From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Fri, 19 Apr 2024 02:47:55 +0200
Subject: Adding upstream version 124.0.1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../abs-pos/abs-pos-auto-margin-1-ref.html         |    25 +
 layout/reftests/abs-pos/abs-pos-auto-margin-1.html |    28 +
 .../abs-pos/abs-pos-auto-margin-centered-ref.html  |    32 +
 .../abs-pos/abs-pos-auto-margin-centered.html      |    32 +
 .../abs-pos/auto-offset-inline-block-1-ref.html    |     6 +
 .../abs-pos/auto-offset-inline-block-1.html        |    10 +
 layout/reftests/abs-pos/button-1-ref.html          |    28 +
 layout/reftests/abs-pos/button-1.html              |    30 +
 layout/reftests/abs-pos/button-2-ref.html          |    31 +
 layout/reftests/abs-pos/button-2.html              |    33 +
 .../abs-pos/continuation-positioned-inline-1.html  |     7 +
 .../abs-pos/continuation-positioned-inline-2.html  |    17 +
 .../continuation-positioned-inline-ref.html        |     7 +
 layout/reftests/abs-pos/fieldset-1-ref.html        |    11 +
 layout/reftests/abs-pos/fieldset-1.html            |    15 +
 .../abs-pos/fixed-pos-auto-offset-1-ref.html       |    30 +
 .../reftests/abs-pos/fixed-pos-auto-offset-1a.html |    42 +
 .../reftests/abs-pos/fixed-pos-auto-offset-1b.html |    32 +
 layout/reftests/abs-pos/font-size-wrap-ref.html    |    27 +
 layout/reftests/abs-pos/font-size-wrap.html        |    33 +
 layout/reftests/abs-pos/multi-column-1-ref.html    |    29 +
 layout/reftests/abs-pos/multi-column-1.html        |    31 +
 layout/reftests/abs-pos/reftest.list               |    65 +
 .../abs-pos/relative-row-animation-1-ref.html      |    13 +
 .../reftests/abs-pos/relative-row-animation-1.html |    28 +
 layout/reftests/abs-pos/scrollframe-1-ref.html     |    13 +
 layout/reftests/abs-pos/scrollframe-1.html         |    18 +
 layout/reftests/abs-pos/scrollframe-2-ref.html     |    16 +
 layout/reftests/abs-pos/scrollframe-2.html         |    18 +
 layout/reftests/abs-pos/select-1-dynamic.html      |    31 +
 layout/reftests/abs-pos/select-1-ref.html          |    11 +
 layout/reftests/abs-pos/select-1.html              |    13 +
 layout/reftests/abs-pos/select-2-ref.html          |    11 +
 layout/reftests/abs-pos/select-2.html              |    11 +
 layout/reftests/abs-pos/select-3-ref.html          |     9 +
 layout/reftests/abs-pos/select-3.html              |    11 +
 layout/reftests/abs-pos/select-4-ref.html          |    13 +
 layout/reftests/abs-pos/select-4.html              |    15 +
 layout/reftests/abs-pos/table-1-ref.html           |    12 +
 layout/reftests/abs-pos/table-1.html               |    12 +
 layout/reftests/abs-pos/table-2-ref.html           |    13 +
 layout/reftests/abs-pos/table-2.html               |    13 +
 layout/reftests/abs-pos/table-3-ref.html           |    20 +
 layout/reftests/abs-pos/table-3.html               |    17 +
 layout/reftests/abs-pos/table-caption-1.html       |    32 +
 layout/reftests/abs-pos/table-caption-2.html       |    37 +
 layout/reftests/abs-pos/table-caption-3.html       |    50 +
 layout/reftests/abs-pos/table-caption-4.html       |    32 +
 layout/reftests/abs-pos/table-caption-5.html       |    34 +
 layout/reftests/abs-pos/table-cell-1.html          |    36 +
 layout/reftests/abs-pos/table-cell-2.html          |    38 +
 layout/reftests/abs-pos/table-cell-3.html          |    50 +
 layout/reftests/abs-pos/table-cell-4.html          |    50 +
 layout/reftests/abs-pos/table-cell-5.html          |    63 +
 layout/reftests/abs-pos/table-cell-6.html          |    66 +
 layout/reftests/abs-pos/table-cell-7.html          |    66 +
 layout/reftests/abs-pos/table-cell-8.html          |    34 +
 layout/reftests/abs-pos/table-footer-group-1.html  |    38 +
 layout/reftests/abs-pos/table-footer-group-2.html  |    40 +
 layout/reftests/abs-pos/table-footer-group-3.html  |    54 +
 layout/reftests/abs-pos/table-footer-group-4.html  |    54 +
 layout/reftests/abs-pos/table-footer-group-5.html  |    71 +
 layout/reftests/abs-pos/table-footer-group-6.html  |    63 +
 layout/reftests/abs-pos/table-footer-group-7.html  |    67 +
 layout/reftests/abs-pos/table-header-group-1.html  |    38 +
 layout/reftests/abs-pos/table-header-group-2.html  |    40 +
 layout/reftests/abs-pos/table-header-group-3.html  |    54 +
 layout/reftests/abs-pos/table-header-group-4.html  |    54 +
 layout/reftests/abs-pos/table-header-group-5.html  |    69 +
 layout/reftests/abs-pos/table-header-group-6.html  |    63 +
 layout/reftests/abs-pos/table-header-group-7.html  |    67 +
 layout/reftests/abs-pos/table-internal-1-ref.html  |    32 +
 layout/reftests/abs-pos/table-internal-2-ref.html  |    34 +
 layout/reftests/abs-pos/table-internal-3-ref.html  |    52 +
 layout/reftests/abs-pos/table-internal-4-ref.html  |    53 +
 layout/reftests/abs-pos/table-internal-5-ref.html  |    52 +
 layout/reftests/abs-pos/table-internal-6-ref.html  |    68 +
 layout/reftests/abs-pos/table-internal-7-ref.html  |    69 +
 layout/reftests/abs-pos/table-internal-8-ref.html  |    24 +
 layout/reftests/abs-pos/table-print-1-ref.html     |    31 +
 layout/reftests/abs-pos/table-row-1.html           |    36 +
 layout/reftests/abs-pos/table-row-2.html           |    38 +
 layout/reftests/abs-pos/table-row-3.html           |    50 +
 layout/reftests/abs-pos/table-row-4.html           |    50 +
 layout/reftests/abs-pos/table-row-5.html           |    62 +
 layout/reftests/abs-pos/table-row-6.html           |    61 +
 layout/reftests/abs-pos/table-row-7.html           |    65 +
 layout/reftests/abs-pos/table-row-group-1.html     |    38 +
 layout/reftests/abs-pos/table-row-group-2.html     |    40 +
 layout/reftests/abs-pos/table-row-group-3.html     |    54 +
 layout/reftests/abs-pos/table-row-group-4.html     |    54 +
 layout/reftests/abs-pos/table-row-group-5.html     |    69 +
 layout/reftests/abs-pos/table-row-group-6.html     |    63 +
 layout/reftests/abs-pos/table-row-group-7.html     |    67 +
 layout/reftests/apng-mime/animated.apng            |   Bin 0 -> 188 bytes
 layout/reftests/apng-mime/expected.html            |     3 +
 layout/reftests/apng-mime/reftest.list             |     1 +
 layout/reftests/apng-mime/static.png               |   Bin 0 -> 100 bytes
 layout/reftests/apng-mime/test.html                |     6 +
 .../async-scrolling/async-scroll-and-zoom-ref.html |    24 +
 .../async-scrolling/async-scroll-and-zoom.html     |    39 +
 .../background-blend-mode-1-ref.html               |    17 +
 .../async-scrolling/background-blend-mode-1.html   |    26 +
 .../reftests/async-scrolling/bg-fixed-1-ref.html   |     7 +
 layout/reftests/async-scrolling/bg-fixed-1.html    |    14 +
 .../async-scrolling/bg-fixed-child-clip-1.html     |    17 +
 .../async-scrolling/bg-fixed-child-clip-2.html     |    21 +
 .../async-scrolling/bg-fixed-child-clip-ref.html   |    11 +
 .../async-scrolling/bg-fixed-child-mask-ref.html   |    11 +
 .../async-scrolling/bg-fixed-child-mask.html       |    18 +
 .../bg-fixed-child-no-culling-1-ref.html           |    11 +
 .../bg-fixed-child-no-culling-1.html               |    15 +
 .../bg-fixed-child-no-culling-2-ref.html           |     7 +
 .../bg-fixed-child-no-culling-2.html               |    13 +
 .../bg-fixed-child-no-culling-3-ref.html           |     7 +
 .../bg-fixed-child-no-culling-3.html               |    15 +
 .../async-scrolling/bg-fixed-child-ref.html        |    10 +
 .../reftests/async-scrolling/bg-fixed-child.html   |    16 +
 .../async-scrolling/bg-fixed-cover-1-ref.html      |     9 +
 .../reftests/async-scrolling/bg-fixed-cover-1.html |    16 +
 .../async-scrolling/bg-fixed-cover-2-ref.html      |    10 +
 .../reftests/async-scrolling/bg-fixed-cover-2.html |    15 +
 .../async-scrolling/bg-fixed-cover-3-ref.html      |    12 +
 .../reftests/async-scrolling/bg-fixed-cover-3.html |    17 +
 .../bg-fixed-in-css-filter-ref.html                |    29 +
 .../async-scrolling/bg-fixed-in-css-filter.html    |    34 +
 .../async-scrolling/bg-fixed-in-opacity-ref.html   |    24 +
 .../async-scrolling/bg-fixed-in-opacity.html       |    30 +
 .../bg-fixed-transformed-image-ref.html            |    19 +
 .../bg-fixed-transformed-image.html                |    24 +
 .../async-scrolling/checkerboard-1-ref.html        |     5 +
 .../reftests/async-scrolling/checkerboard-1.html   |    12 +
 .../async-scrolling/checkerboard-2-ref.html        |     7 +
 .../reftests/async-scrolling/checkerboard-2.html   |    17 +
 .../async-scrolling/checkerboard-3-ref.html        |     6 +
 .../reftests/async-scrolling/checkerboard-3.html   |    15 +
 .../contain-paint-scrollable-frame-1-ref.html      |     8 +
 .../contain-paint-scrollable-frame-1.html          |    27 +
 layout/reftests/async-scrolling/culling-1-ref.html |    23 +
 layout/reftests/async-scrolling/culling-1.html     |    20 +
 .../async-scrolling/curtain-effect-1-ref.html      |    48 +
 .../reftests/async-scrolling/curtain-effect-1.html |    48 +
 .../disable-apz-for-sle-pages-ref.html             |     9 +
 .../async-scrolling/disable-apz-for-sle-pages.html |    46 +
 .../dynamic-toolbar-fixed-bottom-1-ref.html        |    25 +
 .../dynamic-toolbar-fixed-bottom-1.html            |    36 +
 .../dynamic-toolbar-fixed-top-1-ref.html           |    25 +
 .../dynamic-toolbar-fixed-top-1.html               |    36 +
 .../dynamic-toolbar-sticky-1-ref-b.html            |    39 +
 .../dynamic-toolbar-sticky-1-ref.html              |    39 +
 .../async-scrolling/dynamic-toolbar-sticky-1a.html |    42 +
 .../async-scrolling/dynamic-toolbar-sticky-1b.html |    43 +
 .../async-scrolling/dynamic-toolbar-sticky-1c.html |    46 +
 .../dynamic-toolbar-sticky-2-ref-b.html            |    37 +
 .../dynamic-toolbar-sticky-2-ref.html              |    37 +
 .../async-scrolling/dynamic-toolbar-sticky-2a.html |    42 +
 .../async-scrolling/dynamic-toolbar-sticky-2b.html |    43 +
 .../async-scrolling/dynamic-toolbar-sticky-2c.html |    46 +
 .../dynamic-toolbar-sticky-3-ref.html              |    35 +
 .../async-scrolling/dynamic-toolbar-sticky-3a.html |    42 +
 .../async-scrolling/dynamic-toolbar-sticky-3b.html |    43 +
 .../async-scrolling/dynamic-toolbar-sticky-3c.html |    46 +
 .../dynamic-toolbar-sticky-4-ref.html              |    35 +
 .../async-scrolling/dynamic-toolbar-sticky-4a.html |    42 +
 .../async-scrolling/dynamic-toolbar-sticky-4b.html |    43 +
 .../async-scrolling/dynamic-toolbar-sticky-4c.html |    46 +
 .../dynamic-toolbar-sticky-5-ref-t.html            |    37 +
 .../dynamic-toolbar-sticky-5-ref.html              |    37 +
 .../async-scrolling/dynamic-toolbar-sticky-5a.html |    42 +
 .../async-scrolling/dynamic-toolbar-sticky-5b.html |    43 +
 .../async-scrolling/dynamic-toolbar-sticky-5c.html |    46 +
 .../dynamic-toolbar-sticky-6-ref-t.html            |    39 +
 .../dynamic-toolbar-sticky-6-ref.html              |    39 +
 .../async-scrolling/dynamic-toolbar-sticky-6a.html |    42 +
 .../async-scrolling/dynamic-toolbar-sticky-6b.html |    43 +
 .../async-scrolling/dynamic-toolbar-sticky-6c.html |    46 +
 .../dynamic-toolbar-sticky-bottom-1-ref.html       |    29 +
 .../dynamic-toolbar-sticky-bottom-1.html           |    41 +
 .../dynamic-toolbar-sticky-top-1-ref.html          |    29 +
 .../dynamic-toolbar-sticky-top-1.html              |    40 +
 layout/reftests/async-scrolling/element-1-ref.html |     8 +
 layout/reftests/async-scrolling/element-1.html     |    12 +
 .../fixed-pos-scrollable-1-ref.html                |     8 +
 .../async-scrolling/fixed-pos-scrollable-1.html    |    16 +
 .../fixed-pos-scrolled-clip-1-ref.html             |    30 +
 .../async-scrolling/fixed-pos-scrolled-clip-1.html |    40 +
 .../fixed-pos-scrolled-clip-2-ref.html             |    46 +
 .../async-scrolling/fixed-pos-scrolled-clip-2.html |    59 +
 .../fixed-pos-scrolled-clip-3-ref.html             |    49 +
 .../async-scrolling/fixed-pos-scrolled-clip-3.html |    65 +
 .../fixed-pos-scrolled-clip-4-ref.html             |    49 +
 .../async-scrolling/fixed-pos-scrolled-clip-4.html |    29 +
 .../fixed-pos-scrolled-clip-5-ref.html             |    13 +
 .../async-scrolling/fixed-pos-scrolled-clip-5.html |    23 +
 .../group-opacity-surface-size-1-ref.html          |    36 +
 .../group-opacity-surface-size-1.html              |    43 +
 layout/reftests/async-scrolling/iframe-1-ref.html  |    10 +
 layout/reftests/async-scrolling/iframe-1.html      |    12 +
 layout/reftests/async-scrolling/nested-1-ref.html  |    10 +
 layout/reftests/async-scrolling/nested-1.html      |    18 +
 layout/reftests/async-scrolling/nested-2-ref.html  |    10 +
 layout/reftests/async-scrolling/nested-2.html      |    17 +
 .../async-scrolling/no-overscroll-ref.html         |    24 +
 .../offscreen-clipped-blendmode-1.html             |    39 +
 .../offscreen-clipped-blendmode-2.html             |    43 +
 .../offscreen-clipped-blendmode-3.html             |    40 +
 .../offscreen-clipped-blendmode-4.html             |    44 +
 .../offscreen-clipped-blendmode-ref.html           |    31 +
 .../offscreen-prerendered-active-opacity-ref.html  |    42 +
 .../offscreen-prerendered-active-opacity.html      |    40 +
 .../opaque-fractional-displayport-1.html           |    51 +
 .../opaque-fractional-displayport-2.html           |    56 +
 .../async-scrolling/overscroll-disabled.html       |    39 +
 .../overscroll-fixed-iframe-overscroll.html        |    46 +
 .../async-scrolling/overscroll-fixed-iframe.html   |    53 +
 .../overscroll-fixed-transform.html                |    49 +
 .../reftests/async-scrolling/overscroll-fixed.html |    33 +
 .../reftests/async-scrolling/overscroll-ref.html   |    24 +
 .../async-scrolling/overscroll-scrollbar-ref.html  |    24 +
 .../async-scrolling/overscroll-scrollbar.html      |    36 +
 .../async-scrolling/overscroll-subframe.html       |    47 +
 layout/reftests/async-scrolling/overscroll.html    |    39 +
 .../perspective-scrolling-1-ref.html               |    34 +
 .../async-scrolling/perspective-scrolling-1.html   |    33 +
 .../perspective-scrolling-2-ref.html               |    34 +
 .../async-scrolling/perspective-scrolling-2.html   |    41 +
 .../perspective-scrolling-3-ref.html               |    40 +
 .../async-scrolling/perspective-scrolling-3.html   |    41 +
 .../perspective-scrolling-4-ref.html               |    44 +
 .../async-scrolling/perspective-scrolling-4.html   |    49 +
 .../perspective-scrolling-5-ref.html               |    13 +
 .../async-scrolling/perspective-scrolling-5.html   |    60 +
 .../async-scrolling/position-fixed-1-ref.html      |     6 +
 .../reftests/async-scrolling/position-fixed-1.html |    11 +
 .../async-scrolling/position-fixed-2-ref.html      |     9 +
 .../reftests/async-scrolling/position-fixed-2.html |    15 +
 .../position-fixed-async-zoom-1-ref.html           |    25 +
 .../position-fixed-async-zoom-1.html               |    34 +
 .../position-fixed-async-zoom-2-ref.html           |    25 +
 .../position-fixed-async-zoom-2.html               |    35 +
 .../position-fixed-async-zoom-3-ref.html           |    26 +
 .../position-fixed-async-zoom-3.html               |    28 +
 .../position-fixed-async-zoom-4-ref.html           |    46 +
 .../position-fixed-async-zoom-4.html               |    48 +
 .../async-scrolling/position-fixed-body-ref.html   |    28 +
 .../async-scrolling/position-fixed-body.html       |    32 +
 .../position-fixed-cover-1-ref.html                |     7 +
 .../async-scrolling/position-fixed-cover-1.html    |    13 +
 .../position-fixed-cover-2-ref.html                |     7 +
 .../async-scrolling/position-fixed-cover-2.html    |    13 +
 .../position-fixed-cover-3-ref.html                |     7 +
 .../async-scrolling/position-fixed-cover-3.html    |    15 +
 .../position-fixed-iframe-1-ref.html               |     6 +
 .../async-scrolling/position-fixed-iframe-1.html   |    22 +
 .../position-fixed-iframe-2-ref.html               |     6 +
 .../async-scrolling/position-fixed-iframe-2.html   |    22 +
 .../position-fixed-in-scroll-container-ref.html    |    40 +
 .../position-fixed-in-scroll-container.html        |    50 +
 .../position-fixed-inside-clip-path-ref.html       |    29 +
 .../position-fixed-inside-clip-path.html           |    34 +
 .../position-fixed-inside-sticky-1-ref.html        |    20 +
 .../position-fixed-inside-sticky-1.html            |    33 +
 .../position-fixed-inside-sticky-2-ref.html        |    20 +
 .../position-fixed-inside-sticky-2.html            |    34 +
 .../position-fixed-inside-sticky-3-ref.html        |    18 +
 .../position-fixed-inside-sticky-3.html            |    33 +
 .../position-fixed-transformed-1-ref.html          |    21 +
 .../position-fixed-transformed-1.html              |    23 +
 .../position-sticky-async-zoom-1-ref.html          |    25 +
 .../position-sticky-async-zoom-1.html              |    30 +
 .../position-sticky-async-zoom-2-ref.html          |    25 +
 .../position-sticky-async-zoom-2.html              |    31 +
 .../position-sticky-bug1434250-ref.html            |    28 +
 .../position-sticky-bug1434250.html                |    30 +
 ...position-sticky-in-checkerboard-land-1-ref.html |    30 +
 .../position-sticky-in-checkerboard-land-1.html    |    36 +
 ...sition-sticky-in-transformed-scrollframe-1.html |    15 +
 ...sition-sticky-in-transformed-scrollframe-2.html |    15 +
 ...tion-sticky-in-transformed-scrollframe-ref.html |    12 +
 .../position-sticky-scrolled-clip-1-ref.html       |    32 +
 .../position-sticky-scrolled-clip-1.html           |    38 +
 .../position-sticky-scrolled-clip-2-ref.html       |    31 +
 .../position-sticky-scrolled-clip-2.html           |    38 +
 ...on-sticky-transformed-in-scrollframe-1-ref.html |    11 +
 ...sition-sticky-transformed-in-scrollframe-1.html |    14 +
 ...on-sticky-transformed-in-scrollframe-2-ref.html |    12 +
 ...sition-sticky-transformed-in-scrollframe-2.html |    14 +
 .../position-sticky-transformed-ref.html           |     6 +
 .../position-sticky-transformed.html               |    10 +
 layout/reftests/async-scrolling/reftest.list       |   190 +
 .../repeatable-diagonal-gradient.png               |   Bin 0 -> 14520 bytes
 .../async-scrolling/split-layers-1-ref.html        |    13 +
 .../reftests/async-scrolling/split-layers-1.html   |    16 +
 .../split-layers-multi-scrolling-1-ref.html        |    14 +
 .../split-layers-multi-scrolling-1.html            |    20 +
 .../split-opacity-layers-1-ref.html                |    12 +
 .../async-scrolling/split-opacity-layers-1.html    |    15 +
 .../async-scrolling/sticky-inside-fixed-1-ref.html |    39 +
 .../async-scrolling/sticky-inside-fixed-1.html     |    42 +
 .../sticky-inside-transform-1-ref.html             |    34 +
 .../async-scrolling/sticky-inside-transform-1.html |    35 +
 .../sticky-pos-scrollable-1-ref.html               |     8 +
 .../async-scrolling/sticky-pos-scrollable-1.html   |    15 +
 .../sticky-pos-scrollable-2-ref.html               |    18 +
 .../async-scrolling/sticky-pos-scrollable-2.html   |    23 +
 .../sticky-pos-scrollable-3-ref.html               |    19 +
 .../async-scrolling/sticky-pos-scrollable-3.html   |    33 +
 .../sticky-pos-scrollable-4-ref.html               |     7 +
 .../async-scrolling/sticky-pos-scrollable-4.html   |    14 +
 .../sticky-pos-scrollable-5-ref.html               |     7 +
 .../async-scrolling/sticky-pos-scrollable-5.html   |    16 +
 .../sticky-pos-scrollable-6-ref.html               |     7 +
 .../async-scrolling/sticky-pos-scrollable-6.html   |    13 +
 .../sticky-pos-scrollable-7-ref.html               |    28 +
 .../async-scrolling/sticky-pos-scrollable-7.html   |    42 +
 .../async-scrolling/transformed-1-ref.html         |     7 +
 layout/reftests/async-scrolling/transformed-1.html |    10 +
 layout/reftests/backgrounds/aqua-32x32.png         |   Bin 0 -> 110 bytes
 layout/reftests/backgrounds/aqua-yellow-32x32.png  |   Bin 0 -> 156 bytes
 .../attachment-local-clipping-color-1-ref.html     |    18 +
 .../attachment-local-clipping-color-1.html         |    30 +
 .../attachment-local-clipping-color-2.html         |    30 +
 .../attachment-local-clipping-color-3-ref.html     |    18 +
 .../attachment-local-clipping-color-3.html         |    30 +
 .../attachment-local-clipping-color-4-ref.html     |    19 +
 .../attachment-local-clipping-color-4.html         |    31 +
 .../attachment-local-clipping-color-5.html         |    31 +
 .../attachment-local-clipping-color-6-ref.html     |    27 +
 .../attachment-local-clipping-color-6.html         |    31 +
 .../attachment-local-clipping-image-1-ref.html     |    18 +
 .../attachment-local-clipping-image-1.html         |    32 +
 .../attachment-local-clipping-image-2.html         |    30 +
 .../attachment-local-clipping-image-3-ref.html     |    18 +
 .../attachment-local-clipping-image-3.html         |    30 +
 .../attachment-local-clipping-image-4-ref.html     |    19 +
 .../attachment-local-clipping-image-4.html         |    33 +
 .../attachment-local-clipping-image-5.html         |    31 +
 .../attachment-local-clipping-image-6-ref.html     |    27 +
 .../attachment-local-clipping-image-6.html         |    31 +
 .../attachment-local-positioning-1-ref.html        |    16 +
 .../attachment-local-positioning-1.html            |    19 +
 .../attachment-local-positioning-2-ref.html        |    25 +
 .../attachment-local-positioning-2.html            |    35 +
 .../attachment-local-positioning-3-ref.html        |    29 +
 .../attachment-local-positioning-3.html            |    36 +
 .../attachment-local-positioning-4-ref.html        |    29 +
 .../attachment-local-positioning-4.html            |    35 +
 .../attachment-local-positioning-5-ref.html        |    18 +
 .../attachment-local-positioning-5.html            |    24 +
 .../attachment-scroll-positioning-1-ref.html       |    17 +
 .../attachment-scroll-positioning-1.html           |    23 +
 .../backgrounds/background-clip-1-ref.html         |    46 +
 layout/reftests/backgrounds/background-clip-1.html |    52 +
 .../backgrounds/background-clip-2-ref.html         |    12 +
 layout/reftests/backgrounds/background-clip-2.html |    12 +
 .../backgrounds/background-clip-text-1-ref.html    |    23 +
 .../backgrounds/background-clip-text-1a.html       |    25 +
 .../backgrounds/background-clip-text-1b.html       |    25 +
 .../backgrounds/background-clip-text-1c.html       |    27 +
 .../backgrounds/background-clip-text-1d.html       |    24 +
 .../backgrounds/background-clip-text-1e.html       |    32 +
 .../backgrounds/background-clip-text-2-ref.html    |    24 +
 .../backgrounds/background-clip-text-2.html        |    28 +
 .../background-clip-text-scale-ref.html            |    20 +
 .../backgrounds/background-clip-text-scale.html    |    31 +
 .../background-clip-text-translate.html            |    22 +
 .../backgrounds/background-layers-1-ref.html       |    46 +
 .../reftests/backgrounds/background-layers-1a.html |    43 +
 .../reftests/backgrounds/background-layers-1b.html |    46 +
 ...ackground-moz-default-background-color-ref.html |     9 +
 .../background-moz-default-background-color.html   |    17 +
 ...background-multiple-with-border-radius-ref.html |    46 +
 .../background-multiple-with-border-radius.html    |    34 +
 .../backgrounds/background-position-1-ref.html     |    28 +
 .../backgrounds/background-position-1a.html        |    52 +
 .../backgrounds/background-position-1b.html        |    52 +
 .../backgrounds/background-position-1c.html        |    52 +
 .../backgrounds/background-position-1d.html        |    56 +
 .../backgrounds/background-position-1e.html        |    56 +
 .../backgrounds/background-position-1f.html        |    56 +
 .../backgrounds/background-position-2-ref.html     |    25 +
 .../backgrounds/background-position-2a.html        |    25 +
 .../backgrounds/background-position-2b.html        |    25 +
 .../backgrounds/background-position-2c.html        |    26 +
 .../backgrounds/background-position-2d.html        |    26 +
 .../backgrounds/background-position-3-ref.html     |    25 +
 .../backgrounds/background-position-3a.html        |    25 +
 .../backgrounds/background-position-3b.html        |    25 +
 .../backgrounds/background-position-3c.html        |    26 +
 .../backgrounds/background-position-3d.html        |    26 +
 .../backgrounds/background-position-4-ref.html     |    25 +
 .../backgrounds/background-position-4a.html        |    25 +
 .../backgrounds/background-position-4b.html        |    25 +
 .../backgrounds/background-position-4c.html        |    25 +
 .../backgrounds/background-position-4d.html        |    25 +
 .../backgrounds/background-position-4e.html        |    25 +
 .../backgrounds/background-position-5-ref.html     |    25 +
 .../backgrounds/background-position-5.html         |    23 +
 .../backgrounds/background-position-6-ref.html     |    33 +
 .../backgrounds/background-position-6a.html        |    25 +
 .../backgrounds/background-position-6b.html        |    26 +
 .../backgrounds/background-position-7-ref.html     |    28 +
 .../backgrounds/background-position-7.html         |    43 +
 .../backgrounds/background-position-8-ref.html     |    28 +
 .../backgrounds/background-position-8.html         |    43 +
 .../backgrounds/background-redraw-237766-ref.html  |    19 +
 .../backgrounds/background-redraw-237766.html      |    32 +
 .../backgrounds/background-referrer-image.png      |   Bin 0 -> 201 bytes
 .../backgrounds/background-referrer-ref.html       |    11 +
 .../reftests/backgrounds/background-referrer.html  |    11 +
 .../reftests/backgrounds/background-referrer.sjs   |    72 +
 .../backgrounds/background-repeat-1-ref.html       |    42 +
 .../reftests/backgrounds/background-repeat-1.html  |    42 +
 .../background-repeat-large-area-ref.html          |    17 +
 .../backgrounds/background-repeat-large-area.html  |    42 +
 .../background-repeat-resampling-ref.html          |    10 +
 .../backgrounds/background-repeat-resampling.html  |     4 +
 .../backgrounds/background-size-auto-auto.html     |    20 +
 .../background-size-auto-length-ref.html           |    23 +
 .../backgrounds/background-size-auto-length.html   |    25 +
 .../backgrounds/background-size-auto-percent.html  |    25 +
 .../backgrounds/background-size-auto-ref.html      |    24 +
 .../reftests/backgrounds/background-size-auto.html |    20 +
 .../background-size-body-contain-no-repeat.html    |    17 +
 .../background-size-body-contain-not-fixed.html    |    17 +
 .../backgrounds/background-size-body-contain.html  |    16 +
 .../background-size-body-cover-no-repeat.html      |    17 +
 .../background-size-body-cover-not-fixed.html      |    17 +
 .../background-size-body-cover-ref.html            |    14 +
 .../backgrounds/background-size-body-cover.html    |    16 +
 ...ground-size-body-percent-percent-no-repeat.html |    17 +
 ...ground-size-body-percent-percent-not-fixed.html |    16 +
 ...und-size-body-percent-percent-overflow-ref.html |    14 +
 ...kground-size-body-percent-percent-overflow.html |    31 +
 .../background-size-body-percent-percent-ref.html  |    14 +
 .../background-size-body-percent-percent.html      |    16 +
 .../background-size-body-single-not-fixed.html     |    16 +
 .../backgrounds/background-size-clone.html         |    36 +
 .../background-size-contain-clip-border-ref.html   |    29 +
 .../background-size-contain-clip-border.html       |    27 +
 ...ain-clip-padding-origin-border-padding-ref.html |    40 +
 ...contain-clip-padding-origin-border-padding.html |    30 +
 ...ize-contain-clip-padding-origin-border-ref.html |    29 +
 ...nd-size-contain-clip-padding-origin-border.html |    28 +
 .../background-size-contain-clip-padding-ref.html  |    29 +
 .../background-size-contain-clip-padding.html      |    27 +
 ...ound-size-contain-position-fifty-fifty-ref.html |    28 +
 ...ckground-size-contain-position-fifty-fifty.html |    26 +
 .../backgrounds/background-size-contain-ref.html   |    23 +
 .../backgrounds/background-size-contain.html       |    25 +
 .../backgrounds/background-size-cover-clone.html   |    37 +
 .../backgrounds/background-size-cover-ref.html     |    18 +
 .../backgrounds/background-size-cover-slice.html   |    37 +
 .../backgrounds/background-size-cover.html         |    20 +
 .../backgrounds/background-size-length-auto.html   |    25 +
 .../background-size-length-length-ref.html         |    23 +
 .../backgrounds/background-size-length-length.html |    25 +
 .../background-size-length-percent-ref.html        |    23 +
 .../background-size-length-percent.html            |    25 +
 .../backgrounds/background-size-length.html        |    25 +
 .../backgrounds/background-size-monster-ch.html    |    15 +
 .../backgrounds/background-size-monster-cm.html    |    15 +
 .../backgrounds/background-size-monster-em.html    |    15 +
 .../backgrounds/background-size-monster-ex.html    |    15 +
 .../background-size-monster-inches.html            |    15 +
 .../backgrounds/background-size-monster-mm.html    |    15 +
 .../backgrounds/background-size-monster-pc.html    |    15 +
 .../backgrounds/background-size-monster-pt.html    |    15 +
 .../backgrounds/background-size-monster-px.html    |    15 +
 .../backgrounds/background-size-monster-ref.html   |    14 +
 .../backgrounds/background-size-monster-rem.html   |    15 +
 .../backgrounds/background-size-percent-auto.html  |    25 +
 .../background-size-percent-length.html            |    25 +
 .../background-size-percent-percent-ref.html       |    23 +
 ...ackground-size-percent-percent-stretch-ref.html |    39 +
 .../background-size-percent-percent-stretch.html   |    33 +
 .../background-size-percent-percent.html           |    25 +
 .../backgrounds/background-size-percent.html       |    25 +
 .../backgrounds/background-size-slice.html         |    36 +
 .../background-size-zoom-no-repeat-ref.html        |    34 +
 .../background-size-zoom-no-repeat.html            |    35 +
 .../background-size-zoom-repeat-ref.html           |    60 +
 .../backgrounds/background-size-zoom-repeat.html   |    61 +
 .../backgrounds/background-tiling-zoom-1-ref.html  |    75 +
 .../backgrounds/background-tiling-zoom-1.html      |    82 +
 .../backgrounds/blue-16x20-green-16x20.png         |   Bin 0 -> 132 bytes
 .../reftests/backgrounds/blue-16x20-green-8x20.png |   Bin 0 -> 132 bytes
 layout/reftests/backgrounds/blue-16x20.png         |   Bin 0 -> 118 bytes
 layout/reftests/backgrounds/blue-32x32.png         |   Bin 0 -> 110 bytes
 .../reftests/backgrounds/blue-8x20-green-16x20.png |   Bin 0 -> 133 bytes
 .../reftests/backgrounds/blue-8x20-green-8x20.png  |   Bin 0 -> 129 bytes
 layout/reftests/backgrounds/blue-8x20.png          |   Bin 0 -> 114 bytes
 .../reftests/backgrounds/body-background-ref.html  |     2 +
 layout/reftests/backgrounds/body-background.html   |     2 +
 .../reftests/backgrounds/continuous-inline-1a.html |    15 +
 .../backgrounds/continuous-inline-1ab-ref.html     |    20 +
 .../reftests/backgrounds/continuous-inline-1b.html |    15 +
 .../reftests/backgrounds/continuous-inline-1c.html |    15 +
 .../backgrounds/continuous-inline-1cd-ref.html     |    20 +
 .../reftests/backgrounds/continuous-inline-1d.html |    15 +
 .../backgrounds/continuous-inline-2-ref.html       |    20 +
 .../reftests/backgrounds/continuous-inline-2a.html |    15 +
 .../reftests/backgrounds/continuous-inline-2b.html |    15 +
 .../backgrounds/continuous-inline-3-ref.html       |    25 +
 .../reftests/backgrounds/continuous-inline-3.html  |    16 +
 .../backgrounds/continuous-inline-4-ref.html       |    22 +
 .../reftests/backgrounds/continuous-inline-4a.html |    15 +
 .../reftests/backgrounds/continuous-inline-4b.html |    15 +
 .../backgrounds/continuous-inline-5-ref.html       |    22 +
 .../reftests/backgrounds/continuous-inline-5a.html |    15 +
 .../reftests/backgrounds/continuous-inline-5b.html |    15 +
 .../reftests/backgrounds/delay-image-response.sjs  |    65 +
 .../reftests/backgrounds/div-background-ref.html   |     3 +
 layout/reftests/backgrounds/div-background.html    |     3 +
 .../backgrounds/fixed-bg-border-radius-ref.html    |    21 +
 .../backgrounds/fixed-bg-border-radius.html        |    21 +
 ...fixed-bg-with-transform-outside-viewport-1.html |    15 +
 ...xed-bg-with-transform-outside-viewport-ref.html |    15 +
 layout/reftests/backgrounds/fuchsia-32x32.png      |   Bin 0 -> 110 bytes
 layout/reftests/backgrounds/green-16x20.png        |   Bin 0 -> 118 bytes
 .../backgrounds/green-8x20-blue-8x20-vertical.png  |   Bin 0 -> 107 bytes
 layout/reftests/backgrounds/green-8x20.png         |   Bin 0 -> 114 bytes
 .../backgrounds/green-circle-alpha-32x32.png       |   Bin 0 -> 396 bytes
 layout/reftests/backgrounds/grid-large.png         |   Bin 0 -> 2800 bytes
 .../backgrounds/iframe-translucent-color-1.html    |    10 +
 .../backgrounds/iframe-translucent-color-ref.html  |     9 +
 .../backgrounds/layers-layer-count-1-ref.xhtml     |    35 +
 .../backgrounds/layers-layer-count-2-ref.xhtml     |    35 +
 .../backgrounds/layers-layer-count-cascade-1.xhtml |    36 +
 .../backgrounds/layers-layer-count-cascade-2.xhtml |    36 +
 .../layers-layer-count-inheritance-1.xhtml         |    39 +
 .../layers-layer-count-inheritance-2.xhtml         |    39 +
 .../backgrounds/layers-stacking-order-ref.xhtml    |    28 +
 .../backgrounds/layers-stacking-order.xhtml        |    27 +
 layout/reftests/backgrounds/lime-1x25.png          |   Bin 0 -> 3679 bytes
 layout/reftests/backgrounds/lime-25x1.png          |   Bin 0 -> 3676 bytes
 layout/reftests/backgrounds/lime-and-blue-1x25.png |   Bin 0 -> 3687 bytes
 layout/reftests/backgrounds/lime-and-blue-25x1.png |   Bin 0 -> 3682 bytes
 layout/reftests/backgrounds/malformed.png          |     1 +
 .../multi-background-clip-content-border-ref.html  |    10 +
 .../multi-background-clip-content-border.html      |    10 +
 .../backgrounds/really-big-background-ref.html     |     2 +
 .../backgrounds/really-big-background.html         |     2 +
 .../reftests/backgrounds/really-big-background.png |   Bin 0 -> 188871 bytes
 .../reftests/backgrounds/red-128-alpha-32x32.png   |   Bin 0 -> 105 bytes
 layout/reftests/backgrounds/red-32x32.png          |   Bin 0 -> 110 bytes
 layout/reftests/backgrounds/reftest.list           |   184 +
 layout/reftests/backgrounds/root-background-1.html |     5 +
 .../reftests/backgrounds/root-background-ref.html  |     5 +
 .../backgrounds/root-element-display-none-1.html   |    14 +
 .../backgrounds/root-element-display-none-ref.html |     7 +
 .../reftests/backgrounds/table-background-ref.html |    41 +
 layout/reftests/backgrounds/table-background.html  |    41 +
 .../backgrounds/text-clip-and-no-stroke.html       |    14 +
 .../reftests/backgrounds/text-clip-and-stroke.html |    15 +
 .../reftests/backgrounds/translucent-color-1.html  |     9 +
 .../reftests/backgrounds/translucent-color-2.html  |     9 +
 .../reftests/backgrounds/translucent-color-3.html  |     9 +
 .../backgrounds/translucent-color-ref.html         |     9 +
 layout/reftests/backgrounds/transparent-32x32.png  |   Bin 0 -> 96 bytes
 .../diagonal-percentage-vector-background-ref.html |    31 +
 .../diagonal-percentage-vector-background.html     |    31 +
 .../backgrounds/vector/diagonal-scaled-fixed.svg   |    10 +
 .../backgrounds/vector/diagonal-scaled.svg         |    21 +
 .../vector/empty/intrinsic-ratio-no-dimensions.svg |    10 +
 .../vector/empty/intrinsic-ratio-zero-height.svg   |    11 +
 .../vector/empty/intrinsic-ratio-zero-width.svg    |    11 +
 ...ercent-width-omitted-height-extreme-viewbox.svg |    11 +
 ...ted-width-nonpercent-height-extreme-viewbox.svg |    11 +
 .../backgrounds/vector/empty/ref-tall-empty.html   |    24 +
 .../backgrounds/vector/empty/ref-tall-lime.html    |    28 +
 .../backgrounds/vector/empty/ref-wide-empty.html   |    21 +
 .../backgrounds/vector/empty/ref-wide-lime.html    |    28 +
 .../reftests/backgrounds/vector/empty/reftest.list |    26 +
 .../vector/empty/tall--contain--height.html        |    35 +
 .../vector/empty/tall--contain--width.html         |    35 +
 .../vector/empty/tall--cover--height.html          |    35 +
 .../vector/empty/tall--cover--width.html           |    35 +
 .../vector/empty/wide--contain--height.html        |    35 +
 .../vector/empty/wide--contain--width.html         |    35 +
 .../vector/empty/wide--cover--height.html          |    35 +
 .../vector/empty/wide--cover--width.html           |    35 +
 .../vector/empty/zero-height-ratio-5px-auto.html   |    34 +
 .../vector/empty/zero-height-ratio-auto-5px.html   |    34 +
 .../vector/empty/zero-height-ratio-auto-auto.html  |    34 +
 .../vector/empty/zero-height-ratio-contain.html    |    34 +
 .../vector/empty/zero-height-ratio-cover.html      |    34 +
 .../empty/zero-ratio-no-dimensions-5px-auto.html   |    34 +
 .../empty/zero-ratio-no-dimensions-auto-5px.html   |    34 +
 .../empty/zero-ratio-no-dimensions-auto-auto.html  |    34 +
 .../empty/zero-ratio-no-dimensions-contain.html    |    34 +
 .../empty/zero-ratio-no-dimensions-cover.html      |    34 +
 .../vector/empty/zero-width-ratio-5px-auto.html    |    34 +
 .../vector/empty/zero-width-ratio-auto-5px.html    |    34 +
 .../vector/empty/zero-width-ratio-auto-auto.html   |    34 +
 .../vector/empty/zero-width-ratio-contain.html     |    34 +
 .../vector/empty/zero-width-ratio-cover.html       |    34 +
 .../backgrounds/vector/no-aspect-ratio-normal.html |    28 +
 .../backgrounds/vector/no-aspect-ratio-wide.html   |    28 +
 .../nonpercent-width-nonpercent-height-viewbox.svg |    12 +
 .../vector/nonpercent-width-nonpercent-height.svg  |    10 +
 .../nonpercent-width-omitted-height-viewbox.svg    |    12 +
 .../vector/nonpercent-width-omitted-height.svg     |    10 +
 .../nonpercent-width-percent-height-viewbox.svg    |    12 +
 .../vector/nonpercent-width-percent-height.svg     |    10 +
 .../omitted-width-nonpercent-height-viewbox.svg    |    12 +
 .../vector/omitted-width-nonpercent-height.svg     |    10 +
 ...ed-width-omitted-height-viewbox-no-preserve.svg |    10 +
 .../omitted-width-omitted-height-viewbox.svg       |    11 +
 .../vector/omitted-width-omitted-height.svg        |     9 +
 .../omitted-width-percent-height-viewbox.svg       |    12 +
 .../vector/omitted-width-percent-height.svg        |    10 +
 .../percent-width-nonpercent-height-viewbox.svg    |    12 +
 .../vector/percent-width-nonpercent-height.svg     |    10 +
 .../percent-width-omitted-height-viewbox.svg       |    12 +
 .../vector/percent-width-omitted-height.svg        |    10 +
 .../percent-width-percent-height-viewbox.svg       |    12 +
 .../vector/percent-width-percent-height.svg        |    10 +
 .../vector/ref-tall-lime192x384-aqua192x384.html   |    31 +
 .../vector/ref-tall-lime256x16-aqua256x16.html     |    31 +
 .../vector/ref-tall-lime256x384-aqua256x384.html   |    31 +
 .../vector/ref-tall-lime256x512-aqua256x256.html   |    31 +
 .../backgrounds/vector/ref-tall-lime256x768.html   |    22 +
 .../vector/ref-tall-lime2x16-aqua2x16.html         |    31 +
 .../vector/ref-tall-lime32x128-aqua32x128.html     |    31 +
 .../vector/ref-tall-lime32x16-aqua32x16.html       |    31 +
 .../vector/ref-tall-lime32x256-aqua32x256.html     |    31 +
 .../vector/ref-tall-lime32x384-aqua32x384.html     |    31 +
 .../vector/ref-tall-lime32x64-aqua32x64.html       |    31 +
 .../vector/ref-tall-lime48x384-aqua48x384.html     |    31 +
 .../vector/ref-tall-lime4x16-aqua4x16.html         |    31 +
 .../vector/ref-tall-lime8x16-aqua8x16.html         |    31 +
 .../vector/ref-tall-lime8x32-aqua8x32.html         |    31 +
 .../vector/ref-tall-lime8x384-aqua8x384.html       |    31 +
 .../vector/ref-tall-lime8x64-aqua8x64.html         |    31 +
 .../vector/ref-wide-lime12x128-aqua12x128.html     |    31 +
 .../vector/ref-wide-lime12x16-aqua12x16.html       |    31 +
 .../vector/ref-wide-lime12x24-aqua12x24.html       |    31 +
 .../vector/ref-wide-lime12x96-aqua12x96.html       |    31 +
 .../vector/ref-wide-lime16x128-aqua16x128.html     |    31 +
 .../vector/ref-wide-lime2x16-aqua2x16.html         |    31 +
 .../vector/ref-wide-lime64x128-aqua64x128.html     |    31 +
 .../vector/ref-wide-lime768x128-aqua768x128.html   |    31 +
 .../vector/ref-wide-lime768x16-aqua768x16.html     |    31 +
 .../backgrounds/vector/ref-wide-lime768x256.html   |    29 +
 .../vector/ref-wide-lime8x128-aqua8x128.html       |    31 +
 .../vector/ref-wide-lime8x16-aqua8x16.html         |    31 +
 .../vector/ref-wide-lime8x64-aqua8x64.html         |    31 +
 layout/reftests/backgrounds/vector/reftest.list    |   204 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...x-auto--nonpercent-width-nonpercent-height.html |    34 +
 ...o--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...32px-auto--nonpercent-width-omitted-height.html |    34 +
 ...o--nonpercent-width-percent-height-viewbox.html |    35 +
 ...32px-auto--nonpercent-width-percent-height.html |    34 +
 ...o--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...32px-auto--omitted-width-nonpercent-height.html |    34 +
 ...auto--omitted-width-omitted-height-viewbox.html |    35 +
 ...l--32px-auto--omitted-width-omitted-height.html |    34 +
 ...auto--omitted-width-percent-height-viewbox.html |    35 +
 ...l--32px-auto--omitted-width-percent-height.html |    34 +
 ...o--percent-width-nonpercent-height-viewbox.html |    35 +
 ...32px-auto--percent-width-nonpercent-height.html |    34 +
 ...auto--percent-width-omitted-height-viewbox.html |    35 +
 ...l--32px-auto--percent-width-omitted-height.html |    34 +
 ...auto--percent-width-percent-height-viewbox.html |    35 +
 ...l--32px-auto--percent-width-percent-height.html |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...--auto--nonpercent-width-nonpercent-height.html |    34 +
 ...o--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...all--auto--nonpercent-width-omitted-height.html |    34 +
 ...o--nonpercent-width-percent-height-viewbox.html |    35 +
 ...all--auto--nonpercent-width-percent-height.html |    34 +
 ...o--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...all--auto--omitted-width-nonpercent-height.html |    34 +
 ...auto--omitted-width-omitted-height-viewbox.html |    35 +
 .../tall--auto--omitted-width-omitted-height.html  |    34 +
 ...auto--omitted-width-percent-height-viewbox.html |    35 +
 .../tall--auto--omitted-width-percent-height.html  |    34 +
 ...o--percent-width-nonpercent-height-viewbox.html |    35 +
 ...all--auto--percent-width-nonpercent-height.html |    34 +
 ...auto--percent-width-omitted-height-viewbox.html |    35 +
 .../tall--auto--percent-width-omitted-height.html  |    34 +
 ...auto--percent-width-percent-height-viewbox.html |    35 +
 .../tall--auto--percent-width-percent-height.html  |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...o-32px--nonpercent-width-nonpercent-height.html |    34 +
 ...x--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...auto-32px--nonpercent-width-omitted-height.html |    34 +
 ...x--nonpercent-width-percent-height-viewbox.html |    35 +
 ...auto-32px--nonpercent-width-percent-height.html |    34 +
 ...x--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...auto-32px--omitted-width-nonpercent-height.html |    34 +
 ...32px--omitted-width-omitted-height-viewbox.html |    35 +
 ...l--auto-32px--omitted-width-omitted-height.html |    34 +
 ...32px--omitted-width-percent-height-viewbox.html |    35 +
 ...l--auto-32px--omitted-width-percent-height.html |    34 +
 ...x--percent-width-nonpercent-height-viewbox.html |    35 +
 ...auto-32px--percent-width-nonpercent-height.html |    34 +
 ...32px--percent-width-omitted-height-viewbox.html |    35 +
 ...l--auto-32px--percent-width-omitted-height.html |    34 +
 ...32px--percent-width-percent-height-viewbox.html |    35 +
 ...l--auto-32px--percent-width-percent-height.html |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...ontain--nonpercent-width-nonpercent-height.html |    34 +
 ...n--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...--contain--nonpercent-width-omitted-height.html |    34 +
 ...n--nonpercent-width-percent-height-viewbox.html |    35 +
 ...--contain--nonpercent-width-percent-height.html |    34 +
 ...n--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...--contain--omitted-width-nonpercent-height.html |    34 +
 ...tain--omitted-width-omitted-height-viewbox.html |    35 +
 ...all--contain--omitted-width-omitted-height.html |    34 +
 ...tain--omitted-width-percent-height-viewbox.html |    35 +
 ...all--contain--omitted-width-percent-height.html |    34 +
 ...n--percent-width-nonpercent-height-viewbox.html |    35 +
 ...--contain--percent-width-nonpercent-height.html |    34 +
 ...tain--percent-width-omitted-height-viewbox.html |    35 +
 ...all--contain--percent-width-omitted-height.html |    34 +
 ...tain--percent-width-percent-height-viewbox.html |    35 +
 ...all--contain--percent-width-percent-height.html |    34 +
 ...-nonpercent-width-nonpercent-height--crisp.html |    35 +
 ...ent-width-nonpercent-height-viewbox--crisp.html |    36 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    36 +
 ...-cover--nonpercent-width-nonpercent-height.html |    35 +
 ...r--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...ll--cover--nonpercent-width-omitted-height.html |    34 +
 ...r--nonpercent-width-percent-height-viewbox.html |    35 +
 ...ll--cover--nonpercent-width-percent-height.html |    34 +
 ...r--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...ll--cover--omitted-width-nonpercent-height.html |    34 +
 ...over--omitted-width-omitted-height-viewbox.html |    35 +
 .../tall--cover--omitted-width-omitted-height.html |    34 +
 ...over--omitted-width-percent-height-viewbox.html |    35 +
 .../tall--cover--omitted-width-percent-height.html |    34 +
 ...r--percent-width-nonpercent-height-viewbox.html |    35 +
 ...ll--cover--percent-width-nonpercent-height.html |    34 +
 ...over--percent-width-omitted-height-viewbox.html |    35 +
 .../tall--cover--percent-width-omitted-height.html |    34 +
 ...over--percent-width-percent-height-viewbox.html |    35 +
 .../tall--cover--percent-width-percent-height.html |    34 +
 layout/reftests/backgrounds/vector/template.html   |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...x-auto--nonpercent-width-nonpercent-height.html |    34 +
 ...o--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...12px-auto--nonpercent-width-omitted-height.html |    34 +
 ...o--nonpercent-width-percent-height-viewbox.html |    35 +
 ...12px-auto--nonpercent-width-percent-height.html |    34 +
 ...o--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...12px-auto--omitted-width-nonpercent-height.html |    34 +
 ...auto--omitted-width-omitted-height-viewbox.html |    35 +
 ...e--12px-auto--omitted-width-omitted-height.html |    34 +
 ...auto--omitted-width-percent-height-viewbox.html |    35 +
 ...e--12px-auto--omitted-width-percent-height.html |    34 +
 ...o--percent-width-nonpercent-height-viewbox.html |    35 +
 ...12px-auto--percent-width-nonpercent-height.html |    34 +
 ...auto--percent-width-omitted-height-viewbox.html |    35 +
 ...e--12px-auto--percent-width-omitted-height.html |    34 +
 ...auto--percent-width-percent-height-viewbox.html |    35 +
 ...e--12px-auto--percent-width-percent-height.html |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...--auto--nonpercent-width-nonpercent-height.html |    34 +
 ...o--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...ide--auto--nonpercent-width-omitted-height.html |    34 +
 ...o--nonpercent-width-percent-height-viewbox.html |    35 +
 ...ide--auto--nonpercent-width-percent-height.html |    34 +
 ...o--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...ide--auto--omitted-width-nonpercent-height.html |    34 +
 ...auto--omitted-width-omitted-height-viewbox.html |    35 +
 .../wide--auto--omitted-width-omitted-height.html  |    34 +
 ...auto--omitted-width-percent-height-viewbox.html |    35 +
 .../wide--auto--omitted-width-percent-height.html  |    34 +
 ...o--percent-width-nonpercent-height-viewbox.html |    35 +
 ...ide--auto--percent-width-nonpercent-height.html |    34 +
 ...auto--percent-width-omitted-height-viewbox.html |    35 +
 .../wide--auto--percent-width-omitted-height.html  |    34 +
 ...auto--percent-width-percent-height-viewbox.html |    35 +
 .../wide--auto--percent-width-percent-height.html  |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...o-32px--nonpercent-width-nonpercent-height.html |    34 +
 ...x--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...auto-32px--nonpercent-width-omitted-height.html |    34 +
 ...x--nonpercent-width-percent-height-viewbox.html |    35 +
 ...auto-32px--nonpercent-width-percent-height.html |    34 +
 ...x--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...auto-32px--omitted-width-nonpercent-height.html |    34 +
 ...32px--omitted-width-omitted-height-viewbox.html |    35 +
 ...e--auto-32px--omitted-width-omitted-height.html |    34 +
 ...32px--omitted-width-percent-height-viewbox.html |    35 +
 ...e--auto-32px--omitted-width-percent-height.html |    34 +
 ...x--percent-width-nonpercent-height-viewbox.html |    35 +
 ...auto-32px--percent-width-nonpercent-height.html |    34 +
 ...32px--percent-width-omitted-height-viewbox.html |    35 +
 ...e--auto-32px--percent-width-omitted-height.html |    34 +
 ...32px--percent-width-percent-height-viewbox.html |    35 +
 ...e--auto-32px--percent-width-percent-height.html |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...ontain--nonpercent-width-nonpercent-height.html |    34 +
 ...n--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...--contain--nonpercent-width-omitted-height.html |    34 +
 ...n--nonpercent-width-percent-height-viewbox.html |    35 +
 ...--contain--nonpercent-width-percent-height.html |    34 +
 ...n--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...--contain--omitted-width-nonpercent-height.html |    34 +
 ...tain--omitted-width-omitted-height-viewbox.html |    35 +
 ...ide--contain--omitted-width-omitted-height.html |    34 +
 ...tain--omitted-width-percent-height-viewbox.html |    35 +
 ...ide--contain--omitted-width-percent-height.html |    34 +
 ...n--percent-width-nonpercent-height-viewbox.html |    35 +
 ...--contain--percent-width-nonpercent-height.html |    34 +
 ...tain--percent-width-omitted-height-viewbox.html |    35 +
 ...ide--contain--percent-width-omitted-height.html |    34 +
 ...tain--percent-width-percent-height-viewbox.html |    35 +
 ...ide--contain--percent-width-percent-height.html |    34 +
 ...nonpercent-width-nonpercent-height-viewbox.html |    35 +
 ...-cover--nonpercent-width-nonpercent-height.html |    34 +
 ...r--nonpercent-width-omitted-height-viewbox.html |    35 +
 ...de--cover--nonpercent-width-omitted-height.html |    34 +
 ...r--nonpercent-width-percent-height-viewbox.html |    35 +
 ...de--cover--nonpercent-width-percent-height.html |    34 +
 ...r--omitted-width-nonpercent-height-viewbox.html |    35 +
 ...de--cover--omitted-width-nonpercent-height.html |    34 +
 ...over--omitted-width-omitted-height-viewbox.html |    35 +
 .../wide--cover--omitted-width-omitted-height.html |    34 +
 ...over--omitted-width-percent-height-viewbox.html |    35 +
 .../wide--cover--omitted-width-percent-height.html |    34 +
 ...r--percent-width-nonpercent-height-viewbox.html |    35 +
 ...de--cover--percent-width-nonpercent-height.html |    34 +
 ...over--percent-width-omitted-height-viewbox.html |    35 +
 .../wide--cover--percent-width-omitted-height.html |    34 +
 ...over--percent-width-percent-height-viewbox.html |    35 +
 .../wide--cover--percent-width-percent-height.html |    34 +
 .../backgrounds/viewport-translucent-color-1.html  |     7 +
 .../backgrounds/viewport-translucent-color-2.html  |     9 +
 .../backgrounds/viewport-translucent-color-3.html  |     7 +
 .../viewport-translucent-color-ref.html            |     9 +
 layout/reftests/backgrounds/yellow-32x32.png       |   Bin 0 -> 110 bytes
 layout/reftests/bidi/1067268-1-ref.html            |    25 +
 layout/reftests/bidi/1067268-1.html                |    32 +
 .../bidi/1069941-inline-bidi-border-1-ref.html     |    15 +
 .../bidi/1069941-inline-bidi-border-1.html         |    15 +
 .../bidi/1069941-inline-bidi-margin-1-ref.html     |    20 +
 .../bidi/1069941-inline-bidi-margin-1.html         |    20 +
 layout/reftests/bidi/1155359-1-ref.xhtml           |     4 +
 layout/reftests/bidi/1155359-1.xhtml               |     4 +
 layout/reftests/bidi/1157726-1-ref.html            |    24 +
 layout/reftests/bidi/1157726-1.html                |    24 +
 layout/reftests/bidi/115921-1-ref.html             |    14 +
 layout/reftests/bidi/115921-1.html                 |    14 +
 layout/reftests/bidi/115921-2-ref.html             |    14 +
 layout/reftests/bidi/115921-2.html                 |    14 +
 layout/reftests/bidi/1161752-1-embed.html          |    34 +
 layout/reftests/bidi/1161752-2-embed.html          |    34 +
 layout/reftests/bidi/1161752-3-embed.html          |    32 +
 layout/reftests/bidi/1161752-4-embed.html          |    34 +
 layout/reftests/bidi/1161752-5-embed-ref.html      |    30 +
 layout/reftests/bidi/1161752-5-embed.html          |    34 +
 layout/reftests/bidi/1161752-ref.html              |    35 +
 layout/reftests/bidi/1161752.html                  |    73 +
 layout/reftests/bidi/1217833-1-ref.html            |    16 +
 layout/reftests/bidi/1217833-1.html                |    18 +
 layout/reftests/bidi/1217833-2-ref.html            |    21 +
 layout/reftests/bidi/1217833-2.html                |    23 +
 layout/reftests/bidi/1231175-1-ref.html            |    17 +
 layout/reftests/bidi/1231175-1.html                |    17 +
 layout/reftests/bidi/1366623-1-ref.html            |    16 +
 layout/reftests/bidi/1366623-1.html                |    17 +
 layout/reftests/bidi/1426042-1-ref.html            |    61 +
 layout/reftests/bidi/1426042-1.html                |    61 +
 layout/reftests/bidi/151407-1-ref.html             |    15 +
 layout/reftests/bidi/151407-1.html                 |    25 +
 layout/reftests/bidi/151407-1a.html                |    31 +
 layout/reftests/bidi/151407-2-auto-ref.html        |    10 +
 layout/reftests/bidi/151407-2-auto.html            |    16 +
 layout/reftests/bidi/151407-2-empty-ref.html       |    10 +
 layout/reftests/bidi/151407-2-empty.html           |    16 +
 layout/reftests/bidi/151407-2-foopy.html           |    16 +
 layout/reftests/bidi/151407-2-ltr-ref.html         |    10 +
 layout/reftests/bidi/151407-2-ltr.html             |    16 +
 layout/reftests/bidi/151407-2-rtl-ref.html         |    10 +
 layout/reftests/bidi/151407-2-rtl.html             |    16 +
 layout/reftests/bidi/151407-3-auto-ref.html        |    10 +
 layout/reftests/bidi/151407-3-auto.html            |    17 +
 layout/reftests/bidi/151407-3-empty-ref.html       |    10 +
 layout/reftests/bidi/151407-3-foopy.html           |    17 +
 layout/reftests/bidi/151407-3-ltr-ref.html         |    10 +
 layout/reftests/bidi/151407-3-ltr.html             |    17 +
 layout/reftests/bidi/151407-3-rtl-ref.html         |    10 +
 layout/reftests/bidi/151407-3-rtl.html             |    17 +
 layout/reftests/bidi/1556414-1-ref.html            |     8 +
 layout/reftests/bidi/1556414-1.html                |    24 +
 layout/reftests/bidi/1567036-1-ref.html            |    14 +
 layout/reftests/bidi/1567036-1.html                |    13 +
 layout/reftests/bidi/229367-1-ref.html             |    10 +
 layout/reftests/bidi/229367-1.html                 |    10 +
 layout/reftests/bidi/229367-2-ref.html             |    43 +
 layout/reftests/bidi/229367-2.html                 |    43 +
 layout/reftests/bidi/229367-3-ref.html             |    35 +
 layout/reftests/bidi/229367-3.html                 |    30 +
 layout/reftests/bidi/258928-1-ref.html             |    50 +
 layout/reftests/bidi/258928-1.html                 |    52 +
 layout/reftests/bidi/263359-1-ref.html             |    11 +
 layout/reftests/bidi/263359-1.html                 |    12 +
 layout/reftests/bidi/263359-1a.html                |    20 +
 layout/reftests/bidi/263359-1b.html                |    20 +
 layout/reftests/bidi/263359-2-ref.html             |    47 +
 layout/reftests/bidi/263359-2.html                 |    46 +
 layout/reftests/bidi/263359-3-ref.html             |    35 +
 layout/reftests/bidi/263359-3.html                 |    36 +
 layout/reftests/bidi/263359-4-ref.html             |    16 +
 layout/reftests/bidi/263359-4.html                 |    24 +
 layout/reftests/bidi/267459-1-ref.html             |    24 +
 layout/reftests/bidi/267459-1.html                 |    30 +
 layout/reftests/bidi/267459-2-ref.html             |    24 +
 layout/reftests/bidi/267459-2.html                 |    24 +
 layout/reftests/bidi/299065-1-ref.html             |    13 +
 layout/reftests/bidi/299065-1.html                 |    13 +
 layout/reftests/bidi/305643-1-ref.html             |    17 +
 layout/reftests/bidi/305643-1.html                 |    17 +
 layout/reftests/bidi/332655-1-ref.html             |    11 +
 layout/reftests/bidi/332655-1.html                 |    16 +
 layout/reftests/bidi/332655-2-ref.html             |    11 +
 layout/reftests/bidi/332655-2.html                 |    16 +
 layout/reftests/bidi/381279-1-ref.html             |    23 +
 layout/reftests/bidi/381279-1.html                 |    23 +
 layout/reftests/bidi/386339-ref.html               |    34 +
 layout/reftests/bidi/386339.html                   |    37 +
 layout/reftests/bidi/409375-ref.html               |    14 +
 layout/reftests/bidi/409375.html                   |    14 +
 layout/reftests/bidi/413542-1-ref.html             |    20 +
 layout/reftests/bidi/413542-1.html                 |    21 +
 layout/reftests/bidi/413542-2-ref.html             |    20 +
 layout/reftests/bidi/413542-2.html                 |    21 +
 layout/reftests/bidi/413928-1-ref.html             |    58 +
 layout/reftests/bidi/413928-1.html                 |    63 +
 layout/reftests/bidi/413928-2-ref.html             |    58 +
 layout/reftests/bidi/413928-2.html                 |    63 +
 layout/reftests/bidi/425338-1-ref.html             |     8 +
 layout/reftests/bidi/425338-1a.html                |    14 +
 layout/reftests/bidi/425338-1b.html                |    16 +
 layout/reftests/bidi/489517-1-ref.html             |    11 +
 layout/reftests/bidi/489517-1.html                 |    20 +
 layout/reftests/bidi/489887-1-ref.html             |    15 +
 layout/reftests/bidi/489887-1.html                 |    15 +
 layout/reftests/bidi/492231-1-ref.html             |     7 +
 layout/reftests/bidi/492231-1.html                 |     7 +
 layout/reftests/bidi/496006-1-ref.html             |    10 +
 layout/reftests/bidi/496006-1.html                 |    21 +
 layout/reftests/bidi/503269-1-ref.html             |    16 +
 layout/reftests/bidi/503269-1.html                 |    16 +
 layout/reftests/bidi/503957-1-ref.html             |    20 +
 layout/reftests/bidi/503957-1.html                 |    24 +
 layout/reftests/bidi/525740-1-ref.html             |    11 +
 layout/reftests/bidi/525740-1.html                 |    11 +
 layout/reftests/bidi/536963-1-ref.html             |    13 +
 layout/reftests/bidi/536963-1.html                 |    20 +
 layout/reftests/bidi/562169-1-ref.html             |    31 +
 layout/reftests/bidi/562169-1.html                 |    32 +
 layout/reftests/bidi/562169-1a.html                |    46 +
 layout/reftests/bidi/562169-2-ref.html             |    29 +
 layout/reftests/bidi/562169-2.html                 |    30 +
 layout/reftests/bidi/562169-2a.html                |    36 +
 layout/reftests/bidi/562169-3-ref.html             |    16 +
 layout/reftests/bidi/562169-3.html                 |    15 +
 layout/reftests/bidi/562169-3a.html                |    26 +
 layout/reftests/bidi/562169-4-ref.html             |    16 +
 layout/reftests/bidi/562169-4.html                 |    29 +
 layout/reftests/bidi/588739-1.html                 |    12 +
 layout/reftests/bidi/588739-2.html                 |    12 +
 layout/reftests/bidi/588739-3.html                 |    12 +
 layout/reftests/bidi/588739-ref.html               |     9 +
 layout/reftests/bidi/612843-1-ref.html             |    16 +
 layout/reftests/bidi/612843-1.html                 |    16 +
 layout/reftests/bidi/613149-1-ref.html             |    19 +
 layout/reftests/bidi/613149-1a.html                |    17 +
 layout/reftests/bidi/613149-1b.html                |    20 +
 layout/reftests/bidi/613149-2-ref.html             |     9 +
 layout/reftests/bidi/613149-2a.html                |    12 +
 layout/reftests/bidi/613149-2b.html                |    18 +
 layout/reftests/bidi/613157-1-ref.html             |    10 +
 layout/reftests/bidi/613157-1.html                 |    10 +
 layout/reftests/bidi/613157-2-ref.html             |    10 +
 layout/reftests/bidi/613157-2.html                 |    11 +
 layout/reftests/bidi/662288-1-ref.html             |    22 +
 layout/reftests/bidi/662288-1.html                 |    23 +
 layout/reftests/bidi/670226-1-ref.html             |    14 +
 layout/reftests/bidi/670226-1.html                 |    20 +
 layout/reftests/bidi/676245-1-ref.html             |    18 +
 layout/reftests/bidi/676245-1.html                 |    18 +
 layout/reftests/bidi/698291-1-frame.html           |    10 +
 layout/reftests/bidi/698291-1-ref.html             |    10 +
 layout/reftests/bidi/698291-1.html                 |    18 +
 layout/reftests/bidi/698706-1-ref.html             |    10 +
 layout/reftests/bidi/698706-1.html                 |    12 +
 layout/reftests/bidi/704837-1-ref.html             |    10 +
 layout/reftests/bidi/704837-1.html                 |    10 +
 layout/reftests/bidi/712600-1-ref.html             |    36 +
 layout/reftests/bidi/712600-1.html                 |    42 +
 layout/reftests/bidi/712600-2-dyn.html             |    45 +
 layout/reftests/bidi/712600-2-ref.html             |    33 +
 layout/reftests/bidi/712600-2.html                 |    32 +
 layout/reftests/bidi/712600-3-ref.html             |    51 +
 layout/reftests/bidi/712600-3.html                 |    63 +
 layout/reftests/bidi/718236-1-ref.html             |     9 +
 layout/reftests/bidi/718236-1.html                 |    22 +
 layout/reftests/bidi/718236-2-ref.html             |     9 +
 layout/reftests/bidi/718236-2.html                 |    22 +
 layout/reftests/bidi/718236-3-ref.html             |     9 +
 layout/reftests/bidi/718236-3.html                 |    22 +
 layout/reftests/bidi/726460-1-ref.html             |     9 +
 layout/reftests/bidi/726460-1.html                 |    23 +
 layout/reftests/bidi/729047-1-ref.html             |    10 +
 layout/reftests/bidi/729047-1.html                 |    10 +
 layout/reftests/bidi/730562-1-ref.html             |    12 +
 layout/reftests/bidi/730562-1.html                 |    24 +
 layout/reftests/bidi/746987-1-ref.html             |    10 +
 layout/reftests/bidi/746987-1.html                 |    15 +
 layout/reftests/bidi/746987-2-ref.html             |    24 +
 layout/reftests/bidi/746987-2.html                 |    27 +
 layout/reftests/bidi/746987-3-ref.html             |    25 +
 layout/reftests/bidi/746987-3.html                 |    31 +
 layout/reftests/bidi/746987-4-ref.html             |    24 +
 layout/reftests/bidi/746987-4.html                 |    33 +
 layout/reftests/bidi/779003-1-dynamic.html         |    53 +
 layout/reftests/bidi/779003-1-ref.html             |    47 +
 layout/reftests/bidi/779003-1.html                 |    44 +
 layout/reftests/bidi/817406-1-ref.html             |     4 +
 layout/reftests/bidi/817406-1.html                 |     4 +
 layout/reftests/bidi/817406-2-ref.html             |     4 +
 layout/reftests/bidi/817406-2.html                 |     4 +
 layout/reftests/bidi/817406-3.html                 |     6 +
 layout/reftests/bidi/817406-4.html                 |     6 +
 layout/reftests/bidi/83958-1-ref.html              |    23 +
 layout/reftests/bidi/83958-1a.html                 |    24 +
 layout/reftests/bidi/83958-1b.html                 |    32 +
 layout/reftests/bidi/83958-1c.html                 |    32 +
 layout/reftests/bidi/83958-2-ref.html              |    28 +
 layout/reftests/bidi/83958-2a.html                 |    29 +
 layout/reftests/bidi/83958-2b.html                 |    33 +
 layout/reftests/bidi/847242-1-ref.html             |    15 +
 layout/reftests/bidi/847242-1.html                 |    18 +
 layout/reftests/bidi/869833-1-ref.xhtml            |    30 +
 layout/reftests/bidi/869833-1.xhtml                |    29 +
 layout/reftests/bidi/922530-1-ref.html             |    13 +
 layout/reftests/bidi/922530-1.html                 |    25 +
 layout/reftests/bidi/922550-1-ref.html             |    28 +
 layout/reftests/bidi/922550-1.html                 |    26 +
 layout/reftests/bidi/989994-1-ref.html             |    16 +
 layout/reftests/bidi/989994-1.html                 |    16 +
 layout/reftests/bidi/bdi-element-ref.html          |    19 +
 layout/reftests/bidi/bdi-element.html              |    19 +
 layout/reftests/bidi/bidi-000-ref.html             |    17 +
 layout/reftests/bidi/bidi-000.html                 |    17 +
 layout/reftests/bidi/bidi-001-j.html               |    16 +
 layout/reftests/bidi/bidi-001-ref.html             |    15 +
 layout/reftests/bidi/bidi-001-v.html               |    16 +
 layout/reftests/bidi/bidi-001.html                 |    16 +
 layout/reftests/bidi/bidi-002-ref.html             |    15 +
 layout/reftests/bidi/bidi-002.html                 |    16 +
 layout/reftests/bidi/bidi-003-ref.html             |    15 +
 layout/reftests/bidi/bidi-003.html                 |    17 +
 layout/reftests/bidi/bidi-004-j.html               |    17 +
 layout/reftests/bidi/bidi-004-ref.html             |    16 +
 layout/reftests/bidi/bidi-004.html                 |    17 +
 layout/reftests/bidi/bidi-005-ref.html             |    15 +
 layout/reftests/bidi/bidi-005.html                 |    16 +
 layout/reftests/bidi/bidi-006-j.html               |    49 +
 layout/reftests/bidi/bidi-006-ref.html             |    41 +
 layout/reftests/bidi/bidi-006.html                 |    48 +
 layout/reftests/bidi/bidiMirroring-ref.svg         |     8 +
 layout/reftests/bidi/bidiMirroring.js              |   407 +
 layout/reftests/bidi/bidiMirroring.svg             |    22 +
 layout/reftests/bidi/bidiSVG-01-ref.svg            |     3 +
 layout/reftests/bidi/bidiSVG-01.svg                |     3 +
 layout/reftests/bidi/bidiSVG-02-ref.svg            |     3 +
 layout/reftests/bidi/bidiSVG-02.svg                |     3 +
 layout/reftests/bidi/bidiSVG-03-ref.svg            |     3 +
 layout/reftests/bidi/bidiSVG-03.svg                |     3 +
 layout/reftests/bidi/bidiSVG-04-ref.svg            |     3 +
 layout/reftests/bidi/bidiSVG-04.svg                |     3 +
 layout/reftests/bidi/bidiSVG-05-ref.svg            |     3 +
 layout/reftests/bidi/bidiSVG-05.svg                |     3 +
 layout/reftests/bidi/brackets-1a-ltr-ref.html      |    15 +
 layout/reftests/bidi/brackets-1a-ltr.html          |    16 +
 layout/reftests/bidi/brackets-1a-rtl-ref.html      |    15 +
 layout/reftests/bidi/brackets-1a-rtl.html          |    16 +
 layout/reftests/bidi/brackets-1b-ltr-ref.html      |    15 +
 layout/reftests/bidi/brackets-1b-ltr.html          |    16 +
 layout/reftests/bidi/brackets-1b-rtl-ref.html      |    15 +
 layout/reftests/bidi/brackets-1b-rtl.html          |    16 +
 layout/reftests/bidi/brackets-1c-ltr-ref.html      |    15 +
 layout/reftests/bidi/brackets-1c-ltr.html          |    16 +
 layout/reftests/bidi/brackets-1c-rtl-ref.html      |    15 +
 layout/reftests/bidi/brackets-1c-rtl.html          |    16 +
 layout/reftests/bidi/brackets-2a-ltr-ref.html      |    15 +
 layout/reftests/bidi/brackets-2a-ltr.html          |    16 +
 layout/reftests/bidi/brackets-2a-rtl-ref.html      |    15 +
 layout/reftests/bidi/brackets-2a-rtl.html          |    16 +
 layout/reftests/bidi/brackets-2b-ltr-ref.html      |    15 +
 layout/reftests/bidi/brackets-2b-ltr.html          |    16 +
 layout/reftests/bidi/brackets-2b-rtl-ref.html      |    15 +
 layout/reftests/bidi/brackets-2b-rtl.html          |    16 +
 layout/reftests/bidi/brackets-2c-ltr-ref.html      |    15 +
 layout/reftests/bidi/brackets-2c-ltr.html          |    16 +
 layout/reftests/bidi/brackets-2c-rtl-ref.html      |    15 +
 layout/reftests/bidi/brackets-2c-rtl.html          |    16 +
 layout/reftests/bidi/brackets-3a-ltr-ref.html      |    15 +
 layout/reftests/bidi/brackets-3a-ltr.html          |    16 +
 layout/reftests/bidi/brackets-3a-rtl-ref.html      |    15 +
 layout/reftests/bidi/brackets-3a-rtl.html          |    16 +
 layout/reftests/bidi/brackets-3b-ltr-ref.html      |    16 +
 layout/reftests/bidi/brackets-3b-ltr.html          |    16 +
 layout/reftests/bidi/brackets-3b-rtl-ref.html      |    16 +
 layout/reftests/bidi/brackets-3b-rtl.html          |    16 +
 .../bidi/clone-intrinsic-size-bidi-ref.html        |    84 +
 .../reftests/bidi/clone-intrinsic-size-bidi.html   |   113 +
 layout/reftests/bidi/dirAuto/1103348-1-ref.html    |    19 +
 layout/reftests/bidi/dirAuto/1103348-1.html        |    36 +
 .../bidi/dirAuto/1169267-delete-add-1-ref.html     |    17 +
 .../bidi/dirAuto/1169267-delete-add-1a.html        |    18 +
 .../bidi/dirAuto/1169267-delete-add-1b.html        |    18 +
 .../bidi/dirAuto/1169267-delete-add-2-ref.html     |    17 +
 .../bidi/dirAuto/1169267-delete-add-2a.html        |    18 +
 .../bidi/dirAuto/1169267-delete-add-2b.html        |    18 +
 layout/reftests/bidi/dirAuto/839886-1-ref.html     |    17 +
 layout/reftests/bidi/dirAuto/839886-1.html         |    17 +
 layout/reftests/bidi/dirAuto/859093-1-ref.html     |    11 +
 layout/reftests/bidi/dirAuto/859093-1.html         |    11 +
 layout/reftests/bidi/dirAuto/889742-1-ref.html     |    16 +
 layout/reftests/bidi/dirAuto/889742-1.html         |    21 +
 .../bidi/dirAuto/bdi-auto-dir-default-ref.html     |    34 +
 .../bidi/dirAuto/bdi-auto-dir-default.html         |    40 +
 .../bidi/dirAuto/dir_auto-contained-dir-L-ref.html |    61 +
 .../bidi/dirAuto/dir_auto-contained-dir-R-ref.html |    58 +
 .../bidi/dirAuto/dir_auto-set-contained-dir-L.html |    74 +
 .../bidi/dirAuto/dir_auto-set-contained-dir-R.html |    71 +
 .../dir_auto-set-contained-invalid-dir-L.html      |    75 +
 .../dir_auto-set-contained-invalid-dir-R.html      |    72 +
 .../dir_auto-unset-contained-dir-L-ref.html        |    61 +
 .../dirAuto/dir_auto-unset-contained-dir-L.html    |    71 +
 .../dir_auto-unset-contained-dir-R-ref.html        |    64 +
 .../dirAuto/dir_auto-unset-contained-dir-R.html    |    74 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR1.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR10.html   |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR2.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR3.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR4.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR5.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR6.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR7.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR8.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-LTR9.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL1.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL10.html   |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL2.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL3.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL4.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL5.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL6.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL7.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL8.html    |    18 +
 .../dirAuto/dynamicDirAuto-ChangeText-RTL9.html    |    18 +
 .../dirAuto/dynamicDirAuto-DeleteText-LTR1.html    |    18 +
 .../dirAuto/dynamicDirAuto-DeleteText-LTR2.html    |    18 +
 .../dirAuto/dynamicDirAuto-DeleteText-LTR3.html    |    18 +
 .../dirAuto/dynamicDirAuto-DeleteText-RTL1.html    |    18 +
 .../dirAuto/dynamicDirAuto-DeleteText-RTL2.html    |    18 +
 .../dirAuto/dynamicDirAuto-DeleteText-RTL3.html    |    18 +
 .../bidi/dirAuto/dynamicDirAuto-addLTR-Auto.html   |    14 +
 .../bidi/dirAuto/dynamicDirAuto-addRTL-Auto.html   |    14 +
 .../bidi/dirAuto/dynamicDirAuto-refLTR-LTR.html    |    17 +
 .../bidi/dirAuto/dynamicDirAuto-refLTR-RTL.html    |    17 +
 .../bidi/dirAuto/dynamicDirAuto-refRTL-LTR.html    |    17 +
 .../bidi/dirAuto/dynamicDirAuto-refRTL-NoDir.html  |    20 +
 .../bidi/dirAuto/dynamicDirAuto-refRTL-RTL.html    |    17 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-Auto1.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-Auto2.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-Auto3.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-Auto4.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-Auto5.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-Auto6.html  |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir1.html |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir2.html |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir3.html |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir4.html |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir5.html |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir6.html |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir7.html |    18 +
 .../dirAuto/dynamicDirAuto-setLTR-InvalidDir8.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR1.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR2.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR3.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR4.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR5.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR6.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR7.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-LTR8.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir1.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir2.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir3.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir4.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir5.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir6.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir7.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-NoDir8.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL1.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL2.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL3.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL4.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL5.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL6.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL7.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setLTR-RTL8.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-Auto1.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-Auto2.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-Auto3.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-Auto4.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-Auto5.html  |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-Auto6.html  |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir1.html |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir2.html |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir3.html |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir4.html |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir5.html |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir6.html |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir7.html |    18 +
 .../dirAuto/dynamicDirAuto-setRTL-InvalidDir8.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR1.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR2.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR3.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR4.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR5.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR6.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR7.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-LTR8.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir1.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir2.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir3.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir4.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir5.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir6.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir7.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-NoDir8.html |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL1.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL2.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL3.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL4.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL5.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL6.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL7.html   |    18 +
 .../bidi/dirAuto/dynamicDirAuto-setRTL-RTL8.html   |    18 +
 layout/reftests/bidi/dirAuto/reftest.list          |   119 +
 layout/reftests/bidi/dirAuto/setDir.js             |   247 +
 layout/reftests/bidi/logicalmarquee.html           |    11 +
 layout/reftests/bidi/marquee-ref.html              |    11 +
 layout/reftests/bidi/mirroring-01-ref.html         |    13 +
 layout/reftests/bidi/mirroring-01.html             |    20 +
 layout/reftests/bidi/mirroring-02-ref.html         |    11 +
 layout/reftests/bidi/mirroring-02.html             |    18 +
 layout/reftests/bidi/mirroring-03-ref.html         |     9 +
 layout/reftests/bidi/mirroring-03.html             |     9 +
 layout/reftests/bidi/mixedChartype-00-j.html       |    17 +
 layout/reftests/bidi/mixedChartype-00-ref.html     |    16 +
 layout/reftests/bidi/mixedChartype-00.html         |    16 +
 layout/reftests/bidi/mixedChartype-01-j.html       |    16 +
 layout/reftests/bidi/mixedChartype-01-ref.html     |    16 +
 layout/reftests/bidi/mixedChartype-01.html         |    16 +
 layout/reftests/bidi/mixedChartype-02-j.html       |    19 +
 layout/reftests/bidi/mixedChartype-02-ref.html     |    18 +
 layout/reftests/bidi/mixedChartype-02.html         |    18 +
 layout/reftests/bidi/mixedChartype-03-j.html       |    17 +
 layout/reftests/bidi/mixedChartype-03-ref.html     |    16 +
 layout/reftests/bidi/mixedChartype-03.html         |    16 +
 layout/reftests/bidi/numeral/arabic-1-ref.html     |     8 +
 layout/reftests/bidi/numeral/arabic-1.html         |     8 +
 layout/reftests/bidi/numeral/arabic-2-ref.html     |     8 +
 layout/reftests/bidi/numeral/arabic-2.html         |     8 +
 layout/reftests/bidi/numeral/arabic-3-ref.html     |     8 +
 layout/reftests/bidi/numeral/arabic-3.html         |     8 +
 layout/reftests/bidi/numeral/arabic-4-ref.html     |     8 +
 layout/reftests/bidi/numeral/arabic-4.html         |     8 +
 layout/reftests/bidi/numeral/arabic-5-ref.html     |     8 +
 layout/reftests/bidi/numeral/arabic-5.html         |     8 +
 layout/reftests/bidi/numeral/bug441782-1-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug441782-1.html      |     8 +
 layout/reftests/bidi/numeral/bug441782-2-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug441782-2.html      |     8 +
 layout/reftests/bidi/numeral/bug441782-3-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug441782-3.html      |     8 +
 layout/reftests/bidi/numeral/bug441782-4-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug441782-4.html      |     8 +
 layout/reftests/bidi/numeral/bug441782-5-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug441782-5.html      |     8 +
 layout/reftests/bidi/numeral/bug467672-1-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug467672-1.html      |     8 +
 layout/reftests/bidi/numeral/bug467672-2-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug467672-2.html      |     8 +
 layout/reftests/bidi/numeral/bug467672-3-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug467672-3.html      |     8 +
 layout/reftests/bidi/numeral/bug467672-4-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug467672-4.html      |     8 +
 layout/reftests/bidi/numeral/bug467672-5-ref.html  |     8 +
 layout/reftests/bidi/numeral/bug467672-5.html      |     8 +
 layout/reftests/bidi/numeral/persian-1-ref.html    |     8 +
 layout/reftests/bidi/numeral/persian-1.html        |     8 +
 layout/reftests/bidi/numeral/persian-2-ref.html    |     8 +
 layout/reftests/bidi/numeral/persian-2.html        |     8 +
 layout/reftests/bidi/numeral/persian-3-ref.html    |     8 +
 layout/reftests/bidi/numeral/persian-3.html        |     8 +
 layout/reftests/bidi/numeral/persian-4-ref.html    |     8 +
 layout/reftests/bidi/numeral/persian-4.html        |     8 +
 layout/reftests/bidi/numeral/persian-5-ref.html    |     8 +
 layout/reftests/bidi/numeral/persian-5.html        |     8 +
 layout/reftests/bidi/numeral/reftest.list          |   120 +
 layout/reftests/bidi/reftest.list                  |   183 +
 .../bidi/slice-intrinsic-size-bidi-ref.html        |    85 +
 .../reftests/bidi/slice-intrinsic-size-bidi.html   |   108 +
 .../bidi/unicode-bidi-anonymous-001-ref.html       |     3 +
 .../reftests/bidi/unicode-bidi-anonymous-001.html  |     3 +
 .../bidi/unicode-bidi-anonymous-002-ref.html       |     5 +
 .../reftests/bidi/unicode-bidi-anonymous-002.html  |     5 +
 .../bidi/unicode-bidi-isolate-aharon-ref.html      |    69 +
 .../reftests/bidi/unicode-bidi-isolate-aharon.html |    72 +
 .../bidi/unicode-bidi-isolate-basic-ref.html       |    22 +
 .../reftests/bidi/unicode-bidi-isolate-basic.html  |    22 +
 layout/reftests/bidi/unicode-bidi-isolate-basic.js |    44 +
 .../reftests/bidi/unicode-bidi-plaintext-ref.html  |    26 +
 .../bidi/unicode-bidi-plaintext-textarea-1.html    |    17 +
 .../bidi/unicode-bidi-plaintext-textarea-2.html    |    20 +
 .../bidi/unicode-bidi-plaintext-textarea-3.html    |    20 +
 .../bidi/unicode-bidi-plaintext-textarea-4.html    |    20 +
 .../bidi/unicode-bidi-plaintext-textarea-ref.html  |    19 +
 layout/reftests/bidi/unicode-bidi-plaintext.html   |    27 +
 layout/reftests/bidi/visualmarquee.html            |    11 +
 layout/reftests/bidi/with-first-letter-1-ref.html  |    19 +
 layout/reftests/bidi/with-first-letter-1a.html     |    19 +
 layout/reftests/bidi/with-first-letter-1b.html     |    19 +
 layout/reftests/bidi/with-first-letter-2-ref.html  |    20 +
 layout/reftests/bidi/with-first-letter-2a.html     |    19 +
 layout/reftests/bidi/with-first-letter-2b.html     |    19 +
 layout/reftests/border-dotted/1752624-ref.html     |    34 +
 layout/reftests/border-dotted/1752624.html         |    43 +
 layout/reftests/border-dotted/1761756-ref.html     |    17 +
 layout/reftests/border-dotted/1761756.html         |    19 +
 .../border-dashed-no-radius-filled-mask.png        |   Bin 0 -> 6204 bytes
 .../border-dashed-no-radius-unfilled-mask.png      |   Bin 0 -> 5434 bytes
 .../border-dotted/border-dashed-no-radius.html     |    79 +
 .../border-dotted/border-dashed-non-integer.html   |    80 +
 .../border-dashed-radius-filled-mask.png           |   Bin 0 -> 6140 bytes
 ...order-dashed-radius-non-integer-filled-mask.png |   Bin 0 -> 6168 bytes
 ...der-dashed-radius-non-integer-unfilled-mask.png |   Bin 0 -> 5700 bytes
 .../border-dashed-radius-unfilled-mask.png         |   Bin 0 -> 5656 bytes
 .../border-dashed-radius-zoom-filled-mask.png      |   Bin 0 -> 9717 bytes
 .../border-dashed-radius-zoom-unfilled-mask.png    |   Bin 0 -> 8677 bytes
 .../border-dotted/border-dashed-radius-zoom.html   |    88 +
 .../border-dotted/border-dashed-radius.html        |    80 +
 .../border-dotted-interaction-filled-mask.png      |   Bin 0 -> 7867 bytes
 .../border-dotted-interaction-unfilled-mask.png    |   Bin 0 -> 6136 bytes
 .../border-dotted/border-dotted-interaction.html   |    67 +
 .../border-dotted-no-radius-filled-mask.png        |   Bin 0 -> 5638 bytes
 .../border-dotted-no-radius-unfilled-mask.png      |   Bin 0 -> 4693 bytes
 .../border-dotted/border-dotted-no-radius.html     |    81 +
 .../border-dotted-radius-filled-mask.png           |   Bin 0 -> 6855 bytes
 .../border-dotted-radius-unfilled-mask.png         |   Bin 0 -> 6054 bytes
 .../border-dotted-radius-zero-filled-mask.png      |   Bin 0 -> 965 bytes
 .../border-dotted-radius-zero-unfilled-mask.png    |   Bin 0 -> 621 bytes
 .../border-dotted/border-dotted-radius-zero.html   |    42 +
 .../border-dotted/border-dotted-radius.html        |    87 +
 .../border-dotted/border-mixed-filled-mask.png     |   Bin 0 -> 8809 bytes
 .../border-dotted/border-mixed-unfilled-mask.png   |   Bin 0 -> 8298 bytes
 layout/reftests/border-dotted/border-mixed.html    |    79 +
 layout/reftests/border-dotted/masked-small.html    |    21 +
 layout/reftests/border-dotted/masked-zoom.html     |    21 +
 layout/reftests/border-dotted/masked.html          |    21 +
 layout/reftests/border-dotted/reftest.list         |    19 +
 layout/reftests/border-image/10x5multicolor.png    |   Bin 0 -> 190 bytes
 layout/reftests/border-image/3x3green-1DD813.png   |   Bin 0 -> 89 bytes
 layout/reftests/border-image/3x3multicolor.png     |   Bin 0 -> 96 bytes
 layout/reftests/border-image/3x3transparent.png    |   Bin 0 -> 69 bytes
 layout/reftests/border-image/470250-1-ref.html     |     6 +
 layout/reftests/border-image/470250-1.html         |    15 +
 layout/reftests/border-image/470250-2-ref.html     |     6 +
 layout/reftests/border-image/470250-2.html         |    28 +
 layout/reftests/border-image/4x4multicolor.png     |   Bin 0 -> 104 bytes
 .../border-image/border-image-element-ref.html     |    26 +
 .../border-image/border-image-element.html         |    26 +
 .../border-image-linear-gradient-outset-ref.html   |    72 +
 .../border-image-linear-gradient-outset.html       |    33 +
 .../border-image-linear-gradient-ref.html          |    32 +
 ...-image-linear-gradient-repeat-repeat-1-ref.html |    72 +
 ...rder-image-linear-gradient-repeat-repeat-1.html |    30 +
 ...-image-linear-gradient-repeat-repeat-2-ref.html |   116 +
 ...rder-image-linear-gradient-repeat-repeat-2.html |    32 +
 ...-image-linear-gradient-repeat-repeat-3-ref.html |   168 +
 ...rder-image-linear-gradient-repeat-repeat-3.html |    31 +
 ...r-image-linear-gradient-repeat-round-1-ref.html |    72 +
 ...order-image-linear-gradient-repeat-round-1.html |    30 +
 ...r-image-linear-gradient-repeat-round-2-ref.html |   116 +
 ...order-image-linear-gradient-repeat-round-2.html |    32 +
 ...r-image-linear-gradient-repeat-round-3-ref.html |   144 +
 ...order-image-linear-gradient-repeat-round-3.html |    31 +
 .../border-image-linear-gradient-slice-1-ref.html  |    72 +
 .../border-image-linear-gradient-slice-1.html      |    28 +
 .../border-image-linear-gradient-slice-2-ref.html  |    52 +
 .../border-image-linear-gradient-slice-2.html      |    24 +
 ...der-image-linear-gradient-slice-fill-1-ref.html |    72 +
 .../border-image-linear-gradient-slice-fill-1.html |    28 +
 ...der-image-linear-gradient-slice-fill-2-ref.html |    52 +
 .../border-image-linear-gradient-slice-fill-2.html |    24 +
 ...rder-image-linear-gradient-slice-width-ref.html |    72 +
 .../border-image-linear-gradient-slice-width.html  |    29 +
 .../border-image-linear-gradient-width-ref.html    |    32 +
 .../border-image-linear-gradient-width.html        |    18 +
 .../border-image/border-image-linear-gradient.html |    17 +
 .../border-image/border-image-nofill-1-ref.html    |    37 +
 .../border-image/border-image-nofill-1.html        |    20 +
 .../border-image/border-image-outset-1-ref.html    |    15 +
 .../border-image/border-image-outset-1a.html       |    21 +
 .../border-image/border-image-outset-1b.html       |    22 +
 .../border-image/border-image-outset-1c.html       |    21 +
 .../border-image-outset-move-1-ref.html            |    15 +
 .../border-image/border-image-outset-move-1.html   |    30 +
 .../border-image-outset-resize-1-ref.html          |    15 +
 .../border-image/border-image-outset-resize-1.html |    30 +
 .../border-image-radial-gradient-ref.html          |    32 +
 .../border-image-radial-gradient-slice-1-ref.html  |    72 +
 .../border-image-radial-gradient-slice-1.html      |    28 +
 .../border-image-radial-gradient-slice-2-ref.html  |    52 +
 .../border-image-radial-gradient-slice-2.html      |    24 +
 ...der-image-radial-gradient-slice-fill-1-ref.html |    72 +
 .../border-image-radial-gradient-slice-fill-1.html |    28 +
 ...der-image-radial-gradient-slice-fill-2-ref.html |    52 +
 .../border-image-radial-gradient-slice-fill-2.html |    24 +
 ...rder-image-radial-gradient-slice-width-ref.html |    72 +
 .../border-image-radial-gradient-slice-width.html  |    29 +
 .../border-image-radial-gradient-width-ref.html    |    32 +
 .../border-image-radial-gradient-width.html        |    18 +
 .../border-image/border-image-radial-gradient.html |    17 +
 .../border-image-repeat-space-8z-ref.html          |    22 +
 .../border-image/border-image-repeat-space-8z.html |    27 +
 ...border-image-repeating-linear-gradient-ref.html |    32 +
 ...peating-linear-gradient-repeat-round-2-ref.html |   116 +
 ...e-repeating-linear-gradient-repeat-round-2.html |    32 +
 ...repeating-linear-gradient-slice-fill-2-ref.html |    52 +
 ...age-repeating-linear-gradient-slice-fill-2.html |    24 +
 .../border-image-repeating-linear-gradient.html    |    17 +
 ...border-image-repeating-radial-gradient-ref.html |    32 +
 ...eating-radial-gradient-repeat-repeat-2-ref.html |   116 +
 ...-repeating-radial-gradient-repeat-repeat-2.html |    32 +
 ...peating-radial-gradient-repeat-round-2-ref.html |   116 +
 ...e-repeating-radial-gradient-repeat-round-2.html |    32 +
 ...mage-repeating-radial-gradient-slice-1-ref.html |    72 +
 ...er-image-repeating-radial-gradient-slice-1.html |    28 +
 ...mage-repeating-radial-gradient-slice-2-ref.html |    52 +
 ...er-image-repeating-radial-gradient-slice-2.html |    24 +
 ...repeating-radial-gradient-slice-fill-1-ref.html |    72 +
 ...age-repeating-radial-gradient-slice-fill-1.html |    28 +
 ...repeating-radial-gradient-slice-fill-2-ref.html |    52 +
 ...age-repeating-radial-gradient-slice-fill-2.html |    24 +
 ...-repeating-radial-gradient-slice-width-ref.html |    72 +
 ...mage-repeating-radial-gradient-slice-width.html |    29 +
 ...-image-repeating-radial-gradient-width-ref.html |    32 +
 ...rder-image-repeating-radial-gradient-width.html |    18 +
 .../border-image-repeating-radial-gradient.html    |    17 +
 .../border-image-style-none-auto-ref.html          |    38 +
 .../border-image/border-image-style-none-auto.html |    21 +
 .../border-image-style-none-length-ref.html        |    37 +
 .../border-image-style-none-length.html            |    21 +
 .../border-image/border-image-style-none-ref.html  |    32 +
 .../border-image/border-image-style-none.html      |    21 +
 .../border-image/border-image-width-1-ref.html     |    15 +
 .../border-image/border-image-width-1a.html        |    20 +
 .../border-image/border-image-width-1b.html        |    20 +
 .../border-image/border-image-width-1c.html        |    21 +
 .../border-image/border-image-width-large-ref.html |    24 +
 .../border-image/border-image-width-large.html     |    18 +
 layout/reftests/border-image/border.png            |   Bin 0 -> 849 bytes
 .../border-image/center-scaling-1-ref.html         |    64 +
 layout/reftests/border-image/center-scaling-1.html |    11 +
 .../border-image/center-scaling-2-ref.html         |    44 +
 layout/reftests/border-image/center-scaling-2.html |    11 +
 .../border-image/center-scaling-3-ref.html         |    40 +
 layout/reftests/border-image/center-scaling-3.html |    11 +
 .../border-image/center-scaling-4b-ref.html        |    54 +
 .../reftests/border-image/center-scaling-4b.html   |    11 +
 .../border-image/center-scaling-4l-ref.html        |    58 +
 .../reftests/border-image/center-scaling-4l.html   |    11 +
 .../border-image/center-scaling-4lr-ref.html       |    52 +
 .../reftests/border-image/center-scaling-4lr.html  |    11 +
 .../border-image/center-scaling-4r-ref.html        |    58 +
 .../reftests/border-image/center-scaling-4r.html   |    11 +
 .../border-image/center-scaling-4t-ref.html        |    54 +
 .../reftests/border-image/center-scaling-4t.html   |    11 +
 .../border-image/center-scaling-4tb-ref.html       |    44 +
 .../reftests/border-image/center-scaling-4tb.html  |    11 +
 layout/reftests/border-image/diamonds.png          |   Bin 0 -> 554 bytes
 layout/reftests/border-image/different-h-v-1.html  |    15 +
 layout/reftests/border-image/different-h-v-2.html  |    15 +
 .../reftests/border-image/different-h-v-ref.html   |    14 +
 layout/reftests/border-image/gen-refs.py           |   474 +
 .../border-image/multicolor-image-1-ref.html       |    37 +
 .../reftests/border-image/multicolor-image-1.html  |    24 +
 .../border-image/multicolor-image-2-ref.html       |   165 +
 .../reftests/border-image/multicolor-image-2.html  |    96 +
 .../border-image/multicolor-image-3-ref.html       |    63 +
 .../reftests/border-image/multicolor-image-3.html  |    63 +
 .../border-image/multicolor-image-4-ref.html       |   167 +
 .../reftests/border-image/multicolor-image-4.html  |    95 +
 .../border-image/multicolor-image-5-ref.html       |   167 +
 .../reftests/border-image/multicolor-image-5.html  |    96 +
 layout/reftests/border-image/reftest.list          |    97 +
 .../reftests/border-image/repeat-image-1-ref.html  |    57 +
 layout/reftests/border-image/repeat-image-1.html   |    35 +
 layout/reftests/border-image/reticule-bl.png       |   Bin 0 -> 123 bytes
 layout/reftests/border-image/reticule-bo.png       |   Bin 0 -> 134 bytes
 layout/reftests/border-image/reticule-br.png       |   Bin 0 -> 121 bytes
 layout/reftests/border-image/reticule-ct.png       |   Bin 0 -> 127 bytes
 layout/reftests/border-image/reticule-le.png       |   Bin 0 -> 128 bytes
 layout/reftests/border-image/reticule-ri.png       |   Bin 0 -> 130 bytes
 layout/reftests/border-image/reticule-tl.png       |   Bin 0 -> 125 bytes
 layout/reftests/border-image/reticule-to.png       |   Bin 0 -> 128 bytes
 layout/reftests/border-image/reticule-tr.png       |   Bin 0 -> 126 bytes
 layout/reftests/border-image/reticule.png          |   Bin 0 -> 202 bytes
 layout/reftests/border-image/roundrectbutton.png   |   Bin 0 -> 188 bytes
 .../reftests/border-image/side-scaling-1h-ref.html |    28 +
 layout/reftests/border-image/side-scaling-1h.html  |    28 +
 .../reftests/border-image/side-scaling-1v-ref.html |    28 +
 layout/reftests/border-image/side-scaling-1v.html  |    28 +
 .../reftests/border-image/solid-image-1-ref.html   |    11 +
 layout/reftests/border-image/solid-image-1.html    |    20 +
 layout/reftests/border-image/solid-image-1a.html   |    19 +
 .../reftests/border-image/solid-image-2-ref.html   |    38 +
 layout/reftests/border-image/solid-image-2.html    |    42 +
 layout/reftests/border-image/solid-image-2a.html   |    42 +
 .../border-image/svg-as-border-image-1-ref.html    |    19 +
 .../border-image/svg-as-border-image-1a.html       |    18 +
 .../border-image/svg-as-border-image-1b.html       |    18 +
 .../border-image/svg-as-border-image-1c.html       |    18 +
 .../border-image/svg-as-border-image-2-ref.html    |    18 +
 .../border-image/svg-as-border-image-2.html        |    18 +
 .../border-image/svg-as-border-image-3-ref.html    |    18 +
 .../border-image/svg-as-border-image-3.html        |    18 +
 .../border-image/svg-as-border-image-4-ref.html    |    24 +
 .../border-image/svg-as-border-image-4a.html       |    33 +
 .../border-image/svg-as-border-image-4b.html       |    25 +
 .../border-image/transparent-image-1-ref.html      |    11 +
 .../reftests/border-image/transparent-image-1.html |    19 +
 .../border-radius/border-circle-2-ref.xhtml        |    11 +
 layout/reftests/border-radius/border-circle-2.html |    20 +
 layout/reftests/border-radius/border-circle.html   |    11 +
 layout/reftests/border-radius/border-ellips.html   |    11 +
 .../border-radius/border-reduce-height-ref.html    |    19 +
 .../border-radius/border-reduce-height.html        |    19 +
 layout/reftests/border-radius/border-square.html   |    10 +
 .../border-radius/border-value-interpret-ref.html  |    21 +
 .../border-radius/border-value-interpret.html      |    18 +
 layout/reftests/border-radius/clipping-1-ref.html  |    28 +
 layout/reftests/border-radius/clipping-1.html      |    19 +
 layout/reftests/border-radius/clipping-2.html      |    30 +
 layout/reftests/border-radius/clipping-3-ref.xhtml |    19 +
 layout/reftests/border-radius/clipping-3.html      |    27 +
 .../reftests/border-radius/clipping-4-canvas.html  |    14 +
 .../reftests/border-radius/clipping-4-image.html   |    10 +
 .../reftests/border-radius/clipping-4-notref.html  |    10 +
 .../border-radius/clipping-4-overflow-hidden.html  |    16 +
 layout/reftests/border-radius/clipping-4-ref.html  |    11 +
 .../reftests/border-radius/clipping-5-canvas.html  |    20 +
 .../reftests/border-radius/clipping-5-image.html   |    16 +
 .../border-radius/clipping-5-overflow-hidden.html  |    24 +
 layout/reftests/border-radius/clipping-5-ref.html  |    17 +
 layout/reftests/border-radius/clipping-5-refc.html |    19 +
 layout/reftests/border-radius/clipping-5-refi.html |    15 +
 layout/reftests/border-radius/clipping-6-ref.html  |    15 +
 layout/reftests/border-radius/clipping-6.html      |    13 +
 layout/reftests/border-radius/clipping-7-ref.html  |    13 +
 layout/reftests/border-radius/clipping-7.html      |    13 +
 .../border-radius/clipping-and-zindex-1-ref.html   |    18 +
 .../border-radius/clipping-and-zindex-1.html       |    19 +
 .../border-radius/clipping-preserve-3d-ref.html    |    11 +
 .../border-radius/clipping-preserve-3d.html        |    11 +
 .../reftests/border-radius/color-layer-1-ref.html  |    10 +
 layout/reftests/border-radius/color-layer-1a.html  |     8 +
 layout/reftests/border-radius/corner-1-ref.svg     |    13 +
 layout/reftests/border-radius/corner-1.html        |    18 +
 layout/reftests/border-radius/corner-2-ref.svg     |    12 +
 layout/reftests/border-radius/corner-2.html        |    18 +
 layout/reftests/border-radius/corner-3-ref.svg     |     5 +
 layout/reftests/border-radius/corner-3.html        |    22 +
 layout/reftests/border-radius/corner-4-ref.svg     |     5 +
 layout/reftests/border-radius/corner-4.html        |    22 +
 .../border-radius/corner-joins-1-ref.xhtml         |    89 +
 layout/reftests/border-radius/corner-joins-1.xhtml |    78 +
 .../border-radius/corner-joins-2-ref.xhtml         |    36 +
 layout/reftests/border-radius/corner-joins-2.xhtml |    42 +
 layout/reftests/border-radius/corner-split-ref.svg |    20 +
 layout/reftests/border-radius/corner-split.html    |    32 +
 .../curved-border-background-nogap-ref.html        |     9 +
 .../curved-border-background-nogap.html            |    36 +
 .../border-radius/curved-borders-all-styles.html   |    29 +
 .../border-radius/curved-stripe-border-ref.svg     |    26 +
 .../border-radius/curved-stripe-border.html        |    17 +
 layout/reftests/border-radius/iframe-1-ref.html    |     7 +
 layout/reftests/border-radius/iframe-1.html        |     7 +
 layout/reftests/border-radius/inherit-1-ref.html   |    25 +
 layout/reftests/border-radius/inherit-1.html       |    24 +
 .../intersecting-clipping-1-canvas.html            |    20 +
 .../intersecting-clipping-1-image.html             |    16 +
 .../intersecting-clipping-1-overflow-hidden.html   |    18 +
 .../border-radius/intersecting-clipping-1-ref.html |    53 +
 .../intersecting-clipping-1-refc.html              |    55 +
 .../intersecting-clipping-1-refi.html              |    51 +
 .../reftests/border-radius/invalidate-1-ref.html   |     7 +
 layout/reftests/border-radius/invalidate-1a.html   |    15 +
 layout/reftests/border-radius/invalidate-1b.html   |    15 +
 layout/reftests/border-radius/outline-circle.html  |    11 +
 layout/reftests/border-radius/outline-ellips.html  |    11 +
 layout/reftests/border-radius/outline-square.html  |    10 +
 layout/reftests/border-radius/percent-1-ref.html   |    55 +
 layout/reftests/border-radius/percent-1.html       |    37 +
 layout/reftests/border-radius/percent-2-ref.html   |    55 +
 layout/reftests/border-radius/percent-2.html       |    37 +
 layout/reftests/border-radius/percent-3-ref.html   |    55 +
 layout/reftests/border-radius/percent-3.html       |    37 +
 layout/reftests/border-radius/reftest.list         |    96 +
 layout/reftests/border-radius/scroll-1-ref.html    |     8 +
 layout/reftests/border-radius/scroll-1.html        |    23 +
 .../border-radius/scrollbar-clamping-1-ref.html    |    47 +
 .../border-radius/scrollbar-clamping-1.html        |    45 +
 .../border-radius/scrollbar-clamping-2-ref.html    |    34 +
 .../border-radius/scrollbar-clamping-2.html        |    46 +
 .../border-radius/table-collapse-1-ref.html        |    24 +
 .../reftests/border-radius/table-collapse-1.html   |    25 +
 .../reftests/border-radius/transforms-1-ref.html   |    24 +
 layout/reftests/border-radius/transforms-1.html    |    25 +
 .../reftests/border-radius/zero-radius-clip-1.html |     7 +
 .../border-radius/zero-radius-clip-ref.html        |     7 +
 .../box-properties/CSS21-t100301-ref.xhtml         |    23 +
 layout/reftests/box-properties/CSS21-t100301.xhtml |    76 +
 .../CSS21-t100303-green-in-170px.png               |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-in-334px.png               |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-in-340px.png               |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-in-344px.png               |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-in-350px.png               |   Bin 0 -> 89 bytes
 .../CSS21-t100303-green-in-458px.png               |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-outside-170px.png          |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-outside-334px.png          |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-outside-340px.png          |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-outside-344px.png          |   Bin 0 -> 90 bytes
 .../CSS21-t100303-green-outside-350px.png          |   Bin 0 -> 89 bytes
 .../CSS21-t100303-green-outside-458px.png          |   Bin 0 -> 90 bytes
 .../box-properties/CSS21-t100303-make-images.html  |    55 +
 .../box-properties/CSS21-t100303-ref.xhtml         |    26 +
 .../box-properties/CSS21-t100303-simple.xhtml      |   202 +
 layout/reftests/box-properties/CSS21-t100303.xhtml |   191 +
 .../CSS21-t100801-vertical-align-ref.xhtml         |    27 +
 .../CSS21-t100801-vertical-align.xhtml             |   247 +
 ...bspos-non-replaced-width-offset-margin-ref.html |   456 +
 .../abspos-non-replaced-width-offset-margin.html   |   488 +
 .../abspos-replaced-width-offset-margin-narrow.png |   Bin 0 -> 73 bytes
 .../abspos-replaced-width-offset-margin-ref.html   |   604 +
 .../abspos-replaced-width-offset-margin-wide.png   |   Bin 0 -> 82 bytes
 .../abspos-replaced-width-offset-margin.html       |   612 +
 .../reftests/box-properties/box-sizing-1-ref.html  |    64 +
 layout/reftests/box-properties/box-sizing-1.html   |    64 +
 .../reftests/box-properties/box-sizing-2-ref.html  |    56 +
 layout/reftests/box-properties/box-sizing-2.html   |    59 +
 layout/reftests/box-properties/box-sizing-3.html   |    64 +
 .../reftests/box-properties/box-sizing-4-ref.html  |    66 +
 layout/reftests/box-properties/box-sizing-4.html   |    76 +
 .../box-sizing-minmax-height-ref.html              |    57 +
 .../box-properties/box-sizing-minmax-height.html   |    70 +
 .../box-sizing-minmax-width-ref.html               |    68 +
 .../box-properties/box-sizing-minmax-width.html    |    83 +
 .../box-sizing-mozbox-minmax-height-ref.html       |    47 +
 .../box-sizing-mozbox-minmax-height.html           |    43 +
 layout/reftests/box-properties/clip-auto-ref.html  |     4 +
 layout/reftests/box-properties/clip-auto.html      |     6 +
 .../box-properties/clip-rect-auto-ref.html         |     4 +
 layout/reftests/box-properties/clip-rect-auto.html |     6 +
 .../reftests/box-properties/max-height-1-ref.html  |    46 +
 layout/reftests/box-properties/max-height-1.html   |    46 +
 .../reftests/box-properties/max-width-1-ref.html   |    46 +
 layout/reftests/box-properties/max-width-1.html    |    46 +
 .../reftests/box-properties/min-height-1-ref.html  |    43 +
 layout/reftests/box-properties/min-height-1.html   |    43 +
 .../reftests/box-properties/min-width-1-ref.html   |    43 +
 layout/reftests/box-properties/min-width-1.html    |    43 +
 ...x-width-special-values-block-intrinsic-ref.html |    75 +
 ...inmax-width-special-values-block-intrinsic.html |    75 +
 .../box-properties/overflow-clip-box-1-ref.html    |    99 +
 .../box-properties/overflow-clip-box-1.html        |    76 +
 .../box-properties/overflow-clip-box-2-ref.html    |   101 +
 .../box-properties/overflow-clip-box-2.html        |    78 +
 .../box-properties/overflow-clip-box-3-ref.html    |    23 +
 .../box-properties/overflow-clip-box-3.html        |    30 +
 layout/reftests/box-properties/reftest.list        |    32 +
 .../box-properties/width-rounding-ref.html         |   207 +
 layout/reftests/box-properties/width-rounding.html |   210 +
 .../width-special-values-block-intrinsic-ref.html  |    43 +
 .../width-special-values-block-intrinsic.html      |    43 +
 .../width-special-values-block-ref.html            |    49 +
 .../box-properties/width-special-values-block.html |    54 +
 .../width-special-values-cell-auto-ref.html        |    86 +
 .../width-special-values-cell-auto.html            |    86 +
 .../width-special-values-cell-fixed-ref.html       |    66 +
 .../width-special-values-cell-fixed.html           |    67 +
 .../width-special-values-float-intrinsic.html      |    48 +
 .../box-properties/width-special-values-float.html |    56 +
 .../width-special-values-image-block-ref.html      |    42 +
 .../width-special-values-image-block.html          |    45 +
 .../width-special-values-image-ref.html            |    41 +
 .../box-properties/width-special-values-image.html |    44 +
 layout/reftests/box-shadow/1178575-2-ref.html      |    29 +
 layout/reftests/box-shadow/1178575-2.html          |    35 +
 layout/reftests/box-shadow/1178575-ref.html        |    22 +
 layout/reftests/box-shadow/1178575.html            |    28 +
 layout/reftests/box-shadow/1212823-1-ref.html      |     7 +
 layout/reftests/box-shadow/1212823-1.html          |     6 +
 layout/reftests/box-shadow/1212823-2-ref.html      |     6 +
 layout/reftests/box-shadow/1212823-2.html          |     2 +
 layout/reftests/box-shadow/611574-1-ref.html       |    62 +
 layout/reftests/box-shadow/611574-1.html           |    62 +
 layout/reftests/box-shadow/611574-2-ref.html       |    65 +
 layout/reftests/box-shadow/611574-2.html           |    67 +
 .../reftests/box-shadow/boxshadow-basic-ref.html   |    28 +
 layout/reftests/box-shadow/boxshadow-basic.html    |    17 +
 .../box-shadow/boxshadow-blur-2-notref.html        |    11 +
 .../reftests/box-shadow/boxshadow-blur-2-ref.html  |    11 +
 layout/reftests/box-shadow/boxshadow-blur-2.html   |    10 +
 .../reftests/box-shadow/boxshadow-blur-notref.html |    17 +
 .../box-shadow/boxshadow-blur-notref2.html         |    16 +
 layout/reftests/box-shadow/boxshadow-blur.html     |    17 +
 .../boxshadow-border-radius-int-ref.html           |    31 +
 .../box-shadow/boxshadow-border-radius-int.html    |    32 +
 .../reftests/box-shadow/boxshadow-button-ref.html  |    24 +
 layout/reftests/box-shadow/boxshadow-button.html   |    24 +
 .../boxshadow-color-rounding-middle-ref.html       |    23 +
 .../boxshadow-color-rounding-middle.html           |    11 +
 .../box-shadow/boxshadow-color-rounding-ref.html   |    10 +
 .../box-shadow/boxshadow-color-rounding.html       |    11 +
 .../box-shadow/boxshadow-dynamic-ref.xhtml         |     7 +
 layout/reftests/box-shadow/boxshadow-dynamic.xhtml |    33 +
 .../box-shadow/boxshadow-fileupload-ref.html       |    31 +
 .../reftests/box-shadow/boxshadow-fileupload.html  |    22 +
 .../box-shadow/boxshadow-inner-basic-ref.svg       |    41 +
 .../reftests/box-shadow/boxshadow-inner-basic.html |     8 +
 .../boxshadow-inset-large-border-radius-ref.html   |    17 +
 .../boxshadow-inset-large-border-radius.html       |    35 +
 .../boxshadow-inset-large-offset-ref.html          |    23 +
 .../box-shadow/boxshadow-inset-large-offset.html   |    26 +
 .../box-shadow/boxshadow-inset-neg-spread.html     |    17 +
 .../boxshadow-inset-neg-spread2-ref.html           |    16 +
 .../box-shadow/boxshadow-inset-neg-spread2.html    |    20 +
 .../boxshadow-large-border-radius-ref.html         |    37 +
 .../box-shadow/boxshadow-large-border-radius.html  |    37 +
 .../box-shadow/boxshadow-large-offset-ref.html     |    50 +
 .../box-shadow/boxshadow-large-offset.html         |    49 +
 .../reftests/box-shadow/boxshadow-mixed-2-ref.html |    26 +
 layout/reftests/box-shadow/boxshadow-mixed-2.html  |    13 +
 .../reftests/box-shadow/boxshadow-mixed-ref.html   |     1 +
 layout/reftests/box-shadow/boxshadow-mixed.html    |     1 +
 .../box-shadow/boxshadow-multiple-ref.html         |    48 +
 layout/reftests/box-shadow/boxshadow-multiple.html |    17 +
 .../box-shadow/boxshadow-onecorner-ref.html        |     3 +
 .../reftests/box-shadow/boxshadow-onecorner.html   |     2 +
 .../reftests/box-shadow/boxshadow-opacity-ref.html |    18 +
 layout/reftests/box-shadow/boxshadow-opacity.html  |    17 +
 .../reftests/box-shadow/boxshadow-rotated-ref.html |    15 +
 layout/reftests/box-shadow/boxshadow-rotated.html  |    16 +
 .../box-shadow/boxshadow-rounded-spread-ref.html   |     1 +
 .../box-shadow/boxshadow-rounded-spread.html       |     1 +
 .../box-shadow/boxshadow-rounding-ref.html         |     1 +
 layout/reftests/box-shadow/boxshadow-rounding.html |     1 +
 .../box-shadow/boxshadow-skiprect-ref.html         |    24 +
 layout/reftests/box-shadow/boxshadow-skiprect.html |    14 +
 .../reftests/box-shadow/boxshadow-spread-ref.html  |    28 +
 layout/reftests/box-shadow/boxshadow-spread.html   |    17 +
 .../box-shadow/boxshadow-threecorners-ref.html     |     3 +
 .../box-shadow/boxshadow-threecorners.html         |     2 +
 .../box-shadow/boxshadow-twocorners-ref.html       |     3 +
 .../reftests/box-shadow/boxshadow-twocorners.html  |     2 +
 layout/reftests/box-shadow/fieldset-inset-ref.html |    95 +
 layout/reftests/box-shadow/fieldset-inset.html     |    90 +
 layout/reftests/box-shadow/fieldset-ref.html       |    95 +
 layout/reftests/box-shadow/fieldset.html           |    90 +
 .../box-shadow/overflow-not-scrollable-1-ref.html  |    18 +
 .../box-shadow/overflow-not-scrollable-1-ref2.html |    17 +
 .../box-shadow/overflow-not-scrollable-1.html      |    18 +
 .../box-shadow/overflow-not-scrollable-2-ref.html  |    19 +
 .../box-shadow/overflow-not-scrollable-2.html      |    19 +
 layout/reftests/box-shadow/reftest.list            |    49 +
 .../box-shadow/tableboxshadow-basic-ref.html       |     1 +
 .../reftests/box-shadow/tableboxshadow-basic.html  |     1 +
 .../box-shadow/tableboxshadow-tdshadow-ref.html    |     5 +
 .../box-shadow/tableboxshadow-tdshadow.html        |     1 +
 .../box-shadow/tableboxshadow-trshadow-ref.html    |     5 +
 .../box-shadow/tableboxshadow-trshadow.html        |     1 +
 .../box-sizing/computed-size-reporting-ref.html    |    22 +
 .../box-sizing/computed-size-reporting.html        |    23 +
 layout/reftests/box-sizing/html-hr-1-ref.html      |     4 +
 layout/reftests/box-sizing/html-hr-1.html          |     4 +
 layout/reftests/box-sizing/intrinsic-1-ref.html    |     6 +
 layout/reftests/box-sizing/intrinsic-1a.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1b.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1c.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1d.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1e.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1f.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1g.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1h.html       |     9 +
 layout/reftests/box-sizing/intrinsic-1i.html       |    12 +
 layout/reftests/box-sizing/intrinsic-1j.html       |    10 +
 layout/reftests/box-sizing/intrinsic-1k.html       |    10 +
 layout/reftests/box-sizing/intrinsic-1l.html       |    13 +
 layout/reftests/box-sizing/intrinsic-1m.html       |    10 +
 layout/reftests/box-sizing/intrinsic-1n.html       |    10 +
 layout/reftests/box-sizing/intrinsic-1o.html       |    13 +
 layout/reftests/box-sizing/lime100x100.png         |   Bin 0 -> 232 bytes
 layout/reftests/box-sizing/reftest.list            |    19 +
 layout/reftests/bugs/1003425-1-ref.html            |    11 +
 layout/reftests/bugs/1003425-1.html                |    18 +
 layout/reftests/bugs/1003425-2-ref.html            |    11 +
 layout/reftests/bugs/1003425-2.html                |    18 +
 layout/reftests/bugs/10036-1-ref.html              |     8 +
 layout/reftests/bugs/10036-1.html                  |     8 +
 layout/reftests/bugs/1005405-1-ref.html            |    12 +
 layout/reftests/bugs/1005405-1.html                |    19 +
 .../reftests/bugs/100x80-white-rect-top-right.png  |   Bin 0 -> 157 bytes
 layout/reftests/bugs/1012640-1-ref.html            |    21 +
 layout/reftests/bugs/1012640-1.html                |    21 +
 layout/reftests/bugs/1013054-1-ref.html            |     4 +
 layout/reftests/bugs/1013054-1.html                |    13 +
 layout/reftests/bugs/1018522-1-ref.html            |    21 +
 layout/reftests/bugs/1018522-1.html                |    30 +
 layout/reftests/bugs/10209-1.html                  |    16 +
 layout/reftests/bugs/10209-2.html                  |    16 +
 layout/reftests/bugs/10209-3-ref.html              |    14 +
 layout/reftests/bugs/10209-3.html                  |    13 +
 layout/reftests/bugs/10209-ref.html                |    14 +
 layout/reftests/bugs/1021564-1.html                |    46 +
 layout/reftests/bugs/1021564-2.html                |    45 +
 layout/reftests/bugs/1021564-3.html                |    46 +
 layout/reftests/bugs/1021564-4.html                |    45 +
 layout/reftests/bugs/1021564-ref.html              |    28 +
 layout/reftests/bugs/1022481-1-ref.html            |    36 +
 layout/reftests/bugs/1022481-1.html                |    36 +
 layout/reftests/bugs/1022612-1-ref.html            |     7 +
 layout/reftests/bugs/1022612-1.html                |     7 +
 layout/reftests/bugs/1024473-1-ref.html            |    11 +
 layout/reftests/bugs/1024473-1.html                |    16 +
 layout/reftests/bugs/1025914-1-ref.html            |    44 +
 layout/reftests/bugs/1025914-1.html                |    59 +
 layout/reftests/bugs/1035091-2.html                |     8 +
 layout/reftests/bugs/1035091-ref.html              |     2 +
 layout/reftests/bugs/1042104-1-ref.html            |    27 +
 layout/reftests/bugs/1042104-1.html                |    48 +
 layout/reftests/bugs/1043537-1-ref.html            |    25 +
 layout/reftests/bugs/1043537-1.html                |    26 +
 layout/reftests/bugs/1044198-1-ref.html            |    47 +
 layout/reftests/bugs/1044198-1.html                |    47 +
 layout/reftests/bugs/1049499-1-ref.html            |    20 +
 layout/reftests/bugs/1049499-1.html                |    27 +
 layout/reftests/bugs/105-1-ref.html                |     8 +
 layout/reftests/bugs/105-1.html                    |     8 +
 layout/reftests/bugs/105030-1-ref.html             |    16 +
 layout/reftests/bugs/105030-1.html                 |    26 +
 layout/reftests/bugs/1050493-1-ref.html            |    18 +
 layout/reftests/bugs/1050493-1.html                |    41 +
 layout/reftests/bugs/1050788-1.html                |    34 +
 layout/reftests/bugs/1053035-1-flex.html           |    17 +
 layout/reftests/bugs/1053035-1-grid.html           |    17 +
 layout/reftests/bugs/1053035-1-ref.html            |    17 +
 layout/reftests/bugs/1059167-1-ref.html            |    29 +
 layout/reftests/bugs/1059167-1.html                |    30 +
 layout/reftests/bugs/1059498-1-ref.html            |    20 +
 layout/reftests/bugs/1059498-1.html                |    32 +
 layout/reftests/bugs/1059498-2.html                |    40 +
 layout/reftests/bugs/1059498-3.html                |    41 +
 layout/reftests/bugs/1062108-1-ref.html            |    16 +
 layout/reftests/bugs/1062108-1.html                |    16 +
 layout/reftests/bugs/1062792-1-ref.html            |    20 +
 layout/reftests/bugs/1062792-1.html                |    22 +
 layout/reftests/bugs/1066554-1-ref.html            |    14 +
 layout/reftests/bugs/1066554-1.html                |    24 +
 layout/reftests/bugs/1069716-1-ref.html            |    11 +
 layout/reftests/bugs/1069716-1.html                |    20 +
 layout/reftests/bugs/1078262-1.html                |    34 +
 layout/reftests/bugs/1081072-1-ref.html            |    15 +
 layout/reftests/bugs/1081072-1.html                |    44 +
 layout/reftests/bugs/1081185-1-ref.html            |    31 +
 layout/reftests/bugs/1081185-1.html                |    32 +
 layout/reftests/bugs/109735-1-ref.html             |    11 +
 layout/reftests/bugs/109735-1.html                 |    11 +
 layout/reftests/bugs/1097437-1-ref.html            |    20 +
 layout/reftests/bugs/1097437-1.html                |    14 +
 layout/reftests/bugs/1098266-1-ref.html            |     9 +
 layout/reftests/bugs/1098266-1.html                |     9 +
 layout/reftests/bugs/1103258-1-ref.html            |    13 +
 layout/reftests/bugs/1103258-1.html                |    37 +
 layout/reftests/bugs/1105137-1-ref.html            |    35 +
 layout/reftests/bugs/1105137-1.html                |    35 +
 layout/reftests/bugs/1111753-1.html                |    38 +
 layout/reftests/bugs/1114526-1-ref.html            |     5 +
 layout/reftests/bugs/1114526-1.gif                 |   Bin 0 -> 317 bytes
 layout/reftests/bugs/1114526-1.html                |    68 +
 .../bugs/1116480-1-fakeitalic-overflow-ref.html    |    32 +
 .../bugs/1116480-1-fakeitalic-overflow.html        |    32 +
 layout/reftests/bugs/1119117-1-ref.html            |    19 +
 layout/reftests/bugs/1119117-1a.html               |    29 +
 layout/reftests/bugs/1119117-1b.html               |    30 +
 layout/reftests/bugs/1120431-1-ref.html            |   202 +
 layout/reftests/bugs/1120431-1.html                |   205 +
 layout/reftests/bugs/1120431-2-ref.html            |   204 +
 layout/reftests/bugs/1120431-2.html                |   207 +
 layout/reftests/bugs/1121748-1-ref.html            |    33 +
 layout/reftests/bugs/1121748-1.html                |    38 +
 layout/reftests/bugs/1121748-2-ref.html            |    28 +
 layout/reftests/bugs/1121748-2.html                |    34 +
 layout/reftests/bugs/1127107-1-ref.html            |    21 +
 layout/reftests/bugs/1127107-1a-nowrap.html        |    27 +
 layout/reftests/bugs/1127107-1b-pre.html           |    24 +
 layout/reftests/bugs/1127107-2-capitalize-ref.html |    21 +
 layout/reftests/bugs/1127107-2-capitalize.html     |    25 +
 .../bugs/1127679-1a-inline-flex-relpos.html        |    22 +
 .../bugs/1127679-1b-inline-flex-relpos.html        |    22 +
 layout/reftests/bugs/1128354-1-ref.html            |    50 +
 layout/reftests/bugs/1128354-1.html                |    54 +
 .../bugs/1130231-1-button-padding-rtl-ref.html     |    32 +
 .../bugs/1130231-1-button-padding-rtl.html         |    32 +
 .../bugs/1130231-2-button-padding-rtl-ref.html     |    36 +
 .../bugs/1130231-2-button-padding-rtl.html         |    32 +
 layout/reftests/bugs/1133905-1-h-rtl.html          |    10 +
 layout/reftests/bugs/1133905-1-h.html              |     9 +
 layout/reftests/bugs/1133905-1-rtl.html            |     9 +
 layout/reftests/bugs/1133905-1-v-rtl.html          |    10 +
 layout/reftests/bugs/1133905-1-v.html              |     9 +
 layout/reftests/bugs/1133905-1-vh-rtl.html         |    10 +
 layout/reftests/bugs/1133905-1-vh.html             |     9 +
 layout/reftests/bugs/1133905-1.html                |     8 +
 layout/reftests/bugs/1133905-2-h-rtl.html          |    10 +
 layout/reftests/bugs/1133905-2-h.html              |     9 +
 layout/reftests/bugs/1133905-2-rtl.html            |     9 +
 layout/reftests/bugs/1133905-2-v-rtl.html          |    10 +
 layout/reftests/bugs/1133905-2-v.html              |     9 +
 layout/reftests/bugs/1133905-2-vh-rtl.html         |    10 +
 layout/reftests/bugs/1133905-2-vh.html             |     9 +
 layout/reftests/bugs/1133905-2.html                |     8 +
 layout/reftests/bugs/1133905-3-h-rtl.html          |    10 +
 layout/reftests/bugs/1133905-3-h.html              |     9 +
 layout/reftests/bugs/1133905-3-rtl.html            |     9 +
 layout/reftests/bugs/1133905-3-v-rtl.html          |    10 +
 layout/reftests/bugs/1133905-3-v.html              |     9 +
 layout/reftests/bugs/1133905-3-vh-rtl.html         |    10 +
 layout/reftests/bugs/1133905-3-vh.html             |     9 +
 layout/reftests/bugs/1133905-3.html                |     8 +
 layout/reftests/bugs/1133905-4-h-rtl.html          |    10 +
 layout/reftests/bugs/1133905-4-h.html              |     9 +
 layout/reftests/bugs/1133905-4-rtl.html            |     9 +
 layout/reftests/bugs/1133905-4-v-rtl.html          |    10 +
 layout/reftests/bugs/1133905-4-v.html              |     9 +
 layout/reftests/bugs/1133905-4-vh-rtl.html         |    20 +
 layout/reftests/bugs/1133905-4-vh.html             |     9 +
 layout/reftests/bugs/1133905-4.html                |     8 +
 layout/reftests/bugs/1133905-5-h-rtl.html          |    10 +
 layout/reftests/bugs/1133905-5-h.html              |     9 +
 layout/reftests/bugs/1133905-5-rtl.html            |     9 +
 layout/reftests/bugs/1133905-5-v-rtl.html          |    10 +
 layout/reftests/bugs/1133905-5-v.html              |     9 +
 layout/reftests/bugs/1133905-5-vh-rtl.html         |    20 +
 layout/reftests/bugs/1133905-5-vh.html             |     9 +
 layout/reftests/bugs/1133905-5.html                |     8 +
 layout/reftests/bugs/1133905-6-h-rtl.html          |    10 +
 layout/reftests/bugs/1133905-6-h.html              |     9 +
 layout/reftests/bugs/1133905-6-rtl.html            |     9 +
 layout/reftests/bugs/1133905-6-v-rtl.html          |    10 +
 layout/reftests/bugs/1133905-6-v.html              |     9 +
 layout/reftests/bugs/1133905-6-vh-rtl.html         |    20 +
 layout/reftests/bugs/1133905-6-vh.html             |     9 +
 layout/reftests/bugs/1133905-6.html                |     8 +
 layout/reftests/bugs/1133905-ref-h-rtl.html        |    10 +
 layout/reftests/bugs/1133905-ref-h.html            |     9 +
 layout/reftests/bugs/1133905-ref-rtl.html          |     9 +
 layout/reftests/bugs/1133905-ref-v-rtl.html        |    10 +
 layout/reftests/bugs/1133905-ref-v.html            |     9 +
 layout/reftests/bugs/1133905-ref-vh-rtl.html       |    10 +
 layout/reftests/bugs/1133905-ref-vh.html           |     9 +
 layout/reftests/bugs/1133905-ref.html              |     8 +
 .../bugs/1149304-1-transform-change-ref.html       |    13 +
 .../reftests/bugs/1149304-1-transform-change.html  |    23 +
 layout/reftests/bugs/1151145-1-ref.html            |    10 +
 layout/reftests/bugs/1151145-1.html                |    21 +
 layout/reftests/bugs/1151306-1-ref.html            |    30 +
 layout/reftests/bugs/1151306-1.html                |    41 +
 layout/reftests/bugs/1153845-1-ref.html            |    16 +
 layout/reftests/bugs/1153845-1.html                |    17 +
 layout/reftests/bugs/1155828-1-ref.html            |    25 +
 layout/reftests/bugs/1155828-1.html                |    26 +
 layout/reftests/bugs/1156129-1-ref.html            |    36 +
 layout/reftests/bugs/1156129-1.html                |    44 +
 layout/reftests/bugs/1157127-1-ref.html            |    15 +
 layout/reftests/bugs/1157127-1.html                |    16 +
 layout/reftests/bugs/1157127-subframe.xml          |     1 +
 layout/reftests/bugs/116882-1-ref.html             |    12 +
 layout/reftests/bugs/116882-1.html                 |    11 +
 layout/reftests/bugs/1169331-1-ref.html            |    46 +
 layout/reftests/bugs/1169331-1.html                |    54 +
 layout/reftests/bugs/1174332-1-ref.html            |    36 +
 layout/reftests/bugs/1174332-1.html                |    20 +
 layout/reftests/bugs/1179078-1-ref.html            |     8 +
 layout/reftests/bugs/1179078-1.html                |     9 +
 layout/reftests/bugs/1179288-1-ref.html            |     3 +
 layout/reftests/bugs/1179288-1.html                |     6 +
 layout/reftests/bugs/1185266-1-ref.svg             |     9 +
 layout/reftests/bugs/1185266-1.svg                 |    23 +
 layout/reftests/bugs/1190635-1-ref.html            |     9 +
 layout/reftests/bugs/1190635-1.html                |    17 +
 layout/reftests/bugs/1200611-1-ref.html            |    22 +
 layout/reftests/bugs/1200611-1.html                |    16 +
 layout/reftests/bugs/1202512-1-ref.html            |     2 +
 layout/reftests/bugs/1202512-1.html                |    13 +
 layout/reftests/bugs/1202512-2-ref.html            |     2 +
 layout/reftests/bugs/1202512-2.html                |    13 +
 layout/reftests/bugs/1207326-1.html                |    41 +
 layout/reftests/bugs/120834-1-ref.html             |    11 +
 layout/reftests/bugs/120834-1a.html                |    13 +
 layout/reftests/bugs/120834-2-ref.html             |    12 +
 layout/reftests/bugs/120834-2a.html                |    14 +
 layout/reftests/bugs/120834-2b.html                |    15 +
 layout/reftests/bugs/120834-2c.html                |    15 +
 layout/reftests/bugs/120834-2d.html                |    15 +
 layout/reftests/bugs/120834-2e.html                |    15 +
 layout/reftests/bugs/120834-2f.html                |    15 +
 layout/reftests/bugs/120834-2g.html                |    16 +
 layout/reftests/bugs/120834-2h.html                |    15 +
 layout/reftests/bugs/120834-2i.html                |    15 +
 layout/reftests/bugs/120834-2j.html                |    15 +
 layout/reftests/bugs/1209603-1-ref.html            |    13 +
 layout/reftests/bugs/1209603-1.html                |    50 +
 layout/reftests/bugs/1209994-1-ref.html            |    17 +
 layout/reftests/bugs/1209994-1.html                |    21 +
 layout/reftests/bugs/1209994-2-ref.html            |    17 +
 layout/reftests/bugs/1209994-2.html                |    21 +
 layout/reftests/bugs/1209994-3-ref.html            |    17 +
 layout/reftests/bugs/1209994-3.html                |    21 +
 layout/reftests/bugs/1209994-4-ref.html            |    17 +
 layout/reftests/bugs/1209994-4.html                |    21 +
 layout/reftests/bugs/1219985-1.html                |    16 +
 layout/reftests/bugs/1219985-2.html                |    17 +
 layout/reftests/bugs/1219985-3.html                |    16 +
 layout/reftests/bugs/1219985-4.html                |    17 +
 layout/reftests/bugs/1219985-5.html                |    17 +
 layout/reftests/bugs/1219985-6.html                |    16 +
 layout/reftests/bugs/1219985-7.html                |    17 +
 layout/reftests/bugs/1219985-8.html                |    17 +
 layout/reftests/bugs/1219985-ref-opaque-clear.html |     5 +
 .../bugs/1219985-ref-opaque-with-rendering.html    |     7 +
 .../bugs/1219985-ref-transparent-clear.html        |     5 +
 .../1219985-ref-transparent-with-rendering.html    |     7 +
 layout/reftests/bugs/1222226-1-ref.html            |    10 +
 layout/reftests/bugs/1222226-1.html                |    20 +
 layout/reftests/bugs/1226278-ref.html              |    25 +
 layout/reftests/bugs/1226278.html                  |    26 +
 layout/reftests/bugs/1230466.html                  |    12 +
 layout/reftests/bugs/1238243-1-notref.html         |    17 +
 layout/reftests/bugs/1238243-1.html                |    18 +
 layout/reftests/bugs/1238243-2-ref.html            |    16 +
 layout/reftests/bugs/1238243-2.html                |    17 +
 layout/reftests/bugs/1239564-ref.html              |    21 +
 layout/reftests/bugs/1239564.html                  |    29 +
 layout/reftests/bugs/1241631-1-ref.html            |     5 +
 layout/reftests/bugs/1241631-1.html                |    10 +
 layout/reftests/bugs/1242172-1-ref.html            |     6 +
 layout/reftests/bugs/1242172-1-subdoc.html         |     9 +
 layout/reftests/bugs/1242172-1.html                |    12 +
 layout/reftests/bugs/1242172-2-ref.html            |    12 +
 layout/reftests/bugs/1242172-2.html                |    10 +
 layout/reftests/bugs/1242781-ref.html              |     6 +
 layout/reftests/bugs/1242781.html                  |     6 +
 layout/reftests/bugs/124903-1-ref.html             |    15 +
 layout/reftests/bugs/124903-1.html                 |    15 +
 layout/reftests/bugs/1260543-1-ref.html            |    10 +
 layout/reftests/bugs/1260543-1.html                |    35 +
 layout/reftests/bugs/1263845-ref.html              |    10 +
 layout/reftests/bugs/1263845.html                  |    15 +
 layout/reftests/bugs/1271714-1-ref.html            |    18 +
 layout/reftests/bugs/1271714-1.html                |    39 +
 layout/reftests/bugs/1272997-1-ref.html            |    15 +
 layout/reftests/bugs/1272997-1.html                |    23 +
 layout/reftests/bugs/1273154-1-ref.html            |    20 +
 layout/reftests/bugs/1273154-1.html                |    23 +
 layout/reftests/bugs/1273154-2-ref.html            |    20 +
 layout/reftests/bugs/1273154-2.html                |    23 +
 layout/reftests/bugs/1274368-1-ref.html            |    14 +
 layout/reftests/bugs/1274368-1.html                |    14 +
 layout/reftests/bugs/1275411-1-ref.html            |    13 +
 layout/reftests/bugs/1275411-1.html                |    13 +
 layout/reftests/bugs/1276161-1-notref.html         |    25 +
 layout/reftests/bugs/1276161-1a.html               |    25 +
 layout/reftests/bugs/1276161-1b.html               |    25 +
 layout/reftests/bugs/1288255-ref.html              |    24 +
 layout/reftests/bugs/1288255.html                  |    34 +
 layout/reftests/bugs/128896-ref.html               |    13 +
 layout/reftests/bugs/128896-style.css              |     4 +
 layout/reftests/bugs/128896.html                   |    11 +
 layout/reftests/bugs/1291528-ref.html              |    35 +
 layout/reftests/bugs/1291528.html                  |    29 +
 layout/reftests/bugs/1294102-1-ref.html            |     6 +
 layout/reftests/bugs/1294102-1.html                |     6 +
 layout/reftests/bugs/1295466-1-ref.xhtml           |    52 +
 layout/reftests/bugs/1295466-1.xhtml               |   173 +
 layout/reftests/bugs/130767-1-ref.html             |     9 +
 layout/reftests/bugs/130767-1.html                 |     9 +
 layout/reftests/bugs/1313772-ref.xhtml             |    53 +
 layout/reftests/bugs/1313772.xhtml                 |   174 +
 layout/reftests/bugs/1315113-1-ref.html            |    21 +
 layout/reftests/bugs/1315113-1.html                |    23 +
 layout/reftests/bugs/1315113-2-ref.html            |    21 +
 layout/reftests/bugs/1315113-2.html                |    23 +
 layout/reftests/bugs/1315632-1-ref.html            |     5 +
 layout/reftests/bugs/1315632-1.html                |    11 +
 layout/reftests/bugs/1316719-1-ref.html            |    19 +
 layout/reftests/bugs/1316719-1a.html               |    42 +
 layout/reftests/bugs/1316719-1b.html               |    35 +
 layout/reftests/bugs/1316719-1c.html               |    29 +
 layout/reftests/bugs/1318769-1-ref.html            |    17 +
 layout/reftests/bugs/1318769-1.html                |    18 +
 layout/reftests/bugs/1322512-1-ref.html            |     6 +
 layout/reftests/bugs/1322512-1.html                |     6 +
 layout/reftests/bugs/1330051-ref.svg               |    17 +
 layout/reftests/bugs/1330051.svg                   |    17 +
 layout/reftests/bugs/1336591-1-ref.html            |    23 +
 layout/reftests/bugs/1336591-1.html                |    34 +
 .../bugs/134706-1-left-scrollframe-ref.html        |    20 +
 .../reftests/bugs/134706-1-left-scrollframe.html   |    34 +
 layout/reftests/bugs/134706-1-left-table-ref.html  |    18 +
 layout/reftests/bugs/134706-1-left-table.html      |    34 +
 .../bugs/134706-1-right-scrollframe-ref.html       |    20 +
 .../reftests/bugs/134706-1-right-scrollframe.html  |    34 +
 layout/reftests/bugs/134706-1-right-table-ref.html |    18 +
 layout/reftests/bugs/134706-1-right-table.html     |    34 +
 layout/reftests/bugs/134706-2-left-ref.html        |    20 +
 .../reftests/bugs/134706-2-left-scrollframe.html   |    35 +
 layout/reftests/bugs/134706-2-left-table.html      |    35 +
 layout/reftests/bugs/134706-2-right-ref.html       |    20 +
 .../reftests/bugs/134706-2-right-scrollframe.html  |    35 +
 layout/reftests/bugs/134706-2-right-table.html     |    35 +
 .../bugs/134706-3-left-scrollframe-ref.html        |    18 +
 .../reftests/bugs/134706-3-left-scrollframe.html   |    34 +
 layout/reftests/bugs/134706-3-left-table-ref.html  |    18 +
 layout/reftests/bugs/134706-3-left-table.html      |    34 +
 .../bugs/134706-3-right-scrollframe-ref.html       |    18 +
 .../reftests/bugs/134706-3-right-scrollframe.html  |    34 +
 layout/reftests/bugs/134706-3-right-table-ref.html |    18 +
 layout/reftests/bugs/134706-3-right-table.html     |    34 +
 layout/reftests/bugs/134706-4-ref.html             |    61 +
 layout/reftests/bugs/134706-4.html                 |    86 +
 layout/reftests/bugs/134706-5-ref.html             |    38 +
 layout/reftests/bugs/134706-5.html                 |    44 +
 layout/reftests/bugs/134706-6-ref.html             |   178 +
 layout/reftests/bugs/134706-6.html                 |   175 +
 layout/reftests/bugs/134706-6b-ref.html            |    63 +
 layout/reftests/bugs/134706-6c-ref.html            |    63 +
 layout/reftests/bugs/134706-7-ref.html             |   111 +
 layout/reftests/bugs/134706-7.html                 |   114 +
 layout/reftests/bugs/1348481-1.html                |    15 +
 layout/reftests/bugs/1348481-2.html                |    10 +
 layout/reftests/bugs/1348481-ref.html              |     7 +
 layout/reftests/bugs/1351924-1-ref.html            |    15 +
 layout/reftests/bugs/1351924-1.html                |    20 +
 layout/reftests/bugs/1351924-2-ref.html            |    15 +
 layout/reftests/bugs/1351924-2.html                |    20 +
 layout/reftests/bugs/1352306-1-ref.html            |     4 +
 layout/reftests/bugs/1352306-1.html                |    20 +
 layout/reftests/bugs/1352464-1-ref.html            |     9 +
 layout/reftests/bugs/1352464-1.html                |     9 +
 layout/reftests/bugs/1358375-1.html                |    13 +
 layout/reftests/bugs/1358375-2.html                |    14 +
 layout/reftests/bugs/1358375-3.html                |    14 +
 layout/reftests/bugs/1358375-ref.html              |    11 +
 layout/reftests/bugs/1364280-1-ref.html            |     9 +
 layout/reftests/bugs/1364280-1.html                |    12 +
 layout/reftests/bugs/1364280-2-ref.html            |     8 +
 layout/reftests/bugs/1364280-2a.html               |     9 +
 layout/reftests/bugs/1364280-2b.html               |     9 +
 layout/reftests/bugs/1364280-2c.html               |     9 +
 layout/reftests/bugs/1364360-1-ref.html            |    15 +
 layout/reftests/bugs/1364360-1.html                |    15 +
 layout/reftests/bugs/1365159-1-ref.html            |     5 +
 layout/reftests/bugs/1365159-1.html                |     8 +
 layout/reftests/bugs/1365162-1-ref.html            |    10 +
 layout/reftests/bugs/1365162-1.html                |    13 +
 layout/reftests/bugs/1366144-ref.html              |     5 +
 layout/reftests/bugs/1366144.html                  |    11 +
 layout/reftests/bugs/1367592-1-ref.html            |     7 +
 layout/reftests/bugs/1367592-1.html                |     9 +
 layout/reftests/bugs/1368113-1-ref.html            |     5 +
 layout/reftests/bugs/1368113-1.html                |    13 +
 layout/reftests/bugs/1369584-1-ref.html            |     7 +
 layout/reftests/bugs/1369584-1a.html               |    11 +
 layout/reftests/bugs/1369584-1b.html               |    16 +
 layout/reftests/bugs/1369954-1-ref.xhtml           |    17 +
 layout/reftests/bugs/1369954-1.xhtml               |    33 +
 layout/reftests/bugs/1369985-1-ref.html            |    25 +
 layout/reftests/bugs/1369985-1.html                |    29 +
 layout/reftests/bugs/1371130-ref.xhtml             |    29 +
 layout/reftests/bugs/1371130.xhtml                 |    29 +
 layout/reftests/bugs/1372041-ref.html              |     2 +
 layout/reftests/bugs/1372041.css                   |     1 +
 layout/reftests/bugs/1372041.html                  |     3 +
 layout/reftests/bugs/1374062-ref.html              |     8 +
 layout/reftests/bugs/1374062.html                  |    16 +
 layout/reftests/bugs/1375315-1-ref.html            |     6 +
 layout/reftests/bugs/1375315-1.html                |    12 +
 layout/reftests/bugs/1375315-10-ref.html           |     4 +
 layout/reftests/bugs/1375315-10.html               |    10 +
 layout/reftests/bugs/1375315-11-ref.html           |     4 +
 layout/reftests/bugs/1375315-11.html               |    10 +
 layout/reftests/bugs/1375315-12-ref.html           |     5 +
 layout/reftests/bugs/1375315-12.html               |    11 +
 layout/reftests/bugs/1375315-2-ref.html            |     6 +
 layout/reftests/bugs/1375315-2.html                |    12 +
 layout/reftests/bugs/1375315-3-ref.html            |     6 +
 layout/reftests/bugs/1375315-3.html                |    12 +
 layout/reftests/bugs/1375315-4-ref.html            |     6 +
 layout/reftests/bugs/1375315-4.html                |    12 +
 layout/reftests/bugs/1375315-5-ref.html            |     5 +
 layout/reftests/bugs/1375315-5.html                |    11 +
 layout/reftests/bugs/1375315-6-ref.html            |     5 +
 layout/reftests/bugs/1375315-6.html                |    11 +
 layout/reftests/bugs/1375315-7-ref.html            |     4 +
 layout/reftests/bugs/1375315-7.html                |    10 +
 layout/reftests/bugs/1375315-8-ref.html            |     4 +
 layout/reftests/bugs/1375315-8.html                |    10 +
 layout/reftests/bugs/1375315-9-ref.html            |     4 +
 layout/reftests/bugs/1375315-9.html                |    10 +
 layout/reftests/bugs/1375674-ref.html              |    11 +
 layout/reftests/bugs/1375674.html                  |    18 +
 layout/reftests/bugs/1376092-ref.html              |     5 +
 layout/reftests/bugs/1376092.css                   |     1 +
 layout/reftests/bugs/1376092.html                  |    14 +
 layout/reftests/bugs/1377447-1-ref.html            |     3 +
 layout/reftests/bugs/1377447-1.html                |     4 +
 layout/reftests/bugs/1377447-2.html                |     3 +
 layout/reftests/bugs/1379041-ref.html              |     4 +
 layout/reftests/bugs/1379041.html                  |    11 +
 layout/reftests/bugs/1379696-ref.html              |    14 +
 layout/reftests/bugs/1379696.html                  |    14 +
 layout/reftests/bugs/1380224-1-ref.html            |     5 +
 layout/reftests/bugs/1380224-1.html                |    11 +
 layout/reftests/bugs/1381821-ref.html              |     7 +
 layout/reftests/bugs/1381821.html                  |    16 +
 layout/reftests/bugs/1384065-ref.html              |    10 +
 layout/reftests/bugs/1384065.html                  |    14 +
 layout/reftests/bugs/1384275-1-ref.html            |     5 +
 layout/reftests/bugs/1384275-1.html                |     9 +
 layout/reftests/bugs/139550-1-ref.html             |    13 +
 layout/reftests/bugs/139550-1a.html                |    13 +
 layout/reftests/bugs/139550-1b.html                |    13 +
 layout/reftests/bugs/1395650-1-ref.html            |     4 +
 layout/reftests/bugs/1395650-1.html                |     6 +
 layout/reftests/bugs/1398500-1-ref.html            |    11 +
 layout/reftests/bugs/1398500-1.html                |    20 +
 layout/reftests/bugs/1401317-ref.html              |    15 +
 layout/reftests/bugs/1401317.html                  |    14 +
 layout/reftests/bugs/1401992-ref.html              |    21 +
 layout/reftests/bugs/1401992.html                  |    32 +
 layout/reftests/bugs/1404057-noref.html            |    12 +
 layout/reftests/bugs/1404057-ref.html              |    12 +
 layout/reftests/bugs/1404057.html                  |    12 +
 layout/reftests/bugs/1405878-1-ref.xml             |     7 +
 layout/reftests/bugs/1405878-1.xml                 |     6 +
 layout/reftests/bugs/1406179-ref.html              |     4 +
 layout/reftests/bugs/1406179.html                  |     3 +
 layout/reftests/bugs/1406183-1-ref.html            |    23 +
 layout/reftests/bugs/1406183-1.html                |    30 +
 layout/reftests/bugs/1410028-ref.html              |     2 +
 layout/reftests/bugs/1410028.html                  |    17 +
 layout/reftests/bugs/1412375-ref.html              |    30 +
 layout/reftests/bugs/1412375.html                  |    31 +
 layout/reftests/bugs/1415987-1-ref.html            |    31 +
 layout/reftests/bugs/1415987-1.html                |    54 +
 layout/reftests/bugs/1419820-1-ref.html            |     6 +
 layout/reftests/bugs/1419820-1.html                |    30 +
 layout/reftests/bugs/1420946-1-ref.html            |     4 +
 layout/reftests/bugs/1420946-1.html                |     9 +
 layout/reftests/bugs/142233-1-ref.html             |    11 +
 layout/reftests/bugs/142233-1.html                 |    11 +
 layout/reftests/bugs/1422393-ref.html              |    21 +
 layout/reftests/bugs/1422393.html                  |    22 +
 layout/reftests/bugs/1424177-ref.html              |    14 +
 layout/reftests/bugs/1424177.html                  |    14 +
 layout/reftests/bugs/1424680-ref.html              |    21 +
 layout/reftests/bugs/1424680.html                  |    19 +
 layout/reftests/bugs/1424798-1.html                |    20 +
 layout/reftests/bugs/1424798-ref.html              |    16 +
 layout/reftests/bugs/1425243-1-ref.html            |    21 +
 layout/reftests/bugs/1425243-1.html                |    41 +
 layout/reftests/bugs/1425243-2-ref.html            |     8 +
 layout/reftests/bugs/1425243-2.html                |     8 +
 layout/reftests/bugs/1430869-ref.html              |    37 +
 layout/reftests/bugs/1430869.html                  |    40 +
 layout/reftests/bugs/1432541-ref.html              |    19 +
 layout/reftests/bugs/1432541.html                  |    20 +
 layout/reftests/bugs/144004-1-ref.html             |    18 +
 layout/reftests/bugs/144004-1.html                 |    18 +
 layout/reftests/bugs/144004-2-ref.html             |    18 +
 layout/reftests/bugs/144004-2.html                 |    18 +
 layout/reftests/bugs/144004-3-ref.html             |     6 +
 layout/reftests/bugs/144004-3.html                 |     6 +
 layout/reftests/bugs/1446470.html                  |     8 +
 layout/reftests/bugs/1456111-1.html                |    14 +
 layout/reftests/bugs/1466008-ref.html              |     2 +
 layout/reftests/bugs/1466008.html                  |     5 +
 layout/reftests/bugs/1466638-1-ref.html            |    20 +
 layout/reftests/bugs/1466638-1.html                |    20 +
 layout/reftests/bugs/1475971-1-ref.html            |    16 +
 layout/reftests/bugs/1475971-1.html                |    24 +
 layout/reftests/bugs/1483649-1-ref.xhtml           |    45 +
 layout/reftests/bugs/1483649-1.xhtml               |    56 +
 layout/reftests/bugs/1483946-ref.html              |     4 +
 layout/reftests/bugs/1483946.html                  |     4 +
 layout/reftests/bugs/1488155-ref.html              |     7 +
 layout/reftests/bugs/1488155.html                  |    14 +
 layout/reftests/bugs/1492660-1-ref.html            |    12 +
 layout/reftests/bugs/1492660-1.html                |    12 +
 layout/reftests/bugs/1499386-ref.html              |     3 +
 layout/reftests/bugs/1499386.html                  |     6 +
 layout/reftests/bugs/1503662-ref.html              |     6 +
 layout/reftests/bugs/1503662.html                  |     5 +
 layout/reftests/bugs/1509425-1-ref.html            |     7 +
 layout/reftests/bugs/1509425-1.html                |    28 +
 layout/reftests/bugs/1511570-ref.html              |     3 +
 layout/reftests/bugs/1511570.html                  |     2 +
 layout/reftests/bugs/1513423-1-ref.html            |    33 +
 layout/reftests/bugs/1513423-1.html                |    33 +
 layout/reftests/bugs/1513423-2-ref.html            |    33 +
 layout/reftests/bugs/1513423-2.html                |    33 +
 layout/reftests/bugs/1513423-3-ref.html            |    16 +
 layout/reftests/bugs/1513423-3.html                |    16 +
 layout/reftests/bugs/1517385-ref.html              |    18 +
 layout/reftests/bugs/1517385.html                  |    28 +
 layout/reftests/bugs/1529992-1-ref.html            |    75 +
 layout/reftests/bugs/1529992-1.html                |    94 +
 layout/reftests/bugs/1529992-2-ref.html            |    38 +
 layout/reftests/bugs/1529992-2.html                |    55 +
 layout/reftests/bugs/1535040-1-ref.html            |     5 +
 layout/reftests/bugs/1535040-1.html                |    19 +
 layout/reftests/bugs/1544895-ref.html              |    42 +
 layout/reftests/bugs/1544895.html                  |    39 +
 layout/reftests/bugs/1545360-1-ref.xhtml           |    27 +
 layout/reftests/bugs/1545360-1.xhtml               |    35 +
 layout/reftests/bugs/1546856-1.html                |    61 +
 layout/reftests/bugs/1546856-2.html                |    56 +
 layout/reftests/bugs/1546856-ref.html              |    23 +
 layout/reftests/bugs/1547759-1-ref.html            |    15 +
 layout/reftests/bugs/1547759-1.html                |    15 +
 layout/reftests/bugs/1548809-ref.html              |     7 +
 layout/reftests/bugs/1548809.html                  |     6 +
 layout/reftests/bugs/1551040.html                  |     1 +
 layout/reftests/bugs/1551040.txt                   |     1 +
 layout/reftests/bugs/1552789-1.html                |    25 +
 layout/reftests/bugs/1552789-ref-1.html            |    19 +
 layout/reftests/bugs/1553571-1-ref.html            |     9 +
 layout/reftests/bugs/1553571-1.html                |    34 +
 layout/reftests/bugs/1553571-2-ref.html            |     9 +
 layout/reftests/bugs/1553571-2.html                |    34 +
 layout/reftests/bugs/1558937-1-ref.html            |     9 +
 layout/reftests/bugs/1558937-1.html                |    10 +
 .../bugs/1562733-rotated-nastaliq-1-ref.html       |    14 +
 .../reftests/bugs/1562733-rotated-nastaliq-1.html  |    14 +
 .../bugs/1562733-rotated-nastaliq-2-ref.html       |    14 +
 .../reftests/bugs/1562733-rotated-nastaliq-2.html  |    14 +
 layout/reftests/bugs/1563484-notref.html           |     4 +
 layout/reftests/bugs/1563484-ref.html              |     8 +
 layout/reftests/bugs/1563484.html                  |     5 +
 layout/reftests/bugs/1565129.txt                   |     1 +
 layout/reftests/bugs/1576553-1-ref.html            |    17 +
 layout/reftests/bugs/1576553-1.html                |    31 +
 layout/reftests/bugs/1577566-1-ref.html            |    20 +
 layout/reftests/bugs/1577566-1.html                |    33 +
 layout/reftests/bugs/1579953-2-ref.html            |    11 +
 layout/reftests/bugs/1579953-2.html                |    16 +
 layout/reftests/bugs/1580534-ref.html              |     6 +
 layout/reftests/bugs/1580534.html                  |    14 +
 layout/reftests/bugs/1588954-ref.html              |    21 +
 layout/reftests/bugs/1588954.html                  |    21 +
 layout/reftests/bugs/1595199-1-ref.html            |    20 +
 layout/reftests/bugs/1595199-1.html                |    41 +
 layout/reftests/bugs/1599841-1-ref.html            |    55 +
 layout/reftests/bugs/1599841-1.html                |    60 +
 layout/reftests/bugs/1599841-2-notref.html         |    50 +
 layout/reftests/bugs/1599841-2.html                |    55 +
 layout/reftests/bugs/1606130-ref.html              |    13 +
 layout/reftests/bugs/1606130.html                  |    10 +
 layout/reftests/bugs/1608124-1-ref.html            |     9 +
 layout/reftests/bugs/1608124-1.html                |     9 +
 layout/reftests/bugs/1608124-2-notref.html         |     6 +
 layout/reftests/bugs/1608124-2.html                |     6 +
 layout/reftests/bugs/1613380-ref.html              |     8 +
 layout/reftests/bugs/1613380.html                  |    13 +
 layout/reftests/bugs/1614788-1-ref.svg             |    58 +
 layout/reftests/bugs/1614788-1.svg                 |    83 +
 layout/reftests/bugs/1617515-1-ref.html            |     4 +
 layout/reftests/bugs/1617515-1.html                |     4 +
 layout/reftests/bugs/1624118-ref.html              |     2 +
 layout/reftests/bugs/1624118.html                  |    18 +
 layout/reftests/bugs/1626259-1-ref.html            |    16 +
 layout/reftests/bugs/1626259-1.html                |    25 +
 layout/reftests/bugs/1626259-2-ref.html            |    16 +
 layout/reftests/bugs/1626259-2.html                |    37 +
 layout/reftests/bugs/163504-1-inner.html           |    21 +
 layout/reftests/bugs/163504-1-ref.html             |    13 +
 layout/reftests/bugs/163504-1a.html                |    20 +
 layout/reftests/bugs/163504-1b.html                |    20 +
 layout/reftests/bugs/163504-2-inner.html           |    21 +
 layout/reftests/bugs/163504-2-ref.html             |    13 +
 layout/reftests/bugs/163504-2a.html                |    20 +
 layout/reftests/bugs/163504-2b.html                |    20 +
 layout/reftests/bugs/1641769-1-ref.html            |    25 +
 layout/reftests/bugs/1641769-1.html                |    31 +
 layout/reftests/bugs/1642583-1-ref.html            |    21 +
 layout/reftests/bugs/1642583-1.html                |    32 +
 layout/reftests/bugs/1642603-1-ref.html            |    46 +
 layout/reftests/bugs/1642603-1.html                |    47 +
 layout/reftests/bugs/1645549-2-ref.html            |    14 +
 layout/reftests/bugs/1645549-2.html                |    15 +
 layout/reftests/bugs/1648282-1-ref.html            |    39 +
 layout/reftests/bugs/1648282-1a.html               |    45 +
 layout/reftests/bugs/1648282-1b.html               |    45 +
 layout/reftests/bugs/1672137-1-notref.html         |    10 +
 layout/reftests/bugs/1672137-1.html                |    10 +
 layout/reftests/bugs/1673677-1-ref.html            |    66 +
 layout/reftests/bugs/1673677-1.html                |    63 +
 layout/reftests/bugs/1673677-2-ref.html            |    67 +
 layout/reftests/bugs/1673677-2.html                |    64 +
 layout/reftests/bugs/1673677-3-ref.html            |    68 +
 layout/reftests/bugs/1673677-3.html                |    65 +
 layout/reftests/bugs/167496-1-ref.html             |    47 +
 layout/reftests/bugs/167496-1.html                 |    46 +
 layout/reftests/bugs/1686729-1-ref.html            |     6 +
 layout/reftests/bugs/1686729-1.html                |    12 +
 layout/reftests/bugs/1688004.xhtml                 |     9 +
 layout/reftests/bugs/169749-1-ref.html             |    35 +
 layout/reftests/bugs/169749-1.html                 |    35 +
 layout/reftests/bugs/1714763-1-ref.html            |    37 +
 layout/reftests/bugs/1714763-1.html                |    56 +
 layout/reftests/bugs/1714763-2-ref.html            |    38 +
 layout/reftests/bugs/1714763-2.html                |    57 +
 layout/reftests/bugs/1714763-3-ref.html            |    37 +
 layout/reftests/bugs/1714763-3.html                |    56 +
 layout/reftests/bugs/172073-1-ref.html             |    10 +
 layout/reftests/bugs/172073-1.html                 |    10 +
 layout/reftests/bugs/1721223-1-notref.html         |    15 +
 layout/reftests/bugs/1721223-1.html                |    18 +
 layout/reftests/bugs/1726663-1-ref.html            |    10 +
 layout/reftests/bugs/1726663-1.html                |    12 +
 layout/reftests/bugs/1727016-1-ref.html            |    35 +
 layout/reftests/bugs/1727016-1.html                |    35 +
 layout/reftests/bugs/1727172-1-ref.html            |     6 +
 layout/reftests/bugs/1727172-1.xhtml               |    14 +
 layout/reftests/bugs/1730314-1-ref.html            |     6 +
 layout/reftests/bugs/1730314-1.html                |     6 +
 layout/reftests/bugs/1735265-1-ref.html            |    36 +
 layout/reftests/bugs/1735265-1.html                |    40 +
 layout/reftests/bugs/1738700-1-ref.html            |    40 +
 layout/reftests/bugs/1738700-1.html                |    62 +
 layout/reftests/bugs/1743533-1-helper.html         |    17 +
 layout/reftests/bugs/1743533-1-notref.html         |     4 +
 layout/reftests/bugs/1743533-1.html                |    35 +
 layout/reftests/bugs/1743533-2.html                |     4 +
 layout/reftests/bugs/1743560-1-ref.html            |     4 +
 layout/reftests/bugs/1743560-1.html                |     4 +
 layout/reftests/bugs/1743851-1-ref.html            |    44 +
 layout/reftests/bugs/1743851-1.html                |    44 +
 layout/reftests/bugs/1744468-1-downscaled.png      |   Bin 0 -> 4643 bytes
 layout/reftests/bugs/1744468-1-ref.html            |     1 +
 layout/reftests/bugs/1744468-1.html                |     1 +
 layout/reftests/bugs/1744468-1.png                 |   Bin 0 -> 15813 bytes
 layout/reftests/bugs/1747272-1-ref.html            |    37 +
 layout/reftests/bugs/1747272-1.html                |    46 +
 layout/reftests/bugs/1750146-1-ref.html            |    14 +
 layout/reftests/bugs/1750146-1.html                |    14 +
 layout/reftests/bugs/175190-1-ref.html             |    40 +
 layout/reftests/bugs/175190-1.html                 |    41 +
 layout/reftests/bugs/1769082-1-ref.html            |    19 +
 layout/reftests/bugs/1769082-1.html                |    20 +
 layout/reftests/bugs/1773484-ref.html              |     4 +
 layout/reftests/bugs/1773484.html                  |     4 +
 layout/reftests/bugs/1773633-full-zoom.html        |    10 +
 layout/reftests/bugs/1773633-text-zoom.html        |    10 +
 layout/reftests/bugs/1773633.html                  |     9 +
 layout/reftests/bugs/1777135-ref.html              |     8 +
 layout/reftests/bugs/1777135.html                  |     9 +
 layout/reftests/bugs/1778834-ref.html              |     9 +
 layout/reftests/bugs/1778834.html                  |    10 +
 layout/reftests/bugs/1780191-1-ref.svg             |    36 +
 layout/reftests/bugs/1780191-1.svg                 |    33 +
 layout/reftests/bugs/1787127-ref.html              |     2 +
 layout/reftests/bugs/1787127.html                  |     3 +
 layout/reftests/bugs/1792643-1-ref.html            |    36 +
 layout/reftests/bugs/1792643-1.html                |    40 +
 layout/reftests/bugs/179596-1a-ref.html            |    13 +
 layout/reftests/bugs/179596-1a.html                |    13 +
 layout/reftests/bugs/179596-1b-ref.html            |    13 +
 layout/reftests/bugs/179596-1b.html                |    13 +
 layout/reftests/bugs/179596-2-ref.html             |     7 +
 layout/reftests/bugs/179596-2-ref2.html            |     8 +
 layout/reftests/bugs/179596-2-ref3.html            |     8 +
 layout/reftests/bugs/179596-2.html                 |     7 +
 layout/reftests/bugs/1798297-1-notref.html         |    17 +
 layout/reftests/bugs/1798297-1-ref.html            |    17 +
 layout/reftests/bugs/1798297-1.html                |    17 +
 layout/reftests/bugs/1799425-1-ref.html            |    21 +
 layout/reftests/bugs/1799425-1.html                |    26 +
 layout/reftests/bugs/1800437-1-ref.html            |    36 +
 layout/reftests/bugs/1800437-1.html                |    36 +
 layout/reftests/bugs/180085-1-ref.html             |    35 +
 layout/reftests/bugs/180085-1.html                 |    34 +
 layout/reftests/bugs/180085-2-ref.html             |    35 +
 layout/reftests/bugs/180085-2.html                 |    34 +
 layout/reftests/bugs/1803999-1-ref.html            |    14 +
 layout/reftests/bugs/1803999-1.html                |    17 +
 layout/reftests/bugs/1804872-1-ref.html            |    23 +
 layout/reftests/bugs/1804872-1.html                |    43 +
 layout/reftests/bugs/1804872-2-ref.html            |    23 +
 layout/reftests/bugs/1804872-2.html                |    43 +
 layout/reftests/bugs/1804872-3-ref.html            |    26 +
 layout/reftests/bugs/1804872-3.html                |    47 +
 layout/reftests/bugs/1814047-ref.html              |     3 +
 layout/reftests/bugs/1814047.html                  |     3 +
 layout/reftests/bugs/1814628-1-ref.html            |     3 +
 layout/reftests/bugs/1814628-1.html                |     4 +
 layout/reftests/bugs/1818412-1-ref.html            |    41 +
 layout/reftests/bugs/1818412-1.html                |    47 +
 layout/reftests/bugs/18217-basic-1-ref.html        |    11 +
 layout/reftests/bugs/18217-basic-1.html            |    19 +
 layout/reftests/bugs/18217-basic-2-ref.html        |    11 +
 layout/reftests/bugs/18217-basic-2a.html           |    20 +
 layout/reftests/bugs/18217-basic-2b.html           |    20 +
 layout/reftests/bugs/18217-height-1-ref.html       |    14 +
 layout/reftests/bugs/18217-height-1.html           |    17 +
 layout/reftests/bugs/18217-height-2-ref.html       |    14 +
 layout/reftests/bugs/18217-height-2.html           |    17 +
 layout/reftests/bugs/18217-valign-1-ref.html       |    27 +
 layout/reftests/bugs/18217-valign-1.html           |    32 +
 layout/reftests/bugs/18217-width-1-ref.html        |    15 +
 layout/reftests/bugs/18217-width-1a.html           |    17 +
 layout/reftests/bugs/18217-width-1b.html           |    17 +
 layout/reftests/bugs/18217-width-2-ref.html        |    15 +
 layout/reftests/bugs/18217-width-2a.html           |    18 +
 layout/reftests/bugs/18217-width-2b.html           |    18 +
 layout/reftests/bugs/18217-zorder-1.html           |    19 +
 layout/reftests/bugs/18217-zorder-2.html           |    20 +
 layout/reftests/bugs/18217-zorder-3.html           |    20 +
 layout/reftests/bugs/18217-zorder-4.html           |    19 +
 layout/reftests/bugs/18217-zorder-5.html           |    20 +
 .../bugs/18217-zorder-ref-inline-table.html        |    14 +
 layout/reftests/bugs/18217-zorder-ref-inline.html  |    14 +
 layout/reftests/bugs/18217-zorder-ref.html         |    14 +
 layout/reftests/bugs/1827009-1-ref.html            |    15 +
 layout/reftests/bugs/1827009-1.html                |    18 +
 layout/reftests/bugs/1827337-1-ref.html            |     2 +
 layout/reftests/bugs/1827337-1.html                |     6 +
 layout/reftests/bugs/1828879-1-ref.html            |     8 +
 layout/reftests/bugs/1828879-1.html                |     8 +
 layout/reftests/bugs/1834316-1-notref.html         |    15 +
 layout/reftests/bugs/1834316-1.html                |    15 +
 layout/reftests/bugs/1835271-1-ref.html            |    14 +
 layout/reftests/bugs/1835271-1.html                |    14 +
 layout/reftests/bugs/1836024-1-notref.html         |    20 +
 layout/reftests/bugs/1836024-1.html                |    22 +
 layout/reftests/bugs/1840511-1-ref.html            |    10 +
 layout/reftests/bugs/1840511-1.html                |    12 +
 layout/reftests/bugs/1840511-2.html                |     3 +
 layout/reftests/bugs/1840747-1.html                |    19 +
 layout/reftests/bugs/1841355-1.html                |    24 +
 layout/reftests/bugs/185388-1-ref.html             |    11 +
 layout/reftests/bugs/185388-1.html                 |    11 +
 layout/reftests/bugs/186317-1-ref.html             |    26 +
 layout/reftests/bugs/186317-1.html                 |    24 +
 layout/reftests/bugs/192767-01.xhtml               |    13 +
 layout/reftests/bugs/192767-02.xhtml               |    13 +
 layout/reftests/bugs/192767-03.xhtml               |    13 +
 layout/reftests/bugs/192767-04.xhtml               |    13 +
 layout/reftests/bugs/192767-05.xhtml               |    13 +
 layout/reftests/bugs/192767-06.xhtml               |    13 +
 layout/reftests/bugs/192767-07.xhtml               |    13 +
 layout/reftests/bugs/192767-11.xhtml               |    13 +
 layout/reftests/bugs/192767-12.xhtml               |    13 +
 layout/reftests/bugs/192767-13.xhtml               |    13 +
 layout/reftests/bugs/192767-14.xhtml               |    13 +
 layout/reftests/bugs/192767-15.xhtml               |    13 +
 layout/reftests/bugs/192767-16.xhtml               |    13 +
 layout/reftests/bugs/192767-17.xhtml               |    13 +
 layout/reftests/bugs/192767-21.xhtml               |    13 +
 layout/reftests/bugs/192767-22.xhtml               |    13 +
 layout/reftests/bugs/192767-23.xhtml               |    13 +
 layout/reftests/bugs/192767-24.xhtml               |    13 +
 layout/reftests/bugs/192767-25.xhtml               |    13 +
 layout/reftests/bugs/192767-26.xhtml               |    13 +
 layout/reftests/bugs/192767-27.xhtml               |    13 +
 layout/reftests/bugs/192767-31.xhtml               |    13 +
 layout/reftests/bugs/192767-32.xhtml               |    13 +
 layout/reftests/bugs/192767-33.xhtml               |    13 +
 layout/reftests/bugs/192767-34.xhtml               |    13 +
 layout/reftests/bugs/192767-35.xhtml               |    13 +
 layout/reftests/bugs/192767-36.xhtml               |    13 +
 layout/reftests/bugs/192767-37.xhtml               |    13 +
 layout/reftests/bugs/192767.css                    |    17 +
 layout/reftests/bugs/192902-1.html                 |    16 +
 layout/reftests/bugs/192902-ref.html               |    16 +
 layout/reftests/bugs/200774-1.html                 |    94 +
 layout/reftests/bugs/201215-1-ref.html             |    11 +
 layout/reftests/bugs/201215-1.html                 |    22 +
 layout/reftests/bugs/201293-1-ref.html             |    31 +
 layout/reftests/bugs/201293-1a.html                |    31 +
 layout/reftests/bugs/201293-1b.html                |    31 +
 layout/reftests/bugs/201293-1c.html                |    31 +
 layout/reftests/bugs/201293-1d.html                |    31 +
 layout/reftests/bugs/203727-ref.html               |    25 +
 layout/reftests/bugs/203727.html                   |    40 +
 layout/reftests/bugs/206516-1-ref.html             |     9 +
 layout/reftests/bugs/206516-1.html                 |    12 +
 layout/reftests/bugs/206631-1-ref.html             |    15 +
 layout/reftests/bugs/206631-1.html                 |    15 +
 layout/reftests/bugs/206802-ref.html               |    10 +
 layout/reftests/bugs/206802.html                   |    10 +
 layout/reftests/bugs/210094-1-ref.html             |     8 +
 layout/reftests/bugs/210094-1a.html                |     8 +
 layout/reftests/bugs/210094-1b.html                |    10 +
 layout/reftests/bugs/210094-1c.html                |     8 +
 layout/reftests/bugs/210876-1-ref.html             |    15 +
 layout/reftests/bugs/210876-1.html                 |    15 +
 layout/reftests/bugs/211931-1-ref.html             |    26 +
 layout/reftests/bugs/211931-1.html                 |    26 +
 layout/reftests/bugs/212563-1-inner.html           |     7 +
 layout/reftests/bugs/212563-1-ref-inner.html       |     6 +
 layout/reftests/bugs/212563-1-ref.html             |     8 +
 layout/reftests/bugs/212563-1.html                 |    14 +
 layout/reftests/bugs/212563-2-inner.html           |     9 +
 layout/reftests/bugs/212563-2-innermost-a.html     |    13 +
 layout/reftests/bugs/212563-2-innermost-b.html     |     1 +
 layout/reftests/bugs/212563-2-ref-inner.html       |     7 +
 layout/reftests/bugs/212563-2-ref.html             |     7 +
 layout/reftests/bugs/212563-2.html                 |    24 +
 layout/reftests/bugs/213834-1-ref.html             |     3 +
 layout/reftests/bugs/213834-1.html                 |     3 +
 layout/reftests/bugs/214077-1-ref.html             |     8 +
 layout/reftests/bugs/214077-1a.html                |     8 +
 layout/reftests/bugs/214077-1b.html                |     8 +
 layout/reftests/bugs/218473-1-ref.html             |    19 +
 layout/reftests/bugs/218473-1.html                 |    23 +
 layout/reftests/bugs/220165-1-ref.svg              |    20 +
 layout/reftests/bugs/220165-1.svg                  |    22 +
 layout/reftests/bugs/223809-1-ref.html             |    17 +
 layout/reftests/bugs/223809-1.html                 |    19 +
 layout/reftests/bugs/228856-1-ref.html             |    34 +
 layout/reftests/bugs/228856-1.html                 |    34 +
 layout/reftests/bugs/228856-2-ref.html             |   Bin 0 -> 6037 bytes
 layout/reftests/bugs/228856-2-style-1.css          |   Bin 0 -> 1069 bytes
 layout/reftests/bugs/228856-2.html                 |   Bin 0 -> 6073 bytes
 layout/reftests/bugs/229591-1-ref.html             |    14 +
 layout/reftests/bugs/229591-1.html                 |     8 +
 layout/reftests/bugs/231823-1-ref.html             |    59 +
 layout/reftests/bugs/231823-1.html                 |    66 +
 layout/reftests/bugs/232990-1-ref.xhtml            |    33 +
 layout/reftests/bugs/232990-1a.xhtml               |    49 +
 layout/reftests/bugs/233094-1-ref.html             |    16 +
 layout/reftests/bugs/233094-1.html                 |    14 +
 layout/reftests/bugs/233094-2-ref.html             |    15 +
 layout/reftests/bugs/233094-2a.html                |    14 +
 layout/reftests/bugs/233094-2b.html                |    15 +
 layout/reftests/bugs/233094-2c.html                |    15 +
 layout/reftests/bugs/234686-1.gif                  |   Bin 0 -> 123 bytes
 layout/reftests/bugs/234686-1.html                 |    39 +
 layout/reftests/bugs/234686-10.gif                 |   Bin 0 -> 585 bytes
 layout/reftests/bugs/234686-10.html                |    39 +
 layout/reftests/bugs/234686-11.gif                 |   Bin 0 -> 383 bytes
 layout/reftests/bugs/234686-11.html                |    39 +
 layout/reftests/bugs/234686-12.gif                 |   Bin 0 -> 462 bytes
 layout/reftests/bugs/234686-12.html                |    39 +
 layout/reftests/bugs/234686-13.gif                 |   Bin 0 -> 383 bytes
 layout/reftests/bugs/234686-13.html                |    39 +
 layout/reftests/bugs/234686-14.gif                 |   Bin 0 -> 64 bytes
 layout/reftests/bugs/234686-14.html                |    39 +
 layout/reftests/bugs/234686-15.gif                 |   Bin 0 -> 64 bytes
 layout/reftests/bugs/234686-15.html                |    39 +
 layout/reftests/bugs/234686-16.gif                 |   Bin 0 -> 64 bytes
 layout/reftests/bugs/234686-16.html                |    39 +
 layout/reftests/bugs/234686-17.gif                 |   Bin 0 -> 92 bytes
 layout/reftests/bugs/234686-17.html                |    38 +
 layout/reftests/bugs/234686-18.gif                 |   Bin 0 -> 156 bytes
 layout/reftests/bugs/234686-18.html                |    37 +
 layout/reftests/bugs/234686-19.gif                 |   Bin 0 -> 92 bytes
 layout/reftests/bugs/234686-19.html                |    37 +
 layout/reftests/bugs/234686-2.gif                  |   Bin 0 -> 227 bytes
 layout/reftests/bugs/234686-2.html                 |    37 +
 layout/reftests/bugs/234686-3.gif                  |   Bin 0 -> 227 bytes
 layout/reftests/bugs/234686-3.html                 |    38 +
 layout/reftests/bugs/234686-4.gif                  |   Bin 0 -> 64 bytes
 layout/reftests/bugs/234686-4.html                 |    38 +
 layout/reftests/bugs/234686-5.gif                  |   Bin 0 -> 92 bytes
 layout/reftests/bugs/234686-5.html                 |    38 +
 layout/reftests/bugs/234686-6.gif                  |   Bin 0 -> 227 bytes
 layout/reftests/bugs/234686-6.html                 |    38 +
 layout/reftests/bugs/234686-7.gif                  |   Bin 0 -> 462 bytes
 layout/reftests/bugs/234686-7.html                 |    38 +
 layout/reftests/bugs/234686-8.gif                  |   Bin 0 -> 64 bytes
 layout/reftests/bugs/234686-8.html                 |    38 +
 layout/reftests/bugs/234686-9.gif                  |   Bin 0 -> 64 bytes
 layout/reftests/bugs/234686-9.html                 |    38 +
 layout/reftests/bugs/234686-ref.gif                |   Bin 0 -> 123 bytes
 layout/reftests/bugs/234686-ref.html               |    22 +
 layout/reftests/bugs/234964-1-ref.html             |    11 +
 layout/reftests/bugs/234964-1.html                 |    11 +
 layout/reftests/bugs/234964-2-ref.html             |     8 +
 layout/reftests/bugs/234964-2.html                 |     8 +
 layout/reftests/bugs/235593-1-ref.html             |    14 +
 layout/reftests/bugs/235593-1.html                 |    14 +
 layout/reftests/bugs/23604-1-ref.html              |    13 +
 layout/reftests/bugs/23604-1.html                  |    18 +
 layout/reftests/bugs/23604-2-ref.html              |    37 +
 layout/reftests/bugs/23604-2.html                  |    42 +
 layout/reftests/bugs/236539-1-ref.html             |   129 +
 layout/reftests/bugs/236539-1.html                 |   130 +
 layout/reftests/bugs/240029-1-ref.html             |    28 +
 layout/reftests/bugs/240029-1.html                 |    25 +
 layout/reftests/bugs/240470-1-ref.html             |    18 +
 layout/reftests/bugs/240470-1.html                 |    18 +
 layout/reftests/bugs/240933-1-ref.html             |    25 +
 layout/reftests/bugs/240933-1.html                 |    19 +
 layout/reftests/bugs/240933-2-ref.html             |    29 +
 layout/reftests/bugs/240933-2.html                 |    19 +
 layout/reftests/bugs/243266-1-ref.html             |    10 +
 layout/reftests/bugs/243266-1.html                 |    16 +
 layout/reftests/bugs/243302-1-ref.html             |    11 +
 layout/reftests/bugs/243302-1.html                 |    11 +
 layout/reftests/bugs/243519-1-ref.html             |    23 +
 layout/reftests/bugs/243519-1.html                 |    25 +
 layout/reftests/bugs/243519-2-ref.html             |     7 +
 layout/reftests/bugs/243519-2.html                 |     7 +
 layout/reftests/bugs/243519-3-ref.html             |    17 +
 layout/reftests/bugs/243519-3.html                 |    16 +
 layout/reftests/bugs/243519-4-ref.html             |    10 +
 layout/reftests/bugs/243519-4a.html                |    12 +
 layout/reftests/bugs/243519-4b.html                |    12 +
 layout/reftests/bugs/243519-4c.html                |    12 +
 layout/reftests/bugs/243519-4d.html                |    12 +
 layout/reftests/bugs/243519-4e.html                |    12 +
 layout/reftests/bugs/243519-4f.html                |    12 +
 layout/reftests/bugs/243519-5-ref.html             |     9 +
 layout/reftests/bugs/243519-5a.html                |    12 +
 layout/reftests/bugs/243519-5b.html                |    12 +
 layout/reftests/bugs/243519-5c.html                |    12 +
 layout/reftests/bugs/243519-5d.html                |    12 +
 layout/reftests/bugs/243519-6-ref.html             |    12 +
 layout/reftests/bugs/243519-6.html                 |    11 +
 layout/reftests/bugs/243519-7-ref.html             |    11 +
 layout/reftests/bugs/243519-7.html                 |    11 +
 layout/reftests/bugs/243519-8-ref.svg              |     3 +
 layout/reftests/bugs/243519-8.svg                  |     3 +
 layout/reftests/bugs/243519-9-ref.html             |     9 +
 layout/reftests/bugs/243519-9a.html                |     9 +
 layout/reftests/bugs/243519-9b.html                |     9 +
 layout/reftests/bugs/243519-9c.html                |     2 +
 layout/reftests/bugs/243519-9d.html                |     2 +
 layout/reftests/bugs/243519-9e.html                |    11 +
 layout/reftests/bugs/243519-9f.html                |    11 +
 layout/reftests/bugs/244135-1-ref.html             |    34 +
 layout/reftests/bugs/244135-1.html                 |    35 +
 layout/reftests/bugs/244135-2-ref.html             |    46 +
 layout/reftests/bugs/244135-2.html                 |    47 +
 layout/reftests/bugs/244932-1-ref.html             |    14 +
 layout/reftests/bugs/244932-1.html                 |    10 +
 layout/reftests/bugs/246669-1-ref.html             |    18 +
 layout/reftests/bugs/246669-1.html                 |    22 +
 layout/reftests/bugs/24998-1-ref.html              |    16 +
 layout/reftests/bugs/24998-1.html                  |    18 +
 layout/reftests/bugs/249982-1-ref.html             |    11 +
 layout/reftests/bugs/249982-1.html                 |    11 +
 layout/reftests/bugs/252920-1-ref.html             |    11 +
 layout/reftests/bugs/252920-1.html                 |    17 +
 layout/reftests/bugs/253701-1-ref.html             |    15 +
 layout/reftests/bugs/253701-1.html                 |    18 +
 layout/reftests/bugs/255820-1-ref.html             |     9 +
 layout/reftests/bugs/255820-1.html                 |     9 +
 layout/reftests/bugs/256180-1-ref.html             |    11 +
 layout/reftests/bugs/256180-1.html                 |    68 +
 layout/reftests/bugs/256180-2-ref.html             |    11 +
 layout/reftests/bugs/256180-2.html                 |    68 +
 layout/reftests/bugs/256180-3-ref.html             |    12 +
 layout/reftests/bugs/256180-3.html                 |    63 +
 layout/reftests/bugs/256180-4-ref.html             |    12 +
 layout/reftests/bugs/256180-4.html                 |    63 +
 layout/reftests/bugs/256180-5-ref.html             |  2004 ++
 layout/reftests/bugs/256180-5.html                 |  2042 ++
 layout/reftests/bugs/256180-6-ref.html             |  2004 ++
 layout/reftests/bugs/256180-6.html                 |    48 +
 layout/reftests/bugs/25888-1l-block.html           |    26 +
 layout/reftests/bugs/25888-1l-notref.html          |    23 +
 layout/reftests/bugs/25888-1l-ref.html             |    23 +
 layout/reftests/bugs/25888-1l.html                 |    26 +
 layout/reftests/bugs/25888-1r-block.html           |    26 +
 layout/reftests/bugs/25888-1r-notref.html          |    23 +
 layout/reftests/bugs/25888-1r-ref.html             |    23 +
 layout/reftests/bugs/25888-1r.html                 |    26 +
 layout/reftests/bugs/25888-2l-block.html           |    25 +
 layout/reftests/bugs/25888-2l-ref.html             |    22 +
 layout/reftests/bugs/25888-2l.html                 |    25 +
 layout/reftests/bugs/25888-2r-block.html           |    25 +
 layout/reftests/bugs/25888-2r-ref.html             |    22 +
 layout/reftests/bugs/25888-2r.html                 |    25 +
 layout/reftests/bugs/25888-3l-block.html           |    25 +
 layout/reftests/bugs/25888-3l-ref.html             |    21 +
 layout/reftests/bugs/25888-3l.html                 |    25 +
 layout/reftests/bugs/25888-3r-block.html           |    25 +
 layout/reftests/bugs/25888-3r-ref.html             |    21 +
 layout/reftests/bugs/25888-3r.html                 |    25 +
 layout/reftests/bugs/260406-1-ref.html             |    20 +
 layout/reftests/bugs/260406-1.html                 |    20 +
 layout/reftests/bugs/260406.gif                    |   Bin 0 -> 954 bytes
 layout/reftests/bugs/261826-1-ref.xhtml            |    31 +
 layout/reftests/bugs/261826-1.xhtml                |    38 +
 layout/reftests/bugs/262151-1-ref.html             |     9 +
 layout/reftests/bugs/262151-1.html                 |    19 +
 layout/reftests/bugs/262998-1-ref.html             |     6 +
 layout/reftests/bugs/262998-1.html                 |    21 +
 layout/reftests/bugs/267353-1-ref.html             |    17 +
 layout/reftests/bugs/267353-1.html                 |    14 +
 layout/reftests/bugs/269908-1-ref.html             |    11 +
 layout/reftests/bugs/269908-1.html                 |    11 +
 layout/reftests/bugs/269908-2-ref.html             |     8 +
 layout/reftests/bugs/269908-2.html                 |     8 +
 layout/reftests/bugs/269908-3-ref.html             |     8 +
 layout/reftests/bugs/269908-3.html                 |     8 +
 layout/reftests/bugs/269908-4-ref.html             |     8 +
 layout/reftests/bugs/269908-4.html                 |     8 +
 layout/reftests/bugs/269908-5-ref.html             |     8 +
 layout/reftests/bugs/269908-5.html                 |     8 +
 layout/reftests/bugs/271747-1-ref.html             |    21 +
 layout/reftests/bugs/271747-1a.html                |    21 +
 layout/reftests/bugs/271747-1b.html                |    21 +
 layout/reftests/bugs/272646-1-ref.xhtml            |    25 +
 layout/reftests/bugs/272646-1.xhtml                |    24 +
 layout/reftests/bugs/272646-2-ref.xhtml            |    28 +
 layout/reftests/bugs/272646-2a.xhtml               |    31 +
 layout/reftests/bugs/272646-2b.xhtml               |    31 +
 layout/reftests/bugs/272646-2c.xhtml               |    31 +
 layout/reftests/bugs/273681-1-ref.html             |    28 +
 layout/reftests/bugs/273681-1.html                 |    33 +
 layout/reftests/bugs/278266-1-ref.html             |     7 +
 layout/reftests/bugs/278266-1a.html                |     7 +
 layout/reftests/bugs/278266-1b.html                |     7 +
 layout/reftests/bugs/280708-1-ref.html             |     9 +
 layout/reftests/bugs/280708-1a.html                |     9 +
 layout/reftests/bugs/280708-1b.html                |     9 +
 layout/reftests/bugs/281241-1-ref.html             |    13 +
 layout/reftests/bugs/281241-1.html                 |    23 +
 layout/reftests/bugs/281241-2.xhtml                |    11 +
 layout/reftests/bugs/283686-1.html                 |     5 +
 layout/reftests/bugs/283686-2-ref.html             |     5 +
 layout/reftests/bugs/283686-2.html                 |    12 +
 layout/reftests/bugs/283686-3.html                 |    12 +
 layout/reftests/bugs/28811-1-inner.html            |    34 +
 layout/reftests/bugs/28811-1-ref.html              |    12 +
 layout/reftests/bugs/28811-1a.html                 |    19 +
 layout/reftests/bugs/28811-1b.html                 |    19 +
 layout/reftests/bugs/28811-2-inner.html            |    34 +
 layout/reftests/bugs/28811-2-ref.html              |    12 +
 layout/reftests/bugs/28811-2a.html                 |    19 +
 layout/reftests/bugs/28811-2b.html                 |    19 +
 layout/reftests/bugs/289384-1.xhtml                |    18 +
 layout/reftests/bugs/289384-ref.xhtml              |    18 +
 layout/reftests/bugs/289480-mask.png               |   Bin 0 -> 277 bytes
 layout/reftests/bugs/289480-ref.html               |    17 +
 layout/reftests/bugs/289480-ref.png                |   Bin 0 -> 2328 bytes
 layout/reftests/bugs/289480.html                   |   153 +
 layout/reftests/bugs/290129-1-ref.html             |    16 +
 layout/reftests/bugs/290129-1.html                 |    49 +
 layout/reftests/bugs/291078-1-ref.html             |    19 +
 layout/reftests/bugs/291078-1.html                 |    26 +
 layout/reftests/bugs/291078-2-ref.html             |    12 +
 layout/reftests/bugs/291078-2.html                 |    19 +
 layout/reftests/bugs/291262-1-ref.html             |    20 +
 layout/reftests/bugs/291262-1.html                 |    20 +
 layout/reftests/bugs/294306-1.html                 |    10 +
 layout/reftests/bugs/294306-1a-ref.html            |    10 +
 layout/reftests/bugs/294306-1b-ref.html            |    10 +
 layout/reftests/bugs/296361-1.html                 |    32 +
 layout/reftests/bugs/296361-ref.html               |    23 +
 layout/reftests/bugs/296904-1-ref.html             |     2 +
 layout/reftests/bugs/296904-1.html                 |    25 +
 layout/reftests/bugs/299136-1-ref.html             |     6 +
 layout/reftests/bugs/299136-1.html                 |    11 +
 layout/reftests/bugs/299837-1-ref.html             |    13 +
 layout/reftests/bugs/299837-1.html                 |    13 +
 layout/reftests/bugs/299837-3-ref.xhtml            |   101 +
 layout/reftests/bugs/299837-3.xhtml                |   100 +
 layout/reftests/bugs/300691-1-ref.html             |     6 +
 layout/reftests/bugs/300691-1a.html                |    10 +
 layout/reftests/bugs/300691-1b.html                |    10 +
 layout/reftests/bugs/300691-1c.html                |    12 +
 layout/reftests/bugs/300691-1d.html                |    10 +
 layout/reftests/bugs/300691-1e.html                |    11 +
 layout/reftests/bugs/300691-1f.html                |    15 +
 layout/reftests/bugs/301726-1-ref.html             |    33 +
 layout/reftests/bugs/301726-1.html                 |    32 +
 layout/reftests/bugs/301726-2-ref.html             |    10 +
 layout/reftests/bugs/301726-2.html                 |    10 +
 layout/reftests/bugs/302379-ref.html               |    17 +
 layout/reftests/bugs/302379.html                   |    21 +
 layout/reftests/bugs/306630-1-ref.html             |     6 +
 layout/reftests/bugs/306630-1.html                 |     4 +
 layout/reftests/bugs/306660-1-ref.html             |     5 +
 layout/reftests/bugs/306660-1.html                 |     8 +
 layout/reftests/bugs/306660-2-ref.html             |     4 +
 layout/reftests/bugs/306660-2.html                 |    15 +
 layout/reftests/bugs/306660-3-ref.html             |     2 +
 layout/reftests/bugs/306660-3.html                 |    14 +
 layout/reftests/bugs/307076-1-ref.html             |    13 +
 layout/reftests/bugs/307076-1.html                 |    22 +
 layout/reftests/bugs/307102-1-ref.html             |     8 +
 layout/reftests/bugs/307102-1.html                 |     9 +
 layout/reftests/bugs/307102-2-ref.html             |     8 +
 layout/reftests/bugs/307102-2.html                 |     8 +
 layout/reftests/bugs/307102-3-ref.html             |     9 +
 layout/reftests/bugs/307102-3.html                 |     9 +
 layout/reftests/bugs/307102-4-ref.html             |    10 +
 layout/reftests/bugs/307102-4.html                 |    10 +
 layout/reftests/bugs/308406-1-ref.html             |    14 +
 layout/reftests/bugs/308406-1.html                 |    14 +
 layout/reftests/bugs/308406-2-ref.html             |    13 +
 layout/reftests/bugs/308406-2.html                 |    13 +
 layout/reftests/bugs/309550-1-ref.html             |    26 +
 layout/reftests/bugs/309550-1.html                 |    30 +
 .../reftests/bugs/311366-unknown-block-1-ref.html  |     5 +
 layout/reftests/bugs/311366-unknown-block-1.html   |     5 +
 .../reftests/bugs/311366-unknown-block-2-ref.html  |     5 +
 layout/reftests/bugs/311366-unknown-block-2.html   |     5 +
 .../reftests/bugs/311366-unknown-block-3-ref.html  |     5 +
 layout/reftests/bugs/311366-unknown-block-3.html   |     5 +
 .../reftests/bugs/311366-unknown-inline-1-ref.html |     5 +
 layout/reftests/bugs/311366-unknown-inline-1.html  |     5 +
 .../reftests/bugs/311366-unknown-inline-2-ref.html |     5 +
 layout/reftests/bugs/311366-unknown-inline-2.html  |     5 +
 layout/reftests/bugs/311822-1-ref-a.html           |    49 +
 layout/reftests/bugs/311822-1-ref-b.html           |    49 +
 layout/reftests/bugs/311822-1.html                 |    49 +
 layout/reftests/bugs/315620-1-ref.html             |    15 +
 layout/reftests/bugs/315620-1a.html                |    16 +
 layout/reftests/bugs/315620-1b.html                |    16 +
 layout/reftests/bugs/315620-2-ref.xhtml            |    13 +
 layout/reftests/bugs/315620-2a.xhtml               |    13 +
 layout/reftests/bugs/315620-2b.xhtml               |    13 +
 layout/reftests/bugs/315920-1-ref.html             |    10 +
 layout/reftests/bugs/315920-10-ref.html            |    13 +
 layout/reftests/bugs/315920-10.html                |    24 +
 layout/reftests/bugs/315920-11-ref.html            |    12 +
 layout/reftests/bugs/315920-11.html                |    18 +
 layout/reftests/bugs/315920-12-ref.html            |    16 +
 layout/reftests/bugs/315920-12a.html               |    19 +
 layout/reftests/bugs/315920-12b.html               |    20 +
 layout/reftests/bugs/315920-12c.html               |    18 +
 layout/reftests/bugs/315920-13-ref.html            |    16 +
 layout/reftests/bugs/315920-13a.html               |    18 +
 layout/reftests/bugs/315920-13b.html               |    18 +
 layout/reftests/bugs/315920-14-ref.html            |     9 +
 layout/reftests/bugs/315920-14.html                |    25 +
 layout/reftests/bugs/315920-15-ref.html            |    17 +
 layout/reftests/bugs/315920-15.html                |    24 +
 layout/reftests/bugs/315920-16-ref.html            |    16 +
 layout/reftests/bugs/315920-16.html                |    18 +
 layout/reftests/bugs/315920-17-ref.html            |    18 +
 layout/reftests/bugs/315920-17.html                |    30 +
 layout/reftests/bugs/315920-18-ref.html            |     6 +
 layout/reftests/bugs/315920-18a.html               |    17 +
 layout/reftests/bugs/315920-18b.html               |    14 +
 layout/reftests/bugs/315920-18c.html               |    17 +
 layout/reftests/bugs/315920-18d.html               |    17 +
 layout/reftests/bugs/315920-18e.html               |    18 +
 layout/reftests/bugs/315920-18f.html               |    18 +
 layout/reftests/bugs/315920-18g.html               |    18 +
 layout/reftests/bugs/315920-18h.html               |    14 +
 layout/reftests/bugs/315920-18i.html               |    14 +
 layout/reftests/bugs/315920-19-ref.html            |     8 +
 layout/reftests/bugs/315920-19.html                |    19 +
 layout/reftests/bugs/315920-1a.html                |    17 +
 layout/reftests/bugs/315920-1b.html                |    17 +
 layout/reftests/bugs/315920-1c.html                |    10 +
 layout/reftests/bugs/315920-1d.html                |    10 +
 layout/reftests/bugs/315920-2-ref.html             |    14 +
 layout/reftests/bugs/315920-20-ref.svg             |    13 +
 layout/reftests/bugs/315920-20-style.css           |     2 +
 layout/reftests/bugs/315920-20.svg                 |    30 +
 layout/reftests/bugs/315920-21-ref.svg             |    13 +
 layout/reftests/bugs/315920-21-style.css           |     2 +
 layout/reftests/bugs/315920-21.svg                 |    29 +
 layout/reftests/bugs/315920-22-ref.html            |    18 +
 layout/reftests/bugs/315920-22.html                |    22 +
 layout/reftests/bugs/315920-23-ref.html            |    18 +
 layout/reftests/bugs/315920-23.html                |    22 +
 layout/reftests/bugs/315920-24-ref.html            |    12 +
 layout/reftests/bugs/315920-24.html                |    17 +
 layout/reftests/bugs/315920-25-ref.html            |    14 +
 layout/reftests/bugs/315920-25.html                |    23 +
 layout/reftests/bugs/315920-26-ref.html            |    19 +
 layout/reftests/bugs/315920-26.html                |    23 +
 layout/reftests/bugs/315920-27-ref.html            |    19 +
 layout/reftests/bugs/315920-27.html                |    22 +
 layout/reftests/bugs/315920-28-ref.html            |    15 +
 layout/reftests/bugs/315920-28a.html               |    25 +
 layout/reftests/bugs/315920-28b.html               |    25 +
 layout/reftests/bugs/315920-28c.html               |    26 +
 layout/reftests/bugs/315920-29-ref.html            |    15 +
 layout/reftests/bugs/315920-29a.html               |    19 +
 layout/reftests/bugs/315920-29b.html               |    19 +
 layout/reftests/bugs/315920-2a.html                |    18 +
 layout/reftests/bugs/315920-2b.html                |    16 +
 layout/reftests/bugs/315920-2c.html                |    18 +
 layout/reftests/bugs/315920-3-ref.html             |     8 +
 layout/reftests/bugs/315920-30-ref.html            |    22 +
 layout/reftests/bugs/315920-30.html                |    27 +
 layout/reftests/bugs/315920-3a.html                |    16 +
 layout/reftests/bugs/315920-3b.html                |    16 +
 layout/reftests/bugs/315920-3c.html                |    16 +
 layout/reftests/bugs/315920-3d.html                |    16 +
 layout/reftests/bugs/315920-3e.html                |     8 +
 layout/reftests/bugs/315920-3f.html                |     8 +
 layout/reftests/bugs/315920-4-ref.html             |    11 +
 layout/reftests/bugs/315920-4.html                 |    22 +
 layout/reftests/bugs/315920-5-ref.html             |    11 +
 layout/reftests/bugs/315920-5.html                 |    19 +
 layout/reftests/bugs/315920-6-ref.html             |    14 +
 layout/reftests/bugs/315920-6.html                 |    17 +
 layout/reftests/bugs/315920-7-ref.html             |    11 +
 layout/reftests/bugs/315920-7a.html                |    19 +
 layout/reftests/bugs/315920-7b.html                |    19 +
 layout/reftests/bugs/315920-7c.html                |    18 +
 layout/reftests/bugs/315920-8-ref.html             |    11 +
 layout/reftests/bugs/315920-8a.html                |    18 +
 layout/reftests/bugs/315920-8b.html                |    18 +
 layout/reftests/bugs/315920-9-ref.html             |    10 +
 layout/reftests/bugs/315920-9.html                 |    26 +
 layout/reftests/bugs/316057-1-ref.html             |    26 +
 layout/reftests/bugs/316057-1.html                 |    28 +
 layout/reftests/bugs/320979-1-ref.html             |    21 +
 layout/reftests/bugs/320979-1.html                 |    20 +
 layout/reftests/bugs/321402-1.html                 |     2 +
 layout/reftests/bugs/321402-2.html                 |     2 +
 layout/reftests/bugs/321402-3-ref.xhtml            |     7 +
 layout/reftests/bugs/321402-3.xhtml                |     8 +
 layout/reftests/bugs/321402-4-ref.xhtml            |     8 +
 layout/reftests/bugs/321402-4.xhtml                |    25 +
 layout/reftests/bugs/321402-5-ref.xhtml            |     8 +
 layout/reftests/bugs/321402-5.xhtml                |    25 +
 layout/reftests/bugs/321402-6-ref.xhtml            |     7 +
 layout/reftests/bugs/321402-6.xhtml                |    25 +
 layout/reftests/bugs/321738-1-ref.html             |    25 +
 layout/reftests/bugs/321738-1.html                 |    25 +
 layout/reftests/bugs/322461-1-ref.html             |     4 +
 layout/reftests/bugs/322461-1.xml                  |    22 +
 layout/reftests/bugs/323656-1-ref.html             |    44 +
 layout/reftests/bugs/323656-1.html                 |    56 +
 layout/reftests/bugs/323656-2-ref.html             |    29 +
 layout/reftests/bugs/323656-2.html                 |    39 +
 layout/reftests/bugs/323656-3-ref.html             |    53 +
 layout/reftests/bugs/323656-3.html                 |    84 +
 layout/reftests/bugs/323656-4-ref.html             |    14 +
 layout/reftests/bugs/323656-4.html                 |    31 +
 layout/reftests/bugs/323656-5-ref.svg              |    15 +
 layout/reftests/bugs/323656-5.svg                  |    15 +
 layout/reftests/bugs/323656-6-ref.html             |    40 +
 layout/reftests/bugs/323656-6.html                 |    57 +
 layout/reftests/bugs/325292-1-ref.html             |    18 +
 layout/reftests/bugs/325292-1.html                 |    15 +
 layout/reftests/bugs/325486-1-ref.html             |    15 +
 layout/reftests/bugs/325486-1.html                 |    15 +
 layout/reftests/bugs/328111-1-ref.html             |    17 +
 layout/reftests/bugs/328111-1.html                 |    17 +
 layout/reftests/bugs/328829-1-ref.xhtml            |    25 +
 layout/reftests/bugs/328829-1.xhtml                |    32 +
 layout/reftests/bugs/328829-2-ref.xhtml            |    25 +
 layout/reftests/bugs/328829-2.xhtml                |    34 +
 layout/reftests/bugs/329359-1-ref.html             |    29 +
 layout/reftests/bugs/329359-1.html                 |    32 +
 layout/reftests/bugs/331809-1-ref.html             |    21 +
 layout/reftests/bugs/331809-1.html                 |    14 +
 layout/reftests/bugs/331809-1.xhtml                |     1 +
 layout/reftests/bugs/332360-ltr-ref.html           |    14 +
 layout/reftests/bugs/332360-ltr.html               |    14 +
 layout/reftests/bugs/332360-ref.html               |    14 +
 layout/reftests/bugs/332360-width-ltr.html         |    14 +
 layout/reftests/bugs/332360-width.html             |    14 +
 layout/reftests/bugs/332360.html                   |    14 +
 layout/reftests/bugs/332557-1-ref.html             |     9 +
 layout/reftests/bugs/332557-1.html                 |     9 +
 layout/reftests/bugs/332975-1-ref.html             |    14 +
 layout/reftests/bugs/332975-1.html                 |    14 +
 layout/reftests/bugs/333970-1-ref.html             |    28 +
 layout/reftests/bugs/333970-1.html                 |    28 +
 layout/reftests/bugs/334829-1-ref.xhtml            |     6 +
 layout/reftests/bugs/334829-1a-shadow.xhtml        |    34 +
 layout/reftests/bugs/334829-1b-shadow.xhtml        |    35 +
 layout/reftests/bugs/335628-1-ref.html             |     7 +
 layout/reftests/bugs/335628-1.html                 |     7 +
 layout/reftests/bugs/336096-1-ref.xhtml            |     7 +
 layout/reftests/bugs/336096-1.xhtml                |    12 +
 layout/reftests/bugs/336147-1-ref.html             |    11 +
 layout/reftests/bugs/336147-1.html                 |    14 +
 layout/reftests/bugs/336153-1-ref.html             |    12 +
 layout/reftests/bugs/336153-1.html                 |    13 +
 layout/reftests/bugs/338251-p-oh-ref.html          |    10 +
 layout/reftests/bugs/338251-p-oh.html              |    10 +
 layout/reftests/bugs/338251-p.html                 |    10 +
 layout/reftests/bugs/338251-pre-oh-ref.html        |    10 +
 layout/reftests/bugs/338251-pre-oh.html            |    10 +
 layout/reftests/bugs/338251-pre.html               |    10 +
 layout/reftests/bugs/339289-1-ref.html             |     7 +
 layout/reftests/bugs/339289-1.html                 |    12 +
 layout/reftests/bugs/341043-1-ref.html             |    18 +
 layout/reftests/bugs/341043-1a.html                |    22 +
 layout/reftests/bugs/341043-1b.html                |    22 +
 layout/reftests/bugs/343538-1-ref.html             |    38 +
 layout/reftests/bugs/343538-1.html                 |    37 +
 layout/reftests/bugs/343540-1-ref.html             |    16 +
 layout/reftests/bugs/343540-1.html                 |    24 +
 layout/reftests/bugs/345267-1-ref.html             |     6 +
 layout/reftests/bugs/345267-1a.html                |     6 +
 layout/reftests/bugs/345267-1b.html                |    14 +
 layout/reftests/bugs/345267-1c.html                |    10 +
 layout/reftests/bugs/345267-1d.html                |    10 +
 layout/reftests/bugs/346774-1-ref.html             |    10 +
 layout/reftests/bugs/346774-1a.html                |    19 +
 layout/reftests/bugs/346774-1b.html                |    19 +
 layout/reftests/bugs/346774-1c.html                |    17 +
 layout/reftests/bugs/347912-1-ref.html             |    14 +
 layout/reftests/bugs/347912-1.html                 |    40 +
 layout/reftests/bugs/348049-1-ref.xhtml            |     7 +
 layout/reftests/bugs/348049-1.xhtml                |    26 +
 layout/reftests/bugs/348516-1-ref.html             |    21 +
 layout/reftests/bugs/348516-1.html                 |    21 +
 layout/reftests/bugs/348516-2-notref.html          |    18 +
 layout/reftests/bugs/348516-2-ref.html             |    19 +
 layout/reftests/bugs/348516-2.html                 |    19 +
 layout/reftests/bugs/348516-3-notref.html          |    19 +
 layout/reftests/bugs/348516-3.html                 |    19 +
 layout/reftests/bugs/348597-1.html                 |    30 +
 layout/reftests/bugs/348597-ref.html               |    23 +
 layout/reftests/bugs/348809-1-ref.html             |    11 +
 layout/reftests/bugs/348809-1a.html                |    13 +
 layout/reftests/bugs/348809-1b.html                |    13 +
 layout/reftests/bugs/348809-1c.html                |    17 +
 layout/reftests/bugs/348809-1d.html                |    17 +
 layout/reftests/bugs/348809-1e.html                |    23 +
 layout/reftests/bugs/348809-1f.html                |    17 +
 layout/reftests/bugs/348809-2-ref.html             |    18 +
 layout/reftests/bugs/348809-2a.html                |    22 +
 layout/reftests/bugs/348809-2b.html                |    23 +
 layout/reftests/bugs/348809-2c.html                |    23 +
 layout/reftests/bugs/348809-2d.html                |    23 +
 layout/reftests/bugs/348809-2e.html                |    26 +
 layout/reftests/bugs/348809-2f.html                |    27 +
 layout/reftests/bugs/348809-2g.html                |    29 +
 layout/reftests/bugs/348809-2h.html                |    29 +
 layout/reftests/bugs/349695-1-ref.html             |    15 +
 layout/reftests/bugs/349695-1a.html                |    17 +
 layout/reftests/bugs/349695-1b.html                |    17 +
 layout/reftests/bugs/350506-1-ref.html             |    25 +
 layout/reftests/bugs/350506-1.html                 |    26 +
 layout/reftests/bugs/351641-1-ref.html             |     6 +
 layout/reftests/bugs/351641-1a.html                |     6 +
 layout/reftests/bugs/351641-1b.html                |     6 +
 layout/reftests/bugs/351641-2-ref.html             |     4 +
 layout/reftests/bugs/351641-2a.html                |     4 +
 layout/reftests/bugs/351641-2b.html                |     4 +
 layout/reftests/bugs/352980-1-ref.html             |    13 +
 layout/reftests/bugs/352980-1a.html                |    17 +
 layout/reftests/bugs/352980-1b.html                |    18 +
 layout/reftests/bugs/352980-1c.html                |    18 +
 layout/reftests/bugs/352980-1d.html                |    17 +
 layout/reftests/bugs/352980-1e.html                |    20 +
 layout/reftests/bugs/352980-1f.html                |    20 +
 layout/reftests/bugs/352980-1g.html                |    20 +
 layout/reftests/bugs/352980-1h.html                |    20 +
 layout/reftests/bugs/352980-1i.html                |    20 +
 layout/reftests/bugs/352980-1j.html                |    20 +
 layout/reftests/bugs/352980-1k.html                |    20 +
 layout/reftests/bugs/352980-1l.html                |    20 +
 layout/reftests/bugs/352980-2-ref.html             |    14 +
 layout/reftests/bugs/352980-2a.html                |    18 +
 layout/reftests/bugs/352980-2b.html                |    18 +
 layout/reftests/bugs/352980-2c.html                |    18 +
 layout/reftests/bugs/352980-2d.html                |    18 +
 layout/reftests/bugs/352980-2e.html                |    18 +
 layout/reftests/bugs/352980-2f.html                |    18 +
 layout/reftests/bugs/352980-3-ref.html             |    15 +
 layout/reftests/bugs/352980-3a.html                |    19 +
 layout/reftests/bugs/352980-3b.html                |    19 +
 layout/reftests/bugs/352980-3c.html                |    20 +
 layout/reftests/bugs/352980-3d.html                |    20 +
 layout/reftests/bugs/352980-3e.html                |    20 +
 layout/reftests/bugs/352980-3f.html                |    20 +
 layout/reftests/bugs/356774-1-ref.html             |    15 +
 layout/reftests/bugs/356774-1.html                 |    16 +
 layout/reftests/bugs/356775-1-ref.html             |    15 +
 layout/reftests/bugs/356775-1.html                 |    16 +
 layout/reftests/bugs/359869-1-ref.html             |    17 +
 layout/reftests/bugs/359869-1.html                 |    18 +
 layout/reftests/bugs/359903-1-ref.html             |     6 +
 layout/reftests/bugs/359903-1.html                 |     6 +
 layout/reftests/bugs/359903-2-ref.html             |     9 +
 layout/reftests/bugs/359903-2.html                 |     9 +
 layout/reftests/bugs/360065-1-ref.html             |    22 +
 layout/reftests/bugs/360065-1.html                 |    22 +
 layout/reftests/bugs/360746-1-ref.html             |    14 +
 layout/reftests/bugs/360746-1.html                 |    40 +
 layout/reftests/bugs/360757-1-ref.html             |    32 +
 layout/reftests/bugs/360757-1a.html                |    32 +
 layout/reftests/bugs/360757-1b.html                |    32 +
 layout/reftests/bugs/361091-1-ref.html             |    15 +
 layout/reftests/bugs/361091-1.html                 |    15 +
 layout/reftests/bugs/362594-1-quirks-ref.html      |    10 +
 layout/reftests/bugs/362594-1-standards-ref.html   |    11 +
 layout/reftests/bugs/362594-1a.html                |    10 +
 layout/reftests/bugs/362594-1b.html                |    10 +
 layout/reftests/bugs/362594-1c.html                |    11 +
 layout/reftests/bugs/362594-2-quirks-ref.html      |    10 +
 layout/reftests/bugs/362594-2-standards-ref.html   |    11 +
 layout/reftests/bugs/362594-2a.html                |    10 +
 layout/reftests/bugs/362594-2b.html                |    11 +
 layout/reftests/bugs/362594-2c.html                |    11 +
 layout/reftests/bugs/362901-1-ref.html             |    26 +
 layout/reftests/bugs/362901-1.html                 |    35 +
 layout/reftests/bugs/363247-1-ref.html             |    15 +
 layout/reftests/bugs/363247-1.html                 |    20 +
 layout/reftests/bugs/363329-1-ref.html             |    13 +
 layout/reftests/bugs/363329-1.html                 |    13 +
 layout/reftests/bugs/363329-2-ref.html             |    13 +
 layout/reftests/bugs/363329-2.html                 |    13 +
 layout/reftests/bugs/363370-1-ref.html             |    11 +
 layout/reftests/bugs/363370-1.html                 |    32 +
 layout/reftests/bugs/363402-1-ref.html             |    19 +
 layout/reftests/bugs/363402-1.html                 |    25 +
 layout/reftests/bugs/363637-1-ref.html             |    60 +
 layout/reftests/bugs/363637-1.html                 |    60 +
 layout/reftests/bugs/363706-1-ref.html             |    18 +
 layout/reftests/bugs/363706-1.html                 |    18 +
 layout/reftests/bugs/363728-1-ref.html             |    24 +
 layout/reftests/bugs/363728-1.html                 |    24 +
 layout/reftests/bugs/363728-2-ref.html             |    28 +
 layout/reftests/bugs/363728-2.html                 |    29 +
 layout/reftests/bugs/363858-1-ref.html             |    27 +
 layout/reftests/bugs/363858-1.html                 |    29 +
 layout/reftests/bugs/363858-2-ref.html             |    28 +
 layout/reftests/bugs/363858-2.html                 |    30 +
 layout/reftests/bugs/363858-3-ref.html             |    31 +
 layout/reftests/bugs/363858-3.html                 |    34 +
 layout/reftests/bugs/363858-4-ref.html             |    32 +
 layout/reftests/bugs/363858-4.html                 |    35 +
 layout/reftests/bugs/363858-5-ref.html             |    22 +
 layout/reftests/bugs/363858-5a.html                |    21 +
 layout/reftests/bugs/363858-5b.html                |    21 +
 layout/reftests/bugs/363858-6-ref.html             |    23 +
 layout/reftests/bugs/363858-6a.html                |    22 +
 layout/reftests/bugs/363858-6b.html                |    22 +
 layout/reftests/bugs/363874-max-width-ref.html     |    19 +
 layout/reftests/bugs/363874-max-width.html         |    19 +
 layout/reftests/bugs/363874-ref.html               |    15 +
 layout/reftests/bugs/363874.html                   |    15 +
 layout/reftests/bugs/364066-1-ref.html             |    73 +
 layout/reftests/bugs/364066-1.html                 |    72 +
 layout/reftests/bugs/364079-1-ref.html             |    15 +
 layout/reftests/bugs/364079-1.html                 |    15 +
 layout/reftests/bugs/364318-1-ref.xhtml            |     9 +
 layout/reftests/bugs/364318-1.xhtml                |     9 +
 layout/reftests/bugs/364861-1-ref.html             |    13 +
 layout/reftests/bugs/364861-1.html                 |    13 +
 layout/reftests/bugs/364862-1-ref.html             |     9 +
 layout/reftests/bugs/364862-1.html                 |     9 +
 layout/reftests/bugs/364968-1-ref.html             |    26 +
 layout/reftests/bugs/364968-1.xhtml                |    15 +
 layout/reftests/bugs/364989-1-ref.html             |    10 +
 layout/reftests/bugs/364989-1.html                 |    22 +
 layout/reftests/bugs/365173-1-ref.html             |     7 +
 layout/reftests/bugs/365173-1.html                 |     7 +
 layout/reftests/bugs/366616-1-ref.xhtml            |     7 +
 layout/reftests/bugs/366616-1.xhtml                |    17 +
 layout/reftests/bugs/367220-1-ref.html             |    45 +
 layout/reftests/bugs/367220-1.html                 |    59 +
 layout/reftests/bugs/367247-l-auto.html            |    28 +
 layout/reftests/bugs/367247-l-hidden.html          |    28 +
 layout/reftests/bugs/367247-l-scroll.html          |    28 +
 layout/reftests/bugs/367247-l-visible.html         |    28 +
 layout/reftests/bugs/367247-s-auto.html            |    28 +
 layout/reftests/bugs/367247-s-hidden.html          |    28 +
 layout/reftests/bugs/367247-s-scroll.html          |    28 +
 layout/reftests/bugs/367247-s-visible.html         |    28 +
 layout/reftests/bugs/367332-1-ref.html             |    25 +
 layout/reftests/bugs/367332-1a.html                |    26 +
 layout/reftests/bugs/367332-1b.html                |    26 +
 layout/reftests/bugs/367332-1c.html                |    26 +
 layout/reftests/bugs/367332-1d.html                |    26 +
 layout/reftests/bugs/367332-1e.html                |    26 +
 layout/reftests/bugs/367332-1f.html                |    26 +
 layout/reftests/bugs/367332-1g.html                |    26 +
 layout/reftests/bugs/367375-1-ref.html             |    16 +
 layout/reftests/bugs/367375-1.html                 |    16 +
 layout/reftests/bugs/367375-2-ref.html             |    16 +
 layout/reftests/bugs/367375-2.html                 |    16 +
 layout/reftests/bugs/367489-1-ref.html             |    19 +
 layout/reftests/bugs/367489-1.html                 |    23 +
 layout/reftests/bugs/367504-float-1-ref.html       |    20 +
 layout/reftests/bugs/367504-float-1.html           |    20 +
 layout/reftests/bugs/367504-margin-1-ref.html      |    20 +
 layout/reftests/bugs/367504-margin-1.html          |    20 +
 layout/reftests/bugs/367612-1-ref.html             |    10 +
 layout/reftests/bugs/367612-1a.html                |    14 +
 layout/reftests/bugs/367612-1b.html                |    16 +
 layout/reftests/bugs/367612-1c.html                |    18 +
 layout/reftests/bugs/367612-1d.html                |    14 +
 layout/reftests/bugs/367612-1e.html                |    17 +
 layout/reftests/bugs/367612-1f.html                |    20 +
 layout/reftests/bugs/367612-1g.html                |     9 +
 layout/reftests/bugs/368020-1-ref.html             |    24 +
 layout/reftests/bugs/368020-1.html                 |    24 +
 layout/reftests/bugs/368020-2-ref.html             |    17 +
 layout/reftests/bugs/368020-2.html                 |    17 +
 layout/reftests/bugs/368020-3-ref.html             |    15 +
 layout/reftests/bugs/368020-3.html                 |    15 +
 layout/reftests/bugs/368020-5-ref.html             |    15 +
 layout/reftests/bugs/368020-5.html                 |    15 +
 layout/reftests/bugs/368155-1-ref.xhtml            |    10 +
 layout/reftests/bugs/368155-1.xhtml                |    10 +
 .../bugs/368155-negative-margins-1-ref.html        |    44 +
 .../reftests/bugs/368155-negative-margins-1.html   |    56 +
 layout/reftests/bugs/368247-1-ref.html             |    15 +
 layout/reftests/bugs/368247-1.html                 |    13 +
 layout/reftests/bugs/368247-2-ref.html             |    13 +
 layout/reftests/bugs/368247-2.html                 |    13 +
 layout/reftests/bugs/368504-1-ref.html             |    26 +
 layout/reftests/bugs/368504-1.html                 |    20 +
 layout/reftests/bugs/368504-2-ref.html             |    18 +
 layout/reftests/bugs/368504-2.html                 |    18 +
 layout/reftests/bugs/368504-3-ref.html             |    24 +
 layout/reftests/bugs/368504-3a.html                |    28 +
 layout/reftests/bugs/368504-3b.html                |    28 +
 layout/reftests/bugs/368504-4-ref.html             |   100 +
 layout/reftests/bugs/368504-4.html                 |   122 +
 layout/reftests/bugs/368504-5-ref.html             |   100 +
 layout/reftests/bugs/368504-5.html                 |    99 +
 layout/reftests/bugs/368504-6-ref.html             |    16 +
 layout/reftests/bugs/368504-6.html                 |    19 +
 layout/reftests/bugs/368622-1-ref.html             |    19 +
 layout/reftests/bugs/368622-1.html                 |    21 +
 layout/reftests/bugs/368651-1-ref.html             |    25 +
 layout/reftests/bugs/368651-1.html                 |    35 +
 layout/reftests/bugs/369361-1-ref.html             |    24 +
 layout/reftests/bugs/369361-1.html                 |    25 +
 layout/reftests/bugs/369361-2-ref.html             |    25 +
 layout/reftests/bugs/369361-2.html                 |    27 +
 layout/reftests/bugs/369882-ref.xhtml              |     9 +
 layout/reftests/bugs/369882.xhtml                  |    10 +
 layout/reftests/bugs/369975-1.html                 |    21 +
 layout/reftests/bugs/370353-1-ref.html             |    26 +
 layout/reftests/bugs/370353-1.html                 |    26 +
 layout/reftests/bugs/370422-1-ref.html             |    16 +
 layout/reftests/bugs/370422-1.html                 |    16 +
 layout/reftests/bugs/370525-1-notref.html          |    18 +
 layout/reftests/bugs/370525-1-ref.html             |    18 +
 layout/reftests/bugs/370525-1.html                 |    18 +
 layout/reftests/bugs/370525-2-notref.html          |    17 +
 layout/reftests/bugs/370525-2-ref.html             |    17 +
 layout/reftests/bugs/370525-2.html                 |    17 +
 layout/reftests/bugs/370525-rowspan-1a-ref.html    |    28 +
 layout/reftests/bugs/370525-rowspan-1a.html        |    28 +
 layout/reftests/bugs/370525-rowspan-1b-ref.html    |    28 +
 layout/reftests/bugs/370525-rowspan-1b.html        |    28 +
 layout/reftests/bugs/370525-rowspan-1c-ref.html    |    23 +
 layout/reftests/bugs/370525-rowspan-1c.html        |    23 +
 layout/reftests/bugs/370525-rowspan-2a-ref.html    |    28 +
 layout/reftests/bugs/370525-rowspan-2a.html        |    28 +
 layout/reftests/bugs/370525-rowspan-2b-ref.html    |    24 +
 layout/reftests/bugs/370525-rowspan-2b.html        |    24 +
 layout/reftests/bugs/370525-rowspan-3-ref.html     |    26 +
 layout/reftests/bugs/370525-rowspan-3.html         |    26 +
 layout/reftests/bugs/370525-rowspan-4-ref.html     |    26 +
 layout/reftests/bugs/370525-rowspan-4.html         |    26 +
 layout/reftests/bugs/370525-sib-ref.html           |    18 +
 layout/reftests/bugs/370525-sib.html               |    18 +
 layout/reftests/bugs/370525-style.css              |    13 +
 layout/reftests/bugs/370586-1-ref.xhtml            |    12 +
 layout/reftests/bugs/370586-1.xhtml                |    12 +
 layout/reftests/bugs/370629-1-ref.html             |     1 +
 layout/reftests/bugs/370629-1.html                 |     1 +
 layout/reftests/bugs/370629-2-ref.html             |     1 +
 layout/reftests/bugs/370629-2.html                 |     1 +
 layout/reftests/bugs/371043-1-ref.html             |     9 +
 layout/reftests/bugs/371043-1.html                 |    13 +
 layout/reftests/bugs/371354-1-ref.html             |    25 +
 layout/reftests/bugs/371354-1.html                 |    25 +
 layout/reftests/bugs/371483-1.html                 |    11 +
 layout/reftests/bugs/371561-1-ref.html             |    12 +
 layout/reftests/bugs/371561-1.html                 |    14 +
 layout/reftests/bugs/371681-1.xhtml                |    12 +
 layout/reftests/bugs/371925-1-ref.html             |    14 +
 layout/reftests/bugs/371925-1a.html                |    22 +
 layout/reftests/bugs/371925-1b.html                |    23 +
 layout/reftests/bugs/372037-1-ref.html             |    25 +
 layout/reftests/bugs/372037-1.html                 |    25 +
 layout/reftests/bugs/372062-1-ref.html             |     8 +
 layout/reftests/bugs/372062-1.html                 |     8 +
 layout/reftests/bugs/372063-1-ref.html             |   115 +
 layout/reftests/bugs/372063-1.html                 |   147 +
 layout/reftests/bugs/372553-1-ref.html             |    25 +
 layout/reftests/bugs/372553-1.html                 |    31 +
 layout/reftests/bugs/372632-1-ref.html             |    13 +
 layout/reftests/bugs/372632-1.html                 |    18 +
 layout/reftests/bugs/372768-1-ref.html             |    10 +
 layout/reftests/bugs/372768-1.html                 |    14 +
 layout/reftests/bugs/373295-1-ref.html             |     8 +
 layout/reftests/bugs/373295-1.html                 |    13 +
 layout/reftests/bugs/373298-1-ref.html             |     3 +
 layout/reftests/bugs/373298-1.html                 |     7 +
 layout/reftests/bugs/373381-1-ref.html             |     3 +
 layout/reftests/bugs/373381-1.html                 |     3 +
 layout/reftests/bugs/373381-2-ref.html             |     3 +
 layout/reftests/bugs/373381-2.html                 |     3 +
 layout/reftests/bugs/373381-3-ref.html             |     3 +
 layout/reftests/bugs/373381-3.html                 |     3 +
 layout/reftests/bugs/373381-4-ref.html             |     3 +
 layout/reftests/bugs/373381-4.html                 |     3 +
 layout/reftests/bugs/373383-1-ref.html             |    16 +
 layout/reftests/bugs/373383-1.html                 |    24 +
 layout/reftests/bugs/373433-1-ref.html             |     5 +
 layout/reftests/bugs/373433-1.html                 |     6 +
 layout/reftests/bugs/374038-1-ref.xhtml            |     7 +
 layout/reftests/bugs/374038-1.xhtml                |     7 +
 layout/reftests/bugs/374038-2-ref.xhtml            |     7 +
 layout/reftests/bugs/374038-2.xhtml                |     7 +
 layout/reftests/bugs/374927-1-ref.html             |    26 +
 layout/reftests/bugs/374927-1.html                 |    29 +
 layout/reftests/bugs/375508-1-ref.html             |     4 +
 layout/reftests/bugs/375508-1.html                 |     4 +
 layout/reftests/bugs/375716-1-ref.html             |    18 +
 layout/reftests/bugs/375716-1.html                 |    25 +
 layout/reftests/bugs/375827-1-ref.html             |     9 +
 layout/reftests/bugs/375827-1.html                 |     9 +
 layout/reftests/bugs/376375-1-ref.html             |     7 +
 layout/reftests/bugs/376375-1.html                 |     7 +
 layout/reftests/bugs/376484-1-ref.html             |    10 +
 layout/reftests/bugs/376484-1.html                 |    19 +
 layout/reftests/bugs/376532-1-ref.html             |    19 +
 layout/reftests/bugs/376532-1.html                 |    21 +
 layout/reftests/bugs/376532-2-ref.html             |    20 +
 layout/reftests/bugs/376532-2.html                 |    20 +
 layout/reftests/bugs/376532-3-ref.html             |    20 +
 layout/reftests/bugs/376532-3.html                 |    20 +
 layout/reftests/bugs/377603-1-ref.html             |    24 +
 layout/reftests/bugs/377603-1.html                 |    27 +
 layout/reftests/bugs/377918-ref.html               |     6 +
 layout/reftests/bugs/377918.html                   |     6 +
 layout/reftests/bugs/378535-1-ref.html             |    19 +
 layout/reftests/bugs/378535-1.html                 |    34 +
 layout/reftests/bugs/378933-1-ref.html             |    53 +
 layout/reftests/bugs/378933-1.html                 |    46 +
 layout/reftests/bugs/378935-1-ref.html             |    42 +
 layout/reftests/bugs/378935-1.html                 |    39 +
 layout/reftests/bugs/378937-1-ref.html             |    41 +
 layout/reftests/bugs/378937-1.html                 |    38 +
 layout/reftests/bugs/379178-html-ref.html          |    25 +
 layout/reftests/bugs/379178-html.html              |    31 +
 layout/reftests/bugs/379178-svg-ref.svg            |    21 +
 layout/reftests/bugs/379178-svg.svg                |    22 +
 layout/reftests/bugs/379178-xhtml-ref.xhtml        |    26 +
 layout/reftests/bugs/379178-xhtml.xhtml            |    32 +
 layout/reftests/bugs/379316-1-ref.html             |    23 +
 layout/reftests/bugs/379316-1.html                 |    23 +
 layout/reftests/bugs/379316-2-ref.html             |     6 +
 layout/reftests/bugs/379316-2.html                 |     6 +
 layout/reftests/bugs/379328-1-ref.html             |    11 +
 layout/reftests/bugs/379328-1.html                 |    11 +
 layout/reftests/bugs/379349-1-ref.xhtml            |    51 +
 layout/reftests/bugs/379349-1a.xhtml               |    50 +
 layout/reftests/bugs/379349-1b.xhtml               |    66 +
 layout/reftests/bugs/379349-1c.xhtml               |    68 +
 layout/reftests/bugs/379349-2-ref.xhtml            |    63 +
 layout/reftests/bugs/379349-2a.xhtml               |    85 +
 layout/reftests/bugs/379349-2b.xhtml               |    92 +
 layout/reftests/bugs/379349-3-ref.xhtml            |    52 +
 layout/reftests/bugs/379349-3a.xhtml               |    63 +
 layout/reftests/bugs/379349-3b.xhtml               |    65 +
 layout/reftests/bugs/379361-1-ref.html             |    16 +
 layout/reftests/bugs/379361-1.html                 |    16 +
 layout/reftests/bugs/379361-2-ref.html             |    16 +
 layout/reftests/bugs/379361-2.html                 |    16 +
 layout/reftests/bugs/379361-3-ref.html             |   123 +
 layout/reftests/bugs/379361-3.html                 |   123 +
 layout/reftests/bugs/379461-1.html                 |    16 +
 layout/reftests/bugs/379461-1.xhtml                |    16 +
 layout/reftests/bugs/379461-2.html                 |    16 +
 layout/reftests/bugs/379461-2.xhtml                |    16 +
 layout/reftests/bugs/379461-3-container-blank.html |     1 +
 layout/reftests/bugs/379461-3-container-html.html  |     1 +
 layout/reftests/bugs/379461-3-container-xhtml.html |     1 +
 layout/reftests/bugs/379461-3.html                 |    14 +
 layout/reftests/bugs/379461-3.xhtml                |    14 +
 layout/reftests/bugs/380004-1-ref.html             |     8 +
 layout/reftests/bugs/380004-1.html                 |    18 +
 layout/reftests/bugs/380004-iframe.html            |     9 +
 layout/reftests/bugs/380227-1-ref.html             |     8 +
 layout/reftests/bugs/380227-1.html                 |    17 +
 layout/reftests/bugs/380227-iframe.html            |     9 +
 layout/reftests/bugs/380825-1-ref.html             |     9 +
 layout/reftests/bugs/380825-1.html                 |     9 +
 layout/reftests/bugs/380842-1-ref.html             |    46 +
 layout/reftests/bugs/380842-1.html                 |    32 +
 layout/reftests/bugs/381130-1-ref.html             |    10 +
 layout/reftests/bugs/381130-1.html                 |    10 +
 layout/reftests/bugs/381507-1-ref.html             |     8 +
 layout/reftests/bugs/381507-1.html                 |    18 +
 layout/reftests/bugs/381507-iframe.html            |    16 +
 layout/reftests/bugs/381746-1-framea.html          |     1 +
 layout/reftests/bugs/381746-1-frameb.html          |     1 +
 layout/reftests/bugs/381746-1-ref.html             |    15 +
 layout/reftests/bugs/381746-1.html                 |    23 +
 layout/reftests/bugs/382600-1-ref.html             |     7 +
 layout/reftests/bugs/382600-1.html                 |    12 +
 layout/reftests/bugs/382916-1-ref.html             |     9 +
 layout/reftests/bugs/382916-1.html                 |     9 +
 layout/reftests/bugs/383035-1.html                 |    18 +
 layout/reftests/bugs/383035-2.html                 |    14 +
 layout/reftests/bugs/383488-1-ref.html             |    28 +
 layout/reftests/bugs/383488-1.html                 |    53 +
 layout/reftests/bugs/383551-1-ref.html             |     6 +
 layout/reftests/bugs/383551-1.html                 |     6 +
 layout/reftests/bugs/383883-1-ref.html             |    10 +
 layout/reftests/bugs/383883-1.html                 |    10 +
 layout/reftests/bugs/383883-2-ref.html             |    18 +
 layout/reftests/bugs/383883-2.html                 |    18 +
 layout/reftests/bugs/383883-3-ref.html             |     9 +
 layout/reftests/bugs/383883-3.html                 |     9 +
 layout/reftests/bugs/383883-4-ref.html             |    17 +
 layout/reftests/bugs/383883-4.html                 |    17 +
 layout/reftests/bugs/383884-1-ref.html             |     9 +
 layout/reftests/bugs/383884-1.html                 |     9 +
 layout/reftests/bugs/383885-1-ref.html             |     7 +
 layout/reftests/bugs/383885-1.html                 |     7 +
 layout/reftests/bugs/384322-1-ref.html             |    55 +
 layout/reftests/bugs/384322-1.html                 |    55 +
 layout/reftests/bugs/384576-1-ref.html             |    15 +
 layout/reftests/bugs/384576-1.html                 |    16 +
 layout/reftests/bugs/384762-1.html                 |     1 +
 layout/reftests/bugs/384876-1-ref.html             |    37 +
 layout/reftests/bugs/384876-1.html                 |    41 +
 layout/reftests/bugs/385533-1.html                 |    16 +
 layout/reftests/bugs/385569-1-ref.html             |    19 +
 layout/reftests/bugs/385569-1a.html                |    27 +
 layout/reftests/bugs/385569-1b.html                |    27 +
 layout/reftests/bugs/385607-1-ref.html             |     7 +
 layout/reftests/bugs/385607-1.html                 |    16 +
 layout/reftests/bugs/385823-1-ref.html             |    11 +
 layout/reftests/bugs/385823-1.html                 |    11 +
 layout/reftests/bugs/385823-2-ref.html             |     9 +
 layout/reftests/bugs/385823-2a.html                |     9 +
 layout/reftests/bugs/385823-2b.html                |    14 +
 layout/reftests/bugs/385823-2c.html                |    15 +
 layout/reftests/bugs/385870-1-ref.html             |    51 +
 layout/reftests/bugs/385870-1.html                 |    55 +
 layout/reftests/bugs/385870-2-ref.html             |    51 +
 layout/reftests/bugs/385870-2.html                 |    55 +
 layout/reftests/bugs/386014-1-ref.html             |    12 +
 layout/reftests/bugs/386014-1a.html                |    25 +
 layout/reftests/bugs/386014-1b.html                |    26 +
 layout/reftests/bugs/386014-1c.html                |    13 +
 layout/reftests/bugs/386065-1-ref.html             |    17 +
 layout/reftests/bugs/386065-1.html                 |    17 +
 layout/reftests/bugs/386065-2.html                 |    12 +
 layout/reftests/bugs/386147-1-ref.html             |     6 +
 layout/reftests/bugs/386147-1.html                 |     6 +
 layout/reftests/bugs/386310-1-ref.html             |     6 +
 layout/reftests/bugs/386310-1a.html                |     9 +
 layout/reftests/bugs/386310-1b-shadow.html         |    23 +
 layout/reftests/bugs/386310-1c-shadow.html         |    23 +
 layout/reftests/bugs/386310-1d-shadow.html         |    25 +
 layout/reftests/bugs/386310-script.js              |    12 +
 layout/reftests/bugs/386401-1-ref.html             |    31 +
 layout/reftests/bugs/386401-1.html                 |    45 +
 layout/reftests/bugs/386401-2-ref.html             |    32 +
 layout/reftests/bugs/386401-2.html                 |    48 +
 layout/reftests/bugs/386401-3-ref.html             |    40 +
 layout/reftests/bugs/386401-3.html                 |    53 +
 layout/reftests/bugs/386470-1-ref.html             |     7 +
 layout/reftests/bugs/386470-1a.html                |     7 +
 layout/reftests/bugs/386470-1b.html                |     7 +
 layout/reftests/bugs/386470-1c.html                |     7 +
 layout/reftests/bugs/386920-1-ref.html             |     6 +
 layout/reftests/bugs/386920-1.html                 |     6 +
 layout/reftests/bugs/387201-1-ref.html             |    21 +
 layout/reftests/bugs/387201-1.html                 |    21 +
 layout/reftests/bugs/387201-2.html                 |    18 +
 layout/reftests/bugs/387201-3.html                 |    15 +
 layout/reftests/bugs/387227-1-ref.html             |     8 +
 layout/reftests/bugs/387227-1.html                 |    16 +
 layout/reftests/bugs/387227-2-ref.html             |     7 +
 layout/reftests/bugs/387227-2.html                 |    16 +
 layout/reftests/bugs/387344-1-ref.html             |    17 +
 layout/reftests/bugs/387344-1.html                 |    19 +
 layout/reftests/bugs/387876-1-ref.html             |    16 +
 layout/reftests/bugs/387876-1.html                 |    22 +
 layout/reftests/bugs/387876-2-ref.html             |    13 +
 layout/reftests/bugs/387876-2.html                 |    19 +
 layout/reftests/bugs/387876-3-ref.html             |    10 +
 layout/reftests/bugs/387876-3a.html                |    19 +
 layout/reftests/bugs/387876-3b.html                |    28 +
 layout/reftests/bugs/388026-1-ref.html             |     4 +
 layout/reftests/bugs/388026-1.html                 |     4 +
 layout/reftests/bugs/389074-1-ref.html             |     8 +
 layout/reftests/bugs/389074-1.html                 |     7 +
 layout/reftests/bugs/389224-1-ref.html             |     7 +
 layout/reftests/bugs/389224-1.html                 |    16 +
 layout/reftests/bugs/389224-2.html                 |    16 +
 layout/reftests/bugs/389468-1-ref.html             |    20 +
 layout/reftests/bugs/389468-1.html                 |    28 +
 layout/reftests/bugs/389623-1-ref.html             |    25 +
 layout/reftests/bugs/389623-1.html                 |    25 +
 layout/reftests/bugs/389636-1.html                 |    31 +
 layout/reftests/bugs/389924-1-ref.html             |     7 +
 layout/reftests/bugs/389924-1a.html                |    20 +
 layout/reftests/bugs/389924-1b.html                |    21 +
 layout/reftests/bugs/390318-1-ref.html             |     9 +
 layout/reftests/bugs/390318-1a.html                |     9 +
 layout/reftests/bugs/390318-1b.html                |     9 +
 layout/reftests/bugs/390318-1c.html                |     9 +
 layout/reftests/bugs/390318-1d.html                |     9 +
 layout/reftests/bugs/390318-1e.html                |     9 +
 layout/reftests/bugs/390318-1f.html                |     9 +
 layout/reftests/bugs/391045-ref.html               |    19 +
 layout/reftests/bugs/391045.html                   |    16 +
 layout/reftests/bugs/391140-1-ref.html             |    13 +
 layout/reftests/bugs/391140-1.html                 |     7 +
 layout/reftests/bugs/391412-1-ref.html             |     8 +
 layout/reftests/bugs/391412-1a.html                |    11 +
 layout/reftests/bugs/391412-1b.html                |    11 +
 layout/reftests/bugs/391909-1-ref.html             |    14 +
 layout/reftests/bugs/391909-1.html                 |     8 +
 layout/reftests/bugs/391979-ref.html               |    20 +
 layout/reftests/bugs/391979.html                   |    38 +
 layout/reftests/bugs/391994-1-ref.html             |     9 +
 layout/reftests/bugs/391994-1.html                 |    13 +
 layout/reftests/bugs/392047-ref.html               |    20 +
 layout/reftests/bugs/392047.html                   |    21 +
 layout/reftests/bugs/392435-1-ref.html             |    23 +
 layout/reftests/bugs/392435-1.html                 |    23 +
 layout/reftests/bugs/393330-1-ref.html             |    31 +
 layout/reftests/bugs/393330-1.html                 |    32 +
 layout/reftests/bugs/393490-1-ref.html             |    16 +
 layout/reftests/bugs/393490-1.html                 |    20 +
 layout/reftests/bugs/393517-1.xhtml                |    18 +
 layout/reftests/bugs/393649-1-ref.html             |    17 +
 layout/reftests/bugs/393649-1.html                 |    18 +
 layout/reftests/bugs/393655-1-ref.html             |    10 +
 layout/reftests/bugs/393655-1.html                 |    18 +
 layout/reftests/bugs/393655-2-ref.html             |    10 +
 layout/reftests/bugs/393655-2.html                 |    18 +
 layout/reftests/bugs/393655-3-ref.html             |     9 +
 layout/reftests/bugs/393655-3.html                 |    17 +
 layout/reftests/bugs/393655-4-ref.html             |     9 +
 layout/reftests/bugs/393655-4.html                 |    17 +
 layout/reftests/bugs/393655-5-ref.html             |     9 +
 layout/reftests/bugs/393655-5.html                 |    17 +
 layout/reftests/bugs/393671-1-ref.html             |     9 +
 layout/reftests/bugs/393671-1.html                 |    21 +
 layout/reftests/bugs/393671-2-ref.html             |     9 +
 layout/reftests/bugs/393671-2.html                 |    21 +
 layout/reftests/bugs/393671-3-ref.html             |     9 +
 layout/reftests/bugs/393671-3.html                 |    21 +
 layout/reftests/bugs/394111-1.html                 |    18 +
 layout/reftests/bugs/394534-1-ref.html             |     7 +
 layout/reftests/bugs/394534-1.html                 |     8 +
 layout/reftests/bugs/395107-1-ref.html             |    13 +
 layout/reftests/bugs/395107-1.html                 |    20 +
 layout/reftests/bugs/395107-2-ref.html             |    13 +
 layout/reftests/bugs/395107-2.html                 |    20 +
 layout/reftests/bugs/395107-3-ref.html             |     9 +
 layout/reftests/bugs/395107-3.html                 |    10 +
 layout/reftests/bugs/395107-4-ref.html             |     9 +
 layout/reftests/bugs/395107-4.html                 |    10 +
 layout/reftests/bugs/395107-5-ref.html             |     9 +
 layout/reftests/bugs/395107-5.html                 |    10 +
 layout/reftests/bugs/395130-1-ref.html             |    11 +
 layout/reftests/bugs/395130-1.html                 |    14 +
 layout/reftests/bugs/395130-2-ref.html             |    14 +
 layout/reftests/bugs/395130-2.html                 |    15 +
 layout/reftests/bugs/395390-1-ref.html             |     5 +
 layout/reftests/bugs/395390-1.html                 |    14 +
 layout/reftests/bugs/397428-1-ref.html             |     6 +
 layout/reftests/bugs/397428-1.html                 |     8 +
 layout/reftests/bugs/397844-1-ref.xhtml            |    13 +
 layout/reftests/bugs/397844-1.xhtml                |    13 +
 layout/reftests/bugs/398092-1-ref.html             |    18 +
 layout/reftests/bugs/398092-1.html                 |    18 +
 layout/reftests/bugs/398101-1-ref.html             |    13 +
 layout/reftests/bugs/398101-1.html                 |    22 +
 layout/reftests/bugs/398144-1-ref.html             |     9 +
 layout/reftests/bugs/398144-1.html                 |    10 +
 layout/reftests/bugs/398682-1-ref.html             |    17 +
 layout/reftests/bugs/398682-1.html                 |    62 +
 layout/reftests/bugs/398797-1-ref.html             |    12 +
 layout/reftests/bugs/398797-1a.html                |    11 +
 layout/reftests/bugs/398797-1b.html                |    11 +
 layout/reftests/bugs/398797-1c.html                |    11 +
 layout/reftests/bugs/398797-1d.html                |    11 +
 layout/reftests/bugs/398797-style.css              |    13 +
 layout/reftests/bugs/399209-1-ref.html             |    15 +
 layout/reftests/bugs/399209-1.html                 |    25 +
 layout/reftests/bugs/399209-2-ref.html             |    15 +
 layout/reftests/bugs/399209-2.html                 |    25 +
 layout/reftests/bugs/399258-1-ref.html             |     6 +
 layout/reftests/bugs/399258-1.html                 |     9 +
 layout/reftests/bugs/399384-1-ref.html             |    16 +
 layout/reftests/bugs/399384-1.html                 |    21 +
 layout/reftests/bugs/399636-quirks-css.html        |    23 +
 layout/reftests/bugs/399636-quirks-html.html       |    20 +
 layout/reftests/bugs/399636-quirks-ref.html        |    22 +
 layout/reftests/bugs/399636-standards-css.html     |    25 +
 layout/reftests/bugs/399636-standards-html.html    |    22 +
 layout/reftests/bugs/399636-standards-ref.html     |    24 +
 layout/reftests/bugs/400081-1.html                 |     5 +
 layout/reftests/bugs/400171-1-ref.html             |    15 +
 layout/reftests/bugs/400171-1a.html                |    23 +
 layout/reftests/bugs/400171-1b.html                |    22 +
 layout/reftests/bugs/400171-1c.html                |    24 +
 layout/reftests/bugs/400171-2-ref.html             |    15 +
 layout/reftests/bugs/400171-2a.html                |    23 +
 layout/reftests/bugs/400171-2b.html                |    22 +
 layout/reftests/bugs/400171-2c.html                |    24 +
 layout/reftests/bugs/400421-1-ref.html             |     5 +
 layout/reftests/bugs/400421-1.html                 |    20 +
 layout/reftests/bugs/400813-1-ref.html             |     7 +
 layout/reftests/bugs/400813-1.html                 |     7 +
 layout/reftests/bugs/400826-1-ref.html             |     7 +
 layout/reftests/bugs/400826-1.html                 |    14 +
 layout/reftests/bugs/401121-1-ref.html             |    11 +
 layout/reftests/bugs/401121-1.html                 |    12 +
 layout/reftests/bugs/401121-2-ref.html             |    13 +
 layout/reftests/bugs/401121-2.html                 |    15 +
 layout/reftests/bugs/401361-frame.html             |     7 +
 layout/reftests/bugs/401946-1.xhtml                |     4 +
 layout/reftests/bugs/402338-1-ref.html             |    12 +
 layout/reftests/bugs/402338-1.html                 |    12 +
 layout/reftests/bugs/402567-1-ref.html             |    19 +
 layout/reftests/bugs/402567-1.html                 |    19 +
 layout/reftests/bugs/402567-2-ref.html             |    20 +
 layout/reftests/bugs/402567-2.html                 |    16 +
 layout/reftests/bugs/402567-3-ref.html             |    25 +
 layout/reftests/bugs/402567-3.html                 |    19 +
 layout/reftests/bugs/402567-4-ref.html             |    26 +
 layout/reftests/bugs/402567-4.html                 |    20 +
 layout/reftests/bugs/402629-1-iframe.html          |    26 +
 layout/reftests/bugs/402629-1-ref.html             |     7 +
 layout/reftests/bugs/402629-1.html                 |    17 +
 layout/reftests/bugs/402629-2-iframe.html          |    21 +
 layout/reftests/bugs/402629-2-ref.html             |     7 +
 layout/reftests/bugs/402629-2.html                 |    17 +
 layout/reftests/bugs/402629-3-iframe.html          |    22 +
 layout/reftests/bugs/402629-3-ref.html             |     7 +
 layout/reftests/bugs/402629-3.html                 |    17 +
 layout/reftests/bugs/402807-1-ref.html             |    21 +
 layout/reftests/bugs/402807-1.html                 |    21 +
 layout/reftests/bugs/402940-1-ref.html             |    19 +
 layout/reftests/bugs/402940-1.html                 |    19 +
 layout/reftests/bugs/402940-1b.html                |    20 +
 layout/reftests/bugs/402940-2-notref.html          |    19 +
 layout/reftests/bugs/402940-2.html                 |    19 +
 layout/reftests/bugs/402940-3-notref.html          |    19 +
 layout/reftests/bugs/402940-3.html                 |    19 +
 layout/reftests/bugs/402950-1-ref.html             |    15 +
 layout/reftests/bugs/402950-1.html                 |    21 +
 layout/reftests/bugs/403129-1-ref.html             |     8 +
 layout/reftests/bugs/403129-1.html                 |     8 +
 layout/reftests/bugs/403129-2-ref.html             |     8 +
 layout/reftests/bugs/403129-2.html                 |     8 +
 layout/reftests/bugs/403129-3-ref.html             |     8 +
 layout/reftests/bugs/403129-3.html                 |     8 +
 layout/reftests/bugs/403129-4-ref.html             |     8 +
 layout/reftests/bugs/403129-4.html                 |     8 +
 layout/reftests/bugs/403134-1-ref.html             |     8 +
 layout/reftests/bugs/403134-1.html                 |    16 +
 layout/reftests/bugs/403181-1-ref.xml              |    10 +
 layout/reftests/bugs/403181-1.xml                  |    12 +
 layout/reftests/bugs/403249-1-ref.html             |    20 +
 layout/reftests/bugs/403249-1a.html                |    27 +
 layout/reftests/bugs/403249-1b.html                |    27 +
 layout/reftests/bugs/403249-2-ref.html             |    16 +
 layout/reftests/bugs/403249-2a.html                |    27 +
 layout/reftests/bugs/403249-2b.html                |    27 +
 layout/reftests/bugs/403328-1-ref.html             |    45 +
 layout/reftests/bugs/403328-1.html                 |   115 +
 layout/reftests/bugs/403426-1-ref.html             |     8 +
 layout/reftests/bugs/403426-1.html                 |     9 +
 layout/reftests/bugs/403455-1-ref.html             |    12 +
 layout/reftests/bugs/403455-1.html                 |    14 +
 layout/reftests/bugs/403505-1-ref.xhtml            |     1 +
 layout/reftests/bugs/403505-1.xml                  |    13 +
 layout/reftests/bugs/403519-1-ref.html             |    15 +
 layout/reftests/bugs/403519-1.html                 |    15 +
 layout/reftests/bugs/403519-2-ref.html             |    29 +
 layout/reftests/bugs/403519-2.html                 |    29 +
 layout/reftests/bugs/403656-1-ref.html             |    14 +
 layout/reftests/bugs/403656-1.html                 |    19 +
 layout/reftests/bugs/403656-2-ref.html             |    16 +
 layout/reftests/bugs/403656-2.html                 |    21 +
 layout/reftests/bugs/403656-3-ref.html             |    17 +
 layout/reftests/bugs/403656-3.html                 |    22 +
 layout/reftests/bugs/403656-4-ref.html             |    16 +
 layout/reftests/bugs/403656-4.html                 |    21 +
 layout/reftests/bugs/403656-5-ref.html             |    16 +
 layout/reftests/bugs/403656-5.html                 |    21 +
 layout/reftests/bugs/403657-1-ref.html             |    10 +
 layout/reftests/bugs/403657-1.html                 |    10 +
 layout/reftests/bugs/404030-1-notref.html          |    27 +
 layout/reftests/bugs/404030-1-notref2.html         |    29 +
 layout/reftests/bugs/404030-1-ref.html             |    27 +
 layout/reftests/bugs/404030-1.html                 |    27 +
 layout/reftests/bugs/404123-1-ref.html             |    10 +
 layout/reftests/bugs/404123-1.html                 |     9 +
 layout/reftests/bugs/404123-2-ref.html             |    10 +
 layout/reftests/bugs/404123-2.html                 |     9 +
 layout/reftests/bugs/404123-3-ref.html             |    10 +
 layout/reftests/bugs/404123-3.html                 |    12 +
 layout/reftests/bugs/404149-1-ref.xhtml            |    19 +
 layout/reftests/bugs/404149-1.xhtml                |    19 +
 layout/reftests/bugs/404180-1-ref.html             |     6 +
 layout/reftests/bugs/404180-1.html                 |     6 +
 layout/reftests/bugs/404301-1-ref.html             |    25 +
 layout/reftests/bugs/404301-1.html                 |    32 +
 layout/reftests/bugs/404309-1-ref.html             |    20 +
 layout/reftests/bugs/404309-1a.html                |    27 +
 layout/reftests/bugs/404309-1b.html                |    27 +
 layout/reftests/bugs/404553-1-ref.html             |     1 +
 layout/reftests/bugs/404553-1.html                 |     1 +
 layout/reftests/bugs/404666-1-ref.html             |    19 +
 layout/reftests/bugs/404666-1.html                 |    25 +
 layout/reftests/bugs/404666-2-ref.html             |    15 +
 layout/reftests/bugs/404666-2.html                 |    26 +
 layout/reftests/bugs/405305-1-ref.html             |     9 +
 layout/reftests/bugs/405305-1.html                 |     9 +
 layout/reftests/bugs/405380-1-ref.html             |     7 +
 layout/reftests/bugs/405380-1.html                 |     8 +
 layout/reftests/bugs/405517-1-ref.xhtml            |     7 +
 layout/reftests/bugs/405517-1.xhtml                |    15 +
 layout/reftests/bugs/405577-1-ref.html             |    32 +
 layout/reftests/bugs/405577-1.html                 |    32 +
 layout/reftests/bugs/405584-1-ref.html             |     5 +
 layout/reftests/bugs/405584-1.html                 |    12 +
 layout/reftests/bugs/405952-1-ref.html             |    42 +
 layout/reftests/bugs/405952-1.html                 |    48 +
 layout/reftests/bugs/40596-1-ref.html              |    16 +
 layout/reftests/bugs/40596-1a.html                 |    16 +
 layout/reftests/bugs/40596-1b.html                 |    16 +
 layout/reftests/bugs/40596-1c.html                 |    18 +
 layout/reftests/bugs/40596-1d.html                 |    18 +
 layout/reftests/bugs/40596-1e.html                 |    17 +
 layout/reftests/bugs/40596-1f.html                 |    17 +
 layout/reftests/bugs/40596-1g.html                 |    18 +
 layout/reftests/bugs/40596-1h.html                 |    18 +
 layout/reftests/bugs/40596-1i.html                 |    18 +
 layout/reftests/bugs/40596-1j.html                 |    18 +
 layout/reftests/bugs/406484-1-ref.html             |    14 +
 layout/reftests/bugs/406484-1.html                 |    20 +
 layout/reftests/bugs/406568-1-ref.html             |    11 +
 layout/reftests/bugs/406568-1.html                 |    13 +
 layout/reftests/bugs/407016-1-a.html               |     9 +
 layout/reftests/bugs/407016-1-b.html               |     9 +
 layout/reftests/bugs/407016-1-ref.html             |     7 +
 layout/reftests/bugs/407078-1-ref.html             |    21 +
 layout/reftests/bugs/407078-1.html                 |    22 +
 layout/reftests/bugs/407095-1-ref.html             |     9 +
 layout/reftests/bugs/407095-1.html                 |     9 +
 layout/reftests/bugs/407111-1-ref.html             |    10 +
 layout/reftests/bugs/407111-1.html                 |    10 +
 layout/reftests/bugs/407227-1-ref.html             |    13 +
 layout/reftests/bugs/407227-1.html                 |    13 +
 layout/reftests/bugs/407243-1-ref.html             |    67 +
 layout/reftests/bugs/407243-1.html                 |    73 +
 layout/reftests/bugs/407419-1-ref.html             |    10 +
 layout/reftests/bugs/407419-1.html                 |    10 +
 layout/reftests/bugs/407937-1-ref.html             |     5 +
 layout/reftests/bugs/407937-1.html                 |     5 +
 layout/reftests/bugs/408493-1.html                 |    16 +
 layout/reftests/bugs/408493-2-ref.html             |    14 +
 layout/reftests/bugs/408493-2.html                 |    16 +
 layout/reftests/bugs/408656-1-ref.html             |    16 +
 layout/reftests/bugs/408656-1a.html                |    22 +
 layout/reftests/bugs/408656-1b.html                |    25 +
 layout/reftests/bugs/408656-1c.html                |    21 +
 layout/reftests/bugs/408782-1-ref.html             |     9 +
 layout/reftests/bugs/408782-1a.html                |     9 +
 layout/reftests/bugs/408782-1b.html                |     9 +
 layout/reftests/bugs/408782-2-ref.html             |     5 +
 layout/reftests/bugs/408782-2a.html                |     5 +
 layout/reftests/bugs/408782-2b.html                |     9 +
 layout/reftests/bugs/409084-1-ref.html             |    15 +
 layout/reftests/bugs/409084-1a.html                |    20 +
 layout/reftests/bugs/409084-1b.html                |    21 +
 layout/reftests/bugs/409659-1-ref.html             |     6 +
 layout/reftests/bugs/409659-1a.html                |     7 +
 layout/reftests/bugs/409659-1b.html                |     6 +
 layout/reftests/bugs/409659-1c.html                |     6 +
 layout/reftests/bugs/409659-1d.html                |     9 +
 layout/reftests/bugs/410621-1-ref.html             |    71 +
 layout/reftests/bugs/410621-1.html                 |    71 +
 layout/reftests/bugs/411059-1-ref.html             |    42 +
 layout/reftests/bugs/411059-1.html                 |    44 +
 layout/reftests/bugs/411334-1-ref.xml              |     7 +
 layout/reftests/bugs/411334-1.xml                  |     7 +
 layout/reftests/bugs/411585-1-ref.html             |     7 +
 layout/reftests/bugs/411585-1.html                 |     7 +
 layout/reftests/bugs/411585-2-ref.html             |     7 +
 layout/reftests/bugs/411585-2.html                 |     9 +
 layout/reftests/bugs/411585-3-ref.html             |     7 +
 layout/reftests/bugs/411585-3.html                 |     9 +
 layout/reftests/bugs/411792-1-ref.html             |     6 +
 layout/reftests/bugs/411792-1.html                 |     7 +
 layout/reftests/bugs/412093-1-ref.html             |    49 +
 layout/reftests/bugs/412093-1.html                 |    30 +
 layout/reftests/bugs/412352-1-ref.html             |     9 +
 layout/reftests/bugs/412352-1.html                 |    14 +
 layout/reftests/bugs/412352-2-ref.html             |     9 +
 layout/reftests/bugs/412352-2.html                 |    14 +
 layout/reftests/bugs/412607-1-ref.html             |    27 +
 layout/reftests/bugs/412607-1a.html                |    27 +
 layout/reftests/bugs/412607-1b.html                |    27 +
 layout/reftests/bugs/412679-1-ref.html             |    51 +
 layout/reftests/bugs/412679-1.html                 |    55 +
 layout/reftests/bugs/412679-2-ref.html             |    51 +
 layout/reftests/bugs/412679-2.html                 |    55 +
 layout/reftests/bugs/413027-2-ref.html             |    12 +
 layout/reftests/bugs/413027-2.html                 |    12 +
 layout/reftests/bugs/413027-3-ref.html             |    10 +
 layout/reftests/bugs/413027-3.html                 |    10 +
 layout/reftests/bugs/413286-1-ref.html             |    89 +
 layout/reftests/bugs/413286-1a.html                |   108 +
 layout/reftests/bugs/413286-1b.html                |   108 +
 layout/reftests/bugs/413286-1c.html                |   108 +
 layout/reftests/bugs/413286-2-ref.html             |    66 +
 layout/reftests/bugs/413286-2a.html                |    67 +
 layout/reftests/bugs/413286-2b.html                |    68 +
 layout/reftests/bugs/413286-2c.html                |    67 +
 layout/reftests/bugs/413286-3-ref.html             |    66 +
 layout/reftests/bugs/413286-3.html                 |    67 +
 layout/reftests/bugs/413286-4-ref.html             |    66 +
 layout/reftests/bugs/413286-4a.html                |    66 +
 layout/reftests/bugs/413286-4b.html                |    70 +
 layout/reftests/bugs/413286-5-ref.html             |    68 +
 layout/reftests/bugs/413286-5.html                 |    68 +
 layout/reftests/bugs/413286-6-ref.html             |    48 +
 layout/reftests/bugs/413286-6.html                 |    51 +
 layout/reftests/bugs/413292-1-ref.html             |    11 +
 layout/reftests/bugs/413292-1.html                 |    49 +
 layout/reftests/bugs/413361-1-ref.html             |    13 +
 layout/reftests/bugs/413361-1.html                 |    15 +
 .../bugs/413840-background-unchanged-ref.html      |    36 +
 .../reftests/bugs/413840-background-unchanged.html |    38 +
 .../bugs/413840-bullet-first-line-ref.html         |    20 +
 layout/reftests/bugs/413840-bullet-first-line.html |    19 +
 layout/reftests/bugs/413840-ltr-offsets-ref.html   |    30 +
 layout/reftests/bugs/413840-ltr-offsets.html       |    38 +
 .../bugs/413840-pushed-line-bullet-ref.html        |    22 +
 .../reftests/bugs/413840-pushed-line-bullet.html   |    23 +
 layout/reftests/bugs/413840-rtl-offsets-ref.html   |    31 +
 layout/reftests/bugs/413840-rtl-offsets.html       |    39 +
 layout/reftests/bugs/413982-ref.html               |    10 +
 layout/reftests/bugs/413982.html                   |    25 +
 layout/reftests/bugs/414638-ref.html               |    27 +
 layout/reftests/bugs/414638.html                   |    33 +
 layout/reftests/bugs/414851-1-ref.html             |    15 +
 layout/reftests/bugs/414851-1.html                 |    15 +
 layout/reftests/bugs/416106-1-ref.xhtml            |    19 +
 layout/reftests/bugs/416106-1.xhtml                |    56 +
 layout/reftests/bugs/416752-1-ref.html             |    15 +
 layout/reftests/bugs/416752-1.html                 |    17 +
 layout/reftests/bugs/417178-1-ref.html             |    14 +
 layout/reftests/bugs/417178-1.html                 |    14 +
 layout/reftests/bugs/417246-1-ref.html             |    13 +
 layout/reftests/bugs/417246-1.html                 |    14 +
 layout/reftests/bugs/417676-ref.html               |    18 +
 layout/reftests/bugs/417676.html                   |     9 +
 layout/reftests/bugs/418574-1-ref.html             |    25 +
 layout/reftests/bugs/418574-1.html                 |    25 +
 layout/reftests/bugs/418574-2-ref.html             |    23 +
 layout/reftests/bugs/418574-2.html                 |    23 +
 layout/reftests/bugs/418766-1-ref.html             |     5 +
 layout/reftests/bugs/418766-1a.html                |    16 +
 layout/reftests/bugs/418766-1b.html                |     6 +
 layout/reftests/bugs/419060-ref.html               |    34 +
 layout/reftests/bugs/419060.html                   |    38 +
 layout/reftests/bugs/419285-1-ref.html             |     7 +
 layout/reftests/bugs/419285-1.html                 |    12 +
 layout/reftests/bugs/419531-1-ref.html             |    14 +
 layout/reftests/bugs/419531-1.html                 |    18 +
 layout/reftests/bugs/420069-1-ref.html             |    47 +
 layout/reftests/bugs/420069-1.html                 |    56 +
 layout/reftests/bugs/420069-2-ref.html             |    47 +
 layout/reftests/bugs/420069-2.html                 |    56 +
 layout/reftests/bugs/420351-1-ref.html             |    17 +
 layout/reftests/bugs/420351-1.html                 |    19 +
 layout/reftests/bugs/421069-ref.html               |   163 +
 layout/reftests/bugs/421069-ref2.html              |   191 +
 layout/reftests/bugs/421069.html                   |   163 +
 layout/reftests/bugs/421203-1-ref.html             |     6 +
 layout/reftests/bugs/421203-1.xhtml                |     4 +
 layout/reftests/bugs/421203-2.xhtml                |     4 +
 layout/reftests/bugs/421203-3.xhtml                |     7 +
 layout/reftests/bugs/421203-4.xhtml                |    24 +
 layout/reftests/bugs/421203-5.xhtml                |    23 +
 layout/reftests/bugs/421203-6.xhtml                |    23 +
 layout/reftests/bugs/421234-1-ref.html             |     7 +
 layout/reftests/bugs/421234-1.html                 |     7 +
 layout/reftests/bugs/421239-1-ref.html             |    12 +
 layout/reftests/bugs/421239-1.html                 |    20 +
 layout/reftests/bugs/421239-2-ref.html             |    12 +
 layout/reftests/bugs/421239-2.html                 |    20 +
 layout/reftests/bugs/421419-1-ref.html             |    14 +
 layout/reftests/bugs/421419-1.html                 |    14 +
 layout/reftests/bugs/421436-1-ref.html             |    11 +
 layout/reftests/bugs/421436-1a.html                |     7 +
 layout/reftests/bugs/421436-1b.html                |     6 +
 layout/reftests/bugs/421632-1-ref.html             |    52 +
 layout/reftests/bugs/421632-1.html                 |    66 +
 layout/reftests/bugs/421710-1.html                 |   226 +
 layout/reftests/bugs/421885-1-ref.xml              |    27 +
 layout/reftests/bugs/421885-1.xml                  |    33 +
 layout/reftests/bugs/421955-1-ref.html             |     7 +
 layout/reftests/bugs/421955-1.html                 |     9 +
 layout/reftests/bugs/422249-1-ref.html             |    20 +
 layout/reftests/bugs/422249-1.html                 |    18 +
 layout/reftests/bugs/422394-1-ref.html             |     6 +
 layout/reftests/bugs/422394-1.html                 |     6 +
 layout/reftests/bugs/422678-1-ref.html             |    12 +
 layout/reftests/bugs/422678-1.html                 |    12 +
 layout/reftests/bugs/423130-1-ref.html             |    14 +
 layout/reftests/bugs/423130-1.html                 |    21 +
 layout/reftests/bugs/423385-1-ref.html             |    11 +
 layout/reftests/bugs/423385-1.html                 |    16 +
 layout/reftests/bugs/423599-1-ref.html             |    11 +
 layout/reftests/bugs/423599-1.html                 |    14 +
 layout/reftests/bugs/423676-1-ref.html             |    20 +
 layout/reftests/bugs/423676-1.html                 |    23 +
 layout/reftests/bugs/423823-1-ref.html             |    10 +
 layout/reftests/bugs/423823-1.html                 |    16 +
 layout/reftests/bugs/424074-1-ref.xhtml            |    11 +
 layout/reftests/bugs/424074-1-ref2.xhtml           |    11 +
 layout/reftests/bugs/424074-1-ref3.xhtml           |    11 +
 layout/reftests/bugs/424074-1.xhtml                |     7 +
 layout/reftests/bugs/424236-1-ref.html             |    19 +
 layout/reftests/bugs/424236-1.html                 |    20 +
 layout/reftests/bugs/424236-10-ref.html            |    18 +
 layout/reftests/bugs/424236-10.html                |    20 +
 layout/reftests/bugs/424236-11.html                |    23 +
 layout/reftests/bugs/424236-2-ref.html             |    22 +
 layout/reftests/bugs/424236-2.html                 |    20 +
 layout/reftests/bugs/424236-3-ref.html             |    22 +
 layout/reftests/bugs/424236-3.html                 |    21 +
 layout/reftests/bugs/424236-4-ref.html             |    21 +
 layout/reftests/bugs/424236-4.html                 |    21 +
 layout/reftests/bugs/424236-5-ref.html             |    22 +
 layout/reftests/bugs/424236-5.html                 |    23 +
 layout/reftests/bugs/424236-6-ref.html             |    23 +
 layout/reftests/bugs/424236-6.html                 |    21 +
 layout/reftests/bugs/424236-7-ref.html             |    21 +
 layout/reftests/bugs/424236-7.html                 |    20 +
 layout/reftests/bugs/424236-8-ref.html             |    25 +
 layout/reftests/bugs/424236-8.html                 |    23 +
 layout/reftests/bugs/424236-9-ref.html             |    25 +
 layout/reftests/bugs/424236-9.html                 |    24 +
 layout/reftests/bugs/424434-1-ref.html             |    10 +
 layout/reftests/bugs/424434-1.html                 |    10 +
 layout/reftests/bugs/424465-1-ref.html             |    35 +
 layout/reftests/bugs/424465-1.html                 |    52 +
 layout/reftests/bugs/424631-1-ref.html             |    10 +
 layout/reftests/bugs/424631-1.html                 |    10 +
 layout/reftests/bugs/424710-1-ref.html             |     5 +
 layout/reftests/bugs/424710-1.html                 |     6 +
 layout/reftests/bugs/424766-1-ref.html             |    29 +
 layout/reftests/bugs/424766-1.html                 |    45 +
 layout/reftests/bugs/425972-1-ref.html             |    14 +
 layout/reftests/bugs/425972-1.html                 |    15 +
 layout/reftests/bugs/425972-2-ref.html             |    14 +
 layout/reftests/bugs/425972-2.html                 |    15 +
 layout/reftests/bugs/426629-1-ref.html             |    18 +
 layout/reftests/bugs/426629-1.html                 |    19 +
 layout/reftests/bugs/427017-1.xhtml                |    13 +
 layout/reftests/bugs/427129-image.html             |   213 +
 layout/reftests/bugs/427129-ref.html               |   148 +
 layout/reftests/bugs/427129-scrollframe.html       |   214 +
 layout/reftests/bugs/427129-table-caption-ref.html |   174 +
 layout/reftests/bugs/427129-table-caption.html     |   248 +
 layout/reftests/bugs/427129-table.html             |   216 +
 layout/reftests/bugs/427370-1-ref.html             |   155 +
 layout/reftests/bugs/427370-1.html                 |   155 +
 layout/reftests/bugs/427730-1-ref.html             |     5 +
 layout/reftests/bugs/427730-1.html                 |     5 +
 layout/reftests/bugs/428278-iframe.html            |    10 +
 layout/reftests/bugs/428278-ref.html               |     9 +
 layout/reftests/bugs/428278.html                   |    18 +
 layout/reftests/bugs/428423-1-ref.html             |    10 +
 layout/reftests/bugs/428423-1a.html                |    18 +
 layout/reftests/bugs/428423-1b.html                |    17 +
 layout/reftests/bugs/428521-1-ref.html             |    28 +
 layout/reftests/bugs/428521-1a.html                |    28 +
 layout/reftests/bugs/428521-1b.html                |    28 +
 layout/reftests/bugs/428521-1c.html                |    28 +
 layout/reftests/bugs/428810-1-ltr-insets-ref.html  |    10 +
 layout/reftests/bugs/428810-1-ltr-ref.html         |    11 +
 layout/reftests/bugs/428810-1-rtl-insets-ref.html  |    11 +
 layout/reftests/bugs/428810-1-rtl-ref.html         |    11 +
 layout/reftests/bugs/428810-1a-ltr-insets.html     |    12 +
 layout/reftests/bugs/428810-1a-ltr.html            |    13 +
 layout/reftests/bugs/428810-1a-rtl-insets.html     |    13 +
 layout/reftests/bugs/428810-1a-rtl.html            |    13 +
 layout/reftests/bugs/428810-1b-ltr-insets.html     |    12 +
 layout/reftests/bugs/428810-1b-ltr.html            |    13 +
 layout/reftests/bugs/428810-1b-rtl-insets.html     |    13 +
 layout/reftests/bugs/428810-1b-rtl.html            |    13 +
 layout/reftests/bugs/428810-1c-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-1c-ltr.html            |    13 +
 layout/reftests/bugs/428810-1c-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-1c-rtl.html            |    14 +
 layout/reftests/bugs/428810-1d-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-1d-ltr.html            |    13 +
 layout/reftests/bugs/428810-1d-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-1d-rtl.html            |    14 +
 layout/reftests/bugs/428810-2-ltr-insets-ref.html  |    10 +
 layout/reftests/bugs/428810-2-ltr-ref.html         |    11 +
 layout/reftests/bugs/428810-2-rtl-insets-ref.html  |    11 +
 layout/reftests/bugs/428810-2-rtl-ref.html         |    11 +
 layout/reftests/bugs/428810-2a-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-2a-ltr.html            |    14 +
 layout/reftests/bugs/428810-2a-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-2a-rtl.html            |    14 +
 layout/reftests/bugs/428810-2b-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-2b-ltr.html            |    14 +
 layout/reftests/bugs/428810-2b-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-2b-rtl.html            |    14 +
 layout/reftests/bugs/428810-2e-ltr-insets.html     |    14 +
 layout/reftests/bugs/428810-2e-ltr.html            |    14 +
 layout/reftests/bugs/428810-2e-rtl-insets.html     |    15 +
 layout/reftests/bugs/428810-2e-rtl.html            |    15 +
 layout/reftests/bugs/428810-2f-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-2f-ltr.html            |    13 +
 layout/reftests/bugs/428810-2f-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-2f-rtl.html            |    14 +
 layout/reftests/bugs/428810-3-ltr-insets-ref.html  |    10 +
 layout/reftests/bugs/428810-3-ltr-ref.html         |    11 +
 layout/reftests/bugs/428810-3-rtl-insets-ref.html  |    11 +
 layout/reftests/bugs/428810-3-rtl-ref.html         |    11 +
 layout/reftests/bugs/428810-3a-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-3a-ltr.html            |    14 +
 layout/reftests/bugs/428810-3a-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-3a-rtl.html            |    14 +
 layout/reftests/bugs/428810-3b-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-3b-ltr.html            |    14 +
 layout/reftests/bugs/428810-3b-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-3b-rtl.html            |    14 +
 layout/reftests/bugs/428810-3e-ltr-insets.html     |    14 +
 layout/reftests/bugs/428810-3e-ltr.html            |    14 +
 layout/reftests/bugs/428810-3e-rtl-insets.html     |    15 +
 layout/reftests/bugs/428810-3e-rtl.html            |    15 +
 layout/reftests/bugs/428810-3f-ltr-insets.html     |    13 +
 layout/reftests/bugs/428810-3f-ltr.html            |    13 +
 layout/reftests/bugs/428810-3f-rtl-insets.html     |    14 +
 layout/reftests/bugs/428810-3f-rtl.html            |    14 +
 .../reftests/bugs/428810-empty-ltr-insets-ref.html |    11 +
 layout/reftests/bugs/428810-empty-ltr-ref.html     |    11 +
 .../reftests/bugs/428810-empty-rtl-insets-ref.html |    12 +
 layout/reftests/bugs/428810-empty-rtl-ref.html     |    12 +
 layout/reftests/bugs/430412-1-ref.html             |    28 +
 layout/reftests/bugs/430412-1.html                 |    28 +
 layout/reftests/bugs/430813-1-ref.html             |    19 +
 layout/reftests/bugs/430813-1.html                 |    20 +
 layout/reftests/bugs/430813-2-ref.html             |    19 +
 layout/reftests/bugs/430813-2.html                 |    20 +
 layout/reftests/bugs/430813-3-ref.html             |    14 +
 layout/reftests/bugs/430813-3.html                 |    15 +
 layout/reftests/bugs/431341-1-ref.html             |    12 +
 layout/reftests/bugs/431341-1.html                 |    13 +
 layout/reftests/bugs/431341-2-ref.html             |    12 +
 layout/reftests/bugs/431341-2.html                 |    12 +
 layout/reftests/bugs/431520-1-ref.html             |     7 +
 layout/reftests/bugs/431520-1.html                 |    10 +
 layout/reftests/bugs/431948-1-ref.html             |    12 +
 layout/reftests/bugs/431948-1.html                 |    31 +
 layout/reftests/bugs/433640-1-ref.html             |    49 +
 layout/reftests/bugs/433640-1.html                 |    52 +
 layout/reftests/bugs/433700-ref.html               |    95 +
 layout/reftests/bugs/433700.html                   |    88 +
 layout/reftests/bugs/436356-1-ref.html             |     1 +
 layout/reftests/bugs/436356-1.html                 |    13 +
 layout/reftests/bugs/436356-2-ref.html             |     2 +
 layout/reftests/bugs/436356-2.html                 |    14 +
 layout/reftests/bugs/438537-1-ref.html             |    10 +
 layout/reftests/bugs/438537-1.html                 |    18 +
 layout/reftests/bugs/438981-1.xhtml                |    11 +
 layout/reftests/bugs/438987-1-ref.html             |     6 +
 layout/reftests/bugs/438987-1.html                 |     7 +
 layout/reftests/bugs/438987-2-ref.html             |     6 +
 layout/reftests/bugs/438987-2a.html                |     5 +
 layout/reftests/bugs/438987-2b.html                |     5 +
 layout/reftests/bugs/438987-2c.html                |     5 +
 layout/reftests/bugs/439004-1-ref.html             |     6 +
 layout/reftests/bugs/439004-1.html                 |     6 +
 layout/reftests/bugs/439639-1-ref.html             |    25 +
 layout/reftests/bugs/439639-1.html                 |    33 +
 layout/reftests/bugs/439910-ref.html               |    16 +
 layout/reftests/bugs/439910.html                   |    16 +
 layout/reftests/bugs/440112-ref.html               |    21 +
 layout/reftests/bugs/440112.html                   |    20 +
 layout/reftests/bugs/440149-1-ref.html             |    13 +
 layout/reftests/bugs/440149-1.html                 |    13 +
 layout/reftests/bugs/441259-1-ref.html             |    11 +
 layout/reftests/bugs/441259-1.html                 |    12 +
 layout/reftests/bugs/441259-2-ref.html             |     7 +
 layout/reftests/bugs/441259-2.html                 |     7 +
 layout/reftests/bugs/442542-1-ref.html             |     4 +
 layout/reftests/bugs/442542-1.html                 |     4 +
 layout/reftests/bugs/442542-subframe.html          |     8 +
 layout/reftests/bugs/444015-1-ref.html             |     9 +
 layout/reftests/bugs/444015-1.html                 |     9 +
 layout/reftests/bugs/444375-1-ref.html             |    14 +
 layout/reftests/bugs/444375-1.html                 |    16 +
 layout/reftests/bugs/444928-1-ref.html             |    17 +
 layout/reftests/bugs/444928-1.html                 |    17 +
 layout/reftests/bugs/444928-2-ref.html             |    18 +
 layout/reftests/bugs/444928-2.html                 |    17 +
 layout/reftests/bugs/444928-3-ref.html             |    18 +
 layout/reftests/bugs/444928-3.html                 |    17 +
 layout/reftests/bugs/445004-1-ref.html             |     4 +
 layout/reftests/bugs/445004-1.html                 |    31 +
 layout/reftests/bugs/445142-1-ref.html             |   147 +
 layout/reftests/bugs/445142-1a.html                |   149 +
 layout/reftests/bugs/445142-1b.html                |   187 +
 layout/reftests/bugs/445142-1c.html                |   155 +
 layout/reftests/bugs/445142-2-ref.html             |   148 +
 layout/reftests/bugs/445142-2a.html                |   150 +
 layout/reftests/bugs/445142-2b.html                |   188 +
 layout/reftests/bugs/446100-1a.html                |    19 +
 layout/reftests/bugs/446100-1b.html                |    19 +
 layout/reftests/bugs/446100-1c.html                |    19 +
 layout/reftests/bugs/446100-1d.html                |    19 +
 layout/reftests/bugs/446100-1e.html                |    19 +
 layout/reftests/bugs/446100-1f.html                |    19 +
 layout/reftests/bugs/446100-1g.html                |    19 +
 layout/reftests/bugs/446100-1h.html                |    19 +
 layout/reftests/bugs/447749-1-ref.html             |    15 +
 layout/reftests/bugs/447749-1.html                 |    24 +
 layout/reftests/bugs/448193-ref.html               |    18 +
 layout/reftests/bugs/448193.html                   |    18 +
 layout/reftests/bugs/449171-1.html                 |    16 +
 layout/reftests/bugs/449171-ref.html               |    12 +
 layout/reftests/bugs/449362-1-ref.html             |    43 +
 layout/reftests/bugs/449362-1.html                 |    74 +
 layout/reftests/bugs/449519-1-ref.html             |     6 +
 layout/reftests/bugs/449519-1.html                 |     6 +
 layout/reftests/bugs/450670-1-ref.html             |     5 +
 layout/reftests/bugs/450670-1.html                 |     6 +
 layout/reftests/bugs/451168-1-ref.html             |     6 +
 layout/reftests/bugs/451168-1.html                 |    11 +
 layout/reftests/bugs/451876-1-ref.html             |    30 +
 layout/reftests/bugs/451876-1.html                 |    30 +
 layout/reftests/bugs/451876-2-ref.html             |    31 +
 layout/reftests/bugs/451876-2.html                 |    31 +
 layout/reftests/bugs/452915-1-ref.html             |     7 +
 layout/reftests/bugs/452915-1.html                 |     7 +
 layout/reftests/bugs/452964-1-ref.html             |    21 +
 layout/reftests/bugs/452964-1.html                 |    20 +
 layout/reftests/bugs/454361.html                   |     6 +
 layout/reftests/bugs/455105-1.html                 |    28 +
 layout/reftests/bugs/455105-2.html                 |    31 +
 layout/reftests/bugs/455105-ref.html               |    17 +
 layout/reftests/bugs/455171-5-ref.html             |     6 +
 layout/reftests/bugs/455171-5.html                 |     9 +
 layout/reftests/bugs/455280-1-ref.xhtml            |    10 +
 layout/reftests/bugs/455280-1.xhtml                |    16 +
 layout/reftests/bugs/455826-1-ref.html             |     6 +
 layout/reftests/bugs/455826-1.html                 |     4 +
 layout/reftests/bugs/456147-ref.html               |    42 +
 layout/reftests/bugs/456147.css                    |    27 +
 layout/reftests/bugs/456147.xhtml                  |    13 +
 layout/reftests/bugs/456219-1-mask-wArA.png        |   Bin 0 -> 165 bytes
 layout/reftests/bugs/456219-1-mask-wArB.png        |   Bin 0 -> 265 bytes
 layout/reftests/bugs/456219-1-mask-wArC.png        |   Bin 0 -> 354 bytes
 layout/reftests/bugs/456219-1-mask-wArD.png        |   Bin 0 -> 433 bytes
 layout/reftests/bugs/456219-1-mask-wArE.png        |   Bin 0 -> 461 bytes
 layout/reftests/bugs/456219-1-mask-wBrA.png        |   Bin 0 -> 175 bytes
 layout/reftests/bugs/456219-1-mask-wBrB.png        |   Bin 0 -> 240 bytes
 layout/reftests/bugs/456219-1-mask-wBrC.png        |   Bin 0 -> 350 bytes
 layout/reftests/bugs/456219-1-mask-wBrD.png        |   Bin 0 -> 440 bytes
 layout/reftests/bugs/456219-1-mask-wBrE.png        |   Bin 0 -> 531 bytes
 layout/reftests/bugs/456219-1-mask-wCrA.png        |   Bin 0 -> 169 bytes
 layout/reftests/bugs/456219-1-mask-wCrB.png        |   Bin 0 -> 235 bytes
 layout/reftests/bugs/456219-1-mask-wCrC.png        |   Bin 0 -> 341 bytes
 layout/reftests/bugs/456219-1-mask-wCrD.png        |   Bin 0 -> 413 bytes
 layout/reftests/bugs/456219-1-mask-wCrE.png        |   Bin 0 -> 413 bytes
 layout/reftests/bugs/456219-1-mask-wDrA.png        |   Bin 0 -> 177 bytes
 layout/reftests/bugs/456219-1-mask-wDrB.png        |   Bin 0 -> 263 bytes
 layout/reftests/bugs/456219-1-mask-wDrC.png        |   Bin 0 -> 392 bytes
 layout/reftests/bugs/456219-1-mask-wDrD.png        |   Bin 0 -> 492 bytes
 layout/reftests/bugs/456219-1-mask-wDrE.png        |   Bin 0 -> 970 bytes
 layout/reftests/bugs/456219-1-mask-wErA.png        |   Bin 0 -> 171 bytes
 layout/reftests/bugs/456219-1-mask-wErB.png        |   Bin 0 -> 272 bytes
 layout/reftests/bugs/456219-1-mask-wErC.png        |   Bin 0 -> 383 bytes
 layout/reftests/bugs/456219-1-mask-wErD.png        |   Bin 0 -> 485 bytes
 layout/reftests/bugs/456219-1-mask-wErE.png        |   Bin 0 -> 526 bytes
 layout/reftests/bugs/456219-1-ref.html             |    80 +
 layout/reftests/bugs/456219-1a.html                |    81 +
 layout/reftests/bugs/456219-1b.html                |    81 +
 layout/reftests/bugs/456219-1c.html                |    81 +
 layout/reftests/bugs/456219-2-mask.png             |   Bin 0 -> 580 bytes
 layout/reftests/bugs/456219-2-ref.html             |    31 +
 layout/reftests/bugs/456219-2.html                 |    30 +
 layout/reftests/bugs/456330-1-ref.png              |   Bin 0 -> 153 bytes
 layout/reftests/bugs/456330-1.gif                  |   Bin 0 -> 62 bytes
 layout/reftests/bugs/456484-1-ref.html             |    19 +
 layout/reftests/bugs/456484-1.html                 |    19 +
 layout/reftests/bugs/457398-1-ref.html             |    11 +
 layout/reftests/bugs/457398-1.html                 |    11 +
 layout/reftests/bugs/457398-2-ref.html             |    11 +
 layout/reftests/bugs/457398-2.html                 |    11 +
 layout/reftests/bugs/458296-1-ref.html             |    10 +
 layout/reftests/bugs/458296-1a.html                |     8 +
 layout/reftests/bugs/458296-1b.html                |     8 +
 layout/reftests/bugs/458296-1c.html                |    10 +
 layout/reftests/bugs/458296-1d.html                |     8 +
 layout/reftests/bugs/458487-1-ref.html             |     7 +
 layout/reftests/bugs/458487-1a.html                |     5 +
 layout/reftests/bugs/458487-1b.html                |     5 +
 layout/reftests/bugs/458487-1c.html                |     4 +
 layout/reftests/bugs/458487-1d.html                |     4 +
 layout/reftests/bugs/458487-1e.html                |     5 +
 layout/reftests/bugs/458487-1f.html                |     5 +
 layout/reftests/bugs/458487-1g.html                |     5 +
 layout/reftests/bugs/458487-1h.html                |     5 +
 layout/reftests/bugs/458487-2-ref.html             |    11 +
 layout/reftests/bugs/458487-2.html                 |    11 +
 layout/reftests/bugs/458487-3-iframe.html          |     6 +
 layout/reftests/bugs/458487-3-ref.html             |     6 +
 layout/reftests/bugs/458487-3.html                 |     6 +
 layout/reftests/bugs/458487-4-ref.html             |     3 +
 layout/reftests/bugs/458487-4a.html                |     5 +
 layout/reftests/bugs/458487-4b.html                |     5 +
 layout/reftests/bugs/458487-4c.html                |     6 +
 layout/reftests/bugs/458487-5-ref.html             |     9 +
 layout/reftests/bugs/458487-5a.html                |     9 +
 layout/reftests/bugs/458487-5b.html                |     9 +
 layout/reftests/bugs/459443-1-ref.html             |     6 +
 layout/reftests/bugs/459443-1.html                 |    38 +
 layout/reftests/bugs/459613-1-ref.html             |     6 +
 layout/reftests/bugs/459613-1.html                 |     6 +
 layout/reftests/bugs/460012-1-ref.html             |     6 +
 layout/reftests/bugs/460012-1.html                 |    16 +
 layout/reftests/bugs/461266-1-ref.html             |    17 +
 layout/reftests/bugs/461266-1.html                 |    20 +
 layout/reftests/bugs/461512-1-ref.html             |    68 +
 layout/reftests/bugs/461512-1.html                 |    59 +
 layout/reftests/bugs/462844-1.html                 |    10 +
 layout/reftests/bugs/462844-2.html                 |    10 +
 layout/reftests/bugs/462844-3.html                 |    10 +
 layout/reftests/bugs/462844-4.html                 |    10 +
 layout/reftests/bugs/462844-ref.html               |     5 +
 layout/reftests/bugs/463204-1-ref.html             |    17 +
 layout/reftests/bugs/463204-1.html                 |    19 +
 layout/reftests/bugs/463217-1-ref.xhtml            |     7 +
 layout/reftests/bugs/463217-1.xhtml                |     4 +
 layout/reftests/bugs/463952-1-ref.html             |     6 +
 layout/reftests/bugs/463952-1.html                 |    11 +
 layout/reftests/bugs/464811-1-ref.html             |     7 +
 layout/reftests/bugs/464811-1.html                 |     7 +
 layout/reftests/bugs/465574-1-ref.html             |    26 +
 layout/reftests/bugs/465574-1.html                 |    19 +
 layout/reftests/bugs/466258-1-ref.html             |    11 +
 layout/reftests/bugs/466258-1.html                 |     8 +
 layout/reftests/bugs/466395-1-ref.html             |     2 +
 layout/reftests/bugs/466395-1.html                 |     8 +
 layout/reftests/bugs/466395-2-ref.html             |     3 +
 layout/reftests/bugs/466395-2.html                 |     9 +
 layout/reftests/bugs/467084-1-ref.html             |    19 +
 layout/reftests/bugs/467084-1.html                 |    19 +
 layout/reftests/bugs/467084-2-ref.html             |    10 +
 layout/reftests/bugs/467084-2.html                 |    10 +
 layout/reftests/bugs/467444-1-ref.html             |    29 +
 layout/reftests/bugs/467444-1.html                 |    30 +
 layout/reftests/bugs/467460-1-ref.html             |    13 +
 layout/reftests/bugs/467460-1.html                 |    21 +
 layout/reftests/bugs/468473-1-ref.xhtml            |    10 +
 layout/reftests/bugs/468473-1.xhtml                |    10 +
 layout/reftests/bugs/471356-1-ref.html             |    11 +
 layout/reftests/bugs/471356-1.html                 |    23 +
 layout/reftests/bugs/472500-1-ref.xhtml            |     3 +
 layout/reftests/bugs/472500-1.xhtml                |     4 +
 layout/reftests/bugs/472769-1-ref.html             |    15 +
 layout/reftests/bugs/472769-1a.html                |    14 +
 layout/reftests/bugs/472769-1b.html                |    15 +
 layout/reftests/bugs/472769-2-ref.html             |    36 +
 layout/reftests/bugs/472769-2.html                 |    36 +
 layout/reftests/bugs/472769-3-ref.html             |    35 +
 layout/reftests/bugs/472769-3.html                 |    35 +
 layout/reftests/bugs/473847-1-ref.xhtml            |     8 +
 layout/reftests/bugs/473847-1.xhtml                |     8 +
 layout/reftests/bugs/474417-1-ref.html             |    11 +
 layout/reftests/bugs/474417-1.html                 |    11 +
 layout/reftests/bugs/474472-1-ref.html             |     6 +
 layout/reftests/bugs/474472-1.html                 |    25 +
 layout/reftests/bugs/475986-1-ref.html             |     8 +
 layout/reftests/bugs/475986-1a.html                |     8 +
 layout/reftests/bugs/475986-1b.html                |     8 +
 layout/reftests/bugs/475986-1c.html                |     8 +
 layout/reftests/bugs/475986-1d.html                |     8 +
 layout/reftests/bugs/475986-1e.html                |     8 +
 layout/reftests/bugs/475986-1f.html                |     8 +
 layout/reftests/bugs/475986-2-ref.html             |     8 +
 layout/reftests/bugs/475986-2a.html                |     8 +
 layout/reftests/bugs/475986-2b.html                |     8 +
 layout/reftests/bugs/475986-2c.html                |     8 +
 layout/reftests/bugs/475986-2d.html                |     8 +
 layout/reftests/bugs/475986-2e.html                |     8 +
 layout/reftests/bugs/475986-2f.html                |     8 +
 layout/reftests/bugs/475986-3-ref.html             |     8 +
 layout/reftests/bugs/475986-3a.html                |     8 +
 layout/reftests/bugs/475986-3b.html                |     8 +
 layout/reftests/bugs/475986-4-ref.html             |    22 +
 layout/reftests/bugs/475986-4.html                 |    22 +
 layout/reftests/bugs/476063-1-ref.html             |    17 +
 layout/reftests/bugs/476063-1.html                 |    46 +
 layout/reftests/bugs/476063-2-ref.html             |    23 +
 layout/reftests/bugs/476063-2.html                 |    30 +
 layout/reftests/bugs/476063-3-ref.html             |     9 +
 layout/reftests/bugs/476063-3.html                 |     9 +
 layout/reftests/bugs/476063-4-ref.xhtml            |    14 +
 layout/reftests/bugs/476063-4.xhtml                |    14 +
 layout/reftests/bugs/476357-1-ref.html             |     8 +
 layout/reftests/bugs/476357-1.html                 |    16 +
 layout/reftests/bugs/476598-1-ref.html             |    16 +
 layout/reftests/bugs/476598-1-ref2.html            |    15 +
 layout/reftests/bugs/476598-1a.html                |    16 +
 layout/reftests/bugs/476598-1b.html                |    20 +
 layout/reftests/bugs/476856-1-ref.html             |    19 +
 layout/reftests/bugs/476856-1.html                 |    29 +
 layout/reftests/bugs/478377-1-ref.xhtml            |    20 +
 layout/reftests/bugs/478377-1.xhtml                |    21 +
 layout/reftests/bugs/478614-1-ref.html             |    16 +
 layout/reftests/bugs/478614-1.html                 |    16 +
 layout/reftests/bugs/478614-2.html                 |    16 +
 layout/reftests/bugs/478614-3-ref.html             |    16 +
 layout/reftests/bugs/478614-3.html                 |    16 +
 layout/reftests/bugs/478614-4-ref.html             |    16 +
 layout/reftests/bugs/478614-4.html                 |    16 +
 layout/reftests/bugs/478614-5-ref.html             |    16 +
 layout/reftests/bugs/478614-5.html                 |    16 +
 layout/reftests/bugs/478811-1-ref.html             |    10 +
 layout/reftests/bugs/478811-1.html                 |    21 +
 layout/reftests/bugs/478811-2-ref.html             |    12 +
 layout/reftests/bugs/478811-2.html                 |    22 +
 layout/reftests/bugs/478811-3-ref.html             |    12 +
 layout/reftests/bugs/478811-3.html                 |    22 +
 layout/reftests/bugs/478811-4-ref.html             |    12 +
 layout/reftests/bugs/478811-4.html                 |    22 +
 layout/reftests/bugs/478956-1-ref.html             |    17 +
 layout/reftests/bugs/478956-1a.html                |    16 +
 layout/reftests/bugs/478956-1b.html                |    16 +
 layout/reftests/bugs/480880-1-ref.html             |     5 +
 layout/reftests/bugs/480880-1a.html                |    19 +
 layout/reftests/bugs/480880-1b.html                |    16 +
 layout/reftests/bugs/480880-1c.html                |    13 +
 layout/reftests/bugs/480880-1d.html                |    19 +
 layout/reftests/bugs/480880-1e.html                |    16 +
 layout/reftests/bugs/480880-2a.html                |    14 +
 layout/reftests/bugs/480880-2b.html                |    14 +
 layout/reftests/bugs/480880-2c.html                |    13 +
 layout/reftests/bugs/481024-1-ref.html             |     6 +
 layout/reftests/bugs/481024-1a.html                |     6 +
 layout/reftests/bugs/481024-1b.html                |     6 +
 layout/reftests/bugs/481024-1c.html                |     6 +
 layout/reftests/bugs/481024-1d.html                |     6 +
 layout/reftests/bugs/481024-1e.html                |     6 +
 layout/reftests/bugs/481948-1-ref.html             |    13 +
 layout/reftests/bugs/481948-1.html                 |    15 +
 layout/reftests/bugs/481948-2-ref.html             |    20 +
 layout/reftests/bugs/481948-2.html                 |    24 +
 layout/reftests/bugs/481948-3-ref.html             |    17 +
 layout/reftests/bugs/481948-3.html                 |    22 +
 layout/reftests/bugs/482398-1-ref.html             |     4 +
 layout/reftests/bugs/482398-1.html                 |    25 +
 layout/reftests/bugs/482592-1-ref.html             |     6 +
 layout/reftests/bugs/482592-1a-shadow.xhtml        |    30 +
 layout/reftests/bugs/482592-1b-shadow.xhtml        |    29 +
 layout/reftests/bugs/482659-1-ref.html             |     4 +
 layout/reftests/bugs/482659-1a.html                |    17 +
 layout/reftests/bugs/482659-1b.html                |    17 +
 layout/reftests/bugs/482659-1c.html                |    26 +
 layout/reftests/bugs/482659-1d.html                |    26 +
 layout/reftests/bugs/483565-ref.xhtml              |    15 +
 layout/reftests/bugs/483565.xhtml                  |    15 +
 layout/reftests/bugs/484256-1-ref.html             |    12 +
 layout/reftests/bugs/484256-1.html                 |    12 +
 layout/reftests/bugs/484256-2.html                 |    13 +
 layout/reftests/bugs/485012-1-ref.html             |    12 +
 layout/reftests/bugs/485012-1.html                 |    16 +
 layout/reftests/bugs/485275-1-ref.html             |     7 +
 layout/reftests/bugs/485275-1.html                 |     7 +
 layout/reftests/bugs/485275-1.svg                  |     7 +
 layout/reftests/bugs/486052-1-ref.html             |    12 +
 layout/reftests/bugs/486052-1.html                 |    23 +
 layout/reftests/bugs/486052-2-ref.html             |     6 +
 layout/reftests/bugs/486052-2a.html                |    17 +
 layout/reftests/bugs/486052-2b.html                |    17 +
 layout/reftests/bugs/486052-2c.html                |    17 +
 layout/reftests/bugs/486052-2d.html                |     6 +
 layout/reftests/bugs/486052-2e.html                |    17 +
 layout/reftests/bugs/486052-2f.html                |    17 +
 layout/reftests/bugs/486052-2g.html                |    17 +
 layout/reftests/bugs/486065-1-ref.html             |    15 +
 layout/reftests/bugs/486065-1.html                 |    16 +
 layout/reftests/bugs/487539-1.html                 |    45 +
 layout/reftests/bugs/488390-1-ref.html             |     4 +
 layout/reftests/bugs/488390-1.html                 |    22 +
 layout/reftests/bugs/488649-1-ref.html             |     9 +
 layout/reftests/bugs/488649-1.html                 |    10 +
 layout/reftests/bugs/488685-1-ref.html             |     9 +
 layout/reftests/bugs/488685-1.html                 |     7 +
 layout/reftests/bugs/488692-1-ref.html             |     6 +
 layout/reftests/bugs/488692-1.html                 |    11 +
 layout/reftests/bugs/489868-1-ref.svg              |     5 +
 layout/reftests/bugs/489868-1.svg                  |    34 +
 layout/reftests/bugs/490173-2-ref.html             |    11 +
 layout/reftests/bugs/490173-2.html                 |    11 +
 layout/reftests/bugs/490176-1-ref.html             |    18 +
 layout/reftests/bugs/490176-1.html                 |    31 +
 layout/reftests/bugs/490177-1-ref.svg              |    18 +
 layout/reftests/bugs/490177-1.svg                  |    27 +
 layout/reftests/bugs/490182-1-ref.html             |    14 +
 layout/reftests/bugs/490182-1a.html                |    31 +
 layout/reftests/bugs/490182-1b.html                |    28 +
 layout/reftests/bugs/491180-1-ref.html             |     5 +
 layout/reftests/bugs/491180-1.html                 |     5 +
 layout/reftests/bugs/491180-2-ref.html             |     4 +
 layout/reftests/bugs/491180-2.html                 |     3 +
 layout/reftests/bugs/491323-1-ref.xhtml            |    15 +
 layout/reftests/bugs/491323-1.xhtml                |    23 +
 layout/reftests/bugs/492661-1-ref.html             |    24 +
 layout/reftests/bugs/492661-1.html                 |    34 +
 layout/reftests/bugs/493968-1-ref.html             |    10 +
 layout/reftests/bugs/493968-1.html                 |    20 +
 layout/reftests/bugs/494667-1-ref.html             |     6 +
 layout/reftests/bugs/494667-1.html                 |    26 +
 layout/reftests/bugs/494667-2-ref.html             |     6 +
 layout/reftests/bugs/494667-2.html                 |    27 +
 layout/reftests/bugs/495274-1-ref.html             |     9 +
 layout/reftests/bugs/495274-1.html                 |    15 +
 layout/reftests/bugs/495385-1-ref.html             |     9 +
 layout/reftests/bugs/495385-1a.html                |    21 +
 layout/reftests/bugs/495385-1b.html                |    11 +
 layout/reftests/bugs/495385-1c.html                |     6 +
 layout/reftests/bugs/495385-1d.html                |     6 +
 layout/reftests/bugs/495385-1e.html                |    14 +
 layout/reftests/bugs/495385-1f.html                |    14 +
 layout/reftests/bugs/495385-2-ref.html             |    15 +
 layout/reftests/bugs/495385-2a.html                |    30 +
 layout/reftests/bugs/495385-2b.html                |    36 +
 layout/reftests/bugs/495385-2c.html                |    36 +
 layout/reftests/bugs/495385-2d.html                |    28 +
 layout/reftests/bugs/495385-2e.html                |    30 +
 layout/reftests/bugs/495385-2g.html                |    30 +
 layout/reftests/bugs/495385-2h.html                |    19 +
 layout/reftests/bugs/495385-2i.html                |    31 +
 layout/reftests/bugs/495385-3-ref.html             |     4 +
 layout/reftests/bugs/495385-3.html                 |    14 +
 layout/reftests/bugs/495385-4-ref.html             |    12 +
 layout/reftests/bugs/495385-4.html                 |    27 +
 layout/reftests/bugs/495385-5-ref.html             |    19 +
 layout/reftests/bugs/495385-5.html                 |    36 +
 layout/reftests/bugs/496032-1-ref.html             |    12 +
 layout/reftests/bugs/496032-1.html                 |    13 +
 layout/reftests/bugs/496840-1-ref.html             |     7 +
 layout/reftests/bugs/496840-1.html                 |    18 +
 layout/reftests/bugs/501037-ref.html               |    12 +
 layout/reftests/bugs/501037.html                   |    12 +
 layout/reftests/bugs/501257-1-ref.html             |     8 +
 layout/reftests/bugs/501257-1-ref.xhtml            |     7 +
 layout/reftests/bugs/501257-1.xhtml                |    18 +
 layout/reftests/bugs/501257-1a.html                |    16 +
 layout/reftests/bugs/501257-1b.html                |    17 +
 layout/reftests/bugs/501627-1-ref.html             |     7 +
 layout/reftests/bugs/501627-1.html                 |     7 +
 layout/reftests/bugs/502288-1-ref.html             |     8 +
 layout/reftests/bugs/502288-1.html                 |    17 +
 layout/reftests/bugs/502447-1-ref.html             |     6 +
 layout/reftests/bugs/502447-1.html                 |     9 +
 layout/reftests/bugs/502447-2-ref.html             |     2 +
 layout/reftests/bugs/502447-2.html                 |     8 +
 layout/reftests/bugs/502795-1-ref.html             |    18 +
 layout/reftests/bugs/502795-1.html                 |    21 +
 layout/reftests/bugs/502942-1-ref.html             |     6 +
 layout/reftests/bugs/502942-1.html                 |     6 +
 layout/reftests/bugs/503364-1-ref.html             |    11 +
 layout/reftests/bugs/503364-1a.html                |    21 +
 layout/reftests/bugs/503364-1b.html                |    20 +
 layout/reftests/bugs/503531-1-ref.html             |    23 +
 layout/reftests/bugs/503531-1.html                 |    25 +
 layout/reftests/bugs/504032-1-ref.html             |     9 +
 layout/reftests/bugs/504032-1.html                 |    19 +
 layout/reftests/bugs/505743-1.html                 |    25 +
 layout/reftests/bugs/50630-1-ref.html              |    22 +
 layout/reftests/bugs/50630-1a.html                 |    25 +
 layout/reftests/bugs/50630-1b.html                 |    25 +
 layout/reftests/bugs/50630-1c.html                 |    25 +
 layout/reftests/bugs/50630-2-ref.html              |    17 +
 layout/reftests/bugs/50630-2.html                  |    17 +
 layout/reftests/bugs/50630-3-ref.html              |    13 +
 layout/reftests/bugs/50630-3.html                  |    17 +
 layout/reftests/bugs/50630-4-ref.html              |    11 +
 layout/reftests/bugs/50630-4-ref2.html             |    13 +
 layout/reftests/bugs/50630-4.html                  |    16 +
 layout/reftests/bugs/50630-5-ref.html              |    25 +
 layout/reftests/bugs/50630-5.html                  |    24 +
 layout/reftests/bugs/506481-1-ref.html             |     6 +
 layout/reftests/bugs/506481-1.html                 |     6 +
 layout/reftests/bugs/507187-1-ref.html             |     2 +
 layout/reftests/bugs/507187-1.html                 |     1 +
 layout/reftests/bugs/507487-1-ref.html             |     7 +
 layout/reftests/bugs/507487-1.html                 |    32 +
 layout/reftests/bugs/507487-2-ref.xhtml            |    11 +
 layout/reftests/bugs/507487-2.xhtml                |    32 +
 layout/reftests/bugs/507762-1-ref.html             |     7 +
 layout/reftests/bugs/507762-1.html                 |    23 +
 layout/reftests/bugs/507762-2-ref.html             |     7 +
 layout/reftests/bugs/507762-2.html                 |    22 +
 layout/reftests/bugs/507762-3.html                 |    23 +
 layout/reftests/bugs/507762-4.html                 |    22 +
 layout/reftests/bugs/508919-1-ref.xhtml            |    10 +
 layout/reftests/bugs/508919-1.xhtml                |    19 +
 layout/reftests/bugs/509155-1-ref.xhtml            |    10 +
 layout/reftests/bugs/509155-1.xhtml                |    19 +
 layout/reftests/bugs/512410-ref.html               |    17 +
 layout/reftests/bugs/512410.html                   |    10 +
 layout/reftests/bugs/512631-1-ref.html             |    25 +
 layout/reftests/bugs/512631-1.html                 |    25 +
 layout/reftests/bugs/513153-1-ref.html             |     9 +
 layout/reftests/bugs/513153-1a.html                |    28 +
 layout/reftests/bugs/513153-1b.html                |    28 +
 layout/reftests/bugs/513153-2-ref.html             |     9 +
 layout/reftests/bugs/513153-2a.html                |    28 +
 layout/reftests/bugs/513153-2b.html                |    28 +
 layout/reftests/bugs/513318-1-ref.xhtml            |     5 +
 layout/reftests/bugs/513318-1.xhtml                |    51 +
 layout/reftests/bugs/513318-2-ref.xhtml            |     9 +
 layout/reftests/bugs/513318-2.xhtml                |     9 +
 layout/reftests/bugs/514917-1-ref.html             |    20 +
 layout/reftests/bugs/514917-1.html                 |    26 +
 layout/reftests/bugs/518172-1a.html                |    24 +
 layout/reftests/bugs/518172-1b.html                |    24 +
 layout/reftests/bugs/518172-2a.html                |    25 +
 layout/reftests/bugs/518172-2b.html                |    25 +
 layout/reftests/bugs/518172-a-ref.html             |    14 +
 layout/reftests/bugs/518172-b-ref.html             |    17 +
 layout/reftests/bugs/520421-1-ref.html             |     6 +
 layout/reftests/bugs/520421-1.html                 |    23 +
 layout/reftests/bugs/520563-1-ref.xhtml            |     6 +
 layout/reftests/bugs/520563-1.xhtml                |    14 +
 layout/reftests/bugs/521525-1-ref.html             |     7 +
 layout/reftests/bugs/521525-1.html                 |     7 +
 layout/reftests/bugs/521525-2-ref.html             |     7 +
 layout/reftests/bugs/521525-2.html                 |     7 +
 layout/reftests/bugs/521539-1-ref.html             |     5 +
 layout/reftests/bugs/521539-1.html                 |     5 +
 layout/reftests/bugs/521542-1-ref.xhtml            |    18 +
 layout/reftests/bugs/521542-1.xhtml                |    18 +
 layout/reftests/bugs/521602-ref.html               |     4 +
 layout/reftests/bugs/521602.html                   |     5 +
 layout/reftests/bugs/521685-1-ref.html             |    13 +
 layout/reftests/bugs/521685-1.html                 |    16 +
 layout/reftests/bugs/522632-1-ref.html             |    12 +
 layout/reftests/bugs/522632-1.html                 |    12 +
 layout/reftests/bugs/523096-1-ref.html             |    36 +
 layout/reftests/bugs/523096-1.html                 |    43 +
 layout/reftests/bugs/523468-1-ref.html             |     8 +
 layout/reftests/bugs/523468-1.html                 |    10 +
 layout/reftests/bugs/524175-1-ref.html             |     4 +
 layout/reftests/bugs/524175-1.html                 |     8 +
 layout/reftests/bugs/526463-1-ref.html             |    12 +
 layout/reftests/bugs/526463-1.html                 |    20 +
 layout/reftests/bugs/527464-1.html                 |     1 +
 layout/reftests/bugs/527464-ref.html               |     1 +
 layout/reftests/bugs/528038-1-ref.html             |     4 +
 layout/reftests/bugs/528038-1a.html                |    12 +
 layout/reftests/bugs/528038-1b.html                |    12 +
 layout/reftests/bugs/528038-1c.html                |    12 +
 layout/reftests/bugs/528038-1d.html                |    12 +
 layout/reftests/bugs/528038-1e.html                |    12 +
 layout/reftests/bugs/528038-1f.html                |    12 +
 layout/reftests/bugs/528038-2-ref.html             |     4 +
 layout/reftests/bugs/528038-2.html                 |    12 +
 layout/reftests/bugs/530686-1-ref.html             |    16 +
 layout/reftests/bugs/530686-1.html                 |    34 +
 layout/reftests/bugs/531200-1-ref.html             |    38 +
 layout/reftests/bugs/531200-1.html                 |    38 +
 layout/reftests/bugs/531371-1-ref.html             |     3 +
 layout/reftests/bugs/531371-1.html                 |     5 +
 layout/reftests/bugs/534526-1-ref.html             |     6 +
 layout/reftests/bugs/534526-1a.html                |    12 +
 layout/reftests/bugs/534526-1b.html                |    12 +
 layout/reftests/bugs/534804-1-ref.html             |    21 +
 layout/reftests/bugs/534804-1.html                 |    45 +
 layout/reftests/bugs/534808-1-ref.html             |    20 +
 layout/reftests/bugs/534808-1.html                 |    20 +
 layout/reftests/bugs/534808-2-ref.html             |    22 +
 layout/reftests/bugs/534808-2.html                 |    22 +
 layout/reftests/bugs/534919-1-ref.html             |    17 +
 layout/reftests/bugs/534919-1.html                 |    17 +
 layout/reftests/bugs/536061-ref.html               |    53 +
 layout/reftests/bugs/536061.html                   |    54 +
 layout/reftests/bugs/537471-1-ref.html             |     6 +
 layout/reftests/bugs/537471-1.html                 |     6 +
 layout/reftests/bugs/537507-1-frame.xhtml          |     1 +
 layout/reftests/bugs/537507-1-ref.xhtml            |     8 +
 layout/reftests/bugs/537507-1.xhtml                |     8 +
 layout/reftests/bugs/537507-2-frame.xhtml          |     1 +
 layout/reftests/bugs/537507-2-ref.html             |     5 +
 layout/reftests/bugs/537507-2.html                 |     5 +
 layout/reftests/bugs/538909-1-ref.html             |    17 +
 layout/reftests/bugs/538909-1.html                 |    16 +
 layout/reftests/bugs/538935-1-ref.html             |    16 +
 layout/reftests/bugs/538935-1.html                 |    16 +
 layout/reftests/bugs/539226-1.html                 |    17 +
 layout/reftests/bugs/539323-1-ref.html             |    12 +
 layout/reftests/bugs/539323-1.html                 |    10 +
 layout/reftests/bugs/539323-2-ref.html             |    12 +
 layout/reftests/bugs/539323-2.html                 |    10 +
 layout/reftests/bugs/539323-3-ref.html             |    12 +
 layout/reftests/bugs/539323-3.html                 |    10 +
 layout/reftests/bugs/539880-1-dynamic.html         |    58 +
 layout/reftests/bugs/539880-1-ref.html             |    38 +
 layout/reftests/bugs/539880-1.html                 |    38 +
 layout/reftests/bugs/539949-1-ref.html             |    10 +
 layout/reftests/bugs/539949-1.html                 |    10 +
 layout/reftests/bugs/541382-1-ref.html             |     8 +
 layout/reftests/bugs/541382-1.html                 |     8 +
 layout/reftests/bugs/542116-1-ref.html             |    19 +
 layout/reftests/bugs/542116-1.html                 |    19 +
 layout/reftests/bugs/542116-2-ref.html             |    19 +
 layout/reftests/bugs/542116-2.html                 |    19 +
 layout/reftests/bugs/542116-3-ref.html             |    19 +
 layout/reftests/bugs/542116-3.html                 |    19 +
 layout/reftests/bugs/542317-1-ref.html             |     1 +
 layout/reftests/bugs/542317-1.html                 |     1 +
 layout/reftests/bugs/542620-1-ref.html             |    11 +
 layout/reftests/bugs/542620-1.html                 |    13 +
 layout/reftests/bugs/545049-1-ref.html             |     9 +
 layout/reftests/bugs/545049-1.html                 |    16 +
 layout/reftests/bugs/546033-1-ref.html             |     8 +
 layout/reftests/bugs/546033-1.html                 |    14 +
 layout/reftests/bugs/549184-1-ref.html             |     6 +
 layout/reftests/bugs/549184-1.html                 |     6 +
 layout/reftests/bugs/550325-1-ref.html             |     4 +
 layout/reftests/bugs/550325-1.html                 |     4 +
 layout/reftests/bugs/550325-2.html                 |     6 +
 layout/reftests/bugs/550325-3.html                 |     4 +
 layout/reftests/bugs/550716-1-ref.html             |     6 +
 layout/reftests/bugs/550716-1.html                 |     6 +
 layout/reftests/bugs/550882-1-ref.html             |     6 +
 layout/reftests/bugs/550882-1.html                 |     8 +
 layout/reftests/bugs/550882-2-ref.html             |     2 +
 layout/reftests/bugs/550882-2.html                 |     8 +
 layout/reftests/bugs/551463-1-ref.html             |    34 +
 layout/reftests/bugs/551463-1.html                 |    39 +
 layout/reftests/bugs/551699-1-ref.html             |    13 +
 layout/reftests/bugs/551699-1.html                 |    13 +
 layout/reftests/bugs/552334-1-ref.html             |    15 +
 layout/reftests/bugs/552334-1.html                 |    26 +
 layout/reftests/bugs/553571-1-notref.html          |     6 +
 layout/reftests/bugs/553571-1.html                 |     6 +
 layout/reftests/bugs/555388-1-ref.html             |    27 +
 layout/reftests/bugs/555388-1.html                 |    33 +
 layout/reftests/bugs/556661-1-ref.html             |    24 +
 layout/reftests/bugs/556661-1.html                 |    63 +
 layout/reftests/bugs/557087-1.html                 |    16 +
 layout/reftests/bugs/557087-2.html                 |    17 +
 layout/reftests/bugs/557087-ref.html               |    16 +
 layout/reftests/bugs/557736-1-ref.html             |     9 +
 layout/reftests/bugs/557736-1.html                 |    11 +
 layout/reftests/bugs/558011-1-ref.xhtml            |    14 +
 layout/reftests/bugs/558011-1.xhtml                |    14 +
 layout/reftests/bugs/559284-1-ref.html             |    12 +
 layout/reftests/bugs/559284-1.html                 |    11 +
 layout/reftests/bugs/561981-1-ref.html             |     7 +
 layout/reftests/bugs/561981-1.html                 |    16 +
 layout/reftests/bugs/561981-2-ref.html             |     7 +
 layout/reftests/bugs/561981-2.html                 |    16 +
 layout/reftests/bugs/561981-3-ref.html             |     7 +
 layout/reftests/bugs/561981-3.html                 |    16 +
 layout/reftests/bugs/561981-4-ref.html             |     7 +
 layout/reftests/bugs/561981-4.html                 |    16 +
 layout/reftests/bugs/561981-5-ref.html             |     7 +
 layout/reftests/bugs/561981-5.html                 |    12 +
 layout/reftests/bugs/561981-6-ref.html             |     7 +
 layout/reftests/bugs/561981-6.html                 |    12 +
 layout/reftests/bugs/561981-7-ref.html             |     7 +
 layout/reftests/bugs/561981-7.html                 |    12 +
 layout/reftests/bugs/561981-8-ref.html             |     7 +
 layout/reftests/bugs/561981-8.html                 |    12 +
 layout/reftests/bugs/562835-1.html                 |    14 +
 layout/reftests/bugs/562835-2.html                 |    30 +
 layout/reftests/bugs/562835-ref.html               |    15 +
 layout/reftests/bugs/563584-1-ref.html             |    24 +
 layout/reftests/bugs/563584-1.html                 |    24 +
 layout/reftests/bugs/563584-10-ref.html            |     7 +
 layout/reftests/bugs/563584-10a.html               |    13 +
 layout/reftests/bugs/563584-10b.html               |    13 +
 layout/reftests/bugs/563584-11-ref.html            |     6 +
 layout/reftests/bugs/563584-11.html                |     8 +
 layout/reftests/bugs/563584-2-ref.html             |    25 +
 layout/reftests/bugs/563584-2.html                 |    26 +
 layout/reftests/bugs/563584-3-ref.html             |    24 +
 layout/reftests/bugs/563584-3.html                 |    24 +
 layout/reftests/bugs/563584-4-ref.html             |    24 +
 layout/reftests/bugs/563584-4.html                 |    26 +
 layout/reftests/bugs/563584-5-ref.html             |     8 +
 layout/reftests/bugs/563584-5.html                 |     9 +
 layout/reftests/bugs/563584-6-columns-ref.html     |     8 +
 layout/reftests/bugs/563584-6-columns.html         |     9 +
 layout/reftests/bugs/563584-6-printing-ref.html    |    18 +
 layout/reftests/bugs/563584-6-printing.html        |     9 +
 layout/reftests/bugs/563584-7-ref.html             |    16 +
 layout/reftests/bugs/563584-7.html                 |     5 +
 layout/reftests/bugs/563584-8a-ref.html            |     8 +
 layout/reftests/bugs/563584-8a.html                |     9 +
 layout/reftests/bugs/563584-8b-ref.html            |    13 +
 layout/reftests/bugs/563584-8b.html                |    10 +
 layout/reftests/bugs/563584-8c-ref.html            |     9 +
 layout/reftests/bugs/563584-8c.html                |    10 +
 layout/reftests/bugs/563584-8d-ref.html            |    10 +
 layout/reftests/bugs/563584-8d.html                |    11 +
 layout/reftests/bugs/563584-9a-ref.html            |     4 +
 layout/reftests/bugs/563584-9a.html                |     6 +
 layout/reftests/bugs/563584-9b-ref.html            |     4 +
 layout/reftests/bugs/563584-9b.html                |     7 +
 layout/reftests/bugs/563584-9c.html                |    12 +
 layout/reftests/bugs/563584-9cd-ref.html           |     6 +
 layout/reftests/bugs/563584-9d.html                |    14 +
 layout/reftests/bugs/563884-1-ref.html             |    11 +
 layout/reftests/bugs/563884-1.html                 |    16 +
 layout/reftests/bugs/564002-1-ref.html             |     9 +
 layout/reftests/bugs/564002-1.html                 |     9 +
 layout/reftests/bugs/564054-1-ref.html             |    22 +
 layout/reftests/bugs/564054-1.html                 |    33 +
 layout/reftests/bugs/564991-1-ref.html             |     6 +
 layout/reftests/bugs/564991-1.html                 |    15 +
 layout/reftests/bugs/565819-1.html                 |    17 +
 layout/reftests/bugs/565819-2.html                 |    18 +
 layout/reftests/bugs/565819-ref.html               |     6 +
 layout/reftests/bugs/568441-ref.html               |     6 +
 layout/reftests/bugs/568441.html                   |    14 +
 layout/reftests/bugs/569006-1-ref.html             |     6 +
 layout/reftests/bugs/569006-1.html                 |    10 +
 layout/reftests/bugs/571281-1-ref.html             |    17 +
 layout/reftests/bugs/571281-1a.html                |    18 +
 layout/reftests/bugs/571281-1b.html                |    18 +
 layout/reftests/bugs/571281-1c.html                |    19 +
 layout/reftests/bugs/571347-1-ref.html             |     6 +
 layout/reftests/bugs/571347-1a.html                |    10 +
 layout/reftests/bugs/571347-1b.html                |    10 +
 layout/reftests/bugs/571347-2-ref.html             |     6 +
 layout/reftests/bugs/571347-2a.html                |    10 +
 layout/reftests/bugs/571347-2b.html                |    10 +
 layout/reftests/bugs/571347-2c.html                |    10 +
 layout/reftests/bugs/571347-2d.html                |    10 +
 layout/reftests/bugs/571347-3-ref.html             |     6 +
 layout/reftests/bugs/571347-3.html                 |    11 +
 layout/reftests/bugs/572598-1.html                 |    26 +
 layout/reftests/bugs/572598-ref.html               |     8 +
 layout/reftests/bugs/574898-1.html                 |    18 +
 layout/reftests/bugs/574898-ref.html               |     6 +
 layout/reftests/bugs/574907-1-ref.html             |     9 +
 layout/reftests/bugs/574907-1.html                 |     9 +
 layout/reftests/bugs/574907-2-ref.html             |     9 +
 layout/reftests/bugs/574907-2.html                 |     9 +
 layout/reftests/bugs/574907-3-notref.html          |     9 +
 layout/reftests/bugs/574907-3.html                 |     9 +
 layout/reftests/bugs/577838-1-ref.html             |    24 +
 layout/reftests/bugs/577838-1.html                 |    25 +
 layout/reftests/bugs/577838-2-ref.html             |    25 +
 layout/reftests/bugs/577838-2.html                 |    25 +
 layout/reftests/bugs/579323-1-ref.html             |    30 +
 layout/reftests/bugs/579323-1.html                 |    40 +
 layout/reftests/bugs/579349-1-ref.html             |     7 +
 layout/reftests/bugs/579349-1.html                 |    13 +
 layout/reftests/bugs/579655-1-ref.html             |    16 +
 layout/reftests/bugs/579655-1.html                 |    16 +
 layout/reftests/bugs/579808-1-ref.html             |     7 +
 layout/reftests/bugs/579985-1-ref.html             |     6 +
 layout/reftests/bugs/579985-1.html                 |    16 +
 layout/reftests/bugs/580863-1-ref.html             |    14 +
 layout/reftests/bugs/580863-1.html                 |    14 +
 layout/reftests/bugs/581317-1-ref.html             |    20 +
 layout/reftests/bugs/581317-1.html                 |    37 +
 layout/reftests/bugs/581579-1-ref.html             |     5 +
 layout/reftests/bugs/581579-1.html                 |     8 +
 layout/reftests/bugs/582037-1-ref.html             |     3 +
 layout/reftests/bugs/582037-1a.html                |    12 +
 layout/reftests/bugs/582037-1b.html                |    12 +
 layout/reftests/bugs/582037-2-ref.html             |     7 +
 layout/reftests/bugs/582037-2a.html                |    11 +
 layout/reftests/bugs/582037-2b.html                |    11 +
 layout/reftests/bugs/582146-1.html                 |     6 +
 layout/reftests/bugs/582476-1-helper.html          |     6 +
 layout/reftests/bugs/582476-1-ref-helper.html      |     6 +
 layout/reftests/bugs/582476-1-ref.svg              |    30 +
 layout/reftests/bugs/582476-1.svg                  |    37 +
 layout/reftests/bugs/584400-dash-length-ref.svg    |    16 +
 layout/reftests/bugs/584400-dash-length.svg        |    25 +
 layout/reftests/bugs/584699-1-ref.html             |     6 +
 layout/reftests/bugs/584699-1.html                 |    16 +
 layout/reftests/bugs/585598-2-ref.xhtml            |     6 +
 layout/reftests/bugs/585598-2.xhtml                |     6 +
 layout/reftests/bugs/586400-1-ref.html             |    15 +
 layout/reftests/bugs/586400-1.html                 |    22 +
 layout/reftests/bugs/586683-1-ref.html             |    20 +
 layout/reftests/bugs/586683-1.html                 |    20 +
 layout/reftests/bugs/589615-1-ref.html             |    11 +
 layout/reftests/bugs/589615-1a.xhtml               |     5 +
 layout/reftests/bugs/589615-1b.html                |     6 +
 layout/reftests/bugs/589672-1-ref.html             |     9 +
 layout/reftests/bugs/589672-1.html                 |    13 +
 layout/reftests/bugs/589682-1-notref.html          |    18 +
 layout/reftests/bugs/589682-1.html                 |    18 +
 layout/reftests/bugs/593243-1-ref.html             |    17 +
 layout/reftests/bugs/593243-1.html                 |    49 +
 layout/reftests/bugs/593243-2-ref.html             |    18 +
 layout/reftests/bugs/593243-2.html                 |    49 +
 layout/reftests/bugs/593544-1-ref.html             |    14 +
 layout/reftests/bugs/593544-1.html                 |    14 +
 layout/reftests/bugs/594333-1-ref.html             |    17 +
 layout/reftests/bugs/594333-1.html                 |    30 +
 layout/reftests/bugs/594624-1-ref.html             |    32 +
 layout/reftests/bugs/594624-1.html                 |    41 +
 layout/reftests/bugs/594737-1-ref.html             |     9 +
 layout/reftests/bugs/594737-1.html                 |     9 +
 layout/reftests/bugs/597721-1-ref.html             |     8 +
 layout/reftests/bugs/597721-1.html                 |     4 +
 layout/reftests/bugs/598726-1-ref.html             |     6 +
 layout/reftests/bugs/598726-1.html                 |    47 +
 layout/reftests/bugs/599113-1-ref.html             |     6 +
 layout/reftests/bugs/599113-1.html                 |    29 +
 layout/reftests/bugs/599882-1-ref.html             |    18 +
 layout/reftests/bugs/599882-1a.html                |    21 +
 layout/reftests/bugs/599882-1b.html                |    21 +
 layout/reftests/bugs/599882-2-ref.html             |     9 +
 layout/reftests/bugs/599882-2.html                 |    19 +
 layout/reftests/bugs/600045-1-ref.html             |     2 +
 layout/reftests/bugs/600045-1.html                 |    13 +
 layout/reftests/bugs/600803-1-ref.html             |    18 +
 layout/reftests/bugs/600803-1.html                 |    18 +
 layout/reftests/bugs/600974-1-ref.html             |    93 +
 layout/reftests/bugs/600974-1.html                 |    15 +
 layout/reftests/bugs/600974-2.html                 |    94 +
 layout/reftests/bugs/600974-3.html                 |   Bin 0 -> 11352 bytes
 layout/reftests/bugs/602200-1-ref.html             |     6 +
 layout/reftests/bugs/602200-1.html                 |    12 +
 layout/reftests/bugs/602200-2-ref.html             |     7 +
 layout/reftests/bugs/602200-2.html                 |    16 +
 layout/reftests/bugs/602200-3-ref.html             |     6 +
 layout/reftests/bugs/602200-3.html                 |    15 +
 layout/reftests/bugs/602200-4-ref.html             |    10 +
 layout/reftests/bugs/602200-4.html                 |    15 +
 layout/reftests/bugs/603423-1-ref.html             |     7 +
 layout/reftests/bugs/603423-1.html                 |     7 +
 layout/reftests/bugs/604737-ref.html               |    10 +
 layout/reftests/bugs/604737.html                   |    14 +
 layout/reftests/bugs/605138-1-ref.html             |    17 +
 layout/reftests/bugs/605138-1.html                 |    15 +
 layout/reftests/bugs/605157-1-ref.xhtml            |     8 +
 layout/reftests/bugs/605157-1.xhtml                |    12 +
 layout/reftests/bugs/607267-1-ref.html             |     2 +
 layout/reftests/bugs/607267-1.html                 |     2 +
 layout/reftests/bugs/608636-1-ref.html             |    16 +
 layout/reftests/bugs/608636-1.html                 |    19 +
 layout/reftests/bugs/608756-1-ref.html             |     4 +
 layout/reftests/bugs/608756-1a.html                |    10 +
 layout/reftests/bugs/608756-1b.html                |    10 +
 layout/reftests/bugs/608756-2-ref.html             |     9 +
 layout/reftests/bugs/608756-2.html                 |    10 +
 layout/reftests/bugs/609272-1-ref.html             |     4 +
 layout/reftests/bugs/609272-1.html                 |     4 +
 layout/reftests/bugs/613433-1-ref.html             |    21 +
 layout/reftests/bugs/613433-1.html                 |    22 +
 layout/reftests/bugs/613433-2-ref.html             |    23 +
 layout/reftests/bugs/613433-2.html                 |    22 +
 layout/reftests/bugs/613433-3-ref.html             |    21 +
 layout/reftests/bugs/613433-3.html                 |    22 +
 layout/reftests/bugs/614272-1-ref.svg              |     4 +
 layout/reftests/bugs/614272-1.svg                  |    44 +
 layout/reftests/bugs/615121-1-ref.html             |    22 +
 layout/reftests/bugs/615121-1.html                 |    24 +
 layout/reftests/bugs/615121-2-notref.html          |    22 +
 layout/reftests/bugs/615121-2.html                 |    24 +
 layout/reftests/bugs/617242-1-ref.html             |     8 +
 layout/reftests/bugs/617242-1.html                 |    11 +
 layout/reftests/bugs/618071-notref.html            |    15 +
 layout/reftests/bugs/618071.html                   |    17 +
 layout/reftests/bugs/619117-1-ref.html             |    21 +
 layout/reftests/bugs/619117-1.html                 |    32 +
 layout/reftests/bugs/619511-1-ref.html             |    19 +
 layout/reftests/bugs/619511-1.html                 |    19 +
 layout/reftests/bugs/621253-1-externalFilter.html  |    20 +
 layout/reftests/bugs/621253-1-internalFilter.html  |    20 +
 layout/reftests/bugs/621253-1-ref.html             |     6 +
 layout/reftests/bugs/621253-2-externalFilter.html  |    20 +
 layout/reftests/bugs/621253-2-internalFilter.html  |    20 +
 layout/reftests/bugs/621253-2-ref.html             |     6 +
 .../bugs/621253-helper-externalFilter.xhtml        |    14 +
 .../bugs/621253-helper-internalFilter.xhtml        |    30 +
 layout/reftests/bugs/621918-1-ref.svg              |    10 +
 layout/reftests/bugs/621918-1.svg                  |    11 +
 layout/reftests/bugs/621918-2-ref.svg              |    17 +
 layout/reftests/bugs/621918-2.svg                  |    20 +
 layout/reftests/bugs/622585-1-ref.html             |    15 +
 layout/reftests/bugs/622585-1.html                 |    17 +
 layout/reftests/bugs/625409-1-ref.html             |     8 +
 layout/reftests/bugs/625409-1.html                 |     6 +
 layout/reftests/bugs/627393-1.html                 |    13 +
 layout/reftests/bugs/630835-1.html                 |    42 +
 layout/reftests/bugs/631352-1-ref.html             |     6 +
 layout/reftests/bugs/631352-1.html                 |    11 +
 layout/reftests/bugs/632781-normalsize.html        |    26 +
 layout/reftests/bugs/632781-ref.html               |    13 +
 layout/reftests/bugs/632781-verybig.html           |    27 +
 layout/reftests/bugs/633344-1-ref.html             |    34 +
 layout/reftests/bugs/633344-1.html                 |    37 +
 layout/reftests/bugs/634232-1-ref.html             |    30 +
 layout/reftests/bugs/634232-1.html                 |    31 +
 layout/reftests/bugs/635302-1-ref.html             |    27 +
 layout/reftests/bugs/635302-1.html                 |    38 +
 layout/reftests/bugs/635373-1-ref.html             |    29 +
 layout/reftests/bugs/635373-1.html                 |    29 +
 layout/reftests/bugs/635373-2-ref.html             |    30 +
 layout/reftests/bugs/635373-2.html                 |    29 +
 layout/reftests/bugs/635373-3-ref.html             |    30 +
 layout/reftests/bugs/635373-3.html                 |    29 +
 layout/reftests/bugs/635639-1-ref.html             |    16 +
 layout/reftests/bugs/635639-1.html                 |    16 +
 layout/reftests/bugs/635639-2-ref.html             |    16 +
 layout/reftests/bugs/635639-2.html                 |    16 +
 layout/reftests/bugs/637597-1-ref.html             |    37 +
 layout/reftests/bugs/637597-1.html                 |    49 +
 layout/reftests/bugs/637852-1-ref.html             |    16 +
 layout/reftests/bugs/637852-1.html                 |    16 +
 layout/reftests/bugs/637852-2-ref.html             |     8 +
 layout/reftests/bugs/637852-2.html                 |    14 +
 layout/reftests/bugs/637852-3-ref.html             |    11 +
 layout/reftests/bugs/637852-3.html                 |    19 +
 layout/reftests/bugs/641770-1-ref.html             |     6 +
 layout/reftests/bugs/641770-1.html                 |     7 +
 layout/reftests/bugs/641856-1-ref.html             |    18 +
 layout/reftests/bugs/641856-1.html                 |    19 +
 layout/reftests/bugs/645491-1-ref.html             |     6 +
 layout/reftests/bugs/645491-1.html                 |    12 +
 layout/reftests/bugs/645647-1-ref.html             |     5 +
 layout/reftests/bugs/645647-1.html                 |     9 +
 layout/reftests/bugs/645647-2-ref.html             |    27 +
 layout/reftests/bugs/645647-2.html                 |    28 +
 layout/reftests/bugs/645768-1-ref.html             |     8 +
 layout/reftests/bugs/645768-1.html                 |    12 +
 layout/reftests/bugs/647-1-ref.html                |    22 +
 layout/reftests/bugs/647-1.html                    |    22 +
 layout/reftests/bugs/650228-1-ref.html             |     7 +
 layout/reftests/bugs/650228-1.html                 |    20 +
 layout/reftests/bugs/652301-1-ref.html             |     7 +
 layout/reftests/bugs/652301-1a.html                |     7 +
 layout/reftests/bugs/652301-1b.html                |     8 +
 layout/reftests/bugs/652775-1-ref.html             |     6 +
 layout/reftests/bugs/652775-1.html                 |     6 +
 layout/reftests/bugs/652991-1-ref.html             |    11 +
 layout/reftests/bugs/652991-1a.html                |    26 +
 layout/reftests/bugs/652991-1b.html                |    26 +
 layout/reftests/bugs/652991-2-ref.html             |    12 +
 layout/reftests/bugs/652991-2.html                 |    26 +
 layout/reftests/bugs/652991-3-ref.html             |    11 +
 layout/reftests/bugs/652991-3.html                 |    26 +
 layout/reftests/bugs/652991-4-ref.html             |    11 +
 layout/reftests/bugs/652991-4.html                 |    25 +
 layout/reftests/bugs/653930-1-iframe.html          |     7 +
 layout/reftests/bugs/653930-1-ref.html             |     8 +
 layout/reftests/bugs/653930-1.html                 |    21 +
 layout/reftests/bugs/654057-1-ref.html             |    24 +
 layout/reftests/bugs/654057-1.html                 |    24 +
 layout/reftests/bugs/654950-1-ref.html             |    10 +
 layout/reftests/bugs/654950-1.html                 |    17 +
 layout/reftests/bugs/655549-1-ref.html             |     8 +
 layout/reftests/bugs/655549-1.html                 |    12 +
 layout/reftests/bugs/655836-1-ref.html             |    21 +
 layout/reftests/bugs/655836-1.html                 |    23 +
 layout/reftests/bugs/656875.html                   |    12 +
 layout/reftests/bugs/658952-ref.html               |     8 +
 layout/reftests/bugs/658952.html                   |     8 +
 layout/reftests/bugs/660682-1-ref.html             |     8 +
 layout/reftests/bugs/660682-1.html                 |    10 +
 layout/reftests/bugs/664127-1-ref.xhtml            |    22 +
 layout/reftests/bugs/664127-1.css                  |    11 +
 layout/reftests/bugs/664127-1.xhtml                |    22 +
 layout/reftests/bugs/665597-1-ref.html             |    24 +
 layout/reftests/bugs/665597-1.html                 |    21 +
 layout/reftests/bugs/665597-2-ref.html             |    17 +
 layout/reftests/bugs/665597-2.html                 |    17 +
 layout/reftests/bugs/667079-1-ref.html             |     4 +
 layout/reftests/bugs/667079-1.html                 |     5 +
 layout/reftests/bugs/668319-1.xhtml                |    20 +
 layout/reftests/bugs/669015-1-notref.xhtml         |     3 +
 layout/reftests/bugs/669015-1.xhtml                |     3 +
 layout/reftests/bugs/670442-1-ref.html             |    40 +
 layout/reftests/bugs/670442-1.html                 |    41 +
 layout/reftests/bugs/670467-1-ref.html             |    10 +
 layout/reftests/bugs/670467-1.html                 |    14 +
 layout/reftests/bugs/670467-2-ref.html             |     6 +
 layout/reftests/bugs/670467-2.html                 |    11 +
 layout/reftests/bugs/67752-1-ref.html              |    15 +
 layout/reftests/bugs/67752-1.html                  |    23 +
 layout/reftests/bugs/67752-2-ref.html              |    15 +
 layout/reftests/bugs/67752-2.html                  |    23 +
 layout/reftests/bugs/68061-1-ref.xml               |    15 +
 layout/reftests/bugs/68061-1.xml                   |    13 +
 layout/reftests/bugs/68061-2-ref.xml               |    21 +
 layout/reftests/bugs/68061-2.xml                   |    19 +
 layout/reftests/bugs/690164-1-ref.html             |    10 +
 layout/reftests/bugs/690164-1.html                 |    12 +
 layout/reftests/bugs/690643-1-ref.html             |    22 +
 layout/reftests/bugs/690643-1.html                 |    24 +
 layout/reftests/bugs/691087-1-ref.html             |    41 +
 layout/reftests/bugs/691087-1.html                 |    45 +
 layout/reftests/bugs/691571-1-ref.html             |    18 +
 layout/reftests/bugs/691571-1.html                 |    24 +
 layout/reftests/bugs/696307-1-ref.html             |     5 +
 layout/reftests/bugs/696307-1.html                 |     4 +
 layout/reftests/bugs/696739-1-ref.html             |    22 +
 layout/reftests/bugs/696739-1.html                 |    22 +
 layout/reftests/bugs/703186-1-ref.html             |    23 +
 layout/reftests/bugs/703186-1.html                 |    25 +
 layout/reftests/bugs/703186-2-ref.html             |    29 +
 layout/reftests/bugs/703186-2.html                 |    31 +
 layout/reftests/bugs/711359-1-ref.html             |    13 +
 layout/reftests/bugs/711359-1.html                 |    32 +
 layout/reftests/bugs/712130-1-ref.html             |     5 +
 layout/reftests/bugs/712130-1.html                 |     5 +
 layout/reftests/bugs/712130-2-ref.html             |     3 +
 layout/reftests/bugs/712130-2.html                 |     4 +
 layout/reftests/bugs/712849-1-ref.html             |    31 +
 layout/reftests/bugs/712849-1.html                 |    39 +
 layout/reftests/bugs/713856-dynamic.html           |    15 +
 layout/reftests/bugs/713856-ref.html               |     9 +
 layout/reftests/bugs/713856-static.html            |     9 +
 layout/reftests/bugs/714519-1-as.html              |    13 +
 layout/reftests/bugs/714519-1-q.html               |    12 +
 layout/reftests/bugs/714519-1-ref.html             |    12 +
 layout/reftests/bugs/714519-2-as.html              |     9 +
 layout/reftests/bugs/714519-2-q.html               |     8 +
 layout/reftests/bugs/714519-2-ref.html             |     8 +
 layout/reftests/bugs/718521-ref.html               |    47 +
 layout/reftests/bugs/718521.html                   |    52 +
 layout/reftests/bugs/720987-ref.html               |     5 +
 layout/reftests/bugs/720987.html                   |    29 +
 layout/reftests/bugs/722888-1-ref.html             |    11 +
 layout/reftests/bugs/722888-1.html                 |    21 +
 layout/reftests/bugs/722923-1-ref.html             |    18 +
 layout/reftests/bugs/722923-1.html                 |    20 +
 layout/reftests/bugs/723484-1-ref.html             |     6 +
 layout/reftests/bugs/723484-1.html                 |    13 +
 layout/reftests/bugs/728983-1-ref.html             |    21 +
 layout/reftests/bugs/728983-1.html                 |    23 +
 layout/reftests/bugs/729143-1-ref.html             |    18 +
 layout/reftests/bugs/729143-1.html                 |    18 +
 layout/reftests/bugs/731521-1-ref.html             |     3 +
 layout/reftests/bugs/731521-1.html                 |     4 +
 layout/reftests/bugs/731726-1-ref.html             |    13 +
 layout/reftests/bugs/731726-1.html                 |    17 +
 layout/reftests/bugs/735481-1-ref.html             |    10 +
 layout/reftests/bugs/735481-1.html                 |    12 +
 layout/reftests/bugs/745934-1-ref.html             |    18 +
 layout/reftests/bugs/745934-1.html                 |    24 +
 layout/reftests/bugs/748692-1-ref.html             |     9 +
 layout/reftests/bugs/748692-1a.html                |    13 +
 layout/reftests/bugs/748692-1b.html                |    13 +
 layout/reftests/bugs/748803-1-ref.html             |     8 +
 layout/reftests/bugs/748803-1.html                 |     8 +
 layout/reftests/bugs/750551-1-ref.html             |    14 +
 layout/reftests/bugs/750551-1.html                 |    15 +
 layout/reftests/bugs/751012-1-ref.html             |    37 +
 layout/reftests/bugs/751012-1a.html                |    37 +
 layout/reftests/bugs/751012-1b.html                |    41 +
 layout/reftests/bugs/753329-1.html                 |    16 +
 layout/reftests/bugs/758561-1-ref.html             |     1 +
 layout/reftests/bugs/758561-1.html                 |     1 +
 layout/reftests/bugs/759036-1-ref.html             |    24 +
 layout/reftests/bugs/759036-1.html                 |    25 +
 layout/reftests/bugs/759036-2-ref.html             |    17 +
 layout/reftests/bugs/759036-2.html                 |    16 +
 layout/reftests/bugs/76331-1-ref.html              |    64 +
 layout/reftests/bugs/76331-1.html                  |    69 +
 layout/reftests/bugs/776265-1-ref.html             |    18 +
 layout/reftests/bugs/776265-1a.html                |    19 +
 layout/reftests/bugs/776265-1b.html                |    19 +
 layout/reftests/bugs/776265-1c.html                |    19 +
 layout/reftests/bugs/776265-1d.html                |    19 +
 layout/reftests/bugs/776265-2-ref.html             |    17 +
 layout/reftests/bugs/776265-2a.html                |    18 +
 layout/reftests/bugs/776265-2b.html                |    18 +
 layout/reftests/bugs/776265-2c.html                |    18 +
 layout/reftests/bugs/776265-2d.html                |    18 +
 layout/reftests/bugs/776443-1-ref.html             |     7 +
 layout/reftests/bugs/776443-1.html                 |     6 +
 layout/reftests/bugs/776443-2-ref.html             |     6 +
 layout/reftests/bugs/776443-2.html                 |     6 +
 layout/reftests/bugs/786254-1-ref.html             |     4 +
 layout/reftests/bugs/786254-1.html                 |     5 +
 layout/reftests/bugs/787947-1-ref.html             |     4 +
 layout/reftests/bugs/787947-1.html                 |     4 +
 layout/reftests/bugs/796847-1-ref.svg              |     8 +
 layout/reftests/bugs/796847-1.svg                  |    25 +
 layout/reftests/bugs/797797-1-ref.html             |     6 +
 layout/reftests/bugs/797797-1.html                 |     6 +
 layout/reftests/bugs/797797-2-ref.html             |     7 +
 layout/reftests/bugs/797797-2.html                 |     7 +
 layout/reftests/bugs/801994-1-ref.html             |     4 +
 layout/reftests/bugs/801994-1.html                 |     4 +
 layout/reftests/bugs/804323-1-ref.html             |    19 +
 layout/reftests/bugs/804323-1.html                 |    25 +
 layout/reftests/bugs/811301-1-ref.html             |     6 +
 layout/reftests/bugs/811301-1.html                 |    11 +
 layout/reftests/bugs/812824-1-ref.html             |     3 +
 layout/reftests/bugs/812824-1.html                 |     5 +
 layout/reftests/bugs/814677-ref.html               |    35 +
 layout/reftests/bugs/814677.html                   |    34 +
 layout/reftests/bugs/814952-1-ref.html             |    10 +
 layout/reftests/bugs/814952-1.html                 |    15 +
 layout/reftests/bugs/815030-1-ref.html             |     5 +
 layout/reftests/bugs/815030-1.html                 |    13 +
 layout/reftests/bugs/815593-1-ref.html             |     6 +
 layout/reftests/bugs/815593-1.html                 |    15 +
 layout/reftests/bugs/816359-1-ref.html             |     2 +
 layout/reftests/bugs/816359-1.html                 |     5 +
 layout/reftests/bugs/816458-1-ref.html             |     8 +
 layout/reftests/bugs/816458-1.html                 |    15 +
 layout/reftests/bugs/816876-1-ref.xhtml            |    47 +
 layout/reftests/bugs/816876-1.xhtml                |    47 +
 layout/reftests/bugs/816876-2-ref.xhtml            |    20 +
 layout/reftests/bugs/816876-2a.xhtml               |    20 +
 layout/reftests/bugs/816876-2b.xhtml               |    21 +
 layout/reftests/bugs/816948-1-ref.html             |     6 +
 layout/reftests/bugs/816948-1.html                 |    16 +
 layout/reftests/bugs/816948-iframe.html            |     3 +
 layout/reftests/bugs/817019-1.html                 |    33 +
 layout/reftests/bugs/818276-1-ref.html             |     6 +
 layout/reftests/bugs/818276-1.html                 |    14 +
 layout/reftests/bugs/81947-1.html                  |    17 +
 layout/reftests/bugs/81947-ref.html                |    17 +
 layout/reftests/bugs/825999-ref.html               |    83 +
 layout/reftests/bugs/825999.html                   |    83 +
 layout/reftests/bugs/82711-1-ref.html              |    15 +
 layout/reftests/bugs/82711-1.html                  |     8 +
 layout/reftests/bugs/82711-2-ref.html              |    15 +
 layout/reftests/bugs/82711-2.html                  |     8 +
 layout/reftests/bugs/82711-3-ref.html              |    15 +
 layout/reftests/bugs/82711-3.html                  |    15 +
 layout/reftests/bugs/827577-1-ref.html             |     7 +
 layout/reftests/bugs/827577-1a.html                |    11 +
 layout/reftests/bugs/827577-1b.html                |    18 +
 layout/reftests/bugs/827577-2.html                 |    11 +
 layout/reftests/bugs/827799-1.html                 |     8 +
 layout/reftests/bugs/828146-1-ref.html             |     6 +
 layout/reftests/bugs/828146-1.html                 |    14 +
 layout/reftests/bugs/829958-ref.html               |    27 +
 layout/reftests/bugs/829958.html                   |    32 +
 layout/reftests/bugs/836844-1-ref.html             |    12 +
 layout/reftests/bugs/836844-1.html                 |    22 +
 layout/reftests/bugs/841192-1-ref.html             |     6 +
 layout/reftests/bugs/841192-1.html                 |     5 +
 layout/reftests/bugs/84400-1-ref.html              |   156 +
 layout/reftests/bugs/84400-1.html                  |   179 +
 layout/reftests/bugs/84400-2-ref.html              |    66 +
 layout/reftests/bugs/84400-2.html                  |    69 +
 layout/reftests/bugs/844178-ref.html               |    32 +
 layout/reftests/bugs/844178.html                   |    40 +
 layout/reftests/bugs/846144-1-ref.html             |    24 +
 layout/reftests/bugs/846144-1.html                 |    24 +
 layout/reftests/bugs/847850-1-ref.html             |    25 +
 layout/reftests/bugs/847850-1.html                 |    25 +
 layout/reftests/bugs/848421-1-ref.html             |    14 +
 layout/reftests/bugs/848421-1.html                 |    14 +
 layout/reftests/bugs/849407-1-ref.html             |    27 +
 layout/reftests/bugs/849407-1.html                 |    28 +
 layout/reftests/bugs/849996-1-ref.html             |    23 +
 layout/reftests/bugs/849996-1.html                 |    27 +
 layout/reftests/bugs/858803-1-frame.xhtml          |     2 +
 layout/reftests/bugs/858803-1-ref.html             |     6 +
 layout/reftests/bugs/858803-1.html                 |     7 +
 layout/reftests/bugs/860242-1-ref.html             |    46 +
 layout/reftests/bugs/860242-1.html                 |    47 +
 layout/reftests/bugs/860370-notref.html            |     4 +
 layout/reftests/bugs/860370.html                   |     4 +
 layout/reftests/bugs/871338-1-ref.html             |     1 +
 layout/reftests/bugs/871338-1.html                 |     1 +
 layout/reftests/bugs/872254-1-ref.html             |    21 +
 layout/reftests/bugs/872254-1.html                 |    71 +
 layout/reftests/bugs/883568-1-ref.html             |    14 +
 layout/reftests/bugs/883568-1.html                 |    28 +
 layout/reftests/bugs/883987-1-ref.html             |     4 +
 layout/reftests/bugs/883987-1a.html                |     8 +
 layout/reftests/bugs/883987-1b.html                |     7 +
 layout/reftests/bugs/883987-1c.html                |     7 +
 layout/reftests/bugs/883987-1d.html                |     8 +
 layout/reftests/bugs/883987-1e.html                |     8 +
 layout/reftests/bugs/883987-1f.html                |     7 +
 layout/reftests/bugs/890495-1-ref.html             |     8 +
 layout/reftests/bugs/890495-1.html                 |    17 +
 layout/reftests/bugs/894931-1-ref.html             |     8 +
 layout/reftests/bugs/894931-1.html                 |    15 +
 layout/reftests/bugs/897491-1-ref.html             |     7 +
 layout/reftests/bugs/897491-1.html                 |    15 +
 layout/reftests/bugs/897491-2-ref.html             |     7 +
 layout/reftests/bugs/897491-2.html                 |    15 +
 layout/reftests/bugs/902330-1-ref.html             |    24 +
 layout/reftests/bugs/902330-1.html                 |    33 +
 layout/reftests/bugs/906199-1-ref.html             |    32 +
 layout/reftests/bugs/906199-1.html                 |    33 +
 layout/reftests/bugs/921716-1-ref.html             |    11 +
 layout/reftests/bugs/921716-1.html                 |    17 +
 layout/reftests/bugs/926155-1-ref.html             |     8 +
 layout/reftests/bugs/926155-1.html                 |    18 +
 layout/reftests/bugs/928607-1-ref.html             |     8 +
 layout/reftests/bugs/928607-1.html                 |    15 +
 layout/reftests/bugs/931464-1-ref.html             |     6 +
 layout/reftests/bugs/931464-1.html                 |    17 +
 layout/reftests/bugs/931853-quirks-ref.html        |    23 +
 layout/reftests/bugs/931853-quirks.html            |    22 +
 layout/reftests/bugs/931853-ref.html               |    24 +
 layout/reftests/bugs/931853.html                   |    23 +
 layout/reftests/bugs/933264-1-ref.html             |    71 +
 layout/reftests/bugs/933264-1.html                 |    78 +
 layout/reftests/bugs/935056-1-ref.html             |    11 +
 layout/reftests/bugs/935056-1.html                 |    10 +
 layout/reftests/bugs/936670-1-ref.svg              |     6 +
 layout/reftests/bugs/936670-1.svg                  |     6 +
 layout/reftests/bugs/941940-1-ref.html             |     7 +
 layout/reftests/bugs/941940-1.html                 |     7 +
 layout/reftests/bugs/942017-ref.html               |    63 +
 layout/reftests/bugs/942017.html                   |    65 +
 layout/reftests/bugs/942672-1-ref.html             |     6 +
 layout/reftests/bugs/942672-1.html                 |     6 +
 layout/reftests/bugs/944291-1-ref.html             |    31 +
 layout/reftests/bugs/944291-1.html                 |    37 +
 layout/reftests/bugs/9458-basic-1-ref.html         |    11 +
 layout/reftests/bugs/9458-basic-1.html             |    19 +
 layout/reftests/bugs/9458-height-1-ref.html        |    14 +
 layout/reftests/bugs/9458-height-1.html            |    16 +
 layout/reftests/bugs/9458-height-2-ref.html        |    14 +
 layout/reftests/bugs/9458-height-2.html            |    16 +
 layout/reftests/bugs/9458-valign-1-ref.html        |    13 +
 layout/reftests/bugs/9458-valign-1.html            |    22 +
 layout/reftests/bugs/9458-valign-2-ref.html        |    18 +
 layout/reftests/bugs/9458-valign-2.html            |    23 +
 layout/reftests/bugs/9458-width-1-ref.html         |    15 +
 layout/reftests/bugs/9458-width-1a.html            |    17 +
 layout/reftests/bugs/9458-width-1b.html            |    17 +
 layout/reftests/bugs/9458-width-2-ref.html         |    15 +
 layout/reftests/bugs/9458-width-2a.html            |    18 +
 layout/reftests/bugs/9458-width-2b.html            |    18 +
 layout/reftests/bugs/9458-zorder-1.html            |    18 +
 layout/reftests/bugs/9458-zorder-2.html            |    19 +
 layout/reftests/bugs/9458-zorder-3.html            |    19 +
 layout/reftests/bugs/9458-zorder-4.html            |    18 +
 layout/reftests/bugs/9458-zorder-5.html            |    19 +
 .../bugs/9458-zorder-ref-inline-block.html         |    14 +
 layout/reftests/bugs/9458-zorder-ref-inline.html   |    14 +
 layout/reftests/bugs/9458-zorder-ref.html          |    14 +
 layout/reftests/bugs/950436-1-ref.html             |     5 +
 layout/reftests/bugs/950436-1.html                 |     7 +
 layout/reftests/bugs/950436-1.png                  |   Bin 0 -> 201 bytes
 .../reftests/bugs/953334-win32-clipping-ref.html   |    22 +
 layout/reftests/bugs/953334-win32-clipping.html    |    22 +
 layout/reftests/bugs/956513-1-ref.svg              |    10 +
 layout/reftests/bugs/956513-1.svg                  |    10 +
 layout/reftests/bugs/957770-1-ref.svg              |    10 +
 layout/reftests/bugs/957770-1.svg                  |    12 +
 layout/reftests/bugs/960277-1-ref.html             |     8 +
 layout/reftests/bugs/960277-1.html                 |    14 +
 layout/reftests/bugs/961887-1-ref.html             |    23 +
 layout/reftests/bugs/961887-1.html                 |    30 +
 layout/reftests/bugs/961887-2-ref.html             |    24 +
 layout/reftests/bugs/961887-2.html                 |    32 +
 layout/reftests/bugs/961887-3-ref.html             |    16 +
 layout/reftests/bugs/961887-3.html                 |    51 +
 layout/reftests/bugs/966510-1-ref.html             |    12 +
 layout/reftests/bugs/966510-1.html                 |    12 +
 layout/reftests/bugs/966510-2-ref.html             |    10 +
 layout/reftests/bugs/966510-2.html                 |    12 +
 layout/reftests/bugs/966992-1-ref.html             |    69 +
 layout/reftests/bugs/966992-1.html                 |    64 +
 layout/reftests/bugs/97777-1-ref.html              |    13 +
 layout/reftests/bugs/97777-1.html                  |    13 +
 layout/reftests/bugs/97777-2-ref.html              |    23 +
 layout/reftests/bugs/97777-2.html                  |    22 +
 layout/reftests/bugs/978911-1-ref.svg              |     8 +
 layout/reftests/bugs/978911-1.svg                  |    15 +
 layout/reftests/bugs/98223-1-ref.html              |    27 +
 layout/reftests/bugs/98223-1.html                  |    29 +
 layout/reftests/bugs/98223-2-ref.html              |    26 +
 layout/reftests/bugs/98223-2.html                  |    28 +
 layout/reftests/bugs/983084-1-ref.html             |     6 +
 layout/reftests/bugs/983084-1.html                 |    17 +
 layout/reftests/bugs/983084-2-ref.html             |     6 +
 layout/reftests/bugs/983084-2.html                 |    24 +
 layout/reftests/bugs/983084-3.html                 |    24 +
 layout/reftests/bugs/983691-1.html                 |    21 +
 layout/reftests/bugs/983691-ref.html               |    18 +
 layout/reftests/bugs/983985-1-ref.html             |    19 +
 layout/reftests/bugs/983985-1.html                 |    19 +
 layout/reftests/bugs/983985-2-ref.html             |    28 +
 layout/reftests/bugs/983985-2.html                 |    28 +
 layout/reftests/bugs/985303-1-ref.html             |    34 +
 layout/reftests/bugs/985303-1a.html                |    38 +
 layout/reftests/bugs/985303-1b.html                |    40 +
 layout/reftests/bugs/987680-1-ref.html             |    20 +
 layout/reftests/bugs/987680-1.html                 |    19 +
 layout/reftests/bugs/991046-1-ref.html             |    29 +
 layout/reftests/bugs/991046-1.html                 |    30 +
 layout/reftests/bugs/992447-ref.html               |    28 +
 layout/reftests/bugs/992447.html                   |    28 +
 layout/reftests/bugs/99850-1-ref.html              |    12 +
 layout/reftests/bugs/99850-1a.html                 |    21 +
 layout/reftests/bugs/99850-1b.html                 |    27 +
 layout/reftests/bugs/99850-1c.html                 |    12 +
 layout/reftests/bugs/99850-1d.html                 |    20 +
 layout/reftests/bugs/LongHyphenTest.woff2          |   Bin 0 -> 668 bytes
 layout/reftests/bugs/blob-fallback-clip-ref.html   |    29 +
 layout/reftests/bugs/blob-fallback-clip.html       |    36 +
 layout/reftests/bugs/blue-600x58.png               |   Bin 0 -> 271 bytes
 layout/reftests/bugs/bug1472465-1-ref.html         |    45 +
 layout/reftests/bugs/bug1472465-1.html             |    68 +
 layout/reftests/bugs/checkmark.gif                 |   Bin 0 -> 76 bytes
 layout/reftests/bugs/mozilla-banner-opacity.gif    |   Bin 0 -> 4333 bytes
 layout/reftests/bugs/mozilla-banner.gif            |   Bin 0 -> 4500 bytes
 layout/reftests/bugs/passinner.png                 |   Bin 0 -> 563 bytes
 layout/reftests/bugs/passouter.png                 |   Bin 0 -> 1036 bytes
 layout/reftests/bugs/pinwheel_logo.svg             |    12 +
 layout/reftests/bugs/reftest.list                  |  2166 ++
 .../reftests/bugs/repeatable-diagonal-gradient.png |   Bin 0 -> 14520 bytes
 layout/reftests/bugs/solidblue.png                 |   Bin 0 -> 135 bytes
 layout/reftests/bugs/solidblue2.png                |   Bin 0 -> 69 bytes
 layout/reftests/bugs/square-left-right-32x32.png   |   Bin 0 -> 158 bytes
 layout/reftests/bugs/square-outline-32x32.png      |   Bin 0 -> 96 bytes
 layout/reftests/bugs/square-top-bottom-32x32.png   |   Bin 0 -> 161 bytes
 .../reftests/bugs/subdir/445004-ref-subframe.html  |     8 +
 .../bugs/subdir/445004-ref-subsubframe.html        |     1 +
 layout/reftests/bugs/subdir/445004-subframe.html   |    35 +
 layout/reftests/bugs/subdir/passinner.png          |   Bin 0 -> 1036 bytes
 layout/reftests/bugs/subdir/passouter.png          |   Bin 0 -> 563 bytes
 .../reftests/bugs/support/replaced-min-max-1.png   |   Bin 0 -> 957 bytes
 .../reftests/bugs/support/replaced-min-max-10.png  |   Bin 0 -> 1775 bytes
 .../reftests/bugs/support/replaced-min-max-11.png  |   Bin 0 -> 1357 bytes
 .../reftests/bugs/support/replaced-min-max-12.png  |   Bin 0 -> 1744 bytes
 .../reftests/bugs/support/replaced-min-max-13.png  |   Bin 0 -> 1357 bytes
 .../reftests/bugs/support/replaced-min-max-14.png  |   Bin 0 -> 1018 bytes
 .../reftests/bugs/support/replaced-min-max-15.png  |   Bin 0 -> 1025 bytes
 .../reftests/bugs/support/replaced-min-max-16.png  |   Bin 0 -> 1018 bytes
 .../reftests/bugs/support/replaced-min-max-17.png  |   Bin 0 -> 1026 bytes
 .../reftests/bugs/support/replaced-min-max-18.png  |   Bin 0 -> 1073 bytes
 .../reftests/bugs/support/replaced-min-max-19.png  |   Bin 0 -> 1074 bytes
 .../reftests/bugs/support/replaced-min-max-2.png   |   Bin 0 -> 1175 bytes
 .../reftests/bugs/support/replaced-min-max-3.png   |   Bin 0 -> 1144 bytes
 .../reftests/bugs/support/replaced-min-max-4.png   |   Bin 0 -> 1018 bytes
 .../reftests/bugs/support/replaced-min-max-5.png   |   Bin 0 -> 1026 bytes
 .../reftests/bugs/support/replaced-min-max-6.png   |   Bin 0 -> 1175 bytes
 .../reftests/bugs/support/replaced-min-max-7.png   |   Bin 0 -> 1276 bytes
 .../reftests/bugs/support/replaced-min-max-8.png   |   Bin 0 -> 1018 bytes
 .../reftests/bugs/support/replaced-min-max-9.png   |   Bin 0 -> 1025 bytes
 layout/reftests/bugs/support/replaced-min-max.png  |   Bin 0 -> 1083 bytes
 layout/reftests/canvas/1074733-1-ref.html          |    23 +
 layout/reftests/canvas/1074733-1.html              |    23 +
 layout/reftests/canvas/1107096-invisibles-ref.html |    23 +
 layout/reftests/canvas/1107096-invisibles.html     |    23 +
 layout/reftests/canvas/1151821-1-ref.html          |    20 +
 layout/reftests/canvas/1151821-1.html              |    26 +
 layout/reftests/canvas/1201272-1-ref.html          |    33 +
 layout/reftests/canvas/1201272-1.html              |    36 +
 layout/reftests/canvas/1224976-1-ref.html          |     2 +
 layout/reftests/canvas/1224976-1.html              |    10 +
 layout/reftests/canvas/1238795-1-ref.html          |    20 +
 layout/reftests/canvas/1238795-1.html              |    24 +
 layout/reftests/canvas/1303534-1-ref.html          |    17 +
 layout/reftests/canvas/1303534-1.html              |    25 +
 .../canvas/1304353-text-global-alpha-1-ref.html    |    39 +
 .../canvas/1304353-text-global-alpha-1.html        |    38 +
 .../canvas/1304353-text-global-alpha-2-ref.html    |    39 +
 .../canvas/1304353-text-global-alpha-2.html        |    38 +
 .../1304353-text-global-composite-op-1-ref.html    |    21 +
 .../canvas/1304353-text-global-composite-op-1.html |    24 +
 layout/reftests/canvas/1347147-1-ref.html          |    23 +
 layout/reftests/canvas/1347147-1.html              |    33 +
 layout/reftests/canvas/1353000-1-ref.html          |    31 +
 layout/reftests/canvas/1353000-1.html              |    31 +
 layout/reftests/canvas/1447035-1-ref.html          |     8 +
 layout/reftests/canvas/1447035-1.html              |    21 +
 layout/reftests/canvas/1817455-1-ref.html          |     9 +
 layout/reftests/canvas/1817455-1.html              |     9 +
 layout/reftests/canvas/1817873-1-ref.html          |    13 +
 layout/reftests/canvas/1817873-1.html              |    14 +
 layout/reftests/canvas/1846079-1-ref.html          |     8 +
 layout/reftests/canvas/1846079-1.html              |    22 +
 layout/reftests/canvas/1850284-1-ref.html          |    16 +
 layout/reftests/canvas/1850284-1.html              |    16 +
 layout/reftests/canvas/1850727-1-ref.html          |     6 +
 layout/reftests/canvas/1850727-1.html              |    26 +
 .../canvas/672646-alpha-radial-gradient-ref.html   |    19 +
 .../canvas/672646-alpha-radial-gradient.html       |    24 +
 .../674003-alpha-radial-gradient-superlum-ref.html |    11 +
 .../674003-alpha-radial-gradient-superlum.html     |    36 +
 layout/reftests/canvas/693610-1-notref.html        |    18 +
 layout/reftests/canvas/693610-1.html               |    16 +
 .../reftests/canvas/726951-shadow-clips-ref.html   |    18 +
 layout/reftests/canvas/726951-shadow-clips.html    |    18 +
 layout/reftests/canvas/749467-1-ref.html           |    28 +
 layout/reftests/canvas/749467-1.html               |    31 +
 layout/reftests/canvas/784573-1-ref.html           |    28 +
 layout/reftests/canvas/784573-1.html               |    36 +
 layout/reftests/canvas/802658-1-ref.html           |    25 +
 layout/reftests/canvas/802658-1.html               |    26 +
 layout/reftests/canvas/copy-clip-ref.html          |     7 +
 layout/reftests/canvas/copy-clip.html              |    22 +
 layout/reftests/canvas/ctm-sanity.html             |    85 +
 layout/reftests/canvas/ctm-singular-sanity.html    |    60 +
 layout/reftests/canvas/dash-1-ref.svg              |    18 +
 layout/reftests/canvas/dash-1.html                 |    34 +
 layout/reftests/canvas/dash-sanity.html            |    98 +
 layout/reftests/canvas/default-size-ref.html       |     7 +
 layout/reftests/canvas/default-size.html           |     7 +
 .../reftests/canvas/empty-transaction-1-ref.html   |     6 +
 layout/reftests/canvas/empty-transaction-1.html    |    14 +
 layout/reftests/canvas/evenodd-fill-1.html         |    15 +
 layout/reftests/canvas/evenodd-fill-2.html         |    19 +
 layout/reftests/canvas/evenodd-fill-3.html         |    26 +
 layout/reftests/canvas/evenodd-fill-ref.html       |    17 +
 layout/reftests/canvas/evenodd-fill-sanity.html    |    43 +
 layout/reftests/canvas/image-rendering-auto.html   |    32 +
 layout/reftests/canvas/image-rendering-ref.html    |    26 +
 layout/reftests/canvas/image-rendering-script.html |    38 +
 layout/reftests/canvas/image-rendering-test.html   |    29 +
 layout/reftests/canvas/image-shadow-ref.html       |     7 +
 layout/reftests/canvas/image-shadow.html           |    18 +
 layout/reftests/canvas/image_green-16x16.png       |   Bin 0 -> 92 bytes
 layout/reftests/canvas/large-canvas-ref.html       |     5 +
 layout/reftests/canvas/large-canvas.html           |    11 +
 layout/reftests/canvas/linear-gradient-1-ref.html  |     3 +
 layout/reftests/canvas/linear-gradient-1a.html     |    14 +
 layout/reftests/canvas/linear-gradient-1b.html     |    14 +
 layout/reftests/canvas/nonzero-fill-1.html         |    15 +
 layout/reftests/canvas/nonzero-fill-2.html         |    26 +
 layout/reftests/canvas/reftest.list                |   129 +
 layout/reftests/canvas/size-1-ref.html             |     9 +
 layout/reftests/canvas/size-1.html                 |    12 +
 layout/reftests/canvas/size-change-1-ref.html      |     6 +
 layout/reftests/canvas/size-change-1.html          |    22 +
 layout/reftests/canvas/strokeText-path-ref.html    |    23 +
 layout/reftests/canvas/strokeText-path.html        |    33 +
 layout/reftests/canvas/subpixel-1.html             |    14 +
 layout/reftests/canvas/text-bidi-ltr-notref.html   |    22 +
 layout/reftests/canvas/text-bidi-ltr-ref.html      |    20 +
 layout/reftests/canvas/text-bidi-ltr-test.html     |    20 +
 layout/reftests/canvas/text-bidi-rtl-ref.html      |    20 +
 layout/reftests/canvas/text-bidi-rtl-test.html     |    20 +
 layout/reftests/canvas/text-big-fill.html          |    22 +
 layout/reftests/canvas/text-big-stroke.html        |    22 +
 layout/reftests/canvas/text-blank.html             |    14 +
 layout/reftests/canvas/text-context-state-ref.html |    32 +
 .../reftests/canvas/text-context-state-test.html   |    40 +
 layout/reftests/canvas/text-emoji-notref.html      |    28 +
 layout/reftests/canvas/text-emoji.html             |    28 +
 layout/reftests/canvas/text-font-inherit.html      |    21 +
 layout/reftests/canvas/text-font-lang-notref.html  |    50 +
 layout/reftests/canvas/text-font-lang.html         |    56 +
 .../reftests/canvas/text-horzline-with-bottom.html |    27 +
 layout/reftests/canvas/text-horzline-with-top.html |    27 +
 layout/reftests/canvas/text-horzline.html          |    20 +
 layout/reftests/canvas/text-indent-1-ref.html      |     4 +
 layout/reftests/canvas/text-indent-1a.html         |     4 +
 layout/reftests/canvas/text-indent-1b.html         |    14 +
 layout/reftests/canvas/text-ltr-alignment-ref.html |    29 +
 .../reftests/canvas/text-ltr-alignment-test.html   |    29 +
 layout/reftests/canvas/text-ltr-end.html           |    19 +
 layout/reftests/canvas/text-ltr-left.html          |    19 +
 layout/reftests/canvas/text-ltr-right.html         |    19 +
 layout/reftests/canvas/text-ltr-start.html         |    19 +
 layout/reftests/canvas/text-measure-ref.html       |    15 +
 layout/reftests/canvas/text-measure.html           |    19 +
 layout/reftests/canvas/text-no-frame-2-test.html   |    29 +
 layout/reftests/canvas/text-no-frame-ref.html      |    21 +
 layout/reftests/canvas/text-no-frame-test.html     |    27 +
 layout/reftests/canvas/text-not-in-doc-ref.html    |    21 +
 layout/reftests/canvas/text-not-in-doc-test.html   |    26 +
 layout/reftests/canvas/text-rtl-alignment-ref.html |    29 +
 .../reftests/canvas/text-rtl-alignment-test.html   |    29 +
 layout/reftests/canvas/text-rtl-end.html           |    19 +
 layout/reftests/canvas/text-rtl-left.html          |    19 +
 layout/reftests/canvas/text-rtl-right.html         |    19 +
 layout/reftests/canvas/text-rtl-start.html         |    19 +
 layout/reftests/canvas/text-small-caps-1-ref.html  |    19 +
 layout/reftests/canvas/text-small-caps-1.html      |    19 +
 layout/reftests/canvas/text-space-replace-ref.html |    19 +
 .../reftests/canvas/text-space-replace-test.html   |    19 +
 layout/reftests/canvas/text-subpixel-1-ref.html    |    12 +
 layout/reftests/canvas/text-subpixel-1.html        |    14 +
 layout/reftests/canvas/transformed-clip-ref.html   |    15 +
 layout/reftests/canvas/transformed-clip.html       |    16 +
 .../reftests/canvas/transformed-gradient-ref.html  |    17 +
 layout/reftests/canvas/transformed-gradient.html   |    18 +
 .../canvas/transformed-line-stroke-ref.html        |    15 +
 .../reftests/canvas/transformed-line-stroke.html   |    16 +
 layout/reftests/canvas/transformed-path-ref.html   |    19 +
 layout/reftests/canvas/transformed-path.html       |    21 +
 layout/reftests/canvas/zero-dimensions-ref.html    |     8 +
 layout/reftests/canvas/zero-dimensions.html        |     9 +
 .../color-scheme/color-scheme-basic-notref.html    |     8 +
 .../reftests/color-scheme/color-scheme-basic.html  |     9 +
 .../color-scheme-themed-button-notref.html         |     5 +
 .../color-scheme/color-scheme-themed-button.html   |    10 +
 .../color-scheme/prefers-color-scheme-dark.svg     |     6 +
 .../color-scheme/prefers-color-scheme-light.svg    |     6 +
 .../prefers-color-scheme-svg-image-ref.html        |     7 +
 .../prefers-color-scheme-svg-image.html            |     7 +
 .../reftests/color-scheme/prefers-color-scheme.svg |     9 +
 layout/reftests/color-scheme/reftest.list          |     4 +
 layout/reftests/columns/ahem.css                   |     4 +
 layout/reftests/columns/basic-1.html               |    14 +
 layout/reftests/columns/basic-ref.html             |    17 +
 .../columns/break-avoid-line-position-1-ref.html   |    21 +
 .../columns/break-avoid-line-position-1.html       |    19 +
 layout/reftests/columns/column-balancing-000.html  |    19 +
 .../reftests/columns/column-balancing-000.ref.html |    19 +
 layout/reftests/columns/column-balancing-001.html  |    19 +
 layout/reftests/columns/column-balancing-002.html  |    19 +
 .../reftests/columns/column-balancing-002.ref.html |    19 +
 layout/reftests/columns/column-balancing-003.html  |    21 +
 layout/reftests/columns/column-balancing-004.html  |    21 +
 .../reftests/columns/column-balancing-004.ref.html |    19 +
 .../columns/column-balancing-nested-000-ref.html   |    62 +
 .../columns/column-balancing-nested-000.html       |    56 +
 .../columns/column-balancing-nested-001-ref.html   |    65 +
 .../columns/column-balancing-nested-001.html       |    61 +
 .../columns/column-balancing-overflow-000.html     |    20 +
 .../columns/column-balancing-overflow-000.ref.html |    19 +
 .../columns/column-balancing-overflow-001.html     |    20 +
 .../columns/column-balancing-overflow-002.html     |    25 +
 .../columns/column-balancing-overflow-002.ref.html |    17 +
 .../columns/column-balancing-overflow-003.html     |    21 +
 .../columns/column-balancing-overflow-003.ref.html |    20 +
 .../columns/column-balancing-overflow-004.html     |    43 +
 .../columns/column-balancing-overflow-004.ref.html |    18 +
 .../columns/column-balancing-overflow-005.html     |    13 +
 .../columns/column-balancing-overflow-005.ref.html |    25 +
 .../columns/column-box-alignment-rtl-2-ref.html    |    27 +
 .../columns/column-box-alignment-rtl-2.html        |    25 +
 .../columns/column-box-alignment-rtl-3-ref.html    |    30 +
 .../columns/column-box-alignment-rtl-3.html        |    28 +
 .../columns/column-box-alignment-rtl-4-ref.html    |    31 +
 .../columns/column-box-alignment-rtl-4.html        |    29 +
 .../columns/column-box-alignment-rtl-ref.html      |    26 +
 .../reftests/columns/column-box-alignment-rtl.html |    24 +
 .../reftests/columns/column-span-bidi-1-ref.html   |    22 +
 layout/reftests/columns/column-span-bidi-1.html    |    29 +
 layout/reftests/columns/columnfill-auto-2-ref.html |    48 +
 layout/reftests/columns/columnfill-auto-2.html     |    48 +
 layout/reftests/columns/columnfill-auto-3.html     |    47 +
 layout/reftests/columns/columnfill-auto-ref.html   |    80 +
 layout/reftests/columns/columnfill-auto.html       |    68 +
 .../reftests/columns/columnfill-balance-ref.html   |    33 +
 layout/reftests/columns/columnfill-balance.html    |    16 +
 .../reftests/columns/columnfill-overflow-ref.html  |    40 +
 layout/reftests/columns/columnfill-overflow.html   |    40 +
 layout/reftests/columns/columnrule-basic-ref.html  |    15 +
 layout/reftests/columns/columnrule-basic.html      |    11 +
 .../reftests/columns/columnrule-complex-ref.html   |    27 +
 layout/reftests/columns/columnrule-complex.html    |    11 +
 .../columns/columnrule-linestyles-notref.html      |     1 +
 layout/reftests/columns/columnrule-linestyles.html |     2 +
 .../reftests/columns/columnrule-overflow-ref.html  |    49 +
 layout/reftests/columns/columnrule-overflow.html   |    41 +
 .../reftests/columns/columnrule-padding-ref.html   |    31 +
 layout/reftests/columns/columnrule-padding.html    |    15 +
 .../columns/columns-table-caption-000-ref.html     |    73 +
 .../columns/columns-table-caption-000.html         |    71 +
 .../dynamic-change-with-overflow-1-ref.html        |     6 +
 .../columns/dynamic-change-with-overflow-1.html    |    16 +
 .../columns/dynamic-text-indent-1-ref.html         |     4 +
 layout/reftests/columns/dynamic-text-indent-1.html |    14 +
 .../columns/dynamic-text-indent-2-ref.html         |     4 +
 layout/reftests/columns/dynamic-text-indent-2.html |    14 +
 .../reftests/columns/fieldset-columns-001-ref.html |    82 +
 layout/reftests/columns/fieldset-columns-001.html  |    72 +
 .../reftests/columns/fieldset-columns-002-ref.html |    23 +
 layout/reftests/columns/fieldset-columns-002.html  |    25 +
 .../reftests/columns/fieldset-columns-003-ref.html |    21 +
 layout/reftests/columns/fieldset-columns-003.html  |    24 +
 .../reftests/columns/fieldset-columns-004-ref.html |    26 +
 layout/reftests/columns/fieldset-columns-004.html  |    27 +
 .../columns/first-line-first-letter-ref.html       |    17 +
 .../reftests/columns/first-line-first-letter.html  |    18 +
 .../columns/margin-collapsing-bug616722-1-ref.html |    70 +
 .../columns/margin-collapsing-bug616722-1.html     |    57 +
 .../columns/margin-collapsing-bug616722-2-ref.html |    79 +
 .../columns/margin-collapsing-bug616722-2.html     |    79 +
 layout/reftests/columns/min-width-1-ref.html       |    12 +
 layout/reftests/columns/min-width-1a.html          |    18 +
 layout/reftests/columns/min-width-1b.html          |    18 +
 layout/reftests/columns/min-width-1c.html          |    18 +
 layout/reftests/columns/min-width-2-ref.html       |    43 +
 layout/reftests/columns/min-width-2.html           |    69 +
 .../positioning-transforms-bug1112501-ref.html     |     9 +
 .../columns/positioning-transforms-bug1112501.html |     9 +
 layout/reftests/columns/pref-width-1-ref.html      |    19 +
 layout/reftests/columns/pref-width-1a.html         |    19 +
 layout/reftests/columns/pref-width-1b.html         |    19 +
 layout/reftests/columns/pref-width-1c.html         |    19 +
 layout/reftests/columns/reftest.list               |    50 +
 .../columns/zero-height-nondirty-reflow-ref.html   |    30 +
 .../columns/zero-height-nondirty-reflow.html       |    54 +
 layout/reftests/conditional/css-supports-001.xht   |    21 +
 layout/reftests/conditional/css-supports-002.xht   |    20 +
 layout/reftests/conditional/reftest.list           |     2 +
 layout/reftests/conditional/support/pass.xht       |    12 +
 layout/reftests/counter-style/ref-common.css       |    12 +
 layout/reftests/counter-style/reftest.list         |     1 +
 layout/reftests/counter-style/test-common.css      |    18 +
 .../counter-style/too-long-representation-ref.html |     6 +
 .../counter-style/too-long-representation.html     |    33 +
 .../reftests/counters/counter-cjk-decimal-ref.html |    20 +
 layout/reftests/counters/counter-cjk-decimal.html  |    25 +
 .../counters/counter-ethiopic-numeric-ref.html     |    47 +
 .../counters/counter-ethiopic-numeric.html         |    50 +
 .../counters/counter-hebrew-reference.html         |    65 +
 layout/reftests/counters/counter-hebrew-test.html  |    68 +
 .../counters/counter-japanese-formal-ref.html      |    36 +
 .../reftests/counters/counter-japanese-formal.html |    41 +
 .../counters/counter-japanese-informal-ref.html    |    36 +
 .../counters/counter-japanese-informal.html        |    41 +
 .../counters/counter-korean-hangul-formal-ref.html |    36 +
 .../counters/counter-korean-hangul-formal.html     |    41 +
 .../counters/counter-korean-hanja-formal-ref.html  |    36 +
 .../counters/counter-korean-hanja-formal.html      |    41 +
 .../counter-korean-hanja-informal-ref.html         |    36 +
 .../counters/counter-korean-hanja-informal.html    |    41 +
 .../counters/counter-name-case-sensitive-ref.html  |    18 +
 .../counters/counter-name-case-sensitive.html      |    26 +
 .../counters/counter-reset-integer-range-ref.html  |     9 +
 .../counters/counter-reset-integer-range.html      |    20 +
 .../counters/counter-simp-chinese-formal-ref.html  |    36 +
 .../counters/counter-simp-chinese-formal.html      |    41 +
 .../counter-simp-chinese-informal-ref.html         |    36 +
 .../counters/counter-simp-chinese-informal.html    |    41 +
 layout/reftests/counters/counter-suffix-ref.html   |    38 +
 layout/reftests/counters/counter-suffix.html       |    18 +
 .../counters/counter-trad-chinese-formal-ref.html  |    36 +
 .../counters/counter-trad-chinese-formal.html      |    41 +
 .../counter-trad-chinese-informal-ref.html         |    36 +
 .../counters/counter-trad-chinese-informal.html    |    41 +
 .../counters/counter-ua-limits-00-ref.html         |    26 +
 layout/reftests/counters/counter-ua-limits-00.html |    33 +
 .../counters/counter-ua-limits-01-ref.html         |    26 +
 layout/reftests/counters/counter-ua-limits-01.html |    33 +
 .../counters/counter-ua-limits-02-ref.html         |    26 +
 layout/reftests/counters/counter-ua-limits-02.html |    33 +
 .../counters/counter-ua-limits-03-ref.html         |    26 +
 layout/reftests/counters/counter-ua-limits-03.html |    33 +
 .../counters/counter-ua-limits-list-00-ref.html    |    33 +
 .../counters/counter-ua-limits-list-00.html        |    33 +
 .../counters/counter-ua-limits-list-01-ref.html    |    46 +
 .../counters/counter-ua-limits-list-01.html        |    33 +
 .../counters/counters-hebrew-reference.html        |    66 +
 layout/reftests/counters/counters-hebrew-test.html |    72 +
 .../counters/multiple-thai-counters-ref.html       |     9 +
 .../reftests/counters/multiple-thai-counters.html  |    12 +
 layout/reftests/counters/reftest.list              |    81 +
 .../counters/t1202-counter-00-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-00-b-test.html |    34 +
 .../counters/t1202-counter-01-b-reference.html     |    28 +
 .../counters/t1202-counter-02-b-reference.html     |    27 +
 .../reftests/counters/t1202-counter-02-b-test.html |    34 +
 .../counters/t1202-counter-03-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-03-b-test.html |    34 +
 .../counters/t1202-counter-04-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-04-b-test.html |    34 +
 .../counters/t1202-counter-05-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-05-b-test.html |    34 +
 .../counters/t1202-counter-06-b-reference.html     |    32 +
 .../reftests/counters/t1202-counter-06-b-test.html |    38 +
 .../counters/t1202-counter-07-b-reference.html     |    35 +
 .../reftests/counters/t1202-counter-07-b-test.html |    42 +
 .../counters/t1202-counter-08-b-reference.html     |    35 +
 .../reftests/counters/t1202-counter-08-b-test.html |    42 +
 .../counters/t1202-counter-09-b-reference.html     |    57 +
 .../reftests/counters/t1202-counter-09-b-test.html |    63 +
 .../counters/t1202-counter-10-b-reference.html     |    56 +
 .../reftests/counters/t1202-counter-10-b-test.html |    62 +
 .../counters/t1202-counter-11-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-11-b-test.html |    34 +
 .../counters/t1202-counter-12-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-12-b-test.html |    34 +
 .../counters/t1202-counter-13-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-13-b-test.html |    34 +
 .../counters/t1202-counter-14-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-14-b-test.html |    34 +
 .../counters/t1202-counter-15-b-reference.html     |    28 +
 .../reftests/counters/t1202-counter-15-b-test.html |    34 +
 .../counters/t1202-counter-16-f-reference.html     |    28 +
 .../reftests/counters/t1202-counter-16-f-test.html |    40 +
 .../counters/t1202-counters-00-b-reference.html    |    29 +
 .../counters/t1202-counters-00-b-test.html         |    37 +
 .../counters/t1202-counters-01-b-test.html         |    37 +
 .../counters/t1202-counters-02-b-reference.html    |    29 +
 .../counters/t1202-counters-02-b-test.html         |    37 +
 .../counters/t1202-counters-03-b-reference.html    |    29 +
 .../counters/t1202-counters-03-b-test.html         |    37 +
 .../counters/t1202-counters-04-b-reference.html    |    29 +
 .../counters/t1202-counters-04-b-test.html         |    37 +
 .../counters/t1202-counters-05-b-reference.html    |    29 +
 .../counters/t1202-counters-05-b-test.html         |    37 +
 .../counters/t1202-counters-06-b-reference.html    |    33 +
 .../counters/t1202-counters-06-b-test.html         |    41 +
 .../counters/t1202-counters-07-b-reference.html    |    37 +
 .../counters/t1202-counters-07-b-test.html         |    45 +
 .../counters/t1202-counters-08-b-reference.html    |    37 +
 .../counters/t1202-counters-08-b-test.html         |    45 +
 .../counters/t1202-counters-09-b-reference.html    |    58 +
 .../counters/t1202-counters-09-b-test.html         |    66 +
 .../counters/t1202-counters-10-b-reference.html    |    57 +
 .../counters/t1202-counters-10-b-test.html         |    65 +
 .../counters/t1202-counters-11-b-reference.html    |    29 +
 .../counters/t1202-counters-11-b-test.html         |    37 +
 .../counters/t1202-counters-12-b-reference.html    |    29 +
 .../counters/t1202-counters-12-b-test.html         |    37 +
 .../counters/t1202-counters-13-b-reference.html    |    29 +
 .../counters/t1202-counters-13-b-test.html         |    37 +
 .../counters/t1202-counters-14-b-reference.html    |    29 +
 .../counters/t1202-counters-14-b-test.html         |    37 +
 .../counters/t1202-counters-15-b-reference.html    |    29 +
 .../counters/t1202-counters-15-b-test.html         |    37 +
 .../counters/t1202-counters-16-c-reference.html    |    16 +
 .../counters/t1202-counters-16-c-test.html         |    27 +
 .../counters/t1202-counters-17-d-reference.html    |    21 +
 .../counters/t1202-counters-17-d-test.html         |    28 +
 .../counters/t1202-counters-18-f-reference.html    |    29 +
 .../counters/t1202-counters-18-f-test.html         |    44 +
 .../counters/t1204-implied-00-b-reference.html     |    15 +
 .../reftests/counters/t1204-implied-00-b-test.html |    21 +
 .../counters/t1204-implied-01-c-reference.html     |    16 +
 .../reftests/counters/t1204-implied-01-c-test.html |    23 +
 .../counters/t1204-implied-02-d-reference.html     |    16 +
 .../reftests/counters/t1204-implied-02-d-test.html |    24 +
 .../counters/t1204-increment-00-c-o-reference.html |    15 +
 .../counters/t1204-increment-00-c-o-test.html      |    35 +
 .../counters/t1204-increment-01-c-o-reference.html |    15 +
 .../counters/t1204-increment-01-c-o-test.html      |    32 +
 .../counters/t1204-increment-02-c-o-reference.html |    16 +
 .../counters/t1204-increment-02-c-o-test.html      |    34 +
 .../counters/t1204-multiple-00-c-reference.html    |    15 +
 .../counters/t1204-multiple-00-c-test.html         |    21 +
 .../counters/t1204-multiple-01-c-reference.html    |    15 +
 .../counters/t1204-multiple-01-c-test.html         |    22 +
 .../counters/t1204-order-00-c-reference.html       |    33 +
 .../reftests/counters/t1204-order-00-c-test.html   |    44 +
 .../counters/t1204-order-01-d-reference.html       |    43 +
 .../reftests/counters/t1204-order-01-d-test.html   |    46 +
 .../counters/t1204-reset-00-c-o-reference.html     |    15 +
 .../reftests/counters/t1204-reset-00-c-o-test.html |    34 +
 .../counters/t1204-reset-01-c-o-reference.html     |    15 +
 .../reftests/counters/t1204-reset-01-c-o-test.html |    32 +
 .../counters/t1204-reset-02-c-o-reference.html     |    15 +
 .../reftests/counters/t1204-reset-02-c-o-test.html |    32 +
 .../reftests/counters/t1204-root-e-reference.html  |    18 +
 layout/reftests/counters/t1204-root-e-test.html    |    27 +
 .../counters/t120401-scope-00-b-reference.html     |    19 +
 .../reftests/counters/t120401-scope-00-b-test.html |    29 +
 .../counters/t120401-scope-01-c-reference.html     |    16 +
 .../reftests/counters/t120401-scope-01-c-test.html |    24 +
 .../counters/t120401-scope-02-c-reference.html     |    16 +
 .../reftests/counters/t120401-scope-02-c-test.html |    24 +
 .../counters/t120401-scope-03-c-reference.html     |    16 +
 .../reftests/counters/t120401-scope-03-c-test.html |    24 +
 .../counters/t120401-scope-04-d-reference.html     |    15 +
 .../reftests/counters/t120401-scope-04-d-test.html |    23 +
 .../t120403-content-none-00-c-reference.html       |    16 +
 .../counters/t120403-content-none-00-c-test.html   |    23 +
 .../t120403-display-none-00-c-reference.html       |    16 +
 .../counters/t120403-display-none-00-c-test.html   |    23 +
 .../t120403-visibility-00-c-reference.html         |    16 +
 .../counters/t120403-visibility-00-c-test.html     |    23 +
 .../counters/text-boundaries-subpixel-ref.html     |    17 +
 .../counters/text-boundaries-subpixel.html         |    17 +
 .../animate-display-table-opacity-ref.html         |     9 +
 .../animate-display-table-opacity.html             |    14 +
 .../css-animations/animate-opacity-ref.html        |    18 +
 .../reftests/css-animations/animate-opacity.html   |    23 +
 .../css-animations/animate-preserves3d-ref.html    |    30 +
 .../css-animations/animate-preserves3d.html        |    38 +
 ...ation-initially-out-of-view-with-delay-ref.html |    14 +
 ...animation-initially-out-of-view-with-delay.html |    29 +
 .../animation-on-empty-height-frame.html           |    33 +
 .../background-color-on-html-ref.html              |     8 +
 .../css-animations/background-color-on-html.html   |    20 +
 .../css-animations/background-color-ref.html       |     9 +
 .../reftests/css-animations/background-color.html  |    23 +
 .../background-position-after-finish.html          |    24 +
 .../background-position-important.html             |    17 +
 .../background-position-in-delay.html              |    16 +
 .../css-animations/background-position-ref.html    |    12 +
 .../background-position-running.html               |    16 +
 .../change-animation-name-in-rule-ref.html         |    10 +
 ...nge-animation-name-to-non-existent-in-rule.html |    25 +
 .../change-animation-name-to-none-in-rule.html     |    25 +
 .../change-animation-name-to-other-in-rule.html    |    29 +
 .../containing-block-on-visibility-hidden-ref.html |    26 +
 .../containing-block-on-visibility-hidden.html     |    34 +
 ...-on-marker-pseudo-element-at-beginning-ref.html |    13 +
 ...tent-on-marker-pseudo-element-at-beginning.html |    18 +
 .../content-on-marker-pseudo-element-at-half.html  |    18 +
 .../content-on-pseudo-element-at-beginning.html    |    14 +
 .../content-on-pseudo-element-at-half.html         |    14 +
 .../content-on-pseudo-element-ref.html             |     9 +
 .../css-animations/continuation-opacity-ref.html   |    15 +
 .../css-animations/continuation-opacity.html       |    26 +
 .../ib-split-sibling-opacity-ref.html              |     3 +
 .../css-animations/ib-split-sibling-opacity.html   |    20 +
 ...hidden-animation-marker-pseudo-element-ref.html |    20 +
 ...ity-hidden-animation-marker-pseudo-element.html |    39 +
 ...bility-hidden-animation-pseudo-element-ref.html |    18 +
 ...visibility-hidden-animation-pseudo-element.html |    37 +
 .../in-visibility-hidden-animation-ref.html        |    16 +
 .../in-visibility-hidden-animation.html            |    36 +
 ...-and-animation-starts-at-the-same-time-ref.html |    17 +
 ...rame-and-animation-starts-at-the-same-time.html |    33 +
 layout/reftests/css-animations/mask-anim-ref.html  |    12 +
 .../mask-position-after-finish-1a.html             |    26 +
 .../mask-position-after-finish-1b.html             |    35 +
 .../css-animations/mask-position-in-delay-1a.html  |    17 +
 .../css-animations/mask-position-in-delay-1b.html  |    26 +
 .../css-animations/mask-size-after-finish-1a.html  |    26 +
 .../css-animations/mask-size-after-finish-1b.html  |    35 +
 .../css-animations/mask-size-in-delay-1a.html      |    19 +
 .../css-animations/mask-size-in-delay-1b.html      |    29 +
 .../no-stacking-context-animation-ref.html         |    20 +
 ...t-distance-animation-with-offset-path-none.html |    24 +
 ...ontext-opacity-removing-animation-in-delay.html |    47 +
 ...text-transform-removing-animation-in-delay.html |    46 +
 .../no-style-sharing-with-animations-ref.html      |    11 +
 .../no-style-sharing-with-animations.html          |    26 +
 .../css-animations/opacity-animation-in-delay.html |    22 +
 ...city-animation-in-fixed-opacity-parent-ref.html |    31 +
 .../opacity-animation-in-fixed-opacity-parent.html |    39 +
 .../partially-out-of-view-animation-ref.html       |    15 +
 .../partially-out-of-view-animation.html           |    35 +
 ...-and-animation-starts-at-the-same-time-ref.html |    13 +
 ...rame-and-animation-starts-at-the-same-time.html |    29 +
 layout/reftests/css-animations/reftest.list        |    87 +
 ...lace-with-new-positive-delay-animation-ref.html |    12 +
 .../replace-with-new-positive-delay-animation.html |    42 +
 .../css-animations/screen-animations-notref.html   |    11 +
 .../css-animations/screen-animations-ref.html      |    11 +
 .../reftests/css-animations/screen-animations.html |    16 +
 .../scroll-timeline-in-delay-omta-ref.html         |    20 +
 .../scroll-timeline-in-delay-omta.html             |    71 +
 .../stacking-context-animation-ref.html            |    19 +
 .../stacking-context-lose-opacity-1.html           |    25 +
 .../stacking-context-lose-transform-none.html      |    25 +
 ...tacking-context-offset-path-none-animation.html |    24 +
 ...stacking-context-offset-path-none-in-delay.html |    23 +
 ...ntext-offset-path-none-with-fill-backwards.html |    24 +
 ...ontext-offset-path-none-with-fill-forwards.html |    24 +
 .../stacking-context-opacity-1-animation.html      |    24 +
 .../stacking-context-opacity-1-in-delay.html       |    23 +
 .../stacking-context-opacity-1-on-table.html       |    25 +
 ...king-context-opacity-1-with-fill-backwards.html |    24 +
 ...cking-context-opacity-1-with-fill-forwards.html |    24 +
 ...ontext-opacity-removing-important-in-delay.html |    43 +
 ...ontext-opacity-win-in-delay-on-main-thread.html |    31 +
 .../stacking-context-opacity-win-in-delay.html     |    27 +
 ...cking-context-opacity-wins-over-transition.html |    39 +
 .../stacking-context-paused-on-opacity-1.html      |    24 +
 .../stacking-context-paused-on-transform-none.html |    24 +
 ...ng-context-transform-none-animation-on-svg.html |    22 +
 ...rm-none-animation-with-backface-visibility.html |    26 +
 ...-transform-none-animation-with-preserve-3d.html |    26 +
 .../stacking-context-transform-none-animation.html |    24 +
 .../stacking-context-transform-none-in-delay.html  |    23 +
 ...context-transform-none-with-fill-backwards.html |    24 +
 ...-context-transform-none-with-fill-forwards.html |    24 +
 ...text-transform-removing-important-in-delay.html |    44 +
 ...text-transform-win-in-delay-on-main-thread.html |    31 +
 .../stacking-context-transform-win-in-delay.html   |    27 +
 ...ing-context-transform-wins-over-transition.html |    39 +
 ...stop-animation-on-discarded-pseudo-element.html |    36 +
 .../transform-animation-in-delay-ref.html          |    13 +
 .../transform-animation-in-delay.html              |    22 +
 ...ing-animation-on-marker-pseudo-element-ref.html |    15 +
 ...pdating-animation-on-marker-pseudo-element.html |    42 +
 .../updating-animation-on-pseudo-element-ref.html  |    11 +
 .../updating-animation-on-pseudo-element.html      |    38 +
 .../css-blending/as-image/black100x100.png         |   Bin 0 -> 15438 bytes
 .../reftests/css-blending/as-image/blue100x100.png |   Bin 0 -> 47176 bytes
 .../css-blending/as-image/brown100x100.png         |   Bin 0 -> 47836 bytes
 .../css-blending/as-image/green100x100.jpg         |   Bin 0 -> 3595 bytes
 .../css-blending/as-image/green100x100.png         |   Bin 0 -> 47813 bytes
 .../css-blending/as-image/green100x100_alpha.png   |   Bin 0 -> 47847 bytes
 .../css-blending/as-image/green_square.svg         |     3 +
 .../reftests/css-blending/as-image/red100x100.png  |   Bin 0 -> 47519 bytes
 .../reftests/css-blending/as-image/red_green.gif   |   Bin 0 -> 317 bytes
 .../css-blending/as-image/white_square.svg         |     3 +
 .../background-blend-mode-body-fixed-ref.html      |    11 +
 .../background-blend-mode-body-fixed.html          |    18 +
 .../background-blend-mode-body-image-ref.html      |     8 +
 .../background-blend-mode-body-image.html          |    10 +
 ...ound-blend-mode-body-transparent-image-ref.html |     8 +
 ...ckground-blend-mode-body-transparent-image.html |     9 +
 .../background-blending-alpha-ref.html             |    62 +
 .../css-blending/background-blending-alpha.html    |    22 +
 ...-blending-background-attachement-fixed-ref.html |    19 +
 ...ng-background-attachement-fixed-scroll-ref.html |    23 +
 ...ending-background-attachement-fixed-scroll.html |    40 +
 ...ound-blending-background-attachement-fixed.html |    20 +
 ...d-blending-background-clip-content-box-ref.html |    19 +
 ...round-blending-background-clip-content-box.html |    20 +
 ...d-blending-background-clip-padding-box-ref.html |    21 +
 ...round-blending-background-clip-padding-box.html |    22 +
 ...ound-blending-background-origin-border-box.html |    20 +
 ...und-blending-background-origin-content-box.html |    21 +
 .../background-blending-background-origin-ref.html |    19 +
 ...lending-background-position-percentage-ref.html |    19 +
 ...nd-blending-background-position-percentage.html |    20 +
 ...d-blending-background-repeat-no-repeat-ref.html |    19 +
 ...round-blending-background-repeat-no-repeat.html |    21 +
 ...ackground-blending-background-size-contain.html |    20 +
 .../background-blending-background-size-cover.html |    20 +
 ...ground-blending-background-size-percentage.html |    20 +
 ...background-blending-background-size-pixels.html |    20 +
 .../background-blending-background-size-ref.html   |    18 +
 .../background-blending-color-burn-ref.svg         |    22 +
 .../background-blending-color-burn.html            |    16 +
 .../background-blending-color-dodge-ref.svg        |    22 +
 .../background-blending-color-dodge.html           |    14 +
 .../css-blending/background-blending-color-ref.svg |    22 +
 .../css-blending/background-blending-color.html    |    14 +
 .../background-blending-darken-ref.svg             |    22 +
 .../css-blending/background-blending-darken.html   |    14 +
 .../background-blending-difference-ref.svg         |    22 +
 .../background-blending-difference.html            |    14 +
 .../background-blending-exclusion-ref.svg          |    22 +
 .../background-blending-exclusion.html             |    14 +
 .../background-blending-gradient-color-ref.html    |    20 +
 .../background-blending-gradient-color.html        |    22 +
 .../background-blending-gradient-gradient-ref.html |    20 +
 .../background-blending-gradient-gradient.html     |    22 +
 .../background-blending-gradient-image-ref.html    |    20 +
 .../background-blending-gradient-image.html        |    21 +
 .../background-blending-hard-light-ref.svg         |    22 +
 .../background-blending-hard-light.html            |    14 +
 .../css-blending/background-blending-hue-ref.svg   |    22 +
 .../css-blending/background-blending-hue.html      |    14 +
 ...background-blending-image-color-959674-ref.html |    15 +
 .../background-blending-image-color-959674.html    |    26 +
 .../background-blending-image-color-gif-ref.html   |    14 +
 .../background-blending-image-color-gif.html       |    29 +
 .../background-blending-image-color-jpg.html       |    26 +
 .../background-blending-image-color-png.html       |    25 +
 .../background-blending-image-color-ref.html       |    21 +
 ...round-blending-image-color-svg-as-data-uri.html |    26 +
 .../background-blending-image-color-svg.html       |    25 +
 ...ackground-blending-image-color-transform3d.html |    28 +
 .../background-blending-image-gradient.html        |    21 +
 .../background-blending-image-image-ref.html       |    20 +
 .../background-blending-image-image.html           |    22 +
 ...ound-blending-isolation-parent-child-color.html |    29 +
 ...ound-blending-isolation-parent-child-image.html |    29 +
 ...ground-blending-isolation-parent-child-ref.html |    19 +
 .../background-blending-isolation-ref.html         |    27 +
 .../background-blending-isolation.html             |    31 +
 .../background-blending-lighten-ref.svg            |    22 +
 .../css-blending/background-blending-lighten.html  |    14 +
 .../background-blending-list-repeat-ref.html       |    33 +
 .../background-blending-list-repeat.html           |    24 +
 .../background-blending-luminosity-ref.svg         |    22 +
 .../background-blending-luminosity.html            |    14 +
 .../background-blending-moz-element-ref.html       |    22 +
 .../background-blending-moz-element.html           |    29 +
 .../background-blending-multiple-images-ref.html   |    33 +
 .../background-blending-multiple-images.html       |    24 +
 .../background-blending-multiply-ref.svg           |    22 +
 .../css-blending/background-blending-multiply.html |    14 +
 .../background-blending-normal-ref.svg             |    22 +
 .../css-blending/background-blending-normal.html   |    14 +
 .../background-blending-overlay-ref.svg            |    22 +
 .../css-blending/background-blending-overlay.html  |    14 +
 .../background-blending-saturation-ref.svg         |    22 +
 .../background-blending-saturation.html            |    14 +
 .../background-blending-screen-ref.svg             |    22 +
 .../css-blending/background-blending-screen.html   |    14 +
 .../background-blending-soft-light-ref.svg         |    22 +
 .../background-blending-soft-light.html            |    14 +
 layout/reftests/css-blending/blend-canvas-ref.html |    28 +
 layout/reftests/css-blending/blend-canvas.html     |    29 +
 .../blend-constant-background-color-ref.html       |    22 +
 .../blend-constant-background-color.html           |    23 +
 .../blend-difference-stacking-ref.html             |    30 +
 .../css-blending/blend-difference-stacking.html    |    30 +
 .../blend-gradient-background-color-ref.html       |    22 +
 .../blend-gradient-background-color.html           |    23 +
 layout/reftests/css-blending/blend-image-ref.html  |    20 +
 layout/reftests/css-blending/blend-image.html      |    21 +
 .../reftests/css-blending/blend-isolation-ref.html |    15 +
 layout/reftests/css-blending/blend-isolation.html  |    28 +
 layout/reftests/css-blending/blend-modes.css       |    26 +
 layout/reftests/css-blending/bug1281593-ref.html   |    40 +
 layout/reftests/css-blending/bug1281593.html       |    40 +
 ...ixblendmode-containing-unclipped-stuff-ref.html |    57 +
 ...ed-mixblendmode-containing-unclipped-stuff.html |    51 +
 ...city-containing-unclipped-mixblendmode-ref.html |    49 +
 ...-opacity-containing-unclipped-mixblendmode.html |    50 +
 .../css-blending/mix-blend-mode-952051-ref.html    |    32 +
 .../css-blending/mix-blend-mode-952051.html        |    37 +
 .../mix-blend-mode-and-filter-ref.html             |    41 +
 .../css-blending/mix-blend-mode-and-filter-ref.svg |    14 +
 .../css-blending/mix-blend-mode-and-filter.html    |    37 +
 .../css-blending/mix-blend-mode-and-filter.svg     |    21 +
 ...lend-mode-child-of-blended-has-opacity-ref.html |    40 +
 ...ix-blend-mode-child-of-blended-has-opacity.html |    45 +
 .../mix-blend-mode-culling-1207041-ref.html        |    22 +
 .../mix-blend-mode-culling-1207041.html            |    23 +
 .../mix-blend-mode-dest-alpha-1135271-ref.html     |    21 +
 .../mix-blend-mode-dest-alpha-1135271.html         |    22 +
 .../mix-blend-mode-nested-976533-ref.html          |    47 +
 .../css-blending/mix-blend-mode-nested-976533.html |    45 +
 .../mix-blend-mode-soft-light-ref.html             |    21 +
 .../css-blending/mix-blend-mode-soft-light.html    |    25 +
 .../mix-blend-mode-transformed-ref.html            |    26 +
 .../css-blending/mix-blend-mode-transformed.html   |    30 +
 layout/reftests/css-blending/reftest.list          |   103 +
 layout/reftests/css-break/1405443-ref.html         |    17 +
 layout/reftests/css-break/1405443.html             |    17 +
 .../css-break/box-decoration-break-1-ref.html      |    67 +
 .../reftests/css-break/box-decoration-break-1.html |    71 +
 ...-decoration-break-block-border-padding-ref.html |    50 +
 .../box-decoration-break-block-border-padding.html |    50 +
 .../box-decoration-break-block-margin-ref.html     |    65 +
 .../box-decoration-break-block-margin.html         |    65 +
 .../box-decoration-break-border-image-ref.html     |   137 +
 .../box-decoration-break-border-image.html         |    83 +
 .../box-decoration-break-bug-1235152-ref.html      |    57 +
 .../box-decoration-break-bug-1235152.html          |    61 +
 .../box-decoration-break-bug-1249913-ref.html      |    53 +
 .../box-decoration-break-bug-1249913.html          |    53 +
 .../box-decoration-break-first-letter-ref.html     |    70 +
 .../box-decoration-break-first-letter.html         |    72 +
 .../box-decoration-break-with-bidi-ref.html        |    74 +
 .../css-break/box-decoration-break-with-bidi.html  |    64 +
 ...coration-break-with-inset-box-shadow-1-ref.html |   132 +
 ...x-decoration-break-with-inset-box-shadow-1.html |   134 +
 ...oration-break-with-outset-box-shadow-1-ref.html |   131 +
 ...-decoration-break-with-outset-box-shadow-1.html |   133 +
 .../css-break/green-circle-alpha-32x32.png         |   Bin 0 -> 396 bytes
 layout/reftests/css-break/reftest.list             |    13 +
 layout/reftests/css-break/vertical-wm-001-ref.html |    71 +
 layout/reftests/css-break/vertical-wm-001.html     |    71 +
 layout/reftests/css-break/vertical-wm-002-ref.html |    71 +
 layout/reftests/css-break/vertical-wm-002.html     |    71 +
 .../css-calc/background-image-gradient-1-ref.html  |    14 +
 .../css-calc/background-image-gradient-1.html      |    14 +
 layout/reftests/css-calc/line-height-1-ref.html    |    62 +
 layout/reftests/css-calc/line-height-1.html        |    62 +
 layout/reftests/css-calc/line-height-2-ref.html    |    18 +
 layout/reftests/css-calc/line-height-2.html        |    18 +
 layout/reftests/css-calc/reftest.list              |     3 +
 layout/reftests/css-charset/pass.html              |     7 +
 layout/reftests/css-charset/reftest.list           |    10 +
 layout/reftests/css-charset/test-attribute.css     |   Bin 0 -> 44 bytes
 layout/reftests/css-charset/test-attribute.html    |    19 +
 .../css-charset/test-charset-leading-space.css     |   Bin 0 -> 84 bytes
 .../css-charset/test-charset-leading-space.html    |    19 +
 .../reftests/css-charset/test-charset-quotes.css   |   Bin 0 -> 82 bytes
 .../reftests/css-charset/test-charset-quotes.html  |    19 +
 .../css-charset/test-charset-trailing-space.css    |   Bin 0 -> 84 bytes
 .../css-charset/test-charset-trailing-space.html   |    19 +
 .../css-charset/test-charset-utf-16-be-bom.css     |   Bin 0 -> 84 bytes
 .../css-charset/test-charset-utf-16-be-bom.html    |    19 +
 .../css-charset/test-charset-utf-16-be-no-bom.css  |   Bin 0 -> 82 bytes
 .../css-charset/test-charset-utf-16-be-no-bom.html |    20 +
 .../css-charset/test-charset-utf-16-bom-be.css     |   Bin 0 -> 84 bytes
 .../css-charset/test-charset-utf-16-bom-be.html    |    19 +
 .../css-charset/test-charset-utf-16-bom-le.css     |   Bin 0 -> 84 bytes
 .../css-charset/test-charset-utf-16-bom-le.html    |    19 +
 .../css-charset/test-charset-utf-16-le-bom.css     |   Bin 0 -> 84 bytes
 .../css-charset/test-charset-utf-16-le-bom.html    |    19 +
 .../css-charset/test-charset-utf-16-le-no-bom.css  |   Bin 0 -> 82 bytes
 .../css-charset/test-charset-utf-16-le-no-bom.html |    20 +
 layout/reftests/css-default/reftest.list           |     2 +
 .../submit-button/default-multiple-submit-1.html   |    19 +
 .../submit-button/default-multiple-submit-2.html   |    18 +
 .../submit-button/default-multiple-submit-ref.html |     9 +
 .../submit-button/default-submit-button-1.html     |    10 +
 .../submit-button/default-submit-button-2.html     |    13 +
 .../submit-button/default-submit-button-3.html     |    13 +
 .../submit-button/default-submit-button-4.html     |    20 +
 .../submit-button/default-submit-button-5.html     |    20 +
 .../submit-button/default-submit-button-6.html     |    20 +
 .../submit-button/default-submit-button-7.html     |    20 +
 .../submit-button/default-submit-button-ref.html   |     6 +
 .../submit-button/default-submit-button-style.css  |     2 +
 .../css-default/submit-button/reftest.list         |    11 +
 .../css-disabled/button/button-fieldset-1.html     |    11 +
 .../css-disabled/button/button-fieldset-2.html     |    11 +
 .../css-disabled/button/button-fieldset-3.html     |    20 +
 .../css-disabled/button/button-fieldset-4.html     |    19 +
 .../button/button-fieldset-legend-1.html           |    11 +
 .../button/button-fieldset-legend-2.html           |    13 +
 .../button/button-fieldset-legend-3.html           |    13 +
 .../button/button-fieldset-legend-4.html           |    13 +
 .../button/button-fieldset-legend-5.html           |    15 +
 .../button/button-fieldset-legend-ref-1.html       |    11 +
 .../button/button-fieldset-legend-ref-2.html       |    13 +
 .../button/button-fieldset-legend-ref-3.html       |    13 +
 .../button/button-fieldset-legend-ref-4.html       |    13 +
 .../button/button-fieldset-legend-ref-5.html       |    15 +
 .../css-disabled/button/button-fieldset-ref.html   |    11 +
 layout/reftests/css-disabled/button/reftest.list   |     9 +
 layout/reftests/css-disabled/button/style.css      |    19 +
 .../css-disabled/fieldset/fieldset-disabled.html   |     7 +
 .../css-disabled/fieldset/fieldset-enabled.html    |     7 +
 .../css-disabled/fieldset/fieldset-fieldset-1.html |    11 +
 .../css-disabled/fieldset/fieldset-fieldset-2.html |    11 +
 .../css-disabled/fieldset/fieldset-fieldset-3.html |    20 +
 .../css-disabled/fieldset/fieldset-fieldset-4.html |    19 +
 .../fieldset/fieldset-fieldset-ref.html            |    11 +
 .../css-disabled/fieldset/fieldset-legend-1.html   |    11 +
 .../css-disabled/fieldset/fieldset-legend-2.html   |    13 +
 .../css-disabled/fieldset/fieldset-legend-3.html   |    13 +
 .../css-disabled/fieldset/fieldset-legend-4.html   |    13 +
 .../css-disabled/fieldset/fieldset-legend-5.html   |    15 +
 .../fieldset/fieldset-legend-ref-1.html            |    11 +
 .../fieldset/fieldset-legend-ref-2.html            |    13 +
 .../fieldset/fieldset-legend-ref-3.html            |    13 +
 .../fieldset/fieldset-legend-ref-4.html            |    13 +
 .../fieldset/fieldset-legend-ref-5.html            |    15 +
 .../css-disabled/fieldset/fieldset-ref.html        |     7 +
 layout/reftests/css-disabled/fieldset/reftest.list |    11 +
 layout/reftests/css-disabled/fieldset/style.css    |    19 +
 .../css-disabled/input/input-fieldset-1.html       |    11 +
 .../css-disabled/input/input-fieldset-2.html       |    11 +
 .../css-disabled/input/input-fieldset-3.html       |    20 +
 .../css-disabled/input/input-fieldset-4.html       |    19 +
 .../input/input-fieldset-legend-1.html             |    11 +
 .../input/input-fieldset-legend-2.html             |    13 +
 .../input/input-fieldset-legend-3.html             |    13 +
 .../input/input-fieldset-legend-4.html             |    13 +
 .../input/input-fieldset-legend-5.html             |    15 +
 .../input/input-fieldset-legend-ref-1.html         |    11 +
 .../input/input-fieldset-legend-ref-2.html         |    13 +
 .../input/input-fieldset-legend-ref-3.html         |    13 +
 .../input/input-fieldset-legend-ref-4.html         |    13 +
 .../input/input-fieldset-legend-ref-5.html         |    15 +
 .../css-disabled/input/input-fieldset-ref.html     |    11 +
 layout/reftests/css-disabled/input/reftest.list    |     9 +
 layout/reftests/css-disabled/input/style.css       |    19 +
 layout/reftests/css-disabled/label/label-ref.html  |     7 +
 layout/reftests/css-disabled/label/label.html      |     7 +
 layout/reftests/css-disabled/label/reftest.list    |     1 +
 layout/reftests/css-disabled/label/style.css       |    12 +
 .../reftests/css-disabled/object/object-ref.html   |     7 +
 layout/reftests/css-disabled/object/object.html    |     7 +
 layout/reftests/css-disabled/object/reftest.list   |     1 +
 layout/reftests/css-disabled/object/style.css      |    12 +
 .../reftests/css-disabled/output/output-ref.html   |     7 +
 layout/reftests/css-disabled/output/output.html    |     7 +
 layout/reftests/css-disabled/output/reftest.list   |     1 +
 layout/reftests/css-disabled/output/style.css      |    12 +
 layout/reftests/css-disabled/reftest.list          |     8 +
 layout/reftests/css-disabled/select/reftest.list   |     9 +
 .../css-disabled/select/select-fieldset-1.html     |    11 +
 .../css-disabled/select/select-fieldset-2.html     |    11 +
 .../css-disabled/select/select-fieldset-3.html     |    20 +
 .../css-disabled/select/select-fieldset-4.html     |    19 +
 .../select/select-fieldset-legend-1.html           |    11 +
 .../select/select-fieldset-legend-2.html           |    13 +
 .../select/select-fieldset-legend-3.html           |    13 +
 .../select/select-fieldset-legend-4.html           |    13 +
 .../select/select-fieldset-legend-5.html           |    15 +
 .../select/select-fieldset-legend-ref-1.html       |    11 +
 .../select/select-fieldset-legend-ref-2.html       |    13 +
 .../select/select-fieldset-legend-ref-3.html       |    13 +
 .../select/select-fieldset-legend-ref-4.html       |    13 +
 .../select/select-fieldset-legend-ref-5.html       |    15 +
 .../select/select-fieldset-ref-disabled.html       |    11 +
 .../css-disabled/select/select-fieldset-ref.html   |    11 +
 layout/reftests/css-disabled/select/style.css      |    19 +
 layout/reftests/css-disabled/textarea/reftest.list |     9 +
 layout/reftests/css-disabled/textarea/style.css    |    19 +
 .../css-disabled/textarea/textarea-fieldset-1.html |    11 +
 .../css-disabled/textarea/textarea-fieldset-2.html |    11 +
 .../css-disabled/textarea/textarea-fieldset-3.html |    20 +
 .../css-disabled/textarea/textarea-fieldset-4.html |    19 +
 .../textarea/textarea-fieldset-legend-1.html       |    11 +
 .../textarea/textarea-fieldset-legend-2.html       |    13 +
 .../textarea/textarea-fieldset-legend-3.html       |    13 +
 .../textarea/textarea-fieldset-legend-4.html       |    13 +
 .../textarea/textarea-fieldset-legend-5.html       |    15 +
 .../textarea/textarea-fieldset-legend-ref-1.html   |    11 +
 .../textarea/textarea-fieldset-legend-ref-2.html   |    13 +
 .../textarea/textarea-fieldset-legend-ref-3.html   |    13 +
 .../textarea/textarea-fieldset-legend-ref-4.html   |    13 +
 .../textarea/textarea-fieldset-legend-ref-5.html   |    15 +
 .../textarea/textarea-fieldset-ref.html            |    11 +
 .../display-contents-495385-2d-ref.html            |    23 +
 .../css-display/display-contents-495385-2d.html    |    52 +
 .../css-display/display-contents-acid-dyn-1.html   |    49 +
 .../css-display/display-contents-acid-dyn-2.html   |    49 +
 .../css-display/display-contents-acid-dyn-3.html   |    50 +
 .../css-display/display-contents-acid-ref.html     |   180 +
 .../css-display/display-contents-acid.html         |   192 +
 .../display-contents-dyn-insert-text-ref.html      |     7 +
 .../display-contents-dyn-insert-text.html          |    16 +
 .../display-contents-generated-content-2.html      |   240 +
 .../display-contents-generated-content-ref.html    |   123 +
 .../display-contents-generated-content.html        |   211 +
 .../display-contents-list-item-child-ref.html      |     6 +
 .../display-contents-list-item-child.html          |    18 +
 .../display-contents-state-change-ref.html         |    12 +
 .../css-display/display-contents-state-change.html |    30 +
 ...contents-style-inheritance-1-dom-mutations.html |   119 +
 .../display-contents-style-inheritance-1-ref.html  |    38 +
 ...y-contents-style-inheritance-1-stylechange.html |    57 +
 .../display-contents-style-inheritance-1.html      |    39 +
 .../display-contents-suppression-dynamic-ref.html  |    13 +
 .../display-contents-suppression-dynamic.html      |    16 +
 .../css-display/display-contents-tables-2.xhtml    |    18 +
 .../display-contents-tables-3-ref.xhtml            |    16 +
 .../css-display/display-contents-tables-3.xhtml    |    17 +
 .../css-display/display-contents-tables-ref.xhtml  |    16 +
 .../css-display/display-contents-tables.xhtml      |    17 +
 .../display-contents-visibility-hidden-2.html      |    24 +
 .../display-contents-visibility-hidden-ref.html    |    18 +
 .../display-contents-visibility-hidden.html        |    26 +
 .../display-contents-writing-mode-1-ref.html       |    23 +
 .../display-contents-writing-mode-1.html           |    33 +
 .../display-contents-writing-mode-2-ref.html       |    23 +
 .../display-contents-writing-mode-2.html           |    33 +
 .../css-display/display-flow-root-001-ref.html     |    51 +
 .../css-display/display-flow-root-001.html         |    56 +
 layout/reftests/css-display/reftest.list           |    25 +
 .../css-enabled/button/button-fieldset-1.html      |    11 +
 .../css-enabled/button/button-fieldset-2.html      |    11 +
 .../css-enabled/button/button-fieldset-3.html      |    20 +
 .../css-enabled/button/button-fieldset-4.html      |    19 +
 .../button/button-fieldset-legend-1.html           |    11 +
 .../button/button-fieldset-legend-2.html           |    13 +
 .../button/button-fieldset-legend-3.html           |    13 +
 .../button/button-fieldset-legend-4.html           |    13 +
 .../button/button-fieldset-legend-5.html           |    15 +
 .../button/button-fieldset-legend-ref-1.html       |    11 +
 .../button/button-fieldset-legend-ref-2.html       |    13 +
 .../button/button-fieldset-legend-ref-3.html       |    13 +
 .../button/button-fieldset-legend-ref-4.html       |    13 +
 .../button/button-fieldset-legend-ref-5.html       |    15 +
 .../css-enabled/button/button-fieldset-ref.html    |    11 +
 layout/reftests/css-enabled/button/reftest.list    |     9 +
 layout/reftests/css-enabled/button/style.css       |    19 +
 .../css-enabled/fieldset/fieldset-disabled.html    |     7 +
 .../css-enabled/fieldset/fieldset-enabled.html     |     7 +
 .../css-enabled/fieldset/fieldset-fieldset-1.html  |    11 +
 .../css-enabled/fieldset/fieldset-fieldset-2.html  |    11 +
 .../css-enabled/fieldset/fieldset-fieldset-3.html  |    20 +
 .../css-enabled/fieldset/fieldset-fieldset-4.html  |    19 +
 .../fieldset/fieldset-fieldset-ref.html            |    11 +
 .../css-enabled/fieldset/fieldset-legend-1.html    |    11 +
 .../css-enabled/fieldset/fieldset-legend-2.html    |    13 +
 .../css-enabled/fieldset/fieldset-legend-3.html    |    13 +
 .../css-enabled/fieldset/fieldset-legend-4.html    |    13 +
 .../css-enabled/fieldset/fieldset-legend-5.html    |    15 +
 .../fieldset/fieldset-legend-ref-1.html            |    11 +
 .../fieldset/fieldset-legend-ref-2.html            |    13 +
 .../fieldset/fieldset-legend-ref-3.html            |    13 +
 .../fieldset/fieldset-legend-ref-4.html            |    13 +
 .../fieldset/fieldset-legend-ref-5.html            |    15 +
 .../css-enabled/fieldset/fieldset-ref.html         |     7 +
 layout/reftests/css-enabled/fieldset/reftest.list  |    11 +
 layout/reftests/css-enabled/fieldset/style.css     |    16 +
 .../css-enabled/input/input-fieldset-1.html        |    11 +
 .../css-enabled/input/input-fieldset-2.html        |    11 +
 .../css-enabled/input/input-fieldset-3.html        |    20 +
 .../css-enabled/input/input-fieldset-4.html        |    19 +
 .../css-enabled/input/input-fieldset-legend-1.html |    11 +
 .../css-enabled/input/input-fieldset-legend-2.html |    13 +
 .../css-enabled/input/input-fieldset-legend-3.html |    13 +
 .../css-enabled/input/input-fieldset-legend-4.html |    13 +
 .../css-enabled/input/input-fieldset-legend-5.html |    15 +
 .../input/input-fieldset-legend-ref-1.html         |    11 +
 .../input/input-fieldset-legend-ref-2.html         |    13 +
 .../input/input-fieldset-legend-ref-3.html         |    13 +
 .../input/input-fieldset-legend-ref-4.html         |    13 +
 .../input/input-fieldset-legend-ref-5.html         |    15 +
 .../css-enabled/input/input-fieldset-ref.html      |    11 +
 layout/reftests/css-enabled/input/reftest.list     |     9 +
 layout/reftests/css-enabled/input/style.css        |    19 +
 layout/reftests/css-enabled/label/label-ref.html   |     7 +
 layout/reftests/css-enabled/label/label.html       |     7 +
 layout/reftests/css-enabled/label/reftest.list     |     1 +
 layout/reftests/css-enabled/label/style.css        |    12 +
 layout/reftests/css-enabled/object/object-ref.html |     7 +
 layout/reftests/css-enabled/object/object.html     |     7 +
 layout/reftests/css-enabled/object/reftest.list    |     1 +
 layout/reftests/css-enabled/object/style.css       |    12 +
 .../css-enabled/optgroup/optgroup-fieldset-1.html  |     9 +
 .../optgroup/optgroup-fieldset-ref.html            |     9 +
 layout/reftests/css-enabled/optgroup/reftest.list  |     1 +
 layout/reftests/css-enabled/optgroup/style.css     |    19 +
 .../css-enabled/option/option-fieldset-1.html      |     9 +
 .../css-enabled/option/option-fieldset-ref.html    |     9 +
 layout/reftests/css-enabled/option/reftest.list    |     1 +
 layout/reftests/css-enabled/option/style.css       |    19 +
 layout/reftests/css-enabled/output/output-ref.html |     7 +
 layout/reftests/css-enabled/output/output.html     |     7 +
 layout/reftests/css-enabled/output/reftest.list    |     1 +
 layout/reftests/css-enabled/output/style.css       |    12 +
 layout/reftests/css-enabled/reftest.list           |    10 +
 layout/reftests/css-enabled/select/reftest.list    |     9 +
 .../css-enabled/select/select-fieldset-1.html      |    11 +
 .../css-enabled/select/select-fieldset-2.html      |    11 +
 .../css-enabled/select/select-fieldset-3.html      |    20 +
 .../css-enabled/select/select-fieldset-4.html      |    19 +
 .../select/select-fieldset-legend-1.html           |    11 +
 .../select/select-fieldset-legend-2.html           |    13 +
 .../select/select-fieldset-legend-3.html           |    13 +
 .../select/select-fieldset-legend-4.html           |    13 +
 .../select/select-fieldset-legend-5.html           |    15 +
 .../select/select-fieldset-legend-ref-1.html       |    11 +
 .../select/select-fieldset-legend-ref-2.html       |    13 +
 .../select/select-fieldset-legend-ref-3.html       |    13 +
 .../select/select-fieldset-legend-ref-4.html       |    13 +
 .../select/select-fieldset-legend-ref-5.html       |    15 +
 .../select/select-fieldset-ref-disabled.html       |    11 +
 .../css-enabled/select/select-fieldset-ref.html    |    11 +
 layout/reftests/css-enabled/select/style.css       |    23 +
 layout/reftests/css-enabled/textarea/reftest.list  |     9 +
 layout/reftests/css-enabled/textarea/style.css     |    19 +
 .../css-enabled/textarea/textarea-fieldset-1.html  |    11 +
 .../css-enabled/textarea/textarea-fieldset-2.html  |    11 +
 .../css-enabled/textarea/textarea-fieldset-3.html  |    20 +
 .../css-enabled/textarea/textarea-fieldset-4.html  |    19 +
 .../textarea/textarea-fieldset-legend-1.html       |    11 +
 .../textarea/textarea-fieldset-legend-2.html       |    13 +
 .../textarea/textarea-fieldset-legend-3.html       |    13 +
 .../textarea/textarea-fieldset-legend-4.html       |    13 +
 .../textarea/textarea-fieldset-legend-5.html       |    15 +
 .../textarea/textarea-fieldset-legend-ref-1.html   |    11 +
 .../textarea/textarea-fieldset-legend-ref-2.html   |    13 +
 .../textarea/textarea-fieldset-legend-ref-3.html   |    13 +
 .../textarea/textarea-fieldset-legend-ref-4.html   |    13 +
 .../textarea/textarea-fieldset-legend-ref-5.html   |    15 +
 .../textarea/textarea-fieldset-ref.html            |    11 +
 layout/reftests/css-gradients/1224761-1-ref.html   |    37 +
 layout/reftests/css-gradients/1224761-1.html       |    36 +
 .../reftests/css-gradients/aja-linear-1-ref.html   |    23 +
 layout/reftests/css-gradients/aja-linear-1a.html   |    10 +
 layout/reftests/css-gradients/aja-linear-1b.html   |    10 +
 layout/reftests/css-gradients/aja-linear-1c.html   |    10 +
 layout/reftests/css-gradients/aja-linear-1d.html   |    10 +
 layout/reftests/css-gradients/aja-linear-1e.html   |    10 +
 layout/reftests/css-gradients/aja-linear-1f.html   |    10 +
 .../reftests/css-gradients/aja-linear-2-ref.html   |    23 +
 layout/reftests/css-gradients/aja-linear-2.html    |    10 +
 .../reftests/css-gradients/aja-linear-3-ref.html   |    25 +
 layout/reftests/css-gradients/aja-linear-3a.html   |    10 +
 layout/reftests/css-gradients/aja-linear-3b.html   |    10 +
 .../reftests/css-gradients/aja-linear-4-ref.html   |    24 +
 layout/reftests/css-gradients/aja-linear-4a.html   |    10 +
 layout/reftests/css-gradients/aja-linear-4b.html   |    10 +
 .../reftests/css-gradients/aja-linear-5-ref.html   |    24 +
 layout/reftests/css-gradients/aja-linear-5a.html   |    10 +
 .../bug-916535-background-repeat-linear-ref.html   |    24 +
 .../bug-916535-background-repeat-linear.html       |    25 +
 .../color-stop-clamp-interpolation-ref.html        |    18 +
 .../color-stop-clamp-interpolation.html            |    18 +
 .../css-gradients/height-dependence-1-ref.html     |    43 +
 .../css-gradients/height-dependence-1.html         |    49 +
 .../css-gradients/height-dependence-2-ref.html     |    44 +
 .../css-gradients/height-dependence-2.html         |    50 +
 .../css-gradients/height-dependence-3-ref.html     |    44 +
 .../css-gradients/height-dependence-3.html         |    50 +
 .../css-gradients/large-gradient-1-ref.html        |    23 +
 .../reftests/css-gradients/large-gradient-1.html   |    40 +
 .../css-gradients/large-gradient-2-ref.html        |    17 +
 .../reftests/css-gradients/large-gradient-2.html   |    40 +
 .../css-gradients/large-gradient-3-ref.html        |    23 +
 .../reftests/css-gradients/large-gradient-3.html   |    40 +
 .../css-gradients/large-gradient-4-ref.html        |    17 +
 .../reftests/css-gradients/large-gradient-4.html   |    40 +
 .../css-gradients/large-gradient-5-ref.html        |    19 +
 .../reftests/css-gradients/large-gradient-5.html   |    30 +
 layout/reftests/css-gradients/linear-1-ref.html    |    24 +
 layout/reftests/css-gradients/linear-1a.html       |     1 +
 .../css-gradients/linear-diagonal-1-ref.html       |     1 +
 .../reftests/css-gradients/linear-diagonal-1a.html |     1 +
 .../css-gradients/linear-diagonal-2-ref.html       |     1 +
 .../reftests/css-gradients/linear-diagonal-2a.html |     1 +
 .../css-gradients/linear-diagonal-3-ref.html       |     1 +
 .../reftests/css-gradients/linear-diagonal-3a.html |     1 +
 .../css-gradients/linear-diagonal-4-ref.html       |     1 +
 .../reftests/css-gradients/linear-diagonal-4a.html |     1 +
 .../css-gradients/linear-flipped-1-ref.html        |     2 +
 .../reftests/css-gradients/linear-flipped-1.html   |     2 +
 .../linear-gradient-repeated-ref.html              |    18 +
 .../css-gradients/linear-gradient-repeated.html    |    19 +
 .../css-gradients/linear-keywords-1-ref.html       |    23 +
 .../reftests/css-gradients/linear-keywords-1a.html |     1 +
 .../linear-onestopposition-1-ref.html              |    12 +
 .../linear-onestopposition-1-ref2.html             |    21 +
 .../css-gradients/linear-onestopposition-1.html    |    12 +
 .../css-gradients/linear-position-1-ref.html       |     2 +
 .../reftests/css-gradients/linear-position-1a.html |     2 +
 .../reftests/css-gradients/linear-premul-ref.html  |     1 +
 layout/reftests/css-gradients/linear-premul.html   |     1 +
 .../css-gradients/linear-repeat-1-ref.html         |     6 +
 .../reftests/css-gradients/linear-repeat-1a.html   |     2 +
 .../reftests/css-gradients/linear-repeat-1b.html   |     2 +
 .../reftests/css-gradients/linear-repeat-1c.html   |     4 +
 .../reftests/css-gradients/linear-repeat-1d.html   |     3 +
 .../reftests/css-gradients/linear-repeat-1e.html   |     3 +
 .../reftests/css-gradients/linear-repeat-1f.html   |    10 +
 .../reftests/css-gradients/linear-repeat-1g.html   |    12 +
 .../css-gradients/linear-rotated-1-ref.html        |     7 +
 .../reftests/css-gradients/linear-rotated-1.html   |     7 +
 .../reftests/css-gradients/linear-size-1-ref.html  |     3 +
 layout/reftests/css-gradients/linear-size-1a.html  |     2 +
 .../reftests/css-gradients/linear-stops-1-ref.html |     1 +
 layout/reftests/css-gradients/linear-stops-1a.html |     1 +
 layout/reftests/css-gradients/linear-stops-1b.html |     1 +
 layout/reftests/css-gradients/linear-stops-1c.html |     1 +
 layout/reftests/css-gradients/linear-stops-1d.html |     1 +
 layout/reftests/css-gradients/linear-stops-1e.html |     1 +
 layout/reftests/css-gradients/linear-stops-1f.html |     1 +
 .../css-gradients/linear-vertical-1-ref.html       |    16 +
 .../reftests/css-gradients/linear-vertical-1a.html |     1 +
 .../reftests/css-gradients/linear-vertical-1b.html |     1 +
 .../reftests/css-gradients/linear-vertical-1c.html |     1 +
 .../reftests/css-gradients/linear-vertical-1d.html |     1 +
 .../linear-vertical-subpixel-1-ref.html            |    15 +
 .../css-gradients/linear-vertical-subpixel-1.html  |    15 +
 .../css-gradients/linear-viewport-ref.html         |     1 +
 layout/reftests/css-gradients/linear-viewport.html |     2 +
 .../mask-gradient-translucent-end-color-1-ref.html |    17 +
 .../mask-gradient-translucent-end-color-1.html     |    34 +
 layout/reftests/css-gradients/nostops.html         |     1 +
 layout/reftests/css-gradients/onestop.html         |     1 +
 layout/reftests/css-gradients/orange-square.html   |    12 +
 layout/reftests/css-gradients/radial-1-ref.html    |    22 +
 layout/reftests/css-gradients/radial-1a.html       |     1 +
 layout/reftests/css-gradients/radial-1b.html       |     1 +
 layout/reftests/css-gradients/radial-2-ref.html    |    22 +
 layout/reftests/css-gradients/radial-2a.html       |     1 +
 layout/reftests/css-gradients/radial-2b.html       |     3 +
 layout/reftests/css-gradients/radial-2c.html       |     1 +
 layout/reftests/css-gradients/radial-2d.html       |     3 +
 .../radial-onestopposition-1-ref.html              |    12 +
 .../css-gradients/radial-onestopposition-1a.html   |    12 +
 .../css-gradients/radial-onestopposition-1b.html   |    12 +
 .../css-gradients/radial-position-1-ref.html       |     2 +
 .../reftests/css-gradients/radial-position-1a.html |     2 +
 .../reftests/css-gradients/radial-position-1b.html |     2 +
 .../reftests/css-gradients/radial-premul-ref.html  |     1 +
 layout/reftests/css-gradients/radial-premul.html   |     1 +
 .../radial-shape-closest-corner-1-ref.html         |     9 +
 .../radial-shape-closest-corner-1a.html            |     9 +
 .../radial-shape-closest-corner-1b.html            |     9 +
 .../radial-shape-closest-side-1-ref.html           |     9 +
 .../radial-shape-closest-side-1a.html              |     9 +
 .../radial-shape-closest-side-1b.html              |     9 +
 .../radial-shape-farthest-corner-1-ref.html        |     9 +
 .../radial-shape-farthest-corner-1a.html           |     9 +
 .../radial-shape-farthest-corner-1b.html           |     9 +
 .../radial-shape-farthest-side-1-ref.html          |     9 +
 .../radial-shape-farthest-side-1a.html             |     9 +
 .../radial-shape-farthest-side-1b.html             |     9 +
 .../reftests/css-gradients/radial-size-1-ref.html  |     3 +
 layout/reftests/css-gradients/radial-size-1a.html  |     2 +
 layout/reftests/css-gradients/radial-size-1b.html  |     2 +
 .../css-gradients/radial-zero-length-1-ref.html    |     2 +
 .../css-gradients/radial-zero-length-1a.html       |     2 +
 .../css-gradients/radial-zero-length-1b.html       |     2 +
 .../css-gradients/radial-zero-length-1c.html       |     2 +
 .../css-gradients/radial-zero-length-1d.html       |     2 +
 .../css-gradients/radial-zero-length-1e.html       |     2 +
 .../css-gradients/radial-zero-length-1f.html       |     2 +
 layout/reftests/css-gradients/reftest.list         |   111 +
 .../css-gradients/repeated-final-stop-1-ref.html   |    18 +
 .../css-gradients/repeated-final-stop-1.html       |    17 +
 .../css-gradients/repeating-linear-1-ref.html      |     8 +
 .../css-gradients/repeating-linear-1a.html         |     1 +
 .../css-gradients/repeating-linear-1b.html         |     1 +
 .../css-gradients/repeating-linear-2-ref.html      |     1 +
 .../css-gradients/repeating-linear-2a.html         |     1 +
 .../repeating-linear-onestopposition-1.html        |    12 +
 .../css-gradients/repeating-radial-1-ref.html      |     1 +
 .../css-gradients/repeating-radial-1a.html         |     1 +
 .../css-gradients/repeating-radial-1b.html         |     4 +
 .../css-gradients/repeating-radial-1c.html         |     1 +
 .../css-gradients/repeating-radial-1d.html         |     4 +
 .../css-gradients/repeating-radial-2-ref.html      |     1 +
 .../css-gradients/repeating-radial-2a.html         |     1 +
 .../css-gradients/repeating-radial-2b.html         |     1 +
 .../repeating-radial-onestopposition-1a.html       |    12 +
 .../repeating-radial-onestopposition-1b.html       |    12 +
 .../scaled-color-stop-position-ref.html            |    26 +
 .../css-gradients/scaled-color-stop-position.html  |    24 +
 layout/reftests/css-gradients/twostops-1-ref.html  |     7 +
 layout/reftests/css-gradients/twostops-1a.html     |     1 +
 layout/reftests/css-gradients/twostops-1b.html     |     1 +
 layout/reftests/css-gradients/twostops-1c.html     |     1 +
 layout/reftests/css-gradients/twostops-1d.html     |     1 +
 layout/reftests/css-gradients/twostops-1e.html     |     1 +
 layout/reftests/css-grid/bug1306106-ref.html       |    16 +
 layout/reftests/css-grid/bug1306106.html           |    16 +
 layout/reftests/css-grid/bug1349571-ref.html       |    34 +
 layout/reftests/css-grid/bug1349571.html           |    38 +
 layout/reftests/css-grid/bug1350925-ref.html       |    32 +
 layout/reftests/css-grid/bug1350925.html           |    32 +
 layout/reftests/css-grid/bug1356820-ref.html       |    25 +
 layout/reftests/css-grid/bug1356820.html           |    25 +
 .../css-grid/grid-abspos-items-001-ref.html        |   185 +
 .../reftests/css-grid/grid-abspos-items-001.html   |   190 +
 .../css-grid/grid-abspos-items-002-ref.html        |   176 +
 .../reftests/css-grid/grid-abspos-items-002.html   |   180 +
 .../css-grid/grid-abspos-items-003-ref.html        |    71 +
 .../reftests/css-grid/grid-abspos-items-003.html   |    69 +
 .../css-grid/grid-abspos-items-004-ref.html        |    73 +
 .../reftests/css-grid/grid-abspos-items-004.html   |    70 +
 .../css-grid/grid-abspos-items-005-ref.html        |    74 +
 .../reftests/css-grid/grid-abspos-items-005.html   |    71 +
 .../css-grid/grid-abspos-items-006-ref.html        |    71 +
 .../reftests/css-grid/grid-abspos-items-006.html   |    70 +
 .../css-grid/grid-abspos-items-007-ref.html        |    61 +
 .../reftests/css-grid/grid-abspos-items-007.html   |    62 +
 .../css-grid/grid-abspos-items-008-ref.html        |    62 +
 .../reftests/css-grid/grid-abspos-items-008.html   |    63 +
 .../css-grid/grid-abspos-items-009-ref.html        |    63 +
 .../reftests/css-grid/grid-abspos-items-009.html   |    64 +
 .../css-grid/grid-abspos-items-010-ref.html        |    62 +
 .../reftests/css-grid/grid-abspos-items-010.html   |    63 +
 .../css-grid/grid-abspos-items-011-ref.html        |    82 +
 .../reftests/css-grid/grid-abspos-items-011.html   |    97 +
 .../css-grid/grid-abspos-items-012-ref.html        |    45 +
 .../reftests/css-grid/grid-abspos-items-012.html   |    47 +
 .../css-grid/grid-abspos-items-013-ref.html        |   133 +
 .../reftests/css-grid/grid-abspos-items-013.html   |   120 +
 .../css-grid/grid-abspos-items-014-ref.html        |    78 +
 .../reftests/css-grid/grid-abspos-items-014.html   |    80 +
 .../css-grid/grid-abspos-items-015-ref.html        |   103 +
 .../reftests/css-grid/grid-abspos-items-015.html   |   100 +
 .../reftests/css-grid/grid-abspos-items-016.html   |   102 +
 .../css-grid/grid-align-content-001-ref.html       |    91 +
 .../reftests/css-grid/grid-align-content-001.html  |    90 +
 .../grid-auto-min-sizing-definite-001-ref.html     |   132 +
 .../grid-auto-min-sizing-definite-001.html         |    91 +
 .../grid-auto-min-sizing-intrinsic-001-ref.html    |   154 +
 .../grid-auto-min-sizing-intrinsic-001.html        |   148 +
 .../grid-auto-min-sizing-intrinsic-002-ref.html    |   155 +
 .../grid-auto-min-sizing-intrinsic-002.html        |   150 +
 .../grid-auto-min-sizing-intrinsic-003-ref.html    |    66 +
 .../grid-auto-min-sizing-intrinsic-003.html        |    66 +
 .../grid-auto-min-sizing-intrinsic-004-ref.html    |    75 +
 .../grid-auto-min-sizing-intrinsic-004.html        |    75 +
 ...to-min-sizing-min-content-min-size-001-ref.html |    62 +
 ...d-auto-min-sizing-min-content-min-size-001.html |    63 +
 ...to-min-sizing-min-content-min-size-002-ref.html |    66 +
 ...d-auto-min-sizing-min-content-min-size-002.html |    64 +
 ...to-min-sizing-min-content-min-size-003-ref.html |    63 +
 ...d-auto-min-sizing-min-content-min-size-003.html |    62 +
 ...to-min-sizing-min-content-min-size-004-ref.html |    64 +
 ...d-auto-min-sizing-min-content-min-size-004.html |    63 +
 .../grid-auto-min-sizing-percent-001-ref.html      |   147 +
 .../css-grid/grid-auto-min-sizing-percent-001.html |   109 +
 ...d-auto-min-sizing-transferred-size-001-ref.html |    62 +
 .../grid-auto-min-sizing-transferred-size-001.html |    59 +
 ...d-auto-min-sizing-transferred-size-002-ref.html |    66 +
 .../grid-auto-min-sizing-transferred-size-002.html |    60 +
 ...d-auto-min-sizing-transferred-size-003-ref.html |    62 +
 .../grid-auto-min-sizing-transferred-size-003.html |    58 +
 ...d-auto-min-sizing-transferred-size-004-ref.html |    64 +
 .../grid-auto-min-sizing-transferred-size-004.html |    59 +
 .../reftests/css-grid/grid-clamping-001-ref.html   |    66 +
 layout/reftests/css-grid/grid-clamping-001.html    |    78 +
 .../reftests/css-grid/grid-clamping-002-ref.html   |    68 +
 layout/reftests/css-grid/grid-clamping-002.html    |    75 +
 .../grid-col-max-sizing-max-content-001-ref.html   |    89 +
 .../grid-col-max-sizing-max-content-001.html       |    90 +
 .../grid-col-max-sizing-max-content-002-ref.html   |    93 +
 .../grid-col-max-sizing-max-content-002.html       |    87 +
 .../reftests/css-grid/grid-column-gap-001-ref.html |   128 +
 layout/reftests/css-grid/grid-column-gap-001.html  |   104 +
 .../reftests/css-grid/grid-column-gap-002-ref.html |    90 +
 layout/reftests/css-grid/grid-column-gap-002.html  |    91 +
 .../reftests/css-grid/grid-column-gap-003-ref.html |    90 +
 layout/reftests/css-grid/grid-column-gap-003.html  |    90 +
 .../reftests/css-grid/grid-column-gap-004-ref.html |    90 +
 layout/reftests/css-grid/grid-column-gap-004.html  |    91 +
 .../css-grid/grid-container-baselines-001-ref.html |    89 +
 .../css-grid/grid-container-baselines-001.html     |    92 +
 .../css-grid/grid-container-baselines-002-ref.html |    87 +
 .../css-grid/grid-container-baselines-002.html     |    96 +
 .../css-grid/grid-container-baselines-003-ref.html |   124 +
 .../css-grid/grid-container-baselines-003.html     |   228 +
 .../css-grid/grid-container-baselines-004-ref.html |    45 +
 .../css-grid/grid-container-baselines-004.html     |    47 +
 ...rid-container-min-max-width-height-001-ref.html |    56 +
 .../grid-container-min-max-width-height-001.html   |    55 +
 .../css-grid/grid-container-overflow-001-ref.html  |   113 +
 .../css-grid/grid-container-overflow-001.html      |   124 +
 ...rid-container-synthesized-baseline-001-ref.html |    46 +
 .../grid-container-synthesized-baseline-001.html   |    48 +
 .../css-grid/grid-flex-min-sizing-001-ref.html     |   344 +
 .../css-grid/grid-flex-min-sizing-001.html         |   343 +
 .../css-grid/grid-flex-min-sizing-002-ref.html     |   274 +
 .../css-grid/grid-flex-min-sizing-002.html         |   277 +
 .../css-grid/grid-fragmentation-001-ref.html       |   159 +
 .../reftests/css-grid/grid-fragmentation-001.html  |   120 +
 .../css-grid/grid-fragmentation-002-ref.html       |   138 +
 .../reftests/css-grid/grid-fragmentation-002.html  |   115 +
 .../css-grid/grid-fragmentation-003-ref.html       |   136 +
 .../reftests/css-grid/grid-fragmentation-003.html  |   103 +
 .../css-grid/grid-fragmentation-004-ref.html       |   164 +
 .../reftests/css-grid/grid-fragmentation-004.html  |   113 +
 .../css-grid/grid-fragmentation-005-ref.html       |   147 +
 .../reftests/css-grid/grid-fragmentation-005.html  |   131 +
 .../css-grid/grid-fragmentation-006-ref.html       |   116 +
 .../reftests/css-grid/grid-fragmentation-006.html  |   108 +
 .../css-grid/grid-fragmentation-007-ref.html       |   132 +
 .../reftests/css-grid/grid-fragmentation-007.html  |   102 +
 .../css-grid/grid-fragmentation-008-ref.html       |   130 +
 .../reftests/css-grid/grid-fragmentation-008.html  |    93 +
 .../css-grid/grid-fragmentation-009-ref.html       |   159 +
 .../reftests/css-grid/grid-fragmentation-009.html  |   142 +
 .../css-grid/grid-fragmentation-010-ref.html       |    48 +
 .../reftests/css-grid/grid-fragmentation-010.html  |    43 +
 .../css-grid/grid-fragmentation-011-ref.html       |    49 +
 .../reftests/css-grid/grid-fragmentation-011.html  |    44 +
 .../css-grid/grid-fragmentation-012-ref.html       |    49 +
 .../reftests/css-grid/grid-fragmentation-012.html  |    46 +
 .../css-grid/grid-fragmentation-013-ref.html       |    48 +
 .../reftests/css-grid/grid-fragmentation-013.html  |    45 +
 .../css-grid/grid-fragmentation-014-ref.html       |    39 +
 .../reftests/css-grid/grid-fragmentation-014.html  |    44 +
 .../css-grid/grid-fragmentation-015-ref.html       |   126 +
 .../reftests/css-grid/grid-fragmentation-015.html  |   132 +
 .../css-grid/grid-fragmentation-016-ref.html       |   165 +
 .../reftests/css-grid/grid-fragmentation-016.html  |   126 +
 .../css-grid/grid-fragmentation-017-ref.html       |   137 +
 .../reftests/css-grid/grid-fragmentation-017.html  |   105 +
 .../css-grid/grid-fragmentation-018-ref.html       |   159 +
 .../reftests/css-grid/grid-fragmentation-018.html  |   143 +
 .../css-grid/grid-fragmentation-019-ref.html       |   147 +
 .../reftests/css-grid/grid-fragmentation-019.html  |   113 +
 .../css-grid/grid-fragmentation-020-ref.html       |   206 +
 .../reftests/css-grid/grid-fragmentation-020.html  |   213 +
 .../css-grid/grid-fragmentation-021-ref.html       |   186 +
 .../reftests/css-grid/grid-fragmentation-021.html  |   131 +
 .../reftests/css-grid/grid-fragmentation-022.html  |   102 +
 .../css-grid/grid-fragmentation-023-ref.html       |   136 +
 .../reftests/css-grid/grid-fragmentation-023.html  |   103 +
 .../css-grid/grid-fragmentation-024-ref.html       |   170 +
 .../reftests/css-grid/grid-fragmentation-024.html  |   124 +
 .../css-grid/grid-fragmentation-025-ref.html       |   175 +
 .../reftests/css-grid/grid-fragmentation-025.html  |   124 +
 .../css-grid/grid-fragmentation-026-ref.html       |   164 +
 .../reftests/css-grid/grid-fragmentation-026.html  |   132 +
 .../reftests/css-grid/grid-fragmentation-027.html  |   125 +
 .../css-grid/grid-fragmentation-028-ref.html       |   172 +
 .../reftests/css-grid/grid-fragmentation-028.html  |   123 +
 .../css-grid/grid-fragmentation-029-ref.html       |   205 +
 .../reftests/css-grid/grid-fragmentation-029.html  |   139 +
 .../css-grid/grid-fragmentation-030-ref.html       |   109 +
 .../reftests/css-grid/grid-fragmentation-030.html  |   112 +
 .../css-grid/grid-fragmentation-031-ref.html       |   113 +
 .../reftests/css-grid/grid-fragmentation-031.html  |   112 +
 .../css-grid/grid-fragmentation-dyn1-002.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-006.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-015.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-016.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-019.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-020.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-021.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-023.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-024.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-026.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-027.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-028.html      |    24 +
 .../css-grid/grid-fragmentation-dyn1-029.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-018.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-019.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-020.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-021.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-022.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-023.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-025.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-026.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-027.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-028.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-029.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-030.html      |    24 +
 .../css-grid/grid-fragmentation-dyn2-031.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-001.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-002.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-003.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-007.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-009.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-017.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-019.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-021.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-023.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-026.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-027.html      |    24 +
 .../css-grid/grid-fragmentation-dyn3-028.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-001.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-004.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-005.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-015.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-019.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-021.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-023.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-026.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-027.html      |    24 +
 .../css-grid/grid-fragmentation-dyn4-028.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-005.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-007.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-008.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-016.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-019.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-021.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-023.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-026.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-027.html      |    24 +
 .../css-grid/grid-fragmentation-dyn5-028.html      |    24 +
 .../reftests/css-grid/grid-item-align-001-ref.html |   186 +
 layout/reftests/css-grid/grid-item-align-001.html  |   107 +
 .../reftests/css-grid/grid-item-align-002-ref.html |   127 +
 layout/reftests/css-grid/grid-item-align-002.html  |   108 +
 .../reftests/css-grid/grid-item-align-003-ref.html |   115 +
 layout/reftests/css-grid/grid-item-align-003.html  |   128 +
 .../grid-item-align-dynamic-pos-001-ref.html       |    37 +
 .../css-grid/grid-item-align-dynamic-pos-001.html  |    46 +
 .../grid-item-align-dynamic-pos-002-ref.html       |    37 +
 .../css-grid/grid-item-align-dynamic-pos-002.html  |    45 +
 .../grid-item-align-dynamic-pos-003-ref.html       |    38 +
 .../css-grid/grid-item-align-dynamic-pos-003.html  |    47 +
 .../grid-item-auto-min-size-clamp-001-ref.html     |   197 +
 .../grid-item-auto-min-size-clamp-001.html         |   154 +
 .../grid-item-auto-min-size-clamp-002-ref.html     |   176 +
 .../grid-item-auto-min-size-clamp-002.html         |   155 +
 .../grid-item-auto-min-size-clamp-003-ref.html     |   264 +
 .../grid-item-auto-min-size-clamp-003.html         |   170 +
 .../grid-item-auto-min-size-clamp-004-ref.html     |   246 +
 .../grid-item-auto-min-size-clamp-004.html         |   160 +
 .../grid-item-auto-min-size-clamp-005-ref.html     |   165 +
 .../grid-item-auto-min-size-clamp-005.html         |   156 +
 .../grid-item-auto-min-size-clamp-006-ref.html     |   150 +
 .../grid-item-auto-min-size-clamp-006.html         |   146 +
 .../grid-item-auto-min-size-clamp-007-ref.html     |   155 +
 .../grid-item-auto-min-size-clamp-007.html         |   190 +
 .../css-grid/grid-item-blockifying-001-ref.html    |   312 +
 .../css-grid/grid-item-blockifying-001.html        |   409 +
 .../css-grid/grid-item-button-001-ref.html         |   106 +
 layout/reftests/css-grid/grid-item-button-001.html |   161 +
 .../css-grid/grid-item-canvas-001-ref.html         |    57 +
 layout/reftests/css-grid/grid-item-canvas-001.html |   102 +
 .../reftests/css-grid/grid-item-dir-001-ref.html   |    45 +
 layout/reftests/css-grid/grid-item-dir-001.html    |    46 +
 .../grid-item-fieldset-stretch-001-ref.html        |    63 +
 .../css-grid/grid-item-fieldset-stretch-001.html   |    58 +
 .../css-grid/grid-item-input-stretch-001-ref.html  |    81 +
 .../css-grid/grid-item-input-stretch-001.html      |    75 +
 .../grid-item-intrinsic-ratio-normal-001-ref.html  |   202 +
 .../grid-item-intrinsic-ratio-normal-001.html      |   134 +
 .../grid-item-intrinsic-ratio-normal-002-ref.html  |   199 +
 .../grid-item-intrinsic-ratio-normal-002.html      |   129 +
 .../grid-item-intrinsic-ratio-normal-003-ref.html  |   236 +
 .../grid-item-intrinsic-ratio-normal-003.html      |   174 +
 .../grid-item-intrinsic-ratio-normal-004-ref.html  |   145 +
 .../grid-item-intrinsic-ratio-normal-004.html      |   115 +
 .../grid-item-intrinsic-ratio-normal-005-ref.html  |   146 +
 .../grid-item-intrinsic-ratio-normal-005.html      |   115 +
 .../grid-item-intrinsic-ratio-stretch-001-ref.html |   143 +
 .../grid-item-intrinsic-ratio-stretch-001.html     |   149 +
 .../grid-item-intrinsic-ratio-stretch-002-ref.html |   147 +
 .../grid-item-intrinsic-ratio-stretch-002.html     |   154 +
 .../grid-item-intrinsic-ratio-stretch-003-ref.html |   148 +
 .../grid-item-intrinsic-ratio-stretch-003.html     |   149 +
 .../grid-item-intrinsic-ratio-stretch-004-ref.html |   143 +
 .../grid-item-intrinsic-ratio-stretch-004.html     |   145 +
 .../grid-item-intrinsic-ratio-stretch-005-ref.html |   156 +
 .../grid-item-intrinsic-ratio-stretch-005.html     |   154 +
 .../grid-item-intrinsic-ratio-stretch-006-ref.html |   147 +
 .../grid-item-intrinsic-ratio-stretch-006.html     |   117 +
 .../grid-item-intrinsic-ratio-stretch-007-ref.html |   145 +
 .../grid-item-intrinsic-ratio-stretch-007.html     |   115 +
 .../grid-item-intrinsic-size-normal-001-ref.html   |   237 +
 .../grid-item-intrinsic-size-normal-001.html       |   168 +
 .../grid-item-intrinsic-size-normal-002-ref.html   |   240 +
 .../grid-item-intrinsic-size-normal-002.html       |   168 +
 .../css-grid/grid-item-justify-001-ref.html        |   121 +
 .../reftests/css-grid/grid-item-justify-001.html   |   108 +
 .../css-grid/grid-item-justify-002-ref.html        |   120 +
 .../reftests/css-grid/grid-item-justify-002.html   |   108 +
 .../grid-item-margin-left-auto-001-ref.html        |   117 +
 .../css-grid/grid-item-margin-left-auto-001.html   |   116 +
 .../grid-item-margin-left-auto-002-ref.html        |   115 +
 .../css-grid/grid-item-margin-left-auto-002.html   |   116 +
 .../grid-item-margin-left-auto-003-ref.html        |   116 +
 .../css-grid/grid-item-margin-left-auto-003.html   |   115 +
 .../grid-item-margin-left-auto-004-ref.html        |   117 +
 .../css-grid/grid-item-margin-left-auto-004.html   |   116 +
 .../grid-item-margin-left-right-auto-001-ref.html  |   117 +
 .../grid-item-margin-left-right-auto-001.html      |   117 +
 .../grid-item-margin-left-right-auto-002-ref.html  |   115 +
 .../grid-item-margin-left-right-auto-002.html      |   117 +
 .../grid-item-margin-left-right-auto-003-ref.html  |   116 +
 .../grid-item-margin-left-right-auto-003.html      |   116 +
 .../grid-item-margin-left-right-auto-004-ref.html  |   115 +
 .../grid-item-margin-left-right-auto-004.html      |   117 +
 .../grid-item-margin-right-auto-001-ref.html       |   117 +
 .../css-grid/grid-item-margin-right-auto-001.html  |   116 +
 .../grid-item-margin-right-auto-002-ref.html       |   118 +
 .../css-grid/grid-item-margin-right-auto-002.html  |   116 +
 .../grid-item-margin-right-auto-003-ref.html       |   116 +
 .../css-grid/grid-item-margin-right-auto-003.html  |   115 +
 .../grid-item-margin-right-auto-004-ref.html       |   117 +
 .../css-grid/grid-item-margin-right-auto-004.html  |   116 +
 .../grid-item-overflow-stretch-001-ref.html        |    78 +
 .../css-grid/grid-item-overflow-stretch-001.html   |    74 +
 .../grid-item-overflow-stretch-002-ref.html        |    79 +
 .../css-grid/grid-item-overflow-stretch-002.html   |    75 +
 .../grid-item-overflow-stretch-003-ref.html        |    84 +
 .../css-grid/grid-item-overflow-stretch-003.html   |    75 +
 .../grid-item-overflow-stretch-004-ref.html        |    86 +
 .../css-grid/grid-item-overflow-stretch-004.html   |    82 +
 .../grid-item-overflow-stretch-006-ref.html        |    54 +
 .../css-grid/grid-item-overflow-stretch-006.html   |    56 +
 .../css-grid/grid-item-sizing-percent-001-ref.html |    94 +
 .../css-grid/grid-item-sizing-percent-001.html     |    96 +
 .../css-grid/grid-item-sizing-percent-002-ref.html |   136 +
 .../css-grid/grid-item-sizing-percent-002.html     |   131 +
 .../css-grid/grid-item-sizing-percent-003-ref.html |   137 +
 .../css-grid/grid-item-sizing-percent-003.html     |   132 +
 .../css-grid/grid-item-sizing-percent-004-ref.html |   134 +
 .../css-grid/grid-item-sizing-percent-004.html     |   135 +
 .../reftests/css-grid/grid-item-sizing-px-001.html |    94 +
 .../css-grid/grid-item-stretch-001-ref.html        |   109 +
 .../reftests/css-grid/grid-item-stretch-001.html   |   117 +
 .../css-grid/grid-item-table-stretch-001-ref.html  |   176 +
 .../css-grid/grid-item-table-stretch-001.html      |   178 +
 .../css-grid/grid-item-table-stretch-002-ref.html  |   198 +
 .../css-grid/grid-item-table-stretch-002.html      |   180 +
 .../css-grid/grid-item-table-stretch-004-ref.html  |    67 +
 .../css-grid/grid-item-table-stretch-004.html      |    62 +
 .../css-grid/grid-item-video-stretch-001-ref.html  |    77 +
 .../css-grid/grid-item-video-stretch-001.html      |    71 +
 .../css-grid/grid-item-video-stretch-002-ref.html  |   113 +
 .../css-grid/grid-item-video-stretch-002.html      |    91 +
 .../css-grid/grid-justify-content-001-ref.html     |    92 +
 .../css-grid/grid-justify-content-001.html         |    90 +
 .../css-grid/grid-justify-content-002-ref.html     |    62 +
 .../css-grid/grid-justify-content-002.html         |    67 +
 .../css-grid/grid-justify-content-003-ref.html     |   119 +
 .../css-grid/grid-justify-content-003.html         |   100 +
 .../css-grid/grid-max-sizing-flex-001-ref.html     |    90 +
 .../css-grid/grid-max-sizing-flex-001.html         |    90 +
 .../css-grid/grid-max-sizing-flex-002-ref.html     |    90 +
 .../css-grid/grid-max-sizing-flex-002.html         |    89 +
 .../css-grid/grid-max-sizing-flex-003-ref.html     |    88 +
 .../css-grid/grid-max-sizing-flex-003.html         |    74 +
 .../css-grid/grid-max-sizing-flex-004-ref.html     |   120 +
 .../css-grid/grid-max-sizing-flex-004.html         |   173 +
 .../css-grid/grid-max-sizing-flex-005-ref.html     |   109 +
 .../css-grid/grid-max-sizing-flex-005.html         |   109 +
 .../css-grid/grid-max-sizing-flex-006-ref.html     |    81 +
 .../css-grid/grid-max-sizing-flex-006.html         |    83 +
 .../css-grid/grid-max-sizing-flex-007-ref.html     |   134 +
 .../css-grid/grid-max-sizing-flex-007.html         |   132 +
 .../css-grid/grid-max-sizing-flex-008-ref.html     |   111 +
 .../css-grid/grid-max-sizing-flex-008.html         |    97 +
 .../grid-measuring-reflow-resize-001-ref.html      |    24 +
 .../grid-measuring-reflow-resize-dynamic-001.html  |    37 +
 .../grid-measuring-reflow-resize-static-001.html   |    32 +
 ...ontent-min-sizing-transferred-size-001-ref.html |    62 +
 ...in-content-min-sizing-transferred-size-001.html |    59 +
 ...ontent-min-sizing-transferred-size-002-ref.html |    66 +
 ...in-content-min-sizing-transferred-size-002.html |    60 +
 ...ontent-min-sizing-transferred-size-003-ref.html |    63 +
 ...in-content-min-sizing-transferred-size-003.html |    58 +
 ...ontent-min-sizing-transferred-size-004-ref.html |    64 +
 ...in-content-min-sizing-transferred-size-004.html |    59 +
 .../grid-min-max-content-sizing-001-ref.html       |    98 +
 .../css-grid/grid-min-max-content-sizing-001.html  |   105 +
 .../grid-min-max-content-sizing-002-ref.html       |    82 +
 .../css-grid/grid-min-max-content-sizing-002.html  |    85 +
 .../css-grid/grid-order-abspos-items-001-ref.html  |   148 +
 .../css-grid/grid-order-abspos-items-001.html      |   150 +
 .../grid-order-placement-auto-001-ref.html         |   204 +
 .../css-grid/grid-order-placement-auto-001.html    |   156 +
 .../grid-order-placement-definite-001-ref.html     |    69 +
 .../grid-order-placement-definite-001.html         |    71 +
 .../css-grid/grid-percent-grid-gap-001-ref.html    |   152 +
 .../css-grid/grid-percent-grid-gap-001.html        |   159 +
 .../grid-percent-intrinsic-sizing-001-ref.html     |    75 +
 .../grid-percent-intrinsic-sizing-001.html         |    73 +
 .../grid-placement-abspos-implicit-001-ref.html    |   113 +
 .../grid-placement-abspos-implicit-001.html        |   129 +
 .../grid-placement-auto-col-dense-001-ref.html     |   233 +
 .../grid-placement-auto-col-dense-001.html         |   169 +
 .../grid-placement-auto-col-sparse-001-ref.html    |   208 +
 .../grid-placement-auto-col-sparse-001.html        |   137 +
 .../grid-placement-auto-implicit-001-ref.html      |   153 +
 .../css-grid/grid-placement-auto-implicit-001.html |   155 +
 .../grid-placement-auto-row-dense-001-ref.html     |   251 +
 .../grid-placement-auto-row-dense-001.html         |   187 +
 .../grid-placement-auto-row-sparse-001-ref.html    |   226 +
 .../grid-placement-auto-row-sparse-001.html        |   160 +
 .../css-grid/grid-placement-definite-001-ref.html  |    55 +
 .../css-grid/grid-placement-definite-001.html      |    53 +
 .../css-grid/grid-placement-definite-002-ref.html  |   108 +
 .../css-grid/grid-placement-definite-002.html      |    90 +
 .../css-grid/grid-placement-definite-003-ref.html  |    79 +
 .../css-grid/grid-placement-definite-003.html      |    76 +
 .../grid-placement-definite-implicit-001-ref.html  |    93 +
 .../grid-placement-definite-implicit-001.html      |   112 +
 .../grid-placement-definite-implicit-002-ref.html  |   231 +
 .../grid-placement-definite-implicit-002.html      |   244 +
 ...rid-placement-implicit-named-areas-001-ref.html |   155 +
 .../grid-placement-implicit-named-areas-001.html   |   159 +
 .../grid-placement-named-lines-001-ref.html        |   187 +
 .../css-grid/grid-placement-named-lines-001.html   |   182 +
 .../grid-placement-named-lines-002-ref.html        |   187 +
 .../css-grid/grid-placement-named-lines-002.html   |   182 +
 .../grid-placement-named-lines-003-ref.html        |   171 +
 .../css-grid/grid-placement-named-lines-003.html   |   166 +
 .../grid-placement-negative-lines-001-ref.html     |   186 +
 .../grid-placement-negative-lines-001.html         |   180 +
 .../css-grid/grid-relpos-items-001-ref.html        |    61 +
 .../reftests/css-grid/grid-relpos-items-001.html   |    65 +
 .../grid-repeat-auto-fill-fit-001-ref.html         |   277 +
 .../css-grid/grid-repeat-auto-fill-fit-001.html    |   256 +
 .../grid-repeat-auto-fill-fit-002-ref.html         |   218 +
 .../css-grid/grid-repeat-auto-fill-fit-002.html    |   199 +
 .../grid-repeat-auto-fill-fit-003-ref.html         |   197 +
 .../css-grid/grid-repeat-auto-fill-fit-003.html    |   189 +
 .../grid-repeat-auto-fill-fit-004-ref.html         |   191 +
 .../css-grid/grid-repeat-auto-fill-fit-004.html    |   183 +
 .../grid-repeat-auto-fill-fit-005-ref.html         |   382 +
 .../css-grid/grid-repeat-auto-fill-fit-005.html    |   377 +
 .../grid-repeat-auto-fill-fit-006-ref.html         |   184 +
 .../css-grid/grid-repeat-auto-fill-fit-006.html    |   213 +
 .../grid-repeat-auto-fill-fit-007-ref.html         |   177 +
 .../css-grid/grid-repeat-auto-fill-fit-007.html    |   195 +
 .../grid-repeat-auto-fill-fit-008-ref.html         |   193 +
 .../css-grid/grid-repeat-auto-fill-fit-008.html    |   240 +
 .../grid-repeat-auto-fill-fit-009-ref.html         |   131 +
 .../css-grid/grid-repeat-auto-fill-fit-009.html    |   117 +
 .../grid-repeat-auto-fill-fit-010-ref.html         |   336 +
 .../css-grid/grid-repeat-auto-fill-fit-010.html    |   366 +
 .../css-grid/grid-repeat-auto-fill-fit-011.html    |   366 +
 .../grid-repeat-auto-fill-fit-012-ref.html         |   144 +
 .../css-grid/grid-repeat-auto-fill-fit-012.html    |   160 +
 .../grid-repeat-auto-fill-fit-013-ref.html         |   116 +
 .../css-grid/grid-repeat-auto-fill-fit-013.html    |   135 +
 layout/reftests/css-grid/grid-row-gap-001-ref.html |    91 +
 layout/reftests/css-grid/grid-row-gap-001.html     |    91 +
 layout/reftests/css-grid/grid-row-gap-002-ref.html |   124 +
 layout/reftests/css-grid/grid-row-gap-002.html     |   100 +
 layout/reftests/css-grid/grid-row-gap-003-ref.html |   126 +
 layout/reftests/css-grid/grid-row-gap-003.html     |   102 +
 layout/reftests/css-grid/grid-row-gap-004-ref.html |   122 +
 layout/reftests/css-grid/grid-row-gap-004.html     |   102 +
 layout/reftests/css-grid/grid-row-gap-005-ref.html |    90 +
 layout/reftests/css-grid/grid-row-gap-005.html     |    91 +
 .../grid-track-fit-content-sizing-001-ref.html     |   179 +
 .../grid-track-fit-content-sizing-001.html         |   141 +
 .../grid-track-fit-content-sizing-002-ref.html     |   148 +
 .../grid-track-fit-content-sizing-002.html         |   151 +
 .../grid-track-intrinsic-sizing-001-ref.html       |   139 +
 .../css-grid/grid-track-intrinsic-sizing-001.html  |   103 +
 .../grid-track-intrinsic-sizing-002-ref.html       |   168 +
 .../css-grid/grid-track-intrinsic-sizing-002.html  |   192 +
 .../grid-track-intrinsic-sizing-003-ref.html       |   228 +
 .../css-grid/grid-track-intrinsic-sizing-003.html  |   208 +
 .../grid-track-intrinsic-sizing-004-ref.html       |   251 +
 .../css-grid/grid-track-intrinsic-sizing-004.html  |   225 +
 .../grid-track-percent-sizing-001-ref.html         |   129 +
 .../css-grid/grid-track-percent-sizing-001.html    |   140 +
 .../css-grid/grid-track-sizing-001-ref.html        |    44 +
 .../reftests/css-grid/grid-track-sizing-001.html   |    42 +
 .../css-grid/grid-track-sizing-002-ref.html        |   243 +
 .../reftests/css-grid/grid-track-sizing-002.html   |   238 +
 .../css-grid/grid-whitespace-handling-1-ref.xhtml  |    52 +
 .../css-grid/grid-whitespace-handling-1a.xhtml     |    55 +
 .../css-grid/grid-whitespace-handling-1b.xhtml     |    48 +
 .../css-grid/grid-whitespace-handling-2-ref.xhtml  |    52 +
 .../css-grid/grid-whitespace-handling-2.xhtml      |    53 +
 layout/reftests/css-grid/reftest.list              |   284 +
 ...rtl-grid-placement-auto-row-sparse-001-ref.html |   200 +
 .../rtl-grid-placement-auto-row-sparse-001.html    |   138 +
 .../rtl-grid-placement-definite-001-ref.html       |    69 +
 .../css-grid/rtl-grid-placement-definite-001.html  |    65 +
 layout/reftests/css-grid/support/ahem.css          |     4 +
 layout/reftests/css-grid/support/colors-16x8.webm  |   Bin 0 -> 397 bytes
 layout/reftests/css-grid/support/dyn.js            |   127 +
 layout/reftests/css-grid/support/lime-24x2.png     |   Bin 0 -> 96 bytes
 layout/reftests/css-grid/support/lime-25x1.png     |   Bin 0 -> 3676 bytes
 layout/reftests/css-grid/support/lime-2x24.png     |   Bin 0 -> 98 bytes
 .../reftests/css-grid/support/solidblue-20x32.png  |   Bin 0 -> 100 bytes
 layout/reftests/css-grid/support/solidblue.png     |   Bin 0 -> 135 bytes
 ...vlr-grid-placement-auto-row-sparse-001-ref.html |   204 +
 .../vlr-grid-placement-auto-row-sparse-001.html    |   142 +
 ...vrl-grid-placement-auto-row-sparse-001-ref.html |   222 +
 .../vrl-grid-placement-auto-row-sparse-001.html    |   142 +
 layout/reftests/css-import/1331291-1.html          |     9 +
 layout/reftests/css-import/1368782-1.html          |     5 +
 layout/reftests/css-import/1368782-2.html          |     7 +
 layout/reftests/css-import/1368782-3.html          |     8 +
 layout/reftests/css-import/1373559-ref.html        |     3 +
 layout/reftests/css-import/1373559.html            |    10 +
 layout/reftests/css-import/290018-1.html           |    13 +
 layout/reftests/css-import/290018-ref.html         |    11 +
 layout/reftests/css-import/436261-1.html           |    15 +
 layout/reftests/css-import/436261-2.html           |    12 +
 layout/reftests/css-import/436261-3.html           |    21 +
 layout/reftests/css-import/436261-ref.html         |     6 +
 layout/reftests/css-import/444723-1.html           |    20 +
 layout/reftests/css-import/444723-2.html           |    20 +
 layout/reftests/css-import/444723-ref.html         |    12 +
 layout/reftests/css-import/445415-1-ref.xhtml      |    12 +
 layout/reftests/css-import/445415-1a.xhtml         |    19 +
 layout/reftests/css-import/445415-1b.xhtml         |    19 +
 layout/reftests/css-import/445415-2-ref.xhtml      |    12 +
 layout/reftests/css-import/445415-2a.xhtml         |    19 +
 layout/reftests/css-import/445415-2b.xhtml         |    19 +
 layout/reftests/css-import/green.html              |     4 +
 layout/reftests/css-import/inner-sheet.css         |     2 +
 .../reftests/css-import/other-outermost-sheet.css  |     3 +
 layout/reftests/css-import/outer-sheet.css         |     2 +
 layout/reftests/css-import/outermost-sheet.css     |     3 +
 layout/reftests/css-import/reftest.list            |    15 +
 .../css-import/subdir/1x1-green-in-subdir.png      |   Bin 0 -> 135 bytes
 layout/reftests/css-import/subdir/sheet.css        |     0
 .../reftests/css-invalid/button/button-button.html |     9 +
 .../button/button-disabled-fieldset-1.html         |    22 +
 .../button/button-disabled-fieldset-2.html         |    25 +
 .../css-invalid/button/button-disabled-ref.html    |     6 +
 .../css-invalid/button/button-disabled.html        |     9 +
 .../css-invalid/button/button-dyn-disabled.html    |    18 +
 .../button/button-dyn-not-disabled.html            |    19 +
 .../button/button-fieldset-legend-ref.html         |    10 +
 .../css-invalid/button/button-fieldset-legend.html |    22 +
 .../css-invalid/button/button-fieldset-ref.html    |    10 +
 .../css-invalid/button/button-invalid.html         |     9 +
 layout/reftests/css-invalid/button/button-ref.html |     6 +
 .../reftests/css-invalid/button/button-reset.html  |     9 +
 .../css-invalid/button/button-type-barred.html     |    19 +
 .../css-invalid/button/button-type-invalid.html    |    19 +
 .../reftests/css-invalid/button/button-valid.html  |     9 +
 layout/reftests/css-invalid/button/reftest.list    |    12 +
 layout/reftests/css-invalid/button/style.css       |    18 +
 .../css-invalid/default-style/button-ref.html      |     7 +
 .../reftests/css-invalid/default-style/button.html |    14 +
 .../css-invalid/default-style/fieldset-ref.html    |     7 +
 .../css-invalid/default-style/fieldset.html        |    14 +
 .../css-invalid/default-style/input-ref.html       |     7 +
 .../reftests/css-invalid/default-style/input.html  |    14 +
 .../css-invalid/default-style/reftest.list         |     5 +
 .../css-invalid/default-style/select-ref.html      |     7 +
 .../reftests/css-invalid/default-style/select.html |    14 +
 .../reftests/css-invalid/default-style/style.css   |     9 +
 .../css-invalid/default-style/textarea-ref.html    |     7 +
 .../css-invalid/default-style/textarea.html        |    14 +
 .../fieldset/fieldset-add-invalid-barred.html      |    22 +
 .../fieldset-add-invalid-element-dynamic.html      |    21 +
 .../fieldset/fieldset-add-invalid-element.html     |    22 +
 .../fieldset-add-invalid-with-valid-element.html   |    22 +
 .../fieldset/fieldset-add-valid-element.html       |    22 +
 .../fieldset-add-valid-with-invalid-element.html   |    22 +
 .../fieldset-add-valid-with-no-element.html        |    21 +
 .../css-invalid/fieldset/fieldset-div-invalid.html |    17 +
 .../fieldset/fieldset-dynamic-invalid-barred.html  |    22 +
 .../fieldset-dynamic-invalid-not-barred.html       |    20 +
 .../fieldset/fieldset-dynamic-invalid.html         |    21 +
 .../fieldset/fieldset-dynamic-valid.html           |    21 +
 .../fieldset-invalid-and-barred-remove-barred.html |    23 +
 ...fieldset-invalid-and-barred-remove-invalid.html |    23 +
 .../fieldset/fieldset-invalid-and-barred.html      |    15 +
 .../css-invalid/fieldset/fieldset-invalid.html     |    12 +
 .../css-invalid/fieldset/fieldset-is-barred.html   |    11 +
 .../fieldset/fieldset-nested-barred-ref.html       |    11 +
 .../fieldset/fieldset-nested-barred.html           |    24 +
 .../fieldset/fieldset-nested-invalid.html          |    17 +
 .../fieldset-nested-valid-invalid-ref.html         |    22 +
 .../fieldset/fieldset-nested-valid-invalid.html    |    21 +
 .../fieldset/fieldset-remove-invalid-element.html  |    21 +
 .../fieldset/fieldset-static-invalid-barred.html   |    13 +
 .../fieldset/fieldset-static-invalid.html          |    14 +
 .../fieldset/fieldset-static-valid.html            |    14 +
 .../fieldset-valid-and-barred-remove-barred.html   |    23 +
 .../fieldset/fieldset-valid-and-barred.html        |    15 +
 .../css-invalid/fieldset/fieldset-valid.html       |    14 +
 ...et-with-invalid-element-add-barred-dynamic.html |    23 +
 .../fieldset/fieldset-with-valid-and-invalid.html  |    15 +
 ...dset-with-valid-element-add-barred-dynamic.html |    23 +
 layout/reftests/css-invalid/fieldset/reftest.list  |    29 +
 .../css-invalid/form/form-add-control.html         |    22 +
 .../form/form-add-invalid-element-dynamic.html     |    21 +
 .../css-invalid/form/form-add-invalid-element.html |    22 +
 .../form/form-add-invalid-with-valid-element.html  |    22 +
 .../css-invalid/form/form-add-valid-element.html   |    22 +
 .../form/form-add-valid-with-invalid-element.html  |    22 +
 .../form/form-add-valid-with-no-element.html       |    21 +
 .../form/form-dynamic-invalid-barred.html          |    22 +
 .../form/form-dynamic-invalid-not-barred.html      |    20 +
 .../css-invalid/form/form-dynamic-invalid.html     |    22 +
 .../css-invalid/form/form-dynamic-valid.html       |    21 +
 .../form-invalid-and-barred-remove-barred.html     |    23 +
 .../css-invalid/form/form-invalid-and-barred.html  |    15 +
 .../css-invalid/form/form-invalid-barred-ref.html  |     8 +
 .../css-invalid/form/form-invalid-barred.html      |    15 +
 .../css-invalid/form/form-invalid-ref-2.html       |     8 +
 .../css-invalid/form/form-invalid-ref.html         |     5 +
 .../form/form-remove-invalid-element.html          |    21 +
 .../form/form-static-invalid-barred.html           |    13 +
 .../css-invalid/form/form-static-invalid.html      |    14 +
 .../css-invalid/form/form-static-valid.html        |    14 +
 .../form/form-valid-and-barred-ref.html            |     9 +
 .../form/form-valid-and-barred-remove-barred.html  |    23 +
 .../css-invalid/form/form-valid-and-barred.html    |    15 +
 .../css-invalid/form/form-valid-ref-2.html         |     7 +
 .../css-invalid/form/form-valid-ref-4.html         |     9 +
 .../reftests/css-invalid/form/form-valid-ref.html  |     8 +
 ...rm-with-invalid-element-add-barred-dynamic.html |    23 +
 .../form/form-with-valid-and-invalid.html          |    15 +
 ...form-with-valid-element-add-barred-dynamic.html |    23 +
 layout/reftests/css-invalid/form/reftest.list      |    24 +
 .../css-invalid/input/input-button-ref.html        |     7 +
 .../reftests/css-invalid/input/input-button.html   |     9 +
 .../css-invalid/input/input-customerror.html       |    18 +
 .../input/input-disabled-fieldset-1.html           |    14 +
 .../input/input-disabled-fieldset-2.html           |    23 +
 .../reftests/css-invalid/input/input-disabled.html |     9 +
 .../css-invalid/input/input-dyn-disabled.html      |    18 +
 .../css-invalid/input/input-dyn-not-disabled.html  |    19 +
 .../css-invalid/input/input-dyn-not-readonly.html  |     9 +
 .../css-invalid/input/input-dyn-readonly.html      |     9 +
 .../css-invalid/input/input-email-invalid.html     |    10 +
 .../css-invalid/input/input-email-ref.html         |     7 +
 .../css-invalid/input/input-email-valid.html       |    10 +
 .../input/input-fieldset-legend-ref.html           |    11 +
 .../css-invalid/input/input-fieldset-legend.html   |    14 +
 .../css-invalid/input/input-fieldset-ref.html      |    11 +
 .../css-invalid/input/input-image-ref.html         |     7 +
 layout/reftests/css-invalid/input/input-image.html |     9 +
 .../css-invalid/input/input-pattern-invalid.html   |    10 +
 .../css-invalid/input/input-pattern-valid.html     |    10 +
 .../css-invalid/input/input-radio-checked-ref.html |     8 +
 .../css-invalid/input/input-radio-customerror.html |    11 +
 .../css-invalid/input/input-radio-dyn-valid-1.html |    11 +
 .../css-invalid/input/input-radio-dyn-valid-2.html |    11 +
 .../css-invalid/input/input-radio-focus-click.html |    30 +
 .../input-radio-nogroup-required-invalid.html      |     8 +
 .../input/input-radio-nogroup-required-valid.html  |     8 +
 .../css-invalid/input/input-radio-ref.html         |     8 +
 .../css-invalid/input/input-radio-required.html    |    10 +
 .../reftests/css-invalid/input/input-readonly.html |     9 +
 layout/reftests/css-invalid/input/input-ref.html   |     7 +
 .../css-invalid/input/input-required-invalid.html  |    10 +
 .../css-invalid/input/input-required-valid.html    |    10 +
 layout/reftests/css-invalid/input/input-reset.html |    10 +
 .../css-invalid/input/input-submit-ref.html        |     7 +
 .../reftests/css-invalid/input/input-submit.html   |     9 +
 .../css-invalid/input/input-type-barred.html       |    10 +
 .../css-invalid/input/input-type-invalid.html      |    20 +
 .../css-invalid/input/input-url-invalid.html       |    10 +
 .../reftests/css-invalid/input/input-url-ref.html  |     7 +
 .../css-invalid/input/input-url-valid.html         |    10 +
 layout/reftests/css-invalid/input/input-valid.html |     9 +
 .../css-invalid/input/input-withtext-ref.html      |     7 +
 layout/reftests/css-invalid/input/reftest.list     |    33 +
 layout/reftests/css-invalid/input/style.css        |    26 +
 .../css-invalid/output/output-invalid.html         |     9 +
 layout/reftests/css-invalid/output/output-ref.html |     7 +
 .../reftests/css-invalid/output/output-valid.html  |     9 +
 layout/reftests/css-invalid/output/reftest.list    |     2 +
 layout/reftests/css-invalid/output/style.css       |    22 +
 layout/reftests/css-invalid/reftest.list           |    14 +
 layout/reftests/css-invalid/select/reftest.list    |    12 +
 .../select/select-disabled-fieldset-1.html         |    22 +
 .../select/select-disabled-fieldset-2.html         |    25 +
 .../css-invalid/select/select-disabled-ref.html    |     6 +
 .../css-invalid/select/select-disabled.html        |     9 +
 .../css-invalid/select/select-dyn-disabled.html    |    18 +
 .../select/select-dyn-not-disabled.html            |    19 +
 .../select/select-fieldset-legend-ref.html         |    10 +
 .../css-invalid/select/select-fieldset-legend.html |    22 +
 .../css-invalid/select/select-fieldset-ref.html    |    10 +
 .../css-invalid/select/select-invalid.html         |     9 +
 layout/reftests/css-invalid/select/select-ref.html |     6 +
 .../select/select-required-invalid.html            |    11 +
 .../select/select-required-multiple-ref.html       |    10 +
 .../select-required-multiple-still-valid.html      |    12 +
 .../select/select-required-multiple-valid.html     |    12 +
 .../css-invalid/select/select-required-ref.html    |     9 +
 .../css-invalid/select/select-required-valid.html  |    11 +
 .../reftests/css-invalid/select/select-valid.html  |     9 +
 layout/reftests/css-invalid/select/style.css       |    18 +
 layout/reftests/css-invalid/textarea/reftest.list  |    13 +
 layout/reftests/css-invalid/textarea/style.css     |    26 +
 .../css-invalid/textarea/textarea-customerror.html |    18 +
 .../textarea/textarea-disabled-fieldset-1.html     |    14 +
 .../textarea/textarea-disabled-fieldset-2.html     |    23 +
 .../css-invalid/textarea/textarea-disabled.html    |     9 +
 .../textarea/textarea-dyn-disabled.html            |    19 +
 .../textarea/textarea-dyn-not-disabled.html        |    20 +
 .../textarea/textarea-dyn-not-readonly.html        |    18 +
 .../textarea/textarea-dyn-readonly.html            |    18 +
 .../textarea/textarea-fieldset-legend-ref.html     |    11 +
 .../textarea/textarea-fieldset-legend.html         |    14 +
 .../textarea/textarea-fieldset-ref.html            |    11 +
 .../css-invalid/textarea/textarea-readonly.html    |     9 +
 .../css-invalid/textarea/textarea-ref.html         |     7 +
 .../textarea/textarea-required-invalid.html        |    10 +
 .../textarea/textarea-required-valid.html          |    10 +
 .../css-invalid/textarea/textarea-valid.html       |     9 +
 .../textarea/textarea-withtext-ref.html            |     7 +
 .../reftests/css-mediaqueries/greenbox-print.html  |    13 +
 layout/reftests/css-mediaqueries/greenbox.html     |    13 +
 .../css-mediaqueries/mq_overflow-block-ref.html    |     5 +
 .../css-mediaqueries/mq_overflow-block-ref.svg     |    12 +
 .../css-mediaqueries/mq_overflow-block.html        |    24 +
 .../css-mediaqueries/mq_overflow-block.svg         |    25 +
 .../css-mediaqueries/mq_overflow-inline-ref.html   |     4 +
 .../css-mediaqueries/mq_overflow-inline.html       |    20 +
 .../css-mediaqueries/mq_prefers_color_scheme.html  |    16 +
 .../mq_prefers_color_scheme_dark.html              |    19 +
 .../mq_prefers_color_scheme_light.html             |    19 +
 .../mq_prefers_color_scheme_print.html             |    19 +
 .../mq_prefers_reduced_motion.html                 |    16 +
 .../mq_prefers_reduced_motion_both.html            |    19 +
 .../mq_prefers_reduced_motion_no_preference.html   |    16 +
 .../mq_prefers_reduced_motion_reduce.html          |    16 +
 .../reftests/css-mediaqueries/mq_print-ref.xhtml   |    33 +
 .../css-mediaqueries/mq_print_aspectratio.xhtml    |    55 +
 .../mq_print_deviceaspectratio.xhtml               |    55 +
 .../css-mediaqueries/mq_print_deviceheight.xhtml   |    55 +
 .../css-mediaqueries/mq_print_devicewidth.xhtml    |    55 +
 .../css-mediaqueries/mq_print_height.xhtml         |    56 +
 .../css-mediaqueries/mq_print_maxheight.xhtml      |    57 +
 .../mq_print_maxheight_updown.xhtml                |    60 +
 .../css-mediaqueries/mq_print_maxwidth.xhtml       |    59 +
 .../mq_print_maxwidth_updown.xhtml                 |    58 +
 .../css-mediaqueries/mq_print_minheight.xhtml      |    58 +
 .../mq_print_minheight_updown.xhtml                |    60 +
 .../css-mediaqueries/mq_print_minwidth.xhtml       |    59 +
 .../mq_print_minwidth_updown.xhtml                 |    60 +
 .../mq_print_orientation-ref.xhtml                 |    27 +
 .../css-mediaqueries/mq_print_orientation.xhtml    |    41 +
 .../mq_print_overflow-block-ref.html               |     6 +
 .../css-mediaqueries/mq_print_overflow-block.html  |    25 +
 .../mq_print_overflow-inline-ref.html              |     5 +
 .../css-mediaqueries/mq_print_overflow-inline.html |    20 +
 .../css-mediaqueries/mq_print_update-ref.html      |     7 +
 .../reftests/css-mediaqueries/mq_print_update.html |    25 +
 .../reftests/css-mediaqueries/mq_print_width.xhtml |    57 +
 .../reftests/css-mediaqueries/mq_update-ref.html   |     5 +
 layout/reftests/css-mediaqueries/mq_update-ref.svg |    12 +
 layout/reftests/css-mediaqueries/mq_update.html    |    24 +
 layout/reftests/css-mediaqueries/mq_update.svg     |    25 +
 layout/reftests/css-mediaqueries/reftest.list      |    37 +
 .../reftests/css-optional/css-optional-button.html |     7 +
 .../reftests/css-optional/css-optional-dyn-1.html  |    21 +
 .../reftests/css-optional/css-optional-dyn-2.html  |    20 +
 .../css-optional/css-optional-input-ref.html       |     6 +
 .../reftests/css-optional/css-optional-input.html  |     7 +
 .../css-optional/css-optional-select-ref.html      |     6 +
 .../reftests/css-optional/css-optional-select.html |     7 +
 .../reftests/css-optional/css-optional-style.css   |     8 +
 .../css-optional/css-optional-textarea-ref.html    |     6 +
 .../css-optional/css-optional-textarea.html        |     7 +
 layout/reftests/css-optional/reftest.list          |    10 +
 .../css-page/generate-page-name-two-page-test.py   |   117 +
 .../reftests/css-page/page-name-two-page-001.html  |     8 +
 .../reftests/css-page/page-name-two-page-002.html  |     8 +
 .../reftests/css-page/page-name-two-page-003.html  |     8 +
 .../reftests/css-page/page-name-two-page-004.html  |     8 +
 .../reftests/css-page/page-name-two-page-005.html  |     8 +
 .../reftests/css-page/page-name-two-page-006.html  |     8 +
 .../reftests/css-page/page-name-two-page-007.html  |     8 +
 .../reftests/css-page/page-name-two-page-008.html  |     8 +
 .../reftests/css-page/page-name-two-page-009.html  |     8 +
 .../reftests/css-page/page-name-two-page-010.html  |     8 +
 .../reftests/css-page/page-name-two-page-011.html  |     8 +
 .../reftests/css-page/page-name-two-page-012.html  |     8 +
 .../reftests/css-page/page-name-two-page-013.html  |     8 +
 .../reftests/css-page/page-name-two-page-014.html  |     8 +
 .../reftests/css-page/page-name-two-page-015.html  |     8 +
 .../reftests/css-page/page-name-two-page-016.html  |     8 +
 .../reftests/css-page/page-name-two-page-017.html  |     8 +
 .../reftests/css-page/page-name-two-page-018.html  |     8 +
 .../reftests/css-page/page-name-two-page-019.html  |     8 +
 .../reftests/css-page/page-name-two-page-020.html  |     8 +
 .../reftests/css-page/page-name-two-page-021.html  |     8 +
 .../reftests/css-page/page-name-two-page-022.html  |     8 +
 .../reftests/css-page/page-name-two-page-023.html  |     8 +
 .../reftests/css-page/page-name-two-page-024.html  |     8 +
 .../reftests/css-page/page-name-two-page-025.html  |     8 +
 .../reftests/css-page/page-name-two-page-026.html  |     8 +
 .../reftests/css-page/page-name-two-page-027.html  |     8 +
 .../reftests/css-page/page-name-two-page-028.html  |     8 +
 .../reftests/css-page/page-name-two-page-029.html  |     8 +
 .../reftests/css-page/page-name-two-page-030.html  |     8 +
 .../reftests/css-page/page-name-two-page-031.html  |     8 +
 .../reftests/css-page/page-name-two-page-032.html  |     8 +
 .../reftests/css-page/page-name-two-page-033.html  |     8 +
 .../reftests/css-page/page-name-two-page-034.html  |     8 +
 .../reftests/css-page/page-name-two-page-035.html  |     8 +
 .../reftests/css-page/page-name-two-page-ref.html  |     7 +
 layout/reftests/css-page/reftest.list              |    36 +
 layout/reftests/css-parsing/at-rule-013-ref.html   |    25 +
 layout/reftests/css-parsing/at-rule-013.html       |    68 +
 .../at-rule-error-handling-import-1.html           |     5 +
 .../at-rule-error-handling-media-1.html            |     5 +
 .../css-parsing/at-rule-error-handling-ref.html    |     3 +
 layout/reftests/css-parsing/green-ref.html         |     2 +
 .../reftests/css-parsing/invalid-attr-1-ref.html   |    15 +
 layout/reftests/css-parsing/invalid-attr-1.html    |    25 +
 .../invalid-font-face-descriptor-1-ref.html        |     5 +
 .../invalid-font-face-descriptor-1.html            |    10 +
 .../css-parsing/invalid-url-handling-ref.xhtml     |    32 +
 .../css-parsing/invalid-url-handling.xhtml         |   135 +
 layout/reftests/css-parsing/moz-bool-pref.css      |    22 +
 .../css-parsing/pseudo-elements-1-ref.html         |    22 +
 layout/reftests/css-parsing/pseudo-elements-1.html |    36 +
 layout/reftests/css-parsing/reftest.list           |    12 +
 .../css-parsing/supports-moz-bool-pref-1.html      |     7 +
 .../css-parsing/supports-moz-bool-pref-2.html      |     7 +
 .../css-parsing/supports-moz-bool-pref-3.html      |     4 +
 .../css-parsing/two-dash-identifiers-ref.html      |    12 +
 .../reftests/css-parsing/two-dash-identifiers.html |    22 +
 .../css-placeholder/css-background-ref.html        |     9 +
 .../reftests/css-placeholder/css-background.html   |    23 +
 .../css-placeholder/css-restrictions-ref.html      |     9 +
 .../reftests/css-placeholder/css-restrictions.html |    23 +
 .../css-placeholder/css-simple-styling-ref.html    |    19 +
 .../css-placeholder/css-simple-styling.html        |    35 +
 .../css-placeholder/ignore-pseudo-class-ref.html   |     7 +
 .../css-placeholder/ignore-pseudo-class.html       |    15 +
 .../css-placeholder/input/css-display.html         |    14 +
 .../css-placeholder/input/css-opacity.html         |    14 +
 .../css-placeholder/input/css-text-align.html      |    14 +
 .../reftests/css-placeholder/input/input-ref.html  |     7 +
 .../css-placeholder/input/placeholder-add.html     |    16 +
 .../css-placeholder/input/placeholder-blur.html    |    30 +
 .../input/placeholder-button-ref.html              |     9 +
 .../input/placeholder-empty-string-ref.html        |     7 +
 .../input/placeholder-empty-string.html            |     7 +
 .../input/placeholder-focus-ref.html               |    22 +
 .../css-placeholder/input/placeholder-focus.html   |    22 +
 .../css-placeholder/input/placeholder-removal.html |    16 +
 .../input/placeholder-simple-ref.html              |     8 +
 .../css-placeholder/input/placeholder-simple.html  |     8 +
 .../input/placeholder-type-change-1.html           |    16 +
 .../input/placeholder-type-change-2.html           |    16 +
 .../input/placeholder-value-ref.html               |     7 +
 .../input/placeholder-value-reset.html             |    19 +
 .../input/placeholder-value-set.html               |    16 +
 .../input/placeholder-value-unset.html             |    16 +
 .../css-placeholder/input/placeholder-value.html   |     8 +
 .../input/placeholdershown-date-ref.html           |     4 +
 .../input/placeholdershown-date.html               |     4 +
 .../input/placeholdershown-ref.html                |     8 +
 .../css-placeholder/input/placeholdershown.html    |     8 +
 layout/reftests/css-placeholder/input/reftest.list |    29 +
 .../reftests/css-placeholder/input/style-shown.css |    21 +
 layout/reftests/css-placeholder/input/style.css    |     6 +
 layout/reftests/css-placeholder/reftest.list       |     7 +
 .../css-placeholder/textarea/css-display.html      |    14 +
 .../css-placeholder/textarea/css-opacity.html      |    14 +
 .../css-placeholder/textarea/css-resize-ref.html   |    13 +
 .../css-placeholder/textarea/css-resize.html       |    20 +
 .../css-placeholder/textarea/placeholder-add.html  |    16 +
 .../css-placeholder/textarea/placeholder-blur.html |    30 +
 .../textarea/placeholder-empty-string-ref.html     |     7 +
 .../textarea/placeholder-empty-string.html         |     7 +
 .../textarea/placeholder-focus-ref.html            |    22 +
 .../textarea/placeholder-focus.html                |    22 +
 .../textarea/placeholder-removal.html              |    16 +
 .../textarea/placeholder-simple-ref.html           |     8 +
 .../textarea/placeholder-simple.html               |     8 +
 .../textarea/placeholder-value-ref.html            |     7 +
 .../textarea/placeholder-value-reset.html          |    19 +
 .../textarea/placeholder-value-set.html            |    16 +
 .../textarea/placeholder-value-unset.html          |    16 +
 .../textarea/placeholder-value.html                |     8 +
 .../textarea/placeholdershown-ref.html             |     7 +
 .../css-placeholder/textarea/placeholdershown.html |     7 +
 .../reftests/css-placeholder/textarea/reftest.list |    26 +
 .../css-placeholder/textarea/style-shown.css       |    22 +
 layout/reftests/css-placeholder/textarea/style.css |     6 +
 .../css-placeholder/textarea/textarea-ref.html     |     7 +
 .../css-required/css-required-button-element.html  |     7 +
 .../reftests/css-required/css-required-button.html |     7 +
 .../css-required/css-required-checkbox-ref.html    |     6 +
 .../css-required/css-required-checkbox.html        |     7 +
 .../reftests/css-required/css-required-dyn-1.html  |    21 +
 .../reftests/css-required/css-required-dyn-2.html  |    21 +
 .../reftests/css-required/css-required-dyn-3.html  |    20 +
 .../reftests/css-required/css-required-dyn-4.html  |    20 +
 .../reftests/css-required/css-required-dyn-5.html  |    20 +
 .../reftests/css-required/css-required-dyn-6.html  |    20 +
 .../css-required/css-required-file-ref.html        |     6 +
 .../reftests/css-required/css-required-file.html   |     7 +
 .../reftests/css-required/css-required-hidden.html |     7 +
 .../reftests/css-required/css-required-image.html  |     7 +
 .../css-required/css-required-password-ref.html    |     6 +
 .../css-required/css-required-password.html        |     7 +
 .../css-required/css-required-radio-ref.html       |     6 +
 .../reftests/css-required/css-required-radio.html  |     7 +
 .../reftests/css-required/css-required-reset.html  |     7 +
 .../css-required/css-required-search-ref.html      |     6 +
 .../reftests/css-required/css-required-search.html |     7 +
 .../css-required/css-required-select-ref.html      |     6 +
 .../reftests/css-required/css-required-select.html |     7 +
 .../reftests/css-required/css-required-style-2.css |    13 +
 .../reftests/css-required/css-required-style.css   |    13 +
 .../reftests/css-required/css-required-submit.html |     7 +
 .../css-required/css-required-tel-ref.html         |     6 +
 layout/reftests/css-required/css-required-tel.html |     7 +
 .../css-required/css-required-text-ref.html        |     6 +
 .../reftests/css-required/css-required-text.html   |     7 +
 .../css-required/css-required-textarea-ref.html    |     6 +
 .../css-required/css-required-textarea.html        |     7 +
 layout/reftests/css-required/reftest.list          |    29 +
 layout/reftests/css-ruby/box-properties-1-ref.html |    17 +
 layout/reftests/css-ruby/box-properties-1.html     |    21 +
 layout/reftests/css-ruby/box-properties-2-ref.html |    29 +
 layout/reftests/css-ruby/box-properties-2.html     |    25 +
 layout/reftests/css-ruby/box-properties-3-ref.html |    18 +
 layout/reftests/css-ruby/box-properties-3.html     |    18 +
 layout/reftests/css-ruby/box-properties-4-ref.html |    24 +
 layout/reftests/css-ruby/box-properties-4.html     |    23 +
 layout/reftests/css-ruby/bug1181890-notref.html    |     9 +
 layout/reftests/css-ruby/bug1181890-ref.html       |     9 +
 layout/reftests/css-ruby/bug1181890.html           |    10 +
 layout/reftests/css-ruby/common.css                |    22 +
 layout/reftests/css-ruby/inflated-ruby-1-ref.html  |     6 +
 layout/reftests/css-ruby/inflated-ruby-1.html      |    10 +
 layout/reftests/css-ruby/line-height-1-ref.html    |    21 +
 layout/reftests/css-ruby/line-height-1.html        |    14 +
 layout/reftests/css-ruby/line-height-2-ref.html    |    22 +
 layout/reftests/css-ruby/line-height-2.html        |    15 +
 layout/reftests/css-ruby/line-height-3-ref.html    |    24 +
 layout/reftests/css-ruby/line-height-3.html        |    16 +
 layout/reftests/css-ruby/line-height-4-ref.html    |    15 +
 layout/reftests/css-ruby/line-height-4.html        |     7 +
 layout/reftests/css-ruby/min-font-size-1-ref.html  |    13 +
 layout/reftests/css-ruby/min-font-size-1.html      |    13 +
 layout/reftests/css-ruby/nested-ruby-1.html        |    19 +
 layout/reftests/css-ruby/reftest.list              |    33 +
 .../css-ruby/relative-positioning-1-ref.html       |    22 +
 .../reftests/css-ruby/relative-positioning-1.html  |    24 +
 .../css-ruby/relative-positioning-2-ref.html       |    30 +
 .../reftests/css-ruby/relative-positioning-2.html  |    30 +
 .../css-ruby/ruby-intercharacter-1-ref.htm         |    34 +
 layout/reftests/css-ruby/ruby-intercharacter-1.htm |    24 +
 .../css-ruby/ruby-intercharacter-2-ref.htm         |    28 +
 layout/reftests/css-ruby/ruby-intercharacter-2.htm |    23 +
 .../css-ruby/ruby-position-horizontal-ref.html     |    35 +
 .../css-ruby/ruby-position-horizontal.html         |    28 +
 .../css-ruby/ruby-position-vertical-lr-ref.html    |    38 +
 .../css-ruby/ruby-position-vertical-lr.html        |    31 +
 .../css-ruby/ruby-position-vertical-rl-ref.html    |    38 +
 .../css-ruby/ruby-position-vertical-rl.html        |    31 +
 layout/reftests/css-ruby/utils.js                  |    33 +
 layout/reftests/css-scroll-snap/reftest.list       |     2 +
 .../scroll-margin-on-anchor-ref.html               |    16 +
 .../css-scroll-snap/scroll-margin-on-anchor.html   |    29 +
 .../scroll-padding-on-anchor-ref.html              |    16 +
 .../css-scroll-snap/scroll-padding-on-anchor.html  |    31 +
 layout/reftests/css-scrollbars/reftest.list        |     3 +
 .../scrollbar-thin-overflow-change-ref.html        |    17 +
 .../scrollbar-thin-overflow-change.html            |    22 +
 .../css-scrollbars/scrollbar-width-auto.html       |     6 +
 .../css-scrollbars/scrollbar-width-thin.html       |     7 +
 .../viewport-scrollbar-color-change-ref.html       |     9 +
 .../viewport-scrollbar-color-change.html           |    17 +
 .../css-selectors/attr-case-insensitive-1-ref.html |    26 +
 .../css-selectors/attr-case-insensitive-1.html     |    26 +
 layout/reftests/css-selectors/nth-child-1.html     |    41 +
 layout/reftests/css-selectors/nth-child-2.html     |    41 +
 layout/reftests/css-selectors/nth-child-ref.html   |    23 +
 layout/reftests/css-selectors/reftest.list         |     6 +
 ...ling-combinators-on-anon-content-1-shadow.xhtml |    26 +
 ...ling-combinators-on-anon-content-2-shadow.xhtml |    37 +
 .../sibling-combinators-on-anon-content-ref.xhtml  |    12 +
 .../css-selectors/state-dependent-in-any-ref.html  |    11 +
 .../css-selectors/state-dependent-in-any.html      |    16 +
 .../css-shapes/dynamic-shape-outside-1-ref.html    |    28 +
 .../css-shapes/dynamic-shape-outside-1.html        |    36 +
 .../css-shapes/dynamic-shape-outside-2.html        |    37 +
 layout/reftests/css-shapes/reftest.list            |    34 +
 .../css-shapes/shape-outside-empty-circle-1.html   |    41 +
 .../css-shapes/shape-outside-empty-circle-2.html   |    42 +
 .../css-shapes/shape-outside-empty-circle-3.html   |    41 +
 .../css-shapes/shape-outside-empty-circle-ref.html |    41 +
 .../css-shapes/shape-outside-empty-ellipse-1.html  |    41 +
 .../css-shapes/shape-outside-empty-ellipse-2.html  |    42 +
 .../css-shapes/shape-outside-empty-ellipse-3.html  |    41 +
 .../css-shapes/shape-outside-empty-ellipse-4.html  |    42 +
 .../css-shapes/shape-outside-empty-ellipse-5.html  |    41 +
 .../css-shapes/shape-outside-empty-ellipse-6.html  |    42 +
 .../css-shapes/shape-outside-empty-ellipse-7.html  |    41 +
 .../css-shapes/shape-outside-empty-ellipse-8.html  |    41 +
 .../css-shapes/shape-outside-empty-inset-1.html    |    41 +
 .../css-shapes/shape-outside-empty-inset-2.html    |    42 +
 .../css-shapes/shape-outside-empty-inset-3.html    |    41 +
 .../css-shapes/shape-outside-empty-inset-4.html    |    42 +
 .../css-shapes/shape-outside-empty-inset-5.html    |    41 +
 .../css-shapes/shape-outside-empty-inset-6.html    |    41 +
 .../css-shapes/shape-outside-empty-inset-7.html    |    41 +
 .../css-shapes/shape-outside-empty-inset-8.html    |    41 +
 .../css-shapes/shape-outside-empty-line-ref.html   |    35 +
 .../shape-outside-empty-nothing-ref.html           |    34 +
 .../css-shapes/shape-outside-empty-point-ref.html  |    34 +
 .../css-shapes/shape-outside-empty-polygon-1.html  |    41 +
 .../css-shapes/shape-outside-empty-polygon-2.html  |    42 +
 .../css-shapes/shape-outside-empty-polygon-3.html  |    41 +
 .../css-shapes/shape-outside-empty-polygon-4.html  |    42 +
 .../css-shapes/shape-outside-empty-polygon-5.html  |    41 +
 .../css-shapes/shape-outside-empty-polygon-6.html  |    41 +
 .../css-shapes/shape-outside-empty-polygon-7.html  |    41 +
 ...ax-width-percents-across-form-controls-ref.html |    95 +
 ...th-max-width-percents-across-form-controls.html |    95 +
 ...ntrinsic-with-percents-across-elements-ref.html |   128 +
 ...in-intrinsic-with-percents-across-elements.html |   125 +
 ...trinsic-with-percents-across-img-cases-ref.html |    88 +
 ...n-intrinsic-with-percents-across-img-cases.html |    88 +
 ...th-width-percents-across-form-controls-ref.html |    95 +
 ...c-with-width-percents-across-form-controls.html |    95 +
 layout/reftests/css-sizing/reftest.list            |     4 +
 .../background-color-with-opacity-ref.html         |    12 +
 .../background-color-with-opacity.html             |    24 +
 .../no-stacking-context-transition-ref.html        |    20 +
 ...and-transition-starts-at-the-same-time-ref.html |    13 +
 ...ame-and-transition-starts-at-the-same-time.html |    26 +
 layout/reftests/css-transitions/reftest.list       |    12 +
 ...stacking-context-opacity-lose-to-animation.html |    44 +
 ...-context-opacity-wins-over-important-style.html |    40 +
 ...acking-context-transform-lose-to-animation.html |    44 +
 ...ontext-transform-wins-over-important-style.html |    40 +
 .../stacking-context-transition-ref.html           |    19 +
 .../style-change-during-transition-ref.html        |     9 +
 .../style-change-during-transition.html            |    32 +
 ...and-animation-with-different-durations-ref.html |     9 +
 ...ion-and-animation-with-different-durations.html |    31 +
 .../transitions-inline-already-wrapped-1.html      |    23 +
 .../transitions-inline-already-wrapped-2.html      |    28 +
 .../css-transitions/transitions-inline-ref.html    |     7 +
 .../transitions-inline-rewrap-1.html               |    25 +
 .../transitions-inline-rewrap-2.html               |    31 +
 .../css-ui-invalid/button/button-button.html       |     9 +
 .../button/button-disabled-fieldset-1.html         |    22 +
 .../button/button-disabled-fieldset-2.html         |    25 +
 .../css-ui-invalid/button/button-disabled-ref.html |     6 +
 .../css-ui-invalid/button/button-disabled.html     |     9 +
 .../css-ui-invalid/button/button-dyn-disabled.html |    18 +
 .../button/button-dyn-not-disabled.html            |    19 +
 .../button/button-fieldset-legend-ref.html         |    10 +
 .../button/button-fieldset-legend.html             |    22 +
 .../css-ui-invalid/button/button-fieldset-ref.html |    10 +
 .../css-ui-invalid/button/button-invalid.html      |     9 +
 .../reftests/css-ui-invalid/button/button-ref.html |     6 +
 .../css-ui-invalid/button/button-reset.html        |     9 +
 .../css-ui-invalid/button/button-type-barred.html  |    19 +
 .../css-ui-invalid/button/button-type-invalid.html |    19 +
 .../css-ui-invalid/button/button-valid.html        |     9 +
 layout/reftests/css-ui-invalid/button/reftest.list |    12 +
 layout/reftests/css-ui-invalid/button/style.css    |    18 +
 .../default-style/button-focus-ref.html            |     7 +
 .../css-ui-invalid/default-style/button-focus.html |    13 +
 .../css-ui-invalid/default-style/button-ref.html   |     7 +
 .../css-ui-invalid/default-style/button.html       |    13 +
 .../css-ui-invalid/default-style/fieldset-ref.html |     7 +
 .../css-ui-invalid/default-style/fieldset.html     |    13 +
 .../default-style/input-focus-ref.html             |     7 +
 .../css-ui-invalid/default-style/input-focus.html  |    13 +
 .../css-ui-invalid/default-style/input-ref.html    |     7 +
 .../css-ui-invalid/default-style/input.html        |    13 +
 .../css-ui-invalid/default-style/output-ref.html   |     7 +
 .../css-ui-invalid/default-style/output.html       |    13 +
 .../css-ui-invalid/default-style/reftest.list      |    10 +
 .../default-style/select-focus-ref.html            |     7 +
 .../css-ui-invalid/default-style/select-focus.html |    13 +
 .../css-ui-invalid/default-style/select-ref.html   |     7 +
 .../css-ui-invalid/default-style/select.html       |    13 +
 .../css-ui-invalid/default-style/style.css         |    11 +
 .../default-style/textarea-focus-ref.html          |     7 +
 .../default-style/textarea-focus.html              |    13 +
 .../css-ui-invalid/default-style/textarea-ref.html |     7 +
 .../css-ui-invalid/default-style/textarea.html     |    13 +
 .../css-ui-invalid/input/input-button-ref.html     |     6 +
 .../css-ui-invalid/input/input-button.html         |     9 +
 .../input-checkbox-required-invalid-default.html   |    15 +
 .../input/input-disabled-fieldset-1.html           |    14 +
 .../input/input-disabled-fieldset-2.html           |    23 +
 .../css-ui-invalid/input/input-disabled.html       |     9 +
 .../css-ui-invalid/input/input-dyn-disabled.html   |    18 +
 .../input/input-dyn-not-readonly-not-changed.html  |     9 +
 .../css-ui-invalid/input/input-dyn-readonly.html   |     9 +
 .../input/input-email-invalid-default.html         |    10 +
 .../css-ui-invalid/input/input-email-ref.html      |     6 +
 .../css-ui-invalid/input/input-email-valid.html    |    10 +
 .../input/input-fieldset-legend-ref.html           |    10 +
 .../input/input-fieldset-legend.html               |    13 +
 .../css-ui-invalid/input/input-fieldset-ref.html   |    10 +
 .../css-ui-invalid/input/input-file-ref.html       |     6 +
 .../input/input-file-required-invalid-default.html |    10 +
 .../input/input-pattern-invalid-default.html       |    11 +
 .../css-ui-invalid/input/input-pattern-valid.html  |    10 +
 .../input/input-radio-dyn-valid-1.html             |    17 +
 .../input/input-radio-dyn-valid-2.html             |    18 +
 .../input-radio-nogroup-required-invalid.html      |    13 +
 .../input-radio-required-invalid-default.html      |    15 +
 .../css-ui-invalid/input/input-readonly.html       |     9 +
 .../reftests/css-ui-invalid/input/input-ref.html   |     6 +
 .../input/input-required-invalid-default.html      |    11 +
 .../css-ui-invalid/input/input-required-valid.html |    10 +
 .../reftests/css-ui-invalid/input/input-reset.html |    10 +
 .../css-ui-invalid/input/input-type-barred.html    |    10 +
 .../input/input-url-invalid-default.html           |    11 +
 .../css-ui-invalid/input/input-url-ref.html        |     6 +
 .../css-ui-invalid/input/input-url-valid.html      |    10 +
 .../reftests/css-ui-invalid/input/input-valid.html |     9 +
 .../css-ui-invalid/input/input-withtext-ref.html   |     6 +
 layout/reftests/css-ui-invalid/input/reftest.list  |    27 +
 layout/reftests/css-ui-invalid/input/style.css     |    23 +
 .../reftests/css-ui-invalid/input/success-ref.html |     6 +
 .../css-ui-invalid/output/output-invalid.html      |     9 +
 .../reftests/css-ui-invalid/output/output-ref.html |     7 +
 .../css-ui-invalid/output/output-valid.html        |     9 +
 layout/reftests/css-ui-invalid/output/reftest.list |     2 +
 layout/reftests/css-ui-invalid/output/style.css    |    22 +
 layout/reftests/css-ui-invalid/reftest.list        |     9 +
 layout/reftests/css-ui-invalid/select/reftest.list |    12 +
 .../select/select-disabled-fieldset-1.html         |    22 +
 .../select/select-disabled-fieldset-2.html         |    25 +
 .../css-ui-invalid/select/select-disabled-ref.html |     6 +
 .../css-ui-invalid/select/select-disabled.html     |     9 +
 .../css-ui-invalid/select/select-dyn-disabled.html |    18 +
 .../css-ui-invalid/select/select-fieldset-ref.html |    10 +
 .../select/select-invalid-reset.html               |    15 +
 .../reftests/css-ui-invalid/select/select-ref.html |     6 +
 .../select/select-required-invalid-1.html          |    12 +
 .../select/select-required-invalid-2.html          |    12 +
 .../select-required-multiple-invalid-changed.html  |    15 +
 .../select/select-required-multiple-invalid.html   |    13 +
 .../select/select-required-multiple-ref.html       |    10 +
 .../select/select-required-multiple-valid.html     |    12 +
 .../css-ui-invalid/select/select-required-ref.html |     9 +
 .../select/select-required-valid.html              |    11 +
 .../css-ui-invalid/select/select-valid.html        |     9 +
 layout/reftests/css-ui-invalid/select/style.css    |    18 +
 .../reftests/css-ui-invalid/textarea/reftest.list  |    10 +
 layout/reftests/css-ui-invalid/textarea/style.css  |    26 +
 .../textarea/textarea-disabled-fieldset-1.html     |    14 +
 .../textarea/textarea-disabled-fieldset-2.html     |    23 +
 .../css-ui-invalid/textarea/textarea-disabled.html |     9 +
 .../textarea/textarea-dyn-disabled.html            |    19 +
 .../textarea-dyn-not-readonly-not-changed.html     |    18 +
 .../textarea/textarea-dyn-readonly.html            |    18 +
 .../textarea/textarea-fieldset-legend-ref.html     |    11 +
 .../textarea/textarea-fieldset-legend.html         |    14 +
 .../textarea/textarea-fieldset-ref.html            |    11 +
 .../css-ui-invalid/textarea/textarea-readonly.html |     9 +
 .../css-ui-invalid/textarea/textarea-ref.html      |     7 +
 .../textarea/textarea-required-invalid.html        |    10 +
 .../textarea/textarea-required-valid.html          |    10 +
 .../css-ui-invalid/textarea/textarea-valid.html    |     9 +
 .../textarea/textarea-withtext-ref.html            |     7 +
 .../css-ui-valid/button/button-button.html         |     9 +
 .../button/button-disabled-fieldset-1.html         |    15 +
 .../button/button-disabled-fieldset-2.html         |    23 +
 .../css-ui-valid/button/button-disabled-ref.html   |     6 +
 .../css-ui-valid/button/button-disabled.html       |     9 +
 .../css-ui-valid/button/button-dyn-disabled.html   |     9 +
 .../button/button-dyn-not-disabled.html            |     9 +
 .../button/button-fieldset-legend-ref.html         |    10 +
 .../button/button-fieldset-legend.html             |    14 +
 .../css-ui-valid/button/button-fieldset-ref.html   |    10 +
 .../css-ui-valid/button/button-invalid.html        |     8 +
 .../reftests/css-ui-valid/button/button-ref.html   |     6 +
 .../reftests/css-ui-valid/button/button-reset.html |     9 +
 .../css-ui-valid/button/button-type-barred.html    |    10 +
 .../css-ui-valid/button/button-type-invalid.html   |    19 +
 .../reftests/css-ui-valid/button/button-valid.html |     9 +
 layout/reftests/css-ui-valid/button/reftest.list   |    12 +
 layout/reftests/css-ui-valid/button/style.css      |    18 +
 .../css-ui-valid/input/input-button-ref.html       |     6 +
 .../reftests/css-ui-valid/input/input-button.html  |     9 +
 .../input/input-checkbox-valid-default.html        |    14 +
 .../css-ui-valid/input/input-customerror.html      |    18 +
 .../input/input-disabled-fieldset-1.html           |    14 +
 .../input/input-disabled-fieldset-2.html           |    23 +
 .../css-ui-valid/input/input-disabled.html         |     9 +
 .../css-ui-valid/input/input-dyn-disabled.html     |     9 +
 .../css-ui-valid/input/input-dyn-not-disabled.html |    10 +
 .../css-ui-valid/input/input-dyn-not-readonly.html |    10 +
 .../css-ui-valid/input/input-dyn-readonly.html     |     9 +
 .../css-ui-valid/input/input-email-invalid.html    |    10 +
 .../css-ui-valid/input/input-email-ref.html        |     6 +
 .../css-ui-valid/input/input-email-valid.html      |    10 +
 .../input/input-fieldset-legend-ref.html           |    10 +
 .../css-ui-valid/input/input-fieldset-legend.html  |    14 +
 .../css-ui-valid/input/input-fieldset-ref.html     |    10 +
 .../css-ui-valid/input/input-file-ref.html         |     6 +
 .../input/input-file-valid-default.html            |     9 +
 .../css-ui-valid/input/input-pattern-invalid.html  |    10 +
 .../css-ui-valid/input/input-pattern-valid.html    |    10 +
 .../input/input-radio-nogroup-required-valid.html  |    13 +
 .../css-ui-valid/input/input-radio-required.html   |    15 +
 .../input/input-radio-valid-changed.html           |    15 +
 .../input/input-radio-valid-default.html           |    14 +
 .../css-ui-valid/input/input-readonly.html         |     9 +
 layout/reftests/css-ui-valid/input/input-ref.html  |     6 +
 .../css-ui-valid/input/input-required-invalid.html |    10 +
 .../css-ui-valid/input/input-required-valid.html   |    10 +
 .../reftests/css-ui-valid/input/input-reset.html   |    10 +
 .../css-ui-valid/input/input-type-barred.html      |    10 +
 .../css-ui-valid/input/input-type-invalid.html     |    20 +
 .../css-ui-valid/input/input-url-invalid.html      |    10 +
 .../reftests/css-ui-valid/input/input-url-ref.html |     6 +
 .../css-ui-valid/input/input-url-valid.html        |    10 +
 .../reftests/css-ui-valid/input/input-valid.html   |     9 +
 .../css-ui-valid/input/input-withtext-ref.html     |     6 +
 layout/reftests/css-ui-valid/input/reftest.list    |    28 +
 layout/reftests/css-ui-valid/input/style.css       |    18 +
 .../reftests/css-ui-valid/input/success-ref.html   |     6 +
 .../css-ui-valid/output/output-invalid.html        |     9 +
 .../reftests/css-ui-valid/output/output-ref.html   |     7 +
 .../reftests/css-ui-valid/output/output-valid.html |     9 +
 layout/reftests/css-ui-valid/output/reftest.list   |     2 +
 layout/reftests/css-ui-valid/output/style.css      |    22 +
 layout/reftests/css-ui-valid/reftest.list          |     6 +
 layout/reftests/css-ui-valid/select/reftest.list   |    14 +
 .../select/select-disabled-fieldset-1.html         |    14 +
 .../select/select-disabled-fieldset-2.html         |    23 +
 .../css-ui-valid/select/select-disabled-ref.html   |     6 +
 .../css-ui-valid/select/select-disabled.html       |     9 +
 .../css-ui-valid/select/select-dyn-disabled.html   |     9 +
 .../select/select-dyn-not-disabled.html            |    10 +
 .../select/select-fieldset-legend-ref.html         |    10 +
 .../select/select-fieldset-legend.html             |    14 +
 .../css-ui-valid/select/select-fieldset-ref.html   |    10 +
 .../css-ui-valid/select/select-invalid.html        |     9 +
 .../reftests/css-ui-valid/select/select-ref.html   |     6 +
 .../select/select-required-invalid.html            |    11 +
 .../select/select-required-multiple-invalid.html   |    12 +
 .../select/select-required-multiple-ref.html       |    10 +
 .../select/select-required-multiple-valid.html     |    12 +
 .../css-ui-valid/select/select-required-ref.html   |     9 +
 .../select/select-required-valid-1.html            |    11 +
 .../select/select-required-valid-2.html            |    11 +
 .../css-ui-valid/select/select-valid-reset.html    |    15 +
 .../reftests/css-ui-valid/select/select-valid.html |     9 +
 layout/reftests/css-ui-valid/select/style.css      |    18 +
 layout/reftests/css-ui-valid/textarea/reftest.list |    13 +
 layout/reftests/css-ui-valid/textarea/style.css    |    26 +
 .../textarea/textarea-customerror.html             |    18 +
 .../textarea/textarea-disabled-fieldset-1.html     |    14 +
 .../textarea/textarea-disabled-fieldset-2.html     |    23 +
 .../css-ui-valid/textarea/textarea-disabled.html   |     9 +
 .../textarea/textarea-dyn-disabled.html            |    18 +
 .../textarea/textarea-dyn-not-disabled.html        |    18 +
 .../textarea/textarea-dyn-not-readonly.html        |    18 +
 .../textarea/textarea-dyn-readonly.html            |    18 +
 .../textarea/textarea-fieldset-legend-ref.html     |    11 +
 .../textarea/textarea-fieldset-legend.html         |    14 +
 .../textarea/textarea-fieldset-ref.html            |    11 +
 .../css-ui-valid/textarea/textarea-readonly.html   |     9 +
 .../css-ui-valid/textarea/textarea-ref.html        |     7 +
 .../textarea/textarea-required-invalid.html        |    10 +
 .../textarea/textarea-required-valid.html          |    10 +
 .../css-ui-valid/textarea/textarea-valid.html      |     9 +
 .../textarea/textarea-withtext-ref.html            |     7 +
 layout/reftests/css-ui/caret-color-01-ref.html     |    18 +
 layout/reftests/css-ui/caret-color-01.html         |    17 +
 layout/reftests/css-ui/reftest.list                |     1 +
 .../reftests/css-valid/button/button-button.html   |     9 +
 .../button/button-disabled-fieldset-1.html         |    14 +
 .../button/button-disabled-fieldset-2.html         |    23 +
 .../css-valid/button/button-disabled-ref.html      |     6 +
 .../reftests/css-valid/button/button-disabled.html |    10 +
 .../css-valid/button/button-dyn-disabled.html      |     9 +
 .../css-valid/button/button-dyn-not-disabled.html  |     9 +
 .../button/button-fieldset-legend-ref.html         |    10 +
 .../css-valid/button/button-fieldset-legend.html   |    14 +
 .../css-valid/button/button-fieldset-ref.html      |    11 +
 .../reftests/css-valid/button/button-invalid.html  |     9 +
 layout/reftests/css-valid/button/button-ref.html   |     6 +
 layout/reftests/css-valid/button/button-reset.html |     9 +
 .../css-valid/button/button-type-barred.html       |    11 +
 .../css-valid/button/button-type-invalid.html      |    19 +
 layout/reftests/css-valid/button/button-valid.html |     9 +
 layout/reftests/css-valid/button/reftest.list      |    12 +
 layout/reftests/css-valid/button/style.css         |    18 +
 .../css-valid/fieldset/fieldset-invalid.html       |    13 +
 .../css-valid/fieldset/fieldset-valid.html         |    12 +
 layout/reftests/css-valid/fieldset/reftest.list    |     2 +
 .../reftests/css-valid/input/input-button-ref.html |     6 +
 layout/reftests/css-valid/input/input-button.html  |     9 +
 .../css-valid/input/input-customerror.html         |    18 +
 .../css-valid/input/input-disabled-fieldset-1.html |    14 +
 .../css-valid/input/input-disabled-fieldset-2.html |    23 +
 .../reftests/css-valid/input/input-disabled.html   |     9 +
 .../css-valid/input/input-dyn-disabled.html        |     9 +
 .../css-valid/input/input-dyn-not-disabled.html    |     9 +
 .../css-valid/input/input-dyn-not-readonly.html    |     9 +
 .../css-valid/input/input-dyn-readonly.html        |     9 +
 .../css-valid/input/input-email-invalid.html       |    10 +
 .../reftests/css-valid/input/input-email-ref.html  |     6 +
 .../css-valid/input/input-email-valid.html         |    10 +
 .../css-valid/input/input-fieldset-legend-ref.html |    10 +
 .../css-valid/input/input-fieldset-legend.html     |    14 +
 .../css-valid/input/input-fieldset-ref.html        |    10 +
 .../reftests/css-valid/input/input-image-ref.html  |     6 +
 layout/reftests/css-valid/input/input-image.html   |     9 +
 .../css-valid/input/input-pattern-invalid.html     |    10 +
 .../css-valid/input/input-pattern-valid.html       |    10 +
 .../css-valid/input/input-radio-customerror.html   |    15 +
 .../css-valid/input/input-radio-dyn-valid-1.html   |    15 +
 .../css-valid/input/input-radio-dyn-valid-2.html   |    15 +
 .../input-radio-nogroup-required-invalid.html      |    12 +
 .../input/input-radio-nogroup-required-valid.html  |    12 +
 .../css-valid/input/input-radio-required.html      |    14 +
 .../reftests/css-valid/input/input-readonly.html   |     9 +
 layout/reftests/css-valid/input/input-ref.html     |     6 +
 .../css-valid/input/input-required-invalid.html    |    10 +
 .../css-valid/input/input-required-valid.html      |    10 +
 layout/reftests/css-valid/input/input-reset.html   |    10 +
 .../reftests/css-valid/input/input-submit-ref.html |     6 +
 layout/reftests/css-valid/input/input-submit.html  |     9 +
 .../css-valid/input/input-type-barred.html         |    10 +
 .../css-valid/input/input-type-invalid.html        |    20 +
 .../css-valid/input/input-url-invalid.html         |    10 +
 layout/reftests/css-valid/input/input-url-ref.html |     6 +
 .../reftests/css-valid/input/input-url-valid.html  |    10 +
 layout/reftests/css-valid/input/input-valid.html   |     9 +
 .../css-valid/input/input-withtext-ref.html        |     6 +
 layout/reftests/css-valid/input/reftest.list       |    32 +
 layout/reftests/css-valid/input/style.css          |    18 +
 layout/reftests/css-valid/input/success-ref.html   |     6 +
 .../reftests/css-valid/output/output-invalid.html  |     9 +
 layout/reftests/css-valid/output/output-ref.html   |     7 +
 layout/reftests/css-valid/output/output-valid.html |     9 +
 layout/reftests/css-valid/output/reftest.list      |     2 +
 layout/reftests/css-valid/output/style.css         |    22 +
 layout/reftests/css-valid/reftest.list             |     9 +
 layout/reftests/css-valid/select/reftest.list      |    12 +
 .../select/select-disabled-fieldset-1.html         |    14 +
 .../select/select-disabled-fieldset-2.html         |    23 +
 .../css-valid/select/select-disabled-ref.html      |     6 +
 .../reftests/css-valid/select/select-disabled.html |     9 +
 .../css-valid/select/select-dyn-disabled.html      |     9 +
 .../css-valid/select/select-dyn-not-disabled.html  |     9 +
 .../select/select-fieldset-legend-ref.html         |    10 +
 .../css-valid/select/select-fieldset-legend.html   |    14 +
 .../css-valid/select/select-fieldset-ref.html      |    10 +
 .../reftests/css-valid/select/select-invalid.html  |     9 +
 layout/reftests/css-valid/select/select-ref.html   |     6 +
 .../css-valid/select/select-required-invalid.html  |    11 +
 .../select/select-required-multiple-ref.html       |    10 +
 .../select-required-multiple-still-valid.html      |    12 +
 .../select/select-required-multiple-valid.html     |    12 +
 .../css-valid/select/select-required-ref.html      |     9 +
 .../css-valid/select/select-required-valid.html    |    11 +
 layout/reftests/css-valid/select/select-valid.html |     9 +
 layout/reftests/css-valid/select/style.css         |    18 +
 layout/reftests/css-valid/textarea/reftest.list    |    13 +
 layout/reftests/css-valid/textarea/style.css       |    26 +
 .../css-valid/textarea/textarea-customerror.html   |    18 +
 .../textarea/textarea-disabled-fieldset-1.html     |    14 +
 .../textarea/textarea-disabled-fieldset-2.html     |    23 +
 .../css-valid/textarea/textarea-disabled.html      |     9 +
 .../css-valid/textarea/textarea-dyn-disabled.html  |    18 +
 .../textarea/textarea-dyn-not-disabled.html        |    18 +
 .../textarea/textarea-dyn-not-readonly.html        |    18 +
 .../css-valid/textarea/textarea-dyn-readonly.html  |    18 +
 .../textarea/textarea-fieldset-legend-ref.html     |    11 +
 .../textarea/textarea-fieldset-legend.html         |    14 +
 .../css-valid/textarea/textarea-fieldset-ref.html  |    11 +
 .../css-valid/textarea/textarea-readonly.html      |     9 +
 .../reftests/css-valid/textarea/textarea-ref.html  |     7 +
 .../textarea/textarea-required-invalid.html        |    10 +
 .../textarea/textarea-required-valid.html          |    10 +
 .../css-valid/textarea/textarea-valid.html         |     9 +
 .../css-valid/textarea/textarea-withtext-ref.html  |     7 +
 .../css-valuesandunits/ch-width-1-ref.html         |    41 +
 layout/reftests/css-valuesandunits/ch-width-1.html |    62 +
 layout/reftests/css-valuesandunits/reftest.list    |    19 +
 .../css-valuesandunits/unit-rem-div-fontsize.html  |    13 +
 .../unit-rem-div-width-inner.html                  |    13 +
 .../unit-rem-div-width-outer.html                  |    13 +
 .../css-valuesandunits/unit-rem-iframe-inside.html |     7 +
 .../css-valuesandunits/unit-rem-iframe.html        |     6 +
 .../unit-rem-ref-iframe-inside.html                |     7 +
 .../css-valuesandunits/unit-rem-ref-iframe.html    |     6 +
 .../css-valuesandunits/unit-rem-ref-resource.svg   |     4 +
 .../unit-rem-ref-root-fontsize.html                |     7 +
 .../unit-rem-ref-root-width.html                   |    12 +
 .../reftests/css-valuesandunits/unit-rem-ref.html  |    13 +
 .../reftests/css-valuesandunits/unit-rem-ref.svg   |     5 +
 .../unit-rem-ref2-root-fontsize.html               |     7 +
 .../css-valuesandunits/unit-rem-resource.svg       |     6 +
 .../css-valuesandunits/unit-rem-root-fontsize.html |     7 +
 .../css-valuesandunits/unit-rem-root-width.html    |    12 +
 layout/reftests/css-valuesandunits/unit-rem.svg    |     5 +
 .../css-valuesandunits/unit-vh-vw-iframe.html      |    14 +
 .../unit-vh-vw-overflow-auto-iframe.html           |    21 +
 .../unit-vh-vw-overflow-auto-ref-iframe.html       |    37 +
 .../unit-vh-vw-overflow-auto-ref.html              |    15 +
 .../unit-vh-vw-overflow-auto.html                  |    14 +
 .../unit-vh-vw-overflow-scroll-iframe.html         |    22 +
 .../unit-vh-vw-overflow-scroll-ref-iframe.html     |    36 +
 .../unit-vh-vw-overflow-scroll-ref.html            |    14 +
 .../unit-vh-vw-overflow-scroll-x-iframe.html       |    18 +
 .../unit-vh-vw-overflow-scroll-x-ref-iframe.html   |    28 +
 .../unit-vh-vw-overflow-scroll-x-ref.html          |    14 +
 .../unit-vh-vw-overflow-scroll-x.html              |    14 +
 .../unit-vh-vw-overflow-scroll-y-iframe.html       |    18 +
 .../unit-vh-vw-overflow-scroll-y-ref-iframe.html   |    28 +
 .../unit-vh-vw-overflow-scroll-y-ref.html          |    14 +
 .../unit-vh-vw-overflow-scroll-y.html              |    14 +
 .../unit-vh-vw-overflow-scroll.html                |    14 +
 .../css-valuesandunits/unit-vh-vw-ref-iframe.html  |    14 +
 .../css-valuesandunits/unit-vh-vw-ref.html         |    14 +
 .../css-valuesandunits/unit-vh-vw-zoom-ref.html    |    18 +
 .../css-valuesandunits/unit-vh-vw-zoom.html        |    18 +
 layout/reftests/css-valuesandunits/unit-vh-vw.html |    14 +
 layout/reftests/css-variables/reftest.list         |     2 +
 .../variables-ruletree-cache-01-ref.html           |     8 +
 .../css-variables/variables-ruletree-cache-01.html |     8 +
 .../variables-ruletree-cache-02-ref.html           |     7 +
 .../css-variables/variables-ruletree-cache-02.html |     8 +
 layout/reftests/css-visited/border-1-ref.html      |    11 +
 layout/reftests/css-visited/border-1.html          |    11 +
 layout/reftests/css-visited/border-2-ref.html      |    11 +
 layout/reftests/css-visited/border-2a.html         |    11 +
 layout/reftests/css-visited/border-2b.html         |    11 +
 .../css-visited/border-collapse-1-ref.html         |    32 +
 layout/reftests/css-visited/border-collapse-1.html |    32 +
 .../css-visited/caret-color-on-visited-1-ref.html  |    22 +
 .../css-visited/caret-color-on-visited-1.html      |    26 +
 .../reftests/css-visited/color-choice-1-ref.html   |    10 +
 layout/reftests/css-visited/color-choice-1.html    |    11 +
 .../css-visited/color-on-bullets-1-ref.html        |    18 +
 .../reftests/css-visited/color-on-bullets-1.html   |    18 +
 .../reftests/css-visited/color-on-link-1-ref.html  |     6 +
 layout/reftests/css-visited/color-on-link-1.html   |     8 +
 .../css-visited/color-on-link-before-1.html        |     8 +
 .../color-on-text-decoration-1-ref.html            |    18 +
 .../css-visited/color-on-text-decoration-1.html    |    18 +
 .../css-visited/color-on-visited-1-ref.html        |     6 +
 .../reftests/css-visited/color-on-visited-1.html   |     8 +
 .../css-visited/color-on-visited-before-1.html     |     8 +
 .../css-visited/color-on-visited-text-1-ref.html   |    16 +
 .../css-visited/color-on-visited-text-1.html       |    20 +
 .../reftests/css-visited/column-rule-1-notref.html |    11 +
 layout/reftests/css-visited/column-rule-1-ref.html |    11 +
 layout/reftests/css-visited/column-rule-1.html     |    11 +
 .../reftests/css-visited/content-before-1-ref.html |     6 +
 .../content-color-on-link-before-1-ref.html        |     6 +
 .../content-color-on-link-before-1.html            |     8 +
 .../content-color-on-visited-before-1-ref.html     |     6 +
 .../content-color-on-visited-before-1.html         |     8 +
 .../css-visited/content-on-link-before-1.html      |     8 +
 .../css-visited/content-on-visited-before-1.html   |     8 +
 layout/reftests/css-visited/first-line-1-ref.html  |    12 +
 layout/reftests/css-visited/first-line-1.html      |    22 +
 .../css-visited/inherit-keyword-1-ref.html         |    15 +
 .../reftests/css-visited/inherit-keyword-1.xhtml   |    20 +
 layout/reftests/css-visited/link-root-1-ref.xhtml  |    16 +
 layout/reftests/css-visited/link-root-1.xhtml      |    26 +
 .../logical-box-border-color-visited-link-001.html |    32 +
 .../logical-box-border-color-visited-link-002.html |    26 +
 .../logical-box-border-color-visited-link-003.html |    43 +
 .../logical-box-border-color-visited-link-ref.html |    11 +
 layout/reftests/css-visited/mathml-links-ref.html  |    32 +
 layout/reftests/css-visited/mathml-links.html      |    33 +
 layout/reftests/css-visited/outline-1-ref.html     |    11 +
 layout/reftests/css-visited/outline-1.html         |    11 +
 layout/reftests/css-visited/placeholder-1-ref.html |     7 +
 layout/reftests/css-visited/placeholder-1.html     |     6 +
 layout/reftests/css-visited/reftest.list           |     4 +
 .../css-visited/selector-adj-sibling-1-ref.html    |     7 +
 .../css-visited/selector-adj-sibling-1.html        |    11 +
 .../css-visited/selector-adj-sibling-2-ref.html    |     6 +
 .../css-visited/selector-adj-sibling-2.html        |    15 +
 .../css-visited/selector-adj-sibling-3-ref.xhtml   |    16 +
 .../css-visited/selector-adj-sibling-3.xhtml       |    19 +
 .../css-visited/selector-any-sibling-1-ref.html    |     7 +
 .../css-visited/selector-any-sibling-1.html        |    11 +
 .../css-visited/selector-any-sibling-2-ref.html    |     6 +
 .../css-visited/selector-any-sibling-2.html        |    15 +
 .../reftests/css-visited/selector-child-1-ref.html |     4 +
 layout/reftests/css-visited/selector-child-1.html  |    11 +
 .../css-visited/selector-child-2-ref.xhtml         |    12 +
 layout/reftests/css-visited/selector-child-2.xhtml |    21 +
 .../css-visited/selector-descendant-1-ref.html     |     4 +
 .../css-visited/selector-descendant-1.html         |    11 +
 .../css-visited/selector-descendant-2-ref.xhtml    |    39 +
 .../css-visited/selector-descendant-2.xhtml        |    39 +
 .../css-visited/subject-of-selector-1-ref.html     |     4 +
 .../subject-of-selector-adj-sibling-1.html         |    11 +
 .../subject-of-selector-any-sibling-1.html         |    11 +
 .../css-visited/subject-of-selector-child-1.html   |    11 +
 .../subject-of-selector-descendant-1.html          |    11 +
 .../subject-of-selector-descendant-2-ref.xhtml     |    33 +
 .../subject-of-selector-descendant-2.xhtml         |    33 +
 .../svg-paint-currentcolor-visited-ref.svg         |     6 +
 .../css-visited/svg-paint-currentcolor-visited.svg |    16 +
 .../css-visited/transition-on-visited-ref.html     |    13 +
 .../css-visited/transition-on-visited.html         |    25 +
 .../css-visited/variables-visited-ref.html         |     7 +
 layout/reftests/css-visited/variables-visited.html |    12 +
 .../css-visited/visited-inherit-1-ref.html         |    10 +
 layout/reftests/css-visited/visited-inherit-1.html |    10 +
 layout/reftests/css-visited/visited-page.html      |     2 +
 .../css-visited/white-to-transparent-1-ref.html    |    11 +
 .../css-visited/white-to-transparent-1.html        |    13 +
 layout/reftests/css-visited/width-1-ref.html       |    12 +
 layout/reftests/css-visited/width-on-link-1.html   |    17 +
 .../reftests/css-visited/width-on-visited-1.html   |    17 +
 .../cssom/computed-style-cross-window-inner.html   |     6 +
 .../cssom/computed-style-cross-window-ref.html     |    59 +
 .../cssom/computed-style-cross-window.html         |    62 +
 layout/reftests/cssom/inline-style-null-ref.html   |     7 +
 layout/reftests/cssom/inline-style-null.html       |    13 +
 layout/reftests/cssom/reftest.list                 |     2 +
 layout/reftests/datalist/datalist-errors.html      |    12 +
 layout/reftests/datalist/datalist-simple.html      |    10 +
 layout/reftests/datalist/reftest.list              |     2 +
 .../details-summary/close-nested-details-ref.html  |    20 +
 .../details-summary/close-nested-details.html      |    27 +
 .../details-absolute-children-ref.html             |    40 +
 .../details-summary/details-absolute-children.html |    41 +
 .../details-summary/details-after-ref.html         |     5 +
 layout/reftests/details-summary/details-after.html |    24 +
 .../details-summary/details-before-ref.html        |     5 +
 .../reftests/details-summary/details-before.html   |    24 +
 .../details-display-inline-ref.html                |    18 +
 .../details-summary/details-display-inline.html    |    22 +
 .../details-summary/details-first-line-ref.html    |    13 +
 .../details-summary/details-first-line.html        |    24 +
 .../details-summary/details-in-ol-ref.html         |    38 +
 layout/reftests/details-summary/details-in-ol.html |    48 +
 .../details-percentage-height-children-ref.html    |    29 +
 .../details-percentage-height-children.html        |    33 +
 .../details-summary/details-three-columns-ref.html |    30 +
 .../details-summary/details-three-columns.html     |    34 +
 .../details-summary/details-writing-mode-ref.html  |    42 +
 .../details-summary/details-writing-mode.html      |    46 +
 .../details-summary/dynamic-add-details.html       |    28 +
 .../details-summary/dynamic-add-first-summary.html |    25 +
 .../dynamic-add-paragraph-after-summary-close.html |    24 +
 .../dynamic-add-paragraph-after-summary.html       |    24 +
 ...dynamic-add-paragraph-before-summary-close.html |    24 +
 .../dynamic-add-paragraph-before-summary.html      |    24 +
 .../dynamic-add-second-summary.html                |    25 +
 .../dynamic-add-single-summary.html                |    24 +
 .../dynamic-add-summary-and-paragraph.html         |    28 +
 .../dynamic-add-summary-not-first-child.html       |    24 +
 .../dynamic-remove-first-summary.html              |    23 +
 .../dynamic-remove-second-summary.html             |    23 +
 .../dynamic-remove-single-summary.html             |    22 +
 .../dynamic-remove-summary-not-first-child.html    |    22 +
 layout/reftests/details-summary/fixed-summary.html |    19 +
 layout/reftests/details-summary/float-details.html |    19 +
 .../details-summary/float-in-summary-ref.html      |    40 +
 .../reftests/details-summary/float-in-summary.html |    42 +
 .../float-left-and-float-details-ref.html          |    31 +
 .../float-left-and-float-details.html              |    40 +
 .../float-left-and-float-open-details-ref.html     |    37 +
 .../float-left-and-float-open-details.html         |    40 +
 .../float-left-and-inflow-details-ref.html         |    30 +
 .../float-left-and-inflow-details.html             |    38 +
 .../float-left-and-inflow-open-details-ref.html    |    36 +
 .../float-left-and-inflow-open-details.html        |    38 +
 ...float-open-details-contains-float-left-ref.html |    30 +
 .../float-open-details-contains-float-left.html    |    32 +
 ...loat-open-details-contains-float-right-ref.html |    30 +
 .../float-open-details-contains-float-right.html   |    32 +
 .../float-right-and-float-details-ref.html         |    31 +
 .../float-right-and-float-details.html             |    40 +
 .../float-right-and-float-open-details-ref.html    |    37 +
 .../float-right-and-float-open-details.html        |    40 +
 .../float-right-and-inflow-details-ref.html        |    30 +
 .../float-right-and-inflow-details.html            |    38 +
 .../float-right-and-inflow-open-details-ref.html   |    36 +
 .../float-right-and-inflow-open-details.html       |    38 +
 ...mouse-click-change-details-to-display-none.html |    29 +
 ...e-click-change-summary-to-display-none-ref.html |    11 +
 ...mouse-click-change-summary-to-display-none.html |    29 +
 .../mouse-click-display-none-details.html          |    25 +
 .../details-summary/mouse-click-fixed-summary.html |    26 +
 .../details-summary/mouse-click-float-details.html |    26 +
 ...lick-move-summary-to-different-details-ref.html |    16 +
 ...se-click-move-summary-to-different-details.html |    35 +
 .../mouse-click-open-second-summary.html           |    21 +
 .../mouse-click-open-single-summary.html           |    19 +
 .../mouse-click-overflow-auto-details.html         |    47 +
 .../mouse-click-overflow-hidden-details.html       |    51 +
 .../mouse-click-second-summary.html                |    20 +
 .../mouse-click-single-summary.html                |    19 +
 .../mouse-click-twice-fixed-summary.html           |    27 +
 .../mouse-click-twice-float-details.html           |    27 +
 .../mouse-click-twice-open-single-summary.html     |    20 +
 .../mouse-click-twice-overflow-auto-details.html   |    50 +
 .../mouse-click-twice-overflow-hidden-details.html |    50 +
 .../mouse-click-twice-single-summary.html          |    20 +
 ...ove-float-summary-to-different-details-ref.html |    16 +
 .../move-float-summary-to-different-details.html   |    26 +
 ...-absolute-summary-to-different-details-ref.html |    16 +
 ...tion-absolute-summary-to-different-details.html |    26 +
 .../reftests/details-summary/multiple-summary.html |    13 +
 .../reftests/details-summary/no-summary-ref.html   |    12 +
 layout/reftests/details-summary/no-summary.html    |    11 +
 .../details-summary/open-details-after.html        |    21 +
 .../details-summary/open-details-before.html       |    24 +
 .../details-summary/open-details-first-line-1.html |    24 +
 .../details-summary/open-details-first-line-2.html |    24 +
 .../open-details-first-line-ref.html               |    14 +
 .../details-summary/open-fixed-summary.html        |    19 +
 .../details-summary/open-float-details.html        |    19 +
 .../details-summary/open-multiple-summary-ref.html |    13 +
 .../details-summary/open-multiple-summary.html     |    13 +
 .../details-summary/open-nested-details-ref.html   |    20 +
 .../details-summary/open-nested-details.html       |    27 +
 .../details-summary/open-no-summary-ref.html       |    12 +
 .../reftests/details-summary/open-no-summary.html  |    11 +
 .../details-summary/open-single-summary.html       |    12 +
 .../open-summary-block-style-ref.html              |    12 +
 .../details-summary/open-summary-block-style.html  |    13 +
 .../open-summary-inline-style-ref.html             |    14 +
 .../details-summary/open-summary-inline-style.html |    22 +
 .../open-summary-not-first-child.html              |    12 +
 .../open-summary-table-cell-style-ref.html         |    14 +
 .../open-summary-table-cell-style.html             |    21 +
 .../details-summary/overflow-auto-details.html     |    41 +
 .../overflow-auto-open-details-ref.html            |    36 +
 .../overflow-auto-open-details.html                |    38 +
 .../details-summary/overflow-hidden-details.html   |    41 +
 .../overflow-hidden-open-details-ref.html          |    39 +
 .../overflow-hidden-open-details.html              |    41 +
 .../overflow-scroll-details-ref.html               |    31 +
 .../details-summary/overflow-scroll-details.html   |    40 +
 layout/reftests/details-summary/reftest.list       |    95 +
 .../reftests/details-summary/single-summary.html   |    12 +
 .../summary-not-direct-child-ref.html              |    12 +
 .../details-summary/summary-not-direct-child.html  |    12 +
 .../details-summary/summary-not-first-child.html   |    12 +
 .../summary-not-in-details-ref.html                |     9 +
 .../details-summary/summary-not-in-details.html    |    10 +
 .../details-summary/summary-three-columns-ref.html |    30 +
 .../details-summary/summary-three-columns.html     |    32 +
 layout/reftests/display-list/1413073-ref.html      |    54 +
 layout/reftests/display-list/1413073.html          |    69 +
 layout/reftests/display-list/1416291-ref.html      |    11 +
 layout/reftests/display-list/1416291.html          |    22 +
 layout/reftests/display-list/1417601-1-ref.html    |    23 +
 layout/reftests/display-list/1417601-1.html        |    32 +
 layout/reftests/display-list/1418945-1-ref.html    |    24 +
 layout/reftests/display-list/1418945-1.html        |    34 +
 layout/reftests/display-list/1420480-1-ref.html    |    26 +
 layout/reftests/display-list/1420480-1.html        |    43 +
 layout/reftests/display-list/1428993-1-ref.html    |    25 +
 layout/reftests/display-list/1428993-1.html        |    57 +
 layout/reftests/display-list/1428993-2-ref.html    |    34 +
 layout/reftests/display-list/1428993-2.html        |    62 +
 layout/reftests/display-list/1429027-1-ref.html    |    19 +
 layout/reftests/display-list/1429027-1.html        |    35 +
 layout/reftests/display-list/1432553-1-ref.html    |    23 +
 layout/reftests/display-list/1432553-1.html        |    66 +
 layout/reftests/display-list/1432553-2-ref.html    |    23 +
 layout/reftests/display-list/1432553-2.html        |    66 +
 layout/reftests/display-list/1436189-1-ref.html    |     8 +
 layout/reftests/display-list/1436189-1.html        |    20 +
 layout/reftests/display-list/1437374-1-ref.html    |     8 +
 layout/reftests/display-list/1437374-1.html        |    23 +
 layout/reftests/display-list/1439809-1-ref.html    |    29 +
 layout/reftests/display-list/1439809-1.html        |    41 +
 layout/reftests/display-list/1443027-1.html        |    93 +
 layout/reftests/display-list/1443027-2.html        |    93 +
 layout/reftests/display-list/1443027-3-ref.html    |    54 +
 layout/reftests/display-list/1443027-3.html        |    91 +
 layout/reftests/display-list/1443027-ref.html      |    45 +
 layout/reftests/display-list/1451971-1.html        |    36 +
 layout/reftests/display-list/1451971-ref.html      |    29 +
 layout/reftests/display-list/1452805-1.html        |    39 +
 layout/reftests/display-list/1452805-ref.html      |    26 +
 layout/reftests/display-list/1453541-1.html        |    18 +
 layout/reftests/display-list/1453541-2.html        |    18 +
 layout/reftests/display-list/1453541-ref.html      |    11 +
 layout/reftests/display-list/1461231-1.html        |    23 +
 layout/reftests/display-list/1464288-1.html        |    58 +
 layout/reftests/display-list/1464288-ref.html      |    22 +
 layout/reftests/display-list/1482403-1-ref.html    |    35 +
 layout/reftests/display-list/1482403-1.html        |    45 +
 layout/reftests/display-list/1504233-1-ref.html    |    48 +
 layout/reftests/display-list/1504233-1.html        |    62 +
 layout/reftests/display-list/1533317-1-ref.html    |    15 +
 layout/reftests/display-list/1533317-1.html        |    32 +
 layout/reftests/display-list/1544948-1-ref.html    |    32 +
 layout/reftests/display-list/1544948-1.html        |    43 +
 layout/reftests/display-list/1551053-1-ref.html    |    16 +
 layout/reftests/display-list/1551053-1.html        |    27 +
 layout/reftests/display-list/1553828-1-ref.html    |    31 +
 layout/reftests/display-list/1553828-1.html        |    39 +
 layout/reftests/display-list/1619370-1-ref.html    |    20 +
 layout/reftests/display-list/1619370-1.html        |    31 +
 layout/reftests/display-list/1619370-iframe.html   |    19 +
 layout/reftests/display-list/1677568-1-ref.html    |    26 +
 layout/reftests/display-list/1677568-1.html        |    34 +
 layout/reftests/display-list/1709452-1.html        |    34 +
 layout/reftests/display-list/1709452-ref.html      |    26 +
 layout/reftests/display-list/1719346-1-ref.html    |    25 +
 layout/reftests/display-list/1719346-1.gif         |   Bin 0 -> 238 bytes
 layout/reftests/display-list/1719346-1.html        |    35 +
 .../invalidated-blendmode-sorting-ref.html         |    31 +
 .../invalidated-blendmode-sorting.html             |    38 +
 layout/reftests/display-list/reftest.list          |    60 +
 .../retained-dl-animation-on-pseudo-ref.html       |    28 +
 .../retained-dl-animation-on-pseudo.html           |    41 +
 .../retained-dl-async-scrolled-1-ref.html          |    20 +
 .../display-list/retained-dl-async-scrolled-1.html |    56 +
 .../retained-dl-displayport-1-ref.html             |    11 +
 .../display-list/retained-dl-displayport-1.html    |    21 +
 .../display-list/retained-dl-frame-created-1.html  |    25 +
 .../display-list/retained-dl-frame-deleted-1.html  |    24 +
 ...ained-dl-opacity-animation-on-ib-split-ref.html |    12 +
 .../retained-dl-opacity-animation-on-ib-split.html |    22 +
 .../retained-dl-prerender-transform-1-ref.html     |    24 +
 .../retained-dl-prerender-transform-1.html         |    36 +
 ...tained-dl-remove-for-ancestor-change-1-ref.html |    10 +
 .../retained-dl-remove-for-ancestor-change-1.html  |    18 +
 .../retained-dl-scroll-out-of-view-1-ref.html      |     8 +
 .../retained-dl-scroll-out-of-view-1.html          |    18 +
 .../retained-dl-style-change-1-ref.html            |    15 +
 .../display-list/retained-dl-style-change-1.html   |    23 +
 ...ned-dl-style-change-stacking-context-1-ref.html |    18 +
 ...etained-dl-style-change-stacking-context-1.html |    29 +
 ...ned-dl-style-change-stacking-context-2-ref.html |    20 +
 ...etained-dl-style-change-stacking-context-2.html |    23 +
 ...ned-dl-style-change-stacking-context-3-ref.html |    20 +
 ...etained-dl-style-change-stacking-context-3.html |    29 +
 ...ned-dl-style-change-stacking-context-4-ref.html |    20 +
 ...etained-dl-style-change-stacking-context-4.html |    29 +
 ...tyle-change-with-prerender-transform-1-ref.html |    24 +
 ...dl-style-change-with-prerender-transform-1.html |    30 +
 .../display-list/retained-dl-wrap-list-ref.html    |    14 +
 .../display-list/retained-dl-wrap-list.html        |    15 +
 .../display-list/retained-dl-zindex-1-ref.html     |    27 +
 .../display-list/retained-dl-zindex-1.html         |    35 +
 .../display-list/retained-dl-zindex-2-ref.html     |    33 +
 .../display-list/retained-dl-zindex-2.html         |    41 +
 .../display-list/reuse-sc-style-change-1-ref.html  |    17 +
 .../display-list/reuse-sc-style-change-1.html      |    25 +
 .../reuse-sc-style-change-abs-pos-1-ref.html       |    17 +
 .../reuse-sc-style-change-abs-pos-1.html           |    25 +
 .../reuse-sc-style-change-fixed-pos-1-ref.html     |    17 +
 .../reuse-sc-style-change-fixed-pos-1.html         |    25 +
 .../reuse-sc-style-change-nested-1-ref.html        |    22 +
 .../reuse-sc-style-change-nested-1.html            |    28 +
 layout/reftests/dom/appendmultiple-ref.html        |     9 +
 layout/reftests/dom/appendmultiple.html            |    27 +
 layout/reftests/dom/appendsingle-ref.html          |     9 +
 layout/reftests/dom/appendsingle.html              |    27 +
 layout/reftests/dom/insertmultiple-ref.html        |     9 +
 layout/reftests/dom/insertmultiple.html            |    28 +
 layout/reftests/dom/insertmultiplemultiple-1.html  |    51 +
 layout/reftests/dom/insertmultiplemultiple-2.html  |    39 +
 layout/reftests/dom/insertmultiplemultiple-3.html  |    48 +
 .../reftests/dom/insertmultiplemultiple-ref.html   |    19 +
 layout/reftests/dom/insertparentandchild-ref.html  |    18 +
 layout/reftests/dom/insertparentandchild.html      |    44 +
 layout/reftests/dom/insertsingle-ref.html          |     9 +
 layout/reftests/dom/insertsingle.html              |    28 +
 layout/reftests/dom/inserttoparentandchild-1.html  |    47 +
 layout/reftests/dom/inserttoparentandchild-2.html  |    47 +
 .../reftests/dom/inserttoparentandchild-ref.html   |    18 +
 layout/reftests/dom/inserttwoparents-ref.html      |    18 +
 layout/reftests/dom/inserttwoparents.html          |    45 +
 .../dom/multipleappendwitheditable-ref.xhtml       |    11 +
 .../reftests/dom/multipleappendwitheditable.xhtml  |    37 +
 .../reftests/dom/multipleappendwithinput-ref.xhtml |    11 +
 layout/reftests/dom/multipleappendwithinput.xhtml  |    36 +
 .../reftests/dom/multipleappendwithxul-ref.xhtml   |    11 +
 layout/reftests/dom/multipleappendwithxul.xhtml    |    37 +
 ...ipleinsertionpoints-appendmultiple-shadow.xhtml |    47 +
 ...ipleinsertionpoints-appendsingle-1-shadow.xhtml |    42 +
 ...ipleinsertionpoints-appendsingle-2-shadow.xhtml |    43 +
 ...ipleinsertionpoints-insertmultiple-shadow.xhtml |    53 +
 ...ipleinsertionpoints-insertsingle-1-shadow.xhtml |    44 +
 ...ipleinsertionpoints-insertsingle-2-shadow.xhtml |    43 +
 .../reftests/dom/multipleinsertionpoints-ref.xhtml |    12 +
 .../dom/multipleinsertionpoints-ref2-shadow.xhtml  |    28 +
 layout/reftests/dom/reftest.list                   |    51 +
 layout/reftests/filters.svg                        |    47 +
 layout/reftests/first-letter/1385656-ref.html      |     9 +
 layout/reftests/first-letter/1385656.html          |    16 +
 layout/reftests/first-letter/1404167-1-ref.html    |    12 +
 layout/reftests/first-letter/1404167-1.html        |    16 +
 layout/reftests/first-letter/1404167-2-ref.html    |    13 +
 layout/reftests/first-letter/1404167-2.html        |    18 +
 layout/reftests/first-letter/1404167-3-ref.html    |     9 +
 layout/reftests/first-letter/1404167-3.html        |    14 +
 layout/reftests/first-letter/1404167-4-ref.html    |    11 +
 layout/reftests/first-letter/1404167-4.html        |    16 +
 layout/reftests/first-letter/229764-1.html         |    15 +
 layout/reftests/first-letter/229764-2.html         |    20 +
 layout/reftests/first-letter/229764-ref.html       |     9 +
 layout/reftests/first-letter/23605-1-ref.html      |    11 +
 layout/reftests/first-letter/23605-1.html          |    11 +
 layout/reftests/first-letter/23605-2-ref.html      |    11 +
 layout/reftests/first-letter/23605-2.html          |    11 +
 layout/reftests/first-letter/23605-3-ref.html      |    11 +
 layout/reftests/first-letter/23605-3.html          |    11 +
 layout/reftests/first-letter/23605-4-ref.html      |    11 +
 layout/reftests/first-letter/23605-4.html          |    11 +
 layout/reftests/first-letter/23605-5-ref.html      |    24 +
 layout/reftests/first-letter/23605-5.html          |    24 +
 layout/reftests/first-letter/23605-6-ref.html      |    11 +
 layout/reftests/first-letter/23605-6.html          |    11 +
 layout/reftests/first-letter/329069-1-ref.html     |    11 +
 layout/reftests/first-letter/329069-1.html         |    11 +
 layout/reftests/first-letter/329069-2-ref.html     |    11 +
 layout/reftests/first-letter/329069-2.html         |    11 +
 layout/reftests/first-letter/329069-3-ref.html     |    11 +
 layout/reftests/first-letter/329069-3.html         |    11 +
 layout/reftests/first-letter/329069-4-ref.html     |    12 +
 layout/reftests/first-letter/329069-4.html         |    12 +
 layout/reftests/first-letter/329069-5-ref.html     |    14 +
 layout/reftests/first-letter/329069-5.html         |    14 +
 layout/reftests/first-letter/342120-1-ref.xhtml    |    11 +
 layout/reftests/first-letter/342120-1.xhtml        |    33 +
 layout/reftests/first-letter/379799-1-ref.html     |    10 +
 layout/reftests/first-letter/379799-1.html         |    29 +
 layout/reftests/first-letter/399941-1-ref.html     |    17 +
 layout/reftests/first-letter/399941-1.html         |    17 +
 layout/reftests/first-letter/399941-2-ref.html     |    19 +
 layout/reftests/first-letter/399941-2.html         |    19 +
 layout/reftests/first-letter/399941-3-ref.html     |    17 +
 layout/reftests/first-letter/399941-3.html         |    17 +
 layout/reftests/first-letter/399941-4-ref.html     |    17 +
 layout/reftests/first-letter/399941-4.html         |    17 +
 layout/reftests/first-letter/399941-5-ref.html     |    17 +
 layout/reftests/first-letter/399941-5.html         |    17 +
 layout/reftests/first-letter/399941-6-ref.html     |    17 +
 layout/reftests/first-letter/399941-6.html         |    17 +
 layout/reftests/first-letter/399941-7-ref.html     |    18 +
 layout/reftests/first-letter/399941-7.html         |    18 +
 layout/reftests/first-letter/399941-8-ref.html     |    16 +
 layout/reftests/first-letter/399941-8.html         |    16 +
 layout/reftests/first-letter/399941-9-ref.html     |    16 +
 layout/reftests/first-letter/399941-9.html         |    16 +
 layout/reftests/first-letter/429968-1-ref.html     |    14 +
 layout/reftests/first-letter/429968-1a.html        |    14 +
 layout/reftests/first-letter/429968-1b.html        |    18 +
 layout/reftests/first-letter/429968-2-ref.html     |    10 +
 layout/reftests/first-letter/429968-2a.html        |    15 +
 layout/reftests/first-letter/429968-2b.html        |    15 +
 layout/reftests/first-letter/429968-2c.html        |    15 +
 layout/reftests/first-letter/441418-1-ref.html     |    16 +
 layout/reftests/first-letter/441418-1.html         |    18 +
 layout/reftests/first-letter/469227-1-ref.html     |     5 +
 layout/reftests/first-letter/469227-1.html         |    12 +
 layout/reftests/first-letter/484400-1-ref.html     |    11 +
 layout/reftests/first-letter/484400-1.html         |    20 +
 layout/reftests/first-letter/594303-1-ref.html     |     7 +
 layout/reftests/first-letter/594303-1.html         |     8 +
 layout/reftests/first-letter/617869-1-ref.html     |    11 +
 layout/reftests/first-letter/617869-1.html         |    11 +
 layout/reftests/first-letter/723509-1-ref.html     |    18 +
 layout/reftests/first-letter/723509-1.html         |    18 +
 layout/reftests/first-letter/922550-1-ref.html     |    17 +
 layout/reftests/first-letter/922550-1.html         |    17 +
 layout/reftests/first-letter/958249-ref.html       |    24 +
 layout/reftests/first-letter/958249.html           |    24 +
 layout/reftests/first-letter/basic-1.html          |    17 +
 layout/reftests/first-letter/basic-2.html          |    17 +
 layout/reftests/first-letter/basic-ref.html        |    12 +
 layout/reftests/first-letter/dynamic-1-ref.html    |    18 +
 layout/reftests/first-letter/dynamic-1.html        |    44 +
 layout/reftests/first-letter/dynamic-2-ref.html    |    12 +
 layout/reftests/first-letter/dynamic-2.html        |    62 +
 layout/reftests/first-letter/dynamic-3-ref.html    |     9 +
 layout/reftests/first-letter/dynamic-3a.html       |    23 +
 layout/reftests/first-letter/dynamic-3b.html       |    23 +
 layout/reftests/first-letter/dynamic-4-ref.html    |    10 +
 layout/reftests/first-letter/dynamic-4.html        |    23 +
 layout/reftests/first-letter/dynamic-5-ref.html    |     7 +
 layout/reftests/first-letter/dynamic-5.html        |    15 +
 .../first-letter/font-text-styles-floater-ref.html |    28 +
 .../first-letter/font-text-styles-floater.html     |    27 +
 .../first-letter/font-text-styles-ref.html         |    33 +
 layout/reftests/first-letter/font-text-styles.html |    35 +
 .../first-letter/indic-clusters-1-ref.html         |    24 +
 layout/reftests/first-letter/indic-clusters-1.html |    24 +
 .../first-letter/inline-height-empty-ref.html      |    10 +
 .../reftests/first-letter/inline-height-empty.html |    10 +
 layout/reftests/first-letter/nested-1-ref.html     |    16 +
 layout/reftests/first-letter/nested-1a.html        |    21 +
 layout/reftests/first-letter/nested-1b.html        |    25 +
 layout/reftests/first-letter/nested-1c.html        |    25 +
 layout/reftests/first-letter/nested-1d.html        |    26 +
 layout/reftests/first-letter/nested-1e.html        |    24 +
 layout/reftests/first-letter/nested-1f.html        |    22 +
 layout/reftests/first-letter/nested-1g.html        |    19 +
 .../overflow-float-nooverflow-ref.html             |    14 +
 .../first-letter/overflow-float-nooverflow.html    |    15 +
 .../overflow-float-overflow-notref.html            |    15 +
 .../first-letter/overflow-float-overflow.html      |    15 +
 .../overflow-inline-nooverflow-ref.html            |    14 +
 .../first-letter/overflow-inline-nooverflow.html   |    15 +
 .../overflow-inline-overflow-notref.html           |    14 +
 .../first-letter/overflow-inline-overflow-ref.html |    15 +
 .../first-letter/overflow-inline-overflow.html     |    15 +
 .../reftests/first-letter/parent-style-1-ref.html  |    11 +
 layout/reftests/first-letter/parent-style-1.html   |    16 +
 layout/reftests/first-letter/quote-1-ref.html      |    12 +
 layout/reftests/first-letter/quote-1a.html         |    17 +
 layout/reftests/first-letter/quote-1b.html         |    20 +
 layout/reftests/first-letter/quote-1c.html         |    20 +
 layout/reftests/first-letter/quote-1d.html         |    24 +
 layout/reftests/first-letter/quote-1e.html         |    17 +
 layout/reftests/first-letter/quote-1f.html         |    18 +
 layout/reftests/first-letter/reftest.list          |    82 +
 layout/reftests/first-line/287088-1-ref.html       |    18 +
 layout/reftests/first-line/287088-1.html           |    18 +
 layout/reftests/first-line/287088-2-ref.html       |    14 +
 layout/reftests/first-line/287088-2.html           |    14 +
 layout/reftests/first-line/403177-1-ref.html       |    23 +
 layout/reftests/first-line/403177-1.html           |    23 +
 layout/reftests/first-line/469227-2-ref.html       |     4 +
 layout/reftests/first-line/469227-2.html           |     9 +
 layout/reftests/first-line/469227-3-ref.html       |     4 +
 layout/reftests/first-line/469227-3.html           |     9 +
 layout/reftests/first-line/basic-1.html            |    17 +
 layout/reftests/first-line/basic-ref.html          |    11 +
 .../reftests/first-line/border-not-apply-ref.html  |     3 +
 layout/reftests/first-line/border-not-apply.html   |    17 +
 .../first-line/caption-insert-in-first-line-1.html |    20 +
 .../first-line/caption-insert-in-first-line-2.html |    20 +
 .../caption-insert-in-first-line-ref.html          |    13 +
 .../first-line/first-line-in-columnset-1-ref.html  |     8 +
 .../first-line/first-line-in-columnset-1.html      |     8 +
 .../first-line/font-styles-nooverflow.html         |    29 +
 layout/reftests/first-line/font-styles-ref.html    |    29 +
 layout/reftests/first-line/font-styles.html        |    29 +
 layout/reftests/first-line/ib-split-1-ref.html     |     9 +
 layout/reftests/first-line/ib-split-1.html         |    10 +
 .../first-line/insertion-in-first-line-1.html      |    10 +
 .../first-line/insertion-in-first-line-10.html     |    13 +
 .../first-line/insertion-in-first-line-11.html     |    11 +
 .../first-line/insertion-in-first-line-12.html     |    13 +
 .../first-line/insertion-in-first-line-2.html      |    12 +
 .../first-line/insertion-in-first-line-3.html      |    10 +
 .../first-line/insertion-in-first-line-4.html      |    12 +
 .../first-line/insertion-in-first-line-5.html      |    10 +
 .../first-line/insertion-in-first-line-6.html      |    12 +
 .../first-line/insertion-in-first-line-7.html      |    10 +
 .../first-line/insertion-in-first-line-8.html      |    12 +
 .../first-line/insertion-in-first-line-9.html      |    11 +
 .../first-line/insertion-in-first-line-ref.html    |     5 +
 layout/reftests/first-line/out-of-flow-1-ref.html  |    12 +
 layout/reftests/first-line/out-of-flow-1a.html     |    18 +
 layout/reftests/first-line/out-of-flow-1b.html     |    17 +
 layout/reftests/first-line/out-of-flow-1c.html     |    21 +
 layout/reftests/first-line/out-of-flow-1d.html     |    27 +
 layout/reftests/first-line/parent-style-1-ref.html |    16 +
 layout/reftests/first-line/parent-style-1.html     |    22 +
 layout/reftests/first-line/parent-style-2-ref.html |    11 +
 layout/reftests/first-line/parent-style-2.html     |    18 +
 layout/reftests/first-line/parent-style-3-ref.html |    11 +
 layout/reftests/first-line/parent-style-3.html     |    18 +
 layout/reftests/first-line/reftest.list            |    56 +
 .../first-line/restyle-inside-first-line-ref.html  |     6 +
 .../first-line/restyle-inside-first-line.html      |    11 +
 layout/reftests/first-line/stress-1.html           |    41 +
 layout/reftests/first-line/stress-10.html          |     5 +
 layout/reftests/first-line/stress-11-ref.xhtml     |     9 +
 layout/reftests/first-line/stress-11.xhtml         |    18 +
 layout/reftests/first-line/stress-2-ref.html       |    10 +
 layout/reftests/first-line/stress-2.html           |    26 +
 layout/reftests/first-line/stress-3.html           |    35 +
 layout/reftests/first-line/stress-4.html           |    27 +
 layout/reftests/first-line/stress-5.html           |    25 +
 layout/reftests/first-line/stress-6.html           |    45 +
 layout/reftests/first-line/stress-7.html           |    17 +
 layout/reftests/first-line/stress-8-ref.html       |    15 +
 layout/reftests/first-line/stress-8.html           |    18 +
 layout/reftests/first-line/stress-9-ref.html       |    14 +
 layout/reftests/first-line/stress-9.html           |    15 +
 layout/reftests/flexbox/ahem.css                   |     4 +
 .../flexbox-align-self-baseline-horiz-2-ref.xhtml  |    52 +
 .../flexbox-align-self-baseline-horiz-2.xhtml      |    56 +
 .../flexbox-align-self-baseline-horiz-3-ref.xhtml  |    50 +
 .../flexbox-align-self-baseline-horiz-3.xhtml      |    46 +
 .../flexbox-align-self-baseline-horiz-4-ref.xhtml  |    38 +
 .../flexbox-align-self-baseline-horiz-4.xhtml      |    37 +
 ...lexbox-box-sizing-on-container-horiz-1-ref.html |    38 +
 .../flexbox-box-sizing-on-container-horiz-1.html   |    37 +
 ...flexbox-box-sizing-on-container-vert-1-ref.html |    37 +
 .../flexbox-box-sizing-on-container-vert-1.html    |    38 +
 .../flexbox-box-sizing-on-items-horiz-1-ref.html   |    60 +
 .../flexbox-box-sizing-on-items-horiz-1a.html      |    60 +
 .../flexbox-box-sizing-on-items-horiz-1b.html      |    60 +
 .../flexbox-box-sizing-on-items-vert-1-ref.html    |    57 +
 .../flexbox-box-sizing-on-items-vert-1a.html       |    61 +
 .../flexbox-box-sizing-on-items-vert-1b.html       |    61 +
 .../flexbox-bsize-keywords-no-stretch-1-ref.html   |    37 +
 .../flexbox-bsize-keywords-no-stretch-1.html       |    39 +
 .../flexbox/flexbox-dyn-changeContent-1-ref.html   |    27 +
 .../flexbox/flexbox-dyn-changeContent-1.html       |    37 +
 .../flexbox/flexbox-dyn-changeContent-2-ref.html   |    30 +
 .../flexbox/flexbox-dyn-changeContent-2.html       |    40 +
 .../flexbox-dyn-changeFrameWidth-1-iframe.html     |    24 +
 .../flexbox-dyn-changeFrameWidth-1-ref.xhtml       |    19 +
 .../flexbox/flexbox-dyn-changeFrameWidth-1.xhtml   |    33 +
 .../flexbox-dyn-changeFrameWidth-2-iframe.html     |    27 +
 .../flexbox-dyn-changeFrameWidth-2-ref.xhtml       |    19 +
 .../flexbox/flexbox-dyn-changeFrameWidth-2.xhtml   |    34 +
 .../flexbox-dyn-changeFrameWidth-3-iframe.html     |    29 +
 .../flexbox-dyn-changeFrameWidth-3-ref.xhtml       |    19 +
 .../flexbox/flexbox-dyn-changeFrameWidth-3.xhtml   |    34 +
 .../flexbox-dyn-changeFrameWidth-4-iframe.html     |    20 +
 .../flexbox-dyn-changeFrameWidth-4-ref.xhtml       |    19 +
 .../flexbox/flexbox-dyn-changeFrameWidth-4.xhtml   |    34 +
 .../flexbox/flexbox-dyn-changeOrder-1-ref.html     |    19 +
 .../flexbox/flexbox-dyn-changeOrder-1a.html        |    56 +
 .../flexbox/flexbox-dyn-changeOrder-1b.html        |    57 +
 .../flexbox/flexbox-dyn-changePadding-1-ref.xhtml  |    20 +
 .../flexbox/flexbox-dyn-changePadding-1a.xhtml     |    46 +
 .../flexbox/flexbox-dyn-changePadding-1b.xhtml     |    46 +
 .../flexbox-dyn-insertAroundDiv-1-ref.xhtml        |    39 +
 .../flexbox/flexbox-dyn-insertAroundDiv-1.xhtml    |    87 +
 .../flexbox-dyn-insertAroundDiv-2-ref.xhtml        |    41 +
 .../flexbox/flexbox-dyn-insertAroundDiv-2.xhtml    |   104 +
 .../flexbox-dyn-insertAroundDiv-3-ref.xhtml        |    40 +
 .../flexbox/flexbox-dyn-insertAroundDiv-3.xhtml    |   104 +
 .../flexbox/flexbox-dyn-insertAroundSpan-1.xhtml   |    87 +
 .../flexbox/flexbox-dyn-insertAroundSpan-2.xhtml   |   107 +
 .../flexbox/flexbox-dyn-insertAroundSpan-3.xhtml   |   107 +
 .../flexbox-dyn-insertAroundText-1-ref.xhtml       |    39 +
 .../flexbox/flexbox-dyn-insertAroundText-1.xhtml   |    87 +
 .../flexbox-dyn-insertAroundText-2-ref.xhtml       |    44 +
 .../flexbox/flexbox-dyn-insertAroundText-2.xhtml   |   107 +
 .../flexbox-dyn-insertAroundText-3-ref.xhtml       |    43 +
 .../flexbox/flexbox-dyn-insertAroundText-3.xhtml   |   107 +
 .../flexbox-dyn-insertEmptySpan-1-ref.xhtml        |    43 +
 .../flexbox/flexbox-dyn-insertEmptySpan-1.xhtml    |   103 +
 layout/reftests/flexbox/flexbox-empty-1-ref.xhtml  |    38 +
 layout/reftests/flexbox/flexbox-empty-1a.xhtml     |    39 +
 layout/reftests/flexbox/flexbox-empty-1b.xhtml     |    45 +
 ...pty-container-synthesized-baseline-001-ref.html |    46 +
 ...x-empty-container-synthesized-baseline-001.html |    48 +
 layout/reftests/flexbox/flexbox-float-1-ref.xhtml  |    39 +
 layout/reftests/flexbox/flexbox-float-1a.xhtml     |    47 +
 layout/reftests/flexbox/flexbox-float-1b.xhtml     |    43 +
 layout/reftests/flexbox/flexbox-float-1c.xhtml     |    75 +
 layout/reftests/flexbox/flexbox-float-1d.xhtml     |    75 +
 layout/reftests/flexbox/flexbox-float-2-ref.xhtml  |    39 +
 layout/reftests/flexbox/flexbox-float-2a.xhtml     |    42 +
 layout/reftests/flexbox/flexbox-float-2b.xhtml     |    46 +
 .../flexbox-inlinecontent-horiz-1-ref.xhtml        |    45 +
 .../flexbox/flexbox-inlinecontent-horiz-1a.xhtml   |    39 +
 .../flexbox/flexbox-inlinecontent-horiz-1b.xhtml   |    55 +
 .../flexbox-inlinecontent-horiz-2-ref.xhtml        |    34 +
 .../flexbox/flexbox-inlinecontent-horiz-2.xhtml    |    46 +
 .../flexbox-inlinecontent-horiz-3-ref.xhtml        |    22 +
 .../flexbox/flexbox-inlinecontent-horiz-3a.xhtml   |    24 +
 .../flexbox/flexbox-inlinecontent-horiz-3b.xhtml   |    38 +
 .../flexbox/flexbox-inlinecontent-horiz-3c.xhtml   |    38 +
 .../flexbox-inlinecontent-horiz-4-ref.xhtml        |    21 +
 .../flexbox/flexbox-inlinecontent-horiz-4.xhtml    |    27 +
 .../flexbox-inlinecontent-horiz-5-ref.xhtml        |    25 +
 .../flexbox/flexbox-inlinecontent-horiz-5.xhtml    |    36 +
 .../flexbox-intrinsic-sizing-horiz-1-ref.xhtml     |    91 +
 .../flexbox-intrinsic-sizing-horiz-1a.xhtml        |   102 +
 .../flexbox-intrinsic-sizing-horiz-1b.xhtml        |   102 +
 .../flexbox-intrinsic-sizing-horiz-2-ref.xhtml     |    45 +
 .../flexbox-intrinsic-sizing-horiz-2a.xhtml        |    41 +
 .../flexbox-intrinsic-sizing-horiz-2b.xhtml        |    44 +
 .../flexbox/flexbox-invalidation-1-ref.html        |    36 +
 .../reftests/flexbox/flexbox-invalidation-1.html   |    47 +
 ...lexbox-item-align-self-dynamic-pos-001-ref.html |    36 +
 .../flexbox-item-align-self-dynamic-pos-001.html   |    45 +
 ...lexbox-item-align-self-dynamic-pos-002-ref.html |    36 +
 .../flexbox-item-align-self-dynamic-pos-002.html   |    44 +
 .../flexbox-min-bsize-keywords-horiz-1-ref.html    |    41 +
 .../flexbox-min-bsize-keywords-horiz-1.html        |    50 +
 .../flexbox-min-bsize-keywords-vert-1-ref.html     |    39 +
 .../flexbox/flexbox-min-bsize-keywords-vert-1.html |    51 +
 .../flexbox/flexbox-position-absolute-1-ref.xhtml  |    74 +
 .../flexbox/flexbox-position-absolute-1.xhtml      |    70 +
 .../flexbox/flexbox-position-absolute-2-ref.xhtml  |    74 +
 .../flexbox/flexbox-position-absolute-2.xhtml      |    71 +
 .../flexbox/flexbox-position-absolute-3-ref.xhtml  |    44 +
 .../flexbox/flexbox-position-absolute-3.xhtml      |    46 +
 .../flexbox/flexbox-position-absolute-4-ref.xhtml  |    50 +
 .../flexbox/flexbox-position-absolute-4.xhtml      |    52 +
 .../flexbox/flexbox-position-fixed-1-ref.xhtml     |    74 +
 .../flexbox/flexbox-position-fixed-1.xhtml         |    70 +
 .../flexbox/flexbox-position-fixed-2-ref.xhtml     |    74 +
 .../flexbox/flexbox-position-fixed-2.xhtml         |    71 +
 .../flexbox/flexbox-position-fixed-3-ref.xhtml     |    44 +
 .../flexbox/flexbox-position-fixed-3.xhtml         |    46 +
 .../flexbox/flexbox-position-fixed-4-ref.xhtml     |    51 +
 .../flexbox/flexbox-position-fixed-4.xhtml         |    52 +
 .../flexbox/flexbox-resizeviewport-1-helper.html   |    31 +
 .../flexbox/flexbox-resizeviewport-1-ref.xhtml     |    22 +
 .../flexbox/flexbox-resizeviewport-1.xhtml         |    40 +
 .../flexbox/flexbox-resizeviewport-2-helper.html   |    32 +
 .../flexbox/flexbox-resizeviewport-2-ref.xhtml     |    22 +
 .../flexbox/flexbox-resizeviewport-2.xhtml         |    44 +
 .../flexbox/flexbox-styling-on-svg-1-ref.svg       |    10 +
 .../reftests/flexbox/flexbox-styling-on-svg-1.svg  |    15 +
 .../flexbox/flexbox-table-flex-items-1-ref.html    |    59 +
 .../flexbox/flexbox-table-flex-items-1.html        |    60 +
 .../flexbox/flexbox-table-flex-items-2-ref.html    |    64 +
 .../flexbox/flexbox-table-flex-items-2.html        |    73 +
 .../flexbox/flexbox-table-flex-items-3-ref.html    |    66 +
 .../flexbox/flexbox-table-flex-items-3.html        |    75 +
 .../flexbox/flexbox-table-flex-items-4-ref.html    |    50 +
 .../flexbox/flexbox-table-flex-items-4.html        |    54 +
 .../flexbox/flexbox-table-flex-items-5-ref.html    |    45 +
 .../flexbox/flexbox-table-flex-items-5.html        |    52 +
 .../flexbox/flexbox-widget-flex-items-1-ref.html   |    35 +
 .../flexbox/flexbox-widget-flex-items-1.html       |    46 +
 .../flexbox/flexbox-widget-flex-items-2-ref.html   |    36 +
 .../flexbox/flexbox-widget-flex-items-2.html       |    42 +
 .../flexbox/flexbox-widget-flex-items-3-ref.html   |    35 +
 .../flexbox/flexbox-widget-flex-items-3.html       |    43 +
 .../flexbox/flexbox-widget-flex-items-4-ref.html   |    35 +
 .../flexbox/flexbox-widget-flex-items-4.html       |    46 +
 .../flexbox/pagination/flexbox-empty-1-ref.html    |    99 +
 .../flexbox/pagination/flexbox-empty-1a.html       |   105 +
 .../flexbox/pagination/flexbox-empty-1b.html       |   105 +
 .../flexbox/pagination/flexbox-empty-1c.html       |   105 +
 .../flexbox/pagination/flexbox-empty-1d.html       |   105 +
 .../flexbox/pagination/flexbox-empty-1e.html       |   109 +
 .../flexbox/pagination/flexbox-empty-1f.html       |   109 +
 .../flexbox/pagination/flexbox-empty-1g.html       |   109 +
 .../flexbox/pagination/flexbox-empty-1h.html       |   109 +
 .../flexbox/pagination/flexbox-empty-2-ref.html    |   136 +
 .../flexbox/pagination/flexbox-empty-2a.html       |   138 +
 .../flexbox/pagination/flexbox-empty-2b.html       |   138 +
 .../flexbox/pagination/flexbox-empty-2c.html       |   138 +
 .../flexbox/pagination/flexbox-empty-2d.html       |   138 +
 .../pagination/flexbox-multi-column-1-ref.html     |    96 +
 .../pagination/flexbox-multi-column-1a.html        |    98 +
 .../pagination/flexbox-multi-column-1b.html        |    98 +
 .../pagination/flexbox-multi-column-1c.html        |    99 +
 .../pagination/flexbox-multi-column-1d.html        |   103 +
 .../pagination/flexbox-multi-column-1e.html        |   111 +
 .../pagination/flexbox-multi-column-1f.html        |   111 +
 .../pagination/flexbox-multi-column-1g.html        |   112 +
 .../pagination/flexbox-multi-column-1h.html        |   112 +
 .../pagination/flexbox-multi-column-1i.html        |   112 +
 .../pagination/flexbox-multi-column-1j.html        |   112 +
 .../pagination/flexbox-multi-column-2-ref.html     |   109 +
 .../flexbox/pagination/flexbox-multi-column-2.html |   101 +
 .../flexbox-multi-column-vertical-lr-1-ref.html    |    99 +
 .../flexbox-multi-column-vertical-lr-1a.html       |   101 +
 .../flexbox-multi-column-vertical-lr-1b.html       |   101 +
 .../flexbox-multi-column-vertical-lr-1c.html       |   102 +
 .../flexbox-multi-column-vertical-lr-1d.html       |   106 +
 .../flexbox-multi-column-vertical-lr-1e.html       |   114 +
 .../flexbox-multi-column-vertical-lr-1f.html       |   114 +
 .../flexbox-multi-column-vertical-lr-1g.html       |   115 +
 .../flexbox-multi-column-vertical-lr-1h.html       |   115 +
 .../flexbox-multi-column-vertical-lr-1i.html       |   115 +
 .../flexbox-multi-column-vertical-lr-1j.html       |   115 +
 .../flexbox-multi-column-vertical-lr-2-ref.html    |   112 +
 .../flexbox-multi-column-vertical-lr-2.html        |   104 +
 .../flexbox-multi-column-vertical-rl-1-ref.html    |    99 +
 .../flexbox-multi-column-vertical-rl-1a.html       |   101 +
 .../flexbox-multi-column-vertical-rl-1b.html       |   101 +
 .../flexbox-multi-column-vertical-rl-1c.html       |   102 +
 .../flexbox-multi-column-vertical-rl-1d.html       |   106 +
 .../flexbox-multi-column-vertical-rl-1e.html       |   114 +
 .../flexbox-multi-column-vertical-rl-1f.html       |   114 +
 .../flexbox-multi-column-vertical-rl-1g.html       |   115 +
 .../flexbox-multi-column-vertical-rl-1h.html       |   115 +
 .../flexbox-multi-column-vertical-rl-1i.html       |   115 +
 .../flexbox-multi-column-vertical-rl-1j.html       |   115 +
 .../flexbox-multi-column-vertical-rl-2-ref.html    |   112 +
 .../flexbox-multi-column-vertical-rl-2.html        |   104 +
 .../pagination/flexbox-multi-row-1-ref.html        |   108 +
 .../flexbox/pagination/flexbox-multi-row-1a.html   |   106 +
 .../flexbox/pagination/flexbox-multi-row-1b.html   |   106 +
 .../flexbox/pagination/flexbox-multi-row-1c.html   |   120 +
 .../flexbox/pagination/flexbox-multi-row-1d.html   |   120 +
 .../flexbox/pagination/flexbox-multi-row-1e.html   |   120 +
 .../flexbox/pagination/flexbox-multi-row-1f.html   |   120 +
 .../pagination/flexbox-multi-row-2-ref.html        |   116 +
 .../flexbox/pagination/flexbox-multi-row-2a.html   |   107 +
 .../flexbox/pagination/flexbox-multi-row-2b.html   |   108 +
 .../flexbox-multi-row-vertical-lr-1-ref.html       |   111 +
 .../flexbox-multi-row-vertical-lr-1a.html          |   109 +
 .../flexbox-multi-row-vertical-lr-1b.html          |   109 +
 .../flexbox-multi-row-vertical-lr-1c.html          |   123 +
 .../flexbox-multi-row-vertical-lr-1d.html          |   123 +
 .../flexbox-multi-row-vertical-lr-1e.html          |   123 +
 .../flexbox-multi-row-vertical-lr-1f.html          |   123 +
 .../flexbox-multi-row-vertical-lr-2-ref.html       |   119 +
 .../flexbox-multi-row-vertical-lr-2a.html          |   110 +
 .../flexbox-multi-row-vertical-lr-2b.html          |   111 +
 .../flexbox-multi-row-vertical-rl-1-ref.html       |   111 +
 .../flexbox-multi-row-vertical-rl-1a.html          |   109 +
 .../flexbox-multi-row-vertical-rl-1b.html          |   109 +
 .../flexbox-multi-row-vertical-rl-1c.html          |   123 +
 .../flexbox-multi-row-vertical-rl-1d.html          |   123 +
 .../flexbox-multi-row-vertical-rl-1e.html          |   123 +
 .../flexbox-multi-row-vertical-rl-1f.html          |   123 +
 .../flexbox-multi-row-vertical-rl-2-ref.html       |   119 +
 .../flexbox-multi-row-vertical-rl-2a.html          |   110 +
 .../flexbox-multi-row-vertical-rl-2b.html          |   111 +
 .../pagination/flexbox-single-column-1-ref.html    |    96 +
 .../pagination/flexbox-single-column-1a.html       |    98 +
 .../pagination/flexbox-single-column-1b.html       |    98 +
 .../pagination/flexbox-single-column-1c.html       |    99 +
 .../pagination/flexbox-single-column-1d.html       |   103 +
 .../pagination/flexbox-single-column-1e.html       |   111 +
 .../pagination/flexbox-single-column-1f.html       |   111 +
 .../pagination/flexbox-single-column-1g.html       |   112 +
 .../pagination/flexbox-single-column-1h.html       |   112 +
 .../pagination/flexbox-single-column-1i.html       |   112 +
 .../pagination/flexbox-single-column-1j.html       |   112 +
 .../pagination/flexbox-single-column-2-ref.html    |    97 +
 .../pagination/flexbox-single-column-2.html        |   103 +
 .../pagination/flexbox-single-column-3-ref.html    |    78 +
 .../pagination/flexbox-single-column-3a.html       |    81 +
 .../pagination/flexbox-single-column-3b.html       |    81 +
 .../pagination/flexbox-single-column-4-ref.html    |    41 +
 .../pagination/flexbox-single-column-4.html        |    46 +
 .../pagination/flexbox-single-column-5-ref.html    |    46 +
 .../pagination/flexbox-single-column-5.html        |    51 +
 .../pagination/flexbox-single-column-6-ref.html    |    76 +
 .../pagination/flexbox-single-column-6.html        |    81 +
 .../flexbox-single-column-vertical-lr-1-ref.html   |    99 +
 .../flexbox-single-column-vertical-lr-1a.html      |   101 +
 .../flexbox-single-column-vertical-lr-1b.html      |   101 +
 .../flexbox-single-column-vertical-lr-1c.html      |   102 +
 .../flexbox-single-column-vertical-lr-1d.html      |   106 +
 .../flexbox-single-column-vertical-lr-1e.html      |   114 +
 .../flexbox-single-column-vertical-lr-1f.html      |   114 +
 .../flexbox-single-column-vertical-lr-1g.html      |   115 +
 .../flexbox-single-column-vertical-lr-1h.html      |   115 +
 .../flexbox-single-column-vertical-lr-1i.html      |   115 +
 .../flexbox-single-column-vertical-lr-1j.html      |   115 +
 .../flexbox-single-column-vertical-lr-2-ref.html   |   100 +
 .../flexbox-single-column-vertical-lr-2.html       |   106 +
 .../flexbox-single-column-vertical-lr-3-ref.html   |    81 +
 .../flexbox-single-column-vertical-lr-3a.html      |    84 +
 .../flexbox-single-column-vertical-lr-3b.html      |    84 +
 .../flexbox-single-column-vertical-lr-4-ref.html   |    44 +
 .../flexbox-single-column-vertical-lr-4.html       |    49 +
 .../flexbox-single-column-vertical-lr-5-ref.html   |    49 +
 .../flexbox-single-column-vertical-lr-5.html       |    54 +
 .../flexbox-single-column-vertical-lr-6-ref.html   |    79 +
 .../flexbox-single-column-vertical-lr-6.html       |    84 +
 .../flexbox-single-column-vertical-rl-1-ref.html   |    99 +
 .../flexbox-single-column-vertical-rl-1a.html      |   101 +
 .../flexbox-single-column-vertical-rl-1b.html      |   101 +
 .../flexbox-single-column-vertical-rl-1c.html      |   102 +
 .../flexbox-single-column-vertical-rl-1d.html      |   106 +
 .../flexbox-single-column-vertical-rl-1e.html      |   114 +
 .../flexbox-single-column-vertical-rl-1f.html      |   114 +
 .../flexbox-single-column-vertical-rl-1g.html      |   115 +
 .../flexbox-single-column-vertical-rl-1h.html      |   115 +
 .../flexbox-single-column-vertical-rl-1i.html      |   115 +
 .../flexbox-single-column-vertical-rl-1j.html      |   115 +
 .../flexbox-single-column-vertical-rl-2-ref.html   |   100 +
 .../flexbox-single-column-vertical-rl-2.html       |   106 +
 .../flexbox-single-column-vertical-rl-3-ref.html   |    81 +
 .../flexbox-single-column-vertical-rl-3a.html      |    84 +
 .../flexbox-single-column-vertical-rl-3b.html      |    84 +
 .../flexbox-single-column-vertical-rl-4-ref.html   |    44 +
 .../flexbox-single-column-vertical-rl-4.html       |    49 +
 .../flexbox-single-column-vertical-rl-5-ref.html   |    49 +
 .../flexbox-single-column-vertical-rl-5.html       |    54 +
 .../flexbox-single-column-vertical-rl-6-ref.html   |    79 +
 .../flexbox-single-column-vertical-rl-6.html       |    84 +
 .../pagination/flexbox-single-row-1-ref.html       |   111 +
 .../flexbox/pagination/flexbox-single-row-1a.html  |    98 +
 .../flexbox/pagination/flexbox-single-row-1b.html  |    98 +
 .../flexbox/pagination/flexbox-single-row-1c.html  |   111 +
 .../flexbox/pagination/flexbox-single-row-1d.html  |   111 +
 .../flexbox/pagination/flexbox-single-row-1e.html  |   112 +
 .../flexbox/pagination/flexbox-single-row-1f.html  |   112 +
 .../flexbox/pagination/flexbox-single-row-1g.html  |   112 +
 .../flexbox/pagination/flexbox-single-row-1h.html  |   112 +
 .../pagination/flexbox-single-row-2-ref.html       |   111 +
 .../flexbox/pagination/flexbox-single-row-2.html   |   100 +
 .../pagination/flexbox-single-row-3-ref.html       |    92 +
 .../flexbox/pagination/flexbox-single-row-3a.html  |    81 +
 .../flexbox/pagination/flexbox-single-row-3b.html  |    81 +
 .../pagination/flexbox-single-row-4-ref.html       |    46 +
 .../flexbox/pagination/flexbox-single-row-4.html   |    51 +
 .../flexbox-single-row-vertical-lr-1-ref.html      |   114 +
 .../flexbox-single-row-vertical-lr-1a.html         |   101 +
 .../flexbox-single-row-vertical-lr-1b.html         |   101 +
 .../flexbox-single-row-vertical-lr-1c.html         |   114 +
 .../flexbox-single-row-vertical-lr-1d.html         |   114 +
 .../flexbox-single-row-vertical-lr-1e.html         |   115 +
 .../flexbox-single-row-vertical-lr-1f.html         |   115 +
 .../flexbox-single-row-vertical-lr-1g.html         |   115 +
 .../flexbox-single-row-vertical-lr-1h.html         |   115 +
 .../flexbox-single-row-vertical-lr-2-ref.html      |   114 +
 .../flexbox-single-row-vertical-lr-2.html          |   103 +
 .../flexbox-single-row-vertical-lr-3-ref.html      |    95 +
 .../flexbox-single-row-vertical-lr-3a.html         |    84 +
 .../flexbox-single-row-vertical-lr-3b.html         |    84 +
 .../flexbox-single-row-vertical-lr-4-ref.html      |    49 +
 .../flexbox-single-row-vertical-lr-4.html          |    54 +
 .../flexbox-single-row-vertical-rl-1-ref.html      |   114 +
 .../flexbox-single-row-vertical-rl-1a.html         |   101 +
 .../flexbox-single-row-vertical-rl-1b.html         |   101 +
 .../flexbox-single-row-vertical-rl-1c.html         |   114 +
 .../flexbox-single-row-vertical-rl-1d.html         |   114 +
 .../flexbox-single-row-vertical-rl-1e.html         |   115 +
 .../flexbox-single-row-vertical-rl-1f.html         |   115 +
 .../flexbox-single-row-vertical-rl-1g.html         |   115 +
 .../flexbox-single-row-vertical-rl-1h.html         |   115 +
 .../flexbox-single-row-vertical-rl-2-ref.html      |   114 +
 .../flexbox-single-row-vertical-rl-2.html          |   103 +
 .../flexbox-single-row-vertical-rl-3-ref.html      |    95 +
 .../flexbox-single-row-vertical-rl-3a.html         |    84 +
 .../flexbox-single-row-vertical-rl-3b.html         |    84 +
 .../flexbox-single-row-vertical-rl-4-ref.html      |    49 +
 .../flexbox-single-row-vertical-rl-4.html          |    54 +
 .../flexbox-unbreakable-child-1-ref.html           |    62 +
 .../flexbox-unbreakable-child-1a-wrap.html         |    68 +
 .../pagination/flexbox-unbreakable-child-1a.html   |    66 +
 .../flexbox-unbreakable-child-1b-wrap.html         |    68 +
 .../pagination/flexbox-unbreakable-child-1b.html   |    66 +
 .../flexbox-unbreakable-child-1c-wrap.html         |    69 +
 .../pagination/flexbox-unbreakable-child-1c.html   |    67 +
 .../flexbox-unbreakable-child-1d-wrap.html         |    70 +
 .../pagination/flexbox-unbreakable-child-1d.html   |    68 +
 .../flexbox-unbreakable-child-2-ref.html           |    82 +
 .../pagination/flexbox-unbreakable-child-2.html    |    77 +
 .../flexbox-unbreakable-child-3-ref.html           |    71 +
 .../flexbox-unbreakable-child-3a-wrap.html         |    69 +
 .../pagination/flexbox-unbreakable-child-3a.html   |    68 +
 .../flexbox-unbreakable-child-3b-wrap.html         |    69 +
 .../pagination/flexbox-unbreakable-child-3b.html   |    68 +
 .../flexbox-unbreakable-child-3c-wrap.html         |    70 +
 .../pagination/flexbox-unbreakable-child-3c.html   |    69 +
 .../flexbox-unbreakable-child-3d-wrap.html         |    71 +
 .../pagination/flexbox-unbreakable-child-3d.html   |    70 +
 layout/reftests/flexbox/pagination/reftest.list    |   214 +
 layout/reftests/flexbox/reftest.list               |   127 +
 layout/reftests/flexbox/solidblue.png              |   Bin 0 -> 135 bytes
 layout/reftests/floats/1114329-ref.html            |    24 +
 layout/reftests/floats/1114329.html                |    30 +
 layout/reftests/floats/1236745-1-ref.html          |    39 +
 layout/reftests/floats/1236745-1.html              |    49 +
 layout/reftests/floats/1260031-1-ref.html          |    28 +
 layout/reftests/floats/1260031-1.html              |    36 +
 layout/reftests/floats/1291110-1-ref.html          |    39 +
 layout/reftests/floats/1291110-1.html              |    37 +
 layout/reftests/floats/1291110-2-ref.html          |    40 +
 layout/reftests/floats/1291110-2.html              |    36 +
 layout/reftests/floats/1322843-1-ref.html          |    10 +
 layout/reftests/floats/1322843-1a.html             |    33 +
 layout/reftests/floats/1322843-1b.html             |    26 +
 layout/reftests/floats/1322843-1c.html             |    26 +
 layout/reftests/floats/1322843-1d.html             |    41 +
 layout/reftests/floats/1322843-1e.html             |    26 +
 layout/reftests/floats/1322843-1f.html             |    34 +
 layout/reftests/floats/345369-1-ref.html           |     9 +
 layout/reftests/floats/345369-1.html               |     9 +
 layout/reftests/floats/345369-2-ref.html           |    10 +
 layout/reftests/floats/345369-2.html               |    12 +
 layout/reftests/floats/345369-3-ref.html           |    10 +
 layout/reftests/floats/345369-3.html               |    10 +
 layout/reftests/floats/345369-4-ref.html           |    10 +
 layout/reftests/floats/345369-4.html               |    10 +
 layout/reftests/floats/345369-5-ref.html           |    10 +
 layout/reftests/floats/345369-5.html               |    10 +
 layout/reftests/floats/429974-1-ref.html           |    37 +
 layout/reftests/floats/429974-1.html               |    37 +
 layout/reftests/floats/478834-1-ref.html           |    26 +
 layout/reftests/floats/478834-1.html               |    26 +
 layout/reftests/floats/546048-1-ref.html           |    29 +
 layout/reftests/floats/546048-1.html               |    48 +
 layout/reftests/floats/775350-1-ref.html           |    11 +
 layout/reftests/floats/775350-1.html               |    30 +
 layout/reftests/floats/bfc-displace-1a-ref.html    |    34 +
 layout/reftests/floats/bfc-displace-1a.html        |    37 +
 layout/reftests/floats/bfc-displace-1b-ref.html    |    34 +
 layout/reftests/floats/bfc-displace-1b.html        |    36 +
 layout/reftests/floats/bfc-displace-2a-ref.html    |    40 +
 layout/reftests/floats/bfc-displace-2a.html        |    43 +
 layout/reftests/floats/bfc-displace-2b-ref.html    |    40 +
 layout/reftests/floats/bfc-displace-2b.html        |    42 +
 layout/reftests/floats/bfc-displace-3a-ref.html    |    33 +
 layout/reftests/floats/bfc-displace-3a.html        |    43 +
 layout/reftests/floats/bfc-displace-3b-ref.html    |    34 +
 layout/reftests/floats/bfc-displace-3b.html        |    43 +
 layout/reftests/floats/bfc-displace-4-ref.html     |    31 +
 layout/reftests/floats/bfc-displace-4.html         |    35 +
 layout/reftests/floats/bfc-shrink-1-ref.html       |    35 +
 layout/reftests/floats/bfc-shrink-1.html           |    34 +
 .../floats/border-box-wrap-around-float-ref.html   |    11 +
 .../floats/border-box-wrap-around-float.html       |    13 +
 layout/reftests/floats/float-in-rtl-1-ref.html     |    17 +
 layout/reftests/floats/float-in-rtl-1a.html        |    17 +
 layout/reftests/floats/float-in-rtl-1b.html        |    17 +
 layout/reftests/floats/float-in-rtl-1c.html        |    17 +
 layout/reftests/floats/float-in-rtl-1d.html        |    19 +
 layout/reftests/floats/float-in-rtl-2-ref.html     |    17 +
 layout/reftests/floats/float-in-rtl-2a.html        |    17 +
 layout/reftests/floats/float-in-rtl-2b.html        |    17 +
 layout/reftests/floats/float-in-rtl-2c.html        |    17 +
 layout/reftests/floats/float-in-rtl-2d.html        |    19 +
 layout/reftests/floats/float-in-rtl-3-ref.html     |    17 +
 layout/reftests/floats/float-in-rtl-3a.html        |    17 +
 layout/reftests/floats/float-in-rtl-3b.html        |    17 +
 layout/reftests/floats/float-in-rtl-3c.html        |    17 +
 layout/reftests/floats/float-in-rtl-3d.html        |    19 +
 layout/reftests/floats/float-in-rtl-4-ref.html     |    17 +
 layout/reftests/floats/float-in-rtl-4a.html        |    17 +
 layout/reftests/floats/float-in-rtl-4b.html        |    17 +
 layout/reftests/floats/float-in-rtl-4c.html        |    17 +
 layout/reftests/floats/float-in-rtl-4d.html        |    19 +
 layout/reftests/floats/float-in-rtl-slr-1-ref.html |    21 +
 layout/reftests/floats/float-in-rtl-slr-1a.html    |    21 +
 layout/reftests/floats/float-in-rtl-slr-1b.html    |    21 +
 layout/reftests/floats/float-in-rtl-slr-1c.html    |    21 +
 layout/reftests/floats/float-in-rtl-slr-1d.html    |    23 +
 layout/reftests/floats/float-in-rtl-slr-2-ref.html |    23 +
 layout/reftests/floats/float-in-rtl-slr-2a.html    |    21 +
 layout/reftests/floats/float-in-rtl-slr-2b.html    |    21 +
 layout/reftests/floats/float-in-rtl-slr-2c.html    |    21 +
 layout/reftests/floats/float-in-rtl-slr-2d.html    |    23 +
 layout/reftests/floats/float-in-rtl-slr-3-ref.html |    23 +
 layout/reftests/floats/float-in-rtl-slr-3a.html    |    23 +
 layout/reftests/floats/float-in-rtl-slr-3b.html    |    23 +
 layout/reftests/floats/float-in-rtl-slr-3c.html    |    23 +
 layout/reftests/floats/float-in-rtl-slr-3d.html    |    25 +
 layout/reftests/floats/float-in-rtl-slr-4-ref.html |    24 +
 layout/reftests/floats/float-in-rtl-slr-4a.html    |    24 +
 layout/reftests/floats/float-in-rtl-slr-4b.html    |    24 +
 layout/reftests/floats/float-in-rtl-slr-4c.html    |    24 +
 layout/reftests/floats/float-in-rtl-slr-4d.html    |    26 +
 layout/reftests/floats/float-in-rtl-vlr-1-ref.html |    24 +
 layout/reftests/floats/float-in-rtl-vlr-1a.html    |    24 +
 layout/reftests/floats/float-in-rtl-vlr-1b.html    |    24 +
 layout/reftests/floats/float-in-rtl-vlr-1c.html    |    24 +
 layout/reftests/floats/float-in-rtl-vlr-1d.html    |    26 +
 layout/reftests/floats/float-in-rtl-vlr-2-ref.html |    26 +
 layout/reftests/floats/float-in-rtl-vlr-2a.html    |    24 +
 layout/reftests/floats/float-in-rtl-vlr-2b.html    |    24 +
 layout/reftests/floats/float-in-rtl-vlr-2c.html    |    24 +
 layout/reftests/floats/float-in-rtl-vlr-2d.html    |    26 +
 layout/reftests/floats/float-in-rtl-vlr-3-ref.html |    26 +
 layout/reftests/floats/float-in-rtl-vlr-3a.html    |    26 +
 layout/reftests/floats/float-in-rtl-vlr-3b.html    |    26 +
 layout/reftests/floats/float-in-rtl-vlr-3c.html    |    26 +
 layout/reftests/floats/float-in-rtl-vlr-3d.html    |    28 +
 layout/reftests/floats/float-in-rtl-vlr-4-ref.html |    26 +
 layout/reftests/floats/float-in-rtl-vlr-4a.html    |    27 +
 layout/reftests/floats/float-in-rtl-vlr-4b.html    |    27 +
 layout/reftests/floats/float-in-rtl-vlr-4c.html    |    27 +
 layout/reftests/floats/float-in-rtl-vlr-4d.html    |    29 +
 layout/reftests/floats/float-in-rtl-vrl-1-ref.html |    24 +
 layout/reftests/floats/float-in-rtl-vrl-1a.html    |    25 +
 layout/reftests/floats/float-in-rtl-vrl-1b.html    |    25 +
 layout/reftests/floats/float-in-rtl-vrl-1c.html    |    25 +
 layout/reftests/floats/float-in-rtl-vrl-1d.html    |    27 +
 layout/reftests/floats/float-in-rtl-vrl-2-ref.html |    26 +
 layout/reftests/floats/float-in-rtl-vrl-2a.html    |    25 +
 layout/reftests/floats/float-in-rtl-vrl-2b.html    |    25 +
 layout/reftests/floats/float-in-rtl-vrl-2c.html    |    25 +
 layout/reftests/floats/float-in-rtl-vrl-2d.html    |    27 +
 layout/reftests/floats/float-in-rtl-vrl-3-ref.html |    26 +
 layout/reftests/floats/float-in-rtl-vrl-3a.html    |    26 +
 layout/reftests/floats/float-in-rtl-vrl-3b.html    |    26 +
 layout/reftests/floats/float-in-rtl-vrl-3c.html    |    26 +
 layout/reftests/floats/float-in-rtl-vrl-3d.html    |    28 +
 layout/reftests/floats/float-in-rtl-vrl-4-ref.html |    26 +
 layout/reftests/floats/float-in-rtl-vrl-4a.html    |    27 +
 layout/reftests/floats/float-in-rtl-vrl-4b.html    |    27 +
 layout/reftests/floats/float-in-rtl-vrl-4c.html    |    27 +
 layout/reftests/floats/float-in-rtl-vrl-4d.html    |    29 +
 .../floats/float-outside-block-push-ref.html       |    21 +
 .../reftests/floats/float-outside-block-push.html  |    25 +
 .../reftests/floats/orthogonal-floats-1-ref.html   |    39 +
 layout/reftests/floats/orthogonal-floats-1a.html   |    54 +
 layout/reftests/floats/orthogonal-floats-1b.html   |    54 +
 layout/reftests/floats/orthogonal-floats-1c.html   |    56 +
 layout/reftests/floats/orthogonal-floats-1d.html   |    56 +
 .../other-float-outside-rule-3-left-2-ref.html     |     5 +
 .../floats/other-float-outside-rule-3-left-2.html  |    30 +
 .../other-float-outside-rule-3-left-ref.html       |     6 +
 .../floats/other-float-outside-rule-3-left.html    |    30 +
 .../other-float-outside-rule-3-right-2-ref.html    |     5 +
 .../floats/other-float-outside-rule-3-right-2.html |    30 +
 .../other-float-outside-rule-3-right-ref.html      |     5 +
 .../floats/other-float-outside-rule-3-right.html   |    30 +
 .../other-float-outside-rule-7-left-ref.html       |     5 +
 .../floats/other-float-outside-rule-7-left.html    |    32 +
 .../other-float-outside-rule-7-right-ref.html      |     5 +
 .../floats/other-float-outside-rule-7-right.html   |    32 +
 layout/reftests/floats/reftest.list                |   114 +
 layout/reftests/floats/relative-float-1-ref.html   |    20 +
 layout/reftests/floats/relative-float-1.html       |    21 +
 layout/reftests/floats/relative-float-2-ref.html   |    44 +
 layout/reftests/floats/relative-float-2.html       |    37 +
 layout/reftests/floats/zero-height-float-base.html |    18 +
 layout/reftests/floats/zero-height-float-ref.html  |    10 +
 layout/reftests/floats/zero-height-float.html      |    18 +
 layout/reftests/font-face/486974-1.html            |    24 +
 .../font-face/507960-1-bad-checksums-ttf.html      |    16 +
 .../font-face/507960-1-bad-checksums-woff.html     |    16 +
 .../font-face/507960-1-bad-offset-woff.html        |    16 +
 .../font-face/507960-1-bad-sfnt-version-ttf.html   |    16 +
 .../font-face/507960-1-bad-sfnt-version-woff.html  |    16 +
 .../reftests/font-face/507960-1-bad-woff-sig.html  |    16 +
 layout/reftests/font-face/507960-1-nofont.html     |    11 +
 layout/reftests/font-face/507960-1-ref.html        |    16 +
 .../reftests/font-face/507960-1-woff-bad-hint.html |    16 +
 layout/reftests/font-face/507960-1-woff-hint.html  |    16 +
 layout/reftests/font-face/507960-1-woff.html       |    16 +
 .../534352-1-extra-cmap-sentinel-ref.html          |    12 +
 .../font-face/534352-1-extra-cmap-sentinel.html    |    19 +
 layout/reftests/font-face/CAhem.ttf                |   Bin 0 -> 13620 bytes
 layout/reftests/font-face/ahem-metrics-1-ref.html  |     8 +
 layout/reftests/font-face/ahem-metrics-1.html      |     8 +
 .../font-face/bug-1481905-cancel-load-ref.html     |    11 +
 .../font-face/bug-1481905-cancel-load.html         |    22 +
 .../reftests/font-face/bug-1481905-cancel-load.sjs |   223 +
 layout/reftests/font-face/bug533251-ref.html       |    25 +
 layout/reftests/font-face/bug533251.html           |    31 +
 layout/reftests/font-face/cjkcisvs-1-ref.html      |    22 +
 layout/reftests/font-face/cjkcisvs-1.html          |    22 +
 layout/reftests/font-face/color-1-notref.html      |    20 +
 layout/reftests/font-face/color-1-ref.html         |    21 +
 layout/reftests/font-face/color-1a.html            |    20 +
 layout/reftests/font-face/color-1b.html            |    21 +
 layout/reftests/font-face/color-2-notref.html      |    20 +
 layout/reftests/font-face/color-2-ref.html         |    20 +
 layout/reftests/font-face/color-2a.html            |    20 +
 layout/reftests/font-face/colrv1-01-ref.html       |    43 +
 layout/reftests/font-face/colrv1-01.html           |    16 +
 layout/reftests/font-face/colrv1-02.html           |    17 +
 layout/reftests/font-face/colrv1-02a-ref.html      |    13 +
 layout/reftests/font-face/colrv1-02b-ref.html      |    13 +
 layout/reftests/font-face/colrv1-03-ref.html       |    19 +
 layout/reftests/font-face/colrv1-03.html           |    23 +
 layout/reftests/font-face/colrv1-04-ref.html       |    24 +
 layout/reftests/font-face/colrv1-04.html           |    27 +
 layout/reftests/font-face/colrv1-05-ref.html       |    89 +
 layout/reftests/font-face/colrv1-05.html           |    27 +
 layout/reftests/font-face/colrv1-06-ref.html       |    39 +
 layout/reftests/font-face/colrv1-06.html           |    42 +
 layout/reftests/font-face/colrv1-07-ref.html       |    21 +
 layout/reftests/font-face/colrv1-07.html           |    23 +
 layout/reftests/font-face/colrv1-08-ref.html       |    44 +
 layout/reftests/font-face/colrv1-08.html           |    32 +
 layout/reftests/font-face/colrv1-09-ref.html       |    15 +
 layout/reftests/font-face/colrv1-09.html           |    15 +
 .../reftests/font-face/cross-iframe-1-inner-1.html |    26 +
 .../reftests/font-face/cross-iframe-1-inner-2.html |    26 +
 layout/reftests/font-face/cross-iframe-1-ref.html  |    37 +
 layout/reftests/font-face/cross-iframe-1.html      |    32 +
 layout/reftests/font-face/delete-rule-1-ref.html   |    13 +
 layout/reftests/font-face/delete-rule-1.html       |    42 +
 layout/reftests/font-face/disable-sheet-1-ref.html |    13 +
 layout/reftests/font-face/disable-sheet-1.html     |    34 +
 layout/reftests/font-face/disable-sheet-4-ref.html |    26 +
 layout/reftests/font-face/disable-sheet-4.html     |    44 +
 layout/reftests/font-face/disable-sheet-5.html     |    44 +
 layout/reftests/font-face/download-1-notref.html   |    18 +
 layout/reftests/font-face/download-1.html          |    23 +
 layout/reftests/font-face/download-2-big-otf.html  |    23 +
 layout/reftests/font-face/download-2-big.html      |    23 +
 layout/reftests/font-face/download-2-ref.html      |    23 +
 layout/reftests/font-face/download-2.html          |    23 +
 layout/reftests/font-face/download-3-notref.html   |    27 +
 layout/reftests/font-face/download-3-ref.html      |    38 +
 layout/reftests/font-face/download-3.html          |    40 +
 .../font-face/dynamic-duplicate-rule-1-ref.html    |    35 +
 .../font-face/dynamic-duplicate-rule-1a.html       |    65 +
 .../font-face/dynamic-duplicate-rule-1b.html       |    59 +
 .../font-face/dynamic-duplicate-rule-1c.html       |    85 +
 layout/reftests/font-face/enable-sheet-1-ref.html  |    26 +
 layout/reftests/font-face/enable-sheet-1.html      |    38 +
 layout/reftests/font-face/enable-sheet-2.html      |    47 +
 layout/reftests/font-face/enable-sheet-3.html      |    47 +
 layout/reftests/font-face/enable-sheet-4-ref.html  |    26 +
 layout/reftests/font-face/enable-sheet-4.html      |    46 +
 layout/reftests/font-face/enable-sheet-5.html      |    46 +
 layout/reftests/font-face/enable-sheet-6.html      |    46 +
 layout/reftests/font-face/enable-sheet-7.html      |    46 +
 layout/reftests/font-face/ex-unit-1-dynamic.html   |    20 +
 layout/reftests/font-face/ex-unit-1-ref.html       |     7 +
 layout/reftests/font-face/ex-unit-1.html           |     7 +
 .../font-face/fallback-to-system-1-ref.html        |    24 +
 .../reftests/font-face/fallback-to-system-1.html   |    31 +
 layout/reftests/font-face/font-display-1-ref.html  |    46 +
 layout/reftests/font-face/font-display-1.html      |    71 +
 layout/reftests/font-face/font-display-2-ref.html  |    46 +
 layout/reftests/font-face/font-display-2.html      |    71 +
 .../reftests/font-face/font-error-404-1-ref.html   |    14 +
 layout/reftests/font-face/font-error-404-1.html    |    19 +
 .../reftests/font-face/font-error-404-2-ref.html   |    18 +
 layout/reftests/font-face/font-error-404-2.html    |    19 +
 .../font-familiy-whitespace-1-notref.html          |     9 +
 .../font-face/font-familiy-whitespace-1-ref.html   |     9 +
 .../font-face/font-familiy-whitespace-1.html       |     9 +
 layout/reftests/font-face/font-redirect.html       |    23 +
 .../font-face/helveticaneue-ultra-ref.html         |    37 +
 layout/reftests/font-face/helveticaneue-ultra.html |    31 +
 layout/reftests/font-face/insert-rule-1-ref.html   |    20 +
 layout/reftests/font-face/insert-rule-1a.html      |    30 +
 layout/reftests/font-face/insert-rule-1b.html      |    30 +
 layout/reftests/font-face/ivs-1-ref.html           |    14 +
 layout/reftests/font-face/ivs-1.html               |    14 +
 .../reftests/font-face/load-badchecksum-ref.html   |    32 +
 layout/reftests/font-face/load-badchecksum.html    |    32 +
 .../reftests/font-face/load-badfullname-ref.html   |    35 +
 layout/reftests/font-face/load-badfullname.html    |    40 +
 layout/reftests/font-face/local-1-ref.html         |    23 +
 layout/reftests/font-face/local-1.html             |    63 +
 layout/reftests/font-face/local-styled-1-ref.html  |    34 +
 layout/reftests/font-face/local-styled-1.html      |    52 +
 .../reftests/font-face/media-query-add-1-ref.html  |    23 +
 layout/reftests/font-face/media-query-add-1.html   |    27 +
 layout/reftests/font-face/media-query-inner-1.html |    34 +
 .../font-face/media-query-remove-1-ref.html        |    18 +
 .../reftests/font-face/media-query-remove-1.html   |    27 +
 layout/reftests/font-face/meiryo-en-bold.html      |     9 +
 .../reftests/font-face/meiryo-en-bolditalic.html   |     9 +
 layout/reftests/font-face/meiryo-en-italic.html    |     9 +
 layout/reftests/font-face/meiryo-en-oblique.html   |     9 +
 layout/reftests/font-face/meiryo-en.html           |     9 +
 layout/reftests/font-face/meiryo-ja-bold.html      |     9 +
 .../reftests/font-face/meiryo-ja-bolditalic.html   |     9 +
 layout/reftests/font-face/meiryo-ja-italic.html    |     9 +
 layout/reftests/font-face/meiryo-ja-oblique.html   |     9 +
 layout/reftests/font-face/meiryo-ja.html           |     9 +
 layout/reftests/font-face/missing-names-ref.html   |    32 +
 layout/reftests/font-face/missing-names.html       |    40 +
 .../font-face/multiple-descriptor-1-notref.html    |    14 +
 .../font-face/multiple-descriptor-1-ref.html       |    24 +
 .../reftests/font-face/multiple-descriptor-1.html  |    26 +
 .../font-face/multiple-in-family-1-notref.html     |    26 +
 .../font-face/multiple-in-family-1-ref.html        |    34 +
 .../reftests/font-face/multiple-in-family-1.html   |    31 +
 .../reftests/font-face/multiple-in-family-1b.html  |    33 +
 .../font-face/name-collision-bad-url-ref.html      |    57 +
 .../reftests/font-face/name-collision-bad-url.html |   154 +
 layout/reftests/font-face/name-collision-ref.html  |    68 +
 .../name-collision-with-prefs-font-ref.html        |    29 +
 .../font-face/name-collision-with-prefs-font.html  |    65 +
 layout/reftests/font-face/name-collision.html      |   154 +
 layout/reftests/font-face/name-override-1-ref.html |    23 +
 layout/reftests/font-face/name-override-1.html     |    23 +
 .../font-face/name-override-simple-1-ref.html      |    23 +
 .../reftests/font-face/name-override-simple-1.html |    23 +
 layout/reftests/font-face/order-1-ref.html         |    23 +
 layout/reftests/font-face/order-1.html             |    28 +
 layout/reftests/font-face/order-2-ref.html         |    28 +
 layout/reftests/font-face/order-2.html             |    38 +
 layout/reftests/font-face/order-3-ref.html         |    28 +
 layout/reftests/font-face/order-3.html             |    38 +
 .../font-face/prop-order-over-rule-order-1a.html   |    28 +
 .../font-face/prop-order-over-rule-order-1b.html   |    28 +
 .../font-face/prop-order-over-rule-order-2a.html   |    28 +
 .../font-face/prop-order-over-rule-order-2b.html   |    28 +
 .../reftests/font-face/reflow-sanity-1-data.html   |    54 +
 layout/reftests/font-face/reflow-sanity-1-ref.html |    35 +
 layout/reftests/font-face/reflow-sanity-1.html     |    54 +
 .../font-face/reflow-sanity-delay-1-metrics.html   |    54 +
 .../reftests/font-face/reflow-sanity-delay-1a.html |    54 +
 .../reftests/font-face/reflow-sanity-delay-1b.html |    54 +
 .../reftests/font-face/reflow-sanity-delay-1c.html |    54 +
 layout/reftests/font-face/reftest.list             |   249 +
 .../reftests/font-face/resize-detector-iframe.html |    32 +
 .../font-face/restore-size-detector-iframe.html    |    32 +
 .../reftests/font-face/sheet-set-base-1-ref.html   |    26 +
 layout/reftests/font-face/sheet-set-base-1.html    |    34 +
 .../reftests/font-face/sheet-set-switch-1-ref.html |    28 +
 layout/reftests/font-face/sheet-set-switch-1.html  |    49 +
 layout/reftests/font-face/src-list-1-ref.html      |    23 +
 layout/reftests/font-face/src-list-1.html          |    23 +
 layout/reftests/font-face/src-list-2-big-otf.html  |    23 +
 layout/reftests/font-face/src-list-2-big-ref.html  |    23 +
 layout/reftests/font-face/src-list-2-ref.html      |    23 +
 layout/reftests/font-face/src-list-2.html          |    23 +
 .../font-face/src-list-actual-font-ref.html        |    21 +
 layout/reftests/font-face/src-list-data-1.html     |    21 +
 layout/reftests/font-face/src-list-data-2.html     |    21 +
 layout/reftests/font-face/src-list-data-3.html     |    35 +
 layout/reftests/font-face/src-list-data-4.html     |    35 +
 layout/reftests/font-face/src-list-data-ref.html   |    21 +
 .../reftests/font-face/src-list-format-1-ref.html  |    23 +
 layout/reftests/font-face/src-list-format-1.html   |    23 +
 .../reftests/font-face/src-list-format-2-ref.html  |    23 +
 layout/reftests/font-face/src-list-format-2.html   |    23 +
 .../reftests/font-face/src-list-format-3-ref.html  |    23 +
 layout/reftests/font-face/src-list-format-4.html   |    24 +
 layout/reftests/font-face/src-list-format-5.html   |    24 +
 layout/reftests/font-face/src-list-format-7.html   |    23 +
 .../font-face/src-list-local-fallback-ref.html     |    41 +
 .../font-face/src-list-local-fallback.html         |    70 +
 .../font-face/src-list-local-full-quotes.html      |    52 +
 .../font-face/src-list-local-full-ref.html         |    39 +
 layout/reftests/font-face/src-list-local-full.html |    52 +
 .../font-face/src-list-local-localized-ref.html    |   378 +
 .../font-face/src-list-local-localized.html        |   939 +
 layout/reftests/font-face/src-list-local-ps.html   |    57 +
 .../font-face/synthetic-variations-ref.html        |    81 +
 .../reftests/font-face/synthetic-variations.html   |   140 +
 .../font-face/synthetic-weight-style-ref.html      |   120 +
 .../reftests/font-face/synthetic-weight-style.html |   165 +
 .../font-face/underline-offset-change-1-ref.html   |    25 +
 .../font-face/underline-offset-change-1.html       |    45 +
 .../font-face/underline-offset-change-2-ref.html   |    25 +
 .../font-face/underline-offset-change-2.html       |    45 +
 layout/reftests/font-face/unicoderange-1-ref.html  |    34 +
 layout/reftests/font-face/unicoderange-1.html      |    48 +
 layout/reftests/font-face/unicoderange-2-ref.html  |    34 +
 layout/reftests/font-face/unicoderange-2.html      |    58 +
 layout/reftests/font-face/unicoderange-3-ref.html  |    34 +
 layout/reftests/font-face/unicoderange-3.html      |    48 +
 layout/reftests/font-face/unicoderange-4-ref.html  |    34 +
 layout/reftests/font-face/unicoderange-4.html      |    42 +
 .../font-face/variation-format-hint-1A-ref.html    |    17 +
 .../variation-format-hint-1B-otf-ref.html          |    17 +
 .../variation-format-hint-1B-ttf-ref.html          |    17 +
 .../variation-format-hint-1B-woff-ref.html         |    17 +
 .../variation-format-hint-1B-woff2-ref.html        |    17 +
 .../font-face/variation-format-hint-1a.html        |    20 +
 .../font-face/variation-format-hint-1b.html        |    20 +
 .../font-face/variation-format-hint-1c.html        |    20 +
 .../font-face/variation-format-hint-1d.html        |    20 +
 layout/reftests/font-face/woff2-1-ref.html         |    20 +
 layout/reftests/font-face/woff2-1.html             |    20 +
 .../font-face/woff2-totalsfntsize-ref.html         |    29 +
 layout/reftests/font-face/woff2-totalsfntsize.html |    29 +
 .../1376231-vertical-gpos-adjustments-ref.html     |    47 +
 .../1376231-vertical-gpos-adjustments.html         |    75 +
 .../font-features/alternates-order-ref.html        |    30 +
 .../reftests/font-features/alternates-order.html   |   116 +
 layout/reftests/font-features/annotations-ref.html |    71 +
 layout/reftests/font-features/annotations.html     |    51 +
 .../font-features/caps-fallback-allpetitecaps.html |    30 +
 .../font-features/caps-fallback-allsmallcaps.html  |    30 +
 .../font-features/caps-fallback-default.html       |    29 +
 .../font-features/caps-fallback-petitecaps.html    |    30 +
 .../font-features/caps-fallback-smallcaps1.html    |    30 +
 .../font-features/caps-fallback-smallcaps2.html    |    30 +
 .../reftests/font-features/caps-fallback-smcp.html |    30 +
 .../font-features/caps-fallback-smcpc2sc.html      |    30 +
 .../font-features-across-space-1-ref.html          |    44 +
 .../font-features-across-space-1.html              |    44 +
 .../font-features/font-features-hlig-2.html        |    19 +
 .../font-features/font-features-hlig-3.html        |    20 +
 .../font-features/font-features-hlig-4.html        |    20 +
 .../font-features/font-features-hlig-5.html        |    20 +
 .../reftests/font-features/font-features-hlig.html |    19 +
 .../font-features-ligatures-none.html              |    20 +
 .../font-features/font-features-noliga.html        |    19 +
 .../font-features/font-features-order-1.html       |    20 +
 .../font-features/font-features-order-2.html       |    20 +
 .../font-features/font-features-order-3.html       |    22 +
 .../font-features/font-features-order-4.html       |    22 +
 .../font-features/font-features-order-5.html       |    24 +
 .../reftests/font-features/font-features-ref.html  |    18 +
 .../font-features-turkish-override-1.html          |    19 +
 .../font-features-turkish-override-2.html          |    19 +
 .../font-features-turkish-override-3.html          |    19 +
 .../font-features-turkish-override-4.html          |    19 +
 .../font-features-turkish-override-5.html          |    20 +
 .../font-features/font-features-turkish-ref.html   |    18 +
 .../font-features/font-features-turkish.html       |    18 +
 layout/reftests/font-features/font-kerning-1.html  |    26 +
 layout/reftests/font-features/font-kerning-2.html  |    26 +
 layout/reftests/font-features/font-kerning-3.html  |    23 +
 .../reftests/font-features/font-kerning-auto.html  |    23 +
 .../reftests/font-features/font-kerning-kern.html  |    23 +
 .../font-features/font-kerning-nokern.html         |    23 +
 .../reftests/font-features/font-kerning-none.html  |    23 +
 .../font-features/font-kerning-normal.html         |    23 +
 .../font-features/font-kerning-table-none.html     |    24 +
 .../font-features/font-kerning-table-normal.html   |    23 +
 .../font-features/font-variant-alternates-ref.html |    20 +
 .../font-features/font-variant-alternates.html     |    20 +
 .../font-features/font-variant-caps-ref.html       |    16 +
 .../reftests/font-features/font-variant-caps.html  |    16 +
 .../reftests/font-features/font-variant-debug.html |    16 +
 .../font-features/font-variant-east-asian-ref.html |    16 +
 .../font-features/font-variant-east-asian.html     |    16 +
 .../font-features/font-variant-features.css        |    66 +
 .../font-features/font-variant-features.js         |   287 +
 .../font-features/font-variant-ligatures-ref.html  |    16 +
 .../font-features/font-variant-ligatures.html      |    16 +
 .../font-features/font-variant-numeric-ref.html    |    16 +
 .../font-features/font-variant-numeric.html        |    16 +
 .../font-features/font-variant-position-ref.html   |    16 +
 .../font-features/font-variant-position.html       |    16 +
 .../reftests/font-features/font-variant-ref.html   |    16 +
 layout/reftests/font-features/font-variant.html    |    16 +
 layout/reftests/font-features/fwid-spaces-ref.html |    37 +
 layout/reftests/font-features/fwid-spaces.html     |    39 +
 .../kerning-sanity-check-default.html              |    37 +
 .../font-features/kerning-sanity-check-kern.html   |    38 +
 .../font-features/kerning-sanity-check-nokern.html |    38 +
 .../kerning-spaces-arial-default.html              |    44 +
 .../font-features/kerning-spaces-arial-kern.html   |    45 +
 .../font-features/kerning-spaces-arial-nokern.html |    45 +
 .../font-features/kerning-spaces-tnr-default.html  |    46 +
 .../font-features/kerning-spaces-tnr-kern.html     |    47 +
 .../font-features/kerning-spaces-tnr-nokern.html   |    47 +
 layout/reftests/font-features/reftest.list         |   125 +
 .../small-caps-missing-capital-ref.html            |    23 +
 .../font-features/small-caps-missing-capital.html  |    25 +
 .../reftests/font-features/spacelookups-ref.html   |    33 +
 .../font-features/spacelookups-wordcache-ref.html  |    81 +
 .../font-features/spacelookups-wordcache.html      |    76 +
 layout/reftests/font-features/spacelookups.html    |    82 +
 .../font-features/subsuper-fallback-notref1.html   |    32 +
 .../font-features/subsuper-fallback-notref2.html   |    32 +
 .../font-features/subsuper-fallback-notref3.html   |    41 +
 .../subsuper-fallback-omega-notref.html            |    30 +
 .../font-features/subsuper-fallback-omega.html     |    32 +
 .../font-features/subsuper-fallback-ref.html       |    34 +
 .../font-features/subsuper-fallback-size-ref.html  |    36 +
 .../font-features/subsuper-fallback-size.html      |    37 +
 .../reftests/font-features/subsuper-fallback.html  |    34 +
 .../font-features/subsuper-nofallback-notref.html  |    34 +
 .../font-features/subsuper-nofallback-ref1.html    |    43 +
 .../font-features/subsuper-nofallback-ref2.html    |    35 +
 .../font-features/subsuper-nofallback.html         |    36 +
 .../font-inflation/bug707855-innerFrame-ref.html   |     0
 .../font-inflation/bug707855-innerFrame.html       |     0
 layout/reftests/font-inflation/bug707855-ref.html  |     0
 layout/reftests/font-inflation/bug707855.html      |     0
 layout/reftests/font-inflation/bullet-1-ref.html   |     9 +
 layout/reftests/font-inflation/bullet-1.html       |     9 +
 .../font-inflation/consecutive-inline-ref.html     |    31 +
 .../font-inflation/consecutive-inline.html         |    31 +
 .../container-with-clamping-innerFrame-ref.html    |    15 +
 .../container-with-clamping-innerFrame.html        |    15 +
 .../container-with-clamping-ref.html               |    16 +
 .../font-inflation/container-with-clamping.html    |    12 +
 .../font-inflation/css-transform-1-ref.html        |     6 +
 .../reftests/font-inflation/css-transform-1.html   |    10 +
 .../font-inflation/css-transform-2-ref.html        |     6 +
 .../reftests/font-inflation/css-transform-2.html   |    10 +
 .../reftests/font-inflation/decoration-1-ref.html  |     8 +
 layout/reftests/font-inflation/decoration-1.html   |    13 +
 .../disable-fontinfl-on-mobile-2.html              |    20 +
 .../disable-fontinfl-on-mobile-3.html              |    20 +
 .../disable-fontinfl-on-mobile-5.html              |    18 +
 .../disable-fontinfl-on-mobile-ref.html            |    19 +
 .../font-inflation/disable-fontinfl-on-mobile.html |    21 +
 .../fixed-height-body-child-ref.html               |    34 +
 .../font-inflation/fixed-height-body-child.html    |    34 +
 .../font-inflation/fixed-height-body-ref.html      |    25 +
 .../reftests/font-inflation/fixed-height-body.html |    25 +
 .../fixed-width-body-viewport-ref.html             |    27 +
 .../font-inflation/fixed-width-body-viewport.html  |    26 +
 .../fixed-width-viewport-inflation-ref.html        |    23 +
 .../fixed-width-viewport-inflation.html            |    23 +
 .../fixed-width-viewport-no-inflation.html         |    22 +
 .../form-button-fixed-height-ref.html              |    20 +
 .../font-inflation/form-button-fixed-height.html   |    27 +
 .../form-button-fixed-width-ref.html               |    20 +
 .../font-inflation/form-button-fixed-width.html    |    27 +
 .../reftests/font-inflation/form-button-ref.html   |    19 +
 layout/reftests/font-inflation/form-button.html    |    26 +
 .../height-constraint-percent-1-ref.html           |    17 +
 .../height-constraint-percent-1.html               |    17 +
 .../height-constraint-percent-2-ref.html           |    17 +
 .../height-constraint-percent-2.html               |    17 +
 .../height-constraint-percent-3-ref.html           |    17 +
 .../height-constraint-percent-3.html               |    17 +
 .../height-constraint-percent-4-ref.html           |    20 +
 .../height-constraint-percent-4.html               |    20 +
 .../height-constraint-percent-5-ref.html           |    20 +
 .../height-constraint-percent-5.html               |    20 +
 .../height-constraint-percent-6-ref.html           |    16 +
 .../height-constraint-percent-6.html               |    16 +
 .../height-constraint-percent-7-ref.html           |    16 +
 .../height-constraint-percent-7.html               |    16 +
 .../height-constraint-percent-8-ref.html           |    20 +
 .../height-constraint-percent-8.html               |    20 +
 layout/reftests/font-inflation/input-checkbox.html |    15 +
 layout/reftests/font-inflation/input-radio.html    |     7 +
 .../font-inflation/input-text-1-height-ref.html    |    11 +
 .../font-inflation/input-text-1-height.html        |    11 +
 .../font-inflation/input-text-1-noheight-ref.html  |    11 +
 .../font-inflation/input-text-1-noheight.html      |    11 +
 .../font-inflation/input-text-2-height-ref.html    |    11 +
 .../font-inflation/input-text-2-height.html        |    11 +
 .../font-inflation/input-text-2-noheight-ref.html  |    10 +
 .../font-inflation/input-text-2-noheight.html      |    10 +
 .../font-inflation/input-text-3-height-ref.html    |    11 +
 .../font-inflation/input-text-3-height.html        |    11 +
 .../font-inflation/input-text-3-noheight-ref.html  |    10 +
 .../font-inflation/input-text-3-noheight.html      |    10 +
 .../font-inflation/intrinsic-fit-1a-ref.html       |    17 +
 .../reftests/font-inflation/intrinsic-fit-1a.html  |    17 +
 .../font-inflation/intrinsic-fit-1b-ref.html       |    18 +
 .../reftests/font-inflation/intrinsic-fit-1b.html  |    18 +
 .../font-inflation/intrinsic-fit-1c-ref.html       |    18 +
 .../reftests/font-inflation/intrinsic-fit-1c.html  |    18 +
 .../reftests/font-inflation/intrinsic-fit-2a.html  |    18 +
 .../reftests/font-inflation/intrinsic-fit-2b.html  |    19 +
 .../reftests/font-inflation/intrinsic-fit-2c.html  |    19 +
 .../font-inflation/intrinsic-max-1-ref.html        |    14 +
 .../reftests/font-inflation/intrinsic-max-1.html   |    18 +
 .../font-inflation/intrinsic-min-1-ref.html        |    17 +
 .../reftests/font-inflation/intrinsic-min-1.html   |    14 +
 layout/reftests/font-inflation/list-1-ref.html     |    23 +
 layout/reftests/font-inflation/list-1.html         |    20 +
 layout/reftests/font-inflation/maxRatio-1-ref.html |    13 +
 layout/reftests/font-inflation/maxRatio-1.html     |    13 +
 .../font-inflation/min-width-passes-1-ref.html     |    23 +
 .../font-inflation/min-width-passes-1.html         |    25 +
 .../font-inflation/preformatted-text-ref.html      |    22 +
 .../reftests/font-inflation/preformatted-text.html |    22 +
 layout/reftests/font-inflation/reftest.list        |   134 +
 .../font-inflation/relevant-width-1-ref.html       |     9 +
 .../reftests/font-inflation/relevant-width-1.html  |    16 +
 .../relevant-width-overflow-1-ref.html             |     9 +
 .../font-inflation/relevant-width-overflow-1.html  |    16 +
 .../font-inflation/select-combobox-1-ref.html      |    10 +
 .../reftests/font-inflation/select-combobox-1.html |    10 +
 .../font-inflation/select-combobox-2-ref.html      |    21 +
 .../reftests/font-inflation/select-combobox-2.html |    21 +
 .../font-inflation/select-combobox-3-ref.html      |    10 +
 .../reftests/font-inflation/select-combobox-3.html |    10 +
 .../font-inflation/select-listbox-1-ref.html       |    10 +
 .../reftests/font-inflation/select-listbox-1.html  |    10 +
 .../font-inflation/select-listbox-2-ref.html       |    21 +
 .../reftests/font-inflation/select-listbox-2.html  |    21 +
 layout/reftests/font-inflation/text-1-ref.html     |     6 +
 layout/reftests/font-inflation/text-1.html         |    10 +
 layout/reftests/font-inflation/text-2-ref.html     |     6 +
 layout/reftests/font-inflation/text-2.html         |    10 +
 layout/reftests/font-inflation/text-3-ref.html     |     7 +
 layout/reftests/font-inflation/text-3.html         |    11 +
 layout/reftests/font-inflation/text-4-ref.html     |     7 +
 layout/reftests/font-inflation/text-4.html         |    11 +
 layout/reftests/font-inflation/textarea-1-ref.html |    11 +
 layout/reftests/font-inflation/textarea-1.html     |    11 +
 layout/reftests/font-inflation/textarea-2-ref.html |    11 +
 layout/reftests/font-inflation/textarea-2.html     |    11 +
 layout/reftests/font-inflation/textarea-3-ref.html |    11 +
 layout/reftests/font-inflation/textarea-3.html     |    11 +
 layout/reftests/font-inflation/threshold-1a.html   |    11 +
 .../reftests/font-inflation/threshold-1b-ref.html  |    18 +
 layout/reftests/font-inflation/threshold-1b.html   |    18 +
 .../reftests/font-inflation/threshold-1c-ref.html  |    18 +
 layout/reftests/font-inflation/threshold-1c.html   |    18 +
 .../reftests/font-inflation/threshold-2-ref.html   |    18 +
 layout/reftests/font-inflation/threshold-2.html    |    18 +
 .../reftests/font-inflation/threshold-3-ref.html   |    20 +
 layout/reftests/font-inflation/threshold-3.html    |    20 +
 .../threshold-input-text-contents-at-1-ref.html    |    19 +
 .../threshold-input-text-contents-at-1.html        |    19 +
 .../threshold-input-text-contents-at-2-ref.html    |    19 +
 .../threshold-input-text-contents-at-2.html        |    19 +
 .../threshold-input-text-contents-under-1.html     |    19 +
 .../threshold-input-text-contents-under-2.html     |    19 +
 .../font-inflation/threshold-scope-cell-1-ref.html |    31 +
 .../font-inflation/threshold-scope-cell-1.html     |    31 +
 .../font-inflation/threshold-scope-cell-2-ref.html |    31 +
 .../font-inflation/threshold-scope-cell-2.html     |    31 +
 .../font-inflation/threshold-scope-cell-3-ref.html |    29 +
 .../font-inflation/threshold-scope-cell-3.html     |    29 +
 .../threshold-scope-flex-container-1.html          |    40 +
 .../threshold-scope-flex-container-2.html          |    40 +
 .../threshold-scope-flex-container-items-1.html    |    38 +
 .../threshold-scope-flex-container-items-2.html    |    38 +
 .../threshold-scope-float-1-ref.html               |    23 +
 .../font-inflation/threshold-scope-float-1.html    |    23 +
 .../threshold-scope-float-2-ref.html               |    23 +
 .../font-inflation/threshold-scope-float-2.html    |    23 +
 .../threshold-scope-float-overflow-1-ref.html      |    23 +
 .../threshold-scope-float-overflow-1.html          |    23 +
 .../threshold-scope-float-overflow-2-ref.html      |    23 +
 .../threshold-scope-float-overflow-2.html          |    23 +
 .../threshold-scope-grid-container-1.html          |    40 +
 .../threshold-scope-grid-container-items-1.html    |    38 +
 ...hreshold-select-combobox-contents-at-1-ref.html |    23 +
 .../threshold-select-combobox-contents-at-1.html   |    23 +
 ...hreshold-select-combobox-contents-at-2-ref.html |    23 +
 .../threshold-select-combobox-contents-at-2.html   |    23 +
 ...threshold-select-combobox-contents-under-1.html |    23 +
 ...threshold-select-combobox-contents-under-2.html |    23 +
 ...threshold-select-listbox-contents-at-1-ref.html |    23 +
 .../threshold-select-listbox-contents-at-1.html    |    23 +
 ...threshold-select-listbox-contents-at-2-ref.html |    23 +
 .../threshold-select-listbox-contents-at-2.html    |    23 +
 .../threshold-select-listbox-contents-under-1.html |    23 +
 .../threshold-select-listbox-contents-under-2.html |    23 +
 .../threshold-textarea-contents-at-1-ref.html      |    21 +
 .../threshold-textarea-contents-at-1.html          |    21 +
 .../threshold-textarea-contents-at-2-ref.html      |    21 +
 .../threshold-textarea-contents-at-2.html          |    21 +
 .../threshold-textarea-contents-under-1.html       |    21 +
 .../threshold-textarea-contents-under-2.html       |    21 +
 layout/reftests/font-inflation/video-1.html        |     2 +
 .../reftests/font-inflation/xul-reflow-1-ref.html  |    18 +
 layout/reftests/font-inflation/xul-reflow-1.html   |    21 +
 .../font-loading-api/dynamic-insert-1-ref.html     |     9 +
 .../font-loading-api/dynamic-insert-1.html         |    15 +
 .../font-loading-api/dynamic-remove-1-ref.html     |     9 +
 .../font-loading-api/dynamic-remove-1.html         |    24 +
 layout/reftests/font-loading-api/ex-unit-1.html    |    12 +
 .../font-loading-api/multiple-sets-1-ref.html      |     3 +
 .../reftests/font-loading-api/multiple-sets-1.html |    27 +
 .../font-loading-api/multiple-sets-frame-ref.html  |     8 +
 .../font-loading-api/multiple-sets-frame.html      |     2 +
 .../reftests/font-loading-api/name-collision.html  |    79 +
 layout/reftests/font-loading-api/order-1.html      |    12 +
 layout/reftests/font-loading-api/reftest.list      |     9 +
 layout/reftests/font-loading-api/src-list-1.html   |    11 +
 layout/reftests/font-loading-api/src-list-2.html   |    11 +
 .../reftests/font-loading-api/src-list-data-1.html |    12 +
 layout/reftests/font-matching/1367860-1.htm        |    20 +
 layout/reftests/font-matching/1367860-2.htm        |    20 +
 layout/reftests/font-matching/1367860-3.htm        |    20 +
 layout/reftests/font-matching/1367860-ref.htm      |    15 +
 layout/reftests/font-matching/1394311-ref.htm      |    22 +
 layout/reftests/font-matching/1394311.htm          |    22 +
 layout/reftests/font-matching/1458158-1-ref.html   |    26 +
 layout/reftests/font-matching/1458158-1.html       |    22 +
 layout/reftests/font-matching/1850672-1-ref.html   |    11 +
 layout/reftests/font-matching/1850672-1.html       |    11 +
 .../CSS21-t1502-no-inherited-font-family-ref.xhtml |    43 +
 .../CSS21-t1502-no-inherited-font-family.xhtml     |    61 +
 .../font-matching/apple-symbols-1-notref.html      |    25 +
 layout/reftests/font-matching/apple-symbols-1.html |    25 +
 .../reftests/font-matching/arial-arabic-ref.html   |    25 +
 layout/reftests/font-matching/arial-arabic.html    |    26 +
 .../font-matching/arial-variations-1-ref.html      |    43 +
 .../reftests/font-matching/arial-variations-1.html |    43 +
 .../font-matching/arial-variations-2-ref.html      |    43 +
 .../reftests/font-matching/arial-variations-2.html |    43 +
 .../font-matching/arial-variations-3-ref.html      |    43 +
 .../reftests/font-matching/arial-variations-3.html |    43 +
 .../font-matching/arial-variations-4-ref.html      |    43 +
 .../reftests/font-matching/arial-variations-4.html |    43 +
 .../font-matching/arial-variations-5-ref.html      |    43 +
 .../reftests/font-matching/arial-variations-5.html |    43 +
 .../font-matching/arial-variations-6-ref.html      |    43 +
 .../reftests/font-matching/arial-variations-6.html |    43 +
 .../reftests/font-matching/arialunicode-bold.html  |    10 +
 .../font-matching/arialunicode-bolditalic.html     |    10 +
 .../font-matching/arialunicode-italic.html         |    10 +
 .../font-matching/arialunicode-oblique.html        |    10 +
 layout/reftests/font-matching/arialunicode.html    |    10 +
 .../bold-system-fallback-1-notref.html             |    19 +
 .../font-matching/bold-system-fallback-1.html      |    19 +
 .../bold-system-fallback-2-notref.html             |    19 +
 .../font-matching/bold-system-fallback-2.html      |    19 +
 .../reftests/font-matching/defaultfont-bold.html   |    10 +
 .../font-matching/defaultfont-bolditalic.html      |    10 +
 .../reftests/font-matching/defaultfont-italic.html |    10 +
 .../font-matching/defaultfont-oblique.html         |    10 +
 layout/reftests/font-matching/defaultfont.html     |     9 +
 .../font-matching/defaultjapanese-bold.html        |     9 +
 .../font-matching/defaultjapanese-bolditalic.html  |     9 +
 .../font-matching/defaultjapanese-italic.html      |     9 +
 .../font-matching/defaultjapanese-oblique.html     |    10 +
 layout/reftests/font-matching/defaultjapanese.html |     9 +
 .../font-matching/descriptor-ranges-ref.html       |    19 +
 .../reftests/font-matching/descriptor-ranges.html  |    20 +
 layout/reftests/font-matching/descriptor-ranges.js |    79 +
 .../font-matching/emoji-fallback-1-ref.html        |    21 +
 .../reftests/font-matching/emoji-fallback-1.html   |    20 +
 .../font-matching/emoji-fallback-2-ref.html        |    21 +
 .../reftests/font-matching/emoji-fallback-2.html   |    24 +
 .../font-matching/emoji-fallback-3-ref.html        |    21 +
 .../reftests/font-matching/emoji-fallback-3.html   |    24 +
 .../font-matching/emoji-keycap-2-notref.html       |     3 +
 layout/reftests/font-matching/emoji-keycap-2.html  |     3 +
 .../font-matching/emoji-keycap-notref.html         |    20 +
 layout/reftests/font-matching/emoji-keycap.html    |    20 +
 .../reftests/font-matching/emoji-skintone-ref.html |    19 +
 layout/reftests/font-matching/emoji-skintone.html  |    19 +
 .../font-matching/emoji-subregion-flag-notref.html |     4 +
 .../font-matching/emoji-subregion-flag.html        |     4 +
 .../fallback-respects-generic-1-ref.html           |    12 +
 .../font-matching/fallback-respects-generic-1.html |    12 +
 .../familyname-escapedidents-ref.html              |    16 +
 .../font-matching/familyname-escapedidents.html    |    17 +
 .../font-matching/font-shorthand-stretch-1.html    |    79 +
 .../reftests/font-matching/font-stretch-1-ref.html |    73 +
 layout/reftests/font-matching/font-stretch-1.html  |    79 +
 .../font-matching/font-synthesis-1-ref.html        |    23 +
 .../reftests/font-matching/font-synthesis-1.html   |    23 +
 .../font-matching/font-synthesis-2-ref.html        |    28 +
 .../reftests/font-matching/font-synthesis-2.html   |    28 +
 .../font-matching/hiragino-kaku-1-notref.html      |     2 +
 layout/reftests/font-matching/hiragino-kaku-1.html |     3 +
 .../font-matching/illformed-lang-tags-1.html       |    55 +
 layout/reftests/font-matching/impact-bold.html     |    10 +
 .../reftests/font-matching/impact-bolditalic.html  |    10 +
 layout/reftests/font-matching/impact-italic.html   |    10 +
 layout/reftests/font-matching/impact-oblique.html  |    10 +
 layout/reftests/font-matching/impact.html          |    10 +
 .../reftests/font-matching/italic-oblique-1.html   |    31 +
 .../reftests/font-matching/italic-oblique-2.html   |    31 +
 .../reftests/font-matching/italic-oblique-3.html   |    37 +
 .../reftests/font-matching/italic-oblique-4.html   |    37 +
 .../reftests/font-matching/italic-oblique-5.html   |    37 +
 .../reftests/font-matching/italic-oblique-6.html   |    37 +
 .../reftests/font-matching/italic-oblique-7.html   |    37 +
 .../reftests/font-matching/italic-oblique-8.html   |    43 +
 .../reftests/font-matching/italic-oblique-9.html   |    43 +
 .../font-matching/italic-oblique-kinnari-ref.html  |    37 +
 .../font-matching/italic-oblique-kinnari.html      |    37 +
 .../reftests/font-matching/italic-oblique-ref.html |    24 +
 .../font-matching/legacy-family-names-1-ref.html   |     9 +
 .../font-matching/legacy-family-names-1.html       |     9 +
 .../font-matching/legacy-family-names-2-ref.html   |     9 +
 .../font-matching/legacy-family-names-2.html       |     9 +
 .../localized-family-names-001-ref.html            |    46 +
 .../font-matching/localized-family-names-001.html  |    46 +
 .../localized-family-names-002-ref.html            |    46 +
 .../font-matching/localized-family-names-002.html  |    46 +
 .../localized-family-names-003-ref.html            |    47 +
 .../font-matching/localized-family-names-003.html  |    47 +
 .../localized-family-names-004-ref.html            |    38 +
 .../font-matching/localized-family-names-004.html  |    38 +
 .../reftests/font-matching/lucidaconsole-bold.html |    10 +
 .../font-matching/lucidaconsole-bolditalic.html    |    10 +
 .../font-matching/lucidaconsole-italic.html        |    10 +
 .../font-matching/lucidaconsole-oblique.html       |    10 +
 layout/reftests/font-matching/lucidaconsole.html   |    10 +
 .../font-matching/normalmedium-notref.html         |    42 +
 .../reftests/font-matching/normalmedium-ref.html   |    42 +
 layout/reftests/font-matching/normalmedium.html    |    44 +
 .../font-matching/osaka-mono-exists-ref.html       |    21 +
 .../reftests/font-matching/osaka-mono-exists.html  |    25 +
 layout/reftests/font-matching/osaka-mono-ref.html  |    10 +
 layout/reftests/font-matching/osaka-mono.html      |    10 +
 layout/reftests/font-matching/reftest.list         |   201 +
 .../reftests/font-matching/simple-oblique-ref.html |    33 +
 layout/reftests/font-matching/simple-oblique.html  |    33 +
 .../font-matching/stretchmapping-137-ref.html      |   348 +
 .../reftests/font-matching/stretchmapping-137.html |   268 +
 .../font-matching/stretchmapping-35-ref.html       |   320 +
 .../reftests/font-matching/stretchmapping-35.html  |   240 +
 .../font-matching/stretchmapping-all-ref.html      |   366 +
 .../reftests/font-matching/stretchmapping-all.html |   505 +
 .../font-matching/stretchmapping-reverse-ref.html  |    54 +
 .../font-matching/stretchmapping-reverse.html      |   102 +
 .../font-matching/synthetic-bold-1-ref.html        |    11 +
 .../reftests/font-matching/synthetic-bold-1.html   |    12 +
 .../font-matching/synthetic-bold-2-ref.html        |    11 +
 .../reftests/font-matching/synthetic-bold-2.html   |    12 +
 .../font-matching/synthetic-style-1-notref.html    |    15 +
 .../reftests/font-matching/synthetic-style-1.html  |    19 +
 .../font-matching/synthetic-style-2-notref.html    |    15 +
 .../reftests/font-matching/synthetic-style-2.html  |    19 +
 .../font-matching/syntheticbold-rotated-ref.html   |    35 +
 .../font-matching/syntheticbold-rotated.html       |    36 +
 .../reftests/font-matching/system-font-pref.html   |     2 +
 .../system-generic-fallback-1-ref.html             |    39 +
 .../font-matching/system-generic-fallback-1.html   |    39 +
 .../system-generic-fallback-2-ref.html             |    38 +
 .../font-matching/system-generic-fallback-2.html   |    38 +
 .../system-generic-fallback-3-ref.html             |    38 +
 .../font-matching/system-generic-fallback-3.html   |    38 +
 .../system-generic-fallback-4-ref.html             |    38 +
 .../font-matching/system-generic-fallback-4.html   |    38 +
 .../font-matching/system-generic-fallback-ja.html  |    33 +
 .../font-matching/system-generic-fallback-ko.html  |    33 +
 .../system-generic-fallback-zh-cn.html             |    33 +
 .../system-generic-fallback-zh-tw.html             |    33 +
 .../font-matching/system-ui-fallback-2-ref.html    |     2 +
 .../font-matching/system-ui-fallback-2.html        |     2 +
 .../font-matching/system-ui-fallback-notref.html   |     2 +
 .../reftests/font-matching/system-ui-fallback.html |     9 +
 .../font-matching/weightmapping-12-ref.html        |   222 +
 .../reftests/font-matching/weightmapping-12.html   |   174 +
 .../font-matching/weightmapping-12579-ref.html     |   255 +
 .../font-matching/weightmapping-12579.html         |   207 +
 .../font-matching/weightmapping-25-ref.html        |   222 +
 .../reftests/font-matching/weightmapping-25.html   |   174 +
 .../font-matching/weightmapping-45-ref.html        |   222 +
 .../reftests/font-matching/weightmapping-45.html   |   174 +
 .../font-matching/weightmapping-458-ref.html       |   233 +
 .../reftests/font-matching/weightmapping-458.html  |   185 +
 .../font-matching/weightmapping-478-ref.html       |   233 +
 .../reftests/font-matching/weightmapping-478.html  |   185 +
 .../font-matching/weightmapping-7-ref.html         |   211 +
 layout/reftests/font-matching/weightmapping-7.html |   163 +
 .../reftests/font-matching/wingdings-1-notref.html |     9 +
 layout/reftests/font-matching/wingdings-1-ref.html |    13 +
 layout/reftests/font-matching/wingdings-1.html     |    12 +
 .../font-optical-sizing-1-notref.html              |    31 +
 .../font-variations/font-optical-sizing-1-ref.html |    28 +
 .../font-variations/font-optical-sizing-1.html     |    31 +
 layout/reftests/font-variations/reftest.list       |    11 +
 layout/reftests/fonts/Ahem.ttf                     |   Bin 0 -> 12480 bytes
 layout/reftests/fonts/AmiriQuran.otf               |   Bin 0 -> 245076 bytes
 layout/reftests/fonts/AmiriQuranColored.otf        |   Bin 0 -> 307284 bytes
 layout/reftests/fonts/AwamiNastaliq-Regular.woff   |   Bin 0 -> 311100 bytes
 layout/reftests/fonts/BitPattern.woff              |   Bin 0 -> 6248 bytes
 layout/reftests/fonts/Chunkfive-license.txt        |    97 +
 layout/reftests/fonts/Chunkfive.otf                |   Bin 0 -> 8712 bytes
 layout/reftests/fonts/Chunkfive.sjs                |   597 +
 layout/reftests/fonts/Chunkfive.ttf                |   Bin 0 -> 27376 bytes
 .../fonts/DeLarge/DeLarge-bad-checksums.ttf        |   Bin 0 -> 9700 bytes
 .../fonts/DeLarge/DeLarge-bad-checksums.woff       |   Bin 0 -> 4704 bytes
 .../reftests/fonts/DeLarge/DeLarge-bad-offset.woff |   Bin 0 -> 4704 bytes
 .../fonts/DeLarge/DeLarge-bad-sfnt-version.ttf     |   Bin 0 -> 9700 bytes
 .../fonts/DeLarge/DeLarge-bad-sfnt-version.woff    |   Bin 0 -> 4704 bytes
 .../fonts/DeLarge/DeLarge-bad-woff-sig.woff        |   Bin 0 -> 4704 bytes
 layout/reftests/fonts/DeLarge/DeLarge.ttf          |   Bin 0 -> 9700 bytes
 layout/reftests/fonts/DeLarge/DeLarge.woff         |   Bin 0 -> 4704 bytes
 layout/reftests/fonts/DeLarge/README               |     7 +
 layout/reftests/fonts/DejaVuSansMono.otf           |   Bin 0 -> 609304 bytes
 layout/reftests/fonts/DejaVuSansMono.woff          |   Bin 0 -> 187040 bytes
 layout/reftests/fonts/DroidSansArabic-noGSUB.ttf   |   Bin 0 -> 233456 bytes
 layout/reftests/fonts/JuniusX-Regular.woff2        |   Bin 0 -> 283304 bytes
 .../reftests/fonts/LigatureSymbolsWithSpaces.woff  |   Bin 0 -> 52620 bytes
 layout/reftests/fonts/LinLibertine_Re-4.7.5.woff   |   Bin 0 -> 261428 bytes
 layout/reftests/fonts/MiaoUnicode-Regular.ttf      |   Bin 0 -> 209720 bytes
 layout/reftests/fonts/NotoNastaliqUrdu-Regular.ttf |   Bin 0 -> 497204 bytes
 layout/reftests/fonts/NotoSansBalinese-Regular.ttf |   Bin 0 -> 31824 bytes
 .../fonts/NotoSansCJKjp-Regular.subset.otf         |   Bin 0 -> 7276 bytes
 .../reftests/fonts/NotoSansMongolian-Regular.ttf   |   Bin 0 -> 135484 bytes
 layout/reftests/fonts/PositioningTest1.ttf         |   Bin 0 -> 34404 bytes
 layout/reftests/fonts/PositioningTest2.ttf         |   Bin 0 -> 34404 bytes
 layout/reftests/fonts/Prototype.ttf                |   Bin 0 -> 29592 bytes
 layout/reftests/fonts/README                       |    33 +
 layout/reftests/fonts/ShipporiMincho-LICENSE.txt   |    92 +
 .../fonts/ShipporiMincho-Regular.subset.otf        |   Bin 0 -> 2720 bytes
 .../fonts/SourceSerifPro-Regular.ttf.woff2         |   Bin 0 -> 74124 bytes
 .../reftests/fonts/TAMLThiruValluvar-Regular.ttf   |   Bin 0 -> 88332 bytes
 layout/reftests/fonts/VeraBd-validchecksum.ttf     |   Bin 0 -> 59040 bytes
 layout/reftests/fonts/VeraBd.ttf                   |   Bin 0 -> 58716 bytes
 layout/reftests/fonts/VotoSerifGX.latin1.ttf       |   Bin 0 -> 226372 bytes
 layout/reftests/fonts/colr-unset.ttf               |   Bin 0 -> 944 bytes
 layout/reftests/fonts/csstest-widths-wd1.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd2.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd3.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd4.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd5.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd6.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd7.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd8.ttf       |   Bin 0 -> 6472 bytes
 layout/reftests/fonts/csstest-widths-wd9.ttf       |   Bin 0 -> 6472 bytes
 .../reftests/fonts/dejavu-sans/DejaVuSans-Bold.ttf |   Bin 0 -> 584396 bytes
 .../fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf   |   Bin 0 -> 524624 bytes
 .../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf    |   Bin 0 -> 329444 bytes
 .../fonts/dejavu-sans/DejaVuSans-Oblique.ttf       |   Bin 0 -> 524396 bytes
 layout/reftests/fonts/dejavu-sans/DejaVuSans.ttf   |   Bin 0 -> 633604 bytes
 .../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf |   Bin 0 -> 545712 bytes
 .../DejaVuSansCondensed-BoldOblique.ttf            |   Bin 0 -> 493756 bytes
 .../dejavu-sans/DejaVuSansCondensed-Oblique.ttf    |   Bin 0 -> 489032 bytes
 .../fonts/dejavu-sans/DejaVuSansCondensed.ttf      |   Bin 0 -> 555944 bytes
 layout/reftests/fonts/emoji-yellow.ttf             |   Bin 0 -> 1652 bytes
 layout/reftests/fonts/emoji.ttf                    |   Bin 0 -> 1560 bytes
 layout/reftests/fonts/fira/FiraSans-Regular.otf    |   Bin 0 -> 146964 bytes
 layout/reftests/fonts/fira/FiraSansOT-Bold.otf     |   Bin 0 -> 113332 bytes
 .../reftests/fonts/fira/FiraSansOT-BoldItalic.otf  |   Bin 0 -> 116776 bytes
 layout/reftests/fonts/fira/FiraSansOT-Regular.otf  |   Bin 0 -> 110144 bytes
 .../fonts/fira/FiraSansOT-RegularItalic.otf        |   Bin 0 -> 112592 bytes
 layout/reftests/fonts/generate-bitpattern-font.pl  |    35 +
 layout/reftests/fonts/glyphwiki-license.txt        |    13 +
 layout/reftests/fonts/graphite/README.txt          |    37 +
 layout/reftests/fonts/graphite/grtest-langfeat.gdl |    62 +
 layout/reftests/fonts/graphite/grtest-langfeat.ttf |   Bin 0 -> 43240 bytes
 .../reftests/fonts/graphite/grtest-multipass.gdl   |    49 +
 .../reftests/fonts/graphite/grtest-multipass.ttf   |   Bin 0 -> 43288 bytes
 layout/reftests/fonts/graphite/grtest-ot-only.ttf  |   Bin 0 -> 40644 bytes
 layout/reftests/fonts/graphite/grtest-ot-only.ttx  | 24101 +++++++++++++++++++
 layout/reftests/fonts/graphite/grtest-ot.ttx       | 24101 +++++++++++++++++++
 layout/reftests/fonts/graphite/grtest-ref.ttf      |   Bin 0 -> 40464 bytes
 layout/reftests/fonts/graphite/grtest-ref.ttx      | 23816 ++++++++++++++++++
 layout/reftests/fonts/graphite/grtest-simple.gdl   |    14 +
 layout/reftests/fonts/graphite/grtest-simple.ttf   |   Bin 0 -> 42740 bytes
 layout/reftests/fonts/graphite/grtest-template.ttx | 24101 +++++++++++++++++++
 .../reftests/fonts/gsubtest/gsubtest-features.js   |   105 +
 .../reftests/fonts/gsubtest/gsubtest-features.txt  |   328 +
 .../reftests/fonts/gsubtest/gsubtest-lookup1.otf   |   Bin 0 -> 158316 bytes
 .../reftests/fonts/gsubtest/gsubtest-lookup3.otf   |   Bin 0 -> 383716 bytes
 layout/reftests/fonts/gsubtest/gsubtest-shell.ttx  |   304 +
 layout/reftests/fonts/gsubtest/makegsubfonts.py    |   515 +
 layout/reftests/fonts/gw1270797.ttf                |   Bin 0 -> 4648 bytes
 layout/reftests/fonts/gw432047.ttf                 |   Bin 0 -> 4532 bytes
 layout/reftests/fonts/header-totalsfntsize-001.ttf |   Bin 0 -> 1856 bytes
 .../reftests/fonts/header-totalsfntsize-001.woff2  |   Bin 0 -> 980 bytes
 layout/reftests/fonts/loadtest-license.txt         |     7 +
 layout/reftests/fonts/loadtest.ttf                 |   Bin 0 -> 41048 bytes
 layout/reftests/fonts/mark-generate.py             |   168 +
 layout/reftests/fonts/mark-glyph.svg               |     6 +
 layout/reftests/fonts/mark2-glyph.svg              |     3 +
 layout/reftests/fonts/mark2A-highunderline.ttf     |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/mark2A-lowunderline.ttf      |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/mark2A.otf                   |   Bin 0 -> 1576 bytes
 layout/reftests/fonts/mark2A.ttf                   |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/mark2A.woff                  |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/mark2B.otf                   |   Bin 0 -> 1572 bytes
 layout/reftests/fonts/mark2B.ttf                   |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/mark2B.woff                  |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/mark2C.otf                   |   Bin 0 -> 1572 bytes
 layout/reftests/fonts/mark2C.ttf                   |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/mark2C.woff                  |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/mark2D.otf                   |   Bin 0 -> 1572 bytes
 layout/reftests/fonts/mark2D.ttf                   |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/mark2D.woff                  |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/markA-badfullname.ttf        |   Bin 0 -> 1640 bytes
 layout/reftests/fonts/markA-copyright.ttf          |   Bin 0 -> 1172 bytes
 layout/reftests/fonts/markA-copyrightps.ttf        |   Bin 0 -> 1212 bytes
 layout/reftests/fonts/markA-highunderline.ttf      |   Bin 0 -> 1568 bytes
 layout/reftests/fonts/markA-lineheight1500.ttf     |   Bin 0 -> 1768 bytes
 .../markA-lineheight6000-typolineheight2700.otf    |   Bin 0 -> 2152 bytes
 .../markA-lineheight6000-typolineheight2700.ttf    |   Bin 0 -> 2052 bytes
 layout/reftests/fonts/markA-lowunderline.ttf       |   Bin 0 -> 1568 bytes
 layout/reftests/fonts/markA-nofamily.ttf           |   Bin 0 -> 1472 bytes
 layout/reftests/fonts/markA-nofullname.ttf         |   Bin 0 -> 1488 bytes
 layout/reftests/fonts/markA-nopostscript.ttf       |   Bin 0 -> 1488 bytes
 layout/reftests/fonts/markA-nospace.ttf            |   Bin 0 -> 1528 bytes
 layout/reftests/fonts/markA-nostyle.ttf            |   Bin 0 -> 1468 bytes
 layout/reftests/fonts/markA-noversion.ttf          |   Bin 0 -> 1444 bytes
 layout/reftests/fonts/markA-redirect.ttf           |     1 +
 layout/reftests/fonts/markA-redirect.ttf^headers^  |     2 +
 layout/reftests/fonts/markA-shortfullname.ttf      |   Bin 0 -> 1524 bytes
 layout/reftests/fonts/markA.eot                    |   Bin 0 -> 1528 bytes
 layout/reftests/fonts/markA.otf                    |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/markA.ttf                    |   Bin 0 -> 1568 bytes
 layout/reftests/fonts/markA.woff                   |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/markAB-spaceliga.otf         |   Bin 0 -> 2052 bytes
 layout/reftests/fonts/markB.eot                    |   Bin 0 -> 1692 bytes
 layout/reftests/fonts/markB.otf                    |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/markB.ttf                    |   Bin 0 -> 1568 bytes
 layout/reftests/fonts/markB.woff                   |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/markB.woff2                  |   Bin 0 -> 728 bytes
 layout/reftests/fonts/markC.otf                    |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/markC.ttf                    |   Bin 0 -> 1568 bytes
 layout/reftests/fonts/markC.woff                   |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/markD.otf                    |   Bin 0 -> 1564 bytes
 layout/reftests/fonts/markD.ttf                    |   Bin 0 -> 1568 bytes
 layout/reftests/fonts/markD.woff                   |   Bin 0 -> 1112 bytes
 layout/reftests/fonts/markfonts-delay.sjs          |    78 +
 layout/reftests/fonts/mplus/mplus-1p-black.ttf     |   Bin 0 -> 506808 bytes
 layout/reftests/fonts/mplus/mplus-1p-bold.ttf      |   Bin 0 -> 510512 bytes
 layout/reftests/fonts/mplus/mplus-1p-heavy.ttf     |   Bin 0 -> 509204 bytes
 layout/reftests/fonts/mplus/mplus-1p-light.ttf     |   Bin 0 -> 514688 bytes
 layout/reftests/fonts/mplus/mplus-1p-medium.ttf    |   Bin 0 -> 509876 bytes
 .../fonts/mplus/mplus-1p-regular-no-OT.ttf         |   Bin 0 -> 498048 bytes
 layout/reftests/fonts/mplus/mplus-1p-regular.ttf   |   Bin 0 -> 511768 bytes
 layout/reftests/fonts/mplus/mplus-1p-thin.ttf      |   Bin 0 -> 517284 bytes
 layout/reftests/fonts/mplus/mplus-license.txt      |    16 +
 layout/reftests/fonts/mplus/mplusfonts.css         |    48 +
 .../reftests/fonts/sil/AwamiNastaliq-Regular.woff  |   Bin 0 -> 299745 bytes
 layout/reftests/fonts/sil/Charis-license.txt       |    94 +
 layout/reftests/fonts/sil/CharisSIL-R.ttf          |   Bin 0 -> 1738104 bytes
 layout/reftests/fonts/sil/GenAI102.ttf             |   Bin 0 -> 315860 bytes
 layout/reftests/fonts/sil/GenAR102.ttf             |   Bin 0 -> 364056 bytes
 layout/reftests/fonts/sil/GenI102.ttf              |   Bin 0 -> 314476 bytes
 layout/reftests/fonts/sil/GenR102.ttf              |   Bin 0 -> 362664 bytes
 layout/reftests/fonts/sil/GenR102.woff2            |   Bin 0 -> 106560 bytes
 layout/reftests/fonts/sil/Gentium-license.txt      |   101 +
 layout/reftests/fonts/sil/Padauk.ttf               |   Bin 0 -> 472488 bytes
 layout/reftests/fonts/sil/PigLatin-nographite.ttf  |   Bin 0 -> 54412 bytes
 layout/reftests/fonts/sil/PigLatinBenchmark_v3.ttf |   Bin 0 -> 59216 bytes
 .../reftests/fonts/sil/Scheherazade-BidiBug.woff   |   Bin 0 -> 175368 bytes
 .../fonts/sil/Scheherazade-R 2012-07-03c.ttf       |   Bin 0 -> 350980 bytes
 .../fonts/sil/ScheherazadeRegOT-license.txt        |    98 +
 layout/reftests/fonts/sil/ScheherazadeRegOT.ttf    |   Bin 0 -> 260392 bytes
 layout/reftests/fonts/sil/silfonts.css             |    34 +
 .../spacelookup-defscr-deflang-deffeat.ttf         |   Bin 0 -> 13148 bytes
 .../spacelookup-defscr-deflang-deffeat.ttx         |  4965 ++++
 .../spacelookup-defscr-deflang-ndeffeat.ttf        |   Bin 0 -> 13156 bytes
 .../spacelookup-defscr-deflang-ndeffeat.ttx        |  4966 ++++
 .../spacelookup-latnscr-deflang-deffeat.ttf        |   Bin 0 -> 13172 bytes
 .../spacelookup-latnscr-deflang-deffeat.ttx        |  4975 ++++
 .../spacelookup-latnscr-deflang-ndeffeat.ttf       |   Bin 0 -> 13172 bytes
 .../spacelookup-latnscr-deflang-ndeffeat.ttx       |  4976 ++++
 .../spacelookup-latnscr-fralang-deffeat.ttf        |   Bin 0 -> 13176 bytes
 .../spacelookup-latnscr-fralang-deffeat.ttx        |  4982 ++++
 .../spacelookup-latnscr-fralang-ndeffeat.ttf       |   Bin 0 -> 13180 bytes
 .../spacelookup-latnscr-fralang-ndeffeat.ttx       |  4983 ++++
 layout/reftests/fonts/subsuper-nofeat.woff         |   Bin 0 -> 76016 bytes
 layout/reftests/fonts/subsuper.woff                |   Bin 0 -> 75848 bytes
 layout/reftests/fonts/ttf-indic/Lohit-Telugu.ttf   |   Bin 0 -> 170776 bytes
 layout/reftests/fonts/ttf-indic/lohit_bn.ttf       |   Bin 0 -> 141352 bytes
 layout/reftests/fonts/ttf-indic/lohit_gu.ttf       |   Bin 0 -> 79860 bytes
 layout/reftests/fonts/ttf-indic/lohit_hi.ttf       |   Bin 0 -> 81484 bytes
 layout/reftests/forms/button/1317351-ref.html      |    21 +
 layout/reftests/forms/button/1317351.html          |    30 +
 layout/reftests/forms/button/1349646-ref.html      |    27 +
 layout/reftests/forms/button/1349646.html          |    27 +
 .../forms/button/appearance-revert-ref.html        |     2 +
 .../reftests/forms/button/appearance-revert.html   |     2 +
 .../forms/button/author-padding-notref.html        |     2 +
 layout/reftests/forms/button/author-padding.html   |     3 +
 .../button/button-display-flex-fullsize-1-ref.html |    57 +
 .../button/button-display-flex-fullsize-1.html     |    51 +
 .../button/button-display-grid-fullsize-1-ref.html |    60 +
 .../button/button-display-grid-fullsize-1.html     |    56 +
 .../forms/button/button-empty-columns-ref.html     |     2 +
 .../forms/button/button-empty-columns.html         |     2 +
 .../forms/button/button-visibility-1-ref.html      |    25 +
 .../reftests/forms/button/button-visibility-1.html |    26 +
 layout/reftests/forms/button/disabled-1-ref.html   |    16 +
 layout/reftests/forms/button/disabled-1.html       |    15 +
 layout/reftests/forms/button/disabled-2-ref.html   |    17 +
 layout/reftests/forms/button/disabled-2.html       |    17 +
 .../reftests/forms/button/disabled-3-notref.html   |     9 +
 layout/reftests/forms/button/disabled-3.html       |     9 +
 .../reftests/forms/button/disabled-4-notref.html   |     9 +
 layout/reftests/forms/button/disabled-4.html       |     9 +
 .../reftests/forms/button/disabled-5-notref.html   |     9 +
 layout/reftests/forms/button/disabled-5.html       |     9 +
 .../reftests/forms/button/disabled-6-notref.html   |     9 +
 layout/reftests/forms/button/disabled-6.html       |     9 +
 .../button/display-grid-flex-columnset-ref.html    |    60 +
 .../forms/button/display-grid-flex-columnset.html  |    60 +
 .../forms/button/dynamic-text-indent-ref.html      |     4 +
 .../reftests/forms/button/dynamic-text-indent.html |    12 +
 .../forms/button/first-letter-1-noref.html         |     5 +
 .../reftests/forms/button/first-letter-1-ref.html  |     7 +
 layout/reftests/forms/button/first-letter-1.html   |     6 +
 .../forms/button/focus-non-themed-ref.html         |    10 +
 layout/reftests/forms/button/focus-non-themed.html |     9 +
 .../forms/button/line-height-button-0.5.html       |     7 +
 .../forms/button/line-height-button-1.0.html       |     7 +
 .../forms/button/line-height-button-1.5.html       |     7 +
 .../forms/button/line-height-input-0.5.html        |     7 +
 .../forms/button/line-height-input-1.0.html        |     7 +
 .../forms/button/line-height-input-1.5.html        |     7 +
 layout/reftests/forms/button/max-height-ref.html   |    11 +
 layout/reftests/forms/button/max-height.html       |    11 +
 layout/reftests/forms/button/min-height-ref.html   |    17 +
 layout/reftests/forms/button/min-height.html       |    22 +
 .../forms/button/overflow-areas-1-ref.html         |    48 +
 layout/reftests/forms/button/overflow-areas-1.html |    51 +
 .../forms/button/percent-height-child-ref.html     |    52 +
 .../forms/button/percent-height-child.html         |    60 +
 .../forms/button/percent-width-child-ref.html      |    53 +
 .../reftests/forms/button/percent-width-child.html |    59 +
 layout/reftests/forms/button/reftest.list          |    59 +
 .../forms/button/vertical-centering-ref.html       |    23 +
 .../reftests/forms/button/vertical-centering.html  |    33 +
 .../forms/button/width-auto-size-em-ltr-ref.html   |    18 +
 .../forms/button/width-auto-size-em-ltr.html       |    20 +
 .../forms/button/width-auto-size-em-rtl-ref.html   |    19 +
 .../forms/button/width-auto-size-em-rtl.html       |    21 +
 .../forms/button/width-auto-size-ltr-ref.html      |    19 +
 .../reftests/forms/button/width-auto-size-ltr.html |    20 +
 .../forms/button/width-auto-size-rtl-ref.html      |    20 +
 .../reftests/forms/button/width-auto-size-rtl.html |    21 +
 .../width-erode-all-focuspadding-rtl-ref.html      |    21 +
 .../button/width-erode-all-focuspadding-rtl.html   |    22 +
 .../reftests/forms/button/width-exact-fit-ltr.html |    21 +
 .../reftests/forms/button/width-exact-fit-rtl.html |    22 +
 .../forms/display-block-baselines-1-ref.html       |    91 +
 .../reftests/forms/display-block-baselines-1.html  |    92 +
 .../forms/display-block-baselines-2-ref.html       |   100 +
 .../reftests/forms/display-block-baselines-2.html  |   100 +
 .../forms/display-block-baselines-3-ref.html       |    76 +
 .../reftests/forms/display-block-baselines-3.html  |    73 +
 .../forms/display-block-baselines-4-ref.html       |    73 +
 .../reftests/forms/display-block-baselines-4.html  |    74 +
 .../forms/display-block-baselines-5-ref.html       |    72 +
 .../reftests/forms/display-block-baselines-5.html  |    72 +
 .../forms/fieldset/abs-pos-child-sizing-ref.html   |    79 +
 .../forms/fieldset/abs-pos-child-sizing.html       |    64 +
 layout/reftests/forms/fieldset/blue-1x1.png        |   Bin 0 -> 69 bytes
 .../fieldset/dynamic-legend-scroll-1-ref.html      |    24 +
 .../forms/fieldset/dynamic-legend-scroll-1.html    |    33 +
 .../forms/fieldset/dynamic-text-indent-ref.html    |     2 +
 .../forms/fieldset/dynamic-text-indent.html        |    12 +
 .../fieldset/fieldset-border-image-1-ref.html      |    13 +
 .../forms/fieldset/fieldset-border-image-1a.html   |    13 +
 .../forms/fieldset/fieldset-border-image-1b.html   |    13 +
 .../fieldset/fieldset-border-image-2-ref.html      |    14 +
 .../forms/fieldset/fieldset-border-image-2a.html   |    14 +
 .../forms/fieldset/fieldset-border-image-2b.html   |    14 +
 .../forms/fieldset/fieldset-flexbox-001-ref.html   |    40 +
 .../forms/fieldset/fieldset-flexbox-001.html       |    36 +
 .../forms/fieldset/fieldset-grid-001-ref.html      |    33 +
 .../reftests/forms/fieldset/fieldset-grid-001.html |    29 +
 .../fieldset/fieldset-height-resize-1-ref.html     |    28 +
 .../forms/fieldset/fieldset-height-resize-1.html   |    37 +
 .../forms/fieldset/fieldset-hidden-1-ref.html      |    21 +
 .../reftests/forms/fieldset/fieldset-hidden-1.html |    19 +
 .../fieldset/fieldset-intrinsic-width-1-ref.html   |     8 +
 .../forms/fieldset/fieldset-intrinsic-width-1.html |     8 +
 .../fieldset/fieldset-min-inline-size-1-ref.html   |     4 +
 .../forms/fieldset/fieldset-min-inline-size-1.html |     4 +
 .../forms/fieldset/fieldset-min-width-1-ref.html   |     4 +
 .../forms/fieldset/fieldset-min-width-1a.html      |     4 +
 .../forms/fieldset/fieldset-min-width-1b.html      |     6 +
 .../forms/fieldset/fieldset-min-width-2-ref.html   |     2 +
 .../forms/fieldset/fieldset-min-width-2a.html      |     4 +
 .../forms/fieldset/fieldset-min-width-2b.html      |     6 +
 .../fieldset/fieldset-overflow-auto-1-ref.html     |    52 +
 .../forms/fieldset/fieldset-overflow-auto-1.html   |    52 +
 .../fieldset-percentage-padding-1-ref.html         |    19 +
 .../fieldset/fieldset-percentage-padding-1.html    |    19 +
 .../forms/fieldset/fieldset-scroll-1-ref.html      |     9 +
 .../reftests/forms/fieldset/fieldset-scroll-1.html |     8 +
 .../forms/fieldset/fieldset-scrolled-1-ref.html    |    24 +
 .../forms/fieldset/fieldset-scrolled-1.html        |    27 +
 .../legend-overlapping-right-border-1-ref.html     |    15 +
 .../legend-overlapping-right-border-1.html         |    14 +
 layout/reftests/forms/fieldset/legend-rtl-ref.html |     5 +
 layout/reftests/forms/fieldset/legend-rtl.html     |     5 +
 .../forms/fieldset/overflow-hidden-ref.html        |   175 +
 .../reftests/forms/fieldset/overflow-hidden.html   |   125 +
 .../forms/fieldset/positioned-container-1-ref.html |    11 +
 .../forms/fieldset/positioned-container-1.html     |    14 +
 layout/reftests/forms/fieldset/reftest.list        |    30 +
 .../forms/fieldset/relpos-legend-1-ref.html        |     8 +
 .../reftests/forms/fieldset/relpos-legend-1.html   |     8 +
 .../forms/fieldset/relpos-legend-2-ref.html        |     8 +
 .../reftests/forms/fieldset/relpos-legend-2.html   |     8 +
 .../forms/fieldset/relpos-legend-3-ref.html        |     8 +
 .../reftests/forms/fieldset/relpos-legend-3.html   |     8 +
 .../forms/fieldset/relpos-legend-4-ref.html        |     8 +
 .../reftests/forms/fieldset/relpos-legend-4.html   |     8 +
 .../forms/fieldset/sticky-legend-1-ref.html        |    12 +
 .../reftests/forms/fieldset/sticky-legend-1.html   |    12 +
 .../checkbox/accent-color-accentcolor-ref.html     |     2 +
 .../input/checkbox/accent-color-accentcolor.html   |     2 +
 .../input/checkbox/checkbox-baseline-ref.html      |    39 +
 .../forms/input/checkbox/checkbox-baseline.html    |    45 +
 .../input/checkbox/checkbox-clamp-01-ref.html      |    13 +
 .../forms/input/checkbox/checkbox-clamp-01.html    |    34 +
 .../input/checkbox/checkbox-clamp-02-ref.html      |    37 +
 .../forms/input/checkbox/checkbox-clamp-02.html    |    38 +
 .../checkbox/checkbox-minimum-size-notref.html     |     2 +
 .../input/checkbox/checkbox-minimum-size.html      |    22 +
 .../checkbox/checkbox-radio-auto-sized-ref.html    |    24 +
 .../input/checkbox/checkbox-radio-color-ref.html   |    38 +
 .../forms/input/checkbox/checkbox-radio-color.html |    40 +
 .../input/checkbox/checked-appearance-none.html    |     2 +
 .../input/checkbox/checked-native-notref.html      |     2 +
 .../forms/input/checkbox/checked-native.html       |     2 +
 .../checkbox/indeterminate-checked-notref.html     |     1 +
 .../input/checkbox/indeterminate-checked.html      |     1 +
 .../indeterminate-native-checked-notref.html       |     1 +
 .../checkbox/indeterminate-native-checked.html     |     1 +
 .../indeterminate-native-unchecked-notref.html     |     1 +
 .../checkbox/indeterminate-native-unchecked.html   |     1 +
 .../input/checkbox/indeterminate-selector-ref.html |     7 +
 .../input/checkbox/indeterminate-selector.html     |     7 +
 .../checkbox/indeterminate-unchecked-notref.html   |     1 +
 .../input/checkbox/indeterminate-unchecked.html    |     1 +
 .../forms/input/checkbox/label-dynamic-ref.html    |    27 +
 .../forms/input/checkbox/label-dynamic.html        |    37 +
 .../forms/input/checkbox/radio-stretched-ref.html  |    11 +
 .../forms/input/checkbox/radio-stretched.html      |    11 +
 layout/reftests/forms/input/checkbox/reftest.list  |    20 +
 .../input/checkbox/unchecked-appearance-none.html  |     2 +
 .../forms/input/color/auto-height-1-ref.html       |     5 +
 .../reftests/forms/input/color/auto-height-1.html  |     3 +
 .../forms/input/color/block-invalidate-1-ref.html  |     6 +
 .../forms/input/color/block-invalidate-1.html      |    14 +
 .../forms/input/color/block-invalidate-2-ref.html  |     9 +
 .../forms/input/color/block-invalidate-2.html      |    19 +
 .../forms/input/color/custom-style-1-ref.html      |    16 +
 .../reftests/forms/input/color/custom-style-1.html |    11 +
 .../forms/input/color/custom-style-2-ref.html      |    20 +
 .../reftests/forms/input/color/custom-style-2.html |    16 +
 .../forms/input/color/input-color-1-ref.html       |    33 +
 .../reftests/forms/input/color/input-color-1.html  |     9 +
 .../forms/input/color/margin-padding-1-ref.html    |   112 +
 .../forms/input/color/margin-padding-1.html        |    39 +
 .../reftests/forms/input/color/reference-style.css |    17 +
 layout/reftests/forms/input/color/reftest.list     |     9 +
 .../forms/input/color/transformations-1-ref.html   |    78 +
 .../forms/input/color/transformations-1.html       |    35 +
 .../from-time-to-other-type-unthemed-ref.html      |     6 +
 .../datetime/from-time-to-other-type-unthemed.html |    16 +
 .../forms/input/datetime/line-height-01-ref.html   |     9 +
 .../forms/input/datetime/line-height-01.html       |    10 +
 .../forms/input/datetime/line-height-02-ref.html   |     8 +
 .../forms/input/datetime/line-height-02.html       |     8 +
 layout/reftests/forms/input/datetime/reftest.list  |    25 +
 .../reset-button-visibility-hidden-ref.html        |     2 +
 .../datetime/reset-button-visibility-hidden.html   |     3 +
 .../forms/input/datetime/text-align-notref.html    |     2 +
 .../reftests/forms/input/datetime/text-align.html  |     2 +
 .../reftests/forms/input/datetime/time-basic.html  |     6 +
 .../reftests/forms/input/datetime/time-border.html |     6 +
 .../datetime/time-content-left-aligned-ref.html    |     9 +
 .../input/datetime/time-content-left-aligned.html  |     9 +
 .../forms/input/datetime/time-large-font.html      |     6 +
 .../time-reset-button-right-aligned-ref.html       |     9 +
 .../datetime/time-reset-button-right-aligned.html  |    10 +
 .../input/datetime/time-simple-unthemed-ref.html   |     6 +
 .../forms/input/datetime/time-simple-unthemed.html |     6 +
 .../input/datetime/time-small-height-ref.html      |    18 +
 .../forms/input/datetime/time-small-height.html    |    19 +
 .../datetime/time-small-width-height-ref.html      |    18 +
 .../input/datetime/time-small-width-height.html    |    19 +
 .../forms/input/datetime/time-small-width-ref.html |    19 +
 .../forms/input/datetime/time-small-width.html     |    20 +
 .../forms/input/datetime/time-width-height.html    |     6 +
 .../datetime/to-time-from-other-type-unthemed.html |    15 +
 layout/reftests/forms/input/email/1.html           |     7 +
 layout/reftests/forms/input/email/2.html           |    18 +
 layout/reftests/forms/input/email/3.html           |    19 +
 layout/reftests/forms/input/email/ref.html         |     6 +
 layout/reftests/forms/input/email/reftest.list     |     3 +
 .../reftests/forms/input/file/background-ref.xhtml |    16 +
 layout/reftests/forms/input/file/background.html   |    11 +
 .../forms/input/file/button-height-ref.html        |     6 +
 .../reftests/forms/input/file/button-height.html   |     6 +
 .../forms/input/file/color-inherit-ref.html        |     6 +
 .../reftests/forms/input/file/color-inherit.html   |     6 +
 .../reftests/forms/input/file/css-display-ref.html |    54 +
 layout/reftests/forms/input/file/css-display.html  |    64 +
 .../forms/input/file/css-overflow-ref.html         |    39 +
 layout/reftests/forms/input/file/css-overflow.html |    46 +
 .../forms/input/file/dynamic-max-width-ref.html    |    20 +
 .../forms/input/file/dynamic-max-width.html        |    34 +
 .../input/file/label-min-inline-size-ref.html      |    23 +
 .../forms/input/file/label-min-inline-size.html    |    44 +
 layout/reftests/forms/input/file/reftest.list      |    12 +
 layout/reftests/forms/input/file/rtl-ref.xhtml     |    17 +
 layout/reftests/forms/input/file/rtl.html          |     8 +
 layout/reftests/forms/input/file/simple-ref.xhtml  |    14 +
 layout/reftests/forms/input/file/simple.html       |     8 +
 layout/reftests/forms/input/file/size.html         |     9 +
 layout/reftests/forms/input/file/style-ref.xhtml   |    25 +
 layout/reftests/forms/input/file/style.css         |    63 +
 layout/reftests/forms/input/file/style.html        |    16 +
 .../reftests/forms/input/file/width-clip-ref.html  |     3 +
 layout/reftests/forms/input/file/width-clip.html   |     3 +
 layout/reftests/forms/input/hidden/border.html     |    14 +
 layout/reftests/forms/input/hidden/reftest.list    |     1 +
 .../input/number/appearance-textfield-dynamic.html |     7 +
 .../forms/input/number/appearance-textfield.html   |     2 +
 .../forms/input/number/caret-left-rtl-notref.html  |     2 +
 .../forms/input/number/caret-left-rtl.html         |     2 +
 .../forms/input/number/caret-right-notref.html     |     2 +
 .../input/number/caret-right-vertical-notref.html  |     2 +
 .../forms/input/number/caret-right-vertical.html   |     2 +
 .../reftests/forms/input/number/caret-right.html   |     2 +
 .../forms/input/number/clipped-text-ref.html       |     9 +
 .../reftests/forms/input/number/clipped-text.html  |     9 +
 layout/reftests/forms/input/number/flex-ref.html   |    22 +
 layout/reftests/forms/input/number/flex.html       |    23 +
 .../forms/input/number/focus-handling-ref.html     |    26 +
 .../forms/input/number/focus-handling.html         |    32 +
 .../from-number-to-other-type-unthemed-1-ref.html  |     6 +
 .../from-number-to-other-type-unthemed-1.html      |    16 +
 .../input/number/not-other-type-unthemed-1.html    |     6 +
 .../number/not-other-type-unthemed-1a-notref.html  |     6 +
 .../number/not-other-type-unthemed-1b-notref.html  |     6 +
 .../input/number/number-auto-width-1-ref.html      |     8 +
 .../forms/input/number/number-auto-width-1.html    |     8 +
 .../forms/input/number/number-disabled-ref.html    |     9 +
 .../forms/input/number/number-disabled.html        |     9 +
 .../number/number-localized-dynamic-asnumber.html  |     5 +
 .../input/number/number-localized-dynamic.html     |     5 +
 .../input/number/number-localized-notref.html      |     2 +
 .../forms/input/number/number-localized.html       |     2 +
 .../input/number/number-max-height-1-ref.html      |    17 +
 .../forms/input/number/number-max-height-1.html    |    27 +
 .../input/number/number-max-height-2-ref.html      |    17 +
 .../forms/input/number/number-max-height-2.html    |    27 +
 .../input/number/number-min-height-1-ref.html      |    17 +
 .../forms/input/number/number-min-height-1.html    |    26 +
 .../input/number/number-min-height-2-ref.html      |    17 +
 .../forms/input/number/number-min-height-2.html    |    26 +
 .../forms/input/number/number-placeholder-ref.html |    17 +
 .../forms/input/number/number-placeholder.html     |    24 +
 .../input/number/number-pseudo-elements-ref.html   |     6 +
 .../forms/input/number/number-pseudo-elements.html |    18 +
 .../number/number-reframe-anon-text-field-ref.html |    17 +
 .../number/number-reframe-anon-text-field.html     |    44 +
 .../input/number/number-same-as-text-unthemed.html |     6 +
 .../forms/input/number/number-selected-ref.html    |    18 +
 .../forms/input/number/number-selected.html        |    18 +
 .../number-significant-fractional-digits-ref.html  |     6 +
 .../number-significant-fractional-digits.html      |    17 +
 .../number-similar-to-text-unthemed-ref.html       |     8 +
 .../number-similar-to-text-unthemed-rtl-ref.html   |     8 +
 .../number-similar-to-text-unthemed-rtl.html       |     8 +
 ...r-similar-to-text-unthemed-vertical-lr-ref.html |     8 +
 ...umber-similar-to-text-unthemed-vertical-lr.html |     8 +
 ...r-similar-to-text-unthemed-vertical-rl-ref.html |     8 +
 ...umber-similar-to-text-unthemed-vertical-rl.html |     8 +
 .../number/number-similar-to-text-unthemed.html    |     8 +
 .../number/number-spinbox-disabled-notref.html     |     9 +
 .../input/number/number-spinbox-disabled.html      |     9 +
 .../input/number/number-style-inheritance-ref.html |     6 +
 .../input/number/number-style-inheritance.html     |     6 +
 .../forms/input/number/padding-001-notref.html     |    10 +
 .../forms/input/number/padding-001-ref.html        |     9 +
 .../reftests/forms/input/number/padding-001.html   |    10 +
 .../forms/input/number/padding-002-ref.html        |     8 +
 .../reftests/forms/input/number/padding-002.html   |     8 +
 .../forms/input/number/pseudo-classes.html         |    37 +
 layout/reftests/forms/input/number/reftest.list    |    74 +
 .../forms/input/number/show-value-ref.html         |    26 +
 layout/reftests/forms/input/number/show-value.html |    42 +
 .../forms/input/number/spinner-overflow-ref.html   |    12 +
 .../number/spinner-overflow-vertical-ref.html      |    11 +
 .../input/number/spinner-overflow-vertical.html    |    10 +
 .../forms/input/number/spinner-overflow.html       |    12 +
 layout/reftests/forms/input/number/text.html       |     2 +
 .../to-number-from-other-type-unthemed-1-ref.html  |     6 +
 .../to-number-from-other-type-unthemed-1.html      |    15 +
 .../forms/input/percentage/padding-ref.html        |    21 +
 .../reftests/forms/input/percentage/padding.html   |    21 +
 .../reftests/forms/input/percentage/reftest.list   |     1 +
 .../forms/input/radio/checked-appearance-none.html |     2 +
 .../forms/input/radio/checked-native-notref.html   |     2 +
 .../reftests/forms/input/radio/checked-native.html |     2 +
 .../forms/input/radio/label-dynamic-ref.html       |    38 +
 .../reftests/forms/input/radio/label-dynamic.html  |    46 +
 .../forms/input/radio/radio-clamp-01-ref.html      |    12 +
 .../reftests/forms/input/radio/radio-clamp-01.html |    34 +
 .../forms/input/radio/radio-clamp-02-ref.html      |    37 +
 .../reftests/forms/input/radio/radio-clamp-02.html |    38 +
 .../input/radio/radio-minimum-size-notref.html     |     2 +
 .../forms/input/radio/radio-minimum-size.html      |    22 +
 layout/reftests/forms/input/radio/reftest.list     |     9 +
 .../input/radio/unchecked-appearance-none.html     |     2 +
 .../forms/input/range/100pct-common-ref.html       |     6 +
 .../forms/input/range/75pct-common-ref.html        |     6 +
 .../input/range/75pct-unthemed-common-ref.html     |     6 +
 .../reftests/forms/input/range/auto-size-ref.html  |    59 +
 layout/reftests/forms/input/range/auto-size.html   |    50 +
 ...ferent-fraction-of-range-unthemed-1-notref.html |     6 +
 .../different-fraction-of-range-unthemed-1.html    |     7 +
 .../input/range/direction-unthemed-1-ref.html      |     6 +
 .../forms/input/range/direction-unthemed-1.html    |     7 +
 .../from-range-to-other-type-unthemed-1-ref.html   |     6 +
 .../range/from-range-to-other-type-unthemed-1.html |    16 +
 layout/reftests/forms/input/range/max-prop.html    |    20 +
 .../input/range/moz-range-progress-1-ref.html      |    36 +
 .../forms/input/range/moz-range-progress-1.html    |    30 +
 .../input/range/moz-range-progress-2-ref.html      |    35 +
 .../forms/input/range/moz-range-progress-2.html    |    40 +
 .../input/range/moz-range-progress-3-ref.html      |    35 +
 .../forms/input/range/moz-range-progress-3.html    |    40 +
 .../input/range/not-other-type-unthemed-1.html     |     6 +
 .../range/not-other-type-unthemed-1a-notref.html   |     6 +
 .../range/not-other-type-unthemed-1b-notref.html   |     6 +
 .../range/not-other-type-unthemed-1c-notref.html   |     6 +
 .../input/range/range-border-background-ref.html   |    26 +
 .../forms/input/range/range-border-background.html |    26 +
 .../forms/input/range/range-orient-block.html      |     3 +
 .../input/range/range-orient-horizontal-rtl.html   |     3 +
 .../forms/input/range/range-orient-horizontal.html |     3 +
 .../forms/input/range/range-orient-inline.html     |     3 +
 .../input/range/range-orient-vertical-rtl.html     |     3 +
 .../forms/input/range/range-orient-vertical.html   |     3 +
 .../range/range-percent-intrinsic-size-2b-ref.html |    92 +
 .../range/range-percent-intrinsic-size-2b.html     |    99 +
 .../forms/input/range/range-track-bg-ref.html      |    16 +
 .../reftests/forms/input/range/range-track-bg.html |     9 +
 .../forms/input/range/range-vlr-orient-block.html  |     3 +
 .../input/range/range-vlr-orient-horizontal.html   |     3 +
 .../forms/input/range/range-vlr-orient-inline.html |     3 +
 .../input/range/range-vlr-orient-vertical.html     |     3 +
 layout/reftests/forms/input/range/range-vlr.html   |     3 +
 .../forms/input/range/range-vrl-orient-block.html  |     3 +
 .../input/range/range-vrl-orient-horizontal.html   |     3 +
 .../forms/input/range/range-vrl-orient-inline.html |     3 +
 .../input/range/range-vrl-orient-vertical.html     |     3 +
 layout/reftests/forms/input/range/range-vrl.html   |     3 +
 layout/reftests/forms/input/range/reftest.list     |    61 +
 .../forms/input/range/reset-value-ref.html         |    14 +
 layout/reftests/forms/input/range/reset-value.html |    14 +
 .../same-fraction-of-range-unthemed-1-ref.html     |     6 +
 .../range/same-fraction-of-range-unthemed-1.html   |     9 +
 .../forms/input/range/stepDown-unthemed.html       |    16 +
 layout/reftests/forms/input/range/stepDown.html    |    16 +
 .../forms/input/range/stepUp-unthemed.html         |    16 +
 layout/reftests/forms/input/range/stepUp.html      |    16 +
 .../to-range-from-other-type-unthemed-1-ref.html   |     6 +
 .../range/to-range-from-other-type-unthemed-1.html |    15 +
 .../input/range/track-default-rendering-ref.html   |    25 +
 .../forms/input/range/track-default-rendering.html |    22 +
 .../forms/input/range/value-prop-unthemed.html     |    17 +
 layout/reftests/forms/input/range/value-prop.html  |    17 +
 .../input/range/valueAsNumber-prop-unthemed.html   |    17 +
 .../forms/input/range/valueAsNumber-prop.html      |    17 +
 layout/reftests/forms/input/reftest.list           |    14 +
 layout/reftests/forms/input/search/1.html          |     7 +
 layout/reftests/forms/input/search/2.html          |    18 +
 layout/reftests/forms/input/search/3.html          |    19 +
 .../input/search/appearance-textfield-dynamic.html |     7 +
 .../forms/input/search/appearance-textfield.html   |     2 +
 layout/reftests/forms/input/search/ref.html        |     6 +
 layout/reftests/forms/input/search/reftest.list    |     8 +
 .../reftests/forms/input/search/search-basic.html  |     2 +
 .../forms/input/search/search-with-value.html      |     2 +
 .../forms/input/search/text-with-value.html        |     2 +
 layout/reftests/forms/input/search/text.html       |     2 +
 layout/reftests/forms/input/tel/1.html             |     7 +
 layout/reftests/forms/input/tel/2.html             |    18 +
 layout/reftests/forms/input/tel/3.html             |    19 +
 layout/reftests/forms/input/tel/ref.html           |     6 +
 layout/reftests/forms/input/tel/reftest.list       |     3 +
 .../reftests/forms/input/text/autofill-blank.html  |     8 +
 .../forms/input/text/autofill-line-height.html     |     9 +
 .../forms/input/text/autofill-prefilled-value.html |     9 +
 .../forms/input/text/autofill-preview-blank.html   |     8 +
 .../input/text/autofill-preview-line-height.html   |    12 +
 .../forms/input/text/autofill-preview.html         |     9 +
 layout/reftests/forms/input/text/autofill.html     |     9 +
 .../reftests/forms/input/text/baseline-1-ref.html  |    21 +
 layout/reftests/forms/input/text/baseline-1.html   |    31 +
 layout/reftests/forms/input/text/bounds-1-ref.html |    11 +
 layout/reftests/forms/input/text/bounds-1.html     |    22 +
 .../forms/input/text/centering-1-ref.xhtml         |    28 +
 layout/reftests/forms/input/text/centering-1.xhtml |    39 +
 .../forms/input/text/dynamic-height-1-ref.xhtml    |     9 +
 .../forms/input/text/dynamic-height-1.xhtml        |    23 +
 .../forms/input/text/focus-on-anchor-ref.html      |     2 +
 .../reftests/forms/input/text/focus-on-anchor.html |     2 +
 .../forms/input/text/height-small-font-notref.html |     2 +
 .../forms/input/text/height-small-font.html        |     2 +
 .../forms/input/text/intrinsic-size-ref.html       |    12 +
 .../reftests/forms/input/text/intrinsic-size.html  |    16 +
 .../reftests/forms/input/text/line-height-0.5.html |     7 +
 .../reftests/forms/input/text/line-height-1.0.html |     7 +
 .../reftests/forms/input/text/line-height-2.5.html |     7 +
 .../forms/input/text/pseudo-class-lock-ref.html    |     2 +
 .../forms/input/text/pseudo-class-lock.html        |     5 +
 layout/reftests/forms/input/text/reftest.list      |    25 +
 .../forms/input/text/select-overflow-ref.html      |    18 +
 .../reftests/forms/input/text/select-overflow.html |    25 +
 layout/reftests/forms/input/text/select-ref.html   |    18 +
 layout/reftests/forms/input/text/select.html       |    21 +
 .../forms/input/text/shadow-rules-ref.html         |     7 +
 layout/reftests/forms/input/text/shadow-rules.html |    10 +
 layout/reftests/forms/input/text/size-1-ref.html   |     3 +
 layout/reftests/forms/input/text/size-1.html       |     3 +
 layout/reftests/forms/input/text/size-2-ref.html   |     5 +
 layout/reftests/forms/input/text/size-2.html       |     5 +
 layout/reftests/forms/input/url/1.html             |     7 +
 layout/reftests/forms/input/url/2.html             |    18 +
 layout/reftests/forms/input/url/3.html             |    19 +
 layout/reftests/forms/input/url/ref.html           |     6 +
 layout/reftests/forms/input/url/reftest.list       |     3 +
 layout/reftests/forms/legend/1273433-ref.html      |    51 +
 layout/reftests/forms/legend/1273433.html          |    51 +
 layout/reftests/forms/legend/1339287-ref.html      |    46 +
 layout/reftests/forms/legend/1339287.html          |    58 +
 .../forms/legend/legend-padding-1-ref.html         |    43 +
 layout/reftests/forms/legend/legend-padding-1.html |    42 +
 .../forms/legend/legend-padding-2-ref.html         |    44 +
 layout/reftests/forms/legend/legend-padding-2.html |    43 +
 layout/reftests/forms/legend/legend-ref.html       |    95 +
 layout/reftests/forms/legend/legend.html           |    87 +
 layout/reftests/forms/legend/reftest.list          |     5 +
 layout/reftests/forms/legend/shadow-dom-ref.html   |    29 +
 .../forms/meter/bar-pseudo-element-ref.html        |   105 +
 .../forms/meter/bar-pseudo-element-rtl-ref.html    |    45 +
 .../forms/meter/bar-pseudo-element-rtl.html        |    26 +
 .../meter/bar-pseudo-element-vertical-ref.html     |    91 +
 .../meter/bar-pseudo-element-vertical-rtl-ref.html |    94 +
 .../meter/bar-pseudo-element-vertical-rtl.html     |    47 +
 .../forms/meter/bar-pseudo-element-vertical.html   |    47 +
 .../reftests/forms/meter/bar-pseudo-element.html   |    52 +
 .../reftests/forms/meter/block-invalidate-ref.html |    10 +
 layout/reftests/forms/meter/block-invalidate.html  |    19 +
 .../meter/default-style/default-style-dyn-ref.html |    38 +
 .../meter/default-style/default-style-dyn.html     |    34 +
 .../meter/default-style/default-style-ref.html     |   279 +
 .../forms/meter/default-style/default-style.html   |    61 +
 .../forms/meter/default-style/reftest.list         |     2 +
 .../reftests/forms/meter/default-style/style.css   |    54 +
 layout/reftests/forms/meter/in-cells-ref.html      |    22 +
 layout/reftests/forms/meter/in-cells.html          |    21 +
 .../reftests/forms/meter/margin-padding-ref.html   |    88 +
 .../forms/meter/margin-padding-rtl-ref.html        |    88 +
 .../reftests/forms/meter/margin-padding-rtl.html   |    40 +
 .../forms/meter/margin-padding-vertical-ref.html   |    88 +
 .../meter/margin-padding-vertical-rtl-ref.html     |    88 +
 .../forms/meter/margin-padding-vertical-rtl.html   |    43 +
 .../forms/meter/margin-padding-vertical.html       |    43 +
 layout/reftests/forms/meter/margin-padding.html    |    40 +
 layout/reftests/forms/meter/max-height-ref.html    |    11 +
 layout/reftests/forms/meter/max-height.html        |    11 +
 .../reftests/forms/meter/meter-orient-block.html   |     3 +
 .../forms/meter/meter-orient-horizontal-rtl.html   |     3 +
 .../forms/meter/meter-orient-horizontal.html       |     3 +
 .../reftests/forms/meter/meter-orient-inline.html  |     3 +
 .../forms/meter/meter-orient-vertical-rtl.html     |     3 +
 .../forms/meter/meter-orient-vertical.html         |     3 +
 .../forms/meter/meter-vlr-orient-block.html        |     3 +
 .../forms/meter/meter-vlr-orient-horizontal.html   |     3 +
 .../forms/meter/meter-vlr-orient-inline.html       |     3 +
 .../forms/meter/meter-vlr-orient-vertical.html     |     3 +
 layout/reftests/forms/meter/meter-vlr.html         |     3 +
 .../forms/meter/meter-vrl-orient-block.html        |     3 +
 .../forms/meter/meter-vrl-orient-horizontal.html   |     3 +
 .../forms/meter/meter-vrl-orient-inline.html       |     3 +
 .../forms/meter/meter-vrl-orient-vertical.html     |     3 +
 layout/reftests/forms/meter/meter-vrl.html         |     3 +
 layout/reftests/forms/meter/reftest.list           |    44 +
 .../forms/meter/rounded-corner-clipping-ref.html   |    21 +
 .../forms/meter/rounded-corner-clipping.html       |    17 +
 layout/reftests/forms/meter/style.css              |    38 +
 .../reftests/forms/meter/transformations-ref.html  |    78 +
 layout/reftests/forms/meter/transformations.html   |    36 +
 layout/reftests/forms/meter/values-ref.html        |   163 +
 layout/reftests/forms/meter/values-rtl-ref.html    |   163 +
 layout/reftests/forms/meter/values-rtl.html        |    42 +
 .../reftests/forms/meter/values-vertical-ref.html  |   163 +
 .../forms/meter/values-vertical-rtl-ref.html       |   163 +
 .../reftests/forms/meter/values-vertical-rtl.html  |    47 +
 layout/reftests/forms/meter/values-vertical.html   |    47 +
 layout/reftests/forms/meter/values.html            |    42 +
 layout/reftests/forms/output/output-1.html         |     7 +
 layout/reftests/forms/output/output-2.html         |     7 +
 layout/reftests/forms/output/output-3.html         |     7 +
 layout/reftests/forms/output/output-4.html         |     7 +
 layout/reftests/forms/output/output-5.html         |    18 +
 layout/reftests/forms/output/output-6.html         |    18 +
 layout/reftests/forms/output/output-7.html         |    22 +
 layout/reftests/forms/output/output-ref-2.html     |     6 +
 layout/reftests/forms/output/output-ref-3.html     |     6 +
 layout/reftests/forms/output/output-ref.html       |     6 +
 layout/reftests/forms/output/reftest.list          |     7 +
 layout/reftests/forms/overflow-ref.html            |    19 +
 layout/reftests/forms/overflow.html                |    20 +
 .../forms/placeholder/placeholder-1-password.html  |     8 +
 .../forms/placeholder/placeholder-1-text.html      |     8 +
 .../forms/placeholder/placeholder-1-textarea.html  |     8 +
 .../reftests/forms/placeholder/placeholder-10.html |    27 +
 .../reftests/forms/placeholder/placeholder-11.html |     8 +
 .../reftests/forms/placeholder/placeholder-12.html |     8 +
 .../reftests/forms/placeholder/placeholder-13.html |    18 +
 .../reftests/forms/placeholder/placeholder-14.html |    18 +
 .../reftests/forms/placeholder/placeholder-18.html |    22 +
 .../forms/placeholder/placeholder-2-textarea.html  |    19 +
 .../reftests/forms/placeholder/placeholder-2.html  |    19 +
 .../reftests/forms/placeholder/placeholder-20.html |    23 +
 .../reftests/forms/placeholder/placeholder-21.html |    22 +
 .../reftests/forms/placeholder/placeholder-22.html |    22 +
 .../reftests/forms/placeholder/placeholder-3.html  |     7 +
 .../reftests/forms/placeholder/placeholder-4.html  |    18 +
 .../reftests/forms/placeholder/placeholder-5.html  |    19 +
 .../forms/placeholder/placeholder-6-textarea.html  |     8 +
 .../reftests/forms/placeholder/placeholder-6.html  |     8 +
 .../reftests/forms/placeholder/placeholder-7.html  |    19 +
 .../reftests/forms/placeholder/placeholder-8.html  |    23 +
 .../reftests/forms/placeholder/placeholder-9.html  |    23 +
 .../forms/placeholder/placeholder-blank-ref.html   |    16 +
 .../forms/placeholder/placeholder-focus-ref.html   |    17 +
 .../placeholder/placeholder-overflow-ref.html      |    13 +
 .../placeholder-overflow-textarea-ref.html         |    13 +
 .../placeholder/placeholder-overridden-ref.html    |     6 +
 .../forms/placeholder/placeholder-rtl-ref.html     |     9 +
 .../forms/placeholder/placeholder-rtl.html         |     8 +
 .../forms/placeholder/placeholder-style.css        |    10 +
 .../forms/placeholder/placeholder-visible-ref.html |    13 +
 .../placeholder-visible-textarea-ref.html          |    13 +
 layout/reftests/forms/placeholder/reftest.list     |    36 +
 .../forms/progress/bar-pseudo-element-ref.html     |   105 +
 .../forms/progress/bar-pseudo-element-rtl-ref.html |    45 +
 .../forms/progress/bar-pseudo-element-rtl.html     |    26 +
 .../progress/bar-pseudo-element-vertical-ref.html  |    90 +
 .../bar-pseudo-element-vertical-rtl-ref.html       |    91 +
 .../progress/bar-pseudo-element-vertical-rtl.html  |    47 +
 .../progress/bar-pseudo-element-vertical.html      |    47 +
 .../forms/progress/bar-pseudo-element.html         |    51 +
 .../forms/progress/block-invalidate-ref.html       |    10 +
 .../reftests/forms/progress/block-invalidate.html  |    19 +
 layout/reftests/forms/progress/in-cells-ref.html   |    22 +
 layout/reftests/forms/progress/in-cells.html       |    21 +
 .../progress/indeterminate-style-height-ref.html   |    46 +
 .../forms/progress/indeterminate-style-height.html |    24 +
 .../progress/indeterminate-style-width-ref.html    |    37 +
 .../forms/progress/indeterminate-style-width.html  |    19 +
 .../forms/progress/margin-padding-ref.html         |    88 +
 .../forms/progress/margin-padding-rtl-ref.html     |    88 +
 .../forms/progress/margin-padding-rtl.html         |    40 +
 .../progress/margin-padding-vertical-ref.html      |    88 +
 .../progress/margin-padding-vertical-rtl-ref.html  |    88 +
 .../progress/margin-padding-vertical-rtl.html      |    43 +
 .../forms/progress/margin-padding-vertical.html    |    43 +
 layout/reftests/forms/progress/margin-padding.html |    40 +
 layout/reftests/forms/progress/max-height-ref.html |    11 +
 layout/reftests/forms/progress/max-height.html     |    11 +
 .../forms/progress/progress-orient-block.html      |     3 +
 .../progress/progress-orient-horizontal-rtl.html   |     3 +
 .../forms/progress/progress-orient-horizontal.html |     3 +
 .../forms/progress/progress-orient-inline.html     |     3 +
 .../progress/progress-orient-vertical-rtl.html     |     3 +
 .../forms/progress/progress-orient-vertical.html   |     3 +
 .../forms/progress/progress-vlr-orient-block.html  |     3 +
 .../progress/progress-vlr-orient-horizontal.html   |     3 +
 .../forms/progress/progress-vlr-orient-inline.html |     3 +
 .../progress/progress-vlr-orient-vertical.html     |     3 +
 layout/reftests/forms/progress/progress-vlr.html   |     3 +
 .../forms/progress/progress-vrl-orient-block.html  |     3 +
 .../progress/progress-vrl-orient-horizontal.html   |     3 +
 .../forms/progress/progress-vrl-orient-inline.html |     3 +
 .../progress/progress-vrl-orient-vertical.html     |     3 +
 layout/reftests/forms/progress/progress-vrl.html   |     3 +
 layout/reftests/forms/progress/reftest.list        |    42 +
 layout/reftests/forms/progress/style.css           |    37 +
 .../forms/progress/transformations-ref.html        |    78 +
 .../reftests/forms/progress/transformations.html   |    36 +
 layout/reftests/forms/progress/values-ref.html     |    58 +
 layout/reftests/forms/progress/values-rtl-ref.html |    58 +
 layout/reftests/forms/progress/values-rtl.html     |    16 +
 .../forms/progress/values-vertical-ref.html        |    58 +
 .../forms/progress/values-vertical-rtl-ref.html    |    58 +
 .../forms/progress/values-vertical-rtl.html        |    21 +
 .../reftests/forms/progress/values-vertical.html   |    21 +
 layout/reftests/forms/progress/values.html         |    16 +
 layout/reftests/forms/reftest.list                 |    40 +
 layout/reftests/forms/select/1769580-ref.html      |    12 +
 layout/reftests/forms/select/1769580.html          |    13 +
 layout/reftests/forms/select/997709-2-ref.html     |     4 +
 layout/reftests/forms/select/997709-2.html         |     4 +
 .../reftests/forms/select/arrow-color-notref.html  |     4 +
 layout/reftests/forms/select/arrow-color.html      |     4 +
 layout/reftests/forms/select/boguskids-ref.html    |    13 +
 layout/reftests/forms/select/boguskids.html        |    18 +
 .../reftests/forms/select/dynamic-boguskids.html   |    31 +
 .../forms/select/dynamic-text-indent-1-ref.html    |     4 +
 .../forms/select/dynamic-text-indent-1.html        |    14 +
 .../forms/select/dynamic-text-overflow-1-ref.html  |     4 +
 .../forms/select/dynamic-text-overflow-1.html      |    14 +
 layout/reftests/forms/select/focusring-1-ref.html  |    37 +
 layout/reftests/forms/select/focusring-1.html      |    41 +
 layout/reftests/forms/select/focusring-2-ref.html  |    22 +
 layout/reftests/forms/select/focusring-2.html      |    46 +
 .../forms/select/intrinsic-size-scrollbar.html     |     2 +
 .../forms/select/listbox-checked-style-notref.html |    11 +
 .../forms/select/listbox-checked-style-ref.html    |    11 +
 .../forms/select/listbox-checked-style.html        |    11 +
 .../forms/select/listbox-focus-notref.html         |    13 +
 layout/reftests/forms/select/listbox-focus.html    |    13 +
 .../forms/select/listbox-zero-row-initial-ref.html |    23 +
 .../forms/select/listbox-zero-row-initial.html     |    14 +
 layout/reftests/forms/select/multiple-ref.html     |    12 +
 layout/reftests/forms/select/multiple.html         |    12 +
 layout/reftests/forms/select/no-padding-ref.html   |     2 +
 layout/reftests/forms/select/no-padding.html       |     2 +
 .../reftests/forms/select/option-children-ref.html |     5 +
 layout/reftests/forms/select/option-children.html  |    11 +
 .../select/out-of-bounds-selectedindex-ref.html    |   112 +
 .../forms/select/out-of-bounds-selectedindex.html  |   129 +
 .../forms/select/padding-button-placement-ref.html |    10 +
 .../forms/select/padding-button-placement.html     |    15 +
 layout/reftests/forms/select/reftest.list          |    31 +
 ...select-option-display-none-inline-size-ref.html |    18 +
 .../select-option-display-none-inline-size.html    |    23 +
 .../forms/select/select-scrollbar-width-ref.html   |     2 +
 .../forms/select/select-scrollbar-width.html       |     2 +
 .../select/themed-select-padding-no-clip-ref.html  |    37 +
 .../select/themed-select-padding-no-clip.html      |    26 +
 .../forms/select/vertical-centering-ref.html       |    20 +
 .../reftests/forms/select/vertical-centering.html  |    18 +
 .../forms/text-control-baseline-1-ref.html         |    30 +
 layout/reftests/forms/text-control-baseline-1.html |    37 +
 .../textarea/appearance-background-change-ref.html |     8 +
 .../textarea/appearance-background-change.html     |    11 +
 .../forms/textarea/in-dynamic-rtl-doc.html         |    18 +
 .../forms/textarea/in-ltr-doc-scrollbar.html       |    10 +
 .../forms/textarea/in-rtl-doc-scrollbar.html       |    10 +
 layout/reftests/forms/textarea/ltr-scrollbar.html  |    10 +
 layout/reftests/forms/textarea/ltr.html            |    10 +
 layout/reftests/forms/textarea/no-resize.html      |    10 +
 .../textarea/padding-scrollbar-placement-ref.html  |    43 +
 .../textarea/padding-scrollbar-placement.html      |    44 +
 .../textarea/padding-text-overflow-notref.html     |    12 +
 .../forms/textarea/padding-text-overflow.html      |    13 +
 layout/reftests/forms/textarea/reftest.list        |    18 +
 .../forms/textarea/resize-background-ref.html      |    30 +
 .../reftests/forms/textarea/resize-background.html |     3 +
 layout/reftests/forms/textarea/resize-ref.html     |     3 +
 layout/reftests/forms/textarea/resize-rtl-ref.html |     3 +
 .../forms/textarea/resize-rtl-vertical.html        |     3 +
 layout/reftests/forms/textarea/resize-rtl.html     |     3 +
 .../reftests/forms/textarea/resize-vertical.html   |     3 +
 layout/reftests/forms/textarea/resize.html         |     3 +
 .../reftests/forms/textarea/rtl-dynamic-attr.html  |    18 +
 .../reftests/forms/textarea/rtl-dynamic-style.html |    18 +
 layout/reftests/forms/textarea/rtl-scrollbar.html  |    10 +
 layout/reftests/forms/textarea/rtl.html            |    10 +
 .../reftests/forms/textarea/various-cols-ref.html  |     4 +
 layout/reftests/forms/textarea/various-cols.html   |     4 +
 .../reftests/forms/textbox/accesskey-1-dyn.xhtml   |    42 +
 .../forms/textbox/accesskey-1-notref.xhtml         |    35 +
 layout/reftests/forms/textbox/accesskey-1.xhtml    |    35 +
 .../reftests/forms/textbox/accesskey-2-ref.xhtml   |    36 +
 layout/reftests/forms/textbox/accesskey-2.xhtml    |    36 +
 .../forms/textbox/accesskey-3-notref.xhtml         |    36 +
 .../reftests/forms/textbox/accesskey-3-ref.xhtml   |    36 +
 layout/reftests/forms/textbox/accesskey-3.xhtml    |    36 +
 .../forms/textbox/accesskey-4-notref.xhtml         |    36 +
 .../reftests/forms/textbox/accesskey-4-ref.xhtml   |    36 +
 layout/reftests/forms/textbox/accesskey-4.xhtml    |    36 +
 .../forms/textbox/align-baseline-1-ref.xhtml       |    26 +
 .../reftests/forms/textbox/align-baseline-1.xhtml  |    34 +
 layout/reftests/forms/textbox/reftest.list         |    11 +
 layout/reftests/forms/textbox/setsize-ref.xhtml    |     9 +
 layout/reftests/forms/textbox/setsize.xhtml        |     8 +
 layout/reftests/frameset/frameset-add-col-ref.html |    10 +
 layout/reftests/frameset/frameset-add-col.html     |    22 +
 layout/reftests/frameset/frameset-add-row-ref.html |    10 +
 layout/reftests/frameset/frameset-add-row.html     |    22 +
 .../reftests/frameset/frameset-remove-col-ref.html |    10 +
 layout/reftests/frameset/frameset-remove-col.html  |    20 +
 .../reftests/frameset/frameset-remove-row-ref.html |    10 +
 layout/reftests/frameset/frameset-remove-row.html  |    20 +
 layout/reftests/frameset/reftest.list              |     4 +
 .../generated-content/attr-whitespace-ref.html     |    10 +
 .../generated-content/attr-whitespace.xhtml        |    60 +
 .../before-style-sharing-ref.html                  |     3 +
 .../generated-content/before-style-sharing.html    |     8 +
 .../generated-content/display-types-01-ref.html    |    45 +
 .../generated-content/display-types-01.html        |    53 +
 .../generated-content/dynamic-attr-01-ref.html     |     6 +
 .../generated-content/dynamic-attr-01.html         |    30 +
 .../generated-content/dynamic-button-01-ref.html   |     4 +
 .../generated-content/dynamic-button-01a.html      |    15 +
 .../generated-content/dynamic-button-01b.html      |    10 +
 .../generated-content/dynamic-content-ref.html     |     7 +
 .../generated-content/dynamic-content.html         |    14 +
 .../generated-content/dynamic-fieldset-01-ref.html |     4 +
 .../generated-content/dynamic-fieldset-01a.html    |    15 +
 .../generated-content/dynamic-fieldset-01b.html    |    10 +
 .../dynamic-generated-content-inherit-001.html     |    25 +
 .../generated-content/dynamic-restyle-01-ref.html  |     7 +
 .../generated-content/dynamic-restyle-01.html      |    29 +
 .../dynamic-table-cell-01-ref.html                 |     8 +
 .../generated-content/dynamic-table-cell-01a.html  |    20 +
 .../generated-content/dynamic-table-cell-01b.html  |    13 +
 .../dynamic-table-cell-indent-ref.html             |     4 +
 .../dynamic-table-cell-indent.html                 |    24 +
 .../reftests/generated-content/floated-01-ref.html |    23 +
 layout/reftests/generated-content/floated-01.html  |    44 +
 .../generated-content-inherit-001-ref.html         |     7 +
 .../generated-content-inherit-001.html             |    20 +
 .../reftests/generated-content/images-01-ref.html  |    11 +
 layout/reftests/generated-content/images-01.html   |    18 +
 .../generated-content/positioned-01-ref.html       |    21 +
 .../reftests/generated-content/positioned-01.html  |    48 +
 .../reftests/generated-content/quotes-001-ref.xml  |    13 +
 layout/reftests/generated-content/quotes-001.xml   |    93 +
 layout/reftests/generated-content/reftest.list     |    24 +
 .../generated-content/square-outline-32x32.png     |   Bin 0 -> 96 bytes
 .../table-ignoring-whitespace-01-ref.html          |    27 +
 .../table-ignoring-whitespace-01.html              |    49 +
 .../generated-content/table-parts-01-ref.html      |    75 +
 .../reftests/generated-content/table-parts-01.html |    74 +
 .../transitive-style-invalidation-ref.html         |    19 +
 .../transitive-style-invalidation.html             |    22 +
 layout/reftests/high-contrast/ahem.css             |     4 +
 .../high-contrast/backplate-bg-image-001-ref.html  |    25 +
 .../high-contrast/backplate-bg-image-001.html      |    16 +
 .../high-contrast/backplate-bg-image-002-ref.html  |    23 +
 .../high-contrast/backplate-bg-image-002.html      |    19 +
 .../high-contrast/backplate-bg-image-003-ref.html  |    40 +
 .../high-contrast/backplate-bg-image-003.html      |    36 +
 .../high-contrast/backplate-bg-image-004-ref.html  |    33 +
 .../high-contrast/backplate-bg-image-004.html      |    30 +
 .../high-contrast/backplate-bg-image-005-ref.html  |    29 +
 .../high-contrast/backplate-bg-image-005.html      |    22 +
 .../high-contrast/backplate-bg-image-006-ref.html  |    29 +
 .../high-contrast/backplate-bg-image-006.html      |    24 +
 .../high-contrast/backplate-bg-image-007-ref.html  |    37 +
 .../high-contrast/backplate-bg-image-007.html      |    32 +
 .../high-contrast/backplate-bg-image-008-ref.html  |    27 +
 .../high-contrast/backplate-bg-image-008.html      |    25 +
 .../high-contrast/backplate-bg-image-009-ref.html  |    38 +
 .../high-contrast/backplate-bg-image-009.html      |    30 +
 .../high-contrast/backplate-bg-image-010-ref.html  |    51 +
 .../high-contrast/backplate-bg-image-010.html      |    46 +
 .../high-contrast/backplate-bg-image-011-ref.html  |    25 +
 .../high-contrast/backplate-bg-image-011.html      |    22 +
 .../high-contrast/backplate-bg-image-012-ref.html  |    21 +
 .../high-contrast/backplate-bg-image-012.html      |    18 +
 .../high-contrast/backplate-bg-image-013-ref.html  |    19 +
 .../high-contrast/backplate-bg-image-013.html      |    20 +
 .../high-contrast/backplate-bg-image-014.html      |    16 +
 .../backplate-force-color-adjust-ref.html          |    15 +
 .../backplate-force-color-adjust.html              |    16 +
 .../high-contrast/backplate-select-001-ref.html    |     7 +
 .../high-contrast/backplate-select-001.html        |     7 +
 .../high-contrast/bg-image-div-001-ref.html        |    28 +
 .../reftests/high-contrast/bg-image-div-001.html   |    41 +
 .../high-contrast/bg-image-div-002-ref.html        |    16 +
 .../reftests/high-contrast/bg-image-div-002.html   |    18 +
 .../high-contrast/bg-image-root-001-ref.html       |     1 +
 .../reftests/high-contrast/bg-image-root-001.html  |     7 +
 layout/reftests/high-contrast/blue.png             |   Bin 0 -> 135 bytes
 .../border-color-transparent-ref.html              |     7 +
 .../high-contrast/border-color-transparent.html    |     7 +
 layout/reftests/high-contrast/cascade-001.html     |    15 +
 .../reftests/high-contrast/color-mix-notref.html   |     4 +
 layout/reftests/high-contrast/color-mix.html       |     9 +
 .../high-contrast/color-transparent-001.html       |    10 +
 .../high-contrast/color-transparent-002.html       |    13 +
 .../reftests/high-contrast/currentColor-ref.html   |     9 +
 layout/reftests/high-contrast/currentColor.html    |    10 +
 .../reftests/high-contrast/forced-colors-000.html  |    17 +
 .../reftests/high-contrast/forced-colors-001.html  |    16 +
 .../reftests/high-contrast/forced-colors-002.html  |    17 +
 layout/reftests/high-contrast/green.png            |   Bin 0 -> 84 bytes
 layout/reftests/high-contrast/links-2.html         |     5 +
 layout/reftests/high-contrast/links-ref.html       |     2 +
 layout/reftests/high-contrast/links.html           |     5 +
 .../no-system-colors-color-scheme-ref.html         |    16 +
 .../no-system-colors-color-scheme.html             |    13 +
 .../high-contrast/non-themed-button-001-ref.html   |    10 +
 .../high-contrast/non-themed-button-001.html       |     9 +
 .../high-contrast/non-themed-button-002-ref.html   |     9 +
 .../high-contrast/non-themed-button-002.html       |     9 +
 .../high-contrast/prefers-color-scheme-dark.html   |     5 +
 .../high-contrast/prefers-color-scheme-light.html  |     5 +
 .../high-contrast/prefers-color-scheme.html        |     8 +
 .../high-contrast/prefers-contrast-001.html        |    15 +
 .../high-contrast/prefers-contrast-002.html        |    23 +
 .../high-contrast/prefers-contrast-005.html        |    23 +
 .../high-contrast/prefers-contrast-black-ref.html  |    11 +
 layout/reftests/high-contrast/red.png              |   Bin 0 -> 87 bytes
 layout/reftests/high-contrast/reftest.list         |   105 +
 .../reftests/high-contrast/selection-001-ref.html  |    11 +
 layout/reftests/high-contrast/selection-001.html   |    17 +
 .../high-contrast/semi-transparent-background.html |    11 +
 .../high-contrast/semi-transparent-overlay.html    |    15 +
 .../high-contrast/system-colors-notref.html        |     2 +
 layout/reftests/high-contrast/system-colors.html   |     2 +
 .../append-to-empty-trailing-inline-1-ref.html     |    19 +
 .../append-to-empty-trailing-inline-1.html         |    32 +
 .../append-to-nested-split-inline-1-noib-ref.html  |    34 +
 .../append-to-nested-split-inline-1-ref.html       |    22 +
 .../ib-split/append-to-nested-split-inline-1.html  |    37 +
 .../reftests/ib-split/ignored-margins-1-ref.html   |     8 +
 layout/reftests/ib-split/ignored-margins-1a.html   |    16 +
 layout/reftests/ib-split/ignored-margins-1b.html   |    16 +
 .../reftests/ib-split/ignored-margins-2-ref.html   |     8 +
 layout/reftests/ib-split/ignored-margins-2a.html   |    16 +
 layout/reftests/ib-split/ignored-margins-2b.html   |    16 +
 .../insert-into-split-inline-1-noib-ref.html       |    27 +
 .../ib-split/insert-into-split-inline-1-ref.html   |    23 +
 .../insert-into-split-inline-10-noib-ref.html      |    34 +
 .../ib-split/insert-into-split-inline-10-ref.html  |    23 +
 .../ib-split/insert-into-split-inline-10.html      |    34 +
 .../insert-into-split-inline-11-noib-ref.html      |    36 +
 .../ib-split/insert-into-split-inline-11-ref.html  |    25 +
 .../ib-split/insert-into-split-inline-11.html      |    36 +
 .../insert-into-split-inline-12-noib-ref.html      |    10 +
 .../ib-split/insert-into-split-inline-12-ref.html  |     6 +
 .../ib-split/insert-into-split-inline-12.html      |    17 +
 .../insert-into-split-inline-13-noib-ref.html      |     8 +
 .../ib-split/insert-into-split-inline-13-ref.html  |     6 +
 .../ib-split/insert-into-split-inline-13.html      |    24 +
 .../insert-into-split-inline-14-noib-ref.html      |     8 +
 .../ib-split/insert-into-split-inline-14-ref.html  |     6 +
 .../ib-split/insert-into-split-inline-14.html      |    23 +
 .../insert-into-split-inline-15-noib-ref.html      |    10 +
 .../ib-split/insert-into-split-inline-15-ref.html  |     6 +
 .../ib-split/insert-into-split-inline-15.html      |    17 +
 .../insert-into-split-inline-16-noib-ref.html      |     8 +
 .../ib-split/insert-into-split-inline-16-ref.html  |     6 +
 .../ib-split/insert-into-split-inline-16a.html     |    23 +
 .../ib-split/insert-into-split-inline-16b.html     |    23 +
 .../ib-split/insert-into-split-inline-17-ref.html  |     9 +
 .../ib-split/insert-into-split-inline-17.html      |    20 +
 .../ib-split/insert-into-split-inline-1a.html      |    35 +
 .../ib-split/insert-into-split-inline-1b.html      |    35 +
 .../ib-split/insert-into-split-inline-1c.html      |    35 +
 .../ib-split/insert-into-split-inline-1d.html      |    35 +
 .../ib-split/insert-into-split-inline-1e.html      |    35 +
 .../ib-split/insert-into-split-inline-1f.html      |    35 +
 .../ib-split/insert-into-split-inline-1g.html      |    35 +
 .../ib-split/insert-into-split-inline-1h.html      |    35 +
 .../ib-split/insert-into-split-inline-1i.html      |    35 +
 .../ib-split/insert-into-split-inline-1j.html      |    35 +
 .../ib-split/insert-into-split-inline-1k.html      |    35 +
 .../ib-split/insert-into-split-inline-1l.html      |    34 +
 .../insert-into-split-inline-2-noib-ref.html       |    25 +
 .../ib-split/insert-into-split-inline-2-ref.html   |    20 +
 .../ib-split/insert-into-split-inline-2a.html      |    32 +
 .../ib-split/insert-into-split-inline-2b.html      |    32 +
 .../ib-split/insert-into-split-inline-2c.html      |    32 +
 .../ib-split/insert-into-split-inline-2d.html      |    32 +
 .../ib-split/insert-into-split-inline-2e.html      |    32 +
 .../ib-split/insert-into-split-inline-2f.html      |    32 +
 .../ib-split/insert-into-split-inline-2g.html      |    32 +
 .../ib-split/insert-into-split-inline-2h.html      |    32 +
 .../ib-split/insert-into-split-inline-2i.html      |    31 +
 .../insert-into-split-inline-3-noib-ref.html       |    27 +
 .../ib-split/insert-into-split-inline-3-ref.html   |    21 +
 .../ib-split/insert-into-split-inline-3.html       |    32 +
 .../insert-into-split-inline-4-noib-ref.html       |    27 +
 .../ib-split/insert-into-split-inline-4-ref.html   |    22 +
 .../ib-split/insert-into-split-inline-4.html       |    34 +
 .../insert-into-split-inline-5-noib-ref.html       |    27 +
 .../ib-split/insert-into-split-inline-5-ref.html   |    21 +
 .../insert-into-split-inline-5-shadow.html         |    42 +
 .../insert-into-split-inline-6-noib-ref.html       |    17 +
 .../ib-split/insert-into-split-inline-6-ref.html   |    14 +
 .../ib-split/insert-into-split-inline-6.html       |    26 +
 .../insert-into-split-inline-7-noib-ref.html       |    17 +
 .../ib-split/insert-into-split-inline-7-ref.html   |    14 +
 .../ib-split/insert-into-split-inline-7.html       |    26 +
 .../insert-into-split-inline-8-noib-ref.html       |    23 +
 .../ib-split/insert-into-split-inline-8-ref.html   |    17 +
 .../ib-split/insert-into-split-inline-8a.html      |    29 +
 .../ib-split/insert-into-split-inline-8b.html      |    29 +
 .../ib-split/insert-into-split-inline-8c.html      |    29 +
 .../insert-into-split-inline-9-noib-ref.html       |    34 +
 .../ib-split/insert-into-split-inline-9-ref.html   |    22 +
 .../ib-split/insert-into-split-inline-9.html       |    33 +
 layout/reftests/ib-split/reftest.list              |    65 +
 layout/reftests/ib-split/relpos-inline-1-ref.html  |    15 +
 layout/reftests/ib-split/relpos-inline-1a.html     |    22 +
 layout/reftests/ib-split/relpos-inline-1b.html     |    30 +
 .../trailing-inline-with-continuations-1-ref.html  |    14 +
 .../trailing-inline-with-continuations-1.html      |    17 +
 layout/reftests/image-element/broken-icon.html     |     9 +
 layout/reftests/image-element/bug-364968-ref.html  |    24 +
 layout/reftests/image-element/bug-364968.html      |    19 +
 layout/reftests/image-element/bug-463204-ref.html  |    35 +
 layout/reftests/image-element/bug-463204.html      |    36 +
 layout/reftests/image-element/canvas-drawing.js    |    11 +
 .../image-element/canvas-inside-document.html      |    12 +
 .../canvas-outside-document-invalidate-01.html     |    30 +
 .../canvas-outside-document-invalidate-02.html     |    33 +
 .../image-element/canvas-outside-document.html     |    18 +
 .../element-paint-background-size-01-ref.html      |    12 +
 .../element-paint-background-size-01.html          |    17 +
 .../element-paint-background-size-02-ref.html      |    22 +
 .../element-paint-background-size-02.html          |    27 +
 .../image-element/element-paint-clippath-ref.html  |     9 +
 .../image-element/element-paint-clippath.html      |    23 +
 .../element-paint-continuation-ref.html            |    25 +
 .../image-element/element-paint-continuation.html  |    26 +
 .../element-paint-multiple-backgrounds-01-ref.html |    30 +
 .../element-paint-multiple-backgrounds-01a.html    |    33 +
 .../element-paint-multiple-backgrounds-01b.html    |    44 +
 .../element-paint-multiple-backgrounds-01c.html    |    45 +
 .../element-paint-native-widget-ref.html           |    14 +
 .../image-element/element-paint-native-widget.html |    21 +
 ...ment-paint-paintserversize-rounding-01-ref.html |    31 +
 .../element-paint-paintserversize-rounding-01.html |    39 +
 ...ment-paint-paintserversize-rounding-02-ref.html |    24 +
 .../element-paint-paintserversize-rounding-02.html |    37 +
 .../image-element/element-paint-recursion-ref.html |    21 +
 .../image-element/element-paint-recursion.html     |    28 +
 .../image-element/element-paint-repeated-ref.html  |    16 +
 .../image-element/element-paint-repeated.html      |    17 +
 .../image-element/element-paint-sharpness-01a.html |    17 +
 .../image-element/element-paint-sharpness-01b.html |    12 +
 .../image-element/element-paint-sharpness-01c.html |    12 +
 .../image-element/element-paint-sharpness-01d.html |    17 +
 .../image-element/element-paint-sharpness-02a.html |    17 +
 .../image-element/element-paint-sharpness-02b.html |    17 +
 .../image-element/element-paint-sharpness-02c.html |    17 +
 .../image-element/element-paint-simple-ref.html    |    20 +
 .../image-element/element-paint-simple.html        |    28 +
 ...lement-paint-subimage-sampling-restriction.html |    39 +
 .../element-paint-transform-01-ref.html            |    13 +
 .../image-element/element-paint-transform-01.html  |    18 +
 .../element-paint-transform-02-ref.html            |    23 +
 .../image-element/element-paint-transform-02.html  |    28 +
 .../element-paint-transform-03-ref.html            |    49 +
 .../image-element/element-paint-transform-03.html  |    37 +
 .../element-paint-transform-repeated-ref.html      |    19 +
 .../element-paint-transform-repeated.html          |    30 +
 layout/reftests/image-element/empty-src.html       |     9 +
 .../image-element/gradient-html-01-ref.svg         |    11 +
 .../reftests/image-element/gradient-html-01.html   |    16 +
 .../image-element/gradient-html-02-ref.svg         |    12 +
 .../reftests/image-element/gradient-html-02.html   |    21 +
 .../image-element/gradient-html-03-ref.svg         |    12 +
 .../reftests/image-element/gradient-html-03.html   |    19 +
 .../image-element/gradient-html-04-ref.html        |    17 +
 .../reftests/image-element/gradient-html-04.html   |    24 +
 .../image-element/gradient-html-05-ref.html        |    17 +
 .../reftests/image-element/gradient-html-05.html   |    26 +
 .../reftests/image-element/gradient-html-06a.html  |    18 +
 .../reftests/image-element/gradient-html-06b.html  |    13 +
 .../reftests/image-element/gradient-html-06c.html  |    19 +
 .../reftests/image-element/gradient-html-06d.html  |    23 +
 .../reftests/image-element/gradient-html-06e.html  |    23 +
 .../reftests/image-element/gradient-html-07a.html  |    18 +
 .../reftests/image-element/gradient-html-07b.html  |    12 +
 .../reftests/image-element/gradient-html-07c.html  |    19 +
 .../reftests/image-element/gradient-html-07d.html  |    12 +
 .../image-outside-document-invalidate.html         |    24 +
 layout/reftests/image-element/invalid-src-2.html   |     9 +
 layout/reftests/image-element/invalid-src.html     |     9 +
 .../reftests/image-element/invalidate-1-ref.html   |     7 +
 layout/reftests/image-element/invalidate-1.html    |    18 +
 .../image-element/mask-image-element-ref.html      |    48 +
 .../reftests/image-element/mask-image-element.html |    63 +
 .../image-element/mozsetimageelement-01-ref.html   |    19 +
 .../image-element/mozsetimageelement-01.html       |    44 +
 .../image-element/mozsetimageelement-02.html       |    25 +
 layout/reftests/image-element/no-src.html          |     9 +
 .../reftests/image-element/orientation-1-ref.html  |     3 +
 layout/reftests/image-element/orientation-1.html   |     4 +
 .../reftests/image-element/pattern-html-01-ref.svg |    14 +
 layout/reftests/image-element/pattern-html-01.html |    21 +
 .../reftests/image-element/pattern-html-02-ref.svg |    27 +
 layout/reftests/image-element/pattern-html-02.html |    26 +
 layout/reftests/image-element/reftest.list         |    59 +
 .../image-element/repeatable-diagonal-gradient.png |   Bin 0 -> 14520 bytes
 layout/reftests/image/100.png                      |   Bin 0 -> 91 bytes
 layout/reftests/image/200.png                      |   Bin 0 -> 100 bytes
 layout/reftests/image/300.png                      |   Bin 0 -> 106 bytes
 layout/reftests/image/400.png                      |   Bin 0 -> 114 bytes
 layout/reftests/image/50.png                       |   Bin 0 -> 85 bytes
 layout/reftests/image/500.svg                      |     9 +
 .../image/background-image-zoom-1-ref.html         |    23 +
 layout/reftests/image/background-image-zoom-1.html |    24 +
 layout/reftests/image/background-image-zoom-2.html |    23 +
 layout/reftests/image/big.png                      |   Bin 0 -> 82 bytes
 layout/reftests/image/blue-100x50.png              |   Bin 0 -> 219 bytes
 layout/reftests/image/blue-16x20.png               |   Bin 0 -> 118 bytes
 layout/reftests/image/blue-32x32.png               |   Bin 0 -> 110 bytes
 layout/reftests/image/blue-50x100.png              |   Bin 0 -> 220 bytes
 layout/reftests/image/blue-50x50.png               |   Bin 0 -> 191 bytes
 layout/reftests/image/image-exif-0-deg-flip.jpg    |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-0-deg.jpg         |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-180-deg-flip.jpg  |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-180-deg.jpg       |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-270-deg-flip.jpg  |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-270-deg.jpg       |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-90-deg-flip.jpg   |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-90-deg.jpg        |   Bin 0 -> 6872 bytes
 layout/reftests/image/image-exif-none.jpg          |   Bin 0 -> 1776 bytes
 layout/reftests/image/image-in-iframe-1-ref.html   |     6 +
 layout/reftests/image/image-in-iframe-1.html       |    16 +
 .../reftests/image/image-object-fit-dyn-1-ref.html |    24 +
 layout/reftests/image/image-object-fit-dyn-1.html  |    45 +
 .../image-object-fit-with-background-1-ref.html    |    26 +
 .../image/image-object-fit-with-background-1.html  |    34 +
 .../image-object-fit-with-background-2-ref.html    |    28 +
 .../image/image-object-fit-with-background-2.html  |    40 +
 .../image/image-object-position-dyn-1-ref.html     |    25 +
 .../image/image-object-position-dyn-1.html         |    45 +
 ...mage-object-position-with-background-1-ref.html |    42 +
 .../image-object-position-with-background-1.html   |    35 +
 ...mage-object-position-with-background-2-ref.html |    23 +
 .../image-object-position-with-background-2.html   |    31 +
 .../image/image-orientation-background.html        |    43 +
 .../image/image-orientation-dynamic-ref.html       |    33 +
 .../reftests/image/image-orientation-dynamic.html  |    17 +
 .../image/image-orientation-explicit-none.html     |    21 +
 .../image/image-orientation-from-image.html        |    40 +
 .../image-orientation-generated-content-ref.html   |    33 +
 .../image/image-orientation-generated-content.html |    19 +
 layout/reftests/image/image-orientation-ref.html   |    80 +
 .../image/image-resize-percent-height.html         |    15 +
 .../reftests/image/image-resize-percent-width.html |    15 +
 layout/reftests/image/image-resize-ref.html        |     3 +
 layout/reftests/image/image-seam-1-ref.html        |    14 +
 layout/reftests/image/image-seam-1a.html           |    17 +
 layout/reftests/image/image-seam-1b.html           |    17 +
 layout/reftests/image/image-seam-2-ref.html        |    17 +
 layout/reftests/image/image-seam-2.html            |    18 +
 .../image-srcset-basic-selection-0.1x-ref.html     |    11 +
 .../image/image-srcset-basic-selection-0.1x.html   |    26 +
 .../image-srcset-basic-selection-0.5x-ref.html     |    11 +
 .../image/image-srcset-basic-selection-0.5x.html   |    26 +
 .../image-srcset-basic-selection-0.6x-ref.html     |    11 +
 .../image/image-srcset-basic-selection-0.6x.html   |    26 +
 .../image-srcset-basic-selection-1.5x-ref.html     |    11 +
 .../image/image-srcset-basic-selection-1.5x.html   |    26 +
 .../image/image-srcset-basic-selection-1x-ref.html |    11 +
 .../image/image-srcset-basic-selection-1x.html     |    26 +
 .../image/image-srcset-basic-selection-2x-ref.html |    11 +
 .../image/image-srcset-basic-selection-2x.html     |    26 +
 ...mage-srcset-basic-selection-width-0.5x-ref.html |    11 +
 .../image-srcset-basic-selection-width-0.5x.html   |    26 +
 ...image-srcset-basic-selection-width-10x-ref.html |    11 +
 .../image-srcset-basic-selection-width-10x.html    |    26 +
 .../image-srcset-basic-selection-width-1x-ref.html |    11 +
 .../image-srcset-basic-selection-width-1x.html     |    26 +
 .../image-srcset-basic-selection-width-2x-ref.html |    11 +
 .../image-srcset-basic-selection-width-2x.html     |    26 +
 .../image/image-srcset-default-1x-ref.html         |    11 +
 layout/reftests/image/image-srcset-default-1x.html |    26 +
 .../image/image-srcset-default-2x-ref.html         |    11 +
 layout/reftests/image/image-srcset-default-2x.html |    26 +
 .../image/image-srcset-default-src-1x-ref.html     |    11 +
 .../image/image-srcset-default-src-1x.html         |    26 +
 .../image/image-srcset-default-src-2x-ref.html     |    11 +
 .../image/image-srcset-default-src-2x.html         |    26 +
 layout/reftests/image/image-srcset-isize-ref.html  |    25 +
 layout/reftests/image/image-srcset-isize.html      |    41 +
 layout/reftests/image/image-srcset-svg-1x-ref.html |    11 +
 layout/reftests/image/image-srcset-svg-1x.html     |    26 +
 layout/reftests/image/image-srcset-svg-2x-ref.html |    11 +
 layout/reftests/image/image-srcset-svg-2x.html     |    26 +
 layout/reftests/image/image-srcset-svg-3x-ref.html |    11 +
 layout/reftests/image/image-srcset-svg-3x.html     |    26 +
 .../image/image-srcset-svg-default-1x-ref.html     |    11 +
 .../image/image-srcset-svg-default-1x.html         |    26 +
 .../image/image-srcset-svg-default-2x-ref.html     |    11 +
 .../image/image-srcset-svg-default-2x.html         |    26 +
 layout/reftests/image/image-zoom-1-ref.html        |    16 +
 layout/reftests/image/image-zoom-1.html            |    16 +
 layout/reftests/image/image-zoom-2.html            |    16 +
 .../img-invalidation-local-transform-1-ref.html    |    17 +
 .../img-invalidation-local-transform-1-ref.png     |   Bin 0 -> 3757 bytes
 .../image/img-invalidation-local-transform-1.html  |    51 +
 .../image/img-invalidation-local-transform-1.png   |   Bin 0 -> 5834 bytes
 layout/reftests/image/invalid-url-image-1-ref.html |     7 +
 layout/reftests/image/invalid-url-image-1.html     |     7 +
 .../reftests/image/moz-broken-matching-1-ref.html  |     7 +
 layout/reftests/image/moz-broken-matching-1.html   |     7 +
 .../image/moz-broken-matching-lazy-load.html       |    13 +
 layout/reftests/image/nearly-white.png             |   Bin 0 -> 115 bytes
 layout/reftests/image/no-intrinsic-size.svg        |     9 +
 layout/reftests/image/reftest.list                 |    73 +
 layout/reftests/image/small.png                    |   Bin 0 -> 85 bytes
 layout/reftests/image/sync-image-switch-1-ref.html |     4 +
 layout/reftests/image/sync-image-switch-1a.html    |    16 +
 layout/reftests/image/sync-image-switch-1b.html    |    16 +
 layout/reftests/image/sync-image-switch-1c.html    |    16 +
 layout/reftests/image/sync-image-switch-1d.html    |    16 +
 layout/reftests/image/unknown-protocol-ref.html    |     1 +
 layout/reftests/image/unknown-protocol.html        |     1 +
 .../indic-shaping/686225-1-bangla-aat-notref.html  |     5 +
 .../indic-shaping/686225-1-bangla-aat.html         |     5 +
 .../indic-shaping/686225-2-kannada-aat-notref.html |     5 +
 .../indic-shaping/686225-2-kannada-aat.html        |     5 +
 layout/reftests/indic-shaping/balinese-1-ref.html  |    19 +
 layout/reftests/indic-shaping/balinese-1.html      |    19 +
 layout/reftests/indic-shaping/bengali-1-ref.html   |    27 +
 layout/reftests/indic-shaping/bengali-1a.html      |    27 +
 layout/reftests/indic-shaping/bengali-1b.html      |    27 +
 layout/reftests/indic-shaping/bengali-2-ref.html   |    28 +
 layout/reftests/indic-shaping/bengali-2a.html      |    28 +
 layout/reftests/indic-shaping/bengali-2b.html      |    28 +
 layout/reftests/indic-shaping/bengali-3-ref.html   |    27 +
 layout/reftests/indic-shaping/bengali-3a.html      |    27 +
 layout/reftests/indic-shaping/bengali-3b.html      |    27 +
 layout/reftests/indic-shaping/bengali-3c.html      |    27 +
 .../reftests/indic-shaping/devanagari-1-ref.html   |    27 +
 layout/reftests/indic-shaping/devanagari-1a.html   |    27 +
 layout/reftests/indic-shaping/devanagari-1b.html   |    27 +
 .../reftests/indic-shaping/devanagari-2-ref.html   |    27 +
 layout/reftests/indic-shaping/devanagari-2.html    |    27 +
 .../reftests/indic-shaping/devanagari-3-ref.html   |    27 +
 layout/reftests/indic-shaping/devanagari-3a.html   |    27 +
 layout/reftests/indic-shaping/devanagari-3b.html   |    27 +
 .../indic-shaping/devanagari-4-notref.html         |    27 +
 layout/reftests/indic-shaping/devanagari-4.html    |    27 +
 layout/reftests/indic-shaping/gujarati-1-ref.html  |    27 +
 layout/reftests/indic-shaping/gujarati-1a.html     |    27 +
 layout/reftests/indic-shaping/gujarati-1b.html     |    27 +
 layout/reftests/indic-shaping/gujarati-2-ref.html  |    27 +
 layout/reftests/indic-shaping/gujarati-2.html      |    27 +
 layout/reftests/indic-shaping/gujarati-3-ref.html  |    27 +
 layout/reftests/indic-shaping/gujarati-3a.html     |    27 +
 layout/reftests/indic-shaping/gujarati-3b.html     |    27 +
 .../reftests/indic-shaping/gujarati-4-notref.html  |    27 +
 layout/reftests/indic-shaping/gujarati-4.html      |    27 +
 layout/reftests/indic-shaping/reftest.list         |    27 +
 .../inline-borderpadding/left-ltr-ref.html         |    10 +
 .../inline-borderpadding/left-rtl-ref.html         |    10 +
 .../reftests/inline-borderpadding/ltr-basic.html   |    19 +
 layout/reftests/inline-borderpadding/ltr-ib.html   |    19 +
 .../inline-borderpadding/ltr-span-only-ib.html     |    19 +
 .../inline-borderpadding/ltr-span-only.html        |    19 +
 layout/reftests/inline-borderpadding/reftest.list  |     8 +
 .../inline-borderpadding/right-ltr-ref.html        |    10 +
 .../inline-borderpadding/right-rtl-ref.html        |    10 +
 .../reftests/inline-borderpadding/rtl-basic.html   |    19 +
 layout/reftests/inline-borderpadding/rtl-ib.html   |    19 +
 .../inline-borderpadding/rtl-span-only-ib.html     |    19 +
 .../inline-borderpadding/rtl-span-only.html        |    19 +
 .../reftests/inline/inline-block-baseline-ref.html |    28 +
 layout/reftests/inline/inline-block-baseline.html  |    36 +
 layout/reftests/inline/inline-block-margin.html    |     6 +
 layout/reftests/inline/inline-block-padding.html   |     6 +
 layout/reftests/inline/inline-block-width.html     |     6 +
 layout/reftests/inline/inline-block-zero.html      |     3 +
 layout/reftests/inline/reftest.list                |     8 +
 .../inline/zero-inline-block-margin-left.html      |     6 +
 .../inline/zero-inline-block-margin-ref.html       |     6 +
 .../inline/zero-inline-block-margin-ref2.html      |     6 +
 .../inline/zero-inline-block-margin-right.html     |     6 +
 layout/reftests/invalidation/1243409-1-ref.html    |    11 +
 layout/reftests/invalidation/1243409-1.html        |    28 +
 layout/reftests/invalidation/540247-1-ref.xhtml    |    29 +
 layout/reftests/invalidation/540247-1.xhtml        |    33 +
 layout/reftests/invalidation/543681-1-ref.html     |    18 +
 layout/reftests/invalidation/543681-1.html         |    22 +
 .../invalidation/background-position-1-ref.html    |    31 +
 .../invalidation/background-position-1.html        |    41 +
 .../invalidation/background-position-2-ref.html    |    20 +
 .../invalidation/background-position-2a.html       |    32 +
 .../invalidation/background-position-2b.html       |    36 +
 .../invalidation/background-position-2c.html       |    36 +
 .../invalidation/background-position-2d.html       |    43 +
 .../invalidation/background-position-2e.html       |    43 +
 .../invalidation/background-position-2f.html       |    36 +
 .../reftests/invalidation/border-radius-1-ref.html |    28 +
 layout/reftests/invalidation/border-radius-1.html  |    38 +
 .../invalidation/box-shadow-border-radius-ref.html |    19 +
 .../invalidation/box-shadow-border-radius.html     |    27 +
 .../invalidation/clip-path-invalidation-1a.html    |    40 +
 .../invalidation/clip-path-invalidation-1b.html    |    47 +
 .../invalidation/clip-path-invalidation-1c.html    |    42 +
 .../invalidation/clip-path-invalidation-1d.html    |    50 +
 .../invalidation/clipped-animated-transform-1.html |    62 +
 layout/reftests/invalidation/fast-scrolling.html   |   113 +
 .../invalidation/filter-userspace-offset.svg       |   156 +
 .../invalidation/fractional-transform-1.html       |    36 +
 .../invalidation/fractional-transform-2.html       |    32 +
 .../invalidation/fractional-transform-3.html       |    32 +
 .../image-scrolling-zoom-1-notref.html             |    36 +
 .../invalidation/image-scrolling-zoom-1-ref.html   |    36 +
 .../invalidation/image-scrolling-zoom-1.html       |    51 +
 .../invalidation/image_rgrg-256x256-animated.gif   |   Bin 0 -> 1748 bytes
 .../reftests/invalidation/image_rgrg-256x256.png   |   Bin 0 -> 131 bytes
 .../inactive-layertree-visible-region-1.html       |    60 +
 .../inactive-layertree-visible-region-2.html       |    62 +
 .../invalidation/jetstream-scroll-ref.html         |    70 +
 layout/reftests/invalidation/jetstream-scroll.html |    73 +
 .../reftests/invalidation/layer-splitting-1.html   |    63 +
 .../reftests/invalidation/layer-splitting-2.html   |    67 +
 .../reftests/invalidation/layer-splitting-3.html   |    95 +
 .../reftests/invalidation/layer-splitting-4.html   |    82 +
 .../reftests/invalidation/layer-splitting-5.html   |   109 +
 .../reftests/invalidation/layer-splitting-6.html   |   117 +
 .../reftests/invalidation/layer-splitting-7.html   |    72 +
 .../invalidation/mask-invalidation-1-ref.html      |    22 +
 .../invalidation/mask-invalidation-1a.html         |    77 +
 .../invalidation/mask-invalidation-1b.html         |    84 +
 .../invalidation/mask-invalidation-2-ref.html      |    14 +
 .../invalidation/mask-invalidation-2a.html         |    36 +
 .../invalidation/mask-invalidation-2b.html         |    43 +
 .../invalidation/mask-invalidation-2c.html         |    42 +
 .../invalidation/mask-invalidation-2d.html         |    50 +
 layout/reftests/invalidation/masklayer-1.html      |    55 +
 layout/reftests/invalidation/masklayer-2.html      |    62 +
 .../invalidation/negative-w-component-ref.html     |    73 +
 .../invalidation/negative-w-component.html         |    86 +
 .../nudge-to-integer-invalidation.html             |    32 +
 .../invalidation/one-pixel-wide-background.png     |   Bin 0 -> 1059 bytes
 .../invalidation/paintedlayer-recycling-1.html     |    75 +
 .../invalidation/paintedlayer-recycling-2.html     |    67 +
 .../invalidation/paintedlayer-recycling-3.html     |    71 +
 .../invalidation/paintedlayer-recycling-4.html     |    70 +
 .../invalidation/paintedlayer-recycling-5.html     |    77 +
 .../invalidation/paintedlayer-recycling-6.html     |    78 +
 .../invalidation/paintedlayer-recycling-7.html     |    82 +
 .../invalidation/paintedlayer-recycling-8-ref.html |    58 +
 .../invalidation/paintedlayer-recycling-8.html     |    80 +
 .../partially-scrolled-svg-group-ref.html          |    51 +
 .../invalidation/partially-scrolled-svg-group.html |    57 +
 layout/reftests/invalidation/reftest.list          |   109 +
 .../invalidation/scroll-inactive-layers-2.html     |    86 +
 .../invalidation/scroll-inactive-layers.html       |    81 +
 .../invalidation/svg-paint-rect-changes-ref.html   |    12 +
 .../invalidation/svg-paint-rect-changes.html       |    22 +
 .../reftests/invalidation/table-repaint-a-ref.html |    13 +
 layout/reftests/invalidation/table-repaint-a.html  |    22 +
 .../reftests/invalidation/table-repaint-b-ref.html |    17 +
 layout/reftests/invalidation/table-repaint-b.html  |    29 +
 .../table-repaint-border-collapse-ref.html         |    21 +
 .../table-repaint-border-collapse.html             |    31 +
 .../reftests/invalidation/table-repaint-c-ref.html |    19 +
 layout/reftests/invalidation/table-repaint-c.html  |    30 +
 .../reftests/invalidation/table-repaint-d-ref.html |    14 +
 layout/reftests/invalidation/table-repaint-d.html  |    23 +
 .../reftests/invalidation/table-repaint-e-ref.html |    34 +
 layout/reftests/invalidation/table-repaint-e.html  |    42 +
 .../table-repaint-non-border-collapse-ref.html     |    20 +
 .../table-repaint-non-border-collapse.html         |    30 +
 .../test-animated-image-layers-background.html     |    16 +
 .../test-animated-image-layers-ref.html            |     8 +
 .../invalidation/test-animated-image-layers.html   |    16 +
 .../test-image-layers-multiple-displayitem.html    |    21 +
 .../invalidation/test-image-layers-ref.html        |     8 +
 .../reftests/invalidation/test-image-layers.html   |    16 +
 .../transform-floating-point-invalidation.html     |    32 +
 .../invalidation/zero-opacity-animation.html       |    15 +
 .../reftests/invalidation/zero-opacity-text.html   |    15 +
 .../layers/component-alpha-enter-1-ref.html        |    33 +
 .../reftests/layers/component-alpha-enter-1.html   |    56 +
 .../layers/component-alpha-exit-1-ref.html         |    30 +
 layout/reftests/layers/component-alpha-exit-1.html |    36 +
 .../layers/fixed-pos-scrolled-clip-layerize.html   |    62 +
 ...-pos-scrolled-clip-opacity-inside-layerize.html |    67 +
 .../fixed-pos-scrolled-clip-opacity-layerize.html  |    68 +
 ...forced-bg-color-outside-visible-region-ref.html |    39 +
 .../forced-bg-color-outside-visible-region.html    |   105 +
 .../reftests/layers/layerize-over-fixed-bg-1.html  |    40 +
 .../reftests/layers/mask-layer-transform-ref.html  |     8 +
 layout/reftests/layers/mask-layer-transform.html   |    10 +
 .../reftests/layers/move-to-background-1-ref.html  |    19 +
 layout/reftests/layers/move-to-background-1.html   |    19 +
 .../reftests/layers/opacity-background-1-ref.html  |    55 +
 layout/reftests/layers/opacity-background-1.html   |    55 +
 layout/reftests/layers/opacity-blending-ref.html   |    26 +
 layout/reftests/layers/opacity-blending.html       |    28 +
 .../layers/opacity-flattening-large-image-ref.html |    27 +
 .../layers/opacity-flattening-large-image.html     |    43 +
 ...ity-keep-intermediate-surface-too-long-ref.html |    37 +
 ...opacity-keep-intermediate-surface-too-long.html |    47 +
 layout/reftests/layers/pull-background-1.html      |    82 +
 layout/reftests/layers/pull-background-2.html      |    88 +
 layout/reftests/layers/pull-background-3.html      |   101 +
 layout/reftests/layers/pull-background-4.html      |   107 +
 layout/reftests/layers/pull-background-5.html      |    92 +
 layout/reftests/layers/pull-background-6.html      |    86 +
 .../pull-background-animated-position-1.html       |   105 +
 .../pull-background-animated-position-2.html       |   120 +
 .../pull-background-animated-position-3.html       |   105 +
 .../pull-background-animated-position-4.html       |    94 +
 .../pull-background-animated-position-5.html       |   105 +
 .../layers/pull-background-displayport-1.html      |    84 +
 .../layers/pull-background-displayport-2.html      |    90 +
 .../layers/pull-background-displayport-3.html      |   104 +
 .../layers/pull-background-displayport-4.html      |   110 +
 .../layers/pull-background-displayport-5.html      |    94 +
 .../layers/pull-background-displayport-6.html      |    84 +
 layout/reftests/layers/reftest.list                |    36 +
 .../line-breaking/between-whitespaces-ref.html     |    32 +
 .../line-breaking/between-whitespaces.html         |    31 +
 layout/reftests/line-breaking/chemical-1-ref.html  |    12 +
 layout/reftests/line-breaking/chemical-1.html      |    12 +
 .../line-breaking/conservative-range-1-ref.html    |    76 +
 .../line-breaking/conservative-range-1.html        |    77 +
 .../line-breaking/conservative-range-2-ref.html    |    34 +
 .../line-breaking/conservative-range-2.html        |    35 +
 layout/reftests/line-breaking/currency-1-ref.html  |    62 +
 layout/reftests/line-breaking/currency-1.html      |    62 +
 layout/reftests/line-breaking/currency-2-ref.html  |    62 +
 layout/reftests/line-breaking/currency-2.html      |    62 +
 layout/reftests/line-breaking/datetime-1-ref.html  |    22 +
 layout/reftests/line-breaking/datetime-1.html      |    22 +
 layout/reftests/line-breaking/emoji-1-ref.html     |    36 +
 layout/reftests/line-breaking/emoji-1.html         |    36 +
 layout/reftests/line-breaking/emoji-2-ref.html     |    30 +
 layout/reftests/line-breaking/emoji-2.html         |    24 +
 layout/reftests/line-breaking/hyphens-1-ref.html   |    48 +
 layout/reftests/line-breaking/hyphens-1.html       |    47 +
 layout/reftests/line-breaking/hyphens-2-ref.html   |    33 +
 layout/reftests/line-breaking/hyphens-2.html       |    33 +
 layout/reftests/line-breaking/ja-1-ref.html        |    15 +
 layout/reftests/line-breaking/ja-1.html            |    15 +
 layout/reftests/line-breaking/ja-2-ref.html        |    15 +
 layout/reftests/line-breaking/ja-2.html            |    15 +
 layout/reftests/line-breaking/ja-3-ref.html        |    16 +
 layout/reftests/line-breaking/ja-3.html            |    16 +
 layout/reftests/line-breaking/khmer-1-ref.html     |    11 +
 layout/reftests/line-breaking/khmer-1.html         |    11 +
 layout/reftests/line-breaking/leaders-1-ref.html   |    26 +
 layout/reftests/line-breaking/leaders-1.html       |    26 +
 .../reftests/line-breaking/markup-src-1-ref.html   |    15 +
 layout/reftests/line-breaking/markup-src-1.html    |    15 +
 .../line-breaking/non-breakable-1-ref.html         |    36 +
 layout/reftests/line-breaking/non-breakable-1.html |    36 +
 .../line-breaking/non-breakable-2-ref.html         |    36 +
 layout/reftests/line-breaking/non-breakable-2.html |    36 +
 layout/reftests/line-breaking/numerics-1-ref.html  |    24 +
 layout/reftests/line-breaking/numerics-1.html      |    24 +
 .../reftests/line-breaking/parentheses-1-ref.html  |    34 +
 layout/reftests/line-breaking/parentheses-1.html   |    34 +
 .../line-breaking/punctuation-open-1-ref.html      |    27 +
 .../reftests/line-breaking/punctuation-open-1.html |    27 +
 .../line-breaking/punctuation-open-2-ref.html      |    27 +
 .../reftests/line-breaking/punctuation-open-2.html |    27 +
 .../line-breaking/punctuation-open-3-ref.html      |    27 +
 .../reftests/line-breaking/punctuation-open-3.html |    27 +
 .../line-breaking/punctuation-open-4-ref.html      |    27 +
 .../reftests/line-breaking/punctuation-open-4.html |    27 +
 .../line-breaking/quotationmarks-1-ref.html        |    19 +
 .../reftests/line-breaking/quotationmarks-1.html   |    19 +
 .../line-breaking/quotationmarks-cjk-1-ref.html    |    18 +
 .../line-breaking/quotationmarks-cjk-1.html        |    19 +
 layout/reftests/line-breaking/reftest.list         |    45 +
 layout/reftests/line-breaking/smileys-1-ref.html   |    27 +
 layout/reftests/line-breaking/smileys-1.html       |    27 +
 layout/reftests/line-breaking/smileys-2-ref.html   |    27 +
 layout/reftests/line-breaking/smileys-2.html       |    27 +
 .../line-breaking/space-cluster-1-ref.html         |     4 +
 layout/reftests/line-breaking/space-cluster-1.html |     5 +
 .../line-breaking/space-cluster-2-ref.html         |     4 +
 layout/reftests/line-breaking/space-cluster-2.html |     4 +
 .../reftests/line-breaking/surrogates-1-ref.html   |    20 +
 layout/reftests/line-breaking/surrogates-1.html    |    23 +
 .../reftests/line-breaking/surrogates-2-ref.html   |    20 +
 layout/reftests/line-breaking/surrogates-2.html    |    23 +
 .../reftests/line-breaking/surrogates-3-ref.html   |    20 +
 layout/reftests/line-breaking/surrogates-3.html    |    23 +
 .../reftests/line-breaking/surrogates-4-ref.html   |    20 +
 layout/reftests/line-breaking/surrogates-4.html    |    23 +
 layout/reftests/line-breaking/url-1-ref.html       |    16 +
 layout/reftests/line-breaking/url-1.html           |    16 +
 layout/reftests/line-breaking/url-2-ref.html       |    21 +
 layout/reftests/line-breaking/url-2.html           |    21 +
 layout/reftests/line-breaking/url-3-ref.html       |    14 +
 layout/reftests/line-breaking/url-3.html           |    14 +
 layout/reftests/line-breaking/winpath-1-ref.html   |    22 +
 layout/reftests/line-breaking/winpath-1.html       |    22 +
 layout/reftests/line-breaking/zwnbsp-1-ref.html    |    44 +
 layout/reftests/line-breaking/zwnbsp-1.html        |    44 +
 .../list-item/bullet-intrinsic-isize-1-ref.html    |    10 +
 .../list-item/bullet-intrinsic-isize-1.html        |    10 +
 .../list-item/bullet-intrinsic-isize-2-ref.html    |    10 +
 .../list-item/bullet-intrinsic-isize-2.html        |    17 +
 .../reftests/list-item/bullet-justify-1-ref.html   |    11 +
 layout/reftests/list-item/bullet-justify-1.html    |    12 +
 layout/reftests/list-item/bullet-space-1-ref.html  |    74 +
 layout/reftests/list-item/bullet-space-1.html      |    74 +
 layout/reftests/list-item/bullet-space-2-ref.html  |    39 +
 layout/reftests/list-item/bullet-space-2.html      |    37 +
 .../list-item/image-rendering-css-auto.html        |    28 +
 layout/reftests/list-item/image-rendering-css.html |    28 +
 layout/reftests/list-item/image-rendering-ref.html |    27 +
 .../reftests/list-item/image-rendering-script.html |    37 +
 layout/reftests/list-item/numbering-1-ref.html     |    25 +
 layout/reftests/list-item/numbering-1.html         |    29 +
 layout/reftests/list-item/numbering-2-ref.html     |    23 +
 layout/reftests/list-item/numbering-2.html         |    23 +
 layout/reftests/list-item/numbering-3-ref.html     |    52 +
 layout/reftests/list-item/numbering-3.html         |    49 +
 layout/reftests/list-item/numbering-4-ref.html     |    52 +
 layout/reftests/list-item/numbering-4.html         |    49 +
 layout/reftests/list-item/numbering-5-ref.html     |    24 +
 layout/reftests/list-item/numbering-5.html         |    29 +
 layout/reftests/list-item/ol-reversed-1-ref.html   |     6 +
 layout/reftests/list-item/ol-reversed-1a.html      |     6 +
 layout/reftests/list-item/ol-reversed-1b.html      |    11 +
 layout/reftests/list-item/ol-reversed-1c.html      |    12 +
 layout/reftests/list-item/ol-reversed-2-ref.html   |     6 +
 layout/reftests/list-item/ol-reversed-2.html       |     6 +
 layout/reftests/list-item/ol-reversed-3-ref.html   |     6 +
 layout/reftests/list-item/ol-reversed-3.html       |     6 +
 layout/reftests/list-item/reftest.list             |    18 +
 .../margin-collapsing/block-abs-pos-1-dyn.html     |    39 +
 .../margin-collapsing/block-abs-pos-1-ref.html     |    34 +
 .../margin-collapsing/block-abs-pos-1.html         |    33 +
 .../margin-collapsing/block-abs-pos-2-dyn.html     |    31 +
 .../margin-collapsing/block-abs-pos-2-ref.html     |    23 +
 .../margin-collapsing/block-abs-pos-2-ref2.html    |    28 +
 .../margin-collapsing/block-abs-pos-2.html         |    24 +
 .../block-auto-height-last-child-1-ref.html        |    20 +
 .../block-auto-height-last-child-1a-dyn.html       |    31 +
 .../block-auto-height-last-child-1a.html           |    23 +
 .../block-auto-height-last-child-1b-dyn.html       |    31 +
 .../block-auto-height-last-child-1b.html           |    23 +
 .../block-auto-height-last-child-1c-dyn.html       |    31 +
 .../block-auto-height-last-child-1c.html           |    23 +
 .../block-auto-height-last-child-2-dyn.html        |    30 +
 .../block-auto-height-last-child-2-ref.html        |    20 +
 .../block-auto-height-last-child-2.html            |    23 +
 .../block-auto-height-last-child-3-dyn.html        |    32 +
 .../block-auto-height-last-child-3-ref.html        |    21 +
 .../block-auto-height-last-child-3.html            |    25 +
 .../block-auto-height-last-child-4-dyn.html        |    33 +
 .../block-auto-height-last-child-4-ref.html        |    21 +
 .../block-auto-height-last-child-4.html            |    25 +
 .../block-auto-height-last-child-5-dyn.html        |    30 +
 .../block-auto-height-last-child-5-ref.html        |    20 +
 .../block-auto-height-last-child-5.html            |    23 +
 .../block-auto-height-last-child-6-dyn.html        |    32 +
 .../block-auto-height-last-child-6-ref.html        |    21 +
 .../block-auto-height-last-child-6.html            |    25 +
 .../block-auto-height-last-child-7-dyn.html        |    33 +
 .../block-auto-height-last-child-7-ref.html        |    21 +
 .../block-auto-height-last-child-7.html            |    25 +
 .../block-auto-height-last-child-8-ref.html        |    21 +
 .../block-auto-height-last-child-8a-dyn.html       |    33 +
 .../block-auto-height-last-child-8a.html           |    25 +
 .../block-auto-height-last-child-8b-dyn.html       |    33 +
 .../block-auto-height-last-child-8b.html           |    25 +
 .../block-auto-height-last-child-8c-dyn.html       |    33 +
 .../block-auto-height-last-child-8c.html           |    25 +
 .../margin-collapsing/block-clear-1a-ref.html      |    21 +
 .../reftests/margin-collapsing/block-clear-1a.html |    30 +
 .../margin-collapsing/block-clear-1b-ref.html      |    21 +
 .../reftests/margin-collapsing/block-clear-1b.html |    30 +
 .../margin-collapsing/block-clear-2-noref.html     |    18 +
 .../margin-collapsing/block-clear-2-ref.html       |    18 +
 .../reftests/margin-collapsing/block-clear-2.html  |    27 +
 .../margin-collapsing/block-clear-3-ref-left.html  |    29 +
 .../margin-collapsing/block-clear-3-ref-right.html |    29 +
 .../reftests/margin-collapsing/block-clear-3a.html |    28 +
 .../reftests/margin-collapsing/block-clear-3b.html |    28 +
 .../reftests/margin-collapsing/block-clear-3c.html |    28 +
 .../reftests/margin-collapsing/block-clear-3d.html |    28 +
 .../reftests/margin-collapsing/block-clear-3e.html |    28 +
 .../reftests/margin-collapsing/block-clear-3f.html |    28 +
 .../margin-collapsing/block-clear-4-ref-left.html  |    29 +
 .../margin-collapsing/block-clear-4-ref-right.html |    29 +
 .../reftests/margin-collapsing/block-clear-4a.html |    28 +
 .../reftests/margin-collapsing/block-clear-4b.html |    28 +
 .../reftests/margin-collapsing/block-clear-4c.html |    28 +
 .../reftests/margin-collapsing/block-clear-4d.html |    28 +
 .../reftests/margin-collapsing/block-clear-4e.html |    28 +
 .../reftests/margin-collapsing/block-clear-4f.html |    28 +
 .../margin-collapsing/block-clear-5-left-ref.html  |    27 +
 .../margin-collapsing/block-clear-5-right-ref.html |    27 +
 .../reftests/margin-collapsing/block-clear-5a.html |    31 +
 .../reftests/margin-collapsing/block-clear-5b.html |    31 +
 .../reftests/margin-collapsing/block-clear-5c.html |    31 +
 .../reftests/margin-collapsing/block-clear-5d.html |    31 +
 .../reftests/margin-collapsing/block-clear-5e.html |    31 +
 .../reftests/margin-collapsing/block-clear-5f.html |    31 +
 .../reftests/margin-collapsing/block-clear-5g.html |    31 +
 .../reftests/margin-collapsing/block-clear-5h.html |    31 +
 .../margin-collapsing/block-clear-6a-left.html     |    32 +
 .../block-clear-6abc-left-ref.html                 |    27 +
 .../margin-collapsing/block-clear-6b-left.html     |    32 +
 .../margin-collapsing/block-clear-6c-left.html     |    32 +
 .../margin-collapsing/block-clear-6d-left.html     |    33 +
 .../block-clear-6def-left-ref1.html                |    28 +
 .../block-clear-6def-left-ref2.html                |    31 +
 .../margin-collapsing/block-clear-6e-left.html     |    33 +
 .../margin-collapsing/block-clear-6f-left.html     |    33 +
 .../margin-collapsing/block-clear-7a-left.html     |    37 +
 .../block-clear-7abcd-left-ref.html                |    26 +
 .../margin-collapsing/block-clear-7b-left.html     |    37 +
 .../margin-collapsing/block-clear-7c-left.html     |    37 +
 .../margin-collapsing/block-clear-7d-left.html     |    37 +
 .../margin-collapsing/block-clear-7e-left.html     |    38 +
 .../block-clear-7efgh-left-ref1.html               |    28 +
 .../block-clear-7efgh-left-ref2.html               |    30 +
 .../margin-collapsing/block-clear-7f-left.html     |    38 +
 .../margin-collapsing/block-clear-7g-left.html     |    38 +
 .../margin-collapsing/block-clear-7h-left.html     |    38 +
 .../margin-collapsing/block-em-length-1-dyn.html   |    31 +
 .../margin-collapsing/block-em-length-1-ref.html   |    27 +
 .../margin-collapsing/block-em-length-1.html       |    25 +
 .../margin-collapsing/block-first-child-1-ref.html |    18 +
 .../block-first-child-1a-dyn.html                  |    31 +
 .../margin-collapsing/block-first-child-1a.html    |    23 +
 .../block-first-child-1b-dyn.html                  |    31 +
 .../margin-collapsing/block-first-child-1b.html    |    23 +
 .../block-first-child-1c-dyn.html                  |    31 +
 .../margin-collapsing/block-first-child-1c.html    |    23 +
 .../margin-collapsing/block-first-child-2-dyn.html |    30 +
 .../margin-collapsing/block-first-child-2-ref.html |    19 +
 .../margin-collapsing/block-first-child-2.html     |    23 +
 .../margin-collapsing/block-first-child-3-dyn.html |    32 +
 .../margin-collapsing/block-first-child-3-ref.html |    21 +
 .../margin-collapsing/block-first-child-3.html     |    25 +
 .../margin-collapsing/block-first-child-4-dyn.html |    32 +
 .../margin-collapsing/block-first-child-4-ref.html |    21 +
 .../margin-collapsing/block-first-child-4.html     |    25 +
 .../margin-collapsing/block-first-child-5-dyn.html |    30 +
 .../margin-collapsing/block-first-child-5-ref.html |    19 +
 .../margin-collapsing/block-first-child-5.html     |    23 +
 .../margin-collapsing/block-first-child-6-dyn.html |    32 +
 .../margin-collapsing/block-first-child-6-ref.html |    21 +
 .../margin-collapsing/block-first-child-6.html     |    25 +
 .../margin-collapsing/block-first-child-7-dyn.html |    32 +
 .../margin-collapsing/block-first-child-7-ref.html |    21 +
 .../margin-collapsing/block-first-child-7.html     |    25 +
 .../margin-collapsing/block-first-child-8-ref.html |    21 +
 .../block-first-child-8a-dyn.html                  |    33 +
 .../margin-collapsing/block-first-child-8a.html    |    25 +
 .../block-first-child-8b-dyn.html                  |    33 +
 .../margin-collapsing/block-first-child-8b.html    |    25 +
 .../block-first-child-8c-dyn.html                  |    33 +
 .../margin-collapsing/block-first-child-8c.html    |    25 +
 .../block-fix-height-last-child-1-ref.html         |    25 +
 .../block-fix-height-last-child-1a-dyn.html        |    34 +
 .../block-fix-height-last-child-1a.html            |    26 +
 .../block-fix-height-last-child-1b-dyn.html        |    34 +
 .../block-fix-height-last-child-1b.html            |    26 +
 .../block-fix-height-last-child-2-ref.html         |    25 +
 .../block-fix-height-last-child-2a-dyn.html        |    34 +
 .../block-fix-height-last-child-2a.html            |    26 +
 .../block-fix-height-last-child-2b-dyn.html        |    34 +
 .../block-fix-height-last-child-2b.html            |    26 +
 .../block-fix-height-last-child-3-ref.html         |    25 +
 .../block-fix-height-last-child-3a-dyn.html        |    34 +
 .../block-fix-height-last-child-3a.html            |    26 +
 .../block-fix-height-last-child-3b-dyn.html        |    34 +
 .../block-fix-height-last-child-3b.html            |    26 +
 .../block-fix-height-last-child-4-ref.html         |    25 +
 .../block-fix-height-last-child-4a-dyn.html        |    33 +
 .../block-fix-height-last-child-4a.html            |    27 +
 .../block-fix-height-last-child-4b-dyn.html        |    33 +
 .../block-fix-height-last-child-4b.html            |    27 +
 .../block-fix-height-last-child-4c-dyn.html        |    33 +
 .../block-fix-height-last-child-4c.html            |    27 +
 .../block-fix-height-last-child-4d-dyn.html        |    33 +
 .../block-fix-height-last-child-4d.html            |    27 +
 .../block-fix-height-last-child-4e-dyn.html        |    33 +
 .../block-fix-height-last-child-4e.html            |    27 +
 .../block-fix-height-last-child-4f-dyn.html        |    33 +
 .../block-fix-height-last-child-4f.html            |    27 +
 .../block-fix-height-last-child-4g-dyn.html        |    33 +
 .../block-fix-height-last-child-4g.html            |    27 +
 .../block-fix-height-last-child-4h-dyn.html        |    33 +
 .../block-fix-height-last-child-4h.html            |    27 +
 .../margin-collapsing/block-float-1a-dyn.html      |    28 +
 .../margin-collapsing/block-float-1a-noref.html    |    24 +
 .../margin-collapsing/block-float-1a-ref.html      |    21 +
 .../margin-collapsing/block-float-1a-ref2.html     |    24 +
 .../reftests/margin-collapsing/block-float-1a.html |    22 +
 .../margin-collapsing/block-float-1b-dyn.html      |    28 +
 .../margin-collapsing/block-float-1b-noref.html    |    24 +
 .../margin-collapsing/block-float-1b-ref.html      |    21 +
 .../margin-collapsing/block-float-1b-ref2.html     |    24 +
 .../reftests/margin-collapsing/block-float-1b.html |    22 +
 .../margin-collapsing/block-float-2a-dyn.html      |    34 +
 .../margin-collapsing/block-float-2a-noref.html    |    24 +
 .../margin-collapsing/block-float-2a-ref.html      |    31 +
 .../reftests/margin-collapsing/block-float-2a.html |    28 +
 .../margin-collapsing/block-float-2b-dyn.html      |    34 +
 .../margin-collapsing/block-float-2b-noref.html    |    24 +
 .../margin-collapsing/block-float-2b-ref.html      |    31 +
 .../reftests/margin-collapsing/block-float-2b.html |    28 +
 .../margin-collapsing/block-float-3a-dyn.html      |    36 +
 .../margin-collapsing/block-float-3a-ref.html      |    23 +
 .../reftests/margin-collapsing/block-float-3a.html |    29 +
 .../margin-collapsing/block-float-3b-dyn.html      |    36 +
 .../margin-collapsing/block-float-3b-ref.html      |    23 +
 .../reftests/margin-collapsing/block-float-3b.html |    29 +
 .../margin-collapsing/block-horizontal-1-dyn.html  |    36 +
 .../block-horizontal-1-noref.html                  |    26 +
 .../margin-collapsing/block-horizontal-1-ref.html  |    26 +
 .../margin-collapsing/block-horizontal-1.html      |    26 +
 .../margin-collapsing/block-horizontal-2-dyn.html  |    36 +
 .../block-horizontal-2-noref.html                  |    26 +
 .../margin-collapsing/block-horizontal-2-ref.html  |    26 +
 .../margin-collapsing/block-horizontal-2.html      |    26 +
 .../margin-collapsing/block-horizontal-3-dyn.html  |    33 +
 .../block-horizontal-3-noref.html                  |    23 +
 .../margin-collapsing/block-horizontal-3-ref.html  |    25 +
 .../margin-collapsing/block-horizontal-3.html      |    23 +
 .../margin-collapsing/block-horizontal-4-dyn.html  |    33 +
 .../block-horizontal-4-noref.html                  |    23 +
 .../margin-collapsing/block-horizontal-4-ref.html  |    25 +
 .../margin-collapsing/block-horizontal-4.html      |    23 +
 .../margin-collapsing/block-html-body-1-noref.html |    23 +
 .../margin-collapsing/block-html-body-1-ref.html   |    22 +
 .../margin-collapsing/block-html-body-1-ref2.html  |    23 +
 .../margin-collapsing/block-html-body-1.html       |    23 +
 .../margin-collapsing/block-html-html-1-ref.html   |    23 +
 .../margin-collapsing/block-html-html-1a-dyn.html  |    29 +
 .../margin-collapsing/block-html-html-1a.html      |    21 +
 .../margin-collapsing/block-html-html-1b-dyn.html  |    30 +
 .../margin-collapsing/block-html-html-1b.html      |    22 +
 .../margin-collapsing/block-html-html-2-dyn.html   |    33 +
 .../margin-collapsing/block-html-html-2-ref.html   |    28 +
 .../margin-collapsing/block-html-html-2.html       |    25 +
 .../margin-collapsing/block-html-html-3-dyn.html   |    34 +
 .../margin-collapsing/block-html-html-3-ref.html   |    28 +
 .../margin-collapsing/block-html-html-3.html       |    26 +
 .../margin-collapsing/block-last-child-1-ref.html  |    18 +
 .../margin-collapsing/block-last-child-1a.html     |    23 +
 .../margin-collapsing/block-last-child-1b.html     |    23 +
 .../margin-collapsing/block-last-child-1c.html     |    23 +
 .../margin-collapsing/block-last-child-2-ref.html  |    25 +
 .../margin-collapsing/block-last-child-2a.html     |    26 +
 .../margin-collapsing/block-last-child-2b.html     |    27 +
 .../margin-collapsing/block-last-child-2c.html     |    27 +
 .../margin-collapsing/block-last-child-2d.html     |    27 +
 .../margin-collapsing/block-last-child-3-ref.html  |    23 +
 .../margin-collapsing/block-last-child-3a.html     |    27 +
 .../margin-collapsing/block-last-child-3b.html     |    26 +
 .../margin-collapsing/block-last-child-3c.html     |    27 +
 .../margin-collapsing/block-last-child-3d.html     |    27 +
 .../margin-collapsing/block-last-child-4-ref.html  |    23 +
 .../margin-collapsing/block-last-child-4a.html     |    27 +
 .../margin-collapsing/block-last-child-4b.html     |    27 +
 .../margin-collapsing/block-last-child-4c.html     |    27 +
 .../margin-collapsing/block-last-child-4d.html     |    27 +
 .../block-max-height-last-child-1-ref.html         |    28 +
 .../block-max-height-last-child-1a-dyn.html        |    35 +
 .../block-max-height-last-child-1a.html            |    27 +
 .../block-max-height-last-child-1b-dyn.html        |    35 +
 .../block-max-height-last-child-1b.html            |    27 +
 .../block-max-height-last-child-1c-dyn.html        |    35 +
 .../block-max-height-last-child-1c.html            |    27 +
 .../block-max-height-last-child-2-ref.html         |    28 +
 .../block-max-height-last-child-2a-dyn.html        |    35 +
 .../block-max-height-last-child-2a.html            |    27 +
 .../block-max-height-last-child-2b-dyn.html        |    35 +
 .../block-max-height-last-child-2b.html            |    27 +
 .../block-max-height-last-child-3-ref.html         |    24 +
 .../block-max-height-last-child-3a-dyn.html        |    35 +
 .../block-max-height-last-child-3a.html            |    27 +
 .../block-max-height-last-child-3b-dyn.html        |    35 +
 .../block-max-height-last-child-3b.html            |    27 +
 .../block-max-height-last-child-3c-dyn.html        |    35 +
 .../block-max-height-last-child-3c.html            |    27 +
 .../block-max-height-last-child-4-ref.html         |    28 +
 .../block-max-height-last-child-4a-dyn.html        |    35 +
 .../block-max-height-last-child-4a.html            |    27 +
 .../block-max-height-last-child-4b-dyn.html        |    35 +
 .../block-max-height-last-child-4b.html            |    27 +
 .../block-max-height-last-child-4c-dyn.html        |    35 +
 .../block-max-height-last-child-4c.html            |    27 +
 .../block-max-height-last-child-5-ref.html         |    28 +
 .../block-max-height-last-child-5a-dyn.html        |    35 +
 .../block-max-height-last-child-5a.html            |    27 +
 .../block-max-height-last-child-5b-dyn.html        |    35 +
 .../block-max-height-last-child-5b.html            |    27 +
 .../block-max-height-last-child-6-ref.html         |    24 +
 .../block-max-height-last-child-6a-dyn.html        |    35 +
 .../block-max-height-last-child-6a.html            |    27 +
 .../block-max-height-last-child-6b-dyn.html        |    35 +
 .../block-max-height-last-child-6b.html            |    27 +
 .../block-max-height-last-child-6c-dyn.html        |    35 +
 .../block-max-height-last-child-6c.html            |    27 +
 .../block-max-height-last-child-7-ref.html         |    28 +
 .../block-max-height-last-child-7a-dyn.html        |    35 +
 .../block-max-height-last-child-7a.html            |    27 +
 .../block-max-height-last-child-7b-dyn.html        |    35 +
 .../block-max-height-last-child-7b.html            |    27 +
 .../block-max-height-last-child-7c-dyn.html        |    35 +
 .../block-max-height-last-child-7c.html            |    27 +
 .../block-max-height-last-child-8-ref.html         |    24 +
 .../block-max-height-last-child-8a-dyn.html        |    35 +
 .../block-max-height-last-child-8a.html            |    27 +
 .../block-max-height-last-child-8b-dyn.html        |    35 +
 .../block-max-height-last-child-8b.html            |    27 +
 .../block-max-height-last-child-9-ref.html         |    26 +
 .../block-max-height-last-child-9a-dyn.html        |    35 +
 .../block-max-height-last-child-9a.html            |    27 +
 .../block-max-height-last-child-9b-dyn.html        |    35 +
 .../block-max-height-last-child-9b.html            |    27 +
 .../block-max-height-last-child-9c-dyn.html        |    35 +
 .../block-max-height-last-child-9c.html            |    27 +
 .../block-min-height-last-child-1-ref.html         |    29 +
 .../block-min-height-last-child-1a-dyn.html        |    35 +
 .../block-min-height-last-child-1a.html            |    27 +
 .../block-min-height-last-child-1b-dyn.html        |    35 +
 .../block-min-height-last-child-1b.html            |    27 +
 .../block-min-height-last-child-1c-dyn.html        |    35 +
 .../block-min-height-last-child-1c.html            |    27 +
 .../block-min-height-last-child-2-ref.html         |    29 +
 .../block-min-height-last-child-2a-dyn.html        |    35 +
 .../block-min-height-last-child-2a.html            |    27 +
 .../block-min-height-last-child-2b-dyn.html        |    35 +
 .../block-min-height-last-child-2b.html            |    27 +
 .../block-min-height-last-child-3-ref.html         |    25 +
 .../block-min-height-last-child-3a-dyn.html        |    35 +
 .../block-min-height-last-child-3a.html            |    27 +
 .../block-min-height-last-child-3b-dyn.html        |    35 +
 .../block-min-height-last-child-3b.html            |    27 +
 .../block-min-height-last-child-3c-dyn.html        |    35 +
 .../block-min-height-last-child-3c.html            |    27 +
 .../block-min-height-last-child-4-ref.html         |    28 +
 .../block-min-height-last-child-4a-dyn.html        |    35 +
 .../block-min-height-last-child-4a.html            |    27 +
 .../block-min-height-last-child-4b-dyn.html        |    35 +
 .../block-min-height-last-child-4b.html            |    27 +
 .../block-min-height-last-child-4c-dyn.html        |    35 +
 .../block-min-height-last-child-4c.html            |    27 +
 .../block-min-height-last-child-5-ref.html         |    28 +
 .../block-min-height-last-child-5a-dyn.html        |    35 +
 .../block-min-height-last-child-5a.html            |    27 +
 .../block-min-height-last-child-5b-dyn.html        |    35 +
 .../block-min-height-last-child-5b.html            |    27 +
 .../block-min-height-last-child-6-ref.html         |    24 +
 .../block-min-height-last-child-6a-dyn.html        |    35 +
 .../block-min-height-last-child-6a.html            |    27 +
 .../block-min-height-last-child-6b-dyn.html        |    35 +
 .../block-min-height-last-child-6b.html            |    27 +
 .../block-min-height-last-child-6c-dyn.html        |    35 +
 .../block-min-height-last-child-6c.html            |    27 +
 .../block-min-height-last-child-7-ref.html         |    28 +
 .../block-min-height-last-child-7a-dyn.html        |    35 +
 .../block-min-height-last-child-7a.html            |    27 +
 .../block-min-height-last-child-7b-dyn.html        |    35 +
 .../block-min-height-last-child-7b.html            |    27 +
 .../block-min-height-last-child-7c-dyn.html        |    35 +
 .../block-min-height-last-child-7c.html            |    27 +
 .../block-min-height-last-child-8-ref.html         |    28 +
 .../block-min-height-last-child-8a-dyn.html        |    35 +
 .../block-min-height-last-child-8a.html            |    27 +
 .../block-min-height-last-child-8b-dyn.html        |    35 +
 .../block-min-height-last-child-8b.html            |    27 +
 .../block-min-height-last-child-9-ref.html         |    24 +
 .../block-min-height-last-child-9a-dyn.html        |    35 +
 .../block-min-height-last-child-9a.html            |    27 +
 .../block-min-height-last-child-9b-dyn.html        |    35 +
 .../block-min-height-last-child-9b.html            |    27 +
 .../block-min-height-last-child-9c-dyn.html        |    35 +
 .../block-min-height-last-child-9c.html            |    27 +
 .../margin-collapsing/block-negative-1-noref1.html |    20 +
 .../margin-collapsing/block-negative-1-noref2.html |    23 +
 .../margin-collapsing/block-negative-1-ref.html    |    19 +
 .../margin-collapsing/block-negative-1a-dyn1.html  |    29 +
 .../margin-collapsing/block-negative-1a-dyn2.html  |    28 +
 .../margin-collapsing/block-negative-1a.html       |    21 +
 .../margin-collapsing/block-negative-1b-dyn1.html  |    29 +
 .../margin-collapsing/block-negative-1b-dyn2.html  |    28 +
 .../margin-collapsing/block-negative-1b.html       |    21 +
 .../margin-collapsing/block-negative-2-noref1.html |    15 +
 .../margin-collapsing/block-negative-2-noref2.html |    19 +
 .../margin-collapsing/block-negative-2-ref.html    |    14 +
 .../margin-collapsing/block-negative-2a-dyn1.html  |    28 +
 .../margin-collapsing/block-negative-2a-dyn2.html  |    27 +
 .../margin-collapsing/block-negative-2a.html       |    20 +
 .../margin-collapsing/block-negative-2b-dyn1.html  |    28 +
 .../margin-collapsing/block-negative-2b-dyn2.html  |    27 +
 .../margin-collapsing/block-negative-2b.html       |    20 +
 .../margin-collapsing/block-negative-3-noref1.html |    21 +
 .../margin-collapsing/block-negative-3-noref2.html |    22 +
 .../margin-collapsing/block-negative-3-ref.html    |    21 +
 .../margin-collapsing/block-negative-3-ref2.html   |    21 +
 .../margin-collapsing/block-negative-3a-dyn1.html  |    32 +
 .../margin-collapsing/block-negative-3a-dyn2.html  |    31 +
 .../margin-collapsing/block-negative-3a.html       |    24 +
 .../margin-collapsing/block-negative-3b-dyn1.html  |    32 +
 .../margin-collapsing/block-negative-3b-dyn2.html  |    31 +
 .../margin-collapsing/block-negative-3b.html       |    24 +
 .../margin-collapsing/block-negative-4-noref1.html |    22 +
 .../margin-collapsing/block-negative-4-noref2.html |    25 +
 .../margin-collapsing/block-negative-4-ref.html    |    22 +
 .../margin-collapsing/block-negative-4-ref2.html   |    25 +
 .../margin-collapsing/block-negative-4a-dyn1.html  |    34 +
 .../margin-collapsing/block-negative-4a-dyn2.html  |    33 +
 .../margin-collapsing/block-negative-4a.html       |    26 +
 .../margin-collapsing/block-negative-4b-dyn1.html  |    34 +
 .../margin-collapsing/block-negative-4b-dyn2.html  |    33 +
 .../margin-collapsing/block-negative-4b.html       |    26 +
 .../margin-collapsing/block-negative-5-dyn1.html   |    34 +
 .../margin-collapsing/block-negative-5-dyn2.html   |    33 +
 .../margin-collapsing/block-negative-5-noref1.html |    25 +
 .../margin-collapsing/block-negative-5-noref2.html |    24 +
 .../margin-collapsing/block-negative-5-ref.html    |    22 +
 .../margin-collapsing/block-negative-5-ref2.html   |    24 +
 .../margin-collapsing/block-negative-5.html        |    26 +
 .../margin-collapsing/block-no-content-1-ref.html  |    19 +
 .../margin-collapsing/block-no-content-1a-dyn.html |    23 +
 .../margin-collapsing/block-no-content-1a.html     |    20 +
 .../margin-collapsing/block-no-content-1b-dyn.html |    23 +
 .../margin-collapsing/block-no-content-1b.html     |    20 +
 .../margin-collapsing/block-no-content-1c-dyn.html |    23 +
 .../margin-collapsing/block-no-content-1c.html     |    20 +
 .../margin-collapsing/block-no-content-1d-dyn.html |    23 +
 .../margin-collapsing/block-no-content-1d.html     |    20 +
 .../margin-collapsing/block-no-content-2-ref.html  |    19 +
 .../margin-collapsing/block-no-content-2a-dyn.html |    32 +
 .../margin-collapsing/block-no-content-2a.html     |    26 +
 .../margin-collapsing/block-no-content-2b-dyn.html |    32 +
 .../margin-collapsing/block-no-content-2b.html     |    26 +
 .../margin-collapsing/block-no-content-2c-dyn.html |    32 +
 .../margin-collapsing/block-no-content-2c.html     |    26 +
 .../margin-collapsing/block-no-content-2d-dyn.html |    32 +
 .../margin-collapsing/block-no-content-2d.html     |    26 +
 .../margin-collapsing/block-no-content-2e-dyn.html |    32 +
 .../margin-collapsing/block-no-content-2e.html     |    26 +
 .../margin-collapsing/block-no-content-3-ref.html  |    22 +
 .../margin-collapsing/block-no-content-3a-dyn.html |    36 +
 .../margin-collapsing/block-no-content-3a.html     |    30 +
 .../margin-collapsing/block-no-content-3b-dyn.html |    35 +
 .../margin-collapsing/block-no-content-3b.html     |    29 +
 .../margin-collapsing/block-no-content-3c-dyn.html |    35 +
 .../margin-collapsing/block-no-content-3c.html     |    29 +
 .../margin-collapsing/block-no-content-4-ref.html  |    22 +
 .../margin-collapsing/block-no-content-4a-dyn.html |    36 +
 .../margin-collapsing/block-no-content-4a.html     |    30 +
 .../margin-collapsing/block-no-content-4b-dyn.html |    35 +
 .../margin-collapsing/block-no-content-4b.html     |    29 +
 .../margin-collapsing/block-no-content-4c-dyn.html |    35 +
 .../margin-collapsing/block-no-content-4c.html     |    29 +
 .../margin-collapsing/block-no-content-5-ref.html  |    21 +
 .../margin-collapsing/block-no-content-5a-dyn.html |    32 +
 .../margin-collapsing/block-no-content-5a.html     |    26 +
 .../margin-collapsing/block-no-content-5b-dyn.html |    32 +
 .../margin-collapsing/block-no-content-5b.html     |    26 +
 .../margin-collapsing/block-no-content-6-dyn.html  |    34 +
 .../margin-collapsing/block-no-content-6-ref.html  |    24 +
 .../margin-collapsing/block-no-content-6.html      |    28 +
 .../margin-collapsing/block-no-content-7-dyn.html  |    27 +
 .../margin-collapsing/block-no-content-7-ref.html  |    19 +
 .../margin-collapsing/block-no-content-7.html      |    21 +
 .../margin-collapsing/block-no-content-8-dyn.html  |    34 +
 .../margin-collapsing/block-no-content-8-ref.html  |    30 +
 .../margin-collapsing/block-no-content-8.html      |    28 +
 .../margin-collapsing/block-non-sibling-1-ref.html |    20 +
 .../block-non-sibling-1-ref2.html                  |    19 +
 .../block-non-sibling-1a-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-1a.html    |    27 +
 .../block-non-sibling-1b-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-1b.html    |    27 +
 .../block-non-sibling-1c-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-1c.html    |    27 +
 .../block-non-sibling-1d-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-1d.html    |    27 +
 .../block-non-sibling-1e-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-1e.html    |    27 +
 .../block-non-sibling-1f-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-1f.html    |    27 +
 .../margin-collapsing/block-non-sibling-2-ref.html |    20 +
 .../block-non-sibling-2-ref2.html                  |    19 +
 .../block-non-sibling-2a-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-2a.html    |    27 +
 .../block-non-sibling-2b-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-2b.html    |    27 +
 .../block-non-sibling-2c-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-2c.html    |    27 +
 .../block-non-sibling-2d-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-2d.html    |    27 +
 .../block-non-sibling-2e-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-2e.html    |    27 +
 .../block-non-sibling-2f-dyn.html                  |    35 +
 .../margin-collapsing/block-non-sibling-2f.html    |    27 +
 .../margin-collapsing/block-non-sibling-3-ref.html |    20 +
 .../block-non-sibling-3-ref2.html                  |    19 +
 .../block-non-sibling-3a-dyn.html                  |    41 +
 .../margin-collapsing/block-non-sibling-3a.html    |    31 +
 .../block-non-sibling-3b-dyn.html                  |    41 +
 .../margin-collapsing/block-non-sibling-3b.html    |    31 +
 .../block-non-sibling-3c-dyn.html                  |    41 +
 .../margin-collapsing/block-non-sibling-3c.html    |    31 +
 .../block-non-sibling-3d-dyn.html                  |    41 +
 .../margin-collapsing/block-non-sibling-3d.html    |    31 +
 .../margin-collapsing/block-non-sibling-4-dyn.html |    35 +
 .../margin-collapsing/block-non-sibling-4-ref.html |    20 +
 .../block-non-sibling-4-ref2.html                  |    21 +
 .../margin-collapsing/block-non-sibling-4.html     |    29 +
 .../margin-collapsing/block-overflow-1-dyn.html    |    35 +
 .../margin-collapsing/block-overflow-1-ref.html    |    21 +
 .../margin-collapsing/block-overflow-1-ref2.html   |    25 +
 .../margin-collapsing/block-overflow-1.html        |    28 +
 .../margin-collapsing/block-overflow-2-dyn.html    |    35 +
 .../margin-collapsing/block-overflow-2-ref.html    |    27 +
 .../margin-collapsing/block-overflow-2-ref2.html   |    32 +
 .../margin-collapsing/block-overflow-2.html        |    29 +
 .../margin-collapsing/block-overflow-3-dyn.html    |    36 +
 .../margin-collapsing/block-overflow-3-ref.html    |    33 +
 .../margin-collapsing/block-overflow-3-ref2.html   |    37 +
 .../margin-collapsing/block-overflow-3.html        |    29 +
 .../margin-collapsing/block-overflow-4-dyn.html    |    37 +
 .../margin-collapsing/block-overflow-4-ref.html    |    33 +
 .../margin-collapsing/block-overflow-4-ref2.html   |    37 +
 .../margin-collapsing/block-overflow-4.html        |    29 +
 .../margin-collapsing/block-overflow-5-ref.html    |    26 +
 .../margin-collapsing/block-overflow-5-ref2.html   |    26 +
 .../margin-collapsing/block-overflow-5a-dyn.html   |    35 +
 .../margin-collapsing/block-overflow-5a.html       |    28 +
 .../margin-collapsing/block-overflow-5b-dyn.html   |    35 +
 .../margin-collapsing/block-overflow-5b.html       |    28 +
 .../margin-collapsing/block-overflow-5c-dyn.html   |    34 +
 .../margin-collapsing/block-overflow-5c-ref.html   |    27 +
 .../margin-collapsing/block-overflow-5c-ref2.html  |    26 +
 .../margin-collapsing/block-overflow-5c.html       |    28 +
 .../margin-collapsing/block-overflow-5d-dyn.html   |    35 +
 .../margin-collapsing/block-overflow-5d.html       |    28 +
 .../margin-collapsing/block-percent-1-dyn.html     |    32 +
 .../margin-collapsing/block-percent-1-ref.html     |    20 +
 .../margin-collapsing/block-percent-1.html         |    26 +
 .../margin-collapsing/block-percent-2-dyn.html     |    38 +
 .../margin-collapsing/block-percent-2-ref.html     |    33 +
 .../margin-collapsing/block-percent-2.html         |    31 +
 .../margin-collapsing/block-root-1a-noref1.html    |    22 +
 .../margin-collapsing/block-root-1a-noref2.html    |    22 +
 .../margin-collapsing/block-root-1a-ref.html       |    18 +
 .../margin-collapsing/block-root-1a-ref2.html      |    19 +
 .../reftests/margin-collapsing/block-root-1a.html  |    18 +
 .../margin-collapsing/block-root-1b-ref.html       |    22 +
 .../margin-collapsing/block-root-1b-ref2.html      |    23 +
 .../reftests/margin-collapsing/block-root-1b.html  |    23 +
 .../margin-collapsing/block-sibling-1-noref.html   |    20 +
 .../margin-collapsing/block-sibling-1-noref2.html  |    20 +
 .../margin-collapsing/block-sibling-1-ref.html     |    20 +
 .../margin-collapsing/block-sibling-1-ref2.html    |    19 +
 .../margin-collapsing/block-sibling-1a-dyn.html    |    29 +
 .../margin-collapsing/block-sibling-1a.html        |    21 +
 .../margin-collapsing/block-sibling-1b-dyn.html    |    29 +
 .../margin-collapsing/block-sibling-1b.html        |    21 +
 .../margin-collapsing/block-sibling-1c-dyn.html    |    29 +
 .../margin-collapsing/block-sibling-1c.html        |    21 +
 .../margin-collapsing/block-sibling-2-dyn.html     |    40 +
 .../margin-collapsing/block-sibling-2-noref.html   |    26 +
 .../margin-collapsing/block-sibling-2-ref.html     |    26 +
 .../margin-collapsing/block-sibling-2-ref2.html    |    29 +
 .../margin-collapsing/block-sibling-2.html         |    32 +
 .../margin-collapsing/block-sibling-3-dyn.html     |    35 +
 .../margin-collapsing/block-sibling-3.html         |    29 +
 .../margin-collapsing/block-xhtml-html-1-ref.xhtml |    22 +
 .../block-xhtml-html-1a-dyn.xhtml                  |    28 +
 .../margin-collapsing/block-xhtml-html-1a.xhtml    |    20 +
 .../block-xhtml-html-1b-dyn.xhtml                  |    29 +
 .../margin-collapsing/block-xhtml-html-1b.xhtml    |    21 +
 .../margin-collapsing/block-xhtml-html-2-dyn.xhtml |    32 +
 .../margin-collapsing/block-xhtml-html-2-ref.xhtml |    27 +
 .../margin-collapsing/block-xhtml-html-2.xhtml     |    24 +
 .../margin-collapsing/block-xhtml-html-3-dyn.xhtml |    33 +
 .../margin-collapsing/block-xhtml-html-3-ref.xhtml |    27 +
 .../margin-collapsing/block-xhtml-html-3.xhtml     |    25 +
 .../margin-collapsing/block-xhtml-root-1-ref.xhtml |    24 +
 .../margin-collapsing/block-xhtml-root-1a.xhtml    |    20 +
 .../margin-collapsing/block-xhtml-root-1b.xhtml    |    22 +
 .../margin-collapsing/block-xhtml-root-2-ref.xhtml |    29 +
 .../margin-collapsing/block-xhtml-root-2.xhtml     |    23 +
 .../margin-collapsing/block-xhtml-root-3-ref.xhtml |    29 +
 .../margin-collapsing/block-xhtml-root-3.xhtml     |    26 +
 .../margin-collapsing/block-xml-root-1-ref.css     |     9 +
 .../margin-collapsing/block-xml-root-1-ref.xml     |     2 +
 .../margin-collapsing/block-xml-root-1.css         |    10 +
 .../margin-collapsing/block-xml-root-1.xml         |     2 +
 .../block-zero-height-1a-ref.html                  |    20 +
 .../margin-collapsing/block-zero-height-1a.html    |    32 +
 .../block-zero-height-1b-ref.html                  |    32 +
 .../margin-collapsing/block-zero-height-1b.html    |    37 +
 .../block-zero-height-2a-ref.html                  |    25 +
 .../margin-collapsing/block-zero-height-2a.html    |    35 +
 .../block-zero-height-2b-ref.html                  |    23 +
 .../margin-collapsing/block-zero-height-2b.html    |    33 +
 .../block-zero-height-2c-ref.html                  |    24 +
 .../margin-collapsing/block-zero-height-2c.html    |    35 +
 .../margin-collapsing/block-zero-height-3-ref.html |    16 +
 .../margin-collapsing/block-zero-height-3a.html    |    32 +
 .../margin-collapsing/block-zero-height-3b.html    |    32 +
 .../margin-collapsing/block-zero-height-3c.html    |    32 +
 .../block-zero-min-height-1-noref.html             |    19 +
 .../block-zero-min-height-1-ref.html               |    19 +
 .../block-zero-min-height-1a.html                  |    22 +
 .../block-zero-min-height-1b.html                  |    22 +
 .../block-zero-min-height-1c.html                  |    22 +
 .../block-zero-min-height-1d.html                  |    22 +
 .../block-zero-min-height-1e.html                  |    22 +
 .../block-zero-min-height-1f.html                  |    22 +
 .../block-zero-min-height-2-noref.html             |    19 +
 .../block-zero-min-height-2a.html                  |    24 +
 .../block-zero-min-height-2ab-ref.html             |    19 +
 .../block-zero-min-height-2b.html                  |    24 +
 .../block-zero-min-height-2c-ref.html              |    19 +
 .../block-zero-min-height-2c.html                  |    24 +
 .../block-zero-min-height-2d.html                  |    22 +
 .../block-zero-min-height-2de-ref.html             |    19 +
 .../block-zero-min-height-2e.html                  |    22 +
 .../block-zero-min-height-2f-ref.html              |    19 +
 .../block-zero-min-height-2f.html                  |    22 +
 .../block-zero-min-height-3-ref.html               |    19 +
 .../block-zero-min-height-3a.html                  |    28 +
 .../block-zero-min-height-3b.html                  |    28 +
 .../block-zero-min-height-3c.html                  |    28 +
 .../block-zero-min-height-3d.html                  |    28 +
 .../margin-collapsing/caption-child-1-dyn.html     |    40 +
 .../margin-collapsing/caption-child-1-ref.html     |    27 +
 .../margin-collapsing/caption-child-1.html         |    33 +
 .../margin-collapsing/caption-sibling-1-noref.html |    33 +
 .../caption-sibling-1-noref2.html                  |    33 +
 .../margin-collapsing/caption-sibling-1-ref.html   |    33 +
 .../margin-collapsing/caption-sibling-1a-dyn.html  |    45 +
 .../margin-collapsing/caption-sibling-1a.html      |    38 +
 .../margin-collapsing/caption-sibling-1b-dyn.html  |    45 +
 .../margin-collapsing/caption-sibling-1b.html      |    38 +
 .../margin-collapsing/caption-sibling-1c-dyn.html  |    45 +
 .../margin-collapsing/caption-sibling-1c.html      |    38 +
 .../margin-collapsing/caption-sibling-2-dyn.html   |    46 +
 .../margin-collapsing/caption-sibling-2-noref.html |    31 +
 .../margin-collapsing/caption-sibling-2-ref.html   |    31 +
 .../margin-collapsing/column-child-1-dyn.html      |    32 +
 .../margin-collapsing/column-child-1-ref.html      |    26 +
 .../reftests/margin-collapsing/column-child-1.html |    25 +
 .../margin-collapsing/column-sibling-1-ref.html    |    25 +
 .../margin-collapsing/column-sibling-1a-dyn.html   |    36 +
 .../margin-collapsing/column-sibling-1a.html       |    28 +
 .../margin-collapsing/column-sibling-1b-dyn.html   |    36 +
 .../margin-collapsing/column-sibling-1b.html       |    28 +
 .../margin-collapsing/column-sibling-1c-dyn.html   |    36 +
 .../margin-collapsing/column-sibling-1c.html       |    28 +
 .../margin-collapsing/column-sibling-2-ref.html    |    21 +
 .../margin-collapsing/column-sibling-2a-dyn.html   |    34 +
 .../margin-collapsing/column-sibling-2a.html       |    26 +
 .../margin-collapsing/column-sibling-2b-dyn.html   |    34 +
 .../margin-collapsing/column-sibling-2b.html       |    26 +
 .../margin-collapsing/column-sibling-2c-dyn.html   |    34 +
 .../margin-collapsing/column-sibling-2c.html       |    26 +
 .../margin-collapsing/dynamic-add-text-1-ref.html  |     6 +
 .../margin-collapsing/dynamic-add-text-1.html      |     6 +
 .../margin-collapsing/fieldset-child-1-dyn.html    |    35 +
 .../margin-collapsing/fieldset-child-1-ref.html    |    26 +
 .../margin-collapsing/fieldset-child-1.html        |    29 +
 .../margin-collapsing/fieldset-sibling-1-ref.html  |    21 +
 .../margin-collapsing/fieldset-sibling-1a-dyn.html |    36 +
 .../margin-collapsing/fieldset-sibling-1a.html     |    29 +
 .../margin-collapsing/fieldset-sibling-1b-dyn.html |    36 +
 .../margin-collapsing/fieldset-sibling-1b.html     |    29 +
 .../margin-collapsing/fieldset-sibling-1c-dyn.html |    36 +
 .../margin-collapsing/fieldset-sibling-1c.html     |    29 +
 .../margin-collapsing/fieldset-sibling-2-ref1.html |    19 +
 .../margin-collapsing/fieldset-sibling-2-ref2.html |    20 +
 .../margin-collapsing/fieldset-sibling-2a-dyn.html |    34 +
 .../margin-collapsing/fieldset-sibling-2a.html     |    27 +
 .../margin-collapsing/fieldset-sibling-2b-dyn.html |    34 +
 .../margin-collapsing/fieldset-sibling-2b.html     |    27 +
 .../margin-collapsing/fieldset-sibling-2c-dyn.html |    34 +
 .../margin-collapsing/fieldset-sibling-2c.html     |    27 +
 .../inline-block-child-1-dyn.html                  |    30 +
 .../inline-block-child-1-ref.html                  |    21 +
 .../margin-collapsing/inline-block-child-1.html    |    23 +
 .../inline-block-child-2-dyn.html                  |    26 +
 .../inline-block-child-2-noref.html                |    19 +
 .../inline-block-child-2-ref.html                  |    20 +
 .../margin-collapsing/inline-block-child-2.html    |    20 +
 .../inline-block-child-3-dyn.html                  |    29 +
 .../inline-block-child-3-ref.html                  |    22 +
 .../margin-collapsing/inline-block-child-3.html    |    22 +
 .../inline-block-horizontal-1-dyn.html             |    28 +
 .../inline-block-horizontal-1-noref.html           |    19 +
 .../inline-block-horizontal-1-ref.html             |    19 +
 .../inline-block-horizontal-1.html                 |    21 +
 .../inline-block-horizontal-2-dyn.html             |    33 +
 .../inline-block-horizontal-2-noref.html           |    20 +
 .../inline-block-horizontal-2-ref.html             |    20 +
 .../inline-block-horizontal-2.html                 |    26 +
 .../inline-block-sibling-1-ref.html                |    27 +
 .../inline-block-sibling-1a-dyn.html               |    36 +
 .../margin-collapsing/inline-block-sibling-1a.html |    29 +
 .../inline-block-sibling-1b-dyn.html               |    36 +
 .../margin-collapsing/inline-block-sibling-1b.html |    29 +
 .../inline-block-sibling-1c-dyn.html               |    36 +
 .../margin-collapsing/inline-block-sibling-1c.html |    29 +
 .../inline-block-sibling-2-dyn.html                |    38 +
 .../inline-block-sibling-2-noref.html              |    18 +
 .../inline-block-sibling-2-ref.html                |    18 +
 .../margin-collapsing/inline-block-sibling-2.html  |    32 +
 .../margin-collapsing/inline-horizontal-1-dyn.html |    27 +
 .../inline-horizontal-1-noref.html                 |    16 +
 .../margin-collapsing/inline-horizontal-1-ref.html |    16 +
 .../margin-collapsing/inline-horizontal-1.html     |    19 +
 .../margin-collapsing/inline-horizontal-2-dyn.html |    31 +
 .../inline-horizontal-2-noref.html                 |    17 +
 .../margin-collapsing/inline-horizontal-2-ref.html |    17 +
 .../margin-collapsing/inline-horizontal-2.html     |    23 +
 .../inline-table-horizontal-1-dyn.html             |    28 +
 .../inline-table-horizontal-1-noref.html           |    20 +
 .../inline-table-horizontal-1-ref.html             |    20 +
 .../inline-table-horizontal-1.html                 |    21 +
 layout/reftests/margin-collapsing/reftest.list     |   851 +
 .../scrollable-horizontal-margin-ref.html          |    25 +
 .../scrollable-horizontal-margin.html              |    24 +
 .../scrollable-vertical-margin-ref.html            |    66 +
 .../scrollable-vertical-margin.html                |    65 +
 .../margin-collapsing/table-caption-1-ref.html     |    31 +
 .../margin-collapsing/table-caption-1a-dyn.html    |    41 +
 .../margin-collapsing/table-caption-1a.html        |    34 +
 .../margin-collapsing/table-caption-1b-dyn.html    |    41 +
 .../margin-collapsing/table-caption-1b.html        |    34 +
 .../margin-collapsing/table-caption-1c-dyn.html    |    41 +
 .../margin-collapsing/table-caption-1c.html        |    34 +
 .../margin-collapsing/table-caption-2-ref.html     |    25 +
 .../margin-collapsing/table-caption-2a-dyn.html    |    36 +
 .../margin-collapsing/table-caption-2a.html        |    29 +
 .../margin-collapsing/table-caption-2b-dyn.html    |    36 +
 .../margin-collapsing/table-caption-2b.html        |    29 +
 .../margin-collapsing/table-caption-2c-dyn.html    |    36 +
 .../margin-collapsing/table-caption-2c.html        |    29 +
 .../table-caption-bottom-1-dyn.html                |    48 +
 .../table-caption-bottom-1-ref.html                |    42 +
 .../margin-collapsing/table-caption-bottom-1.html  |    41 +
 .../table-caption-bottom-2-dyn.html                |    43 +
 .../table-caption-bottom-2-ref.html                |    33 +
 .../margin-collapsing/table-caption-bottom-2.html  |    36 +
 .../margin-collapsing/table-caption-top-1-dyn.html |    48 +
 .../margin-collapsing/table-caption-top-1-ref.html |    42 +
 .../margin-collapsing/table-caption-top-1.html     |    41 +
 .../margin-collapsing/table-caption-top-2-dyn.html |    43 +
 .../margin-collapsing/table-caption-top-2-ref.html |    33 +
 .../margin-collapsing/table-caption-top-2.html     |    36 +
 .../margin-collapsing/table-sibling-1-noref.html   |    29 +
 .../margin-collapsing/table-sibling-1-noref2.html  |    29 +
 .../margin-collapsing/table-sibling-1-ref.html     |    29 +
 .../margin-collapsing/table-sibling-1a-dyn.html    |    38 +
 .../margin-collapsing/table-sibling-1a.html        |    31 +
 .../margin-collapsing/table-sibling-1b-dyn.html    |    38 +
 .../margin-collapsing/table-sibling-1b.html        |    31 +
 .../margin-collapsing/table-sibling-1c-dyn.html    |    38 +
 .../margin-collapsing/table-sibling-1c.html        |    31 +
 .../margin-collapsing/table-sibling-2-noref.html   |    29 +
 .../margin-collapsing/table-sibling-2-noref2.html  |    29 +
 .../margin-collapsing/table-sibling-2-ref.html     |    29 +
 .../margin-collapsing/table-sibling-2a-dyn.html    |    38 +
 .../margin-collapsing/table-sibling-2a.html        |    31 +
 .../margin-collapsing/table-sibling-2b-dyn.html    |    38 +
 .../margin-collapsing/table-sibling-2b.html        |    31 +
 .../margin-collapsing/table-sibling-2c-dyn.html    |    38 +
 .../margin-collapsing/table-sibling-2c.html        |    31 +
 .../margin-collapsing/table-sibling-3-dyn.html     |    38 +
 .../margin-collapsing/table-sibling-3-noref.html   |    23 +
 .../margin-collapsing/table-sibling-3-ref.html     |    23 +
 layout/reftests/marquee/1160342-1.html             |    10 +
 layout/reftests/marquee/1160342-2.html             |    10 +
 layout/reftests/marquee/1160342-ref.html           |    10 +
 layout/reftests/marquee/166591-dynamic-1-ref.html  |     6 +
 layout/reftests/marquee/166591-dynamic-1.html      |    11 +
 layout/reftests/marquee/336736-1-ref.html          |     5 +
 layout/reftests/marquee/336736-1a.html             |    13 +
 layout/reftests/marquee/336736-1b.html             |    13 +
 layout/reftests/marquee/406073-1-ref.html          |    11 +
 layout/reftests/marquee/406073-1.html              |    23 +
 layout/reftests/marquee/407016-2-ref.html          |     5 +
 layout/reftests/marquee/407016-2.html              |     7 +
 layout/reftests/marquee/413027-4-ref.html          |    10 +
 layout/reftests/marquee/413027-4.html              |    15 +
 layout/reftests/marquee/425247-1-ref.html          |     9 +
 layout/reftests/marquee/425247-1.html              |     9 +
 layout/reftests/marquee/425247-2-ref.html          |     9 +
 layout/reftests/marquee/425247-2.html              |     9 +
 layout/reftests/marquee/429849-1-ref.html          |    10 +
 layout/reftests/marquee/429849-1.html              |    10 +
 layout/reftests/marquee/reftest.list               |    11 +
 layout/reftests/mathml/largeop-1-ref.html          |     0
 layout/reftests/mathml/largeop-1.html              |     0
 .../mathml/mathml-mmultiscript-base-ref.html       |    14 +
 .../reftests/mathml/mathml-mmultiscript-base.html  |    16 +
 .../mathml/mathml-mmultiscript-mprescript-ref.html |    15 +
 .../mathml/mathml-mmultiscript-mprescript.html     |    18 +
 layout/reftests/mathml/mirror-op-1-ref.html        |    19 +
 layout/reftests/mathml/mirror-op-1.html            |    14 +
 layout/reftests/mathml/mirror-op-2-ref.html        |     9 +
 layout/reftests/mathml/mirror-op-2.html            |     9 +
 layout/reftests/mathml/mirror-op-3-ref.html        |     9 +
 layout/reftests/mathml/mirror-op-3.html            |     9 +
 layout/reftests/mathml/mirror-op-4-ref.html        |     9 +
 layout/reftests/mathml/mirror-op-4.html            |     9 +
 layout/reftests/mathml/mmultiscript-align-ref.html |    42 +
 layout/reftests/mathml/mmultiscript-align.html     |    38 +
 layout/reftests/mathml/mo-glyph-size-ref.html      |    14 +
 layout/reftests/mathml/mo-glyph-size.html          |    50 +
 layout/reftests/mathml/mpadded-7-ref.html          |    15 +
 layout/reftests/mathml/mpadded-7.html              |    16 +
 layout/reftests/mathml/mpadded-8-ref.html          |    15 +
 layout/reftests/mathml/mpadded-8.html              |    16 +
 layout/reftests/mathml/mpadded-9-ref.html          |    15 +
 layout/reftests/mathml/mpadded-9.html              |    16 +
 layout/reftests/mathml/mstyle-2-ref.xhtml          |   110 +
 layout/reftests/mathml/mstyle-2.xhtml              |   113 +
 layout/reftests/mathml/mstyle-3-ref.xhtml          |   133 +
 layout/reftests/mathml/mstyle-3.xhtml              |   136 +
 layout/reftests/mathml/mstyle-4-ref.xhtml          |    75 +
 layout/reftests/mathml/mstyle-4.xhtml              |    78 +
 layout/reftests/mathml/multiscripts-1-ref.html     |    71 +
 layout/reftests/mathml/multiscripts-1.html         |    71 +
 .../munder-mover-align-accent-false-ref.html       |   114 +
 .../mathml/munder-mover-align-accent-false.html    |    98 +
 .../mathml/munder-mover-align-accent-true-ref.html |   114 +
 .../mathml/munder-mover-align-accent-true.html     |    98 +
 .../mathml/munderover-align-accent-false-ref.html  |   132 +
 .../mathml/munderover-align-accent-false.html      |   104 +
 .../mathml/munderover-align-accent-true-ref.html   |   132 +
 .../mathml/munderover-align-accent-true.html       |   104 +
 .../mathml/munderover-empty-scripts-ref.html       |    35 +
 .../reftests/mathml/munderover-empty-scripts.html  |    32 +
 layout/reftests/mathml/overbar-width-1-ref.xhtml   |    26 +
 layout/reftests/mathml/overbar-width-1.xhtml       |    25 +
 layout/reftests/mathml/radicalbar-1.html           |    48 +
 layout/reftests/mathml/radicalbar-1a.html          |    48 +
 layout/reftests/mathml/radicalbar-1b.html          |    48 +
 layout/reftests/mathml/radicalbar-1c.html          |    48 +
 layout/reftests/mathml/radicalbar-1d.html          |    48 +
 layout/reftests/mathml/radicalbar-2.html           |    47 +
 layout/reftests/mathml/radicalbar-2a.html          |    47 +
 layout/reftests/mathml/radicalbar-2b.html          |    47 +
 layout/reftests/mathml/radicalbar-2c.html          |    47 +
 layout/reftests/mathml/radicalbar-2d.html          |    47 +
 layout/reftests/mathml/radicalbar-3.html           |    47 +
 layout/reftests/mathml/radicalbar-3a.html          |    47 +
 layout/reftests/mathml/radicalbar-3b.html          |    47 +
 layout/reftests/mathml/radicalbar-3c.html          |    47 +
 layout/reftests/mathml/radicalbar-3d.html          |    47 +
 layout/reftests/mathml/reftest.list                |    55 +
 layout/reftests/mathml/scale-stretchy-1-ref.xhtml  |    26 +
 layout/reftests/mathml/scale-stretchy-1.xhtml      |    41 +
 layout/reftests/mathml/scale-stretchy-2-ref.xhtml  |    26 +
 layout/reftests/mathml/scale-stretchy-2.xhtml      |    41 +
 layout/reftests/mathml/scale-stretchy-3-ref.xhtml  |    27 +
 layout/reftests/mathml/scale-stretchy-3.xhtml      |    43 +
 layout/reftests/mathml/scale-stretchy-4-ref.xhtml  |    27 +
 layout/reftests/mathml/scale-stretchy-4.xhtml      |    43 +
 layout/reftests/mathml/scale-stretchy-5-ref.xhtml  |    14 +
 layout/reftests/mathml/scale-stretchy-5.xhtml      |    14 +
 .../mathml/scriptlevel-movablelimits-1-ref.html    |    25 +
 .../mathml/scriptlevel-movablelimits-1.html        |    25 +
 layout/reftests/mathml/semantics-1-ref.xhtml       |    66 +
 layout/reftests/mathml/semantics-1.xhtml           |    66 +
 layout/reftests/mathml/semantics-2-ref.html        |    19 +
 layout/reftests/mathml/semantics-2.html            |    19 +
 layout/reftests/mathml/semantics-3-ref.html        |    21 +
 layout/reftests/mathml/semantics-3.html            |    21 +
 layout/reftests/mathml/semantics-5-ref.html        |    17 +
 layout/reftests/mathml/semantics-5.html            |    17 +
 layout/reftests/mathml/stretchy-1-ref.html         |    14 +
 layout/reftests/mathml/stretchy-1.html             |    14 +
 layout/reftests/mathml/stretchy-largeop-1-ref.html |    56 +
 layout/reftests/mathml/stretchy-largeop-1.html     |    81 +
 layout/reftests/mathml/stretchy-largeop-2-ref.html |   111 +
 layout/reftests/mathml/stretchy-largeop-2.html     |   137 +
 layout/reftests/mathml/stretchy-largeop-3-ref.html |   123 +
 layout/reftests/mathml/stretchy-largeop-3.html     |   156 +
 .../mathml/subscript-italic-correction-ref.html    |    36 +
 .../mathml/subscript-italic-correction.html        |    61 +
 layout/reftests/mathml/underbar-width-1-ref.xhtml  |    26 +
 layout/reftests/mathml/underbar-width-1.xhtml      |    25 +
 .../async-scroll-to-no-content-area-ref.html       |    16 +
 .../async-scroll-to-no-content-area.html           |    39 +
 layout/reftests/meta-viewport/box-shadow.html      |    27 +
 .../clamped-by-default-minimum-scale.html          |    34 +
 .../reftests/meta-viewport/desktop-mode-ref.html   |    24 +
 layout/reftests/meta-viewport/desktop-mode.html    |    31 +
 .../meta-viewport/device-height-for-width.html     |    24 +
 .../device-height-with-dynamic-toolbar-ref.html    |    18 +
 .../device-height-with-dynamic-toolbar.html        |    17 +
 .../dynamic-grow-width-and-height.html             |    40 +
 .../reftests/meta-viewport/dynamic-grow-width.html |    30 +
 .../horizontal-overflow-hidden-region-ref.html     |    15 +
 .../horizontal-overflow-hidden-region.html         |    19 +
 layout/reftests/meta-viewport/initial-scale-0.html |    26 +
 .../meta-viewport/initial-scale-0_25-ref.html      |    23 +
 .../meta-viewport/initial-scale-0_5-ref.html       |    23 +
 layout/reftests/meta-viewport/initial-scale-1.html |    24 +
 .../meta-viewport/initial-scale-10-ref.html        |    24 +
 .../reftests/meta-viewport/initial-scale-100.html  |    24 +
 layout/reftests/meta-viewport/invalid-content.html |    25 +
 .../reftests/meta-viewport/invalid-width-ref.html  |    24 +
 layout/reftests/meta-viewport/invalid-width.html   |    24 +
 .../meta-viewport/min-scale-aspect-ratio.html      |    41 +
 layout/reftests/meta-viewport/minimum-scale.html   |    24 +
 .../negative-initial-and-maximum-scale.html        |    26 +
 .../no-scalable-with-minimum-scale-ref.html        |    16 +
 .../no-scalable-with-minimum-scale.html            |    16 +
 layout/reftests/meta-viewport/no-viewport.html     |    25 +
 layout/reftests/meta-viewport/no-zoom-ref.html     |    26 +
 .../meta-viewport/not-able-to-scrollTo.html        |    39 +
 ...verflow-hidden-region-dynamic-width-change.html |    35 +
 ...gion-with-negative-left-positioned-element.html |    22 +
 .../meta-viewport/overflow-hidden-region.html      |    18 +
 .../meta-viewport/overflow-region-ref.html         |    14 +
 layout/reftests/meta-viewport/overflow-region.html |    16 +
 .../position-fixed-on-half-height-content-ref.html |    18 +
 .../position-fixed-on-half-height-content.html     |    18 +
 .../position-fixed-on-landscape-content.html       |    25 +
 .../position-fixed-on-minimum-scale-size-ref.html  |    20 +
 .../position-fixed-on-minimum-scale-size.html      |    19 +
 .../position-fixed-on-square-content-ref.html      |    26 +
 .../position-fixed-on-square-content.html          |    30 +
 .../meta-viewport/position-fixed-out-of-view.html  |    16 +
 layout/reftests/meta-viewport/reftest.list         |    43 +
 layout/reftests/meta-viewport/removal.html         |    16 +
 .../remove-overflow-hidden-region-ref.html         |    18 +
 .../remove-overflow-hidden-region.html             |    25 +
 ...resolution-change-on-landscape-content-ref.html |    20 +
 .../resolution-change-on-landscape-content.html    |    26 +
 .../scroll-to-unreachable-area-ref.html            |    14 +
 .../meta-viewport/scroll-to-unreachable-area.html  |    27 +
 .../scrollbars-in-half-height-content-ref.html     |    16 +
 .../scrollbars-in-half-height-content.html         |    20 +
 .../scrollbars-in-landscape-content-ref.html       |    15 +
 .../scrollbars-in-landscape-content.html           |    15 +
 .../vertical-overflow-hidden-region.html           |    19 +
 layout/reftests/meta-viewport/viewport-width.html  |    26 +
 layout/reftests/meta-viewport/width-980-ref.html   |    24 +
 .../meta-viewport/wrapped-text-at-icb-ref.html     |    18 +
 .../meta-viewport/wrapped-text-at-icb.html         |    23 +
 layout/reftests/moz.build                          |   247 +
 layout/reftests/mp4-video/canvas-1-ref.xhtml       |    19 +
 layout/reftests/mp4-video/canvas-1.xhtml           |    27 +
 .../mp4-video/image-rendering-css-auto.html        |    21 +
 layout/reftests/mp4-video/image-rendering-css.html |    21 +
 layout/reftests/mp4-video/image-rendering-ref.html |    18 +
 .../reftests/mp4-video/image-rendering-script.html |    30 +
 layout/reftests/mp4-video/qr.mp4                   |   Bin 0 -> 3496 bytes
 layout/reftests/mp4-video/reftest.list             |     4 +
 layout/reftests/mp4-video/short.mp4                |   Bin 0 -> 13708 bytes
 layout/reftests/native-theme/427122-1-ref.html     |    17 +
 layout/reftests/native-theme/427122-1.html         |    18 +
 layout/reftests/native-theme/470711-1-ref.xhtml    |    16 +
 layout/reftests/native-theme/470711-1.xhtml        |    18 +
 layout/reftests/native-theme/482955-1-ref.xhtml    |     8 +
 layout/reftests/native-theme/482955-1.xhtml        |     9 +
 layout/reftests/native-theme/492155-1.html         |     7 +
 layout/reftests/native-theme/492155-2.html         |     7 +
 layout/reftests/native-theme/492155-3.html         |     7 +
 layout/reftests/native-theme/492155-4.html         |    10 +
 layout/reftests/native-theme/676387-1-ref.xhtml    |     6 +
 layout/reftests/native-theme/676387-1.xhtml        |    12 +
 layout/reftests/native-theme/blank-window.xhtml    |     5 +
 .../reftests/native-theme/border-radius-ref.html   |     9 +
 layout/reftests/native-theme/border-radius.html    |     9 +
 .../native-theme/box-shadow-button-ref.html        |     1 +
 .../reftests/native-theme/box-shadow-button.html   |     1 +
 .../native-theme/box-shadow-combobox-ref.html      |     4 +
 .../reftests/native-theme/box-shadow-combobox.html |     4 +
 .../native-theme/box-shadow-input-ref.html         |     1 +
 layout/reftests/native-theme/box-shadow-input.html |     1 +
 .../native-theme/box-shadow-listbox-ref.html       |     4 +
 .../reftests/native-theme/box-shadow-listbox.html  |     4 +
 .../native-theme/button-html-not-blank.html        |     1 +
 layout/reftests/native-theme/button-native.html    |     2 +
 .../button-nonnative-when-styled-ref.html          |    17 +
 .../native-theme/button-nonnative-when-styled.html |    17 +
 layout/reftests/native-theme/button-nonnative.html |     2 +
 layout/reftests/native-theme/button-not-blank.html |     1 +
 .../native-theme/checkbox-dynamic-1-ref.html       |    18 +
 .../reftests/native-theme/checkbox-dynamic-1.html  |    39 +
 layout/reftests/native-theme/checkbox-native.html  |     2 +
 .../reftests/native-theme/checkbox-nonnative.html  |     2 +
 .../reftests/native-theme/checkbox-not-blank.html  |     1 +
 .../checkbox-not-mirrored-when-rtl-ref.html        |     2 +
 .../checkbox-not-mirrored-when-rtl.html            |     2 +
 .../checkbox-still-native-when-styled-ref.html     |    14 +
 .../checkbox-still-native-when-styled.html         |    14 +
 layout/reftests/native-theme/combobox-native.html  |     2 +
 .../combobox-nonnative-when-styled-ref.html        |    24 +
 .../combobox-nonnative-when-styled.html            |    24 +
 .../reftests/native-theme/combobox-nonnative.html  |     2 +
 .../reftests/native-theme/combobox-not-blank.html  |     1 +
 .../reftests/native-theme/fieldset-not-blank.html  |     1 +
 layout/reftests/native-theme/file-not-blank.html   |     1 +
 layout/reftests/native-theme/listbox-native.html   |     2 +
 .../listbox-nonnative-when-styled-ref.html         |    19 +
 .../listbox-nonnative-when-styled.html             |    19 +
 .../reftests/native-theme/listbox-nonnative.html   |     2 +
 .../reftests/native-theme/listbox-not-blank.html   |     1 +
 .../native-theme-disabled-cascade-levels-ref.html  |     6 +
 .../native-theme-disabled-cascade-levels.html      |    10 +
 layout/reftests/native-theme/progress-nobar.html   |     7 +
 .../native-theme/progress-overflow-ref.html        |    10 +
 .../native-theme/progress-overflow-small.html      |     9 +
 .../reftests/native-theme/progress-overflow.html   |     9 +
 layout/reftests/native-theme/radio-native.html     |     2 +
 layout/reftests/native-theme/radio-nonnative.html  |     2 +
 layout/reftests/native-theme/radio-not-blank.html  |     1 +
 .../radio-still-native-when-styled-ref.html        |    14 +
 .../radio-still-native-when-styled.html            |    14 +
 layout/reftests/native-theme/reftest.list          |    67 +
 .../native-theme/resizer-bottomleft-rtl.xhtml      |    10 +
 .../reftests/native-theme/resizer-bottomleft.xhtml |    10 +
 .../native-theme/resizer-bottomright-rtl.xhtml     |    10 +
 .../native-theme/resizer-bottomright.xhtml         |    10 +
 layout/reftests/native-theme/resizer-left.xhtml    |    10 +
 .../scroll-thumb-minimum-size-notheme-ref.html     |     4 +
 .../scroll-thumb-minimum-size-notheme.html         |    31 +
 .../scroll-thumb-minimum-size-theme-ref.html       |     4 +
 .../scroll-thumb-minimum-size-theme.html           |    14 +
 .../native-theme/text-control-not-blank.html       |     1 +
 .../reftests/native-theme/text-input-native.html   |     2 +
 .../text-input-nonnative-when-styled-ref.html      |    23 +
 .../text-input-nonnative-when-styled.html          |    23 +
 .../native-theme/text-input-nonnative.html         |     2 +
 layout/reftests/native-theme/textarea-native.html  |     2 +
 .../textarea-nonnative-when-styled-ref.html        |    17 +
 .../textarea-nonnative-when-styled.html            |    18 +
 .../reftests/native-theme/textarea-nonnative.html  |     2 +
 .../reftests/native-theme/textarea-not-blank.html  |     1 +
 layout/reftests/object/404-data-ref.html           |    10 +
 layout/reftests/object/404-data-with-type-ref.html |    10 +
 layout/reftests/object/404-data-with-type.html     |    10 +
 layout/reftests/object/404-data.html               |    10 +
 layout/reftests/object/connection-refused-ref.html |    10 +
 layout/reftests/object/connection-refused.html     |    10 +
 layout/reftests/object/extra/404.html              |     9 +
 layout/reftests/object/extra/404.html^headers^     |     1 +
 layout/reftests/object/extra/malformed.xml         |     1 +
 layout/reftests/object/extra/malformed_image.png   |     1 +
 layout/reftests/object/extra/pass.html             |     6 +
 layout/reftests/object/extra/pass.png              |   Bin 0 -> 732 bytes
 layout/reftests/object/extra/pass.svg              |    74 +
 layout/reftests/object/extra/pass_image            |   Bin 0 -> 732 bytes
 .../image-no-useful-extension-typesniff-ref.html   |    10 +
 .../image-no-useful-extension-typesniff.html       |    10 +
 .../image-no-useful-extension-with-type-ref.html   |    10 +
 .../image-no-useful-extension-with-type.html       |    10 +
 layout/reftests/object/image-ref.html              |    10 +
 layout/reftests/object/image-with-type-ref.html    |    10 +
 layout/reftests/object/image-with-type.html        |    10 +
 layout/reftests/object/image.html                  |    10 +
 .../object/malformed-should-fallback-ref.html      |    10 +
 .../reftests/object/malformed-should-fallback.html |    10 +
 layout/reftests/object/malformed-uri-ref.html      |    14 +
 layout/reftests/object/malformed-uri.html          |    14 +
 .../reftests/object/malformed-with-type-ref.html   |    10 +
 layout/reftests/object/malformed-with-type.html    |    10 +
 layout/reftests/object/malformed-xml-ref.html      |    15 +
 .../object/malformed-xml-with-type-ref.html        |    15 +
 .../reftests/object/malformed-xml-with-type.html   |    15 +
 layout/reftests/object/malformed-xml.html          |    15 +
 layout/reftests/object/no-attrs-ref.html           |    10 +
 layout/reftests/object/no-attrs.html               |    10 +
 layout/reftests/object/page-as-data-ref.html       |    10 +
 .../object/page-as-data-with-type-ref.html         |    10 +
 layout/reftests/object/page-as-data-with-type.html |    10 +
 layout/reftests/object/page-as-data.html           |    10 +
 layout/reftests/object/reftest.list                |    57 +
 layout/reftests/object/svg-ref.html                |    10 +
 layout/reftests/object/svg-with-type-ref.html      |    10 +
 layout/reftests/object/svg-with-type.html          |    10 +
 layout/reftests/object/svg.html                    |    10 +
 .../object/type-overridden-by-server-ref.html      |    10 +
 .../reftests/object/type-overridden-by-server.html |    10 +
 layout/reftests/object/unknown-type-ref.html       |    10 +
 layout/reftests/object/unknown-type.html           |    10 +
 layout/reftests/ogg-video/444-1-ref.html           |    20 +
 layout/reftests/ogg-video/444-1.html               |    20 +
 layout/reftests/ogg-video/aspect-ratio-1-ref.html  |     6 +
 layout/reftests/ogg-video/aspect-ratio-1a.xhtml    |    14 +
 layout/reftests/ogg-video/aspect-ratio-1b.xhtml    |    14 +
 layout/reftests/ogg-video/aspect-ratio-2-ref.html  |     6 +
 layout/reftests/ogg-video/aspect-ratio-2a.xhtml    |    14 +
 layout/reftests/ogg-video/aspect-ratio-2b.xhtml    |    14 +
 layout/reftests/ogg-video/aspect-ratio-3-ref.xhtml |    14 +
 layout/reftests/ogg-video/aspect-ratio-3a.xhtml    |    14 +
 layout/reftests/ogg-video/aspect-ratio-3b.xhtml    |    14 +
 layout/reftests/ogg-video/basic-1-ref.html         |     6 +
 layout/reftests/ogg-video/basic-1.xhtml            |    14 +
 .../reftests/ogg-video/black100x100-aspect3to2.ogv |   Bin 0 -> 3428 bytes
 layout/reftests/ogg-video/black140x100.ogv         |   Bin 0 -> 2871 bytes
 layout/reftests/ogg-video/black29x19offset.ogv     |   Bin 0 -> 3988 bytes
 layout/reftests/ogg-video/blue140x100.png          |   Bin 0 -> 277 bytes
 layout/reftests/ogg-video/blue250x200.png          |   Bin 0 -> 1157 bytes
 layout/reftests/ogg-video/canvas-1a.xhtml          |    29 +
 layout/reftests/ogg-video/canvas-1b.xhtml          |    27 +
 layout/reftests/ogg-video/clipping-1-ref.html      |     9 +
 layout/reftests/ogg-video/clipping-1a.html         |     8 +
 layout/reftests/ogg-video/empty-1-ref.html         |     5 +
 layout/reftests/ogg-video/empty-1a.html            |     6 +
 layout/reftests/ogg-video/empty-1b.html            |     6 +
 .../ogg-video/encoded-aspect-ratio-1-ref.html      |    19 +
 .../reftests/ogg-video/encoded-aspect-ratio-1.html |    29 +
 layout/reftests/ogg-video/green70x30.png           |   Bin 0 -> 224 bytes
 .../ogg-video/object-aspect-ratio-1a.xhtml         |    14 +
 .../ogg-video/object-aspect-ratio-1b.xhtml         |    14 +
 .../ogg-video/object-aspect-ratio-2a.xhtml         |    14 +
 .../ogg-video/object-aspect-ratio-2b.xhtml         |    14 +
 layout/reftests/ogg-video/offset-1-ref.html        |     6 +
 layout/reftests/ogg-video/offset-1.xhtml           |    14 +
 layout/reftests/ogg-video/poster-1.html            |     7 +
 layout/reftests/ogg-video/poster-10.html           |    18 +
 layout/reftests/ogg-video/poster-11.html           |    29 +
 layout/reftests/ogg-video/poster-12.html           |    38 +
 layout/reftests/ogg-video/poster-13.html           |     8 +
 layout/reftests/ogg-video/poster-15.html           |    13 +
 layout/reftests/ogg-video/poster-2.html            |     7 +
 layout/reftests/ogg-video/poster-3.html            |    11 +
 layout/reftests/ogg-video/poster-4.html            |    14 +
 layout/reftests/ogg-video/poster-5.html            |    13 +
 layout/reftests/ogg-video/poster-6.html            |    12 +
 layout/reftests/ogg-video/poster-7.html            |    14 +
 layout/reftests/ogg-video/poster-8.html            |    12 +
 .../ogg-video/poster-ref-black140x100.html         |     6 +
 .../reftests/ogg-video/poster-ref-blue125x100.html |     6 +
 .../reftests/ogg-video/poster-ref-blue140x100.html |     6 +
 .../reftests/ogg-video/poster-ref-blue250x200.html |     6 +
 .../reftests/ogg-video/poster-ref-blue400x300.html |     8 +
 .../reftests/ogg-video/poster-ref-green70x30.html  |     6 +
 .../reftests/ogg-video/poster-ref-red140x100.html  |     6 +
 layout/reftests/ogg-video/red140x100.png           |   Bin 0 -> 274 bytes
 layout/reftests/ogg-video/red160x120.png           |   Bin 0 -> 720 bytes
 layout/reftests/ogg-video/reftest.list             |    35 +
 layout/reftests/ogg-video/seek420.ogv              |   Bin 0 -> 30163 bytes
 layout/reftests/ogg-video/seek444.ogv              |   Bin 0 -> 30408 bytes
 layout/reftests/ogg-video/zoomed-1-ref.html        |     6 +
 layout/reftests/ogg-video/zoomed-1.xhtml           |    15 +
 .../outline/outline-and-3d-transform-1-ref.html    |    28 +
 .../outline/outline-and-3d-transform-1a.html       |    40 +
 .../outline/outline-and-3d-transform-1b.html       |    40 +
 .../outline/outline-and-3d-transform-2-ref.html    |    36 +
 .../outline/outline-and-3d-transform-2.html        |    35 +
 .../outline/outline-and-box-shadow-ref.html        |    13 +
 .../reftests/outline/outline-and-box-shadow.html   |    13 +
 layout/reftests/outline/outline-auto-001-ref.html  |    36 +
 layout/reftests/outline/outline-auto-001.html      |    28 +
 layout/reftests/outline/outline-auto-002-ref.html  |     2 +
 layout/reftests/outline/outline-auto-002.html      |     5 +
 .../outline-auto-explicit-native-widget-ref.html   |     5 +
 .../outline-auto-explicit-native-widget.html       |     5 +
 ...e-auto-follows-border-radius-non-native-02.html |    14 +
 ...to-follows-border-radius-non-native-notref.html |    12 +
 ...line-auto-follows-border-radius-non-native.html |    13 +
 .../outline-auto-suppressed-native-widget-ref.html |     7 +
 .../outline-auto-suppressed-native-widget.html     |     8 +
 .../outline/outline-dynamic-change-1-ref.html      |    17 +
 .../outline/outline-dynamic-change-1a.html         |    26 +
 .../outline/outline-dynamic-change-1b.html         |    26 +
 layout/reftests/outline/outline-initial-1-ref.html |     5 +
 layout/reftests/outline/outline-initial-1a.html    |     4 +
 layout/reftests/outline/outline-initial-1b.html    |     5 +
 layout/reftests/outline/outline-on-table-ref.html  |     9 +
 layout/reftests/outline/outline-on-table.html      |    17 +
 .../outline/outline-overflow-block-abspos.html     |    25 +
 .../outline/outline-overflow-block-float.html      |    23 +
 .../outline/outline-overflow-block-ref.html        |    17 +
 .../outline-overflow-inlineblock-abspos.html       |    27 +
 .../outline-overflow-inlineblock-float.html        |    24 +
 .../outline/outline-overflow-inlineblock-ref.html  |    17 +
 .../outline/outline-table-caption-invisible.html   |     8 +
 .../outline/outline-table-caption-ref.html         |    11 +
 layout/reftests/outline/outline-table-caption.html |    11 +
 .../outline/outline-wrapped-span-1-ref.html        |    54 +
 .../reftests/outline/outline-wrapped-span-1.html   |    57 +
 layout/reftests/outline/reftest.list               |    22 +
 layout/reftests/pagination/1108104-ref.html        |    33 +
 layout/reftests/pagination/1108104.html            |    30 +
 layout/reftests/pagination/115199-1-ref.html       |    20 +
 layout/reftests/pagination/115199-1.html           |    25 +
 layout/reftests/pagination/115199-2-ref.html       |    18 +
 layout/reftests/pagination/115199-2a.html          |    24 +
 layout/reftests/pagination/115199-2b.html          |    24 +
 layout/reftests/pagination/1166147-ref.html        |    35 +
 layout/reftests/pagination/1166147.html            |    36 +
 layout/reftests/pagination/129941-1-ref.html       |    10 +
 layout/reftests/pagination/129941-1a.html          |    10 +
 layout/reftests/pagination/129941-1b.html          |    10 +
 layout/reftests/pagination/129941-1c.html          |    10 +
 layout/reftests/pagination/129941-1d.html          |    10 +
 layout/reftests/pagination/129941-1e-ref.html      |    10 +
 layout/reftests/pagination/129941-1e.html          |    10 +
 layout/reftests/pagination/1321803-1-ref.html      |    10 +
 layout/reftests/pagination/1321803-1a.html         |    10 +
 layout/reftests/pagination/1404868-1-ref.html      |    27 +
 layout/reftests/pagination/1404868-1.html          |    27 +
 layout/reftests/pagination/1406050-1-ref.html      |    18 +
 layout/reftests/pagination/1406050-1.html          |    21 +
 layout/reftests/pagination/1406291-1-ref.html      |    16 +
 layout/reftests/pagination/1406291-1.html          |    23 +
 layout/reftests/pagination/1409585-1-ref.html      |    38 +
 layout/reftests/pagination/1409585-1.html          |    48 +
 layout/reftests/pagination/1411799-1-ref.html      |    39 +
 layout/reftests/pagination/1411799-1.html          |    38 +
 layout/reftests/pagination/1420528-1-ref.html      |    16 +
 layout/reftests/pagination/1420528-1.html          |    12 +
 layout/reftests/pagination/1427141-1.html          |    39 +
 layout/reftests/pagination/1427141-2.html          |    39 +
 layout/reftests/pagination/1427141-ref.html        |    31 +
 layout/reftests/pagination/1468654-1-ref.html      |    60 +
 layout/reftests/pagination/1468654-1.html          |    51 +
 layout/reftests/pagination/1596310-ref.html        |    17 +
 layout/reftests/pagination/1596310.html            |    19 +
 layout/reftests/pagination/272830-1-ref.html       |    22 +
 layout/reftests/pagination/272830-1.html           |    22 +
 layout/reftests/pagination/318022-1-ref.html       |    13 +
 layout/reftests/pagination/318022-1.html           |    15 +
 layout/reftests/pagination/381497-f.html           |    10 +
 layout/reftests/pagination/381497-n.html           |    16 +
 layout/reftests/pagination/403669-1-ref.html       |    12 +
 layout/reftests/pagination/403669-1.html           |    13 +
 layout/reftests/pagination/577450-1-ref.html       |     8 +
 layout/reftests/pagination/577450-1.html           |     8 +
 layout/reftests/pagination/609227-1-ref.html       |    12 +
 layout/reftests/pagination/609227-1.html           |    13 +
 layout/reftests/pagination/609227-2-ref.html       |     9 +
 layout/reftests/pagination/609227-2a.html          |    12 +
 layout/reftests/pagination/609227-2b.html          |    12 +
 layout/reftests/pagination/626395-1-ref.html       |     8 +
 layout/reftests/pagination/626395-1a.html          |     9 +
 layout/reftests/pagination/626395-1b.html          |     9 +
 layout/reftests/pagination/626395-2-ref.html       |     7 +
 layout/reftests/pagination/626395-2a.html          |     9 +
 layout/reftests/pagination/626395-2b.html          |     9 +
 layout/reftests/pagination/626395-2c.html          |     9 +
 layout/reftests/pagination/626395-2d.html          |     9 +
 layout/reftests/pagination/652178-1-ref.html       |    14 +
 layout/reftests/pagination/652178-1-ref2.html      |    14 +
 layout/reftests/pagination/652178-1.html           |    17 +
 layout/reftests/pagination/745025-1-ref.html       |     9 +
 layout/reftests/pagination/745025-1.html           |    18 +
 layout/reftests/pagination/820496-1-ref.html       |     7 +
 layout/reftests/pagination/820496-1.html           |     6 +
 layout/reftests/pagination/960822-ref.html         |     7 +
 layout/reftests/pagination/960822.html             |     7 +
 layout/reftests/pagination/966419-1-ref.html       |     9 +
 layout/reftests/pagination/966419-1.html           |     9 +
 layout/reftests/pagination/966419-2-ref.html       |     9 +
 layout/reftests/pagination/966419-2.html           |     9 +
 .../pagination/abspos-breaking-000.ref.xhtml       |    40 +
 .../reftests/pagination/abspos-breaking-000.xhtml  |    41 +
 .../reftests/pagination/abspos-breaking-001.xhtml  |    42 +
 .../reftests/pagination/abspos-breaking-002.xhtml  |    43 +
 .../pagination/abspos-breaking-003-ref.html        |    29 +
 .../reftests/pagination/abspos-breaking-003.html   |    20 +
 .../pagination/abspos-breaking-004-ref.html        |    29 +
 .../reftests/pagination/abspos-breaking-004.html   |    20 +
 .../pagination/abspos-breaking-005-ref.html        |    39 +
 .../reftests/pagination/abspos-breaking-005.html   |    20 +
 .../pagination/abspos-breaking-006-ref.html        |    35 +
 .../reftests/pagination/abspos-breaking-006.html   |    20 +
 .../pagination/abspos-breaking-007-ref.html        |    50 +
 .../reftests/pagination/abspos-breaking-007.html   |    21 +
 .../pagination/abspos-breaking-008-ref.html        |    35 +
 .../reftests/pagination/abspos-breaking-008.html   |    21 +
 .../pagination/abspos-breaking-009-ref.html        |    39 +
 .../reftests/pagination/abspos-breaking-009.html   |    21 +
 .../pagination/abspos-breaking-010-ref.html        |    30 +
 .../reftests/pagination/abspos-breaking-010.html   |    21 +
 .../pagination/abspos-breaking-011-ref.html        |     7 +
 .../reftests/pagination/abspos-breaking-011.html   |     9 +
 .../abspos-breaking-dynamic-001-ref.html           |    41 +
 .../pagination/abspos-breaking-dynamic-001.html    |    44 +
 .../abspos-breaking-dynamic-002-ref.html           |    39 +
 .../pagination/abspos-breaking-dynamic-002.html    |    44 +
 .../abspos-breaking-dynamic-003-ref.html           |    49 +
 .../pagination/abspos-breaking-dynamic-003.html    |    49 +
 .../pagination/abspos-breaking-dynamic-004.html    |    46 +
 .../abspos-breaking-dynamic-005-ref.html           |    37 +
 .../pagination/abspos-breaking-dynamic-005.html    |    44 +
 .../pagination/abspos-overflow-01-cols.ref.xhtml   |    73 +
 .../pagination/abspos-overflow-01-cols.xhtml       |   189 +
 .../pagination/abspos-overflow-01.ref.xhtml        |    47 +
 .../reftests/pagination/abspos-overflow-01.xhtml   |   201 +
 layout/reftests/pagination/bfc-001-ref.html        |    19 +
 layout/reftests/pagination/bfc-001.html            |    25 +
 layout/reftests/pagination/bfc-002.html            |    25 +
 layout/reftests/pagination/bfc-003.html            |    25 +
 layout/reftests/pagination/bfc-004-ref.html        |    24 +
 layout/reftests/pagination/bfc-004.html            |    30 +
 layout/reftests/pagination/bfc-005.html            |    30 +
 layout/reftests/pagination/bfc-006-ref.html        |    19 +
 layout/reftests/pagination/bfc-006.html            |    25 +
 layout/reftests/pagination/bfc-007.html            |    25 +
 layout/reftests/pagination/bfc-008.html            |    25 +
 layout/reftests/pagination/blank.html              |     1 +
 .../pagination/block-max-height-001-ref.html       |    21 +
 .../reftests/pagination/block-max-height-001.html  |    21 +
 .../reftests/pagination/block-max-height-002.html  |    21 +
 .../pagination/block-min-height-001-ref.html       |    21 +
 .../reftests/pagination/block-min-height-001.html  |    21 +
 .../reftests/pagination/block-min-height-002.html  |    21 +
 .../pagination/border-breaking-000-cols.ref.xhtml  |    19 +
 .../pagination/border-breaking-000-cols.xhtml      |    42 +
 .../pagination/border-breaking-001-cols.ref.xhtml  |    38 +
 .../pagination/border-breaking-001-cols.xhtml      |    74 +
 .../pagination/border-breaking-002-cols.ref.xhtml  |    35 +
 .../pagination/border-breaking-002-cols.xhtml      |    36 +
 .../pagination/border-breaking-003-cols.ref.xhtml  |    31 +
 .../pagination/border-breaking-003-cols.xhtml      |    40 +
 .../pagination/border-breaking-004-cols.xhtml      |    29 +
 .../column-balancing-break-inside-avoid-2-ref.html |    31 +
 .../column-balancing-break-inside-avoid-2.html     |    49 +
 .../pagination/combobox-page-break-inside-ref.html |    17 +
 .../pagination/combobox-page-break-inside.html     |    17 +
 .../pagination/contain-size-break-001-ref.html     |    20 +
 .../pagination/contain-size-break-001.html         |    29 +
 .../pagination/contain-size-break-002-ref.html     |    26 +
 .../pagination/contain-size-break-002.html         |    33 +
 .../pagination/contain-size-break-003-ref.html     |    15 +
 .../pagination/contain-size-break-003.html         |    20 +
 .../pagination/content-inserted-000.ref.xhtml      |    44 +
 .../reftests/pagination/content-inserted-000.xhtml |    44 +
 .../pagination/content-inserted-001.ref.xhtml      |    33 +
 .../reftests/pagination/content-inserted-001.xhtml |    33 +
 .../pagination/content-inserted-002.ref.xhtml      |    42 +
 .../reftests/pagination/content-inserted-002.xhtml |    47 +
 .../reftests/pagination/content-inserted-003.xhtml |    48 +
 .../reftests/pagination/content-inserted-004.xhtml |    46 +
 .../reftests/pagination/content-inserted-005.xhtml |    42 +
 .../reftests/pagination/content-inserted-006.xhtml |    54 +
 .../reftests/pagination/content-inserted-007.xhtml |    53 +
 .../reftests/pagination/content-inserted-008.xhtml |    40 +
 .../reftests/pagination/content-inserted-009.xhtml |    49 +
 .../reftests/pagination/content-url-element.html   |     9 +
 .../pagination/content-url-pseudo-ref.html         |    11 +
 layout/reftests/pagination/content-url-pseudo.html |    10 +
 .../dynamic-abspos-overflow-01-cols.ref.xhtml      |    78 +
 .../dynamic-abspos-overflow-01-cols.xhtml          |   239 +
 layout/reftests/pagination/fieldset-001-grid.html  |    26 +
 layout/reftests/pagination/fieldset-001-ref.html   |    24 +
 layout/reftests/pagination/fieldset-001.html       |    24 +
 layout/reftests/pagination/fieldset-002-ref.html   |    24 +
 layout/reftests/pagination/fieldset-002.html       |    23 +
 layout/reftests/pagination/fieldset-003-ref.html   |    33 +
 layout/reftests/pagination/fieldset-003.html       |    29 +
 layout/reftests/pagination/fieldset-004-ref.html   |    37 +
 layout/reftests/pagination/fieldset-004.html       |    31 +
 layout/reftests/pagination/fieldset-005-ref.html   |    36 +
 layout/reftests/pagination/fieldset-005.html       |    30 +
 layout/reftests/pagination/fieldset-006-ref.html   |    40 +
 layout/reftests/pagination/fieldset-006.html       |    32 +
 layout/reftests/pagination/fieldset-007-ref.html   |    32 +
 layout/reftests/pagination/fieldset-007.html       |    31 +
 layout/reftests/pagination/fieldset-008-ref.html   |    39 +
 layout/reftests/pagination/fieldset-008.html       |    29 +
 layout/reftests/pagination/fieldset-009-ref.html   |    35 +
 layout/reftests/pagination/fieldset-009.html       |    30 +
 layout/reftests/pagination/fieldset-00A-ref.html   |    30 +
 layout/reftests/pagination/fieldset-00A.html       |    31 +
 layout/reftests/pagination/fieldset-00B-ref.html   |    36 +
 layout/reftests/pagination/fieldset-00B.html       |    32 +
 layout/reftests/pagination/fieldset-00C-ref.html   |    33 +
 layout/reftests/pagination/fieldset-00C.html       |    33 +
 layout/reftests/pagination/fieldset-00D-ref.html   |    31 +
 layout/reftests/pagination/fieldset-00D.html       |    34 +
 layout/reftests/pagination/fieldset-00E-ref.html   |    34 +
 layout/reftests/pagination/fieldset-00E.html       |    31 +
 layout/reftests/pagination/fieldset-00F-ref.html   |    32 +
 layout/reftests/pagination/fieldset-00F.html       |    32 +
 layout/reftests/pagination/fieldset-00G-ref.html   |    34 +
 layout/reftests/pagination/fieldset-00G.html       |    33 +
 layout/reftests/pagination/fieldset-00H-grid.html  |    27 +
 layout/reftests/pagination/fieldset-00H-ref.html   |    26 +
 layout/reftests/pagination/fieldset-00H.html       |    25 +
 layout/reftests/pagination/fieldset-00I-grid.html  |    35 +
 layout/reftests/pagination/fieldset-00I-ref.html   |    34 +
 layout/reftests/pagination/fieldset-00I.html       |    33 +
 layout/reftests/pagination/fieldset-00J-grid.html  |    34 +
 layout/reftests/pagination/fieldset-00J-ref.html   |    31 +
 layout/reftests/pagination/fieldset-00J.html       |    32 +
 layout/reftests/pagination/fieldset-00K-ref.html   |    31 +
 layout/reftests/pagination/fieldset-00K.html       |    32 +
 layout/reftests/pagination/fieldset-00L-ref.html   |    33 +
 layout/reftests/pagination/fieldset-00L.html       |    33 +
 layout/reftests/pagination/fieldset-00M-ref.html   |    28 +
 layout/reftests/pagination/fieldset-00M.html       |    28 +
 .../reftests/pagination/float-clear-000-print.html |    36 +
 .../pagination/float-clear-000-print.ref.html      |    24 +
 .../reftests/pagination/float-clear-001-print.html |    36 +
 .../reftests/pagination/float-clear-002-print.html |    36 +
 .../reftests/pagination/float-clear-003-print.html |    45 +
 .../pagination/float-continuations-000.html        |   107 +
 .../pagination/float-continuations-000.ref.html    |    39 +
 layout/reftests/pagination/image.html              |     4 +
 .../pagination/inline-block-frag-offset-1-ref.html |    35 +
 .../pagination/inline-block-frag-offset-1.html     |    34 +
 .../pagination/inline-block-frag-offset-2-ref.html |    37 +
 .../pagination/inline-block-frag-offset-2.html     |    35 +
 .../pagination/inline-block-frag-simple-1-ref.html |    25 +
 .../pagination/inline-block-frag-simple-1.html     |    25 +
 .../pagination/inline-block-frag-simple-2-ref.html |    26 +
 .../pagination/inline-block-frag-simple-2.html     |    26 +
 .../pagination/inline-block-frag-text-1-ref.html   |    47 +
 .../pagination/inline-block-frag-text-1.html       |    38 +
 .../pagination/inline-block-slice-1-ref.html       |    37 +
 .../reftests/pagination/inline-block-slice-1.html  |    37 +
 .../pagination/inline-block-slice-1b-ref.html      |    38 +
 .../reftests/pagination/inline-block-slice-1b.html |    38 +
 .../pagination/inline-block-slice-1c-ref.html      |    38 +
 .../reftests/pagination/inline-block-slice-1c.html |    38 +
 .../pagination/inline-block-slice-2-ref.html       |    40 +
 .../reftests/pagination/inline-block-slice-2.html  |    40 +
 .../pagination/inline-block-slice-2b-ref.html      |    41 +
 .../reftests/pagination/inline-block-slice-2b.html |    41 +
 .../pagination/inline-block-slice-2c-ref.html      |    41 +
 .../reftests/pagination/inline-block-slice-2c.html |    41 +
 .../pagination/inline-block-slice-3-ref.html       |    46 +
 .../reftests/pagination/inline-block-slice-3.html  |    48 +
 .../pagination/inline-block-slice-3b-ref.html      |    47 +
 .../reftests/pagination/inline-block-slice-3b.html |    49 +
 .../pagination/inline-block-slice-3c-ref.html      |    47 +
 .../reftests/pagination/inline-block-slice-3c.html |    49 +
 .../pagination/inline-block-slice-4-ref.html       |    47 +
 .../reftests/pagination/inline-block-slice-4.html  |    49 +
 .../pagination/inline-block-slice-4b-ref.html      |    48 +
 .../reftests/pagination/inline-block-slice-4b.html |    50 +
 .../pagination/inline-block-slice-4c-ref.html      |    48 +
 .../reftests/pagination/inline-block-slice-4c.html |    50 +
 .../pagination/inline-block-slice-5-ref.html       |    45 +
 .../reftests/pagination/inline-block-slice-5.html  |    43 +
 .../pagination/inline-block-slice-5b-ref.html      |    48 +
 .../reftests/pagination/inline-block-slice-5b.html |    46 +
 .../pagination/inline-block-slice-5c-ref.html      |    48 +
 .../reftests/pagination/inline-block-slice-5c.html |    46 +
 .../pagination/inline-block-slice-6-ref.html       |    46 +
 .../reftests/pagination/inline-block-slice-6.html  |    44 +
 .../pagination/inline-block-slice-6b-ref.html      |    47 +
 .../reftests/pagination/inline-block-slice-6b.html |    45 +
 .../pagination/inline-block-slice-6c-ref.html      |    48 +
 .../reftests/pagination/inline-block-slice-6c.html |    46 +
 .../pagination/inline-block-slice-7-ref.html       |    49 +
 .../reftests/pagination/inline-block-slice-7.html  |    52 +
 .../pagination/inline-block-slice-8-ref.html       |    39 +
 .../reftests/pagination/inline-block-slice-8.html  |    37 +
 .../pagination/inline-block-slice-8b-ref.html      |    40 +
 .../reftests/pagination/inline-block-slice-8b.html |    38 +
 .../pagination/inline-block-slice-8c-ref.html      |    39 +
 .../reftests/pagination/inline-block-slice-8c.html |    38 +
 layout/reftests/pagination/quirks-notref.html      |     5 +
 layout/reftests/pagination/quirks-ref.html         |     6 +
 layout/reftests/pagination/quirks.html             |    10 +
 layout/reftests/pagination/reftest.list            |   205 +
 layout/reftests/pagination/resize-reflow-000.html  |    28 +
 .../reftests/pagination/resize-reflow-000.ref.html |    22 +
 layout/reftests/pagination/resize-reflow-001.html  |    19 +
 .../pagination/resize-reflow-001.inner.html        |    26 +
 .../reftests/pagination/resize-reflow-001.ref.html |    22 +
 .../pagination/row-page-break-after-always-1.html  |    19 +
 .../pagination/row-page-break-after-always-2.html  |    18 +
 .../rowgroup-page-break-after-always-1.html        |    19 +
 .../rowgroup-tfoot-page-break-after-always-1.html  |    20 +
 .../rowgroup-thead-page-break-after-always-1.html  |    20 +
 .../table-caption-splitaftercaption-1-ref.html     |    21 +
 .../table-caption-splitaftercaption-1.html         |    21 +
 .../table-caption-splitaftercaption-2-ref.html     |    27 +
 .../table-caption-splitaftercaption-2.html         |    21 +
 .../table-caption-splitaftercaption-3-ref.html     |    27 +
 .../table-caption-splitaftercaption-3.html         |    21 +
 .../table-caption-splitaftercaption-4-ref.html     |    28 +
 .../table-caption-splitaftercaption-4.html         |    22 +
 .../table-caption-splitaftercaption-5-ref.html     |    28 +
 .../table-caption-splitaftercaption-5.html         |    22 +
 .../table-caption-splitaftercaption-8.html         |    24 +
 .../table-caption-splitaftercaption-9.html         |    25 +
 .../table-caption-splitrowgroup-1-ref.html         |    24 +
 .../pagination/table-caption-splitrowgroup-1.html  |    20 +
 .../pagination/table-cell-breaking-1-ref.html      |    26 +
 .../pagination/table-cell-breaking-1a.html         |    34 +
 .../pagination/table-cell-breaking-1b.html         |    34 +
 .../pagination/table-cell-breaking-2-ref.html      |    39 +
 .../pagination/table-cell-breaking-2a.html         |    35 +
 .../pagination/table-cell-breaking-2b.html         |    35 +
 .../pagination/table-cell-breaking-3-ref.html      |    26 +
 .../pagination/table-cell-breaking-3a-ref.html     |    30 +
 .../pagination/table-cell-breaking-3a.html         |    36 +
 .../pagination/table-cell-breaking-3b.html         |    36 +
 .../pagination/table-nested-1308876-1-ref.html     |    20 +
 .../pagination/table-nested-1308876-1.xhtml        |    29 +
 .../table-page-break-after-always-1.html           |    21 +
 .../pagination/table-page-break-after-left-1.html  |    21 +
 .../pagination/table-page-break-after-right-1.html |    21 +
 .../table-page-break-before-always-1-ref.html      |    21 +
 .../table-page-break-before-always-1.html          |    21 +
 .../table-page-break-before-auto-1-ref.html        |    21 +
 .../pagination/table-page-break-before-auto-1.html |    21 +
 .../table-page-break-before-auto-2-ref.html        |    22 +
 .../pagination/table-page-break-before-auto-2.html |    24 +
 .../table-page-break-before-auto-3-ref.html        |    24 +
 .../table-page-break-before-avoid-1.html           |    22 +
 .../pagination/table-page-break-before-left-1.html |    21 +
 .../table-page-break-before-right-1.html           |    21 +
 .../pagination/table-tfoot-thead-1-ref.html        |    27 +
 .../reftests/pagination/table-tfoot-thead-1.html   |    25 +
 .../pagination/table_internal_pagebreak-1.html     |    21 +
 layout/reftests/pagination/test-async-paged.html   |    33 +
 .../dynamicHeight100-ref.html                      |     7 +
 .../percent-overflow-sizing/dynamicHeight100.html  |     7 +
 .../reftests/percent-overflow-sizing/greenbox.html |     1 +
 .../percent-overflow-sizing/greenboxhbar.html      |     2 +
 .../percent-overflow-sizing/hScrollAbsHeight.html  |     5 +
 .../percent-overflow-sizing/hScrollAbsHeightD.html |     6 +
 .../hScrollAbsHeightQuirks.html                    |     5 +
 .../hScrollAbsHeightQuirksD.html                   |     5 +
 .../hScrollAbsMinHeightD.html                      |     6 +
 .../hScrollAbsMinHeightQuirksD.html                |     5 +
 .../hScrollSimpleHeight.html                       |     5 +
 .../hScrollSimpleHeightD.html                      |     6 +
 .../hScrollSimpleHeightQuirks-1.html               |     4 +
 .../hScrollSimpleHeightQuirks-1D.html              |     5 +
 .../hScrollSimpleHeightQuirks-2.html               |     6 +
 .../hScrollSimpleHeightQuirks-2D.html              |     7 +
 .../hScrollSimpleHeightQuirks-3.html               |     8 +
 .../hScrollSimpleHeightQuirks-3D.html              |     9 +
 .../hScrollSimpleMinHeightD.html                   |     6 +
 .../hScrollSimpleMinHeightQuirks-1D.html           |     5 +
 .../hScrollSimpleMinHeightQuirks-3D.html           |     9 +
 .../percent-overflow-sizing/nestedHeight-ref.html  |     8 +
 .../percent-overflow-sizing/nestedHeight.html      |     8 +
 .../nestedHeightQuirks-ref.html                    |     8 +
 .../nestedHeightQuirks.html                        |     8 +
 .../reftests/percent-overflow-sizing/reftest.list  |    26 +
 .../percent-overflow-sizing/simpleAbsHeight.html   |     5 +
 .../percent-overflow-sizing/simpleAbsHeightD.html  |     6 +
 .../simpleAbsMinHeightD.html                       |     6 +
 .../percent-overflow-sizing/simpleHeight100.html   |     5 +
 .../percent-overflow-sizing/simpleHeight100D.html  |     6 +
 .../simpleMinHeight100D.html                       |     6 +
 .../pixel-rounding/background-color-base.html      |    17 +
 .../pixel-rounding/background-color-height-10.html |    17 +
 .../pixel-rounding/background-color-height-4.html  |    17 +
 .../pixel-rounding/background-color-height-5.html  |    17 +
 .../pixel-rounding/background-color-height-6.html  |    17 +
 .../background-color-height-top-4.html             |    17 +
 .../background-color-height-top-5.html             |    17 +
 .../background-color-height-top-6.html             |    17 +
 .../pixel-rounding/background-color-left-10.html   |    17 +
 .../pixel-rounding/background-color-left-4.html    |    17 +
 .../pixel-rounding/background-color-left-5.html    |    17 +
 .../pixel-rounding/background-color-left-6.html    |    17 +
 .../background-color-left-width-4.html             |    17 +
 .../background-color-left-width-5.html             |    17 +
 .../background-color-left-width-6.html             |    17 +
 .../pixel-rounding/background-color-top-10.html    |    17 +
 .../pixel-rounding/background-color-top-4.html     |    17 +
 .../pixel-rounding/background-color-top-5.html     |    17 +
 .../pixel-rounding/background-color-top-6.html     |    17 +
 .../background-color-top-height-4.html             |    17 +
 .../background-color-top-height-5.html             |    17 +
 .../background-color-top-height-6.html             |    17 +
 .../pixel-rounding/background-color-width-10.html  |    17 +
 .../pixel-rounding/background-color-width-4.html   |    17 +
 .../pixel-rounding/background-color-width-5.html   |    17 +
 .../pixel-rounding/background-color-width-6.html   |    17 +
 .../background-color-width-left-4.html             |    17 +
 .../background-color-width-left-5.html             |    17 +
 .../background-color-width-left-6.html             |    17 +
 .../pixel-rounding/background-image-base.html      |    72 +
 .../background-image-height-10-ref.html            |    72 +
 .../pixel-rounding/background-image-height-4.html  |    70 +
 .../pixel-rounding/background-image-height-5.html  |    70 +
 .../pixel-rounding/background-image-height-6.html  |    70 +
 .../background-image-height-top-4.html             |    70 +
 .../background-image-height-top-5.html             |    70 +
 .../background-image-height-top-6.html             |    70 +
 .../background-image-left-10-ref.html              |    72 +
 .../pixel-rounding/background-image-left-4.html    |    70 +
 .../pixel-rounding/background-image-left-5.html    |    70 +
 .../pixel-rounding/background-image-left-6.html    |    70 +
 .../background-image-left-width-4.html             |    70 +
 .../background-image-left-width-5.html             |    70 +
 .../background-image-left-width-6.html             |    70 +
 .../background-image-tiling-ref.html               |   298 +
 .../pixel-rounding/background-image-tiling.html    |   291 +
 .../background-image-top-10-ref.html               |    72 +
 .../pixel-rounding/background-image-top-4.html     |    70 +
 .../pixel-rounding/background-image-top-5.html     |    70 +
 .../pixel-rounding/background-image-top-6.html     |    70 +
 .../background-image-top-height-4.html             |    70 +
 .../background-image-top-height-5.html             |    70 +
 .../background-image-top-height-6.html             |    70 +
 .../background-image-width-10-ref.html             |    72 +
 .../pixel-rounding/background-image-width-4.html   |    70 +
 .../pixel-rounding/background-image-width-5.html   |    70 +
 .../pixel-rounding/background-image-width-6.html   |    70 +
 .../background-image-width-left-4.html             |    70 +
 .../background-image-width-left-5.html             |    70 +
 .../background-image-width-left-6.html             |    70 +
 layout/reftests/pixel-rounding/blue-1x1.png        |   Bin 0 -> 69 bytes
 layout/reftests/pixel-rounding/blue-25x25.png      |   Bin 0 -> 92 bytes
 layout/reftests/pixel-rounding/blue-3x3.png        |   Bin 0 -> 80 bytes
 layout/reftests/pixel-rounding/blue-5x5.png        |   Bin 0 -> 77 bytes
 .../reftests/pixel-rounding/border-base-ref.html   |    41 +
 .../pixel-rounding/border-height-10-ref.html       |    41 +
 .../reftests/pixel-rounding/border-height-4.html   |    47 +
 .../reftests/pixel-rounding/border-height-5.html   |    47 +
 .../reftests/pixel-rounding/border-height-6.html   |    47 +
 .../pixel-rounding/border-image-width-0.html       |    39 +
 .../pixel-rounding/border-image-width-10.html      |    39 +
 .../pixel-rounding/border-image-width-4.html       |    39 +
 .../pixel-rounding/border-image-width-9.html       |    39 +
 .../pixel-rounding/border-left-10-ref.html         |    41 +
 layout/reftests/pixel-rounding/border-left-4.html  |    47 +
 layout/reftests/pixel-rounding/border-left-5.html  |    47 +
 layout/reftests/pixel-rounding/border-left-6.html  |    47 +
 .../reftests/pixel-rounding/border-top-10-ref.html |    41 +
 layout/reftests/pixel-rounding/border-top-4.html   |    47 +
 layout/reftests/pixel-rounding/border-top-5.html   |    47 +
 layout/reftests/pixel-rounding/border-top-6.html   |    47 +
 .../pixel-rounding/border-width-10-ref.html        |    41 +
 layout/reftests/pixel-rounding/border-width-4.html |    47 +
 layout/reftests/pixel-rounding/border-width-5.html |    47 +
 layout/reftests/pixel-rounding/border-width-6.html |    47 +
 .../pixel-rounding/check-image-blue-ref.html       |    18 +
 .../reftests/pixel-rounding/check-image-blue.html  |    18 +
 .../reftests/pixel-rounding/check-image-ref.html   |    18 +
 layout/reftests/pixel-rounding/check-image.html    |    18 +
 .../pixel-rounding/collapsed-border-height-4.html  |    47 +
 .../pixel-rounding/collapsed-border-height-5.html  |    47 +
 .../pixel-rounding/collapsed-border-height-6.html  |    47 +
 .../pixel-rounding/collapsed-border-left-4.html    |    47 +
 .../pixel-rounding/collapsed-border-left-5.html    |    47 +
 .../pixel-rounding/collapsed-border-left-6.html    |    47 +
 .../pixel-rounding/collapsed-border-top-4.html     |    47 +
 .../pixel-rounding/collapsed-border-top-5.html     |    47 +
 .../pixel-rounding/collapsed-border-top-6.html     |    47 +
 .../pixel-rounding/collapsed-border-width-4.html   |    47 +
 .../pixel-rounding/collapsed-border-width-5.html   |    47 +
 .../pixel-rounding/collapsed-border-width-6.html   |    47 +
 layout/reftests/pixel-rounding/corner-bl.png       |   Bin 0 -> 98 bytes
 layout/reftests/pixel-rounding/corner-br.png       |   Bin 0 -> 117 bytes
 layout/reftests/pixel-rounding/corner-tl.png       |   Bin 0 -> 115 bytes
 layout/reftests/pixel-rounding/corner-tr.png       |   Bin 0 -> 99 bytes
 layout/reftests/pixel-rounding/green-1x1.png       |   Bin 0 -> 69 bytes
 layout/reftests/pixel-rounding/green-25x25.png     |   Bin 0 -> 91 bytes
 layout/reftests/pixel-rounding/green-3x3.png       |   Bin 0 -> 75 bytes
 layout/reftests/pixel-rounding/green-5x5.png       |   Bin 0 -> 75 bytes
 .../green-circle-with-blue-border.png              |   Bin 0 -> 12279 bytes
 layout/reftests/pixel-rounding/iframe-1-ref.html   |     6 +
 layout/reftests/pixel-rounding/iframe-1.html       |     6 +
 layout/reftests/pixel-rounding/image-base-ref.html |    45 +
 .../pixel-rounding/image-height-10-ref.html        |    45 +
 layout/reftests/pixel-rounding/image-height-4.html |    45 +
 layout/reftests/pixel-rounding/image-height-5.html |    45 +
 layout/reftests/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 +
 .../image-high-quality-scaling-1-ref.html          |    22 +
 .../image-high-quality-scaling-1.html              |    22 +
 .../reftests/pixel-rounding/image-left-10-ref.html |    45 +
 layout/reftests/pixel-rounding/image-left-4.html   |    45 +
 layout/reftests/pixel-rounding/image-left-5.html   |    45 +
 layout/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 +
 .../reftests/pixel-rounding/image-top-10-ref.html  |    45 +
 layout/reftests/pixel-rounding/image-top-4.html    |    45 +
 layout/reftests/pixel-rounding/image-top-5.html    |    45 +
 layout/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 +
 layout/reftests/pixel-rounding/image-width-4.html  |    45 +
 layout/reftests/pixel-rounding/image-width-5.html  |    45 +
 layout/reftests/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 +
 layout/reftests/pixel-rounding/lime-25x25.png      |   Bin 0 -> 203 bytes
 .../reftests/pixel-rounding/offscreen-0-ref.html   |    18 +
 .../reftests/pixel-rounding/offscreen-10-ref.html  |    18 +
 .../offscreen-background-color-pos-4.html          |    18 +
 .../offscreen-background-color-pos-5.html          |    18 +
 .../offscreen-background-color-pos-6.html          |    18 +
 .../offscreen-background-color-size-4.html         |    18 +
 .../offscreen-background-color-size-5.html         |    18 +
 .../offscreen-background-color-size-6.html         |    18 +
 .../pixel-rounding/offscreen-image-pos-4.html      |    17 +
 .../pixel-rounding/offscreen-image-pos-5.html      |    17 +
 .../pixel-rounding/offscreen-image-pos-6.html      |    17 +
 .../pixel-rounding/offscreen-image-size-4.html     |    17 +
 .../pixel-rounding/offscreen-image-size-5.html     |    17 +
 .../pixel-rounding/offscreen-image-size-6.html     |    17 +
 layout/reftests/pixel-rounding/random-10x10.png    |   Bin 0 -> 378 bytes
 layout/reftests/pixel-rounding/reftest.list        |   183 +
 .../rounded-background-color-base-ref.html         |    74 +
 .../rounded-background-color-height-10-ref.html    |    74 +
 .../rounded-background-color-height-4.html         |    74 +
 .../rounded-background-color-height-5.html         |    74 +
 .../rounded-background-color-height-6.html         |    74 +
 .../rounded-background-color-height-top-4.html     |    74 +
 .../rounded-background-color-height-top-5.html     |    74 +
 .../rounded-background-color-height-top-6.html     |    74 +
 .../rounded-background-color-left-10-ref.html      |    74 +
 .../rounded-background-color-left-4.html           |    74 +
 .../rounded-background-color-left-5.html           |    74 +
 .../rounded-background-color-left-6.html           |    74 +
 .../rounded-background-color-left-width-4.html     |    74 +
 .../rounded-background-color-left-width-5.html     |    74 +
 .../rounded-background-color-left-width-6.html     |    74 +
 .../rounded-background-color-top-10-ref.html       |    74 +
 .../rounded-background-color-top-4.html            |    74 +
 .../rounded-background-color-top-5.html            |    74 +
 .../rounded-background-color-top-6.html            |    74 +
 .../rounded-background-color-top-height-4.html     |    74 +
 .../rounded-background-color-top-height-5.html     |    74 +
 .../rounded-background-color-top-height-6.html     |    74 +
 .../rounded-background-color-width-10-ref.html     |    74 +
 .../rounded-background-color-width-4.html          |    74 +
 .../rounded-background-color-width-5.html          |    74 +
 .../rounded-background-color-width-6.html          |    74 +
 .../rounded-background-color-width-left-4.html     |    74 +
 .../rounded-background-color-width-left-5.html     |    74 +
 .../rounded-background-color-width-left-6.html     |    74 +
 .../viewport-units-rounding-1-frame.html           |    51 +
 .../viewport-units-rounding-1-ref.html             |   123 +
 .../pixel-rounding/viewport-units-rounding-1.html  |    12 +
 .../pixel-rounding/viewport-units-rounding-2.html  |    43 +
 .../position-dynamic-changes/handleprop.js         |    10 +
 .../position-dynamic-changes/horizontal/animate.js |    60 +
 .../horizontal/fromauto-leftA-widthA-rightN.html   |    19 +
 .../horizontal/fromauto-leftA-widthN-rightA.html   |    19 +
 .../horizontal/fromauto-leftA-widthN-rightN.html   |    19 +
 .../horizontal/fromauto-leftN-widthA-rightA-2.html |    19 +
 .../horizontal/fromauto-leftN-widthA-rightA.html   |    19 +
 .../horizontal/fromauto-leftN-widthA-rightN-2.html |    19 +
 .../horizontal/fromauto-leftN-widthA-rightN.html   |    19 +
 .../horizontal/fromauto-leftN-widthN-rightA.html   |    19 +
 .../horizontal/leftA-widthA-rightN-ref.html        |    15 +
 .../horizontal/leftA-widthA-rightN.html            |    19 +
 .../horizontal/leftA-widthN-rightA-ref.html        |    15 +
 .../horizontal/leftA-widthN-rightA.html            |    19 +
 .../horizontal/leftA-widthN-rightN-ref.html        |    15 +
 .../horizontal/leftA-widthN-rightN.html            |    19 +
 .../horizontal/leftN-widthA-rightA-2-ref.html      |    15 +
 .../horizontal/leftN-widthA-rightA-2.html          |    19 +
 .../horizontal/leftN-widthA-rightA-ref.html        |    15 +
 .../horizontal/leftN-widthA-rightA.html            |    19 +
 .../horizontal/leftN-widthA-rightN-2-ref.html      |    15 +
 .../horizontal/leftN-widthA-rightN-2.html          |    19 +
 .../horizontal/leftN-widthA-rightN-ref.html        |    15 +
 .../horizontal/leftN-widthA-rightN.html            |    19 +
 .../horizontal/leftN-widthN-rightA-ref.html        |    15 +
 .../horizontal/leftN-widthN-rightA.html            |    19 +
 .../horizontal/reftest.list                        |    18 +
 .../horizontal/reftest_border_abspos.list          |    25 +
 .../horizontal/reftest_border_parent.list          |    26 +
 .../horizontal/reftest_margin_abspos.list          |    26 +
 .../horizontal/reftest_margin_parent.list          |    26 +
 .../horizontal/reftest_padding_abspos.list         |    26 +
 .../horizontal/reftest_padding_parent.list         |    26 +
 .../horizontal/reftest_plain.list                  |    26 +
 .../position-dynamic-changes/horizontal/style.css  |    20 +
 .../horizontal/toauto-leftA-widthA-rightN-ref.html |    15 +
 .../horizontal/toauto-leftA-widthA-rightN.html     |    19 +
 .../horizontal/toauto-leftA-widthN-rightA-ref.html |    15 +
 .../horizontal/toauto-leftA-widthN-rightA.html     |    19 +
 .../horizontal/toauto-leftA-widthN-rightN-ref.html |    15 +
 .../horizontal/toauto-leftA-widthN-rightN.html     |    19 +
 .../toauto-leftN-widthA-rightA-2-ref.html          |    15 +
 .../horizontal/toauto-leftN-widthA-rightA-2.html   |    19 +
 .../horizontal/toauto-leftN-widthA-rightA-ref.html |    15 +
 .../horizontal/toauto-leftN-widthA-rightA.html     |    19 +
 .../toauto-leftN-widthA-rightN-2-ref.html          |    15 +
 .../horizontal/toauto-leftN-widthA-rightN-2.html   |    19 +
 .../horizontal/toauto-leftN-widthA-rightN-ref.html |    15 +
 .../horizontal/toauto-leftN-widthA-rightN.html     |    19 +
 .../horizontal/toauto-leftN-widthN-rightA-ref.html |    15 +
 .../horizontal/toauto-leftN-widthN-rightA.html     |    19 +
 .../position-dynamic-changes/max-width-ref.html    |    10 +
 .../position-dynamic-changes/max-width.html        |    17 +
 .../position-dynamic-changes/min-width-ref.html    |    13 +
 .../position-dynamic-changes/min-width.html        |    20 +
 .../mixed-abspos-root/mixed-dimentionA-ref.html    |    21 +
 .../mixed-abspos-root/mixed-dimentionA.html        |    38 +
 .../mixed-abspos-root/mixed-dimentionN-ref.html    |    21 +
 .../mixed-abspos-root/mixed-dimentionN.html        |    38 +
 .../mixed-abspos-root/reftest.list                 |    18 +
 .../mixed-abspos-root/reftest_border_abspos.list   |     4 +
 .../mixed-abspos-root/reftest_border_parent.list   |     4 +
 .../mixed-abspos-root/reftest_margin_abspos.list   |     4 +
 .../mixed-abspos-root/reftest_margin_parent.list   |     4 +
 .../mixed-abspos-root/reftest_padding_abspos.list  |     4 +
 .../mixed-abspos-root/reftest_padding_parent.list  |     4 +
 .../mixed-abspos-root/reftest_plain.list           |     4 +
 .../mixed-abspos-root/style.css                    |    22 +
 .../mixed/mixed-dimentionA-ref.html                |    23 +
 .../mixed/mixed-dimentionA.html                    |    40 +
 .../mixed/mixed-dimentionN-ref.html                |    23 +
 .../mixed/mixed-dimentionN.html                    |    40 +
 .../position-dynamic-changes/mixed/reftest.list    |    18 +
 .../mixed/reftest_border_abspos.list               |     4 +
 .../mixed/reftest_border_parent.list               |     4 +
 .../mixed/reftest_margin_abspos.list               |     4 +
 .../mixed/reftest_margin_parent.list               |     4 +
 .../mixed/reftest_padding_abspos.list              |     4 +
 .../mixed/reftest_padding_parent.list              |     4 +
 .../mixed/reftest_plain.list                       |     4 +
 .../position-dynamic-changes/mixed/style.css       |    22 +
 .../multiple-changes-ref.html                      |    15 +
 .../position-dynamic-changes/multiple-changes.html |    23 +
 .../reftests/position-dynamic-changes/reftest.list |    10 +
 .../position-dynamic-changes/relative/animate.js   |    30 +
 .../relative/move-right-bottom-ref.html            |    12 +
 .../relative/move-right-bottom-table-ref.html      |    13 +
 .../relative/move-right-bottom-table.html          |    17 +
 .../relative/move-right-bottom.html                |    16 +
 .../relative/move-top-left-ref.html                |    12 +
 .../relative/move-top-left-table-ref.html          |    13 +
 .../relative/move-top-left-table.html              |    17 +
 .../relative/move-top-left.html                    |    16 +
 .../relative/percent-ref.html                      |    12 +
 .../position-dynamic-changes/relative/percent.html |    20 +
 .../position-dynamic-changes/relative/reftest.list |     5 +
 .../position-dynamic-changes/relative/style.css    |     9 +
 .../position-dynamic-changes/shrink-wrap-ref.html  |    24 +
 .../position-dynamic-changes/shrink-wrap.html      |    17 +
 .../position-dynamic-changes/vertical/animate.js   |    59 +
 .../vertical/fromauto-topA-heightA-bottomN.html    |    19 +
 .../vertical/fromauto-topA-heightN-bottomA.html    |    19 +
 .../vertical/fromauto-topA-heightN-bottomN.html    |    19 +
 .../vertical/fromauto-topN-heightA-bottomA-2.html  |    19 +
 .../vertical/fromauto-topN-heightA-bottomA.html    |    19 +
 .../vertical/fromauto-topN-heightA-bottomN-2.html  |    19 +
 .../vertical/fromauto-topN-heightA-bottomN.html    |    19 +
 .../vertical/fromauto-topN-heightN-bottomA.html    |    19 +
 .../position-dynamic-changes/vertical/reftest.list |    18 +
 .../vertical/reftest.listbackup                    |    12 +
 .../vertical/reftest_border_abspos.list            |    20 +
 .../vertical/reftest_border_parent.list            |    20 +
 .../vertical/reftest_margin_abspos.list            |    20 +
 .../vertical/reftest_margin_parent.list            |    20 +
 .../vertical/reftest_padding_abspos.list           |    20 +
 .../vertical/reftest_padding_parent.list           |    20 +
 .../vertical/reftest_plain.list                    |    20 +
 .../position-dynamic-changes/vertical/style.css    |    19 +
 .../vertical/toauto-topA-heightA-bottomN-ref.html  |    15 +
 .../vertical/toauto-topA-heightA-bottomN.html      |    19 +
 .../vertical/toauto-topA-heightN-bottomA-ref.html  |    15 +
 .../vertical/toauto-topA-heightN-bottomA.html      |    19 +
 .../vertical/toauto-topA-heightN-bottomN-ref.html  |    15 +
 .../vertical/toauto-topA-heightN-bottomN.html      |    19 +
 .../vertical/toauto-topN-heightA-bottomA-ref.html  |    15 +
 .../vertical/toauto-topN-heightA-bottomA.html      |    19 +
 .../vertical/toauto-topN-heightA-bottomN-ref.html  |    15 +
 .../vertical/toauto-topN-heightA-bottomN.html      |    19 +
 .../vertical/toauto-topN-heightN-bottomA-ref.html  |    15 +
 .../vertical/toauto-topN-heightN-bottomA.html      |    19 +
 .../vertical/topA-heightA-bottomN-ref.html         |    15 +
 .../vertical/topA-heightA-bottomN.html             |    19 +
 .../vertical/topA-heightN-bottomA-ref.html         |    15 +
 .../vertical/topA-heightN-bottomA.html             |    19 +
 .../vertical/topA-heightN-bottomN-ref.html         |    15 +
 .../vertical/topA-heightN-bottomN.html             |    19 +
 .../vertical/topN-heightA-bottomA-ref.html         |    15 +
 .../vertical/topN-heightA-bottomA.html             |    19 +
 .../vertical/topN-heightA-bottomN-ref.html         |    15 +
 .../vertical/topN-heightA-bottomN.html             |    19 +
 .../vertical/topN-heightN-bottomA-ref.html         |    15 +
 .../vertical/topN-heightN-bottomA.html             |    19 +
 .../reftests/position-relative/1115999-1-ref.html  |    15 +
 layout/reftests/position-relative/1115999-1.html   |    28 +
 .../reftests/position-relative/1409114-1-ref.html  |    11 +
 layout/reftests/position-relative/1409114-1.html   |    11 +
 layout/reftests/position-relative/1409114-2.html   |    12 +
 layout/reftests/position-relative/1409114-3.html   |    13 +
 layout/reftests/position-relative/reftest.list     |    12 +
 .../position-relative/table-collapse-1-ref.html    |   184 +
 .../position-relative/table-collapse-1.html        |    84 +
 .../position-relative/table-collapse-2-ref.html    |   184 +
 .../position-relative/table-collapse-2.html        |    86 +
 .../position-relative/table-collapse-3-ref.html    |   184 +
 .../position-relative/table-collapse-3.html        |    84 +
 .../position-relative/table-collapse-4-ref.html    |   184 +
 .../position-relative/table-collapse-4.html        |    86 +
 .../position-relative/table-separate-1-ref.html    |   179 +
 .../position-relative/table-separate-1.html        |    80 +
 .../position-relative/table-separate-2-ref.html    |   179 +
 .../position-relative/table-separate-2.html        |    82 +
 .../position-relative/table-separate-3-ref.html    |   179 +
 .../position-relative/table-separate-3.html        |    80 +
 .../position-relative/table-separate-4-ref.html    |   182 +
 .../position-relative/table-separate-4.html        |    85 +
 layout/reftests/position-sticky/ahem.css           |     4 +
 .../position-sticky/block-in-inline-1-ref.html     |    41 +
 .../position-sticky/block-in-inline-1.html         |    42 +
 .../position-sticky/block-in-inline-2-ref.html     |    41 +
 .../position-sticky/block-in-inline-2.html         |    45 +
 .../position-sticky/block-in-inline-3-ref.html     |    41 +
 .../position-sticky/block-in-inline-3.html         |    46 +
 .../block-in-inline-continuations-ref.html         |    29 +
 .../block-in-inline-continuations.html             |    37 +
 layout/reftests/position-sticky/bottom-1-ref.html  |    25 +
 layout/reftests/position-sticky/bottom-1.html      |    29 +
 layout/reftests/position-sticky/bottom-2-ref.html  |    25 +
 layout/reftests/position-sticky/bottom-2a.html     |    29 +
 layout/reftests/position-sticky/bottom-2b.html     |    29 +
 layout/reftests/position-sticky/bottom-2c.html     |    30 +
 layout/reftests/position-sticky/bottom-3-ref.html  |    32 +
 layout/reftests/position-sticky/bottom-3.html      |    37 +
 layout/reftests/position-sticky/bottom-4-ref.html  |    34 +
 layout/reftests/position-sticky/bottom-4.html      |    41 +
 .../position-sticky/column-contain-1-ref.html      |    40 +
 .../position-sticky/column-contain-1a.html         |    43 +
 .../position-sticky/column-contain-1b.html         |    45 +
 .../position-sticky/column-contain-2-ref.html      |    46 +
 .../reftests/position-sticky/column-contain-2.html |    49 +
 .../position-sticky/containing-block-1-ref.html    |    32 +
 .../position-sticky/containing-block-1.html        |    35 +
 .../reftests/position-sticky/iframe-1-helper.html  |    17 +
 layout/reftests/position-sticky/iframe-1-ref.html  |    20 +
 layout/reftests/position-sticky/iframe-1.html      |    15 +
 layout/reftests/position-sticky/initial-1-ref.html |    27 +
 layout/reftests/position-sticky/initial-1.html     |    30 +
 .../position-sticky/initial-scroll-1-ref.html      |    35 +
 .../reftests/position-sticky/initial-scroll-1.html |    38 +
 layout/reftests/position-sticky/inline-1-ref.html  |    30 +
 layout/reftests/position-sticky/inline-1.html      |    29 +
 layout/reftests/position-sticky/inline-2-ref.html  |    30 +
 layout/reftests/position-sticky/inline-2.html      |    37 +
 layout/reftests/position-sticky/inline-3-ref.html  |    30 +
 layout/reftests/position-sticky/inline-3.html      |    34 +
 layout/reftests/position-sticky/inline-4-ref.html  |    45 +
 layout/reftests/position-sticky/inline-4.html      |    49 +
 layout/reftests/position-sticky/left-1-ref.html    |    42 +
 layout/reftests/position-sticky/left-1.html        |    51 +
 layout/reftests/position-sticky/left-2-ref.html    |    37 +
 layout/reftests/position-sticky/left-2.html        |    51 +
 layout/reftests/position-sticky/left-3-ref.html    |    39 +
 layout/reftests/position-sticky/left-3.html        |    51 +
 .../reftests/position-sticky/left-right-1-ref.html |    42 +
 layout/reftests/position-sticky/left-right-1.html  |    46 +
 .../reftests/position-sticky/left-right-2-ref.html |    33 +
 layout/reftests/position-sticky/left-right-2.html  |    50 +
 .../reftests/position-sticky/left-right-3-ref.html |    34 +
 layout/reftests/position-sticky/left-right-3.html  |    50 +
 layout/reftests/position-sticky/margin-1-ref.html  |    31 +
 layout/reftests/position-sticky/margin-1.html      |    41 +
 .../position-sticky/nested-sticky-1-ref.html       |    34 +
 .../reftests/position-sticky/nested-sticky-1.html  |    30 +
 .../position-sticky/nested-sticky-2-ref.html       |    38 +
 .../reftests/position-sticky/nested-sticky-2.html  |    32 +
 .../position-sticky/overconstrained-1-ref.html     |    25 +
 .../position-sticky/overconstrained-1.html         |    31 +
 .../position-sticky/overconstrained-2-ref.html     |    40 +
 .../position-sticky/overconstrained-2.html         |    46 +
 .../position-sticky/overconstrained-3-ref.html     |    28 +
 .../position-sticky/overconstrained-3.html         |    51 +
 .../position-sticky/overcontain-1-ref.html         |    20 +
 layout/reftests/position-sticky/overcontain-1.html |    25 +
 layout/reftests/position-sticky/padding-1-ref.html |    40 +
 layout/reftests/position-sticky/padding-1.html     |    37 +
 layout/reftests/position-sticky/padding-2-ref.html |    29 +
 layout/reftests/position-sticky/padding-2.html     |    41 +
 layout/reftests/position-sticky/padding-3-ref.html |    40 +
 layout/reftests/position-sticky/padding-3.html     |    39 +
 layout/reftests/position-sticky/reftest.list       |    55 +
 layout/reftests/position-sticky/right-1-ref.html   |    40 +
 layout/reftests/position-sticky/right-1.html       |    54 +
 layout/reftests/position-sticky/right-2-ref.html   |    41 +
 layout/reftests/position-sticky/right-2.html       |    54 +
 layout/reftests/position-sticky/right-3-ref.html   |    41 +
 layout/reftests/position-sticky/right-3.html       |    54 +
 .../position-sticky/scrollframe-auto-1-ref.html    |    34 +
 .../position-sticky/scrollframe-auto-1.html        |    36 +
 .../position-sticky/scrollframe-reflow-1-ref.html  |    25 +
 .../position-sticky/scrollframe-reflow-1.html      |    36 +
 .../position-sticky/scrollframe-reflow-2-ref.html  |    25 +
 .../position-sticky/scrollframe-reflow-2.html      |    36 +
 .../position-sticky/stacking-context-1-ref.html    |    39 +
 .../position-sticky/stacking-context-1.html        |    45 +
 layout/reftests/position-sticky/top-1-ref.html     |    34 +
 layout/reftests/position-sticky/top-1.html         |    41 +
 layout/reftests/position-sticky/top-2-ref.html     |    34 +
 layout/reftests/position-sticky/top-2.html         |    45 +
 layout/reftests/position-sticky/top-3-ref.html     |    38 +
 layout/reftests/position-sticky/top-3.html         |    45 +
 layout/reftests/position-sticky/top-4-ref.html     |    30 +
 layout/reftests/position-sticky/top-4.html         |    45 +
 layout/reftests/position-sticky/top-5-ref.html     |    28 +
 layout/reftests/position-sticky/top-5.html         |    45 +
 layout/reftests/position-sticky/top-6-ref.html     |    32 +
 layout/reftests/position-sticky/top-6.html         |    49 +
 .../reftests/position-sticky/top-bottom-1-ref.html |    27 +
 layout/reftests/position-sticky/top-bottom-1.html  |    31 +
 .../reftests/position-sticky/top-bottom-2-ref.html |    23 +
 layout/reftests/position-sticky/top-bottom-2.html  |    35 +
 .../reftests/position-sticky/top-bottom-3-ref.html |    25 +
 layout/reftests/position-sticky/top-bottom-3.html  |    35 +
 .../position-sticky/transformed-1-ref.html         |     8 +
 layout/reftests/position-sticky/transformed-1.html |     8 +
 .../position-sticky/transformed-2-ref.html         |    14 +
 layout/reftests/position-sticky/transformed-2.html |     8 +
 layout/reftests/printing/print.css                 |     7 +
 layout/reftests/printing/reftest.list              |    21 +
 layout/reftests/printing/test-async-print.html     |    16 +
 layout/reftests/printing/test-color-text-01.html   |     9 +
 .../reftests/printing/test-missing-text-noref.html |    13 +
 layout/reftests/printing/test-missing-text.html    |    12 +
 .../printing/test-number-of-pages-noref.html       |    13 +
 layout/reftests/printing/test-number-of-pages.html |    12 +
 .../printing/test-print-range-complex-ref.html     |    12 +
 .../printing/test-print-range-complex.html         |    15 +
 layout/reftests/printing/test-print-range-ref.html |    11 +
 layout/reftests/printing/test-print-range.html     |    13 +
 .../printing/test-print-selection-iframe.html      |    20 +
 .../printing/test-print-selection-shadow-dom.html  |    25 +
 layout/reftests/printing/test-print-selection.html |    20 +
 .../printing/test-print-single-page-noref.html     |    11 +
 .../reftests/printing/test-print-single-page.html  |    13 +
 layout/reftests/printing/test-text-noref.html      |    10 +
 layout/reftests/printing/test-text-ref.html        |    10 +
 layout/reftests/printing/test-text.html            |    10 +
 .../printing/test-unexpected-text-noref.html       |    12 +
 layout/reftests/printing/test-unexpected-text.html |    13 +
 layout/reftests/printing/testcase-1696844.html     |    20 +
 layout/reftests/reftest-qr.list                    |    26 +
 layout/reftests/reftest-sanity/647192-1-ref.html   |    12 +
 layout/reftests/reftest-sanity/647192-1.html       |    16 +
 layout/reftests/reftest-sanity/656041-1-ref.html   |    33 +
 layout/reftests/reftest-sanity/656041-1.html       |    33 +
 .../reftest-sanity/async-scroll-1-ref.html         |     7 +
 .../reftests/reftest-sanity/async-scroll-1a.html   |    11 +
 .../reftests/reftest-sanity/async-scroll-1b.html   |    11 +
 .../reftests/reftest-sanity/async-scroll-1c.html   |    11 +
 .../reftests/reftest-sanity/async-zoom-1-ref.html  |     6 +
 layout/reftests/reftest-sanity/async-zoom-1.html   |     6 +
 .../reftests/reftest-sanity/async-zoom-2-ref.html  |     6 +
 layout/reftests/reftest-sanity/async-zoom-2.html   |     6 +
 layout/reftests/reftest-sanity/bg.png              |   Bin 0 -> 110 bytes
 layout/reftests/reftest-sanity/blank.html          |     5 +
 layout/reftests/reftest-sanity/corners-1-ref.html  |     6 +
 layout/reftests/reftest-sanity/corners-1.html      |     6 +
 layout/reftests/reftest-sanity/corners-2-ref.html  |     6 +
 layout/reftests/reftest-sanity/corners-2.html      |     6 +
 layout/reftests/reftest-sanity/corners-3-ref.html  |     6 +
 layout/reftests/reftest-sanity/corners-3.html      |     6 +
 layout/reftests/reftest-sanity/corners-4-ref.html  |     6 +
 layout/reftests/reftest-sanity/corners-4.html      |     6 +
 layout/reftests/reftest-sanity/default.html        |     6 +
 layout/reftests/reftest-sanity/defaults-tests.list |    30 +
 layout/reftests/reftest-sanity/div-ref.html        |     7 +
 layout/reftests/reftest-sanity/div.html            |     8 +
 .../reftests/reftest-sanity/exampleorg-1-ref.html  |     1 +
 layout/reftests/reftest-sanity/exampleorg-1.html   |     1 +
 layout/reftests/reftest-sanity/filter-1-ref.xhtml  |    20 +
 layout/reftests/reftest-sanity/filter-1.xhtml      |    32 +
 layout/reftests/reftest-sanity/filter-2-ref.xhtml  |    16 +
 layout/reftests/reftest-sanity/filter-2.xhtml      |    32 +
 layout/reftests/reftest-sanity/font-default.html   |    12 +
 layout/reftests/reftest-sanity/font-download.html  |    17 +
 .../reftests/reftest-sanity/font-sans-serif.html   |    13 +
 layout/reftests/reftest-sanity/font-serif.html     |    13 +
 layout/reftests/reftest-sanity/font-size-16.html   |    13 +
 layout/reftests/reftest-sanity/font-size-24.html   |    13 +
 layout/reftests/reftest-sanity/fuzzy-ref.html      |     6 +
 layout/reftests/reftest-sanity/fuzzy.html          |     6 +
 layout/reftests/reftest-sanity/green.html          |     6 +
 .../reftest-sanity/html-vs-xhtml-by-extension.html |    19 +
 .../html-vs-xhtml-by-extension.xhtml               |    19 +
 layout/reftests/reftest-sanity/invalidation.html   |    12 +
 layout/reftests/reftest-sanity/needs-focus.html    |    14 +
 layout/reftests/reftest-sanity/no-root.html        |     8 +
 .../reftest-sanity/page-backgrounds-notref.html    |     3 +
 .../reftest-sanity/page-backgrounds-ref.html       |     3 +
 .../reftests/reftest-sanity/page-backgrounds.html  |     3 +
 .../reftests/reftest-sanity/page-height-2.1in.html |     8 +
 .../reftests/reftest-sanity/page-height-2in.html   |     8 +
 .../reftest-sanity/page-height-forcebreak.html     |     8 +
 .../reftest-sanity/page-height-nobreak.html        |     7 +
 .../reftests/reftest-sanity/page-width-3.9in.html  |     8 +
 .../reftests/reftest-sanity/page-width-4.1in.html  |     8 +
 layout/reftests/reftest-sanity/page-width-4in.html |     8 +
 .../reftests/reftest-sanity/page-width-auto.html   |     8 +
 layout/reftests/reftest-sanity/prefix-suffix.html  |    17 +
 .../reftest-sanity/prefix/scripttest-fail.html     |    17 +
 layout/reftests/reftest-sanity/prefix/suffix.html  |    17 +
 .../prefix/urlprefixtests-include.list             |     7 +
 layout/reftests/reftest-sanity/red.html            |     6 +
 .../reftest-assigned-layer-fail-1.html             |    52 +
 .../reftest-assigned-layer-fail-2.html             |    52 +
 .../reftest-assigned-layer-fail-3.html             |    52 +
 .../reftest-assigned-layer-fail-4.html             |    52 +
 .../reftest-assigned-layer-pass.html               |    48 +
 .../reftest-sanity/reftest-no-flush-ref.html       |    20 +
 .../reftests/reftest-sanity/reftest-no-flush.html  |    39 +
 .../reftest-sanity/reftest-no-paint-ref.html       |     7 +
 .../reftests/reftest-sanity/reftest-no-paint.html  |    15 +
 .../reftest-sanity/reftest-opaque-layer-fail.html  |    29 +
 .../reftest-sanity/reftest-opaque-layer-pass.html  |    33 +
 .../reftest-opaque-layer-wait-fail.html            |    43 +
 .../reftest-opaque-layer-wait-pass.html            |    48 +
 .../reftest-sanity/reftest-resolution-ref.html     |    16 +
 .../reftest-sanity/reftest-resolution.html         |    16 +
 layout/reftests/reftest-sanity/reftest.list        |   218 +
 .../reftests/reftest-sanity/scripttest-fail.html   |    17 +
 .../reftest-sanity/scripttest-pass-fail.html       |    18 +
 .../reftests/reftest-sanity/scripttest-pass.html   |    17 +
 layout/reftests/reftest-sanity/scripttests.list    |    10 +
 layout/reftests/reftest-sanity/test-async-ref.html |     2 +
 .../reftests/reftest-sanity/test-async-ref.xhtml   |     3 +
 layout/reftests/reftest-sanity/test-async.html     |    12 +
 layout/reftests/reftest-sanity/test-async.xhtml    |    15 +
 .../test-bg-attachment-fixed-ref.html              |    16 +
 .../reftest-sanity/test-bg-attachment-fixed.html   |    22 +
 .../reftest-sanity/test-displayport-2.html         |     7 +
 .../reftest-sanity/test-displayport-bg.html        |     7 +
 .../reftest-sanity/test-displayport-ref.html       |     4 +
 .../reftest-sanity/test-pos-fixed-ref.html         |     7 +
 .../test-pos-fixed-transform-ref.html              |     7 +
 .../reftest-sanity/test-pos-fixed-transform.html   |     7 +
 layout/reftests/reftest-sanity/test-pos-fixed.html |     8 +
 layout/reftests/reftest-sanity/test-zoom-ref.html  |     7 +
 layout/reftests/reftest-sanity/test-zoom.html      |     7 +
 .../reftests/reftest-sanity/text-zoom-notref.html  |     2 +
 layout/reftests/reftest-sanity/text-zoom-ref.html  |     2 +
 layout/reftests/reftest-sanity/text-zoom.html      |     3 +
 layout/reftests/reftest-sanity/too-fuzzy.html      |     6 +
 .../reftest-sanity/urlprefixtests-include.list     |     6 +
 layout/reftests/reftest-sanity/urlprefixtests.list |    23 +
 .../reftest-sanity/zoom-invalidation-ref.html      |     6 +
 .../reftests/reftest-sanity/zoom-invalidation.html |    13 +
 layout/reftests/reftest.list                       |   449 +
 .../reftests/scrolling/deferred-anchor-ref.xhtml   |    12 +
 layout/reftests/scrolling/deferred-anchor.xhtml    |    16 +
 layout/reftests/scrolling/deferred-anchor2.xhtml   |     8 +
 layout/reftests/scrolling/fixed-1.html             |     7 +
 layout/reftests/scrolling/fixed-opacity-1.html     |     7 +
 layout/reftests/scrolling/fixed-opacity-2.html     |    42 +
 layout/reftests/scrolling/fixed-table-1.html       |    48 +
 layout/reftests/scrolling/fixed-text-1.html        |     7 +
 layout/reftests/scrolling/fixed-text-2.html        |    19 +
 .../fractional-scroll-area-invalidation.html       |    59 +
 .../reftests/scrolling/fractional-scroll-area.html |    74 +
 .../reftests/scrolling/frame-scrolling-attr-1.html |    17 +
 .../reftests/scrolling/frame-scrolling-attr-2.html |    30 +
 .../scrolling/frame-scrolling-attr-ref.html        |    17 +
 .../scrolling/huge-horizontal-overflow-ref.html    |    49 +
 .../scrolling/huge-horizontal-overflow.html        |    49 +
 .../scrolling/huge-vertical-overflow-ref.html      |    16 +
 .../reftests/scrolling/huge-vertical-overflow.html |    16 +
 .../scrolling/iframe-border-radius-frame.html      |     1 +
 .../scrolling/iframe-border-radius-ref.html        |    14 +
 .../reftests/scrolling/iframe-border-radius.html   |    20 +
 .../scrolling/iframe-deferred-anchor.xhtml         |    13 +
 .../scrolling/iframe-scrolling-attr-1.html         |    52 +
 .../scrolling/iframe-scrolling-attr-2.html         |    65 +
 .../scrolling/iframe-scrolling-attr-ref.html       |    51 +
 layout/reftests/scrolling/image-1.html             |    10 +
 .../reftests/scrolling/layer-change-1-frame.html   |    68 +
 layout/reftests/scrolling/layer-change-1-ref.html  |     7 +
 layout/reftests/scrolling/layer-change-1.html      |    18 +
 .../scrolling/less-than-scrollbar-height-ref.html  |    11 +
 .../scrolling/less-than-scrollbar-height.html      |    11 +
 layout/reftests/scrolling/move-item-ref.html       |    27 +
 layout/reftests/scrolling/move-item.html           |    31 +
 .../scrolling/opacity-mixed-scrolling-1.html       |    12 +
 .../scrolling/opacity-mixed-scrolling-2.html       |    49 +
 .../percent-height-overflowing-image-1-ref.html    |    49 +
 .../percent-height-overflowing-image-1.html        |    71 +
 .../scrolling/propagated-overflow-style-1-ref.html |    18 +
 .../scrolling/propagated-overflow-style-1a.html    |    23 +
 .../scrolling/propagated-overflow-style-1b.html    |    23 +
 .../scrolling/propagated-overflow-style-1c.html    |    19 +
 .../scrolling/propagated-overflow-style-2-ref.html |    15 +
 .../scrolling/propagated-overflow-style-2a.html    |    26 +
 .../scrolling/propagated-overflow-style-2b.html    |    26 +
 .../scrolling/propagated-overflow-style-2c.html    |    24 +
 .../scrolling/propagated-overflow-style-2d.html    |    24 +
 .../scrolling/propagated-overflow-style-2e.html    |    15 +
 layout/reftests/scrolling/reftest.list             |   103 +
 .../scrolling/repeatable-diagonal-gradient.png     |   Bin 0 -> 14520 bytes
 layout/reftests/scrolling/scroll-behavior-1.html   |    55 +
 layout/reftests/scrolling/scroll-behavior-10.html  |    64 +
 layout/reftests/scrolling/scroll-behavior-2.html   |   104 +
 layout/reftests/scrolling/scroll-behavior-3.html   |   132 +
 layout/reftests/scrolling/scroll-behavior-4.html   |    99 +
 layout/reftests/scrolling/scroll-behavior-5.html   |   109 +
 layout/reftests/scrolling/scroll-behavior-6.html   |   146 +
 layout/reftests/scrolling/scroll-behavior-7.html   |    55 +
 layout/reftests/scrolling/scroll-behavior-8.html   |    97 +
 layout/reftests/scrolling/scroll-behavior-9.html   |    55 +
 .../scrolling/scroll-behavior-textarea.html        |    45 +
 .../scrollbars-area-in-iframe-ref-child.html       |    12 +
 .../scrolling/scrollbars-area-in-iframe-ref.html   |     5 +
 .../scrolling/scrollbars-area-in-iframe.html       |    15 +
 layout/reftests/scrolling/scrolling.js             |    46 +
 layout/reftests/scrolling/simple-1.html            |     7 +
 layout/reftests/scrolling/subpixel-1-ref.html      |     7 +
 layout/reftests/scrolling/subpixel-1.html          |    12 +
 layout/reftests/scrolling/text-1.html              |    10 +
 layout/reftests/scrolling/text-2.html              |    19 +
 layout/reftests/scrolling/transformed-1.html       |    25 +
 layout/reftests/scrolling/uncovering-1-ref.html    |    23 +
 layout/reftests/scrolling/uncovering-1.html        |    31 +
 layout/reftests/scrolling/uncovering-2-ref.html    |    24 +
 layout/reftests/scrolling/uncovering-2.html        |    32 +
 .../scrolling/xul-scrollbar-iterate-ref.html       |    27 +
 .../reftests/scrolling/xul-scrollbar-iterate.html  |    27 +
 layout/reftests/selection/1478604-ref.html         |    20 +
 layout/reftests/selection/1478604.html             |    23 +
 layout/reftests/selection/addrange-1.html          |    22 +
 layout/reftests/selection/addrange-2.html          |    23 +
 layout/reftests/selection/addrange-ref.html        |    18 +
 layout/reftests/selection/disabled-1-ref.html      |     6 +
 layout/reftests/selection/disabled-1.html          |     9 +
 layout/reftests/selection/disabled-2-notref.html   |     8 +
 layout/reftests/selection/disabled-2.html          |     9 +
 layout/reftests/selection/dom-mutations-ref.html   |   190 +
 layout/reftests/selection/dom-mutations.html       |   250 +
 layout/reftests/selection/dynamic-text-1-ref.html  |    15 +
 layout/reftests/selection/dynamic-text-1a.html     |    22 +
 layout/reftests/selection/dynamic-text-1b.html     |    20 +
 layout/reftests/selection/extend-1-ref.html        |    13 +
 layout/reftests/selection/extend-1-sanity.html     |     6 +
 layout/reftests/selection/extend-1a.html           |    19 +
 layout/reftests/selection/extend-1b.html           |    20 +
 layout/reftests/selection/extend-1c.html           |    20 +
 layout/reftests/selection/extend-1d.html           |    20 +
 layout/reftests/selection/extend-1e.html           |    20 +
 layout/reftests/selection/extend-1f.html           |    20 +
 layout/reftests/selection/extend-1g.html           |    20 +
 layout/reftests/selection/extend-1h.html           |    20 +
 layout/reftests/selection/extend-1i.html           |    20 +
 layout/reftests/selection/extend-2-ref.html        |     6 +
 layout/reftests/selection/extend-2a.html           |    20 +
 layout/reftests/selection/extend-2b.html           |    20 +
 layout/reftests/selection/extend-3-ref.html        |    27 +
 layout/reftests/selection/extend-3-sanity.html     |    17 +
 layout/reftests/selection/extend-3a.html           |    34 +
 layout/reftests/selection/extend-3b.html           |    33 +
 layout/reftests/selection/extend-3c.html           |    33 +
 layout/reftests/selection/extend-3d.html           |    33 +
 layout/reftests/selection/extend-3e.html           |    33 +
 layout/reftests/selection/extend-3f.html           |    33 +
 layout/reftests/selection/extend-3g.html           |    33 +
 layout/reftests/selection/extend-3h.html           |    33 +
 layout/reftests/selection/extend-3i.html           |    33 +
 layout/reftests/selection/extend-4-ref.html        |    17 +
 layout/reftests/selection/extend-4a.html           |    33 +
 layout/reftests/selection/extend-4b.html           |    33 +
 layout/reftests/selection/invalidation-1-ref.html  |    14 +
 layout/reftests/selection/invalidation-1a.html     |    21 +
 layout/reftests/selection/invalidation-1b.html     |    21 +
 layout/reftests/selection/invalidation-1c.html     |    21 +
 layout/reftests/selection/invalidation-1d.html     |    21 +
 layout/reftests/selection/invalidation-1e.html     |    21 +
 layout/reftests/selection/invalidation-1f.html     |    21 +
 layout/reftests/selection/invalidation-2-ref.html  |     8 +
 layout/reftests/selection/invalidation-2a.html     |    21 +
 layout/reftests/selection/invalidation-2b.html     |    21 +
 layout/reftests/selection/invalidation-2c.html     |    21 +
 layout/reftests/selection/invalidation-2d.html     |    21 +
 layout/reftests/selection/invalidation-2e.html     |    21 +
 layout/reftests/selection/invalidation-2f.html     |    21 +
 layout/reftests/selection/modify-range-ref.html    |    68 +
 layout/reftests/selection/modify-range.html        |    68 +
 .../reftests/selection/non-themed-widget-ref.html  |    16 +
 layout/reftests/selection/non-themed-widget.html   |    12 +
 .../pseudo-element-of-native-anonymous-ref.html    |    13 +
 .../pseudo-element-of-native-anonymous.html        |    17 +
 layout/reftests/selection/reftest.list             |    60 +
 .../rtl-selection-with-decoration-ref.html         |    24 +
 .../selection/rtl-selection-with-decoration.html   |    40 +
 .../semitransparent-decoration-line-ref.html       |    29 +
 .../selection/semitransparent-decoration-line.html |    45 +
 .../selection/shadow-tree-order-1-notref.html      |     4 +
 .../selection/shadow-tree-order-1-ref.html         |    13 +
 layout/reftests/selection/shadow-tree-order-1.html |    18 +
 .../selection/splitText-normalize-ref.html         |    40 +
 layout/reftests/selection/splitText-normalize.html |    40 +
 layout/reftests/selection/splitText-normalize.js   |    86 +
 layout/reftests/selection/themed-widget-ref.html   |    13 +
 layout/reftests/selection/themed-widget.html       |     5 +
 .../reftests/selection/trailing-space-1-ref.html   |    27 +
 layout/reftests/selection/trailing-space-1.html    |    27 +
 layout/reftests/selection/writing-mode-ref.html    |    39 +
 layout/reftests/selection/writing-mode.html        |    56 +
 .../counter-style-rule-clone.html                  |    13 +
 layout/reftests/stylesheet-cloning/glyphs-ref.html |     8 +
 layout/reftests/stylesheet-cloning/importrule.css  |     1 +
 .../stylesheet-cloning/insert-after-clone.html     |    11 +
 .../stylesheet-cloning/media-rule-clone.html       |    10 +
 layout/reftests/stylesheet-cloning/ref-common.css  |    12 +
 layout/reftests/stylesheet-cloning/reftest.list    |     6 +
 .../stylesheet-cloning/shouldbegreen-ref.html      |     7 +
 .../stylesheet-cloning/style-rule-clone.html       |    10 +
 .../stylesheet-cloning/supports-rule-clone.html    |    10 +
 layout/reftests/stylesheet-cloning/test-common.css |    18 +
 layout/reftests/svg/1570363-1-ref.html             |    29 +
 layout/reftests/svg/1570363-1.html                 |    29 +
 layout/reftests/svg/1792313-ref.svg                |     4 +
 layout/reftests/svg/1792313.svg                    |     4 +
 layout/reftests/svg/active-clip-and-mask-ref.html  |    12 +
 layout/reftests/svg/active-clip-and-mask.html      |    41 +
 .../svg/active-transform-blend-mode-ref.html       |     8 +
 .../reftests/svg/active-transform-blend-mode.html  |     8 +
 .../svg/as-image/background-display-none-1.html    |    13 +
 .../reftests/svg/as-image/background-resize-1.html |    18 +
 .../reftests/svg/as-image/background-resize-2.html |    18 +
 .../reftests/svg/as-image/background-resize-3.html |    19 +
 .../reftests/svg/as-image/background-resize-4.html |    20 +
 .../background-scale-no-viewbox-1-ref.html         |    21 +
 .../as-image/background-scale-no-viewbox-1.html    |    22 +
 .../background-scale-with-viewbox-1-ref.html       |    21 +
 .../as-image/background-scale-with-viewbox-1.html  |    22 +
 .../reftests/svg/as-image/background-simple-1.html |     6 +
 .../reftests/svg/as-image/background-simple-2.html |     6 +
 .../svg/as-image/background-stretch-1-ref.html     |    37 +
 .../svg/as-image/background-stretch-1.html         |    22 +
 .../svg/as-image/background-viewBox-1.html         |     7 +
 layout/reftests/svg/as-image/black100x100-ref.html |     5 +
 .../as-image/blue-square-in-square-par-none.svg    |     7 +
 .../svg/as-image/blue-square-in-square.svg         |     7 +
 .../svg/as-image/blue100x100-border-ref.html       |     5 +
 layout/reftests/svg/as-image/blue100x100-ref.html  |     5 +
 layout/reftests/svg/as-image/blue100x100.svg       |     4 +
 .../svg/as-image/border-image-simple-1.html        |     6 +
 .../svg/as-image/border-image-simple-2.html        |     6 +
 .../svg/as-image/canvas-drawImage-alpha-1-ref.html |     6 +
 .../svg/as-image/canvas-drawImage-alpha-1.html     |    22 +
 .../svg/as-image/canvas-drawImage-alpha-2-ref.html |     6 +
 .../svg/as-image/canvas-drawImage-alpha-2.html     |    22 +
 .../as-image/canvas-drawImage-origin-clean-1.html  |    24 +
 .../svg/as-image/canvas-drawImage-scale-1a.html    |    27 +
 .../svg/as-image/canvas-drawImage-scale-1b.html    |    28 +
 .../svg/as-image/canvas-drawImage-scale-1c.html    |    26 +
 .../svg/as-image/canvas-drawImage-scale-2-ref.html |     6 +
 .../svg/as-image/canvas-drawImage-scale-2a.html    |    26 +
 .../svg/as-image/canvas-drawImage-scale-2b.html    |    26 +
 .../svg/as-image/canvas-drawImage-simple-1a.html   |    22 +
 .../svg/as-image/canvas-drawImage-simple-1b.html   |    25 +
 .../svg/as-image/canvas-drawImage-slice-1a.html    |    28 +
 .../svg/as-image/canvas-drawImage-slice-1b.html    |    25 +
 .../canvas-drawImage-transform-restored-ref.html   |    18 +
 .../canvas-drawImage-transform-restored.html       |    24 +
 .../as-image/content-outside-viewBox-1-helper.svg  |    11 +
 layout/reftests/svg/as-image/context-fill-01.html  |    19 +
 layout/reftests/svg/as-image/context-fill-02.html  |    20 +
 layout/reftests/svg/as-image/context-fill-03.html  |    19 +
 layout/reftests/svg/as-image/context-fill-04.html  |    19 +
 layout/reftests/svg/as-image/context-fill-05.html  |    27 +
 layout/reftests/svg/as-image/context-fill-05.svg   |     3 +
 layout/reftests/svg/as-image/context-fill-06.html  |    19 +
 .../reftests/svg/as-image/context-fill-07-ref.html |    19 +
 layout/reftests/svg/as-image/context-fill-07.html  |    22 +
 layout/reftests/svg/as-image/context-fill-08.html  |    20 +
 .../svg/as-image/context-fill-bg-image-01.html     |    21 +
 .../svg/as-image/context-fill-opacity-01.html      |    19 +
 .../svg/as-image/context-fill-opacity-02.html      |    27 +
 .../svg/as-image/context-fill-opacity-02.svg       |     3 +
 .../svg/as-image/context-fill-opacity-03.html      |    20 +
 .../svg/as-image/context-fill-opacity-04.html      |    18 +
 .../svg/as-image/context-fill-opacity-05.html      |    20 +
 .../as-image/context-fill-or-stroke-05-ref.html    |    17 +
 .../context-fill-or-stroke-opacity-01-ref.html     |     6 +
 .../context-fill-or-stroke-opacity-02-ref.html     |    18 +
 .../context-fill-or-stroke-opacity-03-ref.html     |     6 +
 .../reftests/svg/as-image/context-stroke-01.html   |    19 +
 .../reftests/svg/as-image/context-stroke-02.html   |    20 +
 .../reftests/svg/as-image/context-stroke-03.html   |    19 +
 .../reftests/svg/as-image/context-stroke-04.html   |    19 +
 .../reftests/svg/as-image/context-stroke-05.html   |    27 +
 layout/reftests/svg/as-image/context-stroke-05.svg |     3 +
 .../reftests/svg/as-image/context-stroke-06.html   |    19 +
 .../svg/as-image/context-stroke-07-ref.html        |    19 +
 .../reftests/svg/as-image/context-stroke-07.html   |    22 +
 .../reftests/svg/as-image/context-stroke-08.html   |    20 +
 .../svg/as-image/context-stroke-bg-image-01.html   |    21 +
 .../svg/as-image/context-stroke-opacity-01.html    |    19 +
 .../svg/as-image/context-stroke-opacity-02.html    |    27 +
 .../svg/as-image/context-stroke-opacity-02.svg     |     3 +
 .../svg/as-image/context-stroke-opacity-03.html    |    20 +
 .../svg/as-image/context-stroke-opacity-04.html    |    18 +
 .../svg/as-image/context-stroke-opacity-05.html    |    19 +
 .../svg/as-image/defer-unsupported-1-helper.svg    |     5 +
 .../svg/as-image/defer-unsupported-1-ref.svg       |     6 +
 .../reftests/svg/as-image/defer-unsupported-1.svg  |     7 +
 layout/reftests/svg/as-image/display-none.svg      |     8 +
 .../svg/as-image/image-orientation-ref.html        |    33 +
 .../image-orientation-viewbox-and-size.html        |    19 +
 .../image-orientation-viewbox-and-size.svg         |     8 +
 .../image-orientation-viewbox-no-size.html         |    22 +
 .../as-image/image-orientation-viewbox-no-size.svg |     7 +
 .../svg/as-image/img-and-image-1-helper-a.svg      |     8 +
 .../svg/as-image/img-and-image-1-helper-b.svg      |     7 +
 .../svg/as-image/img-and-image-1-helper-c.svg      |    42 +
 .../reftests/svg/as-image/img-and-image-1-ref.svg  |    43 +
 layout/reftests/svg/as-image/img-and-image-1.html  |    24 +
 layout/reftests/svg/as-image/img-blobURI-1.html    |    35 +
 layout/reftests/svg/as-image/img-blobURI-2.html    |    44 +
 .../img-content-outside-viewBox-1-ref.html         |    15 +
 .../as-image/img-content-outside-viewBox-1.html    |    14 +
 .../reftests/svg/as-image/img-display-none-1.html  |    12 +
 layout/reftests/svg/as-image/img-dyn-1-ref.html    |     7 +
 layout/reftests/svg/as-image/img-dyn-1.html        |    18 +
 .../svg/as-image/img-foreignObject-1-helper.svg    |     6 +
 .../reftests/svg/as-image/img-foreignObject-1.html |     5 +
 .../as-image/img-foreignObject-embed-1-helper.svg  |    18 +
 .../svg/as-image/img-foreignObject-embed-1.html    |     5 +
 .../img-foreignObject-iframe-1a-helper.svg         |    14 +
 .../svg/as-image/img-foreignObject-iframe-1a.html  |     5 +
 .../img-foreignObject-iframe-1b-helper.svg         |    14 +
 .../svg/as-image/img-foreignObject-iframe-1b.html  |     5 +
 .../reftests/svg/as-image/img-fragment-1-ref.html  |    18 +
 layout/reftests/svg/as-image/img-fragment-1a.html  |    21 +
 layout/reftests/svg/as-image/img-fragment-1b.html  |    19 +
 layout/reftests/svg/as-image/img-fragment-1c.html  |    23 +
 .../reftests/svg/as-image/img-fragment-2-ref.html  |    18 +
 layout/reftests/svg/as-image/img-fragment-2a.html  |    21 +
 layout/reftests/svg/as-image/img-fragment-2b.html  |    19 +
 layout/reftests/svg/as-image/img-fragment-2c.html  |    23 +
 .../svg/as-image/img-height-meet-1-ref.html        |    19 +
 .../reftests/svg/as-image/img-height-meet-1.html   |    19 +
 .../svg/as-image/img-height-meet-2-ref.html        |    19 +
 .../reftests/svg/as-image/img-height-meet-2.html   |    19 +
 .../svg/as-image/img-height-slice-1-ref.html       |    19 +
 .../reftests/svg/as-image/img-height-slice-1.html  |    19 +
 .../svg/as-image/img-height-slice-2-ref.html       |    19 +
 .../reftests/svg/as-image/img-height-slice-2.html  |    19 +
 .../svg/as-image/img-novb-height-all-1-ref.html    |    45 +
 .../svg/as-image/img-novb-height-meet-1.html       |    20 +
 .../svg/as-image/img-novb-height-slice-1.html      |    20 +
 .../svg/as-image/img-novb-width-all-1-ref.html     |    49 +
 .../svg/as-image/img-novb-width-meet-1.html        |    20 +
 .../svg/as-image/img-novb-width-slice-1.html       |    20 +
 .../img-novb-widthAndHeight-all-1-ref.html         |    20 +
 .../img-novb-widthAndHeight-meet-1-em.html         |    20 +
 .../img-novb-widthAndHeight-meet-1-px.html         |    20 +
 .../img-novb-widthAndHeight-slice-1-em.html        |    20 +
 .../img-novb-widthAndHeight-slice-1-px.html        |    20 +
 layout/reftests/svg/as-image/img-simple-1.html     |     5 +
 layout/reftests/svg/as-image/img-simple-2.html     |     5 +
 layout/reftests/svg/as-image/img-simple-3-ref.html |    11 +
 layout/reftests/svg/as-image/img-simple-3.html     |     9 +
 layout/reftests/svg/as-image/img-simple-4.html     |     5 +
 layout/reftests/svg/as-image/img-simple-5-ref.html |    12 +
 layout/reftests/svg/as-image/img-simple-5.html     |     6 +
 layout/reftests/svg/as-image/img-simple-6.html     |     5 +
 layout/reftests/svg/as-image/img-simple-7-ref.html |    11 +
 layout/reftests/svg/as-image/img-simple-7.html     |     6 +
 .../svg/as-image/img-width-meet-1-ref.html         |    19 +
 layout/reftests/svg/as-image/img-width-meet-1.html |    19 +
 .../svg/as-image/img-width-meet-2-ref.html         |    19 +
 layout/reftests/svg/as-image/img-width-meet-2.html |    19 +
 .../svg/as-image/img-width-slice-1-ref.html        |    19 +
 .../reftests/svg/as-image/img-width-slice-1.html   |    19 +
 .../svg/as-image/img-width-slice-2-ref.html        |    19 +
 .../reftests/svg/as-image/img-width-slice-2.html   |    19 +
 .../as-image/img-widthAndHeight-meet-1-ref.html    |    20 +
 .../svg/as-image/img-widthAndHeight-meet-1.html    |    20 +
 .../as-image/img-widthAndHeight-meet-2-ref.html    |    20 +
 .../svg/as-image/img-widthAndHeight-meet-2.html    |    20 +
 .../as-image/img-widthAndHeight-slice-1-ref.html   |    20 +
 .../svg/as-image/img-widthAndHeight-slice-1.html   |    20 +
 .../as-image/img-widthAndHeight-slice-2-ref.html   |    20 +
 .../svg/as-image/img-widthAndHeight-slice-2.html   |    20 +
 .../svg/as-image/lime100x100-50pct-ref.html        |     5 +
 .../svg/as-image/lime100x100-noSVGDimensions.svg   |     3 +
 layout/reftests/svg/as-image/lime100x100-ref.html  |     5 +
 .../svg/as-image/lime100x100-w-border-ref.html     |     5 +
 layout/reftests/svg/as-image/lime100x100.png       |   Bin 0 -> 232 bytes
 layout/reftests/svg/as-image/lime100x100.svg       |     4 +
 layout/reftests/svg/as-image/lime200x100.svg       |     4 +
 layout/reftests/svg/as-image/lime200x200.svg       |     4 +
 layout/reftests/svg/as-image/lime50x25.svg         |     4 +
 layout/reftests/svg/as-image/lime50x50.svg         |     4 +
 .../limeInRed-noSVGDimensions-animViewBox.svg      |     5 +
 .../as-image/limeInRed-noSVGDimensions-viewBox.svg |     5 +
 .../svg/as-image/limeInRed100x100-viewBox.svg      |     5 +
 layout/reftests/svg/as-image/limeInRed100x100.png  |   Bin 0 -> 292 bytes
 layout/reftests/svg/as-image/limeInRed100x100.svg  |     5 +
 .../reftests/svg/as-image/list-simple-1-ref.html   |     8 +
 layout/reftests/svg/as-image/list-simple-1.html    |     8 +
 .../reftests/svg/as-image/nonuniform-scale-2d.html |    35 +
 .../reftests/svg/as-image/nonuniform-scale-3d.html |    37 +
 .../svg/as-image/nonuniform-scale-ref.html         |    24 +
 layout/reftests/svg/as-image/reftest.list          |   217 +
 .../svg/as-image/squaredCircle-100x100.svg         |     7 +
 .../reftests/svg/as-image/squaredCircle-100x50.svg |     7 +
 .../svg/as-image/squaredCircle-transparent.svg     |     8 +
 .../svg/as-image/squaredCircle-viewBox-100x100.svg |     6 +
 .../svg/as-image/squaredCircle-viewBox-noSize.svg  |     5 +
 .../as-image/svg-border-image-repaint-1-ref.html   |    14 +
 .../svg/as-image/svg-border-image-repaint-1.html   |    20 +
 .../as-image/svg-border-image-repaint-helper.svg   |     9 +
 .../as-image/svg-border-image-repaint-iframe.html  |    23 +
 .../reftests/svg/as-image/svg-image-datauri-1.html |     5 +
 layout/reftests/svg/as-image/svg-image-datauri.svg |     8 +
 .../svg/as-image/svg-image-external-1.html         |     5 +
 .../reftests/svg/as-image/svg-image-external.svg   |    10 +
 .../svg/as-image/svg-image-recursive-1-ref.svg     |     6 +
 .../svg/as-image/svg-image-recursive-1a.svg        |    13 +
 .../svg/as-image/svg-image-recursive-1b.svg        |    15 +
 .../svg/as-image/svg-image-recursive-2-ref.svg     |     5 +
 .../svg/as-image/svg-image-recursive-2a.svg        |    10 +
 .../svg/as-image/svg-image-recursive-2b.html       |     9 +
 .../reftests/svg/as-image/svg-image-simple-1.svg   |     6 +
 .../reftests/svg/as-image/svg-image-simple-2.svg   |     7 +
 .../reftests/svg/as-image/svg-image-simple-3.svg   |     7 +
 .../svg-image-synthetic-viewBox-01-helper-1.svg    |     4 +
 .../svg-image-synthetic-viewBox-01-helper-2.svg    |     4 +
 .../svg-image-synthetic-viewBox-01-ref.svg         |     4 +
 .../as-image/svg-image-synthetic-viewBox-01.svg    |     4 +
 layout/reftests/svg/as-image/svg-image-util.css    |     3 +
 layout/reftests/svg/as-image/svg-image-util.js     |   173 +
 .../svg/as-image/svg-image-visited-1-ref.html      |    24 +
 .../svg/as-image/svg-image-visited-1a-helper.svg   |    34 +
 .../svg/as-image/svg-image-visited-1a.html         |    23 +
 .../svg/as-image/svg-image-visited-1b-helper.svg   |    33 +
 .../svg/as-image/svg-image-visited-1b.html         |    23 +
 .../svg/as-image/svg-image-visited-1c-helper.svg   |    33 +
 .../svg/as-image/svg-image-visited-1c.html         |    23 +
 .../svg/as-image/svg-image-visited-1d-helper.svg   |    32 +
 .../svg/as-image/svg-image-visited-1d.html         |    23 +
 .../svg/as-image/svg-stylesheet-datauri-1.html     |     5 +
 .../svg/as-image/svg-stylesheet-datauri.svg        |     8 +
 .../svg/as-image/svg-stylesheet-external-1.html    |     5 +
 .../svg/as-image/svg-stylesheet-external.css       |     1 +
 .../svg/as-image/svg-stylesheet-external.svg       |     9 +
 .../as-image/transparent100x100-w-border-ref.html  |     5 +
 .../svg/as-image/white-rect-no-viewbox.svg         |     8 +
 .../svg/as-image/white-rect-with-viewbox.svg       |    11 +
 layout/reftests/svg/as-image/zoom/circle-large.svg |     3 +
 layout/reftests/svg/as-image/zoom/circle-small.svg |     3 +
 .../zoom/img-fuzzy-transform-zoomIn-1.html         |    29 +
 .../zoom/img-fuzzy-transform-zoomOut-1.html        |    29 +
 .../svg/as-image/zoom/img-fuzzy-zoomIn-1-ref.html  |    27 +
 .../svg/as-image/zoom/img-fuzzy-zoomIn-1.html      |    27 +
 .../svg/as-image/zoom/img-fuzzy-zoomOut-1-ref.html |    27 +
 .../svg/as-image/zoom/img-fuzzy-zoomOut-1.html     |    27 +
 .../reftests/svg/as-image/zoom/img-zoomIn-1.html   |     5 +
 .../reftests/svg/as-image/zoom/img-zoomOut-1.html  |     5 +
 layout/reftests/svg/as-image/zoom/reftest.list     |    11 +
 .../as-image/zoom/squaredCircle-150x150-ref.html   |     5 +
 .../svg/as-image/zoom/squaredCircle-50x50-ref.html |     5 +
 .../reftests/svg/as-image/zoom/squaredCircle.svg   |     6 +
 layout/reftests/svg/autofocus-01-ref.svg           |     8 +
 layout/reftests/svg/autofocus-01a.svg              |     6 +
 layout/reftests/svg/autofocus-01b.svg              |     8 +
 layout/reftests/svg/autofocus-02a.svg              |     8 +
 layout/reftests/svg/autofocus-02b.svg              |    10 +
 layout/reftests/svg/background-ref.html            |    20 +
 .../svg/background-svg-without-height-width.html   |    18 +
 .../svg/background-svg-without-height.html         |    18 +
 .../reftests/svg/background-svg-without-width.html |    18 +
 layout/reftests/svg/baseline-middle-01.svg         |    10 +
 layout/reftests/svg/big-image.jpeg                 |   Bin 0 -> 160938 bytes
 layout/reftests/svg/blend-color-burn-ref.svg       |    22 +
 layout/reftests/svg/blend-color-burn.svg           |    16 +
 layout/reftests/svg/blend-color-dodge-ref.svg      |    22 +
 layout/reftests/svg/blend-color-dodge.svg          |    16 +
 layout/reftests/svg/blend-color-ref.svg            |    22 +
 layout/reftests/svg/blend-color.svg                |    16 +
 layout/reftests/svg/blend-darken-ref.svg           |    22 +
 layout/reftests/svg/blend-darken.svg               |    16 +
 layout/reftests/svg/blend-difference-ref.svg       |    22 +
 .../svg/blend-difference-stacking-ref.html         |    28 +
 layout/reftests/svg/blend-difference-stacking.html |    28 +
 layout/reftests/svg/blend-difference.svg           |    16 +
 layout/reftests/svg/blend-exclusion-ref.svg        |    22 +
 layout/reftests/svg/blend-exclusion.svg            |    16 +
 layout/reftests/svg/blend-hard-light-ref.svg       |    22 +
 layout/reftests/svg/blend-hard-light.svg           |    16 +
 layout/reftests/svg/blend-hue-ref.svg              |    22 +
 layout/reftests/svg/blend-hue.svg                  |    16 +
 layout/reftests/svg/blend-layer-blend-ref.svg      |     7 +
 layout/reftests/svg/blend-layer-blend.svg          |    10 +
 layout/reftests/svg/blend-layer-filter-ref.svg     |     7 +
 layout/reftests/svg/blend-layer-filter.svg         |    15 +
 layout/reftests/svg/blend-layer-mask-ref.svg       |     7 +
 layout/reftests/svg/blend-layer-mask.svg           |    15 +
 layout/reftests/svg/blend-layer-opacity-ref.svg    |     7 +
 layout/reftests/svg/blend-layer-opacity.svg        |    10 +
 layout/reftests/svg/blend-lighten-ref.svg          |    22 +
 layout/reftests/svg/blend-lighten.svg              |    16 +
 layout/reftests/svg/blend-luminosity-ref.svg       |    22 +
 layout/reftests/svg/blend-luminosity.svg           |    16 +
 layout/reftests/svg/blend-multiply-alpha-ref.svg   |    22 +
 layout/reftests/svg/blend-multiply-alpha.svg       |    16 +
 layout/reftests/svg/blend-multiply-ref.svg         |    22 +
 layout/reftests/svg/blend-multiply.svg             |    16 +
 layout/reftests/svg/blend-normal-ref.svg           |    22 +
 layout/reftests/svg/blend-normal.svg               |    16 +
 layout/reftests/svg/blend-overlay-ref.svg          |    22 +
 layout/reftests/svg/blend-overlay.svg              |    16 +
 layout/reftests/svg/blend-saturation-ref.svg       |    22 +
 layout/reftests/svg/blend-saturation.svg           |    16 +
 layout/reftests/svg/blend-screen-ref.svg           |    22 +
 layout/reftests/svg/blend-screen.svg               |    16 +
 layout/reftests/svg/blend-soft-light-ref.svg       |    22 +
 layout/reftests/svg/blend-soft-light.svg           |    16 +
 layout/reftests/svg/blur-inside-clipPath-ref.svg   |    12 +
 layout/reftests/svg/blur-inside-clipPath.svg       |    17 +
 layout/reftests/svg/border-radius-01.html          |    13 +
 layout/reftests/svg/bug-1562091-icon.svg           |    14 +
 layout/reftests/svg/bug-1562091-ref.html           |    12 +
 layout/reftests/svg/bug-1562091.html               |    17 +
 layout/reftests/svg/clip-01.svg                    |    24 +
 layout/reftests/svg/clip-02-ref.svg                |    20 +
 layout/reftests/svg/clip-02a.svg                   |    34 +
 layout/reftests/svg/clip-02b.svg                   |    34 +
 layout/reftests/svg/clip-surface-clone-01-ref.svg  |     4 +
 layout/reftests/svg/clip-surface-clone-01.svg      |     8 +
 layout/reftests/svg/clip-use-element-01.svg        |    12 +
 layout/reftests/svg/clip-use-element-02.svg        |    13 +
 layout/reftests/svg/clipPath-advanced-01.svg       |    84 +
 .../clipPath-and-mask-on-outflowElement-01a.html   |    51 +
 .../clipPath-and-mask-on-outflowElement-01b.html   |    51 +
 .../svg/clipPath-and-shape-rendering-01-ref.svg    |    22 +
 .../svg/clipPath-and-shape-rendering-01.svg        |    24 +
 layout/reftests/svg/clipPath-and-transform-01.svg  |    23 +
 layout/reftests/svg/clipPath-and-transform-02.svg  |    13 +
 layout/reftests/svg/clipPath-basic-01.svg          |    17 +
 layout/reftests/svg/clipPath-basic-02.svg          |    24 +
 layout/reftests/svg/clipPath-basic-03.svg          |    24 +
 layout/reftests/svg/clipPath-basic-04.svg          |    22 +
 layout/reftests/svg/clipPath-basic-05.svg          |    13 +
 layout/reftests/svg/clipPath-basic-06.svg          |    21 +
 layout/reftests/svg/clipPath-basic-07.svg          |    10 +
 layout/reftests/svg/clipPath-basic-08.svg          |    22 +
 .../svg/clipPath-basic-shape-transform-ref.html    |     6 +
 .../svg/clipPath-basic-shape-transform.html        |     8 +
 .../reftests/svg/clipPath-css-transform-ref.html   |    18 +
 layout/reftests/svg/clipPath-css-transform.html    |    29 +
 layout/reftests/svg/clipPath-fill-box-ref.html     |     3 +
 layout/reftests/svg/clipPath-fill-box.html         |     3 +
 .../svg/clipPath-on-outflowElement-01-ref.html     |    10 +
 .../svg/clipPath-on-outflowElement-01a.html        |    45 +
 .../svg/clipPath-on-outflowElement-01b.html        |    43 +
 .../svg/clipPath-on-outflowElement-02-ref.html     |     8 +
 .../svg/clipPath-on-outflowElement-02a.html        |    46 +
 .../svg/clipPath-on-outflowElement-02b.html        |    45 +
 layout/reftests/svg/clipPath-on-thin-object.svg    |    13 +
 layout/reftests/svg/clipPath-polygon-01.svg        |    51 +
 .../svg/clipPath-polygon-elementFromPoint-01.svg   |    43 +
 layout/reftests/svg/clipPath-winding-01.svg        |    17 +
 layout/reftests/svg/comments-in-pres-attrs.svg     |     8 +
 layout/reftests/svg/conditions-01.svg              |    18 +
 layout/reftests/svg/conditions-02.svg              |    17 +
 layout/reftests/svg/conditions-03.svg              |    16 +
 layout/reftests/svg/conditions-04.svg              |    15 +
 layout/reftests/svg/conditions-05.svg              |    11 +
 layout/reftests/svg/conditions-07.svg              |    40 +
 layout/reftests/svg/conditions-08-ref.svg          |    41 +
 layout/reftests/svg/conditions-08.svg              |    42 +
 layout/reftests/svg/conditions-09-ref.svg          |     5 +
 layout/reftests/svg/conditions-09.svg              |     6 +
 layout/reftests/svg/css-transform-svg-ref.html     |    10 +
 layout/reftests/svg/css-transform-svg.html         |    13 +
 layout/reftests/svg/current-translate-01.svg       |     8 +
 layout/reftests/svg/current-translate-02.svg       |    10 +
 layout/reftests/svg/currentColor-01.svg            |    14 +
 layout/reftests/svg/currentColor-02.svg            |    14 +
 layout/reftests/svg/currentColor-03.svg            |    16 +
 .../reftests/svg/currentColor-override-flood.svg   |    10 +
 .../svg/currentColor-override-lighting-ref.svg     |    14 +
 .../svg/currentColor-override-lighting.svg         |    15 +
 layout/reftests/svg/currentColor-override-stop.svg |     9 +
 .../reftests/svg/data-uri-with-filter-01-ref.svg   |    13 +
 layout/reftests/svg/data-uri-with-filter-01.xhtml  |    16 +
 .../reftests/svg/data-uri-with-gradient-01-ref.svg |     9 +
 .../reftests/svg/data-uri-with-gradient-01.xhtml   |    16 +
 layout/reftests/svg/data-uri-with-pattern-01.xhtml |    17 +
 layout/reftests/svg/dynamic-attr-change-1.svg      |    26 +
 layout/reftests/svg/dynamic-attr-change-2.svg      |    26 +
 layout/reftests/svg/dynamic-attr-removal-1.svg     |    26 +
 layout/reftests/svg/dynamic-attr-removal-2.svg     |    26 +
 layout/reftests/svg/dynamic-class-01.svg           |    24 +
 layout/reftests/svg/dynamic-clipPath-01.svg        |   125 +
 layout/reftests/svg/dynamic-clipPath-02.svg        |    36 +
 .../reftests/svg/dynamic-clipPath-clip-rule-01.svg |    32 +
 layout/reftests/svg/dynamic-conditions-01.svg      |    33 +
 layout/reftests/svg/dynamic-conditions-02.svg      |    11 +
 layout/reftests/svg/dynamic-conditions-03.svg      |    11 +
 layout/reftests/svg/dynamic-conditions-04.svg      |    12 +
 layout/reftests/svg/dynamic-conditions-05.svg      |    11 +
 layout/reftests/svg/dynamic-conditions-06.svg      |    24 +
 layout/reftests/svg/dynamic-conditions-07.svg      |    24 +
 layout/reftests/svg/dynamic-conditions-08.svg      |    24 +
 layout/reftests/svg/dynamic-conditions-09.svg      |    25 +
 layout/reftests/svg/dynamic-conditions-10.svg      |    24 +
 layout/reftests/svg/dynamic-conditions-11.svg      |    24 +
 layout/reftests/svg/dynamic-conditions-12.svg      |    24 +
 layout/reftests/svg/dynamic-conditions-13.svg      |    24 +
 layout/reftests/svg/dynamic-feFlood-01.svg         |    24 +
 layout/reftests/svg/dynamic-feImage-01.svg         |    28 +
 layout/reftests/svg/dynamic-fill-01-ref.svg        |    12 +
 layout/reftests/svg/dynamic-fill-01.svg            |    23 +
 layout/reftests/svg/dynamic-fill-rule-01-ref.svg   |    20 +
 layout/reftests/svg/dynamic-fill-rule-01.svg       |    25 +
 .../svg/dynamic-filter-contents-01-ref.svg         |     8 +
 .../reftests/svg/dynamic-filter-contents-01a.svg   |    31 +
 .../reftests/svg/dynamic-filter-contents-01b.svg   |    27 +
 .../reftests/svg/dynamic-gradient-contents-01.svg  |    32 +
 .../reftests/svg/dynamic-gradient-contents-02.svg  |    35 +
 layout/reftests/svg/dynamic-inner-svg-01.svg       |    39 +
 layout/reftests/svg/dynamic-link-style-01.svg      |    16 +
 layout/reftests/svg/dynamic-marker-01.svg          |    32 +
 layout/reftests/svg/dynamic-marker-02-ref.svg      |    18 +
 layout/reftests/svg/dynamic-marker-02.svg          |    36 +
 layout/reftests/svg/dynamic-marker-03.svg          |    36 +
 layout/reftests/svg/dynamic-mask-01.svg            |    48 +
 layout/reftests/svg/dynamic-mask-contents-01.svg   |    29 +
 .../svg/dynamic-mask-pre-effects-bbox-ref.html     |    40 +
 .../svg/dynamic-mask-pre-effects-bbox.html         |    71 +
 .../reftests/svg/dynamic-opacity-property-01.svg   |    25 +
 layout/reftests/svg/dynamic-pattern-01.svg         |   115 +
 layout/reftests/svg/dynamic-pattern-02.svg         |    29 +
 .../reftests/svg/dynamic-pattern-contents-01.svg   |    32 +
 .../reftests/svg/dynamic-pattern-contents-02.svg   |    29 +
 layout/reftests/svg/dynamic-rect-01-ref.svg        |    13 +
 layout/reftests/svg/dynamic-rect-01.svg            |    24 +
 layout/reftests/svg/dynamic-rect-02-ref.svg        |    15 +
 layout/reftests/svg/dynamic-rect-02.svg            |    22 +
 layout/reftests/svg/dynamic-rect-03-ref.svg        |    16 +
 layout/reftests/svg/dynamic-rect-03.svg            |    22 +
 layout/reftests/svg/dynamic-rect-04.xhtml          |    32 +
 layout/reftests/svg/dynamic-rect-05.svg            |    19 +
 layout/reftests/svg/dynamic-reflow-01-ref.svg      |     5 +
 layout/reftests/svg/dynamic-reflow-01.svg          |    10 +
 .../svg/dynamic-small-object-scaled-up-01.svg      |    30 +
 .../svg/dynamic-small-object-scaled-up-02.svg      |    30 +
 layout/reftests/svg/dynamic-stroke-01.svg          |    21 +
 layout/reftests/svg/dynamic-stroke-opacity-01.svg  |    21 +
 layout/reftests/svg/dynamic-stroke-width-01.svg    |    21 +
 layout/reftests/svg/dynamic-switch-01.svg          |    56 +
 layout/reftests/svg/dynamic-text-01-ref.svg        |    15 +
 layout/reftests/svg/dynamic-text-01.svg            |    28 +
 layout/reftests/svg/dynamic-text-02-ref.svg        |    18 +
 layout/reftests/svg/dynamic-text-02.svg            |    28 +
 layout/reftests/svg/dynamic-text-03-ref.svg        |    19 +
 layout/reftests/svg/dynamic-text-03.svg            |    28 +
 layout/reftests/svg/dynamic-text-04-ref.svg        |    34 +
 layout/reftests/svg/dynamic-text-04.svg            |    49 +
 layout/reftests/svg/dynamic-text-05.svg            |    20 +
 layout/reftests/svg/dynamic-text-06.svg            |    29 +
 layout/reftests/svg/dynamic-text-07-ref.svg        |    11 +
 layout/reftests/svg/dynamic-text-07.svg            |    23 +
 layout/reftests/svg/dynamic-text-08-ref.svg        |    10 +
 layout/reftests/svg/dynamic-text-08.svg            |    24 +
 layout/reftests/svg/dynamic-text-attr-01-ref.svg   |    31 +
 layout/reftests/svg/dynamic-text-attr-01.svg       |    46 +
 layout/reftests/svg/dynamic-textPath-01-ref.svg    |    15 +
 layout/reftests/svg/dynamic-textPath-01.svg        |    28 +
 layout/reftests/svg/dynamic-textPath-02-ref.svg    |    14 +
 layout/reftests/svg/dynamic-textPath-02.svg        |    26 +
 layout/reftests/svg/dynamic-textPath-03-ref.svg    |    14 +
 layout/reftests/svg/dynamic-textPath-03.svg        |    25 +
 layout/reftests/svg/dynamic-textPath-04.html       |    28 +
 layout/reftests/svg/dynamic-use-01.svg             |    91 +
 layout/reftests/svg/dynamic-use-02.svg             |    17 +
 layout/reftests/svg/dynamic-use-03.svg             |    26 +
 layout/reftests/svg/dynamic-use-04.svg             |    31 +
 layout/reftests/svg/dynamic-use-05.svg             |    31 +
 layout/reftests/svg/dynamic-use-06.svg             |    32 +
 layout/reftests/svg/dynamic-use-07.svg             |    22 +
 layout/reftests/svg/dynamic-use-08.svg             |    30 +
 layout/reftests/svg/dynamic-use-nested-01-ref.svg  |    20 +
 layout/reftests/svg/dynamic-use-nested-01a.svg     |    33 +
 layout/reftests/svg/dynamic-use-nested-01b.svg     |    34 +
 .../reftests/svg/dynamic-use-remove-width-ref.svg  |    12 +
 layout/reftests/svg/dynamic-use-remove-width.svg   |    20 +
 layout/reftests/svg/dynamic-viewBox-change-01.svg  |    24 +
 layout/reftests/svg/dynamic-viewBox-change-02.svg  |    24 +
 layout/reftests/svg/dynamic-viewBox-change-03.svg  |    24 +
 layout/reftests/svg/explosive-use.svg              |   413 +
 layout/reftests/svg/fallback-color-01a.svg         |    13 +
 layout/reftests/svg/fallback-color-01b.svg         |    13 +
 layout/reftests/svg/fallback-color-02-ref.svg      |    12 +
 layout/reftests/svg/fallback-color-02.svg          |    13 +
 layout/reftests/svg/fallback-color-03.svg          |    20 +
 layout/reftests/svg/fallback-color-04.svg          |    38 +
 layout/reftests/svg/fallback-color-05-ref.svg      |    12 +
 layout/reftests/svg/fallback-color-05a.svg         |    12 +
 layout/reftests/svg/fallback-color-05b.svg         |    12 +
 layout/reftests/svg/fallback-color-06.svg          |    13 +
 layout/reftests/svg/filter-and-clip-ref.svg        |     3 +
 layout/reftests/svg/filter-and-clip.svg            |    12 +
 layout/reftests/svg/filter-basic-01.svg            |    12 +
 layout/reftests/svg/filter-basic-02.svg            |    16 +
 layout/reftests/svg/filter-basic-03.svg            |    16 +
 layout/reftests/svg/filter-bounds-01.svg           |    24 +
 layout/reftests/svg/filter-bounds-02.svg           |    25 +
 .../svg/filter-extref-differentOrigin-01.svg       |    20 +
 layout/reftests/svg/filter-foreignObject-01.svg    |    16 +
 layout/reftests/svg/filter-in-mask-01.svg          |    16 +
 layout/reftests/svg/filter-in-mask-ref.html        |    21 +
 layout/reftests/svg/filter-in-mask.html            |    21 +
 layout/reftests/svg/filter-invalidation-01.svg     |    25 +
 .../svg/filter-on-continuation-box-01.html         |    23 +
 .../svg/filter-on-continuation-box-ref.html        |    15 +
 layout/reftests/svg/filter-result-01-ref.svg       |    18 +
 layout/reftests/svg/filter-result-01.svg           |    23 +
 layout/reftests/svg/filter-scaled-01.svg           |    18 +
 layout/reftests/svg/filter-scaled-02-ref.html      |    15 +
 layout/reftests/svg/filter-scaled-02.html          |    25 +
 layout/reftests/svg/filter-translated-01-ref.svg   |     9 +
 layout/reftests/svg/filter-translated-01.svg       |    12 +
 layout/reftests/svg/filter-use-element-01.svg      |    11 +
 .../reftests/svg/filtered-image-in-pattern-01.svg  |    14 +
 .../svg/filters-and-group-opacity-01-ref.svg       |     4 +
 .../reftests/svg/filters-and-group-opacity-01.svg  |    17 +
 .../filters/css-filter-chains/long-chain-ref.html  |    31 +
 .../svg/filters/css-filter-chains/long-chain.html  |    41 +
 .../filters/css-filter-chains/moz-element-ref.html |    28 +
 .../svg/filters/css-filter-chains/moz-element.html |    29 +
 .../svg/filters/css-filter-chains/reftest.list     |     7 +
 .../filters/css-filter-chains/same-filter-ref.html |    30 +
 .../svg/filters/css-filter-chains/same-filter.html |    28 +
 .../css-filters/blur-calc-negative-ref.html        |    27 +
 .../filters/css-filters/blur-calc-negative.html    |    28 +
 .../svg/filters/css-filters/blur-calc-ref.html     |    23 +
 .../svg/filters/css-filters/blur-calc.html         |    28 +
 .../blur-cap-large-radius-on-software-ref.html     |    22 +
 .../blur-cap-large-radius-on-software.html         |    26 +
 .../svg/filters/css-filters/blur-clip-rect.html    |    33 +
 .../filters/css-filters/blur-em-radius-ref.html    |    28 +
 .../svg/filters/css-filters/blur-em-radius.html    |    29 +
 .../css-filters/blur-invalid-radius-ref.html       |    22 +
 .../filters/css-filters/blur-invalid-radius.html   |    28 +
 .../reftests/svg/filters/css-filters/blur-ref.html |    28 +
 .../reftests/svg/filters/css-filters/blur-ref.svg  |    29 +
 .../filters/css-filters/blur-rem-radius-ref.html   |    31 +
 .../svg/filters/css-filters/blur-rem-radius.html   |    32 +
 .../filters/css-filters/blur-zero-radius-ref.html  |    22 +
 .../svg/filters/css-filters/blur-zero-radius.html  |    27 +
 .../filters/css-filters/blur-zoomed-page-ref.html  |    30 +
 .../svg/filters/css-filters/blur-zoomed-page.html  |    33 +
 layout/reftests/svg/filters/css-filters/blur.html  |    28 +
 layout/reftests/svg/filters/css-filters/blur.svg   |    32 +
 .../filters/css-filters/brightness-darken-ref.html |    22 +
 .../svg/filters/css-filters/brightness-darken.html |    28 +
 .../css-filters/brightness-extreme-ref.html        |    22 +
 .../filters/css-filters/brightness-extreme.html    |    28 +
 .../filters/css-filters/brightness-one-ref.html    |    22 +
 .../svg/filters/css-filters/brightness-one.html    |    28 +
 .../css-filters/brightness-percent-ref.html        |    22 +
 .../filters/css-filters/brightness-percent.html    |    28 +
 .../svg/filters/css-filters/brightness-ref.html    |    22 +
 .../filters/css-filters/brightness-zero-ref.html   |    22 +
 .../svg/filters/css-filters/brightness-zero.html   |    28 +
 .../svg/filters/css-filters/brightness.html        |    28 +
 .../css-filters/containing-block-1-ref.html        |     5 +
 .../filters/css-filters/containing-block-1.html    |     6 +
 .../filters/css-filters/contrast-extreme-ref.html  |    22 +
 .../svg/filters/css-filters/contrast-extreme.html  |    29 +
 .../svg/filters/css-filters/contrast-one-ref.html  |    22 +
 .../svg/filters/css-filters/contrast-one.html      |    28 +
 .../filters/css-filters/contrast-percent-ref.html  |    22 +
 .../svg/filters/css-filters/contrast-percent.html  |    28 +
 .../filters/css-filters/contrast-reduce-ref.html   |    22 +
 .../svg/filters/css-filters/contrast-reduce.html   |    29 +
 .../svg/filters/css-filters/contrast-ref.html      |    22 +
 .../svg/filters/css-filters/contrast-zero-ref.html |    23 +
 .../svg/filters/css-filters/contrast-zero.html     |    28 +
 .../reftests/svg/filters/css-filters/contrast.html |    28 +
 .../css-filters/drop-shadow-default-color-ref.html |    28 +
 .../css-filters/drop-shadow-default-color.html     |    31 +
 .../drop-shadow-negative-offset-ref.html           |    31 +
 .../css-filters/drop-shadow-negative-offset.html   |    32 +
 .../svg/filters/css-filters/drop-shadow-ref.html   |    28 +
 .../svg/filters/css-filters/drop-shadow.html       |    28 +
 .../filters/css-filters/filter-on-huge-bbox.html   |    26 +
 .../filters/css-filters/filter-on-outer-svg.html   |    14 +
 .../svg/filters/css-filters/grayscale-one-ref.html |    22 +
 .../svg/filters/css-filters/grayscale-one.html     |    28 +
 .../css-filters/grayscale-over-one-ref.html        |    22 +
 .../filters/css-filters/grayscale-over-one.html    |    28 +
 .../filters/css-filters/grayscale-percent-ref.html |    22 +
 .../svg/filters/css-filters/grayscale-percent.html |    28 +
 .../svg/filters/css-filters/grayscale-ref.html     |    22 +
 .../filters/css-filters/grayscale-zero-ref.html    |    22 +
 .../svg/filters/css-filters/grayscale-zero.html    |    28 +
 .../svg/filters/css-filters/grayscale.html         |    28 +
 .../filters/css-filters/hue-rotate-360-ref.html    |    22 +
 .../svg/filters/css-filters/hue-rotate-360.html    |    28 +
 .../filters/css-filters/hue-rotate-grad-ref.html   |    32 +
 .../svg/filters/css-filters/hue-rotate-grad.html   |    29 +
 .../css-filters/hue-rotate-multichannel-ref.html   |    37 +
 .../css-filters/hue-rotate-multichannel.html       |    38 +
 .../css-filters/hue-rotate-negative-ref.html       |    32 +
 .../filters/css-filters/hue-rotate-negative.html   |    28 +
 .../css-filters/hue-rotate-over-360-ref.html       |    32 +
 .../filters/css-filters/hue-rotate-over-360.html   |    28 +
 .../filters/css-filters/hue-rotate-rad-ref.html    |    32 +
 .../svg/filters/css-filters/hue-rotate-rad.html    |    28 +
 .../svg/filters/css-filters/hue-rotate-ref.html    |    32 +
 .../filters/css-filters/hue-rotate-turn-ref.html   |    32 +
 .../svg/filters/css-filters/hue-rotate-turn.html   |    28 +
 .../filters/css-filters/hue-rotate-zero-ref.html   |    22 +
 .../svg/filters/css-filters/hue-rotate-zero.html   |    28 +
 .../svg/filters/css-filters/hue-rotate.html        |    28 +
 .../svg/filters/css-filters/invert-half-ref.html   |    22 +
 .../svg/filters/css-filters/invert-half.html       |    28 +
 .../svg/filters/css-filters/invert-one-ref.html    |    22 +
 .../svg/filters/css-filters/invert-one.html        |    28 +
 .../filters/css-filters/invert-over-one-ref.html   |    22 +
 .../svg/filters/css-filters/invert-over-one.html   |    28 +
 .../filters/css-filters/invert-percent-ref.html    |    22 +
 .../svg/filters/css-filters/invert-percent.html    |    28 +
 .../svg/filters/css-filters/invert-ref.html        |    22 +
 .../svg/filters/css-filters/invert-zero-ref.html   |    22 +
 .../svg/filters/css-filters/invert-zero.html       |    28 +
 .../reftests/svg/filters/css-filters/invert.html   |    28 +
 .../svg/filters/css-filters/opacity-one-ref.html   |    22 +
 .../svg/filters/css-filters/opacity-one.html       |    36 +
 .../filters/css-filters/opacity-over-one-ref.html  |    22 +
 .../opacity-over-one-translucent-source-ref.html   |    21 +
 .../opacity-over-one-translucent-source.html       |    28 +
 .../svg/filters/css-filters/opacity-over-one.html  |    36 +
 .../filters/css-filters/opacity-percent-ref.html   |    22 +
 .../svg/filters/css-filters/opacity-percent.html   |    28 +
 .../svg/filters/css-filters/opacity-ref.html       |    22 +
 .../svg/filters/css-filters/opacity-zero-ref.html  |    22 +
 .../svg/filters/css-filters/opacity-zero.html      |    36 +
 .../reftests/svg/filters/css-filters/opacity.html  |    28 +
 layout/reftests/svg/filters/css-filters/pass.svg   |     8 +
 .../reftests/svg/filters/css-filters/reftest.list  |    71 +
 .../css-filters/saturate-desaturate-ref.html       |    22 +
 .../filters/css-filters/saturate-desaturate.html   |    28 +
 .../filters/css-filters/saturate-extreme-ref.html  |    22 +
 .../svg/filters/css-filters/saturate-extreme.html  |    29 +
 .../svg/filters/css-filters/saturate-one-ref.html  |    22 +
 .../svg/filters/css-filters/saturate-one.html      |    28 +
 .../filters/css-filters/saturate-percent-ref.html  |    22 +
 .../svg/filters/css-filters/saturate-percent.html  |    28 +
 .../svg/filters/css-filters/saturate-ref.html      |    22 +
 .../svg/filters/css-filters/saturate-zero-ref.html |    22 +
 .../svg/filters/css-filters/saturate-zero.html     |    28 +
 .../reftests/svg/filters/css-filters/saturate.html |    28 +
 .../css-filters/scale-filtered-content-01-ref.html |    33 +
 .../css-filters/scale-filtered-content-01.html     |    33 +
 .../svg/filters/css-filters/sepia-one-ref.html     |    22 +
 .../svg/filters/css-filters/sepia-one.html         |    28 +
 .../filters/css-filters/sepia-over-one-ref.html    |    22 +
 .../svg/filters/css-filters/sepia-over-one.html    |    28 +
 .../svg/filters/css-filters/sepia-percent-ref.html |    22 +
 .../svg/filters/css-filters/sepia-percent.html     |    28 +
 .../svg/filters/css-filters/sepia-ref.html         |    22 +
 .../svg/filters/css-filters/sepia-zero-ref.html    |    22 +
 .../svg/filters/css-filters/sepia-zero.html        |    28 +
 layout/reftests/svg/filters/css-filters/sepia.html |    28 +
 .../clip-input-css-filter-ref.html                 |    32 +
 .../clip-input-css-filter.html                     |    34 +
 .../css-filter-first-ref.html                      |    31 +
 .../css-svg-filter-chains/css-filter-first.html    |    33 +
 .../css-svg-filter-chains/css-filter-last-ref.html |    31 +
 .../css-svg-filter-chains/css-filter-last.html     |    34 +
 .../css-filter-middle-ref.html                     |    38 +
 .../css-svg-filter-chains/css-filter-middle.html   |    42 +
 .../svg/filters/css-svg-filter-chains/reftest.list |     8 +
 .../svg/filters/dynamic-filter-invalidation-01.svg |    36 +
 .../svg/filters/dynamic-filter-invalidation-02.svg |    22 +
 .../svg/filters/dynamic-filter-invalidation-03.svg |    30 +
 .../svg/filters/dynamic-filter-invalidation-04.svg |    32 +
 .../filters/dynamic-filtered-foreignObject-01.svg  |    31 +
 layout/reftests/svg/filters/feBlend-1-ref.svg      |    20 +
 layout/reftests/svg/filters/feBlend-1.svg          |   104 +
 layout/reftests/svg/filters/feBlend-2-ref.svg      |     6 +
 layout/reftests/svg/filters/feBlend-2.svg          |    17 +
 .../reftests/svg/filters/feColorMatrix-1-ref.svg   |     5 +
 layout/reftests/svg/filters/feColorMatrix-1.svg    |    10 +
 .../reftests/svg/filters/feColorMatrix-2-ref.svg   |     5 +
 layout/reftests/svg/filters/feColorMatrix-2.svg    |     9 +
 .../svg/filters/feColorMatrix-saturate-01.svg      |    16 +
 .../svg/filters/feComponentTransfer-03.svg         |    22 +
 .../svg/filters/feComponentTransfer-04.svg         |    19 +
 .../svg/filters/feComponentTransfer-1-ref.svg      |     5 +
 .../reftests/svg/filters/feComponentTransfer-1.svg |    15 +
 .../svg/filters/feComponentTransfer-2-ref.svg      |     5 +
 .../reftests/svg/filters/feComponentTransfer-2.svg |    14 +
 layout/reftests/svg/filters/feComposite-1-ref.svg  |    22 +
 layout/reftests/svg/filters/feComposite-1.svg      |    82 +
 layout/reftests/svg/filters/feComposite-2-ref.svg  |     9 +
 layout/reftests/svg/filters/feComposite-2.svg      |    27 +
 .../svg/filters/feComposite-arguments-01.svg       |    12 +
 .../filters/feComposite-operator-lighter-ref.html  |    19 +
 .../svg/filters/feComposite-operator-lighter.svg   |    11 +
 .../svg/filters/feComposite-paint-01-ref.svg       |     9 +
 .../reftests/svg/filters/feComposite-paint-01.svg  |    35 +
 .../svg/filters/feConvolveMatrix-1-ref.svg         |    17 +
 layout/reftests/svg/filters/feConvolveMatrix-1.svg |    75 +
 .../svg/filters/feConvolveMatrix-2-ref.svg         |     6 +
 layout/reftests/svg/filters/feConvolveMatrix-2.svg |    11 +
 .../svg/filters/feConvolveMatrix-bias-01-ref.svg   |     9 +
 .../svg/filters/feConvolveMatrix-bias-01.svg       |    14 +
 .../svg/filters/feConvolveMatrix-order-01-ref.svg  |    12 +
 .../svg/filters/feConvolveMatrix-order-01.svg      |    18 +
 .../svg/filters/feDiffuseLighting-1-ref.svg        |    16 +
 .../reftests/svg/filters/feDiffuseLighting-1.svg   |    17 +
 .../svg/filters/feDisplacementMap-1-ref.svg        |     5 +
 .../reftests/svg/filters/feDisplacementMap-1.svg   |    13 +
 .../svg/filters/feDisplacementMap-2-ref.svg        |     7 +
 .../reftests/svg/filters/feDisplacementMap-2.svg   |    12 +
 .../svg/filters/feDisplacementMap-alpha-01.svg     |    22 +
 .../filters/feDisplacementMap-colour-01-ref.svg    |    11 +
 .../svg/filters/feDisplacementMap-colour-01.svg    |    19 +
 .../svg/filters/feDisplacementMap-scale-01.svg     |    15 +
 .../reftests/svg/filters/feDropShadow-01-ref.svg   |    68 +
 layout/reftests/svg/filters/feDropShadow-01.svg    |    43 +
 layout/reftests/svg/filters/feFlood-1-ref.svg      |     5 +
 layout/reftests/svg/filters/feFlood-1.svg          |    11 +
 layout/reftests/svg/filters/feFlood-2-ref.svg      |     5 +
 layout/reftests/svg/filters/feFlood-2.svg          |    10 +
 layout/reftests/svg/filters/feFlood-color-01.svg   |    11 +
 .../reftests/svg/filters/feGaussianBlur-1-ref.svg  |     7 +
 layout/reftests/svg/filters/feGaussianBlur-1.svg   |    22 +
 .../reftests/svg/filters/feGaussianBlur-2-ref.svg  |     7 +
 layout/reftests/svg/filters/feGaussianBlur-2.svg   |    40 +
 .../reftests/svg/filters/feGaussianBlur-3-ref.svg  |     5 +
 layout/reftests/svg/filters/feGaussianBlur-3.svg   |    12 +
 .../reftests/svg/filters/feGaussianBlur-4-ref.svg  |    10 +
 layout/reftests/svg/filters/feGaussianBlur-4.svg   |     8 +
 .../reftests/svg/filters/feGaussianBlur-5-ref.svg  |     5 +
 layout/reftests/svg/filters/feGaussianBlur-5.svg   |     8 +
 .../reftests/svg/filters/feGaussianBlur-6-ref.svg  |     5 +
 layout/reftests/svg/filters/feGaussianBlur-6.svg   |     8 +
 .../svg/filters/feGaussianBlur-alpha-01-ref.svg    |    20 +
 .../svg/filters/feGaussianBlur-alpha-01.svg        |    20 +
 ...p-large-directional-radius-on-software-ref.html |    12 +
 ...r-cap-large-directional-radius-on-software.html |    16 +
 layout/reftests/svg/filters/feImage-1-ref.svg      |     5 +
 layout/reftests/svg/filters/feImage-1.svg          |    11 +
 .../feImage-scale-to-primitive-subregion-ref.html  |    21 +
 .../feImage-scale-to-primitive-subregion.html      |    44 +
 layout/reftests/svg/filters/feMerge-1-ref.svg      |     6 +
 layout/reftests/svg/filters/feMerge-1.svg          |    16 +
 layout/reftests/svg/filters/feMerge-2-ref.svg      |     6 +
 layout/reftests/svg/filters/feMerge-2.svg          |    14 +
 layout/reftests/svg/filters/feMorphology-1-ref.svg |    12 +
 layout/reftests/svg/filters/feMorphology-1.svg     |    38 +
 layout/reftests/svg/filters/feMorphology-2-ref.svg |    12 +
 layout/reftests/svg/filters/feMorphology-2.svg     |    32 +
 .../filters/feMorphology-radius-negative-01.svg    |    23 +
 .../filters/feMorphology-radius-negative-02.svg    |    23 +
 .../svg/filters/feMorphology-radius-zero-01.svg    |    23 +
 .../svg/filters/feMorphology-radius-zero-02.svg    |    23 +
 layout/reftests/svg/filters/feOffset-1-ref.svg     |     5 +
 layout/reftests/svg/filters/feOffset-1.svg         |    11 +
 layout/reftests/svg/filters/feOffset-2-ref.svg     |     5 +
 layout/reftests/svg/filters/feOffset-2.svg         |    10 +
 .../svg/filters/fePointLight-zoomed-page-ref.svg   |    15 +
 .../svg/filters/fePointLight-zoomed-page.svg       |    29 +
 .../svg/filters/feSpecularLighting-1-ref.svg       |     7 +
 .../reftests/svg/filters/feSpecularLighting-1.svg  |    25 +
 layout/reftests/svg/filters/feTile-1-ref.svg       |    21 +
 layout/reftests/svg/filters/feTile-1.svg           |    14 +
 layout/reftests/svg/filters/feTile-2-ref.svg       |    21 +
 layout/reftests/svg/filters/feTile-2.svg           |    12 +
 layout/reftests/svg/filters/feTile-large-01.svg    |    19 +
 .../reftests/svg/filters/feTile-large-02-ref.svg   |    26 +
 layout/reftests/svg/filters/feTile-large-02.svg    |    19 +
 .../reftests/svg/filters/feTile-outside-01-ref.svg |    20 +
 layout/reftests/svg/filters/feTile-outside-01.svg  |    19 +
 .../svg/filters/feTurbulence-offset-ref.svg        |    17 +
 .../reftests/svg/filters/feTurbulence-offset.svg   |    20 +
 .../filters/feTurbulence-zero-baseFreq-01-ref.svg  |    13 +
 .../svg/filters/feTurbulence-zero-baseFreq-01.svg  |    23 +
 .../svg/filters/feTurbulence-zero-baseFreq-02.svg  |     9 +
 .../svg/filters/filter-clipped-rect-01.svg         |    25 +
 layout/reftests/svg/filters/filter-giant.svg       |    12 +
 layout/reftests/svg/filters/filter-in-mask-01.svg  |    12 +
 layout/reftests/svg/filters/filter-in-mask-02.svg  |    18 +
 .../reftests/svg/filters/filter-in-pattern-01.svg  |    12 +
 .../svg/filters/filter-in-pattern-02-ref.svg       |    13 +
 .../reftests/svg/filters/filter-in-pattern-02.svg  |    13 +
 .../reftests/svg/filters/filter-inner-svg-01.svg   |    16 +
 .../reftests/svg/filters/filter-inner-svg-02.svg   |    18 +
 .../reftests/svg/filters/filter-inner-svg-03.svg   |    19 +
 .../svg/filters/filter-kernelUnitLength-01-ref.svg |    15 +
 .../svg/filters/filter-kernelUnitLength-01.svg     |    15 +
 .../svg/filters/filter-lighting-region-ref.svg     |    11 +
 .../svg/filters/filter-lighting-region.svg         |    30 +
 .../reftests/svg/filters/filter-marked-line-01.svg |    19 +
 .../reftests/svg/filters/filter-marked-line-02.svg |    20 +
 .../reftests/svg/filters/filter-marked-line-03.svg |    20 +
 .../reftests/svg/filters/filter-marked-line-04.svg |    20 +
 .../reftests/svg/filters/filter-marked-line-05.svg |    21 +
 .../reftests/svg/filters/filter-marked-line-06.svg |    23 +
 .../reftests/svg/filters/filter-marked-line-07.svg |    25 +
 .../reftests/svg/filters/filter-marked-line-08.svg |    25 +
 .../reftests/svg/filters/filter-marked-line-09.svg |    27 +
 .../svg/filters/filter-nested-filtering-01.svg     |    18 +
 .../svg/filters/filter-nested-filtering-02.svg     |    18 +
 .../svg/filters/filter-patterned-rect-01.svg       |    21 +
 .../svg/filters/filter-patterned-rect-02.svg       |    23 +
 layout/reftests/svg/filters/filter-region-01a.html |    20 +
 layout/reftests/svg/filters/filter-region-01b.html |    22 +
 .../reftests/svg/filters/filter-transform-01.svg   |    17 +
 layout/reftests/svg/filters/mozilla-banner.gif     |   Bin 0 -> 4500 bytes
 layout/reftests/svg/filters/nested-filter-ref.html |    14 +
 layout/reftests/svg/filters/nested-filter.html     |    23 +
 .../svg/filters/outside-sourcegraphic-1.svg        |    10 +
 .../svg/filters/outside-sourcegraphic-2.svg        |    13 +
 .../svg/filters/outside-sourcegraphic-3.svg        |    15 +
 .../svg/filters/outside-sourcegraphic-ref.svg      |     7 +
 layout/reftests/svg/filters/pass.svg               |     8 +
 layout/reftests/svg/filters/reftest.list           |   142 +
 .../filters/svg-filter-chains/clip-input-ref.svg   |    26 +
 .../svg/filters/svg-filter-chains/clip-input.svg   |    52 +
 .../clip-original-SourceGraphic-ref.svg            |    26 +
 .../clip-original-SourceGraphic.svg                |    50 +
 .../filters/svg-filter-chains/clip-output-ref.svg  |    30 +
 .../svg/filters/svg-filter-chains/clip-output.svg  |    52 +
 .../svg-filter-chains/default-subregion-ref.svg    |    29 +
 .../svg-filter-chains/default-subregion.svg        |    48 +
 .../different-FillPaint-filter-regions-ref.svg     |    30 +
 .../different-FillPaint-filter-regions.svg         |    43 +
 .../different-StrokePaint-filter-regions-ref.svg   |    30 +
 .../different-StrokePaint-filter-regions.svg       |    43 +
 .../dont-clip-previous-primitives-ref.svg          |    30 +
 .../dont-clip-previous-primitives.svg              |    51 +
 .../intersecting-filter-regions-ref.svg            |    29 +
 .../intersecting-filter-regions.svg                |    45 +
 .../svg/filters/svg-filter-chains/long-chain.svg   |    28 +
 .../multiple-primitives-per-filter.svg             |    24 +
 .../svg/filters/svg-filter-chains/reftest.list     |    16 +
 .../second-filter-uses-SourceAlpha-ref.svg         |    29 +
 .../second-filter-uses-SourceAlpha.svg             |    49 +
 .../second-filter-uses-SourceGraphic.svg           |    17 +
 .../filters/svg-filter-chains/simple-chain-ref.svg |    14 +
 .../svg/filters/svg-filter-chains/simple-chain.svg |    15 +
 layout/reftests/svg/foreignObject-01.svg           |    17 +
 layout/reftests/svg/foreignObject-02-ref.svg       |    20 +
 layout/reftests/svg/foreignObject-02.svg           |    31 +
 .../foreignObject-ancestor-style-change-01-ref.svg |    27 +
 .../svg/foreignObject-ancestor-style-change-01.svg |    45 +
 .../svg/foreignObject-change-transform-01.svg      |    32 +
 layout/reftests/svg/foreignObject-display-01.svg   |    30 +
 .../svg/foreignObject-dynamic-abspos-01-ref.html   |    10 +
 .../svg/foreignObject-dynamic-abspos-01.html       |    18 +
 .../svg/foreignObject-dynamic-fixedpos-01.html     |    18 +
 .../foreignObject-dynamic-line-height-01-ref.html  |     8 +
 .../svg/foreignObject-dynamic-line-height-01.html  |    16 +
 layout/reftests/svg/foreignObject-fixedpos-01.html |    10 +
 layout/reftests/svg/foreignObject-fixedpos-02.html |     9 +
 .../reftests/svg/foreignObject-fixedpos-ref.html   |     4 +
 .../reftests/svg/foreignObject-form-no-theme.svg   |    14 +
 .../reftests/svg/foreignObject-form-theme-ref.html |    22 +
 layout/reftests/svg/foreignObject-form-theme.svg   |    14 +
 .../svg/foreignObject-img-form-theme-ref.html      |    16 +
 .../reftests/svg/foreignObject-img-form-theme.html |    16 +
 layout/reftests/svg/foreignObject-img-helper.svg   |     5 +
 layout/reftests/svg/foreignObject-img-ref.html     |     5 +
 layout/reftests/svg/foreignObject-img.html         |    29 +
 .../reftests/svg/foreignObject-move-repaint-01.svg |    41 +
 layout/reftests/svg/foreignObject-overflow-01.svg  |    24 +
 .../reftests/svg/foreignObject-start-hidden-01.svg |    18 +
 .../reftests/svg/foreignObject-start-hidden-02.svg |    18 +
 .../reftests/svg/foreignObject-style-change-01.svg |    30 +
 .../reftests/svg/foreignObject-vertical-01-ref.svg |     5 +
 layout/reftests/svg/foreignObject-vertical-01.svg  |     9 +
 layout/reftests/svg/fragid-shadow-1.html           |    22 +
 layout/reftests/svg/fragid-shadow-10.html          |    18 +
 layout/reftests/svg/fragid-shadow-2.html           |    17 +
 layout/reftests/svg/fragid-shadow-3.html           |    14 +
 layout/reftests/svg/fragid-shadow-4.html           |    13 +
 layout/reftests/svg/fragid-shadow-5.html           |    13 +
 layout/reftests/svg/fragid-shadow-6.html           |    23 +
 layout/reftests/svg/fragid-shadow-7.html           |    28 +
 layout/reftests/svg/fragid-shadow-8.html           |    15 +
 layout/reftests/svg/fragid-shadow-9.html           |    24 +
 layout/reftests/svg/fragid-shadow-ref.html         |     4 +
 layout/reftests/svg/fragid-shadow-resource.svg     |    11 +
 layout/reftests/svg/fragmentIdentifier-01.xhtml    |    31 +
 layout/reftests/svg/fragmentIdentifier-rect-01.svg |    19 +
 layout/reftests/svg/g-transform-01.svg             |    27 +
 .../svg/geometry-properties-in-css-ref.html        |    25 +
 .../reftests/svg/geometry-properties-in-css.html   |    92 +
 .../reftests/svg/getElementById-a-element-01.svg   |    27 +
 layout/reftests/svg/gradient-href-01.html          |    19 +
 layout/reftests/svg/gradient-live-01-ref.svg       |    16 +
 layout/reftests/svg/gradient-live-01a.svg          |    30 +
 layout/reftests/svg/gradient-live-01b.svg          |    28 +
 layout/reftests/svg/gradient-live-01c.svg          |    29 +
 layout/reftests/svg/gradient-live-01d.svg          |    32 +
 layout/reftests/svg/gradient-transform-01.svg      |    28 +
 .../reftests/svg/href-attr-change-restyles-ref.svg |    29 +
 layout/reftests/svg/href-attr-change-restyles.svg  |    32 +
 .../svg/image/blueRect10x10-viewBox-animPAR.svg    |    12 +
 .../reftests/svg/image/blueRect10x10-viewBox.svg   |     7 +
 layout/reftests/svg/image/blueRect10x10.png        |   Bin 0 -> 125 bytes
 layout/reftests/svg/image/blueRect10x10.svg        |     6 +
 layout/reftests/svg/image/image-fill-01.svg        |    13 +
 .../reftests/svg/image/image-fill-opacity-ref.html |     4 +
 layout/reftests/svg/image/image-fill-opacity.html  |     4 +
 layout/reftests/svg/image/image-filter-01-ref.svg  |     9 +
 layout/reftests/svg/image/image-filter-01.svg      |    21 +
 layout/reftests/svg/image/image-load-01.svg        |    20 +
 layout/reftests/svg/image/image-opacity-01-ref.svg |     5 +
 layout/reftests/svg/image/image-opacity-01.svg     |     6 +
 layout/reftests/svg/image/image-opacity-02-ref.svg |     6 +
 layout/reftests/svg/image/image-opacity-02.svg     |     7 +
 .../image/image-preserveAspectRatio-01-raster.svg  |    13 +
 .../svg/image/image-preserveAspectRatio-01-ref.svg |     9 +
 .../svg/image/image-preserveAspectRatio-01-svg.svg |    12 +
 .../image/image-preserveAspectRatio-02-raster.svg  |    13 +
 .../svg/image/image-preserveAspectRatio-02-ref.svg |     9 +
 .../svg/image/image-preserveAspectRatio-02-svg.svg |    12 +
 .../svg/image/image-preserveAspectRatio-03-ref.svg |    13 +
 .../svg/image/image-preserveAspectRatio-03.svg     |    13 +
 .../svg/image/image-preserveAspectRatio-04-ref.svg |    14 +
 .../svg/image/image-preserveAspectRatio-04.svg     |    13 +
 .../svg/image/image-preserveAspectRatio-05.svg     |    41 +
 layout/reftests/svg/image/image-rotate-01-ref.svg  |     5 +
 layout/reftests/svg/image/image-rotate-01.svg      |     6 +
 layout/reftests/svg/image/image-rotate-02-ref.svg  |     5 +
 layout/reftests/svg/image/image-rotate-02a.svg     |     6 +
 layout/reftests/svg/image/image-rotate-02b.svg     |     7 +
 layout/reftests/svg/image/image-scaling-01.svg     |    26 +
 layout/reftests/svg/image/image-scaling-02.svg     |    26 +
 layout/reftests/svg/image/image-scaling-03.svg     |    19 +
 layout/reftests/svg/image/image-svg-inline-01.html |    16 +
 .../image-svg-inline-sprite-zoom-in-01-ref.html    |     8 +
 .../image/image-svg-inline-sprite-zoom-in-01a.html |    16 +
 .../image/image-svg-inline-sprite-zoom-in-01b.html |    15 +
 .../image-svg-inline-sprite-zoom-out-01-ref.html   |     8 +
 .../image-svg-inline-sprite-zoom-out-01a.html      |    16 +
 .../image-svg-inline-sprite-zoom-out-01b.html      |    15 +
 .../svg/image/image-svg-inline-zoom-in-01a.html    |    17 +
 .../svg/image/image-svg-inline-zoom-in-01b.html    |    16 +
 .../svg/image/image-svg-inline-zoom-in-01c.html    |    18 +
 .../svg/image/image-svg-inline-zoom-in-01d.html    |    18 +
 .../svg/image/image-svg-inline-zoom-out-01a.html   |    16 +
 .../svg/image/image-svg-inline-zoom-out-01b.html   |    16 +
 .../svg/image/image-svg-inline-zoom-out-01c.html   |    17 +
 .../svg/image/image-svg-inline-zoom-out-01d.html   |    17 +
 .../reftests/svg/image/image-translate-01-ref.svg  |     5 +
 layout/reftests/svg/image/image-translate-01.svg   |     6 +
 .../svg/image/image-with-following-content.svg     |    12 +
 .../svg/image/image-with-mask-and-clipPath.svg     |    13 +
 layout/reftests/svg/image/image-x-01-ref.svg       |     5 +
 layout/reftests/svg/image/image-x-01.svg           |     6 +
 layout/reftests/svg/image/image-xy-01-ref.svg      |     5 +
 layout/reftests/svg/image/image-xy-01.svg          |     7 +
 layout/reftests/svg/image/image-y-01-ref.svg       |     5 +
 layout/reftests/svg/image/image-y-01.svg           |     6 +
 layout/reftests/svg/image/image-zoom-02-ref.svg    |     4 +
 layout/reftests/svg/image/image-zoom-02.svg        |     7 +
 layout/reftests/svg/image/imported-image-01.svg    |    12 +
 layout/reftests/svg/image/imported-image-02.svg    |    17 +
 layout/reftests/svg/image/imported-image-ref.svg   |     6 +
 layout/reftests/svg/image/lime-no-dimensions.svg   |     7 +
 layout/reftests/svg/image/lime100x100.png          |   Bin 0 -> 232 bytes
 layout/reftests/svg/image/lime100x100.svg          |     3 +
 layout/reftests/svg/image/reftest.list             |    45 +
 layout/reftests/svg/image/sprite.png               |   Bin 0 -> 5082 bytes
 layout/reftests/svg/image/sprite.svg               |     5 +
 layout/reftests/svg/image/util.js                  |   173 +
 layout/reftests/svg/import-svg-01.html             |    22 +
 layout/reftests/svg/invalid-text-01.svg            |    15 +
 layout/reftests/svg/lang-attribute-01.svg          |    16 +
 layout/reftests/svg/lang-attribute-02.svg          |    16 +
 layout/reftests/svg/lang-attribute-03.svg          |    16 +
 layout/reftests/svg/linearGradient-basic-01.svg    |    18 +
 layout/reftests/svg/linearGradient-basic-02.svg    |    20 +
 .../reftests/svg/linearGradient-basic-03-ref.svg   |    18 +
 layout/reftests/svg/linearGradient-basic-03.svg    |    14 +
 layout/reftests/svg/linked-filter-01.svg           |    18 +
 layout/reftests/svg/linked-pattern-01.svg          |    19 +
 .../svg/load-only/filter-primitives-01.svg         |    19 +
 layout/reftests/svg/load-only/reftest.list         |     3 +
 layout/reftests/svg/marker-attribute-01.svg        |    19 +
 layout/reftests/svg/marker-css-transform-ref.html  |    12 +
 layout/reftests/svg/marker-css-transform.html      |    17 +
 .../reftests/svg/marker-dynamic-opacity-ref.html   |    12 +
 layout/reftests/svg/marker-dynamic-opacity.html    |    20 +
 layout/reftests/svg/marker-effects-01-ref.svg      |    44 +
 layout/reftests/svg/marker-effects-01.svg          |    36 +
 layout/reftests/svg/marker-orientation-01-ref.svg  |    68 +
 layout/reftests/svg/marker-orientation-01.svg      |    63 +
 layout/reftests/svg/marker-orientation-02-ref.svg  |    69 +
 layout/reftests/svg/marker-orientation-02.svg      |    64 +
 layout/reftests/svg/marker-orientation-03.svg      |    15 +
 layout/reftests/svg/marker-orientation-04.svg      |    39 +
 layout/reftests/svg/marker-orientation-05.svg      |    20 +
 layout/reftests/svg/marker-viewBox-01-ref.svg      |    15 +
 layout/reftests/svg/marker-viewBox-01.svg          |    19 +
 .../svg/markers-and-group-opacity-01-ref.svg       |     4 +
 .../reftests/svg/markers-and-group-opacity-01.svg  |    17 +
 layout/reftests/svg/mask-and-clipPath-2.svg        |    21 +
 layout/reftests/svg/mask-and-clipPath-ref.html     |    34 +
 layout/reftests/svg/mask-and-clipPath.html         |    36 +
 layout/reftests/svg/mask-basic-01.svg              |    13 +
 layout/reftests/svg/mask-basic-02-ref.svg          |    11 +
 layout/reftests/svg/mask-basic-02.svg              |    17 +
 layout/reftests/svg/mask-basic-03.svg              |    19 +
 layout/reftests/svg/mask-basic-04.svg              |    18 +
 layout/reftests/svg/mask-basic-05.svg              |    12 +
 .../svg/mask-containing-masked-content-01.svg      |    19 +
 layout/reftests/svg/mask-contains-inner-svg-01.svg |    13 +
 layout/reftests/svg/mask-contains-inner-svg-02.svg |    15 +
 layout/reftests/svg/mask-css-transform-ref.html    |     9 +
 layout/reftests/svg/mask-css-transform.html        |    19 +
 layout/reftests/svg/mask-empty-size.svg            |     8 +
 layout/reftests/svg/mask-extref-dataURI-01.svg     |    38 +
 .../svg/mask-image-filter-transform-ref.html       |     7 +
 .../reftests/svg/mask-image-filter-transform.html  |     9 +
 layout/reftests/svg/mask-img-ref.html              |    31 +
 layout/reftests/svg/mask-img.html                  |    32 +
 layout/reftests/svg/mask-invalidation-ref.html     |     5 +
 layout/reftests/svg/mask-invalidation.html         |    24 +
 .../reftests/svg/mask-on-outflowElement-01a.html   |    47 +
 .../reftests/svg/mask-on-outflowElement-01b.html   |    40 +
 layout/reftests/svg/mask-on-outflowElement.svg     |     6 +
 layout/reftests/svg/mask-opacity-01-ref.svg        |     3 +
 layout/reftests/svg/mask-opacity-01.svg            |    12 +
 layout/reftests/svg/mask-opacity-02-ref.svg        |     5 +
 layout/reftests/svg/mask-opacity-02.svg            |    20 +
 layout/reftests/svg/mask-opacity-03.svg            |    20 +
 layout/reftests/svg/mask-opacity-04.svg            |    20 +
 layout/reftests/svg/mask-opacity-05.svg            |    20 +
 .../svg/mask-opacity-invalidation-1-ref.html       |    27 +
 .../reftests/svg/mask-opacity-invalidation-1.html  |    41 +
 layout/reftests/svg/mask-ref-loop-01.svg           |    20 +
 layout/reftests/svg/mask-resource-ref.html         |    11 +
 layout/reftests/svg/mask-resource.html             |    11 +
 layout/reftests/svg/mask-root-svg.svg              |     9 +
 layout/reftests/svg/mask-transformed-01-ref.svg    |     8 +
 layout/reftests/svg/mask-transformed-01.svg        |    17 +
 layout/reftests/svg/mask-transformed-02.svg        |    19 +
 .../reftests/svg/mask-transformed-child-01-ref.svg |     8 +
 layout/reftests/svg/mask-transformed-child-01.svg  |    11 +
 layout/reftests/svg/mask-type-01-ref.svg           |    12 +
 layout/reftests/svg/mask-type-01.svg               |    15 +
 layout/reftests/svg/mask-type-02.svg               |    15 +
 layout/reftests/svg/mask-type-03.svg               |    23 +
 layout/reftests/svg/mask-type-04.svg               |    16 +
 layout/reftests/svg/mask-use-element-01.svg        |    12 +
 layout/reftests/svg/moz-only/big.png               |   Bin 0 -> 82 bytes
 .../reftests/svg/moz-only/feImage-zoom-01-ref.svg  |    13 +
 layout/reftests/svg/moz-only/feImage-zoom-01a.svg  |    16 +
 layout/reftests/svg/moz-only/feImage-zoom-01b.svg  |    16 +
 .../svg/moz-only/foreignObject-zoom-01.svg         |    34 +
 layout/reftests/svg/moz-only/pass-black.svg        |     8 +
 layout/reftests/svg/moz-only/pass.svg              |     8 +
 layout/reftests/svg/moz-only/reftest.list          |     7 +
 .../svg/moz-only/replaced-element-zoom-01.html     |    39 +
 layout/reftests/svg/moz-only/small.png             |   Bin 0 -> 85 bytes
 .../reftests/svg/moz-only/zoom-invalidation-01.svg |    26 +
 .../moz-only/zoomed-svg-with-viewBox-01-ref.svg    |    13 +
 .../svg/moz-only/zoomed-svg-with-viewBox-01.svg    |    14 +
 layout/reftests/svg/nested-mask-mode.svg           |    13 +
 layout/reftests/svg/nested-viewBox-01.svg          |    21 +
 layout/reftests/svg/nesting-invalid-01-ref.svg     |    12 +
 layout/reftests/svg/nesting-invalid-01.js          |    35 +
 layout/reftests/svg/nesting-invalid-01.svg         |    20 +
 layout/reftests/svg/non-scaling-stroke-01-ref.svg  |    33 +
 layout/reftests/svg/non-scaling-stroke-01.svg      |    36 +
 layout/reftests/svg/non-scaling-stroke-02-ref.svg  |    33 +
 layout/reftests/svg/non-scaling-stroke-02.svg      |    36 +
 layout/reftests/svg/non-scaling-stroke-03-ref.svg  |     7 +
 layout/reftests/svg/non-scaling-stroke-03.svg      |    23 +
 .../svg/non-scaling-stroke-css-transform-ref.html  |     3 +
 .../svg/non-scaling-stroke-css-transform.html      |     8 +
 .../svg/objectBoundingBox-and-clipPath.svg         |    25 +
 .../objectBoundingBox-and-fePointLight-01-ref.svg  |    23 +
 .../svg/objectBoundingBox-and-fePointLight-01.svg  |    23 +
 .../objectBoundingBox-and-fePointLight-02-ref.svg  |    22 +
 .../svg/objectBoundingBox-and-fePointLight-02.svg  |    22 +
 .../reftests/svg/objectBoundingBox-and-mask-02.svg |    17 +
 layout/reftests/svg/objectBoundingBox-and-mask.svg |    25 +
 .../svg/objectBoundingBox-and-pattern-01-ref.svg   |    12 +
 .../svg/objectBoundingBox-and-pattern-01a.svg      |    18 +
 .../svg/objectBoundingBox-and-pattern-01b.svg      |    19 +
 .../svg/objectBoundingBox-and-pattern-01c.svg      |    19 +
 .../svg/objectBoundingBox-and-pattern-02.svg       |    24 +
 .../svg/objectBoundingBox-and-pattern-03-ref.svg   |     9 +
 .../svg/objectBoundingBox-and-pattern-03.svg       |    17 +
 layout/reftests/svg/opacity-and-gradient-01.svg    |    35 +
 .../reftests/svg/opacity-and-gradient-02-ref.svg   |    34 +
 layout/reftests/svg/opacity-and-gradient-02.svg    |    42 +
 layout/reftests/svg/opacity-and-pattern-01.svg     |    36 +
 .../reftests/svg/opacity-and-transform-01-ref.svg  |     7 +
 layout/reftests/svg/opacity-and-transform-01.svg   |    22 +
 .../svg/outer-svg-border-and-padding-01-ref.svg    |     9 +
 .../svg/outer-svg-border-and-padding-01.svg        |    58 +
 layout/reftests/svg/outline-ref.html               |    93 +
 layout/reftests/svg/outline.html                   |    57 +
 .../reftests/svg/overflow-on-outer-svg-01-ref.svg  |     7 +
 layout/reftests/svg/overflow-on-outer-svg-01.svg   |    11 +
 .../svg/overflow-on-outer-svg-02-ref.xhtml         |    10 +
 .../reftests/svg/overflow-on-outer-svg-02a.xhtml   |    16 +
 .../reftests/svg/overflow-on-outer-svg-02b.xhtml   |    16 +
 .../reftests/svg/overflow-on-outer-svg-02c.xhtml   |    16 +
 .../reftests/svg/overflow-on-outer-svg-02d.xhtml   |    28 +
 .../svg/overflow-on-outer-svg-03-ref.xhtml         |    10 +
 .../reftests/svg/overflow-on-outer-svg-03a.xhtml   |    16 +
 .../reftests/svg/overflow-on-outer-svg-03b.xhtml   |    28 +
 .../reftests/svg/overflow-visible-image-ref.html   |    10 +
 layout/reftests/svg/overflow-visible-image.html    |    10 +
 layout/reftests/svg/paint-on-maskLayer-1-ref.html  |    11 +
 layout/reftests/svg/paint-on-maskLayer-1a.html     |    34 +
 layout/reftests/svg/paint-on-maskLayer-1b.html     |    34 +
 layout/reftests/svg/paint-on-maskLayer-1c.html     |    27 +
 layout/reftests/svg/paint-order-01-ref.svg         |    32 +
 layout/reftests/svg/paint-order-01.svg             |    18 +
 layout/reftests/svg/paint-order-02-ref.svg         |    36 +
 layout/reftests/svg/paint-order-02.svg             |    25 +
 layout/reftests/svg/paint-order-03-ref.svg         |    32 +
 layout/reftests/svg/paint-order-03.svg             |    20 +
 layout/reftests/svg/pass.svg                       |     8 +
 layout/reftests/svg/path-01-ref.svg                |    11 +
 layout/reftests/svg/path-01.svg                    |    11 +
 layout/reftests/svg/path-02.svg                    |    15 +
 layout/reftests/svg/path-04.svg                    |    33 +
 layout/reftests/svg/path-05.svg                    |    26 +
 layout/reftests/svg/path-06-ref.svg                |    13 +
 layout/reftests/svg/path-06.svg                    |    13 +
 layout/reftests/svg/path-07-ref.svg                |    17 +
 layout/reftests/svg/path-07.svg                    |    17 +
 layout/reftests/svg/path-08.svg                    |    14 +
 layout/reftests/svg/path-transform-box.svg         |    16 +
 layout/reftests/svg/pathLength-01.svg              |    12 +
 layout/reftests/svg/pathLength-02.svg              |    13 +
 layout/reftests/svg/pattern-basic-01.svg           |    18 +
 layout/reftests/svg/pattern-big-image-ref.html     |     5 +
 layout/reftests/svg/pattern-big-image.html         |    10 +
 layout/reftests/svg/pattern-css-transform-ref.html |    10 +
 layout/reftests/svg/pattern-css-transform.html     |    20 +
 layout/reftests/svg/pattern-invalid-01-ref.svg     |     8 +
 layout/reftests/svg/pattern-invalid-01.svg         |    14 +
 layout/reftests/svg/pattern-live-01-ref.svg        |    10 +
 layout/reftests/svg/pattern-live-01a.svg           |    24 +
 layout/reftests/svg/pattern-live-01b.svg           |    23 +
 layout/reftests/svg/pattern-live-01c.svg           |    27 +
 layout/reftests/svg/pattern-scale-01-ref.svg       |    13 +
 layout/reftests/svg/pattern-scale-01a.svg          |    13 +
 layout/reftests/svg/pattern-scale-01b.svg          |    15 +
 layout/reftests/svg/pattern-scale-01c.svg          |    13 +
 .../svg/pattern-transform-presence-01-ref.svg      |    25 +
 .../reftests/svg/pattern-transform-presence-01.svg |    58 +
 layout/reftests/svg/pattern-transformed-01-ref.svg |    21 +
 layout/reftests/svg/pattern-transformed-01.svg     |    28 +
 layout/reftests/svg/pattern-transformed-02-ref.svg |    20 +
 layout/reftests/svg/pattern-transformed-02.svg     |    29 +
 layout/reftests/svg/polygon-01-ref.svg             |    12 +
 layout/reftests/svg/polygon-01.svg                 |    13 +
 layout/reftests/svg/polygon-marker-01.svg          |    22 +
 layout/reftests/svg/polygon-points-negative-01.svg |    20 +
 layout/reftests/svg/polyline-points-invalid-01.svg |    50 +
 layout/reftests/svg/pseudo-classes-01.svg          |    43 +
 layout/reftests/svg/pseudo-classes-02-ref.svg      |    22 +
 layout/reftests/svg/pseudo-classes-02.svg          |    48 +
 layout/reftests/svg/radialGradient-basic-01.svg    |    18 +
 layout/reftests/svg/radialGradient-basic-02.svg    |    20 +
 .../reftests/svg/radialGradient-basic-03-ref.html  |    37 +
 layout/reftests/svg/radialGradient-basic-03.svg    |    34 +
 layout/reftests/svg/radialGradient-basic-04.svg    |    24 +
 layout/reftests/svg/radialGradient-fr-01.svg       |    27 +
 layout/reftests/svg/radialGradient-fr-02-ref.svg   |    28 +
 layout/reftests/svg/radialGradient-fr-02.svg       |    27 +
 layout/reftests/svg/rect-01.svg                    |    13 +
 layout/reftests/svg/rect-02.svg                    |    16 +
 layout/reftests/svg/rect-03.svg                    |    14 +
 layout/reftests/svg/rect-04.svg                    |    18 +
 layout/reftests/svg/rect-with-rx-and-ry-01.svg     |    21 +
 layout/reftests/svg/rect-with-rx-or-ry-01-ref.svg  |    20 +
 layout/reftests/svg/rect-with-rx-or-ry-01.svg      |    23 +
 layout/reftests/svg/reftest.list                   |   636 +
 layout/reftests/svg/rootElement-null-01.svg        |    29 +
 layout/reftests/svg/script-empty-01.svg            |    14 +
 layout/reftests/svg/selector-01.svg                |    19 +
 layout/reftests/svg/sizing/ahem.css                |     4 +
 .../canvas-drawImage-height-with-no-width-ref.html |    22 +
 .../canvas-drawImage-height-with-no-width.html     |    22 +
 .../canvas-drawImage-no-width-or-height-ref.html   |    20 +
 .../canvas-drawImage-no-width-or-height.html       |    22 +
 .../canvas-drawImage-width-with-no-height-ref.html |    22 +
 .../canvas-drawImage-width-with-no-height.html     |    22 +
 .../svg/sizing/dynamic--inline-css-height.xhtml    |    49 +
 .../svg/sizing/dynamic--inline-css-width.xhtml     |    49 +
 .../dynamic--inline-resize-window-height.xhtml     |    52 +
 .../dynamic--inline-resize-window-width.xhtml      |    52 +
 .../sizing/dynamic--object--auto-auto--pct-px.html |    43 +
 .../svg/sizing/dynamic--object-svg-unloaded-a.svg  |    40 +
 .../sizing/dynamic--object-svg-unloaded-b.xhtml    |    37 +
 .../svg/sizing/dynamic--object-svg-unloaded.xhtml  |    48 +
 .../svg/sizing/inline--display-block--01-ref.xhtml |    40 +
 .../svg/sizing/inline--display-block--01.xhtml     |    47 +
 .../sizing/inline--display-inline--01-ref.xhtml    |    40 +
 .../svg/sizing/inline--display-inline--01.xhtml    |    47 +
 .../inline--display-inline-block--01-ref.xhtml     |    40 +
 .../sizing/inline--display-inline-block--01.xhtml  |    47 +
 .../svg/sizing/inline--float-left--01-ref.xhtml    |    39 +
 .../svg/sizing/inline--float-left--01.xhtml        |    46 +
 .../svg/sizing/inline--float-right--01-ref.xhtml   |    39 +
 .../svg/sizing/inline--float-right--01.xhtml       |    46 +
 .../sizing/inline--position-absolute--01-ref.xhtml |    39 +
 .../svg/sizing/inline--position-absolute--01.xhtml |    46 +
 .../svg/sizing/inline--position-absolute--02.xhtml |    50 +
 .../sizing/inline--position-relative--01-ref.xhtml |    40 +
 .../svg/sizing/inline--position-relative--01.xhtml |    47 +
 .../svg/sizing/object--auto-auto--0-0.html         |    42 +
 .../reftests/svg/sizing/object--auto-auto--0-0.svg |    13 +
 .../svg/sizing/object--auto-auto--0-pct--ref.html  |    37 +
 .../svg/sizing/object--auto-auto--0-pct.html       |    44 +
 .../svg/sizing/object--auto-auto--0-pct.svg        |    13 +
 .../svg/sizing/object--auto-auto--0-px--ref.html   |    37 +
 .../svg/sizing/object--auto-auto--0-px.html        |    44 +
 .../svg/sizing/object--auto-auto--0-px.svg         |    13 +
 .../svg/sizing/object--auto-auto--pct-0--ref.html  |    37 +
 .../svg/sizing/object--auto-auto--pct-0.html       |    44 +
 .../svg/sizing/object--auto-auto--pct-0.svg        |    13 +
 .../sizing/object--auto-auto--pct-pct--ref.html    |    38 +
 .../svg/sizing/object--auto-auto--pct-pct.html     |    42 +
 .../svg/sizing/object--auto-auto--pct-pct.svg      |    13 +
 .../svg/sizing/object--auto-auto--pct-px--ref.html |    38 +
 .../svg/sizing/object--auto-auto--pct-px.html      |    42 +
 .../svg/sizing/object--auto-auto--pct-px.svg       |    13 +
 .../svg/sizing/object--auto-auto--px-0--ref.html   |    37 +
 .../svg/sizing/object--auto-auto--px-0.html        |    42 +
 .../svg/sizing/object--auto-auto--px-0.svg         |    13 +
 .../svg/sizing/object--auto-auto--px-pct--ref.html |    38 +
 .../svg/sizing/object--auto-auto--px-pct.html      |    42 +
 .../svg/sizing/object--auto-auto--px-pct.svg       |    13 +
 .../svg/sizing/object--auto-auto--px-px--ref.html  |    38 +
 .../svg/sizing/object--auto-auto--px-px.html       |    42 +
 .../svg/sizing/object--auto-auto--px-px.svg        |    13 +
 .../reftests/svg/sizing/object--pct-pct--0-0.html  |    30 +
 layout/reftests/svg/sizing/pass-empty.svg          |     8 +
 .../svg/sizing/pass-pct-height-square.xhtml        |    26 +
 layout/reftests/svg/sizing/pass-pct-pct.xhtml      |    30 +
 layout/reftests/svg/sizing/pass-pct-px.xhtml       |    30 +
 .../svg/sizing/pass-pct-width-square.xhtml         |    22 +
 layout/reftests/svg/sizing/pass-px-pct.xhtml       |    30 +
 layout/reftests/svg/sizing/pass-px-px.xhtml        |    30 +
 layout/reftests/svg/sizing/pass.svg                |     8 +
 layout/reftests/svg/sizing/reftest.list            |   317 +
 .../reftests/svg/sizing/scrollbars-01-anti-ref.svg |    11 +
 layout/reftests/svg/sizing/scrollbars-01.svg       |    13 +
 layout/reftests/svg/sizing/scrollbars-02.svg       |    13 +
 .../reftests/svg/sizing/standalone--0-0--0-0.svg   |    20 +
 .../reftests/svg/sizing/standalone--0-0--0-pct.svg |    20 +
 .../reftests/svg/sizing/standalone--0-0--0-px.svg  |    20 +
 .../reftests/svg/sizing/standalone--0-0--pct-0.svg |    20 +
 .../svg/sizing/standalone--0-0--pct-pct.svg        |    20 +
 .../svg/sizing/standalone--0-0--pct-px.svg         |    20 +
 .../reftests/svg/sizing/standalone--0-0--px-0.svg  |    20 +
 .../svg/sizing/standalone--0-0--px-pct.svg         |    20 +
 .../reftests/svg/sizing/standalone--0-0--px-px.svg |    20 +
 .../svg/sizing/standalone--0-auto--0-0.svg         |    20 +
 .../svg/sizing/standalone--0-auto--0-pct.svg       |    20 +
 .../svg/sizing/standalone--0-auto--0-px.svg        |    20 +
 .../svg/sizing/standalone--0-auto--pct-0.svg       |    20 +
 .../svg/sizing/standalone--0-auto--pct-pct.svg     |    20 +
 .../svg/sizing/standalone--0-auto--pct-px.svg      |    20 +
 .../svg/sizing/standalone--0-auto--px-0.svg        |    20 +
 .../svg/sizing/standalone--0-auto--px-pct.svg      |    20 +
 .../svg/sizing/standalone--0-auto--px-px.svg       |    20 +
 .../reftests/svg/sizing/standalone--0-pct--0-0.svg |    20 +
 .../svg/sizing/standalone--0-pct--0-pct.svg        |    20 +
 .../svg/sizing/standalone--0-pct--0-px.svg         |    20 +
 .../svg/sizing/standalone--0-pct--pct-0.svg        |    20 +
 .../svg/sizing/standalone--0-pct--pct-pct.svg      |    20 +
 .../svg/sizing/standalone--0-pct--pct-px.svg       |    20 +
 .../svg/sizing/standalone--0-pct--px-0.svg         |    20 +
 .../svg/sizing/standalone--0-pct--px-pct.svg       |    20 +
 .../svg/sizing/standalone--0-pct--px-px.svg        |    20 +
 .../reftests/svg/sizing/standalone--0-px--0-0.svg  |    20 +
 .../svg/sizing/standalone--0-px--0-pct.svg         |    20 +
 .../reftests/svg/sizing/standalone--0-px--0-px.svg |    20 +
 .../svg/sizing/standalone--0-px--pct-0.svg         |    20 +
 .../svg/sizing/standalone--0-px--pct-pct.svg       |    20 +
 .../svg/sizing/standalone--0-px--pct-px.svg        |    20 +
 .../reftests/svg/sizing/standalone--0-px--px-0.svg |    20 +
 .../svg/sizing/standalone--0-px--px-pct.svg        |    20 +
 .../svg/sizing/standalone--0-px--px-px.svg         |    20 +
 .../svg/sizing/standalone--auto-0--0-0.svg         |    20 +
 .../svg/sizing/standalone--auto-0--0-pct.svg       |    20 +
 .../svg/sizing/standalone--auto-0--0-px.svg        |    20 +
 .../svg/sizing/standalone--auto-0--pct-0.svg       |    20 +
 .../svg/sizing/standalone--auto-0--pct-pct.svg     |    20 +
 .../svg/sizing/standalone--auto-0--pct-px.svg      |    20 +
 .../svg/sizing/standalone--auto-0--px-0.svg        |    20 +
 .../svg/sizing/standalone--auto-0--px-pct.svg      |    20 +
 .../svg/sizing/standalone--auto-0--px-px.svg       |    20 +
 .../svg/sizing/standalone--auto-auto--0-0.svg      |    21 +
 .../svg/sizing/standalone--auto-auto--0-pct.svg    |    21 +
 .../svg/sizing/standalone--auto-auto--0-px.svg     |    21 +
 .../svg/sizing/standalone--auto-auto--pct-0.svg    |    21 +
 .../svg/sizing/standalone--auto-auto--pct-pct.svg  |    20 +
 .../svg/sizing/standalone--auto-auto--pct-px.svg   |    20 +
 .../svg/sizing/standalone--auto-auto--px-0.svg     |    21 +
 .../svg/sizing/standalone--auto-auto--px-pct.svg   |    20 +
 .../svg/sizing/standalone--auto-auto--px-px.svg    |    20 +
 .../svg/sizing/standalone--auto-pct--0-0.svg       |    22 +
 .../svg/sizing/standalone--auto-pct--0-pct.svg     |    22 +
 .../svg/sizing/standalone--auto-pct--0-px.svg      |    22 +
 .../svg/sizing/standalone--auto-pct--pct-0.svg     |    21 +
 .../standalone--auto-pct--pct-pct--viewBox.svg     |    23 +
 .../svg/sizing/standalone--auto-pct--pct-pct.svg   |    21 +
 .../standalone--auto-pct--pct-px--viewBox.svg      |    23 +
 .../svg/sizing/standalone--auto-pct--pct-px.svg    |    21 +
 .../svg/sizing/standalone--auto-pct--px-0.svg      |    21 +
 .../standalone--auto-pct--px-pct--viewBox.svg      |    23 +
 .../svg/sizing/standalone--auto-pct--px-pct.svg    |    21 +
 .../svg/sizing/standalone--auto-pct--px-px.svg     |    20 +
 .../svg/sizing/standalone--auto-px--0-0.svg        |    22 +
 .../svg/sizing/standalone--auto-px--0-pct.svg      |    22 +
 .../svg/sizing/standalone--auto-px--0-px.svg       |    22 +
 .../svg/sizing/standalone--auto-px--pct-0.svg      |    21 +
 .../standalone--auto-px--pct-pct--viewBox.svg      |    23 +
 .../svg/sizing/standalone--auto-px--pct-pct.svg    |    21 +
 .../standalone--auto-px--pct-px--viewBox.svg       |    23 +
 .../svg/sizing/standalone--auto-px--pct-px.svg     |    21 +
 .../svg/sizing/standalone--auto-px--px-0.svg       |    21 +
 .../standalone--auto-px--px-pct--viewBox.svg       |    23 +
 .../svg/sizing/standalone--auto-px--px-pct.svg     |    21 +
 .../svg/sizing/standalone--auto-px--px-px.svg      |    20 +
 .../reftests/svg/sizing/standalone--pct-0--0-0.svg |    20 +
 .../svg/sizing/standalone--pct-0--0-pct.svg        |    20 +
 .../svg/sizing/standalone--pct-0--0-px.svg         |    20 +
 .../svg/sizing/standalone--pct-0--pct-0.svg        |    20 +
 .../svg/sizing/standalone--pct-0--pct-pct.svg      |    20 +
 .../svg/sizing/standalone--pct-0--pct-px.svg       |    20 +
 .../svg/sizing/standalone--pct-0--px-0.svg         |    20 +
 .../svg/sizing/standalone--pct-0--px-pct.svg       |    20 +
 .../svg/sizing/standalone--pct-0--px-px.svg        |    20 +
 .../svg/sizing/standalone--pct-auto--0-0.svg       |    22 +
 .../svg/sizing/standalone--pct-auto--0-pct.svg     |    21 +
 .../svg/sizing/standalone--pct-auto--0-px.svg      |    21 +
 .../svg/sizing/standalone--pct-auto--pct-0.svg     |    22 +
 .../standalone--pct-auto--pct-pct--viewBox.svg     |    23 +
 .../svg/sizing/standalone--pct-auto--pct-pct.svg   |    21 +
 .../standalone--pct-auto--pct-px--viewBox.svg      |    23 +
 .../svg/sizing/standalone--pct-auto--pct-px.svg    |    21 +
 .../svg/sizing/standalone--pct-auto--px-0.svg      |    22 +
 .../standalone--pct-auto--px-pct--viewBox.svg      |    23 +
 .../svg/sizing/standalone--pct-auto--px-pct.svg    |    21 +
 .../svg/sizing/standalone--pct-auto--px-px.svg     |    20 +
 .../svg/sizing/standalone--pct-pct--0-0.svg        |    20 +
 .../svg/sizing/standalone--pct-pct--0-pct.svg      |    20 +
 .../svg/sizing/standalone--pct-pct--0-px.svg       |    20 +
 .../svg/sizing/standalone--pct-pct--pct-0.svg      |    20 +
 .../svg/sizing/standalone--pct-pct--pct-pct.svg    |    20 +
 .../svg/sizing/standalone--pct-pct--pct-px.svg     |    20 +
 .../svg/sizing/standalone--pct-pct--px-0.svg       |    20 +
 .../svg/sizing/standalone--pct-pct--px-pct.svg     |    20 +
 .../svg/sizing/standalone--pct-pct--px-px.svg      |    20 +
 .../svg/sizing/standalone--pct-px--0-0.svg         |    20 +
 .../svg/sizing/standalone--pct-px--0-pct.svg       |    20 +
 .../svg/sizing/standalone--pct-px--0-px.svg        |    20 +
 .../svg/sizing/standalone--pct-px--pct-0.svg       |    20 +
 .../svg/sizing/standalone--pct-px--pct-pct.svg     |    20 +
 .../svg/sizing/standalone--pct-px--pct-px.svg      |    20 +
 .../svg/sizing/standalone--pct-px--px-0.svg        |    20 +
 .../svg/sizing/standalone--pct-px--px-pct.svg      |    20 +
 .../svg/sizing/standalone--pct-px--px-px.svg       |    20 +
 .../reftests/svg/sizing/standalone--px-0--0-0.svg  |    20 +
 .../svg/sizing/standalone--px-0--0-pct.svg         |    20 +
 .../reftests/svg/sizing/standalone--px-0--0-px.svg |    20 +
 .../svg/sizing/standalone--px-0--pct-0.svg         |    20 +
 .../svg/sizing/standalone--px-0--pct-pct.svg       |    20 +
 .../svg/sizing/standalone--px-0--pct-px.svg        |    20 +
 .../reftests/svg/sizing/standalone--px-0--px-0.svg |    20 +
 .../svg/sizing/standalone--px-0--px-pct.svg        |    20 +
 .../svg/sizing/standalone--px-0--px-px.svg         |    20 +
 .../svg/sizing/standalone--px-auto--0-0.svg        |    22 +
 .../svg/sizing/standalone--px-auto--0-pct.svg      |    21 +
 .../svg/sizing/standalone--px-auto--0-px.svg       |    21 +
 .../svg/sizing/standalone--px-auto--pct-0.svg      |    22 +
 .../standalone--px-auto--pct-pct--viewBox.svg      |    23 +
 .../svg/sizing/standalone--px-auto--pct-pct.svg    |    21 +
 .../standalone--px-auto--pct-px--viewBox.svg       |    23 +
 .../svg/sizing/standalone--px-auto--pct-px.svg     |    21 +
 .../svg/sizing/standalone--px-auto--px-0.svg       |    22 +
 .../standalone--px-auto--px-pct--viewBox.svg       |    23 +
 .../svg/sizing/standalone--px-auto--px-pct.svg     |    21 +
 .../svg/sizing/standalone--px-auto--px-px.svg      |    20 +
 .../svg/sizing/standalone--px-pct--0-0.svg         |    20 +
 .../svg/sizing/standalone--px-pct--0-pct.svg       |    20 +
 .../svg/sizing/standalone--px-pct--0-px.svg        |    20 +
 .../svg/sizing/standalone--px-pct--pct-0.svg       |    20 +
 .../svg/sizing/standalone--px-pct--pct-pct.svg     |    20 +
 .../svg/sizing/standalone--px-pct--pct-px.svg      |    20 +
 .../svg/sizing/standalone--px-pct--px-0.svg        |    20 +
 .../svg/sizing/standalone--px-pct--px-pct.svg      |    20 +
 .../svg/sizing/standalone--px-pct--px-px.svg       |    20 +
 .../reftests/svg/sizing/standalone--px-px--0-0.svg |    20 +
 .../svg/sizing/standalone--px-px--0-pct.svg        |    20 +
 .../svg/sizing/standalone--px-px--0-px.svg         |    20 +
 .../svg/sizing/standalone--px-px--pct-0.svg        |    20 +
 .../svg/sizing/standalone--px-px--pct-pct.svg      |    20 +
 .../svg/sizing/standalone--px-px--pct-px.svg       |    20 +
 .../svg/sizing/standalone--px-px--px-0.svg         |    20 +
 .../svg/sizing/standalone--px-px--px-pct.svg       |    20 +
 .../svg/sizing/standalone--px-px--px-px.svg        |    20 +
 .../svg/sizing/standalone-sanity-height-150px.svg  |     8 +
 .../svg/sizing/standalone-sanity-height-pct.svg    |     8 +
 .../svg/sizing/standalone-sanity-height-px.svg     |     8 +
 .../svg/sizing/standalone-sanity-width-300px.svg   |     8 +
 .../svg/sizing/standalone-sanity-width-pct.svg     |     8 +
 .../svg/sizing/standalone-sanity-width-px.svg      |     8 +
 layout/reftests/svg/sizing/svg-image-util.js       |    74 +
 .../reftests/svg/smil/anim-additive-fallback-1.svg |    14 +
 ...isplay-block-for-dynamically-appended-elem.html |    37 +
 ...anim-change-display-none-for-ancestor-elem.html |    25 +
 ...display-none-for-dynamically-appended-elem.html |    33 +
 .../anim-change-display-none-for-target-elem.html  |    25 +
 layout/reftests/svg/smil/anim-class-01.svg         |    23 +
 layout/reftests/svg/smil/anim-class-02.svg         |    22 +
 layout/reftests/svg/smil/anim-class-03.svg         |    22 +
 layout/reftests/svg/smil/anim-class-04-ref.svg     |     8 +
 layout/reftests/svg/smil/anim-class-04.svg         |    21 +
 .../svg/smil/anim-clipPath-viewBox-ref.svg         |     5 +
 layout/reftests/svg/smil/anim-clipPath-viewBox.svg |    12 +
 layout/reftests/svg/smil/anim-conditions-01.svg    |    12 +
 layout/reftests/svg/smil/anim-conditions-02.svg    |    12 +
 layout/reftests/svg/smil/anim-defs-fill.svg        |    22 +
 .../svg/smil/anim-defs-gradient-attribute.svg      |    25 +
 .../svg/smil/anim-defs-gradient-property.svg       |    25 +
 layout/reftests/svg/smil/anim-defs-width.svg       |    22 +
 .../svg/smil/anim-discrete-replace-sum-1.svg       |    12 +
 .../reftests/svg/smil/anim-discrete-sum-none-1.svg |    12 +
 .../reftests/svg/smil/anim-discrete-sum-sum-1.svg  |    12 +
 layout/reftests/svg/smil/anim-discrete-to-1.svg    |    10 +
 layout/reftests/svg/smil/anim-discrete-to-2.svg    |    10 +
 layout/reftests/svg/smil/anim-discrete-to-3.svg    |    10 +
 layout/reftests/svg/smil/anim-discrete-to-4.svg    |    10 +
 .../reftests/svg/smil/anim-discrete-values-1.svg   |    10 +
 .../reftests/svg/smil/anim-discrete-values-2.svg   |    31 +
 .../reftests/svg/smil/anim-discrete-values-3.svg   |    21 +
 .../svg/smil/anim-display-in-g-element.svg         |    23 +
 layout/reftests/svg/smil/anim-display.svg          |    20 +
 .../svg/smil/anim-feComponentTransfer-01.svg       |    32 +
 .../svg/smil/anim-feComposite-operator-01.svg      |    38 +
 .../smil/anim-feConvolveMatrix-order-01-ref.svg    |    20 +
 .../svg/smil/anim-feConvolveMatrix-order-01.svg    |    53 +
 .../anim-feConvolveMatrix-preserveAlpha-01.svg     |    41 +
 .../svg/smil/anim-feDistantLight-01-ref.svg        |    17 +
 .../reftests/svg/smil/anim-feDistantLight-01.svg   |    25 +
 .../svg/smil/anim-feFuncR-tableValues-01-ref.svg   |    52 +
 .../svg/smil/anim-feFuncR-tableValues-01.svg       |   101 +
 .../reftests/svg/smil/anim-feGaussianBlur-01.svg   |    25 +
 .../smil/anim-feImage-preserveAspectRatio-01.svg   |    31 +
 layout/reftests/svg/smil/anim-feOffset-01.svg      |    34 +
 .../reftests/svg/smil/anim-feSpotLight-01-ref.svg  |    18 +
 layout/reftests/svg/smil/anim-feSpotLight-01.svg   |    26 +
 .../smil/anim-feTurbulence-numOctaves-01-ref.svg   |    26 +
 .../svg/smil/anim-feTurbulence-numOctaves-01.svg   |   217 +
 .../svg/smil/anim-feTurbulence-numOctaves-02.svg   |   202 +
 .../svg/smil/anim-fill-overpaintserver-1.svg       |    10 +
 .../svg/smil/anim-fill-overpaintserver-2.svg       |    18 +
 layout/reftests/svg/smil/anim-fillcolor-1.svg      |    10 +
 layout/reftests/svg/smil/anim-fillopacity-1css.svg |    10 +
 .../reftests/svg/smil/anim-fillopacity-1none.svg   |    10 +
 layout/reftests/svg/smil/anim-fillopacity-1xml.svg |    10 +
 .../svg/smil/anim-filter-filterUnits-01.svg        |    42 +
 layout/reftests/svg/smil/anim-filter-href-01.svg   |    34 +
 .../svg/smil/anim-filter-primitive-size-01.svg     |    32 +
 layout/reftests/svg/smil/anim-filter-size-01.svg   |    31 +
 .../smil/anim-gradient-attr-presence-01-ref.svg    |   142 +
 .../svg/smil/anim-gradient-attr-presence-01.svg    |   193 +
 layout/reftests/svg/smil/anim-gradient-href-01.svg |    29 +
 layout/reftests/svg/smil/anim-height-done-1a.svg   |    11 +
 layout/reftests/svg/smil/anim-height-done-1b.svg   |    11 +
 layout/reftests/svg/smil/anim-height-done-2.svg    |    12 +
 .../reftests/svg/smil/anim-height-interp-1-ref.svg |     3 +
 layout/reftests/svg/smil/anim-height-interp-1.svg  |    10 +
 .../reftests/svg/smil/anim-height-interp-2-ref.svg |     3 +
 layout/reftests/svg/smil/anim-height-interp-2.svg  |    10 +
 .../reftests/svg/smil/anim-height-interp-3-ref.svg |     3 +
 layout/reftests/svg/smil/anim-height-interp-3.svg  |    10 +
 .../reftests/svg/smil/anim-height-interp-4-ref.svg |     3 +
 layout/reftests/svg/smil/anim-height-interp-4.svg  |    10 +
 .../reftests/svg/smil/anim-height-interp-5-ref.svg |     3 +
 layout/reftests/svg/smil/anim-height-interp-5.svg  |    10 +
 .../reftests/svg/smil/anim-height-interp-6-ref.svg |     3 +
 layout/reftests/svg/smil/anim-height-interp-6.svg  |    10 +
 layout/reftests/svg/smil/anim-image-href-01.svg    |    22 +
 layout/reftests/svg/smil/anim-indefinite-to-1.svg  |     7 +
 layout/reftests/svg/smil/anim-indefinite-to-2.svg  |     8 +
 layout/reftests/svg/smil/anim-indefinite-to-3.svg  |     8 +
 layout/reftests/svg/smil/anim-indefinite-to-4.svg  |    14 +
 layout/reftests/svg/smil/anim-length-reset-01.svg  |    22 +
 layout/reftests/svg/smil/anim-marker-orient-01.svg |    38 +
 layout/reftests/svg/smil/anim-marker-orient-02.svg |    38 +
 .../svg/smil/anim-nonpixel-length-reset-01.svg     |    22 +
 layout/reftests/svg/smil/anim-offset-01.svg        |    52 +
 layout/reftests/svg/smil/anim-opacity-01.svg       |    23 +
 .../svg/smil/anim-overflow-shorthand-ref.svg       |    11 +
 .../reftests/svg/smil/anim-overflow-shorthand.svg  |    19 +
 .../reftests/svg/smil/anim-paintserver-1-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-paintserver-1.svg    |    86 +
 layout/reftests/svg/smil/anim-path-d-01-ref.svg    |   134 +
 layout/reftests/svg/smil/anim-path-d-01.svg        |   340 +
 .../reftests/svg/smil/anim-pathLength-01-ref.svg   |    14 +
 layout/reftests/svg/smil/anim-pathLength-01.svg    |    35 +
 .../svg/smil/anim-pattern-attr-presence-01-ref.svg |   133 +
 .../svg/smil/anim-pattern-attr-presence-01.svg     |   175 +
 layout/reftests/svg/smil/anim-pattern-href-01.svg  |    28 +
 .../svg/smil/anim-polygon-points-01-ref.svg        |    17 +
 .../reftests/svg/smil/anim-polygon-points-01.svg   |    73 +
 .../svg/smil/anim-polyline-points-01-ref.svg       |    17 +
 .../reftests/svg/smil/anim-polyline-points-01.svg  |    73 +
 layout/reftests/svg/smil/anim-rect-rxry-1-ref.svg  |    25 +
 layout/reftests/svg/smil/anim-rect-rxry-1.svg      |    65 +
 layout/reftests/svg/smil/anim-remove-1.svg         |    23 +
 layout/reftests/svg/smil/anim-remove-2.svg         |    23 +
 layout/reftests/svg/smil/anim-remove-3.svg         |    22 +
 layout/reftests/svg/smil/anim-remove-4.svg         |    22 +
 layout/reftests/svg/smil/anim-remove-5.svg         |    24 +
 layout/reftests/svg/smil/anim-remove-6.svg         |    25 +
 layout/reftests/svg/smil/anim-remove-7.svg         |    23 +
 layout/reftests/svg/smil/anim-remove-8css.svg      |    35 +
 layout/reftests/svg/smil/anim-remove-8xml.svg      |    34 +
 layout/reftests/svg/smil/anim-remove-9.svg         |    27 +
 layout/reftests/svg/smil/anim-retarget-1.svg       |    25 +
 layout/reftests/svg/smil/anim-retarget-2.svg       |    25 +
 layout/reftests/svg/smil/anim-retarget-3.svg       |    23 +
 layout/reftests/svg/smil/anim-retarget-4.svg       |    25 +
 layout/reftests/svg/smil/anim-retarget-5.svg       |    25 +
 layout/reftests/svg/smil/anim-retarget-6.svg       |    23 +
 layout/reftests/svg/smil/anim-retarget-7.svg       |    24 +
 layout/reftests/svg/smil/anim-retarget-8.svg       |    24 +
 layout/reftests/svg/smil/anim-standard-ref.html    |     9 +
 layout/reftests/svg/smil/anim-standard-ref.svg     |     3 +
 layout/reftests/svg/smil/anim-strokecolor-1.svg    |    12 +
 layout/reftests/svg/smil/anim-strokewidth-1xml.svg |    11 +
 .../svg/smil/anim-svg-preserveAspectRatio-01.svg   |    40 +
 layout/reftests/svg/smil/anim-svg-viewBox-01.svg   |    32 +
 layout/reftests/svg/smil/anim-svg-viewBox-02.svg   |    22 +
 layout/reftests/svg/smil/anim-svg-viewBox-03.svg   |    18 +
 layout/reftests/svg/smil/anim-targethref-1.svg     |    10 +
 layout/reftests/svg/smil/anim-targethref-10.svg    |     9 +
 layout/reftests/svg/smil/anim-targethref-2.svg     |    18 +
 layout/reftests/svg/smil/anim-targethref-3.svg     |    15 +
 layout/reftests/svg/smil/anim-targethref-4.svg     |    20 +
 layout/reftests/svg/smil/anim-targethref-5.svg     |    21 +
 layout/reftests/svg/smil/anim-targethref-6.svg     |    18 +
 layout/reftests/svg/smil/anim-targethref-7.svg     |    18 +
 layout/reftests/svg/smil/anim-targethref-8.svg     |    20 +
 layout/reftests/svg/smil/anim-targethref-9.svg     |    19 +
 layout/reftests/svg/smil/anim-text-attr-01-ref.svg |    31 +
 layout/reftests/svg/smil/anim-text-attr-01.svg     |    61 +
 .../reftests/svg/smil/anim-text-rotate-01-ref.svg  |     9 +
 layout/reftests/svg/smil/anim-text-rotate-01.svg   |    73 +
 .../svg/smil/anim-text-x-y-dx-dy-01-ref.svg        |    32 +
 .../reftests/svg/smil/anim-text-x-y-dx-dy-01.svg   |   222 +
 layout/reftests/svg/smil/anim-use-href-01.svg      |    29 +
 layout/reftests/svg/smil/anim-use-length-01.svg    |    38 +
 layout/reftests/svg/smil/anim-use-length-02.svg    |    37 +
 layout/reftests/svg/smil/anim-view-01.svg          |    34 +
 layout/reftests/svg/smil/anim-width-done-1a.svg    |    11 +
 layout/reftests/svg/smil/anim-width-done-1b.svg    |    11 +
 layout/reftests/svg/smil/anim-x-done-1a.svg        |    10 +
 layout/reftests/svg/smil/anim-x-done-1b.svg        |    10 +
 layout/reftests/svg/smil/anim-x-interp-1-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-x-interp-1.svg       |    10 +
 layout/reftests/svg/smil/anim-x-interp-2-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-x-interp-2.svg       |    10 +
 layout/reftests/svg/smil/anim-x-interp-3-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-x-interp-3.svg       |    10 +
 layout/reftests/svg/smil/anim-x-interp-4-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-x-interp-4.svg       |    10 +
 layout/reftests/svg/smil/anim-x-interp-5-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-x-interp-5.svg       |    10 +
 layout/reftests/svg/smil/anim-x-interp-6-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-x-interp-6.svg       |    10 +
 layout/reftests/svg/smil/anim-y-done-1a.svg        |    10 +
 layout/reftests/svg/smil/anim-y-done-1b.svg        |    10 +
 layout/reftests/svg/smil/anim-y-interp-1-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-y-interp-1.svg       |    10 +
 layout/reftests/svg/smil/anim-y-interp-2-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-y-interp-2.svg       |    10 +
 layout/reftests/svg/smil/anim-y-interp-3-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-y-interp-3.svg       |    10 +
 layout/reftests/svg/smil/anim-y-interp-4-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-y-interp-4.svg       |    10 +
 layout/reftests/svg/smil/anim-y-interp-5-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-y-interp-5.svg       |    10 +
 layout/reftests/svg/smil/anim-y-interp-6-ref.svg   |     3 +
 layout/reftests/svg/smil/anim-y-interp-6.svg       |    10 +
 layout/reftests/svg/smil/api-sanity-1.svg          |    33 +
 .../svg/smil/container/deferred-anim-1-ref.xhtml   |    12 +
 .../svg/smil/container/deferred-anim-1.xhtml       |    70 +
 .../svg/smil/container/deferred-tree-1-ref.xhtml   |    15 +
 .../svg/smil/container/deferred-tree-1.xhtml       |    87 +
 .../svg/smil/container/deferred-tree-2-ref.xhtml   |    17 +
 .../svg/smil/container/deferred-tree-2a.xhtml      |    44 +
 .../svg/smil/container/deferred-tree-2b.xhtml      |    44 +
 .../svg/smil/container/deferred-tree-3-ref.xhtml   |    17 +
 .../svg/smil/container/deferred-tree-3a.xhtml      |    35 +
 .../svg/smil/container/deferred-tree-3b.xhtml      |    35 +
 .../svg/smil/container/deferred-tree-3c.xhtml      |    40 +
 .../svg/smil/container/deferred-tree-3d.xhtml      |    42 +
 .../svg/smil/container/deferred-tree-util.js       |    39 +
 .../svg/smil/container/enveloped-tree-1-ref.xhtml  |    25 +
 .../svg/smil/container/enveloped-tree-1.xhtml      |    70 +
 .../svg/smil/container/invalid-elem-1-ref.xhtml    |    19 +
 .../svg/smil/container/invalid-elem-1.xhtml        |    74 +
 .../svg/smil/container/moved-tree-1-ref.xhtml      |    31 +
 .../reftests/svg/smil/container/moved-tree-1.xhtml |    74 +
 .../svg/smil/container/promoted-tree-1-ref.xhtml   |    26 +
 .../svg/smil/container/promoted-tree-1.xhtml       |    71 +
 layout/reftests/svg/smil/container/reftest.list    |    18 +
 layout/reftests/svg/smil/event/event-begin-1.svg   |    16 +
 .../reftests/svg/smil/event/event-begin-load-1.svg |    14 +
 .../svg/smil/event/event-begin-offset-1.svg        |    16 +
 .../svg/smil/event/event-begin-offset-2.svg        |    16 +
 .../svg/smil/event/event-begin-timeevent-1.svg     |    17 +
 .../svg/smil/event/event-begin-timeevent-2.svg     |    18 +
 .../svg/smil/event/event-begin-timeevent-3.svg     |    36 +
 layout/reftests/svg/smil/event/event-bubble-1.svg  |    18 +
 layout/reftests/svg/smil/event/event-custom-1.svg  |    26 +
 layout/reftests/svg/smil/event/event-end-1.svg     |    16 +
 layout/reftests/svg/smil/event/event-end-2.svg     |    18 +
 .../reftests/svg/smil/event/event-end-open-1.svg   |    20 +
 .../svg/smil/event/event-end-trimmed-1.svg         |    17 +
 .../svg/smil/event/event-preventDefault-1.svg      |    16 +
 layout/reftests/svg/smil/event/event-seek-1.svg    |    20 +
 .../svg/smil/event/event-target-default-1.svg      |    15 +
 .../svg/smil/event/event-target-default-2.svg      |    14 +
 .../svg/smil/event/event-target-id-change-1.svg    |    15 +
 .../svg/smil/event/event-target-id-change-2.svg    |    16 +
 .../svg/smil/event/event-target-id-change-3.svg    |    16 +
 .../svg/smil/event/event-target-non-svg-1.xhtml    |    41 +
 .../svg/smil/event/event-target-surgery-1.svg      |    17 +
 .../svg/smil/event/event-target-surgery-2.svg      |    15 +
 .../svg/smil/event/event-target-surgery-3.svg      |    32 +
 .../svg/smil/event/event-target-xlink-change-1.svg |    17 +
 .../svg/smil/event/event-target-xlink-change-2.svg |    18 +
 .../svg/smil/event/event-target-xlink-change-3.svg |    18 +
 .../svg/smil/event/event-target-xlink-change-4.svg |    18 +
 layout/reftests/svg/smil/event/event-util.js       |    24 +
 layout/reftests/svg/smil/event/green-box-ref.svg   |     3 +
 layout/reftests/svg/smil/event/green-box-ref.xhtml |     8 +
 layout/reftests/svg/smil/event/reftest.list        |    30 +
 .../reftests/svg/smil/filtered-instance-time-1.svg |    63 +
 layout/reftests/svg/smil/freeze-applied-late-1.svg |    22 +
 layout/reftests/svg/smil/freeze-applied-late-2.svg |    24 +
 layout/reftests/svg/smil/freeze-applied-late-3.svg |    23 +
 layout/reftests/svg/smil/freeze-applied-late-4.svg |    30 +
 layout/reftests/svg/smil/frozen-to-anim-1.svg      |    33 +
 .../smil/inactivate-with-active-unchanged-1.svg    |    23 +
 .../smil/inactivate-with-active-unchanged-2.svg    |    17 +
 layout/reftests/svg/smil/lime.html                 |     8 +
 layout/reftests/svg/smil/lime.svg                  |     8 +
 .../reftests/svg/smil/mapped-attr-long-url-1.svg   |    13 +
 .../reftests/svg/smil/mapped-attr-long-url-2.svg   |    32 +
 layout/reftests/svg/smil/min-1.svg                 |    24 +
 .../svg/smil/motion/animateMotion-by-1.svg         |    53 +
 .../svg/smil/motion/animateMotion-by-2.svg         |    16 +
 .../svg/smil/motion/animateMotion-flattening-1.svg |    26 +
 .../svg/smil/motion/animateMotion-from-to-1.svg    |    44 +
 .../smil/motion/animateMotion-indefinite-to-1.svg  |    10 +
 .../smil/motion/animateMotion-indefinite-to-2.svg  |    11 +
 .../motion/animateMotion-mpath-pathLength-1.svg    |    31 +
 .../svg/smil/motion/animateMotion-mpath-shadow.svg |    34 +
 .../animateMotion-mpath-target-transform-1.svg     |    14 +
 .../motion/animateMotion-mpath-targetChange-1.svg  |   151 +
 .../svg/smil/motion/animateMotion-rotate-1a.svg    |    63 +
 .../svg/smil/motion/animateMotion-rotate-1b.svg    |    63 +
 .../svg/smil/motion/animateMotion-rotate-2.svg     |    52 +
 .../smil/motion/animateMotion-to-overridden-1.svg  |    61 +
 .../motion/animateMotion-values-linear-1-ref.svg   |    38 +
 .../smil/motion/animateMotion-values-linear-1.svg  |    15 +
 .../motion/animateMotion-values-paced-1-ref.svg    |    38 +
 .../smil/motion/animateMotion-values-paced-1a.svg  |    14 +
 .../smil/motion/animateMotion-values-paced-1b.svg  |    15 +
 layout/reftests/svg/smil/motion/lime.svg           |     8 +
 layout/reftests/svg/smil/motion/reftest.list       |    22 +
 .../reftests/svg/smil/pause/init-pause-1-ref.svg   |     5 +
 layout/reftests/svg/smil/pause/init-pause-1.svg    |    49 +
 layout/reftests/svg/smil/pause/reftest.list        |     2 +
 layout/reftests/svg/smil/reftest.list              |   295 +
 layout/reftests/svg/smil/repeat/green-box-ref.svg  |     3 +
 .../svg/smil/repeat/indefinite-repeat-1.svg        |     9 +
 .../reftests/svg/smil/repeat/init-repeat-1-ref.svg |     8 +
 layout/reftests/svg/smil/repeat/init-repeat-1.svg  |    47 +
 layout/reftests/svg/smil/repeat/reftest.list       |     3 +
 layout/reftests/svg/smil/restart/green-box-ref.svg |     3 +
 layout/reftests/svg/smil/restart/reftest.list      |     8 +
 layout/reftests/svg/smil/restart/reset-1-ref.svg   |     6 +
 layout/reftests/svg/smil/restart/reset-1.svg       |    84 +
 layout/reftests/svg/smil/restart/reset-2.svg       |    33 +
 layout/reftests/svg/smil/restart/reset-3.svg       |    39 +
 layout/reftests/svg/smil/restart/reset-4.svg       |    27 +
 layout/reftests/svg/smil/restart/reset-6.svg       |    58 +
 layout/reftests/svg/smil/restart/reset-7.svg       |    25 +
 .../reftests/svg/smil/seek/anim-standard-ref.svg   |     3 +
 .../reftests/svg/smil/seek/anim-standard-ref.xhtml |     8 +
 layout/reftests/svg/smil/seek/anim-x-seek-1a.svg   |    18 +
 layout/reftests/svg/smil/seek/anim-x-seek-1b.svg   |    18 +
 layout/reftests/svg/smil/seek/anim-x-seek-1c.svg   |    18 +
 layout/reftests/svg/smil/seek/anim-x-seek-1d.svg   |    18 +
 layout/reftests/svg/smil/seek/anim-x-seek-1e.svg   |    17 +
 .../smil/seek/anim-x-seek-cross-container-1a.xhtml |    35 +
 .../svg/smil/seek/anim-x-seek-dynamic-1a.svg       |    20 +
 .../svg/smil/seek/anim-x-seek-dynamic-1b.svg       |    19 +
 .../svg/smil/seek/anim-x-seek-dynamic-1c.svg       |    31 +
 .../svg/smil/seek/anim-x-seek-dynamic-1d.svg       |    30 +
 .../svg/smil/seek/anim-x-seek-dynamic-1e.svg       |    23 +
 .../svg/smil/seek/anim-x-seek-dynamic-1f.svg       |    30 +
 .../svg/smil/seek/anim-x-seek-dynamic-1g.svg       |    23 +
 .../svg/smil/seek/anim-x-seek-dynamic-1h.svg       |    21 +
 .../svg/smil/seek/anim-x-seek-dynamic-1i.svg       |    31 +
 .../svg/smil/seek/anim-x-seek-negative-1a.svg      |    16 +
 layout/reftests/svg/smil/seek/reftest.list         |    17 +
 layout/reftests/svg/smil/set/reftest.list          |     2 +
 .../svg/smil/set/set-css-fontsize-freeze-1-ref.svg |    11 +
 .../svg/smil/set/set-css-fontsize-freeze-1.svg     |    16 +
 .../svg/smil/set/set-css-fontsize-remove-1-ref.svg |    11 +
 .../svg/smil/set/set-css-fontsize-remove-1.svg     |    16 +
 layout/reftests/svg/smil/shadow-dom-01.html        |    23 +
 layout/reftests/svg/smil/smil-grid.js              |   200 +
 .../svg/smil/smil-transitions-interaction-1a.svg   |    12 +
 .../svg/smil/smil-transitions-interaction-1b.svg   |    13 +
 .../svg/smil/smil-transitions-interaction-2a.svg   |    12 +
 .../svg/smil/smil-transitions-interaction-2b.svg   |    13 +
 .../svg/smil/smil-transitions-interaction-3a.svg   |    14 +
 .../svg/smil/smil-transitions-interaction-3b.svg   |    15 +
 .../svg/smil/smil-transitions-interaction-4a.svg   |    21 +
 .../svg/smil/smil-transitions-interaction-4b.svg   |    21 +
 layout/reftests/svg/smil/smil-util.js              |    26 +
 layout/reftests/svg/smil/sort/reftest.list         |    12 +
 .../reftests/svg/smil/sort/sort-additive-1-ref.svg |    44 +
 layout/reftests/svg/smil/sort/sort-additive-1.svg  |   116 +
 .../svg/smil/sort/sort-startAfter-1-ref.svg        |     4 +
 .../reftests/svg/smil/sort/sort-startAfter-1.svg   |    16 +
 .../svg/smil/sort/sort-startAfter-2-ref.svg        |     4 +
 .../reftests/svg/smil/sort/sort-startAfter-2.svg   |    18 +
 .../svg/smil/sort/sort-startAfter-3-ref.svg        |     4 +
 .../reftests/svg/smil/sort/sort-startAfter-3.svg   |    18 +
 .../svg/smil/sort/sort-startSame-1-ref.svg         |     4 +
 .../reftests/svg/smil/sort/sort-startSame-1a.svg   |    16 +
 .../reftests/svg/smil/sort/sort-startSame-1b.svg   |    31 +
 .../svg/smil/sort/sort-startSame-2-ref.svg         |     4 +
 .../reftests/svg/smil/sort/sort-startSame-2a.svg   |    18 +
 .../reftests/svg/smil/sort/sort-startSame-2b.svg   |    33 +
 .../smil/style/anim-css-color-1-by-ident-hex.svg   |    17 +
 .../style/anim-css-color-1-from-by-hex-hex.svg     |    18 +
 .../style/anim-css-color-1-from-by-ident-hex.svg   |    18 +
 .../style/anim-css-color-1-from-to-hex-hex.svg     |    18 +
 .../style/anim-css-color-1-from-to-ident-ident.svg |    18 +
 .../smil/style/anim-css-color-1-to-ident-hex.svg   |    17 +
 .../smil/style/anim-css-color-1-to-ident-ident.svg |    17 +
 .../svg/smil/style/anim-css-color-2-paced-rgb.svg  |    20 +
 .../smil/style/anim-css-color-3-by-ident-ident.svg |    19 +
 .../style/anim-css-color-3-from-by-ident-ident.svg |    20 +
 .../style/anim-css-color-3-from-by-rgb-ident.svg   |    20 +
 .../smil/style/anim-css-fill-1-by-ident-curcol.svg |    17 +
 .../smil/style/anim-css-fill-1-by-ident-hex.svg    |    17 +
 .../style/anim-css-fill-1-from-by-curcol-hex.svg   |    18 +
 .../style/anim-css-fill-1-from-by-hex-curcol.svg   |    18 +
 .../smil/style/anim-css-fill-1-from-by-hex-hex.svg |    18 +
 .../style/anim-css-fill-1-from-by-ident-hex.svg    |    18 +
 .../style/anim-css-fill-1-from-to-curcol-hex.svg   |    18 +
 .../style/anim-css-fill-1-from-to-hex-curcol.svg   |    18 +
 .../smil/style/anim-css-fill-1-from-to-hex-hex.svg |    18 +
 .../style/anim-css-fill-1-from-to-ident-ident.svg  |    18 +
 .../svg/smil/style/anim-css-fill-1-ref.svg         |    32 +
 .../smil/style/anim-css-fill-1-to-ident-curcol.svg |    17 +
 .../smil/style/anim-css-fill-1-to-ident-hex.svg    |    17 +
 .../smil/style/anim-css-fill-1-to-ident-ident.svg  |    17 +
 .../svg/smil/style/anim-css-fill-2-paced-rgb.svg   |    20 +
 .../svg/smil/style/anim-css-fill-2-ref.svg         |    32 +
 .../smil/style/anim-css-fill-3-by-ident-ident.svg  |    19 +
 .../style/anim-css-fill-3-from-by-ident-ident.svg  |    20 +
 .../style/anim-css-fill-3-from-by-rgb-ident.svg    |    20 +
 .../svg/smil/style/anim-css-fill-3-ref.svg         |    32 +
 .../svg/smil/style/anim-css-fill-overflow-1-by.svg |    20 +
 .../style/anim-css-fill-overflow-1-from-by.svg     |    21 +
 .../smil/style/anim-css-fill-overflow-1-ref.svg    |    32 +
 .../svg/smil/style/anim-css-fillopacity-1-by.svg   |    17 +
 .../smil/style/anim-css-fillopacity-1-from-by.svg  |    18 +
 .../smil/style/anim-css-fillopacity-1-from-to.svg  |    18 +
 .../svg/smil/style/anim-css-fillopacity-1-ref.svg  |    32 +
 .../svg/smil/style/anim-css-fillopacity-1-to.svg   |    17 +
 .../smil/style/anim-css-fillopacity-2-paced.svg    |    18 +
 .../svg/smil/style/anim-css-fillopacity-2-ref.svg  |    32 +
 .../style/anim-css-fillopacity-3-clamp-big.svg     |    27 +
 .../style/anim-css-fillopacity-3-clamp-small.svg   |    27 +
 .../svg/smil/style/anim-css-fillopacity-3-ref.svg  |    32 +
 .../anim-css-floodcolor-overflow-1-from-by.svg     |    26 +
 .../style/anim-css-floodcolor-overflow-1-ref.svg   |    40 +
 .../svg/smil/style/anim-css-font-1-ref.svg         |    76 +
 layout/reftests/svg/smil/style/anim-css-font-1.svg |   144 +
 .../style/anim-css-fontsize-1-from-by-pct-pct.svg  |    16 +
 .../style/anim-css-fontsize-1-from-by-pct-px.svg   |    16 +
 .../style/anim-css-fontsize-1-from-by-px-pct.svg   |    16 +
 .../style/anim-css-fontsize-1-from-by-px-px.svg    |    16 +
 .../style/anim-css-fontsize-1-from-to-no-no.svg    |    17 +
 .../style/anim-css-fontsize-1-from-to-no-px.svg    |    17 +
 .../style/anim-css-fontsize-1-from-to-pct-pct.svg  |    16 +
 .../style/anim-css-fontsize-1-from-to-pct-px.svg   |    16 +
 .../style/anim-css-fontsize-1-from-to-px-no.svg    |    17 +
 .../style/anim-css-fontsize-1-from-to-px-pct.svg   |    16 +
 .../style/anim-css-fontsize-1-from-to-px-px.svg    |    16 +
 .../svg/smil/style/anim-css-fontsize-1-ref.svg     |    20 +
 .../style/anim-css-fontsize-2-from-by-em-em.svg    |    16 +
 .../style/anim-css-fontsize-2-from-by-px-em.svg    |    16 +
 .../style/anim-css-fontsize-2-from-by-px-px.svg    |    16 +
 .../svg/smil/style/anim-css-fontsize-2-ref.svg     |    20 +
 .../smil/style/anim-css-letterspacing-1-ref.svg    |     3 +
 .../svg/smil/style/anim-css-letterspacing-1.svg    |     8 +
 .../anim-css-stopcolor-overflow-1-from-by.svg      |    27 +
 .../style/anim-css-stopcolor-overflow-1-ref.svg    |    32 +
 .../smil/style/anim-css-strokedasharray-1-ref.svg  |    32 +
 .../svg/smil/style/anim-css-strokedasharray-1.svg  |    18 +
 .../smil/style/anim-css-strokewidth-1-by-em-em.svg |    18 +
 .../smil/style/anim-css-strokewidth-1-by-em-px.svg |    18 +
 .../smil/style/anim-css-strokewidth-1-by-no-no.svg |    17 +
 .../style/anim-css-strokewidth-1-by-pct-pct.svg    |    18 +
 .../style/anim-css-strokewidth-1-by-pct-px.svg     |    18 +
 .../smil/style/anim-css-strokewidth-1-by-px-em.svg |    18 +
 .../style/anim-css-strokewidth-1-by-px-pct.svg     |    18 +
 .../smil/style/anim-css-strokewidth-1-by-px-px.svg |    17 +
 .../style/anim-css-strokewidth-1-from-by-em-em.svg |    19 +
 .../style/anim-css-strokewidth-1-from-by-em-px.svg |    19 +
 .../style/anim-css-strokewidth-1-from-by-no-no.svg |    18 +
 .../anim-css-strokewidth-1-from-by-pct-pct.svg     |    19 +
 .../anim-css-strokewidth-1-from-by-pct-px.svg      |    19 +
 .../style/anim-css-strokewidth-1-from-by-px-em.svg |    19 +
 .../anim-css-strokewidth-1-from-by-px-pct.svg      |    19 +
 .../style/anim-css-strokewidth-1-from-by-px-px.svg |    18 +
 .../style/anim-css-strokewidth-1-from-to-em-em.svg |    19 +
 .../style/anim-css-strokewidth-1-from-to-em-px.svg |    19 +
 .../style/anim-css-strokewidth-1-from-to-no-no.svg |    18 +
 .../anim-css-strokewidth-1-from-to-pct-pct.svg     |    19 +
 .../anim-css-strokewidth-1-from-to-pct-px.svg      |    19 +
 .../style/anim-css-strokewidth-1-from-to-px-em.svg |    19 +
 .../anim-css-strokewidth-1-from-to-px-pct.svg      |    19 +
 .../style/anim-css-strokewidth-1-from-to-px-px.svg |    18 +
 .../svg/smil/style/anim-css-strokewidth-1-ref.svg  |    29 +
 .../smil/style/anim-css-strokewidth-1-to-em-em.svg |    18 +
 .../smil/style/anim-css-strokewidth-1-to-em-px.svg |    18 +
 .../smil/style/anim-css-strokewidth-1-to-no-no.svg |    17 +
 .../style/anim-css-strokewidth-1-to-pct-pct.svg    |    18 +
 .../style/anim-css-strokewidth-1-to-pct-px.svg     |    18 +
 .../smil/style/anim-css-strokewidth-1-to-px-em.svg |    18 +
 .../style/anim-css-strokewidth-1-to-px-pct.svg     |    18 +
 .../smil/style/anim-css-strokewidth-1-to-px-px.svg |    17 +
 .../svg/smil/style/anim-css-strokewidth-2-ref.svg  |    29 +
 .../style/anim-css-strokewidth-2-values-em-em.svg  |    18 +
 .../style/anim-css-strokewidth-2-values-em-px.svg  |    18 +
 .../style/anim-css-strokewidth-2-values-px-em.svg  |    18 +
 .../style/anim-css-strokewidth-2-values-px-px.svg  |    17 +
 .../smil/style/anim-css-strokewidth-3-paced.svg    |    18 +
 .../svg/smil/style/anim-css-strokewidth-3-ref.svg  |    29 +
 .../style/anim-css-strokewidth-4-from-by-em-em.svg |    19 +
 .../style/anim-css-strokewidth-4-from-by-no-no.svg |    18 +
 .../style/anim-css-strokewidth-4-from-by-px-em.svg |    19 +
 .../style/anim-css-strokewidth-4-from-by-px-px.svg |    18 +
 .../svg/smil/style/anim-css-strokewidth-4-ref.svg  |    29 +
 .../svg/smil/style/anim-css-wordspacing-1-ref.svg  |     3 +
 .../svg/smil/style/anim-css-wordspacing-1.svg      |     8 +
 .../style/anim-mapped-fontsize-1-from-to-no-no.svg |    17 +
 .../style/anim-mapped-fontsize-1-from-to-no-px.svg |    17 +
 .../style/anim-mapped-fontsize-1-from-to-px-no.svg |    17 +
 .../reftests/svg/smil/style/anim-standard-ref.svg  |     3 +
 layout/reftests/svg/smil/style/important-set-1.svg |     8 +
 layout/reftests/svg/smil/style/important-set-2.svg |    11 +
 .../svg/smil/style/namespaced-property-1.svg       |     6 +
 layout/reftests/svg/smil/style/reftest.list        |   169 +
 .../syncbase/changed-interval-change-spec-1.svg    |    21 +
 .../syncbase/changed-interval-change-spec-2.svg    |    22 +
 .../syncbase/changed-interval-change-spec-3.svg    |    22 +
 .../syncbase/changed-interval-change-spec-4.svg    |    27 +
 .../smil/syncbase/changed-interval-resolved-1.svg  |    18 +
 .../smil/syncbase/changed-interval-resolved-2.svg  |    20 +
 .../smil/syncbase/changed-interval-simple-1.svg    |    17 +
 .../smil/syncbase/changed-interval-simple-2.svg    |    21 +
 .../smil/syncbase/changed-interval-simple-3.svg    |    21 +
 .../smil/syncbase/changed-interval-simple-4.svg    |    18 +
 .../smil/syncbase/changed-interval-simple-5.svg    |    21 +
 .../svg/smil/syncbase/changed-interval-sort-1.svg  |    17 +
 .../svg/smil/syncbase/cross-container-1.xhtml      |    33 +
 .../svg/smil/syncbase/cross-container-2.xhtml      |    43 +
 .../svg/smil/syncbase/cross-container-3.xhtml      |    63 +
 .../reftests/svg/smil/syncbase/cycle-change-1.svg  |    20 +
 .../reftests/svg/smil/syncbase/cycle-change-2.svg  |    17 +
 .../reftests/svg/smil/syncbase/cycle-delete-1.svg  |    20 +
 .../reftests/svg/smil/syncbase/cycle-invalid-1.svg |    16 +
 .../reftests/svg/smil/syncbase/cycle-invalid-2.svg |    18 +
 .../reftests/svg/smil/syncbase/cycle-invalid-3.svg |    54 +
 .../reftests/svg/smil/syncbase/cycle-invalid-4.svg |    33 +
 layout/reftests/svg/smil/syncbase/cycle-ok-1.svg   |    16 +
 layout/reftests/svg/smil/syncbase/cycle-ok-2.svg   |    20 +
 layout/reftests/svg/smil/syncbase/cycle-ok-3.svg   |    34 +
 layout/reftests/svg/smil/syncbase/cycle-ok-4.svg   |    20 +
 layout/reftests/svg/smil/syncbase/cycle-ok-5.svg   |    23 +
 .../svg/smil/syncbase/cycle-recursion-1.svg        |    42 +
 .../svg/smil/syncbase/cycle-recursion-2.svg        |    17 +
 .../svg/smil/syncbase/cycle-self-ref-1.svg         |    14 +
 .../svg/smil/syncbase/cycle-self-ref-2.svg         |    14 +
 .../svg/smil/syncbase/cycle-self-ref-3.svg         |    19 +
 .../svg/smil/syncbase/cycle-self-ref-4.svg         |    32 +
 .../svg/smil/syncbase/cycle-self-ref-5.svg         |    56 +
 .../smil/syncbase/deleted-interval-simple-1.svg    |    22 +
 .../smil/syncbase/deleted-interval-simple-2.svg    |    26 +
 .../smil/syncbase/deleted-interval-simple-3.svg    |    21 +
 .../smil/syncbase/deleted-interval-simple-4.svg    |    26 +
 .../smil/syncbase/deleted-interval-simple-5.svg    |    21 +
 .../svg/smil/syncbase/filtered-interval-1.svg      |    24 +
 .../reftests/svg/smil/syncbase/green-box-ref.svg   |     3 +
 .../reftests/svg/smil/syncbase/green-box-ref.xhtml |     8 +
 .../svg/smil/syncbase/new-interval-chain-1.svg     |    22 +
 .../svg/smil/syncbase/new-interval-chain-2.svg     |    22 +
 .../syncbase/new-interval-doubly-dependent-1.svg   |    16 +
 .../syncbase/new-interval-doubly-dependent-2.svg   |    17 +
 .../syncbase/new-interval-doubly-dependent-3.svg   |    17 +
 .../svg/smil/syncbase/new-interval-early-end-1.svg |    18 +
 .../svg/smil/syncbase/new-interval-early-end-2.svg |    17 +
 .../svg/smil/syncbase/new-interval-early-end-3.svg |    18 +
 .../svg/smil/syncbase/new-interval-early-end-4.svg |    26 +
 .../svg/smil/syncbase/new-interval-early-end-5.svg |    19 +
 .../svg/smil/syncbase/new-interval-early-end-6.svg |    16 +
 .../svg/smil/syncbase/new-interval-early-end-7.svg |    22 +
 .../svg/smil/syncbase/new-interval-end-dep-1.svg   |    16 +
 .../smil/syncbase/new-interval-end-negative-1.svg  |    39 +
 .../smil/syncbase/new-interval-end-negative-2.svg  |    18 +
 .../smil/syncbase/new-interval-freeze-begin-1.svg  |    31 +
 .../syncbase/new-interval-negative-offset-1.svg    |    16 +
 .../syncbase/new-interval-negative-offset-2.svg    |    30 +
 .../syncbase/new-interval-negative-offset-3.svg    |    18 +
 .../syncbase/new-interval-negative-offset-4.svg    |    17 +
 .../syncbase/new-interval-negative-syncbase-1.svg  |    16 +
 .../svg/smil/syncbase/new-interval-restart-1.svg   |    17 +
 .../svg/smil/syncbase/new-interval-restart-2.svg   |    17 +
 .../svg/smil/syncbase/new-interval-restart-3.svg   |    17 +
 .../smil/syncbase/new-interval-sample-order-1.svg  |    29 +
 .../svg/smil/syncbase/new-interval-simple-1.svg    |    16 +
 .../svg/smil/syncbase/new-interval-simple-2.svg    |    17 +
 .../syncbase/new-interval-triply-dependent-1.svg   |    16 +
 .../syncbase/new-interval-triply-dependent-2.svg   |    17 +
 layout/reftests/svg/smil/syncbase/reftest.list     |    99 +
 .../svg/smil/syncbase/sandwich-priority-1.svg      |    17 +
 .../svg/smil/syncbase/sandwich-priority-10.svg     |    26 +
 .../svg/smil/syncbase/sandwich-priority-11.svg     |    18 +
 .../svg/smil/syncbase/sandwich-priority-12.svg     |    24 +
 .../svg/smil/syncbase/sandwich-priority-2.svg      |    18 +
 .../svg/smil/syncbase/sandwich-priority-3.svg      |    20 +
 .../svg/smil/syncbase/sandwich-priority-4.svg      |    15 +
 .../svg/smil/syncbase/sandwich-priority-5.svg      |    20 +
 .../svg/smil/syncbase/sandwich-priority-6.svg      |    17 +
 .../svg/smil/syncbase/sandwich-priority-7.svg      |    27 +
 .../svg/smil/syncbase/sandwich-priority-8.svg      |    25 +
 .../svg/smil/syncbase/sandwich-priority-9.svg      |    21 +
 .../svg/smil/syncbase/trimmed-interval-1.svg       |    22 +
 .../reftests/svg/smil/timed/appendChild-1a-ref.svg |     8 +
 layout/reftests/svg/smil/timed/appendChild-1a.svg  |    30 +
 .../reftests/svg/smil/timed/appendChild-1b-ref.svg |     6 +
 layout/reftests/svg/smil/timed/appendChild-1b.svg  |    29 +
 .../reftests/svg/smil/timed/appendChild-2a-ref.svg |     8 +
 layout/reftests/svg/smil/timed/appendChild-2a.svg  |    30 +
 .../reftests/svg/smil/timed/appendChild-2b-ref.svg |     6 +
 layout/reftests/svg/smil/timed/appendChild-2b.svg  |    29 +
 layout/reftests/svg/smil/timed/paced-1-ref.svg     |     5 +
 layout/reftests/svg/smil/timed/paced-1.svg         |    22 +
 layout/reftests/svg/smil/timed/pause-1-ref.svg     |     6 +
 layout/reftests/svg/smil/timed/pause-1.svg         |    38 +
 layout/reftests/svg/smil/timed/reftest.list        |    14 +
 .../reftests/svg/smil/timed/removeChild-1-ref.svg  |     6 +
 layout/reftests/svg/smil/timed/removeChild-1.svg   |    28 +
 .../reftests/svg/smil/timed/removeChild-2-ref.svg  |     6 +
 layout/reftests/svg/smil/timed/removeChild-2.svg   |    28 +
 .../reftests/svg/smil/transform/additive-1-ref.svg |    42 +
 layout/reftests/svg/smil/transform/additive-1.svg  |   111 +
 .../svg/smil/transform/animate-width-1.svg         |    22 +
 layout/reftests/svg/smil/transform/lime.svg        |     8 +
 layout/reftests/svg/smil/transform/paced-1-ref.svg |    31 +
 layout/reftests/svg/smil/transform/paced-1.svg     |    64 +
 layout/reftests/svg/smil/transform/reftest.list    |    18 +
 .../reftests/svg/smil/transform/rotate-angle-1.svg |    60 +
 .../reftests/svg/smil/transform/rotate-angle-2.svg |    60 +
 .../reftests/svg/smil/transform/rotate-angle-3.svg |    60 +
 .../reftests/svg/smil/transform/rotate-angle-4.svg |    79 +
 .../reftests/svg/smil/transform/rotate-angle-5.svg |    86 +
 .../svg/smil/transform/rotate-angle-ref.svg        |    38 +
 layout/reftests/svg/smil/transform/scale-1-ref.svg |    43 +
 layout/reftests/svg/smil/transform/scale-1.svg     |   119 +
 .../svg/smil/transform/set-transform-1.svg         |    27 +
 layout/reftests/svg/smil/transform/skew-1-ref.svg  |    43 +
 layout/reftests/svg/smil/transform/skew-1.svg      |    86 +
 .../svg/smil/transform/translate-clipPath-1.svg    |    39 +
 .../svg/smil/transform/translate-gradient-1.svg    |    29 +
 .../svg/smil/transform/translate-pattern-1.svg     |    28 +
 layout/reftests/svg/smil/transform/use-1.svg       |    27 +
 layout/reftests/svg/stroke-dasharray-01-ref.svg    |    13 +
 layout/reftests/svg/stroke-dasharray-01.svg        |    13 +
 layout/reftests/svg/stroke-dasharray-02.svg        |    48 +
 layout/reftests/svg/stroke-dasharray-03.svg        |    20 +
 .../svg/stroke-dasharray-and-pathLength-01.svg     |    20 +
 .../svg/stroke-dasharray-and-text-01-ref.svg       |    10 +
 .../reftests/svg/stroke-dasharray-and-text-01.svg  |    11 +
 layout/reftests/svg/stroke-dashoffset-01.svg       |    30 +
 .../svg/stroke-dashoffset-and-pathLength-01.svg    |    25 +
 .../svg/stroke-linecap-circle-ellipse-01-ref.svg   |    14 +
 .../svg/stroke-linecap-circle-ellipse-01.svg       |    14 +
 .../stroke-linecap-circle-ellipse-dashed-01.svg    |    28 +
 .../stroke-linecap-round-w-zero-length-segs-01.svg |   169 +
 .../stroke-linecap-round-w-zero-length-segs-02.svg |    32 +
 .../stroke-linecap-round-w-zero-length-segs-03.svg |    11 +
 ...stroke-linecap-square-w-zero-length-segs-01.svg |   154 +
 ...stroke-linecap-square-w-zero-length-segs-02.svg |    33 +
 layout/reftests/svg/stroke-width-percentage-01.svg |    14 +
 .../svg/stroke-width-percentage-02-ref.svg         |     7 +
 .../reftests/svg/stroke-width-percentage-02a.svg   |    27 +
 .../reftests/svg/stroke-width-percentage-02b.svg   |    26 +
 .../svg/stroke-width-percentage-03-iframe.svg      |    13 +
 .../svg/stroke-width-percentage-03-ref.xhtml       |    12 +
 .../reftests/svg/stroke-width-percentage-03.xhtml  |    47 +
 .../svg/style-property-on-script-element-01.svg    |    21 +
 .../reftests/svg/style-without-type-attribute.svg  |    22 +
 layout/reftests/svg/suspend-01.svg                 |    14 +
 layout/reftests/svg/suspend-02.svg                 |    27 +
 layout/reftests/svg/suspend-03.svg                 |    24 +
 layout/reftests/svg/suspend-04.svg                 |    31 +
 layout/reftests/svg/suspend-05.svg                 |    21 +
 layout/reftests/svg/suspend-06.svg                 |    24 +
 layout/reftests/svg/suspend-07.svg                 |    25 +
 layout/reftests/svg/suspend-08.svg                 |    28 +
 .../svg/svg-blurry-with-subpixel-position-ref.html |    13 +
 .../svg/svg-blurry-with-subpixel-position.html     |    13 +
 .../svg/svg-effects-area-unzoomed-ref.xhtml        |    14 +
 .../reftests/svg/svg-effects-area-unzoomed.xhtml   |    31 +
 .../svg/svg-effects-area-zoomed-in-ref.xhtml       |    14 +
 .../reftests/svg/svg-effects-area-zoomed-in.xhtml  |    31 +
 .../svg/svg-effects-area-zoomed-out-ref.xhtml      |    15 +
 .../reftests/svg/svg-effects-area-zoomed-out.xhtml |    32 +
 .../reftests/svg/svg-in-foreignObject-01-ref.xhtml |    24 +
 layout/reftests/svg/svg-in-foreignObject-01.xhtml  |    27 +
 layout/reftests/svg/svg-in-foreignObject-02.xhtml  |    29 +
 .../reftests/svg/svg-in-inner-svg-dimensions.svg   |    11 +
 .../box-decoration-break-01-ref.xhtml              |    37 +
 .../svg-integration/box-decoration-break-01.xhtml  |    41 +
 .../box-decoration-break-02-ref.xhtml              |    27 +
 .../svg-integration/box-decoration-break-02.xhtml  |    33 +
 .../svg-integration/box-decoration-break-03.xhtml  |    42 +
 .../clip-path/clip-path-circle-001-ref.html        |    20 +
 .../clip-path/clip-path-circle-001.html            |    21 +
 .../clip-path/clip-path-circle-002-ref.html        |    20 +
 .../clip-path/clip-path-circle-002.html            |    21 +
 .../clip-path/clip-path-circle-003-ref.html        |    20 +
 .../clip-path/clip-path-circle-003.html            |    21 +
 .../clip-path/clip-path-circle-004-ref.html        |    20 +
 .../clip-path/clip-path-circle-004.html            |    21 +
 .../clip-path/clip-path-circle-005-ref.html        |    20 +
 .../clip-path/clip-path-circle-005.html            |    21 +
 .../clip-path/clip-path-circle-006-ref.html        |    20 +
 .../clip-path/clip-path-circle-006.html            |    21 +
 .../clip-path/clip-path-circle-007-ref.html        |    20 +
 .../clip-path/clip-path-circle-007.html            |    21 +
 .../clip-path/clip-path-circle-008-ref.html        |    20 +
 .../clip-path/clip-path-circle-008.html            |    21 +
 .../clip-path/clip-path-circle-009-ref.html        |    20 +
 .../clip-path/clip-path-circle-009.html            |    21 +
 .../clip-path/clip-path-circle-010-ref.html        |    20 +
 .../clip-path/clip-path-circle-010.html            |    21 +
 .../clip-path/clip-path-circle-011.html            |    21 +
 .../clip-path/clip-path-circle-012.html            |    21 +
 .../clip-path/clip-path-circle-013.html            |    21 +
 .../clip-path/clip-path-circle-014.html            |    21 +
 .../clip-path/clip-path-circle-015.html            |    21 +
 .../clip-path/clip-path-circle-016.html            |    21 +
 .../clip-path/clip-path-circle-017.html            |    21 +
 .../clip-path/clip-path-circle-018.html            |    21 +
 .../clip-path/clip-path-circle-019.html            |    21 +
 .../clip-path/clip-path-circle-020.html            |    23 +
 .../clip-path/clip-path-circle-021-ref.html        |    16 +
 .../clip-path/clip-path-circle-021.html            |    20 +
 .../clip-path/clip-path-ellipse-001-ref.html       |    20 +
 .../clip-path/clip-path-ellipse-001.html           |    21 +
 .../clip-path/clip-path-ellipse-002.html           |    21 +
 .../clip-path/clip-path-ellipse-003.html           |    21 +
 .../clip-path/clip-path-ellipse-004.html           |    21 +
 .../clip-path/clip-path-ellipse-005.html           |    21 +
 .../clip-path/clip-path-ellipse-006.html           |    21 +
 .../clip-path/clip-path-ellipse-007.html           |    21 +
 .../clip-path/clip-path-ellipse-008.html           |    21 +
 .../clip-path/clip-path-inset-001-ref.html         |    26 +
 .../clip-path/clip-path-inset-001a.html            |    26 +
 .../clip-path/clip-path-inset-001b.html            |    28 +
 .../clip-path/clip-path-inset-001c.html            |    29 +
 .../clip-path/clip-path-inset-002-ref.html         |    26 +
 .../clip-path/clip-path-inset-002a.html            |    26 +
 .../clip-path/clip-path-inset-002b.html            |    26 +
 .../clip-path/clip-path-inset-002c.html            |    26 +
 .../clip-path/clip-path-inset-003-ref.html         |    26 +
 .../clip-path/clip-path-inset-003.html             |    26 +
 .../clip-path/clip-path-polygon-001.html           |    21 +
 .../clip-path/clip-path-polygon-002.html           |    24 +
 .../clip-path/clip-path-polygon-003.html           |    21 +
 .../clip-path/clip-path-polygon-004.html           |    25 +
 .../clip-path/clip-path-polygon-005.html           |    26 +
 .../clip-path/clip-path-polygon-006.html           |    33 +
 .../clip-path/clip-path-polygon-007.html           |    34 +
 .../clip-path/clip-path-polygon-008.html           |    35 +
 .../clip-path/clip-path-polygon-009.html           |    33 +
 .../clip-path/clip-path-polygon-010.html           |    37 +
 .../clip-path/clip-path-polygon-011.html           |    36 +
 .../clip-path/clip-path-polygon-012.html           |    36 +
 .../clip-path/clip-path-polygon-013.html           |    51 +
 .../clip-path/clip-path-rectangle-border-ref.html  |    15 +
 .../clip-path/clip-path-rectangle-ref.html         |    15 +
 .../clip-path/clip-path-square-001-ref.html        |    15 +
 .../clip-path/clip-path-square-002-ref.html        |    15 +
 .../clip-path/clip-path-stripes-001-ref.html       |    39 +
 .../clip-path/clip-path-stripes-002-ref.html       |    31 +
 .../clip-path/clip-path-stripes-003-ref.html       |    63 +
 .../clip-path/clip-path-stroke-001-ref.html        |    21 +
 .../clip-path/clip-path-stroke-001.html            |    26 +
 .../clip-path/clip-path-transform-001-ref.html     |     5 +
 .../clip-path/clip-path-transform-001.html         |    10 +
 .../svg/svg-integration/clip-path/reftest.list     |    61 +
 .../svg-integration/clipPath-html-01-extref.xhtml  |    15 +
 .../svg/svg-integration/clipPath-html-01-ref.svg   |     8 +
 .../svg/svg-integration/clipPath-html-01.xhtml     |    18 +
 .../svg-integration/clipPath-html-02-extref.xhtml  |    18 +
 .../svg/svg-integration/clipPath-html-02-ref.svg   |     9 +
 .../svg/svg-integration/clipPath-html-02.xhtml     |    23 +
 .../svg-integration/clipPath-html-03-extref.xhtml  |    18 +
 .../svg/svg-integration/clipPath-html-03-ref.svg   |    10 +
 .../svg/svg-integration/clipPath-html-03.xhtml     |    23 +
 .../svg-integration/clipPath-html-04-extref.xhtml  |    22 +
 .../svg/svg-integration/clipPath-html-04-ref.xhtml |    14 +
 .../svg/svg-integration/clipPath-html-04.xhtml     |    27 +
 .../svg-integration/clipPath-html-05-extref.xhtml  |    22 +
 .../svg/svg-integration/clipPath-html-05-ref.xhtml |    14 +
 .../svg/svg-integration/clipPath-html-05.xhtml     |    27 +
 .../svg-integration/clipPath-html-06-extref.xhtml  |    24 +
 .../svg/svg-integration/clipPath-html-06-ref.xhtml |    20 +
 .../svg/svg-integration/clipPath-html-06.xhtml     |    29 +
 .../svg/svg-integration/clipPath-html-07-ref.svg   |     4 +
 .../svg/svg-integration/clipPath-html-07.xhtml     |    31 +
 .../svg/svg-integration/clipPath-html-08.xhtml     |    26 +
 .../svg-integration/clipPath-html-zoomed-01.xhtml  |    15 +
 .../clipPath-transformed-html-01.xhtml             |    44 +
 .../clipPath-transformed-html-02.xhtml             |    44 +
 .../svg-integration/conditions-outer-svg-01.xhtml  |    18 +
 .../svg-integration/conditions-outer-svg-02.xhtml  |    19 +
 .../svg-integration/css-and-svg-filter-01-ref.html |    10 +
 .../svg/svg-integration/css-and-svg-filter-01.html |    27 +
 .../dynamic-conditions-outer-svg-01.xhtml          |    18 +
 .../dynamic-conditions-outer-svg-02.xhtml          |    18 +
 .../dynamic-conditions-outer-svg-03.xhtml          |    18 +
 .../dynamic-conditions-outer-svg-04.xhtml          |    18 +
 .../svg-integration/filter-html-01-extref.xhtml    |    15 +
 .../svg/svg-integration/filter-html-01-ref.svg     |    14 +
 .../svg/svg-integration/filter-html-01.xhtml       |    21 +
 .../filter-html-dynamic-01-ref.xhtml               |    23 +
 .../svg-integration/filter-html-dynamic-01.xhtml   |    35 +
 .../svg-integration/filter-html-zoomed-01.xhtml    |    18 +
 .../mask-clipPath-opacity-01-ref.xhtml             |    14 +
 .../mask-clipPath-opacity-01a.xhtml                |    20 +
 .../mask-clipPath-opacity-01b.xhtml                |    21 +
 .../mask-clipPath-opacity-01c.xhtml                |    21 +
 .../mask-clipPath-opacity-01d.xhtml                |    21 +
 .../mask-clipPath-opacity-01e.xhtml                |    25 +
 .../svg-integration/mask-html-01-extref-01.xhtml   |    15 +
 .../svg-integration/mask-html-01-extref-02.xhtml   |    15 +
 .../svg/svg-integration/mask-html-01-ref.svg       |    16 +
 .../svg/svg-integration/mask-html-01-resource.svg  |    33 +
 .../svg/svg-integration/mask-html-01.xhtml         |    23 +
 .../svg/svg-integration/mask-html-zoomed-01.xhtml  |    20 +
 .../mask-mask-clipPath-opacity-scale-ref.xhtml     |    15 +
 .../mask-mask-clipPath-opacity-scale.xhtml         |    25 +
 .../svg-integration/mask-transformed-html-01.xhtml |    42 +
 .../svg-integration/mask-transformed-html-02.xhtml |    42 +
 .../patterned-svg-under-transformed-html-01.xhtml  |    47 +
 .../patterned-svg-under-transformed-html-02.xhtml  |    47 +
 layout/reftests/svg/svg-integration/reftest.list   |    53 +
 .../transform-outer-svg-01-ref.xhtml               |    18 +
 .../svg-integration/transform-outer-svg-01.xhtml   |    18 +
 layout/reftests/svg/svg-transform-01.svg           |    16 +
 layout/reftests/svg/svg-transform-02.svg           |    16 +
 layout/reftests/svg/switch-01.svg                  |    64 +
 layout/reftests/svg/symbol-01-ref.svg              |     7 +
 layout/reftests/svg/symbol-01.svg                  |    21 +
 layout/reftests/svg/text-font-size-01.svg          |    19 +
 layout/reftests/svg/text-font-weight-01-ref.svg    |    17 +
 layout/reftests/svg/text-font-weight-01.svg        |    25 +
 layout/reftests/svg/text-gradient-01-ref.svg       |    18 +
 layout/reftests/svg/text-gradient-01.svg           |    21 +
 layout/reftests/svg/text-gradient-02-ref.svg       |    22 +
 layout/reftests/svg/text-gradient-02.svg           |    23 +
 layout/reftests/svg/text-gradient-03.svg           |    22 +
 layout/reftests/svg/text-gradient-04-ref.svg       |    19 +
 layout/reftests/svg/text-gradient-04.svg           |    39 +
 layout/reftests/svg/text-in-link-01-ref.svg        |    20 +
 layout/reftests/svg/text-in-link-01.svg            |    28 +
 layout/reftests/svg/text-in-link-02-ref.svg        |    12 +
 layout/reftests/svg/text-in-link-02.svg            |    11 +
 layout/reftests/svg/text-in-link-03-ref.svg        |    11 +
 layout/reftests/svg/text-in-link-03.svg            |    11 +
 layout/reftests/svg/text-language-00-ref.xhtml     |    28 +
 layout/reftests/svg/text-language-00.xhtml         |    32 +
 layout/reftests/svg/text-language-01-ref.xhtml     |    35 +
 layout/reftests/svg/text-language-01.xhtml         |    37 +
 layout/reftests/svg/text-layout-01-ref.svg         |    42 +
 layout/reftests/svg/text-layout-01.svg             |    36 +
 layout/reftests/svg/text-layout-02-ref.svg         |    21 +
 layout/reftests/svg/text-layout-02.svg             |    21 +
 layout/reftests/svg/text-layout-03-ref.svg         |    13 +
 layout/reftests/svg/text-layout-03.svg             |    13 +
 layout/reftests/svg/text-layout-04-ref.svg         |    11 +
 layout/reftests/svg/text-layout-04.svg             |    11 +
 layout/reftests/svg/text-layout-05-ref.svg         |    13 +
 layout/reftests/svg/text-layout-05.svg             |    13 +
 layout/reftests/svg/text-layout-06-ref.svg         |    13 +
 layout/reftests/svg/text-layout-06.svg             |     9 +
 layout/reftests/svg/text-layout-07-ref.svg         |     8 +
 layout/reftests/svg/text-layout-07.svg             |     9 +
 layout/reftests/svg/text-layout-08-ref.svg         |     7 +
 layout/reftests/svg/text-layout-08.svg             |    10 +
 layout/reftests/svg/text-layout-09.svg             |    49 +
 layout/reftests/svg/text-layout-10.svg             |    66 +
 layout/reftests/svg/text-scale-01-ref.svg          |    14 +
 layout/reftests/svg/text-scale-01.svg              |    22 +
 layout/reftests/svg/text-scale-02-ref.svg          |    11 +
 layout/reftests/svg/text-scale-02.svg              |    17 +
 layout/reftests/svg/text-scale-03-ref.svg          |     7 +
 layout/reftests/svg/text-scale-03.svg              |    13 +
 layout/reftests/svg/text-stroke-scaling-01-ref.svg |    15 +
 layout/reftests/svg/text-stroke-scaling-01.svg     |    11 +
 .../reftests/svg/text-stroke-scaling-02-ref.html   |     9 +
 layout/reftests/svg/text-stroke-scaling-02a.html   |    17 +
 layout/reftests/svg/text-stroke-scaling-02b.html   |    10 +
 layout/reftests/svg/text-style-01-ref.svg          |    21 +
 layout/reftests/svg/text-style-01a.svg             |    29 +
 layout/reftests/svg/text-style-01b.svg             |    30 +
 layout/reftests/svg/text-style-01c.svg             |    29 +
 layout/reftests/svg/text-style-01d.svg             |    30 +
 layout/reftests/svg/text-style-01e.svg             |    31 +
 layout/reftests/svg/text-white-space-01-ref.svg    |    14 +
 layout/reftests/svg/text-white-space-01.svg        |    15 +
 layout/reftests/svg/text/clipPath-applied-ref.svg  |    23 +
 layout/reftests/svg/text/clipPath-applied.svg      |    29 +
 .../reftests/svg/text/clipPath-content-2-ref.svg   |    25 +
 layout/reftests/svg/text/clipPath-content-2.svg    |    42 +
 layout/reftests/svg/text/clipPath-content-ref.svg  |    18 +
 layout/reftests/svg/text/clipPath-content.svg      |    41 +
 layout/reftests/svg/text/deselectAll-ref.svg       |     9 +
 layout/reftests/svg/text/deselectAll.svg           |    14 +
 layout/reftests/svg/text/display-none-1.svg        |     9 +
 layout/reftests/svg/text/display-none-2.svg        |     9 +
 layout/reftests/svg/text/display-none-3.svg        |     9 +
 layout/reftests/svg/text/display-none-4.svg        |     9 +
 .../svg/text/dynamic-dominant-baseline-ref.svg     |     7 +
 .../svg/text/dynamic-dominant-baseline.svg         |    15 +
 .../reftests/svg/text/dynamic-font-size-2-ref.svg  |    15 +
 layout/reftests/svg/text/dynamic-font-size-2.svg   |    28 +
 .../reftests/svg/text/dynamic-font-size-3-ref.svg  |    17 +
 layout/reftests/svg/text/dynamic-font-size-3.svg   |    31 +
 .../reftests/svg/text/dynamic-font-size-4-ref.svg  |    17 +
 layout/reftests/svg/text/dynamic-font-size-4.svg   |    31 +
 layout/reftests/svg/text/dynamic-font-size-ref.svg |     7 +
 layout/reftests/svg/text/dynamic-font-size.svg     |    15 +
 .../reftests/svg/text/dynamic-multiple-x-ref.svg   |    13 +
 layout/reftests/svg/text/dynamic-multiple-x.svg    |    55 +
 .../svg/text/dynamic-non-scaling-stroke-ref.svg    |    11 +
 .../svg/text/dynamic-non-scaling-stroke.svg        |    31 +
 layout/reftests/svg/text/dynamic-text-shadow.svg   |    15 +
 layout/reftests/svg/text/filter-applied-ref.svg    |    33 +
 layout/reftests/svg/text/filter-applied.svg        |    40 +
 layout/reftests/svg/text/ignore-before-after.svg   |    13 +
 layout/reftests/svg/text/ignore-border.svg         |     7 +
 layout/reftests/svg/text/ignore-display-ref.svg    |    35 +
 layout/reftests/svg/text/ignore-display.svg        |    35 +
 .../svg/text/ignore-float-first-letter.svg         |    10 +
 layout/reftests/svg/text/ignore-float.svg          |     7 +
 .../svg/text/ignore-invalid-child-2-ref.svg        |    12 +
 .../reftests/svg/text/ignore-invalid-child-2.svg   |    13 +
 .../reftests/svg/text/ignore-invalid-child-ref.svg |     7 +
 layout/reftests/svg/text/ignore-invalid-child.svg  |     7 +
 layout/reftests/svg/text/ignore-margin.svg         |     7 +
 .../reftests/svg/text/ignore-overflow-scroll.svg   |     7 +
 layout/reftests/svg/text/ignore-padding.svg        |     7 +
 layout/reftests/svg/text/ignore-position-ref.svg   |    12 +
 layout/reftests/svg/text/ignore-position.svg       |    12 +
 layout/reftests/svg/text/ignore-prop-ref.svg       |     7 +
 .../reftests/svg/text/ignore-text-align-2-ref.svg  |    10 +
 layout/reftests/svg/text/ignore-text-align-2.svg   |    10 +
 layout/reftests/svg/text/ignore-text-align.svg     |     7 +
 .../svg/text/ignore-vertical-align-ref.svg         |     7 +
 layout/reftests/svg/text/ignore-vertical-align.svg |     7 +
 layout/reftests/svg/text/link-surrounding.svg      |     9 +
 layout/reftests/svg/text/mask-applied-ref.svg      |    23 +
 layout/reftests/svg/text/mask-applied.svg          |    29 +
 layout/reftests/svg/text/mask-content-2-ref.svg    |    25 +
 layout/reftests/svg/text/mask-content-2.svg        |    44 +
 layout/reftests/svg/text/mask-content-ref.svg      |    18 +
 layout/reftests/svg/text/mask-content.svg          |    43 +
 .../reftests/svg/text/multiple-chunks-bidi-ref.svg |    10 +
 layout/reftests/svg/text/multiple-chunks-bidi.svg  |     9 +
 .../multiple-chunks-different-anchor-bidi-ref.svg  |    10 +
 .../text/multiple-chunks-different-anchor-bidi.svg |     9 +
 .../text/multiple-chunks-different-anchor-ref.svg  |    10 +
 .../multiple-chunks-different-anchor-rtl-ref.svg   |    10 +
 .../text/multiple-chunks-different-anchor-rtl.svg  |     9 +
 .../svg/text/multiple-chunks-different-anchor.svg  |     9 +
 .../multiple-chunks-direction-and-anchor-ref.svg   |    10 +
 ...ultiple-chunks-directions-and-anchor-dx-ref.svg |     9 +
 .../multiple-chunks-directions-and-anchor-dx.svg   |     9 +
 ...hunks-directions-and-anchor-multiple-dx-ref.svg |    11 +
 ...le-chunks-directions-and-anchor-multiple-dx.svg |     9 +
 .../multiple-chunks-directions-and-anchor-ref.svg  |    10 +
 .../text/multiple-chunks-directions-and-anchor.svg |     9 +
 .../svg/text/multiple-chunks-dx-bidi-ref.svg       |     9 +
 .../reftests/svg/text/multiple-chunks-dx-bidi.svg  |     9 +
 ...ultiple-chunks-dx-different-anchor-bidi-ref.svg |     9 +
 .../multiple-chunks-dx-different-anchor-bidi.svg   |     9 +
 .../multiple-chunks-dx-different-anchor-ref.svg    |     9 +
 ...multiple-chunks-dx-different-anchor-rtl-ref.svg |     9 +
 .../multiple-chunks-dx-different-anchor-rtl.svg    |     9 +
 .../text/multiple-chunks-dx-different-anchor.svg   |     9 +
 .../reftests/svg/text/multiple-chunks-dx-ref.svg   |     9 +
 .../svg/text/multiple-chunks-dx-rtl-ref.svg        |     9 +
 .../reftests/svg/text/multiple-chunks-dx-rtl.svg   |     9 +
 layout/reftests/svg/text/multiple-chunks-dx.svg    |     9 +
 .../svg/text/multiple-chunks-fill-color-ref.svg    |    12 +
 .../svg/text/multiple-chunks-fill-color.svg        |     9 +
 .../text/multiple-chunks-letter-spacing-ref.svg    |    25 +
 .../svg/text/multiple-chunks-letter-spacing.svg    |     9 +
 .../text/multiple-chunks-multiple-dx-bidi-ref.svg  |    11 +
 .../svg/text/multiple-chunks-multiple-dx-bidi.svg  |     9 +
 ...hunks-multiple-dx-different-anchor-bidi-ref.svg |    10 +
 ...le-chunks-multiple-dx-different-anchor-bidi.svg |     9 +
 ...ple-chunks-multiple-dx-different-anchor-ref.svg |    10 +
 ...chunks-multiple-dx-different-anchor-rtl-ref.svg |    10 +
 ...ple-chunks-multiple-dx-different-anchor-rtl.svg |     9 +
 ...ultiple-chunks-multiple-dx-different-anchor.svg |     9 +
 .../svg/text/multiple-chunks-multiple-dx-ref.svg   |    10 +
 .../text/multiple-chunks-multiple-dx-rtl-ref.svg   |    10 +
 .../svg/text/multiple-chunks-multiple-dx-rtl.svg   |     9 +
 .../svg/text/multiple-chunks-multiple-dx.svg       |     9 +
 layout/reftests/svg/text/multiple-chunks-ref.svg   |    10 +
 .../reftests/svg/text/multiple-chunks-rtl-ref.svg  |    10 +
 layout/reftests/svg/text/multiple-chunks-rtl.svg   |     9 +
 .../svg/text/multiple-chunks-selection-ref.svg     |    17 +
 .../svg/text/multiple-chunks-selection.svg         |    16 +
 layout/reftests/svg/text/multiple-chunks.svg       |     9 +
 .../svg/text/multiple-text-selection-ref.html      |    23 +
 .../reftests/svg/text/multiple-text-selection.svg  |    17 +
 .../svg/text/multiple-x-anchor-end-bidi-ref.svg    |    10 +
 .../svg/text/multiple-x-anchor-end-bidi.svg        |     9 +
 .../svg/text/multiple-x-anchor-end-ref.svg         |    10 +
 .../svg/text/multiple-x-anchor-end-rtl-ref.svg     |    10 +
 .../svg/text/multiple-x-anchor-end-rtl.svg         |     9 +
 layout/reftests/svg/text/multiple-x-anchor-end.svg |     9 +
 layout/reftests/svg/text/multiple-x-bidi-ref.svg   |    10 +
 layout/reftests/svg/text/multiple-x-bidi.svg       |     9 +
 .../svg/text/multiple-x-dx-anchor-end-bidi.svg     |     9 +
 .../svg/text/multiple-x-dx-anchor-end-rtl.svg      |     9 +
 .../reftests/svg/text/multiple-x-dx-anchor-end.svg |     9 +
 .../reftests/svg/text/multiple-x-dx-bidi-ref.svg   |     9 +
 layout/reftests/svg/text/multiple-x-dx-bidi.svg    |     9 +
 layout/reftests/svg/text/multiple-x-dx-ref.svg     |     9 +
 layout/reftests/svg/text/multiple-x-dx-rtl-ref.svg |     9 +
 layout/reftests/svg/text/multiple-x-dx-rtl.svg     |     9 +
 layout/reftests/svg/text/multiple-x-dx.svg         |     9 +
 .../svg/text/multiple-x-holes-bidi-ref.svg         |    11 +
 layout/reftests/svg/text/multiple-x-holes-bidi.svg |     9 +
 .../svg/text/multiple-x-holes-dx-bidi-ref.svg      |     9 +
 .../reftests/svg/text/multiple-x-holes-dx-bidi.svg |     9 +
 .../reftests/svg/text/multiple-x-holes-dx-ref.svg  |     9 +
 .../reftests/svg/text/multiple-x-holes-dx-rtl.svg  |     9 +
 layout/reftests/svg/text/multiple-x-holes-dx.svg   |     9 +
 .../text/multiple-x-holes-multiple-dx-bidi-ref.svg |     9 +
 .../svg/text/multiple-x-holes-multiple-dx-bidi.svg |     9 +
 .../svg/text/multiple-x-holes-multiple-dx-ref.svg  |     9 +
 .../text/multiple-x-holes-multiple-dx-rtl-ref.svg  |     9 +
 .../svg/text/multiple-x-holes-multiple-dx-rtl.svg  |     9 +
 .../svg/text/multiple-x-holes-multiple-dx.svg      |     9 +
 layout/reftests/svg/text/multiple-x-holes-ref.svg  |    11 +
 .../reftests/svg/text/multiple-x-holes-rtl-ref.svg |    11 +
 layout/reftests/svg/text/multiple-x-holes-rtl.svg  |     9 +
 layout/reftests/svg/text/multiple-x-holes.svg      |     9 +
 .../multiple-x-multiple-dx-anchor-end-bidi-ref.svg |    11 +
 .../multiple-x-multiple-dx-anchor-end-bidi.svg     |     9 +
 .../text/multiple-x-multiple-dx-anchor-end-ref.svg |    11 +
 .../multiple-x-multiple-dx-anchor-end-rtl-ref.svg  |    11 +
 .../text/multiple-x-multiple-dx-anchor-end-rtl.svg |     9 +
 .../svg/text/multiple-x-multiple-dx-anchor-end.svg |     9 +
 .../svg/text/multiple-x-multiple-dx-bidi-ref.svg   |    12 +
 .../svg/text/multiple-x-multiple-dx-bidi.svg       |     9 +
 .../svg/text/multiple-x-multiple-dx-ref.svg        |     9 +
 .../svg/text/multiple-x-multiple-dx-rtl-ref.svg    |    11 +
 .../svg/text/multiple-x-multiple-dx-rtl.svg        |     9 +
 .../reftests/svg/text/multiple-x-multiple-dx.svg   |     9 +
 .../text/multiple-x-percentages-2-iframe-ref.svg   |     8 +
 .../svg/text/multiple-x-percentages-2-iframe.svg   |     8 +
 .../svg/text/multiple-x-percentages-2-ref.html     |     6 +
 .../svg/text/multiple-x-percentages-2.html         |    18 +
 .../text/multiple-x-percentages-3-iframe-ref.svg   |     8 +
 .../svg/text/multiple-x-percentages-3-iframe.svg   |     8 +
 .../svg/text/multiple-x-percentages-3-ref.html     |     6 +
 .../svg/text/multiple-x-percentages-3.html         |    25 +
 .../svg/text/multiple-x-percentages-ref.svg        |     8 +
 .../reftests/svg/text/multiple-x-percentages.svg   |    15 +
 layout/reftests/svg/text/multiple-x-ref.svg        |    10 +
 layout/reftests/svg/text/multiple-x-rtl-ref.svg    |    10 +
 layout/reftests/svg/text/multiple-x-rtl.svg        |     9 +
 .../svg/text/multiple-x-white-space-ref.svg        |    11 +
 .../reftests/svg/text/multiple-x-white-space.svg   |    15 +
 layout/reftests/svg/text/multiple-x.svg            |     9 +
 layout/reftests/svg/text/pattern-content-ref.svg   |    16 +
 layout/reftests/svg/text/pattern-content.svg       |    22 +
 .../svg/text/pseudo-first-letter-2-ref.svg         |     7 +
 layout/reftests/svg/text/pseudo-first-letter-2.svg |    10 +
 .../reftests/svg/text/pseudo-first-letter-ref.svg  |     8 +
 layout/reftests/svg/text/pseudo-first-letter.svg   |    11 +
 .../reftests/svg/text/pseudo-first-line-2-ref.svg  |    10 +
 layout/reftests/svg/text/pseudo-first-line-2.svg   |    14 +
 layout/reftests/svg/text/pseudo-first-line-ref.svg |     8 +
 layout/reftests/svg/text/pseudo-first-line.svg     |    11 +
 layout/reftests/svg/text/reftest.list              |   216 +
 layout/reftests/svg/text/selectSubString-2-ref.svg |    21 +
 layout/reftests/svg/text/selectSubString-2.svg     |    18 +
 layout/reftests/svg/text/selectSubString-3-ref.svg |    21 +
 layout/reftests/svg/text/selectSubString-3.svg     |    20 +
 layout/reftests/svg/text/selectSubString-ref.svg   |    21 +
 layout/reftests/svg/text/selectSubString.svg       |    18 +
 layout/reftests/svg/text/simple-2.svg              |     9 +
 .../svg/text/simple-anchor-end-bidi-ref.html       |    15 +
 .../reftests/svg/text/simple-anchor-end-bidi.svg   |     9 +
 .../reftests/svg/text/simple-anchor-end-ref.html   |    15 +
 .../svg/text/simple-anchor-end-rtl-ref.html        |    15 +
 layout/reftests/svg/text/simple-anchor-end-rtl.svg |     9 +
 layout/reftests/svg/text/simple-anchor-end.svg     |     9 +
 .../svg/text/simple-anchor-middle-bidi-ref.html    |    15 +
 .../svg/text/simple-anchor-middle-bidi.svg         |     9 +
 .../svg/text/simple-anchor-middle-ref.html         |    15 +
 .../svg/text/simple-anchor-middle-rtl-ref.html     |    15 +
 .../reftests/svg/text/simple-anchor-middle-rtl.svg |     9 +
 layout/reftests/svg/text/simple-anchor-middle.svg  |     9 +
 layout/reftests/svg/text/simple-bidi-2.svg         |     9 +
 layout/reftests/svg/text/simple-bidi-ref.html      |    15 +
 .../svg/text/simple-bidi-selection-ref.html        |    22 +
 layout/reftests/svg/text/simple-bidi-selection.svg |    16 +
 layout/reftests/svg/text/simple-bidi.svg           |     9 +
 layout/reftests/svg/text/simple-dx-2-ref.svg       |     9 +
 layout/reftests/svg/text/simple-dx-2.svg           |     9 +
 .../svg/text/simple-dx-anchor-end-bidi-ref.svg     |     9 +
 .../svg/text/simple-dx-anchor-end-bidi.svg         |     9 +
 .../reftests/svg/text/simple-dx-anchor-end-ref.svg |     9 +
 .../svg/text/simple-dx-anchor-end-rtl-ref.svg      |     9 +
 .../reftests/svg/text/simple-dx-anchor-end-rtl.svg |     9 +
 layout/reftests/svg/text/simple-dx-anchor-end.svg  |     9 +
 .../svg/text/simple-dx-anchor-middle-bidi-ref.svg  |     9 +
 .../svg/text/simple-dx-anchor-middle-bidi.svg      |     9 +
 .../svg/text/simple-dx-anchor-middle-ref.svg       |     9 +
 .../svg/text/simple-dx-anchor-middle-rtl-ref.svg   |     9 +
 .../svg/text/simple-dx-anchor-middle-rtl.svg       |     9 +
 .../reftests/svg/text/simple-dx-anchor-middle.svg  |     9 +
 layout/reftests/svg/text/simple-dx-bidi-2-ref.svg  |     9 +
 layout/reftests/svg/text/simple-dx-bidi-2.svg      |     9 +
 layout/reftests/svg/text/simple-dx-bidi-ref.svg    |     9 +
 layout/reftests/svg/text/simple-dx-bidi.svg        |     9 +
 layout/reftests/svg/text/simple-dx-rtl-2-ref.svg   |     9 +
 layout/reftests/svg/text/simple-dx-rtl-2.svg       |     9 +
 layout/reftests/svg/text/simple-dx-rtl-ref.svg     |     9 +
 layout/reftests/svg/text/simple-dx-rtl.svg         |     9 +
 layout/reftests/svg/text/simple-dx.svg             |     9 +
 .../svg/text/simple-fill-color-dynamic-ref.svg     |     9 +
 .../svg/text/simple-fill-color-dynamic.svg         |    25 +
 .../reftests/svg/text/simple-fill-color-ref.html   |    14 +
 .../svg/text/simple-fill-color-selection-ref.html  |    21 +
 .../svg/text/simple-fill-color-selection.svg       |    16 +
 layout/reftests/svg/text/simple-fill-color.svg     |     9 +
 .../reftests/svg/text/simple-fill-gradient-ref.svg |    14 +
 layout/reftests/svg/text/simple-fill-gradient.svg  |    20 +
 layout/reftests/svg/text/simple-fill-none.svg      |     9 +
 .../svg/text/simple-letter-spacing-ref.svg         |     9 +
 layout/reftests/svg/text/simple-letter-spacing.svg |     9 +
 .../svg/text/simple-multiline-anchor-end-ref.svg   |    12 +
 .../svg/text/simple-multiline-anchor-end.svg       |    10 +
 .../svg/text/simple-multiline-number-ref.svg       |    10 +
 .../reftests/svg/text/simple-multiline-number.svg  |    10 +
 .../reftests/svg/text/simple-multiline-pc-ref.svg  |    10 +
 layout/reftests/svg/text/simple-multiline-pc.svg   |    10 +
 layout/reftests/svg/text/simple-multiline-ref.svg  |    10 +
 layout/reftests/svg/text/simple-multiline.svg      |    10 +
 layout/reftests/svg/text/simple-multiple-dx-2.svg  |     9 +
 .../simple-multiple-dx-anchor-end-bidi-ref.svg     |    11 +
 .../text/simple-multiple-dx-anchor-end-bidi.svg    |     9 +
 .../svg/text/simple-multiple-dx-anchor-end-ref.svg |    11 +
 .../text/simple-multiple-dx-anchor-end-rtl-ref.svg |    11 +
 .../svg/text/simple-multiple-dx-anchor-end-rtl.svg |     9 +
 .../svg/text/simple-multiple-dx-anchor-end.svg     |     9 +
 .../simple-multiple-dx-anchor-middle-bidi-ref.svg  |    15 +
 .../text/simple-multiple-dx-anchor-middle-bidi.svg |    15 +
 .../text/simple-multiple-dx-anchor-middle-ref.svg  |    15 +
 .../simple-multiple-dx-anchor-middle-rtl-ref.svg   |    15 +
 .../text/simple-multiple-dx-anchor-middle-rtl.svg  |    15 +
 .../svg/text/simple-multiple-dx-anchor-middle.svg  |    15 +
 .../svg/text/simple-multiple-dx-bidi-2.svg         |     9 +
 .../svg/text/simple-multiple-dx-bidi-ref.svg       |    11 +
 .../reftests/svg/text/simple-multiple-dx-bidi.svg  |     9 +
 .../reftests/svg/text/simple-multiple-dx-ref.html  |    14 +
 .../reftests/svg/text/simple-multiple-dx-rtl-2.svg |     9 +
 .../svg/text/simple-multiple-dx-rtl-ref.svg        |    11 +
 .../reftests/svg/text/simple-multiple-dx-rtl.svg   |     9 +
 layout/reftests/svg/text/simple-multiple-dx.svg    |     9 +
 layout/reftests/svg/text/simple-pointer-events.svg |     7 +
 layout/reftests/svg/text/simple-ref.html           |    14 +
 layout/reftests/svg/text/simple-rtl-2.svg          |     9 +
 layout/reftests/svg/text/simple-rtl-ref.html       |    15 +
 layout/reftests/svg/text/simple-rtl.svg            |     9 +
 layout/reftests/svg/text/simple-selection-ref.html |    21 +
 layout/reftests/svg/text/simple-selection.svg      |    16 +
 .../svg/text/simple-transform-rotate-ref.svg       |    13 +
 .../reftests/svg/text/simple-transform-rotate.svg  |    13 +
 layout/reftests/svg/text/simple-underline-ref.html |    14 +
 .../svg/text/simple-underline-scaled-ref.svg       |     3 +
 .../reftests/svg/text/simple-underline-scaled.svg  |     3 +
 .../svg/text/simple-underline-selection-ref.html   |    21 +
 .../svg/text/simple-underline-selection.svg        |    16 +
 layout/reftests/svg/text/simple-underline.svg      |     9 +
 .../reftests/svg/text/simple-word-spacing-ref.svg  |     9 +
 layout/reftests/svg/text/simple-word-spacing.svg   |     9 +
 layout/reftests/svg/text/simple.svg                |     9 +
 layout/reftests/svg/text/text-shadow-ref.svg       |     8 +
 layout/reftests/svg/text/text-shadow.svg           |     7 +
 layout/reftests/svg/text/textLength-2-ref.svg      |    40 +
 layout/reftests/svg/text/textLength-2.svg          |    36 +
 layout/reftests/svg/text/textLength-3-ref.svg      |    43 +
 layout/reftests/svg/text/textLength-3.svg          |    40 +
 layout/reftests/svg/text/textLength-4-ref.svg      |    28 +
 layout/reftests/svg/text/textLength-4.svg          |    20 +
 layout/reftests/svg/text/textLength-5-ref.svg      |     4 +
 layout/reftests/svg/text/textLength-5.svg          |     3 +
 layout/reftests/svg/text/textLength-6-ref.svg      |     4 +
 layout/reftests/svg/text/textLength-6.svg          |     5 +
 layout/reftests/svg/text/textLength-ref.svg        |    40 +
 layout/reftests/svg/text/textLength.svg            |    36 +
 layout/reftests/svg/text/textpath-a-ref.svg        |     8 +
 layout/reftests/svg/text/textpath-a.svg            |     8 +
 .../svg/text/textpath-after-anchor-end-ref.svg     |    10 +
 .../svg/text/textpath-after-anchor-end.svg         |    10 +
 layout/reftests/svg/text/textpath-after-ref.svg    |    11 +
 layout/reftests/svg/text/textpath-after.svg        |    10 +
 .../reftests/svg/text/textpath-anchor-end-ref.svg  |     8 +
 layout/reftests/svg/text/textpath-anchor-end.svg   |     8 +
 .../svg/text/textpath-anchor-middle-ref.svg        |     7 +
 .../reftests/svg/text/textpath-anchor-middle.svg   |     8 +
 .../reftests/svg/text/textpath-cluster-2-ref.svg   |     8 +
 layout/reftests/svg/text/textpath-cluster-2.svg    |     9 +
 layout/reftests/svg/text/textpath-cluster-ref.svg  |    12 +
 layout/reftests/svg/text/textpath-cluster.svg      |    12 +
 .../svg/text/textpath-inherit-position-ref.svg     |    10 +
 .../svg/text/textpath-inherit-position.svg         |    10 +
 .../svg/text/textpath-invalid-parent-ref.svg       |     8 +
 .../reftests/svg/text/textpath-invalid-parent.svg  |     8 +
 .../reftests/svg/text/textpath-multiline-2-ref.svg |    12 +
 layout/reftests/svg/text/textpath-multiline-2.svg  |    12 +
 .../reftests/svg/text/textpath-multiline-ref.svg   |     9 +
 layout/reftests/svg/text/textpath-multiline.svg    |    12 +
 layout/reftests/svg/text/textpath-multiple.svg     |    13 +
 layout/reftests/svg/text/textpath-ref.svg          |    33 +
 .../svg/text/textpath-reset-position-ref.svg       |    10 +
 .../reftests/svg/text/textpath-reset-position.svg  |    10 +
 .../reftests/svg/text/textpath-selection-ref.svg   |    39 +
 layout/reftests/svg/text/textpath-selection.svg    |    15 +
 .../reftests/svg/text/textpath-vertical-dx-ref.svg |     8 +
 layout/reftests/svg/text/textpath-vertical-dx.svg  |     8 +
 .../reftests/svg/text/textpath-vertical-x-ref.svg  |     8 +
 layout/reftests/svg/text/textpath-vertical-x.svg   |     8 +
 layout/reftests/svg/text/textpath.svg              |     8 +
 layout/reftests/svg/text/tspan-shaping-ref.svg     |     7 +
 layout/reftests/svg/text/tspan-shaping.svg         |     6 +
 layout/reftests/svg/text/vertical-01-ref.svg       |    12 +
 layout/reftests/svg/text/vertical-01.svg           |    10 +
 layout/reftests/svg/textPath-01-ref.svg            |    16 +
 layout/reftests/svg/textPath-01.svg                |    16 +
 layout/reftests/svg/textPath-02.svg                |    15 +
 layout/reftests/svg/textPath-03.svg                |    18 +
 layout/reftests/svg/textPath-04.svg                |    28 +
 layout/reftests/svg/textPath-05.html               |    21 +
 layout/reftests/svg/textPath-06.svg                |    19 +
 layout/reftests/svg/textPath-line-01-ref.svg       |    16 +
 layout/reftests/svg/textPath-line-01.svg           |    16 +
 .../svg/textPath-path-attribute-01-ref.svg         |    24 +
 layout/reftests/svg/textPath-path-attribute-01.svg |    28 +
 layout/reftests/svg/textPath-side-attribute-01.svg |    45 +
 layout/reftests/svg/thin-stroke-01.svg             |    10 +
 .../svg/transform-animation-on-path-ref.html       |     6 +
 .../reftests/svg/transform-animation-on-path.html  |    20 +
 .../svg/transform-origin-presentation-01.svg       |     4 +
 layout/reftests/svg/transform-outer-svg-01-ref.svg |     9 +
 layout/reftests/svg/transform-outer-svg-01.svg     |    10 +
 layout/reftests/svg/tspan-dxdy-01.svg              |    10 +
 layout/reftests/svg/tspan-dxdy-02.svg              |    10 +
 layout/reftests/svg/tspan-dxdy-03.svg              |    10 +
 layout/reftests/svg/tspan-dxdy-04.svg              |    10 +
 layout/reftests/svg/tspan-dxdy-05.svg              |    10 +
 layout/reftests/svg/tspan-dxdy-06.svg              |    10 +
 layout/reftests/svg/tspan-dxdy-ref.svg             |    10 +
 layout/reftests/svg/tspan-dxdy-textPath-01-ref.svg |    20 +
 layout/reftests/svg/tspan-dxdy-textPath-01.svg     |    20 +
 layout/reftests/svg/tspan-rotate-01.svg            |    11 +
 layout/reftests/svg/tspan-rotate-02-ref.svg        |    11 +
 layout/reftests/svg/tspan-rotate-02.svg            |    11 +
 layout/reftests/svg/tspan-rotate-03.svg            |    11 +
 layout/reftests/svg/tspan-rotate-04-ref.svg        |    11 +
 layout/reftests/svg/tspan-rotate-04.svg            |    11 +
 layout/reftests/svg/tspan-rotate-05.svg            |    11 +
 layout/reftests/svg/tspan-rotate-06.svg            |    11 +
 layout/reftests/svg/tspan-rotate-07-ref.svg        |     8 +
 layout/reftests/svg/tspan-rotate-07.svg            |     8 +
 layout/reftests/svg/tspan-rotate-ref.svg           |    11 +
 .../reftests/svg/tspan-rotate-textPath-01-ref.svg  |    20 +
 layout/reftests/svg/tspan-rotate-textPath-01.svg   |    20 +
 layout/reftests/svg/tspan-xy-01.svg                |    11 +
 layout/reftests/svg/tspan-xy-02.svg                |    11 +
 layout/reftests/svg/tspan-xy-03.svg                |    11 +
 layout/reftests/svg/tspan-xy-04.svg                |    11 +
 layout/reftests/svg/tspan-xy-05.svg                |    11 +
 layout/reftests/svg/tspan-xy-06.svg                |    11 +
 layout/reftests/svg/tspan-xy-anchor-end-01.svg     |    11 +
 layout/reftests/svg/tspan-xy-anchor-end-ref.svg    |    11 +
 layout/reftests/svg/tspan-xy-anchor-middle-01.svg  |    11 +
 layout/reftests/svg/tspan-xy-anchor-middle-ref.svg |    11 +
 layout/reftests/svg/tspan-xy-ref.svg               |    23 +
 layout/reftests/svg/use-01-extref-resource.svg     |    27 +
 layout/reftests/svg/use-01-extref.svg              |    24 +
 layout/reftests/svg/use-01.svg                     |    25 +
 layout/reftests/svg/use-02-extref-ref.svg          |    30 +
 layout/reftests/svg/use-02-extref-resource.svg     |    34 +
 layout/reftests/svg/use-02-extref.svg              |    28 +
 layout/reftests/svg/use-02.svg                     |    17 +
 layout/reftests/svg/use-children.svg               |    13 +
 .../svg/use-element-shadow-tree-rule-matching.html |    79 +
 layout/reftests/svg/use-extref-dataURI-01.svg      |    12 +
 layout/reftests/svg/use-image-01.svg               |    10 +
 .../reftests/svg/use-localRef-clipPath-01-ref.svg  |    17 +
 layout/reftests/svg/use-localRef-clipPath-01.svg   |    23 +
 .../svg/use-localRef-clipPath-resource.svg         |    16 +
 layout/reftests/svg/use-localRef-fill-01-ref.svg   |    12 +
 layout/reftests/svg/use-localRef-fill-01.svg       |    25 +
 layout/reftests/svg/use-localRef-fill-resource.svg |    19 +
 layout/reftests/svg/use-localRef-filter-01-ref.svg |    11 +
 layout/reftests/svg/use-localRef-filter-01.svg     |    22 +
 .../reftests/svg/use-localRef-filter-resource.svg  |    16 +
 layout/reftests/svg/use-localRef-link.html         |    15 +
 layout/reftests/svg/use-localRef-marker-01-ref.svg |    29 +
 layout/reftests/svg/use-localRef-marker-01.svg     |    30 +
 .../reftests/svg/use-localRef-marker-resource.svg  |    18 +
 layout/reftests/svg/use-localRef-mask-01-ref.svg   |    17 +
 layout/reftests/svg/use-localRef-mask-01.svg       |    22 +
 layout/reftests/svg/use-localRef-mask-resource.svg |    16 +
 layout/reftests/svg/use-localRef-stroke-01-ref.svg |    12 +
 layout/reftests/svg/use-localRef-stroke-01.svg     |    26 +
 .../reftests/svg/use-localRef-stroke-resource.svg  |    19 +
 .../svg/use-restrictions-not-restricted-ref.svg    |    11 +
 layout/reftests/svg/use-restrictions.svg           |    14 +
 .../svg/userSpaceOnUse-and-pattern-01-ref.svg      |    17 +
 .../reftests/svg/userSpaceOnUse-and-pattern-01.svg |    18 +
 layout/reftests/svg/viewBox-and-pattern-01.svg     |    19 +
 layout/reftests/svg/viewBox-and-pattern-02.svg     |    20 +
 layout/reftests/svg/viewBox-and-pattern-03.svg     |    19 +
 layout/reftests/svg/viewBox-and-pattern-04.svg     |    17 +
 layout/reftests/svg/viewBox-and-symbol-01.svg      |    14 +
 layout/reftests/svg/viewBox-invalid-01.svg         |   127 +
 layout/reftests/svg/viewBox-invalid-02.svg         |    38 +
 layout/reftests/svg/viewBox-valid-01.svg           |    96 +
 layout/reftests/svg/viewBox-valid-02.xhtml         |    27 +
 .../svg/viewport-percent-graphic-user-01.svg       |    15 +
 layout/reftests/svg/winding-01.svg                 |    11 +
 layout/reftests/svg/zero-stroke-01.svg             |    12 +
 layout/reftests/tab-size/reftest.list              |    12 +
 layout/reftests/tab-size/spaces-0.html             |     1 +
 layout/reftests/tab-size/spaces-1.html             |     1 +
 layout/reftests/tab-size/spaces-4-multiple.html    |     1 +
 layout/reftests/tab-size/spaces-4-offset.html      |     6 +
 layout/reftests/tab-size/spaces-4.html             |     1 +
 layout/reftests/tab-size/spaces-8.html             |     1 +
 layout/reftests/tab-size/tab-size-0.html           |     2 +
 layout/reftests/tab-size/tab-size-1.html           |     2 +
 layout/reftests/tab-size/tab-size-4-multiple.html  |     1 +
 layout/reftests/tab-size/tab-size-4-span.html      |     1 +
 .../reftests/tab-size/tab-size-4-spanoffset.html   |     6 +
 layout/reftests/tab-size/tab-size-4.html           |     1 +
 layout/reftests/tab-size/tab-size-8.html           |     1 +
 .../reftests/tab-size/tab-size-change-1-ref.html   |    20 +
 layout/reftests/tab-size/tab-size-change-1a.html   |    33 +
 layout/reftests/tab-size/tab-size-change-1b.html   |    35 +
 layout/reftests/tab-size/tab-size-initial.html     |     1 +
 layout/reftests/tab-size/tab-size-length-ref.html  |    74 +
 layout/reftests/tab-size/tab-size-length.html      |    52 +
 layout/reftests/tab-size/tab-size-negative.html    |     1 +
 .../table-anonymous-boxes/121142-1-ref.html        |    11 +
 .../reftests/table-anonymous-boxes/121142-1a.html  |    18 +
 .../reftests/table-anonymous-boxes/121142-1b.html  |    14 +
 .../table-anonymous-boxes/121142-2-ref.html        |    10 +
 .../reftests/table-anonymous-boxes/121142-2.html   |    10 +
 .../table-anonymous-boxes/156888-1-ref.html        |    19 +
 .../reftests/table-anonymous-boxes/156888-1.html   |    39 +
 .../table-anonymous-boxes/156888-2-ref.html        |    19 +
 .../reftests/table-anonymous-boxes/156888-2.html   |    51 +
 .../reftests/table-anonymous-boxes/162063-1.xhtml  |   109 +
 .../reftests/table-anonymous-boxes/203923-1.html   |    22 +
 .../reftests/table-anonymous-boxes/203923-2.html   |    22 +
 .../table-anonymous-boxes/208305-1-ref.html        |    10 +
 .../reftests/table-anonymous-boxes/208305-1.html   |    19 +
 .../reftests/table-anonymous-boxes/208305-2.html   |    19 +
 .../reftests/table-anonymous-boxes/208305-3.html   |    12 +
 .../reftests/table-anonymous-boxes/208305-4.html   |    21 +
 .../table-anonymous-boxes/277995-1-ref.html        |    67 +
 .../reftests/table-anonymous-boxes/277995-1.html   |    55 +
 .../table-anonymous-boxes/293576-1-ref.html        |     6 +
 .../reftests/table-anonymous-boxes/293576-1.html   |    20 +
 .../table-anonymous-boxes/3-blocks-ref.html        |    14 +
 .../table-anonymous-boxes/3-tables-ref.html        |    26 +
 .../table-anonymous-boxes/302113-1-ref.html        |    27 +
 .../reftests/table-anonymous-boxes/302113-1.html   |    41 +
 .../table-anonymous-boxes/315146-1-ref.xhtml       |     8 +
 .../reftests/table-anonymous-boxes/315146-1.xhtml  |    34 +
 .../table-anonymous-boxes/325543-1-ref.html        |     7 +
 .../reftests/table-anonymous-boxes/325543-1a.html  |     7 +
 .../reftests/table-anonymous-boxes/325543-1b.html  |     7 +
 .../table-anonymous-boxes/338735-1-ref.html        |    13 +
 .../reftests/table-anonymous-boxes/338735-1.html   |    35 +
 .../table-anonymous-boxes/339388-1-ref.html        |    10 +
 .../reftests/table-anonymous-boxes/339388-1a.html  |    25 +
 .../reftests/table-anonymous-boxes/339388-1b.html  |    25 +
 .../table-anonymous-boxes/363326-1-ref.html        |    13 +
 .../reftests/table-anonymous-boxes/363326-1.html   |    11 +
 .../table-anonymous-boxes/368932-1-ref.html        |     7 +
 .../reftests/table-anonymous-boxes/368932-1.html   |    21 +
 .../table-anonymous-boxes/371054-1-ref.html        |    13 +
 .../reftests/table-anonymous-boxes/371054-1.html   |    20 +
 .../table-anonymous-boxes/372641-1-ref.xhtml       |    10 +
 .../reftests/table-anonymous-boxes/372641-1a.xhtml |    15 +
 .../reftests/table-anonymous-boxes/372641-1b.xhtml |    15 +
 .../reftests/table-anonymous-boxes/372641-1c.xhtml |    15 +
 .../table-anonymous-boxes/372649-1-ref.html        |     6 +
 .../reftests/table-anonymous-boxes/372649-1.html   |    15 +
 .../table-anonymous-boxes/373379-1-ref.html        |    17 +
 .../reftests/table-anonymous-boxes/373379-1.html   |    26 +
 .../table-anonymous-boxes/394402-1-ref.html        |    23 +
 .../reftests/table-anonymous-boxes/394402-1a.html  |    21 +
 .../reftests/table-anonymous-boxes/394402-1b.html  |    22 +
 .../table-anonymous-boxes/398095-1-ref.html        |    10 +
 .../reftests/table-anonymous-boxes/398095-1.html   |    10 +
 .../table-anonymous-boxes/3x3-cols-ref.html        |    23 +
 layout/reftests/table-anonymous-boxes/3x3-ref.html |    22 +
 .../table-anonymous-boxes/407115-1-ref.html        |    20 +
 .../reftests/table-anonymous-boxes/407115-1.html   |    20 +
 .../table-anonymous-boxes/443616-1-ref.html        |    25 +
 .../reftests/table-anonymous-boxes/443616-1a.xhtml |    29 +
 .../reftests/table-anonymous-boxes/443616-1b.html  |    28 +
 .../table-anonymous-boxes/448111-1-ref.html        |    12 +
 .../reftests/table-anonymous-boxes/448111-1.html   |    13 +
 .../table-anonymous-boxes/490174-1-ref.html        |    14 +
 .../reftests/table-anonymous-boxes/490174-1.html   |    13 +
 .../table-anonymous-boxes/695538-1-ref.html        |    21 +
 .../reftests/table-anonymous-boxes/695538-1.html   |    18 +
 .../blocks-divide-tables-1.html                    |    25 +
 .../blocks-divide-tables-2.html                    |    25 +
 .../table-anonymous-boxes/cols-test-1.html         |    30 +
 .../table-anonymous-boxes/cols-test-2.html         |    30 +
 .../table-anonymous-boxes/cols-test-3.html         |    30 +
 .../dynamic-abs-pos-tbody-ref.html                 |    12 +
 .../dynamic-abs-pos-tbody.html                     |    16 +
 .../dynamic-insert-cell-1.html                     |    38 +
 .../table-anonymous-boxes/dynamic-removal-1.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-10.html  |    23 +
 .../table-anonymous-boxes/dynamic-removal-11.html  |    23 +
 .../table-anonymous-boxes/dynamic-removal-12.html  |    22 +
 .../table-anonymous-boxes/dynamic-removal-13.html  |    35 +
 .../table-anonymous-boxes/dynamic-removal-14.html  |    36 +
 .../table-anonymous-boxes/dynamic-removal-15.html  |    35 +
 .../table-anonymous-boxes/dynamic-removal-16.html  |    35 +
 .../table-anonymous-boxes/dynamic-removal-17.html  |    37 +
 .../table-anonymous-boxes/dynamic-removal-2.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-3.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-4.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-5.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-6.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-7.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-8.html   |    35 +
 .../table-anonymous-boxes/dynamic-removal-9.html   |    22 +
 .../dynamic-switch-block-to-cell-1.html            |    37 +
 .../dynamic-switch-block-to-cell-2.html            |    37 +
 .../dynamic-switch-block-to-cell-3.html            |    37 +
 .../dynamic-switch-block-to-cell-4.html            |    37 +
 .../dynamic-switch-block-to-cell-5.html            |    37 +
 .../dynamic-switch-inline-to-cell-1.html           |    37 +
 .../dynamic-switch-inline-to-cell-2.html           |    37 +
 .../dynamic-switch-inline-to-cell-3.html           |    37 +
 .../dynamic-switch-inline-to-cell-4.html           |    37 +
 .../dynamic-switch-inline-to-cell-5.html           |    37 +
 .../table-anonymous-boxes/infer-cells-1.html       |    24 +
 .../table-anonymous-boxes/infer-cells-2.html       |    34 +
 .../table-anonymous-boxes/infer-cells-3.html       |    34 +
 .../table-anonymous-boxes/infer-cells-4.html       |    34 +
 .../infer-first-row-and-table.html                 |    25 +
 .../table-anonymous-boxes/infer-first-row.html     |    27 +
 .../infer-rows-inside-rowgroups.html               |    25 +
 .../infer-second-row-and-table.html                |    27 +
 .../table-anonymous-boxes/infer-second-row.html    |    29 +
 .../infer-table-around-headers-footers-1.html      |    31 +
 .../infer-table-around-headers-footers-2.html      |    31 +
 .../infer-table-around-headers-footers-3.html      |    31 +
 .../infer-table-row-cell.html                      |    32 +
 .../table-anonymous-boxes/infer-table.html         |    25 +
 layout/reftests/table-anonymous-boxes/reftest.list |   115 +
 .../table-anonymous-boxes/white-space-1.html       |    25 +
 .../table-anonymous-boxes/white-space-10.html      |    25 +
 .../table-anonymous-boxes/white-space-11.html      |    25 +
 .../table-anonymous-boxes/white-space-12.html      |    15 +
 .../table-anonymous-boxes/white-space-13.html      |    16 +
 .../table-anonymous-boxes/white-space-14.html      |    19 +
 .../table-anonymous-boxes/white-space-15.html      |    20 +
 .../table-anonymous-boxes/white-space-16.html      |    19 +
 .../table-anonymous-boxes/white-space-17.html      |    21 +
 .../table-anonymous-boxes/white-space-18.html      |    19 +
 .../table-anonymous-boxes/white-space-19.html      |    20 +
 .../table-anonymous-boxes/white-space-2.html       |    36 +
 .../table-anonymous-boxes/white-space-20.html      |    19 +
 .../table-anonymous-boxes/white-space-21.html      |    21 +
 .../table-anonymous-boxes/white-space-22.html      |    11 +
 .../table-anonymous-boxes/white-space-23.html      |    11 +
 .../table-anonymous-boxes/white-space-24.html      |    11 +
 .../table-anonymous-boxes/white-space-25.html      |    23 +
 .../table-anonymous-boxes/white-space-26.html      |    17 +
 .../table-anonymous-boxes/white-space-3.html       |    38 +
 .../table-anonymous-boxes/white-space-4.html       |    33 +
 .../table-anonymous-boxes/white-space-5.html       |    33 +
 .../table-anonymous-boxes/white-space-6.html       |    33 +
 .../table-anonymous-boxes/white-space-7.html       |    16 +
 .../table-anonymous-boxes/white-space-8.html       |    23 +
 .../table-anonymous-boxes/white-space-9.html       |    23 +
 .../table-anonymous-boxes/white-space-pre-1.html   |    22 +
 .../table-anonymous-boxes/white-space-pre-ref.html |     6 +
 .../table-anonymous-boxes/white-space-ref.html     |     6 +
 .../table-background/backgr_border-table-cell.html |   127 +
 .../backgr_border-table-column-group.html          |   129 +
 .../backgr_border-table-column.html                |   133 +
 .../backgr_border-table-quirks.html                |   123 +
 .../backgr_border-table-row-group.html             |   130 +
 .../table-background/backgr_border-table-row.html  |   132 +
 .../table-background/backgr_border-table.html      |   123 +
 .../reftests/table-background/backgr_fixed-bg.html |   154 +
 layout/reftests/table-background/backgr_index.html |    77 +
 .../table-background/backgr_layers-hide.html       |   129 +
 .../table-background/backgr_layers-opacity.html    |   130 +
 .../table-background/backgr_layers-show.html       |   154 +
 .../backgr_position-table-cell.html                |   127 +
 .../backgr_position-table-column-group.html        |   126 +
 .../backgr_position-table-column.html              |   129 +
 .../backgr_position-table-row-group.html           |   128 +
 .../backgr_position-table-row.html                 |   135 +
 .../table-background/backgr_position-table.html    |   124 +
 .../table-background/backgr_simple-table-cell.html |   129 +
 .../backgr_simple-table-column-group.html          |   136 +
 .../backgr_simple-table-column.html                |   134 +
 .../backgr_simple-table-row-group.html             |   134 +
 .../table-background/backgr_simple-table-row.html  |   134 +
 .../table-background/backgr_simple-table.html      |   129 +
 .../border-collapse-opacity-table-cell-ref.html    |    68 +
 .../border-collapse-opacity-table-cell.html        |   109 +
 ...er-collapse-opacity-table-column-group-ref.html |    61 +
 ...border-collapse-opacity-table-column-group.html |   109 +
 .../border-collapse-opacity-table-column-ref.html  |    61 +
 .../border-collapse-opacity-table-column.html      |   109 +
 .../border-collapse-opacity-table-ref.html         |    63 +
 ...order-collapse-opacity-table-row-group-ref.html |    63 +
 .../border-collapse-opacity-table-row-group.html   |   109 +
 .../border-collapse-opacity-table-row-ref.html     |    63 +
 .../border-collapse-opacity-table-row.html         |   109 +
 .../border-collapse-opacity-table.html             |   109 +
 .../border-collapse-table-cell-ref.html            |    61 +
 .../border-collapse-table-cell.html                |   111 +
 .../border-collapse-table-column-group-ref.html    |    61 +
 .../border-collapse-table-column-group.html        |   111 +
 .../border-collapse-table-column-ref.html          |    61 +
 .../border-collapse-table-column.html              |   111 +
 .../border-collapse-table-ref.html                 |    61 +
 .../border-collapse-table-row-group-ref.html       |    61 +
 .../border-collapse-table-row-group.html           |   111 +
 .../border-collapse-table-row-ref.html             |    61 +
 .../border-collapse-table-row.html                 |   111 +
 .../table-background/border-collapse-table.html    |   111 +
 .../border-separate-opacity-table-cell-ref.html    |    68 +
 .../border-separate-opacity-table-cell.html        |   110 +
 ...er-separate-opacity-table-column-group-ref.html |    89 +
 ...border-separate-opacity-table-column-group.html |   110 +
 .../border-separate-opacity-table-column-ref.html  |    89 +
 .../border-separate-opacity-table-column.html      |   110 +
 .../border-separate-opacity-table-ref.html         |    66 +
 ...order-separate-opacity-table-row-group-ref.html |    91 +
 .../border-separate-opacity-table-row-group.html   |   110 +
 .../border-separate-opacity-table-row-ref.html     |    91 +
 .../border-separate-opacity-table-row.html         |   110 +
 .../border-separate-opacity-table.html             |   110 +
 .../border-separate-table-cell-ref.html            |    66 +
 .../border-separate-table-cell.html                |   112 +
 .../border-separate-table-column-group-ref.html    |    89 +
 .../border-separate-table-column-group.html        |   112 +
 .../border-separate-table-column-ref.html          |    89 +
 .../border-separate-table-column.html              |   112 +
 .../border-separate-table-ref.html                 |    64 +
 .../border-separate-table-row-group-ref.html       |    89 +
 .../border-separate-table-row-group.html           |   112 +
 .../border-separate-table-row-ref.html             |    89 +
 .../border-separate-table-row.html                 |   112 +
 .../table-background/border-separate-table.html    |   112 +
 layout/reftests/table-background/common.css        |    43 +
 layout/reftests/table-background/edge.gif          |   Bin 0 -> 3692 bytes
 .../empty-cells-default-1-ref.html                 |     6 +
 .../table-background/empty-cells-default-1.html    |     6 +
 .../empty-cells-default-2-ref.html                 |     6 +
 .../table-background/empty-cells-default-2.html    |     6 +
 layout/reftests/table-background/empty.html        |    14 +
 .../reftests/table-background/hidden-cells-1.html  |    12 +
 .../reftests/table-background/hidden-cells-2.html  |    12 +
 .../table-background/hidden-cells-3-ref.html       |    14 +
 .../reftests/table-background/hidden-cells-3.html  |    14 +
 layout/reftests/table-background/rainbowh.gif      |   Bin 0 -> 1197 bytes
 layout/reftests/table-background/rainbowv.gif      |   Bin 0 -> 1622 bytes
 layout/reftests/table-background/reftest.list      |    69 +
 .../repeatable-diagonal-gradient-with-ticks.png    |   Bin 0 -> 13153 bytes
 .../scrollable-rowgroup-collapse-background.html   |     6 +
 .../scrollable-rowgroup-collapse-border.html       |     6 +
 .../scrollable-rowgroup-collapse-notref.html       |     6 +
 .../scrollable-rowgroup-separate-background.html   |     6 +
 .../scrollable-rowgroup-separate-border.html       |     6 +
 .../scrollable-rowgroup-separate-notref.html       |     6 +
 .../table-col-overlapping-ref.html                 |    27 +
 .../table-background/table-col-overlapping.html    |    27 +
 .../table-background/table-col-span-1-ref.html     |    15 +
 .../table-background/table-col-span-1.html         |    14 +
 .../table-row-opacity-dynamic-1-ref.html           |    28 +
 .../table-row-opacity-dynamic-1.html               |    55 +
 .../table-row-opacity-dynamic-2-ref.html           |    28 +
 .../table-row-opacity-dynamic-2.html               |    54 +
 layout/reftests/table-background/valid-html401.png |   Bin 0 -> 2948 bytes
 .../reftests/table-bordercollapse/1324524-ref.html |    18 +
 layout/reftests/table-bordercollapse/1324524.html  |    19 +
 .../table-bordercollapse/1384602-1-ref.html        |    18 +
 .../reftests/table-bordercollapse/1384602-1a.html  |    25 +
 .../reftests/table-bordercollapse/1384602-1b.html  |    29 +
 .../reftests/table-bordercollapse/349655-ref.html  |   103 +
 layout/reftests/table-bordercollapse/349655.html   |    97 +
 .../table-bordercollapse/bc_borderoffset1.html     |    22 +
 .../table-bordercollapse/bc_borderoffset1_ref.html |    19 +
 .../table-bordercollapse/bc_borderoffset2.html     |    22 +
 .../table-bordercollapse/bc_borderoffset2_ref.html |    20 +
 .../table-bordercollapse/bc_dyn_cell1.html         |    23 +
 .../table-bordercollapse/bc_dyn_cell1_ref.html     |    14 +
 .../table-bordercollapse/bc_dyn_cell2.html         |    23 +
 .../table-bordercollapse/bc_dyn_cell2_ref.html     |    15 +
 .../table-bordercollapse/bc_dyn_cell3.html         |    23 +
 .../table-bordercollapse/bc_dyn_cell3_ref.html     |    14 +
 .../table-bordercollapse/bc_dyn_cell4.html         |    23 +
 .../table-bordercollapse/bc_dyn_cell4_ref.html     |    14 +
 .../table-bordercollapse/bc_dyn_cell5.html         |    23 +
 .../table-bordercollapse/bc_dyn_cell5_ref.html     |    14 +
 .../reftests/table-bordercollapse/bc_dyn_cg1.html  |    30 +
 .../table-bordercollapse/bc_dyn_cg1_ref.html       |    21 +
 .../reftests/table-bordercollapse/bc_dyn_cg2.html  |    30 +
 .../table-bordercollapse/bc_dyn_cg2_ref.html       |    21 +
 .../reftests/table-bordercollapse/bc_dyn_cg3.html  |    30 +
 .../table-bordercollapse/bc_dyn_cg3_ref.html       |    21 +
 .../reftests/table-bordercollapse/bc_dyn_col1.html |    30 +
 .../reftests/table-bordercollapse/bc_dyn_col2.html |    30 +
 .../reftests/table-bordercollapse/bc_dyn_col3.html |    30 +
 .../reftests/table-bordercollapse/bc_dyn_rg1.html  |    27 +
 .../table-bordercollapse/bc_dyn_rg1_ref.html       |    18 +
 .../reftests/table-bordercollapse/bc_dyn_rg2.html  |    27 +
 .../table-bordercollapse/bc_dyn_rg2_ref.html       |    19 +
 .../reftests/table-bordercollapse/bc_dyn_rg3.html  |    27 +
 .../table-bordercollapse/bc_dyn_rg3_ref.html       |    19 +
 .../reftests/table-bordercollapse/bc_dyn_row1.html |    23 +
 .../reftests/table-bordercollapse/bc_dyn_row2.html |    23 +
 .../reftests/table-bordercollapse/bc_dyn_row3.html |    23 +
 .../table-bordercollapse/bc_dyn_table1.html        |    30 +
 .../table-bordercollapse/bc_dyn_table1_ref.html    |    22 +
 .../table-bordercollapse/bc_dyn_table2.html        |    30 +
 .../table-bordercollapse/bc_dyn_table2_ref.html    |    21 +
 .../table-bordercollapse/bc_dyn_table3.html        |    30 +
 .../table-bordercollapse/bc_dyn_table3_ref.html    |    22 +
 .../border-collapse-rtl-ref.html                   |    48 +
 .../table-bordercollapse/border-collapse-rtl.html  |    48 +
 .../border-style-inset-becomes-ridge-ref.html      |    10 +
 .../border-style-inset-becomes-ridge.html          |    12 +
 .../border-style-outset-becomes-groove-ref.html    |    10 +
 .../border-style-outset-becomes-groove.html        |    12 +
 layout/reftests/table-bordercollapse/bordercol.css |    22 +
 .../table-bordercollapse/bordercolor-1.html        |    17 +
 .../table-bordercollapse/bordercolor-2.html        |    17 +
 .../table-bordercollapse/bordercolor-3-ref.html    |    57 +
 .../table-bordercollapse/bordercolor-3.html        |    51 +
 .../table-bordercollapse/bordercolor-4-ref.html    |    59 +
 .../table-bordercollapse/bordercolor-4.html        |    59 +
 .../table-bordercollapse/bordercolor-ref.html      |    22 +
 .../table-bordercollapse/borderhandling-1.html     |    11 +
 .../table-bordercollapse/borderhandling-2.html     |    11 +
 .../table-bordercollapse/borderhandling-3.html     |    11 +
 .../table-bordercollapse/borderhandling-4.html     |    11 +
 .../table-bordercollapse/borderhandling-5.xhtml    |    11 +
 .../table-bordercollapse/borderhandling-6.xhtml    |    11 +
 .../table-bordercollapse/borderhandling-7.xhtml    |    11 +
 .../table-bordercollapse/borderhandling-8.html     |    16 +
 .../borderhandling-frame-border-ref.html           |   108 +
 .../borderhandling-frame-border.html               |   103 +
 .../table-bordercollapse/borderhandling-ref.html   |    11 +
 ...borderhandling-rules-border-all-quirks-ref.html |    59 +
 .../borderhandling-rules-border-all-quirks.html    |    53 +
 ...borderhandling-rules-border-all-strict-ref.html |    60 +
 .../borderhandling-rules-border-all-strict.html    |    54 +
 ...orderhandling-rules-border-cols-quirks-ref.html |    60 +
 .../borderhandling-rules-border-cols-quirks.html   |    55 +
 ...orderhandling-rules-border-cols-strict-ref.html |    61 +
 .../borderhandling-rules-border-cols-strict.html   |    56 +
 ...rderhandling-rules-border-empty-quirks-ref.html |    58 +
 .../borderhandling-rules-border-empty-quirks.html  |    52 +
 ...rderhandling-rules-border-empty-strict-ref.html |    59 +
 .../borderhandling-rules-border-empty-strict.html  |    53 +
 ...derhandling-rules-border-groups-quirks-ref.html |    59 +
 .../borderhandling-rules-border-groups-quirks.html |    53 +
 ...derhandling-rules-border-groups-strict-ref.html |    60 +
 .../borderhandling-rules-border-groups-strict.html |    54 +
 ...orderhandling-rules-border-none-quirks-ref.html |    59 +
 .../borderhandling-rules-border-none-quirks.html   |    53 +
 ...orderhandling-rules-border-none-strict-ref.html |    60 +
 .../borderhandling-rules-border-none-strict.html   |    54 +
 .../borderhandling-rules-border-ref.html           |   293 +
 ...orderhandling-rules-border-rows-quirks-ref.html |    59 +
 .../borderhandling-rules-border-rows-quirks.html   |    53 +
 ...orderhandling-rules-border-rows-strict-ref.html |    60 +
 .../borderhandling-rules-border-rows-strict.html   |    54 +
 ...rderhandling-rules-border-rules-quirks-ref.html |    58 +
 .../borderhandling-rules-border-rules-quirks.html  |    52 +
 ...rderhandling-rules-border-rules-strict-ref.html |    59 +
 .../borderhandling-rules-border-rules-strict.html  |    53 +
 .../borderhandling-rules-border.html               |   287 +
 .../borderhandling-strict-ref.html                 |    12 +
 .../table-bordercollapse/bug1375518-2.html         |    22 +
 .../table-bordercollapse/bug1375518-3.html         |    22 +
 .../table-bordercollapse/bug1375518-4-ref.html     |    44 +
 .../table-bordercollapse/bug1375518-4.html         |    44 +
 .../table-bordercollapse/bug1375518-5-ref.html     |    45 +
 .../table-bordercollapse/bug1375518-5.html         |    45 +
 .../table-bordercollapse/bug1375518-ref.html       |    17 +
 .../reftests/table-bordercollapse/bug1375518.html  |    24 +
 .../table-bordercollapse/bug1379306-ref.html       |    32 +
 .../reftests/table-bordercollapse/bug1379306.html  |    30 +
 .../table-bordercollapse/bug1394226-notref.html    |    63 +
 .../table-bordercollapse/bug1394226-ref.html       |    47 +
 .../reftests/table-bordercollapse/bug1394226.html  |    47 +
 .../table-bordercollapse/bug1405929-2-ref.html     |    35 +
 .../table-bordercollapse/bug1405929-2.html         |    35 +
 .../table-bordercollapse/bug1405929-ref.html       |    36 +
 .../reftests/table-bordercollapse/bug1405929.html  |    34 +
 .../table-bordercollapse/bug1421887-ref.html       |    56 +
 .../reftests/table-bordercollapse/bug1421887.html  |    53 +
 .../table-bordercollapse/double_borders.html       |     6 +
 .../table-bordercollapse/double_borders_ref.html   |     6 +
 .../table-bordercollapse/empty-toprow-ref.html     |    15 +
 .../table-bordercollapse/empty-toprow.html         |    16 +
 .../frame_above_rules_all.html                     |    45 +
 .../frame_above_rules_all_ref.html                 |    43 +
 .../frame_above_rules_cols.html                    |    45 +
 .../frame_above_rules_cols_ref.html                |    43 +
 .../frame_above_rules_groups.html                  |    44 +
 .../frame_above_rules_groups_ref.html              |    43 +
 .../frame_above_rules_none.html                    |    44 +
 .../frame_above_rules_none_ref.html                |    43 +
 .../frame_above_rules_rows.html                    |    45 +
 .../frame_above_rules_rows_ref.html                |    43 +
 .../frame_below_rules_all.html                     |    44 +
 .../frame_below_rules_all_ref.html                 |    43 +
 .../frame_below_rules_cols.html                    |    44 +
 .../frame_below_rules_cols_ref.html                |    43 +
 .../frame_below_rules_groups.html                  |    44 +
 .../frame_below_rules_groups_ref.html              |    43 +
 .../frame_below_rules_none.html                    |    44 +
 .../frame_below_rules_none_ref.html                |    43 +
 .../frame_below_rules_rows.html                    |    44 +
 .../frame_below_rules_rows_ref.html                |    43 +
 .../frame_border_rules_all.html                    |    44 +
 .../frame_border_rules_all_ref.html                |    43 +
 .../frame_border_rules_cols.html                   |    44 +
 .../frame_border_rules_cols_ref.html               |    43 +
 .../frame_border_rules_groups.html                 |    44 +
 .../frame_border_rules_groups_ref.html             |    43 +
 .../frame_border_rules_none.html                   |    53 +
 .../frame_border_rules_none_ref.html               |    52 +
 .../frame_border_rules_rows.html                   |    44 +
 .../frame_border_rules_rows_ref.html               |    43 +
 .../table-bordercollapse/frame_box_rules_all.html  |    44 +
 .../frame_box_rules_all_ref.html                   |    43 +
 .../table-bordercollapse/frame_box_rules_cols.html |    44 +
 .../frame_box_rules_cols_ref.html                  |    43 +
 .../frame_box_rules_groups.html                    |    44 +
 .../frame_box_rules_groups_ref.html                |    43 +
 .../frame_box_rules_none-collapse-ref.html         |    43 +
 .../frame_box_rules_none-collapse.html             |    43 +
 .../table-bordercollapse/frame_box_rules_none.html |    53 +
 .../frame_box_rules_none_ref.html                  |    52 +
 .../table-bordercollapse/frame_box_rules_rows.html |    44 +
 .../frame_box_rules_rows_ref.html                  |    43 +
 .../frame_hsides_rules_all.html                    |    44 +
 .../frame_hsides_rules_all_ref.html                |    43 +
 .../frame_hsides_rules_cols.html                   |    44 +
 .../frame_hsides_rules_cols_ref.html               |    43 +
 .../frame_hsides_rules_groups.html                 |    44 +
 .../frame_hsides_rules_groups_ref.html             |    43 +
 .../frame_hsides_rules_none.html                   |    44 +
 .../frame_hsides_rules_none_ref.html               |    43 +
 .../frame_hsides_rules_rows.html                   |    44 +
 .../frame_hsides_rules_rows_ref.html               |    43 +
 .../table-bordercollapse/frame_lhs_rules_all.html  |    44 +
 .../frame_lhs_rules_all_ref.html                   |    43 +
 .../table-bordercollapse/frame_lhs_rules_cols.html |    44 +
 .../frame_lhs_rules_cols_ref.html                  |    43 +
 .../frame_lhs_rules_groups.html                    |    44 +
 .../frame_lhs_rules_groups_ref.html                |    43 +
 .../table-bordercollapse/frame_lhs_rules_none.html |    44 +
 .../frame_lhs_rules_none_ref.html                  |    43 +
 .../table-bordercollapse/frame_lhs_rules_rows.html |    44 +
 .../frame_lhs_rules_rows_ref.html                  |    43 +
 .../table-bordercollapse/frame_rhs_rules_all.html  |    44 +
 .../frame_rhs_rules_all_ref.html                   |    43 +
 .../table-bordercollapse/frame_rhs_rules_cols.html |    44 +
 .../frame_rhs_rules_cols_ref.html                  |    43 +
 .../frame_rhs_rules_groups.html                    |    44 +
 .../frame_rhs_rules_groups_ref.html                |    43 +
 .../table-bordercollapse/frame_rhs_rules_none.html |    44 +
 .../frame_rhs_rules_none_ref.html                  |    43 +
 .../table-bordercollapse/frame_rhs_rules_rows.html |    44 +
 .../frame_rhs_rules_rows_ref.html                  |    43 +
 .../table-bordercollapse/frame_void_rules_all.html |    44 +
 .../frame_void_rules_all_ref.html                  |    43 +
 .../frame_void_rules_cols.html                     |    44 +
 .../frame_void_rules_cols_ref.html                 |    43 +
 .../frame_void_rules_groups.html                   |    44 +
 .../frame_void_rules_groups_ref.html               |    43 +
 .../frame_void_rules_none.html                     |    44 +
 .../frame_void_rules_none_ref.html                 |    43 +
 .../frame_void_rules_rows.html                     |    44 +
 .../frame_void_rules_rows_ref.html                 |    43 +
 .../frame_vsides_rules_all.html                    |    44 +
 .../frame_vsides_rules_all_ref.html                |    43 +
 .../frame_vsides_rules_cols.html                   |    44 +
 .../frame_vsides_rules_cols_ref.html               |    43 +
 .../frame_vsides_rules_groups.html                 |    44 +
 .../frame_vsides_rules_groups_ref.html             |    43 +
 .../frame_vsides_rules_none.html                   |    44 +
 .../frame_vsides_rules_none_ref.html               |    43 +
 .../frame_vsides_rules_rows.html                   |    44 +
 .../frame_vsides_rules_rows_ref.html               |    43 +
 layout/reftests/table-bordercollapse/reftest.list  |   120 +
 layout/reftests/table-dom/appendCells1-ref.html    |    20 +
 layout/reftests/table-dom/appendCells1.html        |    31 +
 .../table-dom/appendCellsRebuild1-ref.html         |    33 +
 layout/reftests/table-dom/appendCellsRebuild1.html |    41 +
 .../table-dom/appendCellsZeroColspan-ref.html      |    28 +
 .../reftests/table-dom/appendCellsZeroColspan.html |    37 +
 layout/reftests/table-dom/appendCol1-ref.html      |    17 +
 layout/reftests/table-dom/appendCol1.html          |    27 +
 layout/reftests/table-dom/appendCol2-ref.html      |    19 +
 layout/reftests/table-dom/appendCol2.html          |    29 +
 layout/reftests/table-dom/appendColGroup1-ref.html |    22 +
 layout/reftests/table-dom/appendColGroup1.html     |    33 +
 .../reftests/table-dom/appendRowsExpand1-ref.html  |    22 +
 layout/reftests/table-dom/appendRowsExpand1.html   |    31 +
 .../reftests/table-dom/appendTbodyExpand1-ref.html |    23 +
 layout/reftests/table-dom/appendTbodyExpand1.html  |    31 +
 .../deleteCellsExpandZeroColspan-ref.html          |    14 +
 .../table-dom/deleteCellsExpandZeroColspan.html    |    20 +
 .../table-dom/deleteCellsRebuild1-ref.html         |    19 +
 layout/reftests/table-dom/deleteCellsRebuild1.html |    26 +
 .../reftests/table-dom/deleteCellsShrink1-ref.html |    16 +
 layout/reftests/table-dom/deleteCellsShrink1.html  |    23 +
 .../reftests/table-dom/deleteCellsShrink2-ref.html |    21 +
 layout/reftests/table-dom/deleteCellsShrink2.html  |    26 +
 layout/reftests/table-dom/deleteCol1-ref.html      |    20 +
 layout/reftests/table-dom/deleteCol1.html          |    30 +
 layout/reftests/table-dom/deleteCol2-ref.html      |    18 +
 layout/reftests/table-dom/deleteCol2.html          |    30 +
 layout/reftests/table-dom/deleteCol3-ref.html      |    18 +
 layout/reftests/table-dom/deleteCol3.html          |    30 +
 layout/reftests/table-dom/deleteColGroup1-ref.html |    16 +
 layout/reftests/table-dom/deleteColGroup1.html     |    27 +
 layout/reftests/table-dom/deleteColGroup2-ref.html |    16 +
 layout/reftests/table-dom/deleteColGroup2.html     |    27 +
 .../reftests/table-dom/deleteRowsRebuild1-ref.html |    21 +
 layout/reftests/table-dom/deleteRowsRebuild1.html  |    35 +
 .../table-dom/deleteRowsRebuild1a-ref.html         |    15 +
 layout/reftests/table-dom/deleteRowsRebuild1a.html |    26 +
 .../reftests/table-dom/deleteRowsShrink1-ref.html  |    20 +
 layout/reftests/table-dom/deleteRowsShrink1.html   |    35 +
 .../reftests/table-dom/deleteTbodyExpand1-ref.html |    31 +
 layout/reftests/table-dom/deleteTbodyExpand1.html  |    55 +
 .../table-dom/deleteTbodyRebuild1-ref.html         |    20 +
 layout/reftests/table-dom/deleteTbodyRebuild1.html |    36 +
 .../table-dom/insertCaptionsAndRows1-ref.html      |    16 +
 .../reftests/table-dom/insertCaptionsAndRows1.html |    45 +
 .../table-dom/insertCaptionsAndRows2-ref.html      |    19 +
 .../reftests/table-dom/insertCaptionsAndRows2.html |    46 +
 .../table-dom/insertCaptionsAndRows3-ref.html      |    18 +
 .../reftests/table-dom/insertCaptionsAndRows3.html |    48 +
 .../table-dom/insertCaptionsAndRows4-ref.html      |    18 +
 .../reftests/table-dom/insertCaptionsAndRows4.html |    48 +
 .../reftests/table-dom/insertCellsExpand1-ref.html |    18 +
 layout/reftests/table-dom/insertCellsExpand1.html  |    29 +
 .../reftests/table-dom/insertCellsExpand2-ref.html |    21 +
 layout/reftests/table-dom/insertCellsExpand2.html  |    29 +
 .../insertCellsExpandZeroRowspan-ref.html          |    26 +
 .../table-dom/insertCellsExpandZeroRowspan.html    |    36 +
 .../table-dom/insertCellsRebuild1-ref.html         |    34 +
 layout/reftests/table-dom/insertCellsRebuild1.html |    41 +
 .../table-dom/insertCellsRebuild2-ref.html         |    22 +
 layout/reftests/table-dom/insertCellsRebuild2.html |    31 +
 .../table-dom/insertCellsZeroColspan-ref.html      |    15 +
 .../reftests/table-dom/insertCellsZeroColspan.html |    28 +
 .../reftests/table-dom/insertColGroups1-ref.html   |    19 +
 layout/reftests/table-dom/insertColGroups1.html    |    30 +
 .../reftests/table-dom/insertColGroups2-ref.html   |    20 +
 layout/reftests/table-dom/insertColGroups2.html    |    33 +
 .../table-dom/insertColgroupAndRowgroup-ref.html   |    17 +
 .../table-dom/insertColgroupAndRowgroup.html       |    43 +
 layout/reftests/table-dom/insertCols1-ref.html     |    13 +
 layout/reftests/table-dom/insertCols1.html         |    25 +
 layout/reftests/table-dom/insertCols2-ref.html     |    13 +
 layout/reftests/table-dom/insertCols2.html         |    25 +
 layout/reftests/table-dom/insertCols3-ref.html     |    14 +
 layout/reftests/table-dom/insertCols3.html         |    26 +
 layout/reftests/table-dom/insertCols4-ref.html     |    15 +
 layout/reftests/table-dom/insertCols4.html         |    26 +
 layout/reftests/table-dom/insertCols5-ref.html     |    15 +
 layout/reftests/table-dom/insertCols5.html         |    26 +
 .../reftests/table-dom/insertRowsExpand1-ref.html  |    18 +
 layout/reftests/table-dom/insertRowsExpand1.html   |    28 +
 .../reftests/table-dom/insertRowsRebuild1-ref.html |    18 +
 layout/reftests/table-dom/insertRowsRebuild1.html  |    28 +
 .../reftests/table-dom/insertTbodyExpand1-ref.html |    23 +
 layout/reftests/table-dom/insertTbodyExpand1.html  |    32 +
 .../table-dom/insertTbodyRebuild1-ref.html         |    23 +
 layout/reftests/table-dom/insertTbodyRebuild1.html |    32 +
 layout/reftests/table-dom/reftest.list             |    44 +
 layout/reftests/table-dom/tableDom.js              |   129 +
 layout/reftests/table-html/bug1379306-2-ref.html   |    21 +
 layout/reftests/table-html/bug1379306-2.html       |    21 +
 layout/reftests/table-html/bug1379306-3-ref.html   |    23 +
 layout/reftests/table-html/bug1379306-3.html       |    23 +
 .../cell-align-stopped-at-table-1-quirks-ref.html  |    31 +
 .../cell-align-stopped-at-table-1-quirks.html      |    31 +
 ...ell-align-stopped-at-table-1-standards-ref.html |    32 +
 .../cell-align-stopped-at-table-1-standards.html   |    32 +
 layout/reftests/table-html/reftest.list            |     4 +
 .../reftests/table-overflow/bug785684-x-ref.html   |   109 +
 layout/reftests/table-overflow/bug785684-x.html    |    85 +
 .../reftests/table-overflow/bug785684-y-ref.html   |   109 +
 layout/reftests/table-overflow/bug785684-y.html    |    85 +
 layout/reftests/table-overflow/reftest.list        |     6 +
 .../table-overflow/table-caption-scroll-ref.html   |    49 +
 .../table-overflow/table-caption-scroll.html       |    49 +
 .../table-cell-block-overflow-ref.html             |    43 +
 .../table-overflow/table-cell-block-overflow.html  |    42 +
 layout/reftests/table-width/balancing-1-ref.html   |    99 +
 layout/reftests/table-width/balancing-1.html       |   106 +
 layout/reftests/table-width/balancing-2-ref.html   |    76 +
 layout/reftests/table-width/balancing-2.html       |    99 +
 .../cell-pref-width-border-box-ref.html            |    29 +
 .../table-width/cell-pref-width-border-box.html    |    30 +
 layout/reftests/table-width/cellpadding-ref.html   |    11 +
 layout/reftests/table-width/cellpadding.html       |    11 +
 layout/reftests/table-width/cellspacing-ref.html   |    19 +
 layout/reftests/table-width/cellspacing.html       |    24 +
 .../table-width/colgroup-vs-column-1-ref.html      |    12 +
 .../reftests/table-width/colgroup-vs-column-1.html |    12 +
 .../table-width/colgroup-vs-column-2-ref.html      |    12 +
 .../reftests/table-width/colgroup-vs-column-2.html |    12 +
 .../table-width/colgroup-vs-column-3-ref.html      |    12 +
 .../reftests/table-width/colgroup-vs-column-3.html |    12 +
 .../table-width/colgroup-vs-column-4-ref.html      |    12 +
 .../reftests/table-width/colgroup-vs-column-4.html |    12 +
 .../colspan-distribute-to-empty-1-ref.html         |    14 +
 .../colspan-distribute-to-empty-1a.html            |    12 +
 .../colspan-distribute-to-empty-1b.html            |    12 +
 .../colspan-distribute-to-empty-2-ref.html         |    13 +
 .../table-width/colspan-distribute-to-empty-2.html |    11 +
 .../colspan-percent-distribution-1-ref.html        |    25 +
 .../colspan-percent-distribution-1.html            |    25 +
 .../colspan-percent-distribution-2-ref.html        |    30 +
 .../colspan-percent-distribution-2.html            |    29 +
 .../conflicting-percent-widths-1-ref.html          |    29 +
 .../table-width/conflicting-percent-widths-1.html  |    29 +
 .../conflicting-percent-widths-2-ref.html          |    42 +
 .../table-width/conflicting-percent-widths-2.html  |    42 +
 .../conflicting-percent-widths-3-ref.html          |    44 +
 .../table-width/conflicting-percent-widths-3.html  |    44 +
 .../reftests/table-width/conflicting-widths-1.html |    27 +
 .../table-width/conflicting-widths-10-ref.html     |    27 +
 .../table-width/conflicting-widths-10.html         |    27 +
 .../reftests/table-width/conflicting-widths-2.html |    27 +
 .../reftests/table-width/conflicting-widths-3.html |    27 +
 .../reftests/table-width/conflicting-widths-4.html |    27 +
 .../table-width/conflicting-widths-5-ref.html      |    26 +
 .../reftests/table-width/conflicting-widths-5.html |    26 +
 .../table-width/conflicting-widths-6-ref.html      |    26 +
 .../reftests/table-width/conflicting-widths-6.html |    26 +
 .../table-width/conflicting-widths-7-ref.html      |    27 +
 .../reftests/table-width/conflicting-widths-7.html |    27 +
 .../table-width/conflicting-widths-8-ref.html      |    27 +
 .../reftests/table-width/conflicting-widths-8.html |    27 +
 .../table-width/conflicting-widths-9-ref.html      |    27 +
 .../reftests/table-width/conflicting-widths-9.html |    27 +
 .../table-width/conflicting-widths-ref-100xx.html  |    27 +
 .../default-box-sizing-collapse-quirks-ref.html    |    51 +
 .../default-box-sizing-collapse-quirks.html        |    47 +
 .../default-box-sizing-collapse-standards-ref.html |    52 +
 .../default-box-sizing-collapse-standards.html     |    48 +
 .../default-box-sizing-separate-quirks-ref.html    |    41 +
 .../default-box-sizing-separate-quirks.html        |    46 +
 .../default-box-sizing-separate-standards-ref.html |    42 +
 .../default-box-sizing-separate-standards.html     |    47 +
 .../distribute-percent-nonoriginating-ref.html     |     7 +
 .../distribute-percent-nonoriginating.html         |     7 +
 .../table-width/dynamic-fixed-layout-1-ref.html    |    17 +
 .../table-width/dynamic-fixed-layout-1.html        |    27 +
 layout/reftests/table-width/min-width-ref.html     |     9 +
 layout/reftests/table-width/min-width.html         |    19 +
 layout/reftests/table-width/percent-basis-ref.html |    65 +
 layout/reftests/table-width/percent-basis.html     |    64 +
 .../table-width/percent-large-min-ref.html         |    29 +
 layout/reftests/table-width/percent-large-min.html |    29 +
 .../table-width/percent-large-nested-ref.html      |    36 +
 .../reftests/table-width/percent-large-nested.html |    36 +
 layout/reftests/table-width/percent-large-ref.html |    27 +
 layout/reftests/table-width/percent-large.html     |    27 +
 .../reftests/table-width/percent-small-2-ref.html  |    32 +
 layout/reftests/table-width/percent-small-2.html   |    32 +
 .../table-width/percent-small-min-ref.html         |    29 +
 layout/reftests/table-width/percent-small-min.html |    29 +
 .../table-width/percent-small-nested-ref.html      |    36 +
 .../reftests/table-width/percent-small-nested.html |    36 +
 layout/reftests/table-width/percent-small-ref.html |    27 +
 layout/reftests/table-width/percent-small.html     |    27 +
 .../table-width/percent-truncation-1-ref.html      |    28 +
 .../reftests/table-width/percent-truncation-1.html |    28 +
 .../table-width/percent-truncation-2-ref.html      |    31 +
 .../reftests/table-width/percent-truncation-2.html |    31 +
 .../table-width/percent-truncation-3-ref.html      |    33 +
 .../reftests/table-width/percent-truncation-3.html |    31 +
 layout/reftests/table-width/percent-zero-ref.html  |    32 +
 layout/reftests/table-width/percent-zero.html      |    32 +
 layout/reftests/table-width/pref-width-ref.html    |     9 +
 layout/reftests/table-width/pref-width.html        |    19 +
 layout/reftests/table-width/reftest.list           |    66 +
 .../table-width/shrink-wrap-avail-ref.html         |    30 +
 layout/reftests/table-width/shrink-wrap-avail.html |    30 +
 .../reftests/table-width/shrink-wrap-min-ref.html  |    30 +
 layout/reftests/table-width/shrink-wrap-min.html   |    30 +
 .../reftests/table-width/shrink-wrap-pref-ref.html |    30 +
 layout/reftests/table-width/shrink-wrap-pref.html  |    30 +
 .../spacing-invariance-quirks-min-ref.html         |    29 +
 .../table-width/spacing-invariance-quirks-min.html |    27 +
 .../spacing-invariance-quirks-pref-ref.html        |    29 +
 .../spacing-invariance-quirks-pref.html            |    27 +
 .../spacing-invariance-standards-min-ref.html      |    30 +
 .../spacing-invariance-standards-min.html          |    28 +
 .../spacing-invariance-standards-pref-ref.html     |    30 +
 .../spacing-invariance-standards-pref.html         |    28 +
 .../spanning-cell-sort-1-fixed-ref.html            |    24 +
 .../spanning-cell-sort-1-large-fixed.html          |    25 +
 .../table-width/spanning-cell-sort-1-large.html    |    25 +
 .../table-width/spanning-cell-sort-1-ref.html      |    24 +
 .../spanning-cell-sort-1-small-fixed.html          |    25 +
 .../table-width/spanning-cell-sort-1-small.html    |    25 +
 .../spanning-cell-sort-2-fixed-ref.html            |    24 +
 .../spanning-cell-sort-2-large-fixed.html          |    25 +
 .../table-width/spanning-cell-sort-2-large.html    |    25 +
 .../table-width/spanning-cell-sort-2-ref.html      |    24 +
 .../spanning-cell-sort-2-small-fixed.html          |    25 +
 .../table-width/spanning-cell-sort-2-small.html    |    25 +
 layout/reftests/text-decoration/1133392-ref.html   |    17 +
 layout/reftests/text-decoration/1133392.html       |    36 +
 .../1159729-offset-adjustment-notref.html          |    19 +
 .../text-decoration/1159729-offset-adjustment.html |    21 +
 .../reftests/text-decoration/1415214-notref.html   |    18 +
 layout/reftests/text-decoration/1415214.html       |    18 +
 layout/reftests/text-decoration/641444-1-ref.html  |    38 +
 layout/reftests/text-decoration/641444-1.html      |    38 +
 layout/reftests/text-decoration/676538-1-ref.html  |    23 +
 layout/reftests/text-decoration/676538-1.html      |    22 +
 .../always-underline-links-ref.html                |     2 +
 .../text-decoration/always-underline-links.html    |     5 +
 .../complex-decoration-style-quirks-ref.html       |   102 +
 .../complex-decoration-style-quirks.html           |   114 +
 .../complex-decoration-style-standards-ref.html    |   103 +
 .../complex-decoration-style-standards.html        |   115 +
 .../decoration-color-override-quirks-ref.html      |     5 +
 .../decoration-color-override-quirks.html          |     5 +
 .../decoration-color-override-standards-ref.html   |     6 +
 .../decoration-color-override-standards.html       |     6 +
 .../decoration-color-quirks-ref.html               |    75 +
 .../text-decoration/decoration-color-quirks.html   |    84 +
 .../decoration-color-standards-ref.html            |    77 +
 .../decoration-color-standards.html                |    83 +
 .../decoration-css21-block-ref.html                |    16 +
 .../text-decoration/decoration-css21-block.html    |    14 +
 .../text-decoration/decoration-css21-ref.html      |    30 +
 .../reftests/text-decoration/decoration-css21.html |    30 +
 .../decoration-style-quirks-ref.html               |    54 +
 .../text-decoration/decoration-style-quirks.html   |    47 +
 .../decoration-style-standards-ref.html            |    34 +
 .../decoration-style-standards.html                |    34 +
 ...amic-underline-vertical-align-quirks-1-ref.html |    21 +
 .../dynamic-underline-vertical-align-quirks-1.html |    26 +
 ...amic-underline-vertical-align-quirks-2-ref.html |    21 +
 .../dynamic-underline-vertical-align-quirks-2.html |    26 +
 ...c-underline-vertical-align-standards-1-ref.html |    22 +
 ...namic-underline-vertical-align-standards-1.html |    27 +
 ...c-underline-vertical-align-standards-2-ref.html |    22 +
 ...namic-underline-vertical-align-standards-2.html |    27 +
 .../emphasis-style-dynamic-ref.html                |    12 +
 .../text-decoration/emphasis-style-dynamic.html    |    20 +
 .../inline-baseline-almost-standards-ref.html      |    10 +
 .../inline-baseline-almost-standards.html          |    10 +
 .../inline-baseline-quirks-ref.html                |     8 +
 .../text-decoration/inline-baseline-quirks.html    |     8 +
 .../line-through-style-block-dashed-quirks.html    |     1 +
 .../line-through-style-block-dashed-standards.html |     2 +
 .../line-through-style-block-dotted-quirks.html    |     1 +
 .../line-through-style-block-dotted-standards.html |     2 +
 .../line-through-style-block-double-quirks.html    |     1 +
 .../line-through-style-block-double-standards.html |     2 +
 .../line-through-style-block-quirks-ref.html       |     1 +
 .../line-through-style-block-solid-quirks.html     |     1 +
 .../line-through-style-block-solid-standards.html  |     2 +
 .../line-through-style-block-standards-ref.html    |     2 +
 .../line-through-style-block-wavy-quirks.html      |     1 +
 .../line-through-style-block-wavy-standards.html   |     2 +
 .../line-through-style-inline-dashed-quirks.html   |     1 +
 ...line-through-style-inline-dashed-standards.html |     2 +
 .../line-through-style-inline-dotted-quirks.html   |     1 +
 ...line-through-style-inline-dotted-standards.html |     2 +
 .../line-through-style-inline-double-quirks.html   |     1 +
 ...line-through-style-inline-double-standards.html |     2 +
 .../line-through-style-inline-quirks-ref.html      |     1 +
 .../line-through-style-inline-solid-quirks.html    |     1 +
 .../line-through-style-inline-solid-standards.html |     2 +
 .../line-through-style-inline-standards-ref.html   |     2 +
 .../line-through-style-inline-wavy-quirks.html     |     1 +
 .../line-through-style-inline-wavy-standards.html  |     2 +
 .../overline-style-block-dashed-quirks.html        |     1 +
 .../overline-style-block-dashed-standards.html     |     2 +
 .../overline-style-block-dotted-quirks.html        |     1 +
 .../overline-style-block-dotted-standards.html     |     2 +
 .../overline-style-block-double-quirks.html        |     1 +
 .../overline-style-block-double-standards.html     |     2 +
 .../overline-style-block-quirks-ref.html           |     1 +
 .../overline-style-block-solid-quirks.html         |     1 +
 .../overline-style-block-solid-standards.html      |     2 +
 .../overline-style-block-standards-ref.html        |     2 +
 .../overline-style-block-wavy-quirks.html          |     1 +
 .../overline-style-block-wavy-standards.html       |     2 +
 .../overline-style-inline-dashed-quirks.html       |     1 +
 .../overline-style-inline-dashed-standards.html    |     2 +
 .../overline-style-inline-dotted-quirks.html       |     1 +
 .../overline-style-inline-dotted-standards.html    |     2 +
 .../overline-style-inline-double-quirks.html       |     1 +
 .../overline-style-inline-double-standards.html    |     2 +
 .../overline-style-inline-quirks-ref.html          |     1 +
 .../overline-style-inline-solid-quirks.html        |     1 +
 .../overline-style-inline-solid-standards.html     |     2 +
 .../overline-style-inline-standards-ref.html       |     2 +
 .../overline-style-inline-wavy-quirks.html         |     1 +
 .../overline-style-inline-wavy-standards.html      |     2 +
 layout/reftests/text-decoration/reftest.list       |   123 +
 .../text-decoration/skip-ink-cjk-1-ref.html        |    18 +
 .../reftests/text-decoration/skip-ink-cjk-1.html   |    15 +
 .../text-decoration/skip-ink-cjk-2-ref.html        |    19 +
 .../reftests/text-decoration/skip-ink-cjk-2.html   |    18 +
 .../text-decoration/skip-ink-cjk-3-ref.html        |    19 +
 .../reftests/text-decoration/skip-ink-cjk-3.html   |    18 +
 .../skip-ink-multiline-position-ref.html           |    26 +
 .../skip-ink-multiline-position.html               |    26 +
 .../skip-ink-vertical-align-2-notref.html          |     5 +
 .../text-decoration/skip-ink-vertical-align-2.html |     5 +
 .../skip-ink-vertical-align-ref.html               |    20 +
 .../text-decoration/skip-ink-vertical-align.html   |    19 +
 .../text-decoration/table-quirk-1-ref.html         |     7 +
 layout/reftests/text-decoration/table-quirk-1.html |     7 +
 .../text-decoration/table-quirk-2-ref.html         |    26 +
 layout/reftests/text-decoration/table-quirk-2.html |    35 +
 .../text-decoration-propagation-1-quirks-ref.html  |    38 +
 .../text-decoration-propagation-1-quirks.html      |    46 +
 ...ext-decoration-propagation-1-standards-ref.html |    39 +
 .../text-decoration-propagation-1-standards.html   |    47 +
 .../text-decoration-zorder-1-quirks.html           |    44 +
 .../text-decoration-zorder-1-ref.html              |    55 +
 .../text-decoration-zorder-1-standards.html        |    46 +
 .../underline-block-propagation-2-quirks-ref.html  |    40 +
 .../underline-block-propagation-2-quirks.html      |    35 +
 ...nderline-block-propagation-2-standards-ref.html |    40 +
 .../underline-block-propagation-2-standards.html   |    34 +
 .../underline-block-propagation-quirks-ref.html    |    13 +
 .../underline-block-propagation-quirks.html        |    13 +
 .../underline-block-propagation-standards-ref.html |    14 +
 .../underline-block-propagation-standards.html     |    14 +
 .../underline-block-quirks-notref.html             |     2 +
 .../underline-block-quirks-ref.html                |     2 +
 .../text-decoration/underline-block-quirks.html    |     2 +
 .../underline-block-standards-notref.html          |     3 +
 .../underline-block-standards-ref.html             |     3 +
 .../text-decoration/underline-block-standards.html |     3 +
 .../text-decoration/underline-button-1-ref.html    |     9 +
 .../text-decoration/underline-button-1.html        |     8 +
 .../text-decoration/underline-button-2-ref.html    |     9 +
 .../text-decoration/underline-button-2.html        |     8 +
 .../underline-inline-block-quirks-notref.html      |     2 +
 .../underline-inline-block-quirks-ref.html         |     2 +
 .../underline-inline-block-quirks.html             |     2 +
 .../underline-inline-block-standards-notref.html   |     3 +
 .../underline-inline-block-standards-ref.html      |     3 +
 .../underline-inline-block-standards.html          |     3 +
 .../text-decoration/underline-select-1-ref.html    |     9 +
 .../text-decoration/underline-select-1.html        |     8 +
 .../text-decoration/underline-select-2-ref.html    |     9 +
 .../text-decoration/underline-select-2.html        |     8 +
 .../underline-style-block-dashed-quirks.html       |     1 +
 .../underline-style-block-dashed-standards.html    |     2 +
 .../underline-style-block-dotted-quirks.html       |     1 +
 .../underline-style-block-dotted-standards.html    |     2 +
 .../underline-style-block-double-quirks.html       |     1 +
 .../underline-style-block-double-standards.html    |     2 +
 .../underline-style-block-quirks-ref.html          |     1 +
 .../underline-style-block-solid-quirks.html        |     1 +
 .../underline-style-block-solid-standards.html     |     2 +
 .../underline-style-block-standards-ref.html       |     2 +
 .../underline-style-block-wavy-quirks.html         |     1 +
 .../underline-style-block-wavy-standards.html      |     2 +
 .../underline-style-inline-dashed-quirks.html      |     1 +
 .../underline-style-inline-dashed-standards.html   |     2 +
 .../underline-style-inline-dotted-quirks.html      |     1 +
 .../underline-style-inline-dotted-standards.html   |     2 +
 .../underline-style-inline-double-quirks.html      |     1 +
 .../underline-style-inline-double-standards.html   |     2 +
 .../underline-style-inline-quirks-ref.html         |     1 +
 .../underline-style-inline-solid-quirks.html       |     1 +
 .../underline-style-inline-solid-standards.html    |     2 +
 .../underline-style-inline-standards-ref.html      |     2 +
 .../underline-style-inline-wavy-quirks.html        |     1 +
 .../underline-style-inline-wavy-standards.html     |     2 +
 .../underline-table-caption-quirks-notref.html     |    12 +
 .../underline-table-caption-quirks-ref.html        |    12 +
 .../underline-table-caption-quirks.html            |    12 +
 .../underline-table-caption-standards-notref.html  |    13 +
 .../underline-table-caption-standards-ref.html     |    13 +
 .../underline-table-caption-standards.html         |    13 +
 .../underline-table-cell-quirks-notref.html        |    11 +
 .../underline-table-cell-quirks-ref.html           |    11 +
 .../underline-table-cell-quirks.html               |    11 +
 .../underline-table-cell-standards-notref.html     |    12 +
 .../underline-table-cell-standards-ref.html        |    12 +
 .../underline-table-cell-standards.html            |    12 +
 .../vertical-mode-decorations-1-ref.html           |    15 +
 .../vertical-mode-decorations-1.html               |    15 +
 .../vertical-mode-decorations-2-ref.html           |    15 +
 .../vertical-mode-decorations-2.html               |    15 +
 .../dynamic-change-with-overflow-1-ref.html        |     6 +
 .../dynamic-change-with-overflow-1.html            |    16 +
 layout/reftests/text-indent/reftest.list           |    20 +
 .../text-indent/text-indent-intrinsic-min-ref.html |    36 +
 .../text-indent/text-indent-intrinsic-min.html     |    48 +
 .../text-indent-intrinsic-pref-ref.html            |    36 +
 .../text-indent/text-indent-intrinsic-pref.html    |    48 +
 ...t-indent-multiple-line-notref-block-margin.html |    16 +
 .../text-indent-multiple-line-ref-float.html       |    16 +
 ...ext-indent-multiple-line-ref-inline-margin.html |    15 +
 .../text-indent/text-indent-multiple-line.html     |    16 +
 .../text-indent-negative-intrinsic-min-ref.html    |    30 +
 .../text-indent-negative-intrinsic-min.html        |    43 +
 .../text-indent-negative-intrinsic-pref-ref.html   |    30 +
 .../text-indent-negative-intrinsic-pref.html       |    43 +
 .../text-indent-parent-dynamic-ref.html            |    10 +
 .../text-indent/text-indent-parent-dynamic.html    |    15 +
 .../text-indent/text-indent-single-line-0.html     |    15 +
 .../text-indent/text-indent-single-line-100.html   |    15 +
 ...single-line-indent-inline-ref-block-margin.html |    16 +
 ...ingle-line-indent-inline-ref-inline-margin.html |    15 +
 .../text-indent-single-line-indent-inline.html     |    16 +
 .../text-indent-single-line-percent-ref.html       |    14 +
 .../text-indent-single-line-percent.html           |    18 +
 .../text-indent-single-line-ref-margin.html        |    15 +
 .../text-indent-single-line-ref-unstyled.html      |    14 +
 .../text-overflow/TestEllipsisFallback.woff        |   Bin 0 -> 1224 bytes
 .../text-overflow/aligned-baseline-ref.html        |   100 +
 .../reftests/text-overflow/aligned-baseline.html   |   100 +
 .../text-overflow/anonymous-block-ref.html         |    66 +
 layout/reftests/text-overflow/anonymous-block.html |    75 +
 .../text-overflow/atomic-under-marker-ref.html     |    85 +
 .../text-overflow/atomic-under-marker.html         |    85 +
 layout/reftests/text-overflow/bidi-simple-ref.html |    85 +
 .../text-overflow/bidi-simple-scrolled-ref.html    |   106 +
 .../text-overflow/bidi-simple-scrolled.html        |    98 +
 layout/reftests/text-overflow/bidi-simple.html     |    81 +
 .../reftests/text-overflow/block-padding-ref.html  |    83 +
 layout/reftests/text-overflow/block-padding.html   |    71 +
 .../text-overflow/clipped-elements-ref.html        |    78 +
 .../reftests/text-overflow/clipped-elements.html   |    80 +
 .../reftests/text-overflow/combobox-zoom-ref.html  |    34 +
 layout/reftests/text-overflow/combobox-zoom.html   |    34 +
 .../text-overflow/dynamic-change-1-ref.html        |     7 +
 .../reftests/text-overflow/dynamic-change-1.html   |    16 +
 .../text-overflow/ellipsis-font-fallback-ref.html  |   149 +
 .../text-overflow/ellipsis-font-fallback.html      |   150 +
 .../text-overflow/false-marker-overlap-ref.html    |    72 +
 .../text-overflow/false-marker-overlap.html        |    72 +
 .../reftests/text-overflow/float-edges-1-ref.html  |    71 +
 layout/reftests/text-overflow/float-edges-1.html   |    73 +
 .../reftests/text-overflow/line-clipping-ref.html  |    28 +
 layout/reftests/text-overflow/line-clipping.html   |    32 +
 .../reftests/text-overflow/marker-basic-ref.html   |   276 +
 layout/reftests/text-overflow/marker-basic.html    |   205 +
 .../reftests/text-overflow/marker-shadow-ref.html  |    33 +
 layout/reftests/text-overflow/marker-shadow.html   |    37 +
 .../reftests/text-overflow/marker-string-ref.html  |    69 +
 layout/reftests/text-overflow/marker-string.html   |    73 +
 .../text-overflow/quirks-decorations-ref.html      |    73 +
 .../reftests/text-overflow/quirks-decorations.html |    74 +
 .../text-overflow/quirks-line-height-ref.html      |    57 +
 .../reftests/text-overflow/quirks-line-height.html |    56 +
 layout/reftests/text-overflow/reftest.list         |    38 +
 .../text-overflow/scroll-rounding-ref.html         |    85 +
 layout/reftests/text-overflow/scroll-rounding.html |    86 +
 layout/reftests/text-overflow/selection-ref.html   |   118 +
 layout/reftests/text-overflow/selection.html       |   116 +
 .../reftests/text-overflow/single-value-ref.html   |   106 +
 layout/reftests/text-overflow/single-value.html    |    99 +
 .../text-overflow/standards-decorations-ref.html   |    72 +
 .../text-overflow/standards-decorations.html       |    73 +
 .../text-overflow/standards-line-height-ref.html   |    58 +
 .../text-overflow/standards-line-height.html       |    57 +
 layout/reftests/text-overflow/table-cell-ref.html  |    45 +
 layout/reftests/text-overflow/table-cell.html      |    47 +
 .../reftests/text-overflow/theme-overflow-ref.html |    61 +
 layout/reftests/text-overflow/theme-overflow.html  |    62 +
 .../text-overflow/two-value-syntax-ref.html        |    66 +
 .../reftests/text-overflow/two-value-syntax.html   |    75 +
 .../vertical-decorations-1-2-notref.html           |    27 +
 .../text-overflow/vertical-decorations-1-ref.html  |    27 +
 .../text-overflow/vertical-decorations-1.html      |    27 +
 .../text-overflow/vertical-decorations-2-ref.html  |    30 +
 .../text-overflow/vertical-decorations-2.html      |    30 +
 .../vertical-decorations-3-4-notref.html           |    27 +
 .../text-overflow/vertical-decorations-3-ref.html  |    28 +
 .../text-overflow/vertical-decorations-3.html      |    28 +
 .../text-overflow/vertical-decorations-4-ref.html  |    30 +
 .../text-overflow/vertical-decorations-4.html      |    30 +
 .../text-overflow/visibility-hidden-ref.html       |    72 +
 .../reftests/text-overflow/visibility-hidden.html  |    74 +
 layout/reftests/text-overflow/xulscroll-ref.html   |    80 +
 layout/reftests/text-overflow/xulscroll.html       |   104 +
 .../reftests/text-shadow/basic-negcoord-ref.xhtml  |     6 +
 layout/reftests/text-shadow/basic-negcoord.xhtml   |     5 +
 layout/reftests/text-shadow/basic-ref.xhtml        |     6 +
 layout/reftests/text-shadow/basic.xhtml            |     5 +
 layout/reftests/text-shadow/blur-notref.xhtml      |     3 +
 layout/reftests/text-shadow/blur-opacity-ref.html  |     7 +
 layout/reftests/text-shadow/blur-opacity.html      |     7 +
 layout/reftests/text-shadow/blur.xhtml             |     3 +
 .../reftests/text-shadow/color-inherit-ref.xhtml   |     6 +
 layout/reftests/text-shadow/color-inherit.xhtml    |     5 +
 .../reftests/text-shadow/multiple-noblur-ref.xhtml |     9 +
 layout/reftests/text-shadow/multiple-noblur.xhtml  |     5 +
 layout/reftests/text-shadow/overflow-clip-ref.html |    13 +
 layout/reftests/text-shadow/overflow-clip.html     |    18 +
 .../text-shadow/overflow-decoration-ref.html       |    25 +
 .../reftests/text-shadow/overflow-decoration.html  |    23 +
 layout/reftests/text-shadow/reftest.list           |    22 +
 .../text-shadow-on-selection-1-ref.html            |    26 +
 .../text-shadow/text-shadow-on-selection-1.html    |    41 +
 .../text-shadow-on-selection-2-ref.html            |    27 +
 .../text-shadow/text-shadow-on-selection-2.html    |    43 +
 .../text-shadow/text-shadow-on-space-1-ref.html    |    16 +
 .../text-shadow/text-shadow-on-space-1.html        |    17 +
 .../text-shadow/text-shadow-selected-1-notref.html |    31 +
 .../text-shadow/text-shadow-selected-1-ref.html    |    33 +
 .../text-shadow/text-shadow-selected-1.html        |    31 +
 .../text-shadow/text-shadow-selected-2-notref.html |    31 +
 .../text-shadow/text-shadow-selected-2-ref.html    |    33 +
 .../text-shadow/text-shadow-selected-2.html        |    31 +
 layout/reftests/text-stroke/reftest.list           |     9 +
 .../webkit-text-stroke-property-001-ref.html       |    16 +
 .../webkit-text-stroke-property-001.html           |    17 +
 .../webkit-text-stroke-property-002-ref.html       |    16 +
 .../webkit-text-stroke-property-002.html           |    17 +
 .../webkit-text-stroke-property-003-ref.html       |    16 +
 .../webkit-text-stroke-property-003.html           |    17 +
 .../webkit-text-stroke-property-004-ref.html       |    16 +
 .../webkit-text-stroke-property-004.html           |    17 +
 .../webkit-text-stroke-property-005-ref.html       |    16 +
 .../webkit-text-stroke-property-005.html           |    26 +
 .../webkit-text-stroke-property-006-ref.html       |    19 +
 .../webkit-text-stroke-property-006.html           |    19 +
 .../reftests/text-svgglyphs/bug1320197-1-ref.html  |    19 +
 layout/reftests/text-svgglyphs/bug1320197-1.html   |    21 +
 layout/reftests/text-svgglyphs/clip-ref.html       |    21 +
 layout/reftests/text-svgglyphs/clip.html           |    39 +
 layout/reftests/text-svgglyphs/reftest.list        |    36 +
 layout/reftests/text-svgglyphs/resources/README    |    61 +
 .../resources/bug1320197-testFont2.ttf             |   Bin 0 -> 1972 bytes
 .../text-svgglyphs/resources/glyphs-base.svg       |    13 +
 .../text-svgglyphs/resources/glyphs-invalid.svg    |    40 +
 .../resources/glyphs-objectcolor.svg               |    24 +
 .../resources/glyphs-objectopacity.svg             |    59 +
 .../resources/glyphs-objectstroke.svg              |    25 +
 .../resources/glyphs-paintservers.svg              |    28 +
 .../text-svgglyphs/resources/glyphs-transforms.svg |    67 +
 .../reftests/text-svgglyphs/resources/nosvg.woff   |   Bin 0 -> 68044 bytes
 .../reftests/text-svgglyphs/resources/rubbish.txt  |     1 +
 .../reftests/text-svgglyphs/resources/rubbish.woff |   Bin 0 -> 68172 bytes
 .../text-svgglyphs/resources/svg-bitmap.ttf        |   Bin 0 -> 2064 bytes
 .../text-svgglyphs/resources/svg-bitmap.ttx        |   253 +
 .../text-svgglyphs/resources/svg-glyph-extents.otf |   Bin 0 -> 183892 bytes
 .../reftests/text-svgglyphs/resources/svg-gz.ttf   |   Bin 0 -> 113804 bytes
 layout/reftests/text-svgglyphs/resources/svg.woff  |   Bin 0 -> 70060 bytes
 .../text-svgglyphs/svg-glyph-basic-disabled.svg    |    27 +
 .../text-svgglyphs/svg-glyph-basic-ref.svg         |     8 +
 layout/reftests/text-svgglyphs/svg-glyph-basic.svg |    25 +
 .../text-svgglyphs/svg-glyph-cachedopacity-ref.svg |     6 +
 .../text-svgglyphs/svg-glyph-cachedopacity.svg     |    20 +
 .../text-svgglyphs/svg-glyph-compressed-ref.html   |    13 +
 .../text-svgglyphs/svg-glyph-compressed.html       |    13 +
 .../text-svgglyphs/svg-glyph-direct-ref.svg        |    27 +
 .../reftests/text-svgglyphs/svg-glyph-direct.svg   |    19 +
 .../text-svgglyphs/svg-glyph-extents-ref.html      |    27 +
 .../reftests/text-svgglyphs/svg-glyph-extents.html |    50 +
 .../reftests/text-svgglyphs/svg-glyph-html-ref.svg |    11 +
 layout/reftests/text-svgglyphs/svg-glyph-html.html |    12 +
 .../text-svgglyphs/svg-glyph-invalid-ids-ref.svg   |     6 +
 .../text-svgglyphs/svg-glyph-invalid-ids.svg       |    22 +
 .../text-svgglyphs/svg-glyph-invalid-ref.html      |    18 +
 .../reftests/text-svgglyphs/svg-glyph-invalid.html |    23 +
 .../reftests/text-svgglyphs/svg-glyph-mask-ref.svg |    15 +
 layout/reftests/text-svgglyphs/svg-glyph-mask.svg  |    12 +
 .../svg-glyph-objectfill-solid-ref.svg             |     4 +
 .../text-svgglyphs/svg-glyph-objectfill-solid.svg  |    27 +
 .../svg-glyph-objectgradient-ref.svg               |    25 +
 .../svg-glyph-objectgradient-zoom-ref.svg          |    25 +
 .../svg-glyph-objectgradient-zoom.svg              |    35 +
 .../text-svgglyphs/svg-glyph-objectgradient.svg    |    36 +
 .../text-svgglyphs/svg-glyph-objectopacity-ref.svg |    30 +
 .../text-svgglyphs/svg-glyph-objectopacity.svg     |    40 +
 .../svg-glyph-objectopacity2-ref.svg               |    30 +
 .../text-svgglyphs/svg-glyph-objectopacity2.svg    |    39 +
 .../text-svgglyphs/svg-glyph-objectpattern-ref.svg |    25 +
 .../text-svgglyphs/svg-glyph-objectpattern.svg     |    35 +
 .../svg-glyph-objectstroke-solid-ref.svg           |     6 +
 .../svg-glyph-objectstroke-solid.svg               |    27 +
 .../svg-glyph-objectvalue-150-ref.svg              |    13 +
 .../text-svgglyphs/svg-glyph-objectvalue-150.svg   |    21 +
 .../svg-glyph-objectvalue-75-ref.svg               |    13 +
 .../text-svgglyphs/svg-glyph-objectvalue-75.svg    |    21 +
 .../text-svgglyphs/svg-glyph-objectvalue-ref.svg   |    13 +
 .../text-svgglyphs/svg-glyph-objectvalue.svg       |    21 +
 .../text-svgglyphs/svg-glyph-paint-server-ref.svg  |    10 +
 .../text-svgglyphs/svg-glyph-paint-server.svg      |    21 +
 .../text-svgglyphs/svg-glyph-paintnone-ref.svg     |    17 +
 .../text-svgglyphs/svg-glyph-paintnone.svg         |    25 +
 .../svg-glyph-positioning-disabled.svg             |    25 +
 .../text-svgglyphs/svg-glyph-positioning-ref.svg   |    21 +
 .../text-svgglyphs/svg-glyph-positioning.svg       |    23 +
 .../text-svgglyphs/svg-glyph-transform-ref.svg     |    48 +
 .../text-svgglyphs/svg-glyph-transform.svg         |    48 +
 .../text-svgglyphs/svg-in-ot-bitmap-1-ref.html     |    30 +
 .../text-svgglyphs/svg-in-ot-bitmap-1.html         |    33 +
 layout/reftests/text-transform/all-lower-ref.html  |  1448 ++
 layout/reftests/text-transform/all-lower.html      |  1448 ++
 layout/reftests/text-transform/all-title-ref.html  |  1517 ++
 layout/reftests/text-transform/all-title.html      |  1517 ++
 layout/reftests/text-transform/all-upper-ref.html  |  1540 ++
 layout/reftests/text-transform/all-upper.html      |  1540 ++
 layout/reftests/text-transform/capitalize-1.html   |    11 +
 layout/reftests/text-transform/capitalize-2.html   |    11 +
 .../reftests/text-transform/capitalize-3-ref.html  |    11 +
 layout/reftests/text-transform/capitalize-3.html   |    16 +
 .../reftests/text-transform/capitalize-4-ref.html  |    12 +
 layout/reftests/text-transform/capitalize-4.html   |    12 +
 .../reftests/text-transform/capitalize-5-ref.html  |    12 +
 layout/reftests/text-transform/capitalize-5.html   |    12 +
 .../reftests/text-transform/capitalize-6-ref.html  |    11 +
 layout/reftests/text-transform/capitalize-6.html   |    11 +
 .../reftests/text-transform/capitalize-7-ref.html  |     6 +
 layout/reftests/text-transform/capitalize-7.html   |    10 +
 layout/reftests/text-transform/capitalize-7a.html  |    11 +
 .../reftests/text-transform/capitalize-8-ref.html  |    11 +
 layout/reftests/text-transform/capitalize-8.html   |    12 +
 .../reftests/text-transform/capitalize-9-ref.html  |    12 +
 layout/reftests/text-transform/capitalize-9.html   |    12 +
 layout/reftests/text-transform/capitalize-ref.html |     6 +
 .../text-transform/fake-small-caps-1-ref.html      |    22 +
 .../reftests/text-transform/fake-small-caps-1.html |    19 +
 .../reftests/text-transform/fullwidth-1-ref.html   |     9 +
 layout/reftests/text-transform/fullwidth-1.html    |     9 +
 .../reftests/text-transform/fullwidth-2-ref.html   |     9 +
 layout/reftests/text-transform/fullwidth-2.html    |     9 +
 .../reftests/text-transform/fullwidth-all-ref.html |    34 +
 layout/reftests/text-transform/fullwidth-all.html  |    34 +
 .../graphite-small-caps-1-notref.html              |    22 +
 .../text-transform/graphite-small-caps-1-ref.html  |    22 +
 .../text-transform/graphite-small-caps-1.html      |    19 +
 .../text-transform/greek-small-caps-1-ref.html     |    25 +
 .../text-transform/greek-small-caps-1.html         |    23 +
 .../text-transform/greek-uppercase-1-ref.html      |    17 +
 .../text-transform/greek-uppercase-1a.html         |    22 +
 .../text-transform/greek-uppercase-1b.html         |    22 +
 .../text-transform/greek-uppercase-2-ref.html      |    17 +
 .../reftests/text-transform/greek-uppercase-2.html |    18 +
 .../text-transform/greek-uppercase-3-ref.html      |    17 +
 .../reftests/text-transform/greek-uppercase-3.html |    18 +
 .../text-transform/irish-lowercase-1-ref.html      |   227 +
 .../text-transform/irish-lowercase-1a.html         |   227 +
 .../text-transform/irish-lowercase-1b.html         |   227 +
 .../text-transform/irish-uppercase-1-ref.html      |   120 +
 .../reftests/text-transform/irish-uppercase-1.html |   120 +
 layout/reftests/text-transform/lowercase-1.html    |    11 +
 layout/reftests/text-transform/lowercase-ref.html  |     6 +
 .../text-transform/lowercase-sigma-1-ref.html      |    11 +
 .../reftests/text-transform/lowercase-sigma-1.html |    11 +
 .../opentype-small-caps-1-notref.html              |    22 +
 .../text-transform/opentype-small-caps-1-ref.html  |    22 +
 .../text-transform/opentype-small-caps-1.html      |    19 +
 layout/reftests/text-transform/reftest.list        |    49 +
 .../reftests/text-transform/small-caps-1-ref.html  |     4 +
 layout/reftests/text-transform/small-caps-1.html   |     9 +
 .../small-caps-turkish-1-notref.html               |    24 +
 .../text-transform/small-caps-turkish-1.html       |    24 +
 layout/reftests/text-transform/smtp-lower-ref.html |    50 +
 layout/reftests/text-transform/smtp-lower.html     |    53 +
 layout/reftests/text-transform/smtp-title-ref.html |    50 +
 layout/reftests/text-transform/smtp-title.html     |    53 +
 layout/reftests/text-transform/smtp-upper-ref.html |    50 +
 layout/reftests/text-transform/smtp-upper.html     |    53 +
 .../text-transform/turkish-casing-1-ref.html       |    27 +
 .../reftests/text-transform/turkish-casing-1.html  |    27 +
 layout/reftests/text-transform/uppercase-1.html    |    11 +
 .../text-transform/uppercase-eszett-1.html         |     5 +
 .../text-transform/uppercase-eszett-1a-ref.html    |     5 +
 .../text-transform/uppercase-eszett-1b-ref.html    |     5 +
 layout/reftests/text-transform/uppercase-ref.html  |     6 +
 .../reftests/text-transform/uppercase-szlig-1.html |    11 +
 .../text-transform/uppercase-szlig-ref.html        |     6 +
 layout/reftests/text/1170688-ref.html              |    21 +
 layout/reftests/text/1170688.html                  |    21 +
 .../reftests/text/1320665-cmap-format-13-ref.html  |    12 +
 layout/reftests/text/1320665-cmap-format-13.html   |    22 +
 .../1331339-script-extensions-shaping-1-ref.html   |    28 +
 .../text/1331339-script-extensions-shaping-1.html  |    34 +
 layout/reftests/text/1349308-1.html                |     2 +
 layout/reftests/text/1349308-notref.html           |     1 +
 ...463020-letter-spacing-text-transform-1-ref.html |    17 +
 .../1463020-letter-spacing-text-transform-1.html   |    23 +
 ...463020-letter-spacing-text-transform-2-ref.html |    17 +
 .../1463020-letter-spacing-text-transform-2.html   |    23 +
 ...61-spurious-hyphenation-after-explicit-ref.html |     2 +
 ...507661-spurious-hyphenation-after-explicit.html |     2 +
 layout/reftests/text/1522857-1-ref.html            |     2 +
 layout/reftests/text/1522857-1.html                |     2 +
 .../text/1637405-pua-shaping-1-notref.html         |    15 +
 layout/reftests/text/1637405-pua-shaping-1.html    |    15 +
 layout/reftests/text/1655364-1-ref.html            |     2 +
 layout/reftests/text/1655364-1.html                |     2 +
 layout/reftests/text/1670581-1-ref.html            |    13 +
 layout/reftests/text/1670581-1.html                |    13 +
 layout/reftests/text/1673098-1-ref.html            |    13 +
 layout/reftests/text/1673098-1.html                |    13 +
 layout/reftests/text/444656-ref.html               |    12 +
 layout/reftests/text/444656.html                   |    27 +
 layout/reftests/text/449555-1-ref.html             |    33 +
 layout/reftests/text/449555-1.html                 |    33 +
 layout/reftests/text/467722-ref.html               |    10 +
 layout/reftests/text/467722.html                   |    10 +
 layout/reftests/text/475092-pos.html               |    19 +
 layout/reftests/text/475092-ref.html               |    19 +
 layout/reftests/text/475092-sub.html               |    19 +
 .../text/476378-soft-hyphen-fallback-ref.html      |    19 +
 .../reftests/text/476378-soft-hyphen-fallback.html |    19 +
 layout/reftests/text/577380-ref.html               |    13 +
 layout/reftests/text/577380.html                   |    13 +
 layout/reftests/text/726392-1-ref.html             |    53 +
 layout/reftests/text/726392-1.html                 |    66 +
 layout/reftests/text/726392-2-ref.html             |    53 +
 layout/reftests/text/726392-2.html                 |    66 +
 layout/reftests/text/726392-3-ref.html             |    83 +
 layout/reftests/text/726392-3.html                 |    94 +
 layout/reftests/text/745555-1-ref.html             |    28 +
 layout/reftests/text/745555-1.html                 |    29 +
 layout/reftests/text/745555-2-ref.html             |    14 +
 layout/reftests/text/745555-2.html                 |    19 +
 layout/reftests/text/820255-ref.html               |    11 +
 layout/reftests/text/820255.html                   |    14 +
 layout/reftests/text/arabic-fallback-1-ref.html    |    17 +
 layout/reftests/text/arabic-fallback-1.html        |    17 +
 layout/reftests/text/arabic-fallback-2-ref.html    |    20 +
 layout/reftests/text/arabic-fallback-2.html        |    20 +
 layout/reftests/text/arabic-fallback-3-ref.html    |    17 +
 layout/reftests/text/arabic-fallback-3.html        |    17 +
 layout/reftests/text/arabic-fallback-4-ref.html    |    17 +
 layout/reftests/text/arabic-fallback-4.html        |    17 +
 .../text/arabic-final-ligature-spacing-ref.html    |     6 +
 .../text/arabic-final-ligature-spacing.html        |     9 +
 layout/reftests/text/arabic-marks-1-ref.html       |    42 +
 layout/reftests/text/arabic-marks-1.html           |    42 +
 layout/reftests/text/arabic-shaping-1-ref.html     |    17 +
 layout/reftests/text/arabic-shaping-1.html         |    17 +
 .../reftests/text/arial-bold-lam-alef-1-ref.html   |     5 +
 layout/reftests/text/arial-bold-lam-alef-1.html    |     5 +
 .../reftests/text/auto-hyphenation-1-notref.html   |     9 +
 layout/reftests/text/auto-hyphenation-1-ref.html   |     9 +
 layout/reftests/text/auto-hyphenation-1.html       |    10 +
 layout/reftests/text/auto-hyphenation-10-ref.html  |    11 +
 layout/reftests/text/auto-hyphenation-10.html      |    11 +
 layout/reftests/text/auto-hyphenation-1a.html      |    10 +
 layout/reftests/text/auto-hyphenation-2-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-2.html       |    12 +
 layout/reftests/text/auto-hyphenation-3-ref.html   |     9 +
 layout/reftests/text/auto-hyphenation-3.html       |    10 +
 layout/reftests/text/auto-hyphenation-4-ref.html   |     9 +
 layout/reftests/text/auto-hyphenation-4.html       |    10 +
 layout/reftests/text/auto-hyphenation-5-ref.html   |    28 +
 layout/reftests/text/auto-hyphenation-5.html       |    28 +
 layout/reftests/text/auto-hyphenation-6-ref.html   |     9 +
 layout/reftests/text/auto-hyphenation-6.html       |    10 +
 layout/reftests/text/auto-hyphenation-7-ref.html   |     9 +
 layout/reftests/text/auto-hyphenation-7.html       |    10 +
 layout/reftests/text/auto-hyphenation-8-ref.html   |    10 +
 layout/reftests/text/auto-hyphenation-8.html       |    10 +
 layout/reftests/text/auto-hyphenation-9-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-9.html       |    11 +
 .../reftests/text/auto-hyphenation-af-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-af-1.html    |    11 +
 .../reftests/text/auto-hyphenation-bg-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-bg-1.html    |    11 +
 .../reftests/text/auto-hyphenation-bn-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-bn-1.html    |     4 +
 .../reftests/text/auto-hyphenation-ca-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-ca-1.html    |    11 +
 .../reftests/text/auto-hyphenation-cy-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-cy-1.html    |    11 +
 .../reftests/text/auto-hyphenation-da-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-da-1.html    |    11 +
 .../text/auto-hyphenation-de-1901-1-ref.html       |    13 +
 .../reftests/text/auto-hyphenation-de-1901-1.html  |    13 +
 .../text/auto-hyphenation-de-1996-1-ref.html       |    13 +
 .../reftests/text/auto-hyphenation-de-1996-1.html  |    13 +
 .../text/auto-hyphenation-de-ch-1-ref.html         |    11 +
 layout/reftests/text/auto-hyphenation-de-ch-1.html |    11 +
 .../reftests/text/auto-hyphenation-eo-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-eo-1.html    |    11 +
 .../reftests/text/auto-hyphenation-es-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-es-1.html    |    11 +
 .../reftests/text/auto-hyphenation-et-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-et-1.html    |    11 +
 .../reftests/text/auto-hyphenation-fi-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-fi-1.html    |    11 +
 .../reftests/text/auto-hyphenation-fr-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-fr-1.html    |    11 +
 .../reftests/text/auto-hyphenation-gl-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-gl-1.html    |    11 +
 .../reftests/text/auto-hyphenation-gu-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-gu-1.html    |     4 +
 .../reftests/text/auto-hyphenation-hi-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-hi-1.html    |     4 +
 .../reftests/text/auto-hyphenation-hr-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-hr-1.html    |    11 +
 .../reftests/text/auto-hyphenation-hsb-1-ref.html  |    11 +
 layout/reftests/text/auto-hyphenation-hsb-1.html   |    11 +
 .../reftests/text/auto-hyphenation-hu-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-hu-1.html    |    11 +
 .../reftests/text/auto-hyphenation-ia-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-ia-1.html    |    11 +
 .../reftests/text/auto-hyphenation-is-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-is-1.html    |    11 +
 .../reftests/text/auto-hyphenation-it-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-it-1.html    |    11 +
 .../reftests/text/auto-hyphenation-kmr-1-ref.html  |    11 +
 layout/reftests/text/auto-hyphenation-kmr-1.html   |    11 +
 .../reftests/text/auto-hyphenation-kn-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-kn-1.html    |     4 +
 .../reftests/text/auto-hyphenation-la-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-la-1.html    |    11 +
 .../reftests/text/auto-hyphenation-lt-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-lt-1.html    |    11 +
 .../reftests/text/auto-hyphenation-ml-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-ml-1.html    |     4 +
 .../reftests/text/auto-hyphenation-mn-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-mn-1.html    |    11 +
 .../reftests/text/auto-hyphenation-nb-1-ref.html   |    15 +
 layout/reftests/text/auto-hyphenation-nb-1.html    |    15 +
 .../reftests/text/auto-hyphenation-nl-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-nl-1.html    |    11 +
 .../reftests/text/auto-hyphenation-nn-1-ref.html   |    15 +
 layout/reftests/text/auto-hyphenation-nn-1.html    |    15 +
 .../reftests/text/auto-hyphenation-pa-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-pa-1.html    |     4 +
 .../reftests/text/auto-hyphenation-pl-1-ref.html   |    50 +
 layout/reftests/text/auto-hyphenation-pl-1.html    |    20 +
 .../reftests/text/auto-hyphenation-pt-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-pt-1.html    |    11 +
 .../reftests/text/auto-hyphenation-ru-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-ru-1.html    |    11 +
 .../reftests/text/auto-hyphenation-sh-1-ref.html   |    13 +
 layout/reftests/text/auto-hyphenation-sh-1.html    |    13 +
 .../reftests/text/auto-hyphenation-sl-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-sl-1.html    |    11 +
 .../reftests/text/auto-hyphenation-sr-1-ref.html   |    13 +
 layout/reftests/text/auto-hyphenation-sr-1.html    |    13 +
 .../text/auto-hyphenation-sv-1-notref.html         |    11 +
 .../reftests/text/auto-hyphenation-sv-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-sv-1.html    |    11 +
 .../reftests/text/auto-hyphenation-ta-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-ta-1.html    |     4 +
 .../reftests/text/auto-hyphenation-te-1-ref.html   |     4 +
 layout/reftests/text/auto-hyphenation-te-1.html    |     4 +
 .../reftests/text/auto-hyphenation-tr-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-tr-1.html    |    11 +
 .../text/auto-hyphenation-transformed-1-ref.html   |    18 +
 .../text/auto-hyphenation-transformed-1.html       |    18 +
 .../reftests/text/auto-hyphenation-uk-1-ref.html   |    11 +
 layout/reftests/text/auto-hyphenation-uk-1.html    |    11 +
 .../reftests/text/auto-hyphenation-xmllang-1.xhtml |    11 +
 .../text/auto-hyphenation-xmllang-10.xhtml         |    12 +
 .../text/auto-hyphenation-xmllang-11a.xhtml        |    11 +
 .../text/auto-hyphenation-xmllang-11b.xhtml        |    11 +
 .../text/auto-hyphenation-xmllang-12a.xhtml        |    12 +
 .../text/auto-hyphenation-xmllang-12b.xhtml        |    12 +
 .../text/auto-hyphenation-xmllang-13a.xhtml        |    13 +
 .../text/auto-hyphenation-xmllang-13b.xhtml        |    13 +
 .../text/auto-hyphenation-xmllang-14a.xhtml        |    14 +
 .../text/auto-hyphenation-xmllang-14b.xhtml        |    14 +
 .../text/auto-hyphenation-xmllang-1a.xhtml         |    11 +
 .../reftests/text/auto-hyphenation-xmllang-2.xhtml |    13 +
 .../reftests/text/auto-hyphenation-xmllang-3.xhtml |    11 +
 .../reftests/text/auto-hyphenation-xmllang-4.xhtml |    11 +
 .../reftests/text/auto-hyphenation-xmllang-5.xhtml |    28 +
 .../reftests/text/auto-hyphenation-xmllang-6.xhtml |    11 +
 .../reftests/text/auto-hyphenation-xmllang-7.xhtml |    11 +
 .../reftests/text/auto-hyphenation-xmllang-8.xhtml |    11 +
 .../reftests/text/auto-hyphenation-xmllang-9.xhtml |    12 +
 layout/reftests/text/cgj-01-ref.html               |    21 +
 layout/reftests/text/cgj-01.html                   |    21 +
 layout/reftests/text/color-opacity-rtl-1-ref.html  |    18 +
 layout/reftests/text/color-opacity-rtl-1.html      |    17 +
 layout/reftests/text/color-opacity-rtl-2-ref.html  |    19 +
 layout/reftests/text/color-opacity-rtl-2.html      |    17 +
 layout/reftests/text/control-chars-01-notref.html  |    11 +
 layout/reftests/text/control-chars-01a.html        |    11 +
 layout/reftests/text/control-chars-01b.html        |    11 +
 layout/reftests/text/control-chars-01c.html        |    11 +
 layout/reftests/text/control-chars-01d.html        |    11 +
 layout/reftests/text/control-chars-02-notref.html  |     6 +
 layout/reftests/text/control-chars-02.html         |     6 +
 layout/reftests/text/control-chars-03-ref.html     |     6 +
 layout/reftests/text/control-chars-03a.html        |     6 +
 layout/reftests/text/control-chars-03b.html        |    10 +
 layout/reftests/text/control-chars-04-notref.html  |    11 +
 layout/reftests/text/control-chars-04a.html        |    11 +
 layout/reftests/text/control-chars-04b.html        |    11 +
 layout/reftests/text/control-chars-04c.html        |    11 +
 layout/reftests/text/control-chars-04d.html        |    11 +
 layout/reftests/text/emoji-01-notref.html          |    19 +
 layout/reftests/text/emoji-01.html                 |    19 +
 layout/reftests/text/emoji-02-notref.html          |    19 +
 layout/reftests/text/emoji-02.html                 |    20 +
 layout/reftests/text/emoji-03-notref.html          |    19 +
 layout/reftests/text/emoji-03-ref.html             |    19 +
 layout/reftests/text/emoji-03.html                 |    19 +
 layout/reftests/text/emoji-04-ref.html             |    20 +
 layout/reftests/text/emoji-04.html                 |    20 +
 layout/reftests/text/emoji-05-notref.html          |    20 +
 layout/reftests/text/emoji-05.html                 |    20 +
 layout/reftests/text/ethiopic-wordspace-ref.html   |    17 +
 layout/reftests/text/ethiopic-wordspace.html       |    17 +
 layout/reftests/text/fallback-01-ref.xhtml         |    19 +
 layout/reftests/text/fallback-01.xhtml             |    19 +
 .../text/fallback-mark-stacking-1-notref.html      |    23 +
 layout/reftests/text/fallback-mark-stacking-1.html |    23 +
 .../text/font-selection-by-lang-01-ref.html        |    23 +
 .../reftests/text/font-selection-by-lang-01.html   |    20 +
 .../text/font-selection-fallback-1-ref.html        |    42 +
 .../reftests/text/font-selection-fallback-1.html   |    41 +
 .../text/font-selection-generic-1-ref.html         |    55 +
 layout/reftests/text/font-selection-generic-1.html |    55 +
 layout/reftests/text/font-size-adjust-01-ref.html  |    14 +
 layout/reftests/text/font-size-adjust-01.html      |    16 +
 layout/reftests/text/font-size-adjust-02-ref.html  |    15 +
 layout/reftests/text/font-size-adjust-02.html      |    15 +
 layout/reftests/text/font-size-adjust-03-ref.html  |    14 +
 layout/reftests/text/font-size-adjust-03.html      |    14 +
 .../text/glyph-decomposition-graphite-ref.html     |    27 +
 .../text/glyph-decomposition-graphite.html         |    27 +
 .../text/glyph-decomposition-opentype-ref.html     |    27 +
 .../text/glyph-decomposition-opentype.html         |    27 +
 layout/reftests/text/graphite-01-ref.html          |    23 +
 layout/reftests/text/graphite-01.html              |    23 +
 layout/reftests/text/graphite-02-ref.html          |    23 +
 layout/reftests/text/graphite-02.html              |    23 +
 layout/reftests/text/graphite-03-notref.html       |    21 +
 layout/reftests/text/graphite-03a.html             |    22 +
 layout/reftests/text/graphite-03b.html             |    25 +
 layout/reftests/text/graphite-04-fa.html           |    19 +
 layout/reftests/text/graphite-04-ref.html          |    20 +
 layout/reftests/text/graphite-04-sd.html           |    19 +
 layout/reftests/text/graphite-04-snd.html          |    20 +
 layout/reftests/text/graphite-04-ur.html           |    20 +
 layout/reftests/text/graphite-04-urd.html          |    19 +
 layout/reftests/text/graphite-05-badlang.html      |    20 +
 layout/reftests/text/graphite-05-fail.html         |    20 +
 layout/reftests/text/graphite-05-feat.html         |    21 +
 layout/reftests/text/graphite-05-lang.html         |    21 +
 layout/reftests/text/graphite-05-multipass.html    |    21 +
 layout/reftests/text/graphite-05-ot-only.html      |    21 +
 layout/reftests/text/graphite-05-ref.html          |    20 +
 layout/reftests/text/graphite-05-simple.html       |    21 +
 layout/reftests/text/graphite-bidi-1-ref.html      |    24 +
 layout/reftests/text/graphite-bidi-1.html          |    27 +
 .../text/graphite-surrogate-selection-ref.html     |    23 +
 .../text/graphite-surrogate-selection.html         |    23 +
 layout/reftests/text/hyphenation-caps-1-ref.html   |    16 +
 layout/reftests/text/hyphenation-caps-1.html       |    12 +
 .../reftests/text/hyphenation-control-1-ref.html   |    50 +
 layout/reftests/text/hyphenation-control-1.html    |    50 +
 .../reftests/text/hyphenation-control-2-ref.html   |    22 +
 layout/reftests/text/hyphenation-control-2.html    |    27 +
 .../reftests/text/hyphenation-control-3-ref.html   |    20 +
 layout/reftests/text/hyphenation-control-3.html    |    24 +
 .../reftests/text/hyphenation-control-4-ref.html   |    25 +
 layout/reftests/text/hyphenation-control-4.html    |    25 +
 .../reftests/text/hyphenation-control-5-ref.html   |    22 +
 layout/reftests/text/hyphenation-control-5.html    |    22 +
 .../reftests/text/hyphenation-control-6-ref.html   |    73 +
 layout/reftests/text/hyphenation-control-6.html    |    21 +
 .../reftests/text/hyphenation-control-7-ref.html   |    25 +
 layout/reftests/text/hyphenation-control-7.html    |    26 +
 layout/reftests/text/initial-zwj-1-ref.html        |    16 +
 layout/reftests/text/initial-zwj-1.html            |    16 +
 layout/reftests/text/justification-1-ref.html      |    11 +
 layout/reftests/text/justification-1.html          |    17 +
 layout/reftests/text/justification-2-ref.html      |    12 +
 layout/reftests/text/justification-2a.html         |    14 +
 layout/reftests/text/justification-2b.html         |    13 +
 layout/reftests/text/justification-2c.html         |    13 +
 layout/reftests/text/justification-2d.html         |    13 +
 .../text/justification-cjk-extension-ref.html      |    19 +
 .../reftests/text/justification-cjk-extension.html |    19 +
 .../text/justification-space-diacritic-ref.html    |    21 +
 .../text/justification-space-diacritic.html        |    21 +
 layout/reftests/text/kerning-01-notref.html        |    25 +
 layout/reftests/text/kerning-01.html               |    20 +
 .../reftests/text/letter-spacing-nolig-1-ref.html  |    13 +
 layout/reftests/text/letter-spacing-nolig-1.html   |    13 +
 .../reftests/text/letter-spacing-nolig-2-ref.html  |    17 +
 layout/reftests/text/letter-spacing-nolig-2.html   |    17 +
 layout/reftests/text/ligature-with-space-1.html    |    20 +
 layout/reftests/text/line-editing-1-ref.html       |    17 +
 layout/reftests/text/line-editing-1a.html          |    27 +
 layout/reftests/text/line-editing-1b.html          |    25 +
 layout/reftests/text/line-editing-1c.html          |    25 +
 layout/reftests/text/line-editing-1d.html          |    26 +
 layout/reftests/text/line-editing-1e.html          |    24 +
 layout/reftests/text/lineheight-metrics-1-ref.html |    17 +
 layout/reftests/text/lineheight-metrics-1.html     |    31 +
 layout/reftests/text/lineheight-metrics-2-ref.html |    17 +
 layout/reftests/text/lineheight-metrics-2a.html    |    29 +
 layout/reftests/text/lineheight-metrics-2b.html    |    29 +
 .../reftests/text/lineheight-percentage-1-ref.html |     3 +
 layout/reftests/text/lineheight-percentage-1.html  |     6 +
 layout/reftests/text/long-1.html                   |     9 +
 layout/reftests/text/long-ref.html                 |     8 +
 .../text/negative-letter-spacing-1-ref.html        |    13 +
 .../reftests/text/negative-letter-spacing-1.html   |    18 +
 .../reftests/text/osx-font-smoothing-2-notref.html |    23 +
 layout/reftests/text/osx-font-smoothing-2-ref.html |    26 +
 layout/reftests/text/osx-font-smoothing-2.html     |    23 +
 layout/reftests/text/osx-font-smoothing-ref.html   |    31 +
 layout/reftests/text/osx-font-smoothing.html       |    32 +
 layout/reftests/text/overflowwrap-04.html          |    18 +
 layout/reftests/text/overflowwrap-05.html          |    18 +
 layout/reftests/text/overflowwrap-06.html          |    38 +
 layout/reftests/text/overflowwrap-07.html          |    13 +
 layout/reftests/text/overflowwrap-09.html          |    13 +
 layout/reftests/text/overflowwrap-10.html          |    14 +
 layout/reftests/text/pre-line-1-ref.html           |    22 +
 layout/reftests/text/pre-line-1.html               |    48 +
 layout/reftests/text/pre-line-2-ref.html           |    10 +
 layout/reftests/text/pre-line-2.html               |    12 +
 layout/reftests/text/pre-line-3-ref.html           |     6 +
 layout/reftests/text/pre-line-3.html               |    12 +
 layout/reftests/text/pre-line-4-ref.html           |     7 +
 layout/reftests/text/pre-line-4.html               |     7 +
 layout/reftests/text/pre-space-1-ref.html          |    20 +
 layout/reftests/text/pre-space-1.html              |    20 +
 layout/reftests/text/pre-wrap-1-ref.html           |    27 +
 layout/reftests/text/pre-wrap-1.html               |    21 +
 layout/reftests/text/reftest.list                  |   364 +
 layout/reftests/text/rgba-text-ref.html            |     7 +
 layout/reftests/text/rgba-text.html                |    12 +
 .../text/segment-break-transformation-1-ref.html   |    39 +
 .../text/segment-break-transformation-1.html       |    59 +
 .../text/soft-hyphen-in-table-1-notref.html        |    18 +
 .../reftests/text/soft-hyphen-in-table-1-ref.html  |    18 +
 layout/reftests/text/soft-hyphen-in-table-1.html   |    18 +
 .../reftests/text/soft-hyphen-in-table-2-ref.html  |    18 +
 layout/reftests/text/soft-hyphen-in-table-2.html   |    18 +
 layout/reftests/text/soft-hyphens-1-ref.html       |    13 +
 layout/reftests/text/soft-hyphens-1a.html          |    13 +
 layout/reftests/text/soft-hyphens-1b.html          |    13 +
 layout/reftests/text/soft-hyphens-1c.html          |    13 +
 .../text/soft-hyphens-break-word-1-ref.html        |    13 +
 .../reftests/text/soft-hyphens-break-word-1a.html  |    13 +
 .../reftests/text/soft-hyphens-break-word-1b.html  |    13 +
 .../reftests/text/soft-hyphens-break-word-1c.html  |    13 +
 layout/reftests/text/space-font-1-ref.html         |    26 +
 layout/reftests/text/space-font-1.html             |    28 +
 .../reftests/text/sub-sup-and-line-height-ref.html |    15 +
 layout/reftests/text/sub-sup-and-line-height.html  |    14 +
 layout/reftests/text/subpixel-glyphs-x-1a.html     |    29 +
 layout/reftests/text/subpixel-glyphs-x-1b.html     |    29 +
 layout/reftests/text/subpixel-glyphs-x-2a.html     |    21 +
 layout/reftests/text/subpixel-glyphs-x-2b.html     |    21 +
 layout/reftests/text/subpixel-glyphs-x-3a.html     |    33 +
 layout/reftests/text/subpixel-glyphs-x-3b.html     |    36 +
 layout/reftests/text/subpixel-glyphs-y-1a.html     |    30 +
 layout/reftests/text/subpixel-glyphs-y-1b.html     |    30 +
 layout/reftests/text/subpixel-lineheight-1a.html   |    52 +
 layout/reftests/text/subpixel-lineheight-1b.html   |    52 +
 layout/reftests/text/swash-1-ref.html              |     7 +
 layout/reftests/text/swash-1.html                  |     7 +
 .../text/synthetic-bold-metrics-01-notref.html     |    23 +
 .../reftests/text/synthetic-bold-metrics-01.html   |    26 +
 .../text/synthetic-bold-papyrus-01-ref.html        |    23 +
 .../reftests/text/synthetic-bold-papyrus-01.html   |    28 +
 .../text/synthetic-bold-zero-width-01-ref.html     |    35 +
 .../text/synthetic-bold-zero-width-01.html         |    45 +
 .../text/text-align-left-in-rtl-block-iframe.html  |    17 +
 .../text/text-align-left-in-rtl-block-ref.html     |    23 +
 .../text/text-align-left-in-rtl-block.html         |    25 +
 .../text/variation-selector-unsupported-1-ref.html |    20 +
 .../text/variation-selector-unsupported-1.html     |    20 +
 layout/reftests/text/webkit-text-security-1.html   |   138 +
 layout/reftests/text/webkit-text-security-2.html   |    20 +
 layout/reftests/text/webkit-text-security-3.html   |    20 +
 layout/reftests/text/webkit-text-security-4.html   |    20 +
 layout/reftests/text/webkit-text-security-5.html   |    20 +
 layout/reftests/text/white-space-1-ref.html        |    64 +
 layout/reftests/text/white-space-1a.html           |    53 +
 layout/reftests/text/white-space-1b.html           |    53 +
 layout/reftests/text/white-space-2-ref.html        |    68 +
 layout/reftests/text/white-space-2.html            |    54 +
 layout/reftests/text/white-space-3-ref.html        |    17 +
 layout/reftests/text/white-space-3.html            |    19 +
 layout/reftests/text/word-spacing-01-ref.html      |    53 +
 layout/reftests/text/word-spacing-01.html          |    46 +
 layout/reftests/text/wordbreak-1-ref.html          |    11 +
 layout/reftests/text/wordbreak-1.html              |    15 +
 layout/reftests/text/wordbreak-3-ref.html          |    13 +
 layout/reftests/text/wordbreak-3.html              |    15 +
 layout/reftests/text/wordbreak-4b-ref.html         |    13 +
 layout/reftests/text/wordbreak-4b.html             |    15 +
 layout/reftests/text/wordbreak-5-ref.html          |    13 +
 layout/reftests/text/wordbreak-5.html              |    15 +
 layout/reftests/text/wordbreak-6-ref.html          |    13 +
 layout/reftests/text/wordbreak-6.html              |    15 +
 layout/reftests/text/wordbreak-7-ref.html          |     0
 layout/reftests/text/wordbreak-7.html              |     0
 layout/reftests/text/wordbreak-7a-ref.html         |    28 +
 layout/reftests/text/wordbreak-7a.html             |    30 +
 layout/reftests/text/wordbreak-7b-ref.html         |    30 +
 layout/reftests/text/wordbreak-7b.html             |    32 +
 layout/reftests/text/wordbreak-8-ref.html          |    17 +
 layout/reftests/text/wordbreak-8.html              |    19 +
 layout/reftests/text/wordbreak-9-ref.html          |    29 +
 layout/reftests/text/wordbreak-9.html              |    33 +
 layout/reftests/text/wordbreak-dynamic-1-ref.html  |    18 +
 layout/reftests/text/wordbreak-dynamic-1.html      |    25 +
 layout/reftests/text/wordwrap-01-ref.html          |    19 +
 layout/reftests/text/wordwrap-01.html              |    13 +
 layout/reftests/text/wordwrap-02-ref.html          |    30 +
 layout/reftests/text/wordwrap-02.html              |    23 +
 layout/reftests/text/wordwrap-03-ref.html          |    20 +
 layout/reftests/text/wordwrap-03.html              |    15 +
 layout/reftests/text/wordwrap-04-ref.html          |    10 +
 layout/reftests/text/wordwrap-04.html              |    18 +
 layout/reftests/text/wordwrap-05-ref.html          |    10 +
 layout/reftests/text/wordwrap-05.html              |    18 +
 layout/reftests/text/wordwrap-06-ref.html          |    35 +
 layout/reftests/text/wordwrap-06.html              |    38 +
 layout/reftests/text/wordwrap-07-ref.html          |    10 +
 layout/reftests/text/wordwrap-07.html              |    13 +
 layout/reftests/text/wordwrap-08-ref.html          |    13 +
 layout/reftests/text/wordwrap-08.html              |    13 +
 layout/reftests/text/wordwrap-09-ref.html          |    15 +
 layout/reftests/text/wordwrap-09.html              |    13 +
 layout/reftests/text/wordwrap-10-ref.html          |    14 +
 layout/reftests/text/wordwrap-10.html              |    14 +
 layout/reftests/text/zwnj-01-notref.html           |    21 +
 layout/reftests/text/zwnj-01-ref.html              |    24 +
 layout/reftests/text/zwnj-01-ref.xhtml             |    36 +
 layout/reftests/text/zwnj-01.html                  |    21 +
 layout/reftests/text/zwnj-01.xhtml                 |    33 +
 layout/reftests/text/zwnj-02-ref.xhtml             |    32 +
 layout/reftests/text/zwnj-02.xhtml                 |    33 +
 layout/reftests/transform-3d/1035611-1-ref.html    |    29 +
 layout/reftests/transform-3d/1035611-1.html        |    38 +
 layout/reftests/transform-3d/1157984-1.html        |    32 +
 layout/reftests/transform-3d/1245450-1.html        |    36 +
 layout/reftests/transform-3d/1271058-1-ref.html    |    12 +
 layout/reftests/transform-3d/1271058-1.html        |    34 +
 layout/reftests/transform-3d/1467277-1.html        |     9 +
 layout/reftests/transform-3d/1544995-1-ref.html    |    25 +
 layout/reftests/transform-3d/1544995-1.html        |    31 +
 layout/reftests/transform-3d/1637067-1-ref.html    |    32 +
 layout/reftests/transform-3d/1637067-1.html        |    49 +
 .../transform-3d/animate-backface-hidden.html      |    47 +
 .../transform-3d/animate-cube-degrees-ref.html     |    46 +
 .../animate-cube-degrees-zoom-ref.html             |    46 +
 .../transform-3d/animate-cube-degrees-zoom.html    |    52 +
 .../transform-3d/animate-cube-degrees.html         |    52 +
 .../transform-3d/animate-cube-radians-ref.html     |    47 +
 .../animate-cube-radians-zoom-ref.html             |    47 +
 .../transform-3d/animate-cube-radians-zoom.html    |    53 +
 .../transform-3d/animate-cube-radians.html         |    53 +
 .../transform-3d/animate-preserve3d-child.html     |    57 +
 .../transform-3d/animate-preserve3d-parent.html    |    58 +
 .../transform-3d/animate-preserve3d-ref.html       |    33 +
 .../transform-3d/backface-visibility-1a.html       |     9 +
 .../transform-3d/backface-visibility-1b.html       |     9 +
 .../transform-3d/backface-visibility-1c.html       |     9 +
 .../transform-3d/backface-visibility-2-ref.html    |    43 +
 .../transform-3d/backface-visibility-2.html        |    45 +
 .../transform-3d/backface-visibility-3-ref.html    |    21 +
 .../transform-3d/backface-visibility-3.html        |    33 +
 .../transform-3d/component-alpha-1-ref.html        |    27 +
 .../reftests/transform-3d/component-alpha-1.html   |    30 +
 layout/reftests/transform-3d/green-rect.html       |    14 +
 .../reftests/transform-3d/intermediate-1-ref.html  |    43 +
 layout/reftests/transform-3d/intermediate-1.html   |    50 +
 layout/reftests/transform-3d/mask-layer-1.html     |    29 +
 layout/reftests/transform-3d/mask-layer-2.html     |    37 +
 layout/reftests/transform-3d/mask-layer-3.html     |    36 +
 layout/reftests/transform-3d/mask-layer-ref.html   |    28 +
 layout/reftests/transform-3d/matrix3d-1-ref.html   |     9 +
 layout/reftests/transform-3d/matrix3d-1a.html      |     9 +
 layout/reftests/transform-3d/matrix3d-2-ref.html   |     9 +
 layout/reftests/transform-3d/matrix3d-2a.html      |     9 +
 .../transform-3d/nested-transform-1-ref.html       |    22 +
 .../reftests/transform-3d/nested-transform-1.html  |    26 +
 .../transform-3d/opacity-preserve3d-1-ref.html     |    45 +
 .../transform-3d/opacity-preserve3d-1.html         |    45 +
 .../transform-3d/opacity-preserve3d-2-ref.html     |    28 +
 .../transform-3d/opacity-preserve3d-2.html         |    31 +
 .../transform-3d/opacity-preserve3d-3-ref.html     |    42 +
 .../transform-3d/opacity-preserve3d-3.html         |    42 +
 .../transform-3d/opacity-preserve3d-4-ref.html     |    38 +
 .../transform-3d/opacity-preserve3d-4.html         |    38 +
 .../transform-3d/opacity-preserve3d-5-ref.html     |    29 +
 .../transform-3d/opacity-preserve3d-5.html         |    36 +
 .../transform-3d/overflow-hidden-1-ref.html        |    27 +
 .../reftests/transform-3d/overflow-hidden-1a.html  |    27 +
 .../transform-3d/perspective-clipping-1-ref.html   |    13 +
 .../transform-3d/perspective-clipping-1.html       |    32 +
 .../transform-3d/perspective-clipping-2-ref.html   |     6 +
 .../transform-3d/perspective-clipping-2.html       |    12 +
 .../transform-3d/perspective-origin-1a.html        |    11 +
 .../transform-3d/perspective-origin-1b.html        |    11 +
 .../transform-3d/perspective-origin-2-ref.html     |    31 +
 .../transform-3d/perspective-origin-2a.html        |    31 +
 .../transform-3d/perspective-origin-3-ref.html     |    41 +
 .../transform-3d/perspective-origin-3a.html        |    41 +
 .../transform-3d/perspective-origin-4-ref.html     |    20 +
 .../transform-3d/perspective-origin-4a.html        |    29 +
 .../transform-3d/perspective-overflow-1-ref.html   |    28 +
 .../transform-3d/perspective-overflow-1.html       |    36 +
 .../transform-3d/perspective-overflow-2-ref.html   |    29 +
 .../transform-3d/perspective-overflow-2.html       |    30 +
 .../transform-3d/perspective-zindex-2.html         |    36 +
 .../reftests/transform-3d/perspective-zindex.html  |    36 +
 layout/reftests/transform-3d/preserve3d-1-ref.html |     9 +
 layout/reftests/transform-3d/preserve3d-1a.html    |    15 +
 layout/reftests/transform-3d/preserve3d-1b.html    |    11 +
 layout/reftests/transform-3d/preserve3d-2-ref.html |    27 +
 layout/reftests/transform-3d/preserve3d-2a.html    |    28 +
 layout/reftests/transform-3d/preserve3d-2b.html    |    28 +
 layout/reftests/transform-3d/preserve3d-2c.html    |    28 +
 layout/reftests/transform-3d/preserve3d-2d.html    |    30 +
 layout/reftests/transform-3d/preserve3d-3-ref.html |     8 +
 layout/reftests/transform-3d/preserve3d-3a.html    |     8 +
 layout/reftests/transform-3d/preserve3d-4a.html    |     9 +
 layout/reftests/transform-3d/preserve3d-5-ref.html |     3 +
 layout/reftests/transform-3d/preserve3d-5a.html    |    10 +
 layout/reftests/transform-3d/preserve3d-6-ref.html |    12 +
 layout/reftests/transform-3d/preserve3d-6a.html    |    12 +
 layout/reftests/transform-3d/preserve3d-7-ref.html |    11 +
 layout/reftests/transform-3d/preserve3d-7a.html    |     9 +
 layout/reftests/transform-3d/preserve3d-8-ref.html |    11 +
 layout/reftests/transform-3d/preserve3d-8.html     |    17 +
 .../reftests/transform-3d/preserve3d-clipped.html  |    10 +
 .../transform-3d/preserve3d-scale-ref.html         |    28 +
 layout/reftests/transform-3d/preserve3d-scale.html |    63 +
 .../transform-3d/preserve3d-table-ref.html         |     7 +
 layout/reftests/transform-3d/preserve3d-table.html |     7 +
 .../preserve3d-will-change-large-frame.html        |    14 +
 .../transform-3d/preserve3d-will-change-ref.html   |     7 +
 .../preserves3d-nested-filter-1-ref.html           |    36 +
 .../transform-3d/preserves3d-nested-filter-1.html  |    38 +
 .../transform-3d/preserves3d-nested-ref.html       |    44 +
 .../reftests/transform-3d/preserves3d-nested.html  |    46 +
 layout/reftests/transform-3d/reftest.list          |   102 +
 layout/reftests/transform-3d/rotate3d-1a.html      |     9 +
 layout/reftests/transform-3d/rotate3d-2a.html      |     9 +
 layout/reftests/transform-3d/rotatex-1-ref.html    |     9 +
 layout/reftests/transform-3d/rotatex-1a.html       |     9 +
 .../transform-3d/rotatex-perspective-1a.html       |     9 +
 .../transform-3d/rotatex-perspective-1b.html       |    11 +
 .../transform-3d/rotatex-perspective-1c.html       |     9 +
 .../transform-3d/rotatex-perspective-3-ref.html    |    33 +
 .../transform-3d/rotatex-perspective-3a.html       |    34 +
 .../rotatex-transformorigin-1-ref.html             |    11 +
 .../transform-3d/rotatex-transformorigin-1a.html   |    11 +
 layout/reftests/transform-3d/rotatey-1-ref.html    |     9 +
 layout/reftests/transform-3d/rotatey-1a.html       |     9 +
 layout/reftests/transform-3d/scale3d-1-ref.html    |     9 +
 .../transform-3d/scale3d-all-separate.html         |     9 +
 layout/reftests/transform-3d/scale3d-all.html      |     9 +
 layout/reftests/transform-3d/scale3d-xz.html       |     9 +
 layout/reftests/transform-3d/scale3d-z.html        |     9 +
 layout/reftests/transform-3d/scalez-1-ref.html     |    10 +
 layout/reftests/transform-3d/scalez-1a.html        |     9 +
 .../reftests/transform-3d/scalezrotatex-1-ref.html |     9 +
 layout/reftests/transform-3d/scalezrotatex-1.html  |     9 +
 .../transform-3d/scroll-perspective-1-ref.html     |    12 +
 .../transform-3d/scroll-perspective-1.html         |    10 +
 .../transform-3d/snap-perspective-1-ref.html       |     5 +
 .../reftests/transform-3d/snap-perspective-1.html  |    12 +
 layout/reftests/transform-3d/sorting-1-ref.html    |    35 +
 layout/reftests/transform-3d/sorting-1a.html       |    35 +
 layout/reftests/transform-3d/sorting-2-ref.html    |    21 +
 layout/reftests/transform-3d/sorting-2a.html       |    29 +
 layout/reftests/transform-3d/sorting-2b.html       |    30 +
 layout/reftests/transform-3d/sorting-3a.html       |    25 +
 .../transform-3d/split-intersect1-ref.html         |    41 +
 layout/reftests/transform-3d/split-intersect1.html |    43 +
 .../transform-3d/split-intersect2-ref.html         |    82 +
 layout/reftests/transform-3d/split-intersect2.html |    50 +
 .../transform-3d/split-non-ortho1-ref.html         |    88 +
 layout/reftests/transform-3d/split-non-ortho1.html |    54 +
 .../transform-3d/transform-geometry-1-ref.html     |    45 +
 .../transform-3d/transform-geometry-1.html         |    45 +
 .../transform-3d/transform-style-flat-1-ref.html   |     6 +
 .../transform-3d/transform-style-flat-1a.html      |     8 +
 .../reftests/transform-3d/translate3d-1-ref.html   |     9 +
 layout/reftests/transform-3d/translate3d-1a.html   |     9 +
 layout/reftests/transform-3d/translatez-1-ref.html |     9 +
 layout/reftests/transform-3d/translatez-1a.html    |     9 +
 layout/reftests/transform-3d/translatez-1b.html    |     9 +
 .../transform-3d/willchange-containing-block.html  |    43 +
 layout/reftests/transform/1569215-1-ref.html       |    10 +
 layout/reftests/transform/1569215-1.html           |    28 +
 layout/reftests/transform/601894-1.html            |    20 +
 layout/reftests/transform/601894-2.html            |     8 +
 layout/reftests/transform/601894-ref.html          |     2 +
 layout/reftests/transform/830299-1-ref.html        |    34 +
 layout/reftests/transform/830299-1.html            |    46 +
 layout/reftests/transform/abspos-1-ref.html        |    12 +
 layout/reftests/transform/abspos-1a.html           |    12 +
 layout/reftests/transform/abspos-1b.html           |    12 +
 layout/reftests/transform/abspos-1c.html           |    12 +
 layout/reftests/transform/abspos-1d.html           |    12 +
 layout/reftests/transform/abspos-1e.html           |    12 +
 layout/reftests/transform/abspos-1f.html           |    12 +
 layout/reftests/transform/abspos-1g.html           |    12 +
 .../animate-layer-scale-inherit-1-ref.html         |    24 +
 .../transform/animate-layer-scale-inherit-1.html   |    27 +
 .../animate-layer-scale-inherit-2-ref.html         |    24 +
 .../transform/animate-layer-scale-inherit-2.html   |    31 +
 .../transform/animate-layer-scale-inherit-3.html   |    51 +
 .../animate-layer-scale-inherit-4-ref.html         |    23 +
 .../transform/animate-layer-scale-inherit-4.html   |    27 +
 layout/reftests/transform/compound-1-fail.html     |    35 +
 layout/reftests/transform/compound-1-ref.html      |    36 +
 layout/reftests/transform/compound-1a.html         |    28 +
 layout/reftests/transform/descendant-1-ref.html    |    21 +
 layout/reftests/transform/descendant-1.html        |    23 +
 .../dynamic-add-without-change-cb-1-ref.html       |     8 +
 .../transform/dynamic-add-without-change-cb-1.html |    11 +
 .../transform/dynamic-addremove-1-ref.html         |     8 +
 .../reftests/transform/dynamic-addremove-1a.html   |    15 +
 .../reftests/transform/dynamic-addremove-1b.html   |    15 +
 .../reftests/transform/dynamic-addremove-1c.html   |    17 +
 .../transform/dynamic-addremove-2-ref.html         |     3 +
 layout/reftests/transform/dynamic-addremove-2.html |    17 +
 .../reftests/transform/dynamic-inherit-1-ref.html  |    21 +
 layout/reftests/transform/dynamic-inherit-1.html   |    21 +
 layout/reftests/transform/iframe-1-ref.html        |    15 +
 layout/reftests/transform/iframe-1.html            |    14 +
 layout/reftests/transform/iframe-transform.html    |    16 +
 layout/reftests/transform/inline-1-ref.html        |     2 +
 layout/reftests/transform/inline-1a.html           |     3 +
 .../transform/invalidate-svg-scale-1-ref.html      |    15 +
 .../reftests/transform/invalidate-svg-scale-1.html |    24 +
 .../transform/invalidate-transform-1-ref.html      |    21 +
 .../reftests/transform/invalidate-transform-1.html |    49 +
 layout/reftests/transform/matrix-1-ref.html        |     8 +
 layout/reftests/transform/matrix-1a.html           |     8 +
 layout/reftests/transform/matrix-2-ref.html        |     8 +
 layout/reftests/transform/matrix-2a.html           |     8 +
 layout/reftests/transform/matrix-3-ref.html        |     8 +
 layout/reftests/transform/matrix-3a.html           |     8 +
 layout/reftests/transform/matrix-4-ref.html        |     8 +
 layout/reftests/transform/matrix-4a.html           |     8 +
 layout/reftests/transform/matrix-5-ref.html        |     8 +
 layout/reftests/transform/matrix-5a.html           |     8 +
 layout/reftests/transform/matrix-6-ref.html        |     8 +
 layout/reftests/transform/matrix-6a.html           |     8 +
 layout/reftests/transform/matrix-7-ref.html        |     8 +
 layout/reftests/transform/matrix-7a.html           |     8 +
 layout/reftests/transform/matrix3d-1-ref.html      |    15 +
 layout/reftests/transform/matrix3d-1.html          |    20 +
 layout/reftests/transform/origin-1-ref.html        |     9 +
 layout/reftests/transform/origin-1a.html           |     9 +
 layout/reftests/transform/origin-1b.html           |     9 +
 layout/reftests/transform/origin-2-ref.html        |     9 +
 layout/reftests/transform/origin-2a.html           |     9 +
 layout/reftests/transform/origin-2b.html           |     9 +
 layout/reftests/transform/origin-2c.html           |     9 +
 layout/reftests/transform/origin-name-1-ref.html   |     8 +
 layout/reftests/transform/origin-name-1a.html      |     8 +
 layout/reftests/transform/origin-name-1b.html      |     8 +
 layout/reftests/transform/origin-name-2-ref.html   |     8 +
 layout/reftests/transform/origin-name-2a.html      |     8 +
 layout/reftests/transform/origin-name-2b.html      |     8 +
 layout/reftests/transform/origin-name-2c.html      |     8 +
 layout/reftests/transform/origin-name-3-ref.html   |     8 +
 layout/reftests/transform/origin-name-3a.html      |     8 +
 layout/reftests/transform/origin-name-3b.html      |     8 +
 .../transform/partial-prerender-expansion-ref.html |    20 +
 .../partial-prerender-expansion-rotate.html        |    42 +
 .../partial-prerender-expansion-translate.html     |    44 +
 ...tial-prerender-expansion-with-resolution-1.html |    52 +
 ...tial-prerender-expansion-with-resolution-2.html |    74 +
 ...al-prerender-expansion-with-resolution-ref.html |    26 +
 .../transform/partial-prerender-in-svg-1-ref.html  |    24 +
 .../transform/partial-prerender-in-svg-1.html      |    43 +
 .../transform/partial-prerender-in-svg-2.html      |    44 +
 .../transform/partial-prerender-in-svg-3-ref.html  |    25 +
 .../transform/partial-prerender-in-svg-3.html      |    44 +
 .../transform/partial-prerender-translate-1.html   |    54 +
 .../partial-prerender-translate-10-ref.html        |    27 +
 .../transform/partial-prerender-translate-10.html  |    83 +
 .../partial-prerender-translate-11-ref.html        |    27 +
 .../transform/partial-prerender-translate-11.html  |    48 +
 .../transform/partial-prerender-translate-12.html  |    52 +
 .../partial-prerender-translate-2-ref.html         |    29 +
 .../transform/partial-prerender-translate-2.html   |    56 +
 .../partial-prerender-translate-3-ref.html         |    20 +
 .../transform/partial-prerender-translate-3.html   |    54 +
 .../transform/partial-prerender-translate-4.html   |    56 +
 .../partial-prerender-translate-5-ref.html         |    35 +
 .../transform/partial-prerender-translate-5.html   |    58 +
 .../partial-prerender-translate-6-ref.html         |    29 +
 .../transform/partial-prerender-translate-6.html   |    56 +
 .../transform/partial-prerender-translate-7.html   |    53 +
 .../partial-prerender-translate-8-ref.html         |    44 +
 .../transform/partial-prerender-translate-8.html   |    73 +
 .../transform/partial-prerender-translate-9.html   |    76 +
 layout/reftests/transform/pass.svg                 |     8 +
 layout/reftests/transform/percent-1-ref.html       |    14 +
 layout/reftests/transform/percent-1a.html          |    14 +
 layout/reftests/transform/percent-1b.html          |    14 +
 layout/reftests/transform/percent-1c.html          |    14 +
 layout/reftests/transform/percent-1d.html          |    14 +
 layout/reftests/transform/percent-1e.html          |    14 +
 layout/reftests/transform/percent-1f.html          |    14 +
 layout/reftests/transform/percent-1g.html          |    14 +
 .../transform/propagate-inherit-boolean-ref.html   |    32 +
 .../transform/propagate-inherit-boolean.html       |    31 +
 layout/reftests/transform/reftest.list             |   180 +
 layout/reftests/transform/rotate-1-ref.html        |     9 +
 layout/reftests/transform/rotate-1a.html           |     9 +
 layout/reftests/transform/rotate-1b.html           |     9 +
 layout/reftests/transform/rotate-1c.html           |     9 +
 layout/reftests/transform/rotate-1d.html           |     9 +
 layout/reftests/transform/rotate-1e.html           |     9 +
 layout/reftests/transform/rotate-1f.html           |     9 +
 layout/reftests/transform/rotate-2-ref.html        |     9 +
 layout/reftests/transform/rotate-2a.html           |     9 +
 layout/reftests/transform/rotate-2b.html           |     9 +
 layout/reftests/transform/scale-1-ref.html         |    16 +
 layout/reftests/transform/scale-1a.html            |    17 +
 layout/reftests/transform/scale-1b.html            |    17 +
 layout/reftests/transform/scale-percent-1-ref.html |    17 +
 layout/reftests/transform/scale-percent-1.html     |    18 +
 .../reftests/transform/scaled-blend-mode-ref.html  |    25 +
 layout/reftests/transform/scaled-blend-mode.html   |    25 +
 layout/reftests/transform/scalex-1-ref.html        |    17 +
 layout/reftests/transform/scalex-1.html            |    17 +
 layout/reftests/transform/scaley-1-ref.html        |    17 +
 layout/reftests/transform/scaley-1.html            |    17 +
 layout/reftests/transform/singular-1a.html         |     9 +
 layout/reftests/transform/skew-1-ref.html          |     8 +
 layout/reftests/transform/skew-1a.html             |     8 +
 layout/reftests/transform/skew-1b.html             |     8 +
 layout/reftests/transform/skew-2-ref.html          |     8 +
 layout/reftests/transform/skew-2a.html             |     8 +
 layout/reftests/transform/snapping-1-ref.html      |    18 +
 layout/reftests/transform/snapping-1.html          |    19 +
 layout/reftests/transform/square.html              |    20 +
 layout/reftests/transform/stresstest-1-ref.html    |     7 +
 layout/reftests/transform/stresstest-1.html        |    27 +
 layout/reftests/transform/table-1-ref.html         |     7 +
 layout/reftests/transform/table-1a.html            |     5 +
 layout/reftests/transform/table-1b.html            |     5 +
 layout/reftests/transform/table-1c.html            |     7 +
 layout/reftests/transform/table-2-ref.html         |     6 +
 layout/reftests/transform/table-2a.html            |     5 +
 layout/reftests/transform/table-2b.html            |     5 +
 .../table-overflowed-by-animation-ref.html         |     7 +
 .../transform/table-overflowed-by-animation.html   |    29 +
 .../transform/transform-anon-block-1-ref.html      |    29 +
 .../reftests/transform/transform-anon-block-1.html |    29 +
 .../reftests/transform/transform-box-svg-1-ref.svg |     3 +
 layout/reftests/transform/transform-box-svg-1a.svg |    10 +
 layout/reftests/transform/transform-box-svg-1b.svg |    11 +
 .../reftests/transform/transform-box-svg-2-ref.svg |     3 +
 layout/reftests/transform/transform-box-svg-2a.svg |    10 +
 layout/reftests/transform/transform-box-svg-2b.svg |    11 +
 layout/reftests/transform/transform-box-svg-3a.svg |    64 +
 .../transform/transform-origin-svg-1-ref.svg       |     3 +
 .../reftests/transform/transform-origin-svg-1a.svg |     7 +
 .../reftests/transform/transform-origin-svg-1b.svg |     9 +
 .../transform/transform-origin-svg-2-ref.svg       |     3 +
 .../reftests/transform/transform-origin-svg-2a.svg |     7 +
 .../reftests/transform/transform-origin-svg-2b.svg |     9 +
 .../reftests/transform/transform-svg-1-ref.xhtml   |    12 +
 layout/reftests/transform/transform-svg-1a.xhtml   |    20 +
 layout/reftests/transform/transform-svg-1b.xhtml   |    20 +
 .../reftests/transform/transform-svg-2-fail.xhtml  |    20 +
 .../reftests/transform/transform-svg-2-ref.xhtml   |    20 +
 layout/reftests/transform/transform-svg-2a.xhtml   |    20 +
 layout/reftests/transform/translate-1-ref.html     |     9 +
 layout/reftests/transform/translate-1a.html        |     9 +
 layout/reftests/transform/translate-1b.html        |     9 +
 layout/reftests/transform/translate-1c.html        |     9 +
 layout/reftests/transform/translate-1d.html        |     9 +
 layout/reftests/transform/translate-1e.html        |     9 +
 layout/reftests/transform/translate-2-ref.html     |     9 +
 layout/reftests/transform/translate-2a.html        |     9 +
 layout/reftests/transform/translate-3-ref.html     |     8 +
 layout/reftests/transform/translate-3.html         |    18 +
 .../reftests/transform/translate-rounding-1.html   |    18 +
 .../reftests/transform/translate-rounding-2.html   |    20 +
 .../reftests/transform/translate-rounding-3.html   |    17 +
 .../reftests/transform/translate-rounding-ref.html |    18 +
 .../transform/translate-rounding-viewport-ref.html |    18 +
 layout/reftests/transform/translatex-1-ref-2.html  |    12 +
 layout/reftests/transform/translatex-1-ref.html    |     9 +
 layout/reftests/transform/translatex-1a.html       |     9 +
 layout/reftests/transform/translatex-1b.html       |     9 +
 layout/reftests/transform/translatex-1c.html       |     9 +
 layout/reftests/transform/translatex-1d.html       |     9 +
 layout/reftests/transform/translatex-1e.html       |     9 +
 layout/reftests/transform/translatex-2.html        |     9 +
 layout/reftests/transform/translatey-1-ref-2.html  |     9 +
 layout/reftests/transform/translatey-1-ref.html    |     9 +
 layout/reftests/transform/translatey-1a.html       |     9 +
 layout/reftests/transform/translatey-1b.html       |     9 +
 layout/reftests/transform/translatey-1c.html       |     9 +
 layout/reftests/transform/translatey-1d.html       |     9 +
 layout/reftests/transform/translatey-1e.html       |     9 +
 layout/reftests/transform/translatey-2.html        |     9 +
 layout/reftests/unicode/langattribute-ref.html     |    26 +
 layout/reftests/unicode/langattribute.html         |    26 +
 layout/reftests/unicode/reftest.list               |     7 +
 .../unicode/unicode-attribute-selector.html        |    21 +
 .../reftests/unicode/unicode-element-selector.html |    16 +
 layout/reftests/unicode/unicode-lang.html          |    17 +
 .../unicode/unicode-media-query-media-type.html    |    15 +
 .../unicode/unicode-media-query-query.html         |    13 +
 .../reftests/unicode/unicode-pseudo-selector.html  |    16 +
 layout/reftests/unicode/unicode-ref-print.html     |    10 +
 layout/reftests/unicode/unicode-ref.html           |    15 +
 layout/reftests/usercss/reftest.list               |     3 +
 .../reftests/usercss/usercss-moz-document-ref.html |    10 +
 layout/reftests/usercss/usercss-moz-document.html  |    17 +
 layout/reftests/usercss/usercss-ref.html           |    10 +
 layout/reftests/usercss/usercss-uppercase.html     |    14 +
 layout/reftests/usercss/usercss.html               |    14 +
 layout/reftests/view-source/blue-circle-16x16.png  |   Bin 0 -> 231 bytes
 layout/reftests/view-source/reftest.list           |     1 +
 .../view-source/view-source-image-ref.html         |     2 +
 layout/reftests/view-source/view-source-image.html |     8 +
 layout/reftests/web-animations/1246046-1.html      |    25 +
 layout/reftests/web-animations/1267937-1.html      |    58 +
 layout/reftests/web-animations/1267937-ref.html    |    18 +
 layout/reftests/web-animations/1298742-1.html      |    32 +
 layout/reftests/web-animations/1298742-ref.html    |    13 +
 layout/reftests/web-animations/1363639-1.html      |    28 +
 layout/reftests/web-animations/animation-utils.js  |    13 +
 .../cancel-animation-with-selector-matching.html   |    26 +
 ...hild-in-animating-element-display-none-ref.html |    18 +
 .../child-in-animating-element-display-none.html   |    33 +
 layout/reftests/web-animations/green-box.html      |    17 +
 layout/reftests/web-animations/reftest.list        |    26 +
 .../web-animations/restyle-after-display-none.html |    43 +
 ...king-context-animation-changing-target-ref.html |    24 +
 .../stacking-context-animation-on-table-ref.html   |    20 +
 .../stacking-context-animation-ref.html            |    19 +
 .../stacking-context-opacity-changing-effect.html  |    33 +
 ...context-opacity-changing-keyframe-in-delay.html |    30 +
 ...stacking-context-opacity-changing-keyframe.html |    28 +
 ...g-context-opacity-changing-target-in-delay.html |    36 +
 .../stacking-context-opacity-changing-target.html  |    31 +
 ...text-opacity-losing-css-animation-in-delay.html |    32 +
 ...ontext-transform-changing-display-property.html |    29 +
 ...context-transform-changing-effect-on-table.html |    37 +
 ...stacking-context-transform-changing-effect.html |    35 +
 ...ntext-transform-changing-keyframe-in-delay.html |    31 +
 ...acking-context-transform-changing-keyframe.html |    28 +
 ...context-transform-changing-target-in-delay.html |    36 +
 ...stacking-context-transform-changing-target.html |    31 +
 ...xt-transform-losing-css-animation-in-delay.html |    33 +
 ...rm-none-animation-before-appending-element.html |    31 +
 .../style-updates-for-iteration-composite-ref.html |    11 +
 ...style-updates-on-current-iteration-changed.html |    25 +
 ...osition-changed-from-accumulate-to-replace.html |    28 +
 ...osition-changed-from-replace-to-accumulate.html |    28 +
 .../reftests/webcomponents/basic-shadow-1-ref.html |     8 +
 layout/reftests/webcomponents/basic-shadow-1.html  |    22 +
 .../reftests/webcomponents/basic-shadow-2-ref.html |    11 +
 layout/reftests/webcomponents/basic-shadow-2.html  |    28 +
 .../reftests/webcomponents/basic-shadow-3-ref.html |    10 +
 layout/reftests/webcomponents/basic-shadow-3.html  |    29 +
 .../reftests/webcomponents/basic-shadow-4-ref.html |    10 +
 layout/reftests/webcomponents/basic-shadow-4.html  |    28 +
 .../reftests/webcomponents/basic-slot-1-ref.html   |    11 +
 layout/reftests/webcomponents/basic-slot-1.html    |     6 +
 .../reftests/webcomponents/basic-slot-2-ref.html   |    16 +
 layout/reftests/webcomponents/basic-slot-2.html    |     7 +
 .../reftests/webcomponents/basic-slot-3-ref.html   |     8 +
 layout/reftests/webcomponents/basic-slot-3.html    |    18 +
 layout/reftests/webcomponents/basic-slot-4.html    |    20 +
 .../reftests/webcomponents/basic-slot-5-ref.html   |     8 +
 layout/reftests/webcomponents/basic-slot-5.html    |    21 +
 .../reftests/webcomponents/basic-slot-6-ref.html   |    11 +
 layout/reftests/webcomponents/basic-slot-6.html    |    25 +
 ...dynamic-insertion-point-distribution-1-ref.html |     6 +
 .../dynamic-insertion-point-distribution-1.html    |    27 +
 ...dynamic-insertion-point-distribution-2-ref.html |     6 +
 .../dynamic-insertion-point-distribution-2.html    |    28 +
 .../webcomponents/fallback-content-1-ref.html      |     8 +
 .../reftests/webcomponents/fallback-content-1.html |    25 +
 .../webcomponents/input-transition-1-ref.html      |     6 +
 .../reftests/webcomponents/input-transition-1.html |    25 +
 .../nested-insertion-point-1-ref.html              |     8 +
 .../webcomponents/nested-insertion-point-1.html    |    31 +
 .../webcomponents/reframe-shadow-child-1.html      |    16 +
 .../webcomponents/reframe-shadow-child-2.html      |    15 +
 .../webcomponents/reframe-shadow-child-ref.html    |     5 +
 layout/reftests/webcomponents/reftest.list         |    25 +
 .../remove-append-shadow-host-1-ref.html           |     6 +
 .../webcomponents/remove-append-shadow-host-1.html |    17 +
 .../remove-insertion-point-1-ref.html              |     8 +
 .../webcomponents/remove-insertion-point-1.html    |    26 +
 .../reftests/webcomponents/shadow-style-1-ref.html |     2 +
 layout/reftests/webcomponents/shadow-style-1.html  |    11 +
 .../reftests/webcomponents/shadow-style-2-ref.html |     2 +
 layout/reftests/webcomponents/shadow-style-2.html  |    15 +
 .../reftests/webcomponents/shadow-style-3-ref.html |     2 +
 layout/reftests/webcomponents/shadow-style-3.html  |    14 +
 .../webcomponents/style-sharing-across-shadow.html |    22 +
 .../reftests/webcomponents/style-sharing-ref.html  |     5 +
 layout/reftests/webcomponents/style-sharing.html   |    14 +
 .../update-dist-node-descendants-1-ref.html        |     8 +
 .../update-dist-node-descendants-1.html            |    22 +
 layout/reftests/webkit-box/reftest.list            |    50 +
 .../webkit-box-abspos-children-1-ref.html          |    47 +
 .../webkit-box/webkit-box-abspos-children-1.html   |    42 +
 .../webkit-box/webkit-box-align-horiz-1-ref.html   |   172 +
 .../webkit-box/webkit-box-align-horiz-1a.html      |   173 +
 .../webkit-box/webkit-box-align-horiz-1b.html      |   174 +
 .../webkit-box/webkit-box-align-vert-1-ref.html    |   173 +
 .../webkit-box/webkit-box-align-vert-1.html        |   174 +
 .../webkit-box-anon-flex-items-1-ref.html          |   101 +
 .../webkit-box/webkit-box-anon-flex-items-1a.html  |    82 +
 .../webkit-box/webkit-box-anon-flex-items-1b.html  |    83 +
 .../webkit-box-anon-flex-items-2-ref.html          |    35 +
 .../webkit-box/webkit-box-anon-flex-items-2.html   |    27 +
 .../webkit-box-anon-flex-items-3-ref.html          |    29 +
 .../webkit-box/webkit-box-anon-flex-items-3.html   |    22 +
 .../webkit-box/webkit-box-direction-1-ref.html     |    82 +
 .../webkit-box/webkit-box-direction-1.html         |    87 +
 .../webkit-box/webkit-box-direction-2-ref.html     |    88 +
 .../webkit-box/webkit-box-direction-2.html         |    94 +
 .../reftests/webkit-box/webkit-box-flex-1-ref.html |   101 +
 layout/reftests/webkit-box/webkit-box-flex-1.html  |    94 +
 .../webkit-box/webkit-box-ordinal-group-1-ref.html |    84 +
 .../webkit-box/webkit-box-ordinal-group-1.html     |    88 +
 .../webkit-box/webkit-box-ordinal-group-2-ref.html |    29 +
 .../webkit-box/webkit-box-ordinal-group-2.html     |    36 +
 .../webkit-box/webkit-box-ordinal-group-3-ref.html |    83 +
 .../webkit-box/webkit-box-ordinal-group-3.html     |   103 +
 .../webkit-box/webkit-box-pack-horiz-1-ref.html    |   150 +
 .../webkit-box/webkit-box-pack-horiz-1a.html       |   151 +
 .../webkit-box/webkit-box-pack-horiz-1b.html       |   152 +
 .../webkit-box/webkit-box-pack-vert-1-ref.html     |   151 +
 .../webkit-box/webkit-box-pack-vert-1.html         |   152 +
 .../webkit-box-with-modern-css-1-ref.html          |    53 +
 .../webkit-box/webkit-box-with-modern-css-1.html   |    71 +
 .../webkit-box-with-modern-css-2-ref.html          |    54 +
 .../webkit-box/webkit-box-with-modern-css-2.html   |    72 +
 .../webkit-box/webkit-display-values-1-ref.html    |    29 +
 .../webkit-box/webkit-display-values-1.html        |    41 +
 layout/reftests/webkit-gradient/reftest.list       |    21 +
 .../webkit-gradient-approx-radial-1-ref.html       |    62 +
 .../webkit-gradient-approx-radial-1.html           |    64 +
 .../webkit-gradient-linear-1-ref.html              |    51 +
 .../webkit-gradient/webkit-gradient-linear-1a.html |    67 +
 .../webkit-gradient/webkit-gradient-linear-1b.html |    67 +
 .../webkit-gradient/webkit-gradient-linear-1c.html |    67 +
 .../webkit-gradient/webkit-gradient-linear-1d.html |    67 +
 .../webkit-gradient-linear-2-ref.html              |    56 +
 .../webkit-gradient/webkit-gradient-linear-2.html  |    80 +
 .../webkit-gradient-radial-1-ref.html              |    71 +
 .../webkit-gradient/webkit-gradient-radial-1a.html |   114 +
 .../webkit-gradient/webkit-gradient-radial-1b.html |   114 +
 .../webkit-gradient-radial-2-ref.html              |    49 +
 .../webkit-gradient/webkit-gradient-radial-2.html  |    62 +
 .../webkit-linear-gradient-1-ref.html              |    15 +
 .../webkit-gradient/webkit-linear-gradient-1.html  |    15 +
 layout/reftests/webm-video/aspect-ratio-1-ref.html |     6 +
 layout/reftests/webm-video/aspect-ratio-1a.xhtml   |    14 +
 layout/reftests/webm-video/aspect-ratio-1b.xhtml   |    14 +
 layout/reftests/webm-video/aspect-ratio-2-ref.html |     6 +
 layout/reftests/webm-video/aspect-ratio-2a.xhtml   |    14 +
 layout/reftests/webm-video/aspect-ratio-2b.xhtml   |    14 +
 .../reftests/webm-video/aspect-ratio-3-ref.xhtml   |    14 +
 layout/reftests/webm-video/aspect-ratio-3a.xhtml   |    14 +
 layout/reftests/webm-video/aspect-ratio-3b.xhtml   |    14 +
 layout/reftests/webm-video/basic-1-ref.html        |     6 +
 layout/reftests/webm-video/basic-1.xhtml           |    14 +
 .../webm-video/black100x100-aspect3to2.webm        |   Bin 0 -> 561 bytes
 layout/reftests/webm-video/black140x100.webm       |   Bin 0 -> 585 bytes
 layout/reftests/webm-video/black29x19offset.webm   |   Bin 0 -> 6781 bytes
 layout/reftests/webm-video/blue140x100.png         |   Bin 0 -> 277 bytes
 layout/reftests/webm-video/blue250x200.png         |   Bin 0 -> 1157 bytes
 layout/reftests/webm-video/bug686957-ref.html      |    12 +
 layout/reftests/webm-video/bug686957.html          |    18 +
 layout/reftests/webm-video/canvas-1a.xhtml         |    29 +
 layout/reftests/webm-video/canvas-1b.xhtml         |    27 +
 layout/reftests/webm-video/clipping-1-ref.html     |     9 +
 layout/reftests/webm-video/clipping-1a.html        |     8 +
 layout/reftests/webm-video/colors-16x8.png         |   Bin 0 -> 93 bytes
 layout/reftests/webm-video/colors-16x8.webm        |   Bin 0 -> 565 bytes
 layout/reftests/webm-video/colors-8x16.png         |   Bin 0 -> 92 bytes
 layout/reftests/webm-video/colors-8x16.webm        |   Bin 0 -> 559 bytes
 layout/reftests/webm-video/empty-1-ref.html        |     5 +
 layout/reftests/webm-video/empty-1a.html           |     6 +
 layout/reftests/webm-video/empty-1b.html           |     6 +
 .../webm-video/encoded-aspect-ratio-1-ref.html     |    19 +
 .../webm-video/encoded-aspect-ratio-1.html         |    29 +
 layout/reftests/webm-video/frames.webm             |   Bin 0 -> 247057 bytes
 .../webm-video/generate-object-fit-video-tests.sh  |    86 +
 .../generate-object-position-video-tests.sh        |    78 +
 layout/reftests/webm-video/green70x30.png          |   Bin 0 -> 224 bytes
 .../webm-video/object-aspect-ratio-1a.xhtml        |    14 +
 .../webm-video/object-aspect-ratio-1b.xhtml        |    14 +
 .../webm-video/object-aspect-ratio-2a.xhtml        |    14 +
 .../webm-video/object-aspect-ratio-2b.xhtml        |    14 +
 .../object-fit-contain-webm-001-ref.html           |    77 +
 .../webm-video/object-fit-contain-webm-001.html    |    77 +
 .../object-fit-contain-webm-002-ref.html           |    77 +
 .../webm-video/object-fit-contain-webm-002.html    |    77 +
 .../webm-video/object-fit-cover-webm-001-ref.html  |    77 +
 .../webm-video/object-fit-cover-webm-001.html      |    77 +
 .../webm-video/object-fit-cover-webm-002-ref.html  |    77 +
 .../webm-video/object-fit-cover-webm-002.html      |    77 +
 .../webm-video/object-fit-fill-webm-001-ref.html   |    77 +
 .../webm-video/object-fit-fill-webm-001.html       |    77 +
 .../webm-video/object-fit-fill-webm-002-ref.html   |    77 +
 .../webm-video/object-fit-fill-webm-002.html       |    77 +
 .../webm-video/object-fit-none-webm-001-ref.html   |    77 +
 .../webm-video/object-fit-none-webm-001.html       |    77 +
 .../webm-video/object-fit-none-webm-002-ref.html   |    77 +
 .../webm-video/object-fit-none-webm-002.html       |    77 +
 .../object-fit-scale-down-webm-001-ref.html        |    78 +
 .../webm-video/object-fit-scale-down-webm-001.html |    77 +
 .../object-fit-scale-down-webm-002-ref.html        |    78 +
 .../webm-video/object-fit-scale-down-webm-002.html |    77 +
 .../webm-video/object-position-webm-001-ref.html   |    42 +
 .../webm-video/object-position-webm-001.html       |    44 +
 .../webm-video/object-position-webm-002-ref.html   |    42 +
 .../webm-video/object-position-webm-002.html       |    44 +
 layout/reftests/webm-video/offset-1-ref.html       |     6 +
 layout/reftests/webm-video/offset-1.xhtml          |    14 +
 layout/reftests/webm-video/poster-1.html           |     7 +
 layout/reftests/webm-video/poster-10.html          |    18 +
 layout/reftests/webm-video/poster-11.html          |    29 +
 layout/reftests/webm-video/poster-12.html          |    38 +
 layout/reftests/webm-video/poster-13.html          |     8 +
 layout/reftests/webm-video/poster-15.html          |    13 +
 layout/reftests/webm-video/poster-2.html           |     7 +
 layout/reftests/webm-video/poster-3.html           |    11 +
 layout/reftests/webm-video/poster-4.html           |    14 +
 layout/reftests/webm-video/poster-5.html           |    13 +
 layout/reftests/webm-video/poster-6.html           |    12 +
 layout/reftests/webm-video/poster-7.html           |    14 +
 layout/reftests/webm-video/poster-8.html           |    12 +
 .../webm-video/poster-ref-black140x100.html        |     6 +
 .../webm-video/poster-ref-blue125x100.html         |     6 +
 .../webm-video/poster-ref-blue140x100.html         |     6 +
 .../webm-video/poster-ref-blue250x200.html         |     6 +
 .../webm-video/poster-ref-blue400x300.html         |     8 +
 .../reftests/webm-video/poster-ref-green70x30.html |     6 +
 .../reftests/webm-video/poster-ref-red140x100.html |     6 +
 .../reftests/webm-video/poster-ref-red160x120.html |     6 +
 layout/reftests/webm-video/red140x100.png          |   Bin 0 -> 274 bytes
 layout/reftests/webm-video/red160x120.png          |   Bin 0 -> 720 bytes
 layout/reftests/webm-video/reftest.list            |    57 +
 layout/reftests/webm-video/webm-alpha-2-ref.html   |    19 +
 layout/reftests/webm-video/webm-alpha-2.html       |    54 +
 layout/reftests/webm-video/webm-alpha-capture.html |    22 +
 layout/reftests/webm-video/webm-alpha-ref.html     |     5 +
 layout/reftests/webm-video/webm-alpha.html         |    10 +
 layout/reftests/webm-video/webm-alpha.webm         |   Bin 0 -> 7643 bytes
 layout/reftests/webm-video/zoomed-1-ref.html       |     6 +
 layout/reftests/webm-video/zoomed-1.xhtml          |    15 +
 .../1079154-1-vertical-rl-columns-ref.html         |    49 +
 .../1079154-1-vertical-rl-columns.html             |    41 +
 layout/reftests/writing-mode/1082844-ref.html      |    33 +
 layout/reftests/writing-mode/1082844.html          |    33 +
 layout/reftests/writing-mode/1083748-ref.html      |    52 +
 layout/reftests/writing-mode/1083748.html          |    48 +
 .../writing-mode/1083848-1-inline-border-ref.html  |    55 +
 .../writing-mode/1083848-1-inline-border.html      |    51 +
 .../1083848-2-inline-background-ref.html           |    43 +
 .../writing-mode/1083848-2-inline-background.html  |    43 +
 .../1083848-3-inline-background-repeat-ref.html    |    49 +
 .../1083848-3-inline-background-repeat.html        |    42 +
 layout/reftests/writing-mode/1083892-1-ref.html    |    27 +
 layout/reftests/writing-mode/1083892-1.html        |    27 +
 layout/reftests/writing-mode/1086883-1-ref.html    |    28 +
 layout/reftests/writing-mode/1086883-1a.html       |    29 +
 layout/reftests/writing-mode/1086883-1b.html       |    29 +
 layout/reftests/writing-mode/1088025-1-ref.html    |    24 +
 layout/reftests/writing-mode/1088025-1.html        |    27 +
 layout/reftests/writing-mode/1089388-1-ref.html    |    31 +
 layout/reftests/writing-mode/1089388-1.html        |    40 +
 layout/reftests/writing-mode/1089388-2-ref.html    |    31 +
 layout/reftests/writing-mode/1089388-2.html        |    40 +
 layout/reftests/writing-mode/1090159-1-ref.html    |    37 +
 layout/reftests/writing-mode/1090159-1.html        |    37 +
 layout/reftests/writing-mode/1090168-1-notref.html |    41 +
 layout/reftests/writing-mode/1090168-1-ref.html    |    41 +
 layout/reftests/writing-mode/1090168-1.html        |    41 +
 layout/reftests/writing-mode/1090168-2-ref.html    |    41 +
 layout/reftests/writing-mode/1090168-2.html        |    41 +
 layout/reftests/writing-mode/1090168-3-ref.html    |    47 +
 layout/reftests/writing-mode/1090168-3.html        |    47 +
 layout/reftests/writing-mode/1091058-1-ref.html    |    35 +
 layout/reftests/writing-mode/1091058-1.html        |    35 +
 layout/reftests/writing-mode/1094434-1-ref.html    |    28 +
 layout/reftests/writing-mode/1094434-1.html        |    34 +
 layout/reftests/writing-mode/1094434-2-ref.html    |    29 +
 layout/reftests/writing-mode/1094434-2.html        |    35 +
 layout/reftests/writing-mode/1094914-1-ref.html    |    43 +
 layout/reftests/writing-mode/1094914-1a.html       |    43 +
 layout/reftests/writing-mode/1094914-1b.html       |    43 +
 layout/reftests/writing-mode/1096224-1-ref.html    |    43 +
 layout/reftests/writing-mode/1096224-1a.html       |    45 +
 layout/reftests/writing-mode/1096224-1b.html       |    45 +
 layout/reftests/writing-mode/1102175-1-ref.html    |    43 +
 layout/reftests/writing-mode/1102175-1a.html       |    39 +
 layout/reftests/writing-mode/1102175-1b.html       |    39 +
 layout/reftests/writing-mode/1103613-1-ref.html    |    28 +
 layout/reftests/writing-mode/1103613-1.html        |    27 +
 .../1105268-1-min-max-dimensions-ref.html          |    60 +
 .../writing-mode/1105268-1-min-max-dimensions.html |    61 +
 .../1105268-2-min-max-dimensions-ref.html          |    61 +
 .../writing-mode/1105268-2-min-max-dimensions.html |    71 +
 .../1106669-1-intrinsic-for-container-ref.html     |    31 +
 .../1106669-1-intrinsic-for-container.html         |    32 +
 .../1108923-1-percentage-margins-ref.html          |    59 +
 .../writing-mode/1108923-1-percentage-margins.html |    52 +
 .../writing-mode/1111944-1-list-marker-ref.html    |   107 +
 .../writing-mode/1111944-1-list-marker.html        |    55 +
 .../1115916-1-vertical-metrics-ref.html            |    25 +
 .../writing-mode/1115916-1-vertical-metrics.html   |    28 +
 .../1117210-1-vertical-baseline-snap-ref.html      |    47 +
 .../1117210-1-vertical-baseline-snap.html          |    82 +
 .../writing-mode/1117227-1-text-overflow-ref.html  |    56 +
 .../writing-mode/1117227-1-text-overflow.html      |    60 +
 .../1122366-1-margin-collapse-ref.html             |    25 +
 .../writing-mode/1122366-1-margin-collapse.html    |    43 +
 .../1124636-1-fieldset-max-height-ref.html         |    29 +
 .../1124636-1-fieldset-max-height.html             |    29 +
 .../1124636-2-fieldset-min-height-ref.html         |    25 +
 .../1124636-2-fieldset-min-height.html             |    26 +
 .../1127488-align-bottom-left-ref.html             |    20 +
 .../1127488-align-bottom-right-ref.html            |    20 +
 .../1127488-align-default-horizontal-tb-ltr.html   |    30 +
 .../1127488-align-default-horizontal-tb-rtl.html   |    30 +
 .../1127488-align-default-vertical-lr-ltr.html     |    30 +
 .../1127488-align-default-vertical-lr-rtl.html     |    30 +
 .../1127488-align-default-vertical-rl-ltr.html     |    30 +
 .../1127488-align-default-vertical-rl-rtl.html     |    30 +
 .../1127488-align-end-horizontal-tb-ltr.html       |    31 +
 .../1127488-align-end-horizontal-tb-rtl.html       |    31 +
 .../1127488-align-end-vertical-lr-ltr.html         |    31 +
 .../1127488-align-end-vertical-lr-rtl.html         |    31 +
 .../1127488-align-end-vertical-rl-ltr.html         |    31 +
 .../1127488-align-end-vertical-rl-rtl.html         |    31 +
 .../1127488-align-left-horizontal-tb-ltr.html      |    31 +
 .../1127488-align-left-horizontal-tb-rtl.html      |    31 +
 .../1127488-align-left-vertical-lr-ltr.html        |    31 +
 .../1127488-align-left-vertical-lr-rtl.html        |    31 +
 .../1127488-align-left-vertical-rl-ltr.html        |    31 +
 .../1127488-align-left-vertical-rl-rtl.html        |    31 +
 .../1127488-align-right-horizontal-tb-ltr.html     |    31 +
 .../1127488-align-right-horizontal-tb-rtl.html     |    31 +
 .../1127488-align-right-vertical-lr-ltr.html       |    31 +
 .../1127488-align-right-vertical-lr-rtl.html       |    31 +
 .../1127488-align-right-vertical-rl-ltr.html       |    31 +
 .../1127488-align-right-vertical-rl-rtl.html       |    31 +
 .../1127488-align-start-horizontal-tb-ltr.html     |    31 +
 .../1127488-align-start-horizontal-tb-rtl.html     |    31 +
 .../1127488-align-start-vertical-lr-ltr.html       |    31 +
 .../1127488-align-start-vertical-lr-rtl.html       |    31 +
 .../1127488-align-start-vertical-rl-ltr.html       |    31 +
 .../1127488-align-start-vertical-rl-rtl.html       |    31 +
 .../writing-mode/1127488-align-top-left-ref.html   |    20 +
 .../writing-mode/1127488-align-top-right-ref.html  |    20 +
 .../1130907-intrinsic-sizing-1-ref.html            |    60 +
 .../writing-mode/1130907-intrinsic-sizing-1.html   |    61 +
 .../1130907-intrinsic-sizing-2-ref.html            |    71 +
 .../writing-mode/1130907-intrinsic-sizing-2.html   |    74 +
 .../writing-mode/1131013-vertical-bidi-ref.html    |    21 +
 .../writing-mode/1131013-vertical-bidi.html        |    21 +
 .../writing-mode/1133945-1-vertical-align-ref.html |    17 +
 .../writing-mode/1133945-1-vertical-align.html     |    20 +
 .../1134744-radio-checkbox-baseline-1-ref.html     |    26 +
 .../1134744-radio-checkbox-baseline-1.html         |    26 +
 .../1134849-orthogonal-inline-ref.html             |    31 +
 .../writing-mode/1134849-orthogonal-inline.html    |    33 +
 .../writing-mode/1135361-ruby-justify-1-ref.html   |    45 +
 .../writing-mode/1135361-ruby-justify-1.html       |    46 +
 .../writing-mode/1136557-1-nested-spans-ref.html   |    37 +
 .../writing-mode/1136557-1-nested-spans.html       |    37 +
 .../writing-mode/1136557-2-nested-spans-ref.html   |    37 +
 .../writing-mode/1136557-2-nested-spans.html       |    37 +
 .../writing-mode/1136557-3-nested-spans-ref.html   |    37 +
 .../writing-mode/1136557-3-nested-spans.html       |    37 +
 .../1138356-1-button-contents-alignment-ref.html   |    31 +
 .../1138356-1-button-contents-alignment.html       |    31 +
 ...1138356-2-button-contents-alignment-notref.html |    32 +
 .../1138356-2-button-contents-alignment.html       |    32 +
 ...501-1-block-end-margin-orthogonal-size-ref.html |    55 +
 ...144501-1a-block-end-margin-orthogonal-size.html |    56 +
 ...144501-1b-block-end-margin-orthogonal-size.html |    56 +
 .../writing-mode/1147834-bottom-left-ref.html      |    27 +
 .../writing-mode/1147834-bottom-right-ref.html     |    27 +
 ...relative-overconstrained-horizontal-tb-ltr.html |    31 +
 ...relative-overconstrained-horizontal-tb-rtl.html |    31 +
 ...4-relative-overconstrained-vertical-lr-ltr.html |    31 +
 ...4-relative-overconstrained-vertical-lr-rtl.html |    31 +
 ...4-relative-overconstrained-vertical-rl-ltr.html |    31 +
 ...4-relative-overconstrained-vertical-rl-rtl.html |    31 +
 .../writing-mode/1147834-top-left-ref.html         |    27 +
 .../writing-mode/1147834-top-right-ref.html        |    27 +
 .../1151993-1-orthogonal-block-size-ref.html       |    44 +
 .../1151993-1-orthogonal-block-size.html           |    48 +
 ...152941-1-orthogonal-blocksize-overflow-ref.html |    39 +
 .../1152941-1-orthogonal-blocksize-overflow.html   |    53 +
 .../1156021-text-indent-percent-ref.html           |    45 +
 .../writing-mode/1156021-text-indent-percent.html  |    51 +
 .../writing-mode/1157752-upright-bidi-ref.html     |    43 +
 .../writing-mode/1157752-upright-bidi.html         |    43 +
 .../1157758-1-vertical-arabic-ref.html             |    18 +
 .../writing-mode/1157758-1-vertical-arabic.html    |    18 +
 ...8549-1-vertical-block-size-constraints-ref.html |    44 +
 .../1158549-1-vertical-block-size-constraints.html |    44 +
 .../1163238-orthogonal-auto-margins-ref.html       |    39 +
 .../1163238-orthogonal-auto-margins.html           |    42 +
 .../writing-mode/1174450-intrinsic-sizing-ref.html |    70 +
 .../writing-mode/1174450-intrinsic-sizing.html     |    63 +
 .../1175789-underline-overline-1-ref.html          |    91 +
 .../writing-mode/1175789-underline-overline-1.html |    91 +
 ...1-nsChangeHint_ClearAncestorIntrinsics-ref.html |    17 +
 ...061-1-nsChangeHint_ClearAncestorIntrinsics.html |    25 +
 ...061-2-nsChangeHint_UpdateComputedBSize-ref.html |    21 +
 ...1188061-2-nsChangeHint_UpdateComputedBSize.html |    34 +
 .../writing-mode/1193519-sideways-lr-1-ref.html    |    24 +
 .../writing-mode/1193519-sideways-lr-1.html        |    28 +
 .../writing-mode/1193519-sideways-lr-2-ref.html    |    24 +
 .../writing-mode/1193519-sideways-lr-2.html        |    28 +
 .../writing-mode/1193519-sideways-lr-3-ref.html    |    21 +
 .../writing-mode/1193519-sideways-lr-3.html        |    21 +
 .../writing-mode/1193519-sideways-lr-4-ref.html    |    27 +
 .../writing-mode/1193519-sideways-lr-4.html        |    27 +
 .../1193519-sideways-lr-decoration-1-ref.html      |    10 +
 .../1193519-sideways-lr-decoration-1.html          |    10 +
 ...196887-1-computed-display-inline-block-ref.html |     3 +
 .../1196887-1-computed-display-inline-block.html   |     5 +
 .../1205787-legacy-svg-values-1-ref.html           |    25 +
 .../writing-mode/1205787-legacy-svg-values-1.html  |    25 +
 layout/reftests/writing-mode/1216747-1-notref.html |     3 +
 layout/reftests/writing-mode/1216747-1-ref.html    |    10 +
 layout/reftests/writing-mode/1216747-1.html        |    14 +
 .../1243125-1-floats-overflowing-ref.html          |    31 +
 .../writing-mode/1243125-1-floats-overflowing.html |    40 +
 .../1248248-1-orientation-break-glyphrun-ref.html  |    21 +
 .../1248248-1-orientation-break-glyphrun.html      |    21 +
 .../writing-mode/1302389-scrolled-rect-1-ref.html  |    11 +
 .../writing-mode/1302389-scrolled-rect-1a.html     |    11 +
 .../writing-mode/1302389-scrolled-rect-1b.html     |    12 +
 .../writing-mode/1302389-scrolled-rect-1c.html     |    17 +
 .../writing-mode/1302389-scrolled-rect-1d.html     |    16 +
 .../writing-mode/1302389-scrolled-rect-2-ref.html  |    16 +
 .../writing-mode/1302389-scrolled-rect-2a.html     |    12 +
 .../writing-mode/1302389-scrolled-rect-2b.html     |    11 +
 .../writing-mode/1302389-scrolled-rect-2c.html     |    16 +
 .../writing-mode/1302389-scrolled-rect-2d.html     |    17 +
 .../writing-mode/1302734-bidi-plaintext-1-ref.html |    11 +
 .../writing-mode/1302734-bidi-plaintext-1a.html    |    12 +
 .../writing-mode/1302734-bidi-plaintext-1b.html    |    12 +
 .../writing-mode/1302734-bidi-plaintext-2-ref.html |    11 +
 .../writing-mode/1302734-bidi-plaintext-2a.html    |    12 +
 .../writing-mode/1302734-bidi-plaintext-2b.html    |    12 +
 .../writing-mode/1302734-bidi-plaintext-2c.html    |    12 +
 .../writing-mode/1302734-bidi-plaintext-2d.html    |    12 +
 .../1361631-mongolian-upright-1-ref.html           |    16 +
 .../writing-mode/1361631-mongolian-upright-1.html  |    16 +
 .../1395926-vertical-upright-gpos-1-ref.html       |    19 +
 .../1395926-vertical-upright-gpos-1.html           |    22 +
 layout/reftests/writing-mode/1673510-1-ref.html    |    19 +
 layout/reftests/writing-mode/1673510-1.html        |    24 +
 layout/reftests/writing-mode/4colors.png           |   Bin 0 -> 3873 bytes
 .../abspos/1183431-orthogonal-modes-1-ref.html     |    16 +
 .../abspos/1183431-orthogonal-modes-1a.html        |    15 +
 .../abspos/1183431-orthogonal-modes-1b.html        |    15 +
 .../abspos/1183431-orthogonal-modes-1c.html        |    15 +
 .../abspos/1183431-orthogonal-modes-2-ref.html     |    16 +
 .../abspos/1183431-orthogonal-modes-2a.html        |    15 +
 .../abspos/1183431-orthogonal-modes-2b.html        |    15 +
 .../abspos/1183431-orthogonal-modes-2c.html        |    15 +
 .../abspos/1183431-orthogonal-modes-3-ref.html     |    13 +
 .../abspos/1183431-orthogonal-modes-3a.html        |    14 +
 .../abspos/1183431-orthogonal-modes-3b.html        |    14 +
 .../abspos/1183431-orthogonal-modes-3c.html        |    14 +
 .../abspos/1183431-orthogonal-modes-4-ref.html     |    17 +
 .../abspos/1183431-orthogonal-modes-4a.html        |    15 +
 .../abspos/1183431-orthogonal-modes-4b.html        |    15 +
 .../abspos/1183431-orthogonal-modes-4c.html        |    15 +
 .../abspos/1183431-orthogonal-modes-5-ref.html     |    17 +
 .../abspos/1183431-orthogonal-modes-5a.html        |    15 +
 .../abspos/1183431-orthogonal-modes-5b.html        |    15 +
 .../abspos/1183431-orthogonal-modes-5c.html        |    15 +
 .../abspos/1183431-orthogonal-modes-6-ref.html     |    13 +
 .../abspos/1183431-orthogonal-modes-6a.html        |    14 +
 .../abspos/1183431-orthogonal-modes-6b.html        |    14 +
 .../abspos/1183431-orthogonal-modes-6c.html        |    14 +
 .../abspos/1183431-orthogonal-modes-7-ref.html     |    19 +
 .../abspos/1183431-orthogonal-modes-7a.html        |    15 +
 .../abspos/1183431-orthogonal-modes-7b.html        |    15 +
 .../abspos/1183431-orthogonal-modes-7c.html        |    15 +
 .../abspos/1183431-orthogonal-modes-8-ref.html     |    19 +
 .../abspos/1183431-orthogonal-modes-8a.html        |    15 +
 .../abspos/1183431-orthogonal-modes-8b.html        |    15 +
 .../abspos/1183431-orthogonal-modes-8c.html        |    15 +
 .../abspos/1183431-orthogonal-modes-9-ref.html     |    19 +
 .../abspos/1183431-orthogonal-modes-9a.html        |    15 +
 .../abspos/1183431-orthogonal-modes-9b.html        |    15 +
 .../abspos/1183431-orthogonal-modes-9c.html        |    15 +
 layout/reftests/writing-mode/abspos/blue-32x32.png |   Bin 0 -> 110 bytes
 layout/reftests/writing-mode/abspos/reftest.list   |    27 +
 .../reftests/writing-mode/abspos/support/Ahem.ttf  |   Bin 0 -> 12480 bytes
 .../reftests/writing-mode/abspos/support/ahem.css  |     4 +
 layout/reftests/writing-mode/blue-32x32.png        |   Bin 0 -> 110 bytes
 .../writing-mode/font-inflation-1-ref.html         |     8 +
 .../reftests/writing-mode/font-inflation-1a.html   |     8 +
 .../reftests/writing-mode/font-inflation-1b.html   |     8 +
 .../writing-mode/font-inflation-1c-ref.html        |    12 +
 .../reftests/writing-mode/font-inflation-1c.html   |     8 +
 .../writing-mode/font-inflation-1d-ref.html        |    12 +
 .../reftests/writing-mode/font-inflation-1d.html   |     8 +
 .../reftests/writing-mode/font-inflation-1e.html   |    19 +
 layout/reftests/writing-mode/green-100x100.png     |   Bin 0 -> 84 bytes
 .../reftests/writing-mode/left-bottom-300x300.png  |   Bin 0 -> 914 bytes
 layout/reftests/writing-mode/left-top-300x300.png  |   Bin 0 -> 773 bytes
 layout/reftests/writing-mode/reftest.list          |   192 +
 .../reftests/writing-mode/right-bottom-300x300.png |   Bin 0 -> 914 bytes
 layout/reftests/writing-mode/right-top-300x300.png |   Bin 0 -> 919 bytes
 layout/reftests/writing-mode/swatch-yellow.png     |   Bin 0 -> 84 bytes
 .../reftests/writing-mode/tables/1259168-ref.html  |    12 +
 .../reftests/writing-mode/tables/1259168-slr.html  |    12 +
 .../reftests/writing-mode/tables/1259168-srl.html  |    12 +
 .../reftests/writing-mode/tables/1259168-vlr.html  |    12 +
 .../reftests/writing-mode/tables/1259168-vrl.html  |    12 +
 .../tables/border-collapse-bevels-1-ref.html       |    28 +
 .../tables/border-collapse-bevels-1a.html          |    29 +
 .../tables/border-collapse-bevels-1b.html          |    29 +
 .../tables/border-collapse-bevels-1c.html          |    29 +
 .../tables/border-collapse-bevels-1d.html          |    30 +
 .../tables/border-collapse-bevels-1e.html          |    30 +
 .../tables/fixed-table-layout-002-ref.html         |    25 +
 .../tables/fixed-table-layout-002-vlr.html         |    53 +
 .../tables/fixed-table-layout-002-vrl.html         |    54 +
 .../tables/fixed-table-layout-003-vlr.html         |    49 +
 .../tables/fixed-table-layout-003-vrl.html         |    49 +
 .../tables/fixed-table-layout-004-ref.html         |    33 +
 .../tables/fixed-table-layout-004-vlr.html         |    61 +
 .../tables/fixed-table-layout-004-vrl.html         |    61 +
 .../tables/fixed-table-layout-005-ref.html         |    42 +
 .../tables/fixed-table-layout-005-vlr.html         |    55 +
 .../tables/fixed-table-layout-005-vrl.html         |    55 +
 .../tables/fixed-table-layout-006-ref.html         |    33 +
 .../tables/fixed-table-layout-006-vlr.html         |    44 +
 .../tables/fixed-table-layout-006-vrl.html         |    44 +
 .../tables/fixed-table-layout-007-ref.html         |    25 +
 .../tables/fixed-table-layout-007-vlr.html         |    47 +
 .../tables/fixed-table-layout-007-vrl.html         |    48 +
 .../tables/fixed-table-layout-009-ref.html         |    42 +
 .../tables/fixed-table-layout-009-vlr.html         |    46 +
 .../tables/fixed-table-layout-009-vrl.html         |    46 +
 .../tables/fixed-table-layout-010-ref.html         |    31 +
 .../tables/fixed-table-layout-010-vlr.html         |    70 +
 .../tables/fixed-table-layout-010-vrl.html         |    70 +
 .../tables/fixed-table-layout-012-ref.html         |    25 +
 .../tables/fixed-table-layout-012-vlr.html         |    54 +
 .../tables/fixed-table-layout-012-vrl.html         |    55 +
 .../tables/fixed-table-layout-013-vlr.html         |    59 +
 .../tables/fixed-table-layout-013-vrl.html         |    59 +
 .../tables/fixed-table-layout-014-vlr.html         |    62 +
 .../tables/fixed-table-layout-014-vrl.html         |    62 +
 .../tables/fixed-table-layout-015-vlr.html         |    60 +
 .../tables/fixed-table-layout-015-vrl.html         |    63 +
 .../tables/fixed-table-layout-016-vlr.html         |    52 +
 .../tables/fixed-table-layout-016-vrl.html         |    52 +
 .../tables/fixed-table-layout-017-ref.html         |    29 +
 .../tables/fixed-table-layout-017-vlr.html         |    90 +
 .../tables/fixed-table-layout-017-vrl.html         |    90 +
 .../tables/fixed-table-layout-018-vlr.html         |    93 +
 .../tables/fixed-table-layout-018-vrl.html         |    94 +
 .../tables/fixed-table-layout-021-ref.html         |    44 +
 .../tables/fixed-table-layout-021-vlr.html         |   140 +
 .../tables/fixed-table-layout-021-vrl.html         |   140 +
 .../tables/fixed-table-layout-022-ref.html         |    49 +
 .../tables/fixed-table-layout-022-vlr.html         |   170 +
 .../tables/fixed-table-layout-022-vrl.html         |   170 +
 .../tables/fixed-table-layout-023-ref.html         |    49 +
 .../tables/fixed-table-layout-023-vlr.html         |   175 +
 .../tables/fixed-table-layout-023-vrl.html         |   175 +
 .../tables/fixed-table-layout-025-ref.html         |    23 +
 .../tables/fixed-table-layout-025-vlr.html         |    40 +
 .../tables/fixed-table-layout-025-vrl.html         |    40 +
 .../tables/fixed-table-layout-026-vlr.html         |    42 +
 .../tables/fixed-table-layout-026-vrl.html         |    42 +
 .../tables/fixed-table-layout-027-vlr.html         |    44 +
 .../tables/fixed-table-layout-027-vrl.html         |    44 +
 .../tables/fixed-table-layout-028-vlr.html         |    42 +
 .../tables/fixed-table-layout-028-vrl.html         |    42 +
 .../tables/fixed-table-layout-029-vlr.html         |    44 +
 .../tables/fixed-table-layout-029-vrl.html         |    44 +
 .../tables/fixed-table-layout-030-vlr.html         |    41 +
 .../tables/fixed-table-layout-030-vrl.html         |    41 +
 .../tables/fixed-table-layout-031-vlr.html         |    41 +
 .../tables/fixed-table-layout-031-vrl.html         |    41 +
 .../writing-mode/tables/multicol-count-002-ref.xht |    37 +
 layout/reftests/writing-mode/tables/reftest.list   |    96 +
 .../tables/s72-border-spacing-002-ref.xht          |    22 +
 .../writing-mode/tables/s72-border-spacing-002.xht |   144 +
 .../writing-mode/tables/s72-border-spacing-003.xht |   144 +
 .../writing-mode/tables/s72-border-spacing-004.xht |   124 +
 .../writing-mode/tables/s72-border-spacing-005.xht |   124 +
 .../tables/sideways-lr-row-progression-1-ref.html  |    51 +
 .../tables/sideways-lr-row-progression-1a.html     |    68 +
 .../tables/sideways-lr-row-progression-1b.html     |    69 +
 .../tables/sideways-rl-row-progression-1-ref.html  |    54 +
 .../tables/sideways-rl-row-progression-1a.html     |    68 +
 .../tables/sideways-rl-row-progression-1b.html     |    68 +
 .../reftests/writing-mode/tables/support/ahem.css  |     4 +
 .../writing-mode/tables/support/swatch-green.png   |   Bin 0 -> 84 bytes
 .../tables/table-caption-bottom-1-ref.html         |    54 +
 .../tables/table-caption-bottom-1.html             |    61 +
 .../tables/table-caption-top-1-ref.html            |    54 +
 .../writing-mode/tables/table-caption-top-1.html   |    61 +
 .../tables/vertical-border-collapse-1-ref.html     |    49 +
 .../tables/vertical-border-collapse-1.html         |    50 +
 .../tables/vertical-border-collapse-2-ref.html     |    49 +
 .../tables/vertical-border-collapse-2.html         |    50 +
 .../tables/vertical-rl-row-progression-1-ref.html  |    50 +
 .../tables/vertical-rl-row-progression-1a.html     |    57 +
 .../tables/vertical-rl-row-progression-1b.html     |    57 +
 .../writing-mode/tables/vertical-table-1-ref.html  |    44 +
 .../writing-mode/tables/vertical-table-1a.html     |    41 +
 .../writing-mode/tables/vertical-table-1b.html     |    41 +
 .../writing-mode/tables/vertical-table-2-ref.html  |    42 +
 .../writing-mode/tables/vertical-table-2a.html     |    39 +
 .../writing-mode/tables/vertical-table-2b.html     |    39 +
 .../tables/vertical-table-colspan-1-ref.html       |    37 +
 .../tables/vertical-table-colspan-1.html           |    36 +
 .../tables/vertical-table-colspan-2-ref.html       |    37 +
 .../tables/vertical-table-colspan-2.html           |    36 +
 .../tables/vertical-table-rowspan-1-ref.html       |    38 +
 .../tables/vertical-table-rowspan-1.html           |    37 +
 .../tables/vertical-table-rowspan-2-ref.html       |    38 +
 .../tables/vertical-table-rowspan-2.html           |    37 +
 .../vertical-table-specified-width-1-ref.html      |    40 +
 .../tables/vertical-table-specified-width-1.html   |    42 +
 .../vertical-table-specified-width-2-ref.html      |    40 +
 .../tables/vertical-table-specified-width-2.html   |    42 +
 .../writing-mode/tables/wm-row-progression-002.xht |    73 +
 .../writing-mode/tables/wm-row-progression-003.xht |    73 +
 .../writing-mode/tables/wm-row-progression-004.xht |    73 +
 .../writing-mode/tables/wm-row-progression-005.xht |    73 +
 .../writing-mode/tables/wm-row-progression-006.xht |    73 +
 .../writing-mode/tables/wm-row-progression-007.xht |    73 +
 .../writing-mode/ua-style-sheet-border-2-ref.html  |    29 +
 .../writing-mode/ua-style-sheet-border-2.html      |    25 +
 .../writing-mode/ua-style-sheet-border-3-ref.html  |    29 +
 .../writing-mode/ua-style-sheet-border-3.html      |    25 +
 .../writing-mode/ua-style-sheet-border-4-ref.html  |    32 +
 .../writing-mode/ua-style-sheet-border-4.html      |    28 +
 .../writing-mode/ua-style-sheet-border-5-ref.html  |    41 +
 .../writing-mode/ua-style-sheet-border-5.html      |    37 +
 .../writing-mode/ua-style-sheet-button-1.html      |    40 +
 .../writing-mode/ua-style-sheet-button-1a-ref.html |    66 +
 .../ua-style-sheet-checkbox-radio-1-ref.html       |    48 +
 .../ua-style-sheet-checkbox-radio-1.html           |    27 +
 .../ua-style-sheet-fieldset-1-ref.html             |    44 +
 .../writing-mode/ua-style-sheet-fieldset-1.html    |    36 +
 .../ua-style-sheet-input-color-1-ref.html          |    39 +
 .../writing-mode/ua-style-sheet-input-color-1.html |    22 +
 .../ua-style-sheet-input-number-1-ref.html         |    27 +
 .../ua-style-sheet-input-number-1.html             |    27 +
 .../writing-mode/ua-style-sheet-margin-1-ref.html  |    19 +
 .../writing-mode/ua-style-sheet-margin-1.html      |    16 +
 .../writing-mode/ua-style-sheet-margin-10-ref.html |    31 +
 .../writing-mode/ua-style-sheet-margin-10.html     |    27 +
 .../writing-mode/ua-style-sheet-margin-11-ref.html |    25 +
 .../writing-mode/ua-style-sheet-margin-11.html     |    22 +
 .../writing-mode/ua-style-sheet-margin-12-ref.html |    25 +
 .../writing-mode/ua-style-sheet-margin-12.html     |    22 +
 .../writing-mode/ua-style-sheet-margin-13-ref.html |    39 +
 .../writing-mode/ua-style-sheet-margin-13.html     |    35 +
 .../writing-mode/ua-style-sheet-margin-14-ref.html |    20 +
 .../writing-mode/ua-style-sheet-margin-14.html     |    17 +
 .../writing-mode/ua-style-sheet-margin-2-ref.html  |    23 +
 .../writing-mode/ua-style-sheet-margin-2.html      |    16 +
 .../writing-mode/ua-style-sheet-margin-3-ref.html  |    19 +
 .../writing-mode/ua-style-sheet-margin-3.html      |    16 +
 .../writing-mode/ua-style-sheet-margin-4-ref.html  |    32 +
 .../writing-mode/ua-style-sheet-margin-4.html      |    23 +
 .../writing-mode/ua-style-sheet-margin-5-ref.html  |    32 +
 .../writing-mode/ua-style-sheet-margin-5.html      |    23 +
 .../writing-mode/ua-style-sheet-margin-6-ref.html  |    22 +
 .../writing-mode/ua-style-sheet-margin-6.html      |    19 +
 .../writing-mode/ua-style-sheet-margin-7-ref.html  |    22 +
 .../writing-mode/ua-style-sheet-margin-7.html      |    19 +
 .../writing-mode/ua-style-sheet-margin-8-ref.html  |    31 +
 .../writing-mode/ua-style-sheet-margin-8.html      |    27 +
 .../writing-mode/ua-style-sheet-margin-9-ref.html  |    31 +
 .../writing-mode/ua-style-sheet-margin-9.html      |    27 +
 .../writing-mode/ua-style-sheet-size-1-ref.html    |    22 +
 .../writing-mode/ua-style-sheet-size-1.html        |    19 +
 .../writing-mode/ua-style-sheet-size-2-ref.html    |    22 +
 .../writing-mode/ua-style-sheet-size-2.html        |    19 +
 .../writing-mode/ua-style-sheet-textarea-1.html    |    18 +
 .../ua-style-sheet-textarea-1a-ref.html            |    27 +
 .../ua-style-sheet-textarea-1c-ref.html            |    28 +
 layout/reftests/xul-document-load/readme.txt       |    27 +
 .../xul-document-load/reference-green-window.xhtml |     7 +
 layout/reftests/xul-document-load/reftest.list     |     9 +
 layout/reftests/xul-document-load/test003.css      |     6 +
 layout/reftests/xul-document-load/test003.xhtml    |    10 +
 layout/reftests/xul-document-load/test004.css      |     6 +
 layout/reftests/xul-document-load/test004.xhtml    |    14 +
 layout/reftests/xul-document-load/test005.css      |     6 +
 layout/reftests/xul-document-load/test005.js       |     4 +
 layout/reftests/xul-document-load/test005.xhtml    |    10 +
 layout/reftests/xul-document-load/test006-007.js   |    11 +
 layout/reftests/xul-document-load/test006.css      |     6 +
 layout/reftests/xul-document-load/test006.xhtml    |    12 +
 layout/reftests/xul-document-load/test008.xhtml    |     9 +
 layout/reftests/xul-document-load/test010.css      |     6 +
 layout/reftests/xul-document-load/test010.xhtml    |    28 +
 layout/reftests/xul-document-load/test012-1.css    |     6 +
 layout/reftests/xul-document-load/test012-2.css    |     6 +
 layout/reftests/xul-document-load/test012.xhtml    |     8 +
 .../xul-document-load/test013-1-import.css         |     6 +
 layout/reftests/xul-document-load/test013-1.css    |     7 +
 layout/reftests/xul-document-load/test013-2.css    |     6 +
 layout/reftests/xul-document-load/test013.xhtml    |     8 +
 layout/reftests/xul-document-load/test022.xhtml    |    17 +
 layout/reftests/xul/accesskey-ref.xhtml            |    23 +
 layout/reftests/xul/accesskey.xhtml                |    42 +
 layout/reftests/xul/blank-window.xhtml             |     5 +
 layout/reftests/xul/colors-16x8-noSize.svg         |    11 +
 layout/reftests/xul/colors-16x8-parDefault.svg     |    18 +
 layout/reftests/xul/colors-16x8.png                |   Bin 0 -> 93 bytes
 layout/reftests/xul/colors-16x8.svg                |    14 +
 layout/reftests/xul/colors-8x16-noSize.svg         |    11 +
 layout/reftests/xul/colors-8x16-parDefault.svg     |    18 +
 layout/reftests/xul/colors-8x16.png                |   Bin 0 -> 92 bytes
 layout/reftests/xul/colors-8x16.svg                |    14 +
 layout/reftests/xul/css-flex-1-ref.html            |    18 +
 layout/reftests/xul/css-flex-1.xhtml               |    27 +
 .../reftests/xul/generate-object-fit-xul-tests.sh  |    94 +
 .../xul/generate-object-position-xul-tests.sh      |    68 +
 layout/reftests/xul/green-ref.xhtml                |     3 +
 .../xul/image-appearance-dynamic-ref.xhtml         |    16 +
 layout/reftests/xul/image-appearance-dynamic.xhtml |    24 +
 .../xul/inactive-fixed-bg-bug1205630-ref.html      |    44 +
 .../xul/inactive-fixed-bg-bug1205630.xhtml         |    36 +
 .../xul/inactive-fixed-bg-bug1272525-ref.html      |    44 +
 .../xul/inactive-fixed-bg-bug1272525.xhtml         |    36 +
 layout/reftests/xul/mac-tab-toolbar-ref.xhtml      |    18 +
 layout/reftests/xul/mac-tab-toolbar.xhtml          |    43 +
 layout/reftests/xul/menuitem-key-ref.xhtml         |    20 +
 layout/reftests/xul/menuitem-key.xhtml             |    47 +
 .../xul/object-fit-contain-png-001-ref.html        |    77 +
 .../reftests/xul/object-fit-contain-png-001.xhtml  |    69 +
 .../xul/object-fit-contain-png-002-ref.html        |    77 +
 .../reftests/xul/object-fit-contain-png-002.xhtml  |    69 +
 .../xul/object-fit-contain-svg-001-ref.html        |    76 +
 .../reftests/xul/object-fit-contain-svg-001.xhtml  |    68 +
 .../xul/object-fit-contain-svg-002-ref.html        |    76 +
 .../reftests/xul/object-fit-contain-svg-002.xhtml  |    68 +
 .../xul/object-fit-contain-svg-003-ref.html        |    76 +
 .../reftests/xul/object-fit-contain-svg-003.xhtml  |    68 +
 .../xul/object-fit-contain-svg-004-ref.html        |    76 +
 .../reftests/xul/object-fit-contain-svg-004.xhtml  |    68 +
 .../xul/object-fit-contain-svg-005-ref.html        |    76 +
 .../reftests/xul/object-fit-contain-svg-005.xhtml  |    68 +
 .../xul/object-fit-contain-svg-006-ref.html        |    76 +
 .../reftests/xul/object-fit-contain-svg-006.xhtml  |    68 +
 .../reftests/xul/object-fit-cover-png-001-ref.html |    77 +
 layout/reftests/xul/object-fit-cover-png-001.xhtml |    69 +
 .../reftests/xul/object-fit-cover-png-002-ref.html |    77 +
 layout/reftests/xul/object-fit-cover-png-002.xhtml |    69 +
 .../reftests/xul/object-fit-cover-svg-001-ref.html |    76 +
 layout/reftests/xul/object-fit-cover-svg-001.xhtml |    68 +
 .../reftests/xul/object-fit-cover-svg-002-ref.html |    76 +
 layout/reftests/xul/object-fit-cover-svg-002.xhtml |    68 +
 .../reftests/xul/object-fit-cover-svg-003-ref.html |    76 +
 layout/reftests/xul/object-fit-cover-svg-003.xhtml |    68 +
 .../reftests/xul/object-fit-cover-svg-004-ref.html |    76 +
 layout/reftests/xul/object-fit-cover-svg-004.xhtml |    68 +
 .../reftests/xul/object-fit-cover-svg-005-ref.html |    76 +
 layout/reftests/xul/object-fit-cover-svg-005.xhtml |    68 +
 .../reftests/xul/object-fit-cover-svg-006-ref.html |    76 +
 layout/reftests/xul/object-fit-cover-svg-006.xhtml |    68 +
 .../reftests/xul/object-fit-fill-png-001-ref.html  |    77 +
 layout/reftests/xul/object-fit-fill-png-001.xhtml  |    69 +
 .../reftests/xul/object-fit-fill-png-002-ref.html  |    77 +
 layout/reftests/xul/object-fit-fill-png-002.xhtml  |    69 +
 .../reftests/xul/object-fit-fill-svg-001-ref.html  |    76 +
 layout/reftests/xul/object-fit-fill-svg-001.xhtml  |    68 +
 .../reftests/xul/object-fit-fill-svg-002-ref.html  |    76 +
 layout/reftests/xul/object-fit-fill-svg-002.xhtml  |    68 +
 .../reftests/xul/object-fit-fill-svg-003-ref.html  |    76 +
 layout/reftests/xul/object-fit-fill-svg-003.xhtml  |    68 +
 .../reftests/xul/object-fit-fill-svg-004-ref.html  |    76 +
 layout/reftests/xul/object-fit-fill-svg-004.xhtml  |    68 +
 .../reftests/xul/object-fit-fill-svg-005-ref.html  |    76 +
 layout/reftests/xul/object-fit-fill-svg-005.xhtml  |    68 +
 .../reftests/xul/object-fit-fill-svg-006-ref.html  |    76 +
 layout/reftests/xul/object-fit-fill-svg-006.xhtml  |    68 +
 .../reftests/xul/object-fit-none-png-001-ref.html  |    77 +
 layout/reftests/xul/object-fit-none-png-001.xhtml  |    69 +
 .../reftests/xul/object-fit-none-png-002-ref.html  |    77 +
 layout/reftests/xul/object-fit-none-png-002.xhtml  |    69 +
 .../reftests/xul/object-fit-none-svg-001-ref.html  |    76 +
 layout/reftests/xul/object-fit-none-svg-001.xhtml  |    68 +
 .../reftests/xul/object-fit-none-svg-002-ref.html  |    76 +
 layout/reftests/xul/object-fit-none-svg-002.xhtml  |    68 +
 .../reftests/xul/object-fit-none-svg-003-ref.html  |    76 +
 layout/reftests/xul/object-fit-none-svg-003.xhtml  |    68 +
 .../reftests/xul/object-fit-none-svg-004-ref.html  |    76 +
 layout/reftests/xul/object-fit-none-svg-004.xhtml  |    68 +
 .../reftests/xul/object-fit-none-svg-005-ref.html  |    76 +
 layout/reftests/xul/object-fit-none-svg-005.xhtml  |    68 +
 .../reftests/xul/object-fit-none-svg-006-ref.html  |    76 +
 layout/reftests/xul/object-fit-none-svg-006.xhtml  |    68 +
 .../xul/object-fit-scale-down-png-001-ref.html     |    78 +
 .../xul/object-fit-scale-down-png-001.xhtml        |    69 +
 .../xul/object-fit-scale-down-png-002-ref.html     |    78 +
 .../xul/object-fit-scale-down-png-002.xhtml        |    69 +
 .../xul/object-fit-scale-down-svg-001-ref.html     |    77 +
 .../xul/object-fit-scale-down-svg-001.xhtml        |    68 +
 .../xul/object-fit-scale-down-svg-002-ref.html     |    77 +
 .../xul/object-fit-scale-down-svg-002.xhtml        |    68 +
 .../xul/object-fit-scale-down-svg-003-ref.html     |    77 +
 .../xul/object-fit-scale-down-svg-003.xhtml        |    68 +
 .../xul/object-fit-scale-down-svg-004-ref.html     |    77 +
 .../xul/object-fit-scale-down-svg-004.xhtml        |    68 +
 .../xul/object-fit-scale-down-svg-005-ref.html     |    77 +
 .../xul/object-fit-scale-down-svg-005.xhtml        |    68 +
 .../xul/object-fit-scale-down-svg-006-ref.html     |    77 +
 .../xul/object-fit-scale-down-svg-006.xhtml        |    68 +
 .../reftests/xul/object-position-png-001-ref.html  |    42 +
 layout/reftests/xul/object-position-png-001.xhtml  |    35 +
 .../reftests/xul/object-position-png-002-ref.html  |    42 +
 layout/reftests/xul/object-position-png-002.xhtml  |    35 +
 layout/reftests/xul/reftest.list                   |    74 +
 layout/reftests/xul/text-crop-002-ref.xhtml        |    34 +
 layout/reftests/xul/text-crop-002.xhtml            |    34 +
 layout/reftests/xul/text-crop-ref.xhtml            |    35 +
 layout/reftests/xul/text-crop.xhtml                |    38 +
 layout/reftests/xul/text-small-caps-1-ref.xhtml    |     8 +
 layout/reftests/xul/text-small-caps-1.xhtml        |     8 +
 .../reftests/xul/tree-row-outline-1-notref.xhtml   |    20 +
 layout/reftests/xul/tree-row-outline-1-ref.xhtml   |    30 +
 layout/reftests/xul/tree-row-outline-1.xhtml       |    31 +
 .../xul/tree-scrollbar-height-change-ref.xhtml     |    32 +
 .../xul/tree-scrollbar-height-change.xhtml         |    39 +
 layout/reftests/xul/treecell-image-svg-1-ref.xhtml |    17 +
 layout/reftests/xul/treecell-image-svg-1a.xhtml    |    17 +
 layout/reftests/xul/treecell-image-svg-1b.xhtml    |    17 +
 layout/reftests/xul/treetwisty-context-paint.svg   |     4 +
 .../reftests/xul/treetwisty-no-context-paint.svg   |     4 +
 .../treetwisty-svg-context-paint-1-not-ref.xhtml   |    37 +
 .../xul/treetwisty-svg-context-paint-1-ref.xhtml   |    42 +
 .../xul/treetwisty-svg-context-paint-1.xhtml       |    47 +
 layout/reftests/z-index/480053-1-ref.html          |     7 +
 layout/reftests/z-index/480053-1.html              |     7 +
 .../z-index/overlayscrollbar-sorting-1.html        |    26 +
 .../z-index/overlayscrollbar-sorting-2.html        |    38 +
 .../z-index/overlayscrollbar-sorting-3.html        |    33 +
 .../z-index/overlayscrollbar-sorting-4.html        |    35 +
 .../z-index/overlayscrollbar-sorting-5.html        |    43 +
 .../overlayscrollbar-sorting-ref-hidden.html       |    24 +
 .../overlayscrollbar-sorting-ref-visible.html      |    24 +
 layout/reftests/z-index/reftest.list               |    12 +
 .../stacking-context-backface-visibility.html      |    17 +
 .../reftests/z-index/stacking-context-common.css   |    26 +
 layout/reftests/z-index/stacking-context-no.html   |    11 +
 .../z-index/stacking-context-perspective.html      |    17 +
 layout/reftests/z-index/stacking-context-yes.html  |    16 +
 layout/reftests/z-index/z-index-1-ref.html         |    59 +
 layout/reftests/z-index/z-index-1.html             |    74 +
 19310 files changed, 690675 insertions(+)
 create mode 100644 layout/reftests/abs-pos/abs-pos-auto-margin-1-ref.html
 create mode 100644 layout/reftests/abs-pos/abs-pos-auto-margin-1.html
 create mode 100644 layout/reftests/abs-pos/abs-pos-auto-margin-centered-ref.html
 create mode 100644 layout/reftests/abs-pos/abs-pos-auto-margin-centered.html
 create mode 100644 layout/reftests/abs-pos/auto-offset-inline-block-1-ref.html
 create mode 100644 layout/reftests/abs-pos/auto-offset-inline-block-1.html
 create mode 100644 layout/reftests/abs-pos/button-1-ref.html
 create mode 100644 layout/reftests/abs-pos/button-1.html
 create mode 100644 layout/reftests/abs-pos/button-2-ref.html
 create mode 100644 layout/reftests/abs-pos/button-2.html
 create mode 100644 layout/reftests/abs-pos/continuation-positioned-inline-1.html
 create mode 100644 layout/reftests/abs-pos/continuation-positioned-inline-2.html
 create mode 100644 layout/reftests/abs-pos/continuation-positioned-inline-ref.html
 create mode 100644 layout/reftests/abs-pos/fieldset-1-ref.html
 create mode 100644 layout/reftests/abs-pos/fieldset-1.html
 create mode 100644 layout/reftests/abs-pos/fixed-pos-auto-offset-1-ref.html
 create mode 100644 layout/reftests/abs-pos/fixed-pos-auto-offset-1a.html
 create mode 100644 layout/reftests/abs-pos/fixed-pos-auto-offset-1b.html
 create mode 100644 layout/reftests/abs-pos/font-size-wrap-ref.html
 create mode 100644 layout/reftests/abs-pos/font-size-wrap.html
 create mode 100644 layout/reftests/abs-pos/multi-column-1-ref.html
 create mode 100644 layout/reftests/abs-pos/multi-column-1.html
 create mode 100644 layout/reftests/abs-pos/reftest.list
 create mode 100644 layout/reftests/abs-pos/relative-row-animation-1-ref.html
 create mode 100644 layout/reftests/abs-pos/relative-row-animation-1.html
 create mode 100644 layout/reftests/abs-pos/scrollframe-1-ref.html
 create mode 100644 layout/reftests/abs-pos/scrollframe-1.html
 create mode 100644 layout/reftests/abs-pos/scrollframe-2-ref.html
 create mode 100644 layout/reftests/abs-pos/scrollframe-2.html
 create mode 100644 layout/reftests/abs-pos/select-1-dynamic.html
 create mode 100644 layout/reftests/abs-pos/select-1-ref.html
 create mode 100644 layout/reftests/abs-pos/select-1.html
 create mode 100644 layout/reftests/abs-pos/select-2-ref.html
 create mode 100644 layout/reftests/abs-pos/select-2.html
 create mode 100644 layout/reftests/abs-pos/select-3-ref.html
 create mode 100644 layout/reftests/abs-pos/select-3.html
 create mode 100644 layout/reftests/abs-pos/select-4-ref.html
 create mode 100644 layout/reftests/abs-pos/select-4.html
 create mode 100644 layout/reftests/abs-pos/table-1-ref.html
 create mode 100644 layout/reftests/abs-pos/table-1.html
 create mode 100644 layout/reftests/abs-pos/table-2-ref.html
 create mode 100644 layout/reftests/abs-pos/table-2.html
 create mode 100644 layout/reftests/abs-pos/table-3-ref.html
 create mode 100644 layout/reftests/abs-pos/table-3.html
 create mode 100644 layout/reftests/abs-pos/table-caption-1.html
 create mode 100644 layout/reftests/abs-pos/table-caption-2.html
 create mode 100644 layout/reftests/abs-pos/table-caption-3.html
 create mode 100644 layout/reftests/abs-pos/table-caption-4.html
 create mode 100644 layout/reftests/abs-pos/table-caption-5.html
 create mode 100644 layout/reftests/abs-pos/table-cell-1.html
 create mode 100644 layout/reftests/abs-pos/table-cell-2.html
 create mode 100644 layout/reftests/abs-pos/table-cell-3.html
 create mode 100644 layout/reftests/abs-pos/table-cell-4.html
 create mode 100644 layout/reftests/abs-pos/table-cell-5.html
 create mode 100644 layout/reftests/abs-pos/table-cell-6.html
 create mode 100644 layout/reftests/abs-pos/table-cell-7.html
 create mode 100644 layout/reftests/abs-pos/table-cell-8.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-1.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-2.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-3.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-4.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-5.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-6.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-7.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-1.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-2.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-3.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-4.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-5.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-6.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-7.html
 create mode 100644 layout/reftests/abs-pos/table-internal-1-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-2-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-3-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-4-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-5-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-6-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-7-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-8-ref.html
 create mode 100644 layout/reftests/abs-pos/table-print-1-ref.html
 create mode 100644 layout/reftests/abs-pos/table-row-1.html
 create mode 100644 layout/reftests/abs-pos/table-row-2.html
 create mode 100644 layout/reftests/abs-pos/table-row-3.html
 create mode 100644 layout/reftests/abs-pos/table-row-4.html
 create mode 100644 layout/reftests/abs-pos/table-row-5.html
 create mode 100644 layout/reftests/abs-pos/table-row-6.html
 create mode 100644 layout/reftests/abs-pos/table-row-7.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-1.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-2.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-3.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-4.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-5.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-6.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-7.html
 create mode 100644 layout/reftests/apng-mime/animated.apng
 create mode 100644 layout/reftests/apng-mime/expected.html
 create mode 100644 layout/reftests/apng-mime/reftest.list
 create mode 100644 layout/reftests/apng-mime/static.png
 create mode 100644 layout/reftests/apng-mime/test.html
 create mode 100644 layout/reftests/async-scrolling/async-scroll-and-zoom-ref.html
 create mode 100644 layout/reftests/async-scrolling/async-scroll-and-zoom.html
 create mode 100644 layout/reftests/async-scrolling/background-blend-mode-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/background-blend-mode-1.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-1.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-clip-1.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-clip-2.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-clip-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-mask-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-mask.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-no-culling-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-no-culling-1.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-no-culling-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-no-culling-2.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-no-culling-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-no-culling-3.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-child.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-cover-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-cover-1.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-cover-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-cover-2.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-cover-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-cover-3.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-in-css-filter-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-in-css-filter.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-in-opacity-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-in-opacity.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-transformed-image-ref.html
 create mode 100644 layout/reftests/async-scrolling/bg-fixed-transformed-image.html
 create mode 100644 layout/reftests/async-scrolling/checkerboard-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/checkerboard-1.html
 create mode 100644 layout/reftests/async-scrolling/checkerboard-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/checkerboard-2.html
 create mode 100644 layout/reftests/async-scrolling/checkerboard-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/checkerboard-3.html
 create mode 100644 layout/reftests/async-scrolling/contain-paint-scrollable-frame-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/contain-paint-scrollable-frame-1.html
 create mode 100644 layout/reftests/async-scrolling/culling-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/culling-1.html
 create mode 100644 layout/reftests/async-scrolling/curtain-effect-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/curtain-effect-1.html
 create mode 100644 layout/reftests/async-scrolling/disable-apz-for-sle-pages-ref.html
 create mode 100644 layout/reftests/async-scrolling/disable-apz-for-sle-pages.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref-b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-1a.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-1b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-1c.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref-b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-2a.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-2b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-2c.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-3a.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-3b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-3c.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-4-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-4a.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-4b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-4c.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref-t.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-5a.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-5b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-5c.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref-t.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-6a.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-6b.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-6c.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1.html
 create mode 100644 layout/reftests/async-scrolling/element-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/element-1.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrollable-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrollable-1.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4-ref.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5-ref.html
 create mode 100644 layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5.html
 create mode 100644 layout/reftests/async-scrolling/group-opacity-surface-size-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/group-opacity-surface-size-1.html
 create mode 100644 layout/reftests/async-scrolling/iframe-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/iframe-1.html
 create mode 100644 layout/reftests/async-scrolling/nested-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/nested-1.html
 create mode 100644 layout/reftests/async-scrolling/nested-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/nested-2.html
 create mode 100644 layout/reftests/async-scrolling/no-overscroll-ref.html
 create mode 100644 layout/reftests/async-scrolling/offscreen-clipped-blendmode-1.html
 create mode 100644 layout/reftests/async-scrolling/offscreen-clipped-blendmode-2.html
 create mode 100644 layout/reftests/async-scrolling/offscreen-clipped-blendmode-3.html
 create mode 100644 layout/reftests/async-scrolling/offscreen-clipped-blendmode-4.html
 create mode 100644 layout/reftests/async-scrolling/offscreen-clipped-blendmode-ref.html
 create mode 100644 layout/reftests/async-scrolling/offscreen-prerendered-active-opacity-ref.html
 create mode 100644 layout/reftests/async-scrolling/offscreen-prerendered-active-opacity.html
 create mode 100644 layout/reftests/async-scrolling/opaque-fractional-displayport-1.html
 create mode 100644 layout/reftests/async-scrolling/opaque-fractional-displayport-2.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-disabled.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-fixed-iframe-overscroll.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-fixed-iframe.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-fixed-transform.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-fixed.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-ref.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-scrollbar-ref.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-scrollbar.html
 create mode 100644 layout/reftests/async-scrolling/overscroll-subframe.html
 create mode 100644 layout/reftests/async-scrolling/overscroll.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-1.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-2.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-3.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-4-ref.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-4.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-5-ref.html
 create mode 100644 layout/reftests/async-scrolling/perspective-scrolling-5.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-1.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-2.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-1.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-2.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-3.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-4-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-async-zoom-4.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-body-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-body.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-cover-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-cover-1.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-cover-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-cover-2.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-cover-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-cover-3.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-iframe-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-iframe-1.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-iframe-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-iframe-2.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-in-scroll-container-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-in-scroll-container.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-clip-path-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-clip-path.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-sticky-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-sticky-1.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-sticky-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-sticky-2.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-sticky-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-inside-sticky-3.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-transformed-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-fixed-transformed-1.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-async-zoom-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-async-zoom-1.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-async-zoom-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-async-zoom-2.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-bug1434250-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-bug1434250.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-1.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-2.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-scrolled-clip-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-scrolled-clip-1.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-scrolled-clip-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-scrolled-clip-2.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-transformed-ref.html
 create mode 100644 layout/reftests/async-scrolling/position-sticky-transformed.html
 create mode 100644 layout/reftests/async-scrolling/reftest.list
 create mode 100644 layout/reftests/async-scrolling/repeatable-diagonal-gradient.png
 create mode 100644 layout/reftests/async-scrolling/split-layers-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/split-layers-1.html
 create mode 100644 layout/reftests/async-scrolling/split-layers-multi-scrolling-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/split-layers-multi-scrolling-1.html
 create mode 100644 layout/reftests/async-scrolling/split-opacity-layers-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/split-opacity-layers-1.html
 create mode 100644 layout/reftests/async-scrolling/sticky-inside-fixed-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-inside-fixed-1.html
 create mode 100644 layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-inside-transform-1.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-1.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-2-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-2.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-3-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-3.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-4-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-4.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-5-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-5.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-6-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-6.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-7-ref.html
 create mode 100644 layout/reftests/async-scrolling/sticky-pos-scrollable-7.html
 create mode 100644 layout/reftests/async-scrolling/transformed-1-ref.html
 create mode 100644 layout/reftests/async-scrolling/transformed-1.html
 create mode 100644 layout/reftests/backgrounds/aqua-32x32.png
 create mode 100644 layout/reftests/backgrounds/aqua-yellow-32x32.png
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-1-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-1.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-2.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-3-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-3.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-4-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-4.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-5.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-6-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-color-6.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-1-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-1.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-2.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-3-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-3.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-4-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-4.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-5.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-6-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-clipping-image-6.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-1-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-1.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-2-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-2.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-3-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-3.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-4-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-4.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-5-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-local-positioning-5.html
 create mode 100644 layout/reftests/backgrounds/attachment-scroll-positioning-1-ref.html
 create mode 100644 layout/reftests/backgrounds/attachment-scroll-positioning-1.html
 create mode 100644 layout/reftests/backgrounds/background-clip-1-ref.html
 create mode 100644 layout/reftests/backgrounds/background-clip-1.html
 create mode 100644 layout/reftests/backgrounds/background-clip-2-ref.html
 create mode 100644 layout/reftests/backgrounds/background-clip-2.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-1-ref.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-1a.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-1b.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-1c.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-1d.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-1e.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-2-ref.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-2.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-scale-ref.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-scale.html
 create mode 100644 layout/reftests/backgrounds/background-clip-text-translate.html
 create mode 100644 layout/reftests/backgrounds/background-layers-1-ref.html
 create mode 100644 layout/reftests/backgrounds/background-layers-1a.html
 create mode 100644 layout/reftests/backgrounds/background-layers-1b.html
 create mode 100644 layout/reftests/backgrounds/background-moz-default-background-color-ref.html
 create mode 100644 layout/reftests/backgrounds/background-moz-default-background-color.html
 create mode 100644 layout/reftests/backgrounds/background-multiple-with-border-radius-ref.html
 create mode 100644 layout/reftests/backgrounds/background-multiple-with-border-radius.html
 create mode 100644 layout/reftests/backgrounds/background-position-1-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-1a.html
 create mode 100644 layout/reftests/backgrounds/background-position-1b.html
 create mode 100644 layout/reftests/backgrounds/background-position-1c.html
 create mode 100644 layout/reftests/backgrounds/background-position-1d.html
 create mode 100644 layout/reftests/backgrounds/background-position-1e.html
 create mode 100644 layout/reftests/backgrounds/background-position-1f.html
 create mode 100644 layout/reftests/backgrounds/background-position-2-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-2a.html
 create mode 100644 layout/reftests/backgrounds/background-position-2b.html
 create mode 100644 layout/reftests/backgrounds/background-position-2c.html
 create mode 100644 layout/reftests/backgrounds/background-position-2d.html
 create mode 100644 layout/reftests/backgrounds/background-position-3-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-3a.html
 create mode 100644 layout/reftests/backgrounds/background-position-3b.html
 create mode 100644 layout/reftests/backgrounds/background-position-3c.html
 create mode 100644 layout/reftests/backgrounds/background-position-3d.html
 create mode 100644 layout/reftests/backgrounds/background-position-4-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-4a.html
 create mode 100644 layout/reftests/backgrounds/background-position-4b.html
 create mode 100644 layout/reftests/backgrounds/background-position-4c.html
 create mode 100644 layout/reftests/backgrounds/background-position-4d.html
 create mode 100644 layout/reftests/backgrounds/background-position-4e.html
 create mode 100644 layout/reftests/backgrounds/background-position-5-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-5.html
 create mode 100644 layout/reftests/backgrounds/background-position-6-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-6a.html
 create mode 100644 layout/reftests/backgrounds/background-position-6b.html
 create mode 100644 layout/reftests/backgrounds/background-position-7-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-7.html
 create mode 100644 layout/reftests/backgrounds/background-position-8-ref.html
 create mode 100644 layout/reftests/backgrounds/background-position-8.html
 create mode 100644 layout/reftests/backgrounds/background-redraw-237766-ref.html
 create mode 100644 layout/reftests/backgrounds/background-redraw-237766.html
 create mode 100644 layout/reftests/backgrounds/background-referrer-image.png
 create mode 100644 layout/reftests/backgrounds/background-referrer-ref.html
 create mode 100644 layout/reftests/backgrounds/background-referrer.html
 create mode 100644 layout/reftests/backgrounds/background-referrer.sjs
 create mode 100644 layout/reftests/backgrounds/background-repeat-1-ref.html
 create mode 100644 layout/reftests/backgrounds/background-repeat-1.html
 create mode 100644 layout/reftests/backgrounds/background-repeat-large-area-ref.html
 create mode 100644 layout/reftests/backgrounds/background-repeat-large-area.html
 create mode 100644 layout/reftests/backgrounds/background-repeat-resampling-ref.html
 create mode 100644 layout/reftests/backgrounds/background-repeat-resampling.html
 create mode 100644 layout/reftests/backgrounds/background-size-auto-auto.html
 create mode 100644 layout/reftests/backgrounds/background-size-auto-length-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-auto-length.html
 create mode 100644 layout/reftests/backgrounds/background-size-auto-percent.html
 create mode 100644 layout/reftests/backgrounds/background-size-auto-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-auto.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-contain-no-repeat.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-contain-not-fixed.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-contain.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-cover-no-repeat.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-cover-not-fixed.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-cover-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-cover.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-percent-percent-no-repeat.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-percent-percent-not-fixed.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-percent-percent-overflow-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-percent-percent-overflow.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-percent-percent-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-percent-percent.html
 create mode 100644 layout/reftests/backgrounds/background-size-body-single-not-fixed.html
 create mode 100644 layout/reftests/backgrounds/background-size-clone.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-border-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-border.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-padding-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-clip-padding.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-position-fifty-fifty-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-position-fifty-fifty.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-contain.html
 create mode 100644 layout/reftests/backgrounds/background-size-cover-clone.html
 create mode 100644 layout/reftests/backgrounds/background-size-cover-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-cover-slice.html
 create mode 100644 layout/reftests/backgrounds/background-size-cover.html
 create mode 100644 layout/reftests/backgrounds/background-size-length-auto.html
 create mode 100644 layout/reftests/backgrounds/background-size-length-length-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-length-length.html
 create mode 100644 layout/reftests/backgrounds/background-size-length-percent-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-length-percent.html
 create mode 100644 layout/reftests/backgrounds/background-size-length.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-ch.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-cm.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-em.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-ex.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-inches.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-mm.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-pc.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-pt.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-px.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-monster-rem.html
 create mode 100644 layout/reftests/backgrounds/background-size-percent-auto.html
 create mode 100644 layout/reftests/backgrounds/background-size-percent-length.html
 create mode 100644 layout/reftests/backgrounds/background-size-percent-percent-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-percent-percent-stretch-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-percent-percent-stretch.html
 create mode 100644 layout/reftests/backgrounds/background-size-percent-percent.html
 create mode 100644 layout/reftests/backgrounds/background-size-percent.html
 create mode 100644 layout/reftests/backgrounds/background-size-slice.html
 create mode 100644 layout/reftests/backgrounds/background-size-zoom-no-repeat-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-zoom-no-repeat.html
 create mode 100644 layout/reftests/backgrounds/background-size-zoom-repeat-ref.html
 create mode 100644 layout/reftests/backgrounds/background-size-zoom-repeat.html
 create mode 100644 layout/reftests/backgrounds/background-tiling-zoom-1-ref.html
 create mode 100644 layout/reftests/backgrounds/background-tiling-zoom-1.html
 create mode 100644 layout/reftests/backgrounds/blue-16x20-green-16x20.png
 create mode 100644 layout/reftests/backgrounds/blue-16x20-green-8x20.png
 create mode 100644 layout/reftests/backgrounds/blue-16x20.png
 create mode 100644 layout/reftests/backgrounds/blue-32x32.png
 create mode 100644 layout/reftests/backgrounds/blue-8x20-green-16x20.png
 create mode 100644 layout/reftests/backgrounds/blue-8x20-green-8x20.png
 create mode 100644 layout/reftests/backgrounds/blue-8x20.png
 create mode 100644 layout/reftests/backgrounds/body-background-ref.html
 create mode 100644 layout/reftests/backgrounds/body-background.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-1a.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-1ab-ref.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-1b.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-1c.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-1cd-ref.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-1d.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-2-ref.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-2a.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-2b.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-3-ref.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-3.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-4-ref.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-4a.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-4b.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-5-ref.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-5a.html
 create mode 100644 layout/reftests/backgrounds/continuous-inline-5b.html
 create mode 100644 layout/reftests/backgrounds/delay-image-response.sjs
 create mode 100644 layout/reftests/backgrounds/div-background-ref.html
 create mode 100644 layout/reftests/backgrounds/div-background.html
 create mode 100644 layout/reftests/backgrounds/fixed-bg-border-radius-ref.html
 create mode 100644 layout/reftests/backgrounds/fixed-bg-border-radius.html
 create mode 100644 layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-1.html
 create mode 100644 layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-ref.html
 create mode 100644 layout/reftests/backgrounds/fuchsia-32x32.png
 create mode 100644 layout/reftests/backgrounds/green-16x20.png
 create mode 100644 layout/reftests/backgrounds/green-8x20-blue-8x20-vertical.png
 create mode 100644 layout/reftests/backgrounds/green-8x20.png
 create mode 100644 layout/reftests/backgrounds/green-circle-alpha-32x32.png
 create mode 100644 layout/reftests/backgrounds/grid-large.png
 create mode 100644 layout/reftests/backgrounds/iframe-translucent-color-1.html
 create mode 100644 layout/reftests/backgrounds/iframe-translucent-color-ref.html
 create mode 100644 layout/reftests/backgrounds/layers-layer-count-1-ref.xhtml
 create mode 100644 layout/reftests/backgrounds/layers-layer-count-2-ref.xhtml
 create mode 100644 layout/reftests/backgrounds/layers-layer-count-cascade-1.xhtml
 create mode 100644 layout/reftests/backgrounds/layers-layer-count-cascade-2.xhtml
 create mode 100644 layout/reftests/backgrounds/layers-layer-count-inheritance-1.xhtml
 create mode 100644 layout/reftests/backgrounds/layers-layer-count-inheritance-2.xhtml
 create mode 100644 layout/reftests/backgrounds/layers-stacking-order-ref.xhtml
 create mode 100644 layout/reftests/backgrounds/layers-stacking-order.xhtml
 create mode 100644 layout/reftests/backgrounds/lime-1x25.png
 create mode 100644 layout/reftests/backgrounds/lime-25x1.png
 create mode 100644 layout/reftests/backgrounds/lime-and-blue-1x25.png
 create mode 100644 layout/reftests/backgrounds/lime-and-blue-25x1.png
 create mode 100644 layout/reftests/backgrounds/malformed.png
 create mode 100644 layout/reftests/backgrounds/multi-background-clip-content-border-ref.html
 create mode 100644 layout/reftests/backgrounds/multi-background-clip-content-border.html
 create mode 100644 layout/reftests/backgrounds/really-big-background-ref.html
 create mode 100644 layout/reftests/backgrounds/really-big-background.html
 create mode 100644 layout/reftests/backgrounds/really-big-background.png
 create mode 100644 layout/reftests/backgrounds/red-128-alpha-32x32.png
 create mode 100644 layout/reftests/backgrounds/red-32x32.png
 create mode 100644 layout/reftests/backgrounds/reftest.list
 create mode 100644 layout/reftests/backgrounds/root-background-1.html
 create mode 100644 layout/reftests/backgrounds/root-background-ref.html
 create mode 100644 layout/reftests/backgrounds/root-element-display-none-1.html
 create mode 100644 layout/reftests/backgrounds/root-element-display-none-ref.html
 create mode 100644 layout/reftests/backgrounds/table-background-ref.html
 create mode 100644 layout/reftests/backgrounds/table-background.html
 create mode 100644 layout/reftests/backgrounds/text-clip-and-no-stroke.html
 create mode 100644 layout/reftests/backgrounds/text-clip-and-stroke.html
 create mode 100644 layout/reftests/backgrounds/translucent-color-1.html
 create mode 100644 layout/reftests/backgrounds/translucent-color-2.html
 create mode 100644 layout/reftests/backgrounds/translucent-color-3.html
 create mode 100644 layout/reftests/backgrounds/translucent-color-ref.html
 create mode 100644 layout/reftests/backgrounds/transparent-32x32.png
 create mode 100644 layout/reftests/backgrounds/vector/diagonal-percentage-vector-background-ref.html
 create mode 100644 layout/reftests/backgrounds/vector/diagonal-percentage-vector-background.html
 create mode 100644 layout/reftests/backgrounds/vector/diagonal-scaled-fixed.svg
 create mode 100644 layout/reftests/backgrounds/vector/diagonal-scaled.svg
 create mode 100644 layout/reftests/backgrounds/vector/empty/intrinsic-ratio-no-dimensions.svg
 create mode 100644 layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-width.svg
 create mode 100644 layout/reftests/backgrounds/vector/empty/nonpercent-width-omitted-height-extreme-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/empty/omitted-width-nonpercent-height-extreme-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/empty/ref-tall-empty.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/ref-tall-lime.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/ref-wide-empty.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/ref-wide-lime.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/reftest.list
 create mode 100644 layout/reftests/backgrounds/vector/empty/tall--contain--height.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/tall--contain--width.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/tall--cover--height.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/tall--cover--width.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/wide--contain--height.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/wide--contain--width.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/wide--cover--height.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/wide--cover--width.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-height-ratio-5px-auto.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-5px.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-auto.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-height-ratio-contain.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-height-ratio-cover.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-5px-auto.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-5px.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-auto.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-contain.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-cover.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-width-ratio-5px-auto.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-5px.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-auto.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-width-ratio-contain.html
 create mode 100644 layout/reftests/backgrounds/vector/empty/zero-width-ratio-cover.html
 create mode 100644 layout/reftests/backgrounds/vector/no-aspect-ratio-normal.html
 create mode 100644 layout/reftests/backgrounds/vector/no-aspect-ratio-wide.html
 create mode 100644 layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/nonpercent-width-omitted-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/nonpercent-width-omitted-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/nonpercent-width-percent-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/nonpercent-width-percent-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/omitted-width-nonpercent-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/omitted-width-nonpercent-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox-no-preserve.svg
 create mode 100644 layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/omitted-width-omitted-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/omitted-width-percent-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/omitted-width-percent-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/percent-width-nonpercent-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/percent-width-nonpercent-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/percent-width-omitted-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/percent-width-omitted-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/percent-width-percent-height-viewbox.svg
 create mode 100644 layout/reftests/backgrounds/vector/percent-width-percent-height.svg
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime192x384-aqua192x384.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime256x16-aqua256x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime256x384-aqua256x384.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime256x512-aqua256x256.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime256x768.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime2x16-aqua2x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime32x128-aqua32x128.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime32x16-aqua32x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime32x256-aqua32x256.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime32x384-aqua32x384.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime32x64-aqua32x64.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime48x384-aqua48x384.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime4x16-aqua4x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime8x16-aqua8x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime8x32-aqua8x32.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime8x384-aqua8x384.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-tall-lime8x64-aqua8x64.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime12x128-aqua12x128.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime12x16-aqua12x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime12x24-aqua12x24.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime12x96-aqua12x96.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime16x128-aqua16x128.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime2x16-aqua2x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime64x128-aqua64x128.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime768x128-aqua768x128.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime768x16-aqua768x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime768x256.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime8x128-aqua8x128.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime8x16-aqua8x16.html
 create mode 100644 layout/reftests/backgrounds/vector/ref-wide-lime8x64-aqua8x64.html
 create mode 100644 layout/reftests/backgrounds/vector/reftest.list
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height--crisp.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/template.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height-viewbox.html
 create mode 100644 layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height.html
 create mode 100644 layout/reftests/backgrounds/viewport-translucent-color-1.html
 create mode 100644 layout/reftests/backgrounds/viewport-translucent-color-2.html
 create mode 100644 layout/reftests/backgrounds/viewport-translucent-color-3.html
 create mode 100644 layout/reftests/backgrounds/viewport-translucent-color-ref.html
 create mode 100644 layout/reftests/backgrounds/yellow-32x32.png
 create mode 100644 layout/reftests/bidi/1067268-1-ref.html
 create mode 100644 layout/reftests/bidi/1067268-1.html
 create mode 100644 layout/reftests/bidi/1069941-inline-bidi-border-1-ref.html
 create mode 100644 layout/reftests/bidi/1069941-inline-bidi-border-1.html
 create mode 100644 layout/reftests/bidi/1069941-inline-bidi-margin-1-ref.html
 create mode 100644 layout/reftests/bidi/1069941-inline-bidi-margin-1.html
 create mode 100644 layout/reftests/bidi/1155359-1-ref.xhtml
 create mode 100644 layout/reftests/bidi/1155359-1.xhtml
 create mode 100644 layout/reftests/bidi/1157726-1-ref.html
 create mode 100644 layout/reftests/bidi/1157726-1.html
 create mode 100644 layout/reftests/bidi/115921-1-ref.html
 create mode 100644 layout/reftests/bidi/115921-1.html
 create mode 100644 layout/reftests/bidi/115921-2-ref.html
 create mode 100644 layout/reftests/bidi/115921-2.html
 create mode 100644 layout/reftests/bidi/1161752-1-embed.html
 create mode 100644 layout/reftests/bidi/1161752-2-embed.html
 create mode 100644 layout/reftests/bidi/1161752-3-embed.html
 create mode 100644 layout/reftests/bidi/1161752-4-embed.html
 create mode 100644 layout/reftests/bidi/1161752-5-embed-ref.html
 create mode 100644 layout/reftests/bidi/1161752-5-embed.html
 create mode 100644 layout/reftests/bidi/1161752-ref.html
 create mode 100644 layout/reftests/bidi/1161752.html
 create mode 100644 layout/reftests/bidi/1217833-1-ref.html
 create mode 100644 layout/reftests/bidi/1217833-1.html
 create mode 100644 layout/reftests/bidi/1217833-2-ref.html
 create mode 100644 layout/reftests/bidi/1217833-2.html
 create mode 100644 layout/reftests/bidi/1231175-1-ref.html
 create mode 100644 layout/reftests/bidi/1231175-1.html
 create mode 100644 layout/reftests/bidi/1366623-1-ref.html
 create mode 100644 layout/reftests/bidi/1366623-1.html
 create mode 100644 layout/reftests/bidi/1426042-1-ref.html
 create mode 100644 layout/reftests/bidi/1426042-1.html
 create mode 100644 layout/reftests/bidi/151407-1-ref.html
 create mode 100644 layout/reftests/bidi/151407-1.html
 create mode 100644 layout/reftests/bidi/151407-1a.html
 create mode 100644 layout/reftests/bidi/151407-2-auto-ref.html
 create mode 100644 layout/reftests/bidi/151407-2-auto.html
 create mode 100644 layout/reftests/bidi/151407-2-empty-ref.html
 create mode 100644 layout/reftests/bidi/151407-2-empty.html
 create mode 100644 layout/reftests/bidi/151407-2-foopy.html
 create mode 100644 layout/reftests/bidi/151407-2-ltr-ref.html
 create mode 100644 layout/reftests/bidi/151407-2-ltr.html
 create mode 100644 layout/reftests/bidi/151407-2-rtl-ref.html
 create mode 100644 layout/reftests/bidi/151407-2-rtl.html
 create mode 100644 layout/reftests/bidi/151407-3-auto-ref.html
 create mode 100644 layout/reftests/bidi/151407-3-auto.html
 create mode 100644 layout/reftests/bidi/151407-3-empty-ref.html
 create mode 100644 layout/reftests/bidi/151407-3-foopy.html
 create mode 100644 layout/reftests/bidi/151407-3-ltr-ref.html
 create mode 100644 layout/reftests/bidi/151407-3-ltr.html
 create mode 100644 layout/reftests/bidi/151407-3-rtl-ref.html
 create mode 100644 layout/reftests/bidi/151407-3-rtl.html
 create mode 100644 layout/reftests/bidi/1556414-1-ref.html
 create mode 100644 layout/reftests/bidi/1556414-1.html
 create mode 100644 layout/reftests/bidi/1567036-1-ref.html
 create mode 100644 layout/reftests/bidi/1567036-1.html
 create mode 100644 layout/reftests/bidi/229367-1-ref.html
 create mode 100644 layout/reftests/bidi/229367-1.html
 create mode 100644 layout/reftests/bidi/229367-2-ref.html
 create mode 100644 layout/reftests/bidi/229367-2.html
 create mode 100644 layout/reftests/bidi/229367-3-ref.html
 create mode 100644 layout/reftests/bidi/229367-3.html
 create mode 100644 layout/reftests/bidi/258928-1-ref.html
 create mode 100644 layout/reftests/bidi/258928-1.html
 create mode 100644 layout/reftests/bidi/263359-1-ref.html
 create mode 100644 layout/reftests/bidi/263359-1.html
 create mode 100644 layout/reftests/bidi/263359-1a.html
 create mode 100644 layout/reftests/bidi/263359-1b.html
 create mode 100644 layout/reftests/bidi/263359-2-ref.html
 create mode 100644 layout/reftests/bidi/263359-2.html
 create mode 100644 layout/reftests/bidi/263359-3-ref.html
 create mode 100644 layout/reftests/bidi/263359-3.html
 create mode 100644 layout/reftests/bidi/263359-4-ref.html
 create mode 100644 layout/reftests/bidi/263359-4.html
 create mode 100644 layout/reftests/bidi/267459-1-ref.html
 create mode 100644 layout/reftests/bidi/267459-1.html
 create mode 100644 layout/reftests/bidi/267459-2-ref.html
 create mode 100644 layout/reftests/bidi/267459-2.html
 create mode 100644 layout/reftests/bidi/299065-1-ref.html
 create mode 100644 layout/reftests/bidi/299065-1.html
 create mode 100644 layout/reftests/bidi/305643-1-ref.html
 create mode 100644 layout/reftests/bidi/305643-1.html
 create mode 100644 layout/reftests/bidi/332655-1-ref.html
 create mode 100644 layout/reftests/bidi/332655-1.html
 create mode 100644 layout/reftests/bidi/332655-2-ref.html
 create mode 100644 layout/reftests/bidi/332655-2.html
 create mode 100644 layout/reftests/bidi/381279-1-ref.html
 create mode 100644 layout/reftests/bidi/381279-1.html
 create mode 100644 layout/reftests/bidi/386339-ref.html
 create mode 100644 layout/reftests/bidi/386339.html
 create mode 100644 layout/reftests/bidi/409375-ref.html
 create mode 100644 layout/reftests/bidi/409375.html
 create mode 100644 layout/reftests/bidi/413542-1-ref.html
 create mode 100644 layout/reftests/bidi/413542-1.html
 create mode 100644 layout/reftests/bidi/413542-2-ref.html
 create mode 100644 layout/reftests/bidi/413542-2.html
 create mode 100644 layout/reftests/bidi/413928-1-ref.html
 create mode 100644 layout/reftests/bidi/413928-1.html
 create mode 100644 layout/reftests/bidi/413928-2-ref.html
 create mode 100644 layout/reftests/bidi/413928-2.html
 create mode 100644 layout/reftests/bidi/425338-1-ref.html
 create mode 100644 layout/reftests/bidi/425338-1a.html
 create mode 100644 layout/reftests/bidi/425338-1b.html
 create mode 100644 layout/reftests/bidi/489517-1-ref.html
 create mode 100644 layout/reftests/bidi/489517-1.html
 create mode 100644 layout/reftests/bidi/489887-1-ref.html
 create mode 100644 layout/reftests/bidi/489887-1.html
 create mode 100644 layout/reftests/bidi/492231-1-ref.html
 create mode 100644 layout/reftests/bidi/492231-1.html
 create mode 100644 layout/reftests/bidi/496006-1-ref.html
 create mode 100644 layout/reftests/bidi/496006-1.html
 create mode 100644 layout/reftests/bidi/503269-1-ref.html
 create mode 100644 layout/reftests/bidi/503269-1.html
 create mode 100644 layout/reftests/bidi/503957-1-ref.html
 create mode 100644 layout/reftests/bidi/503957-1.html
 create mode 100644 layout/reftests/bidi/525740-1-ref.html
 create mode 100644 layout/reftests/bidi/525740-1.html
 create mode 100644 layout/reftests/bidi/536963-1-ref.html
 create mode 100644 layout/reftests/bidi/536963-1.html
 create mode 100644 layout/reftests/bidi/562169-1-ref.html
 create mode 100644 layout/reftests/bidi/562169-1.html
 create mode 100644 layout/reftests/bidi/562169-1a.html
 create mode 100644 layout/reftests/bidi/562169-2-ref.html
 create mode 100644 layout/reftests/bidi/562169-2.html
 create mode 100644 layout/reftests/bidi/562169-2a.html
 create mode 100644 layout/reftests/bidi/562169-3-ref.html
 create mode 100644 layout/reftests/bidi/562169-3.html
 create mode 100644 layout/reftests/bidi/562169-3a.html
 create mode 100644 layout/reftests/bidi/562169-4-ref.html
 create mode 100644 layout/reftests/bidi/562169-4.html
 create mode 100644 layout/reftests/bidi/588739-1.html
 create mode 100644 layout/reftests/bidi/588739-2.html
 create mode 100644 layout/reftests/bidi/588739-3.html
 create mode 100644 layout/reftests/bidi/588739-ref.html
 create mode 100644 layout/reftests/bidi/612843-1-ref.html
 create mode 100644 layout/reftests/bidi/612843-1.html
 create mode 100644 layout/reftests/bidi/613149-1-ref.html
 create mode 100644 layout/reftests/bidi/613149-1a.html
 create mode 100644 layout/reftests/bidi/613149-1b.html
 create mode 100644 layout/reftests/bidi/613149-2-ref.html
 create mode 100644 layout/reftests/bidi/613149-2a.html
 create mode 100644 layout/reftests/bidi/613149-2b.html
 create mode 100644 layout/reftests/bidi/613157-1-ref.html
 create mode 100644 layout/reftests/bidi/613157-1.html
 create mode 100644 layout/reftests/bidi/613157-2-ref.html
 create mode 100644 layout/reftests/bidi/613157-2.html
 create mode 100644 layout/reftests/bidi/662288-1-ref.html
 create mode 100644 layout/reftests/bidi/662288-1.html
 create mode 100644 layout/reftests/bidi/670226-1-ref.html
 create mode 100644 layout/reftests/bidi/670226-1.html
 create mode 100644 layout/reftests/bidi/676245-1-ref.html
 create mode 100644 layout/reftests/bidi/676245-1.html
 create mode 100644 layout/reftests/bidi/698291-1-frame.html
 create mode 100644 layout/reftests/bidi/698291-1-ref.html
 create mode 100644 layout/reftests/bidi/698291-1.html
 create mode 100644 layout/reftests/bidi/698706-1-ref.html
 create mode 100644 layout/reftests/bidi/698706-1.html
 create mode 100644 layout/reftests/bidi/704837-1-ref.html
 create mode 100644 layout/reftests/bidi/704837-1.html
 create mode 100644 layout/reftests/bidi/712600-1-ref.html
 create mode 100644 layout/reftests/bidi/712600-1.html
 create mode 100644 layout/reftests/bidi/712600-2-dyn.html
 create mode 100644 layout/reftests/bidi/712600-2-ref.html
 create mode 100644 layout/reftests/bidi/712600-2.html
 create mode 100644 layout/reftests/bidi/712600-3-ref.html
 create mode 100644 layout/reftests/bidi/712600-3.html
 create mode 100644 layout/reftests/bidi/718236-1-ref.html
 create mode 100644 layout/reftests/bidi/718236-1.html
 create mode 100644 layout/reftests/bidi/718236-2-ref.html
 create mode 100644 layout/reftests/bidi/718236-2.html
 create mode 100644 layout/reftests/bidi/718236-3-ref.html
 create mode 100644 layout/reftests/bidi/718236-3.html
 create mode 100644 layout/reftests/bidi/726460-1-ref.html
 create mode 100644 layout/reftests/bidi/726460-1.html
 create mode 100644 layout/reftests/bidi/729047-1-ref.html
 create mode 100644 layout/reftests/bidi/729047-1.html
 create mode 100644 layout/reftests/bidi/730562-1-ref.html
 create mode 100644 layout/reftests/bidi/730562-1.html
 create mode 100644 layout/reftests/bidi/746987-1-ref.html
 create mode 100644 layout/reftests/bidi/746987-1.html
 create mode 100644 layout/reftests/bidi/746987-2-ref.html
 create mode 100644 layout/reftests/bidi/746987-2.html
 create mode 100644 layout/reftests/bidi/746987-3-ref.html
 create mode 100644 layout/reftests/bidi/746987-3.html
 create mode 100644 layout/reftests/bidi/746987-4-ref.html
 create mode 100644 layout/reftests/bidi/746987-4.html
 create mode 100644 layout/reftests/bidi/779003-1-dynamic.html
 create mode 100644 layout/reftests/bidi/779003-1-ref.html
 create mode 100644 layout/reftests/bidi/779003-1.html
 create mode 100644 layout/reftests/bidi/817406-1-ref.html
 create mode 100644 layout/reftests/bidi/817406-1.html
 create mode 100644 layout/reftests/bidi/817406-2-ref.html
 create mode 100644 layout/reftests/bidi/817406-2.html
 create mode 100644 layout/reftests/bidi/817406-3.html
 create mode 100644 layout/reftests/bidi/817406-4.html
 create mode 100644 layout/reftests/bidi/83958-1-ref.html
 create mode 100644 layout/reftests/bidi/83958-1a.html
 create mode 100644 layout/reftests/bidi/83958-1b.html
 create mode 100644 layout/reftests/bidi/83958-1c.html
 create mode 100644 layout/reftests/bidi/83958-2-ref.html
 create mode 100644 layout/reftests/bidi/83958-2a.html
 create mode 100644 layout/reftests/bidi/83958-2b.html
 create mode 100644 layout/reftests/bidi/847242-1-ref.html
 create mode 100644 layout/reftests/bidi/847242-1.html
 create mode 100644 layout/reftests/bidi/869833-1-ref.xhtml
 create mode 100644 layout/reftests/bidi/869833-1.xhtml
 create mode 100644 layout/reftests/bidi/922530-1-ref.html
 create mode 100644 layout/reftests/bidi/922530-1.html
 create mode 100644 layout/reftests/bidi/922550-1-ref.html
 create mode 100644 layout/reftests/bidi/922550-1.html
 create mode 100644 layout/reftests/bidi/989994-1-ref.html
 create mode 100644 layout/reftests/bidi/989994-1.html
 create mode 100644 layout/reftests/bidi/bdi-element-ref.html
 create mode 100644 layout/reftests/bidi/bdi-element.html
 create mode 100644 layout/reftests/bidi/bidi-000-ref.html
 create mode 100644 layout/reftests/bidi/bidi-000.html
 create mode 100644 layout/reftests/bidi/bidi-001-j.html
 create mode 100644 layout/reftests/bidi/bidi-001-ref.html
 create mode 100644 layout/reftests/bidi/bidi-001-v.html
 create mode 100644 layout/reftests/bidi/bidi-001.html
 create mode 100644 layout/reftests/bidi/bidi-002-ref.html
 create mode 100644 layout/reftests/bidi/bidi-002.html
 create mode 100644 layout/reftests/bidi/bidi-003-ref.html
 create mode 100644 layout/reftests/bidi/bidi-003.html
 create mode 100644 layout/reftests/bidi/bidi-004-j.html
 create mode 100644 layout/reftests/bidi/bidi-004-ref.html
 create mode 100644 layout/reftests/bidi/bidi-004.html
 create mode 100644 layout/reftests/bidi/bidi-005-ref.html
 create mode 100644 layout/reftests/bidi/bidi-005.html
 create mode 100644 layout/reftests/bidi/bidi-006-j.html
 create mode 100644 layout/reftests/bidi/bidi-006-ref.html
 create mode 100644 layout/reftests/bidi/bidi-006.html
 create mode 100644 layout/reftests/bidi/bidiMirroring-ref.svg
 create mode 100644 layout/reftests/bidi/bidiMirroring.js
 create mode 100644 layout/reftests/bidi/bidiMirroring.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-01-ref.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-01.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-02-ref.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-02.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-03-ref.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-03.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-04-ref.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-04.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-05-ref.svg
 create mode 100644 layout/reftests/bidi/bidiSVG-05.svg
 create mode 100644 layout/reftests/bidi/brackets-1a-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-1a-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-1a-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-1a-rtl.html
 create mode 100644 layout/reftests/bidi/brackets-1b-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-1b-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-1b-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-1b-rtl.html
 create mode 100644 layout/reftests/bidi/brackets-1c-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-1c-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-1c-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-1c-rtl.html
 create mode 100644 layout/reftests/bidi/brackets-2a-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-2a-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-2a-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-2a-rtl.html
 create mode 100644 layout/reftests/bidi/brackets-2b-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-2b-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-2b-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-2b-rtl.html
 create mode 100644 layout/reftests/bidi/brackets-2c-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-2c-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-2c-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-2c-rtl.html
 create mode 100644 layout/reftests/bidi/brackets-3a-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-3a-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-3a-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-3a-rtl.html
 create mode 100644 layout/reftests/bidi/brackets-3b-ltr-ref.html
 create mode 100644 layout/reftests/bidi/brackets-3b-ltr.html
 create mode 100644 layout/reftests/bidi/brackets-3b-rtl-ref.html
 create mode 100644 layout/reftests/bidi/brackets-3b-rtl.html
 create mode 100644 layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html
 create mode 100644 layout/reftests/bidi/clone-intrinsic-size-bidi.html
 create mode 100644 layout/reftests/bidi/dirAuto/1103348-1-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/1103348-1.html
 create mode 100644 layout/reftests/bidi/dirAuto/1169267-delete-add-1-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/1169267-delete-add-1a.html
 create mode 100644 layout/reftests/bidi/dirAuto/1169267-delete-add-1b.html
 create mode 100644 layout/reftests/bidi/dirAuto/1169267-delete-add-2-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/1169267-delete-add-2a.html
 create mode 100644 layout/reftests/bidi/dirAuto/1169267-delete-add-2b.html
 create mode 100644 layout/reftests/bidi/dirAuto/839886-1-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/839886-1.html
 create mode 100644 layout/reftests/bidi/dirAuto/859093-1-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/859093-1.html
 create mode 100644 layout/reftests/bidi/dirAuto/889742-1-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/889742-1.html
 create mode 100644 layout/reftests/bidi/dirAuto/bdi-auto-dir-default-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/bdi-auto-dir-default.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-contained-dir-L-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-contained-dir-R-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-L.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-R.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-L.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-R.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R-ref.html
 create mode 100644 layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR10.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR9.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL10.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL9.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-addLTR-Auto.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-addRTL-Auto.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-LTR.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-RTL.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-LTR.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-NoDir.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-RTL.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir8.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL1.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL2.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL3.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL4.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL5.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL6.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL7.html
 create mode 100644 layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL8.html
 create mode 100644 layout/reftests/bidi/dirAuto/reftest.list
 create mode 100644 layout/reftests/bidi/dirAuto/setDir.js
 create mode 100644 layout/reftests/bidi/logicalmarquee.html
 create mode 100644 layout/reftests/bidi/marquee-ref.html
 create mode 100644 layout/reftests/bidi/mirroring-01-ref.html
 create mode 100644 layout/reftests/bidi/mirroring-01.html
 create mode 100644 layout/reftests/bidi/mirroring-02-ref.html
 create mode 100644 layout/reftests/bidi/mirroring-02.html
 create mode 100644 layout/reftests/bidi/mirroring-03-ref.html
 create mode 100644 layout/reftests/bidi/mirroring-03.html
 create mode 100644 layout/reftests/bidi/mixedChartype-00-j.html
 create mode 100644 layout/reftests/bidi/mixedChartype-00-ref.html
 create mode 100644 layout/reftests/bidi/mixedChartype-00.html
 create mode 100644 layout/reftests/bidi/mixedChartype-01-j.html
 create mode 100644 layout/reftests/bidi/mixedChartype-01-ref.html
 create mode 100644 layout/reftests/bidi/mixedChartype-01.html
 create mode 100644 layout/reftests/bidi/mixedChartype-02-j.html
 create mode 100644 layout/reftests/bidi/mixedChartype-02-ref.html
 create mode 100644 layout/reftests/bidi/mixedChartype-02.html
 create mode 100644 layout/reftests/bidi/mixedChartype-03-j.html
 create mode 100644 layout/reftests/bidi/mixedChartype-03-ref.html
 create mode 100644 layout/reftests/bidi/mixedChartype-03.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-1-ref.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-1.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-2-ref.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-2.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-3-ref.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-3.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-4-ref.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-4.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-5-ref.html
 create mode 100644 layout/reftests/bidi/numeral/arabic-5.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-1-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-1.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-2-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-2.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-3-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-3.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-4-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-4.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-5-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug441782-5.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-1-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-1.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-2-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-2.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-3-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-3.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-4-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-4.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-5-ref.html
 create mode 100644 layout/reftests/bidi/numeral/bug467672-5.html
 create mode 100644 layout/reftests/bidi/numeral/persian-1-ref.html
 create mode 100644 layout/reftests/bidi/numeral/persian-1.html
 create mode 100644 layout/reftests/bidi/numeral/persian-2-ref.html
 create mode 100644 layout/reftests/bidi/numeral/persian-2.html
 create mode 100644 layout/reftests/bidi/numeral/persian-3-ref.html
 create mode 100644 layout/reftests/bidi/numeral/persian-3.html
 create mode 100644 layout/reftests/bidi/numeral/persian-4-ref.html
 create mode 100644 layout/reftests/bidi/numeral/persian-4.html
 create mode 100644 layout/reftests/bidi/numeral/persian-5-ref.html
 create mode 100644 layout/reftests/bidi/numeral/persian-5.html
 create mode 100644 layout/reftests/bidi/numeral/reftest.list
 create mode 100644 layout/reftests/bidi/reftest.list
 create mode 100644 layout/reftests/bidi/slice-intrinsic-size-bidi-ref.html
 create mode 100644 layout/reftests/bidi/slice-intrinsic-size-bidi.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-anonymous-001-ref.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-anonymous-001.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-anonymous-002-ref.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-anonymous-002.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-isolate-aharon-ref.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-isolate-aharon.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-isolate-basic-ref.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-isolate-basic.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-isolate-basic.js
 create mode 100644 layout/reftests/bidi/unicode-bidi-plaintext-ref.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-plaintext-textarea-1.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-plaintext-textarea-2.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-plaintext-textarea-3.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-plaintext-textarea-4.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-plaintext-textarea-ref.html
 create mode 100644 layout/reftests/bidi/unicode-bidi-plaintext.html
 create mode 100644 layout/reftests/bidi/visualmarquee.html
 create mode 100644 layout/reftests/bidi/with-first-letter-1-ref.html
 create mode 100644 layout/reftests/bidi/with-first-letter-1a.html
 create mode 100644 layout/reftests/bidi/with-first-letter-1b.html
 create mode 100644 layout/reftests/bidi/with-first-letter-2-ref.html
 create mode 100644 layout/reftests/bidi/with-first-letter-2a.html
 create mode 100644 layout/reftests/bidi/with-first-letter-2b.html
 create mode 100644 layout/reftests/border-dotted/1752624-ref.html
 create mode 100644 layout/reftests/border-dotted/1752624.html
 create mode 100644 layout/reftests/border-dotted/1761756-ref.html
 create mode 100644 layout/reftests/border-dotted/1761756.html
 create mode 100644 layout/reftests/border-dotted/border-dashed-no-radius-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-no-radius-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-no-radius.html
 create mode 100644 layout/reftests/border-dotted/border-dashed-non-integer.html
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius-non-integer-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius-non-integer-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius-zoom-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius-zoom-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius-zoom.html
 create mode 100644 layout/reftests/border-dotted/border-dashed-radius.html
 create mode 100644 layout/reftests/border-dotted/border-dotted-interaction-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-interaction-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-interaction.html
 create mode 100644 layout/reftests/border-dotted/border-dotted-no-radius-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-no-radius-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-no-radius.html
 create mode 100644 layout/reftests/border-dotted/border-dotted-radius-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-radius-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-radius-zero-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-radius-zero-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-dotted-radius-zero.html
 create mode 100644 layout/reftests/border-dotted/border-dotted-radius.html
 create mode 100644 layout/reftests/border-dotted/border-mixed-filled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-mixed-unfilled-mask.png
 create mode 100644 layout/reftests/border-dotted/border-mixed.html
 create mode 100644 layout/reftests/border-dotted/masked-small.html
 create mode 100644 layout/reftests/border-dotted/masked-zoom.html
 create mode 100644 layout/reftests/border-dotted/masked.html
 create mode 100644 layout/reftests/border-dotted/reftest.list
 create mode 100644 layout/reftests/border-image/10x5multicolor.png
 create mode 100644 layout/reftests/border-image/3x3green-1DD813.png
 create mode 100644 layout/reftests/border-image/3x3multicolor.png
 create mode 100644 layout/reftests/border-image/3x3transparent.png
 create mode 100644 layout/reftests/border-image/470250-1-ref.html
 create mode 100644 layout/reftests/border-image/470250-1.html
 create mode 100644 layout/reftests/border-image/470250-2-ref.html
 create mode 100644 layout/reftests/border-image/470250-2.html
 create mode 100644 layout/reftests/border-image/4x4multicolor.png
 create mode 100644 layout/reftests/border-image/border-image-element-ref.html
 create mode 100644 layout/reftests/border-image/border-image-element.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-outset-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-outset.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-round-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-round-1.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-round-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-round-2.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-round-3-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-repeat-round-3.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-1.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-2.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-fill-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-fill-1.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-fill-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-fill-2.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-width-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-slice-width.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-width-ref.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient-width.html
 create mode 100644 layout/reftests/border-image/border-image-linear-gradient.html
 create mode 100644 layout/reftests/border-image/border-image-nofill-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-nofill-1.html
 create mode 100644 layout/reftests/border-image/border-image-outset-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-outset-1a.html
 create mode 100644 layout/reftests/border-image/border-image-outset-1b.html
 create mode 100644 layout/reftests/border-image/border-image-outset-1c.html
 create mode 100644 layout/reftests/border-image/border-image-outset-move-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-outset-move-1.html
 create mode 100644 layout/reftests/border-image/border-image-outset-resize-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-outset-resize-1.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-ref.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-1.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-2.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-fill-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-fill-1.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-fill-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-fill-2.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-width-ref.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-slice-width.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-width-ref.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient-width.html
 create mode 100644 layout/reftests/border-image/border-image-radial-gradient.html
 create mode 100644 layout/reftests/border-image/border-image-repeat-space-8z-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeat-space-8z.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-linear-gradient-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-linear-gradient.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-width-ref.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient-width.html
 create mode 100644 layout/reftests/border-image/border-image-repeating-radial-gradient.html
 create mode 100644 layout/reftests/border-image/border-image-style-none-auto-ref.html
 create mode 100644 layout/reftests/border-image/border-image-style-none-auto.html
 create mode 100644 layout/reftests/border-image/border-image-style-none-length-ref.html
 create mode 100644 layout/reftests/border-image/border-image-style-none-length.html
 create mode 100644 layout/reftests/border-image/border-image-style-none-ref.html
 create mode 100644 layout/reftests/border-image/border-image-style-none.html
 create mode 100644 layout/reftests/border-image/border-image-width-1-ref.html
 create mode 100644 layout/reftests/border-image/border-image-width-1a.html
 create mode 100644 layout/reftests/border-image/border-image-width-1b.html
 create mode 100644 layout/reftests/border-image/border-image-width-1c.html
 create mode 100644 layout/reftests/border-image/border-image-width-large-ref.html
 create mode 100644 layout/reftests/border-image/border-image-width-large.html
 create mode 100644 layout/reftests/border-image/border.png
 create mode 100644 layout/reftests/border-image/center-scaling-1-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-1.html
 create mode 100644 layout/reftests/border-image/center-scaling-2-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-2.html
 create mode 100644 layout/reftests/border-image/center-scaling-3-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-3.html
 create mode 100644 layout/reftests/border-image/center-scaling-4b-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-4b.html
 create mode 100644 layout/reftests/border-image/center-scaling-4l-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-4l.html
 create mode 100644 layout/reftests/border-image/center-scaling-4lr-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-4lr.html
 create mode 100644 layout/reftests/border-image/center-scaling-4r-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-4r.html
 create mode 100644 layout/reftests/border-image/center-scaling-4t-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-4t.html
 create mode 100644 layout/reftests/border-image/center-scaling-4tb-ref.html
 create mode 100644 layout/reftests/border-image/center-scaling-4tb.html
 create mode 100644 layout/reftests/border-image/diamonds.png
 create mode 100644 layout/reftests/border-image/different-h-v-1.html
 create mode 100644 layout/reftests/border-image/different-h-v-2.html
 create mode 100644 layout/reftests/border-image/different-h-v-ref.html
 create mode 100644 layout/reftests/border-image/gen-refs.py
 create mode 100644 layout/reftests/border-image/multicolor-image-1-ref.html
 create mode 100644 layout/reftests/border-image/multicolor-image-1.html
 create mode 100644 layout/reftests/border-image/multicolor-image-2-ref.html
 create mode 100644 layout/reftests/border-image/multicolor-image-2.html
 create mode 100644 layout/reftests/border-image/multicolor-image-3-ref.html
 create mode 100644 layout/reftests/border-image/multicolor-image-3.html
 create mode 100644 layout/reftests/border-image/multicolor-image-4-ref.html
 create mode 100644 layout/reftests/border-image/multicolor-image-4.html
 create mode 100644 layout/reftests/border-image/multicolor-image-5-ref.html
 create mode 100644 layout/reftests/border-image/multicolor-image-5.html
 create mode 100644 layout/reftests/border-image/reftest.list
 create mode 100644 layout/reftests/border-image/repeat-image-1-ref.html
 create mode 100644 layout/reftests/border-image/repeat-image-1.html
 create mode 100644 layout/reftests/border-image/reticule-bl.png
 create mode 100644 layout/reftests/border-image/reticule-bo.png
 create mode 100644 layout/reftests/border-image/reticule-br.png
 create mode 100644 layout/reftests/border-image/reticule-ct.png
 create mode 100644 layout/reftests/border-image/reticule-le.png
 create mode 100644 layout/reftests/border-image/reticule-ri.png
 create mode 100644 layout/reftests/border-image/reticule-tl.png
 create mode 100644 layout/reftests/border-image/reticule-to.png
 create mode 100644 layout/reftests/border-image/reticule-tr.png
 create mode 100644 layout/reftests/border-image/reticule.png
 create mode 100644 layout/reftests/border-image/roundrectbutton.png
 create mode 100644 layout/reftests/border-image/side-scaling-1h-ref.html
 create mode 100644 layout/reftests/border-image/side-scaling-1h.html
 create mode 100644 layout/reftests/border-image/side-scaling-1v-ref.html
 create mode 100644 layout/reftests/border-image/side-scaling-1v.html
 create mode 100644 layout/reftests/border-image/solid-image-1-ref.html
 create mode 100644 layout/reftests/border-image/solid-image-1.html
 create mode 100644 layout/reftests/border-image/solid-image-1a.html
 create mode 100644 layout/reftests/border-image/solid-image-2-ref.html
 create mode 100644 layout/reftests/border-image/solid-image-2.html
 create mode 100644 layout/reftests/border-image/solid-image-2a.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-1-ref.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-1a.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-1b.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-1c.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-2-ref.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-2.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-3-ref.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-3.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-4-ref.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-4a.html
 create mode 100644 layout/reftests/border-image/svg-as-border-image-4b.html
 create mode 100644 layout/reftests/border-image/transparent-image-1-ref.html
 create mode 100644 layout/reftests/border-image/transparent-image-1.html
 create mode 100644 layout/reftests/border-radius/border-circle-2-ref.xhtml
 create mode 100644 layout/reftests/border-radius/border-circle-2.html
 create mode 100644 layout/reftests/border-radius/border-circle.html
 create mode 100644 layout/reftests/border-radius/border-ellips.html
 create mode 100644 layout/reftests/border-radius/border-reduce-height-ref.html
 create mode 100644 layout/reftests/border-radius/border-reduce-height.html
 create mode 100644 layout/reftests/border-radius/border-square.html
 create mode 100644 layout/reftests/border-radius/border-value-interpret-ref.html
 create mode 100644 layout/reftests/border-radius/border-value-interpret.html
 create mode 100644 layout/reftests/border-radius/clipping-1-ref.html
 create mode 100644 layout/reftests/border-radius/clipping-1.html
 create mode 100644 layout/reftests/border-radius/clipping-2.html
 create mode 100644 layout/reftests/border-radius/clipping-3-ref.xhtml
 create mode 100644 layout/reftests/border-radius/clipping-3.html
 create mode 100644 layout/reftests/border-radius/clipping-4-canvas.html
 create mode 100644 layout/reftests/border-radius/clipping-4-image.html
 create mode 100644 layout/reftests/border-radius/clipping-4-notref.html
 create mode 100644 layout/reftests/border-radius/clipping-4-overflow-hidden.html
 create mode 100644 layout/reftests/border-radius/clipping-4-ref.html
 create mode 100644 layout/reftests/border-radius/clipping-5-canvas.html
 create mode 100644 layout/reftests/border-radius/clipping-5-image.html
 create mode 100644 layout/reftests/border-radius/clipping-5-overflow-hidden.html
 create mode 100644 layout/reftests/border-radius/clipping-5-ref.html
 create mode 100644 layout/reftests/border-radius/clipping-5-refc.html
 create mode 100644 layout/reftests/border-radius/clipping-5-refi.html
 create mode 100644 layout/reftests/border-radius/clipping-6-ref.html
 create mode 100644 layout/reftests/border-radius/clipping-6.html
 create mode 100644 layout/reftests/border-radius/clipping-7-ref.html
 create mode 100644 layout/reftests/border-radius/clipping-7.html
 create mode 100644 layout/reftests/border-radius/clipping-and-zindex-1-ref.html
 create mode 100644 layout/reftests/border-radius/clipping-and-zindex-1.html
 create mode 100644 layout/reftests/border-radius/clipping-preserve-3d-ref.html
 create mode 100644 layout/reftests/border-radius/clipping-preserve-3d.html
 create mode 100644 layout/reftests/border-radius/color-layer-1-ref.html
 create mode 100644 layout/reftests/border-radius/color-layer-1a.html
 create mode 100644 layout/reftests/border-radius/corner-1-ref.svg
 create mode 100644 layout/reftests/border-radius/corner-1.html
 create mode 100644 layout/reftests/border-radius/corner-2-ref.svg
 create mode 100644 layout/reftests/border-radius/corner-2.html
 create mode 100644 layout/reftests/border-radius/corner-3-ref.svg
 create mode 100644 layout/reftests/border-radius/corner-3.html
 create mode 100644 layout/reftests/border-radius/corner-4-ref.svg
 create mode 100644 layout/reftests/border-radius/corner-4.html
 create mode 100644 layout/reftests/border-radius/corner-joins-1-ref.xhtml
 create mode 100644 layout/reftests/border-radius/corner-joins-1.xhtml
 create mode 100644 layout/reftests/border-radius/corner-joins-2-ref.xhtml
 create mode 100644 layout/reftests/border-radius/corner-joins-2.xhtml
 create mode 100644 layout/reftests/border-radius/corner-split-ref.svg
 create mode 100644 layout/reftests/border-radius/corner-split.html
 create mode 100644 layout/reftests/border-radius/curved-border-background-nogap-ref.html
 create mode 100644 layout/reftests/border-radius/curved-border-background-nogap.html
 create mode 100644 layout/reftests/border-radius/curved-borders-all-styles.html
 create mode 100644 layout/reftests/border-radius/curved-stripe-border-ref.svg
 create mode 100644 layout/reftests/border-radius/curved-stripe-border.html
 create mode 100644 layout/reftests/border-radius/iframe-1-ref.html
 create mode 100644 layout/reftests/border-radius/iframe-1.html
 create mode 100644 layout/reftests/border-radius/inherit-1-ref.html
 create mode 100644 layout/reftests/border-radius/inherit-1.html
 create mode 100644 layout/reftests/border-radius/intersecting-clipping-1-canvas.html
 create mode 100644 layout/reftests/border-radius/intersecting-clipping-1-image.html
 create mode 100644 layout/reftests/border-radius/intersecting-clipping-1-overflow-hidden.html
 create mode 100644 layout/reftests/border-radius/intersecting-clipping-1-ref.html
 create mode 100644 layout/reftests/border-radius/intersecting-clipping-1-refc.html
 create mode 100644 layout/reftests/border-radius/intersecting-clipping-1-refi.html
 create mode 100644 layout/reftests/border-radius/invalidate-1-ref.html
 create mode 100644 layout/reftests/border-radius/invalidate-1a.html
 create mode 100644 layout/reftests/border-radius/invalidate-1b.html
 create mode 100644 layout/reftests/border-radius/outline-circle.html
 create mode 100644 layout/reftests/border-radius/outline-ellips.html
 create mode 100644 layout/reftests/border-radius/outline-square.html
 create mode 100644 layout/reftests/border-radius/percent-1-ref.html
 create mode 100644 layout/reftests/border-radius/percent-1.html
 create mode 100644 layout/reftests/border-radius/percent-2-ref.html
 create mode 100644 layout/reftests/border-radius/percent-2.html
 create mode 100644 layout/reftests/border-radius/percent-3-ref.html
 create mode 100644 layout/reftests/border-radius/percent-3.html
 create mode 100644 layout/reftests/border-radius/reftest.list
 create mode 100644 layout/reftests/border-radius/scroll-1-ref.html
 create mode 100644 layout/reftests/border-radius/scroll-1.html
 create mode 100644 layout/reftests/border-radius/scrollbar-clamping-1-ref.html
 create mode 100644 layout/reftests/border-radius/scrollbar-clamping-1.html
 create mode 100644 layout/reftests/border-radius/scrollbar-clamping-2-ref.html
 create mode 100644 layout/reftests/border-radius/scrollbar-clamping-2.html
 create mode 100644 layout/reftests/border-radius/table-collapse-1-ref.html
 create mode 100644 layout/reftests/border-radius/table-collapse-1.html
 create mode 100644 layout/reftests/border-radius/transforms-1-ref.html
 create mode 100644 layout/reftests/border-radius/transforms-1.html
 create mode 100644 layout/reftests/border-radius/zero-radius-clip-1.html
 create mode 100644 layout/reftests/border-radius/zero-radius-clip-ref.html
 create mode 100644 layout/reftests/box-properties/CSS21-t100301-ref.xhtml
 create mode 100644 layout/reftests/box-properties/CSS21-t100301.xhtml
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-in-170px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-in-334px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-in-340px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-in-344px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-in-350px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-in-458px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-outside-170px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-outside-334px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-outside-340px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-outside-344px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-outside-350px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-green-outside-458px.png
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-make-images.html
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-ref.xhtml
 create mode 100644 layout/reftests/box-properties/CSS21-t100303-simple.xhtml
 create mode 100644 layout/reftests/box-properties/CSS21-t100303.xhtml
 create mode 100644 layout/reftests/box-properties/CSS21-t100801-vertical-align-ref.xhtml
 create mode 100644 layout/reftests/box-properties/CSS21-t100801-vertical-align.xhtml
 create mode 100644 layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html
 create mode 100644 layout/reftests/box-properties/abspos-non-replaced-width-offset-margin.html
 create mode 100644 layout/reftests/box-properties/abspos-replaced-width-offset-margin-narrow.png
 create mode 100644 layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html
 create mode 100644 layout/reftests/box-properties/abspos-replaced-width-offset-margin-wide.png
 create mode 100644 layout/reftests/box-properties/abspos-replaced-width-offset-margin.html
 create mode 100644 layout/reftests/box-properties/box-sizing-1-ref.html
 create mode 100644 layout/reftests/box-properties/box-sizing-1.html
 create mode 100644 layout/reftests/box-properties/box-sizing-2-ref.html
 create mode 100644 layout/reftests/box-properties/box-sizing-2.html
 create mode 100644 layout/reftests/box-properties/box-sizing-3.html
 create mode 100644 layout/reftests/box-properties/box-sizing-4-ref.html
 create mode 100644 layout/reftests/box-properties/box-sizing-4.html
 create mode 100644 layout/reftests/box-properties/box-sizing-minmax-height-ref.html
 create mode 100644 layout/reftests/box-properties/box-sizing-minmax-height.html
 create mode 100644 layout/reftests/box-properties/box-sizing-minmax-width-ref.html
 create mode 100644 layout/reftests/box-properties/box-sizing-minmax-width.html
 create mode 100644 layout/reftests/box-properties/box-sizing-mozbox-minmax-height-ref.html
 create mode 100644 layout/reftests/box-properties/box-sizing-mozbox-minmax-height.html
 create mode 100644 layout/reftests/box-properties/clip-auto-ref.html
 create mode 100644 layout/reftests/box-properties/clip-auto.html
 create mode 100644 layout/reftests/box-properties/clip-rect-auto-ref.html
 create mode 100644 layout/reftests/box-properties/clip-rect-auto.html
 create mode 100644 layout/reftests/box-properties/max-height-1-ref.html
 create mode 100644 layout/reftests/box-properties/max-height-1.html
 create mode 100644 layout/reftests/box-properties/max-width-1-ref.html
 create mode 100644 layout/reftests/box-properties/max-width-1.html
 create mode 100644 layout/reftests/box-properties/min-height-1-ref.html
 create mode 100644 layout/reftests/box-properties/min-height-1.html
 create mode 100644 layout/reftests/box-properties/min-width-1-ref.html
 create mode 100644 layout/reftests/box-properties/min-width-1.html
 create mode 100644 layout/reftests/box-properties/minmax-width-special-values-block-intrinsic-ref.html
 create mode 100644 layout/reftests/box-properties/minmax-width-special-values-block-intrinsic.html
 create mode 100644 layout/reftests/box-properties/overflow-clip-box-1-ref.html
 create mode 100644 layout/reftests/box-properties/overflow-clip-box-1.html
 create mode 100644 layout/reftests/box-properties/overflow-clip-box-2-ref.html
 create mode 100644 layout/reftests/box-properties/overflow-clip-box-2.html
 create mode 100644 layout/reftests/box-properties/overflow-clip-box-3-ref.html
 create mode 100644 layout/reftests/box-properties/overflow-clip-box-3.html
 create mode 100644 layout/reftests/box-properties/reftest.list
 create mode 100644 layout/reftests/box-properties/width-rounding-ref.html
 create mode 100644 layout/reftests/box-properties/width-rounding.html
 create mode 100644 layout/reftests/box-properties/width-special-values-block-intrinsic-ref.html
 create mode 100644 layout/reftests/box-properties/width-special-values-block-intrinsic.html
 create mode 100644 layout/reftests/box-properties/width-special-values-block-ref.html
 create mode 100644 layout/reftests/box-properties/width-special-values-block.html
 create mode 100644 layout/reftests/box-properties/width-special-values-cell-auto-ref.html
 create mode 100644 layout/reftests/box-properties/width-special-values-cell-auto.html
 create mode 100644 layout/reftests/box-properties/width-special-values-cell-fixed-ref.html
 create mode 100644 layout/reftests/box-properties/width-special-values-cell-fixed.html
 create mode 100644 layout/reftests/box-properties/width-special-values-float-intrinsic.html
 create mode 100644 layout/reftests/box-properties/width-special-values-float.html
 create mode 100644 layout/reftests/box-properties/width-special-values-image-block-ref.html
 create mode 100644 layout/reftests/box-properties/width-special-values-image-block.html
 create mode 100644 layout/reftests/box-properties/width-special-values-image-ref.html
 create mode 100644 layout/reftests/box-properties/width-special-values-image.html
 create mode 100644 layout/reftests/box-shadow/1178575-2-ref.html
 create mode 100644 layout/reftests/box-shadow/1178575-2.html
 create mode 100644 layout/reftests/box-shadow/1178575-ref.html
 create mode 100644 layout/reftests/box-shadow/1178575.html
 create mode 100644 layout/reftests/box-shadow/1212823-1-ref.html
 create mode 100644 layout/reftests/box-shadow/1212823-1.html
 create mode 100644 layout/reftests/box-shadow/1212823-2-ref.html
 create mode 100644 layout/reftests/box-shadow/1212823-2.html
 create mode 100644 layout/reftests/box-shadow/611574-1-ref.html
 create mode 100644 layout/reftests/box-shadow/611574-1.html
 create mode 100644 layout/reftests/box-shadow/611574-2-ref.html
 create mode 100644 layout/reftests/box-shadow/611574-2.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-basic-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-basic.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-blur-2-notref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-blur-2-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-blur-2.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-blur-notref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-blur-notref2.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-blur.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-border-radius-int-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-border-radius-int.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-button-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-button.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-color-rounding-middle-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-color-rounding-middle.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-color-rounding-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-color-rounding.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-dynamic-ref.xhtml
 create mode 100644 layout/reftests/box-shadow/boxshadow-dynamic.xhtml
 create mode 100644 layout/reftests/box-shadow/boxshadow-fileupload-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-fileupload.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inner-basic-ref.svg
 create mode 100644 layout/reftests/box-shadow/boxshadow-inner-basic.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inset-large-border-radius-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inset-large-border-radius.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inset-large-offset-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inset-large-offset.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inset-neg-spread.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inset-neg-spread2-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-inset-neg-spread2.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-large-border-radius-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-large-border-radius.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-large-offset-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-large-offset.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-mixed-2-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-mixed-2.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-mixed-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-mixed.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-multiple-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-multiple.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-onecorner-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-onecorner.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-opacity-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-opacity.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-rotated-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-rotated.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-rounded-spread-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-rounded-spread.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-rounding-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-rounding.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-skiprect-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-skiprect.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-spread-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-spread.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-threecorners-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-threecorners.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-twocorners-ref.html
 create mode 100644 layout/reftests/box-shadow/boxshadow-twocorners.html
 create mode 100644 layout/reftests/box-shadow/fieldset-inset-ref.html
 create mode 100644 layout/reftests/box-shadow/fieldset-inset.html
 create mode 100644 layout/reftests/box-shadow/fieldset-ref.html
 create mode 100644 layout/reftests/box-shadow/fieldset.html
 create mode 100644 layout/reftests/box-shadow/overflow-not-scrollable-1-ref.html
 create mode 100644 layout/reftests/box-shadow/overflow-not-scrollable-1-ref2.html
 create mode 100644 layout/reftests/box-shadow/overflow-not-scrollable-1.html
 create mode 100644 layout/reftests/box-shadow/overflow-not-scrollable-2-ref.html
 create mode 100644 layout/reftests/box-shadow/overflow-not-scrollable-2.html
 create mode 100644 layout/reftests/box-shadow/reftest.list
 create mode 100644 layout/reftests/box-shadow/tableboxshadow-basic-ref.html
 create mode 100644 layout/reftests/box-shadow/tableboxshadow-basic.html
 create mode 100644 layout/reftests/box-shadow/tableboxshadow-tdshadow-ref.html
 create mode 100644 layout/reftests/box-shadow/tableboxshadow-tdshadow.html
 create mode 100644 layout/reftests/box-shadow/tableboxshadow-trshadow-ref.html
 create mode 100644 layout/reftests/box-shadow/tableboxshadow-trshadow.html
 create mode 100644 layout/reftests/box-sizing/computed-size-reporting-ref.html
 create mode 100644 layout/reftests/box-sizing/computed-size-reporting.html
 create mode 100644 layout/reftests/box-sizing/html-hr-1-ref.html
 create mode 100644 layout/reftests/box-sizing/html-hr-1.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1-ref.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1a.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1b.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1c.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1d.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1e.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1f.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1g.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1h.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1i.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1j.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1k.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1l.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1m.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1n.html
 create mode 100644 layout/reftests/box-sizing/intrinsic-1o.html
 create mode 100644 layout/reftests/box-sizing/lime100x100.png
 create mode 100644 layout/reftests/box-sizing/reftest.list
 create mode 100644 layout/reftests/bugs/1003425-1-ref.html
 create mode 100644 layout/reftests/bugs/1003425-1.html
 create mode 100644 layout/reftests/bugs/1003425-2-ref.html
 create mode 100644 layout/reftests/bugs/1003425-2.html
 create mode 100644 layout/reftests/bugs/10036-1-ref.html
 create mode 100644 layout/reftests/bugs/10036-1.html
 create mode 100644 layout/reftests/bugs/1005405-1-ref.html
 create mode 100644 layout/reftests/bugs/1005405-1.html
 create mode 100644 layout/reftests/bugs/100x80-white-rect-top-right.png
 create mode 100644 layout/reftests/bugs/1012640-1-ref.html
 create mode 100644 layout/reftests/bugs/1012640-1.html
 create mode 100644 layout/reftests/bugs/1013054-1-ref.html
 create mode 100644 layout/reftests/bugs/1013054-1.html
 create mode 100644 layout/reftests/bugs/1018522-1-ref.html
 create mode 100644 layout/reftests/bugs/1018522-1.html
 create mode 100644 layout/reftests/bugs/10209-1.html
 create mode 100644 layout/reftests/bugs/10209-2.html
 create mode 100644 layout/reftests/bugs/10209-3-ref.html
 create mode 100644 layout/reftests/bugs/10209-3.html
 create mode 100644 layout/reftests/bugs/10209-ref.html
 create mode 100644 layout/reftests/bugs/1021564-1.html
 create mode 100644 layout/reftests/bugs/1021564-2.html
 create mode 100644 layout/reftests/bugs/1021564-3.html
 create mode 100644 layout/reftests/bugs/1021564-4.html
 create mode 100644 layout/reftests/bugs/1021564-ref.html
 create mode 100644 layout/reftests/bugs/1022481-1-ref.html
 create mode 100644 layout/reftests/bugs/1022481-1.html
 create mode 100644 layout/reftests/bugs/1022612-1-ref.html
 create mode 100644 layout/reftests/bugs/1022612-1.html
 create mode 100644 layout/reftests/bugs/1024473-1-ref.html
 create mode 100644 layout/reftests/bugs/1024473-1.html
 create mode 100644 layout/reftests/bugs/1025914-1-ref.html
 create mode 100644 layout/reftests/bugs/1025914-1.html
 create mode 100644 layout/reftests/bugs/1035091-2.html
 create mode 100644 layout/reftests/bugs/1035091-ref.html
 create mode 100644 layout/reftests/bugs/1042104-1-ref.html
 create mode 100644 layout/reftests/bugs/1042104-1.html
 create mode 100644 layout/reftests/bugs/1043537-1-ref.html
 create mode 100644 layout/reftests/bugs/1043537-1.html
 create mode 100644 layout/reftests/bugs/1044198-1-ref.html
 create mode 100644 layout/reftests/bugs/1044198-1.html
 create mode 100644 layout/reftests/bugs/1049499-1-ref.html
 create mode 100644 layout/reftests/bugs/1049499-1.html
 create mode 100644 layout/reftests/bugs/105-1-ref.html
 create mode 100644 layout/reftests/bugs/105-1.html
 create mode 100644 layout/reftests/bugs/105030-1-ref.html
 create mode 100644 layout/reftests/bugs/105030-1.html
 create mode 100644 layout/reftests/bugs/1050493-1-ref.html
 create mode 100644 layout/reftests/bugs/1050493-1.html
 create mode 100644 layout/reftests/bugs/1050788-1.html
 create mode 100644 layout/reftests/bugs/1053035-1-flex.html
 create mode 100644 layout/reftests/bugs/1053035-1-grid.html
 create mode 100644 layout/reftests/bugs/1053035-1-ref.html
 create mode 100644 layout/reftests/bugs/1059167-1-ref.html
 create mode 100644 layout/reftests/bugs/1059167-1.html
 create mode 100644 layout/reftests/bugs/1059498-1-ref.html
 create mode 100644 layout/reftests/bugs/1059498-1.html
 create mode 100644 layout/reftests/bugs/1059498-2.html
 create mode 100644 layout/reftests/bugs/1059498-3.html
 create mode 100644 layout/reftests/bugs/1062108-1-ref.html
 create mode 100644 layout/reftests/bugs/1062108-1.html
 create mode 100644 layout/reftests/bugs/1062792-1-ref.html
 create mode 100644 layout/reftests/bugs/1062792-1.html
 create mode 100644 layout/reftests/bugs/1066554-1-ref.html
 create mode 100644 layout/reftests/bugs/1066554-1.html
 create mode 100644 layout/reftests/bugs/1069716-1-ref.html
 create mode 100644 layout/reftests/bugs/1069716-1.html
 create mode 100644 layout/reftests/bugs/1078262-1.html
 create mode 100644 layout/reftests/bugs/1081072-1-ref.html
 create mode 100644 layout/reftests/bugs/1081072-1.html
 create mode 100644 layout/reftests/bugs/1081185-1-ref.html
 create mode 100644 layout/reftests/bugs/1081185-1.html
 create mode 100644 layout/reftests/bugs/109735-1-ref.html
 create mode 100644 layout/reftests/bugs/109735-1.html
 create mode 100644 layout/reftests/bugs/1097437-1-ref.html
 create mode 100644 layout/reftests/bugs/1097437-1.html
 create mode 100644 layout/reftests/bugs/1098266-1-ref.html
 create mode 100644 layout/reftests/bugs/1098266-1.html
 create mode 100644 layout/reftests/bugs/1103258-1-ref.html
 create mode 100644 layout/reftests/bugs/1103258-1.html
 create mode 100644 layout/reftests/bugs/1105137-1-ref.html
 create mode 100644 layout/reftests/bugs/1105137-1.html
 create mode 100644 layout/reftests/bugs/1111753-1.html
 create mode 100644 layout/reftests/bugs/1114526-1-ref.html
 create mode 100644 layout/reftests/bugs/1114526-1.gif
 create mode 100644 layout/reftests/bugs/1114526-1.html
 create mode 100644 layout/reftests/bugs/1116480-1-fakeitalic-overflow-ref.html
 create mode 100644 layout/reftests/bugs/1116480-1-fakeitalic-overflow.html
 create mode 100644 layout/reftests/bugs/1119117-1-ref.html
 create mode 100644 layout/reftests/bugs/1119117-1a.html
 create mode 100644 layout/reftests/bugs/1119117-1b.html
 create mode 100644 layout/reftests/bugs/1120431-1-ref.html
 create mode 100644 layout/reftests/bugs/1120431-1.html
 create mode 100644 layout/reftests/bugs/1120431-2-ref.html
 create mode 100644 layout/reftests/bugs/1120431-2.html
 create mode 100644 layout/reftests/bugs/1121748-1-ref.html
 create mode 100644 layout/reftests/bugs/1121748-1.html
 create mode 100644 layout/reftests/bugs/1121748-2-ref.html
 create mode 100644 layout/reftests/bugs/1121748-2.html
 create mode 100644 layout/reftests/bugs/1127107-1-ref.html
 create mode 100644 layout/reftests/bugs/1127107-1a-nowrap.html
 create mode 100644 layout/reftests/bugs/1127107-1b-pre.html
 create mode 100644 layout/reftests/bugs/1127107-2-capitalize-ref.html
 create mode 100644 layout/reftests/bugs/1127107-2-capitalize.html
 create mode 100644 layout/reftests/bugs/1127679-1a-inline-flex-relpos.html
 create mode 100644 layout/reftests/bugs/1127679-1b-inline-flex-relpos.html
 create mode 100644 layout/reftests/bugs/1128354-1-ref.html
 create mode 100644 layout/reftests/bugs/1128354-1.html
 create mode 100644 layout/reftests/bugs/1130231-1-button-padding-rtl-ref.html
 create mode 100644 layout/reftests/bugs/1130231-1-button-padding-rtl.html
 create mode 100644 layout/reftests/bugs/1130231-2-button-padding-rtl-ref.html
 create mode 100644 layout/reftests/bugs/1130231-2-button-padding-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-1-h-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-1-h.html
 create mode 100644 layout/reftests/bugs/1133905-1-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-1-v-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-1-v.html
 create mode 100644 layout/reftests/bugs/1133905-1-vh-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-1-vh.html
 create mode 100644 layout/reftests/bugs/1133905-1.html
 create mode 100644 layout/reftests/bugs/1133905-2-h-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-2-h.html
 create mode 100644 layout/reftests/bugs/1133905-2-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-2-v-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-2-v.html
 create mode 100644 layout/reftests/bugs/1133905-2-vh-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-2-vh.html
 create mode 100644 layout/reftests/bugs/1133905-2.html
 create mode 100644 layout/reftests/bugs/1133905-3-h-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-3-h.html
 create mode 100644 layout/reftests/bugs/1133905-3-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-3-v-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-3-v.html
 create mode 100644 layout/reftests/bugs/1133905-3-vh-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-3-vh.html
 create mode 100644 layout/reftests/bugs/1133905-3.html
 create mode 100644 layout/reftests/bugs/1133905-4-h-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-4-h.html
 create mode 100644 layout/reftests/bugs/1133905-4-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-4-v-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-4-v.html
 create mode 100644 layout/reftests/bugs/1133905-4-vh-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-4-vh.html
 create mode 100644 layout/reftests/bugs/1133905-4.html
 create mode 100644 layout/reftests/bugs/1133905-5-h-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-5-h.html
 create mode 100644 layout/reftests/bugs/1133905-5-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-5-v-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-5-v.html
 create mode 100644 layout/reftests/bugs/1133905-5-vh-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-5-vh.html
 create mode 100644 layout/reftests/bugs/1133905-5.html
 create mode 100644 layout/reftests/bugs/1133905-6-h-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-6-h.html
 create mode 100644 layout/reftests/bugs/1133905-6-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-6-v-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-6-v.html
 create mode 100644 layout/reftests/bugs/1133905-6-vh-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-6-vh.html
 create mode 100644 layout/reftests/bugs/1133905-6.html
 create mode 100644 layout/reftests/bugs/1133905-ref-h-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-ref-h.html
 create mode 100644 layout/reftests/bugs/1133905-ref-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-ref-v-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-ref-v.html
 create mode 100644 layout/reftests/bugs/1133905-ref-vh-rtl.html
 create mode 100644 layout/reftests/bugs/1133905-ref-vh.html
 create mode 100644 layout/reftests/bugs/1133905-ref.html
 create mode 100644 layout/reftests/bugs/1149304-1-transform-change-ref.html
 create mode 100644 layout/reftests/bugs/1149304-1-transform-change.html
 create mode 100644 layout/reftests/bugs/1151145-1-ref.html
 create mode 100644 layout/reftests/bugs/1151145-1.html
 create mode 100644 layout/reftests/bugs/1151306-1-ref.html
 create mode 100644 layout/reftests/bugs/1151306-1.html
 create mode 100644 layout/reftests/bugs/1153845-1-ref.html
 create mode 100644 layout/reftests/bugs/1153845-1.html
 create mode 100644 layout/reftests/bugs/1155828-1-ref.html
 create mode 100644 layout/reftests/bugs/1155828-1.html
 create mode 100644 layout/reftests/bugs/1156129-1-ref.html
 create mode 100644 layout/reftests/bugs/1156129-1.html
 create mode 100644 layout/reftests/bugs/1157127-1-ref.html
 create mode 100644 layout/reftests/bugs/1157127-1.html
 create mode 100644 layout/reftests/bugs/1157127-subframe.xml
 create mode 100644 layout/reftests/bugs/116882-1-ref.html
 create mode 100644 layout/reftests/bugs/116882-1.html
 create mode 100644 layout/reftests/bugs/1169331-1-ref.html
 create mode 100644 layout/reftests/bugs/1169331-1.html
 create mode 100644 layout/reftests/bugs/1174332-1-ref.html
 create mode 100644 layout/reftests/bugs/1174332-1.html
 create mode 100644 layout/reftests/bugs/1179078-1-ref.html
 create mode 100644 layout/reftests/bugs/1179078-1.html
 create mode 100644 layout/reftests/bugs/1179288-1-ref.html
 create mode 100644 layout/reftests/bugs/1179288-1.html
 create mode 100644 layout/reftests/bugs/1185266-1-ref.svg
 create mode 100644 layout/reftests/bugs/1185266-1.svg
 create mode 100644 layout/reftests/bugs/1190635-1-ref.html
 create mode 100644 layout/reftests/bugs/1190635-1.html
 create mode 100644 layout/reftests/bugs/1200611-1-ref.html
 create mode 100644 layout/reftests/bugs/1200611-1.html
 create mode 100644 layout/reftests/bugs/1202512-1-ref.html
 create mode 100644 layout/reftests/bugs/1202512-1.html
 create mode 100644 layout/reftests/bugs/1202512-2-ref.html
 create mode 100644 layout/reftests/bugs/1202512-2.html
 create mode 100644 layout/reftests/bugs/1207326-1.html
 create mode 100644 layout/reftests/bugs/120834-1-ref.html
 create mode 100644 layout/reftests/bugs/120834-1a.html
 create mode 100644 layout/reftests/bugs/120834-2-ref.html
 create mode 100644 layout/reftests/bugs/120834-2a.html
 create mode 100644 layout/reftests/bugs/120834-2b.html
 create mode 100644 layout/reftests/bugs/120834-2c.html
 create mode 100644 layout/reftests/bugs/120834-2d.html
 create mode 100644 layout/reftests/bugs/120834-2e.html
 create mode 100644 layout/reftests/bugs/120834-2f.html
 create mode 100644 layout/reftests/bugs/120834-2g.html
 create mode 100644 layout/reftests/bugs/120834-2h.html
 create mode 100644 layout/reftests/bugs/120834-2i.html
 create mode 100644 layout/reftests/bugs/120834-2j.html
 create mode 100644 layout/reftests/bugs/1209603-1-ref.html
 create mode 100644 layout/reftests/bugs/1209603-1.html
 create mode 100644 layout/reftests/bugs/1209994-1-ref.html
 create mode 100644 layout/reftests/bugs/1209994-1.html
 create mode 100644 layout/reftests/bugs/1209994-2-ref.html
 create mode 100644 layout/reftests/bugs/1209994-2.html
 create mode 100644 layout/reftests/bugs/1209994-3-ref.html
 create mode 100644 layout/reftests/bugs/1209994-3.html
 create mode 100644 layout/reftests/bugs/1209994-4-ref.html
 create mode 100644 layout/reftests/bugs/1209994-4.html
 create mode 100644 layout/reftests/bugs/1219985-1.html
 create mode 100644 layout/reftests/bugs/1219985-2.html
 create mode 100644 layout/reftests/bugs/1219985-3.html
 create mode 100644 layout/reftests/bugs/1219985-4.html
 create mode 100644 layout/reftests/bugs/1219985-5.html
 create mode 100644 layout/reftests/bugs/1219985-6.html
 create mode 100644 layout/reftests/bugs/1219985-7.html
 create mode 100644 layout/reftests/bugs/1219985-8.html
 create mode 100644 layout/reftests/bugs/1219985-ref-opaque-clear.html
 create mode 100644 layout/reftests/bugs/1219985-ref-opaque-with-rendering.html
 create mode 100644 layout/reftests/bugs/1219985-ref-transparent-clear.html
 create mode 100644 layout/reftests/bugs/1219985-ref-transparent-with-rendering.html
 create mode 100644 layout/reftests/bugs/1222226-1-ref.html
 create mode 100644 layout/reftests/bugs/1222226-1.html
 create mode 100644 layout/reftests/bugs/1226278-ref.html
 create mode 100644 layout/reftests/bugs/1226278.html
 create mode 100644 layout/reftests/bugs/1230466.html
 create mode 100644 layout/reftests/bugs/1238243-1-notref.html
 create mode 100644 layout/reftests/bugs/1238243-1.html
 create mode 100644 layout/reftests/bugs/1238243-2-ref.html
 create mode 100644 layout/reftests/bugs/1238243-2.html
 create mode 100644 layout/reftests/bugs/1239564-ref.html
 create mode 100644 layout/reftests/bugs/1239564.html
 create mode 100644 layout/reftests/bugs/1241631-1-ref.html
 create mode 100644 layout/reftests/bugs/1241631-1.html
 create mode 100644 layout/reftests/bugs/1242172-1-ref.html
 create mode 100644 layout/reftests/bugs/1242172-1-subdoc.html
 create mode 100644 layout/reftests/bugs/1242172-1.html
 create mode 100644 layout/reftests/bugs/1242172-2-ref.html
 create mode 100644 layout/reftests/bugs/1242172-2.html
 create mode 100644 layout/reftests/bugs/1242781-ref.html
 create mode 100644 layout/reftests/bugs/1242781.html
 create mode 100644 layout/reftests/bugs/124903-1-ref.html
 create mode 100644 layout/reftests/bugs/124903-1.html
 create mode 100644 layout/reftests/bugs/1260543-1-ref.html
 create mode 100644 layout/reftests/bugs/1260543-1.html
 create mode 100644 layout/reftests/bugs/1263845-ref.html
 create mode 100644 layout/reftests/bugs/1263845.html
 create mode 100644 layout/reftests/bugs/1271714-1-ref.html
 create mode 100644 layout/reftests/bugs/1271714-1.html
 create mode 100644 layout/reftests/bugs/1272997-1-ref.html
 create mode 100644 layout/reftests/bugs/1272997-1.html
 create mode 100644 layout/reftests/bugs/1273154-1-ref.html
 create mode 100644 layout/reftests/bugs/1273154-1.html
 create mode 100644 layout/reftests/bugs/1273154-2-ref.html
 create mode 100644 layout/reftests/bugs/1273154-2.html
 create mode 100644 layout/reftests/bugs/1274368-1-ref.html
 create mode 100644 layout/reftests/bugs/1274368-1.html
 create mode 100644 layout/reftests/bugs/1275411-1-ref.html
 create mode 100644 layout/reftests/bugs/1275411-1.html
 create mode 100644 layout/reftests/bugs/1276161-1-notref.html
 create mode 100644 layout/reftests/bugs/1276161-1a.html
 create mode 100644 layout/reftests/bugs/1276161-1b.html
 create mode 100644 layout/reftests/bugs/1288255-ref.html
 create mode 100644 layout/reftests/bugs/1288255.html
 create mode 100644 layout/reftests/bugs/128896-ref.html
 create mode 100644 layout/reftests/bugs/128896-style.css
 create mode 100644 layout/reftests/bugs/128896.html
 create mode 100644 layout/reftests/bugs/1291528-ref.html
 create mode 100644 layout/reftests/bugs/1291528.html
 create mode 100644 layout/reftests/bugs/1294102-1-ref.html
 create mode 100644 layout/reftests/bugs/1294102-1.html
 create mode 100644 layout/reftests/bugs/1295466-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/1295466-1.xhtml
 create mode 100644 layout/reftests/bugs/130767-1-ref.html
 create mode 100644 layout/reftests/bugs/130767-1.html
 create mode 100644 layout/reftests/bugs/1313772-ref.xhtml
 create mode 100644 layout/reftests/bugs/1313772.xhtml
 create mode 100644 layout/reftests/bugs/1315113-1-ref.html
 create mode 100644 layout/reftests/bugs/1315113-1.html
 create mode 100644 layout/reftests/bugs/1315113-2-ref.html
 create mode 100644 layout/reftests/bugs/1315113-2.html
 create mode 100644 layout/reftests/bugs/1315632-1-ref.html
 create mode 100644 layout/reftests/bugs/1315632-1.html
 create mode 100644 layout/reftests/bugs/1316719-1-ref.html
 create mode 100644 layout/reftests/bugs/1316719-1a.html
 create mode 100644 layout/reftests/bugs/1316719-1b.html
 create mode 100644 layout/reftests/bugs/1316719-1c.html
 create mode 100644 layout/reftests/bugs/1318769-1-ref.html
 create mode 100644 layout/reftests/bugs/1318769-1.html
 create mode 100644 layout/reftests/bugs/1322512-1-ref.html
 create mode 100644 layout/reftests/bugs/1322512-1.html
 create mode 100644 layout/reftests/bugs/1330051-ref.svg
 create mode 100644 layout/reftests/bugs/1330051.svg
 create mode 100644 layout/reftests/bugs/1336591-1-ref.html
 create mode 100644 layout/reftests/bugs/1336591-1.html
 create mode 100644 layout/reftests/bugs/134706-1-left-scrollframe-ref.html
 create mode 100644 layout/reftests/bugs/134706-1-left-scrollframe.html
 create mode 100644 layout/reftests/bugs/134706-1-left-table-ref.html
 create mode 100644 layout/reftests/bugs/134706-1-left-table.html
 create mode 100644 layout/reftests/bugs/134706-1-right-scrollframe-ref.html
 create mode 100644 layout/reftests/bugs/134706-1-right-scrollframe.html
 create mode 100644 layout/reftests/bugs/134706-1-right-table-ref.html
 create mode 100644 layout/reftests/bugs/134706-1-right-table.html
 create mode 100644 layout/reftests/bugs/134706-2-left-ref.html
 create mode 100644 layout/reftests/bugs/134706-2-left-scrollframe.html
 create mode 100644 layout/reftests/bugs/134706-2-left-table.html
 create mode 100644 layout/reftests/bugs/134706-2-right-ref.html
 create mode 100644 layout/reftests/bugs/134706-2-right-scrollframe.html
 create mode 100644 layout/reftests/bugs/134706-2-right-table.html
 create mode 100644 layout/reftests/bugs/134706-3-left-scrollframe-ref.html
 create mode 100644 layout/reftests/bugs/134706-3-left-scrollframe.html
 create mode 100644 layout/reftests/bugs/134706-3-left-table-ref.html
 create mode 100644 layout/reftests/bugs/134706-3-left-table.html
 create mode 100644 layout/reftests/bugs/134706-3-right-scrollframe-ref.html
 create mode 100644 layout/reftests/bugs/134706-3-right-scrollframe.html
 create mode 100644 layout/reftests/bugs/134706-3-right-table-ref.html
 create mode 100644 layout/reftests/bugs/134706-3-right-table.html
 create mode 100644 layout/reftests/bugs/134706-4-ref.html
 create mode 100644 layout/reftests/bugs/134706-4.html
 create mode 100644 layout/reftests/bugs/134706-5-ref.html
 create mode 100644 layout/reftests/bugs/134706-5.html
 create mode 100644 layout/reftests/bugs/134706-6-ref.html
 create mode 100644 layout/reftests/bugs/134706-6.html
 create mode 100644 layout/reftests/bugs/134706-6b-ref.html
 create mode 100644 layout/reftests/bugs/134706-6c-ref.html
 create mode 100644 layout/reftests/bugs/134706-7-ref.html
 create mode 100644 layout/reftests/bugs/134706-7.html
 create mode 100644 layout/reftests/bugs/1348481-1.html
 create mode 100644 layout/reftests/bugs/1348481-2.html
 create mode 100644 layout/reftests/bugs/1348481-ref.html
 create mode 100644 layout/reftests/bugs/1351924-1-ref.html
 create mode 100644 layout/reftests/bugs/1351924-1.html
 create mode 100644 layout/reftests/bugs/1351924-2-ref.html
 create mode 100644 layout/reftests/bugs/1351924-2.html
 create mode 100644 layout/reftests/bugs/1352306-1-ref.html
 create mode 100644 layout/reftests/bugs/1352306-1.html
 create mode 100644 layout/reftests/bugs/1352464-1-ref.html
 create mode 100644 layout/reftests/bugs/1352464-1.html
 create mode 100644 layout/reftests/bugs/1358375-1.html
 create mode 100644 layout/reftests/bugs/1358375-2.html
 create mode 100644 layout/reftests/bugs/1358375-3.html
 create mode 100644 layout/reftests/bugs/1358375-ref.html
 create mode 100644 layout/reftests/bugs/1364280-1-ref.html
 create mode 100644 layout/reftests/bugs/1364280-1.html
 create mode 100644 layout/reftests/bugs/1364280-2-ref.html
 create mode 100644 layout/reftests/bugs/1364280-2a.html
 create mode 100644 layout/reftests/bugs/1364280-2b.html
 create mode 100644 layout/reftests/bugs/1364280-2c.html
 create mode 100644 layout/reftests/bugs/1364360-1-ref.html
 create mode 100644 layout/reftests/bugs/1364360-1.html
 create mode 100644 layout/reftests/bugs/1365159-1-ref.html
 create mode 100644 layout/reftests/bugs/1365159-1.html
 create mode 100644 layout/reftests/bugs/1365162-1-ref.html
 create mode 100644 layout/reftests/bugs/1365162-1.html
 create mode 100644 layout/reftests/bugs/1366144-ref.html
 create mode 100644 layout/reftests/bugs/1366144.html
 create mode 100644 layout/reftests/bugs/1367592-1-ref.html
 create mode 100644 layout/reftests/bugs/1367592-1.html
 create mode 100644 layout/reftests/bugs/1368113-1-ref.html
 create mode 100644 layout/reftests/bugs/1368113-1.html
 create mode 100644 layout/reftests/bugs/1369584-1-ref.html
 create mode 100644 layout/reftests/bugs/1369584-1a.html
 create mode 100644 layout/reftests/bugs/1369584-1b.html
 create mode 100644 layout/reftests/bugs/1369954-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/1369954-1.xhtml
 create mode 100644 layout/reftests/bugs/1369985-1-ref.html
 create mode 100644 layout/reftests/bugs/1369985-1.html
 create mode 100644 layout/reftests/bugs/1371130-ref.xhtml
 create mode 100644 layout/reftests/bugs/1371130.xhtml
 create mode 100644 layout/reftests/bugs/1372041-ref.html
 create mode 100644 layout/reftests/bugs/1372041.css
 create mode 100644 layout/reftests/bugs/1372041.html
 create mode 100644 layout/reftests/bugs/1374062-ref.html
 create mode 100644 layout/reftests/bugs/1374062.html
 create mode 100644 layout/reftests/bugs/1375315-1-ref.html
 create mode 100644 layout/reftests/bugs/1375315-1.html
 create mode 100644 layout/reftests/bugs/1375315-10-ref.html
 create mode 100644 layout/reftests/bugs/1375315-10.html
 create mode 100644 layout/reftests/bugs/1375315-11-ref.html
 create mode 100644 layout/reftests/bugs/1375315-11.html
 create mode 100644 layout/reftests/bugs/1375315-12-ref.html
 create mode 100644 layout/reftests/bugs/1375315-12.html
 create mode 100644 layout/reftests/bugs/1375315-2-ref.html
 create mode 100644 layout/reftests/bugs/1375315-2.html
 create mode 100644 layout/reftests/bugs/1375315-3-ref.html
 create mode 100644 layout/reftests/bugs/1375315-3.html
 create mode 100644 layout/reftests/bugs/1375315-4-ref.html
 create mode 100644 layout/reftests/bugs/1375315-4.html
 create mode 100644 layout/reftests/bugs/1375315-5-ref.html
 create mode 100644 layout/reftests/bugs/1375315-5.html
 create mode 100644 layout/reftests/bugs/1375315-6-ref.html
 create mode 100644 layout/reftests/bugs/1375315-6.html
 create mode 100644 layout/reftests/bugs/1375315-7-ref.html
 create mode 100644 layout/reftests/bugs/1375315-7.html
 create mode 100644 layout/reftests/bugs/1375315-8-ref.html
 create mode 100644 layout/reftests/bugs/1375315-8.html
 create mode 100644 layout/reftests/bugs/1375315-9-ref.html
 create mode 100644 layout/reftests/bugs/1375315-9.html
 create mode 100644 layout/reftests/bugs/1375674-ref.html
 create mode 100644 layout/reftests/bugs/1375674.html
 create mode 100644 layout/reftests/bugs/1376092-ref.html
 create mode 100644 layout/reftests/bugs/1376092.css
 create mode 100644 layout/reftests/bugs/1376092.html
 create mode 100644 layout/reftests/bugs/1377447-1-ref.html
 create mode 100644 layout/reftests/bugs/1377447-1.html
 create mode 100644 layout/reftests/bugs/1377447-2.html
 create mode 100644 layout/reftests/bugs/1379041-ref.html
 create mode 100644 layout/reftests/bugs/1379041.html
 create mode 100644 layout/reftests/bugs/1379696-ref.html
 create mode 100644 layout/reftests/bugs/1379696.html
 create mode 100644 layout/reftests/bugs/1380224-1-ref.html
 create mode 100644 layout/reftests/bugs/1380224-1.html
 create mode 100644 layout/reftests/bugs/1381821-ref.html
 create mode 100644 layout/reftests/bugs/1381821.html
 create mode 100644 layout/reftests/bugs/1384065-ref.html
 create mode 100644 layout/reftests/bugs/1384065.html
 create mode 100644 layout/reftests/bugs/1384275-1-ref.html
 create mode 100644 layout/reftests/bugs/1384275-1.html
 create mode 100644 layout/reftests/bugs/139550-1-ref.html
 create mode 100644 layout/reftests/bugs/139550-1a.html
 create mode 100644 layout/reftests/bugs/139550-1b.html
 create mode 100644 layout/reftests/bugs/1395650-1-ref.html
 create mode 100644 layout/reftests/bugs/1395650-1.html
 create mode 100644 layout/reftests/bugs/1398500-1-ref.html
 create mode 100644 layout/reftests/bugs/1398500-1.html
 create mode 100644 layout/reftests/bugs/1401317-ref.html
 create mode 100644 layout/reftests/bugs/1401317.html
 create mode 100644 layout/reftests/bugs/1401992-ref.html
 create mode 100644 layout/reftests/bugs/1401992.html
 create mode 100644 layout/reftests/bugs/1404057-noref.html
 create mode 100644 layout/reftests/bugs/1404057-ref.html
 create mode 100644 layout/reftests/bugs/1404057.html
 create mode 100644 layout/reftests/bugs/1405878-1-ref.xml
 create mode 100644 layout/reftests/bugs/1405878-1.xml
 create mode 100644 layout/reftests/bugs/1406179-ref.html
 create mode 100644 layout/reftests/bugs/1406179.html
 create mode 100644 layout/reftests/bugs/1406183-1-ref.html
 create mode 100644 layout/reftests/bugs/1406183-1.html
 create mode 100644 layout/reftests/bugs/1410028-ref.html
 create mode 100644 layout/reftests/bugs/1410028.html
 create mode 100644 layout/reftests/bugs/1412375-ref.html
 create mode 100644 layout/reftests/bugs/1412375.html
 create mode 100644 layout/reftests/bugs/1415987-1-ref.html
 create mode 100644 layout/reftests/bugs/1415987-1.html
 create mode 100644 layout/reftests/bugs/1419820-1-ref.html
 create mode 100644 layout/reftests/bugs/1419820-1.html
 create mode 100644 layout/reftests/bugs/1420946-1-ref.html
 create mode 100644 layout/reftests/bugs/1420946-1.html
 create mode 100644 layout/reftests/bugs/142233-1-ref.html
 create mode 100644 layout/reftests/bugs/142233-1.html
 create mode 100644 layout/reftests/bugs/1422393-ref.html
 create mode 100644 layout/reftests/bugs/1422393.html
 create mode 100644 layout/reftests/bugs/1424177-ref.html
 create mode 100644 layout/reftests/bugs/1424177.html
 create mode 100644 layout/reftests/bugs/1424680-ref.html
 create mode 100644 layout/reftests/bugs/1424680.html
 create mode 100644 layout/reftests/bugs/1424798-1.html
 create mode 100644 layout/reftests/bugs/1424798-ref.html
 create mode 100644 layout/reftests/bugs/1425243-1-ref.html
 create mode 100644 layout/reftests/bugs/1425243-1.html
 create mode 100644 layout/reftests/bugs/1425243-2-ref.html
 create mode 100644 layout/reftests/bugs/1425243-2.html
 create mode 100644 layout/reftests/bugs/1430869-ref.html
 create mode 100644 layout/reftests/bugs/1430869.html
 create mode 100644 layout/reftests/bugs/1432541-ref.html
 create mode 100644 layout/reftests/bugs/1432541.html
 create mode 100644 layout/reftests/bugs/144004-1-ref.html
 create mode 100644 layout/reftests/bugs/144004-1.html
 create mode 100644 layout/reftests/bugs/144004-2-ref.html
 create mode 100644 layout/reftests/bugs/144004-2.html
 create mode 100644 layout/reftests/bugs/144004-3-ref.html
 create mode 100644 layout/reftests/bugs/144004-3.html
 create mode 100644 layout/reftests/bugs/1446470.html
 create mode 100644 layout/reftests/bugs/1456111-1.html
 create mode 100644 layout/reftests/bugs/1466008-ref.html
 create mode 100644 layout/reftests/bugs/1466008.html
 create mode 100644 layout/reftests/bugs/1466638-1-ref.html
 create mode 100644 layout/reftests/bugs/1466638-1.html
 create mode 100644 layout/reftests/bugs/1475971-1-ref.html
 create mode 100644 layout/reftests/bugs/1475971-1.html
 create mode 100644 layout/reftests/bugs/1483649-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/1483649-1.xhtml
 create mode 100644 layout/reftests/bugs/1483946-ref.html
 create mode 100644 layout/reftests/bugs/1483946.html
 create mode 100644 layout/reftests/bugs/1488155-ref.html
 create mode 100644 layout/reftests/bugs/1488155.html
 create mode 100644 layout/reftests/bugs/1492660-1-ref.html
 create mode 100644 layout/reftests/bugs/1492660-1.html
 create mode 100644 layout/reftests/bugs/1499386-ref.html
 create mode 100644 layout/reftests/bugs/1499386.html
 create mode 100644 layout/reftests/bugs/1503662-ref.html
 create mode 100644 layout/reftests/bugs/1503662.html
 create mode 100644 layout/reftests/bugs/1509425-1-ref.html
 create mode 100644 layout/reftests/bugs/1509425-1.html
 create mode 100644 layout/reftests/bugs/1511570-ref.html
 create mode 100644 layout/reftests/bugs/1511570.html
 create mode 100644 layout/reftests/bugs/1513423-1-ref.html
 create mode 100644 layout/reftests/bugs/1513423-1.html
 create mode 100644 layout/reftests/bugs/1513423-2-ref.html
 create mode 100644 layout/reftests/bugs/1513423-2.html
 create mode 100644 layout/reftests/bugs/1513423-3-ref.html
 create mode 100644 layout/reftests/bugs/1513423-3.html
 create mode 100644 layout/reftests/bugs/1517385-ref.html
 create mode 100644 layout/reftests/bugs/1517385.html
 create mode 100644 layout/reftests/bugs/1529992-1-ref.html
 create mode 100644 layout/reftests/bugs/1529992-1.html
 create mode 100644 layout/reftests/bugs/1529992-2-ref.html
 create mode 100644 layout/reftests/bugs/1529992-2.html
 create mode 100644 layout/reftests/bugs/1535040-1-ref.html
 create mode 100644 layout/reftests/bugs/1535040-1.html
 create mode 100644 layout/reftests/bugs/1544895-ref.html
 create mode 100644 layout/reftests/bugs/1544895.html
 create mode 100644 layout/reftests/bugs/1545360-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/1545360-1.xhtml
 create mode 100644 layout/reftests/bugs/1546856-1.html
 create mode 100644 layout/reftests/bugs/1546856-2.html
 create mode 100644 layout/reftests/bugs/1546856-ref.html
 create mode 100644 layout/reftests/bugs/1547759-1-ref.html
 create mode 100644 layout/reftests/bugs/1547759-1.html
 create mode 100644 layout/reftests/bugs/1548809-ref.html
 create mode 100644 layout/reftests/bugs/1548809.html
 create mode 100644 layout/reftests/bugs/1551040.html
 create mode 100644 layout/reftests/bugs/1551040.txt
 create mode 100644 layout/reftests/bugs/1552789-1.html
 create mode 100644 layout/reftests/bugs/1552789-ref-1.html
 create mode 100644 layout/reftests/bugs/1553571-1-ref.html
 create mode 100644 layout/reftests/bugs/1553571-1.html
 create mode 100644 layout/reftests/bugs/1553571-2-ref.html
 create mode 100644 layout/reftests/bugs/1553571-2.html
 create mode 100644 layout/reftests/bugs/1558937-1-ref.html
 create mode 100644 layout/reftests/bugs/1558937-1.html
 create mode 100644 layout/reftests/bugs/1562733-rotated-nastaliq-1-ref.html
 create mode 100644 layout/reftests/bugs/1562733-rotated-nastaliq-1.html
 create mode 100644 layout/reftests/bugs/1562733-rotated-nastaliq-2-ref.html
 create mode 100644 layout/reftests/bugs/1562733-rotated-nastaliq-2.html
 create mode 100644 layout/reftests/bugs/1563484-notref.html
 create mode 100644 layout/reftests/bugs/1563484-ref.html
 create mode 100644 layout/reftests/bugs/1563484.html
 create mode 100644 layout/reftests/bugs/1565129.txt
 create mode 100644 layout/reftests/bugs/1576553-1-ref.html
 create mode 100644 layout/reftests/bugs/1576553-1.html
 create mode 100644 layout/reftests/bugs/1577566-1-ref.html
 create mode 100644 layout/reftests/bugs/1577566-1.html
 create mode 100644 layout/reftests/bugs/1579953-2-ref.html
 create mode 100644 layout/reftests/bugs/1579953-2.html
 create mode 100644 layout/reftests/bugs/1580534-ref.html
 create mode 100644 layout/reftests/bugs/1580534.html
 create mode 100644 layout/reftests/bugs/1588954-ref.html
 create mode 100644 layout/reftests/bugs/1588954.html
 create mode 100644 layout/reftests/bugs/1595199-1-ref.html
 create mode 100644 layout/reftests/bugs/1595199-1.html
 create mode 100644 layout/reftests/bugs/1599841-1-ref.html
 create mode 100644 layout/reftests/bugs/1599841-1.html
 create mode 100644 layout/reftests/bugs/1599841-2-notref.html
 create mode 100644 layout/reftests/bugs/1599841-2.html
 create mode 100644 layout/reftests/bugs/1606130-ref.html
 create mode 100644 layout/reftests/bugs/1606130.html
 create mode 100644 layout/reftests/bugs/1608124-1-ref.html
 create mode 100644 layout/reftests/bugs/1608124-1.html
 create mode 100644 layout/reftests/bugs/1608124-2-notref.html
 create mode 100644 layout/reftests/bugs/1608124-2.html
 create mode 100644 layout/reftests/bugs/1613380-ref.html
 create mode 100644 layout/reftests/bugs/1613380.html
 create mode 100644 layout/reftests/bugs/1614788-1-ref.svg
 create mode 100644 layout/reftests/bugs/1614788-1.svg
 create mode 100644 layout/reftests/bugs/1617515-1-ref.html
 create mode 100644 layout/reftests/bugs/1617515-1.html
 create mode 100644 layout/reftests/bugs/1624118-ref.html
 create mode 100644 layout/reftests/bugs/1624118.html
 create mode 100644 layout/reftests/bugs/1626259-1-ref.html
 create mode 100644 layout/reftests/bugs/1626259-1.html
 create mode 100644 layout/reftests/bugs/1626259-2-ref.html
 create mode 100644 layout/reftests/bugs/1626259-2.html
 create mode 100644 layout/reftests/bugs/163504-1-inner.html
 create mode 100644 layout/reftests/bugs/163504-1-ref.html
 create mode 100644 layout/reftests/bugs/163504-1a.html
 create mode 100644 layout/reftests/bugs/163504-1b.html
 create mode 100644 layout/reftests/bugs/163504-2-inner.html
 create mode 100644 layout/reftests/bugs/163504-2-ref.html
 create mode 100644 layout/reftests/bugs/163504-2a.html
 create mode 100644 layout/reftests/bugs/163504-2b.html
 create mode 100644 layout/reftests/bugs/1641769-1-ref.html
 create mode 100644 layout/reftests/bugs/1641769-1.html
 create mode 100644 layout/reftests/bugs/1642583-1-ref.html
 create mode 100644 layout/reftests/bugs/1642583-1.html
 create mode 100644 layout/reftests/bugs/1642603-1-ref.html
 create mode 100644 layout/reftests/bugs/1642603-1.html
 create mode 100644 layout/reftests/bugs/1645549-2-ref.html
 create mode 100644 layout/reftests/bugs/1645549-2.html
 create mode 100644 layout/reftests/bugs/1648282-1-ref.html
 create mode 100644 layout/reftests/bugs/1648282-1a.html
 create mode 100644 layout/reftests/bugs/1648282-1b.html
 create mode 100644 layout/reftests/bugs/1672137-1-notref.html
 create mode 100644 layout/reftests/bugs/1672137-1.html
 create mode 100644 layout/reftests/bugs/1673677-1-ref.html
 create mode 100644 layout/reftests/bugs/1673677-1.html
 create mode 100644 layout/reftests/bugs/1673677-2-ref.html
 create mode 100644 layout/reftests/bugs/1673677-2.html
 create mode 100644 layout/reftests/bugs/1673677-3-ref.html
 create mode 100644 layout/reftests/bugs/1673677-3.html
 create mode 100644 layout/reftests/bugs/167496-1-ref.html
 create mode 100644 layout/reftests/bugs/167496-1.html
 create mode 100644 layout/reftests/bugs/1686729-1-ref.html
 create mode 100644 layout/reftests/bugs/1686729-1.html
 create mode 100644 layout/reftests/bugs/1688004.xhtml
 create mode 100644 layout/reftests/bugs/169749-1-ref.html
 create mode 100644 layout/reftests/bugs/169749-1.html
 create mode 100644 layout/reftests/bugs/1714763-1-ref.html
 create mode 100644 layout/reftests/bugs/1714763-1.html
 create mode 100644 layout/reftests/bugs/1714763-2-ref.html
 create mode 100644 layout/reftests/bugs/1714763-2.html
 create mode 100644 layout/reftests/bugs/1714763-3-ref.html
 create mode 100644 layout/reftests/bugs/1714763-3.html
 create mode 100644 layout/reftests/bugs/172073-1-ref.html
 create mode 100644 layout/reftests/bugs/172073-1.html
 create mode 100644 layout/reftests/bugs/1721223-1-notref.html
 create mode 100644 layout/reftests/bugs/1721223-1.html
 create mode 100644 layout/reftests/bugs/1726663-1-ref.html
 create mode 100644 layout/reftests/bugs/1726663-1.html
 create mode 100644 layout/reftests/bugs/1727016-1-ref.html
 create mode 100644 layout/reftests/bugs/1727016-1.html
 create mode 100644 layout/reftests/bugs/1727172-1-ref.html
 create mode 100644 layout/reftests/bugs/1727172-1.xhtml
 create mode 100644 layout/reftests/bugs/1730314-1-ref.html
 create mode 100644 layout/reftests/bugs/1730314-1.html
 create mode 100644 layout/reftests/bugs/1735265-1-ref.html
 create mode 100644 layout/reftests/bugs/1735265-1.html
 create mode 100644 layout/reftests/bugs/1738700-1-ref.html
 create mode 100644 layout/reftests/bugs/1738700-1.html
 create mode 100644 layout/reftests/bugs/1743533-1-helper.html
 create mode 100644 layout/reftests/bugs/1743533-1-notref.html
 create mode 100644 layout/reftests/bugs/1743533-1.html
 create mode 100644 layout/reftests/bugs/1743533-2.html
 create mode 100644 layout/reftests/bugs/1743560-1-ref.html
 create mode 100644 layout/reftests/bugs/1743560-1.html
 create mode 100644 layout/reftests/bugs/1743851-1-ref.html
 create mode 100644 layout/reftests/bugs/1743851-1.html
 create mode 100644 layout/reftests/bugs/1744468-1-downscaled.png
 create mode 100644 layout/reftests/bugs/1744468-1-ref.html
 create mode 100644 layout/reftests/bugs/1744468-1.html
 create mode 100644 layout/reftests/bugs/1744468-1.png
 create mode 100644 layout/reftests/bugs/1747272-1-ref.html
 create mode 100644 layout/reftests/bugs/1747272-1.html
 create mode 100644 layout/reftests/bugs/1750146-1-ref.html
 create mode 100644 layout/reftests/bugs/1750146-1.html
 create mode 100644 layout/reftests/bugs/175190-1-ref.html
 create mode 100644 layout/reftests/bugs/175190-1.html
 create mode 100644 layout/reftests/bugs/1769082-1-ref.html
 create mode 100644 layout/reftests/bugs/1769082-1.html
 create mode 100644 layout/reftests/bugs/1773484-ref.html
 create mode 100644 layout/reftests/bugs/1773484.html
 create mode 100644 layout/reftests/bugs/1773633-full-zoom.html
 create mode 100644 layout/reftests/bugs/1773633-text-zoom.html
 create mode 100644 layout/reftests/bugs/1773633.html
 create mode 100644 layout/reftests/bugs/1777135-ref.html
 create mode 100644 layout/reftests/bugs/1777135.html
 create mode 100644 layout/reftests/bugs/1778834-ref.html
 create mode 100644 layout/reftests/bugs/1778834.html
 create mode 100644 layout/reftests/bugs/1780191-1-ref.svg
 create mode 100644 layout/reftests/bugs/1780191-1.svg
 create mode 100644 layout/reftests/bugs/1787127-ref.html
 create mode 100644 layout/reftests/bugs/1787127.html
 create mode 100644 layout/reftests/bugs/1792643-1-ref.html
 create mode 100644 layout/reftests/bugs/1792643-1.html
 create mode 100644 layout/reftests/bugs/179596-1a-ref.html
 create mode 100644 layout/reftests/bugs/179596-1a.html
 create mode 100644 layout/reftests/bugs/179596-1b-ref.html
 create mode 100644 layout/reftests/bugs/179596-1b.html
 create mode 100644 layout/reftests/bugs/179596-2-ref.html
 create mode 100644 layout/reftests/bugs/179596-2-ref2.html
 create mode 100644 layout/reftests/bugs/179596-2-ref3.html
 create mode 100644 layout/reftests/bugs/179596-2.html
 create mode 100644 layout/reftests/bugs/1798297-1-notref.html
 create mode 100644 layout/reftests/bugs/1798297-1-ref.html
 create mode 100644 layout/reftests/bugs/1798297-1.html
 create mode 100644 layout/reftests/bugs/1799425-1-ref.html
 create mode 100644 layout/reftests/bugs/1799425-1.html
 create mode 100644 layout/reftests/bugs/1800437-1-ref.html
 create mode 100644 layout/reftests/bugs/1800437-1.html
 create mode 100644 layout/reftests/bugs/180085-1-ref.html
 create mode 100644 layout/reftests/bugs/180085-1.html
 create mode 100644 layout/reftests/bugs/180085-2-ref.html
 create mode 100644 layout/reftests/bugs/180085-2.html
 create mode 100644 layout/reftests/bugs/1803999-1-ref.html
 create mode 100644 layout/reftests/bugs/1803999-1.html
 create mode 100644 layout/reftests/bugs/1804872-1-ref.html
 create mode 100644 layout/reftests/bugs/1804872-1.html
 create mode 100644 layout/reftests/bugs/1804872-2-ref.html
 create mode 100644 layout/reftests/bugs/1804872-2.html
 create mode 100644 layout/reftests/bugs/1804872-3-ref.html
 create mode 100644 layout/reftests/bugs/1804872-3.html
 create mode 100644 layout/reftests/bugs/1814047-ref.html
 create mode 100644 layout/reftests/bugs/1814047.html
 create mode 100644 layout/reftests/bugs/1814628-1-ref.html
 create mode 100644 layout/reftests/bugs/1814628-1.html
 create mode 100644 layout/reftests/bugs/1818412-1-ref.html
 create mode 100644 layout/reftests/bugs/1818412-1.html
 create mode 100644 layout/reftests/bugs/18217-basic-1-ref.html
 create mode 100644 layout/reftests/bugs/18217-basic-1.html
 create mode 100644 layout/reftests/bugs/18217-basic-2-ref.html
 create mode 100644 layout/reftests/bugs/18217-basic-2a.html
 create mode 100644 layout/reftests/bugs/18217-basic-2b.html
 create mode 100644 layout/reftests/bugs/18217-height-1-ref.html
 create mode 100644 layout/reftests/bugs/18217-height-1.html
 create mode 100644 layout/reftests/bugs/18217-height-2-ref.html
 create mode 100644 layout/reftests/bugs/18217-height-2.html
 create mode 100644 layout/reftests/bugs/18217-valign-1-ref.html
 create mode 100644 layout/reftests/bugs/18217-valign-1.html
 create mode 100644 layout/reftests/bugs/18217-width-1-ref.html
 create mode 100644 layout/reftests/bugs/18217-width-1a.html
 create mode 100644 layout/reftests/bugs/18217-width-1b.html
 create mode 100644 layout/reftests/bugs/18217-width-2-ref.html
 create mode 100644 layout/reftests/bugs/18217-width-2a.html
 create mode 100644 layout/reftests/bugs/18217-width-2b.html
 create mode 100644 layout/reftests/bugs/18217-zorder-1.html
 create mode 100644 layout/reftests/bugs/18217-zorder-2.html
 create mode 100644 layout/reftests/bugs/18217-zorder-3.html
 create mode 100644 layout/reftests/bugs/18217-zorder-4.html
 create mode 100644 layout/reftests/bugs/18217-zorder-5.html
 create mode 100644 layout/reftests/bugs/18217-zorder-ref-inline-table.html
 create mode 100644 layout/reftests/bugs/18217-zorder-ref-inline.html
 create mode 100644 layout/reftests/bugs/18217-zorder-ref.html
 create mode 100644 layout/reftests/bugs/1827009-1-ref.html
 create mode 100644 layout/reftests/bugs/1827009-1.html
 create mode 100644 layout/reftests/bugs/1827337-1-ref.html
 create mode 100644 layout/reftests/bugs/1827337-1.html
 create mode 100644 layout/reftests/bugs/1828879-1-ref.html
 create mode 100644 layout/reftests/bugs/1828879-1.html
 create mode 100644 layout/reftests/bugs/1834316-1-notref.html
 create mode 100644 layout/reftests/bugs/1834316-1.html
 create mode 100644 layout/reftests/bugs/1835271-1-ref.html
 create mode 100644 layout/reftests/bugs/1835271-1.html
 create mode 100644 layout/reftests/bugs/1836024-1-notref.html
 create mode 100644 layout/reftests/bugs/1836024-1.html
 create mode 100644 layout/reftests/bugs/1840511-1-ref.html
 create mode 100644 layout/reftests/bugs/1840511-1.html
 create mode 100644 layout/reftests/bugs/1840511-2.html
 create mode 100644 layout/reftests/bugs/1840747-1.html
 create mode 100644 layout/reftests/bugs/1841355-1.html
 create mode 100644 layout/reftests/bugs/185388-1-ref.html
 create mode 100644 layout/reftests/bugs/185388-1.html
 create mode 100644 layout/reftests/bugs/186317-1-ref.html
 create mode 100644 layout/reftests/bugs/186317-1.html
 create mode 100644 layout/reftests/bugs/192767-01.xhtml
 create mode 100644 layout/reftests/bugs/192767-02.xhtml
 create mode 100644 layout/reftests/bugs/192767-03.xhtml
 create mode 100644 layout/reftests/bugs/192767-04.xhtml
 create mode 100644 layout/reftests/bugs/192767-05.xhtml
 create mode 100644 layout/reftests/bugs/192767-06.xhtml
 create mode 100644 layout/reftests/bugs/192767-07.xhtml
 create mode 100644 layout/reftests/bugs/192767-11.xhtml
 create mode 100644 layout/reftests/bugs/192767-12.xhtml
 create mode 100644 layout/reftests/bugs/192767-13.xhtml
 create mode 100644 layout/reftests/bugs/192767-14.xhtml
 create mode 100644 layout/reftests/bugs/192767-15.xhtml
 create mode 100644 layout/reftests/bugs/192767-16.xhtml
 create mode 100644 layout/reftests/bugs/192767-17.xhtml
 create mode 100644 layout/reftests/bugs/192767-21.xhtml
 create mode 100644 layout/reftests/bugs/192767-22.xhtml
 create mode 100644 layout/reftests/bugs/192767-23.xhtml
 create mode 100644 layout/reftests/bugs/192767-24.xhtml
 create mode 100644 layout/reftests/bugs/192767-25.xhtml
 create mode 100644 layout/reftests/bugs/192767-26.xhtml
 create mode 100644 layout/reftests/bugs/192767-27.xhtml
 create mode 100644 layout/reftests/bugs/192767-31.xhtml
 create mode 100644 layout/reftests/bugs/192767-32.xhtml
 create mode 100644 layout/reftests/bugs/192767-33.xhtml
 create mode 100644 layout/reftests/bugs/192767-34.xhtml
 create mode 100644 layout/reftests/bugs/192767-35.xhtml
 create mode 100644 layout/reftests/bugs/192767-36.xhtml
 create mode 100644 layout/reftests/bugs/192767-37.xhtml
 create mode 100644 layout/reftests/bugs/192767.css
 create mode 100644 layout/reftests/bugs/192902-1.html
 create mode 100644 layout/reftests/bugs/192902-ref.html
 create mode 100644 layout/reftests/bugs/200774-1.html
 create mode 100644 layout/reftests/bugs/201215-1-ref.html
 create mode 100644 layout/reftests/bugs/201215-1.html
 create mode 100644 layout/reftests/bugs/201293-1-ref.html
 create mode 100644 layout/reftests/bugs/201293-1a.html
 create mode 100644 layout/reftests/bugs/201293-1b.html
 create mode 100644 layout/reftests/bugs/201293-1c.html
 create mode 100644 layout/reftests/bugs/201293-1d.html
 create mode 100644 layout/reftests/bugs/203727-ref.html
 create mode 100644 layout/reftests/bugs/203727.html
 create mode 100644 layout/reftests/bugs/206516-1-ref.html
 create mode 100644 layout/reftests/bugs/206516-1.html
 create mode 100644 layout/reftests/bugs/206631-1-ref.html
 create mode 100644 layout/reftests/bugs/206631-1.html
 create mode 100644 layout/reftests/bugs/206802-ref.html
 create mode 100644 layout/reftests/bugs/206802.html
 create mode 100644 layout/reftests/bugs/210094-1-ref.html
 create mode 100644 layout/reftests/bugs/210094-1a.html
 create mode 100644 layout/reftests/bugs/210094-1b.html
 create mode 100644 layout/reftests/bugs/210094-1c.html
 create mode 100644 layout/reftests/bugs/210876-1-ref.html
 create mode 100644 layout/reftests/bugs/210876-1.html
 create mode 100644 layout/reftests/bugs/211931-1-ref.html
 create mode 100644 layout/reftests/bugs/211931-1.html
 create mode 100644 layout/reftests/bugs/212563-1-inner.html
 create mode 100644 layout/reftests/bugs/212563-1-ref-inner.html
 create mode 100644 layout/reftests/bugs/212563-1-ref.html
 create mode 100644 layout/reftests/bugs/212563-1.html
 create mode 100644 layout/reftests/bugs/212563-2-inner.html
 create mode 100644 layout/reftests/bugs/212563-2-innermost-a.html
 create mode 100644 layout/reftests/bugs/212563-2-innermost-b.html
 create mode 100644 layout/reftests/bugs/212563-2-ref-inner.html
 create mode 100644 layout/reftests/bugs/212563-2-ref.html
 create mode 100644 layout/reftests/bugs/212563-2.html
 create mode 100644 layout/reftests/bugs/213834-1-ref.html
 create mode 100644 layout/reftests/bugs/213834-1.html
 create mode 100644 layout/reftests/bugs/214077-1-ref.html
 create mode 100644 layout/reftests/bugs/214077-1a.html
 create mode 100644 layout/reftests/bugs/214077-1b.html
 create mode 100644 layout/reftests/bugs/218473-1-ref.html
 create mode 100644 layout/reftests/bugs/218473-1.html
 create mode 100644 layout/reftests/bugs/220165-1-ref.svg
 create mode 100644 layout/reftests/bugs/220165-1.svg
 create mode 100644 layout/reftests/bugs/223809-1-ref.html
 create mode 100644 layout/reftests/bugs/223809-1.html
 create mode 100644 layout/reftests/bugs/228856-1-ref.html
 create mode 100644 layout/reftests/bugs/228856-1.html
 create mode 100644 layout/reftests/bugs/228856-2-ref.html
 create mode 100644 layout/reftests/bugs/228856-2-style-1.css
 create mode 100644 layout/reftests/bugs/228856-2.html
 create mode 100644 layout/reftests/bugs/229591-1-ref.html
 create mode 100644 layout/reftests/bugs/229591-1.html
 create mode 100644 layout/reftests/bugs/231823-1-ref.html
 create mode 100644 layout/reftests/bugs/231823-1.html
 create mode 100644 layout/reftests/bugs/232990-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/232990-1a.xhtml
 create mode 100644 layout/reftests/bugs/233094-1-ref.html
 create mode 100644 layout/reftests/bugs/233094-1.html
 create mode 100644 layout/reftests/bugs/233094-2-ref.html
 create mode 100644 layout/reftests/bugs/233094-2a.html
 create mode 100644 layout/reftests/bugs/233094-2b.html
 create mode 100644 layout/reftests/bugs/233094-2c.html
 create mode 100644 layout/reftests/bugs/234686-1.gif
 create mode 100644 layout/reftests/bugs/234686-1.html
 create mode 100644 layout/reftests/bugs/234686-10.gif
 create mode 100644 layout/reftests/bugs/234686-10.html
 create mode 100644 layout/reftests/bugs/234686-11.gif
 create mode 100644 layout/reftests/bugs/234686-11.html
 create mode 100644 layout/reftests/bugs/234686-12.gif
 create mode 100644 layout/reftests/bugs/234686-12.html
 create mode 100644 layout/reftests/bugs/234686-13.gif
 create mode 100644 layout/reftests/bugs/234686-13.html
 create mode 100644 layout/reftests/bugs/234686-14.gif
 create mode 100644 layout/reftests/bugs/234686-14.html
 create mode 100644 layout/reftests/bugs/234686-15.gif
 create mode 100644 layout/reftests/bugs/234686-15.html
 create mode 100644 layout/reftests/bugs/234686-16.gif
 create mode 100644 layout/reftests/bugs/234686-16.html
 create mode 100644 layout/reftests/bugs/234686-17.gif
 create mode 100644 layout/reftests/bugs/234686-17.html
 create mode 100644 layout/reftests/bugs/234686-18.gif
 create mode 100644 layout/reftests/bugs/234686-18.html
 create mode 100644 layout/reftests/bugs/234686-19.gif
 create mode 100644 layout/reftests/bugs/234686-19.html
 create mode 100644 layout/reftests/bugs/234686-2.gif
 create mode 100644 layout/reftests/bugs/234686-2.html
 create mode 100644 layout/reftests/bugs/234686-3.gif
 create mode 100644 layout/reftests/bugs/234686-3.html
 create mode 100644 layout/reftests/bugs/234686-4.gif
 create mode 100644 layout/reftests/bugs/234686-4.html
 create mode 100644 layout/reftests/bugs/234686-5.gif
 create mode 100644 layout/reftests/bugs/234686-5.html
 create mode 100644 layout/reftests/bugs/234686-6.gif
 create mode 100644 layout/reftests/bugs/234686-6.html
 create mode 100644 layout/reftests/bugs/234686-7.gif
 create mode 100644 layout/reftests/bugs/234686-7.html
 create mode 100644 layout/reftests/bugs/234686-8.gif
 create mode 100644 layout/reftests/bugs/234686-8.html
 create mode 100644 layout/reftests/bugs/234686-9.gif
 create mode 100644 layout/reftests/bugs/234686-9.html
 create mode 100644 layout/reftests/bugs/234686-ref.gif
 create mode 100644 layout/reftests/bugs/234686-ref.html
 create mode 100644 layout/reftests/bugs/234964-1-ref.html
 create mode 100644 layout/reftests/bugs/234964-1.html
 create mode 100644 layout/reftests/bugs/234964-2-ref.html
 create mode 100644 layout/reftests/bugs/234964-2.html
 create mode 100644 layout/reftests/bugs/235593-1-ref.html
 create mode 100644 layout/reftests/bugs/235593-1.html
 create mode 100644 layout/reftests/bugs/23604-1-ref.html
 create mode 100644 layout/reftests/bugs/23604-1.html
 create mode 100644 layout/reftests/bugs/23604-2-ref.html
 create mode 100644 layout/reftests/bugs/23604-2.html
 create mode 100644 layout/reftests/bugs/236539-1-ref.html
 create mode 100644 layout/reftests/bugs/236539-1.html
 create mode 100644 layout/reftests/bugs/240029-1-ref.html
 create mode 100644 layout/reftests/bugs/240029-1.html
 create mode 100644 layout/reftests/bugs/240470-1-ref.html
 create mode 100644 layout/reftests/bugs/240470-1.html
 create mode 100644 layout/reftests/bugs/240933-1-ref.html
 create mode 100644 layout/reftests/bugs/240933-1.html
 create mode 100644 layout/reftests/bugs/240933-2-ref.html
 create mode 100644 layout/reftests/bugs/240933-2.html
 create mode 100644 layout/reftests/bugs/243266-1-ref.html
 create mode 100644 layout/reftests/bugs/243266-1.html
 create mode 100644 layout/reftests/bugs/243302-1-ref.html
 create mode 100644 layout/reftests/bugs/243302-1.html
 create mode 100644 layout/reftests/bugs/243519-1-ref.html
 create mode 100644 layout/reftests/bugs/243519-1.html
 create mode 100644 layout/reftests/bugs/243519-2-ref.html
 create mode 100644 layout/reftests/bugs/243519-2.html
 create mode 100644 layout/reftests/bugs/243519-3-ref.html
 create mode 100644 layout/reftests/bugs/243519-3.html
 create mode 100644 layout/reftests/bugs/243519-4-ref.html
 create mode 100644 layout/reftests/bugs/243519-4a.html
 create mode 100644 layout/reftests/bugs/243519-4b.html
 create mode 100644 layout/reftests/bugs/243519-4c.html
 create mode 100644 layout/reftests/bugs/243519-4d.html
 create mode 100644 layout/reftests/bugs/243519-4e.html
 create mode 100644 layout/reftests/bugs/243519-4f.html
 create mode 100644 layout/reftests/bugs/243519-5-ref.html
 create mode 100644 layout/reftests/bugs/243519-5a.html
 create mode 100644 layout/reftests/bugs/243519-5b.html
 create mode 100644 layout/reftests/bugs/243519-5c.html
 create mode 100644 layout/reftests/bugs/243519-5d.html
 create mode 100644 layout/reftests/bugs/243519-6-ref.html
 create mode 100644 layout/reftests/bugs/243519-6.html
 create mode 100644 layout/reftests/bugs/243519-7-ref.html
 create mode 100644 layout/reftests/bugs/243519-7.html
 create mode 100644 layout/reftests/bugs/243519-8-ref.svg
 create mode 100644 layout/reftests/bugs/243519-8.svg
 create mode 100644 layout/reftests/bugs/243519-9-ref.html
 create mode 100644 layout/reftests/bugs/243519-9a.html
 create mode 100644 layout/reftests/bugs/243519-9b.html
 create mode 100644 layout/reftests/bugs/243519-9c.html
 create mode 100644 layout/reftests/bugs/243519-9d.html
 create mode 100644 layout/reftests/bugs/243519-9e.html
 create mode 100644 layout/reftests/bugs/243519-9f.html
 create mode 100644 layout/reftests/bugs/244135-1-ref.html
 create mode 100644 layout/reftests/bugs/244135-1.html
 create mode 100644 layout/reftests/bugs/244135-2-ref.html
 create mode 100644 layout/reftests/bugs/244135-2.html
 create mode 100644 layout/reftests/bugs/244932-1-ref.html
 create mode 100644 layout/reftests/bugs/244932-1.html
 create mode 100644 layout/reftests/bugs/246669-1-ref.html
 create mode 100644 layout/reftests/bugs/246669-1.html
 create mode 100644 layout/reftests/bugs/24998-1-ref.html
 create mode 100644 layout/reftests/bugs/24998-1.html
 create mode 100644 layout/reftests/bugs/249982-1-ref.html
 create mode 100644 layout/reftests/bugs/249982-1.html
 create mode 100644 layout/reftests/bugs/252920-1-ref.html
 create mode 100644 layout/reftests/bugs/252920-1.html
 create mode 100644 layout/reftests/bugs/253701-1-ref.html
 create mode 100644 layout/reftests/bugs/253701-1.html
 create mode 100644 layout/reftests/bugs/255820-1-ref.html
 create mode 100644 layout/reftests/bugs/255820-1.html
 create mode 100644 layout/reftests/bugs/256180-1-ref.html
 create mode 100644 layout/reftests/bugs/256180-1.html
 create mode 100644 layout/reftests/bugs/256180-2-ref.html
 create mode 100644 layout/reftests/bugs/256180-2.html
 create mode 100644 layout/reftests/bugs/256180-3-ref.html
 create mode 100644 layout/reftests/bugs/256180-3.html
 create mode 100644 layout/reftests/bugs/256180-4-ref.html
 create mode 100644 layout/reftests/bugs/256180-4.html
 create mode 100644 layout/reftests/bugs/256180-5-ref.html
 create mode 100644 layout/reftests/bugs/256180-5.html
 create mode 100644 layout/reftests/bugs/256180-6-ref.html
 create mode 100644 layout/reftests/bugs/256180-6.html
 create mode 100644 layout/reftests/bugs/25888-1l-block.html
 create mode 100644 layout/reftests/bugs/25888-1l-notref.html
 create mode 100644 layout/reftests/bugs/25888-1l-ref.html
 create mode 100644 layout/reftests/bugs/25888-1l.html
 create mode 100644 layout/reftests/bugs/25888-1r-block.html
 create mode 100644 layout/reftests/bugs/25888-1r-notref.html
 create mode 100644 layout/reftests/bugs/25888-1r-ref.html
 create mode 100644 layout/reftests/bugs/25888-1r.html
 create mode 100644 layout/reftests/bugs/25888-2l-block.html
 create mode 100644 layout/reftests/bugs/25888-2l-ref.html
 create mode 100644 layout/reftests/bugs/25888-2l.html
 create mode 100644 layout/reftests/bugs/25888-2r-block.html
 create mode 100644 layout/reftests/bugs/25888-2r-ref.html
 create mode 100644 layout/reftests/bugs/25888-2r.html
 create mode 100644 layout/reftests/bugs/25888-3l-block.html
 create mode 100644 layout/reftests/bugs/25888-3l-ref.html
 create mode 100644 layout/reftests/bugs/25888-3l.html
 create mode 100644 layout/reftests/bugs/25888-3r-block.html
 create mode 100644 layout/reftests/bugs/25888-3r-ref.html
 create mode 100644 layout/reftests/bugs/25888-3r.html
 create mode 100644 layout/reftests/bugs/260406-1-ref.html
 create mode 100644 layout/reftests/bugs/260406-1.html
 create mode 100644 layout/reftests/bugs/260406.gif
 create mode 100644 layout/reftests/bugs/261826-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/261826-1.xhtml
 create mode 100644 layout/reftests/bugs/262151-1-ref.html
 create mode 100644 layout/reftests/bugs/262151-1.html
 create mode 100644 layout/reftests/bugs/262998-1-ref.html
 create mode 100644 layout/reftests/bugs/262998-1.html
 create mode 100644 layout/reftests/bugs/267353-1-ref.html
 create mode 100644 layout/reftests/bugs/267353-1.html
 create mode 100644 layout/reftests/bugs/269908-1-ref.html
 create mode 100644 layout/reftests/bugs/269908-1.html
 create mode 100644 layout/reftests/bugs/269908-2-ref.html
 create mode 100644 layout/reftests/bugs/269908-2.html
 create mode 100644 layout/reftests/bugs/269908-3-ref.html
 create mode 100644 layout/reftests/bugs/269908-3.html
 create mode 100644 layout/reftests/bugs/269908-4-ref.html
 create mode 100644 layout/reftests/bugs/269908-4.html
 create mode 100644 layout/reftests/bugs/269908-5-ref.html
 create mode 100644 layout/reftests/bugs/269908-5.html
 create mode 100644 layout/reftests/bugs/271747-1-ref.html
 create mode 100644 layout/reftests/bugs/271747-1a.html
 create mode 100644 layout/reftests/bugs/271747-1b.html
 create mode 100644 layout/reftests/bugs/272646-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/272646-1.xhtml
 create mode 100644 layout/reftests/bugs/272646-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/272646-2a.xhtml
 create mode 100644 layout/reftests/bugs/272646-2b.xhtml
 create mode 100644 layout/reftests/bugs/272646-2c.xhtml
 create mode 100644 layout/reftests/bugs/273681-1-ref.html
 create mode 100644 layout/reftests/bugs/273681-1.html
 create mode 100644 layout/reftests/bugs/278266-1-ref.html
 create mode 100644 layout/reftests/bugs/278266-1a.html
 create mode 100644 layout/reftests/bugs/278266-1b.html
 create mode 100644 layout/reftests/bugs/280708-1-ref.html
 create mode 100644 layout/reftests/bugs/280708-1a.html
 create mode 100644 layout/reftests/bugs/280708-1b.html
 create mode 100644 layout/reftests/bugs/281241-1-ref.html
 create mode 100644 layout/reftests/bugs/281241-1.html
 create mode 100644 layout/reftests/bugs/281241-2.xhtml
 create mode 100644 layout/reftests/bugs/283686-1.html
 create mode 100644 layout/reftests/bugs/283686-2-ref.html
 create mode 100644 layout/reftests/bugs/283686-2.html
 create mode 100644 layout/reftests/bugs/283686-3.html
 create mode 100644 layout/reftests/bugs/28811-1-inner.html
 create mode 100644 layout/reftests/bugs/28811-1-ref.html
 create mode 100644 layout/reftests/bugs/28811-1a.html
 create mode 100644 layout/reftests/bugs/28811-1b.html
 create mode 100644 layout/reftests/bugs/28811-2-inner.html
 create mode 100644 layout/reftests/bugs/28811-2-ref.html
 create mode 100644 layout/reftests/bugs/28811-2a.html
 create mode 100644 layout/reftests/bugs/28811-2b.html
 create mode 100644 layout/reftests/bugs/289384-1.xhtml
 create mode 100644 layout/reftests/bugs/289384-ref.xhtml
 create mode 100644 layout/reftests/bugs/289480-mask.png
 create mode 100644 layout/reftests/bugs/289480-ref.html
 create mode 100644 layout/reftests/bugs/289480-ref.png
 create mode 100644 layout/reftests/bugs/289480.html
 create mode 100644 layout/reftests/bugs/290129-1-ref.html
 create mode 100644 layout/reftests/bugs/290129-1.html
 create mode 100644 layout/reftests/bugs/291078-1-ref.html
 create mode 100644 layout/reftests/bugs/291078-1.html
 create mode 100644 layout/reftests/bugs/291078-2-ref.html
 create mode 100644 layout/reftests/bugs/291078-2.html
 create mode 100644 layout/reftests/bugs/291262-1-ref.html
 create mode 100644 layout/reftests/bugs/291262-1.html
 create mode 100644 layout/reftests/bugs/294306-1.html
 create mode 100644 layout/reftests/bugs/294306-1a-ref.html
 create mode 100644 layout/reftests/bugs/294306-1b-ref.html
 create mode 100644 layout/reftests/bugs/296361-1.html
 create mode 100644 layout/reftests/bugs/296361-ref.html
 create mode 100644 layout/reftests/bugs/296904-1-ref.html
 create mode 100644 layout/reftests/bugs/296904-1.html
 create mode 100644 layout/reftests/bugs/299136-1-ref.html
 create mode 100644 layout/reftests/bugs/299136-1.html
 create mode 100644 layout/reftests/bugs/299837-1-ref.html
 create mode 100644 layout/reftests/bugs/299837-1.html
 create mode 100644 layout/reftests/bugs/299837-3-ref.xhtml
 create mode 100644 layout/reftests/bugs/299837-3.xhtml
 create mode 100644 layout/reftests/bugs/300691-1-ref.html
 create mode 100644 layout/reftests/bugs/300691-1a.html
 create mode 100644 layout/reftests/bugs/300691-1b.html
 create mode 100644 layout/reftests/bugs/300691-1c.html
 create mode 100644 layout/reftests/bugs/300691-1d.html
 create mode 100644 layout/reftests/bugs/300691-1e.html
 create mode 100644 layout/reftests/bugs/300691-1f.html
 create mode 100644 layout/reftests/bugs/301726-1-ref.html
 create mode 100644 layout/reftests/bugs/301726-1.html
 create mode 100644 layout/reftests/bugs/301726-2-ref.html
 create mode 100644 layout/reftests/bugs/301726-2.html
 create mode 100644 layout/reftests/bugs/302379-ref.html
 create mode 100644 layout/reftests/bugs/302379.html
 create mode 100644 layout/reftests/bugs/306630-1-ref.html
 create mode 100644 layout/reftests/bugs/306630-1.html
 create mode 100644 layout/reftests/bugs/306660-1-ref.html
 create mode 100644 layout/reftests/bugs/306660-1.html
 create mode 100644 layout/reftests/bugs/306660-2-ref.html
 create mode 100644 layout/reftests/bugs/306660-2.html
 create mode 100644 layout/reftests/bugs/306660-3-ref.html
 create mode 100644 layout/reftests/bugs/306660-3.html
 create mode 100644 layout/reftests/bugs/307076-1-ref.html
 create mode 100644 layout/reftests/bugs/307076-1.html
 create mode 100644 layout/reftests/bugs/307102-1-ref.html
 create mode 100644 layout/reftests/bugs/307102-1.html
 create mode 100644 layout/reftests/bugs/307102-2-ref.html
 create mode 100644 layout/reftests/bugs/307102-2.html
 create mode 100644 layout/reftests/bugs/307102-3-ref.html
 create mode 100644 layout/reftests/bugs/307102-3.html
 create mode 100644 layout/reftests/bugs/307102-4-ref.html
 create mode 100644 layout/reftests/bugs/307102-4.html
 create mode 100644 layout/reftests/bugs/308406-1-ref.html
 create mode 100644 layout/reftests/bugs/308406-1.html
 create mode 100644 layout/reftests/bugs/308406-2-ref.html
 create mode 100644 layout/reftests/bugs/308406-2.html
 create mode 100644 layout/reftests/bugs/309550-1-ref.html
 create mode 100644 layout/reftests/bugs/309550-1.html
 create mode 100644 layout/reftests/bugs/311366-unknown-block-1-ref.html
 create mode 100644 layout/reftests/bugs/311366-unknown-block-1.html
 create mode 100644 layout/reftests/bugs/311366-unknown-block-2-ref.html
 create mode 100644 layout/reftests/bugs/311366-unknown-block-2.html
 create mode 100644 layout/reftests/bugs/311366-unknown-block-3-ref.html
 create mode 100644 layout/reftests/bugs/311366-unknown-block-3.html
 create mode 100644 layout/reftests/bugs/311366-unknown-inline-1-ref.html
 create mode 100644 layout/reftests/bugs/311366-unknown-inline-1.html
 create mode 100644 layout/reftests/bugs/311366-unknown-inline-2-ref.html
 create mode 100644 layout/reftests/bugs/311366-unknown-inline-2.html
 create mode 100644 layout/reftests/bugs/311822-1-ref-a.html
 create mode 100644 layout/reftests/bugs/311822-1-ref-b.html
 create mode 100644 layout/reftests/bugs/311822-1.html
 create mode 100644 layout/reftests/bugs/315620-1-ref.html
 create mode 100644 layout/reftests/bugs/315620-1a.html
 create mode 100644 layout/reftests/bugs/315620-1b.html
 create mode 100644 layout/reftests/bugs/315620-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/315620-2a.xhtml
 create mode 100644 layout/reftests/bugs/315620-2b.xhtml
 create mode 100644 layout/reftests/bugs/315920-1-ref.html
 create mode 100644 layout/reftests/bugs/315920-10-ref.html
 create mode 100644 layout/reftests/bugs/315920-10.html
 create mode 100644 layout/reftests/bugs/315920-11-ref.html
 create mode 100644 layout/reftests/bugs/315920-11.html
 create mode 100644 layout/reftests/bugs/315920-12-ref.html
 create mode 100644 layout/reftests/bugs/315920-12a.html
 create mode 100644 layout/reftests/bugs/315920-12b.html
 create mode 100644 layout/reftests/bugs/315920-12c.html
 create mode 100644 layout/reftests/bugs/315920-13-ref.html
 create mode 100644 layout/reftests/bugs/315920-13a.html
 create mode 100644 layout/reftests/bugs/315920-13b.html
 create mode 100644 layout/reftests/bugs/315920-14-ref.html
 create mode 100644 layout/reftests/bugs/315920-14.html
 create mode 100644 layout/reftests/bugs/315920-15-ref.html
 create mode 100644 layout/reftests/bugs/315920-15.html
 create mode 100644 layout/reftests/bugs/315920-16-ref.html
 create mode 100644 layout/reftests/bugs/315920-16.html
 create mode 100644 layout/reftests/bugs/315920-17-ref.html
 create mode 100644 layout/reftests/bugs/315920-17.html
 create mode 100644 layout/reftests/bugs/315920-18-ref.html
 create mode 100644 layout/reftests/bugs/315920-18a.html
 create mode 100644 layout/reftests/bugs/315920-18b.html
 create mode 100644 layout/reftests/bugs/315920-18c.html
 create mode 100644 layout/reftests/bugs/315920-18d.html
 create mode 100644 layout/reftests/bugs/315920-18e.html
 create mode 100644 layout/reftests/bugs/315920-18f.html
 create mode 100644 layout/reftests/bugs/315920-18g.html
 create mode 100644 layout/reftests/bugs/315920-18h.html
 create mode 100644 layout/reftests/bugs/315920-18i.html
 create mode 100644 layout/reftests/bugs/315920-19-ref.html
 create mode 100644 layout/reftests/bugs/315920-19.html
 create mode 100644 layout/reftests/bugs/315920-1a.html
 create mode 100644 layout/reftests/bugs/315920-1b.html
 create mode 100644 layout/reftests/bugs/315920-1c.html
 create mode 100644 layout/reftests/bugs/315920-1d.html
 create mode 100644 layout/reftests/bugs/315920-2-ref.html
 create mode 100644 layout/reftests/bugs/315920-20-ref.svg
 create mode 100644 layout/reftests/bugs/315920-20-style.css
 create mode 100644 layout/reftests/bugs/315920-20.svg
 create mode 100644 layout/reftests/bugs/315920-21-ref.svg
 create mode 100644 layout/reftests/bugs/315920-21-style.css
 create mode 100644 layout/reftests/bugs/315920-21.svg
 create mode 100644 layout/reftests/bugs/315920-22-ref.html
 create mode 100644 layout/reftests/bugs/315920-22.html
 create mode 100644 layout/reftests/bugs/315920-23-ref.html
 create mode 100644 layout/reftests/bugs/315920-23.html
 create mode 100644 layout/reftests/bugs/315920-24-ref.html
 create mode 100644 layout/reftests/bugs/315920-24.html
 create mode 100644 layout/reftests/bugs/315920-25-ref.html
 create mode 100644 layout/reftests/bugs/315920-25.html
 create mode 100644 layout/reftests/bugs/315920-26-ref.html
 create mode 100644 layout/reftests/bugs/315920-26.html
 create mode 100644 layout/reftests/bugs/315920-27-ref.html
 create mode 100644 layout/reftests/bugs/315920-27.html
 create mode 100644 layout/reftests/bugs/315920-28-ref.html
 create mode 100644 layout/reftests/bugs/315920-28a.html
 create mode 100644 layout/reftests/bugs/315920-28b.html
 create mode 100644 layout/reftests/bugs/315920-28c.html
 create mode 100644 layout/reftests/bugs/315920-29-ref.html
 create mode 100644 layout/reftests/bugs/315920-29a.html
 create mode 100644 layout/reftests/bugs/315920-29b.html
 create mode 100644 layout/reftests/bugs/315920-2a.html
 create mode 100644 layout/reftests/bugs/315920-2b.html
 create mode 100644 layout/reftests/bugs/315920-2c.html
 create mode 100644 layout/reftests/bugs/315920-3-ref.html
 create mode 100644 layout/reftests/bugs/315920-30-ref.html
 create mode 100644 layout/reftests/bugs/315920-30.html
 create mode 100644 layout/reftests/bugs/315920-3a.html
 create mode 100644 layout/reftests/bugs/315920-3b.html
 create mode 100644 layout/reftests/bugs/315920-3c.html
 create mode 100644 layout/reftests/bugs/315920-3d.html
 create mode 100644 layout/reftests/bugs/315920-3e.html
 create mode 100644 layout/reftests/bugs/315920-3f.html
 create mode 100644 layout/reftests/bugs/315920-4-ref.html
 create mode 100644 layout/reftests/bugs/315920-4.html
 create mode 100644 layout/reftests/bugs/315920-5-ref.html
 create mode 100644 layout/reftests/bugs/315920-5.html
 create mode 100644 layout/reftests/bugs/315920-6-ref.html
 create mode 100644 layout/reftests/bugs/315920-6.html
 create mode 100644 layout/reftests/bugs/315920-7-ref.html
 create mode 100644 layout/reftests/bugs/315920-7a.html
 create mode 100644 layout/reftests/bugs/315920-7b.html
 create mode 100644 layout/reftests/bugs/315920-7c.html
 create mode 100644 layout/reftests/bugs/315920-8-ref.html
 create mode 100644 layout/reftests/bugs/315920-8a.html
 create mode 100644 layout/reftests/bugs/315920-8b.html
 create mode 100644 layout/reftests/bugs/315920-9-ref.html
 create mode 100644 layout/reftests/bugs/315920-9.html
 create mode 100644 layout/reftests/bugs/316057-1-ref.html
 create mode 100644 layout/reftests/bugs/316057-1.html
 create mode 100644 layout/reftests/bugs/320979-1-ref.html
 create mode 100644 layout/reftests/bugs/320979-1.html
 create mode 100644 layout/reftests/bugs/321402-1.html
 create mode 100644 layout/reftests/bugs/321402-2.html
 create mode 100644 layout/reftests/bugs/321402-3-ref.xhtml
 create mode 100644 layout/reftests/bugs/321402-3.xhtml
 create mode 100644 layout/reftests/bugs/321402-4-ref.xhtml
 create mode 100644 layout/reftests/bugs/321402-4.xhtml
 create mode 100644 layout/reftests/bugs/321402-5-ref.xhtml
 create mode 100644 layout/reftests/bugs/321402-5.xhtml
 create mode 100644 layout/reftests/bugs/321402-6-ref.xhtml
 create mode 100644 layout/reftests/bugs/321402-6.xhtml
 create mode 100644 layout/reftests/bugs/321738-1-ref.html
 create mode 100644 layout/reftests/bugs/321738-1.html
 create mode 100644 layout/reftests/bugs/322461-1-ref.html
 create mode 100644 layout/reftests/bugs/322461-1.xml
 create mode 100644 layout/reftests/bugs/323656-1-ref.html
 create mode 100644 layout/reftests/bugs/323656-1.html
 create mode 100644 layout/reftests/bugs/323656-2-ref.html
 create mode 100644 layout/reftests/bugs/323656-2.html
 create mode 100644 layout/reftests/bugs/323656-3-ref.html
 create mode 100644 layout/reftests/bugs/323656-3.html
 create mode 100644 layout/reftests/bugs/323656-4-ref.html
 create mode 100644 layout/reftests/bugs/323656-4.html
 create mode 100644 layout/reftests/bugs/323656-5-ref.svg
 create mode 100644 layout/reftests/bugs/323656-5.svg
 create mode 100644 layout/reftests/bugs/323656-6-ref.html
 create mode 100644 layout/reftests/bugs/323656-6.html
 create mode 100644 layout/reftests/bugs/325292-1-ref.html
 create mode 100644 layout/reftests/bugs/325292-1.html
 create mode 100644 layout/reftests/bugs/325486-1-ref.html
 create mode 100644 layout/reftests/bugs/325486-1.html
 create mode 100644 layout/reftests/bugs/328111-1-ref.html
 create mode 100644 layout/reftests/bugs/328111-1.html
 create mode 100644 layout/reftests/bugs/328829-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/328829-1.xhtml
 create mode 100644 layout/reftests/bugs/328829-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/328829-2.xhtml
 create mode 100644 layout/reftests/bugs/329359-1-ref.html
 create mode 100644 layout/reftests/bugs/329359-1.html
 create mode 100644 layout/reftests/bugs/331809-1-ref.html
 create mode 100644 layout/reftests/bugs/331809-1.html
 create mode 100644 layout/reftests/bugs/331809-1.xhtml
 create mode 100644 layout/reftests/bugs/332360-ltr-ref.html
 create mode 100644 layout/reftests/bugs/332360-ltr.html
 create mode 100644 layout/reftests/bugs/332360-ref.html
 create mode 100644 layout/reftests/bugs/332360-width-ltr.html
 create mode 100644 layout/reftests/bugs/332360-width.html
 create mode 100644 layout/reftests/bugs/332360.html
 create mode 100644 layout/reftests/bugs/332557-1-ref.html
 create mode 100644 layout/reftests/bugs/332557-1.html
 create mode 100644 layout/reftests/bugs/332975-1-ref.html
 create mode 100644 layout/reftests/bugs/332975-1.html
 create mode 100644 layout/reftests/bugs/333970-1-ref.html
 create mode 100644 layout/reftests/bugs/333970-1.html
 create mode 100644 layout/reftests/bugs/334829-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/334829-1a-shadow.xhtml
 create mode 100644 layout/reftests/bugs/334829-1b-shadow.xhtml
 create mode 100644 layout/reftests/bugs/335628-1-ref.html
 create mode 100644 layout/reftests/bugs/335628-1.html
 create mode 100644 layout/reftests/bugs/336096-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/336096-1.xhtml
 create mode 100644 layout/reftests/bugs/336147-1-ref.html
 create mode 100644 layout/reftests/bugs/336147-1.html
 create mode 100644 layout/reftests/bugs/336153-1-ref.html
 create mode 100644 layout/reftests/bugs/336153-1.html
 create mode 100644 layout/reftests/bugs/338251-p-oh-ref.html
 create mode 100644 layout/reftests/bugs/338251-p-oh.html
 create mode 100644 layout/reftests/bugs/338251-p.html
 create mode 100644 layout/reftests/bugs/338251-pre-oh-ref.html
 create mode 100644 layout/reftests/bugs/338251-pre-oh.html
 create mode 100644 layout/reftests/bugs/338251-pre.html
 create mode 100644 layout/reftests/bugs/339289-1-ref.html
 create mode 100644 layout/reftests/bugs/339289-1.html
 create mode 100644 layout/reftests/bugs/341043-1-ref.html
 create mode 100644 layout/reftests/bugs/341043-1a.html
 create mode 100644 layout/reftests/bugs/341043-1b.html
 create mode 100644 layout/reftests/bugs/343538-1-ref.html
 create mode 100644 layout/reftests/bugs/343538-1.html
 create mode 100644 layout/reftests/bugs/343540-1-ref.html
 create mode 100644 layout/reftests/bugs/343540-1.html
 create mode 100644 layout/reftests/bugs/345267-1-ref.html
 create mode 100644 layout/reftests/bugs/345267-1a.html
 create mode 100644 layout/reftests/bugs/345267-1b.html
 create mode 100644 layout/reftests/bugs/345267-1c.html
 create mode 100644 layout/reftests/bugs/345267-1d.html
 create mode 100644 layout/reftests/bugs/346774-1-ref.html
 create mode 100644 layout/reftests/bugs/346774-1a.html
 create mode 100644 layout/reftests/bugs/346774-1b.html
 create mode 100644 layout/reftests/bugs/346774-1c.html
 create mode 100644 layout/reftests/bugs/347912-1-ref.html
 create mode 100644 layout/reftests/bugs/347912-1.html
 create mode 100644 layout/reftests/bugs/348049-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/348049-1.xhtml
 create mode 100644 layout/reftests/bugs/348516-1-ref.html
 create mode 100644 layout/reftests/bugs/348516-1.html
 create mode 100644 layout/reftests/bugs/348516-2-notref.html
 create mode 100644 layout/reftests/bugs/348516-2-ref.html
 create mode 100644 layout/reftests/bugs/348516-2.html
 create mode 100644 layout/reftests/bugs/348516-3-notref.html
 create mode 100644 layout/reftests/bugs/348516-3.html
 create mode 100644 layout/reftests/bugs/348597-1.html
 create mode 100644 layout/reftests/bugs/348597-ref.html
 create mode 100644 layout/reftests/bugs/348809-1-ref.html
 create mode 100644 layout/reftests/bugs/348809-1a.html
 create mode 100644 layout/reftests/bugs/348809-1b.html
 create mode 100644 layout/reftests/bugs/348809-1c.html
 create mode 100644 layout/reftests/bugs/348809-1d.html
 create mode 100644 layout/reftests/bugs/348809-1e.html
 create mode 100644 layout/reftests/bugs/348809-1f.html
 create mode 100644 layout/reftests/bugs/348809-2-ref.html
 create mode 100644 layout/reftests/bugs/348809-2a.html
 create mode 100644 layout/reftests/bugs/348809-2b.html
 create mode 100644 layout/reftests/bugs/348809-2c.html
 create mode 100644 layout/reftests/bugs/348809-2d.html
 create mode 100644 layout/reftests/bugs/348809-2e.html
 create mode 100644 layout/reftests/bugs/348809-2f.html
 create mode 100644 layout/reftests/bugs/348809-2g.html
 create mode 100644 layout/reftests/bugs/348809-2h.html
 create mode 100644 layout/reftests/bugs/349695-1-ref.html
 create mode 100644 layout/reftests/bugs/349695-1a.html
 create mode 100644 layout/reftests/bugs/349695-1b.html
 create mode 100644 layout/reftests/bugs/350506-1-ref.html
 create mode 100644 layout/reftests/bugs/350506-1.html
 create mode 100644 layout/reftests/bugs/351641-1-ref.html
 create mode 100644 layout/reftests/bugs/351641-1a.html
 create mode 100644 layout/reftests/bugs/351641-1b.html
 create mode 100644 layout/reftests/bugs/351641-2-ref.html
 create mode 100644 layout/reftests/bugs/351641-2a.html
 create mode 100644 layout/reftests/bugs/351641-2b.html
 create mode 100644 layout/reftests/bugs/352980-1-ref.html
 create mode 100644 layout/reftests/bugs/352980-1a.html
 create mode 100644 layout/reftests/bugs/352980-1b.html
 create mode 100644 layout/reftests/bugs/352980-1c.html
 create mode 100644 layout/reftests/bugs/352980-1d.html
 create mode 100644 layout/reftests/bugs/352980-1e.html
 create mode 100644 layout/reftests/bugs/352980-1f.html
 create mode 100644 layout/reftests/bugs/352980-1g.html
 create mode 100644 layout/reftests/bugs/352980-1h.html
 create mode 100644 layout/reftests/bugs/352980-1i.html
 create mode 100644 layout/reftests/bugs/352980-1j.html
 create mode 100644 layout/reftests/bugs/352980-1k.html
 create mode 100644 layout/reftests/bugs/352980-1l.html
 create mode 100644 layout/reftests/bugs/352980-2-ref.html
 create mode 100644 layout/reftests/bugs/352980-2a.html
 create mode 100644 layout/reftests/bugs/352980-2b.html
 create mode 100644 layout/reftests/bugs/352980-2c.html
 create mode 100644 layout/reftests/bugs/352980-2d.html
 create mode 100644 layout/reftests/bugs/352980-2e.html
 create mode 100644 layout/reftests/bugs/352980-2f.html
 create mode 100644 layout/reftests/bugs/352980-3-ref.html
 create mode 100644 layout/reftests/bugs/352980-3a.html
 create mode 100644 layout/reftests/bugs/352980-3b.html
 create mode 100644 layout/reftests/bugs/352980-3c.html
 create mode 100644 layout/reftests/bugs/352980-3d.html
 create mode 100644 layout/reftests/bugs/352980-3e.html
 create mode 100644 layout/reftests/bugs/352980-3f.html
 create mode 100644 layout/reftests/bugs/356774-1-ref.html
 create mode 100644 layout/reftests/bugs/356774-1.html
 create mode 100644 layout/reftests/bugs/356775-1-ref.html
 create mode 100644 layout/reftests/bugs/356775-1.html
 create mode 100644 layout/reftests/bugs/359869-1-ref.html
 create mode 100644 layout/reftests/bugs/359869-1.html
 create mode 100644 layout/reftests/bugs/359903-1-ref.html
 create mode 100644 layout/reftests/bugs/359903-1.html
 create mode 100644 layout/reftests/bugs/359903-2-ref.html
 create mode 100644 layout/reftests/bugs/359903-2.html
 create mode 100644 layout/reftests/bugs/360065-1-ref.html
 create mode 100644 layout/reftests/bugs/360065-1.html
 create mode 100644 layout/reftests/bugs/360746-1-ref.html
 create mode 100644 layout/reftests/bugs/360746-1.html
 create mode 100644 layout/reftests/bugs/360757-1-ref.html
 create mode 100644 layout/reftests/bugs/360757-1a.html
 create mode 100644 layout/reftests/bugs/360757-1b.html
 create mode 100644 layout/reftests/bugs/361091-1-ref.html
 create mode 100644 layout/reftests/bugs/361091-1.html
 create mode 100644 layout/reftests/bugs/362594-1-quirks-ref.html
 create mode 100644 layout/reftests/bugs/362594-1-standards-ref.html
 create mode 100644 layout/reftests/bugs/362594-1a.html
 create mode 100644 layout/reftests/bugs/362594-1b.html
 create mode 100644 layout/reftests/bugs/362594-1c.html
 create mode 100644 layout/reftests/bugs/362594-2-quirks-ref.html
 create mode 100644 layout/reftests/bugs/362594-2-standards-ref.html
 create mode 100644 layout/reftests/bugs/362594-2a.html
 create mode 100644 layout/reftests/bugs/362594-2b.html
 create mode 100644 layout/reftests/bugs/362594-2c.html
 create mode 100644 layout/reftests/bugs/362901-1-ref.html
 create mode 100644 layout/reftests/bugs/362901-1.html
 create mode 100644 layout/reftests/bugs/363247-1-ref.html
 create mode 100644 layout/reftests/bugs/363247-1.html
 create mode 100644 layout/reftests/bugs/363329-1-ref.html
 create mode 100644 layout/reftests/bugs/363329-1.html
 create mode 100644 layout/reftests/bugs/363329-2-ref.html
 create mode 100644 layout/reftests/bugs/363329-2.html
 create mode 100644 layout/reftests/bugs/363370-1-ref.html
 create mode 100644 layout/reftests/bugs/363370-1.html
 create mode 100644 layout/reftests/bugs/363402-1-ref.html
 create mode 100644 layout/reftests/bugs/363402-1.html
 create mode 100644 layout/reftests/bugs/363637-1-ref.html
 create mode 100644 layout/reftests/bugs/363637-1.html
 create mode 100644 layout/reftests/bugs/363706-1-ref.html
 create mode 100644 layout/reftests/bugs/363706-1.html
 create mode 100644 layout/reftests/bugs/363728-1-ref.html
 create mode 100644 layout/reftests/bugs/363728-1.html
 create mode 100644 layout/reftests/bugs/363728-2-ref.html
 create mode 100644 layout/reftests/bugs/363728-2.html
 create mode 100644 layout/reftests/bugs/363858-1-ref.html
 create mode 100644 layout/reftests/bugs/363858-1.html
 create mode 100644 layout/reftests/bugs/363858-2-ref.html
 create mode 100644 layout/reftests/bugs/363858-2.html
 create mode 100644 layout/reftests/bugs/363858-3-ref.html
 create mode 100644 layout/reftests/bugs/363858-3.html
 create mode 100644 layout/reftests/bugs/363858-4-ref.html
 create mode 100644 layout/reftests/bugs/363858-4.html
 create mode 100644 layout/reftests/bugs/363858-5-ref.html
 create mode 100644 layout/reftests/bugs/363858-5a.html
 create mode 100644 layout/reftests/bugs/363858-5b.html
 create mode 100644 layout/reftests/bugs/363858-6-ref.html
 create mode 100644 layout/reftests/bugs/363858-6a.html
 create mode 100644 layout/reftests/bugs/363858-6b.html
 create mode 100644 layout/reftests/bugs/363874-max-width-ref.html
 create mode 100644 layout/reftests/bugs/363874-max-width.html
 create mode 100644 layout/reftests/bugs/363874-ref.html
 create mode 100644 layout/reftests/bugs/363874.html
 create mode 100644 layout/reftests/bugs/364066-1-ref.html
 create mode 100644 layout/reftests/bugs/364066-1.html
 create mode 100644 layout/reftests/bugs/364079-1-ref.html
 create mode 100644 layout/reftests/bugs/364079-1.html
 create mode 100644 layout/reftests/bugs/364318-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/364318-1.xhtml
 create mode 100644 layout/reftests/bugs/364861-1-ref.html
 create mode 100644 layout/reftests/bugs/364861-1.html
 create mode 100644 layout/reftests/bugs/364862-1-ref.html
 create mode 100644 layout/reftests/bugs/364862-1.html
 create mode 100644 layout/reftests/bugs/364968-1-ref.html
 create mode 100644 layout/reftests/bugs/364968-1.xhtml
 create mode 100644 layout/reftests/bugs/364989-1-ref.html
 create mode 100644 layout/reftests/bugs/364989-1.html
 create mode 100644 layout/reftests/bugs/365173-1-ref.html
 create mode 100644 layout/reftests/bugs/365173-1.html
 create mode 100644 layout/reftests/bugs/366616-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/366616-1.xhtml
 create mode 100644 layout/reftests/bugs/367220-1-ref.html
 create mode 100644 layout/reftests/bugs/367220-1.html
 create mode 100644 layout/reftests/bugs/367247-l-auto.html
 create mode 100644 layout/reftests/bugs/367247-l-hidden.html
 create mode 100644 layout/reftests/bugs/367247-l-scroll.html
 create mode 100644 layout/reftests/bugs/367247-l-visible.html
 create mode 100644 layout/reftests/bugs/367247-s-auto.html
 create mode 100644 layout/reftests/bugs/367247-s-hidden.html
 create mode 100644 layout/reftests/bugs/367247-s-scroll.html
 create mode 100644 layout/reftests/bugs/367247-s-visible.html
 create mode 100644 layout/reftests/bugs/367332-1-ref.html
 create mode 100644 layout/reftests/bugs/367332-1a.html
 create mode 100644 layout/reftests/bugs/367332-1b.html
 create mode 100644 layout/reftests/bugs/367332-1c.html
 create mode 100644 layout/reftests/bugs/367332-1d.html
 create mode 100644 layout/reftests/bugs/367332-1e.html
 create mode 100644 layout/reftests/bugs/367332-1f.html
 create mode 100644 layout/reftests/bugs/367332-1g.html
 create mode 100644 layout/reftests/bugs/367375-1-ref.html
 create mode 100644 layout/reftests/bugs/367375-1.html
 create mode 100644 layout/reftests/bugs/367375-2-ref.html
 create mode 100644 layout/reftests/bugs/367375-2.html
 create mode 100644 layout/reftests/bugs/367489-1-ref.html
 create mode 100644 layout/reftests/bugs/367489-1.html
 create mode 100644 layout/reftests/bugs/367504-float-1-ref.html
 create mode 100644 layout/reftests/bugs/367504-float-1.html
 create mode 100644 layout/reftests/bugs/367504-margin-1-ref.html
 create mode 100644 layout/reftests/bugs/367504-margin-1.html
 create mode 100644 layout/reftests/bugs/367612-1-ref.html
 create mode 100644 layout/reftests/bugs/367612-1a.html
 create mode 100644 layout/reftests/bugs/367612-1b.html
 create mode 100644 layout/reftests/bugs/367612-1c.html
 create mode 100644 layout/reftests/bugs/367612-1d.html
 create mode 100644 layout/reftests/bugs/367612-1e.html
 create mode 100644 layout/reftests/bugs/367612-1f.html
 create mode 100644 layout/reftests/bugs/367612-1g.html
 create mode 100644 layout/reftests/bugs/368020-1-ref.html
 create mode 100644 layout/reftests/bugs/368020-1.html
 create mode 100644 layout/reftests/bugs/368020-2-ref.html
 create mode 100644 layout/reftests/bugs/368020-2.html
 create mode 100644 layout/reftests/bugs/368020-3-ref.html
 create mode 100644 layout/reftests/bugs/368020-3.html
 create mode 100644 layout/reftests/bugs/368020-5-ref.html
 create mode 100644 layout/reftests/bugs/368020-5.html
 create mode 100644 layout/reftests/bugs/368155-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/368155-1.xhtml
 create mode 100644 layout/reftests/bugs/368155-negative-margins-1-ref.html
 create mode 100644 layout/reftests/bugs/368155-negative-margins-1.html
 create mode 100644 layout/reftests/bugs/368247-1-ref.html
 create mode 100644 layout/reftests/bugs/368247-1.html
 create mode 100644 layout/reftests/bugs/368247-2-ref.html
 create mode 100644 layout/reftests/bugs/368247-2.html
 create mode 100644 layout/reftests/bugs/368504-1-ref.html
 create mode 100644 layout/reftests/bugs/368504-1.html
 create mode 100644 layout/reftests/bugs/368504-2-ref.html
 create mode 100644 layout/reftests/bugs/368504-2.html
 create mode 100644 layout/reftests/bugs/368504-3-ref.html
 create mode 100644 layout/reftests/bugs/368504-3a.html
 create mode 100644 layout/reftests/bugs/368504-3b.html
 create mode 100644 layout/reftests/bugs/368504-4-ref.html
 create mode 100644 layout/reftests/bugs/368504-4.html
 create mode 100644 layout/reftests/bugs/368504-5-ref.html
 create mode 100644 layout/reftests/bugs/368504-5.html
 create mode 100644 layout/reftests/bugs/368504-6-ref.html
 create mode 100644 layout/reftests/bugs/368504-6.html
 create mode 100644 layout/reftests/bugs/368622-1-ref.html
 create mode 100644 layout/reftests/bugs/368622-1.html
 create mode 100644 layout/reftests/bugs/368651-1-ref.html
 create mode 100644 layout/reftests/bugs/368651-1.html
 create mode 100644 layout/reftests/bugs/369361-1-ref.html
 create mode 100644 layout/reftests/bugs/369361-1.html
 create mode 100644 layout/reftests/bugs/369361-2-ref.html
 create mode 100644 layout/reftests/bugs/369361-2.html
 create mode 100644 layout/reftests/bugs/369882-ref.xhtml
 create mode 100644 layout/reftests/bugs/369882.xhtml
 create mode 100644 layout/reftests/bugs/369975-1.html
 create mode 100644 layout/reftests/bugs/370353-1-ref.html
 create mode 100644 layout/reftests/bugs/370353-1.html
 create mode 100644 layout/reftests/bugs/370422-1-ref.html
 create mode 100644 layout/reftests/bugs/370422-1.html
 create mode 100644 layout/reftests/bugs/370525-1-notref.html
 create mode 100644 layout/reftests/bugs/370525-1-ref.html
 create mode 100644 layout/reftests/bugs/370525-1.html
 create mode 100644 layout/reftests/bugs/370525-2-notref.html
 create mode 100644 layout/reftests/bugs/370525-2-ref.html
 create mode 100644 layout/reftests/bugs/370525-2.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-1a-ref.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-1a.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-1b-ref.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-1b.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-1c-ref.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-1c.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-2a-ref.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-2a.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-2b-ref.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-2b.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-3-ref.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-3.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-4-ref.html
 create mode 100644 layout/reftests/bugs/370525-rowspan-4.html
 create mode 100644 layout/reftests/bugs/370525-sib-ref.html
 create mode 100644 layout/reftests/bugs/370525-sib.html
 create mode 100644 layout/reftests/bugs/370525-style.css
 create mode 100644 layout/reftests/bugs/370586-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/370586-1.xhtml
 create mode 100644 layout/reftests/bugs/370629-1-ref.html
 create mode 100644 layout/reftests/bugs/370629-1.html
 create mode 100644 layout/reftests/bugs/370629-2-ref.html
 create mode 100644 layout/reftests/bugs/370629-2.html
 create mode 100644 layout/reftests/bugs/371043-1-ref.html
 create mode 100644 layout/reftests/bugs/371043-1.html
 create mode 100644 layout/reftests/bugs/371354-1-ref.html
 create mode 100644 layout/reftests/bugs/371354-1.html
 create mode 100644 layout/reftests/bugs/371483-1.html
 create mode 100644 layout/reftests/bugs/371561-1-ref.html
 create mode 100644 layout/reftests/bugs/371561-1.html
 create mode 100644 layout/reftests/bugs/371681-1.xhtml
 create mode 100644 layout/reftests/bugs/371925-1-ref.html
 create mode 100644 layout/reftests/bugs/371925-1a.html
 create mode 100644 layout/reftests/bugs/371925-1b.html
 create mode 100644 layout/reftests/bugs/372037-1-ref.html
 create mode 100644 layout/reftests/bugs/372037-1.html
 create mode 100644 layout/reftests/bugs/372062-1-ref.html
 create mode 100644 layout/reftests/bugs/372062-1.html
 create mode 100644 layout/reftests/bugs/372063-1-ref.html
 create mode 100644 layout/reftests/bugs/372063-1.html
 create mode 100644 layout/reftests/bugs/372553-1-ref.html
 create mode 100644 layout/reftests/bugs/372553-1.html
 create mode 100644 layout/reftests/bugs/372632-1-ref.html
 create mode 100644 layout/reftests/bugs/372632-1.html
 create mode 100644 layout/reftests/bugs/372768-1-ref.html
 create mode 100644 layout/reftests/bugs/372768-1.html
 create mode 100644 layout/reftests/bugs/373295-1-ref.html
 create mode 100644 layout/reftests/bugs/373295-1.html
 create mode 100644 layout/reftests/bugs/373298-1-ref.html
 create mode 100644 layout/reftests/bugs/373298-1.html
 create mode 100644 layout/reftests/bugs/373381-1-ref.html
 create mode 100644 layout/reftests/bugs/373381-1.html
 create mode 100644 layout/reftests/bugs/373381-2-ref.html
 create mode 100644 layout/reftests/bugs/373381-2.html
 create mode 100644 layout/reftests/bugs/373381-3-ref.html
 create mode 100644 layout/reftests/bugs/373381-3.html
 create mode 100644 layout/reftests/bugs/373381-4-ref.html
 create mode 100644 layout/reftests/bugs/373381-4.html
 create mode 100644 layout/reftests/bugs/373383-1-ref.html
 create mode 100644 layout/reftests/bugs/373383-1.html
 create mode 100644 layout/reftests/bugs/373433-1-ref.html
 create mode 100644 layout/reftests/bugs/373433-1.html
 create mode 100644 layout/reftests/bugs/374038-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/374038-1.xhtml
 create mode 100644 layout/reftests/bugs/374038-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/374038-2.xhtml
 create mode 100644 layout/reftests/bugs/374927-1-ref.html
 create mode 100644 layout/reftests/bugs/374927-1.html
 create mode 100644 layout/reftests/bugs/375508-1-ref.html
 create mode 100644 layout/reftests/bugs/375508-1.html
 create mode 100644 layout/reftests/bugs/375716-1-ref.html
 create mode 100644 layout/reftests/bugs/375716-1.html
 create mode 100644 layout/reftests/bugs/375827-1-ref.html
 create mode 100644 layout/reftests/bugs/375827-1.html
 create mode 100644 layout/reftests/bugs/376375-1-ref.html
 create mode 100644 layout/reftests/bugs/376375-1.html
 create mode 100644 layout/reftests/bugs/376484-1-ref.html
 create mode 100644 layout/reftests/bugs/376484-1.html
 create mode 100644 layout/reftests/bugs/376532-1-ref.html
 create mode 100644 layout/reftests/bugs/376532-1.html
 create mode 100644 layout/reftests/bugs/376532-2-ref.html
 create mode 100644 layout/reftests/bugs/376532-2.html
 create mode 100644 layout/reftests/bugs/376532-3-ref.html
 create mode 100644 layout/reftests/bugs/376532-3.html
 create mode 100644 layout/reftests/bugs/377603-1-ref.html
 create mode 100644 layout/reftests/bugs/377603-1.html
 create mode 100644 layout/reftests/bugs/377918-ref.html
 create mode 100644 layout/reftests/bugs/377918.html
 create mode 100644 layout/reftests/bugs/378535-1-ref.html
 create mode 100644 layout/reftests/bugs/378535-1.html
 create mode 100644 layout/reftests/bugs/378933-1-ref.html
 create mode 100644 layout/reftests/bugs/378933-1.html
 create mode 100644 layout/reftests/bugs/378935-1-ref.html
 create mode 100644 layout/reftests/bugs/378935-1.html
 create mode 100644 layout/reftests/bugs/378937-1-ref.html
 create mode 100644 layout/reftests/bugs/378937-1.html
 create mode 100644 layout/reftests/bugs/379178-html-ref.html
 create mode 100644 layout/reftests/bugs/379178-html.html
 create mode 100644 layout/reftests/bugs/379178-svg-ref.svg
 create mode 100644 layout/reftests/bugs/379178-svg.svg
 create mode 100644 layout/reftests/bugs/379178-xhtml-ref.xhtml
 create mode 100644 layout/reftests/bugs/379178-xhtml.xhtml
 create mode 100644 layout/reftests/bugs/379316-1-ref.html
 create mode 100644 layout/reftests/bugs/379316-1.html
 create mode 100644 layout/reftests/bugs/379316-2-ref.html
 create mode 100644 layout/reftests/bugs/379316-2.html
 create mode 100644 layout/reftests/bugs/379328-1-ref.html
 create mode 100644 layout/reftests/bugs/379328-1.html
 create mode 100644 layout/reftests/bugs/379349-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/379349-1a.xhtml
 create mode 100644 layout/reftests/bugs/379349-1b.xhtml
 create mode 100644 layout/reftests/bugs/379349-1c.xhtml
 create mode 100644 layout/reftests/bugs/379349-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/379349-2a.xhtml
 create mode 100644 layout/reftests/bugs/379349-2b.xhtml
 create mode 100644 layout/reftests/bugs/379349-3-ref.xhtml
 create mode 100644 layout/reftests/bugs/379349-3a.xhtml
 create mode 100644 layout/reftests/bugs/379349-3b.xhtml
 create mode 100644 layout/reftests/bugs/379361-1-ref.html
 create mode 100644 layout/reftests/bugs/379361-1.html
 create mode 100644 layout/reftests/bugs/379361-2-ref.html
 create mode 100644 layout/reftests/bugs/379361-2.html
 create mode 100644 layout/reftests/bugs/379361-3-ref.html
 create mode 100644 layout/reftests/bugs/379361-3.html
 create mode 100644 layout/reftests/bugs/379461-1.html
 create mode 100644 layout/reftests/bugs/379461-1.xhtml
 create mode 100644 layout/reftests/bugs/379461-2.html
 create mode 100644 layout/reftests/bugs/379461-2.xhtml
 create mode 100644 layout/reftests/bugs/379461-3-container-blank.html
 create mode 100644 layout/reftests/bugs/379461-3-container-html.html
 create mode 100644 layout/reftests/bugs/379461-3-container-xhtml.html
 create mode 100644 layout/reftests/bugs/379461-3.html
 create mode 100644 layout/reftests/bugs/379461-3.xhtml
 create mode 100644 layout/reftests/bugs/380004-1-ref.html
 create mode 100644 layout/reftests/bugs/380004-1.html
 create mode 100644 layout/reftests/bugs/380004-iframe.html
 create mode 100644 layout/reftests/bugs/380227-1-ref.html
 create mode 100644 layout/reftests/bugs/380227-1.html
 create mode 100644 layout/reftests/bugs/380227-iframe.html
 create mode 100644 layout/reftests/bugs/380825-1-ref.html
 create mode 100644 layout/reftests/bugs/380825-1.html
 create mode 100644 layout/reftests/bugs/380842-1-ref.html
 create mode 100644 layout/reftests/bugs/380842-1.html
 create mode 100644 layout/reftests/bugs/381130-1-ref.html
 create mode 100644 layout/reftests/bugs/381130-1.html
 create mode 100644 layout/reftests/bugs/381507-1-ref.html
 create mode 100644 layout/reftests/bugs/381507-1.html
 create mode 100644 layout/reftests/bugs/381507-iframe.html
 create mode 100644 layout/reftests/bugs/381746-1-framea.html
 create mode 100644 layout/reftests/bugs/381746-1-frameb.html
 create mode 100644 layout/reftests/bugs/381746-1-ref.html
 create mode 100644 layout/reftests/bugs/381746-1.html
 create mode 100644 layout/reftests/bugs/382600-1-ref.html
 create mode 100644 layout/reftests/bugs/382600-1.html
 create mode 100644 layout/reftests/bugs/382916-1-ref.html
 create mode 100644 layout/reftests/bugs/382916-1.html
 create mode 100644 layout/reftests/bugs/383035-1.html
 create mode 100644 layout/reftests/bugs/383035-2.html
 create mode 100644 layout/reftests/bugs/383488-1-ref.html
 create mode 100644 layout/reftests/bugs/383488-1.html
 create mode 100644 layout/reftests/bugs/383551-1-ref.html
 create mode 100644 layout/reftests/bugs/383551-1.html
 create mode 100644 layout/reftests/bugs/383883-1-ref.html
 create mode 100644 layout/reftests/bugs/383883-1.html
 create mode 100644 layout/reftests/bugs/383883-2-ref.html
 create mode 100644 layout/reftests/bugs/383883-2.html
 create mode 100644 layout/reftests/bugs/383883-3-ref.html
 create mode 100644 layout/reftests/bugs/383883-3.html
 create mode 100644 layout/reftests/bugs/383883-4-ref.html
 create mode 100644 layout/reftests/bugs/383883-4.html
 create mode 100644 layout/reftests/bugs/383884-1-ref.html
 create mode 100644 layout/reftests/bugs/383884-1.html
 create mode 100644 layout/reftests/bugs/383885-1-ref.html
 create mode 100644 layout/reftests/bugs/383885-1.html
 create mode 100644 layout/reftests/bugs/384322-1-ref.html
 create mode 100644 layout/reftests/bugs/384322-1.html
 create mode 100644 layout/reftests/bugs/384576-1-ref.html
 create mode 100644 layout/reftests/bugs/384576-1.html
 create mode 100644 layout/reftests/bugs/384762-1.html
 create mode 100644 layout/reftests/bugs/384876-1-ref.html
 create mode 100644 layout/reftests/bugs/384876-1.html
 create mode 100644 layout/reftests/bugs/385533-1.html
 create mode 100644 layout/reftests/bugs/385569-1-ref.html
 create mode 100644 layout/reftests/bugs/385569-1a.html
 create mode 100644 layout/reftests/bugs/385569-1b.html
 create mode 100644 layout/reftests/bugs/385607-1-ref.html
 create mode 100644 layout/reftests/bugs/385607-1.html
 create mode 100644 layout/reftests/bugs/385823-1-ref.html
 create mode 100644 layout/reftests/bugs/385823-1.html
 create mode 100644 layout/reftests/bugs/385823-2-ref.html
 create mode 100644 layout/reftests/bugs/385823-2a.html
 create mode 100644 layout/reftests/bugs/385823-2b.html
 create mode 100644 layout/reftests/bugs/385823-2c.html
 create mode 100644 layout/reftests/bugs/385870-1-ref.html
 create mode 100644 layout/reftests/bugs/385870-1.html
 create mode 100644 layout/reftests/bugs/385870-2-ref.html
 create mode 100644 layout/reftests/bugs/385870-2.html
 create mode 100644 layout/reftests/bugs/386014-1-ref.html
 create mode 100644 layout/reftests/bugs/386014-1a.html
 create mode 100644 layout/reftests/bugs/386014-1b.html
 create mode 100644 layout/reftests/bugs/386014-1c.html
 create mode 100644 layout/reftests/bugs/386065-1-ref.html
 create mode 100644 layout/reftests/bugs/386065-1.html
 create mode 100644 layout/reftests/bugs/386065-2.html
 create mode 100644 layout/reftests/bugs/386147-1-ref.html
 create mode 100644 layout/reftests/bugs/386147-1.html
 create mode 100644 layout/reftests/bugs/386310-1-ref.html
 create mode 100644 layout/reftests/bugs/386310-1a.html
 create mode 100644 layout/reftests/bugs/386310-1b-shadow.html
 create mode 100644 layout/reftests/bugs/386310-1c-shadow.html
 create mode 100644 layout/reftests/bugs/386310-1d-shadow.html
 create mode 100644 layout/reftests/bugs/386310-script.js
 create mode 100644 layout/reftests/bugs/386401-1-ref.html
 create mode 100644 layout/reftests/bugs/386401-1.html
 create mode 100644 layout/reftests/bugs/386401-2-ref.html
 create mode 100644 layout/reftests/bugs/386401-2.html
 create mode 100644 layout/reftests/bugs/386401-3-ref.html
 create mode 100644 layout/reftests/bugs/386401-3.html
 create mode 100644 layout/reftests/bugs/386470-1-ref.html
 create mode 100644 layout/reftests/bugs/386470-1a.html
 create mode 100644 layout/reftests/bugs/386470-1b.html
 create mode 100644 layout/reftests/bugs/386470-1c.html
 create mode 100644 layout/reftests/bugs/386920-1-ref.html
 create mode 100644 layout/reftests/bugs/386920-1.html
 create mode 100644 layout/reftests/bugs/387201-1-ref.html
 create mode 100644 layout/reftests/bugs/387201-1.html
 create mode 100644 layout/reftests/bugs/387201-2.html
 create mode 100644 layout/reftests/bugs/387201-3.html
 create mode 100644 layout/reftests/bugs/387227-1-ref.html
 create mode 100644 layout/reftests/bugs/387227-1.html
 create mode 100644 layout/reftests/bugs/387227-2-ref.html
 create mode 100644 layout/reftests/bugs/387227-2.html
 create mode 100644 layout/reftests/bugs/387344-1-ref.html
 create mode 100644 layout/reftests/bugs/387344-1.html
 create mode 100644 layout/reftests/bugs/387876-1-ref.html
 create mode 100644 layout/reftests/bugs/387876-1.html
 create mode 100644 layout/reftests/bugs/387876-2-ref.html
 create mode 100644 layout/reftests/bugs/387876-2.html
 create mode 100644 layout/reftests/bugs/387876-3-ref.html
 create mode 100644 layout/reftests/bugs/387876-3a.html
 create mode 100644 layout/reftests/bugs/387876-3b.html
 create mode 100644 layout/reftests/bugs/388026-1-ref.html
 create mode 100644 layout/reftests/bugs/388026-1.html
 create mode 100644 layout/reftests/bugs/389074-1-ref.html
 create mode 100644 layout/reftests/bugs/389074-1.html
 create mode 100644 layout/reftests/bugs/389224-1-ref.html
 create mode 100644 layout/reftests/bugs/389224-1.html
 create mode 100644 layout/reftests/bugs/389224-2.html
 create mode 100644 layout/reftests/bugs/389468-1-ref.html
 create mode 100644 layout/reftests/bugs/389468-1.html
 create mode 100644 layout/reftests/bugs/389623-1-ref.html
 create mode 100644 layout/reftests/bugs/389623-1.html
 create mode 100644 layout/reftests/bugs/389636-1.html
 create mode 100644 layout/reftests/bugs/389924-1-ref.html
 create mode 100644 layout/reftests/bugs/389924-1a.html
 create mode 100644 layout/reftests/bugs/389924-1b.html
 create mode 100644 layout/reftests/bugs/390318-1-ref.html
 create mode 100644 layout/reftests/bugs/390318-1a.html
 create mode 100644 layout/reftests/bugs/390318-1b.html
 create mode 100644 layout/reftests/bugs/390318-1c.html
 create mode 100644 layout/reftests/bugs/390318-1d.html
 create mode 100644 layout/reftests/bugs/390318-1e.html
 create mode 100644 layout/reftests/bugs/390318-1f.html
 create mode 100644 layout/reftests/bugs/391045-ref.html
 create mode 100644 layout/reftests/bugs/391045.html
 create mode 100644 layout/reftests/bugs/391140-1-ref.html
 create mode 100644 layout/reftests/bugs/391140-1.html
 create mode 100644 layout/reftests/bugs/391412-1-ref.html
 create mode 100644 layout/reftests/bugs/391412-1a.html
 create mode 100644 layout/reftests/bugs/391412-1b.html
 create mode 100644 layout/reftests/bugs/391909-1-ref.html
 create mode 100644 layout/reftests/bugs/391909-1.html
 create mode 100644 layout/reftests/bugs/391979-ref.html
 create mode 100644 layout/reftests/bugs/391979.html
 create mode 100644 layout/reftests/bugs/391994-1-ref.html
 create mode 100644 layout/reftests/bugs/391994-1.html
 create mode 100644 layout/reftests/bugs/392047-ref.html
 create mode 100644 layout/reftests/bugs/392047.html
 create mode 100644 layout/reftests/bugs/392435-1-ref.html
 create mode 100644 layout/reftests/bugs/392435-1.html
 create mode 100644 layout/reftests/bugs/393330-1-ref.html
 create mode 100644 layout/reftests/bugs/393330-1.html
 create mode 100644 layout/reftests/bugs/393490-1-ref.html
 create mode 100644 layout/reftests/bugs/393490-1.html
 create mode 100644 layout/reftests/bugs/393517-1.xhtml
 create mode 100644 layout/reftests/bugs/393649-1-ref.html
 create mode 100644 layout/reftests/bugs/393649-1.html
 create mode 100644 layout/reftests/bugs/393655-1-ref.html
 create mode 100644 layout/reftests/bugs/393655-1.html
 create mode 100644 layout/reftests/bugs/393655-2-ref.html
 create mode 100644 layout/reftests/bugs/393655-2.html
 create mode 100644 layout/reftests/bugs/393655-3-ref.html
 create mode 100644 layout/reftests/bugs/393655-3.html
 create mode 100644 layout/reftests/bugs/393655-4-ref.html
 create mode 100644 layout/reftests/bugs/393655-4.html
 create mode 100644 layout/reftests/bugs/393655-5-ref.html
 create mode 100644 layout/reftests/bugs/393655-5.html
 create mode 100644 layout/reftests/bugs/393671-1-ref.html
 create mode 100644 layout/reftests/bugs/393671-1.html
 create mode 100644 layout/reftests/bugs/393671-2-ref.html
 create mode 100644 layout/reftests/bugs/393671-2.html
 create mode 100644 layout/reftests/bugs/393671-3-ref.html
 create mode 100644 layout/reftests/bugs/393671-3.html
 create mode 100644 layout/reftests/bugs/394111-1.html
 create mode 100644 layout/reftests/bugs/394534-1-ref.html
 create mode 100644 layout/reftests/bugs/394534-1.html
 create mode 100644 layout/reftests/bugs/395107-1-ref.html
 create mode 100644 layout/reftests/bugs/395107-1.html
 create mode 100644 layout/reftests/bugs/395107-2-ref.html
 create mode 100644 layout/reftests/bugs/395107-2.html
 create mode 100644 layout/reftests/bugs/395107-3-ref.html
 create mode 100644 layout/reftests/bugs/395107-3.html
 create mode 100644 layout/reftests/bugs/395107-4-ref.html
 create mode 100644 layout/reftests/bugs/395107-4.html
 create mode 100644 layout/reftests/bugs/395107-5-ref.html
 create mode 100644 layout/reftests/bugs/395107-5.html
 create mode 100644 layout/reftests/bugs/395130-1-ref.html
 create mode 100644 layout/reftests/bugs/395130-1.html
 create mode 100644 layout/reftests/bugs/395130-2-ref.html
 create mode 100644 layout/reftests/bugs/395130-2.html
 create mode 100644 layout/reftests/bugs/395390-1-ref.html
 create mode 100644 layout/reftests/bugs/395390-1.html
 create mode 100644 layout/reftests/bugs/397428-1-ref.html
 create mode 100644 layout/reftests/bugs/397428-1.html
 create mode 100644 layout/reftests/bugs/397844-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/397844-1.xhtml
 create mode 100644 layout/reftests/bugs/398092-1-ref.html
 create mode 100644 layout/reftests/bugs/398092-1.html
 create mode 100644 layout/reftests/bugs/398101-1-ref.html
 create mode 100644 layout/reftests/bugs/398101-1.html
 create mode 100644 layout/reftests/bugs/398144-1-ref.html
 create mode 100644 layout/reftests/bugs/398144-1.html
 create mode 100644 layout/reftests/bugs/398682-1-ref.html
 create mode 100644 layout/reftests/bugs/398682-1.html
 create mode 100644 layout/reftests/bugs/398797-1-ref.html
 create mode 100644 layout/reftests/bugs/398797-1a.html
 create mode 100644 layout/reftests/bugs/398797-1b.html
 create mode 100644 layout/reftests/bugs/398797-1c.html
 create mode 100644 layout/reftests/bugs/398797-1d.html
 create mode 100644 layout/reftests/bugs/398797-style.css
 create mode 100644 layout/reftests/bugs/399209-1-ref.html
 create mode 100644 layout/reftests/bugs/399209-1.html
 create mode 100644 layout/reftests/bugs/399209-2-ref.html
 create mode 100644 layout/reftests/bugs/399209-2.html
 create mode 100644 layout/reftests/bugs/399258-1-ref.html
 create mode 100644 layout/reftests/bugs/399258-1.html
 create mode 100644 layout/reftests/bugs/399384-1-ref.html
 create mode 100644 layout/reftests/bugs/399384-1.html
 create mode 100644 layout/reftests/bugs/399636-quirks-css.html
 create mode 100644 layout/reftests/bugs/399636-quirks-html.html
 create mode 100644 layout/reftests/bugs/399636-quirks-ref.html
 create mode 100644 layout/reftests/bugs/399636-standards-css.html
 create mode 100644 layout/reftests/bugs/399636-standards-html.html
 create mode 100644 layout/reftests/bugs/399636-standards-ref.html
 create mode 100644 layout/reftests/bugs/400081-1.html
 create mode 100644 layout/reftests/bugs/400171-1-ref.html
 create mode 100644 layout/reftests/bugs/400171-1a.html
 create mode 100644 layout/reftests/bugs/400171-1b.html
 create mode 100644 layout/reftests/bugs/400171-1c.html
 create mode 100644 layout/reftests/bugs/400171-2-ref.html
 create mode 100644 layout/reftests/bugs/400171-2a.html
 create mode 100644 layout/reftests/bugs/400171-2b.html
 create mode 100644 layout/reftests/bugs/400171-2c.html
 create mode 100644 layout/reftests/bugs/400421-1-ref.html
 create mode 100644 layout/reftests/bugs/400421-1.html
 create mode 100644 layout/reftests/bugs/400813-1-ref.html
 create mode 100644 layout/reftests/bugs/400813-1.html
 create mode 100644 layout/reftests/bugs/400826-1-ref.html
 create mode 100644 layout/reftests/bugs/400826-1.html
 create mode 100644 layout/reftests/bugs/401121-1-ref.html
 create mode 100644 layout/reftests/bugs/401121-1.html
 create mode 100644 layout/reftests/bugs/401121-2-ref.html
 create mode 100644 layout/reftests/bugs/401121-2.html
 create mode 100644 layout/reftests/bugs/401361-frame.html
 create mode 100644 layout/reftests/bugs/401946-1.xhtml
 create mode 100644 layout/reftests/bugs/402338-1-ref.html
 create mode 100644 layout/reftests/bugs/402338-1.html
 create mode 100644 layout/reftests/bugs/402567-1-ref.html
 create mode 100644 layout/reftests/bugs/402567-1.html
 create mode 100644 layout/reftests/bugs/402567-2-ref.html
 create mode 100644 layout/reftests/bugs/402567-2.html
 create mode 100644 layout/reftests/bugs/402567-3-ref.html
 create mode 100644 layout/reftests/bugs/402567-3.html
 create mode 100644 layout/reftests/bugs/402567-4-ref.html
 create mode 100644 layout/reftests/bugs/402567-4.html
 create mode 100644 layout/reftests/bugs/402629-1-iframe.html
 create mode 100644 layout/reftests/bugs/402629-1-ref.html
 create mode 100644 layout/reftests/bugs/402629-1.html
 create mode 100644 layout/reftests/bugs/402629-2-iframe.html
 create mode 100644 layout/reftests/bugs/402629-2-ref.html
 create mode 100644 layout/reftests/bugs/402629-2.html
 create mode 100644 layout/reftests/bugs/402629-3-iframe.html
 create mode 100644 layout/reftests/bugs/402629-3-ref.html
 create mode 100644 layout/reftests/bugs/402629-3.html
 create mode 100644 layout/reftests/bugs/402807-1-ref.html
 create mode 100644 layout/reftests/bugs/402807-1.html
 create mode 100644 layout/reftests/bugs/402940-1-ref.html
 create mode 100644 layout/reftests/bugs/402940-1.html
 create mode 100644 layout/reftests/bugs/402940-1b.html
 create mode 100644 layout/reftests/bugs/402940-2-notref.html
 create mode 100644 layout/reftests/bugs/402940-2.html
 create mode 100644 layout/reftests/bugs/402940-3-notref.html
 create mode 100644 layout/reftests/bugs/402940-3.html
 create mode 100644 layout/reftests/bugs/402950-1-ref.html
 create mode 100644 layout/reftests/bugs/402950-1.html
 create mode 100644 layout/reftests/bugs/403129-1-ref.html
 create mode 100644 layout/reftests/bugs/403129-1.html
 create mode 100644 layout/reftests/bugs/403129-2-ref.html
 create mode 100644 layout/reftests/bugs/403129-2.html
 create mode 100644 layout/reftests/bugs/403129-3-ref.html
 create mode 100644 layout/reftests/bugs/403129-3.html
 create mode 100644 layout/reftests/bugs/403129-4-ref.html
 create mode 100644 layout/reftests/bugs/403129-4.html
 create mode 100644 layout/reftests/bugs/403134-1-ref.html
 create mode 100644 layout/reftests/bugs/403134-1.html
 create mode 100644 layout/reftests/bugs/403181-1-ref.xml
 create mode 100644 layout/reftests/bugs/403181-1.xml
 create mode 100644 layout/reftests/bugs/403249-1-ref.html
 create mode 100644 layout/reftests/bugs/403249-1a.html
 create mode 100644 layout/reftests/bugs/403249-1b.html
 create mode 100644 layout/reftests/bugs/403249-2-ref.html
 create mode 100644 layout/reftests/bugs/403249-2a.html
 create mode 100644 layout/reftests/bugs/403249-2b.html
 create mode 100644 layout/reftests/bugs/403328-1-ref.html
 create mode 100644 layout/reftests/bugs/403328-1.html
 create mode 100644 layout/reftests/bugs/403426-1-ref.html
 create mode 100644 layout/reftests/bugs/403426-1.html
 create mode 100644 layout/reftests/bugs/403455-1-ref.html
 create mode 100644 layout/reftests/bugs/403455-1.html
 create mode 100644 layout/reftests/bugs/403505-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/403505-1.xml
 create mode 100644 layout/reftests/bugs/403519-1-ref.html
 create mode 100644 layout/reftests/bugs/403519-1.html
 create mode 100644 layout/reftests/bugs/403519-2-ref.html
 create mode 100644 layout/reftests/bugs/403519-2.html
 create mode 100644 layout/reftests/bugs/403656-1-ref.html
 create mode 100644 layout/reftests/bugs/403656-1.html
 create mode 100644 layout/reftests/bugs/403656-2-ref.html
 create mode 100644 layout/reftests/bugs/403656-2.html
 create mode 100644 layout/reftests/bugs/403656-3-ref.html
 create mode 100644 layout/reftests/bugs/403656-3.html
 create mode 100644 layout/reftests/bugs/403656-4-ref.html
 create mode 100644 layout/reftests/bugs/403656-4.html
 create mode 100644 layout/reftests/bugs/403656-5-ref.html
 create mode 100644 layout/reftests/bugs/403656-5.html
 create mode 100644 layout/reftests/bugs/403657-1-ref.html
 create mode 100644 layout/reftests/bugs/403657-1.html
 create mode 100644 layout/reftests/bugs/404030-1-notref.html
 create mode 100644 layout/reftests/bugs/404030-1-notref2.html
 create mode 100644 layout/reftests/bugs/404030-1-ref.html
 create mode 100644 layout/reftests/bugs/404030-1.html
 create mode 100644 layout/reftests/bugs/404123-1-ref.html
 create mode 100644 layout/reftests/bugs/404123-1.html
 create mode 100644 layout/reftests/bugs/404123-2-ref.html
 create mode 100644 layout/reftests/bugs/404123-2.html
 create mode 100644 layout/reftests/bugs/404123-3-ref.html
 create mode 100644 layout/reftests/bugs/404123-3.html
 create mode 100644 layout/reftests/bugs/404149-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/404149-1.xhtml
 create mode 100644 layout/reftests/bugs/404180-1-ref.html
 create mode 100644 layout/reftests/bugs/404180-1.html
 create mode 100644 layout/reftests/bugs/404301-1-ref.html
 create mode 100644 layout/reftests/bugs/404301-1.html
 create mode 100644 layout/reftests/bugs/404309-1-ref.html
 create mode 100644 layout/reftests/bugs/404309-1a.html
 create mode 100644 layout/reftests/bugs/404309-1b.html
 create mode 100644 layout/reftests/bugs/404553-1-ref.html
 create mode 100644 layout/reftests/bugs/404553-1.html
 create mode 100644 layout/reftests/bugs/404666-1-ref.html
 create mode 100644 layout/reftests/bugs/404666-1.html
 create mode 100644 layout/reftests/bugs/404666-2-ref.html
 create mode 100644 layout/reftests/bugs/404666-2.html
 create mode 100644 layout/reftests/bugs/405305-1-ref.html
 create mode 100644 layout/reftests/bugs/405305-1.html
 create mode 100644 layout/reftests/bugs/405380-1-ref.html
 create mode 100644 layout/reftests/bugs/405380-1.html
 create mode 100644 layout/reftests/bugs/405517-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/405517-1.xhtml
 create mode 100644 layout/reftests/bugs/405577-1-ref.html
 create mode 100644 layout/reftests/bugs/405577-1.html
 create mode 100644 layout/reftests/bugs/405584-1-ref.html
 create mode 100644 layout/reftests/bugs/405584-1.html
 create mode 100644 layout/reftests/bugs/405952-1-ref.html
 create mode 100644 layout/reftests/bugs/405952-1.html
 create mode 100644 layout/reftests/bugs/40596-1-ref.html
 create mode 100644 layout/reftests/bugs/40596-1a.html
 create mode 100644 layout/reftests/bugs/40596-1b.html
 create mode 100644 layout/reftests/bugs/40596-1c.html
 create mode 100644 layout/reftests/bugs/40596-1d.html
 create mode 100644 layout/reftests/bugs/40596-1e.html
 create mode 100644 layout/reftests/bugs/40596-1f.html
 create mode 100644 layout/reftests/bugs/40596-1g.html
 create mode 100644 layout/reftests/bugs/40596-1h.html
 create mode 100644 layout/reftests/bugs/40596-1i.html
 create mode 100644 layout/reftests/bugs/40596-1j.html
 create mode 100644 layout/reftests/bugs/406484-1-ref.html
 create mode 100644 layout/reftests/bugs/406484-1.html
 create mode 100644 layout/reftests/bugs/406568-1-ref.html
 create mode 100644 layout/reftests/bugs/406568-1.html
 create mode 100644 layout/reftests/bugs/407016-1-a.html
 create mode 100644 layout/reftests/bugs/407016-1-b.html
 create mode 100644 layout/reftests/bugs/407016-1-ref.html
 create mode 100644 layout/reftests/bugs/407078-1-ref.html
 create mode 100644 layout/reftests/bugs/407078-1.html
 create mode 100644 layout/reftests/bugs/407095-1-ref.html
 create mode 100644 layout/reftests/bugs/407095-1.html
 create mode 100644 layout/reftests/bugs/407111-1-ref.html
 create mode 100644 layout/reftests/bugs/407111-1.html
 create mode 100644 layout/reftests/bugs/407227-1-ref.html
 create mode 100644 layout/reftests/bugs/407227-1.html
 create mode 100644 layout/reftests/bugs/407243-1-ref.html
 create mode 100644 layout/reftests/bugs/407243-1.html
 create mode 100644 layout/reftests/bugs/407419-1-ref.html
 create mode 100644 layout/reftests/bugs/407419-1.html
 create mode 100644 layout/reftests/bugs/407937-1-ref.html
 create mode 100644 layout/reftests/bugs/407937-1.html
 create mode 100644 layout/reftests/bugs/408493-1.html
 create mode 100644 layout/reftests/bugs/408493-2-ref.html
 create mode 100644 layout/reftests/bugs/408493-2.html
 create mode 100644 layout/reftests/bugs/408656-1-ref.html
 create mode 100644 layout/reftests/bugs/408656-1a.html
 create mode 100644 layout/reftests/bugs/408656-1b.html
 create mode 100644 layout/reftests/bugs/408656-1c.html
 create mode 100644 layout/reftests/bugs/408782-1-ref.html
 create mode 100644 layout/reftests/bugs/408782-1a.html
 create mode 100644 layout/reftests/bugs/408782-1b.html
 create mode 100644 layout/reftests/bugs/408782-2-ref.html
 create mode 100644 layout/reftests/bugs/408782-2a.html
 create mode 100644 layout/reftests/bugs/408782-2b.html
 create mode 100644 layout/reftests/bugs/409084-1-ref.html
 create mode 100644 layout/reftests/bugs/409084-1a.html
 create mode 100644 layout/reftests/bugs/409084-1b.html
 create mode 100644 layout/reftests/bugs/409659-1-ref.html
 create mode 100644 layout/reftests/bugs/409659-1a.html
 create mode 100644 layout/reftests/bugs/409659-1b.html
 create mode 100644 layout/reftests/bugs/409659-1c.html
 create mode 100644 layout/reftests/bugs/409659-1d.html
 create mode 100644 layout/reftests/bugs/410621-1-ref.html
 create mode 100644 layout/reftests/bugs/410621-1.html
 create mode 100644 layout/reftests/bugs/411059-1-ref.html
 create mode 100644 layout/reftests/bugs/411059-1.html
 create mode 100644 layout/reftests/bugs/411334-1-ref.xml
 create mode 100644 layout/reftests/bugs/411334-1.xml
 create mode 100644 layout/reftests/bugs/411585-1-ref.html
 create mode 100644 layout/reftests/bugs/411585-1.html
 create mode 100644 layout/reftests/bugs/411585-2-ref.html
 create mode 100644 layout/reftests/bugs/411585-2.html
 create mode 100644 layout/reftests/bugs/411585-3-ref.html
 create mode 100644 layout/reftests/bugs/411585-3.html
 create mode 100644 layout/reftests/bugs/411792-1-ref.html
 create mode 100644 layout/reftests/bugs/411792-1.html
 create mode 100644 layout/reftests/bugs/412093-1-ref.html
 create mode 100644 layout/reftests/bugs/412093-1.html
 create mode 100644 layout/reftests/bugs/412352-1-ref.html
 create mode 100644 layout/reftests/bugs/412352-1.html
 create mode 100644 layout/reftests/bugs/412352-2-ref.html
 create mode 100644 layout/reftests/bugs/412352-2.html
 create mode 100644 layout/reftests/bugs/412607-1-ref.html
 create mode 100644 layout/reftests/bugs/412607-1a.html
 create mode 100644 layout/reftests/bugs/412607-1b.html
 create mode 100644 layout/reftests/bugs/412679-1-ref.html
 create mode 100644 layout/reftests/bugs/412679-1.html
 create mode 100644 layout/reftests/bugs/412679-2-ref.html
 create mode 100644 layout/reftests/bugs/412679-2.html
 create mode 100644 layout/reftests/bugs/413027-2-ref.html
 create mode 100644 layout/reftests/bugs/413027-2.html
 create mode 100644 layout/reftests/bugs/413027-3-ref.html
 create mode 100644 layout/reftests/bugs/413027-3.html
 create mode 100644 layout/reftests/bugs/413286-1-ref.html
 create mode 100644 layout/reftests/bugs/413286-1a.html
 create mode 100644 layout/reftests/bugs/413286-1b.html
 create mode 100644 layout/reftests/bugs/413286-1c.html
 create mode 100644 layout/reftests/bugs/413286-2-ref.html
 create mode 100644 layout/reftests/bugs/413286-2a.html
 create mode 100644 layout/reftests/bugs/413286-2b.html
 create mode 100644 layout/reftests/bugs/413286-2c.html
 create mode 100644 layout/reftests/bugs/413286-3-ref.html
 create mode 100644 layout/reftests/bugs/413286-3.html
 create mode 100644 layout/reftests/bugs/413286-4-ref.html
 create mode 100644 layout/reftests/bugs/413286-4a.html
 create mode 100644 layout/reftests/bugs/413286-4b.html
 create mode 100644 layout/reftests/bugs/413286-5-ref.html
 create mode 100644 layout/reftests/bugs/413286-5.html
 create mode 100644 layout/reftests/bugs/413286-6-ref.html
 create mode 100644 layout/reftests/bugs/413286-6.html
 create mode 100644 layout/reftests/bugs/413292-1-ref.html
 create mode 100644 layout/reftests/bugs/413292-1.html
 create mode 100644 layout/reftests/bugs/413361-1-ref.html
 create mode 100644 layout/reftests/bugs/413361-1.html
 create mode 100644 layout/reftests/bugs/413840-background-unchanged-ref.html
 create mode 100644 layout/reftests/bugs/413840-background-unchanged.html
 create mode 100644 layout/reftests/bugs/413840-bullet-first-line-ref.html
 create mode 100644 layout/reftests/bugs/413840-bullet-first-line.html
 create mode 100644 layout/reftests/bugs/413840-ltr-offsets-ref.html
 create mode 100644 layout/reftests/bugs/413840-ltr-offsets.html
 create mode 100644 layout/reftests/bugs/413840-pushed-line-bullet-ref.html
 create mode 100644 layout/reftests/bugs/413840-pushed-line-bullet.html
 create mode 100644 layout/reftests/bugs/413840-rtl-offsets-ref.html
 create mode 100644 layout/reftests/bugs/413840-rtl-offsets.html
 create mode 100644 layout/reftests/bugs/413982-ref.html
 create mode 100644 layout/reftests/bugs/413982.html
 create mode 100644 layout/reftests/bugs/414638-ref.html
 create mode 100644 layout/reftests/bugs/414638.html
 create mode 100644 layout/reftests/bugs/414851-1-ref.html
 create mode 100644 layout/reftests/bugs/414851-1.html
 create mode 100644 layout/reftests/bugs/416106-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/416106-1.xhtml
 create mode 100644 layout/reftests/bugs/416752-1-ref.html
 create mode 100644 layout/reftests/bugs/416752-1.html
 create mode 100644 layout/reftests/bugs/417178-1-ref.html
 create mode 100644 layout/reftests/bugs/417178-1.html
 create mode 100644 layout/reftests/bugs/417246-1-ref.html
 create mode 100644 layout/reftests/bugs/417246-1.html
 create mode 100644 layout/reftests/bugs/417676-ref.html
 create mode 100644 layout/reftests/bugs/417676.html
 create mode 100644 layout/reftests/bugs/418574-1-ref.html
 create mode 100644 layout/reftests/bugs/418574-1.html
 create mode 100644 layout/reftests/bugs/418574-2-ref.html
 create mode 100644 layout/reftests/bugs/418574-2.html
 create mode 100644 layout/reftests/bugs/418766-1-ref.html
 create mode 100644 layout/reftests/bugs/418766-1a.html
 create mode 100644 layout/reftests/bugs/418766-1b.html
 create mode 100644 layout/reftests/bugs/419060-ref.html
 create mode 100644 layout/reftests/bugs/419060.html
 create mode 100644 layout/reftests/bugs/419285-1-ref.html
 create mode 100644 layout/reftests/bugs/419285-1.html
 create mode 100644 layout/reftests/bugs/419531-1-ref.html
 create mode 100644 layout/reftests/bugs/419531-1.html
 create mode 100644 layout/reftests/bugs/420069-1-ref.html
 create mode 100644 layout/reftests/bugs/420069-1.html
 create mode 100644 layout/reftests/bugs/420069-2-ref.html
 create mode 100644 layout/reftests/bugs/420069-2.html
 create mode 100644 layout/reftests/bugs/420351-1-ref.html
 create mode 100644 layout/reftests/bugs/420351-1.html
 create mode 100644 layout/reftests/bugs/421069-ref.html
 create mode 100644 layout/reftests/bugs/421069-ref2.html
 create mode 100644 layout/reftests/bugs/421069.html
 create mode 100644 layout/reftests/bugs/421203-1-ref.html
 create mode 100644 layout/reftests/bugs/421203-1.xhtml
 create mode 100644 layout/reftests/bugs/421203-2.xhtml
 create mode 100644 layout/reftests/bugs/421203-3.xhtml
 create mode 100644 layout/reftests/bugs/421203-4.xhtml
 create mode 100644 layout/reftests/bugs/421203-5.xhtml
 create mode 100644 layout/reftests/bugs/421203-6.xhtml
 create mode 100644 layout/reftests/bugs/421234-1-ref.html
 create mode 100644 layout/reftests/bugs/421234-1.html
 create mode 100644 layout/reftests/bugs/421239-1-ref.html
 create mode 100644 layout/reftests/bugs/421239-1.html
 create mode 100644 layout/reftests/bugs/421239-2-ref.html
 create mode 100644 layout/reftests/bugs/421239-2.html
 create mode 100644 layout/reftests/bugs/421419-1-ref.html
 create mode 100644 layout/reftests/bugs/421419-1.html
 create mode 100644 layout/reftests/bugs/421436-1-ref.html
 create mode 100644 layout/reftests/bugs/421436-1a.html
 create mode 100644 layout/reftests/bugs/421436-1b.html
 create mode 100644 layout/reftests/bugs/421632-1-ref.html
 create mode 100644 layout/reftests/bugs/421632-1.html
 create mode 100644 layout/reftests/bugs/421710-1.html
 create mode 100644 layout/reftests/bugs/421885-1-ref.xml
 create mode 100644 layout/reftests/bugs/421885-1.xml
 create mode 100644 layout/reftests/bugs/421955-1-ref.html
 create mode 100644 layout/reftests/bugs/421955-1.html
 create mode 100644 layout/reftests/bugs/422249-1-ref.html
 create mode 100644 layout/reftests/bugs/422249-1.html
 create mode 100644 layout/reftests/bugs/422394-1-ref.html
 create mode 100644 layout/reftests/bugs/422394-1.html
 create mode 100644 layout/reftests/bugs/422678-1-ref.html
 create mode 100644 layout/reftests/bugs/422678-1.html
 create mode 100644 layout/reftests/bugs/423130-1-ref.html
 create mode 100644 layout/reftests/bugs/423130-1.html
 create mode 100644 layout/reftests/bugs/423385-1-ref.html
 create mode 100644 layout/reftests/bugs/423385-1.html
 create mode 100644 layout/reftests/bugs/423599-1-ref.html
 create mode 100644 layout/reftests/bugs/423599-1.html
 create mode 100644 layout/reftests/bugs/423676-1-ref.html
 create mode 100644 layout/reftests/bugs/423676-1.html
 create mode 100644 layout/reftests/bugs/423823-1-ref.html
 create mode 100644 layout/reftests/bugs/423823-1.html
 create mode 100644 layout/reftests/bugs/424074-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/424074-1-ref2.xhtml
 create mode 100644 layout/reftests/bugs/424074-1-ref3.xhtml
 create mode 100644 layout/reftests/bugs/424074-1.xhtml
 create mode 100644 layout/reftests/bugs/424236-1-ref.html
 create mode 100644 layout/reftests/bugs/424236-1.html
 create mode 100644 layout/reftests/bugs/424236-10-ref.html
 create mode 100644 layout/reftests/bugs/424236-10.html
 create mode 100644 layout/reftests/bugs/424236-11.html
 create mode 100644 layout/reftests/bugs/424236-2-ref.html
 create mode 100644 layout/reftests/bugs/424236-2.html
 create mode 100644 layout/reftests/bugs/424236-3-ref.html
 create mode 100644 layout/reftests/bugs/424236-3.html
 create mode 100644 layout/reftests/bugs/424236-4-ref.html
 create mode 100644 layout/reftests/bugs/424236-4.html
 create mode 100644 layout/reftests/bugs/424236-5-ref.html
 create mode 100644 layout/reftests/bugs/424236-5.html
 create mode 100644 layout/reftests/bugs/424236-6-ref.html
 create mode 100644 layout/reftests/bugs/424236-6.html
 create mode 100644 layout/reftests/bugs/424236-7-ref.html
 create mode 100644 layout/reftests/bugs/424236-7.html
 create mode 100644 layout/reftests/bugs/424236-8-ref.html
 create mode 100644 layout/reftests/bugs/424236-8.html
 create mode 100644 layout/reftests/bugs/424236-9-ref.html
 create mode 100644 layout/reftests/bugs/424236-9.html
 create mode 100644 layout/reftests/bugs/424434-1-ref.html
 create mode 100644 layout/reftests/bugs/424434-1.html
 create mode 100644 layout/reftests/bugs/424465-1-ref.html
 create mode 100644 layout/reftests/bugs/424465-1.html
 create mode 100644 layout/reftests/bugs/424631-1-ref.html
 create mode 100644 layout/reftests/bugs/424631-1.html
 create mode 100644 layout/reftests/bugs/424710-1-ref.html
 create mode 100644 layout/reftests/bugs/424710-1.html
 create mode 100644 layout/reftests/bugs/424766-1-ref.html
 create mode 100644 layout/reftests/bugs/424766-1.html
 create mode 100644 layout/reftests/bugs/425972-1-ref.html
 create mode 100644 layout/reftests/bugs/425972-1.html
 create mode 100644 layout/reftests/bugs/425972-2-ref.html
 create mode 100644 layout/reftests/bugs/425972-2.html
 create mode 100644 layout/reftests/bugs/426629-1-ref.html
 create mode 100644 layout/reftests/bugs/426629-1.html
 create mode 100644 layout/reftests/bugs/427017-1.xhtml
 create mode 100644 layout/reftests/bugs/427129-image.html
 create mode 100644 layout/reftests/bugs/427129-ref.html
 create mode 100644 layout/reftests/bugs/427129-scrollframe.html
 create mode 100644 layout/reftests/bugs/427129-table-caption-ref.html
 create mode 100644 layout/reftests/bugs/427129-table-caption.html
 create mode 100644 layout/reftests/bugs/427129-table.html
 create mode 100644 layout/reftests/bugs/427370-1-ref.html
 create mode 100644 layout/reftests/bugs/427370-1.html
 create mode 100644 layout/reftests/bugs/427730-1-ref.html
 create mode 100644 layout/reftests/bugs/427730-1.html
 create mode 100644 layout/reftests/bugs/428278-iframe.html
 create mode 100644 layout/reftests/bugs/428278-ref.html
 create mode 100644 layout/reftests/bugs/428278.html
 create mode 100644 layout/reftests/bugs/428423-1-ref.html
 create mode 100644 layout/reftests/bugs/428423-1a.html
 create mode 100644 layout/reftests/bugs/428423-1b.html
 create mode 100644 layout/reftests/bugs/428521-1-ref.html
 create mode 100644 layout/reftests/bugs/428521-1a.html
 create mode 100644 layout/reftests/bugs/428521-1b.html
 create mode 100644 layout/reftests/bugs/428521-1c.html
 create mode 100644 layout/reftests/bugs/428810-1-ltr-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-1-ltr-ref.html
 create mode 100644 layout/reftests/bugs/428810-1-rtl-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-1-rtl-ref.html
 create mode 100644 layout/reftests/bugs/428810-1a-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-1a-ltr.html
 create mode 100644 layout/reftests/bugs/428810-1a-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-1a-rtl.html
 create mode 100644 layout/reftests/bugs/428810-1b-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-1b-ltr.html
 create mode 100644 layout/reftests/bugs/428810-1b-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-1b-rtl.html
 create mode 100644 layout/reftests/bugs/428810-1c-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-1c-ltr.html
 create mode 100644 layout/reftests/bugs/428810-1c-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-1c-rtl.html
 create mode 100644 layout/reftests/bugs/428810-1d-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-1d-ltr.html
 create mode 100644 layout/reftests/bugs/428810-1d-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-1d-rtl.html
 create mode 100644 layout/reftests/bugs/428810-2-ltr-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-2-ltr-ref.html
 create mode 100644 layout/reftests/bugs/428810-2-rtl-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-2-rtl-ref.html
 create mode 100644 layout/reftests/bugs/428810-2a-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-2a-ltr.html
 create mode 100644 layout/reftests/bugs/428810-2a-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-2a-rtl.html
 create mode 100644 layout/reftests/bugs/428810-2b-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-2b-ltr.html
 create mode 100644 layout/reftests/bugs/428810-2b-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-2b-rtl.html
 create mode 100644 layout/reftests/bugs/428810-2e-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-2e-ltr.html
 create mode 100644 layout/reftests/bugs/428810-2e-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-2e-rtl.html
 create mode 100644 layout/reftests/bugs/428810-2f-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-2f-ltr.html
 create mode 100644 layout/reftests/bugs/428810-2f-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-2f-rtl.html
 create mode 100644 layout/reftests/bugs/428810-3-ltr-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-3-ltr-ref.html
 create mode 100644 layout/reftests/bugs/428810-3-rtl-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-3-rtl-ref.html
 create mode 100644 layout/reftests/bugs/428810-3a-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-3a-ltr.html
 create mode 100644 layout/reftests/bugs/428810-3a-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-3a-rtl.html
 create mode 100644 layout/reftests/bugs/428810-3b-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-3b-ltr.html
 create mode 100644 layout/reftests/bugs/428810-3b-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-3b-rtl.html
 create mode 100644 layout/reftests/bugs/428810-3e-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-3e-ltr.html
 create mode 100644 layout/reftests/bugs/428810-3e-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-3e-rtl.html
 create mode 100644 layout/reftests/bugs/428810-3f-ltr-insets.html
 create mode 100644 layout/reftests/bugs/428810-3f-ltr.html
 create mode 100644 layout/reftests/bugs/428810-3f-rtl-insets.html
 create mode 100644 layout/reftests/bugs/428810-3f-rtl.html
 create mode 100644 layout/reftests/bugs/428810-empty-ltr-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-empty-ltr-ref.html
 create mode 100644 layout/reftests/bugs/428810-empty-rtl-insets-ref.html
 create mode 100644 layout/reftests/bugs/428810-empty-rtl-ref.html
 create mode 100644 layout/reftests/bugs/430412-1-ref.html
 create mode 100644 layout/reftests/bugs/430412-1.html
 create mode 100644 layout/reftests/bugs/430813-1-ref.html
 create mode 100644 layout/reftests/bugs/430813-1.html
 create mode 100644 layout/reftests/bugs/430813-2-ref.html
 create mode 100644 layout/reftests/bugs/430813-2.html
 create mode 100644 layout/reftests/bugs/430813-3-ref.html
 create mode 100644 layout/reftests/bugs/430813-3.html
 create mode 100644 layout/reftests/bugs/431341-1-ref.html
 create mode 100644 layout/reftests/bugs/431341-1.html
 create mode 100644 layout/reftests/bugs/431341-2-ref.html
 create mode 100644 layout/reftests/bugs/431341-2.html
 create mode 100644 layout/reftests/bugs/431520-1-ref.html
 create mode 100644 layout/reftests/bugs/431520-1.html
 create mode 100644 layout/reftests/bugs/431948-1-ref.html
 create mode 100644 layout/reftests/bugs/431948-1.html
 create mode 100644 layout/reftests/bugs/433640-1-ref.html
 create mode 100644 layout/reftests/bugs/433640-1.html
 create mode 100644 layout/reftests/bugs/433700-ref.html
 create mode 100644 layout/reftests/bugs/433700.html
 create mode 100644 layout/reftests/bugs/436356-1-ref.html
 create mode 100644 layout/reftests/bugs/436356-1.html
 create mode 100644 layout/reftests/bugs/436356-2-ref.html
 create mode 100644 layout/reftests/bugs/436356-2.html
 create mode 100644 layout/reftests/bugs/438537-1-ref.html
 create mode 100644 layout/reftests/bugs/438537-1.html
 create mode 100644 layout/reftests/bugs/438981-1.xhtml
 create mode 100644 layout/reftests/bugs/438987-1-ref.html
 create mode 100644 layout/reftests/bugs/438987-1.html
 create mode 100644 layout/reftests/bugs/438987-2-ref.html
 create mode 100644 layout/reftests/bugs/438987-2a.html
 create mode 100644 layout/reftests/bugs/438987-2b.html
 create mode 100644 layout/reftests/bugs/438987-2c.html
 create mode 100644 layout/reftests/bugs/439004-1-ref.html
 create mode 100644 layout/reftests/bugs/439004-1.html
 create mode 100644 layout/reftests/bugs/439639-1-ref.html
 create mode 100644 layout/reftests/bugs/439639-1.html
 create mode 100644 layout/reftests/bugs/439910-ref.html
 create mode 100644 layout/reftests/bugs/439910.html
 create mode 100644 layout/reftests/bugs/440112-ref.html
 create mode 100644 layout/reftests/bugs/440112.html
 create mode 100644 layout/reftests/bugs/440149-1-ref.html
 create mode 100644 layout/reftests/bugs/440149-1.html
 create mode 100644 layout/reftests/bugs/441259-1-ref.html
 create mode 100644 layout/reftests/bugs/441259-1.html
 create mode 100644 layout/reftests/bugs/441259-2-ref.html
 create mode 100644 layout/reftests/bugs/441259-2.html
 create mode 100644 layout/reftests/bugs/442542-1-ref.html
 create mode 100644 layout/reftests/bugs/442542-1.html
 create mode 100644 layout/reftests/bugs/442542-subframe.html
 create mode 100644 layout/reftests/bugs/444015-1-ref.html
 create mode 100644 layout/reftests/bugs/444015-1.html
 create mode 100644 layout/reftests/bugs/444375-1-ref.html
 create mode 100644 layout/reftests/bugs/444375-1.html
 create mode 100644 layout/reftests/bugs/444928-1-ref.html
 create mode 100644 layout/reftests/bugs/444928-1.html
 create mode 100644 layout/reftests/bugs/444928-2-ref.html
 create mode 100644 layout/reftests/bugs/444928-2.html
 create mode 100644 layout/reftests/bugs/444928-3-ref.html
 create mode 100644 layout/reftests/bugs/444928-3.html
 create mode 100644 layout/reftests/bugs/445004-1-ref.html
 create mode 100644 layout/reftests/bugs/445004-1.html
 create mode 100644 layout/reftests/bugs/445142-1-ref.html
 create mode 100644 layout/reftests/bugs/445142-1a.html
 create mode 100644 layout/reftests/bugs/445142-1b.html
 create mode 100644 layout/reftests/bugs/445142-1c.html
 create mode 100644 layout/reftests/bugs/445142-2-ref.html
 create mode 100644 layout/reftests/bugs/445142-2a.html
 create mode 100644 layout/reftests/bugs/445142-2b.html
 create mode 100644 layout/reftests/bugs/446100-1a.html
 create mode 100644 layout/reftests/bugs/446100-1b.html
 create mode 100644 layout/reftests/bugs/446100-1c.html
 create mode 100644 layout/reftests/bugs/446100-1d.html
 create mode 100644 layout/reftests/bugs/446100-1e.html
 create mode 100644 layout/reftests/bugs/446100-1f.html
 create mode 100644 layout/reftests/bugs/446100-1g.html
 create mode 100644 layout/reftests/bugs/446100-1h.html
 create mode 100644 layout/reftests/bugs/447749-1-ref.html
 create mode 100644 layout/reftests/bugs/447749-1.html
 create mode 100644 layout/reftests/bugs/448193-ref.html
 create mode 100644 layout/reftests/bugs/448193.html
 create mode 100644 layout/reftests/bugs/449171-1.html
 create mode 100644 layout/reftests/bugs/449171-ref.html
 create mode 100644 layout/reftests/bugs/449362-1-ref.html
 create mode 100644 layout/reftests/bugs/449362-1.html
 create mode 100644 layout/reftests/bugs/449519-1-ref.html
 create mode 100644 layout/reftests/bugs/449519-1.html
 create mode 100644 layout/reftests/bugs/450670-1-ref.html
 create mode 100644 layout/reftests/bugs/450670-1.html
 create mode 100644 layout/reftests/bugs/451168-1-ref.html
 create mode 100644 layout/reftests/bugs/451168-1.html
 create mode 100644 layout/reftests/bugs/451876-1-ref.html
 create mode 100644 layout/reftests/bugs/451876-1.html
 create mode 100644 layout/reftests/bugs/451876-2-ref.html
 create mode 100644 layout/reftests/bugs/451876-2.html
 create mode 100644 layout/reftests/bugs/452915-1-ref.html
 create mode 100644 layout/reftests/bugs/452915-1.html
 create mode 100644 layout/reftests/bugs/452964-1-ref.html
 create mode 100644 layout/reftests/bugs/452964-1.html
 create mode 100644 layout/reftests/bugs/454361.html
 create mode 100644 layout/reftests/bugs/455105-1.html
 create mode 100644 layout/reftests/bugs/455105-2.html
 create mode 100644 layout/reftests/bugs/455105-ref.html
 create mode 100644 layout/reftests/bugs/455171-5-ref.html
 create mode 100644 layout/reftests/bugs/455171-5.html
 create mode 100644 layout/reftests/bugs/455280-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/455280-1.xhtml
 create mode 100644 layout/reftests/bugs/455826-1-ref.html
 create mode 100644 layout/reftests/bugs/455826-1.html
 create mode 100644 layout/reftests/bugs/456147-ref.html
 create mode 100644 layout/reftests/bugs/456147.css
 create mode 100644 layout/reftests/bugs/456147.xhtml
 create mode 100644 layout/reftests/bugs/456219-1-mask-wArA.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wArB.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wArC.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wArD.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wArE.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wBrA.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wBrB.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wBrC.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wBrD.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wBrE.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wCrA.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wCrB.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wCrC.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wCrD.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wCrE.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wDrA.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wDrB.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wDrC.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wDrD.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wDrE.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wErA.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wErB.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wErC.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wErD.png
 create mode 100644 layout/reftests/bugs/456219-1-mask-wErE.png
 create mode 100644 layout/reftests/bugs/456219-1-ref.html
 create mode 100644 layout/reftests/bugs/456219-1a.html
 create mode 100644 layout/reftests/bugs/456219-1b.html
 create mode 100644 layout/reftests/bugs/456219-1c.html
 create mode 100644 layout/reftests/bugs/456219-2-mask.png
 create mode 100644 layout/reftests/bugs/456219-2-ref.html
 create mode 100644 layout/reftests/bugs/456219-2.html
 create mode 100644 layout/reftests/bugs/456330-1-ref.png
 create mode 100644 layout/reftests/bugs/456330-1.gif
 create mode 100644 layout/reftests/bugs/456484-1-ref.html
 create mode 100644 layout/reftests/bugs/456484-1.html
 create mode 100644 layout/reftests/bugs/457398-1-ref.html
 create mode 100644 layout/reftests/bugs/457398-1.html
 create mode 100644 layout/reftests/bugs/457398-2-ref.html
 create mode 100644 layout/reftests/bugs/457398-2.html
 create mode 100644 layout/reftests/bugs/458296-1-ref.html
 create mode 100644 layout/reftests/bugs/458296-1a.html
 create mode 100644 layout/reftests/bugs/458296-1b.html
 create mode 100644 layout/reftests/bugs/458296-1c.html
 create mode 100644 layout/reftests/bugs/458296-1d.html
 create mode 100644 layout/reftests/bugs/458487-1-ref.html
 create mode 100644 layout/reftests/bugs/458487-1a.html
 create mode 100644 layout/reftests/bugs/458487-1b.html
 create mode 100644 layout/reftests/bugs/458487-1c.html
 create mode 100644 layout/reftests/bugs/458487-1d.html
 create mode 100644 layout/reftests/bugs/458487-1e.html
 create mode 100644 layout/reftests/bugs/458487-1f.html
 create mode 100644 layout/reftests/bugs/458487-1g.html
 create mode 100644 layout/reftests/bugs/458487-1h.html
 create mode 100644 layout/reftests/bugs/458487-2-ref.html
 create mode 100644 layout/reftests/bugs/458487-2.html
 create mode 100644 layout/reftests/bugs/458487-3-iframe.html
 create mode 100644 layout/reftests/bugs/458487-3-ref.html
 create mode 100644 layout/reftests/bugs/458487-3.html
 create mode 100644 layout/reftests/bugs/458487-4-ref.html
 create mode 100644 layout/reftests/bugs/458487-4a.html
 create mode 100644 layout/reftests/bugs/458487-4b.html
 create mode 100644 layout/reftests/bugs/458487-4c.html
 create mode 100644 layout/reftests/bugs/458487-5-ref.html
 create mode 100644 layout/reftests/bugs/458487-5a.html
 create mode 100644 layout/reftests/bugs/458487-5b.html
 create mode 100644 layout/reftests/bugs/459443-1-ref.html
 create mode 100644 layout/reftests/bugs/459443-1.html
 create mode 100644 layout/reftests/bugs/459613-1-ref.html
 create mode 100644 layout/reftests/bugs/459613-1.html
 create mode 100644 layout/reftests/bugs/460012-1-ref.html
 create mode 100644 layout/reftests/bugs/460012-1.html
 create mode 100644 layout/reftests/bugs/461266-1-ref.html
 create mode 100644 layout/reftests/bugs/461266-1.html
 create mode 100644 layout/reftests/bugs/461512-1-ref.html
 create mode 100644 layout/reftests/bugs/461512-1.html
 create mode 100644 layout/reftests/bugs/462844-1.html
 create mode 100644 layout/reftests/bugs/462844-2.html
 create mode 100644 layout/reftests/bugs/462844-3.html
 create mode 100644 layout/reftests/bugs/462844-4.html
 create mode 100644 layout/reftests/bugs/462844-ref.html
 create mode 100644 layout/reftests/bugs/463204-1-ref.html
 create mode 100644 layout/reftests/bugs/463204-1.html
 create mode 100644 layout/reftests/bugs/463217-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/463217-1.xhtml
 create mode 100644 layout/reftests/bugs/463952-1-ref.html
 create mode 100644 layout/reftests/bugs/463952-1.html
 create mode 100644 layout/reftests/bugs/464811-1-ref.html
 create mode 100644 layout/reftests/bugs/464811-1.html
 create mode 100644 layout/reftests/bugs/465574-1-ref.html
 create mode 100644 layout/reftests/bugs/465574-1.html
 create mode 100644 layout/reftests/bugs/466258-1-ref.html
 create mode 100644 layout/reftests/bugs/466258-1.html
 create mode 100644 layout/reftests/bugs/466395-1-ref.html
 create mode 100644 layout/reftests/bugs/466395-1.html
 create mode 100644 layout/reftests/bugs/466395-2-ref.html
 create mode 100644 layout/reftests/bugs/466395-2.html
 create mode 100644 layout/reftests/bugs/467084-1-ref.html
 create mode 100644 layout/reftests/bugs/467084-1.html
 create mode 100644 layout/reftests/bugs/467084-2-ref.html
 create mode 100644 layout/reftests/bugs/467084-2.html
 create mode 100644 layout/reftests/bugs/467444-1-ref.html
 create mode 100644 layout/reftests/bugs/467444-1.html
 create mode 100644 layout/reftests/bugs/467460-1-ref.html
 create mode 100644 layout/reftests/bugs/467460-1.html
 create mode 100644 layout/reftests/bugs/468473-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/468473-1.xhtml
 create mode 100644 layout/reftests/bugs/471356-1-ref.html
 create mode 100644 layout/reftests/bugs/471356-1.html
 create mode 100644 layout/reftests/bugs/472500-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/472500-1.xhtml
 create mode 100644 layout/reftests/bugs/472769-1-ref.html
 create mode 100644 layout/reftests/bugs/472769-1a.html
 create mode 100644 layout/reftests/bugs/472769-1b.html
 create mode 100644 layout/reftests/bugs/472769-2-ref.html
 create mode 100644 layout/reftests/bugs/472769-2.html
 create mode 100644 layout/reftests/bugs/472769-3-ref.html
 create mode 100644 layout/reftests/bugs/472769-3.html
 create mode 100644 layout/reftests/bugs/473847-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/473847-1.xhtml
 create mode 100644 layout/reftests/bugs/474417-1-ref.html
 create mode 100644 layout/reftests/bugs/474417-1.html
 create mode 100644 layout/reftests/bugs/474472-1-ref.html
 create mode 100644 layout/reftests/bugs/474472-1.html
 create mode 100644 layout/reftests/bugs/475986-1-ref.html
 create mode 100644 layout/reftests/bugs/475986-1a.html
 create mode 100644 layout/reftests/bugs/475986-1b.html
 create mode 100644 layout/reftests/bugs/475986-1c.html
 create mode 100644 layout/reftests/bugs/475986-1d.html
 create mode 100644 layout/reftests/bugs/475986-1e.html
 create mode 100644 layout/reftests/bugs/475986-1f.html
 create mode 100644 layout/reftests/bugs/475986-2-ref.html
 create mode 100644 layout/reftests/bugs/475986-2a.html
 create mode 100644 layout/reftests/bugs/475986-2b.html
 create mode 100644 layout/reftests/bugs/475986-2c.html
 create mode 100644 layout/reftests/bugs/475986-2d.html
 create mode 100644 layout/reftests/bugs/475986-2e.html
 create mode 100644 layout/reftests/bugs/475986-2f.html
 create mode 100644 layout/reftests/bugs/475986-3-ref.html
 create mode 100644 layout/reftests/bugs/475986-3a.html
 create mode 100644 layout/reftests/bugs/475986-3b.html
 create mode 100644 layout/reftests/bugs/475986-4-ref.html
 create mode 100644 layout/reftests/bugs/475986-4.html
 create mode 100644 layout/reftests/bugs/476063-1-ref.html
 create mode 100644 layout/reftests/bugs/476063-1.html
 create mode 100644 layout/reftests/bugs/476063-2-ref.html
 create mode 100644 layout/reftests/bugs/476063-2.html
 create mode 100644 layout/reftests/bugs/476063-3-ref.html
 create mode 100644 layout/reftests/bugs/476063-3.html
 create mode 100644 layout/reftests/bugs/476063-4-ref.xhtml
 create mode 100644 layout/reftests/bugs/476063-4.xhtml
 create mode 100644 layout/reftests/bugs/476357-1-ref.html
 create mode 100644 layout/reftests/bugs/476357-1.html
 create mode 100644 layout/reftests/bugs/476598-1-ref.html
 create mode 100644 layout/reftests/bugs/476598-1-ref2.html
 create mode 100644 layout/reftests/bugs/476598-1a.html
 create mode 100644 layout/reftests/bugs/476598-1b.html
 create mode 100644 layout/reftests/bugs/476856-1-ref.html
 create mode 100644 layout/reftests/bugs/476856-1.html
 create mode 100644 layout/reftests/bugs/478377-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/478377-1.xhtml
 create mode 100644 layout/reftests/bugs/478614-1-ref.html
 create mode 100644 layout/reftests/bugs/478614-1.html
 create mode 100644 layout/reftests/bugs/478614-2.html
 create mode 100644 layout/reftests/bugs/478614-3-ref.html
 create mode 100644 layout/reftests/bugs/478614-3.html
 create mode 100644 layout/reftests/bugs/478614-4-ref.html
 create mode 100644 layout/reftests/bugs/478614-4.html
 create mode 100644 layout/reftests/bugs/478614-5-ref.html
 create mode 100644 layout/reftests/bugs/478614-5.html
 create mode 100644 layout/reftests/bugs/478811-1-ref.html
 create mode 100644 layout/reftests/bugs/478811-1.html
 create mode 100644 layout/reftests/bugs/478811-2-ref.html
 create mode 100644 layout/reftests/bugs/478811-2.html
 create mode 100644 layout/reftests/bugs/478811-3-ref.html
 create mode 100644 layout/reftests/bugs/478811-3.html
 create mode 100644 layout/reftests/bugs/478811-4-ref.html
 create mode 100644 layout/reftests/bugs/478811-4.html
 create mode 100644 layout/reftests/bugs/478956-1-ref.html
 create mode 100644 layout/reftests/bugs/478956-1a.html
 create mode 100644 layout/reftests/bugs/478956-1b.html
 create mode 100644 layout/reftests/bugs/480880-1-ref.html
 create mode 100644 layout/reftests/bugs/480880-1a.html
 create mode 100644 layout/reftests/bugs/480880-1b.html
 create mode 100644 layout/reftests/bugs/480880-1c.html
 create mode 100644 layout/reftests/bugs/480880-1d.html
 create mode 100644 layout/reftests/bugs/480880-1e.html
 create mode 100644 layout/reftests/bugs/480880-2a.html
 create mode 100644 layout/reftests/bugs/480880-2b.html
 create mode 100644 layout/reftests/bugs/480880-2c.html
 create mode 100644 layout/reftests/bugs/481024-1-ref.html
 create mode 100644 layout/reftests/bugs/481024-1a.html
 create mode 100644 layout/reftests/bugs/481024-1b.html
 create mode 100644 layout/reftests/bugs/481024-1c.html
 create mode 100644 layout/reftests/bugs/481024-1d.html
 create mode 100644 layout/reftests/bugs/481024-1e.html
 create mode 100644 layout/reftests/bugs/481948-1-ref.html
 create mode 100644 layout/reftests/bugs/481948-1.html
 create mode 100644 layout/reftests/bugs/481948-2-ref.html
 create mode 100644 layout/reftests/bugs/481948-2.html
 create mode 100644 layout/reftests/bugs/481948-3-ref.html
 create mode 100644 layout/reftests/bugs/481948-3.html
 create mode 100644 layout/reftests/bugs/482398-1-ref.html
 create mode 100644 layout/reftests/bugs/482398-1.html
 create mode 100644 layout/reftests/bugs/482592-1-ref.html
 create mode 100644 layout/reftests/bugs/482592-1a-shadow.xhtml
 create mode 100644 layout/reftests/bugs/482592-1b-shadow.xhtml
 create mode 100644 layout/reftests/bugs/482659-1-ref.html
 create mode 100644 layout/reftests/bugs/482659-1a.html
 create mode 100644 layout/reftests/bugs/482659-1b.html
 create mode 100644 layout/reftests/bugs/482659-1c.html
 create mode 100644 layout/reftests/bugs/482659-1d.html
 create mode 100644 layout/reftests/bugs/483565-ref.xhtml
 create mode 100644 layout/reftests/bugs/483565.xhtml
 create mode 100644 layout/reftests/bugs/484256-1-ref.html
 create mode 100644 layout/reftests/bugs/484256-1.html
 create mode 100644 layout/reftests/bugs/484256-2.html
 create mode 100644 layout/reftests/bugs/485012-1-ref.html
 create mode 100644 layout/reftests/bugs/485012-1.html
 create mode 100644 layout/reftests/bugs/485275-1-ref.html
 create mode 100644 layout/reftests/bugs/485275-1.html
 create mode 100644 layout/reftests/bugs/485275-1.svg
 create mode 100644 layout/reftests/bugs/486052-1-ref.html
 create mode 100644 layout/reftests/bugs/486052-1.html
 create mode 100644 layout/reftests/bugs/486052-2-ref.html
 create mode 100644 layout/reftests/bugs/486052-2a.html
 create mode 100644 layout/reftests/bugs/486052-2b.html
 create mode 100644 layout/reftests/bugs/486052-2c.html
 create mode 100644 layout/reftests/bugs/486052-2d.html
 create mode 100644 layout/reftests/bugs/486052-2e.html
 create mode 100644 layout/reftests/bugs/486052-2f.html
 create mode 100644 layout/reftests/bugs/486052-2g.html
 create mode 100644 layout/reftests/bugs/486065-1-ref.html
 create mode 100644 layout/reftests/bugs/486065-1.html
 create mode 100644 layout/reftests/bugs/487539-1.html
 create mode 100644 layout/reftests/bugs/488390-1-ref.html
 create mode 100644 layout/reftests/bugs/488390-1.html
 create mode 100644 layout/reftests/bugs/488649-1-ref.html
 create mode 100644 layout/reftests/bugs/488649-1.html
 create mode 100644 layout/reftests/bugs/488685-1-ref.html
 create mode 100644 layout/reftests/bugs/488685-1.html
 create mode 100644 layout/reftests/bugs/488692-1-ref.html
 create mode 100644 layout/reftests/bugs/488692-1.html
 create mode 100644 layout/reftests/bugs/489868-1-ref.svg
 create mode 100644 layout/reftests/bugs/489868-1.svg
 create mode 100644 layout/reftests/bugs/490173-2-ref.html
 create mode 100644 layout/reftests/bugs/490173-2.html
 create mode 100644 layout/reftests/bugs/490176-1-ref.html
 create mode 100644 layout/reftests/bugs/490176-1.html
 create mode 100644 layout/reftests/bugs/490177-1-ref.svg
 create mode 100644 layout/reftests/bugs/490177-1.svg
 create mode 100644 layout/reftests/bugs/490182-1-ref.html
 create mode 100644 layout/reftests/bugs/490182-1a.html
 create mode 100644 layout/reftests/bugs/490182-1b.html
 create mode 100644 layout/reftests/bugs/491180-1-ref.html
 create mode 100644 layout/reftests/bugs/491180-1.html
 create mode 100644 layout/reftests/bugs/491180-2-ref.html
 create mode 100644 layout/reftests/bugs/491180-2.html
 create mode 100644 layout/reftests/bugs/491323-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/491323-1.xhtml
 create mode 100644 layout/reftests/bugs/492661-1-ref.html
 create mode 100644 layout/reftests/bugs/492661-1.html
 create mode 100644 layout/reftests/bugs/493968-1-ref.html
 create mode 100644 layout/reftests/bugs/493968-1.html
 create mode 100644 layout/reftests/bugs/494667-1-ref.html
 create mode 100644 layout/reftests/bugs/494667-1.html
 create mode 100644 layout/reftests/bugs/494667-2-ref.html
 create mode 100644 layout/reftests/bugs/494667-2.html
 create mode 100644 layout/reftests/bugs/495274-1-ref.html
 create mode 100644 layout/reftests/bugs/495274-1.html
 create mode 100644 layout/reftests/bugs/495385-1-ref.html
 create mode 100644 layout/reftests/bugs/495385-1a.html
 create mode 100644 layout/reftests/bugs/495385-1b.html
 create mode 100644 layout/reftests/bugs/495385-1c.html
 create mode 100644 layout/reftests/bugs/495385-1d.html
 create mode 100644 layout/reftests/bugs/495385-1e.html
 create mode 100644 layout/reftests/bugs/495385-1f.html
 create mode 100644 layout/reftests/bugs/495385-2-ref.html
 create mode 100644 layout/reftests/bugs/495385-2a.html
 create mode 100644 layout/reftests/bugs/495385-2b.html
 create mode 100644 layout/reftests/bugs/495385-2c.html
 create mode 100644 layout/reftests/bugs/495385-2d.html
 create mode 100644 layout/reftests/bugs/495385-2e.html
 create mode 100644 layout/reftests/bugs/495385-2g.html
 create mode 100644 layout/reftests/bugs/495385-2h.html
 create mode 100644 layout/reftests/bugs/495385-2i.html
 create mode 100644 layout/reftests/bugs/495385-3-ref.html
 create mode 100644 layout/reftests/bugs/495385-3.html
 create mode 100644 layout/reftests/bugs/495385-4-ref.html
 create mode 100644 layout/reftests/bugs/495385-4.html
 create mode 100644 layout/reftests/bugs/495385-5-ref.html
 create mode 100644 layout/reftests/bugs/495385-5.html
 create mode 100644 layout/reftests/bugs/496032-1-ref.html
 create mode 100644 layout/reftests/bugs/496032-1.html
 create mode 100644 layout/reftests/bugs/496840-1-ref.html
 create mode 100644 layout/reftests/bugs/496840-1.html
 create mode 100644 layout/reftests/bugs/501037-ref.html
 create mode 100644 layout/reftests/bugs/501037.html
 create mode 100644 layout/reftests/bugs/501257-1-ref.html
 create mode 100644 layout/reftests/bugs/501257-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/501257-1.xhtml
 create mode 100644 layout/reftests/bugs/501257-1a.html
 create mode 100644 layout/reftests/bugs/501257-1b.html
 create mode 100644 layout/reftests/bugs/501627-1-ref.html
 create mode 100644 layout/reftests/bugs/501627-1.html
 create mode 100644 layout/reftests/bugs/502288-1-ref.html
 create mode 100644 layout/reftests/bugs/502288-1.html
 create mode 100644 layout/reftests/bugs/502447-1-ref.html
 create mode 100644 layout/reftests/bugs/502447-1.html
 create mode 100644 layout/reftests/bugs/502447-2-ref.html
 create mode 100644 layout/reftests/bugs/502447-2.html
 create mode 100644 layout/reftests/bugs/502795-1-ref.html
 create mode 100644 layout/reftests/bugs/502795-1.html
 create mode 100644 layout/reftests/bugs/502942-1-ref.html
 create mode 100644 layout/reftests/bugs/502942-1.html
 create mode 100644 layout/reftests/bugs/503364-1-ref.html
 create mode 100644 layout/reftests/bugs/503364-1a.html
 create mode 100644 layout/reftests/bugs/503364-1b.html
 create mode 100644 layout/reftests/bugs/503531-1-ref.html
 create mode 100644 layout/reftests/bugs/503531-1.html
 create mode 100644 layout/reftests/bugs/504032-1-ref.html
 create mode 100644 layout/reftests/bugs/504032-1.html
 create mode 100644 layout/reftests/bugs/505743-1.html
 create mode 100644 layout/reftests/bugs/50630-1-ref.html
 create mode 100644 layout/reftests/bugs/50630-1a.html
 create mode 100644 layout/reftests/bugs/50630-1b.html
 create mode 100644 layout/reftests/bugs/50630-1c.html
 create mode 100644 layout/reftests/bugs/50630-2-ref.html
 create mode 100644 layout/reftests/bugs/50630-2.html
 create mode 100644 layout/reftests/bugs/50630-3-ref.html
 create mode 100644 layout/reftests/bugs/50630-3.html
 create mode 100644 layout/reftests/bugs/50630-4-ref.html
 create mode 100644 layout/reftests/bugs/50630-4-ref2.html
 create mode 100644 layout/reftests/bugs/50630-4.html
 create mode 100644 layout/reftests/bugs/50630-5-ref.html
 create mode 100644 layout/reftests/bugs/50630-5.html
 create mode 100644 layout/reftests/bugs/506481-1-ref.html
 create mode 100644 layout/reftests/bugs/506481-1.html
 create mode 100644 layout/reftests/bugs/507187-1-ref.html
 create mode 100644 layout/reftests/bugs/507187-1.html
 create mode 100644 layout/reftests/bugs/507487-1-ref.html
 create mode 100644 layout/reftests/bugs/507487-1.html
 create mode 100644 layout/reftests/bugs/507487-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/507487-2.xhtml
 create mode 100644 layout/reftests/bugs/507762-1-ref.html
 create mode 100644 layout/reftests/bugs/507762-1.html
 create mode 100644 layout/reftests/bugs/507762-2-ref.html
 create mode 100644 layout/reftests/bugs/507762-2.html
 create mode 100644 layout/reftests/bugs/507762-3.html
 create mode 100644 layout/reftests/bugs/507762-4.html
 create mode 100644 layout/reftests/bugs/508919-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/508919-1.xhtml
 create mode 100644 layout/reftests/bugs/509155-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/509155-1.xhtml
 create mode 100644 layout/reftests/bugs/512410-ref.html
 create mode 100644 layout/reftests/bugs/512410.html
 create mode 100644 layout/reftests/bugs/512631-1-ref.html
 create mode 100644 layout/reftests/bugs/512631-1.html
 create mode 100644 layout/reftests/bugs/513153-1-ref.html
 create mode 100644 layout/reftests/bugs/513153-1a.html
 create mode 100644 layout/reftests/bugs/513153-1b.html
 create mode 100644 layout/reftests/bugs/513153-2-ref.html
 create mode 100644 layout/reftests/bugs/513153-2a.html
 create mode 100644 layout/reftests/bugs/513153-2b.html
 create mode 100644 layout/reftests/bugs/513318-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/513318-1.xhtml
 create mode 100644 layout/reftests/bugs/513318-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/513318-2.xhtml
 create mode 100644 layout/reftests/bugs/514917-1-ref.html
 create mode 100644 layout/reftests/bugs/514917-1.html
 create mode 100644 layout/reftests/bugs/518172-1a.html
 create mode 100644 layout/reftests/bugs/518172-1b.html
 create mode 100644 layout/reftests/bugs/518172-2a.html
 create mode 100644 layout/reftests/bugs/518172-2b.html
 create mode 100644 layout/reftests/bugs/518172-a-ref.html
 create mode 100644 layout/reftests/bugs/518172-b-ref.html
 create mode 100644 layout/reftests/bugs/520421-1-ref.html
 create mode 100644 layout/reftests/bugs/520421-1.html
 create mode 100644 layout/reftests/bugs/520563-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/520563-1.xhtml
 create mode 100644 layout/reftests/bugs/521525-1-ref.html
 create mode 100644 layout/reftests/bugs/521525-1.html
 create mode 100644 layout/reftests/bugs/521525-2-ref.html
 create mode 100644 layout/reftests/bugs/521525-2.html
 create mode 100644 layout/reftests/bugs/521539-1-ref.html
 create mode 100644 layout/reftests/bugs/521539-1.html
 create mode 100644 layout/reftests/bugs/521542-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/521542-1.xhtml
 create mode 100644 layout/reftests/bugs/521602-ref.html
 create mode 100644 layout/reftests/bugs/521602.html
 create mode 100644 layout/reftests/bugs/521685-1-ref.html
 create mode 100644 layout/reftests/bugs/521685-1.html
 create mode 100644 layout/reftests/bugs/522632-1-ref.html
 create mode 100644 layout/reftests/bugs/522632-1.html
 create mode 100644 layout/reftests/bugs/523096-1-ref.html
 create mode 100644 layout/reftests/bugs/523096-1.html
 create mode 100644 layout/reftests/bugs/523468-1-ref.html
 create mode 100644 layout/reftests/bugs/523468-1.html
 create mode 100644 layout/reftests/bugs/524175-1-ref.html
 create mode 100644 layout/reftests/bugs/524175-1.html
 create mode 100644 layout/reftests/bugs/526463-1-ref.html
 create mode 100644 layout/reftests/bugs/526463-1.html
 create mode 100644 layout/reftests/bugs/527464-1.html
 create mode 100644 layout/reftests/bugs/527464-ref.html
 create mode 100644 layout/reftests/bugs/528038-1-ref.html
 create mode 100644 layout/reftests/bugs/528038-1a.html
 create mode 100644 layout/reftests/bugs/528038-1b.html
 create mode 100644 layout/reftests/bugs/528038-1c.html
 create mode 100644 layout/reftests/bugs/528038-1d.html
 create mode 100644 layout/reftests/bugs/528038-1e.html
 create mode 100644 layout/reftests/bugs/528038-1f.html
 create mode 100644 layout/reftests/bugs/528038-2-ref.html
 create mode 100644 layout/reftests/bugs/528038-2.html
 create mode 100644 layout/reftests/bugs/530686-1-ref.html
 create mode 100644 layout/reftests/bugs/530686-1.html
 create mode 100644 layout/reftests/bugs/531200-1-ref.html
 create mode 100644 layout/reftests/bugs/531200-1.html
 create mode 100644 layout/reftests/bugs/531371-1-ref.html
 create mode 100644 layout/reftests/bugs/531371-1.html
 create mode 100644 layout/reftests/bugs/534526-1-ref.html
 create mode 100644 layout/reftests/bugs/534526-1a.html
 create mode 100644 layout/reftests/bugs/534526-1b.html
 create mode 100644 layout/reftests/bugs/534804-1-ref.html
 create mode 100644 layout/reftests/bugs/534804-1.html
 create mode 100644 layout/reftests/bugs/534808-1-ref.html
 create mode 100644 layout/reftests/bugs/534808-1.html
 create mode 100644 layout/reftests/bugs/534808-2-ref.html
 create mode 100644 layout/reftests/bugs/534808-2.html
 create mode 100644 layout/reftests/bugs/534919-1-ref.html
 create mode 100644 layout/reftests/bugs/534919-1.html
 create mode 100644 layout/reftests/bugs/536061-ref.html
 create mode 100644 layout/reftests/bugs/536061.html
 create mode 100644 layout/reftests/bugs/537471-1-ref.html
 create mode 100644 layout/reftests/bugs/537471-1.html
 create mode 100644 layout/reftests/bugs/537507-1-frame.xhtml
 create mode 100644 layout/reftests/bugs/537507-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/537507-1.xhtml
 create mode 100644 layout/reftests/bugs/537507-2-frame.xhtml
 create mode 100644 layout/reftests/bugs/537507-2-ref.html
 create mode 100644 layout/reftests/bugs/537507-2.html
 create mode 100644 layout/reftests/bugs/538909-1-ref.html
 create mode 100644 layout/reftests/bugs/538909-1.html
 create mode 100644 layout/reftests/bugs/538935-1-ref.html
 create mode 100644 layout/reftests/bugs/538935-1.html
 create mode 100644 layout/reftests/bugs/539226-1.html
 create mode 100644 layout/reftests/bugs/539323-1-ref.html
 create mode 100644 layout/reftests/bugs/539323-1.html
 create mode 100644 layout/reftests/bugs/539323-2-ref.html
 create mode 100644 layout/reftests/bugs/539323-2.html
 create mode 100644 layout/reftests/bugs/539323-3-ref.html
 create mode 100644 layout/reftests/bugs/539323-3.html
 create mode 100644 layout/reftests/bugs/539880-1-dynamic.html
 create mode 100644 layout/reftests/bugs/539880-1-ref.html
 create mode 100644 layout/reftests/bugs/539880-1.html
 create mode 100644 layout/reftests/bugs/539949-1-ref.html
 create mode 100644 layout/reftests/bugs/539949-1.html
 create mode 100644 layout/reftests/bugs/541382-1-ref.html
 create mode 100644 layout/reftests/bugs/541382-1.html
 create mode 100644 layout/reftests/bugs/542116-1-ref.html
 create mode 100644 layout/reftests/bugs/542116-1.html
 create mode 100644 layout/reftests/bugs/542116-2-ref.html
 create mode 100644 layout/reftests/bugs/542116-2.html
 create mode 100644 layout/reftests/bugs/542116-3-ref.html
 create mode 100644 layout/reftests/bugs/542116-3.html
 create mode 100644 layout/reftests/bugs/542317-1-ref.html
 create mode 100644 layout/reftests/bugs/542317-1.html
 create mode 100644 layout/reftests/bugs/542620-1-ref.html
 create mode 100644 layout/reftests/bugs/542620-1.html
 create mode 100644 layout/reftests/bugs/545049-1-ref.html
 create mode 100644 layout/reftests/bugs/545049-1.html
 create mode 100644 layout/reftests/bugs/546033-1-ref.html
 create mode 100644 layout/reftests/bugs/546033-1.html
 create mode 100644 layout/reftests/bugs/549184-1-ref.html
 create mode 100644 layout/reftests/bugs/549184-1.html
 create mode 100644 layout/reftests/bugs/550325-1-ref.html
 create mode 100644 layout/reftests/bugs/550325-1.html
 create mode 100644 layout/reftests/bugs/550325-2.html
 create mode 100644 layout/reftests/bugs/550325-3.html
 create mode 100644 layout/reftests/bugs/550716-1-ref.html
 create mode 100644 layout/reftests/bugs/550716-1.html
 create mode 100644 layout/reftests/bugs/550882-1-ref.html
 create mode 100644 layout/reftests/bugs/550882-1.html
 create mode 100644 layout/reftests/bugs/550882-2-ref.html
 create mode 100644 layout/reftests/bugs/550882-2.html
 create mode 100644 layout/reftests/bugs/551463-1-ref.html
 create mode 100644 layout/reftests/bugs/551463-1.html
 create mode 100644 layout/reftests/bugs/551699-1-ref.html
 create mode 100644 layout/reftests/bugs/551699-1.html
 create mode 100644 layout/reftests/bugs/552334-1-ref.html
 create mode 100644 layout/reftests/bugs/552334-1.html
 create mode 100644 layout/reftests/bugs/553571-1-notref.html
 create mode 100644 layout/reftests/bugs/553571-1.html
 create mode 100644 layout/reftests/bugs/555388-1-ref.html
 create mode 100644 layout/reftests/bugs/555388-1.html
 create mode 100644 layout/reftests/bugs/556661-1-ref.html
 create mode 100644 layout/reftests/bugs/556661-1.html
 create mode 100644 layout/reftests/bugs/557087-1.html
 create mode 100644 layout/reftests/bugs/557087-2.html
 create mode 100644 layout/reftests/bugs/557087-ref.html
 create mode 100644 layout/reftests/bugs/557736-1-ref.html
 create mode 100644 layout/reftests/bugs/557736-1.html
 create mode 100644 layout/reftests/bugs/558011-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/558011-1.xhtml
 create mode 100644 layout/reftests/bugs/559284-1-ref.html
 create mode 100644 layout/reftests/bugs/559284-1.html
 create mode 100644 layout/reftests/bugs/561981-1-ref.html
 create mode 100644 layout/reftests/bugs/561981-1.html
 create mode 100644 layout/reftests/bugs/561981-2-ref.html
 create mode 100644 layout/reftests/bugs/561981-2.html
 create mode 100644 layout/reftests/bugs/561981-3-ref.html
 create mode 100644 layout/reftests/bugs/561981-3.html
 create mode 100644 layout/reftests/bugs/561981-4-ref.html
 create mode 100644 layout/reftests/bugs/561981-4.html
 create mode 100644 layout/reftests/bugs/561981-5-ref.html
 create mode 100644 layout/reftests/bugs/561981-5.html
 create mode 100644 layout/reftests/bugs/561981-6-ref.html
 create mode 100644 layout/reftests/bugs/561981-6.html
 create mode 100644 layout/reftests/bugs/561981-7-ref.html
 create mode 100644 layout/reftests/bugs/561981-7.html
 create mode 100644 layout/reftests/bugs/561981-8-ref.html
 create mode 100644 layout/reftests/bugs/561981-8.html
 create mode 100644 layout/reftests/bugs/562835-1.html
 create mode 100644 layout/reftests/bugs/562835-2.html
 create mode 100644 layout/reftests/bugs/562835-ref.html
 create mode 100644 layout/reftests/bugs/563584-1-ref.html
 create mode 100644 layout/reftests/bugs/563584-1.html
 create mode 100644 layout/reftests/bugs/563584-10-ref.html
 create mode 100644 layout/reftests/bugs/563584-10a.html
 create mode 100644 layout/reftests/bugs/563584-10b.html
 create mode 100644 layout/reftests/bugs/563584-11-ref.html
 create mode 100644 layout/reftests/bugs/563584-11.html
 create mode 100644 layout/reftests/bugs/563584-2-ref.html
 create mode 100644 layout/reftests/bugs/563584-2.html
 create mode 100644 layout/reftests/bugs/563584-3-ref.html
 create mode 100644 layout/reftests/bugs/563584-3.html
 create mode 100644 layout/reftests/bugs/563584-4-ref.html
 create mode 100644 layout/reftests/bugs/563584-4.html
 create mode 100644 layout/reftests/bugs/563584-5-ref.html
 create mode 100644 layout/reftests/bugs/563584-5.html
 create mode 100644 layout/reftests/bugs/563584-6-columns-ref.html
 create mode 100644 layout/reftests/bugs/563584-6-columns.html
 create mode 100644 layout/reftests/bugs/563584-6-printing-ref.html
 create mode 100644 layout/reftests/bugs/563584-6-printing.html
 create mode 100644 layout/reftests/bugs/563584-7-ref.html
 create mode 100644 layout/reftests/bugs/563584-7.html
 create mode 100644 layout/reftests/bugs/563584-8a-ref.html
 create mode 100644 layout/reftests/bugs/563584-8a.html
 create mode 100644 layout/reftests/bugs/563584-8b-ref.html
 create mode 100644 layout/reftests/bugs/563584-8b.html
 create mode 100644 layout/reftests/bugs/563584-8c-ref.html
 create mode 100644 layout/reftests/bugs/563584-8c.html
 create mode 100644 layout/reftests/bugs/563584-8d-ref.html
 create mode 100644 layout/reftests/bugs/563584-8d.html
 create mode 100644 layout/reftests/bugs/563584-9a-ref.html
 create mode 100644 layout/reftests/bugs/563584-9a.html
 create mode 100644 layout/reftests/bugs/563584-9b-ref.html
 create mode 100644 layout/reftests/bugs/563584-9b.html
 create mode 100644 layout/reftests/bugs/563584-9c.html
 create mode 100644 layout/reftests/bugs/563584-9cd-ref.html
 create mode 100644 layout/reftests/bugs/563584-9d.html
 create mode 100644 layout/reftests/bugs/563884-1-ref.html
 create mode 100644 layout/reftests/bugs/563884-1.html
 create mode 100644 layout/reftests/bugs/564002-1-ref.html
 create mode 100644 layout/reftests/bugs/564002-1.html
 create mode 100644 layout/reftests/bugs/564054-1-ref.html
 create mode 100644 layout/reftests/bugs/564054-1.html
 create mode 100644 layout/reftests/bugs/564991-1-ref.html
 create mode 100644 layout/reftests/bugs/564991-1.html
 create mode 100644 layout/reftests/bugs/565819-1.html
 create mode 100644 layout/reftests/bugs/565819-2.html
 create mode 100644 layout/reftests/bugs/565819-ref.html
 create mode 100644 layout/reftests/bugs/568441-ref.html
 create mode 100644 layout/reftests/bugs/568441.html
 create mode 100644 layout/reftests/bugs/569006-1-ref.html
 create mode 100644 layout/reftests/bugs/569006-1.html
 create mode 100644 layout/reftests/bugs/571281-1-ref.html
 create mode 100644 layout/reftests/bugs/571281-1a.html
 create mode 100644 layout/reftests/bugs/571281-1b.html
 create mode 100644 layout/reftests/bugs/571281-1c.html
 create mode 100644 layout/reftests/bugs/571347-1-ref.html
 create mode 100644 layout/reftests/bugs/571347-1a.html
 create mode 100644 layout/reftests/bugs/571347-1b.html
 create mode 100644 layout/reftests/bugs/571347-2-ref.html
 create mode 100644 layout/reftests/bugs/571347-2a.html
 create mode 100644 layout/reftests/bugs/571347-2b.html
 create mode 100644 layout/reftests/bugs/571347-2c.html
 create mode 100644 layout/reftests/bugs/571347-2d.html
 create mode 100644 layout/reftests/bugs/571347-3-ref.html
 create mode 100644 layout/reftests/bugs/571347-3.html
 create mode 100644 layout/reftests/bugs/572598-1.html
 create mode 100644 layout/reftests/bugs/572598-ref.html
 create mode 100644 layout/reftests/bugs/574898-1.html
 create mode 100644 layout/reftests/bugs/574898-ref.html
 create mode 100644 layout/reftests/bugs/574907-1-ref.html
 create mode 100644 layout/reftests/bugs/574907-1.html
 create mode 100644 layout/reftests/bugs/574907-2-ref.html
 create mode 100644 layout/reftests/bugs/574907-2.html
 create mode 100644 layout/reftests/bugs/574907-3-notref.html
 create mode 100644 layout/reftests/bugs/574907-3.html
 create mode 100644 layout/reftests/bugs/577838-1-ref.html
 create mode 100644 layout/reftests/bugs/577838-1.html
 create mode 100644 layout/reftests/bugs/577838-2-ref.html
 create mode 100644 layout/reftests/bugs/577838-2.html
 create mode 100644 layout/reftests/bugs/579323-1-ref.html
 create mode 100644 layout/reftests/bugs/579323-1.html
 create mode 100644 layout/reftests/bugs/579349-1-ref.html
 create mode 100644 layout/reftests/bugs/579349-1.html
 create mode 100644 layout/reftests/bugs/579655-1-ref.html
 create mode 100644 layout/reftests/bugs/579655-1.html
 create mode 100644 layout/reftests/bugs/579808-1-ref.html
 create mode 100644 layout/reftests/bugs/579985-1-ref.html
 create mode 100644 layout/reftests/bugs/579985-1.html
 create mode 100644 layout/reftests/bugs/580863-1-ref.html
 create mode 100644 layout/reftests/bugs/580863-1.html
 create mode 100644 layout/reftests/bugs/581317-1-ref.html
 create mode 100644 layout/reftests/bugs/581317-1.html
 create mode 100644 layout/reftests/bugs/581579-1-ref.html
 create mode 100644 layout/reftests/bugs/581579-1.html
 create mode 100644 layout/reftests/bugs/582037-1-ref.html
 create mode 100644 layout/reftests/bugs/582037-1a.html
 create mode 100644 layout/reftests/bugs/582037-1b.html
 create mode 100644 layout/reftests/bugs/582037-2-ref.html
 create mode 100644 layout/reftests/bugs/582037-2a.html
 create mode 100644 layout/reftests/bugs/582037-2b.html
 create mode 100644 layout/reftests/bugs/582146-1.html
 create mode 100644 layout/reftests/bugs/582476-1-helper.html
 create mode 100644 layout/reftests/bugs/582476-1-ref-helper.html
 create mode 100644 layout/reftests/bugs/582476-1-ref.svg
 create mode 100644 layout/reftests/bugs/582476-1.svg
 create mode 100644 layout/reftests/bugs/584400-dash-length-ref.svg
 create mode 100644 layout/reftests/bugs/584400-dash-length.svg
 create mode 100644 layout/reftests/bugs/584699-1-ref.html
 create mode 100644 layout/reftests/bugs/584699-1.html
 create mode 100644 layout/reftests/bugs/585598-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/585598-2.xhtml
 create mode 100644 layout/reftests/bugs/586400-1-ref.html
 create mode 100644 layout/reftests/bugs/586400-1.html
 create mode 100644 layout/reftests/bugs/586683-1-ref.html
 create mode 100644 layout/reftests/bugs/586683-1.html
 create mode 100644 layout/reftests/bugs/589615-1-ref.html
 create mode 100644 layout/reftests/bugs/589615-1a.xhtml
 create mode 100644 layout/reftests/bugs/589615-1b.html
 create mode 100644 layout/reftests/bugs/589672-1-ref.html
 create mode 100644 layout/reftests/bugs/589672-1.html
 create mode 100644 layout/reftests/bugs/589682-1-notref.html
 create mode 100644 layout/reftests/bugs/589682-1.html
 create mode 100644 layout/reftests/bugs/593243-1-ref.html
 create mode 100644 layout/reftests/bugs/593243-1.html
 create mode 100644 layout/reftests/bugs/593243-2-ref.html
 create mode 100644 layout/reftests/bugs/593243-2.html
 create mode 100644 layout/reftests/bugs/593544-1-ref.html
 create mode 100644 layout/reftests/bugs/593544-1.html
 create mode 100644 layout/reftests/bugs/594333-1-ref.html
 create mode 100644 layout/reftests/bugs/594333-1.html
 create mode 100644 layout/reftests/bugs/594624-1-ref.html
 create mode 100644 layout/reftests/bugs/594624-1.html
 create mode 100644 layout/reftests/bugs/594737-1-ref.html
 create mode 100644 layout/reftests/bugs/594737-1.html
 create mode 100644 layout/reftests/bugs/597721-1-ref.html
 create mode 100644 layout/reftests/bugs/597721-1.html
 create mode 100644 layout/reftests/bugs/598726-1-ref.html
 create mode 100644 layout/reftests/bugs/598726-1.html
 create mode 100644 layout/reftests/bugs/599113-1-ref.html
 create mode 100644 layout/reftests/bugs/599113-1.html
 create mode 100644 layout/reftests/bugs/599882-1-ref.html
 create mode 100644 layout/reftests/bugs/599882-1a.html
 create mode 100644 layout/reftests/bugs/599882-1b.html
 create mode 100644 layout/reftests/bugs/599882-2-ref.html
 create mode 100644 layout/reftests/bugs/599882-2.html
 create mode 100644 layout/reftests/bugs/600045-1-ref.html
 create mode 100644 layout/reftests/bugs/600045-1.html
 create mode 100644 layout/reftests/bugs/600803-1-ref.html
 create mode 100644 layout/reftests/bugs/600803-1.html
 create mode 100644 layout/reftests/bugs/600974-1-ref.html
 create mode 100644 layout/reftests/bugs/600974-1.html
 create mode 100644 layout/reftests/bugs/600974-2.html
 create mode 100644 layout/reftests/bugs/600974-3.html
 create mode 100644 layout/reftests/bugs/602200-1-ref.html
 create mode 100644 layout/reftests/bugs/602200-1.html
 create mode 100644 layout/reftests/bugs/602200-2-ref.html
 create mode 100644 layout/reftests/bugs/602200-2.html
 create mode 100644 layout/reftests/bugs/602200-3-ref.html
 create mode 100644 layout/reftests/bugs/602200-3.html
 create mode 100644 layout/reftests/bugs/602200-4-ref.html
 create mode 100644 layout/reftests/bugs/602200-4.html
 create mode 100644 layout/reftests/bugs/603423-1-ref.html
 create mode 100644 layout/reftests/bugs/603423-1.html
 create mode 100644 layout/reftests/bugs/604737-ref.html
 create mode 100644 layout/reftests/bugs/604737.html
 create mode 100644 layout/reftests/bugs/605138-1-ref.html
 create mode 100644 layout/reftests/bugs/605138-1.html
 create mode 100644 layout/reftests/bugs/605157-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/605157-1.xhtml
 create mode 100644 layout/reftests/bugs/607267-1-ref.html
 create mode 100644 layout/reftests/bugs/607267-1.html
 create mode 100644 layout/reftests/bugs/608636-1-ref.html
 create mode 100644 layout/reftests/bugs/608636-1.html
 create mode 100644 layout/reftests/bugs/608756-1-ref.html
 create mode 100644 layout/reftests/bugs/608756-1a.html
 create mode 100644 layout/reftests/bugs/608756-1b.html
 create mode 100644 layout/reftests/bugs/608756-2-ref.html
 create mode 100644 layout/reftests/bugs/608756-2.html
 create mode 100644 layout/reftests/bugs/609272-1-ref.html
 create mode 100644 layout/reftests/bugs/609272-1.html
 create mode 100644 layout/reftests/bugs/613433-1-ref.html
 create mode 100644 layout/reftests/bugs/613433-1.html
 create mode 100644 layout/reftests/bugs/613433-2-ref.html
 create mode 100644 layout/reftests/bugs/613433-2.html
 create mode 100644 layout/reftests/bugs/613433-3-ref.html
 create mode 100644 layout/reftests/bugs/613433-3.html
 create mode 100644 layout/reftests/bugs/614272-1-ref.svg
 create mode 100644 layout/reftests/bugs/614272-1.svg
 create mode 100644 layout/reftests/bugs/615121-1-ref.html
 create mode 100644 layout/reftests/bugs/615121-1.html
 create mode 100644 layout/reftests/bugs/615121-2-notref.html
 create mode 100644 layout/reftests/bugs/615121-2.html
 create mode 100644 layout/reftests/bugs/617242-1-ref.html
 create mode 100644 layout/reftests/bugs/617242-1.html
 create mode 100644 layout/reftests/bugs/618071-notref.html
 create mode 100644 layout/reftests/bugs/618071.html
 create mode 100644 layout/reftests/bugs/619117-1-ref.html
 create mode 100644 layout/reftests/bugs/619117-1.html
 create mode 100644 layout/reftests/bugs/619511-1-ref.html
 create mode 100644 layout/reftests/bugs/619511-1.html
 create mode 100644 layout/reftests/bugs/621253-1-externalFilter.html
 create mode 100644 layout/reftests/bugs/621253-1-internalFilter.html
 create mode 100644 layout/reftests/bugs/621253-1-ref.html
 create mode 100644 layout/reftests/bugs/621253-2-externalFilter.html
 create mode 100644 layout/reftests/bugs/621253-2-internalFilter.html
 create mode 100644 layout/reftests/bugs/621253-2-ref.html
 create mode 100644 layout/reftests/bugs/621253-helper-externalFilter.xhtml
 create mode 100644 layout/reftests/bugs/621253-helper-internalFilter.xhtml
 create mode 100644 layout/reftests/bugs/621918-1-ref.svg
 create mode 100644 layout/reftests/bugs/621918-1.svg
 create mode 100644 layout/reftests/bugs/621918-2-ref.svg
 create mode 100644 layout/reftests/bugs/621918-2.svg
 create mode 100644 layout/reftests/bugs/622585-1-ref.html
 create mode 100644 layout/reftests/bugs/622585-1.html
 create mode 100644 layout/reftests/bugs/625409-1-ref.html
 create mode 100644 layout/reftests/bugs/625409-1.html
 create mode 100644 layout/reftests/bugs/627393-1.html
 create mode 100644 layout/reftests/bugs/630835-1.html
 create mode 100644 layout/reftests/bugs/631352-1-ref.html
 create mode 100644 layout/reftests/bugs/631352-1.html
 create mode 100644 layout/reftests/bugs/632781-normalsize.html
 create mode 100644 layout/reftests/bugs/632781-ref.html
 create mode 100644 layout/reftests/bugs/632781-verybig.html
 create mode 100644 layout/reftests/bugs/633344-1-ref.html
 create mode 100644 layout/reftests/bugs/633344-1.html
 create mode 100644 layout/reftests/bugs/634232-1-ref.html
 create mode 100644 layout/reftests/bugs/634232-1.html
 create mode 100644 layout/reftests/bugs/635302-1-ref.html
 create mode 100644 layout/reftests/bugs/635302-1.html
 create mode 100644 layout/reftests/bugs/635373-1-ref.html
 create mode 100644 layout/reftests/bugs/635373-1.html
 create mode 100644 layout/reftests/bugs/635373-2-ref.html
 create mode 100644 layout/reftests/bugs/635373-2.html
 create mode 100644 layout/reftests/bugs/635373-3-ref.html
 create mode 100644 layout/reftests/bugs/635373-3.html
 create mode 100644 layout/reftests/bugs/635639-1-ref.html
 create mode 100644 layout/reftests/bugs/635639-1.html
 create mode 100644 layout/reftests/bugs/635639-2-ref.html
 create mode 100644 layout/reftests/bugs/635639-2.html
 create mode 100644 layout/reftests/bugs/637597-1-ref.html
 create mode 100644 layout/reftests/bugs/637597-1.html
 create mode 100644 layout/reftests/bugs/637852-1-ref.html
 create mode 100644 layout/reftests/bugs/637852-1.html
 create mode 100644 layout/reftests/bugs/637852-2-ref.html
 create mode 100644 layout/reftests/bugs/637852-2.html
 create mode 100644 layout/reftests/bugs/637852-3-ref.html
 create mode 100644 layout/reftests/bugs/637852-3.html
 create mode 100644 layout/reftests/bugs/641770-1-ref.html
 create mode 100644 layout/reftests/bugs/641770-1.html
 create mode 100644 layout/reftests/bugs/641856-1-ref.html
 create mode 100644 layout/reftests/bugs/641856-1.html
 create mode 100644 layout/reftests/bugs/645491-1-ref.html
 create mode 100644 layout/reftests/bugs/645491-1.html
 create mode 100644 layout/reftests/bugs/645647-1-ref.html
 create mode 100644 layout/reftests/bugs/645647-1.html
 create mode 100644 layout/reftests/bugs/645647-2-ref.html
 create mode 100644 layout/reftests/bugs/645647-2.html
 create mode 100644 layout/reftests/bugs/645768-1-ref.html
 create mode 100644 layout/reftests/bugs/645768-1.html
 create mode 100644 layout/reftests/bugs/647-1-ref.html
 create mode 100644 layout/reftests/bugs/647-1.html
 create mode 100644 layout/reftests/bugs/650228-1-ref.html
 create mode 100644 layout/reftests/bugs/650228-1.html
 create mode 100644 layout/reftests/bugs/652301-1-ref.html
 create mode 100644 layout/reftests/bugs/652301-1a.html
 create mode 100644 layout/reftests/bugs/652301-1b.html
 create mode 100644 layout/reftests/bugs/652775-1-ref.html
 create mode 100644 layout/reftests/bugs/652775-1.html
 create mode 100644 layout/reftests/bugs/652991-1-ref.html
 create mode 100644 layout/reftests/bugs/652991-1a.html
 create mode 100644 layout/reftests/bugs/652991-1b.html
 create mode 100644 layout/reftests/bugs/652991-2-ref.html
 create mode 100644 layout/reftests/bugs/652991-2.html
 create mode 100644 layout/reftests/bugs/652991-3-ref.html
 create mode 100644 layout/reftests/bugs/652991-3.html
 create mode 100644 layout/reftests/bugs/652991-4-ref.html
 create mode 100644 layout/reftests/bugs/652991-4.html
 create mode 100644 layout/reftests/bugs/653930-1-iframe.html
 create mode 100644 layout/reftests/bugs/653930-1-ref.html
 create mode 100644 layout/reftests/bugs/653930-1.html
 create mode 100644 layout/reftests/bugs/654057-1-ref.html
 create mode 100644 layout/reftests/bugs/654057-1.html
 create mode 100644 layout/reftests/bugs/654950-1-ref.html
 create mode 100644 layout/reftests/bugs/654950-1.html
 create mode 100644 layout/reftests/bugs/655549-1-ref.html
 create mode 100644 layout/reftests/bugs/655549-1.html
 create mode 100644 layout/reftests/bugs/655836-1-ref.html
 create mode 100644 layout/reftests/bugs/655836-1.html
 create mode 100644 layout/reftests/bugs/656875.html
 create mode 100644 layout/reftests/bugs/658952-ref.html
 create mode 100644 layout/reftests/bugs/658952.html
 create mode 100644 layout/reftests/bugs/660682-1-ref.html
 create mode 100644 layout/reftests/bugs/660682-1.html
 create mode 100644 layout/reftests/bugs/664127-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/664127-1.css
 create mode 100644 layout/reftests/bugs/664127-1.xhtml
 create mode 100644 layout/reftests/bugs/665597-1-ref.html
 create mode 100644 layout/reftests/bugs/665597-1.html
 create mode 100644 layout/reftests/bugs/665597-2-ref.html
 create mode 100644 layout/reftests/bugs/665597-2.html
 create mode 100644 layout/reftests/bugs/667079-1-ref.html
 create mode 100644 layout/reftests/bugs/667079-1.html
 create mode 100644 layout/reftests/bugs/668319-1.xhtml
 create mode 100644 layout/reftests/bugs/669015-1-notref.xhtml
 create mode 100644 layout/reftests/bugs/669015-1.xhtml
 create mode 100644 layout/reftests/bugs/670442-1-ref.html
 create mode 100644 layout/reftests/bugs/670442-1.html
 create mode 100644 layout/reftests/bugs/670467-1-ref.html
 create mode 100644 layout/reftests/bugs/670467-1.html
 create mode 100644 layout/reftests/bugs/670467-2-ref.html
 create mode 100644 layout/reftests/bugs/670467-2.html
 create mode 100644 layout/reftests/bugs/67752-1-ref.html
 create mode 100644 layout/reftests/bugs/67752-1.html
 create mode 100644 layout/reftests/bugs/67752-2-ref.html
 create mode 100644 layout/reftests/bugs/67752-2.html
 create mode 100644 layout/reftests/bugs/68061-1-ref.xml
 create mode 100644 layout/reftests/bugs/68061-1.xml
 create mode 100644 layout/reftests/bugs/68061-2-ref.xml
 create mode 100644 layout/reftests/bugs/68061-2.xml
 create mode 100644 layout/reftests/bugs/690164-1-ref.html
 create mode 100644 layout/reftests/bugs/690164-1.html
 create mode 100644 layout/reftests/bugs/690643-1-ref.html
 create mode 100644 layout/reftests/bugs/690643-1.html
 create mode 100644 layout/reftests/bugs/691087-1-ref.html
 create mode 100644 layout/reftests/bugs/691087-1.html
 create mode 100644 layout/reftests/bugs/691571-1-ref.html
 create mode 100644 layout/reftests/bugs/691571-1.html
 create mode 100644 layout/reftests/bugs/696307-1-ref.html
 create mode 100644 layout/reftests/bugs/696307-1.html
 create mode 100644 layout/reftests/bugs/696739-1-ref.html
 create mode 100644 layout/reftests/bugs/696739-1.html
 create mode 100644 layout/reftests/bugs/703186-1-ref.html
 create mode 100644 layout/reftests/bugs/703186-1.html
 create mode 100644 layout/reftests/bugs/703186-2-ref.html
 create mode 100644 layout/reftests/bugs/703186-2.html
 create mode 100644 layout/reftests/bugs/711359-1-ref.html
 create mode 100644 layout/reftests/bugs/711359-1.html
 create mode 100644 layout/reftests/bugs/712130-1-ref.html
 create mode 100644 layout/reftests/bugs/712130-1.html
 create mode 100644 layout/reftests/bugs/712130-2-ref.html
 create mode 100644 layout/reftests/bugs/712130-2.html
 create mode 100644 layout/reftests/bugs/712849-1-ref.html
 create mode 100644 layout/reftests/bugs/712849-1.html
 create mode 100644 layout/reftests/bugs/713856-dynamic.html
 create mode 100644 layout/reftests/bugs/713856-ref.html
 create mode 100644 layout/reftests/bugs/713856-static.html
 create mode 100644 layout/reftests/bugs/714519-1-as.html
 create mode 100644 layout/reftests/bugs/714519-1-q.html
 create mode 100644 layout/reftests/bugs/714519-1-ref.html
 create mode 100644 layout/reftests/bugs/714519-2-as.html
 create mode 100644 layout/reftests/bugs/714519-2-q.html
 create mode 100644 layout/reftests/bugs/714519-2-ref.html
 create mode 100644 layout/reftests/bugs/718521-ref.html
 create mode 100644 layout/reftests/bugs/718521.html
 create mode 100644 layout/reftests/bugs/720987-ref.html
 create mode 100644 layout/reftests/bugs/720987.html
 create mode 100644 layout/reftests/bugs/722888-1-ref.html
 create mode 100644 layout/reftests/bugs/722888-1.html
 create mode 100644 layout/reftests/bugs/722923-1-ref.html
 create mode 100644 layout/reftests/bugs/722923-1.html
 create mode 100644 layout/reftests/bugs/723484-1-ref.html
 create mode 100644 layout/reftests/bugs/723484-1.html
 create mode 100644 layout/reftests/bugs/728983-1-ref.html
 create mode 100644 layout/reftests/bugs/728983-1.html
 create mode 100644 layout/reftests/bugs/729143-1-ref.html
 create mode 100644 layout/reftests/bugs/729143-1.html
 create mode 100644 layout/reftests/bugs/731521-1-ref.html
 create mode 100644 layout/reftests/bugs/731521-1.html
 create mode 100644 layout/reftests/bugs/731726-1-ref.html
 create mode 100644 layout/reftests/bugs/731726-1.html
 create mode 100644 layout/reftests/bugs/735481-1-ref.html
 create mode 100644 layout/reftests/bugs/735481-1.html
 create mode 100644 layout/reftests/bugs/745934-1-ref.html
 create mode 100644 layout/reftests/bugs/745934-1.html
 create mode 100644 layout/reftests/bugs/748692-1-ref.html
 create mode 100644 layout/reftests/bugs/748692-1a.html
 create mode 100644 layout/reftests/bugs/748692-1b.html
 create mode 100644 layout/reftests/bugs/748803-1-ref.html
 create mode 100644 layout/reftests/bugs/748803-1.html
 create mode 100644 layout/reftests/bugs/750551-1-ref.html
 create mode 100644 layout/reftests/bugs/750551-1.html
 create mode 100644 layout/reftests/bugs/751012-1-ref.html
 create mode 100644 layout/reftests/bugs/751012-1a.html
 create mode 100644 layout/reftests/bugs/751012-1b.html
 create mode 100644 layout/reftests/bugs/753329-1.html
 create mode 100644 layout/reftests/bugs/758561-1-ref.html
 create mode 100644 layout/reftests/bugs/758561-1.html
 create mode 100644 layout/reftests/bugs/759036-1-ref.html
 create mode 100644 layout/reftests/bugs/759036-1.html
 create mode 100644 layout/reftests/bugs/759036-2-ref.html
 create mode 100644 layout/reftests/bugs/759036-2.html
 create mode 100644 layout/reftests/bugs/76331-1-ref.html
 create mode 100644 layout/reftests/bugs/76331-1.html
 create mode 100644 layout/reftests/bugs/776265-1-ref.html
 create mode 100644 layout/reftests/bugs/776265-1a.html
 create mode 100644 layout/reftests/bugs/776265-1b.html
 create mode 100644 layout/reftests/bugs/776265-1c.html
 create mode 100644 layout/reftests/bugs/776265-1d.html
 create mode 100644 layout/reftests/bugs/776265-2-ref.html
 create mode 100644 layout/reftests/bugs/776265-2a.html
 create mode 100644 layout/reftests/bugs/776265-2b.html
 create mode 100644 layout/reftests/bugs/776265-2c.html
 create mode 100644 layout/reftests/bugs/776265-2d.html
 create mode 100644 layout/reftests/bugs/776443-1-ref.html
 create mode 100644 layout/reftests/bugs/776443-1.html
 create mode 100644 layout/reftests/bugs/776443-2-ref.html
 create mode 100644 layout/reftests/bugs/776443-2.html
 create mode 100644 layout/reftests/bugs/786254-1-ref.html
 create mode 100644 layout/reftests/bugs/786254-1.html
 create mode 100644 layout/reftests/bugs/787947-1-ref.html
 create mode 100644 layout/reftests/bugs/787947-1.html
 create mode 100644 layout/reftests/bugs/796847-1-ref.svg
 create mode 100644 layout/reftests/bugs/796847-1.svg
 create mode 100644 layout/reftests/bugs/797797-1-ref.html
 create mode 100644 layout/reftests/bugs/797797-1.html
 create mode 100644 layout/reftests/bugs/797797-2-ref.html
 create mode 100644 layout/reftests/bugs/797797-2.html
 create mode 100644 layout/reftests/bugs/801994-1-ref.html
 create mode 100644 layout/reftests/bugs/801994-1.html
 create mode 100644 layout/reftests/bugs/804323-1-ref.html
 create mode 100644 layout/reftests/bugs/804323-1.html
 create mode 100644 layout/reftests/bugs/811301-1-ref.html
 create mode 100644 layout/reftests/bugs/811301-1.html
 create mode 100644 layout/reftests/bugs/812824-1-ref.html
 create mode 100644 layout/reftests/bugs/812824-1.html
 create mode 100644 layout/reftests/bugs/814677-ref.html
 create mode 100644 layout/reftests/bugs/814677.html
 create mode 100644 layout/reftests/bugs/814952-1-ref.html
 create mode 100644 layout/reftests/bugs/814952-1.html
 create mode 100644 layout/reftests/bugs/815030-1-ref.html
 create mode 100644 layout/reftests/bugs/815030-1.html
 create mode 100644 layout/reftests/bugs/815593-1-ref.html
 create mode 100644 layout/reftests/bugs/815593-1.html
 create mode 100644 layout/reftests/bugs/816359-1-ref.html
 create mode 100644 layout/reftests/bugs/816359-1.html
 create mode 100644 layout/reftests/bugs/816458-1-ref.html
 create mode 100644 layout/reftests/bugs/816458-1.html
 create mode 100644 layout/reftests/bugs/816876-1-ref.xhtml
 create mode 100644 layout/reftests/bugs/816876-1.xhtml
 create mode 100644 layout/reftests/bugs/816876-2-ref.xhtml
 create mode 100644 layout/reftests/bugs/816876-2a.xhtml
 create mode 100644 layout/reftests/bugs/816876-2b.xhtml
 create mode 100644 layout/reftests/bugs/816948-1-ref.html
 create mode 100644 layout/reftests/bugs/816948-1.html
 create mode 100644 layout/reftests/bugs/816948-iframe.html
 create mode 100644 layout/reftests/bugs/817019-1.html
 create mode 100644 layout/reftests/bugs/818276-1-ref.html
 create mode 100644 layout/reftests/bugs/818276-1.html
 create mode 100644 layout/reftests/bugs/81947-1.html
 create mode 100644 layout/reftests/bugs/81947-ref.html
 create mode 100644 layout/reftests/bugs/825999-ref.html
 create mode 100644 layout/reftests/bugs/825999.html
 create mode 100644 layout/reftests/bugs/82711-1-ref.html
 create mode 100644 layout/reftests/bugs/82711-1.html
 create mode 100644 layout/reftests/bugs/82711-2-ref.html
 create mode 100644 layout/reftests/bugs/82711-2.html
 create mode 100644 layout/reftests/bugs/82711-3-ref.html
 create mode 100644 layout/reftests/bugs/82711-3.html
 create mode 100644 layout/reftests/bugs/827577-1-ref.html
 create mode 100644 layout/reftests/bugs/827577-1a.html
 create mode 100644 layout/reftests/bugs/827577-1b.html
 create mode 100644 layout/reftests/bugs/827577-2.html
 create mode 100644 layout/reftests/bugs/827799-1.html
 create mode 100644 layout/reftests/bugs/828146-1-ref.html
 create mode 100644 layout/reftests/bugs/828146-1.html
 create mode 100644 layout/reftests/bugs/829958-ref.html
 create mode 100644 layout/reftests/bugs/829958.html
 create mode 100644 layout/reftests/bugs/836844-1-ref.html
 create mode 100644 layout/reftests/bugs/836844-1.html
 create mode 100644 layout/reftests/bugs/841192-1-ref.html
 create mode 100644 layout/reftests/bugs/841192-1.html
 create mode 100644 layout/reftests/bugs/84400-1-ref.html
 create mode 100644 layout/reftests/bugs/84400-1.html
 create mode 100644 layout/reftests/bugs/84400-2-ref.html
 create mode 100644 layout/reftests/bugs/84400-2.html
 create mode 100644 layout/reftests/bugs/844178-ref.html
 create mode 100644 layout/reftests/bugs/844178.html
 create mode 100644 layout/reftests/bugs/846144-1-ref.html
 create mode 100644 layout/reftests/bugs/846144-1.html
 create mode 100644 layout/reftests/bugs/847850-1-ref.html
 create mode 100644 layout/reftests/bugs/847850-1.html
 create mode 100644 layout/reftests/bugs/848421-1-ref.html
 create mode 100644 layout/reftests/bugs/848421-1.html
 create mode 100644 layout/reftests/bugs/849407-1-ref.html
 create mode 100644 layout/reftests/bugs/849407-1.html
 create mode 100644 layout/reftests/bugs/849996-1-ref.html
 create mode 100644 layout/reftests/bugs/849996-1.html
 create mode 100644 layout/reftests/bugs/858803-1-frame.xhtml
 create mode 100644 layout/reftests/bugs/858803-1-ref.html
 create mode 100644 layout/reftests/bugs/858803-1.html
 create mode 100644 layout/reftests/bugs/860242-1-ref.html
 create mode 100644 layout/reftests/bugs/860242-1.html
 create mode 100644 layout/reftests/bugs/860370-notref.html
 create mode 100644 layout/reftests/bugs/860370.html
 create mode 100644 layout/reftests/bugs/871338-1-ref.html
 create mode 100644 layout/reftests/bugs/871338-1.html
 create mode 100644 layout/reftests/bugs/872254-1-ref.html
 create mode 100644 layout/reftests/bugs/872254-1.html
 create mode 100644 layout/reftests/bugs/883568-1-ref.html
 create mode 100644 layout/reftests/bugs/883568-1.html
 create mode 100644 layout/reftests/bugs/883987-1-ref.html
 create mode 100644 layout/reftests/bugs/883987-1a.html
 create mode 100644 layout/reftests/bugs/883987-1b.html
 create mode 100644 layout/reftests/bugs/883987-1c.html
 create mode 100644 layout/reftests/bugs/883987-1d.html
 create mode 100644 layout/reftests/bugs/883987-1e.html
 create mode 100644 layout/reftests/bugs/883987-1f.html
 create mode 100644 layout/reftests/bugs/890495-1-ref.html
 create mode 100644 layout/reftests/bugs/890495-1.html
 create mode 100644 layout/reftests/bugs/894931-1-ref.html
 create mode 100644 layout/reftests/bugs/894931-1.html
 create mode 100644 layout/reftests/bugs/897491-1-ref.html
 create mode 100644 layout/reftests/bugs/897491-1.html
 create mode 100644 layout/reftests/bugs/897491-2-ref.html
 create mode 100644 layout/reftests/bugs/897491-2.html
 create mode 100644 layout/reftests/bugs/902330-1-ref.html
 create mode 100644 layout/reftests/bugs/902330-1.html
 create mode 100644 layout/reftests/bugs/906199-1-ref.html
 create mode 100644 layout/reftests/bugs/906199-1.html
 create mode 100644 layout/reftests/bugs/921716-1-ref.html
 create mode 100644 layout/reftests/bugs/921716-1.html
 create mode 100644 layout/reftests/bugs/926155-1-ref.html
 create mode 100644 layout/reftests/bugs/926155-1.html
 create mode 100644 layout/reftests/bugs/928607-1-ref.html
 create mode 100644 layout/reftests/bugs/928607-1.html
 create mode 100644 layout/reftests/bugs/931464-1-ref.html
 create mode 100644 layout/reftests/bugs/931464-1.html
 create mode 100644 layout/reftests/bugs/931853-quirks-ref.html
 create mode 100644 layout/reftests/bugs/931853-quirks.html
 create mode 100644 layout/reftests/bugs/931853-ref.html
 create mode 100644 layout/reftests/bugs/931853.html
 create mode 100644 layout/reftests/bugs/933264-1-ref.html
 create mode 100644 layout/reftests/bugs/933264-1.html
 create mode 100644 layout/reftests/bugs/935056-1-ref.html
 create mode 100644 layout/reftests/bugs/935056-1.html
 create mode 100644 layout/reftests/bugs/936670-1-ref.svg
 create mode 100644 layout/reftests/bugs/936670-1.svg
 create mode 100644 layout/reftests/bugs/941940-1-ref.html
 create mode 100644 layout/reftests/bugs/941940-1.html
 create mode 100644 layout/reftests/bugs/942017-ref.html
 create mode 100644 layout/reftests/bugs/942017.html
 create mode 100644 layout/reftests/bugs/942672-1-ref.html
 create mode 100644 layout/reftests/bugs/942672-1.html
 create mode 100644 layout/reftests/bugs/944291-1-ref.html
 create mode 100644 layout/reftests/bugs/944291-1.html
 create mode 100644 layout/reftests/bugs/9458-basic-1-ref.html
 create mode 100644 layout/reftests/bugs/9458-basic-1.html
 create mode 100644 layout/reftests/bugs/9458-height-1-ref.html
 create mode 100644 layout/reftests/bugs/9458-height-1.html
 create mode 100644 layout/reftests/bugs/9458-height-2-ref.html
 create mode 100644 layout/reftests/bugs/9458-height-2.html
 create mode 100644 layout/reftests/bugs/9458-valign-1-ref.html
 create mode 100644 layout/reftests/bugs/9458-valign-1.html
 create mode 100644 layout/reftests/bugs/9458-valign-2-ref.html
 create mode 100644 layout/reftests/bugs/9458-valign-2.html
 create mode 100644 layout/reftests/bugs/9458-width-1-ref.html
 create mode 100644 layout/reftests/bugs/9458-width-1a.html
 create mode 100644 layout/reftests/bugs/9458-width-1b.html
 create mode 100644 layout/reftests/bugs/9458-width-2-ref.html
 create mode 100644 layout/reftests/bugs/9458-width-2a.html
 create mode 100644 layout/reftests/bugs/9458-width-2b.html
 create mode 100644 layout/reftests/bugs/9458-zorder-1.html
 create mode 100644 layout/reftests/bugs/9458-zorder-2.html
 create mode 100644 layout/reftests/bugs/9458-zorder-3.html
 create mode 100644 layout/reftests/bugs/9458-zorder-4.html
 create mode 100644 layout/reftests/bugs/9458-zorder-5.html
 create mode 100644 layout/reftests/bugs/9458-zorder-ref-inline-block.html
 create mode 100644 layout/reftests/bugs/9458-zorder-ref-inline.html
 create mode 100644 layout/reftests/bugs/9458-zorder-ref.html
 create mode 100644 layout/reftests/bugs/950436-1-ref.html
 create mode 100644 layout/reftests/bugs/950436-1.html
 create mode 100644 layout/reftests/bugs/950436-1.png
 create mode 100644 layout/reftests/bugs/953334-win32-clipping-ref.html
 create mode 100644 layout/reftests/bugs/953334-win32-clipping.html
 create mode 100644 layout/reftests/bugs/956513-1-ref.svg
 create mode 100644 layout/reftests/bugs/956513-1.svg
 create mode 100644 layout/reftests/bugs/957770-1-ref.svg
 create mode 100644 layout/reftests/bugs/957770-1.svg
 create mode 100644 layout/reftests/bugs/960277-1-ref.html
 create mode 100644 layout/reftests/bugs/960277-1.html
 create mode 100644 layout/reftests/bugs/961887-1-ref.html
 create mode 100644 layout/reftests/bugs/961887-1.html
 create mode 100644 layout/reftests/bugs/961887-2-ref.html
 create mode 100644 layout/reftests/bugs/961887-2.html
 create mode 100644 layout/reftests/bugs/961887-3-ref.html
 create mode 100644 layout/reftests/bugs/961887-3.html
 create mode 100644 layout/reftests/bugs/966510-1-ref.html
 create mode 100644 layout/reftests/bugs/966510-1.html
 create mode 100644 layout/reftests/bugs/966510-2-ref.html
 create mode 100644 layout/reftests/bugs/966510-2.html
 create mode 100644 layout/reftests/bugs/966992-1-ref.html
 create mode 100644 layout/reftests/bugs/966992-1.html
 create mode 100644 layout/reftests/bugs/97777-1-ref.html
 create mode 100644 layout/reftests/bugs/97777-1.html
 create mode 100644 layout/reftests/bugs/97777-2-ref.html
 create mode 100644 layout/reftests/bugs/97777-2.html
 create mode 100644 layout/reftests/bugs/978911-1-ref.svg
 create mode 100644 layout/reftests/bugs/978911-1.svg
 create mode 100644 layout/reftests/bugs/98223-1-ref.html
 create mode 100644 layout/reftests/bugs/98223-1.html
 create mode 100644 layout/reftests/bugs/98223-2-ref.html
 create mode 100644 layout/reftests/bugs/98223-2.html
 create mode 100644 layout/reftests/bugs/983084-1-ref.html
 create mode 100644 layout/reftests/bugs/983084-1.html
 create mode 100644 layout/reftests/bugs/983084-2-ref.html
 create mode 100644 layout/reftests/bugs/983084-2.html
 create mode 100644 layout/reftests/bugs/983084-3.html
 create mode 100644 layout/reftests/bugs/983691-1.html
 create mode 100644 layout/reftests/bugs/983691-ref.html
 create mode 100644 layout/reftests/bugs/983985-1-ref.html
 create mode 100644 layout/reftests/bugs/983985-1.html
 create mode 100644 layout/reftests/bugs/983985-2-ref.html
 create mode 100644 layout/reftests/bugs/983985-2.html
 create mode 100644 layout/reftests/bugs/985303-1-ref.html
 create mode 100644 layout/reftests/bugs/985303-1a.html
 create mode 100644 layout/reftests/bugs/985303-1b.html
 create mode 100644 layout/reftests/bugs/987680-1-ref.html
 create mode 100644 layout/reftests/bugs/987680-1.html
 create mode 100644 layout/reftests/bugs/991046-1-ref.html
 create mode 100644 layout/reftests/bugs/991046-1.html
 create mode 100644 layout/reftests/bugs/992447-ref.html
 create mode 100644 layout/reftests/bugs/992447.html
 create mode 100644 layout/reftests/bugs/99850-1-ref.html
 create mode 100644 layout/reftests/bugs/99850-1a.html
 create mode 100644 layout/reftests/bugs/99850-1b.html
 create mode 100644 layout/reftests/bugs/99850-1c.html
 create mode 100644 layout/reftests/bugs/99850-1d.html
 create mode 100644 layout/reftests/bugs/LongHyphenTest.woff2
 create mode 100644 layout/reftests/bugs/blob-fallback-clip-ref.html
 create mode 100644 layout/reftests/bugs/blob-fallback-clip.html
 create mode 100644 layout/reftests/bugs/blue-600x58.png
 create mode 100644 layout/reftests/bugs/bug1472465-1-ref.html
 create mode 100644 layout/reftests/bugs/bug1472465-1.html
 create mode 100644 layout/reftests/bugs/checkmark.gif
 create mode 100644 layout/reftests/bugs/mozilla-banner-opacity.gif
 create mode 100644 layout/reftests/bugs/mozilla-banner.gif
 create mode 100644 layout/reftests/bugs/passinner.png
 create mode 100644 layout/reftests/bugs/passouter.png
 create mode 100644 layout/reftests/bugs/pinwheel_logo.svg
 create mode 100644 layout/reftests/bugs/reftest.list
 create mode 100644 layout/reftests/bugs/repeatable-diagonal-gradient.png
 create mode 100644 layout/reftests/bugs/solidblue.png
 create mode 100644 layout/reftests/bugs/solidblue2.png
 create mode 100644 layout/reftests/bugs/square-left-right-32x32.png
 create mode 100644 layout/reftests/bugs/square-outline-32x32.png
 create mode 100644 layout/reftests/bugs/square-top-bottom-32x32.png
 create mode 100644 layout/reftests/bugs/subdir/445004-ref-subframe.html
 create mode 100644 layout/reftests/bugs/subdir/445004-ref-subsubframe.html
 create mode 100644 layout/reftests/bugs/subdir/445004-subframe.html
 create mode 100644 layout/reftests/bugs/subdir/passinner.png
 create mode 100644 layout/reftests/bugs/subdir/passouter.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-1.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-10.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-11.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-12.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-13.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-14.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-15.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-16.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-17.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-18.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-19.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-2.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-3.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-4.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-5.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-6.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-7.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-8.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max-9.png
 create mode 100644 layout/reftests/bugs/support/replaced-min-max.png
 create mode 100644 layout/reftests/canvas/1074733-1-ref.html
 create mode 100644 layout/reftests/canvas/1074733-1.html
 create mode 100644 layout/reftests/canvas/1107096-invisibles-ref.html
 create mode 100644 layout/reftests/canvas/1107096-invisibles.html
 create mode 100644 layout/reftests/canvas/1151821-1-ref.html
 create mode 100644 layout/reftests/canvas/1151821-1.html
 create mode 100644 layout/reftests/canvas/1201272-1-ref.html
 create mode 100644 layout/reftests/canvas/1201272-1.html
 create mode 100644 layout/reftests/canvas/1224976-1-ref.html
 create mode 100644 layout/reftests/canvas/1224976-1.html
 create mode 100644 layout/reftests/canvas/1238795-1-ref.html
 create mode 100644 layout/reftests/canvas/1238795-1.html
 create mode 100644 layout/reftests/canvas/1303534-1-ref.html
 create mode 100644 layout/reftests/canvas/1303534-1.html
 create mode 100644 layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
 create mode 100644 layout/reftests/canvas/1304353-text-global-alpha-1.html
 create mode 100644 layout/reftests/canvas/1304353-text-global-alpha-2-ref.html
 create mode 100644 layout/reftests/canvas/1304353-text-global-alpha-2.html
 create mode 100644 layout/reftests/canvas/1304353-text-global-composite-op-1-ref.html
 create mode 100644 layout/reftests/canvas/1304353-text-global-composite-op-1.html
 create mode 100644 layout/reftests/canvas/1347147-1-ref.html
 create mode 100644 layout/reftests/canvas/1347147-1.html
 create mode 100644 layout/reftests/canvas/1353000-1-ref.html
 create mode 100644 layout/reftests/canvas/1353000-1.html
 create mode 100644 layout/reftests/canvas/1447035-1-ref.html
 create mode 100644 layout/reftests/canvas/1447035-1.html
 create mode 100644 layout/reftests/canvas/1817455-1-ref.html
 create mode 100644 layout/reftests/canvas/1817455-1.html
 create mode 100644 layout/reftests/canvas/1817873-1-ref.html
 create mode 100644 layout/reftests/canvas/1817873-1.html
 create mode 100644 layout/reftests/canvas/1846079-1-ref.html
 create mode 100644 layout/reftests/canvas/1846079-1.html
 create mode 100644 layout/reftests/canvas/1850284-1-ref.html
 create mode 100644 layout/reftests/canvas/1850284-1.html
 create mode 100644 layout/reftests/canvas/1850727-1-ref.html
 create mode 100644 layout/reftests/canvas/1850727-1.html
 create mode 100644 layout/reftests/canvas/672646-alpha-radial-gradient-ref.html
 create mode 100644 layout/reftests/canvas/672646-alpha-radial-gradient.html
 create mode 100644 layout/reftests/canvas/674003-alpha-radial-gradient-superlum-ref.html
 create mode 100644 layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
 create mode 100644 layout/reftests/canvas/693610-1-notref.html
 create mode 100644 layout/reftests/canvas/693610-1.html
 create mode 100644 layout/reftests/canvas/726951-shadow-clips-ref.html
 create mode 100644 layout/reftests/canvas/726951-shadow-clips.html
 create mode 100644 layout/reftests/canvas/749467-1-ref.html
 create mode 100644 layout/reftests/canvas/749467-1.html
 create mode 100644 layout/reftests/canvas/784573-1-ref.html
 create mode 100644 layout/reftests/canvas/784573-1.html
 create mode 100644 layout/reftests/canvas/802658-1-ref.html
 create mode 100644 layout/reftests/canvas/802658-1.html
 create mode 100644 layout/reftests/canvas/copy-clip-ref.html
 create mode 100644 layout/reftests/canvas/copy-clip.html
 create mode 100644 layout/reftests/canvas/ctm-sanity.html
 create mode 100644 layout/reftests/canvas/ctm-singular-sanity.html
 create mode 100644 layout/reftests/canvas/dash-1-ref.svg
 create mode 100644 layout/reftests/canvas/dash-1.html
 create mode 100644 layout/reftests/canvas/dash-sanity.html
 create mode 100644 layout/reftests/canvas/default-size-ref.html
 create mode 100644 layout/reftests/canvas/default-size.html
 create mode 100644 layout/reftests/canvas/empty-transaction-1-ref.html
 create mode 100644 layout/reftests/canvas/empty-transaction-1.html
 create mode 100644 layout/reftests/canvas/evenodd-fill-1.html
 create mode 100644 layout/reftests/canvas/evenodd-fill-2.html
 create mode 100644 layout/reftests/canvas/evenodd-fill-3.html
 create mode 100644 layout/reftests/canvas/evenodd-fill-ref.html
 create mode 100644 layout/reftests/canvas/evenodd-fill-sanity.html
 create mode 100644 layout/reftests/canvas/image-rendering-auto.html
 create mode 100644 layout/reftests/canvas/image-rendering-ref.html
 create mode 100644 layout/reftests/canvas/image-rendering-script.html
 create mode 100644 layout/reftests/canvas/image-rendering-test.html
 create mode 100644 layout/reftests/canvas/image-shadow-ref.html
 create mode 100644 layout/reftests/canvas/image-shadow.html
 create mode 100644 layout/reftests/canvas/image_green-16x16.png
 create mode 100644 layout/reftests/canvas/large-canvas-ref.html
 create mode 100644 layout/reftests/canvas/large-canvas.html
 create mode 100644 layout/reftests/canvas/linear-gradient-1-ref.html
 create mode 100644 layout/reftests/canvas/linear-gradient-1a.html
 create mode 100644 layout/reftests/canvas/linear-gradient-1b.html
 create mode 100644 layout/reftests/canvas/nonzero-fill-1.html
 create mode 100644 layout/reftests/canvas/nonzero-fill-2.html
 create mode 100644 layout/reftests/canvas/reftest.list
 create mode 100644 layout/reftests/canvas/size-1-ref.html
 create mode 100644 layout/reftests/canvas/size-1.html
 create mode 100644 layout/reftests/canvas/size-change-1-ref.html
 create mode 100644 layout/reftests/canvas/size-change-1.html
 create mode 100644 layout/reftests/canvas/strokeText-path-ref.html
 create mode 100644 layout/reftests/canvas/strokeText-path.html
 create mode 100644 layout/reftests/canvas/subpixel-1.html
 create mode 100644 layout/reftests/canvas/text-bidi-ltr-notref.html
 create mode 100644 layout/reftests/canvas/text-bidi-ltr-ref.html
 create mode 100644 layout/reftests/canvas/text-bidi-ltr-test.html
 create mode 100644 layout/reftests/canvas/text-bidi-rtl-ref.html
 create mode 100644 layout/reftests/canvas/text-bidi-rtl-test.html
 create mode 100644 layout/reftests/canvas/text-big-fill.html
 create mode 100644 layout/reftests/canvas/text-big-stroke.html
 create mode 100644 layout/reftests/canvas/text-blank.html
 create mode 100644 layout/reftests/canvas/text-context-state-ref.html
 create mode 100644 layout/reftests/canvas/text-context-state-test.html
 create mode 100644 layout/reftests/canvas/text-emoji-notref.html
 create mode 100644 layout/reftests/canvas/text-emoji.html
 create mode 100644 layout/reftests/canvas/text-font-inherit.html
 create mode 100644 layout/reftests/canvas/text-font-lang-notref.html
 create mode 100644 layout/reftests/canvas/text-font-lang.html
 create mode 100644 layout/reftests/canvas/text-horzline-with-bottom.html
 create mode 100644 layout/reftests/canvas/text-horzline-with-top.html
 create mode 100644 layout/reftests/canvas/text-horzline.html
 create mode 100644 layout/reftests/canvas/text-indent-1-ref.html
 create mode 100644 layout/reftests/canvas/text-indent-1a.html
 create mode 100644 layout/reftests/canvas/text-indent-1b.html
 create mode 100644 layout/reftests/canvas/text-ltr-alignment-ref.html
 create mode 100644 layout/reftests/canvas/text-ltr-alignment-test.html
 create mode 100644 layout/reftests/canvas/text-ltr-end.html
 create mode 100644 layout/reftests/canvas/text-ltr-left.html
 create mode 100644 layout/reftests/canvas/text-ltr-right.html
 create mode 100644 layout/reftests/canvas/text-ltr-start.html
 create mode 100644 layout/reftests/canvas/text-measure-ref.html
 create mode 100644 layout/reftests/canvas/text-measure.html
 create mode 100644 layout/reftests/canvas/text-no-frame-2-test.html
 create mode 100644 layout/reftests/canvas/text-no-frame-ref.html
 create mode 100644 layout/reftests/canvas/text-no-frame-test.html
 create mode 100644 layout/reftests/canvas/text-not-in-doc-ref.html
 create mode 100644 layout/reftests/canvas/text-not-in-doc-test.html
 create mode 100644 layout/reftests/canvas/text-rtl-alignment-ref.html
 create mode 100644 layout/reftests/canvas/text-rtl-alignment-test.html
 create mode 100644 layout/reftests/canvas/text-rtl-end.html
 create mode 100644 layout/reftests/canvas/text-rtl-left.html
 create mode 100644 layout/reftests/canvas/text-rtl-right.html
 create mode 100644 layout/reftests/canvas/text-rtl-start.html
 create mode 100644 layout/reftests/canvas/text-small-caps-1-ref.html
 create mode 100644 layout/reftests/canvas/text-small-caps-1.html
 create mode 100644 layout/reftests/canvas/text-space-replace-ref.html
 create mode 100644 layout/reftests/canvas/text-space-replace-test.html
 create mode 100644 layout/reftests/canvas/text-subpixel-1-ref.html
 create mode 100644 layout/reftests/canvas/text-subpixel-1.html
 create mode 100644 layout/reftests/canvas/transformed-clip-ref.html
 create mode 100644 layout/reftests/canvas/transformed-clip.html
 create mode 100644 layout/reftests/canvas/transformed-gradient-ref.html
 create mode 100644 layout/reftests/canvas/transformed-gradient.html
 create mode 100644 layout/reftests/canvas/transformed-line-stroke-ref.html
 create mode 100644 layout/reftests/canvas/transformed-line-stroke.html
 create mode 100644 layout/reftests/canvas/transformed-path-ref.html
 create mode 100644 layout/reftests/canvas/transformed-path.html
 create mode 100644 layout/reftests/canvas/zero-dimensions-ref.html
 create mode 100644 layout/reftests/canvas/zero-dimensions.html
 create mode 100644 layout/reftests/color-scheme/color-scheme-basic-notref.html
 create mode 100644 layout/reftests/color-scheme/color-scheme-basic.html
 create mode 100644 layout/reftests/color-scheme/color-scheme-themed-button-notref.html
 create mode 100644 layout/reftests/color-scheme/color-scheme-themed-button.html
 create mode 100644 layout/reftests/color-scheme/prefers-color-scheme-dark.svg
 create mode 100644 layout/reftests/color-scheme/prefers-color-scheme-light.svg
 create mode 100644 layout/reftests/color-scheme/prefers-color-scheme-svg-image-ref.html
 create mode 100644 layout/reftests/color-scheme/prefers-color-scheme-svg-image.html
 create mode 100644 layout/reftests/color-scheme/prefers-color-scheme.svg
 create mode 100644 layout/reftests/color-scheme/reftest.list
 create mode 100644 layout/reftests/columns/ahem.css
 create mode 100644 layout/reftests/columns/basic-1.html
 create mode 100644 layout/reftests/columns/basic-ref.html
 create mode 100644 layout/reftests/columns/break-avoid-line-position-1-ref.html
 create mode 100644 layout/reftests/columns/break-avoid-line-position-1.html
 create mode 100644 layout/reftests/columns/column-balancing-000.html
 create mode 100644 layout/reftests/columns/column-balancing-000.ref.html
 create mode 100644 layout/reftests/columns/column-balancing-001.html
 create mode 100644 layout/reftests/columns/column-balancing-002.html
 create mode 100644 layout/reftests/columns/column-balancing-002.ref.html
 create mode 100644 layout/reftests/columns/column-balancing-003.html
 create mode 100644 layout/reftests/columns/column-balancing-004.html
 create mode 100644 layout/reftests/columns/column-balancing-004.ref.html
 create mode 100644 layout/reftests/columns/column-balancing-nested-000-ref.html
 create mode 100644 layout/reftests/columns/column-balancing-nested-000.html
 create mode 100644 layout/reftests/columns/column-balancing-nested-001-ref.html
 create mode 100644 layout/reftests/columns/column-balancing-nested-001.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-000.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-000.ref.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-001.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-002.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-002.ref.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-003.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-003.ref.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-004.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-004.ref.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-005.html
 create mode 100644 layout/reftests/columns/column-balancing-overflow-005.ref.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl-2-ref.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl-2.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl-3-ref.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl-3.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl-4-ref.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl-4.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl-ref.html
 create mode 100644 layout/reftests/columns/column-box-alignment-rtl.html
 create mode 100644 layout/reftests/columns/column-span-bidi-1-ref.html
 create mode 100644 layout/reftests/columns/column-span-bidi-1.html
 create mode 100644 layout/reftests/columns/columnfill-auto-2-ref.html
 create mode 100644 layout/reftests/columns/columnfill-auto-2.html
 create mode 100644 layout/reftests/columns/columnfill-auto-3.html
 create mode 100644 layout/reftests/columns/columnfill-auto-ref.html
 create mode 100644 layout/reftests/columns/columnfill-auto.html
 create mode 100644 layout/reftests/columns/columnfill-balance-ref.html
 create mode 100644 layout/reftests/columns/columnfill-balance.html
 create mode 100644 layout/reftests/columns/columnfill-overflow-ref.html
 create mode 100644 layout/reftests/columns/columnfill-overflow.html
 create mode 100644 layout/reftests/columns/columnrule-basic-ref.html
 create mode 100644 layout/reftests/columns/columnrule-basic.html
 create mode 100644 layout/reftests/columns/columnrule-complex-ref.html
 create mode 100644 layout/reftests/columns/columnrule-complex.html
 create mode 100644 layout/reftests/columns/columnrule-linestyles-notref.html
 create mode 100644 layout/reftests/columns/columnrule-linestyles.html
 create mode 100644 layout/reftests/columns/columnrule-overflow-ref.html
 create mode 100644 layout/reftests/columns/columnrule-overflow.html
 create mode 100644 layout/reftests/columns/columnrule-padding-ref.html
 create mode 100644 layout/reftests/columns/columnrule-padding.html
 create mode 100644 layout/reftests/columns/columns-table-caption-000-ref.html
 create mode 100644 layout/reftests/columns/columns-table-caption-000.html
 create mode 100644 layout/reftests/columns/dynamic-change-with-overflow-1-ref.html
 create mode 100644 layout/reftests/columns/dynamic-change-with-overflow-1.html
 create mode 100644 layout/reftests/columns/dynamic-text-indent-1-ref.html
 create mode 100644 layout/reftests/columns/dynamic-text-indent-1.html
 create mode 100644 layout/reftests/columns/dynamic-text-indent-2-ref.html
 create mode 100644 layout/reftests/columns/dynamic-text-indent-2.html
 create mode 100644 layout/reftests/columns/fieldset-columns-001-ref.html
 create mode 100644 layout/reftests/columns/fieldset-columns-001.html
 create mode 100644 layout/reftests/columns/fieldset-columns-002-ref.html
 create mode 100644 layout/reftests/columns/fieldset-columns-002.html
 create mode 100644 layout/reftests/columns/fieldset-columns-003-ref.html
 create mode 100644 layout/reftests/columns/fieldset-columns-003.html
 create mode 100644 layout/reftests/columns/fieldset-columns-004-ref.html
 create mode 100644 layout/reftests/columns/fieldset-columns-004.html
 create mode 100644 layout/reftests/columns/first-line-first-letter-ref.html
 create mode 100644 layout/reftests/columns/first-line-first-letter.html
 create mode 100644 layout/reftests/columns/margin-collapsing-bug616722-1-ref.html
 create mode 100644 layout/reftests/columns/margin-collapsing-bug616722-1.html
 create mode 100644 layout/reftests/columns/margin-collapsing-bug616722-2-ref.html
 create mode 100644 layout/reftests/columns/margin-collapsing-bug616722-2.html
 create mode 100644 layout/reftests/columns/min-width-1-ref.html
 create mode 100644 layout/reftests/columns/min-width-1a.html
 create mode 100644 layout/reftests/columns/min-width-1b.html
 create mode 100644 layout/reftests/columns/min-width-1c.html
 create mode 100644 layout/reftests/columns/min-width-2-ref.html
 create mode 100644 layout/reftests/columns/min-width-2.html
 create mode 100644 layout/reftests/columns/positioning-transforms-bug1112501-ref.html
 create mode 100644 layout/reftests/columns/positioning-transforms-bug1112501.html
 create mode 100644 layout/reftests/columns/pref-width-1-ref.html
 create mode 100644 layout/reftests/columns/pref-width-1a.html
 create mode 100644 layout/reftests/columns/pref-width-1b.html
 create mode 100644 layout/reftests/columns/pref-width-1c.html
 create mode 100644 layout/reftests/columns/reftest.list
 create mode 100644 layout/reftests/columns/zero-height-nondirty-reflow-ref.html
 create mode 100644 layout/reftests/columns/zero-height-nondirty-reflow.html
 create mode 100644 layout/reftests/conditional/css-supports-001.xht
 create mode 100644 layout/reftests/conditional/css-supports-002.xht
 create mode 100644 layout/reftests/conditional/reftest.list
 create mode 100644 layout/reftests/conditional/support/pass.xht
 create mode 100644 layout/reftests/counter-style/ref-common.css
 create mode 100644 layout/reftests/counter-style/reftest.list
 create mode 100644 layout/reftests/counter-style/test-common.css
 create mode 100644 layout/reftests/counter-style/too-long-representation-ref.html
 create mode 100644 layout/reftests/counter-style/too-long-representation.html
 create mode 100644 layout/reftests/counters/counter-cjk-decimal-ref.html
 create mode 100644 layout/reftests/counters/counter-cjk-decimal.html
 create mode 100644 layout/reftests/counters/counter-ethiopic-numeric-ref.html
 create mode 100644 layout/reftests/counters/counter-ethiopic-numeric.html
 create mode 100644 layout/reftests/counters/counter-hebrew-reference.html
 create mode 100644 layout/reftests/counters/counter-hebrew-test.html
 create mode 100644 layout/reftests/counters/counter-japanese-formal-ref.html
 create mode 100644 layout/reftests/counters/counter-japanese-formal.html
 create mode 100644 layout/reftests/counters/counter-japanese-informal-ref.html
 create mode 100644 layout/reftests/counters/counter-japanese-informal.html
 create mode 100644 layout/reftests/counters/counter-korean-hangul-formal-ref.html
 create mode 100644 layout/reftests/counters/counter-korean-hangul-formal.html
 create mode 100644 layout/reftests/counters/counter-korean-hanja-formal-ref.html
 create mode 100644 layout/reftests/counters/counter-korean-hanja-formal.html
 create mode 100644 layout/reftests/counters/counter-korean-hanja-informal-ref.html
 create mode 100644 layout/reftests/counters/counter-korean-hanja-informal.html
 create mode 100644 layout/reftests/counters/counter-name-case-sensitive-ref.html
 create mode 100644 layout/reftests/counters/counter-name-case-sensitive.html
 create mode 100644 layout/reftests/counters/counter-reset-integer-range-ref.html
 create mode 100644 layout/reftests/counters/counter-reset-integer-range.html
 create mode 100644 layout/reftests/counters/counter-simp-chinese-formal-ref.html
 create mode 100644 layout/reftests/counters/counter-simp-chinese-formal.html
 create mode 100644 layout/reftests/counters/counter-simp-chinese-informal-ref.html
 create mode 100644 layout/reftests/counters/counter-simp-chinese-informal.html
 create mode 100644 layout/reftests/counters/counter-suffix-ref.html
 create mode 100644 layout/reftests/counters/counter-suffix.html
 create mode 100644 layout/reftests/counters/counter-trad-chinese-formal-ref.html
 create mode 100644 layout/reftests/counters/counter-trad-chinese-formal.html
 create mode 100644 layout/reftests/counters/counter-trad-chinese-informal-ref.html
 create mode 100644 layout/reftests/counters/counter-trad-chinese-informal.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-00-ref.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-00.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-01-ref.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-01.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-02-ref.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-02.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-03-ref.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-03.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-list-00-ref.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-list-00.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-list-01-ref.html
 create mode 100644 layout/reftests/counters/counter-ua-limits-list-01.html
 create mode 100644 layout/reftests/counters/counters-hebrew-reference.html
 create mode 100644 layout/reftests/counters/counters-hebrew-test.html
 create mode 100644 layout/reftests/counters/multiple-thai-counters-ref.html
 create mode 100644 layout/reftests/counters/multiple-thai-counters.html
 create mode 100644 layout/reftests/counters/reftest.list
 create mode 100644 layout/reftests/counters/t1202-counter-00-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-00-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-01-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-02-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-02-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-03-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-03-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-04-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-04-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-05-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-05-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-06-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-06-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-07-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-07-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-08-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-08-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-09-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-09-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-10-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-10-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-11-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-11-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-12-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-12-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-13-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-13-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-14-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-14-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-15-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-15-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counter-16-f-reference.html
 create mode 100644 layout/reftests/counters/t1202-counter-16-f-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-00-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-00-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-01-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-02-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-02-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-03-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-03-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-04-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-04-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-05-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-05-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-06-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-06-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-07-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-07-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-08-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-08-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-09-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-09-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-10-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-10-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-11-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-11-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-12-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-12-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-13-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-13-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-14-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-14-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-15-b-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-15-b-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-16-c-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-16-c-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-17-d-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-17-d-test.html
 create mode 100644 layout/reftests/counters/t1202-counters-18-f-reference.html
 create mode 100644 layout/reftests/counters/t1202-counters-18-f-test.html
 create mode 100644 layout/reftests/counters/t1204-implied-00-b-reference.html
 create mode 100644 layout/reftests/counters/t1204-implied-00-b-test.html
 create mode 100644 layout/reftests/counters/t1204-implied-01-c-reference.html
 create mode 100644 layout/reftests/counters/t1204-implied-01-c-test.html
 create mode 100644 layout/reftests/counters/t1204-implied-02-d-reference.html
 create mode 100644 layout/reftests/counters/t1204-implied-02-d-test.html
 create mode 100644 layout/reftests/counters/t1204-increment-00-c-o-reference.html
 create mode 100644 layout/reftests/counters/t1204-increment-00-c-o-test.html
 create mode 100644 layout/reftests/counters/t1204-increment-01-c-o-reference.html
 create mode 100644 layout/reftests/counters/t1204-increment-01-c-o-test.html
 create mode 100644 layout/reftests/counters/t1204-increment-02-c-o-reference.html
 create mode 100644 layout/reftests/counters/t1204-increment-02-c-o-test.html
 create mode 100644 layout/reftests/counters/t1204-multiple-00-c-reference.html
 create mode 100644 layout/reftests/counters/t1204-multiple-00-c-test.html
 create mode 100644 layout/reftests/counters/t1204-multiple-01-c-reference.html
 create mode 100644 layout/reftests/counters/t1204-multiple-01-c-test.html
 create mode 100644 layout/reftests/counters/t1204-order-00-c-reference.html
 create mode 100644 layout/reftests/counters/t1204-order-00-c-test.html
 create mode 100644 layout/reftests/counters/t1204-order-01-d-reference.html
 create mode 100644 layout/reftests/counters/t1204-order-01-d-test.html
 create mode 100644 layout/reftests/counters/t1204-reset-00-c-o-reference.html
 create mode 100644 layout/reftests/counters/t1204-reset-00-c-o-test.html
 create mode 100644 layout/reftests/counters/t1204-reset-01-c-o-reference.html
 create mode 100644 layout/reftests/counters/t1204-reset-01-c-o-test.html
 create mode 100644 layout/reftests/counters/t1204-reset-02-c-o-reference.html
 create mode 100644 layout/reftests/counters/t1204-reset-02-c-o-test.html
 create mode 100644 layout/reftests/counters/t1204-root-e-reference.html
 create mode 100644 layout/reftests/counters/t1204-root-e-test.html
 create mode 100644 layout/reftests/counters/t120401-scope-00-b-reference.html
 create mode 100644 layout/reftests/counters/t120401-scope-00-b-test.html
 create mode 100644 layout/reftests/counters/t120401-scope-01-c-reference.html
 create mode 100644 layout/reftests/counters/t120401-scope-01-c-test.html
 create mode 100644 layout/reftests/counters/t120401-scope-02-c-reference.html
 create mode 100644 layout/reftests/counters/t120401-scope-02-c-test.html
 create mode 100644 layout/reftests/counters/t120401-scope-03-c-reference.html
 create mode 100644 layout/reftests/counters/t120401-scope-03-c-test.html
 create mode 100644 layout/reftests/counters/t120401-scope-04-d-reference.html
 create mode 100644 layout/reftests/counters/t120401-scope-04-d-test.html
 create mode 100644 layout/reftests/counters/t120403-content-none-00-c-reference.html
 create mode 100644 layout/reftests/counters/t120403-content-none-00-c-test.html
 create mode 100644 layout/reftests/counters/t120403-display-none-00-c-reference.html
 create mode 100644 layout/reftests/counters/t120403-display-none-00-c-test.html
 create mode 100644 layout/reftests/counters/t120403-visibility-00-c-reference.html
 create mode 100644 layout/reftests/counters/t120403-visibility-00-c-test.html
 create mode 100644 layout/reftests/counters/text-boundaries-subpixel-ref.html
 create mode 100644 layout/reftests/counters/text-boundaries-subpixel.html
 create mode 100644 layout/reftests/css-animations/animate-display-table-opacity-ref.html
 create mode 100644 layout/reftests/css-animations/animate-display-table-opacity.html
 create mode 100644 layout/reftests/css-animations/animate-opacity-ref.html
 create mode 100644 layout/reftests/css-animations/animate-opacity.html
 create mode 100644 layout/reftests/css-animations/animate-preserves3d-ref.html
 create mode 100644 layout/reftests/css-animations/animate-preserves3d.html
 create mode 100644 layout/reftests/css-animations/animation-initially-out-of-view-with-delay-ref.html
 create mode 100644 layout/reftests/css-animations/animation-initially-out-of-view-with-delay.html
 create mode 100644 layout/reftests/css-animations/animation-on-empty-height-frame.html
 create mode 100644 layout/reftests/css-animations/background-color-on-html-ref.html
 create mode 100644 layout/reftests/css-animations/background-color-on-html.html
 create mode 100644 layout/reftests/css-animations/background-color-ref.html
 create mode 100644 layout/reftests/css-animations/background-color.html
 create mode 100644 layout/reftests/css-animations/background-position-after-finish.html
 create mode 100644 layout/reftests/css-animations/background-position-important.html
 create mode 100644 layout/reftests/css-animations/background-position-in-delay.html
 create mode 100644 layout/reftests/css-animations/background-position-ref.html
 create mode 100644 layout/reftests/css-animations/background-position-running.html
 create mode 100644 layout/reftests/css-animations/change-animation-name-in-rule-ref.html
 create mode 100644 layout/reftests/css-animations/change-animation-name-to-non-existent-in-rule.html
 create mode 100644 layout/reftests/css-animations/change-animation-name-to-none-in-rule.html
 create mode 100644 layout/reftests/css-animations/change-animation-name-to-other-in-rule.html
 create mode 100644 layout/reftests/css-animations/containing-block-on-visibility-hidden-ref.html
 create mode 100644 layout/reftests/css-animations/containing-block-on-visibility-hidden.html
 create mode 100644 layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning-ref.html
 create mode 100644 layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning.html
 create mode 100644 layout/reftests/css-animations/content-on-marker-pseudo-element-at-half.html
 create mode 100644 layout/reftests/css-animations/content-on-pseudo-element-at-beginning.html
 create mode 100644 layout/reftests/css-animations/content-on-pseudo-element-at-half.html
 create mode 100644 layout/reftests/css-animations/content-on-pseudo-element-ref.html
 create mode 100644 layout/reftests/css-animations/continuation-opacity-ref.html
 create mode 100644 layout/reftests/css-animations/continuation-opacity.html
 create mode 100644 layout/reftests/css-animations/ib-split-sibling-opacity-ref.html
 create mode 100644 layout/reftests/css-animations/ib-split-sibling-opacity.html
 create mode 100644 layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element-ref.html
 create mode 100644 layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element.html
 create mode 100644 layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element-ref.html
 create mode 100644 layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element.html
 create mode 100644 layout/reftests/css-animations/in-visibility-hidden-animation-ref.html
 create mode 100644 layout/reftests/css-animations/in-visibility-hidden-animation.html
 create mode 100644 layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time-ref.html
 create mode 100644 layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time.html
 create mode 100644 layout/reftests/css-animations/mask-anim-ref.html
 create mode 100644 layout/reftests/css-animations/mask-position-after-finish-1a.html
 create mode 100644 layout/reftests/css-animations/mask-position-after-finish-1b.html
 create mode 100644 layout/reftests/css-animations/mask-position-in-delay-1a.html
 create mode 100644 layout/reftests/css-animations/mask-position-in-delay-1b.html
 create mode 100644 layout/reftests/css-animations/mask-size-after-finish-1a.html
 create mode 100644 layout/reftests/css-animations/mask-size-after-finish-1b.html
 create mode 100644 layout/reftests/css-animations/mask-size-in-delay-1a.html
 create mode 100644 layout/reftests/css-animations/mask-size-in-delay-1b.html
 create mode 100644 layout/reftests/css-animations/no-stacking-context-animation-ref.html
 create mode 100644 layout/reftests/css-animations/no-stacking-context-offset-distance-animation-with-offset-path-none.html
 create mode 100644 layout/reftests/css-animations/no-stacking-context-opacity-removing-animation-in-delay.html
 create mode 100644 layout/reftests/css-animations/no-stacking-context-transform-removing-animation-in-delay.html
 create mode 100644 layout/reftests/css-animations/no-style-sharing-with-animations-ref.html
 create mode 100644 layout/reftests/css-animations/no-style-sharing-with-animations.html
 create mode 100644 layout/reftests/css-animations/opacity-animation-in-delay.html
 create mode 100644 layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent-ref.html
 create mode 100644 layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent.html
 create mode 100644 layout/reftests/css-animations/partially-out-of-view-animation-ref.html
 create mode 100644 layout/reftests/css-animations/partially-out-of-view-animation.html
 create mode 100644 layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time-ref.html
 create mode 100644 layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time.html
 create mode 100644 layout/reftests/css-animations/reftest.list
 create mode 100644 layout/reftests/css-animations/replace-with-new-positive-delay-animation-ref.html
 create mode 100644 layout/reftests/css-animations/replace-with-new-positive-delay-animation.html
 create mode 100644 layout/reftests/css-animations/screen-animations-notref.html
 create mode 100644 layout/reftests/css-animations/screen-animations-ref.html
 create mode 100644 layout/reftests/css-animations/screen-animations.html
 create mode 100644 layout/reftests/css-animations/scroll-timeline-in-delay-omta-ref.html
 create mode 100644 layout/reftests/css-animations/scroll-timeline-in-delay-omta.html
 create mode 100644 layout/reftests/css-animations/stacking-context-animation-ref.html
 create mode 100644 layout/reftests/css-animations/stacking-context-lose-opacity-1.html
 create mode 100644 layout/reftests/css-animations/stacking-context-lose-transform-none.html
 create mode 100644 layout/reftests/css-animations/stacking-context-offset-path-none-animation.html
 create mode 100644 layout/reftests/css-animations/stacking-context-offset-path-none-in-delay.html
 create mode 100644 layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-backwards.html
 create mode 100644 layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-forwards.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-1-animation.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-1-in-delay.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-1-on-table.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-1-with-fill-backwards.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-1-with-fill-forwards.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-removing-important-in-delay.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-win-in-delay-on-main-thread.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-win-in-delay.html
 create mode 100644 layout/reftests/css-animations/stacking-context-opacity-wins-over-transition.html
 create mode 100644 layout/reftests/css-animations/stacking-context-paused-on-opacity-1.html
 create mode 100644 layout/reftests/css-animations/stacking-context-paused-on-transform-none.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-none-animation-on-svg.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-none-animation-with-backface-visibility.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-none-animation-with-preserve-3d.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-none-animation.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-none-in-delay.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-none-with-fill-backwards.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-none-with-fill-forwards.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-removing-important-in-delay.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-win-in-delay-on-main-thread.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-win-in-delay.html
 create mode 100644 layout/reftests/css-animations/stacking-context-transform-wins-over-transition.html
 create mode 100644 layout/reftests/css-animations/stop-animation-on-discarded-pseudo-element.html
 create mode 100644 layout/reftests/css-animations/transform-animation-in-delay-ref.html
 create mode 100644 layout/reftests/css-animations/transform-animation-in-delay.html
 create mode 100644 layout/reftests/css-animations/updating-animation-on-marker-pseudo-element-ref.html
 create mode 100644 layout/reftests/css-animations/updating-animation-on-marker-pseudo-element.html
 create mode 100644 layout/reftests/css-animations/updating-animation-on-pseudo-element-ref.html
 create mode 100644 layout/reftests/css-animations/updating-animation-on-pseudo-element.html
 create mode 100644 layout/reftests/css-blending/as-image/black100x100.png
 create mode 100644 layout/reftests/css-blending/as-image/blue100x100.png
 create mode 100644 layout/reftests/css-blending/as-image/brown100x100.png
 create mode 100644 layout/reftests/css-blending/as-image/green100x100.jpg
 create mode 100644 layout/reftests/css-blending/as-image/green100x100.png
 create mode 100644 layout/reftests/css-blending/as-image/green100x100_alpha.png
 create mode 100644 layout/reftests/css-blending/as-image/green_square.svg
 create mode 100644 layout/reftests/css-blending/as-image/red100x100.png
 create mode 100644 layout/reftests/css-blending/as-image/red_green.gif
 create mode 100644 layout/reftests/css-blending/as-image/white_square.svg
 create mode 100644 layout/reftests/css-blending/background-blend-mode-body-fixed-ref.html
 create mode 100644 layout/reftests/css-blending/background-blend-mode-body-fixed.html
 create mode 100644 layout/reftests/css-blending/background-blend-mode-body-image-ref.html
 create mode 100644 layout/reftests/css-blending/background-blend-mode-body-image.html
 create mode 100644 layout/reftests/css-blending/background-blend-mode-body-transparent-image-ref.html
 create mode 100644 layout/reftests/css-blending/background-blend-mode-body-transparent-image.html
 create mode 100644 layout/reftests/css-blending/background-blending-alpha-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-alpha.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-attachement-fixed-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-attachement-fixed.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-clip-content-box-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-clip-content-box.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-clip-padding-box-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-clip-padding-box.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-origin-border-box.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-origin-content-box.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-origin-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-position-percentage-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-position-percentage.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-repeat-no-repeat-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-repeat-no-repeat.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-size-contain.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-size-cover.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-size-percentage.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-size-pixels.html
 create mode 100644 layout/reftests/css-blending/background-blending-background-size-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-color-burn-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-color-burn.html
 create mode 100644 layout/reftests/css-blending/background-blending-color-dodge-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-color-dodge.html
 create mode 100644 layout/reftests/css-blending/background-blending-color-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-color.html
 create mode 100644 layout/reftests/css-blending/background-blending-darken-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-darken.html
 create mode 100644 layout/reftests/css-blending/background-blending-difference-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-difference.html
 create mode 100644 layout/reftests/css-blending/background-blending-exclusion-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-exclusion.html
 create mode 100644 layout/reftests/css-blending/background-blending-gradient-color-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-gradient-color.html
 create mode 100644 layout/reftests/css-blending/background-blending-gradient-gradient-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-gradient-gradient.html
 create mode 100644 layout/reftests/css-blending/background-blending-gradient-image-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-gradient-image.html
 create mode 100644 layout/reftests/css-blending/background-blending-hard-light-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-hard-light.html
 create mode 100644 layout/reftests/css-blending/background-blending-hue-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-hue.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-959674-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-959674.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-gif-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-gif.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-jpg.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-png.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-svg-as-data-uri.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-svg.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-color-transform3d.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-gradient.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-image-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-image-image.html
 create mode 100644 layout/reftests/css-blending/background-blending-isolation-parent-child-color.html
 create mode 100644 layout/reftests/css-blending/background-blending-isolation-parent-child-image.html
 create mode 100644 layout/reftests/css-blending/background-blending-isolation-parent-child-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-isolation-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-isolation.html
 create mode 100644 layout/reftests/css-blending/background-blending-lighten-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-lighten.html
 create mode 100644 layout/reftests/css-blending/background-blending-list-repeat-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-list-repeat.html
 create mode 100644 layout/reftests/css-blending/background-blending-luminosity-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-luminosity.html
 create mode 100644 layout/reftests/css-blending/background-blending-moz-element-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-moz-element.html
 create mode 100644 layout/reftests/css-blending/background-blending-multiple-images-ref.html
 create mode 100644 layout/reftests/css-blending/background-blending-multiple-images.html
 create mode 100644 layout/reftests/css-blending/background-blending-multiply-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-multiply.html
 create mode 100644 layout/reftests/css-blending/background-blending-normal-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-normal.html
 create mode 100644 layout/reftests/css-blending/background-blending-overlay-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-overlay.html
 create mode 100644 layout/reftests/css-blending/background-blending-saturation-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-saturation.html
 create mode 100644 layout/reftests/css-blending/background-blending-screen-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-screen.html
 create mode 100644 layout/reftests/css-blending/background-blending-soft-light-ref.svg
 create mode 100644 layout/reftests/css-blending/background-blending-soft-light.html
 create mode 100644 layout/reftests/css-blending/blend-canvas-ref.html
 create mode 100644 layout/reftests/css-blending/blend-canvas.html
 create mode 100644 layout/reftests/css-blending/blend-constant-background-color-ref.html
 create mode 100644 layout/reftests/css-blending/blend-constant-background-color.html
 create mode 100644 layout/reftests/css-blending/blend-difference-stacking-ref.html
 create mode 100644 layout/reftests/css-blending/blend-difference-stacking.html
 create mode 100644 layout/reftests/css-blending/blend-gradient-background-color-ref.html
 create mode 100644 layout/reftests/css-blending/blend-gradient-background-color.html
 create mode 100644 layout/reftests/css-blending/blend-image-ref.html
 create mode 100644 layout/reftests/css-blending/blend-image.html
 create mode 100644 layout/reftests/css-blending/blend-isolation-ref.html
 create mode 100644 layout/reftests/css-blending/blend-isolation.html
 create mode 100644 layout/reftests/css-blending/blend-modes.css
 create mode 100644 layout/reftests/css-blending/bug1281593-ref.html
 create mode 100644 layout/reftests/css-blending/bug1281593.html
 create mode 100644 layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff-ref.html
 create mode 100644 layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff.html
 create mode 100644 layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode-ref.html
 create mode 100644 layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-952051-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-952051.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-and-filter-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-and-filter-ref.svg
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-and-filter.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-and-filter.svg
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-culling-1207041-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-culling-1207041.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-nested-976533-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-nested-976533.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-soft-light-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-soft-light.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-transformed-ref.html
 create mode 100644 layout/reftests/css-blending/mix-blend-mode-transformed.html
 create mode 100644 layout/reftests/css-blending/reftest.list
 create mode 100644 layout/reftests/css-break/1405443-ref.html
 create mode 100644 layout/reftests/css-break/1405443.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-1-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-1.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-block-border-padding-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-block-border-padding.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-block-margin-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-block-margin.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-border-image-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-border-image.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-bug-1235152-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-bug-1235152.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-bug-1249913-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-bug-1249913.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-first-letter-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-first-letter.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-with-bidi-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-with-bidi.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1-ref.html
 create mode 100644 layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1.html
 create mode 100644 layout/reftests/css-break/green-circle-alpha-32x32.png
 create mode 100644 layout/reftests/css-break/reftest.list
 create mode 100644 layout/reftests/css-break/vertical-wm-001-ref.html
 create mode 100644 layout/reftests/css-break/vertical-wm-001.html
 create mode 100644 layout/reftests/css-break/vertical-wm-002-ref.html
 create mode 100644 layout/reftests/css-break/vertical-wm-002.html
 create mode 100644 layout/reftests/css-calc/background-image-gradient-1-ref.html
 create mode 100644 layout/reftests/css-calc/background-image-gradient-1.html
 create mode 100644 layout/reftests/css-calc/line-height-1-ref.html
 create mode 100644 layout/reftests/css-calc/line-height-1.html
 create mode 100644 layout/reftests/css-calc/line-height-2-ref.html
 create mode 100644 layout/reftests/css-calc/line-height-2.html
 create mode 100644 layout/reftests/css-calc/reftest.list
 create mode 100644 layout/reftests/css-charset/pass.html
 create mode 100644 layout/reftests/css-charset/reftest.list
 create mode 100644 layout/reftests/css-charset/test-attribute.css
 create mode 100644 layout/reftests/css-charset/test-attribute.html
 create mode 100644 layout/reftests/css-charset/test-charset-leading-space.css
 create mode 100644 layout/reftests/css-charset/test-charset-leading-space.html
 create mode 100644 layout/reftests/css-charset/test-charset-quotes.css
 create mode 100644 layout/reftests/css-charset/test-charset-quotes.html
 create mode 100644 layout/reftests/css-charset/test-charset-trailing-space.css
 create mode 100644 layout/reftests/css-charset/test-charset-trailing-space.html
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-be-bom.css
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-be-bom.html
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-be-no-bom.css
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-be-no-bom.html
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-bom-be.css
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-bom-be.html
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-bom-le.css
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-bom-le.html
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-le-bom.css
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-le-bom.html
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-le-no-bom.css
 create mode 100644 layout/reftests/css-charset/test-charset-utf-16-le-no-bom.html
 create mode 100644 layout/reftests/css-default/reftest.list
 create mode 100644 layout/reftests/css-default/submit-button/default-multiple-submit-1.html
 create mode 100644 layout/reftests/css-default/submit-button/default-multiple-submit-2.html
 create mode 100644 layout/reftests/css-default/submit-button/default-multiple-submit-ref.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-1.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-2.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-3.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-4.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-5.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-6.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-7.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-ref.html
 create mode 100644 layout/reftests/css-default/submit-button/default-submit-button-style.css
 create mode 100644 layout/reftests/css-default/submit-button/reftest.list
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-1.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-2.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-3.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-4.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-disabled/button/button-fieldset-ref.html
 create mode 100644 layout/reftests/css-disabled/button/reftest.list
 create mode 100644 layout/reftests/css-disabled/button/style.css
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-disabled.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-enabled.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-fieldset-1.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-fieldset-2.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-fieldset-3.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-fieldset-4.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-fieldset-ref.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-1.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-2.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-3.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-4.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-5.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-disabled/fieldset/fieldset-ref.html
 create mode 100644 layout/reftests/css-disabled/fieldset/reftest.list
 create mode 100644 layout/reftests/css-disabled/fieldset/style.css
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-1.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-2.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-3.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-4.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-disabled/input/input-fieldset-ref.html
 create mode 100644 layout/reftests/css-disabled/input/reftest.list
 create mode 100644 layout/reftests/css-disabled/input/style.css
 create mode 100644 layout/reftests/css-disabled/label/label-ref.html
 create mode 100644 layout/reftests/css-disabled/label/label.html
 create mode 100644 layout/reftests/css-disabled/label/reftest.list
 create mode 100644 layout/reftests/css-disabled/label/style.css
 create mode 100644 layout/reftests/css-disabled/object/object-ref.html
 create mode 100644 layout/reftests/css-disabled/object/object.html
 create mode 100644 layout/reftests/css-disabled/object/reftest.list
 create mode 100644 layout/reftests/css-disabled/object/style.css
 create mode 100644 layout/reftests/css-disabled/output/output-ref.html
 create mode 100644 layout/reftests/css-disabled/output/output.html
 create mode 100644 layout/reftests/css-disabled/output/reftest.list
 create mode 100644 layout/reftests/css-disabled/output/style.css
 create mode 100644 layout/reftests/css-disabled/reftest.list
 create mode 100644 layout/reftests/css-disabled/select/reftest.list
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-1.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-2.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-3.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-4.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-ref-disabled.html
 create mode 100644 layout/reftests/css-disabled/select/select-fieldset-ref.html
 create mode 100644 layout/reftests/css-disabled/select/style.css
 create mode 100644 layout/reftests/css-disabled/textarea/reftest.list
 create mode 100644 layout/reftests/css-disabled/textarea/style.css
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-1.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-2.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-3.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-4.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-disabled/textarea/textarea-fieldset-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-495385-2d-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-495385-2d.html
 create mode 100644 layout/reftests/css-display/display-contents-acid-dyn-1.html
 create mode 100644 layout/reftests/css-display/display-contents-acid-dyn-2.html
 create mode 100644 layout/reftests/css-display/display-contents-acid-dyn-3.html
 create mode 100644 layout/reftests/css-display/display-contents-acid-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-acid.html
 create mode 100644 layout/reftests/css-display/display-contents-dyn-insert-text-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-dyn-insert-text.html
 create mode 100644 layout/reftests/css-display/display-contents-generated-content-2.html
 create mode 100644 layout/reftests/css-display/display-contents-generated-content-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-generated-content.html
 create mode 100644 layout/reftests/css-display/display-contents-list-item-child-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-list-item-child.html
 create mode 100644 layout/reftests/css-display/display-contents-state-change-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-state-change.html
 create mode 100644 layout/reftests/css-display/display-contents-style-inheritance-1-dom-mutations.html
 create mode 100644 layout/reftests/css-display/display-contents-style-inheritance-1-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-style-inheritance-1-stylechange.html
 create mode 100644 layout/reftests/css-display/display-contents-style-inheritance-1.html
 create mode 100644 layout/reftests/css-display/display-contents-suppression-dynamic-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-suppression-dynamic.html
 create mode 100644 layout/reftests/css-display/display-contents-tables-2.xhtml
 create mode 100644 layout/reftests/css-display/display-contents-tables-3-ref.xhtml
 create mode 100644 layout/reftests/css-display/display-contents-tables-3.xhtml
 create mode 100644 layout/reftests/css-display/display-contents-tables-ref.xhtml
 create mode 100644 layout/reftests/css-display/display-contents-tables.xhtml
 create mode 100644 layout/reftests/css-display/display-contents-visibility-hidden-2.html
 create mode 100644 layout/reftests/css-display/display-contents-visibility-hidden-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-visibility-hidden.html
 create mode 100644 layout/reftests/css-display/display-contents-writing-mode-1-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-writing-mode-1.html
 create mode 100644 layout/reftests/css-display/display-contents-writing-mode-2-ref.html
 create mode 100644 layout/reftests/css-display/display-contents-writing-mode-2.html
 create mode 100644 layout/reftests/css-display/display-flow-root-001-ref.html
 create mode 100644 layout/reftests/css-display/display-flow-root-001.html
 create mode 100644 layout/reftests/css-display/reftest.list
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-1.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-2.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-3.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-4.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-enabled/button/button-fieldset-ref.html
 create mode 100644 layout/reftests/css-enabled/button/reftest.list
 create mode 100644 layout/reftests/css-enabled/button/style.css
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-disabled.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-enabled.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-fieldset-1.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-fieldset-2.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-fieldset-3.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-fieldset-4.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-fieldset-ref.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-1.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-2.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-3.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-4.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-5.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-enabled/fieldset/fieldset-ref.html
 create mode 100644 layout/reftests/css-enabled/fieldset/reftest.list
 create mode 100644 layout/reftests/css-enabled/fieldset/style.css
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-1.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-2.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-3.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-4.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-enabled/input/input-fieldset-ref.html
 create mode 100644 layout/reftests/css-enabled/input/reftest.list
 create mode 100644 layout/reftests/css-enabled/input/style.css
 create mode 100644 layout/reftests/css-enabled/label/label-ref.html
 create mode 100644 layout/reftests/css-enabled/label/label.html
 create mode 100644 layout/reftests/css-enabled/label/reftest.list
 create mode 100644 layout/reftests/css-enabled/label/style.css
 create mode 100644 layout/reftests/css-enabled/object/object-ref.html
 create mode 100644 layout/reftests/css-enabled/object/object.html
 create mode 100644 layout/reftests/css-enabled/object/reftest.list
 create mode 100644 layout/reftests/css-enabled/object/style.css
 create mode 100644 layout/reftests/css-enabled/optgroup/optgroup-fieldset-1.html
 create mode 100644 layout/reftests/css-enabled/optgroup/optgroup-fieldset-ref.html
 create mode 100644 layout/reftests/css-enabled/optgroup/reftest.list
 create mode 100644 layout/reftests/css-enabled/optgroup/style.css
 create mode 100644 layout/reftests/css-enabled/option/option-fieldset-1.html
 create mode 100644 layout/reftests/css-enabled/option/option-fieldset-ref.html
 create mode 100644 layout/reftests/css-enabled/option/reftest.list
 create mode 100644 layout/reftests/css-enabled/option/style.css
 create mode 100644 layout/reftests/css-enabled/output/output-ref.html
 create mode 100644 layout/reftests/css-enabled/output/output.html
 create mode 100644 layout/reftests/css-enabled/output/reftest.list
 create mode 100644 layout/reftests/css-enabled/output/style.css
 create mode 100644 layout/reftests/css-enabled/reftest.list
 create mode 100644 layout/reftests/css-enabled/select/reftest.list
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-1.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-2.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-3.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-4.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-ref-disabled.html
 create mode 100644 layout/reftests/css-enabled/select/select-fieldset-ref.html
 create mode 100644 layout/reftests/css-enabled/select/style.css
 create mode 100644 layout/reftests/css-enabled/textarea/reftest.list
 create mode 100644 layout/reftests/css-enabled/textarea/style.css
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-1.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-2.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-3.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-4.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-1.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-2.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-3.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-4.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-5.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-1.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-2.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-3.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-4.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-5.html
 create mode 100644 layout/reftests/css-enabled/textarea/textarea-fieldset-ref.html
 create mode 100644 layout/reftests/css-gradients/1224761-1-ref.html
 create mode 100644 layout/reftests/css-gradients/1224761-1.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-1-ref.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-1a.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-1b.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-1c.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-1d.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-1e.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-1f.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-2-ref.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-2.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-3-ref.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-3a.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-3b.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-4-ref.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-4a.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-4b.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-5-ref.html
 create mode 100644 layout/reftests/css-gradients/aja-linear-5a.html
 create mode 100644 layout/reftests/css-gradients/bug-916535-background-repeat-linear-ref.html
 create mode 100644 layout/reftests/css-gradients/bug-916535-background-repeat-linear.html
 create mode 100644 layout/reftests/css-gradients/color-stop-clamp-interpolation-ref.html
 create mode 100644 layout/reftests/css-gradients/color-stop-clamp-interpolation.html
 create mode 100644 layout/reftests/css-gradients/height-dependence-1-ref.html
 create mode 100644 layout/reftests/css-gradients/height-dependence-1.html
 create mode 100644 layout/reftests/css-gradients/height-dependence-2-ref.html
 create mode 100644 layout/reftests/css-gradients/height-dependence-2.html
 create mode 100644 layout/reftests/css-gradients/height-dependence-3-ref.html
 create mode 100644 layout/reftests/css-gradients/height-dependence-3.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-1-ref.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-1.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-2-ref.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-2.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-3-ref.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-3.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-4-ref.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-4.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-5-ref.html
 create mode 100644 layout/reftests/css-gradients/large-gradient-5.html
 create mode 100644 layout/reftests/css-gradients/linear-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-2-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-2a.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-3-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-3a.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-4-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-diagonal-4a.html
 create mode 100644 layout/reftests/css-gradients/linear-flipped-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-flipped-1.html
 create mode 100644 layout/reftests/css-gradients/linear-gradient-repeated-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-gradient-repeated.html
 create mode 100644 layout/reftests/css-gradients/linear-keywords-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-keywords-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-onestopposition-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-onestopposition-1-ref2.html
 create mode 100644 layout/reftests/css-gradients/linear-onestopposition-1.html
 create mode 100644 layout/reftests/css-gradients/linear-position-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-position-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-premul-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-premul.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1b.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1c.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1d.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1e.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1f.html
 create mode 100644 layout/reftests/css-gradients/linear-repeat-1g.html
 create mode 100644 layout/reftests/css-gradients/linear-rotated-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-rotated-1.html
 create mode 100644 layout/reftests/css-gradients/linear-size-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-size-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-stops-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-stops-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-stops-1b.html
 create mode 100644 layout/reftests/css-gradients/linear-stops-1c.html
 create mode 100644 layout/reftests/css-gradients/linear-stops-1d.html
 create mode 100644 layout/reftests/css-gradients/linear-stops-1e.html
 create mode 100644 layout/reftests/css-gradients/linear-stops-1f.html
 create mode 100644 layout/reftests/css-gradients/linear-vertical-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-vertical-1a.html
 create mode 100644 layout/reftests/css-gradients/linear-vertical-1b.html
 create mode 100644 layout/reftests/css-gradients/linear-vertical-1c.html
 create mode 100644 layout/reftests/css-gradients/linear-vertical-1d.html
 create mode 100644 layout/reftests/css-gradients/linear-vertical-subpixel-1-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-vertical-subpixel-1.html
 create mode 100644 layout/reftests/css-gradients/linear-viewport-ref.html
 create mode 100644 layout/reftests/css-gradients/linear-viewport.html
 create mode 100644 layout/reftests/css-gradients/mask-gradient-translucent-end-color-1-ref.html
 create mode 100644 layout/reftests/css-gradients/mask-gradient-translucent-end-color-1.html
 create mode 100644 layout/reftests/css-gradients/nostops.html
 create mode 100644 layout/reftests/css-gradients/onestop.html
 create mode 100644 layout/reftests/css-gradients/orange-square.html
 create mode 100644 layout/reftests/css-gradients/radial-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-2-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-2a.html
 create mode 100644 layout/reftests/css-gradients/radial-2b.html
 create mode 100644 layout/reftests/css-gradients/radial-2c.html
 create mode 100644 layout/reftests/css-gradients/radial-2d.html
 create mode 100644 layout/reftests/css-gradients/radial-onestopposition-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-onestopposition-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-onestopposition-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-position-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-position-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-position-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-premul-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-premul.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-closest-corner-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-closest-corner-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-closest-corner-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-closest-side-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-closest-side-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-closest-side-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-farthest-corner-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-farthest-corner-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-farthest-corner-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-farthest-side-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-farthest-side-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-shape-farthest-side-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-size-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-size-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-size-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-zero-length-1-ref.html
 create mode 100644 layout/reftests/css-gradients/radial-zero-length-1a.html
 create mode 100644 layout/reftests/css-gradients/radial-zero-length-1b.html
 create mode 100644 layout/reftests/css-gradients/radial-zero-length-1c.html
 create mode 100644 layout/reftests/css-gradients/radial-zero-length-1d.html
 create mode 100644 layout/reftests/css-gradients/radial-zero-length-1e.html
 create mode 100644 layout/reftests/css-gradients/radial-zero-length-1f.html
 create mode 100644 layout/reftests/css-gradients/reftest.list
 create mode 100644 layout/reftests/css-gradients/repeated-final-stop-1-ref.html
 create mode 100644 layout/reftests/css-gradients/repeated-final-stop-1.html
 create mode 100644 layout/reftests/css-gradients/repeating-linear-1-ref.html
 create mode 100644 layout/reftests/css-gradients/repeating-linear-1a.html
 create mode 100644 layout/reftests/css-gradients/repeating-linear-1b.html
 create mode 100644 layout/reftests/css-gradients/repeating-linear-2-ref.html
 create mode 100644 layout/reftests/css-gradients/repeating-linear-2a.html
 create mode 100644 layout/reftests/css-gradients/repeating-linear-onestopposition-1.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-1-ref.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-1a.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-1b.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-1c.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-1d.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-2-ref.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-2a.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-2b.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-onestopposition-1a.html
 create mode 100644 layout/reftests/css-gradients/repeating-radial-onestopposition-1b.html
 create mode 100644 layout/reftests/css-gradients/scaled-color-stop-position-ref.html
 create mode 100644 layout/reftests/css-gradients/scaled-color-stop-position.html
 create mode 100644 layout/reftests/css-gradients/twostops-1-ref.html
 create mode 100644 layout/reftests/css-gradients/twostops-1a.html
 create mode 100644 layout/reftests/css-gradients/twostops-1b.html
 create mode 100644 layout/reftests/css-gradients/twostops-1c.html
 create mode 100644 layout/reftests/css-gradients/twostops-1d.html
 create mode 100644 layout/reftests/css-gradients/twostops-1e.html
 create mode 100644 layout/reftests/css-grid/bug1306106-ref.html
 create mode 100644 layout/reftests/css-grid/bug1306106.html
 create mode 100644 layout/reftests/css-grid/bug1349571-ref.html
 create mode 100644 layout/reftests/css-grid/bug1349571.html
 create mode 100644 layout/reftests/css-grid/bug1350925-ref.html
 create mode 100644 layout/reftests/css-grid/bug1350925.html
 create mode 100644 layout/reftests/css-grid/bug1356820-ref.html
 create mode 100644 layout/reftests/css-grid/bug1356820.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-001.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-002.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-003.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-004.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-005.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-006-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-006.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-007-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-007.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-008-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-008.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-009-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-009.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-010-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-010.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-011-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-011.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-012-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-012.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-013-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-013.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-014-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-014.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-015-ref.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-015.html
 create mode 100644 layout/reftests/css-grid/grid-abspos-items-016.html
 create mode 100644 layout/reftests/css-grid/grid-align-content-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-align-content-001.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-definite-001.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-percent-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-percent-001.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004.html
 create mode 100644 layout/reftests/css-grid/grid-clamping-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-clamping-001.html
 create mode 100644 layout/reftests/css-grid/grid-clamping-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-clamping-002.html
 create mode 100644 layout/reftests/css-grid/grid-col-max-sizing-max-content-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-col-max-sizing-max-content-001.html
 create mode 100644 layout/reftests/css-grid/grid-col-max-sizing-max-content-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-col-max-sizing-max-content-002.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-001.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-002.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-003.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-column-gap-004.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-001.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-002.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-003.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-container-baselines-004.html
 create mode 100644 layout/reftests/css-grid/grid-container-min-max-width-height-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-container-min-max-width-height-001.html
 create mode 100644 layout/reftests/css-grid/grid-container-overflow-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-container-overflow-001.html
 create mode 100644 layout/reftests/css-grid/grid-container-synthesized-baseline-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-container-synthesized-baseline-001.html
 create mode 100644 layout/reftests/css-grid/grid-flex-min-sizing-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-flex-min-sizing-001.html
 create mode 100644 layout/reftests/css-grid/grid-flex-min-sizing-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-flex-min-sizing-002.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-001.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-002.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-003.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-004.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-005.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-006-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-006.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-007-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-007.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-008-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-008.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-009-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-009.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-010-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-010.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-011-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-011.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-012-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-012.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-013-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-013.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-014-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-014.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-015-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-015.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-016-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-016.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-017-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-017.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-018-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-018.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-019-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-019.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-020-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-020.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-021-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-021.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-022.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-023-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-023.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-024-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-024.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-025-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-025.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-026-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-026.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-027.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-028-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-028.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-029-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-029.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-030-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-030.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-031-ref.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-031.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-002.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-006.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-015.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-016.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-019.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-020.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-021.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-023.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-024.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-026.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-027.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-028.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn1-029.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-018.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-019.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-020.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-021.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-022.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-023.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-025.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-026.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-027.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-028.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-029.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-030.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn2-031.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-001.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-002.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-003.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-007.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-009.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-017.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-019.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-021.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-023.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-026.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-027.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn3-028.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-001.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-004.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-005.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-015.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-019.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-021.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-023.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-026.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-027.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn4-028.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-005.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-007.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-008.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-016.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-019.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-021.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-023.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-026.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-027.html
 create mode 100644 layout/reftests/css-grid/grid-fragmentation-dyn5-028.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-dynamic-pos-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-dynamic-pos-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-dynamic-pos-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-dynamic-pos-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-dynamic-pos-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-align-dynamic-pos-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-005.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-006-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-006.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-007-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-auto-min-size-clamp-007.html
 create mode 100644 layout/reftests/css-grid/grid-item-blockifying-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-blockifying-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-button-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-button-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-canvas-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-canvas-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-dir-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-dir-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-fieldset-stretch-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-fieldset-stretch-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-input-stretch-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-input-stretch-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-size-normal-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-size-normal-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-size-normal-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-intrinsic-size-normal-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-justify-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-justify-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-justify-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-justify-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-auto-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-left-right-auto-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-margin-right-auto-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-006-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-overflow-stretch-006.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-003.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-percent-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-sizing-px-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-stretch-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-stretch-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-table-stretch-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-table-stretch-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-table-stretch-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-table-stretch-002.html
 create mode 100644 layout/reftests/css-grid/grid-item-table-stretch-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-table-stretch-004.html
 create mode 100644 layout/reftests/css-grid/grid-item-video-stretch-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-video-stretch-001.html
 create mode 100644 layout/reftests/css-grid/grid-item-video-stretch-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-item-video-stretch-002.html
 create mode 100644 layout/reftests/css-grid/grid-justify-content-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-justify-content-001.html
 create mode 100644 layout/reftests/css-grid/grid-justify-content-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-justify-content-002.html
 create mode 100644 layout/reftests/css-grid/grid-justify-content-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-justify-content-003.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-001.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-002.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-003.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-004.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-005.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-006-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-006.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-007.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-008-ref.html
 create mode 100644 layout/reftests/css-grid/grid-max-sizing-flex-008.html
 create mode 100644 layout/reftests/css-grid/grid-measuring-reflow-resize-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-measuring-reflow-resize-dynamic-001.html
 create mode 100644 layout/reftests/css-grid/grid-measuring-reflow-resize-static-001.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004.html
 create mode 100644 layout/reftests/css-grid/grid-min-max-content-sizing-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-min-max-content-sizing-001.html
 create mode 100644 layout/reftests/css-grid/grid-min-max-content-sizing-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-min-max-content-sizing-002.html
 create mode 100644 layout/reftests/css-grid/grid-order-abspos-items-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-order-abspos-items-001.html
 create mode 100644 layout/reftests/css-grid/grid-order-placement-auto-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-order-placement-auto-001.html
 create mode 100644 layout/reftests/css-grid/grid-order-placement-definite-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-order-placement-definite-001.html
 create mode 100644 layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-percent-grid-gap-001.html
 create mode 100644 layout/reftests/css-grid/grid-percent-intrinsic-sizing-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-percent-intrinsic-sizing-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-abspos-implicit-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-abspos-implicit-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-col-dense-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-implicit-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-row-dense-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-002.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-003.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-implicit-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-definite-implicit-002.html
 create mode 100644 layout/reftests/css-grid/grid-placement-implicit-named-areas-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-implicit-named-areas-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-001.html
 create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-002.html
 create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-003.html
 create mode 100644 layout/reftests/css-grid/grid-placement-negative-lines-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-placement-negative-lines-001.html
 create mode 100644 layout/reftests/css-grid/grid-relpos-items-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-relpos-items-001.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-001.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-002.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-003.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-004.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-005.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-006-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-006.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-007-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-007.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-008-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-008.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-009-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-009.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-010-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-010.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-011.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-012-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-012.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-013-ref.html
 create mode 100644 layout/reftests/css-grid/grid-repeat-auto-fill-fit-013.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-001.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-002.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-003.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-004.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-005-ref.html
 create mode 100644 layout/reftests/css-grid/grid-row-gap-005.html
 create mode 100644 layout/reftests/css-grid/grid-track-fit-content-sizing-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-fit-content-sizing-001.html
 create mode 100644 layout/reftests/css-grid/grid-track-fit-content-sizing-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-fit-content-sizing-002.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-001.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-002.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-003-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-003.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-004-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-intrinsic-sizing-004.html
 create mode 100644 layout/reftests/css-grid/grid-track-percent-sizing-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-percent-sizing-001.html
 create mode 100644 layout/reftests/css-grid/grid-track-sizing-001-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-sizing-001.html
 create mode 100644 layout/reftests/css-grid/grid-track-sizing-002-ref.html
 create mode 100644 layout/reftests/css-grid/grid-track-sizing-002.html
 create mode 100644 layout/reftests/css-grid/grid-whitespace-handling-1-ref.xhtml
 create mode 100644 layout/reftests/css-grid/grid-whitespace-handling-1a.xhtml
 create mode 100644 layout/reftests/css-grid/grid-whitespace-handling-1b.xhtml
 create mode 100644 layout/reftests/css-grid/grid-whitespace-handling-2-ref.xhtml
 create mode 100644 layout/reftests/css-grid/grid-whitespace-handling-2.xhtml
 create mode 100644 layout/reftests/css-grid/reftest.list
 create mode 100644 layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html
 create mode 100644 layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html
 create mode 100644 layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html
 create mode 100644 layout/reftests/css-grid/rtl-grid-placement-definite-001.html
 create mode 100644 layout/reftests/css-grid/support/ahem.css
 create mode 100644 layout/reftests/css-grid/support/colors-16x8.webm
 create mode 100644 layout/reftests/css-grid/support/dyn.js
 create mode 100644 layout/reftests/css-grid/support/lime-24x2.png
 create mode 100644 layout/reftests/css-grid/support/lime-25x1.png
 create mode 100644 layout/reftests/css-grid/support/lime-2x24.png
 create mode 100644 layout/reftests/css-grid/support/solidblue-20x32.png
 create mode 100644 layout/reftests/css-grid/support/solidblue.png
 create mode 100644 layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html
 create mode 100644 layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html
 create mode 100644 layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html
 create mode 100644 layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html
 create mode 100644 layout/reftests/css-import/1331291-1.html
 create mode 100644 layout/reftests/css-import/1368782-1.html
 create mode 100644 layout/reftests/css-import/1368782-2.html
 create mode 100644 layout/reftests/css-import/1368782-3.html
 create mode 100644 layout/reftests/css-import/1373559-ref.html
 create mode 100644 layout/reftests/css-import/1373559.html
 create mode 100644 layout/reftests/css-import/290018-1.html
 create mode 100644 layout/reftests/css-import/290018-ref.html
 create mode 100644 layout/reftests/css-import/436261-1.html
 create mode 100644 layout/reftests/css-import/436261-2.html
 create mode 100644 layout/reftests/css-import/436261-3.html
 create mode 100644 layout/reftests/css-import/436261-ref.html
 create mode 100644 layout/reftests/css-import/444723-1.html
 create mode 100644 layout/reftests/css-import/444723-2.html
 create mode 100644 layout/reftests/css-import/444723-ref.html
 create mode 100644 layout/reftests/css-import/445415-1-ref.xhtml
 create mode 100644 layout/reftests/css-import/445415-1a.xhtml
 create mode 100644 layout/reftests/css-import/445415-1b.xhtml
 create mode 100644 layout/reftests/css-import/445415-2-ref.xhtml
 create mode 100644 layout/reftests/css-import/445415-2a.xhtml
 create mode 100644 layout/reftests/css-import/445415-2b.xhtml
 create mode 100644 layout/reftests/css-import/green.html
 create mode 100644 layout/reftests/css-import/inner-sheet.css
 create mode 100644 layout/reftests/css-import/other-outermost-sheet.css
 create mode 100644 layout/reftests/css-import/outer-sheet.css
 create mode 100644 layout/reftests/css-import/outermost-sheet.css
 create mode 100644 layout/reftests/css-import/reftest.list
 create mode 100644 layout/reftests/css-import/subdir/1x1-green-in-subdir.png
 create mode 100644 layout/reftests/css-import/subdir/sheet.css
 create mode 100644 layout/reftests/css-invalid/button/button-button.html
 create mode 100644 layout/reftests/css-invalid/button/button-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-invalid/button/button-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-invalid/button/button-disabled-ref.html
 create mode 100644 layout/reftests/css-invalid/button/button-disabled.html
 create mode 100644 layout/reftests/css-invalid/button/button-dyn-disabled.html
 create mode 100644 layout/reftests/css-invalid/button/button-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-invalid/button/button-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-invalid/button/button-fieldset-legend.html
 create mode 100644 layout/reftests/css-invalid/button/button-fieldset-ref.html
 create mode 100644 layout/reftests/css-invalid/button/button-invalid.html
 create mode 100644 layout/reftests/css-invalid/button/button-ref.html
 create mode 100644 layout/reftests/css-invalid/button/button-reset.html
 create mode 100644 layout/reftests/css-invalid/button/button-type-barred.html
 create mode 100644 layout/reftests/css-invalid/button/button-type-invalid.html
 create mode 100644 layout/reftests/css-invalid/button/button-valid.html
 create mode 100644 layout/reftests/css-invalid/button/reftest.list
 create mode 100644 layout/reftests/css-invalid/button/style.css
 create mode 100644 layout/reftests/css-invalid/default-style/button-ref.html
 create mode 100644 layout/reftests/css-invalid/default-style/button.html
 create mode 100644 layout/reftests/css-invalid/default-style/fieldset-ref.html
 create mode 100644 layout/reftests/css-invalid/default-style/fieldset.html
 create mode 100644 layout/reftests/css-invalid/default-style/input-ref.html
 create mode 100644 layout/reftests/css-invalid/default-style/input.html
 create mode 100644 layout/reftests/css-invalid/default-style/reftest.list
 create mode 100644 layout/reftests/css-invalid/default-style/select-ref.html
 create mode 100644 layout/reftests/css-invalid/default-style/select.html
 create mode 100644 layout/reftests/css-invalid/default-style/style.css
 create mode 100644 layout/reftests/css-invalid/default-style/textarea-ref.html
 create mode 100644 layout/reftests/css-invalid/default-style/textarea.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-add-invalid-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element-dynamic.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-add-invalid-with-valid-element.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-add-valid-element.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-invalid-element.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-no-element.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-div-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-not-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-dynamic-valid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-is-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-nested-barred-ref.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-nested-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-nested-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid-ref.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-remove-invalid-element.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-static-invalid-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-static-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-static-valid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred-remove-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-valid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-with-invalid-element-add-barred-dynamic.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-with-valid-and-invalid.html
 create mode 100644 layout/reftests/css-invalid/fieldset/fieldset-with-valid-element-add-barred-dynamic.html
 create mode 100644 layout/reftests/css-invalid/fieldset/reftest.list
 create mode 100644 layout/reftests/css-invalid/form/form-add-control.html
 create mode 100644 layout/reftests/css-invalid/form/form-add-invalid-element-dynamic.html
 create mode 100644 layout/reftests/css-invalid/form/form-add-invalid-element.html
 create mode 100644 layout/reftests/css-invalid/form/form-add-invalid-with-valid-element.html
 create mode 100644 layout/reftests/css-invalid/form/form-add-valid-element.html
 create mode 100644 layout/reftests/css-invalid/form/form-add-valid-with-invalid-element.html
 create mode 100644 layout/reftests/css-invalid/form/form-add-valid-with-no-element.html
 create mode 100644 layout/reftests/css-invalid/form/form-dynamic-invalid-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-dynamic-invalid-not-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-dynamic-invalid.html
 create mode 100644 layout/reftests/css-invalid/form/form-dynamic-valid.html
 create mode 100644 layout/reftests/css-invalid/form/form-invalid-and-barred-remove-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-invalid-and-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-invalid-barred-ref.html
 create mode 100644 layout/reftests/css-invalid/form/form-invalid-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-invalid-ref-2.html
 create mode 100644 layout/reftests/css-invalid/form/form-invalid-ref.html
 create mode 100644 layout/reftests/css-invalid/form/form-remove-invalid-element.html
 create mode 100644 layout/reftests/css-invalid/form/form-static-invalid-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-static-invalid.html
 create mode 100644 layout/reftests/css-invalid/form/form-static-valid.html
 create mode 100644 layout/reftests/css-invalid/form/form-valid-and-barred-ref.html
 create mode 100644 layout/reftests/css-invalid/form/form-valid-and-barred-remove-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-valid-and-barred.html
 create mode 100644 layout/reftests/css-invalid/form/form-valid-ref-2.html
 create mode 100644 layout/reftests/css-invalid/form/form-valid-ref-4.html
 create mode 100644 layout/reftests/css-invalid/form/form-valid-ref.html
 create mode 100644 layout/reftests/css-invalid/form/form-with-invalid-element-add-barred-dynamic.html
 create mode 100644 layout/reftests/css-invalid/form/form-with-valid-and-invalid.html
 create mode 100644 layout/reftests/css-invalid/form/form-with-valid-element-add-barred-dynamic.html
 create mode 100644 layout/reftests/css-invalid/form/reftest.list
 create mode 100644 layout/reftests/css-invalid/input/input-button-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-button.html
 create mode 100644 layout/reftests/css-invalid/input/input-customerror.html
 create mode 100644 layout/reftests/css-invalid/input/input-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-invalid/input/input-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-invalid/input/input-disabled.html
 create mode 100644 layout/reftests/css-invalid/input/input-dyn-disabled.html
 create mode 100644 layout/reftests/css-invalid/input/input-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-invalid/input/input-dyn-not-readonly.html
 create mode 100644 layout/reftests/css-invalid/input/input-dyn-readonly.html
 create mode 100644 layout/reftests/css-invalid/input/input-email-invalid.html
 create mode 100644 layout/reftests/css-invalid/input/input-email-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-email-valid.html
 create mode 100644 layout/reftests/css-invalid/input/input-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-fieldset-legend.html
 create mode 100644 layout/reftests/css-invalid/input/input-fieldset-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-image-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-image.html
 create mode 100644 layout/reftests/css-invalid/input/input-pattern-invalid.html
 create mode 100644 layout/reftests/css-invalid/input/input-pattern-valid.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-checked-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-customerror.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-dyn-valid-1.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-dyn-valid-2.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-focus-click.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-nogroup-required-invalid.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-nogroup-required-valid.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-radio-required.html
 create mode 100644 layout/reftests/css-invalid/input/input-readonly.html
 create mode 100644 layout/reftests/css-invalid/input/input-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-required-invalid.html
 create mode 100644 layout/reftests/css-invalid/input/input-required-valid.html
 create mode 100644 layout/reftests/css-invalid/input/input-reset.html
 create mode 100644 layout/reftests/css-invalid/input/input-submit-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-submit.html
 create mode 100644 layout/reftests/css-invalid/input/input-type-barred.html
 create mode 100644 layout/reftests/css-invalid/input/input-type-invalid.html
 create mode 100644 layout/reftests/css-invalid/input/input-url-invalid.html
 create mode 100644 layout/reftests/css-invalid/input/input-url-ref.html
 create mode 100644 layout/reftests/css-invalid/input/input-url-valid.html
 create mode 100644 layout/reftests/css-invalid/input/input-valid.html
 create mode 100644 layout/reftests/css-invalid/input/input-withtext-ref.html
 create mode 100644 layout/reftests/css-invalid/input/reftest.list
 create mode 100644 layout/reftests/css-invalid/input/style.css
 create mode 100644 layout/reftests/css-invalid/output/output-invalid.html
 create mode 100644 layout/reftests/css-invalid/output/output-ref.html
 create mode 100644 layout/reftests/css-invalid/output/output-valid.html
 create mode 100644 layout/reftests/css-invalid/output/reftest.list
 create mode 100644 layout/reftests/css-invalid/output/style.css
 create mode 100644 layout/reftests/css-invalid/reftest.list
 create mode 100644 layout/reftests/css-invalid/select/reftest.list
 create mode 100644 layout/reftests/css-invalid/select/select-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-invalid/select/select-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-invalid/select/select-disabled-ref.html
 create mode 100644 layout/reftests/css-invalid/select/select-disabled.html
 create mode 100644 layout/reftests/css-invalid/select/select-dyn-disabled.html
 create mode 100644 layout/reftests/css-invalid/select/select-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-invalid/select/select-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-invalid/select/select-fieldset-legend.html
 create mode 100644 layout/reftests/css-invalid/select/select-fieldset-ref.html
 create mode 100644 layout/reftests/css-invalid/select/select-invalid.html
 create mode 100644 layout/reftests/css-invalid/select/select-ref.html
 create mode 100644 layout/reftests/css-invalid/select/select-required-invalid.html
 create mode 100644 layout/reftests/css-invalid/select/select-required-multiple-ref.html
 create mode 100644 layout/reftests/css-invalid/select/select-required-multiple-still-valid.html
 create mode 100644 layout/reftests/css-invalid/select/select-required-multiple-valid.html
 create mode 100644 layout/reftests/css-invalid/select/select-required-ref.html
 create mode 100644 layout/reftests/css-invalid/select/select-required-valid.html
 create mode 100644 layout/reftests/css-invalid/select/select-valid.html
 create mode 100644 layout/reftests/css-invalid/select/style.css
 create mode 100644 layout/reftests/css-invalid/textarea/reftest.list
 create mode 100644 layout/reftests/css-invalid/textarea/style.css
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-customerror.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-disabled.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-dyn-disabled.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-dyn-not-readonly.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-dyn-readonly.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-fieldset-legend.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-fieldset-ref.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-readonly.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-ref.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-required-invalid.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-required-valid.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-valid.html
 create mode 100644 layout/reftests/css-invalid/textarea/textarea-withtext-ref.html
 create mode 100644 layout/reftests/css-mediaqueries/greenbox-print.html
 create mode 100644 layout/reftests/css-mediaqueries/greenbox.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_overflow-block-ref.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_overflow-block-ref.svg
 create mode 100644 layout/reftests/css-mediaqueries/mq_overflow-block.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_overflow-block.svg
 create mode 100644 layout/reftests/css-mediaqueries/mq_overflow-inline-ref.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_overflow-inline.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_color_scheme.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_reduced_motion.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_both.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_no_preference.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_reduce.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_print-ref.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_aspectratio.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_deviceaspectratio.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_deviceheight.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_devicewidth.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_height.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_maxheight.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_maxheight_updown.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_maxwidth.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_maxwidth_updown.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_minheight.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_minheight_updown.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_minwidth.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_minwidth_updown.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_orientation-ref.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_orientation.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_overflow-block-ref.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_overflow-block.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_overflow-inline-ref.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_overflow-inline.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_update-ref.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_update.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_print_width.xhtml
 create mode 100644 layout/reftests/css-mediaqueries/mq_update-ref.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_update-ref.svg
 create mode 100644 layout/reftests/css-mediaqueries/mq_update.html
 create mode 100644 layout/reftests/css-mediaqueries/mq_update.svg
 create mode 100644 layout/reftests/css-mediaqueries/reftest.list
 create mode 100644 layout/reftests/css-optional/css-optional-button.html
 create mode 100644 layout/reftests/css-optional/css-optional-dyn-1.html
 create mode 100644 layout/reftests/css-optional/css-optional-dyn-2.html
 create mode 100644 layout/reftests/css-optional/css-optional-input-ref.html
 create mode 100644 layout/reftests/css-optional/css-optional-input.html
 create mode 100644 layout/reftests/css-optional/css-optional-select-ref.html
 create mode 100644 layout/reftests/css-optional/css-optional-select.html
 create mode 100644 layout/reftests/css-optional/css-optional-style.css
 create mode 100644 layout/reftests/css-optional/css-optional-textarea-ref.html
 create mode 100644 layout/reftests/css-optional/css-optional-textarea.html
 create mode 100644 layout/reftests/css-optional/reftest.list
 create mode 100644 layout/reftests/css-page/generate-page-name-two-page-test.py
 create mode 100644 layout/reftests/css-page/page-name-two-page-001.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-002.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-003.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-004.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-005.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-006.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-007.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-008.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-009.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-010.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-011.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-012.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-013.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-014.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-015.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-016.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-017.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-018.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-019.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-020.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-021.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-022.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-023.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-024.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-025.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-026.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-027.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-028.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-029.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-030.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-031.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-032.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-033.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-034.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-035.html
 create mode 100644 layout/reftests/css-page/page-name-two-page-ref.html
 create mode 100644 layout/reftests/css-page/reftest.list
 create mode 100644 layout/reftests/css-parsing/at-rule-013-ref.html
 create mode 100644 layout/reftests/css-parsing/at-rule-013.html
 create mode 100644 layout/reftests/css-parsing/at-rule-error-handling-import-1.html
 create mode 100644 layout/reftests/css-parsing/at-rule-error-handling-media-1.html
 create mode 100644 layout/reftests/css-parsing/at-rule-error-handling-ref.html
 create mode 100644 layout/reftests/css-parsing/green-ref.html
 create mode 100644 layout/reftests/css-parsing/invalid-attr-1-ref.html
 create mode 100644 layout/reftests/css-parsing/invalid-attr-1.html
 create mode 100644 layout/reftests/css-parsing/invalid-font-face-descriptor-1-ref.html
 create mode 100644 layout/reftests/css-parsing/invalid-font-face-descriptor-1.html
 create mode 100644 layout/reftests/css-parsing/invalid-url-handling-ref.xhtml
 create mode 100644 layout/reftests/css-parsing/invalid-url-handling.xhtml
 create mode 100644 layout/reftests/css-parsing/moz-bool-pref.css
 create mode 100644 layout/reftests/css-parsing/pseudo-elements-1-ref.html
 create mode 100644 layout/reftests/css-parsing/pseudo-elements-1.html
 create mode 100644 layout/reftests/css-parsing/reftest.list
 create mode 100644 layout/reftests/css-parsing/supports-moz-bool-pref-1.html
 create mode 100644 layout/reftests/css-parsing/supports-moz-bool-pref-2.html
 create mode 100644 layout/reftests/css-parsing/supports-moz-bool-pref-3.html
 create mode 100644 layout/reftests/css-parsing/two-dash-identifiers-ref.html
 create mode 100644 layout/reftests/css-parsing/two-dash-identifiers.html
 create mode 100644 layout/reftests/css-placeholder/css-background-ref.html
 create mode 100644 layout/reftests/css-placeholder/css-background.html
 create mode 100644 layout/reftests/css-placeholder/css-restrictions-ref.html
 create mode 100644 layout/reftests/css-placeholder/css-restrictions.html
 create mode 100644 layout/reftests/css-placeholder/css-simple-styling-ref.html
 create mode 100644 layout/reftests/css-placeholder/css-simple-styling.html
 create mode 100644 layout/reftests/css-placeholder/ignore-pseudo-class-ref.html
 create mode 100644 layout/reftests/css-placeholder/ignore-pseudo-class.html
 create mode 100644 layout/reftests/css-placeholder/input/css-display.html
 create mode 100644 layout/reftests/css-placeholder/input/css-opacity.html
 create mode 100644 layout/reftests/css-placeholder/input/css-text-align.html
 create mode 100644 layout/reftests/css-placeholder/input/input-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-add.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-blur.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-button-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-empty-string-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-empty-string.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-focus-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-focus.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-removal.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-simple-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-simple.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-type-change-1.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-type-change-2.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-value-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-value-reset.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-value-set.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-value-unset.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholder-value.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholdershown-date-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholdershown-date.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholdershown-ref.html
 create mode 100644 layout/reftests/css-placeholder/input/placeholdershown.html
 create mode 100644 layout/reftests/css-placeholder/input/reftest.list
 create mode 100644 layout/reftests/css-placeholder/input/style-shown.css
 create mode 100644 layout/reftests/css-placeholder/input/style.css
 create mode 100644 layout/reftests/css-placeholder/reftest.list
 create mode 100644 layout/reftests/css-placeholder/textarea/css-display.html
 create mode 100644 layout/reftests/css-placeholder/textarea/css-opacity.html
 create mode 100644 layout/reftests/css-placeholder/textarea/css-resize-ref.html
 create mode 100644 layout/reftests/css-placeholder/textarea/css-resize.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-add.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-blur.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-empty-string-ref.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-empty-string.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-focus-ref.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-focus.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-removal.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-simple-ref.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-simple.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-value-ref.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-value-reset.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-value-set.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-value-unset.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholder-value.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholdershown-ref.html
 create mode 100644 layout/reftests/css-placeholder/textarea/placeholdershown.html
 create mode 100644 layout/reftests/css-placeholder/textarea/reftest.list
 create mode 100644 layout/reftests/css-placeholder/textarea/style-shown.css
 create mode 100644 layout/reftests/css-placeholder/textarea/style.css
 create mode 100644 layout/reftests/css-placeholder/textarea/textarea-ref.html
 create mode 100644 layout/reftests/css-required/css-required-button-element.html
 create mode 100644 layout/reftests/css-required/css-required-button.html
 create mode 100644 layout/reftests/css-required/css-required-checkbox-ref.html
 create mode 100644 layout/reftests/css-required/css-required-checkbox.html
 create mode 100644 layout/reftests/css-required/css-required-dyn-1.html
 create mode 100644 layout/reftests/css-required/css-required-dyn-2.html
 create mode 100644 layout/reftests/css-required/css-required-dyn-3.html
 create mode 100644 layout/reftests/css-required/css-required-dyn-4.html
 create mode 100644 layout/reftests/css-required/css-required-dyn-5.html
 create mode 100644 layout/reftests/css-required/css-required-dyn-6.html
 create mode 100644 layout/reftests/css-required/css-required-file-ref.html
 create mode 100644 layout/reftests/css-required/css-required-file.html
 create mode 100644 layout/reftests/css-required/css-required-hidden.html
 create mode 100644 layout/reftests/css-required/css-required-image.html
 create mode 100644 layout/reftests/css-required/css-required-password-ref.html
 create mode 100644 layout/reftests/css-required/css-required-password.html
 create mode 100644 layout/reftests/css-required/css-required-radio-ref.html
 create mode 100644 layout/reftests/css-required/css-required-radio.html
 create mode 100644 layout/reftests/css-required/css-required-reset.html
 create mode 100644 layout/reftests/css-required/css-required-search-ref.html
 create mode 100644 layout/reftests/css-required/css-required-search.html
 create mode 100644 layout/reftests/css-required/css-required-select-ref.html
 create mode 100644 layout/reftests/css-required/css-required-select.html
 create mode 100644 layout/reftests/css-required/css-required-style-2.css
 create mode 100644 layout/reftests/css-required/css-required-style.css
 create mode 100644 layout/reftests/css-required/css-required-submit.html
 create mode 100644 layout/reftests/css-required/css-required-tel-ref.html
 create mode 100644 layout/reftests/css-required/css-required-tel.html
 create mode 100644 layout/reftests/css-required/css-required-text-ref.html
 create mode 100644 layout/reftests/css-required/css-required-text.html
 create mode 100644 layout/reftests/css-required/css-required-textarea-ref.html
 create mode 100644 layout/reftests/css-required/css-required-textarea.html
 create mode 100644 layout/reftests/css-required/reftest.list
 create mode 100644 layout/reftests/css-ruby/box-properties-1-ref.html
 create mode 100644 layout/reftests/css-ruby/box-properties-1.html
 create mode 100644 layout/reftests/css-ruby/box-properties-2-ref.html
 create mode 100644 layout/reftests/css-ruby/box-properties-2.html
 create mode 100644 layout/reftests/css-ruby/box-properties-3-ref.html
 create mode 100644 layout/reftests/css-ruby/box-properties-3.html
 create mode 100644 layout/reftests/css-ruby/box-properties-4-ref.html
 create mode 100644 layout/reftests/css-ruby/box-properties-4.html
 create mode 100644 layout/reftests/css-ruby/bug1181890-notref.html
 create mode 100644 layout/reftests/css-ruby/bug1181890-ref.html
 create mode 100644 layout/reftests/css-ruby/bug1181890.html
 create mode 100644 layout/reftests/css-ruby/common.css
 create mode 100644 layout/reftests/css-ruby/inflated-ruby-1-ref.html
 create mode 100644 layout/reftests/css-ruby/inflated-ruby-1.html
 create mode 100644 layout/reftests/css-ruby/line-height-1-ref.html
 create mode 100644 layout/reftests/css-ruby/line-height-1.html
 create mode 100644 layout/reftests/css-ruby/line-height-2-ref.html
 create mode 100644 layout/reftests/css-ruby/line-height-2.html
 create mode 100644 layout/reftests/css-ruby/line-height-3-ref.html
 create mode 100644 layout/reftests/css-ruby/line-height-3.html
 create mode 100644 layout/reftests/css-ruby/line-height-4-ref.html
 create mode 100644 layout/reftests/css-ruby/line-height-4.html
 create mode 100644 layout/reftests/css-ruby/min-font-size-1-ref.html
 create mode 100644 layout/reftests/css-ruby/min-font-size-1.html
 create mode 100644 layout/reftests/css-ruby/nested-ruby-1.html
 create mode 100644 layout/reftests/css-ruby/reftest.list
 create mode 100644 layout/reftests/css-ruby/relative-positioning-1-ref.html
 create mode 100644 layout/reftests/css-ruby/relative-positioning-1.html
 create mode 100644 layout/reftests/css-ruby/relative-positioning-2-ref.html
 create mode 100644 layout/reftests/css-ruby/relative-positioning-2.html
 create mode 100644 layout/reftests/css-ruby/ruby-intercharacter-1-ref.htm
 create mode 100644 layout/reftests/css-ruby/ruby-intercharacter-1.htm
 create mode 100644 layout/reftests/css-ruby/ruby-intercharacter-2-ref.htm
 create mode 100644 layout/reftests/css-ruby/ruby-intercharacter-2.htm
 create mode 100644 layout/reftests/css-ruby/ruby-position-horizontal-ref.html
 create mode 100644 layout/reftests/css-ruby/ruby-position-horizontal.html
 create mode 100644 layout/reftests/css-ruby/ruby-position-vertical-lr-ref.html
 create mode 100644 layout/reftests/css-ruby/ruby-position-vertical-lr.html
 create mode 100644 layout/reftests/css-ruby/ruby-position-vertical-rl-ref.html
 create mode 100644 layout/reftests/css-ruby/ruby-position-vertical-rl.html
 create mode 100644 layout/reftests/css-ruby/utils.js
 create mode 100644 layout/reftests/css-scroll-snap/reftest.list
 create mode 100644 layout/reftests/css-scroll-snap/scroll-margin-on-anchor-ref.html
 create mode 100644 layout/reftests/css-scroll-snap/scroll-margin-on-anchor.html
 create mode 100644 layout/reftests/css-scroll-snap/scroll-padding-on-anchor-ref.html
 create mode 100644 layout/reftests/css-scroll-snap/scroll-padding-on-anchor.html
 create mode 100644 layout/reftests/css-scrollbars/reftest.list
 create mode 100644 layout/reftests/css-scrollbars/scrollbar-thin-overflow-change-ref.html
 create mode 100644 layout/reftests/css-scrollbars/scrollbar-thin-overflow-change.html
 create mode 100644 layout/reftests/css-scrollbars/scrollbar-width-auto.html
 create mode 100644 layout/reftests/css-scrollbars/scrollbar-width-thin.html
 create mode 100644 layout/reftests/css-scrollbars/viewport-scrollbar-color-change-ref.html
 create mode 100644 layout/reftests/css-scrollbars/viewport-scrollbar-color-change.html
 create mode 100644 layout/reftests/css-selectors/attr-case-insensitive-1-ref.html
 create mode 100644 layout/reftests/css-selectors/attr-case-insensitive-1.html
 create mode 100644 layout/reftests/css-selectors/nth-child-1.html
 create mode 100644 layout/reftests/css-selectors/nth-child-2.html
 create mode 100644 layout/reftests/css-selectors/nth-child-ref.html
 create mode 100644 layout/reftests/css-selectors/reftest.list
 create mode 100644 layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml
 create mode 100644 layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml
 create mode 100644 layout/reftests/css-selectors/sibling-combinators-on-anon-content-ref.xhtml
 create mode 100644 layout/reftests/css-selectors/state-dependent-in-any-ref.html
 create mode 100644 layout/reftests/css-selectors/state-dependent-in-any.html
 create mode 100644 layout/reftests/css-shapes/dynamic-shape-outside-1-ref.html
 create mode 100644 layout/reftests/css-shapes/dynamic-shape-outside-1.html
 create mode 100644 layout/reftests/css-shapes/dynamic-shape-outside-2.html
 create mode 100644 layout/reftests/css-shapes/reftest.list
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-circle-1.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-circle-2.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-circle-3.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-circle-ref.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-1.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-2.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-3.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-4.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-5.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-6.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-7.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-ellipse-8.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-1.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-2.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-3.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-4.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-5.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-6.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-7.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-inset-8.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-line-ref.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-nothing-ref.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-point-ref.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-polygon-1.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-polygon-2.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-polygon-3.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-polygon-4.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-polygon-5.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-polygon-6.html
 create mode 100644 layout/reftests/css-shapes/shape-outside-empty-polygon-7.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls-ref.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements-ref.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases-ref.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls-ref.html
 create mode 100644 layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls.html
 create mode 100644 layout/reftests/css-sizing/reftest.list
 create mode 100644 layout/reftests/css-transitions/background-color-with-opacity-ref.html
 create mode 100644 layout/reftests/css-transitions/background-color-with-opacity.html
 create mode 100644 layout/reftests/css-transitions/no-stacking-context-transition-ref.html
 create mode 100644 layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time-ref.html
 create mode 100644 layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time.html
 create mode 100644 layout/reftests/css-transitions/reftest.list
 create mode 100644 layout/reftests/css-transitions/stacking-context-opacity-lose-to-animation.html
 create mode 100644 layout/reftests/css-transitions/stacking-context-opacity-wins-over-important-style.html
 create mode 100644 layout/reftests/css-transitions/stacking-context-transform-lose-to-animation.html
 create mode 100644 layout/reftests/css-transitions/stacking-context-transform-wins-over-important-style.html
 create mode 100644 layout/reftests/css-transitions/stacking-context-transition-ref.html
 create mode 100644 layout/reftests/css-transitions/style-change-during-transition-ref.html
 create mode 100644 layout/reftests/css-transitions/style-change-during-transition.html
 create mode 100644 layout/reftests/css-transitions/transition-and-animation-with-different-durations-ref.html
 create mode 100644 layout/reftests/css-transitions/transition-and-animation-with-different-durations.html
 create mode 100644 layout/reftests/css-transitions/transitions-inline-already-wrapped-1.html
 create mode 100644 layout/reftests/css-transitions/transitions-inline-already-wrapped-2.html
 create mode 100644 layout/reftests/css-transitions/transitions-inline-ref.html
 create mode 100644 layout/reftests/css-transitions/transitions-inline-rewrap-1.html
 create mode 100644 layout/reftests/css-transitions/transitions-inline-rewrap-2.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-button.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-disabled-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-fieldset-legend.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-invalid.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-reset.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-type-barred.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-type-invalid.html
 create mode 100644 layout/reftests/css-ui-invalid/button/button-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/button/reftest.list
 create mode 100644 layout/reftests/css-ui-invalid/button/style.css
 create mode 100644 layout/reftests/css-ui-invalid/default-style/button-focus-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/button-focus.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/button-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/button.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/fieldset.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/input-focus-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/input-focus.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/input-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/input.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/output-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/output.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/reftest.list
 create mode 100644 layout/reftests/css-ui-invalid/default-style/select-focus-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/select-focus.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/select-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/select.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/style.css
 create mode 100644 layout/reftests/css-ui-invalid/default-style/textarea-focus-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/textarea-focus.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/textarea-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/default-style/textarea.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-button-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-button.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-checkbox-required-invalid-default.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-dyn-not-readonly-not-changed.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-dyn-readonly.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-email-invalid-default.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-email-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-email-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-fieldset-legend.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-file-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-file-required-invalid-default.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-pattern-invalid-default.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-pattern-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-1.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-2.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-radio-nogroup-required-invalid.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-radio-required-invalid-default.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-readonly.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-required-invalid-default.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-required-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-reset.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-type-barred.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-url-invalid-default.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-url-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-url-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/input/input-withtext-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/input/reftest.list
 create mode 100644 layout/reftests/css-ui-invalid/input/style.css
 create mode 100644 layout/reftests/css-ui-invalid/input/success-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/output/output-invalid.html
 create mode 100644 layout/reftests/css-ui-invalid/output/output-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/output/output-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/output/reftest.list
 create mode 100644 layout/reftests/css-ui-invalid/output/style.css
 create mode 100644 layout/reftests/css-ui-invalid/reftest.list
 create mode 100644 layout/reftests/css-ui-invalid/select/reftest.list
 create mode 100644 layout/reftests/css-ui-invalid/select/select-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-disabled-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-invalid-reset.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-invalid-1.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-invalid-2.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-multiple-invalid-changed.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-multiple-invalid.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-multiple-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-multiple-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-required-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/select/select-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/select/style.css
 create mode 100644 layout/reftests/css-ui-invalid/textarea/reftest.list
 create mode 100644 layout/reftests/css-ui-invalid/textarea/style.css
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-dyn-not-readonly-not-changed.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-dyn-readonly.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-readonly.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-ref.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-required-invalid.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-required-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-valid.html
 create mode 100644 layout/reftests/css-ui-invalid/textarea/textarea-withtext-ref.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-button.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-disabled-ref.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-fieldset-legend.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-ref.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-reset.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-type-barred.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-type-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/button/button-valid.html
 create mode 100644 layout/reftests/css-ui-valid/button/reftest.list
 create mode 100644 layout/reftests/css-ui-valid/button/style.css
 create mode 100644 layout/reftests/css-ui-valid/input/input-button-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-button.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-checkbox-valid-default.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-customerror.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-dyn-not-readonly.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-dyn-readonly.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-email-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-email-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-email-valid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-fieldset-legend.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-file-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-file-valid-default.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-pattern-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-pattern-valid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-radio-nogroup-required-valid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-radio-required.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-radio-valid-changed.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-radio-valid-default.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-readonly.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-required-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-required-valid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-reset.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-type-barred.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-type-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-url-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-url-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-url-valid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-valid.html
 create mode 100644 layout/reftests/css-ui-valid/input/input-withtext-ref.html
 create mode 100644 layout/reftests/css-ui-valid/input/reftest.list
 create mode 100644 layout/reftests/css-ui-valid/input/style.css
 create mode 100644 layout/reftests/css-ui-valid/input/success-ref.html
 create mode 100644 layout/reftests/css-ui-valid/output/output-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/output/output-ref.html
 create mode 100644 layout/reftests/css-ui-valid/output/output-valid.html
 create mode 100644 layout/reftests/css-ui-valid/output/reftest.list
 create mode 100644 layout/reftests/css-ui-valid/output/style.css
 create mode 100644 layout/reftests/css-ui-valid/reftest.list
 create mode 100644 layout/reftests/css-ui-valid/select/reftest.list
 create mode 100644 layout/reftests/css-ui-valid/select/select-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-disabled-ref.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-fieldset-legend.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-ref.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-required-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-required-multiple-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-required-multiple-ref.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-required-multiple-valid.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-required-ref.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-required-valid-1.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-required-valid-2.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-valid-reset.html
 create mode 100644 layout/reftests/css-ui-valid/select/select-valid.html
 create mode 100644 layout/reftests/css-ui-valid/select/style.css
 create mode 100644 layout/reftests/css-ui-valid/textarea/reftest.list
 create mode 100644 layout/reftests/css-ui-valid/textarea/style.css
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-customerror.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-readonly.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-ref.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-required-valid.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-valid.html
 create mode 100644 layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html
 create mode 100644 layout/reftests/css-ui/caret-color-01-ref.html
 create mode 100644 layout/reftests/css-ui/caret-color-01.html
 create mode 100644 layout/reftests/css-ui/reftest.list
 create mode 100644 layout/reftests/css-valid/button/button-button.html
 create mode 100644 layout/reftests/css-valid/button/button-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-valid/button/button-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-valid/button/button-disabled-ref.html
 create mode 100644 layout/reftests/css-valid/button/button-disabled.html
 create mode 100644 layout/reftests/css-valid/button/button-dyn-disabled.html
 create mode 100644 layout/reftests/css-valid/button/button-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-valid/button/button-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-valid/button/button-fieldset-legend.html
 create mode 100644 layout/reftests/css-valid/button/button-fieldset-ref.html
 create mode 100644 layout/reftests/css-valid/button/button-invalid.html
 create mode 100644 layout/reftests/css-valid/button/button-ref.html
 create mode 100644 layout/reftests/css-valid/button/button-reset.html
 create mode 100644 layout/reftests/css-valid/button/button-type-barred.html
 create mode 100644 layout/reftests/css-valid/button/button-type-invalid.html
 create mode 100644 layout/reftests/css-valid/button/button-valid.html
 create mode 100644 layout/reftests/css-valid/button/reftest.list
 create mode 100644 layout/reftests/css-valid/button/style.css
 create mode 100644 layout/reftests/css-valid/fieldset/fieldset-invalid.html
 create mode 100644 layout/reftests/css-valid/fieldset/fieldset-valid.html
 create mode 100644 layout/reftests/css-valid/fieldset/reftest.list
 create mode 100644 layout/reftests/css-valid/input/input-button-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-button.html
 create mode 100644 layout/reftests/css-valid/input/input-customerror.html
 create mode 100644 layout/reftests/css-valid/input/input-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-valid/input/input-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-valid/input/input-disabled.html
 create mode 100644 layout/reftests/css-valid/input/input-dyn-disabled.html
 create mode 100644 layout/reftests/css-valid/input/input-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-valid/input/input-dyn-not-readonly.html
 create mode 100644 layout/reftests/css-valid/input/input-dyn-readonly.html
 create mode 100644 layout/reftests/css-valid/input/input-email-invalid.html
 create mode 100644 layout/reftests/css-valid/input/input-email-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-email-valid.html
 create mode 100644 layout/reftests/css-valid/input/input-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-fieldset-legend.html
 create mode 100644 layout/reftests/css-valid/input/input-fieldset-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-image-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-image.html
 create mode 100644 layout/reftests/css-valid/input/input-pattern-invalid.html
 create mode 100644 layout/reftests/css-valid/input/input-pattern-valid.html
 create mode 100644 layout/reftests/css-valid/input/input-radio-customerror.html
 create mode 100644 layout/reftests/css-valid/input/input-radio-dyn-valid-1.html
 create mode 100644 layout/reftests/css-valid/input/input-radio-dyn-valid-2.html
 create mode 100644 layout/reftests/css-valid/input/input-radio-nogroup-required-invalid.html
 create mode 100644 layout/reftests/css-valid/input/input-radio-nogroup-required-valid.html
 create mode 100644 layout/reftests/css-valid/input/input-radio-required.html
 create mode 100644 layout/reftests/css-valid/input/input-readonly.html
 create mode 100644 layout/reftests/css-valid/input/input-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-required-invalid.html
 create mode 100644 layout/reftests/css-valid/input/input-required-valid.html
 create mode 100644 layout/reftests/css-valid/input/input-reset.html
 create mode 100644 layout/reftests/css-valid/input/input-submit-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-submit.html
 create mode 100644 layout/reftests/css-valid/input/input-type-barred.html
 create mode 100644 layout/reftests/css-valid/input/input-type-invalid.html
 create mode 100644 layout/reftests/css-valid/input/input-url-invalid.html
 create mode 100644 layout/reftests/css-valid/input/input-url-ref.html
 create mode 100644 layout/reftests/css-valid/input/input-url-valid.html
 create mode 100644 layout/reftests/css-valid/input/input-valid.html
 create mode 100644 layout/reftests/css-valid/input/input-withtext-ref.html
 create mode 100644 layout/reftests/css-valid/input/reftest.list
 create mode 100644 layout/reftests/css-valid/input/style.css
 create mode 100644 layout/reftests/css-valid/input/success-ref.html
 create mode 100644 layout/reftests/css-valid/output/output-invalid.html
 create mode 100644 layout/reftests/css-valid/output/output-ref.html
 create mode 100644 layout/reftests/css-valid/output/output-valid.html
 create mode 100644 layout/reftests/css-valid/output/reftest.list
 create mode 100644 layout/reftests/css-valid/output/style.css
 create mode 100644 layout/reftests/css-valid/reftest.list
 create mode 100644 layout/reftests/css-valid/select/reftest.list
 create mode 100644 layout/reftests/css-valid/select/select-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-valid/select/select-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-valid/select/select-disabled-ref.html
 create mode 100644 layout/reftests/css-valid/select/select-disabled.html
 create mode 100644 layout/reftests/css-valid/select/select-dyn-disabled.html
 create mode 100644 layout/reftests/css-valid/select/select-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-valid/select/select-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-valid/select/select-fieldset-legend.html
 create mode 100644 layout/reftests/css-valid/select/select-fieldset-ref.html
 create mode 100644 layout/reftests/css-valid/select/select-invalid.html
 create mode 100644 layout/reftests/css-valid/select/select-ref.html
 create mode 100644 layout/reftests/css-valid/select/select-required-invalid.html
 create mode 100644 layout/reftests/css-valid/select/select-required-multiple-ref.html
 create mode 100644 layout/reftests/css-valid/select/select-required-multiple-still-valid.html
 create mode 100644 layout/reftests/css-valid/select/select-required-multiple-valid.html
 create mode 100644 layout/reftests/css-valid/select/select-required-ref.html
 create mode 100644 layout/reftests/css-valid/select/select-required-valid.html
 create mode 100644 layout/reftests/css-valid/select/select-valid.html
 create mode 100644 layout/reftests/css-valid/select/style.css
 create mode 100644 layout/reftests/css-valid/textarea/reftest.list
 create mode 100644 layout/reftests/css-valid/textarea/style.css
 create mode 100644 layout/reftests/css-valid/textarea/textarea-customerror.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-disabled-fieldset-1.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-disabled-fieldset-2.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-disabled.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-dyn-disabled.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-dyn-not-disabled.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-dyn-not-readonly.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-dyn-readonly.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-fieldset-legend-ref.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-fieldset-legend.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-fieldset-ref.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-readonly.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-ref.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-required-invalid.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-required-valid.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-valid.html
 create mode 100644 layout/reftests/css-valid/textarea/textarea-withtext-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/ch-width-1-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/ch-width-1.html
 create mode 100644 layout/reftests/css-valuesandunits/reftest.list
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-div-fontsize.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-div-width-inner.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-div-width-outer.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-iframe-inside.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref-iframe-inside.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref-resource.svg
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref-root-fontsize.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref-root-width.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref.svg
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-ref2-root-fontsize.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-resource.svg
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-root-fontsize.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem-root-width.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-rem.svg
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-ref-iframe.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-zoom-ref.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw-zoom.html
 create mode 100644 layout/reftests/css-valuesandunits/unit-vh-vw.html
 create mode 100644 layout/reftests/css-variables/reftest.list
 create mode 100644 layout/reftests/css-variables/variables-ruletree-cache-01-ref.html
 create mode 100644 layout/reftests/css-variables/variables-ruletree-cache-01.html
 create mode 100644 layout/reftests/css-variables/variables-ruletree-cache-02-ref.html
 create mode 100644 layout/reftests/css-variables/variables-ruletree-cache-02.html
 create mode 100644 layout/reftests/css-visited/border-1-ref.html
 create mode 100644 layout/reftests/css-visited/border-1.html
 create mode 100644 layout/reftests/css-visited/border-2-ref.html
 create mode 100644 layout/reftests/css-visited/border-2a.html
 create mode 100644 layout/reftests/css-visited/border-2b.html
 create mode 100644 layout/reftests/css-visited/border-collapse-1-ref.html
 create mode 100644 layout/reftests/css-visited/border-collapse-1.html
 create mode 100644 layout/reftests/css-visited/caret-color-on-visited-1-ref.html
 create mode 100644 layout/reftests/css-visited/caret-color-on-visited-1.html
 create mode 100644 layout/reftests/css-visited/color-choice-1-ref.html
 create mode 100644 layout/reftests/css-visited/color-choice-1.html
 create mode 100644 layout/reftests/css-visited/color-on-bullets-1-ref.html
 create mode 100644 layout/reftests/css-visited/color-on-bullets-1.html
 create mode 100644 layout/reftests/css-visited/color-on-link-1-ref.html
 create mode 100644 layout/reftests/css-visited/color-on-link-1.html
 create mode 100644 layout/reftests/css-visited/color-on-link-before-1.html
 create mode 100644 layout/reftests/css-visited/color-on-text-decoration-1-ref.html
 create mode 100644 layout/reftests/css-visited/color-on-text-decoration-1.html
 create mode 100644 layout/reftests/css-visited/color-on-visited-1-ref.html
 create mode 100644 layout/reftests/css-visited/color-on-visited-1.html
 create mode 100644 layout/reftests/css-visited/color-on-visited-before-1.html
 create mode 100644 layout/reftests/css-visited/color-on-visited-text-1-ref.html
 create mode 100644 layout/reftests/css-visited/color-on-visited-text-1.html
 create mode 100644 layout/reftests/css-visited/column-rule-1-notref.html
 create mode 100644 layout/reftests/css-visited/column-rule-1-ref.html
 create mode 100644 layout/reftests/css-visited/column-rule-1.html
 create mode 100644 layout/reftests/css-visited/content-before-1-ref.html
 create mode 100644 layout/reftests/css-visited/content-color-on-link-before-1-ref.html
 create mode 100644 layout/reftests/css-visited/content-color-on-link-before-1.html
 create mode 100644 layout/reftests/css-visited/content-color-on-visited-before-1-ref.html
 create mode 100644 layout/reftests/css-visited/content-color-on-visited-before-1.html
 create mode 100644 layout/reftests/css-visited/content-on-link-before-1.html
 create mode 100644 layout/reftests/css-visited/content-on-visited-before-1.html
 create mode 100644 layout/reftests/css-visited/first-line-1-ref.html
 create mode 100644 layout/reftests/css-visited/first-line-1.html
 create mode 100644 layout/reftests/css-visited/inherit-keyword-1-ref.html
 create mode 100644 layout/reftests/css-visited/inherit-keyword-1.xhtml
 create mode 100644 layout/reftests/css-visited/link-root-1-ref.xhtml
 create mode 100644 layout/reftests/css-visited/link-root-1.xhtml
 create mode 100644 layout/reftests/css-visited/logical-box-border-color-visited-link-001.html
 create mode 100644 layout/reftests/css-visited/logical-box-border-color-visited-link-002.html
 create mode 100644 layout/reftests/css-visited/logical-box-border-color-visited-link-003.html
 create mode 100644 layout/reftests/css-visited/logical-box-border-color-visited-link-ref.html
 create mode 100644 layout/reftests/css-visited/mathml-links-ref.html
 create mode 100644 layout/reftests/css-visited/mathml-links.html
 create mode 100644 layout/reftests/css-visited/outline-1-ref.html
 create mode 100644 layout/reftests/css-visited/outline-1.html
 create mode 100644 layout/reftests/css-visited/placeholder-1-ref.html
 create mode 100644 layout/reftests/css-visited/placeholder-1.html
 create mode 100644 layout/reftests/css-visited/reftest.list
 create mode 100644 layout/reftests/css-visited/selector-adj-sibling-1-ref.html
 create mode 100644 layout/reftests/css-visited/selector-adj-sibling-1.html
 create mode 100644 layout/reftests/css-visited/selector-adj-sibling-2-ref.html
 create mode 100644 layout/reftests/css-visited/selector-adj-sibling-2.html
 create mode 100644 layout/reftests/css-visited/selector-adj-sibling-3-ref.xhtml
 create mode 100644 layout/reftests/css-visited/selector-adj-sibling-3.xhtml
 create mode 100644 layout/reftests/css-visited/selector-any-sibling-1-ref.html
 create mode 100644 layout/reftests/css-visited/selector-any-sibling-1.html
 create mode 100644 layout/reftests/css-visited/selector-any-sibling-2-ref.html
 create mode 100644 layout/reftests/css-visited/selector-any-sibling-2.html
 create mode 100644 layout/reftests/css-visited/selector-child-1-ref.html
 create mode 100644 layout/reftests/css-visited/selector-child-1.html
 create mode 100644 layout/reftests/css-visited/selector-child-2-ref.xhtml
 create mode 100644 layout/reftests/css-visited/selector-child-2.xhtml
 create mode 100644 layout/reftests/css-visited/selector-descendant-1-ref.html
 create mode 100644 layout/reftests/css-visited/selector-descendant-1.html
 create mode 100644 layout/reftests/css-visited/selector-descendant-2-ref.xhtml
 create mode 100644 layout/reftests/css-visited/selector-descendant-2.xhtml
 create mode 100644 layout/reftests/css-visited/subject-of-selector-1-ref.html
 create mode 100644 layout/reftests/css-visited/subject-of-selector-adj-sibling-1.html
 create mode 100644 layout/reftests/css-visited/subject-of-selector-any-sibling-1.html
 create mode 100644 layout/reftests/css-visited/subject-of-selector-child-1.html
 create mode 100644 layout/reftests/css-visited/subject-of-selector-descendant-1.html
 create mode 100644 layout/reftests/css-visited/subject-of-selector-descendant-2-ref.xhtml
 create mode 100644 layout/reftests/css-visited/subject-of-selector-descendant-2.xhtml
 create mode 100644 layout/reftests/css-visited/svg-paint-currentcolor-visited-ref.svg
 create mode 100644 layout/reftests/css-visited/svg-paint-currentcolor-visited.svg
 create mode 100644 layout/reftests/css-visited/transition-on-visited-ref.html
 create mode 100644 layout/reftests/css-visited/transition-on-visited.html
 create mode 100644 layout/reftests/css-visited/variables-visited-ref.html
 create mode 100644 layout/reftests/css-visited/variables-visited.html
 create mode 100644 layout/reftests/css-visited/visited-inherit-1-ref.html
 create mode 100644 layout/reftests/css-visited/visited-inherit-1.html
 create mode 100644 layout/reftests/css-visited/visited-page.html
 create mode 100644 layout/reftests/css-visited/white-to-transparent-1-ref.html
 create mode 100644 layout/reftests/css-visited/white-to-transparent-1.html
 create mode 100644 layout/reftests/css-visited/width-1-ref.html
 create mode 100644 layout/reftests/css-visited/width-on-link-1.html
 create mode 100644 layout/reftests/css-visited/width-on-visited-1.html
 create mode 100644 layout/reftests/cssom/computed-style-cross-window-inner.html
 create mode 100644 layout/reftests/cssom/computed-style-cross-window-ref.html
 create mode 100644 layout/reftests/cssom/computed-style-cross-window.html
 create mode 100644 layout/reftests/cssom/inline-style-null-ref.html
 create mode 100644 layout/reftests/cssom/inline-style-null.html
 create mode 100644 layout/reftests/cssom/reftest.list
 create mode 100644 layout/reftests/datalist/datalist-errors.html
 create mode 100644 layout/reftests/datalist/datalist-simple.html
 create mode 100644 layout/reftests/datalist/reftest.list
 create mode 100644 layout/reftests/details-summary/close-nested-details-ref.html
 create mode 100644 layout/reftests/details-summary/close-nested-details.html
 create mode 100644 layout/reftests/details-summary/details-absolute-children-ref.html
 create mode 100644 layout/reftests/details-summary/details-absolute-children.html
 create mode 100644 layout/reftests/details-summary/details-after-ref.html
 create mode 100644 layout/reftests/details-summary/details-after.html
 create mode 100644 layout/reftests/details-summary/details-before-ref.html
 create mode 100644 layout/reftests/details-summary/details-before.html
 create mode 100644 layout/reftests/details-summary/details-display-inline-ref.html
 create mode 100644 layout/reftests/details-summary/details-display-inline.html
 create mode 100644 layout/reftests/details-summary/details-first-line-ref.html
 create mode 100644 layout/reftests/details-summary/details-first-line.html
 create mode 100644 layout/reftests/details-summary/details-in-ol-ref.html
 create mode 100644 layout/reftests/details-summary/details-in-ol.html
 create mode 100644 layout/reftests/details-summary/details-percentage-height-children-ref.html
 create mode 100644 layout/reftests/details-summary/details-percentage-height-children.html
 create mode 100644 layout/reftests/details-summary/details-three-columns-ref.html
 create mode 100644 layout/reftests/details-summary/details-three-columns.html
 create mode 100644 layout/reftests/details-summary/details-writing-mode-ref.html
 create mode 100644 layout/reftests/details-summary/details-writing-mode.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-details.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-first-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-paragraph-after-summary-close.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-paragraph-after-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-paragraph-before-summary-close.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-paragraph-before-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-second-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-single-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-summary-and-paragraph.html
 create mode 100644 layout/reftests/details-summary/dynamic-add-summary-not-first-child.html
 create mode 100644 layout/reftests/details-summary/dynamic-remove-first-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-remove-second-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-remove-single-summary.html
 create mode 100644 layout/reftests/details-summary/dynamic-remove-summary-not-first-child.html
 create mode 100644 layout/reftests/details-summary/fixed-summary.html
 create mode 100644 layout/reftests/details-summary/float-details.html
 create mode 100644 layout/reftests/details-summary/float-in-summary-ref.html
 create mode 100644 layout/reftests/details-summary/float-in-summary.html
 create mode 100644 layout/reftests/details-summary/float-left-and-float-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-left-and-float-details.html
 create mode 100644 layout/reftests/details-summary/float-left-and-float-open-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-left-and-float-open-details.html
 create mode 100644 layout/reftests/details-summary/float-left-and-inflow-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-left-and-inflow-details.html
 create mode 100644 layout/reftests/details-summary/float-left-and-inflow-open-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-left-and-inflow-open-details.html
 create mode 100644 layout/reftests/details-summary/float-open-details-contains-float-left-ref.html
 create mode 100644 layout/reftests/details-summary/float-open-details-contains-float-left.html
 create mode 100644 layout/reftests/details-summary/float-open-details-contains-float-right-ref.html
 create mode 100644 layout/reftests/details-summary/float-open-details-contains-float-right.html
 create mode 100644 layout/reftests/details-summary/float-right-and-float-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-right-and-float-details.html
 create mode 100644 layout/reftests/details-summary/float-right-and-float-open-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-right-and-float-open-details.html
 create mode 100644 layout/reftests/details-summary/float-right-and-inflow-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-right-and-inflow-details.html
 create mode 100644 layout/reftests/details-summary/float-right-and-inflow-open-details-ref.html
 create mode 100644 layout/reftests/details-summary/float-right-and-inflow-open-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-change-details-to-display-none.html
 create mode 100644 layout/reftests/details-summary/mouse-click-change-summary-to-display-none-ref.html
 create mode 100644 layout/reftests/details-summary/mouse-click-change-summary-to-display-none.html
 create mode 100644 layout/reftests/details-summary/mouse-click-display-none-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-fixed-summary.html
 create mode 100644 layout/reftests/details-summary/mouse-click-float-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-move-summary-to-different-details-ref.html
 create mode 100644 layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-open-second-summary.html
 create mode 100644 layout/reftests/details-summary/mouse-click-open-single-summary.html
 create mode 100644 layout/reftests/details-summary/mouse-click-overflow-auto-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-overflow-hidden-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-second-summary.html
 create mode 100644 layout/reftests/details-summary/mouse-click-single-summary.html
 create mode 100644 layout/reftests/details-summary/mouse-click-twice-fixed-summary.html
 create mode 100644 layout/reftests/details-summary/mouse-click-twice-float-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-twice-open-single-summary.html
 create mode 100644 layout/reftests/details-summary/mouse-click-twice-overflow-auto-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-twice-overflow-hidden-details.html
 create mode 100644 layout/reftests/details-summary/mouse-click-twice-single-summary.html
 create mode 100644 layout/reftests/details-summary/move-float-summary-to-different-details-ref.html
 create mode 100644 layout/reftests/details-summary/move-float-summary-to-different-details.html
 create mode 100644 layout/reftests/details-summary/move-position-absolute-summary-to-different-details-ref.html
 create mode 100644 layout/reftests/details-summary/move-position-absolute-summary-to-different-details.html
 create mode 100644 layout/reftests/details-summary/multiple-summary.html
 create mode 100644 layout/reftests/details-summary/no-summary-ref.html
 create mode 100644 layout/reftests/details-summary/no-summary.html
 create mode 100644 layout/reftests/details-summary/open-details-after.html
 create mode 100644 layout/reftests/details-summary/open-details-before.html
 create mode 100644 layout/reftests/details-summary/open-details-first-line-1.html
 create mode 100644 layout/reftests/details-summary/open-details-first-line-2.html
 create mode 100644 layout/reftests/details-summary/open-details-first-line-ref.html
 create mode 100644 layout/reftests/details-summary/open-fixed-summary.html
 create mode 100644 layout/reftests/details-summary/open-float-details.html
 create mode 100644 layout/reftests/details-summary/open-multiple-summary-ref.html
 create mode 100644 layout/reftests/details-summary/open-multiple-summary.html
 create mode 100644 layout/reftests/details-summary/open-nested-details-ref.html
 create mode 100644 layout/reftests/details-summary/open-nested-details.html
 create mode 100644 layout/reftests/details-summary/open-no-summary-ref.html
 create mode 100644 layout/reftests/details-summary/open-no-summary.html
 create mode 100644 layout/reftests/details-summary/open-single-summary.html
 create mode 100644 layout/reftests/details-summary/open-summary-block-style-ref.html
 create mode 100644 layout/reftests/details-summary/open-summary-block-style.html
 create mode 100644 layout/reftests/details-summary/open-summary-inline-style-ref.html
 create mode 100644 layout/reftests/details-summary/open-summary-inline-style.html
 create mode 100644 layout/reftests/details-summary/open-summary-not-first-child.html
 create mode 100644 layout/reftests/details-summary/open-summary-table-cell-style-ref.html
 create mode 100644 layout/reftests/details-summary/open-summary-table-cell-style.html
 create mode 100644 layout/reftests/details-summary/overflow-auto-details.html
 create mode 100644 layout/reftests/details-summary/overflow-auto-open-details-ref.html
 create mode 100644 layout/reftests/details-summary/overflow-auto-open-details.html
 create mode 100644 layout/reftests/details-summary/overflow-hidden-details.html
 create mode 100644 layout/reftests/details-summary/overflow-hidden-open-details-ref.html
 create mode 100644 layout/reftests/details-summary/overflow-hidden-open-details.html
 create mode 100644 layout/reftests/details-summary/overflow-scroll-details-ref.html
 create mode 100644 layout/reftests/details-summary/overflow-scroll-details.html
 create mode 100644 layout/reftests/details-summary/reftest.list
 create mode 100644 layout/reftests/details-summary/single-summary.html
 create mode 100644 layout/reftests/details-summary/summary-not-direct-child-ref.html
 create mode 100644 layout/reftests/details-summary/summary-not-direct-child.html
 create mode 100644 layout/reftests/details-summary/summary-not-first-child.html
 create mode 100644 layout/reftests/details-summary/summary-not-in-details-ref.html
 create mode 100644 layout/reftests/details-summary/summary-not-in-details.html
 create mode 100644 layout/reftests/details-summary/summary-three-columns-ref.html
 create mode 100644 layout/reftests/details-summary/summary-three-columns.html
 create mode 100644 layout/reftests/display-list/1413073-ref.html
 create mode 100644 layout/reftests/display-list/1413073.html
 create mode 100644 layout/reftests/display-list/1416291-ref.html
 create mode 100644 layout/reftests/display-list/1416291.html
 create mode 100644 layout/reftests/display-list/1417601-1-ref.html
 create mode 100644 layout/reftests/display-list/1417601-1.html
 create mode 100644 layout/reftests/display-list/1418945-1-ref.html
 create mode 100644 layout/reftests/display-list/1418945-1.html
 create mode 100644 layout/reftests/display-list/1420480-1-ref.html
 create mode 100644 layout/reftests/display-list/1420480-1.html
 create mode 100644 layout/reftests/display-list/1428993-1-ref.html
 create mode 100644 layout/reftests/display-list/1428993-1.html
 create mode 100644 layout/reftests/display-list/1428993-2-ref.html
 create mode 100644 layout/reftests/display-list/1428993-2.html
 create mode 100644 layout/reftests/display-list/1429027-1-ref.html
 create mode 100644 layout/reftests/display-list/1429027-1.html
 create mode 100644 layout/reftests/display-list/1432553-1-ref.html
 create mode 100644 layout/reftests/display-list/1432553-1.html
 create mode 100644 layout/reftests/display-list/1432553-2-ref.html
 create mode 100644 layout/reftests/display-list/1432553-2.html
 create mode 100644 layout/reftests/display-list/1436189-1-ref.html
 create mode 100644 layout/reftests/display-list/1436189-1.html
 create mode 100644 layout/reftests/display-list/1437374-1-ref.html
 create mode 100644 layout/reftests/display-list/1437374-1.html
 create mode 100644 layout/reftests/display-list/1439809-1-ref.html
 create mode 100644 layout/reftests/display-list/1439809-1.html
 create mode 100644 layout/reftests/display-list/1443027-1.html
 create mode 100644 layout/reftests/display-list/1443027-2.html
 create mode 100644 layout/reftests/display-list/1443027-3-ref.html
 create mode 100644 layout/reftests/display-list/1443027-3.html
 create mode 100644 layout/reftests/display-list/1443027-ref.html
 create mode 100644 layout/reftests/display-list/1451971-1.html
 create mode 100644 layout/reftests/display-list/1451971-ref.html
 create mode 100644 layout/reftests/display-list/1452805-1.html
 create mode 100644 layout/reftests/display-list/1452805-ref.html
 create mode 100644 layout/reftests/display-list/1453541-1.html
 create mode 100644 layout/reftests/display-list/1453541-2.html
 create mode 100644 layout/reftests/display-list/1453541-ref.html
 create mode 100644 layout/reftests/display-list/1461231-1.html
 create mode 100644 layout/reftests/display-list/1464288-1.html
 create mode 100644 layout/reftests/display-list/1464288-ref.html
 create mode 100644 layout/reftests/display-list/1482403-1-ref.html
 create mode 100644 layout/reftests/display-list/1482403-1.html
 create mode 100644 layout/reftests/display-list/1504233-1-ref.html
 create mode 100644 layout/reftests/display-list/1504233-1.html
 create mode 100644 layout/reftests/display-list/1533317-1-ref.html
 create mode 100644 layout/reftests/display-list/1533317-1.html
 create mode 100644 layout/reftests/display-list/1544948-1-ref.html
 create mode 100644 layout/reftests/display-list/1544948-1.html
 create mode 100644 layout/reftests/display-list/1551053-1-ref.html
 create mode 100644 layout/reftests/display-list/1551053-1.html
 create mode 100644 layout/reftests/display-list/1553828-1-ref.html
 create mode 100644 layout/reftests/display-list/1553828-1.html
 create mode 100644 layout/reftests/display-list/1619370-1-ref.html
 create mode 100644 layout/reftests/display-list/1619370-1.html
 create mode 100644 layout/reftests/display-list/1619370-iframe.html
 create mode 100644 layout/reftests/display-list/1677568-1-ref.html
 create mode 100644 layout/reftests/display-list/1677568-1.html
 create mode 100644 layout/reftests/display-list/1709452-1.html
 create mode 100644 layout/reftests/display-list/1709452-ref.html
 create mode 100644 layout/reftests/display-list/1719346-1-ref.html
 create mode 100644 layout/reftests/display-list/1719346-1.gif
 create mode 100644 layout/reftests/display-list/1719346-1.html
 create mode 100644 layout/reftests/display-list/invalidated-blendmode-sorting-ref.html
 create mode 100644 layout/reftests/display-list/invalidated-blendmode-sorting.html
 create mode 100644 layout/reftests/display-list/reftest.list
 create mode 100644 layout/reftests/display-list/retained-dl-animation-on-pseudo-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-animation-on-pseudo.html
 create mode 100644 layout/reftests/display-list/retained-dl-async-scrolled-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-async-scrolled-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-displayport-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-displayport-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-frame-created-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-frame-deleted-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split.html
 create mode 100644 layout/reftests/display-list/retained-dl-prerender-transform-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-prerender-transform-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-scroll-out-of-view-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-scroll-out-of-view-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-2-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-2.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-3-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-3.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-4-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-stacking-context-4.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-wrap-list-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-wrap-list.html
 create mode 100644 layout/reftests/display-list/retained-dl-zindex-1-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-zindex-1.html
 create mode 100644 layout/reftests/display-list/retained-dl-zindex-2-ref.html
 create mode 100644 layout/reftests/display-list/retained-dl-zindex-2.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-1-ref.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-1.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-abs-pos-1-ref.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-abs-pos-1.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1-ref.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-nested-1-ref.html
 create mode 100644 layout/reftests/display-list/reuse-sc-style-change-nested-1.html
 create mode 100644 layout/reftests/dom/appendmultiple-ref.html
 create mode 100644 layout/reftests/dom/appendmultiple.html
 create mode 100644 layout/reftests/dom/appendsingle-ref.html
 create mode 100644 layout/reftests/dom/appendsingle.html
 create mode 100644 layout/reftests/dom/insertmultiple-ref.html
 create mode 100644 layout/reftests/dom/insertmultiple.html
 create mode 100644 layout/reftests/dom/insertmultiplemultiple-1.html
 create mode 100644 layout/reftests/dom/insertmultiplemultiple-2.html
 create mode 100644 layout/reftests/dom/insertmultiplemultiple-3.html
 create mode 100644 layout/reftests/dom/insertmultiplemultiple-ref.html
 create mode 100644 layout/reftests/dom/insertparentandchild-ref.html
 create mode 100644 layout/reftests/dom/insertparentandchild.html
 create mode 100644 layout/reftests/dom/insertsingle-ref.html
 create mode 100644 layout/reftests/dom/insertsingle.html
 create mode 100644 layout/reftests/dom/inserttoparentandchild-1.html
 create mode 100644 layout/reftests/dom/inserttoparentandchild-2.html
 create mode 100644 layout/reftests/dom/inserttoparentandchild-ref.html
 create mode 100644 layout/reftests/dom/inserttwoparents-ref.html
 create mode 100644 layout/reftests/dom/inserttwoparents.html
 create mode 100644 layout/reftests/dom/multipleappendwitheditable-ref.xhtml
 create mode 100644 layout/reftests/dom/multipleappendwitheditable.xhtml
 create mode 100644 layout/reftests/dom/multipleappendwithinput-ref.xhtml
 create mode 100644 layout/reftests/dom/multipleappendwithinput.xhtml
 create mode 100644 layout/reftests/dom/multipleappendwithxul-ref.xhtml
 create mode 100644 layout/reftests/dom/multipleappendwithxul.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-appendsingle-1-shadow.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-appendsingle-2-shadow.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-insertmultiple-shadow.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-insertsingle-1-shadow.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-insertsingle-2-shadow.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-ref.xhtml
 create mode 100644 layout/reftests/dom/multipleinsertionpoints-ref2-shadow.xhtml
 create mode 100644 layout/reftests/dom/reftest.list
 create mode 100644 layout/reftests/filters.svg
 create mode 100644 layout/reftests/first-letter/1385656-ref.html
 create mode 100644 layout/reftests/first-letter/1385656.html
 create mode 100644 layout/reftests/first-letter/1404167-1-ref.html
 create mode 100644 layout/reftests/first-letter/1404167-1.html
 create mode 100644 layout/reftests/first-letter/1404167-2-ref.html
 create mode 100644 layout/reftests/first-letter/1404167-2.html
 create mode 100644 layout/reftests/first-letter/1404167-3-ref.html
 create mode 100644 layout/reftests/first-letter/1404167-3.html
 create mode 100644 layout/reftests/first-letter/1404167-4-ref.html
 create mode 100644 layout/reftests/first-letter/1404167-4.html
 create mode 100644 layout/reftests/first-letter/229764-1.html
 create mode 100644 layout/reftests/first-letter/229764-2.html
 create mode 100644 layout/reftests/first-letter/229764-ref.html
 create mode 100644 layout/reftests/first-letter/23605-1-ref.html
 create mode 100644 layout/reftests/first-letter/23605-1.html
 create mode 100644 layout/reftests/first-letter/23605-2-ref.html
 create mode 100644 layout/reftests/first-letter/23605-2.html
 create mode 100644 layout/reftests/first-letter/23605-3-ref.html
 create mode 100644 layout/reftests/first-letter/23605-3.html
 create mode 100644 layout/reftests/first-letter/23605-4-ref.html
 create mode 100644 layout/reftests/first-letter/23605-4.html
 create mode 100644 layout/reftests/first-letter/23605-5-ref.html
 create mode 100644 layout/reftests/first-letter/23605-5.html
 create mode 100644 layout/reftests/first-letter/23605-6-ref.html
 create mode 100644 layout/reftests/first-letter/23605-6.html
 create mode 100644 layout/reftests/first-letter/329069-1-ref.html
 create mode 100644 layout/reftests/first-letter/329069-1.html
 create mode 100644 layout/reftests/first-letter/329069-2-ref.html
 create mode 100644 layout/reftests/first-letter/329069-2.html
 create mode 100644 layout/reftests/first-letter/329069-3-ref.html
 create mode 100644 layout/reftests/first-letter/329069-3.html
 create mode 100644 layout/reftests/first-letter/329069-4-ref.html
 create mode 100644 layout/reftests/first-letter/329069-4.html
 create mode 100644 layout/reftests/first-letter/329069-5-ref.html
 create mode 100644 layout/reftests/first-letter/329069-5.html
 create mode 100644 layout/reftests/first-letter/342120-1-ref.xhtml
 create mode 100644 layout/reftests/first-letter/342120-1.xhtml
 create mode 100644 layout/reftests/first-letter/379799-1-ref.html
 create mode 100644 layout/reftests/first-letter/379799-1.html
 create mode 100644 layout/reftests/first-letter/399941-1-ref.html
 create mode 100644 layout/reftests/first-letter/399941-1.html
 create mode 100644 layout/reftests/first-letter/399941-2-ref.html
 create mode 100644 layout/reftests/first-letter/399941-2.html
 create mode 100644 layout/reftests/first-letter/399941-3-ref.html
 create mode 100644 layout/reftests/first-letter/399941-3.html
 create mode 100644 layout/reftests/first-letter/399941-4-ref.html
 create mode 100644 layout/reftests/first-letter/399941-4.html
 create mode 100644 layout/reftests/first-letter/399941-5-ref.html
 create mode 100644 layout/reftests/first-letter/399941-5.html
 create mode 100644 layout/reftests/first-letter/399941-6-ref.html
 create mode 100644 layout/reftests/first-letter/399941-6.html
 create mode 100644 layout/reftests/first-letter/399941-7-ref.html
 create mode 100644 layout/reftests/first-letter/399941-7.html
 create mode 100644 layout/reftests/first-letter/399941-8-ref.html
 create mode 100644 layout/reftests/first-letter/399941-8.html
 create mode 100644 layout/reftests/first-letter/399941-9-ref.html
 create mode 100644 layout/reftests/first-letter/399941-9.html
 create mode 100644 layout/reftests/first-letter/429968-1-ref.html
 create mode 100644 layout/reftests/first-letter/429968-1a.html
 create mode 100644 layout/reftests/first-letter/429968-1b.html
 create mode 100644 layout/reftests/first-letter/429968-2-ref.html
 create mode 100644 layout/reftests/first-letter/429968-2a.html
 create mode 100644 layout/reftests/first-letter/429968-2b.html
 create mode 100644 layout/reftests/first-letter/429968-2c.html
 create mode 100644 layout/reftests/first-letter/441418-1-ref.html
 create mode 100644 layout/reftests/first-letter/441418-1.html
 create mode 100644 layout/reftests/first-letter/469227-1-ref.html
 create mode 100644 layout/reftests/first-letter/469227-1.html
 create mode 100644 layout/reftests/first-letter/484400-1-ref.html
 create mode 100644 layout/reftests/first-letter/484400-1.html
 create mode 100644 layout/reftests/first-letter/594303-1-ref.html
 create mode 100644 layout/reftests/first-letter/594303-1.html
 create mode 100644 layout/reftests/first-letter/617869-1-ref.html
 create mode 100644 layout/reftests/first-letter/617869-1.html
 create mode 100644 layout/reftests/first-letter/723509-1-ref.html
 create mode 100644 layout/reftests/first-letter/723509-1.html
 create mode 100644 layout/reftests/first-letter/922550-1-ref.html
 create mode 100644 layout/reftests/first-letter/922550-1.html
 create mode 100644 layout/reftests/first-letter/958249-ref.html
 create mode 100644 layout/reftests/first-letter/958249.html
 create mode 100644 layout/reftests/first-letter/basic-1.html
 create mode 100644 layout/reftests/first-letter/basic-2.html
 create mode 100644 layout/reftests/first-letter/basic-ref.html
 create mode 100644 layout/reftests/first-letter/dynamic-1-ref.html
 create mode 100644 layout/reftests/first-letter/dynamic-1.html
 create mode 100644 layout/reftests/first-letter/dynamic-2-ref.html
 create mode 100644 layout/reftests/first-letter/dynamic-2.html
 create mode 100644 layout/reftests/first-letter/dynamic-3-ref.html
 create mode 100644 layout/reftests/first-letter/dynamic-3a.html
 create mode 100644 layout/reftests/first-letter/dynamic-3b.html
 create mode 100644 layout/reftests/first-letter/dynamic-4-ref.html
 create mode 100644 layout/reftests/first-letter/dynamic-4.html
 create mode 100644 layout/reftests/first-letter/dynamic-5-ref.html
 create mode 100644 layout/reftests/first-letter/dynamic-5.html
 create mode 100644 layout/reftests/first-letter/font-text-styles-floater-ref.html
 create mode 100644 layout/reftests/first-letter/font-text-styles-floater.html
 create mode 100644 layout/reftests/first-letter/font-text-styles-ref.html
 create mode 100644 layout/reftests/first-letter/font-text-styles.html
 create mode 100644 layout/reftests/first-letter/indic-clusters-1-ref.html
 create mode 100644 layout/reftests/first-letter/indic-clusters-1.html
 create mode 100644 layout/reftests/first-letter/inline-height-empty-ref.html
 create mode 100644 layout/reftests/first-letter/inline-height-empty.html
 create mode 100644 layout/reftests/first-letter/nested-1-ref.html
 create mode 100644 layout/reftests/first-letter/nested-1a.html
 create mode 100644 layout/reftests/first-letter/nested-1b.html
 create mode 100644 layout/reftests/first-letter/nested-1c.html
 create mode 100644 layout/reftests/first-letter/nested-1d.html
 create mode 100644 layout/reftests/first-letter/nested-1e.html
 create mode 100644 layout/reftests/first-letter/nested-1f.html
 create mode 100644 layout/reftests/first-letter/nested-1g.html
 create mode 100644 layout/reftests/first-letter/overflow-float-nooverflow-ref.html
 create mode 100644 layout/reftests/first-letter/overflow-float-nooverflow.html
 create mode 100644 layout/reftests/first-letter/overflow-float-overflow-notref.html
 create mode 100644 layout/reftests/first-letter/overflow-float-overflow.html
 create mode 100644 layout/reftests/first-letter/overflow-inline-nooverflow-ref.html
 create mode 100644 layout/reftests/first-letter/overflow-inline-nooverflow.html
 create mode 100644 layout/reftests/first-letter/overflow-inline-overflow-notref.html
 create mode 100644 layout/reftests/first-letter/overflow-inline-overflow-ref.html
 create mode 100644 layout/reftests/first-letter/overflow-inline-overflow.html
 create mode 100644 layout/reftests/first-letter/parent-style-1-ref.html
 create mode 100644 layout/reftests/first-letter/parent-style-1.html
 create mode 100644 layout/reftests/first-letter/quote-1-ref.html
 create mode 100644 layout/reftests/first-letter/quote-1a.html
 create mode 100644 layout/reftests/first-letter/quote-1b.html
 create mode 100644 layout/reftests/first-letter/quote-1c.html
 create mode 100644 layout/reftests/first-letter/quote-1d.html
 create mode 100644 layout/reftests/first-letter/quote-1e.html
 create mode 100644 layout/reftests/first-letter/quote-1f.html
 create mode 100644 layout/reftests/first-letter/reftest.list
 create mode 100644 layout/reftests/first-line/287088-1-ref.html
 create mode 100644 layout/reftests/first-line/287088-1.html
 create mode 100644 layout/reftests/first-line/287088-2-ref.html
 create mode 100644 layout/reftests/first-line/287088-2.html
 create mode 100644 layout/reftests/first-line/403177-1-ref.html
 create mode 100644 layout/reftests/first-line/403177-1.html
 create mode 100644 layout/reftests/first-line/469227-2-ref.html
 create mode 100644 layout/reftests/first-line/469227-2.html
 create mode 100644 layout/reftests/first-line/469227-3-ref.html
 create mode 100644 layout/reftests/first-line/469227-3.html
 create mode 100644 layout/reftests/first-line/basic-1.html
 create mode 100644 layout/reftests/first-line/basic-ref.html
 create mode 100644 layout/reftests/first-line/border-not-apply-ref.html
 create mode 100644 layout/reftests/first-line/border-not-apply.html
 create mode 100644 layout/reftests/first-line/caption-insert-in-first-line-1.html
 create mode 100644 layout/reftests/first-line/caption-insert-in-first-line-2.html
 create mode 100644 layout/reftests/first-line/caption-insert-in-first-line-ref.html
 create mode 100644 layout/reftests/first-line/first-line-in-columnset-1-ref.html
 create mode 100644 layout/reftests/first-line/first-line-in-columnset-1.html
 create mode 100644 layout/reftests/first-line/font-styles-nooverflow.html
 create mode 100644 layout/reftests/first-line/font-styles-ref.html
 create mode 100644 layout/reftests/first-line/font-styles.html
 create mode 100644 layout/reftests/first-line/ib-split-1-ref.html
 create mode 100644 layout/reftests/first-line/ib-split-1.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-1.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-10.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-11.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-12.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-2.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-3.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-4.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-5.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-6.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-7.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-8.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-9.html
 create mode 100644 layout/reftests/first-line/insertion-in-first-line-ref.html
 create mode 100644 layout/reftests/first-line/out-of-flow-1-ref.html
 create mode 100644 layout/reftests/first-line/out-of-flow-1a.html
 create mode 100644 layout/reftests/first-line/out-of-flow-1b.html
 create mode 100644 layout/reftests/first-line/out-of-flow-1c.html
 create mode 100644 layout/reftests/first-line/out-of-flow-1d.html
 create mode 100644 layout/reftests/first-line/parent-style-1-ref.html
 create mode 100644 layout/reftests/first-line/parent-style-1.html
 create mode 100644 layout/reftests/first-line/parent-style-2-ref.html
 create mode 100644 layout/reftests/first-line/parent-style-2.html
 create mode 100644 layout/reftests/first-line/parent-style-3-ref.html
 create mode 100644 layout/reftests/first-line/parent-style-3.html
 create mode 100644 layout/reftests/first-line/reftest.list
 create mode 100644 layout/reftests/first-line/restyle-inside-first-line-ref.html
 create mode 100644 layout/reftests/first-line/restyle-inside-first-line.html
 create mode 100644 layout/reftests/first-line/stress-1.html
 create mode 100644 layout/reftests/first-line/stress-10.html
 create mode 100644 layout/reftests/first-line/stress-11-ref.xhtml
 create mode 100644 layout/reftests/first-line/stress-11.xhtml
 create mode 100644 layout/reftests/first-line/stress-2-ref.html
 create mode 100644 layout/reftests/first-line/stress-2.html
 create mode 100644 layout/reftests/first-line/stress-3.html
 create mode 100644 layout/reftests/first-line/stress-4.html
 create mode 100644 layout/reftests/first-line/stress-5.html
 create mode 100644 layout/reftests/first-line/stress-6.html
 create mode 100644 layout/reftests/first-line/stress-7.html
 create mode 100644 layout/reftests/first-line/stress-8-ref.html
 create mode 100644 layout/reftests/first-line/stress-8.html
 create mode 100644 layout/reftests/first-line/stress-9-ref.html
 create mode 100644 layout/reftests/first-line/stress-9.html
 create mode 100644 layout/reftests/flexbox/ahem.css
 create mode 100644 layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1a.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1b.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1a.html
 create mode 100644 layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1b.html
 create mode 100644 layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeContent-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeContent-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeContent-2-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeContent-2.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-iframe.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-iframe.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-iframe.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-iframe.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeOrder-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeOrder-1a.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changeOrder-1b.html
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changePadding-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changePadding-1a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-changePadding-1b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-3.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundText-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundText-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundText-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundText-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundText-3-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertAroundText-3.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-empty-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-empty-1a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-empty-1b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001.html
 create mode 100644 layout/reftests/flexbox/flexbox-float-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-float-1a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-float-1b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-float-1c.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-float-1d.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-float-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-float-2a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-float-2b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-1a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-1b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-3-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-3a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-3b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-3c.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-4-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-4.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-5-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-inlinecontent-horiz-5.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2a.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2b.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-invalidation-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-invalidation-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001.html
 create mode 100644 layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002.html
 create mode 100644 layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-3-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-3.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-4-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-absolute-4.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-3-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-3.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-4-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-position-fixed-4.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-resizeviewport-1-helper.html
 create mode 100644 layout/reftests/flexbox/flexbox-resizeviewport-1-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-resizeviewport-1.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-resizeviewport-2-helper.html
 create mode 100644 layout/reftests/flexbox/flexbox-resizeviewport-2-ref.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-resizeviewport-2.xhtml
 create mode 100644 layout/reftests/flexbox/flexbox-styling-on-svg-1-ref.svg
 create mode 100644 layout/reftests/flexbox/flexbox-styling-on-svg-1.svg
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-2-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-2.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-3-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-3.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-4-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-4.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-5-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-table-flex-items-5.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-1-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-1.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-2-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-2.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-3-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-3.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-4-ref.html
 create mode 100644 layout/reftests/flexbox/flexbox-widget-flex-items-4.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-2a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-2b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-2c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-empty-2d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1i.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-1j.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1i.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1j.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1i.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1j.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-2a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-2b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1i.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-1j.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-3-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-3a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-3b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-4-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-4.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-5-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-5.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-6-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-6.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1i.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1j.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1i.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1j.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-3-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-3a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-3b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-4-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-4.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1e.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1f.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1g.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1h.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3-ref.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d-wrap.html
 create mode 100644 layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d.html
 create mode 100644 layout/reftests/flexbox/pagination/reftest.list
 create mode 100644 layout/reftests/flexbox/reftest.list
 create mode 100644 layout/reftests/flexbox/solidblue.png
 create mode 100644 layout/reftests/floats/1114329-ref.html
 create mode 100644 layout/reftests/floats/1114329.html
 create mode 100644 layout/reftests/floats/1236745-1-ref.html
 create mode 100644 layout/reftests/floats/1236745-1.html
 create mode 100644 layout/reftests/floats/1260031-1-ref.html
 create mode 100644 layout/reftests/floats/1260031-1.html
 create mode 100644 layout/reftests/floats/1291110-1-ref.html
 create mode 100644 layout/reftests/floats/1291110-1.html
 create mode 100644 layout/reftests/floats/1291110-2-ref.html
 create mode 100644 layout/reftests/floats/1291110-2.html
 create mode 100644 layout/reftests/floats/1322843-1-ref.html
 create mode 100644 layout/reftests/floats/1322843-1a.html
 create mode 100644 layout/reftests/floats/1322843-1b.html
 create mode 100644 layout/reftests/floats/1322843-1c.html
 create mode 100644 layout/reftests/floats/1322843-1d.html
 create mode 100644 layout/reftests/floats/1322843-1e.html
 create mode 100644 layout/reftests/floats/1322843-1f.html
 create mode 100644 layout/reftests/floats/345369-1-ref.html
 create mode 100644 layout/reftests/floats/345369-1.html
 create mode 100644 layout/reftests/floats/345369-2-ref.html
 create mode 100644 layout/reftests/floats/345369-2.html
 create mode 100644 layout/reftests/floats/345369-3-ref.html
 create mode 100644 layout/reftests/floats/345369-3.html
 create mode 100644 layout/reftests/floats/345369-4-ref.html
 create mode 100644 layout/reftests/floats/345369-4.html
 create mode 100644 layout/reftests/floats/345369-5-ref.html
 create mode 100644 layout/reftests/floats/345369-5.html
 create mode 100644 layout/reftests/floats/429974-1-ref.html
 create mode 100644 layout/reftests/floats/429974-1.html
 create mode 100644 layout/reftests/floats/478834-1-ref.html
 create mode 100644 layout/reftests/floats/478834-1.html
 create mode 100644 layout/reftests/floats/546048-1-ref.html
 create mode 100644 layout/reftests/floats/546048-1.html
 create mode 100644 layout/reftests/floats/775350-1-ref.html
 create mode 100644 layout/reftests/floats/775350-1.html
 create mode 100644 layout/reftests/floats/bfc-displace-1a-ref.html
 create mode 100644 layout/reftests/floats/bfc-displace-1a.html
 create mode 100644 layout/reftests/floats/bfc-displace-1b-ref.html
 create mode 100644 layout/reftests/floats/bfc-displace-1b.html
 create mode 100644 layout/reftests/floats/bfc-displace-2a-ref.html
 create mode 100644 layout/reftests/floats/bfc-displace-2a.html
 create mode 100644 layout/reftests/floats/bfc-displace-2b-ref.html
 create mode 100644 layout/reftests/floats/bfc-displace-2b.html
 create mode 100644 layout/reftests/floats/bfc-displace-3a-ref.html
 create mode 100644 layout/reftests/floats/bfc-displace-3a.html
 create mode 100644 layout/reftests/floats/bfc-displace-3b-ref.html
 create mode 100644 layout/reftests/floats/bfc-displace-3b.html
 create mode 100644 layout/reftests/floats/bfc-displace-4-ref.html
 create mode 100644 layout/reftests/floats/bfc-displace-4.html
 create mode 100644 layout/reftests/floats/bfc-shrink-1-ref.html
 create mode 100644 layout/reftests/floats/bfc-shrink-1.html
 create mode 100644 layout/reftests/floats/border-box-wrap-around-float-ref.html
 create mode 100644 layout/reftests/floats/border-box-wrap-around-float.html
 create mode 100644 layout/reftests/floats/float-in-rtl-1-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-1a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-1b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-1c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-1d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-2-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-2a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-2b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-2c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-2d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-3-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-3a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-3b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-3c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-3d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-4-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-4a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-4b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-4c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-4d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-1-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-1a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-1b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-1c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-1d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-2-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-2a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-2b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-2c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-2d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-3-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-3a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-3b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-3c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-3d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-4-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-4a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-4b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-4c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-slr-4d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-1-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-1a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-1b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-1c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-1d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-2-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-2a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-2b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-2c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-2d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-3-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-3a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-3b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-3c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-3d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-4-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-4a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-4b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-4c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vlr-4d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-1-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-1a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-1b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-1c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-1d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-2-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-2a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-2b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-2c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-2d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-3-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-3a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-3b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-3c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-3d.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-4-ref.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-4a.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-4b.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-4c.html
 create mode 100644 layout/reftests/floats/float-in-rtl-vrl-4d.html
 create mode 100644 layout/reftests/floats/float-outside-block-push-ref.html
 create mode 100644 layout/reftests/floats/float-outside-block-push.html
 create mode 100644 layout/reftests/floats/orthogonal-floats-1-ref.html
 create mode 100644 layout/reftests/floats/orthogonal-floats-1a.html
 create mode 100644 layout/reftests/floats/orthogonal-floats-1b.html
 create mode 100644 layout/reftests/floats/orthogonal-floats-1c.html
 create mode 100644 layout/reftests/floats/orthogonal-floats-1d.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-left-2-ref.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-left-2.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-left-ref.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-left.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-right-2-ref.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-right-2.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-right-ref.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-3-right.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-7-left-ref.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-7-left.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-7-right-ref.html
 create mode 100644 layout/reftests/floats/other-float-outside-rule-7-right.html
 create mode 100644 layout/reftests/floats/reftest.list
 create mode 100644 layout/reftests/floats/relative-float-1-ref.html
 create mode 100644 layout/reftests/floats/relative-float-1.html
 create mode 100644 layout/reftests/floats/relative-float-2-ref.html
 create mode 100644 layout/reftests/floats/relative-float-2.html
 create mode 100644 layout/reftests/floats/zero-height-float-base.html
 create mode 100644 layout/reftests/floats/zero-height-float-ref.html
 create mode 100644 layout/reftests/floats/zero-height-float.html
 create mode 100644 layout/reftests/font-face/486974-1.html
 create mode 100644 layout/reftests/font-face/507960-1-bad-checksums-ttf.html
 create mode 100644 layout/reftests/font-face/507960-1-bad-checksums-woff.html
 create mode 100644 layout/reftests/font-face/507960-1-bad-offset-woff.html
 create mode 100644 layout/reftests/font-face/507960-1-bad-sfnt-version-ttf.html
 create mode 100644 layout/reftests/font-face/507960-1-bad-sfnt-version-woff.html
 create mode 100644 layout/reftests/font-face/507960-1-bad-woff-sig.html
 create mode 100644 layout/reftests/font-face/507960-1-nofont.html
 create mode 100644 layout/reftests/font-face/507960-1-ref.html
 create mode 100644 layout/reftests/font-face/507960-1-woff-bad-hint.html
 create mode 100644 layout/reftests/font-face/507960-1-woff-hint.html
 create mode 100644 layout/reftests/font-face/507960-1-woff.html
 create mode 100644 layout/reftests/font-face/534352-1-extra-cmap-sentinel-ref.html
 create mode 100644 layout/reftests/font-face/534352-1-extra-cmap-sentinel.html
 create mode 100644 layout/reftests/font-face/CAhem.ttf
 create mode 100644 layout/reftests/font-face/ahem-metrics-1-ref.html
 create mode 100644 layout/reftests/font-face/ahem-metrics-1.html
 create mode 100644 layout/reftests/font-face/bug-1481905-cancel-load-ref.html
 create mode 100644 layout/reftests/font-face/bug-1481905-cancel-load.html
 create mode 100644 layout/reftests/font-face/bug-1481905-cancel-load.sjs
 create mode 100644 layout/reftests/font-face/bug533251-ref.html
 create mode 100644 layout/reftests/font-face/bug533251.html
 create mode 100644 layout/reftests/font-face/cjkcisvs-1-ref.html
 create mode 100644 layout/reftests/font-face/cjkcisvs-1.html
 create mode 100644 layout/reftests/font-face/color-1-notref.html
 create mode 100644 layout/reftests/font-face/color-1-ref.html
 create mode 100644 layout/reftests/font-face/color-1a.html
 create mode 100644 layout/reftests/font-face/color-1b.html
 create mode 100644 layout/reftests/font-face/color-2-notref.html
 create mode 100644 layout/reftests/font-face/color-2-ref.html
 create mode 100644 layout/reftests/font-face/color-2a.html
 create mode 100644 layout/reftests/font-face/colrv1-01-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-01.html
 create mode 100644 layout/reftests/font-face/colrv1-02.html
 create mode 100644 layout/reftests/font-face/colrv1-02a-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-02b-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-03-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-03.html
 create mode 100644 layout/reftests/font-face/colrv1-04-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-04.html
 create mode 100644 layout/reftests/font-face/colrv1-05-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-05.html
 create mode 100644 layout/reftests/font-face/colrv1-06-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-06.html
 create mode 100644 layout/reftests/font-face/colrv1-07-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-07.html
 create mode 100644 layout/reftests/font-face/colrv1-08-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-08.html
 create mode 100644 layout/reftests/font-face/colrv1-09-ref.html
 create mode 100644 layout/reftests/font-face/colrv1-09.html
 create mode 100644 layout/reftests/font-face/cross-iframe-1-inner-1.html
 create mode 100644 layout/reftests/font-face/cross-iframe-1-inner-2.html
 create mode 100644 layout/reftests/font-face/cross-iframe-1-ref.html
 create mode 100644 layout/reftests/font-face/cross-iframe-1.html
 create mode 100644 layout/reftests/font-face/delete-rule-1-ref.html
 create mode 100644 layout/reftests/font-face/delete-rule-1.html
 create mode 100644 layout/reftests/font-face/disable-sheet-1-ref.html
 create mode 100644 layout/reftests/font-face/disable-sheet-1.html
 create mode 100644 layout/reftests/font-face/disable-sheet-4-ref.html
 create mode 100644 layout/reftests/font-face/disable-sheet-4.html
 create mode 100644 layout/reftests/font-face/disable-sheet-5.html
 create mode 100644 layout/reftests/font-face/download-1-notref.html
 create mode 100644 layout/reftests/font-face/download-1.html
 create mode 100644 layout/reftests/font-face/download-2-big-otf.html
 create mode 100644 layout/reftests/font-face/download-2-big.html
 create mode 100644 layout/reftests/font-face/download-2-ref.html
 create mode 100644 layout/reftests/font-face/download-2.html
 create mode 100644 layout/reftests/font-face/download-3-notref.html
 create mode 100644 layout/reftests/font-face/download-3-ref.html
 create mode 100644 layout/reftests/font-face/download-3.html
 create mode 100644 layout/reftests/font-face/dynamic-duplicate-rule-1-ref.html
 create mode 100644 layout/reftests/font-face/dynamic-duplicate-rule-1a.html
 create mode 100644 layout/reftests/font-face/dynamic-duplicate-rule-1b.html
 create mode 100644 layout/reftests/font-face/dynamic-duplicate-rule-1c.html
 create mode 100644 layout/reftests/font-face/enable-sheet-1-ref.html
 create mode 100644 layout/reftests/font-face/enable-sheet-1.html
 create mode 100644 layout/reftests/font-face/enable-sheet-2.html
 create mode 100644 layout/reftests/font-face/enable-sheet-3.html
 create mode 100644 layout/reftests/font-face/enable-sheet-4-ref.html
 create mode 100644 layout/reftests/font-face/enable-sheet-4.html
 create mode 100644 layout/reftests/font-face/enable-sheet-5.html
 create mode 100644 layout/reftests/font-face/enable-sheet-6.html
 create mode 100644 layout/reftests/font-face/enable-sheet-7.html
 create mode 100644 layout/reftests/font-face/ex-unit-1-dynamic.html
 create mode 100644 layout/reftests/font-face/ex-unit-1-ref.html
 create mode 100644 layout/reftests/font-face/ex-unit-1.html
 create mode 100644 layout/reftests/font-face/fallback-to-system-1-ref.html
 create mode 100644 layout/reftests/font-face/fallback-to-system-1.html
 create mode 100644 layout/reftests/font-face/font-display-1-ref.html
 create mode 100644 layout/reftests/font-face/font-display-1.html
 create mode 100644 layout/reftests/font-face/font-display-2-ref.html
 create mode 100644 layout/reftests/font-face/font-display-2.html
 create mode 100644 layout/reftests/font-face/font-error-404-1-ref.html
 create mode 100644 layout/reftests/font-face/font-error-404-1.html
 create mode 100644 layout/reftests/font-face/font-error-404-2-ref.html
 create mode 100644 layout/reftests/font-face/font-error-404-2.html
 create mode 100644 layout/reftests/font-face/font-familiy-whitespace-1-notref.html
 create mode 100644 layout/reftests/font-face/font-familiy-whitespace-1-ref.html
 create mode 100644 layout/reftests/font-face/font-familiy-whitespace-1.html
 create mode 100644 layout/reftests/font-face/font-redirect.html
 create mode 100644 layout/reftests/font-face/helveticaneue-ultra-ref.html
 create mode 100644 layout/reftests/font-face/helveticaneue-ultra.html
 create mode 100644 layout/reftests/font-face/insert-rule-1-ref.html
 create mode 100644 layout/reftests/font-face/insert-rule-1a.html
 create mode 100644 layout/reftests/font-face/insert-rule-1b.html
 create mode 100644 layout/reftests/font-face/ivs-1-ref.html
 create mode 100644 layout/reftests/font-face/ivs-1.html
 create mode 100644 layout/reftests/font-face/load-badchecksum-ref.html
 create mode 100644 layout/reftests/font-face/load-badchecksum.html
 create mode 100644 layout/reftests/font-face/load-badfullname-ref.html
 create mode 100644 layout/reftests/font-face/load-badfullname.html
 create mode 100644 layout/reftests/font-face/local-1-ref.html
 create mode 100644 layout/reftests/font-face/local-1.html
 create mode 100644 layout/reftests/font-face/local-styled-1-ref.html
 create mode 100644 layout/reftests/font-face/local-styled-1.html
 create mode 100644 layout/reftests/font-face/media-query-add-1-ref.html
 create mode 100644 layout/reftests/font-face/media-query-add-1.html
 create mode 100644 layout/reftests/font-face/media-query-inner-1.html
 create mode 100644 layout/reftests/font-face/media-query-remove-1-ref.html
 create mode 100644 layout/reftests/font-face/media-query-remove-1.html
 create mode 100644 layout/reftests/font-face/meiryo-en-bold.html
 create mode 100644 layout/reftests/font-face/meiryo-en-bolditalic.html
 create mode 100644 layout/reftests/font-face/meiryo-en-italic.html
 create mode 100644 layout/reftests/font-face/meiryo-en-oblique.html
 create mode 100644 layout/reftests/font-face/meiryo-en.html
 create mode 100644 layout/reftests/font-face/meiryo-ja-bold.html
 create mode 100644 layout/reftests/font-face/meiryo-ja-bolditalic.html
 create mode 100644 layout/reftests/font-face/meiryo-ja-italic.html
 create mode 100644 layout/reftests/font-face/meiryo-ja-oblique.html
 create mode 100644 layout/reftests/font-face/meiryo-ja.html
 create mode 100644 layout/reftests/font-face/missing-names-ref.html
 create mode 100644 layout/reftests/font-face/missing-names.html
 create mode 100644 layout/reftests/font-face/multiple-descriptor-1-notref.html
 create mode 100644 layout/reftests/font-face/multiple-descriptor-1-ref.html
 create mode 100644 layout/reftests/font-face/multiple-descriptor-1.html
 create mode 100644 layout/reftests/font-face/multiple-in-family-1-notref.html
 create mode 100644 layout/reftests/font-face/multiple-in-family-1-ref.html
 create mode 100644 layout/reftests/font-face/multiple-in-family-1.html
 create mode 100644 layout/reftests/font-face/multiple-in-family-1b.html
 create mode 100644 layout/reftests/font-face/name-collision-bad-url-ref.html
 create mode 100644 layout/reftests/font-face/name-collision-bad-url.html
 create mode 100644 layout/reftests/font-face/name-collision-ref.html
 create mode 100644 layout/reftests/font-face/name-collision-with-prefs-font-ref.html
 create mode 100644 layout/reftests/font-face/name-collision-with-prefs-font.html
 create mode 100644 layout/reftests/font-face/name-collision.html
 create mode 100644 layout/reftests/font-face/name-override-1-ref.html
 create mode 100644 layout/reftests/font-face/name-override-1.html
 create mode 100644 layout/reftests/font-face/name-override-simple-1-ref.html
 create mode 100644 layout/reftests/font-face/name-override-simple-1.html
 create mode 100644 layout/reftests/font-face/order-1-ref.html
 create mode 100644 layout/reftests/font-face/order-1.html
 create mode 100644 layout/reftests/font-face/order-2-ref.html
 create mode 100644 layout/reftests/font-face/order-2.html
 create mode 100644 layout/reftests/font-face/order-3-ref.html
 create mode 100644 layout/reftests/font-face/order-3.html
 create mode 100644 layout/reftests/font-face/prop-order-over-rule-order-1a.html
 create mode 100644 layout/reftests/font-face/prop-order-over-rule-order-1b.html
 create mode 100644 layout/reftests/font-face/prop-order-over-rule-order-2a.html
 create mode 100644 layout/reftests/font-face/prop-order-over-rule-order-2b.html
 create mode 100644 layout/reftests/font-face/reflow-sanity-1-data.html
 create mode 100644 layout/reftests/font-face/reflow-sanity-1-ref.html
 create mode 100644 layout/reftests/font-face/reflow-sanity-1.html
 create mode 100644 layout/reftests/font-face/reflow-sanity-delay-1-metrics.html
 create mode 100644 layout/reftests/font-face/reflow-sanity-delay-1a.html
 create mode 100644 layout/reftests/font-face/reflow-sanity-delay-1b.html
 create mode 100644 layout/reftests/font-face/reflow-sanity-delay-1c.html
 create mode 100644 layout/reftests/font-face/reftest.list
 create mode 100644 layout/reftests/font-face/resize-detector-iframe.html
 create mode 100644 layout/reftests/font-face/restore-size-detector-iframe.html
 create mode 100644 layout/reftests/font-face/sheet-set-base-1-ref.html
 create mode 100644 layout/reftests/font-face/sheet-set-base-1.html
 create mode 100644 layout/reftests/font-face/sheet-set-switch-1-ref.html
 create mode 100644 layout/reftests/font-face/sheet-set-switch-1.html
 create mode 100644 layout/reftests/font-face/src-list-1-ref.html
 create mode 100644 layout/reftests/font-face/src-list-1.html
 create mode 100644 layout/reftests/font-face/src-list-2-big-otf.html
 create mode 100644 layout/reftests/font-face/src-list-2-big-ref.html
 create mode 100644 layout/reftests/font-face/src-list-2-ref.html
 create mode 100644 layout/reftests/font-face/src-list-2.html
 create mode 100644 layout/reftests/font-face/src-list-actual-font-ref.html
 create mode 100644 layout/reftests/font-face/src-list-data-1.html
 create mode 100644 layout/reftests/font-face/src-list-data-2.html
 create mode 100644 layout/reftests/font-face/src-list-data-3.html
 create mode 100644 layout/reftests/font-face/src-list-data-4.html
 create mode 100644 layout/reftests/font-face/src-list-data-ref.html
 create mode 100644 layout/reftests/font-face/src-list-format-1-ref.html
 create mode 100644 layout/reftests/font-face/src-list-format-1.html
 create mode 100644 layout/reftests/font-face/src-list-format-2-ref.html
 create mode 100644 layout/reftests/font-face/src-list-format-2.html
 create mode 100644 layout/reftests/font-face/src-list-format-3-ref.html
 create mode 100644 layout/reftests/font-face/src-list-format-4.html
 create mode 100644 layout/reftests/font-face/src-list-format-5.html
 create mode 100644 layout/reftests/font-face/src-list-format-7.html
 create mode 100644 layout/reftests/font-face/src-list-local-fallback-ref.html
 create mode 100644 layout/reftests/font-face/src-list-local-fallback.html
 create mode 100644 layout/reftests/font-face/src-list-local-full-quotes.html
 create mode 100644 layout/reftests/font-face/src-list-local-full-ref.html
 create mode 100644 layout/reftests/font-face/src-list-local-full.html
 create mode 100644 layout/reftests/font-face/src-list-local-localized-ref.html
 create mode 100644 layout/reftests/font-face/src-list-local-localized.html
 create mode 100644 layout/reftests/font-face/src-list-local-ps.html
 create mode 100644 layout/reftests/font-face/synthetic-variations-ref.html
 create mode 100644 layout/reftests/font-face/synthetic-variations.html
 create mode 100644 layout/reftests/font-face/synthetic-weight-style-ref.html
 create mode 100644 layout/reftests/font-face/synthetic-weight-style.html
 create mode 100644 layout/reftests/font-face/underline-offset-change-1-ref.html
 create mode 100644 layout/reftests/font-face/underline-offset-change-1.html
 create mode 100644 layout/reftests/font-face/underline-offset-change-2-ref.html
 create mode 100644 layout/reftests/font-face/underline-offset-change-2.html
 create mode 100644 layout/reftests/font-face/unicoderange-1-ref.html
 create mode 100644 layout/reftests/font-face/unicoderange-1.html
 create mode 100644 layout/reftests/font-face/unicoderange-2-ref.html
 create mode 100644 layout/reftests/font-face/unicoderange-2.html
 create mode 100644 layout/reftests/font-face/unicoderange-3-ref.html
 create mode 100644 layout/reftests/font-face/unicoderange-3.html
 create mode 100644 layout/reftests/font-face/unicoderange-4-ref.html
 create mode 100644 layout/reftests/font-face/unicoderange-4.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1A-ref.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1B-otf-ref.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1B-ttf-ref.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1B-woff-ref.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1B-woff2-ref.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1a.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1b.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1c.html
 create mode 100644 layout/reftests/font-face/variation-format-hint-1d.html
 create mode 100644 layout/reftests/font-face/woff2-1-ref.html
 create mode 100644 layout/reftests/font-face/woff2-1.html
 create mode 100644 layout/reftests/font-face/woff2-totalsfntsize-ref.html
 create mode 100644 layout/reftests/font-face/woff2-totalsfntsize.html
 create mode 100644 layout/reftests/font-features/1376231-vertical-gpos-adjustments-ref.html
 create mode 100644 layout/reftests/font-features/1376231-vertical-gpos-adjustments.html
 create mode 100644 layout/reftests/font-features/alternates-order-ref.html
 create mode 100644 layout/reftests/font-features/alternates-order.html
 create mode 100644 layout/reftests/font-features/annotations-ref.html
 create mode 100644 layout/reftests/font-features/annotations.html
 create mode 100644 layout/reftests/font-features/caps-fallback-allpetitecaps.html
 create mode 100644 layout/reftests/font-features/caps-fallback-allsmallcaps.html
 create mode 100644 layout/reftests/font-features/caps-fallback-default.html
 create mode 100644 layout/reftests/font-features/caps-fallback-petitecaps.html
 create mode 100644 layout/reftests/font-features/caps-fallback-smallcaps1.html
 create mode 100644 layout/reftests/font-features/caps-fallback-smallcaps2.html
 create mode 100644 layout/reftests/font-features/caps-fallback-smcp.html
 create mode 100644 layout/reftests/font-features/caps-fallback-smcpc2sc.html
 create mode 100644 layout/reftests/font-features/font-features-across-space-1-ref.html
 create mode 100644 layout/reftests/font-features/font-features-across-space-1.html
 create mode 100644 layout/reftests/font-features/font-features-hlig-2.html
 create mode 100644 layout/reftests/font-features/font-features-hlig-3.html
 create mode 100644 layout/reftests/font-features/font-features-hlig-4.html
 create mode 100644 layout/reftests/font-features/font-features-hlig-5.html
 create mode 100644 layout/reftests/font-features/font-features-hlig.html
 create mode 100644 layout/reftests/font-features/font-features-ligatures-none.html
 create mode 100644 layout/reftests/font-features/font-features-noliga.html
 create mode 100644 layout/reftests/font-features/font-features-order-1.html
 create mode 100644 layout/reftests/font-features/font-features-order-2.html
 create mode 100644 layout/reftests/font-features/font-features-order-3.html
 create mode 100644 layout/reftests/font-features/font-features-order-4.html
 create mode 100644 layout/reftests/font-features/font-features-order-5.html
 create mode 100644 layout/reftests/font-features/font-features-ref.html
 create mode 100644 layout/reftests/font-features/font-features-turkish-override-1.html
 create mode 100644 layout/reftests/font-features/font-features-turkish-override-2.html
 create mode 100644 layout/reftests/font-features/font-features-turkish-override-3.html
 create mode 100644 layout/reftests/font-features/font-features-turkish-override-4.html
 create mode 100644 layout/reftests/font-features/font-features-turkish-override-5.html
 create mode 100644 layout/reftests/font-features/font-features-turkish-ref.html
 create mode 100644 layout/reftests/font-features/font-features-turkish.html
 create mode 100644 layout/reftests/font-features/font-kerning-1.html
 create mode 100644 layout/reftests/font-features/font-kerning-2.html
 create mode 100644 layout/reftests/font-features/font-kerning-3.html
 create mode 100644 layout/reftests/font-features/font-kerning-auto.html
 create mode 100644 layout/reftests/font-features/font-kerning-kern.html
 create mode 100644 layout/reftests/font-features/font-kerning-nokern.html
 create mode 100644 layout/reftests/font-features/font-kerning-none.html
 create mode 100644 layout/reftests/font-features/font-kerning-normal.html
 create mode 100644 layout/reftests/font-features/font-kerning-table-none.html
 create mode 100644 layout/reftests/font-features/font-kerning-table-normal.html
 create mode 100644 layout/reftests/font-features/font-variant-alternates-ref.html
 create mode 100644 layout/reftests/font-features/font-variant-alternates.html
 create mode 100644 layout/reftests/font-features/font-variant-caps-ref.html
 create mode 100644 layout/reftests/font-features/font-variant-caps.html
 create mode 100644 layout/reftests/font-features/font-variant-debug.html
 create mode 100644 layout/reftests/font-features/font-variant-east-asian-ref.html
 create mode 100644 layout/reftests/font-features/font-variant-east-asian.html
 create mode 100644 layout/reftests/font-features/font-variant-features.css
 create mode 100644 layout/reftests/font-features/font-variant-features.js
 create mode 100644 layout/reftests/font-features/font-variant-ligatures-ref.html
 create mode 100644 layout/reftests/font-features/font-variant-ligatures.html
 create mode 100644 layout/reftests/font-features/font-variant-numeric-ref.html
 create mode 100644 layout/reftests/font-features/font-variant-numeric.html
 create mode 100644 layout/reftests/font-features/font-variant-position-ref.html
 create mode 100644 layout/reftests/font-features/font-variant-position.html
 create mode 100644 layout/reftests/font-features/font-variant-ref.html
 create mode 100644 layout/reftests/font-features/font-variant.html
 create mode 100644 layout/reftests/font-features/fwid-spaces-ref.html
 create mode 100644 layout/reftests/font-features/fwid-spaces.html
 create mode 100644 layout/reftests/font-features/kerning-sanity-check-default.html
 create mode 100644 layout/reftests/font-features/kerning-sanity-check-kern.html
 create mode 100644 layout/reftests/font-features/kerning-sanity-check-nokern.html
 create mode 100644 layout/reftests/font-features/kerning-spaces-arial-default.html
 create mode 100644 layout/reftests/font-features/kerning-spaces-arial-kern.html
 create mode 100644 layout/reftests/font-features/kerning-spaces-arial-nokern.html
 create mode 100644 layout/reftests/font-features/kerning-spaces-tnr-default.html
 create mode 100644 layout/reftests/font-features/kerning-spaces-tnr-kern.html
 create mode 100644 layout/reftests/font-features/kerning-spaces-tnr-nokern.html
 create mode 100644 layout/reftests/font-features/reftest.list
 create mode 100644 layout/reftests/font-features/small-caps-missing-capital-ref.html
 create mode 100644 layout/reftests/font-features/small-caps-missing-capital.html
 create mode 100644 layout/reftests/font-features/spacelookups-ref.html
 create mode 100644 layout/reftests/font-features/spacelookups-wordcache-ref.html
 create mode 100644 layout/reftests/font-features/spacelookups-wordcache.html
 create mode 100644 layout/reftests/font-features/spacelookups.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-notref1.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-notref2.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-notref3.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-omega-notref.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-omega.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-ref.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-size-ref.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback-size.html
 create mode 100644 layout/reftests/font-features/subsuper-fallback.html
 create mode 100644 layout/reftests/font-features/subsuper-nofallback-notref.html
 create mode 100644 layout/reftests/font-features/subsuper-nofallback-ref1.html
 create mode 100644 layout/reftests/font-features/subsuper-nofallback-ref2.html
 create mode 100644 layout/reftests/font-features/subsuper-nofallback.html
 create mode 100644 layout/reftests/font-inflation/bug707855-innerFrame-ref.html
 create mode 100644 layout/reftests/font-inflation/bug707855-innerFrame.html
 create mode 100644 layout/reftests/font-inflation/bug707855-ref.html
 create mode 100644 layout/reftests/font-inflation/bug707855.html
 create mode 100644 layout/reftests/font-inflation/bullet-1-ref.html
 create mode 100644 layout/reftests/font-inflation/bullet-1.html
 create mode 100644 layout/reftests/font-inflation/consecutive-inline-ref.html
 create mode 100644 layout/reftests/font-inflation/consecutive-inline.html
 create mode 100644 layout/reftests/font-inflation/container-with-clamping-innerFrame-ref.html
 create mode 100644 layout/reftests/font-inflation/container-with-clamping-innerFrame.html
 create mode 100644 layout/reftests/font-inflation/container-with-clamping-ref.html
 create mode 100644 layout/reftests/font-inflation/container-with-clamping.html
 create mode 100644 layout/reftests/font-inflation/css-transform-1-ref.html
 create mode 100644 layout/reftests/font-inflation/css-transform-1.html
 create mode 100644 layout/reftests/font-inflation/css-transform-2-ref.html
 create mode 100644 layout/reftests/font-inflation/css-transform-2.html
 create mode 100644 layout/reftests/font-inflation/decoration-1-ref.html
 create mode 100644 layout/reftests/font-inflation/decoration-1.html
 create mode 100644 layout/reftests/font-inflation/disable-fontinfl-on-mobile-2.html
 create mode 100644 layout/reftests/font-inflation/disable-fontinfl-on-mobile-3.html
 create mode 100644 layout/reftests/font-inflation/disable-fontinfl-on-mobile-5.html
 create mode 100644 layout/reftests/font-inflation/disable-fontinfl-on-mobile-ref.html
 create mode 100644 layout/reftests/font-inflation/disable-fontinfl-on-mobile.html
 create mode 100644 layout/reftests/font-inflation/fixed-height-body-child-ref.html
 create mode 100644 layout/reftests/font-inflation/fixed-height-body-child.html
 create mode 100644 layout/reftests/font-inflation/fixed-height-body-ref.html
 create mode 100644 layout/reftests/font-inflation/fixed-height-body.html
 create mode 100644 layout/reftests/font-inflation/fixed-width-body-viewport-ref.html
 create mode 100644 layout/reftests/font-inflation/fixed-width-body-viewport.html
 create mode 100644 layout/reftests/font-inflation/fixed-width-viewport-inflation-ref.html
 create mode 100644 layout/reftests/font-inflation/fixed-width-viewport-inflation.html
 create mode 100644 layout/reftests/font-inflation/fixed-width-viewport-no-inflation.html
 create mode 100644 layout/reftests/font-inflation/form-button-fixed-height-ref.html
 create mode 100644 layout/reftests/font-inflation/form-button-fixed-height.html
 create mode 100644 layout/reftests/font-inflation/form-button-fixed-width-ref.html
 create mode 100644 layout/reftests/font-inflation/form-button-fixed-width.html
 create mode 100644 layout/reftests/font-inflation/form-button-ref.html
 create mode 100644 layout/reftests/font-inflation/form-button.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-1-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-1.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-2-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-2.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-3-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-3.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-4-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-4.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-5-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-5.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-6-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-6.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-7-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-7.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-8-ref.html
 create mode 100644 layout/reftests/font-inflation/height-constraint-percent-8.html
 create mode 100644 layout/reftests/font-inflation/input-checkbox.html
 create mode 100644 layout/reftests/font-inflation/input-radio.html
 create mode 100644 layout/reftests/font-inflation/input-text-1-height-ref.html
 create mode 100644 layout/reftests/font-inflation/input-text-1-height.html
 create mode 100644 layout/reftests/font-inflation/input-text-1-noheight-ref.html
 create mode 100644 layout/reftests/font-inflation/input-text-1-noheight.html
 create mode 100644 layout/reftests/font-inflation/input-text-2-height-ref.html
 create mode 100644 layout/reftests/font-inflation/input-text-2-height.html
 create mode 100644 layout/reftests/font-inflation/input-text-2-noheight-ref.html
 create mode 100644 layout/reftests/font-inflation/input-text-2-noheight.html
 create mode 100644 layout/reftests/font-inflation/input-text-3-height-ref.html
 create mode 100644 layout/reftests/font-inflation/input-text-3-height.html
 create mode 100644 layout/reftests/font-inflation/input-text-3-noheight-ref.html
 create mode 100644 layout/reftests/font-inflation/input-text-3-noheight.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-1a-ref.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-1a.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-1b-ref.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-1b.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-1c-ref.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-1c.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-2a.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-2b.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-fit-2c.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-max-1-ref.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-max-1.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-min-1-ref.html
 create mode 100644 layout/reftests/font-inflation/intrinsic-min-1.html
 create mode 100644 layout/reftests/font-inflation/list-1-ref.html
 create mode 100644 layout/reftests/font-inflation/list-1.html
 create mode 100644 layout/reftests/font-inflation/maxRatio-1-ref.html
 create mode 100644 layout/reftests/font-inflation/maxRatio-1.html
 create mode 100644 layout/reftests/font-inflation/min-width-passes-1-ref.html
 create mode 100644 layout/reftests/font-inflation/min-width-passes-1.html
 create mode 100644 layout/reftests/font-inflation/preformatted-text-ref.html
 create mode 100644 layout/reftests/font-inflation/preformatted-text.html
 create mode 100644 layout/reftests/font-inflation/reftest.list
 create mode 100644 layout/reftests/font-inflation/relevant-width-1-ref.html
 create mode 100644 layout/reftests/font-inflation/relevant-width-1.html
 create mode 100644 layout/reftests/font-inflation/relevant-width-overflow-1-ref.html
 create mode 100644 layout/reftests/font-inflation/relevant-width-overflow-1.html
 create mode 100644 layout/reftests/font-inflation/select-combobox-1-ref.html
 create mode 100644 layout/reftests/font-inflation/select-combobox-1.html
 create mode 100644 layout/reftests/font-inflation/select-combobox-2-ref.html
 create mode 100644 layout/reftests/font-inflation/select-combobox-2.html
 create mode 100644 layout/reftests/font-inflation/select-combobox-3-ref.html
 create mode 100644 layout/reftests/font-inflation/select-combobox-3.html
 create mode 100644 layout/reftests/font-inflation/select-listbox-1-ref.html
 create mode 100644 layout/reftests/font-inflation/select-listbox-1.html
 create mode 100644 layout/reftests/font-inflation/select-listbox-2-ref.html
 create mode 100644 layout/reftests/font-inflation/select-listbox-2.html
 create mode 100644 layout/reftests/font-inflation/text-1-ref.html
 create mode 100644 layout/reftests/font-inflation/text-1.html
 create mode 100644 layout/reftests/font-inflation/text-2-ref.html
 create mode 100644 layout/reftests/font-inflation/text-2.html
 create mode 100644 layout/reftests/font-inflation/text-3-ref.html
 create mode 100644 layout/reftests/font-inflation/text-3.html
 create mode 100644 layout/reftests/font-inflation/text-4-ref.html
 create mode 100644 layout/reftests/font-inflation/text-4.html
 create mode 100644 layout/reftests/font-inflation/textarea-1-ref.html
 create mode 100644 layout/reftests/font-inflation/textarea-1.html
 create mode 100644 layout/reftests/font-inflation/textarea-2-ref.html
 create mode 100644 layout/reftests/font-inflation/textarea-2.html
 create mode 100644 layout/reftests/font-inflation/textarea-3-ref.html
 create mode 100644 layout/reftests/font-inflation/textarea-3.html
 create mode 100644 layout/reftests/font-inflation/threshold-1a.html
 create mode 100644 layout/reftests/font-inflation/threshold-1b-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-1b.html
 create mode 100644 layout/reftests/font-inflation/threshold-1c-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-1c.html
 create mode 100644 layout/reftests/font-inflation/threshold-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-3-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-3.html
 create mode 100644 layout/reftests/font-inflation/threshold-input-text-contents-at-1-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-input-text-contents-at-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-input-text-contents-at-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-input-text-contents-at-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-input-text-contents-under-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-input-text-contents-under-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-cell-1-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-cell-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-cell-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-cell-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-cell-3-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-cell-3.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-flex-container-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-flex-container-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-flex-container-items-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-flex-container-items-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-1-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-overflow-1-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-overflow-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-overflow-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-float-overflow-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-grid-container-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-scope-grid-container-items-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-combobox-contents-at-1-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-combobox-contents-at-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-combobox-contents-at-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-combobox-contents-at-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-combobox-contents-under-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-combobox-contents-under-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-listbox-contents-at-1-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-listbox-contents-at-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-listbox-contents-at-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-listbox-contents-at-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-listbox-contents-under-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-select-listbox-contents-under-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-textarea-contents-at-1-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-textarea-contents-at-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-textarea-contents-at-2-ref.html
 create mode 100644 layout/reftests/font-inflation/threshold-textarea-contents-at-2.html
 create mode 100644 layout/reftests/font-inflation/threshold-textarea-contents-under-1.html
 create mode 100644 layout/reftests/font-inflation/threshold-textarea-contents-under-2.html
 create mode 100644 layout/reftests/font-inflation/video-1.html
 create mode 100644 layout/reftests/font-inflation/xul-reflow-1-ref.html
 create mode 100644 layout/reftests/font-inflation/xul-reflow-1.html
 create mode 100644 layout/reftests/font-loading-api/dynamic-insert-1-ref.html
 create mode 100644 layout/reftests/font-loading-api/dynamic-insert-1.html
 create mode 100644 layout/reftests/font-loading-api/dynamic-remove-1-ref.html
 create mode 100644 layout/reftests/font-loading-api/dynamic-remove-1.html
 create mode 100644 layout/reftests/font-loading-api/ex-unit-1.html
 create mode 100644 layout/reftests/font-loading-api/multiple-sets-1-ref.html
 create mode 100644 layout/reftests/font-loading-api/multiple-sets-1.html
 create mode 100644 layout/reftests/font-loading-api/multiple-sets-frame-ref.html
 create mode 100644 layout/reftests/font-loading-api/multiple-sets-frame.html
 create mode 100644 layout/reftests/font-loading-api/name-collision.html
 create mode 100644 layout/reftests/font-loading-api/order-1.html
 create mode 100644 layout/reftests/font-loading-api/reftest.list
 create mode 100644 layout/reftests/font-loading-api/src-list-1.html
 create mode 100644 layout/reftests/font-loading-api/src-list-2.html
 create mode 100644 layout/reftests/font-loading-api/src-list-data-1.html
 create mode 100644 layout/reftests/font-matching/1367860-1.htm
 create mode 100644 layout/reftests/font-matching/1367860-2.htm
 create mode 100644 layout/reftests/font-matching/1367860-3.htm
 create mode 100644 layout/reftests/font-matching/1367860-ref.htm
 create mode 100644 layout/reftests/font-matching/1394311-ref.htm
 create mode 100644 layout/reftests/font-matching/1394311.htm
 create mode 100644 layout/reftests/font-matching/1458158-1-ref.html
 create mode 100644 layout/reftests/font-matching/1458158-1.html
 create mode 100644 layout/reftests/font-matching/1850672-1-ref.html
 create mode 100644 layout/reftests/font-matching/1850672-1.html
 create mode 100644 layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family-ref.xhtml
 create mode 100644 layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family.xhtml
 create mode 100644 layout/reftests/font-matching/apple-symbols-1-notref.html
 create mode 100644 layout/reftests/font-matching/apple-symbols-1.html
 create mode 100644 layout/reftests/font-matching/arial-arabic-ref.html
 create mode 100644 layout/reftests/font-matching/arial-arabic.html
 create mode 100644 layout/reftests/font-matching/arial-variations-1-ref.html
 create mode 100644 layout/reftests/font-matching/arial-variations-1.html
 create mode 100644 layout/reftests/font-matching/arial-variations-2-ref.html
 create mode 100644 layout/reftests/font-matching/arial-variations-2.html
 create mode 100644 layout/reftests/font-matching/arial-variations-3-ref.html
 create mode 100644 layout/reftests/font-matching/arial-variations-3.html
 create mode 100644 layout/reftests/font-matching/arial-variations-4-ref.html
 create mode 100644 layout/reftests/font-matching/arial-variations-4.html
 create mode 100644 layout/reftests/font-matching/arial-variations-5-ref.html
 create mode 100644 layout/reftests/font-matching/arial-variations-5.html
 create mode 100644 layout/reftests/font-matching/arial-variations-6-ref.html
 create mode 100644 layout/reftests/font-matching/arial-variations-6.html
 create mode 100644 layout/reftests/font-matching/arialunicode-bold.html
 create mode 100644 layout/reftests/font-matching/arialunicode-bolditalic.html
 create mode 100644 layout/reftests/font-matching/arialunicode-italic.html
 create mode 100644 layout/reftests/font-matching/arialunicode-oblique.html
 create mode 100644 layout/reftests/font-matching/arialunicode.html
 create mode 100644 layout/reftests/font-matching/bold-system-fallback-1-notref.html
 create mode 100644 layout/reftests/font-matching/bold-system-fallback-1.html
 create mode 100644 layout/reftests/font-matching/bold-system-fallback-2-notref.html
 create mode 100644 layout/reftests/font-matching/bold-system-fallback-2.html
 create mode 100644 layout/reftests/font-matching/defaultfont-bold.html
 create mode 100644 layout/reftests/font-matching/defaultfont-bolditalic.html
 create mode 100644 layout/reftests/font-matching/defaultfont-italic.html
 create mode 100644 layout/reftests/font-matching/defaultfont-oblique.html
 create mode 100644 layout/reftests/font-matching/defaultfont.html
 create mode 100644 layout/reftests/font-matching/defaultjapanese-bold.html
 create mode 100644 layout/reftests/font-matching/defaultjapanese-bolditalic.html
 create mode 100644 layout/reftests/font-matching/defaultjapanese-italic.html
 create mode 100644 layout/reftests/font-matching/defaultjapanese-oblique.html
 create mode 100644 layout/reftests/font-matching/defaultjapanese.html
 create mode 100644 layout/reftests/font-matching/descriptor-ranges-ref.html
 create mode 100644 layout/reftests/font-matching/descriptor-ranges.html
 create mode 100644 layout/reftests/font-matching/descriptor-ranges.js
 create mode 100644 layout/reftests/font-matching/emoji-fallback-1-ref.html
 create mode 100644 layout/reftests/font-matching/emoji-fallback-1.html
 create mode 100644 layout/reftests/font-matching/emoji-fallback-2-ref.html
 create mode 100644 layout/reftests/font-matching/emoji-fallback-2.html
 create mode 100644 layout/reftests/font-matching/emoji-fallback-3-ref.html
 create mode 100644 layout/reftests/font-matching/emoji-fallback-3.html
 create mode 100644 layout/reftests/font-matching/emoji-keycap-2-notref.html
 create mode 100644 layout/reftests/font-matching/emoji-keycap-2.html
 create mode 100644 layout/reftests/font-matching/emoji-keycap-notref.html
 create mode 100644 layout/reftests/font-matching/emoji-keycap.html
 create mode 100644 layout/reftests/font-matching/emoji-skintone-ref.html
 create mode 100644 layout/reftests/font-matching/emoji-skintone.html
 create mode 100644 layout/reftests/font-matching/emoji-subregion-flag-notref.html
 create mode 100644 layout/reftests/font-matching/emoji-subregion-flag.html
 create mode 100644 layout/reftests/font-matching/fallback-respects-generic-1-ref.html
 create mode 100644 layout/reftests/font-matching/fallback-respects-generic-1.html
 create mode 100644 layout/reftests/font-matching/familyname-escapedidents-ref.html
 create mode 100644 layout/reftests/font-matching/familyname-escapedidents.html
 create mode 100644 layout/reftests/font-matching/font-shorthand-stretch-1.html
 create mode 100644 layout/reftests/font-matching/font-stretch-1-ref.html
 create mode 100644 layout/reftests/font-matching/font-stretch-1.html
 create mode 100644 layout/reftests/font-matching/font-synthesis-1-ref.html
 create mode 100644 layout/reftests/font-matching/font-synthesis-1.html
 create mode 100644 layout/reftests/font-matching/font-synthesis-2-ref.html
 create mode 100644 layout/reftests/font-matching/font-synthesis-2.html
 create mode 100644 layout/reftests/font-matching/hiragino-kaku-1-notref.html
 create mode 100644 layout/reftests/font-matching/hiragino-kaku-1.html
 create mode 100644 layout/reftests/font-matching/illformed-lang-tags-1.html
 create mode 100644 layout/reftests/font-matching/impact-bold.html
 create mode 100644 layout/reftests/font-matching/impact-bolditalic.html
 create mode 100644 layout/reftests/font-matching/impact-italic.html
 create mode 100644 layout/reftests/font-matching/impact-oblique.html
 create mode 100644 layout/reftests/font-matching/impact.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-1.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-2.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-3.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-4.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-5.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-6.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-7.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-8.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-9.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-kinnari-ref.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-kinnari.html
 create mode 100644 layout/reftests/font-matching/italic-oblique-ref.html
 create mode 100644 layout/reftests/font-matching/legacy-family-names-1-ref.html
 create mode 100644 layout/reftests/font-matching/legacy-family-names-1.html
 create mode 100644 layout/reftests/font-matching/legacy-family-names-2-ref.html
 create mode 100644 layout/reftests/font-matching/legacy-family-names-2.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-001-ref.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-001.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-002-ref.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-002.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-003-ref.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-003.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-004-ref.html
 create mode 100644 layout/reftests/font-matching/localized-family-names-004.html
 create mode 100644 layout/reftests/font-matching/lucidaconsole-bold.html
 create mode 100644 layout/reftests/font-matching/lucidaconsole-bolditalic.html
 create mode 100644 layout/reftests/font-matching/lucidaconsole-italic.html
 create mode 100644 layout/reftests/font-matching/lucidaconsole-oblique.html
 create mode 100644 layout/reftests/font-matching/lucidaconsole.html
 create mode 100644 layout/reftests/font-matching/normalmedium-notref.html
 create mode 100644 layout/reftests/font-matching/normalmedium-ref.html
 create mode 100644 layout/reftests/font-matching/normalmedium.html
 create mode 100644 layout/reftests/font-matching/osaka-mono-exists-ref.html
 create mode 100644 layout/reftests/font-matching/osaka-mono-exists.html
 create mode 100644 layout/reftests/font-matching/osaka-mono-ref.html
 create mode 100644 layout/reftests/font-matching/osaka-mono.html
 create mode 100644 layout/reftests/font-matching/reftest.list
 create mode 100644 layout/reftests/font-matching/simple-oblique-ref.html
 create mode 100644 layout/reftests/font-matching/simple-oblique.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-137-ref.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-137.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-35-ref.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-35.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-all-ref.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-all.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-reverse-ref.html
 create mode 100644 layout/reftests/font-matching/stretchmapping-reverse.html
 create mode 100644 layout/reftests/font-matching/synthetic-bold-1-ref.html
 create mode 100644 layout/reftests/font-matching/synthetic-bold-1.html
 create mode 100644 layout/reftests/font-matching/synthetic-bold-2-ref.html
 create mode 100644 layout/reftests/font-matching/synthetic-bold-2.html
 create mode 100644 layout/reftests/font-matching/synthetic-style-1-notref.html
 create mode 100644 layout/reftests/font-matching/synthetic-style-1.html
 create mode 100644 layout/reftests/font-matching/synthetic-style-2-notref.html
 create mode 100644 layout/reftests/font-matching/synthetic-style-2.html
 create mode 100644 layout/reftests/font-matching/syntheticbold-rotated-ref.html
 create mode 100644 layout/reftests/font-matching/syntheticbold-rotated.html
 create mode 100644 layout/reftests/font-matching/system-font-pref.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-1-ref.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-1.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-2-ref.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-2.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-3-ref.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-3.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-4-ref.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-4.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-ja.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-ko.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-zh-cn.html
 create mode 100644 layout/reftests/font-matching/system-generic-fallback-zh-tw.html
 create mode 100644 layout/reftests/font-matching/system-ui-fallback-2-ref.html
 create mode 100644 layout/reftests/font-matching/system-ui-fallback-2.html
 create mode 100644 layout/reftests/font-matching/system-ui-fallback-notref.html
 create mode 100644 layout/reftests/font-matching/system-ui-fallback.html
 create mode 100644 layout/reftests/font-matching/weightmapping-12-ref.html
 create mode 100644 layout/reftests/font-matching/weightmapping-12.html
 create mode 100644 layout/reftests/font-matching/weightmapping-12579-ref.html
 create mode 100644 layout/reftests/font-matching/weightmapping-12579.html
 create mode 100644 layout/reftests/font-matching/weightmapping-25-ref.html
 create mode 100644 layout/reftests/font-matching/weightmapping-25.html
 create mode 100644 layout/reftests/font-matching/weightmapping-45-ref.html
 create mode 100644 layout/reftests/font-matching/weightmapping-45.html
 create mode 100644 layout/reftests/font-matching/weightmapping-458-ref.html
 create mode 100644 layout/reftests/font-matching/weightmapping-458.html
 create mode 100644 layout/reftests/font-matching/weightmapping-478-ref.html
 create mode 100644 layout/reftests/font-matching/weightmapping-478.html
 create mode 100644 layout/reftests/font-matching/weightmapping-7-ref.html
 create mode 100644 layout/reftests/font-matching/weightmapping-7.html
 create mode 100644 layout/reftests/font-matching/wingdings-1-notref.html
 create mode 100644 layout/reftests/font-matching/wingdings-1-ref.html
 create mode 100644 layout/reftests/font-matching/wingdings-1.html
 create mode 100644 layout/reftests/font-variations/font-optical-sizing-1-notref.html
 create mode 100644 layout/reftests/font-variations/font-optical-sizing-1-ref.html
 create mode 100644 layout/reftests/font-variations/font-optical-sizing-1.html
 create mode 100644 layout/reftests/font-variations/reftest.list
 create mode 100644 layout/reftests/fonts/Ahem.ttf
 create mode 100644 layout/reftests/fonts/AmiriQuran.otf
 create mode 100644 layout/reftests/fonts/AmiriQuranColored.otf
 create mode 100644 layout/reftests/fonts/AwamiNastaliq-Regular.woff
 create mode 100644 layout/reftests/fonts/BitPattern.woff
 create mode 100644 layout/reftests/fonts/Chunkfive-license.txt
 create mode 100644 layout/reftests/fonts/Chunkfive.otf
 create mode 100644 layout/reftests/fonts/Chunkfive.sjs
 create mode 100644 layout/reftests/fonts/Chunkfive.ttf
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.ttf
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.woff
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge-bad-offset.woff
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.ttf
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.woff
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge-bad-woff-sig.woff
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge.ttf
 create mode 100644 layout/reftests/fonts/DeLarge/DeLarge.woff
 create mode 100644 layout/reftests/fonts/DeLarge/README
 create mode 100644 layout/reftests/fonts/DejaVuSansMono.otf
 create mode 100644 layout/reftests/fonts/DejaVuSansMono.woff
 create mode 100644 layout/reftests/fonts/DroidSansArabic-noGSUB.ttf
 create mode 100644 layout/reftests/fonts/JuniusX-Regular.woff2
 create mode 100644 layout/reftests/fonts/LigatureSymbolsWithSpaces.woff
 create mode 100644 layout/reftests/fonts/LinLibertine_Re-4.7.5.woff
 create mode 100644 layout/reftests/fonts/MiaoUnicode-Regular.ttf
 create mode 100644 layout/reftests/fonts/NotoNastaliqUrdu-Regular.ttf
 create mode 100644 layout/reftests/fonts/NotoSansBalinese-Regular.ttf
 create mode 100644 layout/reftests/fonts/NotoSansCJKjp-Regular.subset.otf
 create mode 100644 layout/reftests/fonts/NotoSansMongolian-Regular.ttf
 create mode 100644 layout/reftests/fonts/PositioningTest1.ttf
 create mode 100644 layout/reftests/fonts/PositioningTest2.ttf
 create mode 100644 layout/reftests/fonts/Prototype.ttf
 create mode 100644 layout/reftests/fonts/README
 create mode 100644 layout/reftests/fonts/ShipporiMincho-LICENSE.txt
 create mode 100644 layout/reftests/fonts/ShipporiMincho-Regular.subset.otf
 create mode 100644 layout/reftests/fonts/SourceSerifPro-Regular.ttf.woff2
 create mode 100644 layout/reftests/fonts/TAMLThiruValluvar-Regular.ttf
 create mode 100644 layout/reftests/fonts/VeraBd-validchecksum.ttf
 create mode 100644 layout/reftests/fonts/VeraBd.ttf
 create mode 100644 layout/reftests/fonts/VotoSerifGX.latin1.ttf
 create mode 100644 layout/reftests/fonts/colr-unset.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd1.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd2.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd3.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd4.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd5.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd6.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd7.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd8.ttf
 create mode 100644 layout/reftests/fonts/csstest-widths-wd9.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSans-Bold.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSans-Oblique.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSans.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf
 create mode 100644 layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed.ttf
 create mode 100644 layout/reftests/fonts/emoji-yellow.ttf
 create mode 100644 layout/reftests/fonts/emoji.ttf
 create mode 100644 layout/reftests/fonts/fira/FiraSans-Regular.otf
 create mode 100644 layout/reftests/fonts/fira/FiraSansOT-Bold.otf
 create mode 100644 layout/reftests/fonts/fira/FiraSansOT-BoldItalic.otf
 create mode 100644 layout/reftests/fonts/fira/FiraSansOT-Regular.otf
 create mode 100644 layout/reftests/fonts/fira/FiraSansOT-RegularItalic.otf
 create mode 100644 layout/reftests/fonts/generate-bitpattern-font.pl
 create mode 100644 layout/reftests/fonts/glyphwiki-license.txt
 create mode 100644 layout/reftests/fonts/graphite/README.txt
 create mode 100644 layout/reftests/fonts/graphite/grtest-langfeat.gdl
 create mode 100644 layout/reftests/fonts/graphite/grtest-langfeat.ttf
 create mode 100644 layout/reftests/fonts/graphite/grtest-multipass.gdl
 create mode 100644 layout/reftests/fonts/graphite/grtest-multipass.ttf
 create mode 100644 layout/reftests/fonts/graphite/grtest-ot-only.ttf
 create mode 100644 layout/reftests/fonts/graphite/grtest-ot-only.ttx
 create mode 100644 layout/reftests/fonts/graphite/grtest-ot.ttx
 create mode 100644 layout/reftests/fonts/graphite/grtest-ref.ttf
 create mode 100644 layout/reftests/fonts/graphite/grtest-ref.ttx
 create mode 100644 layout/reftests/fonts/graphite/grtest-simple.gdl
 create mode 100644 layout/reftests/fonts/graphite/grtest-simple.ttf
 create mode 100644 layout/reftests/fonts/graphite/grtest-template.ttx
 create mode 100644 layout/reftests/fonts/gsubtest/gsubtest-features.js
 create mode 100644 layout/reftests/fonts/gsubtest/gsubtest-features.txt
 create mode 100644 layout/reftests/fonts/gsubtest/gsubtest-lookup1.otf
 create mode 100644 layout/reftests/fonts/gsubtest/gsubtest-lookup3.otf
 create mode 100644 layout/reftests/fonts/gsubtest/gsubtest-shell.ttx
 create mode 100644 layout/reftests/fonts/gsubtest/makegsubfonts.py
 create mode 100644 layout/reftests/fonts/gw1270797.ttf
 create mode 100644 layout/reftests/fonts/gw432047.ttf
 create mode 100644 layout/reftests/fonts/header-totalsfntsize-001.ttf
 create mode 100644 layout/reftests/fonts/header-totalsfntsize-001.woff2
 create mode 100644 layout/reftests/fonts/loadtest-license.txt
 create mode 100644 layout/reftests/fonts/loadtest.ttf
 create mode 100755 layout/reftests/fonts/mark-generate.py
 create mode 100644 layout/reftests/fonts/mark-glyph.svg
 create mode 100644 layout/reftests/fonts/mark2-glyph.svg
 create mode 100644 layout/reftests/fonts/mark2A-highunderline.ttf
 create mode 100644 layout/reftests/fonts/mark2A-lowunderline.ttf
 create mode 100644 layout/reftests/fonts/mark2A.otf
 create mode 100644 layout/reftests/fonts/mark2A.ttf
 create mode 100644 layout/reftests/fonts/mark2A.woff
 create mode 100644 layout/reftests/fonts/mark2B.otf
 create mode 100644 layout/reftests/fonts/mark2B.ttf
 create mode 100644 layout/reftests/fonts/mark2B.woff
 create mode 100644 layout/reftests/fonts/mark2C.otf
 create mode 100644 layout/reftests/fonts/mark2C.ttf
 create mode 100644 layout/reftests/fonts/mark2C.woff
 create mode 100644 layout/reftests/fonts/mark2D.otf
 create mode 100644 layout/reftests/fonts/mark2D.ttf
 create mode 100644 layout/reftests/fonts/mark2D.woff
 create mode 100644 layout/reftests/fonts/markA-badfullname.ttf
 create mode 100644 layout/reftests/fonts/markA-copyright.ttf
 create mode 100644 layout/reftests/fonts/markA-copyrightps.ttf
 create mode 100644 layout/reftests/fonts/markA-highunderline.ttf
 create mode 100644 layout/reftests/fonts/markA-lineheight1500.ttf
 create mode 100644 layout/reftests/fonts/markA-lineheight6000-typolineheight2700.otf
 create mode 100644 layout/reftests/fonts/markA-lineheight6000-typolineheight2700.ttf
 create mode 100644 layout/reftests/fonts/markA-lowunderline.ttf
 create mode 100644 layout/reftests/fonts/markA-nofamily.ttf
 create mode 100644 layout/reftests/fonts/markA-nofullname.ttf
 create mode 100644 layout/reftests/fonts/markA-nopostscript.ttf
 create mode 100644 layout/reftests/fonts/markA-nospace.ttf
 create mode 100644 layout/reftests/fonts/markA-nostyle.ttf
 create mode 100644 layout/reftests/fonts/markA-noversion.ttf
 create mode 100644 layout/reftests/fonts/markA-redirect.ttf
 create mode 100644 layout/reftests/fonts/markA-redirect.ttf^headers^
 create mode 100644 layout/reftests/fonts/markA-shortfullname.ttf
 create mode 100644 layout/reftests/fonts/markA.eot
 create mode 100644 layout/reftests/fonts/markA.otf
 create mode 100644 layout/reftests/fonts/markA.ttf
 create mode 100644 layout/reftests/fonts/markA.woff
 create mode 100644 layout/reftests/fonts/markAB-spaceliga.otf
 create mode 100644 layout/reftests/fonts/markB.eot
 create mode 100644 layout/reftests/fonts/markB.otf
 create mode 100644 layout/reftests/fonts/markB.ttf
 create mode 100644 layout/reftests/fonts/markB.woff
 create mode 100644 layout/reftests/fonts/markB.woff2
 create mode 100644 layout/reftests/fonts/markC.otf
 create mode 100644 layout/reftests/fonts/markC.ttf
 create mode 100644 layout/reftests/fonts/markC.woff
 create mode 100644 layout/reftests/fonts/markD.otf
 create mode 100644 layout/reftests/fonts/markD.ttf
 create mode 100644 layout/reftests/fonts/markD.woff
 create mode 100644 layout/reftests/fonts/markfonts-delay.sjs
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-black.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-bold.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-heavy.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-light.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-medium.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-regular-no-OT.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-regular.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-1p-thin.ttf
 create mode 100644 layout/reftests/fonts/mplus/mplus-license.txt
 create mode 100644 layout/reftests/fonts/mplus/mplusfonts.css
 create mode 100644 layout/reftests/fonts/sil/AwamiNastaliq-Regular.woff
 create mode 100644 layout/reftests/fonts/sil/Charis-license.txt
 create mode 100644 layout/reftests/fonts/sil/CharisSIL-R.ttf
 create mode 100644 layout/reftests/fonts/sil/GenAI102.ttf
 create mode 100644 layout/reftests/fonts/sil/GenAR102.ttf
 create mode 100644 layout/reftests/fonts/sil/GenI102.ttf
 create mode 100644 layout/reftests/fonts/sil/GenR102.ttf
 create mode 100644 layout/reftests/fonts/sil/GenR102.woff2
 create mode 100644 layout/reftests/fonts/sil/Gentium-license.txt
 create mode 100644 layout/reftests/fonts/sil/Padauk.ttf
 create mode 100644 layout/reftests/fonts/sil/PigLatin-nographite.ttf
 create mode 100644 layout/reftests/fonts/sil/PigLatinBenchmark_v3.ttf
 create mode 100644 layout/reftests/fonts/sil/Scheherazade-BidiBug.woff
 create mode 100644 layout/reftests/fonts/sil/Scheherazade-R 2012-07-03c.ttf
 create mode 100644 layout/reftests/fonts/sil/ScheherazadeRegOT-license.txt
 create mode 100644 layout/reftests/fonts/sil/ScheherazadeRegOT.ttf
 create mode 100644 layout/reftests/fonts/sil/silfonts.css
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttx
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttx
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttx
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttx
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttx
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf
 create mode 100644 layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttx
 create mode 100644 layout/reftests/fonts/subsuper-nofeat.woff
 create mode 100644 layout/reftests/fonts/subsuper.woff
 create mode 100644 layout/reftests/fonts/ttf-indic/Lohit-Telugu.ttf
 create mode 100644 layout/reftests/fonts/ttf-indic/lohit_bn.ttf
 create mode 100644 layout/reftests/fonts/ttf-indic/lohit_gu.ttf
 create mode 100644 layout/reftests/fonts/ttf-indic/lohit_hi.ttf
 create mode 100644 layout/reftests/forms/button/1317351-ref.html
 create mode 100644 layout/reftests/forms/button/1317351.html
 create mode 100644 layout/reftests/forms/button/1349646-ref.html
 create mode 100644 layout/reftests/forms/button/1349646.html
 create mode 100644 layout/reftests/forms/button/appearance-revert-ref.html
 create mode 100644 layout/reftests/forms/button/appearance-revert.html
 create mode 100644 layout/reftests/forms/button/author-padding-notref.html
 create mode 100644 layout/reftests/forms/button/author-padding.html
 create mode 100644 layout/reftests/forms/button/button-display-flex-fullsize-1-ref.html
 create mode 100644 layout/reftests/forms/button/button-display-flex-fullsize-1.html
 create mode 100644 layout/reftests/forms/button/button-display-grid-fullsize-1-ref.html
 create mode 100644 layout/reftests/forms/button/button-display-grid-fullsize-1.html
 create mode 100644 layout/reftests/forms/button/button-empty-columns-ref.html
 create mode 100644 layout/reftests/forms/button/button-empty-columns.html
 create mode 100644 layout/reftests/forms/button/button-visibility-1-ref.html
 create mode 100644 layout/reftests/forms/button/button-visibility-1.html
 create mode 100644 layout/reftests/forms/button/disabled-1-ref.html
 create mode 100644 layout/reftests/forms/button/disabled-1.html
 create mode 100644 layout/reftests/forms/button/disabled-2-ref.html
 create mode 100644 layout/reftests/forms/button/disabled-2.html
 create mode 100644 layout/reftests/forms/button/disabled-3-notref.html
 create mode 100644 layout/reftests/forms/button/disabled-3.html
 create mode 100644 layout/reftests/forms/button/disabled-4-notref.html
 create mode 100644 layout/reftests/forms/button/disabled-4.html
 create mode 100644 layout/reftests/forms/button/disabled-5-notref.html
 create mode 100644 layout/reftests/forms/button/disabled-5.html
 create mode 100644 layout/reftests/forms/button/disabled-6-notref.html
 create mode 100644 layout/reftests/forms/button/disabled-6.html
 create mode 100644 layout/reftests/forms/button/display-grid-flex-columnset-ref.html
 create mode 100644 layout/reftests/forms/button/display-grid-flex-columnset.html
 create mode 100644 layout/reftests/forms/button/dynamic-text-indent-ref.html
 create mode 100644 layout/reftests/forms/button/dynamic-text-indent.html
 create mode 100644 layout/reftests/forms/button/first-letter-1-noref.html
 create mode 100644 layout/reftests/forms/button/first-letter-1-ref.html
 create mode 100644 layout/reftests/forms/button/first-letter-1.html
 create mode 100644 layout/reftests/forms/button/focus-non-themed-ref.html
 create mode 100644 layout/reftests/forms/button/focus-non-themed.html
 create mode 100644 layout/reftests/forms/button/line-height-button-0.5.html
 create mode 100644 layout/reftests/forms/button/line-height-button-1.0.html
 create mode 100644 layout/reftests/forms/button/line-height-button-1.5.html
 create mode 100644 layout/reftests/forms/button/line-height-input-0.5.html
 create mode 100644 layout/reftests/forms/button/line-height-input-1.0.html
 create mode 100644 layout/reftests/forms/button/line-height-input-1.5.html
 create mode 100644 layout/reftests/forms/button/max-height-ref.html
 create mode 100644 layout/reftests/forms/button/max-height.html
 create mode 100644 layout/reftests/forms/button/min-height-ref.html
 create mode 100644 layout/reftests/forms/button/min-height.html
 create mode 100644 layout/reftests/forms/button/overflow-areas-1-ref.html
 create mode 100644 layout/reftests/forms/button/overflow-areas-1.html
 create mode 100644 layout/reftests/forms/button/percent-height-child-ref.html
 create mode 100644 layout/reftests/forms/button/percent-height-child.html
 create mode 100644 layout/reftests/forms/button/percent-width-child-ref.html
 create mode 100644 layout/reftests/forms/button/percent-width-child.html
 create mode 100644 layout/reftests/forms/button/reftest.list
 create mode 100644 layout/reftests/forms/button/vertical-centering-ref.html
 create mode 100644 layout/reftests/forms/button/vertical-centering.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-em-ltr-ref.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-em-ltr.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-em-rtl-ref.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-em-rtl.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-ltr-ref.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-ltr.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-rtl-ref.html
 create mode 100644 layout/reftests/forms/button/width-auto-size-rtl.html
 create mode 100644 layout/reftests/forms/button/width-erode-all-focuspadding-rtl-ref.html
 create mode 100644 layout/reftests/forms/button/width-erode-all-focuspadding-rtl.html
 create mode 100644 layout/reftests/forms/button/width-exact-fit-ltr.html
 create mode 100644 layout/reftests/forms/button/width-exact-fit-rtl.html
 create mode 100644 layout/reftests/forms/display-block-baselines-1-ref.html
 create mode 100644 layout/reftests/forms/display-block-baselines-1.html
 create mode 100644 layout/reftests/forms/display-block-baselines-2-ref.html
 create mode 100644 layout/reftests/forms/display-block-baselines-2.html
 create mode 100644 layout/reftests/forms/display-block-baselines-3-ref.html
 create mode 100644 layout/reftests/forms/display-block-baselines-3.html
 create mode 100644 layout/reftests/forms/display-block-baselines-4-ref.html
 create mode 100644 layout/reftests/forms/display-block-baselines-4.html
 create mode 100644 layout/reftests/forms/display-block-baselines-5-ref.html
 create mode 100644 layout/reftests/forms/display-block-baselines-5.html
 create mode 100644 layout/reftests/forms/fieldset/abs-pos-child-sizing-ref.html
 create mode 100644 layout/reftests/forms/fieldset/abs-pos-child-sizing.html
 create mode 100644 layout/reftests/forms/fieldset/blue-1x1.png
 create mode 100644 layout/reftests/forms/fieldset/dynamic-legend-scroll-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/dynamic-legend-scroll-1.html
 create mode 100644 layout/reftests/forms/fieldset/dynamic-text-indent-ref.html
 create mode 100644 layout/reftests/forms/fieldset/dynamic-text-indent.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-border-image-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-border-image-1a.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-border-image-1b.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-border-image-2-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-border-image-2a.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-border-image-2b.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-flexbox-001-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-flexbox-001.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-grid-001-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-grid-001.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-height-resize-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-height-resize-1.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-hidden-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-hidden-1.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-intrinsic-width-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-intrinsic-width-1.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-inline-size-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-inline-size-1.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-width-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-width-1a.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-width-1b.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-width-2-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-width-2a.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-min-width-2b.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-overflow-auto-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-overflow-auto-1.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-percentage-padding-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-percentage-padding-1.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-scroll-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-scroll-1.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-scrolled-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/fieldset-scrolled-1.html
 create mode 100644 layout/reftests/forms/fieldset/legend-overlapping-right-border-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/legend-overlapping-right-border-1.html
 create mode 100644 layout/reftests/forms/fieldset/legend-rtl-ref.html
 create mode 100644 layout/reftests/forms/fieldset/legend-rtl.html
 create mode 100644 layout/reftests/forms/fieldset/overflow-hidden-ref.html
 create mode 100644 layout/reftests/forms/fieldset/overflow-hidden.html
 create mode 100644 layout/reftests/forms/fieldset/positioned-container-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/positioned-container-1.html
 create mode 100644 layout/reftests/forms/fieldset/reftest.list
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-1.html
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-2-ref.html
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-2.html
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-3-ref.html
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-3.html
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-4-ref.html
 create mode 100644 layout/reftests/forms/fieldset/relpos-legend-4.html
 create mode 100644 layout/reftests/forms/fieldset/sticky-legend-1-ref.html
 create mode 100644 layout/reftests/forms/fieldset/sticky-legend-1.html
 create mode 100644 layout/reftests/forms/input/checkbox/accent-color-accentcolor-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/accent-color-accentcolor.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-baseline-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-baseline.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-clamp-01-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-clamp-01.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-clamp-02-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-clamp-02.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-minimum-size-notref.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-minimum-size.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-radio-auto-sized-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-radio-color-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/checkbox-radio-color.html
 create mode 100644 layout/reftests/forms/input/checkbox/checked-appearance-none.html
 create mode 100644 layout/reftests/forms/input/checkbox/checked-native-notref.html
 create mode 100644 layout/reftests/forms/input/checkbox/checked-native.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-checked-notref.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-checked.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-native-checked-notref.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-native-checked.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-native-unchecked-notref.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-native-unchecked.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-selector-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-selector.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-unchecked-notref.html
 create mode 100644 layout/reftests/forms/input/checkbox/indeterminate-unchecked.html
 create mode 100644 layout/reftests/forms/input/checkbox/label-dynamic-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/label-dynamic.html
 create mode 100644 layout/reftests/forms/input/checkbox/radio-stretched-ref.html
 create mode 100644 layout/reftests/forms/input/checkbox/radio-stretched.html
 create mode 100644 layout/reftests/forms/input/checkbox/reftest.list
 create mode 100644 layout/reftests/forms/input/checkbox/unchecked-appearance-none.html
 create mode 100644 layout/reftests/forms/input/color/auto-height-1-ref.html
 create mode 100644 layout/reftests/forms/input/color/auto-height-1.html
 create mode 100644 layout/reftests/forms/input/color/block-invalidate-1-ref.html
 create mode 100644 layout/reftests/forms/input/color/block-invalidate-1.html
 create mode 100644 layout/reftests/forms/input/color/block-invalidate-2-ref.html
 create mode 100644 layout/reftests/forms/input/color/block-invalidate-2.html
 create mode 100644 layout/reftests/forms/input/color/custom-style-1-ref.html
 create mode 100644 layout/reftests/forms/input/color/custom-style-1.html
 create mode 100644 layout/reftests/forms/input/color/custom-style-2-ref.html
 create mode 100644 layout/reftests/forms/input/color/custom-style-2.html
 create mode 100644 layout/reftests/forms/input/color/input-color-1-ref.html
 create mode 100644 layout/reftests/forms/input/color/input-color-1.html
 create mode 100644 layout/reftests/forms/input/color/margin-padding-1-ref.html
 create mode 100644 layout/reftests/forms/input/color/margin-padding-1.html
 create mode 100644 layout/reftests/forms/input/color/reference-style.css
 create mode 100644 layout/reftests/forms/input/color/reftest.list
 create mode 100644 layout/reftests/forms/input/color/transformations-1-ref.html
 create mode 100644 layout/reftests/forms/input/color/transformations-1.html
 create mode 100644 layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed.html
 create mode 100644 layout/reftests/forms/input/datetime/line-height-01-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/line-height-01.html
 create mode 100644 layout/reftests/forms/input/datetime/line-height-02-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/line-height-02.html
 create mode 100644 layout/reftests/forms/input/datetime/reftest.list
 create mode 100644 layout/reftests/forms/input/datetime/reset-button-visibility-hidden-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/reset-button-visibility-hidden.html
 create mode 100644 layout/reftests/forms/input/datetime/text-align-notref.html
 create mode 100644 layout/reftests/forms/input/datetime/text-align.html
 create mode 100644 layout/reftests/forms/input/datetime/time-basic.html
 create mode 100644 layout/reftests/forms/input/datetime/time-border.html
 create mode 100644 layout/reftests/forms/input/datetime/time-content-left-aligned-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/time-content-left-aligned.html
 create mode 100644 layout/reftests/forms/input/datetime/time-large-font.html
 create mode 100644 layout/reftests/forms/input/datetime/time-reset-button-right-aligned-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/time-reset-button-right-aligned.html
 create mode 100644 layout/reftests/forms/input/datetime/time-simple-unthemed-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/time-simple-unthemed.html
 create mode 100644 layout/reftests/forms/input/datetime/time-small-height-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/time-small-height.html
 create mode 100644 layout/reftests/forms/input/datetime/time-small-width-height-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/time-small-width-height.html
 create mode 100644 layout/reftests/forms/input/datetime/time-small-width-ref.html
 create mode 100644 layout/reftests/forms/input/datetime/time-small-width.html
 create mode 100644 layout/reftests/forms/input/datetime/time-width-height.html
 create mode 100644 layout/reftests/forms/input/datetime/to-time-from-other-type-unthemed.html
 create mode 100644 layout/reftests/forms/input/email/1.html
 create mode 100644 layout/reftests/forms/input/email/2.html
 create mode 100644 layout/reftests/forms/input/email/3.html
 create mode 100644 layout/reftests/forms/input/email/ref.html
 create mode 100644 layout/reftests/forms/input/email/reftest.list
 create mode 100644 layout/reftests/forms/input/file/background-ref.xhtml
 create mode 100644 layout/reftests/forms/input/file/background.html
 create mode 100644 layout/reftests/forms/input/file/button-height-ref.html
 create mode 100644 layout/reftests/forms/input/file/button-height.html
 create mode 100644 layout/reftests/forms/input/file/color-inherit-ref.html
 create mode 100644 layout/reftests/forms/input/file/color-inherit.html
 create mode 100644 layout/reftests/forms/input/file/css-display-ref.html
 create mode 100644 layout/reftests/forms/input/file/css-display.html
 create mode 100644 layout/reftests/forms/input/file/css-overflow-ref.html
 create mode 100644 layout/reftests/forms/input/file/css-overflow.html
 create mode 100644 layout/reftests/forms/input/file/dynamic-max-width-ref.html
 create mode 100644 layout/reftests/forms/input/file/dynamic-max-width.html
 create mode 100644 layout/reftests/forms/input/file/label-min-inline-size-ref.html
 create mode 100644 layout/reftests/forms/input/file/label-min-inline-size.html
 create mode 100644 layout/reftests/forms/input/file/reftest.list
 create mode 100644 layout/reftests/forms/input/file/rtl-ref.xhtml
 create mode 100644 layout/reftests/forms/input/file/rtl.html
 create mode 100644 layout/reftests/forms/input/file/simple-ref.xhtml
 create mode 100644 layout/reftests/forms/input/file/simple.html
 create mode 100644 layout/reftests/forms/input/file/size.html
 create mode 100644 layout/reftests/forms/input/file/style-ref.xhtml
 create mode 100644 layout/reftests/forms/input/file/style.css
 create mode 100644 layout/reftests/forms/input/file/style.html
 create mode 100644 layout/reftests/forms/input/file/width-clip-ref.html
 create mode 100644 layout/reftests/forms/input/file/width-clip.html
 create mode 100644 layout/reftests/forms/input/hidden/border.html
 create mode 100644 layout/reftests/forms/input/hidden/reftest.list
 create mode 100644 layout/reftests/forms/input/number/appearance-textfield-dynamic.html
 create mode 100644 layout/reftests/forms/input/number/appearance-textfield.html
 create mode 100644 layout/reftests/forms/input/number/caret-left-rtl-notref.html
 create mode 100644 layout/reftests/forms/input/number/caret-left-rtl.html
 create mode 100644 layout/reftests/forms/input/number/caret-right-notref.html
 create mode 100644 layout/reftests/forms/input/number/caret-right-vertical-notref.html
 create mode 100644 layout/reftests/forms/input/number/caret-right-vertical.html
 create mode 100644 layout/reftests/forms/input/number/caret-right.html
 create mode 100644 layout/reftests/forms/input/number/clipped-text-ref.html
 create mode 100644 layout/reftests/forms/input/number/clipped-text.html
 create mode 100644 layout/reftests/forms/input/number/flex-ref.html
 create mode 100644 layout/reftests/forms/input/number/flex.html
 create mode 100644 layout/reftests/forms/input/number/focus-handling-ref.html
 create mode 100644 layout/reftests/forms/input/number/focus-handling.html
 create mode 100644 layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1-ref.html
 create mode 100644 layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/number/not-other-type-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/number/not-other-type-unthemed-1a-notref.html
 create mode 100644 layout/reftests/forms/input/number/not-other-type-unthemed-1b-notref.html
 create mode 100644 layout/reftests/forms/input/number/number-auto-width-1-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-auto-width-1.html
 create mode 100644 layout/reftests/forms/input/number/number-disabled-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-disabled.html
 create mode 100644 layout/reftests/forms/input/number/number-localized-dynamic-asnumber.html
 create mode 100644 layout/reftests/forms/input/number/number-localized-dynamic.html
 create mode 100644 layout/reftests/forms/input/number/number-localized-notref.html
 create mode 100644 layout/reftests/forms/input/number/number-localized.html
 create mode 100644 layout/reftests/forms/input/number/number-max-height-1-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-max-height-1.html
 create mode 100644 layout/reftests/forms/input/number/number-max-height-2-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-max-height-2.html
 create mode 100644 layout/reftests/forms/input/number/number-min-height-1-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-min-height-1.html
 create mode 100644 layout/reftests/forms/input/number/number-min-height-2-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-min-height-2.html
 create mode 100644 layout/reftests/forms/input/number/number-placeholder-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-placeholder.html
 create mode 100644 layout/reftests/forms/input/number/number-pseudo-elements-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-pseudo-elements.html
 create mode 100644 layout/reftests/forms/input/number/number-reframe-anon-text-field-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-reframe-anon-text-field.html
 create mode 100644 layout/reftests/forms/input/number/number-same-as-text-unthemed.html
 create mode 100644 layout/reftests/forms/input/number/number-selected-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-selected.html
 create mode 100644 layout/reftests/forms/input/number/number-significant-fractional-digits-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-significant-fractional-digits.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl.html
 create mode 100644 layout/reftests/forms/input/number/number-similar-to-text-unthemed.html
 create mode 100644 layout/reftests/forms/input/number/number-spinbox-disabled-notref.html
 create mode 100644 layout/reftests/forms/input/number/number-spinbox-disabled.html
 create mode 100644 layout/reftests/forms/input/number/number-style-inheritance-ref.html
 create mode 100644 layout/reftests/forms/input/number/number-style-inheritance.html
 create mode 100644 layout/reftests/forms/input/number/padding-001-notref.html
 create mode 100644 layout/reftests/forms/input/number/padding-001-ref.html
 create mode 100644 layout/reftests/forms/input/number/padding-001.html
 create mode 100644 layout/reftests/forms/input/number/padding-002-ref.html
 create mode 100644 layout/reftests/forms/input/number/padding-002.html
 create mode 100644 layout/reftests/forms/input/number/pseudo-classes.html
 create mode 100644 layout/reftests/forms/input/number/reftest.list
 create mode 100644 layout/reftests/forms/input/number/show-value-ref.html
 create mode 100644 layout/reftests/forms/input/number/show-value.html
 create mode 100644 layout/reftests/forms/input/number/spinner-overflow-ref.html
 create mode 100644 layout/reftests/forms/input/number/spinner-overflow-vertical-ref.html
 create mode 100644 layout/reftests/forms/input/number/spinner-overflow-vertical.html
 create mode 100644 layout/reftests/forms/input/number/spinner-overflow.html
 create mode 100644 layout/reftests/forms/input/number/text.html
 create mode 100644 layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1-ref.html
 create mode 100644 layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/percentage/padding-ref.html
 create mode 100644 layout/reftests/forms/input/percentage/padding.html
 create mode 100644 layout/reftests/forms/input/percentage/reftest.list
 create mode 100644 layout/reftests/forms/input/radio/checked-appearance-none.html
 create mode 100644 layout/reftests/forms/input/radio/checked-native-notref.html
 create mode 100644 layout/reftests/forms/input/radio/checked-native.html
 create mode 100644 layout/reftests/forms/input/radio/label-dynamic-ref.html
 create mode 100644 layout/reftests/forms/input/radio/label-dynamic.html
 create mode 100644 layout/reftests/forms/input/radio/radio-clamp-01-ref.html
 create mode 100644 layout/reftests/forms/input/radio/radio-clamp-01.html
 create mode 100644 layout/reftests/forms/input/radio/radio-clamp-02-ref.html
 create mode 100644 layout/reftests/forms/input/radio/radio-clamp-02.html
 create mode 100644 layout/reftests/forms/input/radio/radio-minimum-size-notref.html
 create mode 100644 layout/reftests/forms/input/radio/radio-minimum-size.html
 create mode 100644 layout/reftests/forms/input/radio/reftest.list
 create mode 100644 layout/reftests/forms/input/radio/unchecked-appearance-none.html
 create mode 100644 layout/reftests/forms/input/range/100pct-common-ref.html
 create mode 100644 layout/reftests/forms/input/range/75pct-common-ref.html
 create mode 100644 layout/reftests/forms/input/range/75pct-unthemed-common-ref.html
 create mode 100644 layout/reftests/forms/input/range/auto-size-ref.html
 create mode 100644 layout/reftests/forms/input/range/auto-size.html
 create mode 100644 layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1-notref.html
 create mode 100644 layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/range/direction-unthemed-1-ref.html
 create mode 100644 layout/reftests/forms/input/range/direction-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1-ref.html
 create mode 100644 layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/range/max-prop.html
 create mode 100644 layout/reftests/forms/input/range/moz-range-progress-1-ref.html
 create mode 100644 layout/reftests/forms/input/range/moz-range-progress-1.html
 create mode 100644 layout/reftests/forms/input/range/moz-range-progress-2-ref.html
 create mode 100644 layout/reftests/forms/input/range/moz-range-progress-2.html
 create mode 100644 layout/reftests/forms/input/range/moz-range-progress-3-ref.html
 create mode 100644 layout/reftests/forms/input/range/moz-range-progress-3.html
 create mode 100644 layout/reftests/forms/input/range/not-other-type-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/range/not-other-type-unthemed-1a-notref.html
 create mode 100644 layout/reftests/forms/input/range/not-other-type-unthemed-1b-notref.html
 create mode 100644 layout/reftests/forms/input/range/not-other-type-unthemed-1c-notref.html
 create mode 100644 layout/reftests/forms/input/range/range-border-background-ref.html
 create mode 100644 layout/reftests/forms/input/range/range-border-background.html
 create mode 100644 layout/reftests/forms/input/range/range-orient-block.html
 create mode 100644 layout/reftests/forms/input/range/range-orient-horizontal-rtl.html
 create mode 100644 layout/reftests/forms/input/range/range-orient-horizontal.html
 create mode 100644 layout/reftests/forms/input/range/range-orient-inline.html
 create mode 100644 layout/reftests/forms/input/range/range-orient-vertical-rtl.html
 create mode 100644 layout/reftests/forms/input/range/range-orient-vertical.html
 create mode 100644 layout/reftests/forms/input/range/range-percent-intrinsic-size-2b-ref.html
 create mode 100644 layout/reftests/forms/input/range/range-percent-intrinsic-size-2b.html
 create mode 100644 layout/reftests/forms/input/range/range-track-bg-ref.html
 create mode 100644 layout/reftests/forms/input/range/range-track-bg.html
 create mode 100644 layout/reftests/forms/input/range/range-vlr-orient-block.html
 create mode 100644 layout/reftests/forms/input/range/range-vlr-orient-horizontal.html
 create mode 100644 layout/reftests/forms/input/range/range-vlr-orient-inline.html
 create mode 100644 layout/reftests/forms/input/range/range-vlr-orient-vertical.html
 create mode 100644 layout/reftests/forms/input/range/range-vlr.html
 create mode 100644 layout/reftests/forms/input/range/range-vrl-orient-block.html
 create mode 100644 layout/reftests/forms/input/range/range-vrl-orient-horizontal.html
 create mode 100644 layout/reftests/forms/input/range/range-vrl-orient-inline.html
 create mode 100644 layout/reftests/forms/input/range/range-vrl-orient-vertical.html
 create mode 100644 layout/reftests/forms/input/range/range-vrl.html
 create mode 100644 layout/reftests/forms/input/range/reftest.list
 create mode 100644 layout/reftests/forms/input/range/reset-value-ref.html
 create mode 100644 layout/reftests/forms/input/range/reset-value.html
 create mode 100644 layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1-ref.html
 create mode 100644 layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/range/stepDown-unthemed.html
 create mode 100644 layout/reftests/forms/input/range/stepDown.html
 create mode 100644 layout/reftests/forms/input/range/stepUp-unthemed.html
 create mode 100644 layout/reftests/forms/input/range/stepUp.html
 create mode 100644 layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1-ref.html
 create mode 100644 layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1.html
 create mode 100644 layout/reftests/forms/input/range/track-default-rendering-ref.html
 create mode 100644 layout/reftests/forms/input/range/track-default-rendering.html
 create mode 100644 layout/reftests/forms/input/range/value-prop-unthemed.html
 create mode 100644 layout/reftests/forms/input/range/value-prop.html
 create mode 100644 layout/reftests/forms/input/range/valueAsNumber-prop-unthemed.html
 create mode 100644 layout/reftests/forms/input/range/valueAsNumber-prop.html
 create mode 100644 layout/reftests/forms/input/reftest.list
 create mode 100644 layout/reftests/forms/input/search/1.html
 create mode 100644 layout/reftests/forms/input/search/2.html
 create mode 100644 layout/reftests/forms/input/search/3.html
 create mode 100644 layout/reftests/forms/input/search/appearance-textfield-dynamic.html
 create mode 100644 layout/reftests/forms/input/search/appearance-textfield.html
 create mode 100644 layout/reftests/forms/input/search/ref.html
 create mode 100644 layout/reftests/forms/input/search/reftest.list
 create mode 100644 layout/reftests/forms/input/search/search-basic.html
 create mode 100644 layout/reftests/forms/input/search/search-with-value.html
 create mode 100644 layout/reftests/forms/input/search/text-with-value.html
 create mode 100644 layout/reftests/forms/input/search/text.html
 create mode 100644 layout/reftests/forms/input/tel/1.html
 create mode 100644 layout/reftests/forms/input/tel/2.html
 create mode 100644 layout/reftests/forms/input/tel/3.html
 create mode 100644 layout/reftests/forms/input/tel/ref.html
 create mode 100644 layout/reftests/forms/input/tel/reftest.list
 create mode 100644 layout/reftests/forms/input/text/autofill-blank.html
 create mode 100644 layout/reftests/forms/input/text/autofill-line-height.html
 create mode 100644 layout/reftests/forms/input/text/autofill-prefilled-value.html
 create mode 100644 layout/reftests/forms/input/text/autofill-preview-blank.html
 create mode 100644 layout/reftests/forms/input/text/autofill-preview-line-height.html
 create mode 100644 layout/reftests/forms/input/text/autofill-preview.html
 create mode 100644 layout/reftests/forms/input/text/autofill.html
 create mode 100644 layout/reftests/forms/input/text/baseline-1-ref.html
 create mode 100644 layout/reftests/forms/input/text/baseline-1.html
 create mode 100644 layout/reftests/forms/input/text/bounds-1-ref.html
 create mode 100644 layout/reftests/forms/input/text/bounds-1.html
 create mode 100644 layout/reftests/forms/input/text/centering-1-ref.xhtml
 create mode 100644 layout/reftests/forms/input/text/centering-1.xhtml
 create mode 100644 layout/reftests/forms/input/text/dynamic-height-1-ref.xhtml
 create mode 100644 layout/reftests/forms/input/text/dynamic-height-1.xhtml
 create mode 100644 layout/reftests/forms/input/text/focus-on-anchor-ref.html
 create mode 100644 layout/reftests/forms/input/text/focus-on-anchor.html
 create mode 100644 layout/reftests/forms/input/text/height-small-font-notref.html
 create mode 100644 layout/reftests/forms/input/text/height-small-font.html
 create mode 100644 layout/reftests/forms/input/text/intrinsic-size-ref.html
 create mode 100644 layout/reftests/forms/input/text/intrinsic-size.html
 create mode 100644 layout/reftests/forms/input/text/line-height-0.5.html
 create mode 100644 layout/reftests/forms/input/text/line-height-1.0.html
 create mode 100644 layout/reftests/forms/input/text/line-height-2.5.html
 create mode 100644 layout/reftests/forms/input/text/pseudo-class-lock-ref.html
 create mode 100644 layout/reftests/forms/input/text/pseudo-class-lock.html
 create mode 100644 layout/reftests/forms/input/text/reftest.list
 create mode 100644 layout/reftests/forms/input/text/select-overflow-ref.html
 create mode 100644 layout/reftests/forms/input/text/select-overflow.html
 create mode 100644 layout/reftests/forms/input/text/select-ref.html
 create mode 100644 layout/reftests/forms/input/text/select.html
 create mode 100644 layout/reftests/forms/input/text/shadow-rules-ref.html
 create mode 100644 layout/reftests/forms/input/text/shadow-rules.html
 create mode 100644 layout/reftests/forms/input/text/size-1-ref.html
 create mode 100644 layout/reftests/forms/input/text/size-1.html
 create mode 100644 layout/reftests/forms/input/text/size-2-ref.html
 create mode 100644 layout/reftests/forms/input/text/size-2.html
 create mode 100644 layout/reftests/forms/input/url/1.html
 create mode 100644 layout/reftests/forms/input/url/2.html
 create mode 100644 layout/reftests/forms/input/url/3.html
 create mode 100644 layout/reftests/forms/input/url/ref.html
 create mode 100644 layout/reftests/forms/input/url/reftest.list
 create mode 100644 layout/reftests/forms/legend/1273433-ref.html
 create mode 100644 layout/reftests/forms/legend/1273433.html
 create mode 100644 layout/reftests/forms/legend/1339287-ref.html
 create mode 100644 layout/reftests/forms/legend/1339287.html
 create mode 100644 layout/reftests/forms/legend/legend-padding-1-ref.html
 create mode 100644 layout/reftests/forms/legend/legend-padding-1.html
 create mode 100644 layout/reftests/forms/legend/legend-padding-2-ref.html
 create mode 100644 layout/reftests/forms/legend/legend-padding-2.html
 create mode 100644 layout/reftests/forms/legend/legend-ref.html
 create mode 100644 layout/reftests/forms/legend/legend.html
 create mode 100644 layout/reftests/forms/legend/reftest.list
 create mode 100644 layout/reftests/forms/legend/shadow-dom-ref.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element-ref.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element-rtl-ref.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element-rtl.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element-vertical-ref.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl-ref.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element-vertical.html
 create mode 100644 layout/reftests/forms/meter/bar-pseudo-element.html
 create mode 100644 layout/reftests/forms/meter/block-invalidate-ref.html
 create mode 100644 layout/reftests/forms/meter/block-invalidate.html
 create mode 100644 layout/reftests/forms/meter/default-style/default-style-dyn-ref.html
 create mode 100644 layout/reftests/forms/meter/default-style/default-style-dyn.html
 create mode 100644 layout/reftests/forms/meter/default-style/default-style-ref.html
 create mode 100644 layout/reftests/forms/meter/default-style/default-style.html
 create mode 100644 layout/reftests/forms/meter/default-style/reftest.list
 create mode 100644 layout/reftests/forms/meter/default-style/style.css
 create mode 100644 layout/reftests/forms/meter/in-cells-ref.html
 create mode 100644 layout/reftests/forms/meter/in-cells.html
 create mode 100644 layout/reftests/forms/meter/margin-padding-ref.html
 create mode 100644 layout/reftests/forms/meter/margin-padding-rtl-ref.html
 create mode 100644 layout/reftests/forms/meter/margin-padding-rtl.html
 create mode 100644 layout/reftests/forms/meter/margin-padding-vertical-ref.html
 create mode 100644 layout/reftests/forms/meter/margin-padding-vertical-rtl-ref.html
 create mode 100644 layout/reftests/forms/meter/margin-padding-vertical-rtl.html
 create mode 100644 layout/reftests/forms/meter/margin-padding-vertical.html
 create mode 100644 layout/reftests/forms/meter/margin-padding.html
 create mode 100644 layout/reftests/forms/meter/max-height-ref.html
 create mode 100644 layout/reftests/forms/meter/max-height.html
 create mode 100644 layout/reftests/forms/meter/meter-orient-block.html
 create mode 100644 layout/reftests/forms/meter/meter-orient-horizontal-rtl.html
 create mode 100644 layout/reftests/forms/meter/meter-orient-horizontal.html
 create mode 100644 layout/reftests/forms/meter/meter-orient-inline.html
 create mode 100644 layout/reftests/forms/meter/meter-orient-vertical-rtl.html
 create mode 100644 layout/reftests/forms/meter/meter-orient-vertical.html
 create mode 100644 layout/reftests/forms/meter/meter-vlr-orient-block.html
 create mode 100644 layout/reftests/forms/meter/meter-vlr-orient-horizontal.html
 create mode 100644 layout/reftests/forms/meter/meter-vlr-orient-inline.html
 create mode 100644 layout/reftests/forms/meter/meter-vlr-orient-vertical.html
 create mode 100644 layout/reftests/forms/meter/meter-vlr.html
 create mode 100644 layout/reftests/forms/meter/meter-vrl-orient-block.html
 create mode 100644 layout/reftests/forms/meter/meter-vrl-orient-horizontal.html
 create mode 100644 layout/reftests/forms/meter/meter-vrl-orient-inline.html
 create mode 100644 layout/reftests/forms/meter/meter-vrl-orient-vertical.html
 create mode 100644 layout/reftests/forms/meter/meter-vrl.html
 create mode 100644 layout/reftests/forms/meter/reftest.list
 create mode 100644 layout/reftests/forms/meter/rounded-corner-clipping-ref.html
 create mode 100644 layout/reftests/forms/meter/rounded-corner-clipping.html
 create mode 100644 layout/reftests/forms/meter/style.css
 create mode 100644 layout/reftests/forms/meter/transformations-ref.html
 create mode 100644 layout/reftests/forms/meter/transformations.html
 create mode 100644 layout/reftests/forms/meter/values-ref.html
 create mode 100644 layout/reftests/forms/meter/values-rtl-ref.html
 create mode 100644 layout/reftests/forms/meter/values-rtl.html
 create mode 100644 layout/reftests/forms/meter/values-vertical-ref.html
 create mode 100644 layout/reftests/forms/meter/values-vertical-rtl-ref.html
 create mode 100644 layout/reftests/forms/meter/values-vertical-rtl.html
 create mode 100644 layout/reftests/forms/meter/values-vertical.html
 create mode 100644 layout/reftests/forms/meter/values.html
 create mode 100644 layout/reftests/forms/output/output-1.html
 create mode 100644 layout/reftests/forms/output/output-2.html
 create mode 100644 layout/reftests/forms/output/output-3.html
 create mode 100644 layout/reftests/forms/output/output-4.html
 create mode 100644 layout/reftests/forms/output/output-5.html
 create mode 100644 layout/reftests/forms/output/output-6.html
 create mode 100644 layout/reftests/forms/output/output-7.html
 create mode 100644 layout/reftests/forms/output/output-ref-2.html
 create mode 100644 layout/reftests/forms/output/output-ref-3.html
 create mode 100644 layout/reftests/forms/output/output-ref.html
 create mode 100644 layout/reftests/forms/output/reftest.list
 create mode 100644 layout/reftests/forms/overflow-ref.html
 create mode 100644 layout/reftests/forms/overflow.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-1-password.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-1-text.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-1-textarea.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-10.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-11.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-12.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-13.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-14.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-18.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-2-textarea.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-2.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-20.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-21.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-22.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-3.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-4.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-5.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-6-textarea.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-6.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-7.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-8.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-9.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-blank-ref.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-focus-ref.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-overflow-ref.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-overflow-textarea-ref.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-overridden-ref.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-rtl-ref.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-rtl.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-style.css
 create mode 100644 layout/reftests/forms/placeholder/placeholder-visible-ref.html
 create mode 100644 layout/reftests/forms/placeholder/placeholder-visible-textarea-ref.html
 create mode 100644 layout/reftests/forms/placeholder/reftest.list
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element-ref.html
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element-rtl-ref.html
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element-rtl.html
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element-vertical-ref.html
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl-ref.html
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl.html
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element-vertical.html
 create mode 100644 layout/reftests/forms/progress/bar-pseudo-element.html
 create mode 100644 layout/reftests/forms/progress/block-invalidate-ref.html
 create mode 100644 layout/reftests/forms/progress/block-invalidate.html
 create mode 100644 layout/reftests/forms/progress/in-cells-ref.html
 create mode 100644 layout/reftests/forms/progress/in-cells.html
 create mode 100644 layout/reftests/forms/progress/indeterminate-style-height-ref.html
 create mode 100644 layout/reftests/forms/progress/indeterminate-style-height.html
 create mode 100644 layout/reftests/forms/progress/indeterminate-style-width-ref.html
 create mode 100644 layout/reftests/forms/progress/indeterminate-style-width.html
 create mode 100644 layout/reftests/forms/progress/margin-padding-ref.html
 create mode 100644 layout/reftests/forms/progress/margin-padding-rtl-ref.html
 create mode 100644 layout/reftests/forms/progress/margin-padding-rtl.html
 create mode 100644 layout/reftests/forms/progress/margin-padding-vertical-ref.html
 create mode 100644 layout/reftests/forms/progress/margin-padding-vertical-rtl-ref.html
 create mode 100644 layout/reftests/forms/progress/margin-padding-vertical-rtl.html
 create mode 100644 layout/reftests/forms/progress/margin-padding-vertical.html
 create mode 100644 layout/reftests/forms/progress/margin-padding.html
 create mode 100644 layout/reftests/forms/progress/max-height-ref.html
 create mode 100644 layout/reftests/forms/progress/max-height.html
 create mode 100644 layout/reftests/forms/progress/progress-orient-block.html
 create mode 100644 layout/reftests/forms/progress/progress-orient-horizontal-rtl.html
 create mode 100644 layout/reftests/forms/progress/progress-orient-horizontal.html
 create mode 100644 layout/reftests/forms/progress/progress-orient-inline.html
 create mode 100644 layout/reftests/forms/progress/progress-orient-vertical-rtl.html
 create mode 100644 layout/reftests/forms/progress/progress-orient-vertical.html
 create mode 100644 layout/reftests/forms/progress/progress-vlr-orient-block.html
 create mode 100644 layout/reftests/forms/progress/progress-vlr-orient-horizontal.html
 create mode 100644 layout/reftests/forms/progress/progress-vlr-orient-inline.html
 create mode 100644 layout/reftests/forms/progress/progress-vlr-orient-vertical.html
 create mode 100644 layout/reftests/forms/progress/progress-vlr.html
 create mode 100644 layout/reftests/forms/progress/progress-vrl-orient-block.html
 create mode 100644 layout/reftests/forms/progress/progress-vrl-orient-horizontal.html
 create mode 100644 layout/reftests/forms/progress/progress-vrl-orient-inline.html
 create mode 100644 layout/reftests/forms/progress/progress-vrl-orient-vertical.html
 create mode 100644 layout/reftests/forms/progress/progress-vrl.html
 create mode 100644 layout/reftests/forms/progress/reftest.list
 create mode 100644 layout/reftests/forms/progress/style.css
 create mode 100644 layout/reftests/forms/progress/transformations-ref.html
 create mode 100644 layout/reftests/forms/progress/transformations.html
 create mode 100644 layout/reftests/forms/progress/values-ref.html
 create mode 100644 layout/reftests/forms/progress/values-rtl-ref.html
 create mode 100644 layout/reftests/forms/progress/values-rtl.html
 create mode 100644 layout/reftests/forms/progress/values-vertical-ref.html
 create mode 100644 layout/reftests/forms/progress/values-vertical-rtl-ref.html
 create mode 100644 layout/reftests/forms/progress/values-vertical-rtl.html
 create mode 100644 layout/reftests/forms/progress/values-vertical.html
 create mode 100644 layout/reftests/forms/progress/values.html
 create mode 100644 layout/reftests/forms/reftest.list
 create mode 100644 layout/reftests/forms/select/1769580-ref.html
 create mode 100644 layout/reftests/forms/select/1769580.html
 create mode 100644 layout/reftests/forms/select/997709-2-ref.html
 create mode 100644 layout/reftests/forms/select/997709-2.html
 create mode 100644 layout/reftests/forms/select/arrow-color-notref.html
 create mode 100644 layout/reftests/forms/select/arrow-color.html
 create mode 100644 layout/reftests/forms/select/boguskids-ref.html
 create mode 100644 layout/reftests/forms/select/boguskids.html
 create mode 100644 layout/reftests/forms/select/dynamic-boguskids.html
 create mode 100644 layout/reftests/forms/select/dynamic-text-indent-1-ref.html
 create mode 100644 layout/reftests/forms/select/dynamic-text-indent-1.html
 create mode 100644 layout/reftests/forms/select/dynamic-text-overflow-1-ref.html
 create mode 100644 layout/reftests/forms/select/dynamic-text-overflow-1.html
 create mode 100644 layout/reftests/forms/select/focusring-1-ref.html
 create mode 100644 layout/reftests/forms/select/focusring-1.html
 create mode 100644 layout/reftests/forms/select/focusring-2-ref.html
 create mode 100644 layout/reftests/forms/select/focusring-2.html
 create mode 100644 layout/reftests/forms/select/intrinsic-size-scrollbar.html
 create mode 100644 layout/reftests/forms/select/listbox-checked-style-notref.html
 create mode 100644 layout/reftests/forms/select/listbox-checked-style-ref.html
 create mode 100644 layout/reftests/forms/select/listbox-checked-style.html
 create mode 100644 layout/reftests/forms/select/listbox-focus-notref.html
 create mode 100644 layout/reftests/forms/select/listbox-focus.html
 create mode 100644 layout/reftests/forms/select/listbox-zero-row-initial-ref.html
 create mode 100644 layout/reftests/forms/select/listbox-zero-row-initial.html
 create mode 100644 layout/reftests/forms/select/multiple-ref.html
 create mode 100644 layout/reftests/forms/select/multiple.html
 create mode 100644 layout/reftests/forms/select/no-padding-ref.html
 create mode 100644 layout/reftests/forms/select/no-padding.html
 create mode 100644 layout/reftests/forms/select/option-children-ref.html
 create mode 100644 layout/reftests/forms/select/option-children.html
 create mode 100644 layout/reftests/forms/select/out-of-bounds-selectedindex-ref.html
 create mode 100644 layout/reftests/forms/select/out-of-bounds-selectedindex.html
 create mode 100644 layout/reftests/forms/select/padding-button-placement-ref.html
 create mode 100644 layout/reftests/forms/select/padding-button-placement.html
 create mode 100644 layout/reftests/forms/select/reftest.list
 create mode 100644 layout/reftests/forms/select/select-option-display-none-inline-size-ref.html
 create mode 100644 layout/reftests/forms/select/select-option-display-none-inline-size.html
 create mode 100644 layout/reftests/forms/select/select-scrollbar-width-ref.html
 create mode 100644 layout/reftests/forms/select/select-scrollbar-width.html
 create mode 100644 layout/reftests/forms/select/themed-select-padding-no-clip-ref.html
 create mode 100644 layout/reftests/forms/select/themed-select-padding-no-clip.html
 create mode 100644 layout/reftests/forms/select/vertical-centering-ref.html
 create mode 100644 layout/reftests/forms/select/vertical-centering.html
 create mode 100644 layout/reftests/forms/text-control-baseline-1-ref.html
 create mode 100644 layout/reftests/forms/text-control-baseline-1.html
 create mode 100644 layout/reftests/forms/textarea/appearance-background-change-ref.html
 create mode 100644 layout/reftests/forms/textarea/appearance-background-change.html
 create mode 100644 layout/reftests/forms/textarea/in-dynamic-rtl-doc.html
 create mode 100644 layout/reftests/forms/textarea/in-ltr-doc-scrollbar.html
 create mode 100644 layout/reftests/forms/textarea/in-rtl-doc-scrollbar.html
 create mode 100644 layout/reftests/forms/textarea/ltr-scrollbar.html
 create mode 100644 layout/reftests/forms/textarea/ltr.html
 create mode 100644 layout/reftests/forms/textarea/no-resize.html
 create mode 100644 layout/reftests/forms/textarea/padding-scrollbar-placement-ref.html
 create mode 100644 layout/reftests/forms/textarea/padding-scrollbar-placement.html
 create mode 100644 layout/reftests/forms/textarea/padding-text-overflow-notref.html
 create mode 100644 layout/reftests/forms/textarea/padding-text-overflow.html
 create mode 100644 layout/reftests/forms/textarea/reftest.list
 create mode 100644 layout/reftests/forms/textarea/resize-background-ref.html
 create mode 100644 layout/reftests/forms/textarea/resize-background.html
 create mode 100644 layout/reftests/forms/textarea/resize-ref.html
 create mode 100644 layout/reftests/forms/textarea/resize-rtl-ref.html
 create mode 100644 layout/reftests/forms/textarea/resize-rtl-vertical.html
 create mode 100644 layout/reftests/forms/textarea/resize-rtl.html
 create mode 100644 layout/reftests/forms/textarea/resize-vertical.html
 create mode 100644 layout/reftests/forms/textarea/resize.html
 create mode 100644 layout/reftests/forms/textarea/rtl-dynamic-attr.html
 create mode 100644 layout/reftests/forms/textarea/rtl-dynamic-style.html
 create mode 100644 layout/reftests/forms/textarea/rtl-scrollbar.html
 create mode 100644 layout/reftests/forms/textarea/rtl.html
 create mode 100644 layout/reftests/forms/textarea/various-cols-ref.html
 create mode 100644 layout/reftests/forms/textarea/various-cols.html
 create mode 100644 layout/reftests/forms/textbox/accesskey-1-dyn.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-1-notref.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-1.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-2-ref.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-2.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-3-notref.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-3-ref.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-3.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-4-notref.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-4-ref.xhtml
 create mode 100644 layout/reftests/forms/textbox/accesskey-4.xhtml
 create mode 100644 layout/reftests/forms/textbox/align-baseline-1-ref.xhtml
 create mode 100644 layout/reftests/forms/textbox/align-baseline-1.xhtml
 create mode 100644 layout/reftests/forms/textbox/reftest.list
 create mode 100644 layout/reftests/forms/textbox/setsize-ref.xhtml
 create mode 100644 layout/reftests/forms/textbox/setsize.xhtml
 create mode 100644 layout/reftests/frameset/frameset-add-col-ref.html
 create mode 100644 layout/reftests/frameset/frameset-add-col.html
 create mode 100644 layout/reftests/frameset/frameset-add-row-ref.html
 create mode 100644 layout/reftests/frameset/frameset-add-row.html
 create mode 100644 layout/reftests/frameset/frameset-remove-col-ref.html
 create mode 100644 layout/reftests/frameset/frameset-remove-col.html
 create mode 100644 layout/reftests/frameset/frameset-remove-row-ref.html
 create mode 100644 layout/reftests/frameset/frameset-remove-row.html
 create mode 100644 layout/reftests/frameset/reftest.list
 create mode 100644 layout/reftests/generated-content/attr-whitespace-ref.html
 create mode 100644 layout/reftests/generated-content/attr-whitespace.xhtml
 create mode 100644 layout/reftests/generated-content/before-style-sharing-ref.html
 create mode 100644 layout/reftests/generated-content/before-style-sharing.html
 create mode 100644 layout/reftests/generated-content/display-types-01-ref.html
 create mode 100644 layout/reftests/generated-content/display-types-01.html
 create mode 100644 layout/reftests/generated-content/dynamic-attr-01-ref.html
 create mode 100644 layout/reftests/generated-content/dynamic-attr-01.html
 create mode 100644 layout/reftests/generated-content/dynamic-button-01-ref.html
 create mode 100644 layout/reftests/generated-content/dynamic-button-01a.html
 create mode 100644 layout/reftests/generated-content/dynamic-button-01b.html
 create mode 100644 layout/reftests/generated-content/dynamic-content-ref.html
 create mode 100644 layout/reftests/generated-content/dynamic-content.html
 create mode 100644 layout/reftests/generated-content/dynamic-fieldset-01-ref.html
 create mode 100644 layout/reftests/generated-content/dynamic-fieldset-01a.html
 create mode 100644 layout/reftests/generated-content/dynamic-fieldset-01b.html
 create mode 100644 layout/reftests/generated-content/dynamic-generated-content-inherit-001.html
 create mode 100644 layout/reftests/generated-content/dynamic-restyle-01-ref.html
 create mode 100644 layout/reftests/generated-content/dynamic-restyle-01.html
 create mode 100644 layout/reftests/generated-content/dynamic-table-cell-01-ref.html
 create mode 100644 layout/reftests/generated-content/dynamic-table-cell-01a.html
 create mode 100644 layout/reftests/generated-content/dynamic-table-cell-01b.html
 create mode 100644 layout/reftests/generated-content/dynamic-table-cell-indent-ref.html
 create mode 100644 layout/reftests/generated-content/dynamic-table-cell-indent.html
 create mode 100644 layout/reftests/generated-content/floated-01-ref.html
 create mode 100644 layout/reftests/generated-content/floated-01.html
 create mode 100644 layout/reftests/generated-content/generated-content-inherit-001-ref.html
 create mode 100644 layout/reftests/generated-content/generated-content-inherit-001.html
 create mode 100644 layout/reftests/generated-content/images-01-ref.html
 create mode 100644 layout/reftests/generated-content/images-01.html
 create mode 100644 layout/reftests/generated-content/positioned-01-ref.html
 create mode 100644 layout/reftests/generated-content/positioned-01.html
 create mode 100644 layout/reftests/generated-content/quotes-001-ref.xml
 create mode 100644 layout/reftests/generated-content/quotes-001.xml
 create mode 100644 layout/reftests/generated-content/reftest.list
 create mode 100644 layout/reftests/generated-content/square-outline-32x32.png
 create mode 100644 layout/reftests/generated-content/table-ignoring-whitespace-01-ref.html
 create mode 100644 layout/reftests/generated-content/table-ignoring-whitespace-01.html
 create mode 100644 layout/reftests/generated-content/table-parts-01-ref.html
 create mode 100644 layout/reftests/generated-content/table-parts-01.html
 create mode 100644 layout/reftests/generated-content/transitive-style-invalidation-ref.html
 create mode 100644 layout/reftests/generated-content/transitive-style-invalidation.html
 create mode 100644 layout/reftests/high-contrast/ahem.css
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-001-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-001.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-002-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-002.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-003-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-003.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-004-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-004.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-005-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-005.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-006-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-006.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-007-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-007.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-008-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-008.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-009-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-009.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-010-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-010.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-011-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-011.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-012-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-012.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-013-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-013.html
 create mode 100644 layout/reftests/high-contrast/backplate-bg-image-014.html
 create mode 100644 layout/reftests/high-contrast/backplate-force-color-adjust-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-force-color-adjust.html
 create mode 100644 layout/reftests/high-contrast/backplate-select-001-ref.html
 create mode 100644 layout/reftests/high-contrast/backplate-select-001.html
 create mode 100644 layout/reftests/high-contrast/bg-image-div-001-ref.html
 create mode 100644 layout/reftests/high-contrast/bg-image-div-001.html
 create mode 100644 layout/reftests/high-contrast/bg-image-div-002-ref.html
 create mode 100644 layout/reftests/high-contrast/bg-image-div-002.html
 create mode 100644 layout/reftests/high-contrast/bg-image-root-001-ref.html
 create mode 100644 layout/reftests/high-contrast/bg-image-root-001.html
 create mode 100644 layout/reftests/high-contrast/blue.png
 create mode 100644 layout/reftests/high-contrast/border-color-transparent-ref.html
 create mode 100644 layout/reftests/high-contrast/border-color-transparent.html
 create mode 100644 layout/reftests/high-contrast/cascade-001.html
 create mode 100644 layout/reftests/high-contrast/color-mix-notref.html
 create mode 100644 layout/reftests/high-contrast/color-mix.html
 create mode 100644 layout/reftests/high-contrast/color-transparent-001.html
 create mode 100644 layout/reftests/high-contrast/color-transparent-002.html
 create mode 100644 layout/reftests/high-contrast/currentColor-ref.html
 create mode 100644 layout/reftests/high-contrast/currentColor.html
 create mode 100644 layout/reftests/high-contrast/forced-colors-000.html
 create mode 100644 layout/reftests/high-contrast/forced-colors-001.html
 create mode 100644 layout/reftests/high-contrast/forced-colors-002.html
 create mode 100644 layout/reftests/high-contrast/green.png
 create mode 100644 layout/reftests/high-contrast/links-2.html
 create mode 100644 layout/reftests/high-contrast/links-ref.html
 create mode 100644 layout/reftests/high-contrast/links.html
 create mode 100644 layout/reftests/high-contrast/no-system-colors-color-scheme-ref.html
 create mode 100644 layout/reftests/high-contrast/no-system-colors-color-scheme.html
 create mode 100644 layout/reftests/high-contrast/non-themed-button-001-ref.html
 create mode 100644 layout/reftests/high-contrast/non-themed-button-001.html
 create mode 100644 layout/reftests/high-contrast/non-themed-button-002-ref.html
 create mode 100644 layout/reftests/high-contrast/non-themed-button-002.html
 create mode 100644 layout/reftests/high-contrast/prefers-color-scheme-dark.html
 create mode 100644 layout/reftests/high-contrast/prefers-color-scheme-light.html
 create mode 100644 layout/reftests/high-contrast/prefers-color-scheme.html
 create mode 100644 layout/reftests/high-contrast/prefers-contrast-001.html
 create mode 100644 layout/reftests/high-contrast/prefers-contrast-002.html
 create mode 100644 layout/reftests/high-contrast/prefers-contrast-005.html
 create mode 100644 layout/reftests/high-contrast/prefers-contrast-black-ref.html
 create mode 100644 layout/reftests/high-contrast/red.png
 create mode 100644 layout/reftests/high-contrast/reftest.list
 create mode 100644 layout/reftests/high-contrast/selection-001-ref.html
 create mode 100644 layout/reftests/high-contrast/selection-001.html
 create mode 100644 layout/reftests/high-contrast/semi-transparent-background.html
 create mode 100644 layout/reftests/high-contrast/semi-transparent-overlay.html
 create mode 100644 layout/reftests/high-contrast/system-colors-notref.html
 create mode 100644 layout/reftests/high-contrast/system-colors.html
 create mode 100644 layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/append-to-empty-trailing-inline-1.html
 create mode 100644 layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html
 create mode 100644 layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/append-to-nested-split-inline-1.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-1-ref.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-1a.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-1b.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-2-ref.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-2a.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-2b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-10-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-10.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-11-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-11.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-12-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-12.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-13-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-13.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-14-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-14.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-15-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-15.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-17-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-17.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1c.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1d.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1e.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1f.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1g.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1h.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1i.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1j.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1k.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1l.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2c.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2d.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2e.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2f.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2g.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2h.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2i.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-3-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-3.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-4-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-4.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-5-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-5-shadow.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-6-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-6.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-7-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-7.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8c.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-9-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-9.html
 create mode 100644 layout/reftests/ib-split/reftest.list
 create mode 100644 layout/reftests/ib-split/relpos-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/relpos-inline-1a.html
 create mode 100644 layout/reftests/ib-split/relpos-inline-1b.html
 create mode 100644 layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html
 create mode 100644 layout/reftests/ib-split/trailing-inline-with-continuations-1.html
 create mode 100644 layout/reftests/image-element/broken-icon.html
 create mode 100644 layout/reftests/image-element/bug-364968-ref.html
 create mode 100644 layout/reftests/image-element/bug-364968.html
 create mode 100644 layout/reftests/image-element/bug-463204-ref.html
 create mode 100644 layout/reftests/image-element/bug-463204.html
 create mode 100644 layout/reftests/image-element/canvas-drawing.js
 create mode 100644 layout/reftests/image-element/canvas-inside-document.html
 create mode 100644 layout/reftests/image-element/canvas-outside-document-invalidate-01.html
 create mode 100644 layout/reftests/image-element/canvas-outside-document-invalidate-02.html
 create mode 100644 layout/reftests/image-element/canvas-outside-document.html
 create mode 100644 layout/reftests/image-element/element-paint-background-size-01-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-background-size-01.html
 create mode 100644 layout/reftests/image-element/element-paint-background-size-02-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-background-size-02.html
 create mode 100644 layout/reftests/image-element/element-paint-clippath-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-clippath.html
 create mode 100644 layout/reftests/image-element/element-paint-continuation-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-continuation.html
 create mode 100644 layout/reftests/image-element/element-paint-multiple-backgrounds-01-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-multiple-backgrounds-01a.html
 create mode 100644 layout/reftests/image-element/element-paint-multiple-backgrounds-01b.html
 create mode 100644 layout/reftests/image-element/element-paint-multiple-backgrounds-01c.html
 create mode 100644 layout/reftests/image-element/element-paint-native-widget-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-native-widget.html
 create mode 100644 layout/reftests/image-element/element-paint-paintserversize-rounding-01-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-paintserversize-rounding-01.html
 create mode 100644 layout/reftests/image-element/element-paint-paintserversize-rounding-02-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-paintserversize-rounding-02.html
 create mode 100644 layout/reftests/image-element/element-paint-recursion-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-recursion.html
 create mode 100644 layout/reftests/image-element/element-paint-repeated-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-repeated.html
 create mode 100644 layout/reftests/image-element/element-paint-sharpness-01a.html
 create mode 100644 layout/reftests/image-element/element-paint-sharpness-01b.html
 create mode 100644 layout/reftests/image-element/element-paint-sharpness-01c.html
 create mode 100644 layout/reftests/image-element/element-paint-sharpness-01d.html
 create mode 100644 layout/reftests/image-element/element-paint-sharpness-02a.html
 create mode 100644 layout/reftests/image-element/element-paint-sharpness-02b.html
 create mode 100644 layout/reftests/image-element/element-paint-sharpness-02c.html
 create mode 100644 layout/reftests/image-element/element-paint-simple-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-simple.html
 create mode 100644 layout/reftests/image-element/element-paint-subimage-sampling-restriction.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-01-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-01.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-02-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-02.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-03-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-03.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-repeated-ref.html
 create mode 100644 layout/reftests/image-element/element-paint-transform-repeated.html
 create mode 100644 layout/reftests/image-element/empty-src.html
 create mode 100644 layout/reftests/image-element/gradient-html-01-ref.svg
 create mode 100644 layout/reftests/image-element/gradient-html-01.html
 create mode 100644 layout/reftests/image-element/gradient-html-02-ref.svg
 create mode 100644 layout/reftests/image-element/gradient-html-02.html
 create mode 100644 layout/reftests/image-element/gradient-html-03-ref.svg
 create mode 100644 layout/reftests/image-element/gradient-html-03.html
 create mode 100644 layout/reftests/image-element/gradient-html-04-ref.html
 create mode 100644 layout/reftests/image-element/gradient-html-04.html
 create mode 100644 layout/reftests/image-element/gradient-html-05-ref.html
 create mode 100644 layout/reftests/image-element/gradient-html-05.html
 create mode 100644 layout/reftests/image-element/gradient-html-06a.html
 create mode 100644 layout/reftests/image-element/gradient-html-06b.html
 create mode 100644 layout/reftests/image-element/gradient-html-06c.html
 create mode 100644 layout/reftests/image-element/gradient-html-06d.html
 create mode 100644 layout/reftests/image-element/gradient-html-06e.html
 create mode 100644 layout/reftests/image-element/gradient-html-07a.html
 create mode 100644 layout/reftests/image-element/gradient-html-07b.html
 create mode 100644 layout/reftests/image-element/gradient-html-07c.html
 create mode 100644 layout/reftests/image-element/gradient-html-07d.html
 create mode 100644 layout/reftests/image-element/image-outside-document-invalidate.html
 create mode 100644 layout/reftests/image-element/invalid-src-2.html
 create mode 100644 layout/reftests/image-element/invalid-src.html
 create mode 100644 layout/reftests/image-element/invalidate-1-ref.html
 create mode 100644 layout/reftests/image-element/invalidate-1.html
 create mode 100644 layout/reftests/image-element/mask-image-element-ref.html
 create mode 100644 layout/reftests/image-element/mask-image-element.html
 create mode 100644 layout/reftests/image-element/mozsetimageelement-01-ref.html
 create mode 100644 layout/reftests/image-element/mozsetimageelement-01.html
 create mode 100644 layout/reftests/image-element/mozsetimageelement-02.html
 create mode 100644 layout/reftests/image-element/no-src.html
 create mode 100644 layout/reftests/image-element/orientation-1-ref.html
 create mode 100644 layout/reftests/image-element/orientation-1.html
 create mode 100644 layout/reftests/image-element/pattern-html-01-ref.svg
 create mode 100644 layout/reftests/image-element/pattern-html-01.html
 create mode 100644 layout/reftests/image-element/pattern-html-02-ref.svg
 create mode 100644 layout/reftests/image-element/pattern-html-02.html
 create mode 100644 layout/reftests/image-element/reftest.list
 create mode 100644 layout/reftests/image-element/repeatable-diagonal-gradient.png
 create mode 100644 layout/reftests/image/100.png
 create mode 100644 layout/reftests/image/200.png
 create mode 100644 layout/reftests/image/300.png
 create mode 100644 layout/reftests/image/400.png
 create mode 100644 layout/reftests/image/50.png
 create mode 100644 layout/reftests/image/500.svg
 create mode 100644 layout/reftests/image/background-image-zoom-1-ref.html
 create mode 100644 layout/reftests/image/background-image-zoom-1.html
 create mode 100644 layout/reftests/image/background-image-zoom-2.html
 create mode 100644 layout/reftests/image/big.png
 create mode 100644 layout/reftests/image/blue-100x50.png
 create mode 100644 layout/reftests/image/blue-16x20.png
 create mode 100644 layout/reftests/image/blue-32x32.png
 create mode 100644 layout/reftests/image/blue-50x100.png
 create mode 100644 layout/reftests/image/blue-50x50.png
 create mode 100644 layout/reftests/image/image-exif-0-deg-flip.jpg
 create mode 100644 layout/reftests/image/image-exif-0-deg.jpg
 create mode 100644 layout/reftests/image/image-exif-180-deg-flip.jpg
 create mode 100644 layout/reftests/image/image-exif-180-deg.jpg
 create mode 100644 layout/reftests/image/image-exif-270-deg-flip.jpg
 create mode 100644 layout/reftests/image/image-exif-270-deg.jpg
 create mode 100644 layout/reftests/image/image-exif-90-deg-flip.jpg
 create mode 100644 layout/reftests/image/image-exif-90-deg.jpg
 create mode 100644 layout/reftests/image/image-exif-none.jpg
 create mode 100644 layout/reftests/image/image-in-iframe-1-ref.html
 create mode 100644 layout/reftests/image/image-in-iframe-1.html
 create mode 100644 layout/reftests/image/image-object-fit-dyn-1-ref.html
 create mode 100644 layout/reftests/image/image-object-fit-dyn-1.html
 create mode 100644 layout/reftests/image/image-object-fit-with-background-1-ref.html
 create mode 100644 layout/reftests/image/image-object-fit-with-background-1.html
 create mode 100644 layout/reftests/image/image-object-fit-with-background-2-ref.html
 create mode 100644 layout/reftests/image/image-object-fit-with-background-2.html
 create mode 100644 layout/reftests/image/image-object-position-dyn-1-ref.html
 create mode 100644 layout/reftests/image/image-object-position-dyn-1.html
 create mode 100644 layout/reftests/image/image-object-position-with-background-1-ref.html
 create mode 100644 layout/reftests/image/image-object-position-with-background-1.html
 create mode 100644 layout/reftests/image/image-object-position-with-background-2-ref.html
 create mode 100644 layout/reftests/image/image-object-position-with-background-2.html
 create mode 100644 layout/reftests/image/image-orientation-background.html
 create mode 100644 layout/reftests/image/image-orientation-dynamic-ref.html
 create mode 100644 layout/reftests/image/image-orientation-dynamic.html
 create mode 100644 layout/reftests/image/image-orientation-explicit-none.html
 create mode 100644 layout/reftests/image/image-orientation-from-image.html
 create mode 100644 layout/reftests/image/image-orientation-generated-content-ref.html
 create mode 100644 layout/reftests/image/image-orientation-generated-content.html
 create mode 100644 layout/reftests/image/image-orientation-ref.html
 create mode 100644 layout/reftests/image/image-resize-percent-height.html
 create mode 100644 layout/reftests/image/image-resize-percent-width.html
 create mode 100644 layout/reftests/image/image-resize-ref.html
 create mode 100644 layout/reftests/image/image-seam-1-ref.html
 create mode 100644 layout/reftests/image/image-seam-1a.html
 create mode 100644 layout/reftests/image/image-seam-1b.html
 create mode 100644 layout/reftests/image/image-seam-2-ref.html
 create mode 100644 layout/reftests/image/image-seam-2.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-0.1x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-0.1x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-0.5x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-0.5x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-0.6x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-0.6x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-1.5x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-1.5x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-1x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-1x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-2x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-2x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-0.5x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-0.5x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-10x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-10x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-1x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-1x.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-2x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-basic-selection-width-2x.html
 create mode 100644 layout/reftests/image/image-srcset-default-1x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-default-1x.html
 create mode 100644 layout/reftests/image/image-srcset-default-2x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-default-2x.html
 create mode 100644 layout/reftests/image/image-srcset-default-src-1x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-default-src-1x.html
 create mode 100644 layout/reftests/image/image-srcset-default-src-2x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-default-src-2x.html
 create mode 100644 layout/reftests/image/image-srcset-isize-ref.html
 create mode 100644 layout/reftests/image/image-srcset-isize.html
 create mode 100644 layout/reftests/image/image-srcset-svg-1x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-svg-1x.html
 create mode 100644 layout/reftests/image/image-srcset-svg-2x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-svg-2x.html
 create mode 100644 layout/reftests/image/image-srcset-svg-3x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-svg-3x.html
 create mode 100644 layout/reftests/image/image-srcset-svg-default-1x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-svg-default-1x.html
 create mode 100644 layout/reftests/image/image-srcset-svg-default-2x-ref.html
 create mode 100644 layout/reftests/image/image-srcset-svg-default-2x.html
 create mode 100644 layout/reftests/image/image-zoom-1-ref.html
 create mode 100644 layout/reftests/image/image-zoom-1.html
 create mode 100644 layout/reftests/image/image-zoom-2.html
 create mode 100644 layout/reftests/image/img-invalidation-local-transform-1-ref.html
 create mode 100644 layout/reftests/image/img-invalidation-local-transform-1-ref.png
 create mode 100644 layout/reftests/image/img-invalidation-local-transform-1.html
 create mode 100644 layout/reftests/image/img-invalidation-local-transform-1.png
 create mode 100644 layout/reftests/image/invalid-url-image-1-ref.html
 create mode 100644 layout/reftests/image/invalid-url-image-1.html
 create mode 100644 layout/reftests/image/moz-broken-matching-1-ref.html
 create mode 100644 layout/reftests/image/moz-broken-matching-1.html
 create mode 100644 layout/reftests/image/moz-broken-matching-lazy-load.html
 create mode 100644 layout/reftests/image/nearly-white.png
 create mode 100644 layout/reftests/image/no-intrinsic-size.svg
 create mode 100644 layout/reftests/image/reftest.list
 create mode 100644 layout/reftests/image/small.png
 create mode 100644 layout/reftests/image/sync-image-switch-1-ref.html
 create mode 100644 layout/reftests/image/sync-image-switch-1a.html
 create mode 100644 layout/reftests/image/sync-image-switch-1b.html
 create mode 100644 layout/reftests/image/sync-image-switch-1c.html
 create mode 100644 layout/reftests/image/sync-image-switch-1d.html
 create mode 100644 layout/reftests/image/unknown-protocol-ref.html
 create mode 100644 layout/reftests/image/unknown-protocol.html
 create mode 100644 layout/reftests/indic-shaping/686225-1-bangla-aat-notref.html
 create mode 100644 layout/reftests/indic-shaping/686225-1-bangla-aat.html
 create mode 100644 layout/reftests/indic-shaping/686225-2-kannada-aat-notref.html
 create mode 100644 layout/reftests/indic-shaping/686225-2-kannada-aat.html
 create mode 100644 layout/reftests/indic-shaping/balinese-1-ref.html
 create mode 100644 layout/reftests/indic-shaping/balinese-1.html
 create mode 100644 layout/reftests/indic-shaping/bengali-1-ref.html
 create mode 100644 layout/reftests/indic-shaping/bengali-1a.html
 create mode 100644 layout/reftests/indic-shaping/bengali-1b.html
 create mode 100644 layout/reftests/indic-shaping/bengali-2-ref.html
 create mode 100644 layout/reftests/indic-shaping/bengali-2a.html
 create mode 100644 layout/reftests/indic-shaping/bengali-2b.html
 create mode 100644 layout/reftests/indic-shaping/bengali-3-ref.html
 create mode 100644 layout/reftests/indic-shaping/bengali-3a.html
 create mode 100644 layout/reftests/indic-shaping/bengali-3b.html
 create mode 100644 layout/reftests/indic-shaping/bengali-3c.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-1-ref.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-1a.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-1b.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-2-ref.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-2.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-3-ref.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-3a.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-3b.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-4-notref.html
 create mode 100644 layout/reftests/indic-shaping/devanagari-4.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-1-ref.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-1a.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-1b.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-2-ref.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-2.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-3-ref.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-3a.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-3b.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-4-notref.html
 create mode 100644 layout/reftests/indic-shaping/gujarati-4.html
 create mode 100644 layout/reftests/indic-shaping/reftest.list
 create mode 100644 layout/reftests/inline-borderpadding/left-ltr-ref.html
 create mode 100644 layout/reftests/inline-borderpadding/left-rtl-ref.html
 create mode 100644 layout/reftests/inline-borderpadding/ltr-basic.html
 create mode 100644 layout/reftests/inline-borderpadding/ltr-ib.html
 create mode 100644 layout/reftests/inline-borderpadding/ltr-span-only-ib.html
 create mode 100644 layout/reftests/inline-borderpadding/ltr-span-only.html
 create mode 100644 layout/reftests/inline-borderpadding/reftest.list
 create mode 100644 layout/reftests/inline-borderpadding/right-ltr-ref.html
 create mode 100644 layout/reftests/inline-borderpadding/right-rtl-ref.html
 create mode 100644 layout/reftests/inline-borderpadding/rtl-basic.html
 create mode 100644 layout/reftests/inline-borderpadding/rtl-ib.html
 create mode 100644 layout/reftests/inline-borderpadding/rtl-span-only-ib.html
 create mode 100644 layout/reftests/inline-borderpadding/rtl-span-only.html
 create mode 100644 layout/reftests/inline/inline-block-baseline-ref.html
 create mode 100644 layout/reftests/inline/inline-block-baseline.html
 create mode 100644 layout/reftests/inline/inline-block-margin.html
 create mode 100644 layout/reftests/inline/inline-block-padding.html
 create mode 100644 layout/reftests/inline/inline-block-width.html
 create mode 100644 layout/reftests/inline/inline-block-zero.html
 create mode 100644 layout/reftests/inline/reftest.list
 create mode 100644 layout/reftests/inline/zero-inline-block-margin-left.html
 create mode 100644 layout/reftests/inline/zero-inline-block-margin-ref.html
 create mode 100644 layout/reftests/inline/zero-inline-block-margin-ref2.html
 create mode 100644 layout/reftests/inline/zero-inline-block-margin-right.html
 create mode 100644 layout/reftests/invalidation/1243409-1-ref.html
 create mode 100644 layout/reftests/invalidation/1243409-1.html
 create mode 100644 layout/reftests/invalidation/540247-1-ref.xhtml
 create mode 100644 layout/reftests/invalidation/540247-1.xhtml
 create mode 100644 layout/reftests/invalidation/543681-1-ref.html
 create mode 100644 layout/reftests/invalidation/543681-1.html
 create mode 100644 layout/reftests/invalidation/background-position-1-ref.html
 create mode 100644 layout/reftests/invalidation/background-position-1.html
 create mode 100644 layout/reftests/invalidation/background-position-2-ref.html
 create mode 100644 layout/reftests/invalidation/background-position-2a.html
 create mode 100644 layout/reftests/invalidation/background-position-2b.html
 create mode 100644 layout/reftests/invalidation/background-position-2c.html
 create mode 100644 layout/reftests/invalidation/background-position-2d.html
 create mode 100644 layout/reftests/invalidation/background-position-2e.html
 create mode 100644 layout/reftests/invalidation/background-position-2f.html
 create mode 100644 layout/reftests/invalidation/border-radius-1-ref.html
 create mode 100644 layout/reftests/invalidation/border-radius-1.html
 create mode 100644 layout/reftests/invalidation/box-shadow-border-radius-ref.html
 create mode 100644 layout/reftests/invalidation/box-shadow-border-radius.html
 create mode 100644 layout/reftests/invalidation/clip-path-invalidation-1a.html
 create mode 100644 layout/reftests/invalidation/clip-path-invalidation-1b.html
 create mode 100644 layout/reftests/invalidation/clip-path-invalidation-1c.html
 create mode 100644 layout/reftests/invalidation/clip-path-invalidation-1d.html
 create mode 100644 layout/reftests/invalidation/clipped-animated-transform-1.html
 create mode 100644 layout/reftests/invalidation/fast-scrolling.html
 create mode 100644 layout/reftests/invalidation/filter-userspace-offset.svg
 create mode 100644 layout/reftests/invalidation/fractional-transform-1.html
 create mode 100644 layout/reftests/invalidation/fractional-transform-2.html
 create mode 100644 layout/reftests/invalidation/fractional-transform-3.html
 create mode 100644 layout/reftests/invalidation/image-scrolling-zoom-1-notref.html
 create mode 100644 layout/reftests/invalidation/image-scrolling-zoom-1-ref.html
 create mode 100644 layout/reftests/invalidation/image-scrolling-zoom-1.html
 create mode 100644 layout/reftests/invalidation/image_rgrg-256x256-animated.gif
 create mode 100644 layout/reftests/invalidation/image_rgrg-256x256.png
 create mode 100644 layout/reftests/invalidation/inactive-layertree-visible-region-1.html
 create mode 100644 layout/reftests/invalidation/inactive-layertree-visible-region-2.html
 create mode 100644 layout/reftests/invalidation/jetstream-scroll-ref.html
 create mode 100644 layout/reftests/invalidation/jetstream-scroll.html
 create mode 100644 layout/reftests/invalidation/layer-splitting-1.html
 create mode 100644 layout/reftests/invalidation/layer-splitting-2.html
 create mode 100644 layout/reftests/invalidation/layer-splitting-3.html
 create mode 100644 layout/reftests/invalidation/layer-splitting-4.html
 create mode 100644 layout/reftests/invalidation/layer-splitting-5.html
 create mode 100644 layout/reftests/invalidation/layer-splitting-6.html
 create mode 100644 layout/reftests/invalidation/layer-splitting-7.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-1-ref.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-1a.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-1b.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-2-ref.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-2a.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-2b.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-2c.html
 create mode 100644 layout/reftests/invalidation/mask-invalidation-2d.html
 create mode 100644 layout/reftests/invalidation/masklayer-1.html
 create mode 100644 layout/reftests/invalidation/masklayer-2.html
 create mode 100644 layout/reftests/invalidation/negative-w-component-ref.html
 create mode 100644 layout/reftests/invalidation/negative-w-component.html
 create mode 100644 layout/reftests/invalidation/nudge-to-integer-invalidation.html
 create mode 100644 layout/reftests/invalidation/one-pixel-wide-background.png
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-1.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-2.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-3.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-4.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-5.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-6.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-7.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-8-ref.html
 create mode 100644 layout/reftests/invalidation/paintedlayer-recycling-8.html
 create mode 100644 layout/reftests/invalidation/partially-scrolled-svg-group-ref.html
 create mode 100644 layout/reftests/invalidation/partially-scrolled-svg-group.html
 create mode 100644 layout/reftests/invalidation/reftest.list
 create mode 100644 layout/reftests/invalidation/scroll-inactive-layers-2.html
 create mode 100644 layout/reftests/invalidation/scroll-inactive-layers.html
 create mode 100644 layout/reftests/invalidation/svg-paint-rect-changes-ref.html
 create mode 100644 layout/reftests/invalidation/svg-paint-rect-changes.html
 create mode 100644 layout/reftests/invalidation/table-repaint-a-ref.html
 create mode 100644 layout/reftests/invalidation/table-repaint-a.html
 create mode 100644 layout/reftests/invalidation/table-repaint-b-ref.html
 create mode 100644 layout/reftests/invalidation/table-repaint-b.html
 create mode 100644 layout/reftests/invalidation/table-repaint-border-collapse-ref.html
 create mode 100644 layout/reftests/invalidation/table-repaint-border-collapse.html
 create mode 100644 layout/reftests/invalidation/table-repaint-c-ref.html
 create mode 100644 layout/reftests/invalidation/table-repaint-c.html
 create mode 100644 layout/reftests/invalidation/table-repaint-d-ref.html
 create mode 100644 layout/reftests/invalidation/table-repaint-d.html
 create mode 100644 layout/reftests/invalidation/table-repaint-e-ref.html
 create mode 100644 layout/reftests/invalidation/table-repaint-e.html
 create mode 100644 layout/reftests/invalidation/table-repaint-non-border-collapse-ref.html
 create mode 100644 layout/reftests/invalidation/table-repaint-non-border-collapse.html
 create mode 100644 layout/reftests/invalidation/test-animated-image-layers-background.html
 create mode 100644 layout/reftests/invalidation/test-animated-image-layers-ref.html
 create mode 100644 layout/reftests/invalidation/test-animated-image-layers.html
 create mode 100644 layout/reftests/invalidation/test-image-layers-multiple-displayitem.html
 create mode 100644 layout/reftests/invalidation/test-image-layers-ref.html
 create mode 100644 layout/reftests/invalidation/test-image-layers.html
 create mode 100644 layout/reftests/invalidation/transform-floating-point-invalidation.html
 create mode 100644 layout/reftests/invalidation/zero-opacity-animation.html
 create mode 100644 layout/reftests/invalidation/zero-opacity-text.html
 create mode 100644 layout/reftests/layers/component-alpha-enter-1-ref.html
 create mode 100644 layout/reftests/layers/component-alpha-enter-1.html
 create mode 100644 layout/reftests/layers/component-alpha-exit-1-ref.html
 create mode 100644 layout/reftests/layers/component-alpha-exit-1.html
 create mode 100644 layout/reftests/layers/fixed-pos-scrolled-clip-layerize.html
 create mode 100644 layout/reftests/layers/fixed-pos-scrolled-clip-opacity-inside-layerize.html
 create mode 100644 layout/reftests/layers/fixed-pos-scrolled-clip-opacity-layerize.html
 create mode 100644 layout/reftests/layers/forced-bg-color-outside-visible-region-ref.html
 create mode 100644 layout/reftests/layers/forced-bg-color-outside-visible-region.html
 create mode 100644 layout/reftests/layers/layerize-over-fixed-bg-1.html
 create mode 100644 layout/reftests/layers/mask-layer-transform-ref.html
 create mode 100644 layout/reftests/layers/mask-layer-transform.html
 create mode 100644 layout/reftests/layers/move-to-background-1-ref.html
 create mode 100644 layout/reftests/layers/move-to-background-1.html
 create mode 100644 layout/reftests/layers/opacity-background-1-ref.html
 create mode 100644 layout/reftests/layers/opacity-background-1.html
 create mode 100644 layout/reftests/layers/opacity-blending-ref.html
 create mode 100644 layout/reftests/layers/opacity-blending.html
 create mode 100644 layout/reftests/layers/opacity-flattening-large-image-ref.html
 create mode 100644 layout/reftests/layers/opacity-flattening-large-image.html
 create mode 100644 layout/reftests/layers/opacity-keep-intermediate-surface-too-long-ref.html
 create mode 100644 layout/reftests/layers/opacity-keep-intermediate-surface-too-long.html
 create mode 100644 layout/reftests/layers/pull-background-1.html
 create mode 100644 layout/reftests/layers/pull-background-2.html
 create mode 100644 layout/reftests/layers/pull-background-3.html
 create mode 100644 layout/reftests/layers/pull-background-4.html
 create mode 100644 layout/reftests/layers/pull-background-5.html
 create mode 100644 layout/reftests/layers/pull-background-6.html
 create mode 100644 layout/reftests/layers/pull-background-animated-position-1.html
 create mode 100644 layout/reftests/layers/pull-background-animated-position-2.html
 create mode 100644 layout/reftests/layers/pull-background-animated-position-3.html
 create mode 100644 layout/reftests/layers/pull-background-animated-position-4.html
 create mode 100644 layout/reftests/layers/pull-background-animated-position-5.html
 create mode 100644 layout/reftests/layers/pull-background-displayport-1.html
 create mode 100644 layout/reftests/layers/pull-background-displayport-2.html
 create mode 100644 layout/reftests/layers/pull-background-displayport-3.html
 create mode 100644 layout/reftests/layers/pull-background-displayport-4.html
 create mode 100644 layout/reftests/layers/pull-background-displayport-5.html
 create mode 100644 layout/reftests/layers/pull-background-displayport-6.html
 create mode 100644 layout/reftests/layers/reftest.list
 create mode 100644 layout/reftests/line-breaking/between-whitespaces-ref.html
 create mode 100644 layout/reftests/line-breaking/between-whitespaces.html
 create mode 100644 layout/reftests/line-breaking/chemical-1-ref.html
 create mode 100644 layout/reftests/line-breaking/chemical-1.html
 create mode 100644 layout/reftests/line-breaking/conservative-range-1-ref.html
 create mode 100644 layout/reftests/line-breaking/conservative-range-1.html
 create mode 100644 layout/reftests/line-breaking/conservative-range-2-ref.html
 create mode 100644 layout/reftests/line-breaking/conservative-range-2.html
 create mode 100644 layout/reftests/line-breaking/currency-1-ref.html
 create mode 100644 layout/reftests/line-breaking/currency-1.html
 create mode 100644 layout/reftests/line-breaking/currency-2-ref.html
 create mode 100644 layout/reftests/line-breaking/currency-2.html
 create mode 100644 layout/reftests/line-breaking/datetime-1-ref.html
 create mode 100644 layout/reftests/line-breaking/datetime-1.html
 create mode 100644 layout/reftests/line-breaking/emoji-1-ref.html
 create mode 100644 layout/reftests/line-breaking/emoji-1.html
 create mode 100644 layout/reftests/line-breaking/emoji-2-ref.html
 create mode 100644 layout/reftests/line-breaking/emoji-2.html
 create mode 100644 layout/reftests/line-breaking/hyphens-1-ref.html
 create mode 100644 layout/reftests/line-breaking/hyphens-1.html
 create mode 100644 layout/reftests/line-breaking/hyphens-2-ref.html
 create mode 100644 layout/reftests/line-breaking/hyphens-2.html
 create mode 100644 layout/reftests/line-breaking/ja-1-ref.html
 create mode 100644 layout/reftests/line-breaking/ja-1.html
 create mode 100644 layout/reftests/line-breaking/ja-2-ref.html
 create mode 100644 layout/reftests/line-breaking/ja-2.html
 create mode 100644 layout/reftests/line-breaking/ja-3-ref.html
 create mode 100644 layout/reftests/line-breaking/ja-3.html
 create mode 100644 layout/reftests/line-breaking/khmer-1-ref.html
 create mode 100644 layout/reftests/line-breaking/khmer-1.html
 create mode 100644 layout/reftests/line-breaking/leaders-1-ref.html
 create mode 100644 layout/reftests/line-breaking/leaders-1.html
 create mode 100644 layout/reftests/line-breaking/markup-src-1-ref.html
 create mode 100644 layout/reftests/line-breaking/markup-src-1.html
 create mode 100644 layout/reftests/line-breaking/non-breakable-1-ref.html
 create mode 100644 layout/reftests/line-breaking/non-breakable-1.html
 create mode 100644 layout/reftests/line-breaking/non-breakable-2-ref.html
 create mode 100644 layout/reftests/line-breaking/non-breakable-2.html
 create mode 100644 layout/reftests/line-breaking/numerics-1-ref.html
 create mode 100644 layout/reftests/line-breaking/numerics-1.html
 create mode 100644 layout/reftests/line-breaking/parentheses-1-ref.html
 create mode 100644 layout/reftests/line-breaking/parentheses-1.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-1-ref.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-1.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-2-ref.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-2.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-3-ref.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-3.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-4-ref.html
 create mode 100644 layout/reftests/line-breaking/punctuation-open-4.html
 create mode 100644 layout/reftests/line-breaking/quotationmarks-1-ref.html
 create mode 100644 layout/reftests/line-breaking/quotationmarks-1.html
 create mode 100644 layout/reftests/line-breaking/quotationmarks-cjk-1-ref.html
 create mode 100644 layout/reftests/line-breaking/quotationmarks-cjk-1.html
 create mode 100644 layout/reftests/line-breaking/reftest.list
 create mode 100644 layout/reftests/line-breaking/smileys-1-ref.html
 create mode 100644 layout/reftests/line-breaking/smileys-1.html
 create mode 100644 layout/reftests/line-breaking/smileys-2-ref.html
 create mode 100644 layout/reftests/line-breaking/smileys-2.html
 create mode 100644 layout/reftests/line-breaking/space-cluster-1-ref.html
 create mode 100644 layout/reftests/line-breaking/space-cluster-1.html
 create mode 100644 layout/reftests/line-breaking/space-cluster-2-ref.html
 create mode 100644 layout/reftests/line-breaking/space-cluster-2.html
 create mode 100644 layout/reftests/line-breaking/surrogates-1-ref.html
 create mode 100644 layout/reftests/line-breaking/surrogates-1.html
 create mode 100644 layout/reftests/line-breaking/surrogates-2-ref.html
 create mode 100644 layout/reftests/line-breaking/surrogates-2.html
 create mode 100644 layout/reftests/line-breaking/surrogates-3-ref.html
 create mode 100644 layout/reftests/line-breaking/surrogates-3.html
 create mode 100644 layout/reftests/line-breaking/surrogates-4-ref.html
 create mode 100644 layout/reftests/line-breaking/surrogates-4.html
 create mode 100644 layout/reftests/line-breaking/url-1-ref.html
 create mode 100644 layout/reftests/line-breaking/url-1.html
 create mode 100644 layout/reftests/line-breaking/url-2-ref.html
 create mode 100644 layout/reftests/line-breaking/url-2.html
 create mode 100644 layout/reftests/line-breaking/url-3-ref.html
 create mode 100644 layout/reftests/line-breaking/url-3.html
 create mode 100644 layout/reftests/line-breaking/winpath-1-ref.html
 create mode 100644 layout/reftests/line-breaking/winpath-1.html
 create mode 100644 layout/reftests/line-breaking/zwnbsp-1-ref.html
 create mode 100644 layout/reftests/line-breaking/zwnbsp-1.html
 create mode 100644 layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html
 create mode 100644 layout/reftests/list-item/bullet-intrinsic-isize-1.html
 create mode 100644 layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html
 create mode 100644 layout/reftests/list-item/bullet-intrinsic-isize-2.html
 create mode 100644 layout/reftests/list-item/bullet-justify-1-ref.html
 create mode 100644 layout/reftests/list-item/bullet-justify-1.html
 create mode 100644 layout/reftests/list-item/bullet-space-1-ref.html
 create mode 100644 layout/reftests/list-item/bullet-space-1.html
 create mode 100644 layout/reftests/list-item/bullet-space-2-ref.html
 create mode 100644 layout/reftests/list-item/bullet-space-2.html
 create mode 100644 layout/reftests/list-item/image-rendering-css-auto.html
 create mode 100644 layout/reftests/list-item/image-rendering-css.html
 create mode 100644 layout/reftests/list-item/image-rendering-ref.html
 create mode 100644 layout/reftests/list-item/image-rendering-script.html
 create mode 100644 layout/reftests/list-item/numbering-1-ref.html
 create mode 100644 layout/reftests/list-item/numbering-1.html
 create mode 100644 layout/reftests/list-item/numbering-2-ref.html
 create mode 100644 layout/reftests/list-item/numbering-2.html
 create mode 100644 layout/reftests/list-item/numbering-3-ref.html
 create mode 100644 layout/reftests/list-item/numbering-3.html
 create mode 100644 layout/reftests/list-item/numbering-4-ref.html
 create mode 100644 layout/reftests/list-item/numbering-4.html
 create mode 100644 layout/reftests/list-item/numbering-5-ref.html
 create mode 100644 layout/reftests/list-item/numbering-5.html
 create mode 100644 layout/reftests/list-item/ol-reversed-1-ref.html
 create mode 100644 layout/reftests/list-item/ol-reversed-1a.html
 create mode 100644 layout/reftests/list-item/ol-reversed-1b.html
 create mode 100644 layout/reftests/list-item/ol-reversed-1c.html
 create mode 100644 layout/reftests/list-item/ol-reversed-2-ref.html
 create mode 100644 layout/reftests/list-item/ol-reversed-2.html
 create mode 100644 layout/reftests/list-item/ol-reversed-3-ref.html
 create mode 100644 layout/reftests/list-item/ol-reversed-3.html
 create mode 100644 layout/reftests/list-item/reftest.list
 create mode 100644 layout/reftests/margin-collapsing/block-abs-pos-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-abs-pos-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-abs-pos-1.html
 create mode 100644 layout/reftests/margin-collapsing/block-abs-pos-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-abs-pos-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-abs-pos-2-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-abs-pos-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-3.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-4-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-4.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-5-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-5-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-5.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-6-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-6-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-6.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-7-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-7-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-7.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-8-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-8a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-8a.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-8b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-8b.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-8c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-auto-height-last-child-8c.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-1a-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-1b-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3-ref-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3-ref-right.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3d.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3e.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-3f.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4-ref-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4-ref-right.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4a.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4b.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4c.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4d.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4e.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-4f.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5-left-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5-right-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5a.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5b.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5c.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5d.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5e.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5f.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5g.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-5h.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6a-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6abc-left-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6b-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6c-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6d-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6def-left-ref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6def-left-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6e-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-6f-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7a-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7abcd-left-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7b-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7c-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7d-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7e-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7efgh-left-ref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7efgh-left-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7f-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7g-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-clear-7h-left.html
 create mode 100644 layout/reftests/margin-collapsing/block-em-length-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-em-length-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-em-length-1.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-3.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-4-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-4.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-5-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-5-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-5.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-6-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-6-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-6.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-7-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-7-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-7.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-8-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-8a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-8a.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-8b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-8b.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-8c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-first-child-8c.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-3a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-3b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4a.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4b.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4c.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4d-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4d.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4e-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4e.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4f-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4f.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4g-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4g.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4h-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-fix-height-last-child-4h.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1a-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1a-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1a-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1b-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1b-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1b-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2a-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2a-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2b-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2b-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-3a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-3a-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-3b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-3b-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-float-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-1.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-3-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-3.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-4-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-4-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-horizontal-4.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-body-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-body-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-body-1-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-body-1.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-html-html-3.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-2c.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-2d.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-3d.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-4a.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-4b.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-4c.html
 create mode 100644 layout/reftests/margin-collapsing/block-last-child-4d.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-3a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-3b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-3c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-4a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-4a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-4b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-4b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-4c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-4c.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-5-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-5a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-5a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-5b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-5b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-6-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-6a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-6a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-6b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-6b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-6c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-6c.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-7-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-7a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-7a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-7b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-7b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-7c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-7c.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-8-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-8a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-8a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-8b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-8b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-9-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-9a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-9a.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-9b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-9b.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-9c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-max-height-last-child-9c.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-3a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-3b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-3c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-4a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-4a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-4b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-4b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-4c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-4c.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-5-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-5a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-5a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-5b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-5b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-6-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-6a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-6a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-6b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-6b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-6c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-6c.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-7-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-7a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-7a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-7b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-7b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-7c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-7c.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-8-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-8a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-8a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-8b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-8b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-9-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-9a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-9a.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-9b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-9b.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-9c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-min-height-last-child-9c.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1-noref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1a-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1a-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1b-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1b-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2-noref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2a-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2a-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2b-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2b-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3-noref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3a-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3a-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3b-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3b-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4-noref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4a-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4a-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4a.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4b-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4b-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-4b.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-5-dyn1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-5-dyn2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-5-noref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-5-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-5-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-5-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-negative-5.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1d-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-1d.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2c.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2d-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2d.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2e-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-2e.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-3a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-3b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-3c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-4a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-4a.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-4b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-4b.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-4c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-4c.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-5-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-5a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-5a.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-5b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-5b.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-6-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-6-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-6.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-7-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-7-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-7.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-8-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-8-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-no-content-8.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1d-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1d.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1e-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1e.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1f-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-1f.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2c.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2d-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2d.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2e-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2e.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2f-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-2f.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3d-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-3d.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-4-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-4-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-non-sibling-4.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-1-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-1.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-2-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-3-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-3.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-4-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-4-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-4-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-4.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5a.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5b.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5c-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5c-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5c.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5d-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-overflow-5d.html
 create mode 100644 layout/reftests/margin-collapsing/block-percent-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-percent-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-percent-1.html
 create mode 100644 layout/reftests/margin-collapsing/block-percent-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-percent-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-percent-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1a-noref1.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1a-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1a-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1a-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1b-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1b-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-root-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-2-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-2.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/block-sibling-3.html
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-1-ref.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-1a-dyn.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-1a.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-1b-dyn.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-1b.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-2-dyn.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-2-ref.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-2.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-3-dyn.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-3-ref.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-html-3.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-root-1-ref.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-root-1a.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-root-1b.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-root-2-ref.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-root-2.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-root-3-ref.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xhtml-root-3.xhtml
 create mode 100644 layout/reftests/margin-collapsing/block-xml-root-1-ref.css
 create mode 100644 layout/reftests/margin-collapsing/block-xml-root-1-ref.xml
 create mode 100644 layout/reftests/margin-collapsing/block-xml-root-1.css
 create mode 100644 layout/reftests/margin-collapsing/block-xml-root-1.xml
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-1a-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-1b-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-2a-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-2b-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-2c-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-2c.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-height-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1a.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1b.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1c.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1d.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1e.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-1f.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2a.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2ab-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2b.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2c-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2c.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2d.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2de-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2e.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2f-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-2f.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-3a.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-3b.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-3c.html
 create mode 100644 layout/reftests/margin-collapsing/block-zero-min-height-3d.html
 create mode 100644 layout/reftests/margin-collapsing/caption-child-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/caption-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/caption-child-1.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1a.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1b.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-1c.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/caption-sibling-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/column-child-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/column-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/column-child-1.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-1a.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-1b.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-1c.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-2a.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-2b.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-2c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/column-sibling-2c.html
 create mode 100644 layout/reftests/margin-collapsing/dynamic-add-text-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/dynamic-add-text-1.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-child-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-child-1.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-1a.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-1b.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-1c.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2-ref1.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2-ref2.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2a.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2b.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/fieldset-sibling-2c.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-1.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-2.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-3-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-child-3.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-1.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-horizontal-2.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-1a.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-1b.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-1c.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-block-sibling-2.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-1.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-horizontal-2.html
 create mode 100644 layout/reftests/margin-collapsing/inline-table-horizontal-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/inline-table-horizontal-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-table-horizontal-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/inline-table-horizontal-1.html
 create mode 100644 layout/reftests/margin-collapsing/reftest.list
 create mode 100644 layout/reftests/margin-collapsing/scrollable-horizontal-margin-ref.html
 create mode 100644 layout/reftests/margin-collapsing/scrollable-horizontal-margin.html
 create mode 100644 layout/reftests/margin-collapsing/scrollable-vertical-margin-ref.html
 create mode 100644 layout/reftests/margin-collapsing/scrollable-vertical-margin.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-1a.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-1b.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-1c.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-2a.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-2b.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-2c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-2c.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-bottom-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-bottom-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-bottom-1.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-bottom-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-bottom-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-bottom-2.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-top-1-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-top-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-top-1.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-top-2-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-top-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-caption-top-2.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1-noref.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1a.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1b.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-1c.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2-noref.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2-noref2.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2-ref.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2a-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2a.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2b-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2b.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2c-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-2c.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-3-dyn.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-3-noref.html
 create mode 100644 layout/reftests/margin-collapsing/table-sibling-3-ref.html
 create mode 100644 layout/reftests/marquee/1160342-1.html
 create mode 100644 layout/reftests/marquee/1160342-2.html
 create mode 100644 layout/reftests/marquee/1160342-ref.html
 create mode 100644 layout/reftests/marquee/166591-dynamic-1-ref.html
 create mode 100644 layout/reftests/marquee/166591-dynamic-1.html
 create mode 100644 layout/reftests/marquee/336736-1-ref.html
 create mode 100644 layout/reftests/marquee/336736-1a.html
 create mode 100644 layout/reftests/marquee/336736-1b.html
 create mode 100644 layout/reftests/marquee/406073-1-ref.html
 create mode 100644 layout/reftests/marquee/406073-1.html
 create mode 100644 layout/reftests/marquee/407016-2-ref.html
 create mode 100644 layout/reftests/marquee/407016-2.html
 create mode 100644 layout/reftests/marquee/413027-4-ref.html
 create mode 100644 layout/reftests/marquee/413027-4.html
 create mode 100644 layout/reftests/marquee/425247-1-ref.html
 create mode 100644 layout/reftests/marquee/425247-1.html
 create mode 100644 layout/reftests/marquee/425247-2-ref.html
 create mode 100644 layout/reftests/marquee/425247-2.html
 create mode 100644 layout/reftests/marquee/429849-1-ref.html
 create mode 100644 layout/reftests/marquee/429849-1.html
 create mode 100644 layout/reftests/marquee/reftest.list
 create mode 100644 layout/reftests/mathml/largeop-1-ref.html
 create mode 100644 layout/reftests/mathml/largeop-1.html
 create mode 100644 layout/reftests/mathml/mathml-mmultiscript-base-ref.html
 create mode 100644 layout/reftests/mathml/mathml-mmultiscript-base.html
 create mode 100644 layout/reftests/mathml/mathml-mmultiscript-mprescript-ref.html
 create mode 100644 layout/reftests/mathml/mathml-mmultiscript-mprescript.html
 create mode 100644 layout/reftests/mathml/mirror-op-1-ref.html
 create mode 100644 layout/reftests/mathml/mirror-op-1.html
 create mode 100644 layout/reftests/mathml/mirror-op-2-ref.html
 create mode 100644 layout/reftests/mathml/mirror-op-2.html
 create mode 100644 layout/reftests/mathml/mirror-op-3-ref.html
 create mode 100644 layout/reftests/mathml/mirror-op-3.html
 create mode 100644 layout/reftests/mathml/mirror-op-4-ref.html
 create mode 100644 layout/reftests/mathml/mirror-op-4.html
 create mode 100644 layout/reftests/mathml/mmultiscript-align-ref.html
 create mode 100644 layout/reftests/mathml/mmultiscript-align.html
 create mode 100644 layout/reftests/mathml/mo-glyph-size-ref.html
 create mode 100644 layout/reftests/mathml/mo-glyph-size.html
 create mode 100644 layout/reftests/mathml/mpadded-7-ref.html
 create mode 100644 layout/reftests/mathml/mpadded-7.html
 create mode 100644 layout/reftests/mathml/mpadded-8-ref.html
 create mode 100644 layout/reftests/mathml/mpadded-8.html
 create mode 100644 layout/reftests/mathml/mpadded-9-ref.html
 create mode 100644 layout/reftests/mathml/mpadded-9.html
 create mode 100644 layout/reftests/mathml/mstyle-2-ref.xhtml
 create mode 100644 layout/reftests/mathml/mstyle-2.xhtml
 create mode 100644 layout/reftests/mathml/mstyle-3-ref.xhtml
 create mode 100644 layout/reftests/mathml/mstyle-3.xhtml
 create mode 100644 layout/reftests/mathml/mstyle-4-ref.xhtml
 create mode 100644 layout/reftests/mathml/mstyle-4.xhtml
 create mode 100644 layout/reftests/mathml/multiscripts-1-ref.html
 create mode 100644 layout/reftests/mathml/multiscripts-1.html
 create mode 100644 layout/reftests/mathml/munder-mover-align-accent-false-ref.html
 create mode 100644 layout/reftests/mathml/munder-mover-align-accent-false.html
 create mode 100644 layout/reftests/mathml/munder-mover-align-accent-true-ref.html
 create mode 100644 layout/reftests/mathml/munder-mover-align-accent-true.html
 create mode 100644 layout/reftests/mathml/munderover-align-accent-false-ref.html
 create mode 100644 layout/reftests/mathml/munderover-align-accent-false.html
 create mode 100644 layout/reftests/mathml/munderover-align-accent-true-ref.html
 create mode 100644 layout/reftests/mathml/munderover-align-accent-true.html
 create mode 100644 layout/reftests/mathml/munderover-empty-scripts-ref.html
 create mode 100644 layout/reftests/mathml/munderover-empty-scripts.html
 create mode 100644 layout/reftests/mathml/overbar-width-1-ref.xhtml
 create mode 100644 layout/reftests/mathml/overbar-width-1.xhtml
 create mode 100644 layout/reftests/mathml/radicalbar-1.html
 create mode 100644 layout/reftests/mathml/radicalbar-1a.html
 create mode 100644 layout/reftests/mathml/radicalbar-1b.html
 create mode 100644 layout/reftests/mathml/radicalbar-1c.html
 create mode 100644 layout/reftests/mathml/radicalbar-1d.html
 create mode 100644 layout/reftests/mathml/radicalbar-2.html
 create mode 100644 layout/reftests/mathml/radicalbar-2a.html
 create mode 100644 layout/reftests/mathml/radicalbar-2b.html
 create mode 100644 layout/reftests/mathml/radicalbar-2c.html
 create mode 100644 layout/reftests/mathml/radicalbar-2d.html
 create mode 100644 layout/reftests/mathml/radicalbar-3.html
 create mode 100644 layout/reftests/mathml/radicalbar-3a.html
 create mode 100644 layout/reftests/mathml/radicalbar-3b.html
 create mode 100644 layout/reftests/mathml/radicalbar-3c.html
 create mode 100644 layout/reftests/mathml/radicalbar-3d.html
 create mode 100644 layout/reftests/mathml/reftest.list
 create mode 100644 layout/reftests/mathml/scale-stretchy-1-ref.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-1.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-2-ref.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-2.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-3-ref.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-3.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-4-ref.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-4.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-5-ref.xhtml
 create mode 100644 layout/reftests/mathml/scale-stretchy-5.xhtml
 create mode 100644 layout/reftests/mathml/scriptlevel-movablelimits-1-ref.html
 create mode 100644 layout/reftests/mathml/scriptlevel-movablelimits-1.html
 create mode 100644 layout/reftests/mathml/semantics-1-ref.xhtml
 create mode 100644 layout/reftests/mathml/semantics-1.xhtml
 create mode 100644 layout/reftests/mathml/semantics-2-ref.html
 create mode 100644 layout/reftests/mathml/semantics-2.html
 create mode 100644 layout/reftests/mathml/semantics-3-ref.html
 create mode 100644 layout/reftests/mathml/semantics-3.html
 create mode 100644 layout/reftests/mathml/semantics-5-ref.html
 create mode 100644 layout/reftests/mathml/semantics-5.html
 create mode 100644 layout/reftests/mathml/stretchy-1-ref.html
 create mode 100644 layout/reftests/mathml/stretchy-1.html
 create mode 100644 layout/reftests/mathml/stretchy-largeop-1-ref.html
 create mode 100644 layout/reftests/mathml/stretchy-largeop-1.html
 create mode 100644 layout/reftests/mathml/stretchy-largeop-2-ref.html
 create mode 100644 layout/reftests/mathml/stretchy-largeop-2.html
 create mode 100644 layout/reftests/mathml/stretchy-largeop-3-ref.html
 create mode 100644 layout/reftests/mathml/stretchy-largeop-3.html
 create mode 100644 layout/reftests/mathml/subscript-italic-correction-ref.html
 create mode 100644 layout/reftests/mathml/subscript-italic-correction.html
 create mode 100644 layout/reftests/mathml/underbar-width-1-ref.xhtml
 create mode 100644 layout/reftests/mathml/underbar-width-1.xhtml
 create mode 100644 layout/reftests/meta-viewport/async-scroll-to-no-content-area-ref.html
 create mode 100644 layout/reftests/meta-viewport/async-scroll-to-no-content-area.html
 create mode 100644 layout/reftests/meta-viewport/box-shadow.html
 create mode 100644 layout/reftests/meta-viewport/clamped-by-default-minimum-scale.html
 create mode 100644 layout/reftests/meta-viewport/desktop-mode-ref.html
 create mode 100644 layout/reftests/meta-viewport/desktop-mode.html
 create mode 100644 layout/reftests/meta-viewport/device-height-for-width.html
 create mode 100644 layout/reftests/meta-viewport/device-height-with-dynamic-toolbar-ref.html
 create mode 100644 layout/reftests/meta-viewport/device-height-with-dynamic-toolbar.html
 create mode 100644 layout/reftests/meta-viewport/dynamic-grow-width-and-height.html
 create mode 100644 layout/reftests/meta-viewport/dynamic-grow-width.html
 create mode 100644 layout/reftests/meta-viewport/horizontal-overflow-hidden-region-ref.html
 create mode 100644 layout/reftests/meta-viewport/horizontal-overflow-hidden-region.html
 create mode 100644 layout/reftests/meta-viewport/initial-scale-0.html
 create mode 100644 layout/reftests/meta-viewport/initial-scale-0_25-ref.html
 create mode 100644 layout/reftests/meta-viewport/initial-scale-0_5-ref.html
 create mode 100644 layout/reftests/meta-viewport/initial-scale-1.html
 create mode 100644 layout/reftests/meta-viewport/initial-scale-10-ref.html
 create mode 100644 layout/reftests/meta-viewport/initial-scale-100.html
 create mode 100644 layout/reftests/meta-viewport/invalid-content.html
 create mode 100644 layout/reftests/meta-viewport/invalid-width-ref.html
 create mode 100644 layout/reftests/meta-viewport/invalid-width.html
 create mode 100644 layout/reftests/meta-viewport/min-scale-aspect-ratio.html
 create mode 100644 layout/reftests/meta-viewport/minimum-scale.html
 create mode 100644 layout/reftests/meta-viewport/negative-initial-and-maximum-scale.html
 create mode 100644 layout/reftests/meta-viewport/no-scalable-with-minimum-scale-ref.html
 create mode 100644 layout/reftests/meta-viewport/no-scalable-with-minimum-scale.html
 create mode 100644 layout/reftests/meta-viewport/no-viewport.html
 create mode 100644 layout/reftests/meta-viewport/no-zoom-ref.html
 create mode 100644 layout/reftests/meta-viewport/not-able-to-scrollTo.html
 create mode 100644 layout/reftests/meta-viewport/overflow-hidden-region-dynamic-width-change.html
 create mode 100644 layout/reftests/meta-viewport/overflow-hidden-region-with-negative-left-positioned-element.html
 create mode 100644 layout/reftests/meta-viewport/overflow-hidden-region.html
 create mode 100644 layout/reftests/meta-viewport/overflow-region-ref.html
 create mode 100644 layout/reftests/meta-viewport/overflow-region.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-on-half-height-content-ref.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-on-half-height-content.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-on-landscape-content.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size-ref.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-on-square-content-ref.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-on-square-content.html
 create mode 100644 layout/reftests/meta-viewport/position-fixed-out-of-view.html
 create mode 100644 layout/reftests/meta-viewport/reftest.list
 create mode 100644 layout/reftests/meta-viewport/removal.html
 create mode 100644 layout/reftests/meta-viewport/remove-overflow-hidden-region-ref.html
 create mode 100644 layout/reftests/meta-viewport/remove-overflow-hidden-region.html
 create mode 100644 layout/reftests/meta-viewport/resolution-change-on-landscape-content-ref.html
 create mode 100644 layout/reftests/meta-viewport/resolution-change-on-landscape-content.html
 create mode 100644 layout/reftests/meta-viewport/scroll-to-unreachable-area-ref.html
 create mode 100644 layout/reftests/meta-viewport/scroll-to-unreachable-area.html
 create mode 100644 layout/reftests/meta-viewport/scrollbars-in-half-height-content-ref.html
 create mode 100644 layout/reftests/meta-viewport/scrollbars-in-half-height-content.html
 create mode 100644 layout/reftests/meta-viewport/scrollbars-in-landscape-content-ref.html
 create mode 100644 layout/reftests/meta-viewport/scrollbars-in-landscape-content.html
 create mode 100644 layout/reftests/meta-viewport/vertical-overflow-hidden-region.html
 create mode 100644 layout/reftests/meta-viewport/viewport-width.html
 create mode 100644 layout/reftests/meta-viewport/width-980-ref.html
 create mode 100644 layout/reftests/meta-viewport/wrapped-text-at-icb-ref.html
 create mode 100644 layout/reftests/meta-viewport/wrapped-text-at-icb.html
 create mode 100644 layout/reftests/moz.build
 create mode 100644 layout/reftests/mp4-video/canvas-1-ref.xhtml
 create mode 100644 layout/reftests/mp4-video/canvas-1.xhtml
 create mode 100644 layout/reftests/mp4-video/image-rendering-css-auto.html
 create mode 100644 layout/reftests/mp4-video/image-rendering-css.html
 create mode 100644 layout/reftests/mp4-video/image-rendering-ref.html
 create mode 100644 layout/reftests/mp4-video/image-rendering-script.html
 create mode 100644 layout/reftests/mp4-video/qr.mp4
 create mode 100644 layout/reftests/mp4-video/reftest.list
 create mode 100644 layout/reftests/mp4-video/short.mp4
 create mode 100644 layout/reftests/native-theme/427122-1-ref.html
 create mode 100644 layout/reftests/native-theme/427122-1.html
 create mode 100644 layout/reftests/native-theme/470711-1-ref.xhtml
 create mode 100644 layout/reftests/native-theme/470711-1.xhtml
 create mode 100644 layout/reftests/native-theme/482955-1-ref.xhtml
 create mode 100644 layout/reftests/native-theme/482955-1.xhtml
 create mode 100644 layout/reftests/native-theme/492155-1.html
 create mode 100644 layout/reftests/native-theme/492155-2.html
 create mode 100644 layout/reftests/native-theme/492155-3.html
 create mode 100644 layout/reftests/native-theme/492155-4.html
 create mode 100644 layout/reftests/native-theme/676387-1-ref.xhtml
 create mode 100644 layout/reftests/native-theme/676387-1.xhtml
 create mode 100644 layout/reftests/native-theme/blank-window.xhtml
 create mode 100644 layout/reftests/native-theme/border-radius-ref.html
 create mode 100644 layout/reftests/native-theme/border-radius.html
 create mode 100644 layout/reftests/native-theme/box-shadow-button-ref.html
 create mode 100644 layout/reftests/native-theme/box-shadow-button.html
 create mode 100644 layout/reftests/native-theme/box-shadow-combobox-ref.html
 create mode 100644 layout/reftests/native-theme/box-shadow-combobox.html
 create mode 100644 layout/reftests/native-theme/box-shadow-input-ref.html
 create mode 100644 layout/reftests/native-theme/box-shadow-input.html
 create mode 100644 layout/reftests/native-theme/box-shadow-listbox-ref.html
 create mode 100644 layout/reftests/native-theme/box-shadow-listbox.html
 create mode 100644 layout/reftests/native-theme/button-html-not-blank.html
 create mode 100644 layout/reftests/native-theme/button-native.html
 create mode 100644 layout/reftests/native-theme/button-nonnative-when-styled-ref.html
 create mode 100644 layout/reftests/native-theme/button-nonnative-when-styled.html
 create mode 100644 layout/reftests/native-theme/button-nonnative.html
 create mode 100644 layout/reftests/native-theme/button-not-blank.html
 create mode 100644 layout/reftests/native-theme/checkbox-dynamic-1-ref.html
 create mode 100644 layout/reftests/native-theme/checkbox-dynamic-1.html
 create mode 100644 layout/reftests/native-theme/checkbox-native.html
 create mode 100644 layout/reftests/native-theme/checkbox-nonnative.html
 create mode 100644 layout/reftests/native-theme/checkbox-not-blank.html
 create mode 100644 layout/reftests/native-theme/checkbox-not-mirrored-when-rtl-ref.html
 create mode 100644 layout/reftests/native-theme/checkbox-not-mirrored-when-rtl.html
 create mode 100644 layout/reftests/native-theme/checkbox-still-native-when-styled-ref.html
 create mode 100644 layout/reftests/native-theme/checkbox-still-native-when-styled.html
 create mode 100644 layout/reftests/native-theme/combobox-native.html
 create mode 100644 layout/reftests/native-theme/combobox-nonnative-when-styled-ref.html
 create mode 100644 layout/reftests/native-theme/combobox-nonnative-when-styled.html
 create mode 100644 layout/reftests/native-theme/combobox-nonnative.html
 create mode 100644 layout/reftests/native-theme/combobox-not-blank.html
 create mode 100644 layout/reftests/native-theme/fieldset-not-blank.html
 create mode 100644 layout/reftests/native-theme/file-not-blank.html
 create mode 100644 layout/reftests/native-theme/listbox-native.html
 create mode 100644 layout/reftests/native-theme/listbox-nonnative-when-styled-ref.html
 create mode 100644 layout/reftests/native-theme/listbox-nonnative-when-styled.html
 create mode 100644 layout/reftests/native-theme/listbox-nonnative.html
 create mode 100644 layout/reftests/native-theme/listbox-not-blank.html
 create mode 100644 layout/reftests/native-theme/native-theme-disabled-cascade-levels-ref.html
 create mode 100644 layout/reftests/native-theme/native-theme-disabled-cascade-levels.html
 create mode 100644 layout/reftests/native-theme/progress-nobar.html
 create mode 100644 layout/reftests/native-theme/progress-overflow-ref.html
 create mode 100644 layout/reftests/native-theme/progress-overflow-small.html
 create mode 100644 layout/reftests/native-theme/progress-overflow.html
 create mode 100644 layout/reftests/native-theme/radio-native.html
 create mode 100644 layout/reftests/native-theme/radio-nonnative.html
 create mode 100644 layout/reftests/native-theme/radio-not-blank.html
 create mode 100644 layout/reftests/native-theme/radio-still-native-when-styled-ref.html
 create mode 100644 layout/reftests/native-theme/radio-still-native-when-styled.html
 create mode 100644 layout/reftests/native-theme/reftest.list
 create mode 100644 layout/reftests/native-theme/resizer-bottomleft-rtl.xhtml
 create mode 100644 layout/reftests/native-theme/resizer-bottomleft.xhtml
 create mode 100644 layout/reftests/native-theme/resizer-bottomright-rtl.xhtml
 create mode 100644 layout/reftests/native-theme/resizer-bottomright.xhtml
 create mode 100644 layout/reftests/native-theme/resizer-left.xhtml
 create mode 100644 layout/reftests/native-theme/scroll-thumb-minimum-size-notheme-ref.html
 create mode 100644 layout/reftests/native-theme/scroll-thumb-minimum-size-notheme.html
 create mode 100644 layout/reftests/native-theme/scroll-thumb-minimum-size-theme-ref.html
 create mode 100644 layout/reftests/native-theme/scroll-thumb-minimum-size-theme.html
 create mode 100644 layout/reftests/native-theme/text-control-not-blank.html
 create mode 100644 layout/reftests/native-theme/text-input-native.html
 create mode 100644 layout/reftests/native-theme/text-input-nonnative-when-styled-ref.html
 create mode 100644 layout/reftests/native-theme/text-input-nonnative-when-styled.html
 create mode 100644 layout/reftests/native-theme/text-input-nonnative.html
 create mode 100644 layout/reftests/native-theme/textarea-native.html
 create mode 100644 layout/reftests/native-theme/textarea-nonnative-when-styled-ref.html
 create mode 100644 layout/reftests/native-theme/textarea-nonnative-when-styled.html
 create mode 100644 layout/reftests/native-theme/textarea-nonnative.html
 create mode 100644 layout/reftests/native-theme/textarea-not-blank.html
 create mode 100644 layout/reftests/object/404-data-ref.html
 create mode 100644 layout/reftests/object/404-data-with-type-ref.html
 create mode 100644 layout/reftests/object/404-data-with-type.html
 create mode 100644 layout/reftests/object/404-data.html
 create mode 100644 layout/reftests/object/connection-refused-ref.html
 create mode 100644 layout/reftests/object/connection-refused.html
 create mode 100644 layout/reftests/object/extra/404.html
 create mode 100644 layout/reftests/object/extra/404.html^headers^
 create mode 100644 layout/reftests/object/extra/malformed.xml
 create mode 100644 layout/reftests/object/extra/malformed_image.png
 create mode 100644 layout/reftests/object/extra/pass.html
 create mode 100644 layout/reftests/object/extra/pass.png
 create mode 100644 layout/reftests/object/extra/pass.svg
 create mode 100644 layout/reftests/object/extra/pass_image
 create mode 100644 layout/reftests/object/image-no-useful-extension-typesniff-ref.html
 create mode 100644 layout/reftests/object/image-no-useful-extension-typesniff.html
 create mode 100644 layout/reftests/object/image-no-useful-extension-with-type-ref.html
 create mode 100644 layout/reftests/object/image-no-useful-extension-with-type.html
 create mode 100644 layout/reftests/object/image-ref.html
 create mode 100644 layout/reftests/object/image-with-type-ref.html
 create mode 100644 layout/reftests/object/image-with-type.html
 create mode 100644 layout/reftests/object/image.html
 create mode 100644 layout/reftests/object/malformed-should-fallback-ref.html
 create mode 100644 layout/reftests/object/malformed-should-fallback.html
 create mode 100644 layout/reftests/object/malformed-uri-ref.html
 create mode 100644 layout/reftests/object/malformed-uri.html
 create mode 100644 layout/reftests/object/malformed-with-type-ref.html
 create mode 100644 layout/reftests/object/malformed-with-type.html
 create mode 100644 layout/reftests/object/malformed-xml-ref.html
 create mode 100644 layout/reftests/object/malformed-xml-with-type-ref.html
 create mode 100644 layout/reftests/object/malformed-xml-with-type.html
 create mode 100644 layout/reftests/object/malformed-xml.html
 create mode 100644 layout/reftests/object/no-attrs-ref.html
 create mode 100644 layout/reftests/object/no-attrs.html
 create mode 100644 layout/reftests/object/page-as-data-ref.html
 create mode 100644 layout/reftests/object/page-as-data-with-type-ref.html
 create mode 100644 layout/reftests/object/page-as-data-with-type.html
 create mode 100644 layout/reftests/object/page-as-data.html
 create mode 100644 layout/reftests/object/reftest.list
 create mode 100644 layout/reftests/object/svg-ref.html
 create mode 100644 layout/reftests/object/svg-with-type-ref.html
 create mode 100644 layout/reftests/object/svg-with-type.html
 create mode 100644 layout/reftests/object/svg.html
 create mode 100644 layout/reftests/object/type-overridden-by-server-ref.html
 create mode 100644 layout/reftests/object/type-overridden-by-server.html
 create mode 100644 layout/reftests/object/unknown-type-ref.html
 create mode 100644 layout/reftests/object/unknown-type.html
 create mode 100644 layout/reftests/ogg-video/444-1-ref.html
 create mode 100644 layout/reftests/ogg-video/444-1.html
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-1-ref.html
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-1a.xhtml
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-1b.xhtml
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-2-ref.html
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-2a.xhtml
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-2b.xhtml
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-3-ref.xhtml
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-3a.xhtml
 create mode 100644 layout/reftests/ogg-video/aspect-ratio-3b.xhtml
 create mode 100644 layout/reftests/ogg-video/basic-1-ref.html
 create mode 100644 layout/reftests/ogg-video/basic-1.xhtml
 create mode 100644 layout/reftests/ogg-video/black100x100-aspect3to2.ogv
 create mode 100644 layout/reftests/ogg-video/black140x100.ogv
 create mode 100644 layout/reftests/ogg-video/black29x19offset.ogv
 create mode 100644 layout/reftests/ogg-video/blue140x100.png
 create mode 100644 layout/reftests/ogg-video/blue250x200.png
 create mode 100644 layout/reftests/ogg-video/canvas-1a.xhtml
 create mode 100644 layout/reftests/ogg-video/canvas-1b.xhtml
 create mode 100644 layout/reftests/ogg-video/clipping-1-ref.html
 create mode 100644 layout/reftests/ogg-video/clipping-1a.html
 create mode 100644 layout/reftests/ogg-video/empty-1-ref.html
 create mode 100644 layout/reftests/ogg-video/empty-1a.html
 create mode 100644 layout/reftests/ogg-video/empty-1b.html
 create mode 100644 layout/reftests/ogg-video/encoded-aspect-ratio-1-ref.html
 create mode 100644 layout/reftests/ogg-video/encoded-aspect-ratio-1.html
 create mode 100644 layout/reftests/ogg-video/green70x30.png
 create mode 100644 layout/reftests/ogg-video/object-aspect-ratio-1a.xhtml
 create mode 100644 layout/reftests/ogg-video/object-aspect-ratio-1b.xhtml
 create mode 100644 layout/reftests/ogg-video/object-aspect-ratio-2a.xhtml
 create mode 100644 layout/reftests/ogg-video/object-aspect-ratio-2b.xhtml
 create mode 100644 layout/reftests/ogg-video/offset-1-ref.html
 create mode 100644 layout/reftests/ogg-video/offset-1.xhtml
 create mode 100644 layout/reftests/ogg-video/poster-1.html
 create mode 100644 layout/reftests/ogg-video/poster-10.html
 create mode 100644 layout/reftests/ogg-video/poster-11.html
 create mode 100644 layout/reftests/ogg-video/poster-12.html
 create mode 100644 layout/reftests/ogg-video/poster-13.html
 create mode 100644 layout/reftests/ogg-video/poster-15.html
 create mode 100644 layout/reftests/ogg-video/poster-2.html
 create mode 100644 layout/reftests/ogg-video/poster-3.html
 create mode 100644 layout/reftests/ogg-video/poster-4.html
 create mode 100644 layout/reftests/ogg-video/poster-5.html
 create mode 100644 layout/reftests/ogg-video/poster-6.html
 create mode 100644 layout/reftests/ogg-video/poster-7.html
 create mode 100644 layout/reftests/ogg-video/poster-8.html
 create mode 100644 layout/reftests/ogg-video/poster-ref-black140x100.html
 create mode 100644 layout/reftests/ogg-video/poster-ref-blue125x100.html
 create mode 100644 layout/reftests/ogg-video/poster-ref-blue140x100.html
 create mode 100644 layout/reftests/ogg-video/poster-ref-blue250x200.html
 create mode 100644 layout/reftests/ogg-video/poster-ref-blue400x300.html
 create mode 100644 layout/reftests/ogg-video/poster-ref-green70x30.html
 create mode 100644 layout/reftests/ogg-video/poster-ref-red140x100.html
 create mode 100644 layout/reftests/ogg-video/red140x100.png
 create mode 100644 layout/reftests/ogg-video/red160x120.png
 create mode 100644 layout/reftests/ogg-video/reftest.list
 create mode 100644 layout/reftests/ogg-video/seek420.ogv
 create mode 100644 layout/reftests/ogg-video/seek444.ogv
 create mode 100644 layout/reftests/ogg-video/zoomed-1-ref.html
 create mode 100644 layout/reftests/ogg-video/zoomed-1.xhtml
 create mode 100644 layout/reftests/outline/outline-and-3d-transform-1-ref.html
 create mode 100644 layout/reftests/outline/outline-and-3d-transform-1a.html
 create mode 100644 layout/reftests/outline/outline-and-3d-transform-1b.html
 create mode 100644 layout/reftests/outline/outline-and-3d-transform-2-ref.html
 create mode 100644 layout/reftests/outline/outline-and-3d-transform-2.html
 create mode 100644 layout/reftests/outline/outline-and-box-shadow-ref.html
 create mode 100644 layout/reftests/outline/outline-and-box-shadow.html
 create mode 100644 layout/reftests/outline/outline-auto-001-ref.html
 create mode 100644 layout/reftests/outline/outline-auto-001.html
 create mode 100644 layout/reftests/outline/outline-auto-002-ref.html
 create mode 100644 layout/reftests/outline/outline-auto-002.html
 create mode 100644 layout/reftests/outline/outline-auto-explicit-native-widget-ref.html
 create mode 100644 layout/reftests/outline/outline-auto-explicit-native-widget.html
 create mode 100644 layout/reftests/outline/outline-auto-follows-border-radius-non-native-02.html
 create mode 100644 layout/reftests/outline/outline-auto-follows-border-radius-non-native-notref.html
 create mode 100644 layout/reftests/outline/outline-auto-follows-border-radius-non-native.html
 create mode 100644 layout/reftests/outline/outline-auto-suppressed-native-widget-ref.html
 create mode 100644 layout/reftests/outline/outline-auto-suppressed-native-widget.html
 create mode 100644 layout/reftests/outline/outline-dynamic-change-1-ref.html
 create mode 100644 layout/reftests/outline/outline-dynamic-change-1a.html
 create mode 100644 layout/reftests/outline/outline-dynamic-change-1b.html
 create mode 100644 layout/reftests/outline/outline-initial-1-ref.html
 create mode 100644 layout/reftests/outline/outline-initial-1a.html
 create mode 100644 layout/reftests/outline/outline-initial-1b.html
 create mode 100644 layout/reftests/outline/outline-on-table-ref.html
 create mode 100644 layout/reftests/outline/outline-on-table.html
 create mode 100644 layout/reftests/outline/outline-overflow-block-abspos.html
 create mode 100644 layout/reftests/outline/outline-overflow-block-float.html
 create mode 100644 layout/reftests/outline/outline-overflow-block-ref.html
 create mode 100644 layout/reftests/outline/outline-overflow-inlineblock-abspos.html
 create mode 100644 layout/reftests/outline/outline-overflow-inlineblock-float.html
 create mode 100644 layout/reftests/outline/outline-overflow-inlineblock-ref.html
 create mode 100644 layout/reftests/outline/outline-table-caption-invisible.html
 create mode 100644 layout/reftests/outline/outline-table-caption-ref.html
 create mode 100644 layout/reftests/outline/outline-table-caption.html
 create mode 100644 layout/reftests/outline/outline-wrapped-span-1-ref.html
 create mode 100644 layout/reftests/outline/outline-wrapped-span-1.html
 create mode 100644 layout/reftests/outline/reftest.list
 create mode 100644 layout/reftests/pagination/1108104-ref.html
 create mode 100644 layout/reftests/pagination/1108104.html
 create mode 100644 layout/reftests/pagination/115199-1-ref.html
 create mode 100644 layout/reftests/pagination/115199-1.html
 create mode 100644 layout/reftests/pagination/115199-2-ref.html
 create mode 100644 layout/reftests/pagination/115199-2a.html
 create mode 100644 layout/reftests/pagination/115199-2b.html
 create mode 100644 layout/reftests/pagination/1166147-ref.html
 create mode 100644 layout/reftests/pagination/1166147.html
 create mode 100644 layout/reftests/pagination/129941-1-ref.html
 create mode 100644 layout/reftests/pagination/129941-1a.html
 create mode 100644 layout/reftests/pagination/129941-1b.html
 create mode 100644 layout/reftests/pagination/129941-1c.html
 create mode 100644 layout/reftests/pagination/129941-1d.html
 create mode 100644 layout/reftests/pagination/129941-1e-ref.html
 create mode 100644 layout/reftests/pagination/129941-1e.html
 create mode 100644 layout/reftests/pagination/1321803-1-ref.html
 create mode 100644 layout/reftests/pagination/1321803-1a.html
 create mode 100644 layout/reftests/pagination/1404868-1-ref.html
 create mode 100644 layout/reftests/pagination/1404868-1.html
 create mode 100644 layout/reftests/pagination/1406050-1-ref.html
 create mode 100644 layout/reftests/pagination/1406050-1.html
 create mode 100644 layout/reftests/pagination/1406291-1-ref.html
 create mode 100644 layout/reftests/pagination/1406291-1.html
 create mode 100644 layout/reftests/pagination/1409585-1-ref.html
 create mode 100644 layout/reftests/pagination/1409585-1.html
 create mode 100644 layout/reftests/pagination/1411799-1-ref.html
 create mode 100644 layout/reftests/pagination/1411799-1.html
 create mode 100644 layout/reftests/pagination/1420528-1-ref.html
 create mode 100644 layout/reftests/pagination/1420528-1.html
 create mode 100644 layout/reftests/pagination/1427141-1.html
 create mode 100644 layout/reftests/pagination/1427141-2.html
 create mode 100644 layout/reftests/pagination/1427141-ref.html
 create mode 100644 layout/reftests/pagination/1468654-1-ref.html
 create mode 100644 layout/reftests/pagination/1468654-1.html
 create mode 100644 layout/reftests/pagination/1596310-ref.html
 create mode 100644 layout/reftests/pagination/1596310.html
 create mode 100644 layout/reftests/pagination/272830-1-ref.html
 create mode 100644 layout/reftests/pagination/272830-1.html
 create mode 100644 layout/reftests/pagination/318022-1-ref.html
 create mode 100644 layout/reftests/pagination/318022-1.html
 create mode 100644 layout/reftests/pagination/381497-f.html
 create mode 100644 layout/reftests/pagination/381497-n.html
 create mode 100644 layout/reftests/pagination/403669-1-ref.html
 create mode 100644 layout/reftests/pagination/403669-1.html
 create mode 100644 layout/reftests/pagination/577450-1-ref.html
 create mode 100644 layout/reftests/pagination/577450-1.html
 create mode 100644 layout/reftests/pagination/609227-1-ref.html
 create mode 100644 layout/reftests/pagination/609227-1.html
 create mode 100644 layout/reftests/pagination/609227-2-ref.html
 create mode 100644 layout/reftests/pagination/609227-2a.html
 create mode 100644 layout/reftests/pagination/609227-2b.html
 create mode 100644 layout/reftests/pagination/626395-1-ref.html
 create mode 100644 layout/reftests/pagination/626395-1a.html
 create mode 100644 layout/reftests/pagination/626395-1b.html
 create mode 100644 layout/reftests/pagination/626395-2-ref.html
 create mode 100644 layout/reftests/pagination/626395-2a.html
 create mode 100644 layout/reftests/pagination/626395-2b.html
 create mode 100644 layout/reftests/pagination/626395-2c.html
 create mode 100644 layout/reftests/pagination/626395-2d.html
 create mode 100644 layout/reftests/pagination/652178-1-ref.html
 create mode 100644 layout/reftests/pagination/652178-1-ref2.html
 create mode 100644 layout/reftests/pagination/652178-1.html
 create mode 100644 layout/reftests/pagination/745025-1-ref.html
 create mode 100644 layout/reftests/pagination/745025-1.html
 create mode 100644 layout/reftests/pagination/820496-1-ref.html
 create mode 100644 layout/reftests/pagination/820496-1.html
 create mode 100644 layout/reftests/pagination/960822-ref.html
 create mode 100644 layout/reftests/pagination/960822.html
 create mode 100644 layout/reftests/pagination/966419-1-ref.html
 create mode 100644 layout/reftests/pagination/966419-1.html
 create mode 100644 layout/reftests/pagination/966419-2-ref.html
 create mode 100644 layout/reftests/pagination/966419-2.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-000.ref.xhtml
 create mode 100644 layout/reftests/pagination/abspos-breaking-000.xhtml
 create mode 100644 layout/reftests/pagination/abspos-breaking-001.xhtml
 create mode 100644 layout/reftests/pagination/abspos-breaking-002.xhtml
 create mode 100644 layout/reftests/pagination/abspos-breaking-003-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-003.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-004-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-004.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-005-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-005.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-006-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-006.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-007-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-007.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-008-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-008.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-009-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-009.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-010-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-010.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-011-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-011.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-001.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-002-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-002.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-003-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-003.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-004.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-005-ref.html
 create mode 100644 layout/reftests/pagination/abspos-breaking-dynamic-005.html
 create mode 100644 layout/reftests/pagination/abspos-overflow-01-cols.ref.xhtml
 create mode 100644 layout/reftests/pagination/abspos-overflow-01-cols.xhtml
 create mode 100644 layout/reftests/pagination/abspos-overflow-01.ref.xhtml
 create mode 100644 layout/reftests/pagination/abspos-overflow-01.xhtml
 create mode 100644 layout/reftests/pagination/bfc-001-ref.html
 create mode 100644 layout/reftests/pagination/bfc-001.html
 create mode 100644 layout/reftests/pagination/bfc-002.html
 create mode 100644 layout/reftests/pagination/bfc-003.html
 create mode 100644 layout/reftests/pagination/bfc-004-ref.html
 create mode 100644 layout/reftests/pagination/bfc-004.html
 create mode 100644 layout/reftests/pagination/bfc-005.html
 create mode 100644 layout/reftests/pagination/bfc-006-ref.html
 create mode 100644 layout/reftests/pagination/bfc-006.html
 create mode 100644 layout/reftests/pagination/bfc-007.html
 create mode 100644 layout/reftests/pagination/bfc-008.html
 create mode 100644 layout/reftests/pagination/blank.html
 create mode 100644 layout/reftests/pagination/block-max-height-001-ref.html
 create mode 100644 layout/reftests/pagination/block-max-height-001.html
 create mode 100644 layout/reftests/pagination/block-max-height-002.html
 create mode 100644 layout/reftests/pagination/block-min-height-001-ref.html
 create mode 100644 layout/reftests/pagination/block-min-height-001.html
 create mode 100644 layout/reftests/pagination/block-min-height-002.html
 create mode 100644 layout/reftests/pagination/border-breaking-000-cols.ref.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-000-cols.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-001-cols.ref.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-001-cols.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-002-cols.ref.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-002-cols.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-003-cols.ref.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-003-cols.xhtml
 create mode 100644 layout/reftests/pagination/border-breaking-004-cols.xhtml
 create mode 100644 layout/reftests/pagination/column-balancing-break-inside-avoid-2-ref.html
 create mode 100644 layout/reftests/pagination/column-balancing-break-inside-avoid-2.html
 create mode 100644 layout/reftests/pagination/combobox-page-break-inside-ref.html
 create mode 100644 layout/reftests/pagination/combobox-page-break-inside.html
 create mode 100644 layout/reftests/pagination/contain-size-break-001-ref.html
 create mode 100644 layout/reftests/pagination/contain-size-break-001.html
 create mode 100644 layout/reftests/pagination/contain-size-break-002-ref.html
 create mode 100644 layout/reftests/pagination/contain-size-break-002.html
 create mode 100644 layout/reftests/pagination/contain-size-break-003-ref.html
 create mode 100644 layout/reftests/pagination/contain-size-break-003.html
 create mode 100644 layout/reftests/pagination/content-inserted-000.ref.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-000.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-001.ref.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-001.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-002.ref.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-002.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-003.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-004.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-005.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-006.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-007.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-008.xhtml
 create mode 100644 layout/reftests/pagination/content-inserted-009.xhtml
 create mode 100644 layout/reftests/pagination/content-url-element.html
 create mode 100644 layout/reftests/pagination/content-url-pseudo-ref.html
 create mode 100644 layout/reftests/pagination/content-url-pseudo.html
 create mode 100644 layout/reftests/pagination/dynamic-abspos-overflow-01-cols.ref.xhtml
 create mode 100644 layout/reftests/pagination/dynamic-abspos-overflow-01-cols.xhtml
 create mode 100644 layout/reftests/pagination/fieldset-001-grid.html
 create mode 100644 layout/reftests/pagination/fieldset-001-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-001.html
 create mode 100644 layout/reftests/pagination/fieldset-002-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-002.html
 create mode 100644 layout/reftests/pagination/fieldset-003-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-003.html
 create mode 100644 layout/reftests/pagination/fieldset-004-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-004.html
 create mode 100644 layout/reftests/pagination/fieldset-005-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-005.html
 create mode 100644 layout/reftests/pagination/fieldset-006-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-006.html
 create mode 100644 layout/reftests/pagination/fieldset-007-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-007.html
 create mode 100644 layout/reftests/pagination/fieldset-008-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-008.html
 create mode 100644 layout/reftests/pagination/fieldset-009-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-009.html
 create mode 100644 layout/reftests/pagination/fieldset-00A-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00A.html
 create mode 100644 layout/reftests/pagination/fieldset-00B-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00B.html
 create mode 100644 layout/reftests/pagination/fieldset-00C-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00C.html
 create mode 100644 layout/reftests/pagination/fieldset-00D-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00D.html
 create mode 100644 layout/reftests/pagination/fieldset-00E-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00E.html
 create mode 100644 layout/reftests/pagination/fieldset-00F-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00F.html
 create mode 100644 layout/reftests/pagination/fieldset-00G-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00G.html
 create mode 100644 layout/reftests/pagination/fieldset-00H-grid.html
 create mode 100644 layout/reftests/pagination/fieldset-00H-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00H.html
 create mode 100644 layout/reftests/pagination/fieldset-00I-grid.html
 create mode 100644 layout/reftests/pagination/fieldset-00I-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00I.html
 create mode 100644 layout/reftests/pagination/fieldset-00J-grid.html
 create mode 100644 layout/reftests/pagination/fieldset-00J-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00J.html
 create mode 100644 layout/reftests/pagination/fieldset-00K-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00K.html
 create mode 100644 layout/reftests/pagination/fieldset-00L-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00L.html
 create mode 100644 layout/reftests/pagination/fieldset-00M-ref.html
 create mode 100644 layout/reftests/pagination/fieldset-00M.html
 create mode 100644 layout/reftests/pagination/float-clear-000-print.html
 create mode 100644 layout/reftests/pagination/float-clear-000-print.ref.html
 create mode 100644 layout/reftests/pagination/float-clear-001-print.html
 create mode 100644 layout/reftests/pagination/float-clear-002-print.html
 create mode 100644 layout/reftests/pagination/float-clear-003-print.html
 create mode 100644 layout/reftests/pagination/float-continuations-000.html
 create mode 100644 layout/reftests/pagination/float-continuations-000.ref.html
 create mode 100644 layout/reftests/pagination/image.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-offset-1-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-offset-1.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-offset-2-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-offset-2.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-simple-1-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-simple-1.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-simple-2-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-simple-2.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-text-1-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-frag-text-1.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-1-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-1.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-1b-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-1b.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-1c-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-1c.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-2-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-2.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-2b-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-2b.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-2c-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-2c.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-3-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-3.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-3b-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-3b.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-3c-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-3c.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-4-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-4.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-4b-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-4b.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-4c-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-4c.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-5-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-5.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-5b-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-5b.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-5c-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-5c.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-6-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-6.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-6b-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-6b.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-6c-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-6c.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-7-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-7.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-8-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-8.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-8b-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-8b.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-8c-ref.html
 create mode 100644 layout/reftests/pagination/inline-block-slice-8c.html
 create mode 100644 layout/reftests/pagination/quirks-notref.html
 create mode 100644 layout/reftests/pagination/quirks-ref.html
 create mode 100644 layout/reftests/pagination/quirks.html
 create mode 100644 layout/reftests/pagination/reftest.list
 create mode 100644 layout/reftests/pagination/resize-reflow-000.html
 create mode 100644 layout/reftests/pagination/resize-reflow-000.ref.html
 create mode 100644 layout/reftests/pagination/resize-reflow-001.html
 create mode 100644 layout/reftests/pagination/resize-reflow-001.inner.html
 create mode 100644 layout/reftests/pagination/resize-reflow-001.ref.html
 create mode 100644 layout/reftests/pagination/row-page-break-after-always-1.html
 create mode 100644 layout/reftests/pagination/row-page-break-after-always-2.html
 create mode 100644 layout/reftests/pagination/rowgroup-page-break-after-always-1.html
 create mode 100644 layout/reftests/pagination/rowgroup-tfoot-page-break-after-always-1.html
 create mode 100644 layout/reftests/pagination/rowgroup-thead-page-break-after-always-1.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-1-ref.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-1.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-2-ref.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-2.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-3-ref.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-3.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-4-ref.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-4.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-5-ref.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-5.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-8.html
 create mode 100644 layout/reftests/pagination/table-caption-splitaftercaption-9.html
 create mode 100644 layout/reftests/pagination/table-caption-splitrowgroup-1-ref.html
 create mode 100644 layout/reftests/pagination/table-caption-splitrowgroup-1.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-1-ref.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-1a.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-1b.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-2-ref.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-2a.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-2b.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-3-ref.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-3a-ref.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-3a.html
 create mode 100644 layout/reftests/pagination/table-cell-breaking-3b.html
 create mode 100644 layout/reftests/pagination/table-nested-1308876-1-ref.html
 create mode 100644 layout/reftests/pagination/table-nested-1308876-1.xhtml
 create mode 100644 layout/reftests/pagination/table-page-break-after-always-1.html
 create mode 100644 layout/reftests/pagination/table-page-break-after-left-1.html
 create mode 100644 layout/reftests/pagination/table-page-break-after-right-1.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-always-1-ref.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-always-1.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-auto-1-ref.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-auto-1.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-auto-2-ref.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-auto-2.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-auto-3-ref.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-avoid-1.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-left-1.html
 create mode 100644 layout/reftests/pagination/table-page-break-before-right-1.html
 create mode 100644 layout/reftests/pagination/table-tfoot-thead-1-ref.html
 create mode 100644 layout/reftests/pagination/table-tfoot-thead-1.html
 create mode 100644 layout/reftests/pagination/table_internal_pagebreak-1.html
 create mode 100644 layout/reftests/pagination/test-async-paged.html
 create mode 100644 layout/reftests/percent-overflow-sizing/dynamicHeight100-ref.html
 create mode 100644 layout/reftests/percent-overflow-sizing/dynamicHeight100.html
 create mode 100644 layout/reftests/percent-overflow-sizing/greenbox.html
 create mode 100644 layout/reftests/percent-overflow-sizing/greenboxhbar.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollAbsHeight.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollAbsHeightD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirks.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirksD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightQuirksD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeight.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeightD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1D.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2D.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3D.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-1D.html
 create mode 100644 layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-3D.html
 create mode 100644 layout/reftests/percent-overflow-sizing/nestedHeight-ref.html
 create mode 100644 layout/reftests/percent-overflow-sizing/nestedHeight.html
 create mode 100644 layout/reftests/percent-overflow-sizing/nestedHeightQuirks-ref.html
 create mode 100644 layout/reftests/percent-overflow-sizing/nestedHeightQuirks.html
 create mode 100644 layout/reftests/percent-overflow-sizing/reftest.list
 create mode 100644 layout/reftests/percent-overflow-sizing/simpleAbsHeight.html
 create mode 100644 layout/reftests/percent-overflow-sizing/simpleAbsHeightD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/simpleAbsMinHeightD.html
 create mode 100644 layout/reftests/percent-overflow-sizing/simpleHeight100.html
 create mode 100644 layout/reftests/percent-overflow-sizing/simpleHeight100D.html
 create mode 100644 layout/reftests/percent-overflow-sizing/simpleMinHeight100D.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-base.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-height-10.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-height-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-height-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-height-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-left-10.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-left-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-left-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-left-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-top-10.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-top-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-top-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-top-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-width-10.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-width-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-width-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-color-width-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-base.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-height-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-height-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-height-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-height-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-left-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-left-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-left-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-left-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-tiling-ref.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-tiling.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-top-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-top-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-top-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-top-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-width-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-width-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-width-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/background-image-width-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/blue-1x1.png
 create mode 100644 layout/reftests/pixel-rounding/blue-25x25.png
 create mode 100644 layout/reftests/pixel-rounding/blue-3x3.png
 create mode 100644 layout/reftests/pixel-rounding/blue-5x5.png
 create mode 100644 layout/reftests/pixel-rounding/border-base-ref.html
 create mode 100644 layout/reftests/pixel-rounding/border-height-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/border-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/border-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/border-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/border-image-width-0.html
 create mode 100644 layout/reftests/pixel-rounding/border-image-width-10.html
 create mode 100644 layout/reftests/pixel-rounding/border-image-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/border-image-width-9.html
 create mode 100644 layout/reftests/pixel-rounding/border-left-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/border-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/border-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/border-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/border-top-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/border-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/border-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/border-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/border-width-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/border-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/border-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/border-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/check-image-blue-ref.html
 create mode 100644 layout/reftests/pixel-rounding/check-image-blue.html
 create mode 100644 layout/reftests/pixel-rounding/check-image-ref.html
 create mode 100644 layout/reftests/pixel-rounding/check-image.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/collapsed-border-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/corner-bl.png
 create mode 100644 layout/reftests/pixel-rounding/corner-br.png
 create mode 100644 layout/reftests/pixel-rounding/corner-tl.png
 create mode 100644 layout/reftests/pixel-rounding/corner-tr.png
 create mode 100644 layout/reftests/pixel-rounding/green-1x1.png
 create mode 100644 layout/reftests/pixel-rounding/green-25x25.png
 create mode 100644 layout/reftests/pixel-rounding/green-3x3.png
 create mode 100644 layout/reftests/pixel-rounding/green-5x5.png
 create mode 100644 layout/reftests/pixel-rounding/green-circle-with-blue-border.png
 create mode 100644 layout/reftests/pixel-rounding/iframe-1-ref.html
 create mode 100644 layout/reftests/pixel-rounding/iframe-1.html
 create mode 100644 layout/reftests/pixel-rounding/image-base-ref.html
 create mode 100644 layout/reftests/pixel-rounding/image-height-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/image-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/image-height-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-height-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-height-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/image-high-quality-scaling-1-ref.html
 create mode 100644 layout/reftests/pixel-rounding/image-high-quality-scaling-1.html
 create mode 100644 layout/reftests/pixel-rounding/image-left-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/image-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/image-left-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-left-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-left-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/image-top-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/image-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/image-top-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-top-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-top-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/image-width-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/image-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/image-width-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/image-width-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/image-width-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/lime-25x25.png
 create mode 100644 layout/reftests/pixel-rounding/offscreen-0-ref.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-background-color-pos-4.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-background-color-pos-5.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-background-color-pos-6.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-background-color-size-4.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-background-color-size-5.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-background-color-size-6.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-image-pos-4.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-image-pos-5.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-image-pos-6.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-image-size-4.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-image-size-5.html
 create mode 100644 layout/reftests/pixel-rounding/offscreen-image-size-6.html
 create mode 100644 layout/reftests/pixel-rounding/random-10x10.png
 create mode 100644 layout/reftests/pixel-rounding/reftest.list
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-base-ref.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-height-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-height-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-height-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-height-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-left-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-left-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-left-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-top-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-top-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-top-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-top-6.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-top-height-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-top-height-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-top-height-6.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-width-10-ref.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-width-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-width-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-width-6.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-width-left-5.html
 create mode 100644 layout/reftests/pixel-rounding/rounded-background-color-width-left-6.html
 create mode 100644 layout/reftests/pixel-rounding/viewport-units-rounding-1-frame.html
 create mode 100644 layout/reftests/pixel-rounding/viewport-units-rounding-1-ref.html
 create mode 100644 layout/reftests/pixel-rounding/viewport-units-rounding-1.html
 create mode 100644 layout/reftests/pixel-rounding/viewport-units-rounding-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/handleprop.js
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/animate.js
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthA-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthN-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest_border_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest_border_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest_margin_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest_margin_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest_padding_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest_padding_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/reftest_plain.list
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/style.css
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA.html
 create mode 100644 layout/reftests/position-dynamic-changes/max-width-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/max-width.html
 create mode 100644 layout/reftests/position-dynamic-changes/min-width-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/min-width.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN.html
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest_border_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest_border_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest_margin_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest_margin_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest_padding_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest_padding_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/reftest_plain.list
 create mode 100644 layout/reftests/position-dynamic-changes/mixed/style.css
 create mode 100644 layout/reftests/position-dynamic-changes/multiple-changes-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/multiple-changes.html
 create mode 100644 layout/reftests/position-dynamic-changes/reftest.list
 create mode 100644 layout/reftests/position-dynamic-changes/relative/animate.js
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-right-bottom.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-top-left-table.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/move-top-left.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/percent-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/percent.html
 create mode 100644 layout/reftests/position-dynamic-changes/relative/reftest.list
 create mode 100644 layout/reftests/position-dynamic-changes/relative/style.css
 create mode 100644 layout/reftests/position-dynamic-changes/shrink-wrap-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/shrink-wrap.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/animate.js
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest.listbackup
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/reftest_plain.list
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/style.css
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html
 create mode 100644 layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html
 create mode 100644 layout/reftests/position-relative/1115999-1-ref.html
 create mode 100644 layout/reftests/position-relative/1115999-1.html
 create mode 100644 layout/reftests/position-relative/1409114-1-ref.html
 create mode 100644 layout/reftests/position-relative/1409114-1.html
 create mode 100644 layout/reftests/position-relative/1409114-2.html
 create mode 100644 layout/reftests/position-relative/1409114-3.html
 create mode 100644 layout/reftests/position-relative/reftest.list
 create mode 100644 layout/reftests/position-relative/table-collapse-1-ref.html
 create mode 100644 layout/reftests/position-relative/table-collapse-1.html
 create mode 100644 layout/reftests/position-relative/table-collapse-2-ref.html
 create mode 100644 layout/reftests/position-relative/table-collapse-2.html
 create mode 100644 layout/reftests/position-relative/table-collapse-3-ref.html
 create mode 100644 layout/reftests/position-relative/table-collapse-3.html
 create mode 100644 layout/reftests/position-relative/table-collapse-4-ref.html
 create mode 100644 layout/reftests/position-relative/table-collapse-4.html
 create mode 100644 layout/reftests/position-relative/table-separate-1-ref.html
 create mode 100644 layout/reftests/position-relative/table-separate-1.html
 create mode 100644 layout/reftests/position-relative/table-separate-2-ref.html
 create mode 100644 layout/reftests/position-relative/table-separate-2.html
 create mode 100644 layout/reftests/position-relative/table-separate-3-ref.html
 create mode 100644 layout/reftests/position-relative/table-separate-3.html
 create mode 100644 layout/reftests/position-relative/table-separate-4-ref.html
 create mode 100644 layout/reftests/position-relative/table-separate-4.html
 create mode 100644 layout/reftests/position-sticky/ahem.css
 create mode 100644 layout/reftests/position-sticky/block-in-inline-1-ref.html
 create mode 100644 layout/reftests/position-sticky/block-in-inline-1.html
 create mode 100644 layout/reftests/position-sticky/block-in-inline-2-ref.html
 create mode 100644 layout/reftests/position-sticky/block-in-inline-2.html
 create mode 100644 layout/reftests/position-sticky/block-in-inline-3-ref.html
 create mode 100644 layout/reftests/position-sticky/block-in-inline-3.html
 create mode 100644 layout/reftests/position-sticky/block-in-inline-continuations-ref.html
 create mode 100644 layout/reftests/position-sticky/block-in-inline-continuations.html
 create mode 100644 layout/reftests/position-sticky/bottom-1-ref.html
 create mode 100644 layout/reftests/position-sticky/bottom-1.html
 create mode 100644 layout/reftests/position-sticky/bottom-2-ref.html
 create mode 100644 layout/reftests/position-sticky/bottom-2a.html
 create mode 100644 layout/reftests/position-sticky/bottom-2b.html
 create mode 100644 layout/reftests/position-sticky/bottom-2c.html
 create mode 100644 layout/reftests/position-sticky/bottom-3-ref.html
 create mode 100644 layout/reftests/position-sticky/bottom-3.html
 create mode 100644 layout/reftests/position-sticky/bottom-4-ref.html
 create mode 100644 layout/reftests/position-sticky/bottom-4.html
 create mode 100644 layout/reftests/position-sticky/column-contain-1-ref.html
 create mode 100644 layout/reftests/position-sticky/column-contain-1a.html
 create mode 100644 layout/reftests/position-sticky/column-contain-1b.html
 create mode 100644 layout/reftests/position-sticky/column-contain-2-ref.html
 create mode 100644 layout/reftests/position-sticky/column-contain-2.html
 create mode 100644 layout/reftests/position-sticky/containing-block-1-ref.html
 create mode 100644 layout/reftests/position-sticky/containing-block-1.html
 create mode 100644 layout/reftests/position-sticky/iframe-1-helper.html
 create mode 100644 layout/reftests/position-sticky/iframe-1-ref.html
 create mode 100644 layout/reftests/position-sticky/iframe-1.html
 create mode 100644 layout/reftests/position-sticky/initial-1-ref.html
 create mode 100644 layout/reftests/position-sticky/initial-1.html
 create mode 100644 layout/reftests/position-sticky/initial-scroll-1-ref.html
 create mode 100644 layout/reftests/position-sticky/initial-scroll-1.html
 create mode 100644 layout/reftests/position-sticky/inline-1-ref.html
 create mode 100644 layout/reftests/position-sticky/inline-1.html
 create mode 100644 layout/reftests/position-sticky/inline-2-ref.html
 create mode 100644 layout/reftests/position-sticky/inline-2.html
 create mode 100644 layout/reftests/position-sticky/inline-3-ref.html
 create mode 100644 layout/reftests/position-sticky/inline-3.html
 create mode 100644 layout/reftests/position-sticky/inline-4-ref.html
 create mode 100644 layout/reftests/position-sticky/inline-4.html
 create mode 100644 layout/reftests/position-sticky/left-1-ref.html
 create mode 100644 layout/reftests/position-sticky/left-1.html
 create mode 100644 layout/reftests/position-sticky/left-2-ref.html
 create mode 100644 layout/reftests/position-sticky/left-2.html
 create mode 100644 layout/reftests/position-sticky/left-3-ref.html
 create mode 100644 layout/reftests/position-sticky/left-3.html
 create mode 100644 layout/reftests/position-sticky/left-right-1-ref.html
 create mode 100644 layout/reftests/position-sticky/left-right-1.html
 create mode 100644 layout/reftests/position-sticky/left-right-2-ref.html
 create mode 100644 layout/reftests/position-sticky/left-right-2.html
 create mode 100644 layout/reftests/position-sticky/left-right-3-ref.html
 create mode 100644 layout/reftests/position-sticky/left-right-3.html
 create mode 100644 layout/reftests/position-sticky/margin-1-ref.html
 create mode 100644 layout/reftests/position-sticky/margin-1.html
 create mode 100644 layout/reftests/position-sticky/nested-sticky-1-ref.html
 create mode 100644 layout/reftests/position-sticky/nested-sticky-1.html
 create mode 100644 layout/reftests/position-sticky/nested-sticky-2-ref.html
 create mode 100644 layout/reftests/position-sticky/nested-sticky-2.html
 create mode 100644 layout/reftests/position-sticky/overconstrained-1-ref.html
 create mode 100644 layout/reftests/position-sticky/overconstrained-1.html
 create mode 100644 layout/reftests/position-sticky/overconstrained-2-ref.html
 create mode 100644 layout/reftests/position-sticky/overconstrained-2.html
 create mode 100644 layout/reftests/position-sticky/overconstrained-3-ref.html
 create mode 100644 layout/reftests/position-sticky/overconstrained-3.html
 create mode 100644 layout/reftests/position-sticky/overcontain-1-ref.html
 create mode 100644 layout/reftests/position-sticky/overcontain-1.html
 create mode 100644 layout/reftests/position-sticky/padding-1-ref.html
 create mode 100644 layout/reftests/position-sticky/padding-1.html
 create mode 100644 layout/reftests/position-sticky/padding-2-ref.html
 create mode 100644 layout/reftests/position-sticky/padding-2.html
 create mode 100644 layout/reftests/position-sticky/padding-3-ref.html
 create mode 100644 layout/reftests/position-sticky/padding-3.html
 create mode 100644 layout/reftests/position-sticky/reftest.list
 create mode 100644 layout/reftests/position-sticky/right-1-ref.html
 create mode 100644 layout/reftests/position-sticky/right-1.html
 create mode 100644 layout/reftests/position-sticky/right-2-ref.html
 create mode 100644 layout/reftests/position-sticky/right-2.html
 create mode 100644 layout/reftests/position-sticky/right-3-ref.html
 create mode 100644 layout/reftests/position-sticky/right-3.html
 create mode 100644 layout/reftests/position-sticky/scrollframe-auto-1-ref.html
 create mode 100644 layout/reftests/position-sticky/scrollframe-auto-1.html
 create mode 100644 layout/reftests/position-sticky/scrollframe-reflow-1-ref.html
 create mode 100644 layout/reftests/position-sticky/scrollframe-reflow-1.html
 create mode 100644 layout/reftests/position-sticky/scrollframe-reflow-2-ref.html
 create mode 100644 layout/reftests/position-sticky/scrollframe-reflow-2.html
 create mode 100644 layout/reftests/position-sticky/stacking-context-1-ref.html
 create mode 100644 layout/reftests/position-sticky/stacking-context-1.html
 create mode 100644 layout/reftests/position-sticky/top-1-ref.html
 create mode 100644 layout/reftests/position-sticky/top-1.html
 create mode 100644 layout/reftests/position-sticky/top-2-ref.html
 create mode 100644 layout/reftests/position-sticky/top-2.html
 create mode 100644 layout/reftests/position-sticky/top-3-ref.html
 create mode 100644 layout/reftests/position-sticky/top-3.html
 create mode 100644 layout/reftests/position-sticky/top-4-ref.html
 create mode 100644 layout/reftests/position-sticky/top-4.html
 create mode 100644 layout/reftests/position-sticky/top-5-ref.html
 create mode 100644 layout/reftests/position-sticky/top-5.html
 create mode 100644 layout/reftests/position-sticky/top-6-ref.html
 create mode 100644 layout/reftests/position-sticky/top-6.html
 create mode 100644 layout/reftests/position-sticky/top-bottom-1-ref.html
 create mode 100644 layout/reftests/position-sticky/top-bottom-1.html
 create mode 100644 layout/reftests/position-sticky/top-bottom-2-ref.html
 create mode 100644 layout/reftests/position-sticky/top-bottom-2.html
 create mode 100644 layout/reftests/position-sticky/top-bottom-3-ref.html
 create mode 100644 layout/reftests/position-sticky/top-bottom-3.html
 create mode 100644 layout/reftests/position-sticky/transformed-1-ref.html
 create mode 100644 layout/reftests/position-sticky/transformed-1.html
 create mode 100644 layout/reftests/position-sticky/transformed-2-ref.html
 create mode 100644 layout/reftests/position-sticky/transformed-2.html
 create mode 100644 layout/reftests/printing/print.css
 create mode 100644 layout/reftests/printing/reftest.list
 create mode 100644 layout/reftests/printing/test-async-print.html
 create mode 100644 layout/reftests/printing/test-color-text-01.html
 create mode 100644 layout/reftests/printing/test-missing-text-noref.html
 create mode 100644 layout/reftests/printing/test-missing-text.html
 create mode 100644 layout/reftests/printing/test-number-of-pages-noref.html
 create mode 100644 layout/reftests/printing/test-number-of-pages.html
 create mode 100644 layout/reftests/printing/test-print-range-complex-ref.html
 create mode 100644 layout/reftests/printing/test-print-range-complex.html
 create mode 100644 layout/reftests/printing/test-print-range-ref.html
 create mode 100644 layout/reftests/printing/test-print-range.html
 create mode 100644 layout/reftests/printing/test-print-selection-iframe.html
 create mode 100644 layout/reftests/printing/test-print-selection-shadow-dom.html
 create mode 100644 layout/reftests/printing/test-print-selection.html
 create mode 100644 layout/reftests/printing/test-print-single-page-noref.html
 create mode 100644 layout/reftests/printing/test-print-single-page.html
 create mode 100644 layout/reftests/printing/test-text-noref.html
 create mode 100644 layout/reftests/printing/test-text-ref.html
 create mode 100644 layout/reftests/printing/test-text.html
 create mode 100644 layout/reftests/printing/test-unexpected-text-noref.html
 create mode 100644 layout/reftests/printing/test-unexpected-text.html
 create mode 100644 layout/reftests/printing/testcase-1696844.html
 create mode 100644 layout/reftests/reftest-qr.list
 create mode 100644 layout/reftests/reftest-sanity/647192-1-ref.html
 create mode 100644 layout/reftests/reftest-sanity/647192-1.html
 create mode 100644 layout/reftests/reftest-sanity/656041-1-ref.html
 create mode 100644 layout/reftests/reftest-sanity/656041-1.html
 create mode 100644 layout/reftests/reftest-sanity/async-scroll-1-ref.html
 create mode 100644 layout/reftests/reftest-sanity/async-scroll-1a.html
 create mode 100644 layout/reftests/reftest-sanity/async-scroll-1b.html
 create mode 100644 layout/reftests/reftest-sanity/async-scroll-1c.html
 create mode 100644 layout/reftests/reftest-sanity/async-zoom-1-ref.html
 create mode 100644 layout/reftests/reftest-sanity/async-zoom-1.html
 create mode 100644 layout/reftests/reftest-sanity/async-zoom-2-ref.html
 create mode 100644 layout/reftests/reftest-sanity/async-zoom-2.html
 create mode 100644 layout/reftests/reftest-sanity/bg.png
 create mode 100644 layout/reftests/reftest-sanity/blank.html
 create mode 100644 layout/reftests/reftest-sanity/corners-1-ref.html
 create mode 100644 layout/reftests/reftest-sanity/corners-1.html
 create mode 100644 layout/reftests/reftest-sanity/corners-2-ref.html
 create mode 100644 layout/reftests/reftest-sanity/corners-2.html
 create mode 100644 layout/reftests/reftest-sanity/corners-3-ref.html
 create mode 100644 layout/reftests/reftest-sanity/corners-3.html
 create mode 100644 layout/reftests/reftest-sanity/corners-4-ref.html
 create mode 100644 layout/reftests/reftest-sanity/corners-4.html
 create mode 100644 layout/reftests/reftest-sanity/default.html
 create mode 100644 layout/reftests/reftest-sanity/defaults-tests.list
 create mode 100644 layout/reftests/reftest-sanity/div-ref.html
 create mode 100644 layout/reftests/reftest-sanity/div.html
 create mode 100644 layout/reftests/reftest-sanity/exampleorg-1-ref.html
 create mode 100644 layout/reftests/reftest-sanity/exampleorg-1.html
 create mode 100644 layout/reftests/reftest-sanity/filter-1-ref.xhtml
 create mode 100644 layout/reftests/reftest-sanity/filter-1.xhtml
 create mode 100644 layout/reftests/reftest-sanity/filter-2-ref.xhtml
 create mode 100644 layout/reftests/reftest-sanity/filter-2.xhtml
 create mode 100644 layout/reftests/reftest-sanity/font-default.html
 create mode 100644 layout/reftests/reftest-sanity/font-download.html
 create mode 100644 layout/reftests/reftest-sanity/font-sans-serif.html
 create mode 100644 layout/reftests/reftest-sanity/font-serif.html
 create mode 100644 layout/reftests/reftest-sanity/font-size-16.html
 create mode 100644 layout/reftests/reftest-sanity/font-size-24.html
 create mode 100644 layout/reftests/reftest-sanity/fuzzy-ref.html
 create mode 100644 layout/reftests/reftest-sanity/fuzzy.html
 create mode 100644 layout/reftests/reftest-sanity/green.html
 create mode 100644 layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.html
 create mode 100644 layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.xhtml
 create mode 100644 layout/reftests/reftest-sanity/invalidation.html
 create mode 100644 layout/reftests/reftest-sanity/needs-focus.html
 create mode 100644 layout/reftests/reftest-sanity/no-root.html
 create mode 100644 layout/reftests/reftest-sanity/page-backgrounds-notref.html
 create mode 100644 layout/reftests/reftest-sanity/page-backgrounds-ref.html
 create mode 100644 layout/reftests/reftest-sanity/page-backgrounds.html
 create mode 100644 layout/reftests/reftest-sanity/page-height-2.1in.html
 create mode 100644 layout/reftests/reftest-sanity/page-height-2in.html
 create mode 100644 layout/reftests/reftest-sanity/page-height-forcebreak.html
 create mode 100644 layout/reftests/reftest-sanity/page-height-nobreak.html
 create mode 100644 layout/reftests/reftest-sanity/page-width-3.9in.html
 create mode 100644 layout/reftests/reftest-sanity/page-width-4.1in.html
 create mode 100644 layout/reftests/reftest-sanity/page-width-4in.html
 create mode 100644 layout/reftests/reftest-sanity/page-width-auto.html
 create mode 100644 layout/reftests/reftest-sanity/prefix-suffix.html
 create mode 100644 layout/reftests/reftest-sanity/prefix/scripttest-fail.html
 create mode 100644 layout/reftests/reftest-sanity/prefix/suffix.html
 create mode 100644 layout/reftests/reftest-sanity/prefix/urlprefixtests-include.list
 create mode 100644 layout/reftests/reftest-sanity/red.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-assigned-layer-fail-1.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-assigned-layer-fail-2.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-assigned-layer-fail-3.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-assigned-layer-fail-4.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-assigned-layer-pass.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-no-flush-ref.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-no-flush.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-no-paint-ref.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-no-paint.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-opaque-layer-fail.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-opaque-layer-pass.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-opaque-layer-wait-fail.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-opaque-layer-wait-pass.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-resolution-ref.html
 create mode 100644 layout/reftests/reftest-sanity/reftest-resolution.html
 create mode 100644 layout/reftests/reftest-sanity/reftest.list
 create mode 100644 layout/reftests/reftest-sanity/scripttest-fail.html
 create mode 100644 layout/reftests/reftest-sanity/scripttest-pass-fail.html
 create mode 100644 layout/reftests/reftest-sanity/scripttest-pass.html
 create mode 100644 layout/reftests/reftest-sanity/scripttests.list
 create mode 100644 layout/reftests/reftest-sanity/test-async-ref.html
 create mode 100644 layout/reftests/reftest-sanity/test-async-ref.xhtml
 create mode 100644 layout/reftests/reftest-sanity/test-async.html
 create mode 100644 layout/reftests/reftest-sanity/test-async.xhtml
 create mode 100644 layout/reftests/reftest-sanity/test-bg-attachment-fixed-ref.html
 create mode 100644 layout/reftests/reftest-sanity/test-bg-attachment-fixed.html
 create mode 100644 layout/reftests/reftest-sanity/test-displayport-2.html
 create mode 100644 layout/reftests/reftest-sanity/test-displayport-bg.html
 create mode 100644 layout/reftests/reftest-sanity/test-displayport-ref.html
 create mode 100644 layout/reftests/reftest-sanity/test-pos-fixed-ref.html
 create mode 100644 layout/reftests/reftest-sanity/test-pos-fixed-transform-ref.html
 create mode 100644 layout/reftests/reftest-sanity/test-pos-fixed-transform.html
 create mode 100644 layout/reftests/reftest-sanity/test-pos-fixed.html
 create mode 100644 layout/reftests/reftest-sanity/test-zoom-ref.html
 create mode 100644 layout/reftests/reftest-sanity/test-zoom.html
 create mode 100644 layout/reftests/reftest-sanity/text-zoom-notref.html
 create mode 100644 layout/reftests/reftest-sanity/text-zoom-ref.html
 create mode 100644 layout/reftests/reftest-sanity/text-zoom.html
 create mode 100644 layout/reftests/reftest-sanity/too-fuzzy.html
 create mode 100644 layout/reftests/reftest-sanity/urlprefixtests-include.list
 create mode 100644 layout/reftests/reftest-sanity/urlprefixtests.list
 create mode 100644 layout/reftests/reftest-sanity/zoom-invalidation-ref.html
 create mode 100644 layout/reftests/reftest-sanity/zoom-invalidation.html
 create mode 100644 layout/reftests/reftest.list
 create mode 100644 layout/reftests/scrolling/deferred-anchor-ref.xhtml
 create mode 100644 layout/reftests/scrolling/deferred-anchor.xhtml
 create mode 100644 layout/reftests/scrolling/deferred-anchor2.xhtml
 create mode 100644 layout/reftests/scrolling/fixed-1.html
 create mode 100644 layout/reftests/scrolling/fixed-opacity-1.html
 create mode 100644 layout/reftests/scrolling/fixed-opacity-2.html
 create mode 100644 layout/reftests/scrolling/fixed-table-1.html
 create mode 100644 layout/reftests/scrolling/fixed-text-1.html
 create mode 100644 layout/reftests/scrolling/fixed-text-2.html
 create mode 100644 layout/reftests/scrolling/fractional-scroll-area-invalidation.html
 create mode 100644 layout/reftests/scrolling/fractional-scroll-area.html
 create mode 100644 layout/reftests/scrolling/frame-scrolling-attr-1.html
 create mode 100644 layout/reftests/scrolling/frame-scrolling-attr-2.html
 create mode 100644 layout/reftests/scrolling/frame-scrolling-attr-ref.html
 create mode 100644 layout/reftests/scrolling/huge-horizontal-overflow-ref.html
 create mode 100644 layout/reftests/scrolling/huge-horizontal-overflow.html
 create mode 100644 layout/reftests/scrolling/huge-vertical-overflow-ref.html
 create mode 100644 layout/reftests/scrolling/huge-vertical-overflow.html
 create mode 100644 layout/reftests/scrolling/iframe-border-radius-frame.html
 create mode 100644 layout/reftests/scrolling/iframe-border-radius-ref.html
 create mode 100644 layout/reftests/scrolling/iframe-border-radius.html
 create mode 100644 layout/reftests/scrolling/iframe-deferred-anchor.xhtml
 create mode 100644 layout/reftests/scrolling/iframe-scrolling-attr-1.html
 create mode 100644 layout/reftests/scrolling/iframe-scrolling-attr-2.html
 create mode 100644 layout/reftests/scrolling/iframe-scrolling-attr-ref.html
 create mode 100644 layout/reftests/scrolling/image-1.html
 create mode 100644 layout/reftests/scrolling/layer-change-1-frame.html
 create mode 100644 layout/reftests/scrolling/layer-change-1-ref.html
 create mode 100644 layout/reftests/scrolling/layer-change-1.html
 create mode 100644 layout/reftests/scrolling/less-than-scrollbar-height-ref.html
 create mode 100644 layout/reftests/scrolling/less-than-scrollbar-height.html
 create mode 100644 layout/reftests/scrolling/move-item-ref.html
 create mode 100644 layout/reftests/scrolling/move-item.html
 create mode 100644 layout/reftests/scrolling/opacity-mixed-scrolling-1.html
 create mode 100644 layout/reftests/scrolling/opacity-mixed-scrolling-2.html
 create mode 100644 layout/reftests/scrolling/percent-height-overflowing-image-1-ref.html
 create mode 100644 layout/reftests/scrolling/percent-height-overflowing-image-1.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-1-ref.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-1a.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-1b.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-1c.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-2-ref.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-2a.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-2b.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-2c.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-2d.html
 create mode 100644 layout/reftests/scrolling/propagated-overflow-style-2e.html
 create mode 100644 layout/reftests/scrolling/reftest.list
 create mode 100644 layout/reftests/scrolling/repeatable-diagonal-gradient.png
 create mode 100644 layout/reftests/scrolling/scroll-behavior-1.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-10.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-2.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-3.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-4.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-5.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-6.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-7.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-8.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-9.html
 create mode 100644 layout/reftests/scrolling/scroll-behavior-textarea.html
 create mode 100644 layout/reftests/scrolling/scrollbars-area-in-iframe-ref-child.html
 create mode 100644 layout/reftests/scrolling/scrollbars-area-in-iframe-ref.html
 create mode 100644 layout/reftests/scrolling/scrollbars-area-in-iframe.html
 create mode 100644 layout/reftests/scrolling/scrolling.js
 create mode 100644 layout/reftests/scrolling/simple-1.html
 create mode 100644 layout/reftests/scrolling/subpixel-1-ref.html
 create mode 100644 layout/reftests/scrolling/subpixel-1.html
 create mode 100644 layout/reftests/scrolling/text-1.html
 create mode 100644 layout/reftests/scrolling/text-2.html
 create mode 100644 layout/reftests/scrolling/transformed-1.html
 create mode 100644 layout/reftests/scrolling/uncovering-1-ref.html
 create mode 100644 layout/reftests/scrolling/uncovering-1.html
 create mode 100644 layout/reftests/scrolling/uncovering-2-ref.html
 create mode 100644 layout/reftests/scrolling/uncovering-2.html
 create mode 100644 layout/reftests/scrolling/xul-scrollbar-iterate-ref.html
 create mode 100644 layout/reftests/scrolling/xul-scrollbar-iterate.html
 create mode 100644 layout/reftests/selection/1478604-ref.html
 create mode 100644 layout/reftests/selection/1478604.html
 create mode 100644 layout/reftests/selection/addrange-1.html
 create mode 100644 layout/reftests/selection/addrange-2.html
 create mode 100644 layout/reftests/selection/addrange-ref.html
 create mode 100644 layout/reftests/selection/disabled-1-ref.html
 create mode 100644 layout/reftests/selection/disabled-1.html
 create mode 100644 layout/reftests/selection/disabled-2-notref.html
 create mode 100644 layout/reftests/selection/disabled-2.html
 create mode 100644 layout/reftests/selection/dom-mutations-ref.html
 create mode 100644 layout/reftests/selection/dom-mutations.html
 create mode 100644 layout/reftests/selection/dynamic-text-1-ref.html
 create mode 100644 layout/reftests/selection/dynamic-text-1a.html
 create mode 100644 layout/reftests/selection/dynamic-text-1b.html
 create mode 100644 layout/reftests/selection/extend-1-ref.html
 create mode 100644 layout/reftests/selection/extend-1-sanity.html
 create mode 100644 layout/reftests/selection/extend-1a.html
 create mode 100644 layout/reftests/selection/extend-1b.html
 create mode 100644 layout/reftests/selection/extend-1c.html
 create mode 100644 layout/reftests/selection/extend-1d.html
 create mode 100644 layout/reftests/selection/extend-1e.html
 create mode 100644 layout/reftests/selection/extend-1f.html
 create mode 100644 layout/reftests/selection/extend-1g.html
 create mode 100644 layout/reftests/selection/extend-1h.html
 create mode 100644 layout/reftests/selection/extend-1i.html
 create mode 100644 layout/reftests/selection/extend-2-ref.html
 create mode 100644 layout/reftests/selection/extend-2a.html
 create mode 100644 layout/reftests/selection/extend-2b.html
 create mode 100644 layout/reftests/selection/extend-3-ref.html
 create mode 100644 layout/reftests/selection/extend-3-sanity.html
 create mode 100644 layout/reftests/selection/extend-3a.html
 create mode 100644 layout/reftests/selection/extend-3b.html
 create mode 100644 layout/reftests/selection/extend-3c.html
 create mode 100644 layout/reftests/selection/extend-3d.html
 create mode 100644 layout/reftests/selection/extend-3e.html
 create mode 100644 layout/reftests/selection/extend-3f.html
 create mode 100644 layout/reftests/selection/extend-3g.html
 create mode 100644 layout/reftests/selection/extend-3h.html
 create mode 100644 layout/reftests/selection/extend-3i.html
 create mode 100644 layout/reftests/selection/extend-4-ref.html
 create mode 100644 layout/reftests/selection/extend-4a.html
 create mode 100644 layout/reftests/selection/extend-4b.html
 create mode 100644 layout/reftests/selection/invalidation-1-ref.html
 create mode 100644 layout/reftests/selection/invalidation-1a.html
 create mode 100644 layout/reftests/selection/invalidation-1b.html
 create mode 100644 layout/reftests/selection/invalidation-1c.html
 create mode 100644 layout/reftests/selection/invalidation-1d.html
 create mode 100644 layout/reftests/selection/invalidation-1e.html
 create mode 100644 layout/reftests/selection/invalidation-1f.html
 create mode 100644 layout/reftests/selection/invalidation-2-ref.html
 create mode 100644 layout/reftests/selection/invalidation-2a.html
 create mode 100644 layout/reftests/selection/invalidation-2b.html
 create mode 100644 layout/reftests/selection/invalidation-2c.html
 create mode 100644 layout/reftests/selection/invalidation-2d.html
 create mode 100644 layout/reftests/selection/invalidation-2e.html
 create mode 100644 layout/reftests/selection/invalidation-2f.html
 create mode 100644 layout/reftests/selection/modify-range-ref.html
 create mode 100644 layout/reftests/selection/modify-range.html
 create mode 100644 layout/reftests/selection/non-themed-widget-ref.html
 create mode 100644 layout/reftests/selection/non-themed-widget.html
 create mode 100644 layout/reftests/selection/pseudo-element-of-native-anonymous-ref.html
 create mode 100644 layout/reftests/selection/pseudo-element-of-native-anonymous.html
 create mode 100644 layout/reftests/selection/reftest.list
 create mode 100644 layout/reftests/selection/rtl-selection-with-decoration-ref.html
 create mode 100644 layout/reftests/selection/rtl-selection-with-decoration.html
 create mode 100644 layout/reftests/selection/semitransparent-decoration-line-ref.html
 create mode 100644 layout/reftests/selection/semitransparent-decoration-line.html
 create mode 100644 layout/reftests/selection/shadow-tree-order-1-notref.html
 create mode 100644 layout/reftests/selection/shadow-tree-order-1-ref.html
 create mode 100644 layout/reftests/selection/shadow-tree-order-1.html
 create mode 100644 layout/reftests/selection/splitText-normalize-ref.html
 create mode 100644 layout/reftests/selection/splitText-normalize.html
 create mode 100644 layout/reftests/selection/splitText-normalize.js
 create mode 100644 layout/reftests/selection/themed-widget-ref.html
 create mode 100644 layout/reftests/selection/themed-widget.html
 create mode 100644 layout/reftests/selection/trailing-space-1-ref.html
 create mode 100644 layout/reftests/selection/trailing-space-1.html
 create mode 100644 layout/reftests/selection/writing-mode-ref.html
 create mode 100644 layout/reftests/selection/writing-mode.html
 create mode 100644 layout/reftests/stylesheet-cloning/counter-style-rule-clone.html
 create mode 100644 layout/reftests/stylesheet-cloning/glyphs-ref.html
 create mode 100644 layout/reftests/stylesheet-cloning/importrule.css
 create mode 100644 layout/reftests/stylesheet-cloning/insert-after-clone.html
 create mode 100644 layout/reftests/stylesheet-cloning/media-rule-clone.html
 create mode 100644 layout/reftests/stylesheet-cloning/ref-common.css
 create mode 100644 layout/reftests/stylesheet-cloning/reftest.list
 create mode 100644 layout/reftests/stylesheet-cloning/shouldbegreen-ref.html
 create mode 100644 layout/reftests/stylesheet-cloning/style-rule-clone.html
 create mode 100644 layout/reftests/stylesheet-cloning/supports-rule-clone.html
 create mode 100644 layout/reftests/stylesheet-cloning/test-common.css
 create mode 100644 layout/reftests/svg/1570363-1-ref.html
 create mode 100644 layout/reftests/svg/1570363-1.html
 create mode 100644 layout/reftests/svg/1792313-ref.svg
 create mode 100644 layout/reftests/svg/1792313.svg
 create mode 100644 layout/reftests/svg/active-clip-and-mask-ref.html
 create mode 100644 layout/reftests/svg/active-clip-and-mask.html
 create mode 100644 layout/reftests/svg/active-transform-blend-mode-ref.html
 create mode 100644 layout/reftests/svg/active-transform-blend-mode.html
 create mode 100644 layout/reftests/svg/as-image/background-display-none-1.html
 create mode 100644 layout/reftests/svg/as-image/background-resize-1.html
 create mode 100644 layout/reftests/svg/as-image/background-resize-2.html
 create mode 100644 layout/reftests/svg/as-image/background-resize-3.html
 create mode 100644 layout/reftests/svg/as-image/background-resize-4.html
 create mode 100644 layout/reftests/svg/as-image/background-scale-no-viewbox-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/background-scale-no-viewbox-1.html
 create mode 100644 layout/reftests/svg/as-image/background-scale-with-viewbox-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/background-scale-with-viewbox-1.html
 create mode 100644 layout/reftests/svg/as-image/background-simple-1.html
 create mode 100644 layout/reftests/svg/as-image/background-simple-2.html
 create mode 100644 layout/reftests/svg/as-image/background-stretch-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/background-stretch-1.html
 create mode 100644 layout/reftests/svg/as-image/background-viewBox-1.html
 create mode 100644 layout/reftests/svg/as-image/black100x100-ref.html
 create mode 100644 layout/reftests/svg/as-image/blue-square-in-square-par-none.svg
 create mode 100644 layout/reftests/svg/as-image/blue-square-in-square.svg
 create mode 100644 layout/reftests/svg/as-image/blue100x100-border-ref.html
 create mode 100644 layout/reftests/svg/as-image/blue100x100-ref.html
 create mode 100644 layout/reftests/svg/as-image/blue100x100.svg
 create mode 100644 layout/reftests/svg/as-image/border-image-simple-1.html
 create mode 100644 layout/reftests/svg/as-image/border-image-simple-2.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-alpha-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-alpha-1.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-alpha-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-alpha-2.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-origin-clean-1.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-scale-1a.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-scale-1b.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-scale-1c.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-scale-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-scale-2a.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-scale-2b.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-simple-1a.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-simple-1b.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-slice-1a.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-slice-1b.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-transform-restored-ref.html
 create mode 100644 layout/reftests/svg/as-image/canvas-drawImage-transform-restored.html
 create mode 100644 layout/reftests/svg/as-image/content-outside-viewBox-1-helper.svg
 create mode 100644 layout/reftests/svg/as-image/context-fill-01.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-02.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-03.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-04.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-05.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-05.svg
 create mode 100644 layout/reftests/svg/as-image/context-fill-06.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-07-ref.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-07.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-08.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-bg-image-01.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-opacity-01.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-opacity-02.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-opacity-02.svg
 create mode 100644 layout/reftests/svg/as-image/context-fill-opacity-03.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-opacity-04.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-opacity-05.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-or-stroke-05-ref.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-or-stroke-opacity-01-ref.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-or-stroke-opacity-02-ref.html
 create mode 100644 layout/reftests/svg/as-image/context-fill-or-stroke-opacity-03-ref.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-01.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-02.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-03.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-04.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-05.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-05.svg
 create mode 100644 layout/reftests/svg/as-image/context-stroke-06.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-07-ref.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-07.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-08.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-bg-image-01.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-opacity-01.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-opacity-02.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-opacity-02.svg
 create mode 100644 layout/reftests/svg/as-image/context-stroke-opacity-03.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-opacity-04.html
 create mode 100644 layout/reftests/svg/as-image/context-stroke-opacity-05.html
 create mode 100644 layout/reftests/svg/as-image/defer-unsupported-1-helper.svg
 create mode 100644 layout/reftests/svg/as-image/defer-unsupported-1-ref.svg
 create mode 100644 layout/reftests/svg/as-image/defer-unsupported-1.svg
 create mode 100644 layout/reftests/svg/as-image/display-none.svg
 create mode 100644 layout/reftests/svg/as-image/image-orientation-ref.html
 create mode 100644 layout/reftests/svg/as-image/image-orientation-viewbox-and-size.html
 create mode 100644 layout/reftests/svg/as-image/image-orientation-viewbox-and-size.svg
 create mode 100644 layout/reftests/svg/as-image/image-orientation-viewbox-no-size.html
 create mode 100644 layout/reftests/svg/as-image/image-orientation-viewbox-no-size.svg
 create mode 100644 layout/reftests/svg/as-image/img-and-image-1-helper-a.svg
 create mode 100644 layout/reftests/svg/as-image/img-and-image-1-helper-b.svg
 create mode 100644 layout/reftests/svg/as-image/img-and-image-1-helper-c.svg
 create mode 100644 layout/reftests/svg/as-image/img-and-image-1-ref.svg
 create mode 100644 layout/reftests/svg/as-image/img-and-image-1.html
 create mode 100644 layout/reftests/svg/as-image/img-blobURI-1.html
 create mode 100644 layout/reftests/svg/as-image/img-blobURI-2.html
 create mode 100644 layout/reftests/svg/as-image/img-content-outside-viewBox-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-content-outside-viewBox-1.html
 create mode 100644 layout/reftests/svg/as-image/img-display-none-1.html
 create mode 100644 layout/reftests/svg/as-image/img-dyn-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-dyn-1.html
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-1-helper.svg
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-1.html
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-embed-1-helper.svg
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-embed-1.html
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-iframe-1a-helper.svg
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-iframe-1a.html
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-iframe-1b-helper.svg
 create mode 100644 layout/reftests/svg/as-image/img-foreignObject-iframe-1b.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-1a.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-1b.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-1c.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-2a.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-2b.html
 create mode 100644 layout/reftests/svg/as-image/img-fragment-2c.html
 create mode 100644 layout/reftests/svg/as-image/img-height-meet-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-height-meet-1.html
 create mode 100644 layout/reftests/svg/as-image/img-height-meet-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-height-meet-2.html
 create mode 100644 layout/reftests/svg/as-image/img-height-slice-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-height-slice-1.html
 create mode 100644 layout/reftests/svg/as-image/img-height-slice-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-height-slice-2.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-height-all-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-height-meet-1.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-height-slice-1.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-width-all-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-width-meet-1.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-width-slice-1.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-widthAndHeight-all-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-em.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-px.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-em.html
 create mode 100644 layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-px.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-1.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-2.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-3-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-3.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-4.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-5-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-5.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-6.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-7-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-simple-7.html
 create mode 100644 layout/reftests/svg/as-image/img-width-meet-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-width-meet-1.html
 create mode 100644 layout/reftests/svg/as-image/img-width-meet-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-width-meet-2.html
 create mode 100644 layout/reftests/svg/as-image/img-width-slice-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-width-slice-1.html
 create mode 100644 layout/reftests/svg/as-image/img-width-slice-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-width-slice-2.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-meet-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-meet-1.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-meet-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-meet-2.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-slice-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-slice-1.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-slice-2-ref.html
 create mode 100644 layout/reftests/svg/as-image/img-widthAndHeight-slice-2.html
 create mode 100644 layout/reftests/svg/as-image/lime100x100-50pct-ref.html
 create mode 100644 layout/reftests/svg/as-image/lime100x100-noSVGDimensions.svg
 create mode 100644 layout/reftests/svg/as-image/lime100x100-ref.html
 create mode 100644 layout/reftests/svg/as-image/lime100x100-w-border-ref.html
 create mode 100644 layout/reftests/svg/as-image/lime100x100.png
 create mode 100644 layout/reftests/svg/as-image/lime100x100.svg
 create mode 100644 layout/reftests/svg/as-image/lime200x100.svg
 create mode 100644 layout/reftests/svg/as-image/lime200x200.svg
 create mode 100644 layout/reftests/svg/as-image/lime50x25.svg
 create mode 100644 layout/reftests/svg/as-image/lime50x50.svg
 create mode 100644 layout/reftests/svg/as-image/limeInRed-noSVGDimensions-animViewBox.svg
 create mode 100644 layout/reftests/svg/as-image/limeInRed-noSVGDimensions-viewBox.svg
 create mode 100644 layout/reftests/svg/as-image/limeInRed100x100-viewBox.svg
 create mode 100644 layout/reftests/svg/as-image/limeInRed100x100.png
 create mode 100644 layout/reftests/svg/as-image/limeInRed100x100.svg
 create mode 100644 layout/reftests/svg/as-image/list-simple-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/list-simple-1.html
 create mode 100644 layout/reftests/svg/as-image/nonuniform-scale-2d.html
 create mode 100644 layout/reftests/svg/as-image/nonuniform-scale-3d.html
 create mode 100644 layout/reftests/svg/as-image/nonuniform-scale-ref.html
 create mode 100644 layout/reftests/svg/as-image/reftest.list
 create mode 100644 layout/reftests/svg/as-image/squaredCircle-100x100.svg
 create mode 100644 layout/reftests/svg/as-image/squaredCircle-100x50.svg
 create mode 100644 layout/reftests/svg/as-image/squaredCircle-transparent.svg
 create mode 100644 layout/reftests/svg/as-image/squaredCircle-viewBox-100x100.svg
 create mode 100644 layout/reftests/svg/as-image/squaredCircle-viewBox-noSize.svg
 create mode 100644 layout/reftests/svg/as-image/svg-border-image-repaint-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/svg-border-image-repaint-1.html
 create mode 100644 layout/reftests/svg/as-image/svg-border-image-repaint-helper.svg
 create mode 100644 layout/reftests/svg/as-image/svg-border-image-repaint-iframe.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-datauri-1.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-datauri.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-external-1.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-external.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-recursive-1-ref.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-recursive-1a.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-recursive-1b.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-recursive-2-ref.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-recursive-2a.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-recursive-2b.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-simple-1.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-simple-2.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-simple-3.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-1.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-2.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-ref.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-util.css
 create mode 100644 layout/reftests/svg/as-image/svg-image-util.js
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1a-helper.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1a.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1b-helper.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1b.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1c-helper.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1c.html
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1d-helper.svg
 create mode 100644 layout/reftests/svg/as-image/svg-image-visited-1d.html
 create mode 100644 layout/reftests/svg/as-image/svg-stylesheet-datauri-1.html
 create mode 100644 layout/reftests/svg/as-image/svg-stylesheet-datauri.svg
 create mode 100644 layout/reftests/svg/as-image/svg-stylesheet-external-1.html
 create mode 100644 layout/reftests/svg/as-image/svg-stylesheet-external.css
 create mode 100644 layout/reftests/svg/as-image/svg-stylesheet-external.svg
 create mode 100644 layout/reftests/svg/as-image/transparent100x100-w-border-ref.html
 create mode 100644 layout/reftests/svg/as-image/white-rect-no-viewbox.svg
 create mode 100644 layout/reftests/svg/as-image/white-rect-with-viewbox.svg
 create mode 100644 layout/reftests/svg/as-image/zoom/circle-large.svg
 create mode 100644 layout/reftests/svg/as-image/zoom/circle-small.svg
 create mode 100644 layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomIn-1.html
 create mode 100644 layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomOut-1.html
 create mode 100644 layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1.html
 create mode 100644 layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1-ref.html
 create mode 100644 layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1.html
 create mode 100644 layout/reftests/svg/as-image/zoom/img-zoomIn-1.html
 create mode 100644 layout/reftests/svg/as-image/zoom/img-zoomOut-1.html
 create mode 100644 layout/reftests/svg/as-image/zoom/reftest.list
 create mode 100644 layout/reftests/svg/as-image/zoom/squaredCircle-150x150-ref.html
 create mode 100644 layout/reftests/svg/as-image/zoom/squaredCircle-50x50-ref.html
 create mode 100644 layout/reftests/svg/as-image/zoom/squaredCircle.svg
 create mode 100644 layout/reftests/svg/autofocus-01-ref.svg
 create mode 100644 layout/reftests/svg/autofocus-01a.svg
 create mode 100644 layout/reftests/svg/autofocus-01b.svg
 create mode 100644 layout/reftests/svg/autofocus-02a.svg
 create mode 100644 layout/reftests/svg/autofocus-02b.svg
 create mode 100644 layout/reftests/svg/background-ref.html
 create mode 100644 layout/reftests/svg/background-svg-without-height-width.html
 create mode 100644 layout/reftests/svg/background-svg-without-height.html
 create mode 100644 layout/reftests/svg/background-svg-without-width.html
 create mode 100644 layout/reftests/svg/baseline-middle-01.svg
 create mode 100644 layout/reftests/svg/big-image.jpeg
 create mode 100644 layout/reftests/svg/blend-color-burn-ref.svg
 create mode 100644 layout/reftests/svg/blend-color-burn.svg
 create mode 100644 layout/reftests/svg/blend-color-dodge-ref.svg
 create mode 100644 layout/reftests/svg/blend-color-dodge.svg
 create mode 100644 layout/reftests/svg/blend-color-ref.svg
 create mode 100644 layout/reftests/svg/blend-color.svg
 create mode 100644 layout/reftests/svg/blend-darken-ref.svg
 create mode 100644 layout/reftests/svg/blend-darken.svg
 create mode 100644 layout/reftests/svg/blend-difference-ref.svg
 create mode 100644 layout/reftests/svg/blend-difference-stacking-ref.html
 create mode 100644 layout/reftests/svg/blend-difference-stacking.html
 create mode 100644 layout/reftests/svg/blend-difference.svg
 create mode 100644 layout/reftests/svg/blend-exclusion-ref.svg
 create mode 100644 layout/reftests/svg/blend-exclusion.svg
 create mode 100644 layout/reftests/svg/blend-hard-light-ref.svg
 create mode 100644 layout/reftests/svg/blend-hard-light.svg
 create mode 100644 layout/reftests/svg/blend-hue-ref.svg
 create mode 100644 layout/reftests/svg/blend-hue.svg
 create mode 100644 layout/reftests/svg/blend-layer-blend-ref.svg
 create mode 100644 layout/reftests/svg/blend-layer-blend.svg
 create mode 100644 layout/reftests/svg/blend-layer-filter-ref.svg
 create mode 100644 layout/reftests/svg/blend-layer-filter.svg
 create mode 100644 layout/reftests/svg/blend-layer-mask-ref.svg
 create mode 100644 layout/reftests/svg/blend-layer-mask.svg
 create mode 100644 layout/reftests/svg/blend-layer-opacity-ref.svg
 create mode 100644 layout/reftests/svg/blend-layer-opacity.svg
 create mode 100644 layout/reftests/svg/blend-lighten-ref.svg
 create mode 100644 layout/reftests/svg/blend-lighten.svg
 create mode 100644 layout/reftests/svg/blend-luminosity-ref.svg
 create mode 100644 layout/reftests/svg/blend-luminosity.svg
 create mode 100644 layout/reftests/svg/blend-multiply-alpha-ref.svg
 create mode 100644 layout/reftests/svg/blend-multiply-alpha.svg
 create mode 100644 layout/reftests/svg/blend-multiply-ref.svg
 create mode 100644 layout/reftests/svg/blend-multiply.svg
 create mode 100644 layout/reftests/svg/blend-normal-ref.svg
 create mode 100644 layout/reftests/svg/blend-normal.svg
 create mode 100644 layout/reftests/svg/blend-overlay-ref.svg
 create mode 100644 layout/reftests/svg/blend-overlay.svg
 create mode 100644 layout/reftests/svg/blend-saturation-ref.svg
 create mode 100644 layout/reftests/svg/blend-saturation.svg
 create mode 100644 layout/reftests/svg/blend-screen-ref.svg
 create mode 100644 layout/reftests/svg/blend-screen.svg
 create mode 100644 layout/reftests/svg/blend-soft-light-ref.svg
 create mode 100644 layout/reftests/svg/blend-soft-light.svg
 create mode 100644 layout/reftests/svg/blur-inside-clipPath-ref.svg
 create mode 100644 layout/reftests/svg/blur-inside-clipPath.svg
 create mode 100644 layout/reftests/svg/border-radius-01.html
 create mode 100644 layout/reftests/svg/bug-1562091-icon.svg
 create mode 100644 layout/reftests/svg/bug-1562091-ref.html
 create mode 100644 layout/reftests/svg/bug-1562091.html
 create mode 100644 layout/reftests/svg/clip-01.svg
 create mode 100644 layout/reftests/svg/clip-02-ref.svg
 create mode 100644 layout/reftests/svg/clip-02a.svg
 create mode 100644 layout/reftests/svg/clip-02b.svg
 create mode 100644 layout/reftests/svg/clip-surface-clone-01-ref.svg
 create mode 100644 layout/reftests/svg/clip-surface-clone-01.svg
 create mode 100644 layout/reftests/svg/clip-use-element-01.svg
 create mode 100644 layout/reftests/svg/clip-use-element-02.svg
 create mode 100644 layout/reftests/svg/clipPath-advanced-01.svg
 create mode 100644 layout/reftests/svg/clipPath-and-mask-on-outflowElement-01a.html
 create mode 100644 layout/reftests/svg/clipPath-and-mask-on-outflowElement-01b.html
 create mode 100644 layout/reftests/svg/clipPath-and-shape-rendering-01-ref.svg
 create mode 100644 layout/reftests/svg/clipPath-and-shape-rendering-01.svg
 create mode 100644 layout/reftests/svg/clipPath-and-transform-01.svg
 create mode 100644 layout/reftests/svg/clipPath-and-transform-02.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-01.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-02.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-03.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-04.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-05.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-06.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-07.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-08.svg
 create mode 100644 layout/reftests/svg/clipPath-basic-shape-transform-ref.html
 create mode 100644 layout/reftests/svg/clipPath-basic-shape-transform.html
 create mode 100644 layout/reftests/svg/clipPath-css-transform-ref.html
 create mode 100644 layout/reftests/svg/clipPath-css-transform.html
 create mode 100644 layout/reftests/svg/clipPath-fill-box-ref.html
 create mode 100644 layout/reftests/svg/clipPath-fill-box.html
 create mode 100644 layout/reftests/svg/clipPath-on-outflowElement-01-ref.html
 create mode 100644 layout/reftests/svg/clipPath-on-outflowElement-01a.html
 create mode 100644 layout/reftests/svg/clipPath-on-outflowElement-01b.html
 create mode 100644 layout/reftests/svg/clipPath-on-outflowElement-02-ref.html
 create mode 100644 layout/reftests/svg/clipPath-on-outflowElement-02a.html
 create mode 100644 layout/reftests/svg/clipPath-on-outflowElement-02b.html
 create mode 100644 layout/reftests/svg/clipPath-on-thin-object.svg
 create mode 100644 layout/reftests/svg/clipPath-polygon-01.svg
 create mode 100644 layout/reftests/svg/clipPath-polygon-elementFromPoint-01.svg
 create mode 100644 layout/reftests/svg/clipPath-winding-01.svg
 create mode 100644 layout/reftests/svg/comments-in-pres-attrs.svg
 create mode 100644 layout/reftests/svg/conditions-01.svg
 create mode 100644 layout/reftests/svg/conditions-02.svg
 create mode 100644 layout/reftests/svg/conditions-03.svg
 create mode 100644 layout/reftests/svg/conditions-04.svg
 create mode 100644 layout/reftests/svg/conditions-05.svg
 create mode 100644 layout/reftests/svg/conditions-07.svg
 create mode 100644 layout/reftests/svg/conditions-08-ref.svg
 create mode 100644 layout/reftests/svg/conditions-08.svg
 create mode 100644 layout/reftests/svg/conditions-09-ref.svg
 create mode 100644 layout/reftests/svg/conditions-09.svg
 create mode 100644 layout/reftests/svg/css-transform-svg-ref.html
 create mode 100644 layout/reftests/svg/css-transform-svg.html
 create mode 100644 layout/reftests/svg/current-translate-01.svg
 create mode 100644 layout/reftests/svg/current-translate-02.svg
 create mode 100644 layout/reftests/svg/currentColor-01.svg
 create mode 100644 layout/reftests/svg/currentColor-02.svg
 create mode 100644 layout/reftests/svg/currentColor-03.svg
 create mode 100644 layout/reftests/svg/currentColor-override-flood.svg
 create mode 100644 layout/reftests/svg/currentColor-override-lighting-ref.svg
 create mode 100644 layout/reftests/svg/currentColor-override-lighting.svg
 create mode 100644 layout/reftests/svg/currentColor-override-stop.svg
 create mode 100644 layout/reftests/svg/data-uri-with-filter-01-ref.svg
 create mode 100644 layout/reftests/svg/data-uri-with-filter-01.xhtml
 create mode 100644 layout/reftests/svg/data-uri-with-gradient-01-ref.svg
 create mode 100644 layout/reftests/svg/data-uri-with-gradient-01.xhtml
 create mode 100644 layout/reftests/svg/data-uri-with-pattern-01.xhtml
 create mode 100644 layout/reftests/svg/dynamic-attr-change-1.svg
 create mode 100644 layout/reftests/svg/dynamic-attr-change-2.svg
 create mode 100644 layout/reftests/svg/dynamic-attr-removal-1.svg
 create mode 100644 layout/reftests/svg/dynamic-attr-removal-2.svg
 create mode 100644 layout/reftests/svg/dynamic-class-01.svg
 create mode 100644 layout/reftests/svg/dynamic-clipPath-01.svg
 create mode 100644 layout/reftests/svg/dynamic-clipPath-02.svg
 create mode 100644 layout/reftests/svg/dynamic-clipPath-clip-rule-01.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-01.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-02.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-03.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-04.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-05.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-06.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-07.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-08.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-09.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-10.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-11.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-12.svg
 create mode 100644 layout/reftests/svg/dynamic-conditions-13.svg
 create mode 100644 layout/reftests/svg/dynamic-feFlood-01.svg
 create mode 100644 layout/reftests/svg/dynamic-feImage-01.svg
 create mode 100644 layout/reftests/svg/dynamic-fill-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-fill-01.svg
 create mode 100644 layout/reftests/svg/dynamic-fill-rule-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-fill-rule-01.svg
 create mode 100644 layout/reftests/svg/dynamic-filter-contents-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-filter-contents-01a.svg
 create mode 100644 layout/reftests/svg/dynamic-filter-contents-01b.svg
 create mode 100644 layout/reftests/svg/dynamic-gradient-contents-01.svg
 create mode 100644 layout/reftests/svg/dynamic-gradient-contents-02.svg
 create mode 100644 layout/reftests/svg/dynamic-inner-svg-01.svg
 create mode 100644 layout/reftests/svg/dynamic-link-style-01.svg
 create mode 100644 layout/reftests/svg/dynamic-marker-01.svg
 create mode 100644 layout/reftests/svg/dynamic-marker-02-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-marker-02.svg
 create mode 100644 layout/reftests/svg/dynamic-marker-03.svg
 create mode 100644 layout/reftests/svg/dynamic-mask-01.svg
 create mode 100644 layout/reftests/svg/dynamic-mask-contents-01.svg
 create mode 100644 layout/reftests/svg/dynamic-mask-pre-effects-bbox-ref.html
 create mode 100644 layout/reftests/svg/dynamic-mask-pre-effects-bbox.html
 create mode 100644 layout/reftests/svg/dynamic-opacity-property-01.svg
 create mode 100644 layout/reftests/svg/dynamic-pattern-01.svg
 create mode 100644 layout/reftests/svg/dynamic-pattern-02.svg
 create mode 100644 layout/reftests/svg/dynamic-pattern-contents-01.svg
 create mode 100644 layout/reftests/svg/dynamic-pattern-contents-02.svg
 create mode 100644 layout/reftests/svg/dynamic-rect-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-rect-01.svg
 create mode 100644 layout/reftests/svg/dynamic-rect-02-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-rect-02.svg
 create mode 100644 layout/reftests/svg/dynamic-rect-03-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-rect-03.svg
 create mode 100644 layout/reftests/svg/dynamic-rect-04.xhtml
 create mode 100644 layout/reftests/svg/dynamic-rect-05.svg
 create mode 100644 layout/reftests/svg/dynamic-reflow-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-reflow-01.svg
 create mode 100644 layout/reftests/svg/dynamic-small-object-scaled-up-01.svg
 create mode 100644 layout/reftests/svg/dynamic-small-object-scaled-up-02.svg
 create mode 100644 layout/reftests/svg/dynamic-stroke-01.svg
 create mode 100644 layout/reftests/svg/dynamic-stroke-opacity-01.svg
 create mode 100644 layout/reftests/svg/dynamic-stroke-width-01.svg
 create mode 100644 layout/reftests/svg/dynamic-switch-01.svg
 create mode 100644 layout/reftests/svg/dynamic-text-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-text-01.svg
 create mode 100644 layout/reftests/svg/dynamic-text-02-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-text-02.svg
 create mode 100644 layout/reftests/svg/dynamic-text-03-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-text-03.svg
 create mode 100644 layout/reftests/svg/dynamic-text-04-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-text-04.svg
 create mode 100644 layout/reftests/svg/dynamic-text-05.svg
 create mode 100644 layout/reftests/svg/dynamic-text-06.svg
 create mode 100644 layout/reftests/svg/dynamic-text-07-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-text-07.svg
 create mode 100644 layout/reftests/svg/dynamic-text-08-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-text-08.svg
 create mode 100644 layout/reftests/svg/dynamic-text-attr-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-text-attr-01.svg
 create mode 100644 layout/reftests/svg/dynamic-textPath-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-textPath-01.svg
 create mode 100644 layout/reftests/svg/dynamic-textPath-02-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-textPath-02.svg
 create mode 100644 layout/reftests/svg/dynamic-textPath-03-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-textPath-03.svg
 create mode 100644 layout/reftests/svg/dynamic-textPath-04.html
 create mode 100644 layout/reftests/svg/dynamic-use-01.svg
 create mode 100644 layout/reftests/svg/dynamic-use-02.svg
 create mode 100644 layout/reftests/svg/dynamic-use-03.svg
 create mode 100644 layout/reftests/svg/dynamic-use-04.svg
 create mode 100644 layout/reftests/svg/dynamic-use-05.svg
 create mode 100644 layout/reftests/svg/dynamic-use-06.svg
 create mode 100644 layout/reftests/svg/dynamic-use-07.svg
 create mode 100644 layout/reftests/svg/dynamic-use-08.svg
 create mode 100644 layout/reftests/svg/dynamic-use-nested-01-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-use-nested-01a.svg
 create mode 100644 layout/reftests/svg/dynamic-use-nested-01b.svg
 create mode 100644 layout/reftests/svg/dynamic-use-remove-width-ref.svg
 create mode 100644 layout/reftests/svg/dynamic-use-remove-width.svg
 create mode 100644 layout/reftests/svg/dynamic-viewBox-change-01.svg
 create mode 100644 layout/reftests/svg/dynamic-viewBox-change-02.svg
 create mode 100644 layout/reftests/svg/dynamic-viewBox-change-03.svg
 create mode 100644 layout/reftests/svg/explosive-use.svg
 create mode 100644 layout/reftests/svg/fallback-color-01a.svg
 create mode 100644 layout/reftests/svg/fallback-color-01b.svg
 create mode 100644 layout/reftests/svg/fallback-color-02-ref.svg
 create mode 100644 layout/reftests/svg/fallback-color-02.svg
 create mode 100644 layout/reftests/svg/fallback-color-03.svg
 create mode 100644 layout/reftests/svg/fallback-color-04.svg
 create mode 100644 layout/reftests/svg/fallback-color-05-ref.svg
 create mode 100644 layout/reftests/svg/fallback-color-05a.svg
 create mode 100644 layout/reftests/svg/fallback-color-05b.svg
 create mode 100644 layout/reftests/svg/fallback-color-06.svg
 create mode 100644 layout/reftests/svg/filter-and-clip-ref.svg
 create mode 100644 layout/reftests/svg/filter-and-clip.svg
 create mode 100644 layout/reftests/svg/filter-basic-01.svg
 create mode 100644 layout/reftests/svg/filter-basic-02.svg
 create mode 100644 layout/reftests/svg/filter-basic-03.svg
 create mode 100644 layout/reftests/svg/filter-bounds-01.svg
 create mode 100644 layout/reftests/svg/filter-bounds-02.svg
 create mode 100644 layout/reftests/svg/filter-extref-differentOrigin-01.svg
 create mode 100644 layout/reftests/svg/filter-foreignObject-01.svg
 create mode 100644 layout/reftests/svg/filter-in-mask-01.svg
 create mode 100644 layout/reftests/svg/filter-in-mask-ref.html
 create mode 100644 layout/reftests/svg/filter-in-mask.html
 create mode 100644 layout/reftests/svg/filter-invalidation-01.svg
 create mode 100644 layout/reftests/svg/filter-on-continuation-box-01.html
 create mode 100644 layout/reftests/svg/filter-on-continuation-box-ref.html
 create mode 100644 layout/reftests/svg/filter-result-01-ref.svg
 create mode 100644 layout/reftests/svg/filter-result-01.svg
 create mode 100644 layout/reftests/svg/filter-scaled-01.svg
 create mode 100644 layout/reftests/svg/filter-scaled-02-ref.html
 create mode 100644 layout/reftests/svg/filter-scaled-02.html
 create mode 100644 layout/reftests/svg/filter-translated-01-ref.svg
 create mode 100644 layout/reftests/svg/filter-translated-01.svg
 create mode 100644 layout/reftests/svg/filter-use-element-01.svg
 create mode 100644 layout/reftests/svg/filtered-image-in-pattern-01.svg
 create mode 100644 layout/reftests/svg/filters-and-group-opacity-01-ref.svg
 create mode 100644 layout/reftests/svg/filters-and-group-opacity-01.svg
 create mode 100644 layout/reftests/svg/filters/css-filter-chains/long-chain-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filter-chains/long-chain.html
 create mode 100644 layout/reftests/svg/filters/css-filter-chains/moz-element-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filter-chains/moz-element.html
 create mode 100644 layout/reftests/svg/filters/css-filter-chains/reftest.list
 create mode 100644 layout/reftests/svg/filters/css-filter-chains/same-filter-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filter-chains/same-filter.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-calc-negative-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-calc-negative.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-calc-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-calc.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-clip-rect.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-em-radius-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-em-radius.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-invalid-radius-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-invalid-radius.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-ref.svg
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-rem-radius-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-rem-radius.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-zero-radius-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-zero-radius.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-zoomed-page-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur-zoomed-page.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur.html
 create mode 100644 layout/reftests/svg/filters/css-filters/blur.svg
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-darken-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-darken.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-extreme-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-extreme.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-percent-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-percent.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/brightness.html
 create mode 100644 layout/reftests/svg/filters/css-filters/containing-block-1-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/containing-block-1.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-extreme-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-extreme.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-percent-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-percent.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-reduce-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-reduce.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/contrast.html
 create mode 100644 layout/reftests/svg/filters/css-filters/drop-shadow-default-color-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/drop-shadow-default-color.html
 create mode 100644 layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset.html
 create mode 100644 layout/reftests/svg/filters/css-filters/drop-shadow-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/drop-shadow.html
 create mode 100644 layout/reftests/svg/filters/css-filters/filter-on-huge-bbox.html
 create mode 100644 layout/reftests/svg/filters/css-filters/filter-on-outer-svg.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-over-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-over-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-percent-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-percent.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/grayscale.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-360-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-360.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-grad-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-grad.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-multichannel-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-multichannel.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-negative-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-negative.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-over-360-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-over-360.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-rad-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-rad.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-turn-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-turn.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/hue-rotate.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-half-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-half.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-over-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-over-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-percent-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-percent.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/invert.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-over-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-over-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-percent-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-percent.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/opacity.html
 create mode 100644 layout/reftests/svg/filters/css-filters/pass.svg
 create mode 100644 layout/reftests/svg/filters/css-filters/reftest.list
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-desaturate-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-desaturate.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-extreme-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-extreme.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-percent-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-percent.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/saturate.html
 create mode 100644 layout/reftests/svg/filters/css-filters/scale-filtered-content-01-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/scale-filtered-content-01.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-over-one-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-over-one.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-percent-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-percent.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-zero-ref.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia-zero.html
 create mode 100644 layout/reftests/svg/filters/css-filters/sepia.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter-ref.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first-ref.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last-ref.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle-ref.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle.html
 create mode 100644 layout/reftests/svg/filters/css-svg-filter-chains/reftest.list
 create mode 100644 layout/reftests/svg/filters/dynamic-filter-invalidation-01.svg
 create mode 100644 layout/reftests/svg/filters/dynamic-filter-invalidation-02.svg
 create mode 100644 layout/reftests/svg/filters/dynamic-filter-invalidation-03.svg
 create mode 100644 layout/reftests/svg/filters/dynamic-filter-invalidation-04.svg
 create mode 100644 layout/reftests/svg/filters/dynamic-filtered-foreignObject-01.svg
 create mode 100644 layout/reftests/svg/filters/feBlend-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feBlend-1.svg
 create mode 100644 layout/reftests/svg/filters/feBlend-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feBlend-2.svg
 create mode 100644 layout/reftests/svg/filters/feColorMatrix-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feColorMatrix-1.svg
 create mode 100644 layout/reftests/svg/filters/feColorMatrix-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feColorMatrix-2.svg
 create mode 100644 layout/reftests/svg/filters/feColorMatrix-saturate-01.svg
 create mode 100644 layout/reftests/svg/filters/feComponentTransfer-03.svg
 create mode 100644 layout/reftests/svg/filters/feComponentTransfer-04.svg
 create mode 100644 layout/reftests/svg/filters/feComponentTransfer-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feComponentTransfer-1.svg
 create mode 100644 layout/reftests/svg/filters/feComponentTransfer-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feComponentTransfer-2.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-1.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-2.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-arguments-01.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-operator-lighter-ref.html
 create mode 100644 layout/reftests/svg/filters/feComposite-operator-lighter.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-paint-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feComposite-paint-01.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-1.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-2.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-bias-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-bias-01.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-order-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feConvolveMatrix-order-01.svg
 create mode 100644 layout/reftests/svg/filters/feDiffuseLighting-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feDiffuseLighting-1.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-1.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-2.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-alpha-01.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-colour-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-colour-01.svg
 create mode 100644 layout/reftests/svg/filters/feDisplacementMap-scale-01.svg
 create mode 100644 layout/reftests/svg/filters/feDropShadow-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feDropShadow-01.svg
 create mode 100644 layout/reftests/svg/filters/feFlood-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feFlood-1.svg
 create mode 100644 layout/reftests/svg/filters/feFlood-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feFlood-2.svg
 create mode 100644 layout/reftests/svg/filters/feFlood-color-01.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-1.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-2.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-3-ref.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-3.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-4-ref.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-4.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-5-ref.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-5.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-6-ref.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-6.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-alpha-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-alpha-01.svg
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software-ref.html
 create mode 100644 layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software.html
 create mode 100644 layout/reftests/svg/filters/feImage-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feImage-1.svg
 create mode 100644 layout/reftests/svg/filters/feImage-scale-to-primitive-subregion-ref.html
 create mode 100644 layout/reftests/svg/filters/feImage-scale-to-primitive-subregion.html
 create mode 100644 layout/reftests/svg/filters/feMerge-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feMerge-1.svg
 create mode 100644 layout/reftests/svg/filters/feMerge-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feMerge-2.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-1.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-2.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-radius-negative-01.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-radius-negative-02.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-radius-zero-01.svg
 create mode 100644 layout/reftests/svg/filters/feMorphology-radius-zero-02.svg
 create mode 100644 layout/reftests/svg/filters/feOffset-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feOffset-1.svg
 create mode 100644 layout/reftests/svg/filters/feOffset-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feOffset-2.svg
 create mode 100644 layout/reftests/svg/filters/fePointLight-zoomed-page-ref.svg
 create mode 100644 layout/reftests/svg/filters/fePointLight-zoomed-page.svg
 create mode 100644 layout/reftests/svg/filters/feSpecularLighting-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feSpecularLighting-1.svg
 create mode 100644 layout/reftests/svg/filters/feTile-1-ref.svg
 create mode 100644 layout/reftests/svg/filters/feTile-1.svg
 create mode 100644 layout/reftests/svg/filters/feTile-2-ref.svg
 create mode 100644 layout/reftests/svg/filters/feTile-2.svg
 create mode 100644 layout/reftests/svg/filters/feTile-large-01.svg
 create mode 100644 layout/reftests/svg/filters/feTile-large-02-ref.svg
 create mode 100644 layout/reftests/svg/filters/feTile-large-02.svg
 create mode 100644 layout/reftests/svg/filters/feTile-outside-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feTile-outside-01.svg
 create mode 100644 layout/reftests/svg/filters/feTurbulence-offset-ref.svg
 create mode 100644 layout/reftests/svg/filters/feTurbulence-offset.svg
 create mode 100644 layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01.svg
 create mode 100644 layout/reftests/svg/filters/feTurbulence-zero-baseFreq-02.svg
 create mode 100644 layout/reftests/svg/filters/filter-clipped-rect-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-giant.svg
 create mode 100644 layout/reftests/svg/filters/filter-in-mask-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-in-mask-02.svg
 create mode 100644 layout/reftests/svg/filters/filter-in-pattern-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-in-pattern-02-ref.svg
 create mode 100644 layout/reftests/svg/filters/filter-in-pattern-02.svg
 create mode 100644 layout/reftests/svg/filters/filter-inner-svg-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-inner-svg-02.svg
 create mode 100644 layout/reftests/svg/filters/filter-inner-svg-03.svg
 create mode 100644 layout/reftests/svg/filters/filter-kernelUnitLength-01-ref.svg
 create mode 100644 layout/reftests/svg/filters/filter-kernelUnitLength-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-lighting-region-ref.svg
 create mode 100644 layout/reftests/svg/filters/filter-lighting-region.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-02.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-03.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-04.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-05.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-06.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-07.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-08.svg
 create mode 100644 layout/reftests/svg/filters/filter-marked-line-09.svg
 create mode 100644 layout/reftests/svg/filters/filter-nested-filtering-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-nested-filtering-02.svg
 create mode 100644 layout/reftests/svg/filters/filter-patterned-rect-01.svg
 create mode 100644 layout/reftests/svg/filters/filter-patterned-rect-02.svg
 create mode 100644 layout/reftests/svg/filters/filter-region-01a.html
 create mode 100644 layout/reftests/svg/filters/filter-region-01b.html
 create mode 100644 layout/reftests/svg/filters/filter-transform-01.svg
 create mode 100644 layout/reftests/svg/filters/mozilla-banner.gif
 create mode 100644 layout/reftests/svg/filters/nested-filter-ref.html
 create mode 100644 layout/reftests/svg/filters/nested-filter.html
 create mode 100644 layout/reftests/svg/filters/outside-sourcegraphic-1.svg
 create mode 100644 layout/reftests/svg/filters/outside-sourcegraphic-2.svg
 create mode 100644 layout/reftests/svg/filters/outside-sourcegraphic-3.svg
 create mode 100644 layout/reftests/svg/filters/outside-sourcegraphic-ref.svg
 create mode 100644 layout/reftests/svg/filters/pass.svg
 create mode 100644 layout/reftests/svg/filters/reftest.list
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/clip-input-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/clip-input.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/clip-output-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/clip-output.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/default-subregion-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/default-subregion.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/long-chain.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/multiple-primitives-per-filter.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/reftest.list
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceGraphic.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/simple-chain-ref.svg
 create mode 100644 layout/reftests/svg/filters/svg-filter-chains/simple-chain.svg
 create mode 100644 layout/reftests/svg/foreignObject-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-02-ref.svg
 create mode 100644 layout/reftests/svg/foreignObject-02.svg
 create mode 100644 layout/reftests/svg/foreignObject-ancestor-style-change-01-ref.svg
 create mode 100644 layout/reftests/svg/foreignObject-ancestor-style-change-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-change-transform-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-display-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-dynamic-abspos-01-ref.html
 create mode 100644 layout/reftests/svg/foreignObject-dynamic-abspos-01.html
 create mode 100644 layout/reftests/svg/foreignObject-dynamic-fixedpos-01.html
 create mode 100644 layout/reftests/svg/foreignObject-dynamic-line-height-01-ref.html
 create mode 100644 layout/reftests/svg/foreignObject-dynamic-line-height-01.html
 create mode 100644 layout/reftests/svg/foreignObject-fixedpos-01.html
 create mode 100644 layout/reftests/svg/foreignObject-fixedpos-02.html
 create mode 100644 layout/reftests/svg/foreignObject-fixedpos-ref.html
 create mode 100644 layout/reftests/svg/foreignObject-form-no-theme.svg
 create mode 100644 layout/reftests/svg/foreignObject-form-theme-ref.html
 create mode 100644 layout/reftests/svg/foreignObject-form-theme.svg
 create mode 100644 layout/reftests/svg/foreignObject-img-form-theme-ref.html
 create mode 100644 layout/reftests/svg/foreignObject-img-form-theme.html
 create mode 100644 layout/reftests/svg/foreignObject-img-helper.svg
 create mode 100644 layout/reftests/svg/foreignObject-img-ref.html
 create mode 100644 layout/reftests/svg/foreignObject-img.html
 create mode 100644 layout/reftests/svg/foreignObject-move-repaint-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-overflow-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-start-hidden-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-start-hidden-02.svg
 create mode 100644 layout/reftests/svg/foreignObject-style-change-01.svg
 create mode 100644 layout/reftests/svg/foreignObject-vertical-01-ref.svg
 create mode 100644 layout/reftests/svg/foreignObject-vertical-01.svg
 create mode 100644 layout/reftests/svg/fragid-shadow-1.html
 create mode 100644 layout/reftests/svg/fragid-shadow-10.html
 create mode 100644 layout/reftests/svg/fragid-shadow-2.html
 create mode 100644 layout/reftests/svg/fragid-shadow-3.html
 create mode 100644 layout/reftests/svg/fragid-shadow-4.html
 create mode 100644 layout/reftests/svg/fragid-shadow-5.html
 create mode 100644 layout/reftests/svg/fragid-shadow-6.html
 create mode 100644 layout/reftests/svg/fragid-shadow-7.html
 create mode 100644 layout/reftests/svg/fragid-shadow-8.html
 create mode 100644 layout/reftests/svg/fragid-shadow-9.html
 create mode 100644 layout/reftests/svg/fragid-shadow-ref.html
 create mode 100644 layout/reftests/svg/fragid-shadow-resource.svg
 create mode 100644 layout/reftests/svg/fragmentIdentifier-01.xhtml
 create mode 100644 layout/reftests/svg/fragmentIdentifier-rect-01.svg
 create mode 100644 layout/reftests/svg/g-transform-01.svg
 create mode 100644 layout/reftests/svg/geometry-properties-in-css-ref.html
 create mode 100644 layout/reftests/svg/geometry-properties-in-css.html
 create mode 100644 layout/reftests/svg/getElementById-a-element-01.svg
 create mode 100644 layout/reftests/svg/gradient-href-01.html
 create mode 100644 layout/reftests/svg/gradient-live-01-ref.svg
 create mode 100644 layout/reftests/svg/gradient-live-01a.svg
 create mode 100644 layout/reftests/svg/gradient-live-01b.svg
 create mode 100644 layout/reftests/svg/gradient-live-01c.svg
 create mode 100644 layout/reftests/svg/gradient-live-01d.svg
 create mode 100644 layout/reftests/svg/gradient-transform-01.svg
 create mode 100644 layout/reftests/svg/href-attr-change-restyles-ref.svg
 create mode 100644 layout/reftests/svg/href-attr-change-restyles.svg
 create mode 100644 layout/reftests/svg/image/blueRect10x10-viewBox-animPAR.svg
 create mode 100644 layout/reftests/svg/image/blueRect10x10-viewBox.svg
 create mode 100644 layout/reftests/svg/image/blueRect10x10.png
 create mode 100644 layout/reftests/svg/image/blueRect10x10.svg
 create mode 100644 layout/reftests/svg/image/image-fill-01.svg
 create mode 100644 layout/reftests/svg/image/image-fill-opacity-ref.html
 create mode 100644 layout/reftests/svg/image/image-fill-opacity.html
 create mode 100644 layout/reftests/svg/image/image-filter-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-filter-01.svg
 create mode 100644 layout/reftests/svg/image/image-load-01.svg
 create mode 100644 layout/reftests/svg/image/image-opacity-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-opacity-01.svg
 create mode 100644 layout/reftests/svg/image/image-opacity-02-ref.svg
 create mode 100644 layout/reftests/svg/image/image-opacity-02.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-01-raster.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-01-svg.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-02-raster.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-02-ref.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-02-svg.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-03-ref.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-03.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-04-ref.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-04.svg
 create mode 100644 layout/reftests/svg/image/image-preserveAspectRatio-05.svg
 create mode 100644 layout/reftests/svg/image/image-rotate-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-rotate-01.svg
 create mode 100644 layout/reftests/svg/image/image-rotate-02-ref.svg
 create mode 100644 layout/reftests/svg/image/image-rotate-02a.svg
 create mode 100644 layout/reftests/svg/image/image-rotate-02b.svg
 create mode 100644 layout/reftests/svg/image/image-scaling-01.svg
 create mode 100644 layout/reftests/svg/image/image-scaling-02.svg
 create mode 100644 layout/reftests/svg/image/image-scaling-03.svg
 create mode 100644 layout/reftests/svg/image/image-svg-inline-01.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01-ref.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01a.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01b.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01-ref.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01a.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01b.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-in-01a.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-in-01b.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-in-01c.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-in-01d.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-out-01a.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-out-01b.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-out-01c.html
 create mode 100644 layout/reftests/svg/image/image-svg-inline-zoom-out-01d.html
 create mode 100644 layout/reftests/svg/image/image-translate-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-translate-01.svg
 create mode 100644 layout/reftests/svg/image/image-with-following-content.svg
 create mode 100644 layout/reftests/svg/image/image-with-mask-and-clipPath.svg
 create mode 100644 layout/reftests/svg/image/image-x-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-x-01.svg
 create mode 100644 layout/reftests/svg/image/image-xy-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-xy-01.svg
 create mode 100644 layout/reftests/svg/image/image-y-01-ref.svg
 create mode 100644 layout/reftests/svg/image/image-y-01.svg
 create mode 100644 layout/reftests/svg/image/image-zoom-02-ref.svg
 create mode 100644 layout/reftests/svg/image/image-zoom-02.svg
 create mode 100644 layout/reftests/svg/image/imported-image-01.svg
 create mode 100644 layout/reftests/svg/image/imported-image-02.svg
 create mode 100644 layout/reftests/svg/image/imported-image-ref.svg
 create mode 100644 layout/reftests/svg/image/lime-no-dimensions.svg
 create mode 100644 layout/reftests/svg/image/lime100x100.png
 create mode 100644 layout/reftests/svg/image/lime100x100.svg
 create mode 100644 layout/reftests/svg/image/reftest.list
 create mode 100644 layout/reftests/svg/image/sprite.png
 create mode 100644 layout/reftests/svg/image/sprite.svg
 create mode 100644 layout/reftests/svg/image/util.js
 create mode 100644 layout/reftests/svg/import-svg-01.html
 create mode 100644 layout/reftests/svg/invalid-text-01.svg
 create mode 100644 layout/reftests/svg/lang-attribute-01.svg
 create mode 100644 layout/reftests/svg/lang-attribute-02.svg
 create mode 100644 layout/reftests/svg/lang-attribute-03.svg
 create mode 100644 layout/reftests/svg/linearGradient-basic-01.svg
 create mode 100644 layout/reftests/svg/linearGradient-basic-02.svg
 create mode 100644 layout/reftests/svg/linearGradient-basic-03-ref.svg
 create mode 100644 layout/reftests/svg/linearGradient-basic-03.svg
 create mode 100644 layout/reftests/svg/linked-filter-01.svg
 create mode 100644 layout/reftests/svg/linked-pattern-01.svg
 create mode 100644 layout/reftests/svg/load-only/filter-primitives-01.svg
 create mode 100644 layout/reftests/svg/load-only/reftest.list
 create mode 100644 layout/reftests/svg/marker-attribute-01.svg
 create mode 100644 layout/reftests/svg/marker-css-transform-ref.html
 create mode 100644 layout/reftests/svg/marker-css-transform.html
 create mode 100644 layout/reftests/svg/marker-dynamic-opacity-ref.html
 create mode 100644 layout/reftests/svg/marker-dynamic-opacity.html
 create mode 100644 layout/reftests/svg/marker-effects-01-ref.svg
 create mode 100644 layout/reftests/svg/marker-effects-01.svg
 create mode 100644 layout/reftests/svg/marker-orientation-01-ref.svg
 create mode 100644 layout/reftests/svg/marker-orientation-01.svg
 create mode 100644 layout/reftests/svg/marker-orientation-02-ref.svg
 create mode 100644 layout/reftests/svg/marker-orientation-02.svg
 create mode 100644 layout/reftests/svg/marker-orientation-03.svg
 create mode 100644 layout/reftests/svg/marker-orientation-04.svg
 create mode 100644 layout/reftests/svg/marker-orientation-05.svg
 create mode 100644 layout/reftests/svg/marker-viewBox-01-ref.svg
 create mode 100644 layout/reftests/svg/marker-viewBox-01.svg
 create mode 100644 layout/reftests/svg/markers-and-group-opacity-01-ref.svg
 create mode 100644 layout/reftests/svg/markers-and-group-opacity-01.svg
 create mode 100644 layout/reftests/svg/mask-and-clipPath-2.svg
 create mode 100644 layout/reftests/svg/mask-and-clipPath-ref.html
 create mode 100644 layout/reftests/svg/mask-and-clipPath.html
 create mode 100644 layout/reftests/svg/mask-basic-01.svg
 create mode 100644 layout/reftests/svg/mask-basic-02-ref.svg
 create mode 100644 layout/reftests/svg/mask-basic-02.svg
 create mode 100644 layout/reftests/svg/mask-basic-03.svg
 create mode 100644 layout/reftests/svg/mask-basic-04.svg
 create mode 100644 layout/reftests/svg/mask-basic-05.svg
 create mode 100644 layout/reftests/svg/mask-containing-masked-content-01.svg
 create mode 100644 layout/reftests/svg/mask-contains-inner-svg-01.svg
 create mode 100644 layout/reftests/svg/mask-contains-inner-svg-02.svg
 create mode 100644 layout/reftests/svg/mask-css-transform-ref.html
 create mode 100644 layout/reftests/svg/mask-css-transform.html
 create mode 100644 layout/reftests/svg/mask-empty-size.svg
 create mode 100644 layout/reftests/svg/mask-extref-dataURI-01.svg
 create mode 100644 layout/reftests/svg/mask-image-filter-transform-ref.html
 create mode 100644 layout/reftests/svg/mask-image-filter-transform.html
 create mode 100644 layout/reftests/svg/mask-img-ref.html
 create mode 100644 layout/reftests/svg/mask-img.html
 create mode 100644 layout/reftests/svg/mask-invalidation-ref.html
 create mode 100644 layout/reftests/svg/mask-invalidation.html
 create mode 100644 layout/reftests/svg/mask-on-outflowElement-01a.html
 create mode 100644 layout/reftests/svg/mask-on-outflowElement-01b.html
 create mode 100644 layout/reftests/svg/mask-on-outflowElement.svg
 create mode 100644 layout/reftests/svg/mask-opacity-01-ref.svg
 create mode 100644 layout/reftests/svg/mask-opacity-01.svg
 create mode 100644 layout/reftests/svg/mask-opacity-02-ref.svg
 create mode 100644 layout/reftests/svg/mask-opacity-02.svg
 create mode 100644 layout/reftests/svg/mask-opacity-03.svg
 create mode 100644 layout/reftests/svg/mask-opacity-04.svg
 create mode 100644 layout/reftests/svg/mask-opacity-05.svg
 create mode 100644 layout/reftests/svg/mask-opacity-invalidation-1-ref.html
 create mode 100644 layout/reftests/svg/mask-opacity-invalidation-1.html
 create mode 100644 layout/reftests/svg/mask-ref-loop-01.svg
 create mode 100644 layout/reftests/svg/mask-resource-ref.html
 create mode 100644 layout/reftests/svg/mask-resource.html
 create mode 100644 layout/reftests/svg/mask-root-svg.svg
 create mode 100644 layout/reftests/svg/mask-transformed-01-ref.svg
 create mode 100644 layout/reftests/svg/mask-transformed-01.svg
 create mode 100644 layout/reftests/svg/mask-transformed-02.svg
 create mode 100644 layout/reftests/svg/mask-transformed-child-01-ref.svg
 create mode 100644 layout/reftests/svg/mask-transformed-child-01.svg
 create mode 100644 layout/reftests/svg/mask-type-01-ref.svg
 create mode 100644 layout/reftests/svg/mask-type-01.svg
 create mode 100644 layout/reftests/svg/mask-type-02.svg
 create mode 100644 layout/reftests/svg/mask-type-03.svg
 create mode 100644 layout/reftests/svg/mask-type-04.svg
 create mode 100644 layout/reftests/svg/mask-use-element-01.svg
 create mode 100644 layout/reftests/svg/moz-only/big.png
 create mode 100644 layout/reftests/svg/moz-only/feImage-zoom-01-ref.svg
 create mode 100644 layout/reftests/svg/moz-only/feImage-zoom-01a.svg
 create mode 100644 layout/reftests/svg/moz-only/feImage-zoom-01b.svg
 create mode 100644 layout/reftests/svg/moz-only/foreignObject-zoom-01.svg
 create mode 100644 layout/reftests/svg/moz-only/pass-black.svg
 create mode 100644 layout/reftests/svg/moz-only/pass.svg
 create mode 100644 layout/reftests/svg/moz-only/reftest.list
 create mode 100644 layout/reftests/svg/moz-only/replaced-element-zoom-01.html
 create mode 100644 layout/reftests/svg/moz-only/small.png
 create mode 100644 layout/reftests/svg/moz-only/zoom-invalidation-01.svg
 create mode 100644 layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01-ref.svg
 create mode 100644 layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01.svg
 create mode 100644 layout/reftests/svg/nested-mask-mode.svg
 create mode 100644 layout/reftests/svg/nested-viewBox-01.svg
 create mode 100644 layout/reftests/svg/nesting-invalid-01-ref.svg
 create mode 100644 layout/reftests/svg/nesting-invalid-01.js
 create mode 100644 layout/reftests/svg/nesting-invalid-01.svg
 create mode 100644 layout/reftests/svg/non-scaling-stroke-01-ref.svg
 create mode 100644 layout/reftests/svg/non-scaling-stroke-01.svg
 create mode 100644 layout/reftests/svg/non-scaling-stroke-02-ref.svg
 create mode 100644 layout/reftests/svg/non-scaling-stroke-02.svg
 create mode 100644 layout/reftests/svg/non-scaling-stroke-03-ref.svg
 create mode 100644 layout/reftests/svg/non-scaling-stroke-03.svg
 create mode 100644 layout/reftests/svg/non-scaling-stroke-css-transform-ref.html
 create mode 100644 layout/reftests/svg/non-scaling-stroke-css-transform.html
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-clipPath.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-fePointLight-01-ref.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-fePointLight-01.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-fePointLight-02-ref.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-fePointLight-02.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-mask-02.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-mask.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-pattern-01-ref.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-pattern-01a.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-pattern-01b.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-pattern-01c.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-pattern-02.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-pattern-03-ref.svg
 create mode 100644 layout/reftests/svg/objectBoundingBox-and-pattern-03.svg
 create mode 100644 layout/reftests/svg/opacity-and-gradient-01.svg
 create mode 100644 layout/reftests/svg/opacity-and-gradient-02-ref.svg
 create mode 100644 layout/reftests/svg/opacity-and-gradient-02.svg
 create mode 100644 layout/reftests/svg/opacity-and-pattern-01.svg
 create mode 100644 layout/reftests/svg/opacity-and-transform-01-ref.svg
 create mode 100644 layout/reftests/svg/opacity-and-transform-01.svg
 create mode 100644 layout/reftests/svg/outer-svg-border-and-padding-01-ref.svg
 create mode 100644 layout/reftests/svg/outer-svg-border-and-padding-01.svg
 create mode 100644 layout/reftests/svg/outline-ref.html
 create mode 100644 layout/reftests/svg/outline.html
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-01-ref.svg
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-01.svg
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-02-ref.xhtml
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-02a.xhtml
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-02b.xhtml
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-02c.xhtml
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-02d.xhtml
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-03-ref.xhtml
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-03a.xhtml
 create mode 100644 layout/reftests/svg/overflow-on-outer-svg-03b.xhtml
 create mode 100644 layout/reftests/svg/overflow-visible-image-ref.html
 create mode 100644 layout/reftests/svg/overflow-visible-image.html
 create mode 100644 layout/reftests/svg/paint-on-maskLayer-1-ref.html
 create mode 100644 layout/reftests/svg/paint-on-maskLayer-1a.html
 create mode 100644 layout/reftests/svg/paint-on-maskLayer-1b.html
 create mode 100644 layout/reftests/svg/paint-on-maskLayer-1c.html
 create mode 100644 layout/reftests/svg/paint-order-01-ref.svg
 create mode 100644 layout/reftests/svg/paint-order-01.svg
 create mode 100644 layout/reftests/svg/paint-order-02-ref.svg
 create mode 100644 layout/reftests/svg/paint-order-02.svg
 create mode 100644 layout/reftests/svg/paint-order-03-ref.svg
 create mode 100644 layout/reftests/svg/paint-order-03.svg
 create mode 100644 layout/reftests/svg/pass.svg
 create mode 100644 layout/reftests/svg/path-01-ref.svg
 create mode 100644 layout/reftests/svg/path-01.svg
 create mode 100644 layout/reftests/svg/path-02.svg
 create mode 100644 layout/reftests/svg/path-04.svg
 create mode 100644 layout/reftests/svg/path-05.svg
 create mode 100644 layout/reftests/svg/path-06-ref.svg
 create mode 100644 layout/reftests/svg/path-06.svg
 create mode 100644 layout/reftests/svg/path-07-ref.svg
 create mode 100644 layout/reftests/svg/path-07.svg
 create mode 100644 layout/reftests/svg/path-08.svg
 create mode 100644 layout/reftests/svg/path-transform-box.svg
 create mode 100644 layout/reftests/svg/pathLength-01.svg
 create mode 100644 layout/reftests/svg/pathLength-02.svg
 create mode 100644 layout/reftests/svg/pattern-basic-01.svg
 create mode 100644 layout/reftests/svg/pattern-big-image-ref.html
 create mode 100644 layout/reftests/svg/pattern-big-image.html
 create mode 100644 layout/reftests/svg/pattern-css-transform-ref.html
 create mode 100644 layout/reftests/svg/pattern-css-transform.html
 create mode 100644 layout/reftests/svg/pattern-invalid-01-ref.svg
 create mode 100644 layout/reftests/svg/pattern-invalid-01.svg
 create mode 100644 layout/reftests/svg/pattern-live-01-ref.svg
 create mode 100644 layout/reftests/svg/pattern-live-01a.svg
 create mode 100644 layout/reftests/svg/pattern-live-01b.svg
 create mode 100644 layout/reftests/svg/pattern-live-01c.svg
 create mode 100644 layout/reftests/svg/pattern-scale-01-ref.svg
 create mode 100644 layout/reftests/svg/pattern-scale-01a.svg
 create mode 100644 layout/reftests/svg/pattern-scale-01b.svg
 create mode 100644 layout/reftests/svg/pattern-scale-01c.svg
 create mode 100644 layout/reftests/svg/pattern-transform-presence-01-ref.svg
 create mode 100644 layout/reftests/svg/pattern-transform-presence-01.svg
 create mode 100644 layout/reftests/svg/pattern-transformed-01-ref.svg
 create mode 100644 layout/reftests/svg/pattern-transformed-01.svg
 create mode 100644 layout/reftests/svg/pattern-transformed-02-ref.svg
 create mode 100644 layout/reftests/svg/pattern-transformed-02.svg
 create mode 100644 layout/reftests/svg/polygon-01-ref.svg
 create mode 100644 layout/reftests/svg/polygon-01.svg
 create mode 100644 layout/reftests/svg/polygon-marker-01.svg
 create mode 100644 layout/reftests/svg/polygon-points-negative-01.svg
 create mode 100644 layout/reftests/svg/polyline-points-invalid-01.svg
 create mode 100644 layout/reftests/svg/pseudo-classes-01.svg
 create mode 100644 layout/reftests/svg/pseudo-classes-02-ref.svg
 create mode 100644 layout/reftests/svg/pseudo-classes-02.svg
 create mode 100644 layout/reftests/svg/radialGradient-basic-01.svg
 create mode 100644 layout/reftests/svg/radialGradient-basic-02.svg
 create mode 100644 layout/reftests/svg/radialGradient-basic-03-ref.html
 create mode 100644 layout/reftests/svg/radialGradient-basic-03.svg
 create mode 100644 layout/reftests/svg/radialGradient-basic-04.svg
 create mode 100644 layout/reftests/svg/radialGradient-fr-01.svg
 create mode 100644 layout/reftests/svg/radialGradient-fr-02-ref.svg
 create mode 100644 layout/reftests/svg/radialGradient-fr-02.svg
 create mode 100644 layout/reftests/svg/rect-01.svg
 create mode 100644 layout/reftests/svg/rect-02.svg
 create mode 100644 layout/reftests/svg/rect-03.svg
 create mode 100644 layout/reftests/svg/rect-04.svg
 create mode 100644 layout/reftests/svg/rect-with-rx-and-ry-01.svg
 create mode 100644 layout/reftests/svg/rect-with-rx-or-ry-01-ref.svg
 create mode 100644 layout/reftests/svg/rect-with-rx-or-ry-01.svg
 create mode 100644 layout/reftests/svg/reftest.list
 create mode 100644 layout/reftests/svg/rootElement-null-01.svg
 create mode 100644 layout/reftests/svg/script-empty-01.svg
 create mode 100644 layout/reftests/svg/selector-01.svg
 create mode 100644 layout/reftests/svg/sizing/ahem.css
 create mode 100644 layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width-ref.html
 create mode 100644 layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width.html
 create mode 100644 layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height-ref.html
 create mode 100644 layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height.html
 create mode 100644 layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height-ref.html
 create mode 100644 layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height.html
 create mode 100644 layout/reftests/svg/sizing/dynamic--inline-css-height.xhtml
 create mode 100644 layout/reftests/svg/sizing/dynamic--inline-css-width.xhtml
 create mode 100644 layout/reftests/svg/sizing/dynamic--inline-resize-window-height.xhtml
 create mode 100644 layout/reftests/svg/sizing/dynamic--inline-resize-window-width.xhtml
 create mode 100644 layout/reftests/svg/sizing/dynamic--object--auto-auto--pct-px.html
 create mode 100644 layout/reftests/svg/sizing/dynamic--object-svg-unloaded-a.svg
 create mode 100644 layout/reftests/svg/sizing/dynamic--object-svg-unloaded-b.xhtml
 create mode 100644 layout/reftests/svg/sizing/dynamic--object-svg-unloaded.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--display-block--01-ref.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--display-block--01.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--display-inline--01-ref.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--display-inline--01.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--display-inline-block--01-ref.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--display-inline-block--01.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--float-left--01-ref.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--float-left--01.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--float-right--01-ref.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--float-right--01.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--position-absolute--01-ref.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--position-absolute--01.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--position-absolute--02.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--position-relative--01-ref.xhtml
 create mode 100644 layout/reftests/svg/sizing/inline--position-relative--01.xhtml
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-0.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-pct--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-pct.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-px--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-px.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-0--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-0.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-pct--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-pct.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-px--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-px.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-0--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-0.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-pct--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-pct.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-px--ref.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-px.html
 create mode 100644 layout/reftests/svg/sizing/object--auto-auto--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/object--pct-pct--0-0.html
 create mode 100644 layout/reftests/svg/sizing/pass-empty.svg
 create mode 100644 layout/reftests/svg/sizing/pass-pct-height-square.xhtml
 create mode 100644 layout/reftests/svg/sizing/pass-pct-pct.xhtml
 create mode 100644 layout/reftests/svg/sizing/pass-pct-px.xhtml
 create mode 100644 layout/reftests/svg/sizing/pass-pct-width-square.xhtml
 create mode 100644 layout/reftests/svg/sizing/pass-px-pct.xhtml
 create mode 100644 layout/reftests/svg/sizing/pass-px-px.xhtml
 create mode 100644 layout/reftests/svg/sizing/pass.svg
 create mode 100644 layout/reftests/svg/sizing/reftest.list
 create mode 100644 layout/reftests/svg/sizing/scrollbars-01-anti-ref.svg
 create mode 100644 layout/reftests/svg/sizing/scrollbars-01.svg
 create mode 100644 layout/reftests/svg/sizing/scrollbars-02.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-0--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-auto--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-pct--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--0-px--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-0--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-auto--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--pct-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--pct-px--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--px-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-pct--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--pct-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--pct-px--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--px-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--auto-px--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-0--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--pct-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--pct-px--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--px-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-auto--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-pct--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--pct-px--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-0--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--pct-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--pct-px--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--px-pct--viewBox.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-auto--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-pct--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--0-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--0-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--0-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--pct-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--pct-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--pct-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--px-0.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--px-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone--px-px--px-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone-sanity-height-150px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone-sanity-height-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone-sanity-height-px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone-sanity-width-300px.svg
 create mode 100644 layout/reftests/svg/sizing/standalone-sanity-width-pct.svg
 create mode 100644 layout/reftests/svg/sizing/standalone-sanity-width-px.svg
 create mode 100644 layout/reftests/svg/sizing/svg-image-util.js
 create mode 100644 layout/reftests/svg/smil/anim-additive-fallback-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-change-display-block-for-dynamically-appended-elem.html
 create mode 100644 layout/reftests/svg/smil/anim-change-display-none-for-ancestor-elem.html
 create mode 100644 layout/reftests/svg/smil/anim-change-display-none-for-dynamically-appended-elem.html
 create mode 100644 layout/reftests/svg/smil/anim-change-display-none-for-target-elem.html
 create mode 100644 layout/reftests/svg/smil/anim-class-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-class-02.svg
 create mode 100644 layout/reftests/svg/smil/anim-class-03.svg
 create mode 100644 layout/reftests/svg/smil/anim-class-04-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-class-04.svg
 create mode 100644 layout/reftests/svg/smil/anim-clipPath-viewBox-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-clipPath-viewBox.svg
 create mode 100644 layout/reftests/svg/smil/anim-conditions-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-conditions-02.svg
 create mode 100644 layout/reftests/svg/smil/anim-defs-fill.svg
 create mode 100644 layout/reftests/svg/smil/anim-defs-gradient-attribute.svg
 create mode 100644 layout/reftests/svg/smil/anim-defs-gradient-property.svg
 create mode 100644 layout/reftests/svg/smil/anim-defs-width.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-replace-sum-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-sum-none-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-sum-sum-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-to-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-to-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-to-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-to-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-values-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-values-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-discrete-values-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-display-in-g-element.svg
 create mode 100644 layout/reftests/svg/smil/anim-display.svg
 create mode 100644 layout/reftests/svg/smil/anim-feComponentTransfer-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feComposite-operator-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feConvolveMatrix-order-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-feConvolveMatrix-order-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feConvolveMatrix-preserveAlpha-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feDistantLight-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-feDistantLight-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feFuncR-tableValues-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-feFuncR-tableValues-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feGaussianBlur-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feImage-preserveAspectRatio-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feOffset-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feSpotLight-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-feSpotLight-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-feTurbulence-numOctaves-02.svg
 create mode 100644 layout/reftests/svg/smil/anim-fill-overpaintserver-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-fill-overpaintserver-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-fillcolor-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-fillopacity-1css.svg
 create mode 100644 layout/reftests/svg/smil/anim-fillopacity-1none.svg
 create mode 100644 layout/reftests/svg/smil/anim-fillopacity-1xml.svg
 create mode 100644 layout/reftests/svg/smil/anim-filter-filterUnits-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-filter-href-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-filter-primitive-size-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-filter-size-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-gradient-attr-presence-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-gradient-attr-presence-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-gradient-href-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-done-1a.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-done-1b.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-done-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-3-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-4-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-5-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-5.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-6-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-height-interp-6.svg
 create mode 100644 layout/reftests/svg/smil/anim-image-href-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-indefinite-to-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-indefinite-to-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-indefinite-to-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-indefinite-to-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-length-reset-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-marker-orient-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-marker-orient-02.svg
 create mode 100644 layout/reftests/svg/smil/anim-nonpixel-length-reset-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-offset-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-opacity-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-overflow-shorthand-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-overflow-shorthand.svg
 create mode 100644 layout/reftests/svg/smil/anim-paintserver-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-paintserver-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-path-d-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-path-d-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-pathLength-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-pathLength-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-pattern-attr-presence-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-pattern-attr-presence-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-pattern-href-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-polygon-points-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-polygon-points-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-polyline-points-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-polyline-points-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-rect-rxry-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-rect-rxry-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-5.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-6.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-7.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-8css.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-8xml.svg
 create mode 100644 layout/reftests/svg/smil/anim-remove-9.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-5.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-6.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-7.svg
 create mode 100644 layout/reftests/svg/smil/anim-retarget-8.svg
 create mode 100644 layout/reftests/svg/smil/anim-standard-ref.html
 create mode 100644 layout/reftests/svg/smil/anim-standard-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-strokecolor-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-strokewidth-1xml.svg
 create mode 100644 layout/reftests/svg/smil/anim-svg-preserveAspectRatio-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-svg-viewBox-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-svg-viewBox-02.svg
 create mode 100644 layout/reftests/svg/smil/anim-svg-viewBox-03.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-10.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-5.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-6.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-7.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-8.svg
 create mode 100644 layout/reftests/svg/smil/anim-targethref-9.svg
 create mode 100644 layout/reftests/svg/smil/anim-text-attr-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-text-attr-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-text-rotate-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-text-rotate-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-text-x-y-dx-dy-01-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-text-x-y-dx-dy-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-use-href-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-use-length-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-use-length-02.svg
 create mode 100644 layout/reftests/svg/smil/anim-view-01.svg
 create mode 100644 layout/reftests/svg/smil/anim-width-done-1a.svg
 create mode 100644 layout/reftests/svg/smil/anim-width-done-1b.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-done-1a.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-done-1b.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-3-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-4-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-5-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-5.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-6-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-x-interp-6.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-done-1a.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-done-1b.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-1.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-2.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-3-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-3.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-4-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-4.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-5-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-5.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-6-ref.svg
 create mode 100644 layout/reftests/svg/smil/anim-y-interp-6.svg
 create mode 100644 layout/reftests/svg/smil/api-sanity-1.svg
 create mode 100644 layout/reftests/svg/smil/container/deferred-anim-1-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-anim-1.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-1-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-1.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-2-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-2a.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-2b.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-3-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-3a.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-3b.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-3c.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-3d.xhtml
 create mode 100644 layout/reftests/svg/smil/container/deferred-tree-util.js
 create mode 100644 layout/reftests/svg/smil/container/enveloped-tree-1-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/enveloped-tree-1.xhtml
 create mode 100644 layout/reftests/svg/smil/container/invalid-elem-1-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/invalid-elem-1.xhtml
 create mode 100644 layout/reftests/svg/smil/container/moved-tree-1-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/moved-tree-1.xhtml
 create mode 100644 layout/reftests/svg/smil/container/promoted-tree-1-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/container/promoted-tree-1.xhtml
 create mode 100644 layout/reftests/svg/smil/container/reftest.list
 create mode 100644 layout/reftests/svg/smil/event/event-begin-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-begin-load-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-begin-offset-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-begin-offset-2.svg
 create mode 100644 layout/reftests/svg/smil/event/event-begin-timeevent-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-begin-timeevent-2.svg
 create mode 100644 layout/reftests/svg/smil/event/event-begin-timeevent-3.svg
 create mode 100644 layout/reftests/svg/smil/event/event-bubble-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-custom-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-end-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-end-2.svg
 create mode 100644 layout/reftests/svg/smil/event/event-end-open-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-end-trimmed-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-preventDefault-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-seek-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-default-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-default-2.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-id-change-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-id-change-2.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-id-change-3.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-non-svg-1.xhtml
 create mode 100644 layout/reftests/svg/smil/event/event-target-surgery-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-surgery-2.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-surgery-3.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-xlink-change-1.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-xlink-change-2.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-xlink-change-3.svg
 create mode 100644 layout/reftests/svg/smil/event/event-target-xlink-change-4.svg
 create mode 100644 layout/reftests/svg/smil/event/event-util.js
 create mode 100644 layout/reftests/svg/smil/event/green-box-ref.svg
 create mode 100644 layout/reftests/svg/smil/event/green-box-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/event/reftest.list
 create mode 100644 layout/reftests/svg/smil/filtered-instance-time-1.svg
 create mode 100644 layout/reftests/svg/smil/freeze-applied-late-1.svg
 create mode 100644 layout/reftests/svg/smil/freeze-applied-late-2.svg
 create mode 100644 layout/reftests/svg/smil/freeze-applied-late-3.svg
 create mode 100644 layout/reftests/svg/smil/freeze-applied-late-4.svg
 create mode 100644 layout/reftests/svg/smil/frozen-to-anim-1.svg
 create mode 100644 layout/reftests/svg/smil/inactivate-with-active-unchanged-1.svg
 create mode 100644 layout/reftests/svg/smil/inactivate-with-active-unchanged-2.svg
 create mode 100644 layout/reftests/svg/smil/lime.html
 create mode 100644 layout/reftests/svg/smil/lime.svg
 create mode 100644 layout/reftests/svg/smil/mapped-attr-long-url-1.svg
 create mode 100644 layout/reftests/svg/smil/mapped-attr-long-url-2.svg
 create mode 100644 layout/reftests/svg/smil/min-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-by-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-by-2.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-flattening-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-from-to-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-indefinite-to-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-indefinite-to-2.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-mpath-pathLength-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-mpath-shadow.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-mpath-target-transform-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-mpath-targetChange-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-rotate-1a.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-rotate-1b.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-rotate-2.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-to-overridden-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-values-linear-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-values-linear-1.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-values-paced-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-values-paced-1a.svg
 create mode 100644 layout/reftests/svg/smil/motion/animateMotion-values-paced-1b.svg
 create mode 100644 layout/reftests/svg/smil/motion/lime.svg
 create mode 100644 layout/reftests/svg/smil/motion/reftest.list
 create mode 100644 layout/reftests/svg/smil/pause/init-pause-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/pause/init-pause-1.svg
 create mode 100644 layout/reftests/svg/smil/pause/reftest.list
 create mode 100644 layout/reftests/svg/smil/reftest.list
 create mode 100644 layout/reftests/svg/smil/repeat/green-box-ref.svg
 create mode 100644 layout/reftests/svg/smil/repeat/indefinite-repeat-1.svg
 create mode 100644 layout/reftests/svg/smil/repeat/init-repeat-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/repeat/init-repeat-1.svg
 create mode 100644 layout/reftests/svg/smil/repeat/reftest.list
 create mode 100644 layout/reftests/svg/smil/restart/green-box-ref.svg
 create mode 100644 layout/reftests/svg/smil/restart/reftest.list
 create mode 100644 layout/reftests/svg/smil/restart/reset-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/restart/reset-1.svg
 create mode 100644 layout/reftests/svg/smil/restart/reset-2.svg
 create mode 100644 layout/reftests/svg/smil/restart/reset-3.svg
 create mode 100644 layout/reftests/svg/smil/restart/reset-4.svg
 create mode 100644 layout/reftests/svg/smil/restart/reset-6.svg
 create mode 100644 layout/reftests/svg/smil/restart/reset-7.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-standard-ref.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-standard-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-1a.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-1b.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-1c.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-1d.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-1e.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-cross-container-1a.xhtml
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1a.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1b.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1c.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1d.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1e.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1f.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1g.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1h.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1i.svg
 create mode 100644 layout/reftests/svg/smil/seek/anim-x-seek-negative-1a.svg
 create mode 100644 layout/reftests/svg/smil/seek/reftest.list
 create mode 100644 layout/reftests/svg/smil/set/reftest.list
 create mode 100644 layout/reftests/svg/smil/set/set-css-fontsize-freeze-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/set/set-css-fontsize-freeze-1.svg
 create mode 100644 layout/reftests/svg/smil/set/set-css-fontsize-remove-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/set/set-css-fontsize-remove-1.svg
 create mode 100644 layout/reftests/svg/smil/shadow-dom-01.html
 create mode 100644 layout/reftests/svg/smil/smil-grid.js
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-1a.svg
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-1b.svg
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-2a.svg
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-2b.svg
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-3a.svg
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-3b.svg
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-4a.svg
 create mode 100644 layout/reftests/svg/smil/smil-transitions-interaction-4b.svg
 create mode 100644 layout/reftests/svg/smil/smil-util.js
 create mode 100644 layout/reftests/svg/smil/sort/reftest.list
 create mode 100644 layout/reftests/svg/smil/sort/sort-additive-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-additive-1.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startAfter-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startAfter-1.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startAfter-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startAfter-2.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startAfter-3-ref.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startAfter-3.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startSame-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startSame-1a.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startSame-1b.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startSame-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startSame-2a.svg
 create mode 100644 layout/reftests/svg/smil/sort/sort-startSame-2b.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-1-by-ident-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-1-from-by-hex-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-1-from-by-ident-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-1-from-to-hex-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-1-from-to-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-1-to-ident-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-1-to-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-2-paced-rgb.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-3-by-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-3-from-by-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-color-3-from-by-rgb-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-curcol.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-by-curcol-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-curcol.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-by-ident-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-to-curcol-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-curcol.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-from-to-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-curcol.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-hex.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-2-paced-rgb.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-3-by-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-3-from-by-ident-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-3-from-by-rgb-ident.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-3-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-overflow-1-by.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-overflow-1-from-by.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fill-overflow-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-1-by.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-by.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-to.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-1-to.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-2-paced.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-big.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-small.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fillopacity-3-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-from-by.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-font-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-font-1.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-em-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-fontsize-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-letterspacing-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-letterspacing-1.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-from-by.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokedasharray-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokedasharray-1.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-no-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-no-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-no-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-no-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-pct.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-3-paced.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-3-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-em-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-no-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-em.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-strokewidth-4-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-wordspacing-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-css-wordspacing-1.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-px.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-px-no.svg
 create mode 100644 layout/reftests/svg/smil/style/anim-standard-ref.svg
 create mode 100644 layout/reftests/svg/smil/style/important-set-1.svg
 create mode 100644 layout/reftests/svg/smil/style/important-set-2.svg
 create mode 100644 layout/reftests/svg/smil/style/namespaced-property-1.svg
 create mode 100644 layout/reftests/svg/smil/style/reftest.list
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-change-spec-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-change-spec-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-change-spec-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-change-spec-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-resolved-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-resolved-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-simple-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-simple-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-simple-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-simple-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-simple-5.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/changed-interval-sort-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cross-container-1.xhtml
 create mode 100644 layout/reftests/svg/smil/syncbase/cross-container-2.xhtml
 create mode 100644 layout/reftests/svg/smil/syncbase/cross-container-3.xhtml
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-change-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-change-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-delete-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-invalid-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-invalid-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-invalid-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-invalid-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-ok-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-ok-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-ok-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-ok-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-ok-5.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-recursion-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-recursion-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-self-ref-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-self-ref-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-self-ref-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-self-ref-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/cycle-self-ref-5.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/deleted-interval-simple-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/deleted-interval-simple-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/deleted-interval-simple-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/deleted-interval-simple-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/deleted-interval-simple-5.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/filtered-interval-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/green-box-ref.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/green-box-ref.xhtml
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-chain-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-chain-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-early-end-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-early-end-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-early-end-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-early-end-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-early-end-5.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-early-end-6.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-early-end-7.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-end-dep-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-end-negative-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-end-negative-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-freeze-begin-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-negative-offset-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-negative-offset-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-negative-offset-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-negative-offset-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-negative-syncbase-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-restart-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-restart-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-restart-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-sample-order-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-simple-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-simple-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/reftest.list
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-1.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-10.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-11.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-12.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-2.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-3.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-4.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-5.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-6.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-7.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-8.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/sandwich-priority-9.svg
 create mode 100644 layout/reftests/svg/smil/syncbase/trimmed-interval-1.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-1a-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-1a.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-1b-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-1b.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-2a-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-2a.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-2b-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/appendChild-2b.svg
 create mode 100644 layout/reftests/svg/smil/timed/paced-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/paced-1.svg
 create mode 100644 layout/reftests/svg/smil/timed/pause-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/pause-1.svg
 create mode 100644 layout/reftests/svg/smil/timed/reftest.list
 create mode 100644 layout/reftests/svg/smil/timed/removeChild-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/removeChild-1.svg
 create mode 100644 layout/reftests/svg/smil/timed/removeChild-2-ref.svg
 create mode 100644 layout/reftests/svg/smil/timed/removeChild-2.svg
 create mode 100644 layout/reftests/svg/smil/transform/additive-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/transform/additive-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/animate-width-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/lime.svg
 create mode 100644 layout/reftests/svg/smil/transform/paced-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/transform/paced-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/reftest.list
 create mode 100644 layout/reftests/svg/smil/transform/rotate-angle-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/rotate-angle-2.svg
 create mode 100644 layout/reftests/svg/smil/transform/rotate-angle-3.svg
 create mode 100644 layout/reftests/svg/smil/transform/rotate-angle-4.svg
 create mode 100644 layout/reftests/svg/smil/transform/rotate-angle-5.svg
 create mode 100644 layout/reftests/svg/smil/transform/rotate-angle-ref.svg
 create mode 100644 layout/reftests/svg/smil/transform/scale-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/transform/scale-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/set-transform-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/skew-1-ref.svg
 create mode 100644 layout/reftests/svg/smil/transform/skew-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/translate-clipPath-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/translate-gradient-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/translate-pattern-1.svg
 create mode 100644 layout/reftests/svg/smil/transform/use-1.svg
 create mode 100644 layout/reftests/svg/stroke-dasharray-01-ref.svg
 create mode 100644 layout/reftests/svg/stroke-dasharray-01.svg
 create mode 100644 layout/reftests/svg/stroke-dasharray-02.svg
 create mode 100644 layout/reftests/svg/stroke-dasharray-03.svg
 create mode 100644 layout/reftests/svg/stroke-dasharray-and-pathLength-01.svg
 create mode 100644 layout/reftests/svg/stroke-dasharray-and-text-01-ref.svg
 create mode 100644 layout/reftests/svg/stroke-dasharray-and-text-01.svg
 create mode 100644 layout/reftests/svg/stroke-dashoffset-01.svg
 create mode 100644 layout/reftests/svg/stroke-dashoffset-and-pathLength-01.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-circle-ellipse-01-ref.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-circle-ellipse-01.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-circle-ellipse-dashed-01.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-01.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-02.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-03.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-01.svg
 create mode 100644 layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-02.svg
 create mode 100644 layout/reftests/svg/stroke-width-percentage-01.svg
 create mode 100644 layout/reftests/svg/stroke-width-percentage-02-ref.svg
 create mode 100644 layout/reftests/svg/stroke-width-percentage-02a.svg
 create mode 100644 layout/reftests/svg/stroke-width-percentage-02b.svg
 create mode 100644 layout/reftests/svg/stroke-width-percentage-03-iframe.svg
 create mode 100644 layout/reftests/svg/stroke-width-percentage-03-ref.xhtml
 create mode 100644 layout/reftests/svg/stroke-width-percentage-03.xhtml
 create mode 100644 layout/reftests/svg/style-property-on-script-element-01.svg
 create mode 100644 layout/reftests/svg/style-without-type-attribute.svg
 create mode 100644 layout/reftests/svg/suspend-01.svg
 create mode 100644 layout/reftests/svg/suspend-02.svg
 create mode 100644 layout/reftests/svg/suspend-03.svg
 create mode 100644 layout/reftests/svg/suspend-04.svg
 create mode 100644 layout/reftests/svg/suspend-05.svg
 create mode 100644 layout/reftests/svg/suspend-06.svg
 create mode 100644 layout/reftests/svg/suspend-07.svg
 create mode 100644 layout/reftests/svg/suspend-08.svg
 create mode 100644 layout/reftests/svg/svg-blurry-with-subpixel-position-ref.html
 create mode 100644 layout/reftests/svg/svg-blurry-with-subpixel-position.html
 create mode 100644 layout/reftests/svg/svg-effects-area-unzoomed-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-effects-area-unzoomed.xhtml
 create mode 100644 layout/reftests/svg/svg-effects-area-zoomed-in-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-effects-area-zoomed-in.xhtml
 create mode 100644 layout/reftests/svg/svg-effects-area-zoomed-out-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-effects-area-zoomed-out.xhtml
 create mode 100644 layout/reftests/svg/svg-in-foreignObject-01-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-in-foreignObject-01.xhtml
 create mode 100644 layout/reftests/svg/svg-in-foreignObject-02.xhtml
 create mode 100644 layout/reftests/svg/svg-in-inner-svg-dimensions.svg
 create mode 100644 layout/reftests/svg/svg-integration/box-decoration-break-01-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/box-decoration-break-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/box-decoration-break-02-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/box-decoration-break-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/box-decoration-break-03.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-012.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-013.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-014.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-015.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-016.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-017.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-018.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-019.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-020.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-002.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-003.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-004.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-006.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-007.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-008.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001a.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001b.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001c.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002a.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002b.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002c.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-001.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-002.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-003.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-004.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-005.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-006.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-007.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-008.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-009.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-010.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-011.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-012.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-013.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-border-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-square-001-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-square-002-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-001-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-002-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-003-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001.html
 create mode 100644 layout/reftests/svg/svg-integration/clip-path/reftest.list
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-01-extref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-01-ref.svg
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-02-extref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-02-ref.svg
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-03-extref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-03-ref.svg
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-03.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-04-extref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-04-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-04.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-05-extref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-05-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-05.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-06-extref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-06-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-06.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-07-ref.svg
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-07.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-08.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-html-zoomed-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-transformed-html-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/clipPath-transformed-html-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/conditions-outer-svg-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/conditions-outer-svg-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/css-and-svg-filter-01-ref.html
 create mode 100644 layout/reftests/svg/svg-integration/css-and-svg-filter-01.html
 create mode 100644 layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-03.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-04.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/filter-html-01-extref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/filter-html-01-ref.svg
 create mode 100644 layout/reftests/svg/svg-integration/filter-html-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/filter-html-dynamic-01-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/filter-html-dynamic-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/filter-html-zoomed-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-clipPath-opacity-01-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-clipPath-opacity-01a.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-clipPath-opacity-01b.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-clipPath-opacity-01c.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-clipPath-opacity-01d.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-clipPath-opacity-01e.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-html-01-extref-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-html-01-extref-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-html-01-ref.svg
 create mode 100644 layout/reftests/svg/svg-integration/mask-html-01-resource.svg
 create mode 100644 layout/reftests/svg/svg-integration/mask-html-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-html-zoomed-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-transformed-html-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/mask-transformed-html-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-01.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-02.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/reftest.list
 create mode 100644 layout/reftests/svg/svg-integration/transform-outer-svg-01-ref.xhtml
 create mode 100644 layout/reftests/svg/svg-integration/transform-outer-svg-01.xhtml
 create mode 100644 layout/reftests/svg/svg-transform-01.svg
 create mode 100644 layout/reftests/svg/svg-transform-02.svg
 create mode 100644 layout/reftests/svg/switch-01.svg
 create mode 100644 layout/reftests/svg/symbol-01-ref.svg
 create mode 100644 layout/reftests/svg/symbol-01.svg
 create mode 100644 layout/reftests/svg/text-font-size-01.svg
 create mode 100644 layout/reftests/svg/text-font-weight-01-ref.svg
 create mode 100644 layout/reftests/svg/text-font-weight-01.svg
 create mode 100644 layout/reftests/svg/text-gradient-01-ref.svg
 create mode 100644 layout/reftests/svg/text-gradient-01.svg
 create mode 100644 layout/reftests/svg/text-gradient-02-ref.svg
 create mode 100644 layout/reftests/svg/text-gradient-02.svg
 create mode 100644 layout/reftests/svg/text-gradient-03.svg
 create mode 100644 layout/reftests/svg/text-gradient-04-ref.svg
 create mode 100644 layout/reftests/svg/text-gradient-04.svg
 create mode 100644 layout/reftests/svg/text-in-link-01-ref.svg
 create mode 100644 layout/reftests/svg/text-in-link-01.svg
 create mode 100644 layout/reftests/svg/text-in-link-02-ref.svg
 create mode 100644 layout/reftests/svg/text-in-link-02.svg
 create mode 100644 layout/reftests/svg/text-in-link-03-ref.svg
 create mode 100644 layout/reftests/svg/text-in-link-03.svg
 create mode 100644 layout/reftests/svg/text-language-00-ref.xhtml
 create mode 100644 layout/reftests/svg/text-language-00.xhtml
 create mode 100644 layout/reftests/svg/text-language-01-ref.xhtml
 create mode 100644 layout/reftests/svg/text-language-01.xhtml
 create mode 100644 layout/reftests/svg/text-layout-01-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-01.svg
 create mode 100644 layout/reftests/svg/text-layout-02-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-02.svg
 create mode 100644 layout/reftests/svg/text-layout-03-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-03.svg
 create mode 100644 layout/reftests/svg/text-layout-04-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-04.svg
 create mode 100644 layout/reftests/svg/text-layout-05-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-05.svg
 create mode 100644 layout/reftests/svg/text-layout-06-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-06.svg
 create mode 100644 layout/reftests/svg/text-layout-07-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-07.svg
 create mode 100644 layout/reftests/svg/text-layout-08-ref.svg
 create mode 100644 layout/reftests/svg/text-layout-08.svg
 create mode 100644 layout/reftests/svg/text-layout-09.svg
 create mode 100644 layout/reftests/svg/text-layout-10.svg
 create mode 100644 layout/reftests/svg/text-scale-01-ref.svg
 create mode 100644 layout/reftests/svg/text-scale-01.svg
 create mode 100644 layout/reftests/svg/text-scale-02-ref.svg
 create mode 100644 layout/reftests/svg/text-scale-02.svg
 create mode 100644 layout/reftests/svg/text-scale-03-ref.svg
 create mode 100644 layout/reftests/svg/text-scale-03.svg
 create mode 100644 layout/reftests/svg/text-stroke-scaling-01-ref.svg
 create mode 100644 layout/reftests/svg/text-stroke-scaling-01.svg
 create mode 100644 layout/reftests/svg/text-stroke-scaling-02-ref.html
 create mode 100644 layout/reftests/svg/text-stroke-scaling-02a.html
 create mode 100644 layout/reftests/svg/text-stroke-scaling-02b.html
 create mode 100644 layout/reftests/svg/text-style-01-ref.svg
 create mode 100644 layout/reftests/svg/text-style-01a.svg
 create mode 100644 layout/reftests/svg/text-style-01b.svg
 create mode 100644 layout/reftests/svg/text-style-01c.svg
 create mode 100644 layout/reftests/svg/text-style-01d.svg
 create mode 100644 layout/reftests/svg/text-style-01e.svg
 create mode 100644 layout/reftests/svg/text-white-space-01-ref.svg
 create mode 100644 layout/reftests/svg/text-white-space-01.svg
 create mode 100644 layout/reftests/svg/text/clipPath-applied-ref.svg
 create mode 100644 layout/reftests/svg/text/clipPath-applied.svg
 create mode 100644 layout/reftests/svg/text/clipPath-content-2-ref.svg
 create mode 100644 layout/reftests/svg/text/clipPath-content-2.svg
 create mode 100644 layout/reftests/svg/text/clipPath-content-ref.svg
 create mode 100644 layout/reftests/svg/text/clipPath-content.svg
 create mode 100644 layout/reftests/svg/text/deselectAll-ref.svg
 create mode 100644 layout/reftests/svg/text/deselectAll.svg
 create mode 100644 layout/reftests/svg/text/display-none-1.svg
 create mode 100644 layout/reftests/svg/text/display-none-2.svg
 create mode 100644 layout/reftests/svg/text/display-none-3.svg
 create mode 100644 layout/reftests/svg/text/display-none-4.svg
 create mode 100644 layout/reftests/svg/text/dynamic-dominant-baseline-ref.svg
 create mode 100644 layout/reftests/svg/text/dynamic-dominant-baseline.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size-2-ref.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size-2.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size-3-ref.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size-3.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size-4-ref.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size-4.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size-ref.svg
 create mode 100644 layout/reftests/svg/text/dynamic-font-size.svg
 create mode 100644 layout/reftests/svg/text/dynamic-multiple-x-ref.svg
 create mode 100644 layout/reftests/svg/text/dynamic-multiple-x.svg
 create mode 100644 layout/reftests/svg/text/dynamic-non-scaling-stroke-ref.svg
 create mode 100644 layout/reftests/svg/text/dynamic-non-scaling-stroke.svg
 create mode 100644 layout/reftests/svg/text/dynamic-text-shadow.svg
 create mode 100644 layout/reftests/svg/text/filter-applied-ref.svg
 create mode 100644 layout/reftests/svg/text/filter-applied.svg
 create mode 100644 layout/reftests/svg/text/ignore-before-after.svg
 create mode 100644 layout/reftests/svg/text/ignore-border.svg
 create mode 100644 layout/reftests/svg/text/ignore-display-ref.svg
 create mode 100644 layout/reftests/svg/text/ignore-display.svg
 create mode 100644 layout/reftests/svg/text/ignore-float-first-letter.svg
 create mode 100644 layout/reftests/svg/text/ignore-float.svg
 create mode 100644 layout/reftests/svg/text/ignore-invalid-child-2-ref.svg
 create mode 100644 layout/reftests/svg/text/ignore-invalid-child-2.svg
 create mode 100644 layout/reftests/svg/text/ignore-invalid-child-ref.svg
 create mode 100644 layout/reftests/svg/text/ignore-invalid-child.svg
 create mode 100644 layout/reftests/svg/text/ignore-margin.svg
 create mode 100644 layout/reftests/svg/text/ignore-overflow-scroll.svg
 create mode 100644 layout/reftests/svg/text/ignore-padding.svg
 create mode 100644 layout/reftests/svg/text/ignore-position-ref.svg
 create mode 100644 layout/reftests/svg/text/ignore-position.svg
 create mode 100644 layout/reftests/svg/text/ignore-prop-ref.svg
 create mode 100644 layout/reftests/svg/text/ignore-text-align-2-ref.svg
 create mode 100644 layout/reftests/svg/text/ignore-text-align-2.svg
 create mode 100644 layout/reftests/svg/text/ignore-text-align.svg
 create mode 100644 layout/reftests/svg/text/ignore-vertical-align-ref.svg
 create mode 100644 layout/reftests/svg/text/ignore-vertical-align.svg
 create mode 100644 layout/reftests/svg/text/link-surrounding.svg
 create mode 100644 layout/reftests/svg/text/mask-applied-ref.svg
 create mode 100644 layout/reftests/svg/text/mask-applied.svg
 create mode 100644 layout/reftests/svg/text/mask-content-2-ref.svg
 create mode 100644 layout/reftests/svg/text/mask-content-2.svg
 create mode 100644 layout/reftests/svg/text/mask-content-ref.svg
 create mode 100644 layout/reftests/svg/text/mask-content.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-different-anchor-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-different-anchor-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-different-anchor-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-different-anchor-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-different-anchor-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-different-anchor.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-direction-and-anchor-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-directions-and-anchor-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-directions-and-anchor.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-different-anchor-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-different-anchor.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-fill-color-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-fill-color.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-letter-spacing-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-letter-spacing.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-multiple-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-selection-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks-selection.svg
 create mode 100644 layout/reftests/svg/text/multiple-chunks.svg
 create mode 100644 layout/reftests/svg/text/multiple-text-selection-ref.html
 create mode 100644 layout/reftests/svg/text/multiple-text-selection.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-anchor-end-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-anchor-end-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-anchor-end-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-anchor-end-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-anchor-end-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-anchor-end-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-multiple-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-multiple-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-holes.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-multiple-dx.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-2-iframe-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-2-iframe.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-2-ref.html
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-2.html
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-3-iframe-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-3-iframe.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-3-ref.html
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-3.html
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-percentages.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-rtl.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-white-space-ref.svg
 create mode 100644 layout/reftests/svg/text/multiple-x-white-space.svg
 create mode 100644 layout/reftests/svg/text/multiple-x.svg
 create mode 100644 layout/reftests/svg/text/pattern-content-ref.svg
 create mode 100644 layout/reftests/svg/text/pattern-content.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-letter-2-ref.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-letter-2.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-letter-ref.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-letter.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-line-2-ref.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-line-2.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-line-ref.svg
 create mode 100644 layout/reftests/svg/text/pseudo-first-line.svg
 create mode 100644 layout/reftests/svg/text/reftest.list
 create mode 100644 layout/reftests/svg/text/selectSubString-2-ref.svg
 create mode 100644 layout/reftests/svg/text/selectSubString-2.svg
 create mode 100644 layout/reftests/svg/text/selectSubString-3-ref.svg
 create mode 100644 layout/reftests/svg/text/selectSubString-3.svg
 create mode 100644 layout/reftests/svg/text/selectSubString-ref.svg
 create mode 100644 layout/reftests/svg/text/selectSubString.svg
 create mode 100644 layout/reftests/svg/text/simple-2.svg
 create mode 100644 layout/reftests/svg/text/simple-anchor-end-bidi-ref.html
 create mode 100644 layout/reftests/svg/text/simple-anchor-end-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-anchor-end-ref.html
 create mode 100644 layout/reftests/svg/text/simple-anchor-end-rtl-ref.html
 create mode 100644 layout/reftests/svg/text/simple-anchor-end-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/simple-anchor-middle-bidi-ref.html
 create mode 100644 layout/reftests/svg/text/simple-anchor-middle-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-anchor-middle-ref.html
 create mode 100644 layout/reftests/svg/text/simple-anchor-middle-rtl-ref.html
 create mode 100644 layout/reftests/svg/text/simple-anchor-middle-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-anchor-middle.svg
 create mode 100644 layout/reftests/svg/text/simple-bidi-2.svg
 create mode 100644 layout/reftests/svg/text/simple-bidi-ref.html
 create mode 100644 layout/reftests/svg/text/simple-bidi-selection-ref.html
 create mode 100644 layout/reftests/svg/text/simple-bidi-selection.svg
 create mode 100644 layout/reftests/svg/text/simple-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-2-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-2.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-end-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-end-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-end-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-end-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-middle-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-middle-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-middle-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-middle-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-middle-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-anchor-middle.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-bidi-2-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-bidi-2.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-rtl-2-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-rtl-2.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-dx.svg
 create mode 100644 layout/reftests/svg/text/simple-fill-color-dynamic-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-fill-color-dynamic.svg
 create mode 100644 layout/reftests/svg/text/simple-fill-color-ref.html
 create mode 100644 layout/reftests/svg/text/simple-fill-color-selection-ref.html
 create mode 100644 layout/reftests/svg/text/simple-fill-color-selection.svg
 create mode 100644 layout/reftests/svg/text/simple-fill-color.svg
 create mode 100644 layout/reftests/svg/text/simple-fill-gradient-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-fill-gradient.svg
 create mode 100644 layout/reftests/svg/text/simple-fill-none.svg
 create mode 100644 layout/reftests/svg/text/simple-letter-spacing-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-letter-spacing.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline-number-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline-number.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline-pc-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline-pc.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiline.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-2.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-middle-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-anchor-middle.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-bidi-2.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-bidi-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-bidi.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-ref.html
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-rtl-2.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-rtl-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-multiple-dx.svg
 create mode 100644 layout/reftests/svg/text/simple-pointer-events.svg
 create mode 100644 layout/reftests/svg/text/simple-ref.html
 create mode 100644 layout/reftests/svg/text/simple-rtl-2.svg
 create mode 100644 layout/reftests/svg/text/simple-rtl-ref.html
 create mode 100644 layout/reftests/svg/text/simple-rtl.svg
 create mode 100644 layout/reftests/svg/text/simple-selection-ref.html
 create mode 100644 layout/reftests/svg/text/simple-selection.svg
 create mode 100644 layout/reftests/svg/text/simple-transform-rotate-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-transform-rotate.svg
 create mode 100644 layout/reftests/svg/text/simple-underline-ref.html
 create mode 100644 layout/reftests/svg/text/simple-underline-scaled-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-underline-scaled.svg
 create mode 100644 layout/reftests/svg/text/simple-underline-selection-ref.html
 create mode 100644 layout/reftests/svg/text/simple-underline-selection.svg
 create mode 100644 layout/reftests/svg/text/simple-underline.svg
 create mode 100644 layout/reftests/svg/text/simple-word-spacing-ref.svg
 create mode 100644 layout/reftests/svg/text/simple-word-spacing.svg
 create mode 100644 layout/reftests/svg/text/simple.svg
 create mode 100644 layout/reftests/svg/text/text-shadow-ref.svg
 create mode 100644 layout/reftests/svg/text/text-shadow.svg
 create mode 100644 layout/reftests/svg/text/textLength-2-ref.svg
 create mode 100644 layout/reftests/svg/text/textLength-2.svg
 create mode 100644 layout/reftests/svg/text/textLength-3-ref.svg
 create mode 100644 layout/reftests/svg/text/textLength-3.svg
 create mode 100644 layout/reftests/svg/text/textLength-4-ref.svg
 create mode 100644 layout/reftests/svg/text/textLength-4.svg
 create mode 100644 layout/reftests/svg/text/textLength-5-ref.svg
 create mode 100644 layout/reftests/svg/text/textLength-5.svg
 create mode 100644 layout/reftests/svg/text/textLength-6-ref.svg
 create mode 100644 layout/reftests/svg/text/textLength-6.svg
 create mode 100644 layout/reftests/svg/text/textLength-ref.svg
 create mode 100644 layout/reftests/svg/text/textLength.svg
 create mode 100644 layout/reftests/svg/text/textpath-a-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-a.svg
 create mode 100644 layout/reftests/svg/text/textpath-after-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-after-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/textpath-after-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-after.svg
 create mode 100644 layout/reftests/svg/text/textpath-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-anchor-end.svg
 create mode 100644 layout/reftests/svg/text/textpath-anchor-middle-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-anchor-middle.svg
 create mode 100644 layout/reftests/svg/text/textpath-cluster-2-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-cluster-2.svg
 create mode 100644 layout/reftests/svg/text/textpath-cluster-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-cluster.svg
 create mode 100644 layout/reftests/svg/text/textpath-inherit-position-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-inherit-position.svg
 create mode 100644 layout/reftests/svg/text/textpath-invalid-parent-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-invalid-parent.svg
 create mode 100644 layout/reftests/svg/text/textpath-multiline-2-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-multiline-2.svg
 create mode 100644 layout/reftests/svg/text/textpath-multiline-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-multiline.svg
 create mode 100644 layout/reftests/svg/text/textpath-multiple.svg
 create mode 100644 layout/reftests/svg/text/textpath-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-reset-position-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-reset-position.svg
 create mode 100644 layout/reftests/svg/text/textpath-selection-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-selection.svg
 create mode 100644 layout/reftests/svg/text/textpath-vertical-dx-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-vertical-dx.svg
 create mode 100644 layout/reftests/svg/text/textpath-vertical-x-ref.svg
 create mode 100644 layout/reftests/svg/text/textpath-vertical-x.svg
 create mode 100644 layout/reftests/svg/text/textpath.svg
 create mode 100644 layout/reftests/svg/text/tspan-shaping-ref.svg
 create mode 100644 layout/reftests/svg/text/tspan-shaping.svg
 create mode 100644 layout/reftests/svg/text/vertical-01-ref.svg
 create mode 100644 layout/reftests/svg/text/vertical-01.svg
 create mode 100644 layout/reftests/svg/textPath-01-ref.svg
 create mode 100644 layout/reftests/svg/textPath-01.svg
 create mode 100644 layout/reftests/svg/textPath-02.svg
 create mode 100644 layout/reftests/svg/textPath-03.svg
 create mode 100644 layout/reftests/svg/textPath-04.svg
 create mode 100644 layout/reftests/svg/textPath-05.html
 create mode 100644 layout/reftests/svg/textPath-06.svg
 create mode 100644 layout/reftests/svg/textPath-line-01-ref.svg
 create mode 100644 layout/reftests/svg/textPath-line-01.svg
 create mode 100644 layout/reftests/svg/textPath-path-attribute-01-ref.svg
 create mode 100644 layout/reftests/svg/textPath-path-attribute-01.svg
 create mode 100644 layout/reftests/svg/textPath-side-attribute-01.svg
 create mode 100644 layout/reftests/svg/thin-stroke-01.svg
 create mode 100644 layout/reftests/svg/transform-animation-on-path-ref.html
 create mode 100644 layout/reftests/svg/transform-animation-on-path.html
 create mode 100644 layout/reftests/svg/transform-origin-presentation-01.svg
 create mode 100644 layout/reftests/svg/transform-outer-svg-01-ref.svg
 create mode 100644 layout/reftests/svg/transform-outer-svg-01.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-01.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-02.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-03.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-04.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-05.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-06.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-ref.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-textPath-01-ref.svg
 create mode 100644 layout/reftests/svg/tspan-dxdy-textPath-01.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-01.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-02-ref.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-02.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-03.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-04-ref.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-04.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-05.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-06.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-07-ref.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-07.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-ref.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-textPath-01-ref.svg
 create mode 100644 layout/reftests/svg/tspan-rotate-textPath-01.svg
 create mode 100644 layout/reftests/svg/tspan-xy-01.svg
 create mode 100644 layout/reftests/svg/tspan-xy-02.svg
 create mode 100644 layout/reftests/svg/tspan-xy-03.svg
 create mode 100644 layout/reftests/svg/tspan-xy-04.svg
 create mode 100644 layout/reftests/svg/tspan-xy-05.svg
 create mode 100644 layout/reftests/svg/tspan-xy-06.svg
 create mode 100644 layout/reftests/svg/tspan-xy-anchor-end-01.svg
 create mode 100644 layout/reftests/svg/tspan-xy-anchor-end-ref.svg
 create mode 100644 layout/reftests/svg/tspan-xy-anchor-middle-01.svg
 create mode 100644 layout/reftests/svg/tspan-xy-anchor-middle-ref.svg
 create mode 100644 layout/reftests/svg/tspan-xy-ref.svg
 create mode 100644 layout/reftests/svg/use-01-extref-resource.svg
 create mode 100644 layout/reftests/svg/use-01-extref.svg
 create mode 100644 layout/reftests/svg/use-01.svg
 create mode 100644 layout/reftests/svg/use-02-extref-ref.svg
 create mode 100644 layout/reftests/svg/use-02-extref-resource.svg
 create mode 100644 layout/reftests/svg/use-02-extref.svg
 create mode 100644 layout/reftests/svg/use-02.svg
 create mode 100644 layout/reftests/svg/use-children.svg
 create mode 100644 layout/reftests/svg/use-element-shadow-tree-rule-matching.html
 create mode 100644 layout/reftests/svg/use-extref-dataURI-01.svg
 create mode 100644 layout/reftests/svg/use-image-01.svg
 create mode 100644 layout/reftests/svg/use-localRef-clipPath-01-ref.svg
 create mode 100644 layout/reftests/svg/use-localRef-clipPath-01.svg
 create mode 100644 layout/reftests/svg/use-localRef-clipPath-resource.svg
 create mode 100644 layout/reftests/svg/use-localRef-fill-01-ref.svg
 create mode 100644 layout/reftests/svg/use-localRef-fill-01.svg
 create mode 100644 layout/reftests/svg/use-localRef-fill-resource.svg
 create mode 100644 layout/reftests/svg/use-localRef-filter-01-ref.svg
 create mode 100644 layout/reftests/svg/use-localRef-filter-01.svg
 create mode 100644 layout/reftests/svg/use-localRef-filter-resource.svg
 create mode 100644 layout/reftests/svg/use-localRef-link.html
 create mode 100644 layout/reftests/svg/use-localRef-marker-01-ref.svg
 create mode 100644 layout/reftests/svg/use-localRef-marker-01.svg
 create mode 100644 layout/reftests/svg/use-localRef-marker-resource.svg
 create mode 100644 layout/reftests/svg/use-localRef-mask-01-ref.svg
 create mode 100644 layout/reftests/svg/use-localRef-mask-01.svg
 create mode 100644 layout/reftests/svg/use-localRef-mask-resource.svg
 create mode 100644 layout/reftests/svg/use-localRef-stroke-01-ref.svg
 create mode 100644 layout/reftests/svg/use-localRef-stroke-01.svg
 create mode 100644 layout/reftests/svg/use-localRef-stroke-resource.svg
 create mode 100644 layout/reftests/svg/use-restrictions-not-restricted-ref.svg
 create mode 100644 layout/reftests/svg/use-restrictions.svg
 create mode 100644 layout/reftests/svg/userSpaceOnUse-and-pattern-01-ref.svg
 create mode 100644 layout/reftests/svg/userSpaceOnUse-and-pattern-01.svg
 create mode 100644 layout/reftests/svg/viewBox-and-pattern-01.svg
 create mode 100644 layout/reftests/svg/viewBox-and-pattern-02.svg
 create mode 100644 layout/reftests/svg/viewBox-and-pattern-03.svg
 create mode 100644 layout/reftests/svg/viewBox-and-pattern-04.svg
 create mode 100644 layout/reftests/svg/viewBox-and-symbol-01.svg
 create mode 100644 layout/reftests/svg/viewBox-invalid-01.svg
 create mode 100644 layout/reftests/svg/viewBox-invalid-02.svg
 create mode 100644 layout/reftests/svg/viewBox-valid-01.svg
 create mode 100644 layout/reftests/svg/viewBox-valid-02.xhtml
 create mode 100644 layout/reftests/svg/viewport-percent-graphic-user-01.svg
 create mode 100644 layout/reftests/svg/winding-01.svg
 create mode 100644 layout/reftests/svg/zero-stroke-01.svg
 create mode 100644 layout/reftests/tab-size/reftest.list
 create mode 100644 layout/reftests/tab-size/spaces-0.html
 create mode 100644 layout/reftests/tab-size/spaces-1.html
 create mode 100644 layout/reftests/tab-size/spaces-4-multiple.html
 create mode 100644 layout/reftests/tab-size/spaces-4-offset.html
 create mode 100644 layout/reftests/tab-size/spaces-4.html
 create mode 100644 layout/reftests/tab-size/spaces-8.html
 create mode 100644 layout/reftests/tab-size/tab-size-0.html
 create mode 100644 layout/reftests/tab-size/tab-size-1.html
 create mode 100644 layout/reftests/tab-size/tab-size-4-multiple.html
 create mode 100644 layout/reftests/tab-size/tab-size-4-span.html
 create mode 100644 layout/reftests/tab-size/tab-size-4-spanoffset.html
 create mode 100644 layout/reftests/tab-size/tab-size-4.html
 create mode 100644 layout/reftests/tab-size/tab-size-8.html
 create mode 100644 layout/reftests/tab-size/tab-size-change-1-ref.html
 create mode 100644 layout/reftests/tab-size/tab-size-change-1a.html
 create mode 100644 layout/reftests/tab-size/tab-size-change-1b.html
 create mode 100644 layout/reftests/tab-size/tab-size-initial.html
 create mode 100644 layout/reftests/tab-size/tab-size-length-ref.html
 create mode 100644 layout/reftests/tab-size/tab-size-length.html
 create mode 100644 layout/reftests/tab-size/tab-size-negative.html
 create mode 100644 layout/reftests/table-anonymous-boxes/121142-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/121142-1a.html
 create mode 100644 layout/reftests/table-anonymous-boxes/121142-1b.html
 create mode 100644 layout/reftests/table-anonymous-boxes/121142-2-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/121142-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/156888-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/156888-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/156888-2-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/156888-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/162063-1.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/203923-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/203923-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/208305-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/208305-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/208305-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/208305-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/208305-4.html
 create mode 100644 layout/reftests/table-anonymous-boxes/277995-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/277995-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/293576-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/293576-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/3-blocks-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/3-tables-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/302113-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/302113-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/315146-1-ref.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/315146-1.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/325543-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/325543-1a.html
 create mode 100644 layout/reftests/table-anonymous-boxes/325543-1b.html
 create mode 100644 layout/reftests/table-anonymous-boxes/338735-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/338735-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/339388-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/339388-1a.html
 create mode 100644 layout/reftests/table-anonymous-boxes/339388-1b.html
 create mode 100644 layout/reftests/table-anonymous-boxes/363326-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/363326-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/368932-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/368932-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/371054-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/371054-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/372641-1-ref.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/372641-1a.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/372641-1b.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/372641-1c.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/372649-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/372649-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/373379-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/373379-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/394402-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/394402-1a.html
 create mode 100644 layout/reftests/table-anonymous-boxes/394402-1b.html
 create mode 100644 layout/reftests/table-anonymous-boxes/398095-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/398095-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/3x3-cols-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/3x3-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/407115-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/407115-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/443616-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/443616-1a.xhtml
 create mode 100644 layout/reftests/table-anonymous-boxes/443616-1b.html
 create mode 100644 layout/reftests/table-anonymous-boxes/448111-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/448111-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/490174-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/490174-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/695538-1-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/695538-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/blocks-divide-tables-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/blocks-divide-tables-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/cols-test-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/cols-test-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/cols-test-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-insert-cell-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-10.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-11.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-12.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-13.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-14.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-15.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-16.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-17.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-4.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-5.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-6.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-7.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-8.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-removal-9.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-4.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-5.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-4.html
 create mode 100644 layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-5.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-cells-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-cells-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-cells-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-cells-4.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-first-row-and-table.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-first-row.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-rows-inside-rowgroups.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-second-row-and-table.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-second-row.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-table-row-cell.html
 create mode 100644 layout/reftests/table-anonymous-boxes/infer-table.html
 create mode 100644 layout/reftests/table-anonymous-boxes/reftest.list
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-10.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-11.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-12.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-13.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-14.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-15.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-16.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-17.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-18.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-19.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-2.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-20.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-21.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-22.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-23.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-24.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-25.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-26.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-3.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-4.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-5.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-6.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-7.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-8.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-9.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-pre-1.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-pre-ref.html
 create mode 100644 layout/reftests/table-anonymous-boxes/white-space-ref.html
 create mode 100644 layout/reftests/table-background/backgr_border-table-cell.html
 create mode 100644 layout/reftests/table-background/backgr_border-table-column-group.html
 create mode 100644 layout/reftests/table-background/backgr_border-table-column.html
 create mode 100644 layout/reftests/table-background/backgr_border-table-quirks.html
 create mode 100644 layout/reftests/table-background/backgr_border-table-row-group.html
 create mode 100644 layout/reftests/table-background/backgr_border-table-row.html
 create mode 100644 layout/reftests/table-background/backgr_border-table.html
 create mode 100644 layout/reftests/table-background/backgr_fixed-bg.html
 create mode 100644 layout/reftests/table-background/backgr_index.html
 create mode 100644 layout/reftests/table-background/backgr_layers-hide.html
 create mode 100644 layout/reftests/table-background/backgr_layers-opacity.html
 create mode 100644 layout/reftests/table-background/backgr_layers-show.html
 create mode 100644 layout/reftests/table-background/backgr_position-table-cell.html
 create mode 100644 layout/reftests/table-background/backgr_position-table-column-group.html
 create mode 100644 layout/reftests/table-background/backgr_position-table-column.html
 create mode 100644 layout/reftests/table-background/backgr_position-table-row-group.html
 create mode 100644 layout/reftests/table-background/backgr_position-table-row.html
 create mode 100644 layout/reftests/table-background/backgr_position-table.html
 create mode 100644 layout/reftests/table-background/backgr_simple-table-cell.html
 create mode 100644 layout/reftests/table-background/backgr_simple-table-column-group.html
 create mode 100644 layout/reftests/table-background/backgr_simple-table-column.html
 create mode 100644 layout/reftests/table-background/backgr_simple-table-row-group.html
 create mode 100644 layout/reftests/table-background/backgr_simple-table-row.html
 create mode 100644 layout/reftests/table-background/backgr_simple-table.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-cell-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-cell.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-column-group-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-column-group.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-column-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-column.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-row-group-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-row-group.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-row-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table-row.html
 create mode 100644 layout/reftests/table-background/border-collapse-opacity-table.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-cell-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-cell.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-column-group-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-column-group.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-column-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-column.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-row-group-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-row-group.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-row-ref.html
 create mode 100644 layout/reftests/table-background/border-collapse-table-row.html
 create mode 100644 layout/reftests/table-background/border-collapse-table.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-cell-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-cell.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-column-group-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-column-group.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-column-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-column.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-row-group-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-row-group.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-row-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table-row.html
 create mode 100644 layout/reftests/table-background/border-separate-opacity-table.html
 create mode 100644 layout/reftests/table-background/border-separate-table-cell-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-table-cell.html
 create mode 100644 layout/reftests/table-background/border-separate-table-column-group-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-table-column-group.html
 create mode 100644 layout/reftests/table-background/border-separate-table-column-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-table-column.html
 create mode 100644 layout/reftests/table-background/border-separate-table-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-table-row-group-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-table-row-group.html
 create mode 100644 layout/reftests/table-background/border-separate-table-row-ref.html
 create mode 100644 layout/reftests/table-background/border-separate-table-row.html
 create mode 100644 layout/reftests/table-background/border-separate-table.html
 create mode 100644 layout/reftests/table-background/common.css
 create mode 100644 layout/reftests/table-background/edge.gif
 create mode 100644 layout/reftests/table-background/empty-cells-default-1-ref.html
 create mode 100644 layout/reftests/table-background/empty-cells-default-1.html
 create mode 100644 layout/reftests/table-background/empty-cells-default-2-ref.html
 create mode 100644 layout/reftests/table-background/empty-cells-default-2.html
 create mode 100644 layout/reftests/table-background/empty.html
 create mode 100644 layout/reftests/table-background/hidden-cells-1.html
 create mode 100644 layout/reftests/table-background/hidden-cells-2.html
 create mode 100644 layout/reftests/table-background/hidden-cells-3-ref.html
 create mode 100644 layout/reftests/table-background/hidden-cells-3.html
 create mode 100644 layout/reftests/table-background/rainbowh.gif
 create mode 100644 layout/reftests/table-background/rainbowv.gif
 create mode 100644 layout/reftests/table-background/reftest.list
 create mode 100644 layout/reftests/table-background/repeatable-diagonal-gradient-with-ticks.png
 create mode 100644 layout/reftests/table-background/scrollable-rowgroup-collapse-background.html
 create mode 100644 layout/reftests/table-background/scrollable-rowgroup-collapse-border.html
 create mode 100644 layout/reftests/table-background/scrollable-rowgroup-collapse-notref.html
 create mode 100644 layout/reftests/table-background/scrollable-rowgroup-separate-background.html
 create mode 100644 layout/reftests/table-background/scrollable-rowgroup-separate-border.html
 create mode 100644 layout/reftests/table-background/scrollable-rowgroup-separate-notref.html
 create mode 100644 layout/reftests/table-background/table-col-overlapping-ref.html
 create mode 100644 layout/reftests/table-background/table-col-overlapping.html
 create mode 100644 layout/reftests/table-background/table-col-span-1-ref.html
 create mode 100644 layout/reftests/table-background/table-col-span-1.html
 create mode 100644 layout/reftests/table-background/table-row-opacity-dynamic-1-ref.html
 create mode 100644 layout/reftests/table-background/table-row-opacity-dynamic-1.html
 create mode 100644 layout/reftests/table-background/table-row-opacity-dynamic-2-ref.html
 create mode 100644 layout/reftests/table-background/table-row-opacity-dynamic-2.html
 create mode 100644 layout/reftests/table-background/valid-html401.png
 create mode 100644 layout/reftests/table-bordercollapse/1324524-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/1324524.html
 create mode 100644 layout/reftests/table-bordercollapse/1384602-1-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/1384602-1a.html
 create mode 100644 layout/reftests/table-bordercollapse/1384602-1b.html
 create mode 100644 layout/reftests/table-bordercollapse/349655-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/349655.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_borderoffset1.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_borderoffset1_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_borderoffset2.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_borderoffset2_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell1.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell1_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell2.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell2_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell3.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell3_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell4.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell4_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell5.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cell5_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cg1.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cg1_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cg2.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cg2_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cg3.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_cg3_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_col1.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_col2.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_col3.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_rg1.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_rg1_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_rg2.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_rg2_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_rg3.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_rg3_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_row1.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_row2.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_row3.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_table1.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_table1_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_table2.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_table2_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_table3.html
 create mode 100644 layout/reftests/table-bordercollapse/bc_dyn_table3_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/border-collapse-rtl-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/border-collapse-rtl.html
 create mode 100644 layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge.html
 create mode 100644 layout/reftests/table-bordercollapse/border-style-outset-becomes-groove-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/border-style-outset-becomes-groove.html
 create mode 100644 layout/reftests/table-bordercollapse/bordercol.css
 create mode 100644 layout/reftests/table-bordercollapse/bordercolor-1.html
 create mode 100644 layout/reftests/table-bordercollapse/bordercolor-2.html
 create mode 100644 layout/reftests/table-bordercollapse/bordercolor-3-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bordercolor-3.html
 create mode 100644 layout/reftests/table-bordercollapse/bordercolor-4-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bordercolor-4.html
 create mode 100644 layout/reftests/table-bordercollapse/bordercolor-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-1.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-2.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-3.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-4.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-5.xhtml
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-6.xhtml
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-7.xhtml
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-8.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-frame-border-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-frame-border.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-rules-border.html
 create mode 100644 layout/reftests/table-bordercollapse/borderhandling-strict-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518-2.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518-3.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518-4-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518-4.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518-5-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518-5.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1375518.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1379306-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1379306.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1394226-notref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1394226-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1394226.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1405929-2-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1405929-2.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1405929-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1405929.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1421887-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/bug1421887.html
 create mode 100644 layout/reftests/table-bordercollapse/double_borders.html
 create mode 100644 layout/reftests/table-bordercollapse/double_borders_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/empty-toprow-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/empty-toprow.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_above_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_below_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_border_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_none-collapse-ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_none-collapse.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_box_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_hsides_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_lhs_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_rhs_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_void_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_all.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_all_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_cols.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_cols_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_groups.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_groups_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_none.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_none_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_rows.html
 create mode 100644 layout/reftests/table-bordercollapse/frame_vsides_rules_rows_ref.html
 create mode 100644 layout/reftests/table-bordercollapse/reftest.list
 create mode 100644 layout/reftests/table-dom/appendCells1-ref.html
 create mode 100644 layout/reftests/table-dom/appendCells1.html
 create mode 100644 layout/reftests/table-dom/appendCellsRebuild1-ref.html
 create mode 100644 layout/reftests/table-dom/appendCellsRebuild1.html
 create mode 100644 layout/reftests/table-dom/appendCellsZeroColspan-ref.html
 create mode 100644 layout/reftests/table-dom/appendCellsZeroColspan.html
 create mode 100644 layout/reftests/table-dom/appendCol1-ref.html
 create mode 100644 layout/reftests/table-dom/appendCol1.html
 create mode 100644 layout/reftests/table-dom/appendCol2-ref.html
 create mode 100644 layout/reftests/table-dom/appendCol2.html
 create mode 100644 layout/reftests/table-dom/appendColGroup1-ref.html
 create mode 100644 layout/reftests/table-dom/appendColGroup1.html
 create mode 100644 layout/reftests/table-dom/appendRowsExpand1-ref.html
 create mode 100644 layout/reftests/table-dom/appendRowsExpand1.html
 create mode 100644 layout/reftests/table-dom/appendTbodyExpand1-ref.html
 create mode 100644 layout/reftests/table-dom/appendTbodyExpand1.html
 create mode 100644 layout/reftests/table-dom/deleteCellsExpandZeroColspan-ref.html
 create mode 100644 layout/reftests/table-dom/deleteCellsExpandZeroColspan.html
 create mode 100644 layout/reftests/table-dom/deleteCellsRebuild1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteCellsRebuild1.html
 create mode 100644 layout/reftests/table-dom/deleteCellsShrink1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteCellsShrink1.html
 create mode 100644 layout/reftests/table-dom/deleteCellsShrink2-ref.html
 create mode 100644 layout/reftests/table-dom/deleteCellsShrink2.html
 create mode 100644 layout/reftests/table-dom/deleteCol1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteCol1.html
 create mode 100644 layout/reftests/table-dom/deleteCol2-ref.html
 create mode 100644 layout/reftests/table-dom/deleteCol2.html
 create mode 100644 layout/reftests/table-dom/deleteCol3-ref.html
 create mode 100644 layout/reftests/table-dom/deleteCol3.html
 create mode 100644 layout/reftests/table-dom/deleteColGroup1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteColGroup1.html
 create mode 100644 layout/reftests/table-dom/deleteColGroup2-ref.html
 create mode 100644 layout/reftests/table-dom/deleteColGroup2.html
 create mode 100644 layout/reftests/table-dom/deleteRowsRebuild1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteRowsRebuild1.html
 create mode 100644 layout/reftests/table-dom/deleteRowsRebuild1a-ref.html
 create mode 100644 layout/reftests/table-dom/deleteRowsRebuild1a.html
 create mode 100644 layout/reftests/table-dom/deleteRowsShrink1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteRowsShrink1.html
 create mode 100644 layout/reftests/table-dom/deleteTbodyExpand1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteTbodyExpand1.html
 create mode 100644 layout/reftests/table-dom/deleteTbodyRebuild1-ref.html
 create mode 100644 layout/reftests/table-dom/deleteTbodyRebuild1.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows1-ref.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows1.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows2-ref.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows2.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows3-ref.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows3.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows4-ref.html
 create mode 100644 layout/reftests/table-dom/insertCaptionsAndRows4.html
 create mode 100644 layout/reftests/table-dom/insertCellsExpand1-ref.html
 create mode 100644 layout/reftests/table-dom/insertCellsExpand1.html
 create mode 100644 layout/reftests/table-dom/insertCellsExpand2-ref.html
 create mode 100644 layout/reftests/table-dom/insertCellsExpand2.html
 create mode 100644 layout/reftests/table-dom/insertCellsExpandZeroRowspan-ref.html
 create mode 100644 layout/reftests/table-dom/insertCellsExpandZeroRowspan.html
 create mode 100644 layout/reftests/table-dom/insertCellsRebuild1-ref.html
 create mode 100644 layout/reftests/table-dom/insertCellsRebuild1.html
 create mode 100644 layout/reftests/table-dom/insertCellsRebuild2-ref.html
 create mode 100644 layout/reftests/table-dom/insertCellsRebuild2.html
 create mode 100644 layout/reftests/table-dom/insertCellsZeroColspan-ref.html
 create mode 100644 layout/reftests/table-dom/insertCellsZeroColspan.html
 create mode 100644 layout/reftests/table-dom/insertColGroups1-ref.html
 create mode 100644 layout/reftests/table-dom/insertColGroups1.html
 create mode 100644 layout/reftests/table-dom/insertColGroups2-ref.html
 create mode 100644 layout/reftests/table-dom/insertColGroups2.html
 create mode 100644 layout/reftests/table-dom/insertColgroupAndRowgroup-ref.html
 create mode 100644 layout/reftests/table-dom/insertColgroupAndRowgroup.html
 create mode 100644 layout/reftests/table-dom/insertCols1-ref.html
 create mode 100644 layout/reftests/table-dom/insertCols1.html
 create mode 100644 layout/reftests/table-dom/insertCols2-ref.html
 create mode 100644 layout/reftests/table-dom/insertCols2.html
 create mode 100644 layout/reftests/table-dom/insertCols3-ref.html
 create mode 100644 layout/reftests/table-dom/insertCols3.html
 create mode 100644 layout/reftests/table-dom/insertCols4-ref.html
 create mode 100644 layout/reftests/table-dom/insertCols4.html
 create mode 100644 layout/reftests/table-dom/insertCols5-ref.html
 create mode 100644 layout/reftests/table-dom/insertCols5.html
 create mode 100644 layout/reftests/table-dom/insertRowsExpand1-ref.html
 create mode 100644 layout/reftests/table-dom/insertRowsExpand1.html
 create mode 100644 layout/reftests/table-dom/insertRowsRebuild1-ref.html
 create mode 100644 layout/reftests/table-dom/insertRowsRebuild1.html
 create mode 100644 layout/reftests/table-dom/insertTbodyExpand1-ref.html
 create mode 100644 layout/reftests/table-dom/insertTbodyExpand1.html
 create mode 100644 layout/reftests/table-dom/insertTbodyRebuild1-ref.html
 create mode 100644 layout/reftests/table-dom/insertTbodyRebuild1.html
 create mode 100644 layout/reftests/table-dom/reftest.list
 create mode 100644 layout/reftests/table-dom/tableDom.js
 create mode 100644 layout/reftests/table-html/bug1379306-2-ref.html
 create mode 100644 layout/reftests/table-html/bug1379306-2.html
 create mode 100644 layout/reftests/table-html/bug1379306-3-ref.html
 create mode 100644 layout/reftests/table-html/bug1379306-3.html
 create mode 100644 layout/reftests/table-html/cell-align-stopped-at-table-1-quirks-ref.html
 create mode 100644 layout/reftests/table-html/cell-align-stopped-at-table-1-quirks.html
 create mode 100644 layout/reftests/table-html/cell-align-stopped-at-table-1-standards-ref.html
 create mode 100644 layout/reftests/table-html/cell-align-stopped-at-table-1-standards.html
 create mode 100644 layout/reftests/table-html/reftest.list
 create mode 100644 layout/reftests/table-overflow/bug785684-x-ref.html
 create mode 100644 layout/reftests/table-overflow/bug785684-x.html
 create mode 100644 layout/reftests/table-overflow/bug785684-y-ref.html
 create mode 100644 layout/reftests/table-overflow/bug785684-y.html
 create mode 100644 layout/reftests/table-overflow/reftest.list
 create mode 100644 layout/reftests/table-overflow/table-caption-scroll-ref.html
 create mode 100644 layout/reftests/table-overflow/table-caption-scroll.html
 create mode 100644 layout/reftests/table-overflow/table-cell-block-overflow-ref.html
 create mode 100644 layout/reftests/table-overflow/table-cell-block-overflow.html
 create mode 100644 layout/reftests/table-width/balancing-1-ref.html
 create mode 100644 layout/reftests/table-width/balancing-1.html
 create mode 100644 layout/reftests/table-width/balancing-2-ref.html
 create mode 100644 layout/reftests/table-width/balancing-2.html
 create mode 100644 layout/reftests/table-width/cell-pref-width-border-box-ref.html
 create mode 100644 layout/reftests/table-width/cell-pref-width-border-box.html
 create mode 100644 layout/reftests/table-width/cellpadding-ref.html
 create mode 100644 layout/reftests/table-width/cellpadding.html
 create mode 100644 layout/reftests/table-width/cellspacing-ref.html
 create mode 100644 layout/reftests/table-width/cellspacing.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-1-ref.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-1.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-2-ref.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-2.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-3-ref.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-3.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-4-ref.html
 create mode 100644 layout/reftests/table-width/colgroup-vs-column-4.html
 create mode 100644 layout/reftests/table-width/colspan-distribute-to-empty-1-ref.html
 create mode 100644 layout/reftests/table-width/colspan-distribute-to-empty-1a.html
 create mode 100644 layout/reftests/table-width/colspan-distribute-to-empty-1b.html
 create mode 100644 layout/reftests/table-width/colspan-distribute-to-empty-2-ref.html
 create mode 100644 layout/reftests/table-width/colspan-distribute-to-empty-2.html
 create mode 100644 layout/reftests/table-width/colspan-percent-distribution-1-ref.html
 create mode 100644 layout/reftests/table-width/colspan-percent-distribution-1.html
 create mode 100644 layout/reftests/table-width/colspan-percent-distribution-2-ref.html
 create mode 100644 layout/reftests/table-width/colspan-percent-distribution-2.html
 create mode 100644 layout/reftests/table-width/conflicting-percent-widths-1-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-percent-widths-1.html
 create mode 100644 layout/reftests/table-width/conflicting-percent-widths-2-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-percent-widths-2.html
 create mode 100644 layout/reftests/table-width/conflicting-percent-widths-3-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-percent-widths-3.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-1.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-10-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-10.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-2.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-3.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-4.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-5-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-5.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-6-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-6.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-7-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-7.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-8-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-8.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-9-ref.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-9.html
 create mode 100644 layout/reftests/table-width/conflicting-widths-ref-100xx.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-collapse-quirks-ref.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-collapse-quirks.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-collapse-standards-ref.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-collapse-standards.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-separate-quirks-ref.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-separate-quirks.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-separate-standards-ref.html
 create mode 100644 layout/reftests/table-width/default-box-sizing-separate-standards.html
 create mode 100644 layout/reftests/table-width/distribute-percent-nonoriginating-ref.html
 create mode 100644 layout/reftests/table-width/distribute-percent-nonoriginating.html
 create mode 100644 layout/reftests/table-width/dynamic-fixed-layout-1-ref.html
 create mode 100644 layout/reftests/table-width/dynamic-fixed-layout-1.html
 create mode 100644 layout/reftests/table-width/min-width-ref.html
 create mode 100644 layout/reftests/table-width/min-width.html
 create mode 100644 layout/reftests/table-width/percent-basis-ref.html
 create mode 100644 layout/reftests/table-width/percent-basis.html
 create mode 100644 layout/reftests/table-width/percent-large-min-ref.html
 create mode 100644 layout/reftests/table-width/percent-large-min.html
 create mode 100644 layout/reftests/table-width/percent-large-nested-ref.html
 create mode 100644 layout/reftests/table-width/percent-large-nested.html
 create mode 100644 layout/reftests/table-width/percent-large-ref.html
 create mode 100644 layout/reftests/table-width/percent-large.html
 create mode 100644 layout/reftests/table-width/percent-small-2-ref.html
 create mode 100644 layout/reftests/table-width/percent-small-2.html
 create mode 100644 layout/reftests/table-width/percent-small-min-ref.html
 create mode 100644 layout/reftests/table-width/percent-small-min.html
 create mode 100644 layout/reftests/table-width/percent-small-nested-ref.html
 create mode 100644 layout/reftests/table-width/percent-small-nested.html
 create mode 100644 layout/reftests/table-width/percent-small-ref.html
 create mode 100644 layout/reftests/table-width/percent-small.html
 create mode 100644 layout/reftests/table-width/percent-truncation-1-ref.html
 create mode 100644 layout/reftests/table-width/percent-truncation-1.html
 create mode 100644 layout/reftests/table-width/percent-truncation-2-ref.html
 create mode 100644 layout/reftests/table-width/percent-truncation-2.html
 create mode 100644 layout/reftests/table-width/percent-truncation-3-ref.html
 create mode 100644 layout/reftests/table-width/percent-truncation-3.html
 create mode 100644 layout/reftests/table-width/percent-zero-ref.html
 create mode 100644 layout/reftests/table-width/percent-zero.html
 create mode 100644 layout/reftests/table-width/pref-width-ref.html
 create mode 100644 layout/reftests/table-width/pref-width.html
 create mode 100644 layout/reftests/table-width/reftest.list
 create mode 100644 layout/reftests/table-width/shrink-wrap-avail-ref.html
 create mode 100644 layout/reftests/table-width/shrink-wrap-avail.html
 create mode 100644 layout/reftests/table-width/shrink-wrap-min-ref.html
 create mode 100644 layout/reftests/table-width/shrink-wrap-min.html
 create mode 100644 layout/reftests/table-width/shrink-wrap-pref-ref.html
 create mode 100644 layout/reftests/table-width/shrink-wrap-pref.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-quirks-min-ref.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-quirks-min.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-quirks-pref-ref.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-quirks-pref.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-standards-min-ref.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-standards-min.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-standards-pref-ref.html
 create mode 100644 layout/reftests/table-width/spacing-invariance-standards-pref.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-1-fixed-ref.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-1-large-fixed.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-1-large.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-1-ref.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-1-small-fixed.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-1-small.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-2-fixed-ref.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-2-large-fixed.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-2-large.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-2-ref.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-2-small-fixed.html
 create mode 100644 layout/reftests/table-width/spanning-cell-sort-2-small.html
 create mode 100644 layout/reftests/text-decoration/1133392-ref.html
 create mode 100644 layout/reftests/text-decoration/1133392.html
 create mode 100644 layout/reftests/text-decoration/1159729-offset-adjustment-notref.html
 create mode 100644 layout/reftests/text-decoration/1159729-offset-adjustment.html
 create mode 100644 layout/reftests/text-decoration/1415214-notref.html
 create mode 100644 layout/reftests/text-decoration/1415214.html
 create mode 100644 layout/reftests/text-decoration/641444-1-ref.html
 create mode 100644 layout/reftests/text-decoration/641444-1.html
 create mode 100644 layout/reftests/text-decoration/676538-1-ref.html
 create mode 100644 layout/reftests/text-decoration/676538-1.html
 create mode 100644 layout/reftests/text-decoration/always-underline-links-ref.html
 create mode 100644 layout/reftests/text-decoration/always-underline-links.html
 create mode 100644 layout/reftests/text-decoration/complex-decoration-style-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/complex-decoration-style-quirks.html
 create mode 100644 layout/reftests/text-decoration/complex-decoration-style-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/complex-decoration-style-standards.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-override-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-override-quirks.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-override-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-override-standards.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-quirks.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-color-standards.html
 create mode 100644 layout/reftests/text-decoration/decoration-css21-block-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-css21-block.html
 create mode 100644 layout/reftests/text-decoration/decoration-css21-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-css21.html
 create mode 100644 layout/reftests/text-decoration/decoration-style-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-style-quirks.html
 create mode 100644 layout/reftests/text-decoration/decoration-style-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/decoration-style-standards.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1-ref.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2-ref.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1-ref.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2-ref.html
 create mode 100644 layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2.html
 create mode 100644 layout/reftests/text-decoration/emphasis-style-dynamic-ref.html
 create mode 100644 layout/reftests/text-decoration/emphasis-style-dynamic.html
 create mode 100644 layout/reftests/text-decoration/inline-baseline-almost-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/inline-baseline-almost-standards.html
 create mode 100644 layout/reftests/text-decoration/inline-baseline-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/inline-baseline-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-dashed-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-dashed-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-dotted-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-dotted-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-double-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-double-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-solid-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-solid-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-wavy-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-block-wavy-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-dashed-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-dashed-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-dotted-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-dotted-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-double-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-double-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-solid-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-solid-standards.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-wavy-quirks.html
 create mode 100644 layout/reftests/text-decoration/line-through-style-inline-wavy-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-dashed-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-dashed-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-dotted-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-dotted-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-double-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-double-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-solid-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-solid-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-wavy-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-block-wavy-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-dashed-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-dashed-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-dotted-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-dotted-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-double-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-double-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-solid-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-solid-standards.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-wavy-quirks.html
 create mode 100644 layout/reftests/text-decoration/overline-style-inline-wavy-standards.html
 create mode 100644 layout/reftests/text-decoration/reftest.list
 create mode 100644 layout/reftests/text-decoration/skip-ink-cjk-1-ref.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-cjk-1.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-cjk-2-ref.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-cjk-2.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-cjk-3-ref.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-cjk-3.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-multiline-position-ref.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-multiline-position.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-vertical-align-2-notref.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-vertical-align-2.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-vertical-align-ref.html
 create mode 100644 layout/reftests/text-decoration/skip-ink-vertical-align.html
 create mode 100644 layout/reftests/text-decoration/table-quirk-1-ref.html
 create mode 100644 layout/reftests/text-decoration/table-quirk-1.html
 create mode 100644 layout/reftests/text-decoration/table-quirk-2-ref.html
 create mode 100644 layout/reftests/text-decoration/table-quirk-2.html
 create mode 100644 layout/reftests/text-decoration/text-decoration-propagation-1-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/text-decoration-propagation-1-quirks.html
 create mode 100644 layout/reftests/text-decoration/text-decoration-propagation-1-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/text-decoration-propagation-1-standards.html
 create mode 100644 layout/reftests/text-decoration/text-decoration-zorder-1-quirks.html
 create mode 100644 layout/reftests/text-decoration/text-decoration-zorder-1-ref.html
 create mode 100644 layout/reftests/text-decoration/text-decoration-zorder-1-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-2-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-2-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-2-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-2-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-propagation-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-block-quirks-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-block-standards-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-block-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-button-1-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-button-1.html
 create mode 100644 layout/reftests/text-decoration/underline-button-2-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-button-2.html
 create mode 100644 layout/reftests/text-decoration/underline-inline-block-quirks-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-inline-block-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-inline-block-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-inline-block-standards-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-inline-block-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-inline-block-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-select-1-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-select-1.html
 create mode 100644 layout/reftests/text-decoration/underline-select-2-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-select-2.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-dashed-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-dashed-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-dotted-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-dotted-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-double-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-double-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-solid-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-solid-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-wavy-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-block-wavy-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-dashed-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-dashed-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-dotted-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-dotted-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-double-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-double-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-solid-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-solid-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-wavy-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-style-inline-wavy-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-table-caption-quirks-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-caption-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-caption-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-table-caption-standards-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-caption-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-caption-standards.html
 create mode 100644 layout/reftests/text-decoration/underline-table-cell-quirks-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-cell-quirks-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-cell-quirks.html
 create mode 100644 layout/reftests/text-decoration/underline-table-cell-standards-notref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-cell-standards-ref.html
 create mode 100644 layout/reftests/text-decoration/underline-table-cell-standards.html
 create mode 100644 layout/reftests/text-decoration/vertical-mode-decorations-1-ref.html
 create mode 100644 layout/reftests/text-decoration/vertical-mode-decorations-1.html
 create mode 100644 layout/reftests/text-decoration/vertical-mode-decorations-2-ref.html
 create mode 100644 layout/reftests/text-decoration/vertical-mode-decorations-2.html
 create mode 100644 layout/reftests/text-indent/dynamic-change-with-overflow-1-ref.html
 create mode 100644 layout/reftests/text-indent/dynamic-change-with-overflow-1.html
 create mode 100644 layout/reftests/text-indent/reftest.list
 create mode 100644 layout/reftests/text-indent/text-indent-intrinsic-min-ref.html
 create mode 100644 layout/reftests/text-indent/text-indent-intrinsic-min.html
 create mode 100644 layout/reftests/text-indent/text-indent-intrinsic-pref-ref.html
 create mode 100644 layout/reftests/text-indent/text-indent-intrinsic-pref.html
 create mode 100644 layout/reftests/text-indent/text-indent-multiple-line-notref-block-margin.html
 create mode 100644 layout/reftests/text-indent/text-indent-multiple-line-ref-float.html
 create mode 100644 layout/reftests/text-indent/text-indent-multiple-line-ref-inline-margin.html
 create mode 100644 layout/reftests/text-indent/text-indent-multiple-line.html
 create mode 100644 layout/reftests/text-indent/text-indent-negative-intrinsic-min-ref.html
 create mode 100644 layout/reftests/text-indent/text-indent-negative-intrinsic-min.html
 create mode 100644 layout/reftests/text-indent/text-indent-negative-intrinsic-pref-ref.html
 create mode 100644 layout/reftests/text-indent/text-indent-negative-intrinsic-pref.html
 create mode 100644 layout/reftests/text-indent/text-indent-parent-dynamic-ref.html
 create mode 100644 layout/reftests/text-indent/text-indent-parent-dynamic.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-0.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-100.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-block-margin.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-inline-margin.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-indent-inline.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-percent-ref.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-percent.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-ref-margin.html
 create mode 100644 layout/reftests/text-indent/text-indent-single-line-ref-unstyled.html
 create mode 100644 layout/reftests/text-overflow/TestEllipsisFallback.woff
 create mode 100644 layout/reftests/text-overflow/aligned-baseline-ref.html
 create mode 100644 layout/reftests/text-overflow/aligned-baseline.html
 create mode 100644 layout/reftests/text-overflow/anonymous-block-ref.html
 create mode 100644 layout/reftests/text-overflow/anonymous-block.html
 create mode 100644 layout/reftests/text-overflow/atomic-under-marker-ref.html
 create mode 100644 layout/reftests/text-overflow/atomic-under-marker.html
 create mode 100644 layout/reftests/text-overflow/bidi-simple-ref.html
 create mode 100644 layout/reftests/text-overflow/bidi-simple-scrolled-ref.html
 create mode 100644 layout/reftests/text-overflow/bidi-simple-scrolled.html
 create mode 100644 layout/reftests/text-overflow/bidi-simple.html
 create mode 100644 layout/reftests/text-overflow/block-padding-ref.html
 create mode 100644 layout/reftests/text-overflow/block-padding.html
 create mode 100644 layout/reftests/text-overflow/clipped-elements-ref.html
 create mode 100644 layout/reftests/text-overflow/clipped-elements.html
 create mode 100644 layout/reftests/text-overflow/combobox-zoom-ref.html
 create mode 100644 layout/reftests/text-overflow/combobox-zoom.html
 create mode 100644 layout/reftests/text-overflow/dynamic-change-1-ref.html
 create mode 100644 layout/reftests/text-overflow/dynamic-change-1.html
 create mode 100644 layout/reftests/text-overflow/ellipsis-font-fallback-ref.html
 create mode 100644 layout/reftests/text-overflow/ellipsis-font-fallback.html
 create mode 100644 layout/reftests/text-overflow/false-marker-overlap-ref.html
 create mode 100644 layout/reftests/text-overflow/false-marker-overlap.html
 create mode 100644 layout/reftests/text-overflow/float-edges-1-ref.html
 create mode 100644 layout/reftests/text-overflow/float-edges-1.html
 create mode 100644 layout/reftests/text-overflow/line-clipping-ref.html
 create mode 100644 layout/reftests/text-overflow/line-clipping.html
 create mode 100644 layout/reftests/text-overflow/marker-basic-ref.html
 create mode 100644 layout/reftests/text-overflow/marker-basic.html
 create mode 100644 layout/reftests/text-overflow/marker-shadow-ref.html
 create mode 100644 layout/reftests/text-overflow/marker-shadow.html
 create mode 100644 layout/reftests/text-overflow/marker-string-ref.html
 create mode 100644 layout/reftests/text-overflow/marker-string.html
 create mode 100644 layout/reftests/text-overflow/quirks-decorations-ref.html
 create mode 100644 layout/reftests/text-overflow/quirks-decorations.html
 create mode 100644 layout/reftests/text-overflow/quirks-line-height-ref.html
 create mode 100644 layout/reftests/text-overflow/quirks-line-height.html
 create mode 100644 layout/reftests/text-overflow/reftest.list
 create mode 100644 layout/reftests/text-overflow/scroll-rounding-ref.html
 create mode 100644 layout/reftests/text-overflow/scroll-rounding.html
 create mode 100644 layout/reftests/text-overflow/selection-ref.html
 create mode 100644 layout/reftests/text-overflow/selection.html
 create mode 100644 layout/reftests/text-overflow/single-value-ref.html
 create mode 100644 layout/reftests/text-overflow/single-value.html
 create mode 100644 layout/reftests/text-overflow/standards-decorations-ref.html
 create mode 100644 layout/reftests/text-overflow/standards-decorations.html
 create mode 100644 layout/reftests/text-overflow/standards-line-height-ref.html
 create mode 100644 layout/reftests/text-overflow/standards-line-height.html
 create mode 100644 layout/reftests/text-overflow/table-cell-ref.html
 create mode 100644 layout/reftests/text-overflow/table-cell.html
 create mode 100644 layout/reftests/text-overflow/theme-overflow-ref.html
 create mode 100644 layout/reftests/text-overflow/theme-overflow.html
 create mode 100644 layout/reftests/text-overflow/two-value-syntax-ref.html
 create mode 100644 layout/reftests/text-overflow/two-value-syntax.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-1-2-notref.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-1-ref.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-1.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-2-ref.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-2.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-3-4-notref.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-3-ref.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-3.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-4-ref.html
 create mode 100644 layout/reftests/text-overflow/vertical-decorations-4.html
 create mode 100644 layout/reftests/text-overflow/visibility-hidden-ref.html
 create mode 100644 layout/reftests/text-overflow/visibility-hidden.html
 create mode 100644 layout/reftests/text-overflow/xulscroll-ref.html
 create mode 100644 layout/reftests/text-overflow/xulscroll.html
 create mode 100644 layout/reftests/text-shadow/basic-negcoord-ref.xhtml
 create mode 100644 layout/reftests/text-shadow/basic-negcoord.xhtml
 create mode 100644 layout/reftests/text-shadow/basic-ref.xhtml
 create mode 100644 layout/reftests/text-shadow/basic.xhtml
 create mode 100644 layout/reftests/text-shadow/blur-notref.xhtml
 create mode 100644 layout/reftests/text-shadow/blur-opacity-ref.html
 create mode 100644 layout/reftests/text-shadow/blur-opacity.html
 create mode 100644 layout/reftests/text-shadow/blur.xhtml
 create mode 100644 layout/reftests/text-shadow/color-inherit-ref.xhtml
 create mode 100644 layout/reftests/text-shadow/color-inherit.xhtml
 create mode 100644 layout/reftests/text-shadow/multiple-noblur-ref.xhtml
 create mode 100644 layout/reftests/text-shadow/multiple-noblur.xhtml
 create mode 100644 layout/reftests/text-shadow/overflow-clip-ref.html
 create mode 100644 layout/reftests/text-shadow/overflow-clip.html
 create mode 100644 layout/reftests/text-shadow/overflow-decoration-ref.html
 create mode 100644 layout/reftests/text-shadow/overflow-decoration.html
 create mode 100644 layout/reftests/text-shadow/reftest.list
 create mode 100644 layout/reftests/text-shadow/text-shadow-on-selection-1-ref.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-on-selection-1.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-on-selection-2-ref.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-on-selection-2.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-on-space-1-ref.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-on-space-1.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-selected-1-notref.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-selected-1-ref.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-selected-1.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-selected-2-notref.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-selected-2-ref.html
 create mode 100644 layout/reftests/text-shadow/text-shadow-selected-2.html
 create mode 100644 layout/reftests/text-stroke/reftest.list
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-001-ref.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-001.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-002-ref.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-002.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-003-ref.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-003.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-004-ref.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-004.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-005-ref.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-005.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-006-ref.html
 create mode 100644 layout/reftests/text-stroke/webkit-text-stroke-property-006.html
 create mode 100644 layout/reftests/text-svgglyphs/bug1320197-1-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/bug1320197-1.html
 create mode 100644 layout/reftests/text-svgglyphs/clip-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/clip.html
 create mode 100644 layout/reftests/text-svgglyphs/reftest.list
 create mode 100644 layout/reftests/text-svgglyphs/resources/README
 create mode 100644 layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-base.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/nosvg.woff
 create mode 100644 layout/reftests/text-svgglyphs/resources/rubbish.txt
 create mode 100644 layout/reftests/text-svgglyphs/resources/rubbish.woff
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-gz.ttf
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg.woff
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-basic.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-compressed.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-direct.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-extents.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-html.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-mask.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-positioning.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-transform.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html
 create mode 100644 layout/reftests/text-transform/all-lower-ref.html
 create mode 100644 layout/reftests/text-transform/all-lower.html
 create mode 100644 layout/reftests/text-transform/all-title-ref.html
 create mode 100644 layout/reftests/text-transform/all-title.html
 create mode 100644 layout/reftests/text-transform/all-upper-ref.html
 create mode 100644 layout/reftests/text-transform/all-upper.html
 create mode 100644 layout/reftests/text-transform/capitalize-1.html
 create mode 100644 layout/reftests/text-transform/capitalize-2.html
 create mode 100644 layout/reftests/text-transform/capitalize-3-ref.html
 create mode 100644 layout/reftests/text-transform/capitalize-3.html
 create mode 100644 layout/reftests/text-transform/capitalize-4-ref.html
 create mode 100644 layout/reftests/text-transform/capitalize-4.html
 create mode 100644 layout/reftests/text-transform/capitalize-5-ref.html
 create mode 100644 layout/reftests/text-transform/capitalize-5.html
 create mode 100644 layout/reftests/text-transform/capitalize-6-ref.html
 create mode 100644 layout/reftests/text-transform/capitalize-6.html
 create mode 100644 layout/reftests/text-transform/capitalize-7-ref.html
 create mode 100644 layout/reftests/text-transform/capitalize-7.html
 create mode 100644 layout/reftests/text-transform/capitalize-7a.html
 create mode 100644 layout/reftests/text-transform/capitalize-8-ref.html
 create mode 100644 layout/reftests/text-transform/capitalize-8.html
 create mode 100644 layout/reftests/text-transform/capitalize-9-ref.html
 create mode 100644 layout/reftests/text-transform/capitalize-9.html
 create mode 100644 layout/reftests/text-transform/capitalize-ref.html
 create mode 100644 layout/reftests/text-transform/fake-small-caps-1-ref.html
 create mode 100644 layout/reftests/text-transform/fake-small-caps-1.html
 create mode 100644 layout/reftests/text-transform/fullwidth-1-ref.html
 create mode 100644 layout/reftests/text-transform/fullwidth-1.html
 create mode 100644 layout/reftests/text-transform/fullwidth-2-ref.html
 create mode 100644 layout/reftests/text-transform/fullwidth-2.html
 create mode 100644 layout/reftests/text-transform/fullwidth-all-ref.html
 create mode 100644 layout/reftests/text-transform/fullwidth-all.html
 create mode 100644 layout/reftests/text-transform/graphite-small-caps-1-notref.html
 create mode 100644 layout/reftests/text-transform/graphite-small-caps-1-ref.html
 create mode 100644 layout/reftests/text-transform/graphite-small-caps-1.html
 create mode 100644 layout/reftests/text-transform/greek-small-caps-1-ref.html
 create mode 100644 layout/reftests/text-transform/greek-small-caps-1.html
 create mode 100644 layout/reftests/text-transform/greek-uppercase-1-ref.html
 create mode 100644 layout/reftests/text-transform/greek-uppercase-1a.html
 create mode 100644 layout/reftests/text-transform/greek-uppercase-1b.html
 create mode 100644 layout/reftests/text-transform/greek-uppercase-2-ref.html
 create mode 100644 layout/reftests/text-transform/greek-uppercase-2.html
 create mode 100644 layout/reftests/text-transform/greek-uppercase-3-ref.html
 create mode 100644 layout/reftests/text-transform/greek-uppercase-3.html
 create mode 100644 layout/reftests/text-transform/irish-lowercase-1-ref.html
 create mode 100644 layout/reftests/text-transform/irish-lowercase-1a.html
 create mode 100644 layout/reftests/text-transform/irish-lowercase-1b.html
 create mode 100644 layout/reftests/text-transform/irish-uppercase-1-ref.html
 create mode 100644 layout/reftests/text-transform/irish-uppercase-1.html
 create mode 100644 layout/reftests/text-transform/lowercase-1.html
 create mode 100644 layout/reftests/text-transform/lowercase-ref.html
 create mode 100644 layout/reftests/text-transform/lowercase-sigma-1-ref.html
 create mode 100644 layout/reftests/text-transform/lowercase-sigma-1.html
 create mode 100644 layout/reftests/text-transform/opentype-small-caps-1-notref.html
 create mode 100644 layout/reftests/text-transform/opentype-small-caps-1-ref.html
 create mode 100644 layout/reftests/text-transform/opentype-small-caps-1.html
 create mode 100644 layout/reftests/text-transform/reftest.list
 create mode 100644 layout/reftests/text-transform/small-caps-1-ref.html
 create mode 100644 layout/reftests/text-transform/small-caps-1.html
 create mode 100644 layout/reftests/text-transform/small-caps-turkish-1-notref.html
 create mode 100644 layout/reftests/text-transform/small-caps-turkish-1.html
 create mode 100644 layout/reftests/text-transform/smtp-lower-ref.html
 create mode 100644 layout/reftests/text-transform/smtp-lower.html
 create mode 100644 layout/reftests/text-transform/smtp-title-ref.html
 create mode 100644 layout/reftests/text-transform/smtp-title.html
 create mode 100644 layout/reftests/text-transform/smtp-upper-ref.html
 create mode 100644 layout/reftests/text-transform/smtp-upper.html
 create mode 100644 layout/reftests/text-transform/turkish-casing-1-ref.html
 create mode 100644 layout/reftests/text-transform/turkish-casing-1.html
 create mode 100644 layout/reftests/text-transform/uppercase-1.html
 create mode 100644 layout/reftests/text-transform/uppercase-eszett-1.html
 create mode 100644 layout/reftests/text-transform/uppercase-eszett-1a-ref.html
 create mode 100644 layout/reftests/text-transform/uppercase-eszett-1b-ref.html
 create mode 100644 layout/reftests/text-transform/uppercase-ref.html
 create mode 100644 layout/reftests/text-transform/uppercase-szlig-1.html
 create mode 100644 layout/reftests/text-transform/uppercase-szlig-ref.html
 create mode 100644 layout/reftests/text/1170688-ref.html
 create mode 100644 layout/reftests/text/1170688.html
 create mode 100644 layout/reftests/text/1320665-cmap-format-13-ref.html
 create mode 100644 layout/reftests/text/1320665-cmap-format-13.html
 create mode 100644 layout/reftests/text/1331339-script-extensions-shaping-1-ref.html
 create mode 100644 layout/reftests/text/1331339-script-extensions-shaping-1.html
 create mode 100644 layout/reftests/text/1349308-1.html
 create mode 100644 layout/reftests/text/1349308-notref.html
 create mode 100644 layout/reftests/text/1463020-letter-spacing-text-transform-1-ref.html
 create mode 100644 layout/reftests/text/1463020-letter-spacing-text-transform-1.html
 create mode 100644 layout/reftests/text/1463020-letter-spacing-text-transform-2-ref.html
 create mode 100644 layout/reftests/text/1463020-letter-spacing-text-transform-2.html
 create mode 100644 layout/reftests/text/1507661-spurious-hyphenation-after-explicit-ref.html
 create mode 100644 layout/reftests/text/1507661-spurious-hyphenation-after-explicit.html
 create mode 100644 layout/reftests/text/1522857-1-ref.html
 create mode 100644 layout/reftests/text/1522857-1.html
 create mode 100644 layout/reftests/text/1637405-pua-shaping-1-notref.html
 create mode 100644 layout/reftests/text/1637405-pua-shaping-1.html
 create mode 100644 layout/reftests/text/1655364-1-ref.html
 create mode 100644 layout/reftests/text/1655364-1.html
 create mode 100644 layout/reftests/text/1670581-1-ref.html
 create mode 100644 layout/reftests/text/1670581-1.html
 create mode 100644 layout/reftests/text/1673098-1-ref.html
 create mode 100644 layout/reftests/text/1673098-1.html
 create mode 100644 layout/reftests/text/444656-ref.html
 create mode 100644 layout/reftests/text/444656.html
 create mode 100644 layout/reftests/text/449555-1-ref.html
 create mode 100644 layout/reftests/text/449555-1.html
 create mode 100644 layout/reftests/text/467722-ref.html
 create mode 100644 layout/reftests/text/467722.html
 create mode 100644 layout/reftests/text/475092-pos.html
 create mode 100644 layout/reftests/text/475092-ref.html
 create mode 100644 layout/reftests/text/475092-sub.html
 create mode 100644 layout/reftests/text/476378-soft-hyphen-fallback-ref.html
 create mode 100644 layout/reftests/text/476378-soft-hyphen-fallback.html
 create mode 100644 layout/reftests/text/577380-ref.html
 create mode 100644 layout/reftests/text/577380.html
 create mode 100644 layout/reftests/text/726392-1-ref.html
 create mode 100644 layout/reftests/text/726392-1.html
 create mode 100644 layout/reftests/text/726392-2-ref.html
 create mode 100644 layout/reftests/text/726392-2.html
 create mode 100644 layout/reftests/text/726392-3-ref.html
 create mode 100644 layout/reftests/text/726392-3.html
 create mode 100644 layout/reftests/text/745555-1-ref.html
 create mode 100644 layout/reftests/text/745555-1.html
 create mode 100644 layout/reftests/text/745555-2-ref.html
 create mode 100644 layout/reftests/text/745555-2.html
 create mode 100644 layout/reftests/text/820255-ref.html
 create mode 100644 layout/reftests/text/820255.html
 create mode 100644 layout/reftests/text/arabic-fallback-1-ref.html
 create mode 100644 layout/reftests/text/arabic-fallback-1.html
 create mode 100644 layout/reftests/text/arabic-fallback-2-ref.html
 create mode 100644 layout/reftests/text/arabic-fallback-2.html
 create mode 100644 layout/reftests/text/arabic-fallback-3-ref.html
 create mode 100644 layout/reftests/text/arabic-fallback-3.html
 create mode 100644 layout/reftests/text/arabic-fallback-4-ref.html
 create mode 100644 layout/reftests/text/arabic-fallback-4.html
 create mode 100644 layout/reftests/text/arabic-final-ligature-spacing-ref.html
 create mode 100644 layout/reftests/text/arabic-final-ligature-spacing.html
 create mode 100644 layout/reftests/text/arabic-marks-1-ref.html
 create mode 100644 layout/reftests/text/arabic-marks-1.html
 create mode 100644 layout/reftests/text/arabic-shaping-1-ref.html
 create mode 100644 layout/reftests/text/arabic-shaping-1.html
 create mode 100644 layout/reftests/text/arial-bold-lam-alef-1-ref.html
 create mode 100644 layout/reftests/text/arial-bold-lam-alef-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-1-notref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-10-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-10.html
 create mode 100644 layout/reftests/text/auto-hyphenation-1a.html
 create mode 100644 layout/reftests/text/auto-hyphenation-2-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-2.html
 create mode 100644 layout/reftests/text/auto-hyphenation-3-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-3.html
 create mode 100644 layout/reftests/text/auto-hyphenation-4-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-4.html
 create mode 100644 layout/reftests/text/auto-hyphenation-5-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-5.html
 create mode 100644 layout/reftests/text/auto-hyphenation-6-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-6.html
 create mode 100644 layout/reftests/text/auto-hyphenation-7-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-7.html
 create mode 100644 layout/reftests/text/auto-hyphenation-8-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-8.html
 create mode 100644 layout/reftests/text/auto-hyphenation-9-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-9.html
 create mode 100644 layout/reftests/text/auto-hyphenation-af-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-af-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-bg-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-bg-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-bn-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-bn-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ca-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ca-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-cy-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-cy-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-da-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-da-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-de-1901-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-de-1901-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-de-1996-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-de-1996-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-de-ch-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-de-ch-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-eo-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-eo-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-es-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-es-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-et-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-et-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-fi-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-fi-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-fr-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-fr-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-gl-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-gl-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-gu-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-gu-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hi-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hi-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hr-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hr-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hsb-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hsb-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hu-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-hu-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ia-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ia-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-is-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-is-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-it-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-it-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-kmr-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-kmr-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-kn-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-kn-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-la-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-la-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-lt-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-lt-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ml-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ml-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-mn-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-mn-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-nb-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-nb-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-nl-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-nl-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-nn-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-nn-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-pa-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-pa-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-pl-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-pl-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-pt-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-pt-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ru-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ru-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sh-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sh-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sl-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sl-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sr-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sr-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sv-1-notref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sv-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-sv-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ta-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-ta-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-te-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-te-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-tr-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-tr-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-transformed-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-transformed-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-uk-1-ref.html
 create mode 100644 layout/reftests/text/auto-hyphenation-uk-1.html
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-1.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-10.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-11a.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-11b.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-12a.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-12b.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-13a.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-13b.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-14a.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-14b.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-1a.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-2.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-3.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-4.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-5.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-6.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-7.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-8.xhtml
 create mode 100644 layout/reftests/text/auto-hyphenation-xmllang-9.xhtml
 create mode 100644 layout/reftests/text/cgj-01-ref.html
 create mode 100644 layout/reftests/text/cgj-01.html
 create mode 100644 layout/reftests/text/color-opacity-rtl-1-ref.html
 create mode 100644 layout/reftests/text/color-opacity-rtl-1.html
 create mode 100644 layout/reftests/text/color-opacity-rtl-2-ref.html
 create mode 100644 layout/reftests/text/color-opacity-rtl-2.html
 create mode 100644 layout/reftests/text/control-chars-01-notref.html
 create mode 100644 layout/reftests/text/control-chars-01a.html
 create mode 100644 layout/reftests/text/control-chars-01b.html
 create mode 100644 layout/reftests/text/control-chars-01c.html
 create mode 100644 layout/reftests/text/control-chars-01d.html
 create mode 100644 layout/reftests/text/control-chars-02-notref.html
 create mode 100644 layout/reftests/text/control-chars-02.html
 create mode 100644 layout/reftests/text/control-chars-03-ref.html
 create mode 100644 layout/reftests/text/control-chars-03a.html
 create mode 100644 layout/reftests/text/control-chars-03b.html
 create mode 100644 layout/reftests/text/control-chars-04-notref.html
 create mode 100644 layout/reftests/text/control-chars-04a.html
 create mode 100644 layout/reftests/text/control-chars-04b.html
 create mode 100644 layout/reftests/text/control-chars-04c.html
 create mode 100644 layout/reftests/text/control-chars-04d.html
 create mode 100644 layout/reftests/text/emoji-01-notref.html
 create mode 100644 layout/reftests/text/emoji-01.html
 create mode 100644 layout/reftests/text/emoji-02-notref.html
 create mode 100644 layout/reftests/text/emoji-02.html
 create mode 100644 layout/reftests/text/emoji-03-notref.html
 create mode 100644 layout/reftests/text/emoji-03-ref.html
 create mode 100644 layout/reftests/text/emoji-03.html
 create mode 100644 layout/reftests/text/emoji-04-ref.html
 create mode 100644 layout/reftests/text/emoji-04.html
 create mode 100644 layout/reftests/text/emoji-05-notref.html
 create mode 100644 layout/reftests/text/emoji-05.html
 create mode 100644 layout/reftests/text/ethiopic-wordspace-ref.html
 create mode 100644 layout/reftests/text/ethiopic-wordspace.html
 create mode 100644 layout/reftests/text/fallback-01-ref.xhtml
 create mode 100644 layout/reftests/text/fallback-01.xhtml
 create mode 100644 layout/reftests/text/fallback-mark-stacking-1-notref.html
 create mode 100644 layout/reftests/text/fallback-mark-stacking-1.html
 create mode 100644 layout/reftests/text/font-selection-by-lang-01-ref.html
 create mode 100644 layout/reftests/text/font-selection-by-lang-01.html
 create mode 100644 layout/reftests/text/font-selection-fallback-1-ref.html
 create mode 100644 layout/reftests/text/font-selection-fallback-1.html
 create mode 100644 layout/reftests/text/font-selection-generic-1-ref.html
 create mode 100644 layout/reftests/text/font-selection-generic-1.html
 create mode 100644 layout/reftests/text/font-size-adjust-01-ref.html
 create mode 100644 layout/reftests/text/font-size-adjust-01.html
 create mode 100644 layout/reftests/text/font-size-adjust-02-ref.html
 create mode 100644 layout/reftests/text/font-size-adjust-02.html
 create mode 100644 layout/reftests/text/font-size-adjust-03-ref.html
 create mode 100644 layout/reftests/text/font-size-adjust-03.html
 create mode 100644 layout/reftests/text/glyph-decomposition-graphite-ref.html
 create mode 100644 layout/reftests/text/glyph-decomposition-graphite.html
 create mode 100644 layout/reftests/text/glyph-decomposition-opentype-ref.html
 create mode 100644 layout/reftests/text/glyph-decomposition-opentype.html
 create mode 100644 layout/reftests/text/graphite-01-ref.html
 create mode 100644 layout/reftests/text/graphite-01.html
 create mode 100644 layout/reftests/text/graphite-02-ref.html
 create mode 100644 layout/reftests/text/graphite-02.html
 create mode 100644 layout/reftests/text/graphite-03-notref.html
 create mode 100644 layout/reftests/text/graphite-03a.html
 create mode 100644 layout/reftests/text/graphite-03b.html
 create mode 100644 layout/reftests/text/graphite-04-fa.html
 create mode 100644 layout/reftests/text/graphite-04-ref.html
 create mode 100644 layout/reftests/text/graphite-04-sd.html
 create mode 100644 layout/reftests/text/graphite-04-snd.html
 create mode 100644 layout/reftests/text/graphite-04-ur.html
 create mode 100644 layout/reftests/text/graphite-04-urd.html
 create mode 100644 layout/reftests/text/graphite-05-badlang.html
 create mode 100644 layout/reftests/text/graphite-05-fail.html
 create mode 100644 layout/reftests/text/graphite-05-feat.html
 create mode 100644 layout/reftests/text/graphite-05-lang.html
 create mode 100644 layout/reftests/text/graphite-05-multipass.html
 create mode 100644 layout/reftests/text/graphite-05-ot-only.html
 create mode 100644 layout/reftests/text/graphite-05-ref.html
 create mode 100644 layout/reftests/text/graphite-05-simple.html
 create mode 100644 layout/reftests/text/graphite-bidi-1-ref.html
 create mode 100644 layout/reftests/text/graphite-bidi-1.html
 create mode 100644 layout/reftests/text/graphite-surrogate-selection-ref.html
 create mode 100644 layout/reftests/text/graphite-surrogate-selection.html
 create mode 100644 layout/reftests/text/hyphenation-caps-1-ref.html
 create mode 100644 layout/reftests/text/hyphenation-caps-1.html
 create mode 100644 layout/reftests/text/hyphenation-control-1-ref.html
 create mode 100644 layout/reftests/text/hyphenation-control-1.html
 create mode 100644 layout/reftests/text/hyphenation-control-2-ref.html
 create mode 100644 layout/reftests/text/hyphenation-control-2.html
 create mode 100644 layout/reftests/text/hyphenation-control-3-ref.html
 create mode 100644 layout/reftests/text/hyphenation-control-3.html
 create mode 100644 layout/reftests/text/hyphenation-control-4-ref.html
 create mode 100644 layout/reftests/text/hyphenation-control-4.html
 create mode 100644 layout/reftests/text/hyphenation-control-5-ref.html
 create mode 100644 layout/reftests/text/hyphenation-control-5.html
 create mode 100644 layout/reftests/text/hyphenation-control-6-ref.html
 create mode 100644 layout/reftests/text/hyphenation-control-6.html
 create mode 100644 layout/reftests/text/hyphenation-control-7-ref.html
 create mode 100644 layout/reftests/text/hyphenation-control-7.html
 create mode 100644 layout/reftests/text/initial-zwj-1-ref.html
 create mode 100644 layout/reftests/text/initial-zwj-1.html
 create mode 100644 layout/reftests/text/justification-1-ref.html
 create mode 100644 layout/reftests/text/justification-1.html
 create mode 100644 layout/reftests/text/justification-2-ref.html
 create mode 100644 layout/reftests/text/justification-2a.html
 create mode 100644 layout/reftests/text/justification-2b.html
 create mode 100644 layout/reftests/text/justification-2c.html
 create mode 100644 layout/reftests/text/justification-2d.html
 create mode 100644 layout/reftests/text/justification-cjk-extension-ref.html
 create mode 100644 layout/reftests/text/justification-cjk-extension.html
 create mode 100644 layout/reftests/text/justification-space-diacritic-ref.html
 create mode 100644 layout/reftests/text/justification-space-diacritic.html
 create mode 100644 layout/reftests/text/kerning-01-notref.html
 create mode 100644 layout/reftests/text/kerning-01.html
 create mode 100644 layout/reftests/text/letter-spacing-nolig-1-ref.html
 create mode 100644 layout/reftests/text/letter-spacing-nolig-1.html
 create mode 100644 layout/reftests/text/letter-spacing-nolig-2-ref.html
 create mode 100644 layout/reftests/text/letter-spacing-nolig-2.html
 create mode 100644 layout/reftests/text/ligature-with-space-1.html
 create mode 100644 layout/reftests/text/line-editing-1-ref.html
 create mode 100644 layout/reftests/text/line-editing-1a.html
 create mode 100644 layout/reftests/text/line-editing-1b.html
 create mode 100644 layout/reftests/text/line-editing-1c.html
 create mode 100644 layout/reftests/text/line-editing-1d.html
 create mode 100644 layout/reftests/text/line-editing-1e.html
 create mode 100644 layout/reftests/text/lineheight-metrics-1-ref.html
 create mode 100644 layout/reftests/text/lineheight-metrics-1.html
 create mode 100644 layout/reftests/text/lineheight-metrics-2-ref.html
 create mode 100644 layout/reftests/text/lineheight-metrics-2a.html
 create mode 100644 layout/reftests/text/lineheight-metrics-2b.html
 create mode 100644 layout/reftests/text/lineheight-percentage-1-ref.html
 create mode 100644 layout/reftests/text/lineheight-percentage-1.html
 create mode 100644 layout/reftests/text/long-1.html
 create mode 100644 layout/reftests/text/long-ref.html
 create mode 100644 layout/reftests/text/negative-letter-spacing-1-ref.html
 create mode 100644 layout/reftests/text/negative-letter-spacing-1.html
 create mode 100644 layout/reftests/text/osx-font-smoothing-2-notref.html
 create mode 100644 layout/reftests/text/osx-font-smoothing-2-ref.html
 create mode 100644 layout/reftests/text/osx-font-smoothing-2.html
 create mode 100644 layout/reftests/text/osx-font-smoothing-ref.html
 create mode 100644 layout/reftests/text/osx-font-smoothing.html
 create mode 100644 layout/reftests/text/overflowwrap-04.html
 create mode 100644 layout/reftests/text/overflowwrap-05.html
 create mode 100644 layout/reftests/text/overflowwrap-06.html
 create mode 100644 layout/reftests/text/overflowwrap-07.html
 create mode 100644 layout/reftests/text/overflowwrap-09.html
 create mode 100644 layout/reftests/text/overflowwrap-10.html
 create mode 100644 layout/reftests/text/pre-line-1-ref.html
 create mode 100644 layout/reftests/text/pre-line-1.html
 create mode 100644 layout/reftests/text/pre-line-2-ref.html
 create mode 100644 layout/reftests/text/pre-line-2.html
 create mode 100644 layout/reftests/text/pre-line-3-ref.html
 create mode 100644 layout/reftests/text/pre-line-3.html
 create mode 100644 layout/reftests/text/pre-line-4-ref.html
 create mode 100644 layout/reftests/text/pre-line-4.html
 create mode 100644 layout/reftests/text/pre-space-1-ref.html
 create mode 100644 layout/reftests/text/pre-space-1.html
 create mode 100644 layout/reftests/text/pre-wrap-1-ref.html
 create mode 100644 layout/reftests/text/pre-wrap-1.html
 create mode 100644 layout/reftests/text/reftest.list
 create mode 100644 layout/reftests/text/rgba-text-ref.html
 create mode 100644 layout/reftests/text/rgba-text.html
 create mode 100644 layout/reftests/text/segment-break-transformation-1-ref.html
 create mode 100644 layout/reftests/text/segment-break-transformation-1.html
 create mode 100644 layout/reftests/text/soft-hyphen-in-table-1-notref.html
 create mode 100644 layout/reftests/text/soft-hyphen-in-table-1-ref.html
 create mode 100644 layout/reftests/text/soft-hyphen-in-table-1.html
 create mode 100644 layout/reftests/text/soft-hyphen-in-table-2-ref.html
 create mode 100644 layout/reftests/text/soft-hyphen-in-table-2.html
 create mode 100644 layout/reftests/text/soft-hyphens-1-ref.html
 create mode 100644 layout/reftests/text/soft-hyphens-1a.html
 create mode 100644 layout/reftests/text/soft-hyphens-1b.html
 create mode 100644 layout/reftests/text/soft-hyphens-1c.html
 create mode 100644 layout/reftests/text/soft-hyphens-break-word-1-ref.html
 create mode 100644 layout/reftests/text/soft-hyphens-break-word-1a.html
 create mode 100644 layout/reftests/text/soft-hyphens-break-word-1b.html
 create mode 100644 layout/reftests/text/soft-hyphens-break-word-1c.html
 create mode 100644 layout/reftests/text/space-font-1-ref.html
 create mode 100644 layout/reftests/text/space-font-1.html
 create mode 100644 layout/reftests/text/sub-sup-and-line-height-ref.html
 create mode 100644 layout/reftests/text/sub-sup-and-line-height.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-x-1a.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-x-1b.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-x-2a.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-x-2b.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-x-3a.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-x-3b.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-y-1a.html
 create mode 100644 layout/reftests/text/subpixel-glyphs-y-1b.html
 create mode 100644 layout/reftests/text/subpixel-lineheight-1a.html
 create mode 100644 layout/reftests/text/subpixel-lineheight-1b.html
 create mode 100644 layout/reftests/text/swash-1-ref.html
 create mode 100644 layout/reftests/text/swash-1.html
 create mode 100644 layout/reftests/text/synthetic-bold-metrics-01-notref.html
 create mode 100644 layout/reftests/text/synthetic-bold-metrics-01.html
 create mode 100644 layout/reftests/text/synthetic-bold-papyrus-01-ref.html
 create mode 100644 layout/reftests/text/synthetic-bold-papyrus-01.html
 create mode 100644 layout/reftests/text/synthetic-bold-zero-width-01-ref.html
 create mode 100644 layout/reftests/text/synthetic-bold-zero-width-01.html
 create mode 100644 layout/reftests/text/text-align-left-in-rtl-block-iframe.html
 create mode 100644 layout/reftests/text/text-align-left-in-rtl-block-ref.html
 create mode 100644 layout/reftests/text/text-align-left-in-rtl-block.html
 create mode 100644 layout/reftests/text/variation-selector-unsupported-1-ref.html
 create mode 100644 layout/reftests/text/variation-selector-unsupported-1.html
 create mode 100644 layout/reftests/text/webkit-text-security-1.html
 create mode 100644 layout/reftests/text/webkit-text-security-2.html
 create mode 100644 layout/reftests/text/webkit-text-security-3.html
 create mode 100644 layout/reftests/text/webkit-text-security-4.html
 create mode 100644 layout/reftests/text/webkit-text-security-5.html
 create mode 100644 layout/reftests/text/white-space-1-ref.html
 create mode 100644 layout/reftests/text/white-space-1a.html
 create mode 100644 layout/reftests/text/white-space-1b.html
 create mode 100644 layout/reftests/text/white-space-2-ref.html
 create mode 100644 layout/reftests/text/white-space-2.html
 create mode 100644 layout/reftests/text/white-space-3-ref.html
 create mode 100644 layout/reftests/text/white-space-3.html
 create mode 100644 layout/reftests/text/word-spacing-01-ref.html
 create mode 100644 layout/reftests/text/word-spacing-01.html
 create mode 100644 layout/reftests/text/wordbreak-1-ref.html
 create mode 100644 layout/reftests/text/wordbreak-1.html
 create mode 100644 layout/reftests/text/wordbreak-3-ref.html
 create mode 100644 layout/reftests/text/wordbreak-3.html
 create mode 100644 layout/reftests/text/wordbreak-4b-ref.html
 create mode 100644 layout/reftests/text/wordbreak-4b.html
 create mode 100644 layout/reftests/text/wordbreak-5-ref.html
 create mode 100644 layout/reftests/text/wordbreak-5.html
 create mode 100644 layout/reftests/text/wordbreak-6-ref.html
 create mode 100644 layout/reftests/text/wordbreak-6.html
 create mode 100644 layout/reftests/text/wordbreak-7-ref.html
 create mode 100644 layout/reftests/text/wordbreak-7.html
 create mode 100644 layout/reftests/text/wordbreak-7a-ref.html
 create mode 100644 layout/reftests/text/wordbreak-7a.html
 create mode 100644 layout/reftests/text/wordbreak-7b-ref.html
 create mode 100644 layout/reftests/text/wordbreak-7b.html
 create mode 100644 layout/reftests/text/wordbreak-8-ref.html
 create mode 100644 layout/reftests/text/wordbreak-8.html
 create mode 100644 layout/reftests/text/wordbreak-9-ref.html
 create mode 100644 layout/reftests/text/wordbreak-9.html
 create mode 100644 layout/reftests/text/wordbreak-dynamic-1-ref.html
 create mode 100644 layout/reftests/text/wordbreak-dynamic-1.html
 create mode 100644 layout/reftests/text/wordwrap-01-ref.html
 create mode 100644 layout/reftests/text/wordwrap-01.html
 create mode 100644 layout/reftests/text/wordwrap-02-ref.html
 create mode 100644 layout/reftests/text/wordwrap-02.html
 create mode 100644 layout/reftests/text/wordwrap-03-ref.html
 create mode 100644 layout/reftests/text/wordwrap-03.html
 create mode 100644 layout/reftests/text/wordwrap-04-ref.html
 create mode 100644 layout/reftests/text/wordwrap-04.html
 create mode 100644 layout/reftests/text/wordwrap-05-ref.html
 create mode 100644 layout/reftests/text/wordwrap-05.html
 create mode 100644 layout/reftests/text/wordwrap-06-ref.html
 create mode 100644 layout/reftests/text/wordwrap-06.html
 create mode 100644 layout/reftests/text/wordwrap-07-ref.html
 create mode 100644 layout/reftests/text/wordwrap-07.html
 create mode 100644 layout/reftests/text/wordwrap-08-ref.html
 create mode 100644 layout/reftests/text/wordwrap-08.html
 create mode 100644 layout/reftests/text/wordwrap-09-ref.html
 create mode 100644 layout/reftests/text/wordwrap-09.html
 create mode 100644 layout/reftests/text/wordwrap-10-ref.html
 create mode 100644 layout/reftests/text/wordwrap-10.html
 create mode 100644 layout/reftests/text/zwnj-01-notref.html
 create mode 100644 layout/reftests/text/zwnj-01-ref.html
 create mode 100644 layout/reftests/text/zwnj-01-ref.xhtml
 create mode 100644 layout/reftests/text/zwnj-01.html
 create mode 100644 layout/reftests/text/zwnj-01.xhtml
 create mode 100644 layout/reftests/text/zwnj-02-ref.xhtml
 create mode 100644 layout/reftests/text/zwnj-02.xhtml
 create mode 100644 layout/reftests/transform-3d/1035611-1-ref.html
 create mode 100644 layout/reftests/transform-3d/1035611-1.html
 create mode 100644 layout/reftests/transform-3d/1157984-1.html
 create mode 100644 layout/reftests/transform-3d/1245450-1.html
 create mode 100644 layout/reftests/transform-3d/1271058-1-ref.html
 create mode 100644 layout/reftests/transform-3d/1271058-1.html
 create mode 100644 layout/reftests/transform-3d/1467277-1.html
 create mode 100644 layout/reftests/transform-3d/1544995-1-ref.html
 create mode 100644 layout/reftests/transform-3d/1544995-1.html
 create mode 100644 layout/reftests/transform-3d/1637067-1-ref.html
 create mode 100644 layout/reftests/transform-3d/1637067-1.html
 create mode 100644 layout/reftests/transform-3d/animate-backface-hidden.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-degrees-ref.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-degrees-zoom-ref.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-degrees-zoom.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-degrees.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-radians-ref.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-radians-zoom-ref.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-radians-zoom.html
 create mode 100644 layout/reftests/transform-3d/animate-cube-radians.html
 create mode 100644 layout/reftests/transform-3d/animate-preserve3d-child.html
 create mode 100644 layout/reftests/transform-3d/animate-preserve3d-parent.html
 create mode 100644 layout/reftests/transform-3d/animate-preserve3d-ref.html
 create mode 100644 layout/reftests/transform-3d/backface-visibility-1a.html
 create mode 100644 layout/reftests/transform-3d/backface-visibility-1b.html
 create mode 100644 layout/reftests/transform-3d/backface-visibility-1c.html
 create mode 100644 layout/reftests/transform-3d/backface-visibility-2-ref.html
 create mode 100644 layout/reftests/transform-3d/backface-visibility-2.html
 create mode 100644 layout/reftests/transform-3d/backface-visibility-3-ref.html
 create mode 100644 layout/reftests/transform-3d/backface-visibility-3.html
 create mode 100644 layout/reftests/transform-3d/component-alpha-1-ref.html
 create mode 100644 layout/reftests/transform-3d/component-alpha-1.html
 create mode 100644 layout/reftests/transform-3d/green-rect.html
 create mode 100644 layout/reftests/transform-3d/intermediate-1-ref.html
 create mode 100644 layout/reftests/transform-3d/intermediate-1.html
 create mode 100644 layout/reftests/transform-3d/mask-layer-1.html
 create mode 100644 layout/reftests/transform-3d/mask-layer-2.html
 create mode 100644 layout/reftests/transform-3d/mask-layer-3.html
 create mode 100644 layout/reftests/transform-3d/mask-layer-ref.html
 create mode 100644 layout/reftests/transform-3d/matrix3d-1-ref.html
 create mode 100644 layout/reftests/transform-3d/matrix3d-1a.html
 create mode 100644 layout/reftests/transform-3d/matrix3d-2-ref.html
 create mode 100644 layout/reftests/transform-3d/matrix3d-2a.html
 create mode 100644 layout/reftests/transform-3d/nested-transform-1-ref.html
 create mode 100644 layout/reftests/transform-3d/nested-transform-1.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-1-ref.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-1.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-2-ref.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-2.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-3-ref.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-3.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-4-ref.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-4.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-5-ref.html
 create mode 100644 layout/reftests/transform-3d/opacity-preserve3d-5.html
 create mode 100644 layout/reftests/transform-3d/overflow-hidden-1-ref.html
 create mode 100644 layout/reftests/transform-3d/overflow-hidden-1a.html
 create mode 100644 layout/reftests/transform-3d/perspective-clipping-1-ref.html
 create mode 100644 layout/reftests/transform-3d/perspective-clipping-1.html
 create mode 100644 layout/reftests/transform-3d/perspective-clipping-2-ref.html
 create mode 100644 layout/reftests/transform-3d/perspective-clipping-2.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-1a.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-1b.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-2-ref.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-2a.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-3-ref.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-3a.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-4-ref.html
 create mode 100644 layout/reftests/transform-3d/perspective-origin-4a.html
 create mode 100644 layout/reftests/transform-3d/perspective-overflow-1-ref.html
 create mode 100644 layout/reftests/transform-3d/perspective-overflow-1.html
 create mode 100644 layout/reftests/transform-3d/perspective-overflow-2-ref.html
 create mode 100644 layout/reftests/transform-3d/perspective-overflow-2.html
 create mode 100644 layout/reftests/transform-3d/perspective-zindex-2.html
 create mode 100644 layout/reftests/transform-3d/perspective-zindex.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-1-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-1a.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-1b.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-2-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-2a.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-2b.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-2c.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-2d.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-3-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-3a.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-4a.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-5-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-5a.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-6-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-6a.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-7-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-7a.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-8-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-8.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-clipped.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-scale-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-scale.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-table-ref.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-table.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-will-change-large-frame.html
 create mode 100644 layout/reftests/transform-3d/preserve3d-will-change-ref.html
 create mode 100644 layout/reftests/transform-3d/preserves3d-nested-filter-1-ref.html
 create mode 100644 layout/reftests/transform-3d/preserves3d-nested-filter-1.html
 create mode 100644 layout/reftests/transform-3d/preserves3d-nested-ref.html
 create mode 100644 layout/reftests/transform-3d/preserves3d-nested.html
 create mode 100644 layout/reftests/transform-3d/reftest.list
 create mode 100644 layout/reftests/transform-3d/rotate3d-1a.html
 create mode 100644 layout/reftests/transform-3d/rotate3d-2a.html
 create mode 100644 layout/reftests/transform-3d/rotatex-1-ref.html
 create mode 100644 layout/reftests/transform-3d/rotatex-1a.html
 create mode 100644 layout/reftests/transform-3d/rotatex-perspective-1a.html
 create mode 100644 layout/reftests/transform-3d/rotatex-perspective-1b.html
 create mode 100644 layout/reftests/transform-3d/rotatex-perspective-1c.html
 create mode 100644 layout/reftests/transform-3d/rotatex-perspective-3-ref.html
 create mode 100644 layout/reftests/transform-3d/rotatex-perspective-3a.html
 create mode 100644 layout/reftests/transform-3d/rotatex-transformorigin-1-ref.html
 create mode 100644 layout/reftests/transform-3d/rotatex-transformorigin-1a.html
 create mode 100644 layout/reftests/transform-3d/rotatey-1-ref.html
 create mode 100644 layout/reftests/transform-3d/rotatey-1a.html
 create mode 100644 layout/reftests/transform-3d/scale3d-1-ref.html
 create mode 100644 layout/reftests/transform-3d/scale3d-all-separate.html
 create mode 100644 layout/reftests/transform-3d/scale3d-all.html
 create mode 100644 layout/reftests/transform-3d/scale3d-xz.html
 create mode 100644 layout/reftests/transform-3d/scale3d-z.html
 create mode 100644 layout/reftests/transform-3d/scalez-1-ref.html
 create mode 100644 layout/reftests/transform-3d/scalez-1a.html
 create mode 100644 layout/reftests/transform-3d/scalezrotatex-1-ref.html
 create mode 100644 layout/reftests/transform-3d/scalezrotatex-1.html
 create mode 100644 layout/reftests/transform-3d/scroll-perspective-1-ref.html
 create mode 100644 layout/reftests/transform-3d/scroll-perspective-1.html
 create mode 100644 layout/reftests/transform-3d/snap-perspective-1-ref.html
 create mode 100644 layout/reftests/transform-3d/snap-perspective-1.html
 create mode 100644 layout/reftests/transform-3d/sorting-1-ref.html
 create mode 100644 layout/reftests/transform-3d/sorting-1a.html
 create mode 100644 layout/reftests/transform-3d/sorting-2-ref.html
 create mode 100644 layout/reftests/transform-3d/sorting-2a.html
 create mode 100644 layout/reftests/transform-3d/sorting-2b.html
 create mode 100644 layout/reftests/transform-3d/sorting-3a.html
 create mode 100644 layout/reftests/transform-3d/split-intersect1-ref.html
 create mode 100644 layout/reftests/transform-3d/split-intersect1.html
 create mode 100644 layout/reftests/transform-3d/split-intersect2-ref.html
 create mode 100644 layout/reftests/transform-3d/split-intersect2.html
 create mode 100644 layout/reftests/transform-3d/split-non-ortho1-ref.html
 create mode 100644 layout/reftests/transform-3d/split-non-ortho1.html
 create mode 100644 layout/reftests/transform-3d/transform-geometry-1-ref.html
 create mode 100644 layout/reftests/transform-3d/transform-geometry-1.html
 create mode 100644 layout/reftests/transform-3d/transform-style-flat-1-ref.html
 create mode 100644 layout/reftests/transform-3d/transform-style-flat-1a.html
 create mode 100644 layout/reftests/transform-3d/translate3d-1-ref.html
 create mode 100644 layout/reftests/transform-3d/translate3d-1a.html
 create mode 100644 layout/reftests/transform-3d/translatez-1-ref.html
 create mode 100644 layout/reftests/transform-3d/translatez-1a.html
 create mode 100644 layout/reftests/transform-3d/translatez-1b.html
 create mode 100644 layout/reftests/transform-3d/willchange-containing-block.html
 create mode 100644 layout/reftests/transform/1569215-1-ref.html
 create mode 100644 layout/reftests/transform/1569215-1.html
 create mode 100644 layout/reftests/transform/601894-1.html
 create mode 100644 layout/reftests/transform/601894-2.html
 create mode 100644 layout/reftests/transform/601894-ref.html
 create mode 100644 layout/reftests/transform/830299-1-ref.html
 create mode 100644 layout/reftests/transform/830299-1.html
 create mode 100644 layout/reftests/transform/abspos-1-ref.html
 create mode 100644 layout/reftests/transform/abspos-1a.html
 create mode 100644 layout/reftests/transform/abspos-1b.html
 create mode 100644 layout/reftests/transform/abspos-1c.html
 create mode 100644 layout/reftests/transform/abspos-1d.html
 create mode 100644 layout/reftests/transform/abspos-1e.html
 create mode 100644 layout/reftests/transform/abspos-1f.html
 create mode 100644 layout/reftests/transform/abspos-1g.html
 create mode 100644 layout/reftests/transform/animate-layer-scale-inherit-1-ref.html
 create mode 100644 layout/reftests/transform/animate-layer-scale-inherit-1.html
 create mode 100644 layout/reftests/transform/animate-layer-scale-inherit-2-ref.html
 create mode 100644 layout/reftests/transform/animate-layer-scale-inherit-2.html
 create mode 100644 layout/reftests/transform/animate-layer-scale-inherit-3.html
 create mode 100644 layout/reftests/transform/animate-layer-scale-inherit-4-ref.html
 create mode 100644 layout/reftests/transform/animate-layer-scale-inherit-4.html
 create mode 100644 layout/reftests/transform/compound-1-fail.html
 create mode 100644 layout/reftests/transform/compound-1-ref.html
 create mode 100644 layout/reftests/transform/compound-1a.html
 create mode 100644 layout/reftests/transform/descendant-1-ref.html
 create mode 100644 layout/reftests/transform/descendant-1.html
 create mode 100644 layout/reftests/transform/dynamic-add-without-change-cb-1-ref.html
 create mode 100644 layout/reftests/transform/dynamic-add-without-change-cb-1.html
 create mode 100644 layout/reftests/transform/dynamic-addremove-1-ref.html
 create mode 100644 layout/reftests/transform/dynamic-addremove-1a.html
 create mode 100644 layout/reftests/transform/dynamic-addremove-1b.html
 create mode 100644 layout/reftests/transform/dynamic-addremove-1c.html
 create mode 100644 layout/reftests/transform/dynamic-addremove-2-ref.html
 create mode 100644 layout/reftests/transform/dynamic-addremove-2.html
 create mode 100644 layout/reftests/transform/dynamic-inherit-1-ref.html
 create mode 100644 layout/reftests/transform/dynamic-inherit-1.html
 create mode 100644 layout/reftests/transform/iframe-1-ref.html
 create mode 100644 layout/reftests/transform/iframe-1.html
 create mode 100644 layout/reftests/transform/iframe-transform.html
 create mode 100644 layout/reftests/transform/inline-1-ref.html
 create mode 100644 layout/reftests/transform/inline-1a.html
 create mode 100644 layout/reftests/transform/invalidate-svg-scale-1-ref.html
 create mode 100644 layout/reftests/transform/invalidate-svg-scale-1.html
 create mode 100644 layout/reftests/transform/invalidate-transform-1-ref.html
 create mode 100644 layout/reftests/transform/invalidate-transform-1.html
 create mode 100644 layout/reftests/transform/matrix-1-ref.html
 create mode 100644 layout/reftests/transform/matrix-1a.html
 create mode 100644 layout/reftests/transform/matrix-2-ref.html
 create mode 100644 layout/reftests/transform/matrix-2a.html
 create mode 100644 layout/reftests/transform/matrix-3-ref.html
 create mode 100644 layout/reftests/transform/matrix-3a.html
 create mode 100644 layout/reftests/transform/matrix-4-ref.html
 create mode 100644 layout/reftests/transform/matrix-4a.html
 create mode 100644 layout/reftests/transform/matrix-5-ref.html
 create mode 100644 layout/reftests/transform/matrix-5a.html
 create mode 100644 layout/reftests/transform/matrix-6-ref.html
 create mode 100644 layout/reftests/transform/matrix-6a.html
 create mode 100644 layout/reftests/transform/matrix-7-ref.html
 create mode 100644 layout/reftests/transform/matrix-7a.html
 create mode 100644 layout/reftests/transform/matrix3d-1-ref.html
 create mode 100644 layout/reftests/transform/matrix3d-1.html
 create mode 100644 layout/reftests/transform/origin-1-ref.html
 create mode 100644 layout/reftests/transform/origin-1a.html
 create mode 100644 layout/reftests/transform/origin-1b.html
 create mode 100644 layout/reftests/transform/origin-2-ref.html
 create mode 100644 layout/reftests/transform/origin-2a.html
 create mode 100644 layout/reftests/transform/origin-2b.html
 create mode 100644 layout/reftests/transform/origin-2c.html
 create mode 100644 layout/reftests/transform/origin-name-1-ref.html
 create mode 100644 layout/reftests/transform/origin-name-1a.html
 create mode 100644 layout/reftests/transform/origin-name-1b.html
 create mode 100644 layout/reftests/transform/origin-name-2-ref.html
 create mode 100644 layout/reftests/transform/origin-name-2a.html
 create mode 100644 layout/reftests/transform/origin-name-2b.html
 create mode 100644 layout/reftests/transform/origin-name-2c.html
 create mode 100644 layout/reftests/transform/origin-name-3-ref.html
 create mode 100644 layout/reftests/transform/origin-name-3a.html
 create mode 100644 layout/reftests/transform/origin-name-3b.html
 create mode 100644 layout/reftests/transform/partial-prerender-expansion-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-expansion-rotate.html
 create mode 100644 layout/reftests/transform/partial-prerender-expansion-translate.html
 create mode 100644 layout/reftests/transform/partial-prerender-expansion-with-resolution-1.html
 create mode 100644 layout/reftests/transform/partial-prerender-expansion-with-resolution-2.html
 create mode 100644 layout/reftests/transform/partial-prerender-expansion-with-resolution-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-in-svg-1-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-in-svg-1.html
 create mode 100644 layout/reftests/transform/partial-prerender-in-svg-2.html
 create mode 100644 layout/reftests/transform/partial-prerender-in-svg-3-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-in-svg-3.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-1.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-10-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-10.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-11-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-11.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-12.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-2-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-2.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-3-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-3.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-4.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-5-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-5.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-6-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-6.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-7.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-8-ref.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-8.html
 create mode 100644 layout/reftests/transform/partial-prerender-translate-9.html
 create mode 100644 layout/reftests/transform/pass.svg
 create mode 100644 layout/reftests/transform/percent-1-ref.html
 create mode 100644 layout/reftests/transform/percent-1a.html
 create mode 100644 layout/reftests/transform/percent-1b.html
 create mode 100644 layout/reftests/transform/percent-1c.html
 create mode 100644 layout/reftests/transform/percent-1d.html
 create mode 100644 layout/reftests/transform/percent-1e.html
 create mode 100644 layout/reftests/transform/percent-1f.html
 create mode 100644 layout/reftests/transform/percent-1g.html
 create mode 100644 layout/reftests/transform/propagate-inherit-boolean-ref.html
 create mode 100644 layout/reftests/transform/propagate-inherit-boolean.html
 create mode 100644 layout/reftests/transform/reftest.list
 create mode 100644 layout/reftests/transform/rotate-1-ref.html
 create mode 100644 layout/reftests/transform/rotate-1a.html
 create mode 100644 layout/reftests/transform/rotate-1b.html
 create mode 100644 layout/reftests/transform/rotate-1c.html
 create mode 100644 layout/reftests/transform/rotate-1d.html
 create mode 100644 layout/reftests/transform/rotate-1e.html
 create mode 100644 layout/reftests/transform/rotate-1f.html
 create mode 100644 layout/reftests/transform/rotate-2-ref.html
 create mode 100644 layout/reftests/transform/rotate-2a.html
 create mode 100644 layout/reftests/transform/rotate-2b.html
 create mode 100644 layout/reftests/transform/scale-1-ref.html
 create mode 100644 layout/reftests/transform/scale-1a.html
 create mode 100644 layout/reftests/transform/scale-1b.html
 create mode 100644 layout/reftests/transform/scale-percent-1-ref.html
 create mode 100644 layout/reftests/transform/scale-percent-1.html
 create mode 100644 layout/reftests/transform/scaled-blend-mode-ref.html
 create mode 100644 layout/reftests/transform/scaled-blend-mode.html
 create mode 100644 layout/reftests/transform/scalex-1-ref.html
 create mode 100644 layout/reftests/transform/scalex-1.html
 create mode 100644 layout/reftests/transform/scaley-1-ref.html
 create mode 100644 layout/reftests/transform/scaley-1.html
 create mode 100644 layout/reftests/transform/singular-1a.html
 create mode 100644 layout/reftests/transform/skew-1-ref.html
 create mode 100644 layout/reftests/transform/skew-1a.html
 create mode 100644 layout/reftests/transform/skew-1b.html
 create mode 100644 layout/reftests/transform/skew-2-ref.html
 create mode 100644 layout/reftests/transform/skew-2a.html
 create mode 100644 layout/reftests/transform/snapping-1-ref.html
 create mode 100644 layout/reftests/transform/snapping-1.html
 create mode 100644 layout/reftests/transform/square.html
 create mode 100644 layout/reftests/transform/stresstest-1-ref.html
 create mode 100644 layout/reftests/transform/stresstest-1.html
 create mode 100644 layout/reftests/transform/table-1-ref.html
 create mode 100644 layout/reftests/transform/table-1a.html
 create mode 100644 layout/reftests/transform/table-1b.html
 create mode 100644 layout/reftests/transform/table-1c.html
 create mode 100644 layout/reftests/transform/table-2-ref.html
 create mode 100644 layout/reftests/transform/table-2a.html
 create mode 100644 layout/reftests/transform/table-2b.html
 create mode 100644 layout/reftests/transform/table-overflowed-by-animation-ref.html
 create mode 100644 layout/reftests/transform/table-overflowed-by-animation.html
 create mode 100644 layout/reftests/transform/transform-anon-block-1-ref.html
 create mode 100644 layout/reftests/transform/transform-anon-block-1.html
 create mode 100644 layout/reftests/transform/transform-box-svg-1-ref.svg
 create mode 100644 layout/reftests/transform/transform-box-svg-1a.svg
 create mode 100644 layout/reftests/transform/transform-box-svg-1b.svg
 create mode 100644 layout/reftests/transform/transform-box-svg-2-ref.svg
 create mode 100644 layout/reftests/transform/transform-box-svg-2a.svg
 create mode 100644 layout/reftests/transform/transform-box-svg-2b.svg
 create mode 100644 layout/reftests/transform/transform-box-svg-3a.svg
 create mode 100644 layout/reftests/transform/transform-origin-svg-1-ref.svg
 create mode 100644 layout/reftests/transform/transform-origin-svg-1a.svg
 create mode 100644 layout/reftests/transform/transform-origin-svg-1b.svg
 create mode 100644 layout/reftests/transform/transform-origin-svg-2-ref.svg
 create mode 100644 layout/reftests/transform/transform-origin-svg-2a.svg
 create mode 100644 layout/reftests/transform/transform-origin-svg-2b.svg
 create mode 100644 layout/reftests/transform/transform-svg-1-ref.xhtml
 create mode 100644 layout/reftests/transform/transform-svg-1a.xhtml
 create mode 100644 layout/reftests/transform/transform-svg-1b.xhtml
 create mode 100644 layout/reftests/transform/transform-svg-2-fail.xhtml
 create mode 100644 layout/reftests/transform/transform-svg-2-ref.xhtml
 create mode 100644 layout/reftests/transform/transform-svg-2a.xhtml
 create mode 100644 layout/reftests/transform/translate-1-ref.html
 create mode 100644 layout/reftests/transform/translate-1a.html
 create mode 100644 layout/reftests/transform/translate-1b.html
 create mode 100644 layout/reftests/transform/translate-1c.html
 create mode 100644 layout/reftests/transform/translate-1d.html
 create mode 100644 layout/reftests/transform/translate-1e.html
 create mode 100644 layout/reftests/transform/translate-2-ref.html
 create mode 100644 layout/reftests/transform/translate-2a.html
 create mode 100644 layout/reftests/transform/translate-3-ref.html
 create mode 100644 layout/reftests/transform/translate-3.html
 create mode 100644 layout/reftests/transform/translate-rounding-1.html
 create mode 100644 layout/reftests/transform/translate-rounding-2.html
 create mode 100644 layout/reftests/transform/translate-rounding-3.html
 create mode 100644 layout/reftests/transform/translate-rounding-ref.html
 create mode 100644 layout/reftests/transform/translate-rounding-viewport-ref.html
 create mode 100644 layout/reftests/transform/translatex-1-ref-2.html
 create mode 100644 layout/reftests/transform/translatex-1-ref.html
 create mode 100644 layout/reftests/transform/translatex-1a.html
 create mode 100644 layout/reftests/transform/translatex-1b.html
 create mode 100644 layout/reftests/transform/translatex-1c.html
 create mode 100644 layout/reftests/transform/translatex-1d.html
 create mode 100644 layout/reftests/transform/translatex-1e.html
 create mode 100644 layout/reftests/transform/translatex-2.html
 create mode 100644 layout/reftests/transform/translatey-1-ref-2.html
 create mode 100644 layout/reftests/transform/translatey-1-ref.html
 create mode 100644 layout/reftests/transform/translatey-1a.html
 create mode 100644 layout/reftests/transform/translatey-1b.html
 create mode 100644 layout/reftests/transform/translatey-1c.html
 create mode 100644 layout/reftests/transform/translatey-1d.html
 create mode 100644 layout/reftests/transform/translatey-1e.html
 create mode 100644 layout/reftests/transform/translatey-2.html
 create mode 100644 layout/reftests/unicode/langattribute-ref.html
 create mode 100644 layout/reftests/unicode/langattribute.html
 create mode 100644 layout/reftests/unicode/reftest.list
 create mode 100644 layout/reftests/unicode/unicode-attribute-selector.html
 create mode 100644 layout/reftests/unicode/unicode-element-selector.html
 create mode 100644 layout/reftests/unicode/unicode-lang.html
 create mode 100644 layout/reftests/unicode/unicode-media-query-media-type.html
 create mode 100644 layout/reftests/unicode/unicode-media-query-query.html
 create mode 100644 layout/reftests/unicode/unicode-pseudo-selector.html
 create mode 100644 layout/reftests/unicode/unicode-ref-print.html
 create mode 100644 layout/reftests/unicode/unicode-ref.html
 create mode 100644 layout/reftests/usercss/reftest.list
 create mode 100644 layout/reftests/usercss/usercss-moz-document-ref.html
 create mode 100644 layout/reftests/usercss/usercss-moz-document.html
 create mode 100644 layout/reftests/usercss/usercss-ref.html
 create mode 100644 layout/reftests/usercss/usercss-uppercase.html
 create mode 100644 layout/reftests/usercss/usercss.html
 create mode 100644 layout/reftests/view-source/blue-circle-16x16.png
 create mode 100644 layout/reftests/view-source/reftest.list
 create mode 100644 layout/reftests/view-source/view-source-image-ref.html
 create mode 100644 layout/reftests/view-source/view-source-image.html
 create mode 100644 layout/reftests/web-animations/1246046-1.html
 create mode 100644 layout/reftests/web-animations/1267937-1.html
 create mode 100644 layout/reftests/web-animations/1267937-ref.html
 create mode 100644 layout/reftests/web-animations/1298742-1.html
 create mode 100644 layout/reftests/web-animations/1298742-ref.html
 create mode 100644 layout/reftests/web-animations/1363639-1.html
 create mode 100644 layout/reftests/web-animations/animation-utils.js
 create mode 100644 layout/reftests/web-animations/cancel-animation-with-selector-matching.html
 create mode 100644 layout/reftests/web-animations/child-in-animating-element-display-none-ref.html
 create mode 100644 layout/reftests/web-animations/child-in-animating-element-display-none.html
 create mode 100644 layout/reftests/web-animations/green-box.html
 create mode 100644 layout/reftests/web-animations/reftest.list
 create mode 100644 layout/reftests/web-animations/restyle-after-display-none.html
 create mode 100644 layout/reftests/web-animations/stacking-context-animation-changing-target-ref.html
 create mode 100644 layout/reftests/web-animations/stacking-context-animation-on-table-ref.html
 create mode 100644 layout/reftests/web-animations/stacking-context-animation-ref.html
 create mode 100644 layout/reftests/web-animations/stacking-context-opacity-changing-effect.html
 create mode 100644 layout/reftests/web-animations/stacking-context-opacity-changing-keyframe-in-delay.html
 create mode 100644 layout/reftests/web-animations/stacking-context-opacity-changing-keyframe.html
 create mode 100644 layout/reftests/web-animations/stacking-context-opacity-changing-target-in-delay.html
 create mode 100644 layout/reftests/web-animations/stacking-context-opacity-changing-target.html
 create mode 100644 layout/reftests/web-animations/stacking-context-opacity-losing-css-animation-in-delay.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-changing-display-property.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-changing-effect-on-table.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-changing-effect.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-changing-keyframe-in-delay.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-changing-keyframe.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-changing-target-in-delay.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-changing-target.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-losing-css-animation-in-delay.html
 create mode 100644 layout/reftests/web-animations/stacking-context-transform-none-animation-before-appending-element.html
 create mode 100644 layout/reftests/web-animations/style-updates-for-iteration-composite-ref.html
 create mode 100644 layout/reftests/web-animations/style-updates-on-current-iteration-changed.html
 create mode 100644 layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-accumulate-to-replace.html
 create mode 100644 layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-replace-to-accumulate.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-1-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-1.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-2-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-2.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-3-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-3.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-4-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-shadow-4.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-1-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-1.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-2-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-2.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-3-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-3.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-4.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-5-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-5.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-6-ref.html
 create mode 100644 layout/reftests/webcomponents/basic-slot-6.html
 create mode 100644 layout/reftests/webcomponents/dynamic-insertion-point-distribution-1-ref.html
 create mode 100644 layout/reftests/webcomponents/dynamic-insertion-point-distribution-1.html
 create mode 100644 layout/reftests/webcomponents/dynamic-insertion-point-distribution-2-ref.html
 create mode 100644 layout/reftests/webcomponents/dynamic-insertion-point-distribution-2.html
 create mode 100644 layout/reftests/webcomponents/fallback-content-1-ref.html
 create mode 100644 layout/reftests/webcomponents/fallback-content-1.html
 create mode 100644 layout/reftests/webcomponents/input-transition-1-ref.html
 create mode 100644 layout/reftests/webcomponents/input-transition-1.html
 create mode 100644 layout/reftests/webcomponents/nested-insertion-point-1-ref.html
 create mode 100644 layout/reftests/webcomponents/nested-insertion-point-1.html
 create mode 100644 layout/reftests/webcomponents/reframe-shadow-child-1.html
 create mode 100644 layout/reftests/webcomponents/reframe-shadow-child-2.html
 create mode 100644 layout/reftests/webcomponents/reframe-shadow-child-ref.html
 create mode 100644 layout/reftests/webcomponents/reftest.list
 create mode 100644 layout/reftests/webcomponents/remove-append-shadow-host-1-ref.html
 create mode 100644 layout/reftests/webcomponents/remove-append-shadow-host-1.html
 create mode 100644 layout/reftests/webcomponents/remove-insertion-point-1-ref.html
 create mode 100644 layout/reftests/webcomponents/remove-insertion-point-1.html
 create mode 100644 layout/reftests/webcomponents/shadow-style-1-ref.html
 create mode 100644 layout/reftests/webcomponents/shadow-style-1.html
 create mode 100644 layout/reftests/webcomponents/shadow-style-2-ref.html
 create mode 100644 layout/reftests/webcomponents/shadow-style-2.html
 create mode 100644 layout/reftests/webcomponents/shadow-style-3-ref.html
 create mode 100644 layout/reftests/webcomponents/shadow-style-3.html
 create mode 100644 layout/reftests/webcomponents/style-sharing-across-shadow.html
 create mode 100644 layout/reftests/webcomponents/style-sharing-ref.html
 create mode 100644 layout/reftests/webcomponents/style-sharing.html
 create mode 100644 layout/reftests/webcomponents/update-dist-node-descendants-1-ref.html
 create mode 100644 layout/reftests/webcomponents/update-dist-node-descendants-1.html
 create mode 100644 layout/reftests/webkit-box/reftest.list
 create mode 100644 layout/reftests/webkit-box/webkit-box-abspos-children-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-abspos-children-1.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-align-horiz-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-align-horiz-1a.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-align-horiz-1b.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-align-vert-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-align-vert-1.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-anon-flex-items-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-anon-flex-items-1a.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-anon-flex-items-1b.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-anon-flex-items-2-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-anon-flex-items-2.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-anon-flex-items-3-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-anon-flex-items-3.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-direction-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-direction-1.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-direction-2-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-direction-2.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-flex-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-flex-1.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-ordinal-group-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-ordinal-group-1.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-ordinal-group-2-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-ordinal-group-2.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-ordinal-group-3-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-ordinal-group-3.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-pack-horiz-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-pack-horiz-1a.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-pack-horiz-1b.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-pack-vert-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-pack-vert-1.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-with-modern-css-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-with-modern-css-1.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-with-modern-css-2-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-box-with-modern-css-2.html
 create mode 100644 layout/reftests/webkit-box/webkit-display-values-1-ref.html
 create mode 100644 layout/reftests/webkit-box/webkit-display-values-1.html
 create mode 100644 layout/reftests/webkit-gradient/reftest.list
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1-ref.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-linear-1-ref.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-linear-1a.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-linear-1b.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-linear-1c.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-linear-1d.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-linear-2-ref.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-linear-2.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-radial-1-ref.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-radial-1a.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-radial-1b.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-radial-2-ref.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-gradient-radial-2.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-linear-gradient-1-ref.html
 create mode 100644 layout/reftests/webkit-gradient/webkit-linear-gradient-1.html
 create mode 100644 layout/reftests/webm-video/aspect-ratio-1-ref.html
 create mode 100644 layout/reftests/webm-video/aspect-ratio-1a.xhtml
 create mode 100644 layout/reftests/webm-video/aspect-ratio-1b.xhtml
 create mode 100644 layout/reftests/webm-video/aspect-ratio-2-ref.html
 create mode 100644 layout/reftests/webm-video/aspect-ratio-2a.xhtml
 create mode 100644 layout/reftests/webm-video/aspect-ratio-2b.xhtml
 create mode 100644 layout/reftests/webm-video/aspect-ratio-3-ref.xhtml
 create mode 100644 layout/reftests/webm-video/aspect-ratio-3a.xhtml
 create mode 100644 layout/reftests/webm-video/aspect-ratio-3b.xhtml
 create mode 100644 layout/reftests/webm-video/basic-1-ref.html
 create mode 100644 layout/reftests/webm-video/basic-1.xhtml
 create mode 100644 layout/reftests/webm-video/black100x100-aspect3to2.webm
 create mode 100644 layout/reftests/webm-video/black140x100.webm
 create mode 100644 layout/reftests/webm-video/black29x19offset.webm
 create mode 100644 layout/reftests/webm-video/blue140x100.png
 create mode 100644 layout/reftests/webm-video/blue250x200.png
 create mode 100644 layout/reftests/webm-video/bug686957-ref.html
 create mode 100644 layout/reftests/webm-video/bug686957.html
 create mode 100644 layout/reftests/webm-video/canvas-1a.xhtml
 create mode 100644 layout/reftests/webm-video/canvas-1b.xhtml
 create mode 100644 layout/reftests/webm-video/clipping-1-ref.html
 create mode 100644 layout/reftests/webm-video/clipping-1a.html
 create mode 100644 layout/reftests/webm-video/colors-16x8.png
 create mode 100644 layout/reftests/webm-video/colors-16x8.webm
 create mode 100644 layout/reftests/webm-video/colors-8x16.png
 create mode 100644 layout/reftests/webm-video/colors-8x16.webm
 create mode 100644 layout/reftests/webm-video/empty-1-ref.html
 create mode 100644 layout/reftests/webm-video/empty-1a.html
 create mode 100644 layout/reftests/webm-video/empty-1b.html
 create mode 100644 layout/reftests/webm-video/encoded-aspect-ratio-1-ref.html
 create mode 100644 layout/reftests/webm-video/encoded-aspect-ratio-1.html
 create mode 100644 layout/reftests/webm-video/frames.webm
 create mode 100644 layout/reftests/webm-video/generate-object-fit-video-tests.sh
 create mode 100644 layout/reftests/webm-video/generate-object-position-video-tests.sh
 create mode 100644 layout/reftests/webm-video/green70x30.png
 create mode 100644 layout/reftests/webm-video/object-aspect-ratio-1a.xhtml
 create mode 100644 layout/reftests/webm-video/object-aspect-ratio-1b.xhtml
 create mode 100644 layout/reftests/webm-video/object-aspect-ratio-2a.xhtml
 create mode 100644 layout/reftests/webm-video/object-aspect-ratio-2b.xhtml
 create mode 100644 layout/reftests/webm-video/object-fit-contain-webm-001-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-contain-webm-001.html
 create mode 100644 layout/reftests/webm-video/object-fit-contain-webm-002-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-contain-webm-002.html
 create mode 100644 layout/reftests/webm-video/object-fit-cover-webm-001-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-cover-webm-001.html
 create mode 100644 layout/reftests/webm-video/object-fit-cover-webm-002-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-cover-webm-002.html
 create mode 100644 layout/reftests/webm-video/object-fit-fill-webm-001-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-fill-webm-001.html
 create mode 100644 layout/reftests/webm-video/object-fit-fill-webm-002-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-fill-webm-002.html
 create mode 100644 layout/reftests/webm-video/object-fit-none-webm-001-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-none-webm-001.html
 create mode 100644 layout/reftests/webm-video/object-fit-none-webm-002-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-none-webm-002.html
 create mode 100644 layout/reftests/webm-video/object-fit-scale-down-webm-001-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-scale-down-webm-001.html
 create mode 100644 layout/reftests/webm-video/object-fit-scale-down-webm-002-ref.html
 create mode 100644 layout/reftests/webm-video/object-fit-scale-down-webm-002.html
 create mode 100644 layout/reftests/webm-video/object-position-webm-001-ref.html
 create mode 100644 layout/reftests/webm-video/object-position-webm-001.html
 create mode 100644 layout/reftests/webm-video/object-position-webm-002-ref.html
 create mode 100644 layout/reftests/webm-video/object-position-webm-002.html
 create mode 100644 layout/reftests/webm-video/offset-1-ref.html
 create mode 100644 layout/reftests/webm-video/offset-1.xhtml
 create mode 100644 layout/reftests/webm-video/poster-1.html
 create mode 100644 layout/reftests/webm-video/poster-10.html
 create mode 100644 layout/reftests/webm-video/poster-11.html
 create mode 100644 layout/reftests/webm-video/poster-12.html
 create mode 100644 layout/reftests/webm-video/poster-13.html
 create mode 100644 layout/reftests/webm-video/poster-15.html
 create mode 100644 layout/reftests/webm-video/poster-2.html
 create mode 100644 layout/reftests/webm-video/poster-3.html
 create mode 100644 layout/reftests/webm-video/poster-4.html
 create mode 100644 layout/reftests/webm-video/poster-5.html
 create mode 100644 layout/reftests/webm-video/poster-6.html
 create mode 100644 layout/reftests/webm-video/poster-7.html
 create mode 100644 layout/reftests/webm-video/poster-8.html
 create mode 100644 layout/reftests/webm-video/poster-ref-black140x100.html
 create mode 100644 layout/reftests/webm-video/poster-ref-blue125x100.html
 create mode 100644 layout/reftests/webm-video/poster-ref-blue140x100.html
 create mode 100644 layout/reftests/webm-video/poster-ref-blue250x200.html
 create mode 100644 layout/reftests/webm-video/poster-ref-blue400x300.html
 create mode 100644 layout/reftests/webm-video/poster-ref-green70x30.html
 create mode 100644 layout/reftests/webm-video/poster-ref-red140x100.html
 create mode 100644 layout/reftests/webm-video/poster-ref-red160x120.html
 create mode 100644 layout/reftests/webm-video/red140x100.png
 create mode 100644 layout/reftests/webm-video/red160x120.png
 create mode 100644 layout/reftests/webm-video/reftest.list
 create mode 100644 layout/reftests/webm-video/webm-alpha-2-ref.html
 create mode 100644 layout/reftests/webm-video/webm-alpha-2.html
 create mode 100644 layout/reftests/webm-video/webm-alpha-capture.html
 create mode 100644 layout/reftests/webm-video/webm-alpha-ref.html
 create mode 100644 layout/reftests/webm-video/webm-alpha.html
 create mode 100644 layout/reftests/webm-video/webm-alpha.webm
 create mode 100644 layout/reftests/webm-video/zoomed-1-ref.html
 create mode 100644 layout/reftests/webm-video/zoomed-1.xhtml
 create mode 100644 layout/reftests/writing-mode/1079154-1-vertical-rl-columns-ref.html
 create mode 100644 layout/reftests/writing-mode/1079154-1-vertical-rl-columns.html
 create mode 100644 layout/reftests/writing-mode/1082844-ref.html
 create mode 100644 layout/reftests/writing-mode/1082844.html
 create mode 100644 layout/reftests/writing-mode/1083748-ref.html
 create mode 100644 layout/reftests/writing-mode/1083748.html
 create mode 100644 layout/reftests/writing-mode/1083848-1-inline-border-ref.html
 create mode 100644 layout/reftests/writing-mode/1083848-1-inline-border.html
 create mode 100644 layout/reftests/writing-mode/1083848-2-inline-background-ref.html
 create mode 100644 layout/reftests/writing-mode/1083848-2-inline-background.html
 create mode 100644 layout/reftests/writing-mode/1083848-3-inline-background-repeat-ref.html
 create mode 100644 layout/reftests/writing-mode/1083848-3-inline-background-repeat.html
 create mode 100644 layout/reftests/writing-mode/1083892-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1083892-1.html
 create mode 100644 layout/reftests/writing-mode/1086883-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1086883-1a.html
 create mode 100644 layout/reftests/writing-mode/1086883-1b.html
 create mode 100644 layout/reftests/writing-mode/1088025-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1088025-1.html
 create mode 100644 layout/reftests/writing-mode/1089388-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1089388-1.html
 create mode 100644 layout/reftests/writing-mode/1089388-2-ref.html
 create mode 100644 layout/reftests/writing-mode/1089388-2.html
 create mode 100644 layout/reftests/writing-mode/1090159-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1090159-1.html
 create mode 100644 layout/reftests/writing-mode/1090168-1-notref.html
 create mode 100644 layout/reftests/writing-mode/1090168-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1090168-1.html
 create mode 100644 layout/reftests/writing-mode/1090168-2-ref.html
 create mode 100644 layout/reftests/writing-mode/1090168-2.html
 create mode 100644 layout/reftests/writing-mode/1090168-3-ref.html
 create mode 100644 layout/reftests/writing-mode/1090168-3.html
 create mode 100644 layout/reftests/writing-mode/1091058-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1091058-1.html
 create mode 100644 layout/reftests/writing-mode/1094434-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1094434-1.html
 create mode 100644 layout/reftests/writing-mode/1094434-2-ref.html
 create mode 100644 layout/reftests/writing-mode/1094434-2.html
 create mode 100644 layout/reftests/writing-mode/1094914-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1094914-1a.html
 create mode 100644 layout/reftests/writing-mode/1094914-1b.html
 create mode 100644 layout/reftests/writing-mode/1096224-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1096224-1a.html
 create mode 100644 layout/reftests/writing-mode/1096224-1b.html
 create mode 100644 layout/reftests/writing-mode/1102175-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1102175-1a.html
 create mode 100644 layout/reftests/writing-mode/1102175-1b.html
 create mode 100644 layout/reftests/writing-mode/1103613-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1103613-1.html
 create mode 100644 layout/reftests/writing-mode/1105268-1-min-max-dimensions-ref.html
 create mode 100644 layout/reftests/writing-mode/1105268-1-min-max-dimensions.html
 create mode 100644 layout/reftests/writing-mode/1105268-2-min-max-dimensions-ref.html
 create mode 100644 layout/reftests/writing-mode/1105268-2-min-max-dimensions.html
 create mode 100644 layout/reftests/writing-mode/1106669-1-intrinsic-for-container-ref.html
 create mode 100644 layout/reftests/writing-mode/1106669-1-intrinsic-for-container.html
 create mode 100644 layout/reftests/writing-mode/1108923-1-percentage-margins-ref.html
 create mode 100644 layout/reftests/writing-mode/1108923-1-percentage-margins.html
 create mode 100644 layout/reftests/writing-mode/1111944-1-list-marker-ref.html
 create mode 100644 layout/reftests/writing-mode/1111944-1-list-marker.html
 create mode 100644 layout/reftests/writing-mode/1115916-1-vertical-metrics-ref.html
 create mode 100644 layout/reftests/writing-mode/1115916-1-vertical-metrics.html
 create mode 100644 layout/reftests/writing-mode/1117210-1-vertical-baseline-snap-ref.html
 create mode 100644 layout/reftests/writing-mode/1117210-1-vertical-baseline-snap.html
 create mode 100644 layout/reftests/writing-mode/1117227-1-text-overflow-ref.html
 create mode 100644 layout/reftests/writing-mode/1117227-1-text-overflow.html
 create mode 100644 layout/reftests/writing-mode/1122366-1-margin-collapse-ref.html
 create mode 100644 layout/reftests/writing-mode/1122366-1-margin-collapse.html
 create mode 100644 layout/reftests/writing-mode/1124636-1-fieldset-max-height-ref.html
 create mode 100644 layout/reftests/writing-mode/1124636-1-fieldset-max-height.html
 create mode 100644 layout/reftests/writing-mode/1124636-2-fieldset-min-height-ref.html
 create mode 100644 layout/reftests/writing-mode/1124636-2-fieldset-min-height.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-bottom-left-ref.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-bottom-right-ref.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-default-horizontal-tb-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-default-horizontal-tb-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-default-vertical-lr-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-default-vertical-lr-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-default-vertical-rl-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-default-vertical-rl-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-end-horizontal-tb-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-end-horizontal-tb-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-end-vertical-lr-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-end-vertical-lr-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-end-vertical-rl-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-end-vertical-rl-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-left-horizontal-tb-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-left-horizontal-tb-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-left-vertical-lr-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-left-vertical-lr-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-left-vertical-rl-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-left-vertical-rl-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-right-horizontal-tb-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-right-horizontal-tb-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-right-vertical-lr-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-right-vertical-lr-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-right-vertical-rl-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-right-vertical-rl-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-start-horizontal-tb-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-start-horizontal-tb-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-start-vertical-lr-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-start-vertical-lr-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-start-vertical-rl-ltr.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-start-vertical-rl-rtl.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-top-left-ref.html
 create mode 100644 layout/reftests/writing-mode/1127488-align-top-right-ref.html
 create mode 100644 layout/reftests/writing-mode/1130907-intrinsic-sizing-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1130907-intrinsic-sizing-1.html
 create mode 100644 layout/reftests/writing-mode/1130907-intrinsic-sizing-2-ref.html
 create mode 100644 layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
 create mode 100644 layout/reftests/writing-mode/1131013-vertical-bidi-ref.html
 create mode 100644 layout/reftests/writing-mode/1131013-vertical-bidi.html
 create mode 100644 layout/reftests/writing-mode/1133945-1-vertical-align-ref.html
 create mode 100644 layout/reftests/writing-mode/1133945-1-vertical-align.html
 create mode 100644 layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1.html
 create mode 100644 layout/reftests/writing-mode/1134849-orthogonal-inline-ref.html
 create mode 100644 layout/reftests/writing-mode/1134849-orthogonal-inline.html
 create mode 100644 layout/reftests/writing-mode/1135361-ruby-justify-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1135361-ruby-justify-1.html
 create mode 100644 layout/reftests/writing-mode/1136557-1-nested-spans-ref.html
 create mode 100644 layout/reftests/writing-mode/1136557-1-nested-spans.html
 create mode 100644 layout/reftests/writing-mode/1136557-2-nested-spans-ref.html
 create mode 100644 layout/reftests/writing-mode/1136557-2-nested-spans.html
 create mode 100644 layout/reftests/writing-mode/1136557-3-nested-spans-ref.html
 create mode 100644 layout/reftests/writing-mode/1136557-3-nested-spans.html
 create mode 100644 layout/reftests/writing-mode/1138356-1-button-contents-alignment-ref.html
 create mode 100644 layout/reftests/writing-mode/1138356-1-button-contents-alignment.html
 create mode 100644 layout/reftests/writing-mode/1138356-2-button-contents-alignment-notref.html
 create mode 100644 layout/reftests/writing-mode/1138356-2-button-contents-alignment.html
 create mode 100644 layout/reftests/writing-mode/1144501-1-block-end-margin-orthogonal-size-ref.html
 create mode 100644 layout/reftests/writing-mode/1144501-1a-block-end-margin-orthogonal-size.html
 create mode 100644 layout/reftests/writing-mode/1144501-1b-block-end-margin-orthogonal-size.html
 create mode 100644 layout/reftests/writing-mode/1147834-bottom-left-ref.html
 create mode 100644 layout/reftests/writing-mode/1147834-bottom-right-ref.html
 create mode 100644 layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-ltr.html
 create mode 100644 layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-rtl.html
 create mode 100644 layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-ltr.html
 create mode 100644 layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-rtl.html
 create mode 100644 layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-ltr.html
 create mode 100644 layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-rtl.html
 create mode 100644 layout/reftests/writing-mode/1147834-top-left-ref.html
 create mode 100644 layout/reftests/writing-mode/1147834-top-right-ref.html
 create mode 100644 layout/reftests/writing-mode/1151993-1-orthogonal-block-size-ref.html
 create mode 100644 layout/reftests/writing-mode/1151993-1-orthogonal-block-size.html
 create mode 100644 layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow-ref.html
 create mode 100644 layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow.html
 create mode 100644 layout/reftests/writing-mode/1156021-text-indent-percent-ref.html
 create mode 100644 layout/reftests/writing-mode/1156021-text-indent-percent.html
 create mode 100644 layout/reftests/writing-mode/1157752-upright-bidi-ref.html
 create mode 100644 layout/reftests/writing-mode/1157752-upright-bidi.html
 create mode 100644 layout/reftests/writing-mode/1157758-1-vertical-arabic-ref.html
 create mode 100644 layout/reftests/writing-mode/1157758-1-vertical-arabic.html
 create mode 100644 layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints-ref.html
 create mode 100644 layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints.html
 create mode 100644 layout/reftests/writing-mode/1163238-orthogonal-auto-margins-ref.html
 create mode 100644 layout/reftests/writing-mode/1163238-orthogonal-auto-margins.html
 create mode 100644 layout/reftests/writing-mode/1174450-intrinsic-sizing-ref.html
 create mode 100644 layout/reftests/writing-mode/1174450-intrinsic-sizing.html
 create mode 100644 layout/reftests/writing-mode/1175789-underline-overline-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1175789-underline-overline-1.html
 create mode 100644 layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics-ref.html
 create mode 100644 layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics.html
 create mode 100644 layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize-ref.html
 create mode 100644 layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-1.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-2-ref.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-2.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-3-ref.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-3.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-4-ref.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-4.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-decoration-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1193519-sideways-lr-decoration-1.html
 create mode 100644 layout/reftests/writing-mode/1196887-1-computed-display-inline-block-ref.html
 create mode 100644 layout/reftests/writing-mode/1196887-1-computed-display-inline-block.html
 create mode 100644 layout/reftests/writing-mode/1205787-legacy-svg-values-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1205787-legacy-svg-values-1.html
 create mode 100644 layout/reftests/writing-mode/1216747-1-notref.html
 create mode 100644 layout/reftests/writing-mode/1216747-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1216747-1.html
 create mode 100644 layout/reftests/writing-mode/1243125-1-floats-overflowing-ref.html
 create mode 100644 layout/reftests/writing-mode/1243125-1-floats-overflowing.html
 create mode 100644 layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun-ref.html
 create mode 100644 layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-1a.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-1b.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-1c.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-1d.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-2-ref.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-2a.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-2b.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-2c.html
 create mode 100644 layout/reftests/writing-mode/1302389-scrolled-rect-2d.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-1a.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-1b.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-2-ref.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-2a.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-2b.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-2c.html
 create mode 100644 layout/reftests/writing-mode/1302734-bidi-plaintext-2d.html
 create mode 100644 layout/reftests/writing-mode/1361631-mongolian-upright-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1361631-mongolian-upright-1.html
 create mode 100644 layout/reftests/writing-mode/1395926-vertical-upright-gpos-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1395926-vertical-upright-gpos-1.html
 create mode 100644 layout/reftests/writing-mode/1673510-1-ref.html
 create mode 100644 layout/reftests/writing-mode/1673510-1.html
 create mode 100644 layout/reftests/writing-mode/4colors.png
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8c.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9-ref.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9a.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9b.html
 create mode 100644 layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9c.html
 create mode 100644 layout/reftests/writing-mode/abspos/blue-32x32.png
 create mode 100644 layout/reftests/writing-mode/abspos/reftest.list
 create mode 100644 layout/reftests/writing-mode/abspos/support/Ahem.ttf
 create mode 100644 layout/reftests/writing-mode/abspos/support/ahem.css
 create mode 100644 layout/reftests/writing-mode/blue-32x32.png
 create mode 100644 layout/reftests/writing-mode/font-inflation-1-ref.html
 create mode 100644 layout/reftests/writing-mode/font-inflation-1a.html
 create mode 100644 layout/reftests/writing-mode/font-inflation-1b.html
 create mode 100644 layout/reftests/writing-mode/font-inflation-1c-ref.html
 create mode 100644 layout/reftests/writing-mode/font-inflation-1c.html
 create mode 100644 layout/reftests/writing-mode/font-inflation-1d-ref.html
 create mode 100644 layout/reftests/writing-mode/font-inflation-1d.html
 create mode 100644 layout/reftests/writing-mode/font-inflation-1e.html
 create mode 100644 layout/reftests/writing-mode/green-100x100.png
 create mode 100644 layout/reftests/writing-mode/left-bottom-300x300.png
 create mode 100644 layout/reftests/writing-mode/left-top-300x300.png
 create mode 100644 layout/reftests/writing-mode/reftest.list
 create mode 100644 layout/reftests/writing-mode/right-bottom-300x300.png
 create mode 100644 layout/reftests/writing-mode/right-top-300x300.png
 create mode 100644 layout/reftests/writing-mode/swatch-yellow.png
 create mode 100644 layout/reftests/writing-mode/tables/1259168-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/1259168-slr.html
 create mode 100644 layout/reftests/writing-mode/tables/1259168-srl.html
 create mode 100644 layout/reftests/writing-mode/tables/1259168-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/1259168-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/border-collapse-bevels-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/border-collapse-bevels-1a.html
 create mode 100644 layout/reftests/writing-mode/tables/border-collapse-bevels-1b.html
 create mode 100644 layout/reftests/writing-mode/tables/border-collapse-bevels-1c.html
 create mode 100644 layout/reftests/writing-mode/tables/border-collapse-bevels-1d.html
 create mode 100644 layout/reftests/writing-mode/tables/border-collapse-bevels-1e.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-002-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-002-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-002-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-003-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-003-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-004-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-004-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-004-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-005-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-005-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-005-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-006-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-006-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-006-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-007-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-007-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-007-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-009-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-009-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-009-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-010-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-010-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-010-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-012-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-012-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-012-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-013-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-013-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-014-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-014-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-015-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-015-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-016-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-016-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-017-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-017-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-017-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-018-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-018-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-021-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-021-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-021-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-022-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-022-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-022-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-023-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-023-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-023-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-025-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-025-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-025-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-026-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-026-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-027-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-027-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-028-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-028-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-029-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-029-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-030-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-030-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-031-vlr.html
 create mode 100644 layout/reftests/writing-mode/tables/fixed-table-layout-031-vrl.html
 create mode 100644 layout/reftests/writing-mode/tables/multicol-count-002-ref.xht
 create mode 100644 layout/reftests/writing-mode/tables/reftest.list
 create mode 100644 layout/reftests/writing-mode/tables/s72-border-spacing-002-ref.xht
 create mode 100644 layout/reftests/writing-mode/tables/s72-border-spacing-002.xht
 create mode 100644 layout/reftests/writing-mode/tables/s72-border-spacing-003.xht
 create mode 100644 layout/reftests/writing-mode/tables/s72-border-spacing-004.xht
 create mode 100644 layout/reftests/writing-mode/tables/s72-border-spacing-005.xht
 create mode 100644 layout/reftests/writing-mode/tables/sideways-lr-row-progression-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/sideways-lr-row-progression-1a.html
 create mode 100644 layout/reftests/writing-mode/tables/sideways-lr-row-progression-1b.html
 create mode 100644 layout/reftests/writing-mode/tables/sideways-rl-row-progression-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/sideways-rl-row-progression-1a.html
 create mode 100644 layout/reftests/writing-mode/tables/sideways-rl-row-progression-1b.html
 create mode 100644 layout/reftests/writing-mode/tables/support/ahem.css
 create mode 100644 layout/reftests/writing-mode/tables/support/swatch-green.png
 create mode 100644 layout/reftests/writing-mode/tables/table-caption-bottom-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/table-caption-bottom-1.html
 create mode 100644 layout/reftests/writing-mode/tables/table-caption-top-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/table-caption-top-1.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-border-collapse-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-border-collapse-1.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-border-collapse-2-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-border-collapse-2.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-rl-row-progression-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-rl-row-progression-1a.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-rl-row-progression-1b.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-1a.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-1b.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-2-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-2a.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-2b.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-colspan-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-colspan-1.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-colspan-2-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-colspan-2.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-rowspan-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-rowspan-1.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-rowspan-2-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-rowspan-2.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-specified-width-1-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-specified-width-1.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-specified-width-2-ref.html
 create mode 100644 layout/reftests/writing-mode/tables/vertical-table-specified-width-2.html
 create mode 100644 layout/reftests/writing-mode/tables/wm-row-progression-002.xht
 create mode 100644 layout/reftests/writing-mode/tables/wm-row-progression-003.xht
 create mode 100644 layout/reftests/writing-mode/tables/wm-row-progression-004.xht
 create mode 100644 layout/reftests/writing-mode/tables/wm-row-progression-005.xht
 create mode 100644 layout/reftests/writing-mode/tables/wm-row-progression-006.xht
 create mode 100644 layout/reftests/writing-mode/tables/wm-row-progression-007.xht
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-2-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-2.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-3-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-3.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-4-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-4.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-5-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-border-5.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-button-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-fieldset-1-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-fieldset-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-input-color-1-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-input-color-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-input-number-1-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-input-number-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-1-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-10-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-10.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-11-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-11.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-12-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-12.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-13-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-13.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-14-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-14.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-2-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-2.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-3-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-3.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-4-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-4.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-5-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-5.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-6-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-6.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-7-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-7.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-8-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-8.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-9-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-margin-9.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-size-1-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-size-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-size-2-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-size-2.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-textarea-1.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-textarea-1a-ref.html
 create mode 100644 layout/reftests/writing-mode/ua-style-sheet-textarea-1c-ref.html
 create mode 100644 layout/reftests/xul-document-load/readme.txt
 create mode 100644 layout/reftests/xul-document-load/reference-green-window.xhtml
 create mode 100644 layout/reftests/xul-document-load/reftest.list
 create mode 100644 layout/reftests/xul-document-load/test003.css
 create mode 100644 layout/reftests/xul-document-load/test003.xhtml
 create mode 100644 layout/reftests/xul-document-load/test004.css
 create mode 100644 layout/reftests/xul-document-load/test004.xhtml
 create mode 100644 layout/reftests/xul-document-load/test005.css
 create mode 100644 layout/reftests/xul-document-load/test005.js
 create mode 100644 layout/reftests/xul-document-load/test005.xhtml
 create mode 100644 layout/reftests/xul-document-load/test006-007.js
 create mode 100644 layout/reftests/xul-document-load/test006.css
 create mode 100644 layout/reftests/xul-document-load/test006.xhtml
 create mode 100644 layout/reftests/xul-document-load/test008.xhtml
 create mode 100644 layout/reftests/xul-document-load/test010.css
 create mode 100644 layout/reftests/xul-document-load/test010.xhtml
 create mode 100644 layout/reftests/xul-document-load/test012-1.css
 create mode 100644 layout/reftests/xul-document-load/test012-2.css
 create mode 100644 layout/reftests/xul-document-load/test012.xhtml
 create mode 100644 layout/reftests/xul-document-load/test013-1-import.css
 create mode 100644 layout/reftests/xul-document-load/test013-1.css
 create mode 100644 layout/reftests/xul-document-load/test013-2.css
 create mode 100644 layout/reftests/xul-document-load/test013.xhtml
 create mode 100644 layout/reftests/xul-document-load/test022.xhtml
 create mode 100644 layout/reftests/xul/accesskey-ref.xhtml
 create mode 100644 layout/reftests/xul/accesskey.xhtml
 create mode 100644 layout/reftests/xul/blank-window.xhtml
 create mode 100644 layout/reftests/xul/colors-16x8-noSize.svg
 create mode 100644 layout/reftests/xul/colors-16x8-parDefault.svg
 create mode 100644 layout/reftests/xul/colors-16x8.png
 create mode 100644 layout/reftests/xul/colors-16x8.svg
 create mode 100644 layout/reftests/xul/colors-8x16-noSize.svg
 create mode 100644 layout/reftests/xul/colors-8x16-parDefault.svg
 create mode 100644 layout/reftests/xul/colors-8x16.png
 create mode 100644 layout/reftests/xul/colors-8x16.svg
 create mode 100644 layout/reftests/xul/css-flex-1-ref.html
 create mode 100644 layout/reftests/xul/css-flex-1.xhtml
 create mode 100644 layout/reftests/xul/generate-object-fit-xul-tests.sh
 create mode 100644 layout/reftests/xul/generate-object-position-xul-tests.sh
 create mode 100644 layout/reftests/xul/green-ref.xhtml
 create mode 100644 layout/reftests/xul/image-appearance-dynamic-ref.xhtml
 create mode 100644 layout/reftests/xul/image-appearance-dynamic.xhtml
 create mode 100644 layout/reftests/xul/inactive-fixed-bg-bug1205630-ref.html
 create mode 100644 layout/reftests/xul/inactive-fixed-bg-bug1205630.xhtml
 create mode 100644 layout/reftests/xul/inactive-fixed-bg-bug1272525-ref.html
 create mode 100644 layout/reftests/xul/inactive-fixed-bg-bug1272525.xhtml
 create mode 100644 layout/reftests/xul/mac-tab-toolbar-ref.xhtml
 create mode 100644 layout/reftests/xul/mac-tab-toolbar.xhtml
 create mode 100644 layout/reftests/xul/menuitem-key-ref.xhtml
 create mode 100644 layout/reftests/xul/menuitem-key.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-png-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-png-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-png-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-png-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-003-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-003.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-004-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-004.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-005-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-005.xhtml
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-006-ref.html
 create mode 100644 layout/reftests/xul/object-fit-contain-svg-006.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-png-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-png-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-png-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-png-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-003-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-003.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-004-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-004.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-005-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-005.xhtml
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-006-ref.html
 create mode 100644 layout/reftests/xul/object-fit-cover-svg-006.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-png-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-png-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-png-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-png-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-003-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-003.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-004-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-004.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-005-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-005.xhtml
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-006-ref.html
 create mode 100644 layout/reftests/xul/object-fit-fill-svg-006.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-png-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-png-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-png-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-png-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-svg-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-svg-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-svg-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-svg-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-svg-003-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-svg-003.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-svg-004-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-svg-004.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-svg-005-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-svg-005.xhtml
 create mode 100644 layout/reftests/xul/object-fit-none-svg-006-ref.html
 create mode 100644 layout/reftests/xul/object-fit-none-svg-006.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-png-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-png-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-png-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-png-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-001-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-001.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-002-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-002.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-003-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-003.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-004-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-004.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-005-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-005.xhtml
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-006-ref.html
 create mode 100644 layout/reftests/xul/object-fit-scale-down-svg-006.xhtml
 create mode 100644 layout/reftests/xul/object-position-png-001-ref.html
 create mode 100644 layout/reftests/xul/object-position-png-001.xhtml
 create mode 100644 layout/reftests/xul/object-position-png-002-ref.html
 create mode 100644 layout/reftests/xul/object-position-png-002.xhtml
 create mode 100644 layout/reftests/xul/reftest.list
 create mode 100644 layout/reftests/xul/text-crop-002-ref.xhtml
 create mode 100644 layout/reftests/xul/text-crop-002.xhtml
 create mode 100644 layout/reftests/xul/text-crop-ref.xhtml
 create mode 100644 layout/reftests/xul/text-crop.xhtml
 create mode 100644 layout/reftests/xul/text-small-caps-1-ref.xhtml
 create mode 100644 layout/reftests/xul/text-small-caps-1.xhtml
 create mode 100644 layout/reftests/xul/tree-row-outline-1-notref.xhtml
 create mode 100644 layout/reftests/xul/tree-row-outline-1-ref.xhtml
 create mode 100644 layout/reftests/xul/tree-row-outline-1.xhtml
 create mode 100644 layout/reftests/xul/tree-scrollbar-height-change-ref.xhtml
 create mode 100644 layout/reftests/xul/tree-scrollbar-height-change.xhtml
 create mode 100644 layout/reftests/xul/treecell-image-svg-1-ref.xhtml
 create mode 100644 layout/reftests/xul/treecell-image-svg-1a.xhtml
 create mode 100644 layout/reftests/xul/treecell-image-svg-1b.xhtml
 create mode 100644 layout/reftests/xul/treetwisty-context-paint.svg
 create mode 100644 layout/reftests/xul/treetwisty-no-context-paint.svg
 create mode 100644 layout/reftests/xul/treetwisty-svg-context-paint-1-not-ref.xhtml
 create mode 100644 layout/reftests/xul/treetwisty-svg-context-paint-1-ref.xhtml
 create mode 100644 layout/reftests/xul/treetwisty-svg-context-paint-1.xhtml
 create mode 100644 layout/reftests/z-index/480053-1-ref.html
 create mode 100644 layout/reftests/z-index/480053-1.html
 create mode 100644 layout/reftests/z-index/overlayscrollbar-sorting-1.html
 create mode 100644 layout/reftests/z-index/overlayscrollbar-sorting-2.html
 create mode 100644 layout/reftests/z-index/overlayscrollbar-sorting-3.html
 create mode 100644 layout/reftests/z-index/overlayscrollbar-sorting-4.html
 create mode 100644 layout/reftests/z-index/overlayscrollbar-sorting-5.html
 create mode 100644 layout/reftests/z-index/overlayscrollbar-sorting-ref-hidden.html
 create mode 100644 layout/reftests/z-index/overlayscrollbar-sorting-ref-visible.html
 create mode 100644 layout/reftests/z-index/reftest.list
 create mode 100644 layout/reftests/z-index/stacking-context-backface-visibility.html
 create mode 100644 layout/reftests/z-index/stacking-context-common.css
 create mode 100644 layout/reftests/z-index/stacking-context-no.html
 create mode 100644 layout/reftests/z-index/stacking-context-perspective.html
 create mode 100644 layout/reftests/z-index/stacking-context-yes.html
 create mode 100644 layout/reftests/z-index/z-index-1-ref.html
 create mode 100644 layout/reftests/z-index/z-index-1.html

(limited to 'layout/reftests')

diff --git a/layout/reftests/abs-pos/abs-pos-auto-margin-1-ref.html b/layout/reftests/abs-pos/abs-pos-auto-margin-1-ref.html
new file mode 100644
index 0000000000..11a3ea5ee6
--- /dev/null
+++ b/layout/reftests/abs-pos/abs-pos-auto-margin-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>'auto' top and bottom margins on absolutely positioned elements</title>
+<style>
+
+body > div {
+  position: relative;
+  height: 100px;
+  border: medium solid;
+}
+
+body > div > div {
+  position: absolute;
+  top: 0;
+  height: 40px;
+  width: 10px;
+  background: blue;
+}
+
+</style>
+<div>
+  <div style="left: 10px;top: 10px"></div>
+  <div style="left: 30px;top: 40px"></div>
+  <div style="left: 50px;top: 10px"></div>
+  <div style="left: 70px;top: 30px"></div>
+</div>
diff --git a/layout/reftests/abs-pos/abs-pos-auto-margin-1.html b/layout/reftests/abs-pos/abs-pos-auto-margin-1.html
new file mode 100644
index 0000000000..86c5732344
--- /dev/null
+++ b/layout/reftests/abs-pos/abs-pos-auto-margin-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<title>'auto' top and bottom margins on absolutely positioned elements</title>
+<style>
+
+body > div {
+  position: relative;
+  height: 100px;
+  border: medium solid;
+}
+
+body > div > div {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  height: 40px;
+  width: 10px;
+  background: blue;
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
+</style>
+<div>
+  <div style="left: 10px;"></div>
+  <div style="left: 30px;margin-top: auto"></div>
+  <div style="left: 50px;margin-bottom: auto"></div>
+  <div style="left: 70px;margin-top: auto; margin-bottom: auto"></div>
+</div>
diff --git a/layout/reftests/abs-pos/abs-pos-auto-margin-centered-ref.html b/layout/reftests/abs-pos/abs-pos-auto-margin-centered-ref.html
new file mode 100644
index 0000000000..169c4d37bf
--- /dev/null
+++ b/layout/reftests/abs-pos/abs-pos-auto-margin-centered-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<title> absolutely positioned element should be vertically centered even if the height is bigger than that of the containing block (reference) - bug 812899</title>
+<style>
+body > div {
+    font-size: 16px;
+    position: relative;
+    border: red solid;
+    margin-top: 5em;
+    width: 5em;
+    height: 5em;
+}
+
+body > div > div {
+    position: absolute;
+    border: medium solid blue;
+    margin: -23px auto;
+    height: 150%;
+    width: 150%;
+    left: 0px;
+    right: 0px;
+    top: 0px;
+    bottom: 0px;
+}
+</style>
+
+<body>
+    <div>
+        <div></div>
+    </div>
+</body>
+
+</html>
diff --git a/layout/reftests/abs-pos/abs-pos-auto-margin-centered.html b/layout/reftests/abs-pos/abs-pos-auto-margin-centered.html
new file mode 100644
index 0000000000..9ca4bdbe50
--- /dev/null
+++ b/layout/reftests/abs-pos/abs-pos-auto-margin-centered.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<title> absolutely positioned element should be vertically centered even if the height is bigger than that of the containing block (reference) - bug 812899</title>
+<style>
+body > div {
+    font-size: 16px;
+    position: relative;
+    border: red solid;
+    margin-top: 5em;
+    width: 5em;
+    height: 5em;
+}
+
+body > div > div {
+    position: absolute;
+    border: medium solid blue;
+    margin: auto auto;
+    height: 150%;
+    width: 150%;
+    left: 0px;
+    right: 0px;
+    top: 0px;
+    bottom: 0px;
+}
+</style>
+
+<body>
+    <div>
+        <div></div>
+    </div>
+</body>
+
+</html>
diff --git a/layout/reftests/abs-pos/auto-offset-inline-block-1-ref.html b/layout/reftests/abs-pos/auto-offset-inline-block-1-ref.html
new file mode 100644
index 0000000000..d8ae9807cc
--- /dev/null
+++ b/layout/reftests/abs-pos/auto-offset-inline-block-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>'auto' offset properties on display:inline-block (reference)</title>
+<style>
+p { font-family: monospace /* avoid kerning */ }
+</style>
+<p>HelloWorld</p>
diff --git a/layout/reftests/abs-pos/auto-offset-inline-block-1.html b/layout/reftests/abs-pos/auto-offset-inline-block-1.html
new file mode 100644
index 0000000000..08a691ade3
--- /dev/null
+++ b/layout/reftests/abs-pos/auto-offset-inline-block-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>'auto' offset properties on display:inline-block</title>
+<style>
+p { font-family: monospace /* avoid kerning */ }
+span {
+  display: inline-block;
+  position: absolute;
+}
+</style>
+<p>Hello<span>World</span></p>
diff --git a/layout/reftests/abs-pos/button-1-ref.html b/layout/reftests/abs-pos/button-1-ref.html
new file mode 100644
index 0000000000..a497de452f
--- /dev/null
+++ b/layout/reftests/abs-pos/button-1-ref.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+<head>
+<style>
+.outer {
+position:relative;
+left:0px;
+top:0px;
+width:
+200px;
+height:100px;
+border:none;
+background:#00ff00;
+}
+.inner {
+position:absolute;
+left:0px;
+top:0px;
+width:50px;
+height:50px;
+background:#ff0000;
+}
+</style>
+</head>
+<body>
+<div class=outer><div class=inner></div></div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/button-1.html b/layout/reftests/abs-pos/button-1.html
new file mode 100644
index 0000000000..2dc248946a
--- /dev/null
+++ b/layout/reftests/abs-pos/button-1.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<style>
+button {
+position:relative;
+left:0px;
+top:0px;
+width:
+200px;
+height:100px;
+border:none;
+background:#00ff00;
+-moz-appearance: none;
+border-radius: 0 !important;
+}
+div {
+position:absolute;
+left:0px;
+top:0px;
+width:50px;
+height:50px;
+background:#ff0000;
+}
+</style>
+</head>
+<body>
+<button><div></div></button>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/button-2-ref.html b/layout/reftests/abs-pos/button-2-ref.html
new file mode 100644
index 0000000000..fd2cc66af1
--- /dev/null
+++ b/layout/reftests/abs-pos/button-2-ref.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+<style>
+div {
+position:relative;
+padding:0;
+background:green;
+width: 200px;
+height: 100px;
+border:none;
+text-align: left;
+font: 12px serif;
+}
+div span {
+display:block;
+position:absolute;
+right:0;
+top:0;
+width:10px;
+height:100%;
+background:red;
+}
+</style>
+</head>
+<body>
+<div>
+<span></span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/button-2.html b/layout/reftests/abs-pos/button-2.html
new file mode 100644
index 0000000000..a4ec462a32
--- /dev/null
+++ b/layout/reftests/abs-pos/button-2.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+<head>
+<style>
+button {
+position:relative;
+padding:0;
+background:green;
+width: 200px;
+height: 100px;
+border:none;
+text-align: left;
+font: 12px serif;
+-moz-appearance: none;
+border-radius: 0 !important;
+}
+button span {
+display:block;
+position:absolute;
+right:0;
+top:0;
+width:10px;
+height:100%;
+background:red;
+}
+</style>
+</head>
+<body>
+<button>
+<span></span>
+</button>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/continuation-positioned-inline-1.html b/layout/reftests/abs-pos/continuation-positioned-inline-1.html
new file mode 100644
index 0000000000..1a2a627022
--- /dev/null
+++ b/layout/reftests/abs-pos/continuation-positioned-inline-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <span style="position: relative; top: 100px">foo<br>
+      <span id="ins-point"><span style="position: absolute; top: 0">abs</span>bar</span></span>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/continuation-positioned-inline-2.html b/layout/reftests/abs-pos/continuation-positioned-inline-2.html
new file mode 100644
index 0000000000..669f3753b0
--- /dev/null
+++ b/layout/reftests/abs-pos/continuation-positioned-inline-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <body onload="loaded()">
+    <span style="position: relative; top: 100px">foo<br>
+      <span id="ins-point">bar</span></span>
+    <script>
+      function loaded() {
+        var insPoint = document.getElementById("ins-point");
+        var span = document.createElement("span");
+        span.style.position = "absolute";
+        span.style.top = 0;
+        span.appendChild(document.createTextNode("abs"));
+        insPoint.insertBefore(span, insPoint.firstChild);
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/continuation-positioned-inline-ref.html b/layout/reftests/abs-pos/continuation-positioned-inline-ref.html
new file mode 100644
index 0000000000..5c454fd3a8
--- /dev/null
+++ b/layout/reftests/abs-pos/continuation-positioned-inline-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <span style="position: relative; top: 100px"><span style="position: absolute; top: 0; left: 0">abs</span>foo<br>
+      <span id="ins-point">bar</span></span>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/fieldset-1-ref.html b/layout/reftests/abs-pos/fieldset-1-ref.html
new file mode 100644
index 0000000000..6fab6e9199
--- /dev/null
+++ b/layout/reftests/abs-pos/fieldset-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      * { border: 0; margin: 0; padding: 0; }
+    </style>
+  </head>
+  <body>
+    <span style="position: absolute; top: 50px; left: 50px">test</span>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/fieldset-1.html b/layout/reftests/abs-pos/fieldset-1.html
new file mode 100644
index 0000000000..80d219203a
--- /dev/null
+++ b/layout/reftests/abs-pos/fieldset-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      * { border: 0; margin: 0; padding: 0; }
+    </style>
+  </head>
+  <body>
+    <fieldset style="position: relative; top: 25px; left: 20px; width: 100px;">
+      <legend>
+        <span style="position: absolute; top: 25px; left: 30px">test</span>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/fixed-pos-auto-offset-1-ref.html b/layout/reftests/abs-pos/fixed-pos-auto-offset-1-ref.html
new file mode 100644
index 0000000000..4097705ba2
--- /dev/null
+++ b/layout/reftests/abs-pos/fixed-pos-auto-offset-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Testcase Bug 851514</title>
+  <style>
+  #parent {
+    position: fixed;
+    height: 30px;
+    width: 30px;
+    background: green;
+    left: 70px;
+    top: 70px;
+  }
+  #child {
+    position: fixed;
+    top: auto;
+    left: auto;
+    width: 10px;
+    height: 10px;
+    background: purple;
+  }
+  </style>
+</head>
+<body>
+  <div id="parent">
+    <div id="child"></div>
+  </div>
+  The purple block should be inside the green block.
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/fixed-pos-auto-offset-1a.html b/layout/reftests/abs-pos/fixed-pos-auto-offset-1a.html
new file mode 100644
index 0000000000..c093648528
--- /dev/null
+++ b/layout/reftests/abs-pos/fixed-pos-auto-offset-1a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>Testcase Bug 851514</title>
+  <style>
+  #parent {
+    position: fixed;
+    height: 30px;
+    width: 30px;
+    background: green;
+    left: 70px;
+    top: 70px;
+    overflow:hidden;
+    display: none; /* So we can make sure there is only one frame construction
+                      and one reflow for the parent + child thing */
+  }
+  #child {
+    position: fixed;
+    top: auto;
+    left: auto;
+    width: 10px;
+    height: 10px;
+    background: purple;
+  }
+  </style>
+  <script>
+    function doTest() {
+      var par = document.getElementById("parent");
+      // Flush layout
+      par.getBoundingClientRect();
+      par.style.display = "block";
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="doTest();">
+  <div id="parent">
+    <div id="child"></div>
+  </div>
+  The purple block should be inside the green block.
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/fixed-pos-auto-offset-1b.html b/layout/reftests/abs-pos/fixed-pos-auto-offset-1b.html
new file mode 100644
index 0000000000..f450bb4a2a
--- /dev/null
+++ b/layout/reftests/abs-pos/fixed-pos-auto-offset-1b.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <!-- Important: no meta charset! -->
+  <title>Testcase Bug 851514</title>
+  <style>
+  #parent {
+    position: fixed;
+    height: 30px;
+    width: 30px;
+    background: green;
+    left: 70px;
+    top: 70px;
+    overflow: hidden;
+  }
+  #child {
+    position: fixed;
+    top: auto;
+    left: auto;
+    width: 10px;
+    height: 10px;
+    background: purple;
+  }
+  </style>
+</head>
+<body>
+  <div id="parent">
+    <div id="child"></div>
+  </div>
+  The purple block should be inside the green block.
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/font-size-wrap-ref.html b/layout/reftests/abs-pos/font-size-wrap-ref.html
new file mode 100644
index 0000000000..1618d3ddc2
--- /dev/null
+++ b/layout/reftests/abs-pos/font-size-wrap-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<title>Based on testcase #3 for bug 310451</title>
+
+<style type="text/css">
+  body { font-size: 16px;  }
+  div  { position: absolute; border:1px solid black; }
+</style>
+
+<script type="text/javascript">//<![CDATA[
+window.onload = function() {
+	var newSize = '32px';
+	document.body.style.fontSize = newSize;
+}
+
+//]]></script>
+
+</head>
+<body>
+
+<div style="top:40px;">
+	this text should be on one line <b>and not wrap</b>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/font-size-wrap.html b/layout/reftests/abs-pos/font-size-wrap.html
new file mode 100644
index 0000000000..bd201199e0
--- /dev/null
+++ b/layout/reftests/abs-pos/font-size-wrap.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="reftest-wait">
+<head>
+<title>Based on testcase #3 for bug 310451</title>
+
+<style type="text/css">
+  body { font-size: 16px;  }
+  div  { position: absolute; border:1px solid black; }
+</style>
+
+<script type="text/javascript">//<![CDATA[
+window.onload = function() {
+	var newSize = '32px';
+	var div = document.getElementById('div');
+	document.body.style.fontSize = newSize;
+	div.style.height = '1px';
+	setTimeout(function() {
+		div.style.height = 'auto';
+		document.documentElement.removeAttribute("class");
+	}, 0);
+}
+
+//]]></script>
+
+</head>
+<body>
+
+<div id="div" style="top:40px;">
+	this text should be on one line <b>and not wrap</b>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/multi-column-1-ref.html b/layout/reftests/abs-pos/multi-column-1-ref.html
new file mode 100644
index 0000000000..09ca0eaf19
--- /dev/null
+++ b/layout/reftests/abs-pos/multi-column-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+div {
+  color: #222;
+  padding: 10px;
+  border: 2px solid;
+  position:relative;
+
+  width:10em;
+}
+
+h2, h3 {position:absolute; width:3em; background: #f00; color:#fff;}
+h2 { top: 0; left: 0; }
+h3 { bottom: 0; right: 0; }
+
+p, h2, h3 {margin:0;}
+p { visibility: hidden; }
+</style>
+</head>
+<body>
+<div>
+<h2>Test</h2>
+<h3>Test</h3>
+<p>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX </p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/multi-column-1.html b/layout/reftests/abs-pos/multi-column-1.html
new file mode 100644
index 0000000000..3d711dde81
--- /dev/null
+++ b/layout/reftests/abs-pos/multi-column-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+div {
+  color: #222;
+  padding: 10px;
+  border: 2px solid;
+  position:relative;
+
+  width:10em;
+  column-count:2;
+  -webkit-column-count:2;
+}
+
+h2, h3 {position:absolute; width:3em; background: #f00; color:#fff;}
+h2 { top: 0; left: 0; }
+h3 { bottom: 0; right: 0; }
+
+p, h2, h3 {margin:0;}
+p { visibility: hidden; }
+</style>
+</head>
+<body>
+<div>
+<h2>Test</h2>
+<h3>Test</h3>
+<p>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br> </p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/reftest.list b/layout/reftests/abs-pos/reftest.list
new file mode 100644
index 0000000000..3e5b85de9b
--- /dev/null
+++ b/layout/reftests/abs-pos/reftest.list
@@ -0,0 +1,65 @@
+== font-size-wrap.html font-size-wrap-ref.html
+== abs-pos-auto-margin-1.html abs-pos-auto-margin-1-ref.html
+== auto-offset-inline-block-1.html auto-offset-inline-block-1-ref.html # bug 696670
+== fieldset-1.html fieldset-1-ref.html
+== table-1.html table-1-ref.html
+== table-2.html table-2-ref.html
+== table-3.html table-3-ref.html
+== table-caption-1.html table-internal-1-ref.html
+== table-caption-2.html table-internal-2-ref.html
+== table-caption-3.html table-internal-3-ref.html
+== table-caption-4.html table-internal-8-ref.html
+pref(layout.display-list.improve-fragmentation,false) != table-caption-5.html table-print-1-ref.html # TODO: change to == and remove pref when bug 967870 is fixed
+pref(layout.display-list.improve-fragmentation,true) == table-caption-5.html table-print-1-ref.html # TODO: remove when bug 967870 is fixed
+== table-cell-1.html table-internal-1-ref.html
+== table-cell-2.html table-internal-2-ref.html
+== table-cell-3.html table-internal-3-ref.html
+== table-cell-4.html table-internal-4-ref.html
+== table-cell-5.html table-internal-5-ref.html
+== table-cell-6.html table-internal-6-ref.html
+== table-cell-7.html table-internal-7-ref.html
+pref(layout.display-list.improve-fragmentation,false) != table-cell-8.html table-print-1-ref.html # TODO: change to == and remove pref when bug 967870 is fixed
+pref(layout.display-list.improve-fragmentation,true) == table-cell-8.html table-print-1-ref.html # TODO: remove when bug 967870 is fixed
+== table-row-1.html table-internal-1-ref.html
+== table-row-2.html table-internal-2-ref.html
+== table-row-3.html table-internal-3-ref.html
+== table-row-4.html table-internal-4-ref.html
+== table-row-5.html table-internal-5-ref.html
+== table-row-6.html table-internal-6-ref.html
+== table-row-7.html table-internal-7-ref.html
+== table-row-group-1.html table-internal-1-ref.html
+== table-row-group-2.html table-internal-2-ref.html
+== table-row-group-3.html table-internal-3-ref.html
+== table-row-group-4.html table-internal-4-ref.html
+== table-row-group-5.html table-internal-5-ref.html
+== table-row-group-6.html table-internal-6-ref.html
+== table-row-group-7.html table-internal-7-ref.html
+== table-header-group-1.html table-internal-1-ref.html
+== table-header-group-2.html table-internal-2-ref.html
+== table-header-group-3.html table-internal-3-ref.html
+== table-header-group-4.html table-internal-4-ref.html
+== table-header-group-5.html table-internal-5-ref.html
+== table-header-group-6.html table-internal-6-ref.html
+== table-header-group-7.html table-internal-7-ref.html
+== table-footer-group-1.html table-internal-1-ref.html
+== table-footer-group-2.html table-internal-2-ref.html
+== table-footer-group-3.html table-internal-3-ref.html
+== table-footer-group-4.html table-internal-4-ref.html
+== table-footer-group-5.html table-internal-5-ref.html
+== table-footer-group-6.html table-internal-6-ref.html
+== table-footer-group-7.html table-internal-7-ref.html
+== continuation-positioned-inline-1.html continuation-positioned-inline-ref.html
+== continuation-positioned-inline-2.html continuation-positioned-inline-ref.html
+== scrollframe-1.html scrollframe-1-ref.html
+fuzzy-if(gtkWidget,0-1,0-1) fuzzy-if(Android,0-9,0-185) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-140,0-144) == scrollframe-2.html scrollframe-2-ref.html #bug 756530
+fuzzy-if(gtkWidget,0-1,0-8) fuzzy-if(Android,0-4,0-2) == select-1.html select-1-ref.html
+fuzzy-if(gtkWidget,0-1,0-8) fuzzy-if(Android,0-4,0-2) == select-1-dynamic.html select-1-ref.html
+== select-2.html select-2-ref.html
+== select-3.html select-3-ref.html
+fuzzy-if(gtkWidget||winWidget,0-1,0-4) fuzzy-if(cocoaWidget,0-1,0-8) == select-4.html select-4-ref.html
+== multi-column-1.html multi-column-1-ref.html
+== button-1.html button-1-ref.html
+== button-2.html button-2-ref.html
+== relative-row-animation-1.html relative-row-animation-1-ref.html
+fuzzy-if(Android,0-12,0-50) == fixed-pos-auto-offset-1a.html fixed-pos-auto-offset-1-ref.html
+fuzzy-if(Android,0-12,0-50) == fixed-pos-auto-offset-1b.html fixed-pos-auto-offset-1-ref.html
diff --git a/layout/reftests/abs-pos/relative-row-animation-1-ref.html b/layout/reftests/abs-pos/relative-row-animation-1-ref.html
new file mode 100644
index 0000000000..fa1f5a26f1
--- /dev/null
+++ b/layout/reftests/abs-pos/relative-row-animation-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 845837</title>
+<meta charset="UTF-8">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=845837
+-->
+
+<div style="height: 20px"></div>
+
+<table border>
+  <tr style="position: relative">
+    <td>hello
+</table>
diff --git a/layout/reftests/abs-pos/relative-row-animation-1.html b/layout/reftests/abs-pos/relative-row-animation-1.html
new file mode 100644
index 0000000000..8be42a9e56
--- /dev/null
+++ b/layout/reftests/abs-pos/relative-row-animation-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 845837</title>
+<meta charset="UTF-8">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=845837
+-->
+
+<div style="height: 20px"></div>
+
+<table border>
+  <tr id="tr" style="position: relative">
+    <td>hello
+</table>
+
+<script>
+var tr = document.getElementById("tr");
+tr.offsetTop;
+tr.style.top = '20px';
+tr.offsetTop;
+tr.style.fontSize = '100px';
+tr.offsetTop;
+tr.style.fontSize = '';
+tr.offsetTop;
+tr.style.top = '0px';
+tr.offsetTop;
+// Just check that we have no relative positioning applied when we're done,
+// since we don't currently support relative positioning on table rows.
+</script>
diff --git a/layout/reftests/abs-pos/scrollframe-1-ref.html b/layout/reftests/abs-pos/scrollframe-1-ref.html
new file mode 100644
index 0000000000..645db8947f
--- /dev/null
+++ b/layout/reftests/abs-pos/scrollframe-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body onload="loaded()">
+    <div style="position: relative; top: 100px; overflow: scroll; width: 100px; height: 100px;">
+      <div style="height: 200px"></div></div>
+    <script>
+      function loaded() {
+        var insPoint = document.querySelector("div");
+        insPoint.scrollTop = 50;
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/scrollframe-1.html b/layout/reftests/abs-pos/scrollframe-1.html
new file mode 100644
index 0000000000..d0406f5a03
--- /dev/null
+++ b/layout/reftests/abs-pos/scrollframe-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <body onload="loaded()">
+    <div style="position: relative; top: 100px; overflow: scroll; width: 100px; height: 100px;">
+      <div style="height: 200px">foo</div></div>
+    <script>
+      function loaded() {
+        var insPoint = document.querySelector("div");
+        insPoint.scrollTop = 50;
+        var div = document.createElement("div");
+        div.style.position = "absolute";
+        div.style.top = 0;
+        div.appendChild(document.createTextNode("abs"));
+        insPoint.insertBefore(div, insPoint.firstChild);
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/scrollframe-2-ref.html b/layout/reftests/abs-pos/scrollframe-2-ref.html
new file mode 100644
index 0000000000..b7eb799ba8
--- /dev/null
+++ b/layout/reftests/abs-pos/scrollframe-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <body onload="loaded()">
+    <div style="position: relative; top: 100px; overflow: scroll; width: 100px; height: 100px;">
+      <div style="height: 200px"></div></div>
+    <div style="position: absolute; top: 100px;" id="abs">abs</div>
+    <script>
+      function loaded() {
+        var insPoint = document.querySelector("div");
+        insPoint.scrollTop = 50;
+        var abs = document.getElementById("abs");
+        abs.style.top = insPoint.offsetTop + "px";
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/scrollframe-2.html b/layout/reftests/abs-pos/scrollframe-2.html
new file mode 100644
index 0000000000..0c79dd6410
--- /dev/null
+++ b/layout/reftests/abs-pos/scrollframe-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <body onload="loaded()">
+    <div style="position: relative; top: 100px; overflow: scroll; width: 100px; height: 100px;">
+      <div style="height: 200px">foo</div></div>
+    <script>
+      function loaded() {
+        var insPoint = document.querySelector("div");
+        insPoint.scrollTop = 50;
+        var div = document.createElement("div");
+        div.style.position = "absolute";
+        div.style.top = '50px';
+        div.appendChild(document.createTextNode("abs"));
+        insPoint.insertBefore(div, insPoint.firstChild);
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/select-1-dynamic.html b/layout/reftests/abs-pos/select-1-dynamic.html
new file mode 100644
index 0000000000..ad917c5ed8
--- /dev/null
+++ b/layout/reftests/abs-pos/select-1-dynamic.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <select style="position: relative" size=4>
+    <option>bar</option>
+  </select>
+  <select style="position: relative">
+    <option>bar</option>
+  </select>
+  <script>
+    function injectAbsPosKid(s) {
+      var option = document.createElement("option");
+      option.appendChild(document.createTextNode("foo"));
+      option.style.position = "absolute";
+      option.style.top = "100px";
+      s.insertBefore(option, s.firstChild);
+
+      var div = document.createElement("div");
+      div.appendChild(document.createTextNode("bar"));
+      div.style.position = "absolute";
+      div.style.top = "200px";
+      s.appendChild(div);
+    }
+    onload = function() {
+      var s1 = document.querySelectorAll("select")[0];
+      var s2 = document.querySelectorAll("select")[1];
+      injectAbsPosKid(s1);
+      injectAbsPosKid(s2);
+      s2.selectedIndex = 0;
+    };
+  </script>
+</html>
diff --git a/layout/reftests/abs-pos/select-1-ref.html b/layout/reftests/abs-pos/select-1-ref.html
new file mode 100644
index 0000000000..d863d51a49
--- /dev/null
+++ b/layout/reftests/abs-pos/select-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <select size=4>
+    <option>foo</option>
+    <option>bar</option>
+  </select>
+  <select>
+    <option>foo</option>
+    <option>bar</option>
+  </select>
+</html>
diff --git a/layout/reftests/abs-pos/select-1.html b/layout/reftests/abs-pos/select-1.html
new file mode 100644
index 0000000000..194b5f9fec
--- /dev/null
+++ b/layout/reftests/abs-pos/select-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <select style="position: relative" size=4>
+    <option style="position: absolute; top:100px;">foo</option>
+    <option>bar</option>
+    <div style="position: absolute; top: 200px;">baz</div>
+  </select>
+  <select style="position: relative">
+    <option style="position: absolute; top:100px;">foo</option>
+    <option>bar</option>
+    <div style="position: absolute; top: 200px;">baz</div>
+  </select>
+</html>
diff --git a/layout/reftests/abs-pos/select-2-ref.html b/layout/reftests/abs-pos/select-2-ref.html
new file mode 100644
index 0000000000..58896d9bdf
--- /dev/null
+++ b/layout/reftests/abs-pos/select-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0; padding: 0;">
+    <div style="position: absolute; top: 100px; left: 100px;">
+      <select size=4>
+        <option>foo</option>
+        <option>bar</option>
+      </select>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/select-2.html b/layout/reftests/abs-pos/select-2.html
new file mode 100644
index 0000000000..cd521978b6
--- /dev/null
+++ b/layout/reftests/abs-pos/select-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0; padding: 0;">
+    <div style="position: relative">
+      <select size=4 style="position: absolute; top: 100px; left: 100px;">
+        <option>foo</option>
+        <option>bar</option>
+      </select>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/select-3-ref.html b/layout/reftests/abs-pos/select-3-ref.html
new file mode 100644
index 0000000000..788b6f3dfc
--- /dev/null
+++ b/layout/reftests/abs-pos/select-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0; padding: 0;">
+    <select style="position: absolute; top: 100px; left: 100px;">
+      <option>foo</option>
+      <option>bar</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/select-3.html b/layout/reftests/abs-pos/select-3.html
new file mode 100644
index 0000000000..59b6132d07
--- /dev/null
+++ b/layout/reftests/abs-pos/select-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0; padding: 0;">
+    <div style="position: relative;">
+      <select style="position: absolute; top: 100px; left: 100px;">
+        <option>foo</option>
+        <option>bar</option>
+      </select>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/select-4-ref.html b/layout/reftests/abs-pos/select-4-ref.html
new file mode 100644
index 0000000000..5f3cea1b19
--- /dev/null
+++ b/layout/reftests/abs-pos/select-4-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0; padding: 0;">
+    <!-- Note: we use transparent text to avoid subtle antialiasing rendering
+         differences between the testcase's abs-pos element vs. the reference
+         case's fixed-pos element. -->
+    <select style="position: fixed; top: 100px; left: 100px;
+                   color: transparent;">">
+      <option>foo</option>
+      <option>bar</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/select-4.html b/layout/reftests/abs-pos/select-4.html
new file mode 100644
index 0000000000..ee1f70ee35
--- /dev/null
+++ b/layout/reftests/abs-pos/select-4.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0; padding: 0;">
+    <div style="position: relative;">
+      <!-- Note: we use transparent text to avoid subtle antialiasing rendering
+           differences between the testcase's abs-pos element vs. the reference
+           case's fixed-pos element. -->
+      <select style="position: absolute; top: 100px; left: 100px;
+                     color: transparent;">
+        <option>foo</option>
+        <option>bar</option>
+      </select>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-1-ref.html b/layout/reftests/abs-pos/table-1-ref.html
new file mode 100644
index 0000000000..b8c7dc616a
--- /dev/null
+++ b/layout/reftests/abs-pos/table-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0">
+    <table style="position: relative; top: 100px; left: 50px; border: 1px solid red; width: 90px; height: 100px; border-spacing: 0">
+      <tr>
+        <td style="padding: 0">
+        </td>
+      </tr>
+    </table>
+    <div style="position: absolute; top: 110px; left: 70px; border: 1px solid green; width: 50px; height: 60px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-1.html b/layout/reftests/abs-pos/table-1.html
new file mode 100644
index 0000000000..8b2a69674c
--- /dev/null
+++ b/layout/reftests/abs-pos/table-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0">
+    <table style="position: relative; top: 100px; left: 50px; border: 1px solid red; width: 90px; height: 100px; border-spacing: 0">
+      <tr>
+        <td style="padding: 0">
+          <div style="position: absolute; top: 10px; left: 20px; border: 1px solid green; width: 50px; height: 60px;"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-2-ref.html b/layout/reftests/abs-pos/table-2-ref.html
new file mode 100644
index 0000000000..03990655bb
--- /dev/null
+++ b/layout/reftests/abs-pos/table-2-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0">
+    <table style="position: relative; top: 100px; left: 50px; border: 1px solid red; width: 90px; height: 100px; border-spacing: 0">
+      <caption>foo</caption>
+      <tr>
+        <td style="padding: 0">
+        </td>
+      </tr>
+    </table>
+    <div style="position: absolute; top: 110px; left: 70px; border: 1px solid green; width: 50px; height: 60px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-2.html b/layout/reftests/abs-pos/table-2.html
new file mode 100644
index 0000000000..618cfef82d
--- /dev/null
+++ b/layout/reftests/abs-pos/table-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0">
+    <table style="position: relative; top: 100px; left: 50px; border: 1px solid red; width: 90px; height: 100px; border-spacing: 0">
+      <caption>foo</caption>
+      <tr>
+        <td style="padding: 0">
+          <div style="position: absolute; top: 10px; left: 20px; border: 1px solid green; width: 50px; height: 60px;"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-3-ref.html b/layout/reftests/abs-pos/table-3-ref.html
new file mode 100644
index 0000000000..93da428d79
--- /dev/null
+++ b/layout/reftests/abs-pos/table-3-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.box {position: relative; left:50px; top: 50px; outline: red dotted 1px;width: 200px; height:200px;}
+.lc {position: absolute; left:0px; top:0px;border: green dotted 1px;width: 20px; height:20px;}
+.rc {position: absolute; right:0px; top:0px;border: blue dotted 1px;width: 20px; height:20px;}
+.brc {position: absolute; right:0px; bottom:0px;border: blue dotted 1px;width: 20px; height:20px;}
+</style>
+</head>
+<body>
+<div class="box">
+  <div class="border">
+    <div class="lc"></div>
+    <div class="brc"></div>
+  </div>
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/table-3.html b/layout/reftests/abs-pos/table-3.html
new file mode 100644
index 0000000000..309928efdb
--- /dev/null
+++ b/layout/reftests/abs-pos/table-3.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.table {display: table; position: relative; left:50px; top: 50px; outline: red dotted 1px;width: 200px; height:200px;}
+.lc {position: absolute; left:0px; top:0px;border: green dotted 1px;width: 20px; height:20px;}
+.rc {position: absolute; right:0px; top:0px;border: blue dotted 1px;width: 20px; height:20px;}
+.brc {position: absolute; right:0px; bottom:0px;border: blue dotted 1px;width: 20px; height:20px;}
+</style>
+</head>
+<body>
+<div class="table">
+  <div class="lc"></div>
+  <div class="brc"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/abs-pos/table-caption-1.html b/layout/reftests/abs-pos/table-caption-1.html
new file mode 100644
index 0000000000..28295e2f14
--- /dev/null
+++ b/layout/reftests/abs-pos/table-caption-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <caption id="rel"><div class="abs"></div></caption>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-caption-2.html b/layout/reftests/abs-pos/table-caption-2.html
new file mode 100644
index 0000000000..8e5c0827bd
--- /dev/null
+++ b/layout/reftests/abs-pos/table-caption-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <caption id="rel"><div class="abs"></div></caption>
+        <tr>
+          <td></td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-caption-3.html b/layout/reftests/abs-pos/table-caption-3.html
new file mode 100644
index 0000000000..a0169df601
--- /dev/null
+++ b/layout/reftests/abs-pos/table-caption-3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin-left: 2px;
+        margin-top: -2px;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr style="height: 100%">
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+    <caption style="caption-side:bottom" id="rel"><div id="abs"></div></caption>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-caption-4.html b/layout/reftests/abs-pos/table-caption-4.html
new file mode 100644
index 0000000000..47b4cc7bd3
--- /dev/null
+++ b/layout/reftests/abs-pos/table-caption-4.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .fixed, .abs {
+        position: fixed;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should completely cover the red square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <caption id="rel"><div class="fixed"></div></caption>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-caption-5.html b/layout/reftests/abs-pos/table-caption-5.html
new file mode 100644
index 0000000000..c906089c67
--- /dev/null
+++ b/layout/reftests/abs-pos/table-caption-5.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <head>
+    <style>
+      @page { size:5in 3in; margin:0.5in; }
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      .m { height:1.4in; }
+      .b { border:1px solid; }
+    </style>
+  </head>
+  <body>
+    <div class="m"></div>
+    <table>
+      <caption id="rel"><div class="abs b"></div></caption>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-1.html b/layout/reftests/abs-pos/table-cell-1.html
new file mode 100644
index 0000000000..b0c03e9a0b
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tr>
+        <td id="rel">
+          <div class="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-2.html b/layout/reftests/abs-pos/table-cell-2.html
new file mode 100644
index 0000000000..457c6b0356
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tr>
+          <td id="rel">
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-3.html b/layout/reftests/abs-pos/table-cell-3.html
new file mode 100644
index 0000000000..52f89b1caf
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr style="height: 100%">
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td id="rel">
+          <div id="abs"></div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-4.html b/layout/reftests/abs-pos/table-cell-4.html
new file mode 100644
index 0000000000..9831b5c991
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-4.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td, div {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td id="rel">
+          <div id="abs"></div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-5.html b/layout/reftests/abs-pos/table-cell-5.html
new file mode 100644
index 0000000000..ca92eb94d5
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-5.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0
+        width: 100px;
+        height: 100px;
+        border-collapse: collapse;
+      }
+      tr {
+        height: 50px;
+      }
+      td {
+        width: 50px;
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 100px;
+        height: 100px;
+        overflow: visible;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="bottomright">
+      <table>
+        <tr>
+          <td id="rel">
+            <div class="abs"></div>
+          </td>
+          <td></td>
+        </tr>
+        <tr></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-6.html b/layout/reftests/abs-pos/table-cell-6.html
new file mode 100644
index 0000000000..78fac610aa
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-6.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 50px;
+        height: 50px;
+        border-collapse: collapse;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+        <tr>
+          <td id="rel">
+            <div id="abs"></div>
+          </td>
+          <td></td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-7.html b/layout/reftests/abs-pos/table-cell-7.html
new file mode 100644
index 0000000000..e7dbbe7a48
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-7.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 50px;
+        height: 50px;
+        border-collapse: collapse;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 10px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <colgroup>
+          <col style="width: 20%">
+          <col>
+        </colgroup>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr>
+          <td id="rel">
+            <div id="abs"></div>
+          </td>
+          <td></td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-8.html b/layout/reftests/abs-pos/table-cell-8.html
new file mode 100644
index 0000000000..77115f3d41
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-8.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <head>
+    <style>
+      @page { size:5in 3in; margin:0.5in; }
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      .m { height:1.4in; }
+      .b { border:1px solid; }
+    </style>
+  </head>
+  <body>
+    <div class="m"></div>
+    <table>
+      <tr><td id="rel"><div class="abs b"></div></td></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-1.html b/layout/reftests/abs-pos/table-footer-group-1.html
new file mode 100644
index 0000000000..2f94a6313d
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tfoot id="rel">
+        <tr>
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-2.html b/layout/reftests/abs-pos/table-footer-group-2.html
new file mode 100644
index 0000000000..b5d70f3ef7
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tfoot id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-3.html b/layout/reftests/abs-pos/table-footer-group-3.html
new file mode 100644
index 0000000000..f5e60a0aa1
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tbody>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+      </tbody>
+      <tfoot id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-4.html b/layout/reftests/abs-pos/table-footer-group-4.html
new file mode 100644
index 0000000000..23f1a351ea
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tbody>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+      </tbody>
+      <tfoot id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-5.html b/layout/reftests/abs-pos/table-footer-group-5.html
new file mode 100644
index 0000000000..8aa86a4004
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-5.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0
+        width: 50px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      tr {
+        height: 50px;
+      }
+      td {
+        width: 50px;
+        margin: 0;
+        padding: 0;
+      }
+      tbody {
+        height: 50%;
+      }
+      #rel {
+        position: relative;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 100px;
+        height: 100px;
+        overflow: visible;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="bottomright">
+      <table>
+        <tfoot id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </tfoot>
+      </table>
+      <table>
+        <tbody>
+          <tr></tr>
+        </tbody>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-6.html b/layout/reftests/abs-pos/table-footer-group-6.html
new file mode 100644
index 0000000000..b24bb1bb73
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-6.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <tfoot id="rel">
+          <tr style="height: 50%">
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>
+              <div id="abs"></div>
+            </td>
+            <td></td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-7.html b/layout/reftests/abs-pos/table-footer-group-7.html
new file mode 100644
index 0000000000..bb2b5ebdb3
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-7.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <colgroup>
+          <col style="width: 20%">
+          <col>
+        </colgroup>
+        <tfoot id="rel">
+          <tr>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>
+              <div id="abs"></div>
+            </td>
+            <td></td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-1.html b/layout/reftests/abs-pos/table-header-group-1.html
new file mode 100644
index 0000000000..346cafeea9
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <thead id="rel">
+        <tr>
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-2.html b/layout/reftests/abs-pos/table-header-group-2.html
new file mode 100644
index 0000000000..7573e917f5
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <thead id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </thead>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-3.html b/layout/reftests/abs-pos/table-header-group-3.html
new file mode 100644
index 0000000000..0e9697d55f
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <thead id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </thead>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-4.html b/layout/reftests/abs-pos/table-header-group-4.html
new file mode 100644
index 0000000000..4533a205f9
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <thead id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </thead>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-5.html b/layout/reftests/abs-pos/table-header-group-5.html
new file mode 100644
index 0000000000..a89e52355d
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-5.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0
+        width: 50px;
+        height: 100px;
+        border-collapse: collapse;
+      }
+      tr {
+        height: 50px;
+      }
+      td {
+        width: 50px;
+        margin: 0;
+        padding: 0;
+      }
+      tfoot {
+        height: 50%;
+      }
+      #rel {
+        position: relative;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 100px;
+        height: 100px;
+        overflow: visible;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="bottomright">
+      <table>
+        <thead id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </thead>
+        <tfoot>
+          <tr></tr>
+        </tfoot>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-6.html b/layout/reftests/abs-pos/table-header-group-6.html
new file mode 100644
index 0000000000..27f10361a4
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-6.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <thead id="rel">
+          <tr style="height: 50%">
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>
+              <div id="abs"></div>
+            </td>
+            <td></td>
+          </tr>
+        </thead>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-7.html b/layout/reftests/abs-pos/table-header-group-7.html
new file mode 100644
index 0000000000..748178014b
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-7.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <colgroup>
+          <col style="width: 20%">
+          <col>
+        </colgroup>
+        <thead id="rel">
+          <tr>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>
+              <div id="abs"></div>
+            </td>
+            <td></td>
+          </tr>
+        </thead>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-1-ref.html b/layout/reftests/abs-pos/table-internal-1-ref.html
new file mode 100644
index 0000000000..34b141c18c
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="rel">
+      <div class="abs"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-2-ref.html b/layout/reftests/abs-pos/table-internal-2-ref.html
new file mode 100644
index 0000000000..308935ede0
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <div id="rel">
+        <div class="abs"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-3-ref.html b/layout/reftests/abs-pos/table-internal-3-ref.html
new file mode 100644
index 0000000000..fbf74508d3
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-3-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr style="height: 100%">
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>
+          <div id="rel">
+            <div id="abs"></div>
+          </div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-4-ref.html b/layout/reftests/abs-pos/table-internal-4-ref.html
new file mode 100644
index 0000000000..9180ba705f
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-4-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td, div {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+        height: 1px;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200.5px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>
+          <div id="rel">
+            <div id="abs"></div>
+          </div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-5-ref.html b/layout/reftests/abs-pos/table-internal-5-ref.html
new file mode 100644
index 0000000000..fdf09d8fdf
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-5-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #adjusted-abs {
+        bottom: 50px;
+        right: 50px;
+      }
+      #bad {
+        background-color: blue;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="bottomright">
+      <div id="rel">
+        <div class="abs" id="adjusted-abs"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-6-ref.html b/layout/reftests/abs-pos/table-internal-6-ref.html
new file mode 100644
index 0000000000..704776dc59
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-6-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 50px;
+        height: 50px;
+        border-collapse: collapse;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+        <tr>
+          <td>
+            <div id="rel">
+              <div id="abs"></div>
+            </div>
+          </td>
+          <td></td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-7-ref.html b/layout/reftests/abs-pos/table-internal-7-ref.html
new file mode 100644
index 0000000000..eee0ae05af
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-7-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 50px;
+        height: 50px;
+        border-collapse: collapse;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+        height: 25px;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 10px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <colgroup>
+          <col style="width: 20%">
+          <col>
+        </colgroup>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr>
+          <td>
+            <div id="rel" style="height: 25px">
+              <div id="abs"></div>
+            </div>
+          </td>
+          <td></td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-8-ref.html b/layout/reftests/abs-pos/table-internal-8-ref.html
new file mode 100644
index 0000000000..3bff829deb
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-8-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #good {
+        background-color: green;
+      }
+      .abs {
+        position: fixed;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should completely cover the red square.
+    <div class="abs" id="good"></div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-print-1-ref.html b/layout/reftests/abs-pos/table-print-1-ref.html
new file mode 100644
index 0000000000..c9d94add71
--- /dev/null
+++ b/layout/reftests/abs-pos/table-print-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      .m { height:1.4in; }
+      .b { border:1px solid; }
+    </style>
+  </head>
+  <body>
+    <div class="m"></div>
+    <div id="rel"><div class="abs b"></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-1.html b/layout/reftests/abs-pos/table-row-1.html
new file mode 100644
index 0000000000..6caf394e4b
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tr id="rel">
+        <td>
+          <div class="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-2.html b/layout/reftests/abs-pos/table-row-2.html
new file mode 100644
index 0000000000..ef9a6f5d71
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tr id="rel">
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-3.html b/layout/reftests/abs-pos/table-row-3.html
new file mode 100644
index 0000000000..fbb2e77ec9
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr style="height: 100%">
+        <td></td>
+        <td></td>
+      </tr>
+      <tr id="rel">
+        <td></td>
+        <td>
+          <div id="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-4.html b/layout/reftests/abs-pos/table-row-4.html
new file mode 100644
index 0000000000..8785e0752f
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-4.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td, div {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr id="rel">
+        <td></td>
+        <td>
+          <div id="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-5.html b/layout/reftests/abs-pos/table-row-5.html
new file mode 100644
index 0000000000..e53f280b72
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-5.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0
+        width: 50px;
+        height: 100px;
+        border-collapse: collapse;
+      }
+      tr {
+        height: 50px;
+      }
+      td {
+        width: 50px;
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 100px;
+        height: 100px;
+        overflow: visible;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="bottomright">
+      <table>
+        <tr id="rel">
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+        <tr></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-6.html b/layout/reftests/abs-pos/table-row-6.html
new file mode 100644
index 0000000000..361a4698f9
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-6.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <tr style="height: 50%">
+          <td></td>
+          <td></td>
+        </tr>
+        <tr id="rel">
+          <td>
+            <div id="abs"></div>
+          </td>
+          <td></td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-7.html b/layout/reftests/abs-pos/table-row-7.html
new file mode 100644
index 0000000000..37ec4b6211
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-7.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <colgroup>
+          <col style="width: 20%">
+          <col>
+        </colgroup>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr id="rel">
+          <td>
+            <div id="abs"></div>
+          </td>
+          <td></td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-1.html b/layout/reftests/abs-pos/table-row-group-1.html
new file mode 100644
index 0000000000..9f5072d762
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tbody id="rel">
+        <tr>
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-2.html b/layout/reftests/abs-pos/table-row-group-2.html
new file mode 100644
index 0000000000..619a8cc4d6
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tbody id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-3.html b/layout/reftests/abs-pos/table-row-group-3.html
new file mode 100644
index 0000000000..d5d6686b15
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <tbody id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-4.html b/layout/reftests/abs-pos/table-row-group-4.html
new file mode 100644
index 0000000000..c8430060c2
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <tbody id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-5.html b/layout/reftests/abs-pos/table-row-group-5.html
new file mode 100644
index 0000000000..b9c2da7361
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-5.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0
+        width: 50px;
+        height: 100px;
+        border-collapse: collapse;
+      }
+      tr {
+        height: 50px;
+      }
+      td {
+        width: 50px;
+        margin: 0;
+        padding: 0;
+      }
+      tfoot {
+        height: 50%;
+      }
+      #rel {
+        position: relative;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 100px;
+        height: 100px;
+        overflow: visible;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="bottomright">
+      <table>
+        <tbody id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </tbody>
+        <tfoot>
+          <tr></tr>
+        </tfoot>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-6.html b/layout/reftests/abs-pos/table-row-group-6.html
new file mode 100644
index 0000000000..c954668541
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-6.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <tbody id="rel">
+          <tr style="height: 50%">
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>
+              <div id="abs"></div>
+            </td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-7.html b/layout/reftests/abs-pos/table-row-group-7.html
new file mode 100644
index 0000000000..a4c720ce3d
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-7.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        margin: 0;
+        padding: 0;
+        width: 25px;
+        height: 50px;
+        border-collapse: collapse;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 25px;
+        right: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bottomright {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        bottom: 0;
+        right: 0;
+        width: 50px;
+        height: 50px;
+        overflow: visible;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not overlap the blue square.
+    <div id="bottomright">
+      <table>
+        <colgroup>
+          <col style="width: 20%">
+          <col>
+        </colgroup>
+        <tbody id="rel">
+          <tr>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>
+              <div id="abs"></div>
+            </td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/apng-mime/animated.apng b/layout/reftests/apng-mime/animated.apng
new file mode 100644
index 0000000000..6e78a9eef4
Binary files /dev/null and b/layout/reftests/apng-mime/animated.apng differ
diff --git a/layout/reftests/apng-mime/expected.html b/layout/reftests/apng-mime/expected.html
new file mode 100644
index 0000000000..d069957fdf
--- /dev/null
+++ b/layout/reftests/apng-mime/expected.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<title>apng expected</title>
+<img src="animated.apng">
diff --git a/layout/reftests/apng-mime/reftest.list b/layout/reftests/apng-mime/reftest.list
new file mode 100644
index 0000000000..fef0f4a736
--- /dev/null
+++ b/layout/reftests/apng-mime/reftest.list
@@ -0,0 +1 @@
+== test.html expected.html
diff --git a/layout/reftests/apng-mime/static.png b/layout/reftests/apng-mime/static.png
new file mode 100644
index 0000000000..6f76d44387
Binary files /dev/null and b/layout/reftests/apng-mime/static.png differ
diff --git a/layout/reftests/apng-mime/test.html b/layout/reftests/apng-mime/test.html
new file mode 100644
index 0000000000..cdf44b901a
--- /dev/null
+++ b/layout/reftests/apng-mime/test.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<title>apng test</title>
+<picture>
+<source type="image/apng" srcset="animated.apng">
+<img src="static.png">
+</picture>
diff --git a/layout/reftests/async-scrolling/async-scroll-and-zoom-ref.html b/layout/reftests/async-scrolling/async-scroll-and-zoom-ref.html
new file mode 100644
index 0000000000..ecc40d5090
--- /dev/null
+++ b/layout/reftests/async-scrolling/async-scroll-and-zoom-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: -100px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/async-scroll-and-zoom.html b/layout/reftests/async-scrolling/async-scroll-and-zoom.html
new file mode 100644
index 0000000000..a7795a54d6
--- /dev/null
+++ b/layout/reftests/async-scrolling/async-scroll-and-zoom.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="550"
+      reftest-async-zoom="2.0">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 500px;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that both layout and visual viewport scroll offsets are correctly applied.
+
+       An async scroll of 550 CSS pixels at 2.0x async zoom will ensure that
+       the visual viewport is scrolled beyond the bottom of the previous
+       layout viewport, meaning that the layout viewport is also scrolled so
+       that it contains the visual viewport.
+
+       Content should be scrolled by both the layout and visual offsets, in the
+       correct co-ordinate space for each, which should result the top half of
+       the div being scrolled out of view. -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/background-blend-mode-1-ref.html b/layout/reftests/async-scrolling/background-blend-mode-1-ref.html
new file mode 100644
index 0000000000..b5a9e0c12d
--- /dev/null
+++ b/layout/reftests/async-scrolling/background-blend-mode-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference: Bug 1248913 - Keep background-attachment:fixed image fixed under APZ scrolling even when a background-blend-mode is applied.</title>
+
+<style>
+
+html {
+  background: radial-gradient(circle 200px at 400px 400px, lime 100px, transparent 0) scroll,
+              radial-gradient(circle 200px at 400px 300px, blue 100px, transparent 0) scroll
+               white no-repeat;
+  background-blend-mode: multiply;
+  height: 100%;
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/async-scrolling/background-blend-mode-1.html b/layout/reftests/async-scrolling/background-blend-mode-1.html
new file mode 100644
index 0000000000..33a8498cec
--- /dev/null
+++ b/layout/reftests/async-scrolling/background-blend-mode-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+
+<meta charset="utf-8">
+<title>Bug 1248913 - Keep background-attachment:fixed image fixed under APZ scrolling even when a background-blend-mode is applied.</title>
+
+<style>
+
+html {
+  background: radial-gradient(circle 200px at 400px 400px, lime 100px, transparent 0) fixed,
+              radial-gradient(circle 200px at 400px 400px, blue 100px, transparent 0) scroll
+               white no-repeat;
+  background-blend-mode: multiply;
+  scrollbar-width: none;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/async-scrolling/bg-fixed-1-ref.html b/layout/reftests/async-scrolling/bg-fixed-1-ref.html
new file mode 100644
index 0000000000..f8f0aef054
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background-image:url(repeatable-diagonal-gradient.png);
+             background-repeat:no-repeat;
+             background-position:top left;">
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-1.html b/layout/reftests/async-scrolling/bg-fixed-1.html
new file mode 100644
index 0000000000..15a00dc272
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px;
+             background-image:url(repeatable-diagonal-gradient.png);
+             background-attachment:fixed;
+             background-repeat:no-repeat;
+             background-position:top left;">
+  <!-- test that background-attachment:fixed backgrounds don't move with async scrolling -->
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-clip-1.html b/layout/reftests/async-scrolling/bg-fixed-child-clip-1.html
new file mode 100644
index 0000000000..9d9795de71
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-clip-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px; margin:0;">
+  <div style="margin-top: 100px; height: 100px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-attachment:fixed;
+              background-repeat:no-repeat;
+              background-position:top left;">
+  </div>
+  <!-- test that the clip of a background-attachment:fixed background of a
+       child element moves correctly during async scrolling -->
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-clip-2.html b/layout/reftests/async-scrolling/bg-fixed-child-clip-2.html
new file mode 100644
index 0000000000..ce0ab6cc9c
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-clip-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px; margin:0;">
+  <div style="margin-top: 100px; height: 100px;
+              position: relative;">
+    <div style="position: absolute;
+                top: 0; right: 0; bottom: 0; left: 0;
+                background-image:url(repeatable-diagonal-gradient.png);
+                background-attachment:fixed;
+                background-repeat:no-repeat;
+                background-position:top left;">
+    </div>
+  </div>
+  <!-- test that the clip of a background-attachment:fixed background of a
+       child element moves correctly during async scrolling -->
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-clip-ref.html b/layout/reftests/async-scrolling/bg-fixed-child-clip-ref.html
new file mode 100644
index 0000000000..7ae3847742
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-clip-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; margin:0;">
+  <div style="margin-top: 50px; height: 100px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-attachment:fixed;
+              background-repeat:no-repeat;
+              background-position:top left;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-mask-ref.html b/layout/reftests/async-scrolling/bg-fixed-child-mask-ref.html
new file mode 100644
index 0000000000..c71b15b434
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-mask-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; margin:0;">
+  <div style="margin-top: 50px; height: 100px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-repeat:no-repeat;
+              background-position:0px -50px;
+              border-radius:50px;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-mask.html b/layout/reftests/async-scrolling/bg-fixed-child-mask.html
new file mode 100644
index 0000000000..a6fab8218e
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-mask.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px; margin:0;">
+  <div style="margin-top: 100px; height: 100px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-attachment:fixed;
+              background-repeat:no-repeat;
+              background-position:top left;
+              border-radius:50px;">
+  </div>
+  <!-- test that the clip of a background-attachment:fixed background of a
+       child element moves correctly during async scrolling -->
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-no-culling-1-ref.html b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-1-ref.html
new file mode 100644
index 0000000000..8f647b7c9e
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; margin:0;">
+  <div style="height: 100px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-attachment:fixed;
+              background-repeat:no-repeat;
+              background-position:top left;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-no-culling-1.html b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-1.html
new file mode 100644
index 0000000000..123334cbdd
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px; margin:0;">
+  <div style="height: 50px; position: relative;
+              background:url(repeatable-diagonal-gradient.png) top left fixed no-repeat;">
+  </div>
+  <div style="height: 100px;
+              background:url(repeatable-diagonal-gradient.png) top left fixed no-repeat;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-no-culling-2-ref.html b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-2-ref.html
new file mode 100644
index 0000000000..d5595cd827
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; margin:0;">
+  <div style="width: 200px; height: 100px; background: lime; margin-top: 200px;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-no-culling-2.html b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-2.html
new file mode 100644
index 0000000000..be3487d4fc
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1000"
+      style="scrollbar-width:none">
+<body style="height: 3000px; margin: 0;">
+  <div style="height: 1200px;
+              background: linear-gradient(white, white) top left fixed no-repeat;">
+  </div>
+  <div style="width: 200px; height: 100px; background: lime;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-no-culling-3-ref.html b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-3-ref.html
new file mode 100644
index 0000000000..7f864457f6
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-3-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; margin:0;">
+  <div style="width: 200px; height: 100px; background: lime;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-no-culling-3.html b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-3.html
new file mode 100644
index 0000000000..fb0616ff3b
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-no-culling-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="-150"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-150"
+      style="scrollbar-width: none; background: linear-gradient(white, white) top left fixed no-repeat;">
+<body style="height: 3000px; margin: 0;">
+  <div style="width: 200px; height: 100px; background: lime;"></div>
+
+  <script>
+    document.documentElement.scrollTop = 150;
+  </script>
+
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child-ref.html b/layout/reftests/async-scrolling/bg-fixed-child-ref.html
new file mode 100644
index 0000000000..9ca02365f1
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; margin:0;">
+  <div style="height: 1000px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-repeat:no-repeat;
+              background-position:top left;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-child.html b/layout/reftests/async-scrolling/bg-fixed-child.html
new file mode 100644
index 0000000000..b90179433b
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px; margin:0;">
+  <div style="height: 1000px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-attachment:fixed;
+              background-repeat:no-repeat;
+              background-position:top left;">
+  </div>
+  <!-- test that background-attachment:fixed backgrounds of child elements don't move with async scrolling -->
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-cover-1-ref.html b/layout/reftests/async-scrolling/bg-fixed-cover-1-ref.html
new file mode 100644
index 0000000000..b5efcc7412
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-cover-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; height:3000px;
+             background-image:url(repeatable-diagonal-gradient.png);
+             background-repeat:no-repeat;
+             background-position:0 300px;">
+  <div style="position:absolute; background:black; top:0; left:0; width:500px; height:400px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-cover-1.html b/layout/reftests/async-scrolling/bg-fixed-cover-1.html
new file mode 100644
index 0000000000..b125cfd7af
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-cover-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="400"
+      style="scrollbar-width:none">
+<body style="height:3000px;
+             background-image:url(repeatable-diagonal-gradient.png);
+             background-attachment:fixed;
+             background-repeat:no-repeat;
+             background-position:0 300px;">
+  <!-- Test that background-attachment:fixed content covered by scrolling content gets rendered
+       properly -->
+  <div style="position:absolute; background:black; top:200px; left:0; width:500px; height:600px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-cover-2-ref.html b/layout/reftests/async-scrolling/bg-fixed-cover-2-ref.html
new file mode 100644
index 0000000000..8d9601f2a8
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-cover-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; height:3000px;
+             background-image:url(repeatable-diagonal-gradient.png), url(repeatable-diagonal-gradient.png);
+             background-repeat:no-repeat;
+             background-position:0 300px, 0 0;">
+  <!-- Test that scrolling content covered by background-attachment:fixed content
+       gets rendered properly -->
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-cover-2.html b/layout/reftests/async-scrolling/bg-fixed-cover-2.html
new file mode 100644
index 0000000000..416a7481a4
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-cover-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="300"
+      style="scrollbar-width:none">
+<body style="height:3000px;
+             background-image:url(repeatable-diagonal-gradient.png), url(repeatable-diagonal-gradient.png);
+             background-attachment:fixed, scroll;
+             background-repeat:no-repeat;
+             background-position:0 300px;">
+  <!-- Test that scrolling content covered by background-attachment:fixed content
+       gets rendered properly -->
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-cover-3-ref.html b/layout/reftests/async-scrolling/bg-fixed-cover-3-ref.html
new file mode 100644
index 0000000000..eb87febce8
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-cover-3-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; height:3000px;
+             background-image:url(repeatable-diagonal-gradient.png), url(repeatable-diagonal-gradient.png);
+             background-repeat:no-repeat;
+             background-position:0 300px, 0 0;">
+  <!-- Test that scrolling content above background-attachment:fixed content but not
+       intersecting it doesn't get moved down to a layer below the
+       background-attachment:fixed content -->
+  <div style="position:absolute; background:black; left:0; top:300px; width:500px; height:200px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-cover-3.html b/layout/reftests/async-scrolling/bg-fixed-cover-3.html
new file mode 100644
index 0000000000..b363e5ded2
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-cover-3.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="300"
+      style="scrollbar-width:none">
+<body style="height:3000px;
+             background-image:url(repeatable-diagonal-gradient.png), url(repeatable-diagonal-gradient.png);
+             background-attachment:fixed, scroll;
+             background-repeat:no-repeat;
+             background-position:0 300px;">
+  <!-- Test that scrolling content above background-attachment:fixed content but not
+       intersecting it doesn't get moved down to a layer below the
+       background-attachment:fixed content -->
+  <div style="position:absolute; background:black; left:0; top:600px; width:500px; height:200px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-in-css-filter-ref.html b/layout/reftests/async-scrolling/bg-fixed-in-css-filter-ref.html
new file mode 100644
index 0000000000..8dee2b2412
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-in-css-filter-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Fixed background inside blur filter</title>
+    <style>
+        .scrollable {
+            width: 100px;
+            height: 100px;
+            overflow: hidden;
+        }
+        .bg {
+            width: 100px;
+            height: 100px;
+            background-image: url("repeatable-diagonal-gradient.png");
+            background-repeat: no-repeat;
+            background-attachment: fixed;
+        }
+        .blur {
+            filter: blur(10px);
+        }
+    </style>
+</head>
+<body>
+<div class="scrollable">
+    <div class="bg blur"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-in-css-filter.html b/layout/reftests/async-scrolling/bg-fixed-in-css-filter.html
new file mode 100644
index 0000000000..4f02252c66
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-in-css-filter.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<head>
+    <meta charset="UTF-8">
+    <title>Fixed background inside blur filter</title>
+    <style>
+        .scrollable {
+            width: 100px;
+            height: 100px;
+            overflow: scroll;
+            scrollbar-width: none;
+        }
+        .bg {
+            width: 100px;
+            height: 100px;
+            background-image: url("repeatable-diagonal-gradient.png");
+            background-repeat: no-repeat;
+            background-attachment: fixed;
+        }
+        .blur {
+            filter: blur(10px);
+        }
+    </style>
+</head>
+<body>
+<div class="scrollable"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="100" reftest-displayport-h="200"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+    <div class="bg"></div>
+    <div class="bg blur"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-in-opacity-ref.html b/layout/reftests/async-scrolling/bg-fixed-in-opacity-ref.html
new file mode 100644
index 0000000000..9d54bd8139
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-in-opacity-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html reftest-async-scroll >
+<style>
+
+body {
+  margin: 0px;
+  position: relative;
+  height: 1200.23px;
+  overflow: hidden;
+}
+
+.fixed-background {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  width: 100px;
+  background: linear-gradient(blue, blue) no-repeat fixed 0px 200px;
+  background-size: 100px 100px;
+  opacity: 0.5;
+}
+
+</style>
+<div style="overflow: hidden;" class="fixed-background"></div>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-in-opacity.html b/layout/reftests/async-scrolling/bg-fixed-in-opacity.html
new file mode 100644
index 0000000000..e565487c7c
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-in-opacity.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50.23">
+<style>
+
+html {
+  scrollbar-width: none;
+}
+
+body {
+  margin: 0px;
+  position: relative;
+  height: 1200.23px;
+}
+
+.fixed-background {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  width: 100px;
+  background: linear-gradient(blue, blue) no-repeat fixed 0px 200px;
+  background-size: 100px 100px;
+  opacity: 0.5;
+}
+
+</style>
+<div style="overflow: hidden;" class="fixed-background"></div>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-transformed-image-ref.html b/layout/reftests/async-scrolling/bg-fixed-transformed-image-ref.html
new file mode 100644
index 0000000000..a59d053c49
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-transformed-image-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+
+<style>
+
+body {
+  margin: 0;
+  overflow: hidden;
+}
+
+div {
+  height: 1400px;
+  background: url(repeatable-diagonal-gradient.png) top left / 512px 512px no-repeat
+}
+
+</style>
+
+<div></div>
+</html>
diff --git a/layout/reftests/async-scrolling/bg-fixed-transformed-image.html b/layout/reftests/async-scrolling/bg-fixed-transformed-image.html
new file mode 100644
index 0000000000..40ff239b3b
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-transformed-image.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+<style>
+
+html {
+  scrollbar-width: none;
+}
+
+body {
+  margin: 0;
+}
+
+div {
+  height: 1400px;
+  background: url(repeatable-diagonal-gradient.png) top left / 512px 512px fixed no-repeat
+}
+
+</style>
+
+<div></div>
+</html>
diff --git a/layout/reftests/async-scrolling/checkerboard-1-ref.html b/layout/reftests/async-scrolling/checkerboard-1-ref.html
new file mode 100644
index 0000000000..1c3a1e4555
--- /dev/null
+++ b/layout/reftests/async-scrolling/checkerboard-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background-color: green; overflow:hidden">
+  <div style="position:absolute; left: 0px; top: 0px; width: 100px; height: 200px; background-color: red"></div>
+</body>
diff --git a/layout/reftests/async-scrolling/checkerboard-1.html b/layout/reftests/async-scrolling/checkerboard-1.html
new file mode 100644
index 0000000000..b41f745bb7
--- /dev/null
+++ b/layout/reftests/async-scrolling/checkerboard-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1800"
+      style="scrollbar-width:none">
+<!-- This is a simple test where we set the async-scroll position so that it
+     extends outside the displayport, and ensure that the checkerboarded area
+     is filled with the expected background color. -->
+<body style="background-color: green; height: 5000px">
+  <div style="position:absolute; left: 0px; top: 1800px; width: 100px; height: 400px; background-color: red"></div>
+</body>
diff --git a/layout/reftests/async-scrolling/checkerboard-2-ref.html b/layout/reftests/async-scrolling/checkerboard-2-ref.html
new file mode 100644
index 0000000000..6a12210c05
--- /dev/null
+++ b/layout/reftests/async-scrolling/checkerboard-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background-color: green; overflow:hidden">
+  <div style="position:fixed; left: 0px; top: 0px; width: 100px; height: 500px; background-color: purple; z-index: -1"></div>
+  <div style="position:absolute; left: 0px; top: 0px; background-color: yellow; width: 100px; height: 200px"></div>
+  <div style="position:fixed; left: 10px; top: 10px; width: 10px; height: 10px; background-color: blue"></div>
+</body>
diff --git a/layout/reftests/async-scrolling/checkerboard-2.html b/layout/reftests/async-scrolling/checkerboard-2.html
new file mode 100644
index 0000000000..170705ba26
--- /dev/null
+++ b/layout/reftests/async-scrolling/checkerboard-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1800"
+      style="scrollbar-width: none">
+<!-- This is a test where we set the async-scroll position so that it
+     extends outside the displayport, but also have some fixed-position
+     elements in the mix. In particular, the purple element is below
+     (in z-order) the main scrolling content and should not be made visible
+     while checkerboarding; the checkerboarding code should cover it up
+     with the appropriate background color. -->
+<body style="background-color: green; height: 5000px">
+  <div style="position:fixed; left: 0px; top: 0px; width: 100px; height: 500px; background-color: purple; z-index: -1"></div>
+  <div style="position:absolute; left: 0px; top: 500px; background-color: yellow; width: 100px; height: 4500px"></div>
+  <div style="position:fixed; left: 10px; top: 10px; width: 10px; height: 10px; background-color: blue"></div>
+</body>
diff --git a/layout/reftests/async-scrolling/checkerboard-3-ref.html b/layout/reftests/async-scrolling/checkerboard-3-ref.html
new file mode 100644
index 0000000000..d00946ada6
--- /dev/null
+++ b/layout/reftests/async-scrolling/checkerboard-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background-color: green; overflow:hidden">
+  <div style="position:fixed; left: 0px; top: 0px; width: 100px; height: 500px; background-color: purple; z-index: -1"></div>
+  <div style="position:fixed; left: 10px; top: 10px; width: 10px; height: 10px; background-color: blue"></div>
+</body>
diff --git a/layout/reftests/async-scrolling/checkerboard-3.html b/layout/reftests/async-scrolling/checkerboard-3.html
new file mode 100644
index 0000000000..4d3e7214a6
--- /dev/null
+++ b/layout/reftests/async-scrolling/checkerboard-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="2100"
+      style="scrollbar-width: none">
+<!-- This is the exact same test as checkerboard-2.html, but we put
+     the scroll position entirely outside of the displayport. This ensures
+     that even we do the proper checkerboarding even if the layer would
+     otherwise be culled out in the compositor because it is not on-screen. -->
+<body style="background-color: green; height: 5000px">
+  <div style="position:fixed; left: 0px; top: 0px; width: 100px; height: 500px; background-color: purple; z-index: -1"></div>
+  <div style="position:absolute; left: 0px; top: 500px; background-color: yellow; width: 100px; height: 4500px"></div>
+  <div style="position:fixed; left: 10px; top: 10px; width: 10px; height: 10px; background-color: blue"></div>
+</body>
diff --git a/layout/reftests/async-scrolling/contain-paint-scrollable-frame-1-ref.html b/layout/reftests/async-scrolling/contain-paint-scrollable-frame-1-ref.html
new file mode 100644
index 0000000000..e125681101
--- /dev/null
+++ b/layout/reftests/async-scrolling/contain-paint-scrollable-frame-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:200px;
+              border:2px solid black; background: lime;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/contain-paint-scrollable-frame-1.html b/layout/reftests/async-scrolling/contain-paint-scrollable-frame-1.html
new file mode 100644
index 0000000000..471258a265
--- /dev/null
+++ b/layout/reftests/async-scrolling/contain-paint-scrollable-frame-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div style="width:400px; height:200px; overflow:scroll;
+              scrollbar-width: none;
+              border:2px solid black; background: red;
+              contain:paint;"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+    <!-- This element is what we're hoping will fill the scrollport
+         when the reftest snapshot is taken: -->
+    <div style="background: lime; margin-top: 100px; height: 600px"></div>
+
+    <!-- This element is just to be sure the scrollframe's "contain:paint"
+         styling is actually having an effect. "contain:paint" should make the
+         scrollframe become a containing block for this fixed-pos element, and
+         then this element will position itself off the bottom of the
+         scrollframe and will be entirely clipped. If we fail to honor
+         "contain:paint" for some reason, then this element will instead use
+         the *viewport* as its containing block, and it'll show up in the
+         reftest snapshot and cause the reftest to fail. -->
+    <div style="position: fixed; top: 320px; width: 50px; height: 50px;
+                background: purple;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/culling-1-ref.html b/layout/reftests/async-scrolling/culling-1-ref.html
new file mode 100644
index 0000000000..5a827ddb8c
--- /dev/null
+++ b/layout/reftests/async-scrolling/culling-1-ref.html
@@ -0,0 +1,23 @@
+<html>
+  <head>
+    <title>Culling Test</title>
+    <meta name="viewport" content="width=device-width">
+  </head>
+  <body style="background:red" onload="loaded()">
+    <div style="height:390px; width:300px; overflow-y:auto; background:red; scrollbar-width:none">
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin-top:15px; width:300px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+    </div>
+    <script>
+      function loaded() {
+        var scrollableDiv = document.querySelector("div");
+        scrollableDiv.scrollTop = 10;
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/async-scrolling/culling-1.html b/layout/reftests/async-scrolling/culling-1.html
new file mode 100644
index 0000000000..c8a62602a4
--- /dev/null
+++ b/layout/reftests/async-scrolling/culling-1.html
@@ -0,0 +1,20 @@
+<html reftest-async-scroll>
+  <head>
+    <title>Culling Test</title>
+    <meta name="viewport" content="width=device-width">
+  </head>
+  <body style="background:red">
+    <div style="height:390px; width:300px; overflow-y:auto; background:red; scrollbar-width:none"
+         reftest-displayport-x="0" reftest-displayport-y="0"
+         reftest-displayport-w="300" reftest-displayport-h="400"
+         reftest-async-scroll-x="0" reftest-async-scroll-y="10">
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin-top:15px; width:300px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+      <div style="margin:15px; width:200px; height:40px; background:blue"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/async-scrolling/curtain-effect-1-ref.html b/layout/reftests/async-scrolling/curtain-effect-1-ref.html
new file mode 100644
index 0000000000..003cd019c5
--- /dev/null
+++ b/layout/reftests/async-scrolling/curtain-effect-1-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html style="margin: 0; padding: 0; z-index: 0">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body style="margin: 0; padding: 0; z-index: 0" onload="scrollTo(0,400)">
+
+<div style="height: 100vh">
+<div style="width: 100%;
+            height: 100vh;
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: 2">
+<div style="position: absolute;
+            width: 100%;
+            height: 100vh;
+            left: 0;
+            top: 0;
+            z-index: 3">
+<div style="position: relative;
+            width: 100%;
+            height: 100%;
+            background-image: linear-gradient(lime, blue);">
+</div></div></div></div>
+
+<div style="height: 100vh;
+            position: relative;
+            background: black;">
+<div style="position: absolute;
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+            clip: rect(0, auto, auto, 0);">
+<div style="width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+            position: fixed;
+            transform: translateZ(0);
+            z-index: 3">
+<div style="position: relative;
+            width: 100%;
+            height: 100%;
+            background-image: linear-gradient(yellow, red);">
+</div></div></div></div>
+</body></html>
diff --git a/layout/reftests/async-scrolling/curtain-effect-1.html b/layout/reftests/async-scrolling/curtain-effect-1.html
new file mode 100644
index 0000000000..09d57c23b1
--- /dev/null
+++ b/layout/reftests/async-scrolling/curtain-effect-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html style="margin: 0; padding: 0; z-index: 0" reftest-async-scroll reftest-async-scroll-y="400">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body style="margin: 0; padding: 0; z-index: 0">
+
+<div style="height: 100vh">
+<div style="width: 100%;
+            height: 100vh;
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: 2">
+<div style="position: absolute;
+            width: 100%;
+            height: 100vh;
+            left: 0;
+            top: 0;
+            z-index: 3">
+<div style="position: relative;
+            width: 100%;
+            height: 100%;
+            background-image: linear-gradient(lime, blue);">
+</div></div></div></div>
+
+<div style="height: 100vh;
+            position: relative;
+            background: black;">
+<div style="position: absolute;
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+            clip: rect(0, auto, auto, 0);">
+<div style="width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+            position: fixed;
+            transform: translateZ(0);
+            z-index: 3">
+<div style="position: relative;
+            width: 100%;
+            height: 100%;
+            background-image: linear-gradient(yellow, red);">
+</div></div></div></div>
+</body></html>
diff --git a/layout/reftests/async-scrolling/disable-apz-for-sle-pages-ref.html b/layout/reftests/async-scrolling/disable-apz-for-sle-pages-ref.html
new file mode 100644
index 0000000000..9948693471
--- /dev/null
+++ b/layout/reftests/async-scrolling/disable-apz-for-sle-pages-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Check that the apz.disable_for_sle_pages pref behaves as expected</title>
+ </head>
+ <body style="height: 5000px; background-image:url(repeatable-diagonal-gradient.png);">
+  <div id="fake-fixed" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: green"></div>
+ </body>
+</html>
diff --git a/layout/reftests/async-scrolling/disable-apz-for-sle-pages.html b/layout/reftests/async-scrolling/disable-apz-for-sle-pages.html
new file mode 100644
index 0000000000..8db572f7a7
--- /dev/null
+++ b/layout/reftests/async-scrolling/disable-apz-for-sle-pages.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-snapshot-all reftest-no-flush" reftest-async-scroll
+      reftest-async-scroll-y="200">
+ <head>
+  <title>Check that the apz.disable_for_sle_pages pref behaves as expected</title>
+  <script>
+    // Upon load, this page invokes scrollTo() for a transparent element
+    // repeatedly. It triggers scroll events, which run the scroll listener
+    // below. The scroll listener updates the background-position-x of the div
+    // to make the div a scroll-linked-effect. The scroll-linked effect detector
+    // should then report that the document contains such an effect, which will
+    // disable APZ on the page. That in turn will cause the
+    // reftest-async-scroll-y to get ignored, and that's what the reftest checks
+    // for.
+
+    function start() {
+        let scrollPosition = 1;
+
+        scroller.addEventListener('scroll', function() {
+            // NOTE: Changing background-position-x doesn't change rendering for
+            // this element.
+            document.getElementById('scroll-linked-effect').style.backgroundPositionX =
+                scroller.scrollTop + "px";
+            if (scrollPosition == 1) {
+              setTimeout(done, 0);
+            }
+            scrollPosition++;
+            scroller.scrollTo(0, scrollPosition);
+        });
+
+        scroller.scrollTo(0, scrollPosition);
+    }
+    addEventListener('load', start, false);
+
+    function done() {
+        document.documentElement.classList.remove('reftest-wait');
+    }
+  </script>
+ </head>
+ <body style="height: 5000px; background-image:url(repeatable-diagonal-gradient.png);">
+  <div id="scroller" style="overflow: auto; width: 100px; height: 100px; scrollbar-width: none;">
+    <div style="height: 5000px;"></div>
+  </div>
+  <div id="scroll-linked-effect" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: green"></div>
+ </body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1-ref.html
new file mode 100644
index 0000000000..bbac8734d5
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    height: 2000px;
+    width: 100%;
+}
+#fixed {
+    width: 100%;
+    height: 200px;
+    position: fixed;
+    bottom: 0;
+    background: red;
+    margin-bottom: 50px;
+}
+</style>
+<body>
+  <div id="scrolled"></div>
+  <div id="fixed"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1.html b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1.html
new file mode 100644
index 0000000000..4f980e271c
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-bottom-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<!--
+  Tests that setting a fixed bottom margin in the compositor results
+  in the margin being applied to an element fixed to the bottom.
+
+  The fixed margin is specified as a test-pref in reftest.list.
+
+  The purpose of the fixed margin is to compensate for the transform that the
+  dynamic toolbar applies to the entire content area. We don't have a way of
+  simulating that transform in a reftest, so the fixed margin in isolation will
+  cause the fixed element to be offset from the bottom of the screen, and in
+  the ref page we use a regular CSS "margin-bottom" to match the rendering.
+-->
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    height: 2000px;
+    width: 100%;
+}
+#fixed {
+    width: 100%;
+    height: 200px;
+    position: fixed;
+    bottom: 0;
+    background: red;
+}
+</style>
+<body>
+  <div id="scrolled"></div>
+  <div id="fixed"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1-ref.html
new file mode 100644
index 0000000000..0fe473de2a
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    height: 2000px;
+    width: 100%;
+}
+#fixed {
+    width: 100%;
+    height: 200px;
+    position: fixed;
+    top: 0;
+    background: red;
+    margin-top: 50px;
+}
+</style>
+<body>
+  <div id="scrolled"></div>
+  <div id="fixed"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1.html b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1.html
new file mode 100644
index 0000000000..6123371f5f
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-fixed-top-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<!--
+  Tests that setting a fixed top margin in the compositor results
+  in the margin being applied to an element fixed to the top.
+
+  The fixed margin is specified as a test-pref in reftest.list.
+
+  The purpose of the fixed margin is to compensate for the transform that the
+  dynamic toolbar applies to the entire content area. We don't have a way of
+  simulating that transform in a reftest, so the fixed margin in isolation will
+  cause the fixed element to be offset from the top of the screen, and in
+  the ref page we use a regular CSS "margin-top" to match the rendering.
+-->
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    height: 2000px;
+    width: 100%;
+}
+#fixed {
+    width: 100%;
+    height: 200px;
+    position: fixed;
+    top: 0;
+    background: red;
+}
+</style>
+<body>
+  <div id="scrolled"></div>
+  <div id="fixed"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref-b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref-b.html
new file mode 100644
index 0000000000..bcf56579c2
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref-b.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: relative;
+    top: calc(-50px - 20px + 10px - 50px);
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: calc(-100px - 20px + 10px - 50px);
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 10;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref.html
new file mode 100644
index 0000000000..ebb7972d3a
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: relative;
+    top: calc(-50px - 20px + 10px);
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: calc(-100px - 20px + 10px);
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 10;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1a.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1a.html
new file mode 100644
index 0000000000..c7147c01b1
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 10;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1b.html
new file mode 100644
index 0000000000..4cb4e16d58
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="10">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1c.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1c.html
new file mode 100644
index 0000000000..d180d26163
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-1c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="-1150"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-1140">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = document.scrollingElement.scrollTopMax;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref-b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref-b.html
new file mode 100644
index 0000000000..eb13c69a46
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref-b.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: calc(-20px - 50px);
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 100;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref.html
new file mode 100644
index 0000000000..44318d939e
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: -20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 100;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2a.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2a.html
new file mode 100644
index 0000000000..b94890ae26
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 100;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2b.html
new file mode 100644
index 0000000000..87e6f91cf0
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2c.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2c.html
new file mode 100644
index 0000000000..889f61e059
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-2c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="-1150"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-1050">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = document.scrollingElement.scrollTopMax;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3-ref.html
new file mode 100644
index 0000000000..98aa3dd23b
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 130;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3a.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3a.html
new file mode 100644
index 0000000000..1f024fa5ca
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 130;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3b.html
new file mode 100644
index 0000000000..78922be7eb
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="130">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3c.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3c.html
new file mode 100644
index 0000000000..30adcafc0d
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-3c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="-1150"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-1020">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = document.scrollingElement.scrollTopMax;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4-ref.html
new file mode 100644
index 0000000000..1357b07703
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1020;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4a.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4a.html
new file mode 100644
index 0000000000..f626cfa44f
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1020;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4b.html
new file mode 100644
index 0000000000..d62fe0e5af
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1020">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4c.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4c.html
new file mode 100644
index 0000000000..0005b0471e
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-4c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="-1150"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-130">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = document.scrollingElement.scrollTopMax;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref-t.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref-t.html
new file mode 100644
index 0000000000..489d7f9d98
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref-t.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: calc(20px + 50px);
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1050;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref.html
new file mode 100644
index 0000000000..acd01a3a93
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1050;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5a.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5a.html
new file mode 100644
index 0000000000..640c8fa43c
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1050;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5b.html
new file mode 100644
index 0000000000..9ea9d154f9
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1050">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5c.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5c.html
new file mode 100644
index 0000000000..2d7e087fe3
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-5c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="-1150"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-100">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = document.scrollingElement.scrollTopMax;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref-t.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref-t.html
new file mode 100644
index 0000000000..3276137a99
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref-t.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: calc(100px + 20px - 10px + 50px);
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: relative;
+    top: calc(50px + 20px - 10px + 50px);
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1140;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref.html
new file mode 100644
index 0000000000..7a01152ec5
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: relative;
+    top: calc(100px + 20px - 10px);
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: relative;
+    top: calc(50px + 20px - 10px);
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1140;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6a.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6a.html
new file mode 100644
index 0000000000..dbe019fd34
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = 1140;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6b.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6b.html
new file mode 100644
index 0000000000..9044587caf
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1140">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6c.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6c.html
new file mode 100644
index 0000000000..292b268c0c
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-6c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="-1150"
+      reftest-displayport-w="800" reftest-displayport-h="2150"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-10">
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+    margin: 0;
+    scrollbar-width: none;
+}
+.spacer {
+    height: 100vh;
+    background-color: green;
+}
+.sticky_bottom {
+    position: sticky;
+    bottom: 20px;
+    height: 50px;
+    background-color: blue;
+    opacity: 50%;
+}
+.sticky_both {
+    position: sticky;
+    top: 20px;
+    bottom: 20px;
+    height: 50px;
+    background-color: purple;
+    opacity: 50%;
+}
+.sticky_top {
+    position: sticky;
+    top: 20px;
+    height: 50px;
+    background-color: red;
+    opacity: 50%;
+}
+</style>
+<div class="spacer"></div>
+<div class="sticky_bottom"></div>
+<div class="sticky_both"></div>
+<div class="sticky_top"></div>
+<div class="spacer"></div>
+<script>
+document.scrollingElement.scrollTop = document.scrollingElement.scrollTopMax;
+</script>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1-ref.html
new file mode 100644
index 0000000000..8ff4497812
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1-ref.html
@@ -0,0 +1,29 @@
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+
+    height: 2000px;
+    width: 100%;
+}
+#sticky {
+    width: 100%;
+    height: 200px;
+    position: sticky;
+    bottom: 70px;
+    background: red;
+    align-self: flex-end;
+}
+</style>
+<body>
+  <div id="scrolled">
+    <div id="sticky"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1.html
new file mode 100644
index 0000000000..b401ff21db
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-bottom-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<!--
+  Tests that setting a fixed bottom margin in the compositor results
+  in the margin being applied to an element sticky to the bottom.
+
+  The fixed margin is specified as a test-pref in reftest.list.
+
+  The purpose of the fixed margin is to compensate for the transform that the
+  dynamic toolbar applies to the entire content area. We don't have a way of
+  simulating that transform in a reftest, so the fixed margin in isolation will
+  cause the sticky element to be offset from the bottom of the screen.
+-->
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+
+    height: 2000px;
+    width: 100%;
+}
+#sticky {
+    width: 100%;
+    height: 200px;
+    position: sticky;
+    bottom: 20px;
+    background: red;
+    align-self: flex-end;
+}
+</style>
+<body>
+  <div id="scrolled">
+    <div id="sticky"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1-ref.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1-ref.html
new file mode 100644
index 0000000000..f9bc7b6ea2
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1-ref.html
@@ -0,0 +1,29 @@
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+
+    height: 2000px;
+    width: 100%;
+}
+#sticky {
+    width: 100%;
+    height: 200px;
+    position: sticky;
+    top: 70px;
+    background: red;
+    align-self: flex-start;
+}
+</style>
+<body>
+  <div id="scrolled">
+    <div id="sticky"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1.html b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1.html
new file mode 100644
index 0000000000..1952a9c086
--- /dev/null
+++ b/layout/reftests/async-scrolling/dynamic-toolbar-sticky-top-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<!--
+  Tests that setting a fixed top margin in the compositor results
+  in the margin being applied to an element sticky to the top.
+
+  The fixed margin is specified as a test-pref in reftest.list.
+
+  The purpose of the fixed margin is to compensate for the transform that the
+  dynamic toolbar applies to the entire content area. We don't have a way of
+  simulating that transform in a reftest, so the fixed margin in isolation will
+  cause the fixed element to be offset from the top of the screen.
+-->
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+    scrollbar-width: none;
+}
+#scrolled {
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+
+    height: 2000px;
+    width: 100%;
+}
+#sticky {
+    width: 100%;
+    height: 200px;
+    position: sticky;
+    top: 20px;
+    background: red;
+}
+</style>
+<body>
+  <div id="scrolled">
+    <div id="sticky"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/element-1-ref.html b/layout/reftests/async-scrolling/element-1-ref.html
new file mode 100644
index 0000000000..f7c40e2c5e
--- /dev/null
+++ b/layout/reftests/async-scrolling/element-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:500px; border:2px solid black">
+    <div style="height:450px"></div>
+    <div style="height:50px; background:purple"></div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/element-1.html b/layout/reftests/async-scrolling/element-1.html
new file mode 100644
index 0000000000..857c37cb7c
--- /dev/null
+++ b/layout/reftests/async-scrolling/element-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <!-- Test that element content scrolls asynchronously -->
+  <div style="width:400px; height:500px; overflow:scroll; scrollbar-width: none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div style="height:500px"></div>
+    <div style="height:100px; background:purple"></div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrollable-1-ref.html b/layout/reftests/async-scrolling/fixed-pos-scrollable-1-ref.html
new file mode 100644
index 0000000000..5996b776ed
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrollable-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<meta name="viewport" content="width=device-width">
+<body style="height: 5000px; overflow:hidden">
+  <div style="display: block; margin-top: 100px; position:fixed; overflow:scroll; top: 0px; width: 50px; height: 100px"><div style="height:200px; background-color: red"></div></div>
+  <div style="display: block; margin-top: 20px; position:relative; left: 50px; width: 50px; height: 100px; background-color: red"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrollable-1.html b/layout/reftests/async-scrolling/fixed-pos-scrollable-1.html
new file mode 100644
index 0000000000..8ab6ac6217
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrollable-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="80"
+      style="scrollbar-width: none">
+<meta name="viewport" content="width=device-width">
+<body style="height: 5000px">
+  <!-- In this test the fixed-position element is a child of the scrollable layer, but
+       gets a clip rect because it is itself a container for scrolling sublayers. This
+       tests that such a layer is transformed correctly while an async scroll transform
+       is in effect. -->
+  <div style="display: block; margin-top: 100px; position:fixed; overflow:scroll; top: 0px; width: 50px; height: 100px"><div style="height:200px; background-color: red"></div></div>
+  <div style="display: block; margin-top: 100px; position:relative; left: 50px; width: 50px; height: 100px; background-color: red"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1-ref.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1-ref.html
new file mode 100644
index 0000000000..cf4e8ac543
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+
+<title>Reference for: position:fixed with scrolled clip should prerender everything and correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.greenSquare {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: lime;
+}
+
+</style>
+
+<div class="greenSquare"></div>
+
+<script>
+
+document.documentElement.scrollTop = 200;
+
+</script>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1.html
new file mode 100644
index 0000000000..1313239431
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="200">
+
+<title>position:fixed with scrolled clip should prerender everything and correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.absoluteClip {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: red;
+  clip: rect(auto auto auto auto);
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(lime, lime) black 0 100px no-repeat;
+  background-size: 100% 200px;
+}
+
+</style>
+
+<div class="absoluteClip">
+  <div class="fixed"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2-ref.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2-ref.html
new file mode 100644
index 0000000000..e669c97d44
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+
+<title>Reference for: position:fixed should not be clipped by the subframe clip, but it should be clipped by the "clip" clip, and the "clip" clip should be moved by the subframe.</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.subframe {
+  margin-top: 300px;
+  width: 400px;
+  height: 400px;
+  overflow: auto;
+}
+
+.subframeScrolled {
+  height: 800px;
+}
+
+.greenSquare {
+  position: absolute;
+  top: 150px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: lime;
+}
+
+</style>
+
+<div class="subframe">
+  <div class="subframeScrolled"></div>
+</div>
+
+<div class="greenSquare"></div>
+
+<script>
+
+document.documentElement.scrollTop = 50;
+document.querySelector('.subframe').scrollTop = 150;
+
+</script>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2.html
new file mode 100644
index 0000000000..a2477b520d
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-2.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+
+<title>position:fixed should not be clipped by the subframe clip, but it should be clipped by the "clip" clip, and the "clip" clip should be moved by the subframe.</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.subframe {
+  margin-top: 300px;
+  width: 400px;
+  height: 400px;
+  overflow: auto;
+}
+
+.subframeScrolled {
+  height: 800px;
+  position: relative;
+}
+
+.absoluteClip {
+  position: absolute;
+  top: 0px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: red;
+  clip: rect(auto auto auto auto);
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(lime, lime) black 0 100px no-repeat;
+  background-size: 100% 200px;
+}
+
+</style>
+
+<div class="subframe"
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="400" reftest-displayport-h="800"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="150">
+  <div class="subframeScrolled">
+    <div class="absoluteClip">
+      <div class="fixed"></div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3-ref.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3-ref.html
new file mode 100644
index 0000000000..778ea52a76
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+
+<title>Reference for: like fixed-pos-scrolled-clip-1.html, but inside a transform. This also tests that scrolling the root scroll frame moves the "fixed" layer which is only fixed with respect to the transform, not with respect to the viewport.</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.subframe {
+  position: relative;
+  left: 10px;
+  top: 10px;
+  width: 500px;
+  height: 600px;
+  overflow: auto;
+  box-shadow: 0 0 0 2px black;
+}
+
+.scrolled {
+  height: 4000px;
+}
+
+.greenSquare {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: lime;
+}
+
+</style>
+
+<div class="subframe">
+  <div class="scrolled">
+    <div class="greenSquare"></div>
+  </div>
+</div>
+
+<script>
+
+document.documentElement.scrollTop = 20;
+document.querySelector('.subframe').scrollTop = 200;
+
+</script>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3.html
new file mode 100644
index 0000000000..83d82cb8fc
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-3.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="20">
+
+<title>like fixed-pos-scrolled-clip-1.html, but inside a transform. This also tests that scrolling the root scroll frame moves the "fixed" layer which is only fixed with respect to the transform, not with respect to the viewport.</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.transform {
+  transform: translate(10px, 10px);
+  width: 500px;
+}
+
+.subframe {
+  height: 600px;
+  overflow: auto;
+  box-shadow: 0 0 0 2px black;
+}
+
+.scrolled {
+  height: 4000px;
+  position: relative;
+}
+
+.absoluteClip {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: red;
+  clip: rect(auto auto auto auto);
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(lime, lime) black 0 100px no-repeat;
+  background-size: 100% 200px;
+}
+
+</style>
+
+<div class="transform">
+  <div class="subframe"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="200">
+    <div class="scrolled">
+      <div class="absoluteClip">
+        <div class="fixed"></div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4-ref.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4-ref.html
new file mode 100644
index 0000000000..a338c1545e
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+
+<title>Reference for: This is fixed-pos-scrolled-clip-1.html in an iframe</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.subframe {
+  position: relative;
+  left: 10px;
+  top: 10px;
+  width: 500px;
+  height: 600px;
+  overflow: auto;
+  box-shadow: 0 0 0 2px black;
+}
+
+.scrolled {
+  height: 4000px;
+}
+
+.greenSquare {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: lime;
+}
+
+</style>
+
+<div class="subframe">
+  <div class="scrolled">
+    <div class="greenSquare"></div>
+  </div>
+</div>
+
+<script>
+
+document.documentElement.scrollTop = 20;
+document.querySelector('.subframe').scrollTop = 200;
+
+</script>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4.html
new file mode 100644
index 0000000000..6c141530ef
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-4.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="20">
+
+<title>This is fixed-pos-scrolled-clip-1.html in an iframe</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.subframe {
+  position: relative;
+  left: 10px;
+  top: 10px;
+  border: 0;
+  width: 500px;
+  height: 600px;
+  overflow: auto;
+  box-shadow: 0 0 0 2px black;
+}
+
+</style>
+
+<iframe class="subframe" src="fixed-pos-scrolled-clip-1.html"></iframe>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5-ref.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5-ref.html
new file mode 100644
index 0000000000..5cf6a9375d
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en-US"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>The scrolled clip on the fixed element is not respected</title>
+
+</head><body><div style="
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: lime;
+    width: 100%;
+    height: 200px;">
+</div>
+</body></html>
diff --git a/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5.html b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5.html
new file mode 100644
index 0000000000..44655ff420
--- /dev/null
+++ b/layout/reftests/async-scrolling/fixed-pos-scrolled-clip-5.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-US"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>The scrolled clip on the fixed element is not respected</title>
+
+</head><body><div style="
+    position: absolute;
+    top: 0;
+    left: 0;
+    clip: rect(auto auto auto auto);
+    width: 100%;
+    height: 200px;">
+
+    <div style="background-image: linear-gradient(lime, lime);
+        position: fixed;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        transform: translateZ(0px)">
+    </div>
+
+</div>
+</body></html>
diff --git a/layout/reftests/async-scrolling/group-opacity-surface-size-1-ref.html b/layout/reftests/async-scrolling/group-opacity-surface-size-1-ref.html
new file mode 100644
index 0000000000..12b6ee367a
--- /dev/null
+++ b/layout/reftests/async-scrolling/group-opacity-surface-size-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<style>
+
+body {
+  margin: 0;
+  overflow: hidden;
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+.box {
+  left: 0;
+  top: 200px;
+  width: 200px;
+  height: 200px;
+}
+
+.absolute {
+  position: absolute;
+  background: green;
+  top: 100px;
+}
+
+.fixed {
+  position: absolute;
+  background: blue;
+}
+
+</style>
+
+<div class="opacity">
+  <div class="box absolute"></div>
+  <div class="box fixed"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/group-opacity-surface-size-1.html b/layout/reftests/async-scrolling/group-opacity-surface-size-1.html
new file mode 100644
index 0000000000..c8562222ba
--- /dev/null
+++ b/layout/reftests/async-scrolling/group-opacity-surface-size-1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+<style>
+
+html {
+  scrollbar-width: none;
+}
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+.box {
+  left: 0;
+  top: 200px;
+  width: 200px;
+  height: 200px;
+}
+
+.absolute {
+  position: absolute;
+  background: green;
+}
+
+.fixed {
+  position: fixed;
+  background: blue;
+}
+
+</style>
+
+<div class="opacity">
+  <div class="box absolute"></div>
+  <div class="box fixed"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/iframe-1-ref.html b/layout/reftests/async-scrolling/iframe-1-ref.html
new file mode 100644
index 0000000000..76537c52c1
--- /dev/null
+++ b/layout/reftests/async-scrolling/iframe-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<iframe style="width:300px; height:600px; border:2px solid blue"
+        srcdoc="<!DOCTYPE HTML>
+                <html style='overflow:hidden'>
+                <div style='height:450px'></div>
+                <div style='height:200px; background:purple'>
+                  <div style='display:inline-block; width:20px; height:20px; background:yellow;'></div>
+                </div>"></iframe>
diff --git a/layout/reftests/async-scrolling/iframe-1.html b/layout/reftests/async-scrolling/iframe-1.html
new file mode 100644
index 0000000000..5d6406f5a7
--- /dev/null
+++ b/layout/reftests/async-scrolling/iframe-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+<iframe style="width:300px; height:600px; border:2px solid blue"
+        srcdoc="<!DOCTYPE HTML>
+                <html reftest-displayport-x='0' reftest-displayport-y='0'
+                      reftest-displayport-w='800' reftest-displayport-h='2000'
+                      reftest-async-scroll-x='0' reftest-async-scroll-y='50' style='scrollbar-width: none'>
+                <div style='height:500px'></div>
+                <div style='height:200px; background:purple'>
+                  <div style='display:inline-block; width:20px; height:20px; background:yellow;'></div>
+                </div>"></iframe>
diff --git a/layout/reftests/async-scrolling/nested-1-ref.html b/layout/reftests/async-scrolling/nested-1-ref.html
new file mode 100644
index 0000000000..2ad0568e19
--- /dev/null
+++ b/layout/reftests/async-scrolling/nested-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:500px; overflow:hidden; border:2px solid black">
+    <div style="width:300px; height:800px; overflow:hidden; border:2px solid blue; margin-top:-50px">
+      <div style="height:450px"></div>
+      <div style="height:200px; background:purple"></div>
+    </div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/nested-1.html b/layout/reftests/async-scrolling/nested-1.html
new file mode 100644
index 0000000000..953fe0c6f8
--- /dev/null
+++ b/layout/reftests/async-scrolling/nested-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <!-- Test that nested active scrolling elements work -->
+  <div style="width:400px; height:500px; overflow:scroll; scrollbar-width: none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div style="width:300px; height:800px; overflow:scroll; scrollbar-width: none; border:2px solid blue"
+         reftest-displayport-x="0" reftest-displayport-y="0"
+         reftest-displayport-w="800" reftest-displayport-h="2000"
+         reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+      <div style="height:500px"></div>
+      <div style="height:200px; background:purple"></div>
+      <div style="height:500px"></div>
+    </div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/nested-2-ref.html b/layout/reftests/async-scrolling/nested-2-ref.html
new file mode 100644
index 0000000000..10ef23745e
--- /dev/null
+++ b/layout/reftests/async-scrolling/nested-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:500px; overflow:hidden; border:2px solid black">
+    <div style="width:300px; height:100px; overflow:hidden; border:2px solid blue; margin-top: 50px">
+      <div style="height:200px; background:purple"></div>
+    </div>
+    <div class="filler" style="height: 1000px"></div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/nested-2.html b/layout/reftests/async-scrolling/nested-2.html
new file mode 100644
index 0000000000..714761ab0b
--- /dev/null
+++ b/layout/reftests/async-scrolling/nested-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <!-- Test that nested active scrolling elements work -->
+  <div style="width:400px; height:500px; overflow:scroll; scrollbar-width: none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div style="width:300px; height:100px; overflow:scroll; scrollbar-width: none; border:2px solid blue; margin-top: 100px"
+         reftest-displayport-x="0" reftest-displayport-y="0"
+         reftest-displayport-w="800" reftest-displayport-h="2000"
+         reftest-async-scroll-x="0" reftest-async-scroll-y="0">
+      <div style="height:200px; background:purple"></div>
+    </div>
+    <div class="filler" style="height: 1000px"></div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/no-overscroll-ref.html b/layout/reftests/async-scrolling/no-overscroll-ref.html
new file mode 100644
index 0000000000..e6c2a479f1
--- /dev/null
+++ b/layout/reftests/async-scrolling/no-overscroll-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 0px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/offscreen-clipped-blendmode-1.html b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-1.html
new file mode 100644
index 0000000000..64795e5cfd
--- /dev/null
+++ b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en"
+     reftest-async-scroll
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="2000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="1200">
+<meta charset="utf-8">
+<title>Scrolled blend mode</title>
+
+<style>
+
+body {
+  margin: 0;
+  padding: 100px;
+  height: 4000px;
+  background: white;
+}
+
+#outer {
+  height: 4000px;
+  overflow: hidden;
+}
+
+#inner-contents {
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 50px;
+  height: 50px;
+  mix-blend-mode: multiply;
+  margin-top: 1400px;
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+    <div id="inner-contents"></div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/offscreen-clipped-blendmode-2.html b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-2.html
new file mode 100644
index 0000000000..d85dc23e69
--- /dev/null
+++ b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-2.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en"
+     reftest-async-scroll
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="2000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="1200">
+<meta charset="utf-8">
+<title>Scrolled blend mode</title>
+
+<style>
+
+body {
+  margin: 0;
+  padding: 100px;
+  height: 4000px;
+  background: white;
+}
+
+#outer {
+  height: 4000px;
+  overflow: hidden;
+}
+
+#inner {
+  transform: translateX(0);
+}
+
+#inner-contents {
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 50px;
+  height: 50px;
+  mix-blend-mode: multiply;
+  margin-top: 1400px;
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+    <div id="inner-contents"></div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/offscreen-clipped-blendmode-3.html b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-3.html
new file mode 100644
index 0000000000..e128e29872
--- /dev/null
+++ b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-3.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en"
+     reftest-async-scroll
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="2000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="1200">
+<meta charset="utf-8">
+<title>Scrolled blend mode</title>
+
+<style>
+
+body {
+  margin: 0;
+  padding: 100px;
+  height: 4000px;
+  background: white;
+}
+
+#outer {
+  height: 4000px;
+  overflow: hidden;
+}
+
+#inner-contents {
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 50px;
+  height: 50px;
+  mix-blend-mode: multiply;
+  margin-top: 1400px;
+  transform: translateX(0);
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+    <div id="inner-contents"></div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/offscreen-clipped-blendmode-4.html b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-4.html
new file mode 100644
index 0000000000..8834747244
--- /dev/null
+++ b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en"
+     reftest-async-scroll
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="2000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="1200">
+<meta charset="utf-8">
+<title>Scrolled blend mode</title>
+
+<style>
+
+body {
+  margin: 0;
+  padding: 100px;
+  height: 4000px;
+  background: white;
+}
+
+#outer {
+  height: 4000px;
+  overflow: hidden;
+}
+
+#inner {
+  transform: translateX(0);
+}
+
+#inner-contents {
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 50px;
+  height: 50px;
+  mix-blend-mode: multiply;
+  margin-top: 1400px;
+  transform: translateX(0);
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+    <div id="inner-contents"></div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/offscreen-clipped-blendmode-ref.html b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-ref.html
new file mode 100644
index 0000000000..65660c6ca7
--- /dev/null
+++ b/layout/reftests/async-scrolling/offscreen-clipped-blendmode-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Scrolled blend mode</title>
+
+<style>
+
+body {
+  margin: 0;
+  padding: 100px;
+  height: 4000px;
+  background: white;
+}
+
+#inner-contents {
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 50px;
+  height: 50px;
+  margin-top: 1400px;
+}
+
+</style>
+
+<div id="inner-contents"></div>
+
+<script>
+
+document.documentElement.scrollTop = 1200;
+
+</script>
diff --git a/layout/reftests/async-scrolling/offscreen-prerendered-active-opacity-ref.html b/layout/reftests/async-scrolling/offscreen-prerendered-active-opacity-ref.html
new file mode 100644
index 0000000000..da251e5aaf
--- /dev/null
+++ b/layout/reftests/async-scrolling/offscreen-prerendered-active-opacity-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>Reference: Active opacity should be rendered if it's inside the display port, even if it's currently offscreen</title>
+
+<style>
+
+#scrollbox {
+  border: 1px solid black;
+  width: 200px;
+  height: 200px;
+  overflow: hidden;
+}
+
+#scrolledContent {
+  height: 1000px;
+}
+
+#opacity {
+  will-change: opacity;
+  opacity: 0.5;
+  margin-top: 250px;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+
+
+</style>
+
+<div id="scrollbox">
+  <div id="scrolledContent">
+    <div id="opacity"></div>
+  </div>
+</div>
+
+<script>
+
+document.getElementById("scrollbox").scrollTop = 150;
+
+</script>
diff --git a/layout/reftests/async-scrolling/offscreen-prerendered-active-opacity.html b/layout/reftests/async-scrolling/offscreen-prerendered-active-opacity.html
new file mode 100644
index 0000000000..b89d5cd130
--- /dev/null
+++ b/layout/reftests/async-scrolling/offscreen-prerendered-active-opacity.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<meta charset="utf-8">
+<title>Active opacity should be rendered if it's inside the display port, even if it's currently offscreen</title>
+
+<style>
+
+.scrollbox {
+  border: 1px solid black;
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+  scrollbar-width: none;
+}
+
+.scrolledContent {
+  height: 1000px;
+}
+
+.opacity {
+  will-change: opacity;
+  opacity: 0.5;
+  margin-top: 250px;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+
+
+</style>
+
+<div class="scrollbox"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="200" reftest-displayport-h="1000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="150">
+  <div class="scrolledContent">
+    <div class="opacity"></div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/opaque-fractional-displayport-1.html b/layout/reftests/async-scrolling/opaque-fractional-displayport-1.html
new file mode 100644
index 0000000000..8a73a7f309
--- /dev/null
+++ b/layout/reftests/async-scrolling/opaque-fractional-displayport-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Make sure the scrolled layer is opaque even if the scrolled area is fractional</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.scrollbox {
+  margin: 50px;
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+
+  /* Make the background "non-uniform" so that the scrolled layer does not
+   * pull up a background color. */
+  background: linear-gradient(to bottom, white, transparent);
+}
+
+.scrolled-contents {
+  height: 300.2px;
+  background-color: lime;
+  box-sizing: border-box;
+}
+
+.transparent-overlap-of-fractional-edge {
+  margin: 0 20px;
+  height: 40px;
+  /* This element has a box-shadow that overlaps the bottom of the scrolled
+   * area. Box shadows do not expand the scrollable area. */
+  box-shadow: 0 280px rgba(0, 0, 255, 0.5);
+}
+
+</style>
+
+<body>
+
+<div class="scrollbox"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="200" reftest-displayport-h="300.2"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="0">
+  <div class="scrolled-contents">
+    <div class="transparent-overlap-of-fractional-edge reftest-opaque-layer">
+      <!-- This element has the magic "reftest-opaque-layer" class which
+           constitutes the actual test here. -->
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/async-scrolling/opaque-fractional-displayport-2.html b/layout/reftests/async-scrolling/opaque-fractional-displayport-2.html
new file mode 100644
index 0000000000..ddcac0fe85
--- /dev/null
+++ b/layout/reftests/async-scrolling/opaque-fractional-displayport-2.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Make sure the scrolled layer is opaque even if the scrolled area is fractional</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.scrollbox {
+  margin: 50px;
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+
+  /* Make the background "non-uniform" so that the scrolled layer does not
+   * pull up a background color. */
+  background: linear-gradient(to bottom, white, transparent);
+}
+
+.scrolled-contents {
+  height: 300.2px;
+  background-color: lime;
+  box-sizing: border-box;
+  border: 1px solid lime;
+}
+
+.transparent-overlap-of-fractional-edge {
+  margin: -10px 20px 0;
+  height: 40px;
+  background-color: rgba(0, 0, 255, 0.5);
+}
+
+</style>
+
+<body>
+
+<div class="scrollbox"
+     reftest-displayport-x="0" reftest-displayport-y="-100.2"
+     reftest-displayport-w="200" reftest-displayport-h="300.2"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="0">
+  <div class="scrolled-contents">
+    <div class="transparent-overlap-of-fractional-edge reftest-opaque-layer">
+      <!-- This element has the magic "reftest-opaque-layer" class which
+           constitutes the actual test here. -->
+    </div>
+  </div>
+</div>
+
+<script>
+
+document.querySelector(".scrollbox").scrollTop = 100000; /* will end up at 100.2 */
+
+</script>
diff --git a/layout/reftests/async-scrolling/overscroll-disabled.html b/layout/reftests/async-scrolling/overscroll-disabled.html
new file mode 100644
index 0000000000..3c4927c9d0
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-disabled.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-200">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 0px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a viewport is rendered
+      as having the content create a gutter, and that
+      the overscroll is reduced by some factor such that 
+      a 100px scroll must produce a rendered translation of less than
+      100px.
+
+      Current overscroll physics mean that an instantaneous overscroll
+      by 200px produces an 8px gutter. This is governed by the logic in
+      Axis::ApplyResistance(); if that logic is changed, this test will
+      need to be modified to account for the new result.
+  -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-fixed-iframe-overscroll.html b/layout/reftests/async-scrolling/overscroll-fixed-iframe-overscroll.html
new file mode 100644
index 0000000000..d4af4f2235
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-fixed-iframe-overscroll.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0px;
+      padding: 0px;
+      border: 0px;
+    }
+    iframe {
+      width: 100%;
+      height: 100%;
+      margin: 0px;
+      padding: 0px;
+      border: 0px;
+      display: block;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a iframe does not
+       cause the fixed item in the iframe to participate in the
+       transform.
+  -->
+  <iframe src="data:text/html,
+    <!DOCTYPE HTML>
+    <html reftest-displayport-x='0' reftest-displayport-y='0'
+          reftest-displayport-w='800' reftest-displayport-h='2000'
+          reftest-async-scroll-x='0' reftest-async-scroll-y='-200'
+          style='scrollbar-width:none'>
+    <body style='padding: 0; margin: 0; border: 0'>
+      <div style='position: fixed; padding: 0; margin: 0; border: 0; background: green; width: 200px; height: 200px'>
+      </div>
+    </body>
+    </html>
+  ">
+  </iframe>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-fixed-iframe.html b/layout/reftests/async-scrolling/overscroll-fixed-iframe.html
new file mode 100644
index 0000000000..d2e55cf645
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-fixed-iframe.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-200">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0px;
+      padding: 0px;
+      border: 0px;
+    }
+    iframe {
+      width: 100%;
+      height: 100%;
+      margin: 0px;
+      padding: 0px;
+      border: 0px;
+      display: block;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a viewport is
+       rendered as having the content create a gutter, and that
+       the overscroll is reduced by some factor such that
+       a 100px scroll must produce a rendered translation of less than
+       100px.
+
+       Current overscroll physics mean that an instantaneous overscroll
+       by 200px produces an 8px gutter. This is governed by the logic in
+       Axis::ApplyResistance(); if that logic is changed, this test will
+       need to be modified to account for the new result.
+  -->
+  <iframe src="data:text/html,
+    <!DOCTYPE HTML>
+    <html reftest-displayport-x='0' reftest-displayport-y='0'
+          reftest-displayport-w='800' reftest-displayport-h='2000'
+          style='scrollbar-width:none'>
+    <body style='padding: 0; margin: 0; border: 0'>
+      <div style='position: fixed; padding: 0; margin: 0; border: 0; background: green; width: 200px; height: 200px'>
+      </div>
+    </body>
+    </html>
+  ">
+  </iframe>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-fixed-transform.html b/layout/reftests/async-scrolling/overscroll-fixed-transform.html
new file mode 100644
index 0000000000..95eab157f0
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-fixed-transform.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-200">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div.container {
+      overflow: scroll;
+      width: 100%;
+      height: 100%;
+      transform: translate(0px);
+      scrollbar-width: none;
+    }
+    div.fixed {
+      position: fixed;
+      top: 0px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a transformed container is
+       rendered as having the content create a gutter, and that
+       the overscroll is reduced by some factor such that
+       a 100px scroll must produce a rendered translation of less than
+       100px.
+
+       Current overscroll physics mean that an instantaneous overscroll
+       by 200px produces an 8px gutter. This is governed by the logic in
+       Axis::ApplyResistance(); if that logic is changed, this test will
+       need to be modified to account for the new result.
+  -->
+  <div class="container">
+    <div class="fixed">
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-fixed.html b/layout/reftests/async-scrolling/overscroll-fixed.html
new file mode 100644
index 0000000000..68410fffcf
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-fixed.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-200">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      left: 0px;
+      top: 0px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a viewport does not
+       cause a position fixed element to be transformed if the position
+       fixed element's containing block is the current viewport.
+  -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-ref.html b/layout/reftests/async-scrolling/overscroll-ref.html
new file mode 100644
index 0000000000..45e7535e64
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 8px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-scrollbar-ref.html b/layout/reftests/async-scrolling/overscroll-scrollbar-ref.html
new file mode 100644
index 0000000000..75a9bfeab6
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-scrollbar-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body {
+      /* The 3028 here was arrived at experimentally to match to
+         produce a scrollbar of approximately the same length as
+         the one of the test page squished by the overscroll. */
+      height: 3028px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 8px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-scrollbar.html b/layout/reftests/async-scrolling/overscroll-scrollbar.html
new file mode 100644
index 0000000000..ab567ecfc0
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-scrollbar.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-200">
+<head>
+  <style>
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 0px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a viewport is rendered
+      as having the content create a gutter, and that
+      the overscroll is reduced by some factor such that 
+      a 100px scroll must produce a rendered translation of less than
+      100px.
+
+      Current overscroll physics mean that an instantaneous overscroll
+      by 200px produces an 8px gutter. This is governed by the logic in
+      Axis::ApplyResistance(); if that logic is changed, this test will
+      need to be modified to account for the new result.
+  -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll-subframe.html b/layout/reftests/async-scrolling/overscroll-subframe.html
new file mode 100644
index 0000000000..752253a4c7
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll-subframe.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<head>
+  <style>
+    * {
+      scrollbar-width: none;
+    }
+    body {
+      margin: 0;
+    }
+    #scroller {
+      overflow: auto;
+      width: 400px;
+      height: 400px;
+    }
+    #content {
+      top: 0px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+    #spacer {
+      height: 2000px;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a viewport is rendered
+      as having the content create a gutter, and that
+      the overscroll is reduced by some factor such that 
+      a 100px scroll must produce a rendered translation of less than
+      100px.
+
+      Current overscroll physics mean that an instantaneous overscroll
+      by 200px produces an 8px gutter. This is governed by the logic in
+      Axis::ApplyResistance(); if that logic is changed, this test will
+      need to be modified to account for the new result.
+  -->
+  <div id="scroller"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="-200">
+    <div id="content"></div>
+    <div id="spacer"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/overscroll.html b/layout/reftests/async-scrolling/overscroll.html
new file mode 100644
index 0000000000..3c4927c9d0
--- /dev/null
+++ b/layout/reftests/async-scrolling/overscroll.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-200">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 0px;
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body >
+  <!-- Test that an overscroll past one end of a viewport is rendered
+      as having the content create a gutter, and that
+      the overscroll is reduced by some factor such that 
+      a 100px scroll must produce a rendered translation of less than
+      100px.
+
+      Current overscroll physics mean that an instantaneous overscroll
+      by 200px produces an 8px gutter. This is governed by the logic in
+      Axis::ApplyResistance(); if that logic is changed, this test will
+      need to be modified to account for the new result.
+  -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-1-ref.html b/layout/reftests/async-scrolling/perspective-scrolling-1-ref.html
new file mode 100644
index 0000000000..433aa7abb4
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Perspective scrolling</title>
+
+<style>
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  height: 100%;
+  perspective: 1px;
+  overflow: auto;
+  margin: 0;
+}
+
+div {
+  height: 4000px;
+  margin: 200px 100px;
+  border: 10px solid black;
+}
+
+</style>
+
+<div></div>
+
+<script>
+
+document.body.scrollTop = 100;
+
+</script>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-1.html b/layout/reftests/async-scrolling/perspective-scrolling-1.html
new file mode 100644
index 0000000000..cab2e4f8c4
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Perspective scrolling</title>
+
+<style>
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  height: 100%;
+  perspective: 1px;
+  overflow: auto;
+  margin: 0;
+}
+
+div {
+  transform-style: preserve-3d;
+  height: 4000px;
+  margin: 200px 100px;
+  border: 10px solid black;
+}
+
+</style>
+
+<body reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+
+<div></div>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-2-ref.html b/layout/reftests/async-scrolling/perspective-scrolling-2-ref.html
new file mode 100644
index 0000000000..720fbfa8df
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Perspective in unscrolled state</title>
+
+<style>
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  height: 100%;
+  perspective: 1px;
+  overflow: auto;
+  margin: 0;
+}
+
+.transformed {
+  margin: 200px 100px;
+  width: 200px;
+  height: 200px;
+  border: 10px solid black;
+}
+
+.spacer {
+  height: 4000px;
+}
+
+</style>
+
+<div class="transformed"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-2.html b/layout/reftests/async-scrolling/perspective-scrolling-2.html
new file mode 100644
index 0000000000..e2d7c86669
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-2.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Perspective in unscrolled state</title>
+
+<style>
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 100%;
+  perspective: 1px;
+  perspective-origin: top left;
+  overflow: auto;
+}
+
+.transformed {
+  transform: translateZ(-1px) scale(2);
+  transform-origin: -100px -200px;
+  margin: 200px 100px;
+  width: 200px;
+  height: 200px;
+  border: 10px solid black;
+}
+
+.spacer {
+  height: 4000px;
+}
+
+</style>
+
+<body reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="0"> <!-- no async scrolling -->
+
+<div class="transformed"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-3-ref.html b/layout/reftests/async-scrolling/perspective-scrolling-3-ref.html
new file mode 100644
index 0000000000..9c8474d6c0
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-3-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Perspective in scrolled state</title>
+
+<style>
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  height: 100%;
+  perspective: 1px;
+  overflow: auto;
+  margin: 0;
+}
+
+.transformed {
+  margin: 300px 100px 100px;
+  width: 200px;
+  height: 200px;
+  border: 10px solid black;
+}
+
+.spacer {
+  height: 4000px;
+}
+
+</style>
+
+<div class="transformed"></div>
+<div class="spacer"></div>
+
+<script>
+
+document.body.scrollTop = 200;
+
+</script>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-3.html b/layout/reftests/async-scrolling/perspective-scrolling-3.html
new file mode 100644
index 0000000000..8211c52afb
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-3.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Perspective in scrolled state</title>
+
+<style>
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 100%;
+  perspective: 1px;
+  perspective-origin: top left;
+  overflow: auto;
+}
+
+.transformed {
+  transform: translateZ(-1px) scale(2);
+  transform-origin: -100px -200px;
+  margin: 200px 100px;
+  width: 200px;
+  height: 200px;
+  border: 10px solid black;
+}
+
+.spacer {
+  height: 4000px;
+}
+
+</style>
+
+<body reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="200">
+
+<div class="transformed"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-4-ref.html b/layout/reftests/async-scrolling/perspective-scrolling-4-ref.html
new file mode 100644
index 0000000000..4f5b1fc010
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-4-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Reference: Perspective scrolling with nested clips</title>
+
+<style>
+
+html {
+  padding: 50px 0 3000px;
+}
+
+body {
+  margin: 0;
+}
+
+.scrollbox {
+  width: 600px;
+  height: 500px;
+  perspective: 1px;
+  overflow: auto;
+}
+
+.transformed {
+  will-change: transform;
+  width: 200px;
+  height: 200px;
+  margin: 200px 100px;
+  border: 10px solid black;
+}
+
+.spacer {
+  height: 4000px;
+}
+
+</style>
+
+<div class="scrollbox">
+  <div class="transformed"></div>
+  <div class="spacer"></div>
+</div>
+
+<script>
+document.documentElement.scrollTop = 250;
+</script>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-4.html b/layout/reftests/async-scrolling/perspective-scrolling-4.html
new file mode 100644
index 0000000000..49453d74df
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-4.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en"
+     reftest-async-scroll
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="1000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="250">
+<meta charset="utf-8">
+<title>Perspective scrolling with nested clips</title>
+
+<style>
+
+html {
+  padding: 50px 0 3000px;
+}
+
+body {
+  margin: 0;
+}
+
+.scrollbox {
+  width: 600px;
+  height: 500px;
+  perspective: 1px;
+  overflow: auto;
+}
+
+.transformed {
+  will-change: transform;
+  width: 200px;
+  height: 200px;
+  margin: 200px 100px;
+  border: 10px solid black;
+}
+
+.spacer {
+  height: 4000px;
+}
+
+</style>
+
+<div class="scrollbox"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="600" reftest-displayport-h="2000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="0">
+
+  <div class="transformed"></div>
+  <div class="spacer"></div>
+
+</div>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-5-ref.html b/layout/reftests/async-scrolling/perspective-scrolling-5-ref.html
new file mode 100644
index 0000000000..dc41f00d04
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-5-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Reference</title>
+<style>
+  * { margin: 0; padding: 0 }
+
+  div {
+    width: 200px;
+    height: 200px;
+    background-color: lime;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-5.html b/layout/reftests/async-scrolling/perspective-scrolling-5.html
new file mode 100644
index 0000000000..cfbf2d2228
--- /dev/null
+++ b/layout/reftests/async-scrolling/perspective-scrolling-5.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Perspective scrolling</title>
+<style>
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  overflow: auto;
+  height: 100%;
+  scrollbar-width: none;
+  margin: 0;
+}
+
+.scene {
+  position: relative;
+  width: 200px;
+  height: 200px;
+  perspective: 100px;
+  transform-style: preserve-3d;
+}
+
+.face {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  top: 0;
+  left: 0;
+}
+
+.front  {
+  background-color: lime;
+}
+
+/*
+ * This one should never be visible, and should be always
+ * behind the front face.
+ */
+.back {
+  width: 400px;
+  height: 400px;
+  top: -100px;
+  left: -100px;
+  transform: translateZ(-100px);
+  background-color: red;
+}
+</style>
+
+<body reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="200">
+<div style="height: 200px"></div>
+<div class="scene">
+  <div class="face front"></div>
+  <div class="face back"></div>
+</div>
+<div style="height: 5000px"></div>
diff --git a/layout/reftests/async-scrolling/position-fixed-1-ref.html b/layout/reftests/async-scrolling/position-fixed-1-ref.html
new file mode 100644
index 0000000000..b373cc1142
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="position:fixed; background:blue; top:0; left:0; width:200px; height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-1.html b/layout/reftests/async-scrolling/position-fixed-1.html
new file mode 100644
index 0000000000..d30ada3c23
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px">
+  <!-- Test that position:fixed content stays fixed when we async-scroll -->
+  <div style="position:fixed; background:blue; top:0; left:0; width:200px; height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-2-ref.html b/layout/reftests/async-scrolling/position-fixed-2-ref.html
new file mode 100644
index 0000000000..8804dd67b4
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; height:3000px">
+  <div style="position:absolute; top:-25px; left:0; width:100px; height:200px; background:yellow; z-index:1"></div>
+  <div style="position:fixed; background:blue; top:0; left:0; width:200px; height:100px">
+    <div style="position:absolute; background:cyan; top:40px; left:0; width:50px; height:300px;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-2.html b/layout/reftests/async-scrolling/position-fixed-2.html
new file mode 100644
index 0000000000..434c73aa2a
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px">
+  <!-- test that a fixed-pos element whose contents are interleaved in z-order
+       with non-scrolling content works correctly with async scrolling -->
+  <div style="position:absolute; top:25px; left:0; width:100px; height:200px; background:yellow; z-index:1"></div>
+  <div style="position:fixed; background:blue; top:0; left:0; width:200px; height:100px">
+    <div style="position:absolute; background:cyan; top:40px; left:0; width:50px; height:300px;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-1-ref.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-1-ref.html
new file mode 100644
index 0000000000..f03a8f8131
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=2.0">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      top: -50px;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-1.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-1.html
new file mode 100644
index 0000000000..419bd74208
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      reftest-async-zoom="2.0">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      top: 0;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <!-- Test that position:fixed elements are attached to the layout viewport
+       instead of the visual viewport.
+
+       An async scroll of 50 CSS pixels will scroll the visual viewport by 100
+       screen pixels (since async zoom is set to 2.0) and result in the top
+       half of the div being scrolled out of view. -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-2-ref.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-2-ref.html
new file mode 100644
index 0000000000..324c5f5534
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=2.0">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 0;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-2.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-2.html
new file mode 100644
index 0000000000..8d672ecad3
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait"
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-50"
+      reftest-async-zoom="2.0">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      top: 0;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body onload="scrollTo(0, 1000); document.documentElement.classList.remove('reftest-wait');">
+  <!-- Test that position:fixed elements scroll with the layout viewport.
+
+       Scroll the window (i.e., the layout viewport) to (0, 1000). An async
+       scroll of -50 CSS pixels will move both the layout and visual viewport
+       up by 100 screen pixels (since async zoom is set to 2.0). The div should
+       remain at top-left corner of the layout viewport. -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-3-ref.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-3-ref.html
new file mode 100644
index 0000000000..00dc290aca
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-3-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=2.0">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      top: 20px;
+      right: 20px;
+      height: 100px;
+      width: 100px;
+      background: blue;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-3.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-3.html
new file mode 100644
index 0000000000..112926c2da
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-3.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-zoom="2.0">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      top: 20px;
+      right: 20px;
+      height: 100px;
+      width: 100px;
+      background: blue;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-4-ref.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-4-ref.html
new file mode 100644
index 0000000000..3155a387ce
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-4-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=2.0">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      height: 100px;
+      width: 100px;
+    }
+    div.top-left {
+      top: 20px;
+      left: 20px;
+      background: red;
+    }
+    div.top-right {
+      top: 20px;
+      right: 20px;
+      background: blue;
+    }
+    div.bottom-left {
+      bottom: 20px;
+      left: 20px;
+      background: green;
+    }
+    div.bottom-right {
+      bottom: 20px;
+      right: 20px;
+      background: purple;
+    }
+  </style>
+</head>
+<body>
+  <div class="top-left"></div>
+  <div class="top-right"></div>
+  <div class="bottom-left"></div>
+  <div class="bottom-right"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-async-zoom-4.html b/layout/reftests/async-scrolling/position-fixed-async-zoom-4.html
new file mode 100644
index 0000000000..6d425e3468
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-async-zoom-4.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-zoom="2.0">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      height: 100px;
+      width: 100px;
+    }
+    div.top-left {
+      top: 20px;
+      left: 20px;
+      background: red;
+    }
+    div.top-right {
+      top: 20px;
+      right: 20px;
+      background: blue;
+    }
+    div.bottom-left {
+      bottom: 20px;
+      left: 20px;
+      background: green;
+    }
+    div.bottom-right {
+      bottom: 20px;
+      right: 20px;
+      background: purple;
+    }
+  </style>
+</head>
+<body>
+  <div class="top-left"></div>
+  <div class="top-right"></div>
+  <div class="bottom-left"></div>
+  <div class="bottom-right"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-body-ref.html b/layout/reftests/async-scrolling/position-fixed-body-ref.html
new file mode 100644
index 0000000000..4d1d74b175
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-body-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<style>
+body {
+  height: 100vh;
+  margin: 0px;
+}
+#scrollbox {
+  width: 100%;
+  height: 100%;
+  overflow: scroll;
+  scrollbar-width: none;
+}
+#scrolledContents {
+  height: 10000px;
+  background: radial-gradient(circle, blue 30%, transparent 0);
+  background-size: 80px 80px;
+}
+</style>
+<body>
+  <div id="scrollbox"
+       reftest-dislayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="20">
+    <div id="scrolledContents"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-body.html b/layout/reftests/async-scrolling/position-fixed-body.html
new file mode 100644
index 0000000000..7ae1122d72
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-body.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<style>
+body {
+  position: fixed;
+  margin: 0px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+#scrollbox {
+  width: 100%;
+  height: 100%;
+  overflow: scroll;
+  scrollbar-width: none;
+}
+#scrolledContents {
+  height: 10000px;
+  background: radial-gradient(circle, blue 30%, transparent 0);
+  background-size: 80px 80px;
+}
+</style>
+<body>
+  <div id="scrollbox"
+       reftest-dislayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="20">
+    <div id="scrolledContents"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-cover-1-ref.html b/layout/reftests/async-scrolling/position-fixed-cover-1-ref.html
new file mode 100644
index 0000000000..9e4dbe95d3
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-cover-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; height:3000px">
+  <div style="position:absolute; background:blue; top:300px; left:0; width:500px; height:200px;"></div>
+  <div style="position:absolute; background:black; top:0; left:0; width:500px; height:200px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-cover-1.html b/layout/reftests/async-scrolling/position-fixed-cover-1.html
new file mode 100644
index 0000000000..696655e678
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-cover-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="400"
+      style="scrollbar-width:none">
+<body style="height:3000px">
+  <!-- Test that position:fixed content covered by scrolling content gets rendered
+       properly -->
+  <div style="position:fixed; background:blue; top:300px; left:0; width:500px; height:200px; z-index:1"></div>
+  <div style="position:absolute; background:black; top:200px; left:0; width:500px; height:400px; z-index:2"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-cover-2-ref.html b/layout/reftests/async-scrolling/position-fixed-cover-2-ref.html
new file mode 100644
index 0000000000..134ef72826
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-cover-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; height:3000px">
+  <div style="position:absolute; background:black; top:0; left:0; width:500px; height:100px;"></div>
+  <div style="position:absolute; background:blue; top:200px; left:0; width:500px; height:400px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-cover-2.html b/layout/reftests/async-scrolling/position-fixed-cover-2.html
new file mode 100644
index 0000000000..295344cc5c
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-cover-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="400"
+      style="scrollbar-width:none">
+<body style="height:3000px">
+  <!-- Test that scrolling content covered by position-fixed content
+       gets rendered properly -->
+  <div style="position:absolute; background:black; top:300px; left:0; width:500px; height:200px; z-index:1"></div>
+  <div style="position:fixed; background:blue; top:200px; left:0; width:500px; height:400px; z-index:2"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-cover-3-ref.html b/layout/reftests/async-scrolling/position-fixed-cover-3-ref.html
new file mode 100644
index 0000000000..a8e706087f
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-cover-3-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; height:3000px">
+  <div style="position:absolute; background:blue; top:200px; left:0; width:500px; height:200px;"></div>
+  <div style="position:absolute; background:gray; top:100px; left:0; width:500px; height:200px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-cover-3.html b/layout/reftests/async-scrolling/position-fixed-cover-3.html
new file mode 100644
index 0000000000..7ed268cecf
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-cover-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="400"
+      style="scrollbar-width:none">
+<body style="height:3000px">
+  <!-- Test that scrolling content above position-fixed content but not
+       intersecting it doesn't get moved down to a layer below the
+       position-fixed content -->
+  <div style="position:absolute; background:black; top:0; left:0; width:500px; height:200px; z-index:1"></div>
+  <div style="position:fixed; background:blue; top:200px; left:0; width:500px; height:200px; z-index:2"></div>
+  <div style="position:absolute; background:gray; top:500px; left:0; width:500px; height:200px; z-index:3"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-iframe-1-ref.html b/layout/reftests/async-scrolling/position-fixed-iframe-1-ref.html
new file mode 100644
index 0000000000..b373cc1142
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-iframe-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="position:fixed; background:blue; top:0; left:0; width:200px; height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-iframe-1.html b/layout/reftests/async-scrolling/position-fixed-iframe-1.html
new file mode 100644
index 0000000000..c071ec7e16
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-iframe-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="0"
+      style="scrollbar-width:none">
+<body style="height:3000px; margin:0;">
+  <!-- Test that position:fixed content stays fixed when we async-scroll -->
+  <iframe style="border:0; width:400px; height:400px;" src="data:text/html,
+    <!DOCTYPE HTML>
+    <html reftest-displayport-x='0' reftest-displayport-y='0'
+          reftest-displayport-w='800' reftest-displayport-h='2000'
+          reftest-async-scroll-x='0' reftest-async-scroll-y='50'
+          style='scrollbar-width:none'>
+    <body style='height:3000px'>
+      <div style='position:fixed; background:blue; top:0; left:0; width:200px; height:100px'></div>
+      <div style='background:red; margin-top:100px; width:100px; height:50px'></div>
+    </body>
+    </html>
+  "></iframe>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-iframe-2-ref.html b/layout/reftests/async-scrolling/position-fixed-iframe-2-ref.html
new file mode 100644
index 0000000000..b373cc1142
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-iframe-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="position:fixed; background:blue; top:0; left:0; width:200px; height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-iframe-2.html b/layout/reftests/async-scrolling/position-fixed-iframe-2.html
new file mode 100644
index 0000000000..513d9caabb
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-iframe-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="80"
+      style="scrollbar-width:none">
+<body style="height:3000px; margin:0;">
+  <!-- Test that position:fixed content stays fixed when we async-scroll -->
+  <iframe style="border:0; width:400px; height:400px; margin-top:80px;" src="data:text/html,
+    <!DOCTYPE HTML>
+    <html reftest-displayport-x='0' reftest-displayport-y='0'
+          reftest-displayport-w='800' reftest-displayport-h='2000'
+          reftest-async-scroll-x='0' reftest-async-scroll-y='50'
+          style='scrollbar-width:none'>
+    <body style='height:3000px'>
+      <div style='position:fixed; background:blue; top:0; left:0; width:200px; height:100px'></div>
+      <div style='background:red; margin-top:100px; width:100px; height:50px'></div>
+    </body>
+    </html>
+  "></iframe>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-in-scroll-container-ref.html b/layout/reftests/async-scrolling/position-fixed-in-scroll-container-ref.html
new file mode 100644
index 0000000000..3d2ba64eb1
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-in-scroll-container-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<style>
+
+body {
+  height: 10000px;
+}
+
+.outer-opacity {
+  opacity: 0.8;
+}
+
+.scrollbox {
+  border: 1px solid black;
+  width: 200px;
+  height: 400px;
+  overflow: hidden;
+}
+
+.inner-opacity {
+  height: 1000px;
+  opacity: 0.8;
+}
+
+.fixed {
+  background: blue;
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+
+<div class="outer-opacity">
+  <div class="scrollbox">
+    <div class="inner-opacity">
+      <div class="fixed"></div>
+    </div>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-in-scroll-container.html b/layout/reftests/async-scrolling/position-fixed-in-scroll-container.html
new file mode 100644
index 0000000000..0874aa67a5
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-in-scroll-container.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<!-- In this test, the div |fixed| is fixed with respect to the
+     page's root scroll frame, but there's also a subframe |scrollbox|
+     which is async-scrolled and which generates a container layer
+     (because of the opacity), so that its async transform is on an
+     ancestor layer of |fixed|'s layer. We are testing that this
+     async transform is correctly unapplied to keep |fixed| fixed. -->
+<style>
+
+body {
+  height: 10000px;
+}
+
+.outer-opacity {
+  opacity: 0.8;
+}
+
+.scrollbox {
+  border: 1px solid black;
+  width: 200px;
+  height: 400px;
+  overflow: scroll;
+  scrollbar-width: none;
+}
+
+.inner-opacity {
+  height: 1000px;
+  opacity: 0.8;
+}
+
+.fixed {
+  background: blue;
+  width: 100px;
+  height: 100px;
+  position: fixed;
+}
+
+</style>
+<div class="outer-opacity">
+  <div class="scrollbox"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="200" reftest-displayport-h="1000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div class="inner-opacity">
+      <div class="fixed"></div>
+    </div>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-clip-path-ref.html b/layout/reftests/async-scrolling/position-fixed-inside-clip-path-ref.html
new file mode 100644
index 0000000000..6832fa2bf6
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-clip-path-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<style>
+  body {
+    height: 4000px;
+    margin: 0;
+    overflow: hidden;
+  }
+  #clip {
+    position: absolute;
+    top: 450px;
+    left: 300px;
+    background: red;
+    width: 400px;
+    height: 400px;
+    clip-path: inset(0);
+  }
+  #fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(green, blue);
+  }
+</style>
+<div id="clip">
+  <div id="fixed"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-clip-path.html b/layout/reftests/async-scrolling/position-fixed-inside-clip-path.html
new file mode 100644
index 0000000000..2759f6c0cf
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-clip-path.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+<style>
+  html {
+    scrollbar-width: none;
+  }
+  body {
+    height: 4000px;
+    margin: 0;
+  }
+  #clip {
+    position: absolute;
+    top: 500px;
+    left: 300px;
+    background: red;
+    width: 400px;
+    height: 400px;
+    clip-path: inset(0);
+  }
+  #fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(green, blue);
+  }
+</style>
+<div id="clip">
+  <div id="fixed"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-sticky-1-ref.html b/layout/reftests/async-scrolling/position-fixed-inside-sticky-1-ref.html
new file mode 100644
index 0000000000..8c48da5dbe
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-sticky-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<style>
+body {
+  height: 4000px;
+  margin: 0;
+  overflow: hidden;
+}
+#fixed {
+  position: fixed;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+</style>
+<div id="fixed"></div>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-sticky-1.html b/layout/reftests/async-scrolling/position-fixed-inside-sticky-1.html
new file mode 100644
index 0000000000..8d47c22155
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-sticky-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  height: 4000px;
+  margin: 0;
+}
+#sticky {
+  position: sticky;
+  top: -1000px; /* scrolls regularly until the top edge hits -1000px, then stays fixed */
+  height: 1200px;
+  border-bottom: 1px solid black;
+}
+#fixed {
+  position: fixed;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+</style>
+<div id="sticky">
+  <div id="fixed"></div>
+</div>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-sticky-2-ref.html b/layout/reftests/async-scrolling/position-fixed-inside-sticky-2-ref.html
new file mode 100644
index 0000000000..8c48da5dbe
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-sticky-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<style>
+body {
+  height: 4000px;
+  margin: 0;
+  overflow: hidden;
+}
+#fixed {
+  position: fixed;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+</style>
+<div id="fixed"></div>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-sticky-2.html b/layout/reftests/async-scrolling/position-fixed-inside-sticky-2.html
new file mode 100644
index 0000000000..af596f2a12
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-sticky-2.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  height: 4000px;
+  margin: 0;
+}
+#sticky {
+  position: sticky;
+  top: 25px; /* scrolls regularly until the top edge hits 25px, then stays fixed */
+  margin-top: 50px;
+  height: 1200px;
+  border-bottom: 1px solid black;
+}
+#fixed {
+  position: fixed;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+</style>
+<div id="sticky">
+  <div id="fixed"></div>
+</div>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-sticky-3-ref.html b/layout/reftests/async-scrolling/position-fixed-inside-sticky-3-ref.html
new file mode 100644
index 0000000000..88f0577aab
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-sticky-3-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<style>
+body {
+  height: 4000px;
+  margin: 0;
+  overflow: hidden;
+}
+#sticky {
+  position: sticky;
+  top: 0;
+  height: 60px;
+  background-color: blue;
+}
+</style>
+<body>
+<div id="sticky"></div>
+</body></html>
diff --git a/layout/reftests/async-scrolling/position-fixed-inside-sticky-3.html b/layout/reftests/async-scrolling/position-fixed-inside-sticky-3.html
new file mode 100644
index 0000000000..852561bdb5
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-inside-sticky-3.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="300">
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  height: 4000px;
+  margin: 0;
+}
+#sticky {
+  position: sticky;
+  top: 0;
+  height: 60px;
+  background-color: blue;
+}
+#fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<body>
+<div style="height: 200px;"></div>
+<div id="sticky">
+  <div id="fixed"></div>
+</div>
+</body></html>
diff --git a/layout/reftests/async-scrolling/position-fixed-transformed-1-ref.html b/layout/reftests/async-scrolling/position-fixed-transformed-1-ref.html
new file mode 100644
index 0000000000..6cb0963031
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-transformed-1-ref.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style>
+.fixedpos {
+	transform: translateX(0px);
+	position: fixed;
+	top: 0;
+	width: 100%;
+	height: 100px;
+	background: red;
+}
+.filler {
+	height: 4000px;
+}
+</style>
+</head>
+<body onload="scrollTo(0,200)">
+<div class="fixedpos"></div>
+<div class="filler"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-fixed-transformed-1.html b/layout/reftests/async-scrolling/position-fixed-transformed-1.html
new file mode 100644
index 0000000000..4f9cac419e
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-fixed-transformed-1.html
@@ -0,0 +1,23 @@
+<html reftest-async-scroll
+	  reftest-async-scroll-x="0"
+	  reftest-async-scroll-y="200">
+<head>
+<style>
+.fixedpos {
+	transform: translateX(0px);
+	position: fixed;
+	top: 0;
+	width: 100%;
+	height: 100px;
+	background: red;
+}
+.filler {
+	height: 4000px;
+}
+</style>
+</head>
+<body>
+<div class="fixedpos"></div>
+<div class="filler"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-async-zoom-1-ref.html b/layout/reftests/async-scrolling/position-sticky-async-zoom-1-ref.html
new file mode 100644
index 0000000000..f03a8f8131
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-async-zoom-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=2.0">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: fixed;
+      top: -50px;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-async-zoom-1.html b/layout/reftests/async-scrolling/position-sticky-async-zoom-1.html
new file mode 100644
index 0000000000..d0af0e8f1f
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-async-zoom-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      reftest-async-zoom="2.0">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: sticky;
+      top: 0;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <!-- This test is identical to the position-fixed-async-zoom-1 test, but for
+       position:sticky elements. -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-async-zoom-2-ref.html b/layout/reftests/async-scrolling/position-sticky-async-zoom-2-ref.html
new file mode 100644
index 0000000000..324c5f5534
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-async-zoom-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=2.0">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: absolute;
+      top: 0;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-async-zoom-2.html b/layout/reftests/async-scrolling/position-sticky-async-zoom-2.html
new file mode 100644
index 0000000000..8d815439a9
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-async-zoom-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait"
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="-50"
+      reftest-async-zoom="2.0">
+<head>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      height: 3000px;
+      margin: 0;
+    }
+    div {
+      position: sticky;
+      top: 0;
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body onload="scrollTo(0, 1000); document.documentElement.classList.remove('reftest-wait');">
+  <!-- This test is identical to the position-fixed-async-zoom-2 test, but for
+       position:sticky elements. -->
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-bug1434250-ref.html b/layout/reftests/async-scrolling/position-sticky-bug1434250-ref.html
new file mode 100644
index 0000000000..153ca9f8dd
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-bug1434250-ref.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <style type="text/css" media="all">
+      body {
+        margin-top: 0;
+        overflow: hidden;
+      }
+      .container {
+        width: 500px;
+        background: #fcc;
+        height: 2000px;
+      }
+      .header {
+        position: sticky;
+        top: 0px;
+        background: #cfc;
+        height: 50px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='header'></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-bug1434250.html b/layout/reftests/async-scrolling/position-sticky-bug1434250.html
new file mode 100644
index 0000000000..740acb1516
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-bug1434250.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+  <head>
+    <meta charset='utf-8'>
+    <style type="text/css" media="all">
+      html {
+        scrollbar-width: none;
+      }
+      .container {
+        width: 500px;
+        background: #fcc;
+        height: 2000px;
+      }
+      .header {
+        position: sticky;
+        top: 0px;
+        background: #cfc;
+        height: 50px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='header'></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1-ref.html b/layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1-ref.html
new file mode 100644
index 0000000000..789a3138f2
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+
+<title>reference for: position:sticky item that's still visible while the rest of the scrollframe contents are checkerboarded</title>
+
+<style>
+html {
+  scrollbar-width: none;
+}
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+#fixed {
+  position: fixed;
+  top: 0;
+  height: 100px;
+  width: 100%;
+  background-color: green;
+}
+
+</style>
+
+<div id="fixed"></div>
+
+<script>
+document.scrollingElement.scrollTop = 2500;
+</script>
diff --git a/layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1.html b/layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1.html
new file mode 100644
index 0000000000..720114b909
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-in-checkerboard-land-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="2500">
+
+<title>position:sticky item that's still visible while the rest of the scrollframe contents are checkerboarded</title>
+
+<style>
+html {
+  scrollbar-width: none;
+}
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+#sticky_container {
+  margin-top: 100px;
+  height: 3000px;
+  background-image: linear-gradient(green, blue);
+}
+
+#sticky {
+  position: sticky;
+  top: 0;
+  height: 100px;
+  background-color: green;
+}
+
+</style>
+
+<div id="sticky_container">
+  <div id="sticky"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-1.html b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-1.html
new file mode 100644
index 0000000000..a9e52cb744
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<div style="transform: translateY(10px); margin-top: 90px">
+<div style="overflow:scroll; height: 400px; width: 400px; background-color: yellow"
+     reftest-displayport-x="0"
+     reftest-displayport-y="0"
+     reftest-displayport-w="400"
+     reftest-displayport-h="800"
+     reftest-async-scroll-x="0"
+     reftest-async-scroll-y="120">
+<div style="height: 800px">
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
+</div>
+</div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-2.html b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-2.html
new file mode 100644
index 0000000000..73944529d5
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<div style="transform: translateY(90px); margin-top: 10px">
+<div style="overflow:scroll; height: 400px; width: 400px; background-color: yellow"
+     reftest-displayport-x="0"
+     reftest-displayport-y="0"
+     reftest-displayport-w="400"
+     reftest-displayport-h="800"
+     reftest-async-scroll-x="0"
+     reftest-async-scroll-y="120">
+<div style="height: 800px">
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
+</div>
+</div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-ref.html b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-ref.html
new file mode 100644
index 0000000000..0f03a8a766
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<div style="margin-top: 100px">
+<div id="scroller" style="overflow:scroll; height: 400px; width: 400px; background-color: yellow">
+<div style="height: 800px">
+<div style="position: relative; top: 120px; height: 20px; background-color: green"></div>
+</div>
+</div>
+</div>
+<script>
+    document.getElementById('scroller').scrollTop = 120;
+</script>
diff --git a/layout/reftests/async-scrolling/position-sticky-scrolled-clip-1-ref.html b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-1-ref.html
new file mode 100644
index 0000000000..c07e288f56
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<title>Reference for: position:sticky with scrolled clip should correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.halfBox {
+  position: absolute;
+  left: 0;
+  top: 100px;
+  width: 100px;
+  height: 50px;
+  box-sizing: border-box;
+  border: 1px solid black;
+  border-bottom: none;
+}
+
+</style>
+
+<div class="halfBox"></div>
+
+<script>
+
+document.documentElement.scrollTop = 100;
+
+</script>
diff --git a/layout/reftests/async-scrolling/position-sticky-scrolled-clip-1.html b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-1.html
new file mode 100644
index 0000000000..f547386fb6
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+
+<title>position:sticky with scrolled clip should correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+  position: relative;
+}
+
+.absoluteClip {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100px;
+  height: 200px;
+  clip: rect(auto, auto, 150px, auto);
+}
+
+.sticky {
+  position: sticky;
+  top: 0;
+  box-sizing: border-box;
+  height: 100px;
+  border: 1px solid black;
+}
+
+</style>
+
+<div class="absoluteClip">
+  <div class="sticky"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-sticky-scrolled-clip-2-ref.html b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-2-ref.html
new file mode 100644
index 0000000000..12f2071728
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-2-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<title>Reference for: position:sticky with scrolled clip should prerender everything and correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.completeBox {
+  position: absolute;
+  left: 0;
+  top: 100px;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  border: 1px solid black;
+}
+
+</style>
+
+<div class="completeBox"></div>
+
+<script>
+
+document.documentElement.scrollTop = 100;
+
+</script>
diff --git a/layout/reftests/async-scrolling/position-sticky-scrolled-clip-2.html b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-2.html
new file mode 100644
index 0000000000..5ded43e5ed
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-scrolled-clip-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+
+<title>position:sticky with scrolled clip should prerender everything and correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+  position: relative;
+}
+
+.absoluteClip {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100px;
+  height: 200px;
+  clip: rect(50px, auto, auto, auto);
+}
+
+.sticky {
+  position: sticky;
+  top: 0;
+  box-sizing: border-box;
+  height: 100px;
+  border: 1px solid black;
+}
+
+</style>
+
+<div class="absoluteClip">
+  <div class="sticky"></div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1-ref.html b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1-ref.html
new file mode 100644
index 0000000000..365c247fe0
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<div id="scroller" style="overflow:scroll; height: 400px; width: 400px">
+<div style="transform: translateY(10px); margin-top: 90px; background-color: yellow; height: 400px">
+<div style="position: relative; top: 30px; height: 20px; background-color: green"></div>
+</div>
+<div style="height: 400px">spacer</div>
+</div>
+<script>
+    document.getElementById('scroller').scrollTop = 120;
+</script>
diff --git a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1.html b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1.html
new file mode 100644
index 0000000000..f1ccc63dec
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<div style="overflow:scroll; height: 400px; width: 400px"
+     reftest-displayport-x="0"
+     reftest-displayport-y="0"
+     reftest-displayport-w="400"
+     reftest-displayport-h="890"
+     reftest-async-scroll-x="0"
+     reftest-async-scroll-y="120">
+<div style="transform: translateY(10px); margin-top: 90px; background-color: yellow; height: 400px">
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
+</div>
+<div style="height: 400px">spacer</div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2-ref.html b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2-ref.html
new file mode 100644
index 0000000000..763a4a550a
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<div id="scroller" style="overflow:scroll; height: 400px; width: 400px">
+<div style="margin-top: 120px; background-color: yellow; height: 380px">
+<div style="height: 90px"></div>
+<div style="height: 20px; background-color: green"></div>
+</div>
+<div style="height: 310px"></div>
+</div>
+<script>
+    document.getElementById('scroller').scrollTop = 120;
+</script>
diff --git a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2.html b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2.html
new file mode 100644
index 0000000000..ff0e050508
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<div style="overflow:scroll; height: 400px; width: 400px"
+     reftest-displayport-x="0"
+     reftest-displayport-y="0"
+     reftest-displayport-w="400"
+     reftest-displayport-h="890"
+     reftest-async-scroll-x="0"
+     reftest-async-scroll-y="120">
+<div style="transform: translateY(90px); margin-top: 10px; background-color: yellow; height: 400px">
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
+</div>
+<div style="height: 400px">spacer</div>
+</div>
diff --git a/layout/reftests/async-scrolling/position-sticky-transformed-ref.html b/layout/reftests/async-scrolling/position-sticky-transformed-ref.html
new file mode 100644
index 0000000000..19a91e7cd1
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="height:3000px; margin: 0px; overflow: hidden">
+  <div style="position:sticky; transform: rotateX(30deg) rotateY(10deg); background:blue; top:0; left:0; width:200px; height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/position-sticky-transformed.html b/layout/reftests/async-scrolling/position-sticky-transformed.html
new file mode 100644
index 0000000000..29cd778974
--- /dev/null
+++ b/layout/reftests/async-scrolling/position-sticky-transformed.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width: none">
+<body style="height:3000px; margin: 0px;">
+  <div style="position:sticky; transform: rotateX(30deg) rotateY(10deg); background:blue; top:0; left:0; width:200px; height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/reftest.list b/layout/reftests/async-scrolling/reftest.list
new file mode 100644
index 0000000000..2602ed541b
--- /dev/null
+++ b/layout/reftests/async-scrolling/reftest.list
@@ -0,0 +1,190 @@
+skip-if(!asyncPan) == bg-fixed-1.html bg-fixed-1-ref.html
+skip-if(!asyncPan) == bg-fixed-cover-1.html bg-fixed-cover-1-ref.html
+skip-if(!asyncPan) == bg-fixed-cover-2.html bg-fixed-cover-2-ref.html
+skip-if(!asyncPan) == bg-fixed-cover-3.html bg-fixed-cover-3-ref.html
+skip-if(!asyncPan) == bg-fixed-child.html bg-fixed-child-ref.html
+skip-if(!asyncPan) == bg-fixed-child-clip-1.html bg-fixed-child-clip-ref.html
+skip-if(!asyncPan) == bg-fixed-child-clip-2.html bg-fixed-child-clip-ref.html
+skip-if(!asyncPan) fuzzy(0-1,0-87) == bg-fixed-child-mask.html bg-fixed-child-mask-ref.html
+skip-if(!asyncPan) == bg-fixed-in-opacity.html bg-fixed-in-opacity-ref.html
+# Passing the test below without WebRender would require implementing CSS filters in the Gecko compositor.
+skip-if(!asyncPan) fuzzy-if(gtkWidget,0-1,0-87) fuzzy-if(!gtkWidget,0-1,0-3951) == bg-fixed-in-css-filter.html bg-fixed-in-css-filter-ref.html # bug 1454794 for webrender fuzziness
+skip-if(!asyncPan) == bg-fixed-child-no-culling-1.html bg-fixed-child-no-culling-1-ref.html
+skip-if(!asyncPan) == bg-fixed-child-no-culling-2.html bg-fixed-child-no-culling-2-ref.html
+skip-if(!asyncPan) == bg-fixed-child-no-culling-3.html bg-fixed-child-no-culling-3-ref.html
+fuzzy-if(Android,0-2,0-4000) fuzzy-if(browserIsRemote&&cocoaWidget,0-2,0-179524) fuzzy-if(browserIsRemote&&winWidget,0-1,0-74590) fuzzy-if(gtkWidget&&layersGPUAccelerated,0-1,0-3528) skip-if(!asyncPan) fuzzy-if(geckoview,0-1,0-74590) == bg-fixed-transformed-image.html bg-fixed-transformed-image-ref.html
+skip-if(!asyncPan) == contain-paint-scrollable-frame-1.html contain-paint-scrollable-frame-1-ref.html
+skip-if(!asyncPan) == element-1.html element-1-ref.html
+pref(layers.force-active,true) skip-if(!asyncPan) == iframe-1.html iframe-1-ref.html
+skip-if(!asyncPan) == nested-1.html nested-1-ref.html
+skip-if(!asyncPan) == nested-2.html nested-2-ref.html
+skip-if(!asyncPan) == position-fixed-1.html position-fixed-1-ref.html
+skip-if(!asyncPan) == position-fixed-2.html position-fixed-2-ref.html
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-3120) skip-if(!asyncPan) == position-fixed-body.html position-fixed-body-ref.html
+skip-if(!asyncPan) == position-fixed-cover-1.html position-fixed-cover-1-ref.html
+skip-if(!asyncPan) == position-fixed-cover-2.html position-fixed-cover-2-ref.html
+skip-if(!asyncPan) == position-fixed-cover-3.html position-fixed-cover-3-ref.html
+fuzzy-if(Android,0-15,0-11) fuzzy-if(gtkWidget,20-33,14-32) fuzzy-if(cocoaWidget,9-21,20-44) skip-if(!asyncPan) == position-fixed-transformed-1.html position-fixed-transformed-1-ref.html # Bug 1604338
+skip-if(!asyncPan) == split-layers-1.html split-layers-1-ref.html
+skip-if(!asyncPan) == split-layers-multi-scrolling-1.html split-layers-multi-scrolling-1-ref.html
+fuzzy(0-2,0-240000) skip-if(!asyncPan) == split-opacity-layers-1.html split-opacity-layers-1-ref.html
+skip-if(!asyncPan) fuzzy-if(appleSilicon,0-1,0-8) == sticky-pos-scrollable-1.html sticky-pos-scrollable-1-ref.html
+skip-if(!asyncPan) == sticky-pos-scrollable-2.html sticky-pos-scrollable-2-ref.html
+skip-if(!asyncPan) == sticky-pos-scrollable-3.html sticky-pos-scrollable-3-ref.html
+skip-if(!asyncPan) == sticky-pos-scrollable-4.html sticky-pos-scrollable-4-ref.html
+skip-if(!asyncPan) == sticky-pos-scrollable-5.html sticky-pos-scrollable-5-ref.html
+skip-if(!asyncPan) == sticky-pos-scrollable-6.html sticky-pos-scrollable-6-ref.html
+skip-if(!asyncPan) fuzzy-if(appleSilicon,0-1,0-8) == sticky-pos-scrollable-7.html sticky-pos-scrollable-7-ref.html
+skip-if(!asyncPan) fuzzy(0-2,0-2) fuzzy-if(gtkWidget,0-1,0-4) fuzzy-if(winWidget,0-1,0-51) fuzzy-if(appleSilicon,0-1,0-8) == fixed-pos-scrollable-1.html fixed-pos-scrollable-1-ref.html
+skip-if(!asyncPan) == culling-1.html culling-1-ref.html
+skip-if(!asyncPan) == position-fixed-iframe-1.html position-fixed-iframe-1-ref.html
+skip-if(!asyncPan) == position-fixed-iframe-2.html position-fixed-iframe-2-ref.html
+fuzzy(0-1,0-11300) skip-if(!asyncPan) == position-fixed-in-scroll-container.html position-fixed-in-scroll-container-ref.html
+fuzzy(0-1,0-400) skip-if(!asyncPan) == position-fixed-inside-clip-path.html position-fixed-inside-clip-path-ref.html
+skip-if(!asyncPan) == position-fixed-inside-sticky-1.html position-fixed-inside-sticky-1-ref.html
+skip-if(!asyncPan) == position-fixed-inside-sticky-2.html position-fixed-inside-sticky-2-ref.html
+skip-if(!asyncPan) == position-fixed-inside-sticky-3.html position-fixed-inside-sticky-3-ref.html
+skip-if(!asyncPan) == sticky-inside-fixed-1.html sticky-inside-fixed-1-ref.html
+skip-if(!asyncPan) == sticky-inside-transform-1.html sticky-inside-transform-1-ref.html
+fuzzy(0-1,0-60000) skip-if(!asyncPan) == group-opacity-surface-size-1.html group-opacity-surface-size-1-ref.html
+fuzzy(0-55,0-295) skip-if(!asyncPan) == position-sticky-transformed.html position-sticky-transformed-ref.html
+skip-if(!asyncPan) fuzzy-if(cocoaWidget,0-1,0-396) fuzzy-if(winWidget,0-1,0-396) == offscreen-prerendered-active-opacity.html offscreen-prerendered-active-opacity-ref.html
+fuzzy-if(Android,0-43,0-40) fuzzy-if(!Android,0-1,0-34) fuzzy-if(gtkWidget,22-74,20-32) fuzzy-if(cocoaWidget,6-7,18-39) fuzzy-if(swgl&&cocoaWidget&&isDebugBuild,0-7,0-39) skip-if(!asyncPan) == offscreen-clipped-blendmode-1.html offscreen-clipped-blendmode-ref.html # Bug 1604338
+fuzzy-if(Android,0-43,0-40) fuzzy-if(gtkWidget,22-74,20-32) fuzzy-if(cocoaWidget,6-7,18-39) fuzzy-if(swgl&&cocoaWidget&&isDebugBuild,0-7,0-39) skip-if(!asyncPan) == offscreen-clipped-blendmode-2.html offscreen-clipped-blendmode-ref.html # Bug 1604338
+fuzzy-if(Android,0-43,0-40) skip == offscreen-clipped-blendmode-3.html offscreen-clipped-blendmode-ref.html # bug 1251588 - wrong AGR on mix-blend-mode item
+fuzzy-if(Android,0-43,0-40) fuzzy-if(gtkWidget,22-74,20-32) fuzzy-if(cocoaWidget,6-7,18-39) fuzzy-if(swgl&&cocoaWidget&&isDebugBuild,0-7,0-39) skip-if(!asyncPan) == offscreen-clipped-blendmode-4.html offscreen-clipped-blendmode-ref.html # Bug 1604338
+fuzzy-if(Android,0-7,0-1680) fuzzy-if(gtkWidget,1-1,2-20) fuzzy-if(cocoaWidget,1-2,10-18) fuzzy-if(swgl&&cocoaWidget&&isDebugBuild,0-2,0-18) skip-if(!asyncPan) == perspective-scrolling-1.html perspective-scrolling-1-ref.html # Bug 1604338
+fuzzy-if(Android,0-7,0-4) skip-if(!asyncPan) == perspective-scrolling-2.html perspective-scrolling-2-ref.html
+fuzzy-if(Android,0-19,0-10) fuzzy-if(gtkWidget,8-13,12-32) fuzzy-if(cocoaWidget,10-13,20-44) skip-if(!asyncPan) == perspective-scrolling-3.html perspective-scrolling-3-ref.html # Bug 1604338
+fuzzy-if(Android,0-14,0-11) fuzzy-if(gtkWidget,18-30,14-32) fuzzy-if(cocoaWidget,16-20,20-44) skip-if(!asyncPan) == perspective-scrolling-4.html perspective-scrolling-4-ref.html # Bug 1604338
+skip-if(!asyncPan) == perspective-scrolling-5.html perspective-scrolling-5-ref.html
+pref(apz.disable_for_scroll_linked_effects,true) skip-if(!asyncPan) == disable-apz-for-sle-pages.html disable-apz-for-sle-pages-ref.html
+fuzzy-if(browserIsRemote&&d2d,0-1,0-22) skip-if(!asyncPan) fuzzy-if(swgl,0-255,0-11) == background-blend-mode-1.html background-blend-mode-1-ref.html
+skip-if(Android||!asyncPan) != opaque-fractional-displayport-1.html about:blank
+skip-if(Android||!asyncPan) != opaque-fractional-displayport-2.html about:blank
+fuzzy-if(Android,0-19,0-10) fuzzy-if(gtkWidget,12-19,12-32) fuzzy-if(cocoaWidget,17-21,20-44) skip-if(!asyncPan) == fixed-pos-scrolled-clip-1.html fixed-pos-scrolled-clip-1-ref.html # Bug 1604338
+fuzzy-if(Android,0-44,0-136) fuzzy-if(gtkWidget,16-26,26-64) fuzzy-if(cocoaWidget,10-13,38-82) fuzzy-if(winWidget,0-4,0-36) skip-if(!asyncPan) == fixed-pos-scrolled-clip-2.html fixed-pos-scrolled-clip-2-ref.html # Bug 1604338
+fuzzy-if(Android,0-13,0-465) fuzzy-if(gtkWidget,17-28,24-60) fuzzy-if(cocoaWidget,15-19,40-75) skip-if(!asyncPan) == fixed-pos-scrolled-clip-3.html fixed-pos-scrolled-clip-3-ref.html # Bug 1604338
+fuzzy-if(Android,0-13,0-465) fuzzy-if(gtkWidget,17-29,24-60) fuzzy-if(cocoaWidget,15-19,40-75) skip-if(!asyncPan) == fixed-pos-scrolled-clip-4.html fixed-pos-scrolled-clip-4-ref.html # Bug 1604338
+skip-if(!asyncPan) == fixed-pos-scrolled-clip-5.html fixed-pos-scrolled-clip-5-ref.html
+skip-if(!asyncPan) == position-sticky-bug1434250.html position-sticky-bug1434250-ref.html
+fuzzy-if(Android,0-12,0-11) fuzzy-if(gtkWidget,16-25,12-32) fuzzy-if(cocoaWidget,13-16,20-44) skip-if(!asyncPan) == position-sticky-scrolled-clip-1.html position-sticky-scrolled-clip-1-ref.html # Bug 1604338
+fuzzy-if(Android,0-6,0-4) skip == position-sticky-scrolled-clip-2.html position-sticky-scrolled-clip-2-ref.html # bug ?????? - incorrectly applying clip to sticky contents
+fuzzy-if(Android,0-8,0-27) fuzzy-if(cocoaWidget,9-11,20-44) skip-if(!asyncPan) == curtain-effect-1.html curtain-effect-1-ref.html
+fuzzy-if(Android,0-7,0-9) fuzzy-if(gtkWidget,10-15,12-32) fuzzy-if(cocoaWidget,5-9,20-42) skip-if(!asyncPan) == transformed-1.html transformed-1-ref.html # Bug 1604338
+fuzzy-if(Android,2-7,1-12) fuzzy-if(gtkWidget,3-5,12-28) fuzzy-if(cocoaWidget,5-6,18-38) skip-if(!asyncPan) fuzzy-if(swgl&&cocoaWidget&&isDebugBuild,0-6,0-38) == position-sticky-transformed-in-scrollframe-1.html position-sticky-transformed-in-scrollframe-1-ref.html # Bug 1604338
+fuzzy-if(Android,3-3,1-470) fuzzy-if(Android&&swgl&&isDebugBuild&&/^aarch64-gcc3/.test(xulRuntime.XPCOMABI),3-3,457-457) fuzzy-if(gtkWidget,13-20,12-32) fuzzy-if(cocoaWidget,12-16,20-44) skip-if(!asyncPan) == position-sticky-transformed-in-scrollframe-2.html position-sticky-transformed-in-scrollframe-2-ref.html # Bug 1604338
+fuzzy-if(Android,12-13,4-31) fuzzy-if(gtkWidget,16-27,14-32) fuzzy-if(cocoaWidget,13-16,20-44) skip-if(!asyncPan) == position-sticky-in-transformed-scrollframe-1.html position-sticky-in-transformed-scrollframe-ref.html # Bug 1604338
+fuzzy-if(Android,12-13,4-31) fuzzy-if(gtkWidget,16-27,14-32) fuzzy-if(cocoaWidget,13-16,20-44) skip-if(!asyncPan) == position-sticky-in-transformed-scrollframe-2.html position-sticky-in-transformed-scrollframe-ref.html # Bug 1604338
+
+skip-if(!asyncPan) == checkerboard-1.html checkerboard-1-ref.html
+skip-if(!asyncPan) == checkerboard-2.html checkerboard-2-ref.html
+skip-if(!asyncPan) == checkerboard-3.html checkerboard-3-ref.html
+skip-if(!asyncPan) == position-sticky-in-checkerboard-land-1.html position-sticky-in-checkerboard-land-1-ref.html
+
+skip-if(!Android) pref(apz.allow_zooming,true) == position-fixed-async-zoom-1.html position-fixed-async-zoom-1-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) == position-fixed-async-zoom-2.html position-fixed-async-zoom-2-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) == position-fixed-async-zoom-3.html position-fixed-async-zoom-3-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) == position-fixed-async-zoom-4.html position-fixed-async-zoom-4-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) == position-sticky-async-zoom-1.html position-sticky-async-zoom-1-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) == position-sticky-async-zoom-2.html position-sticky-async-zoom-2-ref.html
+
+pref(apz.allow_zooming,true) == async-scroll-and-zoom.html async-scroll-and-zoom-ref.html
+
+# on Android we have a different overscroll effect so this test is disabled
+skip-if(!asyncPan||Android) pref(apz.overscroll.enabled,true) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll.html overscroll-ref.html
+skip-if(!asyncPan||Android) pref(apz.overscroll.enabled,true) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll-subframe.html overscroll-ref.html
+skip-if(!asyncPan||Android) pref(apz.overscroll.enabled,true) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll-fixed.html no-overscroll-ref.html
+skip-if(!asyncPan||Android) pref(apz.overscroll.enabled,true) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll-fixed-transform.html overscroll-ref.html
+skip-if(!asyncPan||Android) pref(apz.overscroll.enabled,true) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll-fixed-iframe.html overscroll-ref.html
+skip-if(!asyncPan||Android) pref(apz.overscroll.enabled,true) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll-fixed-iframe-overscroll.html no-overscroll-ref.html
+# This one needs to be fuzzed due to the fact that squishing a scrollbar
+# thumb on the compositor doesn't preserve its shape exactly.
+skip-if(!asyncPan||Android) fuzzy(0-56,0-33) fuzzy-if(winWidget,0-107,0-17) pref(apz.overscroll.enabled,true) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll-scrollbar.html overscroll-scrollbar-ref.html
+skip-if(!asyncPan||Android) pref(apz.overscroll.enabled,false) pref(apz.overscroll.test_async_scroll_offset.enabled,true) == overscroll-disabled.html no-overscroll-ref.html
+
+# for this test, apz.allow_zooming is needed to ensure we take the containerless scrolling codepath that creates
+# an async zoom container (since we are testing a regression in that codepath)
+skip-if(!Android) pref(apz.allow_zooming,true) test-pref(apz.fixed-margin-override.enabled,true) test-pref(apz.fixed-margin-override.bottom,50) == dynamic-toolbar-fixed-bottom-1.html dynamic-toolbar-fixed-bottom-1-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) test-pref(apz.fixed-margin-override.enabled,true) test-pref(apz.fixed-margin-override.bottom,50) == dynamic-toolbar-sticky-bottom-1.html dynamic-toolbar-sticky-bottom-1-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) test-pref(apz.fixed-margin-override.enabled,true) test-pref(apz.fixed-margin-override.top,50) == dynamic-toolbar-fixed-top-1.html dynamic-toolbar-fixed-top-1-ref.html
+skip-if(!Android) pref(apz.allow_zooming,true) test-pref(apz.fixed-margin-override.enabled,true) test-pref(apz.fixed-margin-override.top,50) == dynamic-toolbar-sticky-top-1.html dynamic-toolbar-sticky-top-1-ref.html # bug 1627326 for geckoview&&!webrender
+
+# The next block of tests are based on a single test page which has three
+# sticky items (one sticky to the top, one sticky to the bottom, and one sticky
+# to both top and bottom). It is tested at 6 different scroll offsets, such that
+# a different subset of items is "stuck" at each scroll offset. And each scroll
+# offset has three variants (a, b, and c) where "a" sets the scroll position
+# using main-thread scroll, "b" sets the scroll position using async scroll,
+# and "c" sets the main-thread scroll to the bottom of the page and async-scrolls
+# back up to the desired scroll offset. Therefore the reference page for three
+# variants is always the same.
+defaults fuzzy(0-2,0-120000)
+== dynamic-toolbar-sticky-1a.html dynamic-toolbar-sticky-1-ref.html
+== dynamic-toolbar-sticky-1b.html dynamic-toolbar-sticky-1-ref.html
+== dynamic-toolbar-sticky-1c.html dynamic-toolbar-sticky-1-ref.html
+== dynamic-toolbar-sticky-2a.html dynamic-toolbar-sticky-2-ref.html
+== dynamic-toolbar-sticky-2b.html dynamic-toolbar-sticky-2-ref.html
+== dynamic-toolbar-sticky-2c.html dynamic-toolbar-sticky-2-ref.html
+== dynamic-toolbar-sticky-3a.html dynamic-toolbar-sticky-3-ref.html
+== dynamic-toolbar-sticky-3b.html dynamic-toolbar-sticky-3-ref.html
+== dynamic-toolbar-sticky-3c.html dynamic-toolbar-sticky-3-ref.html
+== dynamic-toolbar-sticky-4a.html dynamic-toolbar-sticky-4-ref.html
+== dynamic-toolbar-sticky-4b.html dynamic-toolbar-sticky-4-ref.html
+== dynamic-toolbar-sticky-4c.html dynamic-toolbar-sticky-4-ref.html
+== dynamic-toolbar-sticky-5a.html dynamic-toolbar-sticky-5-ref.html
+== dynamic-toolbar-sticky-5b.html dynamic-toolbar-sticky-5-ref.html
+== dynamic-toolbar-sticky-5c.html dynamic-toolbar-sticky-5-ref.html
+== dynamic-toolbar-sticky-6a.html dynamic-toolbar-sticky-6-ref.html
+== dynamic-toolbar-sticky-6b.html dynamic-toolbar-sticky-6-ref.html
+== dynamic-toolbar-sticky-6c.html dynamic-toolbar-sticky-6-ref.html
+defaults
+
+# Same as above block of tests, except with a simulated dynamic toolbar
+# at the top. Only the -5 and -6 scroll offsets are impacted, so the
+# reference pages for first 4 scroll offsets are the same as the baseline
+# case.
+defaults skip-if(!geckoview) pref(apz.allow_zooming,true) test-pref(apz.fixed-margin-override.enabled,true) test-pref(apz.fixed-margin-override.top,50) fuzzy(0-1,0-120000)
+                     == dynamic-toolbar-sticky-1a.html dynamic-toolbar-sticky-1-ref.html
+                     == dynamic-toolbar-sticky-1b.html dynamic-toolbar-sticky-1-ref.html
+                     == dynamic-toolbar-sticky-1c.html dynamic-toolbar-sticky-1-ref.html
+                     == dynamic-toolbar-sticky-2a.html dynamic-toolbar-sticky-2-ref.html
+                     == dynamic-toolbar-sticky-2b.html dynamic-toolbar-sticky-2-ref.html
+                     == dynamic-toolbar-sticky-2c.html dynamic-toolbar-sticky-2-ref.html
+                     == dynamic-toolbar-sticky-3a.html dynamic-toolbar-sticky-3-ref.html
+                     == dynamic-toolbar-sticky-3b.html dynamic-toolbar-sticky-3-ref.html
+                     == dynamic-toolbar-sticky-3c.html dynamic-toolbar-sticky-3-ref.html
+                     == dynamic-toolbar-sticky-4a.html dynamic-toolbar-sticky-4-ref.html
+                     == dynamic-toolbar-sticky-4b.html dynamic-toolbar-sticky-4-ref.html
+                     == dynamic-toolbar-sticky-4c.html dynamic-toolbar-sticky-4-ref.html
+                     == dynamic-toolbar-sticky-5a.html dynamic-toolbar-sticky-5-ref-t.html
+                     == dynamic-toolbar-sticky-5b.html dynamic-toolbar-sticky-5-ref-t.html
+                     == dynamic-toolbar-sticky-5c.html dynamic-toolbar-sticky-5-ref-t.html
+                     == dynamic-toolbar-sticky-6a.html dynamic-toolbar-sticky-6-ref-t.html
+== dynamic-toolbar-sticky-6b.html dynamic-toolbar-sticky-6-ref-t.html # bug 1630274 for non-WR
+                     == dynamic-toolbar-sticky-6c.html dynamic-toolbar-sticky-6-ref-t.html
+defaults
+
+# Same as above block of tests, except with the dynamic toolbar margin
+# at the bottom of the page. This time the -1 and -2 scroll offsets are
+# impacted.
+defaults skip-if(!geckoview) pref(apz.allow_zooming,true) test-pref(apz.fixed-margin-override.enabled,true) test-pref(apz.fixed-margin-override.bottom,50) fuzzy(0-1,0-120000)
+                     == dynamic-toolbar-sticky-1a.html dynamic-toolbar-sticky-1-ref-b.html
+                     == dynamic-toolbar-sticky-1b.html dynamic-toolbar-sticky-1-ref-b.html
+== dynamic-toolbar-sticky-1c.html dynamic-toolbar-sticky-1-ref-b.html # bug 1630274 for non-WR
+                     == dynamic-toolbar-sticky-2a.html dynamic-toolbar-sticky-2-ref-b.html
+                     == dynamic-toolbar-sticky-2b.html dynamic-toolbar-sticky-2-ref-b.html
+                     == dynamic-toolbar-sticky-2c.html dynamic-toolbar-sticky-2-ref-b.html
+                     == dynamic-toolbar-sticky-3a.html dynamic-toolbar-sticky-3-ref.html
+                     == dynamic-toolbar-sticky-3b.html dynamic-toolbar-sticky-3-ref.html
+                     == dynamic-toolbar-sticky-3c.html dynamic-toolbar-sticky-3-ref.html
+                     == dynamic-toolbar-sticky-4a.html dynamic-toolbar-sticky-4-ref.html
+                     == dynamic-toolbar-sticky-4b.html dynamic-toolbar-sticky-4-ref.html
+                     == dynamic-toolbar-sticky-4c.html dynamic-toolbar-sticky-4-ref.html
+                     == dynamic-toolbar-sticky-5a.html dynamic-toolbar-sticky-5-ref.html
+                     == dynamic-toolbar-sticky-5b.html dynamic-toolbar-sticky-5-ref.html
+                     == dynamic-toolbar-sticky-5c.html dynamic-toolbar-sticky-5-ref.html
+                     == dynamic-toolbar-sticky-6a.html dynamic-toolbar-sticky-6-ref.html
+                     == dynamic-toolbar-sticky-6b.html dynamic-toolbar-sticky-6-ref.html
+                     == dynamic-toolbar-sticky-6c.html dynamic-toolbar-sticky-6-ref.html
+defaults
diff --git a/layout/reftests/async-scrolling/repeatable-diagonal-gradient.png b/layout/reftests/async-scrolling/repeatable-diagonal-gradient.png
new file mode 100644
index 0000000000..d114e100d3
Binary files /dev/null and b/layout/reftests/async-scrolling/repeatable-diagonal-gradient.png differ
diff --git a/layout/reftests/async-scrolling/split-layers-1-ref.html b/layout/reftests/async-scrolling/split-layers-1-ref.html
new file mode 100644
index 0000000000..2d78cd1738
--- /dev/null
+++ b/layout/reftests/async-scrolling/split-layers-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <!-- Test that element content scrolls asynchronously even when content
+       has to be split into separate layers with non-scrolling content in
+       between -->
+  <div style="width:400px; height:500px; overflow:hidden; border:2px solid black">
+    <div style="height:450px"></div>
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+    <div style="left:200px; top:0; height:800px; width:300px; float:left; background:yellow; position:absolute; z-index:1;"></div>
+    <div style="height:100px; width:200px; float:left; background:purple; position:relative; z-index:2;"></div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/split-layers-1.html b/layout/reftests/async-scrolling/split-layers-1.html
new file mode 100644
index 0000000000..5747986a3c
--- /dev/null
+++ b/layout/reftests/async-scrolling/split-layers-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <!-- Test that element content scrolls asynchronously even when content
+       has to be split into separate layers with non-scrolling content in
+       between -->
+  <div style="width:400px; height:500px; overflow: scroll; scrollbar-width: none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div style="height:500px"></div>
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+    <div style="left:200px; top:0; height:800px; width:300px; float:left; background:yellow; position:absolute; z-index:1;"></div>
+    <div style="height:100px; width:200px; float:left; background:purple; position:relative; z-index:2;"></div>
+  </div>
+
diff --git a/layout/reftests/async-scrolling/split-layers-multi-scrolling-1-ref.html b/layout/reftests/async-scrolling/split-layers-multi-scrolling-1-ref.html
new file mode 100644
index 0000000000..bbb8a05290
--- /dev/null
+++ b/layout/reftests/async-scrolling/split-layers-multi-scrolling-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <!-- Test that element content scrolls asynchronously even when content
+       has to be split into separate layers with non-scrolling content in
+       between -->
+  <div style="width:400px; height:500px; overflow:hidden; border:2px solid black; margin-top:-50px;">
+    <div style="height:450px"></div>
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+    <div style="left:200px; top:-50px; height:800px; width:300px; float:left; background:yellow; position:absolute; z-index:1;"></div>
+    <div style="height:100px; width:200px; float:left; background:purple; position:relative; z-index:2;"></div>
+  </div>
+</html>
+
diff --git a/layout/reftests/async-scrolling/split-layers-multi-scrolling-1.html b/layout/reftests/async-scrolling/split-layers-multi-scrolling-1.html
new file mode 100644
index 0000000000..03cd823966
--- /dev/null
+++ b/layout/reftests/async-scrolling/split-layers-multi-scrolling-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="height:3000px">
+  <!-- Test that element content scrolls asynchronously even when content
+       has to be split into separate layers with non-scrolling content in
+       between -->
+  <div style="width:400px; height:500px; overflow: scroll; scrollbar-width: none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div style="height:500px"></div>
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+    <div style="left:200px; top:0; height:800px; width:300px; float:left; background:yellow; position:absolute; z-index:1;"></div>
+    <div style="height:100px; width:200px; float:left; background:purple; position:relative; z-index:2;"></div>
+  </div>
+
diff --git a/layout/reftests/async-scrolling/split-opacity-layers-1-ref.html b/layout/reftests/async-scrolling/split-opacity-layers-1-ref.html
new file mode 100644
index 0000000000..347bfe2547
--- /dev/null
+++ b/layout/reftests/async-scrolling/split-opacity-layers-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:500px; overflow:hidden; border:2px solid black">
+    <div style="height:450px"></div>
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+    <div style="opacity:0.5">
+      <div style="left:200px; top:0; height:800px; width:300px; float:left; background:yellow; position:absolute; z-index:1;"></div>
+      <div style="height:100px; width:200px; float:left; background:purple; position:relative; z-index:2;"></div>
+    </div>
+  </div>
+
diff --git a/layout/reftests/async-scrolling/split-opacity-layers-1.html b/layout/reftests/async-scrolling/split-opacity-layers-1.html
new file mode 100644
index 0000000000..579f515776
--- /dev/null
+++ b/layout/reftests/async-scrolling/split-opacity-layers-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div style="width:400px; height:500px; overflow:scroll; scrollbar-width: none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div style="height:500px"></div>
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+    <div style="opacity:0.5">
+      <div style="left:200px; top:0; height:800px; width:300px; float:left; background:yellow; position:absolute; z-index:1;"></div>
+      <div style="height:100px; width:200px; float:left; background:purple; position:relative; z-index:2;"></div>
+    </div>
+  </div>
+
diff --git a/layout/reftests/async-scrolling/sticky-inside-fixed-1-ref.html b/layout/reftests/async-scrolling/sticky-inside-fixed-1-ref.html
new file mode 100644
index 0000000000..6e9883f591
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-inside-fixed-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Testcase for Bug 1501342</title>
+  <style>
+    .panel {
+      height:100%;
+      overflow:hidden;
+      position:fixed;
+      right:0;
+    }
+    .scrollable {
+      height:100%;
+      overflow-y:hidden;
+    }
+    .sticky {
+      position:sticky;
+      top:0;
+      height: 50px;
+      width: 100px;
+      background: red;
+    }
+    .content {
+      margin-top: -50px;
+      height:2000px;
+      width:200px;
+      background:green;
+    }
+  </style>
+</head>
+<body>
+  <div class="panel">
+    <div class="scrollable">
+      <div class="sticky"></div>
+      <div class="content"></div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/async-scrolling/sticky-inside-fixed-1.html b/layout/reftests/async-scrolling/sticky-inside-fixed-1.html
new file mode 100644
index 0000000000..ba7da94702
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-inside-fixed-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<head>
+  <title>Testcase for Bug 1501342</title>
+  <style>
+    .panel {
+      height:100%;
+      overflow:hidden;
+      position:fixed;
+      right:0;
+    }
+    .scrollable {
+      height:100%;
+      overflow-y: scroll;
+      scrollbar-width: none;
+    }
+    .sticky {
+      position:sticky;
+      top:0;
+      height: 50px;
+      width: 100px;
+      background: red;
+    }
+    .content {
+      height:2000px;
+      width:200px;
+      background:green;
+    }
+  </style>
+</head>
+<body>
+  <div class="panel">
+    <div class="scrollable"
+         reftest-displayport-x="0" reftest-displayport-y="0"
+         reftest-displayport-w="800" reftest-displayport-h="2000"
+         reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+      <div class="sticky"></div>
+      <div class="content"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html b/layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html
new file mode 100644
index 0000000000..c778de137a
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+<meta charset="utf-8" />
+<style>
+html, body { margin: 0 }
+
+#scroll {
+  overflow-y: auto;
+  scrollbar-width: none;
+  height: 100vh;
+  background: green;
+}
+#transform {
+  transform: translateX(100%) rotate(90deg);
+  height: 600px;
+  position: relative;
+  top: -300px;
+  transform-origin: 0% 0%;
+  background: #ff0;
+}
+#sticky {
+  position: relative;
+  top: 300px;
+  background: #0ff;
+  height: 100px;
+}
+</style>
+<div id="scroll">
+  <div id="transform">
+    <div id="sticky"></div>
+  </div>
+  <div id="content" style="height: 2000px;"></div>
+</div>
+</html>
diff --git a/layout/reftests/async-scrolling/sticky-inside-transform-1.html b/layout/reftests/async-scrolling/sticky-inside-transform-1.html
new file mode 100644
index 0000000000..a1d55a3211
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-inside-transform-1.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html reftest-async-scroll>
+<meta charset="utf-8" />
+<style>
+html, body { margin: 0 }
+
+#scroll {
+  overflow-y: auto;
+  scrollbar-width: none;
+  height: 100vh;
+  background: green;
+}
+#transform {
+  transform: translateX(100%) rotate(90deg);
+  height: 600px;
+  transform-origin: 0% 0%;
+  background: #ff0;
+}
+#sticky {
+  position: sticky;
+  top: 0;
+  background: #0ff;
+  height: 100px;
+}
+</style>
+<div id="scroll"
+   reftest-displayport-x="0" reftest-displayport-y="0"
+   reftest-displayport-w="800" reftest-displayport-h="2000"
+   reftest-async-scroll-x="0" reftest-async-scroll-y="300">
+  <div id="transform">
+    <div id="sticky"></div>
+  </div>
+  <div id="content" style="height: 2000px"></div>
+</div>
+</html>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-1-ref.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-1-ref.html
new file mode 100644
index 0000000000..2522f82e2e
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:300px; overflow:hidden; border:2px solid black">
+    <div style="height:200px; width:200px; float:left; background:white"></div>
+    <div style="left:200px; top:0; height:300px; width:200px; float:right; background:yellow;"></div>
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-1.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-1.html
new file mode 100644
index 0000000000..3043e3a913
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div style="width:400px; height:300px; overflow:scroll; scrollbar-width:none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+    <!-- In this test the position:sticky element gets its own layer, and also has scrollable metrics
+         because it shares the same animated geometry root as the other elements. This tests that
+         layers with both sticky info and scroll info are transformed correctly in the face of an async
+         scroll transform. -->
+    <div style="height:100px; width:200px; float:left; background:purple"></div>
+    <div style="left:200px; top:0; height:300px; width:200px; float:left; background:yellow; position:sticky; z-index:1;"></div>
+    <div style="height:300px; width:200px; float:left; background:purple; position:relative; z-index:2;"></div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-2-ref.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-2-ref.html
new file mode 100644
index 0000000000..da90b19984
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<style>
+body {
+  margin: 0;
+  height: 4000px;
+  overflow: hidden;
+}
+div {
+  background: blue;
+  width: 200px;
+  height: 200px;
+  margin-top: 300px;
+  position: sticky;
+  bottom: 100px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-2.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-2.html
new file mode 100644
index 0000000000..73ae7c75d3
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  margin: 0;
+  height: 4000px;
+}
+div {
+  background: blue;
+  width: 200px;
+  height: 200px;
+  margin-top: 400px;
+  position: sticky;
+  bottom: 100px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-3-ref.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-3-ref.html
new file mode 100644
index 0000000000..fab9f954ba
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-3-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    #header {
+      position: fixed;
+      top: 0;
+    }
+    #header > div {
+      border: solid blue 2px;
+      height: 100px;
+      width: 100px;
+    }
+  </style>
+  <div id="section">
+      <div id="header">
+        <div></div>
+      </div>
+  </div>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-3.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-3.html
new file mode 100644
index 0000000000..5581f8a0ac
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-3.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    #section {
+      padding-top: 1px;
+    }
+    #header {
+      position: sticky;
+      top: 0;
+    }
+    #header > div {
+      margin-top: -50px;
+      border: solid blue 2px;
+      height: 100px;
+      width: 100px;
+    }
+    #spacer {
+      height: 1500px;
+    }
+  </style>
+  <div id="section">
+      <div id="header">
+        <div></div>
+      </div>
+      <div id="spacer"></div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-4-ref.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-4-ref.html
new file mode 100644
index 0000000000..c8e0e220bd
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-4-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:300px; overflow:hidden; border:2px solid black">
+    <div style="height: 150px"></div>
+    <div style="width: 100px; height: 100px; background-color: green"></div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-4.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-4.html
new file mode 100644
index 0000000000..291c5c40fa
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-4.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div style="width:400px; height:300px; overflow:scroll; scrollbar-width:none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+    <!-- In this test the position:sticky element has already been adjusted by
+         the main thread paint, and the async scroll causes a reduction in that
+         adjustment. -->
+    <div style="height: 1000px"></div>
+    <div style="position:sticky; width: 100px; height: 100px; bottom: 50px; background-color: green"></div>
+    <div style="height: 1000px"></div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-5-ref.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-5-ref.html
new file mode 100644
index 0000000000..c8e0e220bd
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-5-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:300px; overflow:hidden; border:2px solid black">
+    <div style="height: 150px"></div>
+    <div style="width: 100px; height: 100px; background-color: green"></div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-5.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-5.html
new file mode 100644
index 0000000000..61f4e4c968
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-5.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div style="width:400px; height:300px; overflow:scroll; scrollbar-width:none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="150">
+    <!-- In this test the position:sticky element has already been adjusted by
+         the main thread paint, and then clamped by the bounding container. The
+         async scroll causes a reduction in that adjustment, but by less than
+         the amount of the scroll (because of the clamping). -->
+    <div style="height: 500px; margin-top: 250px; margin-bottom: 250px">
+      <div style="width: 100px; height: 300px"></div>
+      <div style="position:sticky; width: 100px; height: 100px; bottom: 50px; background-color: green"></div>
+    </div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-6-ref.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-6-ref.html
new file mode 100644
index 0000000000..f8797f108f
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-6-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:300px; overflow:hidden; border:2px solid black">
+    <div style="height: 151px"></div>
+    <div style="width: 100px; height: 100px; background-color: green"></div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-6.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-6.html
new file mode 100644
index 0000000000..5db3fac2cd
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-6.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div style="width:400px; height:300px; overflow:scroll; scrollbar-width:none; border:2px solid black"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="2000"
+       reftest-async-scroll-x="0" reftest-async-scroll-y="300">
+    <!-- In this test the position:sticky element is over-constrained with the
+         top-positioning taking priority over the bottom-positioning. -->
+    <div style="height: 300px"></div>
+    <div style="position:sticky; width: 100px; height: 100px; top: 151px; bottom: 50px; background-color: green"></div>
+    <div style="height: 1000px"></div>
+  </div>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-7-ref.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-7-ref.html
new file mode 100644
index 0000000000..92105b51f2
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-7-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    #header {
+      position: fixed;
+      top: 0;
+      left: 9px;
+    }
+    #header > div {
+      border-radius: 10px;
+      overflow:hidden;
+      height: 100px;
+      width: 100px;
+    }
+    #inner {
+      width: 200px;
+      height: 200px;
+      background-color:green;
+    }
+  </style>
+  <div id="section">
+      <div id="header">
+        <div>
+          <div id="inner"></div>
+        </div>
+      </div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/sticky-pos-scrollable-7.html b/layout/reftests/async-scrolling/sticky-pos-scrollable-7.html
new file mode 100644
index 0000000000..03c8a23da7
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-pos-scrollable-7.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    #section {
+      padding-top: 1px;
+      transform: translateX(1px);
+    }
+    #header {
+      position: sticky;
+      top: 0;
+    }
+    #header > div {
+      margin-top: -50px;
+      border-radius: 10px;
+      overflow:hidden;
+      height: 100px;
+      width: 100px;
+    }
+    #spacer {
+      height: 1500px;
+    }
+    #inner {
+      width: 200px;
+      height: 200px;
+      background-color:green;
+    }
+  </style>
+  <div id="section">
+      <div id="header">
+        <div>
+          <div id="inner"></div>
+        </div>
+      </div>
+      <div id="spacer"></div>
+  </div>
+</html>
diff --git a/layout/reftests/async-scrolling/transformed-1-ref.html b/layout/reftests/async-scrolling/transformed-1-ref.html
new file mode 100644
index 0000000000..2e04e6b88e
--- /dev/null
+++ b/layout/reftests/async-scrolling/transformed-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+    <head><title>Async scrolling with transforms</title></head>
+    <body style="height: 2000px" onload="window.scrollTo(0,20); document.documentElement.classList.remove('reftest-wait')">
+        <div style="transform: rotate(90deg); transform-origin: bottom left">Some vertical text</div>
+    </body>
+</html>
diff --git a/layout/reftests/async-scrolling/transformed-1.html b/layout/reftests/async-scrolling/transformed-1.html
new file mode 100644
index 0000000000..1aa2f10684
--- /dev/null
+++ b/layout/reftests/async-scrolling/transformed-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="20">
+    <head><title>Async scrolling with transforms</title></head>
+    <body style="height: 2000px">
+        <div style="transform: rotate(90deg); transform-origin: bottom left">Some vertical text</div>
+    </body>
+</html>
diff --git a/layout/reftests/backgrounds/aqua-32x32.png b/layout/reftests/backgrounds/aqua-32x32.png
new file mode 100644
index 0000000000..7de00c8f79
Binary files /dev/null and b/layout/reftests/backgrounds/aqua-32x32.png differ
diff --git a/layout/reftests/backgrounds/aqua-yellow-32x32.png b/layout/reftests/backgrounds/aqua-yellow-32x32.png
new file mode 100644
index 0000000000..42f8a2100b
Binary files /dev/null and b/layout/reftests/backgrounds/aqua-yellow-32x32.png differ
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-1-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-color-1-ref.html
new file mode 100644
index 0000000000..d2fa65a436
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-1-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  background: green padding-box;
+}
+p {
+  margin-top: 5px;
+}
+</style>
+<div id=outer>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-1.html b/layout/reftests/backgrounds/attachment-local-clipping-color-1.html
new file mode 100644
index 0000000000..803c409e13
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-1.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: border-box; color}</title>
+<link rel="match" href="attachment-local-clipping-color-1-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  overflow: hidden;
+  background: green local border-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-2.html b/layout/reftests/backgrounds/attachment-local-clipping-color-2.html
new file mode 100644
index 0000000000..3851c51ec7
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-2.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: padding-box; color}</title>
+<link rel="match" href="attachment-local-clipping-color-1-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  overflow: hidden;
+  background: green local padding-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-3-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-color-3-ref.html
new file mode 100644
index 0000000000..193feb2ec2
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-3-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 255px;
+  padding: 25px 40px 0;
+  border: 10px dashed;
+  background: green content-box;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-3.html b/layout/reftests/backgrounds/attachment-local-clipping-color-3.html
new file mode 100644
index 0000000000..9f64e03224
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-3.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: content-box; color}</title>
+<link rel="match" href="attachment-local-clipping-color-3-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  overflow: hidden;
+  background: green local content-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-4-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-color-4-ref.html
new file mode 100644
index 0000000000..bc45a4d5aa
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-4-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  border-radius: 50%;
+  background: green padding-box;
+}
+p {
+  margin-top: 5px;
+}
+</style>
+<div id=outer>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-4.html b/layout/reftests/backgrounds/attachment-local-clipping-color-4.html
new file mode 100644
index 0000000000..1ca5701a86
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-4.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: border-box; color}; border-radius</title>
+<link rel="match" href="attachment-local-clipping-color-4-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+  background: green local border-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-5.html b/layout/reftests/backgrounds/attachment-local-clipping-color-5.html
new file mode 100644
index 0000000000..eba14f2638
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-5.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: padding-box; color}; border-radius</title>
+<link rel="match" href="attachment-local-clipping-color-4-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+  background: green local padding-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-6-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-color-6-ref.html
new file mode 100644
index 0000000000..3337028141
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-6-ref.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+}
+#outer div {
+  background: green;
+  height: 500px;
+  margin-top: -15px;
+}
+p {
+  margin-top: 0;
+  padding-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-color-6.html b/layout/reftests/backgrounds/attachment-local-clipping-color-6.html
new file mode 100644
index 0000000000..71c4c37b33
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-color-6.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: content-box; color}; border-radius</title>
+<link rel="match" href="attachment-local-clipping-color-6-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+  background: green local content-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-1-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-image-1-ref.html
new file mode 100644
index 0000000000..d4305ed8f3
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-1-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  background: url(aqua-yellow-32x32.png) padding-box top -15px left 0;
+}
+p {
+  margin-top: 5px;
+}
+</style>
+<div id=outer>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-1.html b/layout/reftests/backgrounds/attachment-local-clipping-image-1.html
new file mode 100644
index 0000000000..569caee0af
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-1.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: border-box; image}</title>
+<link rel="match" href="attachment-local-clipping-image-1-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  overflow: hidden;
+  background: url(aqua-yellow-32x32.png) local;
+  background-clip: border-box;
+  background-origin: padding-box;  /* Match the reference. */
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-2.html b/layout/reftests/backgrounds/attachment-local-clipping-image-2.html
new file mode 100644
index 0000000000..48adb1b459
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-2.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: padding-box; image}</title>
+<link rel="match" href="attachment-local-clipping-image-1-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  overflow: hidden;
+  background: url(aqua-yellow-32x32.png) local padding-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-3-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-image-3-ref.html
new file mode 100644
index 0000000000..84090bb4b1
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-3-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 255px;
+  padding: 25px 40px 0;
+  border: 10px dashed;
+  background: url(aqua-yellow-32x32.png) content-box;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-3.html b/layout/reftests/backgrounds/attachment-local-clipping-image-3.html
new file mode 100644
index 0000000000..3f75109765
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-3.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: content-box; image}</title>
+<link rel="match" href="attachment-local-clipping-image-3-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px dashed;
+  overflow: hidden;
+  background: url(aqua-yellow-32x32.png) local content-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-4-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-image-4-ref.html
new file mode 100644
index 0000000000..7a6eddd9d6
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-4-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  border-radius: 50%;
+  background: url(aqua-yellow-32x32.png) padding-box top -15px left 0;
+}
+p {
+  margin-top: 5px;
+}
+</style>
+<div id=outer>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-4.html b/layout/reftests/backgrounds/attachment-local-clipping-image-4.html
new file mode 100644
index 0000000000..e3a1f9a1f0
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-4.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: border-box; image}; border-radius</title>
+<link rel="match" href="attachment-local-clipping-image-4-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+  background: url(aqua-yellow-32x32.png) local;
+  background-clip: border-box;
+  background-origin: padding-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-5.html b/layout/reftests/backgrounds/attachment-local-clipping-image-5.html
new file mode 100644
index 0000000000..8c85b93a74
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-5.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: padding-box; image}; border-radius</title>
+<link rel="match" href="attachment-local-clipping-image-4-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+  background: url(aqua-yellow-32x32.png) local padding-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-6-ref.html b/layout/reftests/backgrounds/attachment-local-clipping-image-6-ref.html
new file mode 100644
index 0000000000..5592bac5b9
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-6-ref.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+}
+#outer div {
+  background: url(aqua-yellow-32x32.png);
+  height: 500px;
+  margin-top: -15px;
+}
+p {
+  margin-top: 0;
+  padding-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-clipping-image-6.html b/layout/reftests/backgrounds/attachment-local-clipping-image-6.html
new file mode 100644
index 0000000000..87ef34dd74
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-clipping-image-6.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; clip: content-box; image}; border-radius</title>
+<link rel="match" href="attachment-local-clipping-image-6-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  width: 200px;
+  height: 200px;
+  padding: 40px;
+  border: 10px double;
+  overflow: hidden;
+  border-radius: 50%;
+  background: url(aqua-yellow-32x32.png) local content-box;
+}
+#outer div {
+  height: 500px;
+}
+p {
+  margin-top: 20px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png></p>
+  </div>
+</div>
+<script>
+document.getElementById('outer').scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-1-ref.html b/layout/reftests/backgrounds/attachment-local-positioning-1-ref.html
new file mode 100644
index 0000000000..b5a672505c
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-1-ref.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>background-attachment: scroll</title>
+<style>
+div {
+  background: url(aqua-yellow-32x32.png) no-repeat 100px 100px;
+  overflow: hidden;
+  height: 200px;
+}
+p {
+  padding-top: 40px;
+  height: 500px;
+}
+</style>
+<div>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-1.html b/layout/reftests/backgrounds/attachment-local-positioning-1.html
new file mode 100644
index 0000000000..c414e2096b
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-1.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<title>background-attachment: scroll</title>
+<style>
+div {
+  background: url(aqua-yellow-32x32.png) no-repeat 100px 100px;
+  overflow: hidden;
+  height: 200px;
+}
+p {
+  padding-top: 100px;
+  height: 500px;
+}
+</style>
+<div>
+  <p><img src=blue-32x32.png></p>
+</div>
+<script>
+document.getElementsByTagName('div')[0].scrollTop = 60;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-2-ref.html b/layout/reftests/backgrounds/attachment-local-positioning-2-ref.html
new file mode 100644
index 0000000000..7371cbc2f7
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-2-ref.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  border: solid;
+  background: url(aqua-yellow-32x32.png) local no-repeat 178px 278px;
+  overflow: hidden;
+  width: 200px;
+  height: 300px;
+}
+div div {
+  width: 250px;
+  height: 370px;
+}
+p {
+  margin: 0 0 0 -40px;
+  padding-top: 40px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png style="width: 160px"></p>
+  </div>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-2.html b/layout/reftests/backgrounds/attachment-local-positioning-2.html
new file mode 100644
index 0000000000..815813f975
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-2.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<title>CSS Test: background-attachment: local; positioning area</title>
+<link rel="match" href="attachment-local-positioning-2-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  border: solid;
+  /* 100% 100% == (250px - 32px) (370px - 32px) == 218px 338px */
+  /* With scrolling, effective position is 178px 278px */
+  background: url(aqua-yellow-32x32.png) local no-repeat 100% 100%;
+  overflow: hidden;
+  width: 200px;
+  height: 300px;
+}
+div div {
+  width: 250px;
+  height: 370px;
+}
+p {
+  margin: 0;
+  padding-top: 100px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png style="width: 160px"></p>
+  </div>
+</div>
+<script>
+var outer = document.getElementById('outer');
+outer.scrollLeft = 40;
+outer.scrollTop = 60;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-3-ref.html b/layout/reftests/backgrounds/attachment-local-positioning-3-ref.html
new file mode 100644
index 0000000000..dc93d72198
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-3-ref.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  border: solid;
+  background: url(aqua-yellow-32x32.png) local no-repeat 178px 278px;
+  overflow: hidden;
+  width: 200px;
+  height: 300px;
+}
+div div {
+  width: 250px;
+  height: 370px;
+}
+p {
+  margin: 0;
+  padding-top: 100px;
+  text-align: right;
+  position: relative;
+  top: -60px;
+  left: -40px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png style="width: 160px"></p>
+  </div>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-3.html b/layout/reftests/backgrounds/attachment-local-positioning-3.html
new file mode 100644
index 0000000000..4cbf03d83e
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-3.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<title>CSS Test: background-attachment: local; positioning area with dir=rtl</title>
+<link rel="match" href="attachment-local-positioning-3-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  border: solid;
+  /* 100% 100% == (250px - 32px) (370px - 32px) == 218px 338px */
+  /* With scrolling, effective position is 178px 278px */
+  background: url(aqua-yellow-32x32.png) local no-repeat 100% 100%;
+  overflow: hidden;
+  width: 200px;
+  height: 300px;
+}
+div div {
+  width: 250px;
+  height: 370px;
+}
+p {
+  margin: 0;
+  padding-top: 100px;
+}
+</style>
+<div id=outer dir=rtl>
+  <div>
+    <p><img src=blue-32x32.png style="width: 160px"></p>
+  </div>
+</div>
+<script>
+var outer = document.getElementById('outer');
+// See https://bugzilla.mozilla.org/show_bug.cgi?id=383026 for negative values.
+outer.scrollLeft = -10;
+outer.scrollTop = 60;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-4-ref.html b/layout/reftests/backgrounds/attachment-local-positioning-4-ref.html
new file mode 100644
index 0000000000..f392589bd8
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-4-ref.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+#outer {
+  border: solid;
+  background: url(aqua-yellow-32x32.png) local no-repeat -10px -10px;
+  overflow: hidden;
+  width: 200px;
+  height: 300px;
+}
+div div {
+  width: 250px;
+  height: 370px;
+}
+p {
+  margin: 0;
+  padding-top: 100px;
+  text-align: right;
+  position: relative;
+  top: -10px;
+  left: -10px;
+}
+</style>
+<div id=outer>
+  <div>
+    <p><img src=blue-32x32.png style="width: 160px"></p>
+  </div>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-4.html b/layout/reftests/backgrounds/attachment-local-positioning-4.html
new file mode 100644
index 0000000000..6bc4457bb1
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-4.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<title>CSS Test: background-attachment: local; positioning area with dir=rtl, top left</title>
+<link rel="match" href="attachment-local-positioning-4-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+#outer {
+  border: solid;
+  /* With scrolling, effective position is -10px -10px */
+  background: url(aqua-yellow-32x32.png) local no-repeat 0 0;
+  overflow: hidden;
+  width: 200px;
+  height: 300px;
+}
+div div {
+  width: 250px;
+  height: 370px;
+}
+p {
+  margin: 0;
+  padding-top: 100px;
+}
+</style>
+<div id=outer dir=rtl>
+  <div>
+    <p><img src=blue-32x32.png style="width: 160px"></p>
+  </div>
+</div>
+<script>
+var outer = document.getElementById('outer');
+// See https://bugzilla.mozilla.org/show_bug.cgi?id=383026 for negative values.
+outer.scrollLeft = -40;
+outer.scrollTop = 10;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-5-ref.html b/layout/reftests/backgrounds/attachment-local-positioning-5-ref.html
new file mode 100644
index 0000000000..76e8dc47a7
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-5-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: local</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+div {
+  background: url(aqua-yellow-32x32.png) no-repeat 30px 25px;
+  overflow: hidden;
+  height: 200px;
+}
+p {
+  padding-left: 30px;
+  padding-top: 125px;
+  height: 500px;
+}
+</style>
+<div>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-local-positioning-5.html b/layout/reftests/backgrounds/attachment-local-positioning-5.html
new file mode 100644
index 0000000000..67ab2d8fd7
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-local-positioning-5.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<title>CSS Test: background-{attachment: local; origin: content-box}; positioning area</title>
+<link rel="match" href="attachment-local-positioning-5-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+div {
+  background: url(aqua-yellow-32x32.png) local no-repeat content-box;
+  overflow: hidden;
+  height: 200px;
+  padding: 40px 30px;
+}
+p {
+  padding-top: 100px;
+  height: 500px;
+}
+</style>
+<div>
+  <p><img src=blue-32x32.png></p>
+</div>
+<script>
+document.getElementsByTagName('div')[0].scrollTop = 15;
+</script>
diff --git a/layout/reftests/backgrounds/attachment-scroll-positioning-1-ref.html b/layout/reftests/backgrounds/attachment-scroll-positioning-1-ref.html
new file mode 100644
index 0000000000..efec7e2d55
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-scroll-positioning-1-ref.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>CSS Reftest Reference: background-attachment: scroll</title>
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<style>
+div {
+  background: url(aqua-yellow-32x32.png) no-repeat 100px 100px;
+  overflow: hidden;
+  height: 200px;
+}
+p {
+  padding-top: 40px;
+  height: 500px;
+}
+</style>
+<div>
+  <p><img src=blue-32x32.png></p>
+</div>
diff --git a/layout/reftests/backgrounds/attachment-scroll-positioning-1.html b/layout/reftests/backgrounds/attachment-scroll-positioning-1.html
new file mode 100644
index 0000000000..ca68ff5f4c
--- /dev/null
+++ b/layout/reftests/backgrounds/attachment-scroll-positioning-1.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<title>CSS Test: background-attachment: scroll; positioning area</title>
+<link rel="match" href="attachment-scroll-positioning-1-ref.html" />
+<meta name="flags" content="dom" />
+<link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+<style>
+div {
+  background: url(aqua-yellow-32x32.png) no-repeat 100px 100px;
+  overflow: hidden;
+  height: 200px;
+}
+p {
+  padding-top: 100px;
+  height: 500px;
+}
+</style>
+<div>
+  <p><img src=blue-32x32.png></p>
+</div>
+<script>
+document.getElementsByTagName('div')[0].scrollTop = 60;
+</script>
diff --git a/layout/reftests/backgrounds/background-clip-1-ref.html b/layout/reftests/backgrounds/background-clip-1-ref.html
new file mode 100644
index 0000000000..357fbc0007
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<title>background-clip</title>
+<style type="text/css">
+
+div {
+  position: absolute;
+}
+
+div.color {
+  top: 10px;
+  background-color: blue;
+}
+
+div.image {
+  top: 110px;
+  background-color: blue;
+}
+
+div.border {
+  left: 18px;
+  margin-top: 1px;
+  width: 76px;
+  height: 42px;
+}
+
+div.padding {
+  left: 130px;
+  margin-top: 4px;
+  width: 55px;
+  height: 33px;
+}
+
+div.content {
+  left: 237px;
+  margin-top: 9px;
+  width: 37px;
+  height: 19px;
+}
+
+</style>
+<div class="color border"></div>
+<div class="color padding"></div>
+<div class="color content"></div>
+<div class="image border"></div>
+<div class="image padding"></div>
+<div class="image content"></div>
diff --git a/layout/reftests/backgrounds/background-clip-1.html b/layout/reftests/backgrounds/background-clip-1.html
new file mode 100644
index 0000000000..8cd8505de4
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<title>background-clip</title>
+<style type="text/css">
+
+div {
+  position: absolute;
+  margin: 1px 2px 4px 8px;
+  border: transparent solid;
+  border-width: 3px 9px 6px 12px;
+  padding: 5px 11px 9px 7px;
+  width: 37px;
+  height: 19px;
+  /*
+   * content box: 37 x 19
+   * padding box: 55 x 33
+   * border  box: 76 x 42
+   * margin  box: 86 x 47
+   */
+}
+
+div.color {
+  top: 10px;
+  background-color: blue;
+}
+
+div.image {
+  top: 110px;
+  background-image: url(blue-32x32.png);
+}
+
+div.border {
+  background-clip: border-box;
+  left: 10px;
+}
+
+div.padding {
+  background-clip: padding-box;
+  left: 110px;
+}
+
+div.content {
+  background-clip: content-box;
+  left: 210px;
+}
+
+</style>
+<div class="color border"></div>
+<div class="color padding"></div>
+<div class="color content"></div>
+<div class="image border"></div>
+<div class="image padding"></div>
+<div class="image content"></div>
diff --git a/layout/reftests/backgrounds/background-clip-2-ref.html b/layout/reftests/backgrounds/background-clip-2-ref.html
new file mode 100644
index 0000000000..15b521ae0e
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="padding: 10px;
+                width: 100px;
+                height: 100px;
+                border: 10px solid black">
+      <div style="width: 100px; height: 100px; background: black">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-2.html b/layout/reftests/backgrounds/background-clip-2.html
new file mode 100644
index 0000000000..2a10493d91
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="padding: 10px;
+                width: 100px;
+                height: 100px;
+                background-color: black;
+                border: 10px solid black;
+                background-clip: content-box;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-1-ref.html b/layout/reftests/backgrounds/background-clip-text-1-ref.html
new file mode 100644
index 0000000000..08e5962e77
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-1-ref.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html>
+  <head>
+    <title>background-clip: text reference</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        color: green;
+        font-size: 100px;
+        font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      TEXT clip
+      <div style="display:inline-block; width:0px; height:200px;"/>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-1a.html b/layout/reftests/backgrounds/background-clip-text-1a.html
new file mode 100644
index 0000000000..cc1ef9be34
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-1a.html
@@ -0,0 +1,25 @@
+<!doctype HTML>
+<html>
+  <head>
+    <title>background-clip: text</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        background-image: linear-gradient(green, green);
+        background-clip: text;
+        color: transparent;
+        font-size: 100px;
+        font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      TEXT clip
+      <div style="display:inline-block; width:0px; height:200px;"/>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-1b.html b/layout/reftests/backgrounds/background-clip-text-1b.html
new file mode 100644
index 0000000000..af7b1816c6
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-1b.html
@@ -0,0 +1,25 @@
+<!doctype HTML>
+<html>
+  <head>
+    <title>background-clip: text</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        background-image: linear-gradient(green, green);
+        background-clip: text;
+        color: transparent;
+        font-size: 100px;
+        font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      <p style="display:inline-block;">TEXT clip</p>
+      <div style="display:inline-block; width:0px; height:200px;"/>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-1c.html b/layout/reftests/backgrounds/background-clip-text-1c.html
new file mode 100644
index 0000000000..4e804188f3
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-1c.html
@@ -0,0 +1,27 @@
+<!doctype HTML>
+<html>
+  <head>
+    <title>background-clip: text</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        background-image: linear-gradient(green, green);
+        background-clip: text;
+        color: transparent;
+        font-size: 100px;
+        font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      <div style="display:inline-block;">
+        <p style="display:inline-block;">TEXT clip</p>
+      </div>
+      <div style="display:inline-block; width:0px; height:200px;"/>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-1d.html b/layout/reftests/backgrounds/background-clip-text-1d.html
new file mode 100644
index 0000000000..2510c55c2c
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-1d.html
@@ -0,0 +1,24 @@
+<!doctype HTML>
+<html>
+  <head>
+    <title>background-clip: text</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        background: linear-gradient(green, green) padding-box text;
+        color: transparent;
+        font-size: 100px;
+        font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      TEXT clip
+      <div style="display:inline-block; width:0px; height:200px;"/>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-1e.html b/layout/reftests/backgrounds/background-clip-text-1e.html
new file mode 100644
index 0000000000..c0ba923e19
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-1e.html
@@ -0,0 +1,32 @@
+<!doctype HTML>
+<html>
+  <head>
+    <title>background-clip: text</title>
+    <style>
+      body {
+        transform: scale(1, 0.5);
+      }
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        background-image: linear-gradient(green, green);
+        background-clip: text;
+        color: transparent;
+        font-size: 100px;
+        font-family: serif;
+        position: absolute;
+        left: 100px;
+        top: 100px;
+        transform: translate(-100px, 50px) scale(1, 2);
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      TEXT clip
+      <div style="display:inline-block; width:0px; height:200px;"/>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-2-ref.html b/layout/reftests/backgrounds/background-clip-text-2-ref.html
new file mode 100644
index 0000000000..15d60ec3de
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-2-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+  <head>
+    <title>background-clip: text reference</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        color: white;
+        font-size: 50px;
+        font-family: serif;
+        text-shadow: 0px 60px 5px red;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      Text Shadow
+      <div style="display:inline-block; width:0px; height:100px;"/>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-2.html b/layout/reftests/backgrounds/background-clip-text-2.html
new file mode 100644
index 0000000000..27e93db744
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-2.html
@@ -0,0 +1,28 @@
+<!doctype HTML>
+<html>
+  <head>
+    <title>background-clip: text shadow</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        background-image: linear-gradient(green, green);
+        background-clip: text;
+        color: transparent;
+        font-size: 50px;
+        font-family: serif;
+        text-shadow: 0px 60px 5px red;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
+  </head>
+  <body style="margin: 0px;">
+    <div class="out">
+      Text Shadow
+      <div style="display:inline-block; width:0px; height:100px;"/>
+    </div>
+    <!-- A white div which is used to cover on text -->
+    <div style="position: absolute; top: 0px; left:0px; width:500px; height:110px;background-color:white;"/>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/background-clip-text-scale-ref.html b/layout/reftests/backgrounds/background-clip-text-scale-ref.html
new file mode 100644
index 0000000000..4ae4116942
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-scale-ref.html
@@ -0,0 +1,20 @@
+<meta charset="utf-8">
+
+<style>
+  body { overflow:hidden }
+  p {
+  margin: 1em 0;
+  padding: 1.4em;
+  font: 900 1.2em sans-serif;
+  position:absolute;
+  color: rgba(0,0,0,0);
+  background: red;
+  border: black solid 80px;
+  transform: scale(2,0.3);
+  transform-origin: center;
+  left: 330px;
+  top: -75px;
+}
+
+</style>
+<p>█</p>
diff --git a/layout/reftests/backgrounds/background-clip-text-scale.html b/layout/reftests/backgrounds/background-clip-text-scale.html
new file mode 100644
index 0000000000..2f4ada69c8
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-scale.html
@@ -0,0 +1,31 @@
+<meta charset="utf-8">
+
+<style>
+  body { overflow: hidden }
+  p {
+  margin: 1em 0;
+  padding: 1.4em;
+  font: 900 1.2em sans-serif;
+  position:absolute;
+  color: rgba(0,0,0,0);
+}
+
+.text {
+  background: red;
+  -webkit-background-clip: text;
+  background-clip: text;
+  transform: scale(20,2);
+  transform-origin: center;
+  left: 400px;
+  }
+.wrapper {
+  border: black solid 80px;
+  transform: scale(2,0.3);
+  transform-origin: center;
+  left: 330px;
+  top: -75px;
+}
+
+</style>
+<p class="text">█</p>
+<p class="wrapper">█</p>
diff --git a/layout/reftests/backgrounds/background-clip-text-translate.html b/layout/reftests/backgrounds/background-clip-text-translate.html
new file mode 100644
index 0000000000..59f5e7a61e
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-translate.html
@@ -0,0 +1,22 @@
+<meta charset="utf-8">
+
+<style>
+  body { overflow: hidden }
+  p {
+  margin: 1em 0;
+  padding: 1.4em;
+  font: 900 1.2em sans-serif;
+  position:absolute;
+  color: rgba(0,0,0,0);
+}
+
+.text {
+  background: red;
+  -webkit-background-clip: text;
+  background-clip: text;
+  transform: translate(-50%, -60%);
+  transform-origin: center;
+  left: 400px;
+  }
+</style>
+<p class="text">█</p>
diff --git a/layout/reftests/backgrounds/background-layers-1-ref.html b/layout/reftests/backgrounds/background-layers-1-ref.html
new file mode 100644
index 0000000000..d457fe119e
--- /dev/null
+++ b/layout/reftests/backgrounds/background-layers-1-ref.html
@@ -0,0 +1,46 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+
+  <style type="text/css">
+    div.circle {
+      background: url(green-circle-alpha-32x32.png) center fixed;
+      width: 32px;
+      height: 32px;
+    }
+
+    div.redalpha {
+      background: url(red-128-alpha-32x32.png) center;
+      width: 32px;
+      height: 32px;
+    }
+
+    div.yellow {
+      background: url(yellow-32x32.png);
+      width: 32px;
+      height: 32px;
+    }
+
+    *#test1 {
+      width: 96px;
+      background-color: yellow;
+    }
+
+    *#test2 {
+      width: 96px;
+      background-color: red;
+    }
+
+    div.inline > div {
+      display: inline-block;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="test1" class="inline"><div class="circle"><div class="redalpha"></div></div><div class="circle"><div class="redalpha"></div></div><div class="circle"><div class="redalpha"></div></div></div>
+  <div id="test2" class="inline"><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div></div>
+  <div class="inline"><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div></div>
+</body>
+
+</html>
diff --git a/layout/reftests/backgrounds/background-layers-1a.html b/layout/reftests/backgrounds/background-layers-1a.html
new file mode 100644
index 0000000000..d55b2329bc
--- /dev/null
+++ b/layout/reftests/backgrounds/background-layers-1a.html
@@ -0,0 +1,43 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+
+  <style type="text/css">
+    *#test1 > * {
+      background: url(red-128-alpha-32x32.png) center,
+                  url(green-circle-alpha-32x32.png) center fixed;
+      background-color: yellow;
+      width: 32px;
+      height: 32px;
+    }
+
+    *#test2 > * {
+      background: url(red-128-alpha-32x32.png) center,
+                  url(green-circle-alpha-32x32.png) center fixed,
+                  url(yellow-32x32.png);
+      background-color: red;
+      width: 32px;
+      height: 32px;
+    }
+
+    *#test3 > * {
+      background: url(red-128-alpha-32x32.png) center,
+                  url(green-circle-alpha-32x32.png) center fixed,
+                  url(yellow-32x32.png);
+      width: 32px;
+      height: 32px;
+    }
+
+    div.inline > div {
+      display: inline-block;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="test1" class="inline"><div></div><div></div><div></div></div>
+  <div id="test2" class="inline"><div></div><div></div><div></div></div>
+  <div id="test3" class="inline"><div></div><div></div><div></div></div>
+</body>
+
+</html>
diff --git a/layout/reftests/backgrounds/background-layers-1b.html b/layout/reftests/backgrounds/background-layers-1b.html
new file mode 100644
index 0000000000..1f8ed4d196
--- /dev/null
+++ b/layout/reftests/backgrounds/background-layers-1b.html
@@ -0,0 +1,46 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+
+  <style type="text/css">
+    *#test1 > * {
+      background: url(red-128-alpha-32x32.png) center,
+                  url(green-circle-alpha-32x32.png) center fixed;
+      background-color: yellow;
+      width: 32px;
+      height: 32px;
+    }
+
+    *#test2 > * {
+      background: url(red-128-alpha-32x32.png) center,
+                  url(green-circle-alpha-32x32.png) center fixed,
+                  url(yellow-32x32.png);
+      background-color: red;
+      width: 32px;
+      height: 32px;
+    }
+
+    *#test3 > * {
+      background: url(red-128-alpha-32x32.png) center,
+                  url(green-circle-alpha-32x32.png) center fixed,
+                  url(yellow-32x32.png);
+      width: 32px;
+      height: 32px;
+    }
+
+    table, table * {
+      padding: 0;
+      margin: 0;
+    }
+  </style>
+</head>
+
+<body>
+  <table cellpadding="0" cellspacing="0">
+    <tr id="test1"><td></td><td></td><td></td></tr>
+    <tr id="test2"><td></td><td></td><td></td></tr>
+    <tr id="test3"><td></td><td></td><td></td></tr>
+  </table>
+</body>
+
+</html>
diff --git a/layout/reftests/backgrounds/background-moz-default-background-color-ref.html b/layout/reftests/backgrounds/background-moz-default-background-color-ref.html
new file mode 100644
index 0000000000..d849a5d504
--- /dev/null
+++ b/layout/reftests/backgrounds/background-moz-default-background-color-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>-moz-default-background-color and -moz-default-color (bug 591341); reference</title>
+</head>
+<body>
+Test -moz-default-background-color and -moz-default-color (bug 591341).
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-moz-default-background-color.html b/layout/reftests/backgrounds/background-moz-default-background-color.html
new file mode 100644
index 0000000000..6ba2e05ef5
--- /dev/null
+++ b/layout/reftests/backgrounds/background-moz-default-background-color.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>-moz-default-background-color and -moz-default-color (bug 591341)</title>
+  <style type="text/css">
+body {
+  color: green;
+  color: -moz-default-color;
+  background-color: red;
+  background-color: -moz-default-background-color;
+}
+  </style>
+</head>
+<body>
+Test -moz-default-background-color and -moz-default-color (bug 591341).
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-multiple-with-border-radius-ref.html b/layout/reftests/backgrounds/background-multiple-with-border-radius-ref.html
new file mode 100644
index 0000000000..16cf9243c8
--- /dev/null
+++ b/layout/reftests/backgrounds/background-multiple-with-border-radius-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Test multiple backgrounds with border-radius</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=998792">
+  <meta charset="utf-8">
+<style>
+
+.b2 {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D);
+}
+
+.b {
+  background: yellow;
+}
+
+div.b {
+  width: 100px;
+  height: 100px;
+  padding: 30px;
+}
+
+div.border {
+  width: 160px;
+  height: 160px;
+  border: 10px dashed blue;
+  border-radius: 10px;
+}
+
+div.b2 {
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="border"><div class="b"><div class="b2"></div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-multiple-with-border-radius.html b/layout/reftests/backgrounds/background-multiple-with-border-radius.html
new file mode 100644
index 0000000000..3fa5a86185
--- /dev/null
+++ b/layout/reftests/backgrounds/background-multiple-with-border-radius.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Test multiple backgrounds with border-radius</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=998792">
+  <link rel="help" href="http://dev.w3.org/csswg/css-backgrounds/#the-border-radius">
+  <link rel="match" href="background-multiple-with-border-radius-ref.html">
+  <meta charset="utf-8">
+<style>
+
+.b {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D) content-box, yellow padding-box;
+}
+
+div {
+  width: 100px;
+  height: 100px;
+  padding: 30px;
+  border: 10px dashed blue;
+  border-radius: 10px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="b"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-1-ref.html b/layout/reftests/backgrounds/background-position-1-ref.html
new file mode 100644
index 0000000000..9417bad395
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: right 25% bottom 75% reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  margin-left: 72px; /** 128px - 128px * 0.25 - 32px * 0.75 **/
+  margin-top: 24px; /** 128px - 128px * 0.75 - 32px * 0.25 **/
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-1a.html b/layout/reftests/backgrounds/background-position-1a.html
new file mode 100644
index 0000000000..c9985ed699
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-1a.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: right 25% bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: right 25% bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner2
+{
+  width: 128px;
+  height: 128px;
+  background-position: bottom 75% right 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner3
+{
+  width: 128px;
+  height: 128px;
+  background-position: right 24px bottom 72px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner4
+{
+  width: 128px;
+  height: 128px;
+  background-position: bottom 72px right 24px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner2"></div></div>
+<div id="outer"><div id="inner3"></div></div>
+<div id="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-1b.html b/layout/reftests/backgrounds/background-position-1b.html
new file mode 100644
index 0000000000..006caff6c9
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-1b.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 75% top 25%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: left 75% top 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner2
+{
+  width: 128px;
+  height: 128px;
+  background-position: top 25% left 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner3
+{
+  width: 128px;
+  height: 128px;
+  background-position: left 72px top 24px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner4
+{
+  width: 128px;
+  height: 128px;
+  background-position: top 24px left 72px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner2"></div></div>
+<div id="outer"><div id="inner3"></div></div>
+<div id="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-1c.html b/layout/reftests/backgrounds/background-position-1c.html
new file mode 100644
index 0000000000..5809939a85
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-1c.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 75% bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: left 75% bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner2
+{
+  width: 128px;
+  height: 128px;
+  background-position: right 25% top 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner3
+{
+  width: 128px;
+  height: 128px;
+  background-position: bottom 75% left 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner4
+{
+  width: 128px;
+  height: 128px;
+  background-position: right 25% top 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner2"></div></div>
+<div id="outer"><div id="inner3"></div></div>
+<div id="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-1d.html b/layout/reftests/backgrounds/background-position-1d.html
new file mode 100644
index 0000000000..3d58cccc19
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-1d.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: right 25% bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: right 25%;
+  background-position-y: bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner2
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: right 25%;
+  background-position-y: bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner3
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: right 24px;
+  background-position-y: bottom 72px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner4
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: right 24px;
+  background-position-y: bottom 72px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner2"></div></div>
+<div id="outer"><div id="inner3"></div></div>
+<div id="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-1e.html b/layout/reftests/backgrounds/background-position-1e.html
new file mode 100644
index 0000000000..7ff8659561
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-1e.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 75% top 25%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: left 75%;
+  background-position-y: top 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner2
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: left 75%;
+  background-position-y: top 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner3
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: left 72px;
+  background-position-y: top 24px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner4
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: left 72px;
+  background-position-y: top 24px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner2"></div></div>
+<div id="outer"><div id="inner3"></div></div>
+<div id="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-1f.html b/layout/reftests/backgrounds/background-position-1f.html
new file mode 100644
index 0000000000..118723a990
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-1f.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 75% bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: left 75%;
+  background-position-y: bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner2
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: right 25%;
+  background-position-y: top 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner3
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: left 75%;
+  background-position-y: bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner4
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: right 25%;
+  background-position-y: top 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+<div id="outer"><div id="inner2"></div></div>
+<div id="outer"><div id="inner3"></div></div>
+<div id="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-2-ref.html b/layout/reftests/backgrounds/background-position-2-ref.html
new file mode 100644
index 0000000000..16cee85ac3
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 25% bottom 75% reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  margin-left: 24px; /** 128px * 0.25 - 32 * 0.25 **/
+  margin-top: 24px; /** 128px - 128px * 0.75 + 32px * 0.75 - 32px **/
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-2a.html b/layout/reftests/backgrounds/background-position-2a.html
new file mode 100644
index 0000000000..1d193f3ae0
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-2a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 25% bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: left 25% bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-2b.html b/layout/reftests/backgrounds/background-position-2b.html
new file mode 100644
index 0000000000..e8b7f7689f
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-2b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: 25% 25%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: 25% 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-2c.html b/layout/reftests/backgrounds/background-position-2c.html
new file mode 100644
index 0000000000..1e42cc0ad1
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-2c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 25% bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: left 25%;
+  background-position-y: bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-2d.html b/layout/reftests/backgrounds/background-position-2d.html
new file mode 100644
index 0000000000..9096889a03
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-2d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: 25% 25%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: 25%;
+  background-position-y: 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-3-ref.html b/layout/reftests/backgrounds/background-position-3-ref.html
new file mode 100644
index 0000000000..68fb6400f6
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: center bottom 75% reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  margin-left: 48px; /** 128px - 128px * 0.50 - 32px * 0.50 **/
+  margin-top: 24px; /** 128px - 128px * 0.75 + 32px * 0.75 - 32px **/
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-3a.html b/layout/reftests/backgrounds/background-position-3a.html
new file mode 100644
index 0000000000..1120bb96f4
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-3a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: center bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: center bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-3b.html b/layout/reftests/backgrounds/background-position-3b.html
new file mode 100644
index 0000000000..a9e3a8d622
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-3b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: center 25%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: center 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-3c.html b/layout/reftests/backgrounds/background-position-3c.html
new file mode 100644
index 0000000000..8f2f34011c
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-3c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: center bottom 75%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: center;
+  background-position-y: bottom 75%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-3d.html b/layout/reftests/backgrounds/background-position-3d.html
new file mode 100644
index 0000000000..c449f3c842
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-3d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: center 25%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-x: center;
+  background-position-y: 25%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-4-ref.html b/layout/reftests/backgrounds/background-position-4-ref.html
new file mode 100644
index 0000000000..499fcc95d5
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-4-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left center reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  margin-left: 0px;
+  margin-top: 48px; /** 128px - 128px * 0.50 + 32px * 0.50 - 32px **/
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-4a.html b/layout/reftests/backgrounds/background-position-4a.html
new file mode 100644
index 0000000000..b7d10ae92e
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-4a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left center</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: left center;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-4b.html b/layout/reftests/backgrounds/background-position-4b.html
new file mode 100644
index 0000000000..bccdd20003
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-4b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: left;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-4c.html b/layout/reftests/backgrounds/background-position-4c.html
new file mode 100644
index 0000000000..8a7c14cd2b
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-4c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left bottom 50%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: left bottom 50%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-4d.html b/layout/reftests/backgrounds/background-position-4d.html
new file mode 100644
index 0000000000..cd77e864e8
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-4d.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position-y: bottom 50%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-y: bottom 50%;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-4e.html b/layout/reftests/backgrounds/background-position-4e.html
new file mode 100644
index 0000000000..7e42fb6ebb
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-4e.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position-y: center</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position-y: center;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-5-ref.html b/layout/reftests/backgrounds/background-position-5-ref.html
new file mode 100644
index 0000000000..d246366a82
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-5-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background: url(aqua-32x32.png) left no-repeat reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  margin-left: 0px;
+  margin-top: 48px; /** 128px - 128px * 0.50 + 32px * 0.50 - 32px **/
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-5.html b/layout/reftests/backgrounds/background-position-5.html
new file mode 100644
index 0000000000..1d61aa46e2
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-5.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background: url(aqua-32x32.png) left no-repeat reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background: url(aqua-32x32.png) left no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-6-ref.html b/layout/reftests/backgrounds/background-position-6-ref.html
new file mode 100644
index 0000000000..cf52c65205
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-6-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: top, bottom reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  margin-left: 48px; /** 128px - 128px * 0.50 + 32px * 0.50 - 32px **/
+  margin-top: 0px;
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+#inner2
+{
+  margin-left: 48px; /** 128px - 32px - 32px **/
+  margin-top: 64px; /** 128px - 128px * 0.50 + 32px * 0.50 - 32px **/
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div><div id="inner2"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-6a.html b/layout/reftests/backgrounds/background-position-6a.html
new file mode 100644
index 0000000000..bc74901e1e
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-6a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: top, bottom</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: top, bottom;
+  background-image: url(aqua-32x32.png), url(aqua-32x32.png);
+  background-repeat: no-repeat, no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-6b.html b/layout/reftests/backgrounds/background-position-6b.html
new file mode 100644
index 0000000000..bc1ddab851
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-6b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position-y: top, bottom</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+#inner1
+{
+  width: 128px;
+  height: 128px;
+  background-position: top; /* sets background-position-x to center */
+  background-position-y: top, bottom;
+  background-image: url(aqua-32x32.png), url(aqua-32x32.png);
+  background-repeat: no-repeat, no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-7-ref.html b/layout/reftests/backgrounds/background-position-7-ref.html
new file mode 100644
index 0000000000..26018c47be
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-7-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 25% bottom reference</title>
+  <style type="text/css">
+.outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+.inner1
+{
+  margin-left: 24px;
+  margin-top: 96px;
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div class="outer"><div class="inner1"></div></div>
+<div class="outer"><div class="inner1"></div></div>
+<div class="outer"><div class="inner1"></div></div>
+<div class="outer"><div class="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-7.html b/layout/reftests/backgrounds/background-position-7.html
new file mode 100644
index 0000000000..6e9e235290
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-7.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 25% bottom</title>
+  <style type="text/css">
+.outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+.outer > div
+{
+  width: 128px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner1
+{
+  background-position: left 24px bottom;
+}
+#inner2
+{
+  background-position: left 25% bottom;
+}
+#inner3
+{
+  background-position: right 75% bottom;
+}
+#inner4
+{
+  background-position: right 72px bottom;
+}
+  </style>
+</head>
+<body>
+<div class="outer"><div id="inner1"></div></div>
+<div class="outer"><div id="inner2"></div></div>
+<div class="outer"><div id="inner3"></div></div>
+<div class="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-8-ref.html b/layout/reftests/backgrounds/background-position-8-ref.html
new file mode 100644
index 0000000000..6d1e98cc11
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-8-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 25% bottom reference</title>
+  <style type="text/css">
+.outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+.inner1
+{
+  margin-left: 96px;
+  margin-top: 24px;
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div class="outer"><div class="inner1"></div></div>
+<div class="outer"><div class="inner1"></div></div>
+<div class="outer"><div class="inner1"></div></div>
+<div class="outer"><div class="inner1"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-position-8.html b/layout/reftests/backgrounds/background-position-8.html
new file mode 100644
index 0000000000..cc065df8a3
--- /dev/null
+++ b/layout/reftests/backgrounds/background-position-8.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-position: left 25% bottom</title>
+  <style type="text/css">
+.outer
+{
+  border: 1px solid black;
+  width: 128px;
+  height: 128px;
+}
+.outer > div
+{
+  width: 128px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+#inner1
+{
+  background-position: right top 25%;
+}
+#inner2
+{
+  background-position: right top 24px;
+}
+#inner3
+{
+  background-position: right bottom 75%;
+}
+#inner4
+{
+  background-position: right bottom 72px;
+}
+  </style>
+</head>
+<body>
+<div class="outer"><div id="inner1"></div></div>
+<div class="outer"><div id="inner2"></div></div>
+<div class="outer"><div id="inner3"></div></div>
+<div class="outer"><div id="inner4"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-redraw-237766-ref.html b/layout/reftests/backgrounds/background-redraw-237766-ref.html
new file mode 100644
index 0000000000..c4616d1c77
--- /dev/null
+++ b/layout/reftests/backgrounds/background-redraw-237766-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+
+<style type="text/css">
+#test {position: absolute; right: 0; padding-left: 16px; background:
+       url(blue-16x20.png) bottom left no-repeat}
+b {display: none}
+span {padding: 0 7.2px}
+#test1 {border-bottom-width: 1px;}
+</style>
+
+</head><body>
+<div id="test">
+   <span id="test1">test1</span><b>|</b><span>test2</span>
+</div>
+</body></html>
diff --git a/layout/reftests/backgrounds/background-redraw-237766.html b/layout/reftests/backgrounds/background-redraw-237766.html
new file mode 100644
index 0000000000..90d4df1b0e
--- /dev/null
+++ b/layout/reftests/backgrounds/background-redraw-237766.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+
+<style type="text/css">
+#test {position: absolute; right: 0; padding-left: 16px; background:
+       url(blue-16x20.png) bottom left no-repeat}
+b {display: none}
+span {padding: 0 7.2px}
+</style>
+
+<script type="text/javascript">
+// see https://bugzilla.mozilla.org/show_bug.cgi?id=237766
+
+window.addEventListener("MozReftestInvalidate", doTest);
+// in order to reproduce this bug on the original build, which 
+// doesn't support MozReftestInvalidate
+setTimeout(doTest, 5000);
+
+function doTest() {
+  document.getElementById("test1").style.borderBottomWidth = "1px";
+  document.documentElement.className = "";
+}
+</script>
+
+</head><body>
+<div id="test">
+   <span id="test1">test1</span><b>|</b><span>test2</span>
+</div>
+</body></html>
diff --git a/layout/reftests/backgrounds/background-referrer-image.png b/layout/reftests/backgrounds/background-referrer-image.png
new file mode 100644
index 0000000000..4718c00e62
Binary files /dev/null and b/layout/reftests/backgrounds/background-referrer-image.png differ
diff --git a/layout/reftests/backgrounds/background-referrer-ref.html b/layout/reftests/backgrounds/background-referrer-ref.html
new file mode 100644
index 0000000000..0064343bfe
--- /dev/null
+++ b/layout/reftests/backgrounds/background-referrer-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=817531
+-->
+<html>
+<head>
+  <title>Referer: header should be correct</title>
+</head>
+<body background="background-referrer-image.png">
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-referrer.html b/layout/reftests/backgrounds/background-referrer.html
new file mode 100644
index 0000000000..3347bbd6bf
--- /dev/null
+++ b/layout/reftests/backgrounds/background-referrer.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=817531
+-->
+<html>
+<head>
+  <title>Referer: header should be correct</title>
+</head>
+<body background="background-referrer.sjs">
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-referrer.sjs b/layout/reftests/backgrounds/background-referrer.sjs
new file mode 100644
index 0000000000..a00a71ebd8
--- /dev/null
+++ b/layout/reftests/backgrounds/background-referrer.sjs
@@ -0,0 +1,72 @@
+const BinaryOutputStream = Components.Constructor("@mozilla.org/binaryoutputstream;1", "nsIBinaryOutputStream", "setOutputStream");
+
+/*
+# Python used to generate the following byte array
+def toHex(n):
+  if n < 16: return "0x" + hex(n)[2:].upper()
+  return "0x" + hex(n)[2:].upper()
+
+def hexFile(name):
+  f = open(name, "rb")
+  try:
+    while True:
+      print toHex(ord(f.read(1))) + ", ",
+  except:
+    pass
+
+hexFile("layout/reftests/backgrounds/background-referrer-image.png")
+*/
+
+const IMAGE_DATA =
+  [
+   0x89,  0x50,  0x4E,  0x47,  0x0D,  0x0A,  0x1A,  0x0A,  0x00,  0x00,  0x00,
+   0x0D,  0x49,  0x48,  0x44,  0x52,  0x00,  0x00,  0x00,  0x64,  0x00,  0x00,
+   0x00,  0x64,  0x08,  0x02,  0x00,  0x00,  0x00,  0xFF,  0x80,  0x02,  0x03,
+   0x00,  0x00,  0x00,  0x01,  0x73,  0x52,  0x47,  0x42,  0x00,  0xAE,  0xCE,
+   0x1C,  0xE9,  0x00,  0x00,  0x00,  0x9E,  0x49,  0x44,  0x41,  0x54,  0x78,
+   0xDA,  0xED,  0xD0,  0x31,  0x01,  0x00,  0x00,  0x08,  0x03,  0xA0,  0x69,
+   0xFF,  0xCE,  0x5A,  0xC1,  0xCF,  0x07,  0x22,  0x50,  0x99,  0x70,  0xD4,
+   0x0A,  0x64,  0xC9,  0x92,  0x25,  0x4B,  0x96,  0x2C,  0x05,  0xB2,  0x64,
+   0xC9,  0x92,  0x25,  0x4B,  0x96,  0x02,  0x59,  0xB2,  0x64,  0xC9,  0x92,
+   0x25,  0x4B,  0x81,  0x2C,  0x59,  0xB2,  0x64,  0xC9,  0x92,  0xA5,  0x40,
+   0x96,  0x2C,  0x59,  0xB2,  0x64,  0xC9,  0x52,  0x20,  0x4B,  0x96,  0x2C,
+   0x59,  0xB2,  0x64,  0x29,  0x90,  0x25,  0x4B,  0x96,  0x2C,  0x59,  0xB2,
+   0x14,  0xC8,  0x92,  0x25,  0x4B,  0x96,  0x2C,  0x59,  0x0A,  0x64,  0xC9,
+   0x92,  0x25,  0x4B,  0x96,  0x2C,  0x05,  0xB2,  0x64,  0xC9,  0x92,  0x25,
+   0x4B,  0x96,  0x02,  0x59,  0xB2,  0x64,  0xC9,  0x92,  0x25,  0x4B,  0x81,
+   0x2C,  0x59,  0xB2,  0x64,  0xC9,  0x92,  0xA5,  0x40,  0x96,  0x2C,  0x59,
+   0xB2,  0x64,  0xC9,  0x52,  0x20,  0x4B,  0x96,  0x2C,  0x59,  0xB2,  0x64,
+   0x29,  0x90,  0x25,  0x4B,  0x96,  0x2C,  0x59,  0xB2,  0x14,  0xC8,  0x92,
+   0x25,  0x4B,  0x96,  0x2C,  0x59,  0x0A,  0x64,  0xC9,  0xFA,  0xB6,  0x89,
+   0x5F,  0x01,  0xC7,  0x24,  0x83,  0xB2,  0x0C,  0x00,  0x00,  0x00,  0x00,
+   0x49,  0x45,  0x4E,  0x44,  0xAE,  0x42,  0x60,  0x82,
+  ];
+
+function handleRequest(request, response)
+{
+  response.setHeader("Content-Type", "text/plain", false);
+  response.setHeader("Cache-Control", "no-cache", false);
+
+  var referrer = request.hasHeader("Referer") ?
+                   request.getHeader("Referer") : "";
+
+  // Test url looks like:
+  //   http://localhost:port/timestamp/number/background-referrer.html
+  // Except in Android, where it looks like:
+  //   http://A.B.C.D:port/timestamp/number/background-referrer.html
+  // where A.B.C.D is the IP address of the box the reftest HTTP server is
+  // running on.  And maybe that will change.  So just test for ending in
+  // "/background-referrer.html".
+  if (/\/background-referrer.html$/.test(referrer))
+  {
+    response.setHeader("Content-Type", "image/png", false);
+
+    var stream = new BinaryOutputStream(response.bodyOutputStream);
+    stream.writeByteArray(IMAGE_DATA);
+  }
+  else
+  {
+    response.setStatusLine(request.httpVersion, 404, "Not found");
+    response.write("Accept header contained: " + accept);
+  }
+}
diff --git a/layout/reftests/backgrounds/background-repeat-1-ref.html b/layout/reftests/backgrounds/background-repeat-1-ref.html
new file mode 100644
index 0000000000..abcad7fef7
--- /dev/null
+++ b/layout/reftests/backgrounds/background-repeat-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<!--
+spec: http://dev.w3.org/csswg/css3-background/#the-background-repeat
+-->
+<head>
+<title>background-repeat single value mapping reference</title>
+<style>
+div
+{
+    width: 128px;
+    height: 128px;
+    background-image: url(aqua-yellow-32x32.png);
+    border: 1px solid black;
+}
+#no_repeat
+{
+    background-repeat: no-repeat;    /* no-repeat no-repeat */
+}
+#repeat
+{
+    background-repeat: repeat;    /* repeat repeat */
+}
+#repeat_x
+{
+    background-repeat: repeat-x; /* repeat no-repeat */
+}
+#repeat_y
+{
+    background-repeat: repeat-y; /* no-repeat repeat */
+}
+</style>
+</head>
+<body>
+    <div id="no_repeat"></div>
+    <div id="repeat"></div>
+    <div id="repeat_x"></div>
+    <div id="repeat_y"></div>
+</body>
+</html>
+
+
diff --git a/layout/reftests/backgrounds/background-repeat-1.html b/layout/reftests/backgrounds/background-repeat-1.html
new file mode 100644
index 0000000000..c5f979e6bb
--- /dev/null
+++ b/layout/reftests/backgrounds/background-repeat-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<!--
+spec: http://dev.w3.org/csswg/css3-background/#the-background-repeat
+-->
+<head>
+<title>background-repeat single value mapping</title>
+<style>
+div
+{
+    width: 128px;
+    height: 128px;
+    background-image: url(aqua-yellow-32x32.png);
+    border: 1px solid black;
+}
+#no_repeat
+{
+    background-repeat: no-repeat no-repeat; /* no-repeat */
+}
+#repeat
+{
+    background-repeat: repeat repeat;  /* repeat */
+}
+#repeat_x
+{
+    background-repeat: repeat no-repeat; /* repeat-x */
+}
+#repeat_y
+{
+    background-repeat: no-repeat repeat; /* repeat-y */
+}
+</style>
+</head>
+<body>
+    <div id="no_repeat"></div>
+    <div id="repeat"></div>
+    <div id="repeat_x"></div>
+    <div id="repeat_y"></div>
+</body>
+</html>
+
+
diff --git a/layout/reftests/backgrounds/background-repeat-large-area-ref.html b/layout/reftests/backgrounds/background-repeat-large-area-ref.html
new file mode 100644
index 0000000000..17d8545554
--- /dev/null
+++ b/layout/reftests/backgrounds/background-repeat-large-area-ref.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that repeated background images are painted even at extreme scroll positions</title>
+
+<style>
+
+html {
+  background-image: url(green-8x20-blue-8x20-vertical.png);
+  overflow: hidden;
+}
+
+</style>
diff --git a/layout/reftests/backgrounds/background-repeat-large-area.html b/layout/reftests/backgrounds/background-repeat-large-area.html
new file mode 100644
index 0000000000..0c9356382f
--- /dev/null
+++ b/layout/reftests/backgrounds/background-repeat-large-area.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Make sure that repeated background images are painted even at extreme scroll positions</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=671302 -->
+
+<style>
+
+html {
+  background-image: url(green-8x20-blue-8x20-vertical.png);
+  overflow: hidden;
+}
+
+html, body {
+  margin: 0;
+}
+
+body {
+  height: 100000px;
+}
+
+div {
+  height: 1000px;
+  background-color: red;
+}
+
+</style>
+
+<div></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.documentElement.scrollTop = 16 * 3000; // = 48000 > 32768
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/backgrounds/background-repeat-resampling-ref.html b/layout/reftests/backgrounds/background-repeat-resampling-ref.html
new file mode 100644
index 0000000000..c395175353
--- /dev/null
+++ b/layout/reftests/backgrounds/background-repeat-resampling-ref.html
@@ -0,0 +1,10 @@
+<div style="background: url(grid-large.png);
+	background-size: 16px 100%;
+	width:100px; height: 400px;
+  background-repeat: none;
+  position: absolute;"></div>
+
+<div style="background-color: black;
+           height: 30px; width: 100px;
+           margin-top: 370px;
+           position: absolute;"></div>
diff --git a/layout/reftests/backgrounds/background-repeat-resampling.html b/layout/reftests/backgrounds/background-repeat-resampling.html
new file mode 100644
index 0000000000..427654ce15
--- /dev/null
+++ b/layout/reftests/backgrounds/background-repeat-resampling.html
@@ -0,0 +1,4 @@
+<div style="background: url(grid-large.png);
+	background-size: 16px 100%;
+	width:100px; height: 400px;
+  background-repeat: repeat"></div>
diff --git a/layout/reftests/backgrounds/background-size-auto-auto.html b/layout/reftests/backgrounds/background-size-auto-auto.html
new file mode 100644
index 0000000000..982dd194dd
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-auto-auto.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: auto auto;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: auto auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-auto-length-ref.html b/layout/reftests/backgrounds/background-size-auto-length-ref.html
new file mode 100644
index 0000000000..ae7535a84b
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-auto-length-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: auto 16px; reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 16px;
+  height: 16px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-auto-length.html b/layout/reftests/backgrounds/background-size-auto-length.html
new file mode 100644
index 0000000000..768d022f79
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-auto-length.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: auto 16px;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: auto 16px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-auto-percent.html b/layout/reftests/backgrounds/background-size-auto-percent.html
new file mode 100644
index 0000000000..73551e5613
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-auto-percent.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: auto 12.5%;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: auto 12.5%;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-auto-ref.html b/layout/reftests/backgrounds/background-size-auto-ref.html
new file mode 100644
index 0000000000..8b2bd45d51
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-auto-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: auto; reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-auto.html b/layout/reftests/backgrounds/background-size-auto.html
new file mode 100644
index 0000000000..00a567cc3f
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-auto.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: auto;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-contain-no-repeat.html b/layout/reftests/backgrounds/background-size-body-contain-no-repeat.html
new file mode 100644
index 0000000000..0b2ff1fd27
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-contain-no-repeat.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; on body, no-repeat, fixed</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-contain-not-fixed.html b/layout/reftests/backgrounds/background-size-body-contain-not-fixed.html
new file mode 100644
index 0000000000..15b1f992aa
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-contain-not-fixed.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; not fixed, no-repeat on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: scroll;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-contain.html b/layout/reftests/backgrounds/background-size-body-contain.html
new file mode 100644
index 0000000000..ad1aa5fefe
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-contain.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; fixed, repeat on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: fixed;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-cover-no-repeat.html b/layout/reftests/backgrounds/background-size-body-cover-no-repeat.html
new file mode 100644
index 0000000000..c32d173761
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-cover-no-repeat.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover; on body, no-repeat, fixed</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-cover-not-fixed.html b/layout/reftests/backgrounds/background-size-body-cover-not-fixed.html
new file mode 100644
index 0000000000..d61dd3e2ee
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-cover-not-fixed.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover; no-repeat, not-fixed on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: scroll;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-cover-ref.html b/layout/reftests/backgrounds/background-size-body-cover-ref.html
new file mode 100644
index 0000000000..3dfe4ea6b7
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-cover-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover; on body reference</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-cover.html b/layout/reftests/backgrounds/background-size-body-cover.html
new file mode 100644
index 0000000000..88fd8a60ea
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-cover.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover; on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: fixed;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-percent-percent-no-repeat.html b/layout/reftests/backgrounds/background-size-body-percent-percent-no-repeat.html
new file mode 100644
index 0000000000..7dc53ddfe1
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-percent-percent-no-repeat.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; no-repeat/fixed on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: fixed;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-percent-percent-not-fixed.html b/layout/reftests/backgrounds/background-size-body-percent-percent-not-fixed.html
new file mode 100644
index 0000000000..2e5dd8000b
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-percent-percent-not-fixed.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; no-repeat/not fixed on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: scroll;
+  background-size: 100% 100%;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-percent-percent-overflow-ref.html b/layout/reftests/backgrounds/background-size-body-percent-percent-overflow-ref.html
new file mode 100644
index 0000000000..c9bfd99819
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-percent-percent-overflow-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(green-16x20.png);
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-percent-percent-overflow.html b/layout/reftests/backgrounds/background-size-body-percent-percent-overflow.html
new file mode 100644
index 0000000000..f38f926435
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-percent-percent-overflow.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(green-8x20-blue-8x20-vertical.png);
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  overflow: hidden;
+
+  /*
+   * This should not affect how the background paints, that is, how the
+   * background image is sized:
+   *
+   *   If the ‘background-attachment’ value for this image is ‘fixed’ [...] the
+   *   background positioning area is the initial containing block [CSS21].
+   *
+   * Thus '100% 100%' below is relative to the viewport size, so we expect to
+   * see a background which, modulo aliasing, is half green and half blue.
+   */
+  height: 10000px;
+
+  background-size: 100% 100%;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-percent-percent-ref.html b/layout/reftests/backgrounds/background-size-body-percent-percent-ref.html
new file mode 100644
index 0000000000..3f03f74afa
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-percent-percent-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; on body reference</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-percent-percent.html b/layout/reftests/backgrounds/background-size-body-percent-percent.html
new file mode 100644
index 0000000000..c8861a1bc5
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-percent-percent.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: fixed;
+  background-size: 100% 100%;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-body-single-not-fixed.html b/layout/reftests/backgrounds/background-size-body-single-not-fixed.html
new file mode 100644
index 0000000000..e901abad62
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-body-single-not-fixed.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; on body</title>
+  <style type="text/css">
+body
+{
+  background-image: url(aqua-32x32.png);
+  background-attachment: scroll;
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-clone.html b/layout/reftests/backgrounds/background-size-clone.html
new file mode 100644
index 0000000000..af6fdef423
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-clone.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>box-decoration-break: clone</title>
+  <style type="text/css">
+@font-face
+{
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+#outer
+{
+  border: 1px solid black;
+  width: 10em;
+}
+#ahem-lines
+{
+  font-family: Ahem;
+  font-size: 32px;
+  white-space: pre;
+  background-image: url(blue-8x20-green-8x20.png);
+  background-repeat: no-repeat;
+  box-decoration-break: clone;
+}
+</style>
+</head>
+<body>
+<div id="outer">
+<span id="ahem-lines">      <!-- EOL -->
+        <!-- mix it up for clone --><!-- EOL -->
+      <!-- EOL -->
+      <!-- EOL -->
+      </span></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-border-ref.html b/layout/reftests/backgrounds/background-size-contain-clip-border-ref.html
new file mode 100644
index 0000000000..45bef665c5
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-border-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: border-box reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid white;
+  width: 24px;
+  height: 88px;
+}
+#innermost
+{
+  width: 24px;
+  height: 24px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="innermost"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-border.html b/layout/reftests/backgrounds/background-size-contain-clip-border.html
new file mode 100644
index 0000000000..10393efa42
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-border.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: border-box</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid transparent;
+  width: 24px;
+  height: 88px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-clip: border-box;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding-ref.html b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding-ref.html
new file mode 100644
index 0000000000..7d29a5a035
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: padding-box reference, background-origin: border-box</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid white;
+  width: 24px;
+  height: 88px;
+}
+#innermost1
+{
+  width: 24px;
+  height: 44px;
+  background-image: url(aqua-32x32.png);
+}
+#innermost2
+{
+  width: 24px;
+  height: 44px;
+  background-color: lime;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div
+  id="inner"><div
+    id="innermost1"></div><div
+    id="innermost2"></div
+    ></div
+  ></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding.html b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding.html
new file mode 100644
index 0000000000..5348f24c0d
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-padding.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: padding-box, background-origin: border-box</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid transparent;
+  padding: 10px;
+  width: 4px;
+  height: 68px;
+  background-image: url(aqua-32x32.png);
+  background-color: lime;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-clip: padding-box;
+  background-origin: border-box;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-ref.html b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-ref.html
new file mode 100644
index 0000000000..59f8103c08
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: padding-box reference, background-origin: border-box</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid white;
+  width: 24px;
+  height: 88px;
+}
+#innermost
+{
+  width: 24px;
+  height: 44px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="innermost"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border.html b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border.html
new file mode 100644
index 0000000000..d0eebb0ace
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-padding-origin-border.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: padding-box, background-origin: border-box</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid transparent;
+  width: 24px;
+  height: 88px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-clip: padding-box;
+  background-origin: border-box;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-padding-ref.html b/layout/reftests/backgrounds/background-size-contain-clip-padding-ref.html
new file mode 100644
index 0000000000..1c5d368e07
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-padding-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: padding-box reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid white;
+  width: 24px;
+  height: 88px;
+}
+#innermost
+{
+  width: 24px;
+  height: 24px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="innermost"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-clip-padding.html b/layout/reftests/backgrounds/background-size-contain-clip-padding.html
new file mode 100644
index 0000000000..d04f1642b5
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-clip-padding.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-clip: padding-box</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  border: 20px solid transparent;
+  width: 24px;
+  height: 88px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-clip: padding-box;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-position-fifty-fifty-ref.html b/layout/reftests/backgrounds/background-size-contain-position-fifty-fifty-ref.html
new file mode 100644
index 0000000000..811f4c047c
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-position-fifty-fifty-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-position: 50% 50% reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner1
+{
+  width: 64px;
+  height: 32px;
+}
+#inner2
+{
+  width: 64px;
+  height: 64px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div><div id="inner2"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-position-fifty-fifty.html b/layout/reftests/backgrounds/background-size-contain-position-fifty-fifty.html
new file mode 100644
index 0000000000..76e1a0772c
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-position-fifty-fifty.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; background-position: 50% 50%</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: 50% 50%;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain-ref.html b/layout/reftests/backgrounds/background-size-contain-ref.html
new file mode 100644
index 0000000000..53c346cc74
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain; reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 10px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 64px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-contain.html b/layout/reftests/backgrounds/background-size-contain.html
new file mode 100644
index 0000000000..1be525632c
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-contain.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: contain;</title>
+  <style type="text/css">
+#outer
+{
+  border: 10px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-cover-clone.html b/layout/reftests/backgrounds/background-size-cover-clone.html
new file mode 100644
index 0000000000..8abd119d26
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-cover-clone.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover; box-decoration-break: clone</title>
+  <style type="text/css">
+@font-face
+{
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+#outer
+{
+  border: 1px solid black;
+  width: 10em;
+}
+#ahem-lines
+{
+  font-family: Ahem;
+  font-size: 32px;
+  white-space: pre;
+  background-image: url(blue-8x20-green-8x20.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  box-decoration-break: clone;
+}
+</style>
+</head>
+<body>
+<div id="outer">
+<span id="ahem-lines">      <!-- EOL -->
+        <!-- mix it up for clone --><!-- EOL -->
+      <!-- EOL -->
+      <!-- EOL -->
+      </span></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-cover-ref.html b/layout/reftests/backgrounds/background-size-cover-ref.html
new file mode 100644
index 0000000000..7d74f7b3c2
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-cover-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover; reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 10px solid black;
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-cover-slice.html b/layout/reftests/backgrounds/background-size-cover-slice.html
new file mode 100644
index 0000000000..9969971f29
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-cover-slice.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover; box-decoration-break: slice</title>
+  <style type="text/css">
+@font-face
+{
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+#outer
+{
+  border: 1px solid black;
+  width: 10em;
+}
+#ahem-lines
+{
+  font-family: Ahem;
+  font-size: 32px;
+  white-space: pre;
+  background-image: url(blue-8x20-green-8x20.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  box-decoration-break: slice;
+}
+</style>
+</head>
+<body>
+<div id="outer">
+<span id="ahem-lines">      <!-- EOL -->
+        <!-- mix it up for slice --><!-- EOL -->
+      <!-- EOL -->
+      <!-- EOL -->
+      </span></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-cover.html b/layout/reftests/backgrounds/background-size-cover.html
new file mode 100644
index 0000000000..d32d3fbba9
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-cover.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: cover;</title>
+  <style type="text/css">
+#outer
+{
+  border: 10px solid black;
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-length-auto.html b/layout/reftests/backgrounds/background-size-length-auto.html
new file mode 100644
index 0000000000..f3e9386f1b
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-length-auto.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 16px auto;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 16px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-length-length-ref.html b/layout/reftests/backgrounds/background-size-length-length-ref.html
new file mode 100644
index 0000000000..05b5c67587
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-length-length-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 32px 64px; reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 32px;
+  height: 64px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-length-length.html b/layout/reftests/backgrounds/background-size-length-length.html
new file mode 100644
index 0000000000..8d4f106824
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-length-length.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 32px 64px;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 32px 64px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-length-percent-ref.html b/layout/reftests/backgrounds/background-size-length-percent-ref.html
new file mode 100644
index 0000000000..9c95873190
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-length-percent-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 16px 25%;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 16px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-length-percent.html b/layout/reftests/backgrounds/background-size-length-percent.html
new file mode 100644
index 0000000000..0769009a9e
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-length-percent.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 16px 25%;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 16px 25%;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-length.html b/layout/reftests/backgrounds/background-size-length.html
new file mode 100644
index 0000000000..f7d188cb1f
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-length.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 16px;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 16px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-ch.html b/layout/reftests/backgrounds/background-size-monster-ch.html
new file mode 100644
index 0000000000..4d46406e51
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-ch.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Characters-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640ch;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-cm.html b/layout/reftests/backgrounds/background-size-monster-cm.html
new file mode 100644
index 0000000000..e40273af4b
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-cm.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Centimeters-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640cm;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-em.html b/layout/reftests/backgrounds/background-size-monster-em.html
new file mode 100644
index 0000000000..1543adbe32
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-em.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Ems-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640em;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-ex.html b/layout/reftests/backgrounds/background-size-monster-ex.html
new file mode 100644
index 0000000000..a55761bda3
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-ex.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Exes-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640ex;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-inches.html b/layout/reftests/backgrounds/background-size-monster-inches.html
new file mode 100644
index 0000000000..a9b1fe03b6
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-inches.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Inches-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640in;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-mm.html b/layout/reftests/backgrounds/background-size-monster-mm.html
new file mode 100644
index 0000000000..3ebd5ac337
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-mm.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Millimeters-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640mm;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-pc.html b/layout/reftests/backgrounds/background-size-monster-pc.html
new file mode 100644
index 0000000000..fa59295962
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-pc.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Picas-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640pc;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-pt.html b/layout/reftests/backgrounds/background-size-monster-pt.html
new file mode 100644
index 0000000000..a58bd8156c
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-pt.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Points-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640pt;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-px.html b/layout/reftests/backgrounds/background-size-monster-px.html
new file mode 100644
index 0000000000..bfa52bbc63
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-px.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Pixels-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640px;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-ref.html b/layout/reftests/backgrounds/background-size-monster-ref.html
new file mode 100644
index 0000000000..e4950ac5d3
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Twips conversion reference</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-monster-rem.html b/layout/reftests/backgrounds/background-size-monster-rem.html
new file mode 100644
index 0000000000..2db00604e7
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-monster-rem.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Root-ems-to-twips conversions testing</title>
+  <style type="text/css">
+body
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
+  background-size: 2147483640rem;
+}
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-percent-auto.html b/layout/reftests/backgrounds/background-size-percent-auto.html
new file mode 100644
index 0000000000..82ba188aef
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-percent-auto.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 25% auto;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 25% auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-percent-length.html b/layout/reftests/backgrounds/background-size-percent-length.html
new file mode 100644
index 0000000000..63eb52f616
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-percent-length.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 25% 32px;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 25% 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-percent-percent-ref.html b/layout/reftests/backgrounds/background-size-percent-percent-ref.html
new file mode 100644
index 0000000000..a30b75c6b0
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-percent-percent-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 50% 25%; reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-percent-percent-stretch-ref.html b/layout/reftests/backgrounds/background-size-percent-percent-stretch-ref.html
new file mode 100644
index 0000000000..65c999d6d9
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-percent-percent-stretch-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; stretch reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 10px solid black;
+  width: 60px;
+  height: 120px;
+}
+#inner1
+{
+  background: blue;
+  width: 15px;
+  height: 120px;
+  display: inline-block;
+  background-image: url(blue-16x20.png);
+
+  /* obscure sampling artifacts at the color boundary */
+  border-right: 5px solid black;
+}
+#inner2
+{
+  background: lime;
+  width: 35px;
+  height: 120px;
+  display: inline-block;
+  background-image: url(green-16x20.png);
+
+  /* obscure sampling artifacts at the color boundary */
+  border-left: 5px solid black;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner1"></div><div id="inner2"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-percent-percent-stretch.html b/layout/reftests/backgrounds/background-size-percent-percent-stretch.html
new file mode 100644
index 0000000000..912413d699
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-percent-percent-stretch.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 100% 100%; stretch</title>
+  <style type="text/css">
+#outer
+{
+  border: 10px solid black;
+  width: 60px;
+  height: 120px;
+}
+#inner
+{
+  width: 60px;
+  height: 120px;
+  background-image: url(blue-8x20-green-16x20.png);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+#innermost
+{
+  width: 15px;
+  height: 120px;
+
+  /* obscure sampling artifacts at the color boundary */
+  border-right: 10px solid black;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="innermost"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-percent-percent.html b/layout/reftests/backgrounds/background-size-percent-percent.html
new file mode 100644
index 0000000000..0219da5bb3
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-percent-percent.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 50% 25%;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 50% 25%;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-percent.html b/layout/reftests/backgrounds/background-size-percent.html
new file mode 100644
index 0000000000..a7b1db127f
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-percent.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 25%;</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 25%;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-slice.html b/layout/reftests/backgrounds/background-size-slice.html
new file mode 100644
index 0000000000..94fe4d8624
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-slice.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>box-decoration-break: slice</title>
+  <style type="text/css">
+@font-face
+{
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+#outer
+{
+  border: 1px solid black;
+  width: 10em;
+}
+#ahem-lines
+{
+  font-family: Ahem;
+  font-size: 32px;
+  white-space: pre;
+  background-image: url(blue-8x20-green-8x20.png);
+  background-repeat: no-repeat;
+  box-decoration-break: slice;
+}
+</style>
+</head>
+<body>
+<div id="outer">
+<span id="ahem-lines">      <!-- EOL -->
+        <!-- mix it up for slice --><!-- EOL -->
+      <!-- EOL -->
+      <!-- EOL -->
+      </span></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-zoom-no-repeat-ref.html b/layout/reftests/backgrounds/background-size-zoom-no-repeat-ref.html
new file mode 100644
index 0000000000..dd05ee386a
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-zoom-no-repeat-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size + zoom</title>
+  <style type="text/css">
+html
+{
+  margin: 0;
+  padding: 10px;
+}
+body
+{
+  margin: 0;
+  padding: 0;
+}
+#outer
+{
+  border: 2px solid black;
+  width: 128px;
+  height: 256px;
+}
+#inner
+{
+  width: 32px;
+  height: 32px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-zoom-no-repeat.html b/layout/reftests/backgrounds/background-size-zoom-no-repeat.html
new file mode 100644
index 0000000000..24e2fa3ba6
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-zoom-no-repeat.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+  <title>background-size + zoom</title>
+  <style type="text/css">
+html
+{
+  margin: 0;
+  padding: 5px;
+}
+body
+{
+  margin: 0;
+  padding: 0;
+}
+#outer
+{
+  border: 1px solid black;
+  width: 64px;
+  height: 128px;
+}
+#inner
+{
+  width: 64px;
+  height: 128px;
+  background-image: url(aqua-32x32.png);
+  background-repeat: no-repeat;
+  background-size: 25%;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-zoom-repeat-ref.html b/layout/reftests/backgrounds/background-size-zoom-repeat-ref.html
new file mode 100644
index 0000000000..1a5a1fd0af
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-zoom-repeat-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>background-size: 64px 40px; repeat, zoom reference</title>
+  <style type="text/css">
+html
+{
+  margin: 0;
+  padding: 0;
+}
+body
+{
+  margin: 0;
+  padding: 20px;
+}
+#outer
+{
+  width: 512px;
+  height: 320px;
+}
+  /*
+   * PRE-ZOOM:
+   *   2x size the image, then tile it 4x4 across the div; sampling artifacts at
+   *   32px horizontal offset, then every 64px for the full height of the div.
+   * POST-ZOOM:
+   *   4x size the image, then tile it 4x4 across the div; sampling artifacts at
+   *   64px horizontal offset, then every 128px for the full height of the div.
+   */
+
+/* Aargh, sampling artifacts, we hates them, precioussss. */
+#outer > div
+{
+  display: inline-block;
+  width: 56px;
+  height: 320px;
+}
+.blue
+{
+  background: url(blue-16x20.png);
+  border-right: 8px solid black;
+}
+.green
+{
+  background: url(green-16x20.png);
+  border-left: 8px solid black;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div
+  class="blue"></div><div
+  class="green"></div><div
+  class="blue"></div><div
+  class="green"></div><div
+  class="blue"></div><div
+  class="green"></div><div
+  class="blue"></div><div
+  class="green"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-size-zoom-repeat.html b/layout/reftests/backgrounds/background-size-zoom-repeat.html
new file mode 100644
index 0000000000..97df2b53f2
--- /dev/null
+++ b/layout/reftests/backgrounds/background-size-zoom-repeat.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+  <title>background-size: 64px 40px; repeat, zoom</title>
+  <style type="text/css">
+html
+{
+  margin: 0;
+  padding: 0;
+}
+body
+{
+  margin: 0;
+  padding: 10px;
+}
+#outer
+{
+  /*
+   * PRE-ZOOM:
+   *   2x size the image, then tile it 4x4 across the div; sampling artifacts at
+   *   32px horizontal offset, then every 64px for the full height of the div.
+   * POST-ZOOM:
+   *   4x size the image, then tile it 4x4 across the div; sampling artifacts at
+   *   64px horizontal offset, then every 128px for the full height of the div.
+   */
+  width: 256px;
+  height: 160px;
+  background-image: url(blue-16x20-green-16x20.png);
+  background-repeat: repeat;
+  background-size: 64px 40px;
+}
+
+/* Aargh, sampling artifacts, we hates them, precioussss. */
+#outer > div
+{
+  display: inline-block;
+  width: 28px;
+  height: 160px;
+}
+.blue
+{
+  border-right: 4px solid black;
+}
+.green
+{
+  border-left: 4px solid black;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div
+  class="blue"></div><div
+  class="green"></div><div
+  class="blue"></div><div
+  class="green"></div><div
+  class="blue"></div><div
+  class="green"></div><div
+  class="blue"></div><div
+  class="green"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-tiling-zoom-1-ref.html b/layout/reftests/backgrounds/background-tiling-zoom-1-ref.html
new file mode 100644
index 0000000000..189dcb4699
--- /dev/null
+++ b/layout/reftests/backgrounds/background-tiling-zoom-1-ref.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html reftest-zoom="1.3">
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+  html, body {
+    margin: 0;
+    border: none;
+    padding: 0;
+  }
+
+  div {
+    background-color: lime;
+    border: 1px solid black;
+    margin: 5px;
+    position: absolute
+  }
+
+  div.horizontal {
+    height: 10px;
+    left: 0px;
+  }
+
+  div.vertical {
+    top: 120px;
+    width: 10px;
+  }
+
+  div.horizontal-single-color {
+    height: 10px;
+    left: 40px;
+  }
+
+  div.vertical-single-color {
+    top: 160px;
+    width: 10px;
+  }
+
+</style>
+</head>
+<body>
+
+<div class="horizontal" style="top: 0px; width: 30px"></div>
+<div class="horizontal" style="top: 20px; width: 30.1px"></div>
+<div class="horizontal" style="top: 40px; width: 30.3px"></div>
+<div class="horizontal" style="top: 60px; width: 30.5px"></div>
+<div class="horizontal" style="top: 80px; width: 30.7px"></div>
+<div class="horizontal" style="top: 100px; width: 30.9px"></div>
+
+<div class="horizontal-single-color" style="top: 0px; width: 30px"></div>
+<div class="horizontal-single-color" style="top: 20px; width: 30.1px"></div>
+<div class="horizontal-single-color" style="top: 40px; width: 30.3px"></div>
+<div class="horizontal-single-color" style="top: 60px; width: 30.5px"></div>
+<div class="horizontal-single-color" style="top: 80px; width: 30.7px"></div>
+<div class="horizontal-single-color" style="top: 100px; width: 30.9px"></div>
+
+<div class="vertical" style="left: 0px; height: 30px"></div>
+<div class="vertical" style="left: 20px; height: 30.1px"></div>
+<div class="vertical" style="left: 40px; height: 30.3px"></div>
+<div class="vertical" style="left: 60px; height: 30.5px"></div>
+<div class="vertical" style="left: 80px; height: 30.7px"></div>
+<div class="vertical" style="left: 100px; height: 30.9px"></div>
+
+<div class="vertical-single-color" style="left: 0px; height: 30px"></div>
+<div class="vertical-single-color" style="left: 20px; height: 30.1px"></div>
+<div class="vertical-single-color" style="left: 40px; height: 30.3px"></div>
+<div class="vertical-single-color" style="left: 60px; height: 30.5px"></div>
+<div class="vertical-single-color" style="left: 80px; height: 30.7px"></div>
+<div class="vertical-single-color" style="left: 100px; height: 30.9px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/background-tiling-zoom-1.html b/layout/reftests/backgrounds/background-tiling-zoom-1.html
new file mode 100644
index 0000000000..e72af03e14
--- /dev/null
+++ b/layout/reftests/backgrounds/background-tiling-zoom-1.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html reftest-zoom="1.3">
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+  html, body {
+    margin: 0;
+    border: none;
+    padding: 0;
+  }
+
+  div {
+    border: 1px solid black;
+    margin: 5px;
+    position: absolute
+  }
+
+  /* For these tests we use images containing two colors, even though only one
+    color will be visible, to avoid special single-color-image code paths. */
+  div.horizontal {
+    background-image: url(lime-and-blue-1x25.png);
+    height: 10px;
+    left: 0px;
+  }
+
+  div.vertical {
+    background-image: url(lime-and-blue-25x1.png);
+    top: 120px;
+    width: 10px;
+  }
+
+  /* For these tests we use images containing only one color to ensure that we
+     hit the special single-color-image code paths. */
+  div.horizontal-single-color {
+    background-image: url(lime-1x25.png);
+    height: 10px;
+    left: 40px;
+  }
+
+  div.vertical-single-color {
+    background-image: url(lime-25x1.png);
+    top: 160px;
+    width: 10px;
+  }
+
+</style>
+</head>
+<body>
+
+<div class="horizontal" style="top: 0px; width: 30px"></div>
+<div class="horizontal" style="top: 20px; width: 30.1px"></div>
+<div class="horizontal" style="top: 40px; width: 30.3px"></div>
+<div class="horizontal" style="top: 60px; width: 30.5px"></div>
+<div class="horizontal" style="top: 80px; width: 30.7px"></div>
+<div class="horizontal" style="top: 100px; width: 30.9px"></div>
+
+<div class="horizontal-single-color" style="top: 0px; width: 30px"></div>
+<div class="horizontal-single-color" style="top: 20px; width: 30.1px"></div>
+<div class="horizontal-single-color" style="top: 40px; width: 30.3px"></div>
+<div class="horizontal-single-color" style="top: 60px; width: 30.5px"></div>
+<div class="horizontal-single-color" style="top: 80px; width: 30.7px"></div>
+<div class="horizontal-single-color" style="top: 100px; width: 30.9px"></div>
+
+<div class="vertical" style="left: 0px; height: 30px"></div>
+<div class="vertical" style="left: 20px; height: 30.1px"></div>
+<div class="vertical" style="left: 40px; height: 30.3px"></div>
+<div class="vertical" style="left: 60px; height: 30.5px"></div>
+<div class="vertical" style="left: 80px; height: 30.7px"></div>
+<div class="vertical" style="left: 100px; height: 30.9px"></div>
+
+<div class="vertical-single-color" style="left: 0px; height: 30px"></div>
+<div class="vertical-single-color" style="left: 20px; height: 30.1px"></div>
+<div class="vertical-single-color" style="left: 40px; height: 30.3px"></div>
+<div class="vertical-single-color" style="left: 60px; height: 30.5px"></div>
+<div class="vertical-single-color" style="left: 80px; height: 30.7px"></div>
+<div class="vertical-single-color" style="left: 100px; height: 30.9px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/blue-16x20-green-16x20.png b/layout/reftests/backgrounds/blue-16x20-green-16x20.png
new file mode 100644
index 0000000000..9bf59ebdf1
Binary files /dev/null and b/layout/reftests/backgrounds/blue-16x20-green-16x20.png differ
diff --git a/layout/reftests/backgrounds/blue-16x20-green-8x20.png b/layout/reftests/backgrounds/blue-16x20-green-8x20.png
new file mode 100644
index 0000000000..9d025d1bcc
Binary files /dev/null and b/layout/reftests/backgrounds/blue-16x20-green-8x20.png differ
diff --git a/layout/reftests/backgrounds/blue-16x20.png b/layout/reftests/backgrounds/blue-16x20.png
new file mode 100644
index 0000000000..f0f4d319e8
Binary files /dev/null and b/layout/reftests/backgrounds/blue-16x20.png differ
diff --git a/layout/reftests/backgrounds/blue-32x32.png b/layout/reftests/backgrounds/blue-32x32.png
new file mode 100644
index 0000000000..deefd19b2a
Binary files /dev/null and b/layout/reftests/backgrounds/blue-32x32.png differ
diff --git a/layout/reftests/backgrounds/blue-8x20-green-16x20.png b/layout/reftests/backgrounds/blue-8x20-green-16x20.png
new file mode 100644
index 0000000000..7caad35c4c
Binary files /dev/null and b/layout/reftests/backgrounds/blue-8x20-green-16x20.png differ
diff --git a/layout/reftests/backgrounds/blue-8x20-green-8x20.png b/layout/reftests/backgrounds/blue-8x20-green-8x20.png
new file mode 100644
index 0000000000..de47c026a2
Binary files /dev/null and b/layout/reftests/backgrounds/blue-8x20-green-8x20.png differ
diff --git a/layout/reftests/backgrounds/blue-8x20.png b/layout/reftests/backgrounds/blue-8x20.png
new file mode 100644
index 0000000000..c8bdd73cbc
Binary files /dev/null and b/layout/reftests/backgrounds/blue-8x20.png differ
diff --git a/layout/reftests/backgrounds/body-background-ref.html b/layout/reftests/backgrounds/body-background-ref.html
new file mode 100644
index 0000000000..4ba77be0e8
--- /dev/null
+++ b/layout/reftests/backgrounds/body-background-ref.html
@@ -0,0 +1,2 @@
+<body style="background-image: url('aqua-yellow-32x32.png')">
+</body>
diff --git a/layout/reftests/backgrounds/body-background.html b/layout/reftests/backgrounds/body-background.html
new file mode 100644
index 0000000000..c6def1b795
--- /dev/null
+++ b/layout/reftests/backgrounds/body-background.html
@@ -0,0 +1,2 @@
+<body background="aqua-yellow-32x32.png">
+</body>
diff --git a/layout/reftests/backgrounds/continuous-inline-1a.html b/layout/reftests/backgrounds/continuous-inline-1a.html
new file mode 100644
index 0000000000..31ad8a14a6
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-1a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break::before { content: "\A"; white-space: pre-wrap; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 24px"></span><span class="break"></span>
+      <span class="b" style="width: 8px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-1ab-ref.html b/layout/reftests/backgrounds/continuous-inline-1ab-ref.html
new file mode 100644
index 0000000000..98a8631c26
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-1ab-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span style="background: url(blue-16x20-green-8x20.png);">
+        <span class="b" style="width: 24px"></span>
+      </span>
+    </div>
+    <div>
+      <span style="background: url(green-8x20.png);">
+        <span class="b" style="width: 8px"></span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-1b.html b/layout/reftests/backgrounds/continuous-inline-1b.html
new file mode 100644
index 0000000000..368b8f47c7
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-1b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break { display: block }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 24px"></span><span class="break"></span>
+      <span class="b" style="width: 8px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-1c.html b/layout/reftests/backgrounds/continuous-inline-1c.html
new file mode 100644
index 0000000000..200783d3a5
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-1c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break::before { content: "\A"; white-space: pre-wrap; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png) no-repeat">
+      <span class="b" style="width: 24px"></span><span class="break"></span>
+      <span class="b" style="width: 24px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-1cd-ref.html b/layout/reftests/backgrounds/continuous-inline-1cd-ref.html
new file mode 100644
index 0000000000..2e469a40eb
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-1cd-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span style="background: url(blue-16x20-green-8x20.png) no-repeat;">
+        <span class="b" style="width: 24px"></span>
+      </span>
+    </div>
+    <div>
+      <span style="background: url(green-8x20.png) no-repeat;">
+        <span class="b" style="width: 8px"></span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-1d.html b/layout/reftests/backgrounds/continuous-inline-1d.html
new file mode 100644
index 0000000000..f4f028e02e
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-1d.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break { display: block; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png) no-repeat">
+      <span class="b" style="width: 24px"></span><span class="break"></span>
+      <span class="b" style="width: 24px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-2-ref.html b/layout/reftests/backgrounds/continuous-inline-2-ref.html
new file mode 100644
index 0000000000..2c2fe8a5d8
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span style="background: url(blue-8x20.png);">
+        <span class="b" style="width: 8px"></span>
+      </span>
+    </div>
+    <div>
+      <span style="background: url(blue-8x20-green-16x20.png);">
+        <span class="b" style="width: 24px"></span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-2a.html b/layout/reftests/backgrounds/continuous-inline-2a.html
new file mode 100644
index 0000000000..2cec6d6879
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-2a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break::before { content: "\A"; white-space: pre-wrap; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 8px"></span><span class="break"></span>
+      <span class="b" style="width: 24px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-2b.html b/layout/reftests/backgrounds/continuous-inline-2b.html
new file mode 100644
index 0000000000..33c6a970cb
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-2b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break { display: block }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 8px"></span><span class="break"></span>
+      <span class="b" style="width: 24px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-3-ref.html b/layout/reftests/backgrounds/continuous-inline-3-ref.html
new file mode 100644
index 0000000000..daf7b57fea
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span style="background: url(blue-8x20.png);">
+        <span class="b" style="width: 8px"></span>
+      </span>
+    </div>
+    <div>
+      <span style="background: url(blue-8x20-green-8x20.png);">
+        <span class="b" style="width: 16px"></span>
+      </span>
+    </div>
+    <div>
+      <span style="background: url(green-8x20.png);">
+        <span class="b" style="width: 8px"></span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-3.html b/layout/reftests/backgrounds/continuous-inline-3.html
new file mode 100644
index 0000000000..fbca2aa7bb
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break::before { content: "\A"; white-space: pre-wrap; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 8px"></span><span class="break"></span>
+      <span class="b" style="width: 16px"></span><span class="break"></span>
+      <span class="b" style="width: 8px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-4-ref.html b/layout/reftests/backgrounds/continuous-inline-4-ref.html
new file mode 100644
index 0000000000..5d943a21a6
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-4-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span style="background: url(blue-16x20-green-16x20.png);">
+        <span class="b" style="width: 32px"></span></span><span
+            style="background: url(blue-16x20.png);"><span
+            class="b" style="width: 16px"></span>
+      </span>
+    </div>
+    <div>
+      <span style="background: url(green-16x20.png);">
+        <span class="b" style="width: 16px"></span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-4a.html b/layout/reftests/backgrounds/continuous-inline-4a.html
new file mode 100644
index 0000000000..4e3d169946
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-4a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break::before { content: "\A"; white-space: pre-wrap; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 48px"></span><span class="break"></span>
+      <span class="b" style="width: 16px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-4b.html b/layout/reftests/backgrounds/continuous-inline-4b.html
new file mode 100644
index 0000000000..cc9ed3d95d
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-4b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break { display: block; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 48px"></span><span class="break"></span>
+      <span class="b" style="width: 16px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-5-ref.html b/layout/reftests/backgrounds/continuous-inline-5-ref.html
new file mode 100644
index 0000000000..40e9ea3d1e
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-5-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span style="background: url(blue-16x20-green-8x20.png);">
+        <span class="b" style="width: 24px"></span>
+      </span>
+    </div>
+    <div>
+      <span style="background: url(green-8x20.png);">
+        <span class="b" style="width: 8px"></span></span><span
+            style="background: url(blue-16x20.png);"><span
+            class="b" style="width: 16px"></span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-5a.html b/layout/reftests/backgrounds/continuous-inline-5a.html
new file mode 100644
index 0000000000..259460960a
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-5a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break::before { content: "\A"; white-space: pre-wrap; }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 24px"></span><span class="break"></span>
+      <span class="b" style="width: 24px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/continuous-inline-5b.html b/layout/reftests/backgrounds/continuous-inline-5b.html
new file mode 100644
index 0000000000..e9473c9b2f
--- /dev/null
+++ b/layout/reftests/backgrounds/continuous-inline-5b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span.b { display: inline-block; height: 20px; }
+      span.break { display: block }
+    </style>
+  </head>
+  <body>
+    <span style="background: url(blue-16x20-green-16x20.png)">
+      <span class="b" style="width: 24px"></span><span class="break"></span>
+      <span class="b" style="width: 24px"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/delay-image-response.sjs b/layout/reftests/backgrounds/delay-image-response.sjs
new file mode 100644
index 0000000000..418eaa24a9
--- /dev/null
+++ b/layout/reftests/backgrounds/delay-image-response.sjs
@@ -0,0 +1,65 @@
+const BinaryOutputStream = Components.Constructor("@mozilla.org/binaryoutputstream;1", "nsIBinaryOutputStream", "setOutputStream");
+/* This data is picked from image/test/reftest/generic/check-header.sjs */
+const IMAGE_DATA =
+  [
+   0x89,  0x50,  0x4E,  0x47,  0x0D,  0x0A,  0x1A,  0x0A,  0x00,  0x00,  0x00,
+   0x0D,  0x49,  0x48,  0x44,  0x52,  0x00,  0x00,  0x00,  0x64,  0x00,  0x00,
+   0x00,  0x64,  0x08,  0x02,  0x00,  0x00,  0x00,  0xFF,  0x80,  0x02,  0x03,
+   0x00,  0x00,  0x00,  0x01,  0x73,  0x52,  0x47,  0x42,  0x00,  0xAE,  0xCE,
+   0x1C,  0xE9,  0x00,  0x00,  0x00,  0x9E,  0x49,  0x44,  0x41,  0x54,  0x78,
+   0xDA,  0xED,  0xD0,  0x31,  0x01,  0x00,  0x00,  0x08,  0x03,  0xA0,  0x69,
+   0xFF,  0xCE,  0x5A,  0xC1,  0xCF,  0x07,  0x22,  0x50,  0x99,  0x70,  0xD4,
+   0x0A,  0x64,  0xC9,  0x92,  0x25,  0x4B,  0x96,  0x2C,  0x05,  0xB2,  0x64,
+   0xC9,  0x92,  0x25,  0x4B,  0x96,  0x02,  0x59,  0xB2,  0x64,  0xC9,  0x92,
+   0x25,  0x4B,  0x81,  0x2C,  0x59,  0xB2,  0x64,  0xC9,  0x92,  0xA5,  0x40,
+   0x96,  0x2C,  0x59,  0xB2,  0x64,  0xC9,  0x52,  0x20,  0x4B,  0x96,  0x2C,
+   0x59,  0xB2,  0x64,  0x29,  0x90,  0x25,  0x4B,  0x96,  0x2C,  0x59,  0xB2,
+   0x14,  0xC8,  0x92,  0x25,  0x4B,  0x96,  0x2C,  0x59,  0x0A,  0x64,  0xC9,
+   0x92,  0x25,  0x4B,  0x96,  0x2C,  0x05,  0xB2,  0x64,  0xC9,  0x92,  0x25,
+   0x4B,  0x96,  0x02,  0x59,  0xB2,  0x64,  0xC9,  0x92,  0x25,  0x4B,  0x81,
+   0x2C,  0x59,  0xB2,  0x64,  0xC9,  0x92,  0xA5,  0x40,  0x96,  0x2C,  0x59,
+   0xB2,  0x64,  0xC9,  0x52,  0x20,  0x4B,  0x96,  0x2C,  0x59,  0xB2,  0x64,
+   0x29,  0x90,  0x25,  0x4B,  0x96,  0x2C,  0x59,  0xB2,  0x14,  0xC8,  0x92,
+   0x25,  0x4B,  0x96,  0x2C,  0x59,  0x0A,  0x64,  0xC9,  0xFA,  0xB6,  0x89,
+   0x5F,  0x01,  0xC7,  0x24,  0x83,  0xB2,  0x0C,  0x00,  0x00,  0x00,  0x00,
+   0x49,  0x45,  0x4E,  0x44,  0xAE,  0x42,  0x60,  0x82,
+  ];
+
+/**
+ * The timer is needed when a delay is set. We need it to be out of the method
+ * so it is not eaten alive by the GC.
+ */
+var timer;
+
+function handleRequest(request, response) {
+  var query = {};
+  request.queryString.split('&').forEach(function (val) {
+    var [name, value] = val.split('=');
+    query[name] = unescape(value);
+  });
+
+  response.setStatusLine(request.httpVersion, 200, "OK");
+  response.setHeader("Content-Type", "image/png", false);
+
+  function imageWrite() {
+    var stream = new BinaryOutputStream(response.bodyOutputStream);
+    stream.writeByteArray(IMAGE_DATA);
+  }
+
+  // If there is no delay, we write the image and leave.
+  if (!("delay" in query)) {
+    imageWrite();
+    return;
+  }
+
+  // If there is a delay, we create a timer which, when it fires, will write
+  // image and leave.
+  response.processAsync();
+  const nsITimer = Components.interfaces.nsITimer;
+
+  timer = Components.classes["@mozilla.org/timer;1"].createInstance(nsITimer);
+  timer.initWithCallback(function() {
+    imageWrite();
+    response.finish();
+  }, query["delay"], nsITimer.TYPE_ONE_SHOT);
+}
diff --git a/layout/reftests/backgrounds/div-background-ref.html b/layout/reftests/backgrounds/div-background-ref.html
new file mode 100644
index 0000000000..7916b9cd0b
--- /dev/null
+++ b/layout/reftests/backgrounds/div-background-ref.html
@@ -0,0 +1,3 @@
+<div style="background-image: url('aqua-yellow-32x32.png')">
+Ohai
+</div>
diff --git a/layout/reftests/backgrounds/div-background.html b/layout/reftests/backgrounds/div-background.html
new file mode 100644
index 0000000000..224da0d155
--- /dev/null
+++ b/layout/reftests/backgrounds/div-background.html
@@ -0,0 +1,3 @@
+<div background="aqua-yellow-32x32.png">
+Ohai
+</div>
diff --git a/layout/reftests/backgrounds/fixed-bg-border-radius-ref.html b/layout/reftests/backgrounds/fixed-bg-border-radius-ref.html
new file mode 100644
index 0000000000..f6f87dacc9
--- /dev/null
+++ b/layout/reftests/backgrounds/fixed-bg-border-radius-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<style>
+body { 
+  height: 100%;
+  width: 100%;
+  background: red url('../bugs/repeatable-diagonal-gradient.png') no-repeat;
+  margin: 0px;
+  overflow: hidden;
+}
+div { 
+  height:200px;
+  width: 1020px;
+  background: url('../bugs/repeatable-diagonal-gradient.png') no-repeat;
+  border-radius: 25px;
+}
+</style>
+<body>
+<div >
+</div>
+</body></html>
diff --git a/layout/reftests/backgrounds/fixed-bg-border-radius.html b/layout/reftests/backgrounds/fixed-bg-border-radius.html
new file mode 100644
index 0000000000..9ab57276bf
--- /dev/null
+++ b/layout/reftests/backgrounds/fixed-bg-border-radius.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<style>
+body { 
+  height: 100%;
+  width: 100%;
+  background: red url('../bugs/repeatable-diagonal-gradient.png') no-repeat fixed;
+  margin: 0px;
+  overflow: hidden;
+}
+div { 
+  height:200px;
+  width: 1020px;
+  background: url('../bugs/repeatable-diagonal-gradient.png') no-repeat fixed;
+  border-radius: 25px;
+}
+</style>
+<body>
+<div >
+</div>
+</body></html>
diff --git a/layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-1.html b/layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-1.html
new file mode 100644
index 0000000000..4a3d2ddc68
--- /dev/null
+++ b/layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-1.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style>
+	#thediv {
+		position: absolute; left: 0; top: 100%;
+		transform: rotate(-90deg);
+		transform-origin: 0 0;
+    background: red url("blue-32x32.png") 0 0 fixed repeat; width: 200px; height: 200px;
+  }
+</style>
+</head>
+<body>
+<div id="thediv"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-ref.html b/layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-ref.html
new file mode 100644
index 0000000000..b58d91d590
--- /dev/null
+++ b/layout/reftests/backgrounds/fixed-bg-with-transform-outside-viewport-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style>
+	#thediv {
+		position: absolute; left: 0; top: 100%;
+		transform: rotate(-90deg);
+		transform-origin: 0 0;
+    background: blue 0 0 fixed repeat; width: 200px; height: 200px;
+  }
+</style>
+</head>
+<body>
+<div id="thediv"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/fuchsia-32x32.png b/layout/reftests/backgrounds/fuchsia-32x32.png
new file mode 100644
index 0000000000..7902bc31e0
Binary files /dev/null and b/layout/reftests/backgrounds/fuchsia-32x32.png differ
diff --git a/layout/reftests/backgrounds/green-16x20.png b/layout/reftests/backgrounds/green-16x20.png
new file mode 100644
index 0000000000..a62d275cf8
Binary files /dev/null and b/layout/reftests/backgrounds/green-16x20.png differ
diff --git a/layout/reftests/backgrounds/green-8x20-blue-8x20-vertical.png b/layout/reftests/backgrounds/green-8x20-blue-8x20-vertical.png
new file mode 100644
index 0000000000..4236f5b1ce
Binary files /dev/null and b/layout/reftests/backgrounds/green-8x20-blue-8x20-vertical.png differ
diff --git a/layout/reftests/backgrounds/green-8x20.png b/layout/reftests/backgrounds/green-8x20.png
new file mode 100644
index 0000000000..9333015fcd
Binary files /dev/null and b/layout/reftests/backgrounds/green-8x20.png differ
diff --git a/layout/reftests/backgrounds/green-circle-alpha-32x32.png b/layout/reftests/backgrounds/green-circle-alpha-32x32.png
new file mode 100644
index 0000000000..a007675a17
Binary files /dev/null and b/layout/reftests/backgrounds/green-circle-alpha-32x32.png differ
diff --git a/layout/reftests/backgrounds/grid-large.png b/layout/reftests/backgrounds/grid-large.png
new file mode 100644
index 0000000000..4de7c66782
Binary files /dev/null and b/layout/reftests/backgrounds/grid-large.png differ
diff --git a/layout/reftests/backgrounds/iframe-translucent-color-1.html b/layout/reftests/backgrounds/iframe-translucent-color-1.html
new file mode 100644
index 0000000000..a220ee0292
--- /dev/null
+++ b/layout/reftests/backgrounds/iframe-translucent-color-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <!-- contents of iframe <html style="background-color: rgba(255,0,0,0.50196)">-->
+    <iframe src="data:text/html,%3Chtml%20style%3D%22background-color%3A%20rgba%28255%2C0%2C0%2C0.50196%29%22%3E"
+            style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: none">
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/iframe-translucent-color-ref.html b/layout/reftests/backgrounds/iframe-translucent-color-ref.html
new file mode 100644
index 0000000000..353dfe3077
--- /dev/null
+++ b/layout/reftests/backgrounds/iframe-translucent-color-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: rgba(255,0,0,0.50196)">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-layer-count-1-ref.xhtml b/layout/reftests/backgrounds/layers-layer-count-1-ref.xhtml
new file mode 100644
index 0000000000..ba6a56b68c
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-layer-count-1-ref.xhtml
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: number of background layers determined by background-image</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		div {
+			position: relative; height: 100px; width: 100px;
+		}
+
+		]]></style>
+	</head>
+	<body>
+
+	<div>
+		<img style="position: absolute; left: 10px; top: 10px" src="aqua-32x32.png" />
+	</div>
+	<div>
+		<img style="position: absolute; left: 15px; top: 15px" src="fuchsia-32x32.png" />
+		<img style="position: absolute; left: 20px; top: 20px" src="blue-32x32.png" />
+		<img style="position: absolute; left:  5px; top:  5px" src="aqua-32x32.png" />
+		<img style="position: absolute; left: 10px; top: 10px" src="yellow-32x32.png" />
+	</div>
+	<div>
+		<img style="position: absolute; left: 20px; top: 20px" src="fuchsia-32x32.png" />
+		<img style="position: absolute; left:  5px; top:  5px" src="yellow-32x32.png" />
+		<img style="position: absolute; left: 10px; top: 10px" src="blue-32x32.png" />
+	</div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-layer-count-2-ref.xhtml b/layout/reftests/backgrounds/layers-layer-count-2-ref.xhtml
new file mode 100644
index 0000000000..b41d73a06d
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-layer-count-2-ref.xhtml
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: number of background layers determined by background-image</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		div {
+			position: relative; height: 100px; width: 100px;
+		}
+
+		]]></style>
+	</head>
+	<body>
+
+	<div>
+		<img style="position: absolute; left: 10px; top: 10px" src="yellow-32x32.png" />
+	</div>
+	<div>
+		<img style="position: absolute; left: 15px; top: 15px" src="fuchsia-32x32.png" />
+		<img style="position: absolute; left: 20px; top: 20px" src="blue-32x32.png" />
+		<img style="position: absolute; left:  0px; top:  0px" src="aqua-32x32.png" />
+		<img style="position: absolute; left:  5px; top:  5px" src="yellow-32x32.png" />
+	</div>
+	<div>
+		<img style="position: absolute; left: 20px; top: 20px" src="blue-32x32.png" />
+		<img style="position: absolute; left:  5px; top:  5px" src="aqua-32x32.png" />
+		<img style="position: absolute; left: 10px; top: 10px" src="yellow-32x32.png" />
+	</div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-layer-count-cascade-1.xhtml b/layout/reftests/backgrounds/layers-layer-count-cascade-1.xhtml
new file mode 100644
index 0000000000..66bc6d2a04
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-layer-count-cascade-1.xhtml
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: number of background layers determined by background-image</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		div {
+			position: relative; height: 100px; width: 100px;
+			background-repeat: no-repeat;
+			background-position: 10px 10px, 5px 5px, 20px 20px, 15px 15px;
+			background-image: url(aqua-32x32.png);
+		}
+
+		div.withclass {
+			background-image: url(yellow-32x32.png), url(aqua-32x32.png), url(blue-32x32.png), url(fuchsia-32x32.png), url(red-32x32.png);
+		}
+
+		div#withid {
+			background-image: url(blue-32x32.png), url(yellow-32x32.png), url(fuchsia-32x32.png);
+		}
+
+
+		]]></style>
+	</head>
+	<body>
+
+	<div></div>
+	<div class="withclass"></div>
+	<div class="withclass" id="withid"></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-layer-count-cascade-2.xhtml b/layout/reftests/backgrounds/layers-layer-count-cascade-2.xhtml
new file mode 100644
index 0000000000..e14cc838d6
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-layer-count-cascade-2.xhtml
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: number of background layers determined by background-image</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		div {
+			position: relative; height: 100px; width: 100px;
+			background-repeat: no-repeat;
+			background-position: 10px 10px;
+			background-image: url(yellow-32x32.png), url(aqua-32x32.png), url(blue-32x32.png), url(fuchsia-32x32.png), url(red-32x32.png);
+		}
+
+		div.withclass {
+			background-position: 5px 5px, 0px 0px, 20px 20px, 15px 15px;
+		}
+
+		div#withid {
+			background-position: 10px 10px, 5px 5px, 20px 20px;
+		}
+
+
+		]]></style>
+	</head>
+	<body>
+
+	<div></div>
+	<div class="withclass"></div>
+	<div class="withclass" id="withid"></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-layer-count-inheritance-1.xhtml b/layout/reftests/backgrounds/layers-layer-count-inheritance-1.xhtml
new file mode 100644
index 0000000000..06f28f51c1
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-layer-count-inheritance-1.xhtml
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: number of background layers determined by background-image</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		body > div {
+			position: relative; height: 300px; width: 100px;
+			background-repeat: no-repeat;
+			background-position: 10px 10px, 5px 5px, 20px 20px, 15px 15px;
+			background-image: url(aqua-32x32.png);
+		}
+
+		body > div > div {
+			position: absolute; height: 200px; width: 100px; top: 100px; left: 0;
+			background-repeat: no-repeat;
+			background-position: inherit;
+			background-image: url(yellow-32x32.png), url(aqua-32x32.png), url(blue-32x32.png), url(fuchsia-32x32.png), url(red-32x32.png);
+		}
+
+		body > div > div > div {
+			position: absolute; height: 100px; width: 100px; top: 100px; left: 0;
+			background: inherit;
+			background-image: url(blue-32x32.png), url(yellow-32x32.png), url(fuchsia-32x32.png);
+		}
+
+
+		]]></style>
+	</head>
+	<body>
+
+	<div><div><div></div></div></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-layer-count-inheritance-2.xhtml b/layout/reftests/backgrounds/layers-layer-count-inheritance-2.xhtml
new file mode 100644
index 0000000000..4ddaae2462
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-layer-count-inheritance-2.xhtml
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: number of background layers determined by background-image</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		body > div {
+			position: relative; height: 300px; width: 100px;
+			background-repeat: no-repeat;
+			background-position: 10px 10px;
+			background-image: url(yellow-32x32.png), url(aqua-32x32.png), url(blue-32x32.png), url(fuchsia-32x32.png), url(red-32x32.png);
+		}
+
+		body > div > div {
+			position: absolute; height: 200px; width: 100px; top: 100px; left: 0;
+			background: inherit;
+			background-position: 5px 5px, 0px 0px, 20px 20px, 15px 15px;
+		}
+
+		body > div > div > div {
+			position: absolute; height: 100px; width: 100px; top: 100px; left: 0;
+			background-image: inherit;
+			background-repeat: inherit;
+			background-position: 10px 10px, 5px 5px, 20px 20px;
+		}
+
+
+		]]></style>
+	</head>
+	<body>
+
+	<div><div><div></div></div></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-stacking-order-ref.xhtml b/layout/reftests/backgrounds/layers-stacking-order-ref.xhtml
new file mode 100644
index 0000000000..175c211328
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-stacking-order-ref.xhtml
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: stacking order of layers</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		div#test {
+			position: relative; height: 100px; width: 100px;
+		}
+
+
+		]]></style>
+	</head>
+	<body>
+
+	<div id="test">
+		<img src="aqua-32x32.png" style="position: absolute; left: 20px; top: 20px" />
+		<img src="fuchsia-32x32.png" style="position: absolute; left: 10px; top: 10px" />
+		<img src="yellow-32x32.png" style="position: absolute; left: 15px; top: 15px" />
+		<img src="blue-32x32.png" style="position: absolute; left: 5px; top: 5px" />
+	</div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/layers-stacking-order.xhtml b/layout/reftests/backgrounds/layers-stacking-order.xhtml
new file mode 100644
index 0000000000..16d1df9a1a
--- /dev/null
+++ b/layout/reftests/backgrounds/layers-stacking-order.xhtml
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>css3-background: stacking order of layers</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		div#test {
+			position: relative; height: 100px; width: 100px;
+			background: url(blue-32x32.png) 5px 5px no-repeat,
+			            url(yellow-32x32.png) 15px 15px no-repeat,
+			            url(fuchsia-32x32.png) 10px 10px no-repeat,
+			            url(aqua-32x32.png) 20px 20px no-repeat;
+		}
+
+
+		]]></style>
+	</head>
+	<body>
+
+	<div id="test"></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/backgrounds/lime-1x25.png b/layout/reftests/backgrounds/lime-1x25.png
new file mode 100644
index 0000000000..8d0167988a
Binary files /dev/null and b/layout/reftests/backgrounds/lime-1x25.png differ
diff --git a/layout/reftests/backgrounds/lime-25x1.png b/layout/reftests/backgrounds/lime-25x1.png
new file mode 100644
index 0000000000..31e1c4087a
Binary files /dev/null and b/layout/reftests/backgrounds/lime-25x1.png differ
diff --git a/layout/reftests/backgrounds/lime-and-blue-1x25.png b/layout/reftests/backgrounds/lime-and-blue-1x25.png
new file mode 100644
index 0000000000..05a27d9592
Binary files /dev/null and b/layout/reftests/backgrounds/lime-and-blue-1x25.png differ
diff --git a/layout/reftests/backgrounds/lime-and-blue-25x1.png b/layout/reftests/backgrounds/lime-and-blue-25x1.png
new file mode 100644
index 0000000000..4407676c46
Binary files /dev/null and b/layout/reftests/backgrounds/lime-and-blue-25x1.png differ
diff --git a/layout/reftests/backgrounds/malformed.png b/layout/reftests/backgrounds/malformed.png
new file mode 100644
index 0000000000..57a2dca5c0
--- /dev/null
+++ b/layout/reftests/backgrounds/malformed.png
@@ -0,0 +1 @@
+This is not a PNG file.
diff --git a/layout/reftests/backgrounds/multi-background-clip-content-border-ref.html b/layout/reftests/backgrounds/multi-background-clip-content-border-ref.html
new file mode 100644
index 0000000000..290b0b1996
--- /dev/null
+++ b/layout/reftests/backgrounds/multi-background-clip-content-border-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>multi-background-clip-content-border-ref</title>
+<style>
+  div#outer { background-image: url(green-16x20.png);
+              width: 100px; height: 100px;
+              border: 20px solid transparent; }
+  div#inner { background-image: url(aqua-32x32.png);
+              width: 100%; height: 100%; }
+</style>
+<div id="outer"><div id="inner"></div></div>
diff --git a/layout/reftests/backgrounds/multi-background-clip-content-border.html b/layout/reftests/backgrounds/multi-background-clip-content-border.html
new file mode 100644
index 0000000000..d13352f6f6
--- /dev/null
+++ b/layout/reftests/backgrounds/multi-background-clip-content-border.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>multi-background-clip-content-border</title>
+<style>
+  div { background-image: url(aqua-32x32.png),
+                          url(green-16x20.png);
+        border: 20px solid transparent;
+        background-clip: content-box, border-box;
+        width: 100px; height: 100px; }
+</style>
+<div></div>
diff --git a/layout/reftests/backgrounds/really-big-background-ref.html b/layout/reftests/backgrounds/really-big-background-ref.html
new file mode 100644
index 0000000000..fc8cb841f1
--- /dev/null
+++ b/layout/reftests/backgrounds/really-big-background-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<img src="really-big-background.png" style="width: 1600px; height: 1200px; position: absolute;">
diff --git a/layout/reftests/backgrounds/really-big-background.html b/layout/reftests/backgrounds/really-big-background.html
new file mode 100644
index 0000000000..741a7cbfaa
--- /dev/null
+++ b/layout/reftests/backgrounds/really-big-background.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<img alt=" " style="background-image: url(really-big-background.png); width: 1600px; height: 1200px; position: absolute;"></img>
diff --git a/layout/reftests/backgrounds/really-big-background.png b/layout/reftests/backgrounds/really-big-background.png
new file mode 100644
index 0000000000..bd8705b8a5
Binary files /dev/null and b/layout/reftests/backgrounds/really-big-background.png differ
diff --git a/layout/reftests/backgrounds/red-128-alpha-32x32.png b/layout/reftests/backgrounds/red-128-alpha-32x32.png
new file mode 100644
index 0000000000..a85ac33257
Binary files /dev/null and b/layout/reftests/backgrounds/red-128-alpha-32x32.png differ
diff --git a/layout/reftests/backgrounds/red-32x32.png b/layout/reftests/backgrounds/red-32x32.png
new file mode 100644
index 0000000000..191e13ea11
Binary files /dev/null and b/layout/reftests/backgrounds/red-32x32.png differ
diff --git a/layout/reftests/backgrounds/reftest.list b/layout/reftests/backgrounds/reftest.list
new file mode 100644
index 0000000000..1be6e54d53
--- /dev/null
+++ b/layout/reftests/backgrounds/reftest.list
@@ -0,0 +1,184 @@
+include vector/reftest.list
+
+== layers-stacking-order.xhtml layers-stacking-order-ref.xhtml
+== layers-layer-count-cascade-1.xhtml layers-layer-count-1-ref.xhtml
+== layers-layer-count-inheritance-1.xhtml layers-layer-count-1-ref.xhtml
+== layers-layer-count-cascade-2.xhtml layers-layer-count-2-ref.xhtml
+== layers-layer-count-inheritance-2.xhtml layers-layer-count-2-ref.xhtml
+fuzzy(0-1,0-5000) == viewport-translucent-color-1.html viewport-translucent-color-ref.html
+fuzzy(0-1,0-5000) == viewport-translucent-color-2.html viewport-translucent-color-ref.html
+fuzzy(0-1,0-5000) == viewport-translucent-color-3.html viewport-translucent-color-ref.html
+!= viewport-translucent-color-ref.html about:blank
+fuzzy(0-1,0-10000) == iframe-translucent-color-1.html iframe-translucent-color-ref.html
+fuzzy(0-1,0-1024) == translucent-color-1.html translucent-color-ref.html
+fuzzy(0-1,0-1024) == translucent-color-2.html translucent-color-ref.html
+fuzzy(0-1,0-1024) == translucent-color-3.html translucent-color-ref.html
+!= translucent-color-ref.html about:blank
+== root-element-display-none-1.html root-element-display-none-ref.html
+== continuous-inline-1a.html continuous-inline-1ab-ref.html
+== continuous-inline-1b.html continuous-inline-1ab-ref.html
+== continuous-inline-1c.html continuous-inline-1cd-ref.html
+== continuous-inline-1d.html continuous-inline-1cd-ref.html
+== continuous-inline-2a.html continuous-inline-2-ref.html
+== continuous-inline-2b.html continuous-inline-2-ref.html
+== continuous-inline-3.html continuous-inline-3-ref.html
+== continuous-inline-4a.html continuous-inline-4-ref.html
+== continuous-inline-4b.html continuous-inline-4-ref.html
+== continuous-inline-5a.html continuous-inline-5-ref.html
+== continuous-inline-5b.html continuous-inline-5-ref.html
+== background-redraw-237766.html background-redraw-237766-ref.html
+
+== background-clip-1.html background-clip-1-ref.html
+== background-clip-2.html background-clip-2-ref.html
+
+== background-position-1a.html background-position-1-ref.html
+== background-position-1b.html background-position-1-ref.html
+== background-position-1c.html background-position-1-ref.html
+== background-position-1d.html background-position-1-ref.html
+== background-position-1e.html background-position-1-ref.html
+== background-position-1f.html background-position-1-ref.html
+== background-position-2a.html background-position-2-ref.html
+== background-position-2b.html background-position-2-ref.html
+== background-position-2c.html background-position-2-ref.html
+== background-position-2d.html background-position-2-ref.html
+== background-position-3a.html background-position-3-ref.html
+== background-position-3b.html background-position-3-ref.html
+== background-position-3c.html background-position-3-ref.html
+== background-position-3d.html background-position-3-ref.html
+== background-position-4a.html background-position-4-ref.html
+== background-position-4b.html background-position-4-ref.html
+== background-position-4c.html background-position-4-ref.html
+== background-position-4d.html background-position-4-ref.html
+== background-position-4e.html background-position-4-ref.html
+== background-position-5.html background-position-5-ref.html
+== background-position-6a.html background-position-6-ref.html
+== background-position-6b.html background-position-6-ref.html
+== background-position-7.html background-position-7-ref.html
+== background-position-8.html background-position-8-ref.html
+
+== background-size-auto-auto.html background-size-auto-ref.html
+== background-size-auto.html background-size-auto-ref.html
+== background-size-contain.html background-size-contain-ref.html
+== background-size-cover.html background-size-cover-ref.html
+== background-size-auto-length.html background-size-auto-length-ref.html
+== background-size-length-auto.html background-size-auto-length-ref.html
+== background-size-length.html background-size-auto-length-ref.html
+== background-size-auto-percent.html background-size-auto-length-ref.html
+== background-size-percent-auto.html background-size-auto-length-ref.html
+== background-size-percent.html background-size-auto-length-ref.html
+== background-size-length-percent.html background-size-length-percent-ref.html
+== background-size-percent-length.html background-size-length-percent-ref.html
+== background-size-percent-percent.html background-size-percent-percent-ref.html
+== background-size-length-length.html background-size-length-length-ref.html
+== background-size-percent-percent-stretch.html background-size-percent-percent-stretch-ref.html
+
+== background-size-body-percent-percent.html background-size-body-percent-percent-ref.html
+== background-size-body-percent-percent-no-repeat.html background-size-body-percent-percent-ref.html
+== background-size-body-percent-percent-not-fixed.html background-size-body-percent-percent-ref.html
+== background-size-body-cover.html background-size-body-cover-ref.html
+== background-size-body-cover-no-repeat.html background-size-body-cover-ref.html
+!= background-size-body-cover-not-fixed.html background-size-body-cover-ref.html
+!= background-size-body-cover-not-fixed.html background-size-body-single-not-fixed.html
+
+# relies on reftest window having greater height than width
+== background-size-body-contain.html background-size-body-cover-ref.html
+!= background-size-body-contain-no-repeat.html background-size-body-cover-ref.html
+!= background-size-body-contain-not-fixed.html background-size-body-cover-ref.html
+!= background-size-body-cover-not-fixed.html background-size-body-contain-not-fixed.html
+
+!= background-size-body-percent-percent-overflow.html background-size-body-percent-percent-overflow-ref.html
+
+fails-if(useDrawSnapshot) == background-size-zoom-no-repeat.html background-size-zoom-no-repeat-ref.html # drawSnapshot doesn't deal with zoom properly.
+
+== background-size-contain-clip-padding.html background-size-contain-clip-padding-ref.html
+== background-size-contain-clip-border.html background-size-contain-clip-border-ref.html
+== background-size-contain-position-fifty-fifty.html background-size-contain-position-fifty-fifty-ref.html
+== background-size-contain-clip-padding-origin-border.html background-size-contain-clip-padding-origin-border-ref.html
+== background-size-contain-clip-padding-origin-border-padding.html background-size-contain-clip-padding-origin-border-padding-ref.html
+
+== background-layers-1a.html background-layers-1-ref.html
+fuzzy-if(OSX,0-1,0-324) == background-layers-1b.html background-layers-1-ref.html
+
+# box-decoration-break's effect on backgrounds is touchy and hard to test due to stretching
+# artifacts and the difficulty of covering exact lines, so just make sure
+# background-size results in a different rendering when present.
+!= background-size-cover-slice.html background-size-slice.html
+!= background-size-cover-clone.html background-size-clone.html
+
+# ...and make sure each rendering with background-size is different from the
+# other
+!= background-size-cover-slice.html background-size-cover-clone.html
+
+== background-size-monster-ch.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-cm.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-em.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-ex.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-inches.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-mm.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-pc.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-pt.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-px.html background-size-monster-ref.html # bug 1129300
+== background-size-monster-rem.html background-size-monster-ref.html # bug 1129300
+
+fails-if(useDrawSnapshot) == background-size-zoom-repeat.html background-size-zoom-repeat-ref.html # drawSnapshot doesn't deal with zoom properly.
+
+# -moz-default-background-color and -moz-default-color (bug 591341)
+== background-moz-default-background-color.html background-moz-default-background-color-ref.html
+
+== fixed-bg-with-transform-outside-viewport-1.html fixed-bg-with-transform-outside-viewport-ref.html
+fuzzy(0-2,0-83) == fixed-bg-border-radius.html fixed-bg-border-radius-ref.html
+
+HTTP == root-background-1.html root-background-ref.html
+HTTP != root-background-1.html about:blank
+
+== really-big-background.html really-big-background-ref.html
+== body-background.html body-background-ref.html
+== table-background.html table-background-ref.html
+!= div-background.html div-background-ref.html
+
+== background-repeat-1-ref.html background-repeat-1.html
+
+== multi-background-clip-content-border.html multi-background-clip-content-border-ref.html
+
+HTTP == background-referrer.html background-referrer-ref.html
+
+== attachment-scroll-positioning-1.html attachment-scroll-positioning-1-ref.html
+== attachment-local-positioning-1.html attachment-local-positioning-1-ref.html
+== attachment-local-positioning-2.html attachment-local-positioning-2-ref.html
+== attachment-local-positioning-3.html attachment-local-positioning-3-ref.html
+== attachment-local-positioning-4.html attachment-local-positioning-4-ref.html
+== attachment-local-positioning-5.html attachment-local-positioning-5-ref.html
+
+== attachment-local-clipping-color-1.html attachment-local-clipping-color-1-ref.html
+== attachment-local-clipping-color-2.html attachment-local-clipping-color-1-ref.html  # Same ref as the previous test.
+== attachment-local-clipping-color-3.html attachment-local-clipping-color-3-ref.html
+fuzzy(0-1,0-300) == attachment-local-clipping-color-4.html attachment-local-clipping-color-4-ref.html
+fuzzy(0-1,0-400) == attachment-local-clipping-color-5.html attachment-local-clipping-color-4-ref.html
+fuzzy(0-51,0-320) == attachment-local-clipping-color-6.html attachment-local-clipping-color-6-ref.html
+
+== attachment-local-clipping-image-1.html attachment-local-clipping-image-1-ref.html
+== attachment-local-clipping-image-2.html attachment-local-clipping-image-1-ref.html  # Same ref as the previous test.
+== attachment-local-clipping-image-3.html attachment-local-clipping-image-3-ref.html
+# The next three tests are fuzzy due to bug 1128229.
+fuzzy(0-95,0-2206) == attachment-local-clipping-image-4.html attachment-local-clipping-image-4-ref.html
+fuzzy(0-95,0-2206) == attachment-local-clipping-image-5.html attachment-local-clipping-image-4-ref.html
+fuzzy(0-109,0-908) fuzzy-if(geckoview&&device,64-64,2010-2830) == attachment-local-clipping-image-6.html attachment-local-clipping-image-6-ref.html
+
+fuzzy(0-1,0-84) == background-multiple-with-border-radius.html background-multiple-with-border-radius-ref.html
+fuzzy(0-74,0-49600) fails-if(useDrawSnapshot) == background-repeat-large-area.html background-repeat-large-area-ref.html # bug 1734383
+
+fuzzy(0-31,0-474) fails-if(useDrawSnapshot) == background-tiling-zoom-1.html background-tiling-zoom-1-ref.html # drawSnapshot doesn't deal with zoom properly
+
+skip-if(!cocoaWidget) == background-repeat-resampling.html background-repeat-resampling-ref.html
+
+fuzzy(0-102,0-2811) fuzzy-if(winWidget,153-153,2866-2866) == background-clip-text-1a.html background-clip-text-1-ref.html # Bug 1392106
+fuzzy(0-102,0-2811) fuzzy-if(winWidget,153-153,2866-2866) == background-clip-text-1b.html background-clip-text-1-ref.html # Bug 1392106
+fuzzy(0-102,0-2811) fuzzy-if(winWidget,153-153,2866-2866) == background-clip-text-1c.html background-clip-text-1-ref.html # Bug 1392106
+fuzzy(0-102,0-2811) fuzzy-if(winWidget,153-153,2866-2866) == background-clip-text-1d.html background-clip-text-1-ref.html # Bug 1392106
+fuzzy(0-102,0-2811) fuzzy-if(winWidget,153-153,2866-2866) == background-clip-text-1e.html background-clip-text-1-ref.html # Bug 1392106
+
+== background-clip-text-2.html background-clip-text-2-ref.html
+
+random-if(Android) == background-clip-text-scale.html background-clip-text-scale-ref.html # bug 1733942
+!= background-clip-text-translate.html about:blank
+!= text-clip-and-stroke.html text-clip-and-no-stroke.html
diff --git a/layout/reftests/backgrounds/root-background-1.html b/layout/reftests/backgrounds/root-background-1.html
new file mode 100644
index 0000000000..31cf95c82c
--- /dev/null
+++ b/layout/reftests/backgrounds/root-background-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html style="visibility: hidden; background: url('delay-image-response.sjs?delay=200')">
+  <body onload="document.documentElement.style.visibility = ''">
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/root-background-ref.html b/layout/reftests/backgrounds/root-background-ref.html
new file mode 100644
index 0000000000..5523098301
--- /dev/null
+++ b/layout/reftests/backgrounds/root-background-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <body style="background: url('delay-image-response.sjs?delay=0')">
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/root-element-display-none-1.html b/layout/reftests/backgrounds/root-element-display-none-1.html
new file mode 100644
index 0000000000..0e0977433d
--- /dev/null
+++ b/layout/reftests/backgrounds/root-element-display-none-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html id="theroot" style="background-color: red" class="reftest-wait">
+  <head>
+    <script>
+      function dodisplaynone() {
+        document.getElementById('theroot').style.display = 'none';
+        document.documentElement.className = "";
+      }
+      document.addEventListener("MozReftestInvalidate", dodisplaynone);
+    </script>
+  </head>
+  <body>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/root-element-display-none-ref.html b/layout/reftests/backgrounds/root-element-display-none-ref.html
new file mode 100644
index 0000000000..a37c733059
--- /dev/null
+++ b/layout/reftests/backgrounds/root-element-display-none-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/table-background-ref.html b/layout/reftests/backgrounds/table-background-ref.html
new file mode 100644
index 0000000000..1a5ba5270f
--- /dev/null
+++ b/layout/reftests/backgrounds/table-background-ref.html
@@ -0,0 +1,41 @@
+<html>
+<body>
+<table style="background-image: url('aqua-yellow-32x32.png')">
+  <thead style="background-image: url('blue-16x20-green-16x20.png')">
+    <tr>
+      <td>
+        Foo
+      </td>
+      <td style="background-image: url('yellow-32x32.png')">
+        Bar
+      </td>
+    </tr>
+  </thead>
+  <tbody style="background-image: url('red-32x32.png')">
+    <tr>
+      <th style="background-image: url('fuchsia-32x32.png')">
+        Foo
+      </th>
+      <th>
+        Bar
+      </th>
+    </tr>
+    <tr style="background-image: url('fuchsia-32x32.png')">
+      <td>
+        Foo
+      </td>
+      <td style="background-image: url('yellow-32x32.png')">
+        Bar
+      </td>
+    </tr>
+  </tbody>
+  <tfoot style="background-image: url('yellow-32x32.png')">
+    <tr>
+      <td>
+        Baz
+      </td>
+    </tr>
+  </tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/table-background.html b/layout/reftests/backgrounds/table-background.html
new file mode 100644
index 0000000000..36284f8a2f
--- /dev/null
+++ b/layout/reftests/backgrounds/table-background.html
@@ -0,0 +1,41 @@
+<html>
+<body>
+<table background="aqua-yellow-32x32.png">
+  <thead background="blue-16x20-green-16x20.png">
+    <tr>
+      <td>
+        Foo
+      </td>
+      <td background="yellow-32x32.png">
+        Bar
+      </td>
+    </tr>
+  </thead>
+  <tbody background="red-32x32.png">
+    <tr>
+      <th background="fuchsia-32x32.png">
+        Foo
+      </th>
+      <th>
+        Bar
+      </th>
+    </tr>
+    <tr background="fuchsia-32x32.png">
+      <td>
+        Foo
+      </td>
+      <td background="yellow-32x32.png">
+        Bar
+      </td>
+    </tr>
+  </tbody>
+  <tfoot background="yellow-32x32.png">
+    <tr>
+      <td>
+        Baz
+      </td>
+    </tr>
+  </tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/text-clip-and-no-stroke.html b/layout/reftests/backgrounds/text-clip-and-no-stroke.html
new file mode 100644
index 0000000000..6210dd4a6a
--- /dev/null
+++ b/layout/reftests/backgrounds/text-clip-and-no-stroke.html
@@ -0,0 +1,14 @@
+<style>
+	p {
+          margin: 1em 0;
+          padding: 1.4em;
+          background: linear-gradient(60deg, red, yellow, red, yellow, red);
+          font: 900 1.2em sans-serif;
+          text-decoration: underline;
+          -webkit-background-clip: text;
+          color: rgba(0,0,0,.2);
+        }
+      </style>
+
+<p>The background is clipped to the foreground text.</p>
+
diff --git a/layout/reftests/backgrounds/text-clip-and-stroke.html b/layout/reftests/backgrounds/text-clip-and-stroke.html
new file mode 100644
index 0000000000..224c27773c
--- /dev/null
+++ b/layout/reftests/backgrounds/text-clip-and-stroke.html
@@ -0,0 +1,15 @@
+<style>
+	p {
+          margin: 1em 0;
+          padding: 1.4em;
+          background: linear-gradient(60deg, red, yellow, red, yellow, red);
+          font: 900 1.2em sans-serif;
+          text-decoration: underline;
+          -webkit-background-clip: text;
+          -webkit-text-stroke: 2px transparent;
+          color: rgba(0,0,0,.2);
+        }
+      </style>
+
+<p>The background is clipped to the foreground text.</p>
+
diff --git a/layout/reftests/backgrounds/translucent-color-1.html b/layout/reftests/backgrounds/translucent-color-1.html
new file mode 100644
index 0000000000..db534a4830
--- /dev/null
+++ b/layout/reftests/backgrounds/translucent-color-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-color: rgba(255,0,0,0.50196)">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/translucent-color-2.html b/layout/reftests/backgrounds/translucent-color-2.html
new file mode 100644
index 0000000000..5d2c79ed10
--- /dev/null
+++ b/layout/reftests/backgrounds/translucent-color-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-image: url(red-128-alpha-32x32.png)">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/translucent-color-3.html b/layout/reftests/backgrounds/translucent-color-3.html
new file mode 100644
index 0000000000..ce1d4f15aa
--- /dev/null
+++ b/layout/reftests/backgrounds/translucent-color-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-color: rgb(255,0,0); opacity: 0.50196;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/translucent-color-ref.html b/layout/reftests/backgrounds/translucent-color-ref.html
new file mode 100644
index 0000000000..da6fbe117f
--- /dev/null
+++ b/layout/reftests/backgrounds/translucent-color-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <img style="position:absolute; top: 0; left: 0; width: 32px; height: 32px;" src="red-128-alpha-32x32.png">
+    </img>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/transparent-32x32.png b/layout/reftests/backgrounds/transparent-32x32.png
new file mode 100644
index 0000000000..62b1906cc9
Binary files /dev/null and b/layout/reftests/backgrounds/transparent-32x32.png differ
diff --git a/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background-ref.html b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background-ref.html
new file mode 100644
index 0000000000..48af46c0d7
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+#outer
+{
+  width: 256px; height: 768px;
+  border: 1px solid black;
+}
+#inner
+{
+  width: 100px; height: 700px;
+  background-image: url(diagonal-scaled-fixed.svg);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background.html b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background.html
new file mode 100644
index 0000000000..74fbb8b51c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+#outer
+{
+  width: 256px; height: 768px;
+  border: 1px solid black;
+}
+#inner
+{
+  width: 100px; height: 700px;
+  background-image: url(diagonal-scaled.svg);
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/diagonal-scaled-fixed.svg b/layout/reftests/backgrounds/vector/diagonal-scaled-fixed.svg
new file mode 100644
index 0000000000..bf0dcfb59b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/diagonal-scaled-fixed.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="700px">
+  <title>Vector image with intrinsic dimensions, reference for diagonal-scaled.svg</title>
+  <rect y="0" width="100px" height="350px" fill="lime"/>
+  <rect y="350px" width="100px" height="350px" fill="aqua"/>
+  <rect y="175px" width="50px" height="350px" fill="fuchsia"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/diagonal-scaled.svg b/layout/reftests/backgrounds/vector/diagonal-scaled.svg
new file mode 100644
index 0000000000..391a9abe84
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/diagonal-scaled.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Vector image without intrinsic dimensions with percentage stroke-width (proportional to the diagonal)</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+  <!--
+    A percent stroke-width is resolved with respect to:
+
+      d = sqrt(vh**2 + vw**2) / sqrt(2)
+
+    where vh/vw are the image viewport width/height.  Because this image has no
+    intrinsic dimensions or ratio, it expands to fill the entire background
+    positioning area, so its width is 100px and its height is 700px.  For those
+    carefully-chosen dimensions, d = 500px, so 10% of that creates a 50px-wide
+    rectangle, vertically centered and horizontally left-aligned in the image.
+  -->
+  <line x1="25%" y1="25%" x2="25%" y2="75%" stroke="fuchsia" stroke-width="10%"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-no-dimensions.svg b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-no-dimensions.svg
new file mode 100644
index 0000000000..e116d8f1f7
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-no-dimensions.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 8 0"
+     preserveAspectRatio="none">
+  <title>Image with zero-width ratio, no dimensions</title>
+  <rect y="0" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-height.svg b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-height.svg
new file mode 100644
index 0000000000..e691e3f918
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-height.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px"
+     viewBox="0 0 8 0"
+     preserveAspectRatio="none">
+  <title>Image with zero-height ratio, width</title>
+  <rect y="0" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-width.svg b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-width.svg
new file mode 100644
index 0000000000..df36531671
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-width.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px"
+     viewBox="0 0 0 8"
+     preserveAspectRatio="none">
+  <title>Image with zero-width ratio, width</title>
+  <rect y="0" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/empty/nonpercent-width-omitted-height-extreme-viewbox.svg b/layout/reftests/backgrounds/vector/empty/nonpercent-width-omitted-height-extreme-viewbox.svg
new file mode 100644
index 0000000000..052ed2ab39
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/nonpercent-width-omitted-height-extreme-viewbox.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px"
+     viewBox="0 0 2147483647 1"
+     preserveAspectRatio="none">
+  <title>Image with non-percent width, omitted height, extreme viewbox</title>
+  <rect y="0" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/empty/omitted-width-nonpercent-height-extreme-viewbox.svg b/layout/reftests/backgrounds/vector/empty/omitted-width-nonpercent-height-extreme-viewbox.svg
new file mode 100644
index 0000000000..9e9b0b431a
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/omitted-width-nonpercent-height-extreme-viewbox.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     height="8px"
+     viewBox="0 0 1 2147483647"
+     preserveAspectRatio="none">
+  <title>Image with omitted width, non-percent height, extreme viewbox</title>
+  <rect y="0" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/empty/ref-tall-empty.html b/layout/reftests/backgrounds/vector/empty/ref-tall-empty.html
new file mode 100644
index 0000000000..37e411f081
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/ref-tall-empty.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, empty</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+  </style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/ref-tall-lime.html b/layout/reftests/backgrounds/vector/empty/ref-tall-lime.html
new file mode 100644
index 0000000000..d0f18bfcfc
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/ref-tall-lime.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, lime fill</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background: lime;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/ref-wide-empty.html b/layout/reftests/backgrounds/vector/empty/ref-wide-empty.html
new file mode 100644
index 0000000000..16ad533156
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/ref-wide-empty.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, empty</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+  border: 1px solid black;
+}
+  </style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/ref-wide-lime.html b/layout/reftests/backgrounds/vector/empty/ref-wide-lime.html
new file mode 100644
index 0000000000..7ae51768a8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/ref-wide-lime.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, empty</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background: lime;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/reftest.list b/layout/reftests/backgrounds/vector/empty/reftest.list
new file mode 100644
index 0000000000..d83e5c1da6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/reftest.list
@@ -0,0 +1,26 @@
+== tall--contain--height.html ref-tall-empty.html
+== tall--contain--width.html ref-tall-empty.html
+== wide--contain--height.html ref-wide-empty.html
+== wide--contain--width.html ref-wide-empty.html
+
+# These tests fail because of integer overflow; see bug 894555.
+fails == tall--cover--height.html ref-tall-lime.html
+fails == tall--cover--width.html ref-tall-lime.html
+fails == wide--cover--height.html ref-wide-lime.html
+fails == wide--cover--width.html ref-wide-lime.html
+
+== zero-height-ratio-contain.html ref-tall-empty.html
+== zero-height-ratio-cover.html ref-tall-empty.html
+== zero-height-ratio-auto-auto.html ref-tall-empty.html
+== zero-height-ratio-auto-5px.html ref-tall-empty.html
+== zero-height-ratio-5px-auto.html ref-tall-empty.html
+== zero-width-ratio-contain.html ref-tall-empty.html
+== zero-width-ratio-cover.html ref-tall-empty.html
+== zero-width-ratio-auto-auto.html ref-tall-empty.html
+== zero-width-ratio-auto-5px.html ref-tall-empty.html
+== zero-width-ratio-5px-auto.html ref-tall-empty.html
+== zero-ratio-no-dimensions-contain.html ref-tall-empty.html
+== zero-ratio-no-dimensions-cover.html ref-tall-empty.html
+== zero-ratio-no-dimensions-auto-5px.html ref-tall-empty.html
+== zero-ratio-no-dimensions-5px-auto.html ref-tall-empty.html
+== zero-ratio-no-dimensions-auto-auto.html ref-tall-empty.html
diff --git a/layout/reftests/backgrounds/vector/empty/tall--contain--height.html b/layout/reftests/backgrounds/vector/empty/tall--contain--height.html
new file mode 100644
index 0000000000..8c0d38a301
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/tall--contain--height.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/tall--contain--width.html b/layout/reftests/backgrounds/vector/empty/tall--contain--width.html
new file mode 100644
index 0000000000..2fe4ac8d83
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/tall--contain--width.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/tall--cover--height.html b/layout/reftests/backgrounds/vector/empty/tall--cover--height.html
new file mode 100644
index 0000000000..be40ed2e8c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/tall--cover--height.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/tall--cover--width.html b/layout/reftests/backgrounds/vector/empty/tall--cover--width.html
new file mode 100644
index 0000000000..e4fea72c9b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/tall--cover--width.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/wide--contain--height.html b/layout/reftests/backgrounds/vector/empty/wide--contain--height.html
new file mode 100644
index 0000000000..e81082f106
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/wide--contain--height.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/wide--contain--width.html b/layout/reftests/backgrounds/vector/empty/wide--contain--width.html
new file mode 100644
index 0000000000..2b88a018c9
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/wide--contain--width.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/wide--cover--height.html b/layout/reftests/backgrounds/vector/empty/wide--cover--height.html
new file mode 100644
index 0000000000..7b6c323e41
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/wide--cover--height.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/wide--cover--width.html b/layout/reftests/backgrounds/vector/empty/wide--cover--width.html
new file mode 100644
index 0000000000..beb516db31
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/wide--cover--width.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-5px-auto.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-5px-auto.html
new file mode 100644
index 0000000000..059a075fdc
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-5px-auto.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero height ratio, 5px auto</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-height.svg);
+  background-repeat: no-repeat;
+  background-size: 5px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-5px.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-5px.html
new file mode 100644
index 0000000000..99a0b070cd
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-5px.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero height ratio, auto 5px</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 5px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-auto.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-auto.html
new file mode 100644
index 0000000000..82d34bfee0
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-auto.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero height ratio, auto auto</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-contain.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-contain.html
new file mode 100644
index 0000000000..caf6c57d6d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-contain.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero height ratio, contain</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-cover.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-cover.html
new file mode 100644
index 0000000000..a34dd61648
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-cover.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero height ratio, cover</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-5px-auto.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-5px-auto.html
new file mode 100644
index 0000000000..2581e299b8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-5px-auto.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero ratio, no dimensions, 5px auto</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-no-dimensions.svg);
+  background-repeat: no-repeat;
+  background-size: 5px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-5px.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-5px.html
new file mode 100644
index 0000000000..4198c9d06d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-5px.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero ratio, no dimensions, auto 5px</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-no-dimensions.svg);
+  background-repeat: no-repeat;
+  background-size: auto 5px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-auto.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-auto.html
new file mode 100644
index 0000000000..85c20fd1e3
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-auto.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero ratio, no dimensions, auto auto</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-no-dimensions.svg);
+  background-repeat: no-repeat;
+  background-size: auto auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-contain.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-contain.html
new file mode 100644
index 0000000000..fa62a25316
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-contain.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero ratio, no dimensions, contain</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-no-dimensions.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-cover.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-cover.html
new file mode 100644
index 0000000000..771269e2cb
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-cover.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero ratio, no dimensions, cover</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-no-dimensions.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-5px-auto.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-5px-auto.html
new file mode 100644
index 0000000000..675e75b396
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-5px-auto.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero height ratio, 5px auto</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-width.svg);
+  background-repeat: no-repeat;
+  background-size: 5px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-5px.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-5px.html
new file mode 100644
index 0000000000..c16d11df76
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-5px.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero height ratio, auto 5px</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-width.svg);
+  background-repeat: no-repeat;
+  background-size: auto 5px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-auto.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-auto.html
new file mode 100644
index 0000000000..78a7327ab1
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-auto.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero width ratio, auto auto</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-width.svg);
+  background-repeat: no-repeat;
+  background-size: auto auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-contain.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-contain.html
new file mode 100644
index 0000000000..5604983772
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-contain.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero width ratio, contain</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-width.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-cover.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-cover.html
new file mode 100644
index 0000000000..a1e6c52f4d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-cover.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>zero width ratio, cover</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(intrinsic-ratio-zero-width.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/no-aspect-ratio-normal.html b/layout/reftests/backgrounds/vector/no-aspect-ratio-normal.html
new file mode 100644
index 0000000000..72140a91af
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/no-aspect-ratio-normal.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>32px background positioning area size; 32px 32px background-size; for omitted-width-omitted-height-viewbox-no-preserve.svg</title>
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+#inner
+{
+  width: 32px;
+  height: 32px;
+	background-image: url(omitted-width-omitted-height-viewbox-no-preserve.svg);
+  background-repeat: no-repeat;
+  background-size: 32px 32px;
+}
+  </style>
+</head>
+<body>
+<div id="inner"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/backgrounds/vector/no-aspect-ratio-wide.html b/layout/reftests/backgrounds/vector/no-aspect-ratio-wide.html
new file mode 100644
index 0000000000..fd110f617a
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/no-aspect-ratio-wide.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background positioning area size; 32px 32px 32px 32px background-size; for omitted-width-omitted-height-viewbox-no-preserve.svg</title>
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+#inner
+{
+  width: 640px;
+  height: 32px;
+	background-image: url(omitted-width-omitted-height-viewbox-no-preserve.svg);
+  background-repeat: no-repeat;
+  background-size: 32px 32px;
+}
+  </style>
+</head>
+<body>
+<div id="inner"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height-viewbox.svg b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height-viewbox.svg
new file mode 100644
index 0000000000..9014ad5bf6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px" height="32px"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with non-percent width, non-percent height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height.svg b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height.svg
new file mode 100644
index 0000000000..60f9e724e0
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px" height="32px">
+  <title>Image with non-percentage dimensions</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height-viewbox.svg b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height-viewbox.svg
new file mode 100644
index 0000000000..8c794b6139
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with non-percent width, omitted height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height.svg b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height.svg
new file mode 100644
index 0000000000..b506e625db
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px">
+  <title>Image with non-percent width, omitted height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-percent-height-viewbox.svg b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height-viewbox.svg
new file mode 100644
index 0000000000..3a114ccc54
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px" height="50%"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with non-percent width, percent height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-percent-height.svg b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height.svg
new file mode 100644
index 0000000000..398291e3b7
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8px" height="50%">
+  <title>Image with non-percent width, percent height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height-viewbox.svg b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height-viewbox.svg
new file mode 100644
index 0000000000..ebf4d94ec4
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     height="32px"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with omitted width, non-percent height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height.svg b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height.svg
new file mode 100644
index 0000000000..b6985ad010
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     height="32px">
+  <title>Image with omitted width, non-percent height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox-no-preserve.svg b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox-no-preserve.svg
new file mode 100644
index 0000000000..9acae51aa8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox-no-preserve.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 64 64">
+  <title>Image with omitted width, omitted height, viewbox, don't preserve aspect ratio</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox.svg b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox.svg
new file mode 100644
index 0000000000..bcea95cdc9
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with omitted width, omitted height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-omitted-height.svg b/layout/reftests/backgrounds/vector/omitted-width-omitted-height.svg
new file mode 100644
index 0000000000..d086213878
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/omitted-width-omitted-height.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Image with omitted width, omitted height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-percent-height-viewbox.svg b/layout/reftests/backgrounds/vector/omitted-width-percent-height-viewbox.svg
new file mode 100644
index 0000000000..265c26a9a8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/omitted-width-percent-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     height="50%"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with omitted width, percent height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-percent-height.svg b/layout/reftests/backgrounds/vector/omitted-width-percent-height.svg
new file mode 100644
index 0000000000..b44560175d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/omitted-width-percent-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     height="50%">
+  <title>Image with omitted width, percent height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/percent-width-nonpercent-height-viewbox.svg b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height-viewbox.svg
new file mode 100644
index 0000000000..645c4c0244
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="50%" height="32px"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with percent width, non-percent height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/percent-width-nonpercent-height.svg b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height.svg
new file mode 100644
index 0000000000..e733115019
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="50%" height="32px">
+  <title>Image with percent width, non-percent height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/percent-width-omitted-height-viewbox.svg b/layout/reftests/backgrounds/vector/percent-width-omitted-height-viewbox.svg
new file mode 100644
index 0000000000..ef0a467678
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/percent-width-omitted-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="50%"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with percent width, omitted height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/percent-width-omitted-height.svg b/layout/reftests/backgrounds/vector/percent-width-omitted-height.svg
new file mode 100644
index 0000000000..76e9cef3c6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/percent-width-omitted-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="50%">
+  <title>Image with percent width, omitted height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/percent-width-percent-height-viewbox.svg b/layout/reftests/backgrounds/vector/percent-width-percent-height-viewbox.svg
new file mode 100644
index 0000000000..be23fe2d2d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/percent-width-percent-height-viewbox.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="25%" height="50%"
+     viewBox="0 0 4 64"
+     preserveAspectRatio="none">
+  <title>Image with percent width, percent height, viewbox</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/percent-width-percent-height.svg b/layout/reftests/backgrounds/vector/percent-width-percent-height.svg
new file mode 100644
index 0000000000..db197fb304
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/percent-width-percent-height.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="25%" height="50%">
+  <title>Image with percent width, percent height</title>
+  <rect y="0" width="100%" height="50%" fill="lime"/>
+  <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime192x384-aqua192x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime192x384-aqua192x384.html
new file mode 100644
index 0000000000..c6e0f556af
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime192x384-aqua192x384.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 192x384 lime, 192x384 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 192px; height: 768px;
+}
+#inner > div { width: 192px; height: 384px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x16-aqua256x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x16-aqua256x16.html
new file mode 100644
index 0000000000..8e31125cc4
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x16-aqua256x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 256x16 lime, 256x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 256px; height: 32px;
+}
+#inner > div { width: 256px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x384-aqua256x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x384-aqua256x384.html
new file mode 100644
index 0000000000..1060860355
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x384-aqua256x384.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 256x384 lime, 256x384 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 256px; height: 768px;
+}
+#inner > div { width: 256px; height: 384px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x512-aqua256x256.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x512-aqua256x256.html
new file mode 100644
index 0000000000..9b67682cd7
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x512-aqua256x256.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 256x512 lime, 256x256 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 256px; height: 768px;
+}
+#inner > div { width: 256px; }
+#top { background-color: lime; height: 512px; }
+#bottom { background-color: aqua; height: 256px; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x768.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x768.html
new file mode 100644
index 0000000000..792c7d7c06
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x768.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 256x512 lime, 256x256 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+#outer
+{
+  width: 256px; height: 768px;
+  background-color: lime;
+  border: 1px solid black;
+}
+  </style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime2x16-aqua2x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime2x16-aqua2x16.html
new file mode 100644
index 0000000000..d95edcda43
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime2x16-aqua2x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 2x16 lime, 2x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 2px; height: 32px;
+}
+#inner > div { width: 2px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x128-aqua32x128.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x128-aqua32x128.html
new file mode 100644
index 0000000000..dbd1e1bfde
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x128-aqua32x128.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 32x128 lime, 32x128 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 32px; height: 256px;
+}
+#inner > div { width: 32px; height: 128px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x16-aqua32x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x16-aqua32x16.html
new file mode 100644
index 0000000000..00316e0749
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x16-aqua32x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 32x16 lime, 32x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 32px; height: 32px;
+}
+#inner > div { width: 32px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x256-aqua32x256.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x256-aqua32x256.html
new file mode 100644
index 0000000000..c4d9ab0cf8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x256-aqua32x256.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 32x256 lime, 32x256 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 32px; height: 512px;
+}
+#inner > div { width: 32px; height: 256px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x384-aqua32x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x384-aqua32x384.html
new file mode 100644
index 0000000000..aa78e40a7c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x384-aqua32x384.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 32x384 lime, 32x384 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 32px; height: 768px;
+}
+#inner > div { width: 32px; height: 384px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x64-aqua32x64.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x64-aqua32x64.html
new file mode 100644
index 0000000000..f7ffadb7b7
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x64-aqua32x64.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 32x64 lime, 32x64 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 32px; height: 128px;
+}
+#inner > div { width: 32px; height: 64px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime48x384-aqua48x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime48x384-aqua48x384.html
new file mode 100644
index 0000000000..2153798ff6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime48x384-aqua48x384.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 48x384 lime, 48x384 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 48px; height: 768px;
+}
+#inner > div { width: 48px; height: 384px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime4x16-aqua4x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime4x16-aqua4x16.html
new file mode 100644
index 0000000000..fc9b39883e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime4x16-aqua4x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 4x16 lime, 4x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 4px; height: 32px;
+}
+#inner > div { width: 4px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x16-aqua8x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x16-aqua8x16.html
new file mode 100644
index 0000000000..2275861a03
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x16-aqua8x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 8x16 lime, 8x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 8px; height: 32px;
+}
+#inner > div { width: 8px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x32-aqua8x32.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x32-aqua8x32.html
new file mode 100644
index 0000000000..804a16dd22
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x32-aqua8x32.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 8x32 lime, 8x32 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 8px; height: 64px;
+}
+#inner > div { width: 8px; height: 32px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x384-aqua8x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x384-aqua8x384.html
new file mode 100644
index 0000000000..c9ce995ff5
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x384-aqua8x384.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 8x384 lime, 8x384 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 8px; height: 768px;
+}
+#inner > div { width: 8px; height: 384px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x64-aqua8x64.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x64-aqua8x64.html
new file mode 100644
index 0000000000..8c80b0d431
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x64-aqua8x64.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall reference, 8x64 lime, 8x64 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 8px; height: 128px;
+}
+#inner > div { width: 8px; height: 64px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x128-aqua12x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x128-aqua12x128.html
new file mode 100644
index 0000000000..dbb2549ee6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x128-aqua12x128.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 12x128 lime, 12x128 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 12px; height: 256px;
+}
+#inner > div { width: 12px; height: 128px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x16-aqua12x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x16-aqua12x16.html
new file mode 100644
index 0000000000..3ac4d56eaa
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x16-aqua12x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 12x16 lime, 12x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 12px; height: 32px;
+}
+#inner > div { width: 12px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x24-aqua12x24.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x24-aqua12x24.html
new file mode 100644
index 0000000000..72fd8a2632
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x24-aqua12x24.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 12x24 lime, 12x24 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 12px; height: 48px;
+}
+#inner > div { width: 12px; height: 24px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x96-aqua12x96.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x96-aqua12x96.html
new file mode 100644
index 0000000000..f7640c61d5
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x96-aqua12x96.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 12x96 lime, 12x96 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 12px; height: 192px;
+}
+#inner > div { width: 12px; height: 96px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime16x128-aqua16x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime16x128-aqua16x128.html
new file mode 100644
index 0000000000..d19a76d100
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime16x128-aqua16x128.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 16x128 lime, 16x128 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 16px; height: 256px;
+}
+#inner > div { width: 16px; height: 128px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime2x16-aqua2x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime2x16-aqua2x16.html
new file mode 100644
index 0000000000..7db5654de3
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime2x16-aqua2x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 2x16 lime, 2x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 2px; height: 32px;
+}
+#inner > div { width: 2px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime64x128-aqua64x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime64x128-aqua64x128.html
new file mode 100644
index 0000000000..9bfd66385e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime64x128-aqua64x128.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 64x128 lime, 64x128 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 64px; height: 256px;
+}
+#inner > div { width: 64px; height: 128px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime768x128-aqua768x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime768x128-aqua768x128.html
new file mode 100644
index 0000000000..68de63ce7a
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime768x128-aqua768x128.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 768x128 lime, 768x128 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 768px; height: 256px;
+}
+#inner > div { width: 768px; height: 128px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime768x16-aqua768x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime768x16-aqua768x16.html
new file mode 100644
index 0000000000..ed521f5bac
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime768x16-aqua768x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 768x16 lime, 768x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 768px; height: 32px;
+}
+#inner > div { width: 768px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime768x256.html b/layout/reftests/backgrounds/vector/ref-wide-lime768x256.html
new file mode 100644
index 0000000000..137d4f2cdd
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime768x256.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 768x256 lime</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 768px; height: 256px;
+  background-color: lime;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime8x128-aqua8x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime8x128-aqua8x128.html
new file mode 100644
index 0000000000..7328e5b121
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime8x128-aqua8x128.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 8x128 lime, 8x128 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 8px; height: 256px;
+}
+#inner > div { width: 8px; height: 128px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime8x16-aqua8x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime8x16-aqua8x16.html
new file mode 100644
index 0000000000..ee84895643
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime8x16-aqua8x16.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 8x16 lime, 8x16 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 8px; height: 32px;
+}
+#inner > div { width: 8px; height: 16px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime8x64-aqua8x64.html b/layout/reftests/backgrounds/vector/ref-wide-lime8x64-aqua8x64.html
new file mode 100644
index 0000000000..069617c2b3
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/ref-wide-lime8x64-aqua8x64.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide reference, 8x64 lime, 8x64 aqua</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  width: 8px; height: 128px;
+}
+#inner > div { width: 8px; height: 64px; }
+#top { background-color: lime; }
+#bottom { background-color: aqua; }
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/reftest.list b/layout/reftests/backgrounds/vector/reftest.list
new file mode 100644
index 0000000000..2ed940449d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/reftest.list
@@ -0,0 +1,204 @@
+include empty/reftest.list
+
+################################################################################
+# For reference (although the wide--32px-auto* tests/names were changed to
+# avoid viewBox-directed scaling to make the scaled height less than the wide-
+# tests height):
+#
+# for ORIENTATION in tall wide; do for SIZE in 32px-auto auto-32px auto contain cover; do for VIMAGE in *.svg; do cat template.html | sed -e "s/SIZE/$(echo $SIZE | sed -e 's/-/ /')/g" | sed -e "s/VIMAGE/$VIMAGE/g" | sed -e "s/TALLWIDE/$ORIENTATION/g" | sed -e "s/ORIENTATION/$(if [ "$ORIENTATION" = "tall" ]; then echo 'width: 256px; height: 768px'; else echo 'width: 768px; height: 256px'; fi)/g" > $ORIENTATION--$SIZE--$(echo $VIMAGE | sed -e 's/.svg//').html; echo "== $ORIENTATION--$SIZE--$(echo $VIMAGE | sed -e 's/.svg//').html ###" >> reftest.list; done; echo >> reftest.list; done; done
+#
+################################################################################
+
+== tall--32px-auto--nonpercent-width-nonpercent-height.html ref-tall-lime32x64-aqua32x64.html
+== tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime32x64-aqua32x64.html
+== tall--32px-auto--nonpercent-width-omitted-height.html ref-tall-lime32x384-aqua32x384.html
+== tall--32px-auto--nonpercent-width-omitted-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+== tall--32px-auto--nonpercent-width-percent-height.html ref-tall-lime32x384-aqua32x384.html
+== tall--32px-auto--nonpercent-width-percent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+== tall--32px-auto--omitted-width-nonpercent-height.html ref-tall-lime32x16-aqua32x16.html
+== tall--32px-auto--omitted-width-nonpercent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+== tall--32px-auto--omitted-width-omitted-height.html ref-tall-lime32x384-aqua32x384.html
+== tall--32px-auto--omitted-width-omitted-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+== tall--32px-auto--omitted-width-percent-height.html ref-tall-lime32x384-aqua32x384.html
+== tall--32px-auto--omitted-width-percent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+== tall--32px-auto--percent-width-nonpercent-height.html ref-tall-lime32x16-aqua32x16.html
+== tall--32px-auto--percent-width-nonpercent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+== tall--32px-auto--percent-width-omitted-height.html ref-tall-lime32x384-aqua32x384.html
+== tall--32px-auto--percent-width-omitted-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+== tall--32px-auto--percent-width-percent-height.html ref-tall-lime32x384-aqua32x384.html
+== tall--32px-auto--percent-width-percent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html
+
+== tall--auto-32px--nonpercent-width-nonpercent-height.html ref-tall-lime8x16-aqua8x16.html
+== tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime8x16-aqua8x16.html
+== tall--auto-32px--nonpercent-width-omitted-height.html ref-tall-lime8x16-aqua8x16.html # bug 773482
+== tall--auto-32px--nonpercent-width-omitted-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto-32px--nonpercent-width-percent-height.html ref-tall-lime8x16-aqua8x16.html
+== tall--auto-32px--nonpercent-width-percent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto-32px--omitted-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto-32px--omitted-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto-32px--omitted-width-omitted-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto-32px--omitted-width-omitted-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto-32px--omitted-width-percent-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto-32px--omitted-width-percent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto-32px--percent-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto-32px--percent-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto-32px--percent-width-omitted-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto-32px--percent-width-omitted-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto-32px--percent-width-percent-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto-32px--percent-width-percent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+
+== tall--auto--nonpercent-width-nonpercent-height.html ref-tall-lime8x16-aqua8x16.html
+== tall--auto--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime8x16-aqua8x16.html
+== tall--auto--nonpercent-width-omitted-height.html ref-tall-lime8x384-aqua8x384.html
+== tall--auto--nonpercent-width-omitted-height-viewbox.html ref-tall-lime8x64-aqua8x64.html
+== tall--auto--nonpercent-width-percent-height.html ref-tall-lime8x384-aqua8x384.html
+== tall--auto--nonpercent-width-percent-height-viewbox.html ref-tall-lime8x64-aqua8x64.html
+== tall--auto--omitted-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto--omitted-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto--omitted-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--auto--omitted-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--auto--omitted-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--auto--omitted-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--auto--percent-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html
+== tall--auto--percent-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html
+== tall--auto--percent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--auto--percent-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--auto--percent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--auto--percent-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+
+== tall--contain--nonpercent-width-nonpercent-height.html ref-tall-lime192x384-aqua192x384.html
+== tall--contain--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime192x384-aqua192x384.html
+== tall--contain--nonpercent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--nonpercent-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--contain--nonpercent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--nonpercent-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--contain--omitted-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--omitted-width-nonpercent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--contain--omitted-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--omitted-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--contain--omitted-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--omitted-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--contain--percent-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--percent-width-nonpercent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--contain--percent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--percent-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--contain--percent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--contain--percent-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html
+== tall--cover--nonpercent-width-nonpercent-height.html ref-tall-lime256x512-aqua256x256.html
+== tall--cover--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime256x512-aqua256x256.html
+== tall--cover--nonpercent-width-nonpercent-height--crisp.html ref-tall-lime256x512-aqua256x256.html
+== tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html ref-tall-lime256x512-aqua256x256.html
+== tall--cover--nonpercent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--nonpercent-width-omitted-height-viewbox.html ref-tall-lime256x768.html
+== tall--cover--nonpercent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--nonpercent-width-percent-height-viewbox.html ref-tall-lime256x768.html
+== tall--cover--omitted-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--omitted-width-nonpercent-height-viewbox.html ref-tall-lime256x768.html
+== tall--cover--omitted-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--omitted-width-omitted-height-viewbox.html ref-tall-lime256x768.html
+== tall--cover--omitted-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--omitted-width-percent-height-viewbox.html ref-tall-lime256x768.html
+== tall--cover--percent-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--percent-width-nonpercent-height-viewbox.html ref-tall-lime256x768.html
+== tall--cover--percent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--percent-width-omitted-height-viewbox.html ref-tall-lime256x768.html
+== tall--cover--percent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html
+== tall--cover--percent-width-percent-height-viewbox.html ref-tall-lime256x768.html
+
+== wide--12px-auto--nonpercent-width-nonpercent-height.html ref-wide-lime12x24-aqua12x24.html
+== wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime12x24-aqua12x24.html
+== wide--12px-auto--nonpercent-width-omitted-height.html ref-wide-lime12x128-aqua12x128.html
+== wide--12px-auto--nonpercent-width-omitted-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+== wide--12px-auto--nonpercent-width-percent-height.html ref-wide-lime12x128-aqua12x128.html
+== wide--12px-auto--nonpercent-width-percent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+== wide--12px-auto--omitted-width-nonpercent-height.html ref-wide-lime12x16-aqua12x16.html
+== wide--12px-auto--omitted-width-nonpercent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+== wide--12px-auto--omitted-width-omitted-height.html ref-wide-lime12x128-aqua12x128.html
+== wide--12px-auto--omitted-width-omitted-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+== wide--12px-auto--omitted-width-percent-height.html ref-wide-lime12x128-aqua12x128.html
+== wide--12px-auto--omitted-width-percent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+== wide--12px-auto--percent-width-nonpercent-height.html ref-wide-lime12x16-aqua12x16.html
+== wide--12px-auto--percent-width-nonpercent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+== wide--12px-auto--percent-width-omitted-height.html ref-wide-lime12x128-aqua12x128.html
+== wide--12px-auto--percent-width-omitted-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+== wide--12px-auto--percent-width-percent-height.html ref-wide-lime12x128-aqua12x128.html
+== wide--12px-auto--percent-width-percent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html
+
+== wide--auto-32px--nonpercent-width-nonpercent-height.html ref-wide-lime8x16-aqua8x16.html
+== wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime8x16-aqua8x16.html
+== wide--auto-32px--nonpercent-width-omitted-height.html ref-wide-lime8x16-aqua8x16.html
+== wide--auto-32px--nonpercent-width-omitted-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto-32px--nonpercent-width-percent-height.html ref-wide-lime8x16-aqua8x16.html
+== wide--auto-32px--nonpercent-width-percent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto-32px--omitted-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto-32px--omitted-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto-32px--omitted-width-omitted-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto-32px--omitted-width-omitted-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto-32px--omitted-width-percent-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto-32px--omitted-width-percent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto-32px--percent-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto-32px--percent-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto-32px--percent-width-omitted-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto-32px--percent-width-omitted-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto-32px--percent-width-percent-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto-32px--percent-width-percent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+
+== wide--auto--nonpercent-width-nonpercent-height.html ref-wide-lime8x16-aqua8x16.html
+== wide--auto--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime8x16-aqua8x16.html
+== wide--auto--nonpercent-width-omitted-height.html ref-wide-lime8x128-aqua8x128.html
+== wide--auto--nonpercent-width-omitted-height-viewbox.html ref-wide-lime8x64-aqua8x64.html
+== wide--auto--nonpercent-width-percent-height.html ref-wide-lime8x128-aqua8x128.html
+== wide--auto--nonpercent-width-percent-height-viewbox.html ref-wide-lime8x64-aqua8x64.html
+== wide--auto--omitted-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto--omitted-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto--omitted-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--auto--omitted-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--auto--omitted-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--auto--omitted-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--auto--percent-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html
+== wide--auto--percent-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html
+== wide--auto--percent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--auto--percent-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--auto--percent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--auto--percent-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+
+== wide--contain--nonpercent-width-nonpercent-height.html ref-wide-lime64x128-aqua64x128.html
+== wide--contain--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime64x128-aqua64x128.html
+== wide--contain--nonpercent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--nonpercent-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--contain--nonpercent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--nonpercent-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--contain--omitted-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--omitted-width-nonpercent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--contain--omitted-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--omitted-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--contain--omitted-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--omitted-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--contain--percent-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--percent-width-nonpercent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--contain--percent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--percent-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+== wide--contain--percent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--contain--percent-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html
+
+== wide--cover--nonpercent-width-nonpercent-height.html ref-wide-lime768x256.html
+== wide--cover--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--nonpercent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--nonpercent-width-omitted-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--nonpercent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--nonpercent-width-percent-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--omitted-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--omitted-width-nonpercent-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--omitted-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--omitted-width-omitted-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--omitted-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--omitted-width-percent-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--percent-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--percent-width-nonpercent-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--percent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--percent-width-omitted-height-viewbox.html ref-wide-lime768x256.html
+== wide--cover--percent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html
+== wide--cover--percent-width-percent-height-viewbox.html ref-wide-lime768x256.html
+
+== diagonal-percentage-vector-background.html diagonal-percentage-vector-background-ref.html
+== no-aspect-ratio-wide.html no-aspect-ratio-normal.html
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..028bb9f772
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..a82322c011
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..9f6ff8ee74
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..3dc583a7fe
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..eb665efd30
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..2f56317a1e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..b7488305e5
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..9a666cc72d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..79662459b4
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..4e7486893c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..dc68871035
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height.html
new file mode 100644
index 0000000000..947ec8df97
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..f07a9cfc6e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..98a4eeaa55
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..bbd28a5582
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height.html
new file mode 100644
index 0000000000..612030bd41
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..597111ff61
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height.html
new file mode 100644
index 0000000000..8e8ba9e28e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: 32px auto; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 32px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..381442e9ff
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..535249a435
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..a21c0b59a3
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..613ceea0c5
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..704ed5ec0b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..b44f11eb45
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..9dba9aa4c8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..b1738e19d6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..a33d5f226f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..6bad152af0
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..e420967682
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height.html
new file mode 100644
index 0000000000..0f47281a3d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..16d3633526
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..bcade3197f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..570ec91cf7
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height.html
new file mode 100644
index 0000000000..36566da208
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..c9bcaaabaf
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height.html
new file mode 100644
index 0000000000..784d15b630
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..32e6a6ab3b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..f07ca6aba0
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..15061db707
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..2a2e99a316
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..6c7855d680
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..320ab0e01f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..f0129ba215
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..700142d5ab
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..effa92b3f1
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..5a5ce372d6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..a38195c7cd
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height.html
new file mode 100644
index 0000000000..0e3b7a1e49
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..d763734804
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..93d5bc2aa1
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..dec3128672
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height.html
new file mode 100644
index 0000000000..4f8e57da70
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..61c83a481b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height.html
new file mode 100644
index 0000000000..c1c35a8cdf
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: auto 32px; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..35c5224568
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..0460b94298
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..1b9a541f99
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..95a5c1574c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..3f8fdd2391
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..4d365e0a55
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..82d9d3d944
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..6fb7f6aa56
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..0ddec7426d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..453aeca773
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..e34d8703ed
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height.html
new file mode 100644
index 0000000000..986eb2b526
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..bca47e5d17
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..56e0587a35
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..c758225bc1
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height.html
new file mode 100644
index 0000000000..e454f28fc4
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..0123410e32
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height.html
new file mode 100644
index 0000000000..14c483e235
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: contain; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height--crisp.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height--crisp.html
new file mode 100644
index 0000000000..00356e83bf
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height--crisp.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  image-rendering: -moz-crisp-edges;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html
new file mode 100644
index 0000000000..71e9790ebf
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  image-rendering: -moz-crisp-edges;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..7029cc7091
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  /* XXX image-rendering: -moz-crisp-edges; */
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..3574bf501c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  /* XXX image-rendering: -moz-crisp-edges; */
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..a46ace1e65
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..38ff1e6d0c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..f68cc62f9a
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..87128908f8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..b0be12e5f1
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..a560625f83
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..6d77c6844e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..e00cfed975
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..fefb927752
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height.html
new file mode 100644
index 0000000000..c9b8006b4f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..8549f85b5e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..7734a3b4fe
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..2be708373e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height.html
new file mode 100644
index 0000000000..1bd5b3cf24
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..e87ba6ba6f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height.html
new file mode 100644
index 0000000000..4930568ebe
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>tall background-size: cover; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 256px; height: 768px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/template.html b/layout/reftests/backgrounds/vector/template.html
new file mode 100644
index 0000000000..65a4036367
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/template.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>TALLWIDE background-size: SIZE; for VIMAGE</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  ORIENTATION;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(VIMAGE);
+  background-repeat: no-repeat;
+  background-size: SIZE;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..3acb1471eb
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..c68bb126e2
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..5fac51f7a3
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..39139bf07d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..2004537d59
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..12421f6d69
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..a735c0cfd9
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..bc020f0fca
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..169e379948
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..684d18a175
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..c2f82c36e7
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height.html
new file mode 100644
index 0000000000..6f3ddb69ac
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..0bc05e7306
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..9b4b2acc76
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..0c30c0b353
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height.html
new file mode 100644
index 0000000000..cc873a55b3
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..42614c4b55
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height.html
new file mode 100644
index 0000000000..e39b610933
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: 12px auto; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: 12px auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..1cd8d94c3f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..08bd7f2564
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..71cf8f61ec
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..0ace95021a
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..e1f7f2618f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..18312be470
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..f66416b17d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..f6f2be7318
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..78f3a3a36c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..83c76cd828
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..e04a81216b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height.html
new file mode 100644
index 0000000000..99a7cd2b04
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..4e5a077551
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..355985de97
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..e259690333
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height.html
new file mode 100644
index 0000000000..70471cd700
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..2aac967a96
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height.html
new file mode 100644
index 0000000000..7d119a3720
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..f8d3da2c32
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..8bd16d110d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..4573e583a2
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..e8b20f292c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..5a1e405fbe
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..4890bc5c76
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..1d37678e43
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..a58e491aad
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..12fe975412
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..0cc08fde1b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..13de26257f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height.html
new file mode 100644
index 0000000000..d50223df67
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..1c53353495
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..9088fde48c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..8ff18c4a4b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height.html
new file mode 100644
index 0000000000..a80cfd5a66
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..a1edcd802f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height.html
new file mode 100644
index 0000000000..9f0186a520
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: auto 32px; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: auto 32px;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..e31e2e00c2
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..c3578b0619
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..2f96d08ddc
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..bfe7b03358
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..d12e35c98f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..3e098fa36d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..11dc154351
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..0c4ed8af5b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..7183a07b98
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..b50a442940
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..b4dd27945d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height.html
new file mode 100644
index 0000000000..642f26cc9d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..80e3381546
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..bf6a42b2a8
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..98ca31c88b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height.html
new file mode 100644
index 0000000000..22325f2706
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..33cf379678
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height.html
new file mode 100644
index 0000000000..2347d35d67
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: contain; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..bab00d6b91
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height.html
new file mode 100644
index 0000000000..ab7ecd975a
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for nonpercent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..ba6395a0b6
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for nonpercent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height.html
new file mode 100644
index 0000000000..c48b1c447e
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for nonpercent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..e43de25707
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for nonpercent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height.html
new file mode 100644
index 0000000000..70e1abce0c
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for nonpercent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(nonpercent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..6095500e1f
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for omitted-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height.html
new file mode 100644
index 0000000000..8da880e776
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for omitted-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..328284f18d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for omitted-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height.html
new file mode 100644
index 0000000000..b269803595
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for omitted-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..3957178704
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for omitted-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height.html
new file mode 100644
index 0000000000..4133a7ba62
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for omitted-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(omitted-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height-viewbox.html
new file mode 100644
index 0000000000..3795b93e0d
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for percent-width-nonpercent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height.html
new file mode 100644
index 0000000000..fd75fedfab
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for percent-width-nonpercent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-nonpercent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height-viewbox.html
new file mode 100644
index 0000000000..71d1ede86b
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for percent-width-omitted-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height.html
new file mode 100644
index 0000000000..d38969ffc3
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for percent-width-omitted-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-omitted-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height-viewbox.html
new file mode 100644
index 0000000000..17da1912ad
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height-viewbox.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for percent-width-percent-height-viewbox.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height-viewbox.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height.html
new file mode 100644
index 0000000000..f688223fb4
--- /dev/null
+++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>wide background-size: cover; for percent-width-percent-height.svg</title>
+  <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+  <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+  <meta name="flags" content="svg" />
+  <style type="text/css">
+div
+{
+  width: 768px; height: 256px;
+}
+#outer
+{
+  border: 1px solid black;
+}
+#inner
+{
+  background-image: url(percent-width-percent-height.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/backgrounds/viewport-translucent-color-1.html b/layout/reftests/backgrounds/viewport-translucent-color-1.html
new file mode 100644
index 0000000000..8fa8f976e9
--- /dev/null
+++ b/layout/reftests/backgrounds/viewport-translucent-color-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html style="background-color: rgba(255,0,0,0.50196)">
+  <head>
+  </head>
+  <body>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/viewport-translucent-color-2.html b/layout/reftests/backgrounds/viewport-translucent-color-2.html
new file mode 100644
index 0000000000..644f42fd98
--- /dev/null
+++ b/layout/reftests/backgrounds/viewport-translucent-color-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url(red-128-alpha-32x32.png)">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/viewport-translucent-color-3.html b/layout/reftests/backgrounds/viewport-translucent-color-3.html
new file mode 100644
index 0000000000..28030f1bee
--- /dev/null
+++ b/layout/reftests/backgrounds/viewport-translucent-color-3.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html style="background-image: url(red-128-alpha-32x32.png)">
+  <head>
+  </head>
+  <body>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/viewport-translucent-color-ref.html b/layout/reftests/backgrounds/viewport-translucent-color-ref.html
new file mode 100644
index 0000000000..267d43fd7a
--- /dev/null
+++ b/layout/reftests/backgrounds/viewport-translucent-color-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255,0,0,0.50196)">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/backgrounds/yellow-32x32.png b/layout/reftests/backgrounds/yellow-32x32.png
new file mode 100644
index 0000000000..a45f8111b4
Binary files /dev/null and b/layout/reftests/backgrounds/yellow-32x32.png differ
diff --git a/layout/reftests/bidi/1067268-1-ref.html b/layout/reftests/bidi/1067268-1-ref.html
new file mode 100644
index 0000000000..c02883462f
--- /dev/null
+++ b/layout/reftests/bidi/1067268-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>Testcase for bug 1067268</title>
+    <style type="text/css">
+      .drowning { height: 24px; padding-right: 26px; }
+    </style>
+  </head>
+  <body>
+    <ul>
+      <li>
+        <div>
+          <div class="drowning"><div class="text">חדשות</div></div>
+        </div>
+      </li>
+      <li>
+        <div>
+          <div class="drowning"><div class="text">הודעות</div></div>
+        </div>
+      </li>
+    </ul>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/1067268-1.html b/layout/reftests/bidi/1067268-1.html
new file mode 100644
index 0000000000..463aac64f5
--- /dev/null
+++ b/layout/reftests/bidi/1067268-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html dir="rtl">
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="utf-8">
+  <style type="text/css">
+      li { clear: both; }
+
+      .text { overflow: hidden; }
+
+      .floating { float: left; width: 21px; height: 24px}
+
+      .drowning { height: 24px; padding-right: 26px; }
+  </style>
+  <title>Testcase for bug 1067268</title>
+  </head>
+  <body>
+    <ul>
+      <li>
+        <div>
+          <div class="floating"></div>
+          <div class="drowning"><div class="text">חדשות</div></div>
+        </div>
+      </li>
+      <li>
+        <div>
+          <div class="drowning"><div class="text">הודעות</div></div>
+        </div>
+      </li>
+    </ul>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/1069941-inline-bidi-border-1-ref.html b/layout/reftests/bidi/1069941-inline-bidi-border-1-ref.html
new file mode 100644
index 0000000000..eeca3ef8cb
--- /dev/null
+++ b/layout/reftests/bidi/1069941-inline-bidi-border-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Test for bug 1069941 -- borders</title>
+</head>
+<body>
+<div dir="ltr">
+  <span dir="ltr" style="color:transparent;background:gray;border-left:10px solid teal;">+٥</span>
+</div>
+<div dir="ltr">
+  <span dir="ltr" style="color:transparent;background:gray;border-right:10px solid teal;">+٥</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/1069941-inline-bidi-border-1.html b/layout/reftests/bidi/1069941-inline-bidi-border-1.html
new file mode 100644
index 0000000000..79b41aaf1b
--- /dev/null
+++ b/layout/reftests/bidi/1069941-inline-bidi-border-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Test for bug 1069941 -- borders</title>
+</head>
+<body>
+<div dir="ltr">
+  <span dir="rtl" style="color:transparent;background:gray;border-left:10px solid teal;">+٥</span>
+</div>
+<div dir="ltr">
+  <span dir="rtl" style="color:transparent;background:gray;border-right:10px solid teal;">+٥</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/1069941-inline-bidi-margin-1-ref.html b/layout/reftests/bidi/1069941-inline-bidi-margin-1-ref.html
new file mode 100644
index 0000000000..c981cd73c9
--- /dev/null
+++ b/layout/reftests/bidi/1069941-inline-bidi-margin-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for bug 1069941 -- margins</title>
+<style type="text/css">
+ .outer {
+   display: inline-block;
+   border: 1px solid lime;
+ }
+ .inner {
+   color:transparent;
+   margin-left: 50px;
+   border: 2px solid teal;
+ }
+</style>
+</head>
+<body>
+<span class="outer"><span class="inner">(12]</span></span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/1069941-inline-bidi-margin-1.html b/layout/reftests/bidi/1069941-inline-bidi-margin-1.html
new file mode 100644
index 0000000000..02d0d325cb
--- /dev/null
+++ b/layout/reftests/bidi/1069941-inline-bidi-margin-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for bug 1069941 -- margins</title>
+<style type="text/css">
+ .outer {
+   display: inline-block;
+   border: 1px solid lime;
+ }
+ .inner {
+   color:transparent;
+   margin-left: 50px;
+   border: 2px solid teal;
+ }
+</style>
+</head>
+<body>
+<span class="outer"><span class="inner" dir="rtl">[12)</span></span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/1155359-1-ref.xhtml b/layout/reftests/bidi/1155359-1-ref.xhtml
new file mode 100644
index 0000000000..c4820b658b
--- /dev/null
+++ b/layout/reftests/bidi/1155359-1-ref.xhtml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <label value="A." style="direction: ltr;"/>
+</window>
diff --git a/layout/reftests/bidi/1155359-1.xhtml b/layout/reftests/bidi/1155359-1.xhtml
new file mode 100644
index 0000000000..9ac4b25c1f
--- /dev/null
+++ b/layout/reftests/bidi/1155359-1.xhtml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <label value="A." style="direction: rtl;"/>
+</window>
diff --git a/layout/reftests/bidi/1157726-1-ref.html b/layout/reftests/bidi/1157726-1-ref.html
new file mode 100644
index 0000000000..fd4ff9a74c
--- /dev/null
+++ b/layout/reftests/bidi/1157726-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>unicode bidi isolate characters</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="utf-8">
+</head>
+<body>
+<p>اتع +1-416-848-3114 abc</p>
+
+<p>اتع <bdi>+1-416-848-3114</bdi> abc</p>
+<p>اتع <bdi>+1-416-848-3114a</bdi> abc</p>
+<p>اتع <bdi>+1-416-848-3114ش</bdi> abc</p>
+
+<p>اتع <bdi dir="ltr">+1-416-848-3114</bdi> abc</p>
+<p>اتع <bdi dir="ltr">+1-416-848-3114a</bdi> abc</p>
+<p>اتع <bdi dir="ltr">+1-416-848-3114ش</bdi> abc</p>
+
+<p>اتع <bdi dir="rtl">+1-416-848-3114</bdi> abc</p>
+<p>اتع <bdi dir="rtl">+1-416-848-3114a</bdi> abc</p>
+<p>اتع <bdi dir="rtl">+1-416-848-3114ش</bdi> abc</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bidi/1157726-1.html b/layout/reftests/bidi/1157726-1.html
new file mode 100644
index 0000000000..d8615b43d6
--- /dev/null
+++ b/layout/reftests/bidi/1157726-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>unicode bidi isolate characters</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="utf-8">
+</head>
+<body>
+<p>اتع +1-416-848-3114 abc</p>
+
+<p>اتع &#x2068;+1-416-848-3114&#x2069; abc</p>
+<p>اتع &#x2068;+1-416-848-3114a&#x2069; abc</p>
+<p>اتع &#x2068;+1-416-848-3114ش&#x2069; abc</p>
+
+<p>اتع &#x2066;+1-416-848-3114&#x2069; abc</p>
+<p>اتع &#x2066;+1-416-848-3114a&#x2069; abc</p>
+<p>اتع &#x2066;+1-416-848-3114ش&#x2069; abc</p>
+
+<p>اتع &#x2067;+1-416-848-3114&#x2069; abc</p>
+<p>اتع &#x2067;+1-416-848-3114a&#x2069; abc</p>
+<p>اتع &#x2067;+1-416-848-3114ش&#x2069; abc</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bidi/115921-1-ref.html b/layout/reftests/bidi/115921-1-ref.html
new file mode 100644
index 0000000000..87d40f7dc5
--- /dev/null
+++ b/layout/reftests/bidi/115921-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>bidi overrides</title>
+</head><body>
+&amp;#x202d; forces ltr<br />
+&amp;#x202e; forces rtl<br />
+&amp;#x202c; restores bidi<br />
+<blockquote>
+this is ltr: hello<br />
+this is rtl: olleh
+</blockquote>
+</body>
+</html>
diff --git a/layout/reftests/bidi/115921-1.html b/layout/reftests/bidi/115921-1.html
new file mode 100644
index 0000000000..f12134f48e
--- /dev/null
+++ b/layout/reftests/bidi/115921-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>bidi overrides</title>
+</head><body>
+&amp;#x202d; forces ltr<br />
+&amp;#x202e; forces rtl<br />
+&amp;#x202c; restores bidi<br />
+<blockquote>
+this is ltr: &#x202d;hello&#x202c;<br />
+this is rtl: &#x202e;hello&#x202c;
+</blockquote>
+</body>
+</html>
diff --git a/layout/reftests/bidi/115921-2-ref.html b/layout/reftests/bidi/115921-2-ref.html
new file mode 100644
index 0000000000..72685d7062
--- /dev/null
+++ b/layout/reftests/bidi/115921-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>bidi overrides</title>
+</head><body>
+&lt;bdo dir="LTR"&gt; forces ltr<br />
+&lt;bdo dir="RTL"&gt; forces rtl<br />
+&lt;/bdo&gt; restores bidi<br />
+<blockquote>
+this is ltr: hello<br />
+this is rtl: olleh
+</blockquote>
+</body>
+</html>
diff --git a/layout/reftests/bidi/115921-2.html b/layout/reftests/bidi/115921-2.html
new file mode 100644
index 0000000000..33c41a9f6c
--- /dev/null
+++ b/layout/reftests/bidi/115921-2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>bidi overrides</title>
+</head><body>
+&lt;bdo dir="LTR"&gt; forces ltr<br />
+&lt;bdo dir="RTL"&gt; forces rtl<br />
+&lt;/bdo&gt; restores bidi<br />
+<blockquote>
+this is ltr: <bdo dir="LTR">hello</bdo><br />
+this is rtl: <bdo dir="RTL">hello</bdo>
+</blockquote>
+</body>
+</html>
diff --git a/layout/reftests/bidi/1161752-1-embed.html b/layout/reftests/bidi/1161752-1-embed.html
new file mode 100644
index 0000000000..f8bae49cc4
--- /dev/null
+++ b/layout/reftests/bidi/1161752-1-embed.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title></title>
+
+  <style type="text/css">
+
+  html { direction: ltr; }
+
+  div
+    {
+      background-color: green;
+      border-left: green none 0px;
+      border-right: green none 0px;
+      height: 50px;
+      left: 20%;
+      margin-left: 0px;
+      margin-right: 0px;
+      position: absolute;
+      right: 20%;
+      top: 0px;
+      width: 20%;
+    }
+
+  </style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1161752-2-embed.html b/layout/reftests/bidi/1161752-2-embed.html
new file mode 100644
index 0000000000..b6a24ce01d
--- /dev/null
+++ b/layout/reftests/bidi/1161752-2-embed.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title></title>
+
+  <style type="text/css">
+
+  html { direction: rtl; }
+
+  div
+    {
+      background-color: green;
+      border-left: green none 0px;
+      border-right: green none 0px;
+      height: 50px;
+      left: 20%;
+      margin-left: 0px;
+      margin-right: 0px;
+      position: absolute;
+      right: 20%;
+      top: 0px;
+      width: 20%;
+    }
+
+  </style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1161752-3-embed.html b/layout/reftests/bidi/1161752-3-embed.html
new file mode 100644
index 0000000000..d18228fe02
--- /dev/null
+++ b/layout/reftests/bidi/1161752-3-embed.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html dir="ltr">
+ <head>
+  <meta charset="utf-8">
+  <title></title>
+
+  <style type="text/css">
+
+  div
+    {
+      background-color: green;
+      border-left: green none 0px;
+      border-right: green none 0px;
+      height: 50px;
+      left: 20%;
+      margin-left: 0px;
+      margin-right: 0px;
+      position: absolute;
+      right: 20%;
+      top: 0px;
+      width: 20%;
+    }
+
+  </style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1161752-4-embed.html b/layout/reftests/bidi/1161752-4-embed.html
new file mode 100644
index 0000000000..78e0e27a1f
--- /dev/null
+++ b/layout/reftests/bidi/1161752-4-embed.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title></title>
+
+  <style type="text/css">
+
+  html { direction: ltr; }
+
+ div
+    {
+      background-color: green;
+      border-left: green none 0px;
+      border-right: green none 0px;
+      height: 50px;
+      left: 20%;
+      margin-left: 0px;
+      margin-right: 0px;
+      position: fixed;
+      right: 20%;
+      top: 0px;
+      width: 20%;
+    }
+
+  </style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1161752-5-embed-ref.html b/layout/reftests/bidi/1161752-5-embed-ref.html
new file mode 100644
index 0000000000..88c4e5f1b4
--- /dev/null
+++ b/layout/reftests/bidi/1161752-5-embed-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>Testcase for bug 1161752</title>
+<style>
+  body,html { margin:0; padding:0; }
+  div
+    {
+      height: 56px;
+      width: 100px;
+      vertical-align: top;
+      margin-bottom: 50px;
+      margin-right: 100px;
+      margin-left: auto;
+    }
+  div div
+    {
+      height: 50px;
+      width: 100px;
+      background-color: green;
+    }
+
+</style>
+ </head>
+ <body>
+
+  <div><div></div></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1161752-5-embed.html b/layout/reftests/bidi/1161752-5-embed.html
new file mode 100644
index 0000000000..a72b28e534
--- /dev/null
+++ b/layout/reftests/bidi/1161752-5-embed.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <meta charset="utf-8">
+  <title></title>
+
+  <style type="text/css">
+
+  html { direction: rtl; }
+
+ div
+    {
+      background-color: green;
+      border-left: green none 0px;
+      border-right: green none 0px;
+      height: 50px;
+      left: 100px;
+      margin-left: 0px;
+      margin-right: 0px;
+      position: fixed;
+      right: 100px;
+      top: 0px;
+      width: 100px;
+    }
+
+  </style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1161752-ref.html b/layout/reftests/bidi/1161752-ref.html
new file mode 100644
index 0000000000..c6ffce33fb
--- /dev/null
+++ b/layout/reftests/bidi/1161752-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Testcase for bug 1161752</title>
+<style>
+  div
+    {
+      height: 56px;
+      width: 100px;
+      vertical-align: top;
+      margin-bottom: 50px;
+    }
+  div div
+    {
+      height: 50px;
+      width: 100px;
+      background-color: green;
+      margin-left: 300px;
+    }
+
+</style>
+ </head>
+ <body>
+
+  <p>Test passes if there are three filled green rectangles and <strong>no red</strong>.</p>
+
+
+  <div><div></div></div>
+  <div><div></div></div>
+  <div><div></div></div>
+  <div><div></div></div>
+  <div><div></div></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1161752.html b/layout/reftests/bidi/1161752.html
new file mode 100644
index 0000000000..e3fa245f56
--- /dev/null
+++ b/layout/reftests/bidi/1161752.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Testcase for bug 1161752</title>
+<style>
+  object.overlapping-green
+    {
+      height: 56px;
+      width: 500px;
+      vertical-align: top;
+    }
+
+  div.red-overlapped-reference
+    {
+      background-color: red;
+      bottom: 56px;
+      height: 50px;
+      left: 300px;
+      position: relative;
+      width: 100px;
+      z-index: -1;
+    }
+</style>
+<script>
+function runTest1() {
+  var root = document.querySelector('#test1').contentDocument.documentElement;
+  root.style.direction='rtl';
+  root.offsetHeight;
+}
+function runTest2() {
+  var root = document.querySelector('#test2').contentDocument.documentElement;
+  root.style.display='none';
+  root.offsetHeight;
+  root.style.display='block';
+  root.offsetHeight;
+}
+function runTest3() {
+  var doc = document.querySelector('#test3').contentDocument;
+  var root = doc.documentElement;
+  doc.removeChild(root);
+  var newRoot = root.cloneNode(true);
+  newRoot.setAttribute('dir','rtl');
+  doc.appendChild(newRoot);
+}
+function runTest4() {
+  var root = document.querySelector('#test4').contentDocument.documentElement;
+  root.style.direction='rtl';
+  root.offsetHeight;
+}
+</script>
+ </head>
+ <body>
+
+  <p>Test passes if there are three filled green rectangles and <strong>no red</strong>.</p>
+
+
+  <div><object id="test1" data="1161752-1-embed.html" type="text/html" class="overlapping-green" onload="runTest1()">This test requires a browser with capability to embed an HTML document thanks to the HTML &lt;object&gt; element.</object></div>
+  <div class="red-overlapped-reference"></div>
+
+  <div><object id="test2" data="1161752-2-embed.html" type="text/html" class="overlapping-green" onload="runTest2()">This test requires a browser with capability to embed an HTML document thanks to the HTML &lt;object&gt; element.</object></div>
+  <div class="red-overlapped-reference"></div>
+
+  <div><object id="test3" data="1161752-3-embed.html" type="text/html" class="overlapping-green" onload="runTest3()">This test requires a browser with capability to embed an HTML document thanks to the HTML &lt;object&gt; element.</object></div>
+  <div class="red-overlapped-reference"></div>
+
+  <div><object id="test4" data="1161752-4-embed.html" type="text/html" class="overlapping-green" onload="runTest4()">This test requires a browser with capability to embed an HTML document thanks to the HTML &lt;object&gt; element.</object></div>
+  <div class="red-overlapped-reference"></div>
+
+  <div><object id="test5" data="1161752-5-embed.html" type="text/html" class="overlapping-green">This test requires a browser with capability to embed an HTML document thanks to the HTML &lt;object&gt; element.</object></div>
+  <div class="red-overlapped-reference"></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/bidi/1217833-1-ref.html b/layout/reftests/bidi/1217833-1-ref.html
new file mode 100644
index 0000000000..9ed72ef3dd
--- /dev/null
+++ b/layout/reftests/bidi/1217833-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<style>
+html, body { overflow:hidden }
+div{
+  background: yellow;
+  width:150px;
+  height:50px;
+  margin: 0 auto;
+  text-align:right;
+  color: blue;
+}
+</style>
+</head><body><div>test</div></body></html>
diff --git a/layout/reftests/bidi/1217833-1.html b/layout/reftests/bidi/1217833-1.html
new file mode 100644
index 0000000000..2a1eea3259
--- /dev/null
+++ b/layout/reftests/bidi/1217833-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html dir="rtl">
+<head>
+<meta charset="utf-8" />
+<style>
+html, body { overflow:hidden }
+div{
+  background: yellow;
+  width:150px;
+  height:50px;
+  margin: 0 auto;
+  text-align:right;
+}
+div:first-line {
+  color: blue;
+}
+</style>
+</head><body><div dir="rtl">test</div></body></html>
diff --git a/layout/reftests/bidi/1217833-2-ref.html b/layout/reftests/bidi/1217833-2-ref.html
new file mode 100644
index 0000000000..e328be5f97
--- /dev/null
+++ b/layout/reftests/bidi/1217833-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<style>
+html, body { overflow:hidden }
+div{
+  background: yellow;
+  width:150px;
+  height:50px;
+  margin: 0 auto;
+  text-align:right;
+  color: blue;
+  direction: ltr; unicode-bidi: bidi-override;
+}
+span {
+  background: aqua;
+  margin: 0 3px;
+}
+</style>
+</head><body><div dir="rtl">הקי<span>דב</span>te<span>st</span></div></body></html>
diff --git a/layout/reftests/bidi/1217833-2.html b/layout/reftests/bidi/1217833-2.html
new file mode 100644
index 0000000000..699947a2d3
--- /dev/null
+++ b/layout/reftests/bidi/1217833-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html dir="rtl">
+<head>
+<meta charset="utf-8" />
+<style>
+html, body { overflow:hidden }
+div{
+  background: yellow;
+  width:150px;
+  height:50px;
+  margin: 0 auto;
+  text-align:right;
+}
+div:first-line {
+  color: blue;
+}
+span {
+  background: aqua;
+  margin: 0 3px;
+  box-decoration-break: clone;
+}
+</style>
+</head><body><div dir="rtl">te<span>stבד</span>יקה</div></body></html>
diff --git a/layout/reftests/bidi/1231175-1-ref.html b/layout/reftests/bidi/1231175-1-ref.html
new file mode 100644
index 0000000000..b6238cf6be
--- /dev/null
+++ b/layout/reftests/bidi/1231175-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+div { width: 200px; border: 1px solid blue; }
+span { direction: rtl; color: red; unicode-bidi: bidi-override; }
+</style>
+<body>
+<p>The number in the red text should read "18" in all cases.
+<div>
+<ol dir=rtl>
+<li><span>81 ديسمبر</span></li>
+<li><span>81 ديسمبر</span></li>
+<li><span>81 ديسمبر</span></li>
+<li><span>81 ديسمبر</span></li>
+<li><span>81 ديسمبر</span></li>
+<li><span>81 ديسمبر</span></li>
+<li><span>81 ديسمبر</span></li>
diff --git a/layout/reftests/bidi/1231175-1.html b/layout/reftests/bidi/1231175-1.html
new file mode 100644
index 0000000000..ebe0e26711
--- /dev/null
+++ b/layout/reftests/bidi/1231175-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+div { width: 200px; border: 1px solid blue; }
+span { direction: rtl; color: red; }
+</style>
+<body>
+<p>The number in the red text should read "18" in all cases.
+<div>
+<ol dir=rtl>
+<li><span style="unicode-bidi: normal">18 ديسمبر</span></li>
+<li><span style="unicode-bidi: embed">18 ديسمبر</span></li>
+<li><span style="unicode-bidi: isolate">18 ديسمبر</span></li>
+<li><span style="unicode-bidi: plaintext">18 ديسمبر</span></li>
+<li><span>&#x202B;18 ديسمبر&#x202C;</span></li>
+<li><span>&#x2067;18 ديسمبر&#x2069;</span></li>
+<li><span>&#x2068;18 ديسمبر&#x2069;</span></li>
diff --git a/layout/reftests/bidi/1366623-1-ref.html b/layout/reftests/bidi/1366623-1-ref.html
new file mode 100644
index 0000000000..f8d553a93b
--- /dev/null
+++ b/layout/reftests/bidi/1366623-1-ref.html
@@ -0,0 +1,16 @@
+<html class="reftest-wait">
+<meta charset=utf-8>
+<body>
+<div id="test" contenteditable>Example</div>
+<script>
+var elem = document.getElementById("test");
+var sel = window.getSelection();
+sel.removeAllRanges();
+var range = document.createRange();
+range.setStart(elem.firstChild, 1);
+range.setEnd(elem.firstChild, 1);
+sel.addRange(range);
+sel.removeAllRanges();
+elem.offsetHeight;
+document.documentElement.removeAttribute("class");
+</script>
diff --git a/layout/reftests/bidi/1366623-1.html b/layout/reftests/bidi/1366623-1.html
new file mode 100644
index 0000000000..a70d585181
--- /dev/null
+++ b/layout/reftests/bidi/1366623-1.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+<meta charset=utf-8>
+<body>
+<div id="test" contenteditable>E&#x202e;xample</div>
+<script>
+var elem = document.getElementById("test");
+var sel = window.getSelection();
+sel.removeAllRanges();
+var range = document.createRange();
+range.setStart(elem.firstChild, 1);
+range.setEnd(elem.firstChild, 2);
+sel.addRange(range);
+sel.deleteFromDocument();
+sel.removeAllRanges();
+elem.offsetHeight;
+document.documentElement.removeAttribute("class");
+</script>
diff --git a/layout/reftests/bidi/1426042-1-ref.html b/layout/reftests/bidi/1426042-1-ref.html
new file mode 100644
index 0000000000..e6c20e9277
--- /dev/null
+++ b/layout/reftests/bidi/1426042-1-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html dir="rtl" lang="ar">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<style>
+html[dir="rtl"] {
+  direction: rtl;
+}
+.outer {
+  border: 1px solid blue;
+  margin: 1em;
+  padding: 5px 0;
+  clear: left;
+  float: left;
+}
+.before {
+  margin-left: 20px;
+  border: 5px solid green;
+}
+.after {
+  margin-right: 20px;
+  border: 5px solid red;
+}
+.test1::before {
+  content: "";
+  margin-left: 20px;
+  border: 5px solid green;
+}
+.test1::after {
+  content: "";
+  margin-right: 20px;
+  border: 5px solid red;
+}
+.test2::before {
+  content: "\200b";
+  margin-left: 20px;
+  border: 5px solid green;
+}
+.test2::after {
+  content: "\200b";
+  margin-right: 20px;
+  border: 5px solid red;
+}
+</style>
+</head>
+<body>
+<div dir="ltr">
+The text in all three boxes should be centered, with a green bar to the far right and a red bar to the far left:
+</div>
+<div class="outer">
+  <div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
+</div>
+<div class="outer">
+  <div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
+</div>
+<div class="outer">
+  <div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/1426042-1.html b/layout/reftests/bidi/1426042-1.html
new file mode 100644
index 0000000000..724b720d50
--- /dev/null
+++ b/layout/reftests/bidi/1426042-1.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html dir="rtl" lang="ar">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<style>
+html[dir="rtl"] {
+  direction: rtl;
+}
+.outer {
+  border: 1px solid blue;
+  margin: 1em;
+  padding: 5px 0;
+  clear: left;
+  float: left;
+}
+.before {
+  margin-left: 20px;
+  border: 5px solid green;
+}
+.after {
+  margin-right: 20px;
+  border: 5px solid red;
+}
+.test1::before {
+  content: "";
+  margin-left: 20px;
+  border: 5px solid green;
+}
+.test1::after {
+  content: "";
+  margin-right: 20px;
+  border: 5px solid red;
+}
+.test2::before {
+  content: "\200b";
+  margin-left: 20px;
+  border: 5px solid green;
+}
+.test2::after {
+  content: "\200b";
+  margin-right: 20px;
+  border: 5px solid red;
+}
+</style>
+</head>
+<body>
+<div dir="ltr">
+The text in all three boxes should be centered, with a green bar to the far right and a red bar to the far left:
+</div>
+<div class="outer">
+  <div><span class="before"></span><span>السلام عليكم</span><span class="after"></span></div>
+</div>
+<div class="outer">
+  <div class="test1"><span>السلام عليكم</span></div>
+</div>
+<div class="outer">
+  <div class="test2"><span>السلام عليكم</span></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/151407-1-ref.html b/layout/reftests/bidi/151407-1-ref.html
new file mode 100644
index 0000000000..43ef5f3f8d
--- /dev/null
+++ b/layout/reftests/bidi/151407-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for elements</title>
+  </head>
+  <body>
+    <div dir="">dir="", getDir returns ""</div>
+    <div dir="ltr">dir="ltr", getDir returns "ltr"</div>
+    <div dir="rtl">dir="rtl", getDir returns "rtl"</div>
+    <div dir="auto">dir="auto", getDir returns "auto"</div>
+    <div dir="foopy">dir="foopy", getDir returns ""</div>
+    <div>no dir attribute, getDir returns ""</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-1.html b/layout/reftests/bidi/151407-1.html
new file mode 100644
index 0000000000..265c808152
--- /dev/null
+++ b/layout/reftests/bidi/151407-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for elements</title>
+    <script type="text/javascript">
+function fill() {
+    for (var i = 0; ; ++i) {
+	div = document.getElementById("div" + i);
+	if (!div) break;
+	span = document.getElementById("span" + i);
+	span.innerHTML = div.dir;
+    }
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div id="div0" dir="">dir="", getDir returns "<span id="span0"></span>"</div>
+    <div id="div1" dir="ltr">dir="ltr", getDir returns "<span id="span1"></span>"</div>
+    <div id="div2" dir="rtl">dir="rtl", getDir returns "<span id="span2"></span>"</div>
+    <div id="div3" dir="auto">dir="auto", getDir returns "<span id="span3"></span>"</div>
+    <div id="div4" dir="foopy">dir="foopy", getDir returns "<span id="span4"></span>"</div>
+    <div id="div5">no dir attribute, getDir returns "<span id="span5"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-1a.html b/layout/reftests/bidi/151407-1a.html
new file mode 100644
index 0000000000..2406dcf927
--- /dev/null
+++ b/layout/reftests/bidi/151407-1a.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for elements</title>
+    <script type="text/javascript">
+function fill() {
+    div0.dir = "";
+    div1.dir = "ltr";
+    div2.dir = "rtl";
+    div3.dir = "auto";
+    div4.dir = "foopy";
+
+    for (var i = 0; ; ++i) {
+	div = document.getElementById("div" + i);
+	if (!div) break;
+	span = document.getElementById("span" + i);
+	span.innerHTML = div.dir;
+    }
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div id="div0">dir="", getDir returns "<span id="span0"></span>"</div>
+    <div id="div1">dir="ltr", getDir returns "<span id="span1"></span>"</div>
+    <div id="div2">dir="rtl", getDir returns "<span id="span2"></span>"</div>
+    <div id="div3">dir="auto", getDir returns "<span id="span3"></span>"</div>
+    <div id="div4">dir="foopy", getDir returns "<span id="span4"></span>"</div>
+    <div id="div5">no dir attribute, getDir returns "<span id="span5"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-auto-ref.html b/layout/reftests/bidi/151407-2-auto-ref.html
new file mode 100644
index 0000000000..bd3b88b99a
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-auto-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html dir="auto">
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document returns "auto"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-auto.html b/layout/reftests/bidi/151407-2-auto.html
new file mode 100644
index 0000000000..d1b04fd245
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-auto.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html dir="auto">
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-empty-ref.html b/layout/reftests/bidi/151407-2-empty-ref.html
new file mode 100644
index 0000000000..f3d1e3225d
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-empty-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document returns ""</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-empty.html b/layout/reftests/bidi/151407-2-empty.html
new file mode 100644
index 0000000000..284f9c6b6b
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-empty.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-foopy.html b/layout/reftests/bidi/151407-2-foopy.html
new file mode 100644
index 0000000000..71b5eb6b0c
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-foopy.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html dir="foopy">
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-ltr-ref.html b/layout/reftests/bidi/151407-2-ltr-ref.html
new file mode 100644
index 0000000000..993afae238
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-ltr-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document returns "ltr"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-ltr.html b/layout/reftests/bidi/151407-2-ltr.html
new file mode 100644
index 0000000000..09ebdfed7c
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-rtl-ref.html b/layout/reftests/bidi/151407-2-rtl-ref.html
new file mode 100644
index 0000000000..bec0509f01
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-rtl-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document returns "rtl"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-2-rtl.html b/layout/reftests/bidi/151407-2-rtl.html
new file mode 100644
index 0000000000..d11378d162
--- /dev/null
+++ b/layout/reftests/bidi/151407-2-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta charset="utf-8">
+    <title>Test GetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-auto-ref.html b/layout/reftests/bidi/151407-3-auto-ref.html
new file mode 100644
index 0000000000..3f1241e320
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-auto-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document after setDir returns "auto"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-auto.html b/layout/reftests/bidi/151407-3-auto.html
new file mode 100644
index 0000000000..982c5348f7
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-auto.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    document.dir = "auto"
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document after setDir returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-empty-ref.html b/layout/reftests/bidi/151407-3-empty-ref.html
new file mode 100644
index 0000000000..d0feebc956
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-empty-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document after setDir returns ""</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-foopy.html b/layout/reftests/bidi/151407-3-foopy.html
new file mode 100644
index 0000000000..c77596824b
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-foopy.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    document.dir = "foopy"
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document after setDir returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-ltr-ref.html b/layout/reftests/bidi/151407-3-ltr-ref.html
new file mode 100644
index 0000000000..9cf5539e27
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-ltr-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document after setDir returns "ltr"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-ltr.html b/layout/reftests/bidi/151407-3-ltr.html
new file mode 100644
index 0000000000..e043d489e3
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-ltr.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    document.dir = "ltr"
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document after setDir returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-rtl-ref.html b/layout/reftests/bidi/151407-3-rtl-ref.html
new file mode 100644
index 0000000000..884a542176
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-rtl-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+  </head>
+  <body>
+    <div>getDir on document after setDir returns "rtl"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/151407-3-rtl.html b/layout/reftests/bidi/151407-3-rtl.html
new file mode 100644
index 0000000000..781cd6f795
--- /dev/null
+++ b/layout/reftests/bidi/151407-3-rtl.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Test SetDir() for documents</title>
+    <script type="text/javascript">
+function fill() {
+    document.dir = "rtl"
+    span = document.getElementById("span0");
+    span.innerHTML = document.dir;
+}
+    </script>
+  </head>
+  <body onLoad="fill()">
+    <div>getDir on document after setDir returns "<span id="span0"></span>"</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/1556414-1-ref.html b/layout/reftests/bidi/1556414-1-ref.html
new file mode 100644
index 0000000000..d42da153c6
--- /dev/null
+++ b/layout/reftests/bidi/1556414-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+    <meta charset="utf-8"/>
+</head>
+<body>
+    <span>בדיקה</span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/1556414-1.html b/layout/reftests/bidi/1556414-1.html
new file mode 100644
index 0000000000..474b112388
--- /dev/null
+++ b/layout/reftests/bidi/1556414-1.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+    <meta charset="utf-8"/>
+</head>
+<body>
+    <custom-span text="בדיקה"></custom-span>
+</body>
+<script>
+	class CustomSpan extends HTMLElement {
+		constructor() {
+			super();
+
+			var shadow = this.attachShadow({ mode: 'open' });
+
+			const span = document.createElement('span');
+			span.innerText = this.getAttribute('text');
+
+			shadow.appendChild(span);
+		}
+	}
+
+    window.customElements.define('custom-span', CustomSpan);
+</script>
+</html>
diff --git a/layout/reftests/bidi/1567036-1-ref.html b/layout/reftests/bidi/1567036-1-ref.html
new file mode 100644
index 0000000000..49c52950d4
--- /dev/null
+++ b/layout/reftests/bidi/1567036-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<title>Reftest Reference</title>
+<style>
+
+p { unicode-bidi: bidi-override }
+.b { border: thin solid blue }
+
+</style>
+
+<p>
+<span class="b" style="border-right: none">ABC</span>&#x5d2;<span class="b" style="border-left: none">&#x5d1;&#x5d0;</span><br>
+ABC
+</p>
diff --git a/layout/reftests/bidi/1567036-1.html b/layout/reftests/bidi/1567036-1.html
new file mode 100644
index 0000000000..9f0825fedd
--- /dev/null
+++ b/layout/reftests/bidi/1567036-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<title>Testcase for needing aBpd->mPrevFrame = nullptr after SplitInlineAncestors call</title>
+<style>
+
+.b { border: thin solid blue }
+
+</style>
+
+<p>
+<span class="b"><span>ABC</span><span>&#x5d0;&#x5d1;</span></span>&#x5d2;<br>
+ABC
+</p>
diff --git a/layout/reftests/bidi/229367-1-ref.html b/layout/reftests/bidi/229367-1-ref.html
new file mode 100644
index 0000000000..5e30c4a7ec
--- /dev/null
+++ b/layout/reftests/bidi/229367-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>br-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+ </head>
+ <body>
+  <p>&#x05D0; --&gt;&lrm;<br>--&gt; &#x05D1;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/229367-1.html b/layout/reftests/bidi/229367-1.html
new file mode 100644
index 0000000000..079eb18c6b
--- /dev/null
+++ b/layout/reftests/bidi/229367-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>br-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+ </head>
+ <body>
+  <p>&#x05D0; --&gt;<br>--&gt; &#x05D1;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/229367-2-ref.html b/layout/reftests/bidi/229367-2-ref.html
new file mode 100644
index 0000000000..5d8b606c43
--- /dev/null
+++ b/layout/reftests/bidi/229367-2-ref.html
@@ -0,0 +1,43 @@
+<DOCTYPE html>
+<html DIR=RTL>
+ <head>
+  <meta charset=UTF-8>
+  <title>BIDI Layout Testing</title>
+ </head>
+ <body>
+  <h2>This is a testing for BiDi layout issues.</h2> 
+<br> 
+ 
+1 - No tag<br> 
+2 - SPAN<br> 
+3 - P<br> 
+4 - DIV<br> 
+
+<br> 
+<b>Test1: No space</b><br> 
+This is a testing for BiDi layout issues.&rlm;<br> 
+<span>This is a testing for BiDi layout issues.&rlm;<br></span> 
+<p>This is a testing for BiDi layout issues.&rlm;<br></p> 
+<div>This is a testing for BiDi layout issues.&rlm;<br></div> 
+<br><br> 
+<b>Test2: 3 spaces at the end</b><br> 
+This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br> 
+<span>This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br></span> 
+
+<p>This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br></p> 
+<div>This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br></div> 
+<br><br> 
+<b>Test3: 3 spaces at the beginning</b><br> 
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;<br> 
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;<br></span> 
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;<br></p> 
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;<br></div> 
+<br><br> 
+
+<b>Test4: 3 spaces at the end and the beginning</b><br> 
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br> 
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br></span> 
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br></p> 
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;<br></div> 
+ </body> 
+</html>
diff --git a/layout/reftests/bidi/229367-2.html b/layout/reftests/bidi/229367-2.html
new file mode 100644
index 0000000000..5c7a2a97c5
--- /dev/null
+++ b/layout/reftests/bidi/229367-2.html
@@ -0,0 +1,43 @@
+<DOCTYPE html>
+<html DIR=RTL>
+ <head>
+  <meta charset=UTF-8>
+  <title>BIDI Layout Testing</title>
+ </head>
+ <body>
+  <h2>This is a testing for BiDi layout issues.</h2> 
+<br> 
+ 
+1 - No tag<br> 
+2 - SPAN<br> 
+3 - P<br> 
+4 - DIV<br> 
+
+<br> 
+<b>Test1: No space</b><br> 
+This is a testing for BiDi layout issues.<br> 
+<span>This is a testing for BiDi layout issues.<br></span> 
+<p>This is a testing for BiDi layout issues.<br></p> 
+<div>This is a testing for BiDi layout issues.<br></div> 
+<br><br> 
+<b>Test2: 3 spaces at the end</b><br> 
+This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br> 
+<span>This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br></span> 
+
+<p>This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br></p> 
+<div>This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br></div> 
+<br><br> 
+<b>Test3: 3 spaces at the beginning</b><br> 
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.<br> 
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.<br></span> 
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.<br></p> 
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.<br></div> 
+<br><br> 
+
+<b>Test4: 3 spaces at the end and the beginning</b><br> 
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br> 
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br></span> 
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br></p> 
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;<br></div> 
+ </body> 
+</html>
diff --git a/layout/reftests/bidi/229367-3-ref.html b/layout/reftests/bidi/229367-3-ref.html
new file mode 100644
index 0000000000..2f2baf913b
--- /dev/null
+++ b/layout/reftests/bidi/229367-3-ref.html
@@ -0,0 +1,35 @@
+<DOCTYPE html>
+<!-- This tests that embeddings and overrides are preserved after <br> -->
+<html>
+ <head>
+  <meta charset=UTF-8>
+  <title>Bug 229367</title>
+  <style type="text/css">
+   p { margin: 0; text-align: left; }
+   p.er { unicode-bidi: embed; direction: rtl; }
+   p.ol { unicode-bidi: bidi-override; direction: ltr; }
+   p.or { unicode-bidi: bidi-override; direction: rtl; }
+  </style>
+ </head>
+ <body>
+  <p>במה מדליקין,</p>
+  <p>ובמה אין מדליקין?</p>
+  <p class="er">אין מדליקין לא בלכש, </p>
+  <p class="er">ולא בחוסן, </p>
+  <p class="er">ולא בכלך, </p>
+  <p class="er">ולא בפתילת האידן, </p>
+  <p class="ol">ולא בפתילת המדבר, </p>
+  <p class="ol">ולא בירוקה שעל פני המים.  </p>
+  <p class="ol">לא בזפת, </p>
+  <p class="or">ולא בשעווה, </p>
+  <p class="or">ולא בשמן קיק, </p>
+  <p class="or">ולא בשמן שריפה, </p>
+  <p class="or">ולא באליה, </p>
+  <p class="ol">ולא בחלב.  </p>
+  <p class="ol">נחום המדי אומר, </p>
+  <p class="er">מדליקין בחלב מבושל;</p>
+  <p class="er">וחכמים אומרים, </p>
+  <p>אחד מבושל ואחד שאינו מבושל,</p>
+  <p>אין מדליקין בו.</p>
+ </body> 
+</html>
diff --git a/layout/reftests/bidi/229367-3.html b/layout/reftests/bidi/229367-3.html
new file mode 100644
index 0000000000..1ea70e3b1d
--- /dev/null
+++ b/layout/reftests/bidi/229367-3.html
@@ -0,0 +1,30 @@
+<DOCTYPE html>
+<!-- This tests that embeddings and overrides are preserved after <br> -->
+<html>
+ <head>
+  <meta charset=UTF-8>
+  <title>Bug 229367</title>
+ </head>
+ <body>
+  <div>במה מדליקין,<br>
+ובמה אין מדליקין?<br>
+<span style="unicode-bidi: embed; direction: rtl">אין מדליקין לא בלכש, <br>
+ולא בחוסן, <br>
+ולא בכלך, <br>
+ולא בפתילת האידן, <br>
+<span style="unicode-bidi: bidi-override; direction: ltr">ולא בפתילת המדבר, <br>
+ולא בירוקה שעל פני המים.  <br>
+לא בזפת, <br>
+<span style="unicode-bidi: bidi-override; direction: rtl">ולא בשעווה, <br>
+ולא בשמן קיק, <br>
+ולא בשמן שריפה, <br>
+ולא באליה, <br></span>
+ולא בחלב.  <br>
+נחום המדי אומר, <br></span>
+מדליקין בחלב מבושל; <br>
+וחכמים אומרים, <br></span>
+אחד מבושל ואחד שאינו מבושל,<br>
+אין מדליקין בו.
+  </div> 
+ </body> 
+</html>
diff --git a/layout/reftests/bidi/258928-1-ref.html b/layout/reftests/bidi/258928-1-ref.html
new file mode 100644
index 0000000000..6a3c7d8648
--- /dev/null
+++ b/layout/reftests/bidi/258928-1-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>RTL list displayed as inline broken</title>
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+  <style type="text/css">
+ul {
+ padding: 3px 10px;
+ border-bottom: 3px solid #4949A9;
+ white-space: nowrap;
+ font-size: 13px;
+}
+
+ul li {
+ display: inline;
+ margin: 0;
+ padding: 3px 10px;
+ border-top: 1px solid gray;
+ border-right: 1px solid gray;
+ border-left: 1px solid gray;
+ background-color: #f0f0f0;
+}
+  </style>
+ </head>
+ <body>
+  <h1>Broken RTL list when displayed as inline</h1>
+  <h2>One Item</h2>
+  <ul class="tabs">
+   <li>Tab</li>
+  </ul>
+  <h2>Two Items</h2>
+  <ul class="tabs">
+   <li>Tab</li>
+   <li>Tab</li>
+  </ul>
+  <h2>Many</h2>
+  <ul class="tabs">
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+  </ul>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/258928-1.html b/layout/reftests/bidi/258928-1.html
new file mode 100644
index 0000000000..224d0011fe
--- /dev/null
+++ b/layout/reftests/bidi/258928-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>RTL list displayed as inline broken</title>
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+  <style type="text/css">
+ul {
+ padding: 3px 10px;
+ border-bottom: 3px solid #4949A9;
+ white-space: nowrap;
+ font-size: 13px;
+ direction: rtl;
+ text-align: left;
+}
+
+ul li {
+ display: inline;
+ margin: 0;
+ padding: 3px 10px;
+ border-top: 1px solid gray;
+ border-right: 1px solid gray;
+ border-left: 1px solid gray;
+ background-color: #f0f0f0;
+}
+  </style>
+ </head>
+ <body>
+  <h1>Broken RTL list when displayed as inline</h1>
+  <h2>One Item</h2>
+  <ul class="tabs">
+   <li>Tab</li>
+  </ul>
+  <h2>Two Items</h2>
+  <ul class="tabs">
+   <li>Tab</li>
+   <li>Tab</li>
+  </ul>
+  <h2>Many</h2>
+  <ul class="tabs">
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+   <li>Tab</li>
+  </ul>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/263359-1-ref.html b/layout/reftests/bidi/263359-1-ref.html
new file mode 100644
index 0000000000..203a055e5f
--- /dev/null
+++ b/layout/reftests/bidi/263359-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>preformatted-paragraph-break-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+ </head>
+ <body>
+  <pre>&#x05D0; --&gt;&lrm;
+--&gt; &#x05D1;</pre>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/263359-1.html b/layout/reftests/bidi/263359-1.html
new file mode 100644
index 0000000000..71f78338c4
--- /dev/null
+++ b/layout/reftests/bidi/263359-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>preformatted-paragraph-break-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+ </head>
+ <body>
+  <pre>&#x05D0; --&gt;
+--&gt; &#x05D1;</pre>
+</body>
+</html>
+
diff --git a/layout/reftests/bidi/263359-1a.html b/layout/reftests/bidi/263359-1a.html
new file mode 100644
index 0000000000..11cc5cd821
--- /dev/null
+++ b/layout/reftests/bidi/263359-1a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>preformatted-paragraph-break-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+<script type="text/javascript">
+
+function boom()
+{
+  document.getElementById("w").style.whiteSpace="pre";
+}
+
+</script>
+ </head>
+ <body onload="boom();">
+  <pre id="w" style="white-space: normal">&#x05D0; --&gt;
+--&gt; &#x05D1;</pre>
+</body>
+</html>
+
diff --git a/layout/reftests/bidi/263359-1b.html b/layout/reftests/bidi/263359-1b.html
new file mode 100644
index 0000000000..029384af8a
--- /dev/null
+++ b/layout/reftests/bidi/263359-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>preformatted-paragraph-break-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+<script type="text/javascript">
+
+function boom()
+{
+  document.getElementById("w").style.whiteSpace="normal";
+}
+
+</script>
+ </head>
+ <body onload="boom();">
+  <pre id="w">&#x05D0; --&gt;
+--&gt; &#x05D1;</pre>
+</body>
+</html>
+
diff --git a/layout/reftests/bidi/263359-2-ref.html b/layout/reftests/bidi/263359-2-ref.html
new file mode 100644
index 0000000000..bca0323d6e
--- /dev/null
+++ b/layout/reftests/bidi/263359-2-ref.html
@@ -0,0 +1,47 @@
+<DOCTYPE html>
+<html DIR=RTL>
+ <head>
+  <meta charset=UTF-8>
+  <title>BIDI Layout Testing</title>
+ </head>
+ <body>
+  <div style="white-space: pre">
+<b>Test1: No space</b> 
+This is a testing for BiDi layout issues. &rlm;
+<span>This is a testing for BiDi layout issues.&rlm;
+</span> 
+<p>This is a testing for BiDi layout issues.&rlm;
+</p>
+<div>This is a testing for BiDi layout issues.&rlm;
+</div>
+
+<b>Test2: 3 spaces at the end</b>
+This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+<span>This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+</span>
+
+<p>This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+</p>
+<div>This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+</div>
+
+<b>Test3: 3 spaces at the beginning</b>
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;
+</span>
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;
+</p>
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;
+</div>
+
+<b>Test4: 3 spaces at the end and the beginning</b>
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+</span>
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+</p>
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&rlm;&nbsp;&nbsp;&nbsp;
+</div>
+</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/263359-2.html b/layout/reftests/bidi/263359-2.html
new file mode 100644
index 0000000000..9e6ab5ed47
--- /dev/null
+++ b/layout/reftests/bidi/263359-2.html
@@ -0,0 +1,46 @@
+<DOCTYPE html>
+<html DIR=RTL>
+ <head>
+  <meta charset=UTF-8>
+  <title>BIDI Layout Testing</title>
+ </head>
+ <body>
+  <div style="white-space: pre">
+<b>Test1: No space</b> 
+This is a testing for BiDi layout issues. 
+<span>This is a testing for BiDi layout issues.
+</span> 
+<p>This is a testing for BiDi layout issues.
+</p>
+<div>This is a testing for BiDi layout issues.</div>
+
+<b>Test2: 3 spaces at the end</b>
+This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+<span>This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+</span>
+
+<p>This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+</p>
+<div>This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+</div>
+
+<b>Test3: 3 spaces at the beginning</b>
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.
+</span>
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.
+</p>
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.
+</div>
+
+<b>Test4: 3 spaces at the end and the beginning</b>
+&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+<span>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+</span>
+<p>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+</p>
+<div>&nbsp;&nbsp;&nbsp;This is a testing for BiDi layout issues.&nbsp;&nbsp;&nbsp;
+</div>
+</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/263359-3-ref.html b/layout/reftests/bidi/263359-3-ref.html
new file mode 100644
index 0000000000..92e017b713
--- /dev/null
+++ b/layout/reftests/bidi/263359-3-ref.html
@@ -0,0 +1,35 @@
+<DOCTYPE html>
+<!-- This tests that embeddings and overrides are preserved after <br> -->
+<html>
+ <head>
+  <meta charset=UTF-8>
+  <title>Bug 263359</title>
+  <style type="text/css">
+   p { margin: 0; text-align: left; white-space: pre }
+   p.er { direction: rtl; }
+   p.ol { unicode-bidi: bidi-override; direction: ltr; }
+   p.or { unicode-bidi: bidi-override; direction: rtl; }
+  </style>
+ </head>
+ <body>
+<p>במה מדליקין,</p>
+<p>ובמה אין מדליקין?</p>
+<p class="er">אין מדליקין לא בלכש,</p>
+<p class="er">ולא בחוסן,</p>
+<p class="er">ולא בכלך,</p>
+<p class="er">ולא בפתילת האידן,</p>
+<p class="ol">ולא בפתילת המדבר,</p>
+<p class="ol">ולא בירוקה שעל פני המים.</p>
+<p class="ol">לא בזפת,</p>
+<p class="or">ולא בשעווה,</p>
+<p class="or">ולא בשמן קיק,</p>
+<p class="or">ולא בשמן שריפה,</p>
+<p class="or">ולא באליה,</p>
+<p class="ol">ולא בחלב.</p>
+<p class="ol">נחום המדי אומר,</p>
+<p class="er">מדליקין בחלב מבושל;</p>
+<p class="er">וחכמים אומרים,</p>
+<p>אחד מבושל ואחד שאינו מבושל,</p>
+<p>אין מדליקין בו.</p>
+ </body> 
+</html>
diff --git a/layout/reftests/bidi/263359-3.html b/layout/reftests/bidi/263359-3.html
new file mode 100644
index 0000000000..b225517bdd
--- /dev/null
+++ b/layout/reftests/bidi/263359-3.html
@@ -0,0 +1,36 @@
+<DOCTYPE html>
+<!-- This tests that embeddings and overrides are preserved in <pre> -->
+<html>
+ <head>
+  <meta charset=UTF-8>
+  <title>Bug 263359</title>
+  <style type="text/css">
+   p {
+ white-space: pre;
+ margin: 0;
+     }
+  </style>
+ </head>
+ <body>
+  <p style="">במה מדליקין,
+ובמה אין מדליקין?
+<span dir="rtl">אין מדליקין לא בלכש,
+ולא בחוסן,
+ולא בכלך,
+ולא בפתילת האידן,
+<span style="unicode-bidi: bidi-override; direction: ltr">ולא בפתילת המדבר,
+ולא בירוקה שעל פני המים.
+לא בזפת,
+<span style="unicode-bidi: bidi-override; direction: rtl">ולא בשעווה,
+ולא בשמן קיק,
+ולא בשמן שריפה,
+ולא באליה, </span>
+ולא בחלב.
+נחום המדי אומר, </span>
+מדליקין בחלב מבושל;
+וחכמים אומרים, </span>
+אחד מבושל ואחד שאינו מבושל,
+אין מדליקין בו.
+  </pre>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/263359-4-ref.html b/layout/reftests/bidi/263359-4-ref.html
new file mode 100644
index 0000000000..e155f79d43
--- /dev/null
+++ b/layout/reftests/bidi/263359-4-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>change direction of pre with bidi text</title>
+  <meta charset="UTF-8">
+ </head>
+ <body>
+  <pre dir="rtl">	can_be_executable=TRUE
+	[he]description=סוג לא ידוע
+	description=Unknown type
+	[ar]description=نوع غير معروف
+	[az]description=Namə'lum növ
+</pre>
+</body>
+</html>
+
diff --git a/layout/reftests/bidi/263359-4.html b/layout/reftests/bidi/263359-4.html
new file mode 100644
index 0000000000..d766c862c6
--- /dev/null
+++ b/layout/reftests/bidi/263359-4.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>change direction of pre with bidi text</title>
+  <meta charset="UTF-8">
+<script type="text/javascript">
+
+function boom()
+{
+  document.getElementById("w").style.direction="rtl";
+}
+
+</script>
+ </head>
+ <body onload="boom();">
+  <pre id="w">	can_be_executable=TRUE
+	[he]description=סוג לא ידוע
+	description=Unknown type
+	[ar]description=نوع غير معروف
+	[az]description=Namə'lum növ
+</pre>
+</body>
+</html>
+
diff --git a/layout/reftests/bidi/267459-1-ref.html b/layout/reftests/bidi/267459-1-ref.html
new file mode 100644
index 0000000000..467a4eb445
--- /dev/null
+++ b/layout/reftests/bidi/267459-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Test unicode-bidi in form controls</title>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ </head>
+ <body>
+   <p dir="rtl">&#x202e;This paragraph should appear backwards&#x202c;</p>
+   <p>
+   <textarea rows="3" cols="80" dir="rtl" style="resize:none">&#x202e;This textarea should appear backwards&#x202c;</textarea><br>
+   <input type="text" size="80" dir="rtl" value="&#x202e;This input should appear backwards&#x202c;"><br>
+   <input type="button" dir="rtl" value="&#x202e;This button should appear backwards&#x202c;"><br>
+   <select dir="rtl" size="6">
+    <option selected>&#x202e;This&#x202c;</option>
+    <optgroup label="&#x202e;select&#x202c;">
+     <option>&#x202e;should&#x202c;</option>
+     <option>&#x202e;appear&#x202c;</option>
+    </optgroup>
+    <optgroup label="&#x202e;backwards&#x202c;">
+     <option>&#x202e;throughout&#x202c;</option>
+    </optgroup>
+   </select><br>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/267459-1.html b/layout/reftests/bidi/267459-1.html
new file mode 100644
index 0000000000..5caf199f0e
--- /dev/null
+++ b/layout/reftests/bidi/267459-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Test unicode-bidi in form controls</title>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   .reversed {
+     direction: rtl;
+     unicode-bidi: bidi-override;
+    }
+  </style>
+ </head>
+ <body>
+   <p class="reversed">This paragraph should appear backwards</p>
+   <p>
+   <textarea class="reversed" rows="3" cols="80" style="resize:none">This textarea should appear backwards</textarea><br>
+   <input class="reversed" type="text" size="80" value="This input should appear backwards"><br>
+   <input class="reversed" type="button" value="This button should appear backwards"><br>
+   <select size="6" class="reversed">
+    <option selected class="reversed">This</option>
+    <optgroup class="reversed" label="select">
+     <option class="reversed">should</option>
+     <option class="reversed">appear</option>
+    </optgroup>
+    <optgroup class="reversed" label="backwards">
+     <option class="reversed">throughout</option>
+    </optgroup>
+   </select><br>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/267459-2-ref.html b/layout/reftests/bidi/267459-2-ref.html
new file mode 100644
index 0000000000..e2a023b530
--- /dev/null
+++ b/layout/reftests/bidi/267459-2-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Test unicode-bidi in form controls</title>
+  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-8-i">
+ </head>
+ <body>
+   <p>&#x202d;����� �� ����� ����� �����&#x202c;</p>
+   <p>
+   <textarea rows="3" cols="80">���� �� �� ����� ����� �����</textarea><br>
+   <input type="text" size="80" value="���� �� �� ����� ����� �����"><br>
+   <input type="button" value="���� �� �� ����� ����� �����"><br>
+   <select size="6">
+    <option selected>�����</option>
+    <optgroup label="���">
+     <option>��</option>
+     <option>������</option>
+    </optgroup>
+    <optgroup label="�����">
+     <option>������</option>
+    </optgroup>
+   </select><br>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/267459-2.html b/layout/reftests/bidi/267459-2.html
new file mode 100644
index 0000000000..9529b32b05
--- /dev/null
+++ b/layout/reftests/bidi/267459-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Test unicode-bidi in form controls</title>
+  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-8">
+ </head>
+ <body>
+   <p>����� �� ����� ����� �����</p>
+   <p>
+   <textarea rows="3" cols="80">���� �� �� ����� ����� �����</textarea><br>
+   <input type="text" size="80" value="���� �� �� ����� ����� �����"><br>
+   <input type="button" value="���� �� �� ����� ����� �����"><br>
+   <select size="6">
+    <option selected>�����</option>
+    <optgroup label="���">
+     <option>��</option>
+     <option>������</option>
+    </optgroup>
+    <optgroup label="�����">
+     <option>������</option>
+    </optgroup>
+   </select><br>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/299065-1-ref.html b/layout/reftests/bidi/299065-1-ref.html
new file mode 100644
index 0000000000..e836a04d1d
--- /dev/null
+++ b/layout/reftests/bidi/299065-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html lang="en">
+ <head>
+  <title>Testcase, bug 299065</title>
+  <style type="text/css">
+  p    { border: thin solid; background: aqua;   color: blue;  }
+  span { background: yellow; color: olive; }
+  </style>
+ </head>
+ <body>
+  <p>AA<span>AA</span><span>&#x5D0;&#x5D0;</span>&#x5D0;&#x5D0;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/299065-1.html b/layout/reftests/bidi/299065-1.html
new file mode 100644
index 0000000000..ca55830271
--- /dev/null
+++ b/layout/reftests/bidi/299065-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html lang="en">
+ <head>
+  <title>Testcase, bug 299065</title>
+  <style type="text/css">
+  p    { border: thin solid; background: aqua;   color: blue;  }
+  span { background: yellow; color: olive; }
+  </style>
+ </head>
+ <body>
+  <p>AA<span>AA&#x5D0;&#x5D0;</span>&#x5D0;&#x5D0;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/305643-1-ref.html b/layout/reftests/bidi/305643-1-ref.html
new file mode 100644
index 0000000000..ff8f064149
--- /dev/null
+++ b/layout/reftests/bidi/305643-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta charset="iso-8859-8-i">
+ </head>
+ <body>
+  <table>
+   <tbody>
+    <tr>
+     <td dir="rtl" align="right">
+      <span style="unicode-bidi: bidi-override; font-size: 12px;">(���: 20:52) ������ ����: ������ ����� ����� ����� ������ �� ���� ������</span>
+     </td>
+    </tr>
+   </tbody>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/305643-1.html b/layout/reftests/bidi/305643-1.html
new file mode 100644
index 0000000000..85562ab34b
--- /dev/null
+++ b/layout/reftests/bidi/305643-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta charset="iso-8859-8">
+ </head>
+ <body>
+  <table>
+   <tbody>
+    <tr>
+     <td dir="rtl" align="right">
+      <span style="font-size: 12px;">(���: 20:52) ������ ����: ������ ����� ����� ����� ������ �� ���� ������</span>
+     </td>
+    </tr>
+   </tbody>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/332655-1-ref.html b/layout/reftests/bidi/332655-1-ref.html
new file mode 100644
index 0000000000..b4ea71bb10
--- /dev/null
+++ b/layout/reftests/bidi/332655-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+#q { outline: 1px dotted; }
+</style>
+</head>
+
+<body><p><span id="q">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas volutpat. Duis purus lectus, hendrerit vitae, blandit ac, tristique quis, neque. Cras a nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetuer lorem sit amet quam facilisis mollis. Etiam dolor. Donec elementum leo in ligula. Duis lacus diam, sodales vitae, rutrum a, feugiat non, tortor. Maecenas cursus lobortis diam. Mauris in pede eu purus ultricies vehicula. עברית</span></p>
+</body></html>
diff --git a/layout/reftests/bidi/332655-1.html b/layout/reftests/bidi/332655-1.html
new file mode 100644
index 0000000000..324b682bb2
--- /dev/null
+++ b/layout/reftests/bidi/332655-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-type" content="text/html; charset=utf-8">
+<script type="text/javascript">
+
+function boom()
+{
+  document.getElementById("q").style.outline="1px dotted";
+}
+
+</script>
+</head>
+
+<body onload="boom();"><p><span id="q">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas volutpat. Duis purus lectus, hendrerit vitae, blandit ac, tristique quis, neque. Cras a nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetuer lorem sit amet quam facilisis mollis. Etiam dolor. Donec elementum leo in ligula. Duis lacus diam, sodales vitae, rutrum a, feugiat non, tortor. Maecenas cursus lobortis diam. Mauris in pede eu purus ultricies vehicula. עברית</span></p>
+</body></html>
diff --git a/layout/reftests/bidi/332655-2-ref.html b/layout/reftests/bidi/332655-2-ref.html
new file mode 100644
index 0000000000..9f7a9b3e6a
--- /dev/null
+++ b/layout/reftests/bidi/332655-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+#q { outline: 1px dotted; }
+</style>
+</head>
+
+<body><p><span id="q">עברית Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas volutpat. Duis purus lectus, hendrerit vitae, blandit ac, tristique quis, neque. Cras a nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetuer lorem sit amet quam facilisis mollis. Etiam dolor. Donec elementum leo in ligula. Duis lacus diam, sodales vitae, rutrum a, feugiat non, tortor. Maecenas cursus lobortis diam. Mauris in pede eu purus ultricies vehicula.</span></p>
+</body></html>
diff --git a/layout/reftests/bidi/332655-2.html b/layout/reftests/bidi/332655-2.html
new file mode 100644
index 0000000000..fcffcd015f
--- /dev/null
+++ b/layout/reftests/bidi/332655-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-type" content="text/html; charset=utf-8">
+<script type="text/javascript">
+
+function boom()
+{
+  document.getElementById("q").style.outline="1px dotted";
+}
+
+</script>
+</head>
+
+<body onload="boom();"><p><span id="q">עברית Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas volutpat. Duis purus lectus, hendrerit vitae, blandit ac, tristique quis, neque. Cras a nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetuer lorem sit amet quam facilisis mollis. Etiam dolor. Donec elementum leo in ligula. Duis lacus diam, sodales vitae, rutrum a, feugiat non, tortor. Maecenas cursus lobortis diam. Mauris in pede eu purus ultricies vehicula.</span></p>
+</body></html>
diff --git a/layout/reftests/bidi/381279-1-ref.html b/layout/reftests/bidi/381279-1-ref.html
new file mode 100644
index 0000000000..7a085dffd8
--- /dev/null
+++ b/layout/reftests/bidi/381279-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<style>
+div {
+  border: 1px solid black;
+  font-family: monospace;
+  width: 10ch;
+}
+</style>
+</head>
+
+<body>
+<div>
+  <span style="direction: rtl;">
+    <span style="unicode-bidi: bidi-override; color: blue;">abcd abcd abcd</span>
+    foo
+  </span>
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/bidi/381279-1.html b/layout/reftests/bidi/381279-1.html
new file mode 100644
index 0000000000..89d3f18a3f
--- /dev/null
+++ b/layout/reftests/bidi/381279-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<style>
+div {
+  border: 1px solid black;
+  font-family: monospace;
+  width: 10ch;
+}
+</style>
+</head>
+
+<body onload="document.getElementById('r').style.direction = 'rtl';">
+<div>
+  <span id="r">
+    <span style="unicode-bidi: bidi-override; color: blue;">abcd abcd abcd</span>
+    foo
+  </span>
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/bidi/386339-ref.html b/layout/reftests/bidi/386339-ref.html
new file mode 100644
index 0000000000..b3002d0053
--- /dev/null
+++ b/layout/reftests/bidi/386339-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ </head>
+ <body>
+  <table border="1">
+   <tbody>
+    <tr><th colspan="5">Symmetric characters with mirrored glyphs</th></tr>
+    <tr>
+     <td>U003C</td>
+     <td>LESS-THAN SIGN</td>
+     <td dir="rtl">א &lrm;|&gt;|&lrm; ב</td>
+     <td>a &lrm;|&lt;|&lrm; b</td>
+     <td dir="rtl">ا &lrm;|&gt;|&lrm; ب</td>
+    </tr>
+    <tr>
+     <td>U00AB</td>
+     <td>LEFT-POINTING DOUBLE ANGLE QUOTATION MARK</td>
+     <td dir="rtl">א &lrm;|»|&lrm; ב</td>
+     <td>a &lrm;|«|&lrm; b</td>
+     <td dir="rtl">ا &lrm;|»|&lrm; ب</td>
+    </tr>
+    <tr>
+     <td>U2039</td>
+     <td>SINGLE LEFT-POINTING ANGLE QUOTATION MARK</td>
+     <td dir="rtl">א &lrm;|›|&lrm; ב</td>
+     <td>a &lrm;|‹|&lrm; b</td>
+     <td dir="rtl">ا &lrm;|›|&lrm; ب</td>
+    </tr>
+   </tbody>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/386339.html b/layout/reftests/bidi/386339.html
new file mode 100644
index 0000000000..0746e1ce1f
--- /dev/null
+++ b/layout/reftests/bidi/386339.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ </head>
+ <body>
+  <table border="1">
+   <tbody>
+    <tr><th colspan="5">Symmetric characters with mirrored glyphs</th></tr>
+    <!-- NOTE: vertical bars (which do not affect the mirroring)
+         added to work around vertical ClearType clipping at tips
+         of diagonal lines; see bug 559879. -->
+    <tr>
+     <td>U003C</td>
+     <td>LESS-THAN SIGN</td>
+     <td dir="rtl">א |&lt;| ב</td>
+     <td>a |&lt;| b</td>
+     <td dir="rtl">ا |&lt;| ب</td>
+    </tr>
+    <tr>
+     <td>U00AB</td>
+     <td>LEFT-POINTING DOUBLE ANGLE QUOTATION MARK</td>
+     <td dir="rtl">א |«| ב</td>
+     <td>a |«| b</td>
+     <td dir="rtl">ا |«| ب</td>
+    </tr>
+    <tr>
+     <td>U2039</td>
+     <td>SINGLE LEFT-POINTING ANGLE QUOTATION MARK</td>
+     <td dir="rtl">א |‹| ב</td>
+     <td>a |‹| b</td>
+     <td dir="rtl">ا |‹| ب</td>
+    </tr>
+   </tbody>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/409375-ref.html b/layout/reftests/bidi/409375-ref.html
new file mode 100644
index 0000000000..4b05ab2a1b
--- /dev/null
+++ b/layout/reftests/bidi/409375-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ </head>
+ <body>
+  <div dir="rtl">
+   <pre>
+
+English
+
+  </pre>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/409375.html b/layout/reftests/bidi/409375.html
new file mode 100644
index 0000000000..ca8e998714
--- /dev/null
+++ b/layout/reftests/bidi/409375.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ </head>
+ <body onload="document.getElementById('div').style.direction = 'rtl';">
+  <div id="div">
+   <pre>
+
+English
+
+  </pre>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/413542-1-ref.html b/layout/reftests/bidi/413542-1-ref.html
new file mode 100644
index 0000000000..63bb8f3c6a
--- /dev/null
+++ b/layout/reftests/bidi/413542-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Percentage padding on inlines ignored in presence of certain characters in source</title>
+  <style type="text/css">
+#test {
+	border: 1px solid #000;
+	width: 500px;
+}
+#test span {
+	border: 1px solid #f00;
+	padding: 0 10%;
+}
+  </style>
+ </head>
+ <body>
+  <div id="test"><span>one</span><span>two</span></div>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/413542-1.html b/layout/reftests/bidi/413542-1.html
new file mode 100644
index 0000000000..6638189959
--- /dev/null
+++ b/layout/reftests/bidi/413542-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Percentage padding on inlines ignored in presence of certain characters in source</title>
+  <style type="text/css">
+#test {
+	border: 1px solid #000;
+	width: 500px;
+}
+#test span {
+	border: 1px solid #f00;
+	padding: 0 10%;
+}
+  </style>
+ </head>
+ <body>
+<!-- To enable bidi: א -->
+  <div id="test"><span>one</span><span>two</span></div>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/413542-2-ref.html b/layout/reftests/bidi/413542-2-ref.html
new file mode 100644
index 0000000000..606dd74336
--- /dev/null
+++ b/layout/reftests/bidi/413542-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Percentage margin on inlines ignored in presence of certain characters in source</title>
+  <style type="text/css">
+#test {
+	border: 1px solid #000;
+	width: 500px;
+}
+#test span {
+	border: 1px solid #f00;
+	margin: 0 10%;
+}
+  </style>
+ </head>
+ <body>
+  <div id="test"><span>one</span><span>two</span></div>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/413542-2.html b/layout/reftests/bidi/413542-2.html
new file mode 100644
index 0000000000..872d889a2e
--- /dev/null
+++ b/layout/reftests/bidi/413542-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Percentage margin on inlines ignored in presence of certain characters in source</title>
+  <style type="text/css">
+#test {
+	border: 1px solid #000;
+	width: 500px;
+}
+#test span {
+	border: 1px solid #f00;
+	margin: 0 10%;
+}
+  </style>
+ </head>
+ <body>
+<!-- To enable bidi: א -->
+  <div id="test"><span>one</span><span>two</span></div>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/413928-1-ref.html b/layout/reftests/bidi/413928-1-ref.html
new file mode 100644
index 0000000000..e8679fcc84
--- /dev/null
+++ b/layout/reftests/bidi/413928-1-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+  <title>Bug 413928</title>
+  <style type="text/css">
+.li {
+  line-height: 2em;
+}
+.list-number-he {
+  direction: rtl;
+  unicode-bidi: bidi-override;
+}
+  </style>
+ </head>
+ <body>
+   <div class="li"><span class="list-number">-3.</span></div>
+   <div class="li"><span class="list-number">-2.</span></div>
+   <div class="li"><span class="list-number">-1.</span></div>
+   <div class="li"><span class="list-number">0.</span></div>
+   <div class="li"><span class="list-number-he">.א</span></div>
+   <div class="li"><span class="list-number-he">.ב</span></div>
+   <div class="li"><span class="list-number-he">.ג</span></div>
+   <div class="li"><span class="list-number-he">.ד</span></div>
+   <div class="li"><span class="list-number-he">.ה</span></div>
+   <div class="li"><span class="list-number-he">.יד</span></div>
+   <div class="li"><span class="list-number-he">.טו</span></div>
+   <div class="li"><span class="list-number-he">.טז</span></div>
+   <div class="li"><span class="list-number-he">.יז</span></div>
+   <div class="li"><span class="list-number-he">.צז</span></div>
+   <div class="li"><span class="list-number-he">.צח</span></div>
+   <div class="li"><span class="list-number-he">.צט</span></div>
+   <div class="li"><span class="list-number-he">.ק</span></div>
+   <div class="li"><span class="list-number-he">.קא</span></div>
+   <div class="li"><span class="list-number-he">.תתקמד</span></div>
+   <div class="li"><span class="list-number-he">.תתקמה</span></div>
+   <div class="li"><span class="list-number-he">.תתקמו</span></div>
+   <div class="li"><span class="list-number-he">.תתקצט</span></div>
+   <div class="li"><span class="list-number-he">.א׳</span></div>
+   <div class="li"><span class="list-number-he">.א׳א</span></div>
+   <div class="li"><span class="list-number-he">.א׳תתקצח</span></div>
+   <div class="li"><span class="list-number-he">.א׳תתקצט</span></div>
+   <div class="li"><span class="list-number-he">.ב׳</span></div>
+   <div class="li"><span class="list-number-he">.ב׳א</span></div>
+   <div class="li"><span class="list-number-he">.ב׳ג</span></div>
+   <div class="li"><span class="list-number-he">.ב׳תשמח</span></div>
+   <div class="li"><span class="list-number-he">.ב׳תשנ</span></div>
+   <div class="li"><span class="list-number">1000000.</span></div>
+   <div class="li"><span class="list-number">1500000.</span></div>
+   <div class="li"><span class="list-number">2000000.</span></div>
+   <div class="li"><span class="list-number">9999999.</span></div>
+   <div class="li"><span class="list-number">10000212.</span></div>
+   <div class="li"><span class="list-number">10000425.</span></div>
+   <div class="li"><span class="list-number">10000851.</span></div>
+   <div class="li"><span class="list-number">10001064.</span></div>
+   <div class="li"><span class="list-number">10001277.</span></div>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/413928-1.html b/layout/reftests/bidi/413928-1.html
new file mode 100644
index 0000000000..de722d606f
--- /dev/null
+++ b/layout/reftests/bidi/413928-1.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+  <title>Bug 413928</title>
+  <style type="text/css">
+ ol {
+   list-style-type: hebrew;
+   list-style-position: inside;
+   padding: 0;
+   margin: 0;
+}
+
+ li {
+   line-height: 2em;
+}
+  </style>
+ </head>
+ <body>
+  <ol start="-3">
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="14"></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="97"></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="944"></li>
+   <li></li>
+   <li></li>
+   <li value="999"></li>
+   <li></li>
+   <li></li>
+   <li value="1998"></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="2003"></li>
+   <li value="2748"></li>
+   <li value="2750"></li>
+   <li value="1000000"></li>
+   <li value="1500000"></li>
+   <li value="2000000"></li>
+   <li value="9999999"></li>
+   <li value="10000212"></li>
+   <li value="10000425"></li>
+   <li value="10000851"></li>
+   <li value="10001064"></li>
+   <li value="10001277"></li>
+  </ol>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/413928-2-ref.html b/layout/reftests/bidi/413928-2-ref.html
new file mode 100644
index 0000000000..5cd9cd76aa
--- /dev/null
+++ b/layout/reftests/bidi/413928-2-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+  <title>Bug 413928</title>
+  <style type="text/css">
+.li {
+  line-height: 2em;
+}
+.list-number-he {
+  direction: rtl;
+  unicode-bidi: bidi-override;
+}
+  </style>
+ </head>
+ <body dir="rtl">
+   <div class="li"><span class="list-number">&lrm;-3.</span></div>
+   <div class="li"><span class="list-number">&lrm;-2.</span></div>
+   <div class="li"><span class="list-number">&lrm;-1.</span></div>
+   <div class="li"><span class="list-number">0.</span></div>
+   <div class="li"><span class="list-number-he">א.</span></div>
+   <div class="li"><span class="list-number-he">ב.</span></div>
+   <div class="li"><span class="list-number-he">ג.</span></div>
+   <div class="li"><span class="list-number-he">ד.</span></div>
+   <div class="li"><span class="list-number-he">ה.</span></div>
+   <div class="li"><span class="list-number-he">יד.</span></div>
+   <div class="li"><span class="list-number-he">טו.</span></div>
+   <div class="li"><span class="list-number-he">טז.</span></div>
+   <div class="li"><span class="list-number-he">יז.</span></div>
+   <div class="li"><span class="list-number-he">צז.</span></div>
+   <div class="li"><span class="list-number-he">צח.</span></div>
+   <div class="li"><span class="list-number-he">צט.</span></div>
+   <div class="li"><span class="list-number-he">ק.</span></div>
+   <div class="li"><span class="list-number-he">קא.</span></div>
+   <div class="li"><span class="list-number-he">תתקמד.</span></div>
+   <div class="li"><span class="list-number-he">תתקמה.</span></div>
+   <div class="li"><span class="list-number-he">תתקמו.</span></div>
+   <div class="li"><span class="list-number-he">תתקצט.</span></div>
+   <div class="li"><span class="list-number-he">א׳.</span></div>
+   <div class="li"><span class="list-number-he">א׳א.</span></div>
+   <div class="li"><span class="list-number-he">א׳תתקצח.</span></div>
+   <div class="li"><span class="list-number-he">א׳תתקצט.</span></div>
+   <div class="li"><span class="list-number-he">ב׳.</span></div>
+   <div class="li"><span class="list-number-he">ב׳א.</span></div>
+   <div class="li"><span class="list-number-he">ב׳ג.</span></div>
+   <div class="li"><span class="list-number-he">ב׳תשמח.</span></div>
+   <div class="li"><span class="list-number-he">ב׳תשנ.</span></div>
+   <div class="li"><span class="list-number">1000000.</span></div>
+   <div class="li"><span class="list-number">1500000.</span></div>
+   <div class="li"><span class="list-number">2000000.</span></div>
+   <div class="li"><span class="list-number">9999999.</span></div>
+   <div class="li"><span class="list-number">10000212.</span></div>
+   <div class="li"><span class="list-number">10000425.</span></div>
+   <div class="li"><span class="list-number">10000851.</span></div>
+   <div class="li"><span class="list-number">10001064.</span></div>
+   <div class="li"><span class="list-number">10001277.</span></div>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/413928-2.html b/layout/reftests/bidi/413928-2.html
new file mode 100644
index 0000000000..a81e92c44e
--- /dev/null
+++ b/layout/reftests/bidi/413928-2.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+  <title>Bug 413928</title>
+  <style type="text/css">
+ ol {
+   list-style-type: hebrew;
+   list-style-position: inside;
+   padding: 0;
+   margin: 0;
+}
+
+ li {
+   line-height: 2em;
+}
+  </style>
+ </head>
+ <body dir="rtl">
+  <ol start="-3">
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="14"></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="97"></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="944"></li>
+   <li></li>
+   <li></li>
+   <li value="999"></li>
+   <li></li>
+   <li></li>
+   <li value="1998"></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li value="2003"></li>
+   <li value="2748"></li>
+   <li value="2750"></li>
+   <li value="1000000"></li>
+   <li value="1500000"></li>
+   <li value="2000000"></li>
+   <li value="9999999"></li>
+   <li value="10000212"></li>
+   <li value="10000425"></li>
+   <li value="10000851"></li>
+   <li value="10001064"></li>
+   <li value="10001277"></li>
+  </ol>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/425338-1-ref.html b/layout/reftests/bidi/425338-1-ref.html
new file mode 100644
index 0000000000..0835229622
--- /dev/null
+++ b/layout/reftests/bidi/425338-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+<span id="a"><span>a</span>b<span>א</span>c</span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/425338-1a.html b/layout/reftests/bidi/425338-1a.html
new file mode 100644
index 0000000000..70b55cb3c8
--- /dev/null
+++ b/layout/reftests/bidi/425338-1a.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+<script type="text/javascript">
+function c()
+{
+  document.getElementById("a").style.height = "10em";
+}
+</script>
+</head>
+<body onload="c();">
+<span id="a"><span>a</span>b<span>א</span>c</span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/425338-1b.html b/layout/reftests/bidi/425338-1b.html
new file mode 100644
index 0000000000..7d3e063c95
--- /dev/null
+++ b/layout/reftests/bidi/425338-1b.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+<script type="text/javascript">
+function c()
+{
+  document.getElementById("a").style.height = "10em";
+  document.body.offsetHeight;
+  document.getElementById("a").style.height = "";
+}
+</script>
+</head>
+<body onload="c();">
+<span id="a"><span>a</span>b<span>א</span>c</span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/489517-1-ref.html b/layout/reftests/bidi/489517-1-ref.html
new file mode 100644
index 0000000000..c49a11f746
--- /dev/null
+++ b/layout/reftests/bidi/489517-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.flipped { direction: rtl; unicode-bidi: bidi-override;  }
+</style>
+</head>
+
+<body><div class="flipped">AB</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/489517-1.html b/layout/reftests/bidi/489517-1.html
new file mode 100644
index 0000000000..95295549be
--- /dev/null
+++ b/layout/reftests/bidi/489517-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.flipped { direction: rtl; unicode-bidi: bidi-override;  }
+</style>
+
+<script type="text/javascript">
+
+function boom()
+{
+  document.getElementById("outer").className = "flipped";
+}
+
+</script>
+</head>
+
+<body onload="boom();"><div id="outer">AB</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/489887-1-ref.html b/layout/reftests/bidi/489887-1-ref.html
new file mode 100644
index 0000000000..314d694be4
--- /dev/null
+++ b/layout/reftests/bidi/489887-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function boom()
+{
+  document.getElementById("w").firstChild.data = "";
+
+}
+</script>
+</head>
+<body onload="boom();">
+<div><span>&#x06cd;</span><span id="w"> </span><span>&#x06cb;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/489887-1.html b/layout/reftests/bidi/489887-1.html
new file mode 100644
index 0000000000..9bff096729
--- /dev/null
+++ b/layout/reftests/bidi/489887-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function boom()
+{
+  document.getElementById("w").firstChild.data = "";
+  document.documentElement.appendChild(document.body);
+}
+</script>
+</head>
+<body onload="boom();">
+<div><span>&#x06cd;</span><span id="w"> </span><span>&#x06cb;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/492231-1-ref.html b/layout/reftests/bidi/492231-1-ref.html
new file mode 100644
index 0000000000..3d276bff11
--- /dev/null
+++ b/layout/reftests/bidi/492231-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<head><meta charset="iso-8859-8"></head>
+<body style="direction: rtl;">
+<span>+&#x05E9;</span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/492231-1.html b/layout/reftests/bidi/492231-1.html
new file mode 100644
index 0000000000..04ac87374f
--- /dev/null
+++ b/layout/reftests/bidi/492231-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<head><meta charset="iso-8859-8"></head>
+<body onload="document.body.style.direction = 'rtl';">
+<span>+&#x05E9;</span>
+</body>
+</html>
diff --git a/layout/reftests/bidi/496006-1-ref.html b/layout/reftests/bidi/496006-1-ref.html
new file mode 100644
index 0000000000..704befb66a
--- /dev/null
+++ b/layout/reftests/bidi/496006-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+</head>
+<body style="direction: rtl;">
+m
+<span id="a" style="border: 1px solid black"></span>
+<div></div>
+m
+</body>
+</html>
diff --git a/layout/reftests/bidi/496006-1.html b/layout/reftests/bidi/496006-1.html
new file mode 100644
index 0000000000..5629fa4ea5
--- /dev/null
+++ b/layout/reftests/bidi/496006-1.html
@@ -0,0 +1,21 @@
+<html class="reftest-wait">
+<head>
+</head>
+<body style="direction: rtl;">
+m
+<span id="a" style="border: 1px solid black;"></span>
+<div><script>document.body.offsetHeight;</script></div>
+m
+
+<script>
+function doe() {
+var a=document.getElementById('a');
+a.style.outline = '1px solid transparent';
+document.body.offsetHeight;
+a.style.outline = '';
+document.documentElement.removeAttribute('class');
+}
+setTimeout(doe, 500);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bidi/503269-1-ref.html b/layout/reftests/bidi/503269-1-ref.html
new file mode 100644
index 0000000000..c9401fd854
--- /dev/null
+++ b/layout/reftests/bidi/503269-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+ <head>
+  <title>Welcome to Flickr!</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ </head>
+ <body>
+  <div>
+   <ul>
+    <li><span><a href="/photos/foo/" title="مسجد قبة الصخرة by Yaqut"><img src="/foo.jpg" width="75" height="75" alt="مسجد قبة الصخرة by Yaqut"></a></span><div>From <a href="/photos/yaqut/" title="Yaqut">Yaqut</a></div></li>
+    <li><span><a href="/photos/bar/" title="מערכת שליחת ההודעות באתר אורנג עובדת בפיירפוקס - מזל טוב!"><img src="/bar.jpg" width="75" height="75" alt="מערכת שליחת ההודעות באתר אורנג עובדת בפיירפוקס - מזל טוב! by MosheOofnik"></a></span><div>From <a href="/photos/mosheoofnik/" title="MosheOofnik">Moshe Oofnik</a></div></li>
+    <li><span><a href="/photos/baz/" title="Fruit Basket by Elmo"><img src="/baz.jpg" width="75" height="75" alt="Fruit Basket by Elmo"></a></span><div>From <a href="/photos/elmo/" title="Elmo">Elmo</a></div></li>
+   </ul>&rlm;						
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/503269-1.html b/layout/reftests/bidi/503269-1.html
new file mode 100644
index 0000000000..c08989e093
--- /dev/null
+++ b/layout/reftests/bidi/503269-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+ <head>
+  <title>Welcome to Flickr!</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ </head>
+ <body>
+  <div>
+   <ul>
+    <li><span><a href="/photos/foo/" title="مسجد قبة الصخرة by Yaqut"><img src="/foo.jpg" width="75" height="75" alt="مسجد قبة الصخرة by Yaqut"></a></span><div>From <a href="/photos/yaqut/" title="Yaqut">Yaqut</a></div></li>
+    <li><span><a href="/photos/bar/" title="מערכת שליחת ההודעות באתר אורנג עובדת בפיירפוקס - מזל טוב!"><img src="/bar.jpg" width="75" height="75" alt="מערכת שליחת ההודעות באתר אורנג עובדת בפיירפוקס - מזל טוב! by MosheOofnik"></a></span><div>From <a href="/photos/mosheoofnik/" title="MosheOofnik">Moshe Oofnik</a></div></li>
+    <li><span><a href="/photos/baz/" title="Fruit Basket by Elmo"><img src="/baz.jpg" width="75" height="75" alt="Fruit Basket by Elmo"></a></span><div>From <a href="/photos/elmo/" title="Elmo">Elmo</a></div></li>
+   </ul>						
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/503957-1-ref.html b/layout/reftests/bidi/503957-1-ref.html
new file mode 100644
index 0000000000..4f6a43c1a4
--- /dev/null
+++ b/layout/reftests/bidi/503957-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Test Page</title>
+    <style type="text/css">
+      span {
+        margin: 1em;
+      }
+    </style>
+  </head>
+  <body>
+    <p>
+      <span dir="rtl">אתר התוספות של Mozilla</span>
+      <span dir="rtl">one</span>
+      <span dir="rtl">two</span>
+      <span dir="rtl">three</span>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/503957-1.html b/layout/reftests/bidi/503957-1.html
new file mode 100644
index 0000000000..f06bea7943
--- /dev/null
+++ b/layout/reftests/bidi/503957-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Test Page</title>
+    <style type="text/css">
+      ol li {
+        display: inline;
+        margin: 1em;
+      }
+      ol {
+       padding-inline-start: 0px;
+      }
+    </style>
+  </head>
+  <body>
+    <ol>
+      <li>אתר התוספות של Mozilla</li>
+      <li>one</li>
+      <li>two</li>
+      <li>three</li>
+    </ol>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/525740-1-ref.html b/layout/reftests/bidi/525740-1-ref.html
new file mode 100644
index 0000000000..0de424fbdf
--- /dev/null
+++ b/layout/reftests/bidi/525740-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+   div:first-letter { float: right; color: lime; }
+  </style>
+ </head>
+ <body dir="rtl">
+  <div>ab &#x06CD; c</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/525740-1.html b/layout/reftests/bidi/525740-1.html
new file mode 100644
index 0000000000..45fd1a453f
--- /dev/null
+++ b/layout/reftests/bidi/525740-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+   div:first-letter { float: right; color: lime; }
+  </style>
+ </head>
+ <body dir="rtl">
+  <div><span>ab &#x06CD; c</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/536963-1-ref.html b/layout/reftests/bidi/536963-1-ref.html
new file mode 100644
index 0000000000..40f7314a70
--- /dev/null
+++ b/layout/reftests/bidi/536963-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Dynamic bidi bug</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  p { width: 3ch;}
+  </style>
+ </head>
+ <body>
+  <p dir="rtl">0 123 4</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/536963-1.html b/layout/reftests/bidi/536963-1.html
new file mode 100644
index 0000000000..dd31699232
--- /dev/null
+++ b/layout/reftests/bidi/536963-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Dynamic bidi bug</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  p { width: 3ch;}
+  </style>
+  <script type="text/javascript">
+function flip()
+{
+    var flipped= document.getElementById('flipped');
+    flipped.dir = "rtl";
+}
+  </script>
+ </head>
+ <body onload="flip()">
+  <p id="flipped">0 123 4</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-1-ref.html b/layout/reftests/bidi/562169-1-ref.html
new file mode 100644
index 0000000000..8aded4f766
--- /dev/null
+++ b/layout/reftests/bidi/562169-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   .blue { color: blue; direction: ltr; }
+   .lime { color: lime; direction: rtl; }
+   div { text-align: left; }
+  </style>
+ </head>
+ <body>
+  <div class="blue">This element has default direction.</div>
+  <div class="blue">This element is ltr.</div>
+  <div class="lime">This element is rtl.</div>
+  <div class="blue">
+    <div>This element should inherit ltr.</div>
+    <div class="blue">This element is ltr.</div>
+    <div class="lime">This element is rtl.</div>
+    <div class="blue">Every word in this element should inherit ltr.</div>
+  </div>
+  <div class="lime">
+    <div>This element should inherit rtl.</div>
+    <div class="blue">This element is ltr.</div>
+    <div class="lime">This element is rtl.</div>
+    <div class="lime">Every word in this element should inherit rtl.</div>
+  </div>
+  <div class="blue">This element has an invalid dir attribute and
+    should have default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-1.html b/layout/reftests/bidi/562169-1.html
new file mode 100644
index 0000000000..d6cfe554f8
--- /dev/null
+++ b/layout/reftests/bidi/562169-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   :dir(ltr) { color: blue }
+   :dir(rtl) { color: lime }
+   :dir(foopy) { color: red }
+   div { text-align: left; }
+  </style>
+ </head>
+ <body>
+  <div>This element has default direction.</div>
+  <div dir="ltr">This element is ltr.</div>
+  <div dir="rtl">This element is rtl.</div>
+  <div dir="ltr">
+    <div>This element should inherit ltr.</div>
+    <div dir="ltr">This element is ltr.</div>
+    <div dir="rtl">This element is rtl.</div>
+    <div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>ltr</span></span></span></span></span></span></span></span>.</div>
+  </div>
+  <div dir="rtl">
+    <div>This element should inherit rtl.</div>
+    <div dir="ltr">This element is ltr.</div>
+    <div dir="rtl">This element is rtl.</div>
+    <div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>rtl</span></span></span></span></span></span></span></span>.</div>
+  </div>
+  <div dir="foopy">This element has an invalid dir attribute and
+    should have default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-1a.html b/layout/reftests/bidi/562169-1a.html
new file mode 100644
index 0000000000..f6102951fd
--- /dev/null
+++ b/layout/reftests/bidi/562169-1a.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   :dir(ltr) { color: blue }
+   :dir(rtl) { color: lime }
+   :dir(foopy) { color: red }
+   div { text-align: left; }
+  </style>
+  <script type="text/javascript">
+function switchDir()
+{
+    divs = document.getElementsByTagName("div");
+    for (var i = 0; i < divs.length; ++i) {
+	theDiv = divs[i];
+	if (theDiv.dir == "ltr") {
+	    theDiv.dir = "rtl";
+	} else if (theDiv.dir == "rtl") {
+	    theDiv.dir = "ltr";
+	}
+    }
+}
+  </script>
+ </head>
+ <body onload="switchDir()">
+  <div>This element has default direction.</div>
+  <div dir="rtl">This element is ltr.</div>
+  <div dir="ltr">This element is rtl.</div>
+  <div dir="rtl">
+    <div>This element should inherit ltr.</div>
+    <div dir="rtl">This element is ltr.</div>
+    <div dir="ltr">This element is rtl.</div>
+    <div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>ltr</span></span></span></span></span></span></span></span>.</div>
+  </div>
+  <div dir="ltr">
+    <div>This element should inherit rtl.</div>
+    <div dir="rtl">This element is ltr.</div>
+    <div dir="ltr">This element is rtl.</div>
+    <div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>rtl</span></span></span></span></span></span></span></span>.</div>
+  </div>
+  <div dir="foopy">This element has an invalid dir attribute and
+    should have default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-2-ref.html b/layout/reftests/bidi/562169-2-ref.html
new file mode 100644
index 0000000000..0acc957b18
--- /dev/null
+++ b/layout/reftests/bidi/562169-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   .blue { color: blue; direction: ltr; }
+   .lime { color: lime; direction: rtl; }
+   div { text-align: left; }
+  </style>
+ </head>
+ <body>
+  <div class="lime">This element has default direction.</div>
+  <div class="blue">This element is ltr.</div>
+  <div class="lime">This element is rtl.</div>
+  <div class="blue">
+    <div>This element should inherit ltr.</div>
+    <div class="blue">This element is ltr.</div>
+    <div class="lime">This element is rtl.</div>
+  </div>
+  <div class="lime">
+    <div>This element should inherit rtl.</div>
+    <div class="blue">This element is ltr.</div>
+    <div class="lime">This element is rtl.</div>
+  </div>
+  <div class="lime">This element has an invalid dir attribute and
+    should have default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-2.html b/layout/reftests/bidi/562169-2.html
new file mode 100644
index 0000000000..cea59a3fe0
--- /dev/null
+++ b/layout/reftests/bidi/562169-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html dir="rtl">
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   :dir(ltr) { color: blue }
+   :dir(rtl) { color: lime }
+   :dir(foopy) { color: red }
+   div { text-align: left; }
+  </style>
+ </head>
+ <body>
+  <div>This element has default direction.</div>
+  <div dir="ltr">This element is ltr.</div>
+  <div dir="rtl">This element is rtl.</div>
+  <div dir="ltr">
+    <div>This element should inherit ltr.</div>
+    <div dir="ltr">This element is ltr.</div>
+    <div dir="rtl">This element is rtl.</div>
+  </div>
+  <div dir="rtl">
+    <div>This element should inherit rtl.</div>
+    <div dir="ltr">This element is ltr.</div>
+    <div dir="rtl">This element is rtl.</div>
+  </div>
+  <div dir="foopy">This element has an invalid dir attribute and
+    should have default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-2a.html b/layout/reftests/bidi/562169-2a.html
new file mode 100644
index 0000000000..3f8044fd03
--- /dev/null
+++ b/layout/reftests/bidi/562169-2a.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   :dir(ltr) { color: blue }
+   :dir(rtl) { color: lime }
+   :dir(foopy) { color: red }
+   div { text-align: left; }
+  </style>
+  <script type="text/javascript">
+function switchDir()
+{
+    document.dir = "rtl";
+}
+  </script>
+ </head>
+ <body onload="switchDir()">
+  <div>This element has default direction.</div>
+  <div dir="ltr">This element is ltr.</div>
+  <div dir="rtl">This element is rtl.</div>
+  <div dir="ltr">
+    <div>This element should inherit ltr.</div>
+    <div dir="ltr">This element is ltr.</div>
+    <div dir="rtl">This element is rtl.</div>
+  </div>
+  <div dir="rtl">
+    <div>This element should inherit rtl.</div>
+    <div dir="ltr">This element is ltr.</div>
+    <div dir="rtl">This element is rtl.</div>
+  </div>
+  <div dir="foopy">This element has an invalid dir attribute and
+    should have default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-3-ref.html b/layout/reftests/bidi/562169-3-ref.html
new file mode 100644
index 0000000000..ea848f61a1
--- /dev/null
+++ b/layout/reftests/bidi/562169-3-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   .ltr { direction: ltr }
+   .rtl { direction: rtl }
+   div { color: lime; text-align: left; }
+  </style>
+ </head>
+ <body>
+  <div class="rtl">This element is rtl.</div>
+  <div>This element has default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-3.html b/layout/reftests/bidi/562169-3.html
new file mode 100644
index 0000000000..422e608276
--- /dev/null
+++ b/layout/reftests/bidi/562169-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   :not(:dir(rtl)) + div { color: blue }
+   div { color: lime; text-align: left; }
+  </style>
+ </head>
+ <body>
+  <div dir="rtl">This element is rtl.</div>
+  <div>This element has default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-3a.html b/layout/reftests/bidi/562169-3a.html
new file mode 100644
index 0000000000..9df28794a5
--- /dev/null
+++ b/layout/reftests/bidi/562169-3a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   :not(:dir(rtl)) + div { color: blue }
+   div { color: lime; text-align: left; }
+  </style>
+  <script type="text/javascript">
+function switchDir()
+{
+    theDiv = document.getElementById("d");
+    if (theDiv.dir == "ltr") {
+        theDiv.dir = "rtl";
+    } else if (theDiv.dir == "rtl") {
+        theDiv.dir = "ltr";
+    }
+}
+  </script>
+ </head>
+ <body onload="switchDir()">
+  <div id="d" dir="ltr">This element is rtl.</div>
+  <div>This element has default direction.</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-4-ref.html b/layout/reftests/bidi/562169-4-ref.html
new file mode 100644
index 0000000000..b5cdada97b
--- /dev/null
+++ b/layout/reftests/bidi/562169-4-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   .lime { direction: rtl; color: lime }
+   div { text-align: left; }
+  </style>
+ </head>
+ <body>
+  <div class="lime">This element is rtl. <span>This span should
+    inherit rtl from the parent. <span>This span should inherit rtl
+    from the grandparent.</span></span></div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/562169-4.html b/layout/reftests/bidi/562169-4.html
new file mode 100644
index 0000000000..56075adc2b
--- /dev/null
+++ b/layout/reftests/bidi/562169-4.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>dir() selector</title>
+  <style>
+   :dir(ltr) { color: blue }
+   :dir(rtl) { color: lime }
+   div { text-align: left; }
+  </style>
+  <script type="text/javascript">
+function AppendElementWithChild() {
+    var x = document.createElement("span");
+    x.innerHTML = "This span should inherit rtl from the parent. ";
+
+    var y = document.createElement("span");
+    y.innerHTML = "This span should inherit rtl from the grandparent.";
+
+    var z = document.getElementById("z");
+
+    x.appendChild(y);
+    z.appendChild(x);
+}
+  </script>
+ </head>
+ <body onload="AppendElementWithChild()">
+  <div id="z" dir="rtl">This element is rtl. </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/588739-1.html b/layout/reftests/bidi/588739-1.html
new file mode 100644
index 0000000000..842ee5e05a
--- /dev/null
+++ b/layout/reftests/bidi/588739-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+   span.page-sep {	position:absolute; visibility:hidden; }
+  </style>
+ </head>
+ <body>
+עמוד <span>1<span class="page-sep"></span>2<span class="page-sep"></span>3</span>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/588739-2.html b/layout/reftests/bidi/588739-2.html
new file mode 100644
index 0000000000..65592eb163
--- /dev/null
+++ b/layout/reftests/bidi/588739-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+   span.page-sep {	visibility:hidden; }
+  </style>
+ </head>
+ <body>
+עמוד <span>1<span class="page-sep"></span>2<span class="page-sep"></span>3</span>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/588739-3.html b/layout/reftests/bidi/588739-3.html
new file mode 100644
index 0000000000..e309774d78
--- /dev/null
+++ b/layout/reftests/bidi/588739-3.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+   span.page-sep {	position:absolute; }
+  </style>
+ </head>
+ <body>
+עמוד <span>1<span class="page-sep"></span>2<span class="page-sep"></span>3</span>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/588739-ref.html b/layout/reftests/bidi/588739-ref.html
new file mode 100644
index 0000000000..7cac69a934
--- /dev/null
+++ b/layout/reftests/bidi/588739-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ </head>
+ <body>
+עמוד 321
+ </body>
+</html>
diff --git a/layout/reftests/bidi/612843-1-ref.html b/layout/reftests/bidi/612843-1-ref.html
new file mode 100644
index 0000000000..5dab89080f
--- /dev/null
+++ b/layout/reftests/bidi/612843-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Tests bidi class of U+070F SYRIAC ABBREVIATION MARK -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style
+ <body>
+  <p dir="rtl" style="unicode-bidi: bidi-override;">&#x661;&#x662;&#x60c;&#x070f;&#x071f;&#x0725;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/612843-1.html b/layout/reftests/bidi/612843-1.html
new file mode 100644
index 0000000000..2065322c51
--- /dev/null
+++ b/layout/reftests/bidi/612843-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Tests bidi class of U+070F SYRIAC ABBREVIATION MARK -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style
+ <body>
+  <p dir="rtl">&#x662;&#x661;&#x60c;&#x070f;&#x071f;&#x0725;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/613149-1-ref.html b/layout/reftests/bidi/613149-1-ref.html
new file mode 100644
index 0000000000..906a0951d4
--- /dev/null
+++ b/layout/reftests/bidi/613149-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidi isolation - reference</title>
+  <style type="text/css">
+   body { font-family: monospace }
+   p { unicode-bidi: bidi-override; }
+  </style>
+ </head>
+ <body>
+  <p>טאראק 24 בהז הציפ - 3 reviews</p>
+  <p>תובוגת 5 - Joe's לפאלפ Bar :הנושאר הדעסמ</p>
+  <p>תובוגת 5 - Joe's לפאלפ Bar :הנושאר הדעסמ</p>
+  <p>.(position: relative) css-ב שמתשת</p>
+  <p>documents &gt; ילש ןושארה ןמורה &gt; 1 קרפ</p>
+  <p>joe hacker: overdrawn</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/613149-1a.html b/layout/reftests/bidi/613149-1a.html
new file mode 100644
index 0000000000..140d70b93c
--- /dev/null
+++ b/layout/reftests/bidi/613149-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidi isolation - bdi element</title>
+  <!-- Examples from http://www.w3.org/International/docs/html-bidi-requirements/#bidi-isolation -->
+  <style type="text/css">body { font-family: monospace; }</style>
+ </head>
+ <body>
+  <p><bdi>פיצה זהב 24 קאראט</bdi> - 3 reviews</p>
+  <p>מסעדה ראשונה: <bdi dir="ltr">Joe's פלאפל Bar</bdi> - 5 תגובות</p>
+  <p>מסעדה ראשונה: <bdi dir="ltr"><bdo dir="rtl">raB פלאפל s'eoJ</bdo></bdi> - 5 תגובות</p>
+  <p dir="rtl" align="left">תשתמש ב-css (<bdi dir="ltr">position: relative</bdi>).</p>
+  <p>documents &gt; <bdi dir="rtl">הרומן הראשון שלי</bdi> &gt; <bdi dir="rtl">פרק 1</bdi></p>
+  <p><bdi>joe hacker&#x202e;</bdi>: overdrawn</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/613149-1b.html b/layout/reftests/bidi/613149-1b.html
new file mode 100644
index 0000000000..9e8218d0a0
--- /dev/null
+++ b/layout/reftests/bidi/613149-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidi isolation - css</title>
+  <style type="text/css">
+   body { font-family: monospace; }
+   span { unicode-bidi: isolate; }
+   span.override { unicode-bidi: isolate-override; }
+  </style>
+ </head>
+ <body>
+  <p><span>פיצה זהב 24 קאראט</span> - 3 reviews</p>
+  <p>מסעדה ראשונה: <span dir="ltr">Joe's פלאפל Bar</span> - 5 תגובות</p>
+  <p>מסעדה ראשונה: <span class="override" dir="rtl">raB פלאפל s'eoJ</span> - 5 תגובות</p>
+  <p dir="rtl" align="left">תשתמש ב-css (<span dir="ltr">position: relative</span>).</p>
+  <p>documents &gt; <span dir="rtl">הרומן הראשון שלי</span> &gt; <span dir="rtl">פרק 1</span></p>
+  <p><span>joe hacker&#x202e;</span>: overdrawn</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/613149-2-ref.html b/layout/reftests/bidi/613149-2-ref.html
new file mode 100644
index 0000000000..7139f8b569
--- /dev/null
+++ b/layout/reftests/bidi/613149-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>Google Reader minimized test case</title>
+  </head>
+  <body>
+    <div style="font-size: 18pt; unicode-bidi: bidi-override; text-align: right">אסרג ןוכדע רחאל תלגלגב היעב :Mozilla Firefox • Re</div>
+</body></html>
diff --git a/layout/reftests/bidi/613149-2a.html b/layout/reftests/bidi/613149-2a.html
new file mode 100644
index 0000000000..3fe56e0b73
--- /dev/null
+++ b/layout/reftests/bidi/613149-2a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>Google Reader minimized test case</title>
+    <style type="text/css">
+     span div {display: inline;}
+    </style>
+  </head>
+  <body>
+    <div style="font-size: 18pt" dir="rtl"><span><div>Mozilla Firefox • Re: בעיה בגלגלת לאחר עדכון גרסא</div></span></div>
+</body></html>
diff --git a/layout/reftests/bidi/613149-2b.html b/layout/reftests/bidi/613149-2b.html
new file mode 100644
index 0000000000..074b4326aa
--- /dev/null
+++ b/layout/reftests/bidi/613149-2b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>Google Reader minimized test case</title>
+    <style type="text/css">
+     span div {display: inline;}
+    </style>
+    <script type="text/javascript">
+function boom()
+{
+  document.getElementById("d").style.fontWeight="normal";
+}
+    </script>
+  </head>
+  <body onload="boom()">
+    <div dir="rtl"><span><div id="d" style="font-size: 18pt; font-weight: bold;">Mozilla Firefox • Re: בעיה בגלגלת לאחר עדכון גרסא</div></span></div>
+</body></html>
diff --git a/layout/reftests/bidi/613157-1-ref.html b/layout/reftests/bidi/613157-1-ref.html
new file mode 100644
index 0000000000..38cc7d0629
--- /dev/null
+++ b/layout/reftests/bidi/613157-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>block-element-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+ </head>
+ <body>
+  <div>&#x05D0; --&gt;&lrm;<hr>--&gt; &#x05D1;</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/613157-1.html b/layout/reftests/bidi/613157-1.html
new file mode 100644
index 0000000000..63948990c9
--- /dev/null
+++ b/layout/reftests/bidi/613157-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>block-element-as-bidi-paragraph-break</title>
+  <meta charset="UTF-8">
+ </head>
+ <body>
+  <div>&#x05D0; --&gt;<hr>--&gt; &#x05D1;</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/613157-2-ref.html b/layout/reftests/bidi/613157-2-ref.html
new file mode 100644
index 0000000000..a41becbea8
--- /dev/null
+++ b/layout/reftests/bidi/613157-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title>Inline blocks shouldn't end the paragraph</title>
+ </head>
+ <body>
+  <p>&#x202e;ימים בשבוע 8&lt;-- 4 xoferiF&lt;--אני אוהב</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/613157-2.html b/layout/reftests/bidi/613157-2.html
new file mode 100644
index 0000000000..0d635f6f1f
--- /dev/null
+++ b/layout/reftests/bidi/613157-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title>Inline blocks shouldn't end the paragraph</title>
+ </head>
+ <body>
+  <p><span dir="rtl">אני אוהב</span>--&gt;<span style="display: inline-block">Firefox 4&nbsp;</span>--&gt;8 ימים בשבוע
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/662288-1-ref.html b/layout/reftests/bidi/662288-1-ref.html
new file mode 100644
index 0000000000..afc16824ca
--- /dev/null
+++ b/layout/reftests/bidi/662288-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>pre element with auto-direction</title>
+ </head>
+ <body>
+  <pre><div dir="ltr">The word Automaton is the latinization of the Greek
+αὐτόματον,... automaton, (neuter) “acting of one’s own will”. It is more
+often used to describe non-electronic moving machines, especially those that
+have been made to resemble human or animal actions, such as the jacks on old
+public striking clocks, or the cuckoo and any other animated figures on a 
+cuckoo clock.</div><div dir="rtl">העדויות על בובות מכניות ראשונות הן מיוון העתיקה, שם הופעלו פסלים נעים בכוח הקיטור 
+שנקראו אוטומטון (ביוונית: αὐτόματος - נע מעצמו). האוטומטונים שימשו הן כצעצועים והן 
+לצורכי בימת התיאטרון היווני, כמייצגים אלים, במיוחד בכניסה מפתיעה בסוף המחזה. הביטוי 
+דאוס אקס מכינה ("האל מתוך המכונה"), שמשמעותו מצב בסיפור שבו הכותב מכניס לעלילה 
+גורם שאינו נובע מהשרשרת הסיבתית העלילתית כדי לפתור בעיות עלילתיות, מגיע מהופעת ה"אל"
+מתוך הפסל המכני שהוריד אותו אל הבמה. למנגנוני תנועה מכניים אוטומטיים מאותה תקופה נמצא 
+שריד ארכאולוגי בדמותו של מנגנון אנטיקיתרה, ששימש למכונת חישוב קדומה.</div>
+</pre>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/662288-1.html b/layout/reftests/bidi/662288-1.html
new file mode 100644
index 0000000000..b79f961b87
--- /dev/null
+++ b/layout/reftests/bidi/662288-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>pre element with auto-direction</title>
+ </head>
+ <body>
+  <pre dir="auto">The word Automaton is the latinization of the Greek
+αὐτόματον,... automaton, (neuter) “acting of one’s own will”. It is more
+often used to describe non-electronic moving machines, especially those that
+have been made to resemble human or animal actions, such as the jacks on old
+public striking clocks, or the cuckoo and any other animated figures on a 
+cuckoo clock.
+העדויות על בובות מכניות ראשונות הן מיוון העתיקה, שם הופעלו פסלים נעים בכוח הקיטור 
+שנקראו אוטומטון (ביוונית: αὐτόματος - נע מעצמו). האוטומטונים שימשו הן כצעצועים והן 
+לצורכי בימת התיאטרון היווני, כמייצגים אלים, במיוחד בכניסה מפתיעה בסוף המחזה. הביטוי 
+דאוס אקס מכינה ("האל מתוך המכונה"), שמשמעותו מצב בסיפור שבו הכותב מכניס לעלילה 
+גורם שאינו נובע מהשרשרת הסיבתית העלילתית כדי לפתור בעיות עלילתיות, מגיע מהופעת ה"אל"
+מתוך הפסל המכני שהוריד אותו אל הבמה. למנגנוני תנועה מכניים אוטומטיים מאותה תקופה נמצא 
+שריד ארכאולוגי בדמותו של מנגנון אנטיקיתרה, ששימש למכונת חישוב קדומה.
+</pre>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/670226-1-ref.html b/layout/reftests/bidi/670226-1-ref.html
new file mode 100644
index 0000000000..ef15ed7495
--- /dev/null
+++ b/layout/reftests/bidi/670226-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 670226</title>
+  <style type="text/css">
+   pre:first-letter { float:left; color: lime}
+   pre { font-size: 16pt }
+  </style>
+ </head>
+ <body>
+  <pre dir="rtl">a+b
+c</pre>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/670226-1.html b/layout/reftests/bidi/670226-1.html
new file mode 100644
index 0000000000..bd230a7a93
--- /dev/null
+++ b/layout/reftests/bidi/670226-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 670226</title>
+  <style type="text/css">
+   pre:first-letter { float:left; color: lime}
+  </style>
+  <script type="text/javascript">
+function boom()
+{
+  var p = document.getElementById("p");
+  p.style.fontSize="16pt";
+}
+ </script>
+ </head>
+ <body onload="boom()">
+  <pre id="p" dir="rtl">a+b
+c</pre>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/676245-1-ref.html b/layout/reftests/bidi/676245-1-ref.html
new file mode 100644
index 0000000000..4908bb6de3
--- /dev/null
+++ b/layout/reftests/bidi/676245-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+   <title>block-as-inline</title>
+   <style>
+     .inline-block {display: inline-block;}
+   </style>
+ </head>
+ <body>
+   <div>
+  I like:
+  <div class="inline-block">A</div>
+  <div class="inline-block" dir="rtl">&#x05D0;</div>
+  <div class="inline-block" dir="rtl">&#x05D1;</div>
+  (3 things total).
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/676245-1.html b/layout/reftests/bidi/676245-1.html
new file mode 100644
index 0000000000..63470a1d29
--- /dev/null
+++ b/layout/reftests/bidi/676245-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+   <title>block-as-inline</title>
+   <style>
+     .inline {display: inline;}
+   </style>
+ </head>
+ <body>
+   <div>
+  I like:
+  <div class="inline">A</div>
+  <div class="inline" dir="rtl">&#x05D0;</div>
+  <div class="inline" dir="rtl">&#x05D1;</div>
+  (3 things total).
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/698291-1-frame.html b/layout/reftests/bidi/698291-1-frame.html
new file mode 100644
index 0000000000..3b745c77f9
--- /dev/null
+++ b/layout/reftests/bidi/698291-1-frame.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test for bug 698291</title>
+  </head>
+  <body>
+    <textarea dir="auto" style="width: 100%">בדיקה</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/698291-1-ref.html b/layout/reftests/bidi/698291-1-ref.html
new file mode 100644
index 0000000000..5526e1c4c3
--- /dev/null
+++ b/layout/reftests/bidi/698291-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test for bug 698291</title>
+  </head>
+  <body>
+    <iframe style="width: 100%" src="698291-1-frame.html"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/698291-1.html b/layout/reftests/bidi/698291-1.html
new file mode 100644
index 0000000000..0127e1fa84
--- /dev/null
+++ b/layout/reftests/bidi/698291-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>Test for bug 698291</title>
+  </head>
+  <body>
+    <iframe style="width: 50%" id="f" src="698291-1-frame.html"></iframe>
+    <script type="text/javascript">
+function expandFrame()
+{
+  document.getElementById("f").style.width="100%";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", expandFrame);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/698706-1-ref.html b/layout/reftests/bidi/698706-1-ref.html
new file mode 100644
index 0000000000..a5fb48020e
--- /dev/null
+++ b/layout/reftests/bidi/698706-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>Facebook</title>
+ </head>
+ <body dir="rtl">
+   <div style="font-size: 18pt; letter-spacing: 2pt;"><bdi>Winnie the Pooh</bdi> commented on his own קישור on <bdi>Christopher Robin</bdi>'s <bdi>wall</bdi>: "<bdi>Lorem ipsum dolor sit amet</bdi>"</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/698706-1.html b/layout/reftests/bidi/698706-1.html
new file mode 100644
index 0000000000..de7e619bd2
--- /dev/null
+++ b/layout/reftests/bidi/698706-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>Facebook</title>
+ </head>
+ <body dir="rtl">
+   <div style="font-size: 18pt; letter-spacing: 2pt;">
+     <div style="display: inline;"><span dir="ltr">Winnie the Pooh</span> commented on his own קישור on <span dir="ltr">Christopher Robin</span>'s <span dir="ltr">wall</span>: "<span dir="ltr">Lorem ipsum dolor sit amet</span>"</div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/704837-1-ref.html b/layout/reftests/bidi/704837-1-ref.html
new file mode 100644
index 0000000000..d6c4387333
--- /dev/null
+++ b/layout/reftests/bidi/704837-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Bug 704837</title>
+  </head>
+  <body dir="rtl">
+    <div>אקספלורר 9, פיירפוקס<br> וכרום</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/704837-1.html b/layout/reftests/bidi/704837-1.html
new file mode 100644
index 0000000000..6ba2995106
--- /dev/null
+++ b/layout/reftests/bidi/704837-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Bug 704837</title>
+  </head>
+  <body dir="rtl">
+    <div><div style="display: inline">אקספלורר 9, פיירפוקס<br> וכרום</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/712600-1-ref.html b/layout/reftests/bidi/712600-1-ref.html
new file mode 100644
index 0000000000..9a85b379be
--- /dev/null
+++ b/layout/reftests/bidi/712600-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: neutral to surrounding letters</title>
+    <link rel="reference" href="https://bug712600.bugzilla.mozilla.org/bdi-neutral-to-surrounding-run-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'For the purposes of applying the bidirectional algorithm to the paragraph-level
+      container that a bdi element finds itself within, the bdi element must be treated
+      like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
+
+      Thus, regardless of its content and its dir attribute (if any), a BDI will not prevent
+      a strongly RTL (or LTR) character preceding it from forming a single directional run with
+      another strongly RTL (LTR) character following it.">
+    <style>
+      body{
+        font-size:2em;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+
+      <div dir="ltr">‭ג &lt; [b] &lt; א...‬</div>
+      <div dir="ltr">‭ג &lt; [b] &lt; א...‬</div>
+      <div dir="ltr">‭ג &lt; [b] &lt; א...‬</div>
+      <div dir="rtl">‭...a &gt; [ב] &gt; c‬</div>
+      <div dir="rtl">‭...a &gt; [ב] &gt; c‬</div>
+      <div dir="rtl">‭...a &gt; [ב] &gt; c‬</div>
+</body></html>
diff --git a/layout/reftests/bidi/712600-1.html b/layout/reftests/bidi/712600-1.html
new file mode 100644
index 0000000000..b80c334559
--- /dev/null
+++ b/layout/reftests/bidi/712600-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: neutral to surrounding letters</title>
+    <link rel="reference" href="https://bug712600.bugzilla.mozilla.org/bdi-neutral-to-surrounding-run-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'For the purposes of applying the bidirectional algorithm to the paragraph-level
+      container that a bdi element finds itself within, the bdi element must be treated
+      like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
+
+      Thus, regardless of its content and its dir attribute (if any), a BDI will not prevent
+      a strongly RTL (or LTR) character preceding it from forming a single directional run with
+      another strongly RTL (LTR) character following it.">
+    <style>
+      body{
+        font-size:2em;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+
+      <!--
+        If the BDI in the following DIV were a SPAN, its b would prevent the &#x05D0; and the &#x05D1;
+        from forming a single RTL run and thus keep the &gt;s between from being mirrored into &lt;s.
+      -->
+      <div dir="ltr">א &gt; <bdi>[b]</bdi> &gt; ג...</div>
+      <div dir="ltr">א &gt; <bdi dir="ltr">[b]</bdi> &gt; ג...</div>
+      <div dir="ltr">א &gt; <bdi dir="rtl">[b]</bdi> &gt; ג...</div>
+      <div dir="rtl">a &gt; <bdi>[ב]</bdi> &gt; c...</div>
+      <div dir="rtl">a &gt; <bdi dir="ltr">[ב]</bdi> &gt; c...</div>
+      <div dir="rtl">a &gt; <bdi dir="rtl">[ב]</bdi> &gt; c...</div>
+ 
+
+</body></html>
diff --git a/layout/reftests/bidi/712600-2-dyn.html b/layout/reftests/bidi/712600-2-dyn.html
new file mode 100644
index 0000000000..f772241692
--- /dev/null
+++ b/layout/reftests/bidi/712600-2-dyn.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: neutral when nested</title>
+    <link rel="reference" href="https://bug712600.bugzilla.mozilla.org/bdi-neutral-nested-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'For the purposes of applying the bidirectional algorithm to the paragraph-level
+      container that a bdi element finds itself within, the bdi element must be treated
+      like a U+FFFC OBJECT REPLACEMENT CHARACTER.'">
+    <style>
+      body{
+        font-size:2em;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+
+      <div dir="ltr">א + <bdi>[a + <bdi>[ב + <bdi>[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
+      <div dir="ltr">א + <bdi dir="rtl">[a + <bdi dir="ltr">[ב + <bdi dir="rtl">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
+      <div dir="ltr">א + <bdi dir="ltr">[<span id='delete1'>z +</span>a + <bdi dir="rtl">[ב + <bdi dir="ltr">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
+      <div dir="rtl">a + <bdi>[א + <bdi>[b + <bdi>[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
+      <div dir="rtl">a + <bdi dir="ltr">[א + <bdi dir="rtl">[b + <bdi dir="ltr">[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
+      <div dir="rtl">a + <bdi dir="rtl">[א + <bdi dir="ltr">[<span
+      id='delete2'>z + </span>b + <bdi dir="rtl">[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
+
+      <script type="text/javascript">
+	function deleteSpans() {
+	    var n = document.getElementById('delete1');
+	    var n2 = document.getElementById('delete2');
+	    n.remove();
+	    n2.remove();
+            document.documentElement.removeAttribute("class");
+        }
+        document.addEventListener("MozReftestInvalidate", deleteSpans);
+      </script>
+
+</body></html>
diff --git a/layout/reftests/bidi/712600-2-ref.html b/layout/reftests/bidi/712600-2-ref.html
new file mode 100644
index 0000000000..3881946557
--- /dev/null
+++ b/layout/reftests/bidi/712600-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: neutral when nested</title>
+    <link rel="reference" href="https://bug712600.bugzilla.mozilla.org/bdi-neutral-nested-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'For the purposes of applying the bidirectional algorithm to the paragraph-level
+      container that a bdi element finds itself within, the bdi element must be treated
+      like a U+FFFC OBJECT REPLACEMENT CHARACTER.'">
+    <style>
+      body{
+        font-size:2em;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+
+      <div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
+      <div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
+      <div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
+      <div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
+      <div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
+      <div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
+
+</body></html>
diff --git a/layout/reftests/bidi/712600-2.html b/layout/reftests/bidi/712600-2.html
new file mode 100644
index 0000000000..dae4353b3f
--- /dev/null
+++ b/layout/reftests/bidi/712600-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: neutral when nested</title>
+    <link rel="reference" href="https://bug712600.bugzilla.mozilla.org/bdi-neutral-nested-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'For the purposes of applying the bidirectional algorithm to the paragraph-level
+      container that a bdi element finds itself within, the bdi element must be treated
+      like a U+FFFC OBJECT REPLACEMENT CHARACTER.'">
+    <style>
+      body{
+        font-size:2em;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+
+      <div dir="ltr">א + <bdi>[a + <bdi>[ב + <bdi>[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
+      <div dir="ltr">א + <bdi dir="rtl">[a + <bdi dir="ltr">[ב + <bdi dir="rtl">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
+      <div dir="ltr">א + <bdi dir="ltr">[a + <bdi dir="rtl">[ב + <bdi dir="ltr">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
+      <div dir="rtl">a + <bdi>[א + <bdi>[b + <bdi>[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
+      <div dir="rtl">a + <bdi dir="ltr">[א + <bdi dir="rtl">[b + <bdi dir="ltr">[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
+      <div dir="rtl">a + <bdi dir="rtl">[א + <bdi dir="ltr">[b + <bdi dir="rtl">[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
+</body></html>
diff --git a/layout/reftests/bidi/712600-3-ref.html b/layout/reftests/bidi/712600-3-ref.html
new file mode 100644
index 0000000000..123dd3a379
--- /dev/null
+++ b/layout/reftests/bidi/712600-3-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: neutral when wrapped</title>
+    <link rel="reference" href="bdi-neutral-wrapped-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'For the purposes of applying the bidirectional algorithm to the paragraph-level
+      container that a bdi element finds itself within, the bdi element must be treated
+      like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
+
+      Obviously, this should hold even if the BDI's content is wrapped over more than one line.
+      A single character (U+FFFC or otherwise) obviously never gets wrapped over more than one
+      line, but we still expect the part of the content preceding the BDI, if any, that is
+      displayed on the same line as some part of the BDI to be ordered the same as it would be
+      if that part of the BDI were replaced with U+FFFC. Similarly, we expect the part of the
+      content following the BDI, if any, that is displayed on the same line as some part of the
+      BDI to be ordered the same as it would be if that part of the BDI were replaced with U+FFFC.
+      
+      In the test below, the content surrounding the BDI forms a single directional run (despite
+      the containing element and the BDI both having the opposite direction, because the BDI is
+      treated as a neutral). Thus, on the line containing the first part of the BDI, the BDI's
+      content appears after the content preceding it, and on the line containing the last part of
+      the BDI, the BDI content appears before the content following it, where both 'before' and
+      'after' are defined relative to the surrounding content's direction. And, of course, the line
+      containing just BDI content should be ordered in the BDI's direction.">
+    <style>
+      body{
+        font-size:2em;
+      }
+      .box {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+    <div class="box">
+      <div dir="ltr">&#x202D;b &lt; &#x05D0;&#x202C;<br/>&#x202D;&gt;&gt;&gt;&#x202C;<br/>&#x202D;&#x05D3; &lt; c...&#x202C;</div>
+      <div dir="rtl">&#x202D;a &gt; &#x05D1;&#x202C;<br/>&#x202D;&lt;&lt;&lt;&#x202C;<br/>&#x202D;...&#x05D2; &gt; d&#x202C;</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/712600-3.html b/layout/reftests/bidi/712600-3.html
new file mode 100644
index 0000000000..68d44b0e3e
--- /dev/null
+++ b/layout/reftests/bidi/712600-3.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: neutral when wrapped</title>
+    <link rel="reference" href="bdi-neutral-wrapped-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'For the purposes of applying the bidirectional algorithm to the paragraph-level
+      container that a bdi element finds itself within, the bdi element must be treated
+      like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
+
+      Obviously, this should hold even if the BDI's content is wrapped over more than one line.
+      A single character (U+FFFC or otherwise) obviously never gets wrapped over more than one
+      line, but we still expect the part of the content preceding the BDI, if any, that is
+      displayed on the same line as some part of the BDI to be ordered the same as it would be
+      if that part of the BDI were replaced with U+FFFC. Similarly, we expect the part of the
+      content following the BDI, if any, that is displayed on the same line as some part of the
+      BDI to be ordered the same as it would be if that part of the BDI were replaced with U+FFFC.
+      
+      In the test below, the content surrounding the BDI forms a single directional run (despite
+      the containing element and the BDI both having the opposite direction, because the BDI is
+      treated as a neutral). Thus, on the line containing the first part of the BDI, the BDI's
+      content appears after the content preceding it, and on the line containing the last part of
+      the BDI, the BDI content appears before the content following it, where both 'before' and
+      'after' are defined relative to the surrounding content's direction. And, of course, the line
+      containing just BDI content should be ordered in the BDI's direction.">
+    <style>
+      body{
+        font-size:2em;
+      }
+      .box {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+    <div class="box">
+      <div dir="ltr">
+        &#x05D0; &gt;
+        <bdi>b
+          &gt;&gt;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          c</bdi>
+        &gt; &#x05D3;...
+      </div>
+      <div dir="rtl">
+        a &gt;
+        <bdi>&#x05D1;
+          &gt;&gt;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          &#x05D2;</bdi>
+        &gt; d...
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/718236-1-ref.html b/layout/reftests/bidi/718236-1-ref.html
new file mode 100644
index 0000000000..46f88459a9
--- /dev/null
+++ b/layout/reftests/bidi/718236-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+ </head>
+ <body>
+  <div>&#x062A;<span>&#x0661;</span><span>&#x0663;</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/718236-1.html b/layout/reftests/bidi/718236-1.html
new file mode 100644
index 0000000000..6db5650c22
--- /dev/null
+++ b/layout/reftests/bidi/718236-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <script>
+
+function boom()
+{
+  // Force frame construction
+  document.documentElement.offsetHeight;
+
+  // A dynamic change
+  var x = document.getElementById("x");
+  x.remove();
+}
+
+  </script>
+ </head>
+ <body onload="boom();">
+  <div>&#x062A;<span>&#x0661;<span id="x"></span>&#x0663;</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/718236-2-ref.html b/layout/reftests/bidi/718236-2-ref.html
new file mode 100644
index 0000000000..765430874f
--- /dev/null
+++ b/layout/reftests/bidi/718236-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+ </head>
+ <body>
+  <div><span>&#x0661;</span><span>&#x0663;</span>&#x062A;</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/718236-2.html b/layout/reftests/bidi/718236-2.html
new file mode 100644
index 0000000000..4c77651b8a
--- /dev/null
+++ b/layout/reftests/bidi/718236-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <script>
+
+function boom()
+{
+  // Force frame construction
+  document.documentElement.offsetHeight;
+
+  // A dynamic change
+  var x = document.getElementById("x");
+  x.remove();
+}
+
+  </script>
+ </head>
+ <body onload="boom();">
+  <div><span>&#x0661;<span id="x"></span>&#x0663;</span>&#x062A;</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/718236-3-ref.html b/layout/reftests/bidi/718236-3-ref.html
new file mode 100644
index 0000000000..e25629f29d
--- /dev/null
+++ b/layout/reftests/bidi/718236-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+ </head>
+ <body>
+  <div><span>&#x0661;</span><span>&#x0663;</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/718236-3.html b/layout/reftests/bidi/718236-3.html
new file mode 100644
index 0000000000..aad0de4553
--- /dev/null
+++ b/layout/reftests/bidi/718236-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <script>
+
+function boom()
+{
+  // Force frame construction
+  document.documentElement.offsetHeight;
+
+  // A dynamic change
+  var x = document.getElementById("x");
+  x.remove();
+}
+
+  </script>
+ </head>
+ <body onload="boom();">
+  <div><span>&#x0661;<span id="x"></span>&#x0663;</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/726460-1-ref.html b/layout/reftests/bidi/726460-1-ref.html
new file mode 100644
index 0000000000..a3430fa71e
--- /dev/null
+++ b/layout/reftests/bidi/726460-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+  </head>
+  <body>
+    <div><span><span>&#x062A</span>C</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/726460-1.html b/layout/reftests/bidi/726460-1.html
new file mode 100644
index 0000000000..4bf756a810
--- /dev/null
+++ b/layout/reftests/bidi/726460-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <script>
+
+function boom()
+{
+  // Force frame construction
+  document.documentElement.offsetHeight;
+
+  // A dynamic change
+  document.getElementById("x").firstChild.data = "\u062A"
+}
+
+window.addEventListener("load", boom);
+
+    </script>
+  </head>
+  <body>
+    <div><span><span id="x">&#x06CD;B</span>C</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/729047-1-ref.html b/layout/reftests/bidi/729047-1-ref.html
new file mode 100644
index 0000000000..e84a1fe966
--- /dev/null
+++ b/layout/reftests/bidi/729047-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <title>Bug 729047</title>
+    <style>body { line-height: 1.2em; }</style>
+  </head>
+  <body>
+    <div dir=rtl>123,&#x200b;456</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/729047-1.html b/layout/reftests/bidi/729047-1.html
new file mode 100644
index 0000000000..0168476067
--- /dev/null
+++ b/layout/reftests/bidi/729047-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <title>Bug 729047</title>
+    <style>body { line-height: 1.2em; }</style>
+  </head>
+  <body>
+    <div dir=rtl>123,<wbr>456</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/730562-1-ref.html b/layout/reftests/bidi/730562-1-ref.html
new file mode 100644
index 0000000000..04a7431a49
--- /dev/null
+++ b/layout/reftests/bidi/730562-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+  </head>
+  <body>
+    <div style="direction: rtl; white-space: pre;"><span style="outline: 1px solid red;" id="x">
+
+
+</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/730562-1.html b/layout/reftests/bidi/730562-1.html
new file mode 100644
index 0000000000..b751b5120c
--- /dev/null
+++ b/layout/reftests/bidi/730562-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <script>
+
+function boom()
+{
+  // Force frame construction
+  document.documentElement.offsetHeight;
+
+  // A dynamic change
+  var x = document.getElementById("x");
+  x.firstChild.remove();
+  x.appendChild(document.createTextNode("\n\n\n"));
+}
+
+    </script>
+  </head>
+  <body onload="boom();">
+    <div style="direction: rtl; white-space: pre;"><span style="outline: 1px solid red;" id="x">
+	:p</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-1-ref.html b/layout/reftests/bidi/746987-1-ref.html
new file mode 100644
index 0000000000..519be1dcce
--- /dev/null
+++ b/layout/reftests/bidi/746987-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>unicode-bidi:plaintext on inline</title>
+  </head>
+  <body>
+    <div>[<span dir="rtl">:-) &#x05d0;</span>&lrm;]: 100</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-1.html b/layout/reftests/bidi/746987-1.html
new file mode 100644
index 0000000000..b576bd8bf8
--- /dev/null
+++ b/layout/reftests/bidi/746987-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      .plaintext {
+        unicode-bidi: plaintext;
+      }
+    </style>
+    <title>unicode-bidi:plaintext on inline</title>
+  </head>
+  <body>
+    <div>[<span class="plaintext">:-) &#x05d0;</span>]: 100</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-2-ref.html b/layout/reftests/bidi/746987-2-ref.html
new file mode 100644
index 0000000000..e8d74ba6ab
--- /dev/null
+++ b/layout/reftests/bidi/746987-2-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <style>
+      body {
+        font-size:2em;
+        text-align:left;
+      }
+      .ref {
+        border: medium solid gray;
+        padding: 10px;
+        width: 400px;
+        margin: 20px;
+      }
+    </style>
+    <title>unicode-bidi:plaintext on inline with paragraph breaks</title>
+  </head>
+  <body>
+    <div class="ref">
+      a-><br/>&#x05D0;->&rlm;<br/>a-><br/>&#x05D0;->&rlm;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-2.html b/layout/reftests/bidi/746987-2.html
new file mode 100644
index 0000000000..7df556b82c
--- /dev/null
+++ b/layout/reftests/bidi/746987-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <style>
+      body {
+        font-size:2em;
+        text-align:left;
+      }
+      .test {
+        border: medium solid gray;
+        padding: 10px;
+        width: 400px;
+        margin: 20px;
+      }
+      .plaintext {
+        unicode-bidi: plaintext;
+      }
+    </style>
+    <title>unicode-bidi:plaintext on inline with paragraph breaks</title>
+  </head>
+  <body>
+    <div class="test">
+      <span class="plaintext">a-><br/>&#x05D0;-><br/>a-><br/>&#x05D0;-></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-3-ref.html b/layout/reftests/bidi/746987-3-ref.html
new file mode 100644
index 0000000000..b195db0a4b
--- /dev/null
+++ b/layout/reftests/bidi/746987-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <style>
+      body {
+        font-size:2em;
+        text-align:left;
+      }
+      .ref {
+        border: medium solid gray;
+        padding: 10px;
+        width: 400px;
+        margin: 20px;
+      }
+    </style>
+    <title>unicode-bidi:plaintext does not apply to embedded unicode-bidi:isolate</title>
+  </head>
+  <body>
+    <div class="ref">
+      &#x05D0;->=>&lrm;
+      <span dir="rtl">&#x05D1;->=></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-3.html b/layout/reftests/bidi/746987-3.html
new file mode 100644
index 0000000000..2afc59503f
--- /dev/null
+++ b/layout/reftests/bidi/746987-3.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <style>
+      body {
+        font-size:2em;
+        text-align:left;
+      }
+      .test {
+        border: medium solid gray;
+        padding: 10px;
+        width: 400px;
+        margin: 20px;
+      }
+      .plaintext {
+        unicode-bidi: plaintext;
+      }
+      .isolate {
+        unicode-bidi: isolate;
+      }
+    </style>
+    <title>unicode-bidi:plaintext does not apply to embedded unicode-bidi:isolate</title>
+  </head>
+  <body>
+    <div class="test">
+      <span class="plaintext"><span class="isolate">&#x05D0;-></span>=></span>
+      <span class="plaintext"><span>&#x05D1;-></span>=></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-4-ref.html b/layout/reftests/bidi/746987-4-ref.html
new file mode 100644
index 0000000000..86043f6cbf
--- /dev/null
+++ b/layout/reftests/bidi/746987-4-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <style>
+      body {
+        font-size:2em;
+        text-align:left;
+      }
+      .ref {
+        border: medium solid gray;
+        padding: 10px;
+        width: 400px;
+        margin: 20px;
+      }
+    </style>
+    <title>unicode-bidi:plaintext does not apply to embedded display:block</title>
+  </head>
+  <body>
+    <div class="ref">
+      &#x05D0;->&rlm;<br/>&#x05D0;-><br/>a-><br/>&#x05D0;-><br/>&#x05D0;->&rlm;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/746987-4.html b/layout/reftests/bidi/746987-4.html
new file mode 100644
index 0000000000..37ae02e46a
--- /dev/null
+++ b/layout/reftests/bidi/746987-4.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <style>
+      body {
+        font-size:2em;
+        text-align:left;
+      }
+      .test {
+        border: medium solid gray;
+        padding: 10px;
+        width: 400px;
+        margin: 20px;
+      }
+      .plaintext {
+        unicode-bidi: plaintext;
+      }
+    </style>
+    <title>unicode-bidi:plaintext does not apply to embedded display:block</title>
+  </head>
+  <body>
+    <div class="test">
+      <div class="plaintext">
+        &#x05D0;->
+        <div>&#x05D0;-></div>
+        a->
+        <div>&#x05D0;-></div>
+        &#x05D0;->
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/779003-1-dynamic.html b/layout/reftests/bidi/779003-1-dynamic.html
new file mode 100644
index 0000000000..3ede41a27d
--- /dev/null
+++ b/layout/reftests/bidi/779003-1-dynamic.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+   <style type="text/css">
+#searchPaginationFooter {
+  direction: rtl;
+}
+
+.backLink {
+  display: inline;
+}
+
+.nextLink {
+  display: inline;
+}
+
+.pagination,
+.pagination li {
+  display: inline;
+}
+   </style>
+ </head>
+ <body>
+   <div>
+     <div id="searchPaginationFooter">
+       <p class="backLink"> &lt; <span class="gray">السابق</span></p>
+       <ul class="pagination">
+	 <li><span class="select">1</span></li>
+	 <li><a href="#page=2">2</a></li>
+	 <li><a href="#page=3">3</a></li>
+	 <li><a href="#page=4">4</a></li>
+	 <li><a href="#page=5">5</a></li>
+	 <li><a href="#page=6">6</a></li>
+	 <li><a href="#page=7">7</a></li>
+	 <li><a href="#page=8">8</a></li>
+	 <li id="here"><a href="#page=9">9</a></li>
+	 <li>...</li>
+	 <li><a href="#page=325">325</a></li>
+       </ul>
+       <p class="nextLink"><a href="#page=2">التالي</a> &gt; </p>
+     </div>
+   </div>
+<script type="text/javascript">
+function removePage() {
+  var here = document.getElementById("here");
+  here.remove();
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", removePage);
+</script>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/779003-1-ref.html b/layout/reftests/bidi/779003-1-ref.html
new file mode 100644
index 0000000000..dfbc638ffc
--- /dev/null
+++ b/layout/reftests/bidi/779003-1-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+   <style type="text/css">
+#searchPaginationFooter {
+  direction: rtl;
+}
+
+.backLink {
+  display: inline-block;
+}
+
+.nextLink {
+  display: inline-block;
+}
+
+.pagination,
+.pagination li {
+  display: inline-block;
+  margin: 0;
+}
+
+p { margin: 0; } 
+   </style>
+ </head>
+ <body>
+   <div>
+     <div id="searchPaginationFooter">
+       <p class="backLink"> &lt; <span class="gray">السابق</span></p>
+       <ul class="pagination">
+	 <li><span class="select">1</span></li>
+	 <li><a href="#page=2">2</a></li>
+	 <li><a href="#page=3">3</a></li>
+	 <li><a href="#page=4">4</a></li>
+	 <li><a href="#page=5">5</a></li>
+	 <li><a href="#page=6">6</a></li>
+	 <li><a href="#page=7">7</a></li>
+	 <li><a href="#page=8">8</a></li>
+	 <li>...</li>
+	 <li><a href="#page=325">325</a></li>
+       </ul>
+       <p class="nextLink"><a href="#page=2">التالي</a> &gt; </p>
+     </div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/779003-1.html b/layout/reftests/bidi/779003-1.html
new file mode 100644
index 0000000000..2fffb8eb13
--- /dev/null
+++ b/layout/reftests/bidi/779003-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+   <style type="text/css">
+#searchPaginationFooter {
+  direction: rtl;
+}
+
+.backLink {
+  display: inline;
+}
+
+.nextLink {
+  display: inline;
+}
+
+.pagination,
+.pagination li {
+  display: inline;
+}
+   </style>
+ </head>
+ <body>
+   <div>
+     <div id="searchPaginationFooter">
+       <p class="backLink"> &lt; <span class="gray">السابق</span></p>
+       <ul class="pagination">
+	 <li><span class="select">1</span></li>
+	 <li><a href="#page=2">2</a></li>
+	 <li><a href="#page=3">3</a></li>
+	 <li><a href="#page=4">4</a></li>
+	 <li><a href="#page=5">5</a></li>
+	 <li><a href="#page=6">6</a></li>
+	 <li><a href="#page=7">7</a></li>
+	 <li><a href="#page=8">8</a></li>
+	 <li>...</li>
+	 <li><a href="#page=325">325</a></li>
+       </ul>
+       <p class="nextLink"><a href="#page=2">التالي</a> &gt; </p>
+     </div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/817406-1-ref.html b/layout/reftests/bidi/817406-1-ref.html
new file mode 100644
index 0000000000..1e3e747028
--- /dev/null
+++ b/layout/reftests/bidi/817406-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html style="width: 50%; margin-left: auto;">
+<div style="background: green; height: 10em;"></div>
+</html>
diff --git a/layout/reftests/bidi/817406-1.html b/layout/reftests/bidi/817406-1.html
new file mode 100644
index 0000000000..d01fa724e5
--- /dev/null
+++ b/layout/reftests/bidi/817406-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html dir="rtl" style="width: 50%;">
+<div style="background: green; height: 10em;"></div>
+</html>
diff --git a/layout/reftests/bidi/817406-2-ref.html b/layout/reftests/bidi/817406-2-ref.html
new file mode 100644
index 0000000000..fd1f20e0cf
--- /dev/null
+++ b/layout/reftests/bidi/817406-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html style="width: 50%; right: 0; position: absolute;">
+<div style="background: green; height: 10em;"></div>
+</html>
diff --git a/layout/reftests/bidi/817406-2.html b/layout/reftests/bidi/817406-2.html
new file mode 100644
index 0000000000..ebc3ebb98c
--- /dev/null
+++ b/layout/reftests/bidi/817406-2.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html style="width: 50%; direction: rtl; position: absolute;">
+<div style="background: green; height: 10em;"></div>
+</html>
diff --git a/layout/reftests/bidi/817406-3.html b/layout/reftests/bidi/817406-3.html
new file mode 100644
index 0000000000..90313bde4a
--- /dev/null
+++ b/layout/reftests/bidi/817406-3.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html style="width: 50%;">
+<body onload="document.documentElement.dir = 'rtl'">
+<div style="background: green; height: 10em;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/817406-4.html b/layout/reftests/bidi/817406-4.html
new file mode 100644
index 0000000000..3e90274248
--- /dev/null
+++ b/layout/reftests/bidi/817406-4.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html style="width: 50%;">
+<body style="direction: rtl;">
+<div style="background: green; height: 10em;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/83958-1-ref.html b/layout/reftests/bidi/83958-1-ref.html
new file mode 100644
index 0000000000..146b7cd321
--- /dev/null
+++ b/layout/reftests/bidi/83958-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidirectional Text Test 2</title>
+  <style>
+   body { font-size: 300%; }
+   p { font-family: monospace; margin: 0; }
+  </style>
+ </head>
+ <body>
+  <p>The following lines should all read "ABCDEFGHI":</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+  <p>ABCDEFGHI</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/83958-1a.html b/layout/reftests/bidi/83958-1a.html
new file mode 100644
index 0000000000..5362759e0b
--- /dev/null
+++ b/layout/reftests/bidi/83958-1a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidirectional Text Test 2 - Formatting Characters</title>
+  <style>
+   body { font-size: 300%; }
+   p { font-family: monospace; text-align: left; margin: 0; }
+  </style>
+ </head>
+<!-- Testcases based on https://dbaron.org/css/test/bidi2_charcode by L. David Baron. -->
+ <body>
+  <p>The following lines should all read "ABCDEFGHI":</p>
+  <p>ABCDEFGHI</p>
+  <p dir="rtl">&#x202b;ABCDEFGHI&#x202c;</p>
+  <p dir="rtl">&#x202b;ABC<span>DEF</span>GHI&#x202c;</p>
+  <p dir="rtl">&#x202e;IHGFEDCBA&#x202c;</p>
+  <p dir="rtl">&#x202e;IHG<span>FED</span>CBA&#x202c;</p>
+  <p dir="rtl">&#x202e;IHG&#x202b;DEF&#x202c;CBA&#x202c;</p>
+  <p dir="rtl">&#x202e;IHG&#x202e;FED&#x202c;CBA&#x202c;</p>
+  <p dir="rtl">&#x202e;IHG&#x202e;FED&#x202c;CBA&#x202c;</p>
+  <p dir="rtl">&#x202e;IHG&#x202d;DEF&#x202c;CBA&#x202c;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/83958-1b.html b/layout/reftests/bidi/83958-1b.html
new file mode 100644
index 0000000000..22d72a49cc
--- /dev/null
+++ b/layout/reftests/bidi/83958-1b.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidirectional Text Test 2 - CSS</title>
+  <style>
+   body { font-size: 300%; }
+   p { font-family: monospace; text-align: left; margin: 0; }
+.rtl { direction: rtl; }
+.ltr { direction: ltr; }
+.rle { direction: rtl; unicode-bidi: embed; }
+.lre { direction: ltr; unicode-bidi: embed; }
+.rlo { direction: rtl; unicode-bidi: bidi-override; }
+.lro { direction: ltr; unicode-bidi: bidi-override; }
+.embed { unicode-bidi: embed; }
+.override { unicode-bidi: bidi-override; }
+  </style>
+ </head>
+<!-- Testcases based on https://dbaron.org/css/test/bidi2 by L. David Baron. -->
+ <body>
+  <p>The following lines should all read "ABCDEFGHI":</p>
+  <p>ABCDEFGHI</p>
+  <p class="rtl">ABCDEFGHI</p>
+  <p class="rtl">ABC<span>DEF</span>GHI</p>
+  <p class="rlo">IHGFEDCBA</p>
+  <p class="rlo">IHG<span>FED</span>CBA</p>
+  <p class="rlo">IHG<span class="embed">DEF</span>CBA</p>
+  <p class="rlo">IHG<span class="override">FED</span>CBA</p>
+  <p class="rlo">IHG<span style="unicode-bidi: inherit">FED</span>CBA</p>
+  <p class="rlo">IHG<span class="lro">DEF</span>CBA</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/83958-1c.html b/layout/reftests/bidi/83958-1c.html
new file mode 100644
index 0000000000..b81362fb44
--- /dev/null
+++ b/layout/reftests/bidi/83958-1c.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidirectional Text Test 2 - HTML</title>
+  <style>
+   body { font-size: 300%; }
+   p { font-family: monospace; text-align: left; margin: 0; }
+.rtl { direction: rtl; }
+.ltr { direction: ltr; }
+.rle { direction: rtl; unicode-bidi: embed; }
+.lre { direction: ltr; unicode-bidi: embed; }
+.rlo { direction: rtl; unicode-bidi: bidi-override;}
+.lro { direction: ltr; unicode-bidi: bidi-override; }
+.embed { unicode-bidi: embed; }
+.override { unicode-bidi: bidi-override; }
+  </style>
+ </head>
+<!-- Testcases based on https://dbaron.org/css/test/bidi2_html by L. David Baron. -->
+ <body>
+  <p>The following lines should all read "ABCDEFGHI":</p>
+  <p>ABCDEFGHI</p>
+  <p class="rtl">ABCDEFGHI</p>
+  <p class="rtl">ABC<span>DEF</span>GHI</p>
+  <p class="rlo">IHGFEDCBA</p>
+  <p class="rlo">IHG<span>FED</span>CBA</p>
+  <p class="rlo">IHG<span dir="rtl">DEF</span>CBA</p>
+  <p class="rlo">IHG<bdo dir="rtl">FED</bdo>CBA</p>
+  <p class="rlo">IHG<span style="unicode-bidi: inherit">FED</span>CBA</p>
+  <p class="rlo">IHG<bdo dir="ltr">DEF</bdo>CBA</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/83958-2-ref.html b/layout/reftests/bidi/83958-2-ref.html
new file mode 100644
index 0000000000..2f775efb15
--- /dev/null
+++ b/layout/reftests/bidi/83958-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidirectional Text Test 2</title>
+  <style>
+   p { font-family: monospace; direction: ltr; unicode-bidi: bidi-override;}
+  </style>
+ </head>
+ <body>
+  <p>&#x05D2;&#x05D1;&#x05D0;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;&nbsp;ABC&nbsp;&#x05D5;&#x05D4;&#x05D3;</p>
+  <p>&#x05D5;&#x05D4;&#x05D3;&nbsp;ABC&nbsp;&#x05D2;&#x05D1;&#x05D0;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;&nbsp;ABC&nbsp;&#x05D5;&#x05D4;&#x05D3;&nbsp;DEF&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;&nbsp;ABC&nbsp;&#x05D5;&#x05D4;&#x05D3;&nbsp;DEF&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;&nbsp;ABC&nbsp;&#x05D5;&#x05D4;&#x05D3;&nbsp;DEF&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>&#x05D8;&#x05D7;&#x05D6;&nbsp;DEF&nbsp;&#x05D5;&#x05D4;&#x05D3;&nbsp;ABC&nbsp;&#x05D2;&#x05D1;&#x05D0;</p>
+  <p>&#x05D5;&#x05D4;&#x05D3;&nbsp;ABC&nbsp;&#x05D2;&#x05D1;&#x05D0;&nbsp;DEF&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>&#x05D5;&#x05D4;&#x05D3;&nbsp;CBA&nbsp;&#x05D2;&#x05D1;&#x05D0;&nbsp;DEF&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;&nbsp;ABC&nbsp;&#x05D3;&#x05D4;&#x05D5;&nbsp;DEF&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>&#x05D8;&#x05D7;&#x05D6;&nbsp;ABC&nbsp;&#x05D3;&#x05D4;&#x05D5;&nbsp;DEF&nbsp;&#x05D2;&#x05D1;&#x05D0;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;&nbsp;ABC&nbsp;&#x05D5;&#x05D4;&#x05D3;&nbsp;DEF&nbsp;GHI&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>FED&nbsp;&#x05D5;&#x05D4;&#x05D3;&nbsp;CBA&nbsp;&#x05D2;&#x05D1;&#x05D0;&nbsp;GHI&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+  <p>&#x05D2;&#x05D1;&#x05D0;&nbsp;ABC&nbsp;FED&nbsp;&#x05D5;&#x05D4;&#x05D3;&nbspGHI&nbsp;&#x05D8;&#x05D7;&#x05D6;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/83958-2a.html b/layout/reftests/bidi/83958-2a.html
new file mode 100644
index 0000000000..f9872c73ba
--- /dev/null
+++ b/layout/reftests/bidi/83958-2a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidirectional Text Test 2 - Formatting Characters</title>
+  <style>
+   p { font-family: monospace; text-align: left; }
+  </style>
+ </head>
+<!-- Testcases based on https://dbaron.org/css/test/bidi2_charcode by L. David Baron. -->
+ <body>
+  <p>&#x05D0;&#x05D1;&#x05D2;</p>
+  <p>&#x202a;&#x05D0;&#x05D1;&#x05D2;&#x202c;</p>
+  <p>&#x202d;&#x05D0;&#x05D1;&#x05D2;&#x202c;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5;</p>
+  <p dir="rtl">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span>ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; &#x202a;ABC &#x05D3;&#x05D4;&#x05D5; DEF&#x202c; &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; &#x202b;ABC &#x05D3;&#x05D4;&#x05D5; DEF&#x202c; &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; &#x202b;ABC &#x05D3;&#x05D4;&#x05D5;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; &#x202e;ABC &#x05D3;&#x05D4;&#x05D5;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; &#x202d;ABC &#x05D3;&#x05D4;&#x05D5;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p dir="rtl">&#x05D0;&#x05D1;&#x05D2; &#x202d;ABC &#x05D3;&#x05D4;&#x05D5;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF GHI &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; &#x202e;ABC &#x05D3;&#x05D4;&#x05D5; DEF&#x202c; GHI &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC &#x202e;&#x05D3;&#x05D4;&#x05D5; DEF&#x202c; GHI &#x05D6;&#x05D7;&#x05D8;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/83958-2b.html b/layout/reftests/bidi/83958-2b.html
new file mode 100644
index 0000000000..d6c8c2f651
--- /dev/null
+++ b/layout/reftests/bidi/83958-2b.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Bidirectional Text Test 2 - CSS</title>
+  <style>
+p { font-family: monospace; text-align: left; }
+.embed { unicode-bidi: embed; }
+.override { unicode-bidi: bidi-override; }
+.rtl { direction: rtl; }
+.ltr { direction: ltr; }
+  </style>
+ </head>
+<!-- Testcases based on https://dbaron.org/css/test/bidi2 by L. David Baron. -->
+ <body>
+  <p>&#x05D0;&#x05D1;&#x05D2;</p>
+  <p class="embed">&#x05D0;&#x05D1;&#x05D2;</p>
+  <p class="override">&#x05D0;&#x05D1;&#x05D2;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5;</p>
+  <p class="rtl">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span>ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span class="ltr embed">ABC &#x05D3;&#x05D4;&#x05D5; DEF</span> &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span class="rtl embed">ABC &#x05D3;&#x05D4;&#x05D5; DEF</span> &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span class="rtl embed">ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span class="rtl override">ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span class="ltr override">ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p class="rtl">&#x05D0;&#x05D1;&#x05D2; <span class="ltr override">ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF GHI &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; <span class="rtl override">ABC &#x05D3;&#x05D4;&#x05D5; DEF</span> GHI &#x05D6;&#x05D7;&#x05D8;</p>
+  <p>&#x05D0;&#x05D1;&#x05D2; ABC <span class="rtl override">&#x05D3;&#x05D4;&#x05D5; DEF</span> GHI &#x05D6;&#x05D7;&#x05D8;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/847242-1-ref.html b/layout/reftests/bidi/847242-1-ref.html
new file mode 100644
index 0000000000..8bb910fa08
--- /dev/null
+++ b/layout/reftests/bidi/847242-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="utf-8">
+   <style>
+    div {
+     font-family: monospace;
+     font-size: 24px;
+     }
+   </style>
+ </head>
+ <body>
+   <div>PASS&#x2029;</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/847242-1.html b/layout/reftests/bidi/847242-1.html
new file mode 100644
index 0000000000..7672216f74
--- /dev/null
+++ b/layout/reftests/bidi/847242-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="utf-8">
+   <style>
+    div {
+     unicode-bidi: bidi-override;
+     direction: rtl;
+     text-align: left;
+     font-family: monospace;
+     font-size: 24px;
+     }
+   </style>
+ </head>
+ <body>
+   <div>&#x2029;SSAP</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/869833-1-ref.xhtml b/layout/reftests/bidi/869833-1-ref.xhtml
new file mode 100644
index 0000000000..01215ea160
--- /dev/null
+++ b/layout/reftests/bidi/869833-1-ref.xhtml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/css" href="data:text/css,
+label.ltr { direction: ltr; }
+label.rtl { direction: rtl; }
+tree { height: 100px; }
+"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tree>
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="&#x202a;Hello!&#x202c;"/>
+	</treerow>
+      </treeitem>
+      <treeitem>
+	<treerow>
+          <treecell label="&#x202b;שלום!&#x202c;"/>
+	</treerow>
+      </treeitem>
+      <treeitem>
+	<treerow>
+          <treecell label="&#x202b;123 إفتح يا سمسم !&#x202c;"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bidi/869833-1.xhtml b/layout/reftests/bidi/869833-1.xhtml
new file mode 100644
index 0000000000..3f306aed6c
--- /dev/null
+++ b/layout/reftests/bidi/869833-1.xhtml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+    treechildren::-moz-tree-cell, label { unicode-bidi: plaintext; }
+    tree { height: 100px; }
+  ]]></style>
+  <tree>
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="Hello!"/>
+	</treerow>
+      </treeitem>
+      <treeitem>
+	<treerow>
+          <treecell label="שלום!"/>
+	</treerow>
+      </treeitem>
+      <treeitem>
+	<treerow>
+          <treecell label="123 إفتح يا سمسم !"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bidi/922530-1-ref.html b/layout/reftests/bidi/922530-1-ref.html
new file mode 100644
index 0000000000..ba297056a2
--- /dev/null
+++ b/layout/reftests/bidi/922530-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>ALM character</title>
+    <style type="text/css">
+      p { font-size: 2em; }
+    </style>
+  </head>
+  <body>
+    <p>a2+1</p>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/922530-1.html b/layout/reftests/bidi/922530-1.html
new file mode 100644
index 0000000000..584f6d2852
--- /dev/null
+++ b/layout/reftests/bidi/922530-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>ALM character</title>
+    <style type="text/css">
+      p { font-size: 2em; }
+    </style>
+    <!--
+	Test that U+061C functions as an invisible Arabic character.
+
+	In the test text it is followed by two European numbers with a
+	European separator between them. By rules W2, W3 and W6 of the
+	Bidi algorithm (http://unicode.org/reports/tr9/#W2) the
+	European numbers change to Arabic numbers, the ARABIC LETTER
+	MARK changes to R and the separator changes to Other Neutral,
+	and then by rule N1 the Arabic numbers make the separator
+	change to R, so the final visual order is "a2+1&#x061c;", but
+	the &#x061c should not appear
+      -->
+</head>
+  <body>
+    <p>a&#x061c;1+2</p>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/922550-1-ref.html b/layout/reftests/bidi/922550-1-ref.html
new file mode 100644
index 0000000000..40a51ca718
--- /dev/null
+++ b/layout/reftests/bidi/922550-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Bidi with European terminators</title>
+    <style type="text/css">
+      p { unicode-bidi: bidi-override; }
+    </style>
+  </head>
+  <body>
+    <p>In the Bidi Algorithm, a sequence of European terminators
+      adjacent to European numbers changes to all European numbers. A
+      change was made in Unicode 6.3 so that all undefined Unicode
+      codepoints betweem U+20A0 and U+20CF would have the bidi category of
+      European terminator by default</p>
+    <p>$$$$1000000 סרפ!!!</p>
+    <p>&#x20A0;&#x20A0;&#x20A0;&#x20A0;1000000 סרפ!!!</p>
+    <p>&#x20BA;&#x20BA;&#x20BA;&#x20BA;1000000 סרפ!!!</p>
+    <p>&#x20CF;&#x20CF;&#x20CF;&#x20CF;1000000 סרפ!!!</p>
+    <p>&#x20A0;&#x20A1;&#x20A2;&#x20A3;&#x20A4;&#x20A5;&#x20A6;<!--
+   -->&#x20A7;&#x20A8;&#x20A9;&#x20AA;&#x20AB;&#x20AC;&#x20AD;<!--
+   -->&#x20AE;&#x20AF;&#x20B0;&#x20B1;&#x20B2;&#x20B3;&#x20B4;<!--
+   -->&#x20B5;&#x20B6;&#x20B7;&#x20B8;&#x20B9;&#x20BA;&#x20BB;<!--
+   -->&#x20BC;&#x20BD;&#x20BE;&#x20BF;&#x20C0;&#x20C1;&#x20C2;<!--
+   -->&#x20C3;&#x20C4;&#x20C5;&#x20C6;&#x20C7;&#x20C8;&#x20C9;<!--
+   -->&#x20CA;&#x20CB;&#x20CC;&#x20CD;&#x20CE;&#x20CF;1000000 סרפ!!!</p>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/922550-1.html b/layout/reftests/bidi/922550-1.html
new file mode 100644
index 0000000000..6908430791
--- /dev/null
+++ b/layout/reftests/bidi/922550-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Bidi with European terminators</title>
+  </head>
+  <body>
+    <p>In the Bidi Algorithm, a sequence of European terminators
+      adjacent to European numbers changes to all European numbers. A
+      change was made in Unicode 6.3 so that all undefined Unicode
+      codepoints betweem U+20A0 and U+20CF would have the bidi category of
+      European terminator by default</p>
+    <p>פרס $$$$1000000!!!</p>
+    <p>פרס &#x20A0;&#x20A0;&#x20A0;&#x20A0;1000000!!!</p>
+    <p>פרס &#x20BA;&#x20BA;&#x20BA;&#x20BA;1000000!!!</p>
+    <p>פרס &#x20CF;&#x20CF;&#x20CF;&#x20CF;1000000!!!</p>
+    <p>פרס
+      &#x20A0;&#x20A1;&#x20A2;&#x20A3;&#x20A4;&#x20A5;&#x20A6;<!--
+   -->&#x20A7;&#x20A8;&#x20A9;&#x20AA;&#x20AB;&#x20AC;&#x20AD;<!--
+   -->&#x20AE;&#x20AF;&#x20B0;&#x20B1;&#x20B2;&#x20B3;&#x20B4;<!--
+   -->&#x20B5;&#x20B6;&#x20B7;&#x20B8;&#x20B9;&#x20BA;&#x20BB;<!--
+   -->&#x20BC;&#x20BD;&#x20BE;&#x20BF;&#x20C0;&#x20C1;&#x20C2;<!--
+   -->&#x20C3;&#x20C4;&#x20C5;&#x20C6;&#x20C7;&#x20C8;&#x20C9;<!--
+   -->&#x20CA;&#x20CB;&#x20CC;&#x20CD;&#x20CE;&#x20CF;1000000!!!</p>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/989994-1-ref.html b/layout/reftests/bidi/989994-1-ref.html
new file mode 100644
index 0000000000..9c1ca3ad05
--- /dev/null
+++ b/layout/reftests/bidi/989994-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Bug 989994</title>
+    <style>
+div:first-letter { color: red; }
+span { color: blue; height: 100px;}
+    </style>
+  </head>
+  <body>
+    <div style="white-space: pre-line;">A
+foo<span>Z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/989994-1.html b/layout/reftests/bidi/989994-1.html
new file mode 100644
index 0000000000..279d897dbc
--- /dev/null
+++ b/layout/reftests/bidi/989994-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Bug 989994</title>
+    <style>
+div:first-letter { color: red; }
+#s { color: blue; }
+    </style>
+  </head>
+  <body onload="document.getElementById('s').style.height = '100px';">
+    <div style="white-space: pre-line;">A
+foo<span dir="rtl" id="s">Z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/bdi-element-ref.html b/layout/reftests/bidi/bdi-element-ref.html
new file mode 100644
index 0000000000..875f9e51c2
--- /dev/null
+++ b/layout/reftests/bidi/bdi-element-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+</head>
+<body>
+<p>
+  From WebKit <a href='https://bugs.webkit.org/show_bug.cgi?id=50913'>bug 50913</a>
+</p>
+<p>
+In this example, usernames are shown along with the number of posts that the user has submitted. If the bdi element were not used, the username of the Arabic user would end up confusing the text (the bidirectional algorithm would put the colon and the number "3" next to the word "User" rather than next to the word "posts").
+</p>
+<ul>
+ <li><bdo dir="ltr">User jcranmer: 12 posts.</bdo>
+ <li><bdo dir="ltr">User hober: 5 posts.</bdo>
+ <li><bdo dir="ltr">User نايإ: 3 posts.</bdo>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bidi/bdi-element.html b/layout/reftests/bidi/bdi-element.html
new file mode 100644
index 0000000000..d4ef2cd83b
--- /dev/null
+++ b/layout/reftests/bidi/bdi-element.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+</head>
+<body>
+<p>
+  From WebKit <a href='https://bugs.webkit.org/show_bug.cgi?id=50913'>bug 50913</a>
+</p>
+<p>
+In this example, usernames are shown along with the number of posts that the user has submitted. If the bdi element were not used, the username of the Arabic user would end up confusing the text (the bidirectional algorithm would put the colon and the number "3" next to the word "User" rather than next to the word "posts").
+</p>
+<ul>
+ <li>User <bdi>jcranmer</bdi>: 12 posts.
+ <li>User <bdi>hober</bdi>: 5 posts.
+ <li>User <bdi>إيان</bdi>: 3 posts.
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bidi/bidi-000-ref.html b/layout/reftests/bidi/bidi-000-ref.html
new file mode 100644
index 0000000000..9f86f8fa61
--- /dev/null
+++ b/layout/reftests/bidi/bidi-000-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 000: bidi overrides. If this fails, none of the tests in this
+     directory can be relied upon -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p>god yzal eht revo spmuj xof nworb kciuq eht</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-000.html b/layout/reftests/bidi/bidi-000.html
new file mode 100644
index 0000000000..84d8ec534c
--- /dev/null
+++ b/layout/reftests/bidi/bidi-000.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 000: bidi overrides. If this fails, none of the tests in this
+     directory can be relied upon -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p><span style="direction: rtl; unicode-bidi: bidi-override">the quick brown fox jumps over the lazy dog</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-001-j.html b/layout/reftests/bidi/bidi-001-j.html
new file mode 100644
index 0000000000..045232ed63
--- /dev/null
+++ b/layout/reftests/bidi/bidi-001-j.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 001-j: rtl text only with justification -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p lang="he" style="text-align: justify">המשא אשר חזה חבקוק הנביא</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-001-ref.html b/layout/reftests/bidi/bidi-001-ref.html
new file mode 100644
index 0000000000..26583434d1
--- /dev/null
+++ b/layout/reftests/bidi/bidi-001-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p lang="he" style="unicode-bidi: bidi-override">איבנה קוקבח הזח רשא אשמה</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-001-v.html b/layout/reftests/bidi/bidi-001-v.html
new file mode 100644
index 0000000000..adc4fbdaee
--- /dev/null
+++ b/layout/reftests/bidi/bidi-001-v.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 001-v: rtl text only in visual order -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=iso-8859-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p lang="he">����� ����� ��� ��� ����</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-001.html b/layout/reftests/bidi/bidi-001.html
new file mode 100644
index 0000000000..1b5bedae17
--- /dev/null
+++ b/layout/reftests/bidi/bidi-001.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 001: rtl text only -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style
+ <body>
+  <p lang="he">המשא אשר חזה חבקוק הנביא</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-002-ref.html b/layout/reftests/bidi/bidi-002-ref.html
new file mode 100644
index 0000000000..5fd5e7483e
--- /dev/null
+++ b/layout/reftests/bidi/bidi-002-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p lang="he" style="unicode-bidi: bidi-override">v2.0.0.4 תירבעה הסריגה Mozilla Firefox</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-002.html b/layout/reftests/bidi/bidi-002.html
new file mode 100644
index 0000000000..dcb966823a
--- /dev/null
+++ b/layout/reftests/bidi/bidi-002.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 002: mixed rtl and ltr text -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p lang="he" style="direction: rtl; text-align: left;">Mozilla Firefox הגירסה העברית v2.0.0.4</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-003-ref.html b/layout/reftests/bidi/bidi-003-ref.html
new file mode 100644
index 0000000000..65f6e8cfb1
--- /dev/null
+++ b/layout/reftests/bidi/bidi-003-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p lang="he" style="unicode-bidi: bidi-override">v2.0.0.4 תירבעה <b>הסריגה </b>Mozilla <b>Firefox</b></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-003.html b/layout/reftests/bidi/bidi-003.html
new file mode 100644
index 0000000000..56f491c05c
--- /dev/null
+++ b/layout/reftests/bidi/bidi-003.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 003: mixed rtl and ltr text with element boundaries crossing
+     directional run boundaries -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p lang="he" style="direction: rtl; text-align: left;">Mozilla <b>Firefox הגירסה</b> העברית v2.0.0.4</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-004-j.html b/layout/reftests/bidi/bidi-004-j.html
new file mode 100644
index 0000000000..92c2cdccc4
--- /dev/null
+++ b/layout/reftests/bidi/bidi-004-j.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 004-j: rtl text with diacritics and justification -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: Times New Roman, serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p lang="he" style="direction: rtl; text-align: justify;">
+  &#x05D1;&#x05BC;&#x05D5;&#x05BC;&#x05E9;&#x05C1;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-004-ref.html b/layout/reftests/bidi/bidi-004-ref.html
new file mode 100644
index 0000000000..8a2f0bb18c
--- /dev/null
+++ b/layout/reftests/bidi/bidi-004-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: Times New Roman, serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p lang="he" style="unicode-bidi: bidi-override; text-align: right">
+  &#xFB2A;&#xFB35;&#xFB31;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-004.html b/layout/reftests/bidi/bidi-004.html
new file mode 100644
index 0000000000..0a3f4eb5a1
--- /dev/null
+++ b/layout/reftests/bidi/bidi-004.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 004: rtl text with diacritics -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {   
+  font-family: Times New Roman, serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p lang="he" style="direction: rtl;">
+  &#x05D1;&#x05BC;&#x05D5;&#x05BC;&#x05E9;&#x05C1;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-005-ref.html b/layout/reftests/bidi/bidi-005-ref.html
new file mode 100644
index 0000000000..b7453d1cdd
--- /dev/null
+++ b/layout/reftests/bidi/bidi-005-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p lang="he" style="unicode-bidi: bidi-override">&#x10906;&#x10905;&#x10907;&#x10913;&#x10909;&#x1091F;&#x10910;&#x1090E;&#x10900;&#x10905;&#x10907;&#x10913;&#x10909;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-005.html b/layout/reftests/bidi/bidi-005.html
new file mode 100644
index 0000000000..0ec2eafc7a
--- /dev/null
+++ b/layout/reftests/bidi/bidi-005.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 005: rtl text in SMP -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ <body>
+  <p lang="he">&#x10909;&#x10913;&#x10907;&#x10905;&#x10900;&#x1090E;&#x10910;&#x1091F;&#x10909;&#x10913;&#x10907;&#x10905;&#x10906;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-006-j.html b/layout/reftests/bidi/bidi-006-j.html
new file mode 100644
index 0000000000..f533d7958d
--- /dev/null
+++ b/layout/reftests/bidi/bidi-006-j.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest
+     because if there is a bug it will typically be exhibited in the reference
+     rendering as well as in the test. The approach adopted here is to
+     position boxes around the edges of the character without a diacritic and
+     make sure that the character with the diacritic displays in the same
+     space, so that if the diacritic is shifted to the right or left it will
+     be cut off in the test rendering and be visible (in the wrong place) in
+     the reference rendering.
+
+     Relevant bugs:
+     378351 (Windows)
+     386573 (Mac)
+     387653 (Linux)
+     395676 (Windows)
+ -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body { background: white; color: black; }
+p {
+  font-family: sans-serif;
+  font-size: 36px;
+  margin: 0;
+  text-align: justify;
+}
+span {
+  display: inline-block;
+  width: 3em;
+  height: 3em;
+  margin-top: -2em;
+  vertical-align: bottom;
+  background: white;
+}
+/* borders should be covered by overhang */
+p#test {
+  border-left: 3em solid red;
+  border-right: 3em solid red;
+  width: max-content;
+  width: intrinsic;
+}
+  </style>
+ <body>
+  <p id="test">&#x5e0;&#x5b8;</p>
+  <p id="overhang"><span></span>&#x5e0;<span></span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-006-ref.html b/layout/reftests/bidi/bidi-006-ref.html
new file mode 100644
index 0000000000..5f4a31e44c
--- /dev/null
+++ b/layout/reftests/bidi/bidi-006-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest
+     because if there is a bug it will typically be exhibited in the reference
+     rendering as well as in the test. The approach adopted here is to
+     position boxes around the edges of the character without a diacritic and
+     make sure that the character with the diacritic displays in the same
+     space, so that if the diacritic is shifted to the right or left it will
+     be cut off in the test rendering and be visible (in the wrong place) in
+     the reference rendering.
+
+     Relevant bugs:
+     378351 (Windows)
+     386573 (Mac)
+     387653 (Linux)
+     395676 (Windows)
+ -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body { background: white; color: black; }
+p {
+  font-family: sans-serif;
+  font-size: 36px;
+  margin: 0;
+}
+span {
+  display: inline-block;
+  width: 3em;
+  height: 3em;
+  margin-top: -2em;
+  vertical-align: bottom;
+}
+p#test { margin: 0 3em; }
+  </style>
+ <body>
+  <p id="test">&#x5e0;&#x5b8;</p>
+  <p id="overhang"><span></span>&#x5e0;<span></span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidi-006.html b/layout/reftests/bidi/bidi-006.html
new file mode 100644
index 0000000000..cf9c14916f
--- /dev/null
+++ b/layout/reftests/bidi/bidi-006.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest
+     because if there is a bug it will typically be exhibited in the reference
+     rendering as well as in the test. The approach adopted here is to
+     position boxes around the edges of the character without a diacritic and
+     make sure that the character with the diacritic displays in the same
+     space, so that if the diacritic is shifted to the right or left it will
+     be cut off in the test rendering and be visible (in the wrong place) in
+     the reference rendering.
+
+     Relevant bugs:
+     378351 (Windows)
+     386573 (Mac)
+     387653 (Linux)
+     395676 (Windows)
+ -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+body { background: white; color: black; }
+p {
+  font-family: sans-serif;
+  font-size: 36px;
+  margin: 0;
+}
+span {
+  display: inline-block;
+  width: 3em;
+  height: 3em;
+  margin-top: -2em;
+  vertical-align: bottom;
+  background: white;
+}
+/* borders should be covered by overhang */
+p#test {
+  border-left: 3em solid red;
+  border-right: 3em solid red;
+  width: max-content;
+  width: intrinsic;
+}
+  </style>
+ <body>
+  <p id="test">&#x5e0;&#x5b8;</p>
+  <p id="overhang"><span></span>&#x5e0;<span></span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/bidiMirroring-ref.svg b/layout/reftests/bidi/bidiMirroring-ref.svg
new file mode 100644
index 0000000000..988ff28882
--- /dev/null
+++ b/layout/reftests/bidi/bidiMirroring-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="800" height="800" class="reftest-wait" onload="reference()">
+  <style>
+    @font-face { font-family: BitPattern; src: url(../fonts/BitPattern.woff); }
+  </style>
+  <script xlink:href="bidiMirroring.js"/>
+</svg>
diff --git a/layout/reftests/bidi/bidiMirroring.js b/layout/reftests/bidi/bidiMirroring.js
new file mode 100644
index 0000000000..0fd521c5f8
--- /dev/null
+++ b/layout/reftests/bidi/bidiMirroring.js
@@ -0,0 +1,407 @@
+// Pairs of mirrored characters from
+// http://www.unicode.org/Public/6.1.0/ucd/BidiMirroring.txt
+var mirrors = [
+  [0x0028, 0x0029],
+  [0x0029, 0x0028],
+  [0x003C, 0x003E],
+  [0x003E, 0x003C],
+  [0x005B, 0x005D],
+  [0x005D, 0x005B],
+  [0x007B, 0x007D],
+  [0x007D, 0x007B],
+  [0x00AB, 0x00BB],
+  [0x00BB, 0x00AB],
+// These four are disabled as on Mac earlier than 10.7, Tibetan characters will
+// not be used from the BitPattern.woff font due to lack of platform support.
+//
+//   [0x0F3A, 0x0F3B],
+//   [0x0F3B, 0x0F3A],
+//   [0x0F3C, 0x0F3D],
+//   [0x0F3D, 0x0F3C],
+  [0x169B, 0x169C],
+  [0x169C, 0x169B],
+  [0x2039, 0x203A],
+  [0x203A, 0x2039],
+  [0x2045, 0x2046],
+  [0x2046, 0x2045],
+  [0x207D, 0x207E],
+  [0x207E, 0x207D],
+  [0x208D, 0x208E],
+  [0x208E, 0x208D],
+  [0x2208, 0x220B],
+  [0x2209, 0x220C],
+  [0x220A, 0x220D],
+  [0x220B, 0x2208],
+  [0x220C, 0x2209],
+  [0x220D, 0x220A],
+  [0x2215, 0x29F5],
+  [0x223C, 0x223D],
+  [0x223D, 0x223C],
+  [0x2243, 0x22CD],
+  [0x2252, 0x2253],
+  [0x2253, 0x2252],
+  [0x2254, 0x2255],
+  [0x2255, 0x2254],
+  [0x2264, 0x2265],
+  [0x2265, 0x2264],
+  [0x2266, 0x2267],
+  [0x2267, 0x2266],
+  [0x2268, 0x2269],
+  [0x2269, 0x2268],
+  [0x226A, 0x226B],
+  [0x226B, 0x226A],
+  [0x226E, 0x226F],
+  [0x226F, 0x226E],
+  [0x2270, 0x2271],
+  [0x2271, 0x2270],
+  [0x2272, 0x2273],
+  [0x2273, 0x2272],
+  [0x2274, 0x2275],
+  [0x2275, 0x2274],
+  [0x2276, 0x2277],
+  [0x2277, 0x2276],
+  [0x2278, 0x2279],
+  [0x2279, 0x2278],
+  [0x227A, 0x227B],
+  [0x227B, 0x227A],
+  [0x227C, 0x227D],
+  [0x227D, 0x227C],
+  [0x227E, 0x227F],
+  [0x227F, 0x227E],
+  [0x2280, 0x2281],
+  [0x2281, 0x2280],
+  [0x2282, 0x2283],
+  [0x2283, 0x2282],
+  [0x2284, 0x2285],
+  [0x2285, 0x2284],
+  [0x2286, 0x2287],
+  [0x2287, 0x2286],
+  [0x2288, 0x2289],
+  [0x2289, 0x2288],
+  [0x228A, 0x228B],
+  [0x228B, 0x228A],
+  [0x228F, 0x2290],
+  [0x2290, 0x228F],
+  [0x2291, 0x2292],
+  [0x2292, 0x2291],
+  [0x2298, 0x29B8],
+  [0x22A2, 0x22A3],
+  [0x22A3, 0x22A2],
+  [0x22A6, 0x2ADE],
+  [0x22A8, 0x2AE4],
+  [0x22A9, 0x2AE3],
+  [0x22AB, 0x2AE5],
+  [0x22B0, 0x22B1],
+  [0x22B1, 0x22B0],
+  [0x22B2, 0x22B3],
+  [0x22B3, 0x22B2],
+  [0x22B4, 0x22B5],
+  [0x22B5, 0x22B4],
+  [0x22B6, 0x22B7],
+  [0x22B7, 0x22B6],
+  [0x22C9, 0x22CA],
+  [0x22CA, 0x22C9],
+  [0x22CB, 0x22CC],
+  [0x22CC, 0x22CB],
+  [0x22CD, 0x2243],
+  [0x22D0, 0x22D1],
+  [0x22D1, 0x22D0],
+  [0x22D6, 0x22D7],
+  [0x22D7, 0x22D6],
+  [0x22D8, 0x22D9],
+  [0x22D9, 0x22D8],
+  [0x22DA, 0x22DB],
+  [0x22DB, 0x22DA],
+  [0x22DC, 0x22DD],
+  [0x22DD, 0x22DC],
+  [0x22DE, 0x22DF],
+  [0x22DF, 0x22DE],
+  [0x22E0, 0x22E1],
+  [0x22E1, 0x22E0],
+  [0x22E2, 0x22E3],
+  [0x22E3, 0x22E2],
+  [0x22E4, 0x22E5],
+  [0x22E5, 0x22E4],
+  [0x22E6, 0x22E7],
+  [0x22E7, 0x22E6],
+  [0x22E8, 0x22E9],
+  [0x22E9, 0x22E8],
+  [0x22EA, 0x22EB],
+  [0x22EB, 0x22EA],
+  [0x22EC, 0x22ED],
+  [0x22ED, 0x22EC],
+  [0x22F0, 0x22F1],
+  [0x22F1, 0x22F0],
+  [0x22F2, 0x22FA],
+  [0x22F3, 0x22FB],
+  [0x22F4, 0x22FC],
+  [0x22F6, 0x22FD],
+  [0x22F7, 0x22FE],
+  [0x22FA, 0x22F2],
+  [0x22FB, 0x22F3],
+  [0x22FC, 0x22F4],
+  [0x22FD, 0x22F6],
+  [0x22FE, 0x22F7],
+  [0x2308, 0x2309],
+  [0x2309, 0x2308],
+  [0x230A, 0x230B],
+  [0x230B, 0x230A],
+  [0x2329, 0x232A],
+  [0x232A, 0x2329],
+  [0x2768, 0x2769],
+  [0x2769, 0x2768],
+  [0x276A, 0x276B],
+  [0x276B, 0x276A],
+  [0x276C, 0x276D],
+  [0x276D, 0x276C],
+  [0x276E, 0x276F],
+  [0x276F, 0x276E],
+  [0x2770, 0x2771],
+  [0x2771, 0x2770],
+  [0x2772, 0x2773],
+  [0x2773, 0x2772],
+  [0x2774, 0x2775],
+  [0x2775, 0x2774],
+  [0x27C3, 0x27C4],
+  [0x27C4, 0x27C3],
+  [0x27C5, 0x27C6],
+  [0x27C6, 0x27C5],
+  [0x27C8, 0x27C9],
+  [0x27C9, 0x27C8],
+  [0x27CB, 0x27CD],
+  [0x27CD, 0x27CB],
+  [0x27D5, 0x27D6],
+  [0x27D6, 0x27D5],
+  [0x27DD, 0x27DE],
+  [0x27DE, 0x27DD],
+  [0x27E2, 0x27E3],
+  [0x27E3, 0x27E2],
+  [0x27E4, 0x27E5],
+  [0x27E5, 0x27E4],
+  [0x27E6, 0x27E7],
+  [0x27E7, 0x27E6],
+  [0x27E8, 0x27E9],
+  [0x27E9, 0x27E8],
+  [0x27EA, 0x27EB],
+  [0x27EB, 0x27EA],
+  [0x27EC, 0x27ED],
+  [0x27ED, 0x27EC],
+  [0x27EE, 0x27EF],
+  [0x27EF, 0x27EE],
+  [0x2983, 0x2984],
+  [0x2984, 0x2983],
+  [0x2985, 0x2986],
+  [0x2986, 0x2985],
+  [0x2987, 0x2988],
+  [0x2988, 0x2987],
+  [0x2989, 0x298A],
+  [0x298A, 0x2989],
+  [0x298B, 0x298C],
+  [0x298C, 0x298B],
+  [0x298D, 0x2990],
+  [0x298E, 0x298F],
+  [0x298F, 0x298E],
+  [0x2990, 0x298D],
+  [0x2991, 0x2992],
+  [0x2992, 0x2991],
+  [0x2993, 0x2994],
+  [0x2994, 0x2993],
+  [0x2995, 0x2996],
+  [0x2996, 0x2995],
+  [0x2997, 0x2998],
+  [0x2998, 0x2997],
+  [0x29B8, 0x2298],
+  [0x29C0, 0x29C1],
+  [0x29C1, 0x29C0],
+  [0x29C4, 0x29C5],
+  [0x29C5, 0x29C4],
+  [0x29CF, 0x29D0],
+  [0x29D0, 0x29CF],
+  [0x29D1, 0x29D2],
+  [0x29D2, 0x29D1],
+  [0x29D4, 0x29D5],
+  [0x29D5, 0x29D4],
+  [0x29D8, 0x29D9],
+  [0x29D9, 0x29D8],
+  [0x29DA, 0x29DB],
+  [0x29DB, 0x29DA],
+  [0x29F5, 0x2215],
+  [0x29F8, 0x29F9],
+  [0x29F9, 0x29F8],
+  [0x29FC, 0x29FD],
+  [0x29FD, 0x29FC],
+  [0x2A2B, 0x2A2C],
+  [0x2A2C, 0x2A2B],
+  [0x2A2D, 0x2A2E],
+  [0x2A2E, 0x2A2D],
+  [0x2A34, 0x2A35],
+  [0x2A35, 0x2A34],
+  [0x2A3C, 0x2A3D],
+  [0x2A3D, 0x2A3C],
+  [0x2A64, 0x2A65],
+  [0x2A65, 0x2A64],
+  [0x2A79, 0x2A7A],
+  [0x2A7A, 0x2A79],
+  [0x2A7D, 0x2A7E],
+  [0x2A7E, 0x2A7D],
+  [0x2A7F, 0x2A80],
+  [0x2A80, 0x2A7F],
+  [0x2A81, 0x2A82],
+  [0x2A82, 0x2A81],
+  [0x2A83, 0x2A84],
+  [0x2A84, 0x2A83],
+  [0x2A8B, 0x2A8C],
+  [0x2A8C, 0x2A8B],
+  [0x2A91, 0x2A92],
+  [0x2A92, 0x2A91],
+  [0x2A93, 0x2A94],
+  [0x2A94, 0x2A93],
+  [0x2A95, 0x2A96],
+  [0x2A96, 0x2A95],
+  [0x2A97, 0x2A98],
+  [0x2A98, 0x2A97],
+  [0x2A99, 0x2A9A],
+  [0x2A9A, 0x2A99],
+  [0x2A9B, 0x2A9C],
+  [0x2A9C, 0x2A9B],
+  [0x2AA1, 0x2AA2],
+  [0x2AA2, 0x2AA1],
+  [0x2AA6, 0x2AA7],
+  [0x2AA7, 0x2AA6],
+  [0x2AA8, 0x2AA9],
+  [0x2AA9, 0x2AA8],
+  [0x2AAA, 0x2AAB],
+  [0x2AAB, 0x2AAA],
+  [0x2AAC, 0x2AAD],
+  [0x2AAD, 0x2AAC],
+  [0x2AAF, 0x2AB0],
+  [0x2AB0, 0x2AAF],
+  [0x2AB3, 0x2AB4],
+  [0x2AB4, 0x2AB3],
+  [0x2ABB, 0x2ABC],
+  [0x2ABC, 0x2ABB],
+  [0x2ABD, 0x2ABE],
+  [0x2ABE, 0x2ABD],
+  [0x2ABF, 0x2AC0],
+  [0x2AC0, 0x2ABF],
+  [0x2AC1, 0x2AC2],
+  [0x2AC2, 0x2AC1],
+  [0x2AC3, 0x2AC4],
+  [0x2AC4, 0x2AC3],
+  [0x2AC5, 0x2AC6],
+  [0x2AC6, 0x2AC5],
+  [0x2ACD, 0x2ACE],
+  [0x2ACE, 0x2ACD],
+  [0x2ACF, 0x2AD0],
+  [0x2AD0, 0x2ACF],
+  [0x2AD1, 0x2AD2],
+  [0x2AD2, 0x2AD1],
+  [0x2AD3, 0x2AD4],
+  [0x2AD4, 0x2AD3],
+  [0x2AD5, 0x2AD6],
+  [0x2AD6, 0x2AD5],
+  [0x2ADE, 0x22A6],
+  [0x2AE3, 0x22A9],
+  [0x2AE4, 0x22A8],
+  [0x2AE5, 0x22AB],
+  [0x2AEC, 0x2AED],
+  [0x2AED, 0x2AEC],
+  [0x2AF7, 0x2AF8],
+  [0x2AF8, 0x2AF7],
+  [0x2AF9, 0x2AFA],
+  [0x2AFA, 0x2AF9],
+  [0x2E02, 0x2E03],
+  [0x2E03, 0x2E02],
+  [0x2E04, 0x2E05],
+  [0x2E05, 0x2E04],
+  [0x2E09, 0x2E0A],
+  [0x2E0A, 0x2E09],
+  [0x2E0C, 0x2E0D],
+  [0x2E0D, 0x2E0C],
+  [0x2E1C, 0x2E1D],
+  [0x2E1D, 0x2E1C],
+  [0x2E20, 0x2E21],
+  [0x2E21, 0x2E20],
+  [0x2E22, 0x2E23],
+  [0x2E23, 0x2E22],
+  [0x2E24, 0x2E25],
+  [0x2E25, 0x2E24],
+  [0x2E26, 0x2E27],
+  [0x2E27, 0x2E26],
+  [0x2E28, 0x2E29],
+  [0x2E29, 0x2E28],
+  [0x3008, 0x3009],
+  [0x3009, 0x3008],
+  [0x300A, 0x300B],
+  [0x300B, 0x300A],
+  [0x300C, 0x300D],
+  [0x300D, 0x300C],
+  [0x300E, 0x300F],
+  [0x300F, 0x300E],
+  [0x3010, 0x3011],
+  [0x3011, 0x3010],
+  [0x3014, 0x3015],
+  [0x3015, 0x3014],
+  [0x3016, 0x3017],
+  [0x3017, 0x3016],
+  [0x3018, 0x3019],
+  [0x3019, 0x3018],
+  [0x301A, 0x301B],
+  [0x301B, 0x301A],
+  [0xFE59, 0xFE5A],
+  [0xFE5A, 0xFE59],
+  [0xFE5B, 0xFE5C],
+  [0xFE5C, 0xFE5B],
+  [0xFE5D, 0xFE5E],
+  [0xFE5E, 0xFE5D],
+  [0xFE64, 0xFE65],
+  [0xFE65, 0xFE64],
+  [0xFF08, 0xFF09],
+  [0xFF09, 0xFF08],
+  [0xFF1C, 0xFF1E],
+  [0xFF1E, 0xFF1C],
+  [0xFF3B, 0xFF3D],
+  [0xFF3D, 0xFF3B],
+  [0xFF5B, 0xFF5D],
+  [0xFF5D, 0xFF5B],
+  [0xFF5F, 0xFF60],
+  [0xFF60, 0xFF5F],
+  [0xFF62, 0xFF63],
+  [0xFF63, 0xFF62]
+];
+
+function show(attributes, text) {
+  var e = document.createElementNS("http://www.w3.org/2000/svg", "text");
+  for (var name in attributes) {
+    e.setAttribute(name, attributes[name]);
+  }
+  e.textContent = text;
+  document.documentElement.appendChild(e);
+}
+
+function showCharacters(isReference) {
+  var row = 0, col = 0;
+  for (var i = 0; i < mirrors.length; i++) {
+    show({ x: col * 50 + 30,
+           y: row * 30 + 30,
+           direction: isReference ? "ltr" : "rtl",
+           "unicode-bidi": "embed",
+           "text-anchor": "middle",
+           "font-family": "BitPattern",
+           "font-size": "40px" },
+         String.fromCharCode(mirrors[i][isReference ? 0 : 1]));
+    if (++col == 16) {
+      col = 0;
+      row++;
+    }
+  }
+  document.documentElement.removeAttribute("class");
+}
+
+function test() {
+  showCharacters(false);
+}
+
+function reference() {
+  showCharacters(true);
+}
diff --git a/layout/reftests/bidi/bidiMirroring.svg b/layout/reftests/bidi/bidiMirroring.svg
new file mode 100644
index 0000000000..93ef3a0041
--- /dev/null
+++ b/layout/reftests/bidi/bidiMirroring.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="800" height="800" class="reftest-wait" onload="test()">
+  <!--
+    BitPattern.woff is a font with a glyph for each mirrored character.
+    (The glyph is a bit pattern of the character's code point, hence the
+    font name.)  The font was generated by:
+    
+      1. Creating an input file that consisted of a four-hex-digit code
+         point per line, for each glyph to be included in the font.
+         (For this test, that would be the 360-odd mirrored characters.)
+
+      2. Running ./generate-bitpattern-font.pl on that input file, which
+         generates an SVG Font file.
+
+      3. Using FontForge to convert that SVG Font file into a WOFF file.
+  -->
+  <style>
+    @font-face { font-family: BitPattern; src: url(../fonts/BitPattern.woff); }
+  </style>
+  <script xlink:href="bidiMirroring.js"/>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-01-ref.svg b/layout/reftests/bidi/bidiSVG-01-ref.svg
new file mode 100644
index 0000000000..c84d5374c4
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-01-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <text x="100" y="20">Bidi in SVG</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-01.svg b/layout/reftests/bidi/bidiSVG-01.svg
new file mode 100644
index 0000000000..c7abbf1475
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-01.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <text x="100" y="20">&#x202e;GVS ni idiB&#x202c;</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-02-ref.svg b/layout/reftests/bidi/bidiSVG-02-ref.svg
new file mode 100644
index 0000000000..ea11dc429e
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-02-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+  <text x="100" y="20">&#x202d;left-to-right text תירבע םע&#x202c;</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-02.svg b/layout/reftests/bidi/bidiSVG-02.svg
new file mode 100644
index 0000000000..33372f1ad8
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-02.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+  <text x="100" y="20">left-to-right text עם עברית</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-03-ref.svg b/layout/reftests/bidi/bidiSVG-03-ref.svg
new file mode 100644
index 0000000000..455de81e75
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-03-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+  <text x="400" y="20" direction="ltr" unicode-bidi="bidi-override" text-anchor="end">in right-to-left element תירבע םע left-to-right text</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-03.svg b/layout/reftests/bidi/bidiSVG-03.svg
new file mode 100644
index 0000000000..20b18f8e43
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-03.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+  <text x="400" y="20" direction="rtl" unicode-bidi="embed">left-to-right text עם עברית in right-to-left element</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-04-ref.svg b/layout/reftests/bidi/bidiSVG-04-ref.svg
new file mode 100644
index 0000000000..c2f9038db1
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-04-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+  <text x="100" y="20" direction="ltr" unicode-bidi="bidi-override" text-anchor="end">&#x0628;&gt;&#x0627;</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-04.svg b/layout/reftests/bidi/bidiSVG-04.svg
new file mode 100644
index 0000000000..ff5c65ad85
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-04.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+  <text x="100" y="20" direction="rtl" unicode-bidi="embed">&#x0627;&lt;&#x0628;</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-05-ref.svg b/layout/reftests/bidi/bidiSVG-05-ref.svg
new file mode 100644
index 0000000000..29d5707b4e
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-05-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+ <text x="100" y="20" unicode-bidi="bidi-override">&#x1090C;&#x1090B;&#x10914;&#x10905;&#x10913;&#x10909;</text>
+</svg>
diff --git a/layout/reftests/bidi/bidiSVG-05.svg b/layout/reftests/bidi/bidiSVG-05.svg
new file mode 100644
index 0000000000..d8e3157472
--- /dev/null
+++ b/layout/reftests/bidi/bidiSVG-05.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200">
+  <text x="100" y="20">&#x10909;&#x10913;&#x10905;&#x10914;&#x1090B;&#x1090C;</text>
+</svg>
diff --git a/layout/reftests/bidi/brackets-1a-ltr-ref.html b/layout/reftests/bidi/brackets-1a-ltr-ref.html
new file mode 100644
index 0000000000..b8e702bef6
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1a-ltr-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1:
+    AB ( CD [ & ef ] ! ) gh
+-->
+<div>&#x5d1;&#x5d0;(&#x5d3;&#x5d2;[&amp;ef]!)gh</div>
diff --git a/layout/reftests/bidi/brackets-1a-ltr.html b/layout/reftests/bidi/brackets-1a-ltr.html
new file mode 100644
index 0000000000..4b134f3517
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1a-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1:
+    AB ( CD [ & ef ] ! ) gh
+-->
+<!-- LTR -->
+<div>&#x5d0;&#x5d1;(&#x5d2;&#x5d3;[&amp;ef]!)gh</div>
diff --git a/layout/reftests/bidi/brackets-1a-rtl-ref.html b/layout/reftests/bidi/brackets-1a-rtl-ref.html
new file mode 100644
index 0000000000..f72f17514c
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1a-rtl-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1:
+    AB ( CD [ & ef ] ! ) gh
+-->
+<div>gh(![ef&amp;]&#x5d3;&#x5d2;)&#x5d1;&#x5d0;</div>
diff --git a/layout/reftests/bidi/brackets-1a-rtl.html b/layout/reftests/bidi/brackets-1a-rtl.html
new file mode 100644
index 0000000000..3672e7b953
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1a-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1:
+    AB ( CD [ & ef ] ! ) gh
+-->
+<!-- RTL -->
+<div dir=rtl>&#x5d0;&#x5d1;(&#x5d2;&#x5d3;[&amp;ef]!)gh</div>
diff --git a/layout/reftests/bidi/brackets-1b-ltr-ref.html b/layout/reftests/bidi/brackets-1b-ltr-ref.html
new file mode 100644
index 0000000000..78dd025099
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1b-ltr-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1, AB and gh swapped:
+    gh ( CD [ & ef ] ! ) AB
+-->
+<div>gh(&#x5d3;&#x5d2;[&amp;ef]!)&#x5d1;&#x5d0;</div>
diff --git a/layout/reftests/bidi/brackets-1b-ltr.html b/layout/reftests/bidi/brackets-1b-ltr.html
new file mode 100644
index 0000000000..edc047854c
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1b-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1, AB and gh swapped:
+    gh ( CD [ & ef ] ! ) AB
+-->
+<!-- LTR -->
+<div>gh(&#x5d2;&#x5d3;[&amp;ef]!)&#x5d0;&#x5d1;</div>
diff --git a/layout/reftests/bidi/brackets-1b-rtl-ref.html b/layout/reftests/bidi/brackets-1b-rtl-ref.html
new file mode 100644
index 0000000000..e627a9e9d8
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1b-rtl-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1, AB and gh swapped:
+    gh ( CD [ & ef ] ! ) AB
+-->
+<div>&#x5d1;&#x5d0;(![ef&amp;]&#x5d3;&#x5d2;)gh</div>
diff --git a/layout/reftests/bidi/brackets-1b-rtl.html b/layout/reftests/bidi/brackets-1b-rtl.html
new file mode 100644
index 0000000000..d7ef85e107
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1b-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1, AB and gh swapped:
+    gh ( CD [ & ef ] ! ) AB
+-->
+<!-- RTL -->
+<div dir=rtl>gh(&#x5d2;&#x5d3;[&amp;ef]!)&#x5d0;&#x5d1;</div>
diff --git a/layout/reftests/bidi/brackets-1c-ltr-ref.html b/layout/reftests/bidi/brackets-1c-ltr-ref.html
new file mode 100644
index 0000000000..df397968d0
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1c-ltr-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1:
+    AB ( ef [ & CD ] ! ) gh
+-->
+<div>&#x5d1;&#x5d0;(ef[&amp;&#x5d3;&#x5d2;]!)gh</div>
diff --git a/layout/reftests/bidi/brackets-1c-ltr.html b/layout/reftests/bidi/brackets-1c-ltr.html
new file mode 100644
index 0000000000..a13eb5c675
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1c-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1, CD and ef swapped:
+    AB ( ef [ & CD ] ! ) gh
+-->
+<!-- LTR -->
+<div>&#x5d0;&#x5d1;(ef[&amp;&#x5d2;&#x5d3;]!)gh</div>
diff --git a/layout/reftests/bidi/brackets-1c-rtl-ref.html b/layout/reftests/bidi/brackets-1c-rtl-ref.html
new file mode 100644
index 0000000000..989f48e070
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1c-rtl-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1:
+    AB ( ef [ & CD ] ! ) gh
+-->
+<div>gh(![&#x5d3;&#x5d2;&amp;]ef)&#x5d1;&#x5d0;</div>
diff --git a/layout/reftests/bidi/brackets-1c-rtl.html b/layout/reftests/bidi/brackets-1c-rtl.html
new file mode 100644
index 0000000000..852e26e108
--- /dev/null
+++ b/layout/reftests/bidi/brackets-1c-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 1, CD and ef swapped:
+    AB ( ef [ & CD ] ! ) gh
+-->
+<!-- RTL -->
+<div dir=rtl>&#x5d0;&#x5d1;(ef[&amp;&#x5d2;&#x5d3;]!)gh</div>
diff --git a/layout/reftests/bidi/brackets-2a-ltr-ref.html b/layout/reftests/bidi/brackets-2a-ltr-ref.html
new file mode 100644
index 0000000000..0e624bddcd
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2a-ltr-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2:
+    smith (fabrikam ARABIC) HEBREW
+-->
+<div>smith (fabrikam &#x64A;&#x628;&#x631;&#x639;&#x644;&#x627;) &#x5EA;&#x5D9;&#x5E8;&#x5D1;&#x5E2;</div>
diff --git a/layout/reftests/bidi/brackets-2a-ltr.html b/layout/reftests/bidi/brackets-2a-ltr.html
new file mode 100644
index 0000000000..74feb7f2f3
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2a-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2:
+    smith (fabrikam ARABIC) HEBREW
+-->
+<!-- LTR -->
+<div>smith (fabrikam &#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;) &#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA;</div>
diff --git a/layout/reftests/bidi/brackets-2a-rtl-ref.html b/layout/reftests/bidi/brackets-2a-rtl-ref.html
new file mode 100644
index 0000000000..7860238ae8
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2a-rtl-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2:
+    smith (fabrikam ARABIC) HEBREW
+-->
+<div>&#x5EA;&#x5D9;&#x5E8;&#x5D1;&#x5E2; (&#x64A;&#x628;&#x631;&#x639;&#x644;&#x627; fabrikam) smith</div>
diff --git a/layout/reftests/bidi/brackets-2a-rtl.html b/layout/reftests/bidi/brackets-2a-rtl.html
new file mode 100644
index 0000000000..02d10e27a5
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2a-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2:
+    smith (fabrikam ARABIC) HEBREW
+-->
+<!-- RTL -->
+<div dir=rtl>smith (fabrikam &#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;) &#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA;</div>
diff --git a/layout/reftests/bidi/brackets-2b-ltr-ref.html b/layout/reftests/bidi/brackets-2b-ltr-ref.html
new file mode 100644
index 0000000000..271c8445b9
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2b-ltr-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with smith and HEBREW exchanged:
+    HEBREW (fabrikam ARABIC) smith
+-->
+<div>&#x5EA;&#x5D9;&#x5E8;&#x5D1;&#x5E2; (fabrikam &#x64A;&#x628;&#x631;&#x639;&#x644;&#x627;) smith</div>
diff --git a/layout/reftests/bidi/brackets-2b-ltr.html b/layout/reftests/bidi/brackets-2b-ltr.html
new file mode 100644
index 0000000000..f6a70f62b6
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2b-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with smith and HEBREW exchanged:
+    HEBREW (fabrikam ARABIC) smith
+-->
+<!-- LTR -->
+<div>&#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA; (fabrikam &#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;) smith</div>
diff --git a/layout/reftests/bidi/brackets-2b-rtl-ref.html b/layout/reftests/bidi/brackets-2b-rtl-ref.html
new file mode 100644
index 0000000000..4a9dcf1070
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2b-rtl-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with smith and HEBREW exchanged:
+    HEBREW (fabrikam ARABIC) smith
+-->
+<div>smith (&#x64A;&#x628;&#x631;&#x639;&#x644;&#x627; fabrikam) &#x5EA;&#x5D9;&#x5E8;&#x5D1;&#x5E2;</div>
diff --git a/layout/reftests/bidi/brackets-2b-rtl.html b/layout/reftests/bidi/brackets-2b-rtl.html
new file mode 100644
index 0000000000..f0579c903b
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2b-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with smith and HEBREW exchanged:
+    HEBREW (fabrikam ARABIC) smith
+-->
+<!-- RTL -->
+<div dir=rtl>&#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA; (fabrikam &#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;) smith</div>
diff --git a/layout/reftests/bidi/brackets-2c-ltr-ref.html b/layout/reftests/bidi/brackets-2c-ltr-ref.html
new file mode 100644
index 0000000000..c27a71e604
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2c-ltr-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with fabrikam and ARABIC exchanged:
+    smith (ARABIC fabrikam) HEBREW
+-->
+<div>smith (&#x64A;&#x628;&#x631;&#x639;&#x644;&#x627; fabrikam) &#x5EA;&#x5D9;&#x5E8;&#x5D1;&#x5E2;</div>
diff --git a/layout/reftests/bidi/brackets-2c-ltr.html b/layout/reftests/bidi/brackets-2c-ltr.html
new file mode 100644
index 0000000000..481ee51c65
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2c-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with fabrikam and ARABIC exchanged:
+    smith (ARABIC fabrikam) HEBREW
+-->
+<!-- LTR -->
+<div>smith (&#x627;&#x644;&#x639;&#x631;&#x628;&#x64A; fabrikam) &#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA;</div>
diff --git a/layout/reftests/bidi/brackets-2c-rtl-ref.html b/layout/reftests/bidi/brackets-2c-rtl-ref.html
new file mode 100644
index 0000000000..635a1bd80d
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2c-rtl-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with fabrikam and ARABIC exchanged:
+    smith (ARABIC fabrikam) HEBREW
+-->
+<div>&#x5EA;&#x5D9;&#x5E8;&#x5D1;&#x5E2; (fabrikam &#x64A;&#x628;&#x631;&#x639;&#x644;&#x627;) smith</div>
diff --git a/layout/reftests/bidi/brackets-2c-rtl.html b/layout/reftests/bidi/brackets-2c-rtl.html
new file mode 100644
index 0000000000..1fa504546e
--- /dev/null
+++ b/layout/reftests/bidi/brackets-2c-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 2 with fabrikam and ARABIC exchanged:
+    smith (ARABIC fabrikam) HEBREW
+-->
+<!-- RTL -->
+<div dir=rtl>smith (&#x627;&#x644;&#x639;&#x631;&#x628;&#x64A; fabrikam) &#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA;</div>
diff --git a/layout/reftests/bidi/brackets-3a-ltr-ref.html b/layout/reftests/bidi/brackets-3a-ltr-ref.html
new file mode 100644
index 0000000000..7ccd06f0da
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3a-ltr-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3:
+    ARABIC book(s)
+-->
+<div>&#x64A;&#x628;&#x631;&#x639;&#x644;&#x627; book(s)</div>
diff --git a/layout/reftests/bidi/brackets-3a-ltr.html b/layout/reftests/bidi/brackets-3a-ltr.html
new file mode 100644
index 0000000000..6245352875
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3a-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3:
+    ARABIC book(s)
+-->
+<!-- LTR -->
+<div>&#x627;&#x644;&#x639;&#x631;&#x628;&#x64A; book(s)</div>
diff --git a/layout/reftests/bidi/brackets-3a-rtl-ref.html b/layout/reftests/bidi/brackets-3a-rtl-ref.html
new file mode 100644
index 0000000000..038a72c878
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3a-rtl-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; unicode-bidi: bidi-override; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3:
+    ARABIC book(s)
+-->
+<div>book(s) &#x64A;&#x628;&#x631;&#x639;&#x644;&#x627;</div>
diff --git a/layout/reftests/bidi/brackets-3a-rtl.html b/layout/reftests/bidi/brackets-3a-rtl.html
new file mode 100644
index 0000000000..9fdea3fd32
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3a-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3:
+    ARABIC book(s)
+-->
+<!-- RTL -->
+<div dir=rtl>&#x627;&#x644;&#x639;&#x631;&#x628;&#x64A; book(s)</div>
diff --git a/layout/reftests/bidi/brackets-3b-ltr-ref.html b/layout/reftests/bidi/brackets-3b-ltr-ref.html
new file mode 100644
index 0000000000..01f4134b75
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3b-ltr-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+span { unicode-bidi: isolate; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3, LTR and RTL exchanged:
+    arabic BOOK(S)
+-->
+<div>arabic (<span dir=rtl>&#x643;&#x64f;&#x62a;&#x64f;&#x628;</span>)<span dir=rtl>&#x643;&#x650;&#x62a;&#x64e;&#x627;&#x628;</span></div>
diff --git a/layout/reftests/bidi/brackets-3b-ltr.html b/layout/reftests/bidi/brackets-3b-ltr.html
new file mode 100644
index 0000000000..004f31a578
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3b-ltr.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3, LTR and RTL exchanged:
+    arabic BOOK(S)
+-->
+<!-- LTR -->
+<div>arabic &#x643;&#x650;&#x62a;&#x64e;&#x627;&#x628;(&#x643;&#x64f;&#x62a;&#x64f;&#x628;)</div>
diff --git a/layout/reftests/bidi/brackets-3b-rtl-ref.html b/layout/reftests/bidi/brackets-3b-rtl-ref.html
new file mode 100644
index 0000000000..10553a120e
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3b-rtl-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+span { unicode-bidi: isolate; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3, LTR and RTL exchanged:
+    arabic BOOK(S)
+-->
+<div>(<span dir=rtl>&#x643;&#x64f;&#x62a;&#x64f;&#x628;</span>)<span dir=rtl>&#x643;&#x650;&#x62a;&#x64e;&#x627;&#x628;</span> arabic</div>
diff --git a/layout/reftests/bidi/brackets-3b-rtl.html b/layout/reftests/bidi/brackets-3b-rtl.html
new file mode 100644
index 0000000000..916b8736f6
--- /dev/null
+++ b/layout/reftests/bidi/brackets-3b-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<style>
+body { font: 32px monospace; }
+div { text-align: center; }
+</style>
+
+<body>
+
+<!--
+  http://unicode.org/reports/tr9/#N0, Example 3, LTR and RTL exchanged:
+    arabic BOOK(S)
+-->
+<!-- RTL -->
+<div dir=rtl>arabic &#x643;&#x650;&#x62a;&#x64e;&#x627;&#x628;(&#x643;&#x64f;&#x62a;&#x64f;&#x628;)</div>
diff --git a/layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html b/layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html
new file mode 100644
index 0000000000..9849508d26
--- /dev/null
+++ b/layout/reftests/bidi/clone-intrinsic-size-bidi-ref.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<head>
+  <title>CSS Reference: min/max-content size on box-decoration-break:clone inline box with bidi text</title>
+  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<style>
+html,body {
+  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
+}
+
+div {
+  border: 5px solid blue;
+  white-space: pre;
+}
+.max > div {
+  width: -moz-max-content;
+  width: -webkit-max-content;
+  width: max-content;
+}
+.min > div {
+  width: -moz-min-content;
+  width: -webkit-min-content;
+  width: min-content;
+}
+
+span {
+  border: 2px solid gray;
+  padding: 0 10px 0 6px;
+  border-width: 0 8px 0 5px;
+  margin: 0 4px 0 3px;
+  background: yellow;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+}
+
+f { margin-right: 30px; float: left; }
+</style>
+<body>
+<f class="max">
+<div><span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span> <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><span> d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span> aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc </span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<span> d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span> aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa</div>
+</f>
+
+<f class="min">
+<div><span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><br><span>d&#x202e;e&#x202d;f</span>
+</div>
+<!-- FIXME -->
+<div style="white-space: normal;"><span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><span></span><br><span>d&#x202e;e&#x202d;f</span></div>
+<div><span>&#x202e;a&#x202d;bc</span><br>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><br>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<span></span><br><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><br>aa<br><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<br><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa</div>
+</f>
diff --git a/layout/reftests/bidi/clone-intrinsic-size-bidi.html b/layout/reftests/bidi/clone-intrinsic-size-bidi.html
new file mode 100644
index 0000000000..684f2fe13f
--- /dev/null
+++ b/layout/reftests/bidi/clone-intrinsic-size-bidi.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<head>
+  <title>CSS Test: min/max-content size on box-decoration-break:clone inline box with bidi text</title>
+  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+  <link rel="help" href="https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content">
+  <link rel="help" href="https://drafts.csswg.org/css-break-3/#break-decoration">
+  <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1552357">
+  <link rel="match" href="clone-intrinsic-size-bidi-ref.html">
+<style>
+html,body {
+  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
+}
+
+div {
+  border: 5px solid blue;
+}
+.max > div {
+  width: -moz-max-content;
+  width: -webkit-max-content;
+  width: max-content;
+}
+.min > div {
+  width: -moz-min-content;
+  width: -webkit-min-content;
+  width: min-content;
+}
+
+span {
+  border: 2px solid gray;
+  padding: 0 10px 0 6px;
+  border-width: 0 8px 0 5px;
+  margin: 0 4px 0 3px;
+  background: yellow;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+}
+
+f { margin-right: 30px; float: left; }
+</style>
+<body>
+<f class="max">
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span> d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc </span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span> d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa </div>
+</f>
+
+<f class="min">
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<!-- Bug 1556444 -->
+<div>
+  <span>&#x202e;a&#x202d;bc</span> <span>d&#x202e;e&#x202d;f</span>
+</div>
+<!-- Bug 1556444 -->
+<div>
+  <span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span> d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc </span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span> d&#x202e;e&#x202d;f</span>
+</div>
+<!-- Bug 1556444 -->
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<!-- Bug 1556444 -->
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa </div>
+</f>
diff --git a/layout/reftests/bidi/dirAuto/1103348-1-ref.html b/layout/reftests/bidi/dirAuto/1103348-1-ref.html
new file mode 100644
index 0000000000..50fba8c41d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1103348-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Dynamic changes and dir=auto</title>
+  </head>
+  <body>
+    <div>Test for elements with dir="auto" whose content changes between directional and neutral</div>
+    <div dir="auto">xyz</div>
+    <div dir="auto">ابج</div>
+    <div dir="auto">456</div>
+    <div dir="auto">xyz</div>
+    <div dir="auto">ابج</div>
+    <div dir="auto">456</div>
+    <div dir="auto">xyz</div>
+    <div dir="auto">ابج</div>
+    <div dir="auto">456</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/1103348-1.html b/layout/reftests/bidi/dirAuto/1103348-1.html
new file mode 100644
index 0000000000..4092f27f87
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1103348-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>Dynamic changes and dir=auto</title>
+  </head>
+  <body>
+    <div>Test for elements with dir="auto" whose content changes between directional and neutral</div>
+    <div dir="auto" id="from_ltr_to_ltr">abc</div>
+    <div dir="auto" id="from_ltr_to_rtl">abc</div>
+    <div dir="auto" id="from_ltr_to_neutral">abc</div>
+    <div dir="auto" id="from_rtl_to_ltr">אבג</div>
+    <div dir="auto" id="from_rtl_to_rtl">אבג</div>
+    <div dir="auto" id="from_rtl_to_neutral">אבג</div>
+    <div dir="auto" id="from_neutral_to_ltr">123</div>
+    <div dir="auto" id="from_neutral_to_rtl">123</div>
+    <div dir="auto" id="from_neutral_to_neutral">123</div>
+    <script type="text/javascript">
+function changeContent()
+{
+  var directionalTexts = {ltr:"xyz", rtl:"ابج", neutral:"456"};
+
+  for (var dirFrom in directionalTexts) {
+    for (var dirTo in directionalTexts) {
+      var element = document.getElementById("from_" + dirFrom +
+                                            "_to_" + dirTo);
+      element.textContent = directionalTexts[dirTo];
+    }
+  }
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", changeContent);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/1169267-delete-add-1-ref.html b/layout/reftests/bidi/dirAuto/1169267-delete-add-1-ref.html
new file mode 100644
index 0000000000..d6e2ab456c
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1169267-delete-add-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test bug 1169267</title>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body>
+    <div><input type="text" dir="rtl" value="123אבג"></div>
+    <div><span dir="rtl">123אבג</span></div>
+    <div><textarea dir="rtl">123אבג</textarea></div>
+    <div><button dir="rtl">123אבג</button></div>
+    <div><bdi dir="rtl">123אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/1169267-delete-add-1a.html b/layout/reftests/bidi/dirAuto/1169267-delete-add-1a.html
new file mode 100644
index 0000000000..a532578770
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1169267-delete-add-1a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test bug 1169267</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendTextFromArray(new Array('123', 'אבג'))">
+    <div><input type="text" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto"></span></div>
+    <div><textarea id="set2" dir="auto"></textarea></div>
+    <div><button id="set3" dir="auto"></button></div>
+    <div><bdi id="set4"></bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/1169267-delete-add-1b.html b/layout/reftests/bidi/dirAuto/1169267-delete-add-1b.html
new file mode 100644
index 0000000000..3127c3e377
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1169267-delete-add-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test bug 1169267</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendDeleteAppendTextFromArray(new Array('123', 'אבג', 'אבג'))">
+    <div><input type="text" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto"></span></div>
+    <div><textarea id="set2" dir="auto"></textarea></div>
+    <div><button id="set3" dir="auto"></button></div>
+    <div><bdi id="set4"></bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/1169267-delete-add-2-ref.html b/layout/reftests/bidi/dirAuto/1169267-delete-add-2-ref.html
new file mode 100644
index 0000000000..10685967fe
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1169267-delete-add-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test bug 1169267</title>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body>
+    <div><input type="text" dir="rtl" value="456גדה"></div>
+    <div><span dir="rtl">456גדה</span></div>
+    <div><textarea dir="rtl">456גדה</textarea></div>
+    <div><button dir="rtl">456גדה</button></div>
+    <div><bdi dir="rtl">456גדה</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/1169267-delete-add-2a.html b/layout/reftests/bidi/dirAuto/1169267-delete-add-2a.html
new file mode 100644
index 0000000000..4a0cd1e16e
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1169267-delete-add-2a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test bug 1169267</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendTextFromArray(new Array('456', 'גדה'))">
+    <div><input type="text" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto"></span></div>
+    <div><textarea id="set2" dir="auto"></textarea></div>
+    <div><button id="set3" dir="auto"></button></div>
+    <div><bdi id="set4"></bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/1169267-delete-add-2b.html b/layout/reftests/bidi/dirAuto/1169267-delete-add-2b.html
new file mode 100644
index 0000000000..bc520f83f4
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/1169267-delete-add-2b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test bug 1169267</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendDeleteAppendTextFromArray(new Array('456', 'def', 'גדה'))">
+    <div><input type="text" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto"></span></div>
+    <div><textarea id="set2" dir="auto"></textarea></div>
+    <div><button id="set3" dir="auto"></button></div>
+    <div><bdi id="set4"></bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/839886-1-ref.html b/layout/reftests/bidi/dirAuto/839886-1-ref.html
new file mode 100644
index 0000000000..df08a25bd8
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/839886-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dir="auto" and inputs</title>
+  </head>
+  <body>
+    <p>The next three lines should be left-to-right:</p>
+    <div dir="ltr"><input value="abcdefghi"> is left-to-right.</div>
+    <div dir="ltr"><input value="ابتثجحخدذ"> is right-to-left.</div>
+    <div dir="ltr"><input value="!()*;<=>?"> is neutral.</div>
+    <p dir="rtl">The next three lines should be right-to-left:</p>
+    <div dir="rtl"><input value="abcdefghi"> שמאל-ימין.</div>
+    <div dir="rtl"><input value="ابتثجحخدذ"> ימין-שמאל.</div>
+    <div dir="rtl"><input value="!()*;<=>?"> נייטראלי.</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/839886-1.html b/layout/reftests/bidi/dirAuto/839886-1.html
new file mode 100644
index 0000000000..4cddec7fea
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/839886-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dir="auto" and inputs</title>
+  </head>
+  <body>
+    <p>The next three lines should be left-to-right:</p>
+    <div dir="auto"><input value="abcdefghi"> is left-to-right.</div>
+    <div dir="auto"><input value="ابتثجحخدذ"> is right-to-left.</div>
+    <div dir="auto"><input value="!()*;<=>?"> is neutral.</div>
+    <p dir="rtl">The next three lines should be right-to-left:</p>
+    <div dir="auto"><input value="abcdefghi"> שמאל-ימין.</div>
+    <div dir="auto"><input value="ابتثجحخدذ"> ימין-שמאל.</div>
+    <div dir="auto"><input value="!()*;<=>?"> נייטראלי.</div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/859093-1-ref.html b/layout/reftests/bidi/dirAuto/859093-1-ref.html
new file mode 100644
index 0000000000..f7afe90f5d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/859093-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html dir="rtl" lang="he">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <ul>
+      <li><span lang="en">correct rendering, parentheses at the end of the line: (<span dir="rtl">משהו בעברית: Something in English</span>)</span></li>
+    </ul>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/859093-1.html b/layout/reftests/bidi/dirAuto/859093-1.html
new file mode 100644
index 0000000000..b692a43f91
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/859093-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html dir="rtl" lang="he">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <ul>
+      <li><span lang="en">correct rendering, parentheses at the end of the line: (<span dir="auto">משהו בעברית: Something in English</span>)</span></li>
+    </ul>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/889742-1-ref.html b/layout/reftests/bidi/dirAuto/889742-1-ref.html
new file mode 100644
index 0000000000..4e0237ba64
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/889742-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Auto dir and alignment</title>
+  </head>
+  <body>
+    <h1>Auto dir and alignment</h1>
+    <p>Every line below should read "<span style="unicode-bidi: bidi-override"
+>!world םולש</span>" and should be aligned to the right</p>
+    <p dir="rtl">שלום world!</p>
+    <p dir="rtl"><b>שלום</b> world!</p>
+    <p dir="rtl">שלום world!</p>
+    <p dir="rtl"><b>שלום</b> world!</p>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/889742-1.html b/layout/reftests/bidi/dirAuto/889742-1.html
new file mode 100644
index 0000000000..019083d28c
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/889742-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Auto dir and alignment</title>
+    <style type="text/css">
+      p.plaintext {
+        unicode-bidi: plaintext;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Auto dir and alignment</h1>
+    <p>Every line below should read "<span style="unicode-bidi: bidi-override"
+>!world םולש</span>" and should be aligned to the right</p>
+    <p class="plaintext">שלום world!</p>
+    <p class="plaintext"><b>שלום</b> world!</p>
+    <p dir="auto">שלום world!</p>
+    <p dir="auto"><b>שלום</b> world!</p>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/bdi-auto-dir-default-ref.html b/layout/reftests/bidi/dirAuto/bdi-auto-dir-default-ref.html
new file mode 100644
index 0000000000..fd255638a5
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/bdi-auto-dir-default-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: paragraph-level container</title>
+    <link rel="reference" href="bdi-auto-dir-default-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'The dir global attribute defaults to auto on this element (it never inherits from the parent
+      element like with other elements).'">
+    <style>
+      body{
+        font-size:2em;
+      }
+      .box {
+        border: medium solid gray;
+        width: 500px;
+        margin: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+    <div class="box">
+      <div dir="ltr">&#x202D;[:)], [+- a &#x05D1;], [d &#x05D2; 1]...&#x202C;</div>
+      <div dir="rtl">&#x202D;...[d &#x05D2; 1] ,[+- a &#x05D1;] ,[:)]&#x202C;</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/bdi-auto-dir-default.html b/layout/reftests/bidi/dirAuto/bdi-auto-dir-default.html
new file mode 100644
index 0000000000..d4fb584200
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/bdi-auto-dir-default.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: BDI: paragraph-level container</title>
+    <link rel="reference" href="bdi-auto-dir-default-ref.html">
+    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
+    <meta name="assert" content="
+      'The dir global attribute defaults to auto on this element (it never inherits from the parent
+      element like with other elements).'">
+    <style>
+      body{
+        font-size:2em;
+      }
+      .box {
+        border: medium solid gray;
+        width: 500px;
+        margin: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Key to entities used below:
+      &#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
+      &#x202D; - The LRO (left-to-right-override) formatting character.
+      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
+    <div class="box">
+      <!--
+        In each DIV below:
+        - the first BDI, having no characters with strong direction, should be LTR by default;
+        - the second BDI, having an LTR character first, should be LTR by default;
+        - the thord BDI, having an RTL character first, should be RTL by default.
+      -->
+      <div dir="ltr"><bdi>[:)]</bdi>, <bdi>[+- a &#x05D1;]</bdi>, <bdi>[1 &#x05D2; d]</bdi>...</div>
+      <div dir="rtl"><bdi>[:)]</bdi>, <bdi>[+- a &#x05D1;]</bdi>, <bdi>[1 &#x05D2; d]</bdi>...</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-contained-dir-L-ref.html b/layout/reftests/bidi/dirAuto/dir_auto-contained-dir-L-ref.html
new file mode 100644
index 0000000000..d5935d83f6
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-contained-dir-L-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then L</title>
+    <link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Latin letter A, thus the direction must be
+      resolved as LTR." />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+      &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+      &#x05D4; - The Hebrew letter He (strongly RTL).
+      &#x05D5; - The Hebrew letter Vav (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-contained-dir-R-ref.html b/layout/reftests/bidi/dirAuto/dir_auto-contained-dir-R-ref.html
new file mode 100644
index 0000000000..5ae48d8970
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-contained-dir-R-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then R</title>
+    <link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Hebrew letter Alef, thus the direction must be
+      resolved as RTL." />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-L.html b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-L.html
new file mode 100644
index 0000000000..41bf37180e
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-L.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then L</title>
+    <link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Latin letter A, thus the direction must be
+      resolved as LTR.
+      This is a variation of the original dir_auto-contained-dir-L.html in which
+      the explicit dir is set by script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+    <script type="text/javascript">
+function setDirs(value)
+{
+  var p1 = document.getElementById("p1");
+  p1.dir = value;
+
+  var p1 = document.getElementById("p2");
+  p2.dir = value;
+}
+   </script>
+  </head>
+  <body onload="setDirs('rtl')">
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+      &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+      &#x05D4; - The Hebrew letter He (strongly RTL).
+      &#x05D5; - The Hebrew letter Vav (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="auto"><p id="p1">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="auto"><p id="p2">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-R.html b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-R.html
new file mode 100644
index 0000000000..0c74b3f3b4
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-dir-R.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then R</title>
+    <link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Hebrew letter Alef, thus the direction must be
+      resolved as RTL.
+      This is a variation of the original dir_auto-contained-dir-R.html in which
+      the explicit dir is set by script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+    <script type="text/javascript">
+function setDirs(value)
+{
+  var p1 = document.getElementById("p1");
+  p1.dir = value;
+
+  var p1 = document.getElementById("p2");
+  p2.dir = value;
+}
+   </script>
+  </head>
+  <body onload="setDirs('ltr')">
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="auto"><p id="p1">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="auto"><p id="p2">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-L.html b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-L.html
new file mode 100644
index 0000000000..10a75a4cee
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-L.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then L</title>
+    <link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Latin letter A, thus the direction must be
+      resolved as LTR.
+      This is a variation of the original dir_auto-contained-dir-L.html in which
+       an element with an invalid dir attribute has the dir attribute set by
+       script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+    <script type="text/javascript">
+function setDirs(value)
+{
+  var p1 = document.getElementById("p1");
+  p1.dir = value;
+
+  var p1 = document.getElementById("p2");
+  p2.dir = value;
+}
+   </script>
+  </head>
+  <body onload="setDirs('rtl')">
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+      &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+      &#x05D4; - The Hebrew letter He (strongly RTL).
+      &#x05D5; - The Hebrew letter Vav (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="auto"><p id="p1" dir="foopy">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="auto"><p id="p2" dir="foopy">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-R.html b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-R.html
new file mode 100644
index 0000000000..0ff92cb55d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-set-contained-invalid-dir-R.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then R</title>
+    <link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Hebrew letter Alef, thus the direction must be
+      resolved as RTL.
+      This is a variation of the original dir_auto-contained-dir-R.html in which
+       an element with an invalid dir attribute has the dir attribute set by
+       script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+    <script type="text/javascript">
+function setDirs(value)
+{
+  var p1 = document.getElementById("p1");
+  p1.dir = value;
+
+  var p1 = document.getElementById("p2");
+  p2.dir = value;
+}
+   </script>
+  </head>
+  <body onload="setDirs('ltr')">
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="auto"><p id="p1" dir="foopy">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="auto"><p id="p2" dir="foopy">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L-ref.html b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L-ref.html
new file mode 100644
index 0000000000..a786430499
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then R</title>
+    <link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Latin letter D, thus the direction must be
+      resolved as LTR.
+      This is a variation of the original dir_auto-contained-dir-R.html in which
+      the explicit dir is unset by script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="ltr"><p id="p1" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="ltr"><p id="p2" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L.html b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L.html
new file mode 100644
index 0000000000..c2cbdc2415
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-L.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then R</title>
+    <link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Latin letter D, thus the direction must be
+      resolved as LTR.
+      This is a variation of the original dir_auto-contained-dir-R.html in which
+      the explicit dir is unset by script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+    <script type="text/javascript">
+function setDirs(value)
+{
+  var p1 = document.getElementById("p1");
+  p1.dir = value;
+
+  var p1 = document.getElementById("p2");
+  p2.dir = value;
+}
+   </script>
+  </head>
+  <body onload="setDirs('')">
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="auto"><p id="p1" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="auto"><p id="p2" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R-ref.html b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R-ref.html
new file mode 100644
index 0000000000..f383652215
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then L</title>
+    <link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Hebrew letter Dalet, thus the direction must be
+      resolved as RTL.
+      This is a variation of the original dir_auto-contained-dir-L.html in which
+      the explicit dir is unset by script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+      &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+      &#x05D4; - The Hebrew letter He (strongly RTL).
+      &#x05D5; - The Hebrew letter Vav (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="rtl"><p id="p1" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="rtl"><p id="p2" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R.html b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R.html
new file mode 100644
index 0000000000..a63f718ce1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dir_auto-unset-contained-dir-R.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>HTML Test: dir=auto, start with dir, then L</title>
+    <link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
+    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
+    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
+    <link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
+    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
+    <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
+    <meta name="assert" content="
+      When dir='auto', the direction is set according to the first strong character
+      of the text while ignoring contained elements with an explicit dir of their own.
+      In this test, it is the Hebrew letter Dalet, thus the direction must be
+      resolved as RTL.
+      This is a variation of the original dir_auto-contained-dir-L.html in which
+      the explicit dir is unset by script after loading the page" />
+    <style>
+      input, textarea {
+        font-size:1em;
+      }
+      body {
+        font-size:2em;
+      }
+      .test, .ref {
+        border: medium solid gray;
+        width: 400px;
+        margin: 20px;
+      }
+      .comments {
+        display: none;
+      }
+    </style>
+    <script type="text/javascript">
+function setDirs(value)
+{
+  var p1 = document.getElementById("p1");
+  p1.dir = value;
+
+  var p1 = document.getElementById("p2");
+  p2.dir = value;
+}
+   </script>
+  </head>
+  <body onload="setDirs('')">
+    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
+    <div class="comments">
+      Key to entities used below:
+      &#x05D0; - The Hebrew letter Alef (strongly RTL).
+      &#x05D1; - The Hebrew letter Bet (strongly RTL).
+      &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+      &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+      &#x05D4; - The Hebrew letter He (strongly RTL).
+      &#x05D5; - The Hebrew letter Vav (strongly RTL).
+    </div>
+    <div class="test">
+      <div dir="ltr">
+        <div dir="auto"><p id="p1" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="auto"><p id="p2" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+    <div class="ref">
+      <div dir="ltr">
+        <div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+      <div dir="rtl">
+        <div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR1.html
new file mode 100644
index 0000000000..223aa56e6d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextValuesTo('ABC אבג')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR10.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR10.html
new file mode 100644
index 0000000000..bd3dad92a8
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR10.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextDefaultValuesTo('ABC אבג')">
+    <div><input type="text" value="..." id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">...</span></div>
+    <div><textarea id="set2" dir="auto">...</textarea></div>
+    <div><button id="set3" dir="auto">...</button></div>
+    <div><bdi id="set4">...</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR2.html
new file mode 100644
index 0000000000..f9af6b961f
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextValuesTo('ABC אבג')">
+    <div><input type="text" value="..." id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">...</span></div>
+    <div><textarea id="set2" dir="auto">...</textarea></div>
+    <div><button id="set3" dir="auto">...</button></div>
+    <div><bdi id="set4">...</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR3.html
new file mode 100644
index 0000000000..2d07131d57
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendTextFromArray(new Array('ABC', ' ', 'אבג'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR4.html
new file mode 100644
index 0000000000..38801d2a47
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="prependTextFromArray(new Array('אבג', ' ', 'ABC'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR5.html
new file mode 100644
index 0000000000..7cd5db77c4
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendSpansFromArray(new Array('ABC', ' ', 'אבג'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR6.html
new file mode 100644
index 0000000000..b66f5e3061
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="prependSpansFromArray(new Array('אבג', ' ', 'ABC'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR7.html
new file mode 100644
index 0000000000..4611189966
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextChildrenTo('ABC אבג')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR8.html
new file mode 100644
index 0000000000..2fb2148f99
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextChildrenTo('ABC אבג')">
+    <div><input type="text" value="..." id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">...</span></div>
+    <div><textarea id="set2" dir="auto">...</textarea></div>
+    <div><button id="set3" dir="auto">...</button></div>
+    <div><bdi id="set4">...</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR9.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR9.html
new file mode 100644
index 0000000000..087d5104fc
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-LTR9.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextDefaultValuesTo('ABC אבג')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL1.html
new file mode 100644
index 0000000000..361fcd1e72
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextValuesTo('אבג ABC')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL10.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL10.html
new file mode 100644
index 0000000000..01e6f6bcba
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL10.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextDefaultValuesTo('אבג ABC')">
+    <div><input type="text" value="..." id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">...</span></div>
+    <div><textarea id="set2" dir="auto">...</textarea></div>
+    <div><button id="set3" dir="auto">...</button></div>
+    <div><bdi id="set4">...</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL2.html
new file mode 100644
index 0000000000..f243dec4fa
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextValuesTo('אבג ABC')">
+    <div><input type="text" value="..." id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">...</span></div>
+    <div><textarea id="set2" dir="auto">...</textarea></div>
+    <div><button id="set3" dir="auto">...</button></div>
+    <div><bdi id="set4">...</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL3.html
new file mode 100644
index 0000000000..0aaedfe4a1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendTextFromArray(new Array('אבג', ' ', 'ABC'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL4.html
new file mode 100644
index 0000000000..60df2980c6
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="prependTextFromArray(new Array('ABC', ' ', 'אבג'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL5.html
new file mode 100644
index 0000000000..36d2940e58
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="appendSpansFromArray(new Array('אבג', ' ', 'ABC'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL6.html
new file mode 100644
index 0000000000..440945bb58
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="prependSpansFromArray(new Array('ABC', ' ', 'אבג'))">
+    <div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">&#x00ad;</span></div>
+    <div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
+    <div><button id="set3" dir="auto">&#x00ad;</button></div>
+    <div><bdi id="set4">&#x00ad;</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL7.html
new file mode 100644
index 0000000000..032c2f4eb1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextChildrenTo('אבג ABC')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL8.html
new file mode 100644
index 0000000000..9c1da6b0fc
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextChildrenTo('אבג ABC')">
+    <div><input type="text" value="..." id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">...</span></div>
+    <div><textarea id="set2" dir="auto">...</textarea></div>
+    <div><button id="set3" dir="auto">...</button></div>
+    <div><bdi id="set4">...</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL9.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL9.html
new file mode 100644
index 0000000000..b7c4c36533
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-ChangeText-RTL9.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllTextDefaultValuesTo('אבג ABC')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR1.html
new file mode 100644
index 0000000000..4ba7a037f6
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeElements()">
+    <div><input type="text" value="ABC אבג" dir="auto"></div>
+    <div><span dir="auto"><span id="set0">DEF </span>ABC אבג</span></div>
+    <div><textarea dir="auto">ABC אבג</textarea></div>
+    <div><button dir="auto"><span id="set1">DEF </span>ABC אבג</button></div>
+    <div><bdi><span id="set2">DEF </span>ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR2.html
new file mode 100644
index 0000000000..4bea44d83b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeElements()">
+    <div><input type="text" value="ABC אבג" dir="auto"></div>
+    <div><span dir="auto"><span id="set0">גדה </span>ABC אבג</span></div>
+    <div><textarea dir="auto">ABC אבג</textarea></div>
+    <div><button dir="auto"><span id="set1">גדה </span>ABC אבג</button></div>
+    <div><bdi><span id="set2">גדה </span>ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR3.html
new file mode 100644
index 0000000000..2c16829530
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-LTR3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeElements()">
+    <div><input type="text" value="ABC אבג" dir="auto"></div>
+    <div><span dir="auto"><span id="set0">... </span>ABC אבג</span></div>
+    <div><textarea dir="auto">ABC אבג</textarea></div>
+    <div><button dir="auto"><span id="set1">... </span>ABC אבג</button></div>
+    <div><bdi><span id="set2">... </span>ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL1.html
new file mode 100644
index 0000000000..ab08388b82
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeElements()">
+    <div><input type="text" value="אבג ABC" dir="auto"></div>
+    <div><span dir="auto"><span id="set0">DEF </span>אבג ABC</span></div>
+    <div><textarea dir="auto">אבג ABC</textarea></div>
+    <div><button dir="auto"><span id="set1">DEF </span>אבג ABC</button></div>
+    <div><bdi><span id="set2">DEF </span>אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL2.html
new file mode 100644
index 0000000000..477e155a0b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeElements()">
+    <div><input type="text" value="אבג ABC" dir="auto"></div>
+    <div><span dir="auto"><span id="set0">גדה </span>אבג ABC</span></div>
+    <div><textarea dir="auto">אבג ABC</textarea></div>
+    <div><button dir="auto"><span id="set1">גדה </span>אבג ABC</button></div>
+    <div><bdi><span id="set2">גדה </span>אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL3.html
new file mode 100644
index 0000000000..cf4069567e
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-DeleteText-RTL3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeElements()">
+    <div><input type="text" value="אבג ABC" dir="auto"></div>
+    <div><span dir="auto"><span id="set0">... </span>אבג ABC</span></div>
+    <div><textarea dir="auto">אבג ABC</textarea></div>
+    <div><button dir="auto"><span id="set1">... </span>אבג ABC</button></div>
+    <div><bdi><span id="set2">... </span>אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-addLTR-Auto.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-addLTR-Auto.html
new file mode 100644
index 0000000000..16dc62b5b9
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-addLTR-Auto.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="addLTRAutoElements()">
+   <div id="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-addRTL-Auto.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-addRTL-Auto.html
new file mode 100644
index 0000000000..52c0949c91
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-addRTL-Auto.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="addRTLAutoElements()">
+   <div id="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-LTR.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-LTR.html
new file mode 100644
index 0000000000..62a74bf334
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-LTR.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body>
+    <div><input type="text" value="ABC אבג" dir="ltr"></div>
+    <div><span dir="ltr">ABC אבג</span></div>
+    <div><textarea dir="ltr">ABC אבג</textarea></div>
+    <div><button dir="ltr">ABC אבג</button></div>
+    <div><span dir="ltr">ABC אבג</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-RTL.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-RTL.html
new file mode 100644
index 0000000000..60619730a8
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refLTR-RTL.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body>
+    <div><input type="text" value="ABC אבג" dir="rtl"></div>
+    <div><span dir="rtl">ABC אבג</span></div>
+    <div><textarea dir="rtl">ABC אבג</textarea></div>
+    <div><button dir="rtl">ABC אבג</button></div>
+    <div><span dir="rtl">ABC אבג</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-LTR.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-LTR.html
new file mode 100644
index 0000000000..4ea471a8d1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-LTR.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body>
+    <div><input type="text" value="אבג ABC" dir="ltr"></div>
+    <div><span dir="ltr">אבג ABC</span></div>
+    <div><textarea dir="ltr">אבג ABC</textarea></div>
+    <div><button dir="ltr">אבג ABC</button></div>
+    <div><span dir="ltr">אבג ABC</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-NoDir.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-NoDir.html
new file mode 100644
index 0000000000..b2f56c1ac1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-NoDir.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body>
+    <div><input type="text" value="אבג ABC" dir="ltr"></div>
+    <div><span dir="ltr">אבג ABC</span></div>
+    <div><textarea dir="ltr">אבג ABC</textarea></div>
+    <div><button dir="ltr">אבג ABC</button></div>
+    <!-- the last line is span dir="rtl" because it's the reference
+    for a bdi that begins with rtl characters, so with an empty or
+    invalid value for the dir attribute it will be resolved as rtl -->
+    <div><span dir="rtl">אבג ABC</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-RTL.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-RTL.html
new file mode 100644
index 0000000000..71c42ea3e4
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-refRTL-RTL.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body>
+    <div><input type="text" value="אבג ABC" dir="rtl"></div>
+    <div><span dir="rtl">אבג ABC</span></div>
+    <div><textarea dir="rtl">אבג ABC</textarea></div>
+    <div><button dir="rtl">אבג ABC</button></div>
+    <div><span dir="rtl">אבג ABC</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto1.html
new file mode 100644
index 0000000000..2c1c525f97
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('auto')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto2.html
new file mode 100644
index 0000000000..f0400e0d00
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('auto')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto3.html
new file mode 100644
index 0000000000..2cbf52716c
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('auto')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto4.html
new file mode 100644
index 0000000000..5bcec0648d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('auto')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto5.html
new file mode 100644
index 0000000000..a0423c2468
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('auto')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto6.html
new file mode 100644
index 0000000000..2574c867fa
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-Auto6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('auto')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir1.html
new file mode 100644
index 0000000000..1913335b8b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir2.html
new file mode 100644
index 0000000000..596f1143af
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir3.html
new file mode 100644
index 0000000000..f22dd147d1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir4.html
new file mode 100644
index 0000000000..f876484e4b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir5.html
new file mode 100644
index 0000000000..6da8dff2f3
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir6.html
new file mode 100644
index 0000000000..b63c0dd0d2
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir7.html
new file mode 100644
index 0000000000..e1b9d82c1c
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir8.html
new file mode 100644
index 0000000000..9b80f42d0b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-InvalidDir8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR1.html
new file mode 100644
index 0000000000..e89fc79211
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR2.html
new file mode 100644
index 0000000000..5a8e4f1221
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR3.html
new file mode 100644
index 0000000000..bbc5f80900
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR4.html
new file mode 100644
index 0000000000..08b21e09a4
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR5.html
new file mode 100644
index 0000000000..cffe2556b8
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR6.html
new file mode 100644
index 0000000000..b54417b6f4
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR7.html
new file mode 100644
index 0000000000..0baeb9fc6d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR8.html
new file mode 100644
index 0000000000..ec1de35425
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-LTR8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir1.html
new file mode 100644
index 0000000000..2040663c35
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir2.html
new file mode 100644
index 0000000000..f8c2e99a74
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir3.html
new file mode 100644
index 0000000000..c295012dba
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir4.html
new file mode 100644
index 0000000000..13e0e5fc8f
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir5.html
new file mode 100644
index 0000000000..6dce96a606
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">ABC אבג</span></div>
+    <div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
+    <div><button id="set3" dir="rtl">ABC אבג</button></div>
+    <div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir6.html
new file mode 100644
index 0000000000..2d9973fa1d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><bdi id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir7.html
new file mode 100644
index 0000000000..dd1964e01f
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir8.html
new file mode 100644
index 0000000000..96d7809358
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-NoDir8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL1.html
new file mode 100644
index 0000000000..c5a9bf42df
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="ltr"></div>
+    <div><span id="set1" dir="ltr">ABC אבג</span></div>
+    <div><textarea id="set2" dir="ltr">ABC אבג</textarea></div>
+    <div><button id="set3" dir="ltr">ABC אבג</button></div>
+    <div><bdi id="set4" dir="ltr">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL2.html
new file mode 100644
index 0000000000..b8ed6cda81
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><span id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL3.html
new file mode 100644
index 0000000000..528ffde04e
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><span id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL4.html
new file mode 100644
index 0000000000..884c8fa852
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><span id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL5.html
new file mode 100644
index 0000000000..5cf486c905
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="ltr"></div>
+    <div><span id="set1" dir="ltr">ABC אבג</span></div>
+    <div><textarea id="set2" dir="ltr">ABC אבג</textarea></div>
+    <div><button id="set3" dir="ltr">ABC אבג</button></div>
+    <div><bdi id="set4" dir="ltr">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL6.html
new file mode 100644
index 0000000000..61c7331bd3
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0"></div>
+    <div><span id="set1">ABC אבג</span></div>
+    <div><textarea id="set2">ABC אבג</textarea></div>
+    <div><button id="set3">ABC אבג</button></div>
+    <div><span id="set4">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL7.html
new file mode 100644
index 0000000000..c4cc154cbe
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">ABC אבג</span></div>
+    <div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
+    <div><button id="set3" dir="auto">ABC אבג</button></div>
+    <div><span id="set4" dir="auto">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL8.html
new file mode 100644
index 0000000000..18e333978c
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setLTR-RTL8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">ABC אבג</span></div>
+    <div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
+    <div><button id="set3" dir="foopy">ABC אבג</button></div>
+    <div><span id="set4" dir="foopy">ABC אבג</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto1.html
new file mode 100644
index 0000000000..483d79fd51
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('auto')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto2.html
new file mode 100644
index 0000000000..b0773e6f6c
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('auto')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto3.html
new file mode 100644
index 0000000000..77ce26cb3b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('auto')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto4.html
new file mode 100644
index 0000000000..f8cabec1ee
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('auto')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto5.html
new file mode 100644
index 0000000000..20621a5a75
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('auto')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto6.html
new file mode 100644
index 0000000000..c9e1b560f7
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-Auto6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('auto')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir1.html
new file mode 100644
index 0000000000..a2ddd5292f
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir2.html
new file mode 100644
index 0000000000..87eb118190
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir3.html
new file mode 100644
index 0000000000..17ec5b453b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir4.html
new file mode 100644
index 0000000000..b4c5ebc091
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir5.html
new file mode 100644
index 0000000000..1859e89bc6
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir6.html
new file mode 100644
index 0000000000..06c3d71703
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir7.html
new file mode 100644
index 0000000000..03239e88b7
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir8.html
new file mode 100644
index 0000000000..fc353ac22f
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-InvalidDir8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('foopy')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR1.html
new file mode 100644
index 0000000000..52fcf96b37
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR2.html
new file mode 100644
index 0000000000..074eeab104
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR3.html
new file mode 100644
index 0000000000..2bb5ad2de5
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR4.html
new file mode 100644
index 0000000000..79372c6ed3
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR5.html
new file mode 100644
index 0000000000..2120170153
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR6.html
new file mode 100644
index 0000000000..272d5f9fce
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR7.html
new file mode 100644
index 0000000000..d1d1185d2d
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR8.html
new file mode 100644
index 0000000000..a6f9fa09a2
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-LTR8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('ltr')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir1.html
new file mode 100644
index 0000000000..ba2bd8bab5
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir2.html
new file mode 100644
index 0000000000..5833b2e4ad
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir3.html
new file mode 100644
index 0000000000..1a031d0438
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir4.html
new file mode 100644
index 0000000000..53074850d3
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir5.html
new file mode 100644
index 0000000000..63fc1a7465
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
+    <div><span id="set1" dir="rtl">אבג ABC</span></div>
+    <div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
+    <div><button id="set3" dir="rtl">אבג ABC</button></div>
+    <div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir6.html
new file mode 100644
index 0000000000..31af1459d2
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir7.html
new file mode 100644
index 0000000000..5fd61d42e6
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir8.html
new file mode 100644
index 0000000000..d388d5377f
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-NoDir8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="removeAllDirAttribute()">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL1.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL1.html
new file mode 100644
index 0000000000..45ee5c5713
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="ltr"></div>
+    <div><span id="set1" dir="ltr">אבג ABC</span></div>
+    <div><textarea id="set2" dir="ltr">אבג ABC</textarea></div>
+    <div><button id="set3" dir="ltr">אבג ABC</button></div>
+    <div><bdi id="set4" dir="ltr">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL2.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL2.html
new file mode 100644
index 0000000000..0df2fc8de1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL3.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL3.html
new file mode 100644
index 0000000000..0dee370b6b
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL4.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL4.html
new file mode 100644
index 0000000000..dbfbe2125a
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDir('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL5.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL5.html
new file mode 100644
index 0000000000..1b401367c1
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="ltr"></div>
+    <div><span id="set1" dir="ltr">אבג ABC</span></div>
+    <div><textarea id="set2" dir="ltr">אבג ABC</textarea></div>
+    <div><button id="set3" dir="ltr">אבג ABC</button></div>
+    <div><bdi id="set4" dir="ltr">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL6.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL6.html
new file mode 100644
index 0000000000..d2c70793c2
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0"></div>
+    <div><span id="set1">אבג ABC</span></div>
+    <div><textarea id="set2">אבג ABC</textarea></div>
+    <div><button id="set3">אבג ABC</button></div>
+    <div><bdi id="set4">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL7.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL7.html
new file mode 100644
index 0000000000..ca0153cc2f
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="auto"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
+    <div><span id="set1" dir="auto">אבג ABC</span></div>
+    <div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
+    <div><button id="set3" dir="auto">אבג ABC</button></div>
+    <div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL8.html b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL8.html
new file mode 100644
index 0000000000..15b323976e
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/dynamicDirAuto-setRTL-RTL8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Set and unset dir="foopy"</title>
+    <script type="text/javascript" src="setDir.js"></script>
+    <style>
+     textarea { resize: none; }
+    </style>
+  </head>
+  <body onload="setAllDirAttribute('rtl')">
+    <div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
+    <div><span id="set1" dir="foopy">אבג ABC</span></div>
+    <div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
+    <div><button id="set3" dir="foopy">אבג ABC</button></div>
+    <div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
+  </body>
+</html>
diff --git a/layout/reftests/bidi/dirAuto/reftest.list b/layout/reftests/bidi/dirAuto/reftest.list
new file mode 100644
index 0000000000..14ce0aa670
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/reftest.list
@@ -0,0 +1,119 @@
+== bdi-auto-dir-default.html bdi-auto-dir-default-ref.html
+== dir_auto-set-contained-dir-L.html dir_auto-contained-dir-L-ref.html
+== dir_auto-set-contained-dir-R.html dir_auto-contained-dir-R-ref.html
+== dir_auto-set-contained-invalid-dir-L.html dir_auto-contained-dir-L-ref.html
+== dir_auto-set-contained-invalid-dir-R.html dir_auto-contained-dir-R-ref.html
+== dir_auto-unset-contained-dir-L.html dir_auto-unset-contained-dir-L-ref.html
+== dir_auto-unset-contained-dir-R.html dir_auto-unset-contained-dir-R-ref.html
+== dynamicDirAuto-setLTR-Auto1.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-Auto2.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-Auto3.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-Auto4.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-Auto5.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-Auto6.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR1.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR2.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR3.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR4.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR5.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR6.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR7.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-LTR8.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-RTL1.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-RTL2.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-RTL3.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-RTL4.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-RTL5.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-RTL6.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-RTL7.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-RTL8.html dynamicDirAuto-refLTR-RTL.html
+== dynamicDirAuto-setLTR-NoDir1.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-NoDir2.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-NoDir3.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-NoDir4.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-NoDir5.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-NoDir6.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-NoDir7.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-NoDir8.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir1.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir2.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir3.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir4.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir5.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir6.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir7.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setLTR-InvalidDir7.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-setRTL-Auto1.html dynamicDirAuto-refRTL-RTL.html
+fuzzy-if(Android,0-1,0-1) == dynamicDirAuto-setRTL-Auto2.html dynamicDirAuto-refRTL-RTL.html # android fuzz: bug 1461573
+== dynamicDirAuto-setRTL-Auto3.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-Auto4.html dynamicDirAuto-refRTL-RTL.html
+fuzzy-if(Android,0-1,0-1) == dynamicDirAuto-setRTL-Auto5.html dynamicDirAuto-refRTL-RTL.html # android fuzz: bug 1459239
+== dynamicDirAuto-setRTL-Auto6.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-LTR1.html dynamicDirAuto-refRTL-LTR.html
+== dynamicDirAuto-setRTL-LTR2.html dynamicDirAuto-refRTL-LTR.html
+== dynamicDirAuto-setRTL-LTR3.html dynamicDirAuto-refRTL-LTR.html
+fuzzy-if(Android,0-4,0-2) == dynamicDirAuto-setRTL-LTR4.html dynamicDirAuto-refRTL-LTR.html # android fuzz: bug 1356818
+== dynamicDirAuto-setRTL-LTR5.html dynamicDirAuto-refRTL-LTR.html
+== dynamicDirAuto-setRTL-LTR6.html dynamicDirAuto-refRTL-LTR.html
+== dynamicDirAuto-setRTL-LTR7.html dynamicDirAuto-refRTL-LTR.html
+fuzzy-if(Android,0-4,0-2) == dynamicDirAuto-setRTL-LTR8.html dynamicDirAuto-refRTL-LTR.html # android fuzz: bug 1468922
+== dynamicDirAuto-setRTL-RTL1.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-RTL2.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-RTL3.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-RTL4.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-RTL5.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-RTL6.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-RTL7.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-RTL8.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-setRTL-NoDir1.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-NoDir2.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-NoDir3.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-NoDir4.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-NoDir5.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-NoDir6.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-NoDir7.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-NoDir8.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir1.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir2.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir3.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir4.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir5.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir6.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir7.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-setRTL-InvalidDir8.html dynamicDirAuto-refRTL-NoDir.html
+== dynamicDirAuto-addLTR-Auto.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-addRTL-Auto.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-LTR1.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR2.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR3.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR4.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR5.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR6.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR7.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR8.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR9.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-LTR10.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-ChangeText-RTL1.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL2.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL3.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL4.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL5.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL6.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL7.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL8.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL9.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-ChangeText-RTL10.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-DeleteText-LTR1.html dynamicDirAuto-refLTR-LTR.html
+== dynamicDirAuto-DeleteText-LTR2.html dynamicDirAuto-refLTR-LTR.html
+fuzzy-if(Android,0-3,0-2) == dynamicDirAuto-DeleteText-LTR3.html dynamicDirAuto-refLTR-LTR.html # android fuzz: bug 1467675
+== dynamicDirAuto-DeleteText-RTL1.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-DeleteText-RTL2.html dynamicDirAuto-refRTL-RTL.html
+== dynamicDirAuto-DeleteText-RTL3.html dynamicDirAuto-refRTL-RTL.html
+== 839886-1.html 839886-1-ref.html
+== 859093-1.html 859093-1-ref.html
+== 889742-1.html 889742-1-ref.html
+== 1103348-1.html 1103348-1-ref.html
+== 1169267-delete-add-1a.html 1169267-delete-add-1-ref.html
+== 1169267-delete-add-1b.html 1169267-delete-add-1-ref.html
+== 1169267-delete-add-2a.html 1169267-delete-add-2-ref.html
+== 1169267-delete-add-2b.html 1169267-delete-add-2-ref.html
diff --git a/layout/reftests/bidi/dirAuto/setDir.js b/layout/reftests/bidi/dirAuto/setDir.js
new file mode 100644
index 0000000000..829935e564
--- /dev/null
+++ b/layout/reftests/bidi/dirAuto/setDir.js
@@ -0,0 +1,247 @@
+function setAllDir(value)
+{
+    for (var i = 0; ; ++i) {
+        try {
+            theElement = document.getElementById("set" + i);
+            theElement.dir = value;
+        } catch(e) {
+            break;
+        }
+    }
+}
+
+function setAllDirAttribute(value)
+{
+    for (var i = 0; ; ++i) {
+        try {
+            theElement = document.getElementById("set" + i);
+            theElement.setAttribute("dir", value);
+        } catch(e) {
+            break;
+        }
+    }
+}
+
+function removeAllDirAttribute()
+{
+    for (var i = 0; ; ++i) {
+        try {
+            theElement = document.getElementById("set" + i);
+            theElement.removeAttribute("dir");
+        } catch(e) {
+            break;
+        }
+    }
+}
+
+function addOneElement(innerHTML)
+{
+    var container = document.getElementById("container");
+    var elem = document.createElement("div");
+    elem.innerHTML = innerHTML;
+    container.appendChild(elem);
+}
+
+function addLTRAutoElements()
+{
+    addOneElement('<input type="text" value="ABC אבג" id="set0" dir="auto">');
+    addOneElement('<span id="set1" dir="auto">ABC אבג</span>');
+    addOneElement('<textarea id="set2" dir="auto">ABC אבג</textarea>');
+    addOneElement('<button id="set3" dir="auto">ABC אבג</button>');
+    addOneElement('<bdi id="set4">ABC אבג</bdi>');
+}
+
+function addRTLAutoElements()
+{
+    addOneElement('<input type="text" value="אבג ABC" id="set0" dir="auto">');
+    addOneElement('<span id="set1" dir="auto">אבג ABC</span>');
+    addOneElement('<textarea id="set2" dir="auto">אבג ABC</textarea>');
+    addOneElement('<button id="set3" dir="auto">אבג ABC</button>');
+    addOneElement('<bdi id="set4">אבג ABC</bdi>');
+}
+
+function setAllTextValuesTo(newText)
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        if (theElement.tagName == "INPUT" ||
+            theElement.tagName == "TEXTAREA") {
+            theElement.value = newText;
+        } else {
+            theElement.firstChild.textContent = newText;
+        }
+    }
+}
+
+function setAllTextDefaultValuesTo(newText)
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        if (theElement.tagName == "INPUT" ||
+            theElement.tagName == "TEXTAREA") {
+            theElement.defaultValue = newText;
+        } else {
+            theElement.firstChild.textContent = newText;
+        }
+    }
+}
+
+function setAllTextChildrenTo(newText)
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        if (theElement.tagName == "INPUT") {
+            theElement.value = newText;
+        } else {
+            theElement.firstChild.textContent = newText;
+        }
+    }
+}
+
+function appendTextFromArray(textArray)
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        for (var j = 0; j < textArray.length; ++j) {
+            if (theElement.tagName == "INPUT") {
+                theElement.value += textArray[j];
+            } else {
+                var textNode = document.createTextNode(textArray[j]);
+                theElement.appendChild(textNode);
+            }
+        }
+    }
+}
+
+// Add the members of the array to the text content of the elements in
+// the document, not including the last member. Then delete the last but
+// one and add the last one
+// Useful for testing scenarios like bug 1169267
+function appendDeleteAppendTextFromArray(textArray)
+{
+    if (textArray.length < 2) {
+        return;
+    }
+
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        var isInput = (theElement.tagName == "INPUT");
+        if (!isInput) {
+            var textNode = document.createTextNode("");
+            theElement.appendChild(textNode);
+        }
+
+        for (var j = 0; j < textArray.length - 1; ++j) {
+            if (isInput) {
+                theElement.value += textArray[j];
+            } else {
+                textNode.appendData(textArray[j]);
+            }
+        }
+
+        // delete the last element added
+        var deleteElt = textArray[textArray.length - 2];
+        if (isInput) {
+            theElement.value = theElement.value.slice(0, -deleteElt.length);
+        } else {
+            textNode.deleteData(textNode.length - deleteElt.length,
+                                deleteElt.length);
+        }
+
+        // add the next element
+        var addElt = textArray[textArray.length - 1];
+        if (isInput) {
+            theElement.value += addElt;
+        } else {
+            textNode.appendData(addElt);
+        }
+    }
+}
+
+function appendSpansFromArray(textArray)
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        for (var j = 0; j < textArray.length; ++j) {
+            // fake the result for elements that can't have markup content
+            if (theElement.tagName == "INPUT") {
+                theElement.value += textArray[j];
+            } else if (theElement.tagName == "TEXTAREA") {
+                theElement.innerHTML += textArray[j];
+            } else {
+                var span = document.createElement("span");
+                span.innerHTML = textArray[j];
+                theElement.appendChild(span);
+            }
+        }
+    }
+}
+
+function prependTextFromArray(textArray)
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        for (var j = 0; j < textArray.length; ++j) {
+            if (theElement.tagName == "INPUT") {
+                theElement.value = textArray[j] + theElement.value;
+            } else {
+                var textNode = document.createTextNode(textArray[j]);
+                theElement.insertBefore(textNode, theElement.firstChild);
+            }
+        }
+    }
+}
+
+function prependSpansFromArray(textArray)
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        for (var j = 0; j < textArray.length; ++j) {
+            // fake the result for elements that can't have markup content
+            if (theElement.tagName == "INPUT") {
+                theElement.value = textArray[j] + theElement.value;
+            } else if (theElement.tagName == "TEXTAREA") {
+                theElement.innerHTML = textArray[j] + theElement.innerHTML;
+            } else {
+                var span = document.createElement("span");
+                span.innerHTML = textArray[j];
+                theElement.insertBefore(span, theElement.firstChild);
+            }
+        }
+    }
+}
+
+function removeElements()
+{
+    for (var i = 0; ; ++i) {
+        theElement = document.getElementById("set" + i);
+        if (!theElement) {
+            break;
+        }
+        theElement.remove();
+    }
+}
diff --git a/layout/reftests/bidi/logicalmarquee.html b/layout/reftests/bidi/logicalmarquee.html
new file mode 100644
index 0000000000..cb13827dec
--- /dev/null
+++ b/layout/reftests/bidi/logicalmarquee.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-8-i">
+    <title>Marquee in Logical Hebrew</title>
+  </head>
+
+  <body>
+    <marquee scrollamount="0" behavior="alternate" direction="right">&#x05E2;&#x05D3; &#x05E9;&#x05D9;&#x05E4;&#x05D5;&#x05D7; &#x05D4;&#x05D9;&#x05D5;&#x05DD; &#x05D5;&#x05E0;&#x05E1;&#x05D5; &#x05D4;&#x05E6;&#x05DC;&#x05D9;&#x05DC;&#x05D9;&#x05DD;</marquee>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/marquee-ref.html b/layout/reftests/bidi/marquee-ref.html
new file mode 100644
index 0000000000..d8778dc880
--- /dev/null
+++ b/layout/reftests/bidi/marquee-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-8-i">
+    <title>Marquee in Logical Hebrew</title>
+  </head>
+
+  <body>
+    <div dir="rtl" align="left">&#x05E2;&#x05D3; &#x05E9;&#x05D9;&#x05E4;&#x05D5;&#x05D7; &#x05D4;&#x05D9;&#x05D5;&#x05DD; &#x05D5;&#x05E0;&#x05E1;&#x05D5; &#x05D4;&#x05E6;&#x05DC;&#x05D9;&#x05DC;&#x05D9;&#x05DD;</div>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mirroring-01-ref.html b/layout/reftests/bidi/mirroring-01-ref.html
new file mode 100644
index 0000000000..a422e66328
--- /dev/null
+++ b/layout/reftests/bidi/mirroring-01-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+  <!-- some paired chars that should mirror in RTL text -->
+  <p>c(b)a</p>
+  <p>c[b]a</p>
+  <p>c{b}a</p>
+  <p>c&lt;b&gt;a</p>
+</body>
+</html>
diff --git a/layout/reftests/bidi/mirroring-01.html b/layout/reftests/bidi/mirroring-01.html
new file mode 100644
index 0000000000..0ed363ddff
--- /dev/null
+++ b/layout/reftests/bidi/mirroring-01.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+  p {
+    unicode-bidi:bidi-override;
+    direction:rtl;
+    text-align:left;
+  }
+  </style>
+</head>
+<body>
+  <!-- some paired chars that should mirror in RTL text -->
+  <p>a(b)c</p>
+  <p>a[b]c</p>
+  <p>a{b}c</p>
+  <p>a&lt;b&gt;c</p>
+</body>
+</html>
diff --git a/layout/reftests/bidi/mirroring-02-ref.html b/layout/reftests/bidi/mirroring-02-ref.html
new file mode 100644
index 0000000000..ae4bef0947
--- /dev/null
+++ b/layout/reftests/bidi/mirroring-02-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+  <!-- some chars that should NOT mirror... -->
+  <p>c&#x2019;b&#x2018;a</p>
+  <p>c&#x201d;b&#x201c;a</p>
+</body>
+</html>
diff --git a/layout/reftests/bidi/mirroring-02.html b/layout/reftests/bidi/mirroring-02.html
new file mode 100644
index 0000000000..2706b2f298
--- /dev/null
+++ b/layout/reftests/bidi/mirroring-02.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+  p {
+    unicode-bidi:bidi-override;
+    direction:rtl;
+    text-align:left;
+  }
+  </style>
+</head>
+<body>
+  <!-- some chars that should NOT mirror... -->
+  <p>a&#x2018;b&#x2019;c</p>
+  <p>a&#x201c;b&#x201d;c</p>
+</body>
+</html>
diff --git a/layout/reftests/bidi/mirroring-03-ref.html b/layout/reftests/bidi/mirroring-03-ref.html
new file mode 100644
index 0000000000..24bb1ec736
--- /dev/null
+++ b/layout/reftests/bidi/mirroring-03-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<head>
+<title>Test for mirroring parentheses in Hebrew text</title>
+</head>
+<body>
+<p dir="rtl"><span style="unicode-bidi:bidi-override; direction:ltr;">&#x05d2;(&#x05d1;)&#x05d0;</span></p>
+</body>
+</html>
+
diff --git a/layout/reftests/bidi/mirroring-03.html b/layout/reftests/bidi/mirroring-03.html
new file mode 100644
index 0000000000..8380ddc03b
--- /dev/null
+++ b/layout/reftests/bidi/mirroring-03.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<head>
+<title>Test for mirroring parentheses in Hebrew text</title>
+</head>
+<body>
+<p dir="rtl">&#x05d0;(&#x05d1;)&#x05d2;</p>
+</body>
+</html>
+
diff --git a/layout/reftests/bidi/mixedChartype-00-j.html b/layout/reftests/bidi/mixedChartype-00-j.html
new file mode 100644
index 0000000000..7cf8629b9b
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-00-j.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 00: English - Hebrew -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+  text-align: justify;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: ltr; unicode-bidi: bidi-override">Hello &#x5DD;&#x5DC;&#x5D5;&#x5E2;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-00-ref.html b/layout/reftests/bidi/mixedChartype-00-ref.html
new file mode 100644
index 0000000000..ace2a53b12
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-00-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 00: English - Hebrew -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p>Hello &#x5E2;&#x5D5;&#x5DC;&#x5DD;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-00.html b/layout/reftests/bidi/mixedChartype-00.html
new file mode 100644
index 0000000000..a1e2ca4065
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-00.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 00: English - Hebrew -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: ltr; unicode-bidi: bidi-override">Hello &#x5DD;&#x5DC;&#x5D5;&#x5E2;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-01-j.html b/layout/reftests/bidi/mixedChartype-01-j.html
new file mode 100644
index 0000000000..f350d1f437
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-01-j.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 01: Hebrew - English -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: monospace;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: rtl; unicode-bidi: bidi-override">&#x5E9;&#x5DC;&#x5D5;&#x5DD; dlroW</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-01-ref.html b/layout/reftests/bidi/mixedChartype-01-ref.html
new file mode 100644
index 0000000000..0182f551b4
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-01-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 01: Hebrew - English -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: monospace;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span>World &#x5E9;&#x5DC;&#x5D5;&#x5DD;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-01.html b/layout/reftests/bidi/mixedChartype-01.html
new file mode 100644
index 0000000000..f350d1f437
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-01.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 01: Hebrew - English -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: monospace;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: rtl; unicode-bidi: bidi-override">&#x5E9;&#x5DC;&#x5D5;&#x5DD; dlroW</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-02-j.html b/layout/reftests/bidi/mixedChartype-02-j.html
new file mode 100644
index 0000000000..d26fca251e
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-02-j.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 02: English - Arabic -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body { /* for Mac OS X with Core Text, we need to ensure an AAT (not OpenType)
+          font is used for the Arabic, as CT doesn't shape LTR-override Arabic
+          correctly (rdar://7231250 */
+  font-family: Geeza Pro, serif;
+  font-size: 24px;
+  text-align: justify;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: ltr; unicode-bidi: bidi-override">Hello &#x629;&#x64A;&#x646;&#x648;&#x62F</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-02-ref.html b/layout/reftests/bidi/mixedChartype-02-ref.html
new file mode 100644
index 0000000000..b2edd771fe
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-02-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 02: English - Arabic -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body { /* for Mac OS X with Core Text, we need to ensure an AAT (not OpenType)
+          font is used for the Arabic, as CT doesn't shape LTR-override Arabic
+          correctly (rdar://7231250 */
+  font-family: Geeza Pro, serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span>Hello &#x62F;&#x648;&#x646;&#x64A;&#x629;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-02.html b/layout/reftests/bidi/mixedChartype-02.html
new file mode 100644
index 0000000000..1bbb1e6fc5
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-02.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 02: English - Arabic -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body { /* for Mac OS X with Core Text, we need to ensure an AAT (not OpenType)
+          font is used for the Arabic, as CT doesn't shape LTR-override Arabic
+          correctly (rdar://7231250 */
+  font-family: Geeza Pro, serif;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: ltr; unicode-bidi: bidi-override">Hello &#x629;&#x64A;&#x646;&#x648;&#x62F</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-03-j.html b/layout/reftests/bidi/mixedChartype-03-j.html
new file mode 100644
index 0000000000..2d8c25b7f1
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-03-j.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 03: Arabic - English -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: monospace;
+  font-size: 24px;
+  text-align: justify;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: rtl; unicode-bidi: bidi-override">&#x633;&#x644;&#x645;&#x627;&#x62A; dlroW</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-03-ref.html b/layout/reftests/bidi/mixedChartype-03-ref.html
new file mode 100644
index 0000000000..16231b753a
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-03-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 03: Arabic - English -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: monospace;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span>World &#x633;&#x644;&#x645;&#x627;&#x62A;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/mixedChartype-03.html b/layout/reftests/bidi/mixedChartype-03.html
new file mode 100644
index 0000000000..819a37d18a
--- /dev/null
+++ b/layout/reftests/bidi/mixedChartype-03.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Mixed chartype reftest 03: Arabic - English -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+body {
+  font-family: monospace;
+  font-size: 24px;
+}
+  </style>
+ </head>
+ <body>
+  <p><span style="direction: rtl; unicode-bidi: bidi-override">&#x633;&#x644;&#x645;&#x627;&#x62A; dlroW</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-1-ref.html b/layout/reftests/bidi/numeral/arabic-1-ref.html
new file mode 100644
index 0000000000..8bc1ea4991
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="٠١٢">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-1.html b/layout/reftests/bidi/numeral/arabic-1.html
new file mode 100644
index 0000000000..b9f8deb744
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-1.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="012">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-2-ref.html b/layout/reftests/bidi/numeral/arabic-2-ref.html
new file mode 100644
index 0000000000..3a17736c19
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن١٢٣">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-2.html b/layout/reftests/bidi/numeral/arabic-2.html
new file mode 100644
index 0000000000..7e8f727e64
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-2.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن123">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-3-ref.html b/layout/reftests/bidi/numeral/arabic-3-ref.html
new file mode 100644
index 0000000000..5b43f2c278
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text٢٣٤">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-3.html b/layout/reftests/bidi/numeral/arabic-3.html
new file mode 100644
index 0000000000..fd77ee5f20
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-3.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text234">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-4-ref.html b/layout/reftests/bidi/numeral/arabic-4-ref.html
new file mode 100644
index 0000000000..84f7ec8fee
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-4-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن ٣٤٥">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-4.html b/layout/reftests/bidi/numeral/arabic-4.html
new file mode 100644
index 0000000000..7206833f03
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-4.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن 345">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-5-ref.html b/layout/reftests/bidi/numeral/arabic-5-ref.html
new file mode 100644
index 0000000000..03b58b7021
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-5-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text ٤٥٦">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/arabic-5.html b/layout/reftests/bidi/numeral/arabic-5.html
new file mode 100644
index 0000000000..cb66219436
--- /dev/null
+++ b/layout/reftests/bidi/numeral/arabic-5.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text 456">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/bug441782-1-ref.html b/layout/reftests/bidi/numeral/bug441782-1-ref.html
new file mode 100644
index 0000000000..b896333c82
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+٠١٢
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-1.html b/layout/reftests/bidi/numeral/bug441782-1.html
new file mode 100644
index 0000000000..db145ddbad
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-1.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+012
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-2-ref.html b/layout/reftests/bidi/numeral/bug441782-2-ref.html
new file mode 100644
index 0000000000..81ad71e2f6
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن١٢٣
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-2.html b/layout/reftests/bidi/numeral/bug441782-2.html
new file mode 100644
index 0000000000..9a81969a3e
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-2.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن123
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-3-ref.html b/layout/reftests/bidi/numeral/bug441782-3-ref.html
new file mode 100644
index 0000000000..0bfdbd9a99
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text٢٣٤
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-3.html b/layout/reftests/bidi/numeral/bug441782-3.html
new file mode 100644
index 0000000000..01408d0821
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-3.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text234
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-4-ref.html b/layout/reftests/bidi/numeral/bug441782-4-ref.html
new file mode 100644
index 0000000000..5cc53dd117
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-4-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن ٣٤٥
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-4.html b/layout/reftests/bidi/numeral/bug441782-4.html
new file mode 100644
index 0000000000..1437d291d6
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-4.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن 345
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-5-ref.html b/layout/reftests/bidi/numeral/bug441782-5-ref.html
new file mode 100644
index 0000000000..d1855ca8dc
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-5-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text ٤٥٦
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug441782-5.html b/layout/reftests/bidi/numeral/bug441782-5.html
new file mode 100644
index 0000000000..2b6b7cea1a
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug441782-5.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text 456
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-1-ref.html b/layout/reftests/bidi/numeral/bug467672-1-ref.html
new file mode 100644
index 0000000000..5d7965a349
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+۳۴۵
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-1.html b/layout/reftests/bidi/numeral/bug467672-1.html
new file mode 100644
index 0000000000..1e572bd99e
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-1.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+345
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-2-ref.html b/layout/reftests/bidi/numeral/bug467672-2-ref.html
new file mode 100644
index 0000000000..2a73b8a25e
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن۳۴۵
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-2.html b/layout/reftests/bidi/numeral/bug467672-2.html
new file mode 100644
index 0000000000..0ffdb981c7
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-2.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن345
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-3-ref.html b/layout/reftests/bidi/numeral/bug467672-3-ref.html
new file mode 100644
index 0000000000..47e534b0ba
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text۳۴۵
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-3.html b/layout/reftests/bidi/numeral/bug467672-3.html
new file mode 100644
index 0000000000..60e2e71dbb
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-3.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text345
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-4-ref.html b/layout/reftests/bidi/numeral/bug467672-4-ref.html
new file mode 100644
index 0000000000..3842dd5afe
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-4-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن ۳۴۵
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-4.html b/layout/reftests/bidi/numeral/bug467672-4.html
new file mode 100644
index 0000000000..1437d291d6
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-4.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+متن 345
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-5-ref.html b/layout/reftests/bidi/numeral/bug467672-5-ref.html
new file mode 100644
index 0000000000..0144f94223
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-5-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text ۳۴۵
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/bug467672-5.html b/layout/reftests/bidi/numeral/bug467672-5.html
new file mode 100644
index 0000000000..9dbad10bca
--- /dev/null
+++ b/layout/reftests/bidi/numeral/bug467672-5.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+text 345
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bidi/numeral/persian-1-ref.html b/layout/reftests/bidi/numeral/persian-1-ref.html
new file mode 100644
index 0000000000..d12001f568
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="۳۴۵">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-1.html b/layout/reftests/bidi/numeral/persian-1.html
new file mode 100644
index 0000000000..a8185022c1
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-1.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="345">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-2-ref.html b/layout/reftests/bidi/numeral/persian-2-ref.html
new file mode 100644
index 0000000000..ce738adfae
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن۳۴۵">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-2.html b/layout/reftests/bidi/numeral/persian-2.html
new file mode 100644
index 0000000000..96e53d87cc
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-2.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن345">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-3-ref.html b/layout/reftests/bidi/numeral/persian-3-ref.html
new file mode 100644
index 0000000000..87018752d4
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text۳۴۵">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-3.html b/layout/reftests/bidi/numeral/persian-3.html
new file mode 100644
index 0000000000..9546ed2427
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-3.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text345">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-4-ref.html b/layout/reftests/bidi/numeral/persian-4-ref.html
new file mode 100644
index 0000000000..5ef1c2a8e4
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-4-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن ۳۴۵">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-4.html b/layout/reftests/bidi/numeral/persian-4.html
new file mode 100644
index 0000000000..7206833f03
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-4.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="متن 345">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-5-ref.html b/layout/reftests/bidi/numeral/persian-5-ref.html
new file mode 100644
index 0000000000..1e368e406f
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-5-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text ۳۴۵">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/persian-5.html b/layout/reftests/bidi/numeral/persian-5.html
new file mode 100644
index 0000000000..3e29ae7d32
--- /dev/null
+++ b/layout/reftests/bidi/numeral/persian-5.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+</head>
+<body>
+  <img src="youwontfindme.png" width="100" height="50" alt="text 345">
+</body>
+</html>
diff --git a/layout/reftests/bidi/numeral/reftest.list b/layout/reftests/bidi/numeral/reftest.list
new file mode 100644
index 0000000000..c32d92c866
--- /dev/null
+++ b/layout/reftests/bidi/numeral/reftest.list
@@ -0,0 +1,120 @@
+pref(bidi.numeral,0) != arabic-1.html arabic-1-ref.html
+pref(bidi.numeral,1) == arabic-1.html arabic-1-ref.html
+pref(bidi.numeral,2) == arabic-1.html arabic-1-ref.html
+pref(bidi.numeral,3) == arabic-1.html arabic-1-ref.html
+pref(bidi.numeral,4) == arabic-1.html arabic-1-ref.html
+pref(bidi.numeral,0) != arabic-2.html arabic-2-ref.html
+pref(bidi.numeral,1) == arabic-2.html arabic-2-ref.html
+pref(bidi.numeral,2) == arabic-2.html arabic-2-ref.html
+pref(bidi.numeral,3) == arabic-2.html arabic-2-ref.html
+pref(bidi.numeral,4) == arabic-2.html arabic-2-ref.html
+pref(bidi.numeral,0) != arabic-3.html arabic-3-ref.html
+pref(bidi.numeral,1) == arabic-3.html arabic-3-ref.html
+pref(bidi.numeral,2) == arabic-3.html arabic-3-ref.html
+pref(bidi.numeral,3) == arabic-3.html arabic-3-ref.html
+pref(bidi.numeral,4) == arabic-3.html arabic-3-ref.html
+pref(bidi.numeral,0) != arabic-4.html arabic-4-ref.html
+pref(bidi.numeral,1) == arabic-4.html arabic-4-ref.html
+pref(bidi.numeral,2) == arabic-4.html arabic-4-ref.html
+pref(bidi.numeral,3) == arabic-4.html arabic-4-ref.html
+pref(bidi.numeral,4) == arabic-4.html arabic-4-ref.html
+pref(bidi.numeral,0) != arabic-5.html arabic-5-ref.html
+pref(bidi.numeral,1) == arabic-5.html arabic-5-ref.html
+pref(bidi.numeral,2) == arabic-5.html arabic-5-ref.html
+pref(bidi.numeral,3) == arabic-5.html arabic-5-ref.html
+pref(bidi.numeral,4) == arabic-5.html arabic-5-ref.html
+pref(bidi.numeral,0) != bug441782-1.html bug441782-1-ref.html
+pref(bidi.numeral,1) == bug441782-1.html bug441782-1-ref.html
+pref(bidi.numeral,2) == bug441782-1.html bug441782-1-ref.html
+pref(bidi.numeral,3) == bug441782-1.html bug441782-1-ref.html
+pref(bidi.numeral,4) == bug441782-1.html bug441782-1-ref.html
+pref(bidi.numeral,0) != bug441782-2.html bug441782-2-ref.html
+pref(bidi.numeral,1) == bug441782-2.html bug441782-2-ref.html
+pref(bidi.numeral,2) == bug441782-2.html bug441782-2-ref.html
+pref(bidi.numeral,3) == bug441782-2.html bug441782-2-ref.html
+pref(bidi.numeral,4) == bug441782-2.html bug441782-2-ref.html
+pref(bidi.numeral,0) != bug441782-3.html bug441782-3-ref.html
+fuzzy-if(winWidget&&!d2d&&d3d11,0-13,0-1) pref(bidi.numeral,1) == bug441782-3.html bug441782-3-ref.html
+fuzzy-if(winWidget&&!d2d&&d3d11,0-13,0-1) pref(bidi.numeral,2) == bug441782-3.html bug441782-3-ref.html
+fuzzy-if(winWidget&&!d2d&&d3d11,0-13,0-1) pref(bidi.numeral,3) == bug441782-3.html bug441782-3-ref.html
+pref(bidi.numeral,4) == bug441782-3.html bug441782-3-ref.html
+pref(bidi.numeral,0) != bug441782-4.html bug441782-4-ref.html
+pref(bidi.numeral,1) == bug441782-4.html bug441782-4-ref.html
+pref(bidi.numeral,2) == bug441782-4.html bug441782-4-ref.html
+pref(bidi.numeral,3) == bug441782-4.html bug441782-4-ref.html
+pref(bidi.numeral,4) == bug441782-4.html bug441782-4-ref.html
+pref(bidi.numeral,0) != bug441782-5.html bug441782-5-ref.html
+pref(bidi.numeral,1) == bug441782-5.html bug441782-5-ref.html
+pref(bidi.numeral,2) == bug441782-5.html bug441782-5-ref.html
+pref(bidi.numeral,3) == bug441782-5.html bug441782-5-ref.html
+pref(bidi.numeral,4) == bug441782-5.html bug441782-5-ref.html
+pref(bidi.numeral,0) != bug467672-1.html bug467672-1-ref.html
+pref(bidi.numeral,1) == bug467672-1.html bug467672-1-ref.html
+pref(bidi.numeral,2) == bug467672-1.html bug467672-1-ref.html
+pref(bidi.numeral,3) == bug467672-1.html bug467672-1-ref.html
+pref(bidi.numeral,4) == bug467672-1.html bug467672-1-ref.html
+pref(bidi.numeral,5) == bug467672-1.html bug467672-1-ref.html
+pref(bidi.numeral,6) == bug467672-1.html bug467672-1-ref.html
+pref(bidi.numeral,0) != bug467672-2.html bug467672-2-ref.html
+pref(bidi.numeral,1) == bug467672-2.html bug467672-2-ref.html
+pref(bidi.numeral,2) == bug467672-2.html bug467672-2-ref.html
+pref(bidi.numeral,3) == bug467672-2.html bug467672-2-ref.html
+pref(bidi.numeral,4) == bug467672-2.html bug467672-2-ref.html
+pref(bidi.numeral,5) == bug467672-2.html bug467672-2-ref.html
+pref(bidi.numeral,6) == bug467672-2.html bug467672-2-ref.html
+pref(bidi.numeral,0) != bug467672-3.html bug467672-3-ref.html
+pref(bidi.numeral,1) == bug467672-3.html bug467672-3-ref.html
+pref(bidi.numeral,2) == bug467672-3.html bug467672-3-ref.html
+pref(bidi.numeral,3) == bug467672-3.html bug467672-3-ref.html
+pref(bidi.numeral,4) == bug467672-3.html bug467672-3-ref.html
+pref(bidi.numeral,5) == bug467672-3.html bug467672-3-ref.html
+pref(bidi.numeral,6) == bug467672-3.html bug467672-3-ref.html
+pref(bidi.numeral,0) != bug467672-4.html bug467672-4-ref.html
+pref(bidi.numeral,1) == bug467672-4.html bug467672-4-ref.html
+pref(bidi.numeral,2) == bug467672-4.html bug467672-4-ref.html
+pref(bidi.numeral,3) == bug467672-4.html bug467672-4-ref.html
+pref(bidi.numeral,4) == bug467672-4.html bug467672-4-ref.html
+pref(bidi.numeral,5) == bug467672-4.html bug467672-4-ref.html
+pref(bidi.numeral,6) == bug467672-4.html bug467672-4-ref.html
+pref(bidi.numeral,0) != bug467672-5.html bug467672-5-ref.html
+pref(bidi.numeral,1) == bug467672-5.html bug467672-5-ref.html
+pref(bidi.numeral,2) == bug467672-5.html bug467672-5-ref.html
+pref(bidi.numeral,3) == bug467672-5.html bug467672-5-ref.html
+pref(bidi.numeral,4) == bug467672-5.html bug467672-5-ref.html
+pref(bidi.numeral,5) == bug467672-5.html bug467672-5-ref.html
+pref(bidi.numeral,6) == bug467672-5.html bug467672-5-ref.html
+pref(bidi.numeral,0) != persian-1.html persian-1-ref.html
+pref(bidi.numeral,1) == persian-1.html persian-1-ref.html
+pref(bidi.numeral,2) == persian-1.html persian-1-ref.html
+pref(bidi.numeral,3) == persian-1.html persian-1-ref.html
+pref(bidi.numeral,4) == persian-1.html persian-1-ref.html
+pref(bidi.numeral,5) == persian-1.html persian-1-ref.html
+pref(bidi.numeral,6) == persian-1.html persian-1-ref.html
+pref(bidi.numeral,0) != persian-2.html persian-2-ref.html
+pref(bidi.numeral,1) == persian-2.html persian-2-ref.html
+pref(bidi.numeral,2) == persian-2.html persian-2-ref.html
+pref(bidi.numeral,3) == persian-2.html persian-2-ref.html
+pref(bidi.numeral,4) == persian-2.html persian-2-ref.html
+pref(bidi.numeral,5) == persian-2.html persian-2-ref.html
+pref(bidi.numeral,6) == persian-2.html persian-2-ref.html
+pref(bidi.numeral,0) != persian-3.html persian-3-ref.html
+pref(bidi.numeral,1) == persian-3.html persian-3-ref.html
+pref(bidi.numeral,2) == persian-3.html persian-3-ref.html
+pref(bidi.numeral,3) == persian-3.html persian-3-ref.html
+pref(bidi.numeral,4) == persian-3.html persian-3-ref.html
+pref(bidi.numeral,5) == persian-3.html persian-3-ref.html
+pref(bidi.numeral,6) == persian-3.html persian-3-ref.html
+pref(bidi.numeral,0) != persian-4.html persian-4-ref.html
+pref(bidi.numeral,1) == persian-4.html persian-4-ref.html
+pref(bidi.numeral,2) == persian-4.html persian-4-ref.html
+pref(bidi.numeral,3) == persian-4.html persian-4-ref.html
+pref(bidi.numeral,4) == persian-4.html persian-4-ref.html
+pref(bidi.numeral,5) == persian-4.html persian-4-ref.html
+pref(bidi.numeral,6) == persian-4.html persian-4-ref.html
+pref(bidi.numeral,0) != persian-5.html persian-5-ref.html
+pref(bidi.numeral,1) == persian-5.html persian-5-ref.html
+pref(bidi.numeral,2) == persian-5.html persian-5-ref.html
+pref(bidi.numeral,3) == persian-5.html persian-5-ref.html
+pref(bidi.numeral,4) == persian-5.html persian-5-ref.html
+pref(bidi.numeral,5) == persian-5.html persian-5-ref.html
+pref(bidi.numeral,6) == persian-5.html persian-5-ref.html
diff --git a/layout/reftests/bidi/reftest.list b/layout/reftests/bidi/reftest.list
new file mode 100644
index 0000000000..4916028c89
--- /dev/null
+++ b/layout/reftests/bidi/reftest.list
@@ -0,0 +1,183 @@
+include dirAuto/reftest.list
+include numeral/reftest.list
+fuzzy-if(cocoaWidget,0-1,0-1) == bdi-element.html bdi-element-ref.html # Bug 1392106
+== bidi-000.html bidi-000-ref.html
+== bidi-001.html bidi-001-ref.html # Bug 1392106
+== bidi-001-j.html bidi-001-ref.html # Bug 1392106
+== bidi-001-v.html bidi-001-ref.html # Bug 1392106
+fuzzy-if(Android,0-1,0-1) == bidi-002.html bidi-002-ref.html
+fuzzy-if(Android||winWidget,0-1,0-1) == bidi-003.html bidi-003-ref.html
+fuzzy-if(gtkWidget,0-255,0-17) == bidi-004.html bidi-004-ref.html # inconsistency in the Hebrew font that gets used
+fuzzy-if(gtkWidget,0-255,0-17) == bidi-004-j.html bidi-004-ref.html # inconsistency in the Hebrew font that gets used
+== bidi-005.html bidi-005-ref.html
+random-if(cocoaWidget) == bidi-006.html bidi-006-ref.html # bug 734313
+random-if(cocoaWidget) == bidi-006-j.html bidi-006-ref.html # bug 734313
+fuzzy-if(winWidget,0-1,0-1) == bidiSVG-01.svg bidiSVG-01-ref.svg
+fuzzy-if(Android,0-1,0-1) == bidiSVG-02.svg bidiSVG-02-ref.svg # Bug 1392106
+fuzzy-if(Android,0-253,0-77) == bidiSVG-03.svg bidiSVG-03-ref.svg
+fuzzy(0-1,0-1) fuzzy-if(winWidget,0-1,0-2) == bidiSVG-04.svg bidiSVG-04-ref.svg
+== bidiSVG-05.svg bidiSVG-05-ref.svg
+== bidiMirroring.svg bidiMirroring-ref.svg # Bug 1392106
+fuzzy-if(Android,0-9,0-134) random-if(layersGPUAccelerated) == visualmarquee.html marquee-ref.html
+fuzzy-if(Android,0-9,0-134) random-if(layersGPUAccelerated) == logicalmarquee.html marquee-ref.html
+== visualmarquee.html logicalmarquee.html
+# test for glyph mirroring in right-to-left text
+== mirroring-01.html mirroring-01-ref.html
+# quote marks are not supposed to mirror, but Unicode 5.0 said they should, so some systems do it
+random-if(cocoaWidget) == mirroring-02.html mirroring-02-ref.html
+== mirroring-03.html mirroring-03-ref.html
+== mixedChartype-00.html mixedChartype-00-ref.html
+== mixedChartype-00-j.html mixedChartype-00-ref.html
+== mixedChartype-01.html mixedChartype-01-ref.html
+== mixedChartype-01-j.html mixedChartype-01-ref.html
+fuzzy-if(Android,0-1,0-6) fuzzy-if(cocoaWidget,0-1,0-2) == mixedChartype-02.html mixedChartype-02-ref.html
+fuzzy-if(Android,0-1,0-6) fuzzy-if(cocoaWidget,0-1,0-2) == mixedChartype-02-j.html mixedChartype-02-ref.html
+== mixedChartype-03.html mixedChartype-03-ref.html
+== mixedChartype-03-j.html mixedChartype-03-ref.html
+== unicode-bidi-anonymous-001.html unicode-bidi-anonymous-001-ref.html
+== unicode-bidi-anonymous-002.html unicode-bidi-anonymous-002-ref.html
+== unicode-bidi-isolate-basic.html unicode-bidi-isolate-basic-ref.html
+== unicode-bidi-isolate-aharon.html unicode-bidi-isolate-aharon-ref.html
+fuzzy(0-104,0-32) == unicode-bidi-plaintext.html unicode-bidi-plaintext-ref.html # Bug 1392106
+== unicode-bidi-plaintext-textarea-1.html unicode-bidi-plaintext-textarea-ref.html
+== unicode-bidi-plaintext-textarea-2.html unicode-bidi-plaintext-textarea-ref.html
+== unicode-bidi-plaintext-textarea-3.html unicode-bidi-plaintext-textarea-ref.html
+== unicode-bidi-plaintext-textarea-4.html unicode-bidi-plaintext-textarea-ref.html
+== with-first-letter-1a.html with-first-letter-1-ref.html
+== with-first-letter-1b.html with-first-letter-1-ref.html
+random-if(cocoaWidget) == with-first-letter-2a.html with-first-letter-2-ref.html # bug 734313
+random-if(cocoaWidget) == with-first-letter-2b.html with-first-letter-2-ref.html # bug 734313
+== 83958-1a.html 83958-1-ref.html
+== 83958-1b.html 83958-1-ref.html
+== 83958-1c.html 83958-1-ref.html
+fuzzy-if(Android,0-1,0-3) == 83958-2a.html 83958-2-ref.html
+fuzzy-if(Android,0-1,0-3) == 83958-2b.html 83958-2-ref.html
+== 115921-1.html 115921-1-ref.html
+== 115921-2.html 115921-2-ref.html
+== 151407-1.html 151407-1-ref.html
+== 151407-1a.html 151407-1-ref.html
+== 151407-2-ltr.html 151407-2-ltr-ref.html
+== 151407-2-rtl.html 151407-2-rtl-ref.html
+== 151407-2-auto.html 151407-2-auto-ref.html
+== 151407-2-empty.html 151407-2-empty-ref.html
+== 151407-2-foopy.html 151407-2-empty-ref.html
+== 151407-3-ltr.html 151407-3-ltr-ref.html
+== 151407-3-rtl.html 151407-3-rtl-ref.html
+== 151407-3-auto.html 151407-3-auto-ref.html
+== 151407-3-foopy.html 151407-3-empty-ref.html
+== 229367-1.html 229367-1-ref.html # Bug 1392106
+== 229367-2.html 229367-2-ref.html # Bug 1392106
+== 229367-3.html 229367-3-ref.html # Bug 1392106
+== 258928-1.html 258928-1-ref.html # Bug 1392106
+== 263359-1.html 263359-1-ref.html # Bug 1392106
+== 263359-1a.html 263359-1-ref.html # Bug 1392106
+!= 263359-1b.html 263359-1-ref.html # Bug 1392106
+== 263359-2.html 263359-2-ref.html # Bug 1392106
+== 263359-3.html 263359-3-ref.html # Bug 1392106
+== 263359-4.html 263359-4-ref.html # Bug 1392106
+random-if(winWidget) fuzzy(0-1,0-1700) == 267459-1.html 267459-1-ref.html # depends on windows version, see bug 590101
+fuzzy(0-1,0-1100) == 267459-2.html 267459-2-ref.html
+== 299065-1.html 299065-1-ref.html
+random-if(winWidget) == 305643-1.html 305643-1-ref.html # depends on windows version, see bug 590101
+== 332655-1.html 332655-1-ref.html
+== 332655-2.html 332655-2-ref.html # Bug 1392106
+== 381279-1.html 381279-1-ref.html
+== 386339.html 386339-ref.html
+== 409375.html 409375-ref.html
+== 413542-1.html 413542-1-ref.html
+== 413542-2.html 413542-2-ref.html
+== 413928-1.html 413928-1-ref.html # Bug 1392106
+fuzzy(0-52,0-14) == 413928-2.html 413928-2-ref.html # Bug 1392106
+== 425338-1a.html 425338-1-ref.html
+== 425338-1b.html 425338-1-ref.html
+== 489517-1.html 489517-1-ref.html
+== 489887-1.html 489887-1-ref.html
+== 492231-1.html 492231-1-ref.html
+== 496006-1.html 496006-1-ref.html
+== 503269-1.html 503269-1-ref.html
+== 503957-1.html 503957-1-ref.html
+== 525740-1.html 525740-1-ref.html
+== 536963-1.html 536963-1-ref.html
+fuzzy(0-137,0-1) == 562169-1.html 562169-1-ref.html
+fuzzy(0-137,0-1) == 562169-1a.html 562169-1-ref.html
+== 562169-2.html 562169-2-ref.html
+== 562169-2a.html 562169-2-ref.html
+== 562169-3.html 562169-3-ref.html
+== 562169-3a.html 562169-3-ref.html
+== 562169-4.html 562169-4-ref.html
+== 588739-1.html 588739-ref.html
+== 588739-2.html 588739-ref.html
+== 588739-3.html 588739-ref.html
+== 612843-1.html 612843-1-ref.html
+fuzzy-if(Android,0-1,0-1) == 613149-1a.html 613149-1-ref.html # Bug 1392106
+fuzzy-if(Android,0-1,0-1) == 613149-1b.html 613149-1-ref.html # Bug 1392106
+== 613149-2a.html 613149-2-ref.html # Bug 1392106
+fuzzy-if(Android,0-24,0-1) == 613149-2b.html 613149-2-ref.html # Bug 1392106
+== 613157-1.html 613157-1-ref.html
+fuzzy-if(winWidget,0-1,0-1) == 613157-2.html 613157-2-ref.html
+== 662288-1.html 662288-1-ref.html # Bug 1392106
+== 670226-1.html 670226-1-ref.html
+== 676245-1.html 676245-1-ref.html
+fuzzy(0-1,0-3) == 698291-1.html 698291-1-ref.html
+== 698706-1.html 698706-1-ref.html
+== 704837-1.html 704837-1-ref.html
+== 712600-1.html 712600-1-ref.html # Bug 1392106
+== 712600-2.html 712600-2-ref.html # Bug 1392106
+== 712600-2-dyn.html 712600-2-ref.html # Bug 1392106
+== 712600-3.html 712600-3-ref.html # Bug 1392106
+== 718236-1.html 718236-1-ref.html
+== 718236-2.html 718236-2-ref.html
+== 718236-3.html 718236-3-ref.html
+== 726460-1.html 726460-1-ref.html
+== 729047-1.html 729047-1-ref.html
+== 730562-1.html 730562-1-ref.html
+== 746987-1.html 746987-1-ref.html
+== 746987-2.html 746987-2-ref.html
+== 746987-3.html 746987-3-ref.html
+== 746987-4.html 746987-4-ref.html
+== 779003-1.html 779003-1-ref.html
+== 779003-1-dynamic.html 779003-1-ref.html
+== 817406-1.html 817406-1-ref.html
+== 817406-2.html 817406-2-ref.html
+== 817406-3.html 817406-1-ref.html
+== 817406-4.html 817406-1-ref.html
+== 847242-1.html 847242-1-ref.html
+
+# Skip on Android because this is a <tree> test and we don't have the requisite XUL on Android.
+skip-if(Android) fuzzy(0-92,0-350) fuzzy-if(xulRuntime.widgetToolkit=="gtk",0-1,0-11) == chrome://reftest/content/bidi/869833-1.xhtml chrome://reftest/content/bidi/869833-1-ref.xhtml
+
+== 922530-1.html 922530-1-ref.html
+== 922550-1.html 922550-1-ref.html # Bug 1392106
+== 989994-1.html 989994-1-ref.html
+== 1067268-1.html 1067268-1-ref.html
+== 1069941-inline-bidi-border-1.html 1069941-inline-bidi-border-1-ref.html
+== 1069941-inline-bidi-margin-1.html 1069941-inline-bidi-margin-1-ref.html
+!= chrome://reftest/content/bidi/1155359-1.xhtml chrome://reftest/content/bidi/1155359-1-ref.xhtml
+== 1157726-1.html 1157726-1-ref.html
+== 1161752.html 1161752-ref.html
+== 1161752-5-embed.html 1161752-5-embed-ref.html
+== brackets-1a-ltr.html brackets-1a-ltr-ref.html # Bug 1392106
+== brackets-1a-rtl.html brackets-1a-rtl-ref.html # Bug 1392106
+== brackets-1b-ltr.html brackets-1b-ltr-ref.html # Bug 1392106
+== brackets-1b-rtl.html brackets-1b-rtl-ref.html # Bug 1392106
+== brackets-1c-ltr.html brackets-1c-ltr-ref.html # Bug 1392106
+== brackets-1c-rtl.html brackets-1c-rtl-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-4) fuzzy-if(Android,0-1,0-6) == brackets-2a-ltr.html brackets-2a-ltr-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-2) fuzzy-if(Android,0-254,0-557) == brackets-2a-rtl.html brackets-2a-rtl-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-6) fuzzy-if(Android,0-1,0-8) == brackets-2b-ltr.html brackets-2b-ltr-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-7) fuzzy-if(Android,0-1,0-6) == brackets-2b-rtl.html brackets-2b-rtl-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-7) fuzzy-if(Android,0-1,0-6) == brackets-2c-ltr.html brackets-2c-ltr-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-6) fuzzy-if(Android,0-254,0-231) == brackets-2c-rtl.html brackets-2c-rtl-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-6) fuzzy-if(Android,0-1,0-8) == brackets-3a-ltr.html brackets-3a-ltr-ref.html # Bug 1392106
+fuzzy-if(cocoaWidget,0-1,0-3) fuzzy-if(Android,0-1,0-6) == brackets-3a-rtl.html brackets-3a-rtl-ref.html # Bug 1392106
+== brackets-3b-ltr.html brackets-3b-ltr-ref.html # Bug 1392106
+== brackets-3b-rtl.html brackets-3b-rtl-ref.html # Bug 1392106
+== 1217833-1.html 1217833-1-ref.html
+== 1217833-2.html 1217833-2-ref.html
+== 1231175-1.html 1231175-1-ref.html
+== 1366623-1.html 1366623-1-ref.html
+== 1426042-1.html 1426042-1-ref.html # Bug 1392106
+fails-if(release_or_beta) == clone-intrinsic-size-bidi.html clone-intrinsic-size-bidi-ref.html
+fuzzy-if(winWidget,70-112,8-8) == slice-intrinsic-size-bidi.html slice-intrinsic-size-bidi-ref.html
+== 1556414-1.html 1556414-1-ref.html
+== 1567036-1.html 1567036-1-ref.html
diff --git a/layout/reftests/bidi/slice-intrinsic-size-bidi-ref.html b/layout/reftests/bidi/slice-intrinsic-size-bidi-ref.html
new file mode 100644
index 0000000000..ceab217846
--- /dev/null
+++ b/layout/reftests/bidi/slice-intrinsic-size-bidi-ref.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<head>
+  <title>CSS Reference: min/max-content size on box-decoration-break:slice inline box with bidi text</title>
+  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<style>
+html,body {
+  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
+}
+
+div {
+  border: 5px solid blue;
+  white-space: pre;
+}
+.max > div {
+  width: -moz-max-content;
+  width: -webkit-max-content;
+  width: max-content;
+}
+.min > div {
+  width: -moz-min-content;
+  width: -webkit-min-content;
+  width: min-content;
+}
+
+span {
+  border: 2px solid gray;
+  padding: 0 10px 0 6px;
+  border-width: 0 8px 0 5px;
+  margin: 0 4px 0 3px;
+  background: yellow;
+}
+
+f { margin-right: 30px; float: left; }
+.l { margin-right:0; border-right-width:0; padding-right:0 }
+.r { margin-left:0; border-left-width:0; padding-left:0 }
+</style>
+<body>
+<f class="max">
+<div><span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span> <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><span> d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span> aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc </span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<span> d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span> aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa</div>
+</f>
+
+<f class="min">
+<div><span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><br><span>d&#x202e;e&#x202d;f</span>
+</div>
+<!-- FIXME -->
+<div style="white-space:normal;"><span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span class="l">bc</span><span>&#x202e;a&#x202d;</span><br><span class="r">d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><br>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><br>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span class="l">bc</span>aa<span>&#x202e;a&#x202d;</span><br><span class="r">d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span><br>aa<br><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa<br><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div><span>&#x202e;a&#x202d;bc</span>aa</div>
+</f>
diff --git a/layout/reftests/bidi/slice-intrinsic-size-bidi.html b/layout/reftests/bidi/slice-intrinsic-size-bidi.html
new file mode 100644
index 0000000000..249f7386f7
--- /dev/null
+++ b/layout/reftests/bidi/slice-intrinsic-size-bidi.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<head>
+  <title>CSS Test: min/max-content size on box-decoration-break:slice inline box with bidi text</title>
+  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+  <link rel="help" href="https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content">
+  <link rel="help" href="https://drafts.csswg.org/css-break-3/#break-decoration">
+  <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1552357">
+  <link rel="match" href="slice-intrinsic-size-bidi-ref.html">
+<style>
+html,body {
+  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
+}
+
+div {
+  border: 5px solid blue;
+}
+.max > div {
+  width: -moz-max-content;
+  width: -webkit-max-content;
+  width: max-content;
+}
+.min > div {
+  width: -moz-min-content;
+  width: -webkit-min-content;
+  width: min-content;
+}
+
+span {
+  border: 2px solid gray;
+  padding: 0 10px 0 6px;
+  border-width: 0 8px 0 5px;
+  margin: 0 4px 0 3px;
+  background: yellow;
+}
+
+f { margin-right: 30px; float: left; }
+</style>
+<body>
+<f class="max">
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span> d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc </span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span> d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa </div>
+</f>
+
+<f class="min">
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> <span>d&#x202e;e&#x202d;f</span>
+</div>
+<!-- Bug 1556444 -->
+<div>
+  <span>&#x202e;a&#x202d;bc </span><span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span><span> d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc </span>aa<span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa<span> d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span> aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa <span>d&#x202e;e&#x202d;f</span>
+</div>
+<div>
+  <span>&#x202e;a&#x202d;bc</span>aa </div>
+</f>
diff --git a/layout/reftests/bidi/unicode-bidi-anonymous-001-ref.html b/layout/reftests/bidi/unicode-bidi-anonymous-001-ref.html
new file mode 100644
index 0000000000..64941d5ca1
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-anonymous-001-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>Test for 'unicode-bidi' on table cells</title>
+<table border><tr><td>abc</td></tr></table>
diff --git a/layout/reftests/bidi/unicode-bidi-anonymous-001.html b/layout/reftests/bidi/unicode-bidi-anonymous-001.html
new file mode 100644
index 0000000000..a0e3dcb0a0
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-anonymous-001.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>Test for 'unicode-bidi' on table cells</title>
+<table border><tr><td style="unicode-bidi: bidi-override; direction: rtl; text-align: left">cba</td></tr></table>
diff --git a/layout/reftests/bidi/unicode-bidi-anonymous-002-ref.html b/layout/reftests/bidi/unicode-bidi-anonymous-002-ref.html
new file mode 100644
index 0000000000..6da4f8dcfd
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-anonymous-002-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for 'unicode-bidi' on table cells</title>
+<fieldset>
+  abc
+</fieldset>
diff --git a/layout/reftests/bidi/unicode-bidi-anonymous-002.html b/layout/reftests/bidi/unicode-bidi-anonymous-002.html
new file mode 100644
index 0000000000..9839b29018
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-anonymous-002.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for 'unicode-bidi' on table cells</title>
+<fieldset style="unicode-bidi: bidi-override; direction: rtl; text-align: left">
+  cba
+</fieldset>
diff --git a/layout/reftests/bidi/unicode-bidi-isolate-aharon-ref.html b/layout/reftests/bidi/unicode-bidi-isolate-aharon-ref.html
new file mode 100644
index 0000000000..8bfa5a30e4
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-isolate-aharon-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html><head>
+<title>Test cases for unicode-bidi:isolate</title>
+<style>
+</style>
+</head><body>
+opposite-to-base isolate followed by number.
+<div>
+  <div class="reference">
+    <span dir="ltr">&#x05D0;</span> (3 reviews)
+  </div>
+</div>
+<hr>
+opposite-to-base isolate with opposite-to-base text before it with neutrals in between.
+<div>
+  <div class="reference">
+    <span dir="ltr">&#x05D0;</span>: <span dir="ltr">&#x05D1;</span>
+  </div>
+</div>
+<hr>
+opposite-to-base isolate with opposite-to-base text before it and nothing in between.
+<div>
+  <div class="reference">
+    <bdo dir="ltr">&#x05D0;&#x05D1;</bdo>
+  </div>
+</div>
+<hr>
+two opposite-to-base isolates with neutrals in between.
+<div>
+  <div class="reference">
+    <span dir="ltr">&#x05D0;</span> = <span dir="ltr">&#x05D1;</span>
+  </div>
+</div>
+<hr>
+two opposite-to-base isolates with nothing in between.
+<div>
+  <div class="reference">
+    <bdo dir="ltr">&#x05D0;&#x05D1;</bdo>
+  </div>
+</div>
+<hr>
+same-as-base isolate preceded by opposite-to-base text and followed by number
+<div dir="rtl">
+  <div class="reference">
+    see <span dir="ltr">&#x05D0;</span><sup>3</sup>
+  </div>
+</div>
+<hr>
+same-as-base isolate surrounded by opposite-to-base text
+<div dir="rtl">
+  <div class="reference">
+    with <span dir="ltr">&#x05D0;</span>=<span dir="ltr">&#x05D1;</span> everywhere
+  </div>
+</div>
+<hr>
+chimeric isolate surrounded by chimeric text
+<div>
+  <div class="reference">
+    about that <span dir="ltr">&#x05D0;</span> - &#x05D1;
+  </div>
+</div>
+<hr>
+nested chimeric isolates surrounded by chimeric text
+<div>
+  <div class="reference">
+    about that strange <span dir="ltr">&#x05D0;</span> - <span dir="ltr">&#x05D1;</span> - &#x05D2;
+  </div>
+</div>
+</body></html>
diff --git a/layout/reftests/bidi/unicode-bidi-isolate-aharon.html b/layout/reftests/bidi/unicode-bidi-isolate-aharon.html
new file mode 100644
index 0000000000..175150b467
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-isolate-aharon.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html><head>
+<title>Test cases for unicode-bidi:isolate</title>
+<style>
+  .isolate {
+    unicode-bidi: isolate;
+  }
+</style>
+</head><body>
+opposite-to-base isolate followed by number.
+<div>
+  <div class="test">
+    <span class="isolate">&#x05D0;</span> (3 reviews)
+  </div>
+</div>
+<hr>
+opposite-to-base isolate with opposite-to-base text before it with neutrals in between.
+<div>
+  <div class="test">
+    &#x05D0;: <span class="isolate">&#x05D1;</span>
+  </div>
+</div>
+<hr>
+opposite-to-base isolate with opposite-to-base text before it and nothing in between.
+<div>
+  <div class="test">
+    &#x05D0;<span class="isolate">&#x05D1;</span>
+  </div>
+</div>
+<hr>
+two opposite-to-base isolates with neutrals in between.
+<div>
+  <div class="test">
+    <span class="isolate">&#x05D0;</span> = <span class="isolate">&#x05D1;</span>
+  </div>
+</div>
+<hr>
+two opposite-to-base isolates with nothing in between.
+<div>
+  <div class="test">
+    <span class="isolate">&#x05D0;</span><span class="isolate">&#x05D1;</span>
+  </div>
+</div>
+<hr>
+same-as-base isolate preceded by opposite-to-base text and followed by number
+<div dir="rtl">
+  <div class="test">
+    see <span class="isolate">&#x05D0;</span><sup>3</sup>
+  </div>
+</div>
+<hr>
+same-as-base isolate surrounded by opposite-to-base text
+<div dir="rtl">
+  <div class="test">
+    with <span class="isolate">&#x05D0;</span>=<span class="isolate">&#x05D1;</span> everywhere
+  </div>
+</div>
+<hr>
+chimeric isolate surrounded by chimeric text
+<div>
+  <div class="test">
+    about <span class="isolate">that &#x05D0;</span> - &#x05D1;
+  </div>
+</div>
+<hr>
+nested chimeric isolates surrounded by chimeric text
+<div>
+  <div class="test">
+    about <span class="isolate">that <span class="isolate">strange &#x05D0;</span> - &#x05D1;</span> - &#x05D2;
+  </div>
+</div>
+</body></html>
diff --git a/layout/reftests/bidi/unicode-bidi-isolate-basic-ref.html b/layout/reftests/bidi/unicode-bidi-isolate-basic-ref.html
new file mode 100644
index 0000000000..f907d00b95
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-isolate-basic-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<script type="text/javascript" src="unicode-bidi-isolate-basic.js"></script>
+<style>
+.resultsDiv {
+    column-width: 3em;
+    -webkit-column-width: 3em;
+    column-gap: 5em;
+    -webkit-column-gap: 5em;
+    text-align: left;
+}
+.enclosed { display: inline-block; }
+</style>
+</head>
+<body onload="buildTable();">
+<div id="resultsContainer" style="position: relative">
+<div id="elem" class="resultsDiv"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/unicode-bidi-isolate-basic.html b/layout/reftests/bidi/unicode-bidi-isolate-basic.html
new file mode 100644
index 0000000000..01c0b848ca
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-isolate-basic.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<script type="text/javascript" src="unicode-bidi-isolate-basic.js"></script>
+<style>
+.resultsDiv {
+    column-width: 3em;
+    -webkit-column-width: 3em;
+    column-gap: 5em;
+    -webkit-column-gap: 5em;
+    text-align: left;
+}
+.enclosed { unicode-bidi: isolate; }
+</style>
+</head>
+<body onload="buildTable()">
+<div id="resultsContainer" style="position: relative">
+<div id="elem" class="resultsDiv"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/unicode-bidi-isolate-basic.js b/layout/reftests/bidi/unicode-bidi-isolate-basic.js
new file mode 100644
index 0000000000..e949e6a445
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-isolate-basic.js
@@ -0,0 +1,44 @@
+function buildTable()
+{
+    var seed = 0;
+
+    var neutrals = ['"', ")", "("];
+    var strongRTLs = ['א', 'ב', 'ג', 'ד', 'ה', 'ו', 'ז'];
+    var strongLTRs = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
+    var neutral = function() { return neutrals[seed++ % neutrals.length]; }
+    var strongRTL = function() { return strongRTLs[seed++ % strongRTLs.length]; }
+    var strongLTR = function() { return strongLTRs[seed++ % strongLTRs.length]; }
+    var charClassExamples = [neutral, strongRTL, strongLTR];
+    var possibleDirs = ['ltr', 'rtl'];
+
+    var elem=document.getElementById("elem");
+    for (outerDirIndex in possibleDirs) {
+	var outerDir = possibleDirs[outerDirIndex];
+	for (beforeSpanIndex in charClassExamples) {
+            var beforeSpan = charClassExamples[beforeSpanIndex];
+            for (spanDirIndex in possibleDirs) {
+		var spanDir = possibleDirs[spanDirIndex];
+		for (inSpanIndex in charClassExamples) {
+                    var inSpan = charClassExamples[inSpanIndex];
+                    for (afterSpanIndex in charClassExamples) {
+			var afterSpan = charClassExamples[afterSpanIndex];
+			function caseWithStyle() {
+                            seed = 0;
+                            var outerDiv = document.createElement("div");
+                            outerDiv.dir = outerDir;
+                            outerDiv.appendChild(document.createTextNode(beforeSpan()));
+                            var span = document.createElement("span");
+                            span.dir = spanDir;
+                            span.setAttribute("class", "enclosed")
+                            span.appendChild(document.createTextNode(inSpan()));
+                            outerDiv.appendChild(span);
+                            outerDiv.appendChild(document.createTextNode(afterSpan()));
+                            return outerDiv;
+			}
+			elem.appendChild(caseWithStyle());
+                    }
+		}
+            }
+	}
+    }
+}
diff --git a/layout/reftests/bidi/unicode-bidi-plaintext-ref.html b/layout/reftests/bidi/unicode-bidi-plaintext-ref.html
new file mode 100644
index 0000000000..8ded86a57f
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-plaintext-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div>
+!hello.<br>
+<span dir=rtl>
+!שלום.
+</span><br>
+<span dir=ltr>
+hello, לוי!
+</span><br>
+<span dir=rtl>
+שלום, WebKit!</span><br>
+<pre>
+a
+(
+!WebKit ,שלום
+hello, לוי!
+)
+</pre>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bidi/unicode-bidi-plaintext-textarea-1.html b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-1.html
new file mode 100644
index 0000000000..aec6d38df0
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html><head>
+<title>unicode-bidi:plaintext</title>
+<style>
+  textarea { text-align: left; resize: none; }
+</style>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+</head><body>
+<div>
+The exclamation mark should be on the left side of the first line
+and on the right side of the second line.
+</div>
+<textarea rows=4 cols=50 dir=auto>
+שלום!
+hello!
+</textarea>
+</body></html>
diff --git a/layout/reftests/bidi/unicode-bidi-plaintext-textarea-2.html b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-2.html
new file mode 100644
index 0000000000..aae0f4ffee
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html><head>
+<title>unicode-bidi:plaintext</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style>
+  .plaintext {
+    unicode-bidi:plaintext;
+  }
+  textarea { text-align: left; resize: none; }
+</style>
+</head><body>
+<div>
+The exclamation mark should be on the left side of the first line
+and on the right side of the second line.
+</div>
+<textarea rows=4 cols=50 class="plaintext">
+שלום!
+hello!
+</textarea>
+</body></html>
diff --git a/layout/reftests/bidi/unicode-bidi-plaintext-textarea-3.html b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-3.html
new file mode 100644
index 0000000000..89ea8a1059
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html><head>
+<title>unicode-bidi:plaintext</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style>
+  .plaintext {
+    unicode-bidi:plaintext;
+  }
+  textarea { text-align: left; resize: none; }
+</style>
+</head><body>
+<div>
+The exclamation mark should be on the left side of the first line
+and on the right side of the second line.
+</div>
+<textarea rows=4 cols=50 dir="ltr" class="plaintext">
+שלום!
+hello!
+</textarea>
+</body></html>
diff --git a/layout/reftests/bidi/unicode-bidi-plaintext-textarea-4.html b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-4.html
new file mode 100644
index 0000000000..b9cc612890
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-4.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html><head>
+<title>unicode-bidi:plaintext</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style>
+  .plaintext {
+    unicode-bidi:plaintext;
+  }
+  textarea { text-align: left; resize: none; }
+</style>
+</head><body>
+<div>
+The exclamation mark should be on the left side of the first line
+and on the right side of the second line.
+</div>
+<textarea rows=4 cols=50 dir="rtl" class="plaintext">
+שלום!
+hello!
+</textarea>
+</body></html>
diff --git a/layout/reftests/bidi/unicode-bidi-plaintext-textarea-ref.html b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-ref.html
new file mode 100644
index 0000000000..1e89c81909
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-plaintext-textarea-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>unicode-bidi:plaintext</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style>
+  textarea { resize: none; }
+</style>
+</head>
+<body>
+<div>
+The exclamation mark should be on the left side of the first line
+and on the right side of the second line.
+</div>
+<textarea rows=4 cols=50 dir=ltr>
+&#x202b;שלום!&#x202c;
+&#x202a;hello!&#x202c
+</textarea>
+</body></html>
diff --git a/layout/reftests/bidi/unicode-bidi-plaintext.html b/layout/reftests/bidi/unicode-bidi-plaintext.html
new file mode 100644
index 0000000000..2c8d19781a
--- /dev/null
+++ b/layout/reftests/bidi/unicode-bidi-plaintext.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<style> 
+div, pre { text-align: left; }
+</style>
+</head>
+<body>
+<div style="unicode-bidi: plaintext;">
+!hello.
+<br>
+!שלום.
+<br>
+hello, לוי!
+<br>
+שלום, WebKit!
+</div>
+<pre dir="auto">
+a
+(
+שלום, WebKit!
+hello, לוי!
+)
+</pre>
+</body>
+</html>
diff --git a/layout/reftests/bidi/visualmarquee.html b/layout/reftests/bidi/visualmarquee.html
new file mode 100644
index 0000000000..932fd775a1
--- /dev/null
+++ b/layout/reftests/bidi/visualmarquee.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-8">
+    <title>Marquee in Visual Hebrew</title>
+  </head>
+
+  <body>
+    <marquee scrollamount="0" behavior="alternate" direction="right">&#x05DD;&#x05D9;&#x05DC;&#x05D9;&#x05DC;&#x05E6;&#x05D4; &#x05D5;&#x05E1;&#x05E0;&#x05D5; &#x05DD;&#x05D5;&#x05D9;&#x05D4; &#x05D7;&#x05D5;&#x05E4;&#x05D9;&#x05E9; &#x05D3;&#x05E2;</marquee>
+ </body>
+</html>
diff --git a/layout/reftests/bidi/with-first-letter-1-ref.html b/layout/reftests/bidi/with-first-letter-1-ref.html
new file mode 100644
index 0000000000..b476685ce7
--- /dev/null
+++ b/layout/reftests/bidi/with-first-letter-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for bidi splitting and :first-letter</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+p { unicode-bidi: bidi-override; }
+body { font-size: 300%; }
+
+</style>
+</head>
+<body>
+
+<p><span style="background: aqua">T</span>his has AB<span style="background:yellow">CD</span>תש<span style="background:yellow">בא</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bidi/with-first-letter-1a.html b/layout/reftests/bidi/with-first-letter-1a.html
new file mode 100644
index 0000000000..5724bf969e
--- /dev/null
+++ b/layout/reftests/bidi/with-first-letter-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for bidi splitting and :first-letter</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+p:first-letter { background: aqua; }
+body { font-size: 300%; }
+
+</style>
+</head>
+<body>
+
+<p>This has AB<span style="background:yellow">CDאב</span>שת</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bidi/with-first-letter-1b.html b/layout/reftests/bidi/with-first-letter-1b.html
new file mode 100644
index 0000000000..4f1266f43f
--- /dev/null
+++ b/layout/reftests/bidi/with-first-letter-1b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for bidi splitting and :first-letter</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+p:first-letter { background: aqua; }
+body { font-size: 300%; }
+
+</style>
+</head>
+<body>
+
+<p><span><span>This has AB<span style="background:yellow">CDאב</span>שת</span></span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bidi/with-first-letter-2-ref.html b/layout/reftests/bidi/with-first-letter-2-ref.html
new file mode 100644
index 0000000000..4338fc3ccd
--- /dev/null
+++ b/layout/reftests/bidi/with-first-letter-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for bidi splitting and :first-letter</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+p { unicode-bidi: bidi-override; }
+p:first-letter { float:left; font-size: 2em; }
+body { font-size: 300%; }
+
+</style>
+</head>
+<body>
+
+<p>This has AB<span style="background:yellow">CD</span>תש<span style="background:yellow">בא</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bidi/with-first-letter-2a.html b/layout/reftests/bidi/with-first-letter-2a.html
new file mode 100644
index 0000000000..8aa415c6c0
--- /dev/null
+++ b/layout/reftests/bidi/with-first-letter-2a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for bidi splitting and :first-letter</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+p:first-letter { float:left; font-size: 2em; }
+body { font-size: 300%; }
+
+</style>
+</head>
+<body>
+
+<p>This has AB<span style="background:yellow">CDאב</span>שת</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bidi/with-first-letter-2b.html b/layout/reftests/bidi/with-first-letter-2b.html
new file mode 100644
index 0000000000..cb80bd6d5f
--- /dev/null
+++ b/layout/reftests/bidi/with-first-letter-2b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for bidi splitting and :first-letter</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+p:first-letter { float:left; font-size: 2em; }
+body { font-size: 300%; }
+
+</style>
+</head>
+<body>
+
+<p><span><span>This has AB<span style="background:yellow">CDאב</span>שת</span></span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/border-dotted/1752624-ref.html b/layout/reftests/border-dotted/1752624-ref.html
new file mode 100644
index 0000000000..7d465c930b
--- /dev/null
+++ b/layout/reftests/border-dotted/1752624-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<style>
+#offset {
+  position: absolute;
+  left: 10px;
+  top: -150px;
+  width: 100px;
+  height: 100px;
+  border: 1px solid red;
+}
+#outline-box {
+  width: 100px;
+  height: 100px;
+  position: relative;
+}
+#overflow-box {
+  border: 4px solid blue;
+  width: 10px;
+  height: 400px;
+  left: 10px;
+  top: 100px;
+  position: absolute;
+}
+</style>
+<body>
+<div id="offset">
+<div id="outline-box">
+<div id="overflow-box">
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-dotted/1752624.html b/layout/reftests/border-dotted/1752624.html
new file mode 100644
index 0000000000..116c34b2cd
--- /dev/null
+++ b/layout/reftests/border-dotted/1752624.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<style>
+/*
+ * The rendering of the dotted border should be skipped if the border's box
+ * don't intersect with the dirty rect, even if the child node overflows from
+ * the border's box and the child node intersect with the dirty rect.
+ */
+
+/* Moves the outline-box out of the visible area. */
+#offset {
+  position: absolute;
+  left: 10px;
+  top: -150px;
+  width: 100px;
+  height: 100px;
+  border: 1px solid red;
+}
+#outline-box {
+  outline: 4px dotted;
+  width: 100px;
+  height: 100px;
+  position: relative;
+}
+/* Overflows from the parent outline-box, and this is visible. */
+#overflow-box {
+  border: 4px solid blue;
+  width: 10px;
+  height: 400px;
+  left: 10px;
+  top: 100px;
+  position: absolute;
+}
+</style>
+<body>
+<div id="offset">
+<div id="outline-box">
+<div id="overflow-box">
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-dotted/1761756-ref.html b/layout/reftests/border-dotted/1761756-ref.html
new file mode 100644
index 0000000000..1c5fd402a1
--- /dev/null
+++ b/layout/reftests/border-dotted/1761756-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+big {
+  border-block-end-style: dotted;
+}
+</style>
+</head>
+<body>
+<big id="big" dir="rtl"></big>
+<script>
+const big = document.getElementById("big");
+big.innerText = "\nA";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/border-dotted/1761756.html b/layout/reftests/border-dotted/1761756.html
new file mode 100644
index 0000000000..efdf2b6219
--- /dev/null
+++ b/layout/reftests/border-dotted/1761756.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+big {
+  background-color: red;
+  background-clip: text !important;
+  border-block-end-style: dotted;
+}
+</style>
+</head>
+<body>
+<big id="big" dir="rtl"></big>
+<script>
+const big = document.getElementById("big");
+big.innerText = "\nA";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/border-dotted/border-dashed-no-radius-filled-mask.png b/layout/reftests/border-dotted/border-dashed-no-radius-filled-mask.png
new file mode 100644
index 0000000000..aa70120afa
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-no-radius-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-no-radius-unfilled-mask.png b/layout/reftests/border-dotted/border-dashed-no-radius-unfilled-mask.png
new file mode 100644
index 0000000000..34534e9f73
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-no-radius-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-no-radius.html b/layout/reftests/border-dotted/border-dashed-no-radius.html
new file mode 100644
index 0000000000..20a6722370
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dashed-no-radius.html
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dashed border with no radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+}
+td {
+  border-style: dashed;
+  border-color: black;
+  height: 120px;
+  width: 120px;
+  box-sizing: border-box;
+}
+
+.A {
+  border-width: 1px;
+}
+.B {
+  border-width: 2px;
+}
+.C {
+  border-width: 6px;
+}
+.D {
+  border-width: 8px;
+}
+.E {
+  border-width: 16px;
+}
+.F {
+  border-width: 24px;
+}
+.G {
+  border-width: 32px;
+}
+.H {
+  border-width: 48px;
+}
+.I {
+  border-width: 60px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-no-radius-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-no-radius-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-dashed-non-integer.html b/layout/reftests/border-dotted/border-dashed-non-integer.html
new file mode 100644
index 0000000000..96e1d47538
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dashed-non-integer.html
@@ -0,0 +1,80 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dashed border with non-integer radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+}
+td {
+  border-style: dashed;
+  border-radius: 24.01px;
+  border-color: black;
+  height: 120px;
+  width: 120px;
+  box-sizing: border-box;
+}
+
+.A {
+  border-width: 1px;
+}
+.B {
+  border-width: 2px;
+}
+.C {
+  border-width: 6px;
+}
+.D {
+  border-width: 8px;
+}
+.E {
+  border-width: 16px;
+}
+.F {
+  border-width: 24px;
+}
+.G {
+  border-width: 32px;
+}
+.H {
+  border-width: 48px;
+}
+.I {
+  border-width: 60px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-radius-non-integer-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-radius-non-integer-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-dashed-radius-filled-mask.png b/layout/reftests/border-dotted/border-dashed-radius-filled-mask.png
new file mode 100644
index 0000000000..7c2bd791ba
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-radius-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-radius-non-integer-filled-mask.png b/layout/reftests/border-dotted/border-dashed-radius-non-integer-filled-mask.png
new file mode 100644
index 0000000000..8f0e74e6ac
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-radius-non-integer-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-radius-non-integer-unfilled-mask.png b/layout/reftests/border-dotted/border-dashed-radius-non-integer-unfilled-mask.png
new file mode 100644
index 0000000000..08de9bc493
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-radius-non-integer-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-radius-unfilled-mask.png b/layout/reftests/border-dotted/border-dashed-radius-unfilled-mask.png
new file mode 100644
index 0000000000..c930c18d85
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-radius-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-radius-zoom-filled-mask.png b/layout/reftests/border-dotted/border-dashed-radius-zoom-filled-mask.png
new file mode 100644
index 0000000000..7773c0d651
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-radius-zoom-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-radius-zoom-unfilled-mask.png b/layout/reftests/border-dotted/border-dashed-radius-zoom-unfilled-mask.png
new file mode 100644
index 0000000000..30fc499470
Binary files /dev/null and b/layout/reftests/border-dotted/border-dashed-radius-zoom-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dashed-radius-zoom.html b/layout/reftests/border-dotted/border-dashed-radius-zoom.html
new file mode 100644
index 0000000000..c6bce82f85
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dashed-radius-zoom.html
@@ -0,0 +1,88 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.3300000429153442" class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>dashed border with radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 420px;
+  height: 420px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+}
+td {
+  border-style: dashed;
+  border-radius: 24px;
+  border-color: black;
+  height: 120px;
+  width: 120px;
+  box-sizing: border-box;
+}
+
+.A {
+  border-width: 1px;
+}
+.B {
+  border-width: 2px;
+}
+.C {
+  border-width: 6px;
+}
+.D {
+  border-width: 8px;
+}
+.E {
+  border-width: 16px;
+}
+.F {
+  border-width: 24px;
+}
+.G {
+  border-width: 32px;
+}
+.H {
+  border-width: 48px;
+}
+.I {
+  border-width: 60px;
+}
+    </style>
+    <script>
+      function doTest() {
+        document.documentElement.className='';
+      }
+      window.addEventListener("MozReftestInvalidate", doTest);
+      </script>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-radius-zoom-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-radius-zoom-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-dashed-radius.html b/layout/reftests/border-dotted/border-dashed-radius.html
new file mode 100644
index 0000000000..cc818709d6
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dashed-radius.html
@@ -0,0 +1,80 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dashed border with radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+}
+td {
+  border-style: dashed;
+  border-radius: 24px;
+  border-color: black;
+  height: 120px;
+  width: 120px;
+  box-sizing: border-box;
+}
+
+.A {
+  border-width: 1px;
+}
+.B {
+  border-width: 2px;
+}
+.C {
+  border-width: 6px;
+}
+.D {
+  border-width: 8px;
+}
+.E {
+  border-width: 16px;
+}
+.F {
+  border-width: 24px;
+}
+.G {
+  border-width: 32px;
+}
+.H {
+  border-width: 48px;
+}
+.I {
+  border-width: 60px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-radius-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dashed-radius-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-dotted-interaction-filled-mask.png b/layout/reftests/border-dotted/border-dotted-interaction-filled-mask.png
new file mode 100644
index 0000000000..1ef3ce778b
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-interaction-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-interaction-unfilled-mask.png b/layout/reftests/border-dotted/border-dotted-interaction-unfilled-mask.png
new file mode 100644
index 0000000000..ed3ffbbf80
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-interaction-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-interaction.html b/layout/reftests/border-dotted/border-dotted-interaction.html
new file mode 100644
index 0000000000..4ea3c0224d
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dotted-interaction.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Corner interaction with dotted and other border</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+  margin: 0px;
+}
+td {
+  border-color: black;
+  border-width: 10px;
+  height: 60px;
+  width: 60px;
+  box-sizing: border-box;
+}
+
+table .a { border-top-style:    none;   border-right-style: none;   }
+table .A { border-bottom-style: none;   border-left-style:  none;   }
+table .b { border-top-style:    solid;  border-right-style: solid;  }
+table .B { border-bottom-style: solid;  border-left-style:  solid;  }
+table .c { border-top-style:    double; border-right-style: double; }
+table .C { border-bottom-style: double; border-left-style:  double; }
+table .d { border-top-style:    dashed; border-right-style: dashed; }
+table .D { border-bottom-style: dashed; border-left-style:  dashed; }
+table .e { border-top-style:    dotted; border-right-style: dotted; }
+table .E { border-bottom-style: dotted; border-left-style:  dotted; }
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A a"></td><td class="A b"></td><td class="A c"></td><td class="A d"></td><td class="A e"></td></tr>
+        <tr><td class="B a"></td><td class="B b"></td><td class="B c"></td><td class="B d"></td><td class="B e"></td></tr>
+        <tr><td class="C a"></td><td class="C b"></td><td class="C c"></td><td class="C d"></td><td class="C e"></td></tr>
+        <tr><td class="D a"></td><td class="D b"></td><td class="D c"></td><td class="D d"></td><td class="D e"></td></tr>
+        <tr><td class="E a"></td><td class="E b"></td><td class="E c"></td><td class="E d"></td><td class="E e"></td></tr>
+      </table>
+      <img class="mask" src="border-dotted-interaction-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A a"></td><td class="A b"></td><td class="A c"></td><td class="A d"></td><td class="A e"></td></tr>
+        <tr><td class="B a"></td><td class="B b"></td><td class="B c"></td><td class="B d"></td><td class="B e"></td></tr>
+        <tr><td class="C a"></td><td class="C b"></td><td class="C c"></td><td class="C d"></td><td class="C e"></td></tr>
+        <tr><td class="D a"></td><td class="D b"></td><td class="D c"></td><td class="D d"></td><td class="D e"></td></tr>
+        <tr><td class="E a"></td><td class="E b"></td><td class="E c"></td><td class="E d"></td><td class="E e"></td></tr>
+      </table>
+      <img class="mask" src="border-dotted-interaction-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-dotted-no-radius-filled-mask.png b/layout/reftests/border-dotted/border-dotted-no-radius-filled-mask.png
new file mode 100644
index 0000000000..243052f66c
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-no-radius-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-no-radius-unfilled-mask.png b/layout/reftests/border-dotted/border-dotted-no-radius-unfilled-mask.png
new file mode 100644
index 0000000000..ebf49c48fa
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-no-radius-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-no-radius.html b/layout/reftests/border-dotted/border-dotted-no-radius.html
new file mode 100644
index 0000000000..3bf244ea20
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dotted-no-radius.html
@@ -0,0 +1,81 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dotted border with no radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+}
+td {
+  border-style: dotted;
+  border-color: black;
+  height: 120px;
+  width: 120px;
+  box-sizing: border-box;
+}
+
+.A {
+  /* Rendering with 1px depends on OS due to optimization */
+  border-width: 0px;
+}
+.B {
+  /* Rendering with 2px depends on OS due to optimization */
+  border-width: 0px;
+}
+.C {
+  border-width: 6px;
+}
+.D {
+  border-width: 8px;
+}
+.E {
+  border-width: 16px;
+}
+.F {
+  border-width: 24px;
+}
+.G {
+  border-width: 32px;
+}
+.H {
+  border-width: 48px;
+}
+.I {
+  border-width: 60px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dotted-no-radius-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dotted-no-radius-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-dotted-radius-filled-mask.png b/layout/reftests/border-dotted/border-dotted-radius-filled-mask.png
new file mode 100644
index 0000000000..401c6e3d1e
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-radius-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-radius-unfilled-mask.png b/layout/reftests/border-dotted/border-dotted-radius-unfilled-mask.png
new file mode 100644
index 0000000000..a35d2f3678
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-radius-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-radius-zero-filled-mask.png b/layout/reftests/border-dotted/border-dotted-radius-zero-filled-mask.png
new file mode 100644
index 0000000000..193f5f2dae
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-radius-zero-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-radius-zero-unfilled-mask.png b/layout/reftests/border-dotted/border-dotted-radius-zero-unfilled-mask.png
new file mode 100644
index 0000000000..5b20585fb0
Binary files /dev/null and b/layout/reftests/border-dotted/border-dotted-radius-zero-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-dotted-radius-zero.html b/layout/reftests/border-dotted/border-dotted-radius-zero.html
new file mode 100644
index 0000000000..8b8980ac4c
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dotted-radius-zero.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dashed border with radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 220px;
+  height: 220px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 220px;
+  height: 220px;
+}
+
+div.border {
+  border-style: dotted;
+  border-width: 4px 0 4px 0px;
+  width: 200px;
+  height: 200px;
+  border-top-right-radius: 40px 200px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <div class="border">
+      </div>
+      <img class="mask" src="border-dotted-radius-zero-filled-mask.png">
+    </div>
+    <div class="box">
+      <div class="border">
+      </div>
+      <img class="mask" src="border-dotted-radius-zero-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-dotted-radius.html b/layout/reftests/border-dotted/border-dotted-radius.html
new file mode 100644
index 0000000000..a303e70145
--- /dev/null
+++ b/layout/reftests/border-dotted/border-dotted-radius.html
@@ -0,0 +1,87 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>dotted border with radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+}
+td {
+  border-style: dotted;
+  border-radius: 24px;
+  border-color: black;
+  height: 120px;
+  width: 120px;
+  box-sizing: border-box;
+}
+
+/* Bug 1303094 - Disable unreliable 1px and 2px tests. */
+.no-fill {
+  border-style: solid;
+}
+.no-unfill {
+  border-style: none;
+}
+.A {
+  border-width: 1px;
+}
+.B {
+  border-width: 2px;
+}
+.C {
+  border-width: 6px;
+}
+.D {
+  border-width: 8px;
+}
+.E {
+  border-width: 16px;
+}
+.F {
+  border-width: 24px;
+}
+.G {
+  border-width: 32px;
+}
+.H {
+  border-width: 48px;
+}
+.I {
+  border-width: 60px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A no-fill"></td><td class="B no-fill"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dotted-radius-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A no-unfill"></td><td class="B no-unfill"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-dotted-radius-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/border-mixed-filled-mask.png b/layout/reftests/border-dotted/border-mixed-filled-mask.png
new file mode 100644
index 0000000000..b36fec5371
Binary files /dev/null and b/layout/reftests/border-dotted/border-mixed-filled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-mixed-unfilled-mask.png b/layout/reftests/border-dotted/border-mixed-unfilled-mask.png
new file mode 100644
index 0000000000..dab78f742e
Binary files /dev/null and b/layout/reftests/border-dotted/border-mixed-unfilled-mask.png differ
diff --git a/layout/reftests/border-dotted/border-mixed.html b/layout/reftests/border-dotted/border-mixed.html
new file mode 100644
index 0000000000..145759e9f0
--- /dev/null
+++ b/layout/reftests/border-dotted/border-mixed.html
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>mixed border with mixed radius</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+.mask {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 10px;
+  empty-cells: show;
+}
+td {
+  border-color: black;
+  border-width: 12px 18px 8px 24px;
+  border-style: dotted dotted dashed double;
+  height: 120px;
+  width: 120px;
+  box-sizing: border-box;
+}
+
+.A {
+}
+.B {
+  border-radius: 8px;
+}
+.C {
+  border-radius: 16px;
+}
+.D {
+  border-radius: 32px;
+}
+.E {
+  border-radius: 48px;
+}
+.F {
+  border-radius: 60px;
+}
+.G {
+  border-radius: 60px/24px;
+}
+.H {
+  border-radius: 0px 60px;
+}
+.I {
+  border-radius: 60px 0px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-mixed-filled-mask.png">
+    </div>
+    <div class="box">
+      <table>
+        <tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
+        <tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
+        <tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
+      </table>
+      <img class="mask" src="border-mixed-unfilled-mask.png">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/masked-small.html b/layout/reftests/border-dotted/masked-small.html
new file mode 100644
index 0000000000..b5869f4d64
--- /dev/null
+++ b/layout/reftests/border-dotted/masked-small.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Correctly masked page</title>
+    <style>
+.box {
+  position: relative;
+  width: 220px;
+  height: 220px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box" style="background-color: black;">
+    </div>
+    <div class="box" style="background-color: white;">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/masked-zoom.html b/layout/reftests/border-dotted/masked-zoom.html
new file mode 100644
index 0000000000..afe936b876
--- /dev/null
+++ b/layout/reftests/border-dotted/masked-zoom.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.3300000429153442">
+  <head>
+    <meta charset="utf-8">
+    <title>Correctly masked page</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box" style="background-color: black;">
+    </div>
+    <div class="box" style="background-color: white;">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/masked.html b/layout/reftests/border-dotted/masked.html
new file mode 100644
index 0000000000..80599fb013
--- /dev/null
+++ b/layout/reftests/border-dotted/masked.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Correctly masked page</title>
+    <style>
+.box {
+  position: relative;
+  width: 420px;
+  height: 420px;
+}
+    </style>
+  </head>
+  <body>
+    <div class="box" style="background-color: black;">
+    </div>
+    <div class="box" style="background-color: white;">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/border-dotted/reftest.list b/layout/reftests/border-dotted/reftest.list
new file mode 100644
index 0000000000..329775b20f
--- /dev/null
+++ b/layout/reftests/border-dotted/reftest.list
@@ -0,0 +1,19 @@
+# Composing dotted/dashed border rendering and not-filled or not-unfilled mask
+# matches to full-filled box, using fuzzyy because of anti-aliasing.
+# These check filled and unfilled regions with solid opaque color,
+# so difference less than 80 is ignorable.
+
+# XXX: We mark fails-if to these tests for now to enable styled border in WR.
+# We should remove them after Bug 1399485 is fixed.
+fuzzy(0-80,0-1500) fails-if(!useDrawSnapshot) == border-dotted-interaction.html masked.html
+fuzzy(0-80,0-1500) fails == border-dotted-no-radius.html masked.html
+fuzzy(0-80,0-1500) fails == border-dotted-radius.html masked.html
+fuzzy(0-80,0-1500) fails-if(!useDrawSnapshot) == border-dashed-no-radius.html masked.html
+fuzzy(0-80,0-1500) fails == border-dashed-radius.html masked.html
+fuzzy(0-80,0-1500) fails == border-mixed.html masked.html
+fuzzy(0-80,0-1500) fails == border-dashed-non-integer.html masked.html
+fuzzy(0-80,0-1500) fails fails-if(useDrawSnapshot) == border-dashed-radius-zoom.html masked-zoom.html
+fuzzy(0-80,0-1500) fails-if(!useDrawSnapshot) == border-dotted-radius-zero.html masked-small.html
+== 1752624.html 1752624-ref.html
+# 1761756.html uses the fallback rendering and the result is slightly different
+fuzzy(0-200,0-200) == 1761756.html 1761756-ref.html
diff --git a/layout/reftests/border-image/10x5multicolor.png b/layout/reftests/border-image/10x5multicolor.png
new file mode 100644
index 0000000000..7940d1abc7
Binary files /dev/null and b/layout/reftests/border-image/10x5multicolor.png differ
diff --git a/layout/reftests/border-image/3x3green-1DD813.png b/layout/reftests/border-image/3x3green-1DD813.png
new file mode 100644
index 0000000000..bb7a3cf21f
Binary files /dev/null and b/layout/reftests/border-image/3x3green-1DD813.png differ
diff --git a/layout/reftests/border-image/3x3multicolor.png b/layout/reftests/border-image/3x3multicolor.png
new file mode 100644
index 0000000000..586102670a
Binary files /dev/null and b/layout/reftests/border-image/3x3multicolor.png differ
diff --git a/layout/reftests/border-image/3x3transparent.png b/layout/reftests/border-image/3x3transparent.png
new file mode 100644
index 0000000000..6528a9f036
Binary files /dev/null and b/layout/reftests/border-image/3x3transparent.png differ
diff --git a/layout/reftests/border-image/470250-1-ref.html b/layout/reftests/border-image/470250-1-ref.html
new file mode 100644
index 0000000000..bf1cffcb0d
--- /dev/null
+++ b/layout/reftests/border-image/470250-1-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html><head>
+<title>border-image, only middle part, reference</title>
+</head><body>
+<img src="3x3green-1DD813.png" width="48" height="48">
+</body></html>
diff --git a/layout/reftests/border-image/470250-1.html b/layout/reftests/border-image/470250-1.html
new file mode 100644
index 0000000000..32c2eb0431
--- /dev/null
+++ b/layout/reftests/border-image/470250-1.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html><head>
+<title>border-image, only middle part, testcase</title>
+<style>
+div {
+  width: 48px;
+  height: 48px;
+  border-width: 0;
+  border-style: solid;
+  border-image: url(3x3green-1DD813.png) 0 fill;
+}
+</style>
+</head><body>
+<div></div>
+</body></html>
diff --git a/layout/reftests/border-image/470250-2-ref.html b/layout/reftests/border-image/470250-2-ref.html
new file mode 100644
index 0000000000..df01ba3366
--- /dev/null
+++ b/layout/reftests/border-image/470250-2-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html><head>
+<title>border-image, only middle part, table cell, reference</title>
+</head><body>
+<img src="3x3green-1DD813.png" width="48" height="48">
+</body></html>
diff --git a/layout/reftests/border-image/470250-2.html b/layout/reftests/border-image/470250-2.html
new file mode 100644
index 0000000000..962caff73f
--- /dev/null
+++ b/layout/reftests/border-image/470250-2.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="reftest-wait"><head>
+<title>border-image, only middle part, table cell, testcase</title>
+<style>
+table {
+  width: 48px;
+  height: 48px;
+  border-collapse: separate;
+  border-width: 0;
+  border-style: solid;
+  border-image: url(3x3green-1DD813.png) 0 fill;
+}
+</style>
+</head><body>
+<iframe src="3x3green-1DD813.png" width="48" height="48"></iframe>
+<table>
+</table>
+<script>
+  // This is a wallpaper for bug 688897 until bug 697230 is fixed.
+  // MozReftestInvalidate is called after onload of all frames so it
+  // delays the snapshot until the used border image is loaded.
+  window.addEventListener("MozReftestInvalidate",
+    function() {
+      document.getElementsByTagName("iframe")[0].style.display = "none";
+      document.documentElement.className = "";
+    });
+</script>
+</body></html>
diff --git a/layout/reftests/border-image/4x4multicolor.png b/layout/reftests/border-image/4x4multicolor.png
new file mode 100644
index 0000000000..4b817a1264
Binary files /dev/null and b/layout/reftests/border-image/4x4multicolor.png differ
diff --git a/layout/reftests/border-image/border-image-element-ref.html b/layout/reftests/border-image/border-image-element-ref.html
new file mode 100644
index 0000000000..865d706d1e
--- /dev/null
+++ b/layout/reftests/border-image/border-image-element-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: element</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: url('diamonds.png');
+  width: 180px;
+  height: 180px;
+}
+div.border2 {
+  border: 30px solid black;
+  border-image: url('diamonds.png');
+  border-image-slice: 5;
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div><br>
+<div class="border2"></div><br>
+<img id="src" src="diamonds.png">
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-element.html b/layout/reftests/border-image/border-image-element.html
new file mode 100644
index 0000000000..c9c0429700
--- /dev/null
+++ b/layout/reftests/border-image/border-image-element.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: element</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: -moz-element(#src);
+  width: 180px;
+  height: 180px;
+}
+div.border2 {
+  border: 30px solid black;
+  border-image: -moz-element(#src);
+  border-image-slice: 5;
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div><br>
+<div class="border2"></div><br>
+<img id="src" src="diamonds.png">
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-outset-ref.html b/layout/reftests/border-image/border-image-linear-gradient-outset-ref.html
new file mode 100644
index 0000000000..8156698c1c
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-outset-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-outset</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table style="margin-top: 75px; margin-right: 60px; margin-bottom: 15px; margin-left: 30px;">
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+</table>
+<table style="margin-top: 15px; margin-right: 60px; margin-bottom: 15px; margin-left: 30px;">
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: -30px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: 0px -30px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: 0px -195px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: -30px -195px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 225px; background-position: -210px -195px;"></td>
+  </tr>
+</table>
+<table style="margin-top: 15px; margin-right: 60px; margin-bottom: 15px; margin-left: 30px;">
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 562.5px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 562.5px; background-position: -90px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 562.5px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 184.70px; background-position: 0px -9.85px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 184.70px; background-position: -210px -9.85px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 562.5px; background-position: 0px -532.5px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 562.5px; background-position: -90px -532.5px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 562.5px; background-position: -90px -532.5px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-outset.html b/layout/reftests/border-image/border-image-linear-gradient-outset.html
new file mode 100644
index 0000000000..b21379f4e6
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-outset.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-outset</title>
+<style>
+div {
+  border: 30px solid black;
+  width: 90px;
+  height: 90px;
+  margin: 90px;
+}
+div.border {
+  border-image: linear-gradient(to bottom right, red, blue);
+  border-image-outset: 0.5 1 2 60px;
+}
+div.border30 {
+  border-image: linear-gradient(to bottom right, red, blue);
+  border-image-outset: 0.5 1 2 60px;
+  border-image-slice: 30 30;
+}
+div.border1260 {
+  border-image: linear-gradient(to bottom right, red, blue);
+  border-image-outset: 0.5 1 2 60px;
+  border-image-slice: 12 60;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+<div class="border30"></div>
+<div class="border1260"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-ref.html b/layout/reftests/border-image/border-image-linear-gradient-ref.html
new file mode 100644
index 0000000000..cfe4252bd4
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1-ref.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1-ref.html
new file mode 100644
index 0000000000..905d757e73
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 180.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: -210.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: -570.0px 0px;"></td>
+</tr>
+<tr style="height: 180.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: -0.0px -210.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: -570.0px -210.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: 0px -570.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: -210.0px -570.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600.0px 600.0px; background-position: -570.0px -570.0px;"></td>
+</tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1.html
new file mode 100644
index 0000000000..339a1fd3bf
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.borderrepeat {
+  border-image-repeat: repeat;
+}
+div.border12repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 12;
+}
+div.border30repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 30;
+}
+</style>
+</head>
+<body>
+<div class="borderrepeat"></div>
+<div class="border12repeat"></div>
+<div class="border30repeat"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2-ref.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2-ref.html
new file mode 100644
index 0000000000..e9fd188268
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 60.0px;">
+<col style="width: 120.0px;">
+<col style="width: 60.0px;">
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -180.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -420.0px 0px;"></td>
+</tr>
+<tr style="height: 120.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -0.0px -180.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -180.0px -180.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -420.0px -180.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: 0px -420.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -180.0px -420.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -420.0px -420.0px;"></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2.html
new file mode 100644
index 0000000000..ee57589671
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border60repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 60;
+}
+div.border60fillrepeat {
+  border-image-repeat: repeat;
+  border-image-slice: 60 fill;
+}
+div.border30fill2repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 30 fill;
+  border-image-width: 2;
+}
+</style>
+</head>
+<body>
+<div class="border60repeat"></div>
+<div class="border60fillrepeat"></div>
+<div class="border30fill2repeat"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3-ref.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3-ref.html
new file mode 100644
index 0000000000..8c9b7af812
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3-ref.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 30.0px;">
+<col style="width: 120.0px;">
+<col style="width: 30.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -120.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -150.0px 0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -0.0px -120.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -120.0px -120.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -120.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -120.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -150.0px -120.0px;"></td>
+</tr>
+<tr style="height: 120.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -120.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -150.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -120.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -150.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: 0px -150.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -120.0px -150.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -150.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -30.0px -150.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -150.0px -150.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 40.0px;">
+<col style="width: 100.0px;">
+<col style="width: 40.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -90.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -130.0px 0px;"></td>
+</tr>
+<tr style="height: 40.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -0.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -90.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -130.0px -90.0px;"></td>
+</tr>
+<tr style="height: 100.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -90.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -130.0px -30.0px;"></td>
+</tr>
+<tr style="height: 40.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -90.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -130.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: 0px -130.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -90.0px -130.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -130.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -30.0px -130.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -130.0px -130.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px 0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: 0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -66.0px;"></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3.html
new file mode 100644
index 0000000000..d40b746420
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-repeat-3.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border40repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 40 fill;
+}
+div.border45repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 45 fill;
+}
+div.border75repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 75 fill;
+}
+</style>
+</head>
+<body>
+<div class="border40repeat"></div>
+<div class="border45repeat"></div>
+<div class="border75repeat"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-round-1-ref.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-1-ref.html
new file mode 100644
index 0000000000..64075ff2a7
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 30px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 600px; background-position: -10px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 200px; background-position: 0px -10px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 200px; background-position: -570px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 600px; background-position: -10px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: -570px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-round-1.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-1.html
new file mode 100644
index 0000000000..a170eae792
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.borderround {
+  border-image-repeat: round;
+}
+div.border12round {
+  border-image-repeat: round;
+  border-image-slice: 12;
+}
+div.border30round {
+  border-image-repeat: round;
+  border-image-slice: 30;
+}
+</style>
+</head>
+<body>
+<div class="borderround"></div>
+<div class="border12round"></div>
+<div class="border30round"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-round-2-ref.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-2-ref.html
new file mode 100644
index 0000000000..b4eb129e0a
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-2-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 60.0px;">
+<col style="width: 120.0px;">
+<col style="width: 60.0px;">
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 480.0px; background-position: -20.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -420.0px 0px;"></td>
+</tr>
+<tr style="height: 120.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 160.0px; background-position: -0.0px -20.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -20.0px -20.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 160.0px; background-position: -420.0px -20.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: 0px -420.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 480.0px; background-position: -20.0px -420.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 480.0px 480.0px; background-position: -420.0px -420.0px;"></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-round-2.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-2.html
new file mode 100644
index 0000000000..562c3db211
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border60round {
+  border-image-repeat: round;
+  border-image-slice: 60;
+}
+div.border60fillround {
+  border-image-repeat: round;
+  border-image-slice: 60 fill;
+}
+div.border30fill2round {
+  border-image-repeat: round;
+  border-image-slice: 30 fill;
+  border-image-width: 2;
+}
+</style>
+</head>
+<body>
+<div class="border60round"></div>
+<div class="border60fillround"></div>
+<div class="border30fill2round"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-round-3-ref.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-3-ref.html
new file mode 100644
index 0000000000..021e31026c
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-3-ref.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 90.0px;">
+<col style="width: 90.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 180.0px; background-position: -22.5px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 180.0px; background-position: -22.5px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -150.0px 0px;"></td>
+</tr>
+<tr style="height: 90.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 135.0px; background-position: -0.0px -22.5px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 135.0px; background-position: -22.5px -22.5px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 135.0px; background-position: -22.5px -22.5px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 135.0px; background-position: -150.0px -22.5px;"></td>
+</tr>
+<tr style="height: 90.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 135.0px; background-position: -0.0px -22.5px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 135.0px; background-position: -22.5px -22.5px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 135.0px; background-position: -22.5px -22.5px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 135.0px; background-position: -150.0px -22.5px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: 0px -150.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 180.0px; background-position: -22.5px -150.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 135.0px 180.0px; background-position: -22.5px -150.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 180.0px 180.0px; background-position: -150.0px -150.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 90.0px;">
+<col style="width: 90.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 160.0px; background-position: -27.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 160.0px; background-position: -27.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -130.0px 0px;"></td>
+</tr>
+<tr style="height: 90.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 144.0px; background-position: -0.0px -27.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 144.0px; background-position: -27.0px -27.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 144.0px; background-position: -27.0px -27.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 144.0px; background-position: -130.0px -27.0px;"></td>
+</tr>
+<tr style="height: 90.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 144.0px; background-position: -0.0px -27.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 144.0px; background-position: -27.0px -27.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 144.0px; background-position: -27.0px -27.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 144.0px; background-position: -130.0px -27.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: 0px -130.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 160.0px; background-position: -27.0px -130.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 144.0px 160.0px; background-position: -27.0px -130.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 160.0px 160.0px; background-position: -130.0px -130.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 36.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px 0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 36.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: 0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -30.0px -66.0px;"></td>
+  <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 96.0px 96.0px; background-position: -66.0px -66.0px;"></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-repeat-round-3.html b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-3.html
new file mode 100644
index 0000000000..925b34f095
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-repeat-round-3.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border40round {
+  border-image-repeat: round;
+  border-image-slice: 40 fill;
+}
+div.border45round {
+  border-image-repeat: round;
+  border-image-slice: 45 fill;
+}
+div.border75round {
+  border-image-repeat: round;
+  border-image-slice: 75 fill;
+}
+</style>
+</head>
+<body>
+<div class="border40round"></div>
+<div class="border45round"></div>
+<div class="border75round"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-1-ref.html b/layout/reftests/border-image/border-image-linear-gradient-slice-1-ref.html
new file mode 100644
index 0000000000..a87e62a30d
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 600px; background-position: -10px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 200px; background-position: 0px -10px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 200px; background-position: -570px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 600px; background-position: -10px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: -570px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 120px; background-position: -90px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 360px; background-position: 0px -90px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 360px; background-position: -90px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 120px; background-position: -90px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: -90px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-1.html b/layout/reftests/border-image/border-image-linear-gradient-slice-1.html
new file mode 100644
index 0000000000..8940ea057e
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12;
+}
+div.border30 {
+  border-image-slice: 30 30;
+}
+div.border60 {
+  border-image-slice: 60 60;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-2-ref.html b/layout/reftests/border-image/border-image-linear-gradient-slice-2-ref.html
new file mode 100644
index 0000000000..de7874d17f
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-2-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 600px; background-position: -90px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 200px; background-position: 0px -10px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 200px; background-position: -210px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 600px; background-position: -90px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: -90px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 120px; background-position: -10px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 360px; background-position: 0px -90px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 360px; background-position: -570px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 120px; background-position: -10px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: -570px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-2.html b/layout/reftests/border-image/border-image-linear-gradient-slice-2.html
new file mode 100644
index 0000000000..601e0e3247
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border1260 {
+  border-image-slice: 12 60;
+}
+div.border6012 {
+  border-image-slice: 60 12;
+}
+</style>
+</head>
+<body>
+<div class="border1260"></div>
+<div class="border6012"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-fill-1-ref.html b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-1-ref.html
new file mode 100644
index 0000000000..1ab89e535d
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and fill</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 600px; background-position: -10px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 200px; background-position: 0px -10px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 200px; background-position: -10px -10px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 200px; background-position: -570px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 600px; background-position: -10px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 600px; background-position: -570px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px -30px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 120px; background-position: -90px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 360px; background-position: 0px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 360px; background-position: -90px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 360px; background-position: -210px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 120px; background-position: -90px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 120px; background-position: -90px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-fill-1.html b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-1.html
new file mode 100644
index 0000000000..7ace7074c3
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and fill</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12 fill;
+}
+div.border30 {
+  border-image-slice: 30 30 fill;
+}
+div.border60 {
+  border-image-slice: 60 60 fill;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-fill-2-ref.html b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-2-ref.html
new file mode 100644
index 0000000000..fbbf8d6df6
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-2-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and fill</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 600px; background-position: -90px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 200px; background-position: 0px -10px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 200px; background-position: -90px -10px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 200px; background-position: -210px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 600px; background-position: -90px -570px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 600px; background-position: -90px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 120px; background-position: -10px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 360px; background-position: 0px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 360px; background-position: -10px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 360px; background-position: -570px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 200px 120px; background-position: -10px -210px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 120px; background-position: -570px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-fill-2.html b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-2.html
new file mode 100644
index 0000000000..e97e5e1461
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-fill-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and fill</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+div.border1260 {
+  border-image-slice: 12 60 fill;
+}
+div.border6012 {
+  border-image-slice: 60 12 fill;
+}
+</style>
+</head>
+<body>
+<div class="border1260"></div>
+<div class="border6012"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-width-ref.html b/layout/reftests/border-image/border-image-linear-gradient-slice-width-ref.html
new file mode 100644
index 0000000000..db4a91385f
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-width-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and border-image-width</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 1800px 300px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 133.33px 300px; background-position: -6.67px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 300px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 1800px 183.33px; background-position: 0px -9.17px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 183.33px; background-position: -570px -9.17px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 1800px 1200px; background-position: 0px -1140px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 133.33px 1200px; background-position: -6.67px -1140px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 600px 1200px; background-position: -570px -1140px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:720px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:160px 120px; background-position: -20px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 120px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:720px 220px; background-position: 0px -27.5px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 220px; background-position: -210px -27.5px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:720px 480px; background-position: 0px -420px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:160px 480px; background-position: -20px -420px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:240px 480px; background-position: -210px -420px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 60px; background-position: 0px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 240px 60px; background-position: -60px 0px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 60px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 330px; background-position: 0px -82.5px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 330px; background-position: -90px -82.5px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 360px 240px; background-position: 0px -180px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 240px 240px; background-position: -60px -180px;"></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size: 120px 240px; background-position: -90px -180px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-slice-width.html b/layout/reftests/border-image/border-image-linear-gradient-slice-width.html
new file mode 100644
index 0000000000..266e6a1050
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-slice-width.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and border-image-width</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  border-image-width: 0.5 1 2 3;
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12;
+}
+div.border30 {
+  border-image-slice: 30 30;
+}
+div.border60 {
+  border-image-slice: 60 60;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-width-ref.html b/layout/reftests/border-image/border-image-linear-gradient-width-ref.html
new file mode 100644
index 0000000000..dfa38d967b
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-width-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-width</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:90px 15px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 15px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:90px 60px;"></td>
+    <td></td>
+    <td style="background-image: linear-gradient(to bottom right, red, blue); background-size:30px 60px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient-width.html b/layout/reftests/border-image/border-image-linear-gradient-width.html
new file mode 100644
index 0000000000..8be90efaae
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient-width.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-width</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  border-image-width: 0.5 1 2 3;
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-linear-gradient.html b/layout/reftests/border-image/border-image-linear-gradient.html
new file mode 100644
index 0000000000..eb081e1864
--- /dev/null
+++ b/layout/reftests/border-image/border-image-linear-gradient.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: linear-gradient(to bottom right, red, blue);
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-nofill-1-ref.html b/layout/reftests/border-image/border-image-nofill-1-ref.html
new file mode 100644
index 0000000000..61608e3276
--- /dev/null
+++ b/layout/reftests/border-image/border-image-nofill-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-slice without fill reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+
+  </style>
+</head>
+<body>
+<table>
+  <col style="width: 7px">
+  <col style="width: 100px">
+  <col style="width: 7px">
+
+  <tr style="height: 7px">
+    <td style="background: #87f0b4"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #c98bb7"></td>
+  </tr>
+  <tr style="height: 5px">
+    <td style="background: #90a213"></td>
+    <td></td>
+    <td style="background: #90c157"></td>
+  </tr>
+  <tr style="height: 7px">
+    <td style="background: #9d57c1"></td>
+    <td style="background: #3a8e20"></td>
+    <td style="background: #0e6f6c"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-nofill-1.html b/layout/reftests/border-image/border-image-nofill-1.html
new file mode 100644
index 0000000000..0184adff03
--- /dev/null
+++ b/layout/reftests/border-image/border-image-nofill-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image-slice without fill</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border-width: 7px;
+    border-style: solid;
+    border-image: url('3x3multicolor.png') 1 1 1 1;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 100px; height: 5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-1-ref.html b/layout/reftests/border-image/border-image-outset-1-ref.html
new file mode 100644
index 0000000000..586fe96209
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-outset: 1em reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+<div style="border: solid #1DD813 1em; margin: 1em;">
+<div style="padding: 1em;">
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-1a.html b/layout/reftests/border-image/border-image-outset-1a.html
new file mode 100644
index 0000000000..51e7e7f50b
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>-moz-border-outset-width: 1em</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    margin: 2em;
+    border-width: 1em;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1 / / 1em;
+  }
+  </style>
+</head>
+<body>
+<div>
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-1b.html b/layout/reftests/border-image/border-image-outset-1b.html
new file mode 100644
index 0000000000..9a84c37771
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-1b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>-moz-border-outset-width: 1em</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    margin: 2em;
+    border-width: 1em;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    border-image-outset: 1em;
+  }
+  </style>
+</head>
+<body>
+<div>
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-1c.html b/layout/reftests/border-image/border-image-outset-1c.html
new file mode 100644
index 0000000000..e431d6eb74
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-1c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>-moz-border-outset-width: 1em</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    margin: 2em;
+    border-width: 1em;
+    border-style: solid;
+    border-image: 1 1 1 1 / / 1em url('3x3green-1DD813.png');
+  }
+  </style>
+</head>
+<body>
+<div>
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-move-1-ref.html b/layout/reftests/border-image/border-image-outset-move-1-ref.html
new file mode 100644
index 0000000000..7cc063f122
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-move-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-outset move reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+<div style="width: 100px; border: solid #1DD813 10px; margin: 10px;">
+<div style="padding: 10px;">
+Hello World!
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-move-1.html b/layout/reftests/border-image/border-image-outset-move-1.html
new file mode 100644
index 0000000000..0c8ade8075
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-move-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait" lang="en-US">
+<head>
+  <title>-moz-border-outset move</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    margin: 20px;
+    border-width: 10px;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    border-image-outset: 10px;
+  }
+  </style>
+</head>
+<body>
+<div id="container" style="width: 80px; margin-left: 60px;">
+Hello World!
+</div>
+<script type="text/javascript">
+// The purpose of this test is to move the border and ensure that the
+// overflow area caused by border-image-outset is redrawn.
+setTimeout(function() {
+    document.getElementById("container").style.marginLeft = "20px";
+    document.documentElement.className = "";
+  }, 100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-resize-1-ref.html b/layout/reftests/border-image/border-image-outset-resize-1-ref.html
new file mode 100644
index 0000000000..1c310c023d
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-resize-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-outset resize reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+<div style="width: 100px; border: solid #1DD813 10px; margin: 10px;">
+<div style="padding: 10px;">
+Hello World!
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-outset-resize-1.html b/layout/reftests/border-image/border-image-outset-resize-1.html
new file mode 100644
index 0000000000..284b0d01d1
--- /dev/null
+++ b/layout/reftests/border-image/border-image-outset-resize-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait" lang="en-US">
+<head>
+  <title>-moz-border-outset resize</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    margin: 20px;
+    border-width: 10px;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    border-image-outset: 10px;
+  }
+  </style>
+</head>
+<body>
+<div id="container" style="width: 180px;">
+Hello World!
+</div>
+<script type="text/javascript">
+// The purpose of this test is to resize the border and ensure that the
+// overflow area caused by border-image-outset is redrawn.
+setTimeout(function() {
+    document.getElementById("container").style.width = "80px";
+    document.documentElement.className = "";
+  }, 100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-ref.html b/layout/reftests/border-image/border-image-radial-gradient-ref.html
new file mode 100644
index 0000000000..b36074fba4
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:30px 30px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:30px 30px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-1-ref.html b/layout/reftests/border-image/border-image-radial-gradient-slice-1-ref.html
new file mode 100644
index 0000000000..64029d6647
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 600px; background-position: -10px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 200px; background-position: 0px -10px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 200px; background-position: -570px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 600px; background-position: -10px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: -570px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 120px; background-position: -90px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 360px; background-position: 0px -90px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 360px; background-position: -210px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 120px; background-position: -90px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: -90px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-1.html b/layout/reftests/border-image/border-image-radial-gradient-slice-1.html
new file mode 100644
index 0000000000..88f60e8d32
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12;
+}
+div.border30 {
+  border-image-slice: 30 30;
+}
+div.border60 {
+  border-image-slice: 60 60;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-2-ref.html b/layout/reftests/border-image/border-image-radial-gradient-slice-2-ref.html
new file mode 100644
index 0000000000..720221b502
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-2-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 600px; background-position: -90px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 200px; background-position: 0px -10px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 200px; background-position: -210px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 600px; background-position: -90px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: -90px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 120px; background-position: -10px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 360px; background-position: 0px -90px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 360px; background-position: -570px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 120px; background-position: -10px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: -570px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-2.html b/layout/reftests/border-image/border-image-radial-gradient-slice-2.html
new file mode 100644
index 0000000000..952cd10de0
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
+  width: 180px;
+  height: 180px;
+}
+div.border1260 {
+  border-image-slice: 12 60;
+}
+div.border6012 {
+  border-image-slice: 60 12;
+}
+</style>
+</head>
+<body>
+<div class="border1260"></div>
+<div class="border6012"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-fill-1-ref.html b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-1-ref.html
new file mode 100644
index 0000000000..59068a8cd1
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 600px; background-position: -10px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 200px; background-position: 0px -10px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 200px; background-position: -10px -10px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 200px; background-position: -570px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 600px; background-position: -10px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 600px; background-position: -570px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -30px -30px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 120px; background-position: -90px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 360px; background-position: 0px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 360px; background-position: -90px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 360px; background-position: -210px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 120px; background-position: -90px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 120px; background-position: -90px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-fill-1.html b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-1.html
new file mode 100644
index 0000000000..8a0a42c016
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12 fill;
+}
+div.border30 {
+  border-image-slice: 30 30 fill;
+}
+div.border60 {
+  border-image-slice: 60 60 fill;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-fill-2-ref.html b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-2-ref.html
new file mode 100644
index 0000000000..aaff661e73
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-2-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 600px; background-position: -90px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 200px; background-position: 0px -10px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 200px; background-position: -90px -10px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 200px; background-position: -210px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 600px; background-position: -90px -570px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 600px; background-position: -90px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 120px; background-position: -10px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 360px; background-position: 0px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 360px; background-position: -10px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 360px; background-position: -570px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 200px 120px; background-position: -10px -210px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 120px; background-position: -570px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-fill-2.html b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-2.html
new file mode 100644
index 0000000000..65461db8a9
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-fill-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
+  width: 180px;
+  height: 180px;
+}
+div.border1260 {
+  border-image-slice: 12 60 fill;
+}
+div.border6012 {
+  border-image-slice: 60 12 fill;
+}
+</style>
+</head>
+<body>
+<div class="border1260"></div>
+<div class="border6012"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-width-ref.html b/layout/reftests/border-image/border-image-radial-gradient-slice-width-ref.html
new file mode 100644
index 0000000000..d59e19f42c
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-width-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and border-image-width</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 1800px 300px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 133.33px 300px; background-position: -6.67px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 300px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 1800px 183.33px; background-position: 0px -9.17px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 183.33px; background-position: -570px -9.17px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 1800px 1200px; background-position: 0px -1140px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 133.33px 1200px; background-position: -6.67px -1140px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 600px 1200px; background-position: -570px -1140px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:720px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:160px 120px; background-position: -20px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 120px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:720px 220px; background-position: 0px -27.5px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 220px; background-position: -210px -27.5px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:720px 480px; background-position: 0px -420px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:160px 480px; background-position: -20px -420px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:240px 480px; background-position: -210px -420px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 60px; background-position: 0px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 240px 60px; background-position: -60px 0px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 60px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 330px; background-position: 0px -82.5px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 330px; background-position: -90px -82.5px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 360px 240px; background-position: 0px -180px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 240px 240px; background-position: -60px -180px;"></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size: 120px 240px; background-position: -90px -180px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-slice-width.html b/layout/reftests/border-image/border-image-radial-gradient-slice-width.html
new file mode 100644
index 0000000000..91803a6271
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-slice-width.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and border-image-width</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
+  border-image-width: 0.5 1 2 3;
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12;
+}
+div.border30 {
+  border-image-slice: 30 30;
+}
+div.border60 {
+  border-image-slice: 60 60;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-width-ref.html b/layout/reftests/border-image/border-image-radial-gradient-width-ref.html
new file mode 100644
index 0000000000..9c8e6e3352
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-width-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-width</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:90px 15px;"></td>
+    <td></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:30px 15px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:90px 60px;"></td>
+    <td></td>
+    <td style="background-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%); background-size:30px 60px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient-width.html b/layout/reftests/border-image/border-image-radial-gradient-width.html
new file mode 100644
index 0000000000..298211cb69
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient-width.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-width</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
+  border-image-width: 0.5 1 2 3;
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-radial-gradient.html b/layout/reftests/border-image/border-image-radial-gradient.html
new file mode 100644
index 0000000000..8a93acedd0
--- /dev/null
+++ b/layout/reftests/border-image/border-image-radial-gradient.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeat-space-8z-ref.html b/layout/reftests/border-image/border-image-repeat-space-8z-ref.html
new file mode 100644
index 0000000000..9eacbb0527
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeat-space-8z-ref.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html reftest-zoom="0.6">
+<title>Reference: border-image-repeat:space with non-initial border-image-width</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+
+<style>
+  div {
+    border: 27px solid transparent;
+    border-image: url("border.png") 27 space;
+    border-image-width: 1;
+  }
+</style>
+
+<div style="width: 505px; height: 50px"></div>
+<div style="width: 475px; height: 0px"></div>
+<div style="width: 475px; height: 1px"></div>
+<div style="width: 26px; height: 26px"></div>
+<div style="width: 53px; height: 53px"></div>
+<div style="width: 55px; height: 55px"></div>
+<div style="width: 505px; height: 50px; writing-mode: vertical-rl"></div>
+
+</html>
diff --git a/layout/reftests/border-image/border-image-repeat-space-8z.html b/layout/reftests/border-image/border-image-repeat-space-8z.html
new file mode 100644
index 0000000000..82dbb30235
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeat-space-8z.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html reftest-zoom="0.6">
+<title>CSS Border Image: border-image-repeat:space with non-initial border-image-width</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+<link rel="match" href="border-image-repeat-space-8z-ref.html">
+<meta name="assert" content="An explicit 'border-image-width' which is exactly the same size as 'border-width' should render the same as 'border-image-width:1' (the initial value).">
+
+<!-- NOTE: this is a copy of /css/css-backgrounds/border-image-repeat-space-8.html with an added "reftest-zoom" -->
+
+<style>
+  div {
+    border: 27px solid;
+    border-image: url("border.png") 27 space;
+    border-image-width: 27px;
+  }
+</style>
+
+<div style="width: 505px; height: 50px"></div>
+<div style="width: 475px; height: 0px"></div>
+<div style="width: 475px; height: 1px"></div>
+<div style="width: 26px; height: 26px"></div>
+<div style="width: 53px; height: 53px"></div>
+<div style="width: 55px; height: 55px"></div>
+<div style="width: 505px; height: 50px; writing-mode: vertical-rl"></div>
+
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-linear-gradient-ref.html b/layout/reftests/border-image/border-image-repeating-linear-gradient-ref.html
new file mode 100644
index 0000000000..1edafefe6d
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-linear-gradient-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size:30px 30px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size:30px 30px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2-ref.html b/layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2-ref.html
new file mode 100644
index 0000000000..48fcf7e10a
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 60.0px;">
+<col style="width: 120.0px;">
+<col style="width: 60.0px;">
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 480.0px 480.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 160.0px 480.0px; background-position: -20.0px -0.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 480.0px 480.0px; background-position: -420.0px 0px;"></td>
+</tr>
+<tr style="height: 120.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 480.0px 160.0px; background-position: -0.0px -20.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 160.0px 160.0px; background-position: -20.0px -20.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 480.0px 160.0px; background-position: -420.0px -20.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 480.0px 480.0px; background-position: 0px -420.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 160.0px 480.0px; background-position: -20.0px -420.0px;"></td>
+  <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 480.0px 480.0px; background-position: -420.0px -420.0px;"></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2.html b/layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2.html
new file mode 100644
index 0000000000..dfac15059e
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%);
+  width: 180px;
+  height: 180px;
+}
+div.border60round {
+  border-image-repeat: round;
+  border-image-slice: 60;
+}
+div.border60fillround {
+  border-image-repeat: round;
+  border-image-slice: 60 fill;
+}
+div.border30fill2round {
+  border-image-repeat: round;
+  border-image-slice: 30 fill;
+  border-image-width: 2;
+}
+</style>
+</head>
+<body>
+<div class="border60round"></div>
+<div class="border60fillround"></div>
+<div class="border30fill2round"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2-ref.html b/layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2-ref.html
new file mode 100644
index 0000000000..7735c44115
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and fill</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 360px 600px; background-position: -90px 0px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120px 600px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120px 200px; background-position: 0px -10px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 360px 200px; background-position: -90px -10px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120px 200px; background-position: -210px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 360px 600px; background-position: -90px -570px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 120px 600px; background-position: -90px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 600px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 200px 120px; background-position: -10px 0px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 600px 120px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 600px 360px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 200px 360px; background-position: -10px -90px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 600px 360px; background-position: -570px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 600px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 200px 120px; background-position: -10px -210px;"></td>
+    <td style="background-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); background-size: 600px 120px; background-position: -570px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2.html b/layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2.html
new file mode 100644
index 0000000000..b3d4791064
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-linear-gradient-slice-fill-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-slice and fill</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%);
+  width: 180px;
+  height: 180px;
+}
+div.border1260 {
+  border-image-slice: 12 60 fill;
+}
+div.border6012 {
+  border-image-slice: 60 12 fill;
+}
+</style>
+</head>
+<body>
+<div class="border1260"></div>
+<div class="border6012"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-linear-gradient.html b/layout/reftests/border-image/border-image-repeating-linear-gradient.html
new file mode 100644
index 0000000000..5c4d073f02
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-linear-gradient.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%);
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-ref.html
new file mode 100644
index 0000000000..eb4c61480b
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 30px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 30px;"></td>
+    <td></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 30px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2-ref.html
new file mode 100644
index 0000000000..8ddeffa628
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 60.0px;">
+<col style="width: 120.0px;">
+<col style="width: 60.0px;">
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -180.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -420.0px 0px;"></td>
+</tr>
+<tr style="height: 120.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -0.0px -180.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -180.0px -180.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -420.0px -180.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: 0px -420.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -180.0px -420.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -420.0px -420.0px;"></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2.html
new file mode 100644
index 0000000000..249679b220
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-repeat-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  width: 180px;
+  height: 180px;
+}
+div.border60repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 60;
+}
+div.border60fillrepeat {
+  border-image-repeat: repeat;
+  border-image-slice: 60 fill;
+}
+div.border30fill2repeat {
+  border-image-repeat: repeat;
+  border-image-slice: 30 fill;
+  border-image-width: 2;
+}
+</style>
+</head>
+<body>
+<div class="border60repeat"></div>
+<div class="border60fillrepeat"></div>
+<div class="border30fill2repeat"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2-ref.html
new file mode 100644
index 0000000000..f66c2b87c1
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: white;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 30.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 60.0px;">
+<col style="width: 30.0px;">
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px 0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -0.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -30.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -30.0px;"></td>
+</tr>
+<tr style="height: 30.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: 0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -30.0px -90.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120.0px 120.0px; background-position: -90.0px -90.0px;"></td>
+</tr>
+</table>
+<table>
+<col style="width: 60.0px;">
+<col style="width: 120.0px;">
+<col style="width: 60.0px;">
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: 0px 0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 160.0px 480.0px; background-position: -20.0px -0.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -420.0px 0px;"></td>
+</tr>
+<tr style="height: 120.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 160.0px; background-position: -0.0px -20.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 160.0px 160.0px; background-position: -20.0px -20.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 160.0px; background-position: -420.0px -20.0px;"></td>
+</tr>
+<tr style="height: 60.0px;">
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: 0px -420.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 160.0px 480.0px; background-position: -20.0px -420.0px;"></td>
+  <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 480.0px 480.0px; background-position: -420.0px -420.0px;"></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2.html
new file mode 100644
index 0000000000..3305416cee
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: linear-gradient with border-image-repeat</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  width: 180px;
+  height: 180px;
+}
+div.border60round {
+  border-image-repeat: round;
+  border-image-slice: 60;
+}
+div.border60fillround {
+  border-image-repeat: round;
+  border-image-slice: 60 fill;
+}
+div.border30fill2round {
+  border-image-repeat: round;
+  border-image-slice: 30 fill;
+  border-image-width: 2;
+}
+</style>
+</head>
+<body>
+<div class="border60round"></div>
+<div class="border60fillround"></div>
+<div class="border30fill2round"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1-ref.html
new file mode 100644
index 0000000000..6c64ba43ce
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 600px; background-position: -10px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 200px; background-position: 0px -10px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 200px; background-position: -570px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 600px; background-position: -10px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: -570px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 120px; background-position: -90px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 360px; background-position: 0px -90px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 360px; background-position: -210px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 120px; background-position: -90px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: -90px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1.html
new file mode 100644
index 0000000000..e82c3aa6f4
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12;
+}
+div.border30 {
+  border-image-slice: 30 30;
+}
+div.border60 {
+  border-image-slice: 60 60;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2-ref.html
new file mode 100644
index 0000000000..c38efac8b9
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 600px; background-position: -90px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 200px; background-position: 0px -10px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 200px; background-position: -210px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 600px; background-position: -90px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: -90px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 120px; background-position: -10px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 360px; background-position: 0px -90px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 360px; background-position: -570px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 120px; background-position: -10px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: -570px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2.html
new file mode 100644
index 0000000000..e4d31c78b8
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  width: 180px;
+  height: 180px;
+}
+div.border1260 {
+  border-image-slice: 12 60;
+}
+div.border6012 {
+  border-image-slice: 60 12;
+}
+</style>
+</head>
+<body>
+<div class="border1260"></div>
+<div class="border6012"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1-ref.html
new file mode 100644
index 0000000000..6d63b73000
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 600px; background-position: -10px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 200px; background-position: 0px -10px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 200px; background-position: -10px -10px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 200px; background-position: -570px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 600px; background-position: -10px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 600px; background-position: -570px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -30px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: 0px -30px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -30px -30px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -210px -30px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: 0px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -30px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 240px; background-position: -210px -210px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 120px; background-position: -90px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 360px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 360px; background-position: -90px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 360px; background-position: -210px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 120px; background-position: -90px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 120px; background-position: -90px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1.html
new file mode 100644
index 0000000000..76c396cb0d
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12 fill;
+}
+div.border30 {
+  border-image-slice: 30 30 fill;
+}
+div.border60 {
+  border-image-slice: 60 60 fill;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2-ref.html
new file mode 100644
index 0000000000..26a4b30f93
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 600px; background-position: -90px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 200px; background-position: 0px -10px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 200px; background-position: -90px -10px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 200px; background-position: -210px -10px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: 0px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 600px; background-position: -90px -570px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 600px; background-position: -90px -570px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 30px">
+  <col style="width: 180px">
+  <col style="width: 30px">
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 120px; background-position: -10px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 180px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 360px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 360px; background-position: -10px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 360px; background-position: -570px -90px;"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: 0px -90px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 200px 120px; background-position: -10px -210px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 120px; background-position: -570px -90px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2.html
new file mode 100644
index 0000000000..ce707ea939
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  width: 180px;
+  height: 180px;
+}
+div.border1260 {
+  border-image-slice: 12 60 fill;
+}
+div.border6012 {
+  border-image-slice: 60 12 fill;
+}
+</style>
+</head>
+<body>
+<div class="border1260"></div>
+<div class="border6012"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width-ref.html
new file mode 100644
index 0000000000..308621c697
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and border-image-width</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 1800px 300px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 133.33px 300px; background-position: -6.67px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 300px; background-position: -570px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 1800px 183.33px; background-position: 0px -9.17px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 183.33px; background-position: -570px -9.17px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 1800px 1200px; background-position: 0px -1140px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 133.33px 1200px; background-position: -6.67px -1140px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 600px 1200px; background-position: -570px -1140px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:720px 120px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:160px 120px; background-position: -20px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 120px; background-position: -210px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:720px 220px; background-position: 0px -27.5px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 220px; background-position: -210px -27.5px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:720px 480px; background-position: 0px -420px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:160px 480px; background-position: -20px -420px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:240px 480px; background-position: -210px -420px;"></td>
+  </tr>
+</table>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 60px; background-position: 0px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 240px 60px; background-position: -60px 0px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 60px; background-position: -90px 0px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 330px; background-position: 0px -82.5px;"></td>
+    <td style="background: white"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 330px; background-position: -90px -82.5px;"></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 360px 240px; background-position: 0px -180px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 240px 240px; background-position: -60px -180px;"></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size: 120px 240px; background-position: -90px -180px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width.html
new file mode 100644
index 0000000000..508d95e298
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-slice and border-image-width</title>
+<style>
+div {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  border-image-width: 0.5 1 2 3;
+  width: 180px;
+  height: 180px;
+}
+div.border12 {
+  border-image-slice: 12 12;
+}
+div.border30 {
+  border-image-slice: 30 30;
+}
+div.border60 {
+  border-image-slice: 60 60;
+}
+</style>
+</head>
+<body>
+<div class="border12"></div>
+<div class="border30"></div>
+<div class="border60"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-width-ref.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-width-ref.html
new file mode 100644
index 0000000000..3b977f4541
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-width-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-width</title>
+<style>
+table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+td { padding: 0; }
+</style>
+</head>
+<body>
+<table>
+  <col style="width: 90px">
+  <col style="width: 120px">
+  <col style="width: 30px">
+  <tr style="height: 15px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:90px 15px;"></td>
+    <td></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 15px;"></td>
+  </tr>
+  <tr style="height: 165px">
+    <td></td>
+    <td style="background: white"></td>
+    <td></td>
+  </tr>
+  <tr style="height: 60px">
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:90px 60px;"></td>
+    <td></td>
+    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 60px;"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient-width.html b/layout/reftests/border-image/border-image-repeating-radial-gradient-width.html
new file mode 100644
index 0000000000..df766ffa5e
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-width.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient with border-image-width</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  border-image-width: 0.5 1 2 3;
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-repeating-radial-gradient.html b/layout/reftests/border-image/border-image-repeating-radial-gradient.html
new file mode 100644
index 0000000000..6673000288
--- /dev/null
+++ b/layout/reftests/border-image/border-image-repeating-radial-gradient.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of border-image-source: radial-gradient</title>
+<style>
+div.border {
+  border: 30px solid black;
+  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
+  width: 180px;
+  height: 180px;
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-style-none-auto-ref.html b/layout/reftests/border-image/border-image-style-none-auto-ref.html
new file mode 100644
index 0000000000..0404acf81c
--- /dev/null
+++ b/layout/reftests/border-image/border-image-style-none-auto-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-width: auto with border-bottom: none reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+
+  </style>
+</head>
+<body>
+<table>
+  <col style="width: 1px">
+  <col style="width: 112px"> <!-- 100px + 7px + 7px - 1px - 1px -->
+  <col style="width: 1px">
+
+  <tr style="height: 1px">
+    <td style="background: #87f0b4"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #c98bb7"></td>
+  </tr>
+  <tr style="height: 10px"> <!-- 5px + 7px - 1px - 1px -->
+    <td style="background: #90a213"></td>
+    <td></td>
+    <td style="background: #90c157"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #9d57c1"></td>
+    <td style="background: #3a8e20"></td>
+    <td style="background: #0e6f6c"></td>
+  </tr>
+</table>
+</body>
+</html>
+<!DOCTYPE html>
diff --git a/layout/reftests/border-image/border-image-style-none-auto.html b/layout/reftests/border-image/border-image-style-none-auto.html
new file mode 100644
index 0000000000..d8e084faf7
--- /dev/null
+++ b/layout/reftests/border-image/border-image-style-none-auto.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image-width: auto with border-bottom: none</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border-width: 7px;
+    border-style: solid;
+    border-bottom: none;
+    border-image: url('3x3multicolor.png') 1 1 1 1 / auto;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 100px; height: 5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-style-none-length-ref.html b/layout/reftests/border-image/border-image-style-none-length-ref.html
new file mode 100644
index 0000000000..9ba599d324
--- /dev/null
+++ b/layout/reftests/border-image/border-image-style-none-length-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-width: length with border-bottom: none reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+
+  </style>
+</head>
+<body>
+<table>
+  <col style="width: 7px">
+  <col style="width: 92px"> <!-- 100px + 3px + 3px - 7px - 7px -->
+  <col style="width: 7px">
+
+  <tr style="height: 7px">
+    <td style="background: #87f0b4"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #c98bb7"></td>
+  </tr>
+  <tr style="height: 9px"> <!-- 20px + 3px - 7px - 7px -->
+    <td style="background: #90a213"></td>
+    <td></td>
+    <td style="background: #90c157"></td>
+  </tr>
+  <tr style="height: 7px">
+    <td style="background: #9d57c1"></td>
+    <td style="background: #3a8e20"></td>
+    <td style="background: #0e6f6c"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-style-none-length.html b/layout/reftests/border-image/border-image-style-none-length.html
new file mode 100644
index 0000000000..04e9659533
--- /dev/null
+++ b/layout/reftests/border-image/border-image-style-none-length.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image-width: length with border-bottom: none</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border-width: 3px;
+    border-style: solid;
+    border-bottom: none;
+    border-image: url('3x3multicolor.png') 1 1 1 1 / 7px;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 100px; height: 20px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-style-none-ref.html b/layout/reftests/border-image/border-image-style-none-ref.html
new file mode 100644
index 0000000000..de366e3fd7
--- /dev/null
+++ b/layout/reftests/border-image/border-image-style-none-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image with border-bottom: none reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+
+  </style>
+</head>
+<body>
+<table>
+  <col style="width: 7px">
+  <col style="width: 100px">
+  <col style="width: 7px">
+
+  <tr style="height: 7px">
+    <td style="background: #87f0b4"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #c98bb7"></td>
+  </tr>
+  <tr style="height: 5px">
+    <td style="background: #90a213"></td>
+    <td></td>
+    <td style="background: #90c157"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-style-none.html b/layout/reftests/border-image/border-image-style-none.html
new file mode 100644
index 0000000000..3868579303
--- /dev/null
+++ b/layout/reftests/border-image/border-image-style-none.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image with border-bottom: none</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border-width: 7px;
+    border-style: solid;
+    border-bottom: none;
+    border-image: url('3x3multicolor.png') 1 1 1 1 / 1;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 100px; height: 5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-width-1-ref.html b/layout/reftests/border-image/border-image-width-1-ref.html
new file mode 100644
index 0000000000..8f0497446b
--- /dev/null
+++ b/layout/reftests/border-image/border-image-width-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-width: 1em reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+<div style="border: solid #1DD813 2em">
+<div style="margin: -1em;">
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-width-1a.html b/layout/reftests/border-image/border-image-width-1a.html
new file mode 100644
index 0000000000..2c6c443de3
--- /dev/null
+++ b/layout/reftests/border-image/border-image-width-1a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-width: 2em</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    border-width: 1em;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1 / 2em;
+  }
+  </style>
+</head>
+<body>
+<div>
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-width-1b.html b/layout/reftests/border-image/border-image-width-1b.html
new file mode 100644
index 0000000000..d8f6431581
--- /dev/null
+++ b/layout/reftests/border-image/border-image-width-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-width: 2</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    border-width: 1em;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1 / 2;
+  }
+  </style>
+</head>
+<body>
+<div>
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-width-1c.html b/layout/reftests/border-image/border-image-width-1c.html
new file mode 100644
index 0000000000..321a3c6fdc
--- /dev/null
+++ b/layout/reftests/border-image/border-image-width-1c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image-width: 2</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    border-width: 1em;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    border-image-width: 2;
+  }
+  </style>
+</head>
+<body>
+<div>
+border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-width-large-ref.html b/layout/reftests/border-image/border-image-width-large-ref.html
new file mode 100644
index 0000000000..b7d8f5822d
--- /dev/null
+++ b/layout/reftests/border-image/border-image-width-large-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>border-image with equally large left and right border image width.</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+
+  </style>
+</head>
+<body>
+<table>
+  <col style="width: 57px">
+  <col style="width: 57px">
+  <tr style="height: 24px">
+    <td style="background: #90a213"></td>
+    <td style="background: #90c157"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border-image-width-large.html b/layout/reftests/border-image/border-image-width-large.html
new file mode 100644
index 0000000000..481aa19486
--- /dev/null
+++ b/layout/reftests/border-image/border-image-width-large.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image with equally large left and right border image width.</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    border-width: 7px;
+    border-style: solid;
+    border-image: url('3x3multicolor.png') 1 1 1 1 / 0 2000000000em 0 2000000000em;
+  }
+  </style>
+</head>
+<body>
+<div style="width: 100px; height: 10px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/border.png b/layout/reftests/border-image/border.png
new file mode 100644
index 0000000000..7a657391d6
Binary files /dev/null and b/layout/reftests/border-image/border.png differ
diff --git a/layout/reftests/border-image/center-scaling-1-ref.html b/layout/reftests/border-image/center-scaling-1-ref.html
new file mode 100644
index 0000000000..c3755d82db
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-1-ref.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-tr.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-br.png" width="27" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-1.html b/layout/reftests/border-image/center-scaling-1.html
new file mode 100644
index 0000000000..7b1c2297a4
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-1.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 27px;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-2-ref.html b/layout/reftests/border-image/center-scaling-2-ref.html
new file mode 100644
index 0000000000..3b253fa529
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-2-ref.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="54" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-tr.png" width="54" height="27"></div
+><div><img src="reticule-le.png" width="54" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ri.png" width="54" height="54"></div
+><div><img src="reticule-le.png" width="54" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ct.png" width="27" height="54"
+     ><img src="reticule-ri.png" width="54" height="54"></div
+><div><img src="reticule-bl.png" width="54" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-br.png" width="54" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-2.html b/layout/reftests/border-image/center-scaling-2.html
new file mode 100644
index 0000000000..d679e17d53
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-2.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 27px 54px;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-3-ref.html b/layout/reftests/border-image/center-scaling-3-ref.html
new file mode 100644
index 0000000000..86db1ec450
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-3-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="54"
+     ><img src="reticule-to.png" width="54" height="54"
+     ><img src="reticule-to.png" width="54" height="54"
+     ><img src="reticule-to.png" width="54" height="54"
+     ><img src="reticule-to.png" width="54" height="54"
+     ><img src="reticule-tr.png" width="27" height="54"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ct.png" width="54" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="54"
+     ><img src="reticule-bo.png" width="54" height="54"
+     ><img src="reticule-bo.png" width="54" height="54"
+     ><img src="reticule-bo.png" width="54" height="54"
+     ><img src="reticule-bo.png" width="54" height="54"
+     ><img src="reticule-br.png" width="27" height="54"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-3.html b/layout/reftests/border-image/center-scaling-3.html
new file mode 100644
index 0000000000..6f33bb0fa1
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-3.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 54px 27px;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-4b-ref.html b/layout/reftests/border-image/center-scaling-4b-ref.html
new file mode 100644
index 0000000000..3b23376407
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4b-ref.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-tr.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-4b.html b/layout/reftests/border-image/center-scaling-4b.html
new file mode 100644
index 0000000000..c41e43a511
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4b.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 27px 27px 0 27px;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-4l-ref.html b/layout/reftests/border-image/center-scaling-4l-ref.html
new file mode 100644
index 0000000000..e3ebeb8763
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4l-ref.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-tr.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-br.png" width="27" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-4l.html b/layout/reftests/border-image/center-scaling-4l.html
new file mode 100644
index 0000000000..c4a4aec60a
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4l.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 27px 27px 27px 0;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-4lr-ref.html b/layout/reftests/border-image/center-scaling-4lr-ref.html
new file mode 100644
index 0000000000..58869ac1d2
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4lr-ref.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-4lr.html b/layout/reftests/border-image/center-scaling-4lr.html
new file mode 100644
index 0000000000..439ee5dce8
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4lr.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 27px 0 27px 0;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-4r-ref.html b/layout/reftests/border-image/center-scaling-4r-ref.html
new file mode 100644
index 0000000000..5edcd2381d
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4r-ref.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"
+     ><img src="reticule-to.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-4r.html b/layout/reftests/border-image/center-scaling-4r.html
new file mode 100644
index 0000000000..38874cbbbb
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4r.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 27px 0 27px 27px;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-4t-ref.html b/layout/reftests/border-image/center-scaling-4t-ref.html
new file mode 100644
index 0000000000..c04f1670cf
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4t-ref.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-bo.png" width="27" height="27"
+     ><img src="reticule-br.png" width="27" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-4t.html b/layout/reftests/border-image/center-scaling-4t.html
new file mode 100644
index 0000000000..401005a39f
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4t.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 0 27px 27px 27px;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/center-scaling-4tb-ref.html b/layout/reftests/border-image/center-scaling-4tb-ref.html
new file mode 100644
index 0000000000..08344b38a0
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4tb-ref.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ct.png" width="27" height="27"
+     ><img src="reticule-ri.png" width="27" height="27"></div
+></body>
diff --git a/layout/reftests/border-image/center-scaling-4tb.html b/layout/reftests/border-image/center-scaling-4tb.html
new file mode 100644
index 0000000000..2d23aa8e41
--- /dev/null
+++ b/layout/reftests/border-image/center-scaling-4tb.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div {
+  border-width: 0 27px 0 27px;
+  border-style: solid;
+  border-image: url("reticule.png") 27 fill round;
+  width: 216px;
+  height: 108px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-image/diamonds.png b/layout/reftests/border-image/diamonds.png
new file mode 100644
index 0000000000..7fe5da5e60
Binary files /dev/null and b/layout/reftests/border-image/diamonds.png differ
diff --git a/layout/reftests/border-image/different-h-v-1.html b/layout/reftests/border-image/different-h-v-1.html
new file mode 100644
index 0000000000..908b732720
--- /dev/null
+++ b/layout/reftests/border-image/different-h-v-1.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html><head>
+<style>
+div { 
+  margin: 27px;
+  border-width: 1em;
+  border-style: solid;
+  border-image: url("diamonds.png") 27 stretch round;
+  width: 270px;
+  height: 135px;
+}
+</style>
+<body>
+<div></div>
+</body></html>
diff --git a/layout/reftests/border-image/different-h-v-2.html b/layout/reftests/border-image/different-h-v-2.html
new file mode 100644
index 0000000000..6bce841adf
--- /dev/null
+++ b/layout/reftests/border-image/different-h-v-2.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html><head>
+<style>
+div { 
+  margin: 27px;
+  border-width: 1em;
+  border-style: solid;
+  border-image: url("diamonds.png") 27 round stretch;
+  width: 270px;
+  height: 135px;
+}
+</style>
+<body>
+<div></div>
+</body></html>
diff --git a/layout/reftests/border-image/different-h-v-ref.html b/layout/reftests/border-image/different-h-v-ref.html
new file mode 100644
index 0000000000..3beef12726
--- /dev/null
+++ b/layout/reftests/border-image/different-h-v-ref.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html><head>
+<style>
+div { 
+  margin: 27px;
+  border-width: 1em;
+  border-image: url("diamonds.png") 27 stretch;
+  width: 270px;
+  height: 135px;
+}
+</style>
+<body>
+<div></div>
+</body></html>
diff --git a/layout/reftests/border-image/gen-refs.py b/layout/reftests/border-image/gen-refs.py
new file mode 100644
index 0000000000..1e8bc6c650
--- /dev/null
+++ b/layout/reftests/border-image/gen-refs.py
@@ -0,0 +1,474 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+# Generates tables of background images which correspond with border images for
+# creating reftests. Input is the filename containing input defined below (a subset
+# of the allowed CSS border properties). An html representation of a table is
+# output to stdout.
+#
+# Usage: python gen-refs.py input_filename
+#
+# Input must take the form (order is not important, nothing is optional, distance in order top, right, bottom, left):
+# width: p;
+# height: p;
+# border-width: p;
+# border-image-source: ...;
+# border-image-slice: p p p p;
+# note that actually border-image-slice takes numbers without px, which represent pixels anyway (or at least coords)
+# border-image-width: np np np np;
+# border-image-repeat: stretch | repeat | round;
+# border-image-outset: np np np np;
+#
+# where:
+# p ::= n'px'
+# np ::= n | p
+#
+# Assumes there is no intrinsic size for the border-image-source, so uses
+# the size of the border image area.
+
+import sys
+
+
+class Point:
+    def __init__(self, w=0, h=0):
+        self.x = w
+        self.y = h
+
+
+class Size:
+    def __init__(self, w=0, h=0):
+        self.width = w
+        self.height = h
+
+
+class Rect:
+    def __init__(self, x=0, y=0, x2=0, y2=0):
+        self.x = x
+        self.y = y
+        self.x2 = x2
+        self.y2 = y2
+
+    def width(self):
+        return self.x2 - self.x
+
+    def height(self):
+        return self.y2 - self.y
+
+
+class Props:
+    def __init__(self):
+        self.size = Size()
+
+
+class np:
+    def __init__(self, n, p):
+        self.n = n
+        self.p = p
+
+    def get_absolute(self, ref):
+        if not self.p == 0:
+            return self.p
+        return self.n * ref
+
+
+def parse_p(tok):
+    if tok[-2:] == "px":
+        return float(tok[:-2])
+    print("Whoops, not a pixel value", tok)
+
+
+def parse_np(tok):
+    if tok[-2:] == "px":
+        return np(0, float(tok[:-2]))
+    return np(float(tok), 0)
+
+
+def parse(filename):
+    f = open(filename, "r")
+    props = Props()
+    for l in f:
+        l = l.strip()
+        if not l[-1] == ";":
+            continue
+        toks = l[:-1].split()
+        if toks[0] == "border-width:":
+            props.width = parse_p(toks[1])
+        if toks[0] == "height:":
+            props.size.height = parse_p(toks[1])
+        if toks[0] == "width:":
+            props.size.width = parse_p(toks[1])
+        if toks[0] == "border-image-source:":
+            props.source = l[l.find(":") + 1 : l.rfind(";")].strip()
+        if toks[0] == "border-image-repeat:":
+            props.repeat = toks[1]
+        if toks[0] == "border-image-slice:":
+            props.slice = map(parse_p, toks[1:5])
+        if toks[0] == "border-image-width:":
+            props.image_width = map(parse_np, toks[1:5])
+        if toks[0] == "border-image-outset:":
+            props.outset = map(parse_np, toks[1:5])
+    f.close()
+    return props
+
+
+# the result of normalisation is that all sizes are in pixels and the size,
+# widths, and outset have been normalised to a size and width - the former is
+# the element's interior, the latter is the width of the drawn border.
+def normalise(props):
+    result = Props()
+    result.source = props.source
+    result.repeat = props.repeat
+    result.width = map(lambda x: x.get_absolute(props.width), props.image_width)
+    outsets = map(lambda x: x.get_absolute(props.width), props.outset)
+    result.size.width = props.size.width + 2 * props.width + outsets[1] + outsets[3]
+    result.size.height = props.size.height + 2 * props.width + outsets[0] + outsets[2]
+    result.slice = props.slice
+    for i in [0, 2]:
+        if result.slice[i] > result.size.height:
+            result.slice[i] = result.size.height
+        if result.slice[i + 1] > result.size.width:
+            result.slice[i + 1] = result.size.width
+
+    return result
+
+
+def check_parse(props):
+    if not hasattr(props, "source"):
+        print("missing border-image-source")
+        return False
+    if not hasattr(props.size, "width"):
+        print("missing width")
+        return False
+    if not hasattr(props.size, "height"):
+        print("missing height")
+        return False
+    if not hasattr(props, "width"):
+        print("missing border-width")
+        return False
+    if not hasattr(props, "image_width"):
+        print("missing border-image-width")
+        return False
+    if not hasattr(props, "slice"):
+        print("missing border-image-slice")
+        return False
+    if not hasattr(props, "repeat") or (
+        props.repeat not in ["stretch", "repeat", "round"]
+    ):
+        print("missing or incorrect border-image-repeat '" + props.repeat + "'")
+        return False
+    if not hasattr(props, "outset"):
+        print("missing border-image-outset")
+        return False
+
+    return True
+
+
+def check_normalise(props):
+    if not hasattr(props, "source"):
+        print("missing border-image-source")
+        return False
+    if not hasattr(props.size, "width"):
+        print("missing width")
+        return False
+    if not hasattr(props.size, "height"):
+        print("missing height")
+        return False
+    if not hasattr(props, "slice"):
+        print("missing border-image-slice")
+        return False
+    if not hasattr(props, "repeat") or (
+        props.repeat not in ["stretch", "repeat", "round"]
+    ):
+        print("missing or incorrect border-image-repeat '" + props.repeat + "'")
+        return False
+
+    return True
+
+
+class Tile:
+    def __init__(self):
+        self.slice = Rect()
+        self.border_width = Rect()
+
+
+# throughout, we will use arrays for nine-patches, the indices correspond thusly:
+# 0 1 2
+# 3 4 5
+# 6 7 8
+
+
+# Compute the source tiles' slice and border-width sizes
+def make_src_tiles():
+    tiles = [Tile() for i in range(9)]
+
+    rows = [range(3 * i, 3 * (i + 1)) for i in range(3)]
+    cols = [[i, i + 3, i + 6] for i in range(3)]
+
+    row_limits_slice = [
+        0,
+        props.slice[3],
+        props.size.width - props.slice[1],
+        props.size.width,
+    ]
+    row_limits_width = [
+        0,
+        props.width[3],
+        props.size.width - props.width[1],
+        props.size.width,
+    ]
+    for r in range(3):
+        for t in [tiles[i] for i in cols[r]]:
+            t.slice.x = row_limits_slice[r]
+            t.slice.x2 = row_limits_slice[r + 1]
+            t.border_width.x = row_limits_width[r]
+            t.border_width.x2 = row_limits_width[r + 1]
+
+    col_limits_slice = [
+        0,
+        props.slice[0],
+        props.size.height - props.slice[2],
+        props.size.height,
+    ]
+    col_limits_width = [
+        0,
+        props.width[0],
+        props.size.height - props.width[2],
+        props.size.height,
+    ]
+    for c in range(3):
+        for t in [tiles[i] for i in rows[c]]:
+            t.slice.y = col_limits_slice[c]
+            t.slice.y2 = col_limits_slice[c + 1]
+            t.border_width.y = col_limits_width[c]
+            t.border_width.y2 = col_limits_width[c + 1]
+
+    return tiles
+
+
+def compute(props):
+    tiles = make_src_tiles()
+
+    # corners scale easy
+    for t in [tiles[i] for i in [0, 2, 6, 8]]:
+        t.scale = Point(
+            t.border_width.width() / t.slice.width(),
+            t.border_width.height() / t.slice.height(),
+        )
+    # edges are by their secondary dimension
+    for t in [tiles[i] for i in [1, 7]]:
+        t.scale = Point(
+            t.border_width.height() / t.slice.height(),
+            t.border_width.height() / t.slice.height(),
+        )
+    for t in [tiles[i] for i in [3, 5]]:
+        t.scale = Point(
+            t.border_width.width() / t.slice.width(),
+            t.border_width.width() / t.slice.width(),
+        )
+    # the middle is scaled by the factors for the top and left edges
+    tiles[4].scale = Point(tiles[1].scale.x, tiles[3].scale.y)
+
+    # the size of a source tile for the middle section
+    src_tile_size = Size(
+        tiles[4].slice.width() * tiles[4].scale.x,
+        tiles[4].slice.height() * tiles[4].scale.y,
+    )
+
+    # the size of a single destination tile in the central part
+    dest_tile_size = Size()
+    if props.repeat == "stretch":
+        dest_tile_size.width = tiles[4].border_width.width()
+        dest_tile_size.height = tiles[4].border_width.height()
+        for t in [tiles[i] for i in [1, 7]]:
+            t.scale.x = t.border_width.width() / t.slice.width()
+        for t in [tiles[i] for i in [3, 5]]:
+            t.scale.y = t.border_width.height() / t.slice.height()
+    elif props.repeat == "repeat":
+        dest_tile_size = src_tile_size
+    elif props.repeat == "round":
+        dest_tile_size.width = tiles[4].border_width.width() / math.ceil(
+            tiles[4].border_width.width() / src_tile_size.width
+        )
+        dest_tile_size.height = tiles[4].border_width.height() / math.ceil(
+            tiles[4].border_width.height() / src_tile_size.height
+        )
+        for t in [tiles[i] for i in [1, 4, 7]]:
+            t.scale.x = dest_tile_size.width / t.slice.width()
+        for t in [tiles[i] for i in [3, 4, 5]]:
+            t.scale.y = dest_tile_size.height / t.slice.height()
+    else:
+        print("Whoops, invalid border-image-repeat value")
+
+    # catch overlapping slices. Its easier to deal with it here than to catch
+    # earlier and have to avoid all the divide by zeroes above
+    for t in tiles:
+        if t.slice.width() < 0:
+            t.scale.x = 0
+        if t.slice.height() < 0:
+            t.scale.y = 0
+
+    tiles_h = int(math.ceil(tiles[4].border_width.width() / dest_tile_size.width) + 2)
+    tiles_v = int(math.ceil(tiles[4].border_width.height() / dest_tile_size.height) + 2)
+
+    # if border-image-repeat: repeat, then we will later center the tiles, that
+    # means we need an extra tile for the two 'half' tiles at either end
+    if props.repeat == "repeat":
+        if tiles_h % 2 == 0:
+            tiles_h += 1
+        if tiles_v % 2 == 0:
+            tiles_v += 1
+    dest_tiles = [Tile() for i in range(tiles_h * tiles_v)]
+
+    # corners
+    corners = [
+        (0, 0),
+        (tiles_h - 1, 2),
+        (tiles_v * (tiles_h - 1), 6),
+        (tiles_v * tiles_h - 1, 8),
+    ]
+    for d, s in corners:
+        dest_tiles[d].size = Size(
+            tiles[s].scale.x * props.size.width, tiles[s].scale.y * props.size.height
+        )
+        dest_tiles[d].dest_size = Size(
+            tiles[s].border_width.width(), tiles[s].border_width.height()
+        )
+    dest_tiles[0].offset = Point(0, 0)
+    dest_tiles[tiles_h - 1].offset = Point(
+        tiles[2].border_width.width() - dest_tiles[tiles_h - 1].size.width, 0
+    )
+    dest_tiles[tiles_v * (tiles_h - 1)].offset = Point(
+        0,
+        tiles[6].border_width.height()
+        - dest_tiles[tiles_v * (tiles_h - 1)].size.height,
+    )
+    dest_tiles[tiles_v * tiles_h - 1].offset = Point(
+        tiles[8].border_width.width() - dest_tiles[tiles_h * tiles_v - 1].size.width,
+        tiles[8].border_width.height() - dest_tiles[tiles_h * tiles_v - 1].size.height,
+    )
+
+    # horizontal edges
+    for i in range(1, tiles_h - 1):
+        dest_tiles[i].size = Size(
+            tiles[1].scale.x * props.size.width, tiles[1].scale.y * props.size.height
+        )
+        dest_tiles[(tiles_v - 1) * tiles_h + i].size = Size(
+            tiles[7].scale.x * props.size.width, tiles[7].scale.y * props.size.height
+        )
+        dest_tiles[i].dest_size = Size(
+            dest_tile_size.width, tiles[1].border_width.height()
+        )
+        dest_tiles[(tiles_v - 1) * tiles_h + i].dest_size = Size(
+            dest_tile_size.width, tiles[7].border_width.height()
+        )
+        dest_tiles[i].offset = Point(
+            -tiles[1].scale.x * tiles[1].slice.x, -tiles[1].scale.y * tiles[1].slice.y
+        )
+        dest_tiles[(tiles_v - 1) * tiles_h + i].offset = Point(
+            -tiles[7].scale.x * tiles[7].slice.x, -tiles[7].scale.y * tiles[7].slice.y
+        )
+
+    # vertical edges
+    for i in range(1, tiles_v - 1):
+        dest_tiles[i * tiles_h].size = Size(
+            tiles[3].scale.x * props.size.width, tiles[3].scale.y * props.size.height
+        )
+        dest_tiles[(i + 1) * tiles_h - 1].size = Size(
+            tiles[5].scale.x * props.size.width, tiles[5].scale.y * props.size.height
+        )
+        dest_tiles[i * tiles_h].dest_size = Size(
+            tiles[3].border_width.width(), dest_tile_size.height
+        )
+        dest_tiles[(i + 1) * tiles_h - 1].dest_size = Size(
+            tiles[5].border_width.width(), dest_tile_size.height
+        )
+        dest_tiles[i * tiles_h].offset = Point(
+            -tiles[3].scale.x * tiles[3].slice.x, -tiles[3].scale.y * tiles[3].slice.y
+        )
+        dest_tiles[(i + 1) * tiles_h - 1].offset = Point(
+            -tiles[5].scale.x * tiles[5].slice.x, -tiles[5].scale.y * tiles[5].slice.y
+        )
+
+    # middle
+    for i in range(1, tiles_v - 1):
+        for j in range(1, tiles_h - 1):
+            dest_tiles[i * tiles_h + j].size = Size(
+                tiles[4].scale.x * props.size.width,
+                tiles[4].scale.y * props.size.height,
+            )
+            dest_tiles[i * tiles_h + j].offset = Point(
+                -tiles[4].scale.x * tiles[4].slice.x,
+                -tiles[4].scale.y * tiles[4].slice.y,
+            )
+            dest_tiles[i * tiles_h + j].dest_size = dest_tile_size
+
+    # edge and middle tiles are centered with border-image-repeat: repeat
+    # we need to change the offset to take account of this and change the dest_size
+    # of the tiles at the sides of the edges if they are clipped
+    if props.repeat == "repeat":
+        diff_h = (
+            (tiles_h - 2) * dest_tile_size.width - tiles[4].border_width.width()
+        ) / 2
+        diff_v = (
+            (tiles_v - 2) * dest_tile_size.height - tiles[4].border_width.height()
+        ) / 2
+        for i in range(0, tiles_h):
+            dest_tiles[tiles_h + i].dest_size.height -= diff_v
+            dest_tiles[tiles_h + i].offset.y -= diff_v  # * tiles[4].scale.y
+            dest_tiles[(tiles_v - 2) * tiles_h + i].dest_size.height -= diff_v
+        for i in range(0, tiles_v):
+            dest_tiles[i * tiles_h + 1].dest_size.width -= diff_h
+            dest_tiles[i * tiles_h + 1].offset.x -= diff_h  # * tiles[4].scale.x
+            dest_tiles[(i + 1) * tiles_h - 2].dest_size.width -= diff_h
+
+    # output the table to simulate the border
+    print("<table>")
+    for i in range(tiles_h):
+        print('<col style="width: ' + str(dest_tiles[i].dest_size.width) + 'px;">')
+    for i in range(tiles_v):
+        print(
+            '<tr style="height: '
+            + str(dest_tiles[i * tiles_h].dest_size.height)
+            + 'px;">'
+        )
+        for j in range(tiles_h):
+            width = dest_tiles[i * tiles_h + j].size.width
+            height = dest_tiles[i * tiles_h + j].size.height
+            # catch any tiles with negative widths/heights
+            # this happends when the total of the border-image-slices > borde drawing area
+            if width <= 0 or height <= 0:
+                print('  <td style="background: white;"></td>')
+            else:
+                print(
+                    '  <td style="background-image: '
+                    + props.source
+                    + "; background-size: "
+                    + str(width)
+                    + "px "
+                    + str(height)
+                    + "px; background-position: "
+                    + str(dest_tiles[i * tiles_h + j].offset.x)
+                    + "px "
+                    + str(dest_tiles[i * tiles_h + j].offset.y)
+                    + 'px;"></td>'
+                )
+        print("</tr>")
+    print("</table>")
+
+
+# start here
+args = sys.argv[1:]
+if len(args) == 0:
+    print("whoops: no source file")
+    exit(1)
+
+
+props = parse(args[0])
+if not check_parse(props):
+    print(dir(props))
+    exit(1)
+props = normalise(props)
+if not check_normalise(props):
+    exit(1)
+compute(props)
diff --git a/layout/reftests/border-image/multicolor-image-1-ref.html b/layout/reftests/border-image/multicolor-image-1-ref.html
new file mode 100644
index 0000000000..56ba68aa98
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+
+  </style>
+</head>
+<body>
+<table>
+  <col style="width: 7px">
+  <col style="width: 100px">
+  <col style="width: 7px">
+
+  <tr style="height: 7px">
+    <td style="background: #87f0b4"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #c98bb7"></td>
+  </tr>
+  <tr style="height: 5px">
+    <td style="background: #90a213"></td>
+    <td style="background: #c9aa7d"></td>
+    <td style="background: #90c157"></td>
+  </tr>
+  <tr style="height: 7px">
+    <td style="background: #9d57c1"></td>
+    <td style="background: #3a8e20"></td>
+    <td style="background: #0e6f6c"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-1.html b/layout/reftests/border-image/multicolor-image-1.html
new file mode 100644
index 0000000000..de76bd27be
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border-width: 7px;
+    border-style: solid;
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    border-image: url('3x3multicolor.png') 1 1 1 1 fill;
+    -khtml-border-image: url('3x3multicolor.png') 1 1 1 1 fill;
+    border-image: url('3x3multicolor.png') 1 1 1 1 fill;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 100px; height: 5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-2-ref.html b/layout/reftests/border-image/multicolor-image-2-ref.html
new file mode 100644
index 0000000000..2adb8d636e
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-2-ref.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+  table { margin-bottom: 2px; }
+
+  </style>
+</head>
+<body>
+
+<table>
+  <col style="width: 11px">
+  <col style="width: 9px">
+  <col style="width: 6px">
+  <tr style="height: 4px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 8px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 4px">
+  <col style="width: 2px">
+  <col style="width: 1px">
+  <tr style="height: 3px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 17px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 3px">
+  <col style="width: 17px">
+  <col style="width: 2px">
+  <tr style="height: 10px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 8px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 5px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0px">
+  <col style="width: 8px">
+  <col style="width: 7px">
+  <tr style="height: 5px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 5px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 2px">
+  <col style="width: 0px">
+  <col style="width: 8px">
+  <tr style="height: 4px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 8px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 10px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 2px">
+  <col style="width: 17px">
+  <col style="width: 0px">
+  <tr style="height: 4px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 10px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0px">
+  <col style="width: 17px">
+  <col style="width: 3px">
+  <tr style="height: 1px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-2.html b/layout/reftests/border-image/multicolor-image-2.html
new file mode 100644
index 0000000000..a35d041b38
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-2.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    margin-bottom: 2px;
+  }
+
+  div.one {
+    border-image: url(10x5multicolor.png) 2 2 1 3 fill;
+    -khtml-border-image: url(10x5multicolor.png) 2 2 1 3 fill;
+    border-image: url(10x5multicolor.png) 2 2 1 3 fill;
+    border-width: 4px 6px 8px 11px;
+    border-style: solid;
+    width: 9px;
+    height: 1px;
+  }
+
+  div.two {
+    border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
+    -khtml-border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
+    border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
+    border-width: 3px 1px 0px 4px;
+    border-style: solid;
+    width: 2px;
+    height: 17px;
+  }
+
+  div.three {
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-width: 10px 2px 5px 3px;
+    border-style: solid;
+    width: 17px;
+    height: 8px;
+  }
+
+  div.four {
+    border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
+    -khtml-border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
+    border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
+    border-width: 5px 7px 1px 0;
+    border-style: solid;
+    width: 8px;
+    height: 5px;
+  }
+
+  div.five {
+    border-width: 4px 8px 10px 2px;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-style: solid;
+    width: 0;
+    height: 8px;
+  }
+
+  div.six {
+    border-width: 4px 0 10px 2px;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-style: solid;
+    width: 17px;
+    height: 0;
+  }
+
+  div.seven {
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+    border-width: 1px 3px 0 0;
+    border-style: solid;
+    width: 17px;
+    height: 0;
+  }
+
+  </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+<div class="five"></div>
+<div class="six"></div>
+<div class="seven"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-3-ref.html b/layout/reftests/border-image/multicolor-image-3-ref.html
new file mode 100644
index 0000000000..ed74e4d7b8
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-3-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image: number repetition</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    margin-bottom: 2px;
+  }
+
+  div.one {
+    border-width: 4px 6px 8px 6px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 2 2 2 2;
+    -khtml-border-image: url(10x5multicolor.png) 2 2 2 2;
+    border-image: url(10x5multicolor.png) 2 2 2 2;
+    width: 5px;
+    height: 2px;
+  }
+
+  div.two {
+    border-width: 4px 4px 4px 4px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 2 1 2 1;
+    -khtml-border-image: url(10x5multicolor.png) 2 1 2 1;
+    border-image: url(10x5multicolor.png) 2 1 2 1;
+    width: 5px;
+    height: 2px;
+  }
+
+  div.three {
+    border-width: 4px 2px 4px 2px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 2 3 1 3;
+    -khtml-border-image: url(10x5multicolor.png) 2 3 1 3;
+    border-image: url(10x5multicolor.png) 2 3 1 3;
+    width: 5px;
+    height: 2px;
+  }
+
+  div.four {
+    border-width: 4px 3px 4px 3px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 2 3 1 1;
+    -khtml-border-image: url(10x5multicolor.png) 2 3 1 1;
+    border-image: url(10x5multicolor.png) 2 3 1 1;
+    width: 5px;
+    height: 2px;
+  }
+
+  </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-3.html b/layout/reftests/border-image/multicolor-image-3.html
new file mode 100644
index 0000000000..7727bb083d
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-3.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image: number repetition</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    margin-bottom: 2px;
+  }
+
+  div.one {
+    border-width: 4px 6px 8px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 2;
+    -khtml-border-image: url(10x5multicolor.png) 2;
+    border-image: url(10x5multicolor.png) 2;
+    width: 5px;
+    height: 2px;
+  }
+
+  div.two {
+    border-width: 4px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 2 1;
+    -khtml-border-image: url(10x5multicolor.png) 2 1;
+    border-image: url(10x5multicolor.png) 2 1;
+    width: 5px;
+    height: 2px;
+  }
+
+  div.three {
+    border-image: url(10x5multicolor.png) 2 3 1;
+    -khtml-border-image: url(10x5multicolor.png) 2 3 1;
+    border-image: url(10x5multicolor.png) 2 3 1;
+    border-width: 4px 2px;
+    border-style: solid;
+    width: 5px;
+    height: 2px;
+  }
+
+  div.four {
+    border-width: 4px 3px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 2 3 1 1;
+    -khtml-border-image: url(10x5multicolor.png) 2 3 1 1;
+    border-image: url(10x5multicolor.png) 2 3 1 1;
+    width: 5px;
+    height: 2px;
+  }
+
+  </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-4-ref.html b/layout/reftests/border-image/multicolor-image-4-ref.html
new file mode 100644
index 0000000000..55e14cb084
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-4-ref.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+  table { margin-bottom: 6px; }
+
+  </style>
+</head>
+<body>
+
+<div style="padding-top: 100px; padding-left: 100px">
+<table>
+  <col style="width: 22px">
+  <col style="width: 18px">
+  <col style="width: 12px">
+  <tr style="height: 12px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 3px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 24px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 8px">
+  <col style="width: 4px">
+  <col style="width: 2px">
+  <tr style="height: 9px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 51px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 6px">
+  <col style="width: 34px">
+  <col style="width: 4px">
+  <tr style="height: 30px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 24px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 15px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0px">
+  <col style="width: 16px">
+  <col style="width: 14px">
+  <tr style="height: 15px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 15px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 3px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 4px">
+  <col style="width: 0px">
+  <col style="width: 16px">
+  <tr style="height: 12px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 24px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 4px">
+  <col style="width: 34px">
+  <col style="width: 0px">
+  <tr style="height: 12px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 30px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0px">
+  <col style="width: 34px">
+  <col style="width: 6px">
+  <tr style="height: 3px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-4.html b/layout/reftests/border-image/multicolor-image-4.html
new file mode 100644
index 0000000000..2ca7380c01
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-4.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  /**
+   * This is a copy of multicolor-image-2.html with a few changes:
+   *   (1) the whole thing is inside a transform
+   *   (2) different border-images have different values for
+   *       repeat/stretch/round
+   */
+
+  body {
+    width: 100px;
+    transform: translate(100px, 100px) scale(2,3);
+    transform-origin: 0 0;
+  }
+
+  div {
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    margin-bottom: 2px;
+  }
+
+  div.one {
+    border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
+    border-width: 4px 6px 8px 11px;
+    border-style: solid;
+    width: 9px;
+    height: 1px;
+  }
+
+  div.two {
+    border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
+    border-width: 3px 1px 0px 4px;
+    border-style: solid;
+    width: 2px;
+    height: 17px;
+  }
+
+  div.three {
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
+    border-width: 10px 2px 5px 3px;
+    border-style: solid;
+    width: 17px;
+    height: 8px;
+  }
+
+  div.four {
+    border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
+    border-width: 5px 7px 1px 0;
+    border-style: solid;
+    width: 8px;
+    height: 5px;
+  }
+
+  div.five {
+    border-width: 4px 8px 10px 2px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
+    width: 0;
+    height: 8px;
+  }
+
+  div.six {
+    border-width: 4px 0 10px 2px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill round repeat;
+    width: 17px;
+    height: 0;
+  }
+
+  div.seven {
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill stretch repeat;
+    border-width: 1px 3px 0 0;
+    border-style: solid;
+    width: 17px;
+    height: 0;
+  }
+
+  </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+<div class="five"></div>
+<div class="six"></div>
+<div class="seven"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-5-ref.html b/layout/reftests/border-image/multicolor-image-5-ref.html
new file mode 100644
index 0000000000..f4e6ab1e18
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-5-ref.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+  table { margin-bottom: 2px; }
+
+  </style>
+</head>
+<body>
+
+<div style="padding-top: 100px; padding-left: 100px">
+<table>
+  <col style="width: 11px">
+  <col style="width: 9px">
+  <col style="width: 6px">
+  <tr style="height: 4px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 8px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 4px">
+  <col style="width: 2px">
+  <col style="width: 1px">
+  <tr style="height: 3px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 17px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 3px">
+  <col style="width: 17px">
+  <col style="width: 2px">
+  <tr style="height: 10px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 8px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 5px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0px">
+  <col style="width: 8px">
+  <col style="width: 7px">
+  <tr style="height: 5px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 5px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 2px">
+  <col style="width: 0px">
+  <col style="width: 8px">
+  <tr style="height: 4px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 8px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 10px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 2px">
+  <col style="width: 17px">
+  <col style="width: 0px">
+  <tr style="height: 4px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 10px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0px">
+  <col style="width: 17px">
+  <col style="width: 3px">
+  <tr style="height: 1px">
+    <td style="background: #93bd5d"></td>
+    <td style="background: #b55dbd"></td>
+    <td style="background: #8d4921"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #21a02c"></td>
+    <td style="background: #4a298e"></td>
+    <td style="background: #ef9b23"></td>
+  </tr>
+  <tr style="height: 0px">
+    <td style="background: #9b733a"></td>
+    <td style="background: #f155ad"></td>
+    <td style="background: #adf3eb"></td>
+  </tr>
+</table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/border-image/multicolor-image-5.html b/layout/reftests/border-image/multicolor-image-5.html
new file mode 100644
index 0000000000..6e3e455219
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-5.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  /**
+   * This is a copy of multicolor-image-2.html with a few changes:
+   *   (1) the whole thing is inside a transform
+   *   (2) different border-images have different values for
+   *       repeat/stretch/round
+   */
+
+  body {
+    width: 100px;
+    /* This transform has no scale, and thus tests pixel-snapping codepaths! */
+    transform: translate(100px, 100px);
+    transform-origin: 0 0;
+  }
+
+  div {
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    margin-bottom: 2px;
+  }
+
+  div.one {
+    border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
+    border-width: 4px 6px 8px 11px;
+    border-style: solid;
+    width: 9px;
+    height: 1px;
+  }
+
+  div.two {
+    border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
+    border-width: 3px 1px 0px 4px;
+    border-style: solid;
+    width: 2px;
+    height: 17px;
+  }
+
+  div.three {
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
+    border-width: 10px 2px 5px 3px;
+    border-style: solid;
+    width: 17px;
+    height: 8px;
+  }
+
+  div.four {
+    border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
+    border-width: 5px 7px 1px 0;
+    border-style: solid;
+    width: 8px;
+    height: 5px;
+  }
+
+  div.five {
+    border-width: 4px 8px 10px 2px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
+    width: 0;
+    height: 8px;
+  }
+
+  div.six {
+    border-width: 4px 0 10px 2px;
+    border-style: solid;
+    border-image: url(10x5multicolor.png) 40% 2 1 30% round repeat;
+    width: 17px;
+    height: 0;
+  }
+
+  div.seven {
+    border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
+    border-width: 1px 3px 0 0;
+    border-style: solid;
+    width: 17px;
+    height: 0;
+  }
+
+  </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+<div class="five"></div>
+<div class="six"></div>
+<div class="seven"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/reftest.list b/layout/reftests/border-image/reftest.list
new file mode 100644
index 0000000000..677d7c65ec
--- /dev/null
+++ b/layout/reftests/border-image/reftest.list
@@ -0,0 +1,97 @@
+== solid-image-1.html solid-image-1-ref.html
+== solid-image-1a.html solid-image-1-ref.html
+== solid-image-2.html solid-image-2-ref.html
+== solid-image-2a.html solid-image-2-ref.html
+== multicolor-image-1.html multicolor-image-1-ref.html
+# This is fuzzy temporarily until bug 1044702 makes it possible to use source
+# clipping on Windows. (Any other fix would have a significant perf cost.)
+fuzzy-if(winWidget,0-1,0-1) == multicolor-image-2.html multicolor-image-2-ref.html
+== multicolor-image-3.html multicolor-image-3-ref.html
+== multicolor-image-4.html multicolor-image-4-ref.html
+== multicolor-image-5.html multicolor-image-5-ref.html
+== transparent-image-1.html transparent-image-1-ref.html
+!= repeat-image-1.html repeat-image-1-ref.html
+== 470250-1.html 470250-1-ref.html
+== 470250-2.html 470250-2-ref.html
+!= different-h-v-1.html different-h-v-ref.html
+!= different-h-v-2.html different-h-v-ref.html
+!= different-h-v-1.html different-h-v-2.html
+== center-scaling-1.html center-scaling-1-ref.html
+fuzzy-if(useDrawSnapshot,35-35,4050-4050) == center-scaling-2.html center-scaling-2-ref.html # Android: very different scaling (blurriness) on some sides
+fuzzy-if(useDrawSnapshot,35-35,5220-5220) == center-scaling-3.html center-scaling-3-ref.html # Android: very different scaling (blurriness) on some sides
+== center-scaling-4t.html center-scaling-4t-ref.html
+== center-scaling-4r.html center-scaling-4r-ref.html
+== center-scaling-4b.html center-scaling-4b-ref.html
+== center-scaling-4l.html center-scaling-4l-ref.html
+== center-scaling-4tb.html center-scaling-4tb-ref.html
+== center-scaling-4lr.html center-scaling-4lr-ref.html
+== side-scaling-1h.html side-scaling-1h-ref.html
+== side-scaling-1v.html side-scaling-1v-ref.html
+== border-image-width-1a.html border-image-width-1-ref.html
+== border-image-width-1b.html border-image-width-1-ref.html
+== border-image-width-1c.html border-image-width-1-ref.html
+== border-image-width-large.html border-image-width-large-ref.html
+== border-image-outset-1a.html border-image-outset-1-ref.html
+== border-image-outset-1b.html border-image-outset-1-ref.html
+== border-image-outset-1c.html border-image-outset-1-ref.html
+== border-image-nofill-1.html border-image-nofill-1-ref.html
+== border-image-outset-resize-1.html border-image-outset-resize-1-ref.html
+fuzzy-if(asyncPan&&!layersGPUAccelerated,0-140,0-514) fuzzy-if(winWidget,0-144,0-448) == border-image-outset-move-1.html border-image-outset-move-1-ref.html
+== border-image-style-none.html border-image-style-none-ref.html
+== border-image-style-none-length.html border-image-style-none-length-ref.html
+== border-image-style-none-auto.html border-image-style-none-auto-ref.html
+
+# The fuzziness here is due to subtle rounding behavior differences
+# between different code paths that aren't necessarily a bug:
+fuzzy(1-150,1-2650) fails-if(useDrawSnapshot) == border-image-repeat-space-8z.html border-image-repeat-space-8z-ref.html
+
+# border images with gradients
+fuzzy-if(!useDrawSnapshot&&!geckoview,1-3,300-1804) == border-image-linear-gradient.html border-image-linear-gradient-ref.html
+fuzzy(0-1,0-350) fuzzy-if(!geckoview,1-3,179-37537) == border-image-linear-gradient-slice-1.html border-image-linear-gradient-slice-1-ref.html
+fuzzy(0-1,0-515) fuzzy-if(OSX,0-1,0-10595) fuzzy-if(!geckoview,1-3,272-25136) == border-image-linear-gradient-slice-2.html border-image-linear-gradient-slice-2-ref.html
+fuzzy(0-1,0-2500) fuzzy-if(!geckoview,1-3,200-86037) == border-image-linear-gradient-slice-fill-1.html border-image-linear-gradient-slice-fill-1-ref.html
+fuzzy(0-1,0-649) fuzzy-if(OSX,0-1,0-25771) fuzzy-if(!Android,0-1,0-546) fuzzy-if(Android,0-1,0-6093) fuzzy-if(!geckoview,1-3,477-57480) == border-image-linear-gradient-slice-fill-2.html border-image-linear-gradient-slice-fill-2-ref.html
+fuzzy(0-1,0-134) fuzzy-if(OSX,0-5,0-1676) fuzzy-if(!geckoview,1-1,0-4537) == border-image-linear-gradient-width.html border-image-linear-gradient-width-ref.html
+fuzzy(0-2,0-60590) fuzzy-if(Android,0-4,0-18022) fuzzy-if(OSX,0-1,0-15000) fuzzy-if(!useDrawSnapshot&&!geckoview,1-2,3900-60581) == border-image-linear-gradient-slice-width.html border-image-linear-gradient-slice-width-ref.html
+fuzzy(0-2,0-26758) fuzzy-if(OSX,0-1,0-6000) fuzzy-if(!geckoview,1-3,2400-26758) == border-image-linear-gradient-outset.html border-image-linear-gradient-outset-ref.html
+fuzzy(0-1,0-400) fuzzy-if(!geckoview,1-3,200-26872) == border-image-linear-gradient-repeat-repeat-1.html border-image-linear-gradient-repeat-repeat-1-ref.html
+fuzzy(0-1,0-300) fuzzy-if(!geckoview,1-3,200-27131) == border-image-linear-gradient-repeat-round-1.html border-image-linear-gradient-repeat-round-1-ref.html
+fuzzy-if(Android,0-1,0-1894) fuzzy-if(!useDrawSnapshot&&!geckoview,1-2,2400-67805) == border-image-linear-gradient-repeat-repeat-2.html border-image-linear-gradient-repeat-repeat-2-ref.html
+fuzzy(0-1,0-2000) fuzzy-if(!geckoview,1-2,288-9500) == border-image-linear-gradient-repeat-round-2.html border-image-linear-gradient-repeat-round-2-ref.html
+fuzzy(0-1,0-8533) fuzzy-if(!geckoview&&!swgl,1-3,972-9500) == border-image-linear-gradient-repeat-repeat-3.html border-image-linear-gradient-repeat-repeat-3-ref.html
+fuzzy(0-3,0-107563) fuzzy-if(!geckoview&&!swgl,1-3,1000-107563) == border-image-linear-gradient-repeat-round-3.html border-image-linear-gradient-repeat-round-3-ref.html
+
+fuzzy(0-1,0-2096) == border-image-radial-gradient.html border-image-radial-gradient-ref.html
+fuzzy(0-1,0-37818) == border-image-radial-gradient-slice-1.html border-image-radial-gradient-slice-1-ref.html
+fuzzy(0-1,0-26363) == border-image-radial-gradient-slice-2.html border-image-radial-gradient-slice-2-ref.html
+fuzzy(0-1,0-90873) == border-image-radial-gradient-slice-fill-1.html border-image-radial-gradient-slice-fill-1-ref.html
+fuzzy(0-1,0-61729) == border-image-radial-gradient-slice-fill-2.html border-image-radial-gradient-slice-fill-2-ref.html
+fuzzy(0-2,0-4894) == border-image-radial-gradient-width.html border-image-radial-gradient-width-ref.html
+fuzzy(0-3,0-66698) == border-image-radial-gradient-slice-width.html border-image-radial-gradient-slice-width-ref.html
+
+# OS X failures tracked in bug 957025
+fuzzy-if(!useDrawSnapshot&&!geckoview,1-4,455-2000) == border-image-repeating-linear-gradient.html border-image-repeating-linear-gradient-ref.html
+fails-if(OSX) fuzzy(0-3,0-95449) == border-image-repeating-linear-gradient-slice-fill-2.html border-image-repeating-linear-gradient-slice-fill-2-ref.html
+fails-if(OSX) fuzzy(0-3,0-20000) fuzzy-if(!geckoview,1-4,800-14000) == border-image-repeating-linear-gradient-repeat-round-2.html border-image-repeating-linear-gradient-repeat-round-2-ref.html
+
+fuzzy(0-3,0-3008) == border-image-repeating-radial-gradient.html border-image-repeating-radial-gradient-ref.html
+fuzzy(0-3,0-62078) == border-image-repeating-radial-gradient-slice-1.html border-image-repeating-radial-gradient-slice-1-ref.html
+fuzzy(0-3,0-40536) == border-image-repeating-radial-gradient-slice-2.html border-image-repeating-radial-gradient-slice-2-ref.html
+fuzzy(0-3,0-1794) fuzzy-if(!geckoview,1-3,30-12194) == border-image-repeating-radial-gradient-slice-fill-1.html border-image-repeating-radial-gradient-slice-fill-1-ref.html
+fails-if(OSX) fuzzy(0-3,0-1435) fuzzy-if(!geckoview,1-2,20-8000) == border-image-repeating-radial-gradient-slice-fill-2.html border-image-repeating-radial-gradient-slice-fill-2-ref.html
+fuzzy(0-3,0-7441) == border-image-repeating-radial-gradient-width.html border-image-repeating-radial-gradient-width-ref.html
+fails-if(OSX) fuzzy(0-8,0-99728) == border-image-repeating-radial-gradient-slice-width.html border-image-repeating-radial-gradient-slice-width-ref.html
+fuzzy(0-3,0-117768) == border-image-repeating-radial-gradient-repeat-repeat-2.html border-image-repeating-radial-gradient-repeat-repeat-2-ref.html
+fails-if(OSX) fuzzy(0-3,0-116185) == border-image-repeating-radial-gradient-repeat-round-2.html border-image-repeating-radial-gradient-repeat-round-2-ref.html
+
+# border-image-source (-moz-)element
+fuzzy(0-125,0-5903) == border-image-element.html border-image-element-ref.html
+
+# svg-as-border-image
+== svg-as-border-image-1a.html svg-as-border-image-1-ref.html
+== svg-as-border-image-1b.html svg-as-border-image-1-ref.html
+== svg-as-border-image-1c.html svg-as-border-image-1-ref.html
+== svg-as-border-image-2.html svg-as-border-image-2-ref.html
+== svg-as-border-image-3.html svg-as-border-image-3-ref.html
+== svg-as-border-image-4a.html svg-as-border-image-4-ref.html
+== svg-as-border-image-4b.html svg-as-border-image-4-ref.html
diff --git a/layout/reftests/border-image/repeat-image-1-ref.html b/layout/reftests/border-image/repeat-image-1-ref.html
new file mode 100644
index 0000000000..73620462c5
--- /dev/null
+++ b/layout/reftests/border-image/repeat-image-1-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+  td { padding: 0; }
+
+  </style>
+</head>
+<body>
+<table>
+  <col style="width: 3px">
+  <col style="width: 1px">
+  <col style="width: 1px">
+  <col style="width: 1px">
+  <col style="width: 1px">
+  <col style="width: 3px">
+
+  <tr style="height: 1px">
+    <td style="background: #ff0000"></td>
+    <td style="background: #00ff00"></td>
+    <td style="background: #0000ff"></td>
+    <td style="background: #00ff00"></td>
+    <td style="background: #0000ff"></td>
+    <td style="background: #ff0000"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #00ff00"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #0000ff"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #0000ff"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #ff0000"></td>
+    <td style="background: #00ff00"></td>
+  </tr>
+  <tr style="height: 1px">
+    <td style="background: #ff0000"></td>
+    <td style="background: #00ff00"></td>
+    <td style="background: #0000ff"></td>
+    <td style="background: #00ff00"></td>
+    <td style="background: #0000ff"></td>
+    <td style="background: #ff0000"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/border-image/repeat-image-1.html b/layout/reftests/border-image/repeat-image-1.html
new file mode 100644
index 0000000000..87705a0b7c
--- /dev/null
+++ b/layout/reftests/border-image/repeat-image-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div.p1 {
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    border-width: 1px 3px;
+    border-style: solid;
+    border-image: url('4x4multicolor.png') 1 1 1 1 repeat;
+    -khtml-border-image: url('4x4multicolor.png') 1 1 1 1 repeat;
+    border-image: url('4x4multicolor.png') 1 1 1 1 repeat;
+  }
+
+  div.p2 {
+    background: red; /* fail if this shows through */
+    background-image: url('3x3multicolor.png'); /* fail if this shows through */
+    border-width: 1px 3px;
+    border-style: solid;
+    border-image: url('4x4multicolor.png') 1 1 1 1;
+    -khtml-border-image: url('4x4multicolor.png') 1 1 1 1;
+    border-image: url('4x4multicolor.png') 1 1 1 1;
+  }
+
+  </style>
+</head>
+<body>
+<div class="p1" style="width: 4px; height: 2px"></div>
+<!--<div class="p2" style="width: 4px; height: 2px"></div> -->
+</body>
+</html>
diff --git a/layout/reftests/border-image/reticule-bl.png b/layout/reftests/border-image/reticule-bl.png
new file mode 100644
index 0000000000..6abbaf319f
Binary files /dev/null and b/layout/reftests/border-image/reticule-bl.png differ
diff --git a/layout/reftests/border-image/reticule-bo.png b/layout/reftests/border-image/reticule-bo.png
new file mode 100644
index 0000000000..f72a67381c
Binary files /dev/null and b/layout/reftests/border-image/reticule-bo.png differ
diff --git a/layout/reftests/border-image/reticule-br.png b/layout/reftests/border-image/reticule-br.png
new file mode 100644
index 0000000000..84e22afe2a
Binary files /dev/null and b/layout/reftests/border-image/reticule-br.png differ
diff --git a/layout/reftests/border-image/reticule-ct.png b/layout/reftests/border-image/reticule-ct.png
new file mode 100644
index 0000000000..71ac10f611
Binary files /dev/null and b/layout/reftests/border-image/reticule-ct.png differ
diff --git a/layout/reftests/border-image/reticule-le.png b/layout/reftests/border-image/reticule-le.png
new file mode 100644
index 0000000000..abe56ffad6
Binary files /dev/null and b/layout/reftests/border-image/reticule-le.png differ
diff --git a/layout/reftests/border-image/reticule-ri.png b/layout/reftests/border-image/reticule-ri.png
new file mode 100644
index 0000000000..95d7db8423
Binary files /dev/null and b/layout/reftests/border-image/reticule-ri.png differ
diff --git a/layout/reftests/border-image/reticule-tl.png b/layout/reftests/border-image/reticule-tl.png
new file mode 100644
index 0000000000..8a3516998a
Binary files /dev/null and b/layout/reftests/border-image/reticule-tl.png differ
diff --git a/layout/reftests/border-image/reticule-to.png b/layout/reftests/border-image/reticule-to.png
new file mode 100644
index 0000000000..d1b082c9ba
Binary files /dev/null and b/layout/reftests/border-image/reticule-to.png differ
diff --git a/layout/reftests/border-image/reticule-tr.png b/layout/reftests/border-image/reticule-tr.png
new file mode 100644
index 0000000000..cd9bb5a5a4
Binary files /dev/null and b/layout/reftests/border-image/reticule-tr.png differ
diff --git a/layout/reftests/border-image/reticule.png b/layout/reftests/border-image/reticule.png
new file mode 100644
index 0000000000..02c7d10e76
Binary files /dev/null and b/layout/reftests/border-image/reticule.png differ
diff --git a/layout/reftests/border-image/roundrectbutton.png b/layout/reftests/border-image/roundrectbutton.png
new file mode 100644
index 0000000000..c194fdc5fb
Binary files /dev/null and b/layout/reftests/border-image/roundrectbutton.png differ
diff --git a/layout/reftests/border-image/side-scaling-1h-ref.html b/layout/reftests/border-image/side-scaling-1h-ref.html
new file mode 100644
index 0000000000..2b306c385a
--- /dev/null
+++ b/layout/reftests/border-image/side-scaling-1h-ref.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html><head>
+<title>border-image: repeat with zero-height top and bottom</title>
+<style>
+span {
+  display: inline-block;
+  margin: 10px;
+  box-sizing: border-box;
+  height: 24px;
+  border-style: solid;
+  border-color: transparent;
+  border-width: 0 6px;
+  border-image: url("roundrectbutton.png") 0 6 repeat stretch;
+}
+</style>
+</head><body>
+<p>
+<span style="width:12px"></span>
+<span style="width:13px"></span>
+<span style="width:14px"></span>
+<span style="width:16px"></span>
+<span style="width:18px"></span>
+<span style="width:20px"></span>
+<span style="width:25px"></span>
+<span style="width:30px"></span>
+<span style="width:40px"></span>
+</p>
+</body></html>
diff --git a/layout/reftests/border-image/side-scaling-1h.html b/layout/reftests/border-image/side-scaling-1h.html
new file mode 100644
index 0000000000..6ad0369af9
--- /dev/null
+++ b/layout/reftests/border-image/side-scaling-1h.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html><head>
+<title>border-image: repeat with zero-height top and bottom</title>
+<style>
+span {
+  display: inline-block;
+  margin: 10px;
+  box-sizing: border-box;
+  height: 24px;
+  border-style: solid;
+  border-color: transparent;
+  border-width: 0 6px;
+  border-image: url("roundrectbutton.png") 0 6 repeat;
+}
+</style>
+</head><body>
+<p>
+<span style="width:12px"></span>
+<span style="width:13px"></span>
+<span style="width:14px"></span>
+<span style="width:16px"></span>
+<span style="width:18px"></span>
+<span style="width:20px"></span>
+<span style="width:25px"></span>
+<span style="width:30px"></span>
+<span style="width:40px"></span>
+</p>
+</body></html>
diff --git a/layout/reftests/border-image/side-scaling-1v-ref.html b/layout/reftests/border-image/side-scaling-1v-ref.html
new file mode 100644
index 0000000000..735ecf3cfa
--- /dev/null
+++ b/layout/reftests/border-image/side-scaling-1v-ref.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html><head>
+<title>border-image: repeat with zero-width left and right</title>
+<style>
+span {
+  display: inline-block;
+  margin: 5px;
+  box-sizing: border-box;
+  width: 13px;
+  border-style: solid;
+  border-color: transparent;
+  border-width: 10px 0;
+  border-image: url("roundrectbutton.png") 10 0 stretch repeat;
+}
+</style>
+</head><body>
+<p>
+<span style="height:24px"></span>
+<span style="height:25px"></span>
+<span style="height:26px"></span>
+<span style="height:27px"></span>
+<span style="height:28px"></span>
+<span style="height:30px"></span>
+<span style="height:35px"></span>
+<span style="height:40px"></span>
+<span style="height:50px"></span>
+</p>
+</body></html>
diff --git a/layout/reftests/border-image/side-scaling-1v.html b/layout/reftests/border-image/side-scaling-1v.html
new file mode 100644
index 0000000000..b3c99f6a28
--- /dev/null
+++ b/layout/reftests/border-image/side-scaling-1v.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html><head>
+<title>border-image: repeat with zero-width left and right</title>
+<style>
+span {
+  display: inline-block;
+  margin: 5px;
+  box-sizing: border-box;
+  width: 13px;
+  border-style: solid;
+  border-color: transparent;
+  border-width: 10px 0;
+  border-image: url("roundrectbutton.png") 10 0 repeat;
+}
+</style>
+</head><body>
+<p>
+<span style="height:24px"></span>
+<span style="height:25px"></span>
+<span style="height:26px"></span>
+<span style="height:27px"></span>
+<span style="height:28px"></span>
+<span style="height:30px"></span>
+<span style="height:35px"></span>
+<span style="height:40px"></span>
+<span style="height:50px"></span>
+</p>
+</body></html>
diff --git a/layout/reftests/border-image/solid-image-1-ref.html b/layout/reftests/border-image/solid-image-1-ref.html
new file mode 100644
index 0000000000..511dc115b7
--- /dev/null
+++ b/layout/reftests/border-image/solid-image-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+<div style="border: solid #1DD813 1em;">border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/solid-image-1.html b/layout/reftests/border-image/solid-image-1.html
new file mode 100644
index 0000000000..ef28ba1141
--- /dev/null
+++ b/layout/reftests/border-image/solid-image-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    border-width: 1em;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    -khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+  }
+  </style>
+</head>
+<body>
+<div>border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/solid-image-1a.html b/layout/reftests/border-image/solid-image-1a.html
new file mode 100644
index 0000000000..af60a75e36
--- /dev/null
+++ b/layout/reftests/border-image/solid-image-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    border-width: 1em;
+    border-style: solid;
+    border-image-source: url('3x3green-1DD813.png');
+    border-image-slice: 1 1 1 1;
+  }
+  </style>
+</head>
+<body>
+<div>border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/solid-image-2-ref.html b/layout/reftests/border-image/solid-image-2-ref.html
new file mode 100644
index 0000000000..640791fea7
--- /dev/null
+++ b/layout/reftests/border-image/solid-image-2-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border: 10px solid #1DD813;
+    margin: 1px;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 50px; height: 5px"></div>
+<div style="width: 51px; height: 5px"></div>
+<div style="width: 52px; height: 5px"></div>
+<div style="width: 53px; height: 5px"></div>
+<div style="width: 54px; height: 5px"></div>
+<div style="width: 55px; height: 5px"></div>
+<div style="width: 56px; height: 5px"></div>
+<div style="width: 57px; height: 5px"></div>
+<div style="width: 58px; height: 5px"></div>
+<div style="width: 59px; height: 5px"></div>
+<div style="width: 550px; height: 5px"></div>
+<div style="width: 551px; height: 5px"></div>
+<div style="width: 552px; height: 5px"></div>
+<div style="width: 553px; height: 5px"></div>
+<div style="width: 554px; height: 5px"></div>
+<div style="width: 555px; height: 5px"></div>
+<div style="width: 556px; height: 5px"></div>
+<div style="width: 557px; height: 5px"></div>
+<div style="width: 558px; height: 5px"></div>
+<div style="width: 559px; height: 5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/solid-image-2.html b/layout/reftests/border-image/solid-image-2.html
new file mode 100644
index 0000000000..fe1837f511
--- /dev/null
+++ b/layout/reftests/border-image/solid-image-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border-width: 10px;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    -khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1;
+    margin: 1px;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 50px; height: 5px"></div>
+<div style="width: 51px; height: 5px"></div>
+<div style="width: 52px; height: 5px"></div>
+<div style="width: 53px; height: 5px"></div>
+<div style="width: 54px; height: 5px"></div>
+<div style="width: 55px; height: 5px"></div>
+<div style="width: 56px; height: 5px"></div>
+<div style="width: 57px; height: 5px"></div>
+<div style="width: 58px; height: 5px"></div>
+<div style="width: 59px; height: 5px"></div>
+<div style="width: 550px; height: 5px"></div>
+<div style="width: 551px; height: 5px"></div>
+<div style="width: 552px; height: 5px"></div>
+<div style="width: 553px; height: 5px"></div>
+<div style="width: 554px; height: 5px"></div>
+<div style="width: 555px; height: 5px"></div>
+<div style="width: 556px; height: 5px"></div>
+<div style="width: 557px; height: 5px"></div>
+<div style="width: 558px; height: 5px"></div>
+<div style="width: 559px; height: 5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/solid-image-2a.html b/layout/reftests/border-image/solid-image-2a.html
new file mode 100644
index 0000000000..3e2f48f60d
--- /dev/null
+++ b/layout/reftests/border-image/solid-image-2a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div {
+    border-width: 10px;
+    border-style: solid;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
+    -khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
+    border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
+    margin: 1px;
+  }
+
+  </style>
+</head>
+<body>
+<div style="width: 50px; height: 5px"></div>
+<div style="width: 51px; height: 5px"></div>
+<div style="width: 52px; height: 5px"></div>
+<div style="width: 53px; height: 5px"></div>
+<div style="width: 54px; height: 5px"></div>
+<div style="width: 55px; height: 5px"></div>
+<div style="width: 56px; height: 5px"></div>
+<div style="width: 57px; height: 5px"></div>
+<div style="width: 58px; height: 5px"></div>
+<div style="width: 59px; height: 5px"></div>
+<div style="width: 550px; height: 5px"></div>
+<div style="width: 551px; height: 5px"></div>
+<div style="width: 552px; height: 5px"></div>
+<div style="width: 553px; height: 5px"></div>
+<div style="width: 554px; height: 5px"></div>
+<div style="width: 555px; height: 5px"></div>
+<div style="width: 556px; height: 5px"></div>
+<div style="width: 557px; height: 5px"></div>
+<div style="width: 558px; height: 5px"></div>
+<div style="width: 559px; height: 5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-1-ref.html b/layout/reftests/border-image/svg-as-border-image-1-ref.html
new file mode 100644
index 0000000000..ea2a51381b
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>reference of svg-as-border-image</title>
+<style>
+div.border {
+  width: 40px;
+  height: 40px;
+  background-color: blue;
+  background-repeat: no-repeat;
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect x="0" y="0" width="15" height="15" fill="pink"/><rect x="25" y="25" width="15" height="15" fill="green"/></svg>');
+}
+
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-1a.html b/layout/reftests/border-image/svg-as-border-image-1a.html
new file mode 100644
index 0000000000..6b5eaf405d
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-1a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of svg-as-border-image</title>
+<style>
+div.border {
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border: 15px solid;
+  border-image: 25% url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" ><rect x="0" y="0" width="10" height="10" fill="pink"/><rect x="30" y="30" width="10" height="10" fill="green"/></svg>');
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-1b.html b/layout/reftests/border-image/svg-as-border-image-1b.html
new file mode 100644
index 0000000000..2c3e5d92bc
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of svg-as-border-image</title>
+<style>
+div.border {
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border: 15px solid;
+  border-image: 25% url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="25%" height="25%" fill="pink"/><rect x="75%" y="75%" width="25%" height="25%" fill="green"/></svg>');
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-1c.html b/layout/reftests/border-image/svg-as-border-image-1c.html
new file mode 100644
index 0000000000..2ab2642e6b
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-1c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of svg-as-border-image</title>
+<style>
+div.border {
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border: 15px solid;
+  border-image: 25% url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 20" preserveAspectRatio="xMaxYMid slice"><rect x="0" y="0" width="10" height="5" fill="pink"/><rect x="30" y="15" width="10" height="5" fill="green"/></svg>');
+}
+</style>
+</head>
+<body>
+<div class="border"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-2-ref.html b/layout/reftests/border-image/svg-as-border-image-2-ref.html
new file mode 100644
index 0000000000..72cd23b153
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>reference for svg-as-border-image</title>
+<style>
+div.border {
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border: 10px solid;
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="240px" height="240px" viewBox="0 0 240 240"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch;
+}
+</style>
+</head>
+<body>
+<div class="border" style="width:100px;height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-2.html b/layout/reftests/border-image/svg-as-border-image-2.html
new file mode 100644
index 0000000000..56d9e3b81c
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of svg-as-border-image</title>
+<style>
+div.border {
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border: 10px solid;
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch;
+}
+</style>
+</head>
+<body>
+<div class="border" style="width:100px;height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-3-ref.html b/layout/reftests/border-image/svg-as-border-image-3-ref.html
new file mode 100644
index 0000000000..42c176b866
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-3-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>reference for svg-as-border-image</title>
+<style>
+div.border {
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border: 10px solid;
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch;
+}
+</style>
+</head>
+<body>
+<div class="border" style="width:200px;height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-3.html b/layout/reftests/border-image/svg-as-border-image-3.html
new file mode 100644
index 0000000000..44403c15c1
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>test of svg-as-border-image</title>
+<style>
+div.border {
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border: 10px solid;
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch;
+}
+</style>
+</head>
+<body>
+<div class="border" style="width:200px;height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-4-ref.html b/layout/reftests/border-image/svg-as-border-image-4-ref.html
new file mode 100644
index 0000000000..1fcff1f834
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-4-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<title>reference of svg-as-border-image</title>
+<style type="text/css">
+div {
+  width: 100px;
+  height: 100px;
+  margin: 30px;
+  border-width: 30px;
+  border-style: solid;
+}
+#border5p {
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch;
+}
+#border25p {
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 25% stretch;
+}
+</style>
+</head>
+<body>
+<div id="border5p"></div>
+<div id="border25p"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-4a.html b/layout/reftests/border-image/svg-as-border-image-4a.html
new file mode 100644
index 0000000000..ec4f54e61a
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-4a.html
@@ -0,0 +1,33 @@
+<html class="reftest-wait">
+<head>
+<title>test of svg-as-border-image</title>
+<style type="text/css">
+div {
+  width: 400px;
+  height: 100px;
+  margin: 30px;
+  border-width: 30px;
+  border-style: solid;
+}
+#border5p {
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch;
+}
+#border25p {
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 25% stretch;
+}
+</style>
+<script>
+function resizeDiv() {
+  document.getElementById('border5p').style.width = '100px';
+  document.getElementById('border25p').style.width = '100px';
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener('MozReftestInvalidate', resizeDiv);
+</script>
+</head>
+<body>
+<div id="border5p"></div>
+<div id="border25p"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/svg-as-border-image-4b.html b/layout/reftests/border-image/svg-as-border-image-4b.html
new file mode 100644
index 0000000000..80600ebe90
--- /dev/null
+++ b/layout/reftests/border-image/svg-as-border-image-4b.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<title>test of svg-as-border-image</title>
+<style type="text/css">
+div {
+  width: 100px;
+  height: 100px;
+  margin: 30px;
+  border-width: 30px;
+  border-style: solid;
+  transform: translate(100px, 200px);
+}
+#border5p {
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch;
+}
+#border25p {
+  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 25% stretch;
+}
+</style>
+</head>
+<body style="transform: translate(-100px, -200px);">
+<div id="border5p"></div>
+<div id="border25p"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/transparent-image-1-ref.html b/layout/reftests/border-image/transparent-image-1-ref.html
new file mode 100644
index 0000000000..cf1b72dfc7
--- /dev/null
+++ b/layout/reftests/border-image/transparent-image-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+<div style="padding: 1em;">border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line</div>
+</body>
+</html>
diff --git a/layout/reftests/border-image/transparent-image-1.html b/layout/reftests/border-image/transparent-image-1.html
new file mode 100644
index 0000000000..397d470a45
--- /dev/null
+++ b/layout/reftests/border-image/transparent-image-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of border-image</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+  div {
+    border: double orange 1em;
+    border-image: url('3x3transparent.png') 1 1 1 1;
+    -khtml-border-image: url('3x3transparent.png') 1 1 1 1;
+    border-image: url('3x3transparent.png') 1 1 1 1;
+  }
+  </style>
+</head>
+<body>
+<div>border.png<br />second longer longer longer longer longer longer line<br />third longer longer longer longer longer longer line</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/border-circle-2-ref.xhtml b/layout/reftests/border-radius/border-circle-2-ref.xhtml
new file mode 100644
index 0000000000..b589b4d04b
--- /dev/null
+++ b/layout/reftests/border-radius/border-circle-2-ref.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body style="margin: 0">
+ <svg width="100px" height="100px" version="1.1"
+      xmlns="http://www.w3.org/2000/svg">
+   <rect style="fill: black; stroke: none"
+         width="70" height="70"
+	 x="8" y="8"
+	 rx="10" ry="10"/>
+ </svg>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/border-circle-2.html b/layout/reftests/border-radius/border-circle-2.html
new file mode 100644
index 0000000000..6ad0321abc
--- /dev/null
+++ b/layout/reftests/border-radius/border-circle-2.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html><head>
+<title>Circular border</title>
+<style>
+body { margin: 0 }
+div {
+  margin-left: 8px; margin-top: 8px;
+  width: 50px; height: 50px; 
+  border: 10px solid black; 
+  border-radius: 10px;
+}
+div > div {
+  margin: 0; width: 50px; height: 50px;
+  border-radius: 0;
+  background: black;
+  border: none;
+}
+</style>
+</head>
+<body><div><div></div></div></body></html>
diff --git a/layout/reftests/border-radius/border-circle.html b/layout/reftests/border-radius/border-circle.html
new file mode 100644
index 0000000000..02fbebe7ac
--- /dev/null
+++ b/layout/reftests/border-radius/border-circle.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html><head>
+<title>Circular border</title>
+<style>
+div { width: 50px; height: 50px;
+      border: 10px solid black; 
+      border-radius: 10px;
+}
+</style>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/border-radius/border-ellips.html b/layout/reftests/border-radius/border-ellips.html
new file mode 100644
index 0000000000..94c53fafa0
--- /dev/null
+++ b/layout/reftests/border-radius/border-ellips.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html><head>
+<title>Elliptical border</title>
+<style>
+div { width: 50px; height: 50px;
+      border: 10px solid black; 
+      border-radius: 10px / 20px;
+}
+</style>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/border-radius/border-reduce-height-ref.html b/layout/reftests/border-radius/border-reduce-height-ref.html
new file mode 100644
index 0000000000..0c28216dac
--- /dev/null
+++ b/layout/reftests/border-radius/border-reduce-height-ref.html
@@ -0,0 +1,19 @@
+<html>
+  <head>
+    <style>
+      div { box-sizing: border-box;
+            width: 60px;
+            height: 20px;
+            border: 2px solid black;
+            background: green;
+            position: absolute;
+            top: 12px;
+            left: 12px;
+            border-radius: 4px 16px 4px 16px;
+          }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/border-radius/border-reduce-height.html b/layout/reftests/border-radius/border-reduce-height.html
new file mode 100644
index 0000000000..db0310a6ba
--- /dev/null
+++ b/layout/reftests/border-radius/border-reduce-height.html
@@ -0,0 +1,19 @@
+<html>
+  <head>
+    <style>
+      div { box-sizing: border-box;
+            width: 60px;
+            height: 20px;
+            border: 2px solid black;
+            background: green;
+            position: absolute;
+            top: 12px;
+            left: 12px;
+            border-radius: 5px 20px 5px 20px;
+          }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/border-radius/border-square.html b/layout/reftests/border-radius/border-square.html
new file mode 100644
index 0000000000..4e16637bbe
--- /dev/null
+++ b/layout/reftests/border-radius/border-square.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html><head>
+<title>Square border</title>
+<style>
+div { width: 50px; height: 50px;
+      border: 10px solid black; 
+}
+</style>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/border-radius/border-value-interpret-ref.html b/layout/reftests/border-radius/border-value-interpret-ref.html
new file mode 100644
index 0000000000..c9a42716b0
--- /dev/null
+++ b/layout/reftests/border-radius/border-value-interpret-ref.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Test different types of values with border radius</title>
+    <!-- This bug will break when bug 451134 is fixed -->
+    <style>
+      div { width: 200px;
+            height: 200px;
+            background: green;
+            border: 10px dashed black;
+            border-top-left-radius: 2em 10px;
+            border-top-right-radius: 10px 0.5em;
+            border-bottom-right-radius: 3em 10px;
+            border-bottom-left-radius: 10px 0.5em;
+          }
+
+</style>
+</head>
+<body>
+  <div></div>
+</body></html>
diff --git a/layout/reftests/border-radius/border-value-interpret.html b/layout/reftests/border-radius/border-value-interpret.html
new file mode 100644
index 0000000000..16ee01c973
--- /dev/null
+++ b/layout/reftests/border-radius/border-value-interpret.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Test different types of values with border radius</title>
+    <style>
+      div { width: 200px;
+            height: 200px;
+            background: green;
+            border: 10px dashed black}
+
+      /* Test interpreted values */
+      #test1 { border-radius: 2em 10px 3em / 10px 0.5em }
+
+</style>
+</head>
+<body>
+  <div id="test1"></div>
+</body></html>
diff --git a/layout/reftests/border-radius/clipping-1-ref.html b/layout/reftests/border-radius/clipping-1-ref.html
new file mode 100644
index 0000000000..f02eee730b
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-1-ref.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html><head>
+<title>Border clipping</title>
+<style>
+.div1 { width: 50px; height: 50px;
+      border: 10px solid black; 
+      border-radius: 20px;
+      position: fixed;
+      left: 50px;
+      top: 50px;
+}
+
+.div2 {
+      width: 40px; height: 40px;
+      border: 10px solid black;
+      background: black; 
+      border-radius: 10px;
+      position: fixed;
+      left: 55px;
+      top: 55px;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"/>
+  <div class="div2"/>
+</body></html>
diff --git a/layout/reftests/border-radius/clipping-1.html b/layout/reftests/border-radius/clipping-1.html
new file mode 100644
index 0000000000..979af78817
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-1.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html><head>
+<title>Border clipping</title>
+<style>
+.div1 { width: 50px; height: 50px;
+      border: 10px solid black; 
+      border-radius: 20px;
+      position: absolute;
+      background: black;
+      left: 50px;
+      top: 50px;
+      background-clip: padding-box;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"></div>
+</body></html>
diff --git a/layout/reftests/border-radius/clipping-2.html b/layout/reftests/border-radius/clipping-2.html
new file mode 100644
index 0000000000..b0630a7fb2
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-2.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html><head>
+<title>Border clipping</title>
+<style>
+.div1 { width: 50px; height: 50px;
+      border: 4px dotted black; 
+      border-radius: 10px;
+      position: fixed;
+      background: red;
+      left: 50px;
+      top: 50px;
+      background-clip: padding-box;
+}
+
+.div2 { width: 50px; height: 50px;
+      border: 4px dotted black; 
+      border-radius: 10px;
+      position: fixed;
+      background: red;
+      left: 50px;
+      top: 140px;
+      background-clip: border-box;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"/>
+  <div class="div2"/>
+</body></html>
diff --git a/layout/reftests/border-radius/clipping-3-ref.xhtml b/layout/reftests/border-radius/clipping-3-ref.xhtml
new file mode 100644
index 0000000000..9cab93dbd7
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-3-ref.xhtml
@@ -0,0 +1,19 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body style="margin: 0">
+  <div class="div1"/>
+  
+ <svg width="200px" height="200px" version="1.1"
+      xmlns="http://www.w3.org/2000/svg">
+      
+      <rect style="fill: blue; stroke: none"
+            width="70" height="70"
+   	 x="50" y="50"/>
+
+   <rect style="fill: red; stroke: none"
+         width="70" height="70"
+	 x="80" y="80"
+	 rx="10" ry="10"/>
+
+ </svg>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/clipping-3.html b/layout/reftests/border-radius/clipping-3.html
new file mode 100644
index 0000000000..af52adb304
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-3.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html><head>
+<title>Border clipping</title>
+<style>
+.div1 { width: 50px; height: 50px;
+      border: 10px solid blue; 
+      position: fixed;
+      background: blue;
+      left: 50px;
+      top: 50px;
+}
+
+.div2 { width: 50px; height: 50px;
+      border: 10px solid red; 
+      position: fixed;
+      background: red;
+      left: 80px;
+      top: 80px;
+      border-radius: 10px;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"/>
+  <div class="div2"/>
+</body></html>
diff --git a/layout/reftests/border-radius/clipping-4-canvas.html b/layout/reftests/border-radius/clipping-4-canvas.html
new file mode 100644
index 0000000000..c7836b8370
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-4-canvas.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+canvas {
+  border-radius: 25px;
+}
+</style>
+<canvas id="canvas" height="100" width="200"></canvas>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>
diff --git a/layout/reftests/border-radius/clipping-4-image.html b/layout/reftests/border-radius/clipping-4-image.html
new file mode 100644
index 0000000000..8fedba7221
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-4-image.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+img {
+  height: 100px;
+  width: 200px;
+  border-radius: 25px;
+}
+</style>
+<img src="../pixel-rounding/lime-25x25.png" alt="">
diff --git a/layout/reftests/border-radius/clipping-4-notref.html b/layout/reftests/border-radius/clipping-4-notref.html
new file mode 100644
index 0000000000..816856f3e1
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-4-notref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+div {
+  background: lime;
+  height: 100px;
+  width: 200px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-radius/clipping-4-overflow-hidden.html b/layout/reftests/border-radius/clipping-4-overflow-hidden.html
new file mode 100644
index 0000000000..734fdef20a
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-4-overflow-hidden.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+body > div {
+  height: 100px;
+  width: 200px;
+  border-radius: 25px;
+  overflow: hidden;
+}
+body > div > div {
+  background: lime;
+  height: 100px;
+  width: 200px;
+}
+</style>
+<div><div></div></div>
diff --git a/layout/reftests/border-radius/clipping-4-ref.html b/layout/reftests/border-radius/clipping-4-ref.html
new file mode 100644
index 0000000000..ebe86707f3
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-4-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+div {
+  background: lime;
+  height: 100px;
+  width: 200px;
+  border-radius: 25px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-radius/clipping-5-canvas.html b/layout/reftests/border-radius/clipping-5-canvas.html
new file mode 100644
index 0000000000..62c05ccf4c
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-canvas.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+canvas {
+  border-color: transparent;
+  border-style: solid;
+  border-width: 1px 1px 3px 3px;
+  padding: 0px 1px 1px 5px;
+  /* border + padding: 1px 2px 4px 8px */
+  margin: 17px;
+  border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
+}
+</style>
+<canvas id="canvas" height="100" width="200"></canvas>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>
diff --git a/layout/reftests/border-radius/clipping-5-image.html b/layout/reftests/border-radius/clipping-5-image.html
new file mode 100644
index 0000000000..8399d0894a
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-image.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+img {
+  border-color: transparent;
+  border-style: solid;
+  border-width: 1px 1px 3px 3px;
+  padding: 0px 1px 1px 5px;
+  /* border + padding: 1px 2px 4px 8px */
+  margin: 17px;
+  height: 100px;
+  width: 200px;
+  border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
+}
+</style>
+<img src="../pixel-rounding/lime-25x25.png" alt="">
diff --git a/layout/reftests/border-radius/clipping-5-overflow-hidden.html b/layout/reftests/border-radius/clipping-5-overflow-hidden.html
new file mode 100644
index 0000000000..e81668ff7b
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-overflow-hidden.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+body > div {
+  /* padding box is 100px by 200px */
+  display: inline-block; /* so margin doesn't collapse with body's */
+  height: 99px;
+  width: 194px;
+  overflow: hidden;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 1px 2px 4px 8px;
+  padding: 0px 1px 1px 5px;
+  margin: 17px;
+  border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
+}
+body > div > div {
+  background: lime;
+  height: 100px;
+  width: 200px;
+  margin-left: -5px;
+}
+</style>
+<div><div></div></div>
diff --git a/layout/reftests/border-radius/clipping-5-ref.html b/layout/reftests/border-radius/clipping-5-ref.html
new file mode 100644
index 0000000000..bcac4ef848
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+div {
+  display: inline-block;
+  background: lime;
+  margin: 18px 19px 21px 25px;
+  /* border + padding: 1px 2px 4px 8px */
+  height: 100px;
+  width: 200px;
+
+  /* Horizontal: TL TR BR BL / Vertical: TL TR BR BL */
+  /* border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
+  border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/border-radius/clipping-5-refc.html b/layout/reftests/border-radius/clipping-5-refc.html
new file mode 100644
index 0000000000..56b130b9c9
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-refc.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+canvas {
+  margin: 18px 19px 21px 25px;
+  /* border + padding: 1px 2px 4px 8px */
+
+  /* Horizontal: TL TR BR BL / Vertical: TL TR BR BL */
+  /* border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
+  border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
+}
+</style>
+<canvas id="canvas" height="100" width="200"></canvas>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>
diff --git a/layout/reftests/border-radius/clipping-5-refi.html b/layout/reftests/border-radius/clipping-5-refi.html
new file mode 100644
index 0000000000..2e3036dd5e
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-refi.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+img {
+  margin: 18px 19px 21px 25px;
+  /* border + padding: 1px 2px 4px 8px */
+  height: 100px;
+  width: 200px;
+
+  /* Horizontal: TL TR BR BL / Vertical: TL TR BR BL */
+  /* border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
+  border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
+}
+</style>
+<img src="../pixel-rounding/lime-25x25.png" alt="">
diff --git a/layout/reftests/border-radius/clipping-6-ref.html b/layout/reftests/border-radius/clipping-6-ref.html
new file mode 100644
index 0000000000..7644fe21fe
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-6-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+    <div style="overflow:hidden; border-radius:25px; border:3px solid #f00; padding:1px; height:180px; font-size: 300%;">
+        <div style="transform: perspective(1px)">
+            <div style="height:100px; width:100px; background-color:lime"></div>
+            <div style="height:100px; width: 50px; background-color:red; position:relative; top: -20px;">Hi</div>
+        </div>
+    </div>
+    <div
+</body>
+</html>
diff --git a/layout/reftests/border-radius/clipping-6.html b/layout/reftests/border-radius/clipping-6.html
new file mode 100644
index 0000000000..3447a17e9e
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-6.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+    <div style="overflow:hidden; border-radius:25px; border:3px solid #f00; padding:1px; height:180px; font-size: 300%;">
+        <div style="height:100px; width:100px; transform:perspective(1px); background-color:lime"></div>
+        <div style="height:100px; width: 50px; background-color:red; position:relative; top: -20px;">Hi</div>
+    </div>
+    <div
+</body>
+</html>
diff --git a/layout/reftests/border-radius/clipping-7-ref.html b/layout/reftests/border-radius/clipping-7-ref.html
new file mode 100644
index 0000000000..1d83e5baa0
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-7-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+    <div style="overflow:hidden; border-radius:25px; border:3px solid #f00; padding:1px; height:180px;">
+        <div style="height:100px; width:100px; background-color:lime"></div>
+        <div style="height:100px; width: 50px; background-color:red; position:relative; top: -20px;"></div>
+    </div>
+    <div
+</body>
+</html>
diff --git a/layout/reftests/border-radius/clipping-7.html b/layout/reftests/border-radius/clipping-7.html
new file mode 100644
index 0000000000..f435d2c41c
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-7.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+    <div style="overflow:hidden; border-radius:25px; border:3px solid #f00; padding:1px; height:180px;">
+        <div style="height:100px; width:100px; transform:perspective(1px); background-color:lime"></div>
+        <div style="height:100px; width: 50px; background-color:red; position:relative; top: -20px;"></div>
+    </div>
+    <div
+</body>
+</html>
diff --git a/layout/reftests/border-radius/clipping-and-zindex-1-ref.html b/layout/reftests/border-radius/clipping-and-zindex-1-ref.html
new file mode 100644
index 0000000000..f1155db7fe
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-and-zindex-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>Test for z-index relationship to border-radius clipping of overflow</title>
+<style>
+
+#one { position: absolute; background: blue;
+       top: 50px; left: 50px; width: 100px; height: 100px }
+
+#two { position: absolute; border-radius: 15px; background: fuchsia;
+       top: 25px; left: 75px; width: 100px; height: 100px }
+
+#three { position: absolute; background: yellow;
+         top: 75px; left: 100px; width: 100px; height: 100px }
+
+</style>
+
+<div id="three"></div>
+<div id="two"></div>
+<div id="one"></div>
diff --git a/layout/reftests/border-radius/clipping-and-zindex-1.html b/layout/reftests/border-radius/clipping-and-zindex-1.html
new file mode 100644
index 0000000000..f565d7a822
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-and-zindex-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>Test for z-index relationship to border-radius clipping of overflow</title>
+<style>
+
+#one { position: absolute; z-index: 2; background: blue;
+       top: 50px; left: 50px; width: 100px; height: 100px }
+
+#twoouter { position: absolute; border-radius: 15px; overflow: hidden;
+            top: 25px; left: 75px; width: 100px; height: 100px }
+#twoinner { position: relative; z-index: 1; height: 100px; background: fuchsia }
+
+#three { position: absolute; z-index: 0; background: yellow;
+         top: 75px; left: 100px; width: 100px; height: 100px }
+
+</style>
+
+<div id="one"></div>
+<div id="twoouter"><div id="twoinner"></div></div>
+<div id="three"></div>
diff --git a/layout/reftests/border-radius/clipping-preserve-3d-ref.html b/layout/reftests/border-radius/clipping-preserve-3d-ref.html
new file mode 100644
index 0000000000..54ce4bc044
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-preserve-3d-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <div style="width: 400px; overflow: hidden; border-radius: 50%;">
+    <div style="transform-style: preserve-3d; position:relative; transform: translateX(100px);">
+      <div style="width: 200px;height: 200px;background-color: red;position: relative;left: 200px;">
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/clipping-preserve-3d.html b/layout/reftests/border-radius/clipping-preserve-3d.html
new file mode 100644
index 0000000000..62e6380b74
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-preserve-3d.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <div style="width: 400px; overflow: hidden; border-radius: 50%;">
+    <div style="transform-style: preserve-3d; position:relative; left: 100px">
+      <div style="width: 200px;height: 200px;background-color: red;position: relative;left: 200px;">
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/color-layer-1-ref.html b/layout/reftests/border-radius/color-layer-1-ref.html
new file mode 100644
index 0000000000..118077040f
--- /dev/null
+++ b/layout/reftests/border-radius/color-layer-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+<div style="border-radius:100px; width:800px; height:1000px; position:absolute; left:0px; top:0px; overflow:hidden">
+  <div style="background:blue; width:100%; height:100%;"></div>
+  <div style="position:absolute; top:100px; left:100px; width:100px; height:100px; border:5px solid white"></div>
+  <div style="position:absolute; top:100px; left:100px; width:100px; height:100px; border:5px solid blue"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/color-layer-1a.html b/layout/reftests/border-radius/color-layer-1a.html
new file mode 100644
index 0000000000..ff600cb660
--- /dev/null
+++ b/layout/reftests/border-radius/color-layer-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+<div style="border-radius:100px; width:800px; height:1000px; position:absolute; left:0px; top:0px; overflow:hidden">
+  <div style="background:blue; width:100%; height:100%;"></div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/border-radius/corner-1-ref.svg b/layout/reftests/border-radius/corner-1-ref.svg
new file mode 100644
index 0000000000..d3e0586f8c
--- /dev/null
+++ b/layout/reftests/border-radius/corner-1-ref.svg
@@ -0,0 +1,13 @@
+<svg width="200px" height="200px" version="1.1"
+    xmlns="http://www.w3.org/2000/svg">
+  <rect style="fill: black; stroke: none"
+       width="70" height="50"
+  x="50" y="50"
+  rx="10" ry="10"/>
+
+  <rect style="fill: black; stroke: none"
+       width="70" height="40"
+  x="50" y="80"
+  rx="6" ry="6"/>
+</svg>
+
diff --git a/layout/reftests/border-radius/corner-1.html b/layout/reftests/border-radius/corner-1.html
new file mode 100644
index 0000000000..a606b38f8f
--- /dev/null
+++ b/layout/reftests/border-radius/corner-1.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head>
+<title>Corners different</title>
+<style>
+.div1 { width: 50px; height: 50px;
+      border: 10px solid black; 
+      border-radius: 10px 10px 6px 6px;
+      position: absolute;
+      background: black;
+      left: 50px;
+      top: 50px;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"></div>
+</body></html>
diff --git a/layout/reftests/border-radius/corner-2-ref.svg b/layout/reftests/border-radius/corner-2-ref.svg
new file mode 100644
index 0000000000..3232472eb1
--- /dev/null
+++ b/layout/reftests/border-radius/corner-2-ref.svg
@@ -0,0 +1,12 @@
+<svg width="200px" height="200px" version="1.1"
+    xmlns="http://www.w3.org/2000/svg">
+  <rect style="fill: black; stroke: none"
+       width="50" height="70"
+  x="50" y="50"
+  rx="10" ry="10"/>
+
+  <rect style="fill: black; stroke: none"
+       width="50" height="70"
+  x="70" y="50"
+  rx="6" ry="6"/>
+</svg>
diff --git a/layout/reftests/border-radius/corner-2.html b/layout/reftests/border-radius/corner-2.html
new file mode 100644
index 0000000000..cd860e843a
--- /dev/null
+++ b/layout/reftests/border-radius/corner-2.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head>
+<title>Corners different</title>
+<style>
+.div1 { width: 50px; height: 50px;
+      border: 10px solid black; 
+      border-radius: 10px 6px 6px 10px;
+      position: absolute;
+      background: black;
+      left: 50px;
+      top: 50px;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"></div>
+</body></html>
diff --git a/layout/reftests/border-radius/corner-3-ref.svg b/layout/reftests/border-radius/corner-3-ref.svg
new file mode 100644
index 0000000000..210cc7637c
--- /dev/null
+++ b/layout/reftests/border-radius/corner-3-ref.svg
@@ -0,0 +1,5 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="50" width="60" height="130" rx="30" fill="rgba(0,0,255,0.5)"/>
+  <!-- cover left side of first rect -->
+  <rect width="50" height="100%" fill="white"/>
+</svg>
diff --git a/layout/reftests/border-radius/corner-3.html b/layout/reftests/border-radius/corner-3.html
new file mode 100644
index 0000000000..ee4dd73113
--- /dev/null
+++ b/layout/reftests/border-radius/corner-3.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+<head>
+  <title>Test when only some of the corners have a border-radius and the border-radius is greater than the sum of the border width and the element's content area width/height</title>
+  <style>
+
+div {
+  width: 0px;
+  height: 100px;
+  border: 15px solid rgba(0,0,255,0.5);
+  border-radius: 0 30px 30px 0;
+  position: absolute;
+  left: 50px;
+  top: 50px;
+}
+
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/corner-4-ref.svg b/layout/reftests/border-radius/corner-4-ref.svg
new file mode 100644
index 0000000000..939ccc04ac
--- /dev/null
+++ b/layout/reftests/border-radius/corner-4-ref.svg
@@ -0,0 +1,5 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <rect x="50" y="50" width="130" height="130" rx="15" fill="rgba(0,0,255,0.5)"/>
+  <!-- cover center of first rect -->
+  <rect x="65" y="65" width="100" height="100" fill="white"/>
+</svg>
diff --git a/layout/reftests/border-radius/corner-4.html b/layout/reftests/border-radius/corner-4.html
new file mode 100644
index 0000000000..a51c24f9ca
--- /dev/null
+++ b/layout/reftests/border-radius/corner-4.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+<head>
+  <title>Test the border transparency</title>
+  <style>
+
+div {
+  width: 100px;
+  height: 100px;
+  border: 15px solid rgba(0,0,255,0.5);
+  border-radius: 15px;
+  position: absolute;
+  left: 50px;
+  top: 50px;
+}
+
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/corner-joins-1-ref.xhtml b/layout/reftests/border-radius/corner-joins-1-ref.xhtml
new file mode 100644
index 0000000000..1b0ba24a6b
--- /dev/null
+++ b/layout/reftests/border-radius/corner-joins-1-ref.xhtml
@@ -0,0 +1,89 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+<title>border</title>
+<style type="text/css">
+@namespace url("http://www.w3.org/1999/xhtml");
+@namespace svg url("http://www.w3.org/2000/svg");
+
+div.wrapper {
+  float: left;
+  margin-left: 20px;
+  margin-top: 10px;
+}
+
+div.cover, div.cover2 {
+	position: absolute;
+	border: 4px solid white; /* cover areas that may differ */
+	width: 140px;
+	height: 118px;
+	border-radius: 63px;
+	margin-left: -2px;
+	margin-top: -2px;
+}
+div.cover2 {
+	height: 82px;
+	margin-top: 16px;
+	border-radius: 63px / 45px;
+}
+
+svg|svg {
+	display: block;
+	width: 146px;
+	height: 122px;
+	margin-right: -2px;
+	margin-bottom: 20px;
+}
+
+</style>
+</head>
+<body>
+<div class="wrapper">
+<div class="cover"></div>
+<div class="cover2"></div>
+<svg:svg>
+  <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
+            fill="blue"/>
+  <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px"
+            fill="red"/>
+</svg:svg>
+<div class="cover"></div>
+<div class="cover2"></div>
+<svg:svg>
+  <svg:clipPath id="topclip">
+    <svg:rect x="0" y="0" width="144px" height="61px"/>
+  </svg:clipPath>
+  <svg:clipPath id="botclip">
+    <svg:rect x="0" y="61px" width="144px" height="61px"/>
+  </svg:clipPath>
+  <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
+            fill="black" clip-path="url(#topclip)"/>
+  <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
+            fill="blue" clip-path="url(#botclip)"/>
+  <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px"
+            fill="red"/>
+</svg:svg>
+</div>
+<div class="wrapper">
+<div class="cover" style="width: 142px"></div>
+<div class="cover2" style="margin-left: -1px; border-radius: 61px / 45px"></div>
+<svg:svg>
+  <svg:rect x="0" y="0" width="146px" height="122px" rx="61px" ry="61px"
+            fill="blue"/>
+  <svg:rect x="0" y="18px" width="146px" height="86px" rx="61px" ry="43px"
+            fill="red"/>
+</svg:svg>
+<div class="cover"></div>
+<div class="cover2"></div>
+<svg:svg>
+  <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
+            fill="black" clip-path="url(#topclip)"/>
+  <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
+            fill="blue" clip-path="url(#botclip)"/>
+  <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px"
+            fill="red"/>
+</svg:svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/corner-joins-1.xhtml b/layout/reftests/border-radius/corner-joins-1.xhtml
new file mode 100644
index 0000000000..f7a9b8ecdc
--- /dev/null
+++ b/layout/reftests/border-radius/corner-joins-1.xhtml
@@ -0,0 +1,78 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>border</title>
+<style type="text/css">
+
+div.wrapper {
+  float: left;
+  margin-left: 20px;
+  margin-top: 10px;
+}
+
+div.test {
+	width: 144px;
+	height: 86px;
+	border-radius: 72px;
+	border-top: 18px solid;
+	border-bottom: 18px solid;
+	background: red;
+	margin-bottom: 20px;
+}
+
+div.cover, div.cover2 {
+	position: absolute;
+	border: 4px solid white; /* cover areas that may differ */
+	width: 140px;
+	height: 118px;
+	border-radius: 63px;
+	margin-left: -2px;
+	margin-top: -2px;
+}
+div.cover2 {
+	height: 82px;
+	margin-top: 16px;
+	border-radius: 63px / 45px;
+}
+
+#one {
+	border-color: blue;
+}
+
+#two {
+	border-bottom-color: blue;
+}
+
+#three {
+	border-color: blue;
+	border-left: 0.01px solid red;
+	border-right: 0.01px solid red;
+}
+
+#four {
+	border-bottom-color: blue;
+	border-left: 0.001px solid red;
+	border-right: 0.001px solid red;
+}
+
+</style>
+</head>
+<body>
+<div class="wrapper">
+<div class="cover"></div>
+<div class="cover2"></div>
+<div class="test" id="one"></div>
+<div class="cover"></div>
+<div class="cover2"></div>
+<div class="test" id="two"></div>
+</div>
+<div class="wrapper">
+<div class="cover" style="width: 142px"></div>
+<div class="cover2" style="margin-left: -1px; border-radius: 61px / 45px"></div>
+<div class="test" id="three"></div>
+<div class="cover"></div>
+<div class="cover2"></div>
+<div class="test" id="four"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/corner-joins-2-ref.xhtml b/layout/reftests/border-radius/corner-joins-2-ref.xhtml
new file mode 100644
index 0000000000..de765cd10d
--- /dev/null
+++ b/layout/reftests/border-radius/corner-joins-2-ref.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>border</title>
+<style type="text/css">
+
+body {
+	filter: url('../filters.svg#NonWhiteToBlack');
+}
+
+body > div {
+	/* filter doesn't change alpha */
+	background: white;
+}
+
+div.test {
+	width: 154px;
+	height: 142px;
+	border-radius: 72px;
+	background: black;
+}
+
+</style>
+</head>
+<body>
+<div>
+<div class="test"></div>
+</div>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/corner-joins-2.xhtml b/layout/reftests/border-radius/corner-joins-2.xhtml
new file mode 100644
index 0000000000..fcc0399c32
--- /dev/null
+++ b/layout/reftests/border-radius/corner-joins-2.xhtml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>border</title>
+<style type="text/css">
+
+body {
+	filter: url('../filters.svg#NonWhiteToBlack');
+}
+
+body > div {
+	/* filter doesn't change alpha */
+	background: white;
+}
+
+div.test {
+	width: 144px;
+	height: 86px;
+	border-radius: 72px;
+	border-top: 28px solid;
+	border-bottom: 28px solid;
+	background: cyan;
+	margin-bottom: 20px;
+	border-color: blue;
+	border-left: 5px solid red;
+	border-right: 5px solid red;
+}
+
+</style>
+</head>
+<body>
+<div>
+<div class="test"></div>
+</div>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/corner-split-ref.svg b/layout/reftests/border-radius/corner-split-ref.svg
new file mode 100644
index 0000000000..742fc03ba9
--- /dev/null
+++ b/layout/reftests/border-radius/corner-split-ref.svg
@@ -0,0 +1,20 @@
+<svg width="178" height="178"
+    xmlns="http://www.w3.org/2000/svg">
+  <clipPath id="topside"><path d="M175,0 L35,70 L0,0 z" /></clipPath>
+  <clipPath id="leftside"><path d="M0,0 L35,70 L25,75 L0,175 z" /></clipPath>
+  <clipPath id="bottomside"><path d="M0,175 L25,75 L75,75 L175,175 z" /></clipPath>
+  <clipPath id="rightside"><path d="M75,75 L75,50 L175,0 L175,175 z" /></clipPath>
+  <rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#topside)" fill="red" />
+  <rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#leftside)" fill="green" />
+  <rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#bottomside)" fill="blue" />
+  <rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#rightside)" fill="black" />
+  <path d="M75,50 L75,75 L25,75 A50,25 0 0,1 75,50" fill="white" />
+
+  <rect x="0" y="0" width="175" height="175" rx="75" ry="75" fill="none" stroke="orange" stroke-width="3" />
+  <line x1="145" y1="15" x2="75" y2="50" stroke="orange" stroke-width="3" />
+  <line x1="153.033004761" y1="153.033004761" x2="75" y2="75" stroke="orange" stroke-width="3" />
+  <line x1="9.580468178" y1="136.678131104" x2="25" y2="75" stroke="orange" stroke-width="3" />
+  <line x1="15.000000954" y1="30.000001907" x2="31.386978149" y2="62.773956299" stroke="orange" stroke-width="3" />
+  <path d="M75,50 L75,75 L25,75 A50,25 0 0,1 75,50" fill="none" stroke="orange" stroke-width="3" />
+</svg>
+
diff --git a/layout/reftests/border-radius/corner-split.html b/layout/reftests/border-radius/corner-split.html
new file mode 100644
index 0000000000..59d26aa1e5
--- /dev/null
+++ b/layout/reftests/border-radius/corner-split.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+#borders, .cover {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+#borders {
+    width: 50px;
+    height: 25px;
+    border-radius: 75px;
+    border-top: 50px solid red;
+    border-bottom: 100px solid blue;
+    border-left: 25px solid green;
+    border-right: 100px solid black;
+}
+    </style>
+  </head>
+  <body>
+    <div id="borders"></div>
+<svg width="178" height="178" class="cover">
+  <rect x="0" y="0" width="175" height="175" rx="75" ry="75" fill="none" stroke="orange" stroke-width="3" />
+  <line x1="145" y1="15" x2="75" y2="50" stroke="orange" stroke-width="3" />
+  <line x1="153.033004761" y1="153.033004761" x2="75" y2="75" stroke="orange" stroke-width="3" />
+  <line x1="9.580468178" y1="136.678131104" x2="25" y2="75" stroke="orange" stroke-width="3" />
+  <line x1="15.000000954" y1="30.000001907" x2="31.386978149" y2="62.773956299" stroke="orange" stroke-width="3" />
+  <path d="M75,50 L75,75 L25,75 A50,25 0 0,1 75,50" fill="none" stroke="orange" stroke-width="3" />
+</svg>
+  </body>
+</html>
diff --git a/layout/reftests/border-radius/curved-border-background-nogap-ref.html b/layout/reftests/border-radius/curved-border-background-nogap-ref.html
new file mode 100644
index 0000000000..67aead2bca
--- /dev/null
+++ b/layout/reftests/border-radius/curved-border-background-nogap-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background: black;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/border-radius/curved-border-background-nogap.html b/layout/reftests/border-radius/curved-border-background-nogap.html
new file mode 100644
index 0000000000..01207e7f04
--- /dev/null
+++ b/layout/reftests/border-radius/curved-border-background-nogap.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<style>
+  /*
+    Turns out that the antialiasing on the outer edge of a block with
+    border-radius is not consistent if the width and border-width are changed
+    even if the resulting shape should look the same.  So clip out the part
+    that's too far from the center
+  */
+  div.outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+  /* We want the following constraints to be satisfied:
+     1)  Entire inner div content area is contained inside the 100px square.
+     2)  Entire 100px square is contained inside the outer circle of the inner
+         div's border.
+
+     This requires that the inner div width/height be < 100px and that the
+     radius of the outer circle be at least 50 * sqrt(2).  Let's go with a 75px
+     radius for that outer circle.  We then need to shift our inner div up and
+     to the left by 25px to center it in the clipping region.
+    */
+
+  div.inner {
+    width: 50px;
+    height: 50px;
+    border: 50px solid black;
+    background: black;
+    border-radius: 100px;
+    position: relative;
+    top: -25px;
+    left: -25px;
+  }
+</style>
+<div class="outer"><div class="inner"></div></div>
diff --git a/layout/reftests/border-radius/curved-borders-all-styles.html b/layout/reftests/border-radius/curved-borders-all-styles.html
new file mode 100644
index 0000000000..e816483e21
--- /dev/null
+++ b/layout/reftests/border-radius/curved-borders-all-styles.html
@@ -0,0 +1,29 @@
+<html>
+
+<head>
+ <title>testcase for bug #382721</title>
+<style>
+ div {
+	background: beige;
+	margin: 1ex;
+	padding: 1ex;
+	border-radius: 3ex;
+	}
+</style>
+<script>
+ function ini() {
+  var s,i,d;
+  s=['none','hidden','dotted','dashed','solid',
+     'double','groove','ridge','inset','outset'];
+  for (i=0; i<s.length; i++) {
+   d=document.createElement('div');
+   d.style.border=d.innerHTML=s[i];
+   document.body.appendChild(d);
+ }}
+</script>
+</head>
+
+<body onload="ini()"></body>
+
+</html>
+
diff --git a/layout/reftests/border-radius/curved-stripe-border-ref.svg b/layout/reftests/border-radius/curved-stripe-border-ref.svg
new file mode 100644
index 0000000000..726094142c
--- /dev/null
+++ b/layout/reftests/border-radius/curved-stripe-border-ref.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="200px" height="200px">
+<title>Curved stripe border (SVG)</title>
+<style type="text/css">
+path { stroke: none; }
+</style>
+<path
+ d="M20,60 a60,40 0 0,1 60,-40
+    h60 a60,40 0 0,1 60,40
+    v100 a60,40 0 0,1 -60,40
+    h-60 a60,40 0 0,1 -60,-40 z
+    M30,160 a50,30 0 0,0 50,30
+    h60 a50,30 0 0,0 50,-30
+    v-100 a50,30 0 0,0 -50,-30
+    h-60 a50,30 0 0,0 -50,30 z"/>
+<path
+ d="M40,60 a40,20 0 0,1 40,-20
+    h60 a40,20 0 0,1 40,20
+    v100 a40,20 0 0,1 -40,20
+    h-60 a40,20 0 0,1 -40,-20 z
+    M50,160 a30,10 0 0,0 30,10
+    h60 a30,10 0 0,0 30,-10
+    v-100 a30,10 0 0,0 -30,-10
+    h-60 a30,10 0 0,0 -30,10 z"/>
+</svg>
diff --git a/layout/reftests/border-radius/curved-stripe-border.html b/layout/reftests/border-radius/curved-stripe-border.html
new file mode 100644
index 0000000000..1f962765d1
--- /dev/null
+++ b/layout/reftests/border-radius/curved-stripe-border.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html><head>
+<title>Curved stripe border (HTML)</title>
+<style>
+body { margin: 0 }
+div {
+  box-sizing: border-box;
+  width: 180px;
+  height: 180px;
+  border: 30px double black;
+  border-radius: 60px / 40px;
+  margin: 20px;
+}
+</style>
+</head><body>
+<div></div>
+</body></html>
diff --git a/layout/reftests/border-radius/iframe-1-ref.html b/layout/reftests/border-radius/iframe-1-ref.html
new file mode 100644
index 0000000000..360c443f04
--- /dev/null
+++ b/layout/reftests/border-radius/iframe-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<iframe style="position: absolute; left: 0px; top: 0px; width: 300px; height: 150px; border: none; border-radius: 50px; background: green;" src="data:text/html,<body>"></iframe>
+<div style="position: absolute; left: 10px; top: 0px; width: 280px; height: 150px; background: red;"></div>
+<div style="position: absolute; left: 0px; top: 10px; width: 300px; height: 130px; background: red;"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/iframe-1.html b/layout/reftests/border-radius/iframe-1.html
new file mode 100644
index 0000000000..b3fc86792c
--- /dev/null
+++ b/layout/reftests/border-radius/iframe-1.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<iframe style="position: absolute; left: 0px; top: 0px; width: 300px; height: 150px; border: none; border-radius: 50px; background: green;" src="data:text/html,<body bgcolor=green>"></iframe>
+<div style="position: absolute; left: 10px; top: 0px; width: 280px; height: 150px; background: red;"></div>
+<div style="position: absolute; left: 0px; top: 10px; width: 300px; height: 130px; background: red;"></div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/inherit-1-ref.html b/layout/reftests/border-radius/inherit-1-ref.html
new file mode 100644
index 0000000000..c77e814ff3
--- /dev/null
+++ b/layout/reftests/border-radius/inherit-1-ref.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html><head>
+<title>Border-radius inheritance</title>
+<style>
+.div1 { width: 100px; height: 100px;
+      border: 10px solid black; 
+      border-radius: 10px;
+      left: 50px;
+      top: 50px;
+}
+
+div > div {
+  width: 40px; height: 40px;
+  border: 10px solid black;
+  position: absolute;
+  border-radius: 0px;
+  left: 40px;
+  top: 40px;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"><div></div></div>
+</body></html>
diff --git a/layout/reftests/border-radius/inherit-1.html b/layout/reftests/border-radius/inherit-1.html
new file mode 100644
index 0000000000..012e14799c
--- /dev/null
+++ b/layout/reftests/border-radius/inherit-1.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html><head>
+<title>Border-radius inheritance</title>
+<style>
+.div1 { width: 100px; height: 100px;
+      border: 10px solid black; 
+      border-radius: 10px;
+      left: 50px;
+      top: 50px;
+}
+
+div > div {
+  width: 40px; height: 40px;
+  border: 10px solid black;
+  position: absolute;
+  left: 40px;
+  top: 40px;
+}
+
+</style>
+</head>
+<body>
+  <div class="div1"><div></div></div>
+</body></html>
diff --git a/layout/reftests/border-radius/intersecting-clipping-1-canvas.html b/layout/reftests/border-radius/intersecting-clipping-1-canvas.html
new file mode 100644
index 0000000000..020b1e4ce2
--- /dev/null
+++ b/layout/reftests/border-radius/intersecting-clipping-1-canvas.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+div {
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  border-radius: 50px / 20px;
+}
+canvas {
+  border-radius: 20px / 40px;
+}
+</style>
+<div><canvas id="canvas" height="100" width="200"></canvas></div>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>
diff --git a/layout/reftests/border-radius/intersecting-clipping-1-image.html b/layout/reftests/border-radius/intersecting-clipping-1-image.html
new file mode 100644
index 0000000000..ba533d1097
--- /dev/null
+++ b/layout/reftests/border-radius/intersecting-clipping-1-image.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+div {
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  border-radius: 50px / 20px;
+}
+img {
+  border-radius: 20px / 40px;
+  width: 200px;
+  height: 100px;
+}
+</style>
+<div><img src="../pixel-rounding/lime-25x25.png" alt=""></div>
diff --git a/layout/reftests/border-radius/intersecting-clipping-1-overflow-hidden.html b/layout/reftests/border-radius/intersecting-clipping-1-overflow-hidden.html
new file mode 100644
index 0000000000..38e2e3f48c
--- /dev/null
+++ b/layout/reftests/border-radius/intersecting-clipping-1-overflow-hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+body > div {
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  border-radius: 50px / 20px;
+}
+body > div > div {
+  border-radius: 20px / 40px;
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  background: lime;
+}
+</style>
+<div><div></div></div>
diff --git a/layout/reftests/border-radius/intersecting-clipping-1-ref.html b/layout/reftests/border-radius/intersecting-clipping-1-ref.html
new file mode 100644
index 0000000000..0e4061a3f5
--- /dev/null
+++ b/layout/reftests/border-radius/intersecting-clipping-1-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+#contain {
+  width: 200px;
+  height: 100px;
+  position: relative;
+}
+#contain > div {
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  border-radius: 50px / 20px;
+}
+#contain > div > div {
+  border-radius: 20px / 40px;
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  background: lime;
+}
+
+#contain > div.spot {
+  position: absolute;
+  height: 1px;
+  width: 1px;
+}
+
+</style>
+<div id="contain">
+<div><div></div></div>
+
+<!--
+This is just like the test, except we'll add a bunch of spots in various
+places that should match the background of what they're on.
+-->
+
+<div class="spot" style="top: 1px; left: 15px; background: white"></div>
+<div class="spot" style="top: 14px; left: 2px; background: white"></div>
+<div class="spot" style="top: 18px; left: 0px; background: white"></div>
+<div class="spot" style="top: 82px; left: 198px; background: white"></div>
+<div class="spot" style="top: 97px; left: 180px; background: white"></div>
+<div class="spot" style="top: 2px; left: 180px; background: white"></div>
+<div class="spot" style="top: 17px; left: 198px; background: white"></div>
+<div class="spot" style="top: 97px; left: 19px; background: white"></div>
+<div class="spot" style="top: 82px; left: 1px; background: white"></div>
+
+<div class="spot" style="top: 10px; left: 8px; background: lime"></div>
+<div class="spot" style="top: 89px; left: 8px; background: lime"></div>
+<div class="spot" style="top: 10px; left: 191px; background: lime"></div>
+<div class="spot" style="top: 89px; left: 191px; background: lime"></div>
+
+</div>
diff --git a/layout/reftests/border-radius/intersecting-clipping-1-refc.html b/layout/reftests/border-radius/intersecting-clipping-1-refc.html
new file mode 100644
index 0000000000..7208a8c67b
--- /dev/null
+++ b/layout/reftests/border-radius/intersecting-clipping-1-refc.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+#contain {
+  width: 200px;
+  height: 100px;
+  position: relative;
+}
+#contain > div {
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  border-radius: 50px / 20px;
+}
+#contain > div > canvas {
+  border-radius: 20px / 40px;
+}
+
+#contain > div.spot {
+  position: absolute;
+  height: 1px;
+  width: 1px;
+}
+
+</style>
+<div id="contain">
+<div><canvas id="canvas" height="100" width="200"></canvas></div>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>
+
+<!--
+This is just like the test, except we'll add a bunch of spots in various
+places that should match the background of what they're on.
+-->
+
+<div class="spot" style="top: 1px; left: 15px; background: white"></div>
+<div class="spot" style="top: 14px; left: 2px; background: white"></div>
+<div class="spot" style="top: 18px; left: 0px; background: white"></div>
+<div class="spot" style="top: 82px; left: 198px; background: white"></div>
+<div class="spot" style="top: 97px; left: 180px; background: white"></div>
+<div class="spot" style="top: 2px; left: 180px; background: white"></div>
+<div class="spot" style="top: 17px; left: 198px; background: white"></div>
+<div class="spot" style="top: 97px; left: 19px; background: white"></div>
+<div class="spot" style="top: 82px; left: 1px; background: white"></div>
+
+<div class="spot" style="top: 10px; left: 8px; background: lime"></div>
+<div class="spot" style="top: 89px; left: 8px; background: lime"></div>
+<div class="spot" style="top: 10px; left: 191px; background: lime"></div>
+<div class="spot" style="top: 89px; left: 191px; background: lime"></div>
+
+</div>
diff --git a/layout/reftests/border-radius/intersecting-clipping-1-refi.html b/layout/reftests/border-radius/intersecting-clipping-1-refi.html
new file mode 100644
index 0000000000..c21a147252
--- /dev/null
+++ b/layout/reftests/border-radius/intersecting-clipping-1-refi.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+#contain {
+  width: 200px;
+  height: 100px;
+  position: relative;
+}
+#contain > div {
+  overflow: hidden;
+  width: 200px;
+  height: 100px;
+  border-radius: 50px / 20px;
+}
+#contain > div > img {
+  border-radius: 20px / 40px;
+  width: 200px;
+  height: 100px;
+}
+
+#contain > div.spot {
+  position: absolute;
+  height: 1px;
+  width: 1px;
+}
+
+</style>
+<div id="contain">
+<div><img src="../pixel-rounding/lime-25x25.png" alt=""></div>
+
+<!--
+This is just like the test, except we'll add a bunch of spots in various
+places that should match the background of what they're on.
+-->
+
+<div class="spot" style="top: 1px; left: 15px; background: white"></div>
+<div class="spot" style="top: 14px; left: 2px; background: white"></div>
+<div class="spot" style="top: 18px; left: 0px; background: white"></div>
+<div class="spot" style="top: 82px; left: 198px; background: white"></div>
+<div class="spot" style="top: 97px; left: 180px; background: white"></div>
+<div class="spot" style="top: 2px; left: 180px; background: white"></div>
+<div class="spot" style="top: 17px; left: 198px; background: white"></div>
+<div class="spot" style="top: 97px; left: 19px; background: white"></div>
+<div class="spot" style="top: 82px; left: 1px; background: white"></div>
+
+<div class="spot" style="top: 10px; left: 8px; background: lime"></div>
+<div class="spot" style="top: 89px; left: 8px; background: lime"></div>
+<div class="spot" style="top: 10px; left: 191px; background: lime"></div>
+<div class="spot" style="top: 89px; left: 191px; background: lime"></div>
+
+</div>
diff --git a/layout/reftests/border-radius/invalidate-1-ref.html b/layout/reftests/border-radius/invalidate-1-ref.html
new file mode 100644
index 0000000000..951f549d04
--- /dev/null
+++ b/layout/reftests/border-radius/invalidate-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="d" style="background:blue; border-radius:50px; width:200px; height:200px;">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/invalidate-1a.html b/layout/reftests/border-radius/invalidate-1a.html
new file mode 100644
index 0000000000..0d5ce323be
--- /dev/null
+++ b/layout/reftests/border-radius/invalidate-1a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="d" style="background:blue; border-radius:50px; width:200px; height:100px;">
+</div>
+<script>
+function doTest() {
+  var d = document.getElementById("d");
+  d.style.height = "200px";
+  document.documentElement.className = "";
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/invalidate-1b.html b/layout/reftests/border-radius/invalidate-1b.html
new file mode 100644
index 0000000000..be740a2251
--- /dev/null
+++ b/layout/reftests/border-radius/invalidate-1b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="d" style="background:blue; border-radius:50px; width:100px; height:200px;">
+</div>
+<script>
+function doTest() {
+  var d = document.getElementById("d");
+  d.style.width = "200px";
+  document.documentElement.className = "";
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/outline-circle.html b/layout/reftests/border-radius/outline-circle.html
new file mode 100644
index 0000000000..41fcf369e3
--- /dev/null
+++ b/layout/reftests/border-radius/outline-circle.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html><head>
+<title>Circular outline</title>
+<style>
+div { width: 50px; height: 50px;
+      outline: 2px solid black; 
+      border-radius: 10px;
+}
+</style>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/border-radius/outline-ellips.html b/layout/reftests/border-radius/outline-ellips.html
new file mode 100644
index 0000000000..965f44432f
--- /dev/null
+++ b/layout/reftests/border-radius/outline-ellips.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html><head>
+<title>Elliptical outline</title>
+<style>
+div { width: 50px; height: 50px;
+      outline: 2px solid black; 
+      border-radius: 10px / 20px;
+}
+</style>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/border-radius/outline-square.html b/layout/reftests/border-radius/outline-square.html
new file mode 100644
index 0000000000..e95610cf25
--- /dev/null
+++ b/layout/reftests/border-radius/outline-square.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html><head>
+<title>Square outline</title>
+<style>
+div { width: 50px; height: 50px;
+      outline: 2px solid black; 
+}
+</style>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/border-radius/percent-1-ref.html b/layout/reftests/border-radius/percent-1-ref.html
new file mode 100644
index 0000000000..8bfd633b2d
--- /dev/null
+++ b/layout/reftests/border-radius/percent-1-ref.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html><head><title>Border radius with percent units &mdash; reference</title>
+<style>
+div { background: green; }
+.r1 { height: 20px; } .c1 { width: 20px; }
+.r2 { height: 40px; } .c2 { width: 40px; }
+.r3 { height: 60px; } .c3 { width: 60px; }
+.r4 { height: 80px; } .c4 { width: 80px; }
+
+.r1.c1 { border-radius:  5px /  5px; }
+.r1.c2 { border-radius: 10px /  5px; }
+.r1.c3 { border-radius: 15px /  5px; }
+.r1.c4 { border-radius: 20px /  5px; }
+.r2.c1 { border-radius:  5px / 10px; }
+.r2.c2 { border-radius: 10px / 10px; }
+.r2.c3 { border-radius: 15px / 10px; }
+.r2.c4 { border-radius: 20px / 10px; }
+.r3.c1 { border-radius:  5px / 15px; }
+.r3.c2 { border-radius: 10px / 15px; }
+.r3.c3 { border-radius: 15px / 15px; }
+.r3.c4 { border-radius: 20px / 15px; }
+.r4.c1 { border-radius:  5px / 20px; }
+.r4.c2 { border-radius: 10px / 20px; }
+.r4.c3 { border-radius: 15px / 20px; }
+.r4.c4 { border-radius: 20px / 20px; }
+
+</style>
+</head><body>
+<table>
+  <tr>
+    <td><div class="r1 c1"></div></td>
+    <td><div class="r1 c2"></div></td>
+    <td><div class="r1 c3"></div></td>
+    <td><div class="r1 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r2 c1"></div></td>
+    <td><div class="r2 c2"></div></td>
+    <td><div class="r2 c3"></div></td>
+    <td><div class="r2 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r3 c1"></div></td>
+    <td><div class="r3 c2"></div></td>
+    <td><div class="r3 c3"></div></td>
+    <td><div class="r3 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r4 c1"></div></td>
+    <td><div class="r4 c2"></div></td>
+    <td><div class="r4 c3"></div></td>
+    <td><div class="r4 c4"></div></td>
+  </tr>
+</table>
+</body></html>
diff --git a/layout/reftests/border-radius/percent-1.html b/layout/reftests/border-radius/percent-1.html
new file mode 100644
index 0000000000..395a070ca7
--- /dev/null
+++ b/layout/reftests/border-radius/percent-1.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html><head><title>Border radius with percent units &mdash; test</title>
+<style>
+div { border-radius: 25%; background: green; }
+.r1 { height: 20px; } .c1 { width: 20px; }
+.r2 { height: 40px; } .c2 { width: 40px; }
+.r3 { height: 60px; } .c3 { width: 60px; }
+.r4 { height: 80px; } .c4 { width: 80px; }
+</style>
+</head><body>
+<table>
+  <tr>
+    <td><div class="r1 c1"></div></td>
+    <td><div class="r1 c2"></div></td>
+    <td><div class="r1 c3"></div></td>
+    <td><div class="r1 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r2 c1"></div></td>
+    <td><div class="r2 c2"></div></td>
+    <td><div class="r2 c3"></div></td>
+    <td><div class="r2 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r3 c1"></div></td>
+    <td><div class="r3 c2"></div></td>
+    <td><div class="r3 c3"></div></td>
+    <td><div class="r3 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r4 c1"></div></td>
+    <td><div class="r4 c2"></div></td>
+    <td><div class="r4 c3"></div></td>
+    <td><div class="r4 c4"></div></td>
+  </tr>
+</table>
+</body></html>
diff --git a/layout/reftests/border-radius/percent-2-ref.html b/layout/reftests/border-radius/percent-2-ref.html
new file mode 100644
index 0000000000..2680427acd
--- /dev/null
+++ b/layout/reftests/border-radius/percent-2-ref.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html><head><title>Border radius with percent units &mdash; reference</title>
+<style>
+div { background: green; }
+.r1 { height: 20px; } .c1 { width: 20px; }
+.r2 { height: 40px; } .c2 { width: 40px; }
+.r3 { height: 60px; } .c3 { width: 60px; }
+.r4 { height: 80px; } .c4 { width: 80px; }
+
+.r1.c1 { border-radius:  5px 2px /  5px 2px; }
+.r1.c2 { border-radius: 10px 4px /  5px 2px; }
+.r1.c3 { border-radius: 15px 6px /  5px 2px; }
+.r1.c4 { border-radius: 20px 8px /  5px 2px; }
+.r2.c1 { border-radius:  5px 2px / 10px 4px; }
+.r2.c2 { border-radius: 10px 4px / 10px 4px; }
+.r2.c3 { border-radius: 15px 6px / 10px 4px; }
+.r2.c4 { border-radius: 20px 8px / 10px 4px; }
+.r3.c1 { border-radius:  5px 2px / 15px 6px; }
+.r3.c2 { border-radius: 10px 4px / 15px 6px; }
+.r3.c3 { border-radius: 15px 6px / 15px 6px; }
+.r3.c4 { border-radius: 20px 8px / 15px 6px; }
+.r4.c1 { border-radius:  5px 2px / 20px 8px; }
+.r4.c2 { border-radius: 10px 4px / 20px 8px; }
+.r4.c3 { border-radius: 15px 6px / 20px 8px; }
+.r4.c4 { border-radius: 20px 8px / 20px 8px; }
+
+</style>
+</head><body>
+<table>
+  <tr>
+    <td><div class="r1 c1"></div></td>
+    <td><div class="r1 c2"></div></td>
+    <td><div class="r1 c3"></div></td>
+    <td><div class="r1 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r2 c1"></div></td>
+    <td><div class="r2 c2"></div></td>
+    <td><div class="r2 c3"></div></td>
+    <td><div class="r2 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r3 c1"></div></td>
+    <td><div class="r3 c2"></div></td>
+    <td><div class="r3 c3"></div></td>
+    <td><div class="r3 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r4 c1"></div></td>
+    <td><div class="r4 c2"></div></td>
+    <td><div class="r4 c3"></div></td>
+    <td><div class="r4 c4"></div></td>
+  </tr>
+</table>
+</body></html>
diff --git a/layout/reftests/border-radius/percent-2.html b/layout/reftests/border-radius/percent-2.html
new file mode 100644
index 0000000000..98fdb10bed
--- /dev/null
+++ b/layout/reftests/border-radius/percent-2.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html><head><title>Border radius with percent units &mdash; test</title>
+<style>
+div { border-radius: 25% 10%; background: green; }
+.r1 { height: 20px; } .c1 { width: 20px; }
+.r2 { height: 40px; } .c2 { width: 40px; }
+.r3 { height: 60px; } .c3 { width: 60px; }
+.r4 { height: 80px; } .c4 { width: 80px; }
+</style>
+</head><body>
+<table>
+  <tr>
+    <td><div class="r1 c1"></div></td>
+    <td><div class="r1 c2"></div></td>
+    <td><div class="r1 c3"></div></td>
+    <td><div class="r1 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r2 c1"></div></td>
+    <td><div class="r2 c2"></div></td>
+    <td><div class="r2 c3"></div></td>
+    <td><div class="r2 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r3 c1"></div></td>
+    <td><div class="r3 c2"></div></td>
+    <td><div class="r3 c3"></div></td>
+    <td><div class="r3 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r4 c1"></div></td>
+    <td><div class="r4 c2"></div></td>
+    <td><div class="r4 c3"></div></td>
+    <td><div class="r4 c4"></div></td>
+  </tr>
+</table>
+</body></html>
diff --git a/layout/reftests/border-radius/percent-3-ref.html b/layout/reftests/border-radius/percent-3-ref.html
new file mode 100644
index 0000000000..83abf9c4da
--- /dev/null
+++ b/layout/reftests/border-radius/percent-3-ref.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html><head><title>Border radius with percent units &mdash; reference</title>
+<style>
+div { background: green; }
+.r1 { height: 20px; } .c1 { width: 20px; }
+.r2 { height: 40px; } .c2 { width: 40px; }
+.r3 { height: 60px; } .c3 { width: 60px; }
+.r4 { height: 80px; } .c4 { width: 80px; }
+
+.r1.c1 { border-radius:  5px / 2px; }
+.r1.c2 { border-radius: 10px / 2px; }
+.r1.c3 { border-radius: 15px / 2px; }
+.r1.c4 { border-radius: 20px / 2px; }
+.r2.c1 { border-radius:  5px / 4px; }
+.r2.c2 { border-radius: 10px / 4px; }
+.r2.c3 { border-radius: 15px / 4px; }
+.r2.c4 { border-radius: 20px / 4px; }
+.r3.c1 { border-radius:  5px / 6px; }
+.r3.c2 { border-radius: 10px / 6px; }
+.r3.c3 { border-radius: 15px / 6px; }
+.r3.c4 { border-radius: 20px / 6px; }
+.r4.c1 { border-radius:  5px / 8px; }
+.r4.c2 { border-radius: 10px / 8px; }
+.r4.c3 { border-radius: 15px / 8px; }
+.r4.c4 { border-radius: 20px / 8px; }
+
+</style>
+</head><body>
+<table>
+  <tr>
+    <td><div class="r1 c1"></div></td>
+    <td><div class="r1 c2"></div></td>
+    <td><div class="r1 c3"></div></td>
+    <td><div class="r1 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r2 c1"></div></td>
+    <td><div class="r2 c2"></div></td>
+    <td><div class="r2 c3"></div></td>
+    <td><div class="r2 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r3 c1"></div></td>
+    <td><div class="r3 c2"></div></td>
+    <td><div class="r3 c3"></div></td>
+    <td><div class="r3 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r4 c1"></div></td>
+    <td><div class="r4 c2"></div></td>
+    <td><div class="r4 c3"></div></td>
+    <td><div class="r4 c4"></div></td>
+  </tr>
+</table>
+</body></html>
diff --git a/layout/reftests/border-radius/percent-3.html b/layout/reftests/border-radius/percent-3.html
new file mode 100644
index 0000000000..bb3103554e
--- /dev/null
+++ b/layout/reftests/border-radius/percent-3.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html><head><title>Border radius with percent units &mdash; test</title>
+<style>
+div { border-radius: 25% / 10%; background: green; }
+.r1 { height: 20px; } .c1 { width: 20px; }
+.r2 { height: 40px; } .c2 { width: 40px; }
+.r3 { height: 60px; } .c3 { width: 60px; }
+.r4 { height: 80px; } .c4 { width: 80px; }
+</style>
+</head><body>
+<table>
+  <tr>
+    <td><div class="r1 c1"></div></td>
+    <td><div class="r1 c2"></div></td>
+    <td><div class="r1 c3"></div></td>
+    <td><div class="r1 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r2 c1"></div></td>
+    <td><div class="r2 c2"></div></td>
+    <td><div class="r2 c3"></div></td>
+    <td><div class="r2 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r3 c1"></div></td>
+    <td><div class="r3 c2"></div></td>
+    <td><div class="r3 c3"></div></td>
+    <td><div class="r3 c4"></div></td>
+  </tr>
+  <tr>
+    <td><div class="r4 c1"></div></td>
+    <td><div class="r4 c2"></div></td>
+    <td><div class="r4 c3"></div></td>
+    <td><div class="r4 c4"></div></td>
+  </tr>
+</table>
+</body></html>
diff --git a/layout/reftests/border-radius/reftest.list b/layout/reftests/border-radius/reftest.list
new file mode 100644
index 0000000000..b548c11b33
--- /dev/null
+++ b/layout/reftests/border-radius/reftest.list
@@ -0,0 +1,96 @@
+# really basic tests that square, circular, and elliptical border and
+# outline radius are not the same thing
+!= border-square.html about:blank
+!= border-circle.html about:blank
+!= border-ellips.html about:blank
+!= border-square.html border-circle.html
+!= border-square.html border-ellips.html
+!= border-circle.html border-ellips.html
+
+!= outline-square.html about:blank
+!= outline-circle.html about:blank
+!= outline-ellips.html about:blank
+!= outline-square.html outline-circle.html
+!= outline-square.html outline-ellips.html
+!= outline-circle.html outline-ellips.html
+== border-value-interpret.html border-value-interpret-ref.html
+!= curved-borders-all-styles.html about:blank # no way to generate reference for dotted/dashed/inset/outset
+# ridge/groove borders
+
+# percent units
+== percent-1.html percent-1-ref.html
+fuzzy(0-1,0-342) == percent-2.html percent-2-ref.html
+fuzzy(0-1,0-343) == percent-3.html percent-3-ref.html
+
+# more serious tests, using SVG reference
+fuzzy(17-30,58-70) == border-circle-2.html border-circle-2-ref.xhtml
+fuzzy(61-63,248-1013) == curved-stripe-border.html curved-stripe-border-ref.svg # bug 459945
+
+# Corners
+fuzzy(17-30,47-58) == corner-1.html corner-1-ref.svg # bottom corners different radius than top corners
+fuzzy(18-30,49-57) == corner-2.html corner-2-ref.svg # right corners different radius than left corners; see bug 500804
+fuzzy(18-23,90-105) == corner-3.html corner-3-ref.svg
+fuzzy(12-13,83-108) == corner-4.html corner-4-ref.svg
+
+# Test that radii too long are reduced
+== border-reduce-height.html border-reduce-height-ref.html
+
+# Tests for border clipping
+fails == clipping-1.html clipping-1-ref.html # background color should completely fill box; bug 466572
+!= clipping-2.html about:blank # background color clipped to inner/outer border, can't get
+# great tests for this due to antialiasing problems described in bug 466572
+fuzzy(17-30,58-111) == clipping-3.html clipping-3-ref.xhtml # edge of border-radius clips an underlying object's background
+
+# Tests for clipping the contents of replaced elements and overflow!=visible
+!= clipping-4-ref.html clipping-4-notref.html
+skip-if(Android&&emulator) fuzzy(0-8,0-20) fuzzy-if(useDrawSnapshot,1-1,172-172) == clipping-4-canvas.html clipping-4-ref.html # bug 732535
+fuzzy(0-1,0-172) == clipping-4-image.html clipping-4-ref.html
+fuzzy(0-1,0-77) == clipping-4-overflow-hidden.html clipping-4-ref.html
+skip-if(Android&&emulator) == clipping-5-canvas.html clipping-5-refc.html
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-5) == clipping-5-image.html clipping-5-refi.html
+fuzzy(0-1,0-77) == clipping-5-overflow-hidden.html clipping-5-ref.html
+fuzzy(0-1,0-97) == clipping-5-refi.html clipping-5-ref.html
+skip-if(Android&&emulator) fuzzy(0-1,0-77) fuzzy-if(useDrawSnapshot,1-1,97-97) == clipping-5-refc.html clipping-5-ref.html # bug 732535
+fuzzy(0-21,0-76) fuzzy-if(winWidget,0-144,0-335) == clipping-6.html clipping-6-ref.html # PaintedLayer and MaskLayer with transforms that aren't identical
+fuzzy(0-28,0-97) == clipping-7.html clipping-7-ref.html # ColorLayer and MaskLayer with transforms that aren't identical. Reference image rendered without using layers (which causes fuzzy failures).
+== clipping-and-zindex-1.html clipping-and-zindex-1-ref.html
+skip-if(Android&&emulator) fuzzy-if(cocoaWidget,0-1,0-4) fuzzy-if(d2d,0-59,0-342) == intersecting-clipping-1-canvas.html intersecting-clipping-1-refc.html
+== intersecting-clipping-1-image.html intersecting-clipping-1-refi.html
+== intersecting-clipping-1-overflow-hidden.html intersecting-clipping-1-ref.html
+fuzzy(0-1,0-300) == intersecting-clipping-1-refi.html intersecting-clipping-1-ref.html
+skip-if(Android&&emulator) fuzzy(0-1,0-135) skip-if(winWidget) fuzzy-if(useDrawSnapshot,1-1,299-299) == intersecting-clipping-1-refc.html intersecting-clipping-1-ref.html # bug 732535 # Disable on Windows bug 1451808
+
+== clipping-preserve-3d.html clipping-preserve-3d-ref.html
+
+# Inheritance
+== inherit-1.html inherit-1-ref.html # border-radius shouldn't inherit
+
+# Table elements
+== table-collapse-1.html table-collapse-1-ref.html # border-radius is ignored on internal table elements
+# when border-collapse: collapse
+
+fuzzy(0-1,0-116) == invalidate-1a.html invalidate-1-ref.html
+fuzzy(0-1,0-117) == invalidate-1b.html invalidate-1-ref.html
+
+# test that border-radius is reduced for scrollbars
+fails-if(Android) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-12,0-12) fuzzy-if(!Android,0-1,0-50) fuzzy-if(gtkWidget&&layersGPUAccelerated,0-12,0-12) == scrollbar-clamping-1.html scrollbar-clamping-1-ref.html
+fails-if(Android) == scrollbar-clamping-2.html scrollbar-clamping-2-ref.html
+
+# Test for bad corner joins.
+fuzzy(0-1,0-1) == corner-joins-1.xhtml corner-joins-1-ref.xhtml
+random-if(winWidget) fuzzy(0-255,0-610) == corner-joins-2.xhtml corner-joins-2-ref.xhtml
+
+fuzzy(0-59,0-146) == scroll-1.html scroll-1-ref.html # see bug 732535 #Bug 959166
+
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-35,0-194) fuzzy-if(swgl,0-1,0-2) == transforms-1.html transforms-1-ref.html # bug 1507152
+
+== zero-radius-clip-1.html zero-radius-clip-ref.html
+
+== iframe-1.html iframe-1-ref.html
+
+# Test for antialiasing gaps between background and border
+fuzzy(0-1,0-9) == curved-border-background-nogap.html curved-border-background-nogap-ref.html
+
+fuzzy(0-1,0-4) == color-layer-1a.html color-layer-1-ref.html
+
+fuzzy-if(!useDrawSnapshot&&!geckoview,1-1,104-162) == corner-split.html corner-split-ref.svg
diff --git a/layout/reftests/border-radius/scroll-1-ref.html b/layout/reftests/border-radius/scroll-1-ref.html
new file mode 100644
index 0000000000..f290648d0f
--- /dev/null
+++ b/layout/reftests/border-radius/scroll-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="border-radius:100px; width:300px; height:300px; overflow:hidden;">
+  <div style="height:20px; background:blue;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/scroll-1.html b/layout/reftests/border-radius/scroll-1.html
new file mode 100644
index 0000000000..30fd7fd8ff
--- /dev/null
+++ b/layout/reftests/border-radius/scroll-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function scrollTo(v) {
+  var d = document.getElementById("d");
+  d.scrollTop = v;
+  if (v < 100) {
+    setTimeout(function() { scrollTo(v + 50); }, 400);
+  } else {
+    document.documentElement.removeAttribute("class");
+  }
+}
+</script>
+</head>
+<body onload="scrollTo(0)">
+<div style="border-radius:100px; width:300px; height:300px; overflow:hidden;" id="d">
+  <div style="height:1000px;">
+    <div style="margin-top:100px; height:20px; background:blue;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/scrollbar-clamping-1-ref.html b/layout/reftests/border-radius/scrollbar-clamping-1-ref.html
new file mode 100644
index 0000000000..39d803754c
--- /dev/null
+++ b/layout/reftests/border-radius/scrollbar-clamping-1-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html dir="ltr">
+<title>Test of reduction of border-radius for scrollbars (border drawing)</title>
+<style>
+
+.contain { height: 130px; position: relative }
+
+.test {
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* border-width: 2px 4px 8px 10px; */
+  height: 100px;
+  width: 200px;
+  /* border-radius: 12px / 15px; */
+  border: medium solid blue;
+  border-width: 2px 4px 8px 10px;
+}
+
+.cover {
+  position: absolute;
+  width: 200px;
+  height: 100px;
+  top: 2px;
+  left: 10px;
+  background: blue;
+}
+
+</style>
+
+<div class="contain">
+  <!-- scrollbar along bottom -->
+  <div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
+  <div class="cover" style="border-top-right-radius: 5px"></div>
+</div>
+
+<div class="contain">
+  <!-- scrollbar along right -->
+  <div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
+  <div class="cover"></div>
+</div>
+
+<div class="contain">
+  <!-- scrollbar along bottom and right -->
+  <div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
+  <div class="cover"></div>
+</div>
diff --git a/layout/reftests/border-radius/scrollbar-clamping-1.html b/layout/reftests/border-radius/scrollbar-clamping-1.html
new file mode 100644
index 0000000000..5d4f3f8cb1
--- /dev/null
+++ b/layout/reftests/border-radius/scrollbar-clamping-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<title>Test of reduction of border-radius for scrollbars (border drawing)</title>
+<style>
+
+.contain { height: 130px; position: relative }
+
+.test {
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: medium solid blue;
+  border-width: 2px 4px 8px 10px;
+  height: 100px;
+  width: 200px;
+  border-radius: 12px / 15px;
+}
+
+.cover {
+  position: absolute;
+  width: 200px;
+  height: 100px;
+  top: 2px;
+  left: 10px;
+  background: blue;
+}
+
+#x, #xy { overflow-x: scroll }
+#y, #xy { overflow-y: scroll }
+
+</style>
+
+<div class="contain">
+  <div class="test" id="x"></div>
+  <div class="cover" style="border-top-right-radius: 5px"></div>
+</div>
+
+<div class="contain">
+  <div class="test" id="y"></div>
+  <div class="cover"></div>
+</div>
+
+<div class="contain">
+  <div class="test" id="xy"></div>
+  <div class="cover"></div>
+</div>
diff --git a/layout/reftests/border-radius/scrollbar-clamping-2-ref.html b/layout/reftests/border-radius/scrollbar-clamping-2-ref.html
new file mode 100644
index 0000000000..de8015e4e8
--- /dev/null
+++ b/layout/reftests/border-radius/scrollbar-clamping-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html dir="ltr">
+<title>Test of reduction of border-radius for scrollbars (background drawing)</title>
+<style>
+
+.contain { height: 130px; position: relative }
+
+.test {
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* border-width: 2px 4px 8px 10px; */
+  height: 110px;
+  width: 214px;
+  /* border-radius: 12px / 15px; */
+  background: blue;
+}
+
+</style>
+
+<div class="contain">
+  <!-- scrollbar along bottom -->
+  <div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
+</div>
+
+<div class="contain">
+  <!-- scrollbar along right -->
+  <div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
+</div>
+
+<div class="contain">
+  <!-- scrollbar along bottom and right -->
+  <div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
+</div>
diff --git a/layout/reftests/border-radius/scrollbar-clamping-2.html b/layout/reftests/border-radius/scrollbar-clamping-2.html
new file mode 100644
index 0000000000..177e102005
--- /dev/null
+++ b/layout/reftests/border-radius/scrollbar-clamping-2.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<title>Test of reduction of border-radius for scrollbars (background drawing)</title>
+<style>
+
+.contain { height: 130px; position: relative }
+
+.test {
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: medium solid transparent;
+  background: blue;
+  border-width: 2px 4px 8px 10px;
+  height: 100px;
+  width: 200px;
+  border-radius: 12px / 15px;
+}
+
+.cover {
+  position: absolute;
+  width: 200px;
+  height: 100px;
+  top: 2px;
+  left: 10px;
+  background: blue;
+}
+
+#x, #xy { overflow-x: scroll }
+#y, #xy { overflow-y: scroll }
+
+</style>
+
+<div class="contain">
+  <div class="test" id="x"></div>
+  <div class="cover" style="margin-top: 50px; height: 50px"></div>
+</div>
+
+<div class="contain">
+  <div class="test" id="y"></div>
+  <div class="cover" style="margin-left: 100px; width: 100px"></div>
+</div>
+
+<div class="contain">
+  <div class="test" id="xy"></div>
+  <div class="cover"></div>
+</div>
diff --git a/layout/reftests/border-radius/table-collapse-1-ref.html b/layout/reftests/border-radius/table-collapse-1-ref.html
new file mode 100644
index 0000000000..9fefb6f8cd
--- /dev/null
+++ b/layout/reftests/border-radius/table-collapse-1-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html><head>
+<title>Table border collapse</title>
+<style>
+table {
+  border: 2px solid black;
+  border-collapse: collapse;
+}
+
+td {
+  border: 2px solid black;
+  width: 50px;
+  height: 50px;
+}
+
+</style>
+</head>
+<body>
+  <table>
+    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+  </table>
+</body></html>
diff --git a/layout/reftests/border-radius/table-collapse-1.html b/layout/reftests/border-radius/table-collapse-1.html
new file mode 100644
index 0000000000..c7a99b7d73
--- /dev/null
+++ b/layout/reftests/border-radius/table-collapse-1.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html><head>
+<title>Table border collapse</title>
+<style>
+table {
+  border: 2px solid black;
+  border-collapse: collapse;
+}
+
+td {
+  border: 2px solid black;
+  width: 50px;
+  height: 50px;
+  border-radius: 4px;
+}
+
+</style>
+</head>
+<body>
+  <table>
+    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
+  </table>
+</body></html>
diff --git a/layout/reftests/border-radius/transforms-1-ref.html b/layout/reftests/border-radius/transforms-1-ref.html
new file mode 100644
index 0000000000..2aefee939f
--- /dev/null
+++ b/layout/reftests/border-radius/transforms-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<body style="background:white">
+<style>
+div {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  border-radius: 30px;
+  overflow: hidden;
+}
+
+span {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: black;
+}
+</style>
+<div><span></span></div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/transforms-1.html b/layout/reftests/border-radius/transforms-1.html
new file mode 100644
index 0000000000..5b64b3c293
--- /dev/null
+++ b/layout/reftests/border-radius/transforms-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<body style="background:white">
+<style>
+div {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  border-radius: 30px;
+  overflow: hidden;
+}
+
+span {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: black;
+  transform: scale(2);
+}
+</style>
+<div><span></span></div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/zero-radius-clip-1.html b/layout/reftests/border-radius/zero-radius-clip-1.html
new file mode 100644
index 0000000000..a1364cbd98
--- /dev/null
+++ b/layout/reftests/border-radius/zero-radius-clip-1.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<div style="background: blue; height: 100px; border-radius: 0 0 0 0; border-radius: 0 0 0 0;">
+  <div style="background: purple; height: 50px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/border-radius/zero-radius-clip-ref.html b/layout/reftests/border-radius/zero-radius-clip-ref.html
new file mode 100644
index 0000000000..26955c64ec
--- /dev/null
+++ b/layout/reftests/border-radius/zero-radius-clip-ref.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<div style="background: blue; height: 100px;">
+  <div style="background: purple; height: 50px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100301-ref.xhtml b/layout/reftests/box-properties/CSS21-t100301-ref.xhtml
new file mode 100644
index 0000000000..18d1c21816
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100301-ref.xhtml
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1 Test Suite: Inline, non-replaced elements (reference)</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" />
+		<meta name="flags" content="ahem" />
+		<style type="text/css"><![CDATA[
+
+		html { background: white; }
+
+		body {
+			width: 100px; height: 100px;
+			border: 10px solid lime; background: green;
+		}
+
+
+		]]></style>
+	</head>
+	<body>
+	</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100301.xhtml b/layout/reftests/box-properties/CSS21-t100301.xhtml
new file mode 100644
index 0000000000..e9d61cac85
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100301.xhtml
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1 Test Suite: Inline, non-replaced elements</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" />
+		<meta name="flags" content="ahem" />
+		<style type="text/css"><![CDATA[
+
+		@font-face {
+			src: url(../fonts/Ahem.ttf);
+ 			font-family: Ahem;
+        }
+
+		html { background: white; }
+
+		body {
+			width: 100px; height: 100px;
+			border: 10px solid lime; background: red;
+            font: 20px/1 Ahem;
+		}
+
+		span { background: red; color: green; }
+
+		.X::before, .space::before { background:green; color:transparent; }
+		.X::before { content:"X"; }
+		.space::before { content:" "; }
+
+		]]></style>
+	</head>
+	<body>
+
+	<!-- First row -->
+	<!-- The width property does not apply -->
+	<!-- check padding-left and border-right too -->
+	<span style="width: 1px"><span class="X"></span></span
+	><span style="width: 200px"><span class="X"></span></span
+	><span style="width: 10px; padding-left: 10px;background:green"><span class="X"></span></span
+	><span style="border-right: 10px solid green; width: 40px"><span class="X"></span></span>
+
+	<!-- Second row -->
+	<!-- auto values for margin-left and margin-right are zero -->
+	<span style="background:green"
+		><span style="margin-right: auto"><span class="X"></span></span
+		><span style="margin-left: 5px"><span class="X"></span></span
+		><span style="margin-left:auto;background:green"><span class="space"></span></span
+		><span style="margin-right: 15px"><span class="X"></span></span
+	></span>
+
+	<!-- Third row -->
+	<!-- auto values for left and right are 0, and other values don't
+	     do anything either, unless we have position:relative -->
+	<span style="left: auto"><span class="X"></span></span
+	><span style="left:8px"><span class="X"></span></span
+	><span style="right:73px"><span class="X"></span></span
+	><span style="right:auto"><span class="X"></span></span
+	><span style="background:transparent;color:red"><span class="X"></span><span style="position:relative;right:20px"><span class="X"></span></span></span>
+
+	<!-- Fourth row -->
+	<!-- toss in some negative and adjacent margins -->
+	<span style="margin-right: -5px;color:red;background:red"><span class="X"></span></span
+	><span style="margin-left: -15px"><span class="X"></span></span
+	><span style="background:green"
+		><span style="margin-right:25px"><span class="X"></span></span
+		><span style="margin-left: 15px"><span class="X"></span></span
+	></span>
+
+	<!-- Fifth row -->
+	<!-- border and padding and margin -->
+	<span style="margin-left:15px; margin-right:348px"
+		><span style="background: green; margin-left:-15px; border-left: 15px solid; padding-left: 25px;padding-right: 8px;border-right:32px solid;"><span class="X"></span></span
+	></span>
+
+	</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-in-170px.png b/layout/reftests/box-properties/CSS21-t100303-green-in-170px.png
new file mode 100644
index 0000000000..fdb4869786
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-in-170px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-in-334px.png b/layout/reftests/box-properties/CSS21-t100303-green-in-334px.png
new file mode 100644
index 0000000000..d4809b3648
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-in-334px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-in-340px.png b/layout/reftests/box-properties/CSS21-t100303-green-in-340px.png
new file mode 100644
index 0000000000..300a54fa14
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-in-340px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-in-344px.png b/layout/reftests/box-properties/CSS21-t100303-green-in-344px.png
new file mode 100644
index 0000000000..5eec683712
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-in-344px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-in-350px.png b/layout/reftests/box-properties/CSS21-t100303-green-in-350px.png
new file mode 100644
index 0000000000..6e1a1021fa
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-in-350px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-in-458px.png b/layout/reftests/box-properties/CSS21-t100303-green-in-458px.png
new file mode 100644
index 0000000000..6cb5c22547
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-in-458px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-outside-170px.png b/layout/reftests/box-properties/CSS21-t100303-green-outside-170px.png
new file mode 100644
index 0000000000..f52d6def06
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-outside-170px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-outside-334px.png b/layout/reftests/box-properties/CSS21-t100303-green-outside-334px.png
new file mode 100644
index 0000000000..8aae25ca25
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-outside-334px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-outside-340px.png b/layout/reftests/box-properties/CSS21-t100303-green-outside-340px.png
new file mode 100644
index 0000000000..613bfe782e
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-outside-340px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-outside-344px.png b/layout/reftests/box-properties/CSS21-t100303-green-outside-344px.png
new file mode 100644
index 0000000000..434ef98fa5
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-outside-344px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-outside-350px.png b/layout/reftests/box-properties/CSS21-t100303-green-outside-350px.png
new file mode 100644
index 0000000000..dd98e59448
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-outside-350px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-green-outside-458px.png b/layout/reftests/box-properties/CSS21-t100303-green-outside-458px.png
new file mode 100644
index 0000000000..f3dc66a6ef
Binary files /dev/null and b/layout/reftests/box-properties/CSS21-t100303-green-outside-458px.png differ
diff --git a/layout/reftests/box-properties/CSS21-t100303-make-images.html b/layout/reftests/box-properties/CSS21-t100303-make-images.html
new file mode 100644
index 0000000000..c397e26af1
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100303-make-images.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Script-Type" content="text/javascript">
+	<script type="text/javascript">
+
+	var gWidth = 1024;
+	var gHeight = 1;
+	var gBarriers = [ 170, 334, 340, 344, 350, 458 ];
+
+	var gColors = [ "green", "red" ];
+
+	function append_url(filename, contents_url) {
+	    var p = document.createElement("p");
+	    var a = document.createElement("a");
+	    a.href = contents_url;
+	    var t = document.createTextNode("CSS21-t100303-" + filename);
+	    a.appendChild(t);
+	    p.appendChild(a);
+	    document.body.appendChild(p);
+	}
+
+	function run() {
+	    var canvas = document.getElementById("canvas");
+	    var cx = canvas.getContext("2d");
+	    for (var i in gBarriers) {
+	        var barrier = gBarriers[i];
+
+	        cx.fillStyle = gColors[1];
+	        cx.fillRect(0, 0, gWidth, gHeight);
+	        cx.fillStyle = gColors[0];
+	        cx.fillRect(0, 0, barrier, gHeight);
+	        append_url(gColors[0] + "-in-" + barrier + "px.png",
+	                   canvas.toDataURL("image/png"));
+
+	        cx.fillStyle = gColors[0];
+	        cx.fillRect(0, 0, gWidth, gHeight);
+	        cx.fillStyle = gColors[1];
+	        cx.fillRect(0, 0, barrier, gHeight);
+	        append_url(gColors[0] + "-outside-" + barrier + "px.png",
+	                   canvas.toDataURL("image/png"));
+	    }
+	}
+
+	</script>
+</head>
+<body onload="run()">
+
+<canvas width="1024" height="1" id="canvas"></canvas>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100303-ref.xhtml b/layout/reftests/box-properties/CSS21-t100303-ref.xhtml
new file mode 100644
index 0000000000..aff2b921eb
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100303-ref.xhtml
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1 Test Suite: Block-level, non-replaced elements in normal flow</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		body { direction: ltr; }
+
+		body > div {
+			margin-left: 3px;
+			width: 669px;
+			height: 96px;
+			background: green;
+		}
+		]]></style>
+	</head>
+	<body>
+
+		<div></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100303-simple.xhtml b/layout/reftests/box-properties/CSS21-t100303-simple.xhtml
new file mode 100644
index 0000000000..94afe061aa
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100303-simple.xhtml
@@ -0,0 +1,202 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1 Test Suite: Block-level, non-replaced elements in normal flow</title>
+		<!--
+
+		    THIS IS NOT THE FULL TEST.  IT HAS BEEN MODIFIED TO WORK
+		    AROUND THE FOLLOWING BUG:
+		    https://bugzilla.mozilla.org/show_bug.cgi?id=423306
+		    BY MAKING THE INTERMEDIATE ELEMENT NOT HAVE CHANGING 'direction'
+
+		  -->
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		body { direction: ltr; }
+		div { height: 1px; }
+
+		/* containing block */
+		body > div {
+			margin: 0 17px 0 3px;
+			border: medium solid transparent;
+			border-width: 0 154px 0 157px;
+			padding: 0 6px 0 2px;
+			width: 350px;
+		}
+		/* parent that is not containing block */
+		/* COMMENTED OUT PER WORKAROUND DESCRIBED AT TOP */
+		/* body > div > div { display: inline; } */
+		/* test element */
+		body > div > div > div {
+			margin: 0 10px 0 6px;
+			border: medium solid transparent;
+			border-width: 0 12px 0 5px;
+			padding: 0 17px 0 9px;
+		}
+
+		/* COMMENTED OUT PER WORKAROUND DESCRIBED AT TOP */
+		body > div, /* body > div > div, */ body > div > div > div { direction: ltr; }
+		body > div.trtl > div > div { direction: rtl; }
+		/* COMMENTED OUT PER WORKAROUND DESCRIBED AT TOP */
+		/* body > div.prtl > div { direction: rtl; } */
+		body > div.cbrtl { direction: rtl; }
+		body > div.mlauto > div > div { margin-left: auto; }
+		body > div.mrauto > div > div { margin-right: auto; }
+
+		body > div.wauto > div > div { width: auto; }
+		body > div.wnarrow > div > div { width: 127px; }
+		body > div.wwide > div > div { width: 415px; }
+
+		/*
+		 * make a background on the containing block that is red
+		 * everywhere except where the test should draw its background
+		 */
+		body > div.wnarrow { background-image: url(CSS21-t100303-green-outside-170px.png); }
+		body > div.wwide { background-image: url(CSS21-t100303-green-outside-458px.png); }
+		body > div.wauto { background-image: url(CSS21-t100303-green-outside-334px.png); }
+		body > div.wauto.mlauto { background-image: url(CSS21-t100303-green-outside-340px.png); }
+		body > div.wauto.mrauto { background-image: url(CSS21-t100303-green-outside-344px.png); }
+		body > div.wauto.mlauto.mrauto { background-image: url(CSS21-t100303-green-outside-350px.png); }
+
+		/*
+		 * The only results in the markup rather than using selectors
+		 * are whether the div ends up aligned to the left edge (atl),
+		 * the right edge (atr), or centered (atc).  Things with auto
+		 * widths always count as atl, to make the style rules simpler
+		 * (though they abut both edges).
+		 */
+		body > div.atl { background-position: 8px 0; }
+		body > div.atl.mlauto { background-position: 2px 0; }
+
+		body > div.atr.wnarrow { background-position: 172px 0; }
+		body > div.atr.wnarrow.mrauto { background-position: 182px 0; }
+		body > div.atr.wwide { background-position: -116px 0; }
+		body > div.atr.wwide.mrauto { background-position: -106px 0; }
+
+		/* Can only be atc when mlauto and mrauto and wnarrow. */
+		body > div.atc.wnarrow { background-position: 92px 0; }
+
+		/*
+		 * make a background on the test div that is green only within
+		 * its desired width and red elsewhere
+		 */
+		body > div.wnarrow > div > div { background-image: url(CSS21-t100303-green-in-170px.png); }
+		body > div.wwide > div > div { background-image: url(CSS21-t100303-green-in-458px.png); }
+		body > div.wauto > div > div { background-image: url(CSS21-t100303-green-in-334px.png); }
+		body > div.wauto.mlauto > div > div { background-image: url(CSS21-t100303-green-in-340px.png); }
+		body > div.wauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-344px.png); }
+		body > div.wauto.mlauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-350px.png); }
+		/* move position to border-edge */
+		body > div > div > div { background-position: -5px 0; }
+
+		/* for debugging */
+		/* body > div { background: transparent ! important; } */
+		/* body > div > div > div { background: orange ! important; } */
+
+		]]></style>
+	</head>
+	<body>
+
+		<div class="atl wauto"><div><div></div></div></div>
+		<div class="atl wauto trtl"><div><div></div></div></div>
+		<div class="atl wauto prtl"><div><div></div></div></div>
+		<div class="atl wauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto"><div><div></div></div></div>
+		<div class="atl wauto mlauto trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto prtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto"><div><div></div></div></div>
+		<div class="atl wauto mrauto trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow"><div><div></div></div></div>
+		<div class="atl wnarrow trtl"><div><div></div></div></div>
+		<div class="atl wnarrow prtl"><div><div></div></div></div>
+		<div class="atl wnarrow prtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto prtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto prtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto prtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide"><div><div></div></div></div>
+		<div class="atl wwide trtl"><div><div></div></div></div>
+		<div class="atl wwide prtl"><div><div></div></div></div>
+		<div class="atl wwide prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide mlauto"><div><div></div></div></div>
+		<div class="atl wwide mlauto trtl"><div><div></div></div></div>
+		<div class="atl wwide mlauto prtl"><div><div></div></div></div>
+		<div class="atl wwide mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto"><div><div></div></div></div>
+		<div class="atl wwide mrauto trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto prtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto prtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100303.xhtml b/layout/reftests/box-properties/CSS21-t100303.xhtml
new file mode 100644
index 0000000000..463dd7ced5
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100303.xhtml
@@ -0,0 +1,191 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1 Test Suite: Block-level, non-replaced elements in normal flow</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+		<meta name="flags" content="" />
+		<style type="text/css"><![CDATA[
+
+		body { direction: ltr; }
+		div { height: 1px; }
+
+		/* containing block */
+		body > div {
+			margin: 0 17px 0 3px;
+			border: medium solid transparent;
+			border-width: 0 154px 0 157px;
+			padding: 0 6px 0 2px;
+			width: 350px;
+		}
+		/* parent that is not containing block */
+		body > div > div { display: inline; }
+		/* test element */
+		body > div > div > div {
+			margin: 0 10px 0 6px;
+			border: medium solid transparent;
+			border-width: 0 12px 0 5px;
+			padding: 0 17px 0 9px;
+		}
+
+		body > div, body > div > div, body > div > div > div { direction: ltr; }
+		body > div.trtl > div > div { direction: rtl; }
+		body > div.prtl > div { direction: rtl; }
+		body > div.cbrtl { direction: rtl; }
+		body > div.mlauto > div > div { margin-left: auto; }
+		body > div.mrauto > div > div { margin-right: auto; }
+
+		body > div.wauto > div > div { width: auto; }
+		body > div.wnarrow > div > div { width: 127px; }
+		body > div.wwide > div > div { width: 415px; }
+
+		/*
+		 * make a background on the containing block that is red
+		 * everywhere except where the test should draw its background
+		 */
+		body > div.wnarrow { background-image: url(CSS21-t100303-green-outside-170px.png); }
+		body > div.wwide { background-image: url(CSS21-t100303-green-outside-458px.png); }
+		body > div.wauto { background-image: url(CSS21-t100303-green-outside-334px.png); }
+		body > div.wauto.mlauto { background-image: url(CSS21-t100303-green-outside-340px.png); }
+		body > div.wauto.mrauto { background-image: url(CSS21-t100303-green-outside-344px.png); }
+		body > div.wauto.mlauto.mrauto { background-image: url(CSS21-t100303-green-outside-350px.png); }
+
+		/*
+		 * The only results in the markup rather than using selectors
+		 * are whether the div ends up aligned to the left edge (atl),
+		 * the right edge (atr), or centered (atc).  Things with auto
+		 * widths always count as atl, to make the style rules simpler
+		 * (though they abut both edges).
+		 */
+		body > div.atl { background-position: 8px 0; }
+		body > div.atl.mlauto { background-position: 2px 0; }
+
+		body > div.atr.wnarrow { background-position: 172px 0; }
+		body > div.atr.wnarrow.mrauto { background-position: 182px 0; }
+		body > div.atr.wwide { background-position: -116px 0; }
+		body > div.atr.wwide.mrauto { background-position: -106px 0; }
+
+		/* Can only be atc when mlauto and mrauto and wnarrow. */
+		body > div.atc.wnarrow { background-position: 92px 0; }
+
+		/*
+		 * make a background on the test div that is green only within
+		 * its desired width and red elsewhere
+		 */
+		body > div.wnarrow > div > div { background-image: url(CSS21-t100303-green-in-170px.png); }
+		body > div.wwide > div > div { background-image: url(CSS21-t100303-green-in-458px.png); }
+		body > div.wauto > div > div { background-image: url(CSS21-t100303-green-in-334px.png); }
+		body > div.wauto.mlauto > div > div { background-image: url(CSS21-t100303-green-in-340px.png); }
+		body > div.wauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-344px.png); }
+		body > div.wauto.mlauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-350px.png); }
+		/* move position to border-edge */
+		body > div > div > div { background-position: -5px 0; }
+
+		/* for debugging */
+		/* body > div { background: transparent ! important; } */
+		/* body > div > div > div { background: orange ! important; } */
+
+		]]></style>
+	</head>
+	<body>
+
+		<div class="atl wauto"><div><div></div></div></div>
+		<div class="atl wauto trtl"><div><div></div></div></div>
+		<div class="atl wauto prtl"><div><div></div></div></div>
+		<div class="atl wauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto"><div><div></div></div></div>
+		<div class="atl wauto mlauto trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto prtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto"><div><div></div></div></div>
+		<div class="atl wauto mrauto trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wauto mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow"><div><div></div></div></div>
+		<div class="atl wnarrow trtl"><div><div></div></div></div>
+		<div class="atl wnarrow prtl"><div><div></div></div></div>
+		<div class="atl wnarrow prtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wnarrow cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto prtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wnarrow mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto prtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto prtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atl wnarrow mrauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto prtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atc wnarrow mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide"><div><div></div></div></div>
+		<div class="atl wwide trtl"><div><div></div></div></div>
+		<div class="atl wwide prtl"><div><div></div></div></div>
+		<div class="atl wwide prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide mlauto"><div><div></div></div></div>
+		<div class="atl wwide mlauto trtl"><div><div></div></div></div>
+		<div class="atl wwide mlauto prtl"><div><div></div></div></div>
+		<div class="atl wwide mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide mlauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto"><div><div></div></div></div>
+		<div class="atl wwide mrauto trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto prtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto cbrtl prtl trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto trtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto prtl"><div><div></div></div></div>
+		<div class="atl wwide mrauto mlauto prtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl trtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl prtl"><div><div></div></div></div>
+		<div class="atr wwide mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100801-vertical-align-ref.xhtml b/layout/reftests/box-properties/CSS21-t100801-vertical-align-ref.xhtml
new file mode 100644
index 0000000000..8e11729e0f
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100801-vertical-align-ref.xhtml
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1 Test Suite: vertical-align (on an inline-block) (reference)</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+		<meta name="flags" content="" />
+		<meta http-equiv="Content-Style-Type" content="text/css" />
+		<style type="text/css"><![CDATA[
+
+		body { width: 500px; height: 500px; margin: 0; position: relative; }
+		body > div {
+			position: absolute;
+			height: 50px; width: 40px;
+			top: 100px; left: 0;
+			background: green;
+		}
+
+		]]></style>
+	</head>
+	<body>
+
+<div></div>
+
+	</body>
+</html>
diff --git a/layout/reftests/box-properties/CSS21-t100801-vertical-align.xhtml b/layout/reftests/box-properties/CSS21-t100801-vertical-align.xhtml
new file mode 100644
index 0000000000..34ee8c7884
--- /dev/null
+++ b/layout/reftests/box-properties/CSS21-t100801-vertical-align.xhtml
@@ -0,0 +1,247 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1 Test Suite: vertical-align (on an inline-block)</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+		<meta name="flags" content="" />
+		<meta http-equiv="Content-Style-Type" content="text/css" />
+		<style type="text/css"><![CDATA[
+
+		body { width: 500px; height: 500px; margin: 0; position: relative; }
+		body > div { position: absolute; width: 500px; }
+
+		b { display:inline-block; height: 50px; width: 1px; background:green; }
+
+		]]></style>
+	</head>
+	<body>
+
+<!--
+
+  The basic structure of this test is that each passing item will create
+  a box 1 pixel wide and 50px tall (stretching from 100px to 150px from
+  the top of the page).  Together these items will line up to form a
+  rectangle.
+
+  This test only tests the 'top', 'bottom', 'text-top', 'text-bottom',
+  'baseline', <length>, and <percentage> values of 'vertical-align'.  It
+  does not test 'sub', 'super', or 'middle', and it does not test
+  anything relative to actual font metrics.
+
+  -->
+
+<!-- vertical-align: top -->
+
+<div style="top: 100px; left: 0;">
+  <b style="vertical-align:top"></b>
+</div>
+
+<div style="top: 100px; left: 1px;">
+  <b style="vertical-align:top"></b>
+  <span style="visibility:hidden; font-size: 10px;">text</span>
+</div>
+
+<div style="top: 100px; left: 2px;">
+  <b style="vertical-align:top"></b>
+  <span style="visibility:hidden; font-size: 100px;">text</span>
+</div>
+
+<div style="top: 100px; right: 496px; text-align: right;">
+  <span style="visibility:hidden; font-size: 10px;">text</span>
+  <b style="vertical-align:top"></b>
+</div>
+
+<div style="top: 100px; right: 495px; text-align: right;">
+  <span style="visibility:hidden; font-size: 100px;">text</span>
+  <b style="vertical-align:top"></b>
+</div>
+
+<!-- Test behavior of the rest of the line when there's a single loose
+	 subtree with vertical-align: top.  This isn't required by the spec, but
+	 test it anyway. -->
+
+<div style="top: 100px; left: 5px;">
+  <b style="vertical-align:baseline"></b>
+  <span style="visibility:hidden; vertical-align: top; font-size: 100px;">text</span>
+</div>
+
+<div style="top: 100px; left: 6px;">
+  <b style="vertical-align:baseline"></b>
+  <span style="visibility:hidden; vertical-align: top; font-size: 10px;">text</span>
+</div>
+
+<div style="top: 100px; right: 492px; text-align: right;">
+  <span style="visibility:hidden; vertical-align: top; font-size: 100px;">text</span>
+  <b style="vertical-align:baseline"></b>
+</div>
+
+<div style="top: 100px; right: 491px; text-align: right;">
+  <span style="visibility:hidden; vertical-align: top; font-size: 10px;">text</span>
+  <b style="vertical-align:baseline"></b>
+</div>
+
+<!-- Test that we align the loose subtree, not just the box (118501) -->
+
+<div style="top: 100px; left: 9px;">
+  <span style="font-size: 10px; vertical-align: top"><b></b></span>
+</div>
+
+<div style="top: 100px; left: 10px;">
+  <span style="font-size: 100px; vertical-align: top; line-height: 0;"><b style="vertical-align:text-top"></b></span>
+</div>
+
+<!-- vertical-align: bottom -->
+
+<div style="bottom: 350px; left: 11px;">
+  <b style="vertical-align:bottom"></b>
+</div>
+
+<div style="bottom: 350px; left: 12px;">
+  <b style="vertical-align:bottom"></b>
+  <span style="visibility:hidden; font-size: 10px;">text</span>
+</div>
+
+<div style="bottom: 350px; left: 13px;">
+  <b style="vertical-align:bottom"></b>
+  <span style="visibility:hidden; font-size: 100px;">text</span>
+</div>
+
+<div style="bottom: 350px; right: 485px; text-align: right;">
+  <span style="visibility:hidden; font-size: 10px;">text</span>
+  <b style="vertical-align:bottom"></b>
+</div>
+
+<div style="bottom: 350px; right: 484px; text-align: right;">
+  <span style="visibility:hidden; font-size: 100px;">text</span>
+  <b style="vertical-align:bottom"></b>
+</div>
+
+<!-- Test behavior of the rest of the line when there's a single loose
+	 subtree with vertical-align: bottom.  This isn't required by the spec, but
+	 test it anyway. -->
+
+<div style="bottom: 350px; left: 16px;">
+  <b style="vertical-align:text-top"></b>
+  <span style="visibility:hidden; vertical-align: bottom; font-size: 100px;">text</span>
+</div>
+
+<div style="bottom: 350px; left: 17px;">
+  <b style="vertical-align:text-top"></b>
+  <span style="visibility:hidden; vertical-align: bottom; font-size: 10px;">text</span>
+</div>
+
+<div style="bottom: 350px; right: 481px; text-align: right;">
+  <span style="visibility:hidden; vertical-align: bottom; font-size: 100px;">text</span>
+  <b style="vertical-align:text-top"></b>
+</div>
+
+<div style="bottom: 350px; right: 480px; text-align: right;">
+  <span style="visibility:hidden; vertical-align: bottom; font-size: 10px;">text</span>
+  <b style="vertical-align:text-top"></b>
+</div>
+
+<!-- Test that we align the loose subtree, not just the box (118501) -->
+
+<div style="bottom: 350px; left: 20px;">
+  <span style="font-size: 10px; vertical-align: bottom"><b style="vertical-align:text-top"></b></span>
+</div>
+
+<div style="bottom: 350px; left: 21px;">
+  <span style="font-size: 100px; vertical-align: bottom; line-height: 0;"><b style="vertical-align:text-bottom"></b></span>
+</div>
+
+<!-- test top and bottom nested within other things -->
+
+<div style="top: 100px; left: 22px;">
+  <span style="font-size: 100px; vertical-align: text-top">
+    <span style="font-size: 10px; vertical-align: text-bottom">
+      <b style="vertical-align:top"></b>
+    </span>
+  </span>
+</div>
+
+<div style="bottom: 350px; left: 23px;">
+  <span style="font-size: 100px; vertical-align: text-bottom">
+    <span style="font-size: 10px; vertical-align: text-top">
+      <b style="vertical-align:bottom"></b>
+    </span>
+  </span>
+</div>
+
+<!-- test top and bottom within the same box -->
+
+<div style="top: 100px; left: 24px;">
+  <b style="vertical-align:top"></b
+  ><b style="vertical-align:bottom"></b>
+</div>
+
+<div style="bottom: 350px; left: 26px; font-size: 10px">
+  <b style="vertical-align:bottom"></b
+  ><b style="vertical-align:top"></b
+  ><b style="vertical-align: -10px"></b>
+</div>
+
+<div style="top: 100px; left: 29px; font-size: 10px">
+  <b style="vertical-align: -10px"></b
+  ><b style="vertical-align:top"></b
+  ><b style="vertical-align:bottom"></b>
+</div>
+
+<!-- test vertical-align: length -->
+
+<div style="top: 100px; left: 32px; font-size: 10px">
+  <b style="vertical-align: baseline; height: 40px"></b
+  ><b style="vertical-align: 20px; height: 20px"></b
+  ><b style="vertical-align: -10px; height: 10px; margin-left: -2px"></b
+  ><b style="vertical-align: -10px; height: 30px"></b>
+</div>
+
+<!-- test vertical-align: percentage -->
+
+<div style="top: 100px; left: 34px; font-size: 10px; line-height: 10px;">
+  <b style="vertical-align: baseline; height: 40px"></b
+  ><b style="vertical-align: 200%; height: 20px"></b
+  ><b style="vertical-align: -25%; height: 10px; margin-left: -2px; line-height: 40px;"></b
+  ><b style="vertical-align: -100%; height: 30px;line-height:10px"></b>
+</div>
+
+<!-- test vertical-align: text-top -->
+
+<div style="top: 100px; left: 36px; font-size: 10px; line-height: 2px;">
+  <!-- we're testing:
+	1) that the top of the first b's background is even with the top of
+	   the span's background, which is likewise even with the top of the
+	   line box (thanks to the b's contribution)
+	2) that the second b (which serves to fill the area under the span)
+	   is aligned relative to its parent, not to the line box
+    -->
+  <span style="background:green"
+    ><b style="vertical-align: text-top"></b
+    ><span style="vertical-align: -8px"
+      ><b style="vertical-align: text-top; height: 42px"></b
+    ></span
+  ></span>
+</div>
+
+<!-- test vertical-align: text-bottom -->
+
+<div style="bottom: 350px; left: 38px; font-size: 10px; line-height: 2px;">
+  <!-- we're testing:
+	1) that the bottom of the first b's background is even with the bottom of
+	   the span's background, which is likewise even with the bottom of the
+	   line box (thanks to the b's contribution)
+	2) that the second b (which serves to fill the area under the span)
+	   is aligned relative to its parent, not to the line box
+    -->
+  <span style="background:green"
+    ><b style="vertical-align: text-bottom"></b
+    ><span style="vertical-align: 8px"
+      ><b style="vertical-align: text-bottom; height: 42px"></b
+    ></span
+  ></span>
+</div>
+
+	</body>
+</html>
diff --git a/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html b/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html
new file mode 100644
index 0000000000..f48fc42636
--- /dev/null
+++ b/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html
@@ -0,0 +1,456 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
+<html>
+<head>
+<title>Test, CSS 2.1, section 10.3.7</title>
+<style type="text/css">
+
+html, body { margin: 0; padding: 0; border: none; }
+div { height: 1px; background: navy; margin-right: 19px; }
+
+</style>
+</head>
+<body>
+
+<!-- ***** NARROW WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<!-- margin-left and margin-right auto -->
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+
+<!-- AUTO WIDTH -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<!-- only margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<!-- only margin-right auto (margin-right like 0) -->
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<!-- margin-left and margin-right auto (both like 0) -->
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+
+<!-- ***** WIDE WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- only left auto -->
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<!-- margin-left and margin-right auto (alternately like 0) -->
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin.html b/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin.html
new file mode 100644
index 0000000000..2f67f9fd1c
--- /dev/null
+++ b/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin.html
@@ -0,0 +1,488 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
+<html>
+<head>
+<title>Test, CSS 2.1, section 10.3.7</title>
+<style type="text/css">
+
+div { height: 1px; direction: ltr; }
+
+/*
+ * Every case here has three divs nested inside of each other.  The
+ * innermost div (absolutely positioned) is the testcase (and has
+ * color).  The middle div's content edge establishes the containing
+ * block it would have if it were statically positioned.  The outermost
+ * div is actually its containing block.
+ *
+ * the abs pos containing block runs from 50px to 700px from the left edge
+ * the static pos containing block runs from 150px to 650px from the left edge
+ */
+
+/* totals for html and body: 21px on the left,  34px on the right */
+html, body { border: transparent medium solid; }
+html { margin: 0 3px 0 2px; padding: 0 4px 0 3px; border-width: 0 3px 0 8px; }
+body { margin: 0 6px 0 3px; padding: 0 7px 0 1px; border-width: 0 11px 0 4px; }
+
+body > div {
+  position: relative;
+
+  top: 0;
+  left: 4px;
+
+  margin-left: 16px;
+  border-left: 9px solid transparent;
+  /* sum of above items (29px), plus 21px above, is 50px */
+  padding-left: 40px;
+
+  width: 595px;
+
+  padding-right: 15px;
+  /* sum of above items (650px), plus 50px above, is 700px */
+
+  border-right: 27px solid transparent;
+  margin-right: 13px;
+}
+
+body > div > div {
+  /* padding-left above: 40px */
+  margin-left: 7px;
+  border-left: 29px solid transparent;
+  padding-left: 24px;
+  /* sum of above items (100px), plus 50px above, is 150px */
+
+  /* padding-right above: 15px */
+  padding-right: 14px;
+  border-right: 3px solid transparent;
+  margin-right: 18px;
+  /* sum of above items (50px), subtracted from 700px, is 650px */
+}
+
+body > div > div > div {
+  background: navy;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+
+  /* specify everything; we'll put the autos as overrides below */
+  left: 3px;
+  margin-left: 17px;
+  border-left: 6px solid transparent;
+  padding-left: 1px;
+  padding-right: 9px;
+  border-right: 8px solid transparent;
+  margin-right: 19px;
+  right: 8px;
+}
+
+/* and give it 72px of intrinsic width for the case where it has width:auto */
+body > div > div > div > div {
+  width: 72px;
+}
+
+/* now we want to test all 128 combinations of presence of the following */
+
+body > div.adir { direction: rtl; }
+body > div.sdir > div { direction: rtl; }
+body > div.edir > div > div { direction: rtl; }
+body > div.ol > div > div { left: auto; }
+body > div.or > div > div { right: auto; }
+body > div.ml > div > div { margin-left: auto; }
+body > div.mr > div > div { margin-right: auto; }
+
+/* combined with each of these three */
+body > div.narrowwidth > div > div { width: 153px; }
+body > div.autowidth > div > div { width: auto; }
+body > div.widewidth > div > div { width: 660px; }
+
+</style>
+</head>
+<body>
+
+<div class="narrowwidth"><div><div><div></div></div></div></div>
+<div class="narrowwidth adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or"><div><div><div></div></div></div></div>
+<div class="narrowwidth or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+
+<div class="autowidth"><div><div><div></div></div></div></div>
+<div class="autowidth adir"><div><div><div></div></div></div></div>
+<div class="autowidth sdir"><div><div><div></div></div></div></div>
+<div class="autowidth sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth edir"><div><div><div></div></div></div></div>
+<div class="autowidth edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol"><div><div><div></div></div></div></div>
+<div class="autowidth ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or"><div><div><div></div></div></div></div>
+<div class="autowidth or adir"><div><div><div></div></div></div></div>
+<div class="autowidth or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol"><div><div><div></div></div></div></div>
+<div class="autowidth or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml"><div><div><div></div></div></div></div>
+<div class="autowidth ml adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or"><div><div><div></div></div></div></div>
+<div class="autowidth ml or adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr"><div><div><div></div></div></div></div>
+<div class="autowidth mr adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or"><div><div><div></div></div></div></div>
+<div class="autowidth mr or adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+
+<div class="widewidth"><div><div><div></div></div></div></div>
+<div class="widewidth adir"><div><div><div></div></div></div></div>
+<div class="widewidth sdir"><div><div><div></div></div></div></div>
+<div class="widewidth sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth edir"><div><div><div></div></div></div></div>
+<div class="widewidth edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol"><div><div><div></div></div></div></div>
+<div class="widewidth ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or"><div><div><div></div></div></div></div>
+<div class="widewidth or adir"><div><div><div></div></div></div></div>
+<div class="widewidth or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol"><div><div><div></div></div></div></div>
+<div class="widewidth or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml"><div><div><div></div></div></div></div>
+<div class="widewidth ml adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or"><div><div><div></div></div></div></div>
+<div class="widewidth ml or adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr"><div><div><div></div></div></div></div>
+<div class="widewidth mr adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or"><div><div><div></div></div></div></div>
+<div class="widewidth mr or adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/abspos-replaced-width-offset-margin-narrow.png b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-narrow.png
new file mode 100644
index 0000000000..b36c5f4f99
Binary files /dev/null and b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-narrow.png differ
diff --git a/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html
new file mode 100644
index 0000000000..38aed2c96e
--- /dev/null
+++ b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html
@@ -0,0 +1,604 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
+<html>
+<head>
+<title>Test, CSS 2.1, section 10.3.8</title>
+<style type="text/css">
+
+html, body { margin: 0; padding: 0; border: none; }
+div { height: 1px; background: blue;
+      border-left: 7px solid navy; border-right: 17px solid navy; margin-right: 19px; }
+
+</style>
+</head>
+<body>
+
+<!-- ***** WIDE WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<!-- margin-left and margin-right auto (alternately like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+
+<!-- ***** NARROW WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<!-- margin-left and margin-right auto -->
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+
+<!-- ***** NARROW WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<!-- margin-left and margin-right auto -->
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+
+<!-- ***** WIDE WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<!-- margin-left and margin-right auto (alternately like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/abspos-replaced-width-offset-margin-wide.png b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-wide.png
new file mode 100644
index 0000000000..ef3fce2dce
Binary files /dev/null and b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-wide.png differ
diff --git a/layout/reftests/box-properties/abspos-replaced-width-offset-margin.html b/layout/reftests/box-properties/abspos-replaced-width-offset-margin.html
new file mode 100644
index 0000000000..a8417dad42
--- /dev/null
+++ b/layout/reftests/box-properties/abspos-replaced-width-offset-margin.html
@@ -0,0 +1,612 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
+<html>
+<head>
+<title>Test, CSS 2.1, section 10.3.8</title>
+<style type="text/css">
+
+div { height: 1px; direction: ltr; }
+
+/*
+ * Every case here has two divs and an image nested inside of each other.  The
+ * innermost div (absolutely positioned) is the testcase (and has
+ * color).  The middle div's content edge establishes the containing
+ * block it would have if it were statically positioned.  The outermost
+ * div is actually its containing block.
+ *
+ * the abs pos containing block runs from 50px to 700px from the left edge
+ * the static pos containing block runs from 150px to 650px from the left edge
+ */
+
+/* totals for html and body: 21px on the left,  34px on the right */
+html, body { border: transparent medium solid; }
+html { margin: 0 3px 0 2px; padding: 0 4px 0 3px; border-width: 0 3px 0 8px; }
+body { margin: 0 6px 0 3px; padding: 0 7px 0 1px; border-width: 0 11px 0 4px; }
+
+body > div {
+  position: relative;
+
+  top: 0;
+  left: 4px;
+
+  margin-left: 16px;
+  border-left: 9px solid transparent;
+  /* sum of above items (29px), plus 21px above, is 50px */
+  padding-left: 40px;
+
+  width: 595px;
+
+  padding-right: 15px;
+  /* sum of above items (650px), plus 50px above, is 700px */
+
+  border-right: 27px solid transparent;
+  margin-right: 13px;
+}
+
+body > div > div {
+  /* padding-left above: 40px */
+  margin-left: 7px;
+  border-left: 29px solid transparent;
+  padding-left: 24px;
+  /* sum of above items (100px), plus 50px above, is 150px */
+
+  /* padding-right above: 15px */
+  padding-right: 14px;
+  border-right: 3px solid transparent;
+  margin-right: 18px;
+  /* sum of above items (50px), subtracted from 700px, is 650px */
+}
+
+body > div > div > img {
+  background: navy;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+
+  /* specify everything; we'll put the autos as overrides below */
+  left: 3px;
+  margin-left: 17px;
+  border-left: 6px solid transparent;
+  padding-left: 1px;
+  padding-right: 9px;
+  border-right: 8px solid transparent;
+  margin-right: 19px;
+  right: 8px;
+}
+
+/* now we want to test all 128 combinations of presence of the following */
+
+body > div.adir { direction: rtl; }
+body > div.sdir > div { direction: rtl; }
+body > div.edir > div > img { direction: rtl; }
+body > div.ol > div > img { left: auto; }
+body > div.or > div > img { right: auto; }
+body > div.ml > div > img { margin-left: auto; }
+body > div.mr > div > img { margin-right: auto; }
+
+/* combined with each of these three (as appropriate for narrow/wide images) */
+body > div.narrowwidth > div > img { width: 153px; height: 1px; }
+body > div.autowidth > div > img { width: auto; }
+body > div.widewidth > div > img { width: 660px; height: 1px; }
+
+</style>
+</head>
+<body>
+
+<div class="autowidth"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="autowidth mr ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+
+<div class="narrowwidth"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+<div class="narrowwidth mr ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-wide.png"></div></div>
+
+<div class="autowidth"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="autowidth mr ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+
+<div class="widewidth"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol edir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol edir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol edir sdir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+<div class="widewidth mr ml or ol edir sdir adir"><div><img alt="" src="abspos-replaced-width-offset-margin-narrow.png"></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-1-ref.html b/layout/reftests/box-properties/box-sizing-1-ref.html
new file mode 100644
index 0000000000..42aee17719
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-1-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of box-sizing</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+    table { border-spacing: 0; margin: 0; }
+    td { border: 1px solid; padding: 1px; }
+
+    td > div { width: 100px; }
+
+    td > div > div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+      margin-bottom: 1px;
+
+      float: left;
+      clear: left;
+    }
+
+  </style>
+</head>
+<body>
+
+<table><tr>
+
+<td id="bscontent"><div>
+
+<!-- box-sizing: content-box -->
+<div style="width: 37px">A B</div>
+<div style="width: auto">A B</div>
+<div style="width: auto">A<br>B</div>
+<div style="width: auto">A B</div>
+<div style="width: 37px">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60px">A B</div>
+
+</div></td>
+
+<td id="bsborder"><div>
+<!-- box-sizing: border-box -->
+<div style="width: 37px">A B</div>
+<div style="width: auto">A B</div>
+<div style="width: auto">A<br>B</div>
+<div style="width: auto">A B</div>
+<div style="width: 37px">A B</div>
+<div style="width: 20px">A B</div>
+<div style="width: 30px">A B</div>
+
+</div></td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-1.html b/layout/reftests/box-properties/box-sizing-1.html
new file mode 100644
index 0000000000..7070f9c97f
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-1.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of box-sizing</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+    table { border-spacing: 0; margin: 0; }
+    td { border: 1px solid; padding: 1px; }
+
+    td > div { width: 100px; }
+
+    td#bscontent > div > div { box-sizing: content-box; }
+    td#bsborder > div > div { box-sizing: border-box; }
+
+    td > div > div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+      margin-bottom: 1px;
+    }
+
+  </style>
+</head>
+<body>
+
+<table><tr>
+
+<td id="bscontent"><div>
+
+<!-- box-sizing: content-box -->
+<div style="width: auto">A B</div>
+<div style="width: max-content">A B</div>
+<div style="width: min-content">A B</div>
+<div style="width: -moz-fit-content">A B</div>
+<div style="width: -moz-available">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60%">A B</div>
+
+</div></td>
+
+<td id="bsborder"><div>
+<!-- box-sizing: border-box -->
+<div style="width: auto">A B</div>
+<div style="width: max-content">A B</div>
+<div style="width: min-content">A B</div>
+<div style="width: -moz-fit-content">A B</div>
+<div style="width: -moz-available">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60%">A B</div>
+
+</div></td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-2-ref.html b/layout/reftests/box-properties/box-sizing-2-ref.html
new file mode 100644
index 0000000000..b11313ed4e
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-2-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of box-sizing</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+    table { border-spacing: 0; margin: 0; }
+    td { border: 1px solid; padding: 1px solid; }
+
+    td td > div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+    }
+
+  </style>
+</head>
+<body>
+
+<table><tr>
+
+<td id="bscontent">
+
+<!-- box-sizing: content-box -->
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div>A<br>B</div></td></tr></table>
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div style="width: 150px">A B</div></td></tr></table>
+
+</td>
+
+<td id="bsborder">
+<!-- box-sizing: border-box -->
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div>A<br>B</div></td></tr></table>
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div>A B</div></td></tr></table>
+<table><tr><td><div style="width: 120px">A B</div></td></tr></table>
+
+</td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-2.html b/layout/reftests/box-properties/box-sizing-2.html
new file mode 100644
index 0000000000..bb9ae4714e
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-2.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of box-sizing</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+    table { border-spacing: 0; margin: 0; }
+    td { border: 1px solid; padding: 1px solid; }
+
+    td#bscontent td > div { box-sizing: content-box; }
+    td#bsborder td > div { box-sizing: border-box; }
+
+    td td > div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+    }
+
+  </style>
+</head>
+<body>
+
+<table><tr>
+
+<td id="bscontent">
+
+<!-- box-sizing: content-box -->
+<table><tr><td><div style="width: auto">A B</div></td></tr></table>
+<table><tr><td><div style="width: max-content">A B</div></td></tr></table>
+<table><tr><td><div style="width: min-content">A B</div></td></tr></table>
+<table><tr><td><div style="width: -moz-fit-content">A B</div></td></tr></table>
+<table><tr><td><div style="width: -moz-available">A B</div></td></tr></table>
+<table><tr><td><div style="width: 150px">A B</div></td></tr></table>
+
+</td>
+
+<td id="bsborder">
+<!-- box-sizing: border-box -->
+<table><tr><td><div style="width: auto">A B</div></td></tr></table>
+<table><tr><td><div style="width: max-content">A B</div></td></tr></table>
+<table><tr><td><div style="width: min-content">A B</div></td></tr></table>
+<table><tr><td><div style="width: -moz-fit-content">A B</div></td></tr></table>
+<table><tr><td><div style="width: -moz-available">A B</div></td></tr></table>
+<table><tr><td><div style="width: 150px">A B</div></td></tr></table>
+
+</td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-3.html b/layout/reftests/box-properties/box-sizing-3.html
new file mode 100644
index 0000000000..ca346e538f
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-3.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of box-sizing</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+    table { border-spacing: 0; margin: 0; }
+    td { border: 1px solid; padding: 1px solid; }
+
+    td > div { width: 100px; }
+
+    td#bscontent > div > div { box-sizing: content-box; }
+    td#bsborder > div > div { box-sizing: border-box; }
+
+    td > div > div {
+      margin-left: 1%;
+      border-left: 2px solid;
+      padding-left: 4%;
+      padding-right: 8%;
+      border-right: 16px solid;
+      margin-right: 32%;
+
+      background: yellow;
+      margin-bottom: 1px;
+    }
+
+  </style>
+</head>
+<body>
+
+<table><tr>
+
+<td id="bscontent"><div>
+
+<!-- box-sizing: content-box -->
+<div style="width: auto">A B</div>
+<div style="width: max-content">A B</div>
+<div style="width: min-content">A B</div>
+<div style="width: -moz-fit-content">A B</div>
+<div style="width: -moz-available">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60%">A B</div>
+
+</div></td>
+
+<td id="bsborder"><div>
+<!-- box-sizing: border-box -->
+<div style="width: auto">A B</div>
+<div style="width: max-content">A B</div>
+<div style="width: min-content">A B</div>
+<div style="width: -moz-fit-content">A B</div>
+<div style="width: -moz-available">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60%">A B</div>
+
+</div></td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-4-ref.html b/layout/reftests/box-properties/box-sizing-4-ref.html
new file mode 100644
index 0000000000..b2a149dbe8
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-4-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of box-sizing</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+    table { border-spacing: 0; margin: 0 100px; }
+    td { border: 1px solid; padding: 1px solid; }
+
+    td > div { width: 100px; }
+
+    td > div > div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+      margin-bottom: 10px;
+      float: right;
+      clear: right;
+      text-align: right;
+      height: 40px;
+      right: 0;
+    }
+
+  </style>
+</head>
+<body>
+
+<table><tr>
+
+<td id="bscontent"><div>
+
+<!-- box-sizing: content-box -->
+<div>A B</div>
+<div>A B</div>
+<div>A<br>B</div>
+<div>A B</div>
+<div style="width: 37px">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60px">A B</div>
+
+</div></td>
+
+<td id="bsborder"><div>
+<!-- box-sizing: border-box -->
+<div>A B</div>
+<div>A B</div>
+<div>A<br>B</div>
+<div>A B</div>
+<div style="width: 37px">A B</div>
+<div style="width: 20px">A B</div>
+<div style="width: 30px">A B</div>
+
+</div></td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-4.html b/layout/reftests/box-properties/box-sizing-4.html
new file mode 100644
index 0000000000..c170f37465
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-4.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>test of box-sizing</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+    table { border-spacing: 0; margin: 0 100px; }
+    td { border: 1px solid; padding: 1px solid; }
+
+    td > div { width: 100px; height: 350px;
+               direction: rtl; position: relative; }
+
+    td#bscontent > div > div { box-sizing: content-box; }
+    td#bsborder > div > div { box-sizing: border-box; }
+
+    td > div > div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+      margin-bottom: 10px;
+      position: absolute;
+      height: 40px;
+      right: 0;
+    }
+
+    td > div > div { top: 0px; }
+    td > div > div + div { top: 50px; }
+    td > div > div + div + div { top: 100px; }
+    td > div > div + div + div + div { top: 150px; }
+    td > div > div + div + div  + div + div { top: 200px; }
+    td > div > div + div + div + div  + div + div { top: 250px; }
+    td > div > div + div + div  + div + div  + div + div { top: 300px; }
+
+  </style>
+</head>
+<body>
+
+<table><tr>
+
+<td id="bscontent"><div>
+
+<!-- box-sizing: content-box -->
+<div style="width: auto">A B</div>
+<div style="width: max-content">A B</div>
+<div style="width: min-content">A B</div>
+<div style="width: -moz-fit-content">A B</div>
+<div style="width: -moz-available">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60%">A B</div>
+
+</div></td>
+
+<td id="bsborder"><div>
+<!-- box-sizing: border-box -->
+<div style="width: auto">A B</div>
+<div style="width: max-content">A B</div>
+<div style="width: min-content">A B</div>
+<div style="width: -moz-fit-content">A B</div>
+<div style="width: -moz-available">A B</div>
+<div style="width: 50px">A B</div>
+<div style="width: 60%">A B</div>
+
+</div></td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-minmax-height-ref.html b/layout/reftests/box-properties/box-sizing-minmax-height-ref.html
new file mode 100644
index 0000000000..ec9027039c
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-minmax-height-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html><head>
+    <title>min-/max-height testcase for bug 308801</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0; 
+        }
+
+        .test1 {
+            height:35px;
+            border:1px solid black;
+        }
+
+        .test2 {
+            height:37px;
+	    background:black;
+        }
+
+        .test3 {
+            height:21px;
+            border:8px solid black;
+        }
+
+        p { height:43px; margin:0; padding:0; }
+    </style>
+</head>
+<body>
+
+<div class="box min test1"></div>
+
+<br><div class="box min test2"></div>
+
+<br><div class="box min test3"></div>
+
+<br><div class="box max test1"><p></div>
+
+<br><div class="box max test2"><p></div>
+
+<br><div class="box max test3"><p></div>
+
+<br><!-- overflow:hidden -->
+
+<div class="hidden box min test1"></div>
+
+<br><div class="hidden box min test2"></div>
+
+<br><div class="hidden box min test3"></div>
+
+<br><div class="hidden box max test1"><p></div>
+
+<br><div class="hidden box max test2"><p></div>
+
+<br><div class="hidden box max test3"><p></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-minmax-height.html b/layout/reftests/box-properties/box-sizing-minmax-height.html
new file mode 100644
index 0000000000..2a745fca0d
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-minmax-height.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html><head>
+    <title>min-/max-height testcase for bug 308801</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0; 
+        }
+
+        div {
+            margin:0;
+            padding:0;
+        }
+        
+	.min { min-height:37px; }
+	.max { max-height:37px; }
+	.hidden { overflow:hidden;  }
+
+        .box {
+            box-sizing: border-box;
+        }
+
+        .test1 {
+            border:1px solid black;
+        }
+
+        .test2 {
+            padding:3px;
+	    background:black;
+        }
+
+        .test3 {
+            border:8px solid black;
+            padding:5px;
+        }
+
+        p { height:43px; margin:0; padding:0; }
+
+    </style>
+</head>
+<body>
+
+<div class="box min test1"></div>
+
+<br><div class="box min test2"></div>
+
+<br><div class="box min test3"></div>
+
+<br><div class="box max test1"><p></div>
+
+<br><div class="box max test2"><p></div>
+
+<br><div class="box max test3"><p></div>
+
+<br><!-- overflow:hidden -->
+
+<div class="hidden box min test1"></div>
+
+<br><div class="hidden box min test2"></div>
+
+<br><div class="hidden box min test3"></div>
+
+<br><div class="hidden box max test1"><p></div>
+
+<br><div class="hidden box max test2"><p></div>
+
+<br><div class="hidden box max test3"><p></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-minmax-width-ref.html b/layout/reftests/box-properties/box-sizing-minmax-width-ref.html
new file mode 100644
index 0000000000..f962ace1f4
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-minmax-width-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html><head>
+    <title>min-/max-width testcase for bug 308801</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px;
+        }
+
+        .test1, .test2 {
+            width:100px;
+            height:20px;
+	    background:black;
+        }
+
+        .test3 {
+            width:30px;
+            border:10px solid black;
+            padding:25px;
+        }
+br { margin-top:13px; }
+    </style>
+</head>
+<body>
+
+<div style="float:left"><div class="box min test1"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="box min test2"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="box min test3"></div></div>
+
+<br clear="all">
+<br clear="all">
+<div class="box max test1"></div>
+
+<br clear="all">
+<div class="box max test2"></div>
+
+<br clear="all">
+<div class="box max test3"></div>
+
+<br clear="all">
+<!-- overflow:hidden -->
+
+<div style="float:left"><div class="hidden box min test1"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="hidden box min test2"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="hidden box min test3"></div></div>
+
+<br clear="all">
+<br clear="all">
+<div class="hidden box max test1"></div>
+
+<br clear="all">
+<div class="hidden box max test2"></div>
+
+<br clear="all">
+<div class="hidden box max test3"></div>
+
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-minmax-width.html b/layout/reftests/box-properties/box-sizing-minmax-width.html
new file mode 100644
index 0000000000..d5ec531108
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-minmax-width.html
@@ -0,0 +1,83 @@
+<!DOCTYPE HTML>
+<html><head>
+    <title>min-/max-width testcase for bug 308801</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px;
+        }
+
+        div {
+            margin:0;
+            padding:0;
+        }
+        
+	.min { min-width:100px; }
+	.max { max-width:100px; }
+	.hidden { overflow:hidden; }
+
+        .box {
+            box-sizing: border-box;
+        }
+
+        .test1 {
+            border:10px solid black;
+        }
+
+        .test2 {
+            padding:10px;
+	    background:black;
+        }
+
+        .test3 {
+            border:10px solid black;
+            padding:25px;
+        }
+br { margin-top:13px; }
+    </style>
+</head>
+<body>
+
+<div style="float:left"><div class="box min test1"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="box min test2"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="box min test3"></div></div>
+
+<br clear="all">
+<br clear="all">
+<div class="box max test1"></div>
+
+<br clear="all">
+<div class="box max test2"></div>
+
+<br clear="all">
+<div class="box max test3"></div>
+
+<br clear="all">
+<!-- overflow:hidden -->
+
+<div style="float:left"><div class="hidden box min test1"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="hidden box min test2"></div></div>
+
+<br clear="all">
+<div style="float:left"><div class="hidden box min test3"></div></div>
+
+<br clear="all">
+<br clear="all">
+<div class="hidden box max test1"></div>
+
+<br clear="all">
+<div class="hidden box max test2"></div>
+
+<br clear="all">
+<div class="hidden box max test3"></div>
+
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-mozbox-minmax-height-ref.html b/layout/reftests/box-properties/box-sizing-mozbox-minmax-height-ref.html
new file mode 100644
index 0000000000..71b19db8c7
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-mozbox-minmax-height-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 789824</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:24px; padding:0; margin:0;
+        }
+	
+div { padding:5px; }
+
+hbox {
+  display:-moz-box;
+  border-top:3px solid;
+  border-bottom:2px solid;
+  padding-bottom:4px;
+  background:lime;
+
+  box-sizing:content-box;
+}
+
+.cb {
+  background:pink;
+  box-sizing:border-box;
+}
+
+.pb {
+  background:cyan;
+}
+
+    </style>
+</head>
+<body>
+
+
+<div><hbox style="height:11px;">border-box 20px</hbox></div>
+<div><hbox style="height:41px;">border-box 50px</hbox></div>
+<div><hbox style="height:11px;">border-box 20px</hbox></div>
+
+<div><hbox class="cb" style="height:29px;">content-box 20px</hbox></div>
+<div><hbox class="cb" style="height:59px;">content-box 50px</hbox></div>
+<div><hbox class="cb" style="height:29px;">content-box 20px</hbox></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/box-sizing-mozbox-minmax-height.html b/layout/reftests/box-properties/box-sizing-mozbox-minmax-height.html
new file mode 100644
index 0000000000..df4d8c503f
--- /dev/null
+++ b/layout/reftests/box-properties/box-sizing-mozbox-minmax-height.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 789824</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:24px; padding:0; margin:0;
+        }
+	
+div { padding:5px; }
+
+hbox {
+  display:-moz-box;
+  border-top:3px solid;
+  border-bottom:2px solid;
+  padding-bottom:4px;
+  height:auto;
+  box-sizing:border-box;
+  background:lime;
+}
+
+.cb {
+  box-sizing:content-box;
+  background:pink;
+}
+
+    </style>
+</head>
+<body>
+
+
+<div><hbox style="height:20px;">border-box 20px</hbox></div>
+<div><hbox style="min-height:50px;">border-box 50px</hbox></div>
+<div><hbox style="max-height:20px;">border-box 20px</hbox></div>
+
+<div><hbox class="cb" style="height:20px;">content-box 20px</hbox></div>
+<div><hbox class="cb" style="min-height:50px;">content-box 50px</hbox></div>
+<div><hbox class="cb" style="max-height:20px;">content-box 20px</hbox></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/clip-auto-ref.html b/layout/reftests/box-properties/clip-auto-ref.html
new file mode 100644
index 0000000000..625d3c3212
--- /dev/null
+++ b/layout/reftests/box-properties/clip-auto-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>test for 'clip: auto'</title>
+<div style="position: absolute; top: 0px; left: 0px; width: 300px; height: 300px; background: blue">
+</div>
diff --git a/layout/reftests/box-properties/clip-auto.html b/layout/reftests/box-properties/clip-auto.html
new file mode 100644
index 0000000000..06cb49f12c
--- /dev/null
+++ b/layout/reftests/box-properties/clip-auto.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>test for 'clip: auto'</title>
+<div style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; clip: auto">
+  <div style="width: 300px; height: 300px; margin: -100px; background: blue">
+  </div>
+</div>
diff --git a/layout/reftests/box-properties/clip-rect-auto-ref.html b/layout/reftests/box-properties/clip-rect-auto-ref.html
new file mode 100644
index 0000000000..4f486809a3
--- /dev/null
+++ b/layout/reftests/box-properties/clip-rect-auto-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>test for 'clip: auto'</title>
+<div style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background: blue">
+</div>
diff --git a/layout/reftests/box-properties/clip-rect-auto.html b/layout/reftests/box-properties/clip-rect-auto.html
new file mode 100644
index 0000000000..a47472bef8
--- /dev/null
+++ b/layout/reftests/box-properties/clip-rect-auto.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>test for 'clip: auto'</title>
+<div style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; clip: rect(auto,auto,auto,auto)">
+  <div style="width: 300px; height: 300px; margin: -100px; background: blue">
+  </div>
+</div>
diff --git a/layout/reftests/box-properties/max-height-1-ref.html b/layout/reftests/box-properties/max-height-1-ref.html
new file mode 100644
index 0000000000..0b955cd015
--- /dev/null
+++ b/layout/reftests/box-properties/max-height-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { height: 20px}
+    </style>
+  </head>
+  <body>
+    <div style="height: 10px; max-height: 15px;"></div>
+    <div style="height: 10px; max-height: 5px;"></div>
+    <div style="height: 10px; max-height: 5px; min-height: 2px"></div>
+    <div style="height: 10px; max-height: 5px; min-height: 15px"></div>
+    <div style="max-height: 5px; min-height: 15px"></div>
+    <div>
+      <div style="height: 50%;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; max-height: 15px;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; max-height: 5px;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; max-height: 75%;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; max-height: 10%;"></div>
+    </div>
+    <div style="padding: 10px 0;">
+      <div style="height: 50%; max-height: 75%;"></div>
+    </div>
+    <div style="padding: 10px 0;">
+      <div style="height: 50%; max-height: 10%;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 50%; max-height: 75%;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 50%; max-height: 10%;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/max-height-1.html b/layout/reftests/box-properties/max-height-1.html
new file mode 100644
index 0000000000..b0c6f737e2
--- /dev/null
+++ b/layout/reftests/box-properties/max-height-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div style="height: 10px;"></div>
+    <div style="height: 5px;"></div>
+    <div style="height: 5px;"></div>
+    <div style="height: 15px;"></div>
+    <div style="height: 15px;"></div>
+    <div>
+      <div style="height: 10px;"></div>
+    </div>
+    <div>
+      <div style="height: 10px;"></div>
+    </div>
+    <div>
+      <div style="height: 5px;"></div>
+    </div>
+    <div>
+      <div style="height: 10px;"></div>
+    </div>
+    <div>
+      <div style="height: 2px;"></div>
+    </div>
+    <div style="padding: 10px 0;">
+      <div style="height: 10px;"></div>
+    </div>
+    <div style="padding: 10px 0;">
+      <div style="height: 2px;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 10px;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 2px;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/max-width-1-ref.html b/layout/reftests/box-properties/max-width-1-ref.html
new file mode 100644
index 0000000000..916b24ccf7
--- /dev/null
+++ b/layout/reftests/box-properties/max-width-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black; height: 10px;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { width: 400px; }
+    </style>
+  </head>
+  <body>
+    <div style="width: 100px;"></div>
+    <div style="width: 50px;"></div>
+    <div style="width: 50px;"></div>
+    <div style="width: 150px;"></div>
+    <div style="width: 150px;"></div>
+    <div>
+      <div style="width: 200px;"></div>
+    </div>
+    <div>
+      <div style="width: 200px;"></div>
+    </div>
+    <div>
+      <div style="width: 100px;"></div>
+    </div>
+    <div>
+      <div style="width: 200px;"></div>
+    </div>
+    <div>
+      <div style="width: 40px;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 200px;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 40px;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 200px;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 40px;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/max-width-1.html b/layout/reftests/box-properties/max-width-1.html
new file mode 100644
index 0000000000..423e84b27e
--- /dev/null
+++ b/layout/reftests/box-properties/max-width-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black; height: 10px;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { width: 400px; }
+    </style>
+  </head>
+  <body>
+    <div style="width: 100px; max-width: 150px;"></div>
+    <div style="width: 100px; max-width: 50px;"></div>
+    <div style="width: 100px; max-width: 50px; min-width: 20px"></div>
+    <div style="width: 100px; max-width: 50px; min-width: 150px"></div>
+    <div style="max-width: 50px; min-width: 150px"></div>
+    <div>
+      <div style="width: 50%;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; max-width: 300px;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; max-width: 100px;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; max-width: 75%;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; max-width: 10%;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 50%; max-width: 75%;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 50%; max-width: 10%;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 50%; max-width: 75%;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 50%; max-width: 10%;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/min-height-1-ref.html b/layout/reftests/box-properties/min-height-1-ref.html
new file mode 100644
index 0000000000..a0f8fa5d77
--- /dev/null
+++ b/layout/reftests/box-properties/min-height-1-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div style="height: 10px;"></div>
+    <div style="height: 15px;"></div>
+    <div>
+      <div style="height: 10px;"></div>
+    </div>
+    <div>
+      <div style="height: 10px;"></div>
+    </div>
+    <div>
+      <div style="height: 15px;"></div>
+    </div>
+    <div>
+      <div style="height: 10px;"></div>
+    </div>
+    <div>
+      <div style="height: 15px;"></div>
+    </div>
+    <div style="padding: 10px 0;">
+      <div style="height: 10px;"></div>
+    </div>
+    <div style="padding: 10px 0;">
+      <div style="height: 15px;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 10px;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 15px;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/min-height-1.html b/layout/reftests/box-properties/min-height-1.html
new file mode 100644
index 0000000000..cc17951fda
--- /dev/null
+++ b/layout/reftests/box-properties/min-height-1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { height: 20px; }
+    </style>
+  </head>
+  <body>
+    <div style="height: 10px; min-height: 5px;"></div>
+    <div style="height: 10px; min-height: 15px;"></div>
+    <div>
+      <div style="height: 50%;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; min-height: 5px;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; min-height: 15px;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; min-height: 10%;"></div>
+    </div>
+    <div>
+      <div style="height: 50%; min-height: 75%;"></div>
+    </div>
+    <div style="padding: 10px 0">
+      <div style="height: 50%; min-height: 10%;"></div>
+    </div>
+    <div style="padding: 10px 0;">
+      <div style="height: 50%; min-height: 75%;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 50%; min-height: 10%;"></div>
+    </div>
+    <div style="border-width: 10px 0; border-style: solid;
+                border-color: transparent;">
+      <div style="height: 50%; min-height: 75%;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/min-width-1-ref.html b/layout/reftests/box-properties/min-width-1-ref.html
new file mode 100644
index 0000000000..0af8138fa3
--- /dev/null
+++ b/layout/reftests/box-properties/min-width-1-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black; height: 10px;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { width: 400px; }
+    </style>
+  </head>
+  <body>
+    <div style="width: 100px;"></div>
+    <div style="width: 150px;"></div>
+    <div>
+      <div style="width: 200px;"></div>
+    </div>
+    <div>
+      <div style="width: 200px;"></div>
+    </div>
+    <div>
+      <div style="width: 300px;"></div>
+    </div>
+    <div>
+      <div style="width: 200px;"></div>
+    </div>
+    <div>
+      <div style="width: 300px;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 200px;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 300px;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 200px;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 300px;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/min-width-1.html b/layout/reftests/box-properties/min-width-1.html
new file mode 100644
index 0000000000..e7624c254e
--- /dev/null
+++ b/layout/reftests/box-properties/min-width-1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:empty { background: yellow; border: 1px solid black; height: 10px;
+                  padding: 0; margin: 0; }
+      body > div:not(:empty) { width: 400px; }
+    </style>
+  </head>
+  <body>
+    <div style="width: 100px; min-width: 50px;"></div>
+    <div style="width: 100px; min-width: 150px;"></div>
+    <div>
+      <div style="width: 50%;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; min-width: 100px;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; min-width: 300px;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; min-width: 10%;"></div>
+    </div>
+    <div>
+      <div style="width: 50%; min-width: 75%;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 50%; min-width: 10%;"></div>
+    </div>
+    <div style="padding: 0 100px;">
+      <div style="width: 50%; min-width: 75%;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 50%; min-width: 10%;"></div>
+    </div>
+    <div style="border-width: 0 100px; border-style: solid;
+                border-color: transparent;">
+      <div style="width: 50%; min-width: 75%;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/minmax-width-special-values-block-intrinsic-ref.html b/layout/reftests/box-properties/minmax-width-special-values-block-intrinsic-ref.html
new file mode 100644
index 0000000000..a78e3a9e82
--- /dev/null
+++ b/layout/reftests/box-properties/minmax-width-special-values-block-intrinsic-ref.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>intrinsic min-widths and max-widths for max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 1px;">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 1px;">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 500px">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 500px">AA B</div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/minmax-width-special-values-block-intrinsic.html b/layout/reftests/box-properties/minmax-width-special-values-block-intrinsic.html
new file mode 100644
index 0000000000..70fcf7cafd
--- /dev/null
+++ b/layout/reftests/box-properties/minmax-width-special-values-block-intrinsic.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>intrinsic min-widths and max-widths for max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<table border><tr><td>
+  <div style="width: 1px; min-width: max-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 1px; min-width: max-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 1px; min-width: min-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 1px; min-width: min-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 1px; min-width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 1px; min-width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 1px; min-width: -moz-available">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 1px; min-width: -moz-available">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 500px; max-width: max-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 500px; max-width: max-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 500px; max-width: min-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 500px; max-width: min-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 500px; max-width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 500px; max-width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: 500px; max-width: -moz-available">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 500px; max-width: -moz-available">AA B</div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/overflow-clip-box-1-ref.html b/layout/reftests/box-properties/overflow-clip-box-1-ref.html
new file mode 100644
index 0000000000..d75ef6c8d7
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  white-space: pre;
+  overflow: hidden;
+  border: 1px solid;
+  width: 100px;
+  height: 100px;
+}
+.h > div { height: 120px; }
+.w > div { width: 120px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+}
+
+.float { float: left; }
+
+x {
+  display: block;
+  overflow: hidden;
+  padding-left: 50px;
+  padding-top: 50px;
+  width: 50px;
+  height: 50px;
+}
+
+.w x { width: 20px; }
+.h x { height: 20px; }
+.w.h x {
+  background-color: lime;
+  background-clip: content-box;
+  overflow: visible;
+}
+y {
+  display: block;
+  overflow: hidden;
+  width: 20px;
+  height: 20px;
+}
+
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div><x><c></c></x></div>
+<div></div>
+<div></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float h">
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+<div></div>
+<div><x><c></c></x></div>
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w">
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w h">
+<div><x><y style="height:70px; width:70px"><c></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+<div><x><y style="height:70px"><c></c></y></x></div>
+<div><x><y style="width:70px"><c></c></y></x></div>
+<div><x><y style="height:70px; width:70px"><c></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/overflow-clip-box-1.html b/layout/reftests/box-properties/overflow-clip-box-1.html
new file mode 100644
index 0000000000..3c218e1315
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-1.html
@@ -0,0 +1,76 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  padding: 50px;
+  white-space: pre;
+  overflow: hidden;
+  background-color: lime;
+  background-clip: content-box;
+  border: 1px solid;
+}
+
+.float { float: left; }
+.w > div { width: 20px; }
+.h > div { height: 20px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+}
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/overflow-clip-box-2-ref.html b/layout/reftests/box-properties/overflow-clip-box-2-ref.html
new file mode 100644
index 0000000000..93ee44f679
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-2-ref.html
@@ -0,0 +1,101 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  white-space: pre;
+  overflow: hidden;
+  border: 1px solid;
+  width: 100px;
+  height: 100px;
+  direction: rtl;
+}
+.h > div { height: 120px; }
+.w > div { width: 120px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+  margin-top: -10px;
+}
+
+.float { float: left; }
+
+x {
+  display: block;
+  overflow: hidden;
+  padding-right: 50px;
+  padding-top: 50px;
+  width: 50px;
+  height: 50px;
+}
+
+.w x { width: 20px; }
+.h x { height: 20px; }
+.w.h x {
+  background-color: lime;
+  background-clip: content-box;
+  overflow: visible;
+}
+y {
+  display: block;
+  overflow: hidden;
+  width: 20px;
+  height: 20px;
+}
+
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div><x><c></c></x></div>
+<div></div>
+<div></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float h">
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+<div></div>
+<div><x style="height:20px"><c style="margin:0; border-top-width:0"></c></x></div>
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w">
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w h">
+<div><x><y style="height:70px; width:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+<div><x><y style="height:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
+<div><x><y style="width:70px"><c></c></y></x></div>
+<div><x><y style="height:70px; width:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/overflow-clip-box-2.html b/layout/reftests/box-properties/overflow-clip-box-2.html
new file mode 100644
index 0000000000..225d894203
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-2.html
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  padding: 50px;
+  white-space: pre;
+  overflow: hidden;
+  background-color: lime;
+  background-clip: content-box;
+  border: 1px solid;
+  direction: rtl;
+}
+
+.float { float: left; }
+.w > div { width: 20px; }
+.h > div { height: 20px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+  margin-top: -10px;
+}
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/overflow-clip-box-3-ref.html b/layout/reftests/box-properties/overflow-clip-box-3-ref.html
new file mode 100644
index 0000000000..be37f0aac6
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-3-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <meta charset="utf-8">
+  <title>Reference for 'overflow-clip-box: content-box' (Bug 1226305)</title>
+  <style>
+  .test {
+    padding: 20px;
+    background: green content-box;
+    width: 300px;
+    height: 20px;
+    border: 1px solid;
+  }
+  </style>
+
+  <body>
+    <p>There should be no red areas.</p>
+    <div class="test"></div>
+    <div class="test"></div>
+    <div class="test"></div>
+    <div class="test"></div>
+    <div class="test"></div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/overflow-clip-box-3.html b/layout/reftests/box-properties/overflow-clip-box-3.html
new file mode 100644
index 0000000000..001e54d260
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-3.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <meta charset="utf-8">
+  <title>Testcase for 'overflow-clip-box: content-box' (Bug 1226305)</title>
+  <style>
+  .test {
+    overflow-clip-box: content-box;
+    overflow: hidden;
+    padding: 20px;
+    background: green content-box;
+    width: 300px;
+    height: 20px;
+    border: 1px solid;
+  }
+  .test > div {
+    margin-top: -40px;
+    height: 40px;
+    background: red;
+  }
+  </style>
+
+  <body>
+    <p>There should be no red areas.</p>
+    <div class="test"><div>FAIL</div></div>
+    <div class="test"><div style="width: 200%">FAIL</div></div>
+    <div class="test"><div style="margin-left: 100%; height:20px; margin-top:0">FAIL</div></div>
+    <div class="test"><div style="margin-left: -100px">FAIL</div></div>
+    <div class="test"><div style="margin-left: -100%; width: 100%; height:20px; margin-top:0">FAIL</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/box-properties/reftest.list b/layout/reftests/box-properties/reftest.list
new file mode 100644
index 0000000000..877467b663
--- /dev/null
+++ b/layout/reftests/box-properties/reftest.list
@@ -0,0 +1,32 @@
+== min-width-1.html min-width-1-ref.html
+== min-height-1.html min-height-1-ref.html
+== max-width-1.html max-width-1-ref.html
+== max-height-1.html max-height-1-ref.html
+== width-special-values-block.html width-special-values-block-ref.html
+== width-special-values-float.html width-special-values-block-ref.html
+== width-special-values-image-block.html width-special-values-image-block-ref.html
+== width-special-values-image.html width-special-values-image-ref.html
+== width-special-values-block-intrinsic.html width-special-values-block-intrinsic-ref.html
+== width-special-values-float-intrinsic.html width-special-values-block-intrinsic-ref.html
+== minmax-width-special-values-block-intrinsic.html minmax-width-special-values-block-intrinsic-ref.html
+== width-special-values-cell-auto.html width-special-values-cell-auto-ref.html
+== width-special-values-cell-fixed.html width-special-values-cell-fixed-ref.html
+== box-sizing-1.html box-sizing-1-ref.html
+== box-sizing-2.html box-sizing-2-ref.html
+== box-sizing-3.html box-sizing-1-ref.html
+== box-sizing-4.html box-sizing-4-ref.html
+== box-sizing-minmax-height.html box-sizing-minmax-height-ref.html
+== box-sizing-minmax-width.html box-sizing-minmax-width-ref.html
+== box-sizing-mozbox-minmax-height.html box-sizing-mozbox-minmax-height-ref.html
+== abspos-non-replaced-width-offset-margin.html abspos-non-replaced-width-offset-margin-ref.html
+== abspos-replaced-width-offset-margin.html abspos-replaced-width-offset-margin-ref.html
+== CSS21-t100301.xhtml CSS21-t100301-ref.xhtml
+== CSS21-t100303.xhtml CSS21-t100303-ref.xhtml
+== CSS21-t100303-simple.xhtml CSS21-t100303-ref.xhtml
+== CSS21-t100801-vertical-align.xhtml CSS21-t100801-vertical-align-ref.xhtml
+== clip-auto.html clip-auto-ref.html
+== clip-rect-auto.html clip-rect-auto-ref.html
+== width-rounding.html width-rounding-ref.html
+pref(layout.css.overflow-clip-box.enabled,true) == overflow-clip-box-1.html overflow-clip-box-1-ref.html
+pref(layout.css.overflow-clip-box.enabled,true) == overflow-clip-box-2.html overflow-clip-box-2-ref.html
+pref(layout.css.overflow-clip-box.enabled,true) == overflow-clip-box-3.html overflow-clip-box-3-ref.html
diff --git a/layout/reftests/box-properties/width-rounding-ref.html b/layout/reftests/box-properties/width-rounding-ref.html
new file mode 100644
index 0000000000..3f9166f863
--- /dev/null
+++ b/layout/reftests/box-properties/width-rounding-ref.html
@@ -0,0 +1,207 @@
+<!DOCTYPE HTML>
+<title>width rounding (bug 590417)</title>
+<style>
+
+p { margin: 0; height: 1px; background: blue; }
+
+</style>
+<p style="width: 200.00px"></p>
+<p style="width: 200.01px"></p>
+<p style="width: 200.02px"></p>
+<p style="width: 200.03px"></p>
+<p style="width: 200.04px"></p>
+<p style="width: 200.05px"></p>
+<p style="width: 200.06px"></p>
+<p style="width: 200.07px"></p>
+<p style="width: 200.08px"></p>
+<p style="width: 200.09px"></p>
+<p style="width: 200.10px"></p>
+<p style="width: 200.11px"></p>
+<p style="width: 200.12px"></p>
+<p style="width: 200.13px"></p>
+<p style="width: 200.14px"></p>
+<p style="width: 200.15px"></p>
+<p style="width: 200.16px"></p>
+<p style="width: 200.17px"></p>
+<p style="width: 200.18px"></p>
+<p style="width: 200.19px"></p>
+<p style="width: 200.20px"></p>
+<p style="width: 200.21px"></p>
+<p style="width: 200.22px"></p>
+<p style="width: 200.23px"></p>
+<p style="width: 200.24px"></p>
+<p style="width: 200.25px"></p>
+<p style="width: 200.26px"></p>
+<p style="width: 200.27px"></p>
+<p style="width: 200.28px"></p>
+<p style="width: 200.29px"></p>
+<p style="width: 200.30px"></p>
+<p style="width: 200.31px"></p>
+<p style="width: 200.32px"></p>
+<p style="width: 200.33px"></p>
+<p style="width: 200.34px"></p>
+<p style="width: 200.35px"></p>
+<p style="width: 200.36px"></p>
+<p style="width: 200.37px"></p>
+<p style="width: 200.38px"></p>
+<p style="width: 200.39px"></p>
+<p style="width: 200.40px"></p>
+<p style="width: 200.41px"></p>
+<p style="width: 200.42px"></p>
+<p style="width: 200.43px"></p>
+<p style="width: 200.44px"></p>
+<p style="width: 200.45px"></p>
+<p style="width: 200.46px"></p>
+<p style="width: 200.47px"></p>
+<p style="width: 200.48px"></p>
+<p style="width: 200.49px"></p>
+<p style="width: 200.50px"></p>
+<p style="width: 200.51px"></p>
+<p style="width: 200.52px"></p>
+<p style="width: 200.53px"></p>
+<p style="width: 200.54px"></p>
+<p style="width: 200.55px"></p>
+<p style="width: 200.56px"></p>
+<p style="width: 200.57px"></p>
+<p style="width: 200.58px"></p>
+<p style="width: 200.59px"></p>
+<p style="width: 200.60px"></p>
+<p style="width: 200.61px"></p>
+<p style="width: 200.62px"></p>
+<p style="width: 200.63px"></p>
+<p style="width: 200.64px"></p>
+<p style="width: 200.65px"></p>
+<p style="width: 200.66px"></p>
+<p style="width: 200.67px"></p>
+<p style="width: 200.68px"></p>
+<p style="width: 200.69px"></p>
+<p style="width: 200.70px"></p>
+<p style="width: 200.71px"></p>
+<p style="width: 200.72px"></p>
+<p style="width: 200.73px"></p>
+<p style="width: 200.74px"></p>
+<p style="width: 200.75px"></p>
+<p style="width: 200.76px"></p>
+<p style="width: 200.77px"></p>
+<p style="width: 200.78px"></p>
+<p style="width: 200.79px"></p>
+<p style="width: 200.80px"></p>
+<p style="width: 200.81px"></p>
+<p style="width: 200.82px"></p>
+<p style="width: 200.83px"></p>
+<p style="width: 200.84px"></p>
+<p style="width: 200.85px"></p>
+<p style="width: 200.86px"></p>
+<p style="width: 200.87px"></p>
+<p style="width: 200.88px"></p>
+<p style="width: 200.89px"></p>
+<p style="width: 200.90px"></p>
+<p style="width: 200.91px"></p>
+<p style="width: 200.92px"></p>
+<p style="width: 200.93px"></p>
+<p style="width: 200.94px"></p>
+<p style="width: 200.95px"></p>
+<p style="width: 200.96px"></p>
+<p style="width: 200.97px"></p>
+<p style="width: 200.98px"></p>
+<p style="width: 200.99px"></p>
+<p style="width: 201.00px"></p>
+<p style="width: 201.01px"></p>
+<p style="width: 201.02px"></p>
+<p style="width: 201.03px"></p>
+<p style="width: 201.04px"></p>
+<p style="width: 201.05px"></p>
+<p style="width: 201.06px"></p>
+<p style="width: 201.07px"></p>
+<p style="width: 201.08px"></p>
+<p style="width: 201.09px"></p>
+<p style="width: 201.10px"></p>
+<p style="width: 201.11px"></p>
+<p style="width: 201.12px"></p>
+<p style="width: 201.13px"></p>
+<p style="width: 201.14px"></p>
+<p style="width: 201.15px"></p>
+<p style="width: 201.16px"></p>
+<p style="width: 201.17px"></p>
+<p style="width: 201.18px"></p>
+<p style="width: 201.19px"></p>
+<p style="width: 201.20px"></p>
+<p style="width: 201.21px"></p>
+<p style="width: 201.22px"></p>
+<p style="width: 201.23px"></p>
+<p style="width: 201.24px"></p>
+<p style="width: 201.25px"></p>
+<p style="width: 201.26px"></p>
+<p style="width: 201.27px"></p>
+<p style="width: 201.28px"></p>
+<p style="width: 201.29px"></p>
+<p style="width: 201.30px"></p>
+<p style="width: 201.31px"></p>
+<p style="width: 201.32px"></p>
+<p style="width: 201.33px"></p>
+<p style="width: 201.34px"></p>
+<p style="width: 201.35px"></p>
+<p style="width: 201.36px"></p>
+<p style="width: 201.37px"></p>
+<p style="width: 201.38px"></p>
+<p style="width: 201.39px"></p>
+<p style="width: 201.40px"></p>
+<p style="width: 201.41px"></p>
+<p style="width: 201.42px"></p>
+<p style="width: 201.43px"></p>
+<p style="width: 201.44px"></p>
+<p style="width: 201.45px"></p>
+<p style="width: 201.46px"></p>
+<p style="width: 201.47px"></p>
+<p style="width: 201.48px"></p>
+<p style="width: 201.49px"></p>
+<p style="width: 201.50px"></p>
+<p style="width: 201.51px"></p>
+<p style="width: 201.52px"></p>
+<p style="width: 201.53px"></p>
+<p style="width: 201.54px"></p>
+<p style="width: 201.55px"></p>
+<p style="width: 201.56px"></p>
+<p style="width: 201.57px"></p>
+<p style="width: 201.58px"></p>
+<p style="width: 201.59px"></p>
+<p style="width: 201.60px"></p>
+<p style="width: 201.61px"></p>
+<p style="width: 201.62px"></p>
+<p style="width: 201.63px"></p>
+<p style="width: 201.64px"></p>
+<p style="width: 201.65px"></p>
+<p style="width: 201.66px"></p>
+<p style="width: 201.67px"></p>
+<p style="width: 201.68px"></p>
+<p style="width: 201.69px"></p>
+<p style="width: 201.70px"></p>
+<p style="width: 201.71px"></p>
+<p style="width: 201.72px"></p>
+<p style="width: 201.73px"></p>
+<p style="width: 201.74px"></p>
+<p style="width: 201.75px"></p>
+<p style="width: 201.76px"></p>
+<p style="width: 201.77px"></p>
+<p style="width: 201.78px"></p>
+<p style="width: 201.79px"></p>
+<p style="width: 201.80px"></p>
+<p style="width: 201.81px"></p>
+<p style="width: 201.82px"></p>
+<p style="width: 201.83px"></p>
+<p style="width: 201.84px"></p>
+<p style="width: 201.85px"></p>
+<p style="width: 201.86px"></p>
+<p style="width: 201.87px"></p>
+<p style="width: 201.88px"></p>
+<p style="width: 201.89px"></p>
+<p style="width: 201.90px"></p>
+<p style="width: 201.91px"></p>
+<p style="width: 201.92px"></p>
+<p style="width: 201.93px"></p>
+<p style="width: 201.94px"></p>
+<p style="width: 201.95px"></p>
+<p style="width: 201.96px"></p>
+<p style="width: 201.97px"></p>
+<p style="width: 201.98px"></p>
+<p style="width: 201.99px"></p>
diff --git a/layout/reftests/box-properties/width-rounding.html b/layout/reftests/box-properties/width-rounding.html
new file mode 100644
index 0000000000..418475f438
--- /dev/null
+++ b/layout/reftests/box-properties/width-rounding.html
@@ -0,0 +1,210 @@
+<!DOCTYPE HTML>
+<title>width rounding (bug 590417)</title>
+<style>
+
+p { margin: 0; background: blue }
+p:after { display:block; clear: left; content: "" }
+span { float: left; width: 30%; height: 1px }
+span:first-child, span:first-child + span { width: 35% }
+
+</style>
+<p style="width: 200.00px"><span></span><span></span><span></span></p>
+<p style="width: 200.01px"><span></span><span></span><span></span></p>
+<p style="width: 200.02px"><span></span><span></span><span></span></p>
+<p style="width: 200.03px"><span></span><span></span><span></span></p>
+<p style="width: 200.04px"><span></span><span></span><span></span></p>
+<p style="width: 200.05px"><span></span><span></span><span></span></p>
+<p style="width: 200.06px"><span></span><span></span><span></span></p>
+<p style="width: 200.07px"><span></span><span></span><span></span></p>
+<p style="width: 200.08px"><span></span><span></span><span></span></p>
+<p style="width: 200.09px"><span></span><span></span><span></span></p>
+<p style="width: 200.10px"><span></span><span></span><span></span></p>
+<p style="width: 200.11px"><span></span><span></span><span></span></p>
+<p style="width: 200.12px"><span></span><span></span><span></span></p>
+<p style="width: 200.13px"><span></span><span></span><span></span></p>
+<p style="width: 200.14px"><span></span><span></span><span></span></p>
+<p style="width: 200.15px"><span></span><span></span><span></span></p>
+<p style="width: 200.16px"><span></span><span></span><span></span></p>
+<p style="width: 200.17px"><span></span><span></span><span></span></p>
+<p style="width: 200.18px"><span></span><span></span><span></span></p>
+<p style="width: 200.19px"><span></span><span></span><span></span></p>
+<p style="width: 200.20px"><span></span><span></span><span></span></p>
+<p style="width: 200.21px"><span></span><span></span><span></span></p>
+<p style="width: 200.22px"><span></span><span></span><span></span></p>
+<p style="width: 200.23px"><span></span><span></span><span></span></p>
+<p style="width: 200.24px"><span></span><span></span><span></span></p>
+<p style="width: 200.25px"><span></span><span></span><span></span></p>
+<p style="width: 200.26px"><span></span><span></span><span></span></p>
+<p style="width: 200.27px"><span></span><span></span><span></span></p>
+<p style="width: 200.28px"><span></span><span></span><span></span></p>
+<p style="width: 200.29px"><span></span><span></span><span></span></p>
+<p style="width: 200.30px"><span></span><span></span><span></span></p>
+<p style="width: 200.31px"><span></span><span></span><span></span></p>
+<p style="width: 200.32px"><span></span><span></span><span></span></p>
+<p style="width: 200.33px"><span></span><span></span><span></span></p>
+<p style="width: 200.34px"><span></span><span></span><span></span></p>
+<p style="width: 200.35px"><span></span><span></span><span></span></p>
+<p style="width: 200.36px"><span></span><span></span><span></span></p>
+<p style="width: 200.37px"><span></span><span></span><span></span></p>
+<p style="width: 200.38px"><span></span><span></span><span></span></p>
+<p style="width: 200.39px"><span></span><span></span><span></span></p>
+<p style="width: 200.40px"><span></span><span></span><span></span></p>
+<p style="width: 200.41px"><span></span><span></span><span></span></p>
+<p style="width: 200.42px"><span></span><span></span><span></span></p>
+<p style="width: 200.43px"><span></span><span></span><span></span></p>
+<p style="width: 200.44px"><span></span><span></span><span></span></p>
+<p style="width: 200.45px"><span></span><span></span><span></span></p>
+<p style="width: 200.46px"><span></span><span></span><span></span></p>
+<p style="width: 200.47px"><span></span><span></span><span></span></p>
+<p style="width: 200.48px"><span></span><span></span><span></span></p>
+<p style="width: 200.49px"><span></span><span></span><span></span></p>
+<p style="width: 200.50px"><span></span><span></span><span></span></p>
+<p style="width: 200.51px"><span></span><span></span><span></span></p>
+<p style="width: 200.52px"><span></span><span></span><span></span></p>
+<p style="width: 200.53px"><span></span><span></span><span></span></p>
+<p style="width: 200.54px"><span></span><span></span><span></span></p>
+<p style="width: 200.55px"><span></span><span></span><span></span></p>
+<p style="width: 200.56px"><span></span><span></span><span></span></p>
+<p style="width: 200.57px"><span></span><span></span><span></span></p>
+<p style="width: 200.58px"><span></span><span></span><span></span></p>
+<p style="width: 200.59px"><span></span><span></span><span></span></p>
+<p style="width: 200.60px"><span></span><span></span><span></span></p>
+<p style="width: 200.61px"><span></span><span></span><span></span></p>
+<p style="width: 200.62px"><span></span><span></span><span></span></p>
+<p style="width: 200.63px"><span></span><span></span><span></span></p>
+<p style="width: 200.64px"><span></span><span></span><span></span></p>
+<p style="width: 200.65px"><span></span><span></span><span></span></p>
+<p style="width: 200.66px"><span></span><span></span><span></span></p>
+<p style="width: 200.67px"><span></span><span></span><span></span></p>
+<p style="width: 200.68px"><span></span><span></span><span></span></p>
+<p style="width: 200.69px"><span></span><span></span><span></span></p>
+<p style="width: 200.70px"><span></span><span></span><span></span></p>
+<p style="width: 200.71px"><span></span><span></span><span></span></p>
+<p style="width: 200.72px"><span></span><span></span><span></span></p>
+<p style="width: 200.73px"><span></span><span></span><span></span></p>
+<p style="width: 200.74px"><span></span><span></span><span></span></p>
+<p style="width: 200.75px"><span></span><span></span><span></span></p>
+<p style="width: 200.76px"><span></span><span></span><span></span></p>
+<p style="width: 200.77px"><span></span><span></span><span></span></p>
+<p style="width: 200.78px"><span></span><span></span><span></span></p>
+<p style="width: 200.79px"><span></span><span></span><span></span></p>
+<p style="width: 200.80px"><span></span><span></span><span></span></p>
+<p style="width: 200.81px"><span></span><span></span><span></span></p>
+<p style="width: 200.82px"><span></span><span></span><span></span></p>
+<p style="width: 200.83px"><span></span><span></span><span></span></p>
+<p style="width: 200.84px"><span></span><span></span><span></span></p>
+<p style="width: 200.85px"><span></span><span></span><span></span></p>
+<p style="width: 200.86px"><span></span><span></span><span></span></p>
+<p style="width: 200.87px"><span></span><span></span><span></span></p>
+<p style="width: 200.88px"><span></span><span></span><span></span></p>
+<p style="width: 200.89px"><span></span><span></span><span></span></p>
+<p style="width: 200.90px"><span></span><span></span><span></span></p>
+<p style="width: 200.91px"><span></span><span></span><span></span></p>
+<p style="width: 200.92px"><span></span><span></span><span></span></p>
+<p style="width: 200.93px"><span></span><span></span><span></span></p>
+<p style="width: 200.94px"><span></span><span></span><span></span></p>
+<p style="width: 200.95px"><span></span><span></span><span></span></p>
+<p style="width: 200.96px"><span></span><span></span><span></span></p>
+<p style="width: 200.97px"><span></span><span></span><span></span></p>
+<p style="width: 200.98px"><span></span><span></span><span></span></p>
+<p style="width: 200.99px"><span></span><span></span><span></span></p>
+<p style="width: 201.00px"><span></span><span></span><span></span></p>
+<p style="width: 201.01px"><span></span><span></span><span></span></p>
+<p style="width: 201.02px"><span></span><span></span><span></span></p>
+<p style="width: 201.03px"><span></span><span></span><span></span></p>
+<p style="width: 201.04px"><span></span><span></span><span></span></p>
+<p style="width: 201.05px"><span></span><span></span><span></span></p>
+<p style="width: 201.06px"><span></span><span></span><span></span></p>
+<p style="width: 201.07px"><span></span><span></span><span></span></p>
+<p style="width: 201.08px"><span></span><span></span><span></span></p>
+<p style="width: 201.09px"><span></span><span></span><span></span></p>
+<p style="width: 201.10px"><span></span><span></span><span></span></p>
+<p style="width: 201.11px"><span></span><span></span><span></span></p>
+<p style="width: 201.12px"><span></span><span></span><span></span></p>
+<p style="width: 201.13px"><span></span><span></span><span></span></p>
+<p style="width: 201.14px"><span></span><span></span><span></span></p>
+<p style="width: 201.15px"><span></span><span></span><span></span></p>
+<p style="width: 201.16px"><span></span><span></span><span></span></p>
+<p style="width: 201.17px"><span></span><span></span><span></span></p>
+<p style="width: 201.18px"><span></span><span></span><span></span></p>
+<p style="width: 201.19px"><span></span><span></span><span></span></p>
+<p style="width: 201.20px"><span></span><span></span><span></span></p>
+<p style="width: 201.21px"><span></span><span></span><span></span></p>
+<p style="width: 201.22px"><span></span><span></span><span></span></p>
+<p style="width: 201.23px"><span></span><span></span><span></span></p>
+<p style="width: 201.24px"><span></span><span></span><span></span></p>
+<p style="width: 201.25px"><span></span><span></span><span></span></p>
+<p style="width: 201.26px"><span></span><span></span><span></span></p>
+<p style="width: 201.27px"><span></span><span></span><span></span></p>
+<p style="width: 201.28px"><span></span><span></span><span></span></p>
+<p style="width: 201.29px"><span></span><span></span><span></span></p>
+<p style="width: 201.30px"><span></span><span></span><span></span></p>
+<p style="width: 201.31px"><span></span><span></span><span></span></p>
+<p style="width: 201.32px"><span></span><span></span><span></span></p>
+<p style="width: 201.33px"><span></span><span></span><span></span></p>
+<p style="width: 201.34px"><span></span><span></span><span></span></p>
+<p style="width: 201.35px"><span></span><span></span><span></span></p>
+<p style="width: 201.36px"><span></span><span></span><span></span></p>
+<p style="width: 201.37px"><span></span><span></span><span></span></p>
+<p style="width: 201.38px"><span></span><span></span><span></span></p>
+<p style="width: 201.39px"><span></span><span></span><span></span></p>
+<p style="width: 201.40px"><span></span><span></span><span></span></p>
+<p style="width: 201.41px"><span></span><span></span><span></span></p>
+<p style="width: 201.42px"><span></span><span></span><span></span></p>
+<p style="width: 201.43px"><span></span><span></span><span></span></p>
+<p style="width: 201.44px"><span></span><span></span><span></span></p>
+<p style="width: 201.45px"><span></span><span></span><span></span></p>
+<p style="width: 201.46px"><span></span><span></span><span></span></p>
+<p style="width: 201.47px"><span></span><span></span><span></span></p>
+<p style="width: 201.48px"><span></span><span></span><span></span></p>
+<p style="width: 201.49px"><span></span><span></span><span></span></p>
+<p style="width: 201.50px"><span></span><span></span><span></span></p>
+<p style="width: 201.51px"><span></span><span></span><span></span></p>
+<p style="width: 201.52px"><span></span><span></span><span></span></p>
+<p style="width: 201.53px"><span></span><span></span><span></span></p>
+<p style="width: 201.54px"><span></span><span></span><span></span></p>
+<p style="width: 201.55px"><span></span><span></span><span></span></p>
+<p style="width: 201.56px"><span></span><span></span><span></span></p>
+<p style="width: 201.57px"><span></span><span></span><span></span></p>
+<p style="width: 201.58px"><span></span><span></span><span></span></p>
+<p style="width: 201.59px"><span></span><span></span><span></span></p>
+<p style="width: 201.60px"><span></span><span></span><span></span></p>
+<p style="width: 201.61px"><span></span><span></span><span></span></p>
+<p style="width: 201.62px"><span></span><span></span><span></span></p>
+<p style="width: 201.63px"><span></span><span></span><span></span></p>
+<p style="width: 201.64px"><span></span><span></span><span></span></p>
+<p style="width: 201.65px"><span></span><span></span><span></span></p>
+<p style="width: 201.66px"><span></span><span></span><span></span></p>
+<p style="width: 201.67px"><span></span><span></span><span></span></p>
+<p style="width: 201.68px"><span></span><span></span><span></span></p>
+<p style="width: 201.69px"><span></span><span></span><span></span></p>
+<p style="width: 201.70px"><span></span><span></span><span></span></p>
+<p style="width: 201.71px"><span></span><span></span><span></span></p>
+<p style="width: 201.72px"><span></span><span></span><span></span></p>
+<p style="width: 201.73px"><span></span><span></span><span></span></p>
+<p style="width: 201.74px"><span></span><span></span><span></span></p>
+<p style="width: 201.75px"><span></span><span></span><span></span></p>
+<p style="width: 201.76px"><span></span><span></span><span></span></p>
+<p style="width: 201.77px"><span></span><span></span><span></span></p>
+<p style="width: 201.78px"><span></span><span></span><span></span></p>
+<p style="width: 201.79px"><span></span><span></span><span></span></p>
+<p style="width: 201.80px"><span></span><span></span><span></span></p>
+<p style="width: 201.81px"><span></span><span></span><span></span></p>
+<p style="width: 201.82px"><span></span><span></span><span></span></p>
+<p style="width: 201.83px"><span></span><span></span><span></span></p>
+<p style="width: 201.84px"><span></span><span></span><span></span></p>
+<p style="width: 201.85px"><span></span><span></span><span></span></p>
+<p style="width: 201.86px"><span></span><span></span><span></span></p>
+<p style="width: 201.87px"><span></span><span></span><span></span></p>
+<p style="width: 201.88px"><span></span><span></span><span></span></p>
+<p style="width: 201.89px"><span></span><span></span><span></span></p>
+<p style="width: 201.90px"><span></span><span></span><span></span></p>
+<p style="width: 201.91px"><span></span><span></span><span></span></p>
+<p style="width: 201.92px"><span></span><span></span><span></span></p>
+<p style="width: 201.93px"><span></span><span></span><span></span></p>
+<p style="width: 201.94px"><span></span><span></span><span></span></p>
+<p style="width: 201.95px"><span></span><span></span><span></span></p>
+<p style="width: 201.96px"><span></span><span></span><span></span></p>
+<p style="width: 201.97px"><span></span><span></span><span></span></p>
+<p style="width: 201.98px"><span></span><span></span><span></span></p>
+<p style="width: 201.99px"><span></span><span></span><span></span></p>
diff --git a/layout/reftests/box-properties/width-special-values-block-intrinsic-ref.html b/layout/reftests/box-properties/width-special-values-block-intrinsic-ref.html
new file mode 100644
index 0000000000..819244746e
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-block-intrinsic-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>intrinsic widths for max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div>AA B</div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-block-intrinsic.html b/layout/reftests/box-properties/width-special-values-block-intrinsic.html
new file mode 100644
index 0000000000..264e4e117d
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-block-intrinsic.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>intrinsic widths for max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<table border><tr><td>
+  <div style="width: max-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: max-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: min-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: min-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: -moz-available">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: -moz-available">AA B</div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-block-ref.html b/layout/reftests/box-properties/width-special-values-block-ref.html
new file mode 100644
index 0000000000..35ccc45afd
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-block-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+
+    div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+      margin-bottom: 1px;
+      float: left;
+      clear: left;
+    }
+
+    div.fill { width: 37px; }
+
+  </style>
+</head>
+<body style="width: 100px">
+<div class="">A B</div>
+<div class="">A B</div>
+<div class="">A B</div>
+<div class="">A <br>B</div>
+<div class="">A <br>B</div>
+<div class="">A <br>B</div>
+<div class="">A B</div>
+<div class="">A B</div>
+<div class="">A B</div>
+<div class="fill">A B C D E F G H I J</div>
+<div class="fill">A B C D E F G H I J</div>
+<div class="fill">A B C D E F G H I J</div>
+<div class="">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA <br>B</div>
+<div class="">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA <br>B</div>
+<div class="">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA <br>B</div>
+<div class="fill">A B</div>
+<div class="fill">A B</div>
+<div class="fill">A B</div>
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-block.html b/layout/reftests/box-properties/width-special-values-block.html
new file mode 100644
index 0000000000..4bafc45652
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-block.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+
+    div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+      margin-bottom: 1px;
+    }
+
+    div.v1 { width: max-content; }
+    div.v2 { width: min-content; }
+    div.v3 { width: -moz-fit-content; }
+    div.v4 { width: -moz-available; }
+
+    div.s1 { box-sizing: content; }
+    div.s2 { box-sizing: padding; }
+    div.s3 { box-sizing: border; }
+
+  </style>
+</head>
+<body style="width: 100px">
+<div class="v1 s1">A B</div>
+<div class="v1 s2">A B</div>
+<div class="v1 s3">A B</div>
+<div class="v2 s1">A B</div>
+<div class="v2 s2">A B</div>
+<div class="v2 s3">A B</div>
+<div class="v3 s1">A B</div>
+<div class="v3 s2">A B</div>
+<div class="v3 s3">A B</div>
+<div class="v3 s1">A B C D E F G H I J</div>
+<div class="v3 s2">A B C D E F G H I J</div>
+<div class="v3 s3">A B C D E F G H I J</div>
+<div class="v3 s1">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
+<div class="v3 s2">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
+<div class="v3 s3">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
+<div class="v4 s1">A B</div>
+<div class="v4 s2">A B</div>
+<div class="v4 s3">A B</div>
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-cell-auto-ref.html b/layout/reftests/box-properties/width-special-values-cell-auto-ref.html
new file mode 100644
index 0000000000..48ce0005d2
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-cell-auto-ref.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: auto</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+
+    td td {
+      border-left: 1px solid;
+      padding-left: 2px;
+      padding-right: 4px;
+      border-right: 8px solid;
+
+      background: yellow;
+    }
+
+  </style>
+</head>
+<body>
+
+<table border><tr>
+<td>
+<!-- width -->
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+
+</td>
+<td>
+<!-- min-width -->
+
+<table border><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+
+<table border><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+
+</td>
+<td>
+<!-- max-width -->
+
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td>A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+<table border><tr><td style="width: 150px">A B</td></tr></table>
+<table border width="1"><tr><td>A B</td></tr></table>
+
+
+</td>
+</tr></table>
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-cell-auto.html b/layout/reftests/box-properties/width-special-values-cell-auto.html
new file mode 100644
index 0000000000..d0d47c1891
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-cell-auto.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: auto</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+
+    td td {
+      border-left: 1px solid;
+      padding-left: 2px;
+      padding-right: 4px;
+      border-right: 8px solid;
+
+      background: yellow;
+    }
+
+  </style>
+</head>
+<body>
+
+<table border><tr>
+<td>
+<!-- width -->
+<table border><tr><td style="width: max-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: max-content">A B</td></tr></table>
+<table border><tr><td style="width: min-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: min-content">A B</td></tr></table>
+<table border><tr><td style="width: -moz-fit-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: -moz-fit-content">A B</td></tr></table>
+<table border><tr><td style="width: -moz-available">A B</td></tr></table>
+<table border width="1"><tr><td style="width: -moz-available">A B</td></tr></table>
+
+</td>
+<td>
+<!-- min-width -->
+
+<table border><tr><td style="min-width: max-content">A B</td></tr></table>
+<table border width="1"><tr><td style="min-width: max-content">A B</td></tr></table>
+<table border><tr><td style="min-width: min-content">A B</td></tr></table>
+<table border width="1"><tr><td style="min-width: min-content">A B</td></tr></table>
+<table border><tr><td style="min-width: -moz-fit-content">A B</td></tr></table>
+<table border width="1"><tr><td style="min-width: -moz-fit-content">A B</td></tr></table>
+<table border><tr><td style="min-width: -moz-available">A B</td></tr></table>
+<table border width="1"><tr><td style="min-width: -moz-available">A B</td></tr></table>
+
+<table border><tr><td style="width: 1px; min-width: max-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 1px; min-width: max-content">A B</td></tr></table>
+<table border><tr><td style="width: 1px; min-width: min-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 1px; min-width: min-content">A B</td></tr></table>
+<table border><tr><td style="width: 1px; min-width: -moz-fit-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 1px; min-width: -moz-fit-content">A B</td></tr></table>
+<table border><tr><td style="width: 1px; min-width: -moz-available">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 1px; min-width: -moz-available">A B</td></tr></table>
+
+</td>
+<td>
+<!-- max-width -->
+
+<table border><tr><td style="max-width: max-content">A B</td></tr></table>
+<table border width="1"><tr><td style="max-width: max-content">A B</td></tr></table>
+<table border><tr><td style="max-width: min-content">A B</td></tr></table>
+<table border width="1"><tr><td style="max-width: min-content">A B</td></tr></table>
+<table border><tr><td style="max-width: -moz-fit-content">A B</td></tr></table>
+<table border width="1"><tr><td style="max-width: -moz-fit-content">A B</td></tr></table>
+<table border><tr><td style="max-width: -moz-available">A B</td></tr></table>
+<table border width="1"><tr><td style="max-width: -moz-available">A B</td></tr></table>
+
+<table border><tr><td style="width: 150px; max-width: max-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 150px; max-width: max-content">A B</td></tr></table>
+<table border><tr><td style="width: 150px; max-width: min-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 150px; max-width: min-content">A B</td></tr></table>
+<table border><tr><td style="width: 150px; max-width: -moz-fit-content">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 150px; max-width: -moz-fit-content">A B</td></tr></table>
+<table border><tr><td style="width: 150px; max-width: -moz-available">A B</td></tr></table>
+<table border width="1"><tr><td style="width: 150px; max-width: -moz-available">A B</td></tr></table>
+
+
+</td>
+</tr></table>
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-cell-fixed-ref.html b/layout/reftests/box-properties/width-special-values-cell-fixed-ref.html
new file mode 100644
index 0000000000..04cb8afc15
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-cell-fixed-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: fixed</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+
+    td table { width: 200px; }
+    td td:first-child {
+      border-left: 1px solid;
+      padding-left: 2px;
+      padding-right: 4px;
+      border-right: 8px solid;
+
+      background: yellow;
+    }
+
+  </style>
+</head>
+<body>
+
+<table border><tr>
+<td>
+<!-- width -->
+<table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
+<table border><tr><td width="1">A B</td><td></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+
+</td>
+<td>
+<!-- min-width -->
+
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+
+<table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
+<table border><tr><td width="1">A B</td><td></td></tr></table>
+<table border><tr><td width="1">A B</td><td></td></tr></table>
+<table border><tr><td width="1"><div style="width: 1px">A B</div></td><td></td></tr></table>
+
+</td>
+<td>
+<!-- max-width -->
+
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+<table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
+
+<table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
+<table border><tr><td width="1">A B</td><td></td></tr></table>
+<table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
+<table border><tr><td width="150">A B</td><td></td></tr></table>
+
+</td>
+</tr></table>
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-cell-fixed.html b/layout/reftests/box-properties/width-special-values-cell-fixed.html
new file mode 100644
index 0000000000..c258ce6e0f
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-cell-fixed.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: fixed</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+
+    td table { table-layout: fixed; width: 200px; }
+    td td:first-child {
+      border-left: 1px solid;
+      padding-left: 2px;
+      padding-right: 4px;
+      border-right: 8px solid;
+
+      background: yellow;
+    }
+
+  </style>
+</head>
+<body>
+
+<table border><tr>
+<td>
+<!-- width -->
+<table border><tr><td style="width: max-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: min-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: -moz-fit-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: -moz-available">A B</td><td></td></tr></table>
+
+</td>
+<td>
+<!-- min-width -->
+
+<table border><tr><td style="min-width: max-content">A B</td><td></td></tr></table>
+<table border><tr><td style="min-width: min-content">A B</td><td></td></tr></table>
+<table border><tr><td style="min-width: -moz-fit-content">A B</td><td></td></tr></table>
+<table border><tr><td style="min-width: -moz-available">A B</td><td></td></tr></table>
+
+<table border><tr><td style="width: 1px; min-width: max-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: 1px; min-width: min-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: 1px; min-width: -moz-fit-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: 1px; min-width: -moz-available">A B</td><td></td></tr></table>
+
+</td>
+<td>
+<!-- max-width -->
+
+<table border><tr><td style="max-width: max-content">A B</td><td></td></tr></table>
+<table border><tr><td style="max-width: min-content">A B</td><td></td></tr></table>
+<table border><tr><td style="max-width: -moz-fit-content">A B</td><td></td></tr></table>
+<table border><tr><td style="max-width: -moz-available">A B</td><td></td></tr></table>
+
+<table border><tr><td style="width: 150px; max-width: max-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: 150px; max-width: min-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: 150px; max-width: -moz-fit-content">A B</td><td></td></tr></table>
+<table border><tr><td style="width: 150px; max-width: -moz-available">A B</td><td></td></tr></table>
+
+
+</td>
+</tr></table>
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-float-intrinsic.html b/layout/reftests/box-properties/width-special-values-float-intrinsic.html
new file mode 100644
index 0000000000..e11c9d18de
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-float-intrinsic.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>intrinsic widths for max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  div { float: left; clear: left; }
+
+  </style>
+</head>
+<body>
+
+<table border><tr><td>
+  <div style="width: max-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: max-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: min-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: min-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: -moz-fit-content">AA B</div>
+</td></tr></table>
+
+<table border><tr><td>
+  <div style="width: -moz-available">AA B</div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: -moz-available">AA B</div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-float.html b/layout/reftests/box-properties/width-special-values-float.html
new file mode 100644
index 0000000000..d85a86bb30
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-float.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    body { font-size: 10px; line-height: 1; }
+
+    div {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+
+      background: yellow;
+      float: left;
+      clear: left;
+      margin-bottom: 1px;
+    }
+
+    div.v1 { width: max-content; }
+    div.v2 { width: min-content; }
+    div.v3 { width: -moz-fit-content; }
+    div.v4 { width: -moz-available; }
+
+    div.s1 { box-sizing: content; }
+    div.s2 { box-sizing: padding; }
+    div.s3 { box-sizing: border; }
+
+  </style>
+</head>
+<body style="width: 100px">
+<div class="v1 s1">A B</div>
+<div class="v1 s2">A B</div>
+<div class="v1 s3">A B</div>
+<div class="v2 s1">A B</div>
+<div class="v2 s2">A B</div>
+<div class="v2 s3">A B</div>
+<div class="v3 s1">A B</div>
+<div class="v3 s2">A B</div>
+<div class="v3 s3">A B</div>
+<div class="v3 s1">A B C D E F G H I J</div>
+<div class="v3 s2">A B C D E F G H I J</div>
+<div class="v3 s3">A B C D E F G H I J</div>
+<div class="v3 s1">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
+<div class="v3 s2">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
+<div class="v3 s3">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
+<div class="v4 s1">A B</div>
+<div class="v4 s2">A B</div>
+<div class="v4 s3">A B</div>
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-image-block-ref.html b/layout/reftests/box-properties/width-special-values-image-block-ref.html
new file mode 100644
index 0000000000..eb355396f4
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-image-block-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on block images</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    img {
+      display: block;
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+      box-sizing: content;
+      margin-bottom: 1px;
+    }
+
+    img.v1 {  }
+    img.v2 {  }
+    img.v3 {  }
+    img.v4 { width: 37px; }
+
+  </style>
+</head>
+<body style="width: 100px">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s3">
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-image-block.html b/layout/reftests/box-properties/width-special-values-image-block.html
new file mode 100644
index 0000000000..fece4995bb
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-image-block.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on block images</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    img {
+      display: block;
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+      margin-bottom: 1px;
+    }
+
+    img.v1 { width: max-content; }
+    img.v2 { width: min-content; }
+    img.v3 { width: -moz-fit-content; }
+    img.v4 { width: -moz-available; }
+
+    img.s1 { box-sizing: content; }
+    img.s2 { box-sizing: padding; }
+    img.s3 { box-sizing: border; }
+
+  </style>
+</head>
+<body style="width: 100px">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s3">
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-image-ref.html b/layout/reftests/box-properties/width-special-values-image-ref.html
new file mode 100644
index 0000000000..27abce494f
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-image-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on inline images</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    img {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+      box-sizing: content;
+      margin-bottom: 1px;
+    }
+
+    img.v1 {  }
+    img.v2 {  }
+    img.v3 {  }
+    img.v4 { width: 37px; }
+
+  </style>
+</head>
+<body style="width: 100px">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s3">
+</body>
+</html>
diff --git a/layout/reftests/box-properties/width-special-values-image.html b/layout/reftests/box-properties/width-special-values-image.html
new file mode 100644
index 0000000000..c3b09b60bf
--- /dev/null
+++ b/layout/reftests/box-properties/width-special-values-image.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on inline images</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+    img {
+      margin-left: 1px;
+      border-left: 2px solid;
+      padding-left: 4px;
+      padding-right: 8px;
+      border-right: 16px solid;
+      margin-right: 32px;
+      margin-bottom: 1px;
+    }
+
+    img.v1 { width: max-content; }
+    img.v2 { width: min-content; }
+    img.v3 { width: -moz-fit-content; }
+    img.v4 { width: -moz-available; }
+
+    img.s1 { box-sizing: content; }
+    img.s2 { box-sizing: padding; }
+    img.s3 { box-sizing: border; }
+
+  </style>
+</head>
+<body style="width: 100px">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s3">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s1">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s2">
+<img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s3">
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/1178575-2-ref.html b/layout/reftests/box-shadow/1178575-2-ref.html
new file mode 100644
index 0000000000..2e2b09a57c
--- /dev/null
+++ b/layout/reftests/box-shadow/1178575-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase #2 for bug 1178575</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:20px;
+        }
+
+        div {
+            position: absolute;
+            left: 0;
+            right: 0;
+            box-shadow: 0 0 0 10px rgba(0, 255, 0, 0.5);
+            margin-top: 10px;
+            height: 40px;
+        }
+
+        span {
+          position: relative;
+          display: block;
+          overflow: hidden;
+          height: 100px;
+        }
+
+    </style>
+</head>
+<body><span><div></div><span></body></html>
diff --git a/layout/reftests/box-shadow/1178575-2.html b/layout/reftests/box-shadow/1178575-2.html
new file mode 100644
index 0000000000..7bcdadcb8e
--- /dev/null
+++ b/layout/reftests/box-shadow/1178575-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase #2 for bug 1178575</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:20px;
+        }
+
+        div {
+            position: absolute;
+            left: 0;
+            right: 0;
+            box-shadow: 0 0 0 10px rgba(0, 255, 0, 0.5);
+            margin-top: 10px;
+        }
+
+        span {
+          position: relative;
+          display: block;
+          overflow: hidden;
+          height: 200px;
+        }
+
+    </style>
+<script>
+function tweak() {
+  document.querySelector('div').style.height = "40px";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", tweak);
+</script>
+</head>
+<body><span><div></div><span></body></html>
diff --git a/layout/reftests/box-shadow/1178575-ref.html b/layout/reftests/box-shadow/1178575-ref.html
new file mode 100644
index 0000000000..3a6442dddb
--- /dev/null
+++ b/layout/reftests/box-shadow/1178575-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1178575</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+        div {
+            position: absolute;
+            left: 0;
+            right: 0;
+            box-shadow: 0 0 0 10px rgba(0, 255, 0, 0.5);
+            margin-top: 10px;
+            height: 3em;
+        }
+
+    </style>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/box-shadow/1178575.html b/layout/reftests/box-shadow/1178575.html
new file mode 100644
index 0000000000..8b54c1c7e7
--- /dev/null
+++ b/layout/reftests/box-shadow/1178575.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1178575</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+        div {
+            position: absolute;
+            left: 0;
+            right: 0;
+            box-shadow: 0 0 0 10px rgba(0, 255, 0, 0.5);
+            margin-top: 10px;
+        }
+
+    </style>
+<script>
+function tweak() {
+  document.querySelector('div').style.height = "3em";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", tweak);
+</script>
+</head>
+<body><div></div></body></html>
diff --git a/layout/reftests/box-shadow/1212823-1-ref.html b/layout/reftests/box-shadow/1212823-1-ref.html
new file mode 100644
index 0000000000..91cf26d3cc
--- /dev/null
+++ b/layout/reftests/box-shadow/1212823-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:314px; height:16px; top:10px; position:absolute; left:200px; background-color:red; z-index:-1"></div>
+<input style="width:300px; height:10px;"></input>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/1212823-1.html b/layout/reftests/box-shadow/1212823-1.html
new file mode 100644
index 0000000000..2337ddf75f
--- /dev/null
+++ b/layout/reftests/box-shadow/1212823-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<input style="width:300px; height:10px; box-shadow: 200px 0px 0px 0px red;"></input>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/1212823-2-ref.html b/layout/reftests/box-shadow/1212823-2-ref.html
new file mode 100644
index 0000000000..531d868bca
--- /dev/null
+++ b/layout/reftests/box-shadow/1212823-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<!-- This relies on the precise widget etc values. Feel free to adjust this as
+  needed as long as the bug itself doesn't regress. font-size: 0 and
+  vertical-align: top avoids depending on font metrics -->
+<div style="width: 316px; height: 6px; position: absolute; left: 200px; border-radius: 2px; background-color: red; z-index:-1"></div>
+<input style="width: 300px; font-size: 0; vertical-align: top"></input>
diff --git a/layout/reftests/box-shadow/1212823-2.html b/layout/reftests/box-shadow/1212823-2.html
new file mode 100644
index 0000000000..2736787d5f
--- /dev/null
+++ b/layout/reftests/box-shadow/1212823-2.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input style="width: 300px; box-shadow: 200px 0px 0px 0px red; font-size: 0; vertical-align: top"></input>
diff --git a/layout/reftests/box-shadow/611574-1-ref.html b/layout/reftests/box-shadow/611574-1-ref.html
new file mode 100644
index 0000000000..53fce85e47
--- /dev/null
+++ b/layout/reftests/box-shadow/611574-1-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<html><head><style>
+button,span,fieldset { background-color: #0F0; break-inside:avoid; }
+body { font-size:12px; }
+</style></head>
+<body>
+<div style="column-count:3;height:600px;column-fill:auto">
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+
+<p><span>No Blur Radius</span>
+<p><span>No Blur Radius</span>
+<p><span style="box-sizing:border-box;">No Blur Radius</span>
+<p><span>No Blur Radius</span>
+<p><span>No Blur Radius</span>
+
+<p><span>2px Blur Radius</span>
+<p><span>2px Blur Radius</span>
+<p><span style="box-sizing:border-box;">2px Blur Radius</span>
+<p><span>2px Blur Radius</span>
+<p><span>2px Blur Radius</span>
+
+<p><fieldset>No Blur Radius</fieldset>
+<p><fieldset><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset>No Blur Radius</fieldset>
+<p><fieldset style="box-sizing:border-box;">No Blur Radius</fieldset>
+<p><fieldset>No Blur Radius</fieldset>
+<p><fieldset>No Blur Radius</fieldset>
+
+<p><fieldset>2px Blur Radius</fieldset>
+<p><fieldset><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset>2px Blur Radius</fieldset>
+<p><fieldset style="box-sizing:border-box;">2px Blur Radius</fieldset>
+<p><fieldset>2px Blur Radius</fieldset>
+<p><fieldset>2px Blur Radius</fieldset>
+
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;"><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-sizing:border-box;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;"><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-sizing:border-box;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/611574-1.html b/layout/reftests/box-shadow/611574-1.html
new file mode 100644
index 0000000000..b155f5a414
--- /dev/null
+++ b/layout/reftests/box-shadow/611574-1.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<html><head><style>
+button,span,fieldset { background-color: #0F0; break-inside:avoid; }
+body { font-size:12px; }
+</style></head>
+<body>
+<div style="column-count:3;height:600px;column-fill:auto">
+<p><button style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</button>
+
+<p><button style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</button>
+
+<p><span style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</span>
+<p><span style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</span>
+<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
+<p><span style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</span>
+<p><span style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</span>
+
+<p><span style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</span>
+<p><span style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</span>
+<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
+<p><span style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</span>
+<p><span style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</span>
+
+<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
+
+<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+
+<p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
+
+<p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/611574-2-ref.html b/layout/reftests/box-shadow/611574-2-ref.html
new file mode 100644
index 0000000000..b6f50300d9
--- /dev/null
+++ b/layout/reftests/box-shadow/611574-2-ref.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+button,span,fieldset { border-radius: 7px 3px;  background-color: #0F0; }
+button { border: none; outline: 3px solid black; outline-offset: -2px; }
+</style></head>
+<body style="margin:30px">
+<div style="column-count:3; column-fill:auto; height:600px">
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+<p><button>No Blur Radius</button>
+
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+<p><button>2px Blur Radius</button>
+
+<!--  XXX TODO: SPAN does not work due to differences in anti-aliasing with the test
+<p><span>No Blur Radius</span>
+<p><span>No Blur Radius</span>
+<p><span style="box-sizing:border-box;">No Blur Radius</span>
+<p><span>No Blur Radius</span>
+<p><span>No Blur Radius</span>
+
+<p><span>2px Blur Radius</span>
+<p><span>2px Blur Radius</span>
+<p><span style="box-sizing:border-box;">2px Blur Radius</span>
+<p><span>2px Blur Radius</span>
+<p><span>2px Blur Radius</span>
+-->
+
+<p><fieldset>No Blur Radius</fieldset>
+<p><fieldset><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset>No Blur Radius</fieldset>
+<p><fieldset style="box-sizing:border-box;">No Blur Radius</fieldset>
+<p><fieldset>No Blur Radius</fieldset>
+<p><fieldset>No Blur Radius</fieldset>
+
+<p><fieldset>2px Blur Radius</fieldset>
+<p><fieldset><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset>2px Blur Radius</fieldset>
+<p><fieldset style="box-sizing:border-box;">2px Blur Radius</fieldset>
+<p><fieldset>2px Blur Radius</fieldset>
+<p><fieldset>2px Blur Radius</fieldset>
+
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;"><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-sizing:border-box;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;">No Blur Radius</fieldset>
+
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;"><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline; box-sizing:border-box;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/611574-2.html b/layout/reftests/box-shadow/611574-2.html
new file mode 100644
index 0000000000..db9c2df899
--- /dev/null
+++ b/layout/reftests/box-shadow/611574-2.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+button,span,fieldset { border-radius: 7px 3px;  background-color: #0F0; }
+button { border: none; outline: 3px solid black; outline-offset: -2px; }
+</style></head>
+<body style="margin:30px">
+<div style="column-count:3; column-fill:auto; height:600px">
+<p><button style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</button>
+<p><button style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</button>
+
+<p><button style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</button>
+<p><button style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</button>
+
+<!--  XXX TODO: SPAN does not work due to differences in anti-aliasing with the reference
+<p><span style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</span>
+<p><span style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</span>
+<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
+<p><span style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</span>
+<p><span style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</span>
+
+<p><span style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</span>
+<p><span style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</span>
+<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
+<p><span style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</span>
+<p><span style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</span>
+-->
+
+<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
+
+<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+
+<p><fieldset style="display:inline;box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
+
+<p><fieldset style="display:inline;box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+<p><fieldset style="display:inline;box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
+
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-basic-ref.html b/layout/reftests/box-shadow/boxshadow-basic-ref.html
new file mode 100644
index 0000000000..0a4639491b
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-basic-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  background-color: green;
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  z-index: 2;
+}
+
+#theshadow {
+  background-color: black;
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 23px;
+  left: 23px;
+  z-index: 1;
+}
+</style>
+
+<div id="theshadow">&nbsp;</div><div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-basic.html b/layout/reftests/box-shadow/boxshadow-basic.html
new file mode 100644
index 0000000000..0870136d3d
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-basic.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  box-shadow: 3px 3px black;
+}
+</style>
+
+<div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-blur-2-notref.html b/layout/reftests/box-shadow/boxshadow-blur-2-notref.html
new file mode 100644
index 0000000000..130d921585
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-blur-2-notref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+body { margin: 0 }
+p {
+height: 1200px;
+width: 100px;
+box-shadow: 0px -100px 100px black;
+}
+</style>
+<p>
+<div style="position:absolute; background: white; top: 100px; left: 212px; height: 2px; width: 2px"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-blur-2-ref.html b/layout/reftests/box-shadow/boxshadow-blur-2-ref.html
new file mode 100644
index 0000000000..73d192a7ee
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-blur-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+body { margin: 0 }
+p {
+height: 1200px;
+width: 100px;
+box-shadow: 0px -100px 100px black;
+}
+</style>
+<p>
+<div style="position:absolute; background: white; top: 100px; left: 215px; height: 2px; width: 2px"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-blur-2.html b/layout/reftests/box-shadow/boxshadow-blur-2.html
new file mode 100644
index 0000000000..173e724de3
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-blur-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+body { margin: 0 }
+p {
+height: 1200px;
+width: 100px;
+box-shadow: 0px -100px 100px black;
+}
+</style>
+<p>
diff --git a/layout/reftests/box-shadow/boxshadow-blur-notref.html b/layout/reftests/box-shadow/boxshadow-blur-notref.html
new file mode 100644
index 0000000000..890c8e39ca
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-blur-notref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  box-shadow: 3px 3px red;
+}
+</style>
+
+<div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-blur-notref2.html b/layout/reftests/box-shadow/boxshadow-blur-notref2.html
new file mode 100644
index 0000000000..fdfdc48f5f
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-blur-notref2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+}
+</style>
+
+<div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-blur.html b/layout/reftests/box-shadow/boxshadow-blur.html
new file mode 100644
index 0000000000..f70c1cd1c0
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-blur.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  box-shadow: 3px 3px 2px red;
+}
+</style>
+
+<div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-border-radius-int-ref.html b/layout/reftests/box-shadow/boxshadow-border-radius-int-ref.html
new file mode 100644
index 0000000000..e797c61a26
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-border-radius-int-ref.html
@@ -0,0 +1,31 @@
+<html>
+<style>
+#boxShadow {
+  height: 210px;
+  width: 290px;
+  box-shadow: 0px 0px 2px graytext inset;
+}
+
+#leftCover {
+  width: 30px;
+  height: 300px;
+  background-color: white;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+}
+
+#rightCover {
+  width: 20px;
+  height: 300px;
+  background-color: white;
+  position: absolute;
+  top: 0px;
+  left: 280px;
+}
+</style>
+<body>
+<div id="boxShadow">test</div>
+<div id="leftCover"></div>
+<div id="rightCover"></div>
+</body>
diff --git a/layout/reftests/box-shadow/boxshadow-border-radius-int.html b/layout/reftests/box-shadow/boxshadow-border-radius-int.html
new file mode 100644
index 0000000000..737641576a
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-border-radius-int.html
@@ -0,0 +1,32 @@
+<html>
+<style>
+#boxShadow {
+  height: 210px;
+  width: 290px;
+  border-radius: 11px;
+  box-shadow: 0px 0px 2px graytext inset;
+}
+
+#leftCover {
+  width: 30px;
+  height: 300px;
+  background-color: white;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+}
+
+#rightCover {
+  width: 20px;
+  height: 300px;
+  background-color: white;
+  position: absolute;
+  top: 0px;
+  left: 280px;
+}
+</style>
+<body>
+<div id="boxShadow">test</div>
+<div id="leftCover"></div>
+<div id="rightCover"></div>
+</body>
diff --git a/layout/reftests/box-shadow/boxshadow-button-ref.html b/layout/reftests/box-shadow/boxshadow-button-ref.html
new file mode 100644
index 0000000000..9d026129d4
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-button-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<style>
+#a, #b {
+  width: 100px;
+  height: 100px;
+  background-color: grey;
+  -moz-appearance: none;
+  box-shadow: 4px 4px 3px black;
+  border: none !important;
+  position: absolute;
+}
+
+#a {
+  top: 20px;
+  left: 20px;
+}
+
+#b {
+  top: 170px;
+  left: 20px;
+</style>
+
+<div id="a">&nbsp;</div>
+<div id="b">&nbsp;</div>
diff --git a/layout/reftests/box-shadow/boxshadow-button.html b/layout/reftests/box-shadow/boxshadow-button.html
new file mode 100644
index 0000000000..f1522536db
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-button.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<style>
+#a, #b {
+  width: 100px;
+  height: 100px;
+  background-color: grey;
+  -moz-appearance: none;
+  box-shadow: 4px 4px 3px black;
+  border: none !important;
+  position: absolute;
+}
+
+#a {
+  top: 20px;
+  left: 20px;
+}
+
+#b {
+  top: 170px;
+  left: 20px;
+</style>
+
+<input type="button" id="a" value=""></input>
+<button id="b"></button>
diff --git a/layout/reftests/box-shadow/boxshadow-color-rounding-middle-ref.html b/layout/reftests/box-shadow/boxshadow-color-rounding-middle-ref.html
new file mode 100644
index 0000000000..aa2a57e81d
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-color-rounding-middle-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<style>
+#outerDiv {
+  width: 500px;
+  height: 500px;
+  background: lime;
+  position: absolute;
+}
+
+#middleBlur {
+  width: 300px;
+  height: 300px;
+  margin-left: 100px;
+  margin-top: 100px;
+  background: black;
+  box-shadow: inset 0 0 20px 100px lime;
+}
+</style>
+
+<div id="outerDiv">
+  <div id="middleBlur">
+  </div>
+</div>
diff --git a/layout/reftests/box-shadow/boxshadow-color-rounding-middle.html b/layout/reftests/box-shadow/boxshadow-color-rounding-middle.html
new file mode 100644
index 0000000000..1693fb9a3d
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-color-rounding-middle.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+#thediv {
+  width: 500px;
+  height: 500px;
+  background: black;
+  box-shadow: inset 0 0 20px 200px lime;
+}
+</style>
+
+<div id="thediv"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-color-rounding-ref.html b/layout/reftests/box-shadow/boxshadow-color-rounding-ref.html
new file mode 100644
index 0000000000..95fa9075ed
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-color-rounding-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+#thediv {
+  width: 300px;
+  height: 300px;
+  background: lime;
+}
+</style>
+
+<div id="thediv"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-color-rounding.html b/layout/reftests/box-shadow/boxshadow-color-rounding.html
new file mode 100644
index 0000000000..057c077eb6
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-color-rounding.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+#thediv {
+  width: 300px;
+  height: 300px;
+  background: black;
+  box-shadow: inset 0 0 20px 200px lime;
+}
+</style>
+
+<div id="thediv"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-dynamic-ref.xhtml b/layout/reftests/box-shadow/boxshadow-dynamic-ref.xhtml
new file mode 100644
index 0000000000..0aaddc1a18
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-dynamic-ref.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<hbox flex="1" 
+  style="margin:50px; background:yellow; 
+  box-shadow: 1px 2px 2px black, 0 0 7px white, 0 0 14px rgb(50, 170, 255), 0 0 21px rgb(50, 170, 255); 
+  border-radius: 10px;"/>
+</window>
diff --git a/layout/reftests/box-shadow/boxshadow-dynamic.xhtml b/layout/reftests/box-shadow/boxshadow-dynamic.xhtml
new file mode 100644
index 0000000000..97ad1c57ea
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-dynamic.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<?xml-stylesheet type="text/css" href="data:text/css,
+
+hbox {
+  margin: 50px;
+  background: yellow;
+}
+
+hbox[x] {
+  box-shadow: 1px 2px 2px black, 0 0 7px white, 0 0 14px rgb(50, 170, 255), 0 0 21px rgb(50, 170, 255);
+  border-radius: 10px;
+}
+
+"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        class="reftest-wait">
+  
+  <script>
+  <![CDATA[
+  
+  document.documentElement.addEventListener("MozReftestInvalidate", 
+    doTest, false);
+
+  function doTest() {
+    document.getElementById("hbox1").setAttribute("x",1);
+    document.documentElement.removeAttribute("class"); 
+  }
+  
+  ]]>
+  </script>
+
+  <hbox id="hbox1" flex="1"/>
+</window>
diff --git a/layout/reftests/box-shadow/boxshadow-fileupload-ref.html b/layout/reftests/box-shadow/boxshadow-fileupload-ref.html
new file mode 100644
index 0000000000..ab36e2af5c
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-fileupload-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html><head>
+
+<style>
+#s {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  display: block;
+  width: 400px;
+  height: 150px;
+}
+
+#p {
+  background-color: black;
+  width: 400px;
+  height: 150px;
+  position: absolute;
+  top: 270px;
+  left: 20px;
+}
+</style>
+
+</head>
+<body>
+
+<input type="file" id="s" />
+<div id="p">&nbsp;</div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-fileupload.html b/layout/reftests/box-shadow/boxshadow-fileupload.html
new file mode 100644
index 0000000000..28ca6ea4e4
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-fileupload.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html><head>
+
+<style>
+#s {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  display: block;
+  width: 400px;
+  height: 150px;
+  box-shadow: 0px 250px black;
+}
+</style>
+
+</head>
+<body>
+
+<input type="file" id="s" />
+
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-inner-basic-ref.svg b/layout/reftests/box-shadow/boxshadow-inner-basic-ref.svg
new file mode 100644
index 0000000000..ed63f9a9ae
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inner-basic-ref.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+<!-- This reference SVG must perform *exactly* the same path construction,
+     clipping, and filling operations that PaintBoxShadowInner does for
+     the HTML test file. If it doesn't match perfectly, antialiased
+     pixels at the curved edges will not agree.
+
+     PaintBoxShadowInner defines both its second (nonrectangular)
+     clipping path and its fill path as the even-odd-rule compositions
+     of two rectangles, one with nonzero corner radius. It is
+     impossible to express "the path consisting of the even-odd-rule
+     composition of two |rect| elements" in SVG. This is a minor
+     nuisance because we have to write everything out using |path|,
+     plus a major nuisance because Gecko uses the same ellipse-to-
+     Bezier conversion for rounded rectangles in SVG and HTML, but the
+     SVG 'A' operator uses a different one. Therefore we cannot use 'A'.
+     The 'C' parameters here were obtained by dumping out the cairo
+     operations used to draw the HTML, using cairo-trace. -->
+  <defs>
+    <clipPath id="outer">
+      <rect x="16" y="16" width="240" height="240"/>
+    </clipPath>
+    <clipPath id="inner">
+      <path clip-rule="evenodd"
+	    d="M 248 16
+	       H 24  C 19.58468 16 16 19.58468 16 24
+	       V 248 C 16 252.41532 19.58468 256 24 256
+	       H 248 C 252.41532 256 256 252.41532 256 248
+	       V 24  C 256 19.58468 252.41532 16 248 16 Z
+	       M 48 56 H 272 V 296 H 48 Z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#outer)">
+    <path fill="grey" fill-rule="evenodd" clip-path="url(#inner)"
+	  d="M 16 16 H 256 V 256 H 16 Z
+	     M 280 48
+	     H 56  C 51.58468 48 48 51.58468 48 56
+	     V 280 C 48 284.41532 51.58468 288 56 288
+	     H 280 C 284.41532 288 288 284.41532 288 280
+	     V 56  C 288 51.58468 284.41532 48 280 48 Z"/>
+  </g>
+</svg>
diff --git a/layout/reftests/box-shadow/boxshadow-inner-basic.html b/layout/reftests/box-shadow/boxshadow-inner-basic.html
new file mode 100644
index 0000000000..8ba6109657
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inner-basic.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<div style="
+  width: 240px; height: 240px;
+  border-radius: 8px;
+  box-shadow: 32px 32px grey inset;
+  position: absolute;
+  top: 16px; left: 16px;
+"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-inset-large-border-radius-ref.html b/layout/reftests/box-shadow/boxshadow-inset-large-border-radius-ref.html
new file mode 100644
index 0000000000..77c8d299b6
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inset-large-border-radius-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#ref {
+  background: black;
+  width: 575px;
+  height: 5px;
+  margin-left: 125px;
+}
+
+</style>
+</head>
+<body>
+<div id="ref">
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-inset-large-border-radius.html b/layout/reftests/box-shadow/boxshadow-inset-large-border-radius.html
new file mode 100644
index 0000000000..87ce0f01c6
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inset-large-border-radius.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#boxShadow {
+  background: gray;
+  width: 700px;
+  height: 20px;
+  box-shadow: 15px 15px 3px black inset;
+  border-radius: 100px 0px 0px 0px;
+}
+
+#cutLeft {
+  background: white;
+  width: 125px;
+  height: 20px;
+  position: absolute;
+}
+
+#cutAcross {
+  background: white;
+  width: 700px;
+  height: 15px;
+  position: absolute;
+  margin-top: 5px;
+}
+
+</style>
+</head>
+<body>
+<div id="cutLeft"></div>
+<div id="cutAcross"></div>
+<div id="boxShadow"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-inset-large-offset-ref.html b/layout/reftests/box-shadow/boxshadow-inset-large-offset-ref.html
new file mode 100644
index 0000000000..f117b53ed9
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inset-large-offset-ref.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+<style>
+div.test {
+  width: 530px;
+  height: 500px;
+  background-color: black;
+}
+
+div.cover {
+  width: 500px;
+  height: 500px;
+  background-color: black;
+  position: absolute;
+  margin-top: 0px;
+  margin-left: 30px;
+}
+</style>
+<body>
+<div class="test">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-inset-large-offset.html b/layout/reftests/box-shadow/boxshadow-inset-large-offset.html
new file mode 100644
index 0000000000..fe8db9f07a
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inset-large-offset.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<style>
+div.test {
+  width: 500px;
+  height: 500px;
+  box-shadow: inset 70px 70px 50px 0px black;
+  position: absolute;
+}
+
+div.cover {
+  width: 500px;
+  height: 500px;
+  background-color: black;
+  position: absolute;
+  margin-top: 0px;
+  margin-left: 30px;
+}
+</style>
+<body>
+<div class="test">
+</div>
+<div class="cover">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-inset-neg-spread.html b/layout/reftests/box-shadow/boxshadow-inset-neg-spread.html
new file mode 100644
index 0000000000..b018ea062e
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inset-neg-spread.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style>
+div.neg
+{
+  margin: 35px auto 95px auto;
+  width: 200px;
+  height: 200px;
+  box-shadow: 0px 0px 15px -20px #808080 inset;
+}
+</style>
+</head>
+
+<body>
+<div class="neg"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-inset-neg-spread2-ref.html b/layout/reftests/box-shadow/boxshadow-inset-neg-spread2-ref.html
new file mode 100644
index 0000000000..b6b1a3dfc2
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inset-neg-spread2-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style>
+.test {
+  background-color: #fec;
+  display: inline-block;
+  width: 5em;
+  height: 5em;
+}
+</style>
+</head>
+
+<body>
+<div class="test"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-inset-neg-spread2.html b/layout/reftests/box-shadow/boxshadow-inset-neg-spread2.html
new file mode 100644
index 0000000000..b846f25aba
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-inset-neg-spread2.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style>
+.test {
+  background-color: #fec;
+  display: inline-block;
+  width: 5em;
+  height: 5em;
+}
+
+.first {
+  box-shadow: inset 0 0 1px -3px rgba(0,0,10,0.25);
+}
+</style>
+</head>
+
+<body>
+<div class="first test"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-large-border-radius-ref.html b/layout/reftests/box-shadow/boxshadow-large-border-radius-ref.html
new file mode 100644
index 0000000000..d914fb7abc
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-large-border-radius-ref.html
@@ -0,0 +1,37 @@
+<html>
+<head>
+<style>
+  #leftCover {
+    width: 30px;
+    height: 50px;
+    background-color: white;
+    position: absolute;
+    left: 0px;
+    top: 0px;
+  }
+
+  #rightCover {
+    width: 20px;
+    height: 120px;
+    background-color: white;
+    position: absolute;
+    top: 0px;
+    left: 150px;
+  }
+
+  #boxShadowRegular {
+    width: 152px;
+    height: 19.5px;
+    box-shadow: 0px 0px 1px #3b99FC inset,
+                0px 0px 4px 1px #3B99FC,
+                0px 0px 1.5px 1px #3B99FC;
+    position: absolute;
+  }
+
+</style>
+</head>
+<html>
+  <div id="boxShadowRegular"></div>
+  <div id="leftCover"></div>
+  <div id="rightCover"></div>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-large-border-radius.html b/layout/reftests/box-shadow/boxshadow-large-border-radius.html
new file mode 100644
index 0000000000..90eee1db36
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-large-border-radius.html
@@ -0,0 +1,37 @@
+<html>
+<head>
+<style>
+  #boxShadow {
+    width: 152px;
+    height: 19.5px;
+    box-shadow: 0px 0px 1px #3b99FC inset,
+                0px 0px 4px 1px #3B99FC,
+                0px 0px 1.5px 1px #3B99FC;
+    border-radius: 10000px 0px 0px 10000px;
+    position: absolute;
+  }
+
+  #leftCover {
+    width: 30px;
+    height: 50px;
+    background-color: white;
+    position: absolute;
+    left: 0px;
+    top: 0px;
+  }
+
+  #rightCover {
+    width: 20px;
+    height: 120px;
+    background-color: white;
+    position: absolute;
+    top: 0px;
+    left: 150px;
+  }
+</style>
+</head>
+<html>
+  <div id="boxShadow"></div>
+  <div id="leftCover"></div>
+  <div id="rightCover"></div>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-large-offset-ref.html b/layout/reftests/box-shadow/boxshadow-large-offset-ref.html
new file mode 100644
index 0000000000..2160b81479
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-large-offset-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<style>
+.top {
+  background-color: red;
+  width: 800px;
+  height: 400px;
+}
+
+.bottom {
+  background-color: #fec;
+  width: 800px;
+  height: 400px;
+}
+
+.leftCut {
+  position: absolute;
+  margin-left: 0px;
+  margin-top: 0px;
+  width: 10px;
+  height: 800px;
+  background-color: black;
+}
+
+.rightCut {
+  position: absolute;
+  margin-left: 790px;
+  margin-top: 0px;
+  width: 10px;
+  height: 800px;
+  background-color: black;
+}
+
+.centerCut {
+  position: absolute;
+  margin-top: 395px;
+  width: 800px;
+  height: 20px;
+  background-color: black;
+}
+</style>
+
+<body>
+<div class="leftCut"></div>
+<div class="rightCut"></div>
+<div class="centerCut"></div>
+<div class="top"></div>
+<div class="bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-large-offset.html b/layout/reftests/box-shadow/boxshadow-large-offset.html
new file mode 100644
index 0000000000..5df87c368b
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-large-offset.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<style>
+.test {
+  background-color: #fec;
+  display: inline-block;
+  width: 800px;
+  height: 800px;
+}
+
+.second {
+  box-shadow: inset 0 400px 1px 0px red;
+}
+
+.leftCut {
+  position: absolute;
+  margin-left: 0px;
+  margin-top: 0px;
+  width: 10px;
+  height: 800px;
+  background-color: black;
+}
+
+.rightCut {
+  position: absolute;
+  margin-left: 790px;
+  margin-top: 0px;
+  width: 10px;
+  height: 800px;
+  background-color: black;
+}
+
+.centerCut {
+  position: absolute;
+  margin-top: 395px;
+  width: 800px;
+  height: 20px;
+  background-color: black;
+}
+
+</style>
+
+<body>
+<div class="leftCut"></div>
+<div class="rightCut"></div>
+<div class="centerCut"></div>
+<div class="test second"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-mixed-2-ref.html b/layout/reftests/box-shadow/boxshadow-mixed-2-ref.html
new file mode 100644
index 0000000000..3b57608a23
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-mixed-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<title>Reference, bug 1402060</title>
+<style>
+
+.blackAtTop {
+  width: 100px;
+  height: 90px;
+  border-top: 10px solid black;
+}
+
+.blue {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  margin-left: 10px;
+}
+
+.white {
+  width: 90px;
+  height: 90px;
+  background: white;
+}
+
+</style>
+
+<div class="blackAtTop"><div class="blue"><div class="white"></div></div></div>
diff --git a/layout/reftests/box-shadow/boxshadow-mixed-2.html b/layout/reftests/box-shadow/boxshadow-mixed-2.html
new file mode 100644
index 0000000000..5e109524f1
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-mixed-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1402060</title>
+<style>
+
+div {
+  width: 100px;
+  height: 100px;
+  box-shadow: inset 0 10px black, 10px 10px blue;
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/box-shadow/boxshadow-mixed-ref.html b/layout/reftests/box-shadow/boxshadow-mixed-ref.html
new file mode 100644
index 0000000000..3c71b12e20
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-mixed-ref.html
@@ -0,0 +1 @@
+<div style="background: blue padding-box; border: 2px solid red; border-radius: 10px; width: 300px; height: 300px; position: absolute; top: 10px; left: 10px;">inset and outset</div><div style="border-radius: 10px; background-color: green; width: 304px; height: 304px; position: absolute; top: 10px; left: 360px;">&nbsp;</div>
diff --git a/layout/reftests/box-shadow/boxshadow-mixed.html b/layout/reftests/box-shadow/boxshadow-mixed.html
new file mode 100644
index 0000000000..796fd409e4
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-mixed.html
@@ -0,0 +1 @@
+<div style="border: 2px red solid; border-radius: 10px; width: 300px; height: 300px; box-shadow: 500px 500px 0px 20px blue inset, 350px 0px green; position: absolute; top: 10px; left: 10px;">inset and outset</div>
diff --git a/layout/reftests/box-shadow/boxshadow-multiple-ref.html b/layout/reftests/box-shadow/boxshadow-multiple-ref.html
new file mode 100644
index 0000000000..9eefe7e746
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-multiple-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  background-color: green;
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  z-index: 4;
+}
+
+#theshadow {
+  background-color: black;
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 29px;
+  left: 29px;
+  z-index: 1;
+}
+
+#theshadow2 {
+  background-color: blue;
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 26px;
+  left: 26px;
+  z-index: 2;
+}
+
+#theshadow3 {
+  background-color: red;
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 23px;
+  left: 23px;
+  z-index: 3;
+}
+</style>
+
+<div id="theshadow">&nbsp;</div><div id="theshadow2">&nbsp;</div><div id="theshadow3">&nbsp;</div><div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-multiple.html b/layout/reftests/box-shadow/boxshadow-multiple.html
new file mode 100644
index 0000000000..6307c1020d
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-multiple.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  box-shadow: 3px 3px red, 6px 6px blue, 9px 9px black;
+}
+</style>
+
+<div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-onecorner-ref.html b/layout/reftests/box-shadow/boxshadow-onecorner-ref.html
new file mode 100644
index 0000000000..5a92e99517
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-onecorner-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<div style="position: absolute; top: 300px; left: 70px; width: 360px; height: 160px; border-top-right-radius: 40px; background: red;">&nbsp;</div>
+<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-top-right-radius: 10px; background: yellow;">Test</div>
diff --git a/layout/reftests/box-shadow/boxshadow-onecorner.html b/layout/reftests/box-shadow/boxshadow-onecorner.html
new file mode 100644
index 0000000000..1f0805b3bd
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-onecorner.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-top-right-radius: 10px; box-shadow: 0 300px 0 30px red; background: yellow;">Test</div>
diff --git a/layout/reftests/box-shadow/boxshadow-opacity-ref.html b/layout/reftests/box-shadow/boxshadow-opacity-ref.html
new file mode 100644
index 0000000000..4ff7d22395
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-opacity-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  opacity: 0.6;
+  box-shadow: 3px 3px 2px rgb(255,0,0);
+}
+</style>
+
+<div id="thediv"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-opacity.html b/layout/reftests/box-shadow/boxshadow-opacity.html
new file mode 100644
index 0000000000..585c3081fd
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-opacity.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  box-shadow: 3px 3px 2px rgba(255,0,0,0.6);
+}
+</style>
+
+<div id="thediv"></div>
diff --git a/layout/reftests/box-shadow/boxshadow-rotated-ref.html b/layout/reftests/box-shadow/boxshadow-rotated-ref.html
new file mode 100644
index 0000000000..9888d71f2b
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-rotated-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style>
+div.second {
+  margin: 35px auto 95px auto;
+  box-shadow: 0px 0px 15px 0px #808080;
+  width: 100;
+  height: 116.36px;
+}
+</style>
+</head>
+<body>
+<div class="second"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-rotated.html b/layout/reftests/box-shadow/boxshadow-rotated.html
new file mode 100644
index 0000000000..7cc8451f8a
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-rotated.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style>
+div.first {
+  margin: 35px auto 95px auto;
+  box-shadow: 0px 0px 15px 0px #808080;
+  transform: rotate(-180deg);
+  width: 100;
+  height: 116.36px;
+}
+</style>
+</head>
+<body>
+<div class="first"></div>
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/boxshadow-rounded-spread-ref.html b/layout/reftests/box-shadow/boxshadow-rounded-spread-ref.html
new file mode 100644
index 0000000000..3b2e5a949c
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-rounded-spread-ref.html
@@ -0,0 +1 @@
+<div style="width: 300px; height: 300px; border-radius: 100%; position: absolute; top: 20px; left: 20px;">shadow div</div><div style="border-radius: 100%; width: 320px; height: 320px; background-color: grey; position: absolute; top: 330px; left: 30px;">&nbsp;</div>
diff --git a/layout/reftests/box-shadow/boxshadow-rounded-spread.html b/layout/reftests/box-shadow/boxshadow-rounded-spread.html
new file mode 100644
index 0000000000..a43810bca1
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-rounded-spread.html
@@ -0,0 +1 @@
+<div style="box-shadow: 20px 320px 0 10px grey; width: 300px; height: 300px; border-radius: 100%; position: absolute; top: 20px; left: 20px;">shadow div</div>
diff --git a/layout/reftests/box-shadow/boxshadow-rounding-ref.html b/layout/reftests/box-shadow/boxshadow-rounding-ref.html
new file mode 100644
index 0000000000..8f785547ad
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-rounding-ref.html
@@ -0,0 +1 @@
+<div style="width: 100px; height: 200px; box-shadow: 3px 3px 2px black; background-color: green;">Hello</div>
diff --git a/layout/reftests/box-shadow/boxshadow-rounding.html b/layout/reftests/box-shadow/boxshadow-rounding.html
new file mode 100644
index 0000000000..29d812a2cb
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-rounding.html
@@ -0,0 +1 @@
+<div style="width: 100.2px; height: 200.2px; box-shadow: 3px 3px 2px black; background-color: green;">Hello</div>
diff --git a/layout/reftests/box-shadow/boxshadow-skiprect-ref.html b/layout/reftests/box-shadow/boxshadow-skiprect-ref.html
new file mode 100644
index 0000000000..ecebb4bd6f
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-skiprect-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<style>
+
+#thediv {
+  width: 400px;
+  height: 250px;
+  position: absolute;
+  top: -500px;
+  left: -500px;
+  box-shadow: 540px 540px 10.5px black;
+}
+
+#blankdiv {
+  width: 400px;
+  height: 250px;
+  background-color: white;
+  position: absolute;
+  top: 40px;
+  left: 40px;
+}
+</style>
+
+<div id="thediv">&nbsp;</div> 
+<div id="blankdiv">&nbsp;</div>
diff --git a/layout/reftests/box-shadow/boxshadow-skiprect.html b/layout/reftests/box-shadow/boxshadow-skiprect.html
new file mode 100644
index 0000000000..f888f9d098
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-skiprect.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<style>
+
+#thediv {
+  width: 400px;
+  height: 250px;
+  position: absolute;
+  top: 40px;
+  left: 40px;
+  box-shadow: 0px 0px 10.5px black;
+}
+</style>
+
+<div id="thediv">&nbsp;</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-spread-ref.html b/layout/reftests/box-shadow/boxshadow-spread-ref.html
new file mode 100644
index 0000000000..2636adc0b3
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-spread-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  background-color: green;
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  z-index: 2;
+}
+
+#theshadow {
+  background-color: black;
+  width: 306px;
+  height: 106px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  z-index: 1;
+}
+</style>
+
+<div id="theshadow">&nbsp;</div><div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-spread.html b/layout/reftests/box-shadow/boxshadow-spread.html
new file mode 100644
index 0000000000..a7c9a8c1df
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-spread.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color: green;
+}
+
+#thediv {
+  width: 300px;
+  height: 100px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  color: black;
+  box-shadow: 3px 3px 0px 3px;
+}
+</style>
+<div id="thediv">Foo</div> 
diff --git a/layout/reftests/box-shadow/boxshadow-threecorners-ref.html b/layout/reftests/box-shadow/boxshadow-threecorners-ref.html
new file mode 100644
index 0000000000..cd9f383e1f
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-threecorners-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<div style="position: absolute; top: 300px; left: 70px; width: 360px; height: 160px; border-bottom-left-radius: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; background: red;">&nbsp;</div>
+<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: yellow;">Test</div>
diff --git a/layout/reftests/box-shadow/boxshadow-threecorners.html b/layout/reftests/box-shadow/boxshadow-threecorners.html
new file mode 100644
index 0000000000..f00135f959
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-threecorners.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 300px 0 30px red; background: yellow;">Test</div>
diff --git a/layout/reftests/box-shadow/boxshadow-twocorners-ref.html b/layout/reftests/box-shadow/boxshadow-twocorners-ref.html
new file mode 100644
index 0000000000..bc3263cdb1
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-twocorners-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<div style="position: absolute; top: 300px; left: 70px; width: 360px; height: 160px; border-bottom-left-radius: 40px; border-top-right-radius: 40px; background: red;">&nbsp;</div>
+<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; background: yellow;">Test</div>
diff --git a/layout/reftests/box-shadow/boxshadow-twocorners.html b/layout/reftests/box-shadow/boxshadow-twocorners.html
new file mode 100644
index 0000000000..e62c316f2b
--- /dev/null
+++ b/layout/reftests/box-shadow/boxshadow-twocorners.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 300px 0 30px red; background: yellow;">Test</div>
diff --git a/layout/reftests/box-shadow/fieldset-inset-ref.html b/layout/reftests/box-shadow/fieldset-inset-ref.html
new file mode 100644
index 0000000000..6d02c04c8b
--- /dev/null
+++ b/layout/reftests/box-shadow/fieldset-inset-ref.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase #2 for bug 485149</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+
+body {padding:20px;}
+
+field {
+  display:block;
+  overflow:hidden;
+  background:yellow;
+
+  box-shadow: inset 0 0 5px 5px #cccccc; 
+  border:1px solid #000000;
+  border-radius:7px;
+  width:200px;
+  height:50px;
+  margin-left:5px;
+  margin-right:2px;
+  padding:10px;
+  border-box;
+}
+
+.with-legend {
+  margin-top:8px;
+  height:42px;
+}
+
+p { height:40px; margin:0; }
+
+#mask1 {
+ position:absolute;
+ left:0;
+ top:0;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:700px;
+}
+
+#mask2 {
+ position:absolute;
+ left:170px;
+ top:330px;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:300px;
+}
+
+#mask3 {
+ position:absolute;
+ left:0;
+ top:380px;
+ background:black;
+ z-index:1;
+ width:300px;
+ height:300px;
+}
+
+</style>
+</head>
+<body>
+
+<field class="with-legend">
+1
+</field>
+
+<p></p>
+<field class="with-legend" style="position:relative">
+2
+</field>
+
+<p></p>
+<field>
+3
+</field>
+
+<p></p>
+<field class="with-legend" style="border-color:transparent">
+4
+</field>
+
+<div id="mask1"></div>
+<div id="mask2"></div>
+<div id="mask3"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/fieldset-inset.html b/layout/reftests/box-shadow/fieldset-inset.html
new file mode 100644
index 0000000000..d49e2411f9
--- /dev/null
+++ b/layout/reftests/box-shadow/fieldset-inset.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase #2 for bug 485149</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+
+body {padding:20px;}
+
+fieldset {
+  overflow:hidden;
+  background:yellow;
+
+  box-shadow: inset 0 0 5px 5px #cccccc; 
+  border:1px solid #000000;
+  border-radius:7px;
+  width:200px;
+  height:50px;
+  margin-left:5px;
+  margin-right:2px;
+  padding:10px;
+}
+
+legend { height:16px; }
+
+p { height:40px; margin:0; }
+
+#mask1 {
+ position:absolute;
+ left:0;
+ top:0;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:700px;
+}
+
+#mask2 {
+ position:absolute;
+ left:170px;
+ top:330px;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:300px;
+}
+
+#mask3 {
+ position:absolute;
+ left:0;
+ top:380px;
+ background:black;
+ z-index:1;
+ width:300px;
+ height:300px;
+}
+
+</style>
+</head>
+<body>
+
+<fieldset><legend>Legend</legend>
+1
+</fieldset>
+
+<p></p>
+<fieldset style="position:relative;"><legend>Legend</legend>
+2
+</fieldset>
+
+<p></p>
+<fieldset>
+3
+</fieldset>
+
+<p></p>
+<fieldset><legend style="width:150px;"></legend>
+4
+</fieldset>
+
+<div id="mask1"></div>
+<div id="mask2"></div>
+<div id="mask3"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/fieldset-ref.html b/layout/reftests/box-shadow/fieldset-ref.html
new file mode 100644
index 0000000000..9196d50636
--- /dev/null
+++ b/layout/reftests/box-shadow/fieldset-ref.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 485149</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+
+body {padding:20px;}
+
+field {
+  display:block;
+  overflow:hidden;
+  background:yellow;
+
+  box-shadow:0 0 5px 5px #cccccc; 
+  border:1px solid #000000;
+  border-radius:7px;
+  width:200px;
+  height:50px;
+  margin-left:5px;
+  margin-right:2px;
+  padding:10px;
+  border-box;
+}
+
+.with-legend {
+  margin-top:8px;
+  height:42px;
+}
+
+p { height:40px; margin:0; }
+
+#mask1 {
+ position:absolute;
+ left:0;
+ top:0;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:700px;
+}
+
+#mask2 {
+ position:absolute;
+ left:170px;
+ top:330px;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:300px;
+}
+
+#mask3 {
+ position:absolute;
+ left:0;
+ top:380px;
+ background:black;
+ z-index:1;
+ width:300px;
+ height:300px;
+}
+
+</style>
+</head>
+<body>
+
+<field class="with-legend">
+1
+</field>
+
+<p></p>
+<field class="with-legend" style="position:relative">
+2
+</field>
+
+<p></p>
+<field>
+3
+</field>
+
+<p></p>
+<field class="with-legend" style="border-color:transparent">
+4
+</field>
+
+<div id="mask1"></div>
+<div id="mask2"></div>
+<div id="mask3"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/fieldset.html b/layout/reftests/box-shadow/fieldset.html
new file mode 100644
index 0000000000..581633f54b
--- /dev/null
+++ b/layout/reftests/box-shadow/fieldset.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 485149</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+
+body {padding:20px;}
+
+fieldset {
+  overflow:hidden;
+  background:yellow;
+
+  box-shadow:0 0 5px 5px #cccccc; 
+  border:1px solid #000000;
+  border-radius:7px;
+  width:200px;
+  height:50px;
+  margin-left:5px;
+  margin-right:2px;
+  padding:10px;
+}
+
+legend { height:16px; }
+
+p { height:40px; margin:0; }
+
+#mask1 {
+ position:absolute;
+ left:0;
+ top:0;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:700px;
+}
+
+#mask2 {
+ position:absolute;
+ left:170px;
+ top:330px;
+ background:black;
+ z-index:1;
+ width:150px;
+ height:300px;
+}
+
+#mask3 {
+ position:absolute;
+ left:0;
+ top:380px;
+ background:black;
+ z-index:1;
+ width:300px;
+ height:300px;
+}
+
+</style>
+</head>
+<body>
+
+<fieldset><legend>Legend</legend>
+1
+</fieldset>
+
+<p></p>
+<fieldset style="position:relative;"><legend>Legend</legend>
+2
+</fieldset>
+
+<p></p>
+<fieldset>
+3
+</fieldset>
+
+<p></p>
+<fieldset><legend style="width:150px;"></legend>
+4
+</fieldset>
+
+<div id="mask1"></div>
+<div id="mask2"></div>
+<div id="mask3"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/box-shadow/overflow-not-scrollable-1-ref.html b/layout/reftests/box-shadow/overflow-not-scrollable-1-ref.html
new file mode 100644
index 0000000000..89906bb1c0
--- /dev/null
+++ b/layout/reftests/box-shadow/overflow-not-scrollable-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style type="text/css">
+
+div {
+  height: 200px; width: 200px; overflow: hidden;
+  font-size: 50px;
+}
+span {
+  box-shadow: 210px 210px 2px gray;
+
+  /* work around potential font overflow */
+  margin-left: 5px;
+}
+
+</style>
+<div>
+<span>text</span>
+</div>
diff --git a/layout/reftests/box-shadow/overflow-not-scrollable-1-ref2.html b/layout/reftests/box-shadow/overflow-not-scrollable-1-ref2.html
new file mode 100644
index 0000000000..03d34afd9f
--- /dev/null
+++ b/layout/reftests/box-shadow/overflow-not-scrollable-1-ref2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style type="text/css">
+
+div {
+  height: 200px; width: 200px;
+  font-size: 50px;
+}
+
+span {
+  /* work around potential font overflow */
+  margin-left: 5px;
+}
+
+</style>
+<div>
+<span>text</span>
+</div>
diff --git a/layout/reftests/box-shadow/overflow-not-scrollable-1.html b/layout/reftests/box-shadow/overflow-not-scrollable-1.html
new file mode 100644
index 0000000000..94a4b7fe07
--- /dev/null
+++ b/layout/reftests/box-shadow/overflow-not-scrollable-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style type="text/css">
+
+div {
+  height: 200px; width: 200px; overflow: auto;
+  font-size: 50px;
+}
+span {
+  box-shadow: 210px 210px 2px gray;
+
+  /* work around potential font overflow */
+  margin-left: 5px;
+}
+
+</style>
+<div>
+<span>text</span>
+</div>
diff --git a/layout/reftests/box-shadow/overflow-not-scrollable-2-ref.html b/layout/reftests/box-shadow/overflow-not-scrollable-2-ref.html
new file mode 100644
index 0000000000..8bac681910
--- /dev/null
+++ b/layout/reftests/box-shadow/overflow-not-scrollable-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<style type="text/css">
+
+div {
+  height: 200px; width: 200px; overflow: hidden;
+  font-size: 50px;
+  font-weight: bold;
+}
+span {
+  box-shadow: 100px 100px 30px black;
+
+  /* work around potential font overflow */
+  margin-left: 5px;
+}
+
+</style>
+<div>
+<span>text</span>
+</div>
diff --git a/layout/reftests/box-shadow/overflow-not-scrollable-2.html b/layout/reftests/box-shadow/overflow-not-scrollable-2.html
new file mode 100644
index 0000000000..66dba48daf
--- /dev/null
+++ b/layout/reftests/box-shadow/overflow-not-scrollable-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<style type="text/css">
+
+div {
+  height: 200px; width: 200px; overflow: auto;
+  font-size: 50px;
+  font-weight: bold;
+}
+span {
+  box-shadow: 100px 100px 30px black;
+
+  /* work around potential font overflow */
+  margin-left: 5px;
+}
+
+</style>
+<div>
+<span>text</span>
+</div>
diff --git a/layout/reftests/box-shadow/reftest.list b/layout/reftests/box-shadow/reftest.list
new file mode 100644
index 0000000000..ed6baf7946
--- /dev/null
+++ b/layout/reftests/box-shadow/reftest.list
@@ -0,0 +1,49 @@
+== boxshadow-basic.html boxshadow-basic-ref.html
+!= boxshadow-blur.html boxshadow-blur-notref.html
+!= boxshadow-blur.html boxshadow-blur-notref2.html
+random == boxshadow-blur-2.html boxshadow-blur-2-ref.html # fixedpoint division in blur code makes this fail
+random != boxshadow-blur-2.html boxshadow-blur-2-notref.html # fixedpoint division in blur code makes this fail
+== boxshadow-multiple.html boxshadow-multiple-ref.html
+== boxshadow-spread.html boxshadow-spread-ref.html
+== tableboxshadow-basic.html tableboxshadow-basic-ref.html
+== tableboxshadow-trshadow.html tableboxshadow-trshadow-ref.html
+== tableboxshadow-tdshadow.html tableboxshadow-tdshadow-ref.html
+== boxshadow-rounding.html boxshadow-rounding-ref.html
+# One uses old path, one uses WR box shadow.
+== boxshadow-button.html boxshadow-button-ref.html
+fuzzy(0-14,0-179) fuzzy-if(swgl&&!Android,0-1,0-952) fuzzy-if(useDrawSnapshot&&swgl,14-14,54-54) == boxshadow-large-border-radius.html boxshadow-large-border-radius-ref.html # Bug 1209649
+
+== boxshadow-fileupload.html boxshadow-fileupload-ref.html
+fuzzy(13-19,28-51) == boxshadow-inner-basic.html boxshadow-inner-basic-ref.svg
+fuzzy(0-1,0-18) random-if(layersGPUAccelerated) == boxshadow-mixed.html boxshadow-mixed-ref.html
+fuzzy(0-1,0-17) == boxshadow-mixed-2.html boxshadow-mixed-2-ref.html
+random-if(d2d) fuzzy(0-127,0-3528) == boxshadow-rounded-spread.html boxshadow-rounded-spread-ref.html
+fuzzy(0-1,0-50) == chrome://reftest/content/box-shadow/boxshadow-dynamic.xhtml chrome://reftest/content/box-shadow/boxshadow-dynamic-ref.xhtml
+random-if(d2d) fuzzy(0-1,0-14) == boxshadow-onecorner.html boxshadow-onecorner-ref.html
+random-if(d2d) fuzzy(0-1,0-22) == boxshadow-twocorners.html boxshadow-twocorners-ref.html
+random-if(d2d) fuzzy(0-1,0-36) == boxshadow-threecorners.html boxshadow-threecorners-ref.html
+fuzzy(0-2,0-440) == boxshadow-skiprect.html boxshadow-skiprect-ref.html
+fuzzy-if(useDrawSnapshot,1-1,1197-2400) == boxshadow-opacity.html boxshadow-opacity-ref.html
+== boxshadow-color-rounding.html boxshadow-color-rounding-ref.html
+== boxshadow-color-rounding-middle.html boxshadow-color-rounding-middle-ref.html
+fuzzy(0-3,0-500) fuzzy-if(d2d,0-2,0-1080) == boxshadow-border-radius-int.html boxshadow-border-radius-int-ref.html
+== boxshadow-inset-neg-spread.html about:blank
+== boxshadow-inset-neg-spread2.html boxshadow-inset-neg-spread2-ref.html
+fuzzy(0-26,0-3610) fuzzy-if(d2d,0-26,0-5910) fuzzy-if(!(swgl&&Android),0-6,378-4500) == boxshadow-rotated.html boxshadow-rotated-ref.html # Bug 1211264
+== boxshadow-inset-large-border-radius.html boxshadow-inset-large-border-radius-ref.html
+
+# fuzzy due to blur going inside, but as long as it's essentially black instead of a light gray its ok.
+fuzzy(12-15,9400-13267) == boxshadow-inset-large-offset.html boxshadow-inset-large-offset-ref.html
+
+== overflow-not-scrollable-1.html overflow-not-scrollable-1-ref.html
+== overflow-not-scrollable-1.html overflow-not-scrollable-1-ref2.html
+== overflow-not-scrollable-2.html overflow-not-scrollable-2-ref.html
+fuzzy(0-1,0-655) == 611574-1.html 611574-1-ref.html
+fuzzy(0-4,0-144) fuzzy-if(d2d,0-1,0-36) == 611574-2.html 611574-2-ref.html
+fuzzy(0-16,0-10) == fieldset.html fieldset-ref.html # minor anti-aliasing problem on Windows
+fuzzy(0-16,0-10) == fieldset-inset.html fieldset-inset-ref.html # minor anti-aliasing problem on Windows
+== 1178575.html 1178575-ref.html
+== 1178575-2.html 1178575-2-ref.html
+fuzzy(0-159,0-2) fails == 1212823-1.html 1212823-1-ref.html
+fuzzy(0-93,0-8) == 1212823-2.html 1212823-2-ref.html
+== boxshadow-large-offset.html boxshadow-large-offset-ref.html
diff --git a/layout/reftests/box-shadow/tableboxshadow-basic-ref.html b/layout/reftests/box-shadow/tableboxshadow-basic-ref.html
new file mode 100644
index 0000000000..6a797820a2
--- /dev/null
+++ b/layout/reftests/box-shadow/tableboxshadow-basic-ref.html
@@ -0,0 +1 @@
+<div style="position: absolute; top: 33px; left: 33px; height: 300px; width: 600px; background-color: black;">s</div><table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 30px; left: 30px; background-color: green;"><tr><td style="width: 300px; height: 300px;">s</td><td style="width: 300px; height: 300px;">s</td></tr></table>
diff --git a/layout/reftests/box-shadow/tableboxshadow-basic.html b/layout/reftests/box-shadow/tableboxshadow-basic.html
new file mode 100644
index 0000000000..4601d636a8
--- /dev/null
+++ b/layout/reftests/box-shadow/tableboxshadow-basic.html
@@ -0,0 +1 @@
+<table border="0" cellpadding="0" cellspacing="0" style="box-shadow: 3px 3px black; position: absolute; top: 30px; left: 30px; background-color: green;"><tr><td style="width: 300px; height: 300px;">s</td><td style="width: 300px; height: 300px;">s</td></tr></table>
diff --git a/layout/reftests/box-shadow/tableboxshadow-tdshadow-ref.html b/layout/reftests/box-shadow/tableboxshadow-tdshadow-ref.html
new file mode 100644
index 0000000000..972d315ed5
--- /dev/null
+++ b/layout/reftests/box-shadow/tableboxshadow-tdshadow-ref.html
@@ -0,0 +1,5 @@
+<div style="width: 300px; height: 300px; position: absolute; top: 56px; left: 56px; background-color: rgba(0, 0, 0, 0.4);">s</div>
+
+<div style="width: 300px; height: 300px; position: absolute; top: 56px; left: 376px; background-color: rgba(0, 0, 0, 0.4);">s</div>
+
+<table border="0" cellpadding="0" cellspacing="20" style="position: absolute; top: 30px; left: 30px;"><tr><td style="background-color: green; width: 300px; height: 300px;">s</td><td style="background-color: green; width: 300px; height: 300px;">s</td></tr></table>
diff --git a/layout/reftests/box-shadow/tableboxshadow-tdshadow.html b/layout/reftests/box-shadow/tableboxshadow-tdshadow.html
new file mode 100644
index 0000000000..bc7abb8f0a
--- /dev/null
+++ b/layout/reftests/box-shadow/tableboxshadow-tdshadow.html
@@ -0,0 +1 @@
+<table border="0" cellpadding="0" cellspacing="20" style="position: absolute; top: 30px; left: 30px;"><tr><td style="background-color: green; box-shadow: 6px 6px rgba(0, 0, 0, 0.4); width: 300px; height: 300px;">s</td><td style="background-color: green; box-shadow: 6px 6px rgba(0, 0, 0, 0.4); width: 300px; height: 300px;">s</td></tr></table>
diff --git a/layout/reftests/box-shadow/tableboxshadow-trshadow-ref.html b/layout/reftests/box-shadow/tableboxshadow-trshadow-ref.html
new file mode 100644
index 0000000000..d337519480
--- /dev/null
+++ b/layout/reftests/box-shadow/tableboxshadow-trshadow-ref.html
@@ -0,0 +1,5 @@
+<table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 330px; left: 30px; background-color: green;"><tr><td style="width: 300px; height: 300px;">s</td><td style="width: 300px; height: 300px;">s</td></tr></table>
+
+<div style="position: absolute; top: 33px; left: 33px; height: 300px; width: 600px; background-color: black;">s</div>
+
+<table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 30px; left: 30px; background-color: green;"><tr><td style="width: 300px; height: 300px;">s</td><td style="width: 300px; height: 300px;">s</td></tr></table>
diff --git a/layout/reftests/box-shadow/tableboxshadow-trshadow.html b/layout/reftests/box-shadow/tableboxshadow-trshadow.html
new file mode 100644
index 0000000000..c928402122
--- /dev/null
+++ b/layout/reftests/box-shadow/tableboxshadow-trshadow.html
@@ -0,0 +1 @@
+<table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 30px; left: 30px; background-color: green;"><tr style="box-shadow: 3px 3px black;"><td style="width: 300px; height: 300px;">s</td><td style="width: 300px; height: 300px;">s</td></tr><tr><td style="width: 300px; height: 300px;">s</td><td>s</td></tr></table>
diff --git a/layout/reftests/box-sizing/computed-size-reporting-ref.html b/layout/reftests/box-sizing/computed-size-reporting-ref.html
new file mode 100644
index 0000000000..f910417e59
--- /dev/null
+++ b/layout/reftests/box-sizing/computed-size-reporting-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<meta charset=utf-8>
+<title>Bug 520992</title>
+
+<style>
+  #borderBox {
+    background:gold;
+    height:100px;
+    box-sizing:border-box;
+  }
+
+</style>
+
+<div id="borderBox"></div>
+<p id="heightWidth1"></p>
+
+<script>
+  var divs = document.getElementsByTagName("div");
+  var textEle1 = document.getElementById("heightWidth1");
+  textEle1.innerHTML += "height = " + getComputedStyle(divs[0]).height;
+  textEle1.innerHTML += ", width = " + getComputedStyle(divs[0]).width;
+</script>
diff --git a/layout/reftests/box-sizing/computed-size-reporting.html b/layout/reftests/box-sizing/computed-size-reporting.html
new file mode 100644
index 0000000000..227ea2cfbd
--- /dev/null
+++ b/layout/reftests/box-sizing/computed-size-reporting.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<meta charset=utf-8>
+<title>Bug 520992</title>
+
+<style>
+  #borderBox {
+    background:gold;
+    height:100px;
+    box-sizing:border-box;
+    border: 20px solid gold;
+  }
+
+</style>
+
+<div id="borderBox"></div>
+<p id="heightWidth1"></p>
+
+<script>
+  var divs = document.getElementsByTagName("div");
+  var textEle1 = document.getElementById("heightWidth1");
+  textEle1.innerHTML += "height = " + getComputedStyle(divs[0]).height;
+  textEle1.innerHTML += ", width = " + getComputedStyle(divs[0]).width;
+</script>
diff --git a/layout/reftests/box-sizing/html-hr-1-ref.html b/layout/reftests/box-sizing/html-hr-1-ref.html
new file mode 100644
index 0000000000..4108e13172
--- /dev/null
+++ b/layout/reftests/box-sizing/html-hr-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+  <div style="border: 1px solid black; background-color: blue; height: 10px;"></div>
+</body>
diff --git a/layout/reftests/box-sizing/html-hr-1.html b/layout/reftests/box-sizing/html-hr-1.html
new file mode 100644
index 0000000000..774510735e
--- /dev/null
+++ b/layout/reftests/box-sizing/html-hr-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+  <hr style="border: 1px solid black; background-color: blue; height: 10px;">
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1-ref.html b/layout/reftests/box-sizing/intrinsic-1-ref.html
new file mode 100644
index 0000000000..d808239f2b
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue; width: 200px;
+              height: 200px">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1a.html b/layout/reftests/box-sizing/intrinsic-1a.html
new file mode 100644
index 0000000000..2a678176dd
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue">
+    <img src="lime100x100.png"
+         style="height: 200px; display: block; visibility: hidden;
+                padding: 30px;
+                box-sizing: border-box;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1b.html b/layout/reftests/box-sizing/intrinsic-1b.html
new file mode 100644
index 0000000000..0bb5af75f3
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1b.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue; height: 200px">
+    <img src="lime100x100.png"
+         style="height: 200px; display: block; visibility: hidden;
+                padding: 15% 30px;
+                box-sizing: border-box;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1c.html b/layout/reftests/box-sizing/intrinsic-1c.html
new file mode 100644
index 0000000000..43febc053e
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1c.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue">
+    <img src="lime100x100.png"
+         style="height: 200px; display: block; visibility: hidden;
+                padding: 30px; border: 20px solid;
+                box-sizing: border-box;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1d.html b/layout/reftests/box-sizing/intrinsic-1d.html
new file mode 100644
index 0000000000..08a982ff0c
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1d.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue; height: 200px">
+    <img src="lime100x100.png"
+         style="height: 200px; display: block; visibility: hidden;
+                padding: calc(15%) 30px;
+                box-sizing: border-box;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1e.html b/layout/reftests/box-sizing/intrinsic-1e.html
new file mode 100644
index 0000000000..c27cab66a1
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1e.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue; height: 200px">
+    <img src="lime100x100.png"
+         style="height: 200px; display: block; visibility: hidden;
+                padding: calc(10% + 10px) 30px;
+                box-sizing: border-box;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1f.html b/layout/reftests/box-sizing/intrinsic-1f.html
new file mode 100644
index 0000000000..a273761ab5
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1f.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue">
+    <img src="lime100x100.png"
+         style="height: 200px; display: block; visibility: hidden;
+                padding: calc(30px);
+                box-sizing: border-box;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1g.html b/layout/reftests/box-sizing/intrinsic-1g.html
new file mode 100644
index 0000000000..272d76720e
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1g.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              box-sizing: border-box; height: 200px;
+              border: 40px transparent solid">
+    <img src="lime100x100.png"
+         style="height: 100%; display: block; visibility: hidden;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1h.html b/layout/reftests/box-sizing/intrinsic-1h.html
new file mode 100644
index 0000000000..55663f1636
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              height: 120px;
+              border: 40px transparent solid">
+    <img src="lime100x100.png"
+         style="height: 100%; display: block; visibility: hidden;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1i.html b/layout/reftests/box-sizing/intrinsic-1i.html
new file mode 100644
index 0000000000..6d46b3d488
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1i.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              box-sizing: border-box; height: 200px;
+              border: 25px transparent solid">
+    <div style="height: 100%; box-sizing: border-box;
+                border: 15px transparent solid;">
+         <img src="lime100x100.png"
+              style="height: 100%; display: block; visibility: hidden;">
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1j.html b/layout/reftests/box-sizing/intrinsic-1j.html
new file mode 100644
index 0000000000..ca398338ab
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1j.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              box-sizing: border-box; height: 200px;
+              border: 40px transparent solid">
+    <!-- We need to be taller than intrinsic height, so use a min-height -->
+    <img src="lime100x100.png"
+         style="min-height: 100%; display: block; visibility: hidden;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1k.html b/layout/reftests/box-sizing/intrinsic-1k.html
new file mode 100644
index 0000000000..8ebaa24b91
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1k.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              height: 120px;
+              border: 40px transparent solid">
+    <!-- We need to be taller than intrinsic height, so use a min-height -->
+    <img src="lime100x100.png"
+         style="min-height: 100%; display: block; visibility: hidden;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1l.html b/layout/reftests/box-sizing/intrinsic-1l.html
new file mode 100644
index 0000000000..38f4cef8b7
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1l.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              box-sizing: border-box; height: 200px;
+              border: 25px transparent solid">
+    <div style="height: 100%; box-sizing: border-box;
+                border: 15px transparent solid;">
+      <!-- We need to be taller than intrinsic height, so use a min-height -->
+      <img src="lime100x100.png"
+           style="min-height: 100%; display: block; visibility: hidden;">
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1m.html b/layout/reftests/box-sizing/intrinsic-1m.html
new file mode 100644
index 0000000000..09dbc75bb9
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1m.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              box-sizing: border-box; height: 200px;
+              border: 80px transparent solid">
+    <!-- We need to be shorter than intrinsic height, so use a max-height -->
+    <img src="lime100x100.png"
+         style="max-height: 100%; display: block; visibility: hidden;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1n.html b/layout/reftests/box-sizing/intrinsic-1n.html
new file mode 100644
index 0000000000..5328e03ab6
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1n.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              height: 40px;
+              border: 80px transparent solid">
+    <!-- We need to be shorter than intrinsic height, so use a max-height -->
+    <img src="lime100x100.png"
+         style="max-height: 100%; display: block; visibility: hidden;">
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/intrinsic-1o.html b/layout/reftests/box-sizing/intrinsic-1o.html
new file mode 100644
index 0000000000..a463307057
--- /dev/null
+++ b/layout/reftests/box-sizing/intrinsic-1o.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<body>
+  <div style="display: inline-block; background: blue;
+              box-sizing: border-box; height: 200px;
+              border: 50px transparent solid">
+    <div style="height: 100%; box-sizing: border-box;
+                border: 30px transparent solid;">
+      <!-- We need to be shorter than intrinsic height, so use a max-height -->
+      <img src="lime100x100.png"
+           style="max-height: 100%; display: block; visibility: hidden;">
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/box-sizing/lime100x100.png b/layout/reftests/box-sizing/lime100x100.png
new file mode 100644
index 0000000000..c9bb375943
Binary files /dev/null and b/layout/reftests/box-sizing/lime100x100.png differ
diff --git a/layout/reftests/box-sizing/reftest.list b/layout/reftests/box-sizing/reftest.list
new file mode 100644
index 0000000000..ca4b191018
--- /dev/null
+++ b/layout/reftests/box-sizing/reftest.list
@@ -0,0 +1,19 @@
+== intrinsic-1a.html intrinsic-1-ref.html
+== intrinsic-1b.html intrinsic-1-ref.html
+== intrinsic-1c.html intrinsic-1-ref.html
+== intrinsic-1d.html intrinsic-1-ref.html
+== intrinsic-1e.html intrinsic-1-ref.html
+== intrinsic-1f.html intrinsic-1-ref.html
+== intrinsic-1g.html intrinsic-1-ref.html
+== intrinsic-1h.html intrinsic-1-ref.html
+== intrinsic-1i.html intrinsic-1-ref.html
+== intrinsic-1j.html intrinsic-1-ref.html
+== intrinsic-1k.html intrinsic-1-ref.html
+== intrinsic-1l.html intrinsic-1-ref.html
+== intrinsic-1m.html intrinsic-1-ref.html
+== intrinsic-1n.html intrinsic-1-ref.html
+== intrinsic-1o.html intrinsic-1-ref.html
+== computed-size-reporting.html computed-size-reporting-ref.html
+
+== html-hr-1.html html-hr-1-ref.html
+
diff --git a/layout/reftests/bugs/1003425-1-ref.html b/layout/reftests/bugs/1003425-1-ref.html
new file mode 100644
index 0000000000..31cdbb86bf
--- /dev/null
+++ b/layout/reftests/bugs/1003425-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  width: 500px;
+  height: 500px;
+  box-shadow: 0 0 40px #000;
+}
+</style>
+<div id="d"></div>
+
diff --git a/layout/reftests/bugs/1003425-1.html b/layout/reftests/bugs/1003425-1.html
new file mode 100644
index 0000000000..0428d5df72
--- /dev/null
+++ b/layout/reftests/bugs/1003425-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+div {
+  width: 500px;
+  height: 500px;
+  opacity: 0.5;
+  box-shadow: 0 0 40px #000;
+}
+</style>
+<div id="d"></div>
+<script>
+function doTest() {
+  document.getElementById("d").style.opacity = 1;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/bugs/1003425-2-ref.html b/layout/reftests/bugs/1003425-2-ref.html
new file mode 100644
index 0000000000..3e6624ce31
--- /dev/null
+++ b/layout/reftests/bugs/1003425-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  width: 500px;
+  height: 500px;
+  background-color: lime;
+}
+</style>
+<div id="d"></div>
+
diff --git a/layout/reftests/bugs/1003425-2.html b/layout/reftests/bugs/1003425-2.html
new file mode 100644
index 0000000000..ee25ca1ab3
--- /dev/null
+++ b/layout/reftests/bugs/1003425-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+div {
+  width: 500px;
+  height: 500px;
+  opacity: 0.5;
+  background-color: lime;
+}
+</style>
+<div id="d"></div>
+<script>
+function doTest() {
+  document.getElementById("d").style.opacity = 1;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/bugs/10036-1-ref.html b/layout/reftests/bugs/10036-1-ref.html
new file mode 100644
index 0000000000..30de2ef3d4
--- /dev/null
+++ b/layout/reftests/bugs/10036-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<table border="1" style="width:100px; height:100px; empty-cells:show;">
+  <tr><td bgcolor="lime"></td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/10036-1.html b/layout/reftests/bugs/10036-1.html
new file mode 100644
index 0000000000..fc4994972a
--- /dev/null
+++ b/layout/reftests/bugs/10036-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<table border="1" style="width:100px; height:100px; empty-cells:hide;">
+  <tr><td bgcolor="lime"><br></td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1005405-1-ref.html b/layout/reftests/bugs/1005405-1-ref.html
new file mode 100644
index 0000000000..eebc9027f5
--- /dev/null
+++ b/layout/reftests/bugs/1005405-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table id="thetable" width="150" style="top: 0px; position: relative;">
+      <tbody id="thebody">
+        <tr>
+          <td>Hello</td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1005405-1.html b/layout/reftests/bugs/1005405-1.html
new file mode 100644
index 0000000000..7787efcf7d
--- /dev/null
+++ b/layout/reftests/bugs/1005405-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body>
+    <table id="thetable" width="150" style="top: -100px; position: relative;">
+      <tbody id="thebody">
+        <tr>
+          <td>Hello</td>
+        </tr>
+      </tbody>
+    </table>
+    <script>
+      function doTest() {
+        document.getElementById("thetable").style.top="0px";
+        document.documentElement.className = "";
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/100x80-white-rect-top-right.png b/layout/reftests/bugs/100x80-white-rect-top-right.png
new file mode 100644
index 0000000000..e0dab5064f
Binary files /dev/null and b/layout/reftests/bugs/100x80-white-rect-top-right.png differ
diff --git a/layout/reftests/bugs/1012640-1-ref.html b/layout/reftests/bugs/1012640-1-ref.html
new file mode 100644
index 0000000000..3a197b1608
--- /dev/null
+++ b/layout/reftests/bugs/1012640-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<title>white-space: nowrap; regressed in Firefox 29</title>
+<style>
+.tagcloud { width: 30em; padding: 1px; font-family: monospace; border: 1px solid blue; }
+.tagcloud > li { display: inline; white-space: nowrap; }
+.tagcloud > li.weight_1 { font-style: italic; }
+.tagcloud > li.weight_5 { font-size: 150%; }
+</style>
+</head>
+<body>
+<ul class="tagcloud">
+<li class="weight_1">short string</li>
+<li class="weight_1">short string</li>
+<li class="weight_1">short string</li>
+<li class="weight_5">why doesn't this move to the next line?</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1012640-1.html b/layout/reftests/bugs/1012640-1.html
new file mode 100644
index 0000000000..adf899bd42
--- /dev/null
+++ b/layout/reftests/bugs/1012640-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<title>white-space: nowrap; regressed in Firefox 29</title>
+<style>
+.tagcloud { width: 30em; padding: 1px; font-family: monospace; border: 1px solid blue; }
+.tagcloud > li { display: inline; white-space: nowrap; }
+.tagcloud > li.weight_1 { font-style: italic; }
+.tagcloud > li.weight_5 { font-size: 150%; }
+</style>
+</head>
+<body>
+<ul class="tagcloud">
+<li class="weight_1">short string </li>
+<li class="weight_1">short string </li>
+<li class="weight_1">short string </li>
+<li class="weight_5">why doesn't this move to the next line? </li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1013054-1-ref.html b/layout/reftests/bugs/1013054-1-ref.html
new file mode 100644
index 0000000000..db0fc0bc25
--- /dev/null
+++ b/layout/reftests/bugs/1013054-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html>
+<body style="transform:translateY(10px);">
+  <span style="padding:2px; background:yellow">&nbsp;&nbsp;&nbsp;&nbsp;</span>
diff --git a/layout/reftests/bugs/1013054-1.html b/layout/reftests/bugs/1013054-1.html
new file mode 100644
index 0000000000..1d76ef0ab0
--- /dev/null
+++ b/layout/reftests/bugs/1013054-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="transform:translateY(50px);">
+  <span style="padding:2px; background:yellow">&nbsp;&nbsp;&nbsp;&nbsp;</span>
+<script>
+console.log(document.body.getBoundingClientRect());
+document.body.style.transform = "translateY(30px)";
+function doTest() {
+  document.body.style.transform = "translateY(10px)";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/bugs/1018522-1-ref.html b/layout/reftests/bugs/1018522-1-ref.html
new file mode 100644
index 0000000000..b5d1fb9ae9
--- /dev/null
+++ b/layout/reftests/bugs/1018522-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<title>Test that opacity changes on layers make the Compositor repaint the right area</title>
+
+<style>
+
+#box {
+  width: 100px;
+  height: 100px;
+  border: 10px solid black;
+  opacity: 1;
+  will-change: opacity;
+}
+
+#box.halfTransparent {
+  opacity: 0.5;
+}
+
+</style>
+
+<div id="box" class="halfTransparent"></div>
diff --git a/layout/reftests/bugs/1018522-1.html b/layout/reftests/bugs/1018522-1.html
new file mode 100644
index 0000000000..f918afa93f
--- /dev/null
+++ b/layout/reftests/bugs/1018522-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Test that opacity changes on layers make the Compositor repaint the right area</title>
+
+<style>
+
+#box {
+  width: 100px;
+  height: 100px;
+  border: 10px solid black;
+  opacity: 1;
+  will-change: opacity;
+}
+
+#box.halfTransparent {
+  opacity: 0.5;
+}
+
+</style>
+
+<div id="box"></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function (e) {
+  document.getElementById("box").className = "halfTransparent";
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/bugs/10209-1.html b/layout/reftests/bugs/10209-1.html
new file mode 100644
index 0000000000..ca169fb023
--- /dev/null
+++ b/layout/reftests/bugs/10209-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+* {
+  font-family: Ahem;
+}
+</style>
+<body style="font-size: 100px; line-height: 1">
+  <div style="position: relative; display: inline; color: white">x
+    <table style="height: 50%; position: absolute; width: 50px; background: green; top: 0; left: 0">
+    </table>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/10209-2.html b/layout/reftests/bugs/10209-2.html
new file mode 100644
index 0000000000..65af40eaec
--- /dev/null
+++ b/layout/reftests/bugs/10209-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+* {
+  font-family: Ahem;
+}
+</style>
+<body style="font-size: 100px">
+  <div style="position: relative; height:100px;">
+    <table style="height: 50%; position: absolute; width: 50px; background: green">
+    </table>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/10209-3-ref.html b/layout/reftests/bugs/10209-3-ref.html
new file mode 100644
index 0000000000..6f16cba6d6
--- /dev/null
+++ b/layout/reftests/bugs/10209-3-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+* {
+  font-family: Ahem;
+}
+</style>
+<body style="margin: 0">
+  <div style="width: 100px; height: 100px; background: green">
+  </div>
+</body>
diff --git a/layout/reftests/bugs/10209-3.html b/layout/reftests/bugs/10209-3.html
new file mode 100644
index 0000000000..b4bc59ddd1
--- /dev/null
+++ b/layout/reftests/bugs/10209-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+* {
+  font-family: Ahem;
+}
+</style>
+<body style="position: relative; display: inline; border-right: 1px solid black; font-size: 100px; line-height: 100px; margin: 0">
+  <table style="position: absolute; width: 100px; height: 100%; top: 0; left: 0; background: green"></table>
+</body>
diff --git a/layout/reftests/bugs/10209-ref.html b/layout/reftests/bugs/10209-ref.html
new file mode 100644
index 0000000000..042326c0ad
--- /dev/null
+++ b/layout/reftests/bugs/10209-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+* {
+  font-family: Ahem;
+}
+</style>
+<body>
+  <div style="width: 50px; height: 50px; background: green">
+  </div>
+</body>
diff --git a/layout/reftests/bugs/1021564-1.html b/layout/reftests/bugs/1021564-1.html
new file mode 100644
index 0000000000..21e5a879d9
--- /dev/null
+++ b/layout/reftests/bugs/1021564-1.html
@@ -0,0 +1,46 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>When the filtered element's BBox relative to the page changes, the filtered element needs to be invalidated</title>
+
+<style>
+
+#spacer {
+  height: 100px;
+}
+
+#filtered {
+  width: 100px;
+  height: 100px;
+  background-color: lime;
+  filter: url(#filter);
+}
+
+</style>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="100%"
+            color-interpolation-filters="sRGB">
+      <feMerge><feMergeNode/></feMerge>
+    </filter>
+  </defs>
+</svg>
+
+<div id="spacer"></div>
+
+<div id="filtered"></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.getElementById("spacer").style.height = "50px";
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/bugs/1021564-2.html b/layout/reftests/bugs/1021564-2.html
new file mode 100644
index 0000000000..f30b9aef7d
--- /dev/null
+++ b/layout/reftests/bugs/1021564-2.html
@@ -0,0 +1,45 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>When the filtered element's BBox relative to the page changes, the filtered element needs to be invalidated</title>
+
+<style>
+
+#spacer {
+  height: 100px;
+}
+
+#filtered {
+  width: 100px;
+  height: 100px;
+  filter: url(#filter);
+}
+
+</style>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="100%"
+            color-interpolation-filters="sRGB">
+      <feFlood flood-color="lime"/>
+    </filter>
+  </defs>
+</svg>
+
+<div id="spacer"></div>
+
+<div id="filtered"></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.getElementById("spacer").style.height = "50px";
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/bugs/1021564-3.html b/layout/reftests/bugs/1021564-3.html
new file mode 100644
index 0000000000..0d64728649
--- /dev/null
+++ b/layout/reftests/bugs/1021564-3.html
@@ -0,0 +1,46 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>When the filtered element's BBox relative to the page changes, the filtered element needs to be invalidated</title>
+
+<style>
+
+#spacer {
+  height: 100px;
+}
+
+#filtered {
+  width: 100px;
+  height: 100px;
+  background-color: lime;
+  filter: url(#filter);
+}
+
+</style>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="userSpaceOnUse"
+            x="0" y="0" width="100" height="100"
+            color-interpolation-filters="sRGB">
+      <feMerge><feMergeNode/></feMerge>
+    </filter>
+  </defs>
+</svg>
+
+<div id="spacer"></div>
+
+<div id="filtered"></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.getElementById("spacer").style.height = "50px";
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/bugs/1021564-4.html b/layout/reftests/bugs/1021564-4.html
new file mode 100644
index 0000000000..831c8bd914
--- /dev/null
+++ b/layout/reftests/bugs/1021564-4.html
@@ -0,0 +1,45 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>When the filtered element's BBox relative to the page changes, the filtered element needs to be invalidated</title>
+
+<style>
+
+#spacer {
+  height: 100px;
+}
+
+#filtered {
+  width: 100px;
+  height: 100px;
+  filter: url(#filter);
+}
+
+</style>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="userSpaceOnUse"
+            x="0" y="0" width="100" height="100"
+            color-interpolation-filters="sRGB">
+      <feFlood flood-color="lime"/>
+    </filter>
+  </defs>
+</svg>
+
+<div id="spacer"></div>
+
+<div id="filtered"></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.getElementById("spacer").style.height = "50px";
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/bugs/1021564-ref.html b/layout/reftests/bugs/1021564-ref.html
new file mode 100644
index 0000000000..0ae0a20dc7
--- /dev/null
+++ b/layout/reftests/bugs/1021564-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>When the filtered element's BBox relative to the page changes, the filtered element needs to be invalidated</title>
+
+<style>
+
+#spacer {
+  height: 50px;
+}
+
+#filtered {
+  width: 100px;
+  height: 100px;
+  background-color: lime;
+}
+
+</style>
+
+<svg height="0"></svg>
+
+<div id="spacer"></div>
+
+<div id="filtered"></div>
diff --git a/layout/reftests/bugs/1022481-1-ref.html b/layout/reftests/bugs/1022481-1-ref.html
new file mode 100644
index 0000000000..256791bb16
--- /dev/null
+++ b/layout/reftests/bugs/1022481-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Simple generics test</title>
+<meta charset="UTF-8">
+<style>
+
+body {
+  margin: 20px;
+}
+
+p {
+  margin: 0;
+  line-height: 1.2;
+  font-size: 25px;
+}
+
+</style>
+
+</head>
+<body>
+<p>default font</p>
+<p style="font-family: serif">serif</p>
+<p style="font-family: sans-serif">sans-serif</p>
+<p style="font-family: monospace">monospace</p>
+<p style="font-family: monospace">-moz-fixed</p>
+<p style="font-family: serif">unknown, serif</p>
+<p style="font-family: sans-serif">unknown, sans-serif</p>
+<p style="font-family: monospace">unknown, monospace</p>
+<p style="font-family: monospace">unknown, -moz-fixed</p>
+<p style="font-family: serif">unknown, serif, monospace</p>
+<p style="font-family: sans-serif">unknown, sans-serif, -moz-fixed</p>
+<p style="font-family: monospace">unknown, monospace, serif</p>
+<p style="font-family: monospace">unknown, -moz-fixed, sans-serif</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1022481-1.html b/layout/reftests/bugs/1022481-1.html
new file mode 100644
index 0000000000..e9fe216a76
--- /dev/null
+++ b/layout/reftests/bugs/1022481-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Simple generics test</title>
+<meta charset="UTF-8">
+<style>
+
+body {
+  margin: 20px;
+}
+
+p {
+  margin: 0;
+  line-height: 1.2;
+  font-size: 25px;
+}
+
+</style>
+
+</head>
+<body>
+<p>default font</p>
+<p style="font-family: serif">serif</p>
+<p style="font-family: sans-serif">sans-serif</p>
+<p style="font-family: monospace">monospace</p>
+<p style="font-family: -moz-fixed">-moz-fixed</p>
+<p style="font-family: unknown, serif">unknown, serif</p>
+<p style="font-family: unknown, sans-serif">unknown, sans-serif</p>
+<p style="font-family: unknown, monospace">unknown, monospace</p>
+<p style="font-family: unknown, -moz-fixed">unknown, -moz-fixed</p>
+<p style="font-family: unknown, serif, monospace">unknown, serif, monospace</p>
+<p style="font-family: unknown, sans-serif, -moz-fixed">unknown, sans-serif, -moz-fixed</p>
+<p style="font-family: unknown, monospace, serif">unknown, monospace, serif</p>
+<p style="font-family: unknown, -moz-fixed, sans-serif">unknown, -moz-fixed, sans-serif</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1022612-1-ref.html b/layout/reftests/bugs/1022612-1-ref.html
new file mode 100644
index 0000000000..ffe8398e03
--- /dev/null
+++ b/layout/reftests/bugs/1022612-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<div style="width:400px;">
+  <span style="opacity:0.5;">
+    <span style="position:relative; display:inline-block; width:400px; height:200px;"></span>
+    <span style="position:relative; top:-300px; display:inline-block; background:lime; width:400px; height:400px;"></span>
+  </span>
+</div>
diff --git a/layout/reftests/bugs/1022612-1.html b/layout/reftests/bugs/1022612-1.html
new file mode 100644
index 0000000000..1d32971217
--- /dev/null
+++ b/layout/reftests/bugs/1022612-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<div style="width:400px;">
+  <span style="opacity:0.5;">
+    <span style="position:relative; display:inline-block; background:red; width:400px; height:200px;"></span>
+    <span style="position:relative; top:-300px; display:inline-block; background:lime; width:400px; height:400px;"></span>
+  </span>
+</div>
diff --git a/layout/reftests/bugs/1024473-1-ref.html b/layout/reftests/bugs/1024473-1-ref.html
new file mode 100644
index 0000000000..4eb3e5eb32
--- /dev/null
+++ b/layout/reftests/bugs/1024473-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<title>Mask layer on canvas layer needs to update even if canvas wasn't dirtied</title>
+</style>
+<canvas id="canvas" height="100" width="200" style="border-radius: 40px;"></canvas>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>
diff --git a/layout/reftests/bugs/1024473-1.html b/layout/reftests/bugs/1024473-1.html
new file mode 100644
index 0000000000..e6f2b9a0fb
--- /dev/null
+++ b/layout/reftests/bugs/1024473-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Mask layer on canvas layer needs to update even if canvas wasn't dirtied</title>
+</style>
+<canvas id="canvas" height="100" width="200" style="border-radius: 20px;"></canvas>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+
+window.addEventListener("MozReftestInvalidate", function() {
+  canvas.style.borderRadius = "40px";
+  document.documentElement.removeAttribute("class");
+});
+</script>
diff --git a/layout/reftests/bugs/1025914-1-ref.html b/layout/reftests/bugs/1025914-1-ref.html
new file mode 100644
index 0000000000..75610b730c
--- /dev/null
+++ b/layout/reftests/bugs/1025914-1-ref.html
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that scrolling #scrolledBox into view paints the scrolled strip even while #coveringFixedBar covers that strip</title>
+
+<style>
+
+html {
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+}
+
+#coveringFixedBar {
+  position: absolute;
+  left: 10px;
+  top: 0;
+  width: 380px;
+  height: 20px;
+  background: blue;
+  z-index: 100;
+}
+
+#scrolledBox {
+  position: relative;
+  margin: 0 100px;
+  opacity: 0.9;
+  width: 200px;
+  height: 200px;
+  background: lime;
+  border: 1px solid black;
+}
+
+</style>
+
+<div id="coveringFixedBar"></div>
+
+<div id="scrolledBox"></div>
diff --git a/layout/reftests/bugs/1025914-1.html b/layout/reftests/bugs/1025914-1.html
new file mode 100644
index 0000000000..8f6380c4c4
--- /dev/null
+++ b/layout/reftests/bugs/1025914-1.html
@@ -0,0 +1,59 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Make sure that scrolling #scrolledBox into view paints the scrolled strip even while #coveringFixedBar covers that strip</title>
+
+<style>
+
+html {
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 2000px;
+}
+
+#coveringFixedBar {
+  position: fixed;
+  left: 10px;
+  top: 0;
+  width: 380px;
+  height: 20px;
+  background: blue;
+  z-index: 100;
+}
+
+#scrolledBox {
+  position: relative;
+  margin: 0 100px;
+  opacity: 0.9;
+  width: 200px;
+  height: 200px;
+  background: lime;
+  border: 1px solid black;
+}
+
+</style>
+
+<div id="coveringFixedBar"></div>
+
+<div id="scrolledBox"></div>
+
+<script>
+
+document.documentElement.scrollTop = 40;
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.documentElement.scrollTop = 20;
+  window.requestAnimationFrame(function () {
+    document.documentElement.scrollTop = 0;
+    document.documentElement.removeAttribute("class");
+  });
+});
+
+</script>
diff --git a/layout/reftests/bugs/1035091-2.html b/layout/reftests/bugs/1035091-2.html
new file mode 100644
index 0000000000..b647a16238
--- /dev/null
+++ b/layout/reftests/bugs/1035091-2.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+div { color: green; }
+@-moz-document url-prefix(foo) {
+  div { color: red; }
+}
+</style>
+<div>Should be green</div>
diff --git a/layout/reftests/bugs/1035091-ref.html b/layout/reftests/bugs/1035091-ref.html
new file mode 100644
index 0000000000..5dc9b3d272
--- /dev/null
+++ b/layout/reftests/bugs/1035091-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="color: green;">Should be green</div>
diff --git a/layout/reftests/bugs/1042104-1-ref.html b/layout/reftests/bugs/1042104-1-ref.html
new file mode 100644
index 0000000000..ee30aeb622
--- /dev/null
+++ b/layout/reftests/bugs/1042104-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+#container {
+  height: 500px;
+  width: 500px;
+  position: relative;
+  overflow: hidden;
+}
+#panel {
+  position:absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  transform: translateX(0);
+  background-color: yellow;
+}
+</style>
+</head>
+<body>
+<div id="container">
+  <div id="panel">
+    <div style="width:300px; height:50px; background:blue;"></div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/1042104-1.html b/layout/reftests/bugs/1042104-1.html
new file mode 100644
index 0000000000..82b5985f34
--- /dev/null
+++ b/layout/reftests/bugs/1042104-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+#container {
+  height: 500px;
+  width: 500px;
+  position: relative;
+  overflow: hidden;
+}
+#panel {
+  position:absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  transform: translateX(-500px);
+  background-color: yellow;
+}
+#tog {
+  position: absolute;
+  height: 50px;
+  width: 50px;
+  left: 0;
+  bottom: 0;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+<div id="container">
+  <div id="panel">
+    <div style="width:300px; height:50px; background:blue;"></div>
+  </div>
+</div>
+<div id="tog"></div>
+<script>
+console.log(panel.getBoundingClientRect());
+panel.style.transform = "translateX(-450px)";
+console.log(panel.getBoundingClientRect());
+panel.style.transform = "translateX(-400px)";
+function doTest() {
+  panel.style.transform = "translateX(0)";
+  tog.style.visibility = "hidden";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/bugs/1043537-1-ref.html b/layout/reftests/bugs/1043537-1-ref.html
new file mode 100644
index 0000000000..2cbe050b38
--- /dev/null
+++ b/layout/reftests/bugs/1043537-1-ref.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<meta charset="utf-8" />
+<title>Reference #1 for bug #1043537</title>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+  background: yellow;
+}
+
+div:before {
+  content: '';
+  background: hotpink;
+  display: block;
+  width: 40px;
+  height: 40px;
+  overflow: hidden;
+}
+</style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1043537-1.html b/layout/reftests/bugs/1043537-1.html
new file mode 100644
index 0000000000..286237ceda
--- /dev/null
+++ b/layout/reftests/bugs/1043537-1.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<meta charset="utf-8" />
+<title>Test #1 for bug #1043537</title>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+  background: yellow;
+}
+
+div:before {
+  content: '';
+  background: hotpink;
+  display: block;
+  width: 40px;
+  height: 40px;
+  overflow: hidden;
+  resize: both;
+}
+</style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1044198-1-ref.html b/layout/reftests/bugs/1044198-1-ref.html
new file mode 100644
index 0000000000..730bf24237
--- /dev/null
+++ b/layout/reftests/bugs/1044198-1-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=windows-1252">
+<style>
+.wrapper{
+  direction: rtl;
+  border: 1px solid black;
+  display: inline-block;
+}
+.panel{
+  display: inline-block;
+  width: 50px;
+  height: 20px;
+}
+.olive {
+  border: 3px dotted olive;
+}
+.blue {
+  border: 3px dotted blue;
+}
+.purple {
+  border: 3px dotted purple;
+}
+.negMargin {
+  margin-left: -30px;
+}
+.posMargin {
+  margin-left: 30px;
+}
+.forceLTR {
+  direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div class="wrapper">
+    <div class="panel olive"></div
+   ><div class="panel blue posMargin"></div
+   ><div class="panel purple"></div>
+  </div>
+  <br><br>
+  <div class="wrapper">
+    <div class="panel olive"></div
+   ><div class="panel blue negMargin"></div
+   ><div class="panel purple"></div>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/1044198-1.html b/layout/reftests/bugs/1044198-1.html
new file mode 100644
index 0000000000..afd07400c7
--- /dev/null
+++ b/layout/reftests/bugs/1044198-1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=windows-1252">
+<style>
+.wrapper{
+  direction: rtl;
+  border: 1px solid black;
+  display: inline-block;
+}
+.panel{
+  display: inline-block;
+  width: 50px;
+  height: 20px;
+}
+.olive {
+  border: 3px dotted olive;
+}
+.blue {
+  border: 3px dotted blue;
+}
+.purple {
+  border: 3px dotted purple;
+}
+.negMargin {
+  margin-left: -30px;
+}
+.posMargin {
+  margin-left: 30px;
+}
+.forceLTR {
+  direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div class="wrapper">
+    <div class="panel olive"></div
+   ><div class="panel blue forceLTR posMargin"></div
+   ><div class="panel purple"></div>
+  </div>
+  <br><br>
+  <div class="wrapper">
+    <div class="panel olive"></div
+   ><div class="panel blue forceLTR negMargin"></div
+   ><div class="panel purple"></div>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/1049499-1-ref.html b/layout/reftests/bugs/1049499-1-ref.html
new file mode 100644
index 0000000000..4d591ea7de
--- /dev/null
+++ b/layout/reftests/bugs/1049499-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Choose the correct gradient repeat count even when there's a non-identity pattern matrix</title>
+
+<style>
+
+html {
+  overflow: hidden;
+}
+
+div {
+  width: 30px;
+  height: 40px;
+  background-image: repeating-linear-gradient(-36.8698976deg, blue, blue 5px, lime 5px, lime 10px);
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/bugs/1049499-1.html b/layout/reftests/bugs/1049499-1.html
new file mode 100644
index 0000000000..e2b23ceba3
--- /dev/null
+++ b/layout/reftests/bugs/1049499-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Choose the correct gradient repeat count even when there's a non-identity pattern matrix</title>
+
+<style>
+
+html {
+  overflow: hidden;
+}
+
+div {
+  box-sizing: border-box;
+  width: 240px;
+  height: 320px;
+
+  /* Scale a 240x320 gradient down by a factor of 8 into a 30x40 border image. */
+  /* 240x320 gives a diagonal of 400px, so we should get 5 repetitions of a 80px long gradient. */
+  /* tan(36.8698976deg) == 240 / 320 */
+  border-left: 30px solid;
+  border-top: 40px solid;
+  border-image: repeating-linear-gradient(-36.8698976deg, blue, blue 40px, lime 40px, lime 80px);
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/bugs/105-1-ref.html b/layout/reftests/bugs/105-1-ref.html
new file mode 100644
index 0000000000..fc2df77d63
--- /dev/null
+++ b/layout/reftests/bugs/105-1-ref.html
@@ -0,0 +1,8 @@
+<body bgcolor=white>
+<table bgcolor=blue cellpadding=0>
+<tr><td bgcolor=yellow>
+<table>
+<tr><td>hello
+</table>
+</table>
+</body>
diff --git a/layout/reftests/bugs/105-1.html b/layout/reftests/bugs/105-1.html
new file mode 100644
index 0000000000..864d7e60a8
--- /dev/null
+++ b/layout/reftests/bugs/105-1.html
@@ -0,0 +1,8 @@
+<body bgcolor=white>
+<table bgcolor=blue cellpadding=0>
+<tr><td>
+<table bgcolor=yellow>
+<tr><td>hello
+</table>
+</table>
+</body>
diff --git a/layout/reftests/bugs/105030-1-ref.html b/layout/reftests/bugs/105030-1-ref.html
new file mode 100644
index 0000000000..cc8a99eae5
--- /dev/null
+++ b/layout/reftests/bugs/105030-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 105030 Reference</title>
+</head>
+<body>
+<table style="border: solid 1px">
+  <tr><td>
+    <table>
+      <tr><td>Inner Table <img src="solidblue.png" alt="">
+      </td></tr>
+    </table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/105030-1.html b/layout/reftests/bugs/105030-1.html
new file mode 100644
index 0000000000..ff9eacf22a
--- /dev/null
+++ b/layout/reftests/bugs/105030-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 105030</title>
+</head>
+<body>
+<table style="border: solid 1px">
+  <tr><td>
+    <table align="left">
+      <tr><td id="cell">Inner Table </td></tr>
+    </table>
+  </td></tr>
+</table>
+<script type="text/javascript">
+  function loadImage() {
+    document.body.offsetWidth
+    var img = document.createElement("img");
+    img.src = "solidblue.png";
+    img.alt = "";
+    targetCell = document.getElementById("cell");
+    targetCell.appendChild(img);
+  }
+  loadImage();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1050493-1-ref.html b/layout/reftests/bugs/1050493-1-ref.html
new file mode 100644
index 0000000000..b9cbafd5c5
--- /dev/null
+++ b/layout/reftests/bugs/1050493-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>Test for bug 1050493</title>
+
+<style>
+body {
+  position: relative;
+}
+#box {
+    width: 50px;
+    height: 50px;
+    background-color: red;
+    position: absolute;
+}
+</style>
+
+<div style="left: 5.556750627747686px; top: 0.5041006554218519px;" id="box"></div>
diff --git a/layout/reftests/bugs/1050493-1.html b/layout/reftests/bugs/1050493-1.html
new file mode 100644
index 0000000000..321cf0d6c5
--- /dev/null
+++ b/layout/reftests/bugs/1050493-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>Test for bug 1050493</title>
+
+<style>
+body {
+  position: relative;
+}
+#box {
+    width: 50px;
+    height: 50px;
+    background-color: red;
+    position: absolute;
+}
+</style>
+
+<div style="left: 0; top: 0;" id="box"></div>
+
+<script>
+var positions = [
+  { x: 4.6260797642782014, y: 0.46260797642782014 },
+  { x: 5.0304173163526205, y: 0.4878118314685598 },
+  { x: 5.0304173163526205, y: 0.5041006554218519 },
+  { x: 5.556750627747686, y: 0.5041006554218519 }];
+var s = document.getElementById('box').style,
+  i = 0;
+function f() {
+  if (i < positions.length) {
+    s.left = positions[i].x + "px";
+    s.top = positions[i].y + "px";
+    i++;
+    requestAnimationFrame(f);
+  } else {
+    document.documentElement.className = "";
+  }
+}
+window.addEventListener("MozReftestInvalidate", function () {
+  f();
+});
+</script>
diff --git a/layout/reftests/bugs/1050788-1.html b/layout/reftests/bugs/1050788-1.html
new file mode 100644
index 0000000000..c67f7bf40d
--- /dev/null
+++ b/layout/reftests/bugs/1050788-1.html
@@ -0,0 +1,34 @@
+<html class="reftest-wait">
+<head>
+  <script>
+    function doTest() {
+      var c = document.getElementById('c');
+      var ctx = c.getContext('2d');
+
+      ctx.transform(1, 0, 0, 1, 0.5, 0.5);
+
+      ctx.moveTo(0,0);
+      ctx.lineTo(100,0);
+      ctx.lineTo(100, 100);
+      ctx.lineTo(0,100);
+      ctx.closePath();
+
+      ctx.moveTo(0,0);
+      ctx.lineTo(100,0);
+      ctx.lineTo(100, 100);
+      ctx.lineTo(0,100);
+      ctx.closePath();
+
+      ctx.clip('evenodd');
+
+      ctx.fillStyle = 'red';
+      ctx.fillRect(0,0,400,400);
+
+      document.documentElement.removeAttribute("class");
+  }
+  </script>
+</head>
+<body onload="doTest()">
+  <canvas id="c" width="400" height="400"></canvas>
+</body>
+</body></html>
diff --git a/layout/reftests/bugs/1053035-1-flex.html b/layout/reftests/bugs/1053035-1-flex.html
new file mode 100644
index 0000000000..5ab6b8fcd0
--- /dev/null
+++ b/layout/reftests/bugs/1053035-1-flex.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body {
+      display: flex;
+      background: yellow;
+      overflow: scroll;
+      border: 1px solid black;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1053035-1-grid.html b/layout/reftests/bugs/1053035-1-grid.html
new file mode 100644
index 0000000000..4d01c3ff7f
--- /dev/null
+++ b/layout/reftests/bugs/1053035-1-grid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body {
+      display: grid;
+      background: yellow;
+      overflow: scroll;
+      border: 1px solid black;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1053035-1-ref.html b/layout/reftests/bugs/1053035-1-ref.html
new file mode 100644
index 0000000000..27e1ec066b
--- /dev/null
+++ b/layout/reftests/bugs/1053035-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body {
+      display: block;
+      background: yellow;
+      overflow: scroll;
+      border: 1px solid black;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1059167-1-ref.html b/layout/reftests/bugs/1059167-1-ref.html
new file mode 100644
index 0000000000..74404ce94e
--- /dev/null
+++ b/layout/reftests/bugs/1059167-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>bug 1059167</title>
+  <style type="text/css">
+    body {
+        width: 200px;
+        height: 200px;
+        border: 1px solid black;
+    }
+
+    .item {
+        width: 100px;
+        margin-left: 80px;
+        padding: 1rem;
+        background: red;
+        box-sizing: border-box;
+    }
+
+    p {
+        background: blue;
+    }
+  </style>
+</head>
+<body>
+  <div class="item"><p>Content</p></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1059167-1.html b/layout/reftests/bugs/1059167-1.html
new file mode 100644
index 0000000000..f2a6210cd4
--- /dev/null
+++ b/layout/reftests/bugs/1059167-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>bug 1059167</title>
+  <style type="text/css">
+    body {
+        width: 200px;
+        height: 200px;
+        border: 1px solid black;
+    }
+
+    .item {
+        width: 100px;
+        margin-right: 20px;
+        padding: 1rem;
+        background: red;
+        box-sizing: border-box;
+        float:right;
+    }
+
+    p {
+        background: blue;
+    }
+  </style>
+</head>
+<body>
+  <div class="item"><p>Content</p></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1059498-1-ref.html b/layout/reftests/bugs/1059498-1-ref.html
new file mode 100644
index 0000000000..f7ece299c5
--- /dev/null
+++ b/layout/reftests/bugs/1059498-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test for bug 1059498 - Paint parts of the filter that are caused by parts of the source that are invisible</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#result {
+  width: 100px;
+  height: 30px;
+  background-color: lime;
+}
+
+</style>
+
+<div id="result"></div>
diff --git a/layout/reftests/bugs/1059498-1.html b/layout/reftests/bugs/1059498-1.html
new file mode 100644
index 0000000000..4e3930bdbd
--- /dev/null
+++ b/layout/reftests/bugs/1059498-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test for bug 1059498 - Paint parts of the filter that are caused by parts of the source that are invisible</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#filtered {
+  margin-top: -110px;
+  width: 100px;
+  height: 100px;
+  background-color: white;
+  filter: url(#filter);
+}
+
+</style>
+
+<div id="filtered"></div>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="200%"
+            color-interpolation-filters="sRGB">
+      <feDropShadow stdDeviation="0" dx="0" dy="40" flood-color="lime"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/layout/reftests/bugs/1059498-2.html b/layout/reftests/bugs/1059498-2.html
new file mode 100644
index 0000000000..f0bddaec92
--- /dev/null
+++ b/layout/reftests/bugs/1059498-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test for bug 1059498 - Paint parts of the filter that are caused by parts of the source that are invisible</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#filtered {
+  margin-top: -110px;
+  margin-left: -10px;
+  width: 100px;
+  height: 100px;
+  background-color: white;
+  filter: url(#filter);
+}
+
+#transformed {
+  transform: translateX(10px);
+  width: 200px;
+}
+
+</style>
+
+<div id="transformed">
+  <div id="filtered"></div>
+</div>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="200%"
+            color-interpolation-filters="sRGB">
+      <feDropShadow stdDeviation="0" dx="0" dy="40" flood-color="lime"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/layout/reftests/bugs/1059498-3.html b/layout/reftests/bugs/1059498-3.html
new file mode 100644
index 0000000000..e287f53f65
--- /dev/null
+++ b/layout/reftests/bugs/1059498-3.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test for bug 1059498 - Paint parts of the filter that are caused by parts of the source that are invisible</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#filtered {
+  margin-top: -150px;
+  margin-left: -10px;
+  width: 100px;
+  height: 100px;
+  background-color: white;
+  filter: url(#filter);
+  transform: translateY(40px);
+}
+
+#transformed {
+  transform: translateX(10px);
+  width: 200px;
+}
+
+</style>
+
+<div id="transformed">
+  <div id="filtered"></div>
+</div>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="200%"
+            color-interpolation-filters="sRGB">
+      <feDropShadow stdDeviation="0" dx="0" dy="40" flood-color="lime"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/layout/reftests/bugs/1062108-1-ref.html b/layout/reftests/bugs/1062108-1-ref.html
new file mode 100644
index 0000000000..8a45e122c5
--- /dev/null
+++ b/layout/reftests/bugs/1062108-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 1062108</title>
+<style>
+body {
+  font-family: "Droid Sans Mono", Monaco, monospace;
+  font-weight: bold;
+}
+</style>
+</head>
+<body>
+10 spaces: &quot;<span style="color:transparent">xxxxxxxxxx</span>&quot;
+</body>
+</html>
diff --git a/layout/reftests/bugs/1062108-1.html b/layout/reftests/bugs/1062108-1.html
new file mode 100644
index 0000000000..1f6b8f99fa
--- /dev/null
+++ b/layout/reftests/bugs/1062108-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 1062108</title>
+<style>
+body {
+  font-family: "Droid Sans Mono", Monaco, monospace;
+  font-weight: bold;
+}
+</style>
+</head>
+<body>
+10 spaces: &quot;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;
+</body>
+</html>
diff --git a/layout/reftests/bugs/1062792-1-ref.html b/layout/reftests/bugs/1062792-1-ref.html
new file mode 100644
index 0000000000..d7bceec3e6
--- /dev/null
+++ b/layout/reftests/bugs/1062792-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait" style="overflow: hidden;">
+<head>
+  <script>
+  function scroll() {
+    document.getElementById("thediv").scrollTop = 400;
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</head>
+<body onload="scroll();" style="overflow: hidden;">
+  <div style="background: white; position: absolute; top: 0; left: 0; bottom: 0; right: 0;">
+    <div style="background: yellow; height: 10%;"></div>
+    <div style="overflow: scroll; height: 90%;"
+         id="thediv">
+      <div style="background: purple; height: 4000px;"><div style="height: 500px; width: 100px; background: orange;"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1062792-1.html b/layout/reftests/bugs/1062792-1.html
new file mode 100644
index 0000000000..bba1791877
--- /dev/null
+++ b/layout/reftests/bugs/1062792-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll class="reftest-wait" style="overflow: hidden;">
+<head>
+  <script>
+  function scroll() {
+    document.getElementById("thediv").scrollTop = 400;
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</head>
+<body onload="scroll();" style="overflow: hidden;">
+  <div style="background: white; position: absolute; top: 0; left: 0; bottom: 0; right: 0;">
+    <div style="background: yellow; height: 10%;"></div>
+    <div reftest-displayport-x="0" reftest-displayport-y="-300"
+         reftest-displayport-w="800" reftest-displayport-h="2000"
+         style="overflow: scroll; height: 90%;"
+         id="thediv">
+      <div style="background: purple; height: 4000px;"><div style="height: 500px; width: 100px; background: orange;"></div></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1066554-1-ref.html b/layout/reftests/bugs/1066554-1-ref.html
new file mode 100644
index 0000000000..53af2f3202
--- /dev/null
+++ b/layout/reftests/bugs/1066554-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>Test for bug 1066554 - Shadow DOM loads SVG stylesheets as needed</title>
+<body>
+  <svg width="50px" height="10px">
+    <switch>
+      <foreignObject width="50px" height="50px">
+        <div style="width: 100px; height: 10px; background: red;"></div>
+      </foreignObject>
+    </switch>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1066554-1.html b/layout/reftests/bugs/1066554-1.html
new file mode 100644
index 0000000000..8b23a5988b
--- /dev/null
+++ b/layout/reftests/bugs/1066554-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>Test for bug 1066554 - Shadow DOM loads SVG stylesheets as needed</title>
+<body>
+  <div id="x"></div>
+  <script>
+    function insertShadowSVG() {
+      var x = document.getElementById("x");
+      x.attachShadow({ mode: "open" });
+      x.shadowRoot.innerHTML =
+        '<svg width="50px" height="10px"> \
+           <switch> \
+             <foreignObject width="50px" height="50px"> \
+               <div style="width: 100px; height: 10px; background: red;"></div> \
+             </foreignObject> \
+           </switch> \
+         </svg>';
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", insertShadowSVG);
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1069716-1-ref.html b/layout/reftests/bugs/1069716-1-ref.html
new file mode 100644
index 0000000000..e2ed8da169
--- /dev/null
+++ b/layout/reftests/bugs/1069716-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf8">
+<style type="text/css">
+  @counter-style triangle { symbols: b; }
+  @counter-style disc     { system: extends triangle; }
+</style>
+</head>
+<body>
+  <ul><li>&lt;---That should be a 'b' character.
diff --git a/layout/reftests/bugs/1069716-1.html b/layout/reftests/bugs/1069716-1.html
new file mode 100644
index 0000000000..2615a1f01e
--- /dev/null
+++ b/layout/reftests/bugs/1069716-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf8">
+<script>
+  function go() {
+    var styleNode = document.createElement("style");
+    styleNode.textContent =
+      "@counter-style triangle { symbols: b; } \n" +
+      "@counter-style disc     { system: extends triangle; } \n";
+
+    // NOTE: The bug goes away if you remove this trivial rule:
+    styleNode.textContent += "ul {}";
+
+    document.getElementsByTagName("head")[0].appendChild(styleNode);
+  }
+</script>
+</head>
+<body onload="go()">
+  <ul><li>&lt;---That should be a 'b' character.
diff --git a/layout/reftests/bugs/1078262-1.html b/layout/reftests/bugs/1078262-1.html
new file mode 100644
index 0000000000..eb3e06719b
--- /dev/null
+++ b/layout/reftests/bugs/1078262-1.html
@@ -0,0 +1,34 @@
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test for bug 1078262</title>
+
+<style>
+#outer {
+  perspective: 10000px;
+  width: 200px;
+  height: 4000px;
+  margin-top: -3800px;
+  background: red;
+  box-shadow: inset 0 0 0 2px white;
+}
+#inner {
+  width: 200px;
+  height: 4000px;
+  background: white;
+  box-sizing: border-box;
+  border: 1px solid white;
+  transform-origin: 50% 100% 0;
+  animation: active-rotation 5s linear infinite;
+}
+@keyframes active-rotation {
+  from { transform: rotateX(10.01deg); }
+  to { transform: rotateX(10.00deg); }
+}
+</style>
+
+<div id="outer">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/bugs/1081072-1-ref.html b/layout/reftests/bugs/1081072-1-ref.html
new file mode 100644
index 0000000000..672084911a
--- /dev/null
+++ b/layout/reftests/bugs/1081072-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    .container {
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div>T</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1081072-1.html b/layout/reftests/bugs/1081072-1.html
new file mode 100644
index 0000000000..59b1a83549
--- /dev/null
+++ b/layout/reftests/bugs/1081072-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <!-- NOTE: This bug was triggered by scrollbar opacity-fading, so this
+       testcase needs to be loaded with this pref...
+           layout.testing.overlay-scrollbars.always-visible
+       ...set to *false* in order to have a chance to trigger the bug.
+
+       We don't have to worry about this producing any screenshots of
+       unpredictable partially-faded-scrollbars in our reftest snapshot,
+       because our scrollbars don't actually paint here, since the
+       scrollable element has "overflow:auto" and doesn't overflow
+       (because it's auto-sized to fit its content). -->
+  <style>
+    .container {
+      display: flex;
+      overflow-y: auto;
+      border: 1px solid black;
+    }
+  </style>
+  <script type='text/javascript'>
+    window.addEventListener("MozReftestInvalidate", startTest);
+
+    function startTest() {
+      // NOTE: setTimeout in tests is evil, but it's necessary here -- we need
+      // to wait until the scrollbars have finished fading, and there's no
+      // event we can listen for to signal that, AFAIK. Fortunately, there
+      // shouldn't be *visible* scrollbars in this testcase, so even if our
+      // setTimeout fires too early/late, the test will still pass. (So, there
+      // shouldn't be spurious failures; any failures that happen will be real.)
+      setTimeout(endTest, 800);
+    }
+
+    function endTest() {
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</head>
+<body>
+  <div class="container">
+    <div>T</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1081185-1-ref.html b/layout/reftests/bugs/1081185-1-ref.html
new file mode 100644
index 0000000000..44f12dc2a0
--- /dev/null
+++ b/layout/reftests/bugs/1081185-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  margin-top:100px;
+  opacity:0.5;
+}
+
+.container {
+  width: 120px;
+  height: 120px;
+  perspective: 100px;
+}
+
+.bottom {
+  width: 120px;
+  height: 120px;
+  position: absolute;
+  background-color: rgba(255,0,255,1);
+  transform: translateZ(60px) translateY(120px) rotateX(-90deg);
+  transform-origin: left top;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="bottom"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1081185-1.html b/layout/reftests/bugs/1081185-1.html
new file mode 100644
index 0000000000..36b7b76966
--- /dev/null
+++ b/layout/reftests/bugs/1081185-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  margin-top:100px;
+  opacity:0.5;
+}
+
+.container {
+  width: 120px;
+  height: 120px;
+  perspective: 100px;
+  transform-style: preserve-3d;
+}
+
+.bottom {
+  width: 120px;
+  height: 120px;
+  position: absolute;
+  background-color: rgba(255,0,255,1);
+  transform: translateZ(60px) translateY(120px) rotateX(-90deg);
+  transform-origin: left top;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="bottom"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/109735-1-ref.html b/layout/reftests/bugs/109735-1-ref.html
new file mode 100644
index 0000000000..85e08d5bc1
--- /dev/null
+++ b/layout/reftests/bugs/109735-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=x-sjis">
+  <title>x-sjis overlap</title>
+ </head>
+ <body> 
+This is some regular old text
+This is some text in an anchor
+ </body>
+</html>
diff --git a/layout/reftests/bugs/109735-1.html b/layout/reftests/bugs/109735-1.html
new file mode 100644
index 0000000000..55f227d9f2
--- /dev/null
+++ b/layout/reftests/bugs/109735-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=x-sjis">
+  <title>x-sjis overlap</title>
+ </head>
+ <body> 
+This is some regular old text
+<a>This is some text in an anchor</a>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/1097437-1-ref.html b/layout/reftests/bugs/1097437-1-ref.html
new file mode 100644
index 0000000000..1317f162bf
--- /dev/null
+++ b/layout/reftests/bugs/1097437-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+body { background-color: white; }
+#outer
+{
+  width: 100px; height: 100px;
+  padding: 1px;
+  background-color: black;
+}
+#inner
+{
+  width: 100px; height:100px;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1097437-1.html b/layout/reftests/bugs/1097437-1.html
new file mode 100644
index 0000000000..953213cb5d
--- /dev/null
+++ b/layout/reftests/bugs/1097437-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+body { background-color: white; }
+#outer
+{
+  width: 100px; height: 100px;
+  border: 1px solid black;
+}
+</style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1098266-1-ref.html b/layout/reftests/bugs/1098266-1-ref.html
new file mode 100644
index 0000000000..dfde561df2
--- /dev/null
+++ b/layout/reftests/bugs/1098266-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="position: absolute; transform-style: preserve-3d; transform: perspective(600px) scale(0.166667); opacity:0.3">
+  <div style="position: absolute; background: yellow; width:900px; height:100px; transform: translate3d(0, 3000px, 0px) rotateZ(90deg) scale(5); transform-style: preserve-3d;">
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1098266-1.html b/layout/reftests/bugs/1098266-1.html
new file mode 100644
index 0000000000..2261f8ed0d
--- /dev/null
+++ b/layout/reftests/bugs/1098266-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="position: absolute; transform-style: preserve-3d; transform: perspective(600px) scale(0.166667); ">
+  <div style="position: absolute; background: yellow; width:900px; height:100px; transform: translate3d(0, 3000px, 0px) rotateZ(90deg) scale(5); transform-style: preserve-3d; opacity:0.3">
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1103258-1-ref.html b/layout/reftests/bugs/1103258-1-ref.html
new file mode 100644
index 0000000000..96d79e14fa
--- /dev/null
+++ b/layout/reftests/bugs/1103258-1-ref.html
@@ -0,0 +1,13 @@
+<style>
+#d1 {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  will-change: transform;
+  width: 64px;
+  height: 64px;
+  background: red;
+}
+</style>
+<div id="d1">
+</div>
diff --git a/layout/reftests/bugs/1103258-1.html b/layout/reftests/bugs/1103258-1.html
new file mode 100644
index 0000000000..7e16b110e0
--- /dev/null
+++ b/layout/reftests/bugs/1103258-1.html
@@ -0,0 +1,37 @@
+<style>
+#d1 {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  will-change: transform;
+  width: 64px;
+  height: 64px;
+  background: red;
+}
+#d2 {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  will-change: opacity;
+  opacity: 0.5;
+  width: 32px;
+  height: 32px;
+  background:blue;
+}
+#d3 {
+  will-change: transform;
+}
+#d4 {
+  will-change: transform;
+}
+</style>
+<div id="d2">
+  <div id="d3">
+    sadf
+  </div>
+  <div id="d4">
+    sdf
+  </div>
+</div>
+<div id="d1">
+</div>
diff --git a/layout/reftests/bugs/1105137-1-ref.html b/layout/reftests/bugs/1105137-1-ref.html
new file mode 100644
index 0000000000..f28110cac0
--- /dev/null
+++ b/layout/reftests/bugs/1105137-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+*.float {
+  float: right;
+  margin-left: 1em;
+}
+
+p {
+  direction:rtl;
+}
+    </style>
+  </head>
+  <body>
+    <div dir="rtl">
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <div class="float">
+        <img src="foo" width="240" height="180">
+      </div>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla </p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1105137-1.html b/layout/reftests/bugs/1105137-1.html
new file mode 100644
index 0000000000..f9eb38a78a
--- /dev/null
+++ b/layout/reftests/bugs/1105137-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+*.float {
+  float: right;
+  margin-left: 1em;
+}
+
+p {
+  direction:rtl;
+}
+    </style>
+  </head>
+  <body>
+    <div dir="ltr">
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <div class="float">
+        <img src="foo" width="240" height="180" dir="rtl">
+      </div>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
+      <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
+   bla bla bla </p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1111753-1.html b/layout/reftests/bugs/1111753-1.html
new file mode 100644
index 0000000000..2b5f267fe2
--- /dev/null
+++ b/layout/reftests/bugs/1111753-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+#d2 {
+  opacity:0;
+  transition:all 0.2s;
+  position:absolute;
+}
+#d2.active {
+  opacity:1;
+}
+#image {
+  position:fixed;
+  width:100%;
+  height:100%;
+  background:blue;
+  left:0;
+  top:0;
+}
+</style>
+</head>
+<body>
+  <div id="d2" class="active">
+    <div id="image"></div>
+    <h2>ABCDEFG</h2>
+  </div>
+<script>
+function doTest() {
+  d2.addEventListener("transitionend", function() {
+    document.documentElement.removeAttribute("class");
+  });
+  d2.classList.toggle("active");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1114526-1-ref.html b/layout/reftests/bugs/1114526-1-ref.html
new file mode 100644
index 0000000000..eaca3f49fd
--- /dev/null
+++ b/layout/reftests/bugs/1114526-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1114526-1.gif b/layout/reftests/bugs/1114526-1.gif
new file mode 100644
index 0000000000..137ed6d804
Binary files /dev/null and b/layout/reftests/bugs/1114526-1.gif differ
diff --git a/layout/reftests/bugs/1114526-1.html b/layout/reftests/bugs/1114526-1.html
new file mode 100644
index 0000000000..abadec0792
--- /dev/null
+++ b/layout/reftests/bugs/1114526-1.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script>
+var startPaintCount = 0;
+function doTest() {
+  startPaintCount = window.windowUtils.paintCount;
+  document.querySelector('#src').style.visibility='visible';
+  document.querySelector('#dest').style.visibility='visible';
+  setTimeout(check, 200);
+}
+var calls = 0;
+function check() {
+  calls++;
+  if ((window.windowUtils.paintCount - startPaintCount) > 3) {
+    finishSuccess();
+    return;
+  }
+  if (calls > 10) {
+    finishFail();
+    return;
+  }
+  setTimeout(check, 200);
+}
+function finishSuccess() {
+  cleanup();
+  document.documentElement.className = "";
+}
+function finishFail() {
+  cleanup();
+  document.body.appendChild(document.createTextNode("FAIL FAIL FAIL"));
+  document.documentElement.className = "";
+}
+function cleanup() {
+  var src = document.getElementById("src");
+  var dest = document.getElementById("dest");
+  src.remove();
+  dest.remove();
+}
+</script>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+}
+
+#src {
+  background-image: url('1114526-1.gif');
+  top: -500px;
+  visibility: hidden;
+}
+
+#dest {
+  background-image: -moz-element(#src);
+  top: 100px;
+  visibility: hidden;
+}
+</style>
+</head>
+<body>
+  <div id="src"></div>
+  <div id="dest"></div>
+<script>
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1116480-1-fakeitalic-overflow-ref.html b/layout/reftests/bugs/1116480-1-fakeitalic-overflow-ref.html
new file mode 100644
index 0000000000..fc85134c54
--- /dev/null
+++ b/layout/reftests/bugs/1116480-1-fakeitalic-overflow-ref.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'/>
+    <meta name='viewport' content='initial-scale=1' />
+    <style>
+      @font-face {
+        font-family: test;
+        src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+      }
+
+      body {
+        font-family: test;
+      }
+
+      .container {
+        padding: 1rem 0 0.3rem;
+      }
+
+      .placeholder {
+        font-style: italic;
+        position: absolute;
+        font-size: 8em;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='placeholder'>aI&#x301;z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1116480-1-fakeitalic-overflow.html b/layout/reftests/bugs/1116480-1-fakeitalic-overflow.html
new file mode 100644
index 0000000000..0b48da3b4a
--- /dev/null
+++ b/layout/reftests/bugs/1116480-1-fakeitalic-overflow.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'/>
+    <meta name='viewport' content='initial-scale=1' />
+    <style>
+      @font-face {
+        font-family: test;
+        src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+      }
+
+      body {
+        font-family: test;
+      }
+
+      .container {
+        padding: 1rem 0 0.3rem;
+      }
+
+      .placeholder {
+        font-style: italic;
+        position: absolute;
+        font-size: 8em;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='placeholder'>a&#x202e;I&#x301;&#x202c;z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1119117-1-ref.html b/layout/reftests/bugs/1119117-1-ref.html
new file mode 100644
index 0000000000..b33ff7ff03
--- /dev/null
+++ b/layout/reftests/bugs/1119117-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+#image {
+  position:fixed;
+  opacity:0.50196078431;
+  left:0;
+  top:0;
+  width:100%;
+  height:100%;
+  background:blue;
+}
+</style>
+</head>
+<body>
+  <div id="image"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1119117-1a.html b/layout/reftests/bugs/1119117-1a.html
new file mode 100644
index 0000000000..4615141050
--- /dev/null
+++ b/layout/reftests/bugs/1119117-1a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+#d1 {
+  overflow:hidden;
+  height:0;
+}
+#d2 {
+  opacity:0.50196078431;
+}
+#d3 {
+  position:absolute;
+  left:0;
+  top:0;
+  width:100%;
+  height:100%;
+  background:blue;
+}
+</style>
+</head>
+<body>
+<div id="d1">
+  <div id="d2">
+    <div id="d3"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1119117-1b.html b/layout/reftests/bugs/1119117-1b.html
new file mode 100644
index 0000000000..86befd1c6b
--- /dev/null
+++ b/layout/reftests/bugs/1119117-1b.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+#d1 {
+  overflow:hidden;
+  height:0;
+}
+#d2 {
+  opacity:0.50196078431;
+}
+#image {
+  position:fixed;
+  left:0;
+  top:0;
+  width:100%;
+  height:100%;
+  background:blue;
+}
+</style>
+</head>
+<body>
+  <div id="d1">
+    <div id="d2" class="active">
+      <div id="image"></div>
+      <h2>ABCDEFG</h2>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1120431-1-ref.html b/layout/reftests/bugs/1120431-1-ref.html
new file mode 100644
index 0000000000..079cf80131
--- /dev/null
+++ b/layout/reftests/bugs/1120431-1-ref.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <style>
+      .container-ext {
+        padding-left: 180px;
+        padding-right: 180px;
+      }
+      
+      .headline {
+        line-height: 30px;
+        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
+      }
+      
+      ul {
+        list-style: none;
+      }
+      
+      .headline-left {
+        left: 30px;
+      }
+      
+      .headline-right {
+        top: 20px !important;
+        /*bottom:370px !important;*/
+        right: 20px;
+      }
+      
+      .headline-active {
+        position: fixed;
+        top: 100px;
+      }
+      
+      .list-author:before,
+      .list-author:after {
+        content: "\200e";
+        display: table;
+      }
+      .list-author:after {
+        clear: both;
+      }
+      
+      .list-author-vocal {
+        float: left;
+        margin-right: 10px;
+      }
+      
+      .ff { position: fixed; }
+    </style>
+  </head>
+  <body>
+    <div class="container-ext">
+      
+      <div class="headline headline-left headline-active">
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              A
+            </li>
+            <li class="list-author-vocal">
+              B
+            </li>
+            <li class="list-author-vocal">
+              C
+            </li>
+            <li class="list-author-vocal">
+              D
+            </li>
+            <li class="list-author-vocal">
+              E
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              F
+            </li>
+            <li class="list-author-vocal">
+              G
+            </li>
+            <li class="list-author-vocal">
+              H
+            </li>
+            <li class="list-author-vocal">
+              I
+            </li>
+            <li class="list-author-vocal">
+              J
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              K
+            </li>
+            <li class="list-author-vocal">
+              L
+            </li>
+            <li class="list-author-vocal">
+              M
+            </li>
+            <li class="list-author-vocal">
+              N
+            </li>
+            <li class="list-author-vocal">
+              O
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal active">
+              P
+            </li>
+            <li class="list-author-vocal">
+              R
+            </li>
+            <li class="list-author-vocal">
+              S
+            </li>
+            <li class="list-author-vocal">
+              T
+            </li>
+            <li class="list-author-vocal">
+              V
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              W
+            </li>
+            <li class="list-author-vocal">
+              Y
+            </li>
+            <li class="list-author-vocal">
+              Z
+            </li>
+          </ul>
+<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
+
+          <ul class="list-author">
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+        </ul>
+      </div> <!-- headline headline-left headline-active -->
+      
+      <div style="position:relative;">
+        <div style="height: 4000px; background: red;">
+        </div>
+      </div>
+    </div> <!-- container-ext -->
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1120431-1.html b/layout/reftests/bugs/1120431-1.html
new file mode 100644
index 0000000000..36deaa7af0
--- /dev/null
+++ b/layout/reftests/bugs/1120431-1.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <style>
+      .container-ext {
+        padding-left: 180px;
+        padding-right: 180px;
+      }
+      
+      .headline {
+        line-height: 30px;
+        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
+      }
+      
+      ul {
+        list-style: none;
+      }
+      
+      .headline-left {
+        left: 30px;
+      }
+      
+      .headline-right {
+        top: 20px !important;
+        /*bottom:370px !important;*/
+        right: 20px;
+      }
+      
+      .headline-active {
+        position: fixed;
+        top: 100px;
+      }
+      
+      .list-author:before,
+      .list-author:after {
+        content: "\200e";
+        display: table;
+      }
+      .list-author:after {
+        clear: both;
+      }
+      
+      .list-author-vocal {
+        float: left;
+        margin-right: 10px;
+      }
+      
+      .ff { position: fixed; }
+    </style>
+  </head>
+  <body>
+    <div class="container-ext">
+      
+      <div class="headline headline-left headline-active">
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              A
+            </li>
+            <li class="list-author-vocal">
+              B
+            </li>
+            <li class="list-author-vocal">
+              C
+            </li>
+            <li class="list-author-vocal">
+              D
+            </li>
+            <li class="list-author-vocal">
+              E
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              F
+            </li>
+            <li class="list-author-vocal">
+              G
+            </li>
+            <li class="list-author-vocal">
+              H
+            </li>
+            <li class="list-author-vocal">
+              I
+            </li>
+            <li class="list-author-vocal">
+              J
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              K
+            </li>
+            <li class="list-author-vocal">
+              L
+            </li>
+            <li class="list-author-vocal">
+              M
+            </li>
+            <li class="list-author-vocal">
+              N
+            </li>
+            <li class="list-author-vocal">
+              O
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal active">
+              P
+            </li>
+            <li class="list-author-vocal">
+              R
+            </li>
+            <li class="list-author-vocal">
+              S
+            </li>
+            <li class="list-author-vocal">
+              T
+            </li>
+            <li class="list-author-vocal">
+              V
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              W
+            </li>
+            <li class="list-author-vocal">
+              Y
+            </li>
+            <li class="list-author-vocal">
+              Z
+            </li>
+          </ul>
+<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
+
+          <ul class="list-author">
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+        </ul>
+      </div> <!-- headline headline-left headline-active -->
+      <div class="headline headline-right headline-active">
+        ­<!--&#x200e;f--><div style="width: 2px; height: 2px; background: white;"></div>
+      </div>
+      
+      <div style="position:relative;">
+        <div style="height: 4000px; background: red;">
+        </div>
+      </div>
+    </div> <!-- container-ext -->
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1120431-2-ref.html b/layout/reftests/bugs/1120431-2-ref.html
new file mode 100644
index 0000000000..567eb471de
--- /dev/null
+++ b/layout/reftests/bugs/1120431-2-ref.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <style>
+      .container-ext {
+        padding-left: 180px;
+        padding-right: 180px;
+      }
+      
+      .headline {
+        line-height: 30px;
+        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
+      }
+      
+      ul {
+        list-style: none;
+      }
+      
+      .headline-left {
+        left: 30px;
+      }
+      
+      .headline-right {
+        top: 20px !important;
+        /*bottom:370px !important;*/
+        right: 20px;
+      }
+      
+      .headline-active {
+        position: fixed;
+        top: 100px;
+      }
+      
+      .list-author:before,
+      .list-author:after {
+        content: "\200e";
+        display: table;
+      }
+      .list-author:after {
+        clear: both;
+      }
+      
+      .list-author-vocal {
+        float: left;
+        margin-right: 10px;
+      }
+      
+      .ff { position: fixed; }
+    </style>
+  </head>
+  <body>
+    <div class="container-ext">
+      
+      <div class="headline headline-left headline-active">
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              A
+            </li>
+            <li class="list-author-vocal">
+              B
+            </li>
+            <li class="list-author-vocal">
+              C
+            </li>
+            <li class="list-author-vocal">
+              D
+            </li>
+            <li class="list-author-vocal">
+              E
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              F
+            </li>
+            <li class="list-author-vocal">
+              G
+            </li>
+            <li class="list-author-vocal">
+              H
+            </li>
+            <li class="list-author-vocal">
+              I
+            </li>
+            <li class="list-author-vocal">
+              J
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              K
+            </li>
+            <li class="list-author-vocal">
+              L
+            </li>
+            <li class="list-author-vocal">
+              M
+            </li>
+            <li class="list-author-vocal">
+              N
+            </li>
+            <li class="list-author-vocal">
+              O
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal active">
+              P
+            </li>
+            <li class="list-author-vocal">
+              R
+            </li>
+            <li class="list-author-vocal">
+              S
+            </li>
+            <li class="list-author-vocal">
+              T
+            </li>
+            <li class="list-author-vocal">
+              V
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              W
+            </li>
+            <li class="list-author-vocal">
+              Y
+            </li>
+            <li class="list-author-vocal">
+              Z
+            </li>
+          </ul>
+<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 469px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
+<div class="ff" style="left: 69px; top: 473px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
+
+          <ul class="list-author">
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+        </ul>
+      </div> <!-- headline headline-left headline-active -->
+      
+      <div style="position:relative;">
+        <div style="height: 4000px; background: red;">
+        </div>
+      </div>
+    </div> <!-- container-ext -->
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1120431-2.html b/layout/reftests/bugs/1120431-2.html
new file mode 100644
index 0000000000..01ea4076c2
--- /dev/null
+++ b/layout/reftests/bugs/1120431-2.html
@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <style>
+      .container-ext {
+        padding-left: 180px;
+        padding-right: 180px;
+      }
+      
+      .headline {
+        line-height: 30px;
+        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
+      }
+      
+      ul {
+        list-style: none;
+      }
+      
+      .headline-left {
+        left: 30px;
+      }
+      
+      .headline-right {
+        top: 20px !important;
+        /*bottom:370px !important;*/
+        right: 20px;
+      }
+      
+      .headline-active {
+        position: fixed;
+        top: 100px;
+      }
+      
+      .list-author:before,
+      .list-author:after {
+        content: "\200e";
+        display: table;
+      }
+      .list-author:after {
+        clear: both;
+      }
+      
+      .list-author-vocal {
+        float: left;
+        margin-right: 10px;
+      }
+      
+      .ff { position: fixed; }
+    </style>
+  </head>
+  <body>
+    <div class="container-ext">
+      
+      <div class="headline headline-left headline-active">
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              A
+            </li>
+            <li class="list-author-vocal">
+              B
+            </li>
+            <li class="list-author-vocal">
+              C
+            </li>
+            <li class="list-author-vocal">
+              D
+            </li>
+            <li class="list-author-vocal">
+              E
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              F
+            </li>
+            <li class="list-author-vocal">
+              G
+            </li>
+            <li class="list-author-vocal">
+              H
+            </li>
+            <li class="list-author-vocal">
+              I
+            </li>
+            <li class="list-author-vocal">
+              J
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              K
+            </li>
+            <li class="list-author-vocal">
+              L
+            </li>
+            <li class="list-author-vocal">
+              M
+            </li>
+            <li class="list-author-vocal">
+              N
+            </li>
+            <li class="list-author-vocal">
+              O
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal active">
+              P
+            </li>
+            <li class="list-author-vocal">
+              R
+            </li>
+            <li class="list-author-vocal">
+              S
+            </li>
+            <li class="list-author-vocal">
+              T
+            </li>
+            <li class="list-author-vocal">
+              V
+            </li>
+          </ul>
+          <ul class="list-author">
+            <li class="list-author-vocal">
+              W
+            </li>
+            <li class="list-author-vocal">
+              Y
+            </li>
+            <li class="list-author-vocal">
+              Z
+            </li>
+          </ul>
+<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
+<div class="ff" style="left: 69px; top: 469px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
+<div class="ff" style="left: 69px; top: 473px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
+
+          <ul class="list-author">
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+          <li>
+            Word
+          </li>
+        </ul>
+      </div> <!-- headline headline-left headline-active -->
+      <div class="headline headline-right headline-active">
+        ­<!--&#x200e;f--><div style="width: 2px; height: 2px; background: white;"></div>
+      </div>
+      
+      <div style="position:relative;">
+        <div style="height: 4000px; background: red;">
+        </div>
+      </div>
+    </div> <!-- container-ext -->
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1121748-1-ref.html b/layout/reftests/bugs/1121748-1-ref.html
new file mode 100644
index 0000000000..cb14610700
--- /dev/null
+++ b/layout/reftests/bugs/1121748-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 1121748-1</title>
+  <meta charset=utf-8>
+  <style>
+    html { width: 25%; }
+    ul {
+      margin: 0;
+      padding: 0;
+      border: 1px solid green;
+    }
+    ul li {
+      position: relative;
+      margin: 2px 10px;
+      background: #eee;
+      display: block;
+    }
+  </style>
+  <script>
+  function test() {
+    document.body.dir = 'rtl';
+  }
+  </script>
+</head>
+<body onload="test()">
+  <ul>
+    <li> item #1 </li>
+    <li> item #2 </li>
+    <li> item #3 </li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1121748-1.html b/layout/reftests/bugs/1121748-1.html
new file mode 100644
index 0000000000..85c81a5636
--- /dev/null
+++ b/layout/reftests/bugs/1121748-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 1121748-1</title>
+  <meta charset=utf-8>
+  <style>
+    html { width: 25%; }
+    ul {
+      margin: 0;
+      padding: 0;
+      border: 1px solid green;
+    }
+    ul li {
+      position: relative;
+      margin: 2px 10px;
+      background: #eee;
+      display: block;
+    }
+    ul li[hidden] {
+      display: none;
+    }
+  </style>
+  <script>
+  function test() {
+    document.body.dir = 'rtl';
+    document.querySelector('#test').offsetHeight;
+    document.querySelector('#test').hidden = false;
+  }
+  </script>
+</head>
+<body onload="test()">
+  <ul>
+    <li id="test" hidden> item #1 </li>
+    <li> item #2 </li>
+    <li> item #3 </li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1121748-2-ref.html b/layout/reftests/bugs/1121748-2-ref.html
new file mode 100644
index 0000000000..782bafaf4e
--- /dev/null
+++ b/layout/reftests/bugs/1121748-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  border: 1px solid gray;
+}
+img {
+  direction: rtl;
+}
+.statusbar {
+  height: 26px;
+  background: #eef;
+}
+#test1 {
+  border: 1px solid red;
+}
+#test2 {
+  border: 1px solid green;
+}
+</style>
+</head>
+<body onload="test1()">
+<div>
+ <div class="statusbar">
+  <img src="bar" id="test2"><img src="foo" id="test1">
+ </div>
+</div>
diff --git a/layout/reftests/bugs/1121748-2.html b/layout/reftests/bugs/1121748-2.html
new file mode 100644
index 0000000000..1fa31215de
--- /dev/null
+++ b/layout/reftests/bugs/1121748-2.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  border: 1px solid gray;
+}
+.statusbar {
+  height: 26px;
+  background: #eef;
+  display: flex;
+  justify-content: flex-end;
+}
+#test1 {
+  border: 1px solid red;
+}
+#test2 {
+  border: 1px solid green;
+}
+</style>
+<script>
+function test1() {
+  document.querySelector('#test1').hidden = false;
+  document.querySelector('#test2').hidden = false;
+}
+</script>
+</head>
+<body onload="test1()">
+<div dir="rtl">
+ <div class="statusbar">
+  <img src="foo" id="test1" hidden>
+  <img src="bar" id="test2" hidden>
+ </div>
+</div>
diff --git a/layout/reftests/bugs/1127107-1-ref.html b/layout/reftests/bugs/1127107-1-ref.html
new file mode 100644
index 0000000000..15eefedb76
--- /dev/null
+++ b/layout/reftests/bugs/1127107-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div.test {
+      /* Author expects this to prevent wrapping, and may add
+         "overflow:hidden;text-overflow:ellipsis" for nice effect: */
+      white-space: nowrap;
+
+      width: 200px;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+  <div class="test">
+    Does this text wrap? Does this text wrap? Does this text wrap?
+    Does this text wrap?
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1127107-1a-nowrap.html b/layout/reftests/bugs/1127107-1a-nowrap.html
new file mode 100644
index 0000000000..0dcf27d0a1
--- /dev/null
+++ b/layout/reftests/bugs/1127107-1a-nowrap.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div.test {
+      /* Author expects this to prevent wrapping, and may add
+         "overflow:hidden;text-overflow:ellipsis" for nice effect: */
+      white-space: nowrap;
+
+      /* BUT these (combined) seem to allow wrapping: */
+      -ms-hyphens: auto;
+      -webkit-hyphens: auto;
+      hyphens: auto;
+      word-break: break-all;
+
+      width: 200px;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+  <div class="test">
+    Does this text wrap? Does this text wrap? Does this text wrap?
+    Does this text wrap?
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1127107-1b-pre.html b/layout/reftests/bugs/1127107-1b-pre.html
new file mode 100644
index 0000000000..334ce24b21
--- /dev/null
+++ b/layout/reftests/bugs/1127107-1b-pre.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div.test {
+      /* Author expects this to prevent wrapping, and may add
+         "overflow:hidden;text-overflow:ellipsis" for nice effect: */
+      white-space: pre;
+
+      /* BUT these (combined) seem to allow wrapping: */
+      -ms-hyphens: auto;
+      -webkit-hyphens: auto;
+      hyphens: auto;
+      word-break: break-all;
+
+      width: 200px;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+  <div class="test">Does this text wrap? Does this text wrap? Does this text wrap? Does this text wrap?</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1127107-2-capitalize-ref.html b/layout/reftests/bugs/1127107-2-capitalize-ref.html
new file mode 100644
index 0000000000..89856c81c0
--- /dev/null
+++ b/layout/reftests/bugs/1127107-2-capitalize-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div.test {
+      /* Author expects this to prevent wrapping, and may add
+         "overflow:hidden;text-overflow:ellipsis" for nice effect: */
+      white-space: nowrap;
+
+      width: 200px;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+  <div class="test">
+    Does This Text Wrap? Does This Text Wrap? Does This Text Wrap?
+    Does This Text Wrap?
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1127107-2-capitalize.html b/layout/reftests/bugs/1127107-2-capitalize.html
new file mode 100644
index 0000000000..a0ed3f9700
--- /dev/null
+++ b/layout/reftests/bugs/1127107-2-capitalize.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div.test {
+      /* Author expects this to prevent wrapping, and may add
+         "overflow:hidden;text-overflow:ellipsis" for nice effect: */
+      white-space: nowrap;
+
+      /* BUT these (combined) seem to allow wrapping: */
+      text-transform: capitalize;
+      word-break: break-all;
+
+      width: 200px;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+  <div class="test">
+    Does this text wrap? Does this text wrap? Does this text wrap?
+    Does this text wrap?
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1127679-1a-inline-flex-relpos.html b/layout/reftests/bugs/1127679-1a-inline-flex-relpos.html
new file mode 100644
index 0000000000..9c95e98a1a
--- /dev/null
+++ b/layout/reftests/bugs/1127679-1a-inline-flex-relpos.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<style>
+div {
+  border: 1px solid blue;
+  padding: 5px;
+}
+span {
+  margin: 0 15px;
+  border: 1px solid green;
+  position: relative;
+  top: 5px;
+  left: 10px;
+}
+</style>
+<body>
+<!-- the dir attributes on the spans here should not affect their positioning -->
+<div style="display: inline-flex;"><span dir=rtl>foo</span><span dir=ltr>bar</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1127679-1b-inline-flex-relpos.html b/layout/reftests/bugs/1127679-1b-inline-flex-relpos.html
new file mode 100644
index 0000000000..8cdf14b57c
--- /dev/null
+++ b/layout/reftests/bugs/1127679-1b-inline-flex-relpos.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<style>
+div {
+  border: 1px solid blue;
+  padding: 5px;
+}
+span {
+  margin: 0 15px;
+  border: 1px solid green;
+  position: relative;
+  top: 5px;
+  left: 10px;
+}
+</style>
+<body>
+<!-- the dir attributes on the spans here should not affect their positioning -->
+<div style="display: inline-flex;"><span dir=ltr>foo</span><span dir=rtl>bar</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1128354-1-ref.html b/layout/reftests/bugs/1128354-1-ref.html
new file mode 100644
index 0000000000..e2f9759dab
--- /dev/null
+++ b/layout/reftests/bugs/1128354-1-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      .flexVert {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .flexIntermediateHoriz {
+        display: flex;
+      }
+
+      .flexInnerHoriz {
+        display: flex;
+        /* In this reference case, we make the inner elements be auto-height
+         * and aligned to the main-axis start side ("align-self:flex-start").
+         * That's how the corresponding piece of the testcase should render,
+         * given its "height: [unresolvable percent]" and implicit
+         * "align-self: stretch". */
+        align-self: flex-start;
+        background: pink;
+      }
+      .height50pct {
+        align-self: flex-start;
+        background: brown;
+      }
+      .height0pct {
+        align-self: flex-start;
+        background: yellow;
+      }
+      .spacer {
+        background: lightblue;
+        height: 200px;
+        width: 50px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexVert">
+      <div class="flexIntermediateHoriz">
+        <div class="flexInnerHoriz">text</div>
+        <div class="height50pct">fifty</div>
+        <div class="height0pct">zero</div>
+        <div class="spacer"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1128354-1.html b/layout/reftests/bugs/1128354-1.html
new file mode 100644
index 0000000000..7c6dc87272
--- /dev/null
+++ b/layout/reftests/bugs/1128354-1.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      .flexVert {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .flexIntermediateHoriz {
+        display: flex;
+      }
+
+      .flexInnerHoriz {
+        display: flex;
+        /* This percent should not be resolvable, because our parent's
+         * height is indefinite (because our parent is a flex item with an
+         * indefinite flex basis, in an indefinite-main-sized flex container).
+         * So we just end up with our content height.
+         */
+        height: 100%;
+        background: pink;
+      }
+      .height50pct {
+        /* This percent should not be resolvable, for the same reason as above.
+         */
+        height: 50%;
+        background: brown;
+      }
+      .height0pct {
+        /* This percent should not be resolvable, for the same reason as above.
+         */
+        height: 0%;
+        background: yellow;
+      }
+      .spacer {
+        background: lightblue;
+        height: 200px;
+        width: 50px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexVert">
+      <div class="flexIntermediateHoriz">
+        <div class="flexInnerHoriz">text</div>
+        <div class="height50pct">fifty</div>
+        <div class="height0pct">zero</div>
+        <div class="spacer"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1130231-1-button-padding-rtl-ref.html b/layout/reftests/bugs/1130231-1-button-padding-rtl-ref.html
new file mode 100644
index 0000000000..29dbf5d0b6
--- /dev/null
+++ b/layout/reftests/bugs/1130231-1-button-padding-rtl-ref.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Bug 1130231</title>
+	<style type="text/css">
+	div {
+	    width: 300px;
+	    height: 50px;
+	    border: 1px solid blue;
+	    margin: 10px;
+	    padding: 2px;
+	}
+	.inner {
+		padding-left: 100px;
+		padding-right: 50px;
+		border: 5px solid black;
+		border-left: 20px solid red;
+		border-right: 10px solid green;
+	}
+	</style>
+</head>
+<html>
+<body>
+<div dir=rtl style="text-align:left">
+  <button class="inner">|button|</button>
+</div>
+<div style="text-align:right">
+  <button class="inner">|button|</button>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1130231-1-button-padding-rtl.html b/layout/reftests/bugs/1130231-1-button-padding-rtl.html
new file mode 100644
index 0000000000..2783af0548
--- /dev/null
+++ b/layout/reftests/bugs/1130231-1-button-padding-rtl.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Bug 1130231</title>
+	<style type="text/css">
+	div {
+	    width: 300px;
+	    height: 50px;
+	    border: 1px solid blue;
+	    margin: 10px;
+	    padding: 2px;
+	}
+	.inner {
+		padding-left: 100px;
+		padding-right: 50px;
+		border: 5px solid black;
+		border-left: 20px solid red;
+		border-right: 10px solid green;
+	}
+	</style>
+</head>
+<html>
+<body>
+<div>
+  <button class="inner">|button|</button>
+</div>
+<div dir=rtl>
+  <button class="inner">|button|</button>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1130231-2-button-padding-rtl-ref.html b/layout/reftests/bugs/1130231-2-button-padding-rtl-ref.html
new file mode 100644
index 0000000000..2b7b24c661
--- /dev/null
+++ b/layout/reftests/bugs/1130231-2-button-padding-rtl-ref.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Bug 1130231</title>
+	<style type="text/css">
+	div {
+	    width: 300px;
+	    height: 50px;
+	    border: 1px solid blue;
+	    margin: 10px;
+	    padding: 2px;
+	}
+	.inner {
+		padding-left: 100px;
+		padding-right: 50px;
+		border: 5px solid black;
+		border-left: 20px solid red;
+		border-right: 10px solid green;
+	}
+	.right {
+		padding-right: 100px;
+		padding-left: 50px;
+	}
+	</style>
+</head>
+<html>
+<body>
+<div>
+  <button class="inner">|button|</button>
+</div>
+<div style="text-align:right">
+  <button class="inner right">|button|</button>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1130231-2-button-padding-rtl.html b/layout/reftests/bugs/1130231-2-button-padding-rtl.html
new file mode 100644
index 0000000000..4050d2383a
--- /dev/null
+++ b/layout/reftests/bugs/1130231-2-button-padding-rtl.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Bug 1130231</title>
+	<style type="text/css">
+	div {
+	    width: 300px;
+	    height: 50px;
+	    border: 1px solid blue;
+	    margin: 10px;
+	    padding: 2px;
+	}
+	.inner {
+		padding-inline-start: 100px;
+		padding-inline-end: 50px;
+		border: 5px solid black;
+		border-left: 20px solid red;
+		border-right: 10px solid green;
+	}
+	</style>
+</head>
+<html>
+<body>
+<div>
+  <button class="inner">|button|</button>
+</div>
+<div dir=rtl>
+  <button class="inner">|button|</button>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1133905-1-h-rtl.html b/layout/reftests/bugs/1133905-1-h-rtl.html
new file mode 100644
index 0000000000..bc53a95cad
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1-h-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=325">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-1-h.html b/layout/reftests/bugs/1133905-1-h.html
new file mode 100644
index 0000000000..b7d476e3af
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1-h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=325">
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-1-rtl.html b/layout/reftests/bugs/1133905-1-rtl.html
new file mode 100644
index 0000000000..d3b3e64371
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=325">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-1-v-rtl.html b/layout/reftests/bugs/1133905-1-v-rtl.html
new file mode 100644
index 0000000000..1ebb54b4cf
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1-v-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=325">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 8228px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-1-v.html b/layout/reftests/bugs/1133905-1-v.html
new file mode 100644
index 0000000000..ab19f5663f
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1-v.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=325">
+</head>
+<body>
+<div style="height: 8228px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-1-vh-rtl.html b/layout/reftests/bugs/1133905-1-vh-rtl.html
new file mode 100644
index 0000000000..3a7a68a3fd
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1-vh-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=0.25">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 80000px; width: 36000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-1-vh.html b/layout/reftests/bugs/1133905-1-vh.html
new file mode 100644
index 0000000000..7da1ff68f6
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1-vh.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=0.25">
+</head>
+<body>
+<div style="height: 80000px; width: 36000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-1.html b/layout/reftests/bugs/1133905-1.html
new file mode 100644
index 0000000000..d8c8044631
--- /dev/null
+++ b/layout/reftests/bugs/1133905-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=325">
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2-h-rtl.html b/layout/reftests/bugs/1133905-2-h-rtl.html
new file mode 100644
index 0000000000..1065e88e03
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2-h-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=225">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2-h.html b/layout/reftests/bugs/1133905-2-h.html
new file mode 100644
index 0000000000..2adabe6cf8
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2-h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=225">
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2-rtl.html b/layout/reftests/bugs/1133905-2-rtl.html
new file mode 100644
index 0000000000..94e12fa70b
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=225">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2-v-rtl.html b/layout/reftests/bugs/1133905-2-v-rtl.html
new file mode 100644
index 0000000000..4752999f79
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2-v-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=125">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 4787px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2-v.html b/layout/reftests/bugs/1133905-2-v.html
new file mode 100644
index 0000000000..036b449565
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2-v.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=125">
+</head>
+<body>
+<div style="height: 4787px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2-vh-rtl.html b/layout/reftests/bugs/1133905-2-vh-rtl.html
new file mode 100644
index 0000000000..93aa778d33
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2-vh-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=0.5">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 40000px; width: 18000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2-vh.html b/layout/reftests/bugs/1133905-2-vh.html
new file mode 100644
index 0000000000..6a8fd759e6
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2-vh.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=0.5">
+</head>
+<body>
+<div style="height: 40000px; width: 18000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-2.html b/layout/reftests/bugs/1133905-2.html
new file mode 100644
index 0000000000..471501d7e3
--- /dev/null
+++ b/layout/reftests/bugs/1133905-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=225">
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3-h-rtl.html b/layout/reftests/bugs/1133905-3-h-rtl.html
new file mode 100644
index 0000000000..ca60b948bb
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3-h-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=525">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3-h.html b/layout/reftests/bugs/1133905-3-h.html
new file mode 100644
index 0000000000..82d8583942
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3-h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=525">
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3-rtl.html b/layout/reftests/bugs/1133905-3-rtl.html
new file mode 100644
index 0000000000..8d4976e69f
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=525">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3-v-rtl.html b/layout/reftests/bugs/1133905-3-v-rtl.html
new file mode 100644
index 0000000000..ef03d4ea9e
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3-v-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=525">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 13972px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3-v.html b/layout/reftests/bugs/1133905-3-v.html
new file mode 100644
index 0000000000..4a9b03df16
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3-v.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=525">
+</head>
+<body>
+<div style="height: 13972px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3-vh-rtl.html b/layout/reftests/bugs/1133905-3-vh-rtl.html
new file mode 100644
index 0000000000..74941cc74f
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3-vh-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=0.75">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 26667px; width: 12000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3-vh.html b/layout/reftests/bugs/1133905-3-vh.html
new file mode 100644
index 0000000000..e420bc0ad9
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3-vh.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=0.75">
+</head>
+<body>
+<div style="height: 26667px; width: 12000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-3.html b/layout/reftests/bugs/1133905-3.html
new file mode 100644
index 0000000000..244f0a505d
--- /dev/null
+++ b/layout/reftests/bugs/1133905-3.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=525">
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4-h-rtl.html b/layout/reftests/bugs/1133905-4-h-rtl.html
new file mode 100644
index 0000000000..ca2609c989
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4-h-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4-h.html b/layout/reftests/bugs/1133905-4-h.html
new file mode 100644
index 0000000000..1de1436259
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4-h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4-rtl.html b/layout/reftests/bugs/1133905-4-rtl.html
new file mode 100644
index 0000000000..badae3b37e
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4-v-rtl.html b/layout/reftests/bugs/1133905-4-v-rtl.html
new file mode 100644
index 0000000000..b3264e4acf
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4-v-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 20000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4-v.html b/layout/reftests/bugs/1133905-4-v.html
new file mode 100644
index 0000000000..00100b7db8
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4-v.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+</head>
+<body>
+<div style="height: 20000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4-vh-rtl.html b/layout/reftests/bugs/1133905-4-vh-rtl.html
new file mode 100644
index 0000000000..7bd79bab4f
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4-vh-rtl.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<meta name="viewport" content="initial-scale=1.25">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 16000px; width: 7200px;"></div>
+<script>
+  window.addEventListener("MozReftestInvalidate",
+      function() {
+        // The zooming due to the initial-scale will not preserve the default
+        // scroll position (top right corner) for an RTL scroll frame, so
+        // scroll to it explicitly.
+        window.scrollTo(scrollMaxX, 0);
+        document.documentElement.className = "";
+      });
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4-vh.html b/layout/reftests/bugs/1133905-4-vh.html
new file mode 100644
index 0000000000..25a2b77417
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4-vh.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=1.25">
+</head>
+<body>
+<div style="height: 16000px; width: 7200px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-4.html b/layout/reftests/bugs/1133905-4.html
new file mode 100644
index 0000000000..f4f1398077
--- /dev/null
+++ b/layout/reftests/bugs/1133905-4.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5-h-rtl.html b/layout/reftests/bugs/1133905-5-h-rtl.html
new file mode 100644
index 0000000000..494456d7df
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5-h-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=925">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5-h.html b/layout/reftests/bugs/1133905-5-h.html
new file mode 100644
index 0000000000..a5199516d3
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5-h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=925">
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5-rtl.html b/layout/reftests/bugs/1133905-5-rtl.html
new file mode 100644
index 0000000000..5125d8d13a
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=925">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5-v-rtl.html b/layout/reftests/bugs/1133905-5-v-rtl.html
new file mode 100644
index 0000000000..b4cb88f3be
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5-v-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=925">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 26117px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5-v.html b/layout/reftests/bugs/1133905-5-v.html
new file mode 100644
index 0000000000..fdacf664f8
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5-v.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=925">
+</head>
+<body>
+<div style="height: 26117px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5-vh-rtl.html b/layout/reftests/bugs/1133905-5-vh-rtl.html
new file mode 100644
index 0000000000..216e261236
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5-vh-rtl.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<meta name="viewport" content="initial-scale=1.5">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 13333px; width: 6000px;"></div>
+<script>
+  window.addEventListener("MozReftestInvalidate",
+      function() {
+        // The zooming due to the initial-scale will not preserve the default
+        // scroll position (top right corner) for an RTL scroll frame, so
+        // scroll to it explicitly.
+        window.scrollTo(scrollMaxX, 0);
+        document.documentElement.className = "";
+      });
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5-vh.html b/layout/reftests/bugs/1133905-5-vh.html
new file mode 100644
index 0000000000..c9a468be49
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5-vh.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=1.5">
+</head>
+<body>
+<div style="height: 13333px; width: 6000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-5.html b/layout/reftests/bugs/1133905-5.html
new file mode 100644
index 0000000000..5b8c41983a
--- /dev/null
+++ b/layout/reftests/bugs/1133905-5.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=925">
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6-h-rtl.html b/layout/reftests/bugs/1133905-6-h-rtl.html
new file mode 100644
index 0000000000..a391dfb54a
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6-h-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=1325">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6-h.html b/layout/reftests/bugs/1133905-6-h.html
new file mode 100644
index 0000000000..4d097f9e49
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6-h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=1325">
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6-rtl.html b/layout/reftests/bugs/1133905-6-rtl.html
new file mode 100644
index 0000000000..60babfcf40
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=1325">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6-v-rtl.html b/layout/reftests/bugs/1133905-6-v-rtl.html
new file mode 100644
index 0000000000..e7b477aaa5
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6-v-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=1325">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 37412px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6-v.html b/layout/reftests/bugs/1133905-6-v.html
new file mode 100644
index 0000000000..56398e3c29
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6-v.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=1325">
+</head>
+<body>
+<div style="height: 37412px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6-vh-rtl.html b/layout/reftests/bugs/1133905-6-vh-rtl.html
new file mode 100644
index 0000000000..412f7ece4d
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6-vh-rtl.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<meta name="viewport" content="initial-scale=2.0">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 10000px; width: 4500px;"></div>
+<script>
+  window.addEventListener("MozReftestInvalidate",
+      function() {
+        // The zooming due to the initial-scale will not preserve the default
+        // scroll position (top right corner) for an RTL scroll frame, so
+        // scroll to it explicitly.
+        window.scrollTo(scrollMaxX, 0);
+        document.documentElement.className = "";
+      });
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6-vh.html b/layout/reftests/bugs/1133905-6-vh.html
new file mode 100644
index 0000000000..c4bfbaaf10
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6-vh.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=2.0">
+</head>
+<body>
+<div style="height: 10000px; width: 4500px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-6.html b/layout/reftests/bugs/1133905-6.html
new file mode 100644
index 0000000000..867e9b0828
--- /dev/null
+++ b/layout/reftests/bugs/1133905-6.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=1325">
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref-h-rtl.html b/layout/reftests/bugs/1133905-ref-h-rtl.html
new file mode 100644
index 0000000000..ca2609c989
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref-h-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref-h.html b/layout/reftests/bugs/1133905-ref-h.html
new file mode 100644
index 0000000000..1de1436259
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref-h.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+</head>
+<body>
+<div style="width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref-rtl.html b/layout/reftests/bugs/1133905-ref-rtl.html
new file mode 100644
index 0000000000..badae3b37e
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref-v-rtl.html b/layout/reftests/bugs/1133905-ref-v-rtl.html
new file mode 100644
index 0000000000..b3264e4acf
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref-v-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 20000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref-v.html b/layout/reftests/bugs/1133905-ref-v.html
new file mode 100644
index 0000000000..00100b7db8
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref-v.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+</head>
+<body>
+<div style="height: 20000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref-vh-rtl.html b/layout/reftests/bugs/1133905-ref-vh-rtl.html
new file mode 100644
index 0000000000..ebb02aa939
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref-vh-rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=1.0">
+<style> html { direction: rtl; } </style>
+</head>
+<body>
+<div style="height: 20000px; width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref-vh.html b/layout/reftests/bugs/1133905-ref-vh.html
new file mode 100644
index 0000000000..0b71ec3620
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref-vh.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="initial-scale=1">
+</head>
+<body>
+<div style="height: 20000px; width: 9000px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1133905-ref.html b/layout/reftests/bugs/1133905-ref.html
new file mode 100644
index 0000000000..f4f1398077
--- /dev/null
+++ b/layout/reftests/bugs/1133905-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=725">
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1149304-1-transform-change-ref.html b/layout/reftests/bugs/1149304-1-transform-change-ref.html
new file mode 100644
index 0000000000..52214ac420
--- /dev/null
+++ b/layout/reftests/bugs/1149304-1-transform-change-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+  body { transform:translateY(10px); white-space: pre; }
+  p { margin: 0; }
+  span { padding: 2px; color: red; background: blue; }
+</style>
+</head>
+<body><p> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &nbsp; &nbsp; </p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1149304-1-transform-change.html b/layout/reftests/bugs/1149304-1-transform-change.html
new file mode 100644
index 0000000000..7eb2e5dcd2
--- /dev/null
+++ b/layout/reftests/bugs/1149304-1-transform-change.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+<style>
+  body { transform:translateY(100px); white-space: pre; }
+  p { margin: 0; }
+  span { padding: 2px; color: red; background: blue; }
+</style>
+<script>
+function test(n) {
+  document.body.style.transform = "translateY(" + n + "px)";
+  if (n > 10) {
+    setTimeout("test(" + (n - 10) + ")", 0);
+  } else {
+    document.documentElement.removeAttribute("class");
+  }
+}
+</script>
+</head>
+<body onload="test(100)"><p> <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &nbsp; &nbsp; </p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1151145-1-ref.html b/layout/reftests/bugs/1151145-1-ref.html
new file mode 100644
index 0000000000..239b416d55
--- /dev/null
+++ b/layout/reftests/bugs/1151145-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<title>Reference for test for bug 1151145</title>
+
+<div style="height: 300px"></div>
+
+<div style="width: 33em; border: solid white; transform: translate(100px) rotate(20deg);"></div>
+
+<div style="height: 1000px"></div>
+
diff --git a/layout/reftests/bugs/1151145-1.html b/layout/reftests/bugs/1151145-1.html
new file mode 100644
index 0000000000..a5f0617019
--- /dev/null
+++ b/layout/reftests/bugs/1151145-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<title>Test for bug 1151145</title>
+
+<div style="height: 300px"></div>
+
+<div style="width: 33em; border: solid white; transform: translate(100px) rotate(20deg);"></div>
+
+<div style="height: 1000px"></div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 0;
+  document.documentElement.removeAttribute("class");
+}
+
+document.documentElement.scrollTop = 255;
+window.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/bugs/1151306-1-ref.html b/layout/reftests/bugs/1151306-1-ref.html
new file mode 100644
index 0000000000..06889060c8
--- /dev/null
+++ b/layout/reftests/bugs/1151306-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>The div should have a white filling.</title>
+
+<style>
+
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  background-color: white;
+}
+
+body {
+  padding: 10px;
+}
+
+div {
+  width: 50px;
+  height: 50px;
+  box-sizing: border-box;
+  border: 1px solid black;
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/bugs/1151306-1.html b/layout/reftests/bugs/1151306-1.html
new file mode 100644
index 0000000000..c23fc9ce30
--- /dev/null
+++ b/layout/reftests/bugs/1151306-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>The div shouldn't pull the html element's background color through the body background. There should be no red on this page.</title>
+
+<style>
+
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+html {
+  background-color: red;
+}
+
+body {
+  transform: translateX(0.1px);
+  background-color: white;
+  box-sizing: border-box;
+  padding: 10px;
+}
+
+div {
+  position: relative;
+  width: 50px;
+  height: 50px;
+  box-sizing: border-box;
+  border: 1px solid black;
+  animation: leftFrom0To100 steps(1,end) 20000s alternate infinite;
+}
+
+@keyframes leftFrom0To100 {
+  from { left: 0px; }
+  to { left: 100px; }
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/bugs/1153845-1-ref.html b/layout/reftests/bugs/1153845-1-ref.html
new file mode 100644
index 0000000000..fcf6221c95
--- /dev/null
+++ b/layout/reftests/bugs/1153845-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>There should be a 200x200 lime square on this page.</title>
+
+<style>
+
+svg {
+  width: 200px;
+  height: 200px;
+  background-color: lime;
+}
+
+</style>
+
+<svg></svg>
diff --git a/layout/reftests/bugs/1153845-1.html b/layout/reftests/bugs/1153845-1.html
new file mode 100644
index 0000000000..aeacbe08fc
--- /dev/null
+++ b/layout/reftests/bugs/1153845-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>There should be a 200x200 lime square on this page.</title>
+
+<style>
+
+svg {
+  width: 200px;
+  height: 200px;
+  background-color: lime;
+  filter: brightness(100%);
+}
+
+</style>
+
+<svg></svg>
diff --git a/layout/reftests/bugs/1155828-1-ref.html b/layout/reftests/bugs/1155828-1-ref.html
new file mode 100644
index 0000000000..66bfea56c4
--- /dev/null
+++ b/layout/reftests/bugs/1155828-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#rear {
+  width: 500px;
+  height: 1500px;
+  box-shadow: 0 0 71px #667;
+  display: block;
+}
+</style>
+<script>
+document.documentElement.scrollTop = 0;
+
+function doTest() {
+  document.documentElement.scrollTop = 108;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div id="rear"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1155828-1.html b/layout/reftests/bugs/1155828-1.html
new file mode 100644
index 0000000000..8eaefd2b2d
--- /dev/null
+++ b/layout/reftests/bugs/1155828-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrolling shouldn't cause gaps in the shadow</title>
+<style type="text/css">
+#rear {
+	width: 500px;
+	height: 1500px;
+	box-shadow: 0 0 71px #667;
+	display: block;
+}
+</style>
+
+<div id="rear"></div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 108;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+
+document.documentElement.scrollTop = 112;
+
+</script>
diff --git a/layout/reftests/bugs/1156129-1-ref.html b/layout/reftests/bugs/1156129-1-ref.html
new file mode 100644
index 0000000000..461fea3538
--- /dev/null
+++ b/layout/reftests/bugs/1156129-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>The bounds calculation for border display items needs to take the border radius into account</title>
+
+<style>
+
+div {
+  margin: 10px;
+  height: 100px;
+  width: 100px;
+  box-sizing: border-box;
+  border-radius: 50px;
+}
+
+#one {
+  border-top: 10px solid blue;
+}
+
+#two {
+  border-top: 1px solid blue;
+  opacity: 0.5;
+  border-bottom: 1px solid white;
+}
+
+#three {
+  border-top: 1px solid blue;
+  mix-blend-mode: overlay;
+  border-bottom: 1px solid white;
+}
+
+</style>
+
+<div id="one"></div>
+<div id="two"></div>
+<div id="three"></div>
diff --git a/layout/reftests/bugs/1156129-1.html b/layout/reftests/bugs/1156129-1.html
new file mode 100644
index 0000000000..58f82fe4f5
--- /dev/null
+++ b/layout/reftests/bugs/1156129-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>The bounds calculation for border display items needs to take the border radius into account</title>
+
+<style>
+
+div {
+  margin: 10px;
+  height: 100px;
+  width: 100px;
+  box-sizing: border-box;
+  border-radius: 50px;
+}
+
+#one {
+  border-top: 30px solid blue;
+}
+
+#two {
+  border-top: 1px solid blue;
+  opacity: 0.5;
+}
+
+#three {
+  border-top: 1px solid blue;
+  mix-blend-mode: overlay;
+}
+
+</style>
+
+<div id="one"></div>
+<div id="two"></div>
+<div id="three"></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function (e) {
+  document.getElementById("one").style.borderTopWidth = "10px";
+
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/bugs/1157127-1-ref.html b/layout/reftests/bugs/1157127-1-ref.html
new file mode 100644
index 0000000000..9b03f139b7
--- /dev/null
+++ b/layout/reftests/bugs/1157127-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<body>
+  <script>
+    var ifr = document.createElement("iframe");
+    ifr.src = "1157127-subframe.xml";
+    document.body.appendChild(ifr);
+
+    var doc = ifr.contentDocument;
+    var div = doc.createElement("div");
+    div.style.resize = "both";
+    div.style.overflow = "scroll";
+    doc.body.appendChild(div);
+    div.offsetWidth;
+  </script>
+</body>
diff --git a/layout/reftests/bugs/1157127-1.html b/layout/reftests/bugs/1157127-1.html
new file mode 100644
index 0000000000..b1104c74ee
--- /dev/null
+++ b/layout/reftests/bugs/1157127-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<body>
+  <script>
+    document.domain = document.domain;
+    var ifr = document.createElement("iframe");
+    ifr.src = "1157127-subframe.xml";
+    document.body.appendChild(ifr);
+
+    var doc = ifr.contentDocument;
+    var div = doc.createElement("div");
+    div.style.resize = "both";
+    div.style.overflow = "scroll";
+    doc.body.appendChild(div);
+    div.offsetWidth;
+  </script>
+</body>
diff --git a/layout/reftests/bugs/1157127-subframe.xml b/layout/reftests/bugs/1157127-subframe.xml
new file mode 100644
index 0000000000..f3f286eafc
--- /dev/null
+++ b/layout/reftests/bugs/1157127-subframe.xml
@@ -0,0 +1 @@
+<root/>
diff --git a/layout/reftests/bugs/116882-1-ref.html b/layout/reftests/bugs/116882-1-ref.html
new file mode 100644
index 0000000000..3c56813326
--- /dev/null
+++ b/layout/reftests/bugs/116882-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/REC-html401-19991224/strict.dtd">
+<html>
+ <head>
+  <title>Shift_JIS illegal sequences</title>
+  <meta HTTP-equiv="content-type" content="text/html; charset=shift_jis">
+ </head>
+ <body>
+  <p>&#xfffd;&#xfffd;&#xfffd;&#xfffd; &#xfffd;!&#xfffd;"&#xfffd;#&#xfffd;$&#xfffd;%&#xfffd;&amp;&#xfffd;'&#xfffd;(&#xfffd;)&#xfffd;*&#xfffd;+&#xfffd;,&#xfffd;-&#xfffd;.&#xfffd;/&#xfffd;0&#xfffd;1&#xfffd;2&#xfffd;3&#xfffd;4&#xfffd;5&#xfffd;6&#xfffd;7&#xfffd;8&#xfffd;9&#xfffd;:&#xfffd;;&#xfffd;&lt;&#xfffd;=&#xfffd;&gt;&#xfffd;?&#xfffd;</p>
+  <!-- See bug https://bugzilla.mozilla.org/show_bug.cgi?id=747762 for the discussion to overturn bug https://bugzilla.mozilla.org/show_bug.cgi?id=116882 -->
+ </body>
+</html>
diff --git a/layout/reftests/bugs/116882-1.html b/layout/reftests/bugs/116882-1.html
new file mode 100644
index 0000000000..8af8ad97d2
--- /dev/null
+++ b/layout/reftests/bugs/116882-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/REC-html401-19991224/strict.dtd">
+<html>
+ <head>
+  <title>Shift_JIS illegal sequences</title>
+  <meta HTTP-equiv="content-type" content="text/html; charset=shift_jis">
+ </head>
+ <body>
+  <p>���� �!�"�#�$�%�&�'�(�)�*�+�,�-�.�/�0�1�2�3�4�5�6�7�8�9�:�;�<�=�>�?��</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/1169331-1-ref.html b/layout/reftests/bugs/1169331-1-ref.html
new file mode 100644
index 0000000000..dce4740c60
--- /dev/null
+++ b/layout/reftests/bugs/1169331-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Rotated buffer with mask</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.outer {
+  padding: 50px;
+}
+
+.scrollbox {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+}
+
+.scrolled {
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  height: 200px;
+}
+
+</style>
+
+<div class="outer">
+
+  <div class="scrollbox">
+    <div class="scrolled" style="background-color: blue;"></div>
+    <div class="scrolled" style="background-color: lime;"></div>
+  </div>
+
+</div>
+
+<script>
+
+var scrollbox = document.querySelector(".scrollbox");
+
+scrollbox.scrollTop = 199;
+
+</script>
+
diff --git a/layout/reftests/bugs/1169331-1.html b/layout/reftests/bugs/1169331-1.html
new file mode 100644
index 0000000000..319091ffbb
--- /dev/null
+++ b/layout/reftests/bugs/1169331-1.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Rotated buffer with mask</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.outer {
+  overflow: hidden;
+  border-radius: 10px;
+  padding: 50px;
+}
+
+.scrollbox {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+}
+
+.scrolled {
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  height: 200px;
+}
+
+</style>
+
+<div class="outer">
+
+  <div class="scrollbox">
+    <div class="scrolled" style="background-color: blue;"></div>
+    <div class="scrolled" style="background-color: lime;"></div>
+  </div>
+
+</div>
+
+<script>
+
+var scrollbox = document.querySelector(".scrollbox");
+
+scrollbox.scrollTop = 1;
+scrollbox.scrollTop = 0;
+
+window.addEventListener("MozReftestInvalidate", function (e) {
+  scrollbox.scrollTop = 199;
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
+
diff --git a/layout/reftests/bugs/1174332-1-ref.html b/layout/reftests/bugs/1174332-1-ref.html
new file mode 100644
index 0000000000..40e25c5122
--- /dev/null
+++ b/layout/reftests/bugs/1174332-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Testcase for filters on canvas</title>
+
+<style>
+
+#checkbox {
+  filter: url(#filter);
+}
+
+</style>
+
+<svg style="display: block; height: 0;">
+
+  <defs>
+    <filter id="filter" color-interpolation-filters="sRGB" x="-100%" y="-100%" width="300%" height="300%">
+      <feMorphology operator="dilate" radius="5" in="SourceAlpha" result="mask"/>
+      <feFlood flood-color="blue"/>
+      <feComposite operator="in" in2="mask"/>
+      <feMerge>
+        <feMergeNode/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+
+</svg>
+
+<input type="checkbox" id="checkbox">
+
+<script>
+
+document.getElementById("checkbox").focus();
+
+</script>
diff --git a/layout/reftests/bugs/1174332-1.html b/layout/reftests/bugs/1174332-1.html
new file mode 100644
index 0000000000..212d398ef7
--- /dev/null
+++ b/layout/reftests/bugs/1174332-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Testcase for filters on canvas</title>
+
+<style>
+
+#checkbox {
+  box-shadow: 0 0 0 5px blue;
+}
+
+</style>
+
+<input type="checkbox" id="checkbox">
+
+<script>
+
+document.getElementById("checkbox").focus();
+
+</script>
diff --git a/layout/reftests/bugs/1179078-1-ref.html b/layout/reftests/bugs/1179078-1-ref.html
new file mode 100644
index 0000000000..43851b345e
--- /dev/null
+++ b/layout/reftests/bugs/1179078-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+p {
+  border: 2px solid transparent;
+  border-image: linear-gradient(to right, orange, blue) 1 1;
+}
+</style>
+<p>This paragraph must have an orange/blue gradient border.</p>
diff --git a/layout/reftests/bugs/1179078-1.html b/layout/reftests/bugs/1179078-1.html
new file mode 100644
index 0000000000..fbda9a3705
--- /dev/null
+++ b/layout/reftests/bugs/1179078-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+p {
+  border: 2px solid transparent;
+  border-image: linear-gradient(to right, orange, blue) 1 1;
+  border-image: linear-gradient(to right, garbage) 1 1;
+}
+</style>
+<p>This paragraph must have an orange/blue gradient border.</p>
diff --git a/layout/reftests/bugs/1179288-1-ref.html b/layout/reftests/bugs/1179288-1-ref.html
new file mode 100644
index 0000000000..501d31c58f
--- /dev/null
+++ b/layout/reftests/bugs/1179288-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<body>
+<div style="position:absolute; left:0; top:0; width:100px; height:100px; background:lime"></div>
diff --git a/layout/reftests/bugs/1179288-1.html b/layout/reftests/bugs/1179288-1.html
new file mode 100644
index 0000000000..75728c4423
--- /dev/null
+++ b/layout/reftests/bugs/1179288-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<body>
+<div style="position:fixed; left:0; top:0">
+  <div style="position:absolute; z-index:2; left:0; top:0; width:100px; height:100px; background:red"></div>
+</div>
+<div style="position:absolute; z-index:1; left:0; top:0; width:100px; height:100px; background:lime"></div>
diff --git a/layout/reftests/bugs/1185266-1-ref.svg b/layout/reftests/bugs/1185266-1-ref.svg
new file mode 100644
index 0000000000..e1eaeb0b29
--- /dev/null
+++ b/layout/reftests/bugs/1185266-1-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    text { fill: url(#green); }
+  </style>
+  <linearGradient id="green">
+    <stop stop-color="green"/>
+  </linearGradient>
+  <text x="10" y="20">This text must be green.</text>
+</svg>
diff --git a/layout/reftests/bugs/1185266-1.svg b/layout/reftests/bugs/1185266-1.svg
new file mode 100644
index 0000000000..fb90ea2d38
--- /dev/null
+++ b/layout/reftests/bugs/1185266-1.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <style>
+    g { fill: url(#red); }
+    g.x { fill: url(#green); }
+  </style>
+  <linearGradient id="red">
+    <stop stop-color="red"/>
+  </linearGradient>
+  <linearGradient id="green">
+    <stop stop-color="green"/>
+  </linearGradient>
+  <g>
+    <text x="10" y="20">This text must be green.</text>
+  </g>
+  <script>
+    function run() {
+      var g = document.querySelector("g");
+      g.setAttribute("class", "x");
+      document.documentElement.removeAttribute("class");
+    }
+    document.addEventListener("MozReftestInvalidate", run, false);
+  </script>
+</svg>
diff --git a/layout/reftests/bugs/1190635-1-ref.html b/layout/reftests/bugs/1190635-1-ref.html
new file mode 100644
index 0000000000..a42e82b0c6
--- /dev/null
+++ b/layout/reftests/bugs/1190635-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<body style="width:500px; border:2px solid black;">
+<div style="width:300px; height:300px; background:yellow; float:left;"></div>
+<div style="width:300px; height:400px;">
+  <span style="display:inline-block; outline:3px solid cyan">
+    <span style="display:inline-block; width:300px; height:100px; outline:5px solid red" id="d"></span>
+  </span>
+</div>
+</body>
diff --git a/layout/reftests/bugs/1190635-1.html b/layout/reftests/bugs/1190635-1.html
new file mode 100644
index 0000000000..c215543df6
--- /dev/null
+++ b/layout/reftests/bugs/1190635-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="width:500px; border:2px solid black;">
+<div style="width:300px; height:300px; background:yellow; float:left;"></div>
+<div style="width:300px; height:400px;">
+  <span style="display:inline-block; outline:3px solid cyan">
+    <span style="display:inline-block; width:0; height:0; outline:5px solid red" id="d"></span>
+  </span>
+</div>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  d.style.width = "300px";
+  d.style.height = "100px";
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</body>
diff --git a/layout/reftests/bugs/1200611-1-ref.html b/layout/reftests/bugs/1200611-1-ref.html
new file mode 100644
index 0000000000..58e31396e2
--- /dev/null
+++ b/layout/reftests/bugs/1200611-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference: Make sure the ImageLayer is sized correctly when using object-fit</title>
+
+<style type="text/css">
+
+.clip {
+  display: inline-block;
+  overflow: hidden;
+}
+
+img {
+  will-change: transform;
+  margin: -64px 0;
+  display: block;
+}
+
+</style>
+
+<span class="clip">
+  <img src="repeatable-diagonal-gradient.png">
+</span>
diff --git a/layout/reftests/bugs/1200611-1.html b/layout/reftests/bugs/1200611-1.html
new file mode 100644
index 0000000000..c27a9debd8
--- /dev/null
+++ b/layout/reftests/bugs/1200611-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Make sure the ImageLayer is sized correctly when using object-fit</title>
+
+<style type="text/css">
+
+img {
+  object-fit: cover;
+  width: 256px;
+  height: 128px;
+  will-change: transform;
+}
+
+</style>
+
+<img src="repeatable-diagonal-gradient.png">
diff --git a/layout/reftests/bugs/1202512-1-ref.html b/layout/reftests/bugs/1202512-1-ref.html
new file mode 100644
index 0000000000..e182a9b5da
--- /dev/null
+++ b/layout/reftests/bugs/1202512-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p><span><i>hello</i></span></p>
diff --git a/layout/reftests/bugs/1202512-1.html b/layout/reftests/bugs/1202512-1.html
new file mode 100644
index 0000000000..3fe93aa10e
--- /dev/null
+++ b/layout/reftests/bugs/1202512-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<style>
+.x .y { background-color: red; }
+</style>
+<p class=x><span><i class=y>hello</i></span></p>
+<script>
+addEventListener("MozReftestInvalidate", function() {
+  document.querySelector("p").classList.toggle("x");
+  document.querySelector("i").classList.toggle("y");
+  document.documentElement.className = "";
+}, false);
+</script>
diff --git a/layout/reftests/bugs/1202512-2-ref.html b/layout/reftests/bugs/1202512-2-ref.html
new file mode 100644
index 0000000000..c0d5c8ebe2
--- /dev/null
+++ b/layout/reftests/bugs/1202512-2-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p><span><input required value=hello></input></span></p>
diff --git a/layout/reftests/bugs/1202512-2.html b/layout/reftests/bugs/1202512-2.html
new file mode 100644
index 0000000000..44a4125f8e
--- /dev/null
+++ b/layout/reftests/bugs/1202512-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<style>
+.x input:required { color: red; }
+</style>
+<p class=x><span><input required value=hello></input></span></p>
+<script>
+addEventListener("MozReftestInvalidate", function() {
+  document.querySelector("p").classList.toggle("x");
+  document.querySelector("input").required = false;
+  document.documentElement.className = "";
+}, false);
+</script>
diff --git a/layout/reftests/bugs/1207326-1.html b/layout/reftests/bugs/1207326-1.html
new file mode 100644
index 0000000000..91dfc0eb1d
--- /dev/null
+++ b/layout/reftests/bugs/1207326-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Testcase for bug 1207326</title>
+  <style>
+    .wrap1 {
+      position: absolute;
+      width: 600px;
+      height: 600px;
+      transform: perspective(500px) rotateY(6deg) scale(0.7, 0.7);
+      overflow: hidden;
+    }
+    .wrap2 {
+      position: relative;
+      margin-top: -300px;
+      margin-left: -300px;
+    }
+    .inner {
+      position: relative;
+      height: 100%;
+      background-color: purple;
+      will-change: transform;
+    }
+    .main {
+      overflow: hidden;
+      height: 100px;
+      width: 100px;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <div class="wrap2">
+      <div class="wrap1">
+        <div class="inner">
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-1-ref.html b/layout/reftests/bugs/120834-1-ref.html
new file mode 100644
index 0000000000..37a46764db
--- /dev/null
+++ b/layout/reftests/bugs/120834-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+</style>
+
+<body>
+<span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-1a.html b/layout/reftests/bugs/120834-1a.html
new file mode 100644
index 0000000000..4a151edf30
--- /dev/null
+++ b/layout/reftests/bugs/120834-1a.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:checked + span { color: red }
+input { display: none }
+</style>
+
+<body>
+<input checked="checked" id="foo"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2-ref.html b/layout/reftests/bugs/120834-2-ref.html
new file mode 100644
index 0000000000..5d6a911534
--- /dev/null
+++ b/layout/reftests/bugs/120834-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+</style>
+
+<body>
+<span>There should be no red</span>
+<span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2a.html b/layout/reftests/bugs/120834-2a.html
new file mode 100644
index 0000000000..9231678da7
--- /dev/null
+++ b/layout/reftests/bugs/120834-2a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:checked + span { color: green }
+input { display: none }
+</style>
+
+<body>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+<input type="radio" checked="checked" id="foo"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2b.html b/layout/reftests/bugs/120834-2b.html
new file mode 100644
index 0000000000..aa348066ed
--- /dev/null
+++ b/layout/reftests/bugs/120834-2b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:checked + span { color: green }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").setAttribute("type", "checkbox");
+              document.getElementById("bar").setAttribute("type", "radio")'>
+<input checked="checked" id="foo"><span>There should be no red</span>
+<input checked="checked" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2c.html b/layout/reftests/bugs/120834-2c.html
new file mode 100644
index 0000000000..42b16ecf38
--- /dev/null
+++ b/layout/reftests/bugs/120834-2c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:checked + span { color: red }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").removeAttribute("checked");
+              document.getElementById("bar").removeAttribute("checked");'>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+<input type="radio" checked="checked" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2d.html b/layout/reftests/bugs/120834-2d.html
new file mode 100644
index 0000000000..8650e8200c
--- /dev/null
+++ b/layout/reftests/bugs/120834-2d.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:checked + span { color: red }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").removeAttribute("type");
+              document.getElementById("bar").removeAttribute("type");'>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+<input type="radio" checked="checked" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2e.html b/layout/reftests/bugs/120834-2e.html
new file mode 100644
index 0000000000..652cf77a35
--- /dev/null
+++ b/layout/reftests/bugs/120834-2e.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:checked + span { color: green }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").setAttribute("checked", "checked");
+              document.getElementById("bar").setAttribute("checked", "checked");'>
+<input type="checkbox" id="foo"><span>There should be no red</span>
+<input type="radio" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2f.html b/layout/reftests/bugs/120834-2f.html
new file mode 100644
index 0000000000..a70306b85f
--- /dev/null
+++ b/layout/reftests/bugs/120834-2f.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+[checked] + span { color: green }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").setAttribute("checked", "checked");
+              document.getElementById("bar").setAttribute("checked", "checked");'>
+<input type="checkbox" id="foo"><span>There should be no red</span>
+<input type="radio" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2g.html b/layout/reftests/bugs/120834-2g.html
new file mode 100644
index 0000000000..3bd53b1efe
--- /dev/null
+++ b/layout/reftests/bugs/120834-2g.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:checked + span { color: green }
+[checked] + span { color: red ! important }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").checked = true;
+              document.getElementById("bar").checked = true;'>
+<input type="checkbox" id="foo"><span>There should be no red</span>
+<input type="radio" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2h.html b/layout/reftests/bugs/120834-2h.html
new file mode 100644
index 0000000000..01e24d4822
--- /dev/null
+++ b/layout/reftests/bugs/120834-2h.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:checked + span { color: red }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").checked = false;
+              document.getElementById("bar").checked = false;'>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+<input type="radio" checked="checked" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2i.html b/layout/reftests/bugs/120834-2i.html
new file mode 100644
index 0000000000..45f954ff06
--- /dev/null
+++ b/layout/reftests/bugs/120834-2i.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+[checked]:checked + span { color: green }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").setAttribute("checked", "checked");
+              document.getElementById("bar").setAttribute("checked", "checked");'>
+<input type="checkbox" id="foo"><span>There should be no red</span>
+<input type="radio" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/120834-2j.html b/layout/reftests/bugs/120834-2j.html
new file mode 100644
index 0000000000..1e00474108
--- /dev/null
+++ b/layout/reftests/bugs/120834-2j.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+[checked]:checked + span { color: red }
+input { display: none }
+</style>
+
+<body onload='document.getElementById("foo").removeAttribute("checked");
+              document.getElementById("bar").removeAttribute("checked");'>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+<input type="radio" checked="checked" id="bar"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1209603-1-ref.html b/layout/reftests/bugs/1209603-1-ref.html
new file mode 100644
index 0000000000..a2eacedbc6
--- /dev/null
+++ b/layout/reftests/bugs/1209603-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1209603</title>
+<style>
+
+p {
+  margin: 1em 0;
+}
+
+</style>
+
+<p style="font-size: 40px">Should be 40px font size.</p>
+
+<p style="font-size: 20px">Should be 20px font size.</p>
diff --git a/layout/reftests/bugs/1209603-1.html b/layout/reftests/bugs/1209603-1.html
new file mode 100644
index 0000000000..2d606f1377
--- /dev/null
+++ b/layout/reftests/bugs/1209603-1.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1209603</title>
+<style>
+
+p {
+  font-size: 2em;
+
+  /* ensure font-size dependency in the margin struct; this is also in
+     the UA style sheet, but repeated here for clarity */
+  margin: 1em 0;
+}
+
+</style>
+
+<div style="font-size: 20px"><p id="a">Should be 40px font size.</p></div>
+
+<script>
+
+var a = document.getElementById("a");
+
+// force computation of the margin struct on A (caching in rule tree)
+getComputedStyle(a, "").marginTop;
+
+</script>
+
+<!-- will dynamically change font-size to 10px later;
+     also needs to be different from 20px now to avoid sibling-sharing -->
+<div style="font-size: 30px"><p id="b">Should be 20px font size.</p></div>
+
+<script>
+// Note that A and B share rule nodes, and note that the margin struct
+// has been conditionally (on font size) cached on their shared rule node.
+var b = document.getElementById("b");
+
+// force ComputedStyle construction and computation of the font struct on
+// B's parent
+getComputedStyle(b.parentNode, "").fontSize;
+
+// force ComputedStyle construction (and computation of the color
+// struct) on B, but not the margin struct or font struct
+getComputedStyle(b, "").color;
+
+// restyle B and flush
+b.parentNode.style.fontSize = "10px";
+getComputedStyle(b, "").marginTop;
+// This flush will call CalcStyleDifference on B, which will find no
+// cached font struct on the old context, but which will find a
+// cached margin struct on the rule node.
+
+</script>
diff --git a/layout/reftests/bugs/1209994-1-ref.html b/layout/reftests/bugs/1209994-1-ref.html
new file mode 100644
index 0000000000..1b6f7cdd46
--- /dev/null
+++ b/layout/reftests/bugs/1209994-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: auto;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible fieldset below:
+<div>
+  <fieldset id="f">This is fieldset</fieldset>
+</div>
+
diff --git a/layout/reftests/bugs/1209994-1.html b/layout/reftests/bugs/1209994-1.html
new file mode 100644
index 0000000000..d362c00872
--- /dev/null
+++ b/layout/reftests/bugs/1209994-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: 0;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible fieldset below:
+<div>
+  <fieldset id="f">This is fieldset</fieldset>
+</div>
+<script>
+h = document.body.clientHeight;
+f.style.height = "auto";
+</script>
+
diff --git a/layout/reftests/bugs/1209994-2-ref.html b/layout/reftests/bugs/1209994-2-ref.html
new file mode 100644
index 0000000000..8858616b69
--- /dev/null
+++ b/layout/reftests/bugs/1209994-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: auto;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible button below:
+<div>
+  <button id="f">This is button</button>
+</div>
+
diff --git a/layout/reftests/bugs/1209994-2.html b/layout/reftests/bugs/1209994-2.html
new file mode 100644
index 0000000000..485b0fe585
--- /dev/null
+++ b/layout/reftests/bugs/1209994-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: 0;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible button below:
+<div>
+  <button id="f">This is button</button>
+</div>
+<script>
+h = document.body.clientHeight;
+f.style.height = "auto";
+</script>
+
diff --git a/layout/reftests/bugs/1209994-3-ref.html b/layout/reftests/bugs/1209994-3-ref.html
new file mode 100644
index 0000000000..bd219e03ae
--- /dev/null
+++ b/layout/reftests/bugs/1209994-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: auto;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible table below:
+<div>
+  <table id="f">This is a table</table>
+</div>
+
diff --git a/layout/reftests/bugs/1209994-3.html b/layout/reftests/bugs/1209994-3.html
new file mode 100644
index 0000000000..94df02fabb
--- /dev/null
+++ b/layout/reftests/bugs/1209994-3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: 0;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible table below:
+<div>
+  <table id="f">This is a table</table>
+</div>
+<script>
+h = document.body.clientHeight;
+f.style.height = "auto";
+</script>
+
diff --git a/layout/reftests/bugs/1209994-4-ref.html b/layout/reftests/bugs/1209994-4-ref.html
new file mode 100644
index 0000000000..2f15740fc1
--- /dev/null
+++ b/layout/reftests/bugs/1209994-4-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: auto;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible select below:
+<div>
+  <select id="f"><option>This is a select</option></select>
+</div>
+
diff --git a/layout/reftests/bugs/1209994-4.html b/layout/reftests/bugs/1209994-4.html
new file mode 100644
index 0000000000..95e2d062fa
--- /dev/null
+++ b/layout/reftests/bugs/1209994-4.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<style>
+div {
+  height: 240px;
+}
+#f {
+  height: 0;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+}
+</style>
+There should be a visible select below:
+<div>
+  <select id="f"><option>This is a select</option></select>
+</div>
+<script>
+h = document.body.clientHeight;
+f.style.height = "auto";
+</script>
+
diff --git a/layout/reftests/bugs/1219985-1.html b/layout/reftests/bugs/1219985-1.html
new file mode 100644
index 0000000000..da68e0cbb9
--- /dev/null
+++ b/layout/reftests/bugs/1219985-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Basic transparent rendering</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: true });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+
+</script>
diff --git a/layout/reftests/bugs/1219985-2.html b/layout/reftests/bugs/1219985-2.html
new file mode 100644
index 0000000000..f807a7db00
--- /dev/null
+++ b/layout/reftests/bugs/1219985-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Setting the canvas size should clear the canvas</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: true });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+c.width = 200;
+
+</script>
diff --git a/layout/reftests/bugs/1219985-3.html b/layout/reftests/bugs/1219985-3.html
new file mode 100644
index 0000000000..e2368bc76f
--- /dev/null
+++ b/layout/reftests/bugs/1219985-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Basic rendering into a non-alpha canvas</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: false });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+
+</script>
diff --git a/layout/reftests/bugs/1219985-4.html b/layout/reftests/bugs/1219985-4.html
new file mode 100644
index 0000000000..fbdacec528
--- /dev/null
+++ b/layout/reftests/bugs/1219985-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Setting the canvas size on a non-alpha should clear the canvas to opaque black</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: false });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+c.width = 200;
+
+</script>
diff --git a/layout/reftests/bugs/1219985-5.html b/layout/reftests/bugs/1219985-5.html
new file mode 100644
index 0000000000..c00651d18e
--- /dev/null
+++ b/layout/reftests/bugs/1219985-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Only the context attributes from the first getContext call should be respected.</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: true });
+ctx = c.getContext('2d', { alpha: false });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+
+</script>
diff --git a/layout/reftests/bugs/1219985-6.html b/layout/reftests/bugs/1219985-6.html
new file mode 100644
index 0000000000..d759758549
--- /dev/null
+++ b/layout/reftests/bugs/1219985-6.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: moz-opaque should have the same effect as alpha:false</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200" moz-opaque="true"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: true });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+
+</script>
diff --git a/layout/reftests/bugs/1219985-7.html b/layout/reftests/bugs/1219985-7.html
new file mode 100644
index 0000000000..bef8e0f1ee
--- /dev/null
+++ b/layout/reftests/bugs/1219985-7.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Unsetting moz-opaque should clear the canvas</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200" moz-opaque="true"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: true });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+c.removeAttribute("moz-opaque");
+
+</script>
diff --git a/layout/reftests/bugs/1219985-8.html b/layout/reftests/bugs/1219985-8.html
new file mode 100644
index 0000000000..9747ec6d56
--- /dev/null
+++ b/layout/reftests/bugs/1219985-8.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Unsetting moz-opaque should clear the canvas even if the canvas has been created with alpha:false, and the canvas should stay opaque.</title>
+
+<div style="width: 200px; height: 200px; background-color: red;">
+  <canvas id="c" width="200" height="200" moz-opaque="true"></canvas>
+</div>
+
+<script>
+
+var c = document.getElementById('c');
+var ctx = c.getContext('2d', { alpha: false });
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 50, 100, 100);
+c.removeAttribute("moz-opaque");
+
+</script>
diff --git a/layout/reftests/bugs/1219985-ref-opaque-clear.html b/layout/reftests/bugs/1219985-ref-opaque-clear.html
new file mode 100644
index 0000000000..6bc9a43705
--- /dev/null
+++ b/layout/reftests/bugs/1219985-ref-opaque-clear.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Reference for an opaque canvas with nothing rendered in it</title>
+
+<div style="width: 200px; height: 200px; background: black"></div>
diff --git a/layout/reftests/bugs/1219985-ref-opaque-with-rendering.html b/layout/reftests/bugs/1219985-ref-opaque-with-rendering.html
new file mode 100644
index 0000000000..a1915c77a6
--- /dev/null
+++ b/layout/reftests/bugs/1219985-ref-opaque-with-rendering.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Reference for an opaque canvas with a green square rendered in it</title>
+
+<div style="width: 200px; height: 200px; background: black; display: flex;">
+  <div style="width: 100px; height: 100px; margin: auto; background: green;"></div>
+</div>
diff --git a/layout/reftests/bugs/1219985-ref-transparent-clear.html b/layout/reftests/bugs/1219985-ref-transparent-clear.html
new file mode 100644
index 0000000000..98290efbbb
--- /dev/null
+++ b/layout/reftests/bugs/1219985-ref-transparent-clear.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Reference for a regular (non-opaque) canvas with nothing rendered in it. The red background behind the canvas is visible.</title>
+
+<div style="width: 200px; height: 200px; background: red"></div>
diff --git a/layout/reftests/bugs/1219985-ref-transparent-with-rendering.html b/layout/reftests/bugs/1219985-ref-transparent-with-rendering.html
new file mode 100644
index 0000000000..a5205c90f2
--- /dev/null
+++ b/layout/reftests/bugs/1219985-ref-transparent-with-rendering.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1219985: Reference for a regular (non-opaque) canvas with a green square rendered in it. The red background behind the canvas is visible.</title>
+
+<div style="width: 200px; height: 200px; background: red; display: flex;">
+  <div style="width: 100px; height: 100px; margin: auto; background: green;"></div>
+</div>
diff --git a/layout/reftests/bugs/1222226-1-ref.html b/layout/reftests/bugs/1222226-1-ref.html
new file mode 100644
index 0000000000..4158c70e10
--- /dev/null
+++ b/layout/reftests/bugs/1222226-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+.red { color: red; }
+</style>
+<div>
+  <span id="s1">test</span><br />
+  <span id="s2" class=red>test</span><br />
+  <span id="s3" class=red>test</span><br />
+  <span id="s4">test</span><br />
+</div>
diff --git a/layout/reftests/bugs/1222226-1.html b/layout/reftests/bugs/1222226-1.html
new file mode 100644
index 0000000000..62af257953
--- /dev/null
+++ b/layout/reftests/bugs/1222226-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+.red { color: red; }
+</style>
+<script>
+document.onreadystatechange = function() {
+  if (document.readyState == "complete") {
+    var arr = ["s2","s3"];
+    arr.forEach(function(n) {
+      document.getElementById(n).className = "red";
+    });
+  }
+};
+</script>
+<div>
+  <span id="s1">test</span><br />
+  <span id="s2">test</span><br />
+  <span id="s3">test</span><br />
+  <span id="s4">test</span><br />
+</div>
diff --git a/layout/reftests/bugs/1226278-ref.html b/layout/reftests/bugs/1226278-ref.html
new file mode 100644
index 0000000000..a1b29f4284
--- /dev/null
+++ b/layout/reftests/bugs/1226278-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1226278</title>
+    <style type="text/css">
+
+fieldset {
+  overflow: hidden;
+  padding: 20px;
+  background: url(data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=) content-box;
+  height: 20px;
+}
+
+div { margin-top:20px; height:40px; background:red; }
+    </style>
+</head>
+<body>
+
+<pre>There should be no red areas.</pre>
+
+<fieldset><legend>LEGEND</legend></fieldset>
+<fieldset></fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/1226278.html b/layout/reftests/bugs/1226278.html
new file mode 100644
index 0000000000..939c79a2e3
--- /dev/null
+++ b/layout/reftests/bugs/1226278.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1226278</title>
+    <style type="text/css">
+
+fieldset {
+  overflow-clip-box: content-box;
+  overflow: hidden;
+  padding: 20px;
+  background: url(data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=) content-box;
+  height: 20px;
+}
+
+div { margin-top:20px; height:40px; background:red; }
+    </style>
+</head>
+<body>
+
+<pre>There should be no red areas.</pre>
+
+<fieldset><legend>LEGEND</legend><div>FAIL</div></fieldset>
+<fieldset><div>FAIL</div></fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/1230466.html b/layout/reftests/bugs/1230466.html
new file mode 100644
index 0000000000..46cf0627f8
--- /dev/null
+++ b/layout/reftests/bugs/1230466.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <script>
+    var b = document.createElement("body");
+    b.style.overflow = "scroll";
+    var h = document.documentElement;
+    h.insertBefore(b, h.firstChild);
+    b.offsetWidth;
+    b.remove();
+  </script>
+</html>
diff --git a/layout/reftests/bugs/1238243-1-notref.html b/layout/reftests/bugs/1238243-1-notref.html
new file mode 100644
index 0000000000..b8ec756bed
--- /dev/null
+++ b/layout/reftests/bugs/1238243-1-notref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+span {
+  font-family: Malgun Gothic, sans-serif;
+  font-size: 32px;
+  line-height: 64px;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+<span>&#xac00;&#xac01;</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1238243-1.html b/layout/reftests/bugs/1238243-1.html
new file mode 100644
index 0000000000..5fc7f2433d
--- /dev/null
+++ b/layout/reftests/bugs/1238243-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+span {
+  font-family: Malgun Gothic, sans-serif;
+  font-size: 32px;
+  line-height: 64px;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+<!-- cluster beginning with U+115f *should* add width to the span -->
+<span>&#xac00;&#x115f;&#x1161;&#x11a8;&#xac01;</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1238243-2-ref.html b/layout/reftests/bugs/1238243-2-ref.html
new file mode 100644
index 0000000000..0259181b0e
--- /dev/null
+++ b/layout/reftests/bugs/1238243-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+span {
+  font-family: Malgun Gothic, sans-serif;
+  font-size: 32px;
+  line-height: 64px;
+}
+</style>
+</head>
+<body>
+<span>ab</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1238243-2.html b/layout/reftests/bugs/1238243-2.html
new file mode 100644
index 0000000000..e551675cc8
--- /dev/null
+++ b/layout/reftests/bugs/1238243-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+span {
+  font-family: Malgun Gothic, sans-serif;
+  font-size: 32px;
+  line-height: 64px;
+}
+</style>
+</head>
+<body>
+<!-- stray U+115f should be invisible and not contribute any space -->
+<span>a&#x115f;b</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1239564-ref.html b/layout/reftests/bugs/1239564-ref.html
new file mode 100644
index 0000000000..cd15383adc
--- /dev/null
+++ b/layout/reftests/bugs/1239564-ref.html
@@ -0,0 +1,21 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Testcase for bug 1239564</title>
+<style>
+#circle {
+  border-radius: 300px;
+  height: 80px;
+  width: 80px;
+  background-color: red;
+  margin: auto;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top:0;
+  bottom: 0;
+  transform: translateZ(1px) scale(3);
+}
+</style>
+<body>
+<div id="circle"></div>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1239564.html b/layout/reftests/bugs/1239564.html
new file mode 100644
index 0000000000..37f0900094
--- /dev/null
+++ b/layout/reftests/bugs/1239564.html
@@ -0,0 +1,29 @@
+<html class="reftest-wait"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Testcase for bug 1239564</title>
+<style>
+#circle {
+  border-radius: 300px;
+  height: 80px;
+  width: 80px;
+  background-color: red;
+  margin: auto;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top:0;
+  bottom: 0;
+  will-change: transform;
+}
+</style>
+<body>
+<div id="circle"></div>
+<script>
+var c = document.getElementById('circle');
+function doTest() {
+  c.style.transform = "translateZ(1px) scale(3)";
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1241631-1-ref.html b/layout/reftests/bugs/1241631-1-ref.html
new file mode 100644
index 0000000000..6b8eb6b0fa
--- /dev/null
+++ b/layout/reftests/bugs/1241631-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<div id=result>Does my innerText have spaces?</div>
+<div id=source style="width:1px;word-break:break-all">Does my innerText have spaces?</div>
diff --git a/layout/reftests/bugs/1241631-1.html b/layout/reftests/bugs/1241631-1.html
new file mode 100644
index 0000000000..0bac64584c
--- /dev/null
+++ b/layout/reftests/bugs/1241631-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<meta charset=utf-8>
+<div id=result></div>
+<div id=source style="width:1px;word-break:break-all">Does my innerText have spaces?</div>
+<script>
+document.getElementById("result").textContent =
+  document.getElementById("source").innerText;
+document.documentElement.className = "";
+</script>
diff --git a/layout/reftests/bugs/1242172-1-ref.html b/layout/reftests/bugs/1242172-1-ref.html
new file mode 100644
index 0000000000..376ee8fd3b
--- /dev/null
+++ b/layout/reftests/bugs/1242172-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<iframe src="1242172-1-subdoc.html" style="width:800px; height:200px; border:1px solid black"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1242172-1-subdoc.html b/layout/reftests/bugs/1242172-1-subdoc.html
new file mode 100644
index 0000000000..97a34e5092
--- /dev/null
+++ b/layout/reftests/bugs/1242172-1-subdoc.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html style="overflow:hidden">
+<body>
+<div style='position:absolute; height:100%; display:flex; flex-direction:row'>
+  <div style="height:100%"><img src="repeatable-diagonal-gradient.png" style='height:100%'></img></div>
+  <div style="height:100%"><img src="repeatable-diagonal-gradient.png" style='height:100%'></img></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1242172-1.html b/layout/reftests/bugs/1242172-1.html
new file mode 100644
index 0000000000..069ccba45f
--- /dev/null
+++ b/layout/reftests/bugs/1242172-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body onload="doTest()">
+<iframe id="f" src="1242172-1-subdoc.html" style="width:800px; height:100px; border:1px solid black"></iframe>
+<script>
+function doTest() {
+  f.contentDocument.body.offsetTop;
+  f.style.height = "200px";
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1242172-2-ref.html b/layout/reftests/bugs/1242172-2-ref.html
new file mode 100644
index 0000000000..f6f1c766ce
--- /dev/null
+++ b/layout/reftests/bugs/1242172-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<!-- The test forces scrollbars to appear. Using overflow:scroll here avoids the
+     iterative overflow:auto reflow logic. -->
+<html style="overflow:scroll">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<body>
+<div style='position:absolute; height:100%; display:flex; flex-direction:row'>
+  <div style="height:100%"><img src="repeatable-diagonal-gradient.png" style='height:100%'></img></div>
+  <div style="height:100%"><img src="repeatable-diagonal-gradient.png" style='height:100%'></img></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1242172-2.html b/layout/reftests/bugs/1242172-2.html
new file mode 100644
index 0000000000..1e5ee66f15
--- /dev/null
+++ b/layout/reftests/bugs/1242172-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<body>
+<div style='position:absolute; height:100%; display:flex; flex-direction:row'>
+  <div style="height:100%"><img src="repeatable-diagonal-gradient.png" style='height:100%'></img></div>
+  <div style="height:100%"><img src="repeatable-diagonal-gradient.png" style='height:100%'></img></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1242781-ref.html b/layout/reftests/bugs/1242781-ref.html
new file mode 100644
index 0000000000..d1b0fb13eb
--- /dev/null
+++ b/layout/reftests/bugs/1242781-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+  <body>
+    <p style="display:inline-block">some&nbsp;<span>te<br/>xt</span></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1242781.html b/layout/reftests/bugs/1242781.html
new file mode 100644
index 0000000000..c7cff3519d
--- /dev/null
+++ b/layout/reftests/bugs/1242781.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+  <body>
+    <p style="display:inline-block">some <span>te<br/>xt</span></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/124903-1-ref.html b/layout/reftests/bugs/124903-1-ref.html
new file mode 100644
index 0000000000..83e823c173
--- /dev/null
+++ b/layout/reftests/bugs/124903-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 124903 Reference</title>
+</head>
+<body>
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td width="100"><img src="solidblue.png" alt="" width="100"></td>
+    <td>This text should all be on one</td>
+    <td width="50%">&nbsp;line</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/124903-1.html b/layout/reftests/bugs/124903-1.html
new file mode 100644
index 0000000000..b153ecef32
--- /dev/null
+++ b/layout/reftests/bugs/124903-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 124903</title>
+</head>
+<body>
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td width="99"><img src="solidblue.png" alt="" width="100"></td>
+    <td>This text should all be on one</td>
+    <td width="50%">&nbsp;line</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1260543-1-ref.html b/layout/reftests/bugs/1260543-1-ref.html
new file mode 100644
index 0000000000..05162ea2e9
--- /dev/null
+++ b/layout/reftests/bugs/1260543-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<style>
+#outer {
+  font-size: 52px;
+  color: green;
+}
+</style>
+<p>Test passes if the block below is green.</p>
+<div id="outer"><span id="inner">&#x2588;</span></div>
diff --git a/layout/reftests/bugs/1260543-1.html b/layout/reftests/bugs/1260543-1.html
new file mode 100644
index 0000000000..15e12f1cca
--- /dev/null
+++ b/layout/reftests/bugs/1260543-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+#outer {
+  font-size: 52px;
+  transition: all 100s step-start;
+  color: transparent;
+}
+#outer.red {
+  color: red;
+}
+#outer.red > #inner {
+  color: green;
+}
+</style>
+<!--
+This is testing that -webkit-text-fill-color should inherit currentcolor
+keyword value, rather than the computed value of color (used value of
+-webkit-text-fill-color) from the transition.
+-->
+<p>Test passes if the block below is green.</p>
+<div id="outer"><span id="inner">&#x2588;</span></div>
+<script>
+window.addEventListener("load", () => {
+  // Wait for the second frame to ensure that we will
+  // actually start the transition.
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      let outer = document.getElementById("outer");
+      outer.className = "red";
+      document.documentElement.className = "";
+    });
+  });
+});
+</script>
diff --git a/layout/reftests/bugs/1263845-ref.html b/layout/reftests/bugs/1263845-ref.html
new file mode 100644
index 0000000000..65c67a95a7
--- /dev/null
+++ b/layout/reftests/bugs/1263845-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<div id="wrap" style="background: yellow">
+  <table style="height: 100%; background: purple">
+    <tr>
+      <td>
+        This is some text
+      </td>
+    </tr>
+  </table>
+</div>
diff --git a/layout/reftests/bugs/1263845.html b/layout/reftests/bugs/1263845.html
new file mode 100644
index 0000000000..3bc9c28b99
--- /dev/null
+++ b/layout/reftests/bugs/1263845.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<div id="wrap" style="height: 200px; background: yellow">
+  <table style="height: 100%; background: purple">
+    <tr>
+      <td>
+        This is some text
+      </td>
+    </tr>
+  </table>
+</div>
+<script>
+  // Make sure we do a layout at the 200px height.
+  document.body.offsetWidth;
+  document.getElementById("wrap").style.height = "";
+</script>
diff --git a/layout/reftests/bugs/1271714-1-ref.html b/layout/reftests/bugs/1271714-1-ref.html
new file mode 100644
index 0000000000..a019365d48
--- /dev/null
+++ b/layout/reftests/bugs/1271714-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+
+<title>Reference for bug 1271714: .fixed should have a yellow background</title>
+
+<style type="text/css">
+
+.fixed {
+  border: 1px solid black;
+  height: 50px;
+  width: 200px;
+  background: yellow;
+}
+
+</style>
+
+<div class="fixed"></div>
diff --git a/layout/reftests/bugs/1271714-1.html b/layout/reftests/bugs/1271714-1.html
new file mode 100644
index 0000000000..8bce820cf5
--- /dev/null
+++ b/layout/reftests/bugs/1271714-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+
+<title>Bug 1271714: Hit testing should be able to find the .fixed element</title>
+
+<style type="text/css">
+
+.positionedClip {
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+}
+
+.relative {
+  position: relative;
+  z-index: 1;
+}
+
+.fixed {
+  position: fixed;
+  border: 1px solid black;
+  height: 50px;
+  width: 200px;
+}
+
+</style>
+
+<div class="positionedClip">
+  <div class="relative">
+    <div class="fixed"></div>
+  </div>
+</div>
+
+<script>
+
+document.elementFromPoint(100, 30).style.backgroundColor = "yellow";
+
+</script>
diff --git a/layout/reftests/bugs/1272997-1-ref.html b/layout/reftests/bugs/1272997-1-ref.html
new file mode 100644
index 0000000000..1465dbf1f7
--- /dev/null
+++ b/layout/reftests/bugs/1272997-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <iframe id="test" style="width:350px;"
+            src="data:text/html,
+                 <html>
+                   <style>
+                     html { writing-mode:vertical-rl; }
+                     div { writing-mode:initial; position:absolute;
+                           right:0; padding:5px; }
+                   </style>
+                   <div>This text should NOT be cut off</div>">
+    </iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1272997-1.html b/layout/reftests/bugs/1272997-1.html
new file mode 100644
index 0000000000..fee818bccc
--- /dev/null
+++ b/layout/reftests/bugs/1272997-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function test() {
+        var elem = document.getElementById("test");
+        elem.style.width = "350px";
+      }
+    </script>
+  </head>
+  <body onload="test()">
+    <iframe id="test" style="width:400px;"
+            src="data:text/html,
+                 <html>
+                   <style>
+                     html { writing-mode:vertical-rl; }
+                     div { writing-mode:initial; position:absolute;
+                           right:0; padding:5px; }
+                   </style>
+                   <div>This text should NOT be cut off</div>">
+    </iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1273154-1-ref.html b/layout/reftests/bugs/1273154-1-ref.html
new file mode 100644
index 0000000000..2c595903db
--- /dev/null
+++ b/layout/reftests/bugs/1273154-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body {
+        /* Force a large line-height so that we don't get a positioning
+           discrepancy on the test span depending on which font's metrics
+           are used in line-height computation. */
+        font: 64px/2 serif;
+      }
+      span {
+        font-family: "Mongolian Baiti", "Times New Roman", serif;
+        font-size: 32px;
+      }
+    </style>
+  </head>
+  <body>
+    <span>&#x1833;&#x1820;&#x1837;&#x1822;&#x182C;&#x1822;&#x1828;&#x202F;&#x1824;</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1273154-1.html b/layout/reftests/bugs/1273154-1.html
new file mode 100644
index 0000000000..5ccc5eee62
--- /dev/null
+++ b/layout/reftests/bugs/1273154-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body {
+        /* Force a large line-height so that we don't get a positioning
+           discrepancy on the test span depending on which font's metrics
+           are used in line-height computation. */
+        font: 64px/2 serif;
+      }
+      span {
+        /* Times does NOT support Mongolian characters, so the entire text
+           should be rendered as a single Mongolian Baiti run, including
+           the U+202F which _is_ available in Times. */
+        font-family: "Times New Roman", "Mongolian Baiti", serif;
+        font-size: 32px;
+      }
+    </style>
+  </head>
+  <body>
+    <span>&#x1833;&#x1820;&#x1837;&#x1822;&#x182C;&#x1822;&#x1828;&#x202F;&#x1824;</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1273154-2-ref.html b/layout/reftests/bugs/1273154-2-ref.html
new file mode 100644
index 0000000000..d68ce92d6a
--- /dev/null
+++ b/layout/reftests/bugs/1273154-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body {
+        /* Force a large line-height so that we don't get a positioning
+           discrepancy on the test span depending on which font's metrics
+           are used in line-height computation. */
+        font: 64px/2 serif;
+      }
+      span {
+        font-family: "Mongolian Baiti", "Times New Roman", serif;
+        font-size: 32px;
+      }
+    </style>
+  </head>
+  <body>
+    <span>&#x202F;&#x1824;&#x1828;</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1273154-2.html b/layout/reftests/bugs/1273154-2.html
new file mode 100644
index 0000000000..dba75e5095
--- /dev/null
+++ b/layout/reftests/bugs/1273154-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body {
+        /* Force a large line-height so that we don't get a positioning
+           discrepancy on the test span depending on which font's metrics
+           are used in line-height computation. */
+        font: 64px/2 serif;
+      }
+      span {
+        /* Times does NOT support Mongolian characters, so the entire text
+           should be rendered as a single Mongolian Baiti run, including
+           the initial U+202F, even though it _is_ available in Times. */
+        font-family: "Times New Roman", "Mongolian Baiti", serif;
+        font-size: 32px;
+      }
+    </style>
+  </head>
+  <body>
+    <span>&#x202F;&#x1824;&#x1828;</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1274368-1-ref.html b/layout/reftests/bugs/1274368-1-ref.html
new file mode 100644
index 0000000000..d748600644
--- /dev/null
+++ b/layout/reftests/bugs/1274368-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<style>
+textarea {
+  width: 100px;
+  height: 150px;
+  margin: 10px;
+  padding: 0;
+}
+</style>
+<textarea style="direction:ltr"></textarea>
+<textarea style="direction:rtl"></textarea>
+<textarea style="direction:ltr"></textarea>
+<textarea style="direction:rtl"></textarea>
diff --git a/layout/reftests/bugs/1274368-1.html b/layout/reftests/bugs/1274368-1.html
new file mode 100644
index 0000000000..9b4deb36f4
--- /dev/null
+++ b/layout/reftests/bugs/1274368-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<style>
+textarea {
+  width: 100px;
+  height: 150px;
+  margin: 10px;
+  padding: 0;
+}
+</style>
+<textarea style="writing-mode:vertical-lr"></textarea>
+<textarea style="writing-mode:vertical-rl"></textarea>
+<textarea style="writing-mode:sideways-lr"></textarea>
+<textarea style="writing-mode:sideways-rl"></textarea>
diff --git a/layout/reftests/bugs/1275411-1-ref.html b/layout/reftests/bugs/1275411-1-ref.html
new file mode 100644
index 0000000000..97f06d431b
--- /dev/null
+++ b/layout/reftests/bugs/1275411-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="overflow: hidden; width:50px;height:50px;">
+		<div style="position: fixed;">
+			<div style="position: fixed;">
+				<div style="width: 100px; height: 50px; background: red;"></div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1275411-1.html b/layout/reftests/bugs/1275411-1.html
new file mode 100644
index 0000000000..15daf80720
--- /dev/null
+++ b/layout/reftests/bugs/1275411-1.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="overflow: hidden;">
+		<div style="position: fixed;">
+			<div style="position: fixed;">
+				<div style="width: 100px; height: 50px; background: red;"></div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1276161-1-notref.html b/layout/reftests/bugs/1276161-1-notref.html
new file mode 100644
index 0000000000..8c61642671
--- /dev/null
+++ b/layout/reftests/bugs/1276161-1-notref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Not-Reference for test for bug 1276161 - dashed lines in canvas should look different from solid lines</title>
+
+<canvas id="canvas"></canvas>
+
+<script>
+
+var canvas = document.getElementById('canvas');
+canvas.width = 200;
+canvas.height = 200;
+
+var ctxx = canvas.getContext('2d');
+ctxx.strokeStyle = 'black';
+// Draw a solid line
+ctxx.moveTo(10, 10);
+ctxx.lineWidth = 2;
+ctxx.lineTo(30, 30);
+ctxx.stroke();
+ctxx.restore();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1276161-1a.html b/layout/reftests/bugs/1276161-1a.html
new file mode 100644
index 0000000000..2bdd65708c
--- /dev/null
+++ b/layout/reftests/bugs/1276161-1a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test for bug 1276161 - dashed lines in canvas should look different from solid lines</title>
+
+<canvas id="canvas"></canvas>
+
+<script>
+
+var canvas = document.getElementById('canvas');
+canvas.width = 200;
+canvas.height = 200;
+
+var ctxx = canvas.getContext('2d');
+ctxx.strokeStyle = 'black';
+ctxx.setLineDash([2,4]);
+ctxx.moveTo(10, 10);
+ctxx.lineWidth = 2;
+ctxx.lineTo(30, 30);
+ctxx.stroke();
+ctxx.restore();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1276161-1b.html b/layout/reftests/bugs/1276161-1b.html
new file mode 100644
index 0000000000..68a14a09c6
--- /dev/null
+++ b/layout/reftests/bugs/1276161-1b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test for bug 1276161 - dashed lines in canvas should look different from solid lines</title>
+
+<canvas id="canvas"></canvas>
+
+<script>
+
+var canvas = document.getElementById('canvas');
+canvas.width = 200;
+canvas.height = 200;
+
+var ctxx = canvas.getContext('2d');
+ctxx.strokeStyle = 'black';
+ctxx.setLineDash([2,3]);
+ctxx.moveTo(10, 10);
+ctxx.lineWidth = 2;
+ctxx.lineTo(30, 30);
+ctxx.stroke();
+ctxx.restore();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1288255-ref.html b/layout/reftests/bugs/1288255-ref.html
new file mode 100644
index 0000000000..3fc8693c85
--- /dev/null
+++ b/layout/reftests/bugs/1288255-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1288255 - Wrong line breaking due to cached hyphen width</title>
+  <style>
+    @font-face {
+      font-family: LongHyphenTest;
+      src: url(LongHyphenTest.woff2);
+    }
+    #test {
+      font: 16px/2 LongHyphenTest;
+      width: 14em;
+      border: 1px solid blue;
+    }
+  </style>
+</head>
+<body>
+  <p>Test passes if there are two lines each has three rectangles:</p>
+  <div id="test">
+    XXX XXX XXX<br>XXX XXX XXX
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1288255.html b/layout/reftests/bugs/1288255.html
new file mode 100644
index 0000000000..81fd856cac
--- /dev/null
+++ b/layout/reftests/bugs/1288255.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1288255 - Wrong line breaking due to cached hyphen width</title>
+  <style id="font" media="not all">
+    @font-face {
+      font-family: LongHyphenTest;
+      src: url(LongHyphenTest.woff2);
+    }
+  </style>
+  <style>
+    #test {
+      font: 16px/2 LongHyphenTest;
+      width: 14em;
+      border: 1px solid blue;
+    }
+  </style>
+</head>
+<body onload="load_font()">
+  <p>Test passes if there are two lines each has three rectangles:</p>
+  <div id="test">
+    <span>XXX XXX</span> XXX X&shy;XX XXX XXX
+  </div>
+  <script>
+    function load_font() {
+      document.getElementById("font").media = "";
+      document.fonts.load("16px LongHyphenTest").then(() => {
+        document.documentElement.className = "";
+      });
+    }
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/128896-ref.html b/layout/reftests/bugs/128896-ref.html
new file mode 100644
index 0000000000..fa7ffd486e
--- /dev/null
+++ b/layout/reftests/bugs/128896-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Test CSS files with non-ascii characters</title>
+   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+   <style type="text/css">
+    body { color: yellow; background-color: blue }
+   </style>
+ </head>
+ <body>
+  <p>The text in this page should be yellow on a blue background</p>
+ </body>
+</html>    
\ No newline at end of file
diff --git a/layout/reftests/bugs/128896-style.css b/layout/reftests/bugs/128896-style.css
new file mode 100644
index 0000000000..327e7a626e
--- /dev/null
+++ b/layout/reftests/bugs/128896-style.css
@@ -0,0 +1,4 @@
+/* This CSS file contains non-ASCII text with no @charset
+ * H�kan Waara
+ */
+body { color: yellow; background-color: blue }
diff --git a/layout/reftests/bugs/128896.html b/layout/reftests/bugs/128896.html
new file mode 100644
index 0000000000..dd1ee64223
--- /dev/null
+++ b/layout/reftests/bugs/128896.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Test CSS files with non-ascii characters</title>
+   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+   <link rel="stylesheet" href="128896-style.css" type="text/css">
+ </head>
+ <body>
+  <p>The text in this page should be yellow on a blue background</p>
+ </body>
+</html>    
\ No newline at end of file
diff --git a/layout/reftests/bugs/1291528-ref.html b/layout/reftests/bugs/1291528-ref.html
new file mode 100644
index 0000000000..477bb03a3b
--- /dev/null
+++ b/layout/reftests/bugs/1291528-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title></title>
+    <!--
+      This CSS will hit the non-optimised linear gradient painting path, since
+      the dirty rect of div.inner will be the same as the destination rect,
+      making cellContainsFill true in PaintGradient() and skipping the optimised
+      path.
+    -->
+    <style type="text/css">
+      div.outer {
+        border: 2px solid grey;
+        padding: 0;
+        height: 18.5px;
+        width: 100px;
+      }
+
+      div.inner {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        height: 18.5px;
+        width: 100px;
+        background: linear-gradient(to top, red, blue);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1291528.html b/layout/reftests/bugs/1291528.html
new file mode 100644
index 0000000000..14e4993a72
--- /dev/null
+++ b/layout/reftests/bugs/1291528.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title></title>
+    <!--
+        This test makes sure that linear gradient painting paths agree around
+        non-pixel aligned dimensions: namely, the direct path which draws the
+        linear gradient repeatedly; and the optimised path which converts the
+        original gradient into a repeating gradient and fills the whole
+        destination in one go.
+
+        This CSS will hit the optimised linear gradient painting path, since the
+        dirty rect will be the size of the whole box (including border), but the
+        destination is only the size of the rect within the border.
+    -->
+    <style type="text/css">
+      div {
+        border: 2px solid grey;
+        background: linear-gradient(to top, red, blue);
+        height: 18.5px;
+        width: 100px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1294102-1-ref.html b/layout/reftests/bugs/1294102-1-ref.html
new file mode 100644
index 0000000000..75867fcca2
--- /dev/null
+++ b/layout/reftests/bugs/1294102-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<input type="button" style="position: absolute; top: 10.1px; left: 10px; width: 90px; height: 26.3px;" value="M">
+</body>
+</html>
diff --git a/layout/reftests/bugs/1294102-1.html b/layout/reftests/bugs/1294102-1.html
new file mode 100644
index 0000000000..9f437afaa7
--- /dev/null
+++ b/layout/reftests/bugs/1294102-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<input type="button" style="position: absolute; top: 10.3px; left: 10px; width: 90px; height: 26.3px;" value="M">
+</body>
+</html>
diff --git a/layout/reftests/bugs/1295466-1-ref.xhtml b/layout/reftests/bugs/1295466-1-ref.xhtml
new file mode 100644
index 0000000000..815813c51e
--- /dev/null
+++ b/layout/reftests/bugs/1295466-1-ref.xhtml
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
+    <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"></link>
+    <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"></link>
+    <meta content="image" name="flags"></meta>
+    <!--
+      <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing">
+    -->
+    <style type="text/css">
+      p {
+        display: inline-block;
+        background-color: white;
+        margin: 0px 0px;
+        padding: 0px 0px;
+      }
+
+      .with-padding {
+        padding: 5px 5px;
+      }
+
+      #img {
+        width: 75px;
+        height: 75px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>All rectangles should be the same size.</div>
+    <p><img class="with-padding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></img></p>
+    <p><img id="img" class="with-padding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></img></p>
+    <p><img id="img" class="with-padding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></img></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1295466-1.xhtml b/layout/reftests/bugs/1295466-1.xhtml
new file mode 100644
index 0000000000..66f49bb68d
--- /dev/null
+++ b/layout/reftests/bugs/1295466-1.xhtml
@@ -0,0 +1,173 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>CSS Test: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
+    <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"></link>
+    <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"></link>
+    <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
+    <link rel="match" href="box-sizing-replaced-001-ref.xht" />
+    <meta content="image" name="flags"></meta>
+    <meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding around each." />
+    <!--
+      This test is derived from replaced-min-max-001, part of the W3C CSS 2.1
+      test suite.
+    -->
+    <style type="text/css">
+      p {
+        display: inline-block;
+        background-color: white;
+        padding: 0px 0px;
+        margin: 0px 0px;
+      }
+
+      .with-padding {
+        padding: 5px 5px;
+        box-sizing: border-box;
+      }
+
+      #img1 {
+        min-width:   70px;
+        max-width:  115px;
+        min-height:  55px;
+        max-height: 130px;
+      }
+
+      #img2 {
+        max-width:  85px;
+        min-height: 70px;
+      }
+
+      #img3 {
+        max-width:  85px;
+        min-height: 85px;
+      }
+
+      #img4 {
+        min-width:   85px;
+        max-height: 110px;
+      }
+
+      #img5 {
+        min-width:   85px;
+        max-height:  85px;
+      }
+
+      #img6 {
+        min-width:  70px;
+        max-height: 85px;
+      }
+
+      #img7 {
+        min-width:  85px;
+        max-height: 85px;
+      }
+
+      #img8 {
+        max-width: 110px;
+        min-height: 85px;
+      }
+
+      #img9 {
+        max-width:  85px;
+        min-height: 85px;
+      }
+
+      #img10 {
+        min-width:  85px;
+        max-width: 160px;
+        max-height: 85px;
+      }
+
+      #img11 {
+        min-width:  35px;
+        max-width: 235px;
+        max-height: 85px;
+      }
+
+      #img12 {
+        max-width:   85px;
+        min-height:  85px;
+        max-height: 160px;
+      }
+
+      #img13 {
+        max-width:   85px;
+        min-height:  35px;
+        max-height: 235px;
+      }
+
+      #img14 {
+        min-width:   60px;
+        max-width:  110px;
+        min-height:  85px;
+      }
+
+      #img15 {
+        min-width:   65px;
+        max-width:   85px;
+        min-height:  85px;
+      }
+
+      #img16 {
+        min-width:   85px;
+        min-height:  60px;
+        max-height: 110px;
+      }
+
+      #img17 {
+        min-width:  85px;
+        min-height: 65px;
+        max-height: 85px;
+      }
+
+      #img18 {
+        min-width:  85px;
+        max-height: 85px;
+      }
+
+      #img19 {
+        max-width:  85px;
+        min-height: 85px;
+      }
+    </style>
+  </head>
+  <script>
+  /* This test is a copy of the original w3c-submitted test at
+   * w3c-css/submitted/ui3/box-sizing-replaced-001.xht.
+   * We need this copy so that we can use non-standard MozReftestInvalidate here
+   * without hindering the w3c testsuite.
+   * Without MozReftestInvalidate, for img5 the right 1/3rd of the element
+   * simply isn't painted.
+   * This copy can be removed (along with the fuzzy annotation in the original
+   * test) when we've fixed the underlying issue i.e. Bug 1316772.
+   */
+  window.addEventListener("MozReftestInvalidate", endTest);
+
+  function endTest() {
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body>
+    <div>All rectangles should be the same size.</div>
+    <p><img id="img0" class="with-padding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></img></p>
+    <p><img id="img1" class="with-padding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></img></p>
+    <p><img id="img2" class="with-padding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></img></p>
+    <p><img id="img3" class="with-padding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></img></p>
+    <p><img id="img4" class="with-padding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></img></p>
+    <p><img id="img5" class="with-padding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></img></p>
+    <p><img id="img6" class="with-padding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></img></p>
+    <p><img id="img7" class="with-padding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></img></p>
+    <p><img id="img8" class="with-padding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></img></p>
+    <p><img id="img9" class="with-padding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></img></p>
+    <p><img id="img10" class="with-padding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></img></p>
+    <p><img id="img11" class="with-padding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></img></p>
+    <p><img id="img12" class="with-padding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></img></p>
+    <p><img id="img13" class="with-padding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></img></p>
+    <p><img id="img14" class="with-padding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></img></p>
+    <p><img id="img15" class="with-padding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></img></p>
+    <p><img id="img16" class="with-padding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></img></p>
+    <p><img id="img17" class="with-padding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></img></p>
+    <p><img id="img18" class="with-padding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></img></p>
+    <p><img id="img19" class="with-padding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></img></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/130767-1-ref.html b/layout/reftests/bugs/130767-1-ref.html
new file mode 100644
index 0000000000..51912007fb
--- /dev/null
+++ b/layout/reftests/bugs/130767-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 130767 Reference</title>
+</head>
+<body style="padding: 2%">
+<table style="background-color: blue; height: 3em; box-sizing: border-box; width: 100%;"><tr><td>&nbsp;</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/130767-1.html b/layout/reftests/bugs/130767-1.html
new file mode 100644
index 0000000000..22826436a3
--- /dev/null
+++ b/layout/reftests/bugs/130767-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 130767</title>
+</head>
+<body style="padding: 2%">
+<div style="background-color: blue; height: 3em">&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1313772-ref.xhtml b/layout/reftests/bugs/1313772-ref.xhtml
new file mode 100644
index 0000000000..64204a68a7
--- /dev/null
+++ b/layout/reftests/bugs/1313772-ref.xhtml
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
+    <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"></link>
+    <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"></link>
+    <meta content="image" name="flags"></meta>
+    <!--
+      <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing">
+    -->
+    <style type="text/css">
+      p {
+        display: inline-block;
+        background-color: white;
+        margin: 0px 0px;
+        padding: 0px 0px;
+      }
+
+      .with-borderpadding {
+        padding: 5px 5px;
+        border: 5px solid blue;
+      }
+
+      #img {
+        width: 75px;
+        height: 75px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>All rectangles should be the same size.</div>
+    <p><img class="with-borderpadding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></img></p>
+    <p><img id="img" class="with-borderpadding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></img></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1313772.xhtml b/layout/reftests/bugs/1313772.xhtml
new file mode 100644
index 0000000000..5f0f044d9a
--- /dev/null
+++ b/layout/reftests/bugs/1313772.xhtml
@@ -0,0 +1,174 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>CSS Test: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
+    <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"></link>
+    <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"></link>
+    <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
+    <link rel="match" href="box-sizing-replaced-002-ref.xht" />
+    <meta content="image" name="flags"></meta>
+    <meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each." />
+    <!--
+      This test is derived from replaced-min-max-001, part of the W3C CSS 2.1
+      test suite.
+    -->
+    <style type="text/css">
+      p {
+        display: inline-block;
+        background-color: white;
+        padding: 0px 0px;
+        margin: 0px 0px;
+      }
+
+      .with-borderpadding {
+        padding: 5px 5px;
+        border: 5px solid blue;
+        box-sizing: border-box;
+      }
+
+      #img1 {
+        min-width:   80px;
+        max-width:  125px;
+        min-height:  65px;
+        max-height: 140px;
+      }
+
+      #img2 {
+        max-width:  95px;
+        min-height: 80px;
+      }
+
+      #img3 {
+        max-width:  95px;
+        min-height: 95px;
+      }
+
+      #img4 {
+        min-width:   95px;
+        max-height: 120px;
+      }
+
+      #img5 {
+        min-width:   95px;
+        max-height:  95px;
+      }
+
+      #img6 {
+        min-width:  80px;
+        max-height: 95px;
+      }
+
+      #img7 {
+        min-width:  95px;
+        max-height: 95px;
+      }
+
+      #img8 {
+        max-width: 120px;
+        min-height: 95px;
+      }
+
+      #img9 {
+        max-width:  95px;
+        min-height: 95px;
+      }
+
+      #img10 {
+        min-width:  95px;
+        max-width: 170px;
+        max-height: 95px;
+      }
+
+      #img11 {
+        min-width:  45px;
+        max-width: 245px;
+        max-height: 95px;
+      }
+
+      #img12 {
+        max-width:  95px;
+        min-height: 95px;
+        max-height: 170px;
+      }
+
+      #img13 {
+        max-width:   95px;
+        min-height:  45px;
+        max-height: 245px;
+      }
+
+      #img14 {
+        min-width:   70px;
+        max-width:  120px;
+        min-height:  95px;
+      }
+
+      #img15 {
+        min-width:   75px;
+        max-width:   95px;
+        min-height:  95px;
+      }
+
+      #img16 {
+        min-width:   95px;
+        min-height:  70px;
+        max-height: 120px;
+      }
+
+      #img17 {
+        min-width:  95px;
+        min-height: 75px;
+        max-height: 95px;
+      }
+
+      #img18 {
+        min-width:  95px;
+        max-height: 95px;
+      }
+
+      #img19 {
+        max-width:  95px;
+        min-height: 95px;
+      }
+    </style>
+  </head>
+  <script>
+  /* This test is a copy of the original w3c-submitted test at
+   * w3c-css/submitted/ui3/box-sizing-replaced-002.xht.
+   * We need this copy so that we can use non-standard MozReftestInvalidate here
+   * without hindering the w3c testsuite.
+   * Without MozReftestInvalidate, for img3 the right half of the element
+   * simply isn't painted.
+   * This copy can be removed (along with the fuzzy annotation in the original
+   * test) when we've fixed the underlying issue i.e. Bug 1316772.
+   */
+  window.addEventListener("MozReftestInvalidate", endTest);
+
+  function endTest() {
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body>
+    <div>All rectangles should be the same size.</div>
+    <p><img id="img0" class="with-borderpadding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></img></p>
+    <p><img id="img1" class="with-borderpadding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></img></p>
+    <p><img id="img2" class="with-borderpadding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></img></p>
+    <p><img id="img3" class="with-borderpadding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></img></p>
+    <p><img id="img4" class="with-borderpadding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></img></p>
+    <p><img id="img5" class="with-borderpadding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></img></p>
+    <p><img id="img6" class="with-borderpadding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></img></p>
+    <p><img id="img7" class="with-borderpadding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></img></p>
+    <p><img id="img8" class="with-borderpadding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></img></p>
+    <p><img id="img9" class="with-borderpadding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></img></p>
+    <p><img id="img10" class="with-borderpadding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></img></p>
+    <p><img id="img11" class="with-borderpadding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></img></p>
+    <p><img id="img12" class="with-borderpadding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></img></p>
+    <p><img id="img13" class="with-borderpadding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></img></p>
+    <p><img id="img14" class="with-borderpadding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></img></p>
+    <p><img id="img15" class="with-borderpadding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></img></p>
+    <p><img id="img16" class="with-borderpadding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></img></p>
+    <p><img id="img17" class="with-borderpadding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></img></p>
+    <p><img id="img18" class="with-borderpadding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></img></p>
+    <p><img id="img19" class="with-borderpadding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></img></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1315113-1-ref.html b/layout/reftests/bugs/1315113-1-ref.html
new file mode 100644
index 0000000000..bd5905dff6
--- /dev/null
+++ b/layout/reftests/bugs/1315113-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<meta charset="utf-8">
+<title>Reference for test for bug 1315113: Gradient in border image</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+#box {
+  width: 200px;
+  border: 80px solid transparent;
+  padding: 20px;
+  background: linear-gradient(red, blue);
+  background-origin: border-box;
+}
+
+</style>
+
+<div id="box"></div>
diff --git a/layout/reftests/bugs/1315113-1.html b/layout/reftests/bugs/1315113-1.html
new file mode 100644
index 0000000000..179f281d6e
--- /dev/null
+++ b/layout/reftests/bugs/1315113-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<meta charset="utf-8">
+<title>Test for bug 1315113: Gradient in border image</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+#box {
+  width: 200px;
+  border: 100px solid;
+  border-image-source: linear-gradient(red, blue);
+  border-image-slice: 40% 40% fill;
+  border-image-width: 80px 80px;
+  border-image-repeat: round stretch;
+  background-color: black;
+}
+
+</style>
+
+<div id="box"></div>
diff --git a/layout/reftests/bugs/1315113-2-ref.html b/layout/reftests/bugs/1315113-2-ref.html
new file mode 100644
index 0000000000..b7f95f921a
--- /dev/null
+++ b/layout/reftests/bugs/1315113-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html reftest-zoom="0.5">
+<meta charset="utf-8">
+<title>Reference for test for bug 1315113: Gradient in border image</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+#box {
+  width: 200px;
+  border: 80px solid transparent;
+  padding: 20px;
+  background: linear-gradient(red, blue);
+  background-origin: border-box;
+}
+
+</style>
+
+<div id="box"></div>
diff --git a/layout/reftests/bugs/1315113-2.html b/layout/reftests/bugs/1315113-2.html
new file mode 100644
index 0000000000..37f3b53df0
--- /dev/null
+++ b/layout/reftests/bugs/1315113-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html reftest-zoom="0.5">
+<meta charset="utf-8">
+<title>Test for bug 1315113: Gradient in border image</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+#box {
+  width: 200px;
+  border: 100px solid;
+  border-image-source: linear-gradient(red, blue);
+  border-image-slice: 40% 40% fill;
+  border-image-width: 80px 80px;
+  border-image-repeat: round stretch;
+  background-color: black;
+}
+
+</style>
+
+<div id="box"></div>
diff --git a/layout/reftests/bugs/1315632-1-ref.html b/layout/reftests/bugs/1315632-1-ref.html
new file mode 100644
index 0000000000..4bc32232a9
--- /dev/null
+++ b/layout/reftests/bugs/1315632-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+.y { color: green; }
+</style>
+<div class=y>hello</div>
diff --git a/layout/reftests/bugs/1315632-1.html b/layout/reftests/bugs/1315632-1.html
new file mode 100644
index 0000000000..c69699b35a
--- /dev/null
+++ b/layout/reftests/bugs/1315632-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+.x { position: absolute; color: red; }
+.y { color: green; }
+</style>
+<div class=x>hello</div>
+<script>
+document.body.offsetHeight;
+document.querySelector(".x").className = "y";
+document.body.offsetHeight;
+</script>
diff --git a/layout/reftests/bugs/1316719-1-ref.html b/layout/reftests/bugs/1316719-1-ref.html
new file mode 100644
index 0000000000..13078e112a
--- /dev/null
+++ b/layout/reftests/bugs/1316719-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>reference: 0.8 opacity green circle</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+div {
+  margin: 100px 200px;
+  width: 200px;
+  height: 200px;
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 200 200"><circle cx="100" cy="100" r="100" fill="green" fill-opacity="0.8"/></svg>');
+}
+
+</style>
+
+<div></div>
diff --git a/layout/reftests/bugs/1316719-1a.html b/layout/reftests/bugs/1316719-1a.html
new file mode 100644
index 0000000000..eaefed654a
--- /dev/null
+++ b/layout/reftests/bugs/1316719-1a.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>mask-image with scale transform</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+#transform {
+  width: 10px;
+  height: 10px;
+  transform: scale(20);
+  transform-origin: top left;
+  padding: 5px 10px;
+}
+
+#opacity {
+  opacity: 0.8;
+}
+
+#mask {
+  width: 10px;
+  height: 10px;
+  background: green;
+  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 10"><circle cx="5" cy="5" r="5" fill="black"/></svg>');
+}
+
+#activator {
+  border: 1px solid transparent;
+  will-change: transform;
+}
+
+</style>
+
+<div id="transform">
+  <div id="opacity">
+    <div id="mask">
+      <div id="activator"></div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/1316719-1b.html b/layout/reftests/bugs/1316719-1b.html
new file mode 100644
index 0000000000..b6e056e86b
--- /dev/null
+++ b/layout/reftests/bugs/1316719-1b.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>mask-image with scale transform</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+#transform {
+  width: 10px;
+  height: 10px;
+  transform: scale(20);
+  transform-origin: top left;
+  padding: 5px 10px;
+}
+
+#opacity {
+  opacity: 0.8;
+}
+
+#mask {
+  width: 10px;
+  height: 10px;
+  background: green;
+  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 10"><circle cx="5" cy="5" r="5" fill="black"/></svg>');
+}
+
+</style>
+
+<div id="transform">
+  <div id="opacity">
+    <div id="mask"></div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/1316719-1c.html b/layout/reftests/bugs/1316719-1c.html
new file mode 100644
index 0000000000..32d00265e1
--- /dev/null
+++ b/layout/reftests/bugs/1316719-1c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>mask-image with scale transform</title>
+<style>
+
+body {
+  margin: 0;
+}
+
+#transform {
+  width: 10px;
+  height: 10px;
+  transform: scale(20);
+  transform-origin: top left;
+  padding: 5px 10px;
+}
+
+#mask {
+  width: 10px;
+  height: 10px;
+  background: green;
+  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 10"><circle cx="5" cy="5" r="5" fill="black" fill-opacity="0.8"/></svg>');
+}
+
+</style>
+
+<div id="transform">
+  <div id="mask"></div>
+</div>
diff --git a/layout/reftests/bugs/1318769-1-ref.html b/layout/reftests/bugs/1318769-1-ref.html
new file mode 100644
index 0000000000..6ab48a12df
--- /dev/null
+++ b/layout/reftests/bugs/1318769-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body {
+  width: 64px;
+  height: 64px;
+  font-size: 32px;
+  background: white;
+  color: white;
+}
+</style>
+</head>
+<body>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1318769-1.html b/layout/reftests/bugs/1318769-1.html
new file mode 100644
index 0000000000..103c01e85a
--- /dev/null
+++ b/layout/reftests/bugs/1318769-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body {
+  width: 64px;
+  height: 64px;
+  font-size: 32px;
+  background: white;
+  color: white;
+}
+</style>
+</head>
+<body>
+&#x1f4a9;
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/1322512-1-ref.html b/layout/reftests/bugs/1322512-1-ref.html
new file mode 100644
index 0000000000..ad6343c44f
--- /dev/null
+++ b/layout/reftests/bugs/1322512-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<audio controls></audio>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1322512-1.html b/layout/reftests/bugs/1322512-1.html
new file mode 100644
index 0000000000..a886a02c09
--- /dev/null
+++ b/layout/reftests/bugs/1322512-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<audio controls style="writing-mode: vertical-lr"></audio>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1330051-ref.svg b/layout/reftests/bugs/1330051-ref.svg
new file mode 100644
index 0000000000..78aa47e79f
--- /dev/null
+++ b/layout/reftests/bugs/1330051-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" class="reftest-wait">
+  <foreignObject width="500" height="500">
+    <iframe xmlns="http://www.w3.org/1999/xhtml"
+            srcdoc="A test">
+    </iframe>
+  </foreignObject>
+  <script>
+    frames[0].onload = function() {
+      var doc = frames[0].document;
+      let el = doc.createElement('div');
+      el.innerHTML = "This should remain green";
+      el.style.color = "green";
+      doc.body.appendChild(el);
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1330051.svg b/layout/reftests/bugs/1330051.svg
new file mode 100644
index 0000000000..90965e9301
--- /dev/null
+++ b/layout/reftests/bugs/1330051.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" class="reftest-wait">
+  <foreignObject width="500" height="500">
+    <iframe xmlns="http://www.w3.org/1999/xhtml"
+            srcdoc="A test">
+    </iframe>
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="color: green" id="myDiv">This should remain green</div>
+  </foreignObject>
+  <script>
+    let el = document.getElementById('myDiv');
+    frames[0].onload = function() {
+      var doc = frames[0].document;
+      doc.body.appendChild(el);
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1336591-1-ref.html b/layout/reftests/bugs/1336591-1-ref.html
new file mode 100644
index 0000000000..43900e182a
--- /dev/null
+++ b/layout/reftests/bugs/1336591-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <canvas id="pdf" width="200" height="200"></canvas>
+    <script>
+      const canvas = document.getElementById("pdf");
+      const ctx = canvas.getContext("2d");
+
+      ctx.transform(6.4, 0, 0, -6.4, 30, 60);
+
+      var gradient = ctx.createRadialGradient(10, 10, 10, 20, 20, 40);
+      gradient.addColorStop(0, '#FF0000');
+      gradient.addColorStop(1, '#00FF00');
+
+      ctx.fillStyle = gradient;
+      ctx.fillRect(-1.78583, -16.46929, 23.21575, 24.20787);
+    </script>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/1336591-1.html b/layout/reftests/bugs/1336591-1.html
new file mode 100644
index 0000000000..f7fcbb182b
--- /dev/null
+++ b/layout/reftests/bugs/1336591-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <canvas id="pdf" width="200" height="200"></canvas>
+    <script>
+      const canvas = document.getElementById("pdf");
+      const ctx = canvas.getContext("2d");
+
+      ctx.transform(6.4, 0, 0, -6.4, 30, 60);
+
+      ctx.beginPath();
+      ctx.moveTo(3.34488, -15.90236);
+      ctx.lineTo(22.36535, -2.94803);
+      ctx.lineTo(13.01102, 7.14331);
+      ctx.lineTo(1.33228, 0.34016);
+      ctx.lineTo(5.10236, -7.08661);
+      ctx.lineTo(-1.38898, -9.41102);
+      ctx.lineTo(1.24724, -15.10866);
+      ctx.closePath();
+      ctx.clip("evenodd");
+
+      var gradient = ctx.createRadialGradient(10, 10, 10, 20, 20, 40);
+      gradient.addColorStop(0, '#FF0000');
+      gradient.addColorStop(1, '#00FF00');
+
+      ctx.fillStyle = gradient;
+      ctx.fillRect(-1.78583, -16.46929, 23.21575, 24.20787);
+    </script>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/134706-1-left-scrollframe-ref.html b/layout/reftests/bugs/134706-1-left-scrollframe-ref.html
new file mode 100644
index 0000000000..f95c00b34a
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-left-scrollframe-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:yellow; width: 200px; height: 50px">
+    <div style="background:purple; width: 150px; height: 50px"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-1-left-scrollframe.html b/layout/reftests/bugs/134706-1-left-scrollframe.html
new file mode 100644
index 0000000000..847ecc4586
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-left-scrollframe.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+  <div style="overflow: hidden; background: yellow">
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </div>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-1-left-table-ref.html b/layout/reftests/bugs/134706-1-left-table-ref.html
new file mode 100644
index 0000000000..e55422b8c7
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-left-table-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:purple; width: 150px; height: 50px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-1-left-table.html b/layout/reftests/bugs/134706-1-left-table.html
new file mode 100644
index 0000000000..08d0f312f0
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-left-table.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+  <table style="background: yellow"><tr><td>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </td></tr></table>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-1-right-scrollframe-ref.html b/layout/reftests/bugs/134706-1-right-scrollframe-ref.html
new file mode 100644
index 0000000000..f0a742fe85
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-right-scrollframe-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:yellow; width: 200px; height: 50px">
+    <div style="background:purple; width: 150px; height: 50px"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-1-right-scrollframe.html b/layout/reftests/bugs/134706-1-right-scrollframe.html
new file mode 100644
index 0000000000..2e3361a991
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-right-scrollframe.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+  <div style="overflow: hidden; background: yellow">
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </div>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-1-right-table-ref.html b/layout/reftests/bugs/134706-1-right-table-ref.html
new file mode 100644
index 0000000000..25781bfb88
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-right-table-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:purple; width: 150px; height: 50px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-1-right-table.html b/layout/reftests/bugs/134706-1-right-table.html
new file mode 100644
index 0000000000..e7db405120
--- /dev/null
+++ b/layout/reftests/bugs/134706-1-right-table.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+  <table style="background: yellow"><tr><td>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </td></tr></table>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-2-left-ref.html b/layout/reftests/bugs/134706-2-left-ref.html
new file mode 100644
index 0000000000..e5b8073a1e
--- /dev/null
+++ b/layout/reftests/bugs/134706-2-left-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:yellow; width: 200px; height: 100px">
+    <div style="background:purple; width: 150px; height: 100px"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-2-left-scrollframe.html b/layout/reftests/bugs/134706-2-left-scrollframe.html
new file mode 100644
index 0000000000..dd98337bf8
--- /dev/null
+++ b/layout/reftests/bugs/134706-2-left-scrollframe.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+  <div style="overflow: hidden; background: yellow">
+    <span style="width: 150px; height: 50px; background: purple"></span>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </div>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-2-left-table.html b/layout/reftests/bugs/134706-2-left-table.html
new file mode 100644
index 0000000000..a188e1617d
--- /dev/null
+++ b/layout/reftests/bugs/134706-2-left-table.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+  <table style="background: yellow"><tr><td>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </td></tr></table>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-2-right-ref.html b/layout/reftests/bugs/134706-2-right-ref.html
new file mode 100644
index 0000000000..45edb26294
--- /dev/null
+++ b/layout/reftests/bugs/134706-2-right-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:yellow; width: 200px; height: 100px">
+    <div style="background:purple; width: 150px; height: 100px"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-2-right-scrollframe.html b/layout/reftests/bugs/134706-2-right-scrollframe.html
new file mode 100644
index 0000000000..2c3b1b889f
--- /dev/null
+++ b/layout/reftests/bugs/134706-2-right-scrollframe.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+  <div style="overflow: hidden; background: yellow">
+    <span style="width: 150px; height: 50px; background: purple"></span>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </div>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-2-right-table.html b/layout/reftests/bugs/134706-2-right-table.html
new file mode 100644
index 0000000000..56fcea3fd9
--- /dev/null
+++ b/layout/reftests/bugs/134706-2-right-table.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+  <table style="background: yellow"><tr><td>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+    <span style="width: 150px; height: 50px; background: purple"></span>
+  </td></tr></table>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-left-scrollframe-ref.html b/layout/reftests/bugs/134706-3-left-scrollframe-ref.html
new file mode 100644
index 0000000000..1cd208f19d
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-left-scrollframe-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:purple; width: 200px; height: 50px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-left-scrollframe.html b/layout/reftests/bugs/134706-3-left-scrollframe.html
new file mode 100644
index 0000000000..64a865eeaa
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-left-scrollframe.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+  <div style="overflow: hidden; background: yellow">
+    <span style="width: 250px; height: 50px; background: purple"></span>
+  </div>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-left-table-ref.html b/layout/reftests/bugs/134706-3-left-table-ref.html
new file mode 100644
index 0000000000..fec45e6daf
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-left-table-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 150px; background: aqua">
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; clear:left; background:purple; width: 250px; height: 50px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-left-table.html b/layout/reftests/bugs/134706-3-left-table.html
new file mode 100644
index 0000000000..fcc79fef12
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-left-table.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+  <table style="background: yellow"><tr><td>
+    <span style="width: 250px; height: 50px; background: purple"></span>
+  </td></tr></table>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-right-scrollframe-ref.html b/layout/reftests/bugs/134706-3-right-scrollframe-ref.html
new file mode 100644
index 0000000000..0c74b79669
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-right-scrollframe-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; background:purple; width: 200px; height: 50px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-right-scrollframe.html b/layout/reftests/bugs/134706-3-right-scrollframe.html
new file mode 100644
index 0000000000..8bb7420fd7
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-right-scrollframe.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+  <div style="overflow: hidden; background: yellow">
+    <span style="width: 250px; height: 50px; background: purple"></span>
+  </div>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-right-table-ref.html b/layout/reftests/bugs/134706-3-right-table-ref.html
new file mode 100644
index 0000000000..14c60c7500
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-right-table-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 150px; background: aqua">
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+  <div style="float:left; clear:right; background:purple; width: 250px; height: 50px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-3-right-table.html b/layout/reftests/bugs/134706-3-right-table.html
new file mode 100644
index 0000000000..579de72f8e
--- /dev/null
+++ b/layout/reftests/bugs/134706-3-right-table.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	span { display: inline-block; vertical-align: bottom; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+
+  <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+  <table style="background: yellow"><tr><td>
+    <span style="width: 250px; height: 50px; background: purple"></span>
+  </td></tr></table>
+
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-4-ref.html b/layout/reftests/bugs/134706-4-ref.html
new file mode 100644
index 0000000000..f19d07756e
--- /dev/null
+++ b/layout/reftests/bugs/134706-4-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-4.html b/layout/reftests/bugs/134706-4.html
new file mode 100644
index 0000000000..198209c403
--- /dev/null
+++ b/layout/reftests/bugs/134706-4.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <table style="background: yellow"><tr><td>
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </td></tr></table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <table style="background: yellow"><tr><td>
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </td></tr></table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <table style="background: yellow"><tr><td>
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </td></tr></table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <table style="background: yellow"><tr><td>
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </td></tr></table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <div style="overflow: hidden; background: yellow">
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <div style="overflow: hidden; background: yellow">
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+  <div style="overflow: hidden; background: yellow">
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+  <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+  <div style="overflow: hidden; background: yellow">
+    <div style="width: 150px; height: 10px; background: purple"></div>
+  </div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-5-ref.html b/layout/reftests/bugs/134706-5-ref.html
new file mode 100644
index 0000000000..f7fd7b9959
--- /dev/null
+++ b/layout/reftests/bugs/134706-5-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { font-size: 10px; }
+
+	</style>
+</head>
+<body>
+
+<div style="width: 300px; height: 40px;background: aqua">
+  <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+  <div style="float:left; clear: left; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+<div style="width: 300px; height: 40px;background: aqua">
+  <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+  <div style="float:left; clear: right; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+<div style="width: 300px; height: 40px;background: aqua">
+  <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+  <div style="float:left; clear: left; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+<div style="width: 300px; height: 40px;background: aqua">
+  <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+  <div style="float:left; clear: right; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-5.html b/layout/reftests/bugs/134706-5.html
new file mode 100644
index 0000000000..1e03e8bd54
--- /dev/null
+++ b/layout/reftests/bugs/134706-5.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { font-size: 10px; }
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; vertical-align: top; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+  <table style="background: yellow" width="50%" height="20"><tr><td>50%</td></tr></table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+  <table style="background: yellow" width="50%" height="20"><tr><td>50%</td></tr></table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+  <div style="overflow:hidden; background: yellow; width: 50%; height: 20px;">50%</div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+  <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+  <div style="overflow:hidden; background: yellow; width: 50%; height: 20px;">50%</div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-6-ref.html b/layout/reftests/bugs/134706-6-ref.html
new file mode 100644
index 0000000000..7b5afc5b01
--- /dev/null
+++ b/layout/reftests/bugs/134706-6-ref.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { font-size: 16px; }
+
+	table { margin: 0; border-spacing: 0; }
+	caption, td, th { padding: 0; vertical-align: top; text-align: left; }
+
+	.capref { background: yellow; }
+	.tabref { background: purple; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+
+    <div class="capref" style="float:right; height: 30px; width: 100px; margin-right: 130px;">Caption</div>
+
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+    <div class="tabref" style="float:right; clear: right; height: 30px; width: 230px;">Cell</div>
+
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+
+    <div class="capref" style="float:right; height: 30px; width: 190px;">Caption</div>
+
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+    <div class="tabref" style="float:right; clear: right; height: 30px; width: 100px; margin-right: 90px;">Cell</div>
+
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+
+    <div class="tabref" style="float:right; clear: right; height: 30px; width: 227px;margin-right:3px;">Cell</div>
+
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+    <div class="capref" style="float:right; clear: right; height: 30px; width: 100px;margin-right:130px;">Caption</div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+
+    <div class="tabref" style="float:right; clear: right; height: 30px; width: 100px; margin-right:95px;">Cell</div>
+
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+    <div class="capref" style="float:right; clear: right; height: 30px; width: 192px; margin-right:3px;">Caption</div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-6.html b/layout/reftests/bugs/134706-6.html
new file mode 100644
index 0000000000..3f5cfd2833
--- /dev/null
+++ b/layout/reftests/bugs/134706-6.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { font-size: 16px; }
+
+	table { margin: 0; border-spacing: 0; }
+	caption, td, th { padding: 0; vertical-align: top; text-align: left; }
+
+	table table caption { background: yellow; }
+	table table { background: purple; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+    <table>
+        <caption style="caption-side: top; height:30px; width: 100px;">Caption</caption>
+        <tr><td><div style="height: 30px; width: 230px">Cell</div></td></tr>
+    </table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+    <table>
+        <caption style="caption-side: top; height:30px; width: 190px;">Caption</caption>
+        <tr><td><div style="height: 30px; width: 100px">Cell</div></td></tr>
+    </table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+    <table>
+        <caption style="caption-side: bottom; height:30px; width: 100px;">Caption</caption>
+        <tr><td><div style="height: 30px; width: 227px">Cell</div></td></tr>
+    </table>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+    <table>
+        <caption style="caption-side: bottom; height:30px; width: 192px;">Caption</caption>
+        <tr><td><div style="height: 30px; width: 100px">Cell</div></td></tr>
+    </table>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-6b-ref.html b/layout/reftests/bugs/134706-6b-ref.html
new file mode 100644
index 0000000000..d18740c2f8
--- /dev/null
+++ b/layout/reftests/bugs/134706-6b-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { font-size: 16px; }
+
+	table { margin: 0; border-spacing: 0; }
+	caption, td, th { padding: 0; vertical-align: top; text-align: left; }
+
+	.capref { background: yellow; }
+	.tabref { background: purple; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+
+    <div style="float: right; width: 192px; height: 30px; margin-right: 3px;"
+      ><div class="capref" style="display: inline-block; vertical-align: top; height: 30px; width: 90px;">Caption</div
+      ><div class="tabref" style="display: inline-block; vertical-align: top; height: 30px; width: 102px;">Cell</div
+    ></div>
+
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-6c-ref.html b/layout/reftests/bugs/134706-6c-ref.html
new file mode 100644
index 0000000000..c516526490
--- /dev/null
+++ b/layout/reftests/bugs/134706-6c-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { font-size: 16px; }
+
+	table { margin: 0; border-spacing: 0; }
+	caption, td, th { padding: 0; vertical-align: top; text-align: left; }
+
+	.capref { background: yellow; }
+	.tabref { background: purple; }
+
+	</style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+
+    <div style="float: right; width: 192px; height: 30px; margin-right: 3px;"
+      ><div class="tabref" style="display: inline-block; vertical-align: top; height: 30px; width: 102px;">Cell</div
+      ><div class="capref" style="display: inline-block; vertical-align: top; height: 30px; width: 90px;">Caption</div
+    ></div>
+
+    <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+    <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-7-ref.html b/layout/reftests/bugs/134706-7-ref.html
new file mode 100644
index 0000000000..5f87f3ab8a
--- /dev/null
+++ b/layout/reftests/bugs/134706-7-ref.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; vertical-align: top; }
+
+	</style>
+</head>
+<body>
+
+<!-- 6px margin between (from top, from bottom, from both) -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
+</td></tr></table>
+
+<!-- 5px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<!-- 4px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<!-- negative margin between -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/134706-7.html b/layout/reftests/bugs/134706-7.html
new file mode 100644
index 0000000000..875ea8fa82
--- /dev/null
+++ b/layout/reftests/bugs/134706-7.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>CSS 2.1 Test Suite: Test for flow around floats</title>
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+	<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+	<meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table { margin: 0; border-spacing: 0; }
+	td, th { padding: 0; vertical-align: top; }
+
+	</style>
+</head>
+<body>
+
+<!-- 6px margin between (from top, from bottom, from both) -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: 6px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 6px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: 6px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 6px;"></div>
+</td></tr></table>
+
+<!-- 5px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: 5px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 5px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: 10px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -5px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: -5px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 10px;"></div>
+</td></tr></table>
+
+<!-- 4px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: 4px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 4px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: -1px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 5px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: -1px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 5px;"></div>
+</td></tr></table>
+
+<!-- negative margin between -->
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: -4px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 0px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: 0px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -4px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: -4px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -1px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: -1px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -4px;"></div>
+</td></tr></table>
+
+<table width="300" style="background: aqua"><tr><td>
+    <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+    <div style="height: 5px; background: purple; margin-bottom: -4px;"></div>
+    <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -4px;"></div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/1348481-1.html b/layout/reftests/bugs/1348481-1.html
new file mode 100644
index 0000000000..fae677e1f5
--- /dev/null
+++ b/layout/reftests/bugs/1348481-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link id="target" rel="stylesheet" href="data:text/css,">
+<link rel="stylesheet" href="data:text/css,div { color: green }">
+<link rel="stylesheet" href="data:text/css,">
+<div>This should be green</div>
+<script>
+  onload = function() {
+    var link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = "data:text/css,div { color: red; }";
+    link.title = "turnitred";
+    var target = document.getElementById("target");
+    target.parentNode.insertBefore(link, target);
+  }
+</script>
diff --git a/layout/reftests/bugs/1348481-2.html b/layout/reftests/bugs/1348481-2.html
new file mode 100644
index 0000000000..4d197d6a0f
--- /dev/null
+++ b/layout/reftests/bugs/1348481-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,div { color: green }">
+<link rel="stylesheet" href="data:text/css,div { color: green }">
+<div>This should be green</div>
+<script>
+  onload = function() {
+    var links = document.getElementsByTagName("link");
+    links[0].remove();
+  }
+</script>
diff --git a/layout/reftests/bugs/1348481-ref.html b/layout/reftests/bugs/1348481-ref.html
new file mode 100644
index 0000000000..cd4a755bb7
--- /dev/null
+++ b/layout/reftests/bugs/1348481-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+div {
+  color: green;
+}
+</style>
+<div>This should be green</div>
diff --git a/layout/reftests/bugs/1351924-1-ref.html b/layout/reftests/bugs/1351924-1-ref.html
new file mode 100644
index 0000000000..b97e8b686f
--- /dev/null
+++ b/layout/reftests/bugs/1351924-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 1351924</title>
+<meta charset="UTF-8">
+</head>
+<body>
+  <div id="outer" style="background-color: red; height: auto;">
+    <div style="height: 50%; background-color: blue;">
+      <div style="height: 100%; background-color: green; display: inline-block; vertical-align: top;">Green</div>
+      <div style="height: 100px; background-color: yellow; display: inline-block; vertical-align: top;">Yellow</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1351924-1.html b/layout/reftests/bugs/1351924-1.html
new file mode 100644
index 0000000000..aba0c9bbab
--- /dev/null
+++ b/layout/reftests/bugs/1351924-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 1351924</title>
+<meta charset="UTF-8">
+</head>
+<body>
+  <div id="outer" style="background-color: red; height: 200px;">
+    <div style="height: 50%; background-color: blue;">
+      <div style="height: 100%; background-color: green; display: inline-block; vertical-align: top;">Green</div>
+      <div style="height: 100px; background-color: yellow; display: inline-block; vertical-align: top;">Yellow</div>
+    </div>
+  </div>
+  <script>
+    let d = document.getElementById("outer");
+    d.offsetHeight; // flush layout
+    d.style.height = "auto";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1351924-2-ref.html b/layout/reftests/bugs/1351924-2-ref.html
new file mode 100644
index 0000000000..c2586a4328
--- /dev/null
+++ b/layout/reftests/bugs/1351924-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 1351924</title>
+<meta charset="UTF-8">
+</head>
+<body>
+  <div id="outer" style="background-color: red; height: 200px;">
+    <div style="height: 50%; background-color: blue;">
+      <div style="height: 100%; background-color: green; display: inline-block; vertical-align: top;">Green</div>
+      <div style="height: 100px; background-color: yellow; display: inline-block; vertical-align: top;">Yellow</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1351924-2.html b/layout/reftests/bugs/1351924-2.html
new file mode 100644
index 0000000000..033ade6c4c
--- /dev/null
+++ b/layout/reftests/bugs/1351924-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 1351924</title>
+<meta charset="UTF-8">
+</head>
+<body>
+  <div id="outer" style="background-color: red; height: auto;">
+    <div style="height: 50%; background-color: blue;">
+      <div style="height: 100%; background-color: green; display: inline-block; vertical-align: top;">Green</div>
+      <div style="height: 100px; background-color: yellow; display: inline-block; vertical-align: top;">Yellow</div>
+    </div>
+  </div>
+  <script>
+    let d = document.getElementById("outer");
+    d.offsetHeight; // flush layout
+    d.style.height = "200px";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1352306-1-ref.html b/layout/reftests/bugs/1352306-1-ref.html
new file mode 100644
index 0000000000..d4aed1733e
--- /dev/null
+++ b/layout/reftests/bugs/1352306-1-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<div id="container" ng-cloak>
+  Should show up
+</div>
diff --git a/layout/reftests/bugs/1352306-1.html b/layout/reftests/bugs/1352306-1.html
new file mode 100644
index 0000000000..69e1c3c059
--- /dev/null
+++ b/layout/reftests/bugs/1352306-1.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<div id="container" ng-cloak>
+  Should show up
+</div>
+<style>
+[ng-cloak] {
+ display:none !important;
+}
+</style>
+<script>
+document.body.offsetTop;
+</script>
+<style>
+.ng-foo {
+  color: red;
+}
+</style>
+<script>
+container.removeAttribute("ng-cloak");
+</script>
diff --git a/layout/reftests/bugs/1352464-1-ref.html b/layout/reftests/bugs/1352464-1-ref.html
new file mode 100644
index 0000000000..34f033e03c
--- /dev/null
+++ b/layout/reftests/bugs/1352464-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  td::before { content: "Test"; display: inline-block; border: 3px solid black }
+</style>
+<table>
+  <tr>
+    <td style="width: 300px"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/bugs/1352464-1.html b/layout/reftests/bugs/1352464-1.html
new file mode 100644
index 0000000000..5968392a26
--- /dev/null
+++ b/layout/reftests/bugs/1352464-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  td::before { content: "Test"; display: inline-block; border: 3px solid black }
+</style>
+<table>
+  <tr>
+    <td width="300"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/bugs/1358375-1.html b/layout/reftests/bugs/1358375-1.html
new file mode 100644
index 0000000000..4087973d41
--- /dev/null
+++ b/layout/reftests/bugs/1358375-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+#x { }
+    </style>
+  </head>
+  <body onload="getComputedStyle(document.getElementById('x')).color;
+                document.styleSheets[0].cssRules[0].style.color = 'orange';
+                document.documentElement.removeAttribute('class');">
+    <div id="x"><span>I should be orange</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1358375-2.html b/layout/reftests/bugs/1358375-2.html
new file mode 100644
index 0000000000..c7be35dd25
--- /dev/null
+++ b/layout/reftests/bugs/1358375-2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+#x { color: orange; }
+#x { color: green; }
+    </style>
+  </head>
+  <body onload="getComputedStyle(document.getElementById('x')).color;
+                document.styleSheets[0].cssRules[0].style.setProperty('color', 'orange', 'important');
+                document.documentElement.removeAttribute('class');">
+    <div id="x"><span>I should be orange</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1358375-3.html b/layout/reftests/bugs/1358375-3.html
new file mode 100644
index 0000000000..55fe031f9e
--- /dev/null
+++ b/layout/reftests/bugs/1358375-3.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+#x { }
+#x { color: green; }
+    </style>
+  </head>
+  <body onload="getComputedStyle(document.getElementById('x')).color;
+                document.styleSheets[0].cssRules[0].style.setProperty('color', 'orange', 'important');
+                document.documentElement.removeAttribute('class');">
+    <div id="x"><span>I should be orange</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1358375-ref.html b/layout/reftests/bugs/1358375-ref.html
new file mode 100644
index 0000000000..2f0536e9d4
--- /dev/null
+++ b/layout/reftests/bugs/1358375-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+#x { color: orange; }
+    </style>
+  </head>
+  <body>
+    <div id="x"><span>I should be orange</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1364280-1-ref.html b/layout/reftests/bugs/1364280-1-ref.html
new file mode 100644
index 0000000000..d50d8250e2
--- /dev/null
+++ b/layout/reftests/bugs/1364280-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  div { color: green; }
+</style>
+<body dir="ltr">
+  <div>
+    This should be green.
+  </div>
+</body>
diff --git a/layout/reftests/bugs/1364280-1.html b/layout/reftests/bugs/1364280-1.html
new file mode 100644
index 0000000000..6573787fd9
--- /dev/null
+++ b/layout/reftests/bugs/1364280-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div:dir(ltr) { color: green }
+</style>
+<body dir="rtl"
+      onload="window.oldColor = getComputedStyle(document.querySelector('div')).color;
+              document.body.dir = 'ltr'">
+  <div>
+    This should be green.
+  </div>
+</body>
diff --git a/layout/reftests/bugs/1364280-2-ref.html b/layout/reftests/bugs/1364280-2-ref.html
new file mode 100644
index 0000000000..5d481ce30c
--- /dev/null
+++ b/layout/reftests/bugs/1364280-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  span { color: green }
+</style>
+<body dir="rtl">
+  <div dir=""></div>
+  <span>This should be green</span>
+</body>
diff --git a/layout/reftests/bugs/1364280-2a.html b/layout/reftests/bugs/1364280-2a.html
new file mode 100644
index 0000000000..7fde4e0b79
--- /dev/null
+++ b/layout/reftests/bugs/1364280-2a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  span { color: red; }
+  div:dir(rtl) + span { color: green; }
+</style>
+<body dir="rtl" onload="window.oldColor = getComputedStyle(document.querySelector('span')).color; document.querySelector('[dir=auto]').setAttribute('dir', '')">
+  <div dir="auto"></div>
+  <span>This should be green</span>
+</body>
diff --git a/layout/reftests/bugs/1364280-2b.html b/layout/reftests/bugs/1364280-2b.html
new file mode 100644
index 0000000000..8d8d8f48ec
--- /dev/null
+++ b/layout/reftests/bugs/1364280-2b.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  span { color: green; }
+  div:not(:dir(rtl)) + span { color: red; }
+</style>
+<body dir="rtl" onload="window.oldColor = getComputedStyle(document.querySelector('span')).color; document.querySelector('[dir=auto]').setAttribute('dir', '')">
+  <div dir="auto"></div>
+  <span>This should be green</span>
+</body>
diff --git a/layout/reftests/bugs/1364280-2c.html b/layout/reftests/bugs/1364280-2c.html
new file mode 100644
index 0000000000..db8a2f2d80
--- /dev/null
+++ b/layout/reftests/bugs/1364280-2c.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  span { color: green; }
+  div[dir="auto"]:dir(ltr) + span { color: red; }
+</style>
+<body dir="rtl" onload="window.oldColor = getComputedStyle(document.querySelector('span')).color; document.querySelector('[dir=auto]').setAttribute('dir', '')">
+  <div dir="auto"></div>
+  <span>This should be green</span>
+</body>
diff --git a/layout/reftests/bugs/1364360-1-ref.html b/layout/reftests/bugs/1364360-1-ref.html
new file mode 100644
index 0000000000..17fc280db3
--- /dev/null
+++ b/layout/reftests/bugs/1364360-1-ref.html
@@ -0,0 +1,15 @@
+<!-- Quirks mode on purpose -->
+<html>
+  <body style="margin: 0; padding: 0; border: none;"></body>
+  <script>
+    var html = document.documentElement;
+    var div = document.createElement("div");
+    div.style.height = "4000px";
+    html.appendChild(div);
+    html.appendChild(document.createTextNode("text"));
+    div = document.createElement("div");
+    div.style.height = "4000px";
+    html.appendChild(div);
+    document.body.scrollTop = 4000;
+  </script>
+</html>
diff --git a/layout/reftests/bugs/1364360-1.html b/layout/reftests/bugs/1364360-1.html
new file mode 100644
index 0000000000..20f8e18363
--- /dev/null
+++ b/layout/reftests/bugs/1364360-1.html
@@ -0,0 +1,15 @@
+<!-- Quirks mode on purpose -->
+<html>
+  <body style="display:none;"></body>
+  <script>
+    var html = document.documentElement;
+    var div = document.createElement("div");
+    div.style.height = "4000px";
+    html.appendChild(div);
+    html.appendChild(document.createTextNode("text"));
+    div = document.createElement("div");
+    div.style.height = "4000px";
+    html.appendChild(div);
+    document.body.scrollTop = 4000;
+  </script>
+</html>
diff --git a/layout/reftests/bugs/1365159-1-ref.html b/layout/reftests/bugs/1365159-1-ref.html
new file mode 100644
index 0000000000..2e57a292c3
--- /dev/null
+++ b/layout/reftests/bugs/1365159-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<table border="0">
+  <tr><td>There should be</td></tr>
+  <tr><td>no borders visible</td></tr>
+</table>
diff --git a/layout/reftests/bugs/1365159-1.html b/layout/reftests/bugs/1365159-1.html
new file mode 100644
index 0000000000..b7583ffeb3
--- /dev/null
+++ b/layout/reftests/bugs/1365159-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<table border="1">
+  <tr><td>There should be</td></tr>
+  <tr><td>no borders visible</td></tr>
+</table>
+<script>
+  onload = function() { document.querySelector("table").border = "0"; }
+</script>
diff --git a/layout/reftests/bugs/1365162-1-ref.html b/layout/reftests/bugs/1365162-1-ref.html
new file mode 100644
index 0000000000..140cda7606
--- /dev/null
+++ b/layout/reftests/bugs/1365162-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+p { color: green; }
+</style>
+<div lang="zh">
+  <div>
+    <p>This text should be green.</p>
+  </div>
+</div>
+<p>This text should be green.</p>
diff --git a/layout/reftests/bugs/1365162-1.html b/layout/reftests/bugs/1365162-1.html
new file mode 100644
index 0000000000..cf285f2001
--- /dev/null
+++ b/layout/reftests/bugs/1365162-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+p { color: red; }
+p:lang(zh) { color: green; }
+div:lang(zh) + p { color: green; }
+</style>
+<body onload="document.querySelector('div').lang = 'zh'">
+<div lang="en">
+  <div>
+    <p>This text should be green.</p>
+  </div>
+</div>
+<p>This text should be green.</p>
diff --git a/layout/reftests/bugs/1366144-ref.html b/layout/reftests/bugs/1366144-ref.html
new file mode 100644
index 0000000000..3631e25a46
--- /dev/null
+++ b/layout/reftests/bugs/1366144-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+  div::after { color: green; content: "Bar"; }
+</style>
+<div></div>
diff --git a/layout/reftests/bugs/1366144.html b/layout/reftests/bugs/1366144.html
new file mode 100644
index 0000000000..744c668ef6
--- /dev/null
+++ b/layout/reftests/bugs/1366144.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  div::after { color: green }
+  div.foo::after { content: "Bar" }
+</style>
+<div></div>
+<script>
+  onload = function() {
+    document.querySelector('div').classList.add('foo');
+  }
+</script>
diff --git a/layout/reftests/bugs/1367592-1-ref.html b/layout/reftests/bugs/1367592-1-ref.html
new file mode 100644
index 0000000000..1bf26e077a
--- /dev/null
+++ b/layout/reftests/bugs/1367592-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+:root { font-size: 32px; }
+body { font-size: 16px; }
+.y { width: 1rem; height: 1rem; background-color: blue; }
+</style>
+<div><div class=y></div></div>
diff --git a/layout/reftests/bugs/1367592-1.html b/layout/reftests/bugs/1367592-1.html
new file mode 100644
index 0000000000..99bbe9eb1f
--- /dev/null
+++ b/layout/reftests/bugs/1367592-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+:root { font-size: 16px; }
+.x:root { font-size: 32px; }
+body { font-size: 16px; }
+.y { width: 1rem; height: 1rem; background-color: blue; }
+</style>
+<body onload="document.body.offsetWidth; document.documentElement.className = 'x';">
+<div><div class=y></div></div>
diff --git a/layout/reftests/bugs/1368113-1-ref.html b/layout/reftests/bugs/1368113-1-ref.html
new file mode 100644
index 0000000000..e0e5a125ea
--- /dev/null
+++ b/layout/reftests/bugs/1368113-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+  input::placeholder { color: green; }
+</style>
+<input type="number" placeholder="This should be green">
diff --git a/layout/reftests/bugs/1368113-1.html b/layout/reftests/bugs/1368113-1.html
new file mode 100644
index 0000000000..8ee25cab07
--- /dev/null
+++ b/layout/reftests/bugs/1368113-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  input::placeholder { color: red; }
+  input.green::placeholder { color: green; }
+</style>
+<input type="number" placeholder="This should be green">
+<script>
+  var i = document.querySelector("input");
+  var s = getComputedStyle(i, "::placeholder");
+  // Make sure we've computed the old color.
+  var oldColor = s.color;
+  i.className = "green";
+</script>
diff --git a/layout/reftests/bugs/1369584-1-ref.html b/layout/reftests/bugs/1369584-1-ref.html
new file mode 100644
index 0000000000..b3a3dc620f
--- /dev/null
+++ b/layout/reftests/bugs/1369584-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  span { color: green; }
+</style>
+<div>
+  <span>This should be green</span>
+</div>
diff --git a/layout/reftests/bugs/1369584-1a.html b/layout/reftests/bugs/1369584-1a.html
new file mode 100644
index 0000000000..80f5114c6f
--- /dev/null
+++ b/layout/reftests/bugs/1369584-1a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  span { color: red; }
+  #foo span { color: green }
+</style>
+<div>
+  <span></span>
+</div>
+<div id="foo">
+  <span>This should be green</span>
+</div>
diff --git a/layout/reftests/bugs/1369584-1b.html b/layout/reftests/bugs/1369584-1b.html
new file mode 100644
index 0000000000..c65de3ffaa
--- /dev/null
+++ b/layout/reftests/bugs/1369584-1b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+  span { color: green; }
+  #foo span { color: red; }
+</style>
+<div id="foo">
+  <span></span>
+</div>
+<div>
+  <!-- Trigger a style sharing cache miss and Bloom filter update, in a way that
+       will add an style sharing cache entry our second span can't match -->
+  <div></div>
+</div>
+<div>
+  <span>This should be green</span>
+</div>
diff --git a/layout/reftests/bugs/1369954-1-ref.xhtml b/layout/reftests/bugs/1369954-1-ref.xhtml
new file mode 100644
index 0000000000..3f0a108cf4
--- /dev/null
+++ b/layout/reftests/bugs/1369954-1-ref.xhtml
@@ -0,0 +1,17 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      p > span { color: green; }
+      b { color: purple }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span>This should not be green</span>
+      <p>
+        <span>This should be green</span><br/>
+        <b>This should be purple</b>
+      </p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1369954-1.xhtml b/layout/reftests/bugs/1369954-1.xhtml
new file mode 100644
index 0000000000..81085f8b75
--- /dev/null
+++ b/layout/reftests/bugs/1369954-1.xhtml
@@ -0,0 +1,33 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div > span { color: green; }
+      p > span { color: red !important; }
+      p { color: purple }
+    </style>
+    <script>
+      customElements.define("custom-div", class extends HTMLDivElement {
+        constructor() {
+          super();
+          this.attachShadow({ mode: "open" });
+
+          let style = document.createElement("style");
+          style.textContent = "p > span { color: red; } p { color: purple }";
+          let span = document.createElement("span");
+          span.textContent = "This should not be green";
+          let p = document.createElement("p");
+          p.append(document.createElement("slot"));
+          this.shadowRoot.append(style, span, p);
+        }
+      }, {
+        extends: "div",
+      });
+    </script>
+  </head>
+  <body>
+    <div is="custom-div">
+      <span>This should be green</span><br/>
+      <b>This should be purple</b>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1369985-1-ref.html b/layout/reftests/bugs/1369985-1-ref.html
new file mode 100644
index 0000000000..6ed0f72607
--- /dev/null
+++ b/layout/reftests/bugs/1369985-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<style>
+body {
+  padding: 0;
+  margin: 0;
+  font-size: 2px;
+  line-height: 1;
+}
+p {
+  padding: 0;
+  margin: 0;
+}
+</style>
+<body>
+<script>
+  let x = '<p>' + '\u2588'.repeat(100) + '</p>';
+  for (let i = 0; i < 99; i++) {
+    document.write(x)
+  }
+  document.write('<p>あ\nあ</p>');
+  for (let i = 0; i < 300; i++) {
+    document.write(x)
+  }
+</script>
diff --git a/layout/reftests/bugs/1369985-1.html b/layout/reftests/bugs/1369985-1.html
new file mode 100644
index 0000000000..1c9cadde46
--- /dev/null
+++ b/layout/reftests/bugs/1369985-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<style>
+body {
+  padding: 0;
+  margin: 0;
+  font-size: 2px;
+  line-height: 1;
+}
+</style>
+<body>
+<script>
+  // This is the constant in nsTextFrame.cpp of the number of lines
+  // which a text run can be built up to.
+  const NUM_LINES_TO_BUILD_TEXT_RUNS = 200;
+  // Since the font-size is small, we need lots of blocks so that it can
+  // be seen clearer whether difference is fuzzy or real failure.
+  let x = '\u2588'.repeat(100) + '<br>';
+  for (let i = 0; i < NUM_LINES_TO_BUILD_TEXT_RUNS / 2 - 1; i++) {
+    document.write(x)
+  }
+  // We want this piece to be in whatever place inside the first
+  // NUM_LINES_TO_BUILD_TEXT_RUNS lines.
+  document.write('あ\nあ<br>');
+  // And we want another NUM_LINES_TO_BUILD_TEXT_RUNS lines to check.
+  for (let i = 0; i < NUM_LINES_TO_BUILD_TEXT_RUNS * 1.5; i++) {
+    document.write(x)
+  }
+</script>
diff --git a/layout/reftests/bugs/1371130-ref.xhtml b/layout/reftests/bugs/1371130-ref.xhtml
new file mode 100644
index 0000000000..81df6e51b5
--- /dev/null
+++ b/layout/reftests/bugs/1371130-ref.xhtml
@@ -0,0 +1,29 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <script>
+      customElements.define("custom-div", class extends HTMLDivElement {
+        constructor() {
+          super();
+          this.attachShadow({ mode: "open" });
+
+          let p = document.createElement("p");
+          p.append(document.createElement("slot"));
+          let span = document.createElement("span");
+          span.textContent = "This should not be green.";
+          this.shadowRoot.append(p, span);
+        }
+      }, {
+        extends: "div",
+      });
+    </script>
+    <style>
+      span { color: red; }
+      div > span { color: green; }
+    </style>
+  </head>
+  <body>
+    <div is="custom-div">
+      <span>This should be green.</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1371130.xhtml b/layout/reftests/bugs/1371130.xhtml
new file mode 100644
index 0000000000..b8166e4b1c
--- /dev/null
+++ b/layout/reftests/bugs/1371130.xhtml
@@ -0,0 +1,29 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <script>
+      customElements.define("custom-div", class extends HTMLDivElement {
+        constructor() {
+          super();
+          this.attachShadow({ mode: "open" });
+
+          let p = document.createElement("p");
+          p.append(document.createElement("slot"));
+          let span = document.createElement("span");
+          span.textContent = "This should not be green.";
+          this.shadowRoot.append(p, span);
+        }
+      }, {
+        extends: "div",
+      });
+    </script>
+    <style>
+      span { color: red; }
+      div.x > span { color: green; }
+    </style>
+  </head>
+  <body onload="document.body.offsetTop; document.querySelector('div').className = 'x'">
+    <div is="custom-div">
+      <span>This should be green.</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1372041-ref.html b/layout/reftests/bugs/1372041-ref.html
new file mode 100644
index 0000000000..1d37ffd076
--- /dev/null
+++ b/layout/reftests/bugs/1372041-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+Shouldn't be red.
diff --git a/layout/reftests/bugs/1372041.css b/layout/reftests/bugs/1372041.css
new file mode 100644
index 0000000000..c3997d3a27
--- /dev/null
+++ b/layout/reftests/bugs/1372041.css
@@ -0,0 +1 @@
+* { color: red }
diff --git a/layout/reftests/bugs/1372041.html b/layout/reftests/bugs/1372041.html
new file mode 100644
index 0000000000..98347d4c1b
--- /dev/null
+++ b/layout/reftests/bugs/1372041.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<link rel="stylesheet" media="print" href="1372041.css">
+Shouldn't be red.
diff --git a/layout/reftests/bugs/1374062-ref.html b/layout/reftests/bugs/1374062-ref.html
new file mode 100644
index 0000000000..e8b74a077a
--- /dev/null
+++ b/layout/reftests/bugs/1374062-ref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<title>CSS Test reference</title>
+<style>
+  div { color: green; font-size: 10px; }
+</style>
+<div>
+  Should be green, and have a 10px font-size.
+</div>
diff --git a/layout/reftests/bugs/1374062.html b/layout/reftests/bugs/1374062.html
new file mode 100644
index 0000000000..33c53b2729
--- /dev/null
+++ b/layout/reftests/bugs/1374062.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>
+  Test for bug 1374062: We don't update the root font-size just because the
+  element has no parent element.
+</title>
+<style>
+  :root { font-size: 5px; }
+  [restyled] { color: green; font-size: 2rem; }
+</style>
+<div>
+  Should be green, and have a 10px font-size.
+</div>
+<script>
+  getComputedStyle(document.createElement('div')).color;
+  document.querySelector('div').setAttribute("restyled", "");
+</script>
diff --git a/layout/reftests/bugs/1375315-1-ref.html b/layout/reftests/bugs/1375315-1-ref.html
new file mode 100644
index 0000000000..b216c7dd4a
--- /dev/null
+++ b/layout/reftests/bugs/1375315-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ul>
+  <li style="overflow: hidden; list-style-position: inside; color: green">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-1.html b/layout/reftests/bugs/1375315-1.html
new file mode 100644
index 0000000000..9fc5e427c8
--- /dev/null
+++ b/layout/reftests/bugs/1375315-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("li").style.color = "green";
+  }
+</script>
+<ul>
+  <li style="overflow: hidden; list-style-position: inside; color: red">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-10-ref.html b/layout/reftests/bugs/1375315-10-ref.html
new file mode 100644
index 0000000000..c20ec6f128
--- /dev/null
+++ b/layout/reftests/bugs/1375315-10-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<button style="display: list-item; color: green">
+  Bullet should be green.
+</button>
diff --git a/layout/reftests/bugs/1375315-10.html b/layout/reftests/bugs/1375315-10.html
new file mode 100644
index 0000000000..5c2d7cb87f
--- /dev/null
+++ b/layout/reftests/bugs/1375315-10.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("button").style.color = "green";
+  }
+</script>
+<button style="display: list-item; color: red">
+  Bullet should be green.
+</button>
diff --git a/layout/reftests/bugs/1375315-11-ref.html b/layout/reftests/bugs/1375315-11-ref.html
new file mode 100644
index 0000000000..f9f095a087
--- /dev/null
+++ b/layout/reftests/bugs/1375315-11-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<select style="display: list-item; list-style-position: inside; color: green">
+  <option>Bullets should be green</option>
+</select>
diff --git a/layout/reftests/bugs/1375315-11.html b/layout/reftests/bugs/1375315-11.html
new file mode 100644
index 0000000000..6a5cc680a6
--- /dev/null
+++ b/layout/reftests/bugs/1375315-11.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("select").style.color = "green";
+  }
+</script>
+<select style="display: list-item; list-style-position: inside; color: red">
+  <option>Bullets should be green</option>
+</select>
diff --git a/layout/reftests/bugs/1375315-12-ref.html b/layout/reftests/bugs/1375315-12-ref.html
new file mode 100644
index 0000000000..1ad5e52f9c
--- /dev/null
+++ b/layout/reftests/bugs/1375315-12-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<select multiple
+        style="display: list-item; list-style-position: inside; color: green">
+  <option>Bullet should be green</option>
+</select>
diff --git a/layout/reftests/bugs/1375315-12.html b/layout/reftests/bugs/1375315-12.html
new file mode 100644
index 0000000000..b54b0a6a1a
--- /dev/null
+++ b/layout/reftests/bugs/1375315-12.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("select").style.color = "green";
+  }
+</script>
+<select multiple
+        style="display: list-item; list-style-position: inside; color: red">
+  <option>Bullet should be green</option>
+</select>
diff --git a/layout/reftests/bugs/1375315-2-ref.html b/layout/reftests/bugs/1375315-2-ref.html
new file mode 100644
index 0000000000..ef0edae2e4
--- /dev/null
+++ b/layout/reftests/bugs/1375315-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ul>
+  <li style="column-count: 2; width: 50px; list-style-position: inside; color: green">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-2.html b/layout/reftests/bugs/1375315-2.html
new file mode 100644
index 0000000000..6ed35961fd
--- /dev/null
+++ b/layout/reftests/bugs/1375315-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("li").style.color = "green";
+  }
+</script>
+<ul>
+  <li style="column-count: 2; width: 50px; list-style-position: inside; color: red">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-3-ref.html b/layout/reftests/bugs/1375315-3-ref.html
new file mode 100644
index 0000000000..97c5418ddb
--- /dev/null
+++ b/layout/reftests/bugs/1375315-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ul>
+  <li style="column-count: 2; width: 50px; color: green">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-3.html b/layout/reftests/bugs/1375315-3.html
new file mode 100644
index 0000000000..021f9336a6
--- /dev/null
+++ b/layout/reftests/bugs/1375315-3.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("li").style.color = "green";
+  }
+</script>
+<ul>
+  <li style="column-count: 2; width: 50px; color: red">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-4-ref.html b/layout/reftests/bugs/1375315-4-ref.html
new file mode 100644
index 0000000000..97c5418ddb
--- /dev/null
+++ b/layout/reftests/bugs/1375315-4-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ul>
+  <li style="column-count: 2; width: 50px; color: green">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-4.html b/layout/reftests/bugs/1375315-4.html
new file mode 100644
index 0000000000..021f9336a6
--- /dev/null
+++ b/layout/reftests/bugs/1375315-4.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("li").style.color = "green";
+  }
+</script>
+<ul>
+  <li style="column-count: 2; width: 50px; color: red">
+    Bullet should be green.
+  </li>
+</ul>
diff --git a/layout/reftests/bugs/1375315-5-ref.html b/layout/reftests/bugs/1375315-5-ref.html
new file mode 100644
index 0000000000..3990197182
--- /dev/null
+++ b/layout/reftests/bugs/1375315-5-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<details open
+         style="display: list-item; padding: 40px; margin: 40px; color: green">
+    Bullet should be green.
+</details>
diff --git a/layout/reftests/bugs/1375315-5.html b/layout/reftests/bugs/1375315-5.html
new file mode 100644
index 0000000000..fe5e0de5cd
--- /dev/null
+++ b/layout/reftests/bugs/1375315-5.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("details").style.color = "green";
+  }
+</script>
+<details open
+         style="display: list-item; padding: 40px; margin: 40px; color: red">
+    Bullet should be green.
+</details>
diff --git a/layout/reftests/bugs/1375315-6-ref.html b/layout/reftests/bugs/1375315-6-ref.html
new file mode 100644
index 0000000000..5e039354f9
--- /dev/null
+++ b/layout/reftests/bugs/1375315-6-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<details open
+         style="display: list-item; list-style-position: inside; color: green">
+    Bullet should be green.
+</details>
diff --git a/layout/reftests/bugs/1375315-6.html b/layout/reftests/bugs/1375315-6.html
new file mode 100644
index 0000000000..8fa1b418b0
--- /dev/null
+++ b/layout/reftests/bugs/1375315-6.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("details").style.color = "green";
+  }
+</script>
+<details open
+         style="display: list-item; list-style-position: inside; color: red">
+    Bullet should be green.
+</details>
diff --git a/layout/reftests/bugs/1375315-7-ref.html b/layout/reftests/bugs/1375315-7-ref.html
new file mode 100644
index 0000000000..bc2a7d83d4
--- /dev/null
+++ b/layout/reftests/bugs/1375315-7-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset>
+  <legend style="display: list-item; color: green">Bullet should be green</legend>
+</fieldset>
diff --git a/layout/reftests/bugs/1375315-7.html b/layout/reftests/bugs/1375315-7.html
new file mode 100644
index 0000000000..34ec338d16
--- /dev/null
+++ b/layout/reftests/bugs/1375315-7.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("legend").style.color = "green";
+  }
+</script>
+<fieldset>
+  <legend style="display: list-item; color: red">Bullet should be green</legend>
+</fieldset>
diff --git a/layout/reftests/bugs/1375315-8-ref.html b/layout/reftests/bugs/1375315-8-ref.html
new file mode 100644
index 0000000000..36752162c5
--- /dev/null
+++ b/layout/reftests/bugs/1375315-8-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="display: list-item; margin: 40px; color: green">
+  Bullet should be green
+</fieldset>
diff --git a/layout/reftests/bugs/1375315-8.html b/layout/reftests/bugs/1375315-8.html
new file mode 100644
index 0000000000..8b8ec1bd72
--- /dev/null
+++ b/layout/reftests/bugs/1375315-8.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("fieldset").style.color = "green";
+  }
+</script>
+<fieldset style="display: list-item; margin: 40px; color: red">
+  Bullet should be green
+</fieldset>
diff --git a/layout/reftests/bugs/1375315-9-ref.html b/layout/reftests/bugs/1375315-9-ref.html
new file mode 100644
index 0000000000..4ee2a8fdca
--- /dev/null
+++ b/layout/reftests/bugs/1375315-9-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="display: list-item; column-count: 2; width: 100px; color: green">
+  Bullet should be green
+</fieldset>
diff --git a/layout/reftests/bugs/1375315-9.html b/layout/reftests/bugs/1375315-9.html
new file mode 100644
index 0000000000..ff93e1eb26
--- /dev/null
+++ b/layout/reftests/bugs/1375315-9.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<script>
+  onload = function() {
+    var height = document.body.offsetHeight; // Flush layout
+    document.querySelector("fieldset").style.color = "green";
+  }
+</script>
+<fieldset style="display: list-item; column-count: 2; width: 100px; color: red">
+  Bullet should be green
+</fieldset>
diff --git a/layout/reftests/bugs/1375674-ref.html b/layout/reftests/bugs/1375674-ref.html
new file mode 100644
index 0000000000..006dd424da
--- /dev/null
+++ b/layout/reftests/bugs/1375674-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>CSS test reference</title>
+<style>
+  .contents {
+    will-change: opacity;
+    color: green;
+  }
+</style>
+<div class="contents">
+  Should be green.
+</div>
diff --git a/layout/reftests/bugs/1375674.html b/layout/reftests/bugs/1375674.html
new file mode 100644
index 0000000000..2d5d7fa77b
--- /dev/null
+++ b/layout/reftests/bugs/1375674.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>
+  Reftest for bug 1375674: display: contents changes were assumed handled
+  incorrectly
+</title>
+<style>
+  .contents { color: red; display: contents; }
+  .contents.restyled { will-change: opacity; color: green; }
+</style>
+<div class="contents">
+  Should be green.
+</div>
+<script>
+onload = () => {
+  document.body.offsetTop;
+  document.querySelector('.contents').classList.add('restyled');
+}
+</script>
diff --git a/layout/reftests/bugs/1376092-ref.html b/layout/reftests/bugs/1376092-ref.html
new file mode 100644
index 0000000000..4b263f1ad2
--- /dev/null
+++ b/layout/reftests/bugs/1376092-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+* { color: green }
+</style>
+Should be green.
diff --git a/layout/reftests/bugs/1376092.css b/layout/reftests/bugs/1376092.css
new file mode 100644
index 0000000000..7f11fbbca9
--- /dev/null
+++ b/layout/reftests/bugs/1376092.css
@@ -0,0 +1 @@
+* { color: green }
diff --git a/layout/reftests/bugs/1376092.html b/layout/reftests/bugs/1376092.html
new file mode 100644
index 0000000000..f975497b96
--- /dev/null
+++ b/layout/reftests/bugs/1376092.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html class="reftest-wait">
+<link rel="woof" href="1376092.css">
+<script>
+let link = document.querySelector('link');
+link.onload = function() {
+  link.media = "";
+  document.documentElement.className = "";
+}
+link.media = "only x";
+link.rel = "stylesheet";
+</script>
+Should be green.
+</html>
diff --git a/layout/reftests/bugs/1377447-1-ref.html b/layout/reftests/bugs/1377447-1-ref.html
new file mode 100644
index 0000000000..919ac05704
--- /dev/null
+++ b/layout/reftests/bugs/1377447-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<input type="text" autofocus="" onfocus="document.documentElement.removeAttribute('class')">
diff --git a/layout/reftests/bugs/1377447-1.html b/layout/reftests/bugs/1377447-1.html
new file mode 100644
index 0000000000..b026938de5
--- /dev/null
+++ b/layout/reftests/bugs/1377447-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="stylesheet" href="nothing">
+<input type="text" autofocus="" onfocus="document.documentElement.removeAttribute('class')">
diff --git a/layout/reftests/bugs/1377447-2.html b/layout/reftests/bugs/1377447-2.html
new file mode 100644
index 0000000000..4606e5c95a
--- /dev/null
+++ b/layout/reftests/bugs/1377447-2.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type="text">
diff --git a/layout/reftests/bugs/1379041-ref.html b/layout/reftests/bugs/1379041-ref.html
new file mode 100644
index 0000000000..83d71efc1f
--- /dev/null
+++ b/layout/reftests/bugs/1379041-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<html style="font-size: 8px">
+<div style="font-size: 2rem; color: black;">Should be 16px black text.</div>
+</html>
diff --git a/layout/reftests/bugs/1379041.html b/layout/reftests/bugs/1379041.html
new file mode 100644
index 0000000000..29e73340eb
--- /dev/null
+++ b/layout/reftests/bugs/1379041.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html style="font-size: 8px">
+<div style="font-size: 2rem">Should be 16px black text.</div>
+<script>
+window.onload = function() {
+  let div = document.querySelector('div');
+  window.getDefaultComputedStyle(div).color;
+  div.style.color = "black";
+}
+</script>
+</html>
diff --git a/layout/reftests/bugs/1379696-ref.html b/layout/reftests/bugs/1379696-ref.html
new file mode 100644
index 0000000000..fc47335fb4
--- /dev/null
+++ b/layout/reftests/bugs/1379696-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+  .bar:before {
+    content:'SHOULD NOT BE ORANGE'
+  }
+  .foo:before {
+    content:'SHOULD BE ORANGE'
+  }
+  .foo:before {
+    background-color: orange;
+  }
+</style>
+<div class="bar"></div>
+<div class="foo"></div>
diff --git a/layout/reftests/bugs/1379696.html b/layout/reftests/bugs/1379696.html
new file mode 100644
index 0000000000..065aec519e
--- /dev/null
+++ b/layout/reftests/bugs/1379696.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+  .bar:before {
+    content:'SHOULD NOT BE ORANGE'
+  }
+  .foo:before {
+    content:'SHOULD BE ORANGE'
+  }
+  :-moz-any(.foo):before {
+    background-color: orange;
+  }
+</style>
+<div class="bar"></div>
+<div class="foo"></div>
diff --git a/layout/reftests/bugs/1380224-1-ref.html b/layout/reftests/bugs/1380224-1-ref.html
new file mode 100644
index 0000000000..bd39590c26
--- /dev/null
+++ b/layout/reftests/bugs/1380224-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+p { color: green; }
+</style>
+<p>This text should be green.</p>
diff --git a/layout/reftests/bugs/1380224-1.html b/layout/reftests/bugs/1380224-1.html
new file mode 100644
index 0000000000..3257137906
--- /dev/null
+++ b/layout/reftests/bugs/1380224-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+p { color: var(--color); }
+</style>
+<body style="--color: red" onload="run()">
+<p>This text should be green.</p>
+<script>
+function run() {
+  document.body.style.setProperty("--color", "green");
+}
+</script>
diff --git a/layout/reftests/bugs/1381821-ref.html b/layout/reftests/bugs/1381821-ref.html
new file mode 100644
index 0000000000..36dba0b7e4
--- /dev/null
+++ b/layout/reftests/bugs/1381821-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+div { color: green; }
+.red > span { color: red; }
+</style>
+<div><span></span></div>
+<div><span>This text should be green.</span></div>
diff --git a/layout/reftests/bugs/1381821.html b/layout/reftests/bugs/1381821.html
new file mode 100644
index 0000000000..a9af7b4354
--- /dev/null
+++ b/layout/reftests/bugs/1381821.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+div { color: green; }
+.red > span { color: red; }
+</style>
+<div id="first"><span></span></div>
+<div id="second"><span>This text should be green.</span></div>
+<script>
+getComputedStyle(second.firstChild).color;
+getComputedStyle(first.firstChild).color;
+second.className = "red";
+getComputedStyle(second.firstChild).color;
+first.className = "red";
+second.className = "";
+getComputedStyle(second.firstChild).color;
+</script>
diff --git a/layout/reftests/bugs/1384065-ref.html b/layout/reftests/bugs/1384065-ref.html
new file mode 100644
index 0000000000..8ff1ac2199
--- /dev/null
+++ b/layout/reftests/bugs/1384065-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+div {
+  display: block;
+}
+div::before {
+  content: "Should appear";
+}
+</style>
+<div></div>
diff --git a/layout/reftests/bugs/1384065.html b/layout/reftests/bugs/1384065.html
new file mode 100644
index 0000000000..8f31ba6e1e
--- /dev/null
+++ b/layout/reftests/bugs/1384065.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+  display: none;
+}
+div::before {
+  content: "Should appear";
+}
+</style>
+<div></div>
+<script>
+  document.documentElement.offsetTop;
+  document.querySelector('div').style.display = "block";
+</script>
diff --git a/layout/reftests/bugs/1384275-1-ref.html b/layout/reftests/bugs/1384275-1-ref.html
new file mode 100644
index 0000000000..bd39590c26
--- /dev/null
+++ b/layout/reftests/bugs/1384275-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+p { color: green; }
+</style>
+<p>This text should be green.</p>
diff --git a/layout/reftests/bugs/1384275-1.html b/layout/reftests/bugs/1384275-1.html
new file mode 100644
index 0000000000..a5b12b9991
--- /dev/null
+++ b/layout/reftests/bugs/1384275-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+p { color: red; }
+@import url(https://example.invalid/a.css);
+@supports (color: green) {
+  p { color: green; }
+}
+</style>
+<p>This text should be green.</p>
diff --git a/layout/reftests/bugs/139550-1-ref.html b/layout/reftests/bugs/139550-1-ref.html
new file mode 100644
index 0000000000..4e92a54bfa
--- /dev/null
+++ b/layout/reftests/bugs/139550-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 139550 Reference</title>
+</head>
+<body>
+<div style="position: absolute">
+  <table>
+    <tr><td bgcolor="black"><font color="white">text</font></td></tr>
+  </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/139550-1a.html b/layout/reftests/bugs/139550-1a.html
new file mode 100644
index 0000000000..fc860b6b99
--- /dev/null
+++ b/layout/reftests/bugs/139550-1a.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 139550</title>
+</head>
+<body>
+<div style="position: absolute">
+  <table width="50%">
+    <tr><td bgcolor="black"><font color="white">text</font></td></tr>
+  </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/139550-1b.html b/layout/reftests/bugs/139550-1b.html
new file mode 100644
index 0000000000..4d1fce508c
--- /dev/null
+++ b/layout/reftests/bugs/139550-1b.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 139550</title>
+</head>
+<body>
+<div style="position: absolute">
+  <table width="50%" align="center">
+    <tr><td bgcolor="black"><font color="white">text</font></td></tr>
+  </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1395650-1-ref.html b/layout/reftests/bugs/1395650-1-ref.html
new file mode 100644
index 0000000000..a3c22b280e
--- /dev/null
+++ b/layout/reftests/bugs/1395650-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<table>
+  <tr><td>This text should be visible</td></tr>
+</table>
diff --git a/layout/reftests/bugs/1395650-1.html b/layout/reftests/bugs/1395650-1.html
new file mode 100644
index 0000000000..1ad68348b3
--- /dev/null
+++ b/layout/reftests/bugs/1395650-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<table style="visibility: collapse">
+  <tbody style="visibility: visible">
+    <tr><td>This text should be visible</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/bugs/1398500-1-ref.html b/layout/reftests/bugs/1398500-1-ref.html
new file mode 100644
index 0000000000..de97671c25
--- /dev/null
+++ b/layout/reftests/bugs/1398500-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { overflow: scroll; border: 1px solid green; }
+    </style>
+  </head>
+  <body>
+    This element should not have scrollbars!
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1398500-1.html b/layout/reftests/bugs/1398500-1.html
new file mode 100644
index 0000000000..0ba98ba5d5
--- /dev/null
+++ b/layout/reftests/bugs/1398500-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { overflow: scroll; border: 1px solid green; }
+    </style>
+    <script>
+      onload = function() {
+        var newBody = document.createElement("body");
+        newBody.textContent = "This element should not have scrollbars!";
+        document.documentElement.appendChild(newBody);
+        window.nooptimize = newBody.offsetWidth;
+        document.body.remove();
+      }
+    </script>
+  </head>
+  <body>
+    First body
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1401317-ref.html b/layout/reftests/bugs/1401317-ref.html
new file mode 100644
index 0000000000..395eab87d2
--- /dev/null
+++ b/layout/reftests/bugs/1401317-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.foo::marker { color: red }
+.foo { color: black; }
+</style>
+</head>
+<body>
+  <ul>
+    <li class="foo">one</li>
+    <li>two</li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1401317.html b/layout/reftests/bugs/1401317.html
new file mode 100644
index 0000000000..82e17a8a2f
--- /dev/null
+++ b/layout/reftests/bugs/1401317.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.foo::marker { color: red }
+</style>
+</head>
+<body>
+  <ul>
+    <li class="foo">one</li>
+    <li>two</li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1401992-ref.html b/layout/reftests/bugs/1401992-ref.html
new file mode 100644
index 0000000000..8fb36196cf
--- /dev/null
+++ b/layout/reftests/bugs/1401992-ref.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+<head>
+<style>
+video {
+  width: 100px;
+  height: 100px;
+  border: 10px solid purple;
+}
+fieldset {
+  border: 10px solid blue;
+  border-color: green;
+}
+</style>
+<script>
+</script>
+</head>
+<body>
+<fieldset><video id="x" style="visibility:hidden"></video></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1401992.html b/layout/reftests/bugs/1401992.html
new file mode 100644
index 0000000000..f48f563a01
--- /dev/null
+++ b/layout/reftests/bugs/1401992.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+<head>
+<style>
+video {
+  width: 100px;
+  height: 100px;
+  border: 10px solid purple;
+}
+fieldset {
+  border: 10px solid blue;
+}
+fieldset:valid {
+  border-color: green;
+}
+fieldset:invalid {
+  border-color: red;
+}
+</style>
+<script>
+window.onload = function() {
+  let v = document.getElementById("x");
+  v.currentTime = -128;
+  v.controls = !v.controls;
+}
+</script>
+</head>
+<body>
+<!-- Native anonymous content shouldn't affect fieldset validity -->
+<fieldset><video id="x" style="visibility:hidden"></video></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1404057-noref.html b/layout/reftests/bugs/1404057-noref.html
new file mode 100644
index 0000000000..dc734b6b1f
--- /dev/null
+++ b/layout/reftests/bugs/1404057-noref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<style>
+  div {
+    height: 2em;
+  }
+</style>
+<body>
+  <div lang="ja">令</div>
+  <div lang="ja">令</div>
+  <div lang="ja">令</div>
+</body>
diff --git a/layout/reftests/bugs/1404057-ref.html b/layout/reftests/bugs/1404057-ref.html
new file mode 100644
index 0000000000..3c06958591
--- /dev/null
+++ b/layout/reftests/bugs/1404057-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<style>
+  div {
+    height: 2em;
+  }
+</style>
+<body>
+  <div lang="zh-CN">令</div>
+  <div lang="ja">令</div>
+  <div lang="ja">令</div>
+</body>
diff --git a/layout/reftests/bugs/1404057.html b/layout/reftests/bugs/1404057.html
new file mode 100644
index 0000000000..3a9e3af26a
--- /dev/null
+++ b/layout/reftests/bugs/1404057.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<style>
+  div {
+    height: 2em;
+  }
+</style>
+<body lang="zh-CN">
+  <div>令</div>
+  <div lang="ja">令</div>
+  <div><div lang="ja" style="all: inherit">令</div></div>
+</body>
diff --git a/layout/reftests/bugs/1405878-1-ref.xml b/layout/reftests/bugs/1405878-1-ref.xml
new file mode 100644
index 0000000000..6d1dd199b4
--- /dev/null
+++ b/layout/reftests/bugs/1405878-1-ref.xml
@@ -0,0 +1,7 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <select>
+    <script>document.documentElement.offsetHeight</script>
+    <option>Hello there</option>
+    <script>document.documentElement.offsetHeight</script>
+  </select>
+</html>
diff --git a/layout/reftests/bugs/1405878-1.xml b/layout/reftests/bugs/1405878-1.xml
new file mode 100644
index 0000000000..3915711b11
--- /dev/null
+++ b/layout/reftests/bugs/1405878-1.xml
@@ -0,0 +1,6 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <select>
+    <script>document.documentElement.offsetHeight</script>
+    <option>Hello there</option>
+  </select>
+</html>
diff --git a/layout/reftests/bugs/1406179-ref.html b/layout/reftests/bugs/1406179-ref.html
new file mode 100644
index 0000000000..2818238e23
--- /dev/null
+++ b/layout/reftests/bugs/1406179-ref.html
@@ -0,0 +1,4 @@
+<div>
+  <!-- dummy filter to disable subpixel-aa -->
+  <div style="filter: hue-rotate(360deg);">hallo</div>
+</div>
diff --git a/layout/reftests/bugs/1406179.html b/layout/reftests/bugs/1406179.html
new file mode 100644
index 0000000000..49ced346d6
--- /dev/null
+++ b/layout/reftests/bugs/1406179.html
@@ -0,0 +1,3 @@
+<div style="perspective:1000px">
+  <div style="transform-style: preserve-3d">hallo</div>
+</div>
diff --git a/layout/reftests/bugs/1406183-1-ref.html b/layout/reftests/bugs/1406183-1-ref.html
new file mode 100644
index 0000000000..a7a225b34d
--- /dev/null
+++ b/layout/reftests/bugs/1406183-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<title>Reference for bug 1406183: ImageLayer inside inactive BasicLayerManager for fallback nsDisplayFilters is drawn at the wrong position</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.outer {
+  margin-left: 100px;
+  margin-top: 50px;
+  width: 200px;
+  height: 200px;
+}
+
+</style>
+
+<div class="outer">
+  <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAIAAABvrngfAAAAFklEQVQImWMwjWhCQwxECoW3oCHihAB0LyYv5/oAHwAAAABJRU5ErkJggg==">
+</div>
diff --git a/layout/reftests/bugs/1406183-1.html b/layout/reftests/bugs/1406183-1.html
new file mode 100644
index 0000000000..4da777ed0f
--- /dev/null
+++ b/layout/reftests/bugs/1406183-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<title>Testcase for bug 1406183: ImageLayer inside inactive BasicLayerManager for fallback nsDisplayFilters is drawn at the wrong position</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.outer {
+  margin-left: 100px;
+  margin-top: 50px;
+  width: 200px;
+  height: 200px;
+}
+
+.filter {
+  height: 200px;
+  filter: hue-rotate(0deg);
+}
+
+</style>
+
+<div class="outer">
+  <div class="filter">
+    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAIAAABvrngfAAAAFklEQVQImWMwjWhCQwxECoW3oCHihAB0LyYv5/oAHwAAAABJRU5ErkJggg==">
+  </div>
+</div>
diff --git a/layout/reftests/bugs/1410028-ref.html b/layout/reftests/bugs/1410028-ref.html
new file mode 100644
index 0000000000..77d4a59090
--- /dev/null
+++ b/layout/reftests/bugs/1410028-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="background-color: blue; width: 100px; height: 100px; padding: 10px"></div>
diff --git a/layout/reftests/bugs/1410028.html b/layout/reftests/bugs/1410028.html
new file mode 100644
index 0000000000..6bbf137182
--- /dev/null
+++ b/layout/reftests/bugs/1410028.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<div></div>
+<script>
+let setStyle = (el, props) => {
+  for (prop in props)
+    el.style.setProperty(prop, props[prop]);
+};
+
+setStyle(document.querySelector('div'), {
+  all: 'initial',
+  'background-color': 'blue',
+  display: 'block',
+  width: '100px',
+  height: '100px',
+  padding: '10px'
+});
+</script>
diff --git a/layout/reftests/bugs/1412375-ref.html b/layout/reftests/bugs/1412375-ref.html
new file mode 100644
index 0000000000..6589ec8020
--- /dev/null
+++ b/layout/reftests/bugs/1412375-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Masks need to cause grouping / intermediate surfaces</title>
+<style>
+
+.outer {
+  filter: opacity(50%);
+}
+
+.box {
+  width: 100px;
+  height: 100px;
+}
+
+.one {
+  background: green;
+}
+
+.another {
+  background: blue;
+  margin-top: -50px;
+  margin-left: 50px;
+}
+
+</style>
+
+<div class="outer">
+  <div class="one box"></div>
+  <div class="another box"></div>
+</div>
diff --git a/layout/reftests/bugs/1412375.html b/layout/reftests/bugs/1412375.html
new file mode 100644
index 0000000000..caeacfd169
--- /dev/null
+++ b/layout/reftests/bugs/1412375.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Masks need to cause grouping / intermediate surfaces</title>
+<style>
+
+.outer {
+  /* should give similar results to opacity: 0.5 */
+  mask: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
+}
+
+.box {
+  width: 100px;
+  height: 100px;
+}
+
+.one {
+  background: green;
+}
+
+.another {
+  background: blue;
+  margin-top: -50px;
+  margin-left: 50px;
+}
+
+</style>
+
+<div class="outer">
+  <div class="one box"></div>
+  <div class="another box"></div>
+</div>
diff --git a/layout/reftests/bugs/1415987-1-ref.html b/layout/reftests/bugs/1415987-1-ref.html
new file mode 100644
index 0000000000..d55547afe4
--- /dev/null
+++ b/layout/reftests/bugs/1415987-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    div {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+
+#pt {
+  scale: 12;
+}
+
+#pp {
+  scale: 12;
+}
+
+  </style>
+</head>
+<body>
+  <div>
+    <svg width="600px" height="600px">
+
+      <text id="pp" x="10" y="16" font-size="12">some text</text>
+      <text id="pt" x="10" y="16" font-size="12">some text</text>
+      <rect fill="#DAD6CC" width="600" height="100"></rect>
+      <rect fill="#DAD6CC" width="120" height="400"></rect>
+
+    </svg>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/1415987-1.html b/layout/reftests/bugs/1415987-1.html
new file mode 100644
index 0000000000..bd4974e85e
--- /dev/null
+++ b/layout/reftests/bugs/1415987-1.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    div {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+
+#pt {
+  scale: 12;
+}
+
+#pp {
+  /*animation: flyR 1s infinite;*/
+  animation-iteration-count: infinite;
+  animation-duration: 1s;
+  animation-name: flyR;
+  animation-timing-function: steps(2, end)
+}
+
+@keyframes flyR {
+  from {
+    scale: 0.51;
+  }
+
+  1% {
+    scale: 12;
+  }
+
+
+  50% {
+    scale: 12;
+  }
+
+  to {
+    scale: 12;
+  }
+}
+
+  </style>
+</head>
+<body>
+  <div>
+    <svg width="600px" height="600px">
+
+      <text id="pp" x="10" y="16" font-size="12">some text</text>
+      <text id="pt" x="10" y="16" font-size="12">some text</text>
+      <rect fill="#DAD6CC" width="600" height="100"></rect>
+      <rect fill="#DAD6CC" width="120" height="400"></rect>
+
+    </svg>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/1419820-1-ref.html b/layout/reftests/bugs/1419820-1-ref.html
new file mode 100644
index 0000000000..070ce888f3
--- /dev/null
+++ b/layout/reftests/bugs/1419820-1-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html>
+<div>
+  <div style="width:100px; height:100px; background-color:green"></div>
+</html>
+
diff --git a/layout/reftests/bugs/1419820-1.html b/layout/reftests/bugs/1419820-1.html
new file mode 100644
index 0000000000..560d0c1160
--- /dev/null
+++ b/layout/reftests/bugs/1419820-1.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<body>
+<style>
+body
+{
+  transform-style: preserve-3d;
+}
+.absolute
+{
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  transform: translateX(0%);
+  background-color: red;
+}
+.relative
+{
+  position: relative;
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+</style>
+  <div>
+    <div class="absolute"></div>
+    <div class="relative"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1420946-1-ref.html b/layout/reftests/bugs/1420946-1-ref.html
new file mode 100644
index 0000000000..d6c5d0200f
--- /dev/null
+++ b/layout/reftests/bugs/1420946-1-ref.html
@@ -0,0 +1,4 @@
+<!-- ~*quirks mode*~ -->
+<div></div>
+<p style="color: green">should be green
+<p>should be unstyled
diff --git a/layout/reftests/bugs/1420946-1.html b/layout/reftests/bugs/1420946-1.html
new file mode 100644
index 0000000000..65fe09aa86
--- /dev/null
+++ b/layout/reftests/bugs/1420946-1.html
@@ -0,0 +1,9 @@
+<!-- ~*quirks mode*~ -->
+<style>
+#lolquirky {
+  color: green;
+}
+</style>
+<div></div>
+<p id="lolQuirky">should be green
+<p>should be unstyled
diff --git a/layout/reftests/bugs/142233-1-ref.html b/layout/reftests/bugs/142233-1-ref.html
new file mode 100644
index 0000000000..a8de7a3636
--- /dev/null
+++ b/layout/reftests/bugs/142233-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<title>Testcase for bug 142233</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-8">
+</head>
+<body>
+<!-- In Mozilla 1.0, LTR (English) letters typed into the input field below
+     will appear in reverse (RTL) order, but they should be in LTR order -->
+<input dir="ltr" style="text-align: left" value="abc">
+</body>
+</html>
diff --git a/layout/reftests/bugs/142233-1.html b/layout/reftests/bugs/142233-1.html
new file mode 100644
index 0000000000..f3b2a84e58
--- /dev/null
+++ b/layout/reftests/bugs/142233-1.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<title>Testcase for bug 142233</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-8">
+</head>
+<body>
+<!-- In Mozilla 1.0, LTR (English) letters typed into the input field below
+     will appear in reverse (RTL) order, but they should be in LTR order -->
+<input dir="rtl" style="text-align: left" value="abc">
+</body>
+</html>
diff --git a/layout/reftests/bugs/1422393-ref.html b/layout/reftests/bugs/1422393-ref.html
new file mode 100644
index 0000000000..8660e2ec7a
--- /dev/null
+++ b/layout/reftests/bugs/1422393-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Table border-collapse borders are too opaque and overlap in the corners</title>
+
+<style>
+
+table {
+  margin: 50px;
+  border-spacing: 0px;
+}
+
+td {
+  border: 10px solid rgba(0, 0, 0, 0.2);
+  width: 50px;
+  height: 50px;
+}
+
+</style>
+
+<table><tr><td></td></tr></table>
diff --git a/layout/reftests/bugs/1422393.html b/layout/reftests/bugs/1422393.html
new file mode 100644
index 0000000000..c9c7308282
--- /dev/null
+++ b/layout/reftests/bugs/1422393.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Table border-collapse borders are too opaque and overlap in the corners</title>
+
+<style>
+
+table {
+  margin: 50px;
+  border-collapse: collapse;
+  border-spacing: 0px;
+}
+
+td {
+  border: 10px solid rgba(0, 0, 0, 0.2);
+  width: 50px;
+  height: 50px;
+}
+
+</style>
+
+<table><tr><td></td></tr></table>
diff --git a/layout/reftests/bugs/1424177-ref.html b/layout/reftests/bugs/1424177-ref.html
new file mode 100644
index 0000000000..fb058b71f7
--- /dev/null
+++ b/layout/reftests/bugs/1424177-ref.html
@@ -0,0 +1,14 @@
+<html>
+  <head>
+    <style>
+      #sel {
+        left: 10px;
+        width: 101px;
+        position: absolute;
+      }
+    </style>
+  </head>
+  <body>
+    <select id="sel"></select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1424177.html b/layout/reftests/bugs/1424177.html
new file mode 100644
index 0000000000..8fcaabeb3d
--- /dev/null
+++ b/layout/reftests/bugs/1424177.html
@@ -0,0 +1,14 @@
+<html>
+  <head>
+    <style>
+      #sel {
+        left: 10.4px;
+        width: 100.4px;
+        position: absolute;
+      }
+    </style>
+  </head>
+  <body>
+    <select id="sel"></select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1424680-ref.html b/layout/reftests/bugs/1424680-ref.html
new file mode 100644
index 0000000000..01f3982b61
--- /dev/null
+++ b/layout/reftests/bugs/1424680-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  var floater = document.createElement("span");
+  floater.style.cssFloat = "right";
+  floater.appendChild(document.createTextNode("float"));
+
+  document.getElementById("s").appendChild(floater);
+}
+</script>
+</head>
+
+<body onload="boom();">
+
+<span><span id="s"><div></div></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/1424680.html b/layout/reftests/bugs/1424680.html
new file mode 100644
index 0000000000..2569a75ac0
--- /dev/null
+++ b/layout/reftests/bugs/1424680.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  var floater = document.createElement("span");
+  floater.style.cssFloat = "right";
+  floater.appendChild(document.createTextNode("float"));
+
+  document.getElementById("s").appendChild(floater);
+}
+</script>
+</head>
+
+<body onload="boom();">
+  <span><span><div style="display: contents" id="s"><div></div></div></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1424798-1.html b/layout/reftests/bugs/1424798-1.html
new file mode 100644
index 0000000000..37f7e8edfc
--- /dev/null
+++ b/layout/reftests/bugs/1424798-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>Animation between 1-argument and 2-argument transforms should work</title>
+<style>
+#box {
+  transform: translate(0%);
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+@keyframes anim {
+    from { transform: translate(0%); }
+    to { transform: translate(0%, 100px); }
+}
+#box {
+animation: anim 100s linear -50s paused;
+}
+</style>
+
+<div id="box">
+</div>
diff --git a/layout/reftests/bugs/1424798-ref.html b/layout/reftests/bugs/1424798-ref.html
new file mode 100644
index 0000000000..7b064425b5
--- /dev/null
+++ b/layout/reftests/bugs/1424798-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<title>Animation between 1-argument and 2-argument transforms should work</title>
+<style>
+
+#box {
+  transform: translate(0%, 50px);
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+
+</style>
+
+<div id="box">
+</div>
diff --git a/layout/reftests/bugs/1425243-1-ref.html b/layout/reftests/bugs/1425243-1-ref.html
new file mode 100644
index 0000000000..c11e9cee98
--- /dev/null
+++ b/layout/reftests/bugs/1425243-1-ref.html
@@ -0,0 +1,21 @@
+<style>
+.logo {
+    display: flex;
+    align-items: center;
+    background-color: #4a4a4a;
+    mask: url(pinwheel_logo.svg) center center/contain no-repeat;
+    width: 60px;
+    height: 60px;
+}
+.logo .background {
+    background-image: linear-gradient(red, green);
+    width: 65px;
+    height: 65px;
+    background-size: cover;
+    background-position: 50%;
+    transform: rotate(270deg);
+}
+</style>
+<a class="logo">
+    <span class="background"></span>
+</a>
diff --git a/layout/reftests/bugs/1425243-1.html b/layout/reftests/bugs/1425243-1.html
new file mode 100644
index 0000000000..c1f99540a8
--- /dev/null
+++ b/layout/reftests/bugs/1425243-1.html
@@ -0,0 +1,41 @@
+<html class="reftest-wait">
+<style>
+.logo {
+    display: flex;
+    align-items: center;
+    background-color: #4a4a4a;
+    mask: url(pinwheel_logo.svg) center center/contain no-repeat;
+    width: 60px;
+    height: 60px;
+}
+.logo .background {
+    background-image: linear-gradient(red, green);
+    width: 65px;
+    height: 65px;
+    background-size: cover;
+    background-position: 50%;
+    will-change: transform;
+}
+</style>
+<a class="logo">
+    <span class="background"></span>
+</a>
+<script>
+function doTest() {
+  var i = 0;
+  var e = document.getElementsByClassName("background")[0];
+  var rotator = function() {
+    var rotation = i / 60;
+    e.style.transform = "rotate(" + rotation + "turn)";
+    if (i < 45) {
+      i += 1;
+      window.requestAnimationFrame(rotator);
+    } else {
+      document.documentElement.removeAttribute("class");
+    }
+  };
+  window.requestAnimationFrame(rotator);
+};
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/bugs/1425243-2-ref.html b/layout/reftests/bugs/1425243-2-ref.html
new file mode 100644
index 0000000000..bda1271243
--- /dev/null
+++ b/layout/reftests/bugs/1425243-2-ref.html
@@ -0,0 +1,8 @@
+<body style="margin:0">
+  <div style="opacity:0.9">
+    <div style="background:blue;height:200px;width:200px;margin:100px;border-radius:100px">
+    </div>
+    <div style="margin:0 100px;">
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/1425243-2.html b/layout/reftests/bugs/1425243-2.html
new file mode 100644
index 0000000000..7fb33e4aad
--- /dev/null
+++ b/layout/reftests/bugs/1425243-2.html
@@ -0,0 +1,8 @@
+<body style="margin:0">
+  <div style="opacity:0.9">
+    <div style="will-change:transform;background:blue;height:200px;width:200px;margin:100px;border-radius:100px">
+    </div>
+    <div style="border:1px solid transparent;margin:0 100px;">
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/1430869-ref.html b/layout/reftests/bugs/1430869-ref.html
new file mode 100644
index 0000000000..cc7defbb52
--- /dev/null
+++ b/layout/reftests/bugs/1430869-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="UTF-8">
+  <title>Webrender table caption + border-collapse test</title>
+  <style>
+    table, th, td {
+    border: 1px solid;
+    border-collapse: collapse;
+    }
+  </style>
+</head>
+<body>
+
+<div>
+<span>A<br>B</span>
+<table>
+<tbody><tr>
+<td>row 1</td>
+</tr>
+<tr>
+<td>row 2</td>
+</tr>
+<tr>
+<td>row 3</td>
+</tr>
+<tr>
+<td>row 4</td>
+</tr>
+<tr>
+<td>row 5</td>
+</tr>
+</tbody></table>
+</div>
+
+
+</body></html>
diff --git a/layout/reftests/bugs/1430869.html b/layout/reftests/bugs/1430869.html
new file mode 100644
index 0000000000..13842fe323
--- /dev/null
+++ b/layout/reftests/bugs/1430869.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="UTF-8">
+  <title>Webrender table caption + border-collapse test</title>
+  <style>
+    table, th, td {
+    border: 1px solid;
+    border-collapse: collapse;
+    }
+    caption {
+    text-align: left;
+    }
+  </style>
+</head>
+<body>
+
+<div>
+<table>
+<caption>A<br>B</caption>
+<tbody><tr>
+<td>row 1</td>
+</tr>
+<tr>
+<td>row 2</td>
+</tr>
+<tr>
+<td>row 3</td>
+</tr>
+<tr>
+<td>row 4</td>
+</tr>
+<tr>
+<td>row 5</td>
+</tr>
+</tbody></table>
+</div>
+
+
+</body></html>
diff --git a/layout/reftests/bugs/1432541-ref.html b/layout/reftests/bugs/1432541-ref.html
new file mode 100644
index 0000000000..dc7ab3ea0c
--- /dev/null
+++ b/layout/reftests/bugs/1432541-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.tile-wrapper{overflow:hidden;}
+.tile-wrapper img{position:relative;}
+.tile-33{width:300%;height:300%}
+</style>
+</head>
+<body>
+  <table>
+    <tr>
+      <td><div><div class="tile-wrapper" style="width: 126px; height: 126px"><img class="tile-33" src="repeatable-diagonal-gradient.png" style="top:0%; left: 0%"></div></div></td>
+    </tr>
+    <tr>
+      <td><div><div class="tile-wrapper" style="width: 126px; height: 126px"><img class="tile-33" src="repeatable-diagonal-gradient.png" style="top:-100%; left: 0%"></div></div></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1432541.html b/layout/reftests/bugs/1432541.html
new file mode 100644
index 0000000000..2744c9e75a
--- /dev/null
+++ b/layout/reftests/bugs/1432541.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.tile-wrapper{transform:scale(1.0);}
+.tile-wrapper{overflow:hidden;}
+.tile-wrapper img{position:relative;}
+.tile-33{width:300%;height:300%}
+</style>
+</head>
+<body>
+  <table>
+    <tr>
+      <td><div><div class="tile-wrapper" style="width: 126px; height: 126px"><img class="tile-33" src="repeatable-diagonal-gradient.png" style="top:0%; left: 0%"></div></div></td>
+    </tr>
+    <tr>
+      <td><div><div class="tile-wrapper" style="width: 126px; height: 126px"><img class="tile-33" src="repeatable-diagonal-gradient.png" style="top:-100%; left: 0%"></div></div></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/144004-1-ref.html b/layout/reftests/bugs/144004-1-ref.html
new file mode 100644
index 0000000000..28c12ee1fe
--- /dev/null
+++ b/layout/reftests/bugs/144004-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html style="margin: 0; padding: 0; border: 0">
+  <head>
+    <script>
+      function test() {
+        var div = document.createElement("div");
+        div.appendChild(document.createTextNode("text"));
+        document.documentElement.appendChild(div);
+      }
+    </script>
+  </head>
+  <body style="margin: 0; padding: 0; border: 0">
+    <script>
+      document.body.offsetWidth;
+      test();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/144004-1.html b/layout/reftests/bugs/144004-1.html
new file mode 100644
index 0000000000..7fd91392d8
--- /dev/null
+++ b/layout/reftests/bugs/144004-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html style="display: inline; margin: 0; padding: 0; border: 0">
+  <head>
+    <script>
+      function test() {
+        var div = document.createElement("div");
+        div.appendChild(document.createTextNode("text"));
+        document.documentElement.appendChild(div);
+      }
+    </script>
+  </head>
+  <body style="display: inline; margin: 0; padding: 0; border: 0">
+    <script>
+      document.body.offsetWidth;
+      test();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/144004-2-ref.html b/layout/reftests/bugs/144004-2-ref.html
new file mode 100644
index 0000000000..cde03344a5
--- /dev/null
+++ b/layout/reftests/bugs/144004-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function test() {
+        var div = document.createElement("div");
+        div.appendChild(document.createTextNode("text"));
+        document.body.appendChild(div);
+      }
+    </script>
+  </head>
+  <body style="margin: 0; padding: 0; border: 0">
+    <script>
+      document.body.offsetWidth;
+      test();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/144004-2.html b/layout/reftests/bugs/144004-2.html
new file mode 100644
index 0000000000..6ba48bb8b4
--- /dev/null
+++ b/layout/reftests/bugs/144004-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function test() {
+        var div = document.createElement("div");
+        div.appendChild(document.createTextNode("text"));
+        document.body.appendChild(div);
+      }
+    </script>
+  </head>
+  <body style="display: inline; margin: 0; padding: 0; border: 0">
+    <script>
+      document.body.offsetWidth;
+      test();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/144004-3-ref.html b/layout/reftests/bugs/144004-3-ref.html
new file mode 100644
index 0000000000..59b0d2a7c7
--- /dev/null
+++ b/layout/reftests/bugs/144004-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin: 0; padding: 0; border: 2px solid black">
+    Text
+  </body>
+</html>
diff --git a/layout/reftests/bugs/144004-3.html b/layout/reftests/bugs/144004-3.html
new file mode 100644
index 0000000000..0a324a1392
--- /dev/null
+++ b/layout/reftests/bugs/144004-3.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body style="display: inline; margin: 0; padding: 0; border: 2px solid black">
+    Text
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1446470.html b/layout/reftests/bugs/1446470.html
new file mode 100644
index 0000000000..e6dc4bc2bf
--- /dev/null
+++ b/layout/reftests/bugs/1446470.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+div { color: red; }
+@-moz-document url-prefix() {
+  div { color: green; }
+}
+</style>
+<div>Should be green</div>
diff --git a/layout/reftests/bugs/1456111-1.html b/layout/reftests/bugs/1456111-1.html
new file mode 100644
index 0000000000..7908942d3b
--- /dev/null
+++ b/layout/reftests/bugs/1456111-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html reftest-zoom="0.9" class="reftest-wait">
+<meta charset="utf-8">
+<body>
+  <div id="transformed" style="width:200px; height:200px; background-color:red; transform:scale(2)"></div>
+</body>
+<script>
+  function doTest() {
+    document.getElementById("transformed").style.transform = "scale(0)";
+    document.documentElement.removeAttribute("class");
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/bugs/1466008-ref.html b/layout/reftests/bugs/1466008-ref.html
new file mode 100644
index 0000000000..7655e88d9f
--- /dev/null
+++ b/layout/reftests/bugs/1466008-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: green;"></div>
diff --git a/layout/reftests/bugs/1466008.html b/layout/reftests/bugs/1466008.html
new file mode 100644
index 0000000000..4757bf5f47
--- /dev/null
+++ b/layout/reftests/bugs/1466008.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<div style="height: 100px"></div>
+<div style="will-change: backdrop-filter;">
+  <div style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: green"></div>
+</div>
diff --git a/layout/reftests/bugs/1466638-1-ref.html b/layout/reftests/bugs/1466638-1-ref.html
new file mode 100644
index 0000000000..9fbfa62cdc
--- /dev/null
+++ b/layout/reftests/bugs/1466638-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<style>
+@keyframes holdBackgroundPosition {
+  from,to { background-position-x: 50%; }
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+  animation: holdBackgroundPosition 100s infinite;
+}
+#wrapper {
+  opacity: 0.5;
+}
+</style>
+<div id="wrapper">
+<div id="test"></div>
+</div>
diff --git a/layout/reftests/bugs/1466638-1.html b/layout/reftests/bugs/1466638-1.html
new file mode 100644
index 0000000000..f0d0f6023b
--- /dev/null
+++ b/layout/reftests/bugs/1466638-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<style>
+@keyframes holdBackgroundPosition {
+  from,to { background-position-x: 50%; }
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+  animation: holdBackgroundPosition 100s infinite;
+}
+#wrapper {
+  filter: opacity(0.5);
+}
+</style>
+<div id="wrapper">
+<div id="test"></div>
+</div>
diff --git a/layout/reftests/bugs/1475971-1-ref.html b/layout/reftests/bugs/1475971-1-ref.html
new file mode 100644
index 0000000000..220bc71cc3
--- /dev/null
+++ b/layout/reftests/bugs/1475971-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+}
+</style>
+
+<div style="position:fixed;">
+  <div style="transform:translateX(50px);">
+    <div id="resize" style="background-color:blue; width: 300px">
+    </div>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/bugs/1475971-1.html b/layout/reftests/bugs/1475971-1.html
new file mode 100644
index 0000000000..b3b5e681f2
--- /dev/null
+++ b/layout/reftests/bugs/1475971-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+div {
+  width: 200px;
+  height: 200px;
+}
+</style>
+
+<div style="position:fixed;">
+  <div style="transform:translateX(50px);">
+    <div id="resize" style="background-color:blue;">
+    </div>
+  </div>
+</div>
+
+<script>
+  function doTest() {
+    document.getElementById("resize").style.width = "300px";
+    document.documentElement.removeAttribute("class");
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/bugs/1483649-1-ref.xhtml b/layout/reftests/bugs/1483649-1-ref.xhtml
new file mode 100644
index 0000000000..e428895b77
--- /dev/null
+++ b/layout/reftests/bugs/1483649-1-ref.xhtml
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<style type="text/css" xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+#container {
+  position: relative;
+  left: 500px;
+  display: inline;
+}
+
+#first {
+  position: relative;
+  top: 0px;
+  left: 0px;
+  width: 100px;
+  height: 100px;
+  transform: scaleX(-1);
+  background: red;
+}
+
+#second {
+  position: relative;
+  top: 50px;
+  left: -100px;
+  width: 100px;
+  height: 100px;
+  overflow: hidden;
+}
+
+#transformed {
+  width: 50px;
+  height: 50px;
+  transform: scaleX(-1)
+}
+]]></style>
+
+<box id="container">
+  <box id="first"></box>
+  <box id="second">
+    <image id="transformed"/>
+  </box>
+</box>
+</window>
diff --git a/layout/reftests/bugs/1483649-1.xhtml b/layout/reftests/bugs/1483649-1.xhtml
new file mode 100644
index 0000000000..2d4542db6f
--- /dev/null
+++ b/layout/reftests/bugs/1483649-1.xhtml
@@ -0,0 +1,56 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<style type="text/css" xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+#container {
+  position: relative;
+  left: 500px;
+  display: inline;
+}
+
+#first {
+  position: relative;
+  top: 0px;
+  left: 0px;
+  width: 100px;
+  height: 100px;
+  transform: scaleX(-1);
+  background: red;
+}
+
+#second {
+  position: relative;
+  top: 50px;
+  left: -100px;
+  width: 100px;
+  height: 100px;
+  overflow: hidden;
+}
+
+@keyframes transform-animation {
+  from {
+    transform: scaleX(-1);
+  }
+  to {
+    transform: scaleX(-1);
+  }
+}
+
+#transformed {
+  width: 50px;
+  height: 50px;
+  animation-name: transform-animation;
+  animation-fill-mode: forwards;
+}
+
+]]></style>
+
+<box id="container">
+  <box id="first"></box>
+  <box id="second">
+    <image id="transformed"/>
+  </box>
+</box>
+</window>
diff --git a/layout/reftests/bugs/1483946-ref.html b/layout/reftests/bugs/1483946-ref.html
new file mode 100644
index 0000000000..1ed6570fa3
--- /dev/null
+++ b/layout/reftests/bugs/1483946-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<div style="width: 100px; height: 100px; overflow-y: auto;">
+  <div style="width: 200px; height: 200px; background: green"></div>
+</div>
diff --git a/layout/reftests/bugs/1483946.html b/layout/reftests/bugs/1483946.html
new file mode 100644
index 0000000000..79b0945198
--- /dev/null
+++ b/layout/reftests/bugs/1483946.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<div style="width: 100px; height: 100px; overflow-y: auto; contain: layout;">
+  <div style="width: 200px; height: 200px; background: green"></div>
+</div>
diff --git a/layout/reftests/bugs/1488155-ref.html b/layout/reftests/bugs/1488155-ref.html
new file mode 100644
index 0000000000..90ad29d07b
--- /dev/null
+++ b/layout/reftests/bugs/1488155-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+  :link {
+    color: green;
+  }
+</style>
+<a href>Should be green</a>
diff --git a/layout/reftests/bugs/1488155.html b/layout/reftests/bugs/1488155.html
new file mode 100644
index 0000000000..30e2cbf51d
--- /dev/null
+++ b/layout/reftests/bugs/1488155.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html class="reftest-wait">
+<style>
+  :link {
+    color: green;
+  }
+</style>
+<a id="target">Should be green</a>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  target.setAttribute("href", "");
+  document.documentElement.className = "";
+});
+</script>
diff --git a/layout/reftests/bugs/1492660-1-ref.html b/layout/reftests/bugs/1492660-1-ref.html
new file mode 100644
index 0000000000..2d6ca292bf
--- /dev/null
+++ b/layout/reftests/bugs/1492660-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<svg width="300" height="200" viewBox="0 0 30 30">
+  <defs>
+    <filter id="f" x="0" y="0" width="100%" height="100%">
+      <feTurbulence baseFrequency="0 3"/>
+    </filter>
+    <clipPath id="c">
+      <rect width="30" height="30"/>
+    </clipPath>
+  </defs>
+  <rect width="30" height="30" filter="url(#f)" clip-path="url(#c)"/>
+</svg>
diff --git a/layout/reftests/bugs/1492660-1.html b/layout/reftests/bugs/1492660-1.html
new file mode 100644
index 0000000000..cf2625f814
--- /dev/null
+++ b/layout/reftests/bugs/1492660-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<svg width="300" height="200" viewBox="0 0 30 30">
+  <defs>
+    <filter id="f" x="-20%" y="-10%" width="140%" height="140%">
+      <feTurbulence baseFrequency="0 3"/>
+    </filter>
+    <clipPath id="c">
+      <rect width="30" height="30"/>
+    </clipPath>
+  </defs>
+  <rect width="30" height="30" filter="url(#f)" clip-path="url(#c)"/>
+</svg>
diff --git a/layout/reftests/bugs/1499386-ref.html b/layout/reftests/bugs/1499386-ref.html
new file mode 100644
index 0000000000..30475270df
--- /dev/null
+++ b/layout/reftests/bugs/1499386-ref.html
@@ -0,0 +1,3 @@
+<style>
+  :root { background: green }
+</style>
diff --git a/layout/reftests/bugs/1499386.html b/layout/reftests/bugs/1499386.html
new file mode 100644
index 0000000000..e84642a79f
--- /dev/null
+++ b/layout/reftests/bugs/1499386.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<style>
+  @supports selector(div) {
+    :root { background: green }
+  }
+</style>
diff --git a/layout/reftests/bugs/1503662-ref.html b/layout/reftests/bugs/1503662-ref.html
new file mode 100644
index 0000000000..d383a71cb4
--- /dev/null
+++ b/layout/reftests/bugs/1503662-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<div style="font: 32px monospace;">
+  the quick brown fox <br>
+  jumps over the lazy <br>
+  dog
+</div>
diff --git a/layout/reftests/bugs/1503662.html b/layout/reftests/bugs/1503662.html
new file mode 100644
index 0000000000..76196ecca7
--- /dev/null
+++ b/layout/reftests/bugs/1503662.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<!-- NOTE: this testcase will be loaded with a minimum-size preference applied -->
+<div style="font: 5px monospace; width: 20ch;">
+  the quick brown fox jumps over the lazy dog
+</div>
diff --git a/layout/reftests/bugs/1509425-1-ref.html b/layout/reftests/bugs/1509425-1-ref.html
new file mode 100644
index 0000000000..cc2ee20dcb
--- /dev/null
+++ b/layout/reftests/bugs/1509425-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+
+<title>Reference for bug 1271714: should say PASS</title>
+
+<p>PASS</p>
diff --git a/layout/reftests/bugs/1509425-1.html b/layout/reftests/bugs/1509425-1.html
new file mode 100644
index 0000000000..5d6e0e9e28
--- /dev/null
+++ b/layout/reftests/bugs/1509425-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+
+<title>Bug 1271714: Hit testing should be able to find the .opacityFilter element</title>
+
+<style type="text/css">
+
+#opacityFilter {
+  border: 1px solid black;
+  height: 200px;
+  width: 200px;
+  filter: opacity(0);
+}
+
+</style>
+
+<p id="output">FAIL</p>
+
+<div id="opacityFilter"></div>
+
+<script>
+
+if (document.elementFromPoint(100, 100).id == "opacityFilter") {
+  document.getElementById("output").textContent = "PASS";
+}
+
+</script>
diff --git a/layout/reftests/bugs/1511570-ref.html b/layout/reftests/bugs/1511570-ref.html
new file mode 100644
index 0000000000..cae97c4575
--- /dev/null
+++ b/layout/reftests/bugs/1511570-ref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<meta http-equiv="Content-Language" content="zh-CN">
+<p style="font-family: sans-serif">Some test in the default font for zh-CN.
diff --git a/layout/reftests/bugs/1511570.html b/layout/reftests/bugs/1511570.html
new file mode 100644
index 0000000000..fc6753edbd
--- /dev/null
+++ b/layout/reftests/bugs/1511570.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<p lang="zh-CN" style="font-family: sans-serif">Some test in the default font for zh-CN.
diff --git a/layout/reftests/bugs/1513423-1-ref.html b/layout/reftests/bugs/1513423-1-ref.html
new file mode 100644
index 0000000000..56ce295742
--- /dev/null
+++ b/layout/reftests/bugs/1513423-1-ref.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'/>
+    <meta name='viewport' content='initial-scale=1' />
+    <style>
+      @font-face {
+        font-family: test;
+        src: url(../fonts/sil/CharisSIL-R.ttf);
+      }
+
+      body {
+        font-family: test;
+        line-height: 2;
+      }
+
+      .container {
+        padding: 1rem 0 0.3rem;
+      }
+
+      .placeholder {
+        font-style: italic;
+        position: absolute;
+        font-size: 8em;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='placeholder'>aI&#x301;&#x302;&#x303;&#x304;z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1513423-1.html b/layout/reftests/bugs/1513423-1.html
new file mode 100644
index 0000000000..fdfe8967ff
--- /dev/null
+++ b/layout/reftests/bugs/1513423-1.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'/>
+    <meta name='viewport' content='initial-scale=1' />
+    <style>
+      @font-face {
+        font-family: test;
+        src: url(../fonts/sil/CharisSIL-R.ttf);
+      }
+
+      body {
+        font-family: test;
+        line-height: 2;
+      }
+
+      .container {
+        padding: 1rem 0 0.3rem;
+      }
+
+      .placeholder {
+        font-style: italic;
+        position: absolute;
+        font-size: 8em;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='placeholder'>a&#x202e;I&#x301;&#x302;&#x303;&#x304;&#x202c;z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1513423-2-ref.html b/layout/reftests/bugs/1513423-2-ref.html
new file mode 100644
index 0000000000..babafe500c
--- /dev/null
+++ b/layout/reftests/bugs/1513423-2-ref.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'/>
+    <meta name='viewport' content='initial-scale=1' />
+    <style>
+      @font-face {
+        font-family: test;
+        src: url(../fonts/sil/CharisSIL-R.ttf);
+      }
+
+      body {
+        font-family: test;
+        line-height: 2;
+      }
+
+      .container {
+        padding: 1rem 0 0.3rem;
+      }
+
+      .placeholder {
+        font-style: italic;
+        position: absolute;
+        font-size: 8em;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='placeholder'>aI&#x323;&#x324;&#x325;&#x326;z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1513423-2.html b/layout/reftests/bugs/1513423-2.html
new file mode 100644
index 0000000000..fca554d391
--- /dev/null
+++ b/layout/reftests/bugs/1513423-2.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset='utf-8'/>
+    <meta name='viewport' content='initial-scale=1' />
+    <style>
+      @font-face {
+        font-family: test;
+        src: url(../fonts/sil/CharisSIL-R.ttf);
+      }
+
+      body {
+        font-family: test;
+        line-height: 2;
+      }
+
+      .container {
+        padding: 1rem 0 0.3rem;
+      }
+
+      .placeholder {
+        font-style: italic;
+        position: absolute;
+        font-size: 8em;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='placeholder'>a&#x202e;I&#x323;&#x324;&#x325;&#x326;&#x202c;z
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1513423-3-ref.html b/layout/reftests/bugs/1513423-3-ref.html
new file mode 100644
index 0000000000..ec31af28c0
--- /dev/null
+++ b/layout/reftests/bugs/1513423-3-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: awami;
+  src: url(../fonts/sil/AwamiNastaliq-Regular.woff);
+}
+div {
+  font: 36px/3 awami;
+  text-align: center;
+}
+</style>
+Both lines should be the same, with no clipping of either green or blue glyphs:
+<div dir=rtl>
+<p style="color:blue"><span style="color:green">دیکھتی</span> کنسلٹنٹس</p>
+<p style="color:green">دیکھتی <span style="color:blue">کنسلٹنٹس</span></p>
diff --git a/layout/reftests/bugs/1513423-3.html b/layout/reftests/bugs/1513423-3.html
new file mode 100644
index 0000000000..6df25fb4fd
--- /dev/null
+++ b/layout/reftests/bugs/1513423-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: awami;
+  src: url(../fonts/sil/AwamiNastaliq-Regular.woff);
+}
+div {
+  font: 36px/3 awami;
+  text-align: center;
+}
+</style>
+Both lines should be the same, with no clipping of either green or blue glyphs:
+<div dir=rtl>
+<p style="color:green">دیکھتی <span style="color:blue">کنسلٹنٹس</span></p>
+<p style="color:blue"><span style="color:green">دیکھتی</span> کنسلٹنٹس</p>
diff --git a/layout/reftests/bugs/1517385-ref.html b/layout/reftests/bugs/1517385-ref.html
new file mode 100644
index 0000000000..fce545dab2
--- /dev/null
+++ b/layout/reftests/bugs/1517385-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <meta charset="utf-8">
+
+  <style>
+  #content {
+    position: absolute;
+    font-size: 20px;
+    width: 20px;
+    top: 0;
+    right: 0;
+  }
+  </style>
+
+  <body>
+    <div id="content">A</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1517385.html b/layout/reftests/bugs/1517385.html
new file mode 100644
index 0000000000..958de7695f
--- /dev/null
+++ b/layout/reftests/bugs/1517385.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <meta charset="utf-8">
+  <title>Bug 1517385: Test AccessibleCaret doesn't occupied space when its appearance is Appearance::None.</title>
+
+  <style>
+  #content {
+    position: absolute;
+    font-size: 20px;
+    width: 20px;
+    top: 0;
+    right: 0;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    let sel = window.getSelection();
+    let content = document.getElementById("content");
+    sel.selectAllChildren(content);
+    sel.removeAllRanges();
+  }
+  </script>
+
+  <body onload="runTest()">
+    <div id="content">A</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/1529992-1-ref.html b/layout/reftests/bugs/1529992-1-ref.html
new file mode 100644
index 0000000000..4fbbbe1cf7
--- /dev/null
+++ b/layout/reftests/bugs/1529992-1-ref.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+body {
+    font-size: 60px;
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+div {
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+#shadow1 {
+    top: -30px;
+    left: -60px;
+}
+#shadow2 {
+    top: 100px;
+    left: -60px;
+}
+#shadow3 {
+    top: -30px;
+    left: 100px;
+}
+#shadow4 {
+    top: 200px;
+    left: -60px;
+}
+#shadow5 {
+    top: -30px;
+    left: 250px;
+}
+#shadow1-ref {
+    top: 20px;
+    left: 20px;
+}
+#shadow2-ref {
+    color: transparent;
+    text-shadow: 0px 0px 10px black;
+    top: 150px;
+    left: 20px;
+}
+#shadow3-ref {
+    color: transparent;
+    text-shadow: 0px 0px 10px black;
+    top: 20px;
+    left: 180px;
+}
+#shadow4-ref {
+    color: transparent;
+    top: 205px;
+    left: -40px;
+    text-shadow: 0px 0px 10px black;
+}
+#shadow5-ref {
+    color: transparent;
+    top: -25px;
+    left: 270px;
+    text-shadow: 0px 0px 10px black;
+}
+</style>
+</head><body>
+    <div id="shadow1-ref">hello</div>
+    <div id="shadow2-ref">hello</div>
+    <div id="shadow3-ref">hello</div>
+    <div id="shadow4-ref">hello</div>
+    <div id="shadow5-ref">hello</div>
+    <div id="shadow1">hello</div>
+    <div id="shadow2">hello</div>
+    <div id="shadow3">hello</div>
+    <div id="shadow4">hello&nbsp;&nbsp;</div>
+    <div id="shadow5">hello&nbsp;&nbsp;</div>
+</body></html>
diff --git a/layout/reftests/bugs/1529992-1.html b/layout/reftests/bugs/1529992-1.html
new file mode 100644
index 0000000000..d54c243ac6
--- /dev/null
+++ b/layout/reftests/bugs/1529992-1.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+
+<!--
+This is a bunch of tests that verify we properly handle weird corner cases
+in shadow bounding boxes.
+
+Problem 1: parts of text that are seemingly hidden (as in overflow:hidden)
+may actually be visible in shadows, because they include an offset. We can
+mess this up in two ways:
+
+    1a. we completely culled a glyph from existence for being out of view
+
+    1b. we have all the glyphs but are clipping parts out in the shadow
+
+Problem 2: shadows that are defined by the ::selection pseudo-class are
+trapped inside the local selection rect of the item. This means they
+*can and should* sometimes get weirdly clipped (shadow6 and shadow7 in
+version 2 of this test). Also just more generally selections take a bunch
+of special paths in text styling so they are included to make sure both
+paths are tested.
+
+We messed all of these up for webrender because it handles shadows in a very
+different way from non-webrender.
+
+The selection-box is inherently implementation-specific, so I apologize in
+advanced if this test breaks when you tweak how selections work. Hopefully
+only shadow6 needs to be tweaked?
+-->
+
+<html class="reftest-wait"><head>
+<script type="text/javascript">
+function onload() {
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+
+  document.documentElement.className = '';
+}
+</script>
+<style>
+body {
+    font-size: 60px;
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+div {
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+div::selection {
+    /* hide all selection boxes for convenience */
+    background-color: transparent;
+}
+#shadow1 {
+    text-shadow: 80px 50px 0px;
+    top: -30px;
+    left: -60px;
+}
+#shadow2 {
+    text-shadow: 80px 50px 10px;
+    top: 100px;
+    left: -60px;
+}
+#shadow3 {
+    text-shadow: 80px 50px 10px;
+    top: -30px;
+    left: 100px;
+}
+#shadow4 {
+    top: 200px;
+    left: -60px;
+}
+#shadow4::selection {
+    text-shadow: 20px 5px 10px;
+}
+#shadow5 {
+    top: -30px;
+    left: 250px;
+}
+#shadow5::selection {
+    text-shadow: 20px 5px 10px;
+}
+</style>
+</head><body id="selectMe" onload="onload()">
+    <div id="shadow1">hello</div>
+    <div id="shadow2">hello</div>
+    <div id="shadow3">hello</div>
+    <div id="shadow4">hello&nbsp;&nbsp;</div>
+    <div id="shadow5">hello&nbsp;&nbsp;</div>
+</body></html>
diff --git a/layout/reftests/bugs/1529992-2-ref.html b/layout/reftests/bugs/1529992-2-ref.html
new file mode 100644
index 0000000000..5fc36a61c2
--- /dev/null
+++ b/layout/reftests/bugs/1529992-2-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+body {
+    font-size: 60px;
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+div {
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+#shadow6 {
+    color: transparent;
+}
+#shadow7 {
+    color: transparent;
+}
+#shadow6-ref {
+    color: green;
+    top: 200px;
+    left: 230px;
+}
+#shadow7-ref {
+    color: transparent;
+    top: 200px;
+    left: 530px;
+    text-shadow: 0px 0px 5px green;
+}
+</style>
+</head><body>
+    <div id="shadow6-ref">hello</div>
+    <div id="shadow7-ref">hello</div>
+    <div id="shadow6">hello&nbsp;i</div>
+    <div id="shadow7">hello&nbsp;i</div>
+</body></html>
diff --git a/layout/reftests/bugs/1529992-2.html b/layout/reftests/bugs/1529992-2.html
new file mode 100644
index 0000000000..19876e7f65
--- /dev/null
+++ b/layout/reftests/bugs/1529992-2.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+
+<!--
+see version 1 of this test for details
+-->
+
+<html class="reftest-wait"><head>
+<script type="text/javascript">
+function onload() {
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+
+  document.documentElement.className = '';
+}
+</script>
+<style>
+body {
+    font-size: 60px;
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+div {
+    position: absolute;
+    margin: 0px;
+    padding: 0px;
+}
+div::selection {
+    /* hide all selection boxes for convenience */
+    background-color: transparent;
+}
+#shadow6 {
+    top: 200px;
+    left: 200px;
+}
+#shadow6::selection {
+    color: transparent;
+    text-shadow: 30px 0px 0px green;
+}
+#shadow7 {
+    top: 200px;
+    left: 500px;
+}
+#shadow7::selection {
+    color: transparent;
+    text-shadow: 30px 0px 5px green;
+}
+</style>
+</head><body id="selectMe" onload="onload()">
+    <div id="shadow6">hello&nbsp;i</div>
+    <div id="shadow7">hello&nbsp;i</div>
+</body></html>
diff --git a/layout/reftests/bugs/1535040-1-ref.html b/layout/reftests/bugs/1535040-1-ref.html
new file mode 100644
index 0000000000..fe99e1399e
--- /dev/null
+++ b/layout/reftests/bugs/1535040-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+  <svg width="400" height="300">
+    <rect id="rect" width="100" height="100" fill="green" x="0" y="0"/>
+  </svg>
+</html>
diff --git a/layout/reftests/bugs/1535040-1.html b/layout/reftests/bugs/1535040-1.html
new file mode 100644
index 0000000000..5e0908e082
--- /dev/null
+++ b/layout/reftests/bugs/1535040-1.html
@@ -0,0 +1,19 @@
+<html class="reftest-wait">
+  <svg width="400" height="300">
+    <text id="text" opacity="1" x="0" y="150" fill="black">
+      This text should disappear
+    </text>
+    <rect id="rect" width="100" height="100" fill="green" x="0" y="0"/>
+  </svg>
+
+  <script>
+  function doTest() {
+    var elt = document.getElementById("text");
+    elt.setAttribute("opacity", 0);
+    document.documentElement.removeAttribute("class");
+  }
+
+  window.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 5000);
+  </script>
+</html>
diff --git a/layout/reftests/bugs/1544895-ref.html b/layout/reftests/bugs/1544895-ref.html
new file mode 100644
index 0000000000..243f7fef4b
--- /dev/null
+++ b/layout/reftests/bugs/1544895-ref.html
@@ -0,0 +1,42 @@
+<html reftest-async-scroll>
+<head>
+<style>
+body {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+}
+.header {
+    background-color: white;
+    flex: none;
+}
+.content {
+    flex: auto;
+    overflow-y: scroll;
+}
+.inner-content {
+    height: 2000px;
+}
+.shadowy {
+    text-shadow: 0px 0px 1px green;
+}
+.hidden {
+    visibility: hidden;
+}
+</style>
+</head>
+<body>
+<div class="header"> Wow, This is a Great Header! </div>
+<div class="content"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="1075"
+     reftest-async-scroll-y="75">
+    <div class="inner-content">
+        <p class="hidden">Wow, This is Great Hidden Content!</p>
+        <p class="hidden">Wow, This is Great Hidden Content!</p>
+        <p>Wow, This is Great Visible Content!</p>
+    </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1544895.html b/layout/reftests/bugs/1544895.html
new file mode 100644
index 0000000000..b19f286036
--- /dev/null
+++ b/layout/reftests/bugs/1544895.html
@@ -0,0 +1,39 @@
+<html reftest-async-scroll>
+<head>
+<style>
+body {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+}
+.header {
+    background-color: white;
+    flex: none;
+}
+.content {
+    flex: auto;
+    overflow-y: scroll;
+}
+.inner-content {
+    height: 2000px;
+}
+.shadowy {
+    text-shadow: 0px 0px 1px green;
+}
+</style>
+</head>
+<body>
+<div class="header"> Wow, This is a Great Header! </div>
+<div class="content"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="1075"
+     reftest-async-scroll-y="75">
+    <div class="inner-content">
+        <p>Wow, This is Great Content!</p>
+        <p class="shadowy">Wow, This is Great Shadowy Content!</p>
+        <p>Wow, This is Great Visible Content!</p>
+    </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1545360-1-ref.xhtml b/layout/reftests/bugs/1545360-1-ref.xhtml
new file mode 100644
index 0000000000..71ed6a06e4
--- /dev/null
+++ b/layout/reftests/bugs/1545360-1-ref.xhtml
@@ -0,0 +1,27 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<style>
+  .container {
+      display: flex;
+      flex-direction: column;
+      outline: 1px solid black;
+  }
+  .item {
+      border: 0px solid pink;
+      box-sizing: content-box;
+  }
+  .withBorderTop {
+      border-top-width: 20px;
+  }
+</style>
+<body>
+  <div class="container">
+    <xul:toolbarpaletteitem
+      class="item withBorderTop">abc</xul:toolbarpaletteitem>
+    <xul:toolbarpaletteitem
+      class="item">def</xul:toolbarpaletteitem>
+    <xul:toolbarpaletteitem
+      class="item">ghi</xul:toolbarpaletteitem>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1545360-1.xhtml b/layout/reftests/bugs/1545360-1.xhtml
new file mode 100644
index 0000000000..2f2299e66f
--- /dev/null
+++ b/layout/reftests/bugs/1545360-1.xhtml
@@ -0,0 +1,35 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+      class="reftest-wait">
+<style>
+  .container {
+      display: flex;
+      flex-direction: column;
+      outline: 1px solid black;
+  }
+  .item {
+      border: 0px solid pink;
+      box-sizing: content-box;
+  }
+  .withBorderTop {
+      border-top-width: 20px;
+  }
+</style>
+<script>
+  function doTest() {
+    tweakMe.classList.add('withBorderTop');
+    document.documentElement.removeAttribute("class");
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+<body>
+  <div class="container">
+    <xul:toolbarpaletteitem
+      class="item" id="tweakMe">abc</xul:toolbarpaletteitem>
+    <xul:toolbarpaletteitem
+      class="item">def</xul:toolbarpaletteitem>
+    <xul:toolbarpaletteitem
+      class="item">ghi</xul:toolbarpaletteitem>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1546856-1.html b/layout/reftests/bugs/1546856-1.html
new file mode 100644
index 0000000000..1a50349899
--- /dev/null
+++ b/layout/reftests/bugs/1546856-1.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html class="reftest-wait"
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1500">
+<meta charset="utf-8">
+<title>Test for bug 1546856: When the first painted item in a layer is removed, invalidation takes the wrong last paint offset because it hasn't initialized the last paint offset for that layer yet for this paint</title>
+<style>
+html {
+  background: linear-gradient(white, white) 0 0 / 100vw 100vh no-repeat fixed;
+}
+
+body {
+  height: 4000px;
+  padding: 200px 0;
+}
+
+div {
+  width: 600px;
+  height: 200px;
+  box-sizing: border-box;
+  margin-bottom: -200px;
+}
+
+#main.fill {
+  background-color: rgba(255, 0, 0, 0.9);
+}
+
+#main.ownLayer {
+  will-change: opacity;
+}
+
+#layerBoundsMaintainer {
+  position: relative;
+  border: 1px solid black;
+}
+
+</style>
+
+<div id="main"></div>
+<div id="layerBoundsMaintainer"></div>
+
+<script>
+
+const mainElement = document.querySelector('#main');
+
+document.scrollingElement.scrollTop = 0;
+document.addEventListener('MozReftestInvalidate', () => {
+  requestAnimationFrame(() => {
+    document.scrollingElement.scrollTop = 200;
+    mainElement.className = 'fill';
+    requestAnimationFrame(() => {
+      mainElement.className = 'fill ownLayer';
+      requestAnimationFrame(() => {
+        mainElement.className = '';
+        document.documentElement.className = '';
+      });
+    });
+  });
+});
+
+</script>
diff --git a/layout/reftests/bugs/1546856-2.html b/layout/reftests/bugs/1546856-2.html
new file mode 100644
index 0000000000..7065dcb69e
--- /dev/null
+++ b/layout/reftests/bugs/1546856-2.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="reftest-wait"
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1500">
+<meta charset="utf-8">
+<title>Test for bug 1546856: Make sure that mLastPaintOffset for removed items is correct</title>
+<style>
+html {
+  background: linear-gradient(white, white) 0 0 / 100vw 100vh no-repeat fixed;
+}
+
+body {
+  height: 4000px;
+  padding: 200px 0;
+}
+
+div {
+  width: 600px;
+  height: 200px;
+  box-sizing: border-box;
+  margin-bottom: -200px;
+}
+
+#main.fill {
+  background-color: rgba(255, 0, 0, 0.9);
+}
+
+#main.ownLayer {
+  will-change: opacity;
+}
+
+#layerBoundsMaintainer {
+  position: relative;
+  border: 1px solid black;
+}
+
+</style>
+
+<div id="main" class="fill"></div>
+<div id="layerBoundsMaintainer"></div>
+
+<script>
+
+const mainElement = document.querySelector('#main');
+
+document.scrollingElement.scrollTop = 0;
+document.addEventListener('MozReftestInvalidate', () => {
+  requestAnimationFrame(() => {
+    document.scrollingElement.scrollTop = 200;
+    mainElement.className = '';
+    document.documentElement.className = '';
+  });
+});
+
+</script>
diff --git a/layout/reftests/bugs/1546856-ref.html b/layout/reftests/bugs/1546856-ref.html
new file mode 100644
index 0000000000..e0aadecced
--- /dev/null
+++ b/layout/reftests/bugs/1546856-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference for bug 1546856: When the first painted item in a layer is removed, invalidation takes the wrong last paint offset because it hasn't initialized the last paint offset for that layer yet for this paint</title>
+<style>
+body {
+  height: 4000px;
+  padding: 200px 0;
+}
+
+div {
+  width: 600px;
+  height: 200px;
+  box-sizing: border-box;
+  border: 1px solid black;
+}
+
+</style>
+
+<div></div>
+
+<script>
+document.scrollingElement.scrollTop = 200;
+</script>
diff --git a/layout/reftests/bugs/1547759-1-ref.html b/layout/reftests/bugs/1547759-1-ref.html
new file mode 100644
index 0000000000..67e9d69626
--- /dev/null
+++ b/layout/reftests/bugs/1547759-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html dir="rtl">
+<meta charset="utf-8" />
+<title>Testcase, bug 1547759</title>
+
+<style>
+	html { overflow: hidden }
+</style>
+
+<table>
+	<tr style="background: #f66">
+		<td>A</td>
+		<td>B</td>
+	</tr>
+</table>
diff --git a/layout/reftests/bugs/1547759-1.html b/layout/reftests/bugs/1547759-1.html
new file mode 100644
index 0000000000..c822340ce7
--- /dev/null
+++ b/layout/reftests/bugs/1547759-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html dir="rtl">
+<meta charset="utf-8" />
+<title>Testcase, bug 1547759</title>
+
+<style>
+	html { overflow: hidden }
+</style>
+
+<table>
+	<tr style="background: #f66">
+		<td style="position: relative">A</td>
+		<td>B</td>
+	</tr>
+</table>
diff --git a/layout/reftests/bugs/1548809-ref.html b/layout/reftests/bugs/1548809-ref.html
new file mode 100644
index 0000000000..6abb578aa3
--- /dev/null
+++ b/layout/reftests/bugs/1548809-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+  span { outline: 1px dotted black }
+</style>
+<span>A</span>
+<div></div>
+<span>B</span>
diff --git a/layout/reftests/bugs/1548809.html b/layout/reftests/bugs/1548809.html
new file mode 100644
index 0000000000..525fd4ab8a
--- /dev/null
+++ b/layout/reftests/bugs/1548809.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<span style="outline: 1px dotted black">
+  A
+  <div></div>
+  B
+</span>
diff --git a/layout/reftests/bugs/1551040.html b/layout/reftests/bugs/1551040.html
new file mode 100644
index 0000000000..92a4b062f4
--- /dev/null
+++ b/layout/reftests/bugs/1551040.html
@@ -0,0 +1 @@
+<iframe src="1551040.txt"></iframe>
diff --git a/layout/reftests/bugs/1551040.txt b/layout/reftests/bugs/1551040.txt
new file mode 100644
index 0000000000..d0e3340077
--- /dev/null
+++ b/layout/reftests/bugs/1551040.txt
@@ -0,0 +1 @@
+Foobar
diff --git a/layout/reftests/bugs/1552789-1.html b/layout/reftests/bugs/1552789-1.html
new file mode 100644
index 0000000000..d43610aa83
--- /dev/null
+++ b/layout/reftests/bugs/1552789-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <style>
+    .outer {
+        display: inline;
+        position: relative;
+    }
+
+    .inner {
+        position: absolute;
+        top: 100%;
+    }
+    </style>
+</head>
+
+<body>
+    <div class="outer">
+        <div>You can see me.</div>
+        <div class="inner">But you can't see me!</div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1552789-ref-1.html b/layout/reftests/bugs/1552789-ref-1.html
new file mode 100644
index 0000000000..6369246f5e
--- /dev/null
+++ b/layout/reftests/bugs/1552789-ref-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <style>
+    .outer {
+        display: inline;
+        position: relative;
+    }
+    </style>
+</head>
+
+<body>
+    <div class="outer">
+        <div>You can see me.</div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1553571-1-ref.html b/layout/reftests/bugs/1553571-1-ref.html
new file mode 100644
index 0000000000..c42f310a11
--- /dev/null
+++ b/layout/reftests/bugs/1553571-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+<div id="a" style="width: 1px; height: 1px; position: absolute; left: 200px; top: 200px; transform: scale(256.1);">
+	<img style="width: 1px; height: 1px;" src="repeatable-diagonal-gradient.png">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1553571-1.html b/layout/reftests/bugs/1553571-1.html
new file mode 100644
index 0000000000..abb2c6ae5b
--- /dev/null
+++ b/layout/reftests/bugs/1553571-1.html
@@ -0,0 +1,34 @@
+<!-- reftest-wait because it takes at least two changes of the transform style before it becomes active -->
+<html class='reftest-wait'>
+<head>
+<script>
+var changesLeft = 10;
+function go() {
+	window.setTimeout(changeit, 0);
+}
+
+function changeit() {
+	var a = document.getElementById("a");
+	a.style.transform = 'scale(' + (256.1 + Math.random()*0.01) + ')';
+
+	if (changesLeft > 0) {
+		--changesLeft;
+		window.setTimeout(changeit, 50);
+	}
+	if (changesLeft == 0) {
+		// 75-100ms is the timeout for expirty from the active layer tracker.
+		// Increase the time between transform tweaks to 74ms to give the reftest the best
+		// chance of running the mozafterpaint handler and checking that there are no more
+		// paints pending so it can finish.
+		window.setTimeout(changeit, 74);
+		document.documentElement.classList.remove("reftest-wait");
+	}
+}
+</script>
+</head>
+<body onload="go();">
+<div id="a" style="width: 1px; height: 1px; position: absolute; left: 200px; top: 200px;">
+	<img style="width: 1px; height: 1px;" src="repeatable-diagonal-gradient.png">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1553571-2-ref.html b/layout/reftests/bugs/1553571-2-ref.html
new file mode 100644
index 0000000000..ba4e47bc2c
--- /dev/null
+++ b/layout/reftests/bugs/1553571-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+<div id="a" style="width: 1px; height: 1px; position: absolute; left: 200px; top: 200px; transform: scale(256.1) rotate(1deg);">
+	<img style="width: 1px; height: 1px;" src="repeatable-diagonal-gradient.png">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1553571-2.html b/layout/reftests/bugs/1553571-2.html
new file mode 100644
index 0000000000..0b844745c0
--- /dev/null
+++ b/layout/reftests/bugs/1553571-2.html
@@ -0,0 +1,34 @@
+<!-- reftest-wait because it takes at least two changes of the transform style before it becomes active -->
+<html class='reftest-wait'>
+<head>
+<script>
+var changesLeft = 10;
+function go() {
+	window.setTimeout(changeit, 0);
+}
+
+function changeit() {
+	var a = document.getElementById("a");
+	a.style.transform = 'scale(' + (256.1 + Math.random()*0.01) + ') rotate(1deg)';
+
+	if (changesLeft > 0) {
+		--changesLeft;
+		window.setTimeout(changeit, 50);
+	}
+	if (changesLeft == 0) {
+		// 75-100ms is the timeout for expirty from the active layer tracker.
+		// Increase the time between transform tweaks to 74ms to give the reftest the best
+		// chance of running the mozafterpaint handler and checking that there are no more
+		// paints pending so it can finish.
+		window.setTimeout(changeit, 74);
+		document.documentElement.classList.remove("reftest-wait");
+	}
+}
+</script>
+</head>
+<body onload="go();">
+<div id="a" style="width: 1px; height: 1px; position: absolute; left: 200px; top: 200px;">
+	<img style="width: 1px; height: 1px;" src="repeatable-diagonal-gradient.png">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1558937-1-ref.html b/layout/reftests/bugs/1558937-1-ref.html
new file mode 100644
index 0000000000..6a7e880785
--- /dev/null
+++ b/layout/reftests/bugs/1558937-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="height:400px;"></div>
+<div style="height:1000px">
+  <div style="width:100px; height:100px; background:black;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1558937-1.html b/layout/reftests/bugs/1558937-1.html
new file mode 100644
index 0000000000..4f5c8e0cad
--- /dev/null
+++ b/layout/reftests/bugs/1558937-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="height:400px;"></div>
+<div style="height:1000px; clip-path:border-box">
+  <div style="position:absolute; top:0; left:0; width:100px; height:100px; background:black;"></div>
+  <div style="width:100px; height:100px; background:black;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1562733-rotated-nastaliq-1-ref.html b/layout/reftests/bugs/1562733-rotated-nastaliq-1-ref.html
new file mode 100644
index 0000000000..2a2298240c
--- /dev/null
+++ b/layout/reftests/bugs/1562733-rotated-nastaliq-1-ref.html
@@ -0,0 +1,14 @@
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: noto-nastaliq;
+  src: url(../fonts/NotoNastaliqUrdu-Regular.ttf);
+}
+body { font: 40px/200px noto-nastaliq; }
+div { text-align: center; margin: 10px; border: 1px solid gray;
+      width: 200px; height: 200px; float: left; }
+.v1 { transform: rotate(90deg); }
+</style>
+
+<div>نوٹو نستعلیق</div>
+<div class="v1">نوٹو نستعلیق</div>
diff --git a/layout/reftests/bugs/1562733-rotated-nastaliq-1.html b/layout/reftests/bugs/1562733-rotated-nastaliq-1.html
new file mode 100644
index 0000000000..d52281799c
--- /dev/null
+++ b/layout/reftests/bugs/1562733-rotated-nastaliq-1.html
@@ -0,0 +1,14 @@
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: noto-nastaliq;
+  src: url(../fonts/NotoNastaliqUrdu-Regular.ttf);
+}
+body { font: 40px/200px noto-nastaliq; }
+div { text-align: center; margin: 10px; border: 1px solid gray;
+      width: 200px; height: 200px; float: left; }
+.v1 { writing-mode: sideways-rl; }
+</style>
+
+<div>نوٹو نستعلیق</div>
+<div class="v1">نوٹو نستعلیق</div>
diff --git a/layout/reftests/bugs/1562733-rotated-nastaliq-2-ref.html b/layout/reftests/bugs/1562733-rotated-nastaliq-2-ref.html
new file mode 100644
index 0000000000..cc8f943901
--- /dev/null
+++ b/layout/reftests/bugs/1562733-rotated-nastaliq-2-ref.html
@@ -0,0 +1,14 @@
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: noto-nastaliq;
+  src: url(../fonts/NotoNastaliqUrdu-Regular.ttf);
+}
+body { font: 40px/200px noto-nastaliq; }
+div { text-align: center; margin: 10px; border: 1px solid gray;
+      width: 200px; height: 200px; float: left; }
+.v2 { transform: rotate(-90deg); }
+</style>
+
+<div>نوٹو نستعلیق</div>
+<div class="v2">نوٹو نستعلیق</div>
diff --git a/layout/reftests/bugs/1562733-rotated-nastaliq-2.html b/layout/reftests/bugs/1562733-rotated-nastaliq-2.html
new file mode 100644
index 0000000000..c8577c6ea5
--- /dev/null
+++ b/layout/reftests/bugs/1562733-rotated-nastaliq-2.html
@@ -0,0 +1,14 @@
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: noto-nastaliq;
+  src: url(../fonts/NotoNastaliqUrdu-Regular.ttf);
+}
+body { font: 40px/200px noto-nastaliq; }
+div { text-align: center; margin: 10px; border: 1px solid gray;
+      width: 200px; height: 200px; float: left; }
+.v2 { writing-mode: sideways-lr; }
+</style>
+
+<div>نوٹو نستعلیق</div>
+<div class="v2">نوٹو نستعلیق</div>
diff --git a/layout/reftests/bugs/1563484-notref.html b/layout/reftests/bugs/1563484-notref.html
new file mode 100644
index 0000000000..225b1e5417
--- /dev/null
+++ b/layout/reftests/bugs/1563484-notref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<div style="font: message-box">
+  System font text.
+</div>
diff --git a/layout/reftests/bugs/1563484-ref.html b/layout/reftests/bugs/1563484-ref.html
new file mode 100644
index 0000000000..eb7744c637
--- /dev/null
+++ b/layout/reftests/bugs/1563484-ref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<div style="font: message-box">
+  System font text.
+</div>
+<script>
+  let el = document.querySelector("div");
+  el.style.fontSize = (2 * parseFloat(getComputedStyle(el).fontSize)) + "px";
+</script>
diff --git a/layout/reftests/bugs/1563484.html b/layout/reftests/bugs/1563484.html
new file mode 100644
index 0000000000..88d9dc0453
--- /dev/null
+++ b/layout/reftests/bugs/1563484.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<html reftest-text-zoom="2">
+<div style="font: message-box">
+  System font text.
+</div>
diff --git a/layout/reftests/bugs/1565129.txt b/layout/reftests/bugs/1565129.txt
new file mode 100644
index 0000000000..189370daa9
--- /dev/null
+++ b/layout/reftests/bugs/1565129.txt
@@ -0,0 +1 @@
+Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text. Some very very long text.
diff --git a/layout/reftests/bugs/1576553-1-ref.html b/layout/reftests/bugs/1576553-1-ref.html
new file mode 100644
index 0000000000..eb58e6cece
--- /dev/null
+++ b/layout/reftests/bugs/1576553-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/CharisSIL-R.ttf);
+}
+#test {
+  font: 100px test, serif;
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke-color: blue;
+  -webkit-text-stroke-width: 2px;
+}
+</style>
+<body>
+<div id="test">office</div>
diff --git a/layout/reftests/bugs/1576553-1.html b/layout/reftests/bugs/1576553-1.html
new file mode 100644
index 0000000000..370ff2a408
--- /dev/null
+++ b/layout/reftests/bugs/1576553-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/CharisSIL-R.ttf);
+}
+#test {
+  font: 100px test, serif;
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke-color: blue;
+  -webkit-text-stroke-width: 2px;
+}
+::selection {
+  background: transparent;
+  color: blue;
+}
+</style>
+<script>
+function doTest() {
+  let div = document.getElementById("test");
+  let range = document.createRange();
+  range.setStart(div.firstChild, 2);
+  range.setEnd(div.firstChild, 3);
+  window.getSelection().addRange(range);
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<body onload="doTest()">
+<div id="test">office</div>
diff --git a/layout/reftests/bugs/1577566-1-ref.html b/layout/reftests/bugs/1577566-1-ref.html
new file mode 100644
index 0000000000..9c7dda1d56
--- /dev/null
+++ b/layout/reftests/bugs/1577566-1-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Bug 1577566, reference: The alpha channel should be clamped at the right time so that it doesn't bright colors.</title>
+
+<style>
+
+#box {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0, 204, 0); /* 0, 0.8, 0 */
+}
+
+</style>
+
+<div id="box"></div>
diff --git a/layout/reftests/bugs/1577566-1.html b/layout/reftests/bugs/1577566-1.html
new file mode 100644
index 0000000000..3b8f0421ad
--- /dev/null
+++ b/layout/reftests/bugs/1577566-1.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Bug 1577566: The alpha channel should be clamped at the right time so that it doesn't bright colors.</title>
+
+<style>
+
+#box {
+  width: 100px;
+  height: 100px;
+  background-color: black;
+  filter: url(#filter);
+}
+
+</style>
+
+<div id="box"></div>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" color-interpolation-filters="sRGB">
+      <feColorMatrix type="matrix"
+                     values="0 0 0 0 0
+                             0 0 0 0 0.8
+                             0 0 0 0 0
+                             0 0 0 2 0"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/layout/reftests/bugs/1579953-2-ref.html b/layout/reftests/bugs/1579953-2-ref.html
new file mode 100644
index 0000000000..2ea92dc439
--- /dev/null
+++ b/layout/reftests/bugs/1579953-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+details::first-line { color: green; }
+* { column-count: 1 }
+</style>
+
+<body>
+<table id="b"><tbody></tbody></table>
+<details id="a" open>
+<summary hidden></summary>
+This is the details</details>
diff --git a/layout/reftests/bugs/1579953-2.html b/layout/reftests/bugs/1579953-2.html
new file mode 100644
index 0000000000..b4af7bdbe9
--- /dev/null
+++ b/layout/reftests/bugs/1579953-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+details::first-line { color: green; }
+* { column-count: 1 }
+</style>
+<script>
+function go() {
+  a.appendChild(document.createTextNode("details"))
+  b.createTBody()
+}
+</script>
+<body onload=go()>
+<table id="b"></table>
+<details id="a" open>
+<summary hidden></summary>
+This is the </details><!-- The entire line "This is ..." should be green. -->
diff --git a/layout/reftests/bugs/1580534-ref.html b/layout/reftests/bugs/1580534-ref.html
new file mode 100644
index 0000000000..383c7f5df8
--- /dev/null
+++ b/layout/reftests/bugs/1580534-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:10px; height:10px; background:black; border:1px solid red; position:absolute; top:0px; transform: translate(1px);"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1580534.html b/layout/reftests/bugs/1580534.html
new file mode 100644
index 0000000000..7e6290de71
--- /dev/null
+++ b/layout/reftests/bugs/1580534.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="transform:translate(0.4px); position:absolute; top:0px;">
+  <canvas style="margin-left:0.4px; border:1px solid red; display:block" width="10" height="10" id="c"></canvas>
+</div>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext('2d');
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, c.width, c.height);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1588954-ref.html b/layout/reftests/bugs/1588954-ref.html
new file mode 100644
index 0000000000..ebd728d5ea
--- /dev/null
+++ b/layout/reftests/bugs/1588954-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<style>
+#multicol {
+  font: 16px/1 sans-serif;
+  height: 10px;
+  column-width: 30px;
+  column-fill: auto;
+  border: 1px solid gray;
+}
+.box {
+  writing-mode: vertical-rl;
+  width: 10px;
+  height: 20px;
+  border: 1px solid blue;
+}
+</style>
+
+<div id="multicol">
+  <span>a</span>
+  <main class="box"></main>
+</div>
diff --git a/layout/reftests/bugs/1588954.html b/layout/reftests/bugs/1588954.html
new file mode 100644
index 0000000000..e4ef6b6a0e
--- /dev/null
+++ b/layout/reftests/bugs/1588954.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<style>
+#multicol {
+  font: 16px/1 sans-serif;
+  max-height: 10px; /* Bound column height without using a fixed height. */
+  column-width: 30px;
+  column-fill: auto;
+  border: 1px solid gray;
+}
+.box {
+  writing-mode: vertical-rl;
+  width: 10px;
+  height: 20px;
+  border: 1px solid blue;
+}
+</style>
+
+<div id="multicol">
+  <span>a</span>
+  <main class="box"></main>
+</div>
diff --git a/layout/reftests/bugs/1595199-1-ref.html b/layout/reftests/bugs/1595199-1-ref.html
new file mode 100644
index 0000000000..dff66336e0
--- /dev/null
+++ b/layout/reftests/bugs/1595199-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<meta charset=UTF-8>
+<title>Testcase reference, bug 1595199</title>
+<style>
+  #outer {
+    background: fuchsia;
+    height: 100px;
+  }
+
+  #inner {
+    background: blue;
+    height: 100px;
+    width: 50%;
+  }
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/bugs/1595199-1.html b/layout/reftests/bugs/1595199-1.html
new file mode 100644
index 0000000000..ab57557aa8
--- /dev/null
+++ b/layout/reftests/bugs/1595199-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<meta charset=UTF-8>
+<title>Testcase, bug 1595199</title>
+<style>
+  #outer {
+    background: red;
+    overflow: hidden;
+  }
+
+  #wrapper1 {
+    background: red;
+    height: 100%;
+  }
+
+  #wrapper2 {
+    background: fuchsia;
+    height: 100%;
+  }
+
+  #inner {
+    background: blue;
+    height: 100px;
+    width: 50%;
+  }
+</style>
+
+<div id="outer" style="height: 50px">
+  <div id="wrapper1">
+    <div id="wrapper2">
+      <div id="inner">
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  window.addEventListener("load", function load_handler() {
+    document.getElementById("wrapper2").offsetHeight; // flush layout
+    document.getElementById("outer").style.height = "auto";
+  });
+</script>
diff --git a/layout/reftests/bugs/1599841-1-ref.html b/layout/reftests/bugs/1599841-1-ref.html
new file mode 100644
index 0000000000..23f2b5c9e3
--- /dev/null
+++ b/layout/reftests/bugs/1599841-1-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Arabic subtending mark, CSS counter, Noto Nastaliq Urdu</title>
+    <style>
+        @font-face {
+            font-family: "NotoNastaliqUrduWeb";
+            src: url("../fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");
+        }
+
+        p {
+            margin-right: 40px;
+            text-align: right;
+        }
+
+        ul {
+            font-family: "NotoNastaliqUrduWeb", sans-serif;
+            list-style: none;
+        }
+
+        ul.ref li::before {
+            content: "\0602";
+            background: blue;
+            color: white;
+        }
+
+        ul.ref.green li::before {
+            background: green;
+            color: transparent;
+        }
+    </style>
+</head>
+
+<body>
+    <p>The width of the green bar should match the blue reference block:</p>
+
+    <ul class="ref" lang="ur" dir="rtl">
+        <li></li>
+    </ul>
+
+    <ul class="ref green" lang="ur" dir="rtl">
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+    </ul>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/1599841-1.html b/layout/reftests/bugs/1599841-1.html
new file mode 100644
index 0000000000..5582789e9a
--- /dev/null
+++ b/layout/reftests/bugs/1599841-1.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Arabic subtending mark, CSS counter, Noto Nastaliq Urdu</title>
+    <style>
+        @font-face {
+            font-family: "NotoNastaliqUrduWeb";
+            src: url("../fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");
+        }
+
+        p {
+            margin-right: 40px;
+            text-align: right;
+        }
+
+        ul {
+            font-family: "NotoNastaliqUrduWeb", sans-serif;
+            counter-reset: c;
+            list-style: none;
+        }
+
+        ul.test li::before {
+            content: "\0602" counter(c, arabic-indic);
+            counter-increment: c;
+            background: green;
+            color: transparent;  /* hide the glyphs to avoid Windows antialiasing
+                                    artifacts; we only care about the width */
+        }
+
+        ul.ref li::before {
+            content: "\0602";
+            background: blue;
+            color: white;
+        }
+    </style>
+</head>
+
+<body>
+    <p>The width of the green bar should match the blue reference block:</p>
+
+    <ul class="ref" lang="ur" dir="rtl">
+        <li></li>
+    </ul>
+
+    <ul class="test" lang="ur" dir="rtl">
+        <!-- list item numbers 1-9 should *not* add any width -->
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+    </ul>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/1599841-2-notref.html b/layout/reftests/bugs/1599841-2-notref.html
new file mode 100644
index 0000000000..bec8959bbe
--- /dev/null
+++ b/layout/reftests/bugs/1599841-2-notref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Arabic subtending mark, CSS counter, Noto Nastaliq Urdu</title>
+    <style>
+        @font-face {
+            font-family: "NotoNastaliqUrduWeb";
+            src: url("../fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");
+        }
+
+        p {
+            margin-right: 40px;
+            text-align: right;
+        }
+
+        ul {
+            font-family: "NotoNastaliqUrduWeb", sans-serif;
+            list-style: none;
+        }
+
+        ul.ref li::before {
+            content: "\0602";
+            background: blue;
+            color: white;
+        }
+
+        ul.ref.green li::before {
+            background: green;
+            color: transparent;
+        }
+    </style>
+</head>
+
+<body>
+    <p>The width of the green bar should <b>increase</b> half-way down:</p>
+
+    <ul class="ref" lang="ur" dir="rtl">
+        <li></li>
+    </ul>
+
+    <ul class="ref green" lang="ur" dir="rtl">
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+    </ul>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/1599841-2.html b/layout/reftests/bugs/1599841-2.html
new file mode 100644
index 0000000000..17596cf8ca
--- /dev/null
+++ b/layout/reftests/bugs/1599841-2.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Arabic subtending mark, CSS counter, Noto Nastaliq Urdu</title>
+    <style>
+        @font-face {
+            font-family: "NotoNastaliqUrduWeb";
+            src: url("../fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");
+        }
+
+        p {
+            margin-right: 40px;
+            text-align: right;
+        }
+
+        ul {
+            font-family: "NotoNastaliqUrduWeb", sans-serif;
+            counter-reset: c 7;
+            list-style: none;
+        }
+
+        ul.test li::before {
+            content: "\0602" counter(c, arabic-indic);
+            counter-increment: c;
+            background: green;
+            color: transparent;  /* hide the glyphs to avoid Windows antialiasing
+                                    artifacts; we only care about the width */
+        }
+
+        ul.ref li::before {
+            content: "\0602";
+            background: blue;
+            color: white;
+        }
+    </style>
+</head>
+
+<body>
+    <p>The width of the green bar should <b>increase</b> half-way down:</p>
+
+    <ul class="ref" lang="ur" dir="rtl">
+        <li></li>
+    </ul>
+
+    <ul class="test" lang="ur" dir="rtl">
+        <li></li>
+        <li></li>
+        <!-- list item numbers 10-11 *should* make the subtending mark wider -->
+        <li></li>
+        <li></li>
+    </ul>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/1606130-ref.html b/layout/reftests/bugs/1606130-ref.html
new file mode 100644
index 0000000000..a22bcbd673
--- /dev/null
+++ b/layout/reftests/bugs/1606130-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+  :root, body {
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+  body {
+    display: -moz-box;
+  }
+</style>
+<body></body>
diff --git a/layout/reftests/bugs/1606130.html b/layout/reftests/bugs/1606130.html
new file mode 100644
index 0000000000..d34935be1d
--- /dev/null
+++ b/layout/reftests/bugs/1606130.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+  :root, body {
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+</style>
+<body></body>
diff --git a/layout/reftests/bugs/1608124-1-ref.html b/layout/reftests/bugs/1608124-1-ref.html
new file mode 100644
index 0000000000..60e00afb16
--- /dev/null
+++ b/layout/reftests/bugs/1608124-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+div { font-size: 24px; margin: 1em; }
+.a { font-family: "Times New Roman", serif; }
+.b { font-family: "Arial", sans-serif; }
+</style>
+<div class=a>This should NOT use the SF NS Text font</div>
+<div class=b>This should NOT use the LastResort font</div>
diff --git a/layout/reftests/bugs/1608124-1.html b/layout/reftests/bugs/1608124-1.html
new file mode 100644
index 0000000000..6ca7935cb1
--- /dev/null
+++ b/layout/reftests/bugs/1608124-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+div { font-size: 24px; margin: 1em; }
+.a { font-family: ".SF NS Text", "Times New Roman", serif; }
+.b { font-family: ".LastResort", "Arial", sans-serif; }
+</style>
+<div class=a>This should NOT use the SF NS Text font</div>
+<div class=b>This should NOT use the LastResort font</div>
diff --git a/layout/reftests/bugs/1608124-2-notref.html b/layout/reftests/bugs/1608124-2-notref.html
new file mode 100644
index 0000000000..4119754407
--- /dev/null
+++ b/layout/reftests/bugs/1608124-2-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+.a { font-family: serif; font-size: 24px; }
+</style>
+<div class=a>This should NOT use the default serif font</div>
diff --git a/layout/reftests/bugs/1608124-2.html b/layout/reftests/bugs/1608124-2.html
new file mode 100644
index 0000000000..e1d66a48ce
--- /dev/null
+++ b/layout/reftests/bugs/1608124-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+.a { font-family: -apple-system, serif; font-size: 24px; }
+</style>
+<div class=a>This should NOT use the default serif font</div>
diff --git a/layout/reftests/bugs/1613380-ref.html b/layout/reftests/bugs/1613380-ref.html
new file mode 100644
index 0000000000..d3c696f575
--- /dev/null
+++ b/layout/reftests/bugs/1613380-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+.item { background: pink; margin-top: auto}
+</style>
+<div style="display:flex; flex-direction: column;
+            height: 100px; border: 1px solid black">
+  <div class="item">This text should be bottom-aligned</div>
+</div>
diff --git a/layout/reftests/bugs/1613380.html b/layout/reftests/bugs/1613380.html
new file mode 100644
index 0000000000..78dfc054b9
--- /dev/null
+++ b/layout/reftests/bugs/1613380.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+.item { background: pink; margin-top: auto}
+.strut {
+  visibility: collapse;
+  margin-left: auto; /* This should have no effect (but it does!) */
+}
+</style>
+<div style="display:flex; flex-direction: column;
+            height: 100px; border: 1px solid black">
+  <div class="item">This text should be bottom-aligned</div>
+  <div class="strut"></div>
+</div>
diff --git a/layout/reftests/bugs/1614788-1-ref.svg b/layout/reftests/bugs/1614788-1-ref.svg
new file mode 100644
index 0000000000..dbdaebaec8
--- /dev/null
+++ b/layout/reftests/bugs/1614788-1-ref.svg
@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="830" height="520.9100000000001">
+    <rect width="830" height="520.9100000000001" rx="5" ry="5"></rect>
+    <svg height="455.91" viewBox="0 0 2 1" width="800" x="15" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="50">
+        <style>
+            .h {
+                fill: rgb(152, 195, 121);
+            }
+            
+            .q {
+                fill: rgb(255, 99, 54)
+            }
+        </style>
+        <g font-size="1.67">
+            <rect height="45.591" width="80"></rect>
+            <g class="s">
+                <svg x="0" y="0" width="19760">
+                    <svg x="0">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="80">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="160">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="240">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="320">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="400">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+
+                </svg>
+            </g>
+        </g>
+    </svg>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1614788-1.svg b/layout/reftests/bugs/1614788-1.svg
new file mode 100644
index 0000000000..5345a4007c
--- /dev/null
+++ b/layout/reftests/bugs/1614788-1.svg
@@ -0,0 +1,83 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="830" height="520.9100000000001">
+    <rect width="830" height="520.9100000000001" rx="5" ry="5"></rect>
+    <svg height="455.91" viewBox="0 0 2 1" width="800" x="15" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="50">
+        <style>
+            .h {
+                fill: rgb(152, 195, 121);
+            }
+            
+            .q {
+                fill: rgb(255, 99, 54)
+            }
+            
+            .s {
+                animation-duration: 4s;
+                animation-iteration-count: infinite;
+                animation-name: r;
+                animation-timing-function: steps(1, end)
+            }
+            
+            @keyframes r {
+                0% {
+                    transform: translateX(-80px)
+                }
+                25% {
+                    transform: translateX(-160px)
+                }
+                50% {
+                    transform: translateX(-240px)
+                }
+                75% {
+                    transform: translateX(-320px)
+                }
+                100% {
+                    transform: translateX(-400px)
+                }
+            }
+        </style>
+        <g font-size="1.67">
+            <rect height="45.591" width="80"></rect>
+            <g class="s">
+                <svg x="0" y="0" width="19760">
+                    <svg x="0">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="80">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="160">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="240">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="320">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+                    <svg x="400">
+                        <rect height="20" width="80" x="0" y="0" class="p"></rect>
+                        <circle r="0.333" cx="1.5" cy="0.666" class="q"></circle>
+                        <text x="0.166" y="0.166" class="h" font-size="0.2">some text</text>
+                        <image x="0.166" y="0.333" width="0.833" height="0.833" xlink:href="repeatable-diagonal-gradient.png"></image>
+                    </svg>
+
+                </svg>
+            </g>
+        </g>
+    </svg>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1617515-1-ref.html b/layout/reftests/bugs/1617515-1-ref.html
new file mode 100644
index 0000000000..2e9bcfc8ea
--- /dev/null
+++ b/layout/reftests/bugs/1617515-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font: 32px sans-serif">
+<u>aa🔥<span></span>aaag-j-q-y</u>
diff --git a/layout/reftests/bugs/1617515-1.html b/layout/reftests/bugs/1617515-1.html
new file mode 100644
index 0000000000..c9ad7bb91d
--- /dev/null
+++ b/layout/reftests/bugs/1617515-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font: 32px sans-serif">
+<u>aa🔥aaag-j-q-y</u>
diff --git a/layout/reftests/bugs/1624118-ref.html b/layout/reftests/bugs/1624118-ref.html
new file mode 100644
index 0000000000..3c10ed7406
--- /dev/null
+++ b/layout/reftests/bugs/1624118-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<object type="image/svg+xml" data="243519-8.svg"></object>
diff --git a/layout/reftests/bugs/1624118.html b/layout/reftests/bugs/1624118.html
new file mode 100644
index 0000000000..a6b4a1465a
--- /dev/null
+++ b/layout/reftests/bugs/1624118.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html class="reftest-wait">
+<script>
+  let loadedOnce = false;
+  function objectLoaded() {
+    let firstTime = !loadedOnce;
+    loadedOnce = true;
+    let object = document.querySelector("object");
+    if (!firstTime) {
+      document.documentElement.className = "";
+      return;
+    }
+    // The svgs used in this test are arbitrary, but should obviously match the
+    // reference and should be different from each other.
+    object.data = "243519-8.svg";
+  }
+</script>
+<object onload="objectLoaded()" type="image/svg+xml" data="315920-20.svg"></object>
diff --git a/layout/reftests/bugs/1626259-1-ref.html b/layout/reftests/bugs/1626259-1-ref.html
new file mode 100644
index 0000000000..e3c4973da8
--- /dev/null
+++ b/layout/reftests/bugs/1626259-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    #scale {
+      width: 200px;
+      height: 200px;
+    }
+  </style>
+</head>
+<body>
+  <div id="outer">
+    <div id="inner">
+      <img id="scale" src="repeatable-diagonal-gradient.png">
+    </div>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/1626259-1.html b/layout/reftests/bugs/1626259-1.html
new file mode 100644
index 0000000000..2771e58dc2
--- /dev/null
+++ b/layout/reftests/bugs/1626259-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    #outer {
+      transform: scale(0.01);
+      transform-style: preserve-3d;
+    }
+
+    #inner {
+      transform: scale(100);
+    }
+
+    #scale {
+      width: 200px;
+      height: 200px;
+    }
+  </style>
+</head>
+<body>
+  <div id="outer">
+    <div id="inner">
+      <img id="scale" src="repeatable-diagonal-gradient.png">
+    </div>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/1626259-2-ref.html b/layout/reftests/bugs/1626259-2-ref.html
new file mode 100644
index 0000000000..e3c4973da8
--- /dev/null
+++ b/layout/reftests/bugs/1626259-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    #scale {
+      width: 200px;
+      height: 200px;
+    }
+  </style>
+</head>
+<body>
+  <div id="outer">
+    <div id="inner">
+      <img id="scale" src="repeatable-diagonal-gradient.png">
+    </div>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/1626259-2.html b/layout/reftests/bugs/1626259-2.html
new file mode 100644
index 0000000000..ec1b530785
--- /dev/null
+++ b/layout/reftests/bugs/1626259-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    #outer {
+      transform: scale(0.01);
+      transform-style: preserve-3d;
+    }
+
+    #inner {
+      transform: scale(100);
+    }
+
+    #scale {
+      width: 200px;
+      height: 200px;
+      animation: flyR 5s infinite;
+    }
+
+    @keyframes flyR {
+      from {
+        transform: scale(1);
+      }
+
+      to {
+        transform: scale(1.000000001);
+      }
+    }
+
+  </style>
+</head>
+<body>
+  <div id="outer">
+    <div id="inner">
+      <img id="scale" src="repeatable-diagonal-gradient.png">
+    </div>
+  </div>
+</body></html>
diff --git a/layout/reftests/bugs/163504-1-inner.html b/layout/reftests/bugs/163504-1-inner.html
new file mode 100644
index 0000000000..602ce848b2
--- /dev/null
+++ b/layout/reftests/bugs/163504-1-inner.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+div { height: 3%; }
+img { image-rendering: -moz-crisp-edges; }
+</style>
+</head>
+<body>
+
+<div><img src="blue-600x58.png" width="100" style="height: 50%"></div>
+<div><img src="blue-600x58.png" width="2" style="min-height: 50%"></div>
+<div><img src="blue-600x58.png" width="100" style="max-height: 50%"></div>
+
+<div><span style="position:relative; top: 30%">text</span></div>
+<div><span style="position:relative; bottom: 30%">text</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/163504-1-ref.html b/layout/reftests/bugs/163504-1-ref.html
new file mode 100644
index 0000000000..2bb2c3c1a6
--- /dev/null
+++ b/layout/reftests/bugs/163504-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+iframe { width: 100%; }
+</style>
+</head>
+<body>
+<iframe style="height: 750px" src="163504-1-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/163504-1a.html b/layout/reftests/bugs/163504-1a.html
new file mode 100644
index 0000000000..a8db85184e
--- /dev/null
+++ b/layout/reftests/bugs/163504-1a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+iframe { width: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.height = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="height: 1000px" id="toresize" src="163504-1-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/163504-1b.html b/layout/reftests/bugs/163504-1b.html
new file mode 100644
index 0000000000..3a372c4cb9
--- /dev/null
+++ b/layout/reftests/bugs/163504-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+iframe { width: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.height = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="height: 500px" id="toresize" src="163504-1-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/163504-2-inner.html b/layout/reftests/bugs/163504-2-inner.html
new file mode 100644
index 0000000000..e77cb44ddb
--- /dev/null
+++ b/layout/reftests/bugs/163504-2-inner.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+div { height: 3%; }
+img { image-rendering: -moz-crisp-edges; }
+</style>
+</head>
+<body>
+
+<div><span><img src="blue-600x58.png" width="100" style="height: 50%"></span></div>
+<div><span><img src="blue-600x58.png" width="2" style="min-height: 50%"></span></div>
+<div><span><img src="blue-600x58.png" width="100" style="max-height: 50%"></span></div>
+
+<div><span><span style="position:relative; top: 30%">text</span></span></div>
+<div><span><span style="position:relative; bottom: 30%">text</span></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/163504-2-ref.html b/layout/reftests/bugs/163504-2-ref.html
new file mode 100644
index 0000000000..07858dcd33
--- /dev/null
+++ b/layout/reftests/bugs/163504-2-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+iframe { width: 100%; }
+</style>
+</head>
+<body>
+<iframe style="height: 750px" src="163504-2-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/163504-2a.html b/layout/reftests/bugs/163504-2a.html
new file mode 100644
index 0000000000..e562faa424
--- /dev/null
+++ b/layout/reftests/bugs/163504-2a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+iframe { width: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.height = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="height: 1000px" id="toresize" src="163504-2-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/163504-2b.html b/layout/reftests/bugs/163504-2b.html
new file mode 100644
index 0000000000..37f529412b
--- /dev/null
+++ b/layout/reftests/bugs/163504-2b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block height</title>
+<style type="text/css">
+html, body { height: 100%; }
+iframe { width: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.height = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="height: 500px" id="toresize" src="163504-2-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1641769-1-ref.html b/layout/reftests/bugs/1641769-1-ref.html
new file mode 100644
index 0000000000..f8bd907c1c
--- /dev/null
+++ b/layout/reftests/bugs/1641769-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+    <meta charset="UTF-8">
+</head>
+<body>
+    <style>
+    .filter {
+        filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 1));
+    }
+    .child {
+        box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 1);
+        background-color: green;
+        width: 100px;
+        height: 100px;
+    }
+    </style>
+    <div class="filter">
+        <div>
+            <div class="child">
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1641769-1.html b/layout/reftests/bugs/1641769-1.html
new file mode 100644
index 0000000000..7cc2cd10df
--- /dev/null
+++ b/layout/reftests/bugs/1641769-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+    <meta charset="UTF-8">
+</head>
+<body>
+    <style>
+    .filter {
+        filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 1));
+    }
+
+    .perspective {
+        perspective: 1000px;
+    }
+
+    .child {
+        box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 1);
+        will-change: transform;
+        background-color: green;
+        width: 100px;
+        height: 100px;
+    }
+    </style>
+    <div class="filter">
+        <div class="perspective">
+            <div class="child">
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1642583-1-ref.html b/layout/reftests/bugs/1642583-1-ref.html
new file mode 100644
index 0000000000..5b756ca9f1
--- /dev/null
+++ b/layout/reftests/bugs/1642583-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <canvas id="pdf" width="200" height="200"></canvas>
+    <script>
+      const canvas = document.getElementById("pdf");
+      const ctx = canvas.getContext("2d");
+
+      ctx.transform(6.4, 0, 0, -6.4, 30, 60);
+
+      ctx.globalCompositeOperation = "darken";
+
+      ctx.fillStyle = "#36b64b";
+      ctx.fillRect(-1.78583, -16.46929, 23.21575, 24.20787);
+    </script>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/1642583-1.html b/layout/reftests/bugs/1642583-1.html
new file mode 100644
index 0000000000..817556e37e
--- /dev/null
+++ b/layout/reftests/bugs/1642583-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <canvas id="pdf" width="200" height="200"></canvas>
+    <script>
+      const canvas = document.getElementById("pdf");
+      const ctx = canvas.getContext("2d");
+
+      ctx.transform(6.4, 0, 0, -6.4, 30, 60);
+
+      ctx.globalCompositeOperation = "darken";
+
+      ctx.beginPath();
+      ctx.moveTo(3.34488, -15.90236);
+      ctx.lineTo(22.36535, -2.94803);
+      ctx.lineTo(13.01102, 7.14331);
+      ctx.lineTo(1.33228, 0.34016);
+      ctx.lineTo(5.10236, -7.08661);
+      ctx.lineTo(-1.38898, -9.41102);
+      ctx.lineTo(1.24724, -15.10866);
+      ctx.closePath();
+      ctx.clip("evenodd");
+
+      ctx.fillStyle = "#36b64b";
+      ctx.fillRect(-1.78583, -16.46929, 23.21575, 24.20787);
+    </script>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/1642603-1-ref.html b/layout/reftests/bugs/1642603-1-ref.html
new file mode 100644
index 0000000000..5e0ee42b59
--- /dev/null
+++ b/layout/reftests/bugs/1642603-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Reference: Bug 1642603 - scrollIntoView() should work on empty rects, even inside transforms</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.container {
+  overflow: auto;
+  perspective: 5px;
+  border: 1px solid black;
+  width: 300px;
+  height: 300px;
+}
+
+.absoluteElement {
+  transform: translateX(0);
+}
+
+.spacer {
+  height: 500px;
+}
+
+.zeroSizeBox {
+  margin-left: 30px;
+  width: 0;
+  height: 20px;
+}
+
+</style>
+
+<div class="container">
+  <div class="absoluteElement">
+    <div class="spacer"></div>
+    <p>This text should be visible.</p>
+    <div class="zeroSizeBox"></div>
+  </div>
+</div>
+
+<script>
+document.querySelector('.container').scrollTop = 1000; // scroll to the end
+</script>
diff --git a/layout/reftests/bugs/1642603-1.html b/layout/reftests/bugs/1642603-1.html
new file mode 100644
index 0000000000..b81aef8dd2
--- /dev/null
+++ b/layout/reftests/bugs/1642603-1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Bug 1642603 - scrollIntoView() should work on empty rects, even inside transforms</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.container {
+  overflow: auto;
+  perspective: 5px;
+  border: 1px solid black;
+  width: 300px;
+  height: 300px;
+}
+
+.absoluteElement {
+  transform: translateX(0);
+}
+
+.spacer {
+  height: 500px;
+}
+
+.zeroSizeBox {
+  margin-left: 30px;
+  width: 0;
+  height: 20px;
+}
+
+</style>
+
+<div class="container">
+  <div class="absoluteElement">
+    <div class="spacer"></div>
+    <p>This text should be visible.</p>
+    <div class="zeroSizeBox"></div>
+  </div>
+</div>
+
+<script>
+document.querySelector('.container').scrollTop = 0;
+document.querySelector('.zeroSizeBox').scrollIntoView();
+</script>
diff --git a/layout/reftests/bugs/1645549-2-ref.html b/layout/reftests/bugs/1645549-2-ref.html
new file mode 100644
index 0000000000..c860095d4a
--- /dev/null
+++ b/layout/reftests/bugs/1645549-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+#flex {
+  display: flex;
+  flex-flow: column;
+}
+main {
+  column-width: 100px;
+}
+</style>
+
+<main>
+  <div id="flex"><div>before</div><div>after</div></div>
+</main>
diff --git a/layout/reftests/bugs/1645549-2.html b/layout/reftests/bugs/1645549-2.html
new file mode 100644
index 0000000000..e66e9240cd
--- /dev/null
+++ b/layout/reftests/bugs/1645549-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+#flex {
+  display: flex;
+  flex-flow: column;
+}
+main {
+  column-width: 100px;
+}
+</style>
+
+<!-- "after" is wrapped in an anonymous flex item. -->
+<main>
+  <div id="flex"><div>before</div>after</div>
+</main>
diff --git a/layout/reftests/bugs/1648282-1-ref.html b/layout/reftests/bugs/1648282-1-ref.html
new file mode 100644
index 0000000000..686e5bc6e4
--- /dev/null
+++ b/layout/reftests/bugs/1648282-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+   - You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<html reftest-async-scroll>
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <style>
+    * {
+        margin: 0px;
+        padding: 0px;
+    }
+
+    .scrolled {
+        height: 400px;
+        opacity: 0.9;
+        background: linear-gradient(white, green);
+        will-change: transform;
+    }
+
+    .body {
+        width: 500px;
+        height: 200px;
+        overflow: hidden scroll;
+        background-color: red;
+    }
+    </style>
+    <title>Bug 1648282</title>
+</head>
+
+<body>
+    <div class="body" reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+        <div class="scrolled">
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1648282-1a.html b/layout/reftests/bugs/1648282-1a.html
new file mode 100644
index 0000000000..124f9b3449
--- /dev/null
+++ b/layout/reftests/bugs/1648282-1a.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+   - You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<html reftest-async-scroll>
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <style>
+    * {
+        margin: 0px;
+        padding: 0px;
+    }
+
+    .scrolled {
+        height: 400px;
+        opacity: 0.9;
+        background: linear-gradient(white, green);
+    }
+
+    .body {
+        width: 500px;
+        height: 200px;
+        overflow: hidden scroll;
+        background-color: red;
+    }
+
+    .pixel {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+    }
+    </style>
+    <title>Bug 1648282</title>
+</head>
+
+<body>
+    <div class="body" reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+        <div class="scrolled">
+            <div class="pixel" style="visibility: hidden;"></div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1648282-1b.html b/layout/reftests/bugs/1648282-1b.html
new file mode 100644
index 0000000000..73ec83859c
--- /dev/null
+++ b/layout/reftests/bugs/1648282-1b.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+   - You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<html reftest-async-scroll>
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <style>
+    * {
+        margin: 0px;
+        padding: 0px;
+    }
+
+    .scrolled {
+        height: 400px;
+        opacity: 0.9;
+        background: linear-gradient(white, green);
+    }
+
+    .body {
+        width: 500px;
+        height: 200px;
+        overflow: hidden scroll;
+        background-color: red;
+    }
+
+    .pixel {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+    }
+    </style>
+    <title>Bug 1648282</title>
+</head>
+
+<body>
+    <div class="body" reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+        <div class="scrolled">
+            <div class="pixel" style="visibility: visible;"></div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1672137-1-notref.html b/layout/reftests/bugs/1672137-1-notref.html
new file mode 100644
index 0000000000..9ddc196895
--- /dev/null
+++ b/layout/reftests/bugs/1672137-1-notref.html
@@ -0,0 +1,10 @@
+<!-- We want to test that the presence of the resizer affects the area used
+	 for the scrollbar. So we use a div to block where the resizer might go
+	 and then make sure that the part above that, the part where the scroll
+	 thumb is looks different with vs without the resizer. -->
+<html>
+	<body>
+		<textarea style="resize: none; position: absolute; top:10px; left:10px; height: 100px; width: 175px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text some more text some more text</textarea>
+		<div style="position: absolute; background: white; width: 35px; height: 35px; top: 85px; left: 160px;"></div>
+	</body>
+</html>
diff --git a/layout/reftests/bugs/1672137-1.html b/layout/reftests/bugs/1672137-1.html
new file mode 100644
index 0000000000..20b35df746
--- /dev/null
+++ b/layout/reftests/bugs/1672137-1.html
@@ -0,0 +1,10 @@
+<!-- We want to test that the presence of the resizer affects the area used
+	 for the scrollbar. So we use a div to block where the resizer might go
+	 and then make sure that the part above that, the part where the scroll
+	 thumb is looks different with vs without the resizer. -->
+<html>
+	<body>
+		<textarea style="position: absolute; top:10px; left:10px; height: 100px; width: 175px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text some more text some more text</textarea>
+		<div style="position: absolute; background: white; width: 35px; height: 35px; top: 85px; left: 160px;"></div>
+	</body>
+</html>
diff --git a/layout/reftests/bugs/1673677-1-ref.html b/layout/reftests/bugs/1673677-1-ref.html
new file mode 100644
index 0000000000..589b64fe2d
--- /dev/null
+++ b/layout/reftests/bugs/1673677-1-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference case for bug 1673677</title>
+<style>
+table, tr, td {
+  border: 1px solid;
+  border-width: 2px 2px 4px 4px;
+  padding: 3px 3px 6px 6px;
+  margin: 8px 8px 12px 12px;
+  border-spacing: 0;
+}
+td {
+  vertical-align: baseline;
+  line-height: 0;
+}
+.table-nested-cell {
+  /* Explicitly specify inner size, due to bug 1166120 */
+  inline-size: 125px;
+  block-size: 100px;
+}
+.filler-nested-table {
+  inline-size: 50px;
+  block-size: 75px;
+  background: purple;
+  display: inline-block;
+}
+.filler {
+  inline-size: 40px;
+  block-size: 30px;
+  background: pink;
+  display: inline-block;
+}
+.inner-table {
+  contain: layout;
+}
+</style>
+<table>
+  <tr>
+    <td class="table-nested-cell">
+      <table class="inner-table" style="writing-mode: vertical-lr;">
+        <tr><td><div class="filler-nested-table"></div></td></tr>
+      </table>
+    </td>
+    <td><div class="filler"></div></td>
+  </tr>
+</table>
+<table style="writing-mode: vertical-lr;">
+  <tr>
+    <td class="table-nested-cell">
+      <table class="inner-table" style="writing-mode: horizontal-tb;">
+        <tr><td><div class="filler-nested-table"></div></td></tr>
+      </table>
+    </td>
+    <td><div class="filler"></div></td>
+  </tr>
+</table>
+<table style="writing-mode: vertical-rl;">
+  <tr>
+    <td class="table-nested-cell">
+      <table class="inner-table" style="writing-mode: horizontal-tb;">
+        <tr><td><div class="filler-nested-table"></div></td></tr>
+      </table>
+    </td>
+    <td><div class="filler"></div></td>
+  </tr>
+</table>
diff --git a/layout/reftests/bugs/1673677-1.html b/layout/reftests/bugs/1673677-1.html
new file mode 100644
index 0000000000..60db7eec57
--- /dev/null
+++ b/layout/reftests/bugs/1673677-1.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Testcase for bug 1673677</title>
+<style>
+table, tr, td {
+  border: 1px solid;
+  border-width: 2px 2px 4px 4px;
+  padding: 3px 3px 6px 6px;
+  margin: 8px 8px 12px 12px;
+  border-spacing: 0;
+}
+td {
+  vertical-align: baseline;
+  line-height: 0;
+}
+.table-nested-cell {
+  /* Explicitly specify inner size, due to bug 1166120 */
+  inline-size: 125px;
+  block-size: 100px;
+}
+.filler-nested-table {
+  inline-size: 50px;
+  block-size: 75px;
+  background: purple;
+  display: inline-block;
+}
+.filler {
+  inline-size: 40px;
+  block-size: 30px;
+  background: pink;
+  display: inline-block;
+}
+</style>
+<table>
+  <tr>
+    <td class="table-nested-cell">
+      <table style="writing-mode: vertical-lr;">
+        <tr><td><div class="filler-nested-table"></div></td></tr>
+      </table>
+    </td>
+    <td><div class="filler"></div></td>
+  </tr>
+</table>
+<table style="writing-mode: vertical-lr;">
+  <tr>
+    <td class="table-nested-cell">
+      <table style="writing-mode: horizontal-tb;">
+        <tr><td><div class="filler-nested-table"></div></td></tr>
+      </table>
+    </td>
+    <td><div class="filler"></div></td>
+  </tr>
+</table>
+<table style="writing-mode: vertical-rl;">
+  <tr>
+    <td class="table-nested-cell">
+      <table style="writing-mode: horizontal-tb;">
+        <tr><td><div class="filler-nested-table"></div></td></tr>
+      </table>
+    </td>
+    <td><div class="filler"></div></td>
+  </tr>
+</table>
diff --git a/layout/reftests/bugs/1673677-2-ref.html b/layout/reftests/bugs/1673677-2-ref.html
new file mode 100644
index 0000000000..8089b53dc1
--- /dev/null
+++ b/layout/reftests/bugs/1673677-2-ref.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference case for bug 1673677</title>
+<style>
+.flex {
+  display: flex;
+  align-items: baseline;
+  border: 1px solid;
+  margin-bottom: 5px;
+  width: fit-content;
+}
+.wrapper {
+  /* Explicitly specify size, due to bug 1166120 */
+  inline-size: 125px;
+  block-size: 100px;
+}
+table, tr, td {
+  border: 1px solid;
+  border-width: 2px 2px 4px 4px;
+  padding: 3px 3px 6px 6px;
+  margin: 8px 8px 12px 12px;
+  border-spacing: 0;
+}
+td {
+  vertical-align: baseline;
+  line-height: 0;
+}
+.filler-nested-table {
+  inline-size: 50px;
+  block-size: 75px;
+  background: purple;
+  display: inline-block;
+}
+.filler {
+  inline-size: 40px;
+  block-size: 30px;
+  background: pink;
+  display: inline-block;
+}
+.inner-table {
+  contain: layout;
+}
+</style>
+<div class="flex">
+  <div class="wrapper">
+    <table class="inner-table" style="writing-mode: vertical-lr;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="flex" style="writing-mode: vertical-lr;">
+  <div class="wrapper">
+    <table class="inner-table" style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="flex" style="writing-mode: vertical-rl;">
+  <div class="wrapper">
+    <table class="inner-table" style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
diff --git a/layout/reftests/bugs/1673677-2.html b/layout/reftests/bugs/1673677-2.html
new file mode 100644
index 0000000000..9001618ee3
--- /dev/null
+++ b/layout/reftests/bugs/1673677-2.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Testcase for bug 1673677</title>
+<style>
+.flex {
+  display: flex;
+  align-items: baseline;
+  border: 1px solid;
+  margin-bottom: 5px;
+  width: fit-content;
+}
+.wrapper {
+  /* Explicitly specify size, due to bug 1166120 */
+  inline-size: 125px;
+  block-size: 100px;
+}
+table, tr, td {
+  border: 1px solid;
+  border-width: 2px 2px 4px 4px;
+  padding: 3px 3px 6px 6px;
+  margin: 8px 8px 12px 12px;
+  border-spacing: 0;
+}
+td {
+  vertical-align: baseline;
+  line-height: 0;
+}
+.filler-nested-table {
+  inline-size: 50px;
+  block-size: 75px;
+  background: purple;
+  display: inline-block;
+}
+.filler {
+  inline-size: 40px;
+  block-size: 30px;
+  background: pink;
+  display: inline-block;
+}
+</style>
+<div class="flex">
+  <div class="wrapper">
+    <table style="writing-mode: vertical-lr;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="flex" style="writing-mode: vertical-lr;">
+  <div class="wrapper">
+    <table style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="flex" style="writing-mode: vertical-rl;">
+  <div class="wrapper">
+    <table style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
diff --git a/layout/reftests/bugs/1673677-3-ref.html b/layout/reftests/bugs/1673677-3-ref.html
new file mode 100644
index 0000000000..610fd5ce13
--- /dev/null
+++ b/layout/reftests/bugs/1673677-3-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference case for bug 1673677</title>
+<style>
+.grid {
+  display: grid;
+  align-items: baseline;
+  border: 1px solid;
+  margin-bottom: 5px;
+  grid-template-columns: auto auto;
+  width: fit-content;
+}
+.wrapper {
+  /* Explicitly specify size, due to bug 1166120 */
+  inline-size: 125px;
+  block-size: 100px;
+}
+table, tr, td {
+  border: 1px solid;
+  border-width: 2px 2px 4px 4px;
+  padding: 3px 3px 6px 6px;
+  margin: 8px 8px 12px 12px;
+  border-spacing: 0;
+}
+td {
+  vertical-align: baseline;
+  line-height: 0;
+}
+.filler-nested-table {
+  inline-size: 50px;
+  block-size: 75px;
+  background: purple;
+  display: inline-block;
+}
+.filler {
+  inline-size: 40px;
+  block-size: 30px;
+  background: pink;
+  display: inline-block;
+}
+.inner-table {
+  contain: layout;
+}
+</style>
+<div class="grid">
+  <div class="wrapper">
+    <table class="inner-table" style="writing-mode: vertical-lr;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="grid" style="writing-mode: vertical-lr;">
+  <div class="wrapper">
+    <table class="inner-table" style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="grid" style="writing-mode: vertical-rl;">
+  <div class="wrapper">
+    <table class="inner-table" style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
diff --git a/layout/reftests/bugs/1673677-3.html b/layout/reftests/bugs/1673677-3.html
new file mode 100644
index 0000000000..337c2e199b
--- /dev/null
+++ b/layout/reftests/bugs/1673677-3.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Testcase for bug 1673677</title>
+<style>
+.grid {
+  display: grid;
+  align-items: baseline;
+  border: 1px solid;
+  margin-bottom: 5px;
+  grid-template-columns: auto auto;
+  width: fit-content;
+}
+.wrapper {
+  /* Explicitly specify size, due to bug 1166120 */
+  inline-size: 125px;
+  block-size: 100px;
+}
+table, tr, td {
+  border: 1px solid;
+  border-width: 2px 2px 4px 4px;
+  padding: 3px 3px 6px 6px;
+  margin: 8px 8px 12px 12px;
+  border-spacing: 0;
+}
+td {
+  vertical-align: baseline;
+  line-height: 0;
+}
+.filler-nested-table {
+  inline-size: 50px;
+  block-size: 75px;
+  background: purple;
+  display: inline-block;
+}
+.filler {
+  inline-size: 40px;
+  block-size: 30px;
+  background: pink;
+  display: inline-block;
+}
+</style>
+<div class="grid">
+  <div class="wrapper">
+    <table style="writing-mode: vertical-lr;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="grid" style="writing-mode: vertical-lr;">
+  <div class="wrapper">
+    <table style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
+<div class="grid" style="writing-mode: vertical-rl;">
+  <div class="wrapper">
+    <table style="writing-mode: horizontal-tb;">
+      <tr><td><div class="filler-nested-table"></div></td></tr>
+    </table>
+  </div>
+  <div><div class="filler"></div></div>
+</div>
diff --git a/layout/reftests/bugs/167496-1-ref.html b/layout/reftests/bugs/167496-1-ref.html
new file mode 100644
index 0000000000..b2f3748b9b
--- /dev/null
+++ b/layout/reftests/bugs/167496-1-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+  <meta http-equiv="content-type"
+ content="text/html; charset=ISO-8859-1">
+  <title>table border/css test</title>
+  <style type="text/css">
+<!--
+table {
+  border: 1px solid blue;
+  border-collapse: collapse;
+}
+
+th {
+  border: 1px outset silver;
+}
+
+td {
+  border: 1px outset silver;
+}
+-->
+  </style>
+</head>
+<body>
+
+
+<table>
+  <tbody>
+    <tr>
+      <th>Table-header</th>
+      <th>Table-header</th>
+      <th>Table-header</th>
+    </tr>
+    <tr>
+      <td>Table-data</td>
+      <td>Table-data</td>
+      <td>Table-data</td>
+    </tr>
+    <tr>
+      <td>Table-data</td>
+      <td>Table-data</td>
+      <td>Table-data</td>
+    </tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/167496-1.html b/layout/reftests/bugs/167496-1.html
new file mode 100644
index 0000000000..e27ca0ec55
--- /dev/null
+++ b/layout/reftests/bugs/167496-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+  <meta http-equiv="content-type"
+ content="text/html; charset=ISO-8859-1">
+  <title>table border/css test</title>
+  <style type="text/css">
+<!--
+table {
+  border: 1px solid blue;
+  border-collapse: collapse;
+}
+
+th {
+  border: 1px outset silver;
+}
+
+td {
+  border: 1px outset silver;
+}
+-->
+  </style>
+</head>
+<body>
+
+<table border="1">
+  <tbody>
+    <tr>
+      <th>Table-header</th>
+      <th>Table-header</th>
+      <th>Table-header</th>
+    </tr>
+    <tr>
+      <td>Table-data</td>
+      <td>Table-data</td>
+      <td>Table-data</td>
+    </tr>
+    <tr>
+      <td>Table-data</td>
+      <td>Table-data</td>
+      <td>Table-data</td>
+    </tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1686729-1-ref.html b/layout/reftests/bugs/1686729-1-ref.html
new file mode 100644
index 0000000000..505448f83b
--- /dev/null
+++ b/layout/reftests/bugs/1686729-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<div style="width: 100px; height: 100px; background-color: green;">
+</div>
+
diff --git a/layout/reftests/bugs/1686729-1.html b/layout/reftests/bugs/1686729-1.html
new file mode 100644
index 0000000000..fddbbf0900
--- /dev/null
+++ b/layout/reftests/bugs/1686729-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<div style="width: 100px; height: 100px; background-color: red; overflow: hidden; transform: scaleY(-1);">
+    <canvas id="c" width="200" height="200"></canvas>
+</div>
+
+<script>
+var ctx = document.getElementById('c').getContext('2d', { alpha: false });
+ctx.fillStyle = 'green';
+ctx.fillRect(0, 0, 200, 200);
+</script>
diff --git a/layout/reftests/bugs/1688004.xhtml b/layout/reftests/bugs/1688004.xhtml
new file mode 100644
index 0000000000..b67c18b7fe
--- /dev/null
+++ b/layout/reftests/bugs/1688004.xhtml
@@ -0,0 +1,9 @@
+<html xmlns="http://www.w3.org/1999/xhtml" scrolling="false" class="reftest-wait">
+  <body>
+    <dialog>ABC</dialog>
+    <script><![CDATA[
+      document.querySelector("dialog").showModal();
+      document.documentElement.className = "";
+    ]]></script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/169749-1-ref.html b/layout/reftests/bugs/169749-1-ref.html
new file mode 100644
index 0000000000..38a665abfe
--- /dev/null
+++ b/layout/reftests/bugs/169749-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html><head>
+  <style type="text/css">
+	p { margin: 0px; }
+        ul { border: 2px solid blue; }
+	li { border: 5px solid transparent } /* prevent margin collapsing */
+        .test1
+          li
+           { margin-bottom: 30px; }
+        .test2
+          li
+           { margin-top: 30px; }
+        .test3
+          li
+           { margin-top: 30px; margin-bottom: 30px; }
+        .test4
+          li
+           { margin-top: 20px; margin-bottom: 10px; }
+        .test5
+          li
+            { margin-top: -10px; margin-bottom: 10px; }
+  </style>
+</head>
+<body>
+<ul class="test1"><li><p>P (30px bottom margin)</p></li></ul>
+
+<ul class="test2"><li><p>P (30px top margin)</p></li></ul>
+
+<ul class="test3"><li><p>P (30px top+bottom margin)</p></li></ul>
+
+<ul class="test4"><li><p>P (20px top and 10px bottom margin)</p></li></ul>
+
+<ul class="test5"><li><p>P (-10px top and 10px bottom margin)</p></li></ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/169749-1.html b/layout/reftests/bugs/169749-1.html
new file mode 100644
index 0000000000..2f24ef5f4c
--- /dev/null
+++ b/layout/reftests/bugs/169749-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html><head>
+  <style type="text/css">
+	p { margin: 0px; }
+        ul { border: 2px solid blue; }
+	li { border: 5px solid transparent } /* prevent margin collapsing */
+        .test1
+          p
+           { margin-bottom: 30px; }
+        .test2
+          p
+           { margin-top: 30px; }
+        .test3
+          p
+           { margin-top: 30px; margin-bottom: 30px; }
+        .test4
+          p
+           { margin-top: 20px; margin-bottom: 10px; }
+        .test5
+          p
+            { margin-top: -10px; margin-bottom: 10px; }
+  </style>
+</head>
+<body>
+<ul class="test1"><li><p>P (30px bottom margin)</p></li></ul>
+
+<ul class="test2"><li><p>P (30px top margin)</p></li></ul>
+
+<ul class="test3"><li><p>P (30px top+bottom margin)</p></li></ul>
+
+<ul class="test4"><li><p>P (20px top and 10px bottom margin)</p></li></ul>
+
+<ul class="test5"><li><p>P (-10px top and 10px bottom margin)</p></li></ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1714763-1-ref.html b/layout/reftests/bugs/1714763-1-ref.html
new file mode 100644
index 0000000000..43bb3f09b6
--- /dev/null
+++ b/layout/reftests/bugs/1714763-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#target {
+  position: absolute;
+  left:100px;
+  top:100px;
+  scale:2.1;
+}
+#rotate {
+  transform: rotate(180deg);
+  transform-origin: 50% 50%;
+}
+#theimg {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<body>
+<div id="target">
+  <div id="rotate">
+    <img id="theimg" src="repeatable-diagonal-gradient.png">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/1714763-1.html b/layout/reftests/bugs/1714763-1.html
new file mode 100644
index 0000000000..a9c277b6b4
--- /dev/null
+++ b/layout/reftests/bugs/1714763-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+@keyframes anim {
+  0% { scale: 2.1; }
+  100% { scale: 2.1; }
+}
+#target {
+  position: absolute;
+  left:100px;
+  top:100px;
+  scale:0.05;
+}
+#rotate {
+  transform: rotate(180deg);
+  transform-origin: 50% 50%;
+}
+#theimg {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<body>
+<div id="target">
+  <div id="rotate">
+    <img id="theimg" src="repeatable-diagonal-gradient.png">
+  </div>
+</div>
+
+
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Set a bit longer animation delay to avoid painting the initial animation
+  // style on the main thread.
+  target.style.animation = "anim 100s 1s";
+  target.addEventListener("animationstart", () => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1714763-2-ref.html b/layout/reftests/bugs/1714763-2-ref.html
new file mode 100644
index 0000000000..686f00e869
--- /dev/null
+++ b/layout/reftests/bugs/1714763-2-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#target {
+  position: absolute;
+  left:100px;
+  top:100px;
+  scale:2.1;
+}
+#rotate {
+  transform: rotate(180deg);
+  transform-origin: 50% 50%;
+}
+#theimg {
+  width: 100px;
+  height: 100px;
+  clip-path: polygon(0 0,100% 0,50% 100%);
+}
+</style>
+<body>
+<div id="target">
+  <div id="rotate">
+    <img id="theimg" src="repeatable-diagonal-gradient.png">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/1714763-2.html b/layout/reftests/bugs/1714763-2.html
new file mode 100644
index 0000000000..b3a5e659b2
--- /dev/null
+++ b/layout/reftests/bugs/1714763-2.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+@keyframes anim {
+  0% { scale: 2.1; }
+  100% { scale: 2.1; }
+}
+#target {
+  position: absolute;
+  left:100px;
+  top:100px;
+  scale:0.05;
+}
+#rotate {
+  transform: rotate(180deg);
+  transform-origin: 50% 50%;
+}
+#theimg {
+  width: 100px;
+  height: 100px;
+  clip-path: polygon(0 0,100% 0,50% 100%);
+}
+</style>
+<body>
+<div id="target">
+  <div id="rotate">
+    <img id="theimg" src="repeatable-diagonal-gradient.png">
+  </div>
+</div>
+
+
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Set a bit longer animation delay to avoid painting the initial animation
+  // style on the main thread.
+  target.style.animation = "anim 100s 1s";
+  target.addEventListener("animationstart", () => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1714763-3-ref.html b/layout/reftests/bugs/1714763-3-ref.html
new file mode 100644
index 0000000000..cfe4071304
--- /dev/null
+++ b/layout/reftests/bugs/1714763-3-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#target {
+  position: absolute;
+  left:100px;
+  top:100px;
+  scale:1.9;
+}
+#rotate {
+  transform: rotate(180deg);
+  transform-origin: 50% 50%;
+}
+</style>
+<body>
+<div id="target">
+  <div id="rotate">
+    <svg width="100" height="100">
+      <g id="g">
+        <circle cx="100" cy="100" r="40" style="fill: rgb(200, 20, 20);"></circle>
+      </g>
+    </svg>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/1714763-3.html b/layout/reftests/bugs/1714763-3.html
new file mode 100644
index 0000000000..9dca10094f
--- /dev/null
+++ b/layout/reftests/bugs/1714763-3.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+@keyframes anim {
+  0% { scale: 1.9; }
+  100% { scale: 1.9; }
+}
+#target {
+  position: absolute;
+  left:100px;
+  top:100px;
+  scale:0.05;
+}
+#rotate {
+  transform: rotate(180deg);
+  transform-origin: 50% 50%;
+}
+</style>
+<body>
+<div id="target">
+  <div id="rotate">
+    <svg width="100" height="100">
+      <g id="g">
+        <circle cx="100" cy="100" r="40" style="fill: rgb(200, 20, 20);"></circle>
+      </g>
+    </svg>
+  </div>
+</div>
+
+
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Set a bit longer animation delay to avoid painting the initial animation
+  // style on the main thread.
+  target.style.animation = "anim 100s 1s";
+  target.addEventListener("animationstart", () => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/172073-1-ref.html b/layout/reftests/bugs/172073-1-ref.html
new file mode 100644
index 0000000000..9c72c1677f
--- /dev/null
+++ b/layout/reftests/bugs/172073-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<body>
+<UL>
+	<LI><A HREF="http://www.mozilla.org/">Mozilla.org</A></LI>
+	<LI><A HREF="http://www.mozilla.org/">Mozilla.org</A></LI>
+	<LI><A HREF="http://www.mozilla.org/">Mozilla.org</A></LI>
+</UL>
+</body>
+</html>
diff --git a/layout/reftests/bugs/172073-1.html b/layout/reftests/bugs/172073-1.html
new file mode 100644
index 0000000000..309d5773ed
--- /dev/null
+++ b/layout/reftests/bugs/172073-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<body>
+<UL>
+	<LI><DIV></DIV><A HREF="http://www.mozilla.org/">Mozilla.org</A></LI>
+	<LI><DIV></DIV><A HREF="http://www.mozilla.org/">Mozilla.org</A></LI>
+	<LI><DIV></DIV><A HREF="http://www.mozilla.org/">Mozilla.org</A></LI>
+</UL>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1721223-1-notref.html b/layout/reftests/bugs/1721223-1-notref.html
new file mode 100644
index 0000000000..773480d4dd
--- /dev/null
+++ b/layout/reftests/bugs/1721223-1-notref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+div {
+  background: black;
+  height: 2em;
+  margin: 1em;
+  float: left;
+}
+</style>
+
+<p>The two blocks should NOT be the same width:</p>
+
+<div>&#xfdd0;&#xfdd0;&#xfdd0;&#xfdd0;&#xfdd0;</div>
+
+<div>&#xfdd0;&#xfdd0;&#xfdd0;&#xfdd0;&#xfdd0;</div>
diff --git a/layout/reftests/bugs/1721223-1.html b/layout/reftests/bugs/1721223-1.html
new file mode 100644
index 0000000000..826270b101
--- /dev/null
+++ b/layout/reftests/bugs/1721223-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+div {
+  background: black;
+  height: 2em;
+  margin: 1em;
+  float: left;
+}
+</style>
+
+<!-- U+209B (subscript 's') is present in the macOS system font, so it should not render
+     with the width of the hexbox produced by the U+FDD0 noncharacter. -->
+
+<p>The two blocks should NOT be the same width:</p>
+
+<div>&#xfdd0;&#xfdd0;&#xfdd0;&#xfdd0;&#xfdd0;</div> <!-- noncharacter (renders hexbox) -->
+
+<div>&#x209b;&#x209b;&#x209b;&#x209b;&#x209b;</div> <!-- subscript letter s -->
diff --git a/layout/reftests/bugs/1726663-1-ref.html b/layout/reftests/bugs/1726663-1-ref.html
new file mode 100644
index 0000000000..47ae160770
--- /dev/null
+++ b/layout/reftests/bugs/1726663-1-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+<body>
+    <div style="width:0px; position:fixed">
+      <div style="position:fixed; width:400px; height:400px; background-color:red"></div>
+      <div style="left: 200px; top: 200px; position:fixed; width:400px; height:400px; background-color:blue"></div>
+    </div>
+<body>
+</html>
+
diff --git a/layout/reftests/bugs/1726663-1.html b/layout/reftests/bugs/1726663-1.html
new file mode 100644
index 0000000000..2b5edd5e2d
--- /dev/null
+++ b/layout/reftests/bugs/1726663-1.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+<body>
+    <div style="width:0px; position:fixed">
+      <div style="width: 0px; position: relative; z-index: 2">
+        <div style="position:fixed; width:400px; height:400px; background-color:red"></div>
+        <div style="left: 200px; top: 200px; position:fixed; width:400px; height:400px; background-color:blue"></div>
+      </div>
+    </div>
+<body>
+</html>
+
diff --git a/layout/reftests/bugs/1727016-1-ref.html b/layout/reftests/bugs/1727016-1-ref.html
new file mode 100644
index 0000000000..8c1cf96e0d
--- /dev/null
+++ b/layout/reftests/bugs/1727016-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html reftest-async-scroll reftest-async-scroll-y="100">
+   <head>
+    <style>
+
+.mask--6 .mask__clip-path{
+    /* clip-path:url(#notfound) */
+}
+
+.mask--6 .mask__container{
+    padding-top:117%
+}
+.mask__container{
+    position:relative
+}
+.mask__clip-path{
+    background:blue;
+    position:absolute;
+    width: 100px;
+    height: 200px;
+}
+    </style>
+
+   </head>
+   <body>
+
+  <div style="height: 1vh;"></div>
+
+  <div class="mask--6" style="max-width: 500px;">
+     <div class="mask__container">
+        <i class="mask__clip-path"></i>
+     </div>
+  </div>
+
+  <div style="height: 4000vh;"></div>
diff --git a/layout/reftests/bugs/1727016-1.html b/layout/reftests/bugs/1727016-1.html
new file mode 100644
index 0000000000..e6ad3b1385
--- /dev/null
+++ b/layout/reftests/bugs/1727016-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html reftest-async-scroll reftest-async-scroll-y="100">
+   <head>
+    <style>
+
+.mask--6 .mask__clip-path{
+    clip-path:url(#notfound)
+}
+
+.mask--6 .mask__container{
+    padding-top:117%
+}
+.mask__container{
+    position:relative
+}
+.mask__clip-path{
+    background:blue;
+    position:absolute;
+    width: 100px;
+    height: 200px;
+}
+    </style>
+
+   </head>
+   <body>
+
+  <div style="height: 1vh;"></div>
+
+  <div class="mask--6" style="max-width: 500px;">
+     <div class="mask__container">
+        <i class="mask__clip-path"></i>
+     </div>
+  </div>
+
+  <div style="height: 4000vh;"></div>
diff --git a/layout/reftests/bugs/1727172-1-ref.html b/layout/reftests/bugs/1727172-1-ref.html
new file mode 100644
index 0000000000..d806d8a6e5
--- /dev/null
+++ b/layout/reftests/bugs/1727172-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:56px; height:40px; position:relative; left:142px; top:100px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1727172-1.xhtml b/layout/reftests/bugs/1727172-1.xhtml
new file mode 100644
index 0000000000..c67da3c570
--- /dev/null
+++ b/layout/reftests/bugs/1727172-1.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="../webm-video/black140x100.webm" style="width:340px; height:40px; position:relative; top:100px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/bugs/1730314-1-ref.html b/layout/reftests/bugs/1730314-1-ref.html
new file mode 100644
index 0000000000..8e98293d55
--- /dev/null
+++ b/layout/reftests/bugs/1730314-1-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html>
+<body>
+  <div>&#9989;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1730314-1.html b/layout/reftests/bugs/1730314-1.html
new file mode 100644
index 0000000000..9138a7a1a5
--- /dev/null
+++ b/layout/reftests/bugs/1730314-1.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html>
+<body>
+  <div style="opacity: 0.5;">&#9989;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1735265-1-ref.html b/layout/reftests/bugs/1735265-1-ref.html
new file mode 100644
index 0000000000..9a7b488c33
--- /dev/null
+++ b/layout/reftests/bugs/1735265-1-ref.html
@@ -0,0 +1,36 @@
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Test for bug 1735265</title>
+  <style>
+    table {
+      width: 500px;
+    }
+
+    th {
+      background-color: green;
+    }
+
+    div {
+      width: 300px;
+      overflow: hidden;
+    }
+  </style>
+</head>
+
+<body>
+  <div>
+    <table>
+      <colgroup></colgroup>
+      <tr>
+        <th style="filter: hue-rotate(0);">foo</th>
+      </tr>
+      <tr>
+        <th style="will-change: transform;">bar</th>
+      </tr>
+    </table>
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/1735265-1.html b/layout/reftests/bugs/1735265-1.html
new file mode 100644
index 0000000000..9d4fe5046d
--- /dev/null
+++ b/layout/reftests/bugs/1735265-1.html
@@ -0,0 +1,40 @@
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Test for bug 1735265</title>
+  <style>
+    table {
+      width: 500px;
+    }
+
+    th {
+      background-color: green;
+    }
+
+    colgroup {
+      background-color: red;
+    }
+
+    div {
+      width: 300px;
+      overflow: hidden;
+    }
+  </style>
+</head>
+
+<body>
+  <div>
+    <table>
+      <colgroup></colgroup>
+      <tr>
+        <th style="filter: hue-rotate(0);">foo</th>
+      </tr>
+      <tr>
+        <th style="will-change: transform;">bar</th>
+      </tr>
+    </table>
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/1738700-1-ref.html b/layout/reftests/bugs/1738700-1-ref.html
new file mode 100644
index 0000000000..08fc813818
--- /dev/null
+++ b/layout/reftests/bugs/1738700-1-ref.html
@@ -0,0 +1,40 @@
+<html>
+  <head>
+    <meta charset=UTF-8>
+    <title>“Amiri Quran Colored” test</title>
+    <style>
+      @font-face {
+        font-family: AmiriMonochrome;
+        font-style: normal;
+        font-weight: 400;
+        src: url('../fonts/AmiriQuran.otf');
+      }
+      .test {
+        direction: rtl;
+        text-align: justify;
+        text-align-last: center;
+        font-size: 40px;
+        margin: 1em;
+        position: absolute;
+      }
+      .monochrome {
+        font-family: AmiriMonochrome;
+        -webkit-text-stroke: 3px black;
+      }
+    </style>
+  </head>
+  <div>The colored Arabic text should be exactly covered by (thicker) black text:</div>
+  <div class="test monochrome">
+    <p>
+    ﷽ ۝١
+    <br>
+ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِینَ ۝٢
+ٱلرَّحۡمَـٰنِ ٱلرَّحِیمِ ۝٣
+مَـٰلِكِ یَوۡمِ ٱلدِّینِ ۝٤
+إِیَّاكَ نَعۡبُدُ وَإِیَّاكَ نَسۡتَعِینُ ۝٥
+ٱهۡدِنَا ٱلصِّرَ ٰطَ ٱلۡمُسۡتَقِیمَ ۝٦
+صِرَ ٰطَ ٱلَّذِینَ أَنۡعَمۡتَ عَلَیۡهِمۡ غَیۡرِ ٱلۡمَغۡضُوبِ عَلَیۡهِمۡ وَلَا ٱلضَّاۤلِّینَ ۝٧
+    </p>
+  </div>
+</html>
+
diff --git a/layout/reftests/bugs/1738700-1.html b/layout/reftests/bugs/1738700-1.html
new file mode 100644
index 0000000000..5759b4b534
--- /dev/null
+++ b/layout/reftests/bugs/1738700-1.html
@@ -0,0 +1,62 @@
+<html>
+  <head>
+    <meta charset=UTF-8>
+    <title>“Amiri Quran Colored” test</title>
+    <style>
+      @font-face {
+        font-family: AmiriColored;
+        font-style: normal;
+        font-weight: 400;
+        src: url('../fonts/AmiriQuranColored.otf');
+      }
+      @font-face {
+        font-family: AmiriMonochrome;
+        font-style: normal;
+        font-weight: 400;
+        src: url('../fonts/AmiriQuran.otf');
+      }
+      .test {
+        direction: rtl;
+        text-align: justify;
+        text-align-last: center;
+        font-size: 40px;
+        margin: 1em;
+        position: absolute;
+      }
+      .colored {
+        font-family: AmiriColored;
+      }
+      .monochrome {
+        font-family: AmiriMonochrome;
+        /* Add some stroke to hide antialiased edges of the colored glyphs */
+        -webkit-text-stroke: 3px black;
+      }
+    </style>
+  </head>
+  <div>The colored Arabic text should be exactly covered by (thicker) black text:</div>
+  <div class="test colored">
+    <p>
+    ﷽ ۝١
+    <br>
+ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِینَ ۝٢
+ٱلرَّحۡمَـٰنِ ٱلرَّحِیمِ ۝٣
+مَـٰلِكِ یَوۡمِ ٱلدِّینِ ۝٤
+إِیَّاكَ نَعۡبُدُ وَإِیَّاكَ نَسۡتَعِینُ ۝٥
+ٱهۡدِنَا ٱلصِّرَ ٰطَ ٱلۡمُسۡتَقِیمَ ۝٦
+صِرَ ٰطَ ٱلَّذِینَ أَنۡعَمۡتَ عَلَیۡهِمۡ غَیۡرِ ٱلۡمَغۡضُوبِ عَلَیۡهِمۡ وَلَا ٱلضَّاۤلِّینَ ۝٧
+    </p>
+  </div>
+  <div class="test monochrome">
+    <p>
+    ﷽ ۝١
+    <br>
+ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِینَ ۝٢
+ٱلرَّحۡمَـٰنِ ٱلرَّحِیمِ ۝٣
+مَـٰلِكِ یَوۡمِ ٱلدِّینِ ۝٤
+إِیَّاكَ نَعۡبُدُ وَإِیَّاكَ نَسۡتَعِینُ ۝٥
+ٱهۡدِنَا ٱلصِّرَ ٰطَ ٱلۡمُسۡتَقِیمَ ۝٦
+صِرَ ٰطَ ٱلَّذِینَ أَنۡعَمۡتَ عَلَیۡهِمۡ غَیۡرِ ٱلۡمَغۡضُوبِ عَلَیۡهِمۡ وَلَا ٱلضَّاۤلِّینَ ۝٧
+    </p>
+  </div>
+</html>
+
diff --git a/layout/reftests/bugs/1743533-1-helper.html b/layout/reftests/bugs/1743533-1-helper.html
new file mode 100644
index 0000000000..abfc2d735f
--- /dev/null
+++ b/layout/reftests/bugs/1743533-1-helper.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style>
+:root { color-adjust: exact }
+html { background: green; }
+</style>
+</head>
+<body>
+<!-- just need some content with large height, use text because bg colors don't print by default -->
+<script>
+for (let i = 0; i < 1000; i++) {
+	document.body.appendChild(document.createTextNode("content"));
+	document.body.appendChild(document.createElement("br"));
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1743533-1-notref.html b/layout/reftests/bugs/1743533-1-notref.html
new file mode 100644
index 0000000000..cff933ee18
--- /dev/null
+++ b/layout/reftests/bugs/1743533-1-notref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="reftest-paged">
+<style>html{font-size:12pt}</style>
+<iframe style="height: 1000vh"></iframe>
+</html>
diff --git a/layout/reftests/bugs/1743533-1.html b/layout/reftests/bugs/1743533-1.html
new file mode 100644
index 0000000000..9d4764b349
--- /dev/null
+++ b/layout/reftests/bugs/1743533-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html><html class="reftest-paged">
+<style>html{font-size:12pt}</style>
+<!-- http example.org uri makes this an oop if with fission -->
+<iframe style="height: 1000vh" src="http://example.org/1743533-1-helper.html"></iframe>
+</html>
+
+<!--
+Some notes about this test.
+To reproduce the problem we just need an oop iframe that spans multiple pages,
+and some content in it that also spans multiple pages. I used text instead
+of a background color because background colors don't show up by default in
+print preview. We're using page mode here and not print preview, so that is
+not technically required here.
+
+We'd like to compare an oop iframe and an in process iframe with the same
+content to make sure they are the same. But some idiosyncracies with scrollbars
+in paged mode cause the rendering not to be exactly the same. Since paged mode
+is just for testing, and printing doesn't have scrollbars, it doesn't seem
+worth digging too much into it.
+
+We compare an iframe with content in it, to a blank iframe, and then we use a
+high minimum accepted number of pixels differing in the fuzz. This then makes
+sure the two documents differ by enough pixels.
+
+Note why we couldn't use other test types:
+
+I tried to write this as a wpt print reftest, it did not reproduce the bug.
+I'm not sure what wpt reftests use to simulate printing, but I suspect it
+is not similar enough to our print preview to trigger the bug.
+
+I tried to add this as a test to layout/base/tests/chrome/test_printpreview.xhtml
+but that is not feasible because that test runs as part of the mochitest-chrome
+suite, which I'm told doesn't even run in e10s mode, and definitely does not get
+run with fission, which is required to reproduce the bug.
+-->
diff --git a/layout/reftests/bugs/1743533-2.html b/layout/reftests/bugs/1743533-2.html
new file mode 100644
index 0000000000..e096506586
--- /dev/null
+++ b/layout/reftests/bugs/1743533-2.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="reftest-paged">
+<style>html{font-size:12pt}</style>
+<iframe style="height: 1000vh" src="1743533-1-helper.html"></iframe>
+</html>
diff --git a/layout/reftests/bugs/1743560-1-ref.html b/layout/reftests/bugs/1743560-1-ref.html
new file mode 100644
index 0000000000..1c3d568b53
--- /dev/null
+++ b/layout/reftests/bugs/1743560-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font-size: 2em">BRAILLE PATTERN BLANK should appear blank:
+[<span style="color:transparent">&#x2800;</span>]</div>
diff --git a/layout/reftests/bugs/1743560-1.html b/layout/reftests/bugs/1743560-1.html
new file mode 100644
index 0000000000..1379c23f08
--- /dev/null
+++ b/layout/reftests/bugs/1743560-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font-size: 2em">BRAILLE PATTERN BLANK should appear blank:
+[&#x2800;]</div>
diff --git a/layout/reftests/bugs/1743851-1-ref.html b/layout/reftests/bugs/1743851-1-ref.html
new file mode 100644
index 0000000000..07a9d22d25
--- /dev/null
+++ b/layout/reftests/bugs/1743851-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<meta charset="utf-8"/>
+		<script>
+
+			const spriteSheet = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAAFVBMVEUAAADMr3z///8PDw9AQEC/v7/w8PCtfkxVAAAAA3RSTlMAAAD6dsTeAAAAQ0lEQVQIWy3IQRGAIAAEwJ1zCEAFLEAUK5iPClaggj9rMH7Y57prrR0pOJB1kU58OIldsSt2BQVHaIN3Rnt4p2SwJj863A7yxMyt/AAAAABJRU5ErkJggg=='
+
+			const loadImage = (src) => {
+				return new Promise((resolve, reject) => {
+					var img = new Image()
+					img.onload = () => resolve(img)
+					img.onerror = () => reject(false)
+					img.src = src
+				})
+			}
+
+			let cursorImage
+
+			function drawTestImage(canvasID, alphaValue) {
+				const ctx = document.getElementById(canvasID).getContext("2d", { alpha: alphaValue })
+
+				ctx.fillStyle = "#808080" // For contrast
+				ctx.fillRect(0, 0, 30, 30)
+
+				createImageBitmap(cursorImage, 0, 0, 8, 11, { premultiplyAlpha: "none" }).then(image => {
+					ctx.drawImage(image, 10, 10)
+				})
+			}
+
+			window.addEventListener("DOMContentLoaded", () => {
+				loadImage(spriteSheet).then(img => {
+					cursorImage = img
+					drawTestImage("c1", true)
+				})
+			})
+
+		</script>
+	</head>
+	<body>
+		<canvas id="c1" width="30" height="30"></canvas>
+	</body>
+</html>
+
diff --git a/layout/reftests/bugs/1743851-1.html b/layout/reftests/bugs/1743851-1.html
new file mode 100644
index 0000000000..b2fe31dd2d
--- /dev/null
+++ b/layout/reftests/bugs/1743851-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<meta charset="utf-8"/>
+		<script>
+
+			const spriteSheet = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAAFVBMVEUAAADMr3z///8PDw9AQEC/v7/w8PCtfkxVAAAAA3RSTlMAAAD6dsTeAAAAQ0lEQVQIWy3IQRGAIAAEwJ1zCEAFLEAUK5iPClaggj9rMH7Y57prrR0pOJB1kU58OIldsSt2BQVHaIN3Rnt4p2SwJj863A7yxMyt/AAAAABJRU5ErkJggg=='
+
+			const loadImage = (src) => {
+				return new Promise((resolve, reject) => {
+					var img = new Image()
+					img.onload = () => resolve(img)
+					img.onerror = () => reject(false)
+					img.src = src
+				})
+			}
+
+			let cursorImage
+
+			function drawTestImage(canvasID, alphaValue) {
+				const ctx = document.getElementById(canvasID).getContext("2d", { alpha: alphaValue })
+
+				ctx.fillStyle = "#808080" // For contrast
+				ctx.fillRect(0, 0, 30, 30)
+
+				createImageBitmap(cursorImage, 0, 0, 8, 11, { premultiplyAlpha: "none" }).then(image => {
+					ctx.drawImage(image, 10, 10)
+				})
+			}
+
+			window.addEventListener("DOMContentLoaded", () => {
+				loadImage(spriteSheet).then(img => {
+					cursorImage = img
+					drawTestImage("c0", false)
+				})
+			})
+
+		</script>
+	</head>
+	<body>
+		<canvas id="c0" width="30" height="30"></canvas>
+	</body>
+</html>
+
diff --git a/layout/reftests/bugs/1744468-1-downscaled.png b/layout/reftests/bugs/1744468-1-downscaled.png
new file mode 100644
index 0000000000..c59f2c6784
Binary files /dev/null and b/layout/reftests/bugs/1744468-1-downscaled.png differ
diff --git a/layout/reftests/bugs/1744468-1-ref.html b/layout/reftests/bugs/1744468-1-ref.html
new file mode 100644
index 0000000000..adf2059cd0
--- /dev/null
+++ b/layout/reftests/bugs/1744468-1-ref.html
@@ -0,0 +1 @@
+<img src="1744468-1-downscaled.png">
diff --git a/layout/reftests/bugs/1744468-1.html b/layout/reftests/bugs/1744468-1.html
new file mode 100644
index 0000000000..8e48d8abf8
--- /dev/null
+++ b/layout/reftests/bugs/1744468-1.html
@@ -0,0 +1 @@
+<img src="1744468-1.png" style="width: 100px">
diff --git a/layout/reftests/bugs/1744468-1.png b/layout/reftests/bugs/1744468-1.png
new file mode 100644
index 0000000000..5bfab3854b
Binary files /dev/null and b/layout/reftests/bugs/1744468-1.png differ
diff --git a/layout/reftests/bugs/1747272-1-ref.html b/layout/reftests/bugs/1747272-1-ref.html
new file mode 100644
index 0000000000..ea9252267e
--- /dev/null
+++ b/layout/reftests/bugs/1747272-1-ref.html
@@ -0,0 +1,37 @@
+<html>
+  <head>
+    <meta charset=UTF-8>
+    <title>“Amiri Quran Colored” test</title>
+    <style>
+      @font-face {
+        font-family: AmiriMonochrome;
+        font-style: normal;
+        font-weight: 400;
+        src: url('../fonts/AmiriQuran.otf');
+      }
+      .test {
+        float: left;
+        direction: rtl;
+        font-size: 330px;
+        line-height: 0;
+        margin: 10px;
+        padding: 0 50px;
+        background: blue;
+        color: blue;
+      }
+      .monochrome {
+        font-family: AmiriMonochrome;
+      }
+    </style>
+  </head>
+  <div>The Arabic glyphs should NOT be visible against the blue background in either box:</div>
+  <div class="test monochrome">
+    <p>اردو
+    </p>
+  </div>
+  <div class="test monochrome">
+    <p>اردو
+    </p>
+  </div>
+</html>
+
diff --git a/layout/reftests/bugs/1747272-1.html b/layout/reftests/bugs/1747272-1.html
new file mode 100644
index 0000000000..79f3c6007d
--- /dev/null
+++ b/layout/reftests/bugs/1747272-1.html
@@ -0,0 +1,46 @@
+<html>
+  <head>
+    <meta charset=UTF-8>
+    <title>“Amiri Quran Colored” test</title>
+    <style>
+      @font-face {
+        font-family: AmiriColored;
+        font-style: normal;
+        font-weight: 400;
+        src: url('../fonts/AmiriQuranColored.otf');
+      }
+      @font-face {
+        font-family: AmiriMonochrome;
+        font-style: normal;
+        font-weight: 400;
+        src: url('../fonts/AmiriQuran.otf');
+      }
+      .test {
+        float: left;
+        direction: rtl;
+        font-size: 330px;
+        line-height: 0;
+        margin: 10px;
+        padding: 0 50px;
+        background: blue;
+        color: blue;
+      }
+      .colored {
+        font-family: AmiriColored;
+      }
+      .monochrome {
+        font-family: AmiriMonochrome;
+      }
+    </style>
+  </head>
+  <div>The Arabic glyphs should NOT be visible against the blue background in either box:</div>
+  <div class="test colored">
+    <p>اردو
+    </p>
+  </div>
+  <div class="test monochrome">
+    <p>اردو
+    </p>
+  </div>
+</html>
+
diff --git a/layout/reftests/bugs/1750146-1-ref.html b/layout/reftests/bugs/1750146-1-ref.html
new file mode 100644
index 0000000000..b0737ff72f
--- /dev/null
+++ b/layout/reftests/bugs/1750146-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<div style="width: 100px; height: 100px;">
+    <canvas id="c" width="100" height="100"></canvas>
+</div>
+
+<script>
+var ctx = document.getElementById('c').getContext('2d', { alpha: false });
+ctx.fillStyle = 'red';
+ctx.fillRect(0, 0, 50, 100);
+ctx.fillStyle = 'green';
+ctx.fillRect(50, 0, 50, 100);
+</script>
diff --git a/layout/reftests/bugs/1750146-1.html b/layout/reftests/bugs/1750146-1.html
new file mode 100644
index 0000000000..8e7d5b1bf3
--- /dev/null
+++ b/layout/reftests/bugs/1750146-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<div style="width: 100px; height: 100px; transform: scaleX(-1);">
+    <canvas id="c" width="100" height="100"></canvas>
+</div>
+
+<script>
+var ctx = document.getElementById('c').getContext('2d', { alpha: false });
+ctx.fillStyle = 'green';
+ctx.fillRect(0, 0, 50, 100);
+ctx.fillStyle = 'red';
+ctx.fillRect(50, 0, 50, 100);
+</script>
diff --git a/layout/reftests/bugs/175190-1-ref.html b/layout/reftests/bugs/175190-1-ref.html
new file mode 100644
index 0000000000..9caadd2ccd
--- /dev/null
+++ b/layout/reftests/bugs/175190-1-ref.html
@@ -0,0 +1,40 @@
+<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
+<html>
+<head>
+<title>Test Page</title>
+<style type="text/css">
+<!--
+td{
+  background-color: rgb(140,140,140);
+}
+-->
+</style>
+</head>
+<body>
+<table cellpadding=0 cellspacing=0 border=0 width=150>
+<tr><td><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></td></tr>
+<tr><td><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></td></tr>
+</table>
+<table cellpadding=0 cellspacing=0 border=0 width=150>
+<tr><td><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></td></tr>
+<tr><td><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></td></tr>
+</table>
+<table cellpadding=0 cellspacing=0 border=0>
+<tr><td><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></td></tr>
+<tr><td><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></td></tr>
+</table>
+<hr>
+</body>
+</html>
diff --git a/layout/reftests/bugs/175190-1.html b/layout/reftests/bugs/175190-1.html
new file mode 100644
index 0000000000..2f7568c74b
--- /dev/null
+++ b/layout/reftests/bugs/175190-1.html
@@ -0,0 +1,41 @@
+<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
+<html>
+<head>
+<title>Test Page</title>
+<style type="text/css">
+<!--
+.nav {
+  display:block;
+  background-color: rgb(140,140,140);
+}
+-->
+</style>
+</head>
+<body>
+<table cellpadding=0 cellspacing=0 border=0 width=150>
+<tr><td class="nav"><a href="a.htm"><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></a></td></tr>
+<tr><td class="nav"><a href="a.htm"><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></a></td></tr>
+</table>
+<table cellpadding=0 cellspacing=0 border=0 width=150>
+<tr><td><a href="a.htm" class="nav"><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></a></td></tr>
+<tr><td><a href="a.htm" class="nav"><img  width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></a></td></tr>
+</table>
+<table cellpadding=0 cellspacing=0 border=0 width=150>
+<tr><td><a href="a.htm"><img class="nav" width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></a></td></tr>
+<tr><td><a href="a.htm"><img class="nav" width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"
+             border=0></a></td></tr>
+</table>
+<hr>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1769082-1-ref.html b/layout/reftests/bugs/1769082-1-ref.html
new file mode 100644
index 0000000000..db9531d1a5
--- /dev/null
+++ b/layout/reftests/bugs/1769082-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<div style="width: 100px; height: 100px;">
+    <canvas id="c" width="100" height="100"></canvas>
+</div>
+
+<script>
+var ctx = document.getElementById('c').getContext('2d');
+var grd = ctx.createLinearGradient(0, 0, 100, 0);
+grd.addColorStop(0, 'black');
+grd.addColorStop(1, 'white');
+ctx.fillStyle = grd;
+ctx.fillRect(0, 0, 100, 100);
+
+ctx.globalAlpha = 0.8;
+ctx.fillStyle = 'white';
+ctx.fillRect(0, 0, 100, 100);
+</script>
diff --git a/layout/reftests/bugs/1769082-1.html b/layout/reftests/bugs/1769082-1.html
new file mode 100644
index 0000000000..fd5c847f9e
--- /dev/null
+++ b/layout/reftests/bugs/1769082-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+
+<div style="width: 100px; height: 100px;">
+    <canvas id="c" width="100" height="100"></canvas>
+</div>
+
+<script>
+var ctx = document.getElementById('c').getContext('2d');
+var grd = ctx.createLinearGradient(0, 0, 100, 0);
+grd.addColorStop(0, 'black');
+grd.addColorStop(1, 'white');
+ctx.fillStyle = grd;
+ctx.fillRect(0, 0, 100, 100);
+
+ctx.globalCompositeOperation = 'luminosity';
+ctx.globalAlpha = 0.8;
+ctx.fillStyle = 'white';
+ctx.fillRect(0, 0, 100, 100);
+</script>
diff --git a/layout/reftests/bugs/1773484-ref.html b/layout/reftests/bugs/1773484-ref.html
new file mode 100644
index 0000000000..e5fee16a4a
--- /dev/null
+++ b/layout/reftests/bugs/1773484-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<html>
+  <div style="font-size: 20vw">Some text</div>
+</html>
diff --git a/layout/reftests/bugs/1773484.html b/layout/reftests/bugs/1773484.html
new file mode 100644
index 0000000000..17915b4f13
--- /dev/null
+++ b/layout/reftests/bugs/1773484.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<html reftest-text-zoom="2">
+  <div style="font-size: 10vw">Some text</div>
+</html>
diff --git a/layout/reftests/bugs/1773633-full-zoom.html b/layout/reftests/bugs/1773633-full-zoom.html
new file mode 100644
index 0000000000..67547611d8
--- /dev/null
+++ b/layout/reftests/bugs/1773633-full-zoom.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html reftest-zoom="1.5">
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: purple;
+  }
+</style>
+<div>Box with text</div>
diff --git a/layout/reftests/bugs/1773633-text-zoom.html b/layout/reftests/bugs/1773633-text-zoom.html
new file mode 100644
index 0000000000..15535dd738
--- /dev/null
+++ b/layout/reftests/bugs/1773633-text-zoom.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html reftest-text-zoom="1.5">
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: purple;
+  }
+</style>
+<div>Box with text</div>
diff --git a/layout/reftests/bugs/1773633.html b/layout/reftests/bugs/1773633.html
new file mode 100644
index 0000000000..95c8478b27
--- /dev/null
+++ b/layout/reftests/bugs/1773633.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: purple;
+  }
+</style>
+<div>Box with text</div>
diff --git a/layout/reftests/bugs/1777135-ref.html b/layout/reftests/bugs/1777135-ref.html
new file mode 100644
index 0000000000..a01432cb68
--- /dev/null
+++ b/layout/reftests/bugs/1777135-ref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+:root {
+  color-scheme: dark;
+}
+</style>
+Here's a tall div, to generate a scrollbar:
+<div style="height:200vh"></div>
diff --git a/layout/reftests/bugs/1777135.html b/layout/reftests/bugs/1777135.html
new file mode 100644
index 0000000000..7ca5c45917
--- /dev/null
+++ b/layout/reftests/bugs/1777135.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+:root {
+  color-scheme: dark;
+  background-color: Canvas;
+}
+</style>
+Here's a tall div, to generate a scrollbar:
+<div style="height:200vh"></div>
diff --git a/layout/reftests/bugs/1778834-ref.html b/layout/reftests/bugs/1778834-ref.html
new file mode 100644
index 0000000000..f6abb3793a
--- /dev/null
+++ b/layout/reftests/bugs/1778834-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: #0060df;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/bugs/1778834.html b/layout/reftests/bugs/1778834.html
new file mode 100644
index 0000000000..43c7ff09c0
--- /dev/null
+++ b/layout/reftests/bugs/1778834.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<title>AccentColor without native accent</title>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: AccentColor;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/bugs/1780191-1-ref.svg b/layout/reftests/bugs/1780191-1-ref.svg
new file mode 100644
index 0000000000..3a010b42b7
--- /dev/null
+++ b/layout/reftests/bugs/1780191-1-ref.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<svg width="315px" height="445px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+   <svg viewBox="0 0 21000 29700" id="thetarget">
+<style>
+      rect {
+            fill: rgb(187,187,187);
+      }
+</style>
+<script>
+// <![CDATA[
+function insertRect(x,y,w,h) {
+      const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+      rect.setAttribute("x", x.toString());
+      rect.setAttribute("y", y.toString());
+      rect.setAttribute("height", h.toString());
+      rect.setAttribute("width", w.toString());
+      document.getElementById("thetarget").appendChild(rect);      
+}
+function place() {
+      let baseleft = 2000;
+      let basetop = 2000;
+      let width = 60;
+      let height = 539;
+      let coldiff = 120;
+      let rowdiff = 600;
+      for (let row = 0; row <= 60; row++) {
+            insertRect(baseleft, basetop + rowdiff*row, 34200, height);
+      }
+}
+
+place();
+// ]]>
+</script>
+
+   </svg>
+</svg>
diff --git a/layout/reftests/bugs/1780191-1.svg b/layout/reftests/bugs/1780191-1.svg
new file mode 100644
index 0000000000..6413b72611
--- /dev/null
+++ b/layout/reftests/bugs/1780191-1.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" standalone="no"?>
+<svg width="315px" height="445px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+   <svg viewBox="0 0 21000 29700" id="thetarget">
+<script>
+// <![CDATA[
+function insertRect(x,y,w,h) {
+      const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+      rect.setAttribute("x", x.toString());
+      rect.setAttribute("y", y.toString());
+      rect.setAttribute("height", h.toString());
+      rect.setAttribute("width", w.toString());
+      document.getElementById("thetarget").appendChild(rect);      
+}
+function place() {
+      let baseleft = 2000;
+      let basetop = 2000;
+      let width = 18;
+      let height = 539;
+      let coldiff = 66;
+      let rowdiff = 600;
+      for (let row = 0; row <= 60; row++) {
+            for (let col = 0; col <= 360; col++) {
+                  insertRect(baseleft + col*coldiff + row, basetop + rowdiff*row, width, height);
+            }      
+      }
+}
+place();
+// ]]>
+</script>
+
+
+   </svg>
+</svg>
diff --git a/layout/reftests/bugs/1787127-ref.html b/layout/reftests/bugs/1787127-ref.html
new file mode 100644
index 0000000000..2bbc1788c7
--- /dev/null
+++ b/layout/reftests/bugs/1787127-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<style>:root { background-color: teal }</style>
diff --git a/layout/reftests/bugs/1787127.html b/layout/reftests/bugs/1787127.html
new file mode 100644
index 0000000000..5a8c074bdb
--- /dev/null
+++ b/layout/reftests/bugs/1787127.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<style>:root { background-color: teal }</style>
+<iframe frameborder=0></iframe>
diff --git a/layout/reftests/bugs/1792643-1-ref.html b/layout/reftests/bugs/1792643-1-ref.html
new file mode 100644
index 0000000000..444853c341
--- /dev/null
+++ b/layout/reftests/bugs/1792643-1-ref.html
@@ -0,0 +1,36 @@
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Test for bug 1792643</title>
+  <style>
+    table {
+      width: 500px;
+    }
+
+    th {
+      background-color: green;
+    }
+
+    div {
+      width: 300px;
+      overflow: hidden;
+    }
+  </style>
+</head>
+
+<body>
+  <div>
+    <table>
+      <colgroup></colgroup>
+      <tr style="filter: hue-rotate(0);">
+        <th>foo</th>
+      </tr>
+      <tr style="will-change: transform;">
+        <th>bar</th>
+      </tr>
+    </table>
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/1792643-1.html b/layout/reftests/bugs/1792643-1.html
new file mode 100644
index 0000000000..8391f64fd1
--- /dev/null
+++ b/layout/reftests/bugs/1792643-1.html
@@ -0,0 +1,40 @@
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Test for bug 1792643</title>
+  <style>
+    table {
+      width: 500px;
+    }
+
+    th {
+      background-color: green;
+    }
+
+    colgroup {
+      background-color: red;
+    }
+
+    div {
+      width: 300px;
+      overflow: hidden;
+    }
+  </style>
+</head>
+
+<body>
+  <div>
+    <table>
+      <colgroup></colgroup>
+      <tr style="filter: hue-rotate(0);">
+        <th>foo</th>
+      </tr>
+      <tr style="will-change: transform;">
+        <th>bar</th>
+      </tr>
+    </table>
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/179596-1a-ref.html b/layout/reftests/bugs/179596-1a-ref.html
new file mode 100644
index 0000000000..2401c97da2
--- /dev/null
+++ b/layout/reftests/bugs/179596-1a-ref.html
@@ -0,0 +1,13 @@
+<html>
+   <head>
+      <title>bug 179596</title>
+   </head>
+   <body>
+      <OL>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+      </OL>
+   </body>
+</html>
diff --git a/layout/reftests/bugs/179596-1a.html b/layout/reftests/bugs/179596-1a.html
new file mode 100644
index 0000000000..fbc460a918
--- /dev/null
+++ b/layout/reftests/bugs/179596-1a.html
@@ -0,0 +1,13 @@
+<html>
+   <head>
+      <title>bug 179596</title>
+   </head>
+   <body>
+      <OL>
+         <LI></LI>
+         <LI></LI>
+         <LI></LI>
+         <LI></LI>
+      </OL>
+   </body>
+</html>
diff --git a/layout/reftests/bugs/179596-1b-ref.html b/layout/reftests/bugs/179596-1b-ref.html
new file mode 100644
index 0000000000..a90d07beb0
--- /dev/null
+++ b/layout/reftests/bugs/179596-1b-ref.html
@@ -0,0 +1,13 @@
+<html>
+   <head>
+      <title>bug 179596</title>
+   </head>
+   <body>
+      <UL>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+         <LI><span style="visibility:hidden">Hello</span></LI>
+      </UL>
+   </body>
+</html>
diff --git a/layout/reftests/bugs/179596-1b.html b/layout/reftests/bugs/179596-1b.html
new file mode 100644
index 0000000000..6f1f4e1dce
--- /dev/null
+++ b/layout/reftests/bugs/179596-1b.html
@@ -0,0 +1,13 @@
+<html>
+   <head>
+      <title>bug 179596</title>
+   </head>
+   <body>
+      <UL>
+         <LI></LI>
+         <LI></LI>
+         <LI></LI>
+         <LI></LI>
+      </UL>
+   </body>
+</html>
diff --git a/layout/reftests/bugs/179596-2-ref.html b/layout/reftests/bugs/179596-2-ref.html
new file mode 100644
index 0000000000..34b101f8f6
--- /dev/null
+++ b/layout/reftests/bugs/179596-2-ref.html
@@ -0,0 +1,7 @@
+<title>line-height quirk should be based on display (bug 179596)</title>
+<ul style="margin: 0 0 0 3em; padding: 0">
+  <li><span style="font-size:70%">hello</span></li>
+  <li><span style="font-size:70%">hello</span></li>
+  <li><span style="font-size:70%">hello</span></li>
+  <li><span style="font-size:70%">hello</span></li>
+</ul>
diff --git a/layout/reftests/bugs/179596-2-ref2.html b/layout/reftests/bugs/179596-2-ref2.html
new file mode 100644
index 0000000000..781e44d449
--- /dev/null
+++ b/layout/reftests/bugs/179596-2-ref2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>line-height quirk should be based on display (bug 179596)</title>
+<div style="margin: 0 0 0 3em; padding: 0">
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+</div>
diff --git a/layout/reftests/bugs/179596-2-ref3.html b/layout/reftests/bugs/179596-2-ref3.html
new file mode 100644
index 0000000000..b56cd21889
--- /dev/null
+++ b/layout/reftests/bugs/179596-2-ref3.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>line-height quirk should be based on display (bug 179596)</title>
+<ul style="margin: 0 0 0 3em; padding: 0">
+  <li><span style="font-size:70%">hello</span></li>
+  <li><span style="font-size:70%">hello</span></li>
+  <li><span style="font-size:70%">hello</span></li>
+  <li><span style="font-size:70%">hello</span></li>
+</ul>
diff --git a/layout/reftests/bugs/179596-2.html b/layout/reftests/bugs/179596-2.html
new file mode 100644
index 0000000000..7fb1bd427a
--- /dev/null
+++ b/layout/reftests/bugs/179596-2.html
@@ -0,0 +1,7 @@
+<title>line-height quirk should be based on display (bug 179596)</title>
+<div style="margin: 0 0 0 3em; padding: 0">
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+  <div style="display:list-item"><span style="font-size:70%">hello</span></div>
+</div>
diff --git a/layout/reftests/bugs/1798297-1-notref.html b/layout/reftests/bugs/1798297-1-notref.html
new file mode 100644
index 0000000000..ffe2242410
--- /dev/null
+++ b/layout/reftests/bugs/1798297-1-notref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8" />
+<title>Coordination of kern and palt features for CJK kerning</title>
+<style>
+.test {
+  font-family: "Yu Gothic UI";
+  font-size: 3em;
+  font-feature-settings: "kern" 1, "palt" 1;  /* should render differently from testcase */
+}
+</style>
+<body>
+<p>Enabling font-kerning:normal should NOT apply 'palt' for the Yu Gothic UI font</p>
+<div class=test>幻塔　イラストコンテスト　開催</div>
+</body>
+</head>
diff --git a/layout/reftests/bugs/1798297-1-ref.html b/layout/reftests/bugs/1798297-1-ref.html
new file mode 100644
index 0000000000..2c85730a28
--- /dev/null
+++ b/layout/reftests/bugs/1798297-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8" />
+<title>Coordination of kern and palt features for CJK kerning</title>
+<style>
+.test {
+  font-family: "Yu Gothic UI";
+  font-size: 3em;
+  font-kerning: none;  /* should render the same as testcase with 'normal' */
+}
+</style>
+<body>
+<p>Enabling font-kerning:normal should NOT apply 'palt' for the Yu Gothic UI font</p>
+<div class=test>幻塔　イラストコンテスト　開催</div>
+</body>
+</head>
diff --git a/layout/reftests/bugs/1798297-1.html b/layout/reftests/bugs/1798297-1.html
new file mode 100644
index 0000000000..e495ba38bb
--- /dev/null
+++ b/layout/reftests/bugs/1798297-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8" />
+<title>Coordination of kern and palt features for CJK kerning</title>
+<style>
+.test {
+  font-family: "Yu Gothic UI";
+  font-size: 3em;
+  font-kerning: normal;
+}
+</style>
+<body>
+<p>Enabling font-kerning:normal should NOT apply 'palt' for the Yu Gothic UI font</p>
+<div class=test>幻塔　イラストコンテスト　開催</div>
+</body>
+</head>
diff --git a/layout/reftests/bugs/1799425-1-ref.html b/layout/reftests/bugs/1799425-1-ref.html
new file mode 100644
index 0000000000..ab11cc9710
--- /dev/null
+++ b/layout/reftests/bugs/1799425-1-ref.html
@@ -0,0 +1,21 @@
+<style>
+body,
+html {
+  background-color: white;
+}
+.wrapper {
+  mix-blend-mode: difference;
+}
+.text {
+  color: white;
+}
+</style>
+<div class="wrapper">
+  <div class="text">This text should always be black
+  </div>
+</div>
+
+<div id="video">
+  <div>Hover here to make video disappear</div>
+  <iframe srcdoc="<div style='width: 100px; height: 100px; background: blue;'></div>">
+</div>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1799425-1.html b/layout/reftests/bugs/1799425-1.html
new file mode 100644
index 0000000000..3ddf10196c
--- /dev/null
+++ b/layout/reftests/bugs/1799425-1.html
@@ -0,0 +1,26 @@
+<style>
+body,
+html {
+  background-color: white;
+}
+.wrapper {
+  mix-blend-mode: difference;
+}
+.text {
+  color: white;
+}
+</style>
+<div class="wrapper">
+  <div class="text">This text should always be black
+  </div>
+</div>
+
+<div id="video">
+  <div>Hover here to make video disappear</div>
+  <iframe srcdoc="<style>
+	html, body {
+		background: white;
+	}
+  </style>
+<div style='width: 100px; height: 100px; background: blue;'></div>">
+</div>
\ No newline at end of file
diff --git a/layout/reftests/bugs/1800437-1-ref.html b/layout/reftests/bugs/1800437-1-ref.html
new file mode 100644
index 0000000000..311f560d4c
--- /dev/null
+++ b/layout/reftests/bugs/1800437-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 10em;  /* Script below will adjust this. */
+}
+#measure {
+  color: transparent;
+  border: 1px solid transparent;
+  display: inline-block;
+}
+p {
+  border: 1px solid gray;
+  margin: 10px;
+  font: 100px/1.5 serif;
+  white-space: nowrap;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  direction: rtl;
+}
+</style>
+<div>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x1f310;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x2026;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x2026;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x2026;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x2026;</p>
+<p id=measure>&#x1f310;</p>
+</div>
+<script>
+/* Set width of the "test" elements to ensure it can fit 4 globe glyphs,
+   plus half a glyph of extra space. */
+measure = document.getElementById("measure");
+globeWidth = window.getComputedStyle(measure).width.replace("px", "");
+document.styleSheets[0].cssRules[0].style.width = 4.5 * globeWidth + "px";
+</script>
diff --git a/layout/reftests/bugs/1800437-1.html b/layout/reftests/bugs/1800437-1.html
new file mode 100644
index 0000000000..3ec340c5e6
--- /dev/null
+++ b/layout/reftests/bugs/1800437-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 10em;  /* Script below will adjust this. */
+}
+#measure {
+  color: transparent;
+  border: 1px solid transparent;
+  display: inline-block;
+}
+p {
+  border: 1px solid gray;
+  margin: 10px;
+  font: 100px/1.5 serif;
+  white-space: nowrap;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  direction: rtl;
+}
+</style>
+<div>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x1f310;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;</p>
+<p class=test>&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;&#x1f310;</p>
+<p id=measure>&#x1f310;</p>
+</div>
+<script>
+/* Set width of the "test" elements to ensure it can fit 4 globe glyphs,
+   plus half a glyph of extra space. */
+measure = document.getElementById("measure");
+globeWidth = window.getComputedStyle(measure).width.replace("px", "");
+document.styleSheets[0].cssRules[0].style.width = 4.5 * globeWidth + "px";
+</script>
diff --git a/layout/reftests/bugs/180085-1-ref.html b/layout/reftests/bugs/180085-1-ref.html
new file mode 100644
index 0000000000..d07a67f7f1
--- /dev/null
+++ b/layout/reftests/bugs/180085-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ .none { -moz-appearance: none; }
+ input, button { width: 1.5em; padding: 0; font-size: 14px; }
+</style>
+</head>
+<body>
+  <input class="none" type="button" value="M"><br>
+  <input class="none" type="button" value="M"><br>
+
+  <input class="none" type="button" value="Long Text"><br>
+  <input class="none" type="button" value="Long Text"><br>
+
+  <input type="button" value="M"><br>
+  <input type="button" value="M"><br>
+
+  <input type="button" value="Long Text"><br>
+  <input type="button" value="Long Text"><br>
+
+  <button class="none" type="button">M</button><br>
+  <button class="none" type="button">M</button><br>
+
+  <button class="none" type="button">Long Text</button><br>
+  <button class="none" type="button">Long Text</button><br>
+
+  <button type="button">M</button><br>
+  <button type="button">M</button><br>
+
+  <button type="button">Long Text</button><br>
+  <button type="button">Long Text</button><br>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/180085-1.html b/layout/reftests/bugs/180085-1.html
new file mode 100644
index 0000000000..1c22030a5b
--- /dev/null
+++ b/layout/reftests/bugs/180085-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ .none { -moz-appearance: none; }
+ input, button { width: 1.5em; padding-top: 0; padding-bottom: 0; font-size: 14px; }
+</style>
+</head>
+<body>
+  <input class="none" type="button" value="M"><br>
+  <input class="none" type="button" style="padding: 0 0.2em;" value="M"><br>
+
+  <input class="none" type="button" value="Long Text"><br>
+  <input class="none" type="button" style="padding: 0 0.2em;" value="Long Text"><br>
+
+  <input type="button" value="M"><br>
+  <input type="button" style="padding: 0 0.2em;" value="M"><br>
+
+  <input type="button" value="Long Text"><br>
+  <input type="button" style="padding: 0 0.2em;" value="Long Text"><br>
+
+  <button class="none" type="button">M</button><br>
+  <button class="none" type="button" style="padding: 0 0.2em;" >M</button><br>
+
+  <button class="none" type="button">Long Text</button><br>
+  <button class="none" type="button" style="padding: 0 0.2em;">Long Text</button><br>
+
+  <button type="button">M</button><br>
+  <button type="button" style="padding: 0 0.2em;">M</button><br>
+
+  <button type="button">Long Text</button><br>
+  <button type="button" style="padding: 0 0.2em;" >Long Text</button><br>
+</body>
+</html>
diff --git a/layout/reftests/bugs/180085-2-ref.html b/layout/reftests/bugs/180085-2-ref.html
new file mode 100644
index 0000000000..48e106b089
--- /dev/null
+++ b/layout/reftests/bugs/180085-2-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ .none { -moz-appearance: none; }
+ input, button { width: 1.5em; padding: 0; font-size: 12px }
+</style>
+</head>
+<body>
+  <input class="none" type="button" value="M"><br>
+  <input class="none" type="button" value="M"><br>
+
+  <input class="none" type="button" value="Long Text"><br>
+  <input class="none" type="button" value="Long Text"><br>
+
+  <input type="button" value="M"><br>
+  <input type="button" value="M"><br>
+
+  <input type="button" value="Long Text"><br>
+  <input type="button" value="Long Text"><br>
+
+  <button class="none" type="button">M</button><br>
+  <button class="none" type="button">M</button><br>
+
+  <button class="none" type="button">Long Text</button><br>
+  <button class="none" type="button">Long Text</button><br>
+
+  <button type="button">M</button><br>
+  <button type="button">M</button><br>
+
+  <button type="button">Long Text</button><br>
+  <button type="button">Long Text</button><br>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/180085-2.html b/layout/reftests/bugs/180085-2.html
new file mode 100644
index 0000000000..66d3be296a
--- /dev/null
+++ b/layout/reftests/bugs/180085-2.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ .none { -moz-appearance: none; }
+ input, button { width: 1.5em; padding-top: 0; padding-bottom: 0; font-size: 12px }
+</style>
+</head>
+<body>
+  <input class="none" type="button" value="M"><br>
+  <input class="none" type="button" style="padding: 0 0.2em;" value="M"><br>
+
+  <input class="none" type="button" value="Long Text"><br>
+  <input class="none" type="button" style="padding: 0 0.2em;" value="Long Text"><br>
+
+  <input type="button" value="M"><br>
+  <input type="button" style="padding: 0 0.2em;" value="M"><br>
+
+  <input type="button" value="Long Text"><br>
+  <input type="button" style="padding: 0 0.2em;" value="Long Text"><br>
+
+  <button class="none" type="button">M</button><br>
+  <button class="none" type="button" style="padding: 0 0.2em;" >M</button><br>
+
+  <button class="none" type="button">Long Text</button><br>
+  <button class="none" type="button" style="padding: 0 0.2em;">Long Text</button><br>
+
+  <button type="button">M</button><br>
+  <button type="button" style="padding: 0 0.2em;">M</button><br>
+
+  <button type="button">Long Text</button><br>
+  <button type="button" style="padding: 0 0.2em;" >Long Text</button><br>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1803999-1-ref.html b/layout/reftests/bugs/1803999-1-ref.html
new file mode 100644
index 0000000000..6c41d5c2bb
--- /dev/null
+++ b/layout/reftests/bugs/1803999-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+div {
+  margin: 10px;
+  width: 2ic;
+  height: 1ic;
+  background: blue;
+  /* Examples of Windows and macOS fonts that include vertical metrics: */
+  font: 20px Yu Gothic, Yu Mincho, SimSun, Meiryo, Hiragino Sans, STSong, sans-serif;
+}
+</style>
+<p>Both blocks should be the same size:</p>
+<div></div>
+<div></div>
diff --git a/layout/reftests/bugs/1803999-1.html b/layout/reftests/bugs/1803999-1.html
new file mode 100644
index 0000000000..eb6fbb5999
--- /dev/null
+++ b/layout/reftests/bugs/1803999-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+div {
+  margin: 10px;
+  width: 2ic;
+  height: 1ic;
+  background: blue;
+  /* Examples of Windows and macOS fonts that include vertical metrics: */
+  font: 20px Yu Gothic, Yu Mincho, SimSun, Meiryo, Hiragino Sans, STSong, sans-serif;
+}
+#test {
+  writing-mode: vertical-rl;
+}
+</style>
+<p>Both blocks should be the same size:</p>
+<div></div>
+<div id=test></div>
diff --git a/layout/reftests/bugs/1804872-1-ref.html b/layout/reftests/bugs/1804872-1-ref.html
new file mode 100644
index 0000000000..d2947bf475
--- /dev/null
+++ b/layout/reftests/bugs/1804872-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  background-color: green;
+  scale:2;
+}
+</style>
+<img id="target" src="repeatable-diagonal-gradient.png">
+</html>
diff --git a/layout/reftests/bugs/1804872-1.html b/layout/reftests/bugs/1804872-1.html
new file mode 100644
index 0000000000..d3ae36ee96
--- /dev/null
+++ b/layout/reftests/bugs/1804872-1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+@keyframes anim {
+  0% { scale: 2.0; }
+  100% { scale: 2.0; }
+}
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  background-color: green;
+  scale:0.1;
+}
+</style>
+<img id="target" src="repeatable-diagonal-gradient.png">
+
+
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Set a bit longer animation delay to avoid painting the initial animation
+  // style on the main thread.
+  target.style.animation = "anim 100s 1s";
+  target.addEventListener("animationstart", () => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/bugs/1804872-2-ref.html b/layout/reftests/bugs/1804872-2-ref.html
new file mode 100644
index 0000000000..d13087343a
--- /dev/null
+++ b/layout/reftests/bugs/1804872-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  background-color: green;
+  scale:2;
+}
+</style>
+<img id="target" src="pinwheel_logo.svg">
+</html>
diff --git a/layout/reftests/bugs/1804872-2.html b/layout/reftests/bugs/1804872-2.html
new file mode 100644
index 0000000000..6801b8fb5a
--- /dev/null
+++ b/layout/reftests/bugs/1804872-2.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+@keyframes anim {
+  0% { scale: 2.0; }
+  100% { scale: 2.0; }
+}
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  background-color: green;
+  scale:0.1;
+}
+</style>
+<img id="target" src="pinwheel_logo.svg">
+
+
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Set a bit longer animation delay to avoid painting the initial animation
+  // style on the main thread.
+  target.style.animation = "anim 100s 1s";
+  target.addEventListener("animationstart", () => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/bugs/1804872-3-ref.html b/layout/reftests/bugs/1804872-3-ref.html
new file mode 100644
index 0000000000..d69fe27404
--- /dev/null
+++ b/layout/reftests/bugs/1804872-3-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  background-color: green;
+  background-image: url(pinwheel_logo.svg);
+  background-size: 200px 200px;
+  background-position: -50px -50px;
+  scale:2;
+}
+</style>
+<div id="target">
+</html>
diff --git a/layout/reftests/bugs/1804872-3.html b/layout/reftests/bugs/1804872-3.html
new file mode 100644
index 0000000000..33ad3e1c69
--- /dev/null
+++ b/layout/reftests/bugs/1804872-3.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+@keyframes anim {
+  0% { scale: 2.0; }
+  100% { scale: 2.0; }
+}
+
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  background-image: url(pinwheel_logo.svg);
+  background-size: 200px 200px;
+  background-position: -50px -50px;
+  background-color: green;
+  scale:0.1;
+}
+</style>
+<div id="target">
+
+
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Set a bit longer animation delay to avoid painting the initial animation
+  // style on the main thread.
+  target.style.animation = "anim 100s 1s";
+  target.addEventListener("animationstart", () => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/bugs/1814047-ref.html b/layout/reftests/bugs/1814047-ref.html
new file mode 100644
index 0000000000..0d8204ae73
--- /dev/null
+++ b/layout/reftests/bugs/1814047-ref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<html class="reftest-paged">
+  <button style="color: black; background: transparent;">Something</button>
diff --git a/layout/reftests/bugs/1814047.html b/layout/reftests/bugs/1814047.html
new file mode 100644
index 0000000000..819d4a7bdc
--- /dev/null
+++ b/layout/reftests/bugs/1814047.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<html class="reftest-paged" reftest-paged-backgrounds="false">
+  <button style="color: white; background: black;">Something</button>
diff --git a/layout/reftests/bugs/1814628-1-ref.html b/layout/reftests/bugs/1814628-1-ref.html
new file mode 100644
index 0000000000..a756d01294
--- /dev/null
+++ b/layout/reftests/bugs/1814628-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<div style="position: absolute; width: 100px; height: 10px; background: red;"></div>
+<div style="position: absolute; width: 6px; height: 6px; background: green;"></div>
diff --git a/layout/reftests/bugs/1814628-1.html b/layout/reftests/bugs/1814628-1.html
new file mode 100644
index 0000000000..273e6269e1
--- /dev/null
+++ b/layout/reftests/bugs/1814628-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="position: absolute; width: 100px; height: 10px; background: red;"></div>
+<div style="position: absolute; width: 6px; height: 6px; background: green;"></div>
+<div style="position: absolute; width: 100px; height: 10px; border-radius: 100% 0; background: red;"></div>
diff --git a/layout/reftests/bugs/1818412-1-ref.html b/layout/reftests/bugs/1818412-1-ref.html
new file mode 100644
index 0000000000..d5c0a08286
--- /dev/null
+++ b/layout/reftests/bugs/1818412-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<meta charset=UTF-8>
+<style>
+@font-face{
+  font-family:Ahem;
+  src:url(../fonts/Ahem.ttf);
+}
+body{
+  margin:0;
+}
+span{
+  display:block;
+}
+span div{
+  position:absolute;
+  width:200px;
+  height:100px;
+  overflow:hidden;
+}
+div.up{
+  background:pink;
+}
+div.down{
+  top:100px;
+  background:yellow;
+}
+div.text{
+  position:absolute;
+  height:200px;
+  font:160px/1.2 Ahem;
+  padding-left:20px;
+}
+</style>
+<body>
+  <span>
+    <div class="up"></div>
+    <div class="down"></div>
+    <div class="text">A</div>
+  </span>
+</body>
diff --git a/layout/reftests/bugs/1818412-1.html b/layout/reftests/bugs/1818412-1.html
new file mode 100644
index 0000000000..f90bfc27cd
--- /dev/null
+++ b/layout/reftests/bugs/1818412-1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<meta charset=UTF-8>
+<style>
+@font-face{
+  font-family:Ahem;
+  src:url(../fonts/Ahem.ttf);
+}
+body{
+  margin:0;
+}
+span{
+  display:block;
+}
+span div{
+  position:absolute;
+  width:200px;
+  height:100px;
+  overflow:hidden;
+}
+div.up{
+  background:pink;
+}
+div.down{
+  top:100px;
+  background:yellow;
+}
+div.text{
+  position:absolute;
+  height:200px;
+  font:160px/1.2 Ahem;
+  padding-left:20px;
+}
+div.down div.text{
+  bottom:0px;
+}
+</style>
+<body>
+  <span>
+    <div class="up">
+      <div class="text">A</div>
+    </div>
+    <div class="down">
+      <div class="text">A</div>
+    </div>
+  </span>
+</body>
diff --git a/layout/reftests/bugs/18217-basic-1-ref.html b/layout/reftests/bugs/18217-basic-1-ref.html
new file mode 100644
index 0000000000..a1bda60391
--- /dev/null
+++ b/layout/reftests/bugs/18217-basic-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<p>abc</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-basic-1.html b/layout/reftests/bugs/18217-basic-1.html
new file mode 100644
index 0000000000..c24fb5ea3b
--- /dev/null
+++ b/layout/reftests/bugs/18217-basic-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<meta name="flags" content="" />
+<style type="text/css">
+span { display: inline-table; }
+</style>
+</head>
+<body>
+<p>a<span>b</span>c</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-basic-2-ref.html b/layout/reftests/bugs/18217-basic-2-ref.html
new file mode 100644
index 0000000000..111bfba4ae
--- /dev/null
+++ b/layout/reftests/bugs/18217-basic-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<p>abcde</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-basic-2a.html b/layout/reftests/bugs/18217-basic-2a.html
new file mode 100644
index 0000000000..3476600773
--- /dev/null
+++ b/layout/reftests/bugs/18217-basic-2a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<meta name="flags" content="" />
+<style type="text/css">
+span { display: inline-table; }
+span > span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<p>a<span>bcd<span>x</span></span>e</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-basic-2b.html b/layout/reftests/bugs/18217-basic-2b.html
new file mode 100644
index 0000000000..111082d0ed
--- /dev/null
+++ b/layout/reftests/bugs/18217-basic-2b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<meta name="flags" content="" />
+<style type="text/css">
+span > span { display: table-cell; }
+span > span > span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<p><span>a<span>bcd<span>x</span></span>e</span></p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-height-1-ref.html b/layout/reftests/bugs/18217-height-1-ref.html
new file mode 100644
index 0000000000..de20961594
--- /dev/null
+++ b/layout/reftests/bugs/18217-height-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display: table; width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br>Test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-height-1.html b/layout/reftests/bugs/18217-height-1.html
new file mode 100644
index 0000000000..eddb0e54a8
--- /dev/null
+++ b/layout/reftests/bugs/18217-height-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'height: auto' on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<meta name="flags" content="" />
+<style type="text/css">
+div { display: inline-table; width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br>Test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-height-2-ref.html b/layout/reftests/bugs/18217-height-2-ref.html
new file mode 100644
index 0000000000..5ec7e64717
--- /dev/null
+++ b/layout/reftests/bugs/18217-height-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display: table; height: 5em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-height-2.html b/layout/reftests/bugs/18217-height-2.html
new file mode 100644
index 0000000000..99d1635c25
--- /dev/null
+++ b/layout/reftests/bugs/18217-height-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'height: &lt;length;&gt;' on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<meta name="flags" content="" />
+<style type="text/css">
+div { display: inline-table; height: 5em; vertical-align: baseline; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-valign-1-ref.html b/layout/reftests/bugs/18217-valign-1-ref.html
new file mode 100644
index 0000000000..ebd7b9a5c8
--- /dev/null
+++ b/layout/reftests/bugs/18217-valign-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span#table { display: inline-table; }
+span#rowgroup { display: table-row-group; }
+span#row { display: table-row; }
+span#cell { display: table-cell; }
+span#table, span#rowgroup, span#row, span#cell {
+  border: 4px solid white;
+  margin: 3px 0;
+  border-width: 4px 0;
+  padding: 9px 0;
+  border-spacing: 0 5px;
+}
+span#block { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border><tr><td>
+<p><span id="table"><span id="rowgroup"><span id="row"><span id="cell">abcde<span id="block">x</span></span></span></span></span></p>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-valign-1.html b/layout/reftests/bugs/18217-valign-1.html
new file mode 100644
index 0000000000..c51dd612df
--- /dev/null
+++ b/layout/reftests/bugs/18217-valign-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for vertical alignment on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<meta name="flags" content="" />
+<style type="text/css">
+span#table { display: inline-table; }
+span#rowgroup { display: table-row-group; }
+span#row { display: table-row; }
+span#cell { display: table-cell; }
+span#table, span#rowgroup, span#row, span#cell {
+  border: 4px solid white;
+  margin: 3px 0;
+  border-width: 4px 0;
+  padding: 9px 0;
+  border-spacing: 0 5px;
+}
+span#block { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border><tr><td>
+<p>a<span id="table"><span id="rowgroup"><span id="row"><span id="cell">bcd<span id="block">x</span></span></span></span></span>e</p>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-width-1-ref.html b/layout/reftests/bugs/18217-width-1-ref.html
new file mode 100644
index 0000000000..acd8e0ce97
--- /dev/null
+++ b/layout/reftests/bugs/18217-width-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: table; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x<div>This is some text that is wider than 10em but has no words wider than 10em.</div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-width-1a.html b/layout/reftests/bugs/18217-width-1a.html
new file mode 100644
index 0000000000..1072d641ca
--- /dev/null
+++ b/layout/reftests/bugs/18217-width-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-table; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-width-1b.html b/layout/reftests/bugs/18217-width-1b.html
new file mode 100644
index 0000000000..d4ca6f15c1
--- /dev/null
+++ b/layout/reftests/bugs/18217-width-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-table; background: green; color: white; width: 10em; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-width-2-ref.html b/layout/reftests/bugs/18217-width-2-ref.html
new file mode 100644
index 0000000000..0a7540a883
--- /dev/null
+++ b/layout/reftests/bugs/18217-width-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: table; background: green; color: white; width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div>y</div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-width-2a.html b/layout/reftests/bugs/18217-width-2a.html
new file mode 100644
index 0000000000..db5b4fbb80
--- /dev/null
+++ b/layout/reftests/bugs/18217-width-2a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-table; background: green; color: white; }
+body > div > div > div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-width-2b.html b/layout/reftests/bugs/18217-width-2b.html
new file mode 100644
index 0000000000..587fed497c
--- /dev/null
+++ b/layout/reftests/bugs/18217-width-2b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-table; background: green; color: white; width: 20em; }
+body > div > div > div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-1.html b/layout/reftests/bugs/18217-zorder-1.html
new file mode 100644
index 0000000000..8363cec762
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<meta name="flags" content="" />
+<style type="text/css">
+div { width: 2em; height: 2em; }
+span { display:inline-table; vertical-align: top; width: 2em; height: 2em; background: green; }
+div#after { margin-top:-2em; background: red; }
+</style>
+</head>
+<body>
+<div><span>&nbsp;</span></div>
+<div id="after">&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-2.html b/layout/reftests/bugs/18217-zorder-2.html
new file mode 100644
index 0000000000..c988ebf7b1
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<meta name="flags" content="" />
+<style type="text/css">
+div { width: 2em; height: 2em; }
+span { display:inline-table; vertical-align: top; width: 2em; height: 2em; }
+span span { display: block; background: green; }
+div#after { margin-top: -2em; background: red; }
+</style>
+</head>
+<body>
+<div><span><span>&nbsp;</span></span></div>
+<div id="after">&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-3.html b/layout/reftests/bugs/18217-zorder-3.html
new file mode 100644
index 0000000000..6b58626533
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<meta name="flags" content="" />
+<style type="text/css">
+div { height: 1em; }
+div#test > span { display:inline-table; vertical-align: top; height: 1em; background: red; color: red; }
+div#after { margin-top:-1em; }
+div#after > span { display: inline; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div id="test"><span>&nbsp;x&nbsp;</span></div>
+<div id="after"><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-4.html b/layout/reftests/bugs/18217-zorder-4.html
new file mode 100644
index 0000000000..2cef836ab5
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<meta name="flags" content="" />
+<style type="text/css">
+div#test > span { display:inline-table; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before > span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&nbsp;x&nbsp;</span></div>
+<div id="test"><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-5.html b/layout/reftests/bugs/18217-zorder-5.html
new file mode 100644
index 0000000000..dfa0156c6b
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-5.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<meta name="flags" content="" />
+<style type="text/css">
+div#test > span { display:inline-table; vertical-align: top; }
+div#test > span > span { display: block; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before > span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&nbsp;x&nbsp;</span></div>
+<div id="test"><span><span>&nbsp;x&nbsp;</span></span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-ref-inline-table.html b/layout/reftests/bugs/18217-zorder-ref-inline-table.html
new file mode 100644
index 0000000000..d3ccb7617b
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-ref-inline-table.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { display: inline-table; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-ref-inline.html b/layout/reftests/bugs/18217-zorder-ref-inline.html
new file mode 100644
index 0000000000..c57ac10eb1
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-ref-inline.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/18217-zorder-ref.html b/layout/reftests/bugs/18217-zorder-ref.html
new file mode 100644
index 0000000000..b593d0985a
--- /dev/null
+++ b/layout/reftests/bugs/18217-zorder-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display:table; width: 2em; height: 2em; background: green; }
+</style>
+</head>
+<body>
+<div>&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/1827009-1-ref.html b/layout/reftests/bugs/1827009-1-ref.html
new file mode 100644
index 0000000000..a066f3541b
--- /dev/null
+++ b/layout/reftests/bugs/1827009-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+:root {
+  font-size: 1.2rem;
+}
+body {
+  white-space: pre;
+}
+</style>
+<body>
+aa
+aaaaaaaaaaaaaa
+a aa a
+aaaaaaaaaaaaaa
+a
diff --git a/layout/reftests/bugs/1827009-1.html b/layout/reftests/bugs/1827009-1.html
new file mode 100644
index 0000000000..4a5817bf73
--- /dev/null
+++ b/layout/reftests/bugs/1827009-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+* {
+  white-space: pre-wrap;
+  width: min-content;
+}
+*::first-letter {}
+</style>
+<script>
+  function go() {
+      document.documentElement.style.fontSize = "1.2rem";
+      document.documentElement.classList.remove("reftest-wait");
+  }
+  document.addEventListener('MozReftestInvalidate', go);
+</script>
+<body>
+aa aaaaaaaaaaaaaa a aa a aaaaaaaaaaaaaa a
diff --git a/layout/reftests/bugs/1827337-1-ref.html b/layout/reftests/bugs/1827337-1-ref.html
new file mode 100644
index 0000000000..03952705d6
--- /dev/null
+++ b/layout/reftests/bugs/1827337-1-ref.html
@@ -0,0 +1,2 @@
+<div style="background: yellow; position: absolute; top: 0; left: 0; bottom: 0; right: 0;">
+</div>
diff --git a/layout/reftests/bugs/1827337-1.html b/layout/reftests/bugs/1827337-1.html
new file mode 100644
index 0000000000..b7d600f9a1
--- /dev/null
+++ b/layout/reftests/bugs/1827337-1.html
@@ -0,0 +1,6 @@
+<div style="overflow: scroll; width: 400px; height: 400px;">
+	<div style="width: 200px; height: 1000vh; background: blue;">
+	</div>
+	<div style="background: yellow; position: absolute; top: 0; left: 0; bottom: 0; right: 0;">
+	</div>
+</div>
diff --git a/layout/reftests/bugs/1828879-1-ref.html b/layout/reftests/bugs/1828879-1-ref.html
new file mode 100644
index 0000000000..c7b3c864dd
--- /dev/null
+++ b/layout/reftests/bugs/1828879-1-ref.html
@@ -0,0 +1,8 @@
+<div style="width: 200px; height: 200px;">
+  <div dir="ltr" style="width: 200px; height: 200px;">
+    <div id="scroller" style="width: 200px; height: 200px; overflow:auto;">
+       <div id="spacer" style="width: 80px; height: 250px;">
+       </div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/1828879-1.html b/layout/reftests/bugs/1828879-1.html
new file mode 100644
index 0000000000..0fb60906f4
--- /dev/null
+++ b/layout/reftests/bugs/1828879-1.html
@@ -0,0 +1,8 @@
+<div style="transform: scaleX(-1); width: 200px; height: 200px;">
+  <div dir="rtl" style="width: 200px; height: 200px;">
+    <div id="scroller" style="width: 200px; height: 200px; overflow:auto;">
+       <div id="spacer" style="width: 80px; height: 250px;">
+       </div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/1834316-1-notref.html b/layout/reftests/bugs/1834316-1-notref.html
new file mode 100644
index 0000000000..a94290cfc1
--- /dev/null
+++ b/layout/reftests/bugs/1834316-1-notref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+div {
+  font: 50px/2 "Noto Sans NKo", serif;
+  height: 3em;
+}
+span {
+  font-family: serif;
+}
+</style>
+<p>The following characters should be rendered with the Noto Sans NKo font:</p>
+<div><span>&#x060C;</span>&nbsp;<span>&#x061B;</span>&nbsp;<span>&#x061F;</span></div>
+<p>This should be <em>different</em> from the default serif rendering:</p>
+<div><span>&#x060C;</span>&nbsp;<span>&#x061B;</span>&nbsp;<span>&#x061F;</span></div>
diff --git a/layout/reftests/bugs/1834316-1.html b/layout/reftests/bugs/1834316-1.html
new file mode 100644
index 0000000000..0ef03f2dc1
--- /dev/null
+++ b/layout/reftests/bugs/1834316-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+div {
+  font: 50px/2 "Noto Sans NKo", serif;
+  height: 3em;
+}
+span {
+  font-family: serif;
+}
+</style>
+<p>The following characters should be rendered with the Noto Sans NKo font:</p>
+<div>&#x060C;&nbsp;&#x061B;&nbsp;&#x061F;</div>
+<p>This should be <em>different</em> from the default serif rendering:</p>
+<div><span>&#x060C;</span>&nbsp;<span>&#x061B;</span>&nbsp;<span>&#x061F;</span></div>
diff --git a/layout/reftests/bugs/1835271-1-ref.html b/layout/reftests/bugs/1835271-1-ref.html
new file mode 100644
index 0000000000..b5c5b97704
--- /dev/null
+++ b/layout/reftests/bugs/1835271-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<!-- A selection of the supplemental Noto fonts that we should expose
+     as part of the "base" collection on macOS -->
+<p style="font-family: Noto Sans Adlam, serif">𞤀𞤤𞤳𞤵𞤤𞤫 𞤁𞤢𞤲𞤣𞤢𞤴𞤯𞤫 𞤂𞤫𞤻𞤮𞤤 𞤃𞤵𞤤𞤵𞤺𞤮𞤤</p>
+<p style="font-family: Noto Sans Buginese, serif">ᨅᨔ ᨕᨘᨁᨗ</p>
+<p style="font-family: Noto Sans Coptic, serif">ⲀⲁⲂⲃⲄⲅⲆⲇⲈⲉⲊⲋⲌⲍⲎⲏ</p>
+<p style="font-family: Noto Sans Egyptian Hieroglyphs, serif">𓀀𓀁𓀂𓀃𓀄𓀅𓀆𓀇𓀈𓀉𓀊𓀋𓀌𓀍𓀎𓀏</p>
+<p style="font-family: Noto Sans Gothic, serif">𐌰𐌱𐌲𐌳𐌴𐌵𐌶𐌷𐌸𐌹𐌺𐌻𐌼𐌽𐌾𐌿</p>
+<p style="font-family: Noto Sans Javanese, serif">ꦧꦱꦗꦮ</p>
+<p style="font-family: Noto Sans Limbu, serif">ᤕᤠᤰᤌᤢᤱ ᤐᤠᤴ</p>
+<p style="font-family: Noto Sans Meetei Mayek, serif">ꯃꯩꯇꯩ ꯃꯌꯦꯛ</p>
+<p style="font-family: Noto Sans New Tai Lue, serif">ᦟᦲᧅᦷᦎᦺᦑᦟᦹᧉ</p>
+<p style="font-family: Noto Sans NKo, serif">ߒߞߏ</p>
diff --git a/layout/reftests/bugs/1835271-1.html b/layout/reftests/bugs/1835271-1.html
new file mode 100644
index 0000000000..b5c5b97704
--- /dev/null
+++ b/layout/reftests/bugs/1835271-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<!-- A selection of the supplemental Noto fonts that we should expose
+     as part of the "base" collection on macOS -->
+<p style="font-family: Noto Sans Adlam, serif">𞤀𞤤𞤳𞤵𞤤𞤫 𞤁𞤢𞤲𞤣𞤢𞤴𞤯𞤫 𞤂𞤫𞤻𞤮𞤤 𞤃𞤵𞤤𞤵𞤺𞤮𞤤</p>
+<p style="font-family: Noto Sans Buginese, serif">ᨅᨔ ᨕᨘᨁᨗ</p>
+<p style="font-family: Noto Sans Coptic, serif">ⲀⲁⲂⲃⲄⲅⲆⲇⲈⲉⲊⲋⲌⲍⲎⲏ</p>
+<p style="font-family: Noto Sans Egyptian Hieroglyphs, serif">𓀀𓀁𓀂𓀃𓀄𓀅𓀆𓀇𓀈𓀉𓀊𓀋𓀌𓀍𓀎𓀏</p>
+<p style="font-family: Noto Sans Gothic, serif">𐌰𐌱𐌲𐌳𐌴𐌵𐌶𐌷𐌸𐌹𐌺𐌻𐌼𐌽𐌾𐌿</p>
+<p style="font-family: Noto Sans Javanese, serif">ꦧꦱꦗꦮ</p>
+<p style="font-family: Noto Sans Limbu, serif">ᤕᤠᤰᤌᤢᤱ ᤐᤠᤴ</p>
+<p style="font-family: Noto Sans Meetei Mayek, serif">ꯃꯩꯇꯩ ꯃꯌꯦꯛ</p>
+<p style="font-family: Noto Sans New Tai Lue, serif">ᦟᦲᧅᦷᦎᦺᦑᦟᦹᧉ</p>
+<p style="font-family: Noto Sans NKo, serif">ߒߞߏ</p>
diff --git a/layout/reftests/bugs/1836024-1-notref.html b/layout/reftests/bugs/1836024-1-notref.html
new file mode 100644
index 0000000000..123cfb601b
--- /dev/null
+++ b/layout/reftests/bugs/1836024-1-notref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: devanagari;
+  src: local("Devanagari Sangam MN");
+  size-adjust: 150%;
+}
+p {
+  font-family: Noto Sans Limbu, devanagari, sans-serif;
+  font-size: 32px;
+  line-height: 3;
+}
+span {
+  font-family: devanagari, sans-serif;
+}
+</style>
+
+<div>The double-danda character should NOT fall back to the oversized Devanagari font</div>
+<p>ᤛᤧᤘᤠᤖᤥ᥄ ᤀᤠᤍᤠᤱᤒᤠ ᤜᤠᤍᤠᤱᤔᤠᤛᤣ ᤗᤠᤶᤎᤡᤱᤃᤥ ᤗᤠᤶᤎᤰ ᤕᤠᤰᤌᤢᤱᤐᤠᤴ ᤖᤧ ᤘᤡᤁᤡᤐᤡᤍᤡᤕᤠ ᤀᤥ <span>॥</span></p>
diff --git a/layout/reftests/bugs/1836024-1.html b/layout/reftests/bugs/1836024-1.html
new file mode 100644
index 0000000000..e0199cc833
--- /dev/null
+++ b/layout/reftests/bugs/1836024-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+<!-- Create a Devanagari face with extra scaling, to make the difference from the
+     Limbu font more visually obvious if the fallback gets used. -->
+@font-face {
+  font-family: devanagari;
+  src: local("Devanagari Sangam MN"), local("Devanagari MN");
+  size-adjust: 150%;
+}
+p {
+  font-family: Noto Sans Limbu, devanagari, sans-serif;
+  font-size: 32px;
+  line-height: 3;
+}
+</style>
+
+<div>The double-danda character should NOT fall back to the oversized Devanagari font</div>
+<!-- DEVANAGARI DOUBLE DANDA is in the Devanagari block, but is also used in Limbu
+     and does not require script-specific shaping, so should not be masked from the
+     Noto Sans Limbu character map despite the lack of 'deva' shaping support. -->
+<p>ᤛᤧᤘᤠᤖᤥ᥄ ᤀᤠᤍᤠᤱᤒᤠ ᤜᤠᤍᤠᤱᤔᤠᤛᤣ ᤗᤠᤶᤎᤡᤱᤃᤥ ᤗᤠᤶᤎᤰ ᤕᤠᤰᤌᤢᤱᤐᤠᤴ ᤖᤧ ᤘᤡᤁᤡᤐᤡᤍᤡᤕᤠ ᤀᤥ ॥</p>
diff --git a/layout/reftests/bugs/1840511-1-ref.html b/layout/reftests/bugs/1840511-1-ref.html
new file mode 100644
index 0000000000..7385e93cfc
--- /dev/null
+++ b/layout/reftests/bugs/1840511-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  svg {
+      width: 250px;
+      height: 250px;
+      background: green;
+  }
+</style>
+<svg>
+</svg>
diff --git a/layout/reftests/bugs/1840511-1.html b/layout/reftests/bugs/1840511-1.html
new file mode 100644
index 0000000000..b4aa287ee1
--- /dev/null
+++ b/layout/reftests/bugs/1840511-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  svg {
+      width: 250px;
+      height: 250px;
+      background: green;
+  }
+</style>
+<svg>
+  <rect x="100" y="-50" width="100" height="100" fill="green"
+        transform="rotate(45)"/>
+</svg>
diff --git a/layout/reftests/bugs/1840511-2.html b/layout/reftests/bugs/1840511-2.html
new file mode 100644
index 0000000000..8b7aa52bcc
--- /dev/null
+++ b/layout/reftests/bugs/1840511-2.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<div style="background:green;width:250px;height:250px"></div>
+<div style="background:green;width:100px;height:100px;rotate:45deg;position:absolute;top:50px;left:50px"></div>
diff --git a/layout/reftests/bugs/1840747-1.html b/layout/reftests/bugs/1840747-1.html
new file mode 100644
index 0000000000..1fa1d9c2b3
--- /dev/null
+++ b/layout/reftests/bugs/1840747-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<style>
+  svg {
+    width: 250px;
+    height: 250px;
+  }
+</style>
+<svg>
+  <path d="M 1,2 1,100 99,198 99,100 Z" fill="red"/>
+  <g transform="scale(0.5)">
+    <rect width="200" height="200" fill="white" transform="skewY(45)"/>
+  </g>
+</svg>
+<svg>
+  <path d="M 21,42 21,140 119,238 119,140 Z" fill="red"/>
+  <g transform="skewY(45)">
+    <rect width="100" height="100" fill="white" transform="translate(20 20)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/bugs/1841355-1.html b/layout/reftests/bugs/1841355-1.html
new file mode 100644
index 0000000000..1b1e8b6a50
--- /dev/null
+++ b/layout/reftests/bugs/1841355-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- This a simplified form of the WPT css/css-transforms/skew-test1.html -->
+<style>
+  svg {
+    position: absolute;
+  }
+
+  div {
+    width: 150px;
+    height: 150px;
+    background-color: white;
+  }
+
+  .skew_div {
+    transform: skew(30deg,20deg);
+    transform-origin: 0 0;
+  }
+</style>
+</head>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300" height="300">
+  <polygon points="1,1 149,56 235,203 88,149" style="fill:red"/>
+</svg>
+
+<div class="skew_div"></div>
diff --git a/layout/reftests/bugs/185388-1-ref.html b/layout/reftests/bugs/185388-1-ref.html
new file mode 100644
index 0000000000..e0d47d1d4b
--- /dev/null
+++ b/layout/reftests/bugs/185388-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 185388 Reference</title>
+</head>
+<body>
+<table style="position: absolute; border-collapse: collapse; background: #DDDDDD">
+  <tr><td style="padding: 0px"><table border="1" style="margin-left: auto; margin-right: auto"><tr><th>Text</th></tr></table></td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/185388-1.html b/layout/reftests/bugs/185388-1.html
new file mode 100644
index 0000000000..4844b1a927
--- /dev/null
+++ b/layout/reftests/bugs/185388-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 185388</title>
+</head>
+<body>
+<div style="position: absolute; background: #DDDDDD">
+  <table border="1" style="margin-left: auto; margin-right: auto"><tr><th>Text</th></tr></table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/186317-1-ref.html b/layout/reftests/bugs/186317-1-ref.html
new file mode 100644
index 0000000000..7aa1736dbc
--- /dev/null
+++ b/layout/reftests/bugs/186317-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>border crosstalk</title>
+</head>
+<style>
+table.t1 td {border: 1px solid black}
+</style>
+<body >
+
+
+<TABLE style="border-collapse:collapse" class="t1">
+<TR><TD>1</td> <TD>2</td> <TD>3</td></tr>
+</TABLE>
+
+<table border="1">
+<tr><td>1</td><td>2</td></tr>
+<tr><td >3</td><td>4</td></tr>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/186317-1.html b/layout/reftests/bugs/186317-1.html
new file mode 100644
index 0000000000..27148f87b7
--- /dev/null
+++ b/layout/reftests/bugs/186317-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>border crosstalk</title>
+</head>
+
+<body >
+
+
+<TABLE border="1" style="border-collapse:collapse">
+<TR><TD>1</td> <TD>2</td> <TD>3</td></tr>
+</TABLE>
+
+<table border="1">
+<tr><td>1</td><td>2</td></tr>
+<tr><td >3</td><td>4</td></tr>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/192767-01.xhtml b/layout/reftests/bugs/192767-01.xhtml
new file mode 100644
index 0000000000..59c9bcc177
--- /dev/null
+++ b/layout/reftests/bugs/192767-01.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <div><p></p></div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-02.xhtml b/layout/reftests/bugs/192767-02.xhtml
new file mode 100644
index 0000000000..237080d8b7
--- /dev/null
+++ b/layout/reftests/bugs/192767-02.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox><p></p></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-03.xhtml b/layout/reftests/bugs/192767-03.xhtml
new file mode 100644
index 0000000000..0c862755cd
--- /dev/null
+++ b/layout/reftests/bugs/192767-03.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox><p></p></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-04.xhtml b/layout/reftests/bugs/192767-04.xhtml
new file mode 100644
index 0000000000..6fc0a01663
--- /dev/null
+++ b/layout/reftests/bugs/192767-04.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox><xul:hbox></xul:hbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-05.xhtml b/layout/reftests/bugs/192767-05.xhtml
new file mode 100644
index 0000000000..7a929b4237
--- /dev/null
+++ b/layout/reftests/bugs/192767-05.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox><xul:vbox></xul:vbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-06.xhtml b/layout/reftests/bugs/192767-06.xhtml
new file mode 100644
index 0000000000..22beb1672b
--- /dev/null
+++ b/layout/reftests/bugs/192767-06.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox><xul:hbox></xul:hbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-07.xhtml b/layout/reftests/bugs/192767-07.xhtml
new file mode 100644
index 0000000000..f386b6f1b4
--- /dev/null
+++ b/layout/reftests/bugs/192767-07.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox><xul:vbox></xul:vbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-11.xhtml b/layout/reftests/bugs/192767-11.xhtml
new file mode 100644
index 0000000000..b8261de1d7
--- /dev/null
+++ b/layout/reftests/bugs/192767-11.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <div><p dir="rtl"></p></div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-12.xhtml b/layout/reftests/bugs/192767-12.xhtml
new file mode 100644
index 0000000000..d97ad9e6a5
--- /dev/null
+++ b/layout/reftests/bugs/192767-12.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox><p dir="rtl"></p></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-13.xhtml b/layout/reftests/bugs/192767-13.xhtml
new file mode 100644
index 0000000000..bcd2fc1b3c
--- /dev/null
+++ b/layout/reftests/bugs/192767-13.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox><p dir="rtl"></p></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-14.xhtml b/layout/reftests/bugs/192767-14.xhtml
new file mode 100644
index 0000000000..fa7485b5d1
--- /dev/null
+++ b/layout/reftests/bugs/192767-14.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox><xul:hbox style="direction: rtl"></xul:hbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-15.xhtml b/layout/reftests/bugs/192767-15.xhtml
new file mode 100644
index 0000000000..b1befc26e9
--- /dev/null
+++ b/layout/reftests/bugs/192767-15.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox><xul:vbox style="direction: rtl"></xul:vbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-16.xhtml b/layout/reftests/bugs/192767-16.xhtml
new file mode 100644
index 0000000000..4c70a23d1e
--- /dev/null
+++ b/layout/reftests/bugs/192767-16.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox><xul:hbox style="direction: rtl"></xul:hbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-17.xhtml b/layout/reftests/bugs/192767-17.xhtml
new file mode 100644
index 0000000000..5506b9aaa8
--- /dev/null
+++ b/layout/reftests/bugs/192767-17.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox><xul:vbox style="direction: rtl"></xul:vbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-21.xhtml b/layout/reftests/bugs/192767-21.xhtml
new file mode 100644
index 0000000000..439d6cb555
--- /dev/null
+++ b/layout/reftests/bugs/192767-21.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <div dir="rtl"><p></p></div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-22.xhtml b/layout/reftests/bugs/192767-22.xhtml
new file mode 100644
index 0000000000..b99c5e2f4a
--- /dev/null
+++ b/layout/reftests/bugs/192767-22.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox style="direction: rtl"><p></p></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-23.xhtml b/layout/reftests/bugs/192767-23.xhtml
new file mode 100644
index 0000000000..6f86cbc193
--- /dev/null
+++ b/layout/reftests/bugs/192767-23.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox style="direction: rtl"><p></p></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-24.xhtml b/layout/reftests/bugs/192767-24.xhtml
new file mode 100644
index 0000000000..179560966f
--- /dev/null
+++ b/layout/reftests/bugs/192767-24.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox style="direction: rtl"><xul:hbox></xul:hbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-25.xhtml b/layout/reftests/bugs/192767-25.xhtml
new file mode 100644
index 0000000000..de95595438
--- /dev/null
+++ b/layout/reftests/bugs/192767-25.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox style="direction: rtl"><xul:vbox></xul:vbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-26.xhtml b/layout/reftests/bugs/192767-26.xhtml
new file mode 100644
index 0000000000..de75d04fa0
--- /dev/null
+++ b/layout/reftests/bugs/192767-26.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox style="direction: rtl"><xul:hbox></xul:hbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-27.xhtml b/layout/reftests/bugs/192767-27.xhtml
new file mode 100644
index 0000000000..cd3d889f04
--- /dev/null
+++ b/layout/reftests/bugs/192767-27.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox style="direction: rtl"><xul:vbox></xul:vbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-31.xhtml b/layout/reftests/bugs/192767-31.xhtml
new file mode 100644
index 0000000000..e7ff7f79f7
--- /dev/null
+++ b/layout/reftests/bugs/192767-31.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <div dir="rtl"><p dir="ltr"></p></div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-32.xhtml b/layout/reftests/bugs/192767-32.xhtml
new file mode 100644
index 0000000000..891fc6e628
--- /dev/null
+++ b/layout/reftests/bugs/192767-32.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox style="direction: rtl"><p dir="ltr"></p></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-33.xhtml b/layout/reftests/bugs/192767-33.xhtml
new file mode 100644
index 0000000000..c1c1820efd
--- /dev/null
+++ b/layout/reftests/bugs/192767-33.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox style="direction: rtl"><p dir="ltr"></p></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-34.xhtml b/layout/reftests/bugs/192767-34.xhtml
new file mode 100644
index 0000000000..20601b95be
--- /dev/null
+++ b/layout/reftests/bugs/192767-34.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox style="direction: rtl"><xul:hbox style="direction: ltr"></xul:hbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-35.xhtml b/layout/reftests/bugs/192767-35.xhtml
new file mode 100644
index 0000000000..817b68a370
--- /dev/null
+++ b/layout/reftests/bugs/192767-35.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:hbox style="direction: rtl"><xul:vbox style="direction: ltr"></xul:vbox></xul:hbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-36.xhtml b/layout/reftests/bugs/192767-36.xhtml
new file mode 100644
index 0000000000..f005908926
--- /dev/null
+++ b/layout/reftests/bugs/192767-36.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox style="direction: rtl"><xul:hbox style="direction: ltr"></xul:hbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767-37.xhtml b/layout/reftests/bugs/192767-37.xhtml
new file mode 100644
index 0000000000..1cfa1a4864
--- /dev/null
+++ b/layout/reftests/bugs/192767-37.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+ <head>
+  <title>Testcases for bug 192767</title>
+  <link rel="stylesheet" type="text/css" href="192767.css"/>
+ </head>
+ <body>
+  <xul:vbox style="direction: rtl"><xul:vbox style="direction: ltr"></xul:vbox></xul:vbox>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/192767.css b/layout/reftests/bugs/192767.css
new file mode 100644
index 0000000000..2f450f0766
--- /dev/null
+++ b/layout/reftests/bugs/192767.css
@@ -0,0 +1,17 @@
+body > * 
+{ 
+  width: 100px;
+  height: 100px;
+  overflow: auto;
+  border: thick solid purple;
+  margin: 10px; 
+}
+
+body > * > *
+{ 
+  margin: 10px; 
+  border: medium solid green; 
+  background: yellow;
+  width: 200px; 
+  height: 200px;
+}
diff --git a/layout/reftests/bugs/192902-1.html b/layout/reftests/bugs/192902-1.html
new file mode 100644
index 0000000000..2c23e874e3
--- /dev/null
+++ b/layout/reftests/bugs/192902-1.html
@@ -0,0 +1,16 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Testcase for bug 192902</title>
+</head>
+<body>
+
+
+<table border="1">
+  <tbody><tr>
+    <td nowrap="nowrap" width="0">Sony Ericsson T200</td>
+    <td width="100%">&nbsp;</td>
+  </tr>
+</tbody></table>
+
+
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/192902-ref.html b/layout/reftests/bugs/192902-ref.html
new file mode 100644
index 0000000000..795dc11377
--- /dev/null
+++ b/layout/reftests/bugs/192902-ref.html
@@ -0,0 +1,16 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Testcase for bug 192902</title>
+</head>
+<body>
+
+
+<table border="1">
+  <tbody><tr>
+    <td nowrap="nowrap">Sony Ericsson T200</td>
+    <td width="100%">&nbsp;</td>
+  </tr>
+</tbody></table>
+
+
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/200774-1.html b/layout/reftests/bugs/200774-1.html
new file mode 100644
index 0000000000..ec4916ef26
--- /dev/null
+++ b/layout/reftests/bugs/200774-1.html
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
+   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" class="reftest-paged">
+
+<head>
+<title>Fixed DIV, Multipe Page Testcase</title>
+<style type="text/css">
+div.header { position: fixed;
+	width: 100%;
+	height: 1.5em;
+	top: 0;
+	font-style: italic;
+	background-color: white;
+	color: black }
+</style>
+</head>
+
+<body>
+
+<div class="header">I stay on the top of the web page and each printed page.</div>
+
+<h1>Fixed DIV, multiple page testcase</h1>
+
+<hr />
+
+<p>Maybe related to bug 163800?</p>
+
+<p>Similar to 193686 and 197808, but there are <i>no</i> forms involved in this crash.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+<p>Repeating text, to get  us onto the next page.</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/201215-1-ref.html b/layout/reftests/bugs/201215-1-ref.html
new file mode 100644
index 0000000000..c4d9f1d222
--- /dev/null
+++ b/layout/reftests/bugs/201215-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 201215 Reference</title>
+</head>
+<body>
+<table><tr><td>
+  <div style="background: #DDDDDD; float: left">text text text text text text <img src="solidblue.png" alt=""/></div>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/201215-1.html b/layout/reftests/bugs/201215-1.html
new file mode 100644
index 0000000000..4237165649
--- /dev/null
+++ b/layout/reftests/bugs/201215-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 201215</title>
+</head>
+<body>
+<table><tr><td>
+  <div style="background: #DDDDDD; float: right">text text text text text text <span id="insertHere"></span></div>
+</td></tr></table>
+<script type="text/javascript">
+  function loadImage() {
+    document.body.offsetWidth
+    var img = document.createElement("img");
+    img.src = "solidblue.png";
+    img.alt = "";
+    target = document.getElementById("insertHere");
+    target.appendChild(img);
+  }
+  loadImage();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/201293-1-ref.html b/layout/reftests/bugs/201293-1-ref.html
new file mode 100644
index 0000000000..1e5a39e2f6
--- /dev/null
+++ b/layout/reftests/bugs/201293-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      input, button { width: 16em; }
+      .left { text-align: left; }
+      .right { text-align: right; }
+      .center { text-align: center; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <input type="button" value="input" class="left">
+    </div>
+    <div>
+      <button class="left">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="right">
+    </div>
+    <div>
+      <button class="right">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="center">
+    </div>
+    <div>
+      <button class="center">button</button>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/201293-1a.html b/layout/reftests/bugs/201293-1a.html
new file mode 100644
index 0000000000..0599185bd6
--- /dev/null
+++ b/layout/reftests/bugs/201293-1a.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      input, button { min-width: 16em; }
+      .left { text-align: left; }
+      .right { text-align: right; }
+      .center { text-align: center; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <input type="button" value="input" class="left">
+    </div>
+    <div>
+      <button class="left">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="right">
+    </div>
+    <div>
+      <button class="right">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="center">
+    </div>
+    <div>
+      <button class="center">button</button>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/201293-1b.html b/layout/reftests/bugs/201293-1b.html
new file mode 100644
index 0000000000..ef2f39a1f1
--- /dev/null
+++ b/layout/reftests/bugs/201293-1b.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      input, button { width: 8em; min-width: 16em; }
+      .left { text-align: left; }
+      .right { text-align: right; }
+      .center { text-align: center; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <input type="button" value="input" class="left">
+    </div>
+    <div>
+      <button class="left">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="right">
+    </div>
+    <div>
+      <button class="right">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="center">
+    </div>
+    <div>
+      <button class="center">button</button>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/201293-1c.html b/layout/reftests/bugs/201293-1c.html
new file mode 100644
index 0000000000..100efebf09
--- /dev/null
+++ b/layout/reftests/bugs/201293-1c.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      input, button { width: 32em; max-width: 16em; }
+      .left { text-align: left; }
+      .right { text-align: right; }
+      .center { text-align: center; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <input type="button" value="input" class="left">
+    </div>
+    <div>
+      <button class="left">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="right">
+    </div>
+    <div>
+      <button class="right">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="center">
+    </div>
+    <div>
+      <button class="center">button</button>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/201293-1d.html b/layout/reftests/bugs/201293-1d.html
new file mode 100644
index 0000000000..192eb4db96
--- /dev/null
+++ b/layout/reftests/bugs/201293-1d.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      input, button { min-width: 16em; max-width: 8em; }
+      .left { text-align: left; }
+      .right { text-align: right; }
+      .center { text-align: center; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <input type="button" value="input" class="left">
+    </div>
+    <div>
+      <button class="left">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="right">
+    </div>
+    <div>
+      <button class="right">button</button>
+    </div>
+    <div>
+      <input type="button" value="input" class="center">
+    </div>
+    <div>
+      <button class="center">button</button>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/203727-ref.html b/layout/reftests/bugs/203727-ref.html
new file mode 100644
index 0000000000..1517bbde8e
--- /dev/null
+++ b/layout/reftests/bugs/203727-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 203727</title>
+</head>
+<body>
+
+<ol id="ol">
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+</ol>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/203727.html b/layout/reftests/bugs/203727.html
new file mode 100644
index 0000000000..e279f5d523
--- /dev/null
+++ b/layout/reftests/bugs/203727.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 203727</title>
+</head>
+<body>
+
+<ol id="ol">
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+<li>x</li>
+</ol>
+
+<script>
+ var x = document.body.offsetHeight;
+
+ var ol = document.getElementById('ol');
+ var lis = document.getElementsByTagName('li');
+ var child1 = lis[3];
+ var child2 = lis[4];
+ var child3 = lis[5];
+ ol.removeChild(child1);
+ ol.removeChild(child2);
+ ol.removeChild(child3);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/206516-1-ref.html b/layout/reftests/bugs/206516-1-ref.html
new file mode 100644
index 0000000000..c5d8f90652
--- /dev/null
+++ b/layout/reftests/bugs/206516-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 206516 Reference</title>
+</head>
+<body>
+<table cellspacing="0"><tr><td style="background-color:green">blah blah</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/206516-1.html b/layout/reftests/bugs/206516-1.html
new file mode 100644
index 0000000000..0fd810005c
--- /dev/null
+++ b/layout/reftests/bugs/206516-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 206516</title>
+</head>
+<body onload="document.getElementById('hiddenRow').style.display='none';">
+<table cellspacing="0" style="background-color:red">
+  <tr><td style="background-color:green">blah blah</td></tr>
+  <tr id="hiddenRow" style="display:block"><td>text text</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/206631-1-ref.html b/layout/reftests/bugs/206631-1-ref.html
new file mode 100644
index 0000000000..826ec4cfec
--- /dev/null
+++ b/layout/reftests/bugs/206631-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+ font-size: 16px;
+}
+</style>
+</head>
+<body>
+<p style="border: 1px solid #000;">Test 1</p>
+<p style="border: 3px solid #000;">Test 2</p>
+<p style="border: 4px solid #000;">Test 3</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/206631-1.html b/layout/reftests/bugs/206631-1.html
new file mode 100644
index 0000000000..f29e3470e6
--- /dev/null
+++ b/layout/reftests/bugs/206631-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+ font-size: 16px;
+}
+</style>
+</head>
+<body>
+<p style="border: .1em solid #000;">Test 1</p>
+<p style="border: .2em solid #000;">Test 2</p>
+<p style="border: .3em solid #000;">Test 3</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/206802-ref.html b/layout/reftests/bugs/206802-ref.html
new file mode 100644
index 0000000000..21b49dd56e
--- /dev/null
+++ b/layout/reftests/bugs/206802-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Bug 206802</title>
+</head>
+<body>
+<div>あ々<br>あ々々</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/206802.html b/layout/reftests/bugs/206802.html
new file mode 100644
index 0000000000..71fbebe9a8
--- /dev/null
+++ b/layout/reftests/bugs/206802.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Bug 206802</title>
+</head>
+<body>
+<div style="width: 1px;">あ々あ々々</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/210094-1-ref.html b/layout/reftests/bugs/210094-1-ref.html
new file mode 100644
index 0000000000..1f39b2522b
--- /dev/null
+++ b/layout/reftests/bugs/210094-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset style="height: 100px">
+      <legend>This is a test</legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/210094-1a.html b/layout/reftests/bugs/210094-1a.html
new file mode 100644
index 0000000000..3a93644dcb
--- /dev/null
+++ b/layout/reftests/bugs/210094-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset style="min-height: 100px">
+      <legend>This is a test</legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/210094-1b.html b/layout/reftests/bugs/210094-1b.html
new file mode 100644
index 0000000000..00bff2ff3f
--- /dev/null
+++ b/layout/reftests/bugs/210094-1b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset style="max-height: 100px">
+      <legend>This is a test</legend>
+      <div style="height: 200px">
+      </div>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/210094-1c.html b/layout/reftests/bugs/210094-1c.html
new file mode 100644
index 0000000000..890f9b7311
--- /dev/null
+++ b/layout/reftests/bugs/210094-1c.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset style="height: 150px">
+      <legend>This is a test</legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/210876-1-ref.html b/layout/reftests/bugs/210876-1-ref.html
new file mode 100644
index 0000000000..63de464728
--- /dev/null
+++ b/layout/reftests/bugs/210876-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+ <title>Bug 210876 Reference</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+</head>
+<body>
+<fieldset style="float: left; background-color: #DDDDDD; margin-right: 1em; width: 2em">
+  <table border=1>
+    <tr><td></td><td>Col1</td><td>Col2</td></tr>
+    <tr><td>Row1:</td><td>SomeText</td><td>MoreText</td></tr>
+  </table>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/210876-1.html b/layout/reftests/bugs/210876-1.html
new file mode 100644
index 0000000000..136e418dd4
--- /dev/null
+++ b/layout/reftests/bugs/210876-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+ <title>Bug 210876</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+</head>
+<body>
+<fieldset style="float: left; background-color: #DDDDDD; margin-right: 1em; width: auto">
+  <table border=1>
+    <tr><td></td><td>Col1</td><td>Col2</td></tr>
+    <tr><td>Row1:</td><td>SomeText</td><td>MoreText</td></tr>
+  </table>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/211931-1-ref.html b/layout/reftests/bugs/211931-1-ref.html
new file mode 100644
index 0000000000..cea1440538
--- /dev/null
+++ b/layout/reftests/bugs/211931-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+td { border: 1px solid green; }
+</style>
+</head>
+<table>
+ <tr>
+  <td>A</td>
+ </tr>
+ <tr>
+  <td>B</td>
+ </tr>
+ <tr>
+  <td>
+   <table>
+    <tr>
+     <td>The quick brown fox jumps over the lazy wordwrap</td>
+    </tr>
+   </table>
+  </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/211931-1.html b/layout/reftests/bugs/211931-1.html
new file mode 100644
index 0000000000..57900fef3a
--- /dev/null
+++ b/layout/reftests/bugs/211931-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+td { border: 1px solid green; }
+</style>
+</head>
+<table>
+ <tr>
+  <td width="50%">A</td>
+ </tr>
+ <tr>
+  <td width="100%">B</td>
+ </tr>
+ <tr>
+  <td>
+   <table width="100%">
+    <tr>
+     <td width="100%">The quick brown fox jumps over the lazy wordwrap</td>
+    </tr>
+   </table>
+  </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/212563-1-inner.html b/layout/reftests/bugs/212563-1-inner.html
new file mode 100644
index 0000000000..98f93db3ec
--- /dev/null
+++ b/layout/reftests/bugs/212563-1-inner.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<frameset resizable="yes" rows="100%" onload="top.p(1);">
+  <frame src="data:text/html,<body onload=%22top.p(0); var t = top; var d = parent.document; d.write('<body onload=top.p(5);><script>top.p(2);</script>'); t.p(3); t.p(d.documentElement.innerHTML); d.close(); t.p(4); %22>">
+</frameset>
+</html>
diff --git a/layout/reftests/bugs/212563-1-ref-inner.html b/layout/reftests/bugs/212563-1-ref-inner.html
new file mode 100644
index 0000000000..53a7f24295
--- /dev/null
+++ b/layout/reftests/bugs/212563-1-ref-inner.html
@@ -0,0 +1,6 @@
+<html>
+<head>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/212563-1-ref.html b/layout/reftests/bugs/212563-1-ref.html
new file mode 100644
index 0000000000..cc48444c81
--- /dev/null
+++ b/layout/reftests/bugs/212563-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+<p>This test is designed to pass regardless of who wins the document.write race.</p>
+<iframe src="212563-1-ref-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/212563-1.html b/layout/reftests/bugs/212563-1.html
new file mode 100644
index 0000000000..79b067beba
--- /dev/null
+++ b/layout/reftests/bugs/212563-1.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<script type="text/javascript">
+function p(n)
+{
+  dump("Test 212563-1 says: " + n + "\n");
+}
+</script>
+</head>
+<body>
+<p>This test is designed to pass regardless of who wins the document.write race.</p>
+<iframe src="212563-1-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/212563-2-inner.html b/layout/reftests/bugs/212563-2-inner.html
new file mode 100644
index 0000000000..1e90a37f32
--- /dev/null
+++ b/layout/reftests/bugs/212563-2-inner.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<frameset resizable="yes" rows="100%" onload="parent.changeInnermost(document.getElementById(&quot;innermost&quot;))">
+
+  <frame id="innermost" src="212563-2-innermost-b.html"></frame>
+
+</frameset>
+</html>
diff --git a/layout/reftests/bugs/212563-2-innermost-a.html b/layout/reftests/bugs/212563-2-innermost-a.html
new file mode 100644
index 0000000000..52b5a011c9
--- /dev/null
+++ b/layout/reftests/bugs/212563-2-innermost-a.html
@@ -0,0 +1,13 @@
+<body onload="w(parent.document, top);">
+<font color=blue>new innermost
+<script type="text/javascript">
+function w(md, t)
+{
+  t.p(0); 
+  md.write(t.replacementForMiddleFrame);
+  t.p(3);
+  t.p(md.documentElement.innerHTML); 
+  md.close(); 
+  t.p(4);
+}
+</script>
diff --git a/layout/reftests/bugs/212563-2-innermost-b.html b/layout/reftests/bugs/212563-2-innermost-b.html
new file mode 100644
index 0000000000..cb95d8483d
--- /dev/null
+++ b/layout/reftests/bugs/212563-2-innermost-b.html
@@ -0,0 +1 @@
+<font color=red>old innermost
diff --git a/layout/reftests/bugs/212563-2-ref-inner.html b/layout/reftests/bugs/212563-2-ref-inner.html
new file mode 100644
index 0000000000..7c6593c4d5
--- /dev/null
+++ b/layout/reftests/bugs/212563-2-ref-inner.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+replacement for middle frame
+</body>
+</html>
diff --git a/layout/reftests/bugs/212563-2-ref.html b/layout/reftests/bugs/212563-2-ref.html
new file mode 100644
index 0000000000..62afeb5548
--- /dev/null
+++ b/layout/reftests/bugs/212563-2-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<iframe src="212563-2-ref-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/212563-2.html b/layout/reftests/bugs/212563-2.html
new file mode 100644
index 0000000000..a3ced55b2c
--- /dev/null
+++ b/layout/reftests/bugs/212563-2.html
@@ -0,0 +1,24 @@
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+
+function p(n)
+{
+  dump("Test 212563-2 says: " + n + "\n");
+}
+
+// Step 1: replace the innermost frame
+function changeInnermost(iframeElement)
+{
+  iframeElement.setAttribute("src", "212563-2-innermost-a.html");
+}
+
+// Step 2: replace the middle iframe (from the new innermost iframe's onload handler)
+var replacementForMiddleFrame = "<body onload=top.p(5);parent.document.documentElement.removeAttribute('class');>replacement for middle frame<script>top.p(2);<\/script><\/body>";
+
+</script>
+</head>
+<body>
+<iframe src="212563-2-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/213834-1-ref.html b/layout/reftests/bugs/213834-1-ref.html
new file mode 100644
index 0000000000..a7ca2076ef
--- /dev/null
+++ b/layout/reftests/bugs/213834-1-ref.html
@@ -0,0 +1,3 @@
+<title>Bug 213834 reftest - reference</title>
+<pre>
+text	text</pre>
diff --git a/layout/reftests/bugs/213834-1.html b/layout/reftests/bugs/213834-1.html
new file mode 100644
index 0000000000..4ccbd14ee1
--- /dev/null
+++ b/layout/reftests/bugs/213834-1.html
@@ -0,0 +1,3 @@
+<title>Bug 213834 reftest - test</title>
+<pre>
+text<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQI12P4DwABAQEAG7buVgAAAABJRU5ErkJggg==" height="4px" width="10px">	text</pre>
diff --git a/layout/reftests/bugs/214077-1-ref.html b/layout/reftests/bugs/214077-1-ref.html
new file mode 100644
index 0000000000..1727179047
--- /dev/null
+++ b/layout/reftests/bugs/214077-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head><style>
+  img { border-color: lime }
+</style></head>
+<body><form>
+<img src="solidblue.png" vspace="20" border="1">
+</form></body></html>
diff --git a/layout/reftests/bugs/214077-1a.html b/layout/reftests/bugs/214077-1a.html
new file mode 100644
index 0000000000..5f3e2724e9
--- /dev/null
+++ b/layout/reftests/bugs/214077-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head><style>
+  input { border-color: lime }
+</style></head>
+<body><form>
+<input type="image" src="solidblue.png" vspace="20" border="1">
+</form></body></html>
diff --git a/layout/reftests/bugs/214077-1b.html b/layout/reftests/bugs/214077-1b.html
new file mode 100644
index 0000000000..b2a07734c0
--- /dev/null
+++ b/layout/reftests/bugs/214077-1b.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head><style>
+  input { border-color: lime }
+</style></head>
+<body><form>
+<input vspace="20" border="1" src="solidblue.png" type="image">
+</form></body></html>
diff --git a/layout/reftests/bugs/218473-1-ref.html b/layout/reftests/bugs/218473-1-ref.html
new file mode 100644
index 0000000000..5401602b37
--- /dev/null
+++ b/layout/reftests/bugs/218473-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html><head><title>Testcase for bug 218473</title>
+<style type="text/css">
+.picture {
+	float:       left; 
+	height:      150px;
+        width:       100px;
+        border:      3px solid blue; 
+}
+</style>
+</head>
+<body>
+
+
+<div class="picture"></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/218473-1.html b/layout/reftests/bugs/218473-1.html
new file mode 100644
index 0000000000..53bbfd5ee0
--- /dev/null
+++ b/layout/reftests/bugs/218473-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html><head><title>Testcase for bug 218473</title>
+<style type="text/css">
+.picture {
+	float:       left; 
+	padding-top: 50px; 
+        border:      3px solid blue; 
+}
+.img {
+	float:   left;
+	width:   100px;
+        height:  100px;
+}
+</style>
+</head>
+<body>
+
+
+<div class="picture"><div class="link"><div class="img"></div></div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/220165-1-ref.svg b/layout/reftests/bugs/220165-1-ref.svg
new file mode 100644
index 0000000000..4323c70aaa
--- /dev/null
+++ b/layout/reftests/bugs/220165-1-ref.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:html="http://www.w3.org/1999/xhtml" height="500"
+     xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+     shape-rendering="crispEdges">
+
+  <foreignObject x="200" y="180" width="100" height="50" >
+    <html:button id="x">New text</html:button>
+  </foreignObject>
+
+  <g transform="rotate(10) translate(-100) scale(0.8)">
+    <polygon style="fill:red; fill-opacity:0.5;"
+	  points="350, 75 379,161 469,161 397,215
+	  423,301 350,250 277,301 303,215
+                     231,161 321,161" />
+	
+  </g>
+
+</svg>
diff --git a/layout/reftests/bugs/220165-1.svg b/layout/reftests/bugs/220165-1.svg
new file mode 100644
index 0000000000..770723fd89
--- /dev/null
+++ b/layout/reftests/bugs/220165-1.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0"?>
+
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:html="http://www.w3.org/1999/xhtml" height="500" 
+     xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+     onload="document.documentElement.getBoundingClientRect();
+	     document.getElementById('x').textContent = 'New text'"
+     shape-rendering="crispEdges">
+
+  <foreignObject x="200" y="180" width="100" height="50" >
+    <html:button id="x">Old long long long text</html:button>
+  </foreignObject>
+
+  <g transform="rotate(10) translate(-100) scale(0.8)">
+    <polygon style="fill:red; fill-opacity:0.5;"
+	  points="350, 75 379,161 469,161 397,215
+	  423,301 350,250 277,301 303,215
+                     231,161 321,161" />
+	
+  </g>
+
+</svg>
diff --git a/layout/reftests/bugs/223809-1-ref.html b/layout/reftests/bugs/223809-1-ref.html
new file mode 100644
index 0000000000..49c3df7990
--- /dev/null
+++ b/layout/reftests/bugs/223809-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+  <body>
+    <table width="100%" height="100%" cellpadding="0" cellspacing="0">
+      <tr>
+        <td rowspan="2" bgcolor="red" width="50" height="100%">Ajax</td>
+        <td width="50">PSV</td>
+        <td bgcolor="yellow" width="100%">Feyenoord</td>
+      </tr>
+      <tr><td colspan="2" bgcolor="gray" height="100%">
+          <table width="100%" height="100%">
+            <tr><td height="100%" bgcolor="pink">This
+                one</td></tr>
+          </table>
+      </td></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/223809-1.html b/layout/reftests/bugs/223809-1.html
new file mode 100644
index 0000000000..03ed21d30e
--- /dev/null
+++ b/layout/reftests/bugs/223809-1.html
@@ -0,0 +1,19 @@
+<html>
+  <body>
+    <table width="100%" height="100%" cellpadding="0" cellspacing="0">
+      <tr>
+        <td rowspan="3" bgcolor="red" width="50" height="100%">Ajax</td>
+        <td width="50">PSV</td>
+        <td rowspan="2" bgcolor="yellow" width="100%">Feyenoord</td>
+      </tr>
+      <tr><td></td></tr>
+      <tr><td colspan="2" bgcolor="gray" height="100%">
+          <table width="100%" height="100%">
+            <tr><td height="100%" bgcolor="pink">This
+                one</td></tr>
+          </table>
+      </td></tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/228856-1-ref.html b/layout/reftests/bugs/228856-1-ref.html
new file mode 100644
index 0000000000..39da35df4b
--- /dev/null
+++ b/layout/reftests/bugs/228856-1-ref.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html><head>
+<!-- This tests behavior specified in CSS Syntax Level 3,
+     as of the Editor's Draft 19 June 2013:
+     http://dev.w3.org/csswg/css-syntax/ -->
+<title>\0 in CSS</title>
+<style>
+p#a:before { content: "\FFFDx" }
+p#b:before { content: "\FFFDx" }
+p#c:before { content: "\FFFDx" }
+p#d:before { content: "\FFFDx" }
+p#e:before { content: "\FFFDx" }
+p#f:before { content: "\FFFDx" }
+p#g:before { content: "\FFFD x" }
+p#h:before { content: "\FFFD x" }
+p#i:before { content: "\FFFD x" }
+p#j:before { content: "\FFFD x" }
+p#k:before { content: "\FFFD x" }
+p#l:before { content: "\FFFD x" }
+</style>
+</head><body>
+<p id="a">(a)</p>
+<p id="b">(b)</p>
+<p id="c">(c)</p>
+<p id="d">(d)</p>
+<p id="e">(e)</p>
+<p id="f">(f)</p>
+<p id="g">(g)</p>
+<p id="h">(h)</p>
+<p id="i">(i)</p>
+<p id="j">(j)</p>
+<p id="k">(k)</p>
+<p id="l">(l)</p>
+</body></html>
diff --git a/layout/reftests/bugs/228856-1.html b/layout/reftests/bugs/228856-1.html
new file mode 100644
index 0000000000..3efc590c20
--- /dev/null
+++ b/layout/reftests/bugs/228856-1.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html><head>
+<!-- This tests behavior specified in CSS Syntax Level 3,
+     as of the Editor's Draft 19 June 2013:
+     http://dev.w3.org/csswg/css-syntax/ -->
+<title>\0 in CSS</title>
+<style>
+p#a:before { content: "\0x" }
+p#b:before { content: "\00x" }
+p#c:before { content: "\000x" }
+p#d:before { content: "\0000x" }
+p#e:before { content: "\00000x" }
+p#f:before { content: "\000000x" }
+p#g:before { content: "\0 x" }
+p#h:before { content: "\00 x" }
+p#i:before { content: "\000 x" }
+p#j:before { content: "\0000 x" }
+p#k:before { content: "\00000 x" }
+p#l:before { content: "\000000 x" }
+</style>
+</head><body>
+<p id="a">(a)</p>
+<p id="b">(b)</p>
+<p id="c">(c)</p>
+<p id="d">(d)</p>
+<p id="e">(e)</p>
+<p id="f">(f)</p>
+<p id="g">(g)</p>
+<p id="h">(h)</p>
+<p id="i">(i)</p>
+<p id="j">(j)</p>
+<p id="k">(k)</p>
+<p id="l">(l)</p>
+</body></html>
diff --git a/layout/reftests/bugs/228856-2-ref.html b/layout/reftests/bugs/228856-2-ref.html
new file mode 100644
index 0000000000..447296de06
Binary files /dev/null and b/layout/reftests/bugs/228856-2-ref.html differ
diff --git a/layout/reftests/bugs/228856-2-style-1.css b/layout/reftests/bugs/228856-2-style-1.css
new file mode 100644
index 0000000000..bb7e68084b
Binary files /dev/null and b/layout/reftests/bugs/228856-2-style-1.css differ
diff --git a/layout/reftests/bugs/228856-2.html b/layout/reftests/bugs/228856-2.html
new file mode 100644
index 0000000000..b5bd738745
Binary files /dev/null and b/layout/reftests/bugs/228856-2.html differ
diff --git a/layout/reftests/bugs/229591-1-ref.html b/layout/reftests/bugs/229591-1-ref.html
new file mode 100644
index 0000000000..9626df69a3
--- /dev/null
+++ b/layout/reftests/bugs/229591-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<head>
+<style>
+table {border-collapse:collapse}
+td {border: thin solid lime} 
+</style>
+</head>  
+<html >
+<body style="color:lime">
+<table><tr><td>cell1</td><td>cell2</td></tr>
+                   <tr><td>cell3</td><td>cell4</td></tr></table>
+                   </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/229591-1.html b/layout/reftests/bugs/229591-1.html
new file mode 100644
index 0000000000..3b1f0588d9
--- /dev/null
+++ b/layout/reftests/bugs/229591-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html >
+<body style="color:lime">
+<table rules="all" frame="border" ><tr><td>cell1</td><td>cell2</td></tr>
+                   <tr><td>cell3</td><td>cell4</td></tr></table>
+                   </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/231823-1-ref.html b/layout/reftests/bugs/231823-1-ref.html
new file mode 100644
index 0000000000..de7a445546
--- /dev/null
+++ b/layout/reftests/bugs/231823-1-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<body>
+<div style="height:1087px;">
+<div>Location:  </div>
+
+<p>
+We are located at 333 West San Carlos Street, Suite 1650, San Jose.
+Our building has a parking garage, and we will validate your parking.
+After you park, as you are walking out of the parking garage, you will
+see a bank of elevators. These elevators only go up and down in the
+garage &#150; they don&#x2019;t connect to the office building. You
+should walk past those elevators, walk out of the garage, walk across a
+courtyard, and into the doors for the main building. There is another
+bank of elevators in that building. Take these elevators to the 16th
+Floor.
+</p>
+
+<p>
+From Highway 280 heading northbound to San Jose:  Take the Guadalupe
+Parkway exit, also called Highway 87.  This exit splits into a
+northbound and a southbound direction.  Take the northbound direction.
+Once on the Guadalupe Parkway take the first exit, which is the Santa
+Clara Street exit.  Bear right on Santa Clara Street as you come off
+that exit.  The first light you come to is Almaden Blvd.  Turn right on
+Almaden.  Go down 3 lights to West San Carlos Street.  Turn right on
+West San Carlos.  The next light you come to is a small street called
+Woz Way. Turn right on Woz.  The parking garage for our building is on
+your right.   Turn right into the garage.  Then follow the directions
+above from the garage to our office.
+</p>
+
+<p>
+From Highway 101 heading southbound to San Jose:  Take the Guadalupe
+Parkway exit, also called Highway 87.  Stay on the Guadalupe as it
+turns into a surface street and you cross over Hedding and Coleman.
+Once it turns into an expressway again, the second exit is the Park
+Avenue exit.  Take this exit.  Turn left on Park Avenue.  After you
+turn left you will come under the freeway and immediately come to a
+traffic light at a small street called  Woz Way.  Turn right on Woz
+Way.  The parking garage for our building is on your left.  Turn left
+into the garage.  Then follow the directions above from the garage to
+our office.
+</p>
+
+<p>
+From Highway 101 heading northbound to San Jose:  Turn on to Highway
+280 headed north.  Then follow directions above for Highway 280 heading
+northbound to San Jose.
+</p>
+
+<p>
+From Highway 880:  Take Highway 880 to Highway 280 South, and then
+follow directions above from Highway 280 heading southbound to San
+Jose.
+</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/231823-1.html b/layout/reftests/bugs/231823-1.html
new file mode 100644
index 0000000000..651e446f40
--- /dev/null
+++ b/layout/reftests/bugs/231823-1.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<body>
+<table cellspacing="0" cellpadding="0">
+	<tr>
+		<td rowspan="2" valign="top">
+<div>Location:  </div>
+
+<p>
+We are located at 333 West San Carlos Street, Suite 1650, San Jose.
+Our building has a parking garage, and we will validate your parking.
+After you park, as you are walking out of the parking garage, you will
+see a bank of elevators. These elevators only go up and down in the
+garage &#150; they don&#x2019;t connect to the office building. You
+should walk past those elevators, walk out of the garage, walk across a
+courtyard, and into the doors for the main building. There is another
+bank of elevators in that building. Take these elevators to the 16th
+Floor.
+</p>
+
+<p>
+From Highway 280 heading northbound to San Jose:  Take the Guadalupe
+Parkway exit, also called Highway 87.  This exit splits into a
+northbound and a southbound direction.  Take the northbound direction.
+Once on the Guadalupe Parkway take the first exit, which is the Santa
+Clara Street exit.  Bear right on Santa Clara Street as you come off
+that exit.  The first light you come to is Almaden Blvd.  Turn right on
+Almaden.  Go down 3 lights to West San Carlos Street.  Turn right on
+West San Carlos.  The next light you come to is a small street called
+Woz Way. Turn right on Woz.  The parking garage for our building is on
+your right.   Turn right into the garage.  Then follow the directions
+above from the garage to our office.
+</p>
+
+<p>
+From Highway 101 heading southbound to San Jose:  Take the Guadalupe
+Parkway exit, also called Highway 87.  Stay on the Guadalupe as it
+turns into a surface street and you cross over Hedding and Coleman.
+Once it turns into an expressway again, the second exit is the Park
+Avenue exit.  Take this exit.  Turn left on Park Avenue.  After you
+turn left you will come under the freeway and immediately come to a
+traffic light at a small street called  Woz Way.  Turn right on Woz
+Way.  The parking garage for our building is on your left.  Turn left
+into the garage.  Then follow the directions above from the garage to
+our office.
+</p>
+
+<p>
+From Highway 101 heading northbound to San Jose:  Turn on to Highway
+280 headed north.  Then follow directions above for Highway 280 heading
+northbound to San Jose.
+</p>
+
+<p>
+From Highway 880:  Take Highway 880 to Highway 280 South, and then
+follow directions above from Highway 280 heading southbound to San
+Jose.
+</p>
+		</td>
+
+	</tr>
+	<tr height="1087">
+	</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/232990-1-ref.xhtml b/layout/reftests/bugs/232990-1-ref.xhtml
new file mode 100644
index 0000000000..530f72cdd1
--- /dev/null
+++ b/layout/reftests/bugs/232990-1-ref.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+<![CDATA[
+@namespace pp url("prettyprint");
+pp|expander-box,
+pp|pre-content {
+  display: block;
+}
+
+pp|expander-box[collapsed] > pp|float,
+pp|expander-box[collapsed] > pp|pre-content {
+  display: inline;
+  float: none;
+}
+
+pp|float {
+  float: left;
+}
+    ]]></style>
+  </head>
+
+  <body>
+    <div>
+<pp:content xmlns:pp="prettyprint">
+  <pp:expander-box collapsed="collapsed"><pp:float>-</pp:float>
+    <pp:pre-content>pre</pp:pre-content>
+  </pp:expander-box>
+</pp:content>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/232990-1a.xhtml b/layout/reftests/bugs/232990-1a.xhtml
new file mode 100644
index 0000000000..4845452a96
--- /dev/null
+++ b/layout/reftests/bugs/232990-1a.xhtml
@@ -0,0 +1,49 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+<![CDATA[
+@namespace pp url("prettyprint");
+pp|expander-box,
+pp|pre-content {
+  display: block;
+}
+
+pp|expander-box[collapsed] > pp|float,
+pp|expander-box[collapsed] > pp|pre-content {
+  display: inline;
+  float: none;
+}
+
+pp|float {
+  float: left;
+}
+    ]]></style>
+    <script>
+<![CDATA[
+var target;
+function onLoad() {
+var res = document.evaluate("descendant::pp:expander-box",
+                    document.documentElement,
+                    function(aPref){return "prettyprint";},
+                    0, null);
+target = res.iterateNext();
+toggle();
+}
+
+function toggle() {
+  target.setAttribute("collapsed", "collapsed");
+}
+    ]]></script>
+  </head>
+
+  <body onload="onLoad()">
+    <div>
+<pp:content xmlns:pp="prettyprint">
+  <pp:expander-box><pp:float>-</pp:float>
+    <pp:pre-content>pre</pp:pre-content>
+  </pp:expander-box>
+</pp:content>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/233094-1-ref.html b/layout/reftests/bugs/233094-1-ref.html
new file mode 100644
index 0000000000..366f1f2ec3
--- /dev/null
+++ b/layout/reftests/bugs/233094-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+
+<table align="center">
+<tr>
+  <td>
+    <div style="float: right">
+      <input type="text" value="This is a test">
+    </div>
+</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/233094-1.html b/layout/reftests/bugs/233094-1.html
new file mode 100644
index 0000000000..c582395e3b
--- /dev/null
+++ b/layout/reftests/bugs/233094-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+
+<table align="center">
+<tr>
+  <td style="float: right">
+      <input type="text" value="This is a test"> 
+</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/233094-2-ref.html b/layout/reftests/bugs/233094-2-ref.html
new file mode 100644
index 0000000000..e1daacb6b8
--- /dev/null
+++ b/layout/reftests/bugs/233094-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+
+<div style="display: table; margin-left: 100px">
+<div style="display: table-cell">
+  <div style="float: right;">
+      <input type="text" value="This is a test"> 
+</div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/233094-2a.html b/layout/reftests/bugs/233094-2a.html
new file mode 100644
index 0000000000..7e45b11400
--- /dev/null
+++ b/layout/reftests/bugs/233094-2a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body onload="var bar = document.createElement('input'); bar.defaultValue='This is a test'; document.getElementById('foo').appendChild(bar)">
+
+<div style="display: table; margin-left: 100px">
+<div style="display: table-row">
+  <div style="float: right;" id="foo">
+</div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/233094-2b.html b/layout/reftests/bugs/233094-2b.html
new file mode 100644
index 0000000000..78a8a3569b
--- /dev/null
+++ b/layout/reftests/bugs/233094-2b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+
+<div style="display: table; margin-left: 100px">
+<div style="display: table-row">
+  <div style="float: right;">
+      <input type="text" value="This is a test"> 
+</div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/233094-2c.html b/layout/reftests/bugs/233094-2c.html
new file mode 100644
index 0000000000..37f7b06b22
--- /dev/null
+++ b/layout/reftests/bugs/233094-2c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<body onload="document.getElementById('foo').style.cssFloat='left'">
+
+<div style="display: table; margin-left: 100px">
+<div style="display: table-row">
+  <div style="display: table-cell" id="foo">
+     <input type="text" value="This is a test">
+</div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/234686-1.gif b/layout/reftests/bugs/234686-1.gif
new file mode 100644
index 0000000000..ed10d8a705
Binary files /dev/null and b/layout/reftests/bugs/234686-1.gif differ
diff --git a/layout/reftests/bugs/234686-1.html b/layout/reftests/bugs/234686-1.html
new file mode 100644
index 0000000000..6253198456
--- /dev/null
+++ b/layout/reftests/bugs/234686-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* none
+     *
+     *                  wmin     w       wmax
+     * |------------------+------+---------+------> width
+     *             hmin          h   hmax
+     * |-------------+-----------+-----+----------> height 
+     *
+     * target: [w, h]
+     */
+
+    #img1 {min-width:   60px;
+           max-width:  105px;
+           min-height:  45px;
+           max-height: 120px;}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-1.gif" alt="" id="img1"></p> <!-- w=75  h=75  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-10.gif b/layout/reftests/bugs/234686-10.gif
new file mode 100644
index 0000000000..4b24f565f3
Binary files /dev/null and b/layout/reftests/bugs/234686-10.gif differ
diff --git a/layout/reftests/bugs/234686-10.html b/layout/reftests/bugs/234686-10.html
new file mode 100644
index 0000000000..66f3867f04
--- /dev/null
+++ b/layout/reftests/bugs/234686-10.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w > max-width) and (h > max-height)
+     * (wmin/w > hmax/h) and (wmin/w > hmax/h)
+     *
+     *                  wmin   wmax      w
+     * |------------------+------+-------+--------> width
+     *             hmax                  h
+     * |-------------+-------------------+--------> height 
+     *
+     * target: [wmin, hmax]
+     */
+
+    #img10 { min-width:  75px; /* 25% */
+             max-width: 150px; /* 50% */
+             max-height: 75px; /* 20% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-10.gif" alt="" id="img10"></p> <!-- w=300  h=375 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-11.gif b/layout/reftests/bugs/234686-11.gif
new file mode 100644
index 0000000000..effaaee27d
Binary files /dev/null and b/layout/reftests/bugs/234686-11.gif differ
diff --git a/layout/reftests/bugs/234686-11.html b/layout/reftests/bugs/234686-11.html
new file mode 100644
index 0000000000..7c9f327d73
--- /dev/null
+++ b/layout/reftests/bugs/234686-11.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w > max-width) and (h > max-height)
+     * (wmax/w > hmax/h) and (wmin/w < hmax/h)
+     *
+     *         wmin            wmax      w
+     * |---------+---------------+-------+--------> width
+     *             hmax                  h
+     * |-------------+-------------------+--------> height 
+     *
+     * target: [hmax * w/h, hmax]
+     */
+
+    #img11 { min-width:  25px; /* 10% */  
+             max-width: 225px; /* 90% */
+             max-height: 75px; /* 30% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-11.gif" alt="" id="img11"></p> <!-- w=250  h=250 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-12.gif b/layout/reftests/bugs/234686-12.gif
new file mode 100644
index 0000000000..c4c8d24f45
Binary files /dev/null and b/layout/reftests/bugs/234686-12.gif differ
diff --git a/layout/reftests/bugs/234686-12.html b/layout/reftests/bugs/234686-12.html
new file mode 100644
index 0000000000..66efd89591
--- /dev/null
+++ b/layout/reftests/bugs/234686-12.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w > max-width) and (h > max-height)
+     * (wmax/w < hmax/h) and (wmax/w < hmin/h)
+     *
+     *             wmax                  w
+     * |-------------+-------------------+--------> width 
+     *                  hmin   hmax      h
+     * |------------------+------+-------+--------> height
+     *
+     * target: [wmax, hmin]
+     */
+
+    #img12 { max-width:   75px; /* 20% */
+             min-height:  75px; /* 25% */
+             max-height: 150px; /* 50% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-12.gif" alt="" id="img12"></p> <!-- w=375  h=300 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-13.gif b/layout/reftests/bugs/234686-13.gif
new file mode 100644
index 0000000000..effaaee27d
Binary files /dev/null and b/layout/reftests/bugs/234686-13.gif differ
diff --git a/layout/reftests/bugs/234686-13.html b/layout/reftests/bugs/234686-13.html
new file mode 100644
index 0000000000..75c3acb4b5
--- /dev/null
+++ b/layout/reftests/bugs/234686-13.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w > max-width) and (h > max-width)
+     * (wmax/w < hmax/h) and (wmax/w > hmin/h)
+     *
+     *             wmax                  w
+     * |-------------+-------------------+--------> width 
+     *         hmin            hmax      h
+     * |---------+---------------+-------+--------> height
+     *
+     * target: [wmax, wmax * h/w]
+     */
+
+    #img13 { max-width:   75px; /* 30% */
+             min-height:  25px; /* 10% */  
+             max-height: 225px; /* 90% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-13.gif" alt="" id="img13"></p> <!-- w=250  h=250 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-14.gif b/layout/reftests/bugs/234686-14.gif
new file mode 100644
index 0000000000..04cc507d2e
Binary files /dev/null and b/layout/reftests/bugs/234686-14.gif differ
diff --git a/layout/reftests/bugs/234686-14.html b/layout/reftests/bugs/234686-14.html
new file mode 100644
index 0000000000..f007ccb83b
--- /dev/null
+++ b/layout/reftests/bugs/234686-14.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w < min-width) and (h < min-height)
+     * (wmin/w < hmin/h) and (wmax/w > hmin/h)
+     *
+     *            w       wmin       wmax
+     * |----------+---------+----------+----------> width 
+     *            h           hmin
+     * |----------+-------------+-----------------> height
+     *
+     * target: [hmin * w/h, hmin]
+     */
+
+    #img14 { min-width:   50px; /* 200% */
+             max-width:  100px; /* 400% */
+             min-height:  75px; /* 300% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-14.gif" alt="" id="img14"></p> <!-- w=25   h=25  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-15.gif b/layout/reftests/bugs/234686-15.gif
new file mode 100644
index 0000000000..04cc507d2e
Binary files /dev/null and b/layout/reftests/bugs/234686-15.gif differ
diff --git a/layout/reftests/bugs/234686-15.html b/layout/reftests/bugs/234686-15.html
new file mode 100644
index 0000000000..d5d561766f
--- /dev/null
+++ b/layout/reftests/bugs/234686-15.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w < min-width) and (h < min-height)
+     * (wmin/w < hmin/h) and (wmax/w < hmin/h)
+     *
+     *            w       wmin       wmax
+     * |----------+---------+----------+----------> width
+     *            h                      hmin
+     * |----------+------------------------+------> height
+     *
+     * target: [wmax, hmin]
+     */
+
+    #img15 { min-width:   55px; /* 110% */
+             max-width:   75px; /* 150% */
+             min-height:  75px; /* 300% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-15.gif" alt="" id="img15"></p> <!-- w=50   h=25  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-16.gif b/layout/reftests/bugs/234686-16.gif
new file mode 100644
index 0000000000..04cc507d2e
Binary files /dev/null and b/layout/reftests/bugs/234686-16.gif differ
diff --git a/layout/reftests/bugs/234686-16.html b/layout/reftests/bugs/234686-16.html
new file mode 100644
index 0000000000..cd9e50f086
--- /dev/null
+++ b/layout/reftests/bugs/234686-16.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w < min-width) and (h < min-height)
+     * (wmin/w > hmin/h) and (wmin/w < hmax/h)
+     *
+     *            w           wmin
+     * |----------+-------------+-----------------> width
+     *            h       hmin       hmax
+     * |----------+---------+----------+----------> height 
+     *
+     * target: [wmin, wmin * h/w]
+     */
+
+    #img16 { min-width:   75px; /* 300% */
+             min-height:  50px; /* 200% */
+             max-height: 100px; /* 400% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-16.gif" alt="" id="img16"></p> <!-- w=25   h=25  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-17.gif b/layout/reftests/bugs/234686-17.gif
new file mode 100644
index 0000000000..b06554621e
Binary files /dev/null and b/layout/reftests/bugs/234686-17.gif differ
diff --git a/layout/reftests/bugs/234686-17.html b/layout/reftests/bugs/234686-17.html
new file mode 100644
index 0000000000..bcce100844
--- /dev/null
+++ b/layout/reftests/bugs/234686-17.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w < min-width) and (h < min-height)
+     * (wmin/w > hmin/h) and (wmin/w > hmax/h)
+     *            w                      wmin
+     * |----------+------------------------+------> width
+     *            h       hmin       hmax
+     * |----------+---------+----------+----------> height 
+     *
+     * target: [wmin, hmax]
+     */
+
+    #img17 { min-width:  75px; /* 300% */
+             min-height: 55px; /* 110% */
+             max-height: 75px; /* 150% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-17.gif" alt="" id="img17"></p> <!-- w=25   h=50  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-18.gif b/layout/reftests/bugs/234686-18.gif
new file mode 100644
index 0000000000..970a23fb50
Binary files /dev/null and b/layout/reftests/bugs/234686-18.gif differ
diff --git a/layout/reftests/bugs/234686-18.html b/layout/reftests/bugs/234686-18.html
new file mode 100644
index 0000000000..53076e38af
--- /dev/null
+++ b/layout/reftests/bugs/234686-18.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w < min-width) and (h > max-height)
+     *
+     *                           w   wmin
+     * |-------------------------+-----+----------> width 
+     *                  hmax     h
+     * |------------------+------+----------------> height
+     *
+     * target: [wmin, hmax]
+     */
+
+    #img18 { min-width:  75px; /* 150% */
+             max-height: 75px; /*  75% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-18.gif" alt="" id="img18"></p> <!-- w=50   h=100 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-19.gif b/layout/reftests/bugs/234686-19.gif
new file mode 100644
index 0000000000..b06554621e
Binary files /dev/null and b/layout/reftests/bugs/234686-19.gif differ
diff --git a/layout/reftests/bugs/234686-19.html b/layout/reftests/bugs/234686-19.html
new file mode 100644
index 0000000000..ad23c16473
--- /dev/null
+++ b/layout/reftests/bugs/234686-19.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* (w > max-width) and (h < min-height)
+     *
+     *                  wmax     w
+     * |------------------+------+----------------> width
+     *                           h   hmin
+     * |-------------------------+-----+----------> height 
+     *
+     * target: [wmax, hmin]
+     */
+
+    #img19 { max-width:  75px; /*  75% */
+             min-height: 75px; /* 150% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-19.gif" alt="" id="img19"></p> <!-- w=100  h=50  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-2.gif b/layout/reftests/bugs/234686-2.gif
new file mode 100644
index 0000000000..98153d4d38
Binary files /dev/null and b/layout/reftests/bugs/234686-2.gif differ
diff --git a/layout/reftests/bugs/234686-2.html b/layout/reftests/bugs/234686-2.html
new file mode 100644
index 0000000000..686d24c569
--- /dev/null
+++ b/layout/reftests/bugs/234686-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* w > max-width
+     * wmax/w > hmin/h
+     *                  wmax     w
+     * |------------------+------+----------------> width
+     *            hmin           h
+     * |------------+------------+----------------> height 
+     *
+     * target: [wmax, wmax * h/w]
+     */
+
+    #img2 {max-width:  75px; /* 50% */
+           min-height: 60px; /* 40% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-2.gif" alt="" id="img2"></p> <!-- w=150 h=150 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-3.gif b/layout/reftests/bugs/234686-3.gif
new file mode 100644
index 0000000000..98153d4d38
Binary files /dev/null and b/layout/reftests/bugs/234686-3.gif differ
diff --git a/layout/reftests/bugs/234686-3.html b/layout/reftests/bugs/234686-3.html
new file mode 100644
index 0000000000..9c676b6b21
--- /dev/null
+++ b/layout/reftests/bugs/234686-3.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* w > max-width
+     * wmax/w < hmin/h
+     *
+     *             wmax          w     
+     * |-------------+-----------+----------------> width
+     *                  hmin     h
+     * |------------------+------+----------------> height 
+     *
+     * target: [wmax, hmin]
+     */
+
+    #img3 {max-width:  75px; /* 25% */
+           min-height: 75px; /* 50% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-3.gif" alt="" id="img3"></p> <!-- w=300 h=150 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-4.gif b/layout/reftests/bugs/234686-4.gif
new file mode 100644
index 0000000000..04cc507d2e
Binary files /dev/null and b/layout/reftests/bugs/234686-4.gif differ
diff --git a/layout/reftests/bugs/234686-4.html b/layout/reftests/bugs/234686-4.html
new file mode 100644
index 0000000000..e3a8ed46e5
--- /dev/null
+++ b/layout/reftests/bugs/234686-4.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* w < min-width
+     * wmin/w < hmax/h
+     *
+     *               w       wmin
+     * |-------------+---------+------------------> width
+     *               h              hmax
+     * |-------------+----------------+-----------> height 
+     *
+     * target: [wmin, wmin * h/w]
+     */
+
+    #img4 {min-width:   75px; /* 300% */
+           max-height: 100px; /* 400% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-4.gif" alt="" id="img4"></p> <!-- w=25  h=25  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-5.gif b/layout/reftests/bugs/234686-5.gif
new file mode 100644
index 0000000000..b06554621e
Binary files /dev/null and b/layout/reftests/bugs/234686-5.gif differ
diff --git a/layout/reftests/bugs/234686-5.html b/layout/reftests/bugs/234686-5.html
new file mode 100644
index 0000000000..4d40d606f0
--- /dev/null
+++ b/layout/reftests/bugs/234686-5.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* w < min-width
+     * wmin/w > hmax/h
+     *
+     *               w              wmin
+     * |-------------+----------------+-----------> width
+     *               h       hmax
+     * |-------------+---------+------------------> height 
+     *
+     * target: [wmin, hmax]
+     */
+
+    #img5 {min-width:   75px; /* 300% */
+           max-height:  75px; /* 150% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-5.gif" alt="" id="img5"></p> <!-- w=25  h=50  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-6.gif b/layout/reftests/bugs/234686-6.gif
new file mode 100644
index 0000000000..98153d4d38
Binary files /dev/null and b/layout/reftests/bugs/234686-6.gif differ
diff --git a/layout/reftests/bugs/234686-6.html b/layout/reftests/bugs/234686-6.html
new file mode 100644
index 0000000000..46ed89d3e3
--- /dev/null
+++ b/layout/reftests/bugs/234686-6.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* h > max-height
+     * wmin/w < hmax/h
+     *
+     *            wmin           w
+     * |------------+------------+----------------> width 
+     *                  hmax     h
+     * |------------------+------+----------------> height
+     *
+     * target: [hmax * w/h, hmax]
+     */
+
+    #img6 {min-width:  60px; /* 40% */
+           max-height: 75px; /* 50% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-6.gif" alt="" id="img6"></p> <!-- w=150 h=150 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-7.gif b/layout/reftests/bugs/234686-7.gif
new file mode 100644
index 0000000000..c4c8d24f45
Binary files /dev/null and b/layout/reftests/bugs/234686-7.gif differ
diff --git a/layout/reftests/bugs/234686-7.html b/layout/reftests/bugs/234686-7.html
new file mode 100644
index 0000000000..9116ebdccc
--- /dev/null
+++ b/layout/reftests/bugs/234686-7.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* h > max-height
+     * wmin/w > hmax/h
+     *
+     *                  wmin     w
+     * |------------------+------+----------------> width 
+     *             hmax          h     
+     * |-------------+-----------+----------------> height
+     *
+     * target: [wmin, hmax]
+     */
+
+    #img7 {min-width:  75px; /* 50% */
+           max-height: 75px; /* 25% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-7.gif" alt="" id="img7"></p> <!-- w=150 h=300 -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-8.gif b/layout/reftests/bugs/234686-8.gif
new file mode 100644
index 0000000000..04cc507d2e
Binary files /dev/null and b/layout/reftests/bugs/234686-8.gif differ
diff --git a/layout/reftests/bugs/234686-8.html b/layout/reftests/bugs/234686-8.html
new file mode 100644
index 0000000000..60b07d54b5
--- /dev/null
+++ b/layout/reftests/bugs/234686-8.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* h < min-height
+     * wmax/w > hmin/h
+     *
+     *               w              wmax
+     * |-------------+----------------+-----------> height 
+     *               h       hmin
+     * |-------------+---------+------------------> width
+     *
+     * target: [hmin * w/h, hmin]
+     */
+
+    #img8 {max-width: 100px; /* 400% */
+           min-height: 75px; /* 300% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-8.gif" alt="" id="img8"></p> <!-- w=25  h=25  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-9.gif b/layout/reftests/bugs/234686-9.gif
new file mode 100644
index 0000000000..04cc507d2e
Binary files /dev/null and b/layout/reftests/bugs/234686-9.gif differ
diff --git a/layout/reftests/bugs/234686-9.html b/layout/reftests/bugs/234686-9.html
new file mode 100644
index 0000000000..770abcebd3
--- /dev/null
+++ b/layout/reftests/bugs/234686-9.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+    /* w < min-width
+     * wmax/w < hmin/h
+     *
+     *               w       wmax
+     * |-------------+---------+------------------> width 
+     *               h              hmin
+     * |-------------+----------------+-----------> height
+     *
+     * target: [wmax, hmin]
+     */
+
+    #img9 {max-width:  75px; /* 150% */
+           min-height: 75px; /* 300% */}
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-9.gif" alt="" id="img9"></p> <!-- w=50  h=25  -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234686-ref.gif b/layout/reftests/bugs/234686-ref.gif
new file mode 100644
index 0000000000..ed10d8a705
Binary files /dev/null and b/layout/reftests/bugs/234686-ref.gif differ
diff --git a/layout/reftests/bugs/234686-ref.html b/layout/reftests/bugs/234686-ref.html
new file mode 100644
index 0000000000..eda0b491dc
--- /dev/null
+++ b/layout/reftests/bugs/234686-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<!--
+From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
+with permission in
+https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
+-->
+<html lang="en">
+ <head>
+  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
+  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
+  <style type="text/css">
+
+    /* Diagrams are scaled so that w and h line up.
+       Image is 75px x 75px; target dimensions will thus be 75px. */
+
+  </style>
+ </head>
+ <body>
+   <p><img src="234686-ref.gif" alt=""></p> <!-- intrinsic dimensions -->
+
+ </body>
+</html>
diff --git a/layout/reftests/bugs/234964-1-ref.html b/layout/reftests/bugs/234964-1-ref.html
new file mode 100644
index 0000000000..0833305555
--- /dev/null
+++ b/layout/reftests/bugs/234964-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<body>
+<form style="height:100%">
+<table height=100% bgcolor=yellow>
+<tr><td><br><br><br><br><br><br><br><br><br><br><br><br>
+<tr height=100%><td><textarea style="height:100%"></textarea>
+<tr><td>Bottom
+</table>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/234964-1.html b/layout/reftests/bugs/234964-1.html
new file mode 100644
index 0000000000..445892af4f
--- /dev/null
+++ b/layout/reftests/bugs/234964-1.html
@@ -0,0 +1,11 @@
+<html>
+<body onload="document.getElementById('test').innerHTML='<br><br><br><br><br><br><br><br><br><br><br><br>'">
+<form style="height:100%">
+<table height=100% bgcolor=yellow>
+<tr><td id="test">Click here
+<tr height=100%><td><textarea style="height:100%"></textarea>
+<tr><td>Bottom
+</table>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/234964-2-ref.html b/layout/reftests/bugs/234964-2-ref.html
new file mode 100644
index 0000000000..d2b375a4f2
--- /dev/null
+++ b/layout/reftests/bugs/234964-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+  <body>
+    <table style="height:400px; background:yellow;">
+      <tr><td id="test"><br><br><br><br><br><br><br><br><br>
+      <tr height=100%><td><div style="height:100%; width:100px; background:blue;"></div>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/234964-2.html b/layout/reftests/bugs/234964-2.html
new file mode 100644
index 0000000000..efb31d6852
--- /dev/null
+++ b/layout/reftests/bugs/234964-2.html
@@ -0,0 +1,8 @@
+<html>
+  <body onload="document.getElementById('test').innerHTML='<br><br><br><br><br><br><br><br><br>'">
+    <table style="height:400px; background:yellow;">
+      <tr><td id="test">
+      <tr height=100%><td><div style="height:100%; width:100px; background:blue;"></div>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/235593-1-ref.html b/layout/reftests/bugs/235593-1-ref.html
new file mode 100644
index 0000000000..ea8139bf96
--- /dev/null
+++ b/layout/reftests/bugs/235593-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Bug 235593 Reference</title>
+</head>
+<body>
+<table>
+  <tr><td>
+    <table><tr><td style="background: #DDDDDD">a a</td><td></td></tr></table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/235593-1.html b/layout/reftests/bugs/235593-1.html
new file mode 100644
index 0000000000..55013e40f6
--- /dev/null
+++ b/layout/reftests/bugs/235593-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Bug 235593</title>
+</head>
+<body>
+<table>
+  <tr><td>
+    <table align="left"><tr><td style="background: #DDDDDD">a a<script type="text/javascript">document.body.offsetWidth;</script></td><td></td></tr></table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/23604-1-ref.html b/layout/reftests/bugs/23604-1-ref.html
new file mode 100644
index 0000000000..536728eec8
--- /dev/null
+++ b/layout/reftests/bugs/23604-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+  <head>
+    <style type="text/css">
+      body           { background: lightblue }
+      p:first-line   { font-family: monospace }
+      p:first-letter { font-family: sans-serif }
+    </style>
+  </head>
+  <body>
+    <p style="width: 100px"><span>The first letter of this paragraph should be
+        in sans-serif while the first-line should be in monospace.</span></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/23604-1.html b/layout/reftests/bugs/23604-1.html
new file mode 100644
index 0000000000..14d3cfa704
--- /dev/null
+++ b/layout/reftests/bugs/23604-1.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+  <head>
+    <style type="text/css">
+      p:first-line   { font-family: monospace }
+      p:first-letter { font-family: sans-serif }
+    </style>
+    <script>
+      function tweak() {
+        document.body.style.background = 'lightblue';
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="tweak();">
+    <p style="width: 100px"><span>The first letter of this paragraph should be
+        in sans-serif while the first-line should be in monospace.</span></p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/23604-2-ref.html b/layout/reftests/bugs/23604-2-ref.html
new file mode 100644
index 0000000000..4fae573513
--- /dev/null
+++ b/layout/reftests/bugs/23604-2-ref.html
@@ -0,0 +1,37 @@
+<html>
+<head>
+	<style type="text/css">
+		body {
+			font-family: sans-serif;
+                        background: lightblue; }
+		
+		.a li:first-letter {
+			font-family: serif;
+			font-weight: bold; }
+		
+		.b li:first-letter {
+			color: red; }
+		
+		.c li:first-letter {
+			background: red; }
+		
+		.d li:first-letter {
+			font-size: 1.5em; }
+	</style>
+</head>
+
+<body>
+	<ul class="a">
+		<li><a>Lorem ipsum dolor sit amet</a></li>
+	</ul>
+	<ul class="b">
+		<li><del>Lorem ipsum dolor sit amet</del></li>
+	</ul>
+	<ul class="c">
+		<li><em>Lorem ipsum dolor sit amet</em></li>
+	</ul>
+	<ul class="d">
+		<li><span>Lorem ipsum dolor sit amet</span></li>
+	</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/23604-2.html b/layout/reftests/bugs/23604-2.html
new file mode 100644
index 0000000000..ff62d5fc0c
--- /dev/null
+++ b/layout/reftests/bugs/23604-2.html
@@ -0,0 +1,42 @@
+<html class="reftest-wait">
+<head>
+	<style type="text/css">
+		body {
+			font-family: sans-serif; }
+		
+		.a li:first-letter {
+			font-family: serif;
+			font-weight: bold; }
+		
+		.b li:first-letter {
+			color: red; }
+		
+		.c li:first-letter {
+			background: red; }
+		
+		.d li:first-letter {
+			font-size: 1.5em; }
+	</style>
+ <script>
+  function tweak() {
+    document.body.style.background = 'lightblue';
+    document.documentElement.className = "";
+  }
+ </script>
+</head>
+
+<body onload="tweak();">
+	<ul class="a">
+		<li><a>Lorem ipsum dolor sit amet</a></li>
+	</ul>
+	<ul class="b">
+		<li><del>Lorem ipsum dolor sit amet</del></li>
+	</ul>
+	<ul class="c">
+		<li><em>Lorem ipsum dolor sit amet</em></li>
+	</ul>
+	<ul class="d">
+		<li><span>Lorem ipsum dolor sit amet</span></li>
+	</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/236539-1-ref.html b/layout/reftests/bugs/236539-1-ref.html
new file mode 100644
index 0000000000..50b65d74a1
--- /dev/null
+++ b/layout/reftests/bugs/236539-1-ref.html
@@ -0,0 +1,129 @@
+<html>
+<head>
+<script type="text/javascript">
+var NumLine = 0
+
+function maj(IDLine)
+{
+
+var newtr = document.createElement("tr")
+newtr.setAttribute("id","tr"+IDLine)
+
+
+var newtdselect = document.createElement("td")
+var newselect = document.createElement("select")
+newselect.setAttribute("id","HypothRank_"+IDLine)
+newselect.setAttribute("name","HypothRank_"+IDLine)
+
+for (i=1;i<=IDLine;i++)
+ {
+
+ var newoption = document.createElement("option")
+ newoption.setAttribute("id",i)
+ newoption.setAttribute("class","classoption1")
+ if (i == IDLine)
+  {
+   newoption.setAttribute("selected","selected")
+  }
+ var newtxt = document.createTextNode(i)
+ newoption.appendChild(newtxt)
+
+ newselect.appendChild(newoption)
+ }
+
+if (i>2)
+ { 
+   for (j=1;j<=i-2;j++)
+    {
+     var newoption = document.createElement("option")
+     newoption.setAttribute("class","classoption1")
+     newoption.setAttribute("id",IDLine)
+     var newtxt = document.createTextNode(i-1)
+     newoption.appendChild(newtxt)
+     document.getElementById("HypothRank_"+j).appendChild(newoption)
+    }
+ }
+
+newtdselect.appendChild(newselect)
+newtr.appendChild(newtdselect)
+
+document.getElementById('letbody').appendChild(newtr)
+
+NumLine++
+}
+
+
+
+function DeleteLine(IDLine)
+{
+for (i=1;i<=NumLine;i++)
+
+ {
+  if (i != IDLine)
+    {
+     noeud = document.getElementById("HypothRank_"+i)[IDLine-1]
+     document.getElementById("HypothRank_"+i).removeChild(noeud)
+     for (j=0;j<=NumLine-2;j++)
+      {
+       noeud = document.getElementById("HypothRank_"+i)[j]
+
+       k=j+1
+       noeud.setAttribute("id",k)
+
+       if (k == NumLine)
+         {
+          noeud.setAttribute("selected","selected")
+         }
+       depart = 0
+       taille = noeud.firstChild.nodeValue.length
+       document.getElementById("HypothRank_"+i)[j].firstChild.replaceData(depart,taille,j+1)
+      }
+    }
+ }
+
+
+noeud = document.getElementById('tr'+IDLine)
+document.getElementById('letbody').removeChild(noeud)
+
+NumLine--
+
+for (i=IDLine;i<=NumLine;i++)
+ {
+ k=i+1
+ noeud = document.getElementById("tr"+k)
+ noeud.setAttribute("id","tr"+i)
+
+ noeud = document.getElementById("HypothRank_"+k)
+ noeud.setAttribute("id","HypothRank_"+i)
+ noeud.setAttribute("name","HypothRank_"+i) 
+
+ noeud = document.getElementById("Hypoth_"+k)
+ noeud.setAttribute("name","Hypoth_"+i)
+ noeud.setAttribute("id","Hypoth_"+i)
+ }
+
+
+}
+
+</script>
+</head>
+
+<body>
+<form>
+ <table border="1" id="latable">
+  <thead></thead>
+  <tfoot></tfoot>
+  <tbody id="letbody"></tbody>
+ </table>
+</form>
+
+<script>
+  document.body.offsetWidth;
+  maj(NumLine+1);
+  document.body.offsetWidth;
+  maj(NumLine+1);
+  document.body.offsetWidth;
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/236539-1.html b/layout/reftests/bugs/236539-1.html
new file mode 100644
index 0000000000..83331415ce
--- /dev/null
+++ b/layout/reftests/bugs/236539-1.html
@@ -0,0 +1,130 @@
+<html>
+<head>
+<script type="text/javascript">
+var NumLine = 0
+
+function maj(IDLine)
+{
+
+var newtr = document.createElement("tr")
+newtr.setAttribute("id","tr"+IDLine)
+
+
+var newtdselect = document.createElement("td")
+var newselect = document.createElement("select")
+newselect.setAttribute("id","HypothRank_"+IDLine)
+newselect.setAttribute("name","HypothRank_"+IDLine)
+
+for (i=1;i<=IDLine;i++)
+ {
+
+ var newoption = document.createElement("option")
+ newoption.setAttribute("id",i)
+ newoption.setAttribute("class","classoption1")
+ if (i == IDLine)
+  {
+   newoption.setAttribute("selected","selected")
+  }
+ var newtxt = document.createTextNode(i)
+ newoption.appendChild(newtxt)
+
+ newselect.appendChild(newoption)
+ }
+
+if (i>2)
+ { 
+   for (j=1;j<=i-2;j++)
+    {
+     var newoption = document.createElement("option")
+     newoption.setAttribute("class","classoption1")
+     newoption.setAttribute("id",IDLine)
+     var newtxt = document.createTextNode(i-1)
+     newoption.appendChild(newtxt)
+     document.getElementById("HypothRank_"+j).appendChild(newoption)
+    }
+ }
+
+newtdselect.appendChild(newselect)
+newtr.appendChild(newtdselect)
+
+document.getElementById('letbody').appendChild(newtr)
+
+NumLine++
+}
+
+
+
+function DeleteLine(IDLine)
+{
+for (i=1;i<=NumLine;i++)
+
+ {
+  if (i != IDLine)
+    {
+     noeud = document.getElementById("HypothRank_"+i)[IDLine-1]
+     document.getElementById("HypothRank_"+i).removeChild(noeud)
+     for (j=0;j<=NumLine-2;j++)
+      {
+       noeud = document.getElementById("HypothRank_"+i)[j]
+
+       k=j+1
+       noeud.setAttribute("id",k)
+
+       if (k == NumLine)
+         {
+          noeud.setAttribute("selected","selected")
+         }
+       depart = 0
+       taille = noeud.firstChild.nodeValue.length
+       document.getElementById("HypothRank_"+i)[j].firstChild.replaceData(depart,taille,j+1)
+      }
+    }
+ }
+
+
+noeud = document.getElementById('tr'+IDLine)
+document.getElementById('letbody').removeChild(noeud)
+
+NumLine--
+
+for (i=IDLine;i<=NumLine;i++)
+ {
+ k=i+1
+ noeud = document.getElementById("tr"+k)
+ noeud.setAttribute("id","tr"+i)
+
+ noeud = document.getElementById("HypothRank_"+k)
+ noeud.setAttribute("id","HypothRank_"+i)
+ noeud.setAttribute("name","HypothRank_"+i) 
+
+ }
+
+
+}
+
+</script>
+</head>
+
+<body>
+<form>
+ <table border="1" id="latable">
+  <thead></thead>
+  <tfoot></tfoot>
+  <tbody id="letbody"></tbody>
+ </table>
+</form>
+
+<script>
+  document.body.offsetWidth;
+  maj(NumLine+1);
+  document.body.offsetWidth;
+  maj(NumLine+1);
+  document.body.offsetWidth;
+  maj(NumLine+1);
+  document.body.offsetWidth;
+  DeleteLine(2);
+  document.body.offsetWidth;
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/240029-1-ref.html b/layout/reftests/bugs/240029-1-ref.html
new file mode 100644
index 0000000000..dc5ca019e0
--- /dev/null
+++ b/layout/reftests/bugs/240029-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-size: 10px;
+}
+.float {
+ width: 100%;
+ float: left;
+ height: 10px;
+ padding-bottom: 10px;
+}
+table {
+ clear: left;
+}
+</style>
+</head>
+<body>
+<div class="float"></div>
+<br>
+<table cellpadding="0" cellspacing="0">
+ <tr>
+  <td>should_be_at_left_edge</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/240029-1.html b/layout/reftests/bugs/240029-1.html
new file mode 100644
index 0000000000..7fd60ee9f1
--- /dev/null
+++ b/layout/reftests/bugs/240029-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-size: 10px;
+}
+.float {
+ width: 100%;
+ float: left;
+ height: 10px;
+ padding-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="float"></div>
+<br>
+<table cellpadding="0" cellspacing="0">
+ <tr>
+  <td>should_be_at_left_edge</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/240470-1-ref.html b/layout/reftests/bugs/240470-1-ref.html
new file mode 100644
index 0000000000..e56d951133
--- /dev/null
+++ b/layout/reftests/bugs/240470-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<body>
+<html>
+<select id="test" size="8">
+</select>
+<script>
+  var optgroup = document.createElement("optgroup");
+  optgroup.setAttribute('label', 'An optgroup');
+  var option = document.createElement("option");
+  var optionText = document.createTextNode("An option");
+  option.appendChild(optionText);
+  var select = document.getElementById("test");
+
+  optgroup.appendChild(option);
+  select.appendChild(optgroup);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/240470-1.html b/layout/reftests/bugs/240470-1.html
new file mode 100644
index 0000000000..307a07376b
--- /dev/null
+++ b/layout/reftests/bugs/240470-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<body>
+<html>
+<select id="test" size="8">
+</select>
+<script>
+  var optgroup = document.createElement("optgroup");
+  optgroup.setAttribute('label', 'An optgroup');
+  var option = document.createElement("option");
+  var optionText = document.createTextNode("An option");
+  option.appendChild(optionText);
+  var select = document.getElementById("test");
+
+  select.appendChild(optgroup);
+  optgroup.appendChild(option);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/240933-1-ref.html b/layout/reftests/bugs/240933-1-ref.html
new file mode 100644
index 0000000000..0d727af3a2
--- /dev/null
+++ b/layout/reftests/bugs/240933-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<body onload="setup()">
+<textarea id="ta" dir="rtl">
+
+&#x05d0;a&#x05d1;
+
+</textarea>
+<textarea id="tb">
+
+abc
+
+</textarea>
+
+<div id="coords1"></div>
+<div id="coords2"></div>
+
+<script>
+  function setup() {
+    document.getElementById("coords1").innerHTML = document.getElementById("ta").selectionStart;
+    document.getElementById("coords2").innerHTML = document.getElementById("tb").selectionStart;
+  }
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/240933-1.html b/layout/reftests/bugs/240933-1.html
new file mode 100644
index 0000000000..a4a25aede9
--- /dev/null
+++ b/layout/reftests/bugs/240933-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<body>
+<textarea id="ta" dir="rtl">
+
+&#x05d0;a&#x05d1;
+
+</textarea>
+<textarea id="tb">
+
+abc
+
+</textarea>
+
+<div id="coords1">0</div>
+<div id="coords2">0</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/240933-2-ref.html b/layout/reftests/bugs/240933-2-ref.html
new file mode 100644
index 0000000000..7dbc082a58
--- /dev/null
+++ b/layout/reftests/bugs/240933-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<body onload="setup()">
+<textarea id="ta" dir="rtl">
+
+&#x05d0;a&#x05d1;
+
+</textarea>
+<textarea id="tb">
+
+abc
+
+</textarea>
+
+<div id="coords1"></div>
+<div id="coords2"></div>
+
+<script>
+  function setup() {
+    document.getElementById("ta").selectionStart = 3;
+    document.getElementById("ta").selectionEnd = 3;
+    document.getElementById("coords1").innerHTML = document.getElementById("ta").selectionStart;
+    document.getElementById("tb").selectionStart = 3;
+    document.getElementById("tb").selectionEnd = 3;
+    document.getElementById("coords2").innerHTML = document.getElementById("tb").selectionStart;
+  }
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/240933-2.html b/layout/reftests/bugs/240933-2.html
new file mode 100644
index 0000000000..0fb9b9d506
--- /dev/null
+++ b/layout/reftests/bugs/240933-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<body>
+<textarea id="ta" dir="rtl">
+
+&#x05d0;a&#x05d1;
+
+</textarea>
+<textarea id="tb">
+
+abc
+
+</textarea>
+
+<div id="coords1">3</div>
+<div id="coords2">3</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/243266-1-ref.html b/layout/reftests/bugs/243266-1-ref.html
new file mode 100644
index 0000000000..922940859e
--- /dev/null
+++ b/layout/reftests/bugs/243266-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table style="width: 6em; background: yellow">
+    <tr>
+        <td>mmmmmmmm<wbr>mmmmmmmm</td>
+    </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243266-1.html b/layout/reftests/bugs/243266-1.html
new file mode 100644
index 0000000000..e62bbdf0ab
--- /dev/null
+++ b/layout/reftests/bugs/243266-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table style="width: 6em; background: yellow">
+    <tr>
+        <td id="big">mmmmmmmmmmmmmmmm</td>
+    </tr>
+</table>
+<script>
+  document.body.offsetWidth;
+  var big = document.getElementById("big");
+  var r = big.firstChild.splitText(8);
+  big.insertBefore(document.createElement("WBR"), r);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243302-1-ref.html b/layout/reftests/bugs/243302-1-ref.html
new file mode 100644
index 0000000000..54b703fc2f
--- /dev/null
+++ b/layout/reftests/bugs/243302-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 243302 Reference</title>
+</head>
+<body>
+<table>
+  <tr><td width="100%">MMMM MMMM</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243302-1.html b/layout/reftests/bugs/243302-1.html
new file mode 100644
index 0000000000..20b651ea1e
--- /dev/null
+++ b/layout/reftests/bugs/243302-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 243302</title>
+</head>
+<body>
+<table>
+  <tr><td width="100%">MMMM<script type="text/javascript">var v =document.body.offsetHeight;</script> MMMM</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-1-ref.html b/layout/reftests/bugs/243519-1-ref.html
new file mode 100644
index 0000000000..1a031adfd5
--- /dev/null
+++ b/layout/reftests/bugs/243519-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style>
+body { margin:0; }
+.pos { position:absolute; width:100px; height:100px; }
+</style>
+</head>
+<body>
+<div style="height:10000px; margin:0; margin:10px; border:20px solid black; padding:30px;"></div>
+<script>
+window.scrollTo(0,50);
+</script>
+<div class="pos" style="top:0; left:60px; background:yellow;"></div>
+<div class="pos" style="right:0; top:60px; background:orange;"></div>
+<div class="pos" style="bottom:0; left:60px; background:brown;"></div>
+<div class="pos" style="left:0; top:60px; background:pink;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-1.html b/layout/reftests/bugs/243519-1.html
new file mode 100644
index 0000000000..1465f4fa80
--- /dev/null
+++ b/layout/reftests/bugs/243519-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="dom" />
+<style>
+html { margin:10px; border:20px solid black; padding:30px; }
+body { height:10000px; margin:0; }
+div { position:absolute; width:100px; height:100px; }
+</style>
+</head>
+<body>
+<script>
+window.scrollTo(0,50);
+</script>
+<div style="top:0; background:yellow;"></div>
+<div style="right:0; background:orange;"></div>
+<div style="bottom:0; background:brown;"></div>
+<div style="left:0; background:pink;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-2-ref.html b/layout/reftests/bugs/243519-2-ref.html
new file mode 100644
index 0000000000..425289aca2
--- /dev/null
+++ b/layout/reftests/bugs/243519-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="column-count:2; margin:0;">
+Hello<br>
+Kitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-2.html b/layout/reftests/bugs/243519-2.html
new file mode 100644
index 0000000000..e1e01c6d35
--- /dev/null
+++ b/layout/reftests/bugs/243519-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html style="column-count:2;">
+<body style="margin:0;">
+Hello<br>
+Kitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-3-ref.html b/layout/reftests/bugs/243519-3-ref.html
new file mode 100644
index 0000000000..0c7e15b440
--- /dev/null
+++ b/layout/reftests/bugs/243519-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<head>
+<style>
+body { margin:0; }
+.pos { position:absolute; width:100px; height:100px; }
+</style>
+</head>
+<body>
+<div class="pos" style="top:0; left:60px; border:10px solid yellow;"></div>
+<div class="pos" style="right:0; top:60px; border:10px solid orange;"></div>
+<div class="pos" style="bottom:0; left:60px; border:10px solid brown;"></div>
+<div class="pos" style="left:0; top:60px; border:10px solid pink;"></div>
+<div style="margin:10px; border:20px solid black; padding:30px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-3.html b/layout/reftests/bugs/243519-3.html
new file mode 100644
index 0000000000..df21662976
--- /dev/null
+++ b/layout/reftests/bugs/243519-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<head>
+<style>
+html { margin:10px; border:20px solid black; padding:30px; }
+body { margin:0; }
+div { position:absolute; width:100px; height:100px; }
+</style>
+</head>
+<body>
+<div style="top:0; border:10px solid yellow;"></div>
+<div style="right:0; border:10px solid orange;"></div>
+<div style="bottom:0; border:10px solid brown;"></div>
+<div style="left:0; border:10px solid pink;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-4-ref.html b/layout/reftests/bugs/243519-4-ref.html
new file mode 100644
index 0000000000..c663c6f7e1
--- /dev/null
+++ b/layout/reftests/bugs/243519-4-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html style="background:yellow;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<body>
+<div style="position:absolute; top:100px; left:100px; width:100px; height:100px;
+            border:10px solid black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-4a.html b/layout/reftests/bugs/243519-4a.html
new file mode 100644
index 0000000000..764ba3d61b
--- /dev/null
+++ b/layout/reftests/bugs/243519-4a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:absolute; left:100px; top:100px; width:100px; height:100px;
+             background:yellow; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-4b.html b/layout/reftests/bugs/243519-4b.html
new file mode 100644
index 0000000000..f8900d0bc5
--- /dev/null
+++ b/layout/reftests/bugs/243519-4b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:fixed; left:100px; top:100px; width:100px; height:100px;
+             background:yellow; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-4c.html b/layout/reftests/bugs/243519-4c.html
new file mode 100644
index 0000000000..14acf6c4a6
--- /dev/null
+++ b/layout/reftests/bugs/243519-4c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:absolute; left:100px; top:100px; width:100px; height:100px;
+             background:yellow; border:10px solid black; display:table;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-4d.html b/layout/reftests/bugs/243519-4d.html
new file mode 100644
index 0000000000..640e1d71f8
--- /dev/null
+++ b/layout/reftests/bugs/243519-4d.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:fixed; left:100px; top:100px; width:100px; height:100px;
+             background:yellow; border:10px solid black; display:table">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-4e.html b/layout/reftests/bugs/243519-4e.html
new file mode 100644
index 0000000000..a1eaea2b3d
--- /dev/null
+++ b/layout/reftests/bugs/243519-4e.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="display:table">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body style="position:absolute; left:100px; top:100px; width:100px; height:100px; border:10px solid black;
+             background:yellow; margin:0">
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-4f.html b/layout/reftests/bugs/243519-4f.html
new file mode 100644
index 0000000000..48d1e85e65
--- /dev/null
+++ b/layout/reftests/bugs/243519-4f.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="display:table">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body style="position:fixed; left:100px; top:100px; width:100px; height:100px; border:10px solid black;
+             background:yellow; margin:0">
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-5-ref.html b/layout/reftests/bugs/243519-5-ref.html
new file mode 100644
index 0000000000..a8ca6430f1
--- /dev/null
+++ b/layout/reftests/bugs/243519-5-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html style="background:yellow;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<body style="margin:0">
+<div style="border:10px solid black; width:100px; height:100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-5a.html b/layout/reftests/bugs/243519-5a.html
new file mode 100644
index 0000000000..63f8a7b8c8
--- /dev/null
+++ b/layout/reftests/bugs/243519-5a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:absolute; width:100px; height:100px;
+             background:yellow; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-5b.html b/layout/reftests/bugs/243519-5b.html
new file mode 100644
index 0000000000..82c2097c0e
--- /dev/null
+++ b/layout/reftests/bugs/243519-5b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:absolute; width:100px; height:100px; display:table;
+             background:yellow; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-5c.html b/layout/reftests/bugs/243519-5c.html
new file mode 100644
index 0000000000..51b1f03ac2
--- /dev/null
+++ b/layout/reftests/bugs/243519-5c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:fixed; width:100px; height:100px;
+             background:yellow; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-5d.html b/layout/reftests/bugs/243519-5d.html
new file mode 100644
index 0000000000..07f72a81ca
--- /dev/null
+++ b/layout/reftests/bugs/243519-5d.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html style="position:fixed; width:100px; height:100px; display:table;
+             background:yellow; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-6-ref.html b/layout/reftests/bugs/243519-6-ref.html
new file mode 100644
index 0000000000..52b8dd3a5c
--- /dev/null
+++ b/layout/reftests/bugs/243519-6-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<head>
+<style>
+div { margin:10px; border:20px solid black; padding:30px; height:4in; position:absolute; }
+body { margin:0; }
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-6.html b/layout/reftests/bugs/243519-6.html
new file mode 100644
index 0000000000..ea764eb4fd
--- /dev/null
+++ b/layout/reftests/bugs/243519-6.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<head>
+<style>
+html { margin:10px; border:20px solid black; padding:30px; height:4in; position:absolute; }
+body { margin:0; }
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-7-ref.html b/layout/reftests/bugs/243519-7-ref.html
new file mode 100644
index 0000000000..7c7f5b3294
--- /dev/null
+++ b/layout/reftests/bugs/243519-7-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<body style="margin:0;">
+<div style="position:relative; top:100px; left:100px; height:100px; border:10px solid black;">
+  <div style="position:absolute; bottom:0; height:30px; border:10px solid orange;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-7.html b/layout/reftests/bugs/243519-7.html
new file mode 100644
index 0000000000..bab64890a4
--- /dev/null
+++ b/layout/reftests/bugs/243519-7.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html style="position:relative; top:100px; left:100px; height:100px; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body style="position:absolute; margin:0; bottom:0; height:30px; border:10px solid orange;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-8-ref.svg b/layout/reftests/bugs/243519-8-ref.svg
new file mode 100644
index 0000000000..59c155243d
--- /dev/null
+++ b/layout/reftests/bugs/243519-8-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect fill="lime" x="100" y="100" width="100" height="100"/>
+</svg>
diff --git a/layout/reftests/bugs/243519-8.svg b/layout/reftests/bugs/243519-8.svg
new file mode 100644
index 0000000000..d9bdae23e1
--- /dev/null
+++ b/layout/reftests/bugs/243519-8.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="position:absolute; left:100px; top:100px; overflow:hidden;">
+  <rect fill="lime" width="100" height="100"/>
+</svg>
diff --git a/layout/reftests/bugs/243519-9-ref.html b/layout/reftests/bugs/243519-9-ref.html
new file mode 100644
index 0000000000..472c95bcec
--- /dev/null
+++ b/layout/reftests/bugs/243519-9-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<body style="margin:0">
+<div style="position:fixed; width:50%; height:50%; left:50px; top:50px; border:10px solid black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-9a.html b/layout/reftests/bugs/243519-9a.html
new file mode 100644
index 0000000000..29fc600e94
--- /dev/null
+++ b/layout/reftests/bugs/243519-9a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html style="width:50%; height:50%; margin:50px; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+</html>
diff --git a/layout/reftests/bugs/243519-9b.html b/layout/reftests/bugs/243519-9b.html
new file mode 100644
index 0000000000..8a80a5e1d9
--- /dev/null
+++ b/layout/reftests/bugs/243519-9b.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html style="position:absolute; left:50px; top:50px; width:50%; height:50%; border:10px solid black;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+</html>
diff --git a/layout/reftests/bugs/243519-9c.html b/layout/reftests/bugs/243519-9c.html
new file mode 100644
index 0000000000..4b7e9fe06b
--- /dev/null
+++ b/layout/reftests/bugs/243519-9c.html
@@ -0,0 +1,2 @@
+<html style="width:50%; height:50%; margin:50px; border:10px solid black;">
+</html>
diff --git a/layout/reftests/bugs/243519-9d.html b/layout/reftests/bugs/243519-9d.html
new file mode 100644
index 0000000000..6f9c2e6ea3
--- /dev/null
+++ b/layout/reftests/bugs/243519-9d.html
@@ -0,0 +1,2 @@
+<html style="position:absolute; left:50px; top:50px; width:50%; height:50%; border:10px solid black;">
+</html>
diff --git a/layout/reftests/bugs/243519-9e.html b/layout/reftests/bugs/243519-9e.html
new file mode 100644
index 0000000000..e72bc85d49
--- /dev/null
+++ b/layout/reftests/bugs/243519-9e.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body style="position:absolute; width:50%; height:50%; top:50px; left:50px; margin:0; border:10px solid black;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/243519-9f.html b/layout/reftests/bugs/243519-9f.html
new file mode 100644
index 0000000000..be7a471c75
--- /dev/null
+++ b/layout/reftests/bugs/243519-9f.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html style="position:relative; height:50%;">
+<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="" />
+<body style="position:absolute; width:50%; top:50px; left:50px; height:100%; margin:0; border:10px solid black;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/244135-1-ref.html b/layout/reftests/bugs/244135-1-ref.html
new file mode 100644
index 0000000000..ba0210554f
--- /dev/null
+++ b/layout/reftests/bugs/244135-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+<title>http://bugzilla.mozilla.org/show_bug.cgi?id=244135</title>
+<style type="text/css">
+table { border-collapse: collapse; background-color:#c0c0c0; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr>
+<td rowspan="4">td rowspan=4</td>
+<td>text</td>
+<td>text</td>
+<td>text</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text
+</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text</td>
+</tr>
+</tbody>
diff --git a/layout/reftests/bugs/244135-1.html b/layout/reftests/bugs/244135-1.html
new file mode 100644
index 0000000000..e971f41ea6
--- /dev/null
+++ b/layout/reftests/bugs/244135-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+<title>http://bugzilla.mozilla.org/show_bug.cgi?id=244135</title>
+<style type="text/css">
+table { border-collapse: collapse; background-color:#c0c0c0; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr>
+<td rowspan="4">td rowspan=4</td>
+<td>text</td>
+<td>text</td>
+<td>text</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text
+<script type="text/javascript">var v = document.body.offsetHeight;</script> 
+</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text</td>
+</tr>
+</tbody>
diff --git a/layout/reftests/bugs/244135-2-ref.html b/layout/reftests/bugs/244135-2-ref.html
new file mode 100644
index 0000000000..754c98a8f1
--- /dev/null
+++ b/layout/reftests/bugs/244135-2-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+<title>http://bugzilla.mozilla.org/show_bug.cgi?id=244135</title>
+<style type="text/css">
+table { border-collapse: collapse; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr>
+    <td>text</td>
+    <td>text</td>
+    <td>text</td>
+    <td>text</td>
+</tr>
+<tr>
+<td rowspan="4">td rowspan=4</td>
+<td>text</td>
+<td>text</td>
+<td>text
+</td>
+</tr>
+<tr>
+<td>text</td>
+
+<td>text</td>
+<td>text
+</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text
+
+
+</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text
+</td>
+</tr>
+</tbody>
diff --git a/layout/reftests/bugs/244135-2.html b/layout/reftests/bugs/244135-2.html
new file mode 100644
index 0000000000..1352d61985
--- /dev/null
+++ b/layout/reftests/bugs/244135-2.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+<title>http://bugzilla.mozilla.org/show_bug.cgi?id=244135</title>
+<style type="text/css">
+table { border-collapse: collapse; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr>
+    <td>text</td>
+    <td>text</td>
+    <td>text</td>
+    <td>text</td>
+</tr>
+<tr>
+<td rowspan="4">td rowspan=4</td>
+<td>text</td>
+<td>text</td>
+<td>text
+<script type="text/javascript">var v = document.body.offsetHeight;</script> 
+</td>
+</tr>
+<tr>
+<td>text</td>
+
+<td>text</td>
+<td>text
+</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text
+
+
+</td>
+</tr>
+<tr>
+<td>text</td>
+<td>text</td>
+<td>text
+</td>
+</tr>
+</tbody>
diff --git a/layout/reftests/bugs/244932-1-ref.html b/layout/reftests/bugs/244932-1-ref.html
new file mode 100644
index 0000000000..8b6cd22168
--- /dev/null
+++ b/layout/reftests/bugs/244932-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 244932 Reference</title>
+</head>
+<body>
+<table style="border-collapse: collapse" cellpadding=0>
+  <tr>
+    <td width="100%" valign="top"><br><hr size="1"></td>
+    <td><div style="width: 20em; height: 4em; border: 2px solid green"></div></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/244932-1.html b/layout/reftests/bugs/244932-1.html
new file mode 100644
index 0000000000..bacf822056
--- /dev/null
+++ b/layout/reftests/bugs/244932-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 244932</title>
+</head>
+<body>
+<div style="float: right; width: 20em; height: 4em; border: 2px solid green"></div>
+<br><hr size="1">
+</body>
+</html>
diff --git a/layout/reftests/bugs/246669-1-ref.html b/layout/reftests/bugs/246669-1-ref.html
new file mode 100644
index 0000000000..615d527e85
--- /dev/null
+++ b/layout/reftests/bugs/246669-1-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+div div {
+ float: left;
+ width: 200px;
+ border: 2px solid #000;
+}
+</style>
+</head>
+<body>
+<div>
+ <div>First float</div>
+ <div>Second float</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/246669-1.html b/layout/reftests/bugs/246669-1.html
new file mode 100644
index 0000000000..a091deecc3
--- /dev/null
+++ b/layout/reftests/bugs/246669-1.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+div {
+ display: table;
+}
+div div {
+ float: left;
+ width: 200px;
+ border: 2px solid #000;
+}
+</style>
+</head>
+<body>
+<div>
+ <div>First float</div>
+ <script type="text/javascript">b=document.body.offsetHeight;</script>
+ <div>Second float</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/24998-1-ref.html b/layout/reftests/bugs/24998-1-ref.html
new file mode 100644
index 0000000000..d9b6a74fd8
--- /dev/null
+++ b/layout/reftests/bugs/24998-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>border-radius background image clipping (bug 24998)</title>
+    <style type="text/css">
+      div {
+        height: 100px;
+        width: 100px;
+	background-color: #0000ff;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/24998-1.html b/layout/reftests/bugs/24998-1.html
new file mode 100644
index 0000000000..6a0ab583bc
--- /dev/null
+++ b/layout/reftests/bugs/24998-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>border-radius background image clipping (bug 24998)</title>
+    <style type="text/css">
+      div {
+        height: 100px;
+        width: 100px;
+        border-radius: 100px;
+        /* this must be bigger than 1x1 */
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACEAIAAACtREYwAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAACAAAAAgBqLH6AAAAAGUlEQVQI12NkYGBg+P+fgYGBgYGBiQEJAAApJQICMg0uAAAAAABJRU5ErkJggg==);
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/249982-1-ref.html b/layout/reftests/bugs/249982-1-ref.html
new file mode 100644
index 0000000000..485a6813ef
--- /dev/null
+++ b/layout/reftests/bugs/249982-1-ref.html
@@ -0,0 +1,11 @@
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+  <title>Bug 249982 Reference</title>
+</head>
+<body>
+<div style="font-size: 4em; width: 10em; color: lime; background: green">
+  <span style="color: red; float: right; margin-right: 4em">xx</span>xx
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/249982-1.html b/layout/reftests/bugs/249982-1.html
new file mode 100644
index 0000000000..d9c689d1f4
--- /dev/null
+++ b/layout/reftests/bugs/249982-1.html
@@ -0,0 +1,11 @@
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+  <title>Bug 249982</title>
+</head>
+<body>
+<div style="font-size: 4em; width: 10em; color: lime; background: green">
+  <span style="color: red; float: right; margin-right: 40%; width: auto">xx</span>xx
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/252920-1-ref.html b/layout/reftests/bugs/252920-1-ref.html
new file mode 100644
index 0000000000..4493404d21
--- /dev/null
+++ b/layout/reftests/bugs/252920-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+<table><tr><td style="height:50px;border:1px solid black;">
+	<span><a href="#" id="a">Themes</a></span> 
+	<span style="vertical-align: middle;">Link and text shifts when it is focussed<br> </span>
+	<span> </span>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/252920-1.html b/layout/reftests/bugs/252920-1.html
new file mode 100644
index 0000000000..e182dc10fd
--- /dev/null
+++ b/layout/reftests/bugs/252920-1.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+</head>
+<body>
+<table><tr><td style="height:50px;border:1px solid black;">
+	<span><a href="#" id="a">Themes</a></span> 
+	<span style="vertical-align: middle;">Link and text shifts when it is focussed<br> </span>
+	<span> </span>
+</td></tr></table>
+<script type="text/javascript">
+document.documentElement.offsetHeight;
+document.getElementById("a").style.outline = "1px solid black";
+document.documentElement.offsetHeight;
+document.getElementById("a").style.outline = "";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/253701-1-ref.html b/layout/reftests/bugs/253701-1-ref.html
new file mode 100644
index 0000000000..653c1bfae8
--- /dev/null
+++ b/layout/reftests/bugs/253701-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+  <title>Bug 253701 Reference</title>
+</head>
+<body>
+<table>
+  <tr> 
+    <td width="100">This text should not all be </td>
+    <td>on one line.</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/253701-1.html b/layout/reftests/bugs/253701-1.html
new file mode 100644
index 0000000000..18ec02b054
--- /dev/null
+++ b/layout/reftests/bugs/253701-1.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+  <title>Bug 253701</title>
+</head>
+<body>
+<table>
+  <tr> 
+    <td width="10">This text should not all be </td>
+    <td>on one line.</td>
+  </tr>
+  <tr> 
+    <td width="100">&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/255820-1-ref.html b/layout/reftests/bugs/255820-1-ref.html
new file mode 100644
index 0000000000..98f550633d
--- /dev/null
+++ b/layout/reftests/bugs/255820-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=us-ascii">
+</head>
+<body>
+  <iframe width="400" height="400" src="data:application/xhtml+xml;charset=us-ascii,<html xmlns='http://www.w3.org/1999/xhtml'><h1>Test</h1></html>"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/255820-1.html b/layout/reftests/bugs/255820-1.html
new file mode 100644
index 0000000000..560083ae21
--- /dev/null
+++ b/layout/reftests/bugs/255820-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=us-ascii">
+</head>
+<body>
+  <iframe width="400" height="400" src="data:application/xhtml+xml;charset=UTF-16LE,<%00h%00t%00m%00l%00 %00x%00m%00l%00n%00s%00=%00'%00h%00t%00t%00p%00:%00/%00/%00w%00w%00w%00.%00w%003%00.%00o%00r%00g%00/%001%009%009%009%00/%00x%00h%00t%00m%00l%00'%00>%00<%00h%001%00>%00T%00e%00s%00t%00<%00/%00h%001%00>%00<%00/%00h%00t%00m%00l%00>%00"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-1-ref.html b/layout/reftests/bugs/256180-1-ref.html
new file mode 100644
index 0000000000..c69c534509
--- /dev/null
+++ b/layout/reftests/bugs/256180-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>1026-deep display: table-cell</title>
+</head>
+<body>
+<h1>1026-element-deep display: table-cell</h1>
+<p>Actual depth (including text leaves): 1027
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-1.html b/layout/reftests/bugs/256180-1.html
new file mode 100644
index 0000000000..82c1bf4bb4
--- /dev/null
+++ b/layout/reftests/bugs/256180-1.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>1026-element-deep display: table-cell</title>
+<script>
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+function count() {
+    var depth = 0;
+    var deepest = 0;
+    var current = document;
+    var next = null;
+    outer: for (;;) {
+        if ((next = current.firstChild)) {
+            depth++;
+            if (depth > deepest) {
+                deepest = depth;
+            }
+            current = next;
+            continue;
+        }
+        for (;;) {
+            if ((next = current.nextSibling)) {
+                current = next;
+                break;
+            }
+            current = current.parentNode;
+            depth--;
+            if (current == document) {
+                break outer;
+            }
+        }
+    }
+
+    var h1 = document.getElementsByTagName("h1")[0];
+    var p = document.createElement("p");
+    var t = document.createTextNode("Actual depth (including text leaves): " + deepest);
+    p.appendChild(t);
+    h1.parentNode.insertBefore(p, h1.nextSibling);
+}
+
+function deep() {
+    var t = document.createTextNode("PASS");
+    var div = document.createElement("div");
+    div.appendChild(t);
+    for (var i = 0; i < 1023; i++) {
+        var another = document.createElement("div");
+        another.appendChild(div);
+        div = another;
+    }
+    document.body.appendChild(div);
+    count();
+}
+
+window.addEventListener('DOMContentLoaded', deep, false);
+</script>
+<style>
+    div {
+        display: table-cell;
+    }
+</style>
+</head>
+<body>
+<h1>1026-element-deep display: table-cell</h1>
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-2-ref.html b/layout/reftests/bugs/256180-2-ref.html
new file mode 100644
index 0000000000..544d7ef5c2
--- /dev/null
+++ b/layout/reftests/bugs/256180-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>585-deep display: table-cell</title>
+</head>
+<body>
+<h1>585-element-deep display: table-cell</h1>
+<p>Actual depth (including text leaves): 586
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-2.html b/layout/reftests/bugs/256180-2.html
new file mode 100644
index 0000000000..1887379364
--- /dev/null
+++ b/layout/reftests/bugs/256180-2.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>585-element-deep display: table-cell</title>
+<script>
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+function count() {
+    var depth = 0;
+    var deepest = 0;
+    var current = document;
+    var next = null;
+    outer: for (;;) {
+        if ((next = current.firstChild)) {
+            depth++;
+            if (depth > deepest) {
+                deepest = depth;
+            }
+            current = next;
+            continue;
+        }
+        for (;;) {
+            if ((next = current.nextSibling)) {
+                current = next;
+                break;
+            }
+            current = current.parentNode;
+            depth--;
+            if (current == document) {
+                break outer;
+            }
+        }
+    }
+
+    var h1 = document.getElementsByTagName("h1")[0];
+    var p = document.createElement("p");
+    var t = document.createTextNode("Actual depth (including text leaves): " + deepest);
+    p.appendChild(t);
+    h1.parentNode.insertBefore(p, h1.nextSibling);
+}
+
+function deep() {
+    var t = document.createTextNode("PASS");
+    var div = document.createElement("div");
+    div.appendChild(t);
+    for (var i = 0; i < 582; i++) {
+        var another = document.createElement("div");
+        another.appendChild(div);
+        div = another;
+    }
+    document.body.appendChild(div);
+    count();
+}
+
+window.addEventListener('DOMContentLoaded', deep, false);
+</script>
+<style>
+    div {
+        display: table-cell;
+    }
+</style>
+</head>
+<body>
+<h1>585-element-deep display: table-cell</h1>
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-3-ref.html b/layout/reftests/bugs/256180-3-ref.html
new file mode 100644
index 0000000000..d5bec52117
--- /dev/null
+++ b/layout/reftests/bugs/256180-3-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>1026-deep display: block</title>
+</head>
+<body>
+<h1>1026-element-deep display: block</h1>
+<p>Actual depth (including text leaves): 1027
+<div>PASS</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-3.html b/layout/reftests/bugs/256180-3.html
new file mode 100644
index 0000000000..8b0d6e8c65
--- /dev/null
+++ b/layout/reftests/bugs/256180-3.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>1026-element-deep display: block</title>
+<script>
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+function count() {
+    var depth = 0;
+    var deepest = 0;
+    var current = document;
+    var next = null;
+    outer: for (;;) {
+        if ((next = current.firstChild)) {
+            depth++;
+            if (depth > deepest) {
+                deepest = depth;
+            }
+            current = next;
+            continue;
+        }
+        for (;;) {
+            if ((next = current.nextSibling)) {
+                current = next;
+                break;
+            }
+            current = current.parentNode;
+            depth--;
+            if (current == document) {
+                break outer;
+            }
+        }
+    }
+
+    var h1 = document.getElementsByTagName("h1")[0];
+    var p = document.createElement("p");
+    var t = document.createTextNode("Actual depth (including text leaves): " + deepest);
+    p.appendChild(t);
+    h1.parentNode.insertBefore(p, h1.nextSibling);
+}
+
+function deep() {
+    var t = document.createTextNode("PASS");
+    var div = document.createElement("div");
+    div.appendChild(t);
+    for (var i = 0; i < 1023; i++) {
+        var another = document.createElement("div");
+        another.appendChild(div);
+        div = another;
+    }
+    document.body.appendChild(div);
+    count();
+}
+
+window.addEventListener('DOMContentLoaded', deep, false);
+</script>
+</head>
+<body>
+<h1>1026-element-deep display: block</h1>
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-4-ref.html b/layout/reftests/bugs/256180-4-ref.html
new file mode 100644
index 0000000000..5b957e3e61
--- /dev/null
+++ b/layout/reftests/bugs/256180-4-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>585-deep display: block</title>
+</head>
+<body>
+<h1>585-element-deep display: block</h1>
+<p>Actual depth (including text leaves): 586
+<div>PASS</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-4.html b/layout/reftests/bugs/256180-4.html
new file mode 100644
index 0000000000..eabe43ada6
--- /dev/null
+++ b/layout/reftests/bugs/256180-4.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>585-element-deep display: block</title>
+<script>
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+function count() {
+    var depth = 0;
+    var deepest = 0;
+    var current = document;
+    var next = null;
+    outer: for (;;) {
+        if ((next = current.firstChild)) {
+            depth++;
+            if (depth > deepest) {
+                deepest = depth;
+            }
+            current = next;
+            continue;
+        }
+        for (;;) {
+            if ((next = current.nextSibling)) {
+                current = next;
+                break;
+            }
+            current = current.parentNode;
+            depth--;
+            if (current == document) {
+                break outer;
+            }
+        }
+    }
+
+    var h1 = document.getElementsByTagName("h1")[0];
+    var p = document.createElement("p");
+    var t = document.createTextNode("Actual depth (including text leaves): " + deepest);
+    p.appendChild(t);
+    h1.parentNode.insertBefore(p, h1.nextSibling);
+}
+
+function deep() {
+    var t = document.createTextNode("PASS");
+    var div = document.createElement("div");
+    div.appendChild(t);
+    for (var i = 0; i < 582; i++) {
+        var another = document.createElement("div");
+        another.appendChild(div);
+        div = another;
+    }
+    document.body.appendChild(div);
+    count();
+}
+
+window.addEventListener('DOMContentLoaded', deep, false);
+</script>
+</head>
+<body>
+<h1>585-element-deep display: block</h1>
+</body>
+</html>
diff --git a/layout/reftests/bugs/256180-5-ref.html b/layout/reftests/bugs/256180-5-ref.html
new file mode 100644
index 0000000000..7227bce3ed
--- /dev/null
+++ b/layout/reftests/bugs/256180-5-ref.html
@@ -0,0 +1,2004 @@
+<!DOCTYPE html><meta charset=utf-8><title>&lt;font&gt; with alternating attributes and a character between each tag 4000</title>
+<h1>&lt;font&gt; with alternating attributes and a character between each tag 4000</h1>
+<p>Actual depth (including text leaves): 514</p>
+z<font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x<font color="#000000">
+PASS</font>
diff --git a/layout/reftests/bugs/256180-5.html b/layout/reftests/bugs/256180-5.html
new file mode 100644
index 0000000000..9fffc05dcf
--- /dev/null
+++ b/layout/reftests/bugs/256180-5.html
@@ -0,0 +1,2042 @@
+<!DOCTYPE html><meta charset=utf-8><title>&lt;font&gt; with alternating attributes and a character between each tag 4000</title>
+<script>
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+function count() {
+    var depth = 0;
+    var deepest = 0;
+    var current = document;
+    var next = null;
+    outer: for (;;) {
+        if ((next = current.firstChild)) {
+            depth++;
+            if (depth > deepest) {
+                deepest = depth;
+            }
+            current = next;
+            continue;
+        }
+        for (;;) {
+            if ((next = current.nextSibling)) {
+                current = next;
+                break;
+            }
+            current = current.parentNode;
+            depth--;
+            if (current == document) {
+                break outer;
+            }
+        }
+    }
+
+    var h1 = document.getElementsByTagName("h1")[0];
+    var p = document.createElement("p");
+    var t = document.createTextNode("Actual depth (including text leaves): " + deepest);
+    p.appendChild(t);
+    h1.parentNode.insertBefore(p, h1.nextSibling);
+}
+
+window.addEventListener('DOMContentLoaded', count, false);
+</script>
+<h1>&lt;font&gt; with alternating attributes and a character between each tag 4000</h1>z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+z<font color="#FF0000">x<font color="#000000">
+PASS
diff --git a/layout/reftests/bugs/256180-6-ref.html b/layout/reftests/bugs/256180-6-ref.html
new file mode 100644
index 0000000000..e7c01b3e72
--- /dev/null
+++ b/layout/reftests/bugs/256180-6-ref.html
@@ -0,0 +1,2004 @@
+<!DOCTYPE html><meta charset=utf-8><title>&lt;font&gt; with alternating attributes and a character between each tag 4000 in innerHTML inside 20 divs</title>
+<h1>&lt;font&gt; with alternating attributes and a character between each tag 4000 in innerHTML inside 20 divs</h1>
+<p>Actual depth (including text leaves): 535</p>
+z<font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x</font>
+<font color="#000000">z</font><font color="#FF0000">x<font color="#000000">
+PASS</font>
diff --git a/layout/reftests/bugs/256180-6.html b/layout/reftests/bugs/256180-6.html
new file mode 100644
index 0000000000..b8d67316d2
--- /dev/null
+++ b/layout/reftests/bugs/256180-6.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html><meta charset=utf-8><title>&lt;font&gt; with alternating attributes and a character between each tag 4000 in innerHTML inside 20 divs</title>
+<script>
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+function count() {
+    var depth = 0;
+    var deepest = 0;
+    var current = document;
+    var next = null;
+    outer: for (;;) {
+        if ((next = current.firstChild)) {
+            depth++;
+            if (depth > deepest) {
+                deepest = depth;
+            }
+            current = next;
+            continue;
+        }
+        for (;;) {
+            if ((next = current.nextSibling)) {
+                current = next;
+                break;
+            }
+            current = current.parentNode;
+            depth--;
+            if (current == document) {
+                break outer;
+            }
+        }
+    }
+
+    var h1 = document.getElementsByTagName("h1")[0];
+    var p = document.createElement("p");
+    var t = document.createTextNode("Actual depth (including text leaves): " + deepest);
+    p.appendChild(t);
+    h1.parentNode.insertBefore(p, h1.nextSibling);
+}
+
+function insert() {
+    document.getElementById("innermost").innerHTML = 'z<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nz<font color="#FF0000">x<font color="#000000">\nPASS\n';
+    count();
+}
+
+window.addEventListener('DOMContentLoaded', insert, false);
+</script>
+<h1>&lt;font&gt; with alternating attributes and a character between each tag 4000 in innerHTML inside 20 divs</h1>
+<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div id=innermost></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
diff --git a/layout/reftests/bugs/25888-1l-block.html b/layout/reftests/bugs/25888-1l-block.html
new file mode 100644
index 0000000000..ca8b078ecc
--- /dev/null
+++ b/layout/reftests/bugs/25888-1l-block.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+div { float: left; clear: left; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; margin-right: auto; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-1l-notref.html b/layout/reftests/bugs/25888-1l-notref.html
new file mode 100644
index 0000000000..24e02ab7e4
--- /dev/null
+++ b/layout/reftests/bugs/25888-1l-notref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: left; }
+div { float: left; clear: left; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 50px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-1l-ref.html b/layout/reftests/bugs/25888-1l-ref.html
new file mode 100644
index 0000000000..521b9844dd
--- /dev/null
+++ b/layout/reftests/bugs/25888-1l-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: left; }
+div { float: left; clear: left; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 100px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-1l.html b/layout/reftests/bugs/25888-1l.html
new file mode 100644
index 0000000000..8a0b7cd628
--- /dev/null
+++ b/layout/reftests/bugs/25888-1l.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: left; }
+div { float: left; clear: left; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-1r-block.html b/layout/reftests/bugs/25888-1r-block.html
new file mode 100644
index 0000000000..9493272dfc
--- /dev/null
+++ b/layout/reftests/bugs/25888-1r-block.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+div { float: right; clear: right; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; margin-left: auto; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-1r-notref.html b/layout/reftests/bugs/25888-1r-notref.html
new file mode 100644
index 0000000000..c7d777e4d5
--- /dev/null
+++ b/layout/reftests/bugs/25888-1r-notref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: right; }
+div { float: right; clear: right; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 50px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-1r-ref.html b/layout/reftests/bugs/25888-1r-ref.html
new file mode 100644
index 0000000000..47cb800f49
--- /dev/null
+++ b/layout/reftests/bugs/25888-1r-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: right; }
+div { float: right; clear: right; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 100px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-1r.html b/layout/reftests/bugs/25888-1r.html
new file mode 100644
index 0000000000..e72db69754
--- /dev/null
+++ b/layout/reftests/bugs/25888-1r.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: right; }
+div { float: right; clear: right; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-2l-block.html b/layout/reftests/bugs/25888-2l-block.html
new file mode 100644
index 0000000000..97064984c1
--- /dev/null
+++ b/layout/reftests/bugs/25888-2l-block.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 150px; height: 75px;"></div>
+<div style="float: right; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-2l-ref.html b/layout/reftests/bugs/25888-2l-ref.html
new file mode 100644
index 0000000000..3c50f1a1ef
--- /dev/null
+++ b/layout/reftests/bugs/25888-2l-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 150px; height: 25px;"></div>
+<span></span>
+<div style="height: 100px"></div>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-2l.html b/layout/reftests/bugs/25888-2l.html
new file mode 100644
index 0000000000..78d8468d31
--- /dev/null
+++ b/layout/reftests/bugs/25888-2l.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 150px; height: 75px;"></div>
+<div style="float: right; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-2r-block.html b/layout/reftests/bugs/25888-2r-block.html
new file mode 100644
index 0000000000..d306c0d3ad
--- /dev/null
+++ b/layout/reftests/bugs/25888-2r-block.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 150px; height: 75px;"></div>
+<div style="float: left; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-2r-ref.html b/layout/reftests/bugs/25888-2r-ref.html
new file mode 100644
index 0000000000..98bbec4e1e
--- /dev/null
+++ b/layout/reftests/bugs/25888-2r-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 150px; height: 25px;"></div>
+<span></span>
+<div style="height: 100px"></div>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-2r.html b/layout/reftests/bugs/25888-2r.html
new file mode 100644
index 0000000000..3e08ee0fbe
--- /dev/null
+++ b/layout/reftests/bugs/25888-2r.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 150px; height: 75px;"></div>
+<div style="float: left; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-3l-block.html b/layout/reftests/bugs/25888-3l-block.html
new file mode 100644
index 0000000000..05ec2bb456
--- /dev/null
+++ b/layout/reftests/bugs/25888-3l-block.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 250px; height: 75px;"></div>
+<div style="float: right; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-3l-ref.html b/layout/reftests/bugs/25888-3l-ref.html
new file mode 100644
index 0000000000..91323f05ed
--- /dev/null
+++ b/layout/reftests/bugs/25888-3l-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 250px; height: 25px;"></div>
+<span></span>
+<span style="margin-top: 25px; margin-right: 250px"></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-3l.html b/layout/reftests/bugs/25888-3l.html
new file mode 100644
index 0000000000..d50f370b4b
--- /dev/null
+++ b/layout/reftests/bugs/25888-3l.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 250px; height: 75px;"></div>
+<div style="float: right; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-3r-block.html b/layout/reftests/bugs/25888-3r-block.html
new file mode 100644
index 0000000000..907287b382
--- /dev/null
+++ b/layout/reftests/bugs/25888-3r-block.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 250px; height: 75px;"></div>
+<div style="float: left; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-3r-ref.html b/layout/reftests/bugs/25888-3r-ref.html
new file mode 100644
index 0000000000..2dec89782d
--- /dev/null
+++ b/layout/reftests/bugs/25888-3r-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 250px; height: 25px;"></div>
+<span></span>
+<span style="margin-top: 25px; margin-left: 250px"></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/25888-3r.html b/layout/reftests/bugs/25888-3r.html
new file mode 100644
index 0000000000..dd599a84ec
--- /dev/null
+++ b/layout/reftests/bugs/25888-3r.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 250px; height: 75px;"></div>
+<div style="float: left; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/260406-1-ref.html b/layout/reftests/bugs/260406-1-ref.html
new file mode 100644
index 0000000000..f351341a86
--- /dev/null
+++ b/layout/reftests/bugs/260406-1-ref.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+ .forms {display:inline;}
+ .nn2{background-image: url("260406.gif");width:20px;height:18px;}
+</style>
+</head>
+<body>
+    <table border="0" cellpadding="0" cellspacing="0">
+        <tr>
+            <td>P</td>
+        </tr>
+    </table>
+    <table border="0" cellpadding="0" cellspacing="0">
+        <tr>
+            <td class="nn2"></td>
+        </tr>
+    </table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/260406-1.html b/layout/reftests/bugs/260406-1.html
new file mode 100644
index 0000000000..497b3278b6
--- /dev/null
+++ b/layout/reftests/bugs/260406-1.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+ .forms {display:inline;}
+ .nn2{background-image: url("260406.gif");width:20px;height:18px;}
+</style>
+</head>
+<body>
+    <table border="0" cellpadding="0" cellspacing="0">
+        <tr>
+            <td class="forms">P</td>
+        </tr>
+    </table>
+    <table border="0" cellpadding="0" cellspacing="0">
+        <tr>
+            <td class="nn2"></td>
+        </tr>
+    </table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/260406.gif b/layout/reftests/bugs/260406.gif
new file mode 100644
index 0000000000..5d0a77dc55
Binary files /dev/null and b/layout/reftests/bugs/260406.gif differ
diff --git a/layout/reftests/bugs/261826-1-ref.xhtml b/layout/reftests/bugs/261826-1-ref.xhtml
new file mode 100644
index 0000000000..4ec5df5155
--- /dev/null
+++ b/layout/reftests/bugs/261826-1-ref.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window id="MyWindow"
+	title=""
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	width="800"
+	height="600">
+
+<tabbox>
+	<tabs>
+		<tab label="first"/>
+		<tab label="second"/>
+		<tab label="third"/>
+		<tab label="fourth"/>
+	</tabs>
+	<tabpanels>
+		<tabpanel>
+			<label value="First page"/>
+		</tabpanel>
+		<tabpanel>
+			<label value="second page"/>
+		</tabpanel>
+		<tabpanel>
+			<label value="third page"/>
+		</tabpanel>
+		<tabpanel>
+			<label value="fourth page"/>
+		</tabpanel>
+	</tabpanels>
+</tabbox>
+</window>
diff --git a/layout/reftests/bugs/261826-1.xhtml b/layout/reftests/bugs/261826-1.xhtml
new file mode 100644
index 0000000000..649b2cb6ba
--- /dev/null
+++ b/layout/reftests/bugs/261826-1.xhtml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window id="MyWindow"
+	title=""
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	width="800"
+	height="600"
+	onload="revealTab()">
+
+<script type="application/x-javascript">
+	function revealTab(){
+		document.getElementById("fourthTab").setAttribute("hidden", "false");
+		}
+</script>
+
+<tabbox>
+	<tabs>
+		<tab label="first"/>
+		<tab label="second"/>
+		<tab label="third"/>
+		<tab id="fourthTab" label="fourth" hidden="true"/>
+	</tabs>
+	<tabpanels>
+		<tabpanel>
+			<label value="First page"/>
+		</tabpanel>
+		<tabpanel>
+			<label value="second page"/>
+		</tabpanel>
+		<tabpanel>
+			<label value="third page"/>
+		</tabpanel>
+		<tabpanel>
+			<label value="fourth page"/>
+		</tabpanel>
+	</tabpanels>
+</tabbox>
+</window>
diff --git a/layout/reftests/bugs/262151-1-ref.html b/layout/reftests/bugs/262151-1-ref.html
new file mode 100644
index 0000000000..c3450685c6
--- /dev/null
+++ b/layout/reftests/bugs/262151-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 262151 Reference</title>
+</head>
+<body style="text-align: right; font-size: 16px;">
+<span>This text should all </span><span>be on one line.</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/262151-1.html b/layout/reftests/bugs/262151-1.html
new file mode 100644
index 0000000000..f47cd25187
--- /dev/null
+++ b/layout/reftests/bugs/262151-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 262151</title>
+  <style type="text/css">table {border-collapse: collapse} td {padding: 0px}</style>
+</head>
+<body style="font-size: 16px;">
+<table width="100%">
+  <tr>
+    <td><div style="width: 20em"></div></td>
+    <td>
+      <table align="right">
+        <tr><td>This text should all <script type="text/javascript">var v = document.body.offsetHeight;</script>be on one line.</td></tr>
+      </table>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/262998-1-ref.html b/layout/reftests/bugs/262998-1-ref.html
new file mode 100644
index 0000000000..3cebe6f020
--- /dev/null
+++ b/layout/reftests/bugs/262998-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <iframe src="data:text/html,<body style='font-weight: bold; text-align: center'>This is a test</body>"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/262998-1.html b/layout/reftests/bugs/262998-1.html
new file mode 100644
index 0000000000..79eccd7ff7
--- /dev/null
+++ b/layout/reftests/bugs/262998-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body onload="setTimeout(doTest,0);">
+
+<iframe id="edit"  style="display:none;" src=""></iframe>
+
+<script>
+  var x=document.getElementById('edit');
+  function doTest(){
+    x.style.display='block';
+    x.contentDocument.body.innerHTML="This is a test";
+    x.contentDocument.designMode='on';
+    x.contentDocument.execCommand("selectAll", false, "");
+    x.contentDocument.execCommand("bold", false, "");
+    x.contentDocument.execCommand("justifyCenter", false, "");
+    x.contentWindow.getSelection().removeAllRanges();
+    document.documentElement.className = "";
+  }
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/267353-1-ref.html b/layout/reftests/bugs/267353-1-ref.html
new file mode 100644
index 0000000000..53a571eaa4
--- /dev/null
+++ b/layout/reftests/bugs/267353-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 267353 Reference</title>
+  <style type="text/css">table {border-collapse: collapse} td {padding: 0px}</style>
+</head>
+<body>
+<table style="background: #DDDDDD; width: 25em">
+  <tr><td>
+    <table><tr>
+      <td><div style="background: blue; width: 5em">&nbsp;</div></td>
+      <td width="100%" valign="top"><hr size="1"/></td>
+    </tr></table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/267353-1.html b/layout/reftests/bugs/267353-1.html
new file mode 100644
index 0000000000..c6cf17e7af
--- /dev/null
+++ b/layout/reftests/bugs/267353-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 267353</title>
+</head>
+<body>
+<table style="background: #DDDDDD; width: 25em; border-collapse: collapse">
+  <tr><td style="padding: 0px">
+    <div style="float:left; background: blue; width: 5em">&nbsp;</div>
+    <hr align="right" size="1"/>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-1-ref.html b/layout/reftests/bugs/269908-1-ref.html
new file mode 100644
index 0000000000..38cccd6ec8
--- /dev/null
+++ b/layout/reftests/bugs/269908-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<div style="float: left; display: block; padding-left: 0px; padding-right: 0px;">test</div>
+</fieldset>
+<fieldset>
+<div style="float: right; display: block; padding-left: 0px; padding-right: 0px;">test</div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-1.html b/layout/reftests/bugs/269908-1.html
new file mode 100644
index 0000000000..2578eac89a
--- /dev/null
+++ b/layout/reftests/bugs/269908-1.html
@@ -0,0 +1,11 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<legend style="float: left; padding-left: 0px; padding-right: 0px;">test</legend>
+</fieldset>
+<fieldset>
+<legend style="float: right; padding-left: 0px; padding-right: 0px;">test</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-2-ref.html b/layout/reftests/bugs/269908-2-ref.html
new file mode 100644
index 0000000000..3a986102eb
--- /dev/null
+++ b/layout/reftests/bugs/269908-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset style="position: relative">
+<div style="position: absolute; top 15px; left: 22px; display: block; padding-left: 0px; padding-right: 0px;">test</div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-2.html b/layout/reftests/bugs/269908-2.html
new file mode 100644
index 0000000000..90ceea356d
--- /dev/null
+++ b/layout/reftests/bugs/269908-2.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset style="position: relative">
+<legend style="position: absolute; top 15px; left: 22px; padding-left: 0px; padding-right: 0px;">test</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-3-ref.html b/layout/reftests/bugs/269908-3-ref.html
new file mode 100644
index 0000000000..114c58bff6
--- /dev/null
+++ b/layout/reftests/bugs/269908-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<div style="position: absolute; top 17px; left: 19px; display: block; padding-left: 0px; padding-right: 0px;">test</div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-3.html b/layout/reftests/bugs/269908-3.html
new file mode 100644
index 0000000000..6d36ac1693
--- /dev/null
+++ b/layout/reftests/bugs/269908-3.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<legend style="position: absolute; top 17px; left: 19px; padding-left: 0px; padding-right: 0px;">test</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-4-ref.html b/layout/reftests/bugs/269908-4-ref.html
new file mode 100644
index 0000000000..58f6ccffef
--- /dev/null
+++ b/layout/reftests/bugs/269908-4-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<div style="position: fixed; top 21px; left: 13px; display: block; padding-left: 0px; padding-right: 0px;">test</div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-4.html b/layout/reftests/bugs/269908-4.html
new file mode 100644
index 0000000000..cfa207ac54
--- /dev/null
+++ b/layout/reftests/bugs/269908-4.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<legend style="position: fixed; top 21px; left: 13px; padding-left: 0px; padding-right: 0px;">test</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-5-ref.html b/layout/reftests/bugs/269908-5-ref.html
new file mode 100644
index 0000000000..03a7a816d7
--- /dev/null
+++ b/layout/reftests/bugs/269908-5-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<legend>test</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/269908-5.html b/layout/reftests/bugs/269908-5.html
new file mode 100644
index 0000000000..a8bf121e5a
--- /dev/null
+++ b/layout/reftests/bugs/269908-5.html
@@ -0,0 +1,8 @@
+<html>
+<head></head>
+<body>
+<fieldset>
+<legend style="width: auto;">test</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/271747-1-ref.html b/layout/reftests/bugs/271747-1-ref.html
new file mode 100644
index 0000000000..e30c7d1f56
--- /dev/null
+++ b/layout/reftests/bugs/271747-1-ref.html
@@ -0,0 +1,21 @@
+<html><head>
+<title>Bug 271747 � Width in table cells in bottom row sometimes ignored</title>
+<style>
+td{background-color:green;}
+tr{height:100px;}
+</style>
+</head>
+<body>
+<table cellpadding="0"><tbody>
+<tr>
+   <td></td>
+   <td>
+   
+   </td>
+</tr>
+<tr>
+   <td width="100"></td>
+   <td width="500"></td>
+</tr>
+</tbody></table>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/271747-1a.html b/layout/reftests/bugs/271747-1a.html
new file mode 100644
index 0000000000..3e9668b611
--- /dev/null
+++ b/layout/reftests/bugs/271747-1a.html
@@ -0,0 +1,21 @@
+<html><head>
+<title>Bug 271747 � Width in table cells in bottom row sometimes ignored</title>
+<style>
+td{background-color:green;}
+tr{height:100px;}
+</style>
+</head>
+<body>
+<table cellpadding="0"><tbody>
+<tr>
+   <td></td>
+   <td>
+      <script>var x=document.body.offsetHeight;</script>
+   </td>
+</tr>
+<tr>
+   <td width="100"></td>
+   <td width="500"></td>
+</tr>
+</tbody></table>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/271747-1b.html b/layout/reftests/bugs/271747-1b.html
new file mode 100644
index 0000000000..db31e8524b
--- /dev/null
+++ b/layout/reftests/bugs/271747-1b.html
@@ -0,0 +1,21 @@
+<html><head>
+<title>Bug 271747 � Width in table cells in bottom row sometimes ignored</title>
+<style>
+td{background-color:green;}
+tr{height:100px;}
+</style>
+</head>
+<body>
+<table cellpadding="0"><tbody>
+<tr>
+   <td width="100"></td>
+   <td width="100">
+      <script>var x=document.body.offsetHeight;</script>
+   </td>
+</tr>
+<tr>
+   <td width="100"></td>
+   <td width="500"></td>
+</tr>
+</tbody></table>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/272646-1-ref.xhtml b/layout/reftests/bugs/272646-1-ref.xhtml
new file mode 100644
index 0000000000..7113f56417
--- /dev/null
+++ b/layout/reftests/bugs/272646-1-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:nc="http://home.netscape.com/NC-rdf#"
+        title="insertBefore - Weirdness"
+        >
+<tabbox>
+ <tabs>
+  <tab label="foo" />
+  <tab label="new" />
+  <tab label="bar" />
+ </tabs>
+ <tabpanels>
+  <tabpanel>
+   <vbox>
+    <label value="foo"/>
+   </vbox>
+  </tabpanel>
+  <tabpanel>
+   <vbox>
+    <label value="bar"/>
+   </vbox>
+  </tabpanel>
+ </tabpanels>
+</tabbox>
+</window>
diff --git a/layout/reftests/bugs/272646-1.xhtml b/layout/reftests/bugs/272646-1.xhtml
new file mode 100644
index 0000000000..940166dbb2
--- /dev/null
+++ b/layout/reftests/bugs/272646-1.xhtml
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:nc="http://home.netscape.com/NC-rdf#"
+        title="insertBefore - Weirdness"
+        onload="var atab = document.createXULElement('tab'); atab.setAttribute('label','new'); let tabs = document.getElementById('tabs-id'); tabs.insertBefore(atab,tabs.allTabs[tabs.allTabs.length-1]);" >
+<tabbox>
+ <tabs id="tabs-id">
+  <tab label="foo" />
+  <tab label="bar" />
+ </tabs>
+ <tabpanels>
+  <tabpanel>
+   <vbox>
+    <label value="foo"/>
+   </vbox>
+  </tabpanel>
+  <tabpanel>
+   <vbox>
+    <label value="bar"/>
+   </vbox>
+  </tabpanel>
+ </tabpanels>
+</tabbox>
+</window>
diff --git a/layout/reftests/bugs/272646-2-ref.xhtml b/layout/reftests/bugs/272646-2-ref.xhtml
new file mode 100644
index 0000000000..3ff3916965
--- /dev/null
+++ b/layout/reftests/bugs/272646-2-ref.xhtml
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window id="tab-test"
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+    <tabbox id="main_courseframe" flex="1">
+        <tabs id="main_coursetabs" ida-type="gradient">
+            <tab id="main_coursetab_general" label="General" />
+            <tab id="main_coursetab_overview" label="Overview" />
+            <tab id="main_coursetab_extensions" label="Extensions" />
+        </tabs>
+
+        <tabpanels id="main_coursetabpanels" flex="1">
+            <tabpanel id="main_coursetabpanel_general">
+                <label value="this is the general tabpanel" />
+            </tabpanel>
+
+            <tabpanel id="main_coursetabpanel_overview">
+                <label value="this is the OVERVIEW tabpanel" />
+            </tabpanel>
+            
+            <tabpanel id="main_coursetabpanel_extensions">
+                <label value="this is the EXTENSIONS tabpanel" />
+            </tabpanel>
+        </tabpanels>
+    </tabbox>
+</window>
diff --git a/layout/reftests/bugs/272646-2a.xhtml b/layout/reftests/bugs/272646-2a.xhtml
new file mode 100644
index 0000000000..43c2b8122c
--- /dev/null
+++ b/layout/reftests/bugs/272646-2a.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window id="tab-test"
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	onload="var e =
+	document.getElementById('main_coursetab_extensions'); e.hidden = true;
+	document.documentElement.getBoundingClientRect(); e.hidden = false;">
+    <tabbox id="main_courseframe" flex="1">
+        <tabs id="main_coursetabs" ida-type="gradient">
+            <tab id="main_coursetab_general" label="General" />
+            <tab id="main_coursetab_overview" label="Overview" />
+            <tab id="main_coursetab_extensions" label="Extensions" />
+        </tabs>
+
+        <tabpanels id="main_coursetabpanels" flex="1">
+            <tabpanel id="main_coursetabpanel_general">
+                <label value="this is the general tabpanel" />
+            </tabpanel>
+
+            <tabpanel id="main_coursetabpanel_overview">
+                <label value="this is the OVERVIEW tabpanel" />
+            </tabpanel>
+            
+            <tabpanel id="main_coursetabpanel_extensions">
+                <label value="this is the EXTENSIONS tabpanel" />
+            </tabpanel>
+        </tabpanels>
+    </tabbox>
+</window>
diff --git a/layout/reftests/bugs/272646-2b.xhtml b/layout/reftests/bugs/272646-2b.xhtml
new file mode 100644
index 0000000000..10e91a2892
--- /dev/null
+++ b/layout/reftests/bugs/272646-2b.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window id="tab-test"
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	onload="var e =
+	document.getElementById('main_coursetab_overview'); e.hidden = true;
+	document.documentElement.getBoundingClientRect(); e.hidden = false;">
+    <tabbox id="main_courseframe" flex="1">
+        <tabs id="main_coursetabs" ida-type="gradient">
+            <tab id="main_coursetab_general" label="General" />
+            <tab id="main_coursetab_overview" label="Overview" />
+            <tab id="main_coursetab_extensions" label="Extensions" />
+        </tabs>
+
+        <tabpanels id="main_coursetabpanels" flex="1">
+            <tabpanel id="main_coursetabpanel_general">
+                <label value="this is the general tabpanel" />
+            </tabpanel>
+
+            <tabpanel id="main_coursetabpanel_overview">
+                <label value="this is the OVERVIEW tabpanel" />
+            </tabpanel>
+            
+            <tabpanel id="main_coursetabpanel_extensions">
+                <label value="this is the EXTENSIONS tabpanel" />
+            </tabpanel>
+        </tabpanels>
+    </tabbox>
+</window>
diff --git a/layout/reftests/bugs/272646-2c.xhtml b/layout/reftests/bugs/272646-2c.xhtml
new file mode 100644
index 0000000000..ba8e5d65a5
--- /dev/null
+++ b/layout/reftests/bugs/272646-2c.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window id="tab-test"
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	onload="var e =
+	document.getElementById('main_coursetab_general'); e.hidden = true;
+	document.documentElement.getBoundingClientRect(); e.hidden = false;">
+    <tabbox id="main_courseframe" flex="1">
+        <tabs id="main_coursetabs" ida-type="gradient">
+            <tab id="main_coursetab_general" label="General" />
+            <tab id="main_coursetab_overview" label="Overview" />
+            <tab id="main_coursetab_extensions" label="Extensions" />
+        </tabs>
+
+        <tabpanels id="main_coursetabpanels" flex="1">
+            <tabpanel id="main_coursetabpanel_general">
+                <label value="this is the general tabpanel" />
+            </tabpanel>
+
+            <tabpanel id="main_coursetabpanel_overview">
+                <label value="this is the OVERVIEW tabpanel" />
+            </tabpanel>
+            
+            <tabpanel id="main_coursetabpanel_extensions">
+                <label value="this is the EXTENSIONS tabpanel" />
+            </tabpanel>
+        </tabpanels>
+    </tabbox>
+</window>
diff --git a/layout/reftests/bugs/273681-1-ref.html b/layout/reftests/bugs/273681-1-ref.html
new file mode 100644
index 0000000000..35ca47ca3b
--- /dev/null
+++ b/layout/reftests/bugs/273681-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<body>
+<form>
+<select size=2 id="test">
+<option>A</option>
+<option>B</option>
+<option>C</option>
+<option>D</option>
+<option>E</option>
+<option>F</option>
+<option>G</option>
+<option>H</option>
+<option selected>tag</option>
+<option>J</option>
+<option>K</option>
+<option>L</option>
+<option>M</option>
+<option>N</option>
+</select>
+<script>
+  // flush layout 
+  document.body.offsetWidth
+</script>
+</form>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/273681-1.html b/layout/reftests/bugs/273681-1.html
new file mode 100644
index 0000000000..2a68f2230c
--- /dev/null
+++ b/layout/reftests/bugs/273681-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<body>
+<form>
+<select size=2 id="test">
+<option>A</option>
+<option>B</option>
+<option>C</option>
+<option>D</option>
+<option>E</option>
+<option>F</option>
+<option>G</option>
+<option>H</option>
+<option selected>I</option>
+<option>J</option>
+<option>K</option>
+<option>L</option>
+<option>M</option>
+<option>N</option>
+</select>
+<script>
+  // flush layout 
+  document.body.offsetWidth
+
+  // Now change the text of the currently selected option
+  var obj = document.getElementById("test");
+  var pos = obj.selectedIndex;
+  obj.options[pos].text = "tag";
+</script>
+</form>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/278266-1-ref.html b/layout/reftests/bugs/278266-1-ref.html
new file mode 100644
index 0000000000..abd4884c32
--- /dev/null
+++ b/layout/reftests/bugs/278266-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+There should be text below this line:
+<div style="display: table-row" id="foo"><span style="display: table-cell">Second line of text</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/278266-1a.html b/layout/reftests/bugs/278266-1a.html
new file mode 100644
index 0000000000..0e0653ad23
--- /dev/null
+++ b/layout/reftests/bugs/278266-1a.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body onload="document.getElementById('foo').appendChild(document.createTextNode('Second line of text'))">
+There should be text below this line:
+<div style="display: table-row" id="foo"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/278266-1b.html b/layout/reftests/bugs/278266-1b.html
new file mode 100644
index 0000000000..4ed72ca571
--- /dev/null
+++ b/layout/reftests/bugs/278266-1b.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+There should be text below this line:
+<div style="display: table-row">Second line of text</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/280708-1-ref.html b/layout/reftests/bugs/280708-1-ref.html
new file mode 100644
index 0000000000..8b7dbec5dd
--- /dev/null
+++ b/layout/reftests/bugs/280708-1-ref.html
@@ -0,0 +1,9 @@
+<html><head>
+<style>
+.rowg {display:table-row-group;}
+</style>
+</head><body>
+<table><tbody><tr>
+<td class="rowg"><input class="rowg"></td>
+</tr></tbody></table>
+</body></html>
diff --git a/layout/reftests/bugs/280708-1a.html b/layout/reftests/bugs/280708-1a.html
new file mode 100644
index 0000000000..37ff834282
--- /dev/null
+++ b/layout/reftests/bugs/280708-1a.html
@@ -0,0 +1,9 @@
+<html class="reftest-wait"><head>
+<style>
+.rowg {display:table-row-group;}
+</style>
+</head><body onload="document.getElementById('x').className = 'rowg'; document.body.offsetWidth; document.getElementById('y').className = 'rowg'; document.body.offsetWidth; document.documentElement.className = '';">
+<table><tbody><tr>
+<td id="x"><input id="y"></td>
+</tr></tbody></table>
+</body></html>
diff --git a/layout/reftests/bugs/280708-1b.html b/layout/reftests/bugs/280708-1b.html
new file mode 100644
index 0000000000..c5a94ab35c
--- /dev/null
+++ b/layout/reftests/bugs/280708-1b.html
@@ -0,0 +1,9 @@
+<html class="reftest-wait"><head>
+<style>
+.rowg {display:table-row-group;}
+</style>
+</head><body onload="document.getElementById('x').className = 'rowg'; document.body.offsetWidth; document.getElementById('y').className = 'rowg'; document.body.offsetWidth; document.documentElement.className = '';">
+<table><tbody><tr>
+<td id="y"><input id="x"></td>
+</tr></tbody></table>
+</body></html>
diff --git a/layout/reftests/bugs/281241-1-ref.html b/layout/reftests/bugs/281241-1-ref.html
new file mode 100644
index 0000000000..12c3ca9cfc
--- /dev/null
+++ b/layout/reftests/bugs/281241-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+  <head>
+   <title>col removal</title>
+  </head>
+  <body>
+  <table border>
+   <colgroup width="500px">
+   </colgroup>
+   <tr><td>&nbsp;</td></tr>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/281241-1.html b/layout/reftests/bugs/281241-1.html
new file mode 100644
index 0000000000..e6d40d1f07
--- /dev/null
+++ b/layout/reftests/bugs/281241-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+ <head>
+  <title>col removal</title>
+  <script type="text/javascript">
+   function foo ()
+   {
+     var out =document.getElementById('outer');
+     var int   =document.getElementById('inner');
+     out.removeChild(int);
+   }
+  </script>
+ </head>
+ <body onload="foo()">
+
+  <table border>
+   <colgroup width="500px" id="outer">
+    <col width="200px" id="inner">
+   </colgroup>
+   <tr><td>&nbsp;</td></tr>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/281241-2.xhtml b/layout/reftests/bugs/281241-2.xhtml
new file mode 100644
index 0000000000..3c6df6da10
--- /dev/null
+++ b/layout/reftests/bugs/281241-2.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <body>
+  <table border="">
+   <colgroup width="100px">
+     <script>var v = document.body.offsetHeight;</script>
+     <col width="500px"/>
+   </colgroup>
+   <tr><td>&#160;</td></tr>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/283686-1.html b/layout/reftests/bugs/283686-1.html
new file mode 100644
index 0000000000..6ed8312162
--- /dev/null
+++ b/layout/reftests/bugs/283686-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="display:none">
+<title>Testcase, bug 283686 (root element having display:none)</title>
+<p>Hello world!</p>
+
diff --git a/layout/reftests/bugs/283686-2-ref.html b/layout/reftests/bugs/283686-2-ref.html
new file mode 100644
index 0000000000..7aff98b49b
--- /dev/null
+++ b/layout/reftests/bugs/283686-2-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<title>Testcase, bug 283686 (root element having display:none)</title>
+<p>Hello world!</p>
+
diff --git a/layout/reftests/bugs/283686-2.html b/layout/reftests/bugs/283686-2.html
new file mode 100644
index 0000000000..7e07caa48a
--- /dev/null
+++ b/layout/reftests/bugs/283686-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait" style="display:none">
+<script type="text/javascript">
+function run() {
+    document.documentElement.style.display = '';
+    document.documentElement.className = '';
+}
+</script>
+<body onload="run()">
+<title>Testcase, bug 283686 (root element having display:none)</title>
+<p>Hello world!</p>
+
diff --git a/layout/reftests/bugs/283686-3.html b/layout/reftests/bugs/283686-3.html
new file mode 100644
index 0000000000..92ae2bc06a
--- /dev/null
+++ b/layout/reftests/bugs/283686-3.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script type="text/javascript">
+function run() {
+    document.documentElement.style.display = 'none';
+    document.documentElement.className = '';
+}
+</script>
+<body onload="run()">
+<title>Testcase, bug 283686 (root element having display:none)</title>
+<p>Hello world!</p>
+
diff --git a/layout/reftests/bugs/28811-1-inner.html b/layout/reftests/bugs/28811-1-inner.html
new file mode 100644
index 0000000000..d47a4499e4
--- /dev/null
+++ b/layout/reftests/bugs/28811-1-inner.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+</style>
+</head>
+<body>
+
+<div><span style="margin-right: 10%">text</span></div>
+<div><span style="margin-left: 10%">text</span></div>
+<div><img src="blue-600x58.png" height="10" style="margin-top: 2%"></div>
+<div><img src="blue-600x58.png" height="10" style="margin-right: 10%"></div>
+<div><img src="blue-600x58.png" height="10" style="margin-bottom: 2%"></div>
+<div><img src="blue-600x58.png" height="10" style="margin-left: 10%"></div>
+
+<div><span style="background:yellow; padding-top: 2%">text</span></div>
+<div><span style="background:yellow; padding-right: 10%">text</span></div>
+<div><span style="background:yellow; padding-bottom: 2%">text</span></div>
+<div><span style="background:yellow; padding-left: 10%">text</span></div>
+
+<div><img src="blue-600x58.png" height="10" style="width: 10%"></div>
+<div><img src="blue-600x58.png" height="2" style="min-width: 50%"></div>
+<div><img src="blue-600x58.png" height="10" style="max-width: 1%"></div>
+
+<div><span style="display:inline-block">This is an inline-block that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</span></div>
+<div><button>This is a button that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</button></div>
+<div><fieldset>This is a fieldset that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</fieldset></div>
+
+<div><span style="position:relative; right: 3%">text in a span</span></div>
+<div><span style="position:relative; left: 3%">text in a span</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/28811-1-ref.html b/layout/reftests/bugs/28811-1-ref.html
new file mode 100644
index 0000000000..99c806f950
--- /dev/null
+++ b/layout/reftests/bugs/28811-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+html, body, iframe { height: 100%; }
+</style>
+</head>
+<body>
+<iframe style="width: 750px" src="28811-1-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/28811-1a.html b/layout/reftests/bugs/28811-1a.html
new file mode 100644
index 0000000000..14d77d0249
--- /dev/null
+++ b/layout/reftests/bugs/28811-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+html, body, iframe { height: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.width = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="width: 1000px" id="toresize" src="28811-1-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/28811-1b.html b/layout/reftests/bugs/28811-1b.html
new file mode 100644
index 0000000000..ee854c18f2
--- /dev/null
+++ b/layout/reftests/bugs/28811-1b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+html, body, iframe { height: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.width = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="width: 500px" id="toresize" src="28811-1-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/28811-2-inner.html b/layout/reftests/bugs/28811-2-inner.html
new file mode 100644
index 0000000000..e101c0df93
--- /dev/null
+++ b/layout/reftests/bugs/28811-2-inner.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+</style>
+</head>
+<body>
+
+<div><span><span style="margin-right: 10%">text</span></span></div>
+<div><span><span style="margin-left: 10%">text</span></span></div>
+<div><span><img src="blue-600x58.png" height="10" style="margin-top: 2%"></span></div>
+<div><span><img src="blue-600x58.png" height="10" style="margin-right: 10%"></span></div>
+<div><span><img src="blue-600x58.png" height="10" style="margin-bottom: 2%"></span></div>
+<div><span><img src="blue-600x58.png" height="10" style="margin-left: 10%"></span></div>
+
+<div><span><span style="background:yellow; padding-top: 2%">text</span></span></div>
+<div><span><span style="background:yellow; padding-right: 10%">text</span></span></div>
+<div><span><span style="background:yellow; padding-bottom: 2%">text</span></span></div>
+<div><span><span style="background:yellow; padding-left: 10%">text</span></span></div>
+
+<div><span><img src="blue-600x58.png" height="10" style="width: 10%"></span></div>
+<div><span><img src="blue-600x58.png" height="2" style="min-width: 50%"></span></div>
+<div><span><img src="blue-600x58.png" height="10" style="max-width: 1%"></span></div>
+
+<div><span><span style="display:inline-block">This is an inline-block that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</span></span></div>
+<div><span><button>This is a button that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</button></span></div>
+<div><span><fieldset>This is a fieldset that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</fieldset></span></div>
+
+<div><span><span style="position:relative; right: 3%">text in a span</span></span></div>
+<div><span><span style="position:relative; left: 3%">text in a span</span></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/28811-2-ref.html b/layout/reftests/bugs/28811-2-ref.html
new file mode 100644
index 0000000000..e9d2264685
--- /dev/null
+++ b/layout/reftests/bugs/28811-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+html, body, iframe { height: 100%; }
+</style>
+</head>
+<body>
+<iframe style="width: 750px" src="28811-2-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/28811-2a.html b/layout/reftests/bugs/28811-2a.html
new file mode 100644
index 0000000000..b1fc1166d6
--- /dev/null
+++ b/layout/reftests/bugs/28811-2a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+html, body, iframe { height: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.width = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="width: 1000px" id="toresize" src="28811-2-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/28811-2b.html b/layout/reftests/bugs/28811-2b.html
new file mode 100644
index 0000000000..a66b9305d2
--- /dev/null
+++ b/layout/reftests/bugs/28811-2b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for resizing elements that depend on containing block width</title>
+<style type="text/css">
+html, body, iframe { height: 100%; }
+</style>
+<script type="application/javascript">
+
+function run() {
+    document.getElementById("toresize").style.width = "750px";
+}
+
+</script>
+</head>
+<body onload="run()">
+<iframe style="width: 500px" id="toresize" src="28811-2-inner.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/289384-1.xhtml b/layout/reftests/bugs/289384-1.xhtml
new file mode 100644
index 0000000000..89cf169ccf
--- /dev/null
+++ b/layout/reftests/bugs/289384-1.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script type="text/javascript">
+<![CDATA[
+
+function boom()
+{
+  document.body.setAttribute("contenteditable", "true");
+  document.execCommand("selectAll", false, null);
+}
+
+]]>
+</script>
+</head>
+
+<body onload="boom();"><textarea><span/></textarea></body>
+
+</html>
diff --git a/layout/reftests/bugs/289384-ref.xhtml b/layout/reftests/bugs/289384-ref.xhtml
new file mode 100644
index 0000000000..5c5b8252ac
--- /dev/null
+++ b/layout/reftests/bugs/289384-ref.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script type="text/javascript">
+<![CDATA[
+
+function boom()
+{
+  document.body.setAttribute("contenteditable", "true");
+  document.execCommand("selectAll", false, null);
+}
+
+]]>
+</script>
+</head>
+
+<body onload="boom();"><textarea></textarea></body>
+
+</html>
diff --git a/layout/reftests/bugs/289480-mask.png b/layout/reftests/bugs/289480-mask.png
new file mode 100644
index 0000000000..e1a6f41270
Binary files /dev/null and b/layout/reftests/bugs/289480-mask.png differ
diff --git a/layout/reftests/bugs/289480-ref.html b/layout/reftests/bugs/289480-ref.html
new file mode 100644
index 0000000000..af68cfcd65
--- /dev/null
+++ b/layout/reftests/bugs/289480-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+ <head>
+  <title>The Second Acid Test (Reference Rendering)</title>
+  <style type="text/css">
+   html { margin: 0; padding: 0; border: 0; overflow: hidden; background: white; }
+   body { margin: 0; padding: 0; border: 0; }
+   h2 { margin: 0; padding: 48px 0 36px 84px; border: 0; font: 24px/24px sans-serif; color: navy; }
+   p { margin: 0; padding: 0 0 0 72px; border: 0; }
+   img { vertical-align: top; margin: 0; padding: 0; border: 0; }
+  </style>
+ </head>
+ <body>
+  <h2>Hello&nbsp;World!</h2>
+  <p><a href="289480-ref.png"><img src="289480-ref.png" alt="Follow this link to view the reference image, which should be rendered below the text &quot;Hello World!&quot; on the test page in the same way that this paragraph is rendered below that text on this page."></a></p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/289480-ref.png b/layout/reftests/bugs/289480-ref.png
new file mode 100644
index 0000000000..d2f0602ed8
Binary files /dev/null and b/layout/reftests/bugs/289480-ref.png differ
diff --git a/layout/reftests/bugs/289480.html b/layout/reftests/bugs/289480.html
new file mode 100644
index 0000000000..10ba94b61d
--- /dev/null
+++ b/layout/reftests/bugs/289480.html
@@ -0,0 +1,153 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+ <head>
+  <title>The Second Acid Test</title>
+  <style type="text/css">
+   /* section numbers refer to CSS2.1 */
+
+   /* page setup */
+   html { font: 12px sans-serif; margin: 0; padding: 0; overflow: hidden; /* hides scrollbars on viewport, see 11.1.1:3 */ background: white; color: red; }
+   body { margin: 0; padding: 0; }
+
+   /* introduction message */
+   .intro { font: 2em sans-serif; margin: 3.5em 2em; padding: 0.5em; border: solid thin; background: white; color: black; position: relative; z-index: 2; /* should cover the black and red bars that are fixed-positioned */ }
+   .intro * { font: inherit; margin: 0; padding: 0; }
+   .intro h1 { font-size: 1em; font-weight: bolder; margin: 0; padding: 0; }
+   .intro :link { color: blue; }
+   .intro :visited { color: purple; }
+
+   /* picture setup */
+   #top { margin: 100em 3em 0; padding: 2em 0 0 .5em; text-align: left; font: 2em/24px sans-serif; color: navy; white-space: pre; } /* "Hello World!" text */
+   .picture { position: relative; border: 1em solid transparent; margin: 0 0 100em 3em; } /* containing block for face */
+   .picture { background: red; } /* overriden by preferred stylesheet below */
+
+   /* top line of face (scalp): fixed positioning and min/max height/width */
+   .picture p { position: fixed; margin: 0; padding: 0; border: 0; top: 9em; left: 11em; width: 140%; max-width: 4em; height: 8px; min-height: 1em; max-height: 2mm; /* min-height overrides max-height, see 10.7 */ background: black; border-bottom: 0.5em yellow solid; }
+
+   /* bits that shouldn't be part of the top line (and shouldn't be visible at all): HTML parsing, "+" combinator, stacking order */
+   .picture p.bad { border-bottom: red solid; /* shouldn't matter, because the "p + table + p" rule below should match it too, thus hiding it */ }
+   .picture p + p { background: maroon; z-index: 1; } /* shouldn't match anything */
+   .picture p + table + p { margin-top: 3em; /* should end up under the absolutely positioned table below, and thus not be visible */ }
+
+   /* second line of face: attribute selectors, float positioning */
+   [class~=one].first.one { position: absolute; top: 0; margin: 36px 0 0 60px; padding: 0; border: black 2em; border-style: none solid; /* shrink wraps around float */ }
+   [class~=one][class~=first] [class=second\ two][class="second two"] { float: right; width: 48px; height: 12px; background: yellow; margin: 0; padding: 0; } /* only content of abs pos block */
+
+   /* third line of face: width and overflow */
+   .forehead { margin: 4em; width: 8em; border-left: solid black 1em; border-right: solid black 1em; background: red url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC); /* that's a 1x1 yellow pixel PNG */ }
+   .forehead * { width: 12em; line-height: 1em; }
+
+   /* class selectors headache */
+   .two.error.two { background: maroon; } /* shouldn't match */
+   .forehead.error.forehead { background: red; } /* shouldn't match */
+   [class=second two] { background: red; } /* this should be ignored (invalid selector -- grammar says it only accepts IDENTs or STRINGs) */
+
+   /* fourth and fifth lines of face, with eyes: paint order test (see appendix E) and fixed backgrounds */
+   /* the two images are identical: 2-by-2 squares with the top left
+      and bottom right pixels set to yellow and the other two set to
+      transparent. Since they are offset by one pixel from each other,
+      the second one paints exactly over the transparent parts of the
+      first one, thus creating a solid yellow block. */
+   .eyes { position: absolute; top: 5em; left: 3em; margin: 0; padding: 0; background: red; }
+   #eyes-a { height: 0; line-height: 2em; text-align: right; } /* contents should paint top-most because they're inline */
+   #eyes-a object { display: inline; vertical-align: bottom; }
+   #eyes-a object[type] { width: 7.5em; height: 2.5em; } /* should have no effect since that object should fallback to being inline (height/width don't apply to inlines) */
+   #eyes-a object object object { border-right: solid 1em black; padding: 0 12px 0 11px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D) fixed 1px 0; }
+   #eyes-b { float: left; width: 10em; height: 2em; background: fixed url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D); border-left: solid 1em black; border-right: solid 1em red; } /* should paint in the middle layer because it is a float */
+   #eyes-c { display: block; background: red; border-left: 2em solid yellow; width: 10em; height: 2em; } /* should paint bottom most because it is a block */
+
+   /* lines six to nine, with nose: auto margins */
+   .nose { float: left; margin: -2em 2em -1em; border: solid 1em black; border-top: 0; min-height: 80%; height: 60%; max-height: 3em; /* percentages become auto (see 10.5 and 10.7) and intrinsic height is more than 3em, so 3em wins */ padding: 0; width: 12em; }
+   .nose > div { padding: 1em 1em 3em; height: 0; background: yellow; }
+   .nose div div { width: 2em; height: 2em; background: red; margin: auto; }
+   .nose :hover div { border-color: blue; }
+   .nose div:hover :before { border-bottom-color: inherit; }
+   .nose div:hover :after { border-top-color: inherit; }
+   .nose div div:before { display: block; border-style: none solid solid; border-color: red yellow black yellow; border-width: 1em; content: ''; height: 0; }
+   .nose div    :after { display: block; border-style: solid solid none; border-color: black yellow red yellow; border-width: 1em; content: ''; height: 0; }
+
+   /* between lines nine and ten: margin collapsing with 'float' and 'clear' */
+   .empty { margin: 6.25em; height: 10%; /* computes to auto which makes it empty per 8.3.1:7 (own margins) */ }
+   .empty div { margin: 0 2em -6em 4em; }
+   .smile { margin: 5em 3em; clear: both; /* clearance is negative (see 8.3.1 and 9.5.1) */ }
+
+   /* line ten and eleven: containing block for abs pos */
+   .smile div { margin-top: 0.25em; background: black; width: 12em; height: 2em; position: relative; bottom: -1em; }
+   .smile div div { position: absolute; top: 0; right: 1em; width: auto; height: 0; margin: 0; border: yellow solid 1em; }
+
+   /* smile (over lines ten and eleven): backgrounds behind borders, inheritance of 'float', nested floats, negative heights */
+   .smile div div span { display: inline; margin: -1em 0 0 0; border: solid 1em transparent; border-style: none solid; float: right; background: black; height: 1em; }
+   .smile div div span em { float: inherit; border-top: solid yellow 1em; border-bottom: solid black 1em; } /* zero-height block; width comes from (zero-height) child. */
+   .smile div div span em strong { width: 6em; display: block; margin-bottom: -1em; /* should have no effect, since parent has top&bottom borders, so this margin doesn't collapse */ }
+
+   /* line twelve: line-height */
+   .chin { margin: -4em 4em 0; width: 8em; line-height: 1em; border-left: solid 1em black; border-right: solid 1em black; background: yellow url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D) /* 64x64 red square */ no-repeat fixed /* shouldn't be visible unless the smiley is moved to the top left of the viewport */; }
+   .chin div { display: inline; font: 2px/4px serif; }
+
+   /* line thirteen: cascade and selector tests */
+   .parser-container div { color: maroon; border: solid; color: orange; } /* setup */
+   div.parser-container * { border-color: black; /* overrides (implied) border-color on previous line */ } /* setup */
+   * div.parser { border-width: 0 2em; /* overrides (implied) declarations on earlier line */ } /* setup */
+
+   /* line thirteen continued: parser tests */
+   .parser { /* comment parsing test -- comment ends before the end of this line, the backslash should have no effect: \*/ }
+   .parser { margin: 0 5em 1em; padding: 0 1em; width: 2em; height: 1em; error: \}; background: yellow; } /* setup with parsing test */
+   * html .parser {  background: gray; }
+   \.parser { padding: 2em; }
+   .parser { m\argin: 2em; };
+   .parser { height: 3em; }
+   .parser { width: 200; }
+   .parser { border: 5em solid red ! error; }
+   .parser { background: red pink; }
+
+   /* line fourteen (last line of face): table */
+   ul { display: table; padding: 0; margin: -1em 7em 0; background: red; }
+   ul li { padding: 0; margin: 0; }
+   ul li.first-part { display: table-cell; height: 1em; width: 1em; background: black; }
+   ul li.second-part { display: table; height: 1em; width: 1em; background: black; } /* anonymous table cell wraps around this */
+   ul li.third-part { display: table-cell; height: 0.5em; /* gets stretched to fit row */ width: 1em; background: black; }
+   ul li.fourth-part { list-style: none; height: 1em; width: 1em; background: black; } /* anonymous table cell wraps around this */
+
+   /* bits that shouldn't appear: inline alignment in cells */
+   .image-height-test { height: 10px; overflow: hidden; font: 20em serif; } /* only the area between the top of the line box and the top of the image should be visible */
+   table { margin: 0; border-spacing: 0; }
+   td { padding: 0; }
+   
+   /* Mask for nose interpolation */
+   .nose-mask { position:absolute; top:94px; left:94px; }
+
+  </style>
+  <link rel="appendix stylesheet" href="data:text/css,.picture%20%7B%20background%3A%20none%3B%20%7D"> <!-- this stylesheet should be applied by default -->
+ </head>
+ <body>
+
+  <div class="intro">
+   <h1>Standards compliant?</h1>
+   <p><a href="#top">Take The Acid2 Test</a> and compare it to <a
+   href="289480-ref.html">the reference rendering</a>.</p>
+  </div>
+  <h2 id="top">Hello World!</h2>
+
+  <div class="picture">
+   <p><table><tr><td></table><p class="bad"> <!-- <table> closes <p> per the HTML4 DTD -->
+   <blockquote class="first one"><address class="second two"></address></blockquote>
+   <div class="forehead"><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></div>
+   <div class="eyes"><div id="eyes-a"><object data="data:application/x-unknown,ERROR"><object data="acid2-this-file-does-not-exist.html" type="text/html"><object data="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAFy7sgCAAAGsUlEQVRo3u2ZbWwcZxHHf3s%2B7LNbO3ZjXBtowprGODRX0qpNQCjmJKuVKhMl1P2AkCwhFOIKkCBSm9IXavGFKAixIAECwkmWo5MrhRI3Ub40IEwQgp6aIDg3Cd6eEqyIHEteah%2B1E69vhw%2BZtTaX8704ZzkKjHS6271nZ56ZZ%2BY%2F%2F%2BdZKF%2FCwYshx3EkkggLsD1v4FQkEZZYLCbAKyG9%2Ba9EIsG6hnUAf8x74K3aUC3j4%2BM54HcsR2oAIomwZOezkv%2FnSHpYNh%2BNCmAE7xv94zvFdd1bHsjMZmQkPSxAJP%2B%2FfuBLwK54PC7JZFKAVJmzXLBt2w%2FMvcDLwIb8QS8CeJ4nkURYIomw7J%2FYJ8BvSiiXptGGxWds2%2Fa9%2Bnaxh%2BYAD%2Bgt04NDgABTpQY2cvvSFLzw86gWeBVwC8SzlOSv2YeBPfmDBoBHgKmR9LBEEmHZfDTqGykqfkUE0nA78BzQGfSgUeP3wNeTXwXg7MwZDhw4UHL6ra2ti79%2FOvljgG8AZ4H64Lhm4MvAocxsRppGG%2FxcXihlwLIs6R%2FfKV2HO%2F26uA94pdDYUKUZUU7W1RQYXA98Gnhaf5%2FXWX0HeAHYoQonqa4sZSOsSWMCWeC9Yko%2BCQwBe4E6oNc0Tc91XTl1%2BaTsn9gnI%2Blhyc5nZWxsrBIkKSbl2tiic3tW53YDEwOKaoFBrcOfqKee53lG9xsPMjV784r%2F4lO%2FpPvyJ9iyZcuvFSaXK5XYeAZ4CDgGvB3MS4B54LQuWYPeuy4iRFsevsXqpuYoqVQKIH2bK1CuDQNo11o4XUzh%2FcDWYIe1LEtyuZx4niee54njOGKapgfsqlL%2Bl2OjEXg8nxrc1dJ0h3hbtL%2BGCtz7KPBF4CuBe9uB15VafE8hr9qylI3HgG8C2%2FK7VyHZoJj7MrBRm30qFotJMpkU27YlHo%2F7Ha5a%2BV%2FKRkSJ4KuKRLVLKapTjB1SzAVIjY2NSXY%2BKyPpYdk%2FsU9OXT4pruv6BdZbBQfKsVGnvWlIe1VB6VQO8JxC1vZYLCbZ%2BaxsPhpdZDyRRFhG0sPiOE6ldKBg2lRg4xF1YCDIIIKN7DGgD3gH%2BBXwejKZfPrs2tPs%2FvPN2bKuYR1nd7xLKBSSJeqoXKnERjPwNWAG%2BLn2rZuM%2B4Tpml6vaWlp4eLcxVusZq5lCgVgOVKJjRqdX86ffL4D5wIoZACnTpw4wRMdT96i%2FImOJxERAs4uVyqxUacF%2FPdiCj%2BjdRBRGFtwXVdG0sPSdbhTmkYbpH98p2RmM2JZlig1vl0GWo4NQ%2Fn%2Bs5pKRXfwjweaxy7TND3HcRZbfC6X8xVPVQlGy7WxVWlO5XRXFXm6EZmrQuSXYyPE3SiVoEhE6Wyr0u2rumO6zv%2B21AFdQAswC1wCMuUCXCmyWQus103Qg8qlDO0lxwOb%2Fl4FiK3AB3VS%2FuKKLtK%2FgbeAnwG%2FvUODuRw%2FFrR0H1UC75fwu8oJ%2FhFsW5VIG%2FBUgEIN6Y65O4AHu4Ap0zQ9y7LEcZyb9lRBUHQcRyzL8unZVBW5bFWAvAp%2BhDQ2g4F47dUYtlU6obXA54DnVdFLekjUGGifh4AFy7LEdV3xj3X9I66m0QZpGm2QrsOd0j%2B%2BU0bSw5KZzYjrun6HWlAd961i4FfCj0aN1Usau%2Bc1lmuXPFwvAEumUut7tQQvAb%2FXb%2FT0bCAej9cODg7yt%2Bm%2F8q2%2F7OUHZ76PnZ1k2p0mJzlykmPancbOTnL0whHs7CQfb%2B5mx2d3sH79%2BtCRI0c6FeaOr9ICrIQfLvA%2B8BGNXxi4R6HrisJVUWrxAVW2oMFf0Aczim8o3kV6enowDIPjF9%2Fk%2BMU3S3rrjzMMg56eHr%2BxP7qKFbASfojG6kpeDGs1tiW53RxwWT%2Bin5q8w4xpQK5evQpAR30H7ZH2khNvj7TTUd8BgD4rqmu1ZKX8qNeY%2BfHz4zlXDgT5E8tpCTUq7XSBC4Euv8227TV9fX1E73%2BYtvo27BmbS9cvFVTY3bSRFza9yOcf6Gfmygy7d%2B%2Fm%2FPnzF4DvrsBLhnJlJfwIKXxv1PheAE4qK6p4H9AGbNKTuhngBPBPXYRe4IemaT5kWZbR19fHNbmGnZ1k4r3U4glDR30Hm5qjbGjsImJEOHbsGHv27JFz5869o0eFq01Jq%2BmHAXwI6FFKagMTgHM7GzFDS%2BoeLSMv7zjzC9x4Y7gxFovVDAwMEI1GaWlpWSzRVCrFwYMH%2FXfxZ4AfAa8B%2F7lDaGg1%2FQgp43lfK0yqtRMuJa3ceKe5DfgYsCYAZ2ngD8CfAkzqTpW7xY%2F%2FSznyX%2FVeUb2kVmX4AAAAAElFTkSuQmCC">ERROR</object></object></object></div><div id="eyes-b"></div><div id="eyes-c"></div></div> <!-- that's a PNG with 8bit alpha containing two eyes -->
+   <div class="nose"><div><div></div></div></div>
+   <div class="empty"><div></div></div>
+
+   <div class="smile"><div><div><span><em><strong></strong></em></span></div></div></div>
+   <div class="chin"><div>&nbsp;</div></div>
+   <div class="parser-container"><div class="parser"><!-- ->ERROR<!- --></div></div> <!-- two dashes is what delimits a comment, so the text "->ERROR<!-" earlier on this line is actually part of a comment -->
+   <ul>
+    <li class="first-part"></li>
+    <li class="second-part"></li>
+    <li class="third-part"></li>
+    <li class="fourth-part"></li>
+
+   </ul>
+   <div class="image-height-test"><table><tr><td><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D" alt=""></td></tr></table></div>
+   <img class="nose-mask" src="289480-mask.png" />
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/290129-1-ref.html b/layout/reftests/bugs/290129-1-ref.html
new file mode 100644
index 0000000000..1ec0f01cf6
--- /dev/null
+++ b/layout/reftests/bugs/290129-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style>
+ th, td { background: #ddd; }
+ table { border-collapse: collapse; }
+</style>
+</head>
+<body>
+  
+ <table border="1">
+  <tr><th>x</th><th colspan="2" class="a1 a2">A</th></tr>
+  <tr><th>x</th><td class="a1">a1</td><td class="a2">a2</td></tr>
+ </table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/290129-1.html b/layout/reftests/bugs/290129-1.html
new file mode 100644
index 0000000000..d49af9a34b
--- /dev/null
+++ b/layout/reftests/bugs/290129-1.html
@@ -0,0 +1,49 @@
+<html>
+<head>
+<style>
+ th, td { background: #ddd; }
+ table { border-collapse: collapse; }
+</style>
+</head>
+<body>
+  
+ <table border="1">
+  <tr><th>x</th><th colspan="2" class="a1 a2">A</th></tr>
+  <tr><th>x</th><td class="a1">a1</td><td class="a2">a2</td></tr>
+ </table>
+
+ <script type="text/javascript">
+
+   function addCSSRule(selector, rule) {
+       var css = document.styleSheets[ document.styleSheets.length -1];
+       css.insertRule(selector+" {"+rule+"}", css.cssRules.length);
+   }
+
+   function removeCSSRule(selector, rule) {
+       rule = rule.split(':');
+       for (cssno=0; cssno<document.styleSheets.length;cssno++) {
+           var css = document.styleSheets[cssno];
+	   for (i=(css.cssRules.length-1);i>=0;i--) {
+	       var rule = css.cssRules[i];
+	       if (rule.selectorText == selector && rule.style[ rule[0] ] == rule[1])
+		   css.deleteRule(i);
+	   }
+       }
+   }
+
+   function setClassDisplay(display, classname) {
+       document.body.offsetWidth
+       if (display)
+	  removeCSSRule("."+classname, "display:none");
+       else
+	  addCSSRule("."+classname, "display:none");
+   }
+
+   setClassDisplay(false, 'a1');
+   setClassDisplay(false, 'a2');
+   setClassDisplay(true, 'a1');
+   setClassDisplay(true, 'a2');
+ </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/291078-1-ref.html b/layout/reftests/bugs/291078-1-ref.html
new file mode 100644
index 0000000000..231da2694d
--- /dev/null
+++ b/layout/reftests/bugs/291078-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table border="1" align="center">
+  <tr>
+    <td class="type">
+      <input name="name" value="text input text input" type="text">
+      <textarea>
+1textarea textarea 
+2textarea textarea 
+3textarea textarea 
+4textarea textarea 
+5textarea textarea 
+6textarea </textarea>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/291078-1.html b/layout/reftests/bugs/291078-1.html
new file mode 100644
index 0000000000..acbba5dd8b
--- /dev/null
+++ b/layout/reftests/bugs/291078-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+   .type:first-line 
+   {
+   }
+ </style>
+</head>
+<body>
+<table border="1" align="center">
+  <tr>
+    <td class="type">
+      <input name="name" value="text input text input" type="text">
+      <textarea>
+1textarea textarea 
+2textarea textarea 
+3textarea textarea 
+4textarea textarea 
+5textarea textarea 
+6textarea </textarea>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/291078-2-ref.html b/layout/reftests/bugs/291078-2-ref.html
new file mode 100644
index 0000000000..d3622c37e1
--- /dev/null
+++ b/layout/reftests/bugs/291078-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table align="center">
+	<tr>
+		<td class="type">
+			<span style="opacity: 0.99">text text</span>
+		</td>
+	</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/291078-2.html b/layout/reftests/bugs/291078-2.html
new file mode 100644
index 0000000000..09886bd85b
--- /dev/null
+++ b/layout/reftests/bugs/291078-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.type:first-line 
+{
+}
+</style>
+</head>
+<body>
+<table align="center">
+	<tr>
+		<td class="type">
+			<span style="opacity: 0.99">text text</span>
+		</td>
+	</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/291262-1-ref.html b/layout/reftests/bugs/291262-1-ref.html
new file mode 100644
index 0000000000..86392c2b6d
--- /dev/null
+++ b/layout/reftests/bugs/291262-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+<head>
+<title>Styling the CANVAS element</title>
+<style type="text/css">
+    div{
+    position: absolute;
+    top:37px; left:4em;
+    background:lime;
+    border:.5em solid black;
+    height:1em;
+    width:1em;
+    display:block;
+}
+</style>
+</head>
+<body>
+    <div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/291262-1.html b/layout/reftests/bugs/291262-1.html
new file mode 100644
index 0000000000..ca30af3f93
--- /dev/null
+++ b/layout/reftests/bugs/291262-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+<head>
+<title>Styling the CANVAS element</title>
+<style type="text/css">
+    canvas{
+    position: absolute;
+    top:37px; left:4em;
+    background:lime;
+    border:.5em solid black;
+    height:1em;
+    width:1em;
+    display:block;
+}
+</style>
+</head>
+<body>
+    <canvas></canvas>
+</body>
+</html>
diff --git a/layout/reftests/bugs/294306-1.html b/layout/reftests/bugs/294306-1.html
new file mode 100644
index 0000000000..dfa28bd82f
--- /dev/null
+++ b/layout/reftests/bugs/294306-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+
+<html>
+  <body>
+    <!-- Lack of space before <span> is important -->
+    <p style="text-indent: 4em;"><span src="test.jpg" style="text-indent: 0; width: 150px; height: 200px; float: right;">Right Float</span>
+Text in the block
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/294306-1a-ref.html b/layout/reftests/bugs/294306-1a-ref.html
new file mode 100644
index 0000000000..8be64df4c2
--- /dev/null
+++ b/layout/reftests/bugs/294306-1a-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+
+<html>
+  <body>
+    <span src="test.jpg" style="width: 150px; height: 200px; float: right;">Right Float</span>
+    <p style="text-indent: 4em;">
+Text in the block
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/294306-1b-ref.html b/layout/reftests/bugs/294306-1b-ref.html
new file mode 100644
index 0000000000..2fd828952b
--- /dev/null
+++ b/layout/reftests/bugs/294306-1b-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+
+<html>
+  <body>
+    <span src="test.jpg" style="width: 150px; height: 200px; float: right;">Right Float</span>
+    <p>
+Text in the block
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/296361-1.html b/layout/reftests/bugs/296361-1.html
new file mode 100644
index 0000000000..8bd89f4753
--- /dev/null
+++ b/layout/reftests/bugs/296361-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+<style>
+
+table { border-right: solid 16px gold; }
+
+a { font-family: sans-serif; padding: 2px; }
+
+a:hover { color: red; }
+
+</style>
+   <script>
+   function doTest() {
+      var s1 = document.getElementById("target");
+      s1.style.color="red" 
+      document.documentElement.removeAttribute('class');
+   }
+   document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+
+</head><body>
+<table cellpadding="4" rules="rows">
+
+ <tbody><tr>
+  <td><a href="#" id ="target"> move mouse over this text </a></td>
+  <td></td>
+ </tr>
+
+</tbody></table>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/296361-ref.html b/layout/reftests/bugs/296361-ref.html
new file mode 100644
index 0000000000..73a4c9344c
--- /dev/null
+++ b/layout/reftests/bugs/296361-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+<style>
+
+table { border-right: solid 16px gold; }
+
+a { font-family: sans-serif; color: red; padding: 2px; }
+
+</style>
+  
+
+</head><body>
+<table cellpadding="4" rules="rows">
+
+ <tbody><tr>
+  <td><a href="#" id ="target"> move mouse over this text </a></td>
+  <td></td>
+ </tr>
+
+</tbody></table>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/296904-1-ref.html b/layout/reftests/bugs/296904-1-ref.html
new file mode 100644
index 0000000000..e8ed6301c4
--- /dev/null
+++ b/layout/reftests/bugs/296904-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<canvas width="100" height="100" id="c" style="background: #0f0"></canvas>
diff --git a/layout/reftests/bugs/296904-1.html b/layout/reftests/bugs/296904-1.html
new file mode 100644
index 0000000000..fc9a96f898
--- /dev/null
+++ b/layout/reftests/bugs/296904-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<canvas width="100" height="100" id="c"></canvas>
+<script>
+window.onload = function () {
+    var ctx = document.getElementById('c').getContext('2d');
+
+    ctx.beginPath();
+    ctx.moveTo(0, 0);
+    ctx.lineTo(0, 100);
+    ctx.lineTo(100, 100);
+
+    ctx.fillStyle = '#f00';
+    ctx.strokeStyle = '#00f';
+
+    ctx.fillRect(30, 10, 10, 10);
+    ctx.strokeRect(60, 10, 10, 10);
+    ctx.clearRect(25, 15, 50, 10);
+    ctx.drawImage(document.getElementById('c'), 0, 0);
+    if (ctx.putImageData) ctx.putImageData(ctx.getImageData(0, 0, 10, 10), 0, 0);
+
+    ctx.lineTo(100, 0);
+    ctx.fillStyle = '#0f0';
+    ctx.fill();
+}
+</script>
diff --git a/layout/reftests/bugs/299136-1-ref.html b/layout/reftests/bugs/299136-1-ref.html
new file mode 100644
index 0000000000..dbd327ded5
--- /dev/null
+++ b/layout/reftests/bugs/299136-1-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html>
+<body>
+The&nbsp;quick&nbsp;brown&nbsp;fox&nbsp;jumps&nbsp;over&nbsp;the&nbsp;lazy&nbsp;dog.&nbsp;The&nbsp;quick&nbsp;brown&nbsp;fox&nbsp;jumps&nbsp;over&nbsp;the&nbsp;lazy&nbsp;dog.&nbsp;The&nbsp;quick&nbsp;brown&nbsp;fox&nbsp;jumps&nbsp;over&nbsp;the&nbsp;lazy&nbsp;dog.&nbsp;The&nbsp;quick&nbsp;brown&nbsp;fox&nbsp;jumps&nbsp;over&nbsp;the&nbsp;lazy&nbsp;dog.&nbsp;The&nbsp;quick&nbsp;brown&nbsp;fox&nbsp;jumps&nbsp;over&nbsp;the&nbsp;lazy&nbsp;dog.&nbsp;The&nbsp;quick&nbsp;brown&nbsp;fox&nbsp;jumps&nbsp;over&nbsp;the&nbsp;lazy&nbsp;dog.
+</body>
+</html>
diff --git a/layout/reftests/bugs/299136-1.html b/layout/reftests/bugs/299136-1.html
new file mode 100644
index 0000000000..4ff5c48f39
--- /dev/null
+++ b/layout/reftests/bugs/299136-1.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+.test { white-space: nowrap; }
+</style>
+</head>
+<body>
+<span class="test">The quick brown fox jumps over the lazy dog.</span><span class="test"> The quick brown fox jumps over the lazy dog.</span><span class="test"> The quick brown fox jumps over the lazy dog.</span><span class="test"> The quick brown fox jumps over the lazy dog.</span><span class="test"> The quick brown fox jumps over the lazy dog.</span><span class="test"> The quick brown fox jumps over the lazy dog.</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/299837-1-ref.html b/layout/reftests/bugs/299837-1-ref.html
new file mode 100644
index 0000000000..9b4b4632f2
--- /dev/null
+++ b/layout/reftests/bugs/299837-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>
+      <div style="text-align: left;">Left</div>
+      <div style="text-align: right;">Right</div>
+    </div>
+    <div>
+      <div style="text-align: right;">Right</div>
+      <div style="text-align: left;">Left</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/299837-1.html b/layout/reftests/bugs/299837-1.html
new file mode 100644
index 0000000000..fb3be0a26f
--- /dev/null
+++ b/layout/reftests/bugs/299837-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="text-align: center">
+      <div style="text-align: start;">Left</div>
+      <div style="text-align: end;">Right</div>
+    </div>
+    <div style="text-align: center; direction: rtl">
+      <div style="text-align: start;">Right</div>
+      <div style="text-align: end;">Left</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/299837-3-ref.xhtml b/layout/reftests/bugs/299837-3-ref.xhtml
new file mode 100644
index 0000000000..ae418f9660
--- /dev/null
+++ b/layout/reftests/bugs/299837-3-ref.xhtml
@@ -0,0 +1,101 @@
+<?xml version="1.0"?>
+<?xml-stylesheet type="text/css" href="data:text/css,treecol { visibility: hidden; }"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	style="direction: ltr">
+  <tree>
+    <treecols>
+      <treecol style="text-align: left;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: right;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: left;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: left;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: right;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: right;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: right;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: left;" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bugs/299837-3.xhtml b/layout/reftests/bugs/299837-3.xhtml
new file mode 100644
index 0000000000..0431df0d53
--- /dev/null
+++ b/layout/reftests/bugs/299837-3.xhtml
@@ -0,0 +1,100 @@
+<?xml version="1.0"?>
+<?xml-stylesheet type="text/css" href="data:text/css,treecol { visibility: hidden; }"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tree>
+    <treecols>
+      <treecol style="text-align: start; direction: ltr" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: start; direction: rtl" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: left; direction: ltr" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: left; direction: rtl" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: right; direction: ltr" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: right; direction: rtl" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: end; direction: ltr" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+  <tree>
+    <treecols>
+      <treecol style="text-align: end; direction: rtl" flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="This is a test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bugs/300691-1-ref.html b/layout/reftests/bugs/300691-1-ref.html
new file mode 100644
index 0000000000..c252f61959
--- /dev/null
+++ b/layout/reftests/bugs/300691-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea id="t">abcdefgh</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/300691-1a.html b/layout/reftests/bugs/300691-1a.html
new file mode 100644
index 0000000000..9f216cd37d
--- /dev/null
+++ b/layout/reftests/bugs/300691-1a.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea id="t"></textarea>
+    <script>
+      document.getElementById("t").
+        appendChild(document.createTextNode("abcdefgh"));
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/300691-1b.html b/layout/reftests/bugs/300691-1b.html
new file mode 100644
index 0000000000..031abdad9c
--- /dev/null
+++ b/layout/reftests/bugs/300691-1b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea id="t"></textarea>
+    <script>
+      document.getElementById("t").appendChild(document.createTextNode("abcd"));
+      document.getElementById("t").appendChild(document.createTextNode("efgh"));
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/300691-1c.html b/layout/reftests/bugs/300691-1c.html
new file mode 100644
index 0000000000..6106858885
--- /dev/null
+++ b/layout/reftests/bugs/300691-1c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea id="t"></textarea>
+    <script>
+      document.getElementById("t").appendChild(document.createTextNode("abcd"));
+      // Flush reflow
+      document.body.offsetWidth;
+      document.getElementById("t").appendChild(document.createTextNode("efgh"));
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/300691-1d.html b/layout/reftests/bugs/300691-1d.html
new file mode 100644
index 0000000000..62d0e3fe74
--- /dev/null
+++ b/layout/reftests/bugs/300691-1d.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea id="t"></textarea>
+    <script>
+      document.getElementById("t").appendChild(document.createTextNode(""));
+      document.getElementById("t").firstChild.data = "abcdefgh";
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/300691-1e.html b/layout/reftests/bugs/300691-1e.html
new file mode 100644
index 0000000000..349438ea25
--- /dev/null
+++ b/layout/reftests/bugs/300691-1e.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea id="t"></textarea>
+    <script>
+      document.getElementById("t").appendChild(document.createTextNode("abcd"));
+      document.getElementById("t").appendChild(document.createTextNode("efgh"));
+      document.getElementById("t").normalize();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/300691-1f.html b/layout/reftests/bugs/300691-1f.html
new file mode 100644
index 0000000000..b1d3b11a7e
--- /dev/null
+++ b/layout/reftests/bugs/300691-1f.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea id="t"></textarea>
+    <script>
+      document.getElementById("t").
+        appendChild(document.createTextNode("abcdefgh"));
+      document.getElementById("t").appendChild(document.createTextNode("ijkl"));
+      // Flush reflow
+      document.body.offsetWidth;
+      document.getElementById("t").
+        removeChild(document.getElementById("t").lastChild);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/301726-1-ref.html b/layout/reftests/bugs/301726-1-ref.html
new file mode 100644
index 0000000000..db6961e261
--- /dev/null
+++ b/layout/reftests/bugs/301726-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>Overflow: Auto / Cascaded Boxes / Scrollbar Rendering Testcase</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<style type="text/css">
+			#outer_box {
+				width: 400px;
+				height: 100px;
+				overflow-x: scroll;
+				overflow-y: hidden;
+			}
+			#inner_box {
+				width: 200%;
+				height: 100%;
+				overflow: auto;
+			}
+			#dummy_content {
+				height: 101px;
+				background: yellow;
+			}
+		</style>
+	</head>
+	<body>
+		<div id="outer_box">
+			<div id="inner_box">
+				<div id="dummy_content">
+					&nbsp;
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/301726-1.html b/layout/reftests/bugs/301726-1.html
new file mode 100644
index 0000000000..b9d492d9cd
--- /dev/null
+++ b/layout/reftests/bugs/301726-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>Overflow: Auto / Cascaded Boxes / Scrollbar Rendering Testcase</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<style type="text/css">
+			#outer_box {
+				width: 400px;
+				height: 100px;
+				overflow: auto;
+			}
+			#inner_box {
+				width: 200%;
+				height: 100%;
+				overflow: auto;
+			}
+			#dummy_content {
+				height: 101px;
+				background: yellow;
+			}
+		</style>
+	</head>
+	<body>
+		<div id="outer_box">
+			<div id="inner_box">
+				<div id="dummy_content">
+					&nbsp;
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/301726-2-ref.html b/layout/reftests/bugs/301726-2-ref.html
new file mode 100644
index 0000000000..00fca7fd13
--- /dev/null
+++ b/layout/reftests/bugs/301726-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <div style="overflow: scroll; visibility: hidden;
+              height: 100px;">
+    <div style="visibility: visible; height: 50px; background: green">
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/301726-2.html b/layout/reftests/bugs/301726-2.html
new file mode 100644
index 0000000000..88f3dcb08d
--- /dev/null
+++ b/layout/reftests/bugs/301726-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <div style="overflow: scroll; visibility: hidden;
+              height: 100px;">
+    <div style="visibility: visible; height: 50%; background: green">
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/302379-ref.html b/layout/reftests/bugs/302379-ref.html
new file mode 100644
index 0000000000..a6a38c6dcd
--- /dev/null
+++ b/layout/reftests/bugs/302379-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html><head><title></title></head>
+<body>
+<table width="400">
+<tbody><tr> 
+<td> 
+<font><b>
+long string long string long string long string long string long string long string long string
+<select id="sel">
+<option value="b">short string</option>
+<option value="a">long string long string long string long string</option>
+</select>
+</b></font>
+</td>
+</tr>
+</tbody></table>
+</body></html>
diff --git a/layout/reftests/bugs/302379.html b/layout/reftests/bugs/302379.html
new file mode 100644
index 0000000000..6a1a091583
--- /dev/null
+++ b/layout/reftests/bugs/302379.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html class="reftest-wait"><head><title></title></head>
+<body onload="document.documentElement.className='';">
+<table width="400">
+<tbody><tr> 
+<td> 
+<font><b>
+long string long string long string long string long string long string long string long string
+<select id="sel">
+<option value="a">long string long string long string long string</option>
+<option value="b">short string</option>
+</select>
+</b></font>
+</td>
+</tr>
+</tbody></table>
+<script>
+sel = document.getElementById('sel');
+sel.selectedIndex=1;
+</script>
+</body></html>
diff --git a/layout/reftests/bugs/306630-1-ref.html b/layout/reftests/bugs/306630-1-ref.html
new file mode 100644
index 0000000000..5eb2f86dc4
--- /dev/null
+++ b/layout/reftests/bugs/306630-1-ref.html
@@ -0,0 +1,6 @@
+<frameset rows="170,*">
+  <!-- Have to specify charset=ISO-8859-1 because that's what javascript: will
+       do and the fonts used depend on the charset. -->
+<frame src="data:text/html;charset=ISO-8859-1,frame1">
+<frame src="data:text/html;charset=ISO-8859-1,frame2">
+</frameset>
diff --git a/layout/reftests/bugs/306630-1.html b/layout/reftests/bugs/306630-1.html
new file mode 100644
index 0000000000..a64d6cfdbd
--- /dev/null
+++ b/layout/reftests/bugs/306630-1.html
@@ -0,0 +1,4 @@
+<frameset rows="170,*">
+<frame src="javascript:'frame1'">
+<frame src="javascript:'frame2'">
+</frameset>
diff --git a/layout/reftests/bugs/306660-1-ref.html b/layout/reftests/bugs/306660-1-ref.html
new file mode 100644
index 0000000000..36929dcd57
--- /dev/null
+++ b/layout/reftests/bugs/306660-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<frameset rows="*,*">
+  <frame src="data:text/plain,PASS">
+  <frame src="data:text/plain,PASS">
+</frameset>
diff --git a/layout/reftests/bugs/306660-1.html b/layout/reftests/bugs/306660-1.html
new file mode 100644
index 0000000000..c877778d2e
--- /dev/null
+++ b/layout/reftests/bugs/306660-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<script>
+  document.documentElement.offsetWidth;
+</script>
+<frameset rows="*,*">
+  <frame src="data:text/plain,PASS">
+  <frame src="data:text/plain,PASS">
+</frameset>
diff --git a/layout/reftests/bugs/306660-2-ref.html b/layout/reftests/bugs/306660-2-ref.html
new file mode 100644
index 0000000000..2ea698faf1
--- /dev/null
+++ b/layout/reftests/bugs/306660-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<frameset rows="*">
+  <frame src="data:text/plain,PASS">
+</frameset>
diff --git a/layout/reftests/bugs/306660-2.html b/layout/reftests/bugs/306660-2.html
new file mode 100644
index 0000000000..0e46831a18
--- /dev/null
+++ b/layout/reftests/bugs/306660-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script>
+  function loaded() {
+    var node = document.createElement("frame");
+    node.src = "data:text/plain,PASS";
+    node.setAttribute("onload", "document.documentElement.className = ''");
+    document.getElementById("x").appendChild(node);
+  }
+</script>
+</head>
+<frameset rows="*" id="x" onload="loaded()">
+</frameset>
+</html>
diff --git a/layout/reftests/bugs/306660-3-ref.html b/layout/reftests/bugs/306660-3-ref.html
new file mode 100644
index 0000000000..9457b7b064
--- /dev/null
+++ b/layout/reftests/bugs/306660-3-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<frameset rows="*,*"><frame src="data:text/plain,PASS"></frameset>
diff --git a/layout/reftests/bugs/306660-3.html b/layout/reftests/bugs/306660-3.html
new file mode 100644
index 0000000000..f8bd44235e
--- /dev/null
+++ b/layout/reftests/bugs/306660-3.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+  function loaded() {
+    var f = document.getElementById("x");
+    f.firstChild.remove();
+  }
+</script>
+</head>
+<frameset rows="*,*" id="x" onload="loaded()"
+ ><frame src="data:text/plain,PASS"
+ ><frame src="data:text/plain,PASS"></frameset>
+</html>
diff --git a/layout/reftests/bugs/307076-1-ref.html b/layout/reftests/bugs/307076-1-ref.html
new file mode 100644
index 0000000000..4e539f10b8
--- /dev/null
+++ b/layout/reftests/bugs/307076-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <body style="height: 100%">
+    <table style="height: 50%; width: 50%">
+      <tr>
+        <td id="x" style="position: relative; top: 25%; left: 25%">
+          <div style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;
+                      background: green"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307076-1.html b/layout/reftests/bugs/307076-1.html
new file mode 100644
index 0000000000..d27cad93af
--- /dev/null
+++ b/layout/reftests/bugs/307076-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <head>
+    <script>
+      function doIt() {
+        var d = document.createElement("div");
+        d.setAttribute("style",
+                       "position: absolute; left: 0; right: 0; top: 0; " +
+                       "bottom: 0; background: green");
+        document.getElementById("x").appendChild(d);
+      }
+    </script>
+  </head>
+  <body style="height: 100%" onload="doIt()">
+    <table style="height: 50%; width: 50%">
+      <tr>
+        <td id="x" style="position: relative; top: 25%; left: 25%">
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-1-ref.html b/layout/reftests/bugs/307102-1-ref.html
new file mode 100644
index 0000000000..efd13ed682
--- /dev/null
+++ b/layout/reftests/bugs/307102-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <img src="solidblue.png" style="position: absolute; top: 0; left: 0;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-1.html b/layout/reftests/bugs/307102-1.html
new file mode 100644
index 0000000000..45ebc5a67c
--- /dev/null
+++ b/layout/reftests/bugs/307102-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <img src="solidblue.png"
+           style="position: absolute; top: 0; left: 0; right: 0">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-2-ref.html b/layout/reftests/bugs/307102-2-ref.html
new file mode 100644
index 0000000000..8b72bc0383
--- /dev/null
+++ b/layout/reftests/bugs/307102-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <input style="position: absolute; top: 0; left: 0;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-2.html b/layout/reftests/bugs/307102-2.html
new file mode 100644
index 0000000000..cfeb6658a9
--- /dev/null
+++ b/layout/reftests/bugs/307102-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <input style="position: absolute; top: 0; left: 0; right: 0">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-3-ref.html b/layout/reftests/bugs/307102-3-ref.html
new file mode 100644
index 0000000000..c000b10a7e
--- /dev/null
+++ b/layout/reftests/bugs/307102-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <input type="submit"
+             style="position: absolute; top: 0; left: 0;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-3.html b/layout/reftests/bugs/307102-3.html
new file mode 100644
index 0000000000..fa0fe7fdb7
--- /dev/null
+++ b/layout/reftests/bugs/307102-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <input type="submit"
+             style="position: absolute; top: 0; left: 0; right: 0">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-4-ref.html b/layout/reftests/bugs/307102-4-ref.html
new file mode 100644
index 0000000000..c8f6fb1a2e
--- /dev/null
+++ b/layout/reftests/bugs/307102-4-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <div style="position: absolute; top: 0; left: 0; width: 100px;
+                  height: 100px; background: green">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/307102-4.html b/layout/reftests/bugs/307102-4.html
new file mode 100644
index 0000000000..85ba26ceed
--- /dev/null
+++ b/layout/reftests/bugs/307102-4.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: absolute; width: 100px;">
+      <div style="position: absolute; top: 0; left: 0; right: 0;
+                  height: 100px; background: green">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/308406-1-ref.html b/layout/reftests/bugs/308406-1-ref.html
new file mode 100644
index 0000000000..7dd1af8dba
--- /dev/null
+++ b/layout/reftests/bugs/308406-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+  <tbody style="height:200px; overflow:auto;">
+	<tr>
+		<td>Value </td>
+		<td>Value </td>
+		<td>Value </td>
+	</tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/308406-1.html b/layout/reftests/bugs/308406-1.html
new file mode 100644
index 0000000000..15b70d73c2
--- /dev/null
+++ b/layout/reftests/bugs/308406-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+  <tbody style="height:200px;">
+	<tr>
+		<td>Value </td>
+		<td>Value </td>
+		<td>Value </td>
+	</tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/308406-2-ref.html b/layout/reftests/bugs/308406-2-ref.html
new file mode 100644
index 0000000000..307e9d6655
--- /dev/null
+++ b/layout/reftests/bugs/308406-2-ref.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+<table>
+  <tbody style="height:200px; overflow:auto;">
+	<tr>
+		<td>Value </td>
+		<td>Value </td>
+		<td>Value </td>
+	</tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/308406-2.html b/layout/reftests/bugs/308406-2.html
new file mode 100644
index 0000000000..d2ab236a52
--- /dev/null
+++ b/layout/reftests/bugs/308406-2.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+<table>
+  <tbody style="height:200px;">
+	<tr>
+		<td>Value </td>
+		<td>Value </td>
+		<td>Value </td>
+	</tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/309550-1-ref.html b/layout/reftests/bugs/309550-1-ref.html
new file mode 100644
index 0000000000..005ca30428
--- /dev/null
+++ b/layout/reftests/bugs/309550-1-ref.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+fieldset {
+ margin: 0; padding: 0;
+ border: none;
+}
+#float {
+ float: left;
+ width: 10em; height: 5em;
+ background-color: green;
+}
+#sibling {
+ width: 5em; height: 10em;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<fieldset>
+ <div id="float"></div>
+ <div id="sibling"></div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/309550-1.html b/layout/reftests/bugs/309550-1.html
new file mode 100644
index 0000000000..a161193d32
--- /dev/null
+++ b/layout/reftests/bugs/309550-1.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+fieldset {
+ margin: 0; padding: 0;
+ border: none;
+}
+#float {
+ float: left;
+ width: 10em; height: 5em;
+ background-color: green;
+}
+#clear {
+ clear: left;
+}
+#sibling {
+ width: 5em; height: 5em;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<fieldset>
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="sibling"></div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/311366-unknown-block-1-ref.html b/layout/reftests/bugs/311366-unknown-block-1-ref.html
new file mode 100644
index 0000000000..2bdd61718d
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-block-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+div p {background: green};
+</style>
+<div><p>This should have a green background
diff --git a/layout/reftests/bugs/311366-unknown-block-1.html b/layout/reftests/bugs/311366-unknown-block-1.html
new file mode 100644
index 0000000000..46b0cba832
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-block-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+section p {background: green};
+</style>
+<section><p>This should have a green background
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-block-2-ref.html b/layout/reftests/bugs/311366-unknown-block-2-ref.html
new file mode 100644
index 0000000000..858a0bd4ae
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-block-2-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+div > p {background-color:green;}
+</style>
+<div><i>foo</i><p>this should have a green background</p>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-block-2.html b/layout/reftests/bugs/311366-unknown-block-2.html
new file mode 100644
index 0000000000..51920456b7
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-block-2.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+section > p {background-color:green;}
+</style>
+<section><i>foo</i><p>this should have a green background</p>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-block-3-ref.html b/layout/reftests/bugs/311366-unknown-block-3-ref.html
new file mode 100644
index 0000000000..965bb04a71
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-block-3-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+div > p {background-color:green;}
+</style>
+<b><i><div><p>This should have a green background</p></div></b>foo</i>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-block-3.html b/layout/reftests/bugs/311366-unknown-block-3.html
new file mode 100644
index 0000000000..26b1cfdbf3
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-block-3.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+section > p {background-color:green;}
+</style>
+<b><i><section><p>This should have a green background</p></section></b>foo</i>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-inline-1-ref.html b/layout/reftests/bugs/311366-unknown-inline-1-ref.html
new file mode 100644
index 0000000000..0efd5b8576
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-inline-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+p > span {background-color:green;}
+</style>
+<p>foo <span>this should have a green background</span></p>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-inline-1.html b/layout/reftests/bugs/311366-unknown-inline-1.html
new file mode 100644
index 0000000000..1b503ac1b0
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-inline-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+p > m {background-color:green;}
+</style>
+<p>foo <m>this should have a green background</m></p>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-inline-2-ref.html b/layout/reftests/bugs/311366-unknown-inline-2-ref.html
new file mode 100644
index 0000000000..149025eb97
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-inline-2-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+i > span {background-color:green;}
+</style>
+<i>foo <span>this should have a green background</span></i>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311366-unknown-inline-2.html b/layout/reftests/bugs/311366-unknown-inline-2.html
new file mode 100644
index 0000000000..5640710c88
--- /dev/null
+++ b/layout/reftests/bugs/311366-unknown-inline-2.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+i > m {background-color:green;}
+</style>
+<i>foo <m>this should have a green background</m></i>
\ No newline at end of file
diff --git a/layout/reftests/bugs/311822-1-ref-a.html b/layout/reftests/bugs/311822-1-ref-a.html
new file mode 100644
index 0000000000..86d247e670
--- /dev/null
+++ b/layout/reftests/bugs/311822-1-ref-a.html
@@ -0,0 +1,49 @@
+<html>
+<head>
+<title>Testcase, Mozilla bug 311822 (reference 1)</title>
+</head>
+
+<body>
+
+<table >
+  <caption style="font-weight: bold"><b>table </b><b>caption</b></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption style="font-style: italic"><em>table </em><em>caption</em></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption style="font-style: italic"><i>table </i><i>caption</i></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption><span>table </span><span>caption</span></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/311822-1-ref-b.html b/layout/reftests/bugs/311822-1-ref-b.html
new file mode 100644
index 0000000000..ff3ffec633
--- /dev/null
+++ b/layout/reftests/bugs/311822-1-ref-b.html
@@ -0,0 +1,49 @@
+<html>
+<head>
+<title>Testcase, Mozilla bug 311822 (reference 2)</title>
+</head>
+
+<body>
+
+<table >
+  <caption style="font-weight: bold"><b>table</b><b> caption</b></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption style="font-style: italic"><em>table</em><em> caption</em></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption style="font-style: italic"><i>table</i><i> caption</i></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption><span>table</span><span> caption</span></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/311822-1.html b/layout/reftests/bugs/311822-1.html
new file mode 100644
index 0000000000..15c946e0f6
--- /dev/null
+++ b/layout/reftests/bugs/311822-1.html
@@ -0,0 +1,49 @@
+<html>
+<head>
+<title>Testcase, Mozilla bug 311822</title>
+</head>
+
+<body>
+
+<table >
+  <caption style="font-weight:bold"><b>table</b> <b>caption</b></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption style="font-style: italic"><em>table</em> <em>caption</em></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption style="font-style: italic"><i>table</i> <i>caption</i></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+<table >
+  <caption><span>table</span> <span>caption</span></caption>
+  <tr>
+    <th >title</th>
+  </tr>
+  <tr>
+    <td >Content of cell</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/315620-1-ref.html b/layout/reftests/bugs/315620-1-ref.html
new file mode 100644
index 0000000000..b2a4432268
--- /dev/null
+++ b/layout/reftests/bugs/315620-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <style>
+    div { background: red; height: 3em; }
+    div:empty { background: lime; }
+  </style>
+</head>
+<body>
+  <div style="display: none"></div>
+  <script>
+    var div = document.getElementsByTagName("div")[0];
+    div.style.display = "";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/315620-1a.html b/layout/reftests/bugs/315620-1a.html
new file mode 100644
index 0000000000..659928af02
--- /dev/null
+++ b/layout/reftests/bugs/315620-1a.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+  <style>
+    div { background: red; height: 3em; }
+    div:empty { background: lime; }
+  </style>
+</head>
+<body>
+  <div style="display: none"></div>
+  <script>
+    var div = document.getElementsByTagName("div")[0];
+    div.appendChild(document.createTextNode(""));
+    div.style.display = "";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/315620-1b.html b/layout/reftests/bugs/315620-1b.html
new file mode 100644
index 0000000000..71aa8925d6
--- /dev/null
+++ b/layout/reftests/bugs/315620-1b.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+  <style>
+    div { background: red; height: 3em; }
+    div:empty { background: lime; }
+  </style>
+</head>
+<body>
+  <div style="display: none"></div>
+  <script>
+    var div = document.getElementsByTagName("div")[0];
+    div.appendChild(document.createTextNode("aa"));
+    div.style.display = "";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/315620-2-ref.xhtml b/layout/reftests/bugs/315620-2-ref.xhtml
new file mode 100644
index 0000000000..9e0e5613f5
--- /dev/null
+++ b/layout/reftests/bugs/315620-2-ref.xhtml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <style>
+    <![CDATA[
+      div { background: red; height: 3em; }
+      div:empty { background: lime; }
+    ]]>
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/315620-2a.xhtml b/layout/reftests/bugs/315620-2a.xhtml
new file mode 100644
index 0000000000..e41d22ae18
--- /dev/null
+++ b/layout/reftests/bugs/315620-2a.xhtml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <style>
+    <![CDATA[
+      div { background: red; height: 3em; }
+      div:empty { background: lime; }
+    ]]>
+  </style>
+</head>
+<body>
+  <div><![CDATA[]]></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/315620-2b.xhtml b/layout/reftests/bugs/315620-2b.xhtml
new file mode 100644
index 0000000000..8421db2547
--- /dev/null
+++ b/layout/reftests/bugs/315620-2b.xhtml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <style>
+    <![CDATA[
+      div { background: red; height: 3em; }
+      div:empty { background: lime; }
+    ]]>
+  </style>
+</head>
+<body>
+  <div><![CDATA[ ]]></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/315920-1-ref.html b/layout/reftests/bugs/315920-1-ref.html
new file mode 100644
index 0000000000..8a67617547
--- /dev/null
+++ b/layout/reftests/bugs/315920-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head/>
+  <body>
+    <select size="2">
+      <option id="one" style="color: green" disabled="disabled">Should be green</option>
+      <option id="two" style="color: blue">Should be blue</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-10-ref.html b/layout/reftests/bugs/315920-10-ref.html
new file mode 100644
index 0000000000..25cb5e4ea1
--- /dev/null
+++ b/layout/reftests/bugs/315920-10-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head/>
+  <body>
+    <form>
+      <br>
+      <input type="radio" name="group1" id="two" checked="true" value="2"/>
+      <label style="color: green" for="two">Should be no red</label>
+      <input type="radio" name="group1" id="three" value="3"/>
+      <label style="color: green" for="three">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-10.html b/layout/reftests/bugs/315920-10.html
new file mode 100644
index 0000000000..88c845c7a0
--- /dev/null
+++ b/layout/reftests/bugs/315920-10.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input[checked]:checked ~ label {color: green}
+      input[checked]:checked:not(:default) + label {color: red}
+    </style>
+  </head>
+  <body onload='var e1 = document.getElementById("one");
+                var l1 = document.getElementById("l1");
+                e1.parentNode.removeChild(e1);
+                l1.parentNode.removeChild(l1);
+                document.getElementById("two").setAttribute("checked", "true");'>
+    <form>
+      <input type="radio" name="group1" id="one" value="1" default="true" checked/>
+      <label id="l1" for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+      <input type="radio" name="group1" id="three" value="3"/>
+      <label for="three">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-11-ref.html b/layout/reftests/bugs/315920-11-ref.html
new file mode 100644
index 0000000000..37ad821c73
--- /dev/null
+++ b/layout/reftests/bugs/315920-11-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head/>
+  <body>
+    <form>
+      <input type="radio" name="group1" id="two" value="2"/>
+      <label style="color: green" for="two">Should be no red</label><br>
+      <input type="radio" name="group1" id="three" value="3"/>
+      <label style="color: green" for="three">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-11.html b/layout/reftests/bugs/315920-11.html
new file mode 100644
index 0000000000..22d09f79e5
--- /dev/null
+++ b/layout/reftests/bugs/315920-11.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input[checked]:checked:default ~ label {color: red}
+      input:not(:default):not(:checked):not([checked]) ~ label {color:green}
+    </style>
+  </head>
+  <body onload='document.getElementById("one").removeAttribute("checked");'>
+    <form>
+      <input type="radio" name="group1" id="one" value="1" default="true" checked/>
+      <label for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-12-ref.html b/layout/reftests/bugs/315920-12-ref.html
new file mode 100644
index 0000000000..9795eef941
--- /dev/null
+++ b/layout/reftests/bugs/315920-12-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: green}
+    </style>
+  </head>
+  <body>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1" checked="checked"/>
+      <label id="l1" for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label id="l2" for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-12a.html b/layout/reftests/bugs/315920-12a.html
new file mode 100644
index 0000000000..6a4f0039b0
--- /dev/null
+++ b/layout/reftests/bugs/315920-12a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      input:default + label {color: green}
+      input:not(:checked):not([checked]):not(:default) + label {color:green}
+    </style>
+  </head>
+  <body onload='document.getElementById("one").setAttribute("checked", "true");
+                document.getElementById("two").removeAttribute("checked");'>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label id="l1" for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2" checked="true"/>
+      <label id="l2" for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-12b.html b/layout/reftests/bugs/315920-12b.html
new file mode 100644
index 0000000000..b8036f619b
--- /dev/null
+++ b/layout/reftests/bugs/315920-12b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+      <style>
+        label {color: red}
+        input[checked]:default:checked ~ label {color: green}
+
+      </style>
+  </head>
+  <body onload='var e1 = document.getElementById("one");
+                e1.setAttribute("checked", "false");
+                document.getElementById("two").removeAttribute("checked");'>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2" checked/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-12c.html b/layout/reftests/bugs/315920-12c.html
new file mode 100644
index 0000000000..66fe76de1b
--- /dev/null
+++ b/layout/reftests/bugs/315920-12c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input:not(:default):not(:checked):not([checked]) ~ label {color:red}
+      input[checked]:checked:default ~ label {color: green}
+    </style>
+  </head>
+  <body onload='document.getElementById("one").setAttribute("checked", "checked");'>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-13-ref.html b/layout/reftests/bugs/315920-13-ref.html
new file mode 100644
index 0000000000..20c8957615
--- /dev/null
+++ b/layout/reftests/bugs/315920-13-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: green}
+    </style>
+  </head>
+  <body>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label id="l1" for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2" checked="checked"/>
+      <label id="l2" for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-13a.html b/layout/reftests/bugs/315920-13a.html
new file mode 100644
index 0000000000..7d852d2e7b
--- /dev/null
+++ b/layout/reftests/bugs/315920-13a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input[checked]:default + label {color: green}
+      input:not(:default):not([checked]) + label {color:green}
+    </style>
+  </head>
+  <body onload='document.getElementById("two").setAttribute("checked", "true");'>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-13b.html b/layout/reftests/bugs/315920-13b.html
new file mode 100644
index 0000000000..b6f8ba910a
--- /dev/null
+++ b/layout/reftests/bugs/315920-13b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      input[checked]:checked:default + label {color: green}
+      input:not(:checked) + label {color: green}
+    </style>
+  </head>
+  <body onload='document.getElementById("two").setAttribute("checked", "true");'>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+        <label for="one">Should be no red</label><br>
+        <input type="checkbox" name="group1" id="two" value="2"/>
+        <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-14-ref.html b/layout/reftests/bugs/315920-14-ref.html
new file mode 100644
index 0000000000..8557928dbd
--- /dev/null
+++ b/layout/reftests/bugs/315920-14-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form id="form"><input type="checkbox" id="two" checked="true"/>
+      <label for="two" style="color: green">Should be no red</label><input type="checkbox" name="group1" id="one" value="1"/>
+      <label for="one" style="color: green">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-14.html b/layout/reftests/bugs/315920-14.html
new file mode 100644
index 0000000000..7c0445fa8b
--- /dev/null
+++ b/layout/reftests/bugs/315920-14.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      input[checked]:checked:default ~ label {color: green}
+    </style>
+  </head>
+  <body onload='var form = document.getElementById("form");
+                var input2 = document.createElement("input");
+                input2.setAttribute("type", "checkbox");
+                input2.setAttribute("id", "two");
+                input2.setAttribute("checked", "true");
+                form.insertBefore(input2, form.firstChild);
+                var label2 = document.createElement("label");
+                label2.setAttribute("for", "two");
+                var text2 = document.createTextNode("Should be no red");
+                label2.appendChild(text2);
+                form.insertBefore(label2, document.getElementById("one"));'>
+    <form id="form">
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-15-ref.html b/layout/reftests/bugs/315920-15-ref.html
new file mode 100644
index 0000000000..e603c8f451
--- /dev/null
+++ b/layout/reftests/bugs/315920-15-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: green}
+    </style>
+  </head>
+  <body>
+    <form>
+      <br>
+      <input type="checkbox" name="group1" id="two" value="2" checked="true"/>
+      <label for="two">Should be no red</label>
+      <input type="checkbox" name="group1" id="three" value="3"/>
+      <label for="three">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-15.html b/layout/reftests/bugs/315920-15.html
new file mode 100644
index 0000000000..026f6fb763
--- /dev/null
+++ b/layout/reftests/bugs/315920-15.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input[checked]:checked ~ label {color: green}
+      input[checked]:checked:not(:default) + label {color: red}
+    </style>
+  </head>
+  <body onload='var e1 = document.getElementById("one");
+                var l1 = document.getElementById("l1");
+                e1.parentNode.removeChild(e1);
+                l1.parentNode.removeChild(l1);
+                document.getElementById("two").setAttribute("checked", "true");'>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1" default="true" checked/>
+      <label id="l1" for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+      <input type="checkbox" name="group1" id="three" value="3"/>
+      <label for="three">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-16-ref.html b/layout/reftests/bugs/315920-16-ref.html
new file mode 100644
index 0000000000..f55cf2ade1
--- /dev/null
+++ b/layout/reftests/bugs/315920-16-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: green}
+    </style>
+  </head>
+  <body>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-16.html b/layout/reftests/bugs/315920-16.html
new file mode 100644
index 0000000000..dcd7cf4b7e
--- /dev/null
+++ b/layout/reftests/bugs/315920-16.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input[checked]:checked:default ~ label {color: red}
+      input:not(:default):not(:checked):not([checked]) ~ label {color:green}
+    </style>
+  </head>
+  <body onload='document.getElementById("one").removeAttribute("checked");'>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1" checked/>
+      <label for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-17-ref.html b/layout/reftests/bugs/315920-17-ref.html
new file mode 100644
index 0000000000..3e655d40b3
--- /dev/null
+++ b/layout/reftests/bugs/315920-17-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: green}
+    </style>
+  </head>
+  <body>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1" checked="checked"/>
+      <label for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="three" value="3"/>
+      <label for="three">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-17.html b/layout/reftests/bugs/315920-17.html
new file mode 100644
index 0000000000..6d9180144b
--- /dev/null
+++ b/layout/reftests/bugs/315920-17.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      input ~ label {color: red}
+      input:not(:default):not(:checked):not([checked]) ~ label {color:red}
+      input[checked]:checked:default ~ input:not(:checked):not([checked]):not(:default) + label {color: green}
+      input:checked:default + label {color: green}
+    </style>
+  </head>
+  <body>
+    <form>
+      <input type="checkbox" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label><br>
+      <input type="checkbox" name="group1" id="three" value="3"/>
+      <label for="three">Should be no red</label>
+    </form>
+<script>
+function doTest() {
+  document.getElementById("two").setAttribute("checked", "true");
+  document.getElementById("one").setAttribute("checked", "checked");
+  document.getElementById("two").removeAttribute("checked");
+  setTimeout(function () { document.documentElement.removeAttribute("class"); }, 0);
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18-ref.html b/layout/reftests/bugs/315920-18-ref.html
new file mode 100644
index 0000000000..1898999190
--- /dev/null
+++ b/layout/reftests/bugs/315920-18-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <label style="color: green" for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18a.html b/layout/reftests/bugs/315920-18a.html
new file mode 100644
index 0000000000..6ee39dce01
--- /dev/null
+++ b/layout/reftests/bugs/315920-18a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      label {color: red}
+      img:not(:-moz-broken) ~ label {color: green}
+      img { display: none; }
+    </style>
+  </head>
+  <body onload='var i1 = document.getElementById("ffximage");
+                i1.onload =
+                  function() { document.documentElement.className = ""; };
+                i1.setAttribute("src", "solidblue.png");'>
+    <img src="no-such-scheme:nothing" id="ffximage"/>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18b.html b/layout/reftests/bugs/315920-18b.html
new file mode 100644
index 0000000000..37e46efc1a
--- /dev/null
+++ b/layout/reftests/bugs/315920-18b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      img:-moz-broken ~ label {color: green}
+      label {color: red}
+      img { display: none; }
+    </style>
+  </head>
+  <body>
+    <img src="no-such-scheme:nothing" id="ffximage"/>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18c.html b/layout/reftests/bugs/315920-18c.html
new file mode 100644
index 0000000000..ad70adf9ed
--- /dev/null
+++ b/layout/reftests/bugs/315920-18c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      label {color: red}
+      input:not(:-moz-broken) ~ label {color: green}
+      input { display: none }
+    </style>
+  </head>
+  <body onload='var i1 = document.getElementById("ffximage");
+                i1.onload =
+                  function() { document.documentElement.className = ""; };
+                i1.setAttribute("src", "solidblue.png");'>
+    <input type="image" src="no-such-scheme:nothing" id="ffximage"/>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18d.html b/layout/reftests/bugs/315920-18d.html
new file mode 100644
index 0000000000..baa0495ddc
--- /dev/null
+++ b/layout/reftests/bugs/315920-18d.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      label {color: red}
+      object:not(:-moz-broken) ~ label {color: green}
+      object { display: none }
+    </style>
+  </head>
+  <body onload='var i1 = document.getElementById("ffximage");
+                i1.onload =
+                  function() { document.documentElement.className = ""; };
+                i1.setAttribute("data", "solidblue.png");'>
+    <object type="image/png" data="no-such-scheme:nothing" id="ffximage"></object>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18e.html b/layout/reftests/bugs/315920-18e.html
new file mode 100644
index 0000000000..f1b9dc589e
--- /dev/null
+++ b/layout/reftests/bugs/315920-18e.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      label {color: red}
+      img[src*="solidblue"]:not(:-moz-broken) + label {color: green}
+      img { display: none; }
+    </style>
+  </head>
+  <body onload='var i1 = document.getElementById("ffximage");
+                i1.onload =
+                  function() { document.documentElement.className = ""; };
+                i1.setAttribute("src", "solidblue.png");'>
+    <img src="solidblue.png">
+    <img src="no-such-scheme:nothing" id="ffximage"/>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18f.html b/layout/reftests/bugs/315920-18f.html
new file mode 100644
index 0000000000..bfa37dcab9
--- /dev/null
+++ b/layout/reftests/bugs/315920-18f.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      label {color: red}
+      input[src*="solidblue"]:not(:-moz-broken) + label {color: green}
+      input, img { display: none }
+    </style>
+  </head>
+  <body onload='var i1 = document.getElementById("ffximage");
+                i1.onload =
+                  function() { document.documentElement.className = ""; };
+                i1.setAttribute("src", "solidblue.png");'>
+    <img src="solidblue.png">
+    <input type="image" src="no-such-scheme:nothing" id="ffximage"/>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18g.html b/layout/reftests/bugs/315920-18g.html
new file mode 100644
index 0000000000..b98e60ace9
--- /dev/null
+++ b/layout/reftests/bugs/315920-18g.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      label {color: red}
+      object[data*="solidblue"]:not(:-moz-broken) + label {color: green}
+      object, img { display: none }
+    </style>
+  </head>
+  <body onload='var i1 = document.getElementById("ffximage");
+                i1.onload =
+                  function() { document.documentElement.className = ""; };
+                i1.setAttribute("data", "solidblue.png");'>
+    <img src="solidblue.png">
+    <object type="image/png" data="no-such-scheme:nothing" id="ffximage"></object>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18h.html b/layout/reftests/bugs/315920-18h.html
new file mode 100644
index 0000000000..227d5bbd0a
--- /dev/null
+++ b/layout/reftests/bugs/315920-18h.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input:-moz-broken + label {color: red}
+      label {color: green}
+      input { display: none }
+    </style>
+  </head>
+  <body>
+    <input type="text" src="solidblue.png" id="ffximage"/>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-18i.html b/layout/reftests/bugs/315920-18i.html
new file mode 100644
index 0000000000..731476ae54
--- /dev/null
+++ b/layout/reftests/bugs/315920-18i.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input:-moz-broken + label {color: red}
+      label {color: green}
+      input { display: none }
+    </style>
+  </head>
+  <body>
+    <input type="text" src="no-such-scheme:nothing" id="ffximage"/>
+    <label for="ffximage">Text should be green</label>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-19-ref.html b/layout/reftests/bugs/315920-19-ref.html
new file mode 100644
index 0000000000..4c65731f51
--- /dev/null
+++ b/layout/reftests/bugs/315920-19-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body
+    <label for="ffximage" style="color: green">Should be no red</label>
+    <br>
+    <span style="color: green" >Should be no red</span>
+  </body>
+</html
diff --git a/layout/reftests/bugs/315920-19.html b/layout/reftests/bugs/315920-19.html
new file mode 100644
index 0000000000..efa3c2e545
--- /dev/null
+++ b/layout/reftests/bugs/315920-19.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: red}
+      label {color: red}
+      input[disabled]:disabled ~ span {color: green}
+      input[disabled]:disabled + label {color: green}
+      input { display: none; }
+    </style>
+  </head>
+  <body onload='var i1 = document.getElementById("ffximage");
+                i1.setAttribute("disabled", "disabled");'>
+    <input type="image" id="ffximage"/>
+    <label for="ffximage">Should be no red</label>
+    <br>
+    <span>Should be no red</span>
+  </body>
+</html
diff --git a/layout/reftests/bugs/315920-1a.html b/layout/reftests/bugs/315920-1a.html
new file mode 100644
index 0000000000..f7aeabca3a
--- /dev/null
+++ b/layout/reftests/bugs/315920-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: blue}
+      option:disabled {color: green}
+      option#one:not([disabled]):not(:disabled) + option#two {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <select size="2">
+      <option id="one">Should be green</option>
+      <option id="two">Should be blue</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-1b.html b/layout/reftests/bugs/315920-1b.html
new file mode 100644
index 0000000000..ec079def88
--- /dev/null
+++ b/layout/reftests/bugs/315920-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: blue}
+      option:disabled {color: green}
+      option#one:not([disabled]):enabled + option#two {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <select size="2">
+      <option id="one">Should be green</option>
+      <option id="two">Should be blue</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-1c.html b/layout/reftests/bugs/315920-1c.html
new file mode 100644
index 0000000000..c7fa4ce46f
--- /dev/null
+++ b/layout/reftests/bugs/315920-1c.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head/>
+  <body>
+    <select size="2">
+      <option id="one" style="color: green" disabled="disabled">Should be green</option>
+      <option id="two" style="color: red">Should be blue</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-1d.html b/layout/reftests/bugs/315920-1d.html
new file mode 100644
index 0000000000..889fa7b3d2
--- /dev/null
+++ b/layout/reftests/bugs/315920-1d.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head/>
+  <body>
+    <select size="2">
+      <option id="one" style="color: red" disabled="disabled">Should be green</option>
+      <option id="two" style="color: blue">Should be blue</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-2-ref.html b/layout/reftests/bugs/315920-2-ref.html
new file mode 100644
index 0000000000..104f5770e2
--- /dev/null
+++ b/layout/reftests/bugs/315920-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: green}
+    </style>
+  </head>
+  <body>
+  <select size="2">
+      <option id="one" disabled="disabled">Should be no red</option>
+      <option id="two">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-20-ref.svg b/layout/reftests/bugs/315920-20-ref.svg
new file mode 100644
index 0000000000..a3ed027e57
--- /dev/null
+++ b/layout/reftests/bugs/315920-20-ref.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="4in" height="3in" version="1.1"
+     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <desc>This graphic links to an external image
+  </desc>
+  <image id="i1" x="200" y="200" width="100px" height="80px"
+         xlink:href="solidblue.png">
+  </image>
+  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green"/>
+</svg>
diff --git a/layout/reftests/bugs/315920-20-style.css b/layout/reftests/bugs/315920-20-style.css
new file mode 100644
index 0000000000..45df745a8c
--- /dev/null
+++ b/layout/reftests/bugs/315920-20-style.css
@@ -0,0 +1,2 @@
+image:not(:-moz-broken) ~ circle {fill: green}
+circle {fill: red}
diff --git a/layout/reftests/bugs/315920-20.svg b/layout/reftests/bugs/315920-20.svg
new file mode 100644
index 0000000000..8922b0dcce
--- /dev/null
+++ b/layout/reftests/bugs/315920-20.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<?xml-stylesheet href="315920-20-style.css" type="text/css"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="4in" height="3in" version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <desc>This graphic links to an external image
+  </desc>
+  <script type="text/javascript"> <![CDATA[
+    function onloadHandler() {
+      var image = document.getElementById("i1");
+      image.addEventListener("load",
+                             function() {
+                              document.documentElement.removeAttribute("class");
+                             },
+                             false);
+      image.setAttributeNS("http://www.w3.org/1999/xlink",
+                           "href", "solidblue.png");
+    }
+    window.addEventListener("load", onloadHandler, false);
+    ]]>
+  </script>
+  <image id="i1" x="200" y="200" width="100px" height="80px"
+         xlink:href="no-such-scheme:nothing">
+  </image>
+  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>
+</svg>
diff --git a/layout/reftests/bugs/315920-21-ref.svg b/layout/reftests/bugs/315920-21-ref.svg
new file mode 100644
index 0000000000..042f8279da
--- /dev/null
+++ b/layout/reftests/bugs/315920-21-ref.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="4in" height="3in" version="1.1"
+     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <desc>This graphic links to an external image
+  </desc>
+  <image id="i1" x="200" y="200" width="100px" height="80px"
+         xlink:href="broken.png">
+  </image>
+  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green"/>
+</svg>
diff --git a/layout/reftests/bugs/315920-21-style.css b/layout/reftests/bugs/315920-21-style.css
new file mode 100644
index 0000000000..bd2df2df34
--- /dev/null
+++ b/layout/reftests/bugs/315920-21-style.css
@@ -0,0 +1,2 @@
+circle {fill: red}
+image:-moz-broken ~ circle {fill: green}
diff --git a/layout/reftests/bugs/315920-21.svg b/layout/reftests/bugs/315920-21.svg
new file mode 100644
index 0000000000..2f79a06c59
--- /dev/null
+++ b/layout/reftests/bugs/315920-21.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" standalone="no"?>
+<?xml-stylesheet href="315920-21-style.css" type="text/css"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="4in" height="3in" version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <desc>This graphic links to an external image
+  </desc>
+  <script type="text/javascript"> <![CDATA[
+    function onloadHandler() {
+      var image = document.getElementById("i1");
+      image.addEventListener("error",
+                             function() {
+                              document.documentElement.removeAttribute("class");
+                             },
+                             false);
+      image.setAttributeNS("http://www.w3.org/1999/xlink",
+                           "href", "no-such-scheme:nothing");
+    }
+    window.addEventListener("load", onloadHandler, false);
+    ]]>
+  </script>
+  <image id="i1" x="200" y="200" width="100px" height="80px">
+  </image>
+  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>
+</svg>
diff --git a/layout/reftests/bugs/315920-22-ref.html b/layout/reftests/bugs/315920-22-ref.html
new file mode 100644
index 0000000000..e06aa6223e
--- /dev/null
+++ b/layout/reftests/bugs/315920-22-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: green}
+    </style>
+  </head>
+  <body>
+    <div>
+      <input id="one" disabled="disabled"/>
+      <label for="one">Should be no red</label>
+    </div>
+    <div>
+      <input id="two"/>
+      <label for="two">Should be no red</label>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-22.html b/layout/reftests/bugs/315920-22.html
new file mode 100644
index 0000000000..5f7e77f692
--- /dev/null
+++ b/layout/reftests/bugs/315920-22.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      #one[disabled]:disabled + label {color: green}
+      #two:not([disabled]):not(:disabled) + label {color: green}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");
+                document.getElementById("two").removeAttribute("disabled")'>
+    <div>
+      <input id="one"/>
+      <label for="one">Should be no red</label>
+    </div>
+    <div>
+      <input id="two" disabled="disabled"/>
+      <label for="two">Should be no red</label>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-23-ref.html b/layout/reftests/bugs/315920-23-ref.html
new file mode 100644
index 0000000000..e06aa6223e
--- /dev/null
+++ b/layout/reftests/bugs/315920-23-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: green}
+    </style>
+  </head>
+  <body>
+    <div>
+      <input id="one" disabled="disabled"/>
+      <label for="one">Should be no red</label>
+    </div>
+    <div>
+      <input id="two"/>
+      <label for="two">Should be no red</label>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-23.html b/layout/reftests/bugs/315920-23.html
new file mode 100644
index 0000000000..dc3c2e0ede
--- /dev/null
+++ b/layout/reftests/bugs/315920-23.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      #one[disabled]:not(:enabled) + label {color: green}
+      #two:not([disabled]):enabled + label {color: green}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");
+                document.getElementById("two").removeAttribute("disabled")'>
+    <div>
+      <input id="one"/>
+      <label for="one">Should be no red</label>
+    </div>
+    <div>
+      <input id="two" disabled="disabled"/>
+      <label for="two">Should be no red</label>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-24-ref.html b/layout/reftests/bugs/315920-24-ref.html
new file mode 100644
index 0000000000..f5543ced78
--- /dev/null
+++ b/layout/reftests/bugs/315920-24-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: green}
+    </style>
+  </head>
+
+  <body>
+    <span>Should be no red</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-24.html b/layout/reftests/bugs/315920-24.html
new file mode 100644
index 0000000000..c80a8b0733
--- /dev/null
+++ b/layout/reftests/bugs/315920-24.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: red}
+      input[type=text][disabled]:disabled + span {color: green}
+      input[type=submit]:disabled + span {color: red}
+      input { display: none }
+    </style>
+  </head>
+
+  <body onload='document.getElementById("one").setAttribute("disabled", "disabled");
+                document.getElementById("one").setAttribute("type", "text");'>
+    <input type="submit" id="one"/>
+    <span>Should be no red </span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-25-ref.html b/layout/reftests/bugs/315920-25-ref.html
new file mode 100644
index 0000000000..f3dd889a0e
--- /dev/null
+++ b/layout/reftests/bugs/315920-25-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: green}
+    </style>
+  </head>
+
+  <body>
+    <span>Should be no red </span><br>
+    <span>Should be no red </span><br>
+    <span style="color:blue">Should be no red </span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-25.html b/layout/reftests/bugs/315920-25.html
new file mode 100644
index 0000000000..7c523b0390
--- /dev/null
+++ b/layout/reftests/bugs/315920-25.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: red}
+      input[type=submit]:not([disabled]):not(:disabled) ~ span {color: green}
+      input[type=submit][disabled]:disabled + span {color: blue}
+      input[type=text] + span {color: red}
+      input { display: none }
+    </style>
+  </head>
+
+  <body onload='document.getElementById("one").setAttribute("type", "submit");
+                document.getElementById("two").setAttribute("type", "submit");
+                document.getElementById("two").setAttribute("disabled", "disabled");
+                document.getElementById("one").removeAttribute("disabled");'>
+    <input type="text" id="one" disabled="disabled"/>
+    <span>Should be no red </span><br>
+    <span>Should be no red </span><br>
+    <input type="text" id="two"/>
+    <span>Should be no red </span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-26-ref.html b/layout/reftests/bugs/315920-26-ref.html
new file mode 100644
index 0000000000..b8cc594be8
--- /dev/null
+++ b/layout/reftests/bugs/315920-26-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: green}
+    </style>
+  </head>
+
+  <body>
+    <div>
+      <input type="checkbox" id="one" checked="checked"/>
+      <span>Should be no red </span>
+    </div>
+    <div>
+      <input type="checkbox" id="one" checked="checked"/>
+      <span>Should be no red </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-26.html b/layout/reftests/bugs/315920-26.html
new file mode 100644
index 0000000000..161e5fcac2
--- /dev/null
+++ b/layout/reftests/bugs/315920-26.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      span {color: red}
+      #one:checked + span {color: green}
+      #two:default + span {color: green}
+    </style>
+  </head>
+
+  <body onload='document.getElementById("one").setAttribute("type", "checkbox");
+                document.getElementById("two").setAttribute("type", "checkbox");
+                document.documentElement.removeAttribute("class");'>
+    <div>
+      <input type="text" id="one" checked="checked"/>
+      <span>Should be no red </span>
+    </div>
+    <div>
+      <input type="text" id="two" checked="checked"/>
+      <span>Should be no red </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-27-ref.html b/layout/reftests/bugs/315920-27-ref.html
new file mode 100644
index 0000000000..c554059754
--- /dev/null
+++ b/layout/reftests/bugs/315920-27-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: green}
+    </style>
+  </head>
+
+  <body>
+    <div>
+      <input id="one" checked="checked"/>
+      <span>Should be no red </span>
+    </div>
+    <div>
+      <input id="one" checked="checked"/>
+      <span>Should be no red </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-27.html b/layout/reftests/bugs/315920-27.html
new file mode 100644
index 0000000000..069167ca22
--- /dev/null
+++ b/layout/reftests/bugs/315920-27.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span {color: green}
+      #one:checked + span {color: red}
+      #two:default + span {color: red}
+    </style>
+  </head>
+
+  <body onload='document.getElementById("one").removeAttribute("type");
+                document.getElementById("two").removeAttribute("type");'>
+    <div>
+      <input type="text" id="one" checked="checked" type="checkbox"/>
+      <span>Should be no red </span>
+    </div>
+    <div>
+      <input type="text" id="two" checked="checked" type="checkbox"/>
+      <span>Should be no red </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-28-ref.html b/layout/reftests/bugs/315920-28-ref.html
new file mode 100644
index 0000000000..4a914112c7
--- /dev/null
+++ b/layout/reftests/bugs/315920-28-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select size="7">
+      <optgroup id="ogone" label="opt group 1" style="color:green" disabled="disabled">
+        <option id="one" style="color:green">Should be no red</option>
+        <option id="two" style="color:green">Should be no red</option>
+      </optgroup>
+      <optgroup id="ogtwo" label="opt group 2" style="color:blue">
+        <option id=three style="color:blue">Should be no red</option>
+        <option id=four style="color:blue">Should be no red</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-28a.html b/layout/reftests/bugs/315920-28a.html
new file mode 100644
index 0000000000..7934a4f1ba
--- /dev/null
+++ b/layout/reftests/bugs/315920-28a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      optgroup {color: red}
+      option {color: red}
+      optgroup[disabled]:disabled {color: green}
+      optgroup[disabled]:disabled + optgroup:not([disabled]):not(:disabled) {color: blue}
+      optgroup[disabled]:disabled > option{color: green}
+      optgroup:not([disabled]):not(:disabled) > option {color: blue}
+    </style>
+  </head>
+  <body onload='document.getElementById("ogone").setAttribute("disabled", "disabled");'>
+    <select size="7">
+      <optgroup id="ogone" label="opt group 1">
+        <option id="one">Should be no red</option>
+        <option id="two">Should be no red</option>
+      </optgroup>
+      <optgroup id="ogtwo" label="opt group 2">
+        <option id=three>Should be no red</option>
+        <option id=four>Should be no red</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-28b.html b/layout/reftests/bugs/315920-28b.html
new file mode 100644
index 0000000000..a36697ec65
--- /dev/null
+++ b/layout/reftests/bugs/315920-28b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      optgroup {color: red}
+      option {color: red}
+      optgroup[disabled]:disabled {color: green}
+      optgroup[disabled]:disabled + optgroup:not([disabled]):not(:disabled) {color: blue}
+      optgroup[disabled]:disabled > option{color: green}
+      optgroup:not([disabled]):not(:disabled) > option {color: blue}
+    </style>
+  </head>
+  <body onload='document.getElementById("ogtwo").removeAttribute("disabled");'>
+    <select size="7">
+      <optgroup id="ogone" label="opt group 1" disabled="disabled">
+        <option id="one">Should be no red</option>
+        <option id="two">Should be no red</option>
+      </optgroup>
+      <optgroup id="ogtwo" label="opt group 2" disabled="disabled">
+        <option id=three>Should be no red</option>
+        <option id=four>Should be no red</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-28c.html b/layout/reftests/bugs/315920-28c.html
new file mode 100644
index 0000000000..6448700012
--- /dev/null
+++ b/layout/reftests/bugs/315920-28c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      optgroup {color: red}
+      option {color: red}
+      optgroup[disabled]:disabled {color: green}
+      optgroup[disabled]:disabled + optgroup:not([disabled]):not(:disabled) {color: blue}
+      optgroup[disabled]:disabled > option{color: green}
+      optgroup:not([disabled]):not(:disabled) > option {color: blue}
+    </style>
+  </head>
+  <body onload='document.getElementById("ogtwo").removeAttribute("disabled");
+                document.getElementById("ogone").setAttribute("disabled", "disabled");'>
+    <select size="7">
+      <optgroup id="ogone" label="opt group 1">
+        <option id="one">Should be no red</option>
+        <option id="two">Should be no red</option>
+      </optgroup>
+      <optgroup id="ogtwo" label="opt group 2" disabled="disabled">
+        <option id=three>Should be no red</option>
+        <option id=four>Should be no red</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-29-ref.html b/layout/reftests/bugs/315920-29-ref.html
new file mode 100644
index 0000000000..be0ed06137
--- /dev/null
+++ b/layout/reftests/bugs/315920-29-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Reference for 315920-11 d, e</title>
+    <style> optgroup {color:green} </style>
+  </head>
+  <body>
+    <select size="2">
+      <optgroup id="ogone" label="There should be no red">
+      </optgroup>
+      <optgroup id="ogtwo" label="There should be no red">
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-29a.html b/layout/reftests/bugs/315920-29a.html
new file mode 100644
index 0000000000..afb89d859c
--- /dev/null
+++ b/layout/reftests/bugs/315920-29a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      optgroup {color: red}
+      optgroup[disabled]:disabled {color: red}
+      optgroup:not([disabled]):not(:disabled) + optgroup {color: green}
+      optgroup:not(:disabled) {color: green}
+    </style>
+  </head>
+  <body onload='document.getElementById("ogone").removeAttribute("disabled");'>
+    <select size="2">
+      <optgroup id="ogone" label="There should be no red" disabled="disabled">
+      </optgroup>
+      <optgroup id="ogtwo" label="There should be no red">
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-29b.html b/layout/reftests/bugs/315920-29b.html
new file mode 100644
index 0000000000..5edafcc708
--- /dev/null
+++ b/layout/reftests/bugs/315920-29b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      optgroup {color: red}
+      optgroup:disabled {color: green}
+      optgroup[disabled]:disabled + optgroup {color: green}
+      optgroup:not(:disabled) {color: red}
+    </style>
+  </head>
+  <body onload='document.getElementById("ogone").setAttribute("disabled", "disabled");'>
+    <select size="2">
+      <optgroup id="ogone" label="There should be no red">
+      </optgroup>
+      <optgroup id="ogtwo" label="There should be no red">
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-2a.html b/layout/reftests/bugs/315920-2a.html
new file mode 100644
index 0000000000..17215cbe67
--- /dev/null
+++ b/layout/reftests/bugs/315920-2a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: red}
+      option:disabled {color: green}
+      option[disabled]:disabled + option {color: green}
+      option:not([disabled]):not(:disabled) + option {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <select size="2">
+      <option id="one">Should be no red</option>
+      <option id="two">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-2b.html b/layout/reftests/bugs/315920-2b.html
new file mode 100644
index 0000000000..51104e4a1b
--- /dev/null
+++ b/layout/reftests/bugs/315920-2b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: green}
+      option[selected] {color: red}
+      option:not([selected]):not(:default) + option {color: green}
+    </style>
+  </head>
+  <body onload='document.getElementById("one").removeAttribute("selected");'>
+    <select size="2">
+      <option id="one" selected="selected">Should be no red</option>
+      <option id="two">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-2c.html b/layout/reftests/bugs/315920-2c.html
new file mode 100644
index 0000000000..3924c7f867
--- /dev/null
+++ b/layout/reftests/bugs/315920-2c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: red}
+      option:disabled {color: green}
+      option[disabled]:not(:enabled) + option {color: green}
+      option:not([disabled]):enabled + option {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <select size="2">
+      <option id="one">Should be no red</option>
+      <option id="two">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-3-ref.html b/layout/reftests/bugs/315920-3-ref.html
new file mode 100644
index 0000000000..fadea9ef59
--- /dev/null
+++ b/layout/reftests/bugs/315920-3-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="button" id="one" disabled="true" style="color: green" value="Should be no red"/>
+    <input type="button" id="two" style="color: green" value="Should be no red"/>
+  </body>
+</html>
+</html>
diff --git a/layout/reftests/bugs/315920-30-ref.html b/layout/reftests/bugs/315920-30-ref.html
new file mode 100644
index 0000000000..7599eaf8ff
--- /dev/null
+++ b/layout/reftests/bugs/315920-30-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Reference for 315920-11f</title>
+    <style>
+      option {color: green}
+      optgroup {color: green}
+    </style>
+  </head>
+  <body>
+    <select size="7">
+      <optgroup id="ogone" label="There should be no red" disabled="disabled">
+        <option id="one" style="color:blue" selected="selected">This should be blue</option>
+        <option id="two" style="color:blue">This should be blue</option>
+      </optgroup>
+      <optgroup id="ogtwo" label="There should be no red">
+        <option id="three">There should be no red</option>
+        <option id="four">There should be no red</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-30.html b/layout/reftests/bugs/315920-30.html
new file mode 100644
index 0000000000..4e5e87f744
--- /dev/null
+++ b/layout/reftests/bugs/315920-30.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: green}
+      optgroup {color: red}
+      optgroup:disabled {color: green}
+      optgroup[disabled]:disabled + optgroup {color: green}
+      optgroup:not(:disabled) {color: red}
+      optgroup[disabled]:disabled > option:default {color:blue}
+      optgroup:disabled > option:default ~ option {color:blue}
+    </style>
+  </head>
+  <body onload='document.getElementById("ogone").setAttribute("disabled", "disabled");
+                document.getElementById("one").setAttribute("selected", "selected");'>
+    <select size="7">
+      <optgroup id="ogone" label="There should be no red">
+        <option id="one">This should be blue</option>
+        <option id="two">This should be blue</option>
+      </optgroup>
+      <optgroup id="ogtwo" label="There should be no red">
+        <option id="three">There should be no red</option>
+        <option id="four">There should be no red</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-3a.html b/layout/reftests/bugs/315920-3a.html
new file mode 100644
index 0000000000..5d52ea5659
--- /dev/null
+++ b/layout/reftests/bugs/315920-3a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {color: red}
+      #two { color: green }
+      input[disabled]:disabled {color: green}
+      input:not([disabled]):not(:disabled) + #two:enabled {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <input type="button" id="one" value="Should be no red"/>
+    <input type="button" id="two" value="Should be no red"/>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-3b.html b/layout/reftests/bugs/315920-3b.html
new file mode 100644
index 0000000000..2aa39e80c2
--- /dev/null
+++ b/layout/reftests/bugs/315920-3b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {color: red }
+      #two { color: green }
+      input[disabled]:disabled {color: green}
+      input:not([disabled]):not(:disabled) + #two:enabled {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <input type="submit" id="one" value="Should be no red"/>
+    <input type="submit" id="two" value="Should be no red"/>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-3c.html b/layout/reftests/bugs/315920-3c.html
new file mode 100644
index 0000000000..9ea0819b3a
--- /dev/null
+++ b/layout/reftests/bugs/315920-3c.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {color: red}
+      #two { color: green }
+      input[disabled]:not(:enabled) {color: green}
+      input:not([disabled]):enabled + #two:enabled {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <input type="button" id="one" value="Should be no red"/>
+    <input type="button" id="two" value="Should be no red"/>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-3d.html b/layout/reftests/bugs/315920-3d.html
new file mode 100644
index 0000000000..57df925261
--- /dev/null
+++ b/layout/reftests/bugs/315920-3d.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {color: red }
+      #two { color: green }
+      input[disabled]:not(:enabled) {color: green}
+      input:not([disabled]):enabled + #two:enabled {color: red}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("disabled", "disabled");'>
+    <input type="submit" id="one" value="Should be no red"/>
+    <input type="submit" id="two" value="Should be no red"/>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-3e.html b/layout/reftests/bugs/315920-3e.html
new file mode 100644
index 0000000000..6e826498d1
--- /dev/null
+++ b/layout/reftests/bugs/315920-3e.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="button" id="one" disabled="true" style="color: red" value="Should be no red"/>
+    <input type="button" id="two" style="color: red" value="Should be no red"/>
+  </body>
+</html>
+</html>
diff --git a/layout/reftests/bugs/315920-3f.html b/layout/reftests/bugs/315920-3f.html
new file mode 100644
index 0000000000..a62d0f5ca6
--- /dev/null
+++ b/layout/reftests/bugs/315920-3f.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="submit" id="one" disabled="true" style="color: red" value="Should be no red"/>
+    <input type="submit" id="two" style="color: red" value="Should be no red"/>
+  </body>
+</html>
+</html>
diff --git a/layout/reftests/bugs/315920-4-ref.html b/layout/reftests/bugs/315920-4-ref.html
new file mode 100644
index 0000000000..b8b7eca7b9
--- /dev/null
+++ b/layout/reftests/bugs/315920-4-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select size="4" id="selection">
+      <option id="zero"></option>
+      <option id="one" style="color: green">Should be no red</option>
+      <option id="two" style="color: green">Should be no red</option>
+      <option id="three" style="color: green">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-4.html b/layout/reftests/bugs/315920-4.html
new file mode 100644
index 0000000000..0b70a1800f
--- /dev/null
+++ b/layout/reftests/bugs/315920-4.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: red}
+      option[disabled] {color: green}
+      option:disabled ~ option:not([disabled]):not(:disabled) {color: green}
+      option:not(:disabled):not([disabled]) + option:enabled {color: red}
+    </style>
+  </head>
+  <body onload='var elem0 = document.createElement("option");
+                elem0.setAttribute("disabled", "disabled");
+                var elem1 = document.getElementById("selection");
+                elem1.insertBefore(elem0, elem1.firstChild);
+                document.getElementById("two").setAttribute("disabled","disabled");'>
+    <select size="4" id="selection">
+      <option id="one">Should be no red</option>
+      <option id="two">Should be no red</option>
+      <option id="three">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-5-ref.html b/layout/reftests/bugs/315920-5-ref.html
new file mode 100644
index 0000000000..5153a4e52a
--- /dev/null
+++ b/layout/reftests/bugs/315920-5-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head/>
+  <body>
+    <select size="4" id="selection">
+      <option id="zero" style="color: green" selected="true">Should be no red</option>
+      <option id="two" style="color: green">Should be no red</option>
+      <option id="three" style="color: green">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-5.html b/layout/reftests/bugs/315920-5.html
new file mode 100644
index 0000000000..4eed25c8b7
--- /dev/null
+++ b/layout/reftests/bugs/315920-5.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: green}
+      option[selected]:disabled ~ option:not([disabled]):not(:disabled) {color: red}
+    </style>
+  </head>
+  <body onload='var e1 = document.getElementById("one");
+                e1.parentNode.removeChild(e1);
+                document.getElementById("zero").setAttribute("selected", "true");'>
+    <select size="4" id="selection">
+      <option id="zero">Should be no red</option>
+      <option id="one" selected="true" disabled="disabled">Should be no red</option>
+      <option id="two">Should be no red</option>
+      <option id="three">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-6-ref.html b/layout/reftests/bugs/315920-6-ref.html
new file mode 100644
index 0000000000..1e77dd05fc
--- /dev/null
+++ b/layout/reftests/bugs/315920-6-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: green}
+    </style>
+  </head>
+  <body>
+    <select size="2">
+      <option id="one" selected="selected">Should be no red</option>
+      <option id="two">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-6.html b/layout/reftests/bugs/315920-6.html
new file mode 100644
index 0000000000..d1cc73738e
--- /dev/null
+++ b/layout/reftests/bugs/315920-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      option {color: red}
+      option[selected] {color: green}
+      option[selected]:default + option {color: green}
+    </style>
+  </head>
+  <body onload='var elem = document.getElementById("one");
+                elem.setAttribute("selected", "selected");'>
+    <select size="2">
+      <option id="one">Should be no red</option>
+      <option id="two">Should be no red</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-7-ref.html b/layout/reftests/bugs/315920-7-ref.html
new file mode 100644
index 0000000000..9aedb001c1
--- /dev/null
+++ b/layout/reftests/bugs/315920-7-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+      <input type="radio" name="group1" id="one" value="1" checked="checked"/>
+      <label style="color: green" for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2"/>
+      <label style="color: green" for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-7a.html b/layout/reftests/bugs/315920-7a.html
new file mode 100644
index 0000000000..aea8d1bbfb
--- /dev/null
+++ b/layout/reftests/bugs/315920-7a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      input:default + label {color: green}
+      input:not(:checked):not([checked]):not(:default) + label {color:green}
+    </style>
+  </head>
+  <body onload='document.getElementById("one").setAttribute("checked", "true");
+                document.getElementById("two").removeAttribute("checked");'>
+    <form>
+      <input type="radio" name="group1" id="one" value="1"/>
+      <label id="l1" for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2" checked="true"/>
+      <label id="l2" for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-7b.html b/layout/reftests/bugs/315920-7b.html
new file mode 100644
index 0000000000..0f5ec145e5
--- /dev/null
+++ b/layout/reftests/bugs/315920-7b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+      <style>
+        label {color: red}
+        input[checked]:default:checked ~ label {color: green}
+      </style>
+  </head>
+  <body onload='var e1 = document.getElementById("one");
+                e1.setAttribute("checked", "false");
+                document.getElementById("two").removeAttribute("checked");'>
+    <form>
+      <input type="radio" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2" checked/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-7c.html b/layout/reftests/bugs/315920-7c.html
new file mode 100644
index 0000000000..eed9b5ce77
--- /dev/null
+++ b/layout/reftests/bugs/315920-7c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input:not(:default):not(:checked):not([checked]) ~ label {color:red}
+      input[checked]:checked:default ~ label {color: green}
+    </style>
+  </head>
+  <body onload='document.getElementById("one").setAttribute("checked", "checked");'>
+    <form>
+      <input type="radio" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-8-ref.html b/layout/reftests/bugs/315920-8-ref.html
new file mode 100644
index 0000000000..e9231735ff
--- /dev/null
+++ b/layout/reftests/bugs/315920-8-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+      <input type="radio" name="group1" id="one" value="1"/>
+      <label style="color: green" for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2" checked="checked"/>
+      <label style="color: green" for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-8a.html b/layout/reftests/bugs/315920-8a.html
new file mode 100644
index 0000000000..8668c8cc35
--- /dev/null
+++ b/layout/reftests/bugs/315920-8a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input ~ label {color: red}
+      input[checked]:default + label {color: green}
+      input:not(:default):not([checked]) + label {color:green}
+    </style>
+  </head>
+  <body onload='document.getElementById("two").setAttribute("checked", "true");'>
+    <form>
+      <input type="radio" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label><br>
+      <input type="radio" name="group1" id="two" value="2"/>
+      <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-8b.html b/layout/reftests/bugs/315920-8b.html
new file mode 100644
index 0000000000..b7a1599796
--- /dev/null
+++ b/layout/reftests/bugs/315920-8b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      input[checked]:checked:default + label {color: green}
+      input:not(:checked) + label {color: green}
+    </style>
+  </head>
+  <body onload='document.getElementById("two").setAttribute("checked", "true");'>
+    <form>
+      <input type="radio" name="group1" id="one" value="1"/>
+        <label for="one">Should be no red</label><br>
+        <input type="radio" name="group1" id="two" value="2"/>
+        <label for="two">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-9-ref.html b/layout/reftests/bugs/315920-9-ref.html
new file mode 100644
index 0000000000..6dc5209370
--- /dev/null
+++ b/layout/reftests/bugs/315920-9-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head/>
+  <body>
+    <form><input type="radio" name="group1" id="two" value="2" default="true" checked="true"/>
+      <label for="two" style="color: green">Should be no red</label><input type="radio" name="group1" id="one" value="1"/>
+      <label for="one" style="color: green">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/315920-9.html b/layout/reftests/bugs/315920-9.html
new file mode 100644
index 0000000000..fc92ed567f
--- /dev/null
+++ b/layout/reftests/bugs/315920-9.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      label {color: red}
+      input[checked]:checked:default ~ label {color: green}
+      input:not([checked]):not(:checked) + label {color: red}
+    </style>
+  </head>
+  <body onload='var form = document.getElementById("form");
+                var input2 = document.createElement("input");
+                input2.setAttribute("type", "radio");
+                input2.setAttribute("id", "two");
+                input2.setAttribute("checked", "true");
+                form.insertBefore(input2, form.firstChild);
+                var label2 = document.createElement("label");
+                label2.setAttribute("for", "two");
+                var text2 = document.createTextNode("Should be no red");
+                label2.appendChild(text2);
+                form.insertBefore(label2, document.getElementById("one"));'>
+    <form id="form">
+      <input type="radio" name="group1" id="one" value="1"/>
+      <label for="one">Should be no red</label>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/316057-1-ref.html b/layout/reftests/bugs/316057-1-ref.html
new file mode 100644
index 0000000000..8b01969bb5
--- /dev/null
+++ b/layout/reftests/bugs/316057-1-ref.html
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
+<head>
+<title>Testcase, bug 316057</title>
+<style type="text/css">
+
+#outer {
+        border-top:20px solid gray;
+        float: left;
+}
+
+#inner {
+        background:green;
+        height:5em;
+}
+
+</style>
+</head>
+<body>
+
+<div id="outer"><div id="inner">There should be no red in this testcase.</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/316057-1.html b/layout/reftests/bugs/316057-1.html
new file mode 100644
index 0000000000..89de7de841
--- /dev/null
+++ b/layout/reftests/bugs/316057-1.html
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
+<head>
+<title>Testcase, bug 316057</title>
+<style type="text/css">
+
+#outer {
+        position:absolute;
+        background:red;
+        border-top:20px solid gray;
+}
+
+#inner {
+        float:left;
+        background:green;
+        height:5em;
+}
+
+</style>
+</head>
+<body>
+
+<div id="outer"><div id="middle"><div id="inner">There should be no red in this testcase.</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/320979-1-ref.html b/layout/reftests/bugs/320979-1-ref.html
new file mode 100644
index 0000000000..c4c271c4bf
--- /dev/null
+++ b/layout/reftests/bugs/320979-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
+<title>Bug 320979</title>
+<style type="text/css">
+table {border:thin hidden;
+border-collapse:collapse;}
+td {background: green; color: white; border:thin solid white;}
+</style>
+<p>There should be no red.
+<TABLE>
+  <TBODY>
+    <TR>
+      <td>test
+      <td>test
+    </TR>
+    <TR>
+      <td>test
+      <td>test
+    </TR>
+  </TBODY>
+</TABLE>
\ No newline at end of file
diff --git a/layout/reftests/bugs/320979-1.html b/layout/reftests/bugs/320979-1.html
new file mode 100644
index 0000000000..50cc8d2034
--- /dev/null
+++ b/layout/reftests/bugs/320979-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
+<title>Bug 320979</title>
+<style type="text/css">
+table {border-color: red}
+td {background: green; color: white}
+</style>
+<p>There should be no red.
+<TABLE rules=all border=0>
+  <TBODY>
+    <TR>
+      <td>test
+      <td>test
+    </TR>
+    <TR>
+      <td>test
+      <td>test
+    </TR>
+  </TBODY>
+</TABLE>
\ No newline at end of file
diff --git a/layout/reftests/bugs/321402-1.html b/layout/reftests/bugs/321402-1.html
new file mode 100644
index 0000000000..1ab7a48711
--- /dev/null
+++ b/layout/reftests/bugs/321402-1.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<span style="display:-moz-inline-box">hello world</span>
diff --git a/layout/reftests/bugs/321402-2.html b/layout/reftests/bugs/321402-2.html
new file mode 100644
index 0000000000..8ffd3e619e
--- /dev/null
+++ b/layout/reftests/bugs/321402-2.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<span style="display:-moz-inline-box"><span style="background:green">&nbsp;</span></span>
diff --git a/layout/reftests/bugs/321402-3-ref.xhtml b/layout/reftests/bugs/321402-3-ref.xhtml
new file mode 100644
index 0000000000..8ece4fea29
--- /dev/null
+++ b/layout/reftests/bugs/321402-3-ref.xhtml
@@ -0,0 +1,7 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <vbox style="font-size:0" flex="1">
+    <box flex="1" />
+    <label style="font-size:16px" value="hello world" />
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321402-3.xhtml b/layout/reftests/bugs/321402-3.xhtml
new file mode 100644
index 0000000000..968f6fa55e
--- /dev/null
+++ b/layout/reftests/bugs/321402-3.xhtml
@@ -0,0 +1,8 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <vbox style="font-size:0" flex="1">
+    <html:span style="display:inline" flex="1" /> <!-- gets blockified -->
+    <box flex="1" />
+    <label style="font-size:16px" value="hello world" />
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321402-4-ref.xhtml b/layout/reftests/bugs/321402-4-ref.xhtml
new file mode 100644
index 0000000000..8e6171664d
--- /dev/null
+++ b/layout/reftests/bugs/321402-4-ref.xhtml
@@ -0,0 +1,8 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <vbox flex="1">
+    <html:span style="display:inline" flex="1" /> <!-- causes block wrapping -->
+    <box flex="1" />
+    <label value="hello world" />
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321402-4.xhtml b/layout/reftests/bugs/321402-4.xhtml
new file mode 100644
index 0000000000..073af61487
--- /dev/null
+++ b/layout/reftests/bugs/321402-4.xhtml
@@ -0,0 +1,25 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        class="reftest-wait">
+  <script type="text/javascript"><![CDATA[
+    function run() {
+      const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+      const HTML_NS = "http://www.w3.org/1999/xhtml";
+      var vbox = document.getElementsByTagName("vbox")[0];
+      var span = document.createElementNS(HTML_NS, "html:span");
+      vbox.insertBefore(span, vbox.firstChild); // causes block wrapping
+      setTimeout(finish, 0);
+    }
+    function finish() {
+      document.documentElement.removeAttribute("class");
+    }
+    function load(event) {
+      setTimeout(run, 0);
+    }
+    window.addEventListener("load", load, false);
+  ]]></script>
+  <vbox flex="1">
+    <box flex="1" />
+    <label value="hello world" />
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321402-5-ref.xhtml b/layout/reftests/bugs/321402-5-ref.xhtml
new file mode 100644
index 0000000000..96b86f6ee2
--- /dev/null
+++ b/layout/reftests/bugs/321402-5-ref.xhtml
@@ -0,0 +1,8 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <vbox flex="1">
+    <box flex="1" />
+    <label value="hello world" />
+    <html:span style="display:inline" flex="1" /> <!-- causes block wrapping -->
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321402-5.xhtml b/layout/reftests/bugs/321402-5.xhtml
new file mode 100644
index 0000000000..61b99970fb
--- /dev/null
+++ b/layout/reftests/bugs/321402-5.xhtml
@@ -0,0 +1,25 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        class="reftest-wait">
+  <script type="text/javascript"><![CDATA[
+    function run() {
+      const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+      const HTML_NS = "http://www.w3.org/1999/xhtml";
+      var vbox = document.getElementsByTagName("vbox")[0];
+      var span = document.createElementNS(HTML_NS, "html:span");
+      vbox.appendChild(span); // causes block wrapping
+      setTimeout(finish, 0);
+    }
+    function finish() {
+      document.documentElement.removeAttribute("class");
+    }
+    function load(event) {
+      setTimeout(run, 0);
+    }
+    window.addEventListener("load", load, false);
+  ]]></script>
+  <vbox flex="1">
+    <box flex="1" />
+    <label value="hello world" />
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321402-6-ref.xhtml b/layout/reftests/bugs/321402-6-ref.xhtml
new file mode 100644
index 0000000000..203d3f1d66
--- /dev/null
+++ b/layout/reftests/bugs/321402-6-ref.xhtml
@@ -0,0 +1,7 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <vbox flex="1">
+    <box flex="1" />
+    <label value="hello world" />
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321402-6.xhtml b/layout/reftests/bugs/321402-6.xhtml
new file mode 100644
index 0000000000..d153b63349
--- /dev/null
+++ b/layout/reftests/bugs/321402-6.xhtml
@@ -0,0 +1,25 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        class="reftest-wait">
+  <script type="text/javascript"><![CDATA[
+    function run() {
+      const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+      const HTML_NS = "http://www.w3.org/1999/xhtml";
+      var span = document.getElementsByTagNameNS(HTML_NS, "span")[0];
+      span.remove();
+      setTimeout(finish, 0);
+    }
+    function finish() {
+      document.documentElement.removeAttribute("class");
+    }
+    function load(event) {
+      setTimeout(run, 0);
+    }
+    window.addEventListener("load", load, false);
+  ]]></script>
+  <vbox flex="1">
+    <html:span style="display:inline" flex="1" /> <!-- causes block wrapping -->
+    <box flex="1" />
+    <label value="hello world" />
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/321738-1-ref.html b/layout/reftests/bugs/321738-1-ref.html
new file mode 100644
index 0000000000..09cc64d23d
--- /dev/null
+++ b/layout/reftests/bugs/321738-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+ul {
+ margin: 4px;
+}
+li {
+ float: left;
+}
+</style>
+</head>
+<body>
+<table>
+ <tr>
+  <td>
+   <ul>
+    <li>Test</li>
+    <li>Test</li>
+   </ul>
+  </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/321738-1.html b/layout/reftests/bugs/321738-1.html
new file mode 100644
index 0000000000..54c7630f28
--- /dev/null
+++ b/layout/reftests/bugs/321738-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+ul {
+ margin: 4px;
+}
+li {
+ float: left;
+}
+</style>
+</head>
+<body>
+<table>
+ <tr>
+  <td>
+   <ul>
+    <li>Test</li>
+    <li><script>var b=document.body.offsetHeight</script>Test</li>
+   </ul>
+  </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/322461-1-ref.html b/layout/reftests/bugs/322461-1-ref.html
new file mode 100644
index 0000000000..e9fdadca61
--- /dev/null
+++ b/layout/reftests/bugs/322461-1-ref.html
@@ -0,0 +1,4 @@
+<html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>This is a test</title><style type="text/css">
+  * {color:red} 
+  div#first, DIV#second {color:green}
+</style></head><body><div id="first">This text should be green. CSS selector is in lowercase.</div><div id="second">This text should be green. CSS selector is in uppercase.</div></body></html>
diff --git a/layout/reftests/bugs/322461-1.xml b/layout/reftests/bugs/322461-1.xml
new file mode 100644
index 0000000000..27081cca73
--- /dev/null
+++ b/layout/reftests/bugs/322461-1.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/xsl" href="#"?>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
+<xsl:output method="html" encoding="utf-8" doctype-public="-//W3C//DTD HTML 4.01//EN"/>
+
+<xsl:template match="/">
+<html>
+<head>
+<title>This is a test</title>
+<style type="text/css">
+  * {color:red} 
+  div#first, DIV#second {color:green}
+</style>
+</head>
+<body>
+<div id="first">This text should be green. CSS selector is in lowercase.</div>
+<div id="second">This text should be green. CSS selector is in uppercase.</div>
+</body>
+</html>
+</xsl:template>
+
+</xsl:stylesheet>
diff --git a/layout/reftests/bugs/323656-1-ref.html b/layout/reftests/bugs/323656-1-ref.html
new file mode 100644
index 0000000000..4121bf482d
--- /dev/null
+++ b/layout/reftests/bugs/323656-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance through various table anonymous boxes</title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: green; border: 0px hidden green; background: transparent }
+      .t { border-color: green }
+      .t > :first-child
+        { border-color: green; border-style: solid; border-width: 10px }
+    </style>
+  </head>
+  <body>
+    <table><tr><td class="t"><div></div></td></tr></table>
+    <div style="display: table" class="t"><div></div></div>
+    <div style="display: table-row-group" class="t"><div></div></div>
+    <div style="display: table-row" class="t"><div></div></div>
+    <div style="display: table-cell" class="t"><div></div></div>
+    <div><span><div style="display: table" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-row-group" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-row" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-cell" class="t"><div></div></div></span></div>
+
+    <table><tr><td class="t"><div></div></td></tr></table>
+    <div style="display: table" class="t"><div></div></div>
+    <div style="display: table-row-group" class="t"><div></div></div>
+    <div style="display: table-row" class="t"><div></div></div>
+    <div style="display: table-cell" class="t"><div></div></div>
+    <div><span><div style="display: table" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-row-group" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-row" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-cell" class="t"><div></div></div></span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/323656-1.html b/layout/reftests/bugs/323656-1.html
new file mode 100644
index 0000000000..74659141f5
--- /dev/null
+++ b/layout/reftests/bugs/323656-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance through various table anonymous boxes</title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: red; border: 0px hidden red; background: transparent }
+      .t { border-color: green }
+      .t > :first-child
+        { border-color: inherit; border-style: solid; border-width: 10px }
+    </style>
+    <script>
+      function makeDiv() {
+        return document.createElement("div");
+      }
+
+      window.onload = function() {
+        var lst = document.getElementsByClassName("d");
+        for (var i = 0; i < lst.length; ++i) {
+          lst[i].appendChild(makeDiv());
+        }
+      }
+    </script>
+  </head>
+  <body>
+    <table><tr><td class="t"><div></div></td></tr></table>
+    <div style="display: table" class="t"><div></div></div>
+    <div style="display: table-row-group" class="t"><div></div></div>
+    <div style="display: table-row" class="t"><div></div></div>
+    <div style="display: table-cell" class="t"><div></div></div>
+    <div><span><div style="display: table" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-row-group" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-row" class="t"><div></div></div></span></div>
+    <div><span><div style="display: table-cell" class="t"><div></div></div></span></div>
+
+    <table><tr><td class="t d"></td></tr></table>
+    <div style="display: table" class="t d"></div>
+    <div style="display: table-row-group" class="t d"></div>
+    <div style="display: table-row" class="t d"></div>
+    <div style="display: table-cell" class="t d"></div>
+    <div><span><div style="display: table" class="t d"></div></span></div>
+    <div><span><div style="display: table-row-group" class="t d"></div></span></div>
+    <div><span><div style="display: table-row" class="t d"></div></span></div>
+    <div><span><div style="display: table-cell" class="t d"></div></span></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/323656-2-ref.html b/layout/reftests/bugs/323656-2-ref.html
new file mode 100644
index 0000000000..f4b5dcbfb4
--- /dev/null
+++ b/layout/reftests/bugs/323656-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance through fieldsets and legends</title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: green; border: 0px hidden green; background: transparent }
+      .t { border-color: green }
+      .t > :first-child
+        { border-color: green; border-style: solid; border-width: 10px }
+    </style>
+  </head>
+  <body>
+    <fieldset class="t"><div></div></fieldset>
+    <fieldset><legend class="t"><span></span></legend></fieldset>
+    <fieldset class="t"><div></div></fieldset>
+    <fieldset><legend class="t"><span></span></legend></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/323656-2.html b/layout/reftests/bugs/323656-2.html
new file mode 100644
index 0000000000..f8ac2ec18a
--- /dev/null
+++ b/layout/reftests/bugs/323656-2.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance through fieldsets and legends</title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: red; border: 0px hidden red; background: transparent }
+      .t { border-color: green }
+      .t > :first-child
+        { border-color: inherit; border-style: solid; border-width: 10px }
+    </style>
+    <script>
+      function make(str) {
+        return document.createElement(str);
+      }
+
+      window.onload = function() {
+        document.getElementById("f").appendChild(make("div"));
+        document.getElementById("l").appendChild(make("span"));
+      }
+    </script>
+  </head>
+  <body>
+    <fieldset class="t"><div></div></fieldset>
+    <fieldset><legend class="t"><span></span></legend></fieldset>
+    <fieldset class="t" id="f"></fieldset>
+    <fieldset><legend class="t" id="l"></legend></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/323656-3-ref.html b/layout/reftests/bugs/323656-3-ref.html
new file mode 100644
index 0000000000..22786b9502
--- /dev/null
+++ b/layout/reftests/bugs/323656-3-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>
+      Test inheritance through various anonymous boxes: {ib}
+      situations, buttons, overflow, columns, listboxes, first-line
+    </title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: green; border: 0px hidden green; background: transparent }
+      .t { border-color: green }
+      .t:not(.d2) > :first-child, .d2 > span
+        { border-color: green; border-style: solid; border-width: 10px }
+      .f::first-line { border-color: green }
+    </style>
+  </head>
+  <body>
+    <div class="t"><div></div></div>
+    <span class="t"><div></div></span>
+    <span style="position: relative" class="t"><div></div></span>
+    <div class="f"><span></span><br><span></span></div>
+    <button class="t"><div></div></button>
+    <div style="overflow: auto" class="t"><div></div></div>
+    <div style="column-count: 2" class="t"><div></div></div>
+    <select size="2" class="t">
+      <option></option>
+    </select>
+
+    <div class="t"><div></div></div>
+    <span class="t"><div></div></span>
+    <span style="position: relative" class="t"><div></div></span>
+    <div class="f"><span></span><br><span></span></div>
+    <button class="t"><div></div></button>
+    <div style="overflow: auto" class="t"><div></div></div>
+    <div style="column-count: 2" class="t"><div></div></div>
+    <select size="2" class="t">
+      <option></option>
+    </select>
+
+    <span class="t d2"><div></div><span></span></span>
+    <span style="position: relative" class="t d2"><div></div><span></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/323656-3.html b/layout/reftests/bugs/323656-3.html
new file mode 100644
index 0000000000..090c7b82fb
--- /dev/null
+++ b/layout/reftests/bugs/323656-3.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance through various anonymous boxes: {ib}
+           situations, buttons, overflow, columns, listboxes, first-line</title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: red; border: 0px hidden red; background: transparent }
+      .t { border-color: green }
+      .t:not(.d2) > :first-child
+        { border-color: inherit; border-style: solid; border-width: 10px }
+      .d2 > span { border-style: solid; border-width: 10px }
+      .f::first-line { border-color: green }
+    </style>
+    <script>
+      function make(str) {
+        return document.createElement(str);
+      }
+      
+      function makeDiv() {
+        return make("div");
+      }
+
+      window.onload = function() {
+        var lst = document.getElementsByClassName("d");
+        for (var i = 0; i < lst.length; ++i) {
+          if (lst[i].nodeName != "select") {
+            lst[i].appendChild(makeDiv());
+          } else {
+            lst[i].appendChild(make("option"));
+          }
+        }
+
+        lst = document.getElementsByClassName("d2");
+        for (i = 0; i < lst.length; ++i) {
+          var span = lst[i].getElementsByTagName("span")[0];
+          span.style.cssText =
+            "border-color: inherit; border-style: solid; border-width: 10px";
+        }        
+
+        var x = document.getElementsByClassName("f d")[0];
+        x.appendChild(make("span"));
+        x.appendChild(make("br"));
+        x.appendChild(make("span"));
+      }
+    </script>
+  </head>
+  <body>
+    <div class="t"><div></div></div>
+    <span class="t"><div></div></span>
+    <span style="position: relative" class="t"><div></div></span>
+    <div class="f"><span></span><br><span></span></div>
+    <button class="t"><div></div></button>
+    <div style="overflow: auto" class="t"><div></div></div>
+    <div style="column-count: 2" class="t"><div></div></div>
+    <select size="2" class="t">
+      <option></option>
+    </select>
+
+    <div class="t d"></div>
+    <span class="t d"></span>
+    <span style="position: relative" class="t d"></span>
+    <div class="f d"></div>
+    <button class="t d"></button>
+    <div style="overflow: auto" class="t d"></div>
+    <div style="column-count: 2" class="t d"></div>
+    <select size="2" class="t d">
+      <option></option>
+    </select>
+
+    <span class="t d2"><div></div><span></span></span>
+    <span style="position: relative" class="t d2"><div></div><span></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/323656-4-ref.html b/layout/reftests/bugs/323656-4-ref.html
new file mode 100644
index 0000000000..e7116eb19d
--- /dev/null
+++ b/layout/reftests/bugs/323656-4-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance through first-letter</title>
+    <style>
+      .f2 { color: blue }
+      .f2 > span { color: green }
+    </style>
+  <body>
+    <div class="f2"><span>A</span>BC</div>
+    <div class="f2"><span>A</span>BC</div>
+    <div class="f2"><span>A</span>BC</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/323656-4.html b/layout/reftests/bugs/323656-4.html
new file mode 100644
index 0000000000..c804b6de27
--- /dev/null
+++ b/layout/reftests/bugs/323656-4.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance through first-letter</title>
+    <style>
+      .f2 > * { color: blue }
+      .f2::first-letter { color: green }
+    </style>
+    <script>
+      function make(str) {
+        return document.createElement(str);
+      }
+      
+      window.onload = function() {
+        var x = document.getElementById("d1");
+        var y = make("span");
+        y.appendChild(document.createTextNode("ABC"));
+        x.appendChild(y);
+
+        x = document.getElementById("d2");
+        y = make("span");
+        x.appendChild(y);
+        y.appendChild(document.createTextNode("ABC"));
+      }
+    </script>
+  <body>
+    <div class="f2"><span>ABC</span></div>
+    <div class="f2" id="d1"></div>
+    <div class="f2" id="d2"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/323656-5-ref.svg b/layout/reftests/bugs/323656-5-ref.svg
new file mode 100644
index 0000000000..2f68c90539
--- /dev/null
+++ b/layout/reftests/bugs/323656-5-ref.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=367366 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject width="100%" height="100%"
+		 style="border-color: green; color: red">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="border-style: solid; border-width: 30px; border-color: green;
+		background: green; width:100%; height:100%;"/>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/bugs/323656-5.svg b/layout/reftests/bugs/323656-5.svg
new file mode 100644
index 0000000000..b98bbac63b
--- /dev/null
+++ b/layout/reftests/bugs/323656-5.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=367366 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject width="100%" height="100%"
+		 style="border-color: green; color: red">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="border-style: solid; border-width: 30px; border-color: inherit;
+		background: green; width:100%; height:100%;"/>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/bugs/323656-6-ref.html b/layout/reftests/bugs/323656-6-ref.html
new file mode 100644
index 0000000000..7f677f77cf
--- /dev/null
+++ b/layout/reftests/bugs/323656-6-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance into captions</title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: red; border: 0px hidden red; background: transparent }
+      .t, .t2 { border-color: green }
+      .t > :first-child
+        { border-color: green; border-style: solid; border-width: 10px }
+      .t2 > :first-child
+        { border-style: solid; border-width: 10px }
+      .t2 > .test 
+        { border-color: green }
+    </style>
+  </head>
+  <body>
+    <table class="t"><caption></caption></table>
+
+    <table class="t2 d2"><caption class="test"></caption></table>
+
+    <table class="t d"><caption></caption></table>
+    <table class="t d"><caption></caption></table>
+    <table class="t d"><caption></caption></table>
+
+    <table class="t2 d d2"><caption class="test"></caption></table>
+    <table class="t2 d d2"><caption class="test"></caption></table>
+    <table class="t2 d d2"><caption class="test"></caption></table>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/323656-6.html b/layout/reftests/bugs/323656-6.html
new file mode 100644
index 0000000000..a2fa16fe14
--- /dev/null
+++ b/layout/reftests/bugs/323656-6.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test inheritance into captions</title>
+    <style>
+      /**
+       * The idea is that "color" inherits by default while "border-color" does
+       * not.  So if the former is red and the latter is green on a parent, and
+       * the child's border-color is set to "inherit", it'll be green only if
+       * the child is inheriting from the parent.  If not, it'll either be
+       * whatever the border-color is on what it's inheriting from, which will
+       * be red if what it's inheriting from has the default (currentColor)
+       * border-color).
+       */
+      
+      /* 't' for "test" */
+      * { color: red; border: 0px hidden red; background: transparent }
+      .t, .t2 { border-color: green }
+      .t > caption
+        { border-color: inherit; border-style: solid; border-width: 10px }
+      .t2 > caption
+        { border-style: solid; border-width: 10px }
+      .t2 > caption.test 
+        { border-color: inherit }
+    </style>
+    <script>
+      function makeCaption() {
+        return document.createElement("caption");
+      }
+
+      window.onload = function() {
+        var lst = document.getElementsByClassName("d");
+        for (var i = 0; i < lst.length; ++i) {
+          lst[i].appendChild(makeCaption());
+        }
+
+        var lst = document.getElementsByClassName("d2");
+        for (var i = 0; i < lst.length; ++i) {
+          lst[i].firstChild.className = "test";
+        }
+      }
+    </script>
+  </head>
+  <body>
+    <table class="t"><caption></caption></table>
+
+    <table class="t2 d2"><caption></caption></table>
+
+    <table class="t d"></table>
+    <div class="t d"></div>
+    <div style="display: table" class="t d"></div>
+
+    <table class="t2 d d2"></table>
+    <div class="t2 d d2"></div>
+    <div style="display: table" class="t2 d d2"></div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/325292-1-ref.html b/layout/reftests/bugs/325292-1-ref.html
new file mode 100644
index 0000000000..42b2e7d0c5
--- /dev/null
+++ b/layout/reftests/bugs/325292-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<style>
+#second {border-bottom:green 5px solid}
+col {width:100px}
+</style>
+<body>
+<title>visibility collapse + columns + pagination</title>
+
+<table cellspacing="0" style="page-break-after:always" id="first">
+<col><col style="visibility:collapse"><col>
+<tr><td>cell1</td><td>Dont'show</td><td>cell2</td></tr></table>
+<table cellspacing="0" id="second">
+<col><col style="visibility:collapse"><col>
+<tr><td>cell3</td><td>Dont'show</td><td>cell4</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/325292-1.html b/layout/reftests/bugs/325292-1.html
new file mode 100644
index 0000000000..cfe4c392dd
--- /dev/null
+++ b/layout/reftests/bugs/325292-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<title>visibility collapse + columns + pagination</title>
+<style>
+table {border-bottom:green 5px solid}
+col {width:100px}
+</style>
+<body>
+<table cellspacing="0">
+<col><col style="visibility:collapse"><col>
+<tr style="page-break-after:always"><td>cell1</td><td>Dont'show</td><td>cell2</td></tr>
+<tr><td>cell3</td><td>Dont'show</td><td>cell4</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/325486-1-ref.html b/layout/reftests/bugs/325486-1-ref.html
new file mode 100644
index 0000000000..3ee2633bd5
--- /dev/null
+++ b/layout/reftests/bugs/325486-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html><head>
+<title>Testcase bug 325486 - Input element default value invisible when overflowing parent div</title>
+</head><body>
+<div style="position: absolute; top: 100px; left: 10px; width: 500px; height: 50px;">
+	<div style="border: 2px solid blue; position: absolute;">
+		<input value="This text gets cut off but should not. (outer div positioned absolutely)" style="width:400px;">
+	</div>
+</div>
+<div style="position: relative; top: 150px; left: 10px; width: 500px; height: 50px;">
+	<div style="border: 2px solid blue; position: absolute;">
+		<input value="This text gets cut off but should not. (outer div positioned relatively)" style="width:400px;">
+	</div>
+</div>
+</body></html>
diff --git a/layout/reftests/bugs/325486-1.html b/layout/reftests/bugs/325486-1.html
new file mode 100644
index 0000000000..113171d95c
--- /dev/null
+++ b/layout/reftests/bugs/325486-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html><head>
+<title>Testcase bug 325486 - Input element default value invisible when overflowing parent div</title>
+</head><body>
+<div style="position: absolute; top: 100px; left: 10px; width: 50px; height: 50px;">
+	<div style="border: 2px solid blue; position: absolute;">
+		<input value="This text gets cut off but should not. (outer div positioned absolutely)" style="width:400px;">
+	</div>
+</div>
+<div style="position: relative; top: 150px; left: 10px; width: 50px; height: 50px;">
+	<div style="border: 2px solid blue; position: absolute;">
+		<input value="This text gets cut off but should not. (outer div positioned relatively)" style="width:400px;">
+	</div>
+</div>
+</body></html>
diff --git a/layout/reftests/bugs/328111-1-ref.html b/layout/reftests/bugs/328111-1-ref.html
new file mode 100644
index 0000000000..098d3ed7fa
--- /dev/null
+++ b/layout/reftests/bugs/328111-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+ span{
+  color:red;
+ }
+</style>
+</head>
+
+<body>
+<p><span>t</span>est</p>
+<p><span>*t</span>est</p>
+<p><span>**t</span>est</p>
+<p><span>***t</span>est</p>
+<p><span>&nbsp;</span>test</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/328111-1.html b/layout/reftests/bugs/328111-1.html
new file mode 100644
index 0000000000..ab6857409b
--- /dev/null
+++ b/layout/reftests/bugs/328111-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+ p:first-letter{
+  color:red;
+ }
+</style>
+</head>
+
+<body>
+<p>test</p>
+<p>*test</p>
+<p>**test</p>
+<p>***test</p>
+<p>&nbsp;test</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/328829-1-ref.xhtml b/layout/reftests/bugs/328829-1-ref.xhtml
new file mode 100644
index 0000000000..ff41d5368f
--- /dev/null
+++ b/layout/reftests/bugs/328829-1-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en"
+      xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+	<title>Testcase, bug 328829</title>
+	<style type="text/css">
+	html, body, svg { margin: 0; padding: 0; border: none; }
+	body > svg { display:block; } /* don't leave room for descenders! */
+	</style>
+</head>
+<body>
+
+<svg:svg width="100%" height="100%">
+	<svg:g style="font-size: 24px">
+		<svg:foreignObject width="100%" height="100%">
+			<span>hello</span> <span>world</span>
+		</svg:foreignObject>
+	</svg:g>
+</svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/328829-1.xhtml b/layout/reftests/bugs/328829-1.xhtml
new file mode 100644
index 0000000000..e88c46067f
--- /dev/null
+++ b/layout/reftests/bugs/328829-1.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en"
+      xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+	<title>Testcase, bug 328829</title>
+	<style type="text/css">
+	html, body, svg { margin: 0; padding: 0; border: none; }
+	body > svg { display:block; } /* don't leave room for descenders! */
+	</style>
+	<script type="application/javascript">
+
+	function run() {
+		setTimeout("document.getElementById('fonted').style.fontSize = '24px'", 0);
+	}
+
+	</script>
+</head>
+<body onload="run()">
+
+<svg:svg width="100%" height="100%">
+	<svg:g id="fonted" style="font-size: 12px">
+		<svg:foreignObject width="100%" height="100%">
+			<span>hello</span> <span>world</span>
+		</svg:foreignObject>
+	</svg:g>
+</svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/328829-2-ref.xhtml b/layout/reftests/bugs/328829-2-ref.xhtml
new file mode 100644
index 0000000000..63c622cf8f
--- /dev/null
+++ b/layout/reftests/bugs/328829-2-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en"
+      xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+	<title>Testcase, bug 328829</title>
+	<style type="text/css">
+	html, body, svg { margin: 0; padding: 0; border: none; }
+	body > svg { display:block; } /* don't leave room for descenders! */
+	</style>
+</head>
+<body style="font-size: 24px">
+
+<svg:svg width="100%" height="100%">
+	<svg:g>
+		<svg:foreignObject width="100%" height="100%">
+			<span>hello</span> <span>world</span>
+		</svg:foreignObject>
+	</svg:g>
+</svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/328829-2.xhtml b/layout/reftests/bugs/328829-2.xhtml
new file mode 100644
index 0000000000..5c81520102
--- /dev/null
+++ b/layout/reftests/bugs/328829-2.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" class="reftest-wait"
+      xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+	<title>Testcase, bug 328829</title>
+	<style type="text/css">
+	html, body, svg { margin: 0; padding: 0; border: none; }
+	body > svg { display:block; } /* don't leave room for descenders! */
+	</style>
+	<script type="application/javascript">
+
+	function run() {
+		document.getElementById('fonted').style.fontSize = '24px';
+		document.documentElement.removeAttribute('class');
+	}
+
+	document.addEventListener("MozReftestInvalidate", run, false);
+	</script>
+</head>
+<body id="fonted" style="font-size: 12px">
+
+<svg:svg width="100%" height="100%">
+	<svg:g>
+		<svg:foreignObject width="100%" height="100%">
+			<span>hello</span> <span>world</span>
+		</svg:foreignObject>
+	</svg:g>
+</svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/329359-1-ref.html b/layout/reftests/bugs/329359-1-ref.html
new file mode 100644
index 0000000000..3223dca414
--- /dev/null
+++ b/layout/reftests/bugs/329359-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.float-left, .float-right {
+ float: left;
+ width: 125px; height: 1em;
+ background-color: red;
+}
+.float-right {
+ float: right;
+}
+.fieldset {
+ margin: 0 125px 0; padding: 0;
+ border: none;
+ height: 5em;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="float-left"></div>
+<div class="float-right"></div>
+<div class="fieldset"></div>
+<div class="float-left"></div>
+<div class="float-right"></div>
+<div class="fieldset"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/329359-1.html b/layout/reftests/bugs/329359-1.html
new file mode 100644
index 0000000000..45707f6246
--- /dev/null
+++ b/layout/reftests/bugs/329359-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.float-left, .float-right {
+ float: left;
+ width: 125px; height: 1em;
+ background-color: red;
+}
+.float-right {
+ float: right;
+}
+fieldset {
+ margin: 0; padding: 0;
+ border: none;
+ height: 5em;
+ background-color: green;
+}
+#plus-margin {
+ margin: 0 100px 0;
+}
+</style>
+</head>
+<body>
+<div class="float-left"></div>
+<div class="float-right"></div>
+<fieldset></fieldset>
+<div class="float-left"></div>
+<div class="float-right"></div>
+<fieldset id="plus-margin"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/331809-1-ref.html b/layout/reftests/bugs/331809-1-ref.html
new file mode 100644
index 0000000000..8daedbf800
--- /dev/null
+++ b/layout/reftests/bugs/331809-1-ref.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style>
+iframe {
+  width:100px;
+  height:400px;
+  border:0;
+}
+span {
+  display:inline-block;
+  width:1000px;
+  height:400px;
+  background:white;
+}
+</style>
+</head>
+<body style="width:2000px; background:white;"><div style="position:absolute; top:360px;width:100px;height:40px; background:black;"></div>
+<iframe src="331809-1.xhtml"></iframe>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/331809-1.html b/layout/reftests/bugs/331809-1.html
new file mode 100644
index 0000000000..66b0016712
--- /dev/null
+++ b/layout/reftests/bugs/331809-1.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style>
+iframe {
+  width:100px;
+  height:400px;
+  border:0;
+}
+</style>
+</head>
+<body style="width:2000px; background:white;"><div style="position:absolute; top:360px;width:100px;height:40px; background:black;"></div>
+<iframe src="331809-1.xhtml"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/331809-1.xhtml b/layout/reftests/bugs/331809-1.xhtml
new file mode 100644
index 0000000000..a67b6d176b
--- /dev/null
+++ b/layout/reftests/bugs/331809-1.xhtml
@@ -0,0 +1 @@
+<wizard xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"></wizard>
diff --git a/layout/reftests/bugs/332360-ltr-ref.html b/layout/reftests/bugs/332360-ltr-ref.html
new file mode 100644
index 0000000000..92b53374ea
--- /dev/null
+++ b/layout/reftests/bugs/332360-ltr-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 332360</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<ul><li>list item</li></ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/332360-ltr.html b/layout/reftests/bugs/332360-ltr.html
new file mode 100644
index 0000000000..cc957bd34a
--- /dev/null
+++ b/layout/reftests/bugs/332360-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 332360</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<ul><li style="float:left">list item</li></ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/332360-ref.html b/layout/reftests/bugs/332360-ref.html
new file mode 100644
index 0000000000..f9e2cd6dc3
--- /dev/null
+++ b/layout/reftests/bugs/332360-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" dir="rtl">
+<head>
+	<title>Testcase, bug 332360</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<ul><li>list item</li></ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/332360-width-ltr.html b/layout/reftests/bugs/332360-width-ltr.html
new file mode 100644
index 0000000000..f1f4bf535c
--- /dev/null
+++ b/layout/reftests/bugs/332360-width-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 332360</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<ul><li style="width: 60%">list item</li></ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/332360-width.html b/layout/reftests/bugs/332360-width.html
new file mode 100644
index 0000000000..6e3d5c2afa
--- /dev/null
+++ b/layout/reftests/bugs/332360-width.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" dir="rtl">
+<head>
+	<title>Testcase, bug 332360</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<ul><li style="width: 60%">list item</li></ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/332360.html b/layout/reftests/bugs/332360.html
new file mode 100644
index 0000000000..d61ed0cc48
--- /dev/null
+++ b/layout/reftests/bugs/332360.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" dir="rtl">
+<head>
+	<title>Testcase, bug 332360</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+</head>
+<body>
+
+<ul><li style="float:right">list item</li></ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/332557-1-ref.html b/layout/reftests/bugs/332557-1-ref.html
new file mode 100644
index 0000000000..980567fe1a
--- /dev/null
+++ b/layout/reftests/bugs/332557-1-ref.html
@@ -0,0 +1,9 @@
+<DOCTYPE html>
+<html>
+<body style="width: 400px">
+<div style="overflow:scroll; padding-left: 80px; padding-right: 200px;
+     background: yellow; height: 200px">
+     <div style="height: 500px; background: blue;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/332557-1.html b/layout/reftests/bugs/332557-1.html
new file mode 100644
index 0000000000..d23299e251
--- /dev/null
+++ b/layout/reftests/bugs/332557-1.html
@@ -0,0 +1,9 @@
+<DOCTYPE html>
+<html>
+<body style="width: 400px">
+<div style="overflow:scroll; padding-left: 20%; padding-right: 50%;
+     background: yellow; height: 200px">
+     <div style="height: 500px; background: blue;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/332975-1-ref.html b/layout/reftests/bugs/332975-1-ref.html
new file mode 100644
index 0000000000..3cbb9497bd
--- /dev/null
+++ b/layout/reftests/bugs/332975-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<title>Testcase, bug 332975</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body dir="rtl">
+<ul>
+<li>list item</li>
+<li>list item</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/332975-1.html b/layout/reftests/bugs/332975-1.html
new file mode 100644
index 0000000000..89c8ff0ab9
--- /dev/null
+++ b/layout/reftests/bugs/332975-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<title>Testcase, bug 332975</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body dir="rtl">
+<ul>
+<li style="margin-left:100px;">list item</li>
+<li style="padding-left:100px;">list item</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/333970-1-ref.html b/layout/reftests/bugs/333970-1-ref.html
new file mode 100644
index 0000000000..1ca55e3305
--- /dev/null
+++ b/layout/reftests/bugs/333970-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>points/pixels size test</title>
+  <style type="text/css">
+    td {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr><td style="font-size:12px;">9pt/12px</td></tr>
+  <tr><td style="font-size:16px;">12pt/16px</td></tr>
+  <tr><td style="font-size:20px;">15pt/20px</td></tr>
+  <tr><td style="font-size:24px;">18pt/24px</td></tr>
+  <tr><td style="font-size:28px;">21pt/28px</td></tr>
+  <tr><td style="font-size:13.3333px;">10pt/13.3333px</td></tr>
+  <tr><td style="font-size:17.3333px;">13pt/17.3333px</td></tr>
+  <tr><td style="font-size:21.3333px;">16pt/21.3333px</td></tr>
+  <tr><td style="font-size:26.6666px;">20pt/26.6666px</td></tr>
+  <tr><td style="font-size:15px;">11.25pt/15px</td></tr>
+  <tr><td style="font-size:17px;">12.75pt/17px</td></tr>
+  <tr><td style="font-size:18px;">13.5pt/18px</td></tr>
+  <tr><td style="font-size:25px;">18.75pt/25px</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/333970-1.html b/layout/reftests/bugs/333970-1.html
new file mode 100644
index 0000000000..6b46839d9d
--- /dev/null
+++ b/layout/reftests/bugs/333970-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>points/pixels size test</title>
+  <style type="text/css">
+    td {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr><td style="font-size:9pt;">9pt/12px</td></tr>
+  <tr><td style="font-size:12pt;">12pt/16px</td></tr>
+  <tr><td style="font-size:15pt;">15pt/20px</td></tr>
+  <tr><td style="font-size:18pt;">18pt/24px</td></tr>
+  <tr><td style="font-size:21pt;">21pt/28px</td></tr>
+  <tr><td style="font-size:10pt;">10pt/13.3333px</td></tr>
+  <tr><td style="font-size:13pt;">13pt/17.3333px</td></tr>
+  <tr><td style="font-size:16pt;">16pt/21.3333px</td></tr>
+  <tr><td style="font-size:20pt;">20pt/26.6666px</td></tr>
+  <tr><td style="font-size:11.25pt;">11.25pt/15px</td></tr>
+  <tr><td style="font-size:12.75pt;">12.75pt/17px</td></tr>
+  <tr><td style="font-size:13.5pt;">13.5pt/18px</td></tr>
+  <tr><td style="font-size:18.75pt;">18.75pt/25px</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/334829-1-ref.xhtml b/layout/reftests/bugs/334829-1-ref.xhtml
new file mode 100644
index 0000000000..d6f16bdef8
--- /dev/null
+++ b/layout/reftests/bugs/334829-1-ref.xhtml
@@ -0,0 +1,6 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<div id="testDiv" style="width: 0">This is text in a div This text should appear</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/334829-1a-shadow.xhtml b/layout/reftests/bugs/334829-1a-shadow.xhtml
new file mode 100644
index 0000000000..757e875358
--- /dev/null
+++ b/layout/reftests/bugs/334829-1a-shadow.xhtml
@@ -0,0 +1,34 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <script type="application/x-javascript">
+    customElements.define("custom-element", class extends HTMLElement {
+      constructor() {
+        super();
+        const template = document.getElementById("template");
+        const shadowRoot = this.attachShadow({mode: "open"})
+          .appendChild(template.content.cloneNode(true));
+      }
+    });
+    function runTest() {
+      var div = document.getElementById("testDiv");
+
+      // First we have to make sure that we've looked up the primary frame for
+      // the textnode.  Appending a space should do the trick.
+      div.firstChild.data += " ";
+
+      // Now flush our reflow
+      document.body.offsetWidth;
+
+      var node = document.createElementNS("http://www.w3.org/1999/xhtml",
+                                          "span");
+      div.appendChild(node);
+      node.appendChild(document.createTextNode("This text should appear"));
+    }
+  </script>
+</head>
+
+<body onload="runTest()">
+<template id="template"><span><slot/></span></template>
+<custom-element id="testDiv" style="width: 0; display: block;">This is text in a div</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/bugs/334829-1b-shadow.xhtml b/layout/reftests/bugs/334829-1b-shadow.xhtml
new file mode 100644
index 0000000000..46f1114023
--- /dev/null
+++ b/layout/reftests/bugs/334829-1b-shadow.xhtml
@@ -0,0 +1,35 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <script type="application/x-javascript">
+    customElements.define("custom-element", class extends HTMLElement {
+      constructor() {
+        super();
+        const template = document.getElementById("template");
+        const shadowRoot = this.attachShadow({mode: "open"})
+          .appendChild(template.content.cloneNode(true));
+      }
+    });
+    function runTest() {
+      var div = document.getElementById("testDiv");
+
+      // First we have to make sure that we've looked up the primary frame for
+      // the previous child span.  Appending text to it should do the trick.
+      div.firstChild.
+          appendChild(document.createTextNode("This is text in a div "));
+
+      // Now flush out reflow
+      document.body.offsetWidth;
+
+      var node = document.createElementNS("http://www.w3.org/1999/xhtml",
+                                          "span");
+      div.appendChild(node);
+      node.appendChild(document.createTextNode("This text should appear"));
+    }
+  </script>
+</head>
+
+<body onload="runTest()">
+<template id="binding"><span><slot/></span></template>
+<custom-element id="testDiv" style="width: 0; display: block;"><span></span></custom-element>
+</body>
+</html>
diff --git a/layout/reftests/bugs/335628-1-ref.html b/layout/reftests/bugs/335628-1-ref.html
new file mode 100644
index 0000000000..4e965bb277
--- /dev/null
+++ b/layout/reftests/bugs/335628-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>a<input type="text" style="visibility: hidden">b</div>
+    <div>a<input type="text" style="visibility: hidden; padding-top: 200px">b</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/335628-1.html b/layout/reftests/bugs/335628-1.html
new file mode 100644
index 0000000000..1007760dca
--- /dev/null
+++ b/layout/reftests/bugs/335628-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>a<input type="text" style="visibility: collapse">b</div>
+    <div>a<input type="text" style="visibility: collapse; padding-top: 200px">b</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/336096-1-ref.xhtml b/layout/reftests/bugs/336096-1-ref.xhtml
new file mode 100644
index 0000000000..9867d495b1
--- /dev/null
+++ b/layout/reftests/bugs/336096-1-ref.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window
+  xmlns:html="http://www.w3.org/1999/xhtml"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <description id="foo" style="font-weight: bold;">This text should appear bold after onload.</description>
+</window>
diff --git a/layout/reftests/bugs/336096-1.xhtml b/layout/reftests/bugs/336096-1.xhtml
new file mode 100644
index 0000000000..ad3bf95f45
--- /dev/null
+++ b/layout/reftests/bugs/336096-1.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window
+  xmlns:html="http://www.w3.org/1999/xhtml"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <description id="foo">This text should appear bold after onload.</description>
+  <script type="application/javascript"><![CDATA[
+window.addEventListener("load", function setStyle(evt) {
+  document.getElementById("foo").style.fontWeight = "bold";
+}, true);
+  ]]></script>
+</window>
diff --git a/layout/reftests/bugs/336147-1-ref.html b/layout/reftests/bugs/336147-1-ref.html
new file mode 100644
index 0000000000..9078062a94
--- /dev/null
+++ b/layout/reftests/bugs/336147-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 336147</title>
+</head>
+<body>
+  <form action="http://foo.com/" method="post">
+    <input value="abc" type="button">
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/336147-1.html b/layout/reftests/bugs/336147-1.html
new file mode 100644
index 0000000000..a8eb350b7c
--- /dev/null
+++ b/layout/reftests/bugs/336147-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 336147</title>
+</head>
+<body>
+  <form action="http://foo.com/" method="post">
+    <input value="abc" type="button" id="fooButton">
+  </form>
+  <script>
+    document.getElementById('fooButton').innerHTML = 'xyz';
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/336153-1-ref.html b/layout/reftests/bugs/336153-1-ref.html
new file mode 100644
index 0000000000..87b2d4cc6c
--- /dev/null
+++ b/layout/reftests/bugs/336153-1-ref.html
@@ -0,0 +1,12 @@
+<html>
+<body style="position:relative">
+<fieldset style="height: 150px; padding: 0px; background:orange; border:0; margin:0;"></fieldset>
+<div style="width:150px; height: 150px; overflow:scroll; background:red; position:absolute; top:0;">
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/336153-1.html b/layout/reftests/bugs/336153-1.html
new file mode 100644
index 0000000000..34b45dafff
--- /dev/null
+++ b/layout/reftests/bugs/336153-1.html
@@ -0,0 +1,13 @@
+<html>
+<body style="position:relative">
+<fieldset style="height: 150px; padding: 0px; background:orange; border:0; margin:0;">
+<div style="width:150px; height: 150px; overflow:scroll; background:red;">
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+text<br>text<br>text<br>text<br>text<br>text<br>
+</div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/338251-p-oh-ref.html b/layout/reftests/bugs/338251-p-oh-ref.html
new file mode 100644
index 0000000000..8167ec3afc
--- /dev/null
+++ b/layout/reftests/bugs/338251-p-oh-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<p style="overflow: hidden; width: 30ch;">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/338251-p-oh.html b/layout/reftests/bugs/338251-p-oh.html
new file mode 100644
index 0000000000..c79566259e
--- /dev/null
+++ b/layout/reftests/bugs/338251-p-oh.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<p style="overflow: hidden; width: 30ch;">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/338251-p.html b/layout/reftests/bugs/338251-p.html
new file mode 100644
index 0000000000..6600774fa7
--- /dev/null
+++ b/layout/reftests/bugs/338251-p.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/338251-pre-oh-ref.html b/layout/reftests/bugs/338251-pre-oh-ref.html
new file mode 100644
index 0000000000..542e882f6b
--- /dev/null
+++ b/layout/reftests/bugs/338251-pre-oh-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<pre style="overflow: hidden; width: 30ch;">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/338251-pre-oh.html b/layout/reftests/bugs/338251-pre-oh.html
new file mode 100644
index 0000000000..adba029f55
--- /dev/null
+++ b/layout/reftests/bugs/338251-pre-oh.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<pre style="overflow: hidden; width: 30ch;">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/338251-pre.html b/layout/reftests/bugs/338251-pre.html
new file mode 100644
index 0000000000..8c39e3e162
--- /dev/null
+++ b/layout/reftests/bugs/338251-pre.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<pre>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/339289-1-ref.html b/layout/reftests/bugs/339289-1-ref.html
new file mode 100644
index 0000000000..2e81bbab71
--- /dev/null
+++ b/layout/reftests/bugs/339289-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<fieldset>Hello World</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/339289-1.html b/layout/reftests/bugs/339289-1.html
new file mode 100644
index 0000000000..5510ff9878
--- /dev/null
+++ b/layout/reftests/bugs/339289-1.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+  <style type="text/css">
+  fieldset:after {
+	content: "Hello World";
+  }
+  </style>
+</head>
+<body>
+<fieldset></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/341043-1-ref.html b/layout/reftests/bugs/341043-1-ref.html
new file mode 100644
index 0000000000..a617ba59c7
--- /dev/null
+++ b/layout/reftests/bugs/341043-1-ref.html
@@ -0,0 +1,18 @@
+<html><head>
+<style>
+
+    body {
+         font-family: fixed, monospace;
+         background-color: white;
+    }
+
+</style>
+
+    </head><body>
+
+    12345678ijklmnopqrstuvwxyz<br>
+    12345678ijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+  
+</body></html>
diff --git a/layout/reftests/bugs/341043-1a.html b/layout/reftests/bugs/341043-1a.html
new file mode 100644
index 0000000000..ba48122b4e
--- /dev/null
+++ b/layout/reftests/bugs/341043-1a.html
@@ -0,0 +1,22 @@
+<html><head>
+<style>
+
+    body {
+         font-family: fixed, monospace;
+         background-color: white;
+    }
+
+</style>
+
+    </head><body>
+
+    <div style="position: absolute; background-color: white;">
+      12345678<br>12345678
+    </div>
+
+    abcdefghijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+  
+</body></html>
diff --git a/layout/reftests/bugs/341043-1b.html b/layout/reftests/bugs/341043-1b.html
new file mode 100644
index 0000000000..59a4f28078
--- /dev/null
+++ b/layout/reftests/bugs/341043-1b.html
@@ -0,0 +1,22 @@
+<html><head>
+<style>
+
+    body {
+         font-family: fixed, monospace;
+         background-color: white;
+    }
+
+</style>
+
+    </head><body>
+
+    <div style="position: absolute">
+      12345678<br>12345678
+    </div>
+
+    abcdefghijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+    abcdefghijklmnopqrstuvwxyz<br>
+  
+</body></html>
diff --git a/layout/reftests/bugs/343538-1-ref.html b/layout/reftests/bugs/343538-1-ref.html
new file mode 100644
index 0000000000..0b7a7aef05
--- /dev/null
+++ b/layout/reftests/bugs/343538-1-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ background-color: pink;
+}
+div div {
+ float: left;
+ width: 100px; height: 100px;
+ margin: 4px;
+ border: 1px solid #000;
+ background-color: #eee;
+}
+br {
+ clear: left;
+}
+a {
+ outline: none;
+}
+</style>
+</head>
+<body>
+<div>
+ <div>
+  <a id="test" href="#">Link 1</a>
+ </div>
+ <div>
+  <a href="#">Link 2</a>
+ </div>
+ <br>
+ <div>
+  <a href="#">Link 3</a>
+ </div>
+ <br>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/343538-1.html b/layout/reftests/bugs/343538-1.html
new file mode 100644
index 0000000000..5462351c3f
--- /dev/null
+++ b/layout/reftests/bugs/343538-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ background-color: pink;
+}
+div div {
+ float: left;
+ width: 100px; height: 100px;
+ margin: 4px;
+ border: 1px solid #000;
+ background-color: #eee;
+}
+br {
+ clear: left;
+}
+a {
+ outline: none;
+}
+</style>
+</head>
+<body onload="document.getElementById('test').focus();">
+<div>
+ <div>
+  <a id="test" href="#">Link 1</a>
+ </div>
+ <div>
+  <a href="#">Link 2</a>
+ </div>
+ <br>
+ <div>
+  <a href="#">Link 3</a>
+ </div>
+ <br></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/343540-1-ref.html b/layout/reftests/bugs/343540-1-ref.html
new file mode 100644
index 0000000000..24c25935c2
--- /dev/null
+++ b/layout/reftests/bugs/343540-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style>
+span#dd:before {
+  display: inline;
+  white-space: pre;
+  content: "bef-\Aore";
+  color: gray;
+}
+
+</style>
+</head>
+<body>
+<span id="dd">new<div id="div">div</div></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/343540-1.html b/layout/reftests/bugs/343540-1.html
new file mode 100644
index 0000000000..cf1ce282d2
--- /dev/null
+++ b/layout/reftests/bugs/343540-1.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style>
+span#dd:before {
+  display: inline;
  white-space: pre;
  content: "bef-\Aore";
+  color: gray;
}
+</style>
+<script>
+function boo()
+{
+  var div = document.getElementById("div"); 
+  var dd = document.getElementById("dd");
+  var newTextNode = document.createTextNode("new");
+  dd.insertBefore(newTextNode, div);
+}
+
+window.addEventListener("load", boo);
+
+</script>
+</head>
+<body>
+<span id="dd"><div id="div">div</div></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/345267-1-ref.html b/layout/reftests/bugs/345267-1-ref.html
new file mode 100644
index 0000000000..9bb47653ab
--- /dev/null
+++ b/layout/reftests/bugs/345267-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <input size="20" value="abcde">
+</body>
+</html>
diff --git a/layout/reftests/bugs/345267-1a.html b/layout/reftests/bugs/345267-1a.html
new file mode 100644
index 0000000000..feace49e6b
--- /dev/null
+++ b/layout/reftests/bugs/345267-1a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <input size="20" maxlength="2" value="abcde">
+</body>
+</html>
diff --git a/layout/reftests/bugs/345267-1b.html b/layout/reftests/bugs/345267-1b.html
new file mode 100644
index 0000000000..e668b21136
--- /dev/null
+++ b/layout/reftests/bugs/345267-1b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <style>
+    /* Override the default :invalid style. */
+    :invalid { box-shadow: none; }
+  </style>
+  <input size="20" maxlength="2">
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("input")[0].value = "abcde";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/345267-1c.html b/layout/reftests/bugs/345267-1c.html
new file mode 100644
index 0000000000..1e78bec0dc
--- /dev/null
+++ b/layout/reftests/bugs/345267-1c.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <input size="20" value="abcde">
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("input")[0].maxLength = "2";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/345267-1d.html b/layout/reftests/bugs/345267-1d.html
new file mode 100644
index 0000000000..d912035a53
--- /dev/null
+++ b/layout/reftests/bugs/345267-1d.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <input size="20" maxlength="2">
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("input")[0].setAttribute("value", "abcde");
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/346774-1-ref.html b/layout/reftests/bugs/346774-1-ref.html
new file mode 100644
index 0000000000..ec607636e1
--- /dev/null
+++ b/layout/reftests/bugs/346774-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+<form name="theForm">
+  <select name="theSelect" style="width:auto">
+    <option>xxxxxxxxxx</option>
+  </select>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/346774-1a.html b/layout/reftests/bugs/346774-1a.html
new file mode 100644
index 0000000000..ff28145939
--- /dev/null
+++ b/layout/reftests/bugs/346774-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<body>
+<form name="theForm">
+  <select name="theSelect" style="width: auto">
+    <option>xxxxxxxxxx</option>
+  </select>
+</form>
+<script>
+  // Flush reflow
+  document.body.offsetWidth;
+  document.theForm.theSelect.style.width='30em';
+  document.body.offsetWidth;
+  document.theForm.theSelect.style.width='auto';
+</script>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/346774-1b.html b/layout/reftests/bugs/346774-1b.html
new file mode 100644
index 0000000000..2436d6dae4
--- /dev/null
+++ b/layout/reftests/bugs/346774-1b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<body>
+<form name="theForm">
+  <select name="theSelect" style="width: auto">
+    <option>xxxxxxxxxx</option>
+  </select>
+</form>
+<script>
+  // Flush reflow
+  document.body.offsetWidth;
+  document.theForm.theSelect.style.width='2em';
+  document.body.offsetWidth;
+  document.theForm.theSelect.style.width='auto';
+</script>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/346774-1c.html b/layout/reftests/bugs/346774-1c.html
new file mode 100644
index 0000000000..33f2e17d21
--- /dev/null
+++ b/layout/reftests/bugs/346774-1c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<body>
+<form name="theForm">
+  <select name="theSelect" style="width: 30em">
+    <option>xxxxxxxxxx</option>
+  </select>
+</form>
+<script>
+  // Flush reflow
+  document.body.offsetWidth;
+  document.theForm.theSelect.style.width='auto';
+</script>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/347912-1-ref.html b/layout/reftests/bugs/347912-1-ref.html
new file mode 100644
index 0000000000..1d50b9f612
--- /dev/null
+++ b/layout/reftests/bugs/347912-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 347912</title>
+<style type="text/css">
+
+body { background: green; }
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/347912-1.html b/layout/reftests/bugs/347912-1.html
new file mode 100644
index 0000000000..19d3d7026f
--- /dev/null
+++ b/layout/reftests/bugs/347912-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 347912</title>
+<style type="text/css">
+
+body { background: green; }
+
+div { height: 10px; margin: 1em; }
+
+</style>
+</head>
+<body>
+
+<div style="background: red; background: transparent"></div>
+<div style="color: red; color: transparent">This is text</div>
+<div style="border: medium solid red; border-color: transparent"></div>
+<div style="border: medium solid red; border: medium solid transparent"></div>
+
+<div style="background: red; background: rgba(7, 35, 210, 0)"></div>
+<div style="color: red; color: rgba(7, 35, 210, 0)">This is text</div>
+<div style="border: medium solid red; border-color: rgba(7, 35, 210, 0)"></div>
+<div style="border: medium solid red; border: medium solid rgba(7, 35, 210, 0)"></div>
+
+<div style="color: red; color: rgba(7, 35, 210, 0.0)">This is text</div>
+<div style="color: red; color: rgba(7, 35, 210, .0)">This is text</div>
+<div style="color: red; color: rgba(7, 35, 210, .00000000000)">This is text</div>
+<div style="color: red; color: rgba(7, 35, 210, +.000)">This is text</div>
+<div style="color: red; color: rgba(7, 35, 210, +0.0)">This is text</div>
+<div style="color: red; color: rgba(7, 35, 210, +0)">This is text</div>
+<div style="color: red; color: hsla(240, 40%, 20%, 0)">This is text</div>
+<div style="color: red; color: hsla(240, 40%, 20%, 0.0)">This is text</div>
+<div style="color: red; color: hsla(240, 40%, 20%, .0)">This is text</div>
+<div style="color: red; color: hsla(240, 40%, 20%, .0000000000000)">This is text</div>
+<div style="color: red; color: hsla(240, 40%, 20%, +.000)">This is text</div>
+<div style="color: red; color: hsla(240, 40%, 20%, +0.0)">This is text</div>
+<div style="color: red; color: hsla(240, 40%, 20%, +0)">This is text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/348049-1-ref.xhtml b/layout/reftests/bugs/348049-1-ref.xhtml
new file mode 100644
index 0000000000..b892106c82
--- /dev/null
+++ b/layout/reftests/bugs/348049-1-ref.xhtml
@@ -0,0 +1,7 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <body>
+    <div>
+      <td>PASS</td>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/348049-1.xhtml b/layout/reftests/bugs/348049-1.xhtml
new file mode 100644
index 0000000000..98ae7966a8
--- /dev/null
+++ b/layout/reftests/bugs/348049-1.xhtml
@@ -0,0 +1,26 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <script><![CDATA[
+      customElements.define("custom-td", class extends HTMLDivElement {
+        constructor() {
+          super();
+          this.attachShadow({ mode: "open" });
+          let td = document.createElement('td');
+          td.append(document.createElement('slot'));
+          this.shadowRoot.append(td);
+        }
+      }, {
+        extends: "div",
+      });
+      function f1() {
+        document.getElementById("outer")
+                .appendChild(document.createTextNode("PASS"));
+        document.documentElement.className = "";
+      }
+    ]]></script>
+  </head>
+  <body onload="f1();">
+    <div is="custom-td" id="outer"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/348516-1-ref.html b/layout/reftests/bugs/348516-1-ref.html
new file mode 100644
index 0000000000..3479026aaa
--- /dev/null
+++ b/layout/reftests/bugs/348516-1-ref.html
@@ -0,0 +1,21 @@
+<html><head>
+ 
+<style>
+
+select {
+    width: 200px;
+}
+option {
+    padding: 0;
+    width: 50%;
+    background-color: cyan;
+}
+</style></head><body>
+
+<select size="3">
+<option style="margin-right: 50%;">left</option>
+<option style="margin-left: 50%;">right</option>
+<option style="margin-left: 25%; margin-right: 25%;">center</option>
+</select>
+
+</body></html>
diff --git a/layout/reftests/bugs/348516-1.html b/layout/reftests/bugs/348516-1.html
new file mode 100644
index 0000000000..a28e258a8a
--- /dev/null
+++ b/layout/reftests/bugs/348516-1.html
@@ -0,0 +1,21 @@
+<html><head>
+ 
+<style>
+
+select {
+    width: 200px;
+}
+option {
+    padding: 0;
+    width: 50%;
+    background-color: cyan;
+}
+</style></head><body>
+
+<select size="3">
+<option style="margin-right: auto;">left</option>
+<option style="margin-left: auto;">right</option>
+<option style="margin-left: auto; margin-right: auto;">center</option>
+</select>
+
+</body></html>
diff --git a/layout/reftests/bugs/348516-2-notref.html b/layout/reftests/bugs/348516-2-notref.html
new file mode 100644
index 0000000000..1c13e27e54
--- /dev/null
+++ b/layout/reftests/bugs/348516-2-notref.html
@@ -0,0 +1,18 @@
+<html><head>
+ 
+<style>
+
+select {
+    width: 200px;
+}
+option {
+    padding: 0;
+    background-color: cyan;
+}
+</style></head><body>
+
+<select size="3">
+<option>left</option>
+</select>
+
+</body></html>
diff --git a/layout/reftests/bugs/348516-2-ref.html b/layout/reftests/bugs/348516-2-ref.html
new file mode 100644
index 0000000000..bb4ae1f4d2
--- /dev/null
+++ b/layout/reftests/bugs/348516-2-ref.html
@@ -0,0 +1,19 @@
+<html><head>
+ 
+<style>
+
+select {
+    width: 200px;
+}
+option {
+    padding: 0;
+    width: 50%;
+    background-color: cyan;
+}
+</style></head><body>
+
+<select size="3">
+<option>left</option>
+</select>
+
+</body></html>
diff --git a/layout/reftests/bugs/348516-2.html b/layout/reftests/bugs/348516-2.html
new file mode 100644
index 0000000000..a3bbe887b6
--- /dev/null
+++ b/layout/reftests/bugs/348516-2.html
@@ -0,0 +1,19 @@
+<html><head>
+ 
+<style>
+
+select {
+    width: 200px;
+}
+option {
+    padding: 0;
+    width: 50%;
+    background-color: cyan;
+}
+</style></head><body>
+
+<select size="3">
+<option style="margin-right: 50%;">left</option>
+</select>
+
+</body></html>
diff --git a/layout/reftests/bugs/348516-3-notref.html b/layout/reftests/bugs/348516-3-notref.html
new file mode 100644
index 0000000000..613ab07503
--- /dev/null
+++ b/layout/reftests/bugs/348516-3-notref.html
@@ -0,0 +1,19 @@
+<html><head>
+ 
+<style>
+
+select {
+    width: 200px;
+}
+option {
+    padding: 0;
+    width: 50%;
+    background-color: cyan;
+}
+</style></head><body>
+
+<select size="3">
+<option>right</option>
+</select>
+
+</body></html>
diff --git a/layout/reftests/bugs/348516-3.html b/layout/reftests/bugs/348516-3.html
new file mode 100644
index 0000000000..00bb49b54a
--- /dev/null
+++ b/layout/reftests/bugs/348516-3.html
@@ -0,0 +1,19 @@
+<html><head>
+ 
+<style>
+
+select {
+    width: 200px;
+}
+option {
+    padding: 0;
+    width: 50%;
+    background-color: cyan;
+}
+</style></head><body>
+
+<select size="3">
+<option style="margin-left: 50%;">right</option>
+</select>
+
+</body></html>
diff --git a/layout/reftests/bugs/348597-1.html b/layout/reftests/bugs/348597-1.html
new file mode 100644
index 0000000000..42c084202f
--- /dev/null
+++ b/layout/reftests/bugs/348597-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html class="reftest-wait"><head>
+
+  <style type="text/css">
+	table.suchergebnis, table.suchergebnis tr, table.suchergebnis tdx, table.suchergebnis th {
+			border: 1px solid #ccc;
+			border-collapse: collapse;
+			text-align: center; 
+	}     	
+  </style>
+   <script>
+   function doTest() {
+      var s1 = document.getElementById("screen");
+      s1.remove(); 
+      document.documentElement.removeAttribute('class');
+   }
+   document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  <title>PomPIS Liste</title>
+</head>
+<body>
+<div id="screen" style="position: fixed; left:50px; top: 20px; height:8px; width: 200px; background-color:white; border:1px solid green;"></div>
+  <table class="suchergebnis" border="1" style="width: 100%">
+	  <tr><td>Frage</td></tr>
+	  <tr style="border-bottom: 10px solid green;">
+	    <td>Verhalten</td>
+	  </tr>	
+  </table>    
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/348597-ref.html b/layout/reftests/bugs/348597-ref.html
new file mode 100644
index 0000000000..678565ca6d
--- /dev/null
+++ b/layout/reftests/bugs/348597-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html><head>
+
+  <style type="text/css">
+	table.suchergebnis, table.suchergebnis tr, table.suchergebnis tdx, table.suchergebnis th {
+			border: 1px solid #ccc;
+			border-collapse: collapse;
+			text-align: center; 
+	}     	
+  </style>
+   
+  <title>PomPIS Liste</title>
+</head>
+<body>
+
+  <table class="suchergebnis" border="1" style="width: 100%">
+	  <tr><td>Frage</td></tr>
+	  <tr style="border-bottom: 10px solid green;">
+	    <td>Verhalten</td>
+	  </tr>	
+  </table>    
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/348809-1-ref.html b/layout/reftests/bugs/348809-1-ref.html
new file mode 100644
index 0000000000..18eccacb82
--- /dev/null
+++ b/layout/reftests/bugs/348809-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+</style>
+</head>
+<body>
+<span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-1a.html b/layout/reftests/bugs/348809-1a.html
new file mode 100644
index 0000000000..6b88d0c8dc
--- /dev/null
+++ b/layout/reftests/bugs/348809-1a.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:checked + span { color: red }
+input { display: none }
+</style>
+</head>
+<body>
+<input checked="checked" id="foo"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-1b.html b/layout/reftests/bugs/348809-1b.html
new file mode 100644
index 0000000000..43ed710313
--- /dev/null
+++ b/layout/reftests/bugs/348809-1b.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:checked + span { color: green }
+input { display: none }
+</style>
+</head>
+<body>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-1c.html b/layout/reftests/bugs/348809-1c.html
new file mode 100644
index 0000000000..b7fd4cf541
--- /dev/null
+++ b/layout/reftests/bugs/348809-1c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:checked + span { color: red }
+input { display: none }
+</style>
+</head>
+<body>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+<script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").removeAttribute("type");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-1d.html b/layout/reftests/bugs/348809-1d.html
new file mode 100644
index 0000000000..5264e76ab6
--- /dev/null
+++ b/layout/reftests/bugs/348809-1d.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:checked + span { color: green }
+input { display: none }
+</style>
+</head>
+<body>
+<input checked="checked" id="foo"><span>There should be no red</span>
+<script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").setAttribute("type", "checkbox");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-1e.html b/layout/reftests/bugs/348809-1e.html
new file mode 100644
index 0000000000..7612dd0e56
--- /dev/null
+++ b/layout/reftests/bugs/348809-1e.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:default:checked + span { color: red }
+input { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <input type="submit">
+  <input type="radio" checked="checked" id="foo">
+  <span>There should be no red</span>
+</div>
+</form>
+<script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").setAttribute("type", "submit");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-1f.html b/layout/reftests/bugs/348809-1f.html
new file mode 100644
index 0000000000..7cc0538070
--- /dev/null
+++ b/layout/reftests/bugs/348809-1f.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:default:checked + span { color: red }
+input { display: none }
+</style>
+</head>
+<body>
+<input type="checkbox" checked="checked" id="foo"><span>There should be no red</span>
+ <script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").removeAttribute("checked");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2-ref.html b/layout/reftests/bugs/348809-2-ref.html
new file mode 100644
index 0000000000..51765a1761
--- /dev/null
+++ b/layout/reftests/bugs/348809-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <span>There should be no red.</span>
+</div>
+<div>
+  <span>There should be no red.</span>
+</div>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2a.html b/layout/reftests/bugs/348809-2a.html
new file mode 100644
index 0000000000..f3e30ef98c
--- /dev/null
+++ b/layout/reftests/bugs/348809-2a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:default + span { color: green }
+span.reverse { color: green }
+:default + span.reverse { color: red }
+input { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <input type="submit" checked="checked" id="foo"><span>There should be no red.</span>
+</div>
+<div>
+  <input type="submit"><span class="reverse">There should be no red.</span>
+</div>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2b.html b/layout/reftests/bugs/348809-2b.html
new file mode 100644
index 0000000000..df0e61ac0d
--- /dev/null
+++ b/layout/reftests/bugs/348809-2b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:default + span { color: green }
+span.reverse { color: green }
+:default + span.reverse { color: red }
+button { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <button type="submit" checked="checked" id="foo"></button>
+  <span>There should be no red.</span>
+</div>
+<div>
+  <button type="submit"></button><span class="reverse">There should be no red.</span>
+</div>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2c.html b/layout/reftests/bugs/348809-2c.html
new file mode 100644
index 0000000000..bcf565e08f
--- /dev/null
+++ b/layout/reftests/bugs/348809-2c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:default + span { color: green }
+span.reverse { color: green }
+:default + span.reverse { color: red }
+input { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <input type="checkbox" checked="checked" id="foo">
+  <span>There should be no red.</span>
+</div>
+<div>
+  <input checked="checked"><span class="reverse">There should be no red.</span>
+</div>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2d.html b/layout/reftests/bugs/348809-2d.html
new file mode 100644
index 0000000000..6afda23d4f
--- /dev/null
+++ b/layout/reftests/bugs/348809-2d.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: red }
+:default + span { color: green }
+span.reverse { color: green }
+:default + span.reverse { color: red }
+input { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <input type="radio" checked="checked" id="foo">
+  <span>There should be no red.</span>
+</div>
+<div>
+  <input checked="checked"><span class="reverse">There should be no red.</span>
+</div>
+</form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2e.html b/layout/reftests/bugs/348809-2e.html
new file mode 100644
index 0000000000..91437288d9
--- /dev/null
+++ b/layout/reftests/bugs/348809-2e.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:default + span { color: red }
+span.reverse { color: red }
+:default + span.reverse { color: green }
+input { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <input type="submit" checked="checked" id="foo"><span>There should be no red.</span>
+</div>
+<div>
+  <input type="submit"><span class="reverse">There should be no red.</span>
+</div>
+</form>
+<script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").removeAttribute("type");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2f.html b/layout/reftests/bugs/348809-2f.html
new file mode 100644
index 0000000000..74d69838bb
--- /dev/null
+++ b/layout/reftests/bugs/348809-2f.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:default + span { color: red }
+span.reverse { color: red }
+:default + span.reverse { color: green }
+button { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <button type="submit" checked="checked" id="foo"></button>
+  <span>There should be no red.</span>
+</div>
+<div>
+  <button type="submit"></button><span class="reverse">There should be no red.</span>
+</div>
+</form>
+<script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").setAttribute("type", "button");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2g.html b/layout/reftests/bugs/348809-2g.html
new file mode 100644
index 0000000000..f372a1b815
--- /dev/null
+++ b/layout/reftests/bugs/348809-2g.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:default + span { color: red }
+span.reverse { color: red }
+:default + span.reverse { color: green }
+input { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <input type="checkbox" checked="checked" id="foo">
+  <span>There should be no red.</span>
+</div>
+<div>
+  <input checked="checked" id="bar">
+  <span class="reverse">There should be no red.</span>
+</div>
+</form>
+<script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").removeAttribute("type");
+  document.getElementById("bar").setAttribute("type", "checkbox");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/348809-2h.html b/layout/reftests/bugs/348809-2h.html
new file mode 100644
index 0000000000..c5a1154dd4
--- /dev/null
+++ b/layout/reftests/bugs/348809-2h.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span { color: green }
+:default + span { color: red }
+span.reverse { color: red }
+:default + span.reverse { color: green }
+input { display: none }
+</style>
+</head>
+<body>
+<form>
+<div>
+  <input type="radio" checked="checked" id="foo">
+  <span>There should be no red.</span>
+</div>
+<div>
+  <input checked="checked" id="bar">
+  <span class="reverse">There should be no red.</span>
+</div>
+</form>
+<script>
+  var foo = document.body.offsetWidth;
+  document.getElementById("foo").removeAttribute("type");
+  document.getElementById("bar").setAttribute("type", "radio");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/349695-1-ref.html b/layout/reftests/bugs/349695-1-ref.html
new file mode 100644
index 0000000000..f5efeb3abe
--- /dev/null
+++ b/layout/reftests/bugs/349695-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+<tr>
+ <td>First</td>
+ <td>Second</td>
+</tr>
+<tr>
+  <td>Third</td>
+  <td>Fourth</td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/349695-1a.html b/layout/reftests/bugs/349695-1a.html
new file mode 100644
index 0000000000..15e2008996
--- /dev/null
+++ b/layout/reftests/bugs/349695-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+<tr>
+ <td>First</td>
+ <form>
+   <td>Second</td>
+ </form>
+</tr>
+<tr>
+  <td>Third</td>
+  <td>Fourth</td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/349695-1b.html b/layout/reftests/bugs/349695-1b.html
new file mode 100644
index 0000000000..05a29ad485
--- /dev/null
+++ b/layout/reftests/bugs/349695-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+<tr>
+ <td>First</td>
+ <form style="display: block">
+   <td>Second</td>
+ </form>
+</tr>
+<tr>
+  <td>Third</td>
+  <td>Fourth</td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/350506-1-ref.html b/layout/reftests/bugs/350506-1-ref.html
new file mode 100644
index 0000000000..4dd642d24c
--- /dev/null
+++ b/layout/reftests/bugs/350506-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ font-family: sans-serif;
+ padding: 1px;
+ width: 100%;
+}
+.last {
+ width: 100%;
+}
+</style>
+</head>
+<body>
+<table>
+ <tr>
+  <td>
+   <div>table-cell</div>
+  </td>
+  <td class="last"></td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/350506-1.html b/layout/reftests/bugs/350506-1.html
new file mode 100644
index 0000000000..a71b0b6f6e
--- /dev/null
+++ b/layout/reftests/bugs/350506-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ font-family: sans-serif;
+ padding: 1px;
+ width: 100%;
+ overflow-x: hidden;
+}
+.last {
+ width: 100%;
+}
+</style>
+</head>
+<body>
+<table>
+ <tr>
+  <td>
+   <div>table-cell</div>
+  </td>
+  <td class="last"></td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/351641-1-ref.html b/layout/reftests/bugs/351641-1-ref.html
new file mode 100644
index 0000000000..1e60f0dbc6
--- /dev/null
+++ b/layout/reftests/bugs/351641-1-ref.html
@@ -0,0 +1,6 @@
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<body style="font-family:sans-serif">
+<table border><tr><td>
+<div>a</div><div>bcd<span>efg</span>hij</div><div>k</div>
+</td></tr></table>
+</body>
diff --git a/layout/reftests/bugs/351641-1a.html b/layout/reftests/bugs/351641-1a.html
new file mode 100644
index 0000000000..46abadc613
--- /dev/null
+++ b/layout/reftests/bugs/351641-1a.html
@@ -0,0 +1,6 @@
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<body style="font-family:sans-serif">
+<table border width="1"><tr><td>
+a bcd<span>efg</span>hij k
+</td></tr></table>
+</body>
diff --git a/layout/reftests/bugs/351641-1b.html b/layout/reftests/bugs/351641-1b.html
new file mode 100644
index 0000000000..148e2b663d
--- /dev/null
+++ b/layout/reftests/bugs/351641-1b.html
@@ -0,0 +1,6 @@
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<body style="font-family:sans-serif">
+<table border width="1"><tr><td>
+a bcdefghij k
+</td></tr></table>
+</body>
diff --git a/layout/reftests/bugs/351641-2-ref.html b/layout/reftests/bugs/351641-2-ref.html
new file mode 100644
index 0000000000..2355c892a1
--- /dev/null
+++ b/layout/reftests/bugs/351641-2-ref.html
@@ -0,0 +1,4 @@
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<table border><tr><td>
+<div>の</div><div>の</div><div>の</div><div>の</div><div>の</div><div>の</div><div>の</div><div>の</div>
+</td></tr></table>
diff --git a/layout/reftests/bugs/351641-2a.html b/layout/reftests/bugs/351641-2a.html
new file mode 100644
index 0000000000..a65bd81ba4
--- /dev/null
+++ b/layout/reftests/bugs/351641-2a.html
@@ -0,0 +1,4 @@
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<table width="1" border><tr><td>
+のののののののの
+</td></tr></table>
diff --git a/layout/reftests/bugs/351641-2b.html b/layout/reftests/bugs/351641-2b.html
new file mode 100644
index 0000000000..75f6525e84
--- /dev/null
+++ b/layout/reftests/bugs/351641-2b.html
@@ -0,0 +1,4 @@
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<table width="1" border><tr><td>
+ののの<span>ののの</span>のの
+</td></tr></table>
diff --git a/layout/reftests/bugs/352980-1-ref.html b/layout/reftests/bugs/352980-1-ref.html
new file mode 100644
index 0000000000..5ff9b9ef7d
--- /dev/null
+++ b/layout/reftests/bugs/352980-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: green }
+  </style>
+ </head>
+ <body>
+  <form>
+    <span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1a.html b/layout/reftests/bugs/352980-1a.html
new file mode 100644
index 0000000000..414ecea39c
--- /dev/null
+++ b/layout/reftests/bugs/352980-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body>
+  <form>
+    <input type="image"><span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1b.html b/layout/reftests/bugs/352980-1b.html
new file mode 100644
index 0000000000..f4201bf781
--- /dev/null
+++ b/layout/reftests/bugs/352980-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body>
+  <form>
+    <input type="image"><span>This should be green</span>
+    <input type="submit">
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1c.html b/layout/reftests/bugs/352980-1c.html
new file mode 100644
index 0000000000..96b4972a4a
--- /dev/null
+++ b/layout/reftests/bugs/352980-1c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body>
+  <form>
+    <input type="submit"><span>This should be green</span>
+    <input type="image">
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1d.html b/layout/reftests/bugs/352980-1d.html
new file mode 100644
index 0000000000..8ca2918e33
--- /dev/null
+++ b/layout/reftests/bugs/352980-1d.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body>
+  <form>
+    <input><input type="image"><span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1e.html b/layout/reftests/bugs/352980-1e.html
new file mode 100644
index 0000000000..ed0cf0fbf1
--- /dev/null
+++ b/layout/reftests/bugs/352980-1e.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'submit';
+               foo.insertBefore(bar, foo.firstChild)">
+  <form id="foo">
+    <input type="image"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1f.html b/layout/reftests/bugs/352980-1f.html
new file mode 100644
index 0000000000..6972f39838
--- /dev/null
+++ b/layout/reftests/bugs/352980-1f.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'submit';
+               foo.insertBefore(bar, foo.firstChild)">
+  <form id="foo"><span>This should be green</span>
+    <input type="image">
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1g.html b/layout/reftests/bugs/352980-1g.html
new file mode 100644
index 0000000000..acafbacc9d
--- /dev/null
+++ b/layout/reftests/bugs/352980-1g.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'image';
+               foo.insertBefore(bar, foo.firstChild)">
+  <form id="foo">
+    <input type="submit"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1h.html b/layout/reftests/bugs/352980-1h.html
new file mode 100644
index 0000000000..b10c0003be
--- /dev/null
+++ b/layout/reftests/bugs/352980-1h.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'image';
+               foo.insertBefore(bar, foo.firstChild)">
+  <form id="foo"><span>This should be green</span>
+    <input type="submit">
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1i.html b/layout/reftests/bugs/352980-1i.html
new file mode 100644
index 0000000000..e57fd96a41
--- /dev/null
+++ b/layout/reftests/bugs/352980-1i.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'submit';
+               foo.appendChild(bar)">
+  <form id="foo">
+    <input type="image"><span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1j.html b/layout/reftests/bugs/352980-1j.html
new file mode 100644
index 0000000000..d58b836189
--- /dev/null
+++ b/layout/reftests/bugs/352980-1j.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'image';
+               foo.appendChild(bar)">
+  <form id="foo">
+    <input type="image"><span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1k.html b/layout/reftests/bugs/352980-1k.html
new file mode 100644
index 0000000000..fdf5270927
--- /dev/null
+++ b/layout/reftests/bugs/352980-1k.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'submit';
+               foo.appendChild(bar)">
+  <form id="foo">
+    <input type="submit"><span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-1l.html b/layout/reftests/bugs/352980-1l.html
new file mode 100644
index 0000000000..811ea85802
--- /dev/null
+++ b/layout/reftests/bugs/352980-1l.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="var foo = document.getElementById('foo');
+               var bar = document.createElement('input');
+               bar.type = 'image';
+               foo.appendChild(bar)">
+  <form id="foo">
+    <input type="submit"><span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-2-ref.html b/layout/reftests/bugs/352980-2-ref.html
new file mode 100644
index 0000000000..67ec5c697f
--- /dev/null
+++ b/layout/reftests/bugs/352980-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: green }
+  </style>
+ </head>
+ <body>
+  <form>
+    <span>This should be green</span>
+    <span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-2a.html b/layout/reftests/bugs/352980-2a.html
new file mode 100644
index 0000000000..6303cc9227
--- /dev/null
+++ b/layout/reftests/bugs/352980-2a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'submit'">
+  <form>
+    <input id="foo"><span>This should be green</span>
+    <input type="image"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-2b.html b/layout/reftests/bugs/352980-2b.html
new file mode 100644
index 0000000000..1d215ba4d8
--- /dev/null
+++ b/layout/reftests/bugs/352980-2b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'image'">
+  <form>
+    <input id="foo"><span>This should be green</span>
+    <input type="submit"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-2c.html b/layout/reftests/bugs/352980-2c.html
new file mode 100644
index 0000000000..6303cc9227
--- /dev/null
+++ b/layout/reftests/bugs/352980-2c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'submit'">
+  <form>
+    <input id="foo"><span>This should be green</span>
+    <input type="image"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-2d.html b/layout/reftests/bugs/352980-2d.html
new file mode 100644
index 0000000000..1d215ba4d8
--- /dev/null
+++ b/layout/reftests/bugs/352980-2d.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'image'">
+  <form>
+    <input id="foo"><span>This should be green</span>
+    <input type="submit"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-2e.html b/layout/reftests/bugs/352980-2e.html
new file mode 100644
index 0000000000..8c4aca7846
--- /dev/null
+++ b/layout/reftests/bugs/352980-2e.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'submit'">
+  <form>
+    <input id="foo"><span>This should be green</span>
+    <input type="submit"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-2f.html b/layout/reftests/bugs/352980-2f.html
new file mode 100644
index 0000000000..5ee4f1e659
--- /dev/null
+++ b/layout/reftests/bugs/352980-2f.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'image'">
+  <form>
+    <input id="foo"><span>This should be green</span>
+    <input type="image"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-3-ref.html b/layout/reftests/bugs/352980-3-ref.html
new file mode 100644
index 0000000000..da21758ab4
--- /dev/null
+++ b/layout/reftests/bugs/352980-3-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: green }
+  </style>
+ </head>
+ <body>
+  <form>
+    <span>This should be green</span>
+    <span>This should be green</span>
+    <span>This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-3a.html b/layout/reftests/bugs/352980-3a.html
new file mode 100644
index 0000000000..29aa6a2a06
--- /dev/null
+++ b/layout/reftests/bugs/352980-3a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'image'">
+  <form>
+    <input type="submit"><span>This should be green</span>
+    <input id="foo"><span class="reverse">This should be green</span>
+    <input type="image"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-3b.html b/layout/reftests/bugs/352980-3b.html
new file mode 100644
index 0000000000..9e5e18eaef
--- /dev/null
+++ b/layout/reftests/bugs/352980-3b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'submit'">
+  <form>
+    <input type="image"><span>This should be green</span>
+    <input id="foo"><span class="reverse">This should be green</span>
+    <input type="submit"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-3c.html b/layout/reftests/bugs/352980-3c.html
new file mode 100644
index 0000000000..81f39b5c64
--- /dev/null
+++ b/layout/reftests/bugs/352980-3c.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'submit';
+               document.getElementById('bar').type = ''">
+  <form>
+    <input id="bar" type="image"><span class="reverse">This should be green</span>
+    <input id="foo"><span>This should be green</span>
+    <input type="submit"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-3d.html b/layout/reftests/bugs/352980-3d.html
new file mode 100644
index 0000000000..c001045ef8
--- /dev/null
+++ b/layout/reftests/bugs/352980-3d.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'image';
+               document.getElementById('bar').type = ''">
+  <form>
+    <input id="bar" type="image"><span class="reverse">This should be green</span>
+    <input id="foo"><span>This should be green</span>
+    <input type="submit"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-3e.html b/layout/reftests/bugs/352980-3e.html
new file mode 100644
index 0000000000..7482774bfa
--- /dev/null
+++ b/layout/reftests/bugs/352980-3e.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'image';
+               document.getElementById('bar').type = ''">
+  <form>
+    <input id="bar" type="submit"><span class="reverse">This should be green</span>
+    <input id="foo"><span>This should be green</span>
+    <input type="image"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/352980-3f.html b/layout/reftests/bugs/352980-3f.html
new file mode 100644
index 0000000000..884857adf7
--- /dev/null
+++ b/layout/reftests/bugs/352980-3f.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   span { color: red }
+   :default + span { color: green }
+   span.reverse { color: green }
+   :default + span.reverse { color: red }
+   input { display: none }
+  </style>
+ </head>
+ <body onload="document.getElementById('foo').type = 'submit';
+               document.getElementById('bar').type = ''">
+  <form>
+    <input id="bar" type="submit"><span class="reverse">This should be green</span>
+    <input id="foo"><span>This should be green</span>
+    <input type="image"><span class="reverse">This should be green</span>
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/356774-1-ref.html b/layout/reftests/bugs/356774-1-ref.html
new file mode 100644
index 0000000000..e781b795a1
--- /dev/null
+++ b/layout/reftests/bugs/356774-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<style>
+table {
+ border: .1mm solid black;
+}
+</style>
+<body>
+<table cellspacing="0">
+ <tr>
+  <td>border: .1mm, collapsed</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/356774-1.html b/layout/reftests/bugs/356774-1.html
new file mode 100644
index 0000000000..4299f31893
--- /dev/null
+++ b/layout/reftests/bugs/356774-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<style>
+table {
+ border: .1mm solid black;
+ border-collapse: collapse;
+}
+</style>
+<body>
+<table>
+ <tr>
+  <td>border: .1mm, collapsed</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/356775-1-ref.html b/layout/reftests/bugs/356775-1-ref.html
new file mode 100644
index 0000000000..6cd0bf8cfc
--- /dev/null
+++ b/layout/reftests/bugs/356775-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+span {
+ border: 1px solid black;
+ word-spacing: 0.7em;
+}
+</style>
+</head>
+<body>
+<span>山本 一郎</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/356775-1.html b/layout/reftests/bugs/356775-1.html
new file mode 100644
index 0000000000..1e5cc977ce
--- /dev/null
+++ b/layout/reftests/bugs/356775-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+span {
+ border: 1px solid black;
+ white-space: pre;
+ word-spacing: 0.7em;
+}
+</style>
+</head>
+<body>
+<span>山本 一郎</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/359869-1-ref.html b/layout/reftests/bugs/359869-1-ref.html
new file mode 100644
index 0000000000..916f507bd2
--- /dev/null
+++ b/layout/reftests/bugs/359869-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <title>test</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+</head>
+
+<body>
+
+<form action="">
+ <fieldset>
+   <p></p>
+  </fieldset>
+</form>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/359869-1.html b/layout/reftests/bugs/359869-1.html
new file mode 100644
index 0000000000..ca8b85cf79
--- /dev/null
+++ b/layout/reftests/bugs/359869-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <title>test</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+</head>
+
+<body>
+
+<form action="">
+ <fieldset>
+ <legend style="display:none">TEST</legend>
+   <p></p>
+  </fieldset>
+</form>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/359903-1-ref.html b/layout/reftests/bugs/359903-1-ref.html
new file mode 100644
index 0000000000..49827269d4
--- /dev/null
+++ b/layout/reftests/bugs/359903-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<input type="button" style="width: 1.5em; text-align: left; font-size: 14px" value="M">
+</body>
+</html>
diff --git a/layout/reftests/bugs/359903-1.html b/layout/reftests/bugs/359903-1.html
new file mode 100644
index 0000000000..863134bf84
--- /dev/null
+++ b/layout/reftests/bugs/359903-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<input type="button" style="width: 1.5em; padding-left: 0; padding-right: 0; text-align: left; font-size: 14px" value="M">
+</body>
+</html>
diff --git a/layout/reftests/bugs/359903-2-ref.html b/layout/reftests/bugs/359903-2-ref.html
new file mode 100644
index 0000000000..9cc839f4c3
--- /dev/null
+++ b/layout/reftests/bugs/359903-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<button style="width: 100px; border: 0;
+               padding-left: 10px; padding-right: 10px">
+   <img src="blue-600x58.png" width="90">
+</button>
+</body>
+</html>
diff --git a/layout/reftests/bugs/359903-2.html b/layout/reftests/bugs/359903-2.html
new file mode 100644
index 0000000000..ca66ab7fd7
--- /dev/null
+++ b/layout/reftests/bugs/359903-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<button style="width: 100px; border: 0;
+               padding-left: 0px; padding-right: 0px">
+   <img src="blue-600x58.png" width="90">
+</button>
+</body>
+</html>
diff --git a/layout/reftests/bugs/360065-1-ref.html b/layout/reftests/bugs/360065-1-ref.html
new file mode 100644
index 0000000000..bdb14387fd
--- /dev/null
+++ b/layout/reftests/bugs/360065-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+ <head>
+  <title>table-cell Testcase</title>
+  <style type="text/css">
+
+   /* Test case: */
+   .tablespan {
+     display: inline-table;
+   }
+   .inlinediv { border: 1px solid blue; }
+   .tablespan { border: 1px solid purple; }
+
+  </style>
+ </head>
+ <body>
+
+   <span class="inlinediv">
+      <span class="tablespan">x</span>
+   </span>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/360065-1.html b/layout/reftests/bugs/360065-1.html
new file mode 100644
index 0000000000..7dbc2b37a2
--- /dev/null
+++ b/layout/reftests/bugs/360065-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+ <head>
+  <title>table-cell Testcase</title>
+  <style type="text/css">
+
+   /* Test case: */
+   .tablespan {
+     display: table-cell;
+   }
+   .inlinediv { border: 1px solid blue; }
+   .tablespan { border: 1px solid purple; }
+
+  </style>
+ </head>
+ <body>
+
+   <span class="inlinediv">
+      <span class="tablespan">x</span>
+   </span>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/360746-1-ref.html b/layout/reftests/bugs/360746-1-ref.html
new file mode 100644
index 0000000000..7217fe6ccd
--- /dev/null
+++ b/layout/reftests/bugs/360746-1-ref.html
@@ -0,0 +1,14 @@
+<html>
+  <head>
+    <title>Testcase bug 360746 - The right panel has disappeared at andrewdupont.net</title>
+    <style>
+      div { height: 20px; background-color: green }
+    </style>
+  </head>
+  <body>
+    <div id="test1"></div>
+    <div id="test2"></div>
+    <div id="test3"></div>
+    <div id="test4"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/360746-1.html b/layout/reftests/bugs/360746-1.html
new file mode 100644
index 0000000000..5e448429b3
--- /dev/null
+++ b/layout/reftests/bugs/360746-1.html
@@ -0,0 +1,40 @@
+<html>
+  <head>
+    <title>Testcase bug 360746 - The right panel has disappeared at andrewdupont.net</title>
+    <style>
+      div { height: 20px }
+      #test1 {
+        background-color: green;
+      }
+      #test2 {
+        background-color: red;
+      }
+      #test3 {
+        background-color: green;
+      }
+      #test4 {
+        background-color: green;
+      }
+    </style>
+    <link href="data:text/css;charset=utf-8," title="narrow" rel="stylesheet" type="text/css" />
+    <link href="data:text/css;charset=utf-8,%23test1%20%7Bbackground-color%3A%20red%3B%7D" title="medium" rel="alternate stylesheet" type="text/css" />
+    <link href="data:text/css;charset=utf-8,%23test2%20%7Bbackground-color%3A%20green%3B%7D" type="text/css" />    
+    <link href="data:text/css;charset=utf-8,%23test3%20%7Bbackground-color%3A%20red%3B%7D" rel="stylesheet" type="text/css" />    
+    <link href="data:text/css;charset=utf-8,%23test4%20%7Bbackground-color%3A%20red%3B%7D" rel="stylesheet" type="text/css" />    
+    <script>
+      document.getElementsByTagName('link')[1].disabled = false;
+      document.getElementsByTagName('link')[1].rel = 'stylesheet';
+    </script>
+  </head>
+  <body>
+    <div id="test1"></div>
+    <div id="test2"></div>
+    <div id="test3"></div>
+    <div id="test4"></div>
+    <script>
+      document.getElementsByTagName('link')[2].rel = 'stylesheet for-the-win';
+      document.getElementsByTagName('link')[3].rel = 'just for-the-win';
+      document.getElementsByTagName('link')[4].removeAttribute("rel");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/360757-1-ref.html b/layout/reftests/bugs/360757-1-ref.html
new file mode 100644
index 0000000000..034e266e1b
--- /dev/null
+++ b/layout/reftests/bugs/360757-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+  <head>
+    <style>
+      body > div { overflow: visible }
+      .test { height: 20px; background: green }
+      #test2 { padding: 0 100px }
+      #test3 { padding: 0 100px; width: 250px }
+      #test4 { padding: 0 10% }
+      #test5 { padding: 0 10%; width: 250px }
+      body { width: 500px }
+    </style>
+  </head>
+
+  <body>
+    <div id="test1">
+      <div class="test"></div>
+    </div>
+    <div id="test2">
+      <div class="test"></div>
+    </div>
+    <div id="test3">
+      <div class="test"></div>
+    </div>
+    <div id="test4">
+      <div class="test"></div>
+    </div>
+    <div id="test5">
+      <div class="test"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/360757-1a.html b/layout/reftests/bugs/360757-1a.html
new file mode 100644
index 0000000000..3ce13f4e5b
--- /dev/null
+++ b/layout/reftests/bugs/360757-1a.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+  <head>
+    <style>
+      body > div { overflow: hidden }
+      .test { height: 20px; background: green }
+      #test2 { padding: 0 100px }
+      #test3 { padding: 0 100px; width: 250px }
+      #test4 { padding: 0 10% }
+      #test5 { padding: 0 10%; width: 250px }
+      body { width: 500px }
+    </style>
+  </head>
+
+  <body>
+    <div id="test1">
+      <div class="test"></div>
+    </div>
+    <div id="test2">
+      <div class="test"></div>
+    </div>
+    <div id="test3">
+      <div class="test"></div>
+    </div>
+    <div id="test4">
+      <div class="test"></div>
+    </div>
+    <div id="test5">
+      <div class="test"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/360757-1b.html b/layout/reftests/bugs/360757-1b.html
new file mode 100644
index 0000000000..ddf453d50e
--- /dev/null
+++ b/layout/reftests/bugs/360757-1b.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+  <head>
+    <style>
+      body > div { overflow: auto }
+      .test { height: 20px; background: green }
+      #test2 { padding: 0 100px }
+      #test3 { padding: 0 100px; width: 250px }
+      #test4 { padding: 0 10% }
+      #test5 { padding: 0 10%; width: 250px }
+      body { width: 500px }
+    </style>
+  </head>
+
+  <body>
+    <div id="test1">
+      <div class="test"></div>
+    </div>
+    <div id="test2">
+      <div class="test"></div>
+    </div>
+    <div id="test3">
+      <div class="test"></div>
+    </div>
+    <div id="test4">
+      <div class="test"></div>
+    </div>
+    <div id="test5">
+      <div class="test"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/361091-1-ref.html b/layout/reftests/bugs/361091-1-ref.html
new file mode 100644
index 0000000000..1d9ec1ee61
--- /dev/null
+++ b/layout/reftests/bugs/361091-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <style type="text/css">
+    .a { width:300px; border:1px solid #000;}
+    .b {float:right; width:100px; height:100px; background:#ccc;}
+  </style>
+</head>
+<body>
+  <div class="a">
+    <div class="b">float right</div>
+    <div>Long text long text long text long text long text long text long text long text long text</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/361091-1.html b/layout/reftests/bugs/361091-1.html
new file mode 100644
index 0000000000..b7dc75178e
--- /dev/null
+++ b/layout/reftests/bugs/361091-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <style type="text/css">
+    .a { width:300px; border:1px solid #000;}
+    .b {float:right; width:100px; height:100px; background:#ccc;}
+  </style>
+</head>
+<body>
+  <div class="a">
+    <div class="b">float right</div>
+    <span><div>Long text long text long text long text long text long text long text long text long text</div></span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-1-quirks-ref.html b/layout/reftests/bugs/362594-1-quirks-ref.html
new file mode 100644
index 0000000000..28f33b530c
--- /dev/null
+++ b/layout/reftests/bugs/362594-1-quirks-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<table border="4">
+  <tr>
+    <td width="200">
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-1-standards-ref.html b/layout/reftests/bugs/362594-1-standards-ref.html
new file mode 100644
index 0000000000..cbbbbed66d
--- /dev/null
+++ b/layout/reftests/bugs/362594-1-standards-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table border="4">
+  <tr>
+    <td width="200">
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-1a.html b/layout/reftests/bugs/362594-1a.html
new file mode 100644
index 0000000000..b3c71f9cd0
--- /dev/null
+++ b/layout/reftests/bugs/362594-1a.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td width="200" nowrap>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-1b.html b/layout/reftests/bugs/362594-1b.html
new file mode 100644
index 0000000000..070cdba40c
--- /dev/null
+++ b/layout/reftests/bugs/362594-1b.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td style="min-width: 200px">
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-1c.html b/layout/reftests/bugs/362594-1c.html
new file mode 100644
index 0000000000..133c0d7f97
--- /dev/null
+++ b/layout/reftests/bugs/362594-1c.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td style="min-width: 200px">
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-2-quirks-ref.html b/layout/reftests/bugs/362594-2-quirks-ref.html
new file mode 100644
index 0000000000..dc2c1a148b
--- /dev/null
+++ b/layout/reftests/bugs/362594-2-quirks-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-2-standards-ref.html b/layout/reftests/bugs/362594-2-standards-ref.html
new file mode 100644
index 0000000000..4ef1e2ec65
--- /dev/null
+++ b/layout/reftests/bugs/362594-2-standards-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-2a.html b/layout/reftests/bugs/362594-2a.html
new file mode 100644
index 0000000000..8aa5370490
--- /dev/null
+++ b/layout/reftests/bugs/362594-2a.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td width="200">
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-2b.html b/layout/reftests/bugs/362594-2b.html
new file mode 100644
index 0000000000..d369d75a85
--- /dev/null
+++ b/layout/reftests/bugs/362594-2b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td width="200" nowrap>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362594-2c.html b/layout/reftests/bugs/362594-2c.html
new file mode 100644
index 0000000000..97ebc029f1
--- /dev/null
+++ b/layout/reftests/bugs/362594-2c.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td width="200">
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/362901-1-ref.html b/layout/reftests/bugs/362901-1-ref.html
new file mode 100644
index 0000000000..113a5e1758
--- /dev/null
+++ b/layout/reftests/bugs/362901-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  body { font-family: sans-serif; }
+  span { color: green }
+</style>
+</head>
+<body>
+<div><span>T</span>ext</div>
+<div style="overflow: auto"><span>T</span>ext</div>
+<fieldset><span>T</span>ext</fieldset>
+<table><tr><td><span>T</span>ext</td></tr></table>
+
+<div><span>T</span>ext</div>
+<div style="overflow: auto"><span>T</span>ext</div>
+<fieldset><span>T</span>ext</fieldset>
+<table><tr><td><span>T</span>ext</td></tr></table>
+
+<div><span>T</span>extMore Text</div>
+<div style="overflow: auto"><span>T</span>extMore Text</div>
+<fieldset><span>T</span>extMore Text</fieldset>
+<table><tr><td><span>T</span>extMore Text</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/362901-1.html b/layout/reftests/bugs/362901-1.html
new file mode 100644
index 0000000000..5d53ea656a
--- /dev/null
+++ b/layout/reftests/bugs/362901-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  body { font-family: sans-serif; }
+  .f::first-letter { color: green }
+</style>
+<script>
+  window.onload = function() {
+    var lst = document.getElementsByClassName("d");
+    for (var i = 0; i < lst.length; ++i) {
+      lst[i].insertBefore(document.createTextNode("Text"),
+                          lst[i].firstChild);
+    }
+  }
+</script>
+</head>
+<body>
+<div class="f">Text</div>
+<div class="f" style="overflow: auto">Text</div>
+<fieldset class="f">Text</fieldset>
+<table><tr><td class="f">Text</td></tr></table>
+
+<div class="f d"></div>
+<div class="f d" style="overflow: auto"></div>
+<fieldset class="f d"></fieldset>
+<table><tr><td class="f d"></td></tr></table>
+
+<div class="f d">More Text</div>
+<div class="f d" style="overflow: auto">More Text</div>
+<fieldset class="f d">More Text</fieldset>
+<table><tr><td class="f d">More Text</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363247-1-ref.html b/layout/reftests/bugs/363247-1-ref.html
new file mode 100644
index 0000000000..3df7148149
--- /dev/null
+++ b/layout/reftests/bugs/363247-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+  <head>
+    <title>bug 363247</title>
+    <link rel="stylesheet" href="data:text/css,body {font-size: 20pt}" id="main-css">
+  </head>
+  <body>
+    <table id="table" style="position: absolute; font-size: inherit;">
+      <tbody>
+        <tr>
+          <td>foo</td><td>bar</td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/363247-1.html b/layout/reftests/bugs/363247-1.html
new file mode 100644
index 0000000000..a017f8fa2c
--- /dev/null
+++ b/layout/reftests/bugs/363247-1.html
@@ -0,0 +1,20 @@
+<html>
+  <head>
+    <title>bug 363247</title>
+    <link rel="stylesheet" href="data:text/css,body {font-size: 10pt}" id="main-css">
+  </head>
+  <body>
+    <table id="table" style="position: absolute; font-size: inherit;">
+      <tbody>
+        <tr>
+          <td>foo</td><td>bar</td>
+        </tr>
+      </tbody>
+    </table>
+    <script>
+      document.body.offsetHeight;
+      var node = document.getElementById("main-css");
+      node.setAttribute("href", 'data:text/css,body {font-size: 20pt}');
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/363329-1-ref.html b/layout/reftests/bugs/363329-1-ref.html
new file mode 100644
index 0000000000..81339b059d
--- /dev/null
+++ b/layout/reftests/bugs/363329-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+	<title>Testcase for bug 363329</title>
+</head>
+<body>
+
+<table border="1">
+  <tr><td colspan="2">colspan 3</td></tr>
+  <tr><td>colspan 2</td><td>x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363329-1.html b/layout/reftests/bugs/363329-1.html
new file mode 100644
index 0000000000..3ddb2e5f48
--- /dev/null
+++ b/layout/reftests/bugs/363329-1.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+	<title>Testcase for bug 363329</title>
+</head>
+<body>
+
+<table border="1">
+  <tr><td colspan="3">colspan 3</td></tr>
+  <tr><td colspan="2">colspan 2</td><td>x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363329-2-ref.html b/layout/reftests/bugs/363329-2-ref.html
new file mode 100644
index 0000000000..9c34fb1735
--- /dev/null
+++ b/layout/reftests/bugs/363329-2-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+	<title>Testcase for bug 363329</title>
+</head>
+<body>
+
+<table cellpadding="0" cellspacing="0" border="0">
+  <tr><td width="250"></td><td>x</td></tr>
+  <tr><td width="250"></td><td>x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363329-2.html b/layout/reftests/bugs/363329-2.html
new file mode 100644
index 0000000000..611b2d7c6c
--- /dev/null
+++ b/layout/reftests/bugs/363329-2.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+	<title>Testcase for bug 363329</title>
+</head>
+<body>
+
+<table cellpadding="0" cellspacing="0" border="0">
+  <tr><td colspan="2" width="200"></td><td></td><td>x</td></tr>
+  <tr><td colspan="3" width="250"></td><td>x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363370-1-ref.html b/layout/reftests/bugs/363370-1-ref.html
new file mode 100644
index 0000000000..f1497a9200
--- /dev/null
+++ b/layout/reftests/bugs/363370-1-ref.html
@@ -0,0 +1,11 @@
+<html><head>
+<title>Testcase bug 363370 - [reflow branch] Crash [@ nsTArray_base::ShiftData] with testcase that appends table cells</title>
+</head>
+<body>
+
+<table border>
+<thead id="b"><tr><td rowspan="3">td</td></tr><tr><td>td</td></tr></thead>
+<tbody colspan="1" id="f"><tr></tr><tr><td>td</td></tr></tbody></table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/363370-1.html b/layout/reftests/bugs/363370-1.html
new file mode 100644
index 0000000000..3c984d3df2
--- /dev/null
+++ b/layout/reftests/bugs/363370-1.html
@@ -0,0 +1,32 @@
+<html class="reftest-wait"><head>
+<title>Testcase bug 363370 - [reflow branch] Crash [@ nsTArray_base::ShiftData] with testcase that appends table cells</title>
+</head>
+<body>
+
+<table border>
+<thead id="b"><tr><td rowspan="3">td</td></tr></thead>
+<tbody colspan="1" id="f"><tr></tr></tbody></table>
+
+<script>
+function doe()  {
+
+
+var x=document.createElement('td');
+var text = document.createTextNode("td");
+x.appendChild(text);
+
+document.getElementById('b').appendChild(x);
+
+
+var y=document.createElement('td');
+var t2 = document.createTextNode("td");
+ y.appendChild(t2);
+
+
+document.getElementById('f').appendChild(y);
+document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doe);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/363402-1-ref.html b/layout/reftests/bugs/363402-1-ref.html
new file mode 100644
index 0000000000..a2662f8dca
--- /dev/null
+++ b/layout/reftests/bugs/363402-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 363402</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<table border align="left">
+  <tr><td>table</td></tr>
+  <tr><td>table</td></tr>
+  <tr><td>table</td></tr>
+</table>
+
+<p>This is text that should flow around the table.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363402-1.html b/layout/reftests/bugs/363402-1.html
new file mode 100644
index 0000000000..6496c1e324
--- /dev/null
+++ b/layout/reftests/bugs/363402-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 363402</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	caption span { visibility: hidden; }
+
+	</style>
+</head>
+<body>
+
+<table border align="left">
+  <caption align="bottom"><span>x x x x x x x x x x x x x x x x x x x x x</span></caption>
+  <tr><td>table</td></tr>
+  <tr><td>table</td></tr>
+  <tr><td>table</td></tr>
+</table>
+
+<p>This is text that should flow around the table.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363637-1-ref.html b/layout/reftests/bugs/363637-1-ref.html
new file mode 100644
index 0000000000..a503f0fa32
--- /dev/null
+++ b/layout/reftests/bugs/363637-1-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<style>
+ body { background: white; }
+ .rel, body { position: relative; }
+ div > div { direction: ltr; height: 10px; }
+ div > div > div { width: 100px; background: lime; }
+ .rtl { direction: rtl; }
+ #testpercentmargin > div > div { margin: 0 4%; }
+ #testabsolutemargin > div > div { margin: 0 20px; }
+ #testpercentpadding > div { padding: 0 4%; }
+ #testabsolutepadding > div { padding: 0 20px; }
+ #testborderparent > div { border-width: 0 20px; border-color: white; border-style: solid; }
+ #testborderkid > div > div { border-width: 0 20px; border-color: white; border-style: solid; }
+</style>
+<body style="width: 500px; margin-left: 100px;">
+<div id="testplain">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testpercentmargin">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testabsolutemargin">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testpercentpadding">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testabsolutepadding">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testborderparent">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testborderkid">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/363637-1.html b/layout/reftests/bugs/363637-1.html
new file mode 100644
index 0000000000..c566868268
--- /dev/null
+++ b/layout/reftests/bugs/363637-1.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<style>
+ body { background: white; }
+ .rel, body { position: relative; }
+ div > div { direction: ltr; height: 10px; }
+ div > div > div { width: 100px; background: lime; position: absolute }
+ .rtl { direction: rtl; }
+ #testpercentmargin > div > div { margin: 0 4%; }
+ #testabsolutemargin > div > div { margin: 0 20px; }
+ #testpercentpadding > div { padding: 0 4%; }
+ #testabsolutepadding > div { padding: 0 20px; }
+ #testborderparent > div { border-width: 0 20px; border-color: white; border-style: solid; }
+ #testborderkid > div > div { border-width: 0 20px; border-color: white; border-style: solid; }
+</style>
+<body style="width: 500px; margin-left: 100px;">
+<div id="testplain">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testpercentmargin">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testabsolutemargin">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testpercentpadding">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testabsolutepadding">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testborderparent">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+<div id="testborderkid">
+  <div><div></div></div>
+  <div class="rel"><div></div></div>
+  <div class="rtl"><div></div></div>
+  <div class="rel rtl"><div></div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/363706-1-ref.html b/layout/reftests/bugs/363706-1-ref.html
new file mode 100644
index 0000000000..5cd2d76aa7
--- /dev/null
+++ b/layout/reftests/bugs/363706-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test for bug 363706</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	div { width: 5ch; height: 100px; background: currentColor; }
+
+	</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363706-1.html b/layout/reftests/bugs/363706-1.html
new file mode 100644
index 0000000000..c831fda47e
--- /dev/null
+++ b/layout/reftests/bugs/363706-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test for bug 363706</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	div { border-left: 5ch solid; height: 100px; }
+
+	</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363728-1-ref.html b/layout/reftests/bugs/363728-1-ref.html
new file mode 100644
index 0000000000..95cc598711
--- /dev/null
+++ b/layout/reftests/bugs/363728-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 4em;
+ background-color: green;
+ overflow: hidden;
+}
+#a div{
+ position: absolute;
+ top: 1em; left: 1em;
+ background-color: lime;
+ height: 7em; width: 7em;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/363728-1.html b/layout/reftests/bugs/363728-1.html
new file mode 100644
index 0000000000..5ead99a657
--- /dev/null
+++ b/layout/reftests/bugs/363728-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 4em;
+ background-color: green;
+ overflow: hidden;
+}
+#a div{
+ position: absolute;
+ top: 1em; left: 1em;
+ background-color: lime;
+ height: 7em; width: 7em;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<textarea>    FAIL</textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/363728-2-ref.html b/layout/reftests/bugs/363728-2-ref.html
new file mode 100644
index 0000000000..b737a3deb7
--- /dev/null
+++ b/layout/reftests/bugs/363728-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 4em;
+ background-color: green;
+ overflow: hidden;
+}
+#a div{
+ position: absolute;
+ top: 1em; left: 1em;
+ background-color: lime;
+ height: 7em; width: 7em;
+}
+#b {
+ height: 4em;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/363728-2.html b/layout/reftests/bugs/363728-2.html
new file mode 100644
index 0000000000..292a785118
--- /dev/null
+++ b/layout/reftests/bugs/363728-2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 4em;
+ background-color: green;
+ overflow: hidden;
+}
+#a div{
+ position: absolute;
+ top: 1em; left: 1em;
+ background-color: lime;
+ height: 7em; width: 7em;
+}
+#b {
+ height: 4em;
+ background-color: blue;
+ overflow: hidden;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/363858-1-ref.html b/layout/reftests/bugs/363858-1-ref.html
new file mode 100644
index 0000000000..a3dd401e0f
--- /dev/null
+++ b/layout/reftests/bugs/363858-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+</style>
+</head>
+<body>
+<div>
+<select>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-1.html b/layout/reftests/bugs/363858-1.html
new file mode 100644
index 0000000000..e55cbbf4d1
--- /dev/null
+++ b/layout/reftests/bugs/363858-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div { width: 0 }
+option { white-space: normal }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-2-ref.html b/layout/reftests/bugs/363858-2-ref.html
new file mode 100644
index 0000000000..4642dc7de9
--- /dev/null
+++ b/layout/reftests/bugs/363858-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+* { -moz-appearance: none }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-2.html b/layout/reftests/bugs/363858-2.html
new file mode 100644
index 0000000000..4c6300c42d
--- /dev/null
+++ b/layout/reftests/bugs/363858-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div { width: 0 }
+option { white-space: normal }
+* { -moz-appearance: none }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-3-ref.html b/layout/reftests/bugs/363858-3-ref.html
new file mode 100644
index 0000000000..4e8c96af4d
--- /dev/null
+++ b/layout/reftests/bugs/363858-3-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+</style>
+</head>
+<body>
+<div>
+<select>
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+</div>
+<div>
+<select size="3">
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-3.html b/layout/reftests/bugs/363858-3.html
new file mode 100644
index 0000000000..7622e3db03
--- /dev/null
+++ b/layout/reftests/bugs/363858-3.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div { width: 0 }
+option { white-space: normal }
+optgroup { white-space: normal }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+</div>
+<div>
+<select size="3">
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-4-ref.html b/layout/reftests/bugs/363858-4-ref.html
new file mode 100644
index 0000000000..6e7a904aef
--- /dev/null
+++ b/layout/reftests/bugs/363858-4-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+* { -moz-appearance: none }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+</div>
+<div>
+<select size="3">
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-4.html b/layout/reftests/bugs/363858-4.html
new file mode 100644
index 0000000000..6a7bef2dd0
--- /dev/null
+++ b/layout/reftests/bugs/363858-4.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div { width: 0 }
+option { white-space: normal }
+optgroup { white-space: normal }
+* { -moz-appearance: none }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+</div>
+<div>
+<select size="3">
+  <optgroup>
+  <option>This is option one</option>
+  <option>This is option two</option>
+  <option>This is option three which is long</option>
+  <option>This is option four</option>
+  </optgroup>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-5-ref.html b/layout/reftests/bugs/363858-5-ref.html
new file mode 100644
index 0000000000..67f215f109
--- /dev/null
+++ b/layout/reftests/bugs/363858-5-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+select { width: 100%; box-sizing: border-box }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <option>This is option one</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option style="visibility: hidden">This is option one</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-5a.html b/layout/reftests/bugs/363858-5a.html
new file mode 100644
index 0000000000..78922540b7
--- /dev/null
+++ b/layout/reftests/bugs/363858-5a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+option { padding-left: 100%; }
+</style>
+</head>
+<body>
+<select>
+  <option>This is option one</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option>This is option one</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-5b.html b/layout/reftests/bugs/363858-5b.html
new file mode 100644
index 0000000000..0728c529e3
--- /dev/null
+++ b/layout/reftests/bugs/363858-5b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+select { width: -moz-available; }
+</style>
+</head>
+<body>
+<select>
+  <option>This is option one</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option style="visibility: hidden">This is option one</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-6-ref.html b/layout/reftests/bugs/363858-6-ref.html
new file mode 100644
index 0000000000..7a583c79e1
--- /dev/null
+++ b/layout/reftests/bugs/363858-6-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+select { width: 100%; box-sizing: border-box }
+* { -moz-appearance: none; }
+</style>
+</head>
+<body>
+<div>
+<select>
+  <option>This is option one</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option style="visibility: hidden">This is option one</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-6a.html b/layout/reftests/bugs/363858-6a.html
new file mode 100644
index 0000000000..f2cb14a999
--- /dev/null
+++ b/layout/reftests/bugs/363858-6a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+option { padding-left: 100%; }
+* { -moz-appearance: none; }
+</style>
+</head>
+<body>
+<select>
+  <option>This is option one</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option>This is option one</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363858-6b.html b/layout/reftests/bugs/363858-6b.html
new file mode 100644
index 0000000000..661a4c3e60
--- /dev/null
+++ b/layout/reftests/bugs/363858-6b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+select { width: -moz-available; }
+* { -moz-appearance: none; }
+</style>
+</head>
+<body>
+<select>
+  <option>This is option one</option>
+</select>
+</div>
+<div>
+<select size="3">
+  <option style="visibility: hidden">This is option one</option>
+</select>
+<div>
+</body>
+</html>
+
+  
diff --git a/layout/reftests/bugs/363874-max-width-ref.html b/layout/reftests/bugs/363874-max-width-ref.html
new file mode 100644
index 0000000000..7e31a7097e
--- /dev/null
+++ b/layout/reftests/bugs/363874-max-width-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<title>Testcase, bug 363874</title>
+</head>
+<body>
+
+<table border width="100%">
+  <tr><td>100</td><td width="50">50</td></tr>
+</table>
+
+<table border>
+  <tr><td>aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui</td></tr>
+  <tr><td width="100">100</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363874-max-width.html b/layout/reftests/bugs/363874-max-width.html
new file mode 100644
index 0000000000..026d8724f4
--- /dev/null
+++ b/layout/reftests/bugs/363874-max-width.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<title>Testcase, bug 363874</title>
+</head>
+<body>
+
+<table border width="100%">
+  <tr><td style="max-width: 100em">100</td><td width="50">50</td></tr>
+</table>
+
+<table border>
+  <tr><td style="max-width: 100em">aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui</td></tr>
+  <tr><td width="100">100</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363874-ref.html b/layout/reftests/bugs/363874-ref.html
new file mode 100644
index 0000000000..d235043161
--- /dev/null
+++ b/layout/reftests/bugs/363874-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<title>Testcase, bug 363874</title>
+</head>
+<body>
+
+<table border="0" cellpadding="0" cellspacing="0">
+  <tr><td width="100">100</td><td width="50">50</td></tr>
+  <tr><td colspan="2" width="150">aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/363874.html b/layout/reftests/bugs/363874.html
new file mode 100644
index 0000000000..4d6e3b57c4
--- /dev/null
+++ b/layout/reftests/bugs/363874.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<title>Testcase, bug 363874</title>
+</head>
+<body>
+
+<table border="0" cellpadding="0" cellspacing="0">
+  <tr><td width="100">100</td><td width="50">50</td></tr>
+  <tr><td colspan="2">aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui aoeui</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/364066-1-ref.html b/layout/reftests/bugs/364066-1-ref.html
new file mode 100644
index 0000000000..c18b33f616
--- /dev/null
+++ b/layout/reftests/bugs/364066-1-ref.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 364066</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+table { margin: 1px 0; border-spacing: 0; }
+td { padding: 0; border: 1px solid; }
+
+</style>
+</head>
+<body>
+
+<!-- solidblue.png is a 16x16 image -->
+
+<table border><tr>
+
+<td width="200">
+
+<table><tr><td>
+  <div style="height: 16px; width: 16px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 32px; width: 32px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 32px; width: 32px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 8px; width: 8px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 8px; width: 8px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 8px; width: 8px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 8px; width: 8px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 40px; width: 32px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 40px; width: 32px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 40px; width: 32px"></div>
+</td></tr></table>
+
+</td><td width="200">
+
+<table><tr><td>
+  <div style="height: 40px; width: 32px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 40px; width: 32px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 40px; width: 32px"></div>
+</td></tr></table>
+<table><tr><td>
+  <div style="height: 40px; width: 32px"></div>
+</td></tr></table>
+
+</td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/364066-1.html b/layout/reftests/bugs/364066-1.html
new file mode 100644
index 0000000000..6f8ce53d4a
--- /dev/null
+++ b/layout/reftests/bugs/364066-1.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 364066</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+table { margin: 1px 0; border-spacing: 0; }
+td { padding: 0; border: 1px solid; line-height: 1px; }
+img { visibility: hidden; vertical-align: bottom; }
+
+</style>
+</head>
+<body>
+
+<!-- solidblue.png is a 16x16 image -->
+
+<table border><tr>
+
+<td width="200">
+
+<table><tr><td><img src="solidblue.png"></td></tr></table>
+<table><tr><td>
+  <img src="solidblue.png" style="height: 32px">
+</td></tr></table>
+<table><tr><td>
+  <img src="solidblue.png" style="min-height: 32px">
+</td></tr></table>
+<table><tr><td>
+  <img src="solidblue.png" style="max-height: 8px">
+</td></tr></table>
+<table><tr><td>
+  <img src="solidblue.png" style="height: 4px;min-height:8px">
+</td></tr></table>
+<table><tr><td>
+  <img src="solidblue.png" style="max-height: 4px;min-height:8px">
+</td></tr></table>
+<table><tr><td>
+  <img src="solidblue.png" style="height: 12px;max-height:8px">
+</td></tr></table>
+<table><tr><td><div style="height: 40px">
+  <img src="solidblue.png" style="height: 80%">
+</div></td></tr></table>
+<table><tr><td><div style="height: 40px">
+  <img src="solidblue.png" style="min-height: 80%">
+</div></td></tr></table>
+<table><tr><td><div style="height: 40px">
+  <img src="solidblue.png" style="height: 60px; max-height: 80%">
+</div></td></tr></table>
+
+</td><td width="200">
+
+<table><tr><td><div style="height: 40px"><div style="height:100%"><div style="height:100%">
+  <img src="solidblue.png" style="height: 80%">
+</div></div></div></td></tr></table>
+<table><tr><td><div style="height: 64px; max-height: 40px">
+  <img src="solidblue.png" style="height: 80%">
+</div></td></tr></table>
+<table><tr><td><div style="height: 20px;min-height: 40px">
+  <img src="solidblue.png" style="height: 80%">
+</div></td></tr></table>
+<table><tr><td><div style="height: 40px"><div style="height:20px; min-height:100%"><div style="height:100px;max-height:100%">
+  <img src="solidblue.png" style="height: 80%">
+</div></div></div></td></tr></table>
+
+</td>
+
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/364079-1-ref.html b/layout/reftests/bugs/364079-1-ref.html
new file mode 100644
index 0000000000..66eac80f74
--- /dev/null
+++ b/layout/reftests/bugs/364079-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    div { height: 20px; }
+    div > div { width: 100px; background: green; }
+    body > div { direction: ltr }
+  </style>
+  <body style="width: 400px">
+    <div><div style="margin-left: 100px; margin-right: auto"></div></div>
+    <div><div style="margin-left: auto; margin-right: 100px"></div></div>
+    <div><div style="margin-left: auto; margin-right: auto"></div></div>
+    <div><div style="margin-left: 200px; margin-right: auto"></div></div>
+    <div><div style="margin-left: 100px; margin-right: 100px"></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/364079-1.html b/layout/reftests/bugs/364079-1.html
new file mode 100644
index 0000000000..f123d6f539
--- /dev/null
+++ b/layout/reftests/bugs/364079-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    div { height: 20px; }
+    div > div { width: 100px; background: green; }
+    body > div { direction: rtl }
+  </style>
+  <body style="width: 400px">
+    <div><div style="margin-left: 100px; margin-right: auto"></div></div>
+    <div><div style="margin-left: auto; margin-right: 100px"></div></div>
+    <div><div style="margin-left: auto; margin-right: auto"></div></div>
+    <div><div style="margin-left: 100px; margin-right: 100px"></div></div>
+    <div><div style="margin-left: 100px; margin-right: auto"></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/364318-1-ref.xhtml b/layout/reftests/bugs/364318-1-ref.xhtml
new file mode 100644
index 0000000000..03fe53c0f1
--- /dev/null
+++ b/layout/reftests/bugs/364318-1-ref.xhtml
@@ -0,0 +1,9 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>rowspan transition</title>
+</head>
+<body>
+<table><thead ><tr><td>td</td><td id="target" rowspan="2">x</td></tr><tr ><td rowspan="2">x</td></tr></thead></table>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/364318-1.xhtml b/layout/reftests/bugs/364318-1.xhtml
new file mode 100644
index 0000000000..1bd8293a0c
--- /dev/null
+++ b/layout/reftests/bugs/364318-1.xhtml
@@ -0,0 +1,9 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>rowspan transition</title>
+</head>
+<body onload="document.getElementById('target').setAttribute('rowspan',2);">
+<table><thead ><tr><td>td</td><td id="target" rowspan="0">x</td></tr><tr ><td rowspan="2">x</td></tr></thead></table>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/364861-1-ref.html b/layout/reftests/bugs/364861-1-ref.html
new file mode 100644
index 0000000000..ab503e0352
--- /dev/null
+++ b/layout/reftests/bugs/364861-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="background: black;
+                background-clip: padding-box;
+                width: 400px;
+                padding: 0;
+                height: 300px;
+                border: 100px solid rgba(255, 255, 0, 0.5);
+                border-radius: 240px / 200px">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/364861-1.html b/layout/reftests/bugs/364861-1.html
new file mode 100644
index 0000000000..566fb323ed
--- /dev/null
+++ b/layout/reftests/bugs/364861-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="background: black;
+                background-clip: padding-box;
+                width: 400px;
+                padding: 0;
+                height: 300px;
+                border: 100px solid rgba(255, 255, 0, 0.5);
+                border-radius: 40.0%">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/364862-1-ref.html b/layout/reftests/bugs/364862-1-ref.html
new file mode 100644
index 0000000000..cc0ff22e66
--- /dev/null
+++ b/layout/reftests/bugs/364862-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body style="width: 400px; padding: 0 200px">
+    <div style="text-decoration: underline;
+                text-indent: 100px;">
+      This text should be entirely underlined, without the underline sticking out.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/364862-1.html b/layout/reftests/bugs/364862-1.html
new file mode 100644
index 0000000000..25b77754a4
--- /dev/null
+++ b/layout/reftests/bugs/364862-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body style="width: 400px; padding: 0 200px">
+    <div style="text-decoration: underline;
+                text-indent: 25%;">
+      This text should be entirely underlined, without the underline sticking out.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/364968-1-ref.html b/layout/reftests/bugs/364968-1-ref.html
new file mode 100644
index 0000000000..6b7f3f9d42
--- /dev/null
+++ b/layout/reftests/bugs/364968-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { position:absolute; width:7px; height:7px; }
+.r { top:0; left:0; background:red; }
+.g { top:0; left:9px; background:lime; }
+.b { top:9px; left:0; background:blue; }
+.y { top:9px; left:9px; background:yellow; }
+</style>
+</head>
+<body>
+<div style="left:256px; top:0;">
+  <div class="r"></div>
+  <div class="g"></div>
+  <div class="b"></div>
+  <div class="y"></div>
+</div>
+<div style="left:272px; top:0;">
+  <div class="r"></div>
+  <div class="g"></div>
+  <div class="b"></div>
+  <div class="y"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/364968-1.xhtml b/layout/reftests/bugs/364968-1.xhtml
new file mode 100644
index 0000000000..f942d1c54d
--- /dev/null
+++ b/layout/reftests/bugs/364968-1.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<stack>
+  <hbox flex="1">
+    <spacer style="width: 256px"/>
+    <image style="width: 16px; height: 16px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACAAAAAAgCAYAAACG5JhhAAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH1wUdBDEnzSKcAAAAAXpJREFUeJzt3MEJwDAMBEE5pP+WnSKCMSwzFdxXsGjtmT0AAABA2nL9AwAAQN5zewAAAAAAAAAA8J8AAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAgAAAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAgAABAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAAAB75p9ewMAAABw2J51ewIAAABwmA8AAAAAAAAAABAgAAAAAAAAAACAAAEAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAwAdutQVA2w3ITgAAAABJRU5ErkJggg=="/>
+    <image style="width: 16px; height: 16px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACAAAAAAgCAYAAACG5JhhAAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH1wUdBDEnzSKcAAAAAXpJREFUeJzt3MEJwDAMBEE5pP+WnSKCMSwzFdxXsGjtmT0AAABA2nL9AwAAQN5zewAAAAAAAAAA8J8AAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAgAAAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAgAABAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAAAB75p9ewMAAABw2J51ewIAAABwmA8AAAAAAAAAABAgAAAAAAAAAACAAAEAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAwAdutQVA2w3ITgAAAABJRU5ErkJggg=="/>
+    <hbox flex="1"/>
+  </hbox>
+  <!-- overdraw the troublesome junctions between colored boxes -->
+  <spacer style="margin-left: 263px; margin-top: 0; height: 16px; width: 2px; background: white;"/>
+  <spacer style="margin-left: 279px; margin-top: 0; height: 16px; width: 2px; background: white;"/>
+  <spacer style="margin-left: 256px; margin-top: 7px; height: 2px; width: 32px; background: white;"/>
+</stack>
+</window>
diff --git a/layout/reftests/bugs/364989-1-ref.html b/layout/reftests/bugs/364989-1-ref.html
new file mode 100644
index 0000000000..eb127311fa
--- /dev/null
+++ b/layout/reftests/bugs/364989-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<table cellpadding="0" cellspacing="0">
+ <tr>
+  <td style="background: lightgreen;">a</td>
+  <td style="background: lightblue;">b</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/364989-1.html b/layout/reftests/bugs/364989-1.html
new file mode 100644
index 0000000000..aff5666bee
--- /dev/null
+++ b/layout/reftests/bugs/364989-1.html
@@ -0,0 +1,22 @@
+<html>
+<body>
+<table cellpadding="0" cellspacing="0">
+ <tr>
+  <td>
+   <table style="table-layout: fixed;" cellpadding="0" cellspacing="0">
+    <tr>
+     <td style="background: lightgreen;">a</td>
+    </tr>
+   </table>
+  </td>
+  <td>
+   <table style="table-layout: fixed;" cellpadding="0" cellspacing="0">
+    <tr>
+     <td style="background: lightblue;">b</td>
+    </tr>
+   </table>
+  </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/365173-1-ref.html b/layout/reftests/bugs/365173-1-ref.html
new file mode 100644
index 0000000000..ac8a56190e
--- /dev/null
+++ b/layout/reftests/bugs/365173-1-ref.html
@@ -0,0 +1,7 @@
+<title>Testcase, bug 365173</title>
+
+<table border="0" cellpadding="0" cellspacing="0">
+  <tr><td width="300" bgcolor="lime">300 (2)</td></tr>
+  <tr><td width="300" bgcolor="yellow">x</td></tr>
+</table>
+
diff --git a/layout/reftests/bugs/365173-1.html b/layout/reftests/bugs/365173-1.html
new file mode 100644
index 0000000000..f79f27f14f
--- /dev/null
+++ b/layout/reftests/bugs/365173-1.html
@@ -0,0 +1,7 @@
+<title>Testcase, bug 365173</title>
+
+<table border="0" cellpadding="0" cellspacing="0">
+  <tr><td colspan="2" width="300" bgcolor="lime">300 (2)</td></tr>
+  <tr><td width="295" bgcolor="yellow">x</td><td width="5" bgcolor="yellow"></td></tr>
+</table>
+
diff --git a/layout/reftests/bugs/366616-1-ref.xhtml b/layout/reftests/bugs/366616-1-ref.xhtml
new file mode 100644
index 0000000000..1dbdde1bc0
--- /dev/null
+++ b/layout/reftests/bugs/366616-1-ref.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window id="test-canvas" title="Canvas in XUL test"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <box style="width: 100px; height: 100px; max-width: 100px; max-height: 100px; background: red"/>
+</window>
diff --git a/layout/reftests/bugs/366616-1.xhtml b/layout/reftests/bugs/366616-1.xhtml
new file mode 100644
index 0000000000..bf6575759d
--- /dev/null
+++ b/layout/reftests/bugs/366616-1.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window id="test-canvas" title="Canvas in XUL test"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml" onload="workWithCanvas();">
+  <script type="text/javascript">
+    function workWithCanvas()
+    {
+      var c = document.getElementById("canvas");
+      var ctx = c.getContext("2d");
+      ctx.fillStyle = "#ff0000";
+      ctx.fillRect(0, 0, 100, 100);
+    }
+  </script>
+  <html:canvas id="canvas" width="100" height="100"
+               style="width: 100px; height: 100px; max-height: 100px; max-width: 100px;"/>
+</window>
diff --git a/layout/reftests/bugs/367220-1-ref.html b/layout/reftests/bugs/367220-1-ref.html
new file mode 100644
index 0000000000..d4a7944f58
--- /dev/null
+++ b/layout/reftests/bugs/367220-1-ref.html
@@ -0,0 +1,45 @@
+<html>
+<head>
+<style id="s">
+  ol {
+    counter-reset: section;
+    list-style-type: none;
+  }
+  li:before {
+    counter-increment: section;
+    content: counters(section, ".") " ";
+  }
+</style>
+
+</head>
+<body>
+<ol>
+  <li>item</li>          <!-- 1     -->
+  <li>item               <!-- 2     -->
+    <ol>
+      <li>item</li>      <!-- 2.1   -->
+      <li>item</li>      <!-- 2.2   -->
+      <li>item           <!-- 2.3   -->
+        <ol>
+          <li>item</li>  <!-- 2.3.1 -->
+          <li>item</li>  <!-- 2.3.2 -->
+        </ol>
+        <ol>
+          <li>item</li>  <!-- 2.3.1 -->
+          <li>item</li>  <!-- 2.3.2 -->
+          <li>item</li>  <!-- 2.3.3 -->
+        </ol>
+      </li>
+      <li>item</li>      <!-- 2.4   -->
+    </ol>
+  </li>
+  <li>item</li>          <!-- 3     -->
+  <li>item</li>          <!-- 4     -->
+</ol>
+<ol>
+  <li>item</li>          <!-- 1     -->
+  <li>item</li>          <!-- 2     -->
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367220-1.html b/layout/reftests/bugs/367220-1.html
new file mode 100644
index 0000000000..69a8097d92
--- /dev/null
+++ b/layout/reftests/bugs/367220-1.html
@@ -0,0 +1,59 @@
+<html>
+<head>
+<style id="s">
+  ol {
+    counter-reset: section;
+    list-style-type: none;
+  }
+  li:before {
+    counter-increment: section;
+    content: counters(section, ".") " ";
+  }
+</style>
+
+</head>
+<body>
+<ol>
+  <li>item</li>          <!-- 1     -->
+  <li>item               <!-- 2     -->
+    <ol>
+      <li>item</li>      <!-- 2.1   -->
+      <li>item</li>      <!-- 2.2   -->
+      <li>item           <!-- 2.3   -->
+        <ol>
+          <li>item</li>  <!-- 2.3.1 -->
+          <li>item</li>  <!-- 2.3.2 -->
+        </ol>
+        <ol>
+          <li>item</li>  <!-- 2.3.1 -->
+          <li>item</li>  <!-- 2.3.2 -->
+          <li>item</li>  <!-- 2.3.3 -->
+        </ol>
+      </li>
+      <li>item</li>      <!-- 2.4   -->
+    </ol>
+  </li>
+  <li>item</li>          <!-- 3     -->
+  <li>item</li>          <!-- 4     -->
+</ol>
+<ol>
+  <li>item</li>          <!-- 1     -->
+  <li>item</li>          <!-- 2     -->
+</ol>
+
+<script>
+s = document.getElementById("s");
+t = s.textContent;
+
+function foo()
+{
+  document.body.offsetHeight;
+  s.textContent = "ol { color: #ddd}";
+  document.body.offsetHeight;
+  s.textContent = t;
+}
+foo();
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-l-auto.html b/layout/reftests/bugs/367247-l-auto.html
new file mode 100644
index 0000000000..7b05c0c126
--- /dev/null
+++ b/layout/reftests/bugs/367247-l-auto.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: auto;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 150px;
+	height: 150px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-l-hidden.html b/layout/reftests/bugs/367247-l-hidden.html
new file mode 100644
index 0000000000..1d7a1b60b1
--- /dev/null
+++ b/layout/reftests/bugs/367247-l-hidden.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: hidden;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 150px;
+	height: 150px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-l-scroll.html b/layout/reftests/bugs/367247-l-scroll.html
new file mode 100644
index 0000000000..20a7c61edd
--- /dev/null
+++ b/layout/reftests/bugs/367247-l-scroll.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: scroll;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 150px;
+	height: 150px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-l-visible.html b/layout/reftests/bugs/367247-l-visible.html
new file mode 100644
index 0000000000..f971525e1b
--- /dev/null
+++ b/layout/reftests/bugs/367247-l-visible.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: visible;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 150px;
+	height: 150px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-s-auto.html b/layout/reftests/bugs/367247-s-auto.html
new file mode 100644
index 0000000000..8dfcf8fdc0
--- /dev/null
+++ b/layout/reftests/bugs/367247-s-auto.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: auto;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 20px;
+	height: 20px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-s-hidden.html b/layout/reftests/bugs/367247-s-hidden.html
new file mode 100644
index 0000000000..8d320c5942
--- /dev/null
+++ b/layout/reftests/bugs/367247-s-hidden.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: hidden;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 20px;
+	height: 20px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-s-scroll.html b/layout/reftests/bugs/367247-s-scroll.html
new file mode 100644
index 0000000000..22dc0d0652
--- /dev/null
+++ b/layout/reftests/bugs/367247-s-scroll.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: scroll;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 20px;
+	height: 20px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367247-s-visible.html b/layout/reftests/bugs/367247-s-visible.html
new file mode 100644
index 0000000000..ccb7612c0b
--- /dev/null
+++ b/layout/reftests/bugs/367247-s-visible.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, 'overflow' on elements with 'display:inline-block'</title>
+<style type="text/css">
+
+body > span {
+	display: inline-block;
+	vertical-align: text-bottom;
+	overflow: visible;
+	width: 100px;
+	height: 100px;
+	border: thin solid;
+}
+
+body > span > span {
+	display: block;
+	background: blue;
+	width: 20px;
+	height: 20px;
+}
+
+</style>
+</head>
+<body>
+<span><span></span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1-ref.html b/layout/reftests/bugs/367332-1-ref.html
new file mode 100644
index 0000000000..4dcf2089d1
--- /dev/null
+++ b/layout/reftests/bugs/367332-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells (reference)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+td { padding-top: 0; }
+td div { padding-top: 40px; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td><div>data</div></td>
+    <td><div>data</div></td>
+    <td><div>data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1a.html b/layout/reftests/bugs/367332-1a.html
new file mode 100644
index 0000000000..de74333470
--- /dev/null
+++ b/layout/reftests/bugs/367332-1a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="padding-top: 40px"><div>data</div></td>
+    <td style="padding-top: 20px"><div>data</div></td>
+    <td style="padding-top: 0"><div>data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1b.html b/layout/reftests/bugs/367332-1b.html
new file mode 100644
index 0000000000..5352119cb7
--- /dev/null
+++ b/layout/reftests/bugs/367332-1b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+td { vertical-align: baseline; padding-top: 0; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td><div style="padding-top: 40px">data</div></td>
+    <td><div style="padding-top: 20px">data</div></td>
+    <td><div style="padding-top: 0">data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1c.html b/layout/reftests/bugs/367332-1c.html
new file mode 100644
index 0000000000..0ae97188be
--- /dev/null
+++ b/layout/reftests/bugs/367332-1c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="padding-top: 0"><div style="padding-top: 40px">data</div></td>
+    <td style="padding-top: 12px"><div style="padding-top: 3px">data</div></td>
+    <td style="padding-top: 40px"><div style="padding-top: 0">data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1d.html b/layout/reftests/bugs/367332-1d.html
new file mode 100644
index 0000000000..f47ea6d606
--- /dev/null
+++ b/layout/reftests/bugs/367332-1d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="padding-top: 12px"><div style="padding-top: 3px">data</div></td>
+    <td style="padding-top: 40px"><div style="padding-top: 0">data</div></td>
+    <td style="padding-top: 0"><div style="padding-top: 40px">data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1e.html b/layout/reftests/bugs/367332-1e.html
new file mode 100644
index 0000000000..abcbe8ce0f
--- /dev/null
+++ b/layout/reftests/bugs/367332-1e.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="padding-top: 0; height: 80px;"><div style="padding-top: 40px">data</div></td>
+    <td style="padding-top: 12px; height: 120px;"><div style="padding-top: 3px">data</div></td>
+    <td style="padding-top: 40px; height: 160px;"><div style="padding-top: 0">data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1f.html b/layout/reftests/bugs/367332-1f.html
new file mode 100644
index 0000000000..2d49213fb9
--- /dev/null
+++ b/layout/reftests/bugs/367332-1f.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="padding-top: 0;"><div style="padding-top: 40px; height: 80px;">data</div></td>
+    <td style="padding-top: 12px;"><div style="padding-top: 3px; height: 120px;">data</div></td>
+    <td style="padding-top: 40px;"><div style="padding-top: 0; height: 160px;">data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367332-1g.html b/layout/reftests/bugs/367332-1g.html
new file mode 100644
index 0000000000..491874541c
--- /dev/null
+++ b/layout/reftests/bugs/367332-1g.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="padding-top: 0;"><div style="padding-top: 40px; height: 80px;">data</div></td>
+    <td style="padding-top: 12px; height: 160px;"><div style="padding-top: 3px;">data</div></td>
+    <td style="padding-top: 40px;"><div style="padding-top: 0;">data</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367375-1-ref.html b/layout/reftests/bugs/367375-1-ref.html
new file mode 100644
index 0000000000..710a2f1fce
--- /dev/null
+++ b/layout/reftests/bugs/367375-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body>
+
+<table border="1" id="table" width="100%" style="table-layout: fixed;">
+<tr>
+<td>X</td>
+<td>XXX</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367375-1.html b/layout/reftests/bugs/367375-1.html
new file mode 100644
index 0000000000..faf1e9ea5c
--- /dev/null
+++ b/layout/reftests/bugs/367375-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body onload="document.getElementById('table').style.tableLayout = 'fixed';">
+
+<table border="1" id="table" width="100%">
+<tr>
+<td>X</td>
+<td>XXX</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367375-2-ref.html b/layout/reftests/bugs/367375-2-ref.html
new file mode 100644
index 0000000000..06275e6d88
--- /dev/null
+++ b/layout/reftests/bugs/367375-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body>
+
+<table border="1" id="table" width="100%">
+<tr>
+<td>X</td>
+<td>XXX</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367375-2.html b/layout/reftests/bugs/367375-2.html
new file mode 100644
index 0000000000..7ce8ebe2de
--- /dev/null
+++ b/layout/reftests/bugs/367375-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body onload="document.getElementById('table').style.tableLayout = '';">
+
+<table border="1" id="table" width="100%" style="table-layout: fixed;">
+<tr>
+<td>X</td>
+<td>XXX</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367489-1-ref.html b/layout/reftests/bugs/367489-1-ref.html
new file mode 100644
index 0000000000..7945721206
--- /dev/null
+++ b/layout/reftests/bugs/367489-1-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+
+<script>
+function boom()
+{
+  document.getElementById("s").style.overflow = "auto";
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<div id="fl">
+  <b><span id="s">Foo</a></b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367489-1.html b/layout/reftests/bugs/367489-1.html
new file mode 100644
index 0000000000..53a0311a29
--- /dev/null
+++ b/layout/reftests/bugs/367489-1.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+
+<style>
+#fl:first-line { }
+</style>
+
+<script>
+function boom()
+{
+  document.getElementById("s").style.overflow = "auto";
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<div id="fl">
+  <b><span id="s">Foo</a></b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/367504-float-1-ref.html b/layout/reftests/bugs/367504-float-1-ref.html
new file mode 100644
index 0000000000..25c702cd5c
--- /dev/null
+++ b/layout/reftests/bugs/367504-float-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 367504 -- inline block as margin root</title>
+<style type="text/css">
+
+span#ib { display: inline-block; vertical-align: text-bottom; }
+
+span#ib span { display:block }
+
+</style>
+</head>
+<body>
+<table border><tr><td>
+
+<p>x<span id="ib"><span>test</span></span>x</p>
+
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367504-float-1.html b/layout/reftests/bugs/367504-float-1.html
new file mode 100644
index 0000000000..0cc8a84034
--- /dev/null
+++ b/layout/reftests/bugs/367504-float-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 367504 -- inline block as margin root</title>
+<style type="text/css">
+
+span#ib { display: inline-block; vertical-align: text-bottom; }
+
+span#ib span { float:left }
+
+</style>
+</head>
+<body>
+<table border><tr><td>
+
+<p>x<span id="ib"><span>test</span></span>x</p>
+
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367504-margin-1-ref.html b/layout/reftests/bugs/367504-margin-1-ref.html
new file mode 100644
index 0000000000..06e592b8a0
--- /dev/null
+++ b/layout/reftests/bugs/367504-margin-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 367504 -- inline block as margin root</title>
+<style type="text/css">
+
+span#ib { display: inline-block; vertical-align: text-bottom; }
+
+span#ib span { display: block; padding: 7px; }
+
+</style>
+</head>
+<body>
+<table border><tr><td>
+
+<p>x<span id="ib"><span>test</span></span>x</p>
+
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367504-margin-1.html b/layout/reftests/bugs/367504-margin-1.html
new file mode 100644
index 0000000000..4f45a6fdcb
--- /dev/null
+++ b/layout/reftests/bugs/367504-margin-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, bug 367504 -- inline block as margin root</title>
+<style type="text/css">
+
+span#ib { display: inline-block; vertical-align: text-bottom; margin: 4px; }
+
+span#ib span { display: block; margin: 3px; }
+
+</style>
+</head>
+<body>
+<table border><tr><td>
+
+<p>x<span id="ib"><span>test</span></span>x</p>
+
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/367612-1-ref.html b/layout/reftests/bugs/367612-1-ref.html
new file mode 100644
index 0000000000..63f4e431da
--- /dev/null
+++ b/layout/reftests/bugs/367612-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+    <style id="t">* { color: green }</style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/367612-1a.html b/layout/reftests/bugs/367612-1a.html
new file mode 100644
index 0000000000..dc27be6fe6
--- /dev/null
+++ b/layout/reftests/bugs/367612-1a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+    <style id="t"></style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+    <script>
+      document.getElementById("t").
+        appendChild(document.createTextNode("* { color: green }"));
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/367612-1b.html b/layout/reftests/bugs/367612-1b.html
new file mode 100644
index 0000000000..840b740900
--- /dev/null
+++ b/layout/reftests/bugs/367612-1b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+    <style id="t"></style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+    <script>
+      document.getElementById("t").
+        appendChild(document.createTextNode("* { color: "));
+      document.getElementById("t").
+        appendChild(document.createTextNode("green }"));
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/367612-1c.html b/layout/reftests/bugs/367612-1c.html
new file mode 100644
index 0000000000..539f472afe
--- /dev/null
+++ b/layout/reftests/bugs/367612-1c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+    <style id="t"></style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+    <script>
+      document.getElementById("t").
+        appendChild(document.createTextNode("* { color: "));
+      // Flush reflow
+      document.body.offsetWidth;
+      document.getElementById("t").
+        appendChild(document.createTextNode("green }"));
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/367612-1d.html b/layout/reftests/bugs/367612-1d.html
new file mode 100644
index 0000000000..1636be08b8
--- /dev/null
+++ b/layout/reftests/bugs/367612-1d.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+    <style id="t"></style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+    <script>
+      document.getElementById("t").appendChild(document.createTextNode(""));
+      document.getElementById("t").firstChild.data = "* { color: green }";
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/367612-1e.html b/layout/reftests/bugs/367612-1e.html
new file mode 100644
index 0000000000..3042fa7dd0
--- /dev/null
+++ b/layout/reftests/bugs/367612-1e.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+    <style id="t"></style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+    <script>
+      document.getElementById("t").
+        appendChild(document.createTextNode("* { color: "));
+      document.getElementById("t").
+        appendChild(document.createTextNode("green }"));
+      document.getElementById("t").normalize();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/367612-1f.html b/layout/reftests/bugs/367612-1f.html
new file mode 100644
index 0000000000..c8b88c87f1
--- /dev/null
+++ b/layout/reftests/bugs/367612-1f.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+    <style id="t"></style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+    <script>
+      document.getElementById("t").
+        appendChild(document.createTextNode("* { color: green }"));
+      document.getElementById("t").
+        appendChild(document.createTextNode("* { color: red }"));
+      // Flush reflow
+      document.body.offsetWidth;
+      document.getElementById("t").
+        removeChild(document.getElementById("t").lastChild);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/367612-1g.html b/layout/reftests/bugs/367612-1g.html
new file mode 100644
index 0000000000..464391fdbb
--- /dev/null
+++ b/layout/reftests/bugs/367612-1g.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style> * { color: red } </style>
+  </head>
+  <body>
+    <span class="test">This text should be green</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/368020-1-ref.html b/layout/reftests/bugs/368020-1-ref.html
new file mode 100644
index 0000000000..afce9a262e
--- /dev/null
+++ b/layout/reftests/bugs/368020-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body>
+
+<div style="column-count: 2; column-fill: auto; height: 72px; background:yellow; line-height: 16px">
+
+  <div style="margin: 7px 1% 2px 2em; border: medium dotted; border-width: 2px 3px 4px 5px;">
+    <div style="background: url(repeatable-diagonal-gradient.png);">
+      <div style="padding: 8px 6px 4px 2px;">
+        blah<br>
+        blah<br>
+        blah<br>
+        blah
+      </div>
+    </div>
+  </div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368020-1.html b/layout/reftests/bugs/368020-1.html
new file mode 100644
index 0000000000..cc1b41ee4f
--- /dev/null
+++ b/layout/reftests/bugs/368020-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body>
+
+<div style="column-count: 2; column-fill: auto; height: 72px; background:yellow; line-height: 16px">
+
+  <div>
+    <div style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-clip: padding; background-origin: padding-box; background-origin: padding; margin: 7px 1% 2px 2em; border: medium dotted; border-width: 2px 3px 4px 5px; padding: 8px 6px 4px 2px;">
+      <div>
+        blah<br>
+        blah<br>
+        blah<br>
+        blah
+      </div>
+    </div>
+  </div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368020-2-ref.html b/layout/reftests/bugs/368020-2-ref.html
new file mode 100644
index 0000000000..99ef10fd0b
--- /dev/null
+++ b/layout/reftests/bugs/368020-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body style="line-height: 3; width: 500px; height: 500px;">
+
+    <span style="margin: 7px 1% 2px 2em; border: medium solid; border-width: 2px 3px 4px 5px; background: url(repeatable-diagonal-gradient.png);">
+      <span style="padding: 0 2% 0 2px;">
+        blah<br>
+        blah<br>
+        blah
+      </span>
+    </span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368020-2.html b/layout/reftests/bugs/368020-2.html
new file mode 100644
index 0000000000..727a87a7f5
--- /dev/null
+++ b/layout/reftests/bugs/368020-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body style="line-height: 3; width: 500px; height: 500px;">
+
+    <span style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-clip: padding; background-origin: padding-box; background-origin: padding; margin: 7px 1% 2px 2em; border: medium solid; border-width: 2px 3px 4px 5px; padding: 0 2% 0 2px;">
+      <span>
+        blah<br>
+        blah<br>
+        blah
+      </span>
+    </span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368020-3-ref.html b/layout/reftests/bugs/368020-3-ref.html
new file mode 100644
index 0000000000..7a95a6c4d4
--- /dev/null
+++ b/layout/reftests/bugs/368020-3-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body style="line-height: 3; width: 500px; height: 250px;">
+
+    <span style="background: url(repeatable-diagonal-gradient.png); background-clip: border-box; background-origin: padding-box; margin: 7px 4px 2px 18px; border: 6px transparent solid; border-width: 2px 10px 15px 2px;">
+        blah<br>
+        blah<br>
+        blah
+    </span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368020-3.html b/layout/reftests/bugs/368020-3.html
new file mode 100644
index 0000000000..d04165527d
--- /dev/null
+++ b/layout/reftests/bugs/368020-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body style="line-height: 3; width: 500px; height: 250px;">
+
+    <span style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-origin: content-box; border: medium transparent solid; border-width: 7px 4px 2px 18px; padding: 2px 2% 3% 2px;">
+        blah<br>
+        blah<br>
+        blah
+    </span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368020-5-ref.html b/layout/reftests/bugs/368020-5-ref.html
new file mode 100644
index 0000000000..0cc7180afe
--- /dev/null
+++ b/layout/reftests/bugs/368020-5-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body style="line-height: 3; width: 500px; height: 250px;">
+
+    <span style="background: url(repeatable-diagonal-gradient.png); background-clip: border-box; background-origin: padding-box; margin: 7px 4px 2px 18px; border: 6px transparent solid; border-width: 2px 10px 15px 2px; box-decoration-break: clone;">
+        blah<br>
+        blah<br>
+        blah
+    </span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368020-5.html b/layout/reftests/bugs/368020-5.html
new file mode 100644
index 0000000000..013708cad0
--- /dev/null
+++ b/layout/reftests/bugs/368020-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 368020</title>
+</head>
+<body style="line-height: 3; width: 500px; height: 250px;">
+
+    <span style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-origin: content-box; border: medium transparent solid; border-width: 7px 4px 2px 18px; padding: 2px 10px 15px 2px; box-decoration-break: clone;">
+        blah<br>
+        blah<br>
+        blah
+    </span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368155-1-ref.xhtml b/layout/reftests/bugs/368155-1-ref.xhtml
new file mode 100644
index 0000000000..d68e227d99
--- /dev/null
+++ b/layout/reftests/bugs/368155-1-ref.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+<head>
+  <title>Bug 368155 Reference</title>
+</head>
+<body>
+<div style="float: left; padding-left: 10px; border: 1px inset;">All of this text should be on one line</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368155-1.xhtml b/layout/reftests/bugs/368155-1.xhtml
new file mode 100644
index 0000000000..6b1ced944b
--- /dev/null
+++ b/layout/reftests/bugs/368155-1.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+<head>
+  <title>Bug 368155</title>
+</head>
+<body>
+<div style="float: left; text-indent: 10px; border: 1px inset;">All of this text should be on one line</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368155-negative-margins-1-ref.html b/layout/reftests/bugs/368155-negative-margins-1-ref.html
new file mode 100644
index 0000000000..5596af7b19
--- /dev/null
+++ b/layout/reftests/bugs/368155-negative-margins-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Minimum intrinsic widths combined with negative margins</title>
+<style type="text/css">
+
+td { height: 2.5em; }
+
+</style>
+</head>
+<body>
+
+<table border width="1"><tr><td>
+</td></tr></table>
+<table border width="1"><tr><td>
+</td></tr></table>
+<table border width="1"><tr><td>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+</td></tr></table>
+<table border width="1"><tr><td>
+</td></tr></table>
+<table border width="1"><tr><td>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 2em"></div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 3em"></div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 3em"></div>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <div style="width: 0.5em"></div>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368155-negative-margins-1.html b/layout/reftests/bugs/368155-negative-margins-1.html
new file mode 100644
index 0000000000..71e7e2bbb6
--- /dev/null
+++ b/layout/reftests/bugs/368155-negative-margins-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Minimum intrinsic widths combined with negative margins</title>
+<style type="text/css">
+
+td { height: 2.5em; }
+
+span {
+  display: inline-block;
+  height: 0.5em;
+  width: 1em;
+}
+
+</style>
+</head>
+<body>
+
+<table border width="1"><tr><td>
+  <span style="margin-right: -1em"></span>
+</td></tr></table>
+<table border width="1"><tr><td>
+  <span style="margin-left: -1em"></span>
+</td></tr></table>
+<table border width="1"><tr><td>
+  <span style="margin: 0 -0.5em"></span>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <span style="margin-right: -2em"></span>
+</td></tr></table>
+<table border width="1"><tr><td>
+  <span style="margin-left: -2em"></span>
+</td></tr></table>
+<table border width="1"><tr><td>
+  <span style="margin: 0 -1em"></span>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <span style="margin-right: -2em"></span>&#x200b;<span style="width: 3em"></span>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <span style="width: 3em"></span>&#x200b;<span style="margin-right: -2em"></span>
+</td></tr></table>
+
+<table border width="1"><tr><td>
+  <span style="width: 3em;"></span>&#x200b;<span style="margin-left: -2em"></span>
+</td></tr></table>
+
+<table border width="1"><tr><td style="text-indent: -.75em">
+  <span style="margin-right: -.75em"></span>&#x200b;<span></span>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368247-1-ref.html b/layout/reftests/bugs/368247-1-ref.html
new file mode 100644
index 0000000000..7e8e437e47
--- /dev/null
+++ b/layout/reftests/bugs/368247-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+div {
+  width: 64px;
+  height: 64px;
+  border: 64px solid blue;
+}
+</style>
+  <body>
+<div style="height: 0; border-bottom: 0; border-top-left-radius: 64px; border-top-right-radius: 64px;"></div>
+<div style="height: 64px; border-width: 0 64px;"></div>
+<div style="height: 0; border-top: 0; border-bottom-left-radius: 64px; border-bottom-right-radius: 64px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/368247-1.html b/layout/reftests/bugs/368247-1.html
new file mode 100644
index 0000000000..27e9fbf9dd
--- /dev/null
+++ b/layout/reftests/bugs/368247-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+div {
+  width: 64px;
+  height: 64px;
+  border: 64px solid blue;
+}
+</style>
+  <body>
+<div style="border-radius: 64px"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/368247-2-ref.html b/layout/reftests/bugs/368247-2-ref.html
new file mode 100644
index 0000000000..f57baf39ea
--- /dev/null
+++ b/layout/reftests/bugs/368247-2-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+div {
+  width: 64px;
+  height: 64px;
+  border: 64px solid blue;
+}
+</style>
+  <body>
+<div style="border-radius: 256px"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/368247-2.html b/layout/reftests/bugs/368247-2.html
new file mode 100644
index 0000000000..257479632f
--- /dev/null
+++ b/layout/reftests/bugs/368247-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+div {
+  width: 64px;
+  height: 64px;
+  border: 64px solid blue;
+}
+</style>
+  <body>
+<div style="border-radius: 128px"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/368504-1-ref.html b/layout/reftests/bugs/368504-1-ref.html
new file mode 100644
index 0000000000..ca2d546700
--- /dev/null
+++ b/layout/reftests/bugs/368504-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 368504 Reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <style type="text/css">
+    td {padding: 0px}
+    table {border-collapse: collapse; border: 0px}
+  </style>
+</head>
+<body>
+<table cellpadding="0" style="width: 100%">
+  <tr><td>
+    <table>
+      <tr>
+        <td style="background: green"><img src="solidblue.png" alt="" width="15" height="15"/></td>
+        <td style="background: yellow; width: 100%">Row 1 Text</td>
+      </tr>
+    </table>
+  </td></tr>
+  <tr><td>
+    <table style="width: 100%"><tr><td style="background: red"><img src="solidblue.png" alt="" width="30" height="15"/>StringOfReallyLongUnbrokenText</td></tr></table>
+  </td></tr>
+</table>			
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-1.html b/layout/reftests/bugs/368504-1.html
new file mode 100644
index 0000000000..fa0d761d4e
--- /dev/null
+++ b/layout/reftests/bugs/368504-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Bug 368504</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <style type="text/css">
+    td {padding: 0px}
+    table {border-collapse: collapse; border: 0px}
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td style="background: green"><img src="solidblue.png" alt="" width="15" height="15"/></td>
+    <td style="background: yellow; width: 100%">Row 1 Text</td>
+  </tr>
+  <tr><td colspan=2 style="background: red"><img src="solidblue.png" alt="" width="30" height="15"/>StringOfReallyLongUnbrokenText</td></tr>
+</table>			
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-2-ref.html b/layout/reftests/bugs/368504-2-ref.html
new file mode 100644
index 0000000000..f6e7a8275d
--- /dev/null
+++ b/layout/reftests/bugs/368504-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+  <title>Bug 368504 Reference 2</title>
+</head>
+<body>
+<table border=1 cellpadding=0>
+  <tr>
+    <td width="100%">&nbsp;</td>
+    <td>ddd</td>
+  </tr>
+  <tr><td colspan="2">
+    <div>&nbsp;</div>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-2.html b/layout/reftests/bugs/368504-2.html
new file mode 100644
index 0000000000..e8e5986a0e
--- /dev/null
+++ b/layout/reftests/bugs/368504-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+  <title>Bug 368504 Test 2</title>
+</head>
+<body>
+<table border=1 cellpadding=0>
+  <tr>
+    <td width="100%">&nbsp;</td>
+    <td>ddd</td>
+  </tr>
+  <tr><td colspan="2">
+    <div style="width: 20em">&nbsp;</div>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-3-ref.html b/layout/reftests/bugs/368504-3-ref.html
new file mode 100644
index 0000000000..b51009f3e4
--- /dev/null
+++ b/layout/reftests/bugs/368504-3-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head><style>
+  /* cellspacing=0 cellpadding=0          */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+
+  /* Table width */
+  table { width: 500px; }
+
+  /* Cell colors + widths */
+  td.a { background: lightgreen; width: 100px;    }
+  td.b { background: yellow;     width: 60%;      }
+  td.c { background: lightblue;  width: 30%;      }
+</style></head>
+<body>
+<table>
+  <tr>
+    <td class="a">a</td>
+    <td class="b">b</td>
+    <td class="c">c</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-3a.html b/layout/reftests/bugs/368504-3a.html
new file mode 100644
index 0000000000..62a18e7405
--- /dev/null
+++ b/layout/reftests/bugs/368504-3a.html
@@ -0,0 +1,28 @@
+<html>
+<head><style>
+  /* cellspacing=0 cellpadding=0          */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+
+  /* Table width */
+  table { width: 500px; }
+
+  /* Cell colors + widths */
+  td.a { background: lightgreen; width: 100px;    }
+  td.b { background: yellow;     width: 60%;      }
+  td.c { background: lightblue;  width: 30%;      }
+  td.d { /* invisible */     min-width: 100px;    }
+</style></head>
+<body>
+<table>
+  <tr>
+    <td class="a">a</td>
+    <td class="b">b</td>
+    <td class="c">c</td>
+  </tr>
+  <tr>
+    <td class="d" colspan=3>&nbsp</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-3b.html b/layout/reftests/bugs/368504-3b.html
new file mode 100644
index 0000000000..2ce80baafc
--- /dev/null
+++ b/layout/reftests/bugs/368504-3b.html
@@ -0,0 +1,28 @@
+<html>
+<head><style>
+  /* cellspacing=0 cellpadding=0          */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+
+  /* Table width */
+  table { width: 500px; }
+
+  /* Cell colors + widths */
+  td.a { background: lightgreen; width: 100px;    }
+  td.b { background: yellow;     width: 60%;      }
+  td.c { background: lightblue;  width: 30%;      }
+  td.d { /* invisible */     min-width: 300px;    }
+</style></head>
+<body>
+<table>
+  <tr>
+    <td class="a">a</td>
+    <td class="b">b</td>
+    <td class="c">c</td>
+  </tr>
+  <tr>
+    <td class="d" colspan=3>&nbsp</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-4-ref.html b/layout/reftests/bugs/368504-4-ref.html
new file mode 100644
index 0000000000..93ef367b7c
--- /dev/null
+++ b/layout/reftests/bugs/368504-4-ref.html
@@ -0,0 +1,100 @@
+<html>
+<head><style>
+  /* cellspacing=0 cellpadding=0          */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+
+  /* Colors for the three cell types      */
+  td.a   { background: lightgreen; }
+  td.b   { background: yellow;     }
+  td.c   { background: blue;       }
+
+  /* Set table-width, to replace shrinkwrap */
+  /* and and min-width on colspanning cell  */
+  table { width: 500px; }
+
+  /* Set %-width on 2nd cell of first row in tables */
+  table#t0 td.b { width:   1% }
+  table#t1 td.b { width:   5% }
+  table#t2 td.b { width:  10% }
+  table#t3 td.b { width:  30% }
+  table#t4 td.b { width:  50% }
+  table#t5 td.b { width:  75% }
+  table#t6 td.b { width:  80% }
+  table#t7 td.b { width:  90% }
+  table#t8 td.b { width:  95% }
+  table#t9 td.b { width: 100% }
+
+</style></head>
+<body>
+<table id="t0"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t1"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t2"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t3"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t4"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t5"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t6"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t7"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t8"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t9"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-4.html b/layout/reftests/bugs/368504-4.html
new file mode 100644
index 0000000000..15f683f8c4
--- /dev/null
+++ b/layout/reftests/bugs/368504-4.html
@@ -0,0 +1,122 @@
+<html>
+<head><style>
+  /* cellspacing=0 cellpadding=0          */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+
+  /* Colors for the three cell types      */
+  td.a   { background: lightgreen; }
+  td.b   { background: yellow;     }
+  td.c   { background: blue;       }
+
+  /* Shrink-wrapping div                  */
+  div.shrinkwrap { width: 1px;   }
+
+  /* Set min-width on colspanning cell    */
+  td.c { min-width: 500px; }
+
+  /* Set %-width on 2nd cell of first row in tables */
+  table#t0 td.b { width:   1% }
+  table#t1 td.b { width:   5% }
+  table#t2 td.b { width:  10% }
+  table#t3 td.b { width:  30% }
+  table#t4 td.b { width:  50% }
+  table#t5 td.b { width:  75% }
+  table#t6 td.b { width:  80% }
+  table#t7 td.b { width:  90% }
+  table#t8 td.b { width:  95% }
+  table#t9 td.b { width: 100% }
+
+</style></head>
+<body>
+<div class="shrinkwrap">
+<table id="t0"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t1"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t2"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t3"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t4"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t5"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t6"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t7"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t8"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+
+<div class="shrinkwrap">
+<table id="t9"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-5-ref.html b/layout/reftests/bugs/368504-5-ref.html
new file mode 100644
index 0000000000..6b1326c8ac
--- /dev/null
+++ b/layout/reftests/bugs/368504-5-ref.html
@@ -0,0 +1,100 @@
+<html>
+<head><style>
+  /* cellspacing=0 cellpadding=0          */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+
+  /* Colors for the three cell types      */
+  td.a   { background: lightgreen; }
+  td.b   { background: yellow;     }
+  td.c   { background: blue;       }
+
+  /* Set min-width on table (replacing min-width  */
+  /* on colspanning cell)                         */
+  table { min-width: 200px; }
+
+  /* Set %-width on 2nd cell of first row in tables */
+  table#t0 td.b { width:   1% }
+  table#t1 td.b { width:   5% }
+  table#t2 td.b { width:  10% }
+  table#t3 td.b { width:  30% }
+  table#t4 td.b { width:  50% }
+  table#t5 td.b { width:  75% }
+  table#t6 td.b { width:  80% }
+  table#t7 td.b { width:  90% }
+  table#t8 td.b { width:  95% }
+  table#t9 td.b { width: 100% }
+
+</style></head>
+<body>
+<table id="t0"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t1"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t2"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t3"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t4"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t5"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t6"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t7"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t8"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+
+<table id="t9"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c">&nbsp</td><td class="c">&nbsp</td>
+</tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-5.html b/layout/reftests/bugs/368504-5.html
new file mode 100644
index 0000000000..a297111f17
--- /dev/null
+++ b/layout/reftests/bugs/368504-5.html
@@ -0,0 +1,99 @@
+<html>
+<head><style>
+  /* cellspacing=0 cellpadding=0          */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+
+  /* Colors for the three cell types      */
+  td.a   { background: lightgreen; }
+  td.b   { background: yellow;     }
+  td.c   { background: blue;       }
+
+  /* Set min-width on colspanning cell    */
+  td.c { min-width: 200px; }
+
+  /* Set %-width on 2nd cell of first row in tables */
+  table#t0 td.b { width:   1% }
+  table#t1 td.b { width:   5% }
+  table#t2 td.b { width:  10% }
+  table#t3 td.b { width:  30% }
+  table#t4 td.b { width:  50% }
+  table#t5 td.b { width:  75% }
+  table#t6 td.b { width:  80% }
+  table#t7 td.b { width:  90% }
+  table#t8 td.b { width:  95% }
+  table#t9 td.b { width: 100% }
+
+</style></head>
+<body>
+<table id="t0"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t1"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t2"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t3"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t4"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t5"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t6"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t7"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t8"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+
+<table id="t9"><tr>
+    <td class="a">foo</td>
+    <td class="b">foo</td>
+  </tr><tr>
+    <td class="c" colspan="2">&nbsp</td>
+</tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-6-ref.html b/layout/reftests/bugs/368504-6-ref.html
new file mode 100644
index 0000000000..f63c687c17
--- /dev/null
+++ b/layout/reftests/bugs/368504-6-ref.html
@@ -0,0 +1,16 @@
+<html>
+<body>
+ xxx
+ <table style="width: 600px" cellspacing=0 cellpadding=0>
+   <tr>
+     <td style="background: lightgreen" colspan=2>x x x x x x x x x x x x </td>
+     <td style="background: gray">xxx</td>
+   </tr>
+   <tr>
+     <td style="background: orange"   >xxx</td>
+     <td style="background: lightblue">xxx</td>
+     <td style="background: yellow"   >xxx</td>
+   </tr>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368504-6.html b/layout/reftests/bugs/368504-6.html
new file mode 100644
index 0000000000..c571302f8e
--- /dev/null
+++ b/layout/reftests/bugs/368504-6.html
@@ -0,0 +1,19 @@
+<html>
+<body>
+ <table style="width: 600px" cellspacing=0 cellpadding=0>
+   <tr>
+     <td style="width: 1px" colspan=2>xxx</td>
+     <td class="b">&nbsp</td>
+   </tr>
+   <tr>
+     <td style="background: lightgreen" colspan=2>x x x x x x x x x x x x </td>
+     <td style="background: gray">xxx</td>
+   </tr>
+   <tr>
+     <td style="background: orange"   >xxx</td>
+     <td style="background: lightblue">xxx</td>
+     <td style="background: yellow"   >xxx</td>
+   </tr>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/368622-1-ref.html b/layout/reftests/bugs/368622-1-ref.html
new file mode 100644
index 0000000000..60f5be8c6c
--- /dev/null
+++ b/layout/reftests/bugs/368622-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>::before { display: inline-block; }</title>
+<style>
+ul li {
+  list-style-type: none;
+}
+ul li span {
+  display: inline-block;
+  width: 3em;
+}
+ul {
+  margin-left: 3em;
+  padding-left: 0;
+}
+</style>
+<ul>
+<li><span>1</span>Foo
+<li><span>2</span>Bar
+</ul>
diff --git a/layout/reftests/bugs/368622-1.html b/layout/reftests/bugs/368622-1.html
new file mode 100644
index 0000000000..8bc06cc037
--- /dev/null
+++ b/layout/reftests/bugs/368622-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<title>::before { display: inline-block; }</title>
+<style>
+ul li {
+  list-style-type: none;
+  counter-increment: item;
+}
+ul li::before {
+  content: counter(item);
+  display: inline-block;
+  width: 3em;
+}
+ul {
+  margin-left: 3em;
+  padding-left: 0;
+}
+</style>
+<ul>
+<li>Foo
+<li>Bar
+</ul>
diff --git a/layout/reftests/bugs/368651-1-ref.html b/layout/reftests/bugs/368651-1-ref.html
new file mode 100644
index 0000000000..d34cbea609
--- /dev/null
+++ b/layout/reftests/bugs/368651-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+
+</head>
+
+<body>
+
+<table border>
+  <tbody id="tbody">
+    <tr>
+      <td rowspan="0">a</td>
+    </tr>
+    <tr>
+    </tr>
+    <tr>
+      <td>b</td>
+    </tr>
+  </tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/368651-1.html b/layout/reftests/bugs/368651-1.html
new file mode 100644
index 0000000000..40ee8bbfe7
--- /dev/null
+++ b/layout/reftests/bugs/368651-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+<script>
+function boom()
+{
+  var td = document.createElementNS("http://www.w3.org/1999/xhtml", "td");
+  td.appendChild(document.createTextNode("b"));
+  document.getElementById("tbody").appendChild(td);
+}
+</script>
+</head>
+
+<body>
+
+<table border>
+  <tbody id="tbody">
+    <tr>
+      <td rowspan="0">a</td>
+    </tr>
+    <tr>
+    </tr>
+  </tbody>
+</table>
+
+<script>
+  // Flush layout
+  document.body.offsetWidth;
+
+  boom();
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/369361-1-ref.html b/layout/reftests/bugs/369361-1-ref.html
new file mode 100644
index 0000000000..1809e8473b
--- /dev/null
+++ b/layout/reftests/bugs/369361-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ float: left;
+}
+ul {
+ margin: 0; padding: 0;
+ list-style: none;
+}
+li {
+ margin: 0 0 0 270px;
+ padding: 0;
+}
+</style>
+</head>
+<body>
+<div>Floater.</div>
+<ul>
+ <li>List item.</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/369361-1.html b/layout/reftests/bugs/369361-1.html
new file mode 100644
index 0000000000..37b2108834
--- /dev/null
+++ b/layout/reftests/bugs/369361-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ float: left;
+ width: 250px;
+}
+ul {
+ margin: 0; padding: 0;
+ list-style: none;
+}
+li {
+ margin: 0 0 0 270px;
+ padding: 0;
+}
+</style>
+</head>
+<body>
+<div>Floater.</div>
+<ul>
+ <li>List item.</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/369361-2-ref.html b/layout/reftests/bugs/369361-2-ref.html
new file mode 100644
index 0000000000..ba053d181e
--- /dev/null
+++ b/layout/reftests/bugs/369361-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ float: right;
+}
+ul {
+ margin: 0; padding: 0;
+ list-style: none;
+}
+li {
+ margin: 0 270px 0 0;
+ padding: 0;
+ text-align: right;
+}
+</style>
+</head>
+<body>
+<div>Floater.</div>
+<ul>
+ <li>List item.</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/369361-2.html b/layout/reftests/bugs/369361-2.html
new file mode 100644
index 0000000000..4e9542906a
--- /dev/null
+++ b/layout/reftests/bugs/369361-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ float: right;
+ width: 250px;
+ text-align: right;
+}
+ul {
+ margin: 0; padding: 0;
+ list-style: none;
+}
+li {
+ margin: 0 270px 0 0;
+ padding: 0;
+ text-align: right;
+}
+</style>
+</head>
+<body>
+<div>Floater.</div>
+<ul>
+ <li>List item.</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/369882-ref.xhtml b/layout/reftests/bugs/369882-ref.xhtml
new file mode 100644
index 0000000000..70cc5440ea
--- /dev/null
+++ b/layout/reftests/bugs/369882-ref.xhtml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox height="18" align="center">
+    <deck>
+      <image width="16" height="16"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"/>
+    </deck>
+  </hbox>
+</window>
diff --git a/layout/reftests/bugs/369882.xhtml b/layout/reftests/bugs/369882.xhtml
new file mode 100644
index 0000000000..f40228c1f9
--- /dev/null
+++ b/layout/reftests/bugs/369882.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox height="17" align="center">
+    <deck>
+      <image width="16" height="16"
+             style="background:blue"
+             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4z8AAAAMBAQD3A0FDAAAAAElFTkSuQmCC"/>
+    </deck>
+  </hbox>
+</window>
diff --git a/layout/reftests/bugs/369975-1.html b/layout/reftests/bugs/369975-1.html
new file mode 100644
index 0000000000..f4f0b41e1f
--- /dev/null
+++ b/layout/reftests/bugs/369975-1.html
@@ -0,0 +1,21 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>Assert: Must have usable originating data here + crash</title>
+</head>
+
+<body>
+
+<table border>
+ <tbody>
+  <tr ><td rowspan="2">1</td></tr>
+  <tr><td rowspan="2">2</td></tr>
+  <tr ><td rowspan="3" colspan="2">3</td></tr>
+  <tr></tr>
+</tbody>
+<tbody>
+  <tr><td rowspan="3">4</td></tr>
+  <tr><td>5</td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370353-1-ref.html b/layout/reftests/bugs/370353-1-ref.html
new file mode 100644
index 0000000000..c2aebb513c
--- /dev/null
+++ b/layout/reftests/bugs/370353-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<title></title>
+	</head>
+	<body>
+
+	<table>
+	<col>
+	<col id="col2" style="visibility: collapse;"><col>
+	<tbody>
+		<tr>
+			<td>one</td>
+			<td>two</td>
+			<td>three</td>
+		</tr>
+		<tr>
+			<td>one</td>
+			<td>two</td>
+			<td>three</td>
+		</tr>
+	</tbody>
+	</table>
+
+	</body>
+</html>
diff --git a/layout/reftests/bugs/370353-1.html b/layout/reftests/bugs/370353-1.html
new file mode 100644
index 0000000000..bd81d6bada
--- /dev/null
+++ b/layout/reftests/bugs/370353-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<title></title>
+	</head>
+	<body onload="document.getElementById('col2').style.visibility = 'collapse';">
+
+	<table>
+	<col>
+	<col id="col2"><col>
+	<tbody>
+		<tr>
+			<td>one</td>
+			<td>two</td>
+			<td>three</td>
+		</tr>
+		<tr>
+			<td>one</td>
+			<td>two</td>
+			<td>three</td>
+		</tr>
+	</tbody>
+	</table>
+
+	</body>
+</html>
diff --git a/layout/reftests/bugs/370422-1-ref.html b/layout/reftests/bugs/370422-1-ref.html
new file mode 100644
index 0000000000..18073081bf
--- /dev/null
+++ b/layout/reftests/bugs/370422-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<title>Testcase bug - Select drop down button doesn't update its position in this case when document widens</title>
+</head>
+<body onload="test()">
+The dropwdown button should be on the right of the select<br>
+
+<iframe src="data:text/html;charset=utf-8,%3Chtml%3E%3Chead%3E%0A%3Cstyle%3E%0Aselect%0A%7B%0A%20%20HEIGHT%3A%20100px%3B%0A%20%20WIDTH%3A%20100%25%3B%20%0A%7D%0A%3C/style%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Cselect%3E%3Coption%20value%3D%222%22%3Etext%3C/option%3E%3C/select%3E%20%20%20%20%20%20%20%20%0A%3C/body%3E%0A%3C/html%3E" style="width: 400px;">
+</iframe>
+<script>
+function test() {
+  document.getElementsByTagName('iframe')[0].style.width = '400px';
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370422-1.html b/layout/reftests/bugs/370422-1.html
new file mode 100644
index 0000000000..98ce2164fa
--- /dev/null
+++ b/layout/reftests/bugs/370422-1.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<title>Testcase bug - Select drop down button doesn't update its position in this case when document widens</title>
+</head>
+<body onload="test()">
+The dropwdown button should be on the right of the select<br>
+
+<iframe src="data:text/html;charset=utf-8,%3Chtml%3E%3Chead%3E%0A%3Cstyle%3E%0Aselect%0A%7B%0A%20%20HEIGHT%3A%20100px%3B%0A%20%20WIDTH%3A%20100%25%3B%20%0A%7D%0A%3C/style%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Cselect%3E%3Coption%20value%3D%222%22%3Etext%3C/option%3E%3C/select%3E%20%20%20%20%20%20%20%20%0A%3C/body%3E%0A%3C/html%3E" style="width: 200px;">
+</iframe>
+<script>
+function test() {
+  document.getElementsByTagName('iframe')[0].style.width = '400px';
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-1-notref.html b/layout/reftests/bugs/370525-1-notref.html
new file mode 100644
index 0000000000..c9f8278ad4
--- /dev/null
+++ b/layout/reftests/bugs/370525-1-notref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Bug 370525 Anti-Reference Testcase</title>
+</head>
+<body>
+  <table style="border: 2px solid blue;">
+    <tr><td style="height: 10%">
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 1</td></tr>
+      </table>
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 2</td></tr>
+      </table>
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-1-ref.html b/layout/reftests/bugs/370525-1-ref.html
new file mode 100644
index 0000000000..1fe8347198
--- /dev/null
+++ b/layout/reftests/bugs/370525-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Bug 370525 Reference Testcase</title>
+</head>
+<body>
+  <table style="border: 2px solid blue;">
+    <tr><td>
+      <table style="border: 1px dotted red;">
+        <tr><td>Table 1</td></tr>
+      </table>
+      <table style="border: 1px dotted red;">
+        <tr><td>Table 2</td></tr>
+      </table>
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-1.html b/layout/reftests/bugs/370525-1.html
new file mode 100644
index 0000000000..67df5206c2
--- /dev/null
+++ b/layout/reftests/bugs/370525-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Bug 370525 Testcase</title>
+</head>
+<body>
+  <table style="border: 2px solid blue;">
+    <tr><td>
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 1</td></tr>
+      </table>
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 2</td></tr>
+      </table>
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-2-notref.html b/layout/reftests/bugs/370525-2-notref.html
new file mode 100644
index 0000000000..a675dd5339
--- /dev/null
+++ b/layout/reftests/bugs/370525-2-notref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <title>Bug 370525 Anti-Reference Testcase</title>
+</head>
+<body>
+  <table style="border: 2px solid blue;">
+    <tr><td style="height: 10%">
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 1</td></tr>
+      </table>
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 2</td></tr>
+      </table>
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-2-ref.html b/layout/reftests/bugs/370525-2-ref.html
new file mode 100644
index 0000000000..1563694b85
--- /dev/null
+++ b/layout/reftests/bugs/370525-2-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <title>Bug 370525 Reference Testcase</title>
+</head>
+<body>
+  <table style="border: 2px solid blue;">
+    <tr><td>
+      <table style="border: 1px dotted red;">
+        <tr><td>Table 1</td></tr>
+      </table>
+      <table style="border: 1px dotted red;">
+        <tr><td>Table 2</td></tr>
+      </table>
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-2.html b/layout/reftests/bugs/370525-2.html
new file mode 100644
index 0000000000..68aab9372f
--- /dev/null
+++ b/layout/reftests/bugs/370525-2.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <title>Bug 370525 Testcase</title>
+</head>
+<body>
+  <table style="border: 2px solid blue;">
+    <tr><td>
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 1</td></tr>
+      </table>
+      <table style="height: 100%; border: 1px dotted red;">
+        <tr><td>Table 2</td></tr>
+      </table>
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-1a-ref.html b/layout/reftests/bugs/370525-rowspan-1a-ref.html
new file mode 100644
index 0000000000..803753a53b
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-1a-ref.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div,
+with specified height on a sibling
+<table>
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div>
+     height=75% / ignored
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px">
+    height=200px.
+   </td>
+ </tr>
+ <tr>
+   <td style="background: orange">
+   2nd row, 1st column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-1a.html b/layout/reftests/bugs/370525-rowspan-1a.html
new file mode 100644
index 0000000000..aa21604161
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-1a.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div, 
+with specified height on a sibling
+<table>
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 75%">
+     height=75% / ignored
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px">
+    height=200px.
+   </td>
+ </tr>
+ <tr>
+   <td style="background: orange">
+   2nd row, 1st column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-1b-ref.html b/layout/reftests/bugs/370525-rowspan-1b-ref.html
new file mode 100644
index 0000000000..73cb6f929d
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-1b-ref.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div,
+with specified height on a sibling
+<table>
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div>
+     height=75% / ignored
+    </div>
+    blah
+   </td>
+   <td style="background: orange">
+    1st row, 2nd column.
+   </td>
+ </tr>
+ <tr>
+   <td  style="background: lightblue" height="200px">
+    2nd row, 1st column. height=200px.
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-1b.html b/layout/reftests/bugs/370525-rowspan-1b.html
new file mode 100644
index 0000000000..3739bbb888
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-1b.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div,
+with specified height on a sibling
+<table>
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 75%">
+     height=75% / ignored
+    </div>
+    blah
+   </td>
+   <td style="background: orange">
+    1st row, 2nd column.
+   </td>
+ </tr>
+ <tr>
+   <td  style="background: lightblue" height="200px">
+    2nd row, 1st column. height=200px.
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-1c-ref.html b/layout/reftests/bugs/370525-rowspan-1c-ref.html
new file mode 100644
index 0000000000..9cd100ca5a
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-1c-ref.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div, with specified
+height on a sibling. Also, does not explicitly create 2nd row.
+<table>
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 150px">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px">
+    height=200px.
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-1c.html b/layout/reftests/bugs/370525-rowspan-1c.html
new file mode 100644
index 0000000000..066a7796d0
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-1c.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div, with specified
+height on a sibling. Also, does not explicitly create 2nd row.
+<table>
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 75%">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px">
+    height=200px.
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-2a-ref.html b/layout/reftests/bugs/370525-rowspan-2a-ref.html
new file mode 100644
index 0000000000..8201256778
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-2a-ref.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 and specified height on a sibling of the cell with percent-height div.
+<table>
+ <tr>
+   <td style="background: lightgreen">
+    <div>
+     height=75% / ignored
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px"  rowspan="2">
+    height=200px.
+   </td>
+ </tr>
+ <tr>
+   <td style="background: orange">
+   2nd row, 1st column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/370525-rowspan-2a.html b/layout/reftests/bugs/370525-rowspan-2a.html
new file mode 100644
index 0000000000..2fea5092a6
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-2a.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 and specified height on a sibling of the cell with percent-height div.
+<table>
+ <tr>
+   <td style="background: lightgreen">
+    <div style="height: 75%">
+     height=75% / ignored
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px"  rowspan="2">
+    height=200px.
+   </td>
+ </tr>
+ <tr>
+   <td style="background: orange">
+   2nd row, 1st column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/370525-rowspan-2b-ref.html b/layout/reftests/bugs/370525-rowspan-2b-ref.html
new file mode 100644
index 0000000000..dce70f5a36
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-2b-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 and specified height on a sibling of the cell with
+percent-height div. Also, does not explicitly create 2nd row.
+<table>
+ <tr>
+   <td style="background: lightgreen">
+    <div style="height: 150px">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px"  rowspan="2">
+    height=200px.
+   </td>
+ </tr>
+</table>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/370525-rowspan-2b.html b/layout/reftests/bugs/370525-rowspan-2b.html
new file mode 100644
index 0000000000..7d697a3f46
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-2b.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 and specified height on a sibling of the cell with
+percent-height div. Also, does not explicitly create 2nd row.
+<table>
+ <tr>
+   <td style="background: lightgreen">
+    <div style="height: 75%">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td  style="background: lightblue" height="200px"  rowspan="2">
+    height=200px.
+   </td>
+ </tr>
+</table>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/370525-rowspan-3-ref.html b/layout/reftests/bugs/370525-rowspan-3-ref.html
new file mode 100644
index 0000000000..91171ca475
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-3-ref.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div, 
+with specified height on table
+<table height="200px">
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 150px">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td style="background: lightblue"> first row, second column </td>
+ </tr>
+ <tr>
+   <td style="background: orange">
+   2nd row, only column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-3.html b/layout/reftests/bugs/370525-rowspan-3.html
new file mode 100644
index 0000000000..94a7a0f82a
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-3.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div, 
+with specified height on table
+<table height="200px">
+ <tr>
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 75%">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td style="background: lightblue"> first row, second column </td>
+ </tr>
+ <tr>
+   <td style="background: orange">
+   2nd row, only column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-4-ref.html b/layout/reftests/bugs/370525-rowspan-4-ref.html
new file mode 100644
index 0000000000..1d2ccb09da
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-4-ref.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div, 
+with specified height on row
+<table>
+ <tr height="160px">
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 150px;">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td style="background: lightblue"> first row, second column </td>
+ </tr>
+ <tr height="40px">
+   <td style="background: orange">
+   2nd row, only column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-rowspan-4.html b/layout/reftests/bugs/370525-rowspan-4.html
new file mode 100644
index 0000000000..d314e9be6d
--- /dev/null
+++ b/layout/reftests/bugs/370525-rowspan-4.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+rowspan=2 on the cell with the percent-height div, 
+with specified height on row
+<table>
+ <tr height="160px">
+   <td style="background: lightgreen" rowspan="2">
+    <div style="height: 75%">
+     height=75% / 150px
+    </div>
+    blah
+   </td>
+   <td style="background: lightblue"> first row, second column </td>
+ </tr>
+ <tr height="40px">
+   <td style="background: orange">
+   2nd row, only column
+   </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-sib-ref.html b/layout/reftests/bugs/370525-sib-ref.html
new file mode 100644
index 0000000000..6db87d0017
--- /dev/null
+++ b/layout/reftests/bugs/370525-sib-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+Specified height on sibling cell
+<table>
+  <tr>
+   <td style="background: lightgreen">
+    <div style="height: 150px">height=75% / 150px</div>
+    blah
+  </td>
+  <td style="height: 200px; background: lightblue">height=200px</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-sib.html b/layout/reftests/bugs/370525-sib.html
new file mode 100644
index 0000000000..f8a20b4ca6
--- /dev/null
+++ b/layout/reftests/bugs/370525-sib.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<link rel="stylesheet" href="370525-style.css"/>
+</head>
+
+<body>
+Specified height on sibling cell
+<table>
+  <tr>
+   <td style="background: lightgreen">
+    <div style="height: 75%">height=75% / 150px</div>
+    blah
+  </td>
+  <td style="height: 200px; background: lightblue">height=200px</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/370525-style.css b/layout/reftests/bugs/370525-style.css
new file mode 100644
index 0000000000..5cc9aba0c8
--- /dev/null
+++ b/layout/reftests/bugs/370525-style.css
@@ -0,0 +1,13 @@
+div { 
+  background: yellow; 
+}
+table {
+  background: grey;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+td, th { 
+  padding: 0;
+  vertical-align: top;
+}
diff --git a/layout/reftests/bugs/370586-1-ref.xhtml b/layout/reftests/bugs/370586-1-ref.xhtml
new file mode 100644
index 0000000000..bd9ee231be
--- /dev/null
+++ b/layout/reftests/bugs/370586-1-ref.xhtml
@@ -0,0 +1,12 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<table border="1">
+  <td style="display: table-row">
+    foo
+    <td>bar</td>
+  </td>
+  <tr><td>baz</td></tr>
+</table>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/370586-1.xhtml b/layout/reftests/bugs/370586-1.xhtml
new file mode 100644
index 0000000000..3fcc53afe2
--- /dev/null
+++ b/layout/reftests/bugs/370586-1.xhtml
@@ -0,0 +1,12 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<table border="1">
+  <td style="display: table-row" rowspan="2">
+    foo
+    <td>bar</td>
+  </td>
+  <tr><td>baz</td></tr>
+</table>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/370629-1-ref.html b/layout/reftests/bugs/370629-1-ref.html
new file mode 100644
index 0000000000..78dda5f0f7
--- /dev/null
+++ b/layout/reftests/bugs/370629-1-ref.html
@@ -0,0 +1 @@
+<span style="display: inline-block; width: 720px; height:720px; background: red"></span>
\ No newline at end of file
diff --git a/layout/reftests/bugs/370629-1.html b/layout/reftests/bugs/370629-1.html
new file mode 100644
index 0000000000..0f9779ca3a
--- /dev/null
+++ b/layout/reftests/bugs/370629-1.html
@@ -0,0 +1 @@
+<img width=720 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAD6AAAA%2BgAQMAAADUsXFBAAAAA1BMVEX%2FAAAZ4gk3AAAHsUlEQVR4Xu3AMQkAAAwEsfpX3fngJSQXAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPCV4gABtb1MvAAAAABJRU5ErkJggg%3D%3D">
\ No newline at end of file
diff --git a/layout/reftests/bugs/370629-2-ref.html b/layout/reftests/bugs/370629-2-ref.html
new file mode 100644
index 0000000000..98e19534e4
--- /dev/null
+++ b/layout/reftests/bugs/370629-2-ref.html
@@ -0,0 +1 @@
+<span style="display: inline-block; width: 1000px; height:1000px; background: red"></span>
\ No newline at end of file
diff --git a/layout/reftests/bugs/370629-2.html b/layout/reftests/bugs/370629-2.html
new file mode 100644
index 0000000000..c2ef605c7e
--- /dev/null
+++ b/layout/reftests/bugs/370629-2.html
@@ -0,0 +1 @@
+<img height=1000 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAD6AAAA%2BgAQMAAADUsXFBAAAAA1BMVEX%2FAAAZ4gk3AAAHsUlEQVR4Xu3AMQkAAAwEsfpX3fngJSQXAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPCV4gABtb1MvAAAAABJRU5ErkJggg%3D%3D">
\ No newline at end of file
diff --git a/layout/reftests/bugs/371043-1-ref.html b/layout/reftests/bugs/371043-1-ref.html
new file mode 100644
index 0000000000..5b504b270a
--- /dev/null
+++ b/layout/reftests/bugs/371043-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <div id="source" style="font-size: 10px; column-gap: 2ch">
+    <span id="test"
+          style="background: green; color: green; display: inline-block;
+                 height: 30px; padding: 0 2px">00
+    </span>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/371043-1.html b/layout/reftests/bugs/371043-1.html
new file mode 100644
index 0000000000..753a3a4c0d
--- /dev/null
+++ b/layout/reftests/bugs/371043-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<body>
+  <div id="source" style="font-size: 10px; column-gap: 2ch">
+    <span id="test"
+          style="background: green; display: inline-block; height: 30px;
+                 padding: 0 2px">
+    </span>
+    <script>
+      document.getElementById("test").style.width =
+        document.defaultView.getComputedStyle(document.getElementById("source")).columnGap;
+    </script>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/371354-1-ref.html b/layout/reftests/bugs/371354-1-ref.html
new file mode 100644
index 0000000000..a65ecc6267
--- /dev/null
+++ b/layout/reftests/bugs/371354-1-ref.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+td * {
+ vertical-align: top;
+}
+img:first-child {
+ float: right;
+}
+</style>
+</head>
+<body>
+<table border="1">
+ <tr>
+  <td><span>Header 1</span><img src="square-outline-32x32.png" alt=""></td>
+  <td><img src="square-outline-32x32.png" alt="">Header 2</td>
+ </tr>
+ <tr>
+  <td>short</td>
+  <td>long long long long long</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/371354-1.html b/layout/reftests/bugs/371354-1.html
new file mode 100644
index 0000000000..233881753a
--- /dev/null
+++ b/layout/reftests/bugs/371354-1.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+span {
+ float: left;
+}
+img {
+ float: right;
+}
+</style>
+</head>
+<body>
+<table border="1">
+ <tr>
+  <td><span>Header 1</span> <img src="square-outline-32x32.png" alt=""></td>
+  <td><span>Header 2</span> <img src="square-outline-32x32.png" alt=""></td>
+ </tr>
+ <tr>
+  <td>short</td>
+  <td>long long long long long</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/371483-1.html b/layout/reftests/bugs/371483-1.html
new file mode 100644
index 0000000000..3259dad2cd
--- /dev/null
+++ b/layout/reftests/bugs/371483-1.html
@@ -0,0 +1,11 @@
+<html>
+<body>
+<table>
+ <tr>
+    <td colspan="2">
+      <table style="table-layout: fixed;"></table>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/371561-1-ref.html b/layout/reftests/bugs/371561-1-ref.html
new file mode 100644
index 0000000000..59507613df
--- /dev/null
+++ b/layout/reftests/bugs/371561-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #t { background: green; position: absolute; width: 100%; left: 0;
+           height: 10px; top: 0; }
+    </style>
+  </head>
+  <body>
+    <div style="position: relative; display: inline; color: white; background: white;">ABCDEF<div id="t"></div></div>
+  <body>
+</html>
diff --git a/layout/reftests/bugs/371561-1.html b/layout/reftests/bugs/371561-1.html
new file mode 100644
index 0000000000..d658fc9556
--- /dev/null
+++ b/layout/reftests/bugs/371561-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table, tbody, tr, td { padding: 0; margin: 0; border-spacing: 0 }
+      table { background: green; position: absolute; width: 100%;
+              border: none; left: 0; top: 0; height: 10px; }
+    </style>
+  </head>
+  <body>
+    <div style="position: relative; display: inline; color: white; background: white;">
+      ABCDEF<table><tr><td></td></tr></table></div>
+  <body>
+</html>
diff --git a/layout/reftests/bugs/371681-1.xhtml b/layout/reftests/bugs/371681-1.xhtml
new file mode 100644
index 0000000000..b607850e19
--- /dev/null
+++ b/layout/reftests/bugs/371681-1.xhtml
@@ -0,0 +1,12 @@
+<html xmlns="http://www.w3.org/1999/xhtml" 
+      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+      
+<head>
+</head>
+<body>
+
+<div style="float: left">X<xul:hbox><input type="radio"/></xul:hbox></div>
+<div id="y" style="float: left">Y</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/371925-1-ref.html b/layout/reftests/bugs/371925-1-ref.html
new file mode 100644
index 0000000000..0d3e2761c9
--- /dev/null
+++ b/layout/reftests/bugs/371925-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<table id="theTable" border="1">
+  <thead id="thead">
+    <tr><th>Header</th></tr>
+  </thead>
+  <tbody><tr><td id="body">BODY</td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/371925-1a.html b/layout/reftests/bugs/371925-1a.html
new file mode 100644
index 0000000000..fd1d69da37
--- /dev/null
+++ b/layout/reftests/bugs/371925-1a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<table id="theTable" border="1"><thead id="thead">
+    <tr><th>Header</th></tr>
+  </thead>
+  <tfoot id="tfoot"><tr><th>Footer</th></tr></tfoot>
+  <tbody><tr><td id="body">BODY</td></tr></tbody>
+</table>
+
+<script>
+var style = document.getElementById('tfoot').style;
+style.display = "none";
+document.body.offsetWidth;
+style.display = "table-footer-group";
+document.body.offsetWidth;
+style.display = "none";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/371925-1b.html b/layout/reftests/bugs/371925-1b.html
new file mode 100644
index 0000000000..8db15e968b
--- /dev/null
+++ b/layout/reftests/bugs/371925-1b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<table id="theTable" border="1">
+  <thead id="thead">
+    <tr><th>Header</th></tr>
+  </thead>
+  <tfoot id="tfoot"><tr><th>Footer</th></tr></tfoot>
+  <tbody><tr><td id="body">BODY</td></tr></tbody>
+</table>
+
+<script>
+var style = document.getElementById('tfoot').style;
+style.display = "none";
+document.body.offsetWidth;
+style.display = "table-footer-group";
+document.body.offsetWidth;
+style.display = "none";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/372037-1-ref.html b/layout/reftests/bugs/372037-1-ref.html
new file mode 100644
index 0000000000..756f765cbd
--- /dev/null
+++ b/layout/reftests/bugs/372037-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+
+<style>
+html, body {margin: 0; padding:5px}
+</style>
+
+<div style="position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: absolute; top: 10px; width: 40px; height: 50px;">
+</div>
+</div>
+
+<div style="position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: fixed; left: 20px; width: 40px; height: 50px;">
+</div>
+</div>
+
+<div style="overflow: auto; position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: relative; width: 200px; height: 200px;">
+</div>
+</div>
+
+<div style="overflow: auto; position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: absolute; width: 200px; height: 200px;">
+</div>
+</div>
diff --git a/layout/reftests/bugs/372037-1.html b/layout/reftests/bugs/372037-1.html
new file mode 100644
index 0000000000..f5a1de623c
--- /dev/null
+++ b/layout/reftests/bugs/372037-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+
+<style>
+html, body {margin: 0; padding:5px}
+</style>
+
+<div style="overflow: auto; position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: absolute; clip: rect(10px, 40px, 60px, 0); width: 200px; height: 200px;">
+</div>
+</div>
+
+<div style="overflow: auto; position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: fixed; clip: rect(0 50px 50px 10px); width: 200px; height: 200px;">
+</div>
+</div>
+
+<div style="overflow: auto; position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: relative; clip: rect(0, 50px, 50px, 0); width: 200px; height: 200px;">
+</div>
+</div>
+
+<div style="overflow: auto; position: relative; height: 100px; width: 100px;">
+<div style="background: blue; position: absolute; clip: rect(0, auto, auto, 0); width: 200px; height: 200px;">
+</div>
+</div>
diff --git a/layout/reftests/bugs/372062-1-ref.html b/layout/reftests/bugs/372062-1-ref.html
new file mode 100644
index 0000000000..7673035a49
--- /dev/null
+++ b/layout/reftests/bugs/372062-1-ref.html
@@ -0,0 +1,8 @@
+<style>
+div {color:white; font-size: xx-large; top: 0; left: 0; position: absolute; width: 200px; height:200px;}
+</style>
+
+<div style="background: red;">FAIL</div>
+<div style="">
+  <div style="background:green">PASS</div>
+</div>
\ No newline at end of file
diff --git a/layout/reftests/bugs/372062-1.html b/layout/reftests/bugs/372062-1.html
new file mode 100644
index 0000000000..c90c844b41
--- /dev/null
+++ b/layout/reftests/bugs/372062-1.html
@@ -0,0 +1,8 @@
+<style>
+div {color:white; font-size: xx-large; top: 0; left: 0; position: absolute; width: 200px; height:200px;}
+</style>
+
+<div style="background: red;">FAIL</div>
+<div style="clip:rect(-200px auto auto -200px);">
+  <div style="background:green">PASS</div>
+</div>
\ No newline at end of file
diff --git a/layout/reftests/bugs/372063-1-ref.html b/layout/reftests/bugs/372063-1-ref.html
new file mode 100644
index 0000000000..e7e5ebdd39
--- /dev/null
+++ b/layout/reftests/bugs/372063-1-ref.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 372063</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color: white; font-size:16px; padding:0; margin:0;
+        }
+
+div {color:white; font-size: xx-large; top: 0; left: 0; position: absolute; width: 100px; height:100px;}
+.pass { background:green; }
+.fail { background: red; }
+
+.test1 { top:0; }
+.test2 { top:150px; }
+.test3 { top:300px; }
+.test4 { top:450px; }
+.test4b{ left:-100px;}
+.test4b div { top:100px; left:100px;}
+.test4c{ left:-100px;}
+.test4c div div { top:100px; left:100px;}
+.test5 { top:600px; }
+.test6 { top:750px; }
+.test5b , .test6b{ left:-100px; }
+.test5b div , .test6b div { left:100px;}
+.test5c , .test6c { left:-100px;}
+.test5c div div , .test6c div div { left:100px;}
+
+#test_inherit { left: 400px; height:auto; bottom:0; }
+.inherit { clip:inherit; }
+    </style>
+</head>
+<body>
+
+<div class="test1">
+<div class="fail">FAIL</div>
+<div>
+  <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test2">
+<div class="pass">PASS</div>
+</div>
+
+<div class="test3">
+<div class="fail">FAIL</div>
+<div>
+  <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test4">
+<div class="pass">PASS</div>
+</div>
+
+<div class="test5">
+<div class="pass">PASS</div>
+</div>
+
+<div class="test6">
+<div class="pass">PASS</div>
+</div>
+
+<!-- same as above but with intermediary div with clip:inherit -->
+<div id="test_inherit">
+<div class="test1">
+<div class="fail">FAIL</div>
+<div>
+ <div>
+  <div class="pass">PASS</div>
+ </div>
+</div>
+</div>
+
+<div class="test2">
+<div>
+  <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test3">
+<div>
+  <div class="fail">FAIL</div>
+</div>
+<div>
+ <div >
+  <div class="pass">PASS</div>
+ </div>
+</div>
+</div>
+
+<div class="test4">
+<div>
+ <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test5">
+<div>
+ <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test6">
+<div>
+ <div class="pass">PASS</div>
+</div>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/372063-1.html b/layout/reftests/bugs/372063-1.html
new file mode 100644
index 0000000000..0872339e38
--- /dev/null
+++ b/layout/reftests/bugs/372063-1.html
@@ -0,0 +1,147 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 372063</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color: white; font-size:16px; padding:0; margin:0;
+        }
+
+div {color:white; font-size: xx-large; top: 0; left: 0; position: absolute; width: 100px; height:100px;}
+.pass { background:green; }
+.fail { background: red; }
+
+.test1 { top:0; }
+.test2 { top:150px; }
+.test3 { top:300px; }
+.test4 { top:450px; }
+.test4b{ left:-100px;}
+.test4b div { top:100px; left:100px;}
+.test4c{ left:-100px;}
+.test4c div div { top:100px; left:100px;}
+.test5 { top:600px; }
+.test6 { top:750px; }
+.test5b , .test6b{ left:-100px; }
+.test5b div , .test6b div { left:100px;}
+.test5c , .test6c { left:-100px;}
+.test5c div div , .test6c div div { left:100px;}
+
+#test_inherit { left: 400px; height:auto; bottom:0; }
+.inherit { clip:inherit; }
+    </style>
+</head>
+<body>
+
+<div class="test1">
+<div class="fail">FAIL</div>
+<div style="clip:rect(auto auto auto auto);">
+  <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test2">
+<div class="pass">PASS</div>
+<div style="clip:rect(0 0 0 0);">
+  <div class="fail">FAIL</div>
+</div>
+</div>
+
+<div class="test3">
+<div class="fail">FAIL</div>
+<div style="clip:rect(0,200px,200px,0);">
+  <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test4">
+<div class="pass">PASS</div>
+<div class="test4b" style="clip:rect(auto auto auto auto);">
+  <div class="fail">FAIL</div>
+</div>
+</div>
+
+<div class="test5">
+<div class="fail">FAIL</div>
+<div class="test5b" style="clip:auto;">
+  <div class="pass">PASS</div>
+</div>
+</div>
+
+<div class="test6">
+<div class="fail">FAIL</div>
+<div class="test6b" style="">
+  <div class="pass">PASS</div>
+</div>
+</div>
+
+<!-- same as above but with intermediary div with clip:inherit -->
+<div id="test_inherit">
+<div class="test1">
+<div class="fail">FAIL</div>
+<div style="clip:rect(auto auto auto auto);">
+ <div class="inherit">
+  <div class="pass">PASS</div>
+ </div>
+</div>
+</div>
+
+<div class="test2">
+<div class="inherit">
+  <div class="pass">PASS</div>
+</div>
+<div style="clip:rect(0 0 0 0);">
+ <div class="inherit">
+  <div class="fail">FAIL</div>
+ </div>
+</div>
+</div>
+
+<div class="test3">
+<div class="inherit">
+  <div class="fail">FAIL</div>
+</div>
+<div style="clip:rect(0,200px,200px,0);">
+ <div class="inherit">
+  <div class="pass">PASS</div>
+ </div>
+</div>
+</div>
+
+<div class="test4">
+<div class="inherit">
+ <div class="pass">PASS</div>
+</div>
+<div class="test4c" style="clip:rect(auto auto auto auto);">
+ <div class="inherit">
+  <div class="fail">FAIL</div>
+ </div>
+</div>
+</div>
+
+<div class="test5">
+<div class="inherit">
+  <div class="fail">FAIL</div>
+</div>
+<div class="test5c" style="clip:auto;">
+  <div class="inherit">
+    <div class="pass">PASS</div>
+  </div>
+</div>
+</div>
+
+<div class="test6">
+<div class="inherit">
+  <div class="fail">FAIL</div>
+</div>
+<div class="test6c" style="">
+ <div class="inherit">
+   <div class="pass">PASS</div>
+ </div>
+</div>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/372553-1-ref.html b/layout/reftests/bugs/372553-1-ref.html
new file mode 100644
index 0000000000..3ca9eea8a1
--- /dev/null
+++ b/layout/reftests/bugs/372553-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style>
+
+body {
+  width: 5em;
+  font-family: monospace;
+  border: 1px solid yellow; 
+}
+
+body:first-letter { 
+  color: blue; 
+}
+
+</style>
+
+</head>
+<body>
+
+<span><span></span>Bbbbbbbbbbbbbb<span></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/372553-1.html b/layout/reftests/bugs/372553-1.html
new file mode 100644
index 0000000000..7b6ed2cecf
--- /dev/null
+++ b/layout/reftests/bugs/372553-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style>
+
+body {
+  width: 5em;
+  font-family: monospace;
+  border: 1px solid yellow; 
+}
+
+body:first-letter { 
+  color: blue; 
+}
+
+</style>
+
+</head>
+<body>
+
+<span><span><span id="sss">Aaa </span></span>Bbbbbbbbbbbbbb<span></span></span>
+
+<script>
+document.body.offsetWidth;
+sss = document.getElementById("sss");
+sss.remove();
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/372632-1-ref.html b/layout/reftests/bugs/372632-1-ref.html
new file mode 100644
index 0000000000..f1f1cef651
--- /dev/null
+++ b/layout/reftests/bugs/372632-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+
+</head>
+
+<body>
+
+<h3 id="h3">Header</h3>
+
+<div>Div</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/372632-1.html b/layout/reftests/bugs/372632-1.html
new file mode 100644
index 0000000000..2595d98a6f
--- /dev/null
+++ b/layout/reftests/bugs/372632-1.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+
+</head>
+
+<body>
+
+<h3 id="h3"></h3>
+
+<div>Div</div>
+
+<script>
+document.documentElement.offsetHeight;
+n = document.getElementById("h3");
+n.appendChild(document.createTextNode("Header"));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/372768-1-ref.html b/layout/reftests/bugs/372768-1-ref.html
new file mode 100644
index 0000000000..390566234c
--- /dev/null
+++ b/layout/reftests/bugs/372768-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td width="200" id="td" nowrap="nowrap">
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/372768-1.html b/layout/reftests/bugs/372768-1.html
new file mode 100644
index 0000000000..2f1d20d9de
--- /dev/null
+++ b/layout/reftests/bugs/372768-1.html
@@ -0,0 +1,14 @@
+<html>
+<body>
+<table width="100" border="4">
+  <tr>
+    <td width="200" id="td">
+    </td>
+  </tr>
+</table>
+<script>
+document.body.offsetWidth;
+document.getElementById("td").setAttribute("nowrap", "nowrap");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/373295-1-ref.html b/layout/reftests/bugs/373295-1-ref.html
new file mode 100644
index 0000000000..430741d30a
--- /dev/null
+++ b/layout/reftests/bugs/373295-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<table border="1" width="1"><tr><td id="td">abc defghi</td></tr></table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/373295-1.html b/layout/reftests/bugs/373295-1.html
new file mode 100644
index 0000000000..9863503ab4
--- /dev/null
+++ b/layout/reftests/bugs/373295-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<table border="1" width="1"><tr><td id="td">abc def</td></tr></table>
+
+<script>
+document.body.offsetWidth;
+document.getElementById("td").appendChild(document.createTextNode("ghi"));
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/373298-1-ref.html b/layout/reftests/bugs/373298-1-ref.html
new file mode 100644
index 0000000000..cd2a8287b9
--- /dev/null
+++ b/layout/reftests/bugs/373298-1-ref.html
@@ -0,0 +1,3 @@
+<html>
+<body> <p>Foo</p></body>
+</html>
diff --git a/layout/reftests/bugs/373298-1.html b/layout/reftests/bugs/373298-1.html
new file mode 100644
index 0000000000..59a2d0bfba
--- /dev/null
+++ b/layout/reftests/bugs/373298-1.html
@@ -0,0 +1,7 @@
+<html>
+<body>XXX<p>Foo</p></body>
+<script>
+document.body.offsetWidth;
+document.body.firstChild.data = ' ';
+</script>
+</html>
diff --git a/layout/reftests/bugs/373381-1-ref.html b/layout/reftests/bugs/373381-1-ref.html
new file mode 100644
index 0000000000..37ea5077ce
--- /dev/null
+++ b/layout/reftests/bugs/373381-1-ref.html
@@ -0,0 +1,3 @@
+<input type="radio">
+<input type="radio">
+<input type="radio">
diff --git a/layout/reftests/bugs/373381-1.html b/layout/reftests/bugs/373381-1.html
new file mode 100644
index 0000000000..597de6d1f0
--- /dev/null
+++ b/layout/reftests/bugs/373381-1.html
@@ -0,0 +1,3 @@
+<input type="radio" style="width: auto">
+<input type="radio" style="height: auto">
+<input type="radio" style="height: auto; width: auto">
diff --git a/layout/reftests/bugs/373381-2-ref.html b/layout/reftests/bugs/373381-2-ref.html
new file mode 100644
index 0000000000..d3051d4697
--- /dev/null
+++ b/layout/reftests/bugs/373381-2-ref.html
@@ -0,0 +1,3 @@
+<input type="radio" style="-moz-appearance:none">
+<input type="radio" style="-moz-appearance:none">
+<input type="radio" style="-moz-appearance:none">
diff --git a/layout/reftests/bugs/373381-2.html b/layout/reftests/bugs/373381-2.html
new file mode 100644
index 0000000000..356578ae50
--- /dev/null
+++ b/layout/reftests/bugs/373381-2.html
@@ -0,0 +1,3 @@
+<input type="radio" style="width: auto; -moz-appearance: none">
+<input type="radio" style="height: auto; -moz-appearance: none">
+<input type="radio" style="height: auto; width: auto; -moz-appearance: none">
diff --git a/layout/reftests/bugs/373381-3-ref.html b/layout/reftests/bugs/373381-3-ref.html
new file mode 100644
index 0000000000..a844c81b51
--- /dev/null
+++ b/layout/reftests/bugs/373381-3-ref.html
@@ -0,0 +1,3 @@
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
diff --git a/layout/reftests/bugs/373381-3.html b/layout/reftests/bugs/373381-3.html
new file mode 100644
index 0000000000..0f8326b2db
--- /dev/null
+++ b/layout/reftests/bugs/373381-3.html
@@ -0,0 +1,3 @@
+<input type="checkbox" style="width: auto">
+<input type="checkbox" style="height: auto">
+<input type="checkbox" style="height: auto; width: auto">
diff --git a/layout/reftests/bugs/373381-4-ref.html b/layout/reftests/bugs/373381-4-ref.html
new file mode 100644
index 0000000000..1fee977b80
--- /dev/null
+++ b/layout/reftests/bugs/373381-4-ref.html
@@ -0,0 +1,3 @@
+<input type="checkbox" style="-moz-appearance:none">
+<input type="checkbox" style="-moz-appearance:none">
+<input type="checkbox" style="-moz-appearance:none">
diff --git a/layout/reftests/bugs/373381-4.html b/layout/reftests/bugs/373381-4.html
new file mode 100644
index 0000000000..20a84245fb
--- /dev/null
+++ b/layout/reftests/bugs/373381-4.html
@@ -0,0 +1,3 @@
+<input type="checkbox" style="width: auto; -moz-appearance: none">
+<input type="checkbox" style="height: auto; -moz-appearance: none">
+<input type="checkbox" style="height: auto; width: auto; -moz-appearance: none">
diff --git a/layout/reftests/bugs/373383-1-ref.html b/layout/reftests/bugs/373383-1-ref.html
new file mode 100644
index 0000000000..43e778f44d
--- /dev/null
+++ b/layout/reftests/bugs/373383-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style type="text/css">
+    #a { width: 15em; border: 1px solid black; }
+    #b { float: right; width: 8em; height: 3em; background: #ccc; }
+  </style>
+</head>
+<body>
+  <div id="a">
+    <div id="b">float right</div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+    <div>Long text long text long text long text long text long text long text long text long text long text long text long text long text</div>
+  </div>
+  
+</body>
+</html>
diff --git a/layout/reftests/bugs/373383-1.html b/layout/reftests/bugs/373383-1.html
new file mode 100644
index 0000000000..62ccd58ddc
--- /dev/null
+++ b/layout/reftests/bugs/373383-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style type="text/css">
+    #a { width: 15em; border: 1px solid black; }
+    #b { float: right; width: 8em; height: 3em; background: #ccc; }
+  </style>
+</head>
+<body>
+  <div id="a">
+    <div id="b">float right</div>
+    <div>Long text long text long text long text long text long text long text long text long text long text long text long text long text</div>
+  </div>
+  
+  <script>
+  var longWord = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
+
+  document.body.offsetWidth;
+  n = document.getElementById("b").nextSibling;
+  n.data = longWord + n.data;
+  
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/373433-1-ref.html b/layout/reftests/bugs/373433-1-ref.html
new file mode 100644
index 0000000000..8ef9177249
--- /dev/null
+++ b/layout/reftests/bugs/373433-1-ref.html
@@ -0,0 +1,5 @@
+<div style="position:relative; width:300px; height: 300px;">test
+<script>
+</script>
+<div style="position:absolute; right:0;">
+<input style="width: 200px" value="testtesttesttesttesttesttesttest">
\ No newline at end of file
diff --git a/layout/reftests/bugs/373433-1.html b/layout/reftests/bugs/373433-1.html
new file mode 100644
index 0000000000..781c90d767
--- /dev/null
+++ b/layout/reftests/bugs/373433-1.html
@@ -0,0 +1,6 @@
+<div style="position:relative; width:300px; height: 300px;">test
+<script>
+document.body.offsetHeight;
+</script>
+<div style="position:absolute; right:0;">
+<input style="width: 200px" value="testtesttesttesttesttesttesttest">
\ No newline at end of file
diff --git a/layout/reftests/bugs/374038-1-ref.xhtml b/layout/reftests/bugs/374038-1-ref.xhtml
new file mode 100644
index 0000000000..99f8007f5a
--- /dev/null
+++ b/layout/reftests/bugs/374038-1-ref.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <box>
+    <html:canvas width="300" height="300" style="background-color:lime; width: 300px; height: 300px"/>
+  </box>
+</window>
diff --git a/layout/reftests/bugs/374038-1.xhtml b/layout/reftests/bugs/374038-1.xhtml
new file mode 100644
index 0000000000..96bbd89e84
--- /dev/null
+++ b/layout/reftests/bugs/374038-1.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <box>
+    <html:canvas width="300" height="300" style="background-color:lime;"/>
+  </box>
+</window>
diff --git a/layout/reftests/bugs/374038-2-ref.xhtml b/layout/reftests/bugs/374038-2-ref.xhtml
new file mode 100644
index 0000000000..595ceca9b1
--- /dev/null
+++ b/layout/reftests/bugs/374038-2-ref.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <box>
+    <html:img width="600" height="58" src="mozilla-banner.gif"/>
+  </box>
+</window>
diff --git a/layout/reftests/bugs/374038-2.xhtml b/layout/reftests/bugs/374038-2.xhtml
new file mode 100644
index 0000000000..d79ac13113
--- /dev/null
+++ b/layout/reftests/bugs/374038-2.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <box>
+    <html:img src="mozilla-banner.gif"/>
+  </box>
+</window>
diff --git a/layout/reftests/bugs/374927-1-ref.html b/layout/reftests/bugs/374927-1-ref.html
new file mode 100644
index 0000000000..15752c40bd
--- /dev/null
+++ b/layout/reftests/bugs/374927-1-ref.html
@@ -0,0 +1,26 @@
+<html>
+<body>
+The words "One Two Three" should appear down the right side of this page.
+<table>
+  <tr>
+    <td width="100%"/>
+    <td>One</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td width="100%"/>
+    <td>Two</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td width="100%"/>
+    <td>Three</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/374927-1.html b/layout/reftests/bugs/374927-1.html
new file mode 100644
index 0000000000..a9691e53d4
--- /dev/null
+++ b/layout/reftests/bugs/374927-1.html
@@ -0,0 +1,29 @@
+<html>
+<body>
+The words "One Two Three" should appear down the right side of this page.
+<table>
+  <tr>
+    <td><table style="table-layout: fixed;"></table></td>
+    <td>One</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td><table style="table-layout: fixed;"></table></td>
+    <td><table style="table-layout: fixed;"></table></td>
+    <td>Two</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td><table style="table-layout: fixed;"></table></td>
+    <td><table style="table-layout: fixed;"></table></td>
+    <td><table style="table-layout: fixed;"></table></td>
+    <td>Three</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/375508-1-ref.html b/layout/reftests/bugs/375508-1-ref.html
new file mode 100644
index 0000000000..1ee9ea77c9
--- /dev/null
+++ b/layout/reftests/bugs/375508-1-ref.html
@@ -0,0 +1,4 @@
+<style>
+html, body {margin:0; padding:5px}
+</style>
+<div style="outline: 10px solid black; outline-offset: 0; width: 5px; height:5px"></div>
\ No newline at end of file
diff --git a/layout/reftests/bugs/375508-1.html b/layout/reftests/bugs/375508-1.html
new file mode 100644
index 0000000000..aee62417b5
--- /dev/null
+++ b/layout/reftests/bugs/375508-1.html
@@ -0,0 +1,4 @@
+<style>
+html, body {margin:0; padding:0}
+</style>
+<div style="outline: 10px solid black; outline-offset: -10px; width: 25px; height:25px"></div>
\ No newline at end of file
diff --git a/layout/reftests/bugs/375716-1-ref.html b/layout/reftests/bugs/375716-1-ref.html
new file mode 100644
index 0000000000..4128dea4b7
--- /dev/null
+++ b/layout/reftests/bugs/375716-1-ref.html
@@ -0,0 +1,18 @@
+<html><head>
+<title>Bug 375716 - Incremental reflow bug with direction: rtl and bidi-override</title>
+<style>
+
+div {
+border: 1px solid black;
+width:200px;
+}
+</style>
+</head><body>
+<div>
+<i style="direction: rtl;">
+text text text text 
+<b>&#8238;text text text text text&#8236;</b>
+text
+</i>
+</div>
+</body></html>
diff --git a/layout/reftests/bugs/375716-1.html b/layout/reftests/bugs/375716-1.html
new file mode 100644
index 0000000000..403c28bda5
--- /dev/null
+++ b/layout/reftests/bugs/375716-1.html
@@ -0,0 +1,25 @@
+<html class="reftest-wait"><head>
+<title>Bug 375716 - Incremental reflow bug with direction: rtl and bidi-override</title>
+<style>
+
+div {
+border: 1px solid black;
+width:200px;
+}
+</style>
+<script>
+function boom() {
+  var div = document.getElementById('div');
+  div.removeAttribute('style')
+  document.documentElement.removeAttribute("class");
+}
+</script>
+</head><body onload="boom()">
+<div id="div" style="font-size:120%">
+<i style="direction: rtl;">
+text text text text 
+<b style="unicode-bidi: bidi-override;">text text text text text</b>
+text
+</i>
+</div>
+</body></html>
diff --git a/layout/reftests/bugs/375827-1-ref.html b/layout/reftests/bugs/375827-1-ref.html
new file mode 100644
index 0000000000..c6ad3e44b6
--- /dev/null
+++ b/layout/reftests/bugs/375827-1-ref.html
@@ -0,0 +1,9 @@
+<html><head>
+<title>Bug 375827 - Text gets split when it should stay on one line in this case</title>
+</head>
+<body>
+
+<table style="font-size: 14px; border: 1px solid black; width: 1px;"><tbody><tr><td>
+text text<script></script>text
+</td></tr></tbody></table>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/375827-1.html b/layout/reftests/bugs/375827-1.html
new file mode 100644
index 0000000000..9455b46f2b
--- /dev/null
+++ b/layout/reftests/bugs/375827-1.html
@@ -0,0 +1,9 @@
+<html><head>
+<title>Bug 375827 - Text gets split when it should stay on one line in this case</title>
+</head>
+<body>
+
+<table style="font-size: 14px; border: 1px solid black; width: 1px;"><tbody><tr><td>
+text text<script>document.body.offsetHeight;</script>text
+</td></tr></tbody></table>
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/376375-1-ref.html b/layout/reftests/bugs/376375-1-ref.html
new file mode 100644
index 0000000000..69dad70050
--- /dev/null
+++ b/layout/reftests/bugs/376375-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<body><div style="position:absolute; z-index:1; left:370px;top:370px;width:40px;height:40px; background:black;"></div>
+<div style="width:500px; height:500px;
+            overflow:scroll; outline:1px dotted black;
+            position:absolute; left:-100px; top:-100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/376375-1.html b/layout/reftests/bugs/376375-1.html
new file mode 100644
index 0000000000..03ec89da3c
--- /dev/null
+++ b/layout/reftests/bugs/376375-1.html
@@ -0,0 +1,7 @@
+<html>
+<body><div style="position:absolute; z-index:1; left:370px;top:370px;width:40px;height:40px; background:black;"></div>
+<div style="width:500px; height:500px; opacity:0.99999;
+            overflow:scroll; outline:1px dotted black;
+            position:absolute; left:-100px; top:-100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/376484-1-ref.html b/layout/reftests/bugs/376484-1-ref.html
new file mode 100644
index 0000000000..2cded6bc48
--- /dev/null
+++ b/layout/reftests/bugs/376484-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+<p style="color: green">This is text</p>
+<p>This is more text</p> <!-- javascript: in link href shouldn't run now -->
+<p style="color: green">This is yet more text</p>
+<p>This is even more text</p> <!-- javascript: in @import shouldn't run now -->
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/376484-1.html b/layout/reftests/bugs/376484-1.html
new file mode 100644
index 0000000000..3f3ced3c4b
--- /dev/null
+++ b/layout/reftests/bugs/376484-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" type="text/css"
+      href="data:text/css, .g1 { color: green }">
+<link rel="stylesheet" type="text/css"
+      href="javascript:' .g2 { color: green }'">
+<style type="text/css">
+  @import url("data:text/css, .g3 { color: green }");
+  @import url("javascript:' .g4 { color: green }'");
+</style>
+</head>
+<body>
+<p class="g1">This is text</p>
+<p class="g2">This is more text</p>
+<p class="g3">This is yet more text</p>
+<p class="g4">This is even more text</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/376532-1-ref.html b/layout/reftests/bugs/376532-1-ref.html
new file mode 100644
index 0000000000..a33760880e
--- /dev/null
+++ b/layout/reftests/bugs/376532-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 376532: should show single missing glyph box for non-BMP
+     characters (not surrogates)
+     Test 1 uses a narrow paragraph with overflow-x: hidden so that if two
+     missing glyph boxes are displayed only one will be visible
+-->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+p {   
+  font-size: 36pt;
+}
+  </style>
+ <body>
+  <p>&#xddb0d;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/376532-1.html b/layout/reftests/bugs/376532-1.html
new file mode 100644
index 0000000000..107e3f0fc2
--- /dev/null
+++ b/layout/reftests/bugs/376532-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 376532: should show single missing glyph box for non-BMP
+     characters (not surrogates)
+     Test 1 uses a narrow paragraph with overflow-x: hidden so that if two
+     missing glyph boxes are displayed only one will be visible
+-->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+p {   
+  font-size: 36pt;
+  width: 24pt;
+  overflow-x: hidden;
+}
+  </style>
+ <body>
+  <p>&#xddb0d;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/376532-2-ref.html b/layout/reftests/bugs/376532-2-ref.html
new file mode 100644
index 0000000000..67b769b325
--- /dev/null
+++ b/layout/reftests/bugs/376532-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 376532: should show single missing glyph box for non-BMP
+     characters (not surrogates)
+     Test 2 is a non-equality test to catch the case where a single missing
+     glyph box is shown with the high surrogate code point. The test page
+     contains U+0DDBAD (DB36 DF0D) and the reference page U+0DDB0D (DB36 DFAD)
+-->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+p {   
+  font-size: 36pt;
+}
+  </style>
+ <body>
+  <p>&#x0ddb0d;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/376532-2.html b/layout/reftests/bugs/376532-2.html
new file mode 100644
index 0000000000..f07347b95b
--- /dev/null
+++ b/layout/reftests/bugs/376532-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 376532: should show single missing glyph box for non-BMP
+     characters (not surrogates)
+     Test 2 is a non-equality test to catch the case where a single missing
+     glyph box is shown with the high surrogate code point. The test page
+     contains U+0DDBAD (DB36 DF0D) and the reference page U+0DDB0D (DB36 DFAD)
+-->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+p {   
+  font-size: 36pt;
+}
+  </style>
+ <body>
+  <p>&#x0ddbad;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/376532-3-ref.html b/layout/reftests/bugs/376532-3-ref.html
new file mode 100644
index 0000000000..5898fb8da3
--- /dev/null
+++ b/layout/reftests/bugs/376532-3-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 376532: should show single missing glyph box for non-BMP
+     characters (not surrogates)
+     Test 3 is a non-equality test to catch the case where a single missing
+     glyph box is shown with the low surrogate code point. The test page
+     contains U+BF2AD (DABC DEAD) and the reference page U+CFEAD (DAFF DEAD)
+-->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+p {   
+  font-size: 36pt;
+}
+  </style>
+ <body>
+  <p>&#xcfead;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/376532-3.html b/layout/reftests/bugs/376532-3.html
new file mode 100644
index 0000000000..a46e7dd894
--- /dev/null
+++ b/layout/reftests/bugs/376532-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 376532: should show single missing glyph box for non-BMP
+     characters (not surrogates)
+     Test 3 is a non-equality test to catch the case where a single missing
+     glyph box is shown with the low surrogate code point. The test page
+     contains U+BF2AD (DABC DEAD) and the reference page U+CFEAD (DAFF DEAD)
+-->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+  <style type="text/css">
+p {   
+  font-size: 36pt;
+}
+  </style>
+ <body>
+  <p>&#xbf2ad;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/377603-1-ref.html b/layout/reftests/bugs/377603-1-ref.html
new file mode 100644
index 0000000000..a87cdb7891
--- /dev/null
+++ b/layout/reftests/bugs/377603-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <head>
+    <style>
+      table table
+        { border-collapse: collapse; border-style: solid; border-width: 10px;
+          border-color: green }
+    </style>
+  </head>
+</head>
+<body>
+<table><tr>
+  <td>
+    <table>
+      <tr><td></td></tr>
+    </table>    
+    <table>
+      <tr><td></td></tr>
+    </table>
+  </td>
+</tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/377603-1.html b/layout/reftests/bugs/377603-1.html
new file mode 100644
index 0000000000..e45672e5eb
--- /dev/null
+++ b/layout/reftests/bugs/377603-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <head>
+    <style>
+      table table
+        { border-collapse: collapse; border-style: solid; border-width: 10px }
+    </style>
+  </head>
+</head>
+<body>
+<table><tr>
+  <td style="border: 0px solid green; color: red">
+    <table style="border-color: inherit">
+      <tr><td></td></tr>
+    </table>    
+    <table id="test">
+      <tr><td></td></tr>
+    </table>
+    <script>
+      document.body.offsetWidth;
+      document.getElementById("test").style.borderColor = "inherit";
+    </script>
+  </td>
+</tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/377918-ref.html b/layout/reftests/bugs/377918-ref.html
new file mode 100644
index 0000000000..255619e9fc
--- /dev/null
+++ b/layout/reftests/bugs/377918-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+ <body>
+  <p></p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/377918.html b/layout/reftests/bugs/377918.html
new file mode 100644
index 0000000000..4dcae2cc40
--- /dev/null
+++ b/layout/reftests/bugs/377918.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+ <body>
+  <p>&#9;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/378535-1-ref.html b/layout/reftests/bugs/378535-1-ref.html
new file mode 100644
index 0000000000..b1d25c26d1
--- /dev/null
+++ b/layout/reftests/bugs/378535-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+  </head>
+  <body>
+    <div id="div1">PASS1</div>
+    <div id="div2">PASS2</div>
+    <div id="div3"></div>
+    <div id="div4">PASS4</div>
+    <div id="div5"></div>
+    <div id="div6">PASS6</div>
+    <div id="div7">PASS7</div>
+    <div id="div8">PASS8</div>
+    <div id="div9">PASS9</div>
+    <div id="div10">PASS10</div>
+    <div id="div11"></div>
+    <div id="div12">PASS12</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/378535-1.html b/layout/reftests/bugs/378535-1.html
new file mode 100644
index 0000000000..b56f9df832
--- /dev/null
+++ b/layout/reftests/bugs/378535-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+      #div1:before { content: "PASS1"; }
+      #div2:before { content: "FAIL2"; content: "PASS2" }
+      #div3:before { content: "FAIL3"; content: normal; }
+      #div4:before { content: normal; content: "PASS4"; }
+      #div5:before { content: "FAIL5"; content: none; }
+      #div6:before { content: "PASS6"; content: none none; }
+      #div7:before { content: "PASS7"; content: normal none; }
+      #div8:before { content: "PASS8"; content: none normal; }
+      #div9:before { content: "PASS9"; content: "FAIL8" none; }
+      #div10:before { content: "PASS10"; content: no-open-quote none; }
+      #div11:before { content: "FAIL11"; content: no-open-quote no-close-quote; }
+      #div12:before { content: "PASS12"; content: none "FAIL12"; }
+      
+    </style>
+  </head>
+  <body>
+    <div id="div1"></div>
+    <div id="div2"></div>
+    <div id="div3"></div>
+    <div id="div4"></div>
+    <div id="div5"></div>
+    <div id="div6"></div>
+    <div id="div7"></div>
+    <div id="div8"></div>
+    <div id="div9"></div>
+    <div id="div10"></div>
+    <div id="div11"></div>
+    <div id="div12"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/378933-1-ref.html b/layout/reftests/bugs/378933-1-ref.html
new file mode 100644
index 0000000000..217f4b66e6
--- /dev/null
+++ b/layout/reftests/bugs/378933-1-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, border-collapse invalidation/repaint bug</title>
+<link rel="copyright" href="http://www.gnu.org/copyleft/fdl.html">
+<!--
+Reduced from
+http://en.wikipedia.org/wiki/French_presidential_election%2C_2007
+-->
+<style type="text/css">
+
+html, body { height: 100%; }
+td { border: thin solid; }
+td.noborder{border: thin none;}
+</style>
+</head>
+<body>
+
+
+<table style="width: 95%; height: 95%; border-collapse: collapse;">
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td class="noborder">&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td class="noborder">&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td class="noborder">&nbsp;</td>
+<td class="noborder">&nbsp;</td>
+
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td class="noborder">&nbsp;</td>
+<td class="noborder">&nbsp;</td>
+
+</tr>
+</table>
+
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/378933-1.html b/layout/reftests/bugs/378933-1.html
new file mode 100644
index 0000000000..33702a1bc5
--- /dev/null
+++ b/layout/reftests/bugs/378933-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, border-collapse invalidation/repaint bug</title>
+<link rel="copyright" href="http://www.gnu.org/copyleft/fdl.html">
+<!--
+Reduced from
+http://en.wikipedia.org/wiki/French_presidential_election%2C_2007
+-->
+<style type="text/css">
+
+html, body { height: 100%; }
+td { border: thin solid; }
+
+
+</style>
+</head>
+<body>
+
+
+<table style="width: 95%; height: 95%; border-collapse: collapse;">
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+</tr>
+</table>
+
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/378935-1-ref.html b/layout/reftests/bugs/378935-1-ref.html
new file mode 100644
index 0000000000..69bd5ca70c
--- /dev/null
+++ b/layout/reftests/bugs/378935-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, border-collapse invalidation/repaint bug</title>
+<link rel="copyright" href="http://www.gnu.org/copyleft/fdl.html">
+<!--
+Reduced from
+http://en.wikipedia.org/wiki/French_presidential_election%2C_2007
+-->
+<style type="text/css">
+
+html, body { height: 100%; }
+col { border: thin solid; }
+
+</style>
+</head>
+<body>
+
+
+<table style="width: 95%; height: 95%; border-collapse: collapse;">
+<col></col>
+<col></col>
+<col></col>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/378935-1.html b/layout/reftests/bugs/378935-1.html
new file mode 100644
index 0000000000..41dfd81873
--- /dev/null
+++ b/layout/reftests/bugs/378935-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, border-collapse invalidation/repaint bug</title>
+<link rel="copyright" href="http://www.gnu.org/copyleft/fdl.html">
+<!--
+Reduced from
+http://en.wikipedia.org/wiki/French_presidential_election%2C_2007
+-->
+<style type="text/css">
+
+html, body { height: 100%; }
+col { border: thin solid; }
+
+</style>
+</head>
+<body>
+
+
+<table style="width: 95%; height: 95%; border-collapse: collapse;">
+<col></col>
+<col></col>
+<col></col>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/378937-1-ref.html b/layout/reftests/bugs/378937-1-ref.html
new file mode 100644
index 0000000000..4e27d38149
--- /dev/null
+++ b/layout/reftests/bugs/378937-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, border-collapse invalidation/repaint bug</title>
+<link rel="copyright" href="http://www.gnu.org/copyleft/fdl.html">
+<!--
+Reduced from
+http://en.wikipedia.org/wiki/French_presidential_election%2C_2007
+-->
+<style type="text/css">
+
+html, body { height: 100%; }
+col { border: thin solid; }
+
+</style>
+</head>
+<body>
+
+<table style="width: 50%; height: 50%; border-collapse: collapse;">
+<col></col>
+<col></col>
+<col></col>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/378937-1.html b/layout/reftests/bugs/378937-1.html
new file mode 100644
index 0000000000..77ef3e9b13
--- /dev/null
+++ b/layout/reftests/bugs/378937-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase, border-collapse invalidation/repaint bug</title>
+<link rel="copyright" href="http://www.gnu.org/copyleft/fdl.html">
+<!--
+Reduced from
+http://en.wikipedia.org/wiki/French_presidential_election%2C_2007
+-->
+<style type="text/css">
+
+html, body { height: 100%; }
+col { border: thin solid; }
+
+</style>
+</head>
+<body>
+
+<table style="width: 50%; height: 50%; border-collapse: collapse;">
+<col></col>
+<col></col>
+<col></col>
+<tr>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+<tr>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+<td>&nbsp;</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379178-html-ref.html b/layout/reftests/bugs/379178-html-ref.html
new file mode 100644
index 0000000000..0709bfe2f7
--- /dev/null
+++ b/layout/reftests/bugs/379178-html-ref.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+
+<title>HTML Test for Bug #379178</title>
+
+<style type="text/css">
+
+span
+{
+ background-color: #8f8;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>
+ <span>a</span>
+ <span>b</span>
+ <span>c</span>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379178-html.html b/layout/reftests/bugs/379178-html.html
new file mode 100644
index 0000000000..105646f482
--- /dev/null
+++ b/layout/reftests/bugs/379178-html.html
@@ -0,0 +1,31 @@
+<html>
+<head>
+
+<title>HTML Test for Bug #379178</title>
+
+<style type="text/css">
+
+span
+{
+ background-color: white;
+}
+
+#element,
+.extra
+{
+ background-color: #8f8;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>
+ <span style="background-color: #8f8;">a</span>
+ <span id="element">b</span>
+ <span class="extra">c</span>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379178-svg-ref.svg b/layout/reftests/bugs/379178-svg-ref.svg
new file mode 100644
index 0000000000..e1ca9189b3
--- /dev/null
+++ b/layout/reftests/bugs/379178-svg-ref.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" ?>
+<svg
+ width="300" height="100"
+ xmlns="http://www.w3.org/2000/svg">
+
+<style type="text/css">
+
+rect
+{
+ fill: #8f8;
+}
+
+</style>
+
+<rect x="0" y="0" width="100" height="100" />
+
+<rect x="100" y="0" width="100" height="100" />
+
+<rect x="200" y="0" width="100" height="100" />
+
+</svg>
diff --git a/layout/reftests/bugs/379178-svg.svg b/layout/reftests/bugs/379178-svg.svg
new file mode 100644
index 0000000000..d79361fed5
--- /dev/null
+++ b/layout/reftests/bugs/379178-svg.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" ?>
+<svg
+ width="300" height="100"
+ xmlns="http://www.w3.org/2000/svg">
+
+<style type="text/css">
+
+#element,
+.extra
+{
+ fill: #8f8;
+}
+
+</style>
+
+<rect x="0" y="0" width="100" height="100" style="fill: #8f8;" />
+
+<rect x="100" y="0" width="100" height="100" id="element" />
+
+<rect x="200" y="0" width="100" height="100" class="extra" />
+
+</svg>
diff --git a/layout/reftests/bugs/379178-xhtml-ref.xhtml b/layout/reftests/bugs/379178-xhtml-ref.xhtml
new file mode 100644
index 0000000000..09cf50c572
--- /dev/null
+++ b/layout/reftests/bugs/379178-xhtml-ref.xhtml
@@ -0,0 +1,26 @@
+<?xml version="1.0" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+<title>XHTML Test for Bug #379178</title>
+
+<style type="text/css">
+
+span
+{
+ background-color: #8f8;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>
+ <span>a</span>
+ <span>b</span>
+ <span>c</span>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379178-xhtml.xhtml b/layout/reftests/bugs/379178-xhtml.xhtml
new file mode 100644
index 0000000000..6e2fd52cc8
--- /dev/null
+++ b/layout/reftests/bugs/379178-xhtml.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+<title>XHTML Test for Bug #379178</title>
+
+<style type="text/css">
+
+span
+{
+ background-color: white;
+}
+
+#element,
+.extra
+{
+ background-color: #8f8;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>
+ <span style="background-color: #8f8;">a</span>
+ <span id="element">b</span>
+ <span class="extra">c</span>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379316-1-ref.html b/layout/reftests/bugs/379316-1-ref.html
new file mode 100644
index 0000000000..08f265b147
--- /dev/null
+++ b/layout/reftests/bugs/379316-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<body style="color: black; background: white;">
+  <div style="opacity: 0">Test 1</div>
+  <div style="opacity: 0">Test 2</div>
+  <div style="opacity: 0">Test 3</div>
+  <div style="opacity: 0">Test 4</div>
+  <div style="opacity: 1">Test 5</div>
+  <div style="opacity: 1">Test 6</div>
+  <div style="opacity: 1">Test 7</div>
+  <div style="opacity: 1">Test 8</div>
+
+  <div style="opacity: 0">Test 9</div>
+  <div style="opacity: 0">Test 10</div>
+  <div style="opacity: 0">Test 11</div>
+  <div style="opacity: 0">Test 12</div>
+
+  <div style="opacity: 1">Test 13</div>
+  <div style="opacity: 1">Test 14</div>
+  <div style="opacity: 1">Test 15</div>
+  <div style="opacity: 1">Test 16</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/379316-1.html b/layout/reftests/bugs/379316-1.html
new file mode 100644
index 0000000000..2fe613759b
--- /dev/null
+++ b/layout/reftests/bugs/379316-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<body style="color: black; background: white">
+  <div style="opacity: 0">Test 1</div>
+  <div style="opacity: -1">Test 2</div>
+  <div style="opacity: -0.5">Test 3</div>
+  <div style="opacity: -6.7">Test 4</div>
+  <div style="opacity: 1">Test 5</div>
+  <div style="opacity: 1.5">Test 6</div>
+  <div style="opacity: 2">Test 7</div>
+  <div style="opacity: 7.3">Test 8</div>
+
+  <div style="color: rgba(0, 0, 0, 0)">Test 9</div>
+  <div style="color: rgba(0, 0, 0, -1)">Test 10</div>
+  <div style="color: rgba(0, 0, 0, -0.5)">Test 11</div>
+  <div style="color: rgba(0, 0, 0, -6.7)">Test 12</div>
+
+  <div style="color: rgba(0, 0, 0, 1)">Test 13</div>
+  <div style="color: rgba(0, 0, 0, 1.5)">Test 14</div>
+  <div style="color: rgba(0, 0, 0, 2)">Test 15</div>
+  <div style="color: rgba(0, 0, 0, 7.3)">Test 16</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/379316-2-ref.html b/layout/reftests/bugs/379316-2-ref.html
new file mode 100644
index 0000000000..43e7289619
--- /dev/null
+++ b/layout/reftests/bugs/379316-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body style="color: black; background: white; opacity:0.9;">
+  <div style="opacity: 0.5">Test 17</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/379316-2.html b/layout/reftests/bugs/379316-2.html
new file mode 100644
index 0000000000..99e70c6f5a
--- /dev/null
+++ b/layout/reftests/bugs/379316-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body style="color: black; background: white; opacity:0.9;">
+  <div style="color: rgba(0, 0, 0, 0.5)">Test 17</div>    
+</body>
+</html>
diff --git a/layout/reftests/bugs/379328-1-ref.html b/layout/reftests/bugs/379328-1-ref.html
new file mode 100644
index 0000000000..c578b2cfa7
--- /dev/null
+++ b/layout/reftests/bugs/379328-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style> div { width: 10px; height: 10px; margin: 1em; } </style>
+</head>
+<body style="background: white; color: black;">
+<div style="outline: 1px dotted black;"></div>
+<div style="color: blue; outline: 1px solid blue;"></div>
+<div style="color: rgba(0,255,0,0.5); outline: 1px dashed rgba(0,255,0,0.5);"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/379328-1.html b/layout/reftests/bugs/379328-1.html
new file mode 100644
index 0000000000..2c11f0f65e
--- /dev/null
+++ b/layout/reftests/bugs/379328-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style> div { width: 10px; height: 10px; margin: 1em; } </style>
+</head>
+<body style="background: white; color: black;">
+<div style="outline: 1px dotted;"></div>
+<div style="color: blue; outline: 1px solid;"></div>
+<div style="color: rgba(0,255,0,0.5); outline: 1px dashed;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/379349-1-ref.xhtml b/layout/reftests/bugs/379349-1-ref.xhtml
new file mode 100644
index 0000000000..ce602ab32a
--- /dev/null
+++ b/layout/reftests/bugs/379349-1-ref.xhtml
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Basic)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <style type="text/css">
+    #overflow {
+      height: 5in;
+      border: 2pt silver solid;
+      border-top: none;
+      border-bottom: solid 10px blue;
+    }
+    #following {
+      position: absolute;
+      top: 0; left: 0;
+      margin: 0;
+      box-sizing: border-box;
+      width: 100pt;
+      height: 72pt;
+      background: white;
+      border: 2pt black;
+      border-style: none solid;
+
+      font-size: 10pt;
+      line-height: 10pt;
+      color: blue;
+    }
+    body {
+      height: 2in;
+      width: 300pt;
+      column-width: 100pt;
+      column-gap: 0;
+      position: relative;
+      border: solid gray;
+    }
+  </style>
+ </head>
+ <body>
+  <div id="container">
+    <div id="overflow">
+    </div>
+  </div>
+  <p id="following">
+    This paragraph must be in the first column.
+    There must be no red. There must be a blue
+    horizontal line in middle of the third
+    column.
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-1a.xhtml b/layout/reftests/bugs/379349-1a.xhtml
new file mode 100644
index 0000000000..09075e942e
--- /dev/null
+++ b/layout/reftests/bugs/379349-1a.xhtml
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Basic)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <style type="text/css">
+    #container {
+      height: 72pt;
+      background: red;
+    }
+    #overflow {
+      height: 5in;
+      border: 2pt silver solid;
+      border-top: none;
+      border-bottom: solid 10px blue;
+    }
+    #following {
+      margin: -72pt 0;
+      height: 72pt;
+      background: white;
+      border: 2pt black;
+      border-style: none solid;
+
+      font-size: 10pt;
+      line-height: 10pt;
+      color: blue;
+    }
+    body {
+      height: 2in;
+      width: 300pt;
+      column-width: 100pt;
+      column-gap: 0;
+      border: solid gray;
+    }
+  </style>
+ </head>
+ <body>
+  <div id="container">
+    <div id="overflow">
+    </div>
+  </div>
+  <p id="following">
+    This paragraph must be in the first column.
+    There must be no red. There must be a blue
+    horizontal line in middle of the third
+    column.
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-1b.xhtml b/layout/reftests/bugs/379349-1b.xhtml
new file mode 100644
index 0000000000..15b873c45e
--- /dev/null
+++ b/layout/reftests/bugs/379349-1b.xhtml
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Multiple)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    .container {
+      height: 24pt;
+      background: red;
+    }
+    .overflow {
+      height: 5in;
+      border: 2pt silver solid;
+      border-top: none;
+      border-bottom: solid 10px red;
+    }
+    #following {
+      margin: -72pt 0;
+      height: 72pt;
+      background: white;
+      border: 2pt black;
+      border-style: none solid;
+
+      font-size: 10pt;
+      line-height: 10pt;
+      color: blue;
+    }
+    .no2 .overflow {
+      height: 4.66667in;
+    }
+    .no3 .overflow {
+      height: 4.33333in;
+      border-bottom-color: blue;
+    }
+    body {
+      height: 2in;
+      width: 300pt;
+      column-width: 100pt;
+      column-gap: 0;
+      border: solid gray;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="container no1">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no2">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no3">
+    <div class="overflow">
+    </div>
+  </div>
+  <p id="following">
+    This paragraph must be in the first column.
+    There must be no red. There must be a blue
+    horizontal line in middle of the third
+    column.
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-1c.xhtml b/layout/reftests/bugs/379349-1c.xhtml
new file mode 100644
index 0000000000..90da20174f
--- /dev/null
+++ b/layout/reftests/bugs/379349-1c.xhtml
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Multiple)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    .container {
+      height: 24pt;
+      background: red;
+    }
+    .overflow {
+      height: 5in;
+      border: 2pt silver solid;
+      border-top: none;
+      border-bottom: solid 10px red;
+    }
+    #following {
+      margin: -72pt 0;
+      height: 72pt;
+      background: white;
+      border: 2pt black;
+      border-style: none solid;
+
+      font-size: 10pt;
+      line-height: 10pt;
+      color: blue;
+    }
+    .no2 .overflow {
+      height: 4.66667in;
+      border-bottom-color: blue;
+    }
+    .no3 .overflow {
+      height: 4.33333in;
+      position: relative;
+      z-index: -1;
+    }
+    body {
+      height: 2in;
+      width: 300pt;
+      column-width: 100pt;
+      column-gap: 0;
+      border: solid gray;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="container no1">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no2">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no3">
+    <div class="overflow">
+    </div>
+  </div>
+  <p id="following">
+    This paragraph must be in the first column.
+    There must be no red. There must be a blue
+    horizontal line in middle of the third
+    column.
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-2-ref.xhtml b/layout/reftests/bugs/379349-2-ref.xhtml
new file mode 100644
index 0000000000..d17e21db7b
--- /dev/null
+++ b/layout/reftests/bugs/379349-2-ref.xhtml
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Interlaced [Simplified])</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    body, html {
+      margin: 0;
+      padding: 0;
+    }
+
+    .following {
+      margin: 0 0 .5in;
+      height: .5in;
+      background: white;
+
+      font-size: 10pt;
+      line-height: 10pt;
+      color: navy;
+    }
+    .fno1 {
+      position: absolute;
+      top: 1.5in; left: 0;
+      width: 100pt;
+      border-top: 4px solid blue;
+    }
+    .fno2 {
+      position: absolute;
+      top: .5in; left: 100pt;
+      width: 100pt;
+    }
+    .overflow {
+      height: 4in;
+      width: 200pt;
+      border-bottom: 4px solid blue;
+    }
+    body {
+      height: 2.5in;
+      width: 300pt;
+      column-width: 100pt;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid gray;
+      position: relative;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="overflow">
+  </div>
+  <div class="following fno1">
+    This paragraph must be in the first column.
+    There must be no red on any page.
+  </div>
+  <p class="following fno2">
+    This paragraph must be in the second column.
+    There must be an unbroken blue line across
+    all three columns.
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-2a.xhtml b/layout/reftests/bugs/379349-2a.xhtml
new file mode 100644
index 0000000000..e74fcc74dd
--- /dev/null
+++ b/layout/reftests/bugs/379349-2a.xhtml
@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Interlaced [Simplified])</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    body, html {
+      margin: 0;
+      padding: 0;
+    }
+    .container {
+      height: .5in;
+    }
+    .overflow {
+      border-bottom: solid 4px red;
+    }
+    .following {
+      margin: 0 0 .5in;
+      height: .5in;
+      background: white;
+
+      font-size: 10pt;
+      line-height: 10pt;
+      color: navy;
+    }
+    .fno1 {
+      margin: 0;
+      border-top: 4px solid blue;
+    }
+    .no1 .overflow {
+      height: 800%;
+    }
+    .no2 .overflow {
+      height: 1200%;
+    }
+    .no3 .overflow {
+      height: 600%;
+      border-bottom-color: blue;
+    }
+    .no4 .overflow {
+      height: 800%;
+      border-bottom-color: blue;
+    }
+    body {
+      height: 2.5in;
+      width: 300pt;
+      column-width: 100pt;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid gray;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="container no1">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no2">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no3">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="following">
+    <p class="fno1">
+    This paragraph must be in the first column.
+    There must be no red on any page.
+    </p>
+  </div>
+  <div class="container no4">
+    <div class="overflow">
+    </div>
+  </div>
+  <p class="following">
+    This paragraph must be in the second column.
+    There must be an unbroken blue line across
+    all three columns.
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-2b.xhtml b/layout/reftests/bugs/379349-2b.xhtml
new file mode 100644
index 0000000000..31bfde89cb
--- /dev/null
+++ b/layout/reftests/bugs/379349-2b.xhtml
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Interlaced [Simplified])</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    body, html {
+      margin: 0;
+      padding: 0;
+    }
+    .container {
+      height: .5in;
+    }
+    .overflow {
+      border-bottom: solid 4px red;
+    }
+    .following {
+      margin: 0 0 .5in;
+      height: .5in;
+      background: white;
+
+      font-size: 10pt;
+      line-height: 10pt;
+      color: navy;
+    }
+    .fno1 {
+      margin: 0;
+      border-top: 4px solid blue;
+    }
+    .no1 .overflow {
+      height: 800%;
+    }
+    .no2 .overflow {
+      height: 1200%;
+    }
+    .no3 .overflow {
+      height: 600%;
+      border-bottom-color: blue;
+    }
+    .no4 .overflow {
+      height: 800%;
+      border-bottom-color: blue;
+    }
+    body {
+      height: 2.5in;
+      width: 300pt;
+      column-width: 100pt;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid gray;
+    }
+  </style>
+ </head>
+ <body onload="document.getElementById('tester1').style.height = '9in';
+               document.getElementById('tester1').offsetHeight;
+               document.getElementById('tester2').style.height = '29in';
+               document.getElementById('tester2').offsetHeight;
+               document.getElementById('tester1').style.height = '.5in';
+               document.getElementById('tester1').offsetHeight;
+               document.getElementById('tester2').style.height = '.5in';
+               document.documentElement.className = ''">
+  <div class="container no1">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no2">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no3">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="following" id="tester1">
+    <p class="fno1">
+    This paragraph must be in the first column.
+    There must be no red on any page.
+    </p>
+  </div>
+  <div class="container no4">
+    <div class="overflow">
+    </div>
+  </div>
+  <p class="following" id="tester2">
+    This paragraph must be in the second column.
+    There must be an unbroken blue line across
+    all three columns.
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-3-ref.xhtml b/layout/reftests/bugs/379349-3-ref.xhtml
new file mode 100644
index 0000000000..3793b9acb6
--- /dev/null
+++ b/layout/reftests/bugs/379349-3-ref.xhtml
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>CSS 2.1 Test Suite: Overflow Pagination (Multiple)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    .overflow {
+      border: solid 2pt silver;
+      height: 25in;
+      border-bottom: 4pt solid black;
+    }
+    #following {
+      position: absolute;
+      top: 0; left: 0;
+      margin: 0;
+      height: 72pt;
+      border: 2pt black;
+      border-style: none solid;
+      background: white;
+      font-size: 10pt;
+      line-height: 10pt;
+      text-align: center;
+      color: blue;
+    }
+    body {
+      position: relative;
+    }
+  </style>
+ </head>
+ <body>
+  <p id="following">
+    This paragraph must be on the first page in paged media.
+    There must be no red on any page. There must be a blue line
+    on a page <em>after</em> the first (assuming the page area
+    is shorter than 25 inches).
+  </p>
+  <div class="container no1">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no2">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no3">
+    <div class="overflow">
+    </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-3a.xhtml b/layout/reftests/bugs/379349-3a.xhtml
new file mode 100644
index 0000000000..4aa5cc6c46
--- /dev/null
+++ b/layout/reftests/bugs/379349-3a.xhtml
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>CSS 2.1 Test Suite: Overflow Pagination (Multiple)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    .container {
+      height: 24pt;
+      /* background: red; See bug 380013 for why this is commented out */
+    }
+    .overflow {
+      border: solid 2pt silver;
+      height: 25in;
+      border-bottom: 4pt solid red;
+    }
+    #following {
+      margin: -1in 0;
+      height: 72pt;
+      border: 2pt black;
+      border-style: none solid;
+      background: white;
+      font-size: 10pt;
+      line-height: 10pt;
+      text-align: center;
+      color: blue;
+    }
+    .no2 .overflow {
+      height: 24.66667in;
+    }
+    .no3 .overflow {
+      height: 24.33333in;
+      border-bottom-color: blue;
+    }
+    .fill {
+      height: 75in;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="container no1">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no2">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no3">
+    <div class="overflow">
+    </div>
+  </div>
+  <p id="following">
+    This paragraph must be on the first page in paged media.
+    There must be no red on any page. There must be a blue line
+    on a page <em>after</em> the first (assuming the page area
+    is shorter than 25 inches).
+  </p>
+  <div class="fill">
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379349-3b.xhtml b/layout/reftests/bugs/379349-3b.xhtml
new file mode 100644
index 0000000000..8265115b79
--- /dev/null
+++ b/layout/reftests/bugs/379349-3b.xhtml
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>CSS 2.1 Test Suite: Overflow Pagination (Multiple)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    .container {
+      height: 24pt;
+      /* background: red; See bug 380013 for why this is commented out */
+    }
+    .overflow {
+      border: solid 2pt silver;
+      height: 25in;
+      border-bottom: 4pt solid red;
+    }
+    #following {
+      margin: -1in 0;
+      height: 72pt;
+      border: 2pt black;
+      border-style: none solid;
+      background: white;
+      font-size: 10pt;
+      line-height: 10pt;
+      text-align: center;
+      color: blue;
+    }
+    .no2 .overflow {
+      height: 24.66667in;
+      border-bottom-color: blue;
+    }
+    .no3 .overflow {
+      height: 24.33333in;
+      position: relative;
+      z-index: -1;
+    }
+    .fill {
+      height: 75in;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="container no1">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no2">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="container no3">
+    <div class="overflow">
+    </div>
+  </div>
+  <p id="following">
+    This paragraph must be on the first page in paged media.
+    There must be no red on any page. There must be a blue line
+    on a page <em>after</em> the first (assuming the page area
+    is shorter than 25 inches).
+  </p>
+  <div class="fill">
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/379361-1-ref.html b/layout/reftests/bugs/379361-1-ref.html
new file mode 100644
index 0000000000..5895710250
--- /dev/null
+++ b/layout/reftests/bugs/379361-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<body>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow">Cell A</td>
+    <td style="width: 300px; background: lightgreen">This text should be on one line</td>
+  </tr>
+
+  <tr>
+    <td style="width: 100px; background: lightblue" colspan="2">Cell B</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379361-1.html b/layout/reftests/bugs/379361-1.html
new file mode 100644
index 0000000000..12153c9b88
--- /dev/null
+++ b/layout/reftests/bugs/379361-1.html
@@ -0,0 +1,16 @@
+<html>
+<body>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow">Cell A</td>
+    <td style="background: lightgreen">This text should be on one line</td>
+  </tr>
+
+  <tr>
+    <td style="width: 100px; background: lightblue" colspan="2">Cell B</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379361-2-ref.html b/layout/reftests/bugs/379361-2-ref.html
new file mode 100644
index 0000000000..f5ec5a0372
--- /dev/null
+++ b/layout/reftests/bugs/379361-2-ref.html
@@ -0,0 +1,16 @@
+<html>
+<body>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 300px; background: lightgreen">This text should be on one line</td>
+    <td style="width: 200px; background: yellow">Cell A</td>
+  </tr>
+
+  <tr>
+    <td style="width: 100px; background: lightblue" colspan="2">Cell B</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379361-2.html b/layout/reftests/bugs/379361-2.html
new file mode 100644
index 0000000000..8d4e4f3427
--- /dev/null
+++ b/layout/reftests/bugs/379361-2.html
@@ -0,0 +1,16 @@
+<html>
+<body>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="background: lightgreen">This text should be on one line</td>
+    <td style="width: 200px; background: yellow">Cell A</td>
+  </tr>
+
+  <tr>
+    <td style="width: 100px; background: lightblue" colspan="2">Cell B</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379361-3-ref.html b/layout/reftests/bugs/379361-3-ref.html
new file mode 100644
index 0000000000..4ad8b7079f
--- /dev/null
+++ b/layout/reftests/bugs/379361-3-ref.html
@@ -0,0 +1,123 @@
+<html>
+<body>
+
+<li>Tables have width 500px.
+<li>Yellow cells have width 200px.
+<li>Green cells are auto-width.
+<li>Blue cells have colspan = 2 and, in test case, have various specified widths.
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">10 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">50 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">100 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">384 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">385 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">390 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">500 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">600 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">900 px</td>
+  </tr>
+</table>
+<br/>
+
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="background: lightblue" colspan="2">1500 px</td>
+  </tr>
+</table>
+<br/>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379361-3.html b/layout/reftests/bugs/379361-3.html
new file mode 100644
index 0000000000..4fe566dc2e
--- /dev/null
+++ b/layout/reftests/bugs/379361-3.html
@@ -0,0 +1,123 @@
+<html>
+<body>
+
+<li>Tables have width 500px.
+<li>Yellow cells have width 200px.
+<li>Green cells are auto-width.
+<li>Blue cells have colspan = 2 and, in test case, have various specified widths.
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 10px; background: lightblue" colspan="2">10 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 50px; background: lightblue" colspan="2">50 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 100px; background: lightblue" colspan="2">100 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 384px; background: lightblue" colspan="2">384 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 385px; background: lightblue" colspan="2">385 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 390px; background: lightblue" colspan="2">390 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 500px; background: lightblue" colspan="2">500 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 600px; background: lightblue" colspan="2">600 px</td>
+  </tr>
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 900px; background: lightblue" colspan="2">900 px</td>
+  </tr>
+</table>
+<br/>
+
+</table>
+<br/>
+
+<table width="500px" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="width: 200px; background: yellow"></td>
+    <td style="background: lightgreen">Here are some words.</td>
+  </tr>
+  <tr>
+    <td style="width: 1500px; background: lightblue" colspan="2">1500 px</td>
+  </tr>
+</table>
+<br/>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379461-1.html b/layout/reftests/bugs/379461-1.html
new file mode 100644
index 0000000000..717f2396d3
--- /dev/null
+++ b/layout/reftests/bugs/379461-1.html
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Testcase, bug 379461</title>
+	<style type="text/css">
+	body { background: lime; color: black; }
+	</style>
+</head>
+<body>
+
+<p>The entire canvas should have a lime background.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379461-1.xhtml b/layout/reftests/bugs/379461-1.xhtml
new file mode 100644
index 0000000000..717f2396d3
--- /dev/null
+++ b/layout/reftests/bugs/379461-1.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Testcase, bug 379461</title>
+	<style type="text/css">
+	body { background: lime; color: black; }
+	</style>
+</head>
+<body>
+
+<p>The entire canvas should have a lime background.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379461-2.html b/layout/reftests/bugs/379461-2.html
new file mode 100644
index 0000000000..6da7c53aa6
--- /dev/null
+++ b/layout/reftests/bugs/379461-2.html
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Testcase, bug 379461</title>
+	<style type="text/css">
+	body { background: lime no-repeat top right url(repeatable-diagonal-gradient.png); color: black; }
+	</style>
+</head>
+<body>
+
+<p>The entire canvas should have a lime background with a 256x256 rainbow in the top right.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379461-2.xhtml b/layout/reftests/bugs/379461-2.xhtml
new file mode 100644
index 0000000000..6da7c53aa6
--- /dev/null
+++ b/layout/reftests/bugs/379461-2.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Testcase, bug 379461</title>
+	<style type="text/css">
+	body { background: lime no-repeat top right url(repeatable-diagonal-gradient.png); color: black; }
+	</style>
+</head>
+<body>
+
+<p>The entire canvas should have a lime background with a 256x256 rainbow in the top right.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379461-3-container-blank.html b/layout/reftests/bugs/379461-3-container-blank.html
new file mode 100644
index 0000000000..d1ddfcf855
--- /dev/null
+++ b/layout/reftests/bugs/379461-3-container-blank.html
@@ -0,0 +1 @@
+<iframe height="200" width="200" src="about:blank"></iframe>
diff --git a/layout/reftests/bugs/379461-3-container-html.html b/layout/reftests/bugs/379461-3-container-html.html
new file mode 100644
index 0000000000..5f5e67ef76
--- /dev/null
+++ b/layout/reftests/bugs/379461-3-container-html.html
@@ -0,0 +1 @@
+<iframe height="200" width="200" src="379461-3.html"></iframe>
diff --git a/layout/reftests/bugs/379461-3-container-xhtml.html b/layout/reftests/bugs/379461-3-container-xhtml.html
new file mode 100644
index 0000000000..4c528453aa
--- /dev/null
+++ b/layout/reftests/bugs/379461-3-container-xhtml.html
@@ -0,0 +1 @@
+<iframe height="200" width="200" src="379461-3.xhtml"></iframe>
diff --git a/layout/reftests/bugs/379461-3.html b/layout/reftests/bugs/379461-3.html
new file mode 100644
index 0000000000..d132136bd5
--- /dev/null
+++ b/layout/reftests/bugs/379461-3.html
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Testcase, bug 379461</title>
+</head>
+<body dir="rtl">
+
+<!-- cause the page to have a horizontal scrollbar -->
+<p style="width:300%">&#xA0;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/379461-3.xhtml b/layout/reftests/bugs/379461-3.xhtml
new file mode 100644
index 0000000000..d132136bd5
--- /dev/null
+++ b/layout/reftests/bugs/379461-3.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Testcase, bug 379461</title>
+</head>
+<body dir="rtl">
+
+<!-- cause the page to have a horizontal scrollbar -->
+<p style="width:300%">&#xA0;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/380004-1-ref.html b/layout/reftests/bugs/380004-1-ref.html
new file mode 100644
index 0000000000..c84061a1a6
--- /dev/null
+++ b/layout/reftests/bugs/380004-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+ <body>
+  <iframe id="myFrame" 
+          style="height: 300px"
+          src="380004-iframe.html"/>
+ </body>
+</html>
+
diff --git a/layout/reftests/bugs/380004-1.html b/layout/reftests/bugs/380004-1.html
new file mode 100644
index 0000000000..12e14f5f9e
--- /dev/null
+++ b/layout/reftests/bugs/380004-1.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+ <body onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+	var myFrame = document.getElementById("myFrame");
+	myFrame.style.height = "300px";
+        document.documentElement.className = "";
+      }, 0);
+    }
+  </script>
+
+  <iframe id="myFrame" 
+          style="height: 100px"
+          src="380004-iframe.html"/>
+ </body>
+</html>
+
diff --git a/layout/reftests/bugs/380004-iframe.html b/layout/reftests/bugs/380004-iframe.html
new file mode 100644
index 0000000000..fce3dfa486
--- /dev/null
+++ b/layout/reftests/bugs/380004-iframe.html
@@ -0,0 +1,9 @@
+<html>
+ <body>
+  <table height="75%">
+   <tr><td bgcolor="blue">
+   x
+   </td></tr>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/380227-1-ref.html b/layout/reftests/bugs/380227-1-ref.html
new file mode 100644
index 0000000000..dc19cf2681
--- /dev/null
+++ b/layout/reftests/bugs/380227-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+ <body>
+  <iframe id="myFrame" 
+          style="height: 200px"
+          src="380227-iframe.html"/>
+ </body>
+</html>
+
diff --git a/layout/reftests/bugs/380227-1.html b/layout/reftests/bugs/380227-1.html
new file mode 100644
index 0000000000..3c66e724e6
--- /dev/null
+++ b/layout/reftests/bugs/380227-1.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+ <body onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+	var myFrame = document.getElementById("myFrame");
+	myFrame.style.height = "200px";
+        document.documentElement.className = "";
+      }, 0);
+    }
+  </script>
+
+  <iframe id="myFrame" 
+          style="height: 300px"
+          src="380227-iframe.html"/>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/380227-iframe.html b/layout/reftests/bugs/380227-iframe.html
new file mode 100644
index 0000000000..92b7b3d834
--- /dev/null
+++ b/layout/reftests/bugs/380227-iframe.html
@@ -0,0 +1,9 @@
+<html>
+ <body>
+  <table height="50%">
+   <tr><td bgcolor="blue">
+   x
+   </td></tr>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/380825-1-ref.html b/layout/reftests/bugs/380825-1-ref.html
new file mode 100644
index 0000000000..9b5da58702
--- /dev/null
+++ b/layout/reftests/bugs/380825-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8">
+  <title>Bug 380825 Reference</title>
+</head>
+<body>
+<pre style="margin: 0">text</pre>
+</body>
+</html>
diff --git a/layout/reftests/bugs/380825-1.html b/layout/reftests/bugs/380825-1.html
new file mode 100644
index 0000000000..5356423e89
--- /dev/null
+++ b/layout/reftests/bugs/380825-1.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8">
+  <title>Bug 380825 Test</title>
+</head>
+<body>
+<table style="border-collapse: collapse; margin: 0"><tr><td style="padding: 0px"><tt>text</tt></td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/380842-1-ref.html b/layout/reftests/bugs/380842-1-ref.html
new file mode 100644
index 0000000000..fa2fcc77cf
--- /dev/null
+++ b/layout/reftests/bugs/380842-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  </style>
+</head>
+<body>
+<table>
+  <caption>
+    <div>Before</div>
+    Caption
+    <div>After</div>
+  </caption>
+<tr>
+  <td>
+    <div>Before</div>
+    Text
+    <div>After</div>
+  </td>
+</tr>
+</table>
+<div>
+  Before inline-block
+  <div style="display: inline-block">
+    <div>Before</div>
+    Text
+    <div>After</div>
+  </div>
+  After inline-block
+</div>
+<div>
+  Before span
+  <span>
+    <div>Before</div>
+    Text
+    <div>After</div>
+  </span>
+  After span
+</div>
+<div>
+  <div>Before</div>
+  Text
+  <div>After</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/380842-1.html b/layout/reftests/bugs/380842-1.html
new file mode 100644
index 0000000000..e05fdb7676
--- /dev/null
+++ b/layout/reftests/bugs/380842-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    .test:before { content: "Before"; display: block }
+    .test:after { content: "After"; display: block }
+  </style>
+</head>
+<body>
+<table>
+  <caption class="test">
+    Caption
+  </caption>
+<tr>
+  <td class="test">
+    Text
+  </td>
+</tr>
+</table>
+<div>
+  Before inline-block
+  <div style="display: inline-block" class="test"> Text </div>
+  After inline-block
+</div>
+<div>
+  Before span
+  <span class="test"> Text </span>
+  After span
+</div>
+<div class="test"> Text </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/381130-1-ref.html b/layout/reftests/bugs/381130-1-ref.html
new file mode 100644
index 0000000000..ce9c07c876
--- /dev/null
+++ b/layout/reftests/bugs/381130-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 381130</title>
+</head>
+<body>
+<div><span>Trythis</span>whynot?
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/381130-1.html b/layout/reftests/bugs/381130-1.html
new file mode 100644
index 0000000000..4c9c6f4db3
--- /dev/null
+++ b/layout/reftests/bugs/381130-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Bug 381130</title>
+</head>
+<body>
+<div style="width:1px;"><span>Trythis</span>whynot?
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/381507-1-ref.html b/layout/reftests/bugs/381507-1-ref.html
new file mode 100644
index 0000000000..d7f0cdf054
--- /dev/null
+++ b/layout/reftests/bugs/381507-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+ <body>
+  <iframe id="myFrame" 
+          style="height: 200px"
+          src="381507-iframe.html"/>
+ </body>
+</html>
+
diff --git a/layout/reftests/bugs/381507-1.html b/layout/reftests/bugs/381507-1.html
new file mode 100644
index 0000000000..c087ed929d
--- /dev/null
+++ b/layout/reftests/bugs/381507-1.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+ <body onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+	var myFrame = document.getElementById("myFrame");
+	myFrame.style.height = "200px";
+        document.documentElement.className = "";
+      }, 0);
+    }
+  </script>
+
+  <iframe id="myFrame" 
+          style="height: 300px"
+          src="381507-iframe.html"/>
+ </body>
+</html>
+
diff --git a/layout/reftests/bugs/381507-iframe.html b/layout/reftests/bugs/381507-iframe.html
new file mode 100644
index 0000000000..38276624a6
--- /dev/null
+++ b/layout/reftests/bugs/381507-iframe.html
@@ -0,0 +1,16 @@
+<html>
+<body>
+<table height="30%"    bgcolor="green"
+       cellspacing="0" cellpadding="0">
+ <tr><td>
+ +
+  <table height="100%"   bgcolor="orange"
+         cellspacing="0" cellpadding="0">
+   <tr><td>
+   +
+   </td></tr>
+  </table>
+ </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/381746-1-framea.html b/layout/reftests/bugs/381746-1-framea.html
new file mode 100644
index 0000000000..ebd0150cc2
--- /dev/null
+++ b/layout/reftests/bugs/381746-1-framea.html
@@ -0,0 +1 @@
+<body onload="parent.frameOnload();">text
diff --git a/layout/reftests/bugs/381746-1-frameb.html b/layout/reftests/bugs/381746-1-frameb.html
new file mode 100644
index 0000000000..8e27be7d61
--- /dev/null
+++ b/layout/reftests/bugs/381746-1-frameb.html
@@ -0,0 +1 @@
+text
diff --git a/layout/reftests/bugs/381746-1-ref.html b/layout/reftests/bugs/381746-1-ref.html
new file mode 100644
index 0000000000..02d020e107
--- /dev/null
+++ b/layout/reftests/bugs/381746-1-ref.html
@@ -0,0 +1,15 @@
+<html><head>
+<title>Testcase Bug 381746, reference � odd and changing border in frameset</title>
+<script>
+
+
+
+
+
+</script>
+</head>
+<frameset cols="48%,52%">
+  <frame src="381746-1-frameb.html">
+  <frame src="381746-1-frameb.html">
+</frameset>
+</html>
diff --git a/layout/reftests/bugs/381746-1.html b/layout/reftests/bugs/381746-1.html
new file mode 100644
index 0000000000..0085090387
--- /dev/null
+++ b/layout/reftests/bugs/381746-1.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait"><head>
+<title>Testcase Bug 381746 - odd and changing border in frameset</title>
+<script>
+var frameOnloadCalled = false;
+function frameOnload() {
+  if (!frameOnloadCalled) {
+    frameOnloadCalled = true;
+    return;
+  }
+  document.documentElement.removeAttribute("class");
+}
+function doe() {
+document.getElementsByTagName('frame')[0].src = '381746-1-framea.html';
+document.getElementsByTagName('frame')[1].src = '381746-1-framea.html';
+}
+window.onload=doe;
+</script>
+</head>
+<frameset cols="48%,52%">
+  <frame src="">
+  <frame src="">
+</frameset>
+</html>
diff --git a/layout/reftests/bugs/382600-1-ref.html b/layout/reftests/bugs/382600-1-ref.html
new file mode 100644
index 0000000000..09271d44b2
--- /dev/null
+++ b/layout/reftests/bugs/382600-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<body>
+  <select id="filter_by" size="12" disabled="disabled"></select>
+</body>
+</html>
diff --git a/layout/reftests/bugs/382600-1.html b/layout/reftests/bugs/382600-1.html
new file mode 100644
index 0000000000..8c78ee547c
--- /dev/null
+++ b/layout/reftests/bugs/382600-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<body>
+  <select id="filter_by" size="12"></select>
+
+  <script language='javascript'>
+    document.body.offsetWidth;
+    document.getElementById("filter_by").disabled = true;
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/382916-1-ref.html b/layout/reftests/bugs/382916-1-ref.html
new file mode 100644
index 0000000000..d23768a69b
--- /dev/null
+++ b/layout/reftests/bugs/382916-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+
+<p style="text-align: start;">fifififi</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/382916-1.html b/layout/reftests/bugs/382916-1.html
new file mode 100644
index 0000000000..029cf7a1bc
--- /dev/null
+++ b/layout/reftests/bugs/382916-1.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+
+<p style="text-align: justify;">fifififi</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/383035-1.html b/layout/reftests/bugs/383035-1.html
new file mode 100644
index 0000000000..668c6df7e5
--- /dev/null
+++ b/layout/reftests/bugs/383035-1.html
@@ -0,0 +1,18 @@
+<html><head>
+<title>Testcase bug - Black vertical line showing with iframe when you shouldn't see that</title>
+<style>
+body {
+  overflow:hidden;
+}
+div#main {
+  width: 997px;
+  margin: 0px auto;
+}
+</style>
+</head>
+<body>
+<div id="main">
+<iframe frameborder="0"></iframe>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/383035-2.html b/layout/reftests/bugs/383035-2.html
new file mode 100644
index 0000000000..7a62300ede
--- /dev/null
+++ b/layout/reftests/bugs/383035-2.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<title>Bug 383035 � Black vertical line showing with iframe when you shouldn't see that</title>
+</head>
+<body style="overflow:hidden">
+<div style="width: 1400px;">
+<center>
+<table style="width: 815px;"><tr><td>
+<iframe frameborder="0"></iframe>
+</td></tr></table>
+</center>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/383488-1-ref.html b/layout/reftests/bugs/383488-1-ref.html
new file mode 100644
index 0000000000..0b2df13e5a
--- /dev/null
+++ b/layout/reftests/bugs/383488-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+  span { font-family: sans-serif; font-size: 72px; }
+</style>
+</head><body>
+<p>The X'es below should have the same size:</p>
+<!-- The wonky placement of line breaks below is to eliminate all
+     significant whitespace within the paragraph. -->
+<p
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span
+><span>X</span></p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/383488-1.html b/layout/reftests/bugs/383488-1.html
new file mode 100644
index 0000000000..cd5df2b4b8
--- /dev/null
+++ b/layout/reftests/bugs/383488-1.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+  span { font-family: sans-serif }
+  #a14 { font-size:72px; }
+</style>
+<script>
+window.onload = function()
+{
+  function S(id) {
+    return document.getElementById(id).style;
+  }
+  S("a1").setProperty("font-size", "illegal", "important");
+  S("a2").setProperty("font-size", "24px;", "important");
+  S("a3").setProperty("font-size", "24px; font-size-adjust:2", "important");
+  S("a4").setProperty("font-size", ";", "important");
+  S("a5").setProperty("font", "24px sans-serif;", "important");
+  S("a6").setProperty("font", "24px;", "important");
+  S("a7").setProperty("font-size", "  72px  ", "important"); // correct
+  S("a8").setProperty("font", ";", "important");
+  S("a9").setProperty("font", "  72px sans-serif  ", "important"); // correct
+  S("a10").setProperty("font-size", "!", "important");
+  S("a11").setProperty("font-size", "!important", "important");
+  S("a12").setProperty("font-size", "}", "important");
+  S("a13").setProperty("font-size", "; font-size:24px", "important");
+  S("a14").setProperty("font-size", "", "important");  // correct
+  S("a15").setProperty("font-size", "24px !important;", "important");
+  S("a16").setProperty("font-size", "24px !important; height:1px", "important");
+}
+</script>
+</head><body>
+<p>The X'es below should have the same size:</p>
+<!-- The wonky placement of line breaks below is to eliminate all
+     significant whitespace within the paragraph. -->
+<p
+><span id="a1" style="font-size:72px!important;">X</span
+><span id="a2" style="font-size:72px!important;">X</span
+><span id="a3" style="font-size:72px!important;">X</span
+><span id="a4" style="font-size:72px!important;">X</span
+><span id="a5" style="font-size:72px!important;">X</span
+><span id="a6" style="font-size:72px!important;">X</span
+><span id="a7" style="font-size:24px!important;">X</span
+><span id="a8" style="font-size:72px!important;">X</span
+><span id="a9" style="font:24px sans-serif!important;">X</span
+><span id="a10" style="font-size:72px!important;">X</span
+><span id="a11" style="font-size:72px!important;">X</span
+><span id="a12" style="font-size:72px!important;">X</span
+><span id="a13" style="font-size:72px!important;">X</span
+><span id="a14" style="font-size:24px!important;">X</span
+><span id="a15" style="font-size:72px!important;">X</span
+><span id="a16" style="font-size:72px!important;">X</span
+></p>
+</body></html>
diff --git a/layout/reftests/bugs/383551-1-ref.html b/layout/reftests/bugs/383551-1-ref.html
new file mode 100644
index 0000000000..1cab5ab0d0
--- /dev/null
+++ b/layout/reftests/bugs/383551-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+<div>This sentence should all be one line.</div>
+<div>This should be on its own line.</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/383551-1.html b/layout/reftests/bugs/383551-1.html
new file mode 100644
index 0000000000..9541fbc03b
--- /dev/null
+++ b/layout/reftests/bugs/383551-1.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+<div>This sentence <span><span style="display:inline-block;">should</span> all be one line.
+<div>This should be on its own line.</div></span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/383883-1-ref.html b/layout/reftests/bugs/383883-1-ref.html
new file mode 100644
index 0000000000..e3d57faa9f
--- /dev/null
+++ b/layout/reftests/bugs/383883-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<body>
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div id=a style="border-top: solid 0px">
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange; position:relative;"></div>
+</div>
+<div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>
+<div id=rand style="height:1px"></div>
+</div>
diff --git a/layout/reftests/bugs/383883-1.html b/layout/reftests/bugs/383883-1.html
new file mode 100644
index 0000000000..fc0cf63fac
--- /dev/null
+++ b/layout/reftests/bugs/383883-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.borderTopWidth=0;document.getElementById('rand').style.height='1px';">
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div id=a style="border-top: solid 50px">
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange; position:relative;"></div>
+</div>
+<div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>
+<div id=rand></div>
+</div>
diff --git a/layout/reftests/bugs/383883-2-ref.html b/layout/reftests/bugs/383883-2-ref.html
new file mode 100644
index 0000000000..1caec49414
--- /dev/null
+++ b/layout/reftests/bugs/383883-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<body>
+<div style="float:left; width:0; height:60px"></div>
+<div style="background: red; float: right; height: 50px; width: 20px; clear:left"></div>
+<div id="a" style="border-top: solid 0px;">
+  <div id="b" style="border: solid orange; float: left; clear: right; width: 100px; height: 100px; position: relative;"></div>
+</div>
+<div>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+<div id=rand style="height:1px"></div>
+</div>
diff --git a/layout/reftests/bugs/383883-2.html b/layout/reftests/bugs/383883-2.html
new file mode 100644
index 0000000000..c4a97a78f1
--- /dev/null
+++ b/layout/reftests/bugs/383883-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.borderTopWidth=0;document.getElementById('rand').style.height='1px';">
+<div style="float:left; width:0; height:60px"></div>
+<div style="background: red; float: right; height: 50px; width: 20px; clear:left"></div>
+<div id="a" style="border-top: solid 50px;">
+  <div id="b" style="border: solid orange; float: left; clear: right; width: 100px; height: 100px; position: relative;"></div>
+</div>
+<div>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+<div id=rand></div>
+</div>
diff --git a/layout/reftests/bugs/383883-3-ref.html b/layout/reftests/bugs/383883-3-ref.html
new file mode 100644
index 0000000000..2fecae1860
--- /dev/null
+++ b/layout/reftests/bugs/383883-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div id=a style="border-top: solid 0px">
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange; position:relative;"></div>
+</div>
+<div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>
+</div>
diff --git a/layout/reftests/bugs/383883-3.html b/layout/reftests/bugs/383883-3.html
new file mode 100644
index 0000000000..ecc9f95c4e
--- /dev/null
+++ b/layout/reftests/bugs/383883-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.borderTopWidth=0;">
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div id=a style="border-top: solid 50px">
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange; position:relative;"></div>
+</div>
+<div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>
+</div>
diff --git a/layout/reftests/bugs/383883-4-ref.html b/layout/reftests/bugs/383883-4-ref.html
new file mode 100644
index 0000000000..cdf08b1406
--- /dev/null
+++ b/layout/reftests/bugs/383883-4-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<body>
+<div style="float:left; width:0; height:60px"></div>
+<div style="background: red; float: right; height: 50px; width: 20px; clear:left"></div>
+<div id="a" style="border-top: solid 0px;">
+  <div id="b" style="border: solid orange; float: left; clear: right; width: 100px; height: 100px; position: relative;"></div>
+</div>
+<div>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+</div>
diff --git a/layout/reftests/bugs/383883-4.html b/layout/reftests/bugs/383883-4.html
new file mode 100644
index 0000000000..09eeb2f122
--- /dev/null
+++ b/layout/reftests/bugs/383883-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.borderTopWidth=0;">
+<div style="float:left; width:0; height:60px"></div>
+<div style="background: red; float: right; height: 50px; width: 20px; clear:left"></div>
+<div id="a" style="border-top: solid 50px;">
+  <div id="b" style="border: solid orange; float: left; clear: right; width: 100px; height: 100px; position: relative;"></div>
+</div>
+<div>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+asdf<br>
+</div>
diff --git a/layout/reftests/bugs/383884-1-ref.html b/layout/reftests/bugs/383884-1-ref.html
new file mode 100644
index 0000000000..9c6f88de94
--- /dev/null
+++ b/layout/reftests/bugs/383884-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div id=a style="border-top: solid 0px"></div>
+<div>
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange; position:relative;"></div>
+</div>
+<div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>
diff --git a/layout/reftests/bugs/383884-1.html b/layout/reftests/bugs/383884-1.html
new file mode 100644
index 0000000000..8dac4f3e0b
--- /dev/null
+++ b/layout/reftests/bugs/383884-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.borderTopWidth=0;">
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div id=a style="border-top: solid 50px"></div>
+<div>
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange; position:relative;"></div>
+</div>
+<div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>
diff --git a/layout/reftests/bugs/383885-1-ref.html b/layout/reftests/bugs/383885-1-ref.html
new file mode 100644
index 0000000000..68f4fe644b
--- /dev/null
+++ b/layout/reftests/bugs/383885-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<body>
+<div style="float:left; width:10px; height:500px; background:blue"></div>
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div><span id=a style="display:none">a<br></span>
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange;"></div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf
diff --git a/layout/reftests/bugs/383885-1.html b/layout/reftests/bugs/383885-1.html
new file mode 100644
index 0000000000..df96fffb33
--- /dev/null
+++ b/layout/reftests/bugs/383885-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.display='none';">
+<div style="float:left; width:10px; height:500px; background:blue"></div>
+<div style="float:right; height: 50px; width: 20px; background: red"></div>
+<div><span id=a>a<br></span>
+<div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange;"></div>
+asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf
diff --git a/layout/reftests/bugs/384322-1-ref.html b/layout/reftests/bugs/384322-1-ref.html
new file mode 100644
index 0000000000..1bb765133b
--- /dev/null
+++ b/layout/reftests/bugs/384322-1-ref.html
@@ -0,0 +1,55 @@
+<html>
+<head><title>[384322] Testcase</title>
+</head>
+<body bgcolor="white">
+
+ <p>&lt;img&gt;&lt;img&gt;Hello&lt;img&gt;&lt;img&gt;
+
+  <table bgcolor="lightgray" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50"><img width="50" height="50">Hello<img width="50" height="50"><img width="50" height="50">
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  
+  <p>&lt;img&gt;&lt;img&gt;Hello</p>
+  
+  <table bgcolor="lightgray" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50"><img width="50" height="50">Hello
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  
+  <p>Hello&lt;img&gt;&lt;img&gt;</p>
+  
+    <table bgcolor="lightgray" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          Hello<img width="50" height="50"><img width="50" height="50">
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  
+  <p>&lt;img&gt;Hello</p>
+  
+  <table bgcolor="lightgray" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50">Hello
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  
+</body>
+</html>
diff --git a/layout/reftests/bugs/384322-1.html b/layout/reftests/bugs/384322-1.html
new file mode 100644
index 0000000000..db36fe7c4e
--- /dev/null
+++ b/layout/reftests/bugs/384322-1.html
@@ -0,0 +1,55 @@
+<html>
+<head><title>[384322] Testcase</title>
+</head>
+<body bgcolor="white">
+
+ <p>&lt;img&gt;&lt;img&gt;Hello&lt;img&gt;&lt;img&gt;
+
+  <table bgcolor="lightgray" width="70" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50"><img width="50" height="50">Hello<img width="50" height="50"><img width="50" height="50">
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  
+  <p>&lt;img&gt;&lt;img&gt;Hello</p>
+  
+  <table bgcolor="lightgray" width="70" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50"><img width="50" height="50">Hello
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  
+  <p>Hello&lt;img&gt;&lt;img&gt;</p>
+  
+    <table bgcolor="lightgray" width="70" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          Hello<img width="50" height="50"><img width="50" height="50">
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  
+  <p>&lt;img&gt;Hello</p>
+  
+  <table bgcolor="lightgray" width="70" border="0" cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50">Hello
+        </td>
+      </tr>
+    </tbody>
+  </table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/384576-1-ref.html b/layout/reftests/bugs/384576-1-ref.html
new file mode 100644
index 0000000000..58a8434900
--- /dev/null
+++ b/layout/reftests/bugs/384576-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+  <style type="text/css">
+    div.test {
+      background-color: red;
+      margin: 5em;
+    }
+
+    div > div {
+      background-color: green;
+    }
+  </style>
+  <body>
+    <div class="test"><div>&nbsp;</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/384576-1.html b/layout/reftests/bugs/384576-1.html
new file mode 100644
index 0000000000..e1bfa6fff1
--- /dev/null
+++ b/layout/reftests/bugs/384576-1.html
@@ -0,0 +1,16 @@
+<html>
+  <style type="text/css">
+    div.test {
+      background-color: red;
+      margin: 5em;
+      border-radius: 10px;
+    }
+
+    div > div {
+      background-color: green;
+    }
+  </style>
+  <body>
+    <div class="test"><div>&nbsp;</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/384762-1.html b/layout/reftests/bugs/384762-1.html
new file mode 100644
index 0000000000..874b19f5fc
--- /dev/null
+++ b/layout/reftests/bugs/384762-1.html
@@ -0,0 +1 @@
+<div style="margin-top: -10em; clear:both">a
diff --git a/layout/reftests/bugs/384876-1-ref.html b/layout/reftests/bugs/384876-1-ref.html
new file mode 100644
index 0000000000..e3fc7e0616
--- /dev/null
+++ b/layout/reftests/bugs/384876-1-ref.html
@@ -0,0 +1,37 @@
+<html>
+<head>
+    <title>Width:auto and padding</title>
+</head>
+
+<body>
+
+<div style="border-bottom:5px solid #000;
+            overflow: hidden;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:20px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:hidden)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            overflow: visible;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:60px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:visible)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            overflow: auto;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:100px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:auto)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:140px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (no overflow defined)</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/384876-1.html b/layout/reftests/bugs/384876-1.html
new file mode 100644
index 0000000000..06a3592306
--- /dev/null
+++ b/layout/reftests/bugs/384876-1.html
@@ -0,0 +1,41 @@
+<html>
+<head>
+    <title>Width:auto and padding</title>
+</head>
+
+<body>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            overflow: hidden;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:20px"><div>The bottom border should end with my text (overflow:hidden)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            overflow: visible;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:60px"><div>The bottom border should end with my text (overflow:visible)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            overflow: auto;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:100px"><div>The bottom border should end with my text (overflow:auto)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:140px"><div>The bottom border should end with my text (no overflow defined)</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/385533-1.html b/layout/reftests/bugs/385533-1.html
new file mode 100644
index 0000000000..6e4759eebf
--- /dev/null
+++ b/layout/reftests/bugs/385533-1.html
@@ -0,0 +1,16 @@
+<!-- Assertion reftest for bug 385533 -->
+<html>
+<head>
+<style>
+.pad { padding: 50%; color: white }
+</style>
+</head>
+<body>
+  <table>
+    <tr>
+      <td><div class="pad">a</div></td>
+      <td><div class="pad">b</div></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385569-1-ref.html b/layout/reftests/bugs/385569-1-ref.html
new file mode 100644
index 0000000000..b3869ff403
--- /dev/null
+++ b/layout/reftests/bugs/385569-1-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style>
+/* explicitly load a font that supports the "fi" ligature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+body {
+  font-family: test, serif;
+  padding: 20px;
+}
+</style>
+</head>
+
+<body>
+<div id="div" style="font-size: 40px">ifi</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385569-1a.html b/layout/reftests/bugs/385569-1a.html
new file mode 100644
index 0000000000..914c42f21f
--- /dev/null
+++ b/layout/reftests/bugs/385569-1a.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style>
+/* explicitly load a font that supports the "fi" ligature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+body {
+  font-family: test, serif;
+  padding: 20px;
+}
+</style>
+<script>
+function m()
+{
+  document.body.offsetHeight;
+  var div = document.getElementById("div");
+  div.appendChild(document.createTextNode("i"));
+}
+</script>
+</head>
+
+<body onload="m();">
+<div id="div" style="font-size: 40px"><span>if</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385569-1b.html b/layout/reftests/bugs/385569-1b.html
new file mode 100644
index 0000000000..d39f03218b
--- /dev/null
+++ b/layout/reftests/bugs/385569-1b.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style>
+/* explicitly load a font that supports the "fi" ligature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+body {
+  font-family: test, serif;
+  padding: 20px;
+}
+</style>
+<script>
+function m()
+{
+  document.body.offsetHeight;
+  var parent = document.getElementById("parent");
+  parent.appendChild(document.createTextNode("i"));
+}
+</script>
+</head>
+
+<body onload="m();">
+<div id="div" style="font-size: 40px"><span>if</span><span id="parent"></span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385607-1-ref.html b/layout/reftests/bugs/385607-1-ref.html
new file mode 100644
index 0000000000..2164e7333e
--- /dev/null
+++ b/layout/reftests/bugs/385607-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<div id="div"><span>x </span><span> x</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385607-1.html b/layout/reftests/bugs/385607-1.html
new file mode 100644
index 0000000000..a2b89fdc02
--- /dev/null
+++ b/layout/reftests/bugs/385607-1.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<script>
+function m()
+{
+  document.body.offsetHeight;
+  var div = document.getElementById("div");
+  var doomed = document.getElementById("doomed");
+  div.removeChild(doomed);
+}
+</script>
+</head>
+<body onload="m();">
+<div id="div"><span>x </span><div id="doomed">y</div><span> x</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385823-1-ref.html b/layout/reftests/bugs/385823-1-ref.html
new file mode 100644
index 0000000000..795fbfbc5d
--- /dev/null
+++ b/layout/reftests/bugs/385823-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<body>
+<table style="background: lightblue;" cellspacing="0" cellpadding="0">
+ <tr><td>
+  <img src="mozilla-banner.gif"/>
+  <br/>
+  Here's some text following the image.
+ </tr></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385823-1.html b/layout/reftests/bugs/385823-1.html
new file mode 100644
index 0000000000..11a78b2aa4
--- /dev/null
+++ b/layout/reftests/bugs/385823-1.html
@@ -0,0 +1,11 @@
+<html>
+<body>
+<table style="background: lightblue;" cellspacing="0" cellpadding="0">
+ <tr><td>
+  <img src="mozilla-banner.gif" height="100%"/>
+  <br/>
+  Here's some text following the image.
+ </tr></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385823-2-ref.html b/layout/reftests/bugs/385823-2-ref.html
new file mode 100644
index 0000000000..1c595b8ec5
--- /dev/null
+++ b/layout/reftests/bugs/385823-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<table cellspacing="0" cellpadding="0" height="70px">
+ <tr><td>
+  <img src="mozilla-banner.gif" height="70px"/>
+ </tr></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385823-2a.html b/layout/reftests/bugs/385823-2a.html
new file mode 100644
index 0000000000..1fd3286e41
--- /dev/null
+++ b/layout/reftests/bugs/385823-2a.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<table cellspacing="0" cellpadding="0" height="70px">
+ <tr><td>
+  <img src="mozilla-banner.gif" height="100%"/>
+ </tr></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385823-2b.html b/layout/reftests/bugs/385823-2b.html
new file mode 100644
index 0000000000..c9c434ef50
--- /dev/null
+++ b/layout/reftests/bugs/385823-2b.html
@@ -0,0 +1,14 @@
+<html>
+<body>
+<table cellspacing="0" cellpadding="0" height="70px">
+ <tr><td>
+  <img src="mozilla-banner.gif" height="100%"/>
+  <br/>
+  <!-- Add some text content, but make it small enough not
+       to push us to over 70px before we scale the image.
+       This text should end up hidden behind the image. -->
+  <font style="font-size: 20%">text text</font>
+ </tr></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385823-2c.html b/layout/reftests/bugs/385823-2c.html
new file mode 100644
index 0000000000..400caee40a
--- /dev/null
+++ b/layout/reftests/bugs/385823-2c.html
@@ -0,0 +1,15 @@
+<html>
+<body>
+<!-- Specify a width on the table, to make sure it's wide enough
+     to hold the scaled image. -->
+<table cellspacing="0" cellpadding="0" height="70px" width="724px">
+ <tr><td>
+  <img src="mozilla-banner.gif" height="100%"/>
+  <br/>
+  <!-- Add some text content, but make it small enough not
+       to push us to over 70px before we scale the image. -->
+  <font style="font-size: 20%; color:rgba(0,0,0,0);">text text</font>
+ </tr></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/385870-1-ref.html b/layout/reftests/bugs/385870-1-ref.html
new file mode 100644
index 0000000000..fcebd34fb2
--- /dev/null
+++ b/layout/reftests/bugs/385870-1-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+}
+
+#green {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+}
+
+#blue {
+  position: absolute;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: absolute;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<textarea id=red></textarea>
+<textarea id=green></textarea>
+<textarea id=blue></textarea>
+<textarea id=yellow></textarea>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/385870-1.html b/layout/reftests/bugs/385870-1.html
new file mode 100644
index 0000000000..4d292e1c20
--- /dev/null
+++ b/layout/reftests/bugs/385870-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+  right: 100px;
+  bottom: 100px;
+}
+
+#green {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+  bottom: 100px;
+}
+
+#blue {
+  position: absolute;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  right: 100px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: absolute;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<textarea id=red></textarea>
+<textarea id=green></textarea>
+<textarea id=blue></textarea>
+<textarea id=yellow></textarea>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/385870-2-ref.html b/layout/reftests/bugs/385870-2-ref.html
new file mode 100644
index 0000000000..eebef3805e
--- /dev/null
+++ b/layout/reftests/bugs/385870-2-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+}
+
+#green {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+}
+
+#blue {
+  position: absolute;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: absolute;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<input id=red>
+<input id=green>
+<input id=blue>
+<input id=yellow>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/385870-2.html b/layout/reftests/bugs/385870-2.html
new file mode 100644
index 0000000000..c641abb796
--- /dev/null
+++ b/layout/reftests/bugs/385870-2.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+  right: 100px;
+  bottom: 100px;
+}
+
+#green {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+  bottom: 100px;
+}
+
+#blue {
+  position: absolute;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  right: 100px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: absolute;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<input id=red>
+<input id=green>
+<input id=blue>
+<input id=yellow>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386014-1-ref.html b/layout/reftests/bugs/386014-1-ref.html
new file mode 100644
index 0000000000..f1b0d60894
--- /dev/null
+++ b/layout/reftests/bugs/386014-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   div { background: green; color: green; width: -moz-fit-content; }
+  </style>
+</head>
+<body>
+
+<div>TEST</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/386014-1a.html b/layout/reftests/bugs/386014-1a.html
new file mode 100644
index 0000000000..1bbc6fd311
--- /dev/null
+++ b/layout/reftests/bugs/386014-1a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ caption { color: green }
+</style>
+<script>
+function boom()
+{
+  var table = document.getElementById("table");
+
+  var newCaption = document.createElement('caption');
+  newCaption.appendChild(document.createTextNode("TEST"));
+  newCaption.style.background = "inherit"
+  table.insertBefore(newCaption, table.firstChild);
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<table id="table" style="background: green;"><caption></caption></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386014-1b.html b/layout/reftests/bugs/386014-1b.html
new file mode 100644
index 0000000000..5e394458c4
--- /dev/null
+++ b/layout/reftests/bugs/386014-1b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ caption { color: green }
+</style>
+<script>
+function boom()
+{
+  var table = document.getElementById("table");
+
+  var newCaption = document.createElement('caption');
+  newCaption.appendChild(document.createTextNode("TEST"));
+  newCaption.style.background = "inherit"
+  table.appendChild(newCaption);
+  table.appendChild(document.createElement('caption'));
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<table id="table" style="background: green;"></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386014-1c.html b/layout/reftests/bugs/386014-1c.html
new file mode 100644
index 0000000000..d670cccb46
--- /dev/null
+++ b/layout/reftests/bugs/386014-1c.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   caption { color: green }
+  </style>
+</head>
+<body>
+
+<table style="background: green;"><caption style="background: inherit">TEST</caption><caption></caption></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386065-1-ref.html b/layout/reftests/bugs/386065-1-ref.html
new file mode 100644
index 0000000000..c2fdddb0db
--- /dev/null
+++ b/layout/reftests/bugs/386065-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+
+<head>
+ <style type="text/css">
+  legend {font-size:0;}
+ </style>
+</head>
+
+<body>
+  <form>
+   <fieldset>
+    <legend></legend>
+   </fieldset>
+
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/386065-1.html b/layout/reftests/bugs/386065-1.html
new file mode 100644
index 0000000000..5695543548
--- /dev/null
+++ b/layout/reftests/bugs/386065-1.html
@@ -0,0 +1,17 @@
+<html>
+
+<head>
+ <style type="text/css">
+  legend {font-size:0;}
+ </style>
+</head>
+
+<body>
+  <form>
+   <fieldset>
+    <legend>Invisible text</legend>
+   </fieldset>
+
+  </form>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/386065-2.html b/layout/reftests/bugs/386065-2.html
new file mode 100644
index 0000000000..27197f51a3
--- /dev/null
+++ b/layout/reftests/bugs/386065-2.html
@@ -0,0 +1,12 @@
+<html>
+
+<head>
+ <style type="text/css">
+  div {font-size:0;}
+ </style>
+</head>
+
+<body>
+  <div>This should be invisible.</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/386147-1-ref.html b/layout/reftests/bugs/386147-1-ref.html
new file mode 100644
index 0000000000..9bf61293c9
--- /dev/null
+++ b/layout/reftests/bugs/386147-1-ref.html
@@ -0,0 +1,6 @@
+<div style="column-count: 2; width: 10em">
+<div>
+a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
+</div>
+<div>
+bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
diff --git a/layout/reftests/bugs/386147-1.html b/layout/reftests/bugs/386147-1.html
new file mode 100644
index 0000000000..02734d53fe
--- /dev/null
+++ b/layout/reftests/bugs/386147-1.html
@@ -0,0 +1,6 @@
+<div style="column-count: 2; width: 10em">
+<div style="float:left;">
+a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
+</div>
+<div style="float:left">
+bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
diff --git a/layout/reftests/bugs/386310-1-ref.html b/layout/reftests/bugs/386310-1-ref.html
new file mode 100644
index 0000000000..8b92dbd483
--- /dev/null
+++ b/layout/reftests/bugs/386310-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div id="test">first second third [<span style="background: yellow">fourth</span>]</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/386310-1a.html b/layout/reftests/bugs/386310-1a.html
new file mode 100644
index 0000000000..df18acda95
--- /dev/null
+++ b/layout/reftests/bugs/386310-1a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="386310-script.js"></script>
+  </head>
+  <body>
+    <div id="test">first second third [fourth]</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/386310-1b-shadow.html b/layout/reftests/bugs/386310-1b-shadow.html
new file mode 100644
index 0000000000..9cfa6f477b
--- /dev/null
+++ b/layout/reftests/bugs/386310-1b-shadow.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="386310-script.js"></script>
+    <script>
+      customElements.define("custom-element", class extends HTMLElement {
+        constructor() {
+          super();
+          const template = document.getElementById("template");
+          const shadowRoot = this.attachShadow({mode: "open"})
+            .appendChild(template.content.cloneNode(true));
+        }
+      });
+    </script>
+  </head>
+  <body>
+    <template id="template">
+      <span></span>
+      <slot></slot>
+    </template>
+    <custom-element id="test" style="display: block;">first second third [fourth]</custom-element>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/386310-1c-shadow.html b/layout/reftests/bugs/386310-1c-shadow.html
new file mode 100644
index 0000000000..2198276464
--- /dev/null
+++ b/layout/reftests/bugs/386310-1c-shadow.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="386310-script.js"></script>
+    <script>
+      customElements.define("custom-element", class extends HTMLElement {
+        constructor() {
+          super();
+          const template = document.getElementById("template");
+          const shadowRoot = this.attachShadow({mode: "open"})
+            .appendChild(template.content.cloneNode(true));
+        }
+      });
+    </script>
+  </head>
+  <body>
+    <template id="template">
+      <slot></slot>
+      <span></span>
+    </template>
+    <custom-element id="test" style="display: block;">first second third [fourth]</custom-element>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/386310-1d-shadow.html b/layout/reftests/bugs/386310-1d-shadow.html
new file mode 100644
index 0000000000..acfb4c2d65
--- /dev/null
+++ b/layout/reftests/bugs/386310-1d-shadow.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="386310-script.js"></script>
+    <script>
+      customElements.define("custom-element", class extends HTMLElement {
+        constructor() {
+          super();
+          const template = document.getElementById("template");
+          const shadowRoot = this.attachShadow({mode: "open"})
+            .appendChild(template.content.cloneNode(true));
+          var span = document.createComment("generated comment to prevent bug #36");
+          this.insertBefore(span, this.firstChild);
+        }
+      });
+    </script>
+  </head>
+  <body>
+    <template id="template">
+      <span></span>
+      <slot></slot>
+    </template>
+    <custom-element id="test" style="display: block;">first second third [fourth]</custom-element>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/386310-script.js b/layout/reftests/bugs/386310-script.js
new file mode 100644
index 0000000000..960fe6ab5a
--- /dev/null
+++ b/layout/reftests/bugs/386310-script.js
@@ -0,0 +1,12 @@
+function wrapNode() {
+  var elm = document.getElementById("test");
+  var span = document.createElement("span");
+  span.setAttribute("style", "background: yellow");
+  var range = document.createRange();
+  var start = "first second third [".length;
+  range.setStart(elm.lastChild, start);
+  range.setEnd(elm.lastChild, start + "fourth".length);
+  range.surroundContents(span);
+}
+
+window.addEventListener("load", wrapNode);
diff --git a/layout/reftests/bugs/386401-1-ref.html b/layout/reftests/bugs/386401-1-ref.html
new file mode 100644
index 0000000000..a5f47e681a
--- /dev/null
+++ b/layout/reftests/bugs/386401-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 386401</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  table { border-spacing: 2px; width: 30em; }
+  td { border: 1px solid; padding: 2px; }
+  tbody { overflow: scroll; }
+
+  </style>
+</head>
+<body>
+
+<table>
+  <thead><tr><td>Header</td><td id="grow">A really big header.</td><td>Header</td></tr></thead>
+  <tfoot><tr><td>Footer</td><td>Footer</td><td>Footer</td></tr></tfoot>
+  <tbody>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+  </tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386401-1.html b/layout/reftests/bugs/386401-1.html
new file mode 100644
index 0000000000..5f8a61ce32
--- /dev/null
+++ b/layout/reftests/bugs/386401-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+  <title>Testcase, bug 386401</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <meta http-equiv="Content-Script-Type" content="text/javascript">
+  <style type="text/css">
+
+  table { border-spacing: 2px; width: 30em; }
+  td { border: 1px solid; padding: 2px; }
+  tbody { overflow: scroll; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+    setTimeout(run2, 0);
+  }
+
+  function run2() {
+    var t = document.getElementById("grow").firstChild;
+    t.data = "A really big header.";
+    document.documentElement.className = "";
+  }
+
+  </script>
+</head>
+<body onload="run()">
+
+<table>
+  <thead><tr><td>Header</td><td id="grow">Header</td><td>Header</td></tr></thead>
+  <tfoot><tr><td>Footer</td><td>Footer</td><td>Footer</td></tr></tfoot>
+  <tbody>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+  </tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386401-2-ref.html b/layout/reftests/bugs/386401-2-ref.html
new file mode 100644
index 0000000000..55009b28d9
--- /dev/null
+++ b/layout/reftests/bugs/386401-2-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 386401</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <meta http-equiv="Content-Script-Type" content="text/javascript">
+  <style type="text/css">
+
+  table { border-spacing: 2px; width: 30em; }
+  td { border: 1px solid; padding: 2px; }
+  tbody { overflow: scroll; }
+
+  </style>
+</head>
+<body>
+
+<table>
+  <thead><tr><td>Header</td><td id="appendhere">Header</td><td>A really big header</td></tr></thead>
+  <tfoot><tr><td>Footer</td><td>Footer</td><td>Footer</td></tr></tfoot>
+  <tbody>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+  </tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386401-2.html b/layout/reftests/bugs/386401-2.html
new file mode 100644
index 0000000000..1d05a0c5fc
--- /dev/null
+++ b/layout/reftests/bugs/386401-2.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+  <title>Testcase, bug 386401</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <meta http-equiv="Content-Script-Type" content="text/javascript">
+  <style type="text/css">
+
+  table { border-spacing: 2px; width: 30em; }
+  td { border: 1px solid; padding: 2px; }
+  tbody { overflow: scroll; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+    setTimeout(run2, 0);
+  }
+
+  function run2() {
+    var c = document.getElementById("appendhere");
+    var newc = document.createElement("td");
+    var t = document.createTextNode("A really big header");
+    newc.appendChild(t);
+    c.parentNode.appendChild(newc);
+    document.documentElement.className = "";
+  }
+
+  </script>
+</head>
+<body onload="run()">
+
+<table>
+  <thead><tr><td>Header</td><td id="appendhere">Header</td></tr></thead>
+  <tfoot><tr><td>Footer</td><td>Footer</td><td>Footer</td></tr></tfoot>
+  <tbody>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+  </tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386401-3-ref.html b/layout/reftests/bugs/386401-3-ref.html
new file mode 100644
index 0000000000..9f59dd67e3
--- /dev/null
+++ b/layout/reftests/bugs/386401-3-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 386401</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <meta http-equiv="Content-Script-Type" content="text/javascript">
+  <style type="text/css">
+
+  table#main { border-spacing: 2px; }
+  table#main td { border: 1px solid; padding: 2px; }
+  table#main tbody { overflow: scroll; }
+
+  </style>
+</head>
+<body>
+
+<table id="outer"><tr>
+<td>
+
+<table id="main">
+  <thead><tr><td>Header</td><td>Header</td><td>A really big header</td></tr></thead>
+  <tfoot><tr><td>Footer</td><td>Footer</td><td>Footer</td></tr></tfoot>
+  <tbody>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+  </tbody>
+</table>
+
+</td>
+<td id="grow" style="width: 99%">
+</td>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386401-3.html b/layout/reftests/bugs/386401-3.html
new file mode 100644
index 0000000000..a4bd8463e3
--- /dev/null
+++ b/layout/reftests/bugs/386401-3.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+  <title>Testcase, bug 386401</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <meta http-equiv="Content-Script-Type" content="text/javascript">
+  <style type="text/css">
+
+  table#main { border-spacing: 2px; }
+  table#main td { border: 1px solid; padding: 2px; }
+  table#main tbody { overflow: scroll; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+    setTimeout(run2, 0);
+  }
+
+  function run2() {
+    var c = document.getElementById("grow");
+    c.style.width="99%";
+    document.documentElement.className = "";
+  }
+
+  </script>
+</head>
+<body onload="run()">
+
+<table id="outer"><tr>
+<td>
+
+<table id="main">
+  <thead><tr><td>Header</td><td>Header</td><td>A really big header</td></tr></thead>
+  <tfoot><tr><td>Footer</td><td>Footer</td><td>Footer</td></tr></tfoot>
+  <tbody>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+    <tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
+  </tbody>
+</table>
+
+</td>
+<td id="grow">
+</td>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/386470-1-ref.html b/layout/reftests/bugs/386470-1-ref.html
new file mode 100644
index 0000000000..492fc1e997
--- /dev/null
+++ b/layout/reftests/bugs/386470-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML><html>
+<head>
+</head>
+<body>
+<MARQUEE scrollamount="0" direction="right" behavior="alternate" style="background-color: blue; height: 100px;"><div style="width: 50px; height: 50px; background-color: lime;"></div></MARQUEE>
+</body>
+</html>
diff --git a/layout/reftests/bugs/386470-1a.html b/layout/reftests/bugs/386470-1a.html
new file mode 100644
index 0000000000..746c206c41
--- /dev/null
+++ b/layout/reftests/bugs/386470-1a.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML><html>
+<head>
+</head>
+<body>
+<MARQUEE style="background-color: blue; height: 100px;" contenteditable><div style="width: 50px; height: 50px; background-color: lime;"></div></MARQUEE>
+</body>
+</html>
diff --git a/layout/reftests/bugs/386470-1b.html b/layout/reftests/bugs/386470-1b.html
new file mode 100644
index 0000000000..ff79431736
--- /dev/null
+++ b/layout/reftests/bugs/386470-1b.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML><html>
+<head>
+</head>
+<body>
+<MARQUEE style="background-color: blue; height: 100px;" direction="down" scrollamount="0" behavior="alternate"><div style="width: 50px; height: 50px; background-color: lime;"></div></MARQUEE>
+</body>
+</html>
diff --git a/layout/reftests/bugs/386470-1c.html b/layout/reftests/bugs/386470-1c.html
new file mode 100644
index 0000000000..e791be9726
--- /dev/null
+++ b/layout/reftests/bugs/386470-1c.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML><html>
+<head>
+</head>
+<body>
+<MARQUEE style="background-color: blue; height: 100px;" direction="up" contenteditable><div style="width: 50px; height: 50px; background-color: lime;"></div></MARQUEE>
+</body>
+</html>
diff --git a/layout/reftests/bugs/386920-1-ref.html b/layout/reftests/bugs/386920-1-ref.html
new file mode 100644
index 0000000000..3cfa7d849f
--- /dev/null
+++ b/layout/reftests/bugs/386920-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="width:0px;">
+<p>THIS TEXT SHOULD BREAK.
+</body>
+</html>
diff --git a/layout/reftests/bugs/386920-1.html b/layout/reftests/bugs/386920-1.html
new file mode 100644
index 0000000000..b74b0cdaa2
--- /dev/null
+++ b/layout/reftests/bugs/386920-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="width:0px;">
+<p style="font-variant:small-caps;">THIS TEXT SHOULD BREAK.
+</body>
+</html>
diff --git a/layout/reftests/bugs/387201-1-ref.html b/layout/reftests/bugs/387201-1-ref.html
new file mode 100644
index 0000000000..bcd40d8aeb
--- /dev/null
+++ b/layout/reftests/bugs/387201-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+.i {
+  height: 10px;
+  float: left;
+}
+</style>
+</head>
+<body>
+
+<div style="width: 4px;">
+  <div style="margin-left: 10px;">
+
+    <div class="i" style="border: 1px solid green">2</div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/387201-1.html b/layout/reftests/bugs/387201-1.html
new file mode 100644
index 0000000000..103f617b63
--- /dev/null
+++ b/layout/reftests/bugs/387201-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+.i {
+  height: 10px;
+  float: left;
+}
+</style>
+</head>
+<body>
+
+<div style="width: 4px;">
+  <div style="margin-left: 10px;">
+    <div class="i"></div>
+    <div class="i" style="border: 1px solid green">2</div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/387201-2.html b/layout/reftests/bugs/387201-2.html
new file mode 100644
index 0000000000..e3b4ca996b
--- /dev/null
+++ b/layout/reftests/bugs/387201-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#mlinks {
+	padding: 0;
+	float: right;
+}
+#hticker {
+	clear: both;
+}
+</style>
+</head>
+<body>
+<ul id="mlinks"></ul>
+<div id="hticker"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/387201-3.html b/layout/reftests/bugs/387201-3.html
new file mode 100644
index 0000000000..f0d578de80
--- /dev/null
+++ b/layout/reftests/bugs/387201-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<div style="display: table-footer-group;">
+  <div style="float: right; width: 10px; height: 10px; padding-left: 40px;"></div>
+  <div style="-moz-float-edge: margin-box;">
+    <div style="float: right; height: 18px; width: 0px;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/387227-1-ref.html b/layout/reftests/bugs/387227-1-ref.html
new file mode 100644
index 0000000000..37a43e6e24
--- /dev/null
+++ b/layout/reftests/bugs/387227-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+ <body>
+   <div style="display: table-cell">Table cell</div
+  ><div>New Div</div
+  ><div id="insertion">Block</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/387227-1.html b/layout/reftests/bugs/387227-1.html
new file mode 100644
index 0000000000..3d0ad93353
--- /dev/null
+++ b/layout/reftests/bugs/387227-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <script>
+     function runTest() {
+       var div = document.createElement("div");
+       div.appendChild(document.createTextNode("New Div"));
+       document.body.insertBefore(div, document.getElementById("insertion"));
+     }
+   </script>
+ </head>
+ <body onload="runTest()">
+   <div style="display: table-cell">Table cell</div
+  ><div id="insertion">Block</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/387227-2-ref.html b/layout/reftests/bugs/387227-2-ref.html
new file mode 100644
index 0000000000..50b9d20cfe
--- /dev/null
+++ b/layout/reftests/bugs/387227-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+ <body>
+   <div style="display: table-cell">Table cell</div>
+   <div>New Div</div><div id="insertion">Block</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/387227-2.html b/layout/reftests/bugs/387227-2.html
new file mode 100644
index 0000000000..386a68c4e8
--- /dev/null
+++ b/layout/reftests/bugs/387227-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <script>
+     function runTest() {
+       var div = document.createElement("div");
+       div.appendChild(document.createTextNode("New Div"));
+       document.body.insertBefore(div, document.getElementById("insertion"));
+     }
+   </script>
+ </head>
+ <body onload="runTest()">
+   <div style="display: table-cell">Table cell</div>
+   <div id="insertion">Block</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/387344-1-ref.html b/layout/reftests/bugs/387344-1-ref.html
new file mode 100644
index 0000000000..6a524018d7
--- /dev/null
+++ b/layout/reftests/bugs/387344-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+<tbody style="height: 100px; overflow: scroll; font-size: 20px; visibility: hidden">
+<tr><td>Test 1</td></tr>
+<tr><td>Test 2</td></tr>
+<tr><td>Test 3</td></tr>
+<tr><td>Test 4</td></tr>
+<tr><td>Test 5</td></tr>
+<tr><td>Test 6</td></tr>
+<tr><td>Test 7</td></tr>
+</tbody>
+</table>
+This text should be right up against the table.
+</body>
+</html>
diff --git a/layout/reftests/bugs/387344-1.html b/layout/reftests/bugs/387344-1.html
new file mode 100644
index 0000000000..034de9c9b2
--- /dev/null
+++ b/layout/reftests/bugs/387344-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+<tbody style="height: 100px; overflow: scroll; font-size: 20px; visibility: hidden">
+<tr><td>Test 1</td></tr>
+<tr><td>Test 2</td></tr>
+<tr><td>Test 3</td></tr>
+<tr><td>Test 4</td></tr>
+<tr><td>Test 5</td></tr>
+<tr><td>Test 6</td></tr>
+<tr><td>Test 7</td></tr>
+<tr><td>Test 8</td></tr>
+<tr><td>Test 9</td></tr>
+</tbody>
+</table>
+This text should be right up against the table.
+</body>
+</html>
diff --git a/layout/reftests/bugs/387876-1-ref.html b/layout/reftests/bugs/387876-1-ref.html
new file mode 100644
index 0000000000..3b722d20c9
--- /dev/null
+++ b/layout/reftests/bugs/387876-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<title>Bug 387876 Reference Case 1</title>
+</head>
+<body>
+  The yellow box should say 'ab'.
+  <div style="column-width: 30px;
+              column-gap: 0px;
+              height: 0px;
+             ">
+    <div id="weirdDiv" 
+         style="background: yellow;">ab</div>
+    z
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/387876-1.html b/layout/reftests/bugs/387876-1.html
new file mode 100644
index 0000000000..20c84bcf54
--- /dev/null
+++ b/layout/reftests/bugs/387876-1.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+<head>
+<title>Bug 387876 Test Case 1</title>
+<script>
+ function tweak() {
+   document.getElementById('weirdDiv').textContent += 'b';
+   document.documentElement.className = '';
+ }
+</script>
+</head>
+<body onload="setTimeout(tweak, 10);">
+  The yellow box should say 'ab'.
+  <div style="column-width: 30px;
+              column-gap: 0px;
+              height: 0px;
+             ">
+    <div id="weirdDiv" 
+         style="background: yellow;">a</div>
+    z
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/387876-2-ref.html b/layout/reftests/bugs/387876-2-ref.html
new file mode 100644
index 0000000000..ffcce37b1c
--- /dev/null
+++ b/layout/reftests/bugs/387876-2-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+<title>Bug 387876 Reference Case 2</title>
+</head>
+<body>
+  <div style="width:100%; height:0px;
+              column-width: 20px; column-gap: 10px;">
+    <div style="background: lightblue;">a</div>
+    <p id="weird" 
+       style="background: lightgreen">b cd</p>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/387876-2.html b/layout/reftests/bugs/387876-2.html
new file mode 100644
index 0000000000..b2bbf830b5
--- /dev/null
+++ b/layout/reftests/bugs/387876-2.html
@@ -0,0 +1,19 @@
+<html class="reftest-wait">
+<head>
+<title>Bug 387876 Test Case 2</title>
+<script>
+ function tweak() {
+   document.getElementById('weird').textContent += 'd';
+   document.documentElement.className = '';
+ }
+</script>
+</head>
+<body onload="setTimeout(tweak, 10);">
+  <div style="width:100%; height:0px;
+              column-width: 20px; column-gap: 10px;">
+    <div style="background: lightblue;">a</div>
+    <p id="weird" 
+       style="background: lightgreen">b c</p>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/387876-3-ref.html b/layout/reftests/bugs/387876-3-ref.html
new file mode 100644
index 0000000000..de4f912495
--- /dev/null
+++ b/layout/reftests/bugs/387876-3-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+ <div style="column-width: 60px; height: 60px; background: yellow;">
+   title
+   <p id="p" style="background: lightgreen">
+     below
+   </p>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/387876-3a.html b/layout/reftests/bugs/387876-3a.html
new file mode 100644
index 0000000000..a84cdf2a62
--- /dev/null
+++ b/layout/reftests/bugs/387876-3a.html
@@ -0,0 +1,19 @@
+<html class="reftest-wait">
+<head>
+ <script>
+  function tweak() {
+    document.getElementById('p').textContent = 'below';
+    document.documentElement.className = '';
+  }
+ </script>
+</head>
+<body onload="tweak()">
+ <div style="column-width: 60px; height: 60px; background: yellow;">
+   title
+   <p id="p" style="background: lightgreen">
+     line
+     break
+   </p>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/387876-3b.html b/layout/reftests/bugs/387876-3b.html
new file mode 100644
index 0000000000..3f29a9c18d
--- /dev/null
+++ b/layout/reftests/bugs/387876-3b.html
@@ -0,0 +1,28 @@
+<html class="reftest-wait">
+<head>
+ <script>
+  function tweak() {
+    document.getElementById('p').textContent = 'below';
+    document.documentElement.className = '';
+  }
+ </script>
+</head>
+<body onload="tweak()">
+ <div style="column-width: 60px; height: 60px; background: yellow;">
+   title
+   <p id="p" style="background: lightgreen">
+     line
+     break
+     [middle]
+     line
+     break
+     [middle]
+     line
+     break
+     [middle]
+     line
+     break
+   </p>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/388026-1-ref.html b/layout/reftests/bugs/388026-1-ref.html
new file mode 100644
index 0000000000..7fa6a2ba74
--- /dev/null
+++ b/layout/reftests/bugs/388026-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0; text-align:right;">m</body>
+</html>
diff --git a/layout/reftests/bugs/388026-1.html b/layout/reftests/bugs/388026-1.html
new file mode 100644
index 0000000000..4932fd3cf0
--- /dev/null
+++ b/layout/reftests/bugs/388026-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0; text-align:right;">m </body>
+</html>
diff --git a/layout/reftests/bugs/389074-1-ref.html b/layout/reftests/bugs/389074-1-ref.html
new file mode 100644
index 0000000000..69e68a114d
--- /dev/null
+++ b/layout/reftests/bugs/389074-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<!-- check that U+FEFF doesn't disrupt glyph rendering, see bug 389074 comments 26, 30 -->
+<html>
+  <div style="font-size: large; font-family: sans-serif;">
+    <!-- leave one FEFF in the text to maintain same line height -->
+    <p>&#xfeff;ABC</p>
+  </div>
+</html>
diff --git a/layout/reftests/bugs/389074-1.html b/layout/reftests/bugs/389074-1.html
new file mode 100644
index 0000000000..70ec4e3320
--- /dev/null
+++ b/layout/reftests/bugs/389074-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<!-- check that U+FEFF doesn't disrupt glyph rendering, see bug 389074 comments 26, 30 -->
+<html>
+  <div style="font-size: large; font-family: sans-serif;">
+    <p>&#xfeff;A&#xfeff;B&#xfeff;C&#xfeff;</p>
+  </div>
+</html>
diff --git a/layout/reftests/bugs/389224-1-ref.html b/layout/reftests/bugs/389224-1-ref.html
new file mode 100644
index 0000000000..8e96f27773
--- /dev/null
+++ b/layout/reftests/bugs/389224-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; left:10px; top:10px; width:100px; height:100px; background:lime">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/389224-1.html b/layout/reftests/bugs/389224-1.html
new file mode 100644
index 0000000000..01b7990c68
--- /dev/null
+++ b/layout/reftests/bugs/389224-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="d" style="position:absolute; left:10px; top:10px; width:10px; height:10px; clip:rect(auto,100px,50px,auto)">
+  <div style="width:100px; height:100px; background:lime;"></div>
+</div>
+<script>
+var d = document.getElementById("d");
+function doTest() {
+  d.style.clip = "";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/389224-2.html b/layout/reftests/bugs/389224-2.html
new file mode 100644
index 0000000000..354b9a9138
--- /dev/null
+++ b/layout/reftests/bugs/389224-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="d" style="position:absolute; left:10px; top:10px; width:10px; height:10px;">
+  <div style="width:100px; height:100px; background:lime;"></div>
+</div>
+<script>
+var d = document.getElementById("d");
+function doTest() {
+  d.style.clip = "rect(0,0,0,0)";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/389468-1-ref.html b/layout/reftests/bugs/389468-1-ref.html
new file mode 100644
index 0000000000..2d31941cd9
--- /dev/null
+++ b/layout/reftests/bugs/389468-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <table id="t" style="border:1px solid black; width:50em;">
+  <tbody>
+    <tr>
+      <td>China's Leader Closes Door to Reform - New York Times<br/>
+        Hostesses for the Communist Party's 17th National Congress played
+        Hostesses for the Communist Party's 17th National Congress played
+        Hostesses for the Communist Party's 17th National Congress played
+        Hostesses for the Communist Party's 17th National Congress played
+          a game Monday outside the Great Hall of the People. By
+        JOS...<span style="white-space: nowrap;"> all 1,062 news
+        articles</span></td>
+    </tr>
+  </tbody>
+  </table>
+</body>
+</html>
+ 
\ No newline at end of file
diff --git a/layout/reftests/bugs/389468-1.html b/layout/reftests/bugs/389468-1.html
new file mode 100644
index 0000000000..1d22363154
--- /dev/null
+++ b/layout/reftests/bugs/389468-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <table id="t" style="border:1px solid black;">
+  <tbody>
+    <tr>
+      <td>China's Leader Closes Door to Reform - New York Times<br/>
+        Hostesses for the Communist Party's 17th National Congress played
+        Hostesses for the Communist Party's 17th National Congress played
+        Hostesses for the Communist Party's 17th National Congress played
+        Hostesses for the Communist Party's 17th National Congress played
+          a game Monday outside the Great Hall of the People. By
+        JOS...<span style="white-space: nowrap;"> all 1,062 news
+        articles</span></td>
+    </tr>
+  </tbody>
+  </table>
+  <script>
+document.body.offsetTop;
+var t = document.getElementById("t");
+// comment out the following line to see the correct rendering
+t.style.width = "4em";
+document.body.offsetTop;
+t.style.width = "50em";
+  </script>
+</body>
+</html>
+ 
\ No newline at end of file
diff --git a/layout/reftests/bugs/389623-1-ref.html b/layout/reftests/bugs/389623-1-ref.html
new file mode 100644
index 0000000000..f642da123f
--- /dev/null
+++ b/layout/reftests/bugs/389623-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.float, .float + div {
+ float: left;
+ height: 200px;
+ width: 100px;
+ background: #ccc;
+}
+.float + div{
+ float:right;
+}
+#bg {
+ background: #999;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div class="float"></div>
+<div></div>
+<div id="bg"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/389623-1.html b/layout/reftests/bugs/389623-1.html
new file mode 100644
index 0000000000..4c230797ff
--- /dev/null
+++ b/layout/reftests/bugs/389623-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.float, .float + div {
+ float: left;
+ height: 200px;
+ width: 100px;
+ background: #ccc;
+}
+.float + div{
+ float:right;
+}
+#bg {
+ background: url() #999 fixed;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div class="float"></div>
+<div></div>
+<div id="bg"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/389636-1.html b/layout/reftests/bugs/389636-1.html
new file mode 100644
index 0000000000..e3ab2cabef
--- /dev/null
+++ b/layout/reftests/bugs/389636-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script>
+function finishTest()
+{
+  document.documentElement.className = "";
+}
+
+function boom()
+{
+  var HTML_NS = "http://www.w3.org/1999/xhtml";
+  var XUL_NS  = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+  var clonedRichListBox = document.createElementNS(XUL_NS, 'richlistbox').cloneNode(false);
+  var div = document.createElementNS(HTML_NS, "div");
+
+  div.appendChild(clonedRichListBox);
+
+  document.body.appendChild(clonedRichListBox);
+
+  setTimeout(finishTest, 100);
+}
+
+</script>
+
+</head>
+<body onload="setTimeout(boom, 100);" style="visibility: hidden"> 
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/389924-1-ref.html b/layout/reftests/bugs/389924-1-ref.html
new file mode 100644
index 0000000000..d8fbd84010
--- /dev/null
+++ b/layout/reftests/bugs/389924-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<table id="table"><caption>THIS SHOULD BE VISIBLE</caption><tbody></tbody></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/389924-1a.html b/layout/reftests/bugs/389924-1a.html
new file mode 100644
index 0000000000..d6eaa02ea8
--- /dev/null
+++ b/layout/reftests/bugs/389924-1a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  var table = document.getElementById("table");
+
+  var newCaption = document.createElement('caption');
+  newCaption.appendChild(document.createTextNode("THIS SHOULD BE VISIBLE"));
+  table.insertBefore(newCaption, table.firstChild);
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<table id="table"><tbody></tbody></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/389924-1b.html b/layout/reftests/bugs/389924-1b.html
new file mode 100644
index 0000000000..4c6af6fee8
--- /dev/null
+++ b/layout/reftests/bugs/389924-1b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  var table = document.getElementById("table");
+
+  var newCaption = document.createElement('caption');
+  newCaption.appendChild(document.createTextNode("THIS SHOULD BE VISIBLE"));
+  table.appendChild(newCaption);
+  table.appendChild(document.createElement("tbody"));
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<table id="table"></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/390318-1-ref.html b/layout/reftests/bugs/390318-1-ref.html
new file mode 100644
index 0000000000..5524321cdb
--- /dev/null
+++ b/layout/reftests/bugs/390318-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>body { color: green; }</style>
+ </head>
+ <body>
+  This should be green
+ </body>
+</html>
diff --git a/layout/reftests/bugs/390318-1a.html b/layout/reftests/bugs/390318-1a.html
new file mode 100644
index 0000000000..da4e295fdc
--- /dev/null
+++ b/layout/reftests/bugs/390318-1a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>body { color: red; } body { color: green</style>
+ </head>
+ <body>
+  This should be green
+ </body>
+</html>
diff --git a/layout/reftests/bugs/390318-1b.html b/layout/reftests/bugs/390318-1b.html
new file mode 100644
index 0000000000..39282e02e0
--- /dev/null
+++ b/layout/reftests/bugs/390318-1b.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>body { color: red; } body { color: green !important</style>
+ </head>
+ <body>
+  This should be green
+ </body>
+</html>
diff --git a/layout/reftests/bugs/390318-1c.html b/layout/reftests/bugs/390318-1c.html
new file mode 100644
index 0000000000..94853bbccf
--- /dev/null
+++ b/layout/reftests/bugs/390318-1c.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>body { color: red; } body { color: green ;</style>
+ </head>
+ <body>
+  This should be green
+ </body>
+</html>
diff --git a/layout/reftests/bugs/390318-1d.html b/layout/reftests/bugs/390318-1d.html
new file mode 100644
index 0000000000..6c7a1c4d68
--- /dev/null
+++ b/layout/reftests/bugs/390318-1d.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>body { color: red; } body { color: green !important ;</style>
+ </head>
+ <body>
+  This should be green
+ </body>
+</html>
diff --git a/layout/reftests/bugs/390318-1e.html b/layout/reftests/bugs/390318-1e.html
new file mode 100644
index 0000000000..2693566c95
--- /dev/null
+++ b/layout/reftests/bugs/390318-1e.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>body { color: green; } body { color: red a</style>
+ </head>
+ <body>
+  This should be green
+ </body>
+</html>
diff --git a/layout/reftests/bugs/390318-1f.html b/layout/reftests/bugs/390318-1f.html
new file mode 100644
index 0000000000..8107525244
--- /dev/null
+++ b/layout/reftests/bugs/390318-1f.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>body { color: green; } body { color: red !important a</style>
+ </head>
+ <body>
+  This should be green
+ </body>
+</html>
diff --git a/layout/reftests/bugs/391045-ref.html b/layout/reftests/bugs/391045-ref.html
new file mode 100644
index 0000000000..cab36daf0c
--- /dev/null
+++ b/layout/reftests/bugs/391045-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 391045 -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>reftest for bug 391045</title>
+ </head>
+ <style type="text/css">
+ body {
+   font-size: 24pt;
+ }
+ </style>
+ <body>
+  <p>നെ തുടര്‍ന്നാണ് ആര&zwj;&zwnj;.</p>
+  <!-- note the extra zwnj before the period; this is needed to prevent
+       the zwj causing font fallback choices to propagate further
+       (see gfxFontGroup::FindFontForChar). -->
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/391045.html b/layout/reftests/bugs/391045.html
new file mode 100644
index 0000000000..810fa5c6c8
--- /dev/null
+++ b/layout/reftests/bugs/391045.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Reftest for bug 391045 -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>reftest for bug 391045</title>
+ </head>
+ <style type="text/css">
+ body {
+   font-size: 24pt;
+ }
+ </style>
+ <body>
+  <p>നെ തുടര്‍ന്നാണ് ആര.</p>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/391140-1-ref.html b/layout/reftests/bugs/391140-1-ref.html
new file mode 100644
index 0000000000..f2e7e47472
--- /dev/null
+++ b/layout/reftests/bugs/391140-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="display: table">
+<div style="display: table-row-group">
+<div style="display: table-row">
+<input style="display: table-cell;" type="image">
+<input style="display: table-cell;" type="image">
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/391140-1.html b/layout/reftests/bugs/391140-1.html
new file mode 100644
index 0000000000..b649ef2005
--- /dev/null
+++ b/layout/reftests/bugs/391140-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<input style="display: table-cell;" type="image">
+<input style="display: table-cell;" type="image">
+</body>
+</html>
diff --git a/layout/reftests/bugs/391412-1-ref.html b/layout/reftests/bugs/391412-1-ref.html
new file mode 100644
index 0000000000..e3474a8e29
--- /dev/null
+++ b/layout/reftests/bugs/391412-1-ref.html
@@ -0,0 +1,8 @@
+<html><head>
+<title>Testcase bug 391412 � Regression in float layout causing "clear:" to be ignored</title>
+</head>
+<body>
+<div style="width: 400px; height: 400px; background-color: lime;">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/391412-1a.html b/layout/reftests/bugs/391412-1a.html
new file mode 100644
index 0000000000..f2616cf115
--- /dev/null
+++ b/layout/reftests/bugs/391412-1a.html
@@ -0,0 +1,11 @@
+<html><head>
+<title>Testcase bug 391412 � Regression in float layout causing "clear:" to be ignored</title>
+</head>
+<body>
+<div style="width: 400px; height: 400px; background-color: red;">
+  <div style="float:left; width: 100%; background-color: lime;">
+    <div style="float: left; width: 100%; margin-right: -100%; height: 400px;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/391412-1b.html b/layout/reftests/bugs/391412-1b.html
new file mode 100644
index 0000000000..a14f429f9c
--- /dev/null
+++ b/layout/reftests/bugs/391412-1b.html
@@ -0,0 +1,11 @@
+<html><head>
+<title>Testcase bug 391412 � Regression in float layout causing "clear:" to be ignored</title>
+</head>
+<body>
+<div style="width: 400px; height: 400px; background-color: red;">
+  <div style="float:left; width: 100%; background-color: lime;">
+    <div style="float: right; width: 100%; margin-left:-100%; height: 400px;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/391909-1-ref.html b/layout/reftests/bugs/391909-1-ref.html
new file mode 100644
index 0000000000..e30535dd91
--- /dev/null
+++ b/layout/reftests/bugs/391909-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <body>
+   <div id="source" style="width: 3ch"></div>
+   <div id="target" style="width: 0">
+    This is a test
+   </div>
+   <script>
+    document.getElementById("target").style.lineHeight =
+      document.defaultView
+              .getComputedStyle(document.getElementById("source")).width;
+   </script>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/391909-1.html b/layout/reftests/bugs/391909-1.html
new file mode 100644
index 0000000000..34b2d069a0
--- /dev/null
+++ b/layout/reftests/bugs/391909-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="line-height: 3ch; width: 0">
+This is a test
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/391979-ref.html b/layout/reftests/bugs/391979-ref.html
new file mode 100644
index 0000000000..224e6f05ec
--- /dev/null
+++ b/layout/reftests/bugs/391979-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 391979</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+        div { background:green; width:20ch; height:4ch; }
+    </style>
+</head>
+<body>
+<div>green</div>
+<div>green</div>
+<div>green</div>
+<div>green</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/391979.html b/layout/reftests/bugs/391979.html
new file mode 100644
index 0000000000..b2a1c58383
--- /dev/null
+++ b/layout/reftests/bugs/391979.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 391979</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+        .float { float:left; clear:both; }
+        .t1 { column-count:2; column-width: 9ch; column-gap: 2ch; background:red; height:4ch; }
+
+        .abs { position:absolute; width:20ch; height:4ch; }
+
+        .red { background:red; }
+        .green { background:green; }
+    </style>
+</head>
+<body>
+<div class="abs green" style="left:0; top:0;">green</div>
+<div class="abs red" style="left:0; top:4ch; z-index:-1;">green</div>
+<div class="abs green" style="left:0; top:8ch; z-index:2;">green</div>
+<div class="abs red" style="left:0; top:12ch;">green</div>
+
+<div class="float">
+  <div class="t1 red">green</div>
+</div>
+
+<div class="float">
+  <div class="t1 green">green</div>
+</div>
+
+<div class="t1" style="position: absolute; top:8ch; ">green</div>
+<div class="t1 green" style="position: absolute; top:12ch; z-index:2;">green</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/391994-1-ref.html b/layout/reftests/bugs/391994-1-ref.html
new file mode 100644
index 0000000000..0ea20b39e0
--- /dev/null
+++ b/layout/reftests/bugs/391994-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<select>
+<option>1
+<option selected>2
+</select>
+</body>
+</html>
diff --git a/layout/reftests/bugs/391994-1.html b/layout/reftests/bugs/391994-1.html
new file mode 100644
index 0000000000..b9c9cc65d8
--- /dev/null
+++ b/layout/reftests/bugs/391994-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+<script>
+  var sel = document.createElement("select");
+  sel.appendChild(new Option(1));
+  var opt = new Option(2);
+  opt.setAttribute("selected", "selected");
+  sel.appendChild(opt);
+  document.body.appendChild(sel);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/392047-ref.html b/layout/reftests/bugs/392047-ref.html
new file mode 100644
index 0000000000..8fdc32b0a3
--- /dev/null
+++ b/layout/reftests/bugs/392047-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>bug 392047</title>
+<style>
+table   {empty-cells:show;
+background-color:red;
+padding:0;
+border-spacing:0}
+td    {background-color:green;
+padding:0;
+color:green}
+</style>
+</head>
+
+<body>
+<table>
+ <tr><td></td><td>X</td></tr>
+ <tr><td>X</td><td></td></tr>
+ </table>
+ </body>
+ </html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/392047.html b/layout/reftests/bugs/392047.html
new file mode 100644
index 0000000000..aad83cfb4c
--- /dev/null
+++ b/layout/reftests/bugs/392047.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>bug 392047</title>
+<style>
+table   {empty-cells:hide;
+background-color:red;
+padding:0;
+border-spacing:0;
+border-collapse:collapse;}
+td    {background-color:green;
+padding:0;
+color:green}
+</style>
+</head>
+
+<body>
+<table>
+ <tr><td></td><td>X</td></tr>
+ <tr><td>X</td><td></td></tr>
+ </table>
+ </body>
+ </html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/392435-1-ref.html b/layout/reftests/bugs/392435-1-ref.html
new file mode 100644
index 0000000000..87669f5034
--- /dev/null
+++ b/layout/reftests/bugs/392435-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span {
+  font-weight:bold;
+  font-style: italic;
+  font-size: 200%;
+  font-variant: small-caps;
+  font-family: sans-serif;
+  color:red;
+}
+span.line {
+  background: yellow;
+  text-decoration: line-through;
+}
+</style>
+</head>
+<body>
+<p><span>H</span>ello
+<div><span class="line">Hello</span><br>Kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/392435-1.html b/layout/reftests/bugs/392435-1.html
new file mode 100644
index 0000000000..a348ab3be3
--- /dev/null
+++ b/layout/reftests/bugs/392435-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span, p:first-letter, div:first-line {
+  font-weight:bold;
+  font-style: italic;
+  font-size: 200%;
+  font-variant: small-caps;
+  font-family: sans-serif;
+  color:red;
+}
+span, div:first-line {
+  background: yellow;
+  text-decoration: line-through;
+}
+</style>
+</head>
+<body>
+<p><span></span>Hello
+<div>Hello<br>Kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393330-1-ref.html b/layout/reftests/bugs/393330-1-ref.html
new file mode 100644
index 0000000000..94bf100f1a
--- /dev/null
+++ b/layout/reftests/bugs/393330-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+  #div > div { text-indent: 0 }
+  div > div > div { display: inline-block; width: 30px; }
+  body > div > div { text-decoration: underline; }
+</style>
+<body>
+<div style="height: 20px; line-height: 20px; column-width: 100px;
+            column-gap: 0px">
+<div id="div" style="text-indent: 30px;">
+  <div>a</div>
+  <div>a</div>
+</div>
+<div>
+  <div>a</div>
+  <div>a</div>
+  <div>a</div>
+</div>
+<div>
+  <div>a</div>
+  <div>a</div>
+  <div>a</div>
+</div>
+<div>
+  <div style="width: 100px">b</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393330-1.html b/layout/reftests/bugs/393330-1.html
new file mode 100644
index 0000000000..90b17dafc7
--- /dev/null
+++ b/layout/reftests/bugs/393330-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  document.getElementById("div").style.width = "-moz-fit-content";
+}
+</script>
+<style type="text/css">
+#div > div { text-indent: 0; display: inline-block; width: 30px }
+</style>
+</head>
+<body onload="boom();">
+
+<div style="height: 20px; line-height: 20px; column-width: 100px;
+            column-gap: 0px">
+<div id="div" style="text-indent: 30px; text-decoration: underline;">
+<div>a</div>
+<div>a</div>
+<div>a</div>
+<div>a</div>
+<div>a</div>
+<div>a</div>
+<div>a</div>
+<div>a</div>
+<div style="width: 100px">b</div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393490-1-ref.html b/layout/reftests/bugs/393490-1-ref.html
new file mode 100644
index 0000000000..0d16136170
--- /dev/null
+++ b/layout/reftests/bugs/393490-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<body onclick="">
+<div style="float:left;width:500px; border: 1px solid black;">
+  <div>
+    <div style="float:right;">
+      <div style="padding-top: 50px; background-color: green;">
+        <img id="a" src="" style="width:300px">
+      </div>
+
+    </div>
+    <div style="float:right;width:150px;height:150px;clear:right; background-color:blue;"></div>
+    <h2>This text should not overlap with the green box</h2>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393490-1.html b/layout/reftests/bugs/393490-1.html
new file mode 100644
index 0000000000..d8680908ab
--- /dev/null
+++ b/layout/reftests/bugs/393490-1.html
@@ -0,0 +1,20 @@
+<html>
+<body onclick="">
+<div style="float:left;width:500px; border: 1px solid black;">
+  <div>
+    <div style="float:right;">
+      <div style="padding-top: 50px; background-color: green;">
+        <img id="a" src="">
+      </div>
+
+    </div>
+    <div style="float:right;width:150px;height:150px;clear:right; background-color:blue;"></div>
+    <h2>This text should not overlap with the green box</h2>
+  </div>
+</div>
+<script>
+document.body.offsetTop;
+document.getElementById('a').style.width='300px';
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393517-1.xhtml b/layout/reftests/bugs/393517-1.xhtml
new file mode 100644
index 0000000000..5c22769f8b
--- /dev/null
+++ b/layout/reftests/bugs/393517-1.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<head>
+<script>
+function boom()
+{
+  document.getElementById("inxul").appendChild(document.getElementById("floater"));
+}
+</script>
+</head>
+
+<body onload="boom()">
+
+<xul:vbox><span id="inxul"><div/></span></xul:vbox>
+
+<span style="float: left;" id="floater"></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393649-1-ref.html b/layout/reftests/bugs/393649-1-ref.html
new file mode 100644
index 0000000000..b36980efbe
--- /dev/null
+++ b/layout/reftests/bugs/393649-1-ref.html
@@ -0,0 +1,17 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script>
+function boom()
+{
+  find("XXX");
+}
+</script>
+</head>
+
+<body onload="boom();" style="width: 15em;">
+<div style="column-count: 2;">
+<span id="span"><div>yo yo yo yo yo yo yo yo</div>XXX</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393649-1.html b/layout/reftests/bugs/393649-1.html
new file mode 100644
index 0000000000..967a9c6510
--- /dev/null
+++ b/layout/reftests/bugs/393649-1.html
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script>
+function boom()
+{
+  document.getElementById("span").appendChild(document.createTextNode("XXX"));
+  find("XXX");
+}
+</script>
+</head>
+
+<body onload="boom();" style="width: 15em;">
+<div style="column-count: 2;">
+<span id="span"><div>yo yo yo yo yo yo yo yo</div></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-1-ref.html b/layout/reftests/bugs/393655-1-ref.html
new file mode 100644
index 0000000000..22916ffe98
--- /dev/null
+++ b/layout/reftests/bugs/393655-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+  <span id="editMe" style="margin-bottom: 1px;">
+    a
+  </span>
+  <div>
+    b
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-1.html b/layout/reftests/bugs/393655-1.html
new file mode 100644
index 0000000000..dc1048bd5d
--- /dev/null
+++ b/layout/reftests/bugs/393655-1.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+<head>
+  <script>
+    function tweak() {
+      var editMe = document.getElementById('editMe');
+      editMe.innerHTML="a";
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="tweak()">
+  <span id="editMe" style="margin-bottom: 1px;">
+  </span>
+  <div>
+    b
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-2-ref.html b/layout/reftests/bugs/393655-2-ref.html
new file mode 100644
index 0000000000..7cdc75c34b
--- /dev/null
+++ b/layout/reftests/bugs/393655-2-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+  <span id="editMe" style="margin-top: 1px;">
+    a
+  </span>
+  <div>
+    b
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-2.html b/layout/reftests/bugs/393655-2.html
new file mode 100644
index 0000000000..3de1db67e6
--- /dev/null
+++ b/layout/reftests/bugs/393655-2.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+<head>
+  <script>
+    function tweak() {
+      var editMe = document.getElementById('editMe');
+      editMe.innerHTML="a";
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="tweak()">
+  <span id="editMe" style="margin-top: 1px;">
+  </span>
+  <div>
+    b
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-3-ref.html b/layout/reftests/bugs/393655-3-ref.html
new file mode 100644
index 0000000000..5ea94b3cc6
--- /dev/null
+++ b/layout/reftests/bugs/393655-3-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+  Foo
+  <div id="editMe" style="margin-bottom: 50px;">
+  a
+  </div>
+  <div>Bar</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-3.html b/layout/reftests/bugs/393655-3.html
new file mode 100644
index 0000000000..50c5276da8
--- /dev/null
+++ b/layout/reftests/bugs/393655-3.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+<head>
+  <script>
+    function tweak() {
+      var editMe = document.getElementById('editMe');
+      editMe.innerHTML="a";
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="tweak()">
+  Foo
+  <div id="editMe" style="margin-bottom: 50px;">
+  </div>
+  <div>Bar</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-4-ref.html b/layout/reftests/bugs/393655-4-ref.html
new file mode 100644
index 0000000000..e8a9cbb7e0
--- /dev/null
+++ b/layout/reftests/bugs/393655-4-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+  Foo
+  <div id="editMe" style="margin-top: 50px;">
+  a
+  </div>
+  <div>Bar</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-4.html b/layout/reftests/bugs/393655-4.html
new file mode 100644
index 0000000000..81358e2c1c
--- /dev/null
+++ b/layout/reftests/bugs/393655-4.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+<head>
+  <script>
+    function tweak() {
+      var editMe = document.getElementById('editMe');
+      editMe.innerHTML="a";
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="tweak()">
+  Foo
+  <div id="editMe" style="margin-top: 50px;">
+  </div>
+  <div>Bar</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-5-ref.html b/layout/reftests/bugs/393655-5-ref.html
new file mode 100644
index 0000000000..53f01254df
--- /dev/null
+++ b/layout/reftests/bugs/393655-5-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+  Foo
+  <div id="editMe" style="margin-bottom: 50px; margin-top: 50px;">
+  a
+  </div>
+  <div>Bar</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393655-5.html b/layout/reftests/bugs/393655-5.html
new file mode 100644
index 0000000000..e587de9ebb
--- /dev/null
+++ b/layout/reftests/bugs/393655-5.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+<head>
+  <script>
+    function tweak() {
+      var editMe = document.getElementById('editMe');
+      editMe.innerHTML="a";
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="tweak()">
+  Foo
+  <div id="editMe" style="margin-bottom: 50px; margin-top: 50px;">
+  </div>
+  <div>Bar</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/393671-1-ref.html b/layout/reftests/bugs/393671-1-ref.html
new file mode 100644
index 0000000000..50df959b99
--- /dev/null
+++ b/layout/reftests/bugs/393671-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+
+<body>
+
+<span><span><div></div><span style="float: right">float</span></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393671-1.html b/layout/reftests/bugs/393671-1.html
new file mode 100644
index 0000000000..01f3982b61
--- /dev/null
+++ b/layout/reftests/bugs/393671-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  var floater = document.createElement("span");
+  floater.style.cssFloat = "right";
+  floater.appendChild(document.createTextNode("float"));
+
+  document.getElementById("s").appendChild(floater);
+}
+</script>
+</head>
+
+<body onload="boom();">
+
+<span><span id="s"><div></div></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393671-2-ref.html b/layout/reftests/bugs/393671-2-ref.html
new file mode 100644
index 0000000000..29318484ae
--- /dev/null
+++ b/layout/reftests/bugs/393671-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+
+<body>
+
+<span><span><span><div></div><span style="float: right">float</span></span></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393671-2.html b/layout/reftests/bugs/393671-2.html
new file mode 100644
index 0000000000..81b076e740
--- /dev/null
+++ b/layout/reftests/bugs/393671-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  var floater = document.createElement("span");
+  floater.style.cssFloat = "right";
+  floater.appendChild(document.createTextNode("float"));
+
+  document.getElementById("s").appendChild(floater);
+}
+</script>
+</head>
+
+<body onload="boom();">
+
+<span><span><span id="s"><div></div></span></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393671-3-ref.html b/layout/reftests/bugs/393671-3-ref.html
new file mode 100644
index 0000000000..33336f5e32
--- /dev/null
+++ b/layout/reftests/bugs/393671-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+
+<body>
+
+<span><span><span><span><div></div><span style="float: right">float</span></span></span></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/393671-3.html b/layout/reftests/bugs/393671-3.html
new file mode 100644
index 0000000000..abe5ae7a5f
--- /dev/null
+++ b/layout/reftests/bugs/393671-3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function boom()
+{
+  var floater = document.createElement("span");
+  floater.style.cssFloat = "right";
+  floater.appendChild(document.createTextNode("float"));
+
+  document.getElementById("s").appendChild(floater);
+}
+</script>
+</head>
+
+<body onload="boom();">
+
+<span><span><span><span id="s"><div></div></span></span></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/394111-1.html b/layout/reftests/bugs/394111-1.html
new file mode 100644
index 0000000000..439307b7cb
--- /dev/null
+++ b/layout/reftests/bugs/394111-1.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<script>
+function boom()
+{
+  var k = document.getElementById("k");
+  k.appendChild(document.createTextNode(" "));
+}
+</script>
+</head>
+
+<body onload="boom();">
+
+<span><span id="k"><div></div></span><span style="float: right;"></span></span>
+
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/394534-1-ref.html b/layout/reftests/bugs/394534-1-ref.html
new file mode 100644
index 0000000000..770fe65353
--- /dev/null
+++ b/layout/reftests/bugs/394534-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+test
+<font color="green" color="red">test</font><input type="checkbox" type="text" checked="checked">
+</body>
+</html>
diff --git a/layout/reftests/bugs/394534-1.html b/layout/reftests/bugs/394534-1.html
new file mode 100644
index 0000000000..511930acd2
--- /dev/null
+++ b/layout/reftests/bugs/394534-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+test
+<font color="green" color="red">test</font><input type="checkbox" type="text" checked="checked">
+</body>
+</html>
diff --git a/layout/reftests/bugs/395107-1-ref.html b/layout/reftests/bugs/395107-1-ref.html
new file mode 100644
index 0000000000..176a294966
--- /dev/null
+++ b/layout/reftests/bugs/395107-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<select id="a" size="5">
+<option>Option 1</option>
+<option selected>Option 2</option>
+<option selected>Option 3</option>
+<option selected>Option 4</option>
+</select>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/395107-1.html b/layout/reftests/bugs/395107-1.html
new file mode 100644
index 0000000000..e3cea8b472
--- /dev/null
+++ b/layout/reftests/bugs/395107-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<select id="a" size="5">
+<option>Option 1</option>
+<option>Option 2</option>
+<option>Option 3</option>
+<option>Option 4</option>
+</select>
+
+<script>
+document.body.offsetWidth;
+var x=document.getElementById('a').options;
+x[1].defaultSelected = true;
+x[2].defaultSelected = true;
+x[3].defaultSelected = true;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/395107-2-ref.html b/layout/reftests/bugs/395107-2-ref.html
new file mode 100644
index 0000000000..a7915b5972
--- /dev/null
+++ b/layout/reftests/bugs/395107-2-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<select id="a">
+<option>Option 1</option>
+<option selected>Option 2</option>
+<option selected>Option 3</option>
+<option selected>Option 4</option>
+</select>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/395107-2.html b/layout/reftests/bugs/395107-2.html
new file mode 100644
index 0000000000..cb049a72f9
--- /dev/null
+++ b/layout/reftests/bugs/395107-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<select id="a">
+<option>Option 1</option>
+<option>Option 2</option>
+<option>Option 3</option>
+<option>Option 4</option>
+</select>
+
+<script>
+document.body.offsetWidth;
+var x=document.getElementById('a').options;
+x[1].defaultSelected = true;
+x[2].defaultSelected = true;
+x[3].defaultSelected = true;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/395107-3-ref.html b/layout/reftests/bugs/395107-3-ref.html
new file mode 100644
index 0000000000..82d3a53668
--- /dev/null
+++ b/layout/reftests/bugs/395107-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select size="2">
+      <option selected disabled>Option one</option>
+      <option>Option two</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/395107-3.html b/layout/reftests/bugs/395107-3.html
new file mode 100644
index 0000000000..aed85f0b98
--- /dev/null
+++ b/layout/reftests/bugs/395107-3.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body onload='var elem1 = document.getElementById("one");
+                elem1.setAttribute("selected", "selected");'>
+    <select size="2">
+      <option id="one" disabled>Option one</option>
+      <option id="two" selected>Option two</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/395107-4-ref.html b/layout/reftests/bugs/395107-4-ref.html
new file mode 100644
index 0000000000..fb3586f0ba
--- /dev/null
+++ b/layout/reftests/bugs/395107-4-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select>
+      <option selected disabled>Option one</option>
+      <option>Option two</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/395107-4.html b/layout/reftests/bugs/395107-4.html
new file mode 100644
index 0000000000..23b7c9086c
--- /dev/null
+++ b/layout/reftests/bugs/395107-4.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body onload='var elem1 = document.getElementById("one");
+                elem1.setAttribute("selected", "selected");'>
+    <select>
+      <option id="one" disabled>Option one</option>
+      <option id="two" selected>Option two</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/395107-5-ref.html b/layout/reftests/bugs/395107-5-ref.html
new file mode 100644
index 0000000000..89058e1cf3
--- /dev/null
+++ b/layout/reftests/bugs/395107-5-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select size="2">
+      <option>Option one</option>
+      <option>Option two</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/395107-5.html b/layout/reftests/bugs/395107-5.html
new file mode 100644
index 0000000000..19505b11f4
--- /dev/null
+++ b/layout/reftests/bugs/395107-5.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body onload='var elem2 = document.getElementById("two");
+                elem2.removeAttribute("selected");'>
+    <select size="2">
+      <option id="one">Option one</option>
+      <option id="two" selected>Option two</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/395130-1-ref.html b/layout/reftests/bugs/395130-1-ref.html
new file mode 100644
index 0000000000..5ee85a24b9
--- /dev/null
+++ b/layout/reftests/bugs/395130-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<input class="a">
+<input class="a">
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/395130-1.html b/layout/reftests/bugs/395130-1.html
new file mode 100644
index 0000000000..f95e8e237d
--- /dev/null
+++ b/layout/reftests/bugs/395130-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style id="s">
+.a { position: absolute; }
+</style>
+</head>
+<body onload="document.getElementById('s').textContent = '';">
+
+<input class="a">
+<input class="a">
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/395130-2-ref.html b/layout/reftests/bugs/395130-2-ref.html
new file mode 100644
index 0000000000..a26d9ee9f2
--- /dev/null
+++ b/layout/reftests/bugs/395130-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body><script>
+window.onload = function() {
+  var a = document.createTextNode("a ");
+  var b = document.createElement("input");
+  var c = document.createTextNode(" c");
+  document.body.appendChild(a);
+  document.body.appendChild(b);
+  document.body.appendChild(c);
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/395130-2.html b/layout/reftests/bugs/395130-2.html
new file mode 100644
index 0000000000..56cae0cff6
--- /dev/null
+++ b/layout/reftests/bugs/395130-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<body><script>
+window.onload = function() {
+  var a = document.createTextNode("a ");
+  var b = document.createElement("input");
+  var c = document.createTextNode(" c");
+  document.body.appendChild(a);
+  document.body.appendChild(c);
+  document.body.offsetWidth;
+  document.body.insertBefore(b, c);
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/395390-1-ref.html b/layout/reftests/bugs/395390-1-ref.html
new file mode 100644
index 0000000000..4155938b45
--- /dev/null
+++ b/layout/reftests/bugs/395390-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<img src='data:text/plain,' alt="initial. I'M INVISIBLE!">
+</body>
+</html>
diff --git a/layout/reftests/bugs/395390-1.html b/layout/reftests/bugs/395390-1.html
new file mode 100644
index 0000000000..fdbdec35aa
--- /dev/null
+++ b/layout/reftests/bugs/395390-1.html
@@ -0,0 +1,14 @@
+<html class="reftest-wait">
+<head>
+<script type='text/javascript'>
+function changeAltText(img)
+{
+        img.alt = img.alt + ". I'M INVISIBLE!";
+        document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="changeAltText(document.images[0])">
+<img src='data:text/plain,' alt="initial">
+</body>
+</html>
diff --git a/layout/reftests/bugs/397428-1-ref.html b/layout/reftests/bugs/397428-1-ref.html
new file mode 100644
index 0000000000..83832ef3fa
--- /dev/null
+++ b/layout/reftests/bugs/397428-1-ref.html
@@ -0,0 +1,6 @@
+<html class="reftest-paged">
+<body>
+  <div style="page-break-after:always;"></div>
+    <br><br>
+    Head
+</body></html>
diff --git a/layout/reftests/bugs/397428-1.html b/layout/reftests/bugs/397428-1.html
new file mode 100644
index 0000000000..58eb4f0d6a
--- /dev/null
+++ b/layout/reftests/bugs/397428-1.html
@@ -0,0 +1,8 @@
+<html class="reftest-paged">
+<body>
+  <div style="page-break-after:always;"></div>
+  <table cellspacing="0" border="0" cellpadding="0"><tbody><tr><td>
+    <table cellspacing="0" border="0" cellpadding="0"><tbody><tr><td><br><br></td></tr></tbody></table>
+    Head
+  </td></tr></tbody></table>
+</body></html>
diff --git a/layout/reftests/bugs/397844-1-ref.xhtml b/layout/reftests/bugs/397844-1-ref.xhtml
new file mode 100644
index 0000000000..4be48a4b8c
--- /dev/null
+++ b/layout/reftests/bugs/397844-1-ref.xhtml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style>
+.fl:first-letter { }
+</style>
+</head>
+
+<body dir="rtl">
+
+<div class="fl" style="padding: 0;"><span>abc</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/397844-1.xhtml b/layout/reftests/bugs/397844-1.xhtml
new file mode 100644
index 0000000000..2f50f1c7d9
--- /dev/null
+++ b/layout/reftests/bugs/397844-1.xhtml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style>
+.fl:first-letter { }
+</style>
+</head>
+
+<body dir="rtl" onload="document.getElementById('t').style.padding = '0';">
+
+<div class="fl" id="t"><span>abc</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/398092-1-ref.html b/layout/reftests/bugs/398092-1-ref.html
new file mode 100644
index 0000000000..c045660a0b
--- /dev/null
+++ b/layout/reftests/bugs/398092-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body>
+
+<div style="float:left; width:10px; height:500px; background:blue; display: block;"></div>
+
+<div style="float:right; height: 100px; width: 20px; background: red;"></div>
+
+<div>
+  <div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange;"></div>
+  asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/398092-1.html b/layout/reftests/bugs/398092-1.html
new file mode 100644
index 0000000000..05d74feab2
--- /dev/null
+++ b/layout/reftests/bugs/398092-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body onload="document.getElementById('blue').style.display = 'block'; ">
+
+<div style="float:left; width:10px; height:500px; background:blue; display: none" id="blue"></div>
+
+<div style="float:right; height: 100px; width: 20px; background: red;"></div>
+
+<div>
+  <div id=b style="float:left; clear: right; width: 100px; height:100px; border: solid orange;"></div>
+  asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/398101-1-ref.html b/layout/reftests/bugs/398101-1-ref.html
new file mode 100644
index 0000000000..2765b37586
--- /dev/null
+++ b/layout/reftests/bugs/398101-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body style="font-family: monospace;">
+
+<div style="width: 3ch; border: 1px solid orange;">
+  <span>a</span> <span>b</span> <span id="c">c</span>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/398101-1.html b/layout/reftests/bugs/398101-1.html
new file mode 100644
index 0000000000..603ca92d57
--- /dev/null
+++ b/layout/reftests/bugs/398101-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+
+function boom()
+{
+  var c = document.getElementById("c");
+  var space = document.createTextNode(" ");
+  c.parentNode.insertBefore(space, c);
+}
+
+</script>
+</head>
+<body style="font-family: monospace;" onload="boom();">
+
+<div style="width: 3ch; border: 1px solid orange;">
+  <span>a</span> <span>b</span><span id="c">c</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/398144-1-ref.html b/layout/reftests/bugs/398144-1-ref.html
new file mode 100644
index 0000000000..b9e09bedd3
--- /dev/null
+++ b/layout/reftests/bugs/398144-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="height:100px; background-color:blue;"></div>
+<div style="padding:100px 0; opacity:0;">blank line</div>
+<div style="height:100px; background-color:blue;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/398144-1.html b/layout/reftests/bugs/398144-1.html
new file mode 100644
index 0000000000..86e019b62c
--- /dev/null
+++ b/layout/reftests/bugs/398144-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="height:100px; background-color:blue;"></div>
+<div style="margin-top:100px; margin-bottom:100px;">
+  <div style="display:inline-block;"></div>
+</div>
+<div style="height:100px; background-color:blue;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/398682-1-ref.html b/layout/reftests/bugs/398682-1-ref.html
new file mode 100644
index 0000000000..27b2987ff5
--- /dev/null
+++ b/layout/reftests/bugs/398682-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a { color: orange; }
+#b { color: blue; }
+</style>
+
+</head>
+
+<body>
+  <table border="10"><tr id="tr"><td id="td">
+    <p><span id="a">a</span><span id="b">b</span></p>
+  </td></tr></table>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/398682-1.html b/layout/reftests/bugs/398682-1.html
new file mode 100644
index 0000000000..0e5793b352
--- /dev/null
+++ b/layout/reftests/bugs/398682-1.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+
+function boom()
+{
+  // Only this exact number of calls to bounce() triggers the bug,
+  // but changing the depth of the document changes the number of
+  // bounce() calls needed.  For example, removing the 'p' tag
+  // makes it so one additional bounce() is needed.
+
+  for (var i = 0; i < 7; ++i)
+    bounce();
+
+  var tr = document.getElementById("tr"); 
+  tr.style.display = "none";
+  document.documentElement.offsetHeight;
+  bounce();
+  document.documentElement.offsetHeight;
+  tr.style.display = "";
+
+  document.documentElement.offsetHeight;
+
+  var td = document.getElementById("td");
+  td.style.display = "none";
+  document.documentElement.offsetHeight;
+  bounce();
+  document.documentElement.offsetHeight;
+  td.style.display = "";
+}
+
+
+function bounce()
+{
+    var docElem = document.documentElement;
+    var docElemChildren = [];
+    while (docElem.firstChild) {
+        docElemChildren.push(docElem.firstChild);
+        docElem.firstChild.remove();
+    }
+
+    for (var i = 0; i < docElemChildren.length; ++i)
+        docElem.appendChild(docElemChildren[i]);
+}
+
+</script>
+
+<style type="text/css">
+#a { color: orange; }
+#b { color: blue; }
+</style>
+
+</head>
+
+<body onload="boom();">
+  <table border="10"><tr id="tr"><td id="td">
+    <p><span id="a">a</span><span id="b">b</span></p>
+  </td></tr></table>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/398797-1-ref.html b/layout/reftests/bugs/398797-1-ref.html
new file mode 100644
index 0000000000..2645cdea45
--- /dev/null
+++ b/layout/reftests/bugs/398797-1-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<link rel="stylesheet" href="398797-style.css"/>
+</head>
+<body>
+  <div class="green">foo</div>
+  <div class="blue">
+    <!-- Note: 'float: left' is necessary here due to bug 402918 -->
+    <span class="yellow" style="float: left">bar</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/398797-1a.html b/layout/reftests/bugs/398797-1a.html
new file mode 100644
index 0000000000..ed3613f45f
--- /dev/null
+++ b/layout/reftests/bugs/398797-1a.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<link rel="stylesheet" href="398797-style.css"/>
+</head>
+<body>
+  <div class="green">foo</div>
+  <div class="blue rel in">
+    <span class="yellow abs pos">bar</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/398797-1b.html b/layout/reftests/bugs/398797-1b.html
new file mode 100644
index 0000000000..8fb4fc660f
--- /dev/null
+++ b/layout/reftests/bugs/398797-1b.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<link rel="stylesheet" href="398797-style.css"/>
+</head>
+<body>
+  <div class="green">foo</div>
+  <div class="blue rel">
+    <span class="yellow abs pos">bar</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/398797-1c.html b/layout/reftests/bugs/398797-1c.html
new file mode 100644
index 0000000000..ade00e52ee
--- /dev/null
+++ b/layout/reftests/bugs/398797-1c.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<link rel="stylesheet" href="398797-style.css"/>
+</head>
+<body>
+  <div class="green">foo</div>
+  <div class="blue abs in">
+    <span class="yellow abs pos">bar</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/398797-1d.html b/layout/reftests/bugs/398797-1d.html
new file mode 100644
index 0000000000..5c726daf55
--- /dev/null
+++ b/layout/reftests/bugs/398797-1d.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<link rel="stylesheet" href="398797-style.css"/>
+</head>
+<body>
+  <div class="green">foo</div>
+  <div class="blue abs">
+    <span class="yellow abs pos">bar</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/398797-style.css b/layout/reftests/bugs/398797-style.css
new file mode 100644
index 0000000000..d917dc92b4
--- /dev/null
+++ b/layout/reftests/bugs/398797-style.css
@@ -0,0 +1,13 @@
+/* Size the divs */
+div { width:  50px; height: 50px; }
+
+/* Colors */
+div.green   { background: lightgreen; }
+div.blue    { background: lightblue;  }
+span.yellow { background: yellow;     }
+
+/* Positioning */
+.abs { position: absolute;    }
+.rel { position: relative;    }
+.in  { display: inline-block; }
+.pos { top:  0px; left: 0px;  }
diff --git a/layout/reftests/bugs/399209-1-ref.html b/layout/reftests/bugs/399209-1-ref.html
new file mode 100644
index 0000000000..2bd458503b
--- /dev/null
+++ b/layout/reftests/bugs/399209-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  table { background: white; }
+  td { color: white; }
+</style>
+</head>
+<body>
+<table>
+  <td>One</td>
+  <td>Two</td>
+  <td>Three</td>
+</body>
+</html>
diff --git a/layout/reftests/bugs/399209-1.html b/layout/reftests/bugs/399209-1.html
new file mode 100644
index 0000000000..9216db0b14
--- /dev/null
+++ b/layout/reftests/bugs/399209-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  table { background: white; }
+  col { background: green; }
+  td { color: white; }
+</style>
+<script>
+function boom()
+{
+  var col = document.getElementsByTagName("col")[0];
+  col.remove();
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="boom();">
+<table>
+  <col span="3">
+  <td>One</td>
+  <td>Two</td>
+  <td>Three</td>
+</body>
+</html>
diff --git a/layout/reftests/bugs/399209-2-ref.html b/layout/reftests/bugs/399209-2-ref.html
new file mode 100644
index 0000000000..e081b0cda0
--- /dev/null
+++ b/layout/reftests/bugs/399209-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  table { background: white; }
+  td { color: black; }
+</style>
+</head>
+<body>
+<table>
+  <td>One</td>
+  <td>Two</td>
+  <td>Three</td>
+</body>
+</html>
diff --git a/layout/reftests/bugs/399209-2.html b/layout/reftests/bugs/399209-2.html
new file mode 100644
index 0000000000..4d2b006be5
--- /dev/null
+++ b/layout/reftests/bugs/399209-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  table { background: white; }
+  col { visibility: collapse; }
+  td { color: black; }
+</style>
+<script>
+function boom()
+{
+  var col = document.getElementsByTagName("col")[0];
+  col.remove();
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="boom();">
+<table>
+  <col span="3">
+  <td>One</td>
+  <td>Two</td>
+  <td>Three</td>
+</body>
+</html>
diff --git a/layout/reftests/bugs/399258-1-ref.html b/layout/reftests/bugs/399258-1-ref.html
new file mode 100644
index 0000000000..6b993707f6
--- /dev/null
+++ b/layout/reftests/bugs/399258-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="position:absolute; top:0; left:0; width:10px; height:10px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/399258-1.html b/layout/reftests/bugs/399258-1.html
new file mode 100644
index 0000000000..ac4b694882
--- /dev/null
+++ b/layout/reftests/bugs/399258-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="position:absolute; border: 20px solid black;
+            left: -50px; top: -50px; width: 3000px; height: 3000px;
+            border-radius: 160px; clip:rect(50px 60px 60px 50px);"> 
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/399384-1-ref.html b/layout/reftests/bugs/399384-1-ref.html
new file mode 100644
index 0000000000..26959bad23
--- /dev/null
+++ b/layout/reftests/bugs/399384-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+ <style>
+  body                { background: lightblue;}
+  .first:first-letter { color: red; }
+  .right              { direction: rtl; }
+ </style>
+</head>
+
+<body>
+  <div class="first"><span>abc</span></div>
+  <div class="first"><span class="right">def</span></div>
+  <div class="first right"><span>geh</span></div>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/399384-1.html b/layout/reftests/bugs/399384-1.html
new file mode 100644
index 0000000000..7b5b475426
--- /dev/null
+++ b/layout/reftests/bugs/399384-1.html
@@ -0,0 +1,21 @@
+<html class="reftest-wait">
+<head>
+ <style>
+  .first:first-letter { color: red; }
+  .right              { direction: rtl; }
+ </style>
+ <script>
+  function tweak() {
+    document.body.style.background = 'lightblue';
+    document.documentElement.className = "";
+  }
+ </script>
+</head>
+
+<body onload="tweak();">
+  <div class="first"><span>abc</span></div>
+  <div class="first"><span class="right">def</span></div>
+  <div class="first right"><span>geh</span></div>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/399636-quirks-css.html b/layout/reftests/bugs/399636-quirks-css.html
new file mode 100644
index 0000000000..24c5ec228d
--- /dev/null
+++ b/layout/reftests/bugs/399636-quirks-css.html
@@ -0,0 +1,23 @@
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 399636 (quirks mode, family from CSS)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+	body { text-rendering: optimizeLegibility; }
+
+	/* the first three fonts lack glyphs for P, A, and S */
+	span { font-family: Symbol, Webdings, Wingdings, serif; }
+
+	/* ensure consistent vertical positioning under variation in
+	   first-choice font */
+	p { line-height: 50px; font-size: 16px; }
+	span, font { line-height: 25px; }
+
+	</style>
+</head>
+<body>
+
+<p>&nbsp;<span>PASS</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/399636-quirks-html.html b/layout/reftests/bugs/399636-quirks-html.html
new file mode 100644
index 0000000000..87afa729c2
--- /dev/null
+++ b/layout/reftests/bugs/399636-quirks-html.html
@@ -0,0 +1,20 @@
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 399636 (quirks mode, family from HTML)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+	body { text-rendering: optimizeLegibility; }
+
+	/* ensure consistent vertical positioning under variation in
+	   first-choice font */
+	p { line-height: 50px; font-size: 16px; }
+	span, font { line-height: 25px; }
+
+	</style>
+</head>
+<body>
+
+<p>&nbsp;<font face="Symbol, Webdings, Wingdings, serif">PASS</font></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/399636-quirks-ref.html b/layout/reftests/bugs/399636-quirks-ref.html
new file mode 100644
index 0000000000..df6778f974
--- /dev/null
+++ b/layout/reftests/bugs/399636-quirks-ref.html
@@ -0,0 +1,22 @@
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 399636</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+	body { text-rendering: optimizeLegibility; }
+
+	span { font-family: serif; }
+
+	/* ensure consistent vertical positioning under variation in
+	   first-choice font */
+	p { line-height: 50px; font-size: 16px; }
+	span, font { line-height: 25px; }
+
+	</style>
+</head>
+<body>
+
+<p>&nbsp;<span>PASS</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/399636-standards-css.html b/layout/reftests/bugs/399636-standards-css.html
new file mode 100644
index 0000000000..66960f6931
--- /dev/null
+++ b/layout/reftests/bugs/399636-standards-css.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 399636 (standards mode, family from CSS)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+	body { text-rendering: optimizeLegibility; }
+
+	/* the first three fonts lack glyphs for P, A, and S */
+	span { font-family: Symbol, Webdings, Wingdings, serif; }
+
+	/* ensure consistent vertical positioning under variation in
+	   first-choice font */
+	p { line-height: 50px; font-size: 16px; }
+	span, font { line-height: 25px; }
+
+	</style>
+</head>
+<body>
+
+<p>&nbsp;<span>PASS</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/399636-standards-html.html b/layout/reftests/bugs/399636-standards-html.html
new file mode 100644
index 0000000000..814d381ac1
--- /dev/null
+++ b/layout/reftests/bugs/399636-standards-html.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 399636 (standards mode, family from HTML)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+	body { text-rendering: optimizeLegibility; }
+
+	/* ensure consistent vertical positioning under variation in
+	   first-choice font */
+	p { line-height: 50px; font-size: 16px; }
+	span, font { line-height: 25px; }
+
+	</style>
+</head>
+<body>
+
+<p>&nbsp;<font face="Symbol, Webdings, Wingdings, serif">PASS</font></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/399636-standards-ref.html b/layout/reftests/bugs/399636-standards-ref.html
new file mode 100644
index 0000000000..41551d8281
--- /dev/null
+++ b/layout/reftests/bugs/399636-standards-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 399636</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+	body { text-rendering: optimizeLegibility; }
+
+	span { font-family: serif; }
+
+	/* ensure consistent vertical positioning under variation in
+	   first-choice font */
+	p { line-height: 50px; font-size: 16px; }
+	span, font { line-height: 25px; }
+
+	</style>
+</head>
+<body>
+
+<p>&nbsp;<span>PASS</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/400081-1.html b/layout/reftests/bugs/400081-1.html
new file mode 100644
index 0000000000..2594a31690
--- /dev/null
+++ b/layout/reftests/bugs/400081-1.html
@@ -0,0 +1,5 @@
+<html>
+<head>
+</head>
+<body style="font-size: 0;">&#173;</body>
+</html>
diff --git a/layout/reftests/bugs/400171-1-ref.html b/layout/reftests/bugs/400171-1-ref.html
new file mode 100644
index 0000000000..3d11fbf2d2
--- /dev/null
+++ b/layout/reftests/bugs/400171-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <style>
+    div    { width:  100px; }
+    div.a  { height:  30px; background: lightblue;  }
+    div.b  { height: 100px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+</head>
+<body>
+  <div class="a"></div>
+  <div class="b"></div>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400171-1a.html b/layout/reftests/bugs/400171-1a.html
new file mode 100644
index 0000000000..faf1142b5e
--- /dev/null
+++ b/layout/reftests/bugs/400171-1a.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait">
+<head>
+  <style>
+    body   { width:  100px; line-height: 15px; }
+    div    { width:  100px; float: left }
+    div.a  { height:  30px; background: lightblue;  }
+    div.b  { height:  10px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+  <script>
+  function tweak() {
+    document.getElementById('changeMe').style.height = '100px';
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="tweak()">
+  <div class="a"></div>
+  <div class="b" id="changeMe"></div>
+  <br/>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400171-1b.html b/layout/reftests/bugs/400171-1b.html
new file mode 100644
index 0000000000..a8ab3acf7a
--- /dev/null
+++ b/layout/reftests/bugs/400171-1b.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+<head>
+  <style>
+    body   { width:  100px; line-height: 15px; }
+    div    { width:  100px; float: left }
+    div.a  { height:  30px; background: lightblue;  }
+    div.b  { height:  10px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+  <script>
+  function tweak() {
+    document.getElementById('changeMe').style.height = '100px';
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="tweak()">
+  <div class="a"></div>
+  <div class="b" id="changeMe"></div>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400171-1c.html b/layout/reftests/bugs/400171-1c.html
new file mode 100644
index 0000000000..8032a8bbfb
--- /dev/null
+++ b/layout/reftests/bugs/400171-1c.html
@@ -0,0 +1,24 @@
+<html class="reftest-wait">
+<head>
+  <style>
+    body   { width:  100px; line-height: 15px; }
+    div    { width:  100px; float: left }
+    div.a  { height:  30px; background: lightblue;  }
+    div.b  { height:  10px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+  <script>
+  function tweak() {
+    document.getElementById('changeMe').style.height = '100px';
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="tweak()">
+  <div class="a"></div>
+  <br/>
+  <div class="b" id="changeMe"></div>
+  <br/>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400171-2-ref.html b/layout/reftests/bugs/400171-2-ref.html
new file mode 100644
index 0000000000..9085c15da7
--- /dev/null
+++ b/layout/reftests/bugs/400171-2-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <style>
+    div    { width:  100px; }
+    div.a  { height:  80px; background: lightblue;  }
+    div.b  { height: 100px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+</head>
+<body>
+  <div class="a"></div>
+  <div class="b"></div>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400171-2a.html b/layout/reftests/bugs/400171-2a.html
new file mode 100644
index 0000000000..0216a8d086
--- /dev/null
+++ b/layout/reftests/bugs/400171-2a.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait">
+<head>
+  <style>
+    body   { width:  100px; line-height: 15px; }
+    div    { width:  100px; float: left }
+    div.a  { height:  80px; background: lightblue;  }
+    div.b  { height:  10px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+  <script>
+  function tweak() {
+    document.getElementById('changeMe').style.height = '100px';
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="tweak()">
+  <div class="a"></div>
+  <div class="b" id="changeMe"></div>
+  <br/>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400171-2b.html b/layout/reftests/bugs/400171-2b.html
new file mode 100644
index 0000000000..5c156367c4
--- /dev/null
+++ b/layout/reftests/bugs/400171-2b.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+<head>
+  <style>
+    body   { width:  100px; line-height: 15px; }
+    div    { width:  100px; float: left }
+    div.a  { height:  80px; background: lightblue;  }
+    div.b  { height:  10px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+  <script>
+  function tweak() {
+    document.getElementById('changeMe').style.height = '100px';
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="tweak()">
+  <div class="a"></div>
+  <div class="b" id="changeMe"></div>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400171-2c.html b/layout/reftests/bugs/400171-2c.html
new file mode 100644
index 0000000000..346a76f596
--- /dev/null
+++ b/layout/reftests/bugs/400171-2c.html
@@ -0,0 +1,24 @@
+<html class="reftest-wait">
+<head>
+  <style>
+    body   { width:  100px; line-height: 15px; }
+    div    { width:  100px; float: left }
+    div.a  { height:  80px; background: lightblue;  }
+    div.b  { height:  10px; background: lightgreen; }
+    div.c  { height:  10px; background: black;      }
+  </style>
+  <script>
+  function tweak() {
+    document.getElementById('changeMe').style.height = '100px';
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="tweak()">
+  <div class="a"></div>
+  <br/>
+  <div class="b" id="changeMe"></div>
+  <br/>
+  <div class="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400421-1-ref.html b/layout/reftests/bugs/400421-1-ref.html
new file mode 100644
index 0000000000..0a5fd51705
--- /dev/null
+++ b/layout/reftests/bugs/400421-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="solidblue.png" style="border: 0"/>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400421-1.html b/layout/reftests/bugs/400421-1.html
new file mode 100644
index 0000000000..3e355f9eef
--- /dev/null
+++ b/layout/reftests/bugs/400421-1.html
@@ -0,0 +1,20 @@
+<html class="reftest-wait">
+<head>
+<script>
+function go()
+{
+  var myMap  = document.getElementById('myMap');
+  var myArea = document.getElementById('myArea');
+  myMap.removeChild(myArea);
+
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="setTimeout('go()', 0);">
+  <img src="solidblue.png" usemap="#myMap" style="border: 0"/>
+  <map id="myMap" name="myMap">
+    <area id="myArea" shape="rect" coords="0,0,1,1"/>
+  </map>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400813-1-ref.html b/layout/reftests/bugs/400813-1-ref.html
new file mode 100644
index 0000000000..3fd2cba12b
--- /dev/null
+++ b/layout/reftests/bugs/400813-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="line-height:100px; font-size:10px; opacity:0;">Hello</div>
+Kitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/400813-1.html b/layout/reftests/bugs/400813-1.html
new file mode 100644
index 0000000000..470e9d7e2f
--- /dev/null
+++ b/layout/reftests/bugs/400813-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="line-height:100px; font-size:0">Hello</div>
+Kitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/400826-1-ref.html b/layout/reftests/bugs/400826-1-ref.html
new file mode 100644
index 0000000000..4bfcd54cc0
--- /dev/null
+++ b/layout/reftests/bugs/400826-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<p>Hello
+<div>HELLO<br>kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/400826-1.html b/layout/reftests/bugs/400826-1.html
new file mode 100644
index 0000000000..29d489e96e
--- /dev/null
+++ b/layout/reftests/bugs/400826-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p:first-letter, div:first-line {
+  text-transform:uppercase;
+}
+</style>
+</head>
+<body>
+<p>hello
+<div>hello<br>kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/401121-1-ref.html b/layout/reftests/bugs/401121-1-ref.html
new file mode 100644
index 0000000000..fbe978a256
--- /dev/null
+++ b/layout/reftests/bugs/401121-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<!-- Explicitly apply our standard reftest-paged page-size, for the benefit of
+     anyone viewing this testcase in a regular print-preview dialog: -->
+<style>@page { size: 5in 3in; margin: 0.5in; }</style>
+<!-- 3px of padding matches the offset from the table in the testcase. -->
+<div style="height: 10px;padding: 3px">
+<!-- 5in of height is enough to require 3 reftest-paged pages. -->
+<div style="height: 5in; width: 2in; border: 1px solid black;"></div>
+</div>
+</html>
diff --git a/layout/reftests/bugs/401121-1.html b/layout/reftests/bugs/401121-1.html
new file mode 100644
index 0000000000..d01e777924
--- /dev/null
+++ b/layout/reftests/bugs/401121-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<!-- Explicitly apply our standard reftest-paged page-size, for the benefit of
+     anyone viewing this testcase in a regular print-preview dialog: -->
+<style>@page { size: 5in 3in; margin: 0.5in; }</style>
+<table><tr><td>
+<div style="height: 10px;">
+<!-- 5in of height is enough to require 3 reftest-paged pages. -->
+<div style="height: 5in; width: 2in; border: 1px solid black;"></div>
+</div>
+</td></tr></table>
+</html>
diff --git a/layout/reftests/bugs/401121-2-ref.html b/layout/reftests/bugs/401121-2-ref.html
new file mode 100644
index 0000000000..6dabb9cc77
--- /dev/null
+++ b/layout/reftests/bugs/401121-2-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<!-- Explicitly apply our standard reftest-paged page-size, for the benefit of
+     anyone viewing this testcase in a regular print-preview dialog: -->
+<style>@page { size: 5in 3in; margin: 0.5in; }</style>
+<body>
+<div style="padding: 3px; width: 2in; box-sizing: border-box"
+  ><div style="height: 100px; border: 1px dotted;"
+    ><div style="height: 5in; border: 1px solid;"></div
+  ></div
+></div
+></body>
+</html>
diff --git a/layout/reftests/bugs/401121-2.html b/layout/reftests/bugs/401121-2.html
new file mode 100644
index 0000000000..4decf38bbd
--- /dev/null
+++ b/layout/reftests/bugs/401121-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<!-- Explicitly apply our standard reftest-paged page-size, for the benefit of
+     anyone viewing this testcase in a regular print-preview dialog: -->
+<style>@page { size: 5in 3in; margin: 0.5in; }</style>
+<body>
+<table style="width: 2in"
+  ><tr><td
+    ><div style="height: 100px; border: 1px dotted;"
+      ><div style="height: 5in; border: 1px solid;"></div
+    ></div
+  ></td></tr
+></table
+></body>
+</html>
diff --git a/layout/reftests/bugs/401361-frame.html b/layout/reftests/bugs/401361-frame.html
new file mode 100644
index 0000000000..6be4ed3de3
--- /dev/null
+++ b/layout/reftests/bugs/401361-frame.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style='margin:0'>
+<div style='width:100px; height:100px; background:cyan;'></div>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/401946-1.xhtml b/layout/reftests/bugs/401946-1.xhtml
new file mode 100644
index 0000000000..183d0c6fcb
--- /dev/null
+++ b/layout/reftests/bugs/401946-1.xhtml
@@ -0,0 +1,4 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<script type="Unknown"/>
+<script type="Unknown"/>
+</window>
diff --git a/layout/reftests/bugs/402338-1-ref.html b/layout/reftests/bugs/402338-1-ref.html
new file mode 100644
index 0000000000..ec1783d99f
--- /dev/null
+++ b/layout/reftests/bugs/402338-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { outline:2px solid blue; }
+b { display:inline-block; }
+</style>
+</head>
+<body>
+<div><span><b style="display:inline-block; width:100px;height:100px;">H</b></span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402338-1.html b/layout/reftests/bugs/402338-1.html
new file mode 100644
index 0000000000..ba5f6b5642
--- /dev/null
+++ b/layout/reftests/bugs/402338-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; outline:2px solid blue; }
+b { display:inline-block; }
+</style>
+</head>
+<body>
+<div><span><b style="display:inline-block; width:100px;height:100px;">H</b></span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-1-ref.html b/layout/reftests/bugs/402567-1-ref.html
new file mode 100644
index 0000000000..196398f4df
--- /dev/null
+++ b/layout/reftests/bugs/402567-1-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head><style>
+   table { width:      10px;       }
+   div   { background: lightgreen; 
+           padding:    0.2em;      }
+</style></head>
+<body>
+ <table><tr><td>
+   <div>
+     a bb ccc dddd
+   </div>
+ </td></tr></table>
+ <table><tr><td>
+   <div>
+     a bb ccc dddd
+   </div>
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-1.html b/layout/reftests/bugs/402567-1.html
new file mode 100644
index 0000000000..c4fcf77c38
--- /dev/null
+++ b/layout/reftests/bugs/402567-1.html
@@ -0,0 +1,19 @@
+<html>
+<head><style>
+   table { width:      10px;       }
+   div   { background: lightgreen; 
+           padding:    0.2em;      }
+</style></head>
+<body>
+ <table><tr><td>
+   <div style="overflow: hidden;">
+     a bb ccc dddd
+   </div>
+ </td></tr></table>
+ <table><tr><td>
+   <div style="overflow: auto;">
+     a bb ccc dddd
+   </div>
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-2-ref.html b/layout/reftests/bugs/402567-2-ref.html
new file mode 100644
index 0000000000..f2fde16f4f
--- /dev/null
+++ b/layout/reftests/bugs/402567-2-ref.html
@@ -0,0 +1,20 @@
+<html>
+<head><style>
+   table {
+     width: 10px;
+   }
+   div.scroll { 
+     overflow: scroll;
+     background: lightgreen;
+   }
+   div.invis {
+     color: white;
+   }
+</style></head>
+<body>
+  <table><tr><td>
+    <div class="scroll">xxx</div>
+    <div class="invis">xxx</div>
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-2.html b/layout/reftests/bugs/402567-2.html
new file mode 100644
index 0000000000..bc4a00ef8e
--- /dev/null
+++ b/layout/reftests/bugs/402567-2.html
@@ -0,0 +1,16 @@
+<html>
+<head><style>
+   table {
+     width: 10px;
+   }
+   div.scroll { 
+     overflow: scroll;
+     background: lightgreen;
+   }
+</style></head>
+<body>
+  <table><tr><td>
+    <div class="scroll">xxx</div>
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-3-ref.html b/layout/reftests/bugs/402567-3-ref.html
new file mode 100644
index 0000000000..92f57854fc
--- /dev/null
+++ b/layout/reftests/bugs/402567-3-ref.html
@@ -0,0 +1,25 @@
+<html>
+<head><style>
+   table {
+     width: 10px;
+   }
+   div.scroll { 
+     overflow: scroll;
+     background: lightgreen;
+   }
+   div.invis {
+     color: white;
+   }
+</style></head>
+<body>
+  <table><tr><td>
+    <div class="scroll">
+      x xx x xx x xx x xx x xx x xx x xx x 
+      xxxxxx
+    </div>
+    <div class="invis">
+      xxxxxx
+    </div>    
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-3.html b/layout/reftests/bugs/402567-3.html
new file mode 100644
index 0000000000..631e90ae33
--- /dev/null
+++ b/layout/reftests/bugs/402567-3.html
@@ -0,0 +1,19 @@
+<html>
+<head><style>
+   table {
+     width: 10px;
+   }
+   div.scroll { 
+     overflow: scroll;
+     background: lightgreen;
+   }
+</style></head>
+<body>
+  <table><tr><td>
+    <div class="scroll">
+      x xx x xx x xx x xx x xx x xx x xx x 
+      xxxxxx
+    </div>
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-4-ref.html b/layout/reftests/bugs/402567-4-ref.html
new file mode 100644
index 0000000000..80ecb44f4e
--- /dev/null
+++ b/layout/reftests/bugs/402567-4-ref.html
@@ -0,0 +1,26 @@
+<html>
+<head><style>
+   table {
+     width: 10px;
+   }
+   div.auto { 
+     overflow: auto;
+     height: 50px;
+     background: lightgreen;
+   }
+   div.invis {
+     color: white;
+   }
+</style></head>
+<body>
+  <table><tr><td>
+    <div class="auto">
+      x xx x xx x xx x xx x xx x xx x xx x 
+      xxxxxx
+    </div>
+    <div class="invis">
+      xxxxxx
+    </div>    
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402567-4.html b/layout/reftests/bugs/402567-4.html
new file mode 100644
index 0000000000..6e65c842af
--- /dev/null
+++ b/layout/reftests/bugs/402567-4.html
@@ -0,0 +1,20 @@
+<html>
+<head><style>
+   table {
+     width: 10px;
+   }
+   div.auto { 
+     overflow: auto;
+     height: 50px;
+     background: lightgreen;
+   }
+</style></head>
+<body>
+  <table><tr><td>
+    <div class="auto">
+      x xx x xx x xx x xx x xx x xx x xx x 
+      xxxxxx
+    </div>
+  </td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402629-1-iframe.html b/layout/reftests/bugs/402629-1-iframe.html
new file mode 100644
index 0000000000..f28e5a44f0
--- /dev/null
+++ b/layout/reftests/bugs/402629-1-iframe.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+  html     { height: 50%; }
+  body     { height:100%; }
+  table    { height:100%; }
+  div      { height:100%; }
+  td.green { background:lightgreen }
+
+  /* Apply this to outermost <td> or <tr> to trigger bug. */
+  .fill { height: 100% }
+</style>
+</head>
+<body>
+  <table cellpadding="0" cellspacing="0">
+    <tr><td class="fill">
+      <div><div><div><div>
+        <table cellpadding="0" cellspacing="0">
+          <tr><td class="green">foo</td></tr>
+        </table>
+      </div></div></div></div>
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402629-1-ref.html b/layout/reftests/bugs/402629-1-ref.html
new file mode 100644
index 0000000000..2c60bcf955
--- /dev/null
+++ b/layout/reftests/bugs/402629-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+ <body>
+  <iframe id="myFrame" 
+          style="height: 200px"
+          src="402629-1-iframe.html"/>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/402629-1.html b/layout/reftests/bugs/402629-1.html
new file mode 100644
index 0000000000..35e7222656
--- /dev/null
+++ b/layout/reftests/bugs/402629-1.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+ <body onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+	var myFrame = document.getElementById("myFrame");
+	myFrame.style.height = "200px";
+        document.documentElement.className = "";
+      }, 0);
+    }
+  </script>
+
+  <iframe id="myFrame" 
+          style="height: 300px"
+          src="402629-1-iframe.html"/>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/402629-2-iframe.html b/layout/reftests/bugs/402629-2-iframe.html
new file mode 100644
index 0000000000..4f04fb2573
--- /dev/null
+++ b/layout/reftests/bugs/402629-2-iframe.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html style="height:10%">
+<body style="height:100%; margin:0px;padding:0px;">
+<table style="height:100%" cellpadding="0px" cellspacing="0px">
+ <tr>
+  <td style="height: 100%; background: lightblue;">
+   Outside the div
+   <div style="height:100%">
+    <table style="height:100%" cellpadding="0px" cellspacing="0px">
+     <tr>
+       <td style="height: 100%; background:lightgreen;">
+        Inside div
+       </td>
+     </tr>
+    </table>
+   </div>
+  </td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402629-2-ref.html b/layout/reftests/bugs/402629-2-ref.html
new file mode 100644
index 0000000000..875a04c3bd
--- /dev/null
+++ b/layout/reftests/bugs/402629-2-ref.html
@@ -0,0 +1,7 @@
+<html>
+ <body>
+  <iframe id="myFrame" 
+          style="height: 200px"
+          src="402629-2-iframe.html"/>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/402629-2.html b/layout/reftests/bugs/402629-2.html
new file mode 100644
index 0000000000..d8d1fd11b9
--- /dev/null
+++ b/layout/reftests/bugs/402629-2.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+ <body onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+	var myFrame = document.getElementById("myFrame");
+	myFrame.style.height = "200px";
+        document.documentElement.className = "";
+      }, 0);
+    }
+  </script>
+
+  <iframe id="myFrame" 
+          style="height: 300px"
+          src="402629-2-iframe.html"/>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/402629-3-iframe.html b/layout/reftests/bugs/402629-3-iframe.html
new file mode 100644
index 0000000000..50f0ca7b2e
--- /dev/null
+++ b/layout/reftests/bugs/402629-3-iframe.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<style>
+  html     { height: 50%; }
+  body     { height:100%; }
+  table    { height:100%; }
+  div      { height:100%; }
+  td.green { background:lightgreen }
+  td.fill  { height: 100% }
+</style>
+<html>
+<body>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="fill"><div>
+        <table cellpadding="0" cellspacing="0">
+          <tr><td class="green">foo</td></tr>
+        </table>
+      </div></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402629-3-ref.html b/layout/reftests/bugs/402629-3-ref.html
new file mode 100644
index 0000000000..e72ee432ba
--- /dev/null
+++ b/layout/reftests/bugs/402629-3-ref.html
@@ -0,0 +1,7 @@
+<html>
+ <body>
+  <iframe id="myFrame" 
+          style="height: 200px"
+          src="402629-3-iframe.html"/>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/402629-3.html b/layout/reftests/bugs/402629-3.html
new file mode 100644
index 0000000000..9c3be93921
--- /dev/null
+++ b/layout/reftests/bugs/402629-3.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+ <body onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+	var myFrame = document.getElementById("myFrame");
+	myFrame.style.height = "200px";
+        document.documentElement.className = "";
+      }, 0);
+    }
+  </script>
+
+  <iframe id="myFrame" 
+          style="height: 300px"
+          src="402629-3-iframe.html"/>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/402807-1-ref.html b/layout/reftests/bugs/402807-1-ref.html
new file mode 100644
index 0000000000..573b064b64
--- /dev/null
+++ b/layout/reftests/bugs/402807-1-ref.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style>
+body {
+margin: 0px;
+}
+
+div {
+border: 1px solid black; 
+width:500px;
+height:200%;
+margin-left:auto;
+margin-right:auto;
+background-image: url(data:image/gif;base64,R0lGODlh9AEBAPcAAAT%2BBADiFgASAgAAAFnY0Bu9xgBQUAAAAE4AdBuw4gBQEgAAAAAcAADiABUSAAAAAApU3gAnnwCRgAB8fAAJAAIEAAAAQAAAAAAA0AOwxgBQUAAAAMA3dOAp4hKREgB8AOng9eXin4ESgHwAfAAz4AAI4gGREgB8AFbgfQDiBAASAAAAAMh9AN8EABIAAAAAAHMAEAAAAABAAAAAAOjwB%2BAAABJAAAAAABho5O7h4pASEnwAAHB9AwUEAZEAAHwAAP%2BgqP%2Fh4v8SEv8AAG2VAgUIAJGRAHx8AIUA1OcAUoFAUHwAAAABkAAAARUAFQAAAGACwAMA4gAAEgAAANjIpJbhqxkSUgAAADDwDm8AABVAAAAAAAAAAAAAAABAAAAAAH4AAwDiAQASAMAAAAB1AAApAACRAAB8AP8A1P8A4v9AEv8AAP8B3f8A3%2F8AOv8AfgACAAAAAAAAAAAAAAC5pAApqwCRUgB8AADgBwDiABUSAAAAAPh9YOAEnhIAgAAAfNIAoOYAgIFAFnwAADAzAG8IABWRAAB8AEpQB%2BMWAIECAHwAAMB9AHYEAFAAAAAAADAAAG8AgAFAFgAAAGzwAAAAAABAAAAAADR2AODrABIAAAAAAAAQAADiAAASAAAAADCFAPYrABKDAAB8ABgAaO4AnpAAgHwAfHAA%2FwUA%2F5EA%2F3wA%2F%2F8AYP8Anv8AgP8AfG0pMQW3AJGSAHx8AEqgMfSAAIAWAHwAAAA0gABk6RWDEgB8AAD%2F%2FwD%2F%2FwD%2F%2FwD%2F%2FzAAAG8AABUAAAAAAAD0PAHh4wASEgAAAAA0vgBkOwCDTAB8AFcwHPT244ASEnwAACAYd%2BLuEBKQTwB8ADAAUG%2B34xWSEgB8AAD%2FNAD%2FZED%2FgwD%2FfPCg8QCA40AWEgAAABA0zeFk%2FxKD%2FwB8fwA4wADj4wASEgAAAEjnoOFkgBKDFgB8AJWINAhkZJGDg3x8fAABoAAAgEAAFgAAAPAxdvQA6wAAAAAAAAiUANTiABISAAAAAPC36eEszhKRRwB8ACH5BAAAAAAALAAAAAD0AQEABwgnAAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePBAMCADs%3D);
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402807-1.html b/layout/reftests/bugs/402807-1.html
new file mode 100644
index 0000000000..2491994b15
--- /dev/null
+++ b/layout/reftests/bugs/402807-1.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style>
+body{
+margin: 0px;
+background:#ffffff url(data:image/gif;base64,R0lGODlh9AEBAPcAAAT%2BBADiFgASAgAAAFnY0Bu9xgBQUAAAAE4AdBuw4gBQEgAAAAAcAADiABUSAAAAAApU3gAnnwCRgAB8fAAJAAIEAAAAQAAAAAAA0AOwxgBQUAAAAMA3dOAp4hKREgB8AOng9eXin4ESgHwAfAAz4AAI4gGREgB8AFbgfQDiBAASAAAAAMh9AN8EABIAAAAAAHMAEAAAAABAAAAAAOjwB%2BAAABJAAAAAABho5O7h4pASEnwAAHB9AwUEAZEAAHwAAP%2BgqP%2Fh4v8SEv8AAG2VAgUIAJGRAHx8AIUA1OcAUoFAUHwAAAABkAAAARUAFQAAAGACwAMA4gAAEgAAANjIpJbhqxkSUgAAADDwDm8AABVAAAAAAAAAAAAAAABAAAAAAH4AAwDiAQASAMAAAAB1AAApAACRAAB8AP8A1P8A4v9AEv8AAP8B3f8A3%2F8AOv8AfgACAAAAAAAAAAAAAAC5pAApqwCRUgB8AADgBwDiABUSAAAAAPh9YOAEnhIAgAAAfNIAoOYAgIFAFnwAADAzAG8IABWRAAB8AEpQB%2BMWAIECAHwAAMB9AHYEAFAAAAAAADAAAG8AgAFAFgAAAGzwAAAAAABAAAAAADR2AODrABIAAAAAAAAQAADiAAASAAAAADCFAPYrABKDAAB8ABgAaO4AnpAAgHwAfHAA%2FwUA%2F5EA%2F3wA%2F%2F8AYP8Anv8AgP8AfG0pMQW3AJGSAHx8AEqgMfSAAIAWAHwAAAA0gABk6RWDEgB8AAD%2F%2FwD%2F%2FwD%2F%2FwD%2F%2FzAAAG8AABUAAAAAAAD0PAHh4wASEgAAAAA0vgBkOwCDTAB8AFcwHPT244ASEnwAACAYd%2BLuEBKQTwB8ADAAUG%2B34xWSEgB8AAD%2FNAD%2FZED%2FgwD%2FfPCg8QCA40AWEgAAABA0zeFk%2FxKD%2FwB8fwA4wADj4wASEgAAAEjnoOFkgBKDFgB8AJWINAhkZJGDg3x8fAABoAAAgEAAFgAAAPAxdvQA6wAAAAAAAAiUANTiABISAAAAAPC36eEszhKRRwB8ACH5BAAAAAAALAAAAAD0AQEABwgnAAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePBAMCADs%3D) repeat-y fixed center;
+}
+
+div {
+border: 1px solid black; 
+width:500px;
+height:200%;
+margin-left:auto;
+margin-right:auto;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402940-1-ref.html b/layout/reftests/bugs/402940-1-ref.html
new file mode 100644
index 0000000000..6ddf9019ad
--- /dev/null
+++ b/layout/reftests/bugs/402940-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Baseline alignment of radio buttons and checkboxes</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	input { vertical-align: baseline; }
+
+	</style>
+</head>
+<body>
+
+<p><input type="checkbox"><input type="checkbox" checked><input type="radio"><input type="radio" checked>This is some text</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/402940-1.html b/layout/reftests/bugs/402940-1.html
new file mode 100644
index 0000000000..18abd304ee
--- /dev/null
+++ b/layout/reftests/bugs/402940-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Baseline alignment of radio buttons and checkboxes</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	input { vertical-align: baseline; margin-bottom: 6em; }
+
+	</style>
+</head>
+<body>
+
+<p><input type="checkbox"><input type="checkbox" checked><input type="radio"><input type="radio" checked>This is some text</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/402940-1b.html b/layout/reftests/bugs/402940-1b.html
new file mode 100644
index 0000000000..0eef49313b
--- /dev/null
+++ b/layout/reftests/bugs/402940-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Baseline alignment of radio buttons and checkboxes</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	/* test that the default vertical-align is baseline */
+	input { margin-bottom: 6em; }
+
+	</style>
+</head>
+<body>
+
+<p><input type="checkbox"><input type="checkbox" checked><input type="radio"><input type="radio" checked>This is some text</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/402940-2-notref.html b/layout/reftests/bugs/402940-2-notref.html
new file mode 100644
index 0000000000..b15f80a1da
--- /dev/null
+++ b/layout/reftests/bugs/402940-2-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Baseline alignment of radio buttons and checkboxes</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	input { vertical-align: text-bottom; }
+
+	</style>
+</head>
+<body>
+
+<p><input type="checkbox" checked>This is some text.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/402940-2.html b/layout/reftests/bugs/402940-2.html
new file mode 100644
index 0000000000..cfc786f768
--- /dev/null
+++ b/layout/reftests/bugs/402940-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Baseline alignment of radio buttons and checkboxes</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	input { vertical-align: text-bottom; margin-bottom: 6em; }
+
+	</style>
+</head>
+<body>
+
+<p><input type="checkbox" checked>This is some text.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/402940-3-notref.html b/layout/reftests/bugs/402940-3-notref.html
new file mode 100644
index 0000000000..f0a8502a6b
--- /dev/null
+++ b/layout/reftests/bugs/402940-3-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Baseline alignment of radio buttons and checkboxes</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	input { vertical-align: text-bottom; }
+
+	</style>
+</head>
+<body>
+
+<p><input type="radio" checked>This is some text.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/402940-3.html b/layout/reftests/bugs/402940-3.html
new file mode 100644
index 0000000000..eed30b5248
--- /dev/null
+++ b/layout/reftests/bugs/402940-3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Baseline alignment of radio buttons and checkboxes</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	input { vertical-align: text-bottom; margin-bottom: 6em; }
+
+	</style>
+</head>
+<body>
+
+<p><input type="radio" checked>This is some text.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/402950-1-ref.html b/layout/reftests/bugs/402950-1-ref.html
new file mode 100644
index 0000000000..40911b5e6c
--- /dev/null
+++ b/layout/reftests/bugs/402950-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html><head>
+<style>
+p { width: 13em; border: 1px solid black; }
+p { white-space: nowrap; }
+a { color:pink; }
+</style>
+</head>
+<body>
+<p><span>mmmmmmmmmm</span><br>
+<span>mmmmm<a>mmmmm</a></span></p>
+<p>m <span>mmmmmmmmmm</span><br>
+<span>m<a>mmmmmmmmm</a></span></p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/402950-1.html b/layout/reftests/bugs/402950-1.html
new file mode 100644
index 0000000000..923678d66e
--- /dev/null
+++ b/layout/reftests/bugs/402950-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html><head>
+<style>
+p { width: 13em; border: 1px solid black; }
+p span { white-space: nowrap; }
+a { color:pink; }
+</style>
+</head>
+<body>
+<!-- We should be able to break even when the only break opportunity is within a span
+that overflows the line width (the break opportunity after the whitespace is treated
+as a break before the first character of the second span) -->
+<p><span>mmmmmmmmmm</span>
+<span>mmmmm<a>mmmmm</a></span></p>
+<!-- A span that overflows the line width should be allowed to fit, it might have a break
+opportunity inside it (the break opportunity after the whitespace is treated
+as a break before the first character of the second span) -->
+<p>m <span>mmmmmmmmmm</span>
+<span>m<a>mmmmmmmmm</a></span></p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-1-ref.html b/layout/reftests/bugs/403129-1-ref.html
new file mode 100644
index 0000000000..2dd2289f8a
--- /dev/null
+++ b/layout/reftests/bugs/403129-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+  <div style="width: 1px">
+    <div style="float: left">xx</div>
+    <div style="float: left">ii</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-1.html b/layout/reftests/bugs/403129-1.html
new file mode 100644
index 0000000000..b57ce6b35f
--- /dev/null
+++ b/layout/reftests/bugs/403129-1.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+  <div style="width: 0px">
+    <div style="float: left">xx</div>
+    <div style="float: left">ii</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-2-ref.html b/layout/reftests/bugs/403129-2-ref.html
new file mode 100644
index 0000000000..523ffc66a6
--- /dev/null
+++ b/layout/reftests/bugs/403129-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+  <div style="width: 1px; padding-left: 20px">
+    <div style="float: left">xx</div>
+    <div style="float: left">ii</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-2.html b/layout/reftests/bugs/403129-2.html
new file mode 100644
index 0000000000..7016ecb795
--- /dev/null
+++ b/layout/reftests/bugs/403129-2.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+  <div style="width: 0px; padding-left: 20px">
+    <div style="float: left">xx</div>
+    <div style="float: left">ii</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-3-ref.html b/layout/reftests/bugs/403129-3-ref.html
new file mode 100644
index 0000000000..dd16cf7857
--- /dev/null
+++ b/layout/reftests/bugs/403129-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+ <div style="float: right; width: 1px">
+   <div style="float: right">xx</div>
+   <div style="float: right">ii</div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-3.html b/layout/reftests/bugs/403129-3.html
new file mode 100644
index 0000000000..fff71e0c43
--- /dev/null
+++ b/layout/reftests/bugs/403129-3.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+ <div style="float: right; width: 0px">
+   <div style="float: right">xx</div>
+   <div style="float: right">ii</div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-4-ref.html b/layout/reftests/bugs/403129-4-ref.html
new file mode 100644
index 0000000000..fcee7a47e4
--- /dev/null
+++ b/layout/reftests/bugs/403129-4-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+ <div style="float: right; width: 1px; padding-right: 20px">
+   <div style="float: right">xx</div>
+   <div style="float: right">ii</div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403129-4.html b/layout/reftests/bugs/403129-4.html
new file mode 100644
index 0000000000..7efab714ca
--- /dev/null
+++ b/layout/reftests/bugs/403129-4.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+ <div style="float: right; width: 0px; padding-right: 20px">
+   <div style="float: right">xx</div>
+   <div style="float: right">ii</div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403134-1-ref.html b/layout/reftests/bugs/403134-1-ref.html
new file mode 100644
index 0000000000..70c653815a
--- /dev/null
+++ b/layout/reftests/bugs/403134-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div style="column-width: 0.5em; column-gap: 100px;" id="div"><span style="color: green">x</span>x ! </div>
+  
+</body>
+</html>
diff --git a/layout/reftests/bugs/403134-1.html b/layout/reftests/bugs/403134-1.html
new file mode 100644
index 0000000000..a82123cb37
--- /dev/null
+++ b/layout/reftests/bugs/403134-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+#div:first-letter { color: green; }
+
+</style>
+</head>
+
+<body onload="document.getElementById('div').appendChild(document.createTextNode(''));">
+
+<div style="column-width: 0.5em; column-gap: 100px;" id="div">xx ! </div>
+  
+</body>
+</html>
diff --git a/layout/reftests/bugs/403181-1-ref.xml b/layout/reftests/bugs/403181-1-ref.xml
new file mode 100644
index 0000000000..ef961fb121
--- /dev/null
+++ b/layout/reftests/bugs/403181-1-ref.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<svg xmlns:html="http://www.w3.org/1999/xhtml"
+      xmlns="http://www.w3.org/2000/svg">
+  <foreignObject transform="scale(2.5)" width="100%" height="100%">
+    <html:p style="width:36px; height:24px; background:white;">
+    </html:p>
+    <html:p style="width:12px; height:12px; background:black;">
+    </html:p>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/bugs/403181-1.xml b/layout/reftests/bugs/403181-1.xml
new file mode 100644
index 0000000000..2204669c49
--- /dev/null
+++ b/layout/reftests/bugs/403181-1.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<svg xmlns:html="http://www.w3.org/1999/xhtml"
+      xmlns="http://www.w3.org/2000/svg">
+  <foreignObject transform="scale(2.5)" width="100%" height="100%">
+    <html:p style="width:36px; height:24px; background-image: url(289480-ref.png);">
+    </html:p>
+    <!-- this one can be hard to see, but we should get a black rectangle with none of
+         the yellow face blended in at the edges -->
+    <html:p style="width:12px; height:12px; background-image: url(289480-ref.png); background-position:-120px -108px;">
+    </html:p>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/bugs/403249-1-ref.html b/layout/reftests/bugs/403249-1-ref.html
new file mode 100644
index 0000000000..9b356c7496
--- /dev/null
+++ b/layout/reftests/bugs/403249-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+col { background: green }
+td { color: white }
+</style>
+</head>
+<body>
+ <table>
+   <col id="x" span="2">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403249-1a.html b/layout/reftests/bugs/403249-1a.html
new file mode 100644
index 0000000000..4694b3bd33
--- /dev/null
+++ b/layout/reftests/bugs/403249-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+col { background: green }
+td { color: white }
+</style>
+</head>
+<body onload="runTest()">
+ <table>
+   <col id="x" span="1">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+
+ <script>
+   function runTest() {
+     document.body.offsetWidth;
+     document.getElementById("x").setAttribute("span", 2);
+   }
+ </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403249-1b.html b/layout/reftests/bugs/403249-1b.html
new file mode 100644
index 0000000000..caa6b19cc6
--- /dev/null
+++ b/layout/reftests/bugs/403249-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+col { background: green }
+td { color: white }
+</style>
+</head>
+<body onload="runTest()">
+ <table>
+   <col id="x" span="3">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+
+ <script>
+   function runTest() {
+     document.body.offsetWidth;
+     document.getElementById("x").setAttribute("span", 2);
+   }
+ </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403249-2-ref.html b/layout/reftests/bugs/403249-2-ref.html
new file mode 100644
index 0000000000..21ae21ebd9
--- /dev/null
+++ b/layout/reftests/bugs/403249-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: green }
+td { color: white }
+</style>
+</head>
+<body>
+ <table>
+   <tr>
+     <td>Three</td>
+   </tr>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403249-2a.html b/layout/reftests/bugs/403249-2a.html
new file mode 100644
index 0000000000..42bebbf54b
--- /dev/null
+++ b/layout/reftests/bugs/403249-2a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: green }
+col { background: red; visibility: collapse; }
+td { color: white }
+</style>
+</head>
+<body onload="runTest()">
+ <table>
+   <col id="x" span="1">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+
+ <script>
+   function runTest() {
+     document.body.offsetWidth;
+     document.getElementById("x").setAttribute("span", 2);
+   }
+ </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403249-2b.html b/layout/reftests/bugs/403249-2b.html
new file mode 100644
index 0000000000..59bc3bc86e
--- /dev/null
+++ b/layout/reftests/bugs/403249-2b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: green }
+col { background: red; visibility: collapse; }
+td { color: white }
+</style>
+</head>
+<body onload="runTest()">
+ <table>
+   <col id="x" span="3">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+
+ <script>
+   function runTest() {
+     document.body.offsetWidth;
+     document.getElementById("x").setAttribute("span", 2);
+   }
+ </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403328-1-ref.html b/layout/reftests/bugs/403328-1-ref.html
new file mode 100644
index 0000000000..db0fdeca7d
--- /dev/null
+++ b/layout/reftests/bugs/403328-1-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html><head>
+<title>Testcase for bug 403328</title>
+<style>
+body {
+	margin-left:40px;
+}
+div.cb {
+	background-color: lime;
+	width: 80px;
+}
+div.spcb {
+	background-color: blue;
+    margin-left:auto;
+    margin-right:auto;
+	width: 40px;
+}
+div.abs {
+	background-color: red;
+	height: 40px;
+}
+div.extrawide {
+	width: 100px;
+}
+div.narrow {
+	width: 20px;
+}
+
+</style>
+</head><body>
+
+<div class="cb">
+<div class="spcb">
+<div class="abs narrow" style="margin-left:auto;"></div>
+<div class="abs narrow"></div>
+<div class="abs extrawide" style="margin-left:-20px;"></div>
+<div class="abs extrawide" style="margin-left:-40px;"></div>
+<div class="abs narrow" style="margin-left:-20px;"></div>
+<div class="abs narrow" style="margin-left:auto; margin-right:-20px;"></div>
+<div class="abs narrow" style="margin-left:auto;"></div>
+<div class="abs narrow"></div>
+</div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/403328-1.html b/layout/reftests/bugs/403328-1.html
new file mode 100644
index 0000000000..535b483060
--- /dev/null
+++ b/layout/reftests/bugs/403328-1.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<html><head>
+<title>Testcase for bug 403328</title>
+<style>
+body {
+	margin-left:40px;
+}
+div.cb {
+	background-color: lime;
+    position: relative;
+	width: 80px;
+}
+div.spcb {
+	background-color: blue;
+    margin-left:auto;
+    margin-right:auto;
+	width: 40px;
+	height: 20px;
+}
+div.abs {
+	background-color: red;
+	position: absolute;
+	height: 20px;
+}
+div.auto-margins {
+    margin-left: auto;
+    margin-right: auto;
+}
+div.zero-margins {
+    margin-left: 0;
+    margin-right: 0;
+}
+div.extrawide {
+	width: 100px;
+}
+div.narrow {
+	width: 20px;
+}
+div.leftright {
+    left: 0;
+    right: 0;
+}
+
+</style>
+</head><body>
+
+<div dir="ltr" class="cb">
+<div dir="rtl" class="spcb">
+<div dir="ltr" class="abs"><div class="narrow"></div></div>
+</div>
+<div dir="rtl" class="spcb">
+<div dir="rtl" class="abs"><div class="narrow"></div></div>
+</div>
+</div>
+<div dir="rtl" class="cb">
+<div dir="ltr" class="spcb">
+<div dir="ltr" class="abs"><div class="narrow"></div></div>
+</div>
+<div dir="ltr" class="spcb">
+<div dir="rtl" class="abs"><div class="narrow"></div></div>
+</div>
+</div>
+
+<div dir="ltr" class="cb">
+<div dir="rtl" class="spcb">
+<div dir="ltr" class="abs leftright extrawide auto-margins"></div>
+</div>
+<div dir="rtl" class="spcb">
+<div dir="rtl" class="abs leftright extrawide auto-margins"></div>
+</div>
+</div>
+<div dir="rtl" class="cb">
+<div dir="ltr" class="spcb">
+<div dir="ltr" class="abs leftright extrawide auto-margins"></div>
+</div>
+<div dir="ltr" class="spcb">
+<div dir="rtl" class="abs leftright extrawide auto-margins"></div>
+</div>
+</div>
+
+<div dir="ltr" class="cb">
+<div dir="rtl" class="spcb">
+<div dir="ltr" class="abs leftright narrow zero-margins"></div>
+</div>
+<div dir="rtl" class="spcb">
+<div dir="rtl" class="abs leftright narrow zero-margins"></div>
+</div>
+</div>
+<div dir="rtl" class="cb">
+<div dir="ltr" class="spcb">
+<div dir="ltr" class="abs leftright narrow zero-margins"></div>
+</div>
+<div dir="ltr" class="spcb">
+<div dir="rtl" class="abs leftright narrow zero-margins"></div>
+</div>
+</div>
+
+<div dir="ltr" class="cb">
+<div dir="rtl" class="spcb">
+<div dir="ltr" class="abs narrow"></div>
+</div>
+<div dir="rtl" class="spcb">
+<div dir="rtl" class="abs narrow"></div>
+</div>
+</div>
+<div dir="rtl" class="cb">
+<div dir="ltr" class="spcb">
+<div dir="ltr" class="abs narrow"></div>
+</div>
+<div dir="ltr" class="spcb">
+<div dir="rtl" class="abs narrow"></div>
+</div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/403426-1-ref.html b/layout/reftests/bugs/403426-1-ref.html
new file mode 100644
index 0000000000..3e28517475
--- /dev/null
+++ b/layout/reftests/bugs/403426-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<p><span style="white-space:nowrap;"><input type="checkbox">hello1</span>
+<p>Hello2<br><span style="white-space:nowrap;"><input type="checkbox"></span>
+<p>Hello3<br><input type="checkbox">
+</body>
+</html>
diff --git a/layout/reftests/bugs/403426-1.html b/layout/reftests/bugs/403426-1.html
new file mode 100644
index 0000000000..8e93d6f3a0
--- /dev/null
+++ b/layout/reftests/bugs/403426-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="width:0;">
+<p><span style="white-space:nowrap;"><input type="checkbox">hello1</span>
+<p>Hello2 <span style="white-space:nowrap;"><input type="checkbox"></span>
+<p style="white-space:nowrap"><span style="white-space:normal">Hello3
+</span><span style="white-space:nowrap;"><input type="checkbox"></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403455-1-ref.html b/layout/reftests/bugs/403455-1-ref.html
new file mode 100644
index 0000000000..bac7791f87
--- /dev/null
+++ b/layout/reftests/bugs/403455-1-ref.html
@@ -0,0 +1,12 @@
+<html><head>
+<style>
+p { width: 13em; border: 1px solid black; }
+p { white-space: nowrap; }
+a { color:pink; }
+</style>
+</head>
+<body>
+<p><a style="white-space:pre-wrap;">mmmmmmmmmm <br>m</a>mmmmmmmmm</p>
+<p>m <br><a style="white-space:pre;">mmmmmmmmmm</a>mmmmmmmmm</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403455-1.html b/layout/reftests/bugs/403455-1.html
new file mode 100644
index 0000000000..6713d53496
--- /dev/null
+++ b/layout/reftests/bugs/403455-1.html
@@ -0,0 +1,14 @@
+<html><head>
+<style>
+p { width: 13em; border: 1px solid black; }
+p span { white-space: nowrap; }
+a { color:pink; }
+</style>
+</head>
+<body>
+<!-- A prewrap text frame should be able to record a break opportunity -->
+<p><a style="white-space:pre-wrap;">mmmmmmmmmm m</a>mmmmmmmmm</p>
+<!-- A 'pre' text frame should be able to record a break opportunity at its start -->
+<p>m <a style="white-space:pre;">mmmmmmmmmm</a>mmmmmmmmm</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403505-1-ref.xhtml b/layout/reftests/bugs/403505-1-ref.xhtml
new file mode 100644
index 0000000000..163561d1b2
--- /dev/null
+++ b/layout/reftests/bugs/403505-1-ref.xhtml
@@ -0,0 +1 @@
+<?xml version="1.0"?><!DOCTYPE window><window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"><hbox><label value="test" style="-moz-box-flex: 3" /><label value="test2" /><label value="test3" style="-moz-box-flex: 1" /></hbox></window>
diff --git a/layout/reftests/bugs/403505-1.xml b/layout/reftests/bugs/403505-1.xml
new file mode 100644
index 0000000000..a06bfb9272
--- /dev/null
+++ b/layout/reftests/bugs/403505-1.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<!--
+  Intentionally testing XUL loaded through the XML content sink rather
+  than the XUL content sink.
+  -->
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox>
+    <label value="test" style="-moz-box-flex: 3" />
+    <label value="test2" />
+    <label value="test3" style="-moz-box-flex: 1" />
+  </hbox>
+</window>
diff --git a/layout/reftests/bugs/403519-1-ref.html b/layout/reftests/bugs/403519-1-ref.html
new file mode 100644
index 0000000000..3c31e093bb
--- /dev/null
+++ b/layout/reftests/bugs/403519-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<body>
+<table border="1" width="100%">
+  <tr>
+    <td colspan="2" width="100%">&nbsp</td>
+    <td>b</td>
+  </tr>
+  <tr>
+    <td/>
+    <td/>
+    <td/>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403519-1.html b/layout/reftests/bugs/403519-1.html
new file mode 100644
index 0000000000..988be36aea
--- /dev/null
+++ b/layout/reftests/bugs/403519-1.html
@@ -0,0 +1,15 @@
+<html>
+<body>
+<table border="1" width="100%">
+  <tr>
+    <td colspan="2"><marquee>&nbsp</marquee></td>
+    <td>b</td>
+  </tr>
+  <tr>
+    <td/>
+    <td/>
+    <td/>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403519-2-ref.html b/layout/reftests/bugs/403519-2-ref.html
new file mode 100644
index 0000000000..72176a89a6
--- /dev/null
+++ b/layout/reftests/bugs/403519-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd"><html>
+<head>
+<style>
+td {
+  border: 1px solid black;
+  background-color: lime;
+}
+table {
+  border: 1px solid black;
+  background-color: red;
+  width: 200px;
+  border-spacing: 0;
+}
+</style>
+</head>
+<body>
+<table>
+  <tbody><tr>
+    <td colspan="2"><div>&nbsp;</div></td>
+    <td>b</td>
+  </tr>
+  <tr>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</tbody></table>
+</body></html>
diff --git a/layout/reftests/bugs/403519-2.html b/layout/reftests/bugs/403519-2.html
new file mode 100644
index 0000000000..b362f11dc7
--- /dev/null
+++ b/layout/reftests/bugs/403519-2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd"><html>
+<head>
+<style>
+td {
+  border: 1px solid black;
+  background-color: lime;
+}
+table {
+  border: 1px solid black;
+  background-color: red;
+  width: 200px;
+  border-spacing: 0;
+}
+</style>
+</head>
+<body>
+<table>
+  <tbody><tr>
+    <td colspan="2"><div style="margin: 0 100%;">&nbsp;</div></td>
+    <td>b</td>
+  </tr>
+  <tr>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</tbody></table>
+</body></html>
diff --git a/layout/reftests/bugs/403656-1-ref.html b/layout/reftests/bugs/403656-1-ref.html
new file mode 100644
index 0000000000..945ab915bd
--- /dev/null
+++ b/layout/reftests/bugs/403656-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<div style="width: 300px; height: 300px; background: green"></div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-1.html b/layout/reftests/bugs/403656-1.html
new file mode 100644
index 0000000000..4840ffed2b
--- /dev/null
+++ b/layout/reftests/bugs/403656-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  table { margin: 0; }
+  </style>
+</head>
+<body>
+
+<table cellpadding=0 cellspacing=0 width="300" height="300">
+  <tr><td bgcolor="green"></td></tr>
+</table>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-2-ref.html b/layout/reftests/bugs/403656-2-ref.html
new file mode 100644
index 0000000000..6e92bd6ef8
--- /dev/null
+++ b/layout/reftests/bugs/403656-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: green"></div>
+<div style="width: 300px; height: 100px; background: yellow"></div>
+<div style="width: 300px; height: 100px; background: blue"></div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-2.html b/layout/reftests/bugs/403656-2.html
new file mode 100644
index 0000000000..0459696d8d
--- /dev/null
+++ b/layout/reftests/bugs/403656-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  table { margin: 0; }
+  </style>
+</head>
+<body>
+
+<table cellpadding=0 cellspacing=0 width="300" height="300">
+  <tr><td bgcolor="green"></td></tr>
+  <tr><td bgcolor="yellow"></td></tr>
+  <tr><td bgcolor="blue"></td></tr>
+</table>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-3-ref.html b/layout/reftests/bugs/403656-3-ref.html
new file mode 100644
index 0000000000..c5171918ce
--- /dev/null
+++ b/layout/reftests/bugs/403656-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<div style="width: 300px; height: 95px; background: green"></div>
+<div style="width: 300px; height: 95px; background: yellow"></div>
+<div style="width: 300px; height: 15px; background: pink"></div>
+<div style="width: 300px; height: 95px; background: blue"></div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-3.html b/layout/reftests/bugs/403656-3.html
new file mode 100644
index 0000000000..31161e9f87
--- /dev/null
+++ b/layout/reftests/bugs/403656-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  table { margin: 0; }
+  </style>
+</head>
+<body>
+
+<table cellpadding=0 cellspacing=0 width="300" height="300">
+  <tr><td bgcolor="green"></td></tr>
+  <tr><td bgcolor="yellow"></td></tr>
+  <tr><td height="15" bgcolor="pink"></td></tr>
+  <tr><td bgcolor="blue"></td></tr>
+</table>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-4-ref.html b/layout/reftests/bugs/403656-4-ref.html
new file mode 100644
index 0000000000..6e92bd6ef8
--- /dev/null
+++ b/layout/reftests/bugs/403656-4-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: green"></div>
+<div style="width: 300px; height: 100px; background: yellow"></div>
+<div style="width: 300px; height: 100px; background: blue"></div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-4.html b/layout/reftests/bugs/403656-4.html
new file mode 100644
index 0000000000..d64b0d431a
--- /dev/null
+++ b/layout/reftests/bugs/403656-4.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  table { margin: 0; }
+  </style>
+</head>
+<body>
+
+<table cellpadding=0 cellspacing=0 width="300" height="300">
+  <tr><td bgcolor="green" height="10"></td></tr>
+  <tr><td bgcolor="yellow" height="10"></td></tr>
+  <tr><td bgcolor="blue" height="10"></td></tr>
+</table>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-5-ref.html b/layout/reftests/bugs/403656-5-ref.html
new file mode 100644
index 0000000000..6e92bd6ef8
--- /dev/null
+++ b/layout/reftests/bugs/403656-5-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: green"></div>
+<div style="width: 300px; height: 100px; background: yellow"></div>
+<div style="width: 300px; height: 100px; background: blue"></div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403656-5.html b/layout/reftests/bugs/403656-5.html
new file mode 100644
index 0000000000..b0ad81a74c
--- /dev/null
+++ b/layout/reftests/bugs/403656-5.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Testcase, bug 403656</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  table { margin: 0; }
+  </style>
+</head>
+<body>
+
+<table cellpadding=0 cellspacing=0 width="300" height="300">
+  <tr><td bgcolor="green" height="0"></td></tr>
+  <tr><td bgcolor="yellow" height="0"></td></tr>
+  <tr><td bgcolor="blue" height="0"></td></tr>
+</table>
+
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/403657-1-ref.html b/layout/reftests/bugs/403657-1-ref.html
new file mode 100644
index 0000000000..8673c14645
--- /dev/null
+++ b/layout/reftests/bugs/403657-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body
+<ol>
+<li>Some text</li>
+<li>&nbsp;</li>
+<li>&nbsp;</li>
+</ol>
+</body>
+</html>
diff --git a/layout/reftests/bugs/403657-1.html b/layout/reftests/bugs/403657-1.html
new file mode 100644
index 0000000000..eb3bbfbf4a
--- /dev/null
+++ b/layout/reftests/bugs/403657-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body
+<ol>
+<li>Some text</li>
+<li></li>
+<li></li>
+</ol>
+</body>
+</html>
diff --git a/layout/reftests/bugs/404030-1-notref.html b/layout/reftests/bugs/404030-1-notref.html
new file mode 100644
index 0000000000..6375224554
--- /dev/null
+++ b/layout/reftests/bugs/404030-1-notref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+    "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>Testcase, bug 404030</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Style-Type" content="text/css">
+    <style type="text/css">
+
+    span { display: inline-table; height: 2em; border: thin solid; }
+
+    </style>
+</head>
+<body>
+
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span>inline-table</span>.</p>
+<p>Test: <span><i style="display:block; line-height: normal">inline-table</i></span>.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/404030-1-notref2.html b/layout/reftests/bugs/404030-1-notref2.html
new file mode 100644
index 0000000000..703d88d3ce
--- /dev/null
+++ b/layout/reftests/bugs/404030-1-notref2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+    "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>Testcase, bug 404030</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Style-Type" content="text/css">
+    <style type="text/css">
+
+    span { display: inline-table; height: 2em; border: thin solid; }
+
+    </style>
+</head>
+<body>
+
+<!-- vary only the last test, to make sure line-height works -->
+
+<p>Test: <span style="vertical-align: top">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: text-top">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: middle">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: text-bottom">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: bottom">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: baseline">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 4px">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 50%">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 50%"><i style="display:block; line-height: normal">inline-table</i></span>.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/404030-1-ref.html b/layout/reftests/bugs/404030-1-ref.html
new file mode 100644
index 0000000000..3e9feb6e04
--- /dev/null
+++ b/layout/reftests/bugs/404030-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+    "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>Testcase, bug 404030</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Style-Type" content="text/css">
+    <style type="text/css">
+
+    span { display: inline-block; height: 2em; border: thin solid; }
+
+    </style>
+</head>
+<body>
+
+<p>Test: <span style="vertical-align: top">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: text-top">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: middle">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: text-bottom">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: bottom">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: baseline">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 4px">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 50%">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 50%; line-height: 3"><i style="display:block; line-height: normal">inline-table</i></span>.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/404030-1.html b/layout/reftests/bugs/404030-1.html
new file mode 100644
index 0000000000..a3a2f24c52
--- /dev/null
+++ b/layout/reftests/bugs/404030-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+    "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>Testcase, bug 404030</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Style-Type" content="text/css">
+    <style type="text/css">
+
+    span { display: inline-table; height: 2em; border: thin solid; }
+
+    </style>
+</head>
+<body>
+
+<p>Test: <span style="vertical-align: top">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: text-top">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: middle">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: text-bottom">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: bottom">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: baseline">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 4px">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 50%">inline-table</span>.</p>
+<p>Test: <span style="vertical-align: 50%; line-height: 3"><i style="display:block; line-height: normal">inline-table</i></span>.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/404123-1-ref.html b/layout/reftests/bugs/404123-1-ref.html
new file mode 100644
index 0000000000..0b0758a09b
--- /dev/null
+++ b/layout/reftests/bugs/404123-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset style="display: inline">
+      <legend>This is legend text</legend>
+      This is other text
+    </fieldset>
+  </body>
+</html>
+         
diff --git a/layout/reftests/bugs/404123-1.html b/layout/reftests/bugs/404123-1.html
new file mode 100644
index 0000000000..ce99165190
--- /dev/null
+++ b/layout/reftests/bugs/404123-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body style="width: 0">
+    <fieldset>
+      <legend style="white-space: nowrap">This is legend text</legend>
+      This is other text
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/404123-2-ref.html b/layout/reftests/bugs/404123-2-ref.html
new file mode 100644
index 0000000000..f862706a21
--- /dev/null
+++ b/layout/reftests/bugs/404123-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset style="display: inline">
+      <legend>Legend<br>textstuffandall</legend>
+      Text
+    </fieldset>
+  </body>
+</html>
+         
diff --git a/layout/reftests/bugs/404123-2.html b/layout/reftests/bugs/404123-2.html
new file mode 100644
index 0000000000..87580138ac
--- /dev/null
+++ b/layout/reftests/bugs/404123-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body style="width: 0">
+    <fieldset>
+      <legend style="white-space: normal">Legend textstuffandall</legend>
+      Text
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/404123-3-ref.html b/layout/reftests/bugs/404123-3-ref.html
new file mode 100644
index 0000000000..2a99d26d2f
--- /dev/null
+++ b/layout/reftests/bugs/404123-3-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend style="border: 1px solid black;">
+        <span style="display: inline-block; height:100px; width: 100px"></span>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/404123-3.html b/layout/reftests/bugs/404123-3.html
new file mode 100644
index 0000000000..bf9638786f
--- /dev/null
+++ b/layout/reftests/bugs/404123-3.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend style="width: 300px; min-width: 400px; max-width: 50px;
+                     height: 300px; min-height: 400px; max-height: 50px;
+                     border: 1px solid black;">
+        <span style="display: inline-block; height:100px; width: 100px"></span>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/404149-1-ref.xhtml b/layout/reftests/bugs/404149-1-ref.xhtml
new file mode 100644
index 0000000000..c69173983b
--- /dev/null
+++ b/layout/reftests/bugs/404149-1-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/css" href="../fonts/sil/silfonts.css"?>
+<?xml-stylesheet type="text/css" href="data:text/css,
+label {
+  text-align: right;
+  width: 60px;
+  border: 1px solid black;
+  height: 20px;
+  padding: 0 2px 0;
+  margin: 0 10px 0 -58px;
+  font-family: Scheherazade;
+  font-size: 16px;
+}
+" ?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <box width="100">
+    <label value="ف" accesskey="ف" />
+  </box>
+</window>
diff --git a/layout/reftests/bugs/404149-1.xhtml b/layout/reftests/bugs/404149-1.xhtml
new file mode 100644
index 0000000000..7d28fbb7e7
--- /dev/null
+++ b/layout/reftests/bugs/404149-1.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/css" href="../fonts/sil/silfonts.css"?>
+<?xml-stylesheet type="text/css" href="data:text/css,
+label {
+  text-align: right;
+  width: 60px;
+  border: 1px solid black;
+  height: 20px;
+  padding: 0 2px 0;
+  margin: 0 10px 0 -58px;
+  font-family: Scheherazade;
+  font-size: 16px;
+}
+" ?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <box width="100">
+    <label value="فایرفاکس" accesskey="ف" />
+  </box>
+</window>
diff --git a/layout/reftests/bugs/404180-1-ref.html b/layout/reftests/bugs/404180-1-ref.html
new file mode 100644
index 0000000000..c7723d1748
--- /dev/null
+++ b/layout/reftests/bugs/404180-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<span style="border-left: 80px solid blue;"></span>&#x05d0;12345
+</body>
+</html>
diff --git a/layout/reftests/bugs/404180-1.html b/layout/reftests/bugs/404180-1.html
new file mode 100644
index 0000000000..1e35d5b54a
--- /dev/null
+++ b/layout/reftests/bugs/404180-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<span style="border-left: 80px solid blue;">&#x05d0;12345</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/404301-1-ref.html b/layout/reftests/bugs/404301-1-ref.html
new file mode 100644
index 0000000000..aaf89acec1
--- /dev/null
+++ b/layout/reftests/bugs/404301-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+col[span] { background: green }
+td { color: white }
+</style>
+</head>
+<body>
+ <table>
+   <colgroup id="x">
+     <col span="2"></col>
+     <col></col>
+     <col id="y"></col>
+   </colgroup>
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+     <td>Four</td>
+   </tr>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/404301-1.html b/layout/reftests/bugs/404301-1.html
new file mode 100644
index 0000000000..9771a0bcec
--- /dev/null
+++ b/layout/reftests/bugs/404301-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+col[span] { background: green }
+td { color: white }
+</style>
+</head>
+<body onload="runTest()">
+ <table>
+   <colgroup id="x">
+     <col span="2"></col>
+     <col id="y"></col>
+   </colgroup>
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+     <td>Four</td>
+   </tr>
+ </table>
+
+ <script>
+   function runTest() {
+     document.body.offsetWidth;
+     document.getElementById("x").insertBefore(document.createElement("col"),
+                                               document.getElementById("y"));
+   }
+ </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/404309-1-ref.html b/layout/reftests/bugs/404309-1-ref.html
new file mode 100644
index 0000000000..3ddf362e53
--- /dev/null
+++ b/layout/reftests/bugs/404309-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+colgroup { background: green }
+td { color: white }
+</style>
+</head>
+<body>
+ <table>
+   <colgroup id="x" span="2">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/404309-1a.html b/layout/reftests/bugs/404309-1a.html
new file mode 100644
index 0000000000..cee2427d43
--- /dev/null
+++ b/layout/reftests/bugs/404309-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+colgroup { background: green }
+td { color: white }
+</style>
+</head>
+<body onload="runTest()">
+ <table>
+   <colgroup id="x" span="1">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+
+ <script>
+   function runTest() {
+     document.body.offsetWidth;
+     document.getElementById("x").setAttribute("span", 2);
+   }
+ </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/404309-1b.html b/layout/reftests/bugs/404309-1b.html
new file mode 100644
index 0000000000..a414488478
--- /dev/null
+++ b/layout/reftests/bugs/404309-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+colgroup { background: green }
+td { color: white }
+</style>
+</head>
+<body onload="runTest()">
+ <table>
+   <colgroup id="x" span="3">
+   <tr>
+     <td>One</td>
+     <td>Two</td>
+     <td>Three</td>
+   </tr>
+ </table>
+
+ <script>
+   function runTest() {
+     document.body.offsetWidth;
+     document.getElementById("x").setAttribute("span", 2);
+   }
+ </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/404553-1-ref.html b/layout/reftests/bugs/404553-1-ref.html
new file mode 100644
index 0000000000..cfa0dc8147
--- /dev/null
+++ b/layout/reftests/bugs/404553-1-ref.html
@@ -0,0 +1 @@
+<div style="background-color: lime; height: 50px;"><div style="background: green; width: 50px; margin-left: auto; margin-right: 0;">&nbsp;</div></div>
\ No newline at end of file
diff --git a/layout/reftests/bugs/404553-1.html b/layout/reftests/bugs/404553-1.html
new file mode 100644
index 0000000000..692c63c67c
--- /dev/null
+++ b/layout/reftests/bugs/404553-1.html
@@ -0,0 +1 @@
+<table><marquee behavior="alternate" scrollamount="0" style="background-color: lime; height: 50px;"><div style="background: green; width: 50px">&nbsp;</div></marquee><span><title>
\ No newline at end of file
diff --git a/layout/reftests/bugs/404666-1-ref.html b/layout/reftests/bugs/404666-1-ref.html
new file mode 100644
index 0000000000..eae778c13f
--- /dev/null
+++ b/layout/reftests/bugs/404666-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+col { background: green }
+td { color: white }
+</style>
+</head>
+<body>
+<table>
+  <col id="col" span="2">
+  <tr>
+   <td>One</td>
+   <td>Two</td>
+   <td>Three</td>
+  </tr>
+</table>
+</html>
diff --git a/layout/reftests/bugs/404666-1.html b/layout/reftests/bugs/404666-1.html
new file mode 100644
index 0000000000..53bc049afc
--- /dev/null
+++ b/layout/reftests/bugs/404666-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table { background: white }
+td { color: white }
+</style>
+<script>
+function runTest()
+{
+  document.body.offsetHeight;
+  document.getElementById("col").style.backgroundColor = "green";
+}
+</script>
+</head>
+<body onload="runTest()">
+<table>
+  <col id="col" span="2">
+  <tr>
+   <td>One</td>
+   <td>Two</td>
+   <td>Three</td>
+  </tr>
+</table>
+</html>
diff --git a/layout/reftests/bugs/404666-2-ref.html b/layout/reftests/bugs/404666-2-ref.html
new file mode 100644
index 0000000000..0b081bee98
--- /dev/null
+++ b/layout/reftests/bugs/404666-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table {background-color:green}
+td { color: white }
+</style>
+</head>
+<body>
+<table>
+  <tr>
+   <td>Three</td>
+  </tr>
+</table>
+</html>
diff --git a/layout/reftests/bugs/404666-2.html b/layout/reftests/bugs/404666-2.html
new file mode 100644
index 0000000000..1a9c457a8a
--- /dev/null
+++ b/layout/reftests/bugs/404666-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+table {background-color:green}
+col {background-color:red}
+td { color: white }
+</style>
+<script>
+function runTest()
+{
+  document.body.offsetHeight;
+  document.getElementById("col").style.visibility = "collapse";
+}
+</script>
+</head>
+<body onload="runTest()">
+<table>
+  <col id="col" span="2">
+  <tr>
+   <td>One</td>
+   <td>Two</td>
+   <td>Three</td>
+  </tr>
+</table>
+</html>
diff --git a/layout/reftests/bugs/405305-1-ref.html b/layout/reftests/bugs/405305-1-ref.html
new file mode 100644
index 0000000000..f5c74d4922
--- /dev/null
+++ b/layout/reftests/bugs/405305-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<fieldset>
+  <legend style="margin:0; border:0; padding:0;">
+    <span style="display:inline-block; background:green; width:100px; height:100px;">
+  </legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/405305-1.html b/layout/reftests/bugs/405305-1.html
new file mode 100644
index 0000000000..c22a6b1265
--- /dev/null
+++ b/layout/reftests/bugs/405305-1.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<fieldset>
+  <legend style="background:red; margin:0; border:0; padding:0;">
+    <span style="float:left; display:inline-block; background:green; width:100px; height:100px;">
+  </legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/405380-1-ref.html b/layout/reftests/bugs/405380-1-ref.html
new file mode 100644
index 0000000000..ab6c27f8f1
--- /dev/null
+++ b/layout/reftests/bugs/405380-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="display: inline-block; border: 1px solid red">f l<br/>s l l</div>
+<div style="width:0;"><div style="display: inline-block; border: 1px solid red;">f l<br/>second l l</div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/405380-1.html b/layout/reftests/bugs/405380-1.html
new file mode 100644
index 0000000000..ef03347373
--- /dev/null
+++ b/layout/reftests/bugs/405380-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="display: inline-block; border: 1px solid red">f l<br/>
+s l l</div>
+<div style="width:0;"><div style="display: inline-block; border: 1px solid red;">f l<br/><span style="white-space:nowrap"> second</span> l l</div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/405517-1-ref.xhtml b/layout/reftests/bugs/405517-1-ref.xhtml
new file mode 100644
index 0000000000..903d531a2e
--- /dev/null
+++ b/layout/reftests/bugs/405517-1-ref.xhtml
@@ -0,0 +1,7 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+</head>
+
+<body><p id="j">a</p>b<div>c</div></body>
+
+</html>
diff --git a/layout/reftests/bugs/405517-1.xhtml b/layout/reftests/bugs/405517-1.xhtml
new file mode 100644
index 0000000000..acf1f547c1
--- /dev/null
+++ b/layout/reftests/bugs/405517-1.xhtml
@@ -0,0 +1,15 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script type="text/javascript">
+
+function m()
+{
+  document.getElementById("j").nextSibling.data = 'b';
+}
+
+</script>
+</head>
+
+<body onload="m();"><p id="j">a</p> <div>c</div></body>
+
+</html>
diff --git a/layout/reftests/bugs/405577-1-ref.html b/layout/reftests/bugs/405577-1-ref.html
new file mode 100644
index 0000000000..b8182f38b8
--- /dev/null
+++ b/layout/reftests/bugs/405577-1-ref.html
@@ -0,0 +1,32 @@
+<html>
+<head>
+<style>
+b { white-space:nowrap; }
+div { border:1px solid black; }
+</style>
+</head>
+<body style="font-size:10px;">
+
+<div style="width:100px">
+<b><img src="blue-600x58.png" width="100">T</b><br>
+<b><img src="blue-600x58.png" width="100">T</b><br>
+<b><img src="blue-600x58.png" width="100">T</b><br>
+<b><img src="blue-600x58.png" width="100">T</b>
+</div>
+
+<div style="width:200px">
+<b><img src="blue-600x58.png" width="100">T</b><br>
+<b><img src="blue-600x58.png" width="100">T</b><br>
+<b><img src="blue-600x58.png" width="100">T</b><br>
+<b><img src="blue-600x58.png" width="100">T</b>
+</div>
+
+<div style="width:300px">
+<b><img src="blue-600x58.png" width="100">T</b>
+<b><img src="blue-600x58.png" width="100">T</b><br>
+<b><img src="blue-600x58.png" width="100">T</b>
+<b><img src="blue-600x58.png" width="100">T</b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/405577-1.html b/layout/reftests/bugs/405577-1.html
new file mode 100644
index 0000000000..9cc87474da
--- /dev/null
+++ b/layout/reftests/bugs/405577-1.html
@@ -0,0 +1,32 @@
+<html>
+<head>
+<style>
+b { white-space:nowrap; }
+div { border:1px solid black; }
+</style>
+</head>
+<body style="font-size:10px;">
+
+<div style="width:100px">
+<b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b>
+</div>
+
+<div style="width:200px">
+<b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b>
+</div>
+
+<div style="width:300px">
+<b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b><span>
+</span><b><img src="blue-600x58.png" width="100">T</b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/405584-1-ref.html b/layout/reftests/bugs/405584-1-ref.html
new file mode 100644
index 0000000000..353f232887
--- /dev/null
+++ b/layout/reftests/bugs/405584-1-ref.html
@@ -0,0 +1,5 @@
+<html><head></head>
+<body>
+<img src="data:image/gif,GIF89ad%00d%00%B3%00%00%04%FE%04%0C%FE%04%16%00%00%00%00%00%40%E0%00%00%08%00%00%09%00%00%00%00%08(%DF%A0%7D%DA%16%009%00%00~%10%60%00%A0%E8%00%16%12%00%00%00%00!%F9%04%00%00%00%00%00%2C%00%00%00%00d%00d%00%03%04%FF%10%C8I%AB%BD8%CB%B0'%A7%DF%07%88%E2X%95Z%AAb%A8%E7%86%9Dir%B0l%D3%5D%D9%AE%7C%7F%9F1%5C%0D%26%9C%C5%5C%BEdf%98k%16%9FF%A8%D4vTZ%2FD%99pJ%E3%1A%B5%D4%EB%8A%D4%0C%E6%98%D3(%18%FA%12%2B%5B%E9%40w%1B%95%D2%E9%40w%9B%FC%95%3BG%5D3w%81~%85%84_%88b5%16%8B%24%87O%84%91%80%93%86j%85%7Fzf%7F8k%80%97%5E%A0E%9A%8AyYv%94ur%AA%AB%AC%AD%AE%A9%7DUXH%88%9C%A1%94%AE%B9%BA%BB%8F%96V%3A%60%9B%B8%91%BC%C5%B9%A8%A2d%3BLeq%BEs%C6%D1%AF%AAja%3D(%5C%9F%D2%DB%D2%C8%B1%B3%3F%B1%90%82%DE%DC%E6%D4%E8%9F%E1%8CH%A6%CF%C4%E7%F1%AC%CF%B2%B4%CA%C2%BD%E9%9E%F2%DC%9E%BE%DF%ED%82%D1Sg%88%1F%3F%7F%B6%96%04%3C%A5%CD%A0%C3y%E3%16%1D%B9%17q_%C3%87%18%BDYCS%A7%9CEh%18%FF%B7%09%EA%B5%10%1F%B9%82%AB%3E%86%94w%B2J%B2w%23%91%AD%3C%98o%5D%A7%8A%95f%EA%D4x%EF%26%AC-%40u%9A%3B%99p%A2%C9%84)%85%AE%A4%B7%07_%2B%8B*%95%D2%ECT%92!H%A9%F1%10%A2%FA%C1%91%08%CA%82Q%B1%F6%038%90%D8H%B14%EFpu2%E8%EAW%B4Y%FD%08%A42%87hN%B8%2CI6%7D%04%EDlR%BC%E7%26%05%CB%26s%1A%E0n%DA%121%3C%9B%EA%B0A%A6%C9%EA%BA%95%ECX%97V%C9%40%061%0EZ9%EF%40%98%93Cw%86%F8o%2F.%A8n%C3VV%B9%B5%ACG%88%A3%11_fg5)%EA%D8%D1%0433%95%0F6%EEc%8995%23%CA%FAw%B1%E2Z%84%DB%8A%08%EF%AD%F1qa%90%9EN%A7%EF%B9%B1oE%C1jW%FD%BC%5C%A3%A31%AD%C7%A5%AB%A9%B6f%F1%FB%3C%B6%F1IY%FCuusA%B5to8'%F9%AE%1D%B5%8B%C6%CD%D3%E8-%CE%F4%FDU%DA%FF%60%AE%5D%C4%1D%60%B7%89%83%09h%20%1D%D8Y~.%99!%1Fs%C6%85WM)%05N6L%85%E8%60w%9F%255%B97%DB%0E%99%81%E8%9Do%CD%095%8C%85%97%80%C0%8E8%BD%A1g%9Bp%B4%98D%1Ci%D4%F1WI%19%EBU%F5%CE_%D5I%E5%DD%85.%96%C8%DEf%B7%FDFN%22%8A)%A8V%8E%3A%BE%94%82%94q%5Ct%17V%AF%0Dh%0D%818%D9%05%D7G%EAMY%CD%84%06%A2%E4%A0%83%B0eIc%3D%D9%99%D8%17%90O%5D%E9%1C%8E%C1%CD%25%26%1F%8B5t%D9%9C%C0%A5%F8%26%91%2C%803%DF%7C%D4%A1)g%9F%7B%8E%E9%03%9E%9B%60V%E8%A3%FB%BD%07d-%1A0%E3!%24%87%EE%02%E6%5D%C8Q%99%04%1FN%BAi%A5j%86%B28%CA%A7%F6%1Ci%DF%8C%1DB%09%E5t%8A%D6SiI%9F%E1%D4%EA%A4%40%85%F7%A4%9D%D74%95%E1%86%9B%22%84%E2%9B%5El9k%84%AA%AAy%EB%A3%7Bv)J%D6%26%13N%D7%E0%9F9%26%99%18%93WH%F4%22s%CD%BE%25l%AE%DBIG%E2%A26%86R%AD%99%DE%B6%DAd%26yl%0B%1E_2%8D%18%A2%60%C6f%5B%2Bh%F1%D6%C9)%1B%A0%B2K%22~V%E5%7B%5E%96F%B1%FB%0FGnB%B8%AB%BE%04%1A%7Cg%C2%92%EC%1B%F1%C2%C2%CA%AA%070%FE5*%ED%C6%12c%EB%F0%B1%E1%ECvo%B4%00%7F%ACP%C1%E2%8E%ACr%BD%26%07*%E1%CB%24%AB%CCF%CB%2F%86%9Cl%CC3%8FK%B3%A0h%B8%833%BE%DA%EE%5C%F3%9A2C%EC1%CB%3B%8F%5B%B2%A2%2F%3D%1B%B4%D0%0F%A7J%95%C8%0Dc%AC3%D4%CB%08%94E%D5%E5%BD%0Cu%AF%1B-H%F5%D8%ED~%0D6%A3%13s%1C%B1%C5f%1Fk)%CDO%B7%FDF%D1%F2%C9m%F7%DD%13D%00%00%3B" style="width: 100px; height: 100px;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/405584-1.html b/layout/reftests/bugs/405584-1.html
new file mode 100644
index 0000000000..61d8b7f8b7
--- /dev/null
+++ b/layout/reftests/bugs/405584-1.html
@@ -0,0 +1,12 @@
+<html><head></head>
+<body>
+<img src="data:image/gif,GIF89ad%00d%00%B3%00%00%04%FE%04%0C%FE%04%16%00%00%00%00%00%40%E0%00%00%08%00%00%09%00%00%00%00%08(%DF%A0%7D%DA%16%009%00%00~%10%60%00%A0%E8%00%16%12%00%00%00%00!%F9%04%00%00%00%00%00%2C%00%00%00%00d%00d%00%03%04%FF%10%C8I%AB%BD8%CB%B0'%A7%DF%07%88%E2X%95Z%AAb%A8%E7%86%9Dir%B0l%D3%5D%D9%AE%7C%7F%9F1%5C%0D%26%9C%C5%5C%BEdf%98k%16%9FF%A8%D4vTZ%2FD%99pJ%E3%1A%B5%D4%EB%8A%D4%0C%E6%98%D3(%18%FA%12%2B%5B%E9%40w%1B%95%D2%E9%40w%9B%FC%95%3BG%5D3w%81~%85%84_%88b5%16%8B%24%87O%84%91%80%93%86j%85%7Fzf%7F8k%80%97%5E%A0E%9A%8AyYv%94ur%AA%AB%AC%AD%AE%A9%7DUXH%88%9C%A1%94%AE%B9%BA%BB%8F%96V%3A%60%9B%B8%91%BC%C5%B9%A8%A2d%3BLeq%BEs%C6%D1%AF%AAja%3D(%5C%9F%D2%DB%D2%C8%B1%B3%3F%B1%90%82%DE%DC%E6%D4%E8%9F%E1%8CH%A6%CF%C4%E7%F1%AC%CF%B2%B4%CA%C2%BD%E9%9E%F2%DC%9E%BE%DF%ED%82%D1Sg%88%1F%3F%7F%B6%96%04%3C%A5%CD%A0%C3y%E3%16%1D%B9%17q_%C3%87%18%BDYCS%A7%9CEh%18%FF%B7%09%EA%B5%10%1F%B9%82%AB%3E%86%94w%B2J%B2w%23%91%AD%3C%98o%5D%A7%8A%95f%EA%D4x%EF%26%AC-%40u%9A%3B%99p%A2%C9%84)%85%AE%A4%B7%07_%2B%8B*%95%D2%ECT%92!H%A9%F1%10%A2%FA%C1%91%08%CA%82Q%B1%F6%038%90%D8H%B14%EFpu2%E8%EAW%B4Y%FD%08%A42%87hN%B8%2CI6%7D%04%EDlR%BC%E7%26%05%CB%26s%1A%E0n%DA%121%3C%9B%EA%B0A%A6%C9%EA%BA%95%ECX%97V%C9%40%061%0EZ9%EF%40%98%93Cw%86%F8o%2F.%A8n%C3VV%B9%B5%ACG%88%A3%11_fg5)%EA%D8%D1%0433%95%0F6%EEc%8995%23%CA%FAw%B1%E2Z%84%DB%8A%08%EF%AD%F1qa%90%9EN%A7%EF%B9%B1oE%C1jW%FD%BC%5C%A3%A31%AD%C7%A5%AB%A9%B6f%F1%FB%3C%B6%F1IY%FCuusA%B5to8'%F9%AE%1D%B5%8B%C6%CD%D3%E8-%CE%F4%FDU%DA%FF%60%AE%5D%C4%1D%60%B7%89%83%09h%20%1D%D8Y~.%99!%1Fs%C6%85WM)%05N6L%85%E8%60w%9F%255%B97%DB%0E%99%81%E8%9Do%CD%095%8C%85%97%80%C0%8E8%BD%A1g%9Bp%B4%98D%1Ci%D4%F1WI%19%EBU%F5%CE_%D5I%E5%DD%85.%96%C8%DEf%B7%FDFN%22%8A)%A8V%8E%3A%BE%94%82%94q%5Ct%17V%AF%0Dh%0D%818%D9%05%D7G%EAMY%CD%84%06%A2%E4%A0%83%B0eIc%3D%D9%99%D8%17%90O%5D%E9%1C%8E%C1%CD%25%26%1F%8B5t%D9%9C%C0%A5%F8%26%91%2C%803%DF%7C%D4%A1)g%9F%7B%8E%E9%03%9E%9B%60V%E8%A3%FB%BD%07d-%1A0%E3!%24%87%EE%02%E6%5D%C8Q%99%04%1FN%BAi%A5j%86%B28%CA%A7%F6%1Ci%DF%8C%1DB%09%E5t%8A%D6SiI%9F%E1%D4%EA%A4%40%85%F7%A4%9D%D74%95%E1%86%9B%22%84%E2%9B%5El9k%84%AA%AAy%EB%A3%7Bv)J%D6%26%13N%D7%E0%9F9%26%99%18%93WH%F4%22s%CD%BE%25l%AE%DBIG%E2%A26%86R%AD%99%DE%B6%DAd%26yl%0B%1E_2%8D%18%A2%60%C6f%5B%2Bh%F1%D6%C9)%1B%A0%B2K%22~V%E5%7B%5E%96F%B1%FB%0FGnB%B8%AB%BE%04%1A%7Cg%C2%92%EC%1B%F1%C2%C2%CA%AA%070%FE5*%ED%C6%12c%EB%F0%B1%E1%ECvo%B4%00%7F%ACP%C1%E2%8E%ACr%BD%26%07*%E1%CB%24%AB%CCF%CB%2F%86%9Cl%CC3%8FK%B3%A0h%B8%833%BE%DA%EE%5C%F3%9A2C%EC1%CB%3B%8F%5B%B2%A2%2F%3D%1B%B4%D0%0F%A7J%95%C8%0Dc%AC3%D4%CB%08%94E%D5%E5%BD%0Cu%AF%1B-H%F5%D8%ED~%0D6%A3%13s%1C%B1%C5f%1Fk)%CDO%B7%FDF%D1%F2%C9m%F7%DD%13D%00%00%3B" style="width: 100px; height: 100px; display: none;">
+<canvas id="c"></canvas>
+<script>
+window.onload = function () {
+    var ctx = document.getElementById('c').getContext('2d');
+    ctx.drawImage(document.images[0], 0, 0);
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/405952-1-ref.html b/layout/reftests/bugs/405952-1-ref.html
new file mode 100644
index 0000000000..5325412995
--- /dev/null
+++ b/layout/reftests/bugs/405952-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.container { margin-top:1em; background:yellow; width:100px; }
+.content { width:100px; height:60px; }
+.scroll-in { overflow:scroll; }
+.scroll { overflow-x:scroll; width:200px; }
+.over { height:50px; }
+body { margin:0; position:absolute; clip: rect(0 100px auto 0); }
+</style>
+</head>
+<body>
+
+<div class="container">
+  <div class="content"></div>
+</div>
+<div class="container scroll">
+  <div class="content"></div>
+</div>
+<div class="container scroll-in over">
+  <div class="content"></div>
+</div>
+<div class="container scroll over">
+  <div class="content"></div>
+</div>
+
+<div class="container">
+  <div class="content"></div>
+</div>
+<div class="container scroll">
+  <div class="content"></div>
+</div>
+<div class="container scroll-in over">
+  <div class="content"></div>
+</div>
+<div class="container scroll over">
+  <div class="content"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/405952-1.html b/layout/reftests/bugs/405952-1.html
new file mode 100644
index 0000000000..d94df11fe7
--- /dev/null
+++ b/layout/reftests/bugs/405952-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.container { float:left; margin-top:1em; clear:both; }
+.auto { overflow:auto; }
+.scroll { overflow:scroll; }
+.content { width:100px; height:60px; background:yellow; }
+.over { height:50px; }
+body { margin:0; position:absolute; clip: rect(0 100px auto 0); }
+</style>
+</head>
+<body>
+
+<!-- test pref-width -->
+
+<div class="container auto">
+  <div class="content"></div>
+</div>
+<div class="container scroll">
+  <div class="content"></div>
+</div>
+<div class="container auto over">
+  <div class="content"></div>
+</div>
+<div class="container scroll over">
+  <div class="content"></div>
+</div>
+
+<!-- test min-width -->
+
+<div style="width:0">
+<div class="container auto">
+  <div class="content"></div>
+</div>
+<div class="container scroll">
+  <div class="content"></div>
+</div>
+<div class="container auto over">
+  <div class="content"></div>
+</div>
+<div class="container scroll over">
+  <div class="content"></div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/40596-1-ref.html b/layout/reftests/bugs/40596-1-ref.html
new file mode 100644
index 0000000000..8246c82658
--- /dev/null
+++ b/layout/reftests/bugs/40596-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            &nbsp;
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1a.html b/layout/reftests/bugs/40596-1a.html
new file mode 100644
index 0000000000..8fbcc64dcb
--- /dev/null
+++ b/layout/reftests/bugs/40596-1a.html
@@ -0,0 +1,16 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <input type="text" style="width: 100%; visibility: hidden ">
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1b.html b/layout/reftests/bugs/40596-1b.html
new file mode 100644
index 0000000000..8a832d4097
--- /dev/null
+++ b/layout/reftests/bugs/40596-1b.html
@@ -0,0 +1,16 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <input type="text" style="visibility: hidden">
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1c.html b/layout/reftests/bugs/40596-1c.html
new file mode 100644
index 0000000000..69c6739813
--- /dev/null
+++ b/layout/reftests/bugs/40596-1c.html
@@ -0,0 +1,18 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <select style="width: 100%; visibility: hidden">
+              <option>This is pretty long text in the select</option>
+            </select>
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1d.html b/layout/reftests/bugs/40596-1d.html
new file mode 100644
index 0000000000..c554cd8d99
--- /dev/null
+++ b/layout/reftests/bugs/40596-1d.html
@@ -0,0 +1,18 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <select style="visibility: hidden">
+              <option>This is pretty long text in the select</option>
+            </select>
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1e.html b/layout/reftests/bugs/40596-1e.html
new file mode 100644
index 0000000000..d7afcd5491
--- /dev/null
+++ b/layout/reftests/bugs/40596-1e.html
@@ -0,0 +1,17 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <input type="button" style="width: 100%; visibility: hidden"
+              value="This is pretty long text in the button">
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1f.html b/layout/reftests/bugs/40596-1f.html
new file mode 100644
index 0000000000..76b04dbbce
--- /dev/null
+++ b/layout/reftests/bugs/40596-1f.html
@@ -0,0 +1,17 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <input type="button" style="visibility: hidden"
+              value="This is pretty long text in the button">
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1g.html b/layout/reftests/bugs/40596-1g.html
new file mode 100644
index 0000000000..a160324916
--- /dev/null
+++ b/layout/reftests/bugs/40596-1g.html
@@ -0,0 +1,18 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <button style="width: 100%; visibility: hidden">
+              This is prettylongtextinthebutton
+            </button>
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1h.html b/layout/reftests/bugs/40596-1h.html
new file mode 100644
index 0000000000..c5a3f1166d
--- /dev/null
+++ b/layout/reftests/bugs/40596-1h.html
@@ -0,0 +1,18 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <button style="visibility: hidden">
+              This is prettylongtextinthebutton
+            </button>
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1i.html b/layout/reftests/bugs/40596-1i.html
new file mode 100644
index 0000000000..67d86c3735
--- /dev/null
+++ b/layout/reftests/bugs/40596-1i.html
@@ -0,0 +1,18 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <select size="4" style="width: 100%; visibility: hidden">
+              <option>This is pretty long text in the select</option>
+            </select>
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/40596-1j.html b/layout/reftests/bugs/40596-1j.html
new file mode 100644
index 0000000000..6ab87c9d03
--- /dev/null
+++ b/layout/reftests/bugs/40596-1j.html
@@ -0,0 +1,18 @@
+<html>
+  <body>
+    <form>
+      <table border="1" width="300" style="height: 300px">
+        <tr>
+          <td style="width:80%">
+            &nbsp;
+          </td>
+          <td style="width:20%">
+            <select size="4" style="visibility: hidden">
+              <option>This is pretty long text in the select</option>
+            </select>
+          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/406484-1-ref.html b/layout/reftests/bugs/406484-1-ref.html
new file mode 100644
index 0000000000..572e87035d
--- /dev/null
+++ b/layout/reftests/bugs/406484-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body style="border:3px solid;">
+  <div style="float:left;">Kitty</div>
+  <div>
+    <div><div style="clear:both"></div></div>
+    Kitty
+    <div style="clear:both">.</div>
+    <div style="float:left;"></div>
+  </div>
+  <div id="i">xxx</div>
+  <div style="clear:both"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/406484-1.html b/layout/reftests/bugs/406484-1.html
new file mode 100644
index 0000000000..effc63d39a
--- /dev/null
+++ b/layout/reftests/bugs/406484-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<body style="border:3px solid;">
+  <div style="float:left;">Kitty</div>
+  <div>
+    <div><div style="clear:both"></div></div>
+    Kitty
+    <div style="clear:both">.</div>
+    <div style="float:left;"></div>
+  </div>
+  <div id="i">x</div>
+  <div style="clear:both"></div>
+  <script>
+    document.body.offsetTop;
+    document.getElementById("i").textContent += "x";
+    document.body.offsetTop;
+    document.getElementById("i").textContent += "x";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/406568-1-ref.html b/layout/reftests/bugs/406568-1-ref.html
new file mode 100644
index 0000000000..4c7c1bd1ae
--- /dev/null
+++ b/layout/reftests/bugs/406568-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+&nbsp;
+<div style="position:relative; width:300px; background:grey;">
+  <div style="position:absolute; left:0; bottom:0px; width:250px; background:lime;">abs.pos.</div>
+  <div style="float:left; width:200px; height:200px; background:cyan;"></div>
+  <div style="clear:both;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/406568-1.html b/layout/reftests/bugs/406568-1.html
new file mode 100644
index 0000000000..82ec493ad8
--- /dev/null
+++ b/layout/reftests/bugs/406568-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+&nbsp;
+<div style="position:relative; width:300px; background:grey;">
+  <div style="position:absolute; left:0; bottom:0px; width:250px; background:lime;">abs.pos.</div>
+  <div style="float:left; width:200px; height:200px; background:cyan;"></div>
+  <script>document.body.offsetTop;</script>
+  <div style="clear:both;"></div>
+</div>
+<script>document.body.offsetTop;</script>      
+</body>
+</html>
diff --git a/layout/reftests/bugs/407016-1-a.html b/layout/reftests/bugs/407016-1-a.html
new file mode 100644
index 0000000000..28812bd6c8
--- /dev/null
+++ b/layout/reftests/bugs/407016-1-a.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<table style="width: 200px; border: 1px solid black;"><tr><td>
+<marquee scrollamount="0" style="background-color: lime;">
+  <div style="width: 2000px; height: 50px;"></div>
+</marquee>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/407016-1-b.html b/layout/reftests/bugs/407016-1-b.html
new file mode 100644
index 0000000000..5e0c72a616
--- /dev/null
+++ b/layout/reftests/bugs/407016-1-b.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<table style="width: 200px; border: 1px solid black;"><tr><td>
+<marquee scrollamount="0" behavior="alternate">
+  <div style="width: 2000px; height: 50px; background-color: lime;"></div>
+</marquee>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/407016-1-ref.html b/layout/reftests/bugs/407016-1-ref.html
new file mode 100644
index 0000000000..fd2a9ac051
--- /dev/null
+++ b/layout/reftests/bugs/407016-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<table style="width: 200px; border: 1px solid black;"><tr><td>
+<div style="background-color: lime; height: 50px;">
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/407078-1-ref.html b/layout/reftests/bugs/407078-1-ref.html
new file mode 100644
index 0000000000..a5486ef6ca
--- /dev/null
+++ b/layout/reftests/bugs/407078-1-ref.html
@@ -0,0 +1,21 @@
+<html><head>
+<style>
+body{
+font:normal 13px Verdana;
+}
+div {
+padding-right:7px;
+font-size:11px;
+}
+</style></head>
+<body>
+<table><tbody><tr><td>
+<div>
+<span>m m </span>
+</div>
+<div>
+<span>m</span>
+</div>
+</td></tr></tbody></table>
+
+</body></html>
diff --git a/layout/reftests/bugs/407078-1.html b/layout/reftests/bugs/407078-1.html
new file mode 100644
index 0000000000..d273580733
--- /dev/null
+++ b/layout/reftests/bugs/407078-1.html
@@ -0,0 +1,22 @@
+<html><head>
+<style>
+body{
+font:normal 13px Verdana;
+}
+div {
+padding-right:7px;
+font-size:11px;
+}
+</style></head>
+<body>
+<table><tbody><tr><td>
+<div>
+<span>m m </span>
+<br>
+</div>
+<div>
+<span>m</span>
+</div>
+</td></tr></tbody></table>
+
+</body></html>
diff --git a/layout/reftests/bugs/407095-1-ref.html b/layout/reftests/bugs/407095-1-ref.html
new file mode 100644
index 0000000000..348e8c8a69
--- /dev/null
+++ b/layout/reftests/bugs/407095-1-ref.html
@@ -0,0 +1,9 @@
+<DOCTYPE html>
+
+<html><body style="width: 400px;">
+
+<div style="overflow:scroll; background: yellow; height: 200px;">
+     
+</div>
+
+</body></html>
diff --git a/layout/reftests/bugs/407095-1.html b/layout/reftests/bugs/407095-1.html
new file mode 100644
index 0000000000..765a6efe6f
--- /dev/null
+++ b/layout/reftests/bugs/407095-1.html
@@ -0,0 +1,9 @@
+<DOCTYPE html>
+
+<html><body style="width: 400px;" onload="document.documentElement.appendChild(document.body)">
+
+<div style="overflow:scroll; background: yellow; height: 200px;">
+     
+</div>
+
+</body></html>
diff --git a/layout/reftests/bugs/407111-1-ref.html b/layout/reftests/bugs/407111-1-ref.html
new file mode 100644
index 0000000000..bd63b82657
--- /dev/null
+++ b/layout/reftests/bugs/407111-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style>
+b { white-space:nowrap; }
+div { border:1px solid black; }
+</style>
+</head>
+<body style="font-size:10px; width:200px; border:1px solid black"><b><img src="mozilla-banner.gif" width="100">T</b><br>
+<b><img src="mozilla-banner.gif" width="100">T</b></body>
+</html>
diff --git a/layout/reftests/bugs/407111-1.html b/layout/reftests/bugs/407111-1.html
new file mode 100644
index 0000000000..0b63ea1b8f
--- /dev/null
+++ b/layout/reftests/bugs/407111-1.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style>
+b { white-space:nowrap; }
+div { border:1px solid black; }
+</style>
+</head>
+<body style="font-size:10px; width:200px; border:1px solid black"><b><img src="mozilla-banner.gif" width="100">T</b>
+<b><img src="mozilla-banner.gif" width="100">T</b></br></body>
+</html>
diff --git a/layout/reftests/bugs/407227-1-ref.html b/layout/reftests/bugs/407227-1-ref.html
new file mode 100644
index 0000000000..5e124064f6
--- /dev/null
+++ b/layout/reftests/bugs/407227-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+  <table bgcolor="lightgray" width="70">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50"><br><img width="50" height="50">
+        </td>
+      </tr>
+    </tbody>
+  </table>    
+</body>
+</html>
diff --git a/layout/reftests/bugs/407227-1.html b/layout/reftests/bugs/407227-1.html
new file mode 100644
index 0000000000..d16e9d6b15
--- /dev/null
+++ b/layout/reftests/bugs/407227-1.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+  <table bgcolor="lightgray" width="70">
+    <tbody>
+      <tr>
+        <td bgcolor="red">
+          <img width="50" height="50"> <img width="50" height="50">
+        </td>
+      </tr>
+    </tbody>
+  </table>    
+</body>
+</html>
diff --git a/layout/reftests/bugs/407243-1-ref.html b/layout/reftests/bugs/407243-1-ref.html
new file mode 100644
index 0000000000..06769250ce
--- /dev/null
+++ b/layout/reftests/bugs/407243-1-ref.html
@@ -0,0 +1,67 @@
+<html>
+<head><style>
+  tr        { height: 1em;  }
+  td.wide   { width: 500px; }
+
+  td.orange { background: orange;    }
+  td.purple { background: purple;    }
+  td.teal   { background: teal;      }
+  td.blue   { background: lightblue; }
+</style></head>
+<body>
+  <p>(x,x) labels indicate the column & row order of the orange cell.</p>
+
+  <br/>(0,0)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="orange wide"></td>
+      <td class="orange"></td>
+      <td class="purple"></td>
+    </td>
+    </tr><tr>
+      <td class="teal">x</td>
+      <td class="blue" colspan="2">y z</td>
+    </tr>
+  </table>
+
+  <br/>(0,1)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="teal">x</td>
+      <td class="blue" colspan="2">y z</td>
+    </td>
+    </tr><tr>
+      <td class="orange wide"></td>
+      <td class="orange"></td>
+
+      <td class="purple"></td>
+    </tr>
+  </table>
+
+  <br/>(1,0)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="purple"></td>
+      <td class="orange"></td>
+      <td class="orange wide"></td>
+    </td>
+    </tr><tr>
+      <td class="blue" colspan="2">y z</td>
+      <td class="teal">x</td>
+    </tr>
+  </table>
+
+  <br/>(1,1)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="blue" colspan="2">y z</td>
+      <td class="teal">x</td>
+    </td>
+    </tr><tr>
+      <td class="purple"></td>
+      <td class="orange"></td>
+      <td class="orange wide"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/407243-1.html b/layout/reftests/bugs/407243-1.html
new file mode 100644
index 0000000000..a5b3d82ec2
--- /dev/null
+++ b/layout/reftests/bugs/407243-1.html
@@ -0,0 +1,73 @@
+<html>
+<!-- This testcase asserts that in all the tables below, all 500px of the  --
+  -- orange colspanning cell's specified width should go to its first      --
+  -- spanned column.  Its second spanned column receives none of the       --
+  -- 500px, and it only gets a small amount of width by taking half of the --
+  -- light-blue cell's preferred width.                                    --
+  --                                                                       --
+  -- This happens because the first column starts with nonzero pref-width, --
+  -- whereas the second and third columns have zero pref-width.  Hence,    --
+  -- the orange colspanning cell favors the first column over the second,  --
+  -- whereas the lightblue colspanning cell distributes its width equally  --
+  -- between the second and third columns.                                 -->
+<head><style>
+  tr        { height: 1em;  }
+  td.wide   { width: 500px; }
+
+  td.orange { background: orange;    }
+  td.purple { background: purple;    }
+  td.teal   { background: teal;      }
+  td.blue   { background: lightblue; }
+</style></head>
+<body>
+  <p>(x,x) labels indicate the column & row order of the orange cell.</p>
+
+  <br/>(0,0)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="orange wide" colspan="2"></td>
+      <td class="purple"></td>
+    </td>
+    </tr><tr>
+      <td class="teal">x</td>
+      <td class="blue" colspan="2">y z</td>
+    </tr>
+  </table>
+
+  <br/>(0,1)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="teal">x</td>
+      <td class="blue" colspan="2">y z</td>
+    </td>
+    </tr><tr>
+      <td class="orange wide" colspan="2"></td>
+      <td class="purple"></td>
+    </tr>
+  </table>
+
+  <br/>(1,0)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="purple"></td>
+      <td class="orange wide" colspan="2"></td>
+    </td>
+    </tr><tr>
+      <td class="blue" colspan="2">y z</td>
+      <td class="teal">x</td>
+    </tr>
+  </table>
+
+  <br/>(1,1)
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="blue" colspan="2">y z</td>
+      <td class="teal">x</td>
+    </td>
+    </tr><tr>
+      <td class="purple"></td>
+      <td class="orange wide" colspan="2"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/407419-1-ref.html b/layout/reftests/bugs/407419-1-ref.html
new file mode 100644
index 0000000000..96abde25dd
--- /dev/null
+++ b/layout/reftests/bugs/407419-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+</head>
+<body>
+
+<span style="display: -moz-inline-box" id="s">hello world</span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/407419-1.html b/layout/reftests/bugs/407419-1.html
new file mode 100644
index 0000000000..4ba0cad4f3
--- /dev/null
+++ b/layout/reftests/bugs/407419-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+</head>
+<body onload="document.getElementById('s').firstChild.data = ('hello world');">
+
+<span style="display: -moz-inline-box" id="s"> </span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/407937-1-ref.html b/layout/reftests/bugs/407937-1-ref.html
new file mode 100644
index 0000000000..b2025a4d39
--- /dev/null
+++ b/layout/reftests/bugs/407937-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<div style="width:1px"><b>T</b>T</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/407937-1.html b/layout/reftests/bugs/407937-1.html
new file mode 100644
index 0000000000..af435c77ce
--- /dev/null
+++ b/layout/reftests/bugs/407937-1.html
@@ -0,0 +1,5 @@
+<html class="reftest-wait">
+<body onload="var d = document.getElementById('d'); d.removeChild(d.firstChild); document.documentElement.className='';">
+<div style="width:1px"><b>T</b><span id="d"> </span>T</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/408493-1.html b/layout/reftests/bugs/408493-1.html
new file mode 100644
index 0000000000..7b7eff6612
--- /dev/null
+++ b/layout/reftests/bugs/408493-1.html
@@ -0,0 +1,16 @@
+<html>
+
+<head>
+<style type="text/css">
+
+body { column-count: 2; }
+span { white-space: pre; }
+body:first-letter { }
+
+</style>
+</head>
+
+<body onload="document.body.removeChild(document.body.lastChild);"><span>
+</span>b</body>
+
+</html>
diff --git a/layout/reftests/bugs/408493-2-ref.html b/layout/reftests/bugs/408493-2-ref.html
new file mode 100644
index 0000000000..d3d518fdbf
--- /dev/null
+++ b/layout/reftests/bugs/408493-2-ref.html
@@ -0,0 +1,14 @@
+<html>
+
+<head>
+<style type="text/css">
+
+body { column-count: 2; }
+body:first-letter { color:blue; font-size:400%; }
+
+</style>
+</head>
+
+<body>T</body>
+
+</html>
diff --git a/layout/reftests/bugs/408493-2.html b/layout/reftests/bugs/408493-2.html
new file mode 100644
index 0000000000..65d3bc92ae
--- /dev/null
+++ b/layout/reftests/bugs/408493-2.html
@@ -0,0 +1,16 @@
+<html>
+
+<head>
+<style type="text/css">
+
+body { column-count: 2; }
+span { white-space: pre; }
+body:first-letter { color:blue; font-size:400%; }
+
+</style>
+</head>
+
+<body onload="var span=document.getElementById('span'); span.removeChild(span.lastChild);"><span id="span">T
+</span>T</body>
+
+</html>
diff --git a/layout/reftests/bugs/408656-1-ref.html b/layout/reftests/bugs/408656-1-ref.html
new file mode 100644
index 0000000000..9e3050c191
--- /dev/null
+++ b/layout/reftests/bugs/408656-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head><style>
+body {
+  margin: 0px;
+}
+div {
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+  margin: 100px;
+}
+</style></head>
+<body>
+<div/>
+</body>
+</html>
diff --git a/layout/reftests/bugs/408656-1a.html b/layout/reftests/bugs/408656-1a.html
new file mode 100644
index 0000000000..638929eca9
--- /dev/null
+++ b/layout/reftests/bugs/408656-1a.html
@@ -0,0 +1,22 @@
+<html>
+<head><style>
+body {
+  margin: 0px;
+}
+span.a  {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+  overflow: hidden;
+}
+</style></head>
+<body>
+<script>document.body.offsetHeight;</script>
+<div style="padding: 100px;">
+  <span style="position: relative;">
+    <span class="a"></span>
+  </span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/408656-1b.html b/layout/reftests/bugs/408656-1b.html
new file mode 100644
index 0000000000..1d22d1487c
--- /dev/null
+++ b/layout/reftests/bugs/408656-1b.html
@@ -0,0 +1,25 @@
+<html>
+<head><style>
+body {
+  margin: 0px;
+}
+span.a  {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+  overflow: hidden;
+}
+</style></head>
+<body>
+<!-- Note: This variant testcase (with no whitespace   -->
+<!-- between </script> and <div>) only reproduces the  -->
+<!-- bug on nightlies after May 1st, 2005.             -->
+<script>document.body.offsetHeight;</script
+><div style="padding: 100px;">
+  <span style="position: relative;">
+    <span class="a"></span>
+  </span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/408656-1c.html b/layout/reftests/bugs/408656-1c.html
new file mode 100644
index 0000000000..82c55385a3
--- /dev/null
+++ b/layout/reftests/bugs/408656-1c.html
@@ -0,0 +1,21 @@
+<html>
+<head><style>
+body {
+  margin: 0px;
+}
+span.a  {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+  overflow: hidden;
+}
+</style></head>
+<body>
+<div style="padding: 100px;">
+  <span style="position: relative;">
+    <span class="a"></span>
+  </span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/408782-1-ref.html b/layout/reftests/bugs/408782-1-ref.html
new file mode 100644
index 0000000000..c40a081773
--- /dev/null
+++ b/layout/reftests/bugs/408782-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+
+<input id="i" type="image" src="moz-no-such-scheme:nothing">
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/408782-1a.html b/layout/reftests/bugs/408782-1a.html
new file mode 100644
index 0000000000..5a5c65f0a2
--- /dev/null
+++ b/layout/reftests/bugs/408782-1a.html
@@ -0,0 +1,9 @@
+<html class="reftest-wait">
+<head>
+</head>
+<body onload="document.getElementById('i').removeAttribute('alt'); document.documentElement.className='';">
+
+<input id="i" type="image" src="moz-no-such-scheme:nothing" alt="Alt">
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/408782-1b.html b/layout/reftests/bugs/408782-1b.html
new file mode 100644
index 0000000000..f4044508e3
--- /dev/null
+++ b/layout/reftests/bugs/408782-1b.html
@@ -0,0 +1,9 @@
+<html class="reftest-wait">
+<head>
+</head>
+<body onload="document.getElementById('i').removeAttribute('value'); document.documentElement.className='';">
+
+<input id="i" type="image" src="moz-no-such-scheme:nothing" value="Value">
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/408782-2-ref.html b/layout/reftests/bugs/408782-2-ref.html
new file mode 100644
index 0000000000..c5fbda2fe4
--- /dev/null
+++ b/layout/reftests/bugs/408782-2-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<input id="i" type="image" src="moz-no-such-scheme:nothing" alt="Alt">
+</body>
+</html>
diff --git a/layout/reftests/bugs/408782-2a.html b/layout/reftests/bugs/408782-2a.html
new file mode 100644
index 0000000000..2ad4ab5cd6
--- /dev/null
+++ b/layout/reftests/bugs/408782-2a.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<input id="i" type="image" src="moz-no-such-scheme:nothing" alt="Alt" value="Value">
+</body>
+</html>
diff --git a/layout/reftests/bugs/408782-2b.html b/layout/reftests/bugs/408782-2b.html
new file mode 100644
index 0000000000..1597dfaf2e
--- /dev/null
+++ b/layout/reftests/bugs/408782-2b.html
@@ -0,0 +1,9 @@
+<html class="reftest-wait">
+<head>
+</head>
+<body onload="document.getElementById('i').removeAttribute('alt'); document.documentElement.className='';">
+
+<input id="i" type="image" src="moz-no-such-scheme:nothing" value="Alt" alt="Value">
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/409084-1-ref.html b/layout/reftests/bugs/409084-1-ref.html
new file mode 100644
index 0000000000..5ae9e92080
--- /dev/null
+++ b/layout/reftests/bugs/409084-1-ref.html
@@ -0,0 +1,15 @@
+<html class="reftest-paged">
+<head><style>
+    td { vertical-align: top; }
+    .break { page-break-before: always; height: 1in }
+</style></head>
+<body>
+  <table cellspacing="0" cellpadding="0">
+    <tbody>
+      <tr><td rowspan="2">line 1<br/>line 2<br/>line 3</td></tr>
+      <tr><td><div class="tall"></iframe></td></tr>
+    </tbody>
+  </table>
+  <div class="break"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/409084-1a.html b/layout/reftests/bugs/409084-1a.html
new file mode 100644
index 0000000000..48f440edac
--- /dev/null
+++ b/layout/reftests/bugs/409084-1a.html
@@ -0,0 +1,20 @@
+<html class="reftest-paged">
+<head><style>
+    td { vertical-align: top; }
+    .tall {
+      height: 2.1in; /* just longer than a reftest-paged page. */
+      width:  1in;
+      float:  left;
+      border: 0px;
+    }
+</style></head>
+<body>
+  <table cellspacing="0" cellpadding="0">
+    <tbody>
+      <tr><td rowspan="2">line 1<br/>line 2<br/>line 3</td></tr>
+      <tr><td><iframe class="tall"></iframe></td></tr>
+    </tbody>
+  </table>
+  <br>
+</body>
+</html>
diff --git a/layout/reftests/bugs/409084-1b.html b/layout/reftests/bugs/409084-1b.html
new file mode 100644
index 0000000000..d710842e56
--- /dev/null
+++ b/layout/reftests/bugs/409084-1b.html
@@ -0,0 +1,21 @@
+<html class="reftest-paged">
+<head><style>
+    td { vertical-align: top; }
+    .tall {
+      height: 2.1in; /* just longer than a reftest-paged page. */
+      width:  1in;
+      float:  left;
+      border: 0px;
+    }
+</style></head>
+<body>
+  <table cellspacing="0" cellpadding="0">
+    <tbody></tbody>
+    <tfoot>
+      <tr><td rowspan="2">line 1<br/>line 2<br/>line 3</td></tr>
+      <tr><td><iframe class="tall"></iframe></td></tr>
+    </tfoot>
+  </table>
+  <br>
+</body>
+</html>
diff --git a/layout/reftests/bugs/409659-1-ref.html b/layout/reftests/bugs/409659-1-ref.html
new file mode 100644
index 0000000000..f900be5437
--- /dev/null
+++ b/layout/reftests/bugs/409659-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <img src="solidblue.png" style="height: 4in; width: 100px; display: block">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/409659-1a.html b/layout/reftests/bugs/409659-1a.html
new file mode 100644
index 0000000000..1b5de9a529
--- /dev/null
+++ b/layout/reftests/bugs/409659-1a.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <input type="image" src="solidblue.png"
+           style="height: 4in; width: 100px; display: block">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/409659-1b.html b/layout/reftests/bugs/409659-1b.html
new file mode 100644
index 0000000000..ce8168a3b7
--- /dev/null
+++ b/layout/reftests/bugs/409659-1b.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <img src="solidblue.png" style="height: 2in; width: 100px; display: block">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/409659-1c.html b/layout/reftests/bugs/409659-1c.html
new file mode 100644
index 0000000000..f7001a387b
--- /dev/null
+++ b/layout/reftests/bugs/409659-1c.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <img src="solidblue.png" style="height: 30in; width: 100px; display: block">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/409659-1d.html b/layout/reftests/bugs/409659-1d.html
new file mode 100644
index 0000000000..3b68464f2a
--- /dev/null
+++ b/layout/reftests/bugs/409659-1d.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <img src="solidblue.png" style="height: 1in; width: 100px; display: block">
+    <img src="solidblue.png" style="height: 1in; width: 100px; display: block">
+    <img src="solidblue.png" style="height: 1in; width: 100px; display: block">
+    <img src="solidblue.png" style="height: 1in; width: 100px; display: block">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/410621-1-ref.html b/layout/reftests/bugs/410621-1-ref.html
new file mode 100644
index 0000000000..49a51d5cec
--- /dev/null
+++ b/layout/reftests/bugs/410621-1-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+td {
+ border: 4px solid green;
+}
+table {
+ border-collapse: collapse;
+}
+</style>
+</head>
+<body>
+<div style="height: 20em;">
+ <table align="left">
+  <tr>
+   <td>Entry 1</td>
+   <td>Value 1</td>
+  </tr>
+  <tr>
+   <td>Entry 2</td>
+   <td>Value 2</td>
+  </tr>
+  <tr>
+   <td>Entry 3</td>
+   <td>Value 3</td>
+  </tr>
+  <tr>
+   <td>Entry 4</td>
+   <td>Value 4</td>
+  </tr>
+ </table>
+ <table align="center">
+  <tr>
+   <td>Entry 1</td>
+   <td>Value 1</td>
+  </tr>
+  <tr>
+   <td>Entry 2</td>
+   <td>Value 2</td>
+  </tr>
+  <tr>
+   <td>Entry 3</td>
+   <td>Value 3</td>
+  </tr>
+  <tr>
+   <td>Entry 4</td>
+   <td>Value 4</td>
+  </tr>
+ </table>
+ <table align="right">
+  <tr>
+   <td>Entry 1</td>
+   <td>Value 1</td>
+  </tr>
+  <tr>
+   <td>Entry 2</td>
+   <td>Value 2</td>
+  </tr>
+  <tr>
+   <td>Entry 3</td>
+   <td>Value 3</td>
+  </tr>
+  <tr>
+   <td>Entry 4</td>
+   <td>Value 4</td>
+  </tr>
+ </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/410621-1.html b/layout/reftests/bugs/410621-1.html
new file mode 100644
index 0000000000..38b04b8f03
--- /dev/null
+++ b/layout/reftests/bugs/410621-1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+td {
+ border: 4px solid green;
+}
+table {
+ border-collapse: collapse;
+}
+</style>
+</head>
+<body>
+<div style="overflow: auto; height: 20em;">
+ <table align="left">
+  <tr>
+   <td>Entry 1</td>
+   <td>Value 1</td>
+  </tr>
+  <tr>
+   <td>Entry 2</td>
+   <td>Value 2</td>
+  </tr>
+  <tr>
+   <td>Entry 3</td>
+   <td>Value 3</td>
+  </tr>
+  <tr>
+   <td>Entry 4</td>
+   <td>Value 4</td>
+  </tr>
+ </table>
+ <table align="center">
+  <tr>
+   <td>Entry 1</td>
+   <td>Value 1</td>
+  </tr>
+  <tr>
+   <td>Entry 2</td>
+   <td>Value 2</td>
+  </tr>
+  <tr>
+   <td>Entry 3</td>
+   <td>Value 3</td>
+  </tr>
+  <tr>
+   <td>Entry 4</td>
+   <td>Value 4</td>
+  </tr>
+ </table>
+ <table align="right">
+  <tr>
+   <td>Entry 1</td>
+   <td>Value 1</td>
+  </tr>
+  <tr>
+   <td>Entry 2</td>
+   <td>Value 2</td>
+  </tr>
+  <tr>
+   <td>Entry 3</td>
+   <td>Value 3</td>
+  </tr>
+  <tr>
+   <td>Entry 4</td>
+   <td>Value 4</td>
+  </tr>
+ </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411059-1-ref.html b/layout/reftests/bugs/411059-1-ref.html
new file mode 100644
index 0000000000..088c8b0691
--- /dev/null
+++ b/layout/reftests/bugs/411059-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p { float:left; white-space:pre; border:1px solid black; clear:both; }
+.letterspace { letter-spacing:4px; }
+.space { padding:0 4px 0 0; }
+table { clear:both; }
+</style>
+</head>
+<body>
+
+<p>
+        a
+</p>
+
+<div style="width:0">
+  <p>
+        a
+  </p>
+</div>
+
+<p>
+<span class="letterspace">        </span><span class="space">a</span>
+</p>
+
+<div style="width:0">
+  <p>
+<span class="letterspace">        </span><span class="space">a</span>
+  </p>
+</div>
+
+<table><tr>
+  <td style="background-color:#808080;"><pre>
+test
+abcdefg hijklm  nopqr   stuv    wxy     z0      1       
+  </pre></td>
+  <td style="background-color:#c08080;">cell 2</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/411059-1.html b/layout/reftests/bugs/411059-1.html
new file mode 100644
index 0000000000..da69720f7c
--- /dev/null
+++ b/layout/reftests/bugs/411059-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p { float:left; white-space:pre; border:1px solid black; clear:both; }
+.letterspace { letter-spacing:4px; }
+table { clear:both; }
+</style>
+</head>
+<body>
+
+<p>
+	a
+</p>
+
+<div style="width:0">
+  <p>
+	a
+  </p>
+</div>
+
+<!-- there should be no letter-spacing after the tab, because letter-spacing is
+     already incorporated into the calculation of the tab position, but there
+     will be 4px after the a -->
+<p class="letterspace">
+	a
+</p>
+
+<div style="width:0">
+  <p class="letterspace">
+	a
+  </p>
+</div>
+
+<table><tr>
+  <td style="background-color:#808080;"><pre>
+test
+abcdefg	hijklm	nopqr	stuv	wxy	z0	1	
+  </pre></td>
+  <td style="background-color:#c08080;">cell 2</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/411334-1-ref.xml b/layout/reftests/bugs/411334-1-ref.xml
new file mode 100644
index 0000000000..8996ae0435
--- /dev/null
+++ b/layout/reftests/bugs/411334-1-ref.xml
@@ -0,0 +1,7 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<div style="font-family: serif; font-size: 100px; padding-left:10px;">
+  W<img style="width:0px; height:200px;" src="mozilla-banner.gif"/>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411334-1.xml b/layout/reftests/bugs/411334-1.xml
new file mode 100644
index 0000000000..91a4b3efa9
--- /dev/null
+++ b/layout/reftests/bugs/411334-1.xml
@@ -0,0 +1,7 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" style="font-family: serif; font-size: 100px;" height="500" width="500">
+  <text x="10" y="200">W</text>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411585-1-ref.html b/layout/reftests/bugs/411585-1-ref.html
new file mode 100644
index 0000000000..c21437c279
--- /dev/null
+++ b/layout/reftests/bugs/411585-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="position:absolute; top:0; left:0;">This text should be visible in print preview</div>
+<div style="height:800px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411585-1.html b/layout/reftests/bugs/411585-1.html
new file mode 100644
index 0000000000..40bef4ba5c
--- /dev/null
+++ b/layout/reftests/bugs/411585-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="height:800px;"></div>
+<div style="position:absolute; top:0; left:0;">This text should be visible in print preview</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411585-2-ref.html b/layout/reftests/bugs/411585-2-ref.html
new file mode 100644
index 0000000000..d6b223b31f
--- /dev/null
+++ b/layout/reftests/bugs/411585-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="position:absolute; top:0; left:0; width:100px; height:100px; background:black; opacity:0.5;">Hi</div>
+<div style="height:800px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411585-2.html b/layout/reftests/bugs/411585-2.html
new file mode 100644
index 0000000000..b87d91b386
--- /dev/null
+++ b/layout/reftests/bugs/411585-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="height:800px;"></div>
+<div style="opacity:0.5;">
+  <div style="position:absolute; top:0; left:0; width:100px; height:100px; background:black;">Hi</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411585-3-ref.html b/layout/reftests/bugs/411585-3-ref.html
new file mode 100644
index 0000000000..bc4471a443
--- /dev/null
+++ b/layout/reftests/bugs/411585-3-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body style="margin:0">
+<div style="position:absolute; top:0; left:0; width:100px; height:100px; background:black;">Hi</div>
+<div style="height:800px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411585-3.html b/layout/reftests/bugs/411585-3.html
new file mode 100644
index 0000000000..ca8d5c3b91
--- /dev/null
+++ b/layout/reftests/bugs/411585-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body style="margin:0">
+<div style="height:800px;"></div>
+<div style="position:absolute; clip:rect(-800px 200px 100px 0px);">
+  <div style="position:absolute; top:-800px; left:0; width:100px; height:100px; background:black;">Hi</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411792-1-ref.html b/layout/reftests/bugs/411792-1-ref.html
new file mode 100644
index 0000000000..8fda116056
--- /dev/null
+++ b/layout/reftests/bugs/411792-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>One<br>Two<br>Three</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/411792-1.html b/layout/reftests/bugs/411792-1.html
new file mode 100644
index 0000000000..a14fe491f0
--- /dev/null
+++ b/layout/reftests/bugs/411792-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="width:0">
+<div style="white-space:pre-wrap">One
+Two Three</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/412093-1-ref.html b/layout/reftests/bugs/412093-1-ref.html
new file mode 100644
index 0000000000..799b337238
--- /dev/null
+++ b/layout/reftests/bugs/412093-1-ref.html
@@ -0,0 +1,49 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Bidi text in inline with background image</title>
+  <style type="text/css">
+body {
+  font-size: 0;
+}
+i {
+  background-image: url(mozilla-banner.gif);
+  background-repeat: no-repeat;
+}
+i, b {
+  padding: 29px 30px;
+  line-height: 58px;
+}
+.l0{
+  background-position: 0 0;
+}
+.l60{
+  background-position: -60px 0;
+}
+.l120{
+  background-position: -120px 0;
+}
+.l180{
+  background-position: -180px 0;
+}
+.r0{
+  background-position: -540px 0;
+}
+.r60{
+  background-position: -480px 0;
+}
+.r120{
+  background-position: -420px 0;
+}
+.r180{
+  background-position: -360px 0;
+}
+  </style>
+ </head>
+<body>
+  <p dir="rtl"><i class="l180"></i><br><i class="l120"></i><i class="l60"></i><b></b><i class="l0"></i></p>
+  <p dir="rtl"><i class="r0"></i><br><i class="r60"></i><i class="r120"></i><b></b><i class="r180"></i></p>
+  <p dir="ltr"><i class="l0"></i><br><i class="l60"></i><b></b><i class="l120"></i><i class="l180"></i></p>
+  <p dir="ltr"><i class="r180"></i><br><i class="r120"></i><b></b><i class="r60"></i><i class="r0"></i></p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/412093-1.html b/layout/reftests/bugs/412093-1.html
new file mode 100644
index 0000000000..9d1ca10ca2
--- /dev/null
+++ b/layout/reftests/bugs/412093-1.html
@@ -0,0 +1,30 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Bidi text in inline with background image</title>
+  <style type="text/css">
+body {
+  font-size: 0;
+}
+span {
+  padding: 29px 0;
+  line-height: 58px;
+}
+.bgleft {
+  background: url(mozilla-banner.gif) no-repeat;
+}
+.bgright {
+  background: url(mozilla-banner.gif) no-repeat right top;
+}
+i {
+  padding: 30px;
+}
+  </style>
+ </head>
+<body>
+  <p dir="rtl"><span class="bgleft"><i>&rlm;</i><br><i>&lrm;</i><i>&rlm;</i><i>&lrm;</i></span><i>&lrm;</i></p>
+  <p dir="rtl"><span class="bgright"><i>&rlm;</i><br><i>&lrm;</i><i>&rlm;</i><i>&lrm;</i></span><i>&lrm;</i></p>
+  <p dir="ltr"><span class="bgleft"><i>&lrm;</i><br><i>&lrm;</i><i>&rlm;</i><i dir="ltr">&lrm;</i></span><i>&rlm;</i></p>
+  <p dir="ltr"><span class="bgright"><i>&lrm;</i><br><i>&lrm;</i><i>&rlm;</i><i dir="ltr">&lrm;</i></span><i>&rlm;</i></p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/412352-1-ref.html b/layout/reftests/bugs/412352-1-ref.html
new file mode 100644
index 0000000000..e70fef0671
--- /dev/null
+++ b/layout/reftests/bugs/412352-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head></head>
+
+<body>
+
+<div style="position: absolute;"><input id="input" type="file" style="position: absolute;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/412352-1.html b/layout/reftests/bugs/412352-1.html
new file mode 100644
index 0000000000..a357162e82
--- /dev/null
+++ b/layout/reftests/bugs/412352-1.html
@@ -0,0 +1,14 @@
+<html>
+<head></head>
+
+<body>
+
+<div style="position: absolute;"><input id="input" type="file"></div>
+
+<script>
+document.body.offsetHeight;
+document.getElementById("input").style.position = "absolute";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/412352-2-ref.html b/layout/reftests/bugs/412352-2-ref.html
new file mode 100644
index 0000000000..d0066885f8
--- /dev/null
+++ b/layout/reftests/bugs/412352-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head></head>
+
+<body>
+
+<div style="position: absolute; outline: 1px solid magenta;"><input id="input" type="file" style="position: absolute;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/412352-2.html b/layout/reftests/bugs/412352-2.html
new file mode 100644
index 0000000000..504012747a
--- /dev/null
+++ b/layout/reftests/bugs/412352-2.html
@@ -0,0 +1,14 @@
+<html>
+<head></head>
+
+<body>
+
+<div style="position: absolute; outline: 1px solid magenta;"><input id="input" type="file"></div>
+
+<script>
+document.body.offsetHeight;
+document.getElementById("input").style.position = "absolute";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/412607-1-ref.html b/layout/reftests/bugs/412607-1-ref.html
new file mode 100644
index 0000000000..e3a830edbe
--- /dev/null
+++ b/layout/reftests/bugs/412607-1-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style>
+  div.wrapper { 
+    width:  80px;
+    height: 30px;
+  }
+  div.a, div.b {
+    height: 20px;
+    display: inline-block;
+  }
+  div.a {
+    width: 20px;
+    background: blue;
+  }
+  div.b { 
+    width: 80px; 
+    background: green;
+  }
+</style>
+</head>
+<body>
+  <div class="wrapper">
+    <div class="a"></div> <div class="b"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/412607-1a.html b/layout/reftests/bugs/412607-1a.html
new file mode 100644
index 0000000000..24b66af45d
--- /dev/null
+++ b/layout/reftests/bugs/412607-1a.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style>
+  div.wrapper { 
+    width:  100px;
+    height: 30px;
+  }
+  div.a, div.b {
+    height: 20px;
+    display: inline-block;
+  }
+  div.a {
+    width: 20px;
+    background: blue;
+  }
+  div.b { 
+    width: 80px; 
+    background: green;
+  }
+</style>
+</head>
+<body>
+  <div class="wrapper">
+    <div class="a"></div> <div class="b"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/412607-1b.html b/layout/reftests/bugs/412607-1b.html
new file mode 100644
index 0000000000..8ffb4661fd
--- /dev/null
+++ b/layout/reftests/bugs/412607-1b.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style>
+  div.wrapper { 
+    width:  101px;
+    height: 30px;
+  }
+  div.a, div.b {
+    height: 20px;
+    display: inline-block;
+  }
+  div.a {
+    width: 20px;
+    background: blue;
+  }
+  div.b { 
+    width: 80px; 
+    background: green;
+  }
+</style>
+</head>
+<body>
+  <div class="wrapper">
+    <div class="a"></div> <div class="b"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/412679-1-ref.html b/layout/reftests/bugs/412679-1-ref.html
new file mode 100644
index 0000000000..6e8afb4599
--- /dev/null
+++ b/layout/reftests/bugs/412679-1-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: fixed;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+}
+
+#green {
+  position: fixed;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+}
+
+#blue {
+  position: fixed;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: fixed;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<iframe id=red></iframe>
+<iframe id=green></iframe>
+<iframe id=blue></iframe>
+<iframe id=yellow></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/412679-1.html b/layout/reftests/bugs/412679-1.html
new file mode 100644
index 0000000000..eb0892321a
--- /dev/null
+++ b/layout/reftests/bugs/412679-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: fixed;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+  right: 100px;
+  bottom: 100px;
+}
+
+#green {
+  position: fixed;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+  bottom: 100px;
+}
+
+#blue {
+  position: fixed;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  right: 100px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: fixed;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<iframe id=red></iframe>
+<iframe id=green></iframe>
+<iframe id=blue></iframe>
+<iframe id=yellow></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/412679-2-ref.html b/layout/reftests/bugs/412679-2-ref.html
new file mode 100644
index 0000000000..f054f6992f
--- /dev/null
+++ b/layout/reftests/bugs/412679-2-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+}
+
+#green {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+}
+
+#blue {
+  position: absolute;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: absolute;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<iframe id=red></iframe>
+<iframe id=green></iframe>
+<iframe id=blue></iframe>
+<iframe id=yellow></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/412679-2.html b/layout/reftests/bugs/412679-2.html
new file mode 100644
index 0000000000..655bba9b9c
--- /dev/null
+++ b/layout/reftests/bugs/412679-2.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style>
+#red {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  left: 10px;
+  right: 100px;
+  bottom: 100px;
+}
+
+#green {
+  position: absolute;
+  background-color: blue;
+  top: 10px;
+  width: 80px;
+  right: 10px;
+  bottom: 100px;
+}
+
+#blue {
+  position: absolute;
+  background-color: blue;
+  left: 10px;
+  height: 80px;
+  right: 100px;
+  bottom: 10px;
+}
+
+#yellow {
+  position: absolute;
+  background-color: blue;
+  right: 10px;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+}
+
+</style>
+<script>
+
+</script>
+</head>
+<body>
+
+<iframe id=red></iframe>
+<iframe id=green></iframe>
+<iframe id=blue></iframe>
+<iframe id=yellow></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413027-2-ref.html b/layout/reftests/bugs/413027-2-ref.html
new file mode 100644
index 0000000000..f96e2fbba8
--- /dev/null
+++ b/layout/reftests/bugs/413027-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+
+<div style="float:left; border:4px dotted blue;">
+  <div>
+    <span style="display:inline-block; width:50px; height:200px; background:yellow;">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413027-2.html b/layout/reftests/bugs/413027-2.html
new file mode 100644
index 0000000000..319ffb153e
--- /dev/null
+++ b/layout/reftests/bugs/413027-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+
+<div style="display:-moz-box; height:20px; border:4px dotted blue;">
+  <div>
+    <span style="display:inline-block; width:50px; height:200px; background:yellow;">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413027-3-ref.html b/layout/reftests/bugs/413027-3-ref.html
new file mode 100644
index 0000000000..837cb6bd5c
--- /dev/null
+++ b/layout/reftests/bugs/413027-3-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+
+<div style="float:left; border:4px dotted blue;">
+  <div style="overflow:hidden">text<br>more text</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413027-3.html b/layout/reftests/bugs/413027-3.html
new file mode 100644
index 0000000000..3f8252de40
--- /dev/null
+++ b/layout/reftests/bugs/413027-3.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+
+<div style="display:-moz-box; height: 5px; border:4px dotted blue;">
+  <div style="overflow:hidden">text<br>more text</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-1-ref.html b/layout/reftests/bugs/413286-1-ref.html
new file mode 100644
index 0000000000..f4a464e5e6
--- /dev/null
+++ b/layout/reftests/bugs/413286-1-ref.html
@@ -0,0 +1,89 @@
+<html>
+  <head>
+    <style>
+      table     { width: 400px; height: 25px; }
+      td.blue   { background: lightblue;  }
+      td.green  { background: lightgreen; }
+      td.skinny { width: 100px }
+      td.medium { width: 200px }
+      td.wide   { width: 300px }
+    </style>
+  </head>
+  <body>
+    With colspan:
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+
+    Without colspan:
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <tbody><tr>
+        <td class="blue skinny"></td>
+        <td class="green wide"></td>
+      </tr></tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/413286-1a.html b/layout/reftests/bugs/413286-1a.html
new file mode 100644
index 0000000000..495072b168
--- /dev/null
+++ b/layout/reftests/bugs/413286-1a.html
@@ -0,0 +1,108 @@
+<html>
+  <head>
+    <style>
+      table     { width: 400px; height: 25px; font-size: 10px; }
+      td.blue   { background: lightblue;  color: rgba(0,0,0,0) }
+      td.green  { background: lightgreen; color: rgba(0,0,0,0) }
+      col.a     { width: 100px; }
+      col.c     { width: 25%;   }
+    </style>
+  </head>
+  <body>
+    With colspan:
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green" colspan="2"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green" colspan="2"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green" colspan="2">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green" colspan="2">xxx</td>
+      </tr></tbody>
+    </table>
+
+    Without colspan:
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green"></td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green"></td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green">xxx</td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green"></td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green">xxx</td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green"></td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green">xxx</td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green">xxx</td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/413286-1b.html b/layout/reftests/bugs/413286-1b.html
new file mode 100644
index 0000000000..d2e125b24a
--- /dev/null
+++ b/layout/reftests/bugs/413286-1b.html
@@ -0,0 +1,108 @@
+<html>
+  <head>
+    <style>
+      table     { width: 400px; height: 25px; font-size: 10px; }
+      td.blue   { background: lightblue;  color: rgba(0,0,0,0) }
+      td.green  { background: lightgreen; color: rgba(0,0,0,0) }
+      col.a     { width: 25%;   }
+      col.c     { width: 25%;   }
+    </style>
+  </head>
+  <body>
+    With colspan:
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green" colspan="2"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green" colspan="2"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green" colspan="2">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green" colspan="2">xxx</td>
+      </tr></tbody>
+    </table>
+
+    Without colspan:
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green"></td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green"></td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green">xxx</td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green"></td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green">xxx</td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green"></td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green">xxx</td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green">xxx</td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/413286-1c.html b/layout/reftests/bugs/413286-1c.html
new file mode 100644
index 0000000000..7e4b1db3c0
--- /dev/null
+++ b/layout/reftests/bugs/413286-1c.html
@@ -0,0 +1,108 @@
+<html>
+  <head>
+    <style>
+      table     { width: 400px; height: 25px; font-size: 10px; }
+      td.blue   { background: lightblue;  color: rgba(0,0,0,0) }
+      td.green  { background: lightgreen; color: rgba(0,0,0,0) }
+      col.a     { width: 100px; }
+      col.c     { width: 100px; }
+    </style>
+  </head>
+  <body>
+    With colspan:
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green" colspan="2"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green" colspan="2"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green" colspan="2">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green" colspan="2">xxx</td>
+      </tr></tbody>
+    </table>
+
+    Without colspan:
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green"></td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green"></td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green">xxx</td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green"></td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green">xxx</td>
+        <td class="green"></td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green"></td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue"></td>
+        <td class="green">xxx</td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+    <table cellspacing=0 cellpadding=0>
+      <colgroup><col class="a"/><col/><col class="c"/></colgroup>
+      <tbody><tr>
+        <td class="blue">xxx</td>
+        <td class="green">xxx</td>
+        <td class="green">xxx</td>
+      </tr></tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/413286-2-ref.html b/layout/reftests/bugs/413286-2-ref.html
new file mode 100644
index 0000000000..fda91a9e6c
--- /dev/null
+++ b/layout/reftests/bugs/413286-2-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Reference Case</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+    </tr><tr>
+      <td class="lime" style="width: 50px"></td>
+      <td class="blue" style="width: 450px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 50px"></td>
+      <td class="blue" style="width: 400px"></td>
+      <td class="pink" style="width: 50px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 50px"></td>
+      <td class="blue" style="width: 250px"></td>
+      <td class="pink" style="width: 200px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 50px"></td>
+      <td class="blue" style="width: 400px"></td>
+      <td class="pink" style="width: 50px"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-2a.html b/layout/reftests/bugs/413286-2a.html
new file mode 100644
index 0000000000..8af608a05f
--- /dev/null
+++ b/layout/reftests/bugs/413286-2a.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Spanning cell has no specified width</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+
+    td.lowPct    { width: 10% }
+    td.medPct    { width: 40% }
+    td.hiPct     { width: 50% }
+    td.specWidth { width: 50px }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+      <td class="yellow lowPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink lowPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+      <td class="yellow medPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink medPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+      <td class="yellow specWidth"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink specWidth"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-2b.html b/layout/reftests/bugs/413286-2b.html
new file mode 100644
index 0000000000..d4367a937e
--- /dev/null
+++ b/layout/reftests/bugs/413286-2b.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Spanning cell has nonzero pref & min width</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+
+    td.aquaText  { color: aqua }
+    td.lowPct    { width: 10% }
+    td.medPct    { width: 40% }
+    td.hiPct     { width: 50% }
+    td.specWidth { width: 50px }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua aquaText">text</td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua aquaText">text</td>
+      <td class="yellow lowPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink lowPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua aquaText">text</td>
+      <td class="yellow medPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink medPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua aquaText">text</td>
+      <td class="yellow specWidth"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink specWidth"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-2c.html b/layout/reftests/bugs/413286-2c.html
new file mode 100644
index 0000000000..38ade8b385
--- /dev/null
+++ b/layout/reftests/bugs/413286-2c.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Spanning cell has low percent width</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+
+    td.lowPct    { width: 10% }
+    td.medPct    { width: 40% }
+    td.hiPct     { width: 50% }
+    td.specWidth { width: 50px }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua lowPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua lowPct"></td>
+      <td class="yellow lowPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink lowPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua lowPct"></td>
+      <td class="yellow medPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink medPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua lowPct"></td>
+      <td class="yellow specWidth"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink specWidth"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-3-ref.html b/layout/reftests/bugs/413286-3-ref.html
new file mode 100644
index 0000000000..be091cdab7
--- /dev/null
+++ b/layout/reftests/bugs/413286-3-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Reference Case</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+    </tr><tr>
+      <td class="lime" style="width: 250px"></td>
+      <td class="blue" style="width: 250px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 250px"></td>
+      <td class="blue" style="width: 200px"></td>
+      <td class="pink" style="width: 50px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 250px"></td>
+      <td class="blue" style="width: 50px"></td>
+      <td class="pink" style="width: 200px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 250px"></td>
+      <td class="blue" style="width: 200px"></td>
+      <td class="pink" style="width: 50px"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-3.html b/layout/reftests/bugs/413286-3.html
new file mode 100644
index 0000000000..a5bc147029
--- /dev/null
+++ b/layout/reftests/bugs/413286-3.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Spanning cell has high percent width</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+
+    td.lowPct    { width: 10% }
+    td.medPct    { width: 40% }
+    td.hiPct     { width: 50% }
+    td.specWidth { width: 50px }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua hiPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua hiPct"></td>
+      <td class="yellow lowPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink lowPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua hiPct"></td>
+      <td class="yellow medPct"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink medPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua hiPct"></td>
+      <td class="yellow specWidth"></td>
+    </tr><tr>
+      <td class="lime specWidth"></td>
+      <td class="blue"></td>
+      <td class="pink specWidth"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-4-ref.html b/layout/reftests/bugs/413286-4-ref.html
new file mode 100644
index 0000000000..f19e6c3cd8
--- /dev/null
+++ b/layout/reftests/bugs/413286-4-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>First two columns have no width</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+    </tr><tr>
+      <td class="lime" style="width: 250px"></td>
+      <td class="blue" style="width: 250px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 225px"></td>
+      <td class="blue" style="width: 225px"></td>
+      <td class="pink" style="width: 50px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 150px"></td>
+      <td class="blue" style="width: 150px"></td>
+      <td class="pink" style="width: 200px"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow"></td>
+    </tr><tr>
+      <td class="lime" style="width: 225px"></td>
+      <td class="blue" style="width: 225px"></td>
+      <td class="pink" style="width: 50px"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-4a.html b/layout/reftests/bugs/413286-4a.html
new file mode 100644
index 0000000000..a2c53d8834
--- /dev/null
+++ b/layout/reftests/bugs/413286-4a.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Span & its columns have no width</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+
+    td.lowPct    { width: 10% }
+    td.medPct    { width: 40% }
+    td.specWidth { width: 50px }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+      <td class="yellow lowPct"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+      <td class="pink lowPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+      <td class="yellow medPct"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+      <td class="pink medPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td colspan="2" class="aqua"></td>
+      <td class="yellow specWidth"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+      <td class="pink specWidth"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-4b.html b/layout/reftests/bugs/413286-4b.html
new file mode 100644
index 0000000000..1c2b43efe4
--- /dev/null
+++ b/layout/reftests/bugs/413286-4b.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>First two columns have no width</title>
+  <style>
+    table     { width: 500px;      }
+    td        { height: 2em;       }
+    td.aqua   { background: aqua   }
+    td.lime   { background: lime   }
+    td.blue   { background: blue   }
+    td.pink   { background: pink   }
+    td.yellow { background: yellow }
+
+    td.lowPct    { width: 10% }
+    td.medPct    { width: 40% }
+    td.specWidth { width: 50px }
+  </style>
+</head>
+<body>
+  <h2>No third column</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with low percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow lowPct"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+      <td class="pink lowPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with medium percent width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow medPct"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+      <td class="pink medPct"></td>
+    </tr>
+  </table>
+
+  <h2>Third column with preferred width</h2>
+  <table cellpadding="0" cellspacing="0">
+    <tr>
+      <td class="aqua"></td>
+      <td class="aqua"></td>
+      <td class="yellow specWidth"></td>
+    </tr><tr>
+      <td class="lime"></td>
+      <td class="blue"></td>
+      <td class="pink specWidth"></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-5-ref.html b/layout/reftests/bugs/413286-5-ref.html
new file mode 100644
index 0000000000..70b3029542
--- /dev/null
+++ b/layout/reftests/bugs/413286-5-ref.html
@@ -0,0 +1,68 @@
+<html>
+<head><style>
+  table        { width: 600px  }
+  td.smallSpec { width: 100px; }
+  td.bigSpec   { width: 500px; }
+  td.smallPct  { width: 10%;   }
+  td.bigPct    { width: 90%;   }
+  td.pink      { background: pink }
+  td.teal      { background: teal }
+</style></head>
+<body>
+
+<h2>Other column fixed-width</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="bigSpec teal"/>
+  </tr>
+</table>
+
+<h2>Other column percent-width</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="bigPct teal"/>
+  </tr>
+</table>
+
+<h2>Other column fixed-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="bigSpec teal"/>
+  </tr>
+</table>
+
+<h2>Other column percent-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="bigPct teal"/>
+  </tr>
+</table>
+
+<h2>Other column fixed-width; two zero columns with colspan</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="bigSpec teal"/>
+  </tr>
+</table>
+
+<h2>Other column percent-width; two zero columns with colspan</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="bigPct teal"/>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-5.html b/layout/reftests/bugs/413286-5.html
new file mode 100644
index 0000000000..df72e6ede0
--- /dev/null
+++ b/layout/reftests/bugs/413286-5.html
@@ -0,0 +1,68 @@
+<html>
+<head><style>
+  table        { width: 600px  }
+  td.smallSpec { width: 100px; }
+  td.smallPct  { width: 10%;   }
+  td.pink      { background: pink }
+  td.teal      { background: teal }
+</style></head>
+<body>
+
+<h2>Other column fixed-width</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="teal"/>
+  </tr>
+</table>
+
+<h2>Other column percent-width</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="teal"/>
+  </tr>
+</table>
+
+<h2>Other column fixed-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="teal"/>
+  </tr>
+  <tr><td colspan="2"/></tr>
+</table>
+
+<h2>Other column percent-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="teal"/>
+  </tr>
+  <tr><td colspan="2"/></tr>
+</table>
+
+<h2>Other column fixed-width; two zero columns with colspan</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="teal" colspan="2"/>
+  </tr>
+</table>
+
+<h2>Other column percent-width; two zero columns with colspan</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="teal" colspan="2"/>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-6-ref.html b/layout/reftests/bugs/413286-6-ref.html
new file mode 100644
index 0000000000..65e3ae50fa
--- /dev/null
+++ b/layout/reftests/bugs/413286-6-ref.html
@@ -0,0 +1,48 @@
+<html>
+<head><style>
+  table        { width: 600px; }
+  td.smallSpec { width: 100px; }
+  td.bigSpec   { width: 500px; }
+  td.smallPct  { width: 10%;   }
+  td.bigPct    { width: 90%;   }
+  td.pink      { background: pink; }
+  td.teal      { background: teal; }
+</style></head>
+<body>
+
+<h2>Other column fixed-width; two zero columns with colspan; explicit 0 width on span</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="bigSpec teal"/>
+  </tr>
+</table>
+
+<h2>Other column percent-width; two zero columns with colspan; explicit 0 width on span</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="bigPct teal"/>
+  </tr>
+</table>
+
+<h2>Other column fixed-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="pink">100</td>
+  </tr>
+</table>
+
+<h2>Other column percent-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="pink">10%</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413286-6.html b/layout/reftests/bugs/413286-6.html
new file mode 100644
index 0000000000..2b71da8ac2
--- /dev/null
+++ b/layout/reftests/bugs/413286-6.html
@@ -0,0 +1,51 @@
+<html>
+<head><style>
+  table        { width: 600px; }
+  td.smallSpec { width: 100px; }
+  td.zeroSpec  { width: 0px;   }
+  td.smallPct  { width: 10%;   }
+  td.pink      { background: pink; }
+  td.teal      { background: teal; }
+</style></head>
+<body>
+
+<h2>Other column fixed-width; two zero columns with colspan; explicit 0 width on span</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="zeroSpec teal" colspan="2"/>
+  </tr>
+</table>
+
+<h2>Other column percent-width; two zero columns with colspan; explicit 0 width on span</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="zeroSpec teal" colspan="2"/>
+  </tr>
+</table>
+
+<h2>Other column fixed-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallSpec pink">100</td>
+    <td class="zeroSpec teal"/>
+  </tr>
+  <tr><td colspan="2"/></tr>
+</table>
+
+<h2>Other column percent-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2>
+
+<table cellspacing="0" cellpadding="0">
+  <tr>
+    <td class="smallPct pink">10%</td>
+    <td class="zeroSpec teal"/>
+  </tr>
+  <tr><td colspan="2"/></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413292-1-ref.html b/layout/reftests/bugs/413292-1-ref.html
new file mode 100644
index 0000000000..183e420526
--- /dev/null
+++ b/layout/reftests/bugs/413292-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+    body { font-family: sans-serif; }
+    </style>
+  </head>
+  <body>
+    Done
+  </body>
+</html>
diff --git a/layout/reftests/bugs/413292-1.html b/layout/reftests/bugs/413292-1.html
new file mode 100644
index 0000000000..8b780be799
--- /dev/null
+++ b/layout/reftests/bugs/413292-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+
+<style>
+  body { font-family: sans-serif; }
+</style>
+
+<script type="text/javascript">
+var loopCount = 0;
+var pause = 10; // smaller values make the bug more likely to occur
+var src = "data:text/html,iframe 1 <iframe width='100' height='100' src='data:text/html,iframe 2'>";
+var start = new Date();
+
+function ap()
+{
+  document.getElementById("div").style.position = "absolute";
+  setTimeout(bp, pause);
+}
+
+function bp()
+{
+  document.getElementById("div").style.position = "";
+  setTimeout(cp, pause);
+}
+
+function cp()
+{
+  document.getElementById("iframe").setAttribute("src", src);
+  setTimeout(nextIteration, pause);
+}
+
+function nextIteration()
+{
+  var now = new Date();
+  loopCount++;
+  if (loopCount < 20 && now - start < 5000) {
+    ap();
+  } else {
+    document.body.textContent = "Done";
+    document.documentElement.className = '';
+  }
+}
+</script>
+
+</head>
+
+<body onload="ap();"><div id="div"><iframe id="iframe"></iframe></div></body>
+</html>
diff --git a/layout/reftests/bugs/413361-1-ref.html b/layout/reftests/bugs/413361-1-ref.html
new file mode 100644
index 0000000000..463d45f2a8
--- /dev/null
+++ b/layout/reftests/bugs/413361-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>testcase</title>
+<style>
+img{
+	width: 252px;
+}
+</style>
+	</head>
+	<body>
+	<img src="mozilla-banner.gif" alt="">
+</body>
+</html>
diff --git a/layout/reftests/bugs/413361-1.html b/layout/reftests/bugs/413361-1.html
new file mode 100644
index 0000000000..a38daa53da
--- /dev/null
+++ b/layout/reftests/bugs/413361-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>testcase</title>
+<style>
+img{
+	max-width: 126px;
+	min-width: 252px;
+	width: 252px;
+}
+</style>
+	</head>
+	<body>
+	<img src="mozilla-banner.gif" alt="">
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-background-unchanged-ref.html b/layout/reftests/bugs/413840-background-unchanged-ref.html
new file mode 100644
index 0000000000..d412649ee2
--- /dev/null
+++ b/layout/reftests/bugs/413840-background-unchanged-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test case for list items flowing around floats</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	ul, ol, li { margin-top: 0; margin-bottom: 0; }
+	li { height: 2em; background: aqua; color: black; }
+
+	</style>
+</head>
+<body>
+
+<div style="background: aqua; color: black; margin-left: 40px">
+<div style="margin-left: -40px">
+<div style="margin-left: 60px"><ol start="1"><li>one</li></ol></div>
+<div style="margin-left: 60px"><ol start="2"><li>two</li></ol></div>
+<ol start="3"><li>three</li></ol>
+<ol start="4"><li>four</li></ol>
+</div>
+</div>
+
+<div style="background: aqua; color: black; margin-left: 40px">
+<div style="margin-left: -40px">
+<div style="margin-left: 60px"><ul><li>one</li></ul></div>
+<div style="margin-left: 60px"><ul><li>two</li></ul></div>
+<ul><li>three</li></ul>
+<ul><li>four</li></ul>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-background-unchanged.html b/layout/reftests/bugs/413840-background-unchanged.html
new file mode 100644
index 0000000000..685cdfebdb
--- /dev/null
+++ b/layout/reftests/bugs/413840-background-unchanged.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test case for list items flowing around floats</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	div { float: left; height: 3em; width: 100px; }
+
+	ul, ol, li { margin-top: 0; margin-bottom: 0; }
+	li { height: 2em; background: aqua; color: black; }
+
+	</style>
+</head>
+<body>
+
+<div></div>
+
+<ol>
+  <li>one</li>
+  <li>two</li>
+  <li>three</li>
+  <li>four</li>
+</ol>
+
+<div></div>
+
+<ul>
+  <li>one</li>
+  <li>two</li>
+  <li>three</li>
+  <li>four</li>
+</ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-bullet-first-line-ref.html b/layout/reftests/bugs/413840-bullet-first-line-ref.html
new file mode 100644
index 0000000000..6b1a798206
--- /dev/null
+++ b/layout/reftests/bugs/413840-bullet-first-line-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test that bullet is on the first line!</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	</style>
+</head>
+<body>
+
+<ul>
+    <li>first line</li>
+    <li style="list-style-type:none">second line</li>
+</ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-bullet-first-line.html b/layout/reftests/bugs/413840-bullet-first-line.html
new file mode 100644
index 0000000000..6a15e0e560
--- /dev/null
+++ b/layout/reftests/bugs/413840-bullet-first-line.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test that bullet is on the first line!</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	</style>
+</head>
+<body>
+
+<ul>
+    <li>first line<br>second line</li>
+</ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-ltr-offsets-ref.html b/layout/reftests/bugs/413840-ltr-offsets-ref.html
new file mode 100644
index 0000000000..a58c3e6965
--- /dev/null
+++ b/layout/reftests/bugs/413840-ltr-offsets-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test case for list items flowing around floats</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<meta http-equiv="Content-Script-Type" content="text/javascript">
+	<style type="text/css">
+
+	ul, ol, li { margin: 0; padding: 0; }
+
+	::marker { font-family: inherit; }
+	</style>
+</head>
+<body>
+
+<div style="margin-left: 100px"><ul><li><div style="margin-left: 0px">item</li></ul></div>
+<div style="margin-left: 100px"><ul><li><div style="margin-left: 0px">item</li></ul></div>
+<div style="margin-left: 94px"><ul><li><div style="margin-left: 6px">item</li></ul></div>
+<div style="margin-left: 150px"><ul><li><div style="margin-left: 6px">item</li></ul></div>
+<div style="margin-left: 40px"><ul><li><div style="margin-left: 154px">item</li></ul></div>
+<div style="margin-left: 40px"><ul><li><div style="margin-left: 152px">item</li></ul></div>
+<div style="margin-left: 94px"><ol start="1"><li><div style="margin-left: 6px">item</li></ol></div>
+<div style="margin-left: 150px"><ol start="2"><li><div style="margin-left: 6px">item</li></ol></div>
+<div style="margin-left: 40px"><ol start="3"><li><div style="margin-left: 154px">item</li></ol></div>
+<div style="margin-left: 40px"><ol start="4"><li><div style="margin-left: 152px">item</li></ol></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-ltr-offsets.html b/layout/reftests/bugs/413840-ltr-offsets.html
new file mode 100644
index 0000000000..4a97a9dbf1
--- /dev/null
+++ b/layout/reftests/bugs/413840-ltr-offsets.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test case for list items flowing around floats</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<meta http-equiv="Content-Script-Type" content="text/javascript">
+	<style type="text/css">
+
+	#float { float: left; width: 100px; height: 20em; }
+
+	ul, ol, li { margin: 0; padding: 0; }
+
+	::marker { font-family: inherit; }
+	</style>
+</head>
+<body>
+
+<div id="float"></div>
+
+<ul><li>item</li></ul>
+<ul style="margin-left: 1px; border-left: 2px solid transparent; padding-left: 4px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;"><li>item</li></ul>
+<ul>
+<li style="margin-left: 1px; border-left: 2px solid transparent; padding-left: 4px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+<li style="margin-left: 150px; border-left: 2px solid transparent; padding-left: 4px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+<li style="margin-left: 40px; border-left: 150px solid transparent; padding-left: 4px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+<li style="margin-left: 40px; border-left: 2px solid transparent; padding-left: 150px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+</ul>
+<ol>
+<li style="margin-left: 1px; border-left: 2px solid transparent; padding-left: 4px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+<li style="margin-left: 150px; border-left: 2px solid transparent; padding-left: 4px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+<li style="margin-left: 40px; border-left: 150px solid transparent; padding-left: 4px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+<li style="margin-left: 40px; border-left: 2px solid transparent; padding-left: 150px; padding-right: 8px; border-right: 16px solid transparent; margin-right: 32px;">item</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-pushed-line-bullet-ref.html b/layout/reftests/bugs/413840-pushed-line-bullet-ref.html
new file mode 100644
index 0000000000..f243e84b72
--- /dev/null
+++ b/layout/reftests/bugs/413840-pushed-line-bullet-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test for bullet lining up with element pushed past float</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+	html, body { margin: 0; }
+	</style>
+</head>
+<body>
+
+<div style="width: 200px; display:list-item; margin-left: 50px; margin-top: 50px">
+  <select size="2">
+    <option>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</option>
+    <option>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</option>
+  </select>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-pushed-line-bullet.html b/layout/reftests/bugs/413840-pushed-line-bullet.html
new file mode 100644
index 0000000000..a5debbe1df
--- /dev/null
+++ b/layout/reftests/bugs/413840-pushed-line-bullet.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test for bullet lining up with element pushed past float</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+	html, body { margin: 0; }
+	</style>
+</head>
+<body>
+
+<div style="float: left; width: 150px; height: 50px"></div>
+<div style="width: 200px; display:list-item; margin-left: 50px">
+  <select size="2">
+    <option>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</option>
+    <option>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</option>
+  </select>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-rtl-offsets-ref.html b/layout/reftests/bugs/413840-rtl-offsets-ref.html
new file mode 100644
index 0000000000..01ae4be390
--- /dev/null
+++ b/layout/reftests/bugs/413840-rtl-offsets-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test case for list items flowing around floats</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<meta http-equiv="Content-Script-Type" content="text/javascript">
+	<style type="text/css">
+
+	body { direction: rtl; }
+	ul, ol, li { margin: 0; padding: 0; }
+
+	::marker { font-family: inherit; }
+	</style>
+</head>
+<body>
+
+<div style="margin-right: 100px"><ul><li><div style="margin-right: 0px">item</li></ul></div>
+<div style="margin-right: 100px"><ul><li><div style="margin-right: 0px">item</li></ul></div>
+<div style="margin-right: 94px"><ul><li><div style="margin-right: 6px">item</li></ul></div>
+<div style="margin-right: 150px"><ul><li><div style="margin-right: 6px">item</li></ul></div>
+<div style="margin-right: 40px"><ul><li><div style="margin-right: 154px">item</li></ul></div>
+<div style="margin-right: 40px"><ul><li><div style="margin-right: 152px">item</li></ul></div>
+<div style="margin-right: 94px"><ol start="1"><li><div style="margin-right: 6px">item</li></ol></div>
+<div style="margin-right: 150px"><ol start="2"><li><div style="margin-right: 6px">item</li></ol></div>
+<div style="margin-right: 40px"><ol start="3"><li><div style="margin-right: 154px">item</li></ol></div>
+<div style="margin-right: 40px"><ol start="4"><li><div style="margin-right: 152px">item</li></ol></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413840-rtl-offsets.html b/layout/reftests/bugs/413840-rtl-offsets.html
new file mode 100644
index 0000000000..c19b364f8a
--- /dev/null
+++ b/layout/reftests/bugs/413840-rtl-offsets.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test case for list items flowing around floats</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<meta http-equiv="Content-Script-Type" content="text/javascript">
+	<style type="text/css">
+
+	body { direction: rtl; }
+	#float { float: right; width: 100px; height: 20em; }
+
+	ul, ol, li { margin: 0; padding: 0; }
+
+	::marker { font-family: inherit; }
+	</style>
+</head>
+<body>
+
+<div id="float"></div>
+
+<ul><li>item</li></ul>
+<ul style="margin-right: 1px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;"><li>item</li></ul>
+<ul>
+<li style="margin-right: 1px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+<li style="margin-right: 150px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+<li style="margin-right: 40px; border-right: 150px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+<li style="margin-right: 40px; border-right: 2px solid transparent; padding-right: 150px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+</ul>
+<ol>
+<li style="margin-right: 1px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+<li style="margin-right: 150px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+<li style="margin-right: 40px; border-right: 150px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+<li style="margin-right: 40px; border-right: 2px solid transparent; padding-right: 150px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/413982-ref.html b/layout/reftests/bugs/413982-ref.html
new file mode 100644
index 0000000000..3e8af90a7e
--- /dev/null
+++ b/layout/reftests/bugs/413982-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+    <title>Bug 413982</title>
+</head>
+<body>
+    <div>This is the first line.</div>
+    <div>This is the second line.</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/413982.html b/layout/reftests/bugs/413982.html
new file mode 100644
index 0000000000..e0502fd0df
--- /dev/null
+++ b/layout/reftests/bugs/413982.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+    <title>Bug 413982</title>
+    <style type="text/css">
+        div.clearboth {
+            clear: both;
+        }
+        div.floatdiv {
+            float: left;
+        }
+        span.innerspan {
+            white-space: nowrap;
+        }
+    </style>
+</head>
+<body>
+    <div class="floatdiv">
+        This is
+        <span class="innerspan"> the first line.
+        </span>
+    </div>
+    <div class="clearboth">This is the second line.</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/414638-ref.html b/layout/reftests/bugs/414638-ref.html
new file mode 100644
index 0000000000..dc10d24377
--- /dev/null
+++ b/layout/reftests/bugs/414638-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: clip: Missing commas in rect()</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping">
+  <meta name="flags" content="invalid may">
+  <meta name="assert" content="User agents may support separation of values     within rect() by whitespace instead of commas, but not a combination of     whitespace and commas.">
+  <style type="text/css">
+    div {
+      background: red;
+      width: 100px; height: 100px;
+    }
+    .inner {
+      position: absolute;
+      background: green;
+    }
+  </style>
+
+ </head>
+ <body>
+    <p>There must be a green box below and no red.</p>
+    <div class="outer">
+      <div class="inner"></div>
+    </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/414638.html b/layout/reftests/bugs/414638.html
new file mode 100644
index 0000000000..80579d0477
--- /dev/null
+++ b/layout/reftests/bugs/414638.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: clip: Missing commas in rect()</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping">
+  <meta name="flags" content="invalid may">
+  <meta name="assert" content="User agents may support separation of values     within rect() by whitespace instead of commas, but not a combination of     whitespace and commas.">
+  <style type="text/css">
+    div {
+      background: red;
+      width: 100px; height: 100px;
+    }
+    .inner {
+      position: absolute;
+      background: green;
+      clip: rect(0,0,0,0);
+      clip: rect( 0 auto auto 0 );
+      clip: rect(0,0 0,0);
+      clip: rect(0 0,0,0);
+      clip: rect(0,0,0 0);
+      clip: rect(0 0,0 0);
+    }
+  </style>
+
+ </head>
+ <body>
+    <p>There must be a green box below and no red.</p>
+    <div class="outer">
+      <div class="inner"></div>
+    </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/414851-1-ref.html b/layout/reftests/bugs/414851-1-ref.html
new file mode 100644
index 0000000000..d514ebe567
--- /dev/null
+++ b/layout/reftests/bugs/414851-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head></head>
+<body>
+
+
+
+<div style="white-space: nowrap;">
+  <button type="button">
+    a few words
+  </button>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/414851-1.html b/layout/reftests/bugs/414851-1.html
new file mode 100644
index 0000000000..e9877875b7
--- /dev/null
+++ b/layout/reftests/bugs/414851-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head></head>
+<body>
+
+<!-- Test that the white-space property is inherited by buttons. -->
+
+<div style="white-space: nowrap; width: 1px;">
+  <button type="button">
+    a few words
+  </button>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/416106-1-ref.xhtml b/layout/reftests/bugs/416106-1-ref.xhtml
new file mode 100644
index 0000000000..d8542a9104
--- /dev/null
+++ b/layout/reftests/bugs/416106-1-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Namespace identifiers should be case sensitive (bug 416106)</title>
+</head>
+<body>
+
+<div style="color: green"><span>This should be green.</span></div>
+<div style="color: green"><span>This should be green.</span></div>
+<div style="color: green"><span>This should be green.</span></div>
+<div style="color: green"><span>This should be green.</span></div>
+<div style="color: green"><span>This should be green.</span></div>
+<div style="color: green"><span>This should be green.</span></div>
+<div>passpasspass</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/416106-1.xhtml b/layout/reftests/bugs/416106-1.xhtml
new file mode 100644
index 0000000000..e43cf65ff5
--- /dev/null
+++ b/layout/reftests/bugs/416106-1.xhtml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Namespace identifiers should be case sensitive (bug 416106)</title>
+	<style type="text/css">
+	@namespace foo url(http://www.example.com/1);
+	@namespace Foo url(http://www.example.com/2);
+	@namespace fOO url(http://www.example.com/3);
+
+	foo|one { color: green; }
+	Foo|two { color: green; }
+	fOO|three { color: green; }
+
+	Foo|one { color: red; }
+	fOO|one { color: red; }
+	foo|two { color: red; }
+	fOO|two { color: red; }
+	foo|three { color: red; }
+	Foo|three { color: red; }
+	
+	div[foo|one] { color: green; }
+	div[Foo|two] { color: green; }
+	div[fOO|three] { color: green; }
+
+	div[Foo|one] { color: red; }
+	div[fOO|one] { color: red; }
+	div[foo|two] { color: red; }
+	div[fOO|two] { color: red; }
+	div[foo|three] { color: red; }
+	div[Foo|three] { color: red; }
+	
+	div#gencon { color: black; }
+	div#gencon:before { content: attr(foo|one) attr(Foo|two) attr(fOO|three); }
+
+	</style>
+</head>
+<body xmlns:one="http://www.example.com/1"
+      xmlns:two="http://www.example.com/2"
+      xmlns:three="http://www.example.com/3">
+
+<div><one:one>This should be green.</one:one></div>
+<div><two:two>This should be green.</two:two></div>
+<div><three:three>This should be green.</three:three></div>
+<div one:one="true">This should be green.</div>
+<div two:two="true">This should be green.</div>
+<div three:three="true">This should be green.</div>
+
+<div id="gencon"
+       one:one="pass"   one:two="fail"   one:three="fail"
+       two:one="fail"   two:two="pass"   two:three="fail"
+     three:one="fail" three:two="fail" three:three="pass"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/416752-1-ref.html b/layout/reftests/bugs/416752-1-ref.html
new file mode 100644
index 0000000000..b61fde7a95
--- /dev/null
+++ b/layout/reftests/bugs/416752-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+ <head><style>
+   div.post {
+     overflow: auto;
+     height: 15px;
+     border: 1px solid black;
+   }
+   div.filler {
+     height: 16px;
+     background: yellow;
+   }
+ </style></head>
+ <body><div class="post"><div class="filler"></div></div></body>
+</html>
diff --git a/layout/reftests/bugs/416752-1.html b/layout/reftests/bugs/416752-1.html
new file mode 100644
index 0000000000..2c71058158
--- /dev/null
+++ b/layout/reftests/bugs/416752-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+ <head><style>
+   div.post {
+     overflow: auto;
+     border: 1px solid black;
+   }
+   div.filler {
+     height: 15px;
+     background: yellow;
+   }
+   div.d2 {
+     height: 16px;
+   }
+ </style></head>
+ <body><div class="post"><div class="filler"><div class="d2"></div></div></div></body>
+</html>
diff --git a/layout/reftests/bugs/417178-1-ref.html b/layout/reftests/bugs/417178-1-ref.html
new file mode 100644
index 0000000000..76a73f9110
--- /dev/null
+++ b/layout/reftests/bugs/417178-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+ <p style="border-right: 0px solid black; border-bottom:0px solid black;">0
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">0.3
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">0.5
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">0.6
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">1
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">1.3
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">1.5
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">1.6
+ <p style="border-right: 2px solid black; border-bottom:2px solid black;">2
+</body>
+</html>
diff --git a/layout/reftests/bugs/417178-1.html b/layout/reftests/bugs/417178-1.html
new file mode 100644
index 0000000000..083298bdec
--- /dev/null
+++ b/layout/reftests/bugs/417178-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+ <p style="border-right: 0px solid black; border-bottom:0px solid black;">0
+ <p style="border-right: 0.3px solid black; border-bottom:0.3px solid black;">0.3
+ <p style="border-right: 0.5px solid black; border-bottom:0.5px solid black;">0.5
+ <p style="border-right: 0.6px solid black; border-bottom:0.6px solid black;">0.6
+ <p style="border-right: 1px solid black; border-bottom:1px solid black;">1
+ <p style="border-right: 1.3px solid black; border-bottom:1.3px solid black;">1.3
+ <p style="border-right: 1.5px solid black; border-bottom:1.5px solid black;">1.5
+ <p style="border-right: 1.6px solid black; border-bottom:1.6px solid black;">1.6
+ <p style="border-right: 2px solid black; border-bottom:2px solid black;">2
+</body>
+</html>
diff --git a/layout/reftests/bugs/417246-1-ref.html b/layout/reftests/bugs/417246-1-ref.html
new file mode 100644
index 0000000000..a0f7bea16f
--- /dev/null
+++ b/layout/reftests/bugs/417246-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+<style>
+.a {
+    border-top: 40px solid blue;
+    border-bottom: 20px solid green;
+    width: 200px;
+}
+</style>
+</head>
+<body>
+<div class="a"></div>
+</body> </html>
diff --git a/layout/reftests/bugs/417246-1.html b/layout/reftests/bugs/417246-1.html
new file mode 100644
index 0000000000..cd4681c3a2
--- /dev/null
+++ b/layout/reftests/bugs/417246-1.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style>
+.a {
+    border-top: 40px solid blue;
+    border-bottom: 20px dashed green;
+    background: green;
+    width: 200px;
+}
+</style>
+</head>
+<body>
+<div class="a"></div>
+</body> </html>
diff --git a/layout/reftests/bugs/417676-ref.html b/layout/reftests/bugs/417676-ref.html
new file mode 100644
index 0000000000..16d032ed07
--- /dev/null
+++ b/layout/reftests/bugs/417676-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<title>Fixed Positioning Test</title>
+<style type="text/css">
+  html, body { margin: 0; padding: 0; }
+</style>
+
+<div style="width: 3in; border: solid; font-size: 16px;">
+This box must be repeated at this same position on the first, second, and third pages.
+</div>
+
+<div style="page-break-before: always; width: 3in; border: solid; font-size: 16px;">
+This box must be repeated at this same position on the first, second, and third pages.
+</div>
+
+<div style="page-break-before: always; width: 3in; border: solid; font-size: 16px;">
+This box must be repeated at this same position on the first, second, and third pages.
+</div>
diff --git a/layout/reftests/bugs/417676.html b/layout/reftests/bugs/417676.html
new file mode 100644
index 0000000000..1737557afe
--- /dev/null
+++ b/layout/reftests/bugs/417676.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<title>Fixed Positioning Test</title>
+
+<div style="position: fixed; left: 0; top: 0; width: 3in; border: solid; font-size: 16px;">
+This box must be repeated at this same position on the first, second, and third pages.
+</div>
+
+<p style="width: 0; height: 5in;">
\ No newline at end of file
diff --git a/layout/reftests/bugs/418574-1-ref.html b/layout/reftests/bugs/418574-1-ref.html
new file mode 100644
index 0000000000..2c34c75729
--- /dev/null
+++ b/layout/reftests/bugs/418574-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+ ol {
+   list-style-position: inside;
+   padding: 0;
+   margin: 0;
+}
+
+  </style>
+ </head>
+ <body dir="rtl">
+  <ol start="1">
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+  </ol>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/418574-1.html b/layout/reftests/bugs/418574-1.html
new file mode 100644
index 0000000000..ed1a3dca9e
--- /dev/null
+++ b/layout/reftests/bugs/418574-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+ ol {
+   list-style-position: inside;
+   padding: 0;
+   margin: 0;
+}
+
+  </style>
+ </head>
+ <body dir="rtl" onload="document.getElementById('ol').setAttribute('start', '1');">
+  <ol start="5" id="ol">
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+   <li></li>
+  </ol>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/418574-2-ref.html b/layout/reftests/bugs/418574-2-ref.html
new file mode 100644
index 0000000000..55c0736352
--- /dev/null
+++ b/layout/reftests/bugs/418574-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+ ol {
+   padding-left: 160px;
+}
+
+  </style>
+ </head>
+ <body>
+  <ol start="10001">
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+  </ol>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/418574-2.html b/layout/reftests/bugs/418574-2.html
new file mode 100644
index 0000000000..5bbb8944f2
--- /dev/null
+++ b/layout/reftests/bugs/418574-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+ ol {
+   padding-left: 160px;
+}
+
+  </style>
+ </head>
+ <body onload="document.getElementById('ol').setAttribute('start', '10001');">
+  <ol start="1" id="ol">
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+   <li>foo</li>
+  </ol>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/418766-1-ref.html b/layout/reftests/bugs/418766-1-ref.html
new file mode 100644
index 0000000000..a205c5a495
--- /dev/null
+++ b/layout/reftests/bugs/418766-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  b
+</body>
+</html>
diff --git a/layout/reftests/bugs/418766-1a.html b/layout/reftests/bugs/418766-1a.html
new file mode 100644
index 0000000000..8dcfe6e198
--- /dev/null
+++ b/layout/reftests/bugs/418766-1a.html
@@ -0,0 +1,16 @@
+<html class="reftest-wait">
+<head>
+<script>
+function boom()
+{
+  var n = document.getElementById("editMe");
+  n.firstChild.remove();
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="boom();">
+  <span id="editMe" style="margin-bottom: 1px;">a</span>
+  <div>b</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/418766-1b.html b/layout/reftests/bugs/418766-1b.html
new file mode 100644
index 0000000000..ded8ea9ede
--- /dev/null
+++ b/layout/reftests/bugs/418766-1b.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <span id="editMe" style="margin-bottom: 1px;"></span>
+  <div>b</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/419060-ref.html b/layout/reftests/bugs/419060-ref.html
new file mode 100644
index 0000000000..a18534ddad
--- /dev/null
+++ b/layout/reftests/bugs/419060-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Absolute positioning margin:auto regression</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > div {
+		position: relative;
+		border: medium solid;
+		width: 600px;
+		padding-bottom: 0.5em;
+	}
+
+	body > div > div {
+		background: blue;
+		width: 400px;
+		height: 1em;
+		margin-left: 100px;
+	}
+
+	</style>
+</head>
+<body>
+
+<div>
+This div should be centered within its container:
+<div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/419060.html b/layout/reftests/bugs/419060.html
new file mode 100644
index 0000000000..8a339d09dd
--- /dev/null
+++ b/layout/reftests/bugs/419060.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Absolute positioning margin:auto regression</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > div {
+		position: relative;
+		border: medium solid;
+		width: 600px;
+		padding-bottom: 1.5em;
+	}
+
+	body > div > div {
+		background: blue;
+		width: 400px;
+		height: 1em;
+		position: absolute;
+		left: 0;
+		right: 0;
+		margin-left: auto;
+		margin-right: 100px;
+	}
+
+	</style>
+</head>
+<body>
+
+<div>
+This div should be centered within its container:
+<div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/419285-1-ref.html b/layout/reftests/bugs/419285-1-ref.html
new file mode 100644
index 0000000000..9dfc642b16
--- /dev/null
+++ b/layout/reftests/bugs/419285-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="line-height:50px">
+<p><br>Hello
+<p><span style="font-size:200%">"</span><br>Hello
+</body>
+</html>
diff --git a/layout/reftests/bugs/419285-1.html b/layout/reftests/bugs/419285-1.html
new file mode 100644
index 0000000000..e4fd623470
--- /dev/null
+++ b/layout/reftests/bugs/419285-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p::first-letter { font-size:200%; }
+</style>
+</head>
+<body style="line-height:50px">
+<p><br>Hello
+<p>"<br>Hello
+</body>
+</html>
diff --git a/layout/reftests/bugs/419531-1-ref.html b/layout/reftests/bugs/419531-1-ref.html
new file mode 100644
index 0000000000..e8a67a5452
--- /dev/null
+++ b/layout/reftests/bugs/419531-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+  <body>
+    <fieldset>
+      <div style="white-space: pre">
+        <span>This text doesn't move around	This text does</span>
+        <span>This text doesn't move around	This text does</span>
+        <span>This text doesn't move around	This text does</span>
+        <span>This text doesn't move around	This text does!</span>
+      </div>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/419531-1.html b/layout/reftests/bugs/419531-1.html
new file mode 100644
index 0000000000..afa002aa16
--- /dev/null
+++ b/layout/reftests/bugs/419531-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+  <body>
+    <fieldset>
+      <div style="white-space: pre">
+        <span>This text doesn't move around	This text does</span>
+        <span>This text doesn't move around	This text does</span>
+        <span>This text doesn't move around	This text does</span>
+        <span id="s">This text doesn't move around	This text does</span>
+      </div>
+    </fieldset>
+    <script>
+      document.body.offsetTop;
+      document.getElementById("s").innerHTML += "!";
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/420069-1-ref.html b/layout/reftests/bugs/420069-1-ref.html
new file mode 100644
index 0000000000..6d62e87e44
--- /dev/null
+++ b/layout/reftests/bugs/420069-1-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test, bug 420069</title>
+<style type="text/css">
+
+body { font-size: 12px; color: transparent; }
+
+p {
+	float: left; clear: left; margin: 1px; height: 5px;
+	border: medium solid black;
+}
+
+</style>
+</head>
+<body>
+
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/420069-1.html b/layout/reftests/bugs/420069-1.html
new file mode 100644
index 0000000000..9335b44063
--- /dev/null
+++ b/layout/reftests/bugs/420069-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test, bug 420069</title>
+<style type="text/css">
+
+body { font-size: 12px; color: transparent; }
+
+p {
+	float: left; clear: left; margin: 1px; height: 5px;
+	border: medium solid black;
+}
+
+</style>
+</head>
+<body>
+
+<!-- pref width without line breaks -->
+<p><span style="margin-left: 10em">A BBB</span></p>
+<p><span style="margin-right: 10em">A BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A BBB</span></p>
+<p><span style="padding-left: 10em">A BBB</span></p>
+<p><span style="padding-right: 10em">A BBB</span></p>
+
+<!-- pref width with line breaks -->
+<p><span style="margin-left: 10em">A<br>BBB</span></p>
+<p><span style="margin-right: 10em">A<br>BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A<br>BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A<br>BBB</span></p>
+<p><span style="padding-left: 10em">A<br>BBB</span></p>
+<p><span style="padding-right: 10em">A<br>BBB</span></p>
+
+<div style="width:1px">
+
+<!-- min width without line breaks -->
+<p><span style="margin-left: 10em">A&nbsp;BBB</span></p>
+<p><span style="margin-right: 10em">A&nbsp;BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A&nbsp;BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A&nbsp;BBB</span></p>
+<p><span style="padding-left: 10em">A&nbsp;BBB</span></p>
+<p><span style="padding-right: 10em">A&nbsp;BBB</span></p>
+
+<!-- min width with line breaks -->
+<p><span style="margin-left: 10em">A BBB</span></p>
+<p><span style="margin-right: 10em">A BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A BBB</span></p>
+<p><span style="padding-left: 10em">A BBB</span></p>
+<p><span style="padding-right: 10em">A BBB</span></p>
+
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/420069-2-ref.html b/layout/reftests/bugs/420069-2-ref.html
new file mode 100644
index 0000000000..ab5e2c51c8
--- /dev/null
+++ b/layout/reftests/bugs/420069-2-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<head>
+<title>Test, bug 420069</title>
+<style type="text/css">
+
+body { font-size: 12px; color: transparent; }
+
+p {
+	float: right; clear: right; margin: 1px; height: 5px;
+	border: medium solid black;
+}
+
+</style>
+</head>
+<body>
+
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+<p style="padding-left: 10em">A&nbsp;BBB</p>
+
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+<p style="padding-left: 10em">BBB</p>
+<p style="padding-left: 10em">A</p>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/420069-2.html b/layout/reftests/bugs/420069-2.html
new file mode 100644
index 0000000000..5e9c59dc2a
--- /dev/null
+++ b/layout/reftests/bugs/420069-2.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<head>
+<title>Test, bug 420069</title>
+<style type="text/css">
+
+body { font-size: 12px; color: transparent; }
+
+p {
+	float: right; clear: right; margin: 1px; height: 5px;
+	border: medium solid black;
+}
+
+</style>
+</head>
+<body>
+
+<!-- pref width without line breaks -->
+<p><span style="margin-left: 10em">A BBB</span></p>
+<p><span style="margin-right: 10em">A BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A BBB</span></p>
+<p><span style="padding-left: 10em">A BBB</span></p>
+<p><span style="padding-right: 10em">A BBB</span></p>
+
+<!-- pref width with line breaks -->
+<p><span style="margin-left: 10em">A<br>BBB</span></p>
+<p><span style="margin-right: 10em">A<br>BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A<br>BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A<br>BBB</span></p>
+<p><span style="padding-left: 10em">A<br>BBB</span></p>
+<p><span style="padding-right: 10em">A<br>BBB</span></p>
+
+<div style="width:1px">
+
+<!-- min width without line breaks -->
+<p><span style="margin-left: 10em">A&nbsp;BBB</span></p>
+<p><span style="margin-right: 10em">A&nbsp;BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A&nbsp;BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A&nbsp;BBB</span></p>
+<p><span style="padding-left: 10em">A&nbsp;BBB</span></p>
+<p><span style="padding-right: 10em">A&nbsp;BBB</span></p>
+
+<!-- min width with line breaks -->
+<p><span style="margin-left: 10em">A BBB</span></p>
+<p><span style="margin-right: 10em">A BBB</span></p>
+<p><span style="border-left: 10em transparent solid">A BBB</span></p>
+<p><span style="border-right: 10em transparent solid">A BBB</span></p>
+<p><span style="padding-left: 10em">A BBB</span></p>
+<p><span style="padding-right: 10em">A BBB</span></p>
+
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/420351-1-ref.html b/layout/reftests/bugs/420351-1-ref.html
new file mode 100644
index 0000000000..948c1619a5
--- /dev/null
+++ b/layout/reftests/bugs/420351-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<title>Testcase bug - List item marker takes up room now with list-style-type: none in strict mode</title>
+<style>
+div.li {
+  border: 1px solid red;
+}
+div.inside {
+  border: 1px solid black;
+}
+</style></head>
+<body>
+
+<ul><div class="li"><div class="inside">text</div></div></ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/420351-1.html b/layout/reftests/bugs/420351-1.html
new file mode 100644
index 0000000000..271ba903b3
--- /dev/null
+++ b/layout/reftests/bugs/420351-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<title>Testcase bug - List item marker takes up room now with list-style-type: none in strict mode</title>
+<style>
+li{
+  list-style-type: none;
+  list-style-position: inside;
+  border: 1px solid red;
+}
+div {
+  border: 1px solid black;
+}
+</style></head>
+<body>
+
+<ul><li><div>text</div></li></ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421069-ref.html b/layout/reftests/bugs/421069-ref.html
new file mode 100644
index 0000000000..3fc3ae0685
--- /dev/null
+++ b/layout/reftests/bugs/421069-ref.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 421069</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > div { position: absolute; top: 10px; left: 10px; }
+	img { margin-left: 10px; }
+
+	.p0 { margin-top: 10px; }
+	.p1 { margin-top: 50px; }
+	.p2 { margin-top: 90px; }
+	.p3 { margin-top: 130px; }
+	.p4 { margin-top: 170px; }
+	.p5 { margin-top: 211px; }
+	.p6 { margin-top: 251px; }
+	.p7 { margin-top: 291px; }
+	.p8 { margin-top: 331px; }
+	.p9 { margin-top: 371px; }
+
+	body > div > div, body > div > table {
+		background-image: url(square-outline-32x32.png);
+	}
+
+	table { margin: 0; border-spacing: 0; }
+	td { padding: 0; }
+
+	.big { width: 33px; height: 33px; }
+	.small { width: 20px; height: 20px; }
+
+	div.tl {
+		margin-left: 50px;
+		background-position: top left; /* the default */
+	}
+
+	div.br {
+		margin-left: 90px;
+		background-position: bottom right;
+	}
+
+	table.tr {
+		margin-left: 130px;
+		background-position: top right;
+	}
+
+	table.bl {
+		margin-left: 170px;
+		background-position: bottom left;
+	}
+
+	div.tl.big { margin-left: 210px; }
+	div.br.big { margin-left: 250px; }
+	table.tr.big { margin-left: 290px; }
+	table.bl.big { margin-left: 330px; }
+
+	</style>
+</head>
+<body>
+
+<div><img src="square-outline-32x32.png" class="p0"></div>
+<div><img src="square-outline-32x32.png" class="p1"></div>
+<div><img src="square-outline-32x32.png" class="p2"></div>
+<div><img src="square-outline-32x32.png" class="p3"></div>
+<div><img src="square-outline-32x32.png" class="p4"></div>
+<div><img src="square-outline-32x32.png" class="p5"></div>
+<div><img src="square-outline-32x32.png" class="p6"></div>
+<div><img src="square-outline-32x32.png" class="p7"></div>
+<div><img src="square-outline-32x32.png" class="p8"></div>
+<div><img src="square-outline-32x32.png" class="p9"></div>
+
+<div><div class="tl small p0"></div></div>
+<div><div class="tl small p1"></div></div>
+<div><div class="tl small p2"></div></div>
+<div><div class="tl small p3"></div></div>
+<div><div class="tl small p4"></div></div>
+<div><div class="tl small p5"></div></div>
+<div><div class="tl small p6"></div></div>
+<div><div class="tl small p7"></div></div>
+<div><div class="tl small p8"></div></div>
+<div><div class="tl small p9"></div></div>
+
+<div><div class="br small p0"></div></div>
+<div><div class="br small p1"></div></div>
+<div><div class="br small p2"></div></div>
+<div><div class="br small p3"></div></div>
+<div><div class="br small p4"></div></div>
+<div><div class="br small p5"></div></div>
+<div><div class="br small p6"></div></div>
+<div><div class="br small p7"></div></div>
+<div><div class="br small p8"></div></div>
+<div><div class="br small p9"></div></div>
+
+<div><table class="tr small p0"><tr><td></table></div>
+<div><table class="tr small p1"><tr><td></table></div>
+<div><table class="tr small p2"><tr><td></table></div>
+<div><table class="tr small p3"><tr><td></table></div>
+<div><table class="tr small p4"><tr><td></table></div>
+<div><table class="tr small p5"><tr><td></table></div>
+<div><table class="tr small p6"><tr><td></table></div>
+<div><table class="tr small p7"><tr><td></table></div>
+<div><table class="tr small p8"><tr><td></table></div>
+<div><table class="tr small p9"><tr><td></table></div>
+
+<div><table class="bl small p0"><tr><td></table></div>
+<div><table class="bl small p1"><tr><td></table></div>
+<div><table class="bl small p2"><tr><td></table></div>
+<div><table class="bl small p3"><tr><td></table></div>
+<div><table class="bl small p4"><tr><td></table></div>
+<div><table class="bl small p5"><tr><td></table></div>
+<div><table class="bl small p6"><tr><td></table></div>
+<div><table class="bl small p7"><tr><td></table></div>
+<div><table class="bl small p8"><tr><td></table></div>
+<div><table class="bl small p9"><tr><td></table></div>
+
+<div><div class="tl big p0"></div></div>
+<div><div class="tl big p1"></div></div>
+<div><div class="tl big p2"></div></div>
+<div><div class="tl big p3"></div></div>
+<div><div class="tl big p4"></div></div>
+<div><div class="tl big p5"></div></div>
+<div><div class="tl big p6"></div></div>
+<div><div class="tl big p7"></div></div>
+<div><div class="tl big p8"></div></div>
+<div><div class="tl big p9"></div></div>
+
+<div><div class="br big p0"></div></div>
+<div><div class="br big p1"></div></div>
+<div><div class="br big p2"></div></div>
+<div><div class="br big p3"></div></div>
+<div><div class="br big p4"></div></div>
+<div><div class="br big p5"></div></div>
+<div><div class="br big p6"></div></div>
+<div><div class="br big p7"></div></div>
+<div><div class="br big p8"></div></div>
+<div><div class="br big p9"></div></div>
+
+<div><table class="tr big p0"><tr><td></table></div>
+<div><table class="tr big p1"><tr><td></table></div>
+<div><table class="tr big p2"><tr><td></table></div>
+<div><table class="tr big p3"><tr><td></table></div>
+<div><table class="tr big p4"><tr><td></table></div>
+<div><table class="tr big p5"><tr><td></table></div>
+<div><table class="tr big p6"><tr><td></table></div>
+<div><table class="tr big p7"><tr><td></table></div>
+<div><table class="tr big p8"><tr><td></table></div>
+<div><table class="tr big p9"><tr><td></table></div>
+
+<div><table class="bl big p0"><tr><td></table></div>
+<div><table class="bl big p1"><tr><td></table></div>
+<div><table class="bl big p2"><tr><td></table></div>
+<div><table class="bl big p3"><tr><td></table></div>
+<div><table class="bl big p4"><tr><td></table></div>
+<div><table class="bl big p5"><tr><td></table></div>
+<div><table class="bl big p6"><tr><td></table></div>
+<div><table class="bl big p7"><tr><td></table></div>
+<div><table class="bl big p8"><tr><td></table></div>
+<div><table class="bl big p9"><tr><td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/421069-ref2.html b/layout/reftests/bugs/421069-ref2.html
new file mode 100644
index 0000000000..7a69806e10
--- /dev/null
+++ b/layout/reftests/bugs/421069-ref2.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 421069</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > div { position: absolute; top: 10px; left: 10px; }
+	img { margin-left: 10px; }
+
+	.p0 { margin-top: 10.0px; }
+	.p1 { margin-top: 50.1px; }
+	.p2 { margin-top: 90.2px; }
+	.p3 { margin-top: 130.3px; }
+	.p4 { margin-top: 170.4px; }
+	.p5 { margin-top: 210.5px; }
+	.p6 { margin-top: 250.6px; }
+	.p7 { margin-top: 290.7px; }
+	.p8 { margin-top: 330.8px; }
+	.p9 { margin-top: 370.9px; }
+
+	body > div > div, body > div > div {
+		background-color: white;
+	}
+
+	div { margin: 0; border-spacing: 0; }
+	td { padding: 0; }
+
+	.big { width: 30px; height: 30px; }
+	.small { width: 19px; height: 19px; }
+
+	div.tl {
+		margin-left: 50px;
+		border-top: 1px solid black;
+		border-left: 1px solid black;
+	}
+
+	div.br {
+		margin-left: 90px;
+		border-bottom: 1px solid black;
+		border-right: 1px solid black;
+	}
+
+	div.tr {
+		margin-left: 130px;
+		border-top: 1px solid black;
+		border-right: 1px solid black;
+	}
+
+	div.bl {
+		margin-left: 170px;
+		border-bottom: 1px solid black;
+		border-left: 1px solid black;
+	}
+
+	div.tl.big {
+        margin-left: 210px;
+		border-top: 1px solid black;
+		border-right: 2px solid black;
+		border-bottom: 2px solid black;
+		border-left: 1px solid black;
+	}
+	div.br.big {
+        margin-left: 250px;
+		border-top: 2px solid black;
+		border-right: 1px solid black;
+		border-bottom: 1px solid black;
+		border-left: 2px solid black;
+	}
+	div.tr.big {
+        margin-left: 290px;
+		border-top: 1px solid black;
+		border-right: 1px solid black;
+		border-bottom: 2px solid black;
+		border-left: 2px solid black;
+	}
+	div.bl.big {
+        margin-left: 330px;
+		border-top: 2px solid black;
+		border-right: 2px solid black;
+		border-bottom: 1px solid black;
+		border-left: 1px solid black;
+	}
+
+	</style>
+</head>
+<body>
+
+<div><img src="square-outline-32x32.png" class="p0"></div>
+<div><img src="square-outline-32x32.png" class="p1"></div>
+<div><img src="square-outline-32x32.png" class="p2"></div>
+<div><img src="square-outline-32x32.png" class="p3"></div>
+<div><img src="square-outline-32x32.png" class="p4"></div>
+<div><img src="square-outline-32x32.png" class="p5"></div>
+<div><img src="square-outline-32x32.png" class="p6"></div>
+<div><img src="square-outline-32x32.png" class="p7"></div>
+<div><img src="square-outline-32x32.png" class="p8"></div>
+<div><img src="square-outline-32x32.png" class="p9"></div>
+
+<div><div class="tl small p0"></div></div>
+<div><div class="tl small p1"></div></div>
+<div><div class="tl small p2"></div></div>
+<div><div class="tl small p3"></div></div>
+<div><div class="tl small p4"></div></div>
+<div><div class="tl small p5"></div></div>
+<div><div class="tl small p6"></div></div>
+<div><div class="tl small p7"></div></div>
+<div><div class="tl small p8"></div></div>
+<div><div class="tl small p9"></div></div>
+
+<div><div class="br small p0"></div></div>
+<div><div class="br small p1"></div></div>
+<div><div class="br small p2"></div></div>
+<div><div class="br small p3"></div></div>
+<div><div class="br small p4"></div></div>
+<div><div class="br small p5"></div></div>
+<div><div class="br small p6"></div></div>
+<div><div class="br small p7"></div></div>
+<div><div class="br small p8"></div></div>
+<div><div class="br small p9"></div></div>
+
+<div><div class="tr small p0"></div></div>
+<div><div class="tr small p1"></div></div>
+<div><div class="tr small p2"></div></div>
+<div><div class="tr small p3"></div></div>
+<div><div class="tr small p4"></div></div>
+<div><div class="tr small p5"></div></div>
+<div><div class="tr small p6"></div></div>
+<div><div class="tr small p7"></div></div>
+<div><div class="tr small p8"></div></div>
+<div><div class="tr small p9"></div></div>
+
+<div><div class="bl small p0"></div></div>
+<div><div class="bl small p1"></div></div>
+<div><div class="bl small p2"></div></div>
+<div><div class="bl small p3"></div></div>
+<div><div class="bl small p4"></div></div>
+<div><div class="bl small p5"></div></div>
+<div><div class="bl small p6"></div></div>
+<div><div class="bl small p7"></div></div>
+<div><div class="bl small p8"></div></div>
+<div><div class="bl small p9"></div></div>
+
+<div><div class="tl big p0"></div></div>
+<div><div class="tl big p1"></div></div>
+<div><div class="tl big p2"></div></div>
+<div><div class="tl big p3"></div></div>
+<div><div class="tl big p4"></div></div>
+<div><div class="tl big p5"></div></div>
+<div><div class="tl big p6"></div></div>
+<div><div class="tl big p7"></div></div>
+<div><div class="tl big p8"></div></div>
+<div><div class="tl big p9"></div></div>
+
+<div><div class="br big p0"></div></div>
+<div><div class="br big p1"></div></div>
+<div><div class="br big p2"></div></div>
+<div><div class="br big p3"></div></div>
+<div><div class="br big p4"></div></div>
+<div><div class="br big p5"></div></div>
+<div><div class="br big p6"></div></div>
+<div><div class="br big p7"></div></div>
+<div><div class="br big p8"></div></div>
+<div><div class="br big p9"></div></div>
+
+<div><div class="tr big p0"></div></div>
+<div><div class="tr big p1"></div></div>
+<div><div class="tr big p2"></div></div>
+<div><div class="tr big p3"></div></div>
+<div><div class="tr big p4"></div></div>
+<div><div class="tr big p5"></div></div>
+<div><div class="tr big p6"></div></div>
+<div><div class="tr big p7"></div></div>
+<div><div class="tr big p8"></div></div>
+<div><div class="tr big p9"></div></div>
+
+<div><div class="bl big p0"></div></div>
+<div><div class="bl big p1"></div></div>
+<div><div class="bl big p2"></div></div>
+<div><div class="bl big p3"></div></div>
+<div><div class="bl big p4"></div></div>
+<div><div class="bl big p5"></div></div>
+<div><div class="bl big p6"></div></div>
+<div><div class="bl big p7"></div></div>
+<div><div class="bl big p8"></div></div>
+<div><div class="bl big p9"></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/421069.html b/layout/reftests/bugs/421069.html
new file mode 100644
index 0000000000..7afc07712b
--- /dev/null
+++ b/layout/reftests/bugs/421069.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 421069</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > div { position: absolute; top: 10px; left: 10px; }
+	img { margin-left: 10px; }
+
+	.p0 { margin-top: 10.0px; }
+	.p1 { margin-top: 50.1px; }
+	.p2 { margin-top: 90.2px; }
+	.p3 { margin-top: 130.3px; }
+	.p4 { margin-top: 170.4px; }
+	.p5 { margin-top: 210.5px; }
+	.p6 { margin-top: 250.6px; }
+	.p7 { margin-top: 290.7px; }
+	.p8 { margin-top: 330.8px; }
+	.p9 { margin-top: 370.9px; }
+
+	body > div > div, body > div > table {
+		background-image: url(square-outline-32x32.png);
+	}
+
+	table { margin: 0; border-spacing: 0; }
+	td { padding: 0; }
+
+	.big { width: 33px; height: 33px; }
+	.small { width: 20px; height: 20px; }
+
+	div.tl {
+		margin-left: 50px;
+		background-position: top left; /* the default */
+	}
+
+	div.br {
+		margin-left: 90px;
+		background-position: bottom right;
+	}
+
+	table.tr {
+		margin-left: 130px;
+		background-position: top right;
+	}
+
+	table.bl {
+		margin-left: 170px;
+		background-position: bottom left;
+	}
+
+	div.tl.big { margin-left: 210px; }
+	div.br.big { margin-left: 250px; }
+	table.tr.big { margin-left: 290px; }
+	table.bl.big { margin-left: 330px; }
+
+	</style>
+</head>
+<body>
+
+<div><img src="square-outline-32x32.png" class="p0"></div>
+<div><img src="square-outline-32x32.png" class="p1"></div>
+<div><img src="square-outline-32x32.png" class="p2"></div>
+<div><img src="square-outline-32x32.png" class="p3"></div>
+<div><img src="square-outline-32x32.png" class="p4"></div>
+<div><img src="square-outline-32x32.png" class="p5"></div>
+<div><img src="square-outline-32x32.png" class="p6"></div>
+<div><img src="square-outline-32x32.png" class="p7"></div>
+<div><img src="square-outline-32x32.png" class="p8"></div>
+<div><img src="square-outline-32x32.png" class="p9"></div>
+
+<div><div class="tl small p0"></div></div>
+<div><div class="tl small p1"></div></div>
+<div><div class="tl small p2"></div></div>
+<div><div class="tl small p3"></div></div>
+<div><div class="tl small p4"></div></div>
+<div><div class="tl small p5"></div></div>
+<div><div class="tl small p6"></div></div>
+<div><div class="tl small p7"></div></div>
+<div><div class="tl small p8"></div></div>
+<div><div class="tl small p9"></div></div>
+
+<div><div class="br small p0"></div></div>
+<div><div class="br small p1"></div></div>
+<div><div class="br small p2"></div></div>
+<div><div class="br small p3"></div></div>
+<div><div class="br small p4"></div></div>
+<div><div class="br small p5"></div></div>
+<div><div class="br small p6"></div></div>
+<div><div class="br small p7"></div></div>
+<div><div class="br small p8"></div></div>
+<div><div class="br small p9"></div></div>
+
+<div><table class="tr small p0"><tr><td></table></div>
+<div><table class="tr small p1"><tr><td></table></div>
+<div><table class="tr small p2"><tr><td></table></div>
+<div><table class="tr small p3"><tr><td></table></div>
+<div><table class="tr small p4"><tr><td></table></div>
+<div><table class="tr small p5"><tr><td></table></div>
+<div><table class="tr small p6"><tr><td></table></div>
+<div><table class="tr small p7"><tr><td></table></div>
+<div><table class="tr small p8"><tr><td></table></div>
+<div><table class="tr small p9"><tr><td></table></div>
+
+<div><table class="bl small p0"><tr><td></table></div>
+<div><table class="bl small p1"><tr><td></table></div>
+<div><table class="bl small p2"><tr><td></table></div>
+<div><table class="bl small p3"><tr><td></table></div>
+<div><table class="bl small p4"><tr><td></table></div>
+<div><table class="bl small p5"><tr><td></table></div>
+<div><table class="bl small p6"><tr><td></table></div>
+<div><table class="bl small p7"><tr><td></table></div>
+<div><table class="bl small p8"><tr><td></table></div>
+<div><table class="bl small p9"><tr><td></table></div>
+
+<div><div class="tl big p0"></div></div>
+<div><div class="tl big p1"></div></div>
+<div><div class="tl big p2"></div></div>
+<div><div class="tl big p3"></div></div>
+<div><div class="tl big p4"></div></div>
+<div><div class="tl big p5"></div></div>
+<div><div class="tl big p6"></div></div>
+<div><div class="tl big p7"></div></div>
+<div><div class="tl big p8"></div></div>
+<div><div class="tl big p9"></div></div>
+
+<div><div class="br big p0"></div></div>
+<div><div class="br big p1"></div></div>
+<div><div class="br big p2"></div></div>
+<div><div class="br big p3"></div></div>
+<div><div class="br big p4"></div></div>
+<div><div class="br big p5"></div></div>
+<div><div class="br big p6"></div></div>
+<div><div class="br big p7"></div></div>
+<div><div class="br big p8"></div></div>
+<div><div class="br big p9"></div></div>
+
+<div><table class="tr big p0"><tr><td></table></div>
+<div><table class="tr big p1"><tr><td></table></div>
+<div><table class="tr big p2"><tr><td></table></div>
+<div><table class="tr big p3"><tr><td></table></div>
+<div><table class="tr big p4"><tr><td></table></div>
+<div><table class="tr big p5"><tr><td></table></div>
+<div><table class="tr big p6"><tr><td></table></div>
+<div><table class="tr big p7"><tr><td></table></div>
+<div><table class="tr big p8"><tr><td></table></div>
+<div><table class="tr big p9"><tr><td></table></div>
+
+<div><table class="bl big p0"><tr><td></table></div>
+<div><table class="bl big p1"><tr><td></table></div>
+<div><table class="bl big p2"><tr><td></table></div>
+<div><table class="bl big p3"><tr><td></table></div>
+<div><table class="bl big p4"><tr><td></table></div>
+<div><table class="bl big p5"><tr><td></table></div>
+<div><table class="bl big p6"><tr><td></table></div>
+<div><table class="bl big p7"><tr><td></table></div>
+<div><table class="bl big p8"><tr><td></table></div>
+<div><table class="bl big p9"><tr><td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/421203-1-ref.html b/layout/reftests/bugs/421203-1-ref.html
new file mode 100644
index 0000000000..268b8703d3
--- /dev/null
+++ b/layout/reftests/bugs/421203-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Reference for 421203-1 and 421203-2</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+Hello world!
diff --git a/layout/reftests/bugs/421203-1.xhtml b/layout/reftests/bugs/421203-1.xhtml
new file mode 100644
index 0000000000..299a5f972e
--- /dev/null
+++ b/layout/reftests/bugs/421203-1.xhtml
@@ -0,0 +1,4 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  Hello world!
+</window>
diff --git a/layout/reftests/bugs/421203-2.xhtml b/layout/reftests/bugs/421203-2.xhtml
new file mode 100644
index 0000000000..6824138a50
--- /dev/null
+++ b/layout/reftests/bugs/421203-2.xhtml
@@ -0,0 +1,4 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:span>Hello world!</html:span>
+</window>
diff --git a/layout/reftests/bugs/421203-3.xhtml b/layout/reftests/bugs/421203-3.xhtml
new file mode 100644
index 0000000000..adc27f7e4b
--- /dev/null
+++ b/layout/reftests/bugs/421203-3.xhtml
@@ -0,0 +1,7 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        style="font-size:0">
+    <html:span style="display:inline" flex="1" /> <!-- causes block wrapping -->
+    <box flex="1" />
+    <label style="font-size:16px" value="hello world" />
+</window>
diff --git a/layout/reftests/bugs/421203-4.xhtml b/layout/reftests/bugs/421203-4.xhtml
new file mode 100644
index 0000000000..77275ecdf7
--- /dev/null
+++ b/layout/reftests/bugs/421203-4.xhtml
@@ -0,0 +1,24 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        class="reftest-wait">
+  <script type="text/javascript"><![CDATA[
+    function run() {
+      const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+      const HTML_NS = "http://www.w3.org/1999/xhtml";
+      var window = document.getElementsByTagName("window")[0];
+      var box = document.getElementsByTagName("box")[0];
+      var span = document.createElementNS(HTML_NS, "html:span");
+      window.insertBefore(span, box); // causes block wrapping
+      setTimeout(finish, 0);
+    }
+    function finish() {
+      document.documentElement.removeAttribute("class");
+    }
+    function load(event) {
+      setTimeout(run, 0);
+    }
+    window.addEventListener("load", load, false);
+  ]]></script>
+    <box flex="1" />
+    <label value="hello world" />
+</window>
diff --git a/layout/reftests/bugs/421203-5.xhtml b/layout/reftests/bugs/421203-5.xhtml
new file mode 100644
index 0000000000..578f6bf920
--- /dev/null
+++ b/layout/reftests/bugs/421203-5.xhtml
@@ -0,0 +1,23 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        class="reftest-wait">
+  <script type="text/javascript"><![CDATA[
+    function run() {
+      const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+      const HTML_NS = "http://www.w3.org/1999/xhtml";
+      var window = document.getElementsByTagName("window")[0];
+      var span = document.createElementNS(HTML_NS, "html:span");
+      window.appendChild(span); // causes block wrapping
+      setTimeout(finish, 0);
+    }
+    function finish() {
+      document.documentElement.removeAttribute("class");
+    }
+    function load(event) {
+      setTimeout(run, 0);
+    }
+    window.addEventListener("load", load, false);
+  ]]></script>
+    <box flex="1" />
+    <label value="hello world" />
+</window>
diff --git a/layout/reftests/bugs/421203-6.xhtml b/layout/reftests/bugs/421203-6.xhtml
new file mode 100644
index 0000000000..00c10721f4
--- /dev/null
+++ b/layout/reftests/bugs/421203-6.xhtml
@@ -0,0 +1,23 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        class="reftest-wait">
+  <script type="text/javascript"><![CDATA[
+    function run() {
+      const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+      const HTML_NS = "http://www.w3.org/1999/xhtml";
+      var span = document.getElementsByTagNameNS(HTML_NS, "span")[0];
+      span.remove();
+      setTimeout(finish, 0);
+    }
+    function finish() {
+      document.documentElement.removeAttribute("class");
+    }
+    function load(event) {
+      setTimeout(run, 0);
+    }
+    window.addEventListener("load", load, false);
+  ]]></script>
+    <html:span style="display:inline" flex="1" /> <!-- causes block wrapping -->
+    <box flex="1" />
+    <label value="hello world" />
+</window>
diff --git a/layout/reftests/bugs/421234-1-ref.html b/layout/reftests/bugs/421234-1-ref.html
new file mode 100644
index 0000000000..edf7e66d6b
--- /dev/null
+++ b/layout/reftests/bugs/421234-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<div>A</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421234-1.html b/layout/reftests/bugs/421234-1.html
new file mode 100644
index 0000000000..1c65ed51ae
--- /dev/null
+++ b/layout/reftests/bugs/421234-1.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<div>&zwnj;A</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421239-1-ref.html b/layout/reftests/bugs/421239-1-ref.html
new file mode 100644
index 0000000000..6e75fc08e6
--- /dev/null
+++ b/layout/reftests/bugs/421239-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div#a { margin: 100px 0px 100px 0px;  }
+  </style>
+</head>
+<body>
+  <div id="a"></div>
+  <div>b</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421239-1.html b/layout/reftests/bugs/421239-1.html
new file mode 100644
index 0000000000..d9cc8b5b48
--- /dev/null
+++ b/layout/reftests/bugs/421239-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <style>
+    div#a { margin: 100px 0px 100px 0px;  }
+  </style>
+  <script>
+  function boom()
+  {
+    var a = document.getElementById("a");
+    a.firstChild.remove();
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="boom();">
+  <div id="a">a</div>
+  <div>b</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421239-2-ref.html b/layout/reftests/bugs/421239-2-ref.html
new file mode 100644
index 0000000000..3d2770879a
--- /dev/null
+++ b/layout/reftests/bugs/421239-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div#a { margin: 0px 0px 100px 0px;  }
+  </style>
+</head>
+<body>
+  <div id="a"></div>
+  <div>b</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421239-2.html b/layout/reftests/bugs/421239-2.html
new file mode 100644
index 0000000000..6db0b8e89c
--- /dev/null
+++ b/layout/reftests/bugs/421239-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <style>
+    div#a { margin: 0px 0px 100px 0px;  }
+  </style>
+  <script>
+  function boom()
+  {
+    var a = document.getElementById("a");
+    a.firstChild.remove();
+    document.documentElement.className = "";
+  }
+  </script>
+</head>
+<body onload="boom();">
+  <div id="a">a</div>
+  <div>b</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421419-1-ref.html b/layout/reftests/bugs/421419-1-ref.html
new file mode 100644
index 0000000000..0ee5a5c6c1
--- /dev/null
+++ b/layout/reftests/bugs/421419-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+div {
+	float: left;
+	border: medium solid black;
+}
+</style>
+</head>
+<body>
+<div><span style="padding-right: 10em;"><br>&lrm;</span></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/421419-1.html b/layout/reftests/bugs/421419-1.html
new file mode 100644
index 0000000000..1a3b5f79fd
--- /dev/null
+++ b/layout/reftests/bugs/421419-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+div {
+	float: left;
+	border: medium solid black;
+}
+</style>
+</head>
+<body>
+<div><span style="padding-right: 10em;"><br>&rlm;</span></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/421436-1-ref.html b/layout/reftests/bugs/421436-1-ref.html
new file mode 100644
index 0000000000..c7b5995c37
--- /dev/null
+++ b/layout/reftests/bugs/421436-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>A</div>
+<div>B</div>
+
+<div>A</div>
+<div style="visibility:hidden">B</div>
+<div>B</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421436-1a.html b/layout/reftests/bugs/421436-1a.html
new file mode 100644
index 0000000000..353d571bcc
--- /dev/null
+++ b/layout/reftests/bugs/421436-1a.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>A<br>B</div>
+<div>A<br><br>B</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421436-1b.html b/layout/reftests/bugs/421436-1b.html
new file mode 100644
index 0000000000..2c1c4b3e12
--- /dev/null
+++ b/layout/reftests/bugs/421436-1b.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+<div>A<br>B</div>
+<div>A<br><br>B</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421632-1-ref.html b/layout/reftests/bugs/421632-1-ref.html
new file mode 100644
index 0000000000..350bd71d15
--- /dev/null
+++ b/layout/reftests/bugs/421632-1-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html> 
+
+<head>
+<title></title>
+
+<style>
+
+body {
+ margin: 20px;
+}
+
+tr {
+ background: gray;
+}
+
+.t2 tr {
+ outline: 1px solid gray;
+}
+
+.t1 tr {
+ outline: 1px solid red;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<table id="table1" class="t1">
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+</table>
+
+<table class="t2">
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+
+  <tr><td>AAAA</td></tr>
+</table>
+
+<br/>
+<form method="get" action="#">
+  <input type="button" onclick="showBug(); return false;" value="Trigger bug"/>
+</form>
+
+</body> </html>
diff --git a/layout/reftests/bugs/421632-1.html b/layout/reftests/bugs/421632-1.html
new file mode 100644
index 0000000000..9b8fee873b
--- /dev/null
+++ b/layout/reftests/bugs/421632-1.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html class="reftest-wait"> 
+
+<head>
+<title></title>
+
+<style>
+
+body {
+ margin: 20px;
+}
+
+tr {
+ background: gray;
+}
+
+.t2 tr {
+ outline: 1px solid gray;
+}
+
+.t1 tr {
+ outline: 1px solid red;
+}
+
+</style>
+
+<script type="text/javascript">
+
+function showBug() {
+  document.getElementById("table1").setAttribute("class", "t1");
+}
+
+window.addEventListener("MozReftestInvalidate",
+  function() {
+    showBug();
+    document.documentElement.className = "";
+  });
+
+</script>
+
+</head>
+
+<body>
+
+<table id="table1">
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+</table>
+
+<table class="t2">
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+  <tr><td>AAAA</td></tr>
+
+  <tr><td>AAAA</td></tr>
+</table>
+
+<br/>
+<form method="get" action="#">
+  <input type="button" onclick="showBug(); return false;" value="Trigger bug"/>
+</form>
+
+</body> </html>
diff --git a/layout/reftests/bugs/421710-1.html b/layout/reftests/bugs/421710-1.html
new file mode 100644
index 0000000000..7c5f8bdc1b
--- /dev/null
+++ b/layout/reftests/bugs/421710-1.html
@@ -0,0 +1,226 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html class="reftest-paged">
+<head>
+<style>
+#spContainer {
+clear: both;
+float: left !important;
+margin:0 !important;
+padding: 0 0 0 22px !important;
+min-width: 980px;
+max-width: 3000px;
+}
+.spSmallScreen #spMainContent {
+float: left !important;
+margin: 20px 12px 10px 0;
+padding: 0 0 0 0;
+width: 422px !important;
+clear:left;
+overflow: hidden;
+}
+.spSmallScreen #spColumnRight {
+float: left !important;
+margin: 0;
+width: 339px !important;
+background-repeat: repeat-y;
+background-position: top left;
+padding:0;
+overflow: hidden;
+}
+.spBigScreen #spColumnRight ul.spSingle,
+.spBigScreen #spColumnRight ul.spSplit,
+.spBigScreen #spColumnRight ul.spSplitRight {
+width: 220px !important;
+list-style: none;
+}
+.spBigScreen #spColumnRight ul.spSingle li,
+.spBigScreen #spColumnRight ul.spSplit li {
+width: 220px !important;
+float: none !important;
+}
+.spInfoBox {
+float: left;
+margin: 0 0 0 1px;
+padding: 13px 10px 15px 11px  !important;
+width: 317px;
+}
+.spInfoBox table{
+width: 280px !important;
+}
+ul.spSingle,
+ul.spSplit,
+ul.spSplitRight {
+float: left;
+padding: 0;
+width: 155px !important;
+margin: 11px 0 0 1px;
+list-style: none;
+}
+ul.spSplitRight {
+width: 142px !important;
+margin: 13px 0 0 11px !important;
+}
+#spBreadcrumbLine {
+width: 772px;
+height: auto;
+padding: 10px 0 8px 0;
+font-size: 0.625em;
+text-align: right;
+line-height: 1em;
+}
+.spArticleCredit{
+float: left;
+margin: 0;
+padding: 0;
+width: 100%;
+font-size: 0.8333em !important;
+line-height: 1.2em;
+text-align: right;
+}
+</style>
+</head>
+<body>
+<br clear="all">
+<div id="spContainer" class="spSmallScreen">
+<div id="spBreadcrumbLine">
+<br clear="all">
+</div>
+<div id="spMainContent">
+<div class="spArticleCredit">
+</div>
+<br clear="all">
+</div>
+
+<div id="spColumnRight">
+<div class="spInfoBox">
+<h5><a href=""></a></h5>
+<div id="spTop3KastenReiter">
+<ul>
+</ul>
+</div>
+<div id="spTop3daten">
+<ul class="spSplit">
+<li><h6>Gestresste Eltern: Hauen und Stechen in der Chancengesellschaft</h6>
+<div style="width: 140px">
+<img src="" width="140" height="80" />
+<div style="width:142px;">
+<div align="right" class="spCredit">AP</div>
+</div>
+
+</div>
+</li>
+</ul>
+<ul class="spSplitRight">
+</ul>
+</div>
+<br clear="all" />
+</div>
+<br clear="all" />
+<br clear="all">
+<br clear="all">
+<br>
+<div class="spInfoBox">
+<h5>SPIEGEL-DOSSIERS</h5>
+<ul class="spSplit">
+  <li>
+
+    <h6>Oskar Lafontaine: Der rote Panther</h6>
+    <div style="width: 140px;">
+    <img src="" height="80"  width="140">
+    <div style="width: 142px;">
+    <div class="spCredit" align="right">DPA</div>
+    </div>
+    </div>
+  </li>
+
+</ul>
+</div>
+<br clear="all">
+<br clear="all">
+<div class="spInfoBox">
+<h5>SPIEGEL special Geschichte</h5>
+<div style="clear: left;" align="center">
+<div style="width: 140px;">
+ <img src="" height="185" width="140"></div>
+</div>
+</div>
+<br clear="all">
+<div class="spInfoBox">
+<h5>SERVICE-ANGEBOTE</h5>
+
+<div>
+<table cellpadding="0" cellspacing="0" width="100%">
+  <tbody>
+    <tr>
+      <td><img src=""></td>
+      <td><img src=""></td>
+      <td><img src=""></td>
+      <td>Immobilien-<br> B&ouml;rse</td>
+
+    </tr>
+    <tr>
+      <td><img src=""></td>
+      <td>Lotto</td>
+      <td><img src=""></td>
+      <td>Banken-<br>Vergleiche</td>
+      <td><img src=""></td>
+
+      <td>Partnersuche</td>
+    </tr>
+    <tr>
+      <td><img src=""></td>
+      <td>Sportwetten</td>
+      <td><img src=""></td>
+      <td>Versicherungs-<br>Vergleiche</td>
+
+      <td><img src=""></td>
+      <td>Automarkt</td>
+    </tr>
+    <tr>
+      <td><img src=""></td>
+      <td><img src=""></td>
+      <td>Kostenloses<br>Girokonto</td>
+
+      <td><img src=""></td>
+      <td>Kfz-<br>Versicherung</td>
+    </tr>
+    <tr>
+      <td><img src=""></td>
+      <td><img src=""></td>
+      <td><img src=""></td>
+      <td>Brutto-Netto-<br>Rechner</td>
+
+    </tr>
+    <tr>
+      <td><img src=""></td>
+      <td><img src=""></td>
+      <td>Prozesskosten-<br>Rechner</td>
+      <td><img src=""></td>
+      <td>Uni-Tools</td>
+
+    </tr>
+    <tr>
+      <td><img src="" alt="SPIEGEL ONLINE"></td>
+      <td><img src=""></td>
+      <td><img src="" alt="SPIEGEL ONLINE"></td>
+    </tr>
+    <tr>
+      <td><img src=""></td>
+      <td>W&auml;hrungs-<br>Rechner</td>
+
+      <td><img src=""></td>
+    </tr>
+    <tr>
+      <td>H&ouml;rbuch-<br>Downloads</td>
+  </tbody>
+</table>
+</div>
+</div>
+</div>
+
+</div>
+<br clear="all">
+<br>
+<br clear="all">
+</body>
+</html>
diff --git a/layout/reftests/bugs/421885-1-ref.xml b/layout/reftests/bugs/421885-1-ref.xml
new file mode 100644
index 0000000000..6884bdcf0d
--- /dev/null
+++ b/layout/reftests/bugs/421885-1-ref.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<svg xmlns:html="http://www.w3.org/1999/xhtml"
+      xmlns="http://www.w3.org/2000/svg">
+  <foreignObject transform="scale(2)" width="100%" height="100%">
+    <!-- test the two-span case, subimage covers two tiles -->
+    <html:div style="width:2px; height:64px; background:black;
+                   margin-bottom:5px;">
+    </html:div>
+    <html:div style="width:64px; height:2px; background:black;
+                   margin-bottom:5px;">
+    </html:div>
+    <!-- test the one-span case, subimage covers one tile at the end of the tile -->
+    <html:div style="width:1px; height:64px; background:black;
+                   margin-bottom:5px;">
+    </html:div>
+    <html:div style="width:64px; height:1px; background:black;
+                   margin-bottom:5px;">
+    </html:div>
+    <!-- test the one-span case, subimage covers one tile at the start of the tile -->
+    <html:div style="width:1px; height:64px; background:black;
+                   margin-bottom:5px;">
+    </html:div>
+    <html:div style="width:64px; height:1px; background:black;
+                   margin-bottom:5px;">
+    </html:div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/bugs/421885-1.xml b/layout/reftests/bugs/421885-1.xml
new file mode 100644
index 0000000000..6e78617551
--- /dev/null
+++ b/layout/reftests/bugs/421885-1.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<svg xmlns:html="http://www.w3.org/1999/xhtml"
+      xmlns="http://www.w3.org/2000/svg">
+  <foreignObject transform="scale(2)" width="100%" height="100%">
+    <!-- test the two-span case, subimage covers two tiles -->
+    <html:div style="width:2px; height:64px; background-position:-31px 0;
+                   background-image: url(square-left-right-32x32.png);
+                   margin-bottom:5px;">
+    </html:div>
+    <html:div style="width:64px; height:2px; background-position:0 -31px;
+                   background-image: url(square-top-bottom-32x32.png);
+                   margin-bottom:5px;">
+    </html:div>
+    <!-- test the one-span case, subimage covers one tile at the end of the tile -->
+    <html:div style="width:1px; height:64px; background-position:-31px 0;
+                   background-image: url(square-left-right-32x32.png);
+                   margin-bottom:5px;">
+    </html:div>
+    <html:div style="width:64px; height:1px; background-position:0 -31px;
+                   background-image: url(square-top-bottom-32x32.png);
+                   margin-bottom:5px;">
+    </html:div>
+    <!-- test the one-span case, subimage covers one tile at the start of the tile -->
+    <html:div style="width:1px; height:64px; background-position:0 0;
+                   background-image: url(square-left-right-32x32.png);
+                   margin-bottom:5px;">
+    </html:div>
+    <html:div style="width:64px; height:1px; background-position:0 0;
+                   background-image: url(square-top-bottom-32x32.png);
+                   margin-bottom:5px;">
+    </html:div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/bugs/421955-1-ref.html b/layout/reftests/bugs/421955-1-ref.html
new file mode 100644
index 0000000000..8113b3a837
--- /dev/null
+++ b/layout/reftests/bugs/421955-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body style="text-rendering: optimizeLegibility; background-color: white;
+      letter-spacing: 2px;">
+<p>&#x0305;<span style="color: white">-hidden</span></p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/421955-1.html b/layout/reftests/bugs/421955-1.html
new file mode 100644
index 0000000000..b1441b066d
--- /dev/null
+++ b/layout/reftests/bugs/421955-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<!-- Use letter-spacing in the style to keep the antialiased edges of the glyph
+     from being erased by the following white span in the reference -->
+<body style="text-rendering: optimizeLegibility; background-color: white;
+      letter-spacing: 2px;">
+<p>&#x0305;</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/422249-1-ref.html b/layout/reftests/bugs/422249-1-ref.html
new file mode 100644
index 0000000000..2919257553
--- /dev/null
+++ b/layout/reftests/bugs/422249-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<head><style>
+ .tall { 
+   border: 1px solid black;
+   line-height: 20px;
+ }
+</style></head>
+<body style="margin:0">
+  <table class="tall" cellspacing="0" cellpadding="0"><td valign="top">
+    <div style="height:2000px;">
+      a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i
+      <br>j<br>k<br>l<br>m<br>n<br>o<br>p<br>q<br>r<br>s<br>t<br>u<br>v<br>w<br>x
+      <br>y<br>z<br>a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i<br>j<br>k<br>l
+      <br>m<br>n<br>o<br>p<br>q<br>r<br>s<br>t<br>u<br>v<br>w<br>x<br>y<br>z
+      <br>a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i<br>j<br>k<br>l<br>m<br>n</td>
+    </div>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/422249-1.html b/layout/reftests/bugs/422249-1.html
new file mode 100644
index 0000000000..84bb8ab1e0
--- /dev/null
+++ b/layout/reftests/bugs/422249-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<head><style>
+ .tall { 
+   border: 1px solid black;
+   height: 2002px;
+   line-height: 20px;
+ }
+</style></head>
+<body style="margin:0">
+  <table class="tall" cellspacing="0" cellpadding="0"><td valign="top">a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i
+    <br>j<br>k<br>l<br>m<br>n<br>o<br>p<br>q<br>r<br>s<br>t<br>u<br>v<br>w<br>x
+    <br>y<br>z<br>a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i<br>j<br>k<br>l
+    <br>m<br>n<br>o<br>p<br>q<br>r<br>s<br>t<br>u<br>v<br>w<br>x<br>y<br>z
+    <br>a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i<br>j<br>k<br>l<br>m<br>n</td>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/422394-1-ref.html b/layout/reftests/bugs/422394-1-ref.html
new file mode 100644
index 0000000000..3c4d59e954
--- /dev/null
+++ b/layout/reftests/bugs/422394-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<pre>xxxxxxxx        xxxxxxxx        xxxxxxxx</pre>
+</body>
+</html>
diff --git a/layout/reftests/bugs/422394-1.html b/layout/reftests/bugs/422394-1.html
new file mode 100644
index 0000000000..e6f049b03e
--- /dev/null
+++ b/layout/reftests/bugs/422394-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<pre>xxxxxxxx	xxxxxxxx	xxxxxxxx</pre>
+</body>
+</html>
diff --git a/layout/reftests/bugs/422678-1-ref.html b/layout/reftests/bugs/422678-1-ref.html
new file mode 100644
index 0000000000..bcd08f4825
--- /dev/null
+++ b/layout/reftests/bugs/422678-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<body>
+<table border="1">
+  <tbody>
+    <tr>
+      <td style="background:yellow;"><div style="height:800px;">Hello</div></td>
+    </tr>
+  </tbody>
+</table> 
+</body>
+</html>
diff --git a/layout/reftests/bugs/422678-1.html b/layout/reftests/bugs/422678-1.html
new file mode 100644
index 0000000000..cd4e3829f5
--- /dev/null
+++ b/layout/reftests/bugs/422678-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<body>
+<table border="1">
+  <tbody>
+    <tr>
+      <td style="background:yellow; height:800px;" valign="top">Hello</td>
+    </tr>
+  </tbody>
+</table> 
+</body>
+</html>
diff --git a/layout/reftests/bugs/423130-1-ref.html b/layout/reftests/bugs/423130-1-ref.html
new file mode 100644
index 0000000000..3a39d09548
--- /dev/null
+++ b/layout/reftests/bugs/423130-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+div {
+	float: left;
+	border: medium solid black;
+}
+</style>
+</head>
+<body>
+<div><span style="padding-right: 10em;" id="s"><br></span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/423130-1.html b/layout/reftests/bugs/423130-1.html
new file mode 100644
index 0000000000..43dded9bae
--- /dev/null
+++ b/layout/reftests/bugs/423130-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<script type="text/javascript">
+function boom()
+{
+  var s = document.getElementById("s");
+  s.removeChild(s.lastChild);
+}
+</script>
+<style type="text/css">
+div {
+	float: left;
+	border: medium solid black;
+}
+</style>
+</head>
+<body onload="boom();">
+<div><span style="padding-right: 10em;" id="s"><br>&rlm;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/423385-1-ref.html b/layout/reftests/bugs/423385-1-ref.html
new file mode 100644
index 0000000000..a9513ea6c0
--- /dev/null
+++ b/layout/reftests/bugs/423385-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+ <div style="float:left; background-color:yellow; height:100px; width:2px;"></div>
+ <div style="float:left; background-color:purple; height:100px; width:150px;"></div>
+ <div style="float:left; background-color:yellow; height:100px; width:10px;"></div>
+ <div style="float:left; background-color:red; height:100px; width:272px;"></div>
+ <div style="float:left; background-color:yellow; height:100px; width:4px;"></div>
+ <div style="float:left; background-color:orange; height:100px; width:150px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/423385-1.html b/layout/reftests/bugs/423385-1.html
new file mode 100644
index 0000000000..6a4175ae78
--- /dev/null
+++ b/layout/reftests/bugs/423385-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+ <div style="float:left; background-color:yellow;
+     height:100px; overflow:hidden;">
+  <div style="float:left; width: 272px;background-color:red;
+     height:100px;margin-left:162px;">
+  </div>
+  <div style="width:150px;margin-left:-432px;height:100px;float:left;background-color:purple;">
+  </div>
+  <div style="width:150px;margin-left:4px;float:left;background-color:orange;height:100px;">
+
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/423599-1-ref.html b/layout/reftests/bugs/423599-1-ref.html
new file mode 100644
index 0000000000..5b6258334b
--- /dev/null
+++ b/layout/reftests/bugs/423599-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+  <head><style>
+    select          { visibility: hidden; }
+    select.unthemed { -moz-appearance: none; margin: 2px 0 2px 0}
+  </style></head>
+  <body>
+    <div style="background: lightblue">
+      <select class="unthemed"></select>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/423599-1.html b/layout/reftests/bugs/423599-1.html
new file mode 100644
index 0000000000..5023878964
--- /dev/null
+++ b/layout/reftests/bugs/423599-1.html
@@ -0,0 +1,14 @@
+<html>
+  <head><style>
+    select          { visibility: hidden; }
+    select.unthemed { -moz-appearance: none; margin: 2px 0 2px 0}
+  </style></head>
+  <body>
+    <div style="background: lightblue">
+      <select class="unthemed"></select><!--
+        No space here to make this more robust
+        in the face of different default fonts 
+      --><select></select>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/423676-1-ref.html b/layout/reftests/bugs/423676-1-ref.html
new file mode 100644
index 0000000000..82a50a61fb
--- /dev/null
+++ b/layout/reftests/bugs/423676-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Testcase for bug 423676</title>
+<style>
+#a,#d {font-weight: bold;}
+</style>
+</head>
+<body>
+<pre><span id="a">A</span>
+B
+C
+</pre>
+<pre><span id="d">D</span>
+
+E
+</pre>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/423676-1.html b/layout/reftests/bugs/423676-1.html
new file mode 100644
index 0000000000..8b72f71875
--- /dev/null
+++ b/layout/reftests/bugs/423676-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Testcase for bug 423676</title>
+<script>
+function boom() {
+	document.getElementById("a").style.fontWeight='bold';
+	document.getElementById("d").style.fontWeight='bold';
+}
+</script>
+</head>
+<body onload="boom();">
+<pre><span id="a">A</span>
+&rlm;B
+C
+</pre>
+<pre><span id="d">D</span>
+&rlm;
+E
+</pre>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/423823-1-ref.html b/layout/reftests/bugs/423823-1-ref.html
new file mode 100644
index 0000000000..a84c728c7e
--- /dev/null
+++ b/layout/reftests/bugs/423823-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:200px; height:100px; background:yellow;"></div>
+<br>
+<div style="width:200px; height:100px; background:yellow; overflow:scroll;">
+  <div style="height:200px; width:200px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/423823-1.html b/layout/reftests/bugs/423823-1.html
new file mode 100644
index 0000000000..7e615b0172
--- /dev/null
+++ b/layout/reftests/bugs/423823-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<table cellspacing="0" cellpadding="0" style="width:200px;">
+  <tbody style="height:100px; overflow:hidden;">
+    <tr style="background:yellow;"><td><div style="height:200px;"></div>
+  </tbody>
+</table>
+<br>
+<table cellspacing="0" cellpadding="0" style="width:200px;">
+  <tbody style="height:100px; overflow:scroll;">
+    <tr style="background:yellow;"><td><div style="height:200px;"></div>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/424074-1-ref.xhtml b/layout/reftests/bugs/424074-1-ref.xhtml
new file mode 100644
index 0000000000..d29aff218c
--- /dev/null
+++ b/layout/reftests/bugs/424074-1-ref.xhtml
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <vbox style="width: 500px">
+    <scrollbar
+        orient="horizontal"
+        curpos="0"
+        maxpos="100"
+        pageincrement="10"/>
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/424074-1-ref2.xhtml b/layout/reftests/bugs/424074-1-ref2.xhtml
new file mode 100644
index 0000000000..ee970320f3
--- /dev/null
+++ b/layout/reftests/bugs/424074-1-ref2.xhtml
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <vbox style="width: 500px">
+    <scrollbar
+        orient="horizontal"
+        curpos="0"
+        maxpos="100"
+        pageincrement="40"/>
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/424074-1-ref3.xhtml b/layout/reftests/bugs/424074-1-ref3.xhtml
new file mode 100644
index 0000000000..7070727cb6
--- /dev/null
+++ b/layout/reftests/bugs/424074-1-ref3.xhtml
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <vbox style="width: 500px">
+    <scrollbar
+        orient="horizontal"
+        curpos="0"
+        maxpos="1000"
+        pageincrement="400"/>
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/424074-1.xhtml b/layout/reftests/bugs/424074-1.xhtml
new file mode 100644
index 0000000000..88e3581e03
--- /dev/null
+++ b/layout/reftests/bugs/424074-1.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <vbox style="width: 500px">
+    <scrollbar orient="horizontal"/>
+  </vbox>
+</window>
diff --git a/layout/reftests/bugs/424236-1-ref.html b/layout/reftests/bugs/424236-1-ref.html
new file mode 100644
index 0000000000..87b4e2c6a0
--- /dev/null
+++ b/layout/reftests/bugs/424236-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+	/* can't compare to border combined with negative margin because of
+	   margin collapsing */
+	body > div { display: block; outline: 1px dotted black; }
+	</style>
+</head>
+<body>
+
+<div>text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-1.html b/layout/reftests/bugs/424236-1.html
new file mode 100644
index 0000000000..ba747a6290
--- /dev/null
+++ b/layout/reftests/bugs/424236-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; }
+
+	</style>
+</head>
+<body>
+
+<span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-10-ref.html b/layout/reftests/bugs/424236-10-ref.html
new file mode 100644
index 0000000000..6a8d8b1aa6
--- /dev/null
+++ b/layout/reftests/bugs/424236-10-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML> <!-- standards mode only! -->
+<html>
+<head>
+<title>Testcase, overflow on empty spans</title>
+<style type="text/css">
+
+html, body { margin: 0; padding: 0.25em; }
+body > div { background:aqua; }
+body > div > div { outline: 1px dotted black; margin: 0 1em; }
+
+</style>
+</head>
+<body>
+  <div>
+    <div>text</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-10.html b/layout/reftests/bugs/424236-10.html
new file mode 100644
index 0000000000..3d8eb191f2
--- /dev/null
+++ b/layout/reftests/bugs/424236-10.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML> <!-- standards mode only! -->
+<html>
+<head>
+<title>Testcase, overflow on empty spans</title>
+<style type="text/css">
+
+html, body { margin: 0; padding: 0.25em; }
+div { background:aqua; }
+div > span { outline: 1px dotted black; }
+div > span > span { display:block; margin: 0 1em; }
+
+</style>
+</head>
+<body>
+  <div>
+    <span>
+      <span>text</span></span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-11.html b/layout/reftests/bugs/424236-11.html
new file mode 100644
index 0000000000..efc813761a
--- /dev/null
+++ b/layout/reftests/bugs/424236-11.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	/* just like 424236-3, but with two extra spans nested */
+
+	* { -moz-outline-offset: 5px; outline-offset: 5px; }
+	body > span { outline: 1px dotted black; }
+	body > span > span > span > span { display: block; width: 5em; }
+
+	</style>
+</head>
+<body>
+
+<span><span><span><span>text</span></span></span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-2-ref.html b/layout/reftests/bugs/424236-2-ref.html
new file mode 100644
index 0000000000..4bb0de68de
--- /dev/null
+++ b/layout/reftests/bugs/424236-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	/* can't compare to border combined with negative margin because of
+	   margin collapsing */
+	body > div { display: block; outline: 1px dotted black; }
+
+	</style>
+</head>
+<body>
+
+&nbsp;&nbsp;<span>A</span><div>B</div><span>C</span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-2.html b/layout/reftests/bugs/424236-2.html
new file mode 100644
index 0000000000..70cd1c4571
--- /dev/null
+++ b/layout/reftests/bugs/424236-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; }
+
+	</style>
+</head>
+<body>
+
+&nbsp;&nbsp;<span>A<span>B</span>C</span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-3-ref.html b/layout/reftests/bugs/424236-3-ref.html
new file mode 100644
index 0000000000..00153c3f60
--- /dev/null
+++ b/layout/reftests/bugs/424236-3-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	* { -moz-outline-offset: 5px; outline-offset: 5px; }
+	/* can't compare to border combined with negative margin because of
+	   margin collapsing */
+	body > div { display: block; outline: 1px dotted black; width: 5em; }
+
+	</style>
+</head>
+<body>
+
+<div>text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-3.html b/layout/reftests/bugs/424236-3.html
new file mode 100644
index 0000000000..fef7ced9da
--- /dev/null
+++ b/layout/reftests/bugs/424236-3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	* { -moz-outline-offset: 5px; outline-offset: 5px; }
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 5em; }
+
+	</style>
+</head>
+<body>
+
+<span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-4-ref.html b/layout/reftests/bugs/424236-4-ref.html
new file mode 100644
index 0000000000..ad4a057785
--- /dev/null
+++ b/layout/reftests/bugs/424236-4-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	/* can't compare to border combined with negative margin because of
+	   margin collapsing */
+	body > div { display: block; outline: 1px dotted black; width: 10em; }
+
+	</style>
+</head>
+<body>
+
+<div>text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-4.html b/layout/reftests/bugs/424236-4.html
new file mode 100644
index 0000000000..d7fba65a0e
--- /dev/null
+++ b/layout/reftests/bugs/424236-4.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { width: 5em; }
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 10em; }
+
+	</style>
+</head>
+<body>
+
+<span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-5-ref.html b/layout/reftests/bugs/424236-5-ref.html
new file mode 100644
index 0000000000..e524214986
--- /dev/null
+++ b/layout/reftests/bugs/424236-5-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	* { -moz-outline-offset: -2px; outline-offset: -2px; }
+	/* can't compare to border combined with negative margin because of
+	   margin collapsing */
+	body > div { display: block; outline: 1px dotted black; width: 15em; }
+
+	</style>
+</head>
+<body>
+
+<div>text<br>text<br>text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-5.html b/layout/reftests/bugs/424236-5.html
new file mode 100644
index 0000000000..dedf4330cb
--- /dev/null
+++ b/layout/reftests/bugs/424236-5.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	* { -moz-outline-offset: -2px; outline-offset: -2px; }
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 10em; }
+	body > span > span + span { width: 5em; }
+	body > span > span + span + span { width: 15em; }
+
+	</style>
+</head>
+<body>
+
+<span><span>text</span><span>text</span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-6-ref.html b/layout/reftests/bugs/424236-6-ref.html
new file mode 100644
index 0000000000..a0879f5d15
--- /dev/null
+++ b/layout/reftests/bugs/424236-6-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	/* can't compare to border combined with negative margin because of
+	   margin collapsing */
+	body > div { display: block; outline: 1px dotted black; }
+	body > div > div { text-align: right; }
+	body > div > div > span { display: inline-block; width: 5em; text-align: left; }
+
+	</style>
+</head>
+<body>
+
+<div>text<div><span>text</span></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-6.html b/layout/reftests/bugs/424236-6.html
new file mode 100644
index 0000000000..0742419f4f
--- /dev/null
+++ b/layout/reftests/bugs/424236-6.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 5em; }
+	body > span > span + span { margin-left: auto; }
+
+	</style>
+</head>
+<body>
+
+<span><span>text</span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-7-ref.html b/layout/reftests/bugs/424236-7-ref.html
new file mode 100644
index 0000000000..9904b0176c
--- /dev/null
+++ b/layout/reftests/bugs/424236-7-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	/* can't compare to border combined with negative margin because of
+	   margin collapsing */
+	body > div { display: block; outline: 1px dotted black; width: 5em; margin-left: auto; margin-right: auto; }
+
+	</style>
+</head>
+<body>
+
+<div>text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-7.html b/layout/reftests/bugs/424236-7.html
new file mode 100644
index 0000000000..61fbcfa4b7
--- /dev/null
+++ b/layout/reftests/bugs/424236-7.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>reftest, bug 424236</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 5em; margin-right: auto; margin-left: auto; }
+
+	</style>
+</head>
+<body>
+
+<span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-8-ref.html b/layout/reftests/bugs/424236-8-ref.html
new file mode 100644
index 0000000000..219d39c50f
--- /dev/null
+++ b/layout/reftests/bugs/424236-8-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+        <title>reftest, bug 424236</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+
+        * { -moz-outline-offset: 3px; outline-offset: 3px; }
+        body > span { outline: 1px dotted black; }
+        /* can't compare to border combined with negative margin because of
+           margin collapsing */
+        body > div { display: block; outline: 1px dotted black; }
+        body > div { width: 10em; }
+        body > div + span + div { width: 15em }
+
+        </style>
+</head>
+<body>
+
+<div>text</div><span>text</span><div>text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-8.html b/layout/reftests/bugs/424236-8.html
new file mode 100644
index 0000000000..d5e65c4e5e
--- /dev/null
+++ b/layout/reftests/bugs/424236-8.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+        <title>reftest, bug 424236</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+
+        * { -moz-outline-offset: 3px; outline-offset: 3px; }
+        body > span { outline: 1px dotted black; }
+        body > span > span { display: block; width: 10em; }
+        body > span > span + span { display:inline; }
+        body > span > span + span + span { display: block; width: 15em; }
+
+        </style>
+</head>
+<body>
+
+<span><span>text</span><span>text</span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-9-ref.html b/layout/reftests/bugs/424236-9-ref.html
new file mode 100644
index 0000000000..6c3dea9f7b
--- /dev/null
+++ b/layout/reftests/bugs/424236-9-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+        <title>reftest, bug 424236</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+
+        body { font-size: 16px; }
+        * { -moz-outline-offset: -1px; outline-offset: -1px; }
+        body > span { outline: 1px dotted black; }
+        /* can't compare to border combined with negative margin because of
+           margin collapsing */
+        body > div { display: block; outline: 1px dotted black; width: 10em; }
+        body > div + span + div { width: 5em; }
+
+        </style>
+</head>
+<body>
+
+<div>text</div><span>Some words that must be wider than 10em</span><div>text</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424236-9.html b/layout/reftests/bugs/424236-9.html
new file mode 100644
index 0000000000..a8494924fe
--- /dev/null
+++ b/layout/reftests/bugs/424236-9.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+        <title>reftest, bug 424236</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+
+        body { font-size: 16px; }
+        * { -moz-outline-offset: -1px; outline-offset: -1px; }
+        body > span { outline: 1px dotted black; }
+        body > span > span { display: block; width: 10em; }
+        body > span > span + span { display:inline; }
+        body > span > span + span + span { display: block; width: 5em; }
+
+        </style>
+</head>
+<body>
+
+<span><span>text</span><span>Some words that must be wider than 10em</span><span>text</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424434-1-ref.html b/layout/reftests/bugs/424434-1-ref.html
new file mode 100644
index 0000000000..7590961eb9
--- /dev/null
+++ b/layout/reftests/bugs/424434-1-ref.html
@@ -0,0 +1,10 @@
+<head>
+</head>
+<body>
+<table style="border:1px solid blue">
+<thead style="display: table-cell; border-collapse: collapse; border:1px solid red; padding:1px">
+<td style="display: table-header-group; border:1px solid green"></td>
+<td style=" border:10px solid orange" ></td>
+</thead>
+</table>
+</body>
\ No newline at end of file
diff --git a/layout/reftests/bugs/424434-1.html b/layout/reftests/bugs/424434-1.html
new file mode 100644
index 0000000000..e4276b4620
--- /dev/null
+++ b/layout/reftests/bugs/424434-1.html
@@ -0,0 +1,10 @@
+<head>
+</head>
+<body>
+<table style="border:1px solid blue">
+<thead style="display: table-cell; border-collapse: collapse; border:1px solid red; padding:1px">
+<td style="overflow: auto; display: table-header-group; border:1px solid green"></td>
+<td style=" border:10px solid orange" ></td>
+</thead>
+</table>
+</body>
\ No newline at end of file
diff --git a/layout/reftests/bugs/424465-1-ref.html b/layout/reftests/bugs/424465-1-ref.html
new file mode 100644
index 0000000000..05f254e819
--- /dev/null
+++ b/layout/reftests/bugs/424465-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>            
+    <title>424465 testcase</title>         
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+         
+    <style type="text/css">      
+      .standardform {
+      background-color: #00f000;
+      border: 1px solid #000000; 
+      margin-bottom: 3px; /* Remove this line and bug disappears */
+      }  
+    </style>  
+
+  </head>
+
+  <body>
+
+    <form method="get" action="#">
+      <table class="standardform" cellspacing="5">
+        <tbody>
+          <tr>
+            <td colspan="2" id="hiddenColumnBugged">
+              <div>.: See the bug ? :.<br/>
+                <img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAATCAIAAAB0hvS3AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAuUlEQVR4nGJkYPjPMApGwWACAAHENNAOGAWjAB0ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABBgAsywBJafN/+UAAAAASUVORK5CYII=' />
+                </div>
+            </td>
+          </tr>
+        </tbody>
+
+      </table>
+    </form>
+  </body>
+
+</html>
diff --git a/layout/reftests/bugs/424465-1.html b/layout/reftests/bugs/424465-1.html
new file mode 100644
index 0000000000..4527c48f48
--- /dev/null
+++ b/layout/reftests/bugs/424465-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>            
+    <title>424465 testcase</title>         
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+         
+    <style type="text/css">      
+      .standardform {
+      background-color: #00f000;
+      border: 1px solid #000000; 
+      margin-bottom: 3px; /* Remove this line and bug disappears */
+      }  
+    </style>  
+
+    <script type="text/javascript">
+    //<![CDATA[
+
+    window.addEventListener("MozReftestInvalidate", showBug);
+
+    function imageLoaded()
+    {
+        document.documentElement.className = "";
+    }
+
+    function showBug()
+    {
+		document.getElementById("hiddenColumnBugged").innerHTML =
+            "<div>.: See the bug ? :.<br /><img onload='imageLoaded()' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAATCAIAAAB0hvS3AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAuUlEQVR4nGJkYPjPMApGwWACAAHENNAOGAWjAB0ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABNBoohwFgw4ABBgAsywBJafN/+UAAAAASUVORK5CYII=' /><\/div>";
+    }
+
+    //]]>
+    </script>
+
+  </head>
+
+  <body>
+
+    <form method="get" action="#">
+      <table class="standardform" cellspacing="5">
+        <tbody>
+          <tr>
+            <td colspan="2" id="hiddenColumnBugged">
+              <input onclick="showBug(); return false;" value="Trigger Bug" type="button" />
+            </td>
+          </tr>
+        </tbody>
+
+      </table>
+    </form>
+  </body>
+
+</html>
diff --git a/layout/reftests/bugs/424631-1-ref.html b/layout/reftests/bugs/424631-1-ref.html
new file mode 100644
index 0000000000..22d1912497
--- /dev/null
+++ b/layout/reftests/bugs/424631-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+</head>
+
+<body>
+
+<div><span id="o"><span id="a">a</span><span id="b">b&#x202e;</span><span>c</span>d</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424631-1.html b/layout/reftests/bugs/424631-1.html
new file mode 100644
index 0000000000..341d07a06e
--- /dev/null
+++ b/layout/reftests/bugs/424631-1.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+</head>
+
+<body onload="document.getElementById('o').appendChild(document.createTextNode('d'));">
+
+<div><span id="o"><span id="a">a</span><span id="b">b&#x202e;</span><span>c</span></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424710-1-ref.html b/layout/reftests/bugs/424710-1-ref.html
new file mode 100644
index 0000000000..45cccf5035
--- /dev/null
+++ b/layout/reftests/bugs/424710-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="border:2px dotted blue; margin:3px;">
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/424710-1.html b/layout/reftests/bugs/424710-1.html
new file mode 100644
index 0000000000..32c07ebb65
--- /dev/null
+++ b/layout/reftests/bugs/424710-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html style="border:2px dotted blue; margin:3px;">
+<body>
+<div style="position:absolute; top:0; right:0px; width:100px; height:100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/424766-1-ref.html b/layout/reftests/bugs/424766-1-ref.html
new file mode 100644
index 0000000000..d22022f716
--- /dev/null
+++ b/layout/reftests/bugs/424766-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+
+</head>
+
+<body style="width: 1000px; margin: 0; padding: 0">
+  <table cellpadding="0" cellspacing="0" align="center">
+    <tr>
+      <td>
+        <div style="background:red; WIDTH: 400px; height:400px;"></div>
+        <div id="x" style="width: 0px"></div>
+
+      </td>
+    </tr>
+  </table>
+  <div style="position: absolute; top: 0; left: 300px; height: 400px; width: 400px; background: green; opacity: 0.9"></div>
+
+<br/>
+
+<div style="text-align: center;">
+<form method="get" action="#">
+  <input onclick="return false;" value="Trigger Bug" type="button" />
+</form>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/424766-1.html b/layout/reftests/bugs/424766-1.html
new file mode 100644
index 0000000000..976d6e4568
--- /dev/null
+++ b/layout/reftests/bugs/424766-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<title></title>
+
+<script type="text/javascript">
+//<![CDATA[
+
+function showBug() {
+  document.getElementById('x').style.width = 0;
+  }
+
+window.addEventListener("MozReftestInvalidate",
+  function() {
+    showBug();
+    document.documentElement.className = "";
+  });
+
+//]]>
+</script>
+
+</head>
+
+<body style="width: 1000px; margin: 0; padding: 0">
+  <table cellpadding="0" cellspacing="0" align="center">
+    <tr>
+      <td>
+        <div style="background:red; WIDTH: 400px; height:400px;"></div>
+        <div id="x" style="width: 600px"></div>
+
+      </td>
+    </tr>
+  </table>
+  <div style="position: absolute; top: 0; left: 300px; height: 400px; width: 400px; background: green; opacity: 0.9"></div>
+
+<br/>
+
+<div style="text-align: center;">
+<form method="get" action="#">
+  <input onclick="showBug(); return false;" value="Trigger Bug" type="button" />
+</form>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/425972-1-ref.html b/layout/reftests/bugs/425972-1-ref.html
new file mode 100644
index 0000000000..279cadbb3f
--- /dev/null
+++ b/layout/reftests/bugs/425972-1-ref.html
@@ -0,0 +1,14 @@
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>there should not be a red bar over the whole page</title>
+</head>
+<body >
+  <table width="100%">
+  <tbody>
+ 
+   <tr><td bgcolor="#ff3333" width="100%" height="50px"></td></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/425972-1.html b/layout/reftests/bugs/425972-1.html
new file mode 100644
index 0000000000..a0851b1608
--- /dev/null
+++ b/layout/reftests/bugs/425972-1.html
@@ -0,0 +1,15 @@
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>there should be a red bar over the whole page</title>
+</head>
+<body >
+  <table width="100%">
+  <tbody>
+ 
+   <tr><td bgcolor="#ff3333" width="1%" height="50px"></td></tr>
+   <tr><td colspan="2"></td></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/425972-2-ref.html b/layout/reftests/bugs/425972-2-ref.html
new file mode 100644
index 0000000000..5ffc0f2921
--- /dev/null
+++ b/layout/reftests/bugs/425972-2-ref.html
@@ -0,0 +1,14 @@
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>there should not be a red bar over the whole page</title>
+</head>
+<body >
+  <table width="100%">
+  <tbody>
+ 
+   <tr><td bgcolor="#ff3333" width="1%" height="50px"></td><td style="padding:0">&nbsp;&nbsp;</td></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/425972-2.html b/layout/reftests/bugs/425972-2.html
new file mode 100644
index 0000000000..1cf28b26fd
--- /dev/null
+++ b/layout/reftests/bugs/425972-2.html
@@ -0,0 +1,15 @@
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>there should not be a red bar over the whole page</title>
+</head>
+<body >
+  <table width="100%">
+  <tbody>
+ 
+   <tr><td bgcolor="#ff3333" width="1%" height="50px"></td><td style="padding:0"></td></tr>
+   <tr><td colspan="2"></td></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/426629-1-ref.html b/layout/reftests/bugs/426629-1-ref.html
new file mode 100644
index 0000000000..66e1757207
--- /dev/null
+++ b/layout/reftests/bugs/426629-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W#C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<title> fixed layout not triggered by changing width from auto to coordinate</title>
+<script type="text/javascript">
+function doTest(){
+ t1 = document.getElementById('target1');
+ t1.style.width="20px";
+}
+</script>
+</head>
+<body onload="doTest();">
+<table border style="table-layout:fixed; width:400px" id="target1">
+<tr><td>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/426629-1.html b/layout/reftests/bugs/426629-1.html
new file mode 100644
index 0000000000..546adc1c03
--- /dev/null
+++ b/layout/reftests/bugs/426629-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W#C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<title> fixed layout not triggered by changing width from auto to coordinate</title>
+<script type="text/javascript">
+function doTest(){
+ t1 = document.getElementById('target2');
+ t1.style.width="20px";
+	
+}
+</script>
+</head>
+<body onload="doTest();">
+<table border style="table-layout:fixed;" id="target2">
+<tr><td>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/427017-1.xhtml b/layout/reftests/bugs/427017-1.xhtml
new file mode 100644
index 0000000000..84715abab0
--- /dev/null
+++ b/layout/reftests/bugs/427017-1.xhtml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<body>
+<div style="position: absolute; border: 5px solid black;">
+  <div style="position: fixed; page-break-before: left;"/>
+  <div style="display: table-header-group; page-break-after: right;">
+    <div style="position: absolute;">
+      <div style="position: fixed;"/>
+    </div>
+  </div>
+  <div style="display: table-footer-group;"/>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/427129-image.html b/layout/reftests/bugs/427129-image.html
new file mode 100644
index 0000000000..5bdfadc3bb
--- /dev/null
+++ b/layout/reftests/bugs/427129-image.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 427129</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; }
+
+	.contain {
+		background: aqua; color: black;
+		height: 10px; margin: 2px 50px;
+		padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
+	}
+
+	.fl, .fr { height: 5px; }
+	.fl { float: left; width: 56px; }
+	.fr { float: right; width: 73px; }
+
+	.t { display: block; background: blue; height: 5px; width: 85px;
+	     border-left: 1px solid blue; padding-left: 2px;
+	     padding-right: 4px; border-right: 8px solid blue; }
+
+	</style>
+</head>
+<body>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: 30px">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: 56px">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: 73px">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: 100px">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: auto">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 30px">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 56px">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 73px">
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 100px">
+</div>
+
+<!-- Remember that the extra end-edge margin gets ignored -->
+<div style="width: 300px">
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="width: 56px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px; width: 56px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="width: 57px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px; width: 57px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px 0 56px; width: 56px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px 0 57px; width: 56px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 73px 0 15px; width: 56px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 74px 0 15px; width: 56px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 0 0 15px; width: 56px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 0 0 15px; width: 57px">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="width: 28%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px; width: 28%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="width: 29%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px; width: 29%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px 0 56px; width: 28%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 15px 0 57px; width: 28%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 73px 0 15px; width: 28%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 74px 0 15px; width: 28%">
+	</div>
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 0 0 15px; width: 28%">
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<img src="solidblue2.png" class="t" style="margin: 0 0 0 15px; width: 29%">
+	</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427129-ref.html b/layout/reftests/bugs/427129-ref.html
new file mode 100644
index 0000000000..331409e40d
--- /dev/null
+++ b/layout/reftests/bugs/427129-ref.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 427129</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; }
+
+	.contain {
+		background: aqua; color: black;
+		height: 10px; margin: 2px 50px;
+		padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
+	}
+
+	.t { background: blue; height: 5px; width: 100px; }
+
+	</style>
+</head>
+<body>
+
+<div class="contain">
+	<div class="t" style="margin-left: 56px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: 56px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: 56px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: 73px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: 100px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+	<div class="t" style="margin-left: auto; margin-right: 100px"></div>
+</div>
+
+<!-- Remember that the extra end-edge margin gets ignored -->
+<div style="width: 300px">
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; width: 72px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; margin-left: 15px; width: 72px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; margin-left: 57px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; margin-left: 15px; width: 72px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; width: 73px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; margin-left: 15px; width: 73px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; margin-left: 57px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-left: 56px; width: 71px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="t" style="margin-top: 5px; margin-left: 15px; width: 73px"></div>
+	</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427129-scrollframe.html b/layout/reftests/bugs/427129-scrollframe.html
new file mode 100644
index 0000000000..a5974e9b88
--- /dev/null
+++ b/layout/reftests/bugs/427129-scrollframe.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 427129</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; }
+
+	.contain {
+		background: aqua; color: black;
+		height: 10px; margin: 2px 50px;
+		padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
+	}
+
+	.fl, .fr { height: 5px; }
+	.fl { float: left; width: 56px; }
+	.fr { float: right; width: 73px; }
+
+	.t { overflow: hidden; background: blue; height: 5px; width: 85px;
+	     border-left: 1px solid blue; padding-left: 2px;
+	     padding-right: 4px; border-right: 8px solid blue; }
+
+	</style>
+</head>
+<body>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: 30px"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: 56px"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: 73px"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: 100px"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: auto"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: auto; margin-right: 30px"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: auto; margin-right: 56px"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: auto; margin-right: 73px"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<div class="t" style="margin-left: auto; margin-right: 100px"></div>
+</div>
+
+<!-- Remember that the extra end-edge margin gets ignored -->
+<div style="width: 300px">
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="width: 56px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px; width: 56px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="width: 57px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px; width: 57px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px 0 56px; width: 56px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px 0 57px; width: 56px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 73px 0 15px; width: 56px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 74px 0 15px; width: 56px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 0 0 15px; width: 56px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 0 0 15px; width: 57px"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="width: 28%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px; width: 28%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="width: 29%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px; width: 29%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px 0 56px; width: 28%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 15px 0 57px; width: 28%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 73px 0 15px; width: 28%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 74px 0 15px; width: 28%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 0 0 15px; width: 28%"></div>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<div class="t" style="margin: 0 0 0 15px; width: 29%"></div>
+	</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427129-table-caption-ref.html b/layout/reftests/bugs/427129-table-caption-ref.html
new file mode 100644
index 0000000000..4cecb194cb
--- /dev/null
+++ b/layout/reftests/bugs/427129-table-caption-ref.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Reftest, bug 427129</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  html, body { margin: 0; }
+
+  .contain {
+    background: aqua; color: black;
+    height: 4px; margin: 1px 50px;
+    padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
+  }
+
+  div.pushed { height: 2px; }
+  div.t { background: blue; height: 1px; width: 100px; }
+  div.caption { background: purple; height: 1px; width: 100px; }
+  div.side { display: inline-block; vertical-align: top; }
+
+  </style>
+</head>
+<body>
+
+<!--
+
+  WARNING: Both this test and the reference are constructed to test
+  our current behavior, which is far from optimal in a number of cases.
+  Fixing the test to test better behavior is encouraged when such
+  behavior is implemented.
+
+  To test the behavior under resizing, every test in this page is
+  repeated three times, once in a container one pixel above the
+  transition width, once at the transition width (just fitting), and
+  once in a container a pixel below the transition width.
+
+-->
+
+<div style="width: 405px">
+  <div class="contain">
+    <div class="t" style="margin-left: 56px"></div>
+    <div class="caption" style="margin-left: 116px"></div>
+  </div>
+</div>
+
+<div style="width: 404px">
+  <div class="contain">
+    <div class="t" style="margin-left: 56px"></div>
+    <div class="caption" style="margin-left: 116px"></div>
+  </div>
+</div>
+
+<div style="width: 403px">
+  <div class="contain">
+    <div class="pushed"></div>
+    <div class="t" style="margin-left: 55px"></div>
+    <div class="caption" style="margin-left: 115px"></div>
+  </div>
+</div>
+
+<div style="width: 405px">
+  <div class="contain">
+    <div class="caption" style="margin-left: 116px"></div>
+    <div class="t" style="margin-left: 56px"></div>
+  </div>
+</div>
+
+<div style="width: 404px">
+  <div class="contain">
+    <div class="caption" style="margin-left: 116px"></div>
+    <div class="t" style="margin-left: 56px"></div>
+  </div>
+</div>
+
+<div style="width: 403px">
+  <div class="contain">
+    <div class="pushed"></div>
+    <div class="caption" style="margin-left: 116px"></div>
+    <div class="t" style="margin-left: 56px"></div>
+  </div>
+</div>
+
+<div style="width: 406px">
+  <div class="contain">
+    <div class="t" style="margin-left: 57px"></div>
+    <div class="caption" style="margin-left: 117px"></div>
+  </div>
+</div>
+
+<div style="width: 405px">
+  <div class="contain">
+    <div class="t" style="margin-left: 57px"></div>
+    <div class="caption" style="margin-left: 117px"></div>
+  </div>
+</div>
+
+<div style="width: 404px">
+  <div class="contain">
+    <div class="pushed"></div>
+    <div class="t" style="margin-left: 57px"></div>
+    <div class="caption" style="margin-left: 117px"></div>
+  </div>
+</div>
+
+<div style="width: 425px">
+  <div class="contain rtl">
+    <div class="t" style="margin-left: 152px"></div>
+    <div class="caption" style="margin-left: 72px"></div>
+  </div>
+</div>
+
+<div style="width: 424px">
+  <div class="contain rtl">
+    <div class="t" style="margin-left: 151px"></div>
+    <div class="caption" style="margin-left: 71px"></div>
+  </div>
+</div>
+
+<div style="width: 423px">
+  <div class="contain rtl">
+    <div class="pushed"></div>
+    <div class="t" style="margin-left: 151px"></div>
+    <div class="caption" style="margin-left: 71px"></div>
+  </div>
+</div>
+
+<div style="width: 425px">
+  <div class="contain rtl">
+    <div class="caption" style="margin-left: 72px"></div>
+    <div class="t" style="margin-left: 152px"></div>
+  </div>
+</div>
+
+<div style="width: 424px">
+  <div class="contain rtl">
+    <div class="caption" style="margin-left: 71px"></div>
+    <div class="t" style="margin-left: 151px"></div>
+  </div>
+</div>
+
+<div style="width: 423px">
+  <div class="contain rtl">
+    <div class="pushed"></div>
+    <div class="caption" style="margin-left: 70px"></div>
+    <div class="t" style="margin-left: 150px"></div>
+  </div>
+</div>
+
+<div style="width: 426px">
+  <div class="contain rtl">
+    <div class="t" style="margin-left: 152px"></div>
+    <div class="caption" style="margin-left: 72px"></div>
+  </div>
+</div>
+
+<div style="width: 425px">
+  <div class="contain rtl">
+    <div class="t" style="margin-left: 151px"></div>
+    <div class="caption" style="margin-left: 71px"></div>
+  </div>
+</div>
+
+<div style="width: 424px">
+  <div class="contain rtl">
+    <div class="pushed"></div>
+    <div class="t" style="margin-left: 150px"></div>
+    <div class="caption" style="margin-left: 70px"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427129-table-caption.html b/layout/reftests/bugs/427129-table-caption.html
new file mode 100644
index 0000000000..f310ca0dda
--- /dev/null
+++ b/layout/reftests/bugs/427129-table-caption.html
@@ -0,0 +1,248 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Reftest, bug 427129</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <style type="text/css">
+
+  html, body { margin: 0; }
+
+  .rtl { direction: rtl; }
+
+  .contain {
+    background: aqua; color: black;
+    height: 4px; margin: 1px 50px;
+    padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
+  }
+
+  .fl, .fr { height: 2px; }
+  .fl { float: left; width: 56px; }
+  .fr { float: right; width: 73px; }
+
+  .t { background: blue; height: 1px; width: 100px; border-spacing: 0; }
+  .t caption { background: purple; height: 1px; width: 100px; }
+  .t td { padding: 0; }
+
+  </style>
+</head>
+<body>
+
+<!--
+
+  WARNING: Both this test and the reference are constructed to test
+  our current behavior, which is far from optimal in a number of cases.
+  Fixing the test to test better behavior is encouraged when such
+  behavior is implemented.  In particular:
+   * making the effect of the caption's side margin make sense for 'top'
+     and 'bottom' captions
+   * making 'left' and 'right' captions behave sensibly
+
+  To test the behavior under resizing, every test in this page is
+  repeated three times, once in a container one pixel above the
+  transition width, once at the transition width (just fitting), and
+  once in a container a pixel below the transition width.
+
+-->
+
+<div style="width: 405px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 55px; caption-side: bottom">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 404px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 55px; caption-side: bottom">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 403px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 55px; caption-side: bottom">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 405px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 56px; caption-side: top">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 404px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 56px; caption-side: top">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 403px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 56px; caption-side: top">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 406px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 57px; caption-side: bottom">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 405px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 57px; caption-side: bottom">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 404px">
+  <div class="contain">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 15px 0 57px; caption-side: bottom">
+      <caption style="margin: 0 15px 0 60px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 425px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 72px 0 15px; caption-side: bottom">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 424px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 72px 0 15px; caption-side: bottom">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 423px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 72px 0 15px; caption-side: bottom">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 425px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 73px 0 15px; caption-side: top">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 424px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 73px 0 15px; caption-side: top">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 423px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 73px 0 15px; caption-side: top">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 426px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 74px 0 15px; caption-side: bottom">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 425px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 74px 0 15px; caption-side: bottom">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+<div style="width: 424px">
+  <div class="contain rtl">
+    <div class="fl"></div>
+    <div class="fr"></div>
+    <table class="t" style="margin: 0 74px 0 15px; caption-side: bottom">
+      <caption style="margin: 0 80px 0 15px"></caption>
+      <tr><td></td></tr>
+    </table>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427129-table.html b/layout/reftests/bugs/427129-table.html
new file mode 100644
index 0000000000..4d0a2de3dd
--- /dev/null
+++ b/layout/reftests/bugs/427129-table.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Reftest, bug 427129</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; }
+
+	.contain {
+		background: aqua; color: black;
+		height: 10px; margin: 2px 50px;
+		padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
+	}
+
+	.fl, .fr { height: 5px; }
+	.fl { float: left; width: 56px; }
+	.fr { float: right; width: 73px; }
+
+	/* tables default to border-box sizing */
+	.t { background: blue; height: 5px; width: 100px; border-spacing: 0;
+	     border-left: 1px solid blue; padding-left: 2px;
+	     padding-right: 4px; border-right: 8px solid blue; }
+	.t td { padding: 0; }
+
+	</style>
+</head>
+<body>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: 30px"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: 56px"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: 73px"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: 100px"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: auto"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: auto; margin-right: 30px"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: auto; margin-right: 56px"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: auto; margin-right: 73px"><tr><td></td></tr></table>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="fr"></div>
+	<table class="t" style="margin-left: auto; margin-right: 100px"><tr><td></td></tr></table>
+</div>
+
+<!-- Remember that the extra end-edge margin gets ignored -->
+<div style="width: 300px">
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="width: 71px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px; width: 71px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="width: 72px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px; width: 72px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px 0 56px; width: 71px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px 0 57px; width: 71px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 73px 0 15px; width: 71px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 74px 0 15px; width: 71px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 0 0 15px; width: 71px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 0 0 15px; width: 72px"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="width: 35.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px; width: 35.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="width: 36.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px; width: 36.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px 0 56px; width: 35.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 15px 0 57px; width: 35.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 73px 0 15px; width: 35.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 74px 0 15px; width: 35.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 0 0 15px; width: 35.5%"><tr><td></td></tr></table>
+	</div>
+
+	<div class="contain">
+		<div class="fl"></div>
+		<div class="fr"></div>
+		<table class="t" style="margin: 0 0 0 15px; width: 36.5%"><tr><td></td></tr></table>
+	</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427370-1-ref.html b/layout/reftests/bugs/427370-1-ref.html
new file mode 100644
index 0000000000..a53c5cd0eb
--- /dev/null
+++ b/layout/reftests/bugs/427370-1-ref.html
@@ -0,0 +1,155 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 427370</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color: white; font-size:16px; padding:0; margin:0;
+        }
+        body {
+            margin:10px;
+        }
+        ol,li{margin:0!important;padding:0!important}
+        ol { margin-top:1em!important; }
+        .rtl li {margin-right:40px!important;}
+        .ltr li {margin-left:40px!important;}
+
+        DEBUG_li {
+                outline:1px dashed red;
+                border:3px dashed blue;
+        }
+        .inside li {
+                list-style-position:inside;
+        }
+
+        .rtl label { 
+                float:right;
+        }
+        .ltr label { 
+                float:left;
+        }
+
+        label {
+                width:100px;
+                height:1em;
+                background:pink;
+        }
+
+        .rtl { 
+                direction:rtl;
+        }
+        .ltr { 
+                direction:ltr;
+        }
+
+        .C {
+                padding:0 0.2em 0 0.2em;
+        }
+    </style>
+</head>
+<body>
+<div style="position:absolute;top:0;left: 50px;bottom:0;width:1px;background:lime;opacity:0.5"></div>
+<div style="position:absolute;top:0;right:50px;bottom:0;width:1px;background:lime;opacity:0.5"></div>
+
+<div class="ltr">
+                <ol>
+                        <li><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></li>
+                        <li><div style="overflow:hidden;">
+                                <div></div><div><span class="C">C</span></div>
+                        </div></li>
+</ol>
+</div>
+
+<div class="rtl">
+<ol>
+                        <li><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></li>
+                        <li><div style="overflow:hidden;">
+                                <div></div><div><span class="C">C</span></div>
+                        </div></li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:left; width:100px; height:5em; border:1px solid black"></div>
+<div class="ltr">
+                <ol>
+                        <li><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></li>
+                        <li><div style="overflow:hidden;">
+                                <div></div><div><span class="C">C</span></div>
+                        </div></li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:right; width:100px; height:5em; border:1px solid black"></div>
+<div class="rtl">
+<ol>
+                        <li><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></li>
+                        <li><div style="overflow:hidden;">
+                                <div></div><div><span class="C">C</span></div>
+                        </div></li>
+</ol>
+</div>
+
+
+<br style="clear:both;">
+
+<div class="ltr">
+                <ol>
+                        <li><div><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></div></li>
+</ol>
+</div>
+
+<div class="rtl">
+<ol>
+                        <li><div><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></div></li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:left; width:100px; height:5em; border:1px solid black"></div>
+<div class="ltr">
+                <ol>
+                        <li><div><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></div></li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:right; width:100px; height:5em; border:1px solid black"></div>
+<div class="rtl">
+<ol>
+                        <li><div><div style="overflow:hidden;">
+                                <label></label>
+                                Outside
+                        </div></div></li>
+</ol>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427370-1.html b/layout/reftests/bugs/427370-1.html
new file mode 100644
index 0000000000..44c8bc5975
--- /dev/null
+++ b/layout/reftests/bugs/427370-1.html
@@ -0,0 +1,155 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 427370</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color: white; font-size:16px; padding:0; margin:0;
+        }
+        body {
+            margin:10px;
+        }
+        ol,li{margin:0!important;padding:0!important}
+        ol { margin-top:1em!important; }
+        .rtl li {margin-right:40px!important;}
+        .ltr li {margin-left:40px!important;}
+
+        DEBUG_li {
+                outline:1px dashed red;
+                border:3px dashed blue;
+        }
+        .inside li {
+                list-style-position:inside;
+        }
+
+        .rtl label { 
+                float:right;
+        }
+        .ltr label { 
+                float:left;
+        }
+
+        label {
+                width:100px;
+                height:1em;
+                background:pink;
+        }
+
+        .rtl { 
+                direction:rtl;
+        }
+        .ltr { 
+                direction:ltr;
+        }
+
+        .C {
+                padding:0 0.2em 0 0.2em;
+        }
+    </style>
+</head>
+<body>
+<div style="position:absolute;top:0;left: 50px;bottom:0;width:1px;background:lime;opacity:0.5"></div>
+<div style="position:absolute;top:0;right:50px;bottom:0;width:1px;background:lime;opacity:0.5"></div>
+
+<div class="ltr">
+                <ol>
+                        <li>
+                                <label></label>
+                                Outside
+                        </li>
+                        <li>
+                                <div></div><div><span class="C">C</span></div>
+                        </li>
+</ol>
+</div>
+
+<div class="rtl">
+<ol>
+                        <li>
+                                <label></label>
+                                Outside
+                        </li>
+                        <li>
+                                <div></div><div><span class="C">C</span></div>
+                        </li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:left; width:100px; height:5em; border:1px solid black"></div>
+<div class="ltr">
+                <ol>
+                        <li>
+                                <label></label>
+                                Outside
+                        </li>
+                        <li>
+                                <div></div><div><span class="C">C</span></div>
+                        </li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:right; width:100px; height:5em; border:1px solid black"></div>
+<div class="rtl">
+<ol>
+                        <li>
+                                <label></label>
+                                Outside
+                        </li>
+                        <li>
+                                <div></div><div><span class="C">C</span></div>
+                        </li>
+</ol>
+</div>
+
+
+<br style="clear:both;">
+
+<div class="ltr">
+                <ol>
+                        <li><div>
+                                <label></label>
+                                Outside
+                        </div></li>
+</ol>
+</div>
+
+<div class="rtl">
+<ol>
+                        <li><div>
+                                <label></label>
+                                Outside
+                        </div></li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:left; width:100px; height:5em; border:1px solid black"></div>
+<div class="ltr">
+                <ol>
+                        <li><div>
+                                <label></label>
+                                Outside
+                        </div></li>
+</ol>
+</div>
+
+<br style="clear:both;">
+
+<div style="float:right; width:100px; height:5em; border:1px solid black"></div>
+<div class="rtl">
+<ol>
+                        <li><div>
+                                <label></label>
+                                Outside
+                        </div></li>
+</ol>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/427730-1-ref.html b/layout/reftests/bugs/427730-1-ref.html
new file mode 100644
index 0000000000..52005c19be
--- /dev/null
+++ b/layout/reftests/bugs/427730-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body style="font-size:78px; line-height: 1.2em">
+<p><span style="border:1px dotted red;">T</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/427730-1.html b/layout/reftests/bugs/427730-1.html
new file mode 100644
index 0000000000..b3ec1c3518
--- /dev/null
+++ b/layout/reftests/bugs/427730-1.html
@@ -0,0 +1,5 @@
+<html>
+<body style="font-size:78px; line-height: 1.2em">
+<p>&#x200b;<span style="border:1px dotted red;">T</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428278-iframe.html b/layout/reftests/bugs/428278-iframe.html
new file mode 100644
index 0000000000..19643e0a4c
--- /dev/null
+++ b/layout/reftests/bugs/428278-iframe.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+
+</head><body>
+<table style="outline-color: red; outline-style: solid; outline-width: medium; border:1px solid black">
+<tr><td style="border:1px solid blue">resize the window
+</table>
+</body></html>
diff --git a/layout/reftests/bugs/428278-ref.html b/layout/reftests/bugs/428278-ref.html
new file mode 100644
index 0000000000..daee98b883
--- /dev/null
+++ b/layout/reftests/bugs/428278-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+
+</head><body>
+
+<iframe id="x" src="428278-iframe.html" style="width:400px"></iframe>
+</body></html>
diff --git a/layout/reftests/bugs/428278.html b/layout/reftests/bugs/428278.html
new file mode 100644
index 0000000000..feed7c77fa
--- /dev/null
+++ b/layout/reftests/bugs/428278.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+
+</head><body onload="foo()">
+
+<iframe id="x" src="428278-iframe.html"></iframe>
+<script>
+var w = 400;
+function foo() {
+  var div = document.getElementById('x');
+  div.style.width=w+"px";
+  ++w;
+  var v = document.offsetHeight;
+}
+</script>
+</body></html>
diff --git a/layout/reftests/bugs/428423-1-ref.html b/layout/reftests/bugs/428423-1-ref.html
new file mode 100644
index 0000000000..8d7057a0cf
--- /dev/null
+++ b/layout/reftests/bugs/428423-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head><style>
+  .float   { float: left }  /* Just using for shrink-wrapping */
+  .orange  { background: orange }
+</style></head>
+<body>
+  The orange box should only be as wide as its text.<br>
+  <div class="float orange">foo</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428423-1a.html b/layout/reftests/bugs/428423-1a.html
new file mode 100644
index 0000000000..69880be4a3
--- /dev/null
+++ b/layout/reftests/bugs/428423-1a.html
@@ -0,0 +1,18 @@
+<html>
+<head><style>
+  fieldset, legend { margin: 0px; padding: 0px; }
+  fieldset {
+    width: 20em;
+    text-align: right;
+    border: 0px;
+  } 
+  legend   { display: block; }
+  .orange  { background: orange }
+</style></head>
+<body>
+  The orange box should only be as wide as its text.
+  <fieldset>
+    <legend class="orange">foo</legend>
+  </fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428423-1b.html b/layout/reftests/bugs/428423-1b.html
new file mode 100644
index 0000000000..1417352966
--- /dev/null
+++ b/layout/reftests/bugs/428423-1b.html
@@ -0,0 +1,17 @@
+<html>
+<head><style>
+  fieldset, legend { margin: 0px; padding: 0px; }
+  fieldset {
+    width: 20em;
+    text-align: right;
+    border: 0px;
+  } 
+  .orange  { background: orange }
+</style></head>
+<body>
+  The orange box should only be as wide as its text.
+  <fieldset>
+    <legend class="orange">foo</legend>
+  </fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428521-1-ref.html b/layout/reftests/bugs/428521-1-ref.html
new file mode 100644
index 0000000000..62050a45cb
--- /dev/null
+++ b/layout/reftests/bugs/428521-1-ref.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+  <style>
+    body  { margin: 0; }
+    div.a, div.b { display: inline-block;      }
+    div.a { width: 200px;  background: blue;   }
+    div.b { width: 200px;  background: green;  }
+    td.c  { width: 75%;    background: orange; }
+    div.d { width: 100px;  background: purple; }
+  </style>
+</head>
+<body>
+The blue and green divs should be on the same line.
+<table cellspacing=0 cellpadding=0>
+  <tr><td>
+    <table cellspacing=0 cellpadding=0>
+      <tr>
+        <td colspan="2"><div class="a">a</div><div class="b">b</div></td>
+      </tr>
+      <tr>
+        <td class="c">c</td>
+        <td><div class="d">d</div></td>
+      </tr>
+    </table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428521-1a.html b/layout/reftests/bugs/428521-1a.html
new file mode 100644
index 0000000000..615c412bc3
--- /dev/null
+++ b/layout/reftests/bugs/428521-1a.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+  <style>
+    body  { margin: 0; }
+    div.a, div.b { display: inline-block;      }
+    div.a { width: 200px;  background: blue;   }
+    div.b { width: 200px;  background: green;  }
+    td.c  { width: 75.1%;  background: orange; }
+    div.d { width: 100px;  background: purple; }
+  </style>
+</head>
+<body>
+The blue and green divs should be on the same line.
+<table cellspacing=0 cellpadding=0>
+  <tr><td>
+    <table cellspacing=0 cellpadding=0>
+      <tr>
+        <td colspan="2"><div class="a">a</div><div class="b">b</div></td>
+      </tr>
+      <tr>
+        <td class="c">c</td>
+        <td><div class="d">d</div></td>
+      </tr>
+    </table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428521-1b.html b/layout/reftests/bugs/428521-1b.html
new file mode 100644
index 0000000000..9f6a80f4db
--- /dev/null
+++ b/layout/reftests/bugs/428521-1b.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+  <style>
+    body  { margin: 0; }
+    div.a, div.b { display: inline-block;      }
+    div.a { width: 200px;  background: blue;   }
+    div.b { width: 200px;  background: green;  }
+    td.c  { width: 80%;    background: orange; }
+    div.d { width: 100px;  background: purple; }
+  </style>
+</head>
+<body>
+The blue and green divs should be on the same line.
+<table cellspacing=0 cellpadding=0>
+  <tr><td>
+    <table cellspacing=0 cellpadding=0>
+      <tr>
+        <td colspan="2"><div class="a">a</div><div class="b">b</div></td>
+      </tr>
+      <tr>
+        <td class="c">c</td>
+        <td><div class="d">d</div></td>
+      </tr>
+    </table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428521-1c.html b/layout/reftests/bugs/428521-1c.html
new file mode 100644
index 0000000000..6633fcc1ff
--- /dev/null
+++ b/layout/reftests/bugs/428521-1c.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+  <style>
+    body  { margin: 0; }
+    div.a, div.b { display: inline-block;      }
+    div.a { width: 200px;  background: blue;   }
+    div.b { width: 200px;  background: green;  }
+    td.c  { width: 100%;   background: orange; }
+    div.d { width: 100px;  background: purple; }
+  </style>
+</head>
+<body>
+The blue and green divs should be on the same line.
+<table cellspacing=0 cellpadding=0>
+  <tr><td>
+    <table cellspacing=0 cellpadding=0>
+      <tr>
+        <td colspan="2"><div class="a">a</div><div class="b">b</div></td>
+      </tr>
+      <tr>
+        <td class="c">c</td>
+        <td><div class="d">d</div></td>
+      </tr>
+    </table>
+  </td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/428810-1-ltr-insets-ref.html b/layout/reftests/bugs/428810-1-ltr-insets-ref.html
new file mode 100644
index 0000000000..9cfce54a61
--- /dev/null
+++ b/layout/reftests/bugs/428810-1-ltr-insets-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-left: 32px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1-ltr-ref.html b/layout/reftests/bugs/428810-1-ltr-ref.html
new file mode 100644
index 0000000000..a11dfcd1b5
--- /dev/null
+++ b/layout/reftests/bugs/428810-1-ltr-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-left: 40px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1-rtl-insets-ref.html b/layout/reftests/bugs/428810-1-rtl-insets-ref.html
new file mode 100644
index 0000000000..f25bd2df80
--- /dev/null
+++ b/layout/reftests/bugs/428810-1-rtl-insets-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-right: 32px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1-rtl-ref.html b/layout/reftests/bugs/428810-1-rtl-ref.html
new file mode 100644
index 0000000000..d28c519b95
--- /dev/null
+++ b/layout/reftests/bugs/428810-1-rtl-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-right: 40px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1a-ltr-insets.html b/layout/reftests/bugs/428810-1a-ltr-insets.html
new file mode 100644
index 0000000000..d41ef5026b
--- /dev/null
+++ b/layout/reftests/bugs/428810-1a-ltr-insets.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1a-ltr.html b/layout/reftests/bugs/428810-1a-ltr.html
new file mode 100644
index 0000000000..ab2d0e4d3f
--- /dev/null
+++ b/layout/reftests/bugs/428810-1a-ltr.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1a-rtl-insets.html b/layout/reftests/bugs/428810-1a-rtl-insets.html
new file mode 100644
index 0000000000..4281f6d1d1
--- /dev/null
+++ b/layout/reftests/bugs/428810-1a-rtl-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1a-rtl.html b/layout/reftests/bugs/428810-1a-rtl.html
new file mode 100644
index 0000000000..46b91924b2
--- /dev/null
+++ b/layout/reftests/bugs/428810-1a-rtl.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-1b-ltr-insets.html b/layout/reftests/bugs/428810-1b-ltr-insets.html
new file mode 100644
index 0000000000..6b393c2611
--- /dev/null
+++ b/layout/reftests/bugs/428810-1b-ltr-insets.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-1b-ltr.html b/layout/reftests/bugs/428810-1b-ltr.html
new file mode 100644
index 0000000000..cfd48a7f50
--- /dev/null
+++ b/layout/reftests/bugs/428810-1b-ltr.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-1b-rtl-insets.html b/layout/reftests/bugs/428810-1b-rtl-insets.html
new file mode 100644
index 0000000000..ec2f3fd05a
--- /dev/null
+++ b/layout/reftests/bugs/428810-1b-rtl-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-1b-rtl.html b/layout/reftests/bugs/428810-1b-rtl.html
new file mode 100644
index 0000000000..4a1930e11a
--- /dev/null
+++ b/layout/reftests/bugs/428810-1b-rtl.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-1c-ltr-insets.html b/layout/reftests/bugs/428810-1c-ltr-insets.html
new file mode 100644
index 0000000000..b265eeddd8
--- /dev/null
+++ b/layout/reftests/bugs/428810-1c-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  
+</div>
+
diff --git a/layout/reftests/bugs/428810-1c-ltr.html b/layout/reftests/bugs/428810-1c-ltr.html
new file mode 100644
index 0000000000..a0a0901817
--- /dev/null
+++ b/layout/reftests/bugs/428810-1c-ltr.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  
+</div>
+
diff --git a/layout/reftests/bugs/428810-1c-rtl-insets.html b/layout/reftests/bugs/428810-1c-rtl-insets.html
new file mode 100644
index 0000000000..7e84f07c71
--- /dev/null
+++ b/layout/reftests/bugs/428810-1c-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  
+</div>
+
diff --git a/layout/reftests/bugs/428810-1c-rtl.html b/layout/reftests/bugs/428810-1c-rtl.html
new file mode 100644
index 0000000000..4e2fb12e72
--- /dev/null
+++ b/layout/reftests/bugs/428810-1c-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  
+</div>
+
diff --git a/layout/reftests/bugs/428810-1d-ltr-insets.html b/layout/reftests/bugs/428810-1d-ltr-insets.html
new file mode 100644
index 0000000000..868a8122e4
--- /dev/null
+++ b/layout/reftests/bugs/428810-1d-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-1d-ltr.html b/layout/reftests/bugs/428810-1d-ltr.html
new file mode 100644
index 0000000000..a7b772b666
--- /dev/null
+++ b/layout/reftests/bugs/428810-1d-ltr.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-1d-rtl-insets.html b/layout/reftests/bugs/428810-1d-rtl-insets.html
new file mode 100644
index 0000000000..2a8f5b9f75
--- /dev/null
+++ b/layout/reftests/bugs/428810-1d-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-1d-rtl.html b/layout/reftests/bugs/428810-1d-rtl.html
new file mode 100644
index 0000000000..1667a81667
--- /dev/null
+++ b/layout/reftests/bugs/428810-1d-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2-ltr-insets-ref.html b/layout/reftests/bugs/428810-2-ltr-insets-ref.html
new file mode 100644
index 0000000000..9cfce54a61
--- /dev/null
+++ b/layout/reftests/bugs/428810-2-ltr-insets-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-left: 32px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2-ltr-ref.html b/layout/reftests/bugs/428810-2-ltr-ref.html
new file mode 100644
index 0000000000..a11dfcd1b5
--- /dev/null
+++ b/layout/reftests/bugs/428810-2-ltr-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-left: 40px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2-rtl-insets-ref.html b/layout/reftests/bugs/428810-2-rtl-insets-ref.html
new file mode 100644
index 0000000000..f25bd2df80
--- /dev/null
+++ b/layout/reftests/bugs/428810-2-rtl-insets-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-right: 32px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2-rtl-ref.html b/layout/reftests/bugs/428810-2-rtl-ref.html
new file mode 100644
index 0000000000..d28c519b95
--- /dev/null
+++ b/layout/reftests/bugs/428810-2-rtl-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 20px"></div>
+<div style="margin-right: 40px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2a-ltr-insets.html b/layout/reftests/bugs/428810-2a-ltr-insets.html
new file mode 100644
index 0000000000..ebacad0df0
--- /dev/null
+++ b/layout/reftests/bugs/428810-2a-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 15px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2a-ltr.html b/layout/reftests/bugs/428810-2a-ltr.html
new file mode 100644
index 0000000000..0e6259844d
--- /dev/null
+++ b/layout/reftests/bugs/428810-2a-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 15px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2a-rtl-insets.html b/layout/reftests/bugs/428810-2a-rtl-insets.html
new file mode 100644
index 0000000000..e66983ab56
--- /dev/null
+++ b/layout/reftests/bugs/428810-2a-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 15px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2a-rtl.html b/layout/reftests/bugs/428810-2a-rtl.html
new file mode 100644
index 0000000000..1024f0954b
--- /dev/null
+++ b/layout/reftests/bugs/428810-2a-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 15px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-2b-ltr-insets.html b/layout/reftests/bugs/428810-2b-ltr-insets.html
new file mode 100644
index 0000000000..826d313951
--- /dev/null
+++ b/layout/reftests/bugs/428810-2b-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 15px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2b-ltr.html b/layout/reftests/bugs/428810-2b-ltr.html
new file mode 100644
index 0000000000..d268362387
--- /dev/null
+++ b/layout/reftests/bugs/428810-2b-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 15px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2b-rtl-insets.html b/layout/reftests/bugs/428810-2b-rtl-insets.html
new file mode 100644
index 0000000000..26ae943c58
--- /dev/null
+++ b/layout/reftests/bugs/428810-2b-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 15px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2b-rtl.html b/layout/reftests/bugs/428810-2b-rtl.html
new file mode 100644
index 0000000000..45672915d5
--- /dev/null
+++ b/layout/reftests/bugs/428810-2b-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 15px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2e-ltr-insets.html b/layout/reftests/bugs/428810-2e-ltr-insets.html
new file mode 100644
index 0000000000..109a2fcbb5
--- /dev/null
+++ b/layout/reftests/bugs/428810-2e-ltr-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 15px"></div>
+  <div style="clear:left"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2e-ltr.html b/layout/reftests/bugs/428810-2e-ltr.html
new file mode 100644
index 0000000000..d9f5be94a8
--- /dev/null
+++ b/layout/reftests/bugs/428810-2e-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 15px"></div>
+  <div style="clear:left"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2e-rtl-insets.html b/layout/reftests/bugs/428810-2e-rtl-insets.html
new file mode 100644
index 0000000000..e9844d256a
--- /dev/null
+++ b/layout/reftests/bugs/428810-2e-rtl-insets.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 15px"></div>
+  <div style="clear:right"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2e-rtl.html b/layout/reftests/bugs/428810-2e-rtl.html
new file mode 100644
index 0000000000..df9840eda0
--- /dev/null
+++ b/layout/reftests/bugs/428810-2e-rtl.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 15px"></div>
+  <div style="clear:right"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2f-ltr-insets.html b/layout/reftests/bugs/428810-2f-ltr-insets.html
new file mode 100644
index 0000000000..914bfa7cb9
--- /dev/null
+++ b/layout/reftests/bugs/428810-2f-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 15px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2f-ltr.html b/layout/reftests/bugs/428810-2f-ltr.html
new file mode 100644
index 0000000000..12927e933b
--- /dev/null
+++ b/layout/reftests/bugs/428810-2f-ltr.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 15px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2f-rtl-insets.html b/layout/reftests/bugs/428810-2f-rtl-insets.html
new file mode 100644
index 0000000000..3c757050e8
--- /dev/null
+++ b/layout/reftests/bugs/428810-2f-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 15px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-2f-rtl.html b/layout/reftests/bugs/428810-2f-rtl.html
new file mode 100644
index 0000000000..0b9332fc92
--- /dev/null
+++ b/layout/reftests/bugs/428810-2f-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 15px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3-ltr-insets-ref.html b/layout/reftests/bugs/428810-3-ltr-insets-ref.html
new file mode 100644
index 0000000000..0e75c7c878
--- /dev/null
+++ b/layout/reftests/bugs/428810-3-ltr-insets-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 40px"></div>
+<div style="margin-left: 32px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3-ltr-ref.html b/layout/reftests/bugs/428810-3-ltr-ref.html
new file mode 100644
index 0000000000..27eb602206
--- /dev/null
+++ b/layout/reftests/bugs/428810-3-ltr-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 40px"></div>
+<div style="margin-left: 40px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3-rtl-insets-ref.html b/layout/reftests/bugs/428810-3-rtl-insets-ref.html
new file mode 100644
index 0000000000..09dff236b3
--- /dev/null
+++ b/layout/reftests/bugs/428810-3-rtl-insets-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 40px"></div>
+<div style="margin-right: 32px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3-rtl-ref.html b/layout/reftests/bugs/428810-3-rtl-ref.html
new file mode 100644
index 0000000000..539e4e252e
--- /dev/null
+++ b/layout/reftests/bugs/428810-3-rtl-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 40px"></div>
+<div style="margin-right: 40px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3a-ltr-insets.html b/layout/reftests/bugs/428810-3a-ltr-insets.html
new file mode 100644
index 0000000000..8086d7a734
--- /dev/null
+++ b/layout/reftests/bugs/428810-3a-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 60px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3a-ltr.html b/layout/reftests/bugs/428810-3a-ltr.html
new file mode 100644
index 0000000000..c3a1d4d816
--- /dev/null
+++ b/layout/reftests/bugs/428810-3a-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 60px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3a-rtl-insets.html b/layout/reftests/bugs/428810-3a-rtl-insets.html
new file mode 100644
index 0000000000..256b24c66b
--- /dev/null
+++ b/layout/reftests/bugs/428810-3a-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 60px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3a-rtl.html b/layout/reftests/bugs/428810-3a-rtl.html
new file mode 100644
index 0000000000..5cc8f72d56
--- /dev/null
+++ b/layout/reftests/bugs/428810-3a-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 60px"></div>
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-3b-ltr-insets.html b/layout/reftests/bugs/428810-3b-ltr-insets.html
new file mode 100644
index 0000000000..a806be0f63
--- /dev/null
+++ b/layout/reftests/bugs/428810-3b-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 60px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3b-ltr.html b/layout/reftests/bugs/428810-3b-ltr.html
new file mode 100644
index 0000000000..1b40b63262
--- /dev/null
+++ b/layout/reftests/bugs/428810-3b-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 60px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3b-rtl-insets.html b/layout/reftests/bugs/428810-3b-rtl-insets.html
new file mode 100644
index 0000000000..af37e4dc00
--- /dev/null
+++ b/layout/reftests/bugs/428810-3b-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 60px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3b-rtl.html b/layout/reftests/bugs/428810-3b-rtl.html
new file mode 100644
index 0000000000..14077bc2d1
--- /dev/null
+++ b/layout/reftests/bugs/428810-3b-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 60px"></div>
+  <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3e-ltr-insets.html b/layout/reftests/bugs/428810-3e-ltr-insets.html
new file mode 100644
index 0000000000..a563a09045
--- /dev/null
+++ b/layout/reftests/bugs/428810-3e-ltr-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 60px"></div>
+  <div style="clear:left"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3e-ltr.html b/layout/reftests/bugs/428810-3e-ltr.html
new file mode 100644
index 0000000000..c37d8b2232
--- /dev/null
+++ b/layout/reftests/bugs/428810-3e-ltr.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 60px"></div>
+  <div style="clear:left"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3e-rtl-insets.html b/layout/reftests/bugs/428810-3e-rtl-insets.html
new file mode 100644
index 0000000000..29b78c2716
--- /dev/null
+++ b/layout/reftests/bugs/428810-3e-rtl-insets.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 60px"></div>
+  <div style="clear:right"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3e-rtl.html b/layout/reftests/bugs/428810-3e-rtl.html
new file mode 100644
index 0000000000..42099b828a
--- /dev/null
+++ b/layout/reftests/bugs/428810-3e-rtl.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 60px"></div>
+  <div style="clear:right"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3f-ltr-insets.html b/layout/reftests/bugs/428810-3f-ltr-insets.html
new file mode 100644
index 0000000000..3d49cf50c5
--- /dev/null
+++ b/layout/reftests/bugs/428810-3f-ltr-insets.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: left; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 1px 32px 32px; border: medium solid transparent; border-width: 2px 2px 16px 16px; padding: 4px 4px 8px 8px">
+  <div style="float: left; height: 20px; width: 60px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3f-ltr.html b/layout/reftests/bugs/428810-3f-ltr.html
new file mode 100644
index 0000000000..04412001b4
--- /dev/null
+++ b/layout/reftests/bugs/428810-3f-ltr.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: left; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-left: 40px; width: 70px; display: list-item;">
+  <div style="float: left; height: 20px; width: 60px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3f-rtl-insets.html b/layout/reftests/bugs/428810-3f-rtl-insets.html
new file mode 100644
index 0000000000..741b3f114e
--- /dev/null
+++ b/layout/reftests/bugs/428810-3f-rtl-insets.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 6px">
+  <div style="float: right; height: 20px; width: 116px"></div>
+</div>
+<div style="width: 70px; display: list-item; margin: 1px 32px 32px 1px; border: medium solid transparent; border-width: 2px 16px 16px 2px; padding: 4px 8px 8px 4px">
+  <div style="float: right; height: 20px; width: 60px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-3f-rtl.html b/layout/reftests/bugs/428810-3f-rtl.html
new file mode 100644
index 0000000000..530100c104
--- /dev/null
+++ b/layout/reftests/bugs/428810-3f-rtl.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px">
+  <div style="float: right; height: 20px; width: 100px"></div>
+</div>
+<div style="margin-right: 40px; width: 70px; display: list-item;">
+  <div style="float: right; height: 20px; width: 60px"></div>
+</div>
+
diff --git a/layout/reftests/bugs/428810-empty-ltr-insets-ref.html b/layout/reftests/bugs/428810-empty-ltr-insets-ref.html
new file mode 100644
index 0000000000..eb99b74bd6
--- /dev/null
+++ b/layout/reftests/bugs/428810-empty-ltr-insets-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 13px"></div>
+<div style="margin-left: 92px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-empty-ltr-ref.html b/layout/reftests/bugs/428810-empty-ltr-ref.html
new file mode 100644
index 0000000000..0f91fd0b0f
--- /dev/null
+++ b/layout/reftests/bugs/428810-empty-ltr-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px"></div>
+<div style="margin-left: 100px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-empty-rtl-insets-ref.html b/layout/reftests/bugs/428810-empty-rtl-insets-ref.html
new file mode 100644
index 0000000000..bc36e6a9bc
--- /dev/null
+++ b/layout/reftests/bugs/428810-empty-rtl-insets-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 13px"></div>
+<div style="margin-right: 92px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/428810-empty-rtl-ref.html b/layout/reftests/bugs/428810-empty-rtl-ref.html
new file mode 100644
index 0000000000..2e6021c6ff
--- /dev/null
+++ b/layout/reftests/bugs/428810-empty-rtl-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+<title>Testcase, bug 428810</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+::marker { font-family: inherit; }
+</style>
+<div style="height: 10px"></div>
+<div style="margin-right: 100px; display: list-item;">
+  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
diff --git a/layout/reftests/bugs/430412-1-ref.html b/layout/reftests/bugs/430412-1-ref.html
new file mode 100644
index 0000000000..d889cbd2d5
--- /dev/null
+++ b/layout/reftests/bugs/430412-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+  body > div { width:200px; height:50px; border:1px solid black; margin-bottom:2em; }
+  body > div > div { height:10px; background:yellow; }
+</style>
+</head>
+<body>
+
+  <div style="overflow-x:hidden;">
+    <div style="width:200px;"></div>
+  </div>
+
+  <div style="overflow-x:scroll;">
+    <div style="width:201px;"></div>
+  </div>
+
+  <div style="direction:rtl; overflow-x:hidden;">
+    <div style="width:200px;"></div>
+  </div>
+
+  <div style="direction:rtl; overflow-x:scroll;">
+    <div style="width:201px;"></div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/430412-1.html b/layout/reftests/bugs/430412-1.html
new file mode 100644
index 0000000000..03e4727c53
--- /dev/null
+++ b/layout/reftests/bugs/430412-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+  body > div { width:200px; height:50px; overflow:auto; border:1px solid black; margin-bottom:2em; }
+  body > div > div { height:10px; background:yellow; }
+</style>
+</head>
+<body>
+
+  <div>
+    <div style="width:200.1px;"></div>
+  </div>
+
+  <div>
+    <div style="width:201px;"></div>
+  </div>
+
+  <div style="direction:rtl;">
+    <div style="width:200.1px;"></div>
+  </div>
+
+  <div style="direction:rtl;">
+    <div style="width:201px;"></div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/430813-1-ref.html b/layout/reftests/bugs/430813-1-ref.html
new file mode 100644
index 0000000000..1c9c1705e8
--- /dev/null
+++ b/layout/reftests/bugs/430813-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Testcase, bug 430813</title>
+	<style type="text/css">
+		table, td { border-spacing: 0; margin: 0; padding: 0; }
+		td { background: aqua; }
+	</style>
+</head>
+<body style="border: 1px solid; width: 500px; height: 600px;">
+<table style="margin-right: 50px"><tr><td>
+This should be near the top of the page, not 200px down.
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+</td></tr></table>
+</body></html>
diff --git a/layout/reftests/bugs/430813-1.html b/layout/reftests/bugs/430813-1.html
new file mode 100644
index 0000000000..3a4705bf7f
--- /dev/null
+++ b/layout/reftests/bugs/430813-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Testcase, bug 430813</title>
+	<style type="text/css">
+		table, td { border-spacing: 0; margin: 0; padding: 0; }
+		td { background: aqua; }
+	</style>
+</head>
+<body style="border: 1px solid; width: 500px; height: 600px;">
+<div style="float:right;height:200px;width:50px"></div>
+<table style="margin-right: 10px"><tr><td>
+This should be near the top of the page, not 200px down.
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+</td></tr></table>
+</body></html>
diff --git a/layout/reftests/bugs/430813-2-ref.html b/layout/reftests/bugs/430813-2-ref.html
new file mode 100644
index 0000000000..bf4f276a18
--- /dev/null
+++ b/layout/reftests/bugs/430813-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Testcase, bug 430813</title>
+	<style type="text/css">
+		table, td { border-spacing: 0; margin: 0; padding: 0; }
+		td { background: aqua; }
+	</style>
+</head>
+<body style="border: 1px solid; width: 500px; height: 600px;">
+<table style="margin-left: 50px; margin-right: 10px"><tr><td>
+This should be near the top of the page, not 200px down.
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+</td></tr></table>
+</body></html>
diff --git a/layout/reftests/bugs/430813-2.html b/layout/reftests/bugs/430813-2.html
new file mode 100644
index 0000000000..1443329f32
--- /dev/null
+++ b/layout/reftests/bugs/430813-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Testcase, bug 430813</title>
+	<style type="text/css">
+		table, td { border-spacing: 0; margin: 0; padding: 0; }
+		td { background: aqua; }
+	</style>
+</head>
+<body style="border: 1px solid; width: 500px; height: 600px;">
+<div style="float:left;height:200px;width:50px"></div>
+<table style="margin-right: 10px"><tr><td>
+This should be near the top of the page, not 200px down.
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
+</td></tr></table>
+</body></html>
diff --git a/layout/reftests/bugs/430813-3-ref.html b/layout/reftests/bugs/430813-3-ref.html
new file mode 100644
index 0000000000..52706c614f
--- /dev/null
+++ b/layout/reftests/bugs/430813-3-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Testcase, bug 430813</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+</head>
+<body>
+<div style="margin-bottom: 1px">text</div>
+<div style="float:left;width:90px;height:300px"></div>
+<div style="margin-left:90px; font-size: 16px;">
+<span style="padding:0.2em;">This text should be near the top of the page, not pushed below the float.</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/430813-3.html b/layout/reftests/bugs/430813-3.html
new file mode 100644
index 0000000000..ed58d3d27a
--- /dev/null
+++ b/layout/reftests/bugs/430813-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Testcase, bug 430813</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+</head>
+<body>
+<div style="margin-bottom: 1px">text</div>
+<div style="float:left;width:90px;height:300px"></div>
+<div style="overflow:hidden; font-size: 16px;">
+<!-- restrict size to prevent wrap, can lead to antialiasing problem in the test -->
+<span style="padding:0.2em;">This text should be near the top of the page, not pushed below the float.</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/431341-1-ref.html b/layout/reftests/bugs/431341-1-ref.html
new file mode 100644
index 0000000000..b70e7bd5f3
--- /dev/null
+++ b/layout/reftests/bugs/431341-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p::first-letter { font-size:200%; float:left; }
+</style>
+</head>
+<body>
+<p>Hello Kitty
+<p>"Hello Kitty"
+</body>
+</html>
diff --git a/layout/reftests/bugs/431341-1.html b/layout/reftests/bugs/431341-1.html
new file mode 100644
index 0000000000..44b80657e0
--- /dev/null
+++ b/layout/reftests/bugs/431341-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p { text-transform:capitalize; }
+p::first-letter { font-size:200%; float:left; }
+</style>
+</head>
+<body>
+<p>hello kitty
+<p>"hello kitty"
+</body>
+</html>
diff --git a/layout/reftests/bugs/431341-2-ref.html b/layout/reftests/bugs/431341-2-ref.html
new file mode 100644
index 0000000000..5fa3d7e220
--- /dev/null
+++ b/layout/reftests/bugs/431341-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body { font-family:DejaVu Sans; font-size:100px; }
+p::first-letter { float:left; }
+</style>
+</head>
+<body>
+<p>f&#8204;ish fish f&#8204;ish
+</body>
+</html>
diff --git a/layout/reftests/bugs/431341-2.html b/layout/reftests/bugs/431341-2.html
new file mode 100644
index 0000000000..96377592b2
--- /dev/null
+++ b/layout/reftests/bugs/431341-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body { font-family:DejaVu Sans; font-size:100px; }
+p::first-letter { float:left; }
+</style>
+</head>
+<body>
+<p>fish fish f&#8204;ish
+</body>
+</html>
diff --git a/layout/reftests/bugs/431520-1-ref.html b/layout/reftests/bugs/431520-1-ref.html
new file mode 100644
index 0000000000..bda6bb3393
--- /dev/null
+++ b/layout/reftests/bugs/431520-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+<title>Testcase, bug 431520</title>
+<body>
+<fieldset><legend>Legend</legend>contents of fieldset</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/431520-1.html b/layout/reftests/bugs/431520-1.html
new file mode 100644
index 0000000000..1a7df88f4e
--- /dev/null
+++ b/layout/reftests/bugs/431520-1.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title>Testcase, bug 431520</title>
+<style type="text/css">
+fieldset:first-line { color: red }
+</style>
+<body>
+<fieldset><legend>Legend</legend>contents of fieldset</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/431948-1-ref.html b/layout/reftests/bugs/431948-1-ref.html
new file mode 100644
index 0000000000..4d44e12108
--- /dev/null
+++ b/layout/reftests/bugs/431948-1-ref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<style>
+span { 
+  width: 50px; height: 50px; margin: 5px; 
+  display: inline-block; background-color: green;
+}
+</style>
+<span id="a"></span>
+<span id="b"></span>
+<span id="c"></span>
+<span id="d"></span>
+<span id="e"></span>
diff --git a/layout/reftests/bugs/431948-1.html b/layout/reftests/bugs/431948-1.html
new file mode 100644
index 0000000000..33a31048ff
--- /dev/null
+++ b/layout/reftests/bugs/431948-1.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<style>
+span { 
+  width: 50px; height: 50px; margin: 5px; 
+  display: inline-block; background-color: red;
+}
+
+/* A semicolon at the top level of a @media block should not cause the
+   whole @media block to be invalidated; in particular, valid rules
+   either before or after it should not be discarded.  */
+@media screen {
+  #a { background-color: green }
+  ;
+}
+@media screen {
+  #b { background-color: green } 
+  #c { background-color: green }
+}
+
+/* A stray close curly brace in the middle of a selector should not
+   be treated as a resynchronization point, however.  */
+#d { background-color: green }
+badselector( } #d { background-color:red } ) {}
+#e { background-color:green }
+
+</style>
+<span id="a"></span>
+<span id="b"></span>
+<span id="c"></span>
+<span id="d"></span>
+<span id="e"></span>
diff --git a/layout/reftests/bugs/433640-1-ref.html b/layout/reftests/bugs/433640-1-ref.html
new file mode 100644
index 0000000000..697eb58255
--- /dev/null
+++ b/layout/reftests/bugs/433640-1-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html><head>
+<style type="text/css">
+  div.image {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEUAAAD///+l2Z/dAAAAGElEQVR42mNggIHcbbfBCMEYlRqVIiQFAPco1xfL/SakAAAAAElFTkSuQmCC");
+    width: 32px;
+    height: 32px;
+  }
+
+  div.cell {
+    float: left;
+    width: 100px;
+  }
+  
+  body > div { height:100px; }
+  
+  p { font-size: 12px; height:20px; }
+</style>
+</head><body>
+
+<div>
+<div class="cell"><p>31    x 32</p><div style="width:31px; background-position:-16px -16px;"  class="image"></div></div>
+<div class="cell"><p>31.1  x 32</p><div style="width:31px; background-position:-16px -16px;"  class="image"></div></div>
+<div class="cell"><p>31.5  x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
+<div class="cell"><p>31.8  x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
+</div>
+
+<div>
+<div class="cell"><p>32    x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
+<div class="cell"><p>32.1  x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
+<div class="cell"><p>32.5  x 32</p><div style="width:33px; background-position:-16px -16px;"  class="image"></div></div>
+<div class="cell"><p>32.8  x 32</p><div style="width:33px; background-position:-16px -16px;"  class="image"></div></div>
+</div>
+
+<div>
+<div class="cell"><p>32 x 31   </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div>
+<div class="cell"><p>32 x 31.1 </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div>
+<div class="cell"><p>32 x 31.5 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
+<div class="cell"><p>32 x 31.8 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
+</div>
+
+<div>
+<div class="cell"><p>32 x 32   </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
+<div class="cell"><p>32 x 32.1 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
+<div class="cell"><p>32 x 32.5 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div>
+<div class="cell"><p>32 x 32.8 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/bugs/433640-1.html b/layout/reftests/bugs/433640-1.html
new file mode 100644
index 0000000000..2dbb26cfa0
--- /dev/null
+++ b/layout/reftests/bugs/433640-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html><head>
+<style type="text/css">
+  div.image {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEUAAAD///+l2Z/dAAAAGElEQVR42mNggIHcbbfBCMEYlRqVIiQFAPco1xfL/SakAAAAAElFTkSuQmCC");
+    background-position: center center;
+    width: 32px;
+    height: 32px;
+  }
+
+  div.cell {
+    float: left;
+    width: 100px;
+  }
+
+  body > div { height:100px; }
+
+  /* ensure that font heights do not affect image placement. Fractional image offsets can
+     affect exactly which pixel rects get painted. */
+  p { font-size: 12px; height:20px; }
+</style>
+</head><body>
+
+<div>
+<div class="cell"><p>31    x 32</p><div style="width:31px"    class="image"></div></div>
+<div class="cell"><p>31.1  x 32</p><div style="width:31.1px"  class="image"></div></div>
+<div class="cell"><p>31.5  x 32</p><div style="width:31.5px"  class="image"></div></div>
+<div class="cell"><p>31.8  x 32</p><div style="width:31.8px"  class="image"></div></div>
+</div>
+
+<div>
+<div class="cell"><p>32    x 32</p><div style="width:32px"    class="image"></div></div>
+<div class="cell"><p>32.1  x 32</p><div style="width:32.1px"  class="image"></div></div>
+<div class="cell"><p>32.5  x 32</p><div style="width:32.5px"  class="image"></div></div>
+<div class="cell"><p>32.8  x 32</p><div style="width:32.8px"  class="image"></div></div>
+</div>
+
+<div>
+<div class="cell"><p>32 x 31   </p><div style="height:31px"    class="image"></div></div>
+<div class="cell"><p>32 x 31.1 </p><div style="height:31.1px"  class="image"></div></div>
+<div class="cell"><p>32 x 31.5 </p><div style="height:31.5px"  class="image"></div></div>
+<div class="cell"><p>32 x 31.8 </p><div style="height:31.8px"  class="image"></div></div>
+</div>
+
+<div>
+<div class="cell"><p>32 x 32   </p><div style="height:32px"    class="image"></div></div>
+<div class="cell"><p>32 x 32.1 </p><div style="height:32.1px"  class="image"></div></div>
+<div class="cell"><p>32 x 32.5 </p><div style="height:32.5px"  class="image"></div></div>
+<div class="cell"><p>32 x 32.8 </p><div style="height:32.8px"  class="image"></div></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/bugs/433700-ref.html b/layout/reftests/bugs/433700-ref.html
new file mode 100644
index 0000000000..20b6eb3243
--- /dev/null
+++ b/layout/reftests/bugs/433700-ref.html
@@ -0,0 +1,95 @@
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 433700</title>
+    <style type="text/css">
+
+body { font-family: sans-serif; font-size: 16px; }
+
+fieldset,legend { padding:0; margin:0; border-width:0; border-style:solid; }
+fieldset { border-right:7px solid blue; font-size: 16px; }
+
+#test1 { position:fixed; }
+#test1 fieldset { background:lime;}
+#test1 .legend  { margin-left:30px; background:pink; }
+
+#test2 { position:fixed; top:3em; }
+#test2 fieldset { background:lime; width:260px; }
+#test2 .legend  { margin-left: 20px; background:pink; }
+
+#test3 { position:fixed; top:6em; width:200px; }
+#test3 fieldset { background:lime;}
+#test3 .legend  { margin-left: 80px; background:pink; }
+
+#test4 { position:fixed; top:9em; width:200px; }
+#test4 fieldset { background:lime; width:260px; }
+#test4 .legend  { margin-left: 80px; background:pink; }
+
+#test5 { position:fixed; top:12em; width:200px; }
+#test5 fieldset { background:lime;}
+/* Percentage margins don't get counted in intrinsic width, so make sure that
+   our fixed-size margins sum to 0, so they also do not affect intrinsic width
+   either. */
+#test5 .legend  { margin-left: 193px; background:pink; margin-right: -193px; }
+
+#test6 { position:fixed; left:20px; top:15em; width:400px; }
+#test6 fieldset { width:300px; }
+#test6 fieldset div { position:relative; left:100px; padding-left:0px; width:200px; background:lime; }
+#test6 legend  { margin-left:0; background:pink; }
+
+fieldset div { padding-left:60px; }
+
+.legend { display:block; }
+
+    </style>
+</head>
+<body>
+
+<div id="test1">
+<fieldset>
+<legend><span class="legend">LEGEND</span></legend>
+<div>FIELDSET</div>
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test2">
+<fieldset>
+<legend><span class="legend">LEGEND</span></legend>
+<div>FIELDSET</div>
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test3">
+<fieldset>
+<legend><span class="legend">LEGEND</span></legend>
+<div>FIELDSET</div>
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test4">
+<fieldset>
+<legend><span class="legend">LEGEND</span></legend>
+<div>FIELDSET</div>
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test5">
+<fieldset>
+<legend><span class="legend">LEGEND</span></legend>
+<div>FIELDSET</div>
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test6">
+<fieldset>
+<legend>LEGEND</legend>
+<div>FIELDSET</div>
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+</body></html>
diff --git a/layout/reftests/bugs/433700.html b/layout/reftests/bugs/433700.html
new file mode 100644
index 0000000000..e369dd994f
--- /dev/null
+++ b/layout/reftests/bugs/433700.html
@@ -0,0 +1,88 @@
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 433700</title>
+    <style type="text/css">
+
+body { font-family: sans-serif; font-size: 16px; }
+
+fieldset,legend { padding:0; margin:0; border-width:0; border-style:solid; }
+fieldset { border-right:7px solid blue; font-size: 16px; }
+
+#test1 { position:fixed; }
+#test1 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; }
+#test1 legend  { margin-left: -30px; background:pink; }
+
+#test2 { position:fixed; top:3em; }
+#test2 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; width:200px; }
+#test2 legend  { margin-left: -20%; background:pink; }
+
+#test3 { position:fixed; top:6em; width:200px; }
+#test3 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; }
+#test3 legend  { margin-left: 20px; background:pink; }
+
+#test4 { position:fixed; top:9em; width:200px; }
+#test4 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; width:200px; }
+#test4 legend  { margin-left: 10%; background:pink; }
+
+#test5 { position:fixed; top:12em; width:200px; }
+#test5 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; }
+#test5 legend  { margin-left: 100%; background:pink; }
+
+#test6 { position:fixed; left:60px; top:15em; width:200px; }
+#test6 fieldset { padding-left:35px; border-left:25px solid white; }
+#test6 fieldset div { width:200px;  background:lime;  }
+#test6 legend  { margin-left: -50%; background:pink; }
+
+    </style>
+</head>
+<body>
+
+<div id="test1">
+<fieldset>
+<legend>LEGEND</legend>
+FIELDSET
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test2">
+<fieldset>
+<legend>LEGEND</legend>
+FIELDSET
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test3">
+<fieldset>
+<legend>LEGEND</legend>
+FIELDSET
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test4">
+<fieldset>
+<legend>LEGEND</legend>
+FIELDSET
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test5">
+<fieldset>
+<legend>LEGEND</legend>
+FIELDSET
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+<div id="test6">
+<fieldset>
+<legend>LEGEND</legend>
+<div>FIELDSET</div>
+<script>var v = document.body.offsetHeight;</script>
+</fieldset>
+</div>
+
+</body></html>
diff --git a/layout/reftests/bugs/436356-1-ref.html b/layout/reftests/bugs/436356-1-ref.html
new file mode 100644
index 0000000000..f7d49bfdb4
--- /dev/null
+++ b/layout/reftests/bugs/436356-1-ref.html
@@ -0,0 +1 @@
+<html><body><center><ul><li><p>Test</p></li></ul></center></body></html>
diff --git a/layout/reftests/bugs/436356-1.html b/layout/reftests/bugs/436356-1.html
new file mode 100644
index 0000000000..115b918481
--- /dev/null
+++ b/layout/reftests/bugs/436356-1.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+<center>
+<ul>
+<li>
+<p>
+Test
+</p>
+</li>
+</ul>
+</center>
+</body>
+</html>
diff --git a/layout/reftests/bugs/436356-2-ref.html b/layout/reftests/bugs/436356-2-ref.html
new file mode 100644
index 0000000000..2b7b2b72b2
--- /dev/null
+++ b/layout/reftests/bugs/436356-2-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<html><body><center><ul><li><p>Test</p></li></ul></center></body></html>
diff --git a/layout/reftests/bugs/436356-2.html b/layout/reftests/bugs/436356-2.html
new file mode 100644
index 0000000000..d4877f0022
--- /dev/null
+++ b/layout/reftests/bugs/436356-2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+<center>
+<ul>
+<li>
+<p>
+Test
+</p>
+</li>
+</ul>
+</center>
+</body>
+</html>
diff --git a/layout/reftests/bugs/438537-1-ref.html b/layout/reftests/bugs/438537-1-ref.html
new file mode 100644
index 0000000000..f5aff5e418
--- /dev/null
+++ b/layout/reftests/bugs/438537-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Testcase, bug 438537</title>
+  </head>
+  <body>
+    <div style="height:40px;border:solid 2px black;border-radius: 8px;overflow:hidden">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/438537-1.html b/layout/reftests/bugs/438537-1.html
new file mode 100644
index 0000000000..641e0a6521
--- /dev/null
+++ b/layout/reftests/bugs/438537-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>Testcase, bug 438537</title>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var div = document.getElementById("div");
+          div.style.height = "40px";
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body>
+    <div id="div" style="height:20px;border:solid 2px black;border-radius: 8px;overflow:hidden">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/438981-1.xhtml b/layout/reftests/bugs/438981-1.xhtml
new file mode 100644
index 0000000000..d6eba7fce9
--- /dev/null
+++ b/layout/reftests/bugs/438981-1.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body id="realbody">
+</body>
+<body style="background:blue;">
+</body>
+<script>
+if (document.body != document.getElementById("realbody")) {
+  document.body.appendChild(document.createTextNode("FAIL"));
+}
+</script>
+</html>
diff --git a/layout/reftests/bugs/438987-1-ref.html b/layout/reftests/bugs/438987-1-ref.html
new file mode 100644
index 0000000000..5c607bb637
--- /dev/null
+++ b/layout/reftests/bugs/438987-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html style="background:yellow;">
+<body style="margin:0">
+The yellow table background should be propagated to the viewport.
+</body>
+</html>
diff --git a/layout/reftests/bugs/438987-1.html b/layout/reftests/bugs/438987-1.html
new file mode 100644
index 0000000000..161a85947b
--- /dev/null
+++ b/layout/reftests/bugs/438987-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<!-- check that the background of a root table element propagates to the viewport -->
+<html style="display:table; background:yellow;">
+<body style="margin:0">
+The yellow table background should be propagated to the viewport.
+</body>
+</html>
diff --git a/layout/reftests/bugs/438987-2-ref.html b/layout/reftests/bugs/438987-2-ref.html
new file mode 100644
index 0000000000..4606a9635d
--- /dev/null
+++ b/layout/reftests/bugs/438987-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:rgba(0,0,255,0.5); position:fixed; top:0; left:0; right:0; bottom:0;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/438987-2a.html b/layout/reftests/bugs/438987-2a.html
new file mode 100644
index 0000000000..574bffba2a
--- /dev/null
+++ b/layout/reftests/bugs/438987-2a.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:rgba(0,0,255,0.5);">
+</body>
+</html>
diff --git a/layout/reftests/bugs/438987-2b.html b/layout/reftests/bugs/438987-2b.html
new file mode 100644
index 0000000000..82928102b7
--- /dev/null
+++ b/layout/reftests/bugs/438987-2b.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="background:rgba(0,0,255,0.5);">
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/438987-2c.html b/layout/reftests/bugs/438987-2c.html
new file mode 100644
index 0000000000..4a31b44a2d
--- /dev/null
+++ b/layout/reftests/bugs/438987-2c.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="background:rgba(0,0,255,0.5);">
+<body style="background:red;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/439004-1-ref.html b/layout/reftests/bugs/439004-1-ref.html
new file mode 100644
index 0000000000..c466a95177
--- /dev/null
+++ b/layout/reftests/bugs/439004-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+&nbsp;Hello
+</body>
+</html>
diff --git a/layout/reftests/bugs/439004-1.html b/layout/reftests/bugs/439004-1.html
new file mode 100644
index 0000000000..c6574dd96c
--- /dev/null
+++ b/layout/reftests/bugs/439004-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<img src="mozilla-banner.gif" style="width:0"> Hello
+</body>
+</html>
diff --git a/layout/reftests/bugs/439639-1-ref.html b/layout/reftests/bugs/439639-1-ref.html
new file mode 100644
index 0000000000..1218316084
--- /dev/null
+++ b/layout/reftests/bugs/439639-1-ref.html
@@ -0,0 +1,25 @@
+<html>
+
+<!-- This bug is quirksmode only -->
+<head>
+
+
+<title>Table Test</title>
+
+</head>
+<body>
+<div style="height:200px; background:gold">
+
+<table>
+
+  <tbody style="height:100px; background:silver">
+  
+   <tr><td><a href='#' id="target"> click me (should not move me) </a></td></tr>
+  
+  </tbody>
+
+</table>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/439639-1.html b/layout/reftests/bugs/439639-1.html
new file mode 100644
index 0000000000..95071d3264
--- /dev/null
+++ b/layout/reftests/bugs/439639-1.html
@@ -0,0 +1,33 @@
+<html>
+
+<!-- This bug is quirksmode only -->
+<head>
+<script>
+function doTest() {
+  var t1=document.getElementById("target");
+  t1.style.paddingTop="4px";
+  var b = document.body.offsetHeight;
+  t1.style.paddingTop="0px";
+}
+</script>
+
+
+<title>Table Test</title>
+
+</head>
+<body onload="doTest();">
+<div style="height:200px; background:gold">
+
+<table>
+
+  <tbody style="height:100px; background:silver">
+  
+   <tr><td><a href='#' id="target"> click me (should not move me) </a></td></tr>
+  
+  </tbody>
+
+</table>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/439910-ref.html b/layout/reftests/bugs/439910-ref.html
new file mode 100644
index 0000000000..4eaf68ef48
--- /dev/null
+++ b/layout/reftests/bugs/439910-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Letter spacing with surrogate characters</title>
+   <style type="text/css">
+    span { padding-right: 10px; }
+   </style>
+ </head>
+ <body>
+  <!-- ASCII for sanity check -->
+  <p><span>A</span><span>A</span><span>A</span><span>A</span><span>A</span><span>A</span></p>
+  <!-- SMP Characters, MATHEMATICAL BOLD CAPITAL A. It will probably appear as hexboxes, but that doesn't matter -->
+  <p><span>&#x1d400;</span><span>&#x1d400;</span><span>&#x1d400;</span><span>&#x1d400;</span><span>&#x1d400;</span><span>&#x1d400;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/439910.html b/layout/reftests/bugs/439910.html
new file mode 100644
index 0000000000..10fbb8ea3a
--- /dev/null
+++ b/layout/reftests/bugs/439910.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Letter spacing with surrogate characters</title>
+   <style type="text/css">
+    p { letter-spacing: 10px; }
+   </style>
+ </head>
+ <body>
+  <!-- ASCII for sanity check -->
+  <p>AAAAAA</p>
+  <!-- SMP Characters, MATHEMATICAL BOLD CAPITAL A. It will probably appear as hexboxes, but that doesn't matter -->
+  <p>&#x1d400;&#x1d400;&#x1d400;&#x1d400;&#x1d400;&#x1d400;</p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/440112-ref.html b/layout/reftests/bugs/440112-ref.html
new file mode 100644
index 0000000000..b5a12d63d3
--- /dev/null
+++ b/layout/reftests/bugs/440112-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<meta http-equiv="content-type" content="text/html;charset=utf-8">
+
+<title>Bug 440112</title>
+</head>
+<body>
+<body style="background-color: orange">
+ <div id="wrapper" style="position: absolute; top: 30px; left: 30px; height: 150px;">
+    <form>
+
+     <textarea id="formElement" style="width: 200px; height: 50px;">
+</textarea>
+     </form>
+ </div>
+ <div style="background-color: orange; height: 150px; width: 120px; position: absolute; top: 25px; left: 130px;"></div>
+</body>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/440112.html b/layout/reftests/bugs/440112.html
new file mode 100644
index 0000000000..cb102f681d
--- /dev/null
+++ b/layout/reftests/bugs/440112.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<meta http-equiv="content-type" content="text/html;charset=utf-8">
+
+<title>Bug 440112</title>
+</head>
+<body>
+<body style="background-color: orange">
+ <div id="wrapper" style="position: absolute; top: 30px; left: 30px; overflow:hidden; height: 150px; width: 100px">
+    <form>
+
+     <textarea id="formElement" style="width: 200px; height: 50px;">
+</textarea>
+     </form>
+ </div>
+</body>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/440149-1-ref.html b/layout/reftests/bugs/440149-1-ref.html
new file mode 100644
index 0000000000..7fc5e06fc8
--- /dev/null
+++ b/layout/reftests/bugs/440149-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+div {
+  width: 0px;
+}
+span {
+  border: 5px solid orange;
+  margin-left: 50px;
+}
+</style></head>
+<body><div><span><input></span></div></body>
+</html>
diff --git a/layout/reftests/bugs/440149-1.html b/layout/reftests/bugs/440149-1.html
new file mode 100644
index 0000000000..c041f73383
--- /dev/null
+++ b/layout/reftests/bugs/440149-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+div {
+  width: 0px;
+}
+span {
+  border: 5px solid orange;
+  margin-left: 50px;
+}
+</style></head>
+<body><div><span><!--whitespace--> <input></span></div></body>
+</html>
diff --git a/layout/reftests/bugs/441259-1-ref.html b/layout/reftests/bugs/441259-1-ref.html
new file mode 100644
index 0000000000..a02fd786e1
--- /dev/null
+++ b/layout/reftests/bugs/441259-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:50px; height:10px; background:yellow; }
+</style>
+</head>
+<body style="width:100px; border:1px solid black;">
+<div style="float:left; width:50px; height:50px; background:green;"></div><span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/441259-1.html b/layout/reftests/bugs/441259-1.html
new file mode 100644
index 0000000000..6cf03a710a
--- /dev/null
+++ b/layout/reftests/bugs/441259-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:50px; height:10px; background:yellow; }
+</style>
+</head>
+<body style="width:100px; border:1px solid black;">
+<span></span>
+<div style="float:left; width:50px; height:50px; background:green;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/441259-2-ref.html b/layout/reftests/bugs/441259-2-ref.html
new file mode 100644
index 0000000000..ff76f9c77c
--- /dev/null
+++ b/layout/reftests/bugs/441259-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="float:left; width:50px; height:50px; background:green;"></div>
+H
+</body>
+</html>
diff --git a/layout/reftests/bugs/441259-2.html b/layout/reftests/bugs/441259-2.html
new file mode 100644
index 0000000000..1e448d6c6c
--- /dev/null
+++ b/layout/reftests/bugs/441259-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="white-space:nowrap">
+H
+<div style="float:left; width:50px; height:50px; background:green;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/442542-1-ref.html b/layout/reftests/bugs/442542-1-ref.html
new file mode 100644
index 0000000000..6b4caa3136
--- /dev/null
+++ b/layout/reftests/bugs/442542-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+  <iframe src="442542-subframe.html" width="200" height="200"></iframe>
+</body>
diff --git a/layout/reftests/bugs/442542-1.html b/layout/reftests/bugs/442542-1.html
new file mode 100644
index 0000000000..6b35c4027a
--- /dev/null
+++ b/layout/reftests/bugs/442542-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body onload="document.getElementsByTagName('iframe')[0].width = 200">
+  <iframe src="442542-subframe.html" width="300" height="200"></iframe>
+</body>
diff --git a/layout/reftests/bugs/442542-subframe.html b/layout/reftests/bugs/442542-subframe.html
new file mode 100644
index 0000000000..1369005344
--- /dev/null
+++ b/layout/reftests/bugs/442542-subframe.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<body>
+  <div style="position:relative">
+    <div style="float:right; height: 10px"></div>
+    <div style="clear:right"></div>
+    <div style="position:absolute; top:4em; right:0; background:green; width: 100px; height: 100px"></div>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/444015-1-ref.html b/layout/reftests/bugs/444015-1-ref.html
new file mode 100644
index 0000000000..11d87a6375
--- /dev/null
+++ b/layout/reftests/bugs/444015-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<title>Bug 444015 </title>
+</head><body>
+<table  cellpadding="0" cellspacing="0"><tbody><tr><td width="500" style="background-color:lime">
+  <table style="margin-left: 250px;" cellpadding="0" cellspacing="0"><tbody><tr><td  width="200" style="background-color:white">This line of text should be mostly at the right side of the containing box</td></tr></tbody></table>
+</td></tr></tbody></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/444015-1.html b/layout/reftests/bugs/444015-1.html
new file mode 100644
index 0000000000..700bcef855
--- /dev/null
+++ b/layout/reftests/bugs/444015-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head>
+<title>Bug 444015 </title>
+</head><body>
+<table  cellpadding="0" cellspacing="0"><tbody><tr><td align="center" width="500" style="background-color:lime">
+  <table style="margin-left: 200px;"  cellpadding="0" cellspacing="0"><tbody><tr><td width="200" style="background-color:white">This line of text should be mostly at the right side of the containing box</td></tr></tbody></table>
+</td></tr></tbody></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/444375-1-ref.html b/layout/reftests/bugs/444375-1-ref.html
new file mode 100644
index 0000000000..1dee7b7fab
--- /dev/null
+++ b/layout/reftests/bugs/444375-1-ref.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style>
+span {
+  font-size: 200%;
+}
+img {
+  width: 100px; 
+  height: 100px;
+}
+</style>
+</head>
+<body style="width: 150px; border: 1px solid black; white-space:pre;"><table><tbody><tr><td><img>
+<span><img></span></td></tr></tbody></table></body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/444375-1.html b/layout/reftests/bugs/444375-1.html
new file mode 100644
index 0000000000..119ffeea39
--- /dev/null
+++ b/layout/reftests/bugs/444375-1.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style>
+span {
+  font-size: 200%;
+}
+img {
+  width: 100px; 
+  height: 100px;
+}
+</style>
+</head>
+<body style="width: 150px; border: 1px solid black;">
+<table><tbody><tr><td><img> <span> <img></span></td></tr></tbody></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/444928-1-ref.html b/layout/reftests/bugs/444928-1-ref.html
new file mode 100644
index 0000000000..b7ef8bcb7c
--- /dev/null
+++ b/layout/reftests/bugs/444928-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+table{ width: 500px; }
+
+</style>
+</head>
+<body>
+<table class="grid" cellspacing="50" cellpadding="0" border>
+<col width="10%"/>
+<col width="1" span="2"/>
+<tbody>
+<tr><th class="top" colspan="3"> Some Text</th></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/444928-1.html b/layout/reftests/bugs/444928-1.html
new file mode 100644
index 0000000000..22ce58e216
--- /dev/null
+++ b/layout/reftests/bugs/444928-1.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+table{table-layout: fixed; width: 500px; }
+
+</style>
+</head>
+<body>
+<table class="grid" cellspacing="50" cellpadding="0" border>
+<col width="10%"/>
+<col width="1" span="2"/>
+<tbody>
+<tr><th class="top" colspan="3"> Some Text</th></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/444928-2-ref.html b/layout/reftests/bugs/444928-2-ref.html
new file mode 100644
index 0000000000..7e854abc37
--- /dev/null
+++ b/layout/reftests/bugs/444928-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Examples for bug 444928</title>
+</head>
+<body>
+
+<table cellspacing="50" cellpadding="0" style="table-layout:fixed" width="652">
+<col width="150">
+<col width="150">
+<col>
+<tr><td colspan="2" style="background:yellow">1-2</td><td style="background:fuchsia">3</td></tr>
+<tr style="color:transparent"><td>1</td><td>2</td><td>3</td></tr>
+</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/444928-2.html b/layout/reftests/bugs/444928-2.html
new file mode 100644
index 0000000000..4f74050acd
--- /dev/null
+++ b/layout/reftests/bugs/444928-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Examples for bug 444928</title>
+</head>
+<body>
+
+<table cellspacing="50" cellpadding="0" style="table-layout:fixed" width="652">
+<col width="150">
+<col width="150">
+<col>
+<tr><td colspan="2" style="background:yellow">1-2</td><td style="background:fuchsia">3</td></tr>
+</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/444928-3-ref.html b/layout/reftests/bugs/444928-3-ref.html
new file mode 100644
index 0000000000..08e2c37cb5
--- /dev/null
+++ b/layout/reftests/bugs/444928-3-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Examples for bug 444928</title>
+</head>
+<body>
+
+<table cellspacing="50" cellpadding="0" width="652">
+<col width="150">
+<col width="150">
+<col>
+<tr><td colspan="2" style="background:yellow">1-2</td><td style="background:fuchsia">3</td></tr>
+<tr style="color:transparent"><td>1</td><td>2</td><td>3</td></tr>
+</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/444928-3.html b/layout/reftests/bugs/444928-3.html
new file mode 100644
index 0000000000..2af7819857
--- /dev/null
+++ b/layout/reftests/bugs/444928-3.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Examples for bug 444928</title>
+</head>
+<body>
+
+<table cellspacing="50" cellpadding="0" width="652">
+<col width="150">
+<col width="150">
+<col>
+<tr><td colspan="2" style="background:yellow">1-2</td><td style="background:fuchsia">3</td></tr>
+</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/445004-1-ref.html b/layout/reftests/bugs/445004-1-ref.html
new file mode 100644
index 0000000000..f56a9d7b77
--- /dev/null
+++ b/layout/reftests/bugs/445004-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+  <iframe width="500" height="200" src="subdir/445004-ref-subframe.html"></iframe>
+</body>
diff --git a/layout/reftests/bugs/445004-1.html b/layout/reftests/bugs/445004-1.html
new file mode 100644
index 0000000000..2535e01642
--- /dev/null
+++ b/layout/reftests/bugs/445004-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      var loads = 0;
+      function loadStarted() {
+        ++loads;
+      }
+      function loadEnded() {
+        --loads;
+        if (loads == 0) {
+          document.documentElement.className = "";
+        }
+      }
+      loadStarted();
+      window.onload = function() {
+        if (location.protocol != 'file:') {
+          var txt = document.createTextNode('Must be run from file://');
+          var div = document.createElement("div");
+          div.appendChild(txt);
+          document.body.appendChild(div);
+        }
+        loadEnded();
+      }
+    </script>
+  </head>  
+  <body>
+    <iframe width="500" height="200" src="subdir/445004-subframe.html"
+            onload="window.frames[0].doIt();"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/445142-1-ref.html b/layout/reftests/bugs/445142-1-ref.html
new file mode 100644
index 0000000000..265497df60
--- /dev/null
+++ b/layout/reftests/bugs/445142-1-ref.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>table-layout: fixed width distribution with unassigned space</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table, td { margin: 0; padding: 0; }
+
+	table {
+		border-spacing: 0;
+		margin-bottom: 2px;
+	}
+
+	td { color: black; background: yellow; }
+	td + td { background: aqua; }
+	td + td + td { background: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="width: 600px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 700px">700px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">600px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 200px">100px</td>
+    <td style="width: 400px">200px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 200px">150px</td>
+    <td style="width: 400px">300px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">20%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">100%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">120%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 200px">20%</td>
+    <td style="width: 400px">40%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 200px">30%</td>
+    <td style="width: 400px">60%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 120px">20%</td>
+    <td style="width: 480px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 120px">20%</td>
+    <td style="width: 100px">100px</td>
+    <td style="width: 380px">div</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">20%</td>
+    <td style="width: 0"><div style="width: 0">0</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">20%</td>
+    <td style="width: 0"><div style="width: 0">0%</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">100px</td>
+    <td style="width: 0"><div style="width: 0">0</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">100px</td>
+    <td style="width: 0"><div style="width: 0">0%</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 300px">0</td>
+    <td style="width: 300px">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 300px">0%</td>
+    <td style="width: 300px">0</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/445142-1a.html b/layout/reftests/bugs/445142-1a.html
new file mode 100644
index 0000000000..8ab69ad821
--- /dev/null
+++ b/layout/reftests/bugs/445142-1a.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>table-layout: fixed width distribution with unassigned space</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table, td { margin: 0; padding: 0; }
+
+	table {
+		table-layout: fixed;
+		width: 600px;
+		border-spacing: 0;
+		margin-bottom: 2px;
+	}
+
+	td { color: black; background: yellow; }
+	td + td { background: aqua; }
+	td + td + td { background: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 700px">700px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">600px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td style="width: 200px">200px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 150px">150px</td>
+    <td style="width: 300px">300px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100%">100%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 120%">120%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 40%">40%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 30%">30%</td>
+    <td style="width: 60%">60%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 100px">100px</td>
+    <td><div style="width: 100px">div</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 0">0</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 0%">0%</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/445142-1b.html b/layout/reftests/bugs/445142-1b.html
new file mode 100644
index 0000000000..57102394dc
--- /dev/null
+++ b/layout/reftests/bugs/445142-1b.html
@@ -0,0 +1,187 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>table-layout: fixed width distribution with unassigned space</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table, td { margin: 0; padding: 0; }
+
+	table {
+		table-layout: fixed;
+		width: 600px;
+		border-spacing: 0;
+		margin-bottom: 2px;
+	}
+
+	td { color: black; background: yellow; }
+	td + td { background: aqua; }
+	td + td + td { background: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<!--
+
+A copy of 445142-1a.html where one of the widths is specified on a col
+instead of a td.
+
+-->
+
+<table>
+  <col style="width: 100px">
+  <tr>
+    <td>100px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 700px">
+  <tr>
+    <td>700px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 600px">
+  <tr>
+    <td>600px</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 200px">
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td>200px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 150px">
+  <col>
+  <tr>
+    <td style="width: 9999px">150px</td>
+    <td style="width: 300px">300px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <tr>
+    <td>20%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 100%">
+  <tr>
+    <td>100%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 120%">
+  <tr>
+    <td>120%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <col>
+  <tr>
+    <td>20%</td>
+    <td style="width: 40%">40%</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 60%">
+  <tr>
+    <td style="width: 30%">30%</td>
+    <td style="width: 9999px">60%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <col>
+  <tr>
+    <td>20%</td>
+    <td style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 100px">
+  <col>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 5%">100px</td>
+    <td><div style="width: 100px">div</div></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <col>
+  <tr>
+    <td>20%</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 0%">
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td>0%</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 0">
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td>0</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 100px">
+  <col>
+  <tr>
+    <td>100px</td>
+    <td style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0">
+  <col>
+  <tr>
+    <td>0</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 0">
+  <tr>
+    <td style="width: 0%">0%</td>
+    <td>0</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/445142-1c.html b/layout/reftests/bugs/445142-1c.html
new file mode 100644
index 0000000000..cef8cfc6ee
--- /dev/null
+++ b/layout/reftests/bugs/445142-1c.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>table-layout: fixed width distribution with unassigned space</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table, td { margin: 0; padding: 0; }
+
+	table {
+		table-layout: fixed;
+		width: 600px;
+		border-spacing: 0;
+		margin-bottom: 2px;
+	}
+
+	td { color: black; background: yellow; }
+	td + td { background: aqua; }
+	td + td + td { background: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<!--
+
+A copy of 445142-1a.html where some cells have colspans.
+
+-->
+
+<table>
+  <tr>
+    <td colspan="3" style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="2" style="width: 700px">700px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="5" style="width: 600px">600px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="3" style="width: 100px">100px</td>
+    <td style="width: 200px">200px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 150px">150px</td>
+    <td colspan="2" style="width: 300px">300px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="4" style="width: 20%">20%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="2" style="width: 100%">100%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="3" style="width: 120%">120%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="2" style="width: 20%">20%</td>
+    <td style="width: 40%">40%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 30%">30%</td>
+    <td colspan="3" style="width: 60%">60%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td colspan="4" style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="3" style="width: 20%">20%</td>
+    <td style="width: 100px">100px</td>
+    <td><div style="width: 100px">div</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="2" style="width: 20%">20%</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td colspan="2" style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="4" style="width: 100px">100px</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td colspan="2" style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="4" style="width: 0">0</td>
+    <td colspan="4" style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td colspan="10" style="width: 0%">0%</td>
+    <td colspan="10" style="width: 0">0</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/445142-2-ref.html b/layout/reftests/bugs/445142-2-ref.html
new file mode 100644
index 0000000000..31be5f7d66
--- /dev/null
+++ b/layout/reftests/bugs/445142-2-ref.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>table-layout: fixed width distribution with unassigned space</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table, td { margin: 0; padding: 0; }
+
+	table {
+		border-spacing: 10px 0;
+		margin-bottom: 2px;
+		padding: 0 10px;
+	}
+
+	td { color: black; background: yellow; }
+	td + td { background: aqua; }
+	td + td + td { background: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="width: 460px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 500px">500px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">600px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 150px">100px</td>
+    <td style="width: 300px">200px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 150px">150px</td>
+    <td style="width: 300px">300px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 460px">20%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 460px">100%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 460px">120%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 150px">20%</td>
+    <td style="width: 300px">40%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 150px">30%</td>
+    <td style="width: 300px">60%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 90px">20%</td>
+    <td style="width: 360px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 88px">20%</td>
+    <td style="width: 100px">100px</td>
+    <td style="width: 252px">div</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 450px">20%</td>
+    <td style="width: 0"><div style="width: 0">0</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 450px">20%</td>
+    <td style="width: 0"><div style="width: 0">0%</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 450px">100px</td>
+    <td style="width: 0"><div style="width: 0">0</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 450px">100px</td>
+    <td style="width: 0"><div style="width: 0">0%</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 225px">0</td>
+    <td style="width: 225px">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 225px">0%</td>
+    <td style="width: 225px">0</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/445142-2a.html b/layout/reftests/bugs/445142-2a.html
new file mode 100644
index 0000000000..e89c2fabd1
--- /dev/null
+++ b/layout/reftests/bugs/445142-2a.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>table-layout: fixed width distribution with unassigned space</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table, td { margin: 0; padding: 0; }
+
+	table {
+		table-layout: fixed;
+		width: 500px;
+		border-spacing: 10px 0;
+		margin-bottom: 2px;
+		padding: 0 10px;
+	}
+
+	td { color: black; background: yellow; }
+	td + td { background: aqua; }
+	td + td + td { background: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 500px">500px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 600px">600px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td style="width: 200px">200px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 150px">150px</td>
+    <td style="width: 300px">300px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100%">100%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 120%">120%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 40%">40%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 30%">30%</td>
+    <td style="width: 60%">60%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 100px">100px</td>
+    <td><div style="width: 100px">div</div></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 0">0</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="width: 0%">0%</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/445142-2b.html b/layout/reftests/bugs/445142-2b.html
new file mode 100644
index 0000000000..f633e498ff
--- /dev/null
+++ b/layout/reftests/bugs/445142-2b.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>table-layout: fixed width distribution with unassigned space</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	table, td { margin: 0; padding: 0; }
+
+	table {
+		table-layout: fixed;
+		width: 500px;
+		border-spacing: 10px 0;
+		margin-bottom: 2px;
+		padding: 0 10px;
+	}
+
+	td { color: black; background: yellow; }
+	td + td { background: aqua; }
+	td + td + td { background: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<!--
+
+A copy of 445142-1a.html where one of the widths is specified on a col
+instead of a td.
+
+-->
+
+<table>
+  <col style="width: 100px">
+  <tr>
+    <td>100px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 500px">
+  <tr>
+    <td>500px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 600px">
+  <tr>
+    <td>600px</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 200px">
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td>200px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 150px">
+  <col>
+  <tr>
+    <td style="width: 9999px">150px</td>
+    <td style="width: 300px">300px</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <tr>
+    <td>20%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 100%">
+  <tr>
+    <td>100%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 120%">
+  <tr>
+    <td>120%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <col>
+  <tr>
+    <td>20%</td>
+    <td style="width: 40%">40%</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 60%">
+  <tr>
+    <td style="width: 30%">30%</td>
+    <td style="width: 9999px">60%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <col>
+  <tr>
+    <td>20%</td>
+    <td style="width: 100px">100px</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 100px">
+  <col>
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td style="width: 5%">100px</td>
+    <td><div style="width: 100px">div</div></td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 20%">
+  <col>
+  <tr>
+    <td>20%</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 0%">
+  <tr>
+    <td style="width: 20%">20%</td>
+    <td>0%</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 0">
+  <tr>
+    <td style="width: 100px">100px</td>
+    <td>0</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 100px">
+  <col>
+  <tr>
+    <td>100px</td>
+    <td style="width: 0%">0%</td>
+  </tr>
+</table>
+
+<table>
+  <col style="width: 0">
+  <col>
+  <tr>
+    <td>0</td>
+    <td style="width: 0">0</td>
+  </tr>
+</table>
+
+<table>
+  <col>
+  <col style="width: 0">
+  <tr>
+    <td style="width: 0%">0%</td>
+    <td>0</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1a.html b/layout/reftests/bugs/446100-1a.html
new file mode 100644
index 0000000000..d556a8c8f9
--- /dev/null
+++ b/layout/reftests/bugs/446100-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.2">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1b.html b/layout/reftests/bugs/446100-1b.html
new file mode 100644
index 0000000000..935d2b5f90
--- /dev/null
+++ b/layout/reftests/bugs/446100-1b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1c.html b/layout/reftests/bugs/446100-1c.html
new file mode 100644
index 0000000000..9e37594e0b
--- /dev/null
+++ b/layout/reftests/bugs/446100-1c.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.8">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1d.html b/layout/reftests/bugs/446100-1d.html
new file mode 100644
index 0000000000..e82fc57c36
--- /dev/null
+++ b/layout/reftests/bugs/446100-1d.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="2.0">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1e.html b/layout/reftests/bugs/446100-1e.html
new file mode 100644
index 0000000000..00d2613137
--- /dev/null
+++ b/layout/reftests/bugs/446100-1e.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="0.8">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1f.html b/layout/reftests/bugs/446100-1f.html
new file mode 100644
index 0000000000..35d24ed89b
--- /dev/null
+++ b/layout/reftests/bugs/446100-1f.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="0.6666666">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1g.html b/layout/reftests/bugs/446100-1g.html
new file mode 100644
index 0000000000..33e834c9a5
--- /dev/null
+++ b/layout/reftests/bugs/446100-1g.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="0.5">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/446100-1h.html b/layout/reftests/bugs/446100-1h.html
new file mode 100644
index 0000000000..662e2a436a
--- /dev/null
+++ b/layout/reftests/bugs/446100-1h.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="0.3">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/447749-1-ref.html b/layout/reftests/bugs/447749-1-ref.html
new file mode 100644
index 0000000000..faebca087a
--- /dev/null
+++ b/layout/reftests/bugs/447749-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Bug 4477749</title>
+  <style type="text/css">
+   div.scroller { overflow: scroll; width: 100px; }
+   span { border: 1px solid blue; }
+  </style>
+ </head>
+ <body>
+  <div dir="ltr">
+   <div class="scroller"><span>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</span></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/447749-1.html b/layout/reftests/bugs/447749-1.html
new file mode 100644
index 0000000000..f747614f73
--- /dev/null
+++ b/layout/reftests/bugs/447749-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Bug 4477749</title>
+  <style type="text/css">
+   div.scroller { overflow: scroll; width: 100px; }
+   span { border: 1px solid blue; }
+  </style>
+  <script type="text/javascript">
+function testit()
+{
+  var inner=document.getElementById("testinner").childNodes[0];
+  window.getSelection().collapse(inner, 0);
+  document.getElementById("testmid").scrollLeft=-1000;
+  document.getElementById("testouter").style.direction="ltr";
+}
+  </script>
+ </head>
+ <body onload="testit()">
+  <div id="testouter" dir="rtl">
+   <div id="testmid" class="scroller"><span id="testinner">TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</span></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/448193-ref.html b/layout/reftests/bugs/448193-ref.html
new file mode 100644
index 0000000000..27402478d0
--- /dev/null
+++ b/layout/reftests/bugs/448193-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head>
+<title>3d effect degradation at 1px with border radius</title>
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  margin: 10px;
+  border-width: 1px;
+  border-style: solid;
+  -moz-border-radius: 20px;
+}
+</style>
+<body>
+<div style="border-color: #aa0000 #ff0000 #ff0000 #aa0000"></div>
+<div style="border-color: #ff0000 #aa0000 #aa0000 #ff0000"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/448193.html b/layout/reftests/bugs/448193.html
new file mode 100644
index 0000000000..db439b93fe
--- /dev/null
+++ b/layout/reftests/bugs/448193.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head>
+<title>3d effect degradation at 1px with border radius</title>
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  margin: 10px;
+  border-width: 1px;
+  border-color: red;
+  -moz-border-radius: 20px;
+}
+</style>
+<body>
+<div style="border-style: inset"></div>
+<div style="border-style: outset"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/449171-1.html b/layout/reftests/bugs/449171-1.html
new file mode 100644
index 0000000000..9eb01d7b5d
--- /dev/null
+++ b/layout/reftests/bugs/449171-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      @import url("data:text/css,.import { color: green }");
+      div { color: red }
+      @media {
+        .media { color: green }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="import">test</div>
+    <div class="media">test</div>
+  <body>
+</html>
diff --git a/layout/reftests/bugs/449171-ref.html b/layout/reftests/bugs/449171-ref.html
new file mode 100644
index 0000000000..f60066aa43
--- /dev/null
+++ b/layout/reftests/bugs/449171-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { color: green }
+    </style>
+  </head>
+  <body>
+    <div>test</div>
+    <div>test</div>
+  <body>
+</html>
diff --git a/layout/reftests/bugs/449362-1-ref.html b/layout/reftests/bugs/449362-1-ref.html
new file mode 100644
index 0000000000..531273827a
--- /dev/null
+++ b/layout/reftests/bugs/449362-1-ref.html
@@ -0,0 +1,43 @@
+<html>
+<head>
+    <title>FF3 Test</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	
+	<style>
+		td {
+			border: 1px solid;
+			vertical-align: top;
+		}
+	</style>
+</head>
+
+<body>
+
+<table id="pp_owned" align="center" cellpadding="0" cellspacing="0">
+    
+
+<tbody>
+  <tr >
+	<td >Column 1</td>
+    <td >Column 2</td>
+  </tr>
+  <tr>
+
+    <td >
+hello
+    </td>
+    <td >
+		<span id="B" >
+		    Now I am<br />
+		    higher.<br />
+
+		    Click me<br />
+		    Again!
+        </span>
+    </td>
+  </tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/449362-1.html b/layout/reftests/bugs/449362-1.html
new file mode 100644
index 0000000000..a90a1e56f4
--- /dev/null
+++ b/layout/reftests/bugs/449362-1.html
@@ -0,0 +1,74 @@
+<html class="reftest-wait">
+<head>
+    <title>FF3 Test</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	
+	<style>
+		td {
+			border: 1px solid;
+			vertical-align: top;
+		}
+	</style>
+	<script type="text/javascript" language="JavaScript">
+		/**
+		 * Display the element 'idShow' and hide the element 'idHide'.
+		 *
+		 * @param idShow the id of the element to show.
+		 * @param idHide the id of the element to hide.
+		 */
+		toggleElements = function(idShow, idHide)
+		{
+
+			var elementHide = document.getElementById(idHide);
+			var elementShow = document.getElementById(idShow);
+			if (elementHide && elementShow)
+			{
+				elementHide.style.display = 'none';
+				elementShow.style.display = '';
+			}
+
+		}
+  function doTest()
+  {
+    toggleElements('B', 'A');
+    document.documentElement.removeAttribute("class");
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+	</script>
+
+</head>
+
+<body>
+
+<table id="pp_owned" align="center" cellpadding="0" cellspacing="0">
+    
+<tbody>
+  <tr >
+	<td >Column 1</td>
+    <td >Column 2</td>
+  </tr>
+  <tr>
+
+    <td >
+hello
+    </td>
+    <td >
+        <span id="A">
+              Click me!
+		</span>
+		<span id="B" style="display: none;" >
+		    Now I am<br />
+		    higher.<br />
+
+		    Click me<br />
+		    Again!
+        </span>
+    </td>
+  </tr>
+</tbody>
+</table>
+</body>
+</html>
+
+
diff --git a/layout/reftests/bugs/449519-1-ref.html b/layout/reftests/bugs/449519-1-ref.html
new file mode 100644
index 0000000000..030b741ce1
--- /dev/null
+++ b/layout/reftests/bugs/449519-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="text-shadow: 5px 5px 1.5px red;">
+edcba
+</body>
+</html>
diff --git a/layout/reftests/bugs/449519-1.html b/layout/reftests/bugs/449519-1.html
new file mode 100644
index 0000000000..5cd48769fc
--- /dev/null
+++ b/layout/reftests/bugs/449519-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="text-shadow: 5px 5px 1.5px red;">
+<span style="direction: rtl; unicode-bidi: bidi-override">abcde</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/450670-1-ref.html b/layout/reftests/bugs/450670-1-ref.html
new file mode 100644
index 0000000000..687daee20e
--- /dev/null
+++ b/layout/reftests/bugs/450670-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body style="white-space:pre;">
+Hello
+</body>
+</html>
diff --git a/layout/reftests/bugs/450670-1.html b/layout/reftests/bugs/450670-1.html
new file mode 100644
index 0000000000..625bea3dc4
--- /dev/null
+++ b/layout/reftests/bugs/450670-1.html
@@ -0,0 +1,6 @@
+<html>
+<body style="text-align: justify;">
+<br>
+Hello
+</body>
+</html>
diff --git a/layout/reftests/bugs/451168-1-ref.html b/layout/reftests/bugs/451168-1-ref.html
new file mode 100644
index 0000000000..e4680c831a
--- /dev/null
+++ b/layout/reftests/bugs/451168-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<img src="mozilla-banner.gif">
+</body>
+</html>
diff --git a/layout/reftests/bugs/451168-1.html b/layout/reftests/bugs/451168-1.html
new file mode 100644
index 0000000000..f3f8ec0a5a
--- /dev/null
+++ b/layout/reftests/bugs/451168-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+a::before { content:url(mozilla-banner.gif); }
+</style>
+</head>
+<body>
+<a href="#"></a>
+</body>
+</html>
diff --git a/layout/reftests/bugs/451876-1-ref.html b/layout/reftests/bugs/451876-1-ref.html
new file mode 100644
index 0000000000..3d17fe5993
--- /dev/null
+++ b/layout/reftests/bugs/451876-1-ref.html
@@ -0,0 +1,30 @@
+<html>
+<head>
+<style type="text/css">
+div {
+ overflow: hidden;
+ height: 100px;
+}
+table {
+ table-layout: fixed;
+ border: 1px solid #000;
+ width: 100%;
+}
+td {
+ border: 1px solid #000;
+}
+</style>
+</head>
+<body>
+<div>
+ <table>
+  <tr>
+   <td width="200">Header1</td><td>Header2</td>
+  </tr>
+  <tr>
+   <td>Cell1</td><td>Cell2</td>
+  </tr>
+ </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/451876-1.html b/layout/reftests/bugs/451876-1.html
new file mode 100644
index 0000000000..da2b111560
--- /dev/null
+++ b/layout/reftests/bugs/451876-1.html
@@ -0,0 +1,30 @@
+<html>
+<head>
+<style type="text/css">
+div {
+ overflow: hidden;
+ height: 100px;
+}
+table {
+ table-layout: fixed;
+ border: 1px solid #000;
+ width: 100%;
+}
+td {
+ border: 1px solid #000;
+}
+</style>
+</head>
+<body onload="document.getElementById('bug').style.width='200px';">
+<div>
+ <table>
+  <tr>
+   <td width="100" id="bug">Header1</td><td>Header2</td>
+  </tr>
+  <tr>
+   <td>Cell1</td><td>Cell2</td>
+  </tr>
+ </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/451876-2-ref.html b/layout/reftests/bugs/451876-2-ref.html
new file mode 100644
index 0000000000..3714a83f64
--- /dev/null
+++ b/layout/reftests/bugs/451876-2-ref.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+div {
+ overflow: hidden;
+ height: 100px;
+}
+table {
+ table-layout: fixed;
+ border: 1px solid #000;
+ width: 100%;
+}
+td {
+ border: 1px solid #000;
+}
+</style>
+</head>
+<body>
+<div>
+ <table>
+  <tr>
+   <td width="200">Header1</td><td>Header2</td>
+  </tr>
+  <tr>
+   <td>Cell1</td><td>Cell2</td>
+  </tr>
+ </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/451876-2.html b/layout/reftests/bugs/451876-2.html
new file mode 100644
index 0000000000..c2b011d4ee
--- /dev/null
+++ b/layout/reftests/bugs/451876-2.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+div {
+ overflow: hidden;
+ height: 100px;
+}
+table {
+ table-layout: fixed;
+ border: 1px solid #000;
+ width: 100%;
+}
+td {
+ border: 1px solid #000;
+}
+</style>
+</head>
+<body onload="document.getElementById('bug').style.width='200px';">
+<div>
+ <table>
+  <tr>
+   <td width="100" id="bug">Header1</td><td>Header2</td>
+  </tr>
+  <tr>
+   <td>Cell1</td><td>Cell2</td>
+  </tr>
+ </table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/452915-1-ref.html b/layout/reftests/bugs/452915-1-ref.html
new file mode 100644
index 0000000000..58eabfe7a4
--- /dev/null
+++ b/layout/reftests/bugs/452915-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>HTML5 Rendering section: No border for linked images.</title>
+</head>
+<body><img src="solidblue.png"></body>
+</html>
diff --git a/layout/reftests/bugs/452915-1.html b/layout/reftests/bugs/452915-1.html
new file mode 100644
index 0000000000..467ab4f70e
--- /dev/null
+++ b/layout/reftests/bugs/452915-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>HTML5 Rendering section: No border for linked images.</title>
+</head>
+<body><a href="about:blank"><img src="solidblue.png"></a></body>
+</html>
diff --git a/layout/reftests/bugs/452964-1-ref.html b/layout/reftests/bugs/452964-1-ref.html
new file mode 100644
index 0000000000..6e0af83a62
--- /dev/null
+++ b/layout/reftests/bugs/452964-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { display: table; }
+      p { display: table-row; }
+      span { display: table-cell; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <p>
+        <span>Test</span>
+      </p>
+      <p>
+        <span>Col 1</span>
+        <span>Col 2</span>
+      </p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/452964-1.html b/layout/reftests/bugs/452964-1.html
new file mode 100644
index 0000000000..83ed94b478
--- /dev/null
+++ b/layout/reftests/bugs/452964-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div::before { content: "Test"; }
+      div { display: table; }
+      p { display: table-row; }
+      span { display: table-cell; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <p>
+        <span>Col 1</span>
+        <span>Col 2</span>
+      </p>
+    </div>
+  </body>
+</html>
+        
diff --git a/layout/reftests/bugs/454361.html b/layout/reftests/bugs/454361.html
new file mode 100644
index 0000000000..cde4bf0267
--- /dev/null
+++ b/layout/reftests/bugs/454361.html
@@ -0,0 +1,6 @@
+<html style="position: absolute; display: none">
+<head>
+</head>
+<body>Hello Kitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/455105-1.html b/layout/reftests/bugs/455105-1.html
new file mode 100644
index 0000000000..d1ec887add
--- /dev/null
+++ b/layout/reftests/bugs/455105-1.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html><head><title>455105-1</title>
+<style>
+div#below {
+  position: absolute;
+  top: 10px; left: 10px;
+  width: 40px;
+  height: 40px;
+  border: 10px solid red;
+  background-color: red;
+}
+div#above {
+  position: absolute;
+  top: 10px; left: 10px;
+  width: 40px;
+  height: 40px;
+  border-width: 10px;
+  border-style: solid;
+  border-color: initial;
+  color: rgba(0,0,0,0);
+  background-image: url("data:image/gif;base64,\
+R0lGODlhAQABAPAAAACAAAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==");
+}
+</style>
+</head><body>
+<div id="below"></div>
+<div id="above"></div>
+</body></html>
diff --git a/layout/reftests/bugs/455105-2.html b/layout/reftests/bugs/455105-2.html
new file mode 100644
index 0000000000..ee546d00ef
--- /dev/null
+++ b/layout/reftests/bugs/455105-2.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html><head><title>455105-2</title>
+<style>
+div#below {
+  position: absolute;
+  top: 10px; left: 10px;
+  width: 40px;
+  height: 40px;
+  border: 10px solid red;
+  background-color: red;
+}
+div#above {
+  position: absolute;
+  top: 10px; left: 10px;
+  width: 40px;
+  height: 40px;
+  border-width: 10px;
+  border-style: solid;
+  border-color: green;
+  /* one pixel green */
+  background-image: url("data:image/gif;base64,\
+R0lGODlhAQABAPAAAACAAAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==");
+  /* three by three pixel transparent - drawn *instead of* regular border */
+  border-image: url("data:image/gif;base64,\
+R0lGODlhAwADAPAAAAAAAAAAACH5BAEAAAAALAAAAAADAAMAAAIDhH8FADs=") 1 1;
+}
+</style>
+</head><body>
+<div id="below"></div>
+<div id="above"></div>
+</body></html>
diff --git a/layout/reftests/bugs/455105-ref.html b/layout/reftests/bugs/455105-ref.html
new file mode 100644
index 0000000000..c170fc4966
--- /dev/null
+++ b/layout/reftests/bugs/455105-ref.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html><head><title>455105 ref</title>
+<style>
+div {
+  position: absolute;
+  top: 10px; left: 10px;
+  width: 40px;
+  height: 40px;
+  border-width: 10px;
+  border-style: solid;
+  border-color: green;
+  background-color: green;
+}
+</style>
+</head><body>
+<div></div>
+</body></html>
diff --git a/layout/reftests/bugs/455171-5-ref.html b/layout/reftests/bugs/455171-5-ref.html
new file mode 100644
index 0000000000..ed8a18e5b0
--- /dev/null
+++ b/layout/reftests/bugs/455171-5-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Testcase for hypothetical box calculation for position:fixed inside transform</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="margin: 30px 0 0 10px; height: 10px; width: 10px; background: blue"></div>
diff --git a/layout/reftests/bugs/455171-5.html b/layout/reftests/bugs/455171-5.html
new file mode 100644
index 0000000000..9538fd1d3a
--- /dev/null
+++ b/layout/reftests/bugs/455171-5.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<title>Testcase for hypothetical box calculation for position:fixed inside transform</title>
+<style type="text/css">
+html, body { margin: 0; padding: 0; }
+</style>
+<div style="transform: translate(10px,10px); width:0">
+  <div style="height: 20px"></div>
+  <div style="position: fixed; height: 10px; width: 10px; background: blue"></div>
+</div>
diff --git a/layout/reftests/bugs/455280-1-ref.xhtml b/layout/reftests/bugs/455280-1-ref.xhtml
new file mode 100644
index 0000000000..0d5df2fad4
--- /dev/null
+++ b/layout/reftests/bugs/455280-1-ref.xhtml
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+  <div style="width:160px; height:160px; position:relative; left:120px; top:120px; background:lime;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/455280-1.xhtml b/layout/reftests/bugs/455280-1.xhtml
new file mode 100644
index 0000000000..cc2418ffa1
--- /dev/null
+++ b/layout/reftests/bugs/455280-1.xhtml
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<body>
+  <div style="width:400px; height:400px; clip-path: url(#c1); background:lime; transform:scale(0.5)"></div>
+  <svg:svg height="0">
+    <svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
+      <svg:rect x="0.1" y="0.1" width="0.8" height="0.8"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/455826-1-ref.html b/layout/reftests/bugs/455826-1-ref.html
new file mode 100644
index 0000000000..7bc0743de6
--- /dev/null
+++ b/layout/reftests/bugs/455826-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body style="font-family: monospace; white-space:pre;">aa
+aa
+a<b>a a</b></body>
+</html>
diff --git a/layout/reftests/bugs/455826-1.html b/layout/reftests/bugs/455826-1.html
new file mode 100644
index 0000000000..b9ae24e2bc
--- /dev/null
+++ b/layout/reftests/bugs/455826-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+<body style="font-family: monospace; width: 4.1ch;">aa aa a<b>a a</b></body>
+</html>
diff --git a/layout/reftests/bugs/456147-ref.html b/layout/reftests/bugs/456147-ref.html
new file mode 100644
index 0000000000..f2977e4765
--- /dev/null
+++ b/layout/reftests/bugs/456147-ref.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html><head><title>Colored strikethrough test</title>
+<style>
+/* In order to ensure consistency between the HTML reference and XUL
+   test case, we explicitly specify all relevant style properties.  */
+* {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  text-decoration-skip-ink: none;
+}
+body {
+  padding: 8px;
+  background-color: white;
+}
+span {
+  color: black;
+  font: normal normal normal 12pt/14pt serif;
+  display: block;
+  height: 30px;
+}
+div#under {
+  text-decoration: underline;
+  color: orange;
+}
+div#strike {
+  text-decoration: line-through;
+  color: blue;
+}
+</style>
+</head>
+<body>
+<div><span>The next three lines should all have:</span></div>
+<div id="under">
+<div id="strike">
+<span>No overline.</span>
+<span>Orange underline.</span>
+<span>Blue strikethrough.</span>
+</div>
+</div>
+</body></html>
diff --git a/layout/reftests/bugs/456147.css b/layout/reftests/bugs/456147.css
new file mode 100644
index 0000000000..7f8647ce9b
--- /dev/null
+++ b/layout/reftests/bugs/456147.css
@@ -0,0 +1,27 @@
+/* In order to ensure consistency between the HTML reference and XUL
+   test case, we explicitly specify all relevant style properties.  */
+* {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background-color: transparent;
+}
+window {
+  padding: 8px;
+  background-color: white;
+}
+label, description {
+  color: black;
+  font: normal normal normal 12pt/14pt serif;
+  height: 30px;
+}
+vbox#under {
+  text-decoration: underline;
+  text-decoration-skip-ink: none;
+  color: orange;
+}
+vbox#strike {
+  text-decoration: line-through;
+  text-decoration-skip-ink: none;
+  color: blue;
+}
diff --git a/layout/reftests/bugs/456147.xhtml b/layout/reftests/bugs/456147.xhtml
new file mode 100644
index 0000000000..02871716c7
--- /dev/null
+++ b/layout/reftests/bugs/456147.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="456147.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        title="Colored strikethrough test">
+<label value="The next three lines should all have:"/>
+<vbox id="under">
+<vbox id="strike">
+<label       value="No overline."/>
+<label       value="Orange underline."/>
+<description value="Blue strikethrough."/>
+</vbox>
+</vbox>
+</window>
diff --git a/layout/reftests/bugs/456219-1-mask-wArA.png b/layout/reftests/bugs/456219-1-mask-wArA.png
new file mode 100644
index 0000000000..f3901b4aa2
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wArA.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wArB.png b/layout/reftests/bugs/456219-1-mask-wArB.png
new file mode 100644
index 0000000000..b4ca1d79e2
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wArB.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wArC.png b/layout/reftests/bugs/456219-1-mask-wArC.png
new file mode 100644
index 0000000000..7dadce8da1
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wArC.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wArD.png b/layout/reftests/bugs/456219-1-mask-wArD.png
new file mode 100644
index 0000000000..b5810dc4b8
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wArD.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wArE.png b/layout/reftests/bugs/456219-1-mask-wArE.png
new file mode 100644
index 0000000000..aa415b734d
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wArE.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wBrA.png b/layout/reftests/bugs/456219-1-mask-wBrA.png
new file mode 100644
index 0000000000..b0df7a2065
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wBrA.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wBrB.png b/layout/reftests/bugs/456219-1-mask-wBrB.png
new file mode 100644
index 0000000000..9a88c65964
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wBrB.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wBrC.png b/layout/reftests/bugs/456219-1-mask-wBrC.png
new file mode 100644
index 0000000000..641aa9a5c3
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wBrC.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wBrD.png b/layout/reftests/bugs/456219-1-mask-wBrD.png
new file mode 100644
index 0000000000..a0d17a8f0d
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wBrD.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wBrE.png b/layout/reftests/bugs/456219-1-mask-wBrE.png
new file mode 100644
index 0000000000..831bea7fcb
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wBrE.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wCrA.png b/layout/reftests/bugs/456219-1-mask-wCrA.png
new file mode 100644
index 0000000000..6826f1df8a
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wCrA.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wCrB.png b/layout/reftests/bugs/456219-1-mask-wCrB.png
new file mode 100644
index 0000000000..35eb4e2c8e
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wCrB.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wCrC.png b/layout/reftests/bugs/456219-1-mask-wCrC.png
new file mode 100644
index 0000000000..a2e8644a25
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wCrC.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wCrD.png b/layout/reftests/bugs/456219-1-mask-wCrD.png
new file mode 100644
index 0000000000..c8b5e6be8a
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wCrD.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wCrE.png b/layout/reftests/bugs/456219-1-mask-wCrE.png
new file mode 100644
index 0000000000..c8b5e6be8a
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wCrE.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wDrA.png b/layout/reftests/bugs/456219-1-mask-wDrA.png
new file mode 100644
index 0000000000..901e2cef8b
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wDrA.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wDrB.png b/layout/reftests/bugs/456219-1-mask-wDrB.png
new file mode 100644
index 0000000000..bb4bdb99eb
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wDrB.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wDrC.png b/layout/reftests/bugs/456219-1-mask-wDrC.png
new file mode 100644
index 0000000000..37301e813b
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wDrC.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wDrD.png b/layout/reftests/bugs/456219-1-mask-wDrD.png
new file mode 100644
index 0000000000..0d01c5a0e5
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wDrD.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wDrE.png b/layout/reftests/bugs/456219-1-mask-wDrE.png
new file mode 100644
index 0000000000..99c6a60bd8
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wDrE.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wErA.png b/layout/reftests/bugs/456219-1-mask-wErA.png
new file mode 100644
index 0000000000..69b3588499
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wErA.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wErB.png b/layout/reftests/bugs/456219-1-mask-wErB.png
new file mode 100644
index 0000000000..4159c22c5b
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wErB.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wErC.png b/layout/reftests/bugs/456219-1-mask-wErC.png
new file mode 100644
index 0000000000..50436f63ea
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wErC.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wErD.png b/layout/reftests/bugs/456219-1-mask-wErD.png
new file mode 100644
index 0000000000..a1129e53ee
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wErD.png differ
diff --git a/layout/reftests/bugs/456219-1-mask-wErE.png b/layout/reftests/bugs/456219-1-mask-wErE.png
new file mode 100644
index 0000000000..9aa2eaafe0
Binary files /dev/null and b/layout/reftests/bugs/456219-1-mask-wErE.png differ
diff --git a/layout/reftests/bugs/456219-1-ref.html b/layout/reftests/bugs/456219-1-ref.html
new file mode 100644
index 0000000000..e4e393b216
--- /dev/null
+++ b/layout/reftests/bugs/456219-1-ref.html
@@ -0,0 +1,80 @@
+<!doctype html>
+<html><head>
+<title>background-clip interaction with border-radius</title>
+<style>
+/* If you fix bug #466572, you can substantially simplify this test
+   case. */
+
+table { table-layout: fixed; width: 550px }
+td { width: 110px; height: 110px; text-align: center }
+div.i {
+   z-index: 0;
+   width: 70px;
+   height: 70px;
+   border-style: solid;
+   border-color: transparent;
+   background-color: green;
+}
+.rA div.i { border-radius: 10px; }
+.rB div.i { border-radius: 20px; }
+.rC div.i { border-radius: 30px; }
+.rD div.i { border-radius: 40px; }
+.rE div.i { border-radius: 50px; }
+
+.wA div.i { border-width: 10px 10px 10px 10px; }
+.wB div.i { border-width: 20px 20px 20px 20px; }
+.wC div.i { border-width: 5px 20px 5px 20px; }
+.wD div.i { border-width: 20px 20px 5px 5px; }
+.wE div.i { border-width: 5px 10px 15px 20px; }
+
+div.o {
+  display: inline-block;
+  position: relative;
+}
+img {
+  position: absolute; top: 0; left: 0;
+  z-index: 1;
+}
+</style>
+</head><body>
+<table>
+<tr class="wA">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wArA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wArB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wArC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wArD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wArE.png"></div></td>
+</tr>
+<tr class="wB">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrE.png"></div></td>
+</tr>
+<tr class="wC">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrE.png"></div></td>
+</tr>
+<tr class="wD">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrE.png"></div></td>
+</tr>
+<tr class="wE">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wErA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wErB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wErC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wErD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wErE.png"></div></td>
+</tr>
+</table>
+
+<p>Inside each green shape, there should be no white.</p>
+
+</body></html>
diff --git a/layout/reftests/bugs/456219-1a.html b/layout/reftests/bugs/456219-1a.html
new file mode 100644
index 0000000000..da18c89d3b
--- /dev/null
+++ b/layout/reftests/bugs/456219-1a.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html><head>
+<title>background-clip interaction with border-radius</title>
+<style>
+/* If you fix bug #466572, you can substantially simplify this test
+   case. */
+
+table { table-layout: fixed; width: 550px }
+td { width: 110px; height: 110px; text-align: center }
+div.i {
+   z-index: 0;
+   width: 70px;
+   height: 70px;
+   border-style: solid;
+   border-color: green;
+   background-clip: padding-box;
+   background-color: green;
+}
+.rA div.i { border-radius: 10px; }
+.rB div.i { border-radius: 20px; }
+.rC div.i { border-radius: 30px; }
+.rD div.i { border-radius: 40px; }
+.rE div.i { border-radius: 50px; }
+
+.wA div.i { border-width: 10px 10px 10px 10px; }
+.wB div.i { border-width: 20px 20px 20px 20px; }
+.wC div.i { border-width: 5px 20px 5px 20px; }
+.wD div.i { border-width: 20px 20px 5px 5px; }
+.wE div.i { border-width: 5px 10px 15px 20px; }
+
+div.o {
+  display: inline-block;
+  position: relative;
+}
+img {
+  position: absolute; top: 0; left: 0;
+  z-index: 1;
+}
+</style>
+</head><body>
+<table>
+<tr class="wA">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wArA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wArB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wArC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wArD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wArE.png"></div></td>
+</tr>
+<tr class="wB">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrE.png"></div></td>
+</tr>
+<tr class="wC">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrE.png"></div></td>
+</tr>
+<tr class="wD">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrE.png"></div></td>
+</tr>
+<tr class="wE">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wErA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wErB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wErC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wErD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wErE.png"></div></td>
+</tr>
+</table>
+
+<p>Inside each green shape, there should be no white.</p>
+
+</body></html>
diff --git a/layout/reftests/bugs/456219-1b.html b/layout/reftests/bugs/456219-1b.html
new file mode 100644
index 0000000000..257f31e194
--- /dev/null
+++ b/layout/reftests/bugs/456219-1b.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html><head>
+<title>background-clip interaction with border-radius</title>
+<style>
+/* If you fix bug #466572, you can substantially simplify this test
+   case. */
+
+table { table-layout: fixed; width: 550px }
+td { width: 110px; height: 110px; text-align: center }
+div.i {
+   z-index: 0;
+   width: 70px;
+   height: 70px;
+   border-style: solid;
+   border-color: green;
+   background-clip: padding-box;
+   background-image: url("data:image/gif;base64,R0lGODdhAQABAPAAAACAAAAAACwAAAAAAQABAAACAkQBADs=");
+}
+.rA div.i { border-radius: 10px; }
+.rB div.i { border-radius: 20px; }
+.rC div.i { border-radius: 30px; }
+.rD div.i { border-radius: 40px; }
+.rE div.i { border-radius: 50px; }
+
+.wA div.i { border-width: 10px 10px 10px 10px; }
+.wB div.i { border-width: 20px 20px 20px 20px; }
+.wC div.i { border-width: 5px 20px 5px 20px; }
+.wD div.i { border-width: 20px 20px 5px 5px; }
+.wE div.i { border-width: 5px 10px 15px 20px; }
+
+div.o {
+  display: inline-block;
+  position: relative;
+}
+img {
+  position: absolute; top: 0; left: 0;
+  z-index: 1;
+}
+</style>
+</head><body>
+<table>
+<tr class="wA">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wArA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wArB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wArC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wArD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wArE.png"></div></td>
+</tr>
+<tr class="wB">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrE.png"></div></td>
+</tr>
+<tr class="wC">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrE.png"></div></td>
+</tr>
+<tr class="wD">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrE.png"></div></td>
+</tr>
+<tr class="wE">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wErA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wErB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wErC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wErD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wErE.png"></div></td>
+</tr>
+</table>
+
+<p>Inside each green shape, there should be no white.</p>
+
+</body></html>
diff --git a/layout/reftests/bugs/456219-1c.html b/layout/reftests/bugs/456219-1c.html
new file mode 100644
index 0000000000..b9094582ff
--- /dev/null
+++ b/layout/reftests/bugs/456219-1c.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html><head>
+<title>background-clip interaction with border-radius</title>
+<style>
+/* If you fix bug #466572, you can substantially simplify this test
+   case. */
+
+table { table-layout: fixed; width: 550px }
+td { width: 110px; height: 110px; text-align: center }
+div.i {
+   z-index: 0;
+   width: 70px;
+   height: 70px;
+   border-style: solid;
+   border-color: green;
+   background-clip: padding-box;
+   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaAQMAAAACZtNBAAAAA1BMVEUAgACc+aWRAAAAEklEQVQYGWNgGAWjYBSMgsECAASSAAFZGYSDAAAAAElFTkSuQmCC");
+}
+.rA div.i { border-radius: 10px; }
+.rB div.i { border-radius: 20px; }
+.rC div.i { border-radius: 30px; }
+.rD div.i { border-radius: 40px; }
+.rE div.i { border-radius: 50px; }
+
+.wA div.i { border-width: 10px 10px 10px 10px; }
+.wB div.i { border-width: 20px 20px 20px 20px; }
+.wC div.i { border-width: 5px 20px 5px 20px; }
+.wD div.i { border-width: 20px 20px 5px 5px; }
+.wE div.i { border-width: 5px 10px 15px 20px; }
+
+div.o {
+  display: inline-block;
+  position: relative;
+}
+img {
+  position: absolute; top: 0; left: 0;
+  z-index: 1;
+}
+
+</style>
+</head><body>
+<table>
+<tr class="wA">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wArA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wArB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wArC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wArD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wArE.png"></div></td>
+</tr>
+<tr class="wB">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wBrE.png"></div></td>
+</tr>
+<tr class="wC">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wCrE.png"></div></td>
+</tr>
+<tr class="wD">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wDrE.png"></div></td>
+</tr>
+<tr class="wE">
+  <td class="rA"><div class="o"><div class="i"></div><img src="456219-1-mask-wErA.png"></div></td>
+  <td class="rB"><div class="o"><div class="i"></div><img src="456219-1-mask-wErB.png"></div></td>
+  <td class="rC"><div class="o"><div class="i"></div><img src="456219-1-mask-wErC.png"></div></td>
+  <td class="rD"><div class="o"><div class="i"></div><img src="456219-1-mask-wErD.png"></div></td>
+  <td class="rE"><div class="o"><div class="i"></div><img src="456219-1-mask-wErE.png"></div></td>
+</tr>
+</table>
+
+<p>Inside each green shape, there should be no white.</p>
+</body></html>
diff --git a/layout/reftests/bugs/456219-2-mask.png b/layout/reftests/bugs/456219-2-mask.png
new file mode 100644
index 0000000000..ff406b3897
Binary files /dev/null and b/layout/reftests/bugs/456219-2-mask.png differ
diff --git a/layout/reftests/bugs/456219-2-ref.html b/layout/reftests/bugs/456219-2-ref.html
new file mode 100644
index 0000000000..bc97cd4749
--- /dev/null
+++ b/layout/reftests/bugs/456219-2-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style type="text/css">
+/* If you fix bug #466572, you can remove the IMG
+   and related styling from this test case.  */
+body { background: white; color: black; margin: 0 }
+div {
+  background: aqua;
+  color: black;
+  height: 75px;
+  width: 75px;
+  padding: 15px;
+  border: 20px solid;
+  border-radius: 25px;
+  border-color: transparent;
+  background-clip: padding-box;
+}
+img {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+<img src="456219-2-mask.png">
+</body>
+</html>
diff --git a/layout/reftests/bugs/456219-2.html b/layout/reftests/bugs/456219-2.html
new file mode 100644
index 0000000000..923a504a40
--- /dev/null
+++ b/layout/reftests/bugs/456219-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title></title>
+<style type="text/css">
+/* If you fix bug #466572, you can remove the IMG
+   and related styling from this test case.  */
+body { background: white; color: black; margin: 0 }
+div {
+  background: aqua;
+  color: black;
+  height: 75px;
+  width: 75px;
+  padding: 15px;
+  border: 20px solid;
+  border-radius: 25px;
+  border-color: white;
+}
+img {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+<img src="456219-2-mask.png">
+</body>
+</html>
diff --git a/layout/reftests/bugs/456330-1-ref.png b/layout/reftests/bugs/456330-1-ref.png
new file mode 100644
index 0000000000..3f1445ab11
Binary files /dev/null and b/layout/reftests/bugs/456330-1-ref.png differ
diff --git a/layout/reftests/bugs/456330-1.gif b/layout/reftests/bugs/456330-1.gif
new file mode 100644
index 0000000000..0829b64887
Binary files /dev/null and b/layout/reftests/bugs/456330-1.gif differ
diff --git a/layout/reftests/bugs/456484-1-ref.html b/layout/reftests/bugs/456484-1-ref.html
new file mode 100644
index 0000000000..cc8f9ed69b
--- /dev/null
+++ b/layout/reftests/bugs/456484-1-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<title>Inside block shrinkwraps when outside inline-block has scrollframe</title>
+<style>
+div {
+  border: 1px solid black;
+}
+</style>
+</head>
+<body>
+
+<div style="display: inline-block; width: 500px; background-color: red;">
+<div style="background-color: lime;">
+div
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/456484-1.html b/layout/reftests/bugs/456484-1.html
new file mode 100644
index 0000000000..58c1d5829d
--- /dev/null
+++ b/layout/reftests/bugs/456484-1.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<title>Inside block shrinkwraps when outside inline-block has scrollframe</title>
+<style>
+div {
+  border: 1px solid black;
+}
+</style>
+</head>
+<body>
+
+<div style="display: inline-block; width: 500px; overflow: auto; background-color: red;">
+<div style="background-color: lime;">
+div
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/457398-1-ref.html b/layout/reftests/bugs/457398-1-ref.html
new file mode 100644
index 0000000000..de5db31db1
--- /dev/null
+++ b/layout/reftests/bugs/457398-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+span { color: green; }
+</style></head>
+<body>
+<div><span>T</span>est</div>
+<div style="float:left; width:100px; height:200px; background:yellow;"></div>
+<div style="clear:both"><span>T</span>est</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/457398-1.html b/layout/reftests/bugs/457398-1.html
new file mode 100644
index 0000000000..4576e1d42e
--- /dev/null
+++ b/layout/reftests/bugs/457398-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+div::first-letter { color: green; }
+</style></head>
+<body>
+<div style="width:0"> <span></span>Test</div>
+<span style="float:left; width:100px; height:200px; background:yellow;"></span>
+<div style="width:0"> <span></span>Test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/457398-2-ref.html b/layout/reftests/bugs/457398-2-ref.html
new file mode 100644
index 0000000000..25a03a0202
--- /dev/null
+++ b/layout/reftests/bugs/457398-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+span { display:inline-block; width:20px; }
+</style></head>
+<body>
+<div><span></span>Test</div>
+<div style="float:left; width:100px; height:200px; background:yellow;"></div>
+<div style="clear:both"><span></span>Test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/457398-2.html b/layout/reftests/bugs/457398-2.html
new file mode 100644
index 0000000000..1951ce0aab
--- /dev/null
+++ b/layout/reftests/bugs/457398-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head><style>
+div { text-indent:20px; }
+</style></head>
+<body>
+<div style="width:0"> <span></span>Test</div>
+<span style="float:left; width:100px; height:200px; background:yellow;"></span>
+<div style="width:0"> <span></span>Test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458296-1-ref.html b/layout/reftests/bugs/458296-1-ref.html
new file mode 100644
index 0000000000..8ba9e6194b
--- /dev/null
+++ b/layout/reftests/bugs/458296-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:auto; width:300px; height:300px; background:green;">
+  <div style="height:100px;"></div>
+  <div style="height:200px; margin-left:100px; margin-right:100px; width:100px; background:yellow;"></div>
+  <div style="height:100px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458296-1a.html b/layout/reftests/bugs/458296-1a.html
new file mode 100644
index 0000000000..e5edd2a0f9
--- /dev/null
+++ b/layout/reftests/bugs/458296-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:auto; width:100px; height:100px; padding:100px; background:green;">
+  <div style="height:200px; width:100px; background:yellow;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458296-1b.html b/layout/reftests/bugs/458296-1b.html
new file mode 100644
index 0000000000..f56f55e44a
--- /dev/null
+++ b/layout/reftests/bugs/458296-1b.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:auto; width:300px; height:300px; background:green;">
+  <div style="height:200px; width:100px; margin:100px; background:yellow;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458296-1c.html b/layout/reftests/bugs/458296-1c.html
new file mode 100644
index 0000000000..98bbf4bdee
--- /dev/null
+++ b/layout/reftests/bugs/458296-1c.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:auto; width:300px; height:300px; background:green;">
+  <div style="height:100px; margin-top:100px;">
+    <div style="height:200px; margin-left:100px; width:100px; margin-bottom:100px; margin-right:100px; background:yellow;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458296-1d.html b/layout/reftests/bugs/458296-1d.html
new file mode 100644
index 0000000000..9a72de2ce5
--- /dev/null
+++ b/layout/reftests/bugs/458296-1d.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:auto; width:300px; height:300px; background:green;">
+  <div style="height:200px; margin:100px; width:100px; float:left; background:yellow;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-1-ref.html b/layout/reftests/bugs/458487-1-ref.html
new file mode 100644
index 0000000000..edbae0dd0c
--- /dev/null
+++ b/layout/reftests/bugs/458487-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; top:30px; left:30px;
+            background: url(mozilla-banner.gif) no-repeat; width:600px; height:100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-1a.html b/layout/reftests/bugs/458487-1a.html
new file mode 100644
index 0000000000..45990bc587
--- /dev/null
+++ b/layout/reftests/bugs/458487-1a.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="margin:30px; border:30px solid rgba(0,0,0,0);
+             background: url(mozilla-banner.gif) no-repeat;
+              background-origin: border-box; height:100px;">
+</html>
diff --git a/layout/reftests/bugs/458487-1b.html b/layout/reftests/bugs/458487-1b.html
new file mode 100644
index 0000000000..53f089de92
--- /dev/null
+++ b/layout/reftests/bugs/458487-1b.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="border:30px solid rgba(0,0,0,0);
+             background: url(mozilla-banner.gif) no-repeat;
+              background-origin: padding-box; height:100px;">
+</html>
diff --git a/layout/reftests/bugs/458487-1c.html b/layout/reftests/bugs/458487-1c.html
new file mode 100644
index 0000000000..ebc08f607b
--- /dev/null
+++ b/layout/reftests/bugs/458487-1c.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html style="padding:30px; background: url(mozilla-banner.gif) no-repeat;
+              background-origin: content-box; height:100px;">
+</html>
diff --git a/layout/reftests/bugs/458487-1d.html b/layout/reftests/bugs/458487-1d.html
new file mode 100644
index 0000000000..477700f4d7
--- /dev/null
+++ b/layout/reftests/bugs/458487-1d.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html style="background: url(mozilla-banner.gif) no-repeat;
+             background-position:100% 30px; height:100px; width:630px;">
+</html>
diff --git a/layout/reftests/bugs/458487-1e.html b/layout/reftests/bugs/458487-1e.html
new file mode 100644
index 0000000000..c1eeae80fb
--- /dev/null
+++ b/layout/reftests/bugs/458487-1e.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="margin:30px; border:30px solid rgba(0,0,0,0); height:100px;">
+<body style="background: url(mozilla-banner.gif) no-repeat; background-origin: border-box;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-1f.html b/layout/reftests/bugs/458487-1f.html
new file mode 100644
index 0000000000..37ff3ef2ad
--- /dev/null
+++ b/layout/reftests/bugs/458487-1f.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="border:30px solid rgba(0,0,0,0); height:100px;">
+<body style="background: url(mozilla-banner.gif) no-repeat; background-origin: padding-box;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-1g.html b/layout/reftests/bugs/458487-1g.html
new file mode 100644
index 0000000000..5570443046
--- /dev/null
+++ b/layout/reftests/bugs/458487-1g.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="padding:30px; height:100px;">
+<body style="background: url(mozilla-banner.gif) no-repeat; background-origin: content-box;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-1h.html b/layout/reftests/bugs/458487-1h.html
new file mode 100644
index 0000000000..e9fdc8ba0c
--- /dev/null
+++ b/layout/reftests/bugs/458487-1h.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="height:100px; width:630px;">
+<body style="background: url(mozilla-banner.gif) no-repeat; background-position:100% 30px;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-2-ref.html b/layout/reftests/bugs/458487-2-ref.html
new file mode 100644
index 0000000000..5d4ec7000c
--- /dev/null
+++ b/layout/reftests/bugs/458487-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { width:198px; overflow:hidden; background: url(mozilla-banner.gif) no-repeat; height:100px; border:1px solid; }
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-2.html b/layout/reftests/bugs/458487-2.html
new file mode 100644
index 0000000000..0fe2e5845d
--- /dev/null
+++ b/layout/reftests/bugs/458487-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { width:198.2px; background: url(mozilla-banner.gif) no-repeat; height:100px; border:1px solid; }
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-3-iframe.html b/layout/reftests/bugs/458487-3-iframe.html
new file mode 100644
index 0000000000..2bd2ebbe41
--- /dev/null
+++ b/layout/reftests/bugs/458487-3-iframe.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0;">
+<img src="mozilla-banner.gif">
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-3-ref.html b/layout/reftests/bugs/458487-3-ref.html
new file mode 100644
index 0000000000..a4f0a5a34e
--- /dev/null
+++ b/layout/reftests/bugs/458487-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<img src="mozilla-banner.gif" style="margin-left:100px;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-3.html b/layout/reftests/bugs/458487-3.html
new file mode 100644
index 0000000000..9cb42bc5c4
--- /dev/null
+++ b/layout/reftests/bugs/458487-3.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<iframe style="margin-left:100px; border:none; width:650px; height:150px;" src="458487-3-iframe.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-4-ref.html b/layout/reftests/bugs/458487-4-ref.html
new file mode 100644
index 0000000000..2fb2c23320
--- /dev/null
+++ b/layout/reftests/bugs/458487-4-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<html style="background: url(mozilla-banner.gif) no-repeat;">
+</html>
diff --git a/layout/reftests/bugs/458487-4a.html b/layout/reftests/bugs/458487-4a.html
new file mode 100644
index 0000000000..c537eab79b
--- /dev/null
+++ b/layout/reftests/bugs/458487-4a.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="margin:30px; border:30px solid rgba(0,0,0,0);
+             background: url(mozilla-banner.gif) no-repeat fixed;
+             background-origin: border-box; height:10px;">
+</html>
diff --git a/layout/reftests/bugs/458487-4b.html b/layout/reftests/bugs/458487-4b.html
new file mode 100644
index 0000000000..231fe904b9
--- /dev/null
+++ b/layout/reftests/bugs/458487-4b.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html style="border:30px solid rgba(0,0,0,0);
+             background: url(mozilla-banner.gif) no-repeat fixed;
+             background-origin: padding-box; height:10px;">
+</html>
diff --git a/layout/reftests/bugs/458487-4c.html b/layout/reftests/bugs/458487-4c.html
new file mode 100644
index 0000000000..6e6503e680
--- /dev/null
+++ b/layout/reftests/bugs/458487-4c.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html style="margin:30px; border:30px solid rgba(0,0,0,0); height:10px;">
+<body style="background: url(mozilla-banner.gif) no-repeat fixed;
+             background-origin: border-box;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-5-ref.html b/layout/reftests/bugs/458487-5-ref.html
new file mode 100644
index 0000000000..2df5bb05cf
--- /dev/null
+++ b/layout/reftests/bugs/458487-5-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; left:20px; top:20px; height:20px; width:600px;
+            background: url(mozilla-banner.gif) no-repeat;
+            background-position:-20px -20px;">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-5a.html b/layout/reftests/bugs/458487-5a.html
new file mode 100644
index 0000000000..d9ea89fee0
--- /dev/null
+++ b/layout/reftests/bugs/458487-5a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0">
+<div style="margin:20px; border:10px solid rgba(0,0,0,0);
+            background: url(mozilla-banner.gif) no-repeat fixed;
+            background-origin: border-box; height:0px;">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/458487-5b.html b/layout/reftests/bugs/458487-5b.html
new file mode 100644
index 0000000000..19abacc6a3
--- /dev/null
+++ b/layout/reftests/bugs/458487-5b.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0">
+<div style="margin:20px; border:10px solid rgba(0,0,0,0);
+            background: url(mozilla-banner.gif) no-repeat fixed;
+            background-origin: padding-box; height:0px;">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/459443-1-ref.html b/layout/reftests/bugs/459443-1-ref.html
new file mode 100644
index 0000000000..b731831e84
--- /dev/null
+++ b/layout/reftests/bugs/459443-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <iframe src="data:text/html,<body>PASS</body>"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/459443-1.html b/layout/reftests/bugs/459443-1.html
new file mode 100644
index 0000000000..c2d6412296
--- /dev/null
+++ b/layout/reftests/bugs/459443-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body onload="loaded()">
+    <iframe id="foo"></iframe> 
+    <script type="text/javascript">
+    function loaded() {
+        dump("459443-1.html: Entering loaded()\n");
+        var n = document.getElementById('foo');
+
+        // Just to detect if/when the iframe might be firing its load event
+        // before we set up its final className-clearing load event handler:
+        n.addEventListener("load",
+                           function() {
+                               dump("459443-1.html: Entering n initial " +
+                                    "no-op load callback\n");});
+
+        var f = n.contentWindow;
+        f.document.open();
+        f.document.write('');
+        f.onload = function() {
+          dump("459443-1.html: Entering f.onload callback\n");
+          f.document.designMode = 'on';
+          setTimeout(function() {
+            dump("459443-1.html: Entering setTimeout callback\n");
+            f.document.designMode='on';
+            f.location = 'data:text/html;charset=utf-8,<body>FAIL<script>document.body.innerHTML="PASS"<\/script>';
+            n.addEventListener("load",
+                               function() {
+                                   dump("459443-1.html: Entering n final " +
+                                        "load callback; clearing className\n");
+                                   document.documentElement.className = ''; });
+          }, 0);
+        };
+        f.document.close();
+    }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/459613-1-ref.html b/layout/reftests/bugs/459613-1-ref.html
new file mode 100644
index 0000000000..13c158f42d
--- /dev/null
+++ b/layout/reftests/bugs/459613-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+notaword
+</body>
+</html>
diff --git a/layout/reftests/bugs/459613-1.html b/layout/reftests/bugs/459613-1.html
new file mode 100644
index 0000000000..ecbf467e1d
--- /dev/null
+++ b/layout/reftests/bugs/459613-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body onload="document.getElementById('d').removeAttribute('contenteditable')">
+<div id="d" contenteditable>notaword</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/460012-1-ref.html b/layout/reftests/bugs/460012-1-ref.html
new file mode 100644
index 0000000000..59f913c000
--- /dev/null
+++ b/layout/reftests/bugs/460012-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div><span style="border:1px solid red">Y</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/460012-1.html b/layout/reftests/bugs/460012-1.html
new file mode 100644
index 0000000000..92d9e2c71f
--- /dev/null
+++ b/layout/reftests/bugs/460012-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div:after { content: 'X'; border:1px solid red; }
+div.foo:after { content: 'Y'; }
+</style>
+</head>
+<body>
+<div id="d"></div>
+<script>
+document.body.offsetTop;
+document.getElementById("d").setAttribute("class", "foo");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/461266-1-ref.html b/layout/reftests/bugs/461266-1-ref.html
new file mode 100644
index 0000000000..3afa70d30a
--- /dev/null
+++ b/layout/reftests/bugs/461266-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+    <title>Testcase for bug 461266</title>
+    <style type="text/css">
+        div {
+            height: 100px; width: 100px;
+            background-color: blue; 
+            float: right;
+        }
+    </style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/461266-1.html b/layout/reftests/bugs/461266-1.html
new file mode 100644
index 0000000000..08d45520f4
--- /dev/null
+++ b/layout/reftests/bugs/461266-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+    <title>Testcase for bug 461266</title>
+    <style type="text/css">
+      div { height: 100px; width: 100px; }
+
+      @media all and (min-width:0) {}
+      div { background-color: blue; }
+
+      /* This line stops parsing of following selectors  */
+      @media all and(min-width:0) {}
+      div { float: right; }
+    </style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/461512-1-ref.html b/layout/reftests/bugs/461512-1-ref.html
new file mode 100644
index 0000000000..f4645d596e
--- /dev/null
+++ b/layout/reftests/bugs/461512-1-ref.html
@@ -0,0 +1,68 @@
+<html>
+  <head>
+    <style type="text/css">
+      body { background-color: white; margin: 0; padding: 0; }
+      div.mask {
+        position: absolute;
+        width: 10px;
+        height: 10px;
+        background-color: white;
+      }
+      div.tr {
+        right: 10px;
+      }
+      div.tl {
+        left: 10px;
+      }
+      div.bl {
+        left: 10px;
+        margin-top: 20px;
+      }
+      div.br {
+        right: 10px;
+        margin-top: 20px;
+      }
+      p {
+        margin: 10px;
+        padding: 0;
+        border: 10px solid rgb(227, 207, 187);
+        height: 10px;
+      }
+      p.groove, p.ridge {
+        border-width: 5px;
+        height: 20px;
+      }
+      p.groove > span, p.ridge > span {
+        border: 5px solid;
+        margin: 0;
+        padding: 0;
+        display: block;
+        height: 10px;
+      }
+      p.inset, p.groove, p.ridge > span {
+        border-color: rgb(194, 180, 167) rgb(227, 207, 187) rgb(227, 207, 187) rgb(194, 180, 167);
+      }
+      p.outset, p.ridge, p.groove > span {
+        border-color: rgb(227, 207, 187) rgb(194, 180, 167) rgb(194, 180, 167) rgb(227, 207, 187);
+      }
+    </style>
+  </head>
+  <body>
+    <p style="border-style: solid;">&nbsp;</p>
+    <!-- <p style="border-style: dashed;">&nbsp;</p> -->
+    <!-- <p style="border-style: dotted;">&nbsp;</p> -->
+    <p style="border-style: double;">&nbsp;</p>
+    <div class="mask tr"></div>
+    <div class="mask bl"></div>
+    <p class="ridge"><span>&nbsp;</span></p>
+    <div class="mask tr"></div>
+    <div class="mask bl"></div>
+    <p class="groove"><span>&nbsp;</span></p>
+    <div class="mask tr"></div>
+    <div class="mask bl"></div>
+    <p class="inset">&nbsp;</p>
+    <div class="mask tr"></div>
+    <div class="mask bl"></div>
+    <p class="outset">&nbsp;</p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/461512-1.html b/layout/reftests/bugs/461512-1.html
new file mode 100644
index 0000000000..627c7f3924
--- /dev/null
+++ b/layout/reftests/bugs/461512-1.html
@@ -0,0 +1,59 @@
+<html>
+  <head>
+    <style type="text/css">
+      body { background-color: white; margin: 0; padding: 0; }
+      p {
+        margin: 10px;
+        padding: 0;
+        border: 10px solid rgba(200, 160, 120, 0.5);
+        height: 10px;
+      }
+
+      /**
+       * XXX we cannot test the corner by this testing because when the corner
+       *     is joined with anti-aliased, the edge isn't matching with the
+       *     reference.  The dashed and dotted line's anti-aliasing are same.
+       */
+
+      /* Cover the coners by the white div element */
+      div {
+        position: absolute;
+        width: 10px;
+        height: 10px;
+        background-color: white;
+      }
+      div.tr {
+        right: 10px;
+      }
+      div.tl {
+        left: 10px;
+      }
+      div.bl {
+        left: 10px;
+        margin-top: 20px;
+      }
+      div.br {
+        right: 10px;
+        margin-top: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <p style="border-style: solid;">&nbsp;</p>
+    <!-- <p style="border-style: dashed;">&nbsp;</p> -->
+    <!-- <p style="border-style: dotted;">&nbsp;</p> -->
+    <p style="border-style: double;">&nbsp;</p>
+    <div class="tr"></div>
+    <div class="bl"></div>
+    <p style="border-style: ridge;">&nbsp;</p>
+    <div class="tr"></div>
+    <div class="bl"></div>
+    <p style="border-style: groove;">&nbsp;</p>
+    <div class="tr"></div>
+    <div class="bl"></div>
+    <p style="border-style: inset;">&nbsp;</p>
+    <div class="tr"></div>
+    <div class="bl"></div>
+    <p style="border-style: outset;">&nbsp;</p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/462844-1.html b/layout/reftests/bugs/462844-1.html
new file mode 100644
index 0000000000..e13d9e610d
--- /dev/null
+++ b/layout/reftests/bugs/462844-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 462844</title>
+<div style="position: relative">
+	<div style="display:inline">
+		<div style="height: 100px"></div>
+		<div style="background: aqua; height: 20px;"></div>
+		<div style="display:block; position: absolute; top: auto; left: 0; background: yellow;">Should be just below aqua block</div>
+		<div style="height: 100px"></div>
+	</div>
+</div>
diff --git a/layout/reftests/bugs/462844-2.html b/layout/reftests/bugs/462844-2.html
new file mode 100644
index 0000000000..2f8761e325
--- /dev/null
+++ b/layout/reftests/bugs/462844-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 462844</title>
+<div style="position: relative">
+	<div style="display:inline">
+		<div style="height: 100px"></div>
+		<div style="background: aqua; height: 20px;"></div>
+		<div style="display:inline; position: absolute; top: auto; left: 0; background: yellow;">Should be just below aqua block</div>
+		<div style="height: 100px"></div>
+	</div>
+</div>
diff --git a/layout/reftests/bugs/462844-3.html b/layout/reftests/bugs/462844-3.html
new file mode 100644
index 0000000000..3913d620e1
--- /dev/null
+++ b/layout/reftests/bugs/462844-3.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 462844</title>
+<div style="position: relative">
+	<div>
+		<div style="height: 100px"></div>
+		<div style="background: aqua; height: 20px;"></div>
+		<div style="display:block; position: absolute; top: auto; left: 0; background: yellow;">Should be just below aqua block</div>
+		<div style="height: 100px"></div>
+	</div>
+</div>
diff --git a/layout/reftests/bugs/462844-4.html b/layout/reftests/bugs/462844-4.html
new file mode 100644
index 0000000000..3913d620e1
--- /dev/null
+++ b/layout/reftests/bugs/462844-4.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 462844</title>
+<div style="position: relative">
+	<div>
+		<div style="height: 100px"></div>
+		<div style="background: aqua; height: 20px;"></div>
+		<div style="display:block; position: absolute; top: auto; left: 0; background: yellow;">Should be just below aqua block</div>
+		<div style="height: 100px"></div>
+	</div>
+</div>
diff --git a/layout/reftests/bugs/462844-ref.html b/layout/reftests/bugs/462844-ref.html
new file mode 100644
index 0000000000..f15b405237
--- /dev/null
+++ b/layout/reftests/bugs/462844-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 462844</title>
+<div style="height: 100px"></div>
+<div style="background: aqua; height: 20px;"></div>
+<div style="display:block; background: yellow; width: -moz-fit-content">Should be just below aqua block</div>
diff --git a/layout/reftests/bugs/463204-1-ref.html b/layout/reftests/bugs/463204-1-ref.html
new file mode 100644
index 0000000000..59e5eabe2b
--- /dev/null
+++ b/layout/reftests/bugs/463204-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span {
+  background-image: url(data:image/gif;base64,R0lGODlhEwATAKIAAP//AMzMADMzAP8AAAAAAP///wAAAAAAACH5BAEAAAUALAAAAAATABMAAANWWLrUTisyEoC1oUlFr8dQRHykFRad+Y0gdzlv86KVKdsskOUAjHu312rFK5FuxaMNIMgYe85GrVfKZVDAR7DHmVoG4IHn6vqEgZLU90xOq8OazUS7SQAAOw==);
+  display: inline-block;
+  width: 19px;
+  height: 19px;
+  margin-left: 1px;
+}
+</style>
+</head>
+<body>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/463204-1.html b/layout/reftests/bugs/463204-1.html
new file mode 100644
index 0000000000..3ba91abaa1
--- /dev/null
+++ b/layout/reftests/bugs/463204-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span {
+  background-image: url(data:image/gif;base64,R0lGODlhEwATAKIAAP//AMzMADMzAP8AAAAAAP///wAAAAAAACH5BAEAAAUALAAAAAATABMAAANWWLrUTisyEoC1oUlFr8dQRHykFRad+Y0gdzlv86KVKdsskOUAjHu312rFK5FuxaMNIMgYe85GrVfKZVDAR7DHmVoG4IHn6vqEgZLU90xOq8OazUS7SQAAOw==);
+  display: inline-block;
+  background-repeat: no-repeat;
+  background-position: center center;
+  width: 19px;
+  height: 19px;
+  margin-left: 0.6px;
+}
+</style>
+</head>
+<body>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/463217-1-ref.xhtml b/layout/reftests/bugs/463217-1-ref.xhtml
new file mode 100644
index 0000000000..b099b97936
--- /dev/null
+++ b/layout/reftests/bugs/463217-1-ref.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <vbox style="border:2px solid blue;" flex="0">
+    <image style="list-style-image: url(mozilla-banner.gif);"/>
+  </vbox>
+  <vbox/>
+</window>
diff --git a/layout/reftests/bugs/463217-1.xhtml b/layout/reftests/bugs/463217-1.xhtml
new file mode 100644
index 0000000000..4a0bf93342
--- /dev/null
+++ b/layout/reftests/bugs/463217-1.xhtml
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <image style="border:2px solid blue; list-style-image: url(mozilla-banner.gif);"/>
+</window>
diff --git a/layout/reftests/bugs/463952-1-ref.html b/layout/reftests/bugs/463952-1-ref.html
new file mode 100644
index 0000000000..f90bb9bfc2
--- /dev/null
+++ b/layout/reftests/bugs/463952-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background: url(square-outline-32x32.png) repeat-x; width:200px; height:100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/463952-1.html b/layout/reftests/bugs/463952-1.html
new file mode 100644
index 0000000000..5132674ad9
--- /dev/null
+++ b/layout/reftests/bugs/463952-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<table style="width:200px;" cellpadding="0" cellspacing="0">
+  <tr style="background: url(square-outline-32x32.png) repeat-x;">
+    <td style="height:100px;">
+    <td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/464811-1-ref.html b/layout/reftests/bugs/464811-1-ref.html
new file mode 100644
index 0000000000..daf09b483b
--- /dev/null
+++ b/layout/reftests/bugs/464811-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:url(mozilla-banner.gif); width:600px; height:58px;"></div>
+<div style="margin-left: 100px; background:url(mozilla-banner.gif) -100px 0px; width:1px; height:58px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/464811-1.html b/layout/reftests/bugs/464811-1.html
new file mode 100644
index 0000000000..8d20db8f11
--- /dev/null
+++ b/layout/reftests/bugs/464811-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:url(mozilla-banner.gif); width:600px; height:58px;"></div>
+<div style="margin-left: 100.4px; background:url(mozilla-banner.gif) -100.4px 0px; width:0.2px; height:58px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/465574-1-ref.html b/layout/reftests/bugs/465574-1-ref.html
new file mode 100644
index 0000000000..797def1f37
--- /dev/null
+++ b/layout/reftests/bugs/465574-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>Testcase</title>
+    <style>
+      table[dir="rtl"] {
+        background-color: #CCF;
+        /* 
+          Add a left margin for the 1-appunit <br> hack in bug 1242781
+          The margin should be removed after bug 421436 is fixed    
+        */
+        margin-left: 0.016667px; 
+      }
+      table[dir="ltr"] {background-color: #FCC}
+    </style>
+  </head>
+  <body>
+    1<table dir="ltr"><tr><td><span>lorem ipsum</span></td></tr></table>
+    2<table dir="rtl"><tr><td><span>lorem ipsum</span></td></tr></table>
+    3<table dir="ltr"><tr><td><span>לורם איפסום</span></td></tr></table>
+    4<table dir="rtl"><tr><td><span>לורם איפסום</span></td></tr></table>
+    5<table dir="ltr"><tr><td>lorem ipsum<span></span></td></tr></table>
+    6<table dir="rtl"><tr><td>לורם איפסום<span></span></td></tr></table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/465574-1.html b/layout/reftests/bugs/465574-1.html
new file mode 100644
index 0000000000..e5b8361305
--- /dev/null
+++ b/layout/reftests/bugs/465574-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>Testcase</title>
+    <style>
+      table[dir="rtl"] {background-color: #CCF}
+      table[dir="ltr"] {background-color: #FCC}
+    </style>
+  </head>
+  <body>
+    1<table dir="ltr"><tr><td><span>lorem ipsum<br></span></td></tr></table>
+    2<table dir="rtl"><tr><td><span>lorem ipsum<br></span></td></tr></table>
+    3<table dir="ltr"><tr><td><span>לורם איפסום<br></span></td></tr></table>
+    4<table dir="rtl"><tr><td><span>לורם איפסום<br></span></td></tr></table>
+    5<table dir="ltr"><tr><td>lorem ipsum<span><br></span></td></tr></table>
+    6<table dir="rtl"><tr><td>לורם איפסום<span><br></span></td></tr></table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/466258-1-ref.html b/layout/reftests/bugs/466258-1-ref.html
new file mode 100644
index 0000000000..387c8c6f60
--- /dev/null
+++ b/layout/reftests/bugs/466258-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background-position:-590px 0;
+            background-image: url(mozilla-banner.gif);
+            width:10px; height:58px; float:left;">
+</div>
+<div style="background-image: url(mozilla-banner.gif);
+            width:590px; height:58px; float:left;">
+</div>
+</html>
diff --git a/layout/reftests/bugs/466258-1.html b/layout/reftests/bugs/466258-1.html
new file mode 100644
index 0000000000..f7cf89c39a
--- /dev/null
+++ b/layout/reftests/bugs/466258-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background-position:10px 0;
+            background-image: url(mozilla-banner.gif);
+            width:600px; height:58px;">
+</div>
+</html>
diff --git a/layout/reftests/bugs/466395-1-ref.html b/layout/reftests/bugs/466395-1-ref.html
new file mode 100644
index 0000000000..e794afc9a9
--- /dev/null
+++ b/layout/reftests/bugs/466395-1-ref.html
@@ -0,0 +1,2 @@
+<title>Testcase, bug 466395</title>
+&nbsp;hello
diff --git a/layout/reftests/bugs/466395-1.html b/layout/reftests/bugs/466395-1.html
new file mode 100644
index 0000000000..2a459b3fc8
--- /dev/null
+++ b/layout/reftests/bugs/466395-1.html
@@ -0,0 +1,8 @@
+<title>Testcase, bug 466395</title>
+<div style="overflow:hidden;height:500px;width:500px">
+  <div style="display: inline-block; height: 10px">
+    &nbsp;hello
+    <div style="height: 10000px"></div>
+    goodbye
+  </div>
+</div>
diff --git a/layout/reftests/bugs/466395-2-ref.html b/layout/reftests/bugs/466395-2-ref.html
new file mode 100644
index 0000000000..6672667dfb
--- /dev/null
+++ b/layout/reftests/bugs/466395-2-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 466395</title>
+&nbsp;hello
diff --git a/layout/reftests/bugs/466395-2.html b/layout/reftests/bugs/466395-2.html
new file mode 100644
index 0000000000..3e9e5983c7
--- /dev/null
+++ b/layout/reftests/bugs/466395-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 466395</title>
+<div style="overflow:hidden;height:500px;width:500px">
+  <div style="display: inline-block; height: 10px">
+    &nbsp;hello
+    <div style="height: 10000px"></div>
+    goodbye
+  </div>
+</div>
diff --git a/layout/reftests/bugs/467084-1-ref.html b/layout/reftests/bugs/467084-1-ref.html
new file mode 100644
index 0000000000..d1fa6a29b6
--- /dev/null
+++ b/layout/reftests/bugs/467084-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>Testcase for side issue in bug 467084</title>
+<style type="text/css">
+
+div { background: yellow; }
+select {
+    margin: 2em 0; /* be bigger than the line-height */
+    visibility: hidden;
+}
+option { height: 1px; min-height: 0; }
+
+</style>
+<div>
+<select size="3">
+  <option>One</option>
+  <option>Two</option>
+  <option>Three</option>
+</select>
+</div>
diff --git a/layout/reftests/bugs/467084-1.html b/layout/reftests/bugs/467084-1.html
new file mode 100644
index 0000000000..aca317d7f5
--- /dev/null
+++ b/layout/reftests/bugs/467084-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>Testcase for side issue in bug 467084</title>
+<style type="text/css">
+
+div { background: yellow; padding-bottom: 3px; }
+select {
+    margin: 2em 0; /* be bigger than the line-height */
+    visibility: hidden;
+}
+option { height: 0; min-height: 0; }
+
+</style>
+<div>
+<select size="3">
+  <option>One</option>
+  <option>Two</option>
+  <option>Three</option>
+</select>
+</div>
diff --git a/layout/reftests/bugs/467084-2-ref.html b/layout/reftests/bugs/467084-2-ref.html
new file mode 100644
index 0000000000..e09caca520
--- /dev/null
+++ b/layout/reftests/bugs/467084-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase for side issue in bug 467084</title>
+<style type="text/css">
+
+select { font-size: 50px; }
+
+</style>
+<select size="3">
+  <option></option>
+</select>
diff --git a/layout/reftests/bugs/467084-2.html b/layout/reftests/bugs/467084-2.html
new file mode 100644
index 0000000000..8a13222f19
--- /dev/null
+++ b/layout/reftests/bugs/467084-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase for side issue in bug 467084</title>
+<style type="text/css">
+
+option { font-size: 50px; }
+
+</style>
+<select size="3">
+  <option></option>
+</select>
diff --git a/layout/reftests/bugs/467444-1-ref.html b/layout/reftests/bugs/467444-1-ref.html
new file mode 100644
index 0000000000..a5a17181d7
--- /dev/null
+++ b/layout/reftests/bugs/467444-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged"><head>
+<style>
+div.spacer {
+  height: 5px;
+  width:  10px;
+}
+img, td.spacer {
+  height: 140px;
+  width:  30px;
+}
+</style>
+<title>rowspan pagination</title>
+</head>
+<body>
+ <div class="spacer"> </div>
+ <table>
+  <tbody>
+   <tr><td class="spacer"></td></tr>
+   <tr style="page-break-before:always">
+    <td rowspan="2">
+     <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+    </td>
+   </tr>
+   <tr></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/467444-1.html b/layout/reftests/bugs/467444-1.html
new file mode 100644
index 0000000000..6f28fdf216
--- /dev/null
+++ b/layout/reftests/bugs/467444-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged"><head>
+<style>
+@page { size:5in 3in; margin:0.5in; }
+div.spacer {
+  height: 5px;
+  width:  10px;
+}
+img, td.spacer {
+  height: 140px;
+  width:  30px;
+}
+</style>
+<title>rowspan pagination</title>
+</head>
+<body>
+ <div class="spacer"> </div>
+ <table>
+  <tbody>
+   <tr><td class="spacer"></td></tr>
+   <tr>
+    <td rowspan="2">
+     <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+    </td>
+   </tr>
+   <tr></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/467460-1-ref.html b/layout/reftests/bugs/467460-1-ref.html
new file mode 100644
index 0000000000..d12b5294eb
--- /dev/null
+++ b/layout/reftests/bugs/467460-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate(50px, 50px); border: 1px solid red; width: 7ch;">
+    A
+    <div id="f" style="left: 50px; top: 100px; border: 1px solid blue; width: 7ch; position: fixed;">
+      0
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/467460-1.html b/layout/reftests/bugs/467460-1.html
new file mode 100644
index 0000000000..cbef8e92da
--- /dev/null
+++ b/layout/reftests/bugs/467460-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+
+function m()
+{
+  document.getElementById("f").style.position = "fixed";
+}
+
+</script>
+</head>
+<body onload="m();">
+  <div style="transform: translate(50px, 50px); border: 1px solid red; width: 7ch;">
+    A
+    <div id="f" style="left: 50px; top: 100px; border: 1px solid blue; width: 7ch;">
+      0
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/468473-1-ref.xhtml b/layout/reftests/bugs/468473-1-ref.xhtml
new file mode 100644
index 0000000000..5969b67aa0
--- /dev/null
+++ b/layout/reftests/bugs/468473-1-ref.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<window title="Missing repaint when using border-image on a XUL button"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<hbox>
+<button label="Button" style="min-width: 0; -moz-appearance: none; border: medium solid; padding: 0; margin: 0; visibility:hidden; border-width: 0 8px;"/>
+<box flex="1" style="background: green" />
+</hbox>
+
+</window>
diff --git a/layout/reftests/bugs/468473-1.xhtml b/layout/reftests/bugs/468473-1.xhtml
new file mode 100644
index 0000000000..6646a7c83d
--- /dev/null
+++ b/layout/reftests/bugs/468473-1.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<window title="Missing repaint when using border-image on a XUL button"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<hbox>
+<button label="Button" style="min-width: 0; -moz-appearance: none; border-width: 0; padding: 0; margin: 0; visibility:hidden; border-width: 0 8px; border-style: solid; border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAsVBMVEUAAAAAAAAAAAD///////8QEBAAAAAHBwcQEBD///8GBgYAAAAAAAAAAAAAAAAODg4AAAA2NjYAAAAAAAAGBgYREREAAAAQEBAAAAA4ODiJiYkSEhIAAADExMQAAAAICAhra2stLS0ODg4JCQklJSX///8HBwcGBgb///////98fHz///////+hoaE4ODj////////e3t6np6dxcXFUVFROTk7///////////////////+i+RpeAAAAO3RSTlNKAEwHAlBRbU8Ff2heWVdcZyFPTX1MZE5VIGpIVFdOXFhVWFdaQWp4El1tIGp6YBhhjYNxbWwnVXeDhIrUVQ0AAACvSURBVHheXdDXDoJAEIXhMztL73ZRFBXE3vv7P5hrognrfzdfMjcHRJIT22q5bsuyE5ZEIIe7lecHYRj4XtVlhyA5inuNplA1G704Yglud0yBb8LstBn9uYla5ryPwRBawwFmI51GM4yFTmKMKfQUTKCnIP9/zJEVOhUZytSoi5GWWCxXNTNWywVovdnufrLbbtYEov3heDpfrtfL+XQ87OlDJG/3x/P1ej7uN6nON0ZMDbf0SRXfAAAAAElFTkSuQmCC) 0 8 fill;"/>
+<box flex="1" style="background: green" />
+</hbox>
+
+</window>
diff --git a/layout/reftests/bugs/471356-1-ref.html b/layout/reftests/bugs/471356-1-ref.html
new file mode 100644
index 0000000000..531ebdd6d3
--- /dev/null
+++ b/layout/reftests/bugs/471356-1-ref.html
@@ -0,0 +1,11 @@
+<!--quirks mode-->
+<html style="height: 300px;
+             margin: 1px 0 2px 0; padding: 4px 0 8px 0;">
+<head>
+  <title>Testcase, bug 471356 / bug 243519</title>
+</head>
+<body style="margin: 16px 0 32px 0; padding: 64px 0 128px 0;">
+  <div style="background: blue; height: 30px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/471356-1.html b/layout/reftests/bugs/471356-1.html
new file mode 100644
index 0000000000..becdc477a6
--- /dev/null
+++ b/layout/reftests/bugs/471356-1.html
@@ -0,0 +1,23 @@
+<!--quirks mode-->
+
+<!--
+  It's not clear that this is desired behavior, but I'm adding a test
+  for it because bug 243519 *accidentally* regressed it.
+
+  We're testing here that quirks mode percentage height calculation
+  subtracts the margin, padding, and border of the BODY element when the
+  basis for that percentage height is a specified non-auto height on the
+  HTML element.
+-->
+<html style="height: 300px;
+             margin: 1px 0 2px 0; padding: 4px 0 8px 0;">
+<head>
+  <title>Testcase, bug 471356 / bug 243519</title>
+</head>
+<body style="margin: 16px 0 32px 0; padding: 64px 0 128px 0;">
+  <!-- basis for percentage is 300px - (16px + 32px + 64px + 128px)
+         == 60px -->
+  <div style="background: blue; height: 50%">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/472500-1-ref.xhtml b/layout/reftests/bugs/472500-1-ref.xhtml
new file mode 100644
index 0000000000..547f8f0775
--- /dev/null
+++ b/layout/reftests/bugs/472500-1-ref.xhtml
@@ -0,0 +1,3 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox>This is some text</hbox>
+</window>
diff --git a/layout/reftests/bugs/472500-1.xhtml b/layout/reftests/bugs/472500-1.xhtml
new file mode 100644
index 0000000000..a9cee6b1e8
--- /dev/null
+++ b/layout/reftests/bugs/472500-1.xhtml
@@ -0,0 +1,4 @@
+<?xml-stylesheet type="text/css" href="data:text/css,hbox::before { content: 'This is some text'; }" ?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox/>
+</window>
diff --git a/layout/reftests/bugs/472769-1-ref.html b/layout/reftests/bugs/472769-1-ref.html
new file mode 100644
index 0000000000..b043c98da2
--- /dev/null
+++ b/layout/reftests/bugs/472769-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+  <head>
+    <style>
+      body { margin: 0px; }
+      div  {
+        margin-top:  1px;
+        margin-left: 1px;
+        height: 100px;
+        width:  100px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body><div></div></body>
+</html>
diff --git a/layout/reftests/bugs/472769-1a.html b/layout/reftests/bugs/472769-1a.html
new file mode 100644
index 0000000000..aa8b74252b
--- /dev/null
+++ b/layout/reftests/bugs/472769-1a.html
@@ -0,0 +1,14 @@
+<html>
+  <head>
+    <style>
+      body { margin: 0px; }
+      div  {
+        transform: translate(0.5px, 0.5px);
+        height: 100px;
+        width:  100px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body><div></div></body>
+</html>
diff --git a/layout/reftests/bugs/472769-1b.html b/layout/reftests/bugs/472769-1b.html
new file mode 100644
index 0000000000..c288851787
--- /dev/null
+++ b/layout/reftests/bugs/472769-1b.html
@@ -0,0 +1,15 @@
+<html>
+  <head>
+    <style>
+      body { margin: 0px; }
+      div  {
+        margin-top:  0.5px;
+        margin-left: 0.5px;
+        height: 100px;
+        width:  100px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body><div></div></body>
+</html>
diff --git a/layout/reftests/bugs/472769-2-ref.html b/layout/reftests/bugs/472769-2-ref.html
new file mode 100644
index 0000000000..d5d397ed4f
--- /dev/null
+++ b/layout/reftests/bugs/472769-2-ref.html
@@ -0,0 +1,36 @@
+<html>
+<head>
+<style>
+  body { margin: 0px }
+  div.pt0  { transform:translateY(0.0px); }
+  div.pt1  { transform:translateY(0.1px); }
+  div.pt2  { transform:translateY(0.2px); }
+  div.pt3  { transform:translateY(0.3px); }
+  div.pt4  { transform:translateY(0.4px); }
+  div.pt5  { transform:translateY(0.5px); }
+  div.pt6  { transform:translateY(0.6px); }
+  div.pt7  { transform:translateY(0.7px); }
+  div.pt8  { transform:translateY(0.8px); }
+  div.pt9  { transform:translateY(0.9px); }
+  div.test {
+    border: 20px solid black;
+    width: 0px;
+    height: 0px;
+    display: inline-block;
+    margin-right: 4px;
+  }
+</style>
+</head>
+<body
+  ><div class="test pt0" ></div
+  ><div class="test pt1" ></div
+  ><div class="test pt2" ></div
+  ><div class="test pt3" ></div
+  ><div class="test pt4" ></div
+  ><div class="test pt5" ></div
+  ><div class="test pt6" ></div
+  ><div class="test pt7" ></div
+  ><div class="test pt8" ></div
+  ><div class="test pt9" ></div
+></body>
+</html>
diff --git a/layout/reftests/bugs/472769-2.html b/layout/reftests/bugs/472769-2.html
new file mode 100644
index 0000000000..7131ffae2a
--- /dev/null
+++ b/layout/reftests/bugs/472769-2.html
@@ -0,0 +1,36 @@
+<html>
+<head>
+<style>
+  body { margin: 0px }
+  div.pt0  { transform:translateY(0.0px); }
+  div.pt1  { transform:translateY(0.1px); }
+  div.pt2  { transform:translateY(0.2px); }
+  div.pt3  { transform:translateY(0.3px); }
+  div.pt4  { transform:translateY(0.4px); }
+  div.pt5  { transform:translateY(0.5px); }
+  div.pt6  { transform:translateY(0.6px); }
+  div.pt7  { transform:translateY(0.7px); }
+  div.pt8  { transform:translateY(0.8px); }
+  div.pt9  { transform:translateY(0.9px); }
+  div.test {
+    background: black;
+    width:  40px;
+    height: 40px;
+    display: inline-block;
+    margin-right: 4px;
+  }
+</style>
+</head>
+<body
+  ><div class="test pt0" ></div
+  ><div class="test pt1" ></div
+  ><div class="test pt2" ></div
+  ><div class="test pt3" ></div
+  ><div class="test pt4" ></div
+  ><div class="test pt5" ></div
+  ><div class="test pt6" ></div
+  ><div class="test pt7" ></div
+  ><div class="test pt8" ></div
+  ><div class="test pt9" ></div
+></body>
+</html>
diff --git a/layout/reftests/bugs/472769-3-ref.html b/layout/reftests/bugs/472769-3-ref.html
new file mode 100644
index 0000000000..5a5923439b
--- /dev/null
+++ b/layout/reftests/bugs/472769-3-ref.html
@@ -0,0 +1,35 @@
+<html>
+<head>
+<style>
+  body { margin: 0px }
+  div.pt0  { transform:translateX(0.0px); }
+  div.pt1  { transform:translateX(0.1px); }
+  div.pt2  { transform:translateX(0.2px); }
+  div.pt3  { transform:translateX(0.3px); }
+  div.pt4  { transform:translateX(0.4px); }
+  div.pt5  { transform:translateX(0.5px); }
+  div.pt6  { transform:translateX(0.6px); }
+  div.pt7  { transform:translateX(0.7px); }
+  div.pt8  { transform:translateX(0.8px); }
+  div.pt9  { transform:translateX(0.9px); }
+  div.test {
+    border: 20px solid black;
+    width: 0px;
+    height: 0px;
+    margin-bottom: 4px;
+  }
+</style>
+</head>
+<body
+  ><div class="test pt0" ></div
+  ><div class="test pt1" ></div
+  ><div class="test pt2" ></div
+  ><div class="test pt3" ></div
+  ><div class="test pt4" ></div
+  ><div class="test pt5" ></div
+  ><div class="test pt6" ></div
+  ><div class="test pt7" ></div
+  ><div class="test pt8" ></div
+  ><div class="test pt9" ></div
+></body>
+</html>
diff --git a/layout/reftests/bugs/472769-3.html b/layout/reftests/bugs/472769-3.html
new file mode 100644
index 0000000000..27b3d90bae
--- /dev/null
+++ b/layout/reftests/bugs/472769-3.html
@@ -0,0 +1,35 @@
+<html>
+<head>
+<style>
+  body { margin: 0px }
+  div.pt0  { transform:translateX(0.0px); }
+  div.pt1  { transform:translateX(0.1px); }
+  div.pt2  { transform:translateX(0.2px); }
+  div.pt3  { transform:translateX(0.3px); }
+  div.pt4  { transform:translateX(0.4px); }
+  div.pt5  { transform:translateX(0.5px); }
+  div.pt6  { transform:translateX(0.6px); }
+  div.pt7  { transform:translateX(0.7px); }
+  div.pt8  { transform:translateX(0.8px); }
+  div.pt9  { transform:translateX(0.9px); }
+  div.test {
+    background: black;
+    width:  40px;
+    height: 40px;
+    margin-bottom: 4px;
+  }
+</style>
+</head>
+<body
+  ><div class="test pt0" ></div
+  ><div class="test pt1" ></div
+  ><div class="test pt2" ></div
+  ><div class="test pt3" ></div
+  ><div class="test pt4" ></div
+  ><div class="test pt5" ></div
+  ><div class="test pt6" ></div
+  ><div class="test pt7" ></div
+  ><div class="test pt8" ></div
+  ><div class="test pt9" ></div
+></body>
+</html>
diff --git a/layout/reftests/bugs/473847-1-ref.xhtml b/layout/reftests/bugs/473847-1-ref.xhtml
new file mode 100644
index 0000000000..5174e11079
--- /dev/null
+++ b/layout/reftests/bugs/473847-1-ref.xhtml
@@ -0,0 +1,8 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<hbox height="40">
+  <spacer style="-moz-box-flex: 6000; background-color: red;"/>
+  <spacer style="background-color: blue;"/>
+</hbox>
+
+</window>
diff --git a/layout/reftests/bugs/473847-1.xhtml b/layout/reftests/bugs/473847-1.xhtml
new file mode 100644
index 0000000000..7adca521f3
--- /dev/null
+++ b/layout/reftests/bugs/473847-1.xhtml
@@ -0,0 +1,8 @@
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<hbox height="40">
+  <spacer style="-moz-box-flex: 60000; background-color: red;"/>
+  <spacer style="background-color: blue;"/>
+</hbox>
+
+</window>
diff --git a/layout/reftests/bugs/474417-1-ref.html b/layout/reftests/bugs/474417-1-ref.html
new file mode 100644
index 0000000000..ab469a3a3b
--- /dev/null
+++ b/layout/reftests/bugs/474417-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+  <!-- use sans to eliminate antialias issues on serif tips -->
+
+<html style="font-family: sans-serif;">
+  <div style="width: 100em">
+    AB
+  </div>
+  <div style="width: 0">
+    A B
+  </div>
+</html>
diff --git a/layout/reftests/bugs/474417-1.html b/layout/reftests/bugs/474417-1.html
new file mode 100644
index 0000000000..911c3fd3b6
--- /dev/null
+++ b/layout/reftests/bugs/474417-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+  <!-- use sans to eliminate antialias issues on serif tips -->
+
+<html style="font-family: sans-serif;">
+  <div style="width: 100em;">
+    A<wbr>B
+  </div>
+  <div style="width: 0">
+    A<wbr>B
+  </div>
+</html>
diff --git a/layout/reftests/bugs/474472-1-ref.html b/layout/reftests/bugs/474472-1-ref.html
new file mode 100644
index 0000000000..e342e80f6b
--- /dev/null
+++ b/layout/reftests/bugs/474472-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <iframe id="foo" srcdoc="<body bgcolor='lime'>PASS</body>"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/474472-1.html b/layout/reftests/bugs/474472-1.html
new file mode 100644
index 0000000000..8c857042e3
--- /dev/null
+++ b/layout/reftests/bugs/474472-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body>
+    <iframe id="foo" srcdoc="<body bgcolor='red'>FAIL</body>"></iframe> 
+    <script type="text/javascript">
+      // Globals
+      var foo = document.getElementById('foo');
+      var win = foo.contentWindow;
+
+      // Start the chain of execution when iframe's window loads
+      win.onload = iframeWindowLoaded;
+
+      function iframeWindowLoaded() {
+        setTimeout("tweak()", 0);
+      }
+      function tweak() {
+        win.location ="data:text/html,<body bgcolor='lime'>PASS</body>";
+        foo.onload = snapshot;
+      }
+      function snapshot() {
+        document.documentElement.className = '';
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-1-ref.html b/layout/reftests/bugs/475986-1-ref.html
new file mode 100644
index 0000000000..f733250e10
--- /dev/null
+++ b/layout/reftests/bugs/475986-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr><th style="text-align: left">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-1a.html b/layout/reftests/bugs/475986-1a.html
new file mode 100644
index 0000000000..9581eadb3b
--- /dev/null
+++ b/layout/reftests/bugs/475986-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="left"><th>Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-1b.html b/layout/reftests/bugs/475986-1b.html
new file mode 100644
index 0000000000..b0ca4a8cca
--- /dev/null
+++ b/layout/reftests/bugs/475986-1b.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="left" dir="rtl"><th>Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-1c.html b/layout/reftests/bugs/475986-1c.html
new file mode 100644
index 0000000000..5e306fc1eb
--- /dev/null
+++ b/layout/reftests/bugs/475986-1c.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-1d.html b/layout/reftests/bugs/475986-1d.html
new file mode 100644
index 0000000000..ea7a25d1df
--- /dev/null
+++ b/layout/reftests/bugs/475986-1d.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="left"><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-1e.html b/layout/reftests/bugs/475986-1e.html
new file mode 100644
index 0000000000..b20f4613c9
--- /dev/null
+++ b/layout/reftests/bugs/475986-1e.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="right"><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-1f.html b/layout/reftests/bugs/475986-1f.html
new file mode 100644
index 0000000000..c954982bb1
--- /dev/null
+++ b/layout/reftests/bugs/475986-1f.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="center"><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-2-ref.html b/layout/reftests/bugs/475986-2-ref.html
new file mode 100644
index 0000000000..bc1588459d
--- /dev/null
+++ b/layout/reftests/bugs/475986-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr><th style="text-align: right">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-2a.html b/layout/reftests/bugs/475986-2a.html
new file mode 100644
index 0000000000..fb7157bfa5
--- /dev/null
+++ b/layout/reftests/bugs/475986-2a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="right"><th>Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-2b.html b/layout/reftests/bugs/475986-2b.html
new file mode 100644
index 0000000000..f8d88fddbb
--- /dev/null
+++ b/layout/reftests/bugs/475986-2b.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="right" dir="rtl"><th>Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-2c.html b/layout/reftests/bugs/475986-2c.html
new file mode 100644
index 0000000000..70853875d9
--- /dev/null
+++ b/layout/reftests/bugs/475986-2c.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr dir="rtl"><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-2d.html b/layout/reftests/bugs/475986-2d.html
new file mode 100644
index 0000000000..bba2a15048
--- /dev/null
+++ b/layout/reftests/bugs/475986-2d.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr dir="rtl" align="left"><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-2e.html b/layout/reftests/bugs/475986-2e.html
new file mode 100644
index 0000000000..e1c35e1615
--- /dev/null
+++ b/layout/reftests/bugs/475986-2e.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr dir="rtl" align="right"><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-2f.html b/layout/reftests/bugs/475986-2f.html
new file mode 100644
index 0000000000..144522f3eb
--- /dev/null
+++ b/layout/reftests/bugs/475986-2f.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr dir="rtl" align="center"><th style="text-align: start">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-3-ref.html b/layout/reftests/bugs/475986-3-ref.html
new file mode 100644
index 0000000000..f72dd9bc7a
--- /dev/null
+++ b/layout/reftests/bugs/475986-3-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr><th style="text-align: center">Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-3a.html b/layout/reftests/bugs/475986-3a.html
new file mode 100644
index 0000000000..ce22721cd4
--- /dev/null
+++ b/layout/reftests/bugs/475986-3a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="center"><th>Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-3b.html b/layout/reftests/bugs/475986-3b.html
new file mode 100644
index 0000000000..aae610ecc8
--- /dev/null
+++ b/layout/reftests/bugs/475986-3b.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table width="100%">
+      <tr align="center" dir="rtl"><th>Text</th></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/475986-4-ref.html b/layout/reftests/bugs/475986-4-ref.html
new file mode 100644
index 0000000000..95da846adf
--- /dev/null
+++ b/layout/reftests/bugs/475986-4-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      th {
+        word-spacing: 0;
+        letter-spacing: 0;
+        text-transform: none;
+        text-indent: 0;
+        text-shadow: none;
+        line-height: normal;
+        white-space: normal;
+        word-wrap: normal;
+      }
+    </style>
+  </head>
+  <table width="100%">
+    <tr>
+      <th style="text-align: right">Text</th>
+    </tr>
+  </table>
+</html>
diff --git a/layout/reftests/bugs/475986-4.html b/layout/reftests/bugs/475986-4.html
new file mode 100644
index 0000000000..be7237704d
--- /dev/null
+++ b/layout/reftests/bugs/475986-4.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      th {
+        word-spacing: 0;
+        letter-spacing: 0;
+        text-transform: none;
+        text-indent: 0;
+        text-shadow: none;
+        line-height: normal;
+        white-space: normal;
+        word-wrap: normal;
+      }
+    </style>
+  </head>
+  <table width="100%">
+    <tr style="text-align: right">
+      <th>Text</th>
+    </tr>
+  </table>
+</html>
diff --git a/layout/reftests/bugs/476063-1-ref.html b/layout/reftests/bugs/476063-1-ref.html
new file mode 100644
index 0000000000..1d2ba67d89
--- /dev/null
+++ b/layout/reftests/bugs/476063-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<head>
+</head>
+<body>
+  <div style="display: table" id="x">
+    <div style="display: table-row">
+      <div style="display: table-cell">1 - 1</div>
+      <div style="display: table-cell">1 - 2</div>
+    </div>
+    <div style="display: table-row">
+      <div style="display: table-cell">2 - 1</div>
+      <div style="display: table-cell">2 - 2</div>
+    </div>
+  </div>
+  <div style="border: 2px solid green">This is a test</div>
+  <span style="border: 2px solid green">before<div>This is a test</div>after</span>
+</body>
diff --git a/layout/reftests/bugs/476063-1.html b/layout/reftests/bugs/476063-1.html
new file mode 100644
index 0000000000..d6a2d7f04a
--- /dev/null
+++ b/layout/reftests/bugs/476063-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    legend { padding: 0; }
+  </style>
+  <script>
+    function doTest() {
+      var l = document.createElement("legend");
+      l.textContent = "This is a test";
+      l.style.border = "2px solid green";
+      l.style.display = "block"
+      document.body.appendChild(l);
+
+      l = document.createElement("legend");
+      var d = document.createElement("div");
+      d.textContent = "This is a test";
+      l.style.border = "2px solid green";
+      l.style.display = "inline"
+      l.textContent = "before";
+      l.appendChild(d);
+      l.appendChild(document.createTextNode("after"));
+      document.body.appendChild(l);
+
+      var t = document.getElementById("x");
+      var r = document.createElement("div");
+      r.style.display = "table-row";
+      l = document.createElement("legend");
+      l.textContent = "2 - 1";
+      l.style.display = "table-cell";
+      r.appendChild(l);
+      l = document.createElement("legend");
+      l.textContent = "2 - 2";
+      l.style.display = "table-cell";
+      r.appendChild(l);
+      t.appendChild(r);
+    }
+  </script>
+</head>
+<body onload="doTest()">
+  <div style="display: table" id="x">
+    <div style="display: table-row">
+      <div style="display: table-cell">1 - 1</div>
+      <div style="display: table-cell">1 - 2</div>
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/476063-2-ref.html b/layout/reftests/bugs/476063-2-ref.html
new file mode 100644
index 0000000000..af168a2c63
--- /dev/null
+++ b/layout/reftests/bugs/476063-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<head>
+  <script>
+    function doTest() {
+      var d = document.createElement("div");
+      d.textContent = "This is a test";
+      var l = document.getElementById("l");
+      l.textContent = "before";
+      l.appendChild(d);
+      l.appendChild(document.createTextNode("after"));
+    }
+  </script>
+</head>
+<body onload="doTest()">
+  <fieldset>
+    <legend style="border: 2px solid green">This is a test</legend>
+    First fieldset
+  </fieldset>
+  <fieldset>
+    <legend id="l" style="border: 2px solid green"></legend>
+    First fieldset
+  </fieldset>
+</body>
diff --git a/layout/reftests/bugs/476063-2.html b/layout/reftests/bugs/476063-2.html
new file mode 100644
index 0000000000..f32eee68e2
--- /dev/null
+++ b/layout/reftests/bugs/476063-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<head>
+  <script>
+    function doTest() {
+      var l = document.createElement("legend");
+      l.textContent = "This is a test";
+      l.style.border = "2px solid green";
+      l.style.display = "block"
+      document.getElementById("f1").appendChild(l);
+
+      l = document.createElement("legend");
+      var d = document.createElement("div");
+      d.textContent = "This is a test";
+      l.style.border = "2px solid green";
+      l.style.display = "inline"
+      l.textContent = "before";
+      l.appendChild(d);
+      l.appendChild(document.createTextNode("after"));
+      document.getElementById("f2").appendChild(l);
+    }
+  </script>
+</head>
+<body onload="doTest()">
+  <fieldset id="f1">
+    First fieldset
+  </fieldset>
+  <fieldset id="f2">
+    First fieldset
+  </fieldset>
+</body>
diff --git a/layout/reftests/bugs/476063-3-ref.html b/layout/reftests/bugs/476063-3-ref.html
new file mode 100644
index 0000000000..3d23a803af
--- /dev/null
+++ b/layout/reftests/bugs/476063-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<head>
+</head>
+<body>
+  <fieldset>
+    <span style="border: 2px solid green;">Legend</span>
+    First fieldset
+  </fieldset>
+</body>
diff --git a/layout/reftests/bugs/476063-3.html b/layout/reftests/bugs/476063-3.html
new file mode 100644
index 0000000000..66899c317e
--- /dev/null
+++ b/layout/reftests/bugs/476063-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<head>
+</head>
+<body>
+  <fieldset>
+    <legend style="border: 2px solid green; display: inline; padding: 0">Legend</legend>
+    First fieldset
+  </fieldset>
+</body>
diff --git a/layout/reftests/bugs/476063-4-ref.xhtml b/layout/reftests/bugs/476063-4-ref.xhtml
new file mode 100644
index 0000000000..487a428852
--- /dev/null
+++ b/layout/reftests/bugs/476063-4-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Test that legend is display:block by default when outside of fieldset (Bug 476063)</title>
+</head>
+<body>
+
+<div>
+  <div>The legend</div>
+  The rest of the div.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/476063-4.xhtml b/layout/reftests/bugs/476063-4.xhtml
new file mode 100644
index 0000000000..3da2672197
--- /dev/null
+++ b/layout/reftests/bugs/476063-4.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Test that legend is display:block by default when outside of fieldset (Bug 476063)</title>
+</head>
+<body>
+
+<div>
+  <legend style="padding: 0">The legend</legend>
+  The rest of the div.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/476357-1-ref.html b/layout/reftests/bugs/476357-1-ref.html
new file mode 100644
index 0000000000..cb9085ea0b
--- /dev/null
+++ b/layout/reftests/bugs/476357-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 476357</title>
+<div style="font-size: 30px;">
+  <div style="float: right; height: 1px"></div>
+  <div style="clear:both">.</div>
+  <!-- We never give the following div a reflow with NS_FRAME_IS_DIRTY -->
+  <div>Text<span>Text</span></div>
+</div>
diff --git a/layout/reftests/bugs/476357-1.html b/layout/reftests/bugs/476357-1.html
new file mode 100644
index 0000000000..b1e1b8d6ca
--- /dev/null
+++ b/layout/reftests/bugs/476357-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Testcase, bug 476357</title>
+<div style="font-size: 10px;" id="page">
+  <div style="float: right; height: 1px"></div>
+  <div style="clear:both">.</div>
+  <!-- We never give the following div a reflow with NS_FRAME_IS_DIRTY -->
+  <div>Text<span>Text</span></div>
+</div>
+<script type="text/javascript">
+function run() {
+  document.getElementById('page').style.fontSize='30px';
+  document.documentElement.removeAttribute("class");
+}
+setTimeout(run, 0);
+</script>
diff --git a/layout/reftests/bugs/476598-1-ref.html b/layout/reftests/bugs/476598-1-ref.html
new file mode 100644
index 0000000000..9615c436fb
--- /dev/null
+++ b/layout/reftests/bugs/476598-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<title>Test for incorrect inherited/aInherited use in transform-origin handling</title>
+<style type="text/css">
+
+p {
+  height: 20px;
+  width: 20px;
+  background: green;
+  margin: 0;
+}
+
+</style>
+<!-- scaled from bottom right -->
+<p style="margin-top: 40px; margin-left: 40px;"></p>
+<!-- scaled from 2x times bottom right -->
+<p style="margin-top: 30px; margin-left: 30px;"></p>
diff --git a/layout/reftests/bugs/476598-1-ref2.html b/layout/reftests/bugs/476598-1-ref2.html
new file mode 100644
index 0000000000..72b298566d
--- /dev/null
+++ b/layout/reftests/bugs/476598-1-ref2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<title>Test for incorrect inherited/aInherited use in transform-origin handling</title>
+<style type="text/css">
+
+p {
+  transform: scale(2);
+  height: 10px;
+  width: 10px;
+  background: green;
+  margin: 50px;
+}
+
+</style>
+<p style="transform-origin: 10px 10px"></p>
+<p style="transform-origin: 20px 20px"></p>
diff --git a/layout/reftests/bugs/476598-1a.html b/layout/reftests/bugs/476598-1a.html
new file mode 100644
index 0000000000..e6a30c0b5d
--- /dev/null
+++ b/layout/reftests/bugs/476598-1a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<title>Test for incorrect inherited/aInherited use in transform-origin handling</title>
+<style type="text/css">
+
+p {
+  transform-origin: 1em 1em;
+  transform: scale(2);
+  height: 10px;
+  width: 10px;
+  background: green;
+  margin: 50px;
+}
+
+</style>
+<p style="font-size: 10px"></p>
+<p style="font-size: 20px"></p>
diff --git a/layout/reftests/bugs/476598-1b.html b/layout/reftests/bugs/476598-1b.html
new file mode 100644
index 0000000000..46056f4e12
--- /dev/null
+++ b/layout/reftests/bugs/476598-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>Test for incorrect inherited/aInherited use in transform-origin handling</title>
+<style type="text/css">
+
+p {
+  transform-origin: inherit;
+  transform: scale(2);
+  height: 10px;
+  width: 10px;
+  background: green;
+  margin: 50px;
+}
+
+</style>
+<div style="transform-origin: 10px 10px">
+<p style="font-size: 10px"></p>
+</div>
+<div style="transform-origin: 20px 20px">
+<p style="font-size: 20px"></p>
+</div>
diff --git a/layout/reftests/bugs/476856-1-ref.html b/layout/reftests/bugs/476856-1-ref.html
new file mode 100644
index 0000000000..8a8f03bb09
--- /dev/null
+++ b/layout/reftests/bugs/476856-1-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html><head><title>Handling of un-terminated long tokens in CSS</title>
+
+</head><body>
+
+<div>This CSS parser does not
+  backtrack for unterminated comments.</div>
+
+<div>It does not
+  backtrack for unterminated double-quoted url().</div>
+
+<div>It does not
+  backtrack for unterminated single-quoted url().</div>
+
+<div>It does not
+  backtrack for unterminated unquoted url().</div>
+
+</body></html>
+
diff --git a/layout/reftests/bugs/476856-1.html b/layout/reftests/bugs/476856-1.html
new file mode 100644
index 0000000000..6d26bbcb6f
--- /dev/null
+++ b/layout/reftests/bugs/476856-1.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html><head><title>Handling of un-terminated long tokens in CSS</title>
+
+<style>#ax,#bx,#cx,#dx{display:none}</style>
+
+<style>#ad{color:/*}#ao{display:none}#ax{display:inline}</style>
+
+<style>#bd{background:url("xxx"}#bo{display:none}#bx{display:inline}</style>
+
+<style>#cd{background:url('xxx'}#co{display:none}#cx{display:inline}</style>
+
+<style>#dd{background:url(xxx}#do{display:none}#dx{display:inline}</style>
+
+</head><body>
+
+<div>This CSS parser <span id="ao">does not</span>
+  backtrack<span id="ax">s</span> for unterminated comments.</div>
+
+<div>It <span id="bo">does not</span>
+  backtrack<span id="bx">s</span> for unterminated double-quoted url().</div>
+
+<div>It <span id="co">does not</span>
+  backtrack<span id="cx">s</span> for unterminated single-quoted url().</div>
+
+<div>It <span id="do">does not</span>
+  backtrack<span id="dx">s</span> for unterminated unquoted url().</div>
+
+</body></html>
+
diff --git a/layout/reftests/bugs/478377-1-ref.xhtml b/layout/reftests/bugs/478377-1-ref.xhtml
new file mode 100644
index 0000000000..b481276f76
--- /dev/null
+++ b/layout/reftests/bugs/478377-1-ref.xhtml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/css" href="data:text/css,
+window { direction: ltr; }
+tree { height: 100px; }
+treecol, treecolpicker { visibility: hidden; text-align: right; }
+"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tree>
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="test."/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bugs/478377-1.xhtml b/layout/reftests/bugs/478377-1.xhtml
new file mode 100644
index 0000000000..833ab49d55
--- /dev/null
+++ b/layout/reftests/bugs/478377-1.xhtml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+    window { direction: rtl; }
+    tree { height: 100px; }
+    treecol, treecolpicker { visibility: hidden; }
+    treechildren::-moz-tree-cell { direction: ltr; }
+  ]]></style>
+  <tree>
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="test."/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bugs/478614-1-ref.html b/layout/reftests/bugs/478614-1-ref.html
new file mode 100644
index 0000000000..e58e6c35ff
--- /dev/null
+++ b/layout/reftests/bugs/478614-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-top: 150px}
+table {width:100px}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-1.html b/layout/reftests/bugs/478614-1.html
new file mode 100644
index 0000000000..9bffe51aab
--- /dev/null
+++ b/layout/reftests/bugs/478614-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-top: 50px;}
+table {margin-top: 100px; width:100px}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-2.html b/layout/reftests/bugs/478614-2.html
new file mode 100644
index 0000000000..d4ded0fc79
--- /dev/null
+++ b/layout/reftests/bugs/478614-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-top: 50px; caption-side:top}
+table {margin-top: 100px; width:100px}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-3-ref.html b/layout/reftests/bugs/478614-3-ref.html
new file mode 100644
index 0000000000..8114d9b0c4
--- /dev/null
+++ b/layout/reftests/bugs/478614-3-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption { caption-side:bottom;}
+table {100px; width:100px;}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-3.html b/layout/reftests/bugs/478614-3.html
new file mode 100644
index 0000000000..0f692680f7
--- /dev/null
+++ b/layout/reftests/bugs/478614-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-bottom: 100px; caption-side:bottom;}
+table {margin-bottom: 100px; width:100px;}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-4-ref.html b/layout/reftests/bugs/478614-4-ref.html
new file mode 100644
index 0000000000..0407e84ab6
--- /dev/null
+++ b/layout/reftests/bugs/478614-4-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-top: 160px;margin-bottom:50px}
+table {width:100px}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-4.html b/layout/reftests/bugs/478614-4.html
new file mode 100644
index 0000000000..75e231f455
--- /dev/null
+++ b/layout/reftests/bugs/478614-4.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-top: 60px;margin-bottom:50px}
+table {margin-top: 100px; width:100px}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-5-ref.html b/layout/reftests/bugs/478614-5-ref.html
new file mode 100644
index 0000000000..0c93a04f5a
--- /dev/null
+++ b/layout/reftests/bugs/478614-5-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-top:50px; caption-side:bottom}
+table {width:100px}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478614-5.html b/layout/reftests/bugs/478614-5.html
new file mode 100644
index 0000000000..80ec4281a6
--- /dev/null
+++ b/layout/reftests/bugs/478614-5.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for table + caption vertical margins (bug 478614)</title>
+<style type="text/css">
+body {margin-top: 0} /* Don't let collapsing of the body's top margin interfere with positioning */
+caption {margin-bottom: 100px;margin-top:50px; caption-side:bottom}
+table {margin-bottom: 100px; width:100px}
+</style>
+</head>
+<body>
+<table><caption>caption</caption>
+<tr><td>td</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/478811-1-ref.html b/layout/reftests/bugs/478811-1-ref.html
new file mode 100644
index 0000000000..81d4c302a7
--- /dev/null
+++ b/layout/reftests/bugs/478811-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <body style="height: 100%">
+    <fieldset style="position: relative; display: table; width: 50%;
+                     height: 50%; top: 25%; left: 25%">
+      <div style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;
+                  background: green"></div>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478811-1.html b/layout/reftests/bugs/478811-1.html
new file mode 100644
index 0000000000..a3b599ba59
--- /dev/null
+++ b/layout/reftests/bugs/478811-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait" style="height: 100%">
+  <head>
+    <script>
+      function doIt() {
+        var d = document.createElement("div");
+        d.setAttribute("style",
+                       "position: absolute; left: 0; right: 0; top: 0; " +
+                       "bottom: 0; background: green");
+        document.getElementById("x").appendChild(d);
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", doIt);
+    </script>
+  </head>
+  <body style="height: 100%">
+    <fieldset id="x" style="position: relative; display: table; width: 50%;
+                            height: 50%; top: 25%; left: 25%">
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478811-2-ref.html b/layout/reftests/bugs/478811-2-ref.html
new file mode 100644
index 0000000000..c3a9a8fd2c
--- /dev/null
+++ b/layout/reftests/bugs/478811-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <body style="height: 100%">
+    <!-- Button shouldn't get pointer events because it confuses tests if it
+         can be hovered -->
+    <button style="position: relative; display: table; width: 50%;
+                     height: 50%; top: 25%; left: 25%; pointer-events: none">
+      <div style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;
+                  background: green"></div>
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478811-2.html b/layout/reftests/bugs/478811-2.html
new file mode 100644
index 0000000000..fb61c90f49
--- /dev/null
+++ b/layout/reftests/bugs/478811-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <head>
+    <script>
+      function doIt() {
+        var d = document.createElement("div");
+        d.setAttribute("style",
+                       "position: absolute; left: 0; right: 0; top: 0; " +
+                       "bottom: 0; background: green");
+        document.getElementById("x").appendChild(d);
+      }
+    </script>
+  </head>
+  <body style="height: 100%" onload="doIt()">
+    <!-- Button shouldn't get pointer events because it confuses tests if it
+         can be hovered -->
+    <button id="x" style="position: relative; display: table; width: 50%;
+                          height: 50%; top: 25%; left: 25%;
+                          pointer-events: none">
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478811-3-ref.html b/layout/reftests/bugs/478811-3-ref.html
new file mode 100644
index 0000000000..9f365fb08b
--- /dev/null
+++ b/layout/reftests/bugs/478811-3-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <body style="height: 100%">
+    <!-- Button shouldn't get pointer events because it confuses tests if it
+         can be hovered -->
+    <button style="position: relative; display: table-cell; width: 50%;
+                     height: 50%; top: 25%; left: 25%; pointer-events: none">
+      <div style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;
+                  background: green"></div>
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478811-3.html b/layout/reftests/bugs/478811-3.html
new file mode 100644
index 0000000000..009ef6f63b
--- /dev/null
+++ b/layout/reftests/bugs/478811-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <head>
+    <script>
+      function doIt() {
+        var d = document.createElement("div");
+        d.setAttribute("style",
+                       "position: absolute; left: 0; right: 0; top: 0; " +
+                       "bottom: 0; background: green");
+        document.getElementById("x").appendChild(d);
+      }
+    </script>
+  </head>
+  <body style="height: 100%" onload="doIt()">
+    <!-- Button shouldn't get pointer events because it confuses tests if it
+         can be hovered -->
+    <button id="x" style="position: relative; display: table-cell; width: 50%;
+                          height: 50%; top: 25%; left: 25%;
+                          pointer-events: none">
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478811-4-ref.html b/layout/reftests/bugs/478811-4-ref.html
new file mode 100644
index 0000000000..a1cced339d
--- /dev/null
+++ b/layout/reftests/bugs/478811-4-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <body style="height: 100%">
+    <!-- Button shouldn't get pointer events because it confuses tests if it
+         can be hovered -->
+    <button style="position: relative; display: table-row; width: 50%;
+                     height: 50%; top: 25%; left: 25%; pointer-events: none">
+      <div style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;
+                  background: green"></div>
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478811-4.html b/layout/reftests/bugs/478811-4.html
new file mode 100644
index 0000000000..73ee73f31d
--- /dev/null
+++ b/layout/reftests/bugs/478811-4.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+  <head>
+    <script>
+      function doIt() {
+        var d = document.createElement("div");
+        d.setAttribute("style",
+                       "position: absolute; left: 0; right: 0; top: 0; " +
+                       "bottom: 0; background: green");
+        document.getElementById("x").appendChild(d);
+      }
+    </script>
+  </head>
+  <body style="height: 100%" onload="doIt()">
+    <!-- Button shouldn't get pointer events because it confuses tests if it
+         can be hovered -->
+    <button id="x" style="position: relative; display: table-row; width: 50%;
+                          height: 50%; top: 25%; left: 25%;
+                          pointer-events: none">
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478956-1-ref.html b/layout/reftests/bugs/478956-1-ref.html
new file mode 100644
index 0000000000..3815f3a460
--- /dev/null
+++ b/layout/reftests/bugs/478956-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table cellpadding="0" cellspacing="0">
+      <tr>
+        <td>Long long cell</td>
+        <td>cell</td>
+      </tr>
+    </table>
+    <table cellpadding="0" cellspacing="0">
+      <tr>
+        <td>cell</td>
+        <td>cell</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478956-1a.html b/layout/reftests/bugs/478956-1a.html
new file mode 100644
index 0000000000..4ae0aca8e6
--- /dev/null
+++ b/layout/reftests/bugs/478956-1a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: table-row">
+      <div style="display: table-row">
+        <div style="display: table-cell">Long long cell</div>
+        <div style="display: table-cell">cell</div>
+      </div>
+      <span style="display: table"></span>
+      <div style="display: table-row">
+        <div style="display: table-cell">cell</div>
+        <div style="display: table-cell">cell</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/478956-1b.html b/layout/reftests/bugs/478956-1b.html
new file mode 100644
index 0000000000..1b656a98e5
--- /dev/null
+++ b/layout/reftests/bugs/478956-1b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: table-row">
+      <div style="display: table-row">
+        <div style="display: table-cell">Long long cell</div>
+        <div style="display: table-cell">cell</div>
+      </div>
+      <span style="display: block"></span>
+      <div style="display: table-row">
+        <div style="display: table-cell">cell</div>
+        <div style="display: table-cell">cell</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/480880-1-ref.html b/layout/reftests/bugs/480880-1-ref.html
new file mode 100644
index 0000000000..647b67c58a
--- /dev/null
+++ b/layout/reftests/bugs/480880-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <body style="background: green">
+  </body>
+</html> 
diff --git a/layout/reftests/bugs/480880-1a.html b/layout/reftests/bugs/480880-1a.html
new file mode 100644
index 0000000000..c57a8ae66d
--- /dev/null
+++ b/layout/reftests/bugs/480880-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html style="display: table" class="reftest-wait">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var b = document.createElement("body");
+          b.style.background = "green";
+          document.documentElement.appendChild(b);
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body style="background: red">
+    <script>
+      document.documentElement.removeChild(document.body);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/480880-1b.html b/layout/reftests/bugs/480880-1b.html
new file mode 100644
index 0000000000..9eabe868cc
--- /dev/null
+++ b/layout/reftests/bugs/480880-1b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html style="display: table" class="reftest-wait">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var b = document.body;
+          b.style.background = "green";
+          b.style.display = "";
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body style="background: red; display: none">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/480880-1c.html b/layout/reftests/bugs/480880-1c.html
new file mode 100644
index 0000000000..c9b48fa4d4
--- /dev/null
+++ b/layout/reftests/bugs/480880-1c.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait" style="background: green; display: none">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var h = document.documentElement;
+          h.style.display = "";
+          h.className = "";
+        });
+    </script>
+  </head>
+</html>
diff --git a/layout/reftests/bugs/480880-1d.html b/layout/reftests/bugs/480880-1d.html
new file mode 100644
index 0000000000..e48edea39e
--- /dev/null
+++ b/layout/reftests/bugs/480880-1d.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var b = document.createElement("body");
+          b.style.background = "green";
+          document.documentElement.appendChild(b);
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body style="background: red">
+    <script>
+      document.documentElement.removeChild(document.body);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/480880-1e.html b/layout/reftests/bugs/480880-1e.html
new file mode 100644
index 0000000000..ba450f7267
--- /dev/null
+++ b/layout/reftests/bugs/480880-1e.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var b = document.body;
+          b.style.background = "green";
+          b.style.display = "";
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body style="background: red; display: none">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/480880-2a.html b/layout/reftests/bugs/480880-2a.html
new file mode 100644
index 0000000000..afc3c4a49f
--- /dev/null
+++ b/layout/reftests/bugs/480880-2a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html style="display: table" class="reftest-wait">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          document.documentElement.removeChild(document.body);
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body style="background: green">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/480880-2b.html b/layout/reftests/bugs/480880-2b.html
new file mode 100644
index 0000000000..12e871d1f4
--- /dev/null
+++ b/layout/reftests/bugs/480880-2b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          document.documentElement.removeChild(document.body);
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body style="background: green">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/480880-2c.html b/layout/reftests/bugs/480880-2c.html
new file mode 100644
index 0000000000..9ba61b0fc5
--- /dev/null
+++ b/layout/reftests/bugs/480880-2c.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait" style="background: green">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var h = document.documentElement;
+          h.style.display = "none";
+          h.className = "";
+        });
+    </script>
+  </head>
+</html>
diff --git a/layout/reftests/bugs/481024-1-ref.html b/layout/reftests/bugs/481024-1-ref.html
new file mode 100644
index 0000000000..56258b14d8
--- /dev/null
+++ b/layout/reftests/bugs/481024-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: block; border: none; width: 200px; height: 200px; padding: 50px; background: green;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481024-1a.html b/layout/reftests/bugs/481024-1a.html
new file mode 100644
index 0000000000..6cc0ccfbe5
--- /dev/null
+++ b/layout/reftests/bugs/481024-1a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea style="display: block; border: none; width: 200px; height: 200px; padding: 50px; background: green; resize: none;"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481024-1b.html b/layout/reftests/bugs/481024-1b.html
new file mode 100644
index 0000000000..d760ea5023
--- /dev/null
+++ b/layout/reftests/bugs/481024-1b.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea style="display: block; border: none; width: 200px; height: 200px; padding: 50px; background: green; max-width: 200px; resize: none;"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481024-1c.html b/layout/reftests/bugs/481024-1c.html
new file mode 100644
index 0000000000..af106e4655
--- /dev/null
+++ b/layout/reftests/bugs/481024-1c.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea style="display: block; border: none; width: 200px; height: 200px; padding: 50px; background: green; max-height: 200px; resize: none;"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481024-1d.html b/layout/reftests/bugs/481024-1d.html
new file mode 100644
index 0000000000..1d92ef2f97
--- /dev/null
+++ b/layout/reftests/bugs/481024-1d.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: block; border: none; width: 200px; height: 200px; padding: 50px; background: green; max-width: 200px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481024-1e.html b/layout/reftests/bugs/481024-1e.html
new file mode 100644
index 0000000000..7b52da5911
--- /dev/null
+++ b/layout/reftests/bugs/481024-1e.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: block; border: none; width: 200px; height: 200px; padding: 50px; background: green; max-height: 200px"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481948-1-ref.html b/layout/reftests/bugs/481948-1-ref.html
new file mode 100644
index 0000000000..558322e509
--- /dev/null
+++ b/layout/reftests/bugs/481948-1-ref.html
@@ -0,0 +1,13 @@
+<!-- test for bug 481948: check whether Indic cluster shows all glyphs -->
+<html>
+  <head>
+    <style type="text/css">
+      body {
+        font-size: 24pt;
+      }
+    </style>
+  </head>
+  <body>
+    <p>&#x0930;&#x094d;&#x0915;&#x094d;&#x0915;&#x094d;&#x0915;</p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481948-1.html b/layout/reftests/bugs/481948-1.html
new file mode 100644
index 0000000000..a921b66029
--- /dev/null
+++ b/layout/reftests/bugs/481948-1.html
@@ -0,0 +1,15 @@
+<!-- test for bug 481948: check whether Indic cluster shows all glyphs -->
+<html>
+  <head>
+    <style type="text/css">
+      body {
+        font-size: 24pt;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- The cluster here is longer than in the reference, so display should be different.
+         In FF3.0.x on Mac OS X, they look identical. -->
+    <p>&#x0930;&#x094d;&#x0915;&#x094d;&#x0915;&#x094d;&#x0915;&#x094d;&#x0915;</p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481948-2-ref.html b/layout/reftests/bugs/481948-2-ref.html
new file mode 100644
index 0000000000..dac69d48ac
--- /dev/null
+++ b/layout/reftests/bugs/481948-2-ref.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+body {
+  /* try for some likely fonts that might implement the "fi" ligature */
+  font-family: Times, Calibri, PalatinoLinotype, DejaVuSerif, serif;
+  font-size: 40pt;
+}
+.R {
+  color: #FF0000;
+}
+.G {
+  color: #00FF00;
+}
+</style>
+</head>
+<body>
+<span class="R">fi</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/481948-2.html b/layout/reftests/bugs/481948-2.html
new file mode 100644
index 0000000000..e0c899f4d8
--- /dev/null
+++ b/layout/reftests/bugs/481948-2.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style type="text/css">
+body {
+  /* try for some likely fonts that might implement the "fi" ligature */
+  font-family: Times, Calibri, Palatino Linotype, DejaVu Serif, serif;
+  font-size: 40pt;
+}
+.R {
+  color: #FF0000;
+}
+.G {
+  color: #00FF00;
+}
+</style>
+</head>
+<!--
+The reference has "fi" in a single red span; the expected result is
+NOT EQUAL, provided we successfully paint the ligature in two halves.
+-->
+<body>
+<span class="R">f</span><span class="G">i</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/481948-3-ref.html b/layout/reftests/bugs/481948-3-ref.html
new file mode 100644
index 0000000000..0d0b7f556a
--- /dev/null
+++ b/layout/reftests/bugs/481948-3-ref.html
@@ -0,0 +1,17 @@
+<html>
+  <head>
+    <style type="text/css">
+      .R { color: #FF0000; }
+      .G { color: #00FF00; }
+      .B { color: #0000FF; }
+      .K { color: #000000; }
+    </style>
+  </head>
+  <body>
+    <p>There should be only red and black text here</p>
+    <p style="font-size: 24pt;">
+      <span class="R">&#x0930;&#x094d;&#x0915;&#x094d;&#x0915;</span><span
+            class="K">&#x0915;</span>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/481948-3.html b/layout/reftests/bugs/481948-3.html
new file mode 100644
index 0000000000..6485ea5192
--- /dev/null
+++ b/layout/reftests/bugs/481948-3.html
@@ -0,0 +1,22 @@
+<html>
+  <head>
+    <style type="text/css">
+      .R { color: #FF0000; }
+      .G { color: #00FF00; }
+      .B { color: #0000FF; }
+      .K { color: #000000; }
+    </style>
+  </head>
+  <body>
+    <p>There should be only red and black text here</p>
+    <p style="font-size: 24pt;">
+      <!-- The first three spans here become a single Devanagari cluster,
+           so the entire cluster is painted with the color of the first
+           character. Currently NOT true on Linux, see bug 488364. -->
+      <span class="R">&#x0930;&#x094d;</span><span
+            class="G">&#x0915;&#x094d;</span><span
+            class="B">&#x0915;</span><span
+            class="K">&#x0915;</span>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/482398-1-ref.html b/layout/reftests/bugs/482398-1-ref.html
new file mode 100644
index 0000000000..0230372568
--- /dev/null
+++ b/layout/reftests/bugs/482398-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+
+<body><div style="width: 0em;"><span style="color: green">A</span> BcD</div></body>
diff --git a/layout/reftests/bugs/482398-1.html b/layout/reftests/bugs/482398-1.html
new file mode 100644
index 0000000000..4290d667ba
--- /dev/null
+++ b/layout/reftests/bugs/482398-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+
+function boom()
+{
+  var x = document.getElementById("x");
+  var y = document.createElement("span");
+  y.appendChild(document.createTextNode("c"));
+  x.parentNode.insertBefore(y, x);
+  document.documentElement.className = "";
+}
+
+</script>
+<style type="text/css">
+
+div:first-letter { color: green }
+
+</style>
+</head>
+
+<body onload="boom();"><div style="width: 0em;"><span>A B<span id="x">D</span></span></div></body>
+
+</html>
diff --git a/layout/reftests/bugs/482592-1-ref.html b/layout/reftests/bugs/482592-1-ref.html
new file mode 100644
index 0000000000..7abe1a7c55
--- /dev/null
+++ b/layout/reftests/bugs/482592-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body style="font-size: 300%">
+    xy
+  </body>
+</html>
diff --git a/layout/reftests/bugs/482592-1a-shadow.xhtml b/layout/reftests/bugs/482592-1a-shadow.xhtml
new file mode 100644
index 0000000000..9ec624c1bf
--- /dev/null
+++ b/layout/reftests/bugs/482592-1a-shadow.xhtml
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <script>
+      customElements.define("custom-element", class extends HTMLElement {
+        constructor() {
+          super();
+          const template = document.getElementById("template");
+          const shadowRoot = this.attachShadow({mode: "open"})
+            .appendChild(template.content.cloneNode(true));
+        }
+      });
+      function doTest() {
+        var l = document.getElementById("l");
+        l.parentNode.insertBefore(document.createTextNode("x"), l);
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <template id="template">
+      <style>
+        #hasAfter::after { content: "y"; }
+        #l { display: none; }
+      </style>
+      <span id="hasAfter"><slot/></span>
+    </template>
+    <custom-element style="font-size: 300%; display:block;"><span id="l"></span></custom-element>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/482592-1b-shadow.xhtml b/layout/reftests/bugs/482592-1b-shadow.xhtml
new file mode 100644
index 0000000000..d5594723b4
--- /dev/null
+++ b/layout/reftests/bugs/482592-1b-shadow.xhtml
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <script>
+      customElements.define("custom-element", class extends HTMLElement {
+        constructor() {
+          super();
+          const template = document.getElementById("template");
+          const shadowRoot = this.attachShadow({mode: "open"})
+            .appendChild(template.content.cloneNode(true));
+        }
+      });
+      function doTest() {
+        var l = document.getElementById("l");
+        l.parentNode.insertBefore(document.createTextNode("y"), l);
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <template id="template">
+      <style>
+        #hasBefore::before { content: "x"; }
+      </style>
+      <span id="hasBefore"><slot/></span>
+    </template>
+    <custom-element style="font-size: 300%; display: block;"><span id="l"></span></custom-element>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/482659-1-ref.html b/layout/reftests/bugs/482659-1-ref.html
new file mode 100644
index 0000000000..70e76fb7b8
--- /dev/null
+++ b/layout/reftests/bugs/482659-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+  <iframe src="subdir/445004-ref-subsubframe.html"></iframe>
+</body>
diff --git a/layout/reftests/bugs/482659-1a.html b/layout/reftests/bugs/482659-1a.html
new file mode 100644
index 0000000000..81f56cc4fd
--- /dev/null
+++ b/layout/reftests/bugs/482659-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        window.frames[0].document.body.innerHTML =
+          "<img src='passouter.png' " +
+          "onload='window.parent.document.documentElement.className = &quot;&quot;'>";
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <body>
+    <iframe></iframe>
+  </body>
+</html>
+  
diff --git a/layout/reftests/bugs/482659-1b.html b/layout/reftests/bugs/482659-1b.html
new file mode 100644
index 0000000000..b86f2e77b8
--- /dev/null
+++ b/layout/reftests/bugs/482659-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        window.frames[0].document.body.innerHTML =
+          "<img src='passouter.png' " +
+          "onload='window.parent.document.documentElement.className = &quot;&quot;'>";
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <body>
+    <iframe src="about:blank"></iframe>
+  </body>
+</html>
+  
diff --git a/layout/reftests/bugs/482659-1c.html b/layout/reftests/bugs/482659-1c.html
new file mode 100644
index 0000000000..ae76d090fe
--- /dev/null
+++ b/layout/reftests/bugs/482659-1c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        window.frames[0].location =
+          'javascript:document.write(""); document.close(); ' +
+          'parent.continueTest();'
+      }
+
+      function continueTest() {
+        // Do this part async just in case
+        setTimeout(function() {
+          window.frames[0].document.body.innerHTML =
+            "<img src='passouter.png' " +
+            "onload='window.parent.document.documentElement.className = &quot;&quot;'>";
+                                                                                        }, 0);
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <body>
+    <iframe></iframe>
+  </body>
+</html>
+  
diff --git a/layout/reftests/bugs/482659-1d.html b/layout/reftests/bugs/482659-1d.html
new file mode 100644
index 0000000000..6296415da5
--- /dev/null
+++ b/layout/reftests/bugs/482659-1d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        window.frames[0].location =
+          'javascript:document.write(""); document.close(); ' +
+          'parent.continueTest();'
+      }
+
+      function continueTest() {
+        // Do this part async just in case
+        setTimeout(function() {
+          window.frames[0].document.body.innerHTML =
+            "<img src='passouter.png' " +
+            "onload='window.parent.document.documentElement.className = &quot;&quot;'>";
+                                                                                        }, 0);
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <body>
+    <iframe src="about:blank"></iframe>
+  </body>
+</html>
+  
diff --git a/layout/reftests/bugs/483565-ref.xhtml b/layout/reftests/bugs/483565-ref.xhtml
new file mode 100644
index 0000000000..6b5419f954
--- /dev/null
+++ b/layout/reftests/bugs/483565-ref.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+
+<window id="yesno" title="Reference for bug 483565" orient="horizontal"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+  <hbox align="baseline">
+    <stack align="baseline">
+      <label value="hij"/>
+    </stack>
+    <stack align="baseline">
+      <label value="hij" style="margin-top: 20px"/>
+    </stack>
+  </hbox>
+</window>
diff --git a/layout/reftests/bugs/483565.xhtml b/layout/reftests/bugs/483565.xhtml
new file mode 100644
index 0000000000..e3bdffeb79
--- /dev/null
+++ b/layout/reftests/bugs/483565.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+
+<window id="yesno" title="Testcase for bug 483565" orient="horizontal"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+  <hbox align="baseline">
+    <stack align="baseline">
+      <label value="hij" style="margin-top: 20px"/>
+    </stack>
+    <stack align="baseline">
+      <label value="hij" style="margin-bottom: 20px; margin-top: 20px"/>
+    </stack>
+  </hbox>
+</window>
diff --git a/layout/reftests/bugs/484256-1-ref.html b/layout/reftests/bugs/484256-1-ref.html
new file mode 100644
index 0000000000..ac7f3ca01a
--- /dev/null
+++ b/layout/reftests/bugs/484256-1-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style>
+table {border-collapse: separate; border-spacing:0px;
+border-top: 300px solid orange}
+div {width:10px; height: 10px; border:thin green solid;}
+td {padding:0px;}
+</style>
+</head>
+<div></div>
+<table><tr><td><div></div></td></tr></table>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/484256-1.html b/layout/reftests/bugs/484256-1.html
new file mode 100644
index 0000000000..1c9b053278
--- /dev/null
+++ b/layout/reftests/bugs/484256-1.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style>
+table {border-collapse: collapse;
+border-top: 300px solid orange}
+div {width:10px; height: 10px; border:thin green solid;}
+td {padding:0px;}
+</style>
+</head>
+<div></div>
+<table><tr><td><div></div></td></tr></table>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/484256-2.html b/layout/reftests/bugs/484256-2.html
new file mode 100644
index 0000000000..392b41e37e
--- /dev/null
+++ b/layout/reftests/bugs/484256-2.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+<style>
+table {border-collapse: collapse;
+border-bottom: 300px solid orange}
+div {width:10px; height: 10px; border:thin green solid;}
+td {padding:0px;}
+</style>
+</head>
+<table><tr><td><div></div></td></tr></table>
+
+<div></div>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/485012-1-ref.html b/layout/reftests/bugs/485012-1-ref.html
new file mode 100644
index 0000000000..a9ccb1b9fd
--- /dev/null
+++ b/layout/reftests/bugs/485012-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { color: green }
+    </style>
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/bugs/485012-1.html b/layout/reftests/bugs/485012-1.html
new file mode 100644
index 0000000000..56759f94f1
--- /dev/null
+++ b/layout/reftests/bugs/485012-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { color: red }
+    </style>
+    <script src="data:application/javascript,"></script>
+    <link rel="stylesheet" type="text/css"
+          charset="UTF-16BE"
+          href="data:text/css,%00b%00o%00d%00y%00{%00c%00o%00l%00o%00r%00:%00g%00r%00e%00e%00n%00}">
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/485275-1-ref.html b/layout/reftests/bugs/485275-1-ref.html
new file mode 100644
index 0000000000..b31ac81b5c
--- /dev/null
+++ b/layout/reftests/bugs/485275-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<iframe src="data:text/html,%3Cbody%20bgcolor%3D'%230000ff'%3E"
+        style="width: 100px; height: 100px; border:none; position:absolute;
+               top: 0px; left: 200px;"/>
+</body>
+</html>
diff --git a/layout/reftests/bugs/485275-1.html b/layout/reftests/bugs/485275-1.html
new file mode 100644
index 0000000000..35acdd4eda
--- /dev/null
+++ b/layout/reftests/bugs/485275-1.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<iframe src="data:text/html,%3Cbody%20bgcolor%3D'%230000ff'%3E"
+        style="width: 100px; height: 100px; border:none; position:absolute;
+               top: 0px; left: 0px; transform: translateX(200px)"/>
+</body>
+</html>
diff --git a/layout/reftests/bugs/485275-1.svg b/layout/reftests/bugs/485275-1.svg
new file mode 100644
index 0000000000..9f3f5eb1c6
--- /dev/null
+++ b/layout/reftests/bugs/485275-1.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <foreignObject transform="translate(200)" width="100" height="100">
+    <body xmlns="http://www.w3.org/1999/xhtml" style="margin: 0pt;">
+      <iframe src="data:text/html,%3Cbody%20bgcolor%3D'%230000ff'%3E" style="border: medium none ; width: 100px; height: 100px;"/>
+    </body>
+  </foreignObject>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/bugs/486052-1-ref.html b/layout/reftests/bugs/486052-1-ref.html
new file mode 100644
index 0000000000..76e8d8da8b
--- /dev/null
+++ b/layout/reftests/bugs/486052-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table>
+      <tr><td>This is a test</td></tr>
+      <tr><td>This is a test</td></tr>
+      <tr><td>This is a test</td></tr>
+      <tr><td>This is a test</td></tr>
+      <caption style="position: relative; caption-side: bottom"><div style="position: absolute; top: 0; left: 0">Test</div></caption>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-1.html b/layout/reftests/bugs/486052-1.html
new file mode 100644
index 0000000000..78ab224c04
--- /dev/null
+++ b/layout/reftests/bugs/486052-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        var d = document.createElement("div");
+        d.textContent = "Test";
+        d.style.top = d.style.left = 0;
+        d.style.position = "absolute";
+        document.getElementById("t").appendChild(d);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <table>
+      <tr><td>This is a test</td></tr>
+      <tr><td>This is a test</td></tr>
+      <tr><td>This is a test</td></tr>
+      <tr><td>This is a test</td></tr>
+      <caption style="position: relative; caption-side: bottom" id="t"></caption>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2-ref.html b/layout/reftests/bugs/486052-2-ref.html
new file mode 100644
index 0000000000..d3a7de5c49
--- /dev/null
+++ b/layout/reftests/bugs/486052-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: relative; display: table-row-group;"><div style="display: table-row"><div style="display: table-cell"><div style="position: absolute; top: 0; left: 0">Test</div></div></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2a.html b/layout/reftests/bugs/486052-2a.html
new file mode 100644
index 0000000000..bef0026a28
--- /dev/null
+++ b/layout/reftests/bugs/486052-2a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        var d = document.createElement("div");
+        d.textContent = "Test";
+        d.style.top = d.style.left = 0;
+        d.style.position = "absolute";
+        document.getElementById("t").appendChild(d);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div style="position: relative; display: table-row-group;" id="t"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2b.html b/layout/reftests/bugs/486052-2b.html
new file mode 100644
index 0000000000..5b7c89bca9
--- /dev/null
+++ b/layout/reftests/bugs/486052-2b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        var d = document.createElement("div");
+        d.textContent = "Test";
+        d.style.top = d.style.left = 0;
+        d.style.position = "absolute";
+        document.getElementById("t").appendChild(d);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div style="position: relative; display: table-header-group;" id="t"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2c.html b/layout/reftests/bugs/486052-2c.html
new file mode 100644
index 0000000000..f4d99f3c69
--- /dev/null
+++ b/layout/reftests/bugs/486052-2c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        var d = document.createElement("div");
+        d.textContent = "Test";
+        d.style.top = d.style.left = 0;
+        d.style.position = "absolute";
+        document.getElementById("t").appendChild(d);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div style="position: relative; display: table-footer-group;" id="t"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2d.html b/layout/reftests/bugs/486052-2d.html
new file mode 100644
index 0000000000..71452bceda
--- /dev/null
+++ b/layout/reftests/bugs/486052-2d.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="position: relative; display: table-row-group;"><div style="position: absolute; top: 0; left: 0">Test</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2e.html b/layout/reftests/bugs/486052-2e.html
new file mode 100644
index 0000000000..82a8291ae0
--- /dev/null
+++ b/layout/reftests/bugs/486052-2e.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        var d = document.createElement("div");
+        d.textContent = "Test";
+        d.style.top = d.style.left = 0;
+        d.style.position = "absolute";
+        document.getElementById("t").appendChild(d);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div style="position: relative; display: table-row-group;"><div style="display: table-row"><div style="display: table-cell" id="t"></div></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2f.html b/layout/reftests/bugs/486052-2f.html
new file mode 100644
index 0000000000..cd502ed6ad
--- /dev/null
+++ b/layout/reftests/bugs/486052-2f.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        var d = document.createElement("div");
+        d.textContent = "Test";
+        d.style.top = d.style.left = 0;
+        d.style.position = "absolute";
+        document.getElementById("t").appendChild(d);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div style="position: relative; display: table-header-group;"><div style="display: table-row"><div style="display: table-cell" id="t"></div></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486052-2g.html b/layout/reftests/bugs/486052-2g.html
new file mode 100644
index 0000000000..e23f930fdf
--- /dev/null
+++ b/layout/reftests/bugs/486052-2g.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        var d = document.createElement("div");
+        d.textContent = "Test";
+        d.style.top = d.style.left = 0;
+        d.style.position = "absolute";
+        document.getElementById("t").appendChild(d);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div style="position: relative; display: table-footer-group;"><div style="display: table-row"><div style="display: table-cell" id="t"></div></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/486065-1-ref.html b/layout/reftests/bugs/486065-1-ref.html
new file mode 100644
index 0000000000..9d25407185
--- /dev/null
+++ b/layout/reftests/bugs/486065-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style>
+.d {
+    height:10em;
+    border:75px solid #CCC;
+}
+</style>
+</head>
+<body>
+  <ul class="d">
+    <li>a</li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/486065-1.html b/layout/reftests/bugs/486065-1.html
new file mode 100644
index 0000000000..39f5e2dbd3
--- /dev/null
+++ b/layout/reftests/bugs/486065-1.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style>
+.d {
+    height:10em;
+    overflow:auto;
+    border:75px solid #CCC;
+}
+</style>
+</head>
+<body>
+  <ul class="d">
+    <li>a</li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/487539-1.html b/layout/reftests/bugs/487539-1.html
new file mode 100644
index 0000000000..de88e713e8
--- /dev/null
+++ b/layout/reftests/bugs/487539-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+
+var img = document.createElement("img");
+img.setAttributeNS(null, "usemap", "#map");
+img.setAttributeNS(null, "src", "data:image/gif;base64,R0lGODlhEwATAKIAAP//AMzMADMzAP8AAAAAAP///wAAAAAAACH5BAEAAAUALAAAAAATABMAAANWWLrUTisyEoC1oUlFr8dQRHykFRad+Y0gdzlv86KVKdsskOUAjHu312rFK5FuxaMNIMgYe85GrVfKZVDAR7DHmVoG4IHn6vqEgZLU90xOq8OazUS7SQAAOw==");
+
+function boom()
+{
+  map = document.createElement("map");
+  map.setAttributeNS(null, "name", "map");
+  area = document.createElement("area");
+  map.appendChild(area);
+  span = document.createElement("span");
+  span.appendChild(img);
+  td = document.createElement("td");
+  span.appendChild(td);
+  map.appendChild(span);
+  document.body.appendChild(map);
+  boom2();
+}
+
+function boom2()
+{
+  // For reliable reproduction, need a flush here.
+  var x = document.body.offsetWidth;
+
+  // needs to be async, apparently.
+  setTimeout(boom3, 0);
+}
+
+function boom3()
+{
+  span.remove(); 
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+</head>
+
+<body onload="boom();"></body>
+
+</html>
diff --git a/layout/reftests/bugs/488390-1-ref.html b/layout/reftests/bugs/488390-1-ref.html
new file mode 100644
index 0000000000..14508f199d
--- /dev/null
+++ b/layout/reftests/bugs/488390-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+  <body>ab</body>
+</html>
diff --git a/layout/reftests/bugs/488390-1.html b/layout/reftests/bugs/488390-1.html
new file mode 100644
index 0000000000..dd8fa8a5c4
--- /dev/null
+++ b/layout/reftests/bugs/488390-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script type="text/javascript">
+      function boom()
+      {
+        var s = document.getElementById("s");
+        s.remove();
+      }
+    </script>
+  </head>
+  <body onload="boom();">
+    <!-- Need the bidi control chars to trigger non-fluid continuations, and
+         need the span right around the div so that the prevSibling of the node
+         whose frame we try to get doesn't have a frame map entry (so that we
+         don't have a useful hint). -->
+    <span>&#x202E;a&#x202C;b
+      <span><div></div></span>
+      <span id="s">This text should be gone</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/488649-1-ref.html b/layout/reftests/bugs/488649-1-ref.html
new file mode 100644
index 0000000000..fd47f3b528
--- /dev/null
+++ b/layout/reftests/bugs/488649-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Reference for bug 488649</title>
+ </head>
+ <body>
+  <div style="color: black; font-size: 36px;">PASS</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/488649-1.html b/layout/reftests/bugs/488649-1.html
new file mode 100644
index 0000000000..5065577cc0
--- /dev/null
+++ b/layout/reftests/bugs/488649-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Testcase for bug 488649</title>
+ </head>
+ <body onload="document.body.bgColor=document.body.bgColor;">
+  <div style="color: black; font-size: 36px;">PASS</div>
+  <div style="color: white; font-size: 36px;">FAIL</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/488685-1-ref.html b/layout/reftests/bugs/488685-1-ref.html
new file mode 100644
index 0000000000..dbe9a305ff
--- /dev/null
+++ b/layout/reftests/bugs/488685-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="padding: 3px;">
+<div style="width: 10px; height: 10px; background-position: -3px -3px; background-image: url(data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs=)"></div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/488685-1.html b/layout/reftests/bugs/488685-1.html
new file mode 100644
index 0000000000..9283304c47
--- /dev/null
+++ b/layout/reftests/bugs/488685-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<img style="display:block;" src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs=">
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/488692-1-ref.html b/layout/reftests/bugs/488692-1-ref.html
new file mode 100644
index 0000000000..d21a0da083
--- /dev/null
+++ b/layout/reftests/bugs/488692-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="2.0">
+<body style="background: black">
+<div style="width: 100px; height: 100px; background: #00ff00"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/488692-1.html b/layout/reftests/bugs/488692-1.html
new file mode 100644
index 0000000000..0fa0b6752b
--- /dev/null
+++ b/layout/reftests/bugs/488692-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="2.0">
+<body style="background: black">
+<canvas width="100" height="100" id="c"></canvas>
+<script type="text/javascript">
+var cx = document.getElementById("c").getContext("2d");
+cx.fillStyle = "#00ff00";
+cx.fillRect(0, 0, 100, 100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/489868-1-ref.svg b/layout/reftests/bugs/489868-1-ref.svg
new file mode 100644
index 0000000000..4b2da23e8c
--- /dev/null
+++ b/layout/reftests/bugs/489868-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <rect x="20" y="20" width="75" height="75" fill="green"/>
+
+</svg>
diff --git a/layout/reftests/bugs/489868-1.svg b/layout/reftests/bugs/489868-1.svg
new file mode 100644
index 0000000000..e9d91e76ac
--- /dev/null
+++ b/layout/reftests/bugs/489868-1.svg
@@ -0,0 +1,34 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" 
+     xmlns:html="http://www.w3.org/1999/xhtml"
+     xmlns="http://www.w3.org/2000/svg" 
+     class="reftest-wait">
+
+<html:style>
+  .gencon:after { content: counter(chicken); }
+</html:style>
+
+<script type="text/javascript">
+
+var dc;
+var defs;
+
+function boom()
+{
+  var define = document.getElementById("define");
+  define.setAttribute("class", "gencon");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("load", boom, false);
+
+</script>
+
+<defs id="defs">
+  <g id="define">
+    <rect x="0" y="0" width="75" height="75" fill="green"/>
+  </g>
+</defs>
+
+<use xlink:href="#define" x="20" y="20" id="use" />
+
+</svg>
diff --git a/layout/reftests/bugs/490173-2-ref.html b/layout/reftests/bugs/490173-2-ref.html
new file mode 100644
index 0000000000..cab4e3f0c0
--- /dev/null
+++ b/layout/reftests/bugs/490173-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <table border="1">
+    <colgroup>
+      <col width="200">
+    </colgroup>
+    <tr><td>Foo</tr></td>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/490173-2.html b/layout/reftests/bugs/490173-2.html
new file mode 100644
index 0000000000..9f9f23a749
--- /dev/null
+++ b/layout/reftests/bugs/490173-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body onload="document.getElementById('c1').style.display = '';">
+  <table border="1">
+    <colgroup>
+      <col id="c1" width="200" style="display: block">
+    </colgroup>
+    <tr><td>Foo</tr></td>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/490176-1-ref.html b/layout/reftests/bugs/490176-1-ref.html
new file mode 100644
index 0000000000..a44124ae24
--- /dev/null
+++ b/layout/reftests/bugs/490176-1-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css">
+
+body, p {
+  display: table;
+  position: absolute;
+}
+
+</style>
+</head>
+
+<body>
+<div>A B</div>
+<p id="n">C D</p>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/490176-1.html b/layout/reftests/bugs/490176-1.html
new file mode 100644
index 0000000000..30d42412f9
--- /dev/null
+++ b/layout/reftests/bugs/490176-1.html
@@ -0,0 +1,31 @@
+<html>
+<head>
+<style type="text/css">
+
+body, p {
+  display: table;
+  position: absolute;
+}
+
+</style>
+
+<script type="text/javascript">
+
+function boom()
+{
+  var n = document.getElementById("n");
+  var b = document.body;
+  var next = n.nextSibling;
+  b.removeChild(n);
+  b.insertBefore(n, next);
+}
+
+</script>
+</head>
+
+<body onload="boom();">
+<div>A B</div>
+<p id="n">C D</p>
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/490177-1-ref.svg b/layout/reftests/bugs/490177-1-ref.svg
new file mode 100644
index 0000000000..0fb4b31145
--- /dev/null
+++ b/layout/reftests/bugs/490177-1-ref.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:html="http://www.w3.org/1999/xhtml">
+
+<foreignObject id="f" width="500" height="500" y="300">
+
+<div xmlns="http://www.w3.org/1999/xhtml">
+
+<table border="1">
+ <tr>
+  <td><input type="text" value="3" /></td>
+ </tr>
+</table>
+
+</div>
+
+</foreignObject>
+
+</svg>
diff --git a/layout/reftests/bugs/490177-1.svg b/layout/reftests/bugs/490177-1.svg
new file mode 100644
index 0000000000..0bebcc02e5
--- /dev/null
+++ b/layout/reftests/bugs/490177-1.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:html="http://www.w3.org/1999/xhtml">
+
+<foreignObject id="f" width="500" height="500" y="300">
+
+<div xmlns="http://www.w3.org/1999/xhtml">
+
+<table border="1">
+ <tr>
+  <td><input type="text" value="3" /></td>
+ </tr>
+</table>
+
+</div>
+
+</foreignObject>
+
+<script>
+window.addEventListener("load", boom, false);
+function boom()
+{
+  var f = document.getElementById("f");
+  document.documentElement.appendChild(f);
+}
+</script>
+
+</svg>
diff --git a/layout/reftests/bugs/490182-1-ref.html b/layout/reftests/bugs/490182-1-ref.html
new file mode 100644
index 0000000000..9c002563ff
--- /dev/null
+++ b/layout/reftests/bugs/490182-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+</head>
+<body>
+<table border="2" id="table">
+<col id="col1">
+<col width=200 id="col2">
+<tr>
+<td>100?</td><td>200</td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/490182-1a.html b/layout/reftests/bugs/490182-1a.html
new file mode 100644
index 0000000000..f7ccc776a6
--- /dev/null
+++ b/layout/reftests/bugs/490182-1a.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<script type="text/javascript">
+function boom()
+{
+  var col1 = document.getElementById("col1");
+  var parent = col1.parentNode;
+  var next = col1.nextSibling;
+  
+  parent.removeChild(col1);
+  reflow();
+  parent.insertBefore(col1, next);
+  reflow();  
+  col1.removeAttribute("width");
+}
+
+function reflow() { document.documentElement.offsetHeight; }
+
+</script>
+</head>
+<body onload="boom();">
+<table border="2" id="table">
+<col width=100 id="col1">
+<col width=200 id="col2">
+<tr>
+<td>100?</td><td>200</td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/490182-1b.html b/layout/reftests/bugs/490182-1b.html
new file mode 100644
index 0000000000..8a661352c3
--- /dev/null
+++ b/layout/reftests/bugs/490182-1b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<script type="text/javascript">
+function boom()
+{
+  var col1 = document.createElement("col");
+  col1.setAttribute("width", "100");
+  var next = document.getElementById("col2");
+  
+  next.parentNode.insertBefore(col1, next);
+  reflow();
+  col1.removeAttribute("width");
+}
+
+function reflow() { document.documentElement.offsetHeight; }
+
+</script>
+</head>
+<body onload="boom();">
+<table border="2" id="table">
+<col width=200 id="col2">
+<tr>
+<td>100?</td><td>200</td>
+</tr>
+</table>
+</BODY>
+</HTML>
diff --git a/layout/reftests/bugs/491180-1-ref.html b/layout/reftests/bugs/491180-1-ref.html
new file mode 100644
index 0000000000..e9dcf7cc56
--- /dev/null
+++ b/layout/reftests/bugs/491180-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <div style="padding: 0; margin: 0; border: none; background: transparent; -moz-appearance: none; width: 0; height: 0; font: inherit; padding: 0">
+    Some text <div style="background: green; width: 100px; height: 100px"></div>
+  </div>
diff --git a/layout/reftests/bugs/491180-1.html b/layout/reftests/bugs/491180-1.html
new file mode 100644
index 0000000000..c82712220f
--- /dev/null
+++ b/layout/reftests/bugs/491180-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <button style="padding: 0; margin: 0; border: none; background: transparent; -moz-appearance: none; width: 0; height: 0; font: inherit; color: black">
+    Some text <div style="background: green; width: 100px; height: 100px"></div>
+  </button>
diff --git a/layout/reftests/bugs/491180-2-ref.html b/layout/reftests/bugs/491180-2-ref.html
new file mode 100644
index 0000000000..7ab4aa58c5
--- /dev/null
+++ b/layout/reftests/bugs/491180-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+  <div style="padding: 0; margin: 0; border: none; background: transparent; -moz-appearance: none; width: 20px; font: inherit; padding: 0; white-space: pre; overflow: hidden">Some text</div>
+  </div>
diff --git a/layout/reftests/bugs/491180-2.html b/layout/reftests/bugs/491180-2.html
new file mode 100644
index 0000000000..c5f6b4cb73
--- /dev/null
+++ b/layout/reftests/bugs/491180-2.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+  <input type="button" style="padding: 0; margin: 0; border: none; background: transparent; -moz-appearance: none; width: 20px; font: inherit; color: black" value="Some text">
diff --git a/layout/reftests/bugs/491323-1-ref.xhtml b/layout/reftests/bugs/491323-1-ref.xhtml
new file mode 100644
index 0000000000..bcfd636da2
--- /dev/null
+++ b/layout/reftests/bugs/491323-1-ref.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<hbox flex="1">
+  <html:style>
+    /* Make sure our splitter's background doesn't depend on its hover styles */
+    splitter {
+      background-color: yellow;
+      -moz-appearance: none;
+    }
+  </html:style>
+  <splitter collapse="before" resizeafter="farthest" width="200" id="s">
+  </splitter>
+</hbox>
+</window>
diff --git a/layout/reftests/bugs/491323-1.xhtml b/layout/reftests/bugs/491323-1.xhtml
new file mode 100644
index 0000000000..e255d1d4d3
--- /dev/null
+++ b/layout/reftests/bugs/491323-1.xhtml
@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        onload="loaded()">
+<hbox flex="1">
+  <html:style>
+    /* Make sure our splitter's background doesn't depend on its hover styles */
+    splitter {
+      background-color: yellow;
+      -moz-appearance: none;
+    }
+  </html:style>
+  <script>
+  function loaded() {
+    document.documentElement.getBoundingClientRect();
+    document.getElementById("s").setAttribute("state", "collapsed");
+  }
+  </script>
+  <iframe width="200" src="data:text/html,hello"/>
+  <splitter collapse="before" resizeafter="farthest" width="200" id="s">
+  </splitter>
+</hbox>
+</window>
diff --git a/layout/reftests/bugs/492661-1-ref.html b/layout/reftests/bugs/492661-1-ref.html
new file mode 100644
index 0000000000..eaf999dc7b
--- /dev/null
+++ b/layout/reftests/bugs/492661-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body>
+
+<table>
+<col>
+<col style="visibility: collapse;"><col>
+<tbody id="tbody">
+  <tr>
+    <td>one</td>
+    <td>two</td>
+  </tr>
+  <tr>
+    <td>one</td>
+    <td>two</td>
+  </tr>
+</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/492661-1.html b/layout/reftests/bugs/492661-1.html
new file mode 100644
index 0000000000..c22de45142
--- /dev/null
+++ b/layout/reftests/bugs/492661-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function boom()
+{
+  var tbody = document.getElementById("tbody");
+  var table = tbody.parentNode;
+  table.removeChild(tbody);
+  document.documentElement.offsetHeight;
+  table.appendChild(tbody);
+}
+</script>
+</head>
+
+<body onload="boom();">
+
+<table>
+<col>
+<col style="visibility: collapse;"><col>
+<tbody id="tbody">
+  <tr>
+    <td>one</td>
+    <td>two</td>
+  </tr>
+  <tr>
+    <td>one</td>
+    <td>two</td>
+  </tr>
+</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/493968-1-ref.html b/layout/reftests/bugs/493968-1-ref.html
new file mode 100644
index 0000000000..d9c46efb14
--- /dev/null
+++ b/layout/reftests/bugs/493968-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>body { color: green; }</style>
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+    
diff --git a/layout/reftests/bugs/493968-1.html b/layout/reftests/bugs/493968-1.html
new file mode 100644
index 0000000000..a725be25fc
--- /dev/null
+++ b/layout/reftests/bugs/493968-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>body { color: red; }</style>
+    <link rel="stylesheet" href="data:text/css,@import 'data:text/css,body { color: green }'; @import 'data:text/css,foopy {}';" id="r">
+    <link rel="stylesheet" href="data:text/css,@import 'data:text/css,body { color: green }'; @import 'data:text/css,foopy {}';">
+    <script>
+      // Force a unique inner for the second linked sheet
+      document.styleSheets[2].cssRules[0];
+
+      // Ditch the first sheet
+      var r = document.getElementById("r");
+      r.remove();
+    </script>
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+    
diff --git a/layout/reftests/bugs/494667-1-ref.html b/layout/reftests/bugs/494667-1-ref.html
new file mode 100644
index 0000000000..0f300a1b6d
--- /dev/null
+++ b/layout/reftests/bugs/494667-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:200px; height:200px; background:lime;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/494667-1.html b/layout/reftests/bugs/494667-1.html
new file mode 100644
index 0000000000..fed4c9baae
--- /dev/null
+++ b/layout/reftests/bugs/494667-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+table {
+  border-collapse: collapse;
+  background-color: red;
+}
+td, th {
+  background-color: lime;
+  width:100px;
+  height:100px;
+  box-sizing:border-box;
+}
+td {
+  border-top: 4px solid lime;
+}
+</style>
+</head>
+<body>
+<table cellpadding="0">
+  <tr><th colspan="2"></th></tr>
+  <tr><th></th><td></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/494667-2-ref.html b/layout/reftests/bugs/494667-2-ref.html
new file mode 100644
index 0000000000..efe979237e
--- /dev/null
+++ b/layout/reftests/bugs/494667-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:204px; height:204px; background:lime;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/494667-2.html b/layout/reftests/bugs/494667-2.html
new file mode 100644
index 0000000000..98f3368596
--- /dev/null
+++ b/layout/reftests/bugs/494667-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+table {
+  border-collapse: collapse;
+  background-color: red;
+}
+td, th {
+  background-color: lime;
+  width:100px;
+  height:100px;
+  border:4px solid lime;
+  box-sizing:border-box;
+}
+td {
+  border-top:hidden;
+}
+</style>
+</head>
+<body>
+<table cellpadding="0">
+  <tr><th colspan="2"></th></tr>
+  <tr><th></th><td></td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495274-1-ref.html b/layout/reftests/bugs/495274-1-ref.html
new file mode 100644
index 0000000000..882f0ef9fc
--- /dev/null
+++ b/layout/reftests/bugs/495274-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>body { color: green; }</style>
+  </head>
+  <body>
+    This text should be green
+  </body>
+</html>
diff --git a/layout/reftests/bugs/495274-1.html b/layout/reftests/bugs/495274-1.html
new file mode 100644
index 0000000000..2a0b3a85a6
--- /dev/null
+++ b/layout/reftests/bugs/495274-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>body { color: green; }</style>
+    <link rel="stylesheet" href='data:text/css,body > span { color: red }' type="text/css"/>
+    <link rel="stylesheet" href='data:text/css,body > span { color: red }' type="text/css"/>
+    <script>
+      // Force cloning of the second linked sheet
+      document.styleSheets[2].cssRules[0];
+    </script>
+  </head>
+  <body>
+    <div><span>This text should be green</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/495385-1-ref.html b/layout/reftests/bugs/495385-1-ref.html
new file mode 100644
index 0000000000..e1ee689e67
--- /dev/null
+++ b/layout/reftests/bugs/495385-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="border:1px solid black;">
+&nbsp;&nbsp;Hello<br>
+&nbsp;&nbsp;Hello<br>
+<br>
+Hello
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-1a.html b/layout/reftests/bugs/495385-1a.html
new file mode 100644
index 0000000000..715ddaddb1
--- /dev/null
+++ b/layout/reftests/bugs/495385-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that changes to 'white-space' create frames when necessary -->
+<head>
+<script>
+function loaded() {
+  document.body.offsetHeight;
+  document.getElementById('d1').style.whiteSpace = 'pre';
+  document.getElementById('d2').style.whiteSpace = 'pre-wrap';
+  document.getElementById('d3').style.whiteSpace = 'pre-line';
+}
+</script>
+</head>
+<body onload="loaded()" style="border:1px solid black;">
+  <div id="d1">  <span>Hello</span>  </div>
+  <div id="d2">  <span>Hello</span>  </div>
+  <div id="d3">
+  <span>Hello</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-1b.html b/layout/reftests/bugs/495385-1b.html
new file mode 100644
index 0000000000..59b68bacc0
--- /dev/null
+++ b/layout/reftests/bugs/495385-1b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that 'white-space' creates frames when necessary -->
+<body style="border:1px solid black;">
+  <div style="white-space:pre">  <span>Hello</span>  </div>
+  <div style="white-space:pre-wrap">  <span>Hello</span>  </div>
+  <div style="white-space:pre-line">
+  <span>Hello</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-1c.html b/layout/reftests/bugs/495385-1c.html
new file mode 100644
index 0000000000..c406ddb900
--- /dev/null
+++ b/layout/reftests/bugs/495385-1c.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that 'white-space' creates text frames between blocks when necessary -->
+<body style="border:1px solid black; white-space:pre">  Hello<div></div>  Hello
+<div></div>
+Hello</body></html>
diff --git a/layout/reftests/bugs/495385-1d.html b/layout/reftests/bugs/495385-1d.html
new file mode 100644
index 0000000000..c5bf32988b
--- /dev/null
+++ b/layout/reftests/bugs/495385-1d.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that 'white-space' creates text frames between blocks when necessary -->
+<body style="border:1px solid black; white-space:pre-wrap">  Hello<div></div>  Hello
+<div></div>
+Hello</body></html>
diff --git a/layout/reftests/bugs/495385-1e.html b/layout/reftests/bugs/495385-1e.html
new file mode 100644
index 0000000000..29adcb1b4a
--- /dev/null
+++ b/layout/reftests/bugs/495385-1e.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that 'white-space' creates between text frames blocks (dynamically) when necessary -->
+<head>
+<script>
+function loaded() {
+  document.body.offsetHeight;
+  document.body.style.whiteSpace = 'pre';
+}
+</script>
+</head>
+<body onload="loaded()" style="border:1px solid black;">  Hello<div></div>  Hello
+<div></div>
+Hello</body></html>
diff --git a/layout/reftests/bugs/495385-1f.html b/layout/reftests/bugs/495385-1f.html
new file mode 100644
index 0000000000..c0f4e3d7d1
--- /dev/null
+++ b/layout/reftests/bugs/495385-1f.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that 'white-space' creates text frames between blocks (dynamically) when necessary -->
+<head>
+<script>
+function loaded() {
+  document.body.offsetHeight;
+  document.body.style.whiteSpace = 'pre-wrap';
+}
+</script>
+</head>
+<body onload="loaded()" style="border:1px solid black;">  Hello<div></div>  Hello
+<div></div>
+Hello</body></html>
diff --git a/layout/reftests/bugs/495385-2-ref.html b/layout/reftests/bugs/495385-2-ref.html
new file mode 100644
index 0000000000..bc8ca2db01
--- /dev/null
+++ b/layout/reftests/bugs/495385-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+</style>
+</head>
+<body>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2a.html b/layout/reftests/bugs/495385-2a.html
new file mode 100644
index 0000000000..8905c15cf1
--- /dev/null
+++ b/layout/reftests/bugs/495385-2a.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test that removing a block element can create frames for text around it -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+</style>
+<script>
+function remove(id) {
+  var e = document.getElementById(id);
+  e.remove();
+}
+function loaded() {
+  document.body.offsetHeight;
+  remove("d1");
+  remove("d2");
+  remove("d3");
+  remove("d4");
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div><span>Hello</span><div id="d1">X</div> <span>Kitty</span></div>
+  <div><span>Hello</span> <div id="d2">X</div><span>Kitty</span></div>
+  <!-- we'll create frames here, but they won't make a difference to the rendering -->
+  <div><div id="d3">X</div> <span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span> <div id="d4">X</div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2b.html b/layout/reftests/bugs/495385-2b.html
new file mode 100644
index 0000000000..d749ccdeba
--- /dev/null
+++ b/layout/reftests/bugs/495385-2b.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<!-- Test that inserting inline content can create frames for text around it -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+</style>
+<script>
+function makeSpan(text) {
+  var e = document.createElement("span");
+  e.textContent = text;
+  return e;
+}
+function loaded() {
+  document.body.offsetHeight;
+  var d1 = document.getElementById("d1");
+  d1.insertBefore(makeSpan("Hello"), d1.firstChild);
+  var d2 = document.getElementById("d2");
+  d2.appendChild(makeSpan("Kitty"));
+  var d3 = document.getElementById("d3");
+  d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling);
+  var d4 = document.getElementById("d4");
+  d4.insertBefore(makeSpan("Kitty"), d4.lastChild);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", loaded);
+</script>
+</head>
+<body>
+  <div id="d1"> <span>Kitty</span></div>
+  <div id="d2"><span>Hello</span> </div>
+  <div id="d3"><div></div> <span>Kitty</span></div>
+  <div id="d4"><span>Hello</span> <div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2c.html b/layout/reftests/bugs/495385-2c.html
new file mode 100644
index 0000000000..1d35576718
--- /dev/null
+++ b/layout/reftests/bugs/495385-2c.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test that insertions work in the presence of display:none elements that
+      separate whitespace from block boundaries -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+em { display:none; }
+</style>
+<script>
+function makeSpan(text) {
+  var e = document.createElement("span");
+  e.textContent = text;
+  return e;
+}
+function loaded() {
+  document.body.offsetHeight;
+  var d1 = document.getElementById("d1");
+  d1.insertBefore(makeSpan("Hello"), d1.firstChild);
+  var d2 = document.getElementById("d2");
+  d2.appendChild(makeSpan("Kitty"));
+  var d3 = document.getElementById("d3");
+  d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling);
+  var d4 = document.getElementById("d4");
+  d4.insertBefore(makeSpan("Kitty"), d4.lastChild);
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div id="d1"><em>X</em> <span>Kitty</span></div>
+  <div id="d2"><span>Hello</span> <em>X</em></div>
+  <div id="d3"><div></div><em>X</em> <span>Kitty</span></div>
+  <div id="d4"><span>Hello</span> <em>X</em><div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2d.html b/layout/reftests/bugs/495385-2d.html
new file mode 100644
index 0000000000..c2b61a66d0
--- /dev/null
+++ b/layout/reftests/bugs/495385-2d.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test that before/after generated content stops suppression correctly,
+     both statically and dynamically -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+#d1:before { content:"Hello"; }
+#d2:after { content:"Kitty"; }
+#d3.c:before { content:"Hello"; }
+#d4.c:after { content:"Kitty"; }
+</style>
+<script>
+function loaded() {
+  document.body.offsetHeight;
+  document.getElementById("d3").setAttribute("class", "c");
+  document.getElementById("d4").setAttribute("class", "c");
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div id="d1"> <span>Kitty</span></div>
+  <div id="d2"><span>Hello</span> </div>
+  <div id="d3"> <span>Kitty</span></div>
+  <div id="d4"><span>Hello</span> </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2e.html b/layout/reftests/bugs/495385-2e.html
new file mode 100644
index 0000000000..292132cc55
--- /dev/null
+++ b/layout/reftests/bugs/495385-2e.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test that reframing content stops suppression around it correctly
+     and that setting text content twice works. Setting text node contents
+     twice may fail if we create a frame, then reframe, and botch the second
+     reframe. -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+</style>
+<script>
+function loaded() {
+  document.body.offsetHeight;
+  document.getElementById("d1").style.display = 'inline';
+  document.getElementById("d2").style.display = 'inline';
+  document.getElementById("d3").firstChild.data = "H ";
+  document.getElementById("d3").firstChild.data = "Hello ";
+  document.getElementById("d4").lastChild.data = " K";
+  document.getElementById("d4").lastChild.data = " Kitty";
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div><div id="d1">Hello</div> <span>Kitty</span></div>
+  <div><span>Hello</span> <div id="d2">Kitty</div></div>
+  <div id="d3"> <span>Kitty</span></div>
+  <div id="d4"><span>Hello</span> </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2g.html b/layout/reftests/bugs/495385-2g.html
new file mode 100644
index 0000000000..5fed301ebd
--- /dev/null
+++ b/layout/reftests/bugs/495385-2g.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test that removing a <br> can create frames for text around it -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+</style>
+<script>
+function remove(id) {
+  var e = document.getElementById(id);
+  e.remove();
+}
+function loaded() {
+  document.body.offsetHeight;
+  remove("b1");
+  remove("b2");
+  remove("b3");
+  remove("b4");
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div><span>Hello</span><br id="b1"> <span>Kitty</span></div>
+  <div><span>Hello</span> <br id="b2"><span>Kitty</span></div>
+  <!-- we'll create frames here, but they won't make a difference to the rendering -->
+  <div><br id="b3"> <span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span> <br id="b4"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2h.html b/layout/reftests/bugs/495385-2h.html
new file mode 100644
index 0000000000..bd7a385ca3
--- /dev/null
+++ b/layout/reftests/bugs/495385-2h.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test appends -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+#d2:after { content:"Kitty"; }
+#d3:after { content:"ty"; }
+</style>
+<script>function flush() { document.body.offsetHeight; }</script>
+</head>
+<body>
+  <div id="d1"><span>Hello</span> <script>flush();</script><span>Kitty</span></div>
+  <div id="d2"><script>flush();</script><span>Hello</span> </div>
+  <div id="d3"><span>Hello</span> <script>flush();</script><span>Kit</span></div>
+  <div id="d4"><span>Hello</span><script>flush();</script> <span>Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-2i.html b/layout/reftests/bugs/495385-2i.html
new file mode 100644
index 0000000000..86340008fb
--- /dev/null
+++ b/layout/reftests/bugs/495385-2i.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test that setting a block element to display:none can create frames
+     for text around it -->
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+</style>
+<script>
+function hide(id) {
+  var e = document.getElementById(id);
+  e.style.display = 'none';
+}
+function loaded() {
+  document.body.offsetHeight;
+  hide("d1");
+  hide("d2");
+  hide("d3");
+  hide("d4");
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div><span>Hello</span><div id="d1">X</div> <span>Kitty</span></div>
+  <div><span>Hello</span> <div id="d2">X</div><span>Kitty</span></div>
+  <!-- we'll create frames here, but they won't make a difference to the rendering -->
+  <div><div id="d3">X</div> <span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span><div id="d4">X</div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-3-ref.html b/layout/reftests/bugs/495385-3-ref.html
new file mode 100644
index 0000000000..2240982ed5
--- /dev/null
+++ b/layout/reftests/bugs/495385-3-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html>
+<body style="border:1px solid black;">X</body>
+</html>
diff --git a/layout/reftests/bugs/495385-3.html b/layout/reftests/bugs/495385-3.html
new file mode 100644
index 0000000000..0ae05e6ca7
--- /dev/null
+++ b/layout/reftests/bugs/495385-3.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that changes to text contents create frames when necessary -->
+<head>
+<script>
+function loaded() {
+  document.body.offsetHeight;
+  document.body.firstChild.data = 'X';
+}
+</script>
+</head>
+<body onload="loaded()" style="border:1px solid black;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-4-ref.html b/layout/reftests/bugs/495385-4-ref.html
new file mode 100644
index 0000000000..bc650ce837
--- /dev/null
+++ b/layout/reftests/bugs/495385-4-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body > div { border:1px solid black; margin:1em; }
+</style>
+</head>
+<body>
+  <div id="d3"><br>Hello <span>Kitty</span></div>
+  <div id="d4"><span>Hello</span> Kitty<br></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-4.html b/layout/reftests/bugs/495385-4.html
new file mode 100644
index 0000000000..2cdc764c81
--- /dev/null
+++ b/layout/reftests/bugs/495385-4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Test that inserting inline content can create frames for text around it
+     when there are <br>s -->
+<style>
+body > div { border:1px solid black; margin:1em; }
+</style>
+<script>
+function makeSpan(text) {
+  var e = document.createElement("span");
+  e.textContent = text;
+  return e;
+}
+function loaded() {
+  var d3 = document.getElementById("d3");
+  d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling);
+  var d4 = document.getElementById("d4");
+  d4.insertBefore(makeSpan("Kitty"), d4.lastChild);
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div id="d3"><br> <span>Kitty</span></div>
+  <div id="d4"><span>Hello</span> <br></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-5-ref.html b/layout/reftests/bugs/495385-5-ref.html
new file mode 100644
index 0000000000..f615bc7c2d
--- /dev/null
+++ b/layout/reftests/bugs/495385-5-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body > div { border:1px solid black; margin:1em; }
+div:first-line { color:green; }
+div:first-letter { color:lime; }
+.f:first-letter { float:left; }
+</style>
+</head>
+<body>
+  <div>Hello<br>Kitty</div>
+  <div class="f">Hello<br>Kitty</div>
+  <div>Hello<br>Kitty</div>
+  <div class="f">Hello<br>Kitty</div>
+  <div>Hello Hello<br>Kitty</div>
+  <div class="f">Hello Hello<br>Kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/495385-5.html b/layout/reftests/bugs/495385-5.html
new file mode 100644
index 0000000000..dc6d663dc3
--- /dev/null
+++ b/layout/reftests/bugs/495385-5.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body > div { border:1px solid black; margin:1em; }
+div:first-line { color:green; }
+div:first-letter { color:lime; }
+.f:first-letter { float:left; }
+</style>
+<script>
+function setH(id) {
+  document.getElementById(id).firstChild.data = "H";
+}
+function insertSpan(id) {
+  var d = document.getElementById(id);
+  var span = document.createElement("span");
+  span.textContent = "Hello";
+  d.insertBefore(span, d.firstChild);
+}
+function loaded() {
+  setH("d1");
+  setH("d2");
+  insertSpan("d3");
+  insertSpan("d4");
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div>  Hello<br>Kitty</div>
+  <div class="f">  <span>Hello</span><br>Kitty</div>
+  <div id="d1">  <span>ello</span><br>Kitty</div>
+  <div id="d2" class="f">  <span>ello</span><br>Kitty</div>
+  <div id="d3">  <span>Hello</span><br>Kitty</div>
+  <div id="d4" class="f">  <span>Hello</span><br>Kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/496032-1-ref.html b/layout/reftests/bugs/496032-1-ref.html
new file mode 100644
index 0000000000..faed2e13d1
--- /dev/null
+++ b/layout/reftests/bugs/496032-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { color:lime; }
+div:first-letter { font-size:200%; }
+</style>
+</head>
+<body>
+<button><div>Hello</div></button>
+</body>
+</html>
diff --git a/layout/reftests/bugs/496032-1.html b/layout/reftests/bugs/496032-1.html
new file mode 100644
index 0000000000..ae0b489819
--- /dev/null
+++ b/layout/reftests/bugs/496032-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+button { display:inline-block; }
+button:first-letter { font-size:200%; }
+button:first-line { color:lime; }
+</style>
+</head>
+<body>
+<button>Hello</button>
+</body>
+</html>
diff --git a/layout/reftests/bugs/496840-1-ref.html b/layout/reftests/bugs/496840-1-ref.html
new file mode 100644
index 0000000000..f96396ca5e
--- /dev/null
+++ b/layout/reftests/bugs/496840-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<fieldset id="fs1"><legend>#1</legend><legend>#2</legend></fieldset>
+<fieldset id="fs2"><legend>#2</legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/496840-1.html b/layout/reftests/bugs/496840-1.html
new file mode 100644
index 0000000000..3901069e7d
--- /dev/null
+++ b/layout/reftests/bugs/496840-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<body>
+<fieldset id="fs1"><legend>#2</legend></fieldset>
+<fieldset id="fs2"><legend>#1</legend><legend>#2</legend></fieldset>
+<script>
+document.body.offsetHeight;
+
+var fs1 = document.getElementById("fs1");
+var l = document.createElement("legend");
+l.textContent = "#1";
+fs1.insertBefore(l, fs1.firstChild);
+
+var fs2 = document.getElementById("fs2");
+fs2.firstChild.remove();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/501037-ref.html b/layout/reftests/bugs/501037-ref.html
new file mode 100644
index 0000000000..30b16a92df
--- /dev/null
+++ b/layout/reftests/bugs/501037-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head></head>
+
+<body>
+
+<ol>
+  <li id="a"></li>
+  <li id="b">b</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/501037.html b/layout/reftests/bugs/501037.html
new file mode 100644
index 0000000000..b02f945248
--- /dev/null
+++ b/layout/reftests/bugs/501037.html
@@ -0,0 +1,12 @@
+<html>
+<head></head>
+
+<body onload="document.getElementById('a').firstChild.data = '';">
+
+<ol>
+  <li id="a">a</li>
+  <li id="b">b</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/501257-1-ref.html b/layout/reftests/bugs/501257-1-ref.html
new file mode 100644
index 0000000000..e80b55984b
--- /dev/null
+++ b/layout/reftests/bugs/501257-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="color: green;">
+      This should be green
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/501257-1-ref.xhtml b/layout/reftests/bugs/501257-1-ref.xhtml
new file mode 100644
index 0000000000..09719f760d
--- /dev/null
+++ b/layout/reftests/bugs/501257-1-ref.xhtml
@@ -0,0 +1,7 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <body>
+    <div style="color: green;">
+      This should be green
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/501257-1.xhtml b/layout/reftests/bugs/501257-1.xhtml
new file mode 100644
index 0000000000..2629a5ff37
--- /dev/null
+++ b/layout/reftests/bugs/501257-1.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style><![CDATA[
+      .green { color: green; }
+      .toremove { color: red !important; }
+    ]]></style>
+  </head>
+  <body>
+    <div class="foo toremove">
+      This should be green
+    </div>
+    <script>
+      var div = document.getElementsByTagName("div")[0];
+      div.classList.toggle("toremove");
+      div.classList.toggle("green");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/501257-1a.html b/layout/reftests/bugs/501257-1a.html
new file mode 100644
index 0000000000..013b804153
--- /dev/null
+++ b/layout/reftests/bugs/501257-1a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      .green { color: green; }
+    </style>
+  </head>
+  <body>
+    <div>
+      This should be green
+    </div>
+    <script>
+      document.body.firstElementChild.classList.add("green");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/501257-1b.html b/layout/reftests/bugs/501257-1b.html
new file mode 100644
index 0000000000..ed83afa377
--- /dev/null
+++ b/layout/reftests/bugs/501257-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body > div { color: green; }
+      .toremove { color: red; }
+    </style>
+  </head>
+  <body>
+    <div class="toremove">
+      This should be green
+    </div>
+    <script>
+      document.body.firstElementChild.classList.remove("toremove");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/501627-1-ref.html b/layout/reftests/bugs/501627-1-ref.html
new file mode 100644
index 0000000000..3266618369
--- /dev/null
+++ b/layout/reftests/bugs/501627-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="2">
+<body style="overflow:hidden"
+background="data:image/gif;base64,R0lGODlhEgASALMAANbv9////8bp9LXi8aTc7pPV6////////////////////////////////////////ywAAAAAEgASAAAEIlCASaul8uo6tgfdpxHiWF7FaaVqe2YqfIYqfZItrrK7K0YAOw==">
+<div style="height: 2000px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/501627-1.html b/layout/reftests/bugs/501627-1.html
new file mode 100644
index 0000000000..719e90b5de
--- /dev/null
+++ b/layout/reftests/bugs/501627-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="2">
+<body style="overflow:hidden"
+background="data:image/gif;base64,R0lGODlhEgASALMAANbv9////8bp9LXi8aTc7pPV6////////////////////////////////////////ywAAAAAEgASAAAEIlCASaul8uo6tgfdpxHiWF7FaaVqe2YqfIYqfZItrrK7K0YAOw==">
+<div style="height: 100000px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/502288-1-ref.html b/layout/reftests/bugs/502288-1-ref.html
new file mode 100644
index 0000000000..7088fbd675
--- /dev/null
+++ b/layout/reftests/bugs/502288-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div id="x" style="padding-top: 2em">
+      Some text
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/502288-1.html b/layout/reftests/bugs/502288-1.html
new file mode 100644
index 0000000000..d0d787ce56
--- /dev/null
+++ b/layout/reftests/bugs/502288-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+                              function() {
+                                document.getElementById("x").style.paddingTop = "2em";
+                                document.documentElement.className = "";
+                              });
+    </script>
+  </head>
+  <body>
+    <div id="x">
+      Some text
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/502447-1-ref.html b/layout/reftests/bugs/502447-1-ref.html
new file mode 100644
index 0000000000..5a928ed389
--- /dev/null
+++ b/layout/reftests/bugs/502447-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html style='height: 100%'>
+  <body style='margin: 0; padding: 0; height: 100%'>
+    <div style='width: 200%; height: 200%'></div>
+  </body>
+</html>"></iframe>
diff --git a/layout/reftests/bugs/502447-1.html b/layout/reftests/bugs/502447-1.html
new file mode 100644
index 0000000000..6b42eed164
--- /dev/null
+++ b/layout/reftests/bugs/502447-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html style='height: 100%'>
+  <body style='margin: 0; padding: 0; height: 100%'
+        onload='document.documentElement.style.overflow = &quot;hidden&quot;;
+                document.body.offsetWidth;
+                document.documentElement.style.overflow=&quot;&quot;'>
+    <div style='width: 200%; height: 200%'></div>
+  </body>
+</html>"></iframe>
diff --git a/layout/reftests/bugs/502447-2-ref.html b/layout/reftests/bugs/502447-2-ref.html
new file mode 100644
index 0000000000..bb168d4c25
--- /dev/null
+++ b/layout/reftests/bugs/502447-2-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html></html>"></iframe>
diff --git a/layout/reftests/bugs/502447-2.html b/layout/reftests/bugs/502447-2.html
new file mode 100644
index 0000000000..0f5f5c4e0f
--- /dev/null
+++ b/layout/reftests/bugs/502447-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html style='height: 100%; overflow: visible'>
+  <body style='margin: 0; padding: 0; height: 100%'
+        onload='document.body.offsetWidth;
+                document.documentElement.style.overflow=&quot;hidden&quot;'>
+    <div style='width: 200%; height: 200%'></div>
+  </body>
+</html>"></iframe>
diff --git a/layout/reftests/bugs/502795-1-ref.html b/layout/reftests/bugs/502795-1-ref.html
new file mode 100644
index 0000000000..61b366c8b8
--- /dev/null
+++ b/layout/reftests/bugs/502795-1-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<title>bug 502795 - letterspace with downloaded font</title>
+</head>
+<style type="text/css">
+@font-face {
+    font-family: test;
+    src: url(../fonts/MarkA.ttf);
+}
+p {
+    font-family: test;
+    font-size: 24pt;
+}
+</style>
+<body>
+<p>A</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/502795-1.html b/layout/reftests/bugs/502795-1.html
new file mode 100644
index 0000000000..25d8b498db
--- /dev/null
+++ b/layout/reftests/bugs/502795-1.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<title>bug 502795 - letterspace with downloaded font</title>
+</head>
+<style type="text/css">
+@font-face {
+    font-family: test;
+    src: url(../fonts/MarkA.ttf);
+}
+p {
+    font-family: test;
+    font-size: 24pt;
+    letter-spacing: 10px;
+}
+</style>
+<!-- with letterspacing, the downloaded font will fail to render
+     via coretext due to bug 502795 -->
+<body>
+<p>A</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/502942-1-ref.html b/layout/reftests/bugs/502942-1-ref.html
new file mode 100644
index 0000000000..dba025cb28
--- /dev/null
+++ b/layout/reftests/bugs/502942-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body style="line-height: 100px">
+  <div style="display: inline-block; height: 100px; border: none">bbb</div>bbb
+</body>
+</html>
diff --git a/layout/reftests/bugs/502942-1.html b/layout/reftests/bugs/502942-1.html
new file mode 100644
index 0000000000..50046a739d
--- /dev/null
+++ b/layout/reftests/bugs/502942-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body style="line-height: 100px">
+  <fieldset style="display: inline; height: 100px; border: none; padding: 0; margin:0">bbb</fieldset>bbb
+</body>
+</html>
diff --git a/layout/reftests/bugs/503364-1-ref.html b/layout/reftests/bugs/503364-1-ref.html
new file mode 100644
index 0000000000..7087eda4db
--- /dev/null
+++ b/layout/reftests/bugs/503364-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+     <table style="position: absolute; top: 100px; left: 100px;">
+       <tr>
+         <td>
+           <div style="position: absolute; left: 20px; top: 20px; background: black; height: 20px; width: 20px"></div>
+         </td>
+       </tr>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/503364-1a.html b/layout/reftests/bugs/503364-1a.html
new file mode 100644
index 0000000000..a6bc481a5a
--- /dev/null
+++ b/layout/reftests/bugs/503364-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        var div = document.createElement('div');
+        div.setAttribute("style", "position: absolute; left: 20px; top: 20px; background: black; height: 20px; width: 20px");
+        document.getElementById("t").appendChild(div);
+        document.documentElement.className = "";
+      }
+      window.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <body>
+     <table style="position: absolute; top: 100px; left: 100px;">
+       <tr>
+         <td id="t">
+         </td>
+       </tr>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/503364-1b.html b/layout/reftests/bugs/503364-1b.html
new file mode 100644
index 0000000000..3d66e5863b
--- /dev/null
+++ b/layout/reftests/bugs/503364-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait" style="display: none">
+  <head>
+    <script>
+      function doTest() {
+        document.documentElement.style.display = "";
+        document.documentElement.className = "";
+      }
+      window.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <body>
+     <table style="position: absolute; top: 100px; left: 100px;">
+       <tr>
+         <td>
+           <div style="position: absolute; left: 20px; top: 20px; background: black; height: 20px; width: 20px"></div>
+         </td>
+       </tr>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/503531-1-ref.html b/layout/reftests/bugs/503531-1-ref.html
new file mode 100644
index 0000000000..e04c3886da
--- /dev/null
+++ b/layout/reftests/bugs/503531-1-ref.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait"><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #1 for bug 503531</title>
+<script>
+function boom() {
+  var caret = document.getElementById('caret');
+
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  var range = document.createRange();
+  range.selectNode(caret);
+  sel.addRange(range);
+  sel.collapseToStart();
+
+  setTimeout(function(){document.documentElement.className = '';}, 50)
+}
+</script>
+</head>
+<body contenteditable="true" onload="document.body.focus(); boom()">
+<div>BLOCK</div>
+<div id="caret"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/503531-1.html b/layout/reftests/bugs/503531-1.html
new file mode 100644
index 0000000000..3587d85b07
--- /dev/null
+++ b/layout/reftests/bugs/503531-1.html
@@ -0,0 +1,25 @@
+<html class="reftest-wait"><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #1 for bug 503531</title>
+<script>
+function boom() {
+  var emptyText = document.createTextNode('x');
+  document.body.appendChild(emptyText);
+
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  var range = document.createRange();
+  range.selectNode(emptyText);
+  sel.addRange(range);
+  sel.collapseToStart();
+
+  emptyText.nodeValue='';
+  
+  setTimeout(function(){document.documentElement.className = '';}, 50)
+}
+</script>
+</head>
+<body contenteditable="true" onload="document.body.focus(); boom()">
+<div>BLOCK</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/504032-1-ref.html b/layout/reftests/bugs/504032-1-ref.html
new file mode 100644
index 0000000000..1c9bc0fb57
--- /dev/null
+++ b/layout/reftests/bugs/504032-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      body { color: green }
+    </style>
+  </head>
+  <body>test</body>
+</html>
diff --git a/layout/reftests/bugs/504032-1.html b/layout/reftests/bugs/504032-1.html
new file mode 100644
index 0000000000..92a34fe3bc
--- /dev/null
+++ b/layout/reftests/bugs/504032-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      body { color: green }
+    </style>
+    <link rel="stylesheet"
+          href="data:text/css,@media no-such-medium { body { color: red } }"
+          type="text/css">
+    <link rel="stylesheet"
+          href="data:text/css,@media no-such-medium { body { color: red } }"
+          type="text/css">
+    <script>
+      // Force cloning of the second linked sheet
+      document.styleSheets[2].cssRules[0];
+    </script>
+  </head>
+  <body>test</body>
+</html>
diff --git a/layout/reftests/bugs/505743-1.html b/layout/reftests/bugs/505743-1.html
new file mode 100644
index 0000000000..df6cd0f5af
--- /dev/null
+++ b/layout/reftests/bugs/505743-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+#a {
+  display: block;
+  opacity:1;
+  overflow:hidden;
+  width: 100px;
+  height: 100px;
+  background-color: lime;
+}
+</style>
+</head>
+<body>
+<span id="a"></span>
+<script>
+function doe() {
+ document.getElementById('a').style.opacity = '0';
+ document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doe);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-1-ref.html b/layout/reftests/bugs/50630-1-ref.html
new file mode 100644
index 0000000000..e60c760f3e
--- /dev/null
+++ b/layout/reftests/bugs/50630-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style>
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px;">
+<p><span class="left"></span>HelloKitty
+<p><span class="right"></span>HelloKitty
+<p dir="rtl"><span class="left"></span>HelloKitty
+<p dir="rtl"><span class="right"></span>HelloKitty
+<p style="text-align:right;"><span class="left"></span>HelloKitty
+<p style="text-align:right;"><span class="right"></span>HelloKitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-1a.html b/layout/reftests/bugs/50630-1a.html
new file mode 100644
index 0000000000..e5cef0b2f8
--- /dev/null
+++ b/layout/reftests/bugs/50630-1a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<meta name="flags" content="" />
+<style>
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px;">
+<p>Hello<span class="left"></span>Kitty
+<p>Hello<span class="right"></span>Kitty
+<p dir="rtl">Hello<span class="left"></span>Kitty
+<p dir="rtl">Hello<span class="right"></span>Kitty
+<p style="text-align:right;">Hello<span class="left"></span>Kitty
+<p style="text-align:right;">Hello<span class="right"></span>Kitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-1b.html b/layout/reftests/bugs/50630-1b.html
new file mode 100644
index 0000000000..8426e59484
--- /dev/null
+++ b/layout/reftests/bugs/50630-1b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<meta name="flags" content="" />
+<style>
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px">
+<p><span>Hello<span class="left"></span></span>Kitty
+<p><span>Hello<span class="right"></span></span>Kitty
+<p dir="rtl"><span>Hello<span class="left"></span></span>Kitty
+<p dir="rtl"><span>Hello<span class="right"></span></span>Kitty
+<p style="text-align:right;"><span>Hello<span class="left"></span></span>Kitty
+<p style="text-align:right;"><span>Hello<span class="right"></span></span>Kitty
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-1c.html b/layout/reftests/bugs/50630-1c.html
new file mode 100644
index 0000000000..b346e45659
--- /dev/null
+++ b/layout/reftests/bugs/50630-1c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<meta name="flags" content="" />
+<style>
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px;">
+<p>Hello<span><span class="left"></span>Kitty</span>
+<p>Hello<span><span class="right"></span>Kitty</span>
+<p dir="rtl">Hello<span><span class="left"></span>Kitty</span>
+<p dir="rtl">Hello<span><span class="right"></span>Kitty</span>
+<p style="text-align:right;">Hello<span><span class="left"></span>Kitty</span>
+<p style="text-align:right;">Hello<span><span class="right"></span>Kitty</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-2-ref.html b/layout/reftests/bugs/50630-2-ref.html
new file mode 100644
index 0000000000..f4b2984e1b
--- /dev/null
+++ b/layout/reftests/bugs/50630-2-ref.html
@@ -0,0 +1,17 @@
+<html>
+<body style="width:400px;">
+<div style="float:left; width:200px; height:100px; background:yellow;"></div>
+Hello
+<br clear=all><table><tr><td>
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-2.html b/layout/reftests/bugs/50630-2.html
new file mode 100644
index 0000000000..18ba7f22eb
--- /dev/null
+++ b/layout/reftests/bugs/50630-2.html
@@ -0,0 +1,17 @@
+<html>
+<body style="width:400px;">
+<div style="float:left; width:200px; height:100px; background:yellow;"></div>
+Hello
+<table style="float:left;"><tr><td>
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+This is some very long text. This is some very long text.
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-3-ref.html b/layout/reftests/bugs/50630-3-ref.html
new file mode 100644
index 0000000000..85f4cd038d
--- /dev/null
+++ b/layout/reftests/bugs/50630-3-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<body style="width:100px; font-size:5px;">
+<!-- Check that we don't allow floats to reorder -->
+H
+<div style="background:blue; width:100px; height:100px;"></div>
+<div style="background:yellow; width:30px; height:30px; float:left;"></div>
+<div style="background:yellow; width:30px; height:30px; float:right;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-3.html b/layout/reftests/bugs/50630-3.html
new file mode 100644
index 0000000000..6228201930
--- /dev/null
+++ b/layout/reftests/bugs/50630-3.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<meta name="assert" content="The outer top of a floating box may not be higher than the outer top of any block or floated box generated by an element earlier in the source document." />
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<meta name="flags" content="" />
+<body style="width:100px; font-size:5px;">
+<!-- Check that we don't allow floats to reorder -->
+H
+<div style="background:blue; width:100px; height:100px; float:left;"></div>
+<div style="background:yellow; width:30px; height:30px; float:left;"></div>
+<div style="background:yellow; width:30px; height:30px; float:right;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-4-ref.html b/layout/reftests/bugs/50630-4-ref.html
new file mode 100644
index 0000000000..ff602c309c
--- /dev/null
+++ b/layout/reftests/bugs/50630-4-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<body style="width:200px; font-size:5px;">
+<div style="background:green; width:100px; height:100px; float:left;"></div>
+H<br>
+<div style="background:blue; width:100px; height:100px; float:left;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-4-ref2.html b/layout/reftests/bugs/50630-4-ref2.html
new file mode 100644
index 0000000000..7d3387eb55
--- /dev/null
+++ b/layout/reftests/bugs/50630-4-ref2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<body style="width:200px; font-size:5px;">
+<div style="position:absolute; background:green; width:100px; height:100px;"></div>
+<div style="position:relative; left:100px; width:100px; height:100px;">
+  H
+  <div style="background:blue; width:100px; height:100px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-4.html b/layout/reftests/bugs/50630-4.html
new file mode 100644
index 0000000000..f6fbb4f7ff
--- /dev/null
+++ b/layout/reftests/bugs/50630-4.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<title>CSS 2.1 Test Suite: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<meta name="flags" content="" />
+<body style="width:200px; font-size:5px;">
+<!-- Check that we're actually taking inline content already in the line into account
+     when we check whether the blue float fits -->
+<div style="background:green; width:100px; height:100px; float:left;"></div>
+H
+<div style="background:blue; width:100px; height:100px; float:left;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-5-ref.html b/layout/reftests/bugs/50630-5-ref.html
new file mode 100644
index 0000000000..e439b805ab
--- /dev/null
+++ b/layout/reftests/bugs/50630-5-ref.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+html, body, ul, li {
+ margin: 0; padding: 0;
+}
+ul {
+ list-style-position: inside;
+}
+li {
+ margin: 1em;
+}
+span {
+ position: absolute;
+ top: 1em; right: 1em;
+}
+</style>
+</head>
+<body>
+<ul>
+ <li><span>Float</span>Test</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/50630-5.html b/layout/reftests/bugs/50630-5.html
new file mode 100644
index 0000000000..b05a67325f
--- /dev/null
+++ b/layout/reftests/bugs/50630-5.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+html, body, ul, li {
+ margin: 0; padding: 0;
+}
+ul {
+ list-style-position: inside;
+}
+li {
+ margin: 1em;
+}
+span {
+ float: right;
+}
+</style>
+</head>
+<body>
+<ul>
+ <li><span>Float</span>Test</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/506481-1-ref.html b/layout/reftests/bugs/506481-1-ref.html
new file mode 100644
index 0000000000..fcd2aceb57
--- /dev/null
+++ b/layout/reftests/bugs/506481-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html><body>
+<select multiple="multiple" size="10">
+<option>option 0</option><option>option 1</option><option>option 2</option><option>option 3</option><option>option 4</option><option>option 5</option><option>option 6</option><option>option 7</option><option>option 8</option><option>option 9</option><option>option 10</option><option>option 11</option><option selected>option 12</option>
+</select>
+</body></html>
diff --git a/layout/reftests/bugs/506481-1.html b/layout/reftests/bugs/506481-1.html
new file mode 100644
index 0000000000..f8b10bc56f
--- /dev/null
+++ b/layout/reftests/bugs/506481-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html><body>
+<select multiple="multiple" size="10"><script>document.body.offsetHeight;</script>
+<option>option 0</option><option>option 1</option><option>option 2</option><option>option 3</option><option>option 4</option><option>option 5</option><option>option 6</option><option>option 7</option><option>option 8</option><option>option 9</option><option>option 10</option><option>option 11</option><option selected>option 12</option>
+</select>
+</body></html>
diff --git a/layout/reftests/bugs/507187-1-ref.html b/layout/reftests/bugs/507187-1-ref.html
new file mode 100644
index 0000000000..2d2375d39a
--- /dev/null
+++ b/layout/reftests/bugs/507187-1-ref.html
@@ -0,0 +1,2 @@
+<style type="text/css">a { visibility: hidden }</style>
+<body><ul><li><a>Hello</a></li><li><a>Hello</a></li><li><a>Hello</a></li><li><a>Hello</a></li></ul></body></html>
diff --git a/layout/reftests/bugs/507187-1.html b/layout/reftests/bugs/507187-1.html
new file mode 100644
index 0000000000..066491a3b3
--- /dev/null
+++ b/layout/reftests/bugs/507187-1.html
@@ -0,0 +1 @@
+<body><ul><li><a></a></li><li><a></a></li><li><a></a></li><li><a></a></li></ul></body></html>
diff --git a/layout/reftests/bugs/507487-1-ref.html b/layout/reftests/bugs/507487-1-ref.html
new file mode 100644
index 0000000000..e2b451602f
--- /dev/null
+++ b/layout/reftests/bugs/507487-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<div style="display:block; width:100px; height:100px; background: blue;"></div>
+<div style="display:block; width:100px; height:100px; background: green;"></div>
+<div style="display:block; width:100px; height:100px; background: blue;"></div>
+<div style="display:block; width:100px; height:100px; background: purple;"></div>
+</html>
diff --git a/layout/reftests/bugs/507487-1.html b/layout/reftests/bugs/507487-1.html
new file mode 100644
index 0000000000..412b4843b0
--- /dev/null
+++ b/layout/reftests/bugs/507487-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=507487
+-->
+<head>
+<style>
+#content > * {
+  display:block; width:100px; height:100px; background: purple;
+}
+#content > teST {
+  display:block; width:100px; height:100px; background: green;
+}
+
+#content > test {
+  display:block; width:100px; height:100px; background: blue;
+}
+
+</style>
+<script>
+  function f() {
+    document.getElementById('content').appendChild(document.createElementNS("test", "test"));
+    document.getElementById('content').appendChild(document.createElementNS("test", "teST"));
+    document.getElementById('content').appendChild(document.createElementNS("http://www.w3.org/1999/xhtml", "test"));
+    document.getElementById('content').appendChild(document.createElementNS("http://www.w3.org/1999/xhtml", "teST"));
+  }
+</script>
+</head>
+<body onload="f();">
+<div id=content></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/507487-2-ref.xhtml b/layout/reftests/bugs/507487-2-ref.xhtml
new file mode 100644
index 0000000000..6ccb5048d7
--- /dev/null
+++ b/layout/reftests/bugs/507487-2-ref.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=507487
+-->
+<body>
+<div style="display:block; width:100px; height:100px; background: blue;"></div>
+<div style="display:block; width:100px; height:100px; background: green;"></div>
+<div style="display:block; width:100px; height:100px; background: blue;"></div>
+<div style="display:block; width:100px; height:100px; background: green;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/507487-2.xhtml b/layout/reftests/bugs/507487-2.xhtml
new file mode 100644
index 0000000000..84bf023e1b
--- /dev/null
+++ b/layout/reftests/bugs/507487-2.xhtml
@@ -0,0 +1,32 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=507487
+-->
+<head>
+  <style>
+    #content > * {
+    display:block; width:100px; height:100px; background: purple;
+    }
+    #content > teST {
+    display:block; width:100px; height:100px; background: green;
+    }
+    
+    #content > test {
+    display:block; width:100px; height:100px; background: blue;
+    }
+  </style>
+  <script type="application/javascript">
+  <![CDATA[
+  function f() {
+    document.getElementById('content').appendChild(document.createElementNS("test", "test"));
+    document.getElementById('content').appendChild(document.createElementNS("test", "teST"));
+    document.getElementById('content').appendChild(document.createElementNS("http://www.w3.org/1999/xhtml", "test"));
+    document.getElementById('content').appendChild(document.createElementNS("http://www.w3.org/1999/xhtml", "teST"));
+  }
+  ]]>
+  </script>
+</head>
+<body onload="f();">
+<div id="content"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/507762-1-ref.html b/layout/reftests/bugs/507762-1-ref.html
new file mode 100644
index 0000000000..7b42104f33
--- /dev/null
+++ b/layout/reftests/bugs/507762-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+<span style="background-color: green">text</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/507762-1.html b/layout/reftests/bugs/507762-1.html
new file mode 100644
index 0000000000..9f811e0448
--- /dev/null
+++ b/layout/reftests/bugs/507762-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+@namespace url(test);
+div {
+background-color: red;
+}
+div[mixedCase=true] {
+background-color: green !important;
+}
+</style>
+<script>
+function f() {
+var elem = document.createElementNS("test","div");
+elem.setAttribute("mixedCase",true);
+elem.appendChild(document.createTextNode("text"));
+document.getElementsByTagName("body")[0].appendChild(elem); }
+</script>
+</head>
+<body onload="f();">
+</body>
+</html>
diff --git a/layout/reftests/bugs/507762-2-ref.html b/layout/reftests/bugs/507762-2-ref.html
new file mode 100644
index 0000000000..44a399f66e
--- /dev/null
+++ b/layout/reftests/bugs/507762-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+<div style="background-color: green">text</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/507762-2.html b/layout/reftests/bugs/507762-2.html
new file mode 100644
index 0000000000..f840a47e66
--- /dev/null
+++ b/layout/reftests/bugs/507762-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+background-color: red;
+}
+div[mixedCase=true] {
+background-color: green !important;
+}
+</style>
+<script>
+function f() {
+var elem = document.createElement("div");
+elem.setAttribute("mixedcase",true);
+elem.appendChild(document.createTextNode("text"));
+document.getElementsByTagName("body")[0].appendChild(elem); }
+</script>
+</head>
+<body onload="f();">
+</body>
+</html>
diff --git a/layout/reftests/bugs/507762-3.html b/layout/reftests/bugs/507762-3.html
new file mode 100644
index 0000000000..ce4c7ab8e9
--- /dev/null
+++ b/layout/reftests/bugs/507762-3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+@namespace url(test);
+div {
+background-color: green;
+}
+div[dir=RTL ] 
+{background-color: red !important;
+}
+</style>
+<script>
+function f() {
+var elem = document.createElementNS("test","div");
+elem.setAttribute("dir","rtl");
+elem.appendChild(document.createTextNode("text"));
+document.getElementsByTagName("body")[0].appendChild(elem); }
+</script>
+</head>
+<body onload="f();">
+</body>
+</html>
diff --git a/layout/reftests/bugs/507762-4.html b/layout/reftests/bugs/507762-4.html
new file mode 100644
index 0000000000..5c91e2bdc1
--- /dev/null
+++ b/layout/reftests/bugs/507762-4.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+background-color: red;
+}
+div[dir=ltr] 
+{background-color: green !important;
+}
+</style>
+<script>
+function f() {
+var elem = document.createElement("div");
+elem.setAttribute("dir","LTR");
+elem.appendChild(document.createTextNode("text"));
+document.getElementsByTagName("body")[0].appendChild(elem); }
+</script>
+</head>
+<body onload="f();">
+</body>
+</html>
diff --git a/layout/reftests/bugs/508919-1-ref.xhtml b/layout/reftests/bugs/508919-1-ref.xhtml
new file mode 100644
index 0000000000..2cf718a41d
--- /dev/null
+++ b/layout/reftests/bugs/508919-1-ref.xhtml
@@ -0,0 +1,10 @@
+<html xmlns="http://www.w3.org/1999/xhtml" style="border-color: black">
+  <head>
+    <style>
+      html { color: black; border-width: 10px; border-style: solid; }
+    </style>
+  </head>
+  <body>
+    <html style="border-color: green;">Test</html>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/508919-1.xhtml b/layout/reftests/bugs/508919-1.xhtml
new file mode 100644
index 0000000000..57e7cdf576
--- /dev/null
+++ b/layout/reftests/bugs/508919-1.xhtml
@@ -0,0 +1,19 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <style>
+      html { color: black; border-color: inherit; border-width: 10px;
+             border-style: solid; }
+    </style>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          document.getElementById("x").removeAttribute("style");
+          document.documentElement.className = "";
+        },
+        false);
+    </script>
+  </head>
+  <body style="border-color: green;">
+    <html id="x" style="display:none">Test</html>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/509155-1-ref.xhtml b/layout/reftests/bugs/509155-1-ref.xhtml
new file mode 100644
index 0000000000..1c468a7348
--- /dev/null
+++ b/layout/reftests/bugs/509155-1-ref.xhtml
@@ -0,0 +1,10 @@
+<html xmlns="http://www.w3.org/1999/xhtml" style="outline-color: black;">
+  <head>
+    <style>
+      html { color: black; outline-width: 10px; outline-style: solid; }
+    </style>
+  </head>
+  <body>
+    <html style="outline-color: green;">Test</html>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/509155-1.xhtml b/layout/reftests/bugs/509155-1.xhtml
new file mode 100644
index 0000000000..a6d020fb75
--- /dev/null
+++ b/layout/reftests/bugs/509155-1.xhtml
@@ -0,0 +1,19 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <style>
+      html { color: black; outline-color: inherit; outline-width: 10px;
+             outline-style: solid; }
+    </style>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          document.getElementById("x").removeAttribute("style");
+          document.documentElement.className = "";
+        },
+        false);
+    </script>
+  </head>
+  <body style="outline-color: green;">
+    <html id="x" style="display: none">Test</html>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/512410-ref.html b/layout/reftests/bugs/512410-ref.html
new file mode 100644
index 0000000000..ccf2123b07
--- /dev/null
+++ b/layout/reftests/bugs/512410-ref.html
@@ -0,0 +1,17 @@
+<html><head>
+<title>Bug 506481 -  selected item not showing in listbox box</title>
+</head><body>
+<select multiple="multiple">
+<option>option 0</option><option>option 1</option><option>option 2</option><option>option 3</option><option>option 4</option><option>option 5</option><option>option 6</option><option>option 7</option><option>option 8</option><option>option 9</option><option>option 10</option><option>option 11</option><option>option 12</option><option>option 13</option><option>option 14</option><option>option 15</option><option>option 16</option><option>option 17</option><option>option 18</option><option>option 19</option><option>option 20</option><option>option 21</option><option>option 22</option><option>option 23</option><option>option 24</option><option>option 25</option><option>option 26</option><option>option 27</option><option>option 28</option><option>option 29</option><option>option 30</option><option>option 31</option><option>option 32</option><option>option 33</option><option>option 34</option><option>option 35</option><option>option 36</option><option>option 37</option><option>option 38</option><option>option 39</option><option>option 40</option><option>option 41</option><option>option 42</option><option>option 43</option><option>option 44</option><option>option 45</option><option>option 46</option><option>option 47</option><option>option 48</option><option>option 49</option><option>option 50</option>
+</select>
+<select multiple="multiple">
+<option>option 0</option><option>option 1</option><option>option 2</option><option>option 3</option><option>option 4</option><option>option 5</option><option>option 6</option><option>option 7</option><option>option 8</option><option>option 9</option><option>option 10</option><option>option 11</option><option>option 12</option><option>option 13</option><option>option 14</option><option>option 15</option><option>option 16</option><option>option 17</option><option>option 18</option><option>option 19</option><option>option 20</option><option>option 21</option><option>option 22</option><option>option 23</option><option>option 24</option><option>option 25</option><option>option 26</option><option>option 27</option><option>option 28</option><option>option 29</option><option>option 30</option><option>option 31</option><option>option 32</option><option>option 33</option><option>option 34</option><option>option 35</option><option>option 36</option><option>option 37</option><option>option 38</option><option>option 39</option><option>option 40</option><option>option 41</option><option>option 42</option><option>option 43</option><option>option 44</option><option>option 45</option><option>option 46</option><option>option 47</option><option>option 48</option><option>option 49</option><option>option 50</option>
+</select>
+
+<script>
+var sel = document.getElementsByTagName('select')
+sel[0].selectedIndex=50
+sel[1].selectedIndex=50
+document.body.offsetHeight;
+</script>
+</body></html>
diff --git a/layout/reftests/bugs/512410.html b/layout/reftests/bugs/512410.html
new file mode 100644
index 0000000000..ce41c78e33
--- /dev/null
+++ b/layout/reftests/bugs/512410.html
@@ -0,0 +1,10 @@
+<html><head>
+<title>Bug 506481 -  selected item not showing in listbox box</title>
+</head><body>
+<select multiple="multiple"><script>document.body.offsetHeight;</script>
+<option>option 0</option><option>option 1</option><option>option 2</option><option>option 3</option><option>option 4</option><option>option 5</option><option>option 6</option><option>option 7</option><option>option 8</option><option>option 9</option><option>option 10</option><option>option 11</option><option>option 12</option><option>option 13</option><option>option 14</option><option>option 15</option><option>option 16</option><option>option 17</option><option>option 18</option><option>option 19</option><option>option 20</option><option>option 21</option><option>option 22</option><option>option 23</option><option>option 24</option><option>option 25</option><option>option 26</option><option>option 27</option><option>option 28</option><option>option 29</option><option>option 30</option><option>option 31</option><option>option 32</option><option>option 33</option><option>option 34</option><option>option 35</option><option>option 36</option><option>option 37</option><option>option 38</option><option>option 39</option><option>option 40</option><option>option 41</option><option>option 42</option><option>option 43</option><option>option 44</option><option>option 45</option><option>option 46</option><option>option 47</option><option>option 48</option><option>option 49</option><option selected>option 50</option>
+</select>
+<select multiple="multiple"><script></script>
+<option>option 0</option><option>option 1</option><option>option 2</option><option>option 3</option><option>option 4</option><option>option 5</option><option>option 6</option><option>option 7</option><option>option 8</option><option>option 9</option><option>option 10</option><option>option 11</option><option>option 12</option><option>option 13</option><option>option 14</option><option>option 15</option><option>option 16</option><option>option 17</option><option>option 18</option><option>option 19</option><option>option 20</option><option>option 21</option><option>option 22</option><option>option 23</option><option>option 24</option><option>option 25</option><option>option 26</option><option>option 27</option><option>option 28</option><option>option 29</option><option>option 30</option><option>option 31</option><option>option 32</option><option>option 33</option><option>option 34</option><option>option 35</option><option>option 36</option><option>option 37</option><option>option 38</option><option>option 39</option><option>option 40</option><option>option 41</option><option>option 42</option><option>option 43</option><option>option 44</option><option>option 45</option><option>option 46</option><option>option 47</option><option>option 48</option><option>option 49</option><option selected>option 50</option>
+</select>
+</body></html>
diff --git a/layout/reftests/bugs/512631-1-ref.html b/layout/reftests/bugs/512631-1-ref.html
new file mode 100644
index 0000000000..17cf98e15e
--- /dev/null
+++ b/layout/reftests/bugs/512631-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<style type="text/css">
+html {
+	color: rgb(10,10,10);
+	background: rgb(150,150,150);
+	
+	font-family:sans-serif;
+	}
+ul, li { display: block; }
+a {display:block; float:left; width:100px; height:50px; text-align:center; background: #ccc;}
+
+</style>
+
+<title>test</title>
+</head>
+<body>
+<ul>
+<li><a href="/">abc</a></li>
+<li><a href="/">abc</a></li>
+<li><a href="/">abc</a></li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/512631-1.html b/layout/reftests/bugs/512631-1.html
new file mode 100644
index 0000000000..d35b019d08
--- /dev/null
+++ b/layout/reftests/bugs/512631-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<style type="text/css">
+html {
+	color: rgb(10,10,10);
+	background: rgb(150,150,150);
+	
+	font-family:sans-serif;
+	}
+ul {list-style:none;}
+a {display:block; float:left; width:100px; height:50px; text-align:center; background: #ccc;}
+
+</style>
+
+<title>test</title>
+</head>
+<body>
+<ul>
+<li><a href="/">abc</a></li>
+<li><a href="/">abc</a></li>
+<li><a href="/">abc</a></li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/513153-1-ref.html b/layout/reftests/bugs/513153-1-ref.html
new file mode 100644
index 0000000000..506af83534
--- /dev/null
+++ b/layout/reftests/bugs/513153-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <form>
+    <input type="submit" name="foo" value="foo" style="font-size: 3em; color: green;">
+    <input type="image" name="bar" value="bar" style="color: purple;">
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/513153-1a.html b/layout/reftests/bugs/513153-1a.html
new file mode 100644
index 0000000000..d8ccea9770
--- /dev/null
+++ b/layout/reftests/bugs/513153-1a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <style>
+    input { color: purple; }
+    :default { font-size: 3em; color: green; }
+  </style>
+  <script type="text/javascript">
+    function boom()
+    {
+      var toRemove = document.getElementById("toremove");
+      toRemove.remove();
+      document.documentElement.className = "";
+    }
+    window.addEventListener("MozReftestInvalidate", boom);
+  </script>
+</head>
+<body>
+  <form>
+    <span id="toremove">
+      <input type="submit">
+      <input type="submit">
+    </span>
+    <input type="submit" name="foo" value="foo">
+    <input type="image" name="bar" value="bar">
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/513153-1b.html b/layout/reftests/bugs/513153-1b.html
new file mode 100644
index 0000000000..48149852d4
--- /dev/null
+++ b/layout/reftests/bugs/513153-1b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <style>
+    input { color: purple; }
+    :default { font-size: 3em; color: green; }
+  </style>
+  <script type="text/javascript">
+    function boom()
+    {
+      var toRemove = document.getElementById("toremove");
+      toRemove.remove();
+      document.documentElement.className = "";
+    }
+    window.addEventListener("MozReftestInvalidate", boom);
+  </script>
+</head>
+<body>
+  <form>
+    <span id="toremove">
+      <input type="image">
+      <input type="image">
+    </span>
+    <input type="submit" name="foo" value="foo">
+    <input type="image" name="bar" value="bar">
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/513153-2-ref.html b/layout/reftests/bugs/513153-2-ref.html
new file mode 100644
index 0000000000..198d022c6e
--- /dev/null
+++ b/layout/reftests/bugs/513153-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <form>
+    <input type="image" name="bar" value="bar" style="font-size: 3em; color: green;">
+    <input type="submit" name="foo" value="foo" style="color: purple">
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/513153-2a.html b/layout/reftests/bugs/513153-2a.html
new file mode 100644
index 0000000000..dbab3e9e1e
--- /dev/null
+++ b/layout/reftests/bugs/513153-2a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <style>
+    input { color: purple; }
+    :default { font-size: 3em; color: green; }
+  </style>
+  <script type="text/javascript">
+    function boom()
+    {
+      var toRemove = document.getElementById("toremove");
+      toRemove.remove();
+      document.documentElement.className = "";
+    }
+    window.addEventListener("MozReftestInvalidate", boom);
+  </script>
+</head>
+<body>
+  <form>
+    <span id="toremove">
+      <input type="submit">
+      <input type="submit">
+    </span>
+    <input type="image" name="bar" value="bar">
+    <input type="submit" name="foo" value="foo">
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/513153-2b.html b/layout/reftests/bugs/513153-2b.html
new file mode 100644
index 0000000000..1257a4f591
--- /dev/null
+++ b/layout/reftests/bugs/513153-2b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <style>
+    input { color: purple; }
+    :default { font-size: 3em; color: green; }
+  </style>
+  <script type="text/javascript">
+    function boom()
+    {
+      var toRemove = document.getElementById("toremove");
+      toRemove.remove();
+      document.documentElement.className = "";
+    }
+    window.addEventListener("MozReftestInvalidate", boom);
+  </script>
+</head>
+<body>
+  <form>
+    <span id="toremove">
+      <input type="image">
+      <input type="image">
+    </span>
+    <input type="image" name="bar" value="bar">
+    <input type="submit" name="foo" value="foo">
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/513318-1-ref.xhtml b/layout/reftests/bugs/513318-1-ref.xhtml
new file mode 100644
index 0000000000..40b12a6074
--- /dev/null
+++ b/layout/reftests/bugs/513318-1-ref.xhtml
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+<window title="XUL Layout"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+</window>
diff --git a/layout/reftests/bugs/513318-1.xhtml b/layout/reftests/bugs/513318-1.xhtml
new file mode 100644
index 0000000000..a1b758629c
--- /dev/null
+++ b/layout/reftests/bugs/513318-1.xhtml
@@ -0,0 +1,51 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+<window title="XUL Layout"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+    <vbox style="overflow:auto; height:100px">
+		<hbox style="visibility:collapse">
+			<label>
+				<label value="0"/>
+				<label value="1"/>
+				<label value="2"/>
+				<label value="3"/>
+				<label value="4"/>
+				<label value="5"/>
+				<label value="6"/>
+				<label value="7"/>
+				<label value="8"/>
+				<label value="9"/>
+				<label value="0"/>
+				<label value="1"/>
+				<label value="2"/>
+				<label value="3"/>
+				<label value="4"/>
+				<label value="5"/>
+				<label value="6"/>
+				<label value="7"/>
+				<label value="8"/>
+				<label value="9"/>
+				<label value="0"/>
+				<label value="1"/>
+				<label value="2"/>
+				<label value="3"/>
+				<label value="4"/>
+				<label value="5"/>
+				<label value="6"/>
+				<label value="7"/>
+				<label value="8"/>
+				<label value="9"/>
+				<label value="0"/>
+				<label value="1"/>
+				<label value="2"/>
+				<label value="3"/>
+				<label value="4"/>
+				<label value="5"/>
+				<label value="6"/>
+				<label value="7"/>
+				<label value="8"/>
+				<label value="9"/>
+			</label>
+		</hbox>
+	</vbox>
+</window>
diff --git a/layout/reftests/bugs/513318-2-ref.xhtml b/layout/reftests/bugs/513318-2-ref.xhtml
new file mode 100644
index 0000000000..647545792d
--- /dev/null
+++ b/layout/reftests/bugs/513318-2-ref.xhtml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+<window title="XUL Layout"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+    <vbox style="overflow:auto; height:200px">
+		<html:span style="color:blue;">Hello Kitty</html:span>
+	</vbox>
+</window>
diff --git a/layout/reftests/bugs/513318-2.xhtml b/layout/reftests/bugs/513318-2.xhtml
new file mode 100644
index 0000000000..db5fb89fca
--- /dev/null
+++ b/layout/reftests/bugs/513318-2.xhtml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+<window title="XUL Layout"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+    <vbox style="overflow:auto; height:200px">
+		<html:span style="color:blue; position:relative">Hello Kitty<html:span style="position: absolute; top: 300px; left: 0">should not appear</html:span></html:span>
+	</vbox>
+</window>
diff --git a/layout/reftests/bugs/514917-1-ref.html b/layout/reftests/bugs/514917-1-ref.html
new file mode 100644
index 0000000000..63c93580d5
--- /dev/null
+++ b/layout/reftests/bugs/514917-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 514917</title>
+<style type="text/css">
+
+body > div > div {
+  width: 100px;
+  height: 100px;
+  box-shadow: blue 50px 50px;
+}
+
+body > div > div > div {
+  width: 160px;
+  height: 160px;
+  border: medium solid;
+}
+
+</style>
+<body>
+<div><div><div></div></div></div>
+</body>
diff --git a/layout/reftests/bugs/514917-1.html b/layout/reftests/bugs/514917-1.html
new file mode 100644
index 0000000000..5f7ec084a1
--- /dev/null
+++ b/layout/reftests/bugs/514917-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 514917</title>
+<style type="text/css">
+
+body > div {
+  overflow: auto; /* to detect too much overflow, which is the bug here */
+  width: 200px;
+  height: 200px;
+}
+
+body > div > div {
+  width: 100px;
+  height: 100px;
+  box-shadow: blue 50px 50px;
+}
+
+body > div > div > div {
+  width: 160px;
+  height: 160px;
+  border: medium solid;
+}
+
+</style>
+<body>
+<div><div><div></div></div></div>
+</body>
diff --git a/layout/reftests/bugs/518172-1a.html b/layout/reftests/bugs/518172-1a.html
new file mode 100644
index 0000000000..9054fdbc8d
--- /dev/null
+++ b/layout/reftests/bugs/518172-1a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 518172</title>
+<style type="text/css">
+
+@font-face {
+  font-family: "MarkA";
+  src: url(../fonts/markA.ttf);
+}
+
+html, body { margin: 0; padding: 0; }
+body { font: 200px/200px MarkA; }
+div#one { width: 200px; height:200px; padding: 100px;
+          transform: rotate(90deg); }
+
+div.box { background: green; position: absolute; }
+
+</style>
+<div id="one">A</div>
+
+<!-- draw green boxes slightly larger (2px extra) than the area that should
+     be covered by the font -->
+<div class="box" style="top: 118px; left: 118px; width: 44px; height: 264px;"></div>
+<div class="box" style="top: 158px; left: 178px; width: 44px; height: 184px;"></div>
+<div class="box" style="top: 198px; left: 238px; width: 44px; height: 104px;"></div>
diff --git a/layout/reftests/bugs/518172-1b.html b/layout/reftests/bugs/518172-1b.html
new file mode 100644
index 0000000000..8a439b2e75
--- /dev/null
+++ b/layout/reftests/bugs/518172-1b.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 518172</title>
+<style type="text/css">
+
+@font-face {
+  font-family: "MarkA";
+  src: url(../fonts/markA.ttf);
+}
+
+html, body { margin: 0; padding: 0; }
+body { font: 200px/200px MarkA; }
+div#one { width: 200px; height:200px; padding: 100px;
+          transform: rotate(90deg); }
+
+div.box { background: red; position: absolute; }
+
+</style>
+<!-- draw red boxes slightly larger (2px extra) than the area that should
+     be covered by the font -->
+<div class="box" style="top: 122px; left: 122px; width: 36px; height: 256px;"></div>
+<div class="box" style="top: 162px; left: 182px; width: 36px; height: 176px;"></div>
+<div class="box" style="top: 202px; left: 242px; width: 36px; height: 96px;"></div>
+
+<div id="one">A</div>
diff --git a/layout/reftests/bugs/518172-2a.html b/layout/reftests/bugs/518172-2a.html
new file mode 100644
index 0000000000..c168e766e7
--- /dev/null
+++ b/layout/reftests/bugs/518172-2a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 518172</title>
+<style type="text/css">
+
+@font-face {
+  font-family: "MarkA";
+  src: url(../fonts/markA.ttf);
+}
+
+html, body { margin: 0; padding: 0; }
+body { font: 200px/200px MarkA; }
+div#one { width: 200px; height:200px; padding: 100px;
+          transform: rotate(90deg); }
+div#two { color: transparent; }
+
+div.box { background: green; position: absolute; }
+
+</style>
+<div id="one">A</div><div id="two">A</div>
+
+<!-- draw green boxes slightly larger (2px extra) than the area that should
+     be covered by the font -->
+<div class="box" style="top: 118px; left: 118px; width: 44px; height: 264px;"></div>
+<div class="box" style="top: 158px; left: 178px; width: 44px; height: 184px;"></div>
+<div class="box" style="top: 198px; left: 238px; width: 44px; height: 104px;"></div>
diff --git a/layout/reftests/bugs/518172-2b.html b/layout/reftests/bugs/518172-2b.html
new file mode 100644
index 0000000000..5e85781963
--- /dev/null
+++ b/layout/reftests/bugs/518172-2b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 518172</title>
+<style type="text/css">
+
+@font-face {
+  font-family: "MarkA";
+  src: url(../fonts/markA.ttf);
+}
+
+html, body { margin: 0; padding: 0; }
+body { font: 200px/200px MarkA; }
+div#one { width: 200px; height:200px; padding: 100px;
+          transform: rotate(90deg); }
+div#two { color: transparent; }
+
+div.box { background: red; position: absolute; }
+
+</style>
+<!-- draw red boxes slightly larger (2px extra) than the area that should
+     be covered by the font -->
+<div class="box" style="top: 122px; left: 122px; width: 36px; height: 256px;"></div>
+<div class="box" style="top: 162px; left: 182px; width: 36px; height: 176px;"></div>
+<div class="box" style="top: 202px; left: 242px; width: 36px; height: 96px;"></div>
+
+<div id="one">A</div><div id="two">A</div>
diff --git a/layout/reftests/bugs/518172-a-ref.html b/layout/reftests/bugs/518172-a-ref.html
new file mode 100644
index 0000000000..ed8a767fc7
--- /dev/null
+++ b/layout/reftests/bugs/518172-a-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 518172</title>
+<style type="text/css">
+
+html, body { margin: 0; padding: 0; }
+div.box { background: green; position: absolute; }
+
+</style>
+
+<!-- draw green boxes slightly larger (2px extra) than the area that should
+     be covered by the font -->
+<div class="box" style="top: 118px; left: 118px; width: 44px; height: 264px;"></div>
+<div class="box" style="top: 158px; left: 178px; width: 44px; height: 184px;"></div>
+<div class="box" style="top: 198px; left: 238px; width: 44px; height: 104px;"></div>
diff --git a/layout/reftests/bugs/518172-b-ref.html b/layout/reftests/bugs/518172-b-ref.html
new file mode 100644
index 0000000000..b1ef557e98
--- /dev/null
+++ b/layout/reftests/bugs/518172-b-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 518172</title>
+<style type="text/css">
+
+@font-face {
+  font-family: "MarkA";
+  src: url(../fonts/markA.ttf);
+}
+
+html, body { margin: 0; padding: 0; }
+body { font: 200px/200px MarkA; }
+div#one { width: 200px; height:200px; padding: 100px;
+          transform: rotate(90deg); }
+
+</style>
+<div id="one">A</div>
+
diff --git a/layout/reftests/bugs/520421-1-ref.html b/layout/reftests/bugs/520421-1-ref.html
new file mode 100644
index 0000000000..62917b5810
--- /dev/null
+++ b/layout/reftests/bugs/520421-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="background-color: green">text</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/520421-1.html b/layout/reftests/bugs/520421-1.html
new file mode 100644
index 0000000000..399a89e50e
--- /dev/null
+++ b/layout/reftests/bugs/520421-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      div {
+        background-color: red;
+      }
+      div[mixedCase=true] {
+        background-color: green !important;
+      }
+    </style>
+    <script>
+      function f() {
+        document.getElementById("t").setAttribute("mixedCase", "true");
+        document.documentElement.className = "";
+      }
+      window.addEventListener("MozReftestInvalidate", f);
+    </script>
+  </head>
+  <body>
+    <div id="t">text</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/520563-1-ref.xhtml b/layout/reftests/bugs/520563-1-ref.xhtml
new file mode 100644
index 0000000000..c62488e428
--- /dev/null
+++ b/layout/reftests/bugs/520563-1-ref.xhtml
@@ -0,0 +1,6 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <body style="color:green">
+    <div>Test</div>
+    <div>Test</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/520563-1.xhtml b/layout/reftests/bugs/520563-1.xhtml
new file mode 100644
index 0000000000..fc3fc2b675
--- /dev/null
+++ b/layout/reftests/bugs/520563-1.xhtml
@@ -0,0 +1,14 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      @namespace foo "test";
+      div { color: green; }
+      div[xml|lang="foo"] { color: red; }
+      div[xmlns|lang="foo"] { color: red; }
+    </style>
+  </head>
+  <body>
+    <div xml:lang="foo">Test</div>
+    <div xmlns:lang="foo">Test</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/521525-1-ref.html b/layout/reftests/bugs/521525-1-ref.html
new file mode 100644
index 0000000000..6cdf049e9a
--- /dev/null
+++ b/layout/reftests/bugs/521525-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<form><fieldset></fieldset></form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/521525-1.html b/layout/reftests/bugs/521525-1.html
new file mode 100644
index 0000000000..82af745995
--- /dev/null
+++ b/layout/reftests/bugs/521525-1.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body onload="document.getElementById('f').style.removeProperty('height');">
+<form><fieldset id="f" style="height: 200px;"></fieldset></form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/521525-2-ref.html b/layout/reftests/bugs/521525-2-ref.html
new file mode 100644
index 0000000000..a7f8ef488f
--- /dev/null
+++ b/layout/reftests/bugs/521525-2-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<div><div style="height: 100%; background: green"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/521525-2.html b/layout/reftests/bugs/521525-2.html
new file mode 100644
index 0000000000..6ffdd97efe
--- /dev/null
+++ b/layout/reftests/bugs/521525-2.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body onload="document.getElementById('f').style.removeProperty('height');">
+<div id="f" style="height: 200px;"><div style="height: 100%; background: green"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/521539-1-ref.html b/layout/reftests/bugs/521539-1-ref.html
new file mode 100644
index 0000000000..96c5cf5bd7
--- /dev/null
+++ b/layout/reftests/bugs/521539-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<input type="file">
+</body>
+</html>
diff --git a/layout/reftests/bugs/521539-1.html b/layout/reftests/bugs/521539-1.html
new file mode 100644
index 0000000000..4ab25cda9d
--- /dev/null
+++ b/layout/reftests/bugs/521539-1.html
@@ -0,0 +1,5 @@
+<html>
+<body onload="document.getElementById('f').style.height = '';">
+<input id="f" type="file" style="height: 0;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/521542-1-ref.xhtml b/layout/reftests/bugs/521542-1-ref.xhtml
new file mode 100644
index 0000000000..43c82db018
--- /dev/null
+++ b/layout/reftests/bugs/521542-1-ref.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head></head>
+
+<body>
+
+<table id="table">
+  BeginningOfTable
+  <tbody>
+    <tr>
+      <td>Cell</td>
+    </tr>
+  </tbody>
+  <span></span>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/521542-1.xhtml b/layout/reftests/bugs/521542-1.xhtml
new file mode 100644
index 0000000000..79b0b4cd49
--- /dev/null
+++ b/layout/reftests/bugs/521542-1.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head></head>
+
+<body onload="document.getElementById('table').firstChild.data = ' BeginningOfTable ';">
+
+<table id="table">
+
+  <tbody>
+    <tr>
+      <td>Cell</td>
+    </tr>
+  </tbody>
+  <span></span>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/521602-ref.html b/layout/reftests/bugs/521602-ref.html
new file mode 100644
index 0000000000..0e0c9a39e0
--- /dev/null
+++ b/layout/reftests/bugs/521602-ref.html
@@ -0,0 +1,4 @@
+<body>
+<div style="outline: 1px solid black">
+<img>
+</div>
diff --git a/layout/reftests/bugs/521602.html b/layout/reftests/bugs/521602.html
new file mode 100644
index 0000000000..4ef57ea9c8
--- /dev/null
+++ b/layout/reftests/bugs/521602.html
@@ -0,0 +1,5 @@
+<body onload="document.getElementById('i').removeAttribute('src');">
+<div style="outline: 1px solid black">
+<!-- FIXME: alt=" " is a workaround for bug 1505657 -->
+<img id="i" alt=" " src="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%C8%00%00%00%C8%04%03%00%00%00_v%B3%AD%00%00%000PLTE%9D%0B%08%1F%20%1E231%3F%40%3EOQNefdnpm%7F%81~%97%99%96%9F%A1%9E%AE%B0%AD%CC%CE%CB%DE%E0%DD%FE%FF%FC%00%01%00%0F%11%0Di%C4%2B%A9%00%00%00%01tRNS%00%40%E6%D8%0f%00%00%00%01bKGD%00%88%05%1DH%00%00%00%10acTl%00%00%00%0B%00%00%00%00_v%B3%ADi%C4%2B%A9%0D%7Biv%00%00%09RIDATx%9C%ED%9C%7Dl%1Bg%1D%C7%7F%8E%ED8%CE%F9r%99x%1B*k3%95n%7Ft%0D%A1%A1%A4UI%14Q%10%8C%0D%16%A6%F1%07bJ%B32%40%1A%D2%9A%B5%EB%3A%A8%D6%1A1i%7FtL%E9%10%FFP%91%1A%A11%ED%0F2%B7i%95i%DE%1C%0B%26U%02%AD%98l%EAx%99%8A%9Bvi%DAd%97g%0C%8DVE9%9E%B7%7B%B3%EF.%CFs%F6y%DA%C8%CF9%FB%9E%97%BB%CF%3Do%DF%E7wO%7C%06%A8%B6%0E%C7%FEO%BF%C0%3E%2B5%B9%EA4'%A4%D8%D3%18%88%5Em%B3%8E%C4%EE%9CO%269%0B%BC%80%D6%A5%7C%9DE%10%B0%89%BD%D1CR%FF%8AG%0Fi%D1%9BP%12(%9Ch%02%04%3A%1A%04%09%3CM%B1!%90'%E0p%D0y%8A%8D%60(w%C0%9B%D7%03%D2%CF%EC%2F%D5%0FI%E2b%7C%2B%20%3D%B1%3CR%3F%24%8E%B7%23%F5%9FfeHC%EA%3D%C8%12%B8%BA~%135%24%DD%03%E5%AFF%0DQ7%C0rO%E8%A3%DBG%C5%F2%BD%0Ec%A1%19%B0%7B%BBX%BEc0%18%9A%A1%5C%FF%7DI%24_r%00%A4j%EB~%A7%3C%A4%86~%FB5%91%83~%B2S%0A2%F3%C0%0F%1D%A1D%EE%D5%1D%02%07)%0B%EB%E1%AA%04%E4qx%C5%11Jf%D5%B7%04%0E%8A%0D-%C0%F4%9D%E2%90%EDp%0EZ%07%CDP%BA%A7mA%E0%A0%F1%3Fu%822%F0ia%C8%1Dp(%F3%99%9C%19%CA%CC%1D%12%E9%C3%3B%D2r%83%E4%E7Ss%CFo%B4B%F1%E1%1F%8B%1Ct)5%24%C3P%EF%D37%5C%B3%83%FB%9E%12%99%D2%94%2B)%C11%CB%2Cq%B1w%5B%D9%0E%F6%AC%13%19%C8%CA%A2%24d%D1%19j%BFsN%A4%1E%14%24%07%99%D0%9D%C3%24%F9%E8%8D%5D%02%07%A9y%0C)%BC%2C%CAP%8D%D3%CB%B7%DB%CD%10%7Bv%7BE%E8%B8%D4w%40_%1A%14%84%A4%16%E0%AFw%CD%DEk%06%3B%A6%FAE%86%09%40%9B%0E%1BAPK!F%DAy*k%06%8BS%5D%97%C4%0E%9C%04%ED%85M%82%90Iw%B08U%E9%15%3C%12%E2%FF.%AF%9C%89%DA%14%C0%1F%0F8%20%85%C5%DD%A2%90%E7%07Es%9E%84_%9F%DF%60%07%CF%E4%173%A2%87%BE%2B%DC%8B%13%BB%B6%E6%1DU%D6%D2%BF%BE%E4%97%F5%25%D5%99t%02%DE%10%86%A8%FB%B6%FCj%AF3b%E6%B2O%CEV%FD%9B%D9%87%0Ffy%E8%95K%10%CF%89B%C4%ED%E0%93kwe%E3%5C%0F%D2%E7%F3pN%B4%DD%25l%1E%BAg!1%C2%02%1D%FD%00%BFh%3C%03%DEV%DE%99-'x%3B%A4%AE%00%049%F5am%B1u%EF%DA%B1%E9%2C%0F%3D%9E%86%91%08%20%0B%DAk%5B%F4Y%AB%1D%C6%23%40%00%7C%F9%A1%13%07%E6%BB%CCP%E6%3F%91%40%5E%D7%F5%BE%CB%D6%B8Mv%06%DF3%86%B4%17t%5D_%3A%96%E5!%AD%0F%A4fyA%D37%8D%8F%8E%FFm%9E7J%FB%8E%DA%B5%99J%FD%90K%AFI%2C%E0%84%86t%E0%B9%1D%94R%24'7%EDZ%C7%CAy%EA%B7%F7%05%12E%C3C%BC%09%0D%BFj%AB%B6j%0D4%03Id%C6y5y%84%06%12%0C%24%93%B9%E9%10%8DT%17%02%03%0C%03%13I%5D%E0%18%12%89%0C%92%8Ew4%BE%917D3%19%B2%10zq%F8%94%1A%D28%84%9D%1C%0C%8D7%80%C1_%F4ZH6%E9%E2%D8%10%00%C4%20%C8%8C%E7%10D%03l%8Ff%0C%09%D1%B4*%08%AE%3B%D6%00%B8%9A%0C%C3%A0%9B%05%09Y%5D%1A%3D%BD%0D%D1%CC%92%D8E%05%1B%02%B2e%E1%10%DC%9E%B4U%C85%1A%24%D6%B0!%3C%CE%0D%91%C2%F0%1AF%B4%86p%BB%02%EF%5Df%9B%D0%9Ee%D0%8D%D4%1D%85%90%FD0%7DY%F6%98%10%C3%1E%B4p%83L%C0J%F6%AElw%11%B7f%FC%1B%EB%FD5%EFF%8D%AC%D5%82%20!%D4%25Z%88F%86%BA%C1%86%B2%C6D_%A3C%90%C9%B2)%F9d%18%D2%D1jP9%23%8A%AF%89O%A9%9A%25!H%B3%F4%98%08%3BW%19%A6%F1Ts%90%C6%B5%07%D84%20U%12%AE%E5%F4hS%CB5%06A%A6%B6%819%178%B4KfJ5%5C%10*%FAD%D8%11BL%E5%5D%10%83H%3F%92%87%A0*%88y%F1%A4%FAL%95w%96%C2%9A%D0%24%20%06%B2%9B%00%98%E8%5B%CD%C0%E7%5C%ABMX%B3%85%80h%5C%CF%11%BFLD%3D%056%BF%D0%1D%C4.%C5%EC%5Df_%94r%D8%C2%88%B6%B4E'%C0%B6E7%93%ACZc%8Du%5B%AA%87d%DC%D0%DE%1B%19%04%8F%15%EE%86%D7%D7%3FL%99%A7%E2M%AFY%A3%0A%C5%05%07%19a%9C%DF*%E3%9Aj%EB%06%D1s%AEW4%1E5%10%E2%D6r%13B%D5%98%EExs%F4%0Bb%14%03%F9%40%0C%26%C7%B8%26%03%D4Pt%BDK%F3%830q%C4%82%D8%18%88%E6~%01%9FGp%83%B0%3B%3D%FF%DE%25%061e%DE%D9%BB%D8%9D%22%A2%FD%8BBxl%1D%25%E1%C5%09%25%FA%A2%0D_%17D%CE%9A%02%F9%F0Xuu!%9F%FDp%0A%A3yA%D0%07%15%C2%E4%9Dm%40%BD-%B2P%C3g*%EEq%D9%DE%BF%E1%9C%14%C4%98%1Au%0F%C1!%F4%60.%D4P%7F%D1%99%60y%9An%87R%0C%E2%12G%C7B%0D_%C1%B1%12%98%B3_%E5%E0%87%80%B0%5B%1E%06%A1%F3%A3%E5%CB%23%B6%8Ac%03%88%C7%1A%16%82%1C%25%01%2B%91O%C6U%A5%90%818d%9EM%81%F6%8D%17XUop%1F%DF%D9%1E%C2%10%C3p%F6.v%1C%5D%A8%01%E6N%B0%DE%85%98%F7o%B8z%97puy%94%ACA%99%02L%C8%8B%AB%13%22%D6%F3%FF%7F'%05%E9%95%D1P%90%95%D3%EB%BF%17k%0A%C4%1C%8B%88%DF%C2k%C4%8F%A7%1B%5B%BC1%EF%B1%EB2%8D%2B%3DX%8B%CE%86%F5%0Av%1E%E5%20%96%04%3A%97s%EC%AD%B1%10%B3%BA%22%858%A7%26'%A4~%B3%17%CA%18%C4p%BD%04%20g%F5%AF%0B%40%2C%97%9D%2F%D6%BBz%17h%2B%F5%AE%BDpJ%A40Uf%FF'C%C8%AEC%98%C7J%24!%15h%ED%8C%1Cr%13%B4W%E4!%92%F6%BDr%BC'r%C8%99O%0C%0FE%0Ei%BF%B0%24%F2%DD%EB%FALYX%FC%C6H%E4%90%8BC%13b_%5D%0Dk*%FE%5B%CA%17%A3%AD%AF%C4%85%3C%5C%80%89%EEH%FF%A9%14%FF%E5%BB%E5%05%18%9E%0C1%1C%C5-14%BD%06%D4ee%3EJH%1A)7%40%EB%5B%B03J%88%BA%003%A3%E3%A3P%1C%8B%12%F2N%EF%E6%F7.%03%B4t%F1%88(%BEzu%9F%CCC%93am%DDp%B9%3DGv%A2%AC%AEO6%E3%EBpG%9A%019S%FD%80Y%14%0D%1F%FBn%13%1A%3E%CC%F4.m%99%2BM%80%C0%96f%40%8A%A5%26%40%E2%D1%3B%11%003%A2%0Fi%D4c%0F5%81%01%DB%9A%01%F9%F0%7Fcd%D5%3E%80%F6%CC%A9%B1%18%D0_%7B%88n%DESo%82%DBN%12H%E1eYH%06r%829%D3%230%F5m%FCyq%FD%E6%A7%24!%007%0B%8E%CEd%0E%E2X%F6T%3C%1F%3D(%0D%99%F8%AFX%3E%7C%5B%FEg%7C%3D%A9%0A%C09I%D5%98%06%5DP%95%139%20%B5%15%C7%90%8EQ9%C8fxR0gzP!%EEA%82%40%B2r%90%BE%C0TW%B5%7Cq%80%04%DB%B0%E7%D9%91%93%83%7C%3F(Quy6%CA%F1%DE%DE%CF%1F(%DC%06p%7C%AE%2C%059%1E%94X%F5Tp%9C%BE%17%BF%B2%E7%ED%3F%C8%3C%5BM%0E%1C%018%FD%A8%F7%95%25%DD%0D%DCB%DF%D5%FD%3F%C2%D7%B6%D1%2B%BF%9F%A9%F0%B1%F2%D9%8F%3F%5C%EB%F1%3D%87%B7%98%BB%AB%C6%1D%FB%87e%20%00g%AF%DER%F6x%B6%ED%9F%25x%E3%A0%BB%80%F1%9AL%C2%A6%90%DF%A3%F8TMtr%0C%EE%D9%D5%D5(%C8%F4Q%F2%94q-%BBS%E9T%DD%0FE%86%5E%DC%CC%C0%1A%FCn%3F%F3n%DB%B6%B6Q%F8%9C%2B%26%B4%C2%B7%02i%F3X%B66e%FA%F4(%B8%1E%F6%0C_%5D1z%EF%E8%E5%1F%A7o%1D%82%FB%DD%90%B0%DE%D44%7D%FF%92W%D2%D3%F3%2F%5EsE%C4%7F%F7%C4c%A1%20%CF%90%B7%CC%7C%C1%23IY%BB4%E2%8AH%AD%EB%DB%E7u%8E%A9%FD%3F%0B%86%3CBO%A7%EB%9E5%D1%EF%0Ef%0Aw%7B%3E%F5%DAW%B8'%B0%22'u%D8%EA%2Fv%0FTG%A4%0Fz%9D%AD%07%5E%AA%04A%D6%FF%03%F6%F8OZ%8FTG%24%1E%2Cyd%EB%F7%1Ag%0E%23%BF%0F%B0%D57%F5%E9%EA%88%9D%7B%BC%B2%1D%3F%BC3%87%3FR~7%8Ad)%F2%07%BE%90bUM%26%E7o%F7%CA%96%B9%FB%3C%F98r%D2%A7e%F4%1C%A8%FE%0F%FE%9E%CB%B9%C3%C3%A3%DE%F7%E73K%25%DC%7B%E6%8E%FA%2Ci%DF2%00%9F%F5%BF%87%8C%8D%B4%3B%2F%EE%E4u%C5%F34jw%1F%1E%D1%A9%8Ft%FB%2C%D1%1E*%C3%A4%7F%EFJl%DA%B0%DBNM%CD%96%DA%3C%2Fh%E6%BD%03%B8%84'%F2%99%81%C7%DE%F4J%FF%CB%10(%83%BE%90%D4%F9%7CK%D6%0AM%AC%81%96%8F%96js%FD%DD8z%F5%C6%C2%A99%DC%86K%9E%3F%13%82%FB%5E%CD%02%8E%FD%B5)%E52hlYl%A0%26%97%94%E1%CEQuu%B6%A2%AB%CBc%C7XuU%7CK%CB%EC%D9%15%D2k%CC9ml%E7%8FQ%AF%04Y%C1%FE%07o%F8A%AA-%A1%E6%92%00%00%00%19fcTl%00%00%00%00%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02%94'%03%1A%00%00%00%07tIME%07%D7%03%10%13'06*4%98%00%00%09%FAfdAt%00%00%00%01x%9C%ED%9C%7Fl%13%E7%19%C7%1F%9C%B3%7D%B1%CF%17%CARu%A0%8C%98%B6%ACe%A2%FC%A82Z%AD%40L%E3B%60%2Cf%1B%9DhG%87)%EA4%8D%AC%09P%B6I%9D%C6%A5%FCJiJ%A2%89J%FC%01%E5%A0%D34ihN%A7%89U%FBc9%13%83%C2f%E2%AC%B4%1A%D3%D8r%10RX%D7.8%09%E4%97%C3%ED%CE%B1%E3_w%E7%E7%3D%E7%22M%CAW%89%7D%EF%FB%3E%EF%FBy%7D%AF%EF%7D%DF%7B%EE%7D%0D%90%AD%92%B4%E3c%DF%98x%BF%93cU%A0%D2!%11%CF%D4%40%A4l%0D%A4%25V%B6j%18%91I%B7%02%F6%A8P%E0G%40%A8%ED%80%F9%10%FA%0B%94%F9%90%22i%1A%3E%09%84%DB%A7%01%02%25S%04%D1-%262%25%90%E3pB%AF%9C%C8T0%98%AD%F0y%99NzwcW%E1%10%9B%00%F0%7D%9Dtky%7D%E1%10J%FE%3FSx1%F9!Sr%DE%F5d%15%00~o6%C4%E1%01%F1%05%B3!%EC%0A(%F7%18%CE%ED%E4pv%BD%C0%1Bf%C0%AE%8D8%BB%D3%B0%C90%83)%BB%82%BA%8Al%3E%F0%90%94%BBWH%0B%D0%FE%3F%7C%17%93%E9%17%DB%89%20%3D%AF%FF%2C-dm%FD%D7fD%26%26V%01s%09%20%EF%C0%C7i!%5B%0B%7B%0F%91%C9%E2%8FA%F0%25%3Cd%23%F4%81%7D%B2%11%1D%9E%E2%18%22S%E0%9A%1B%18%DFW%D1%90%AD%D0%E0Z%DE%9A%0C%B9%86%1A8D%A6%CD%F2%C5H%A2_v%0C%BD%BFr2D%D5%BD%85%C94L%FBI%18%ECni%C5%BCT%F0%D0)%01%91%89%19%A39%12%88%F5%AEw%83%98%0Az%16%F0%18%C88!d%3C%3D%E4%7Ci%C8%8F%81%CC%26%83%B4I%E9%97%89%ED%CDE%CB%10%99XA%86%84%3B%B1%0C%F6%81%AB%E5%2F%0A%93A%CB%07%1Bq%F3p%BA%16%A4(%B6%F7%A2c%F0%EFo%0E%FC(%19%2C%E9%A8%C1%5C%26%00%C5%12%AC%04d_%0A%16%5E~%E9hI%06%23%1D%CB%86q%19C0%EB%D2j%24%24%94%19%8Ct%DC%F1%22s%02%F5%A0%88%B4%EC%00%F8GS%1A%24%3C%BE%0B%0By%1F%3D%A0%5C%80%DF%F5%AFH%05%BB%85q%176k)%87%B5%B4%EEY%2F%A4%9D%B2%A2%9A%0A%CD1%EB2%9B%9E%D4%0E%B7%D1%10%F6%D0%DA%DF%1EH%8F%E8%19%D5%B0%B4K%2F%B7%1ClN~E%3E%1E%06%AAU%C3RE%CC%B6%91%8Cp%1D%AFn%D7%7Cr%E9%9E%16%CA%3F%11p%F4%0B%D0'%E2!%CA%A5%92%AEnN%D5%8A%1D%81%CA%01%B0%26f%B8%255%00%BF%22%60%00%9Dy%8D%2FW%3F%0B%CC%7Df%CE%80hM%D4%80%1E%03%D0%9B%D4%E7%C86%3B%3D%E4%A8%10%D4!%E3%F6%03K%F9%60%B2M%DEq%00%D1%B4%3D%E8I%0FY%02%EA%1066%EB%E6Zi%40L%86%03%24%08%B0%0FnI%2F%B6M%EBF%EC%3Bo%B47%8DLv%D1%AE%2F%12A%EA%3C%19%C1%DDZ7%04%BD%92T%3D%3Ay%DD%DA%DC%FA%F7%8C%99r%0C%8B%19a%AF%16%E4%92%24I%D1%D3%C96%99U%0D~%3C%C4%16%F5fT%E9%91%C8QU%BBbiu%80%0B%7C%3A%92%A8%92ss%AEoF%AD%FF%D6%F2%CCDU!%F4%F0%CD%7C%0E%9C%92%DC(%0DWT8%D4%A7%1A%EF%1C%96%CB%60%80%D1%99%8E%E3!%EA%B6%B2%E6i%C4O)D3%DETHA%0D%3F%A8%01%A1%08%3Cw3%9A%D1%8Cf4%A3%2C9%1B%09%26%C8%86!%DER%D1%7C%0A%04%B9i%80%D8%3D%D3%00%A1%DD%26%03%AE%5DZ%07%1F%1AwM%A2%C4%94zO%09%DB%04s!%96z%B0%BC%FA%A0%B9%0C%F9%D6%19l%D5%F3a%0A%9Ei%E8H%BE%E9%B0%97%B7%C2%9A%96%FC%A6%C6UR%0F%1F%0E%C9S-%A4%E3%C4%98%1C%83%87%97%0B%00%C3%CBE3)%17%7C%FDr%83%BC%10!%FF%16%B3%AF-F%DB%B6y%FD%F2%AD%B7%7D%24%AFa%B6%ECo%7F%0Bm%DB%F07%B9%FC%EB%FF%5Dpm3Y%E3%3B%7F%0D%01%1Ek%FC44%D7%82%7DYd%CD%A0%88'%1C%F0z%2Bc%40qHs%D7%7D%F9%AE%AF%C2%5B%E6(%F7%E3%190%B6M%AA%1D%03%3B%16R%2C%B7%F8%ED%A5%D1!%F8%8C%E4%82%F4%F5%BF%0D%83%C2u%01i%5E4%D1%12%01%A2%06q%CE%A9%07%B8W%8Ey%0C%11W%F7Dm%AC8_iB%96%A62%0E%C6%F0%F6%FB%26%DE%98%BB%24%90%12%08%B8a%1D%DE%FE%91%C4%7B%A5H%00)%E2%B7%FB%A1%01m%CE%0C%25%0E%EAH%A6%2C%CC%C2G%1F%96%AA%FCXs%F6d%E2%A0%99%23%80%C0%8D%C0%CE%F6W%7D%D5%24Y%14%B5%11A%E0e%A8%13%5CaRH%84%0C%F25%03%9D%1D)%84%99%7FZ0%1DB%BD%B5%CA%00C%07%C2%AE%C9%7DRq*%C4%1B%81%04j%B5R%EC%AD%B6%9C%B8%3A%A9T0%00i%93%BE%A4%91R%222%9Ff%C7%FD%FD%DD%E3%22%BE%EC%12%15G%0D%97i%12%01%B8%19%3F%A0Tl%F5%1C%3B)H%F2%80I%C5e%B9%A2%FA%00%0E%02%B3%CC%5C%7F%17%C5%7DR%E6%AC%AC7%17%C2H%2B%FE%D9%5C%ABS%D8T%40%AC%D1%CA%E8%CF%F5%0A%CB%0F%C9%DF%F0E%AB%98%CB%F1%03%C3%0D%8FP7%99%F7%DD%98%827%F13E%C3%0AA%F3%D7M%87%5C%01W%83%A9w%16%8A%A6aQ%A1%3C%C9%22%98%FB%18S%F8%CF%C30%CA%9B%CB%E8%ADx6%BA%F2%CENS%19%EC3%E0%DA10%FB%03S!%B4%3C%1B%BF%E1%F3%FF%D4D%82%DCc%08%F2%DBa%C1%DC%8BQY%E3I%BB%8B%3D%E6Bx%00%DB%9Dv%D1%5C%88%3C%F1%09%C5%B0%2B%1E%8CB%22%5B%F6%CF%8F%95%A2V%8F%19%87%B0%8DG%1Cf%3F%DCQ%C6%3C%B2u%3B3%90%19%C8%0C%E4%FF%19%12%EE4%1F%D2%5BQu%1C%01%B9%25%7D%AF%00%C83%00%BB%10%90%03p%B1%00%882%C6%23%20e%86g%80%891%9EB%40%EE%80%DDm%0C%02%133T%0A1%0F%5E%02N%E3%BB%95(%1E7%15%FE%B1Hy%8CC%9E%C0m%18%E9~%BC%CEo%1C%D2%BCe%FF%00%02%E2%1C%8C%A2%9D%9E%99%A2G%80%EAl%3C%829%5DLl%7C%9B%B1%1D%1F%3B%7B'%1A%1E%03%B9%EBo%23r%C7%26%E5%E4%E8%16%14%84%95%FF%A2B%C4%D0%F9%B2%8A%EC%12%14%C4%3A(%C0%20%B4U%E6%B3S%13%05%CC%7C%14%84%FAM%A9%18%83%BA%90%DB%00%C4%D6U%C4%E1%3E%89%3F%B8%18%D8r%C6%88S%92%AD%BC%87kx%C7l%E6a%B0%DF%83%ED%06%20%E0%9C%8F%83%B01%E8%E1%02%1CDx%03%90%9EE%13%90%1F46%EAC%E6x%AB%1E%1A%05(J.SD-%BDJ%E8%F4%93%22%0A%B2%3B%AB%C8%5C%0B%1D7%D2%B1%E7%9B%02%F5%F9O%17%B3%A0Nt%C6%1D%FD%BC%96%89%0E%24%D4.Uq%E1%CE%7C%90%E0W%0C9%D5%12%BA%02%9F%DC%DE%5BQu%2C%0Fd%EB%99B%20%96.%D7%C21%80%7Dy%20%7Cw%F6RO%92%86w%3E%06%ED%CA%18%9F%EF%C1%8A%E5%B5%7C%0D%AF%A7%F5%9B(%0E1%C6%170%BC%CB%3AW%AB%ACg%CE%3B%C6%BB%0A%F2%22Y%8E%2B%B3%C7%FC%E3%C9%DAB%20t5%8D%1A%E3%23%85%ACKp%C5h%1Ff%8CO.w7%24%FB%E3%F4Q%CC%18%DFS%88%CB%A2%3D%84k%937%0A%60%B8V%1D%C2A6%14%00%B1%09%1B%14%88%25o%B3%E6%AD%85%8E%FA%3AG%2Fr%08w%7FA%FAH%EE%22%FCfC%9C%7C%FC)%87%B9%10%BAe%1A%20v%C1l%08s%19%A8.%B3!%E7.%F2%160%19%C2.%81U%17%14H%B8%93%14%E2%02%EC%F2%01G%3Dt%FCP~%BF%5BQu%8A%10%02%F0%A4%80%B3%B3%B5%02%25w%7B%EC%D8%E4J%0D%02%B5i%3D%E0%CD%92%DCa%FDU%98%D8%15%D4%87%ACWRA%90%90%BD%B2%B5%15%94%B3E)%0D%CF%91A%AA%E0d~%A3%B8%1C%9B%18%B7%C2R%20%84%CF%B3%F4Wg%08%E9%81o%FB%94%601%2FC%08%97%C7%FED%2F%91u%A7%87%98%F3%5E%EF%BA%A6%F0*%80%F3C%22%11%E4%BC%5Eb%D6%AE%60*%FE%1A%D9%B2%FF%FEG%24%7B%AB%95%8C%F2%2C%FD%EA%9B%EA5%B3q%19%C1%A2%F8%2B%DBxD%AE%DBJ%15sM%B1%F0e%F1%D6c%07%DD9%09%7F%94%FF-BV%85R%3AA%02%01%B85%F7)Qeo%DB%F5.%B8%DD%2CjB%08%C5(%BFG%F1DN%B4%8D%87W%F6d%EE%EB-%00%12%3C%AB%EC2%CEe%BB%197%9B%B9)r%96Q%84%0B%94%E7l%A9%3D%EF)m(%E6%E0%B9%8C%18%C3%3D%BC%1D%DC%F2%ABE%E5%12%0E%5E%E5%20c%B3%A7%F1%D3e%89%DF%3B%AA%CD%8F%1DO%FBao%26D0%08%09%C6_%9FWKzo%E4%2F%F32%22%A8%3F%1DW%DF%2B%97O%E7%94%17%D7%88%DA%DA%2Ffi4%D3%2BF%2F%A8%3E%A4VFG%E3%BB%FA%90%C3%F1%E2%E2%8E%D8%5C%D5d%06%5D%E1%1D%AA%BB%5E%AB%C3%AF%A8fO*%24%C1z%B5%7C%13z%3D%3B%C2%D1%ACV%9A%07.%EBzg%2B%3E%83%FD%DA%83%D6%E1%EC%08%EB%3E%B5%A9v%8D%DAu%96%26%E5%F7%01%D6k%A6%BE%97%1D%B1%7D%BF%9A%D9%F9%13%DB%95%01%86%D6%BAQT%5C%91%DA%8F%D6%23bf%D86%F2%A2%9A%99kG%BF%F2v%E6%82%A0%5E%8C%D4%0A%AC%F6%C6%DF%BE%AC%11%B0%8Es%AB%DA%F5D%BB%945%9Ag%3D%EA%C5%3C%E5%83g%FD%9A%10K%BD3%BDr%17%CA%18%D5b%D8%CAj%5E%3E%5B%8FVj%B8h%1BD%08%89%9A%10%EB%EA%15%BBR%A9%F4%40W%B1j%85z%1Ejr%CB%B7%93%82%CBw%F4s%B5%F4%1B~%60%B4%17%9D%D3%FDBQ%AAWk%5B%0CE%0BU%BE%5D%FFy%E0%EC%DCE%E1%8BCr%1BFU%7F%26D%FE%EE%E9%2C%9BbFa%16%1F%3F%F2i%2C%B1BJ%FErd%D5.%D5%A3%B3%E5%FCi1~%94%EFQ%08%F1%0A%93%F4accb!W%81%BF%0E%F7%3FB%09%85%E9%1Cj%D9V%00%00%00%19fcTl%00%00%00%02%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02%BAw%CA%9A%00%00%0A%13fdAt%00%00%00%03x%9C%ED%9Cml%14%C7%19%C7%1F%EE%D6%F7%BA%BBg%A5%14%C2K%B0!%B4%B4%89%83%1D%C5%16%B4%25p%0EN!%C1%C1(%15%C1m%1A%7C%A5m%40%0D%89%1D%88H%3E%B4b%C1%07v%89%5B%13%8A%E0K%80%B3jW%FD%80bS%C0%FD%12%D5k%03%09%A9%AE%9C%23%DA%A6%A9%D2%B0%60%14%91%C8*%18%1B%02%B6%F1v%F6%DE%7C%B7w%B3%FB%EC%9E%D7%AD*%FF%A5%BB%9D%9Byv%7F%BB%3B%3B%2F%CF%EC%CC%01%A8%E5K%86%5CB%22t%23%C3*G%A5%40%02%13%05%91%D5%1AL%26y%FDT%23c%D2%E2sc9%5E%00J%0FM%06%248%19%90%CB%22%17%7C%DAj%88%7Bqg%F8%98%D5%10x%F2%19%B8.Y%0D%E9%0B%8A%1B%ACf%00%F0%8B%16%5B%0F%81Z%D1z%06%7B%D3z%06%7CX%3BQG%E2%7F%22%D0RJ%7D%94%14%C3r%15%8FPR%F2%96G%26%0A%D2%FD%FE%5DJJm%E5)%AD%1D%CF%8Bx%C8%1F%A1%86b%7D%B0%E0%EB%1A%FBy%1E%5D%8B%874%C2%95u%94%24%F6%9B%1A%FB%F9%FA%9F3%02q%E6S%92%F8%7B%AA%88%FE%0BG%92%E1%AB%60%13%D1%90Np%15R%92%3C%25%AA%88%0D%DB%9B%85D%F8lJ%03%AD%AB%1E%F1%C4~J%12%A3N%A8%04G%B2%C1%BF%08N%DAm%CE%D4N%99z%E7%BB%25UD%1B%B0I%88%EDxw%08%CBp%0C%88%D4%B4%D5%19%C6K%EB%13g%CF5L_%85e%40%F3p%1D-%C9%3D%AA%8A%60W%0C%7C_%F2T%C6x%E5%F8%9B%C5%CD%CC%F7%D3%D2%9C%EA%8Bl%3F%B0)%E4)%0ED%C3%D3n%0Bh%88%7B%8B%9F%5E%A6%3EN%87%B0%A3%D7%8F%2F%5Cp4%F6%23%B2%10%0FaN%D5%ED%C3%DA%BA%96w%F5%F6'%B8%ED%15%06%20g%EB%DE%C3%DA%B2%C5%0B%C6%7Flz%CD%00%A4%CD%3FM%C2Sf%25%C3%8F%06%03h%88%AB%2C%3F%2F%84%B6~*%19%E2%E5%06%3Fz7%A8%1A%C9%A8%3C%E8%AAL%86X%B9%9AV%E3)%A9K%1B%D2%BA%20%9F%17%ACy%00%0D!%0Fb%7F%2C%E4%1E%A8T%D7%9E)%3A%D3%0Bei%11%C7B%7B%D1%90J%F8%2C%EE%090O.%1E%A6%DB%FD%0E%60wZ%84k%EEU4d%87%EB%AB%BB%E2%90g%EE%D0%CF%ED%DC%80%04%DB%D3%A3%9E%08%A1!%EE%07%3F%8D7%96%CE%B1M%7F%A1Z%C9%F3E%A7%AAJ%DA6%D4%8B%858%03%8Ex%06%F2G%18%EA%ED%3A%F6m%9B%3C%24%A6%C7%ED93%17%0B%E1%FD%5D%1D%890'%0B%D9%8D%B8%19%A0%BE%0E%C5%D9%D9%84%85%C0%E1%94%EA%FDG%94%A7%D2%B1%18%BCC%EA%C8%0Dp%85rN%99%B2%0D%04%92%E1%AE%17)6%A4%ED(8%9E%1E%C7%CF%06%8FF%B9J%97%E7%FE_%25%F7%7B%EC%20%05%12%20%F5%8F%9C%9E%CF%EEy%00%F8%E2X%94%0C1sfRN%E4fQ%D5%80%AA%AB%DE-%00%FC%0C%0D%19%2F%1C%5D%7B2r7%AE6%F9%8D%DA4%EF%9D%ED%1C%94%94%BE%17V%E3%BD%E3%9A.%3F%CD%E8%87'%E4gS%7F%17%CB%1B%C1%08%C4%96%7C%84%CB%BBB4%23%AF%BC%7BSG%CAo%B9I%F9%DE%FB%5BjoB%A5%BC%ADR%3C4%BDV%A2%19%D9n%AE%9A%99%DA%CD%A8%8A%9E%CE%EE%E7%91%0Cp%25%8A%20%2F%D3%FBR%5C%D5%CC%3B)%05%3Cc%B4%E5N%96%7Dh%233%19%25..Fo%00'%9BoE%1B%8A%A2%F9a%BA%FE%D9%14D%2B%FE%BF%93%F1S%9A%D2%94%A64%A5)%E5%AA%9E%8Awr%D9%9Do%C2X5%3F1(%E6%00%E9%3B%89%F1%D8%FA%E1%04%BE%7B%9F%A9%8D%9C%88%B2%F3%DEV%BE%3D!3%0C%B2%D7K8%CB*%E5%CBv%DB%0C%24O%84%3D8%CBf%91%7C%F9%0AD%13%10F%C4%BDj%F3%1E%8D%08dc%0B%FAM%40%1C%FBa3%C2%8C%DD%5E%DE%A3%F4%F8%99%26%9A%0F%A5%A1%FE%F3%0Fx%E7!%ECZ%BF%F8%F8%2B~P%DE%FAj%8D%D1g%D7%DF%0Bd%0D_%22EkH%C6%2B%10%B6%B0E2%C8p%DD%16%23%EB%2F%60%2C_!%19%AF%40%A0%E8r%C8%20%E4-%11J%BBQ%96%D7D%A8%89%BAu%87%9C%85%06!_%03%CF(%D3%A1oG%BC%B0%C7V%16oU%02%7D%DCp%D8%18%E4%1B%60%F7%BBq%A3%D1l%B8%BFf%E6%F1p%B8%FD%E5bT%26%8E%AB6t)%C4j%0C%E5%A5%C9%FB%CE%01%D2%D9%9F~h%FA%CB%86%18%E0%1Ai%97%E0~%AC%B1%00%5C%98%DC*%03%2Fyb%FA%D7%1E%F5%88%A0%06%24~_%0D%3F%5Ep0%0C%97E%24%C4%1F%DB%BA%D1%E3F%09%D9%E5%3A%2F%EA%F1%22%F5u%DC%3F%E4%D1%83y%09%B1%B4%81%BC%2C%A6%89%D9%17o%18%85%40%15%F2%3AHQIT%8D%7F5%0C%89%88h%D3%C4%10%A9%DD0%E4z%00m%9Axv%1D%A2QH%3B~%9E%CB%B1x%8F%C3m%18%B2%9E%F6%9E%3AS%97%84%D8%96%0D%19dp%23%F8%F9%14v%7F%1C%22%18%840%25%BFA%DB%26*y%EEM%D1%18%E4-%F1%92%84%B5u%C5K%23%2B%DF4Fi%BEyr%8B%80%B4%F5e%19%A8%A1%ED%CBd%B1%D5%1A%D8%19%87d%89C%0EEqB%F6%F8%09%85%E8%C6%FFoB%3E%C9%09%82%CBxvh%E3%2F~y%D6l%C6%23E%1A%C1%D2%83%E2%04%1D%8C%A6%C3%00%AB%B5%A6%82L%88%D6%00_%80%1D%DE7%A8q%9F%B0%12v%15i%18%E6%A2E%C9P%B0%FCK%C9%22%C8%C5%C7%13!%FB%BB%E8w%93%86%F5j(%1C%F3%0F%AA-C%90%E2q_%E9Je%C2%8C%13%FFv%DD%B8%F8%EF%00%EC%00C%3D%13%E3Rz%B1W%08%60%A9%85%8C%E8%3C(%D2'%7F%BF%D0J%88%2F%06%A9Aw%16MAB%A4G%16%80z%AB%0Ab%0CB%0AJ%E4.T%A3%A7%BA%98%82D%AA%EB%07%E7%FFi%EE%DF%2C%85%F0%8D%FB%98%0F%A6%E7%7F%D7R%08(%035%C1%86%5C%86%C5%90%10h%11%AD%87x%F0%5Dk%B3%10%1F%1C%0BM%02%A4%FC%05%EB!V%BF%3A%F4%01%A2W5%05%89%8A%25%99!N%C2%950b%F8%82%F5%90%D3%A5%2B%AD%5D%99%C0%EF%07f%0E%C0N%84)%5B%F1s%93%903%3F%00%86%B4%F1%D7E%7DS%DB%DB%A7i%D3%83u%B4%CC!2%02%C9xA%DF%D4%0Ep%D4%14%C3%13%80%E5y%0A%04q%8E%8C2%B5%D8%8CH%07%A2RYV%A5t%26%F4d3%FB%A4%BB%05X%ECz%24u%CA%92%C6%09%05%E0%B2)%08%B7%CE%1DpUU%D7cjGn%A8%A1L%DF*%9B%DA%07E%D7%AF%1B%F7a%EE%03%FB%D4%AEW%CDu%FB%D9%92%E8R7%14%24%FF%E4%B5%80)%88c%1D%0E%C2%92%CF%EC%22%97%89w0D%BE%19%BD(%88o%19%40M%C8%85%9F%F7%98%AA%C8%BE%19%9D%18%88%A3%ED%15%E8%07%FB%7B%82%19%C8%89u_%EC%F5%23%20%5C%E19%11%A0%95%C3%BE%1FHS%F0%E1%5E%16%03%81%87%A0%09%F8G%E053%90%86%ABC%2BQ%90Vpu8%04%E8%0B%99%804%C2'%1F%A0%20%B6%8A%8A%BB%07%C9S%96%98a%9D1%F8%92m%EAU%12%02%A8%DB%E5%5D%A17%F5J%E3%10-%15GQ%90%96.%3D%0B%8DCpKO%B1~D%1B%AF_%F1h%1987%B3e%886%BE)'%08lfG%10m%7C%C6%95%18%C9x%D2%00%2B%AB%87t%DB%F8%CE%9C%E6%DC9%C6%98%1B%B1%D1%60M3%BBd%EC%B0%E9%3A%EC%CF%BB%91e5%92Z%1E%FC%12%9BLyWu%B8oD%DD9%1Dm%C9%012%ED%7Be%9F%DE%C3%0C%DE8rXc%1B%CDO%E2%C7%EBB%E0u%F3%10Ec%C4%8F%D7%87%20g%7D%D0%84%CA%130%B0%3C%D0%3C%24%C7%B5%EE8H%8E%FA%3F%81%FC%3B%0A%B1Y7%22%AC%E8%CD(%C4b%9F%F1%5B%93%00%E1G'%01%E2%19%B3%1A%D2%2FA%5E%80%40%AC%F4%E3%F9%D5%0D%81K%E4%B1%BAe%A5%1F%EF%0Ap%A3%7B%09%0B%D3%C6%9B%16%23%40%E7%9C%D8%9Ba%8C%1Fo%1A%D2UH67p~%BC9%11'%BE%8A%1C%5Ci%E31~%BCI%AD%DF%A3%BC%A2t%87H%2B%2CZ%06ak%95%01g%FEqe%0D%B6u%90%19%D1M%A4%BA%1E3%7B%CF%A4%5C%3B%25e%C37%D6%5B%F4%0ESQ%DE%B9x~s%86g%19%E1e%FFga%3Ct%40%B2%0C%E2%E3%17%86b!%C6%EC%FDbu%E7%F1%9D%81%CF%0Bb%5D~S%F7%8B%0F%AE%BE%D0%B2b%96%8E%D5ir%26%8D%B1l9%60%02%C2%AC%09W%2F%E3%C7%FF%8B%20%BBRV%D7%B1%26%20%1F%91%82%BC%1F%D8y%E75%AD~j%E2%C8%E3%F2%06%08%84%E4%E5%8Fgk%9Au%97Vl%A5%24%B1%CF5J%DA%0CNY3%A9L%82%FB%87%A8m%F8%FB%BD2%C5%82%11%CF%0A%DA%FB%06%E5%00%F9V%5D%05%1F%7DJ%C3%AA%0E%D6%12%CA%B3%CB%80%23%A4%C9%E0f%0D%2F!%9B%F5%E9%B1%D1%09%A0%7D%AF%2B%CBo%9Db%D2t%99%3F%FB1%CE%C2%87%92%5B%0B%E2%DEV%12%E9%CD%F8%9F%23%5E%A9%04%9F%87V!%15%D2%F6g%8A%2F%D8%DA%F84%D4j%BD%0Dv%15%EFW%C6y%D5S%7DOJJ%EFG%19%E4%88%24%EE%D9g%82C%C8~%0C%F6V%80%1F.%D4%80xeI%81%A8%C7z%1Dk%A3%5D%AC%7C%F0%26%96%DD%B2E%F4%D6jt%98-%D1r%13%F9%5B%B0M%CA%D2a%7BV%84%22%F0%D6As%3C%B3%D9r%11.R%8E%C1%8D%95%E7%F5%EE%3ABIU%0CdY%99%A9%3FM%1D%EF%98%05%AD%E2%D5%DE%EEe%F1%DF-%95%00%B4%D2%EA%2Ci%DE%E1%91_%5C%24%D2%20%EC%BDp%0F%D90%19%15%E4%1F%1E%F6%CA%95m%C9%3F%AE%F9%92%7C%0EQjQ%7B%5D%E4%CE%EE3%FE%8F%EE%7B%A9%2F%FB%A3%E1%C9%07%3B%C9Zf0%23%E5%F4%92%F9%F2-)%F1k%C1%0B%00%ED%94%D1%8E%EB%1D%EE%81%8D%CE%DBp%AD%802%5DZc%DA%14%BB%B61%BEO%15e%8A%15R%D0%23%A8%A8%E3%8F%80%3BY%C0u%9CYR%2B%BF%ABm%A1%96%05%7FA%F7%1F%B0%1AU%A1%96%23%FD%A5%00%00%00%19fcTl%00%00%00%04%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02%C8%86%90%1A%00%00%09%E3fdAt%00%00%00%05x%9C%ED%9C%7Fp%14g%19%C7%1F%92%FB%B1w%D9%DDcFPD0A%98%14%0A6%94FE%25%E4%0C%A9M-m%C8%B4NQ%DBr%AD%ADSmf%8E%AA0%C5q%9A%85%80%0D%90%9A%40%DB%992%83f%83%0C%A3%D3%D6%04A%FD%07%CDB%00%83%9E%5CZ%CB%F4%C7%3F%D9%90d%AC%8ECBr%F9E%92%AE%EF%DEBH%B2%EF%BE%EF%BB%BB%B7%94*%DF%3F.w%CF%FB%EC~v%EF%7D%EF%FD%F1%BC%CF%06%60%A6%22%26%0B%40%1F%C6%E6J%5E%40%B4%99%1A%60q%B2'%E2%05%F0%AA%CB%3B%20%EBo%06%E4%01O!%87%14%9Dq%E0%88%A7%10~%A9%0A%F0%2F%E8%F4%14%02%3D%CB%01%9E%C7%B6%B4Lj%DF%A3%B0%19z%3D%86%88%8FK%2Ba%8B%C7%10%10v.%7Da-%40B%C9%E09%FFn6%BD%D0%A6%FF%926d%8E!%2C%92M%B6Jt%1F%89%F6%CC1%20%10%BEb%B2%AD%CF%E0%F9%D3j%83%0Au%A6-%E3%7Do-t4%7B%0E%89B%B6d%1B%F2j%BD%5D%88%CF%04%B9%DF%C2%F7%F8%DDj%FAo%F6%D2%9F%D8%83%3C%02%B3%E4%99%B6%EF%AB9%B9cfW~%E4%9C%E1%FA%0A%F0%F6%20%07%60%9F%3A%D3%D6%94%DAu%E2%5BfWn3%ACL%BFy%14%7C%8A-%C8%C5%C4Z%93M%DC%B1%B8%CCl%05%BF%A4%D7%16j%26%B3%81%BF%C3%16%A4c%9Bj6%0AjR1%5B%031~6%F8c%3A%04~c%87!%AE%C2%9A%F9%5C%0C%84%1F%3D%13%E3%EFlN%F7%08mv%20%D9)%AC%F9%E4*L%AF%C2%17h%85%05E%E8%CD%5B%AAp%AF%1DH%D2%DC%A9%E8%FA%D2K%18c%BCp%F9Ce*z%F3%AE%A6%D9%AA%93%96%09%AC9%B5%C0l%E3%06%3A6%A7%EF%8F%5Bt%E0E%C2)%DB%24%D3%D5%E5a%1D%1B%9E7%DB%92k%9B%FE%3C%9C~S%2C%13%18%C1%2F%1FS%A6%5B%04-%86s%14o%C3%18%2B%D4%E2pz%BA%16%2F%97%08%90cjx%7C%06v%D5%40-%A6%8A%83%2B1G%8F%08%83%81%5C%FDMi%01i%3C%FB%01%C0%BA%E9%96%CE%C3%B5%F1!%D5%E4%D8%A4%98%0F%E6%C7%C3%23Y%F1p%19%C0%3DC%B3%09%90%EF%A0%C3%A7%5B%1A%03%92xx%B3%C9q%10s0%9F%0A%8E%F7%B6%C4Q%93%9F7%3A%8E)%BF%E6%B6%15%B5%A6i%16%F1%D3!3%01).c%8C%C7%DF%9E8%96%1C%FD%24%FA%DE%C6pUfH%D8tY%991%D7%09%E6%F1%B8o%1F8%EC%A5%FA%FA%B6%C5%13%A8w%1E%99%D7h%099%B9%E8%AF%A9%D2%85%D3L%DD%0A%AC%C0%FA%FE%09g%8CD%97h%DFD%D5%91%FF%DD%2C%D9%82%11%BE%7F5%2C%DEmjJ%C5)%C5%F2%B2f(%FB%5E%AD%E1%D9%18%C0%8E%8E%D7%F3%2C%5C%B6%C0%044%9A%9Bk%D7%FC%7BX!~%ED%CA%FBz%EF%DCu%E4C%EC%9D%A2%1B%99%40%FD%B4%CF%5C%03%E2%5DY%AC%10%40s%B1%1D%FA%DF%EE%01%05%EF%C0%8F%F1Q%FF%DCy%E6%82%AE%0Af%08%92q%DB%F1%CFZ%14%EF%E2%FA%5ENV%99%2FA%9Cc%83!%8E%A4%BF%F0%CEQ%2B%07n%7Ca%D3%19%D3%F7%F5%FE%93%C36%209Z%FA%C7%CE%8DX%3A%F4%7F%BB%BC%F6S%D3m%C2%8F%B4%C5%F8%CE%1E%2F%D1%98%EB%8B%96%10AK%A5*Z%94i6~%E8%0D.j%03rU3%FB%D9)%DA%9FH%A5%F4y%C0T%0Da%A6%5Dte%11%EE%9E%D3L%D3%CB9%D0%A8%DA%87%B4%60%3B%23CUkL%A6K%90o%9F%01%E5%8AeQ%8F%86%2B%1B%F8%ADmF%CE%90uY%1Dv%89v%16%17S%A1%400%13%E5kzWKM%E9%BBL%D1%16%5C%B3%B4%8A%CC%E0gkh4%A0%05p%EC%84%A2%AC%82%09%11%C81-%A9%3C%80P%F4%B1%85%7C4%15%7FK%B7tK%B7%F4%7F%A8s%AA%F7%8CP%05%26%BE%90i%1D1V%15%9E%8A%DF%00h%7D%94%C9X2F%BEv%04%09%10%96%DE%99P%2F%40R%AD%8B%91%5C%3E%A89%E8%12%D2%0AP%1D%26L%2C%D1r%23W%D3nw%07yS%11%E7%9F%8C%91%3C84%ED%2C%8F%BAa%B4U%CF)YM%B8%91%D3%A52%87f%3E%C1%81%7Fc69%18%F5%D6mm%C35%BB%15k%87%BAr)%BDpj%CCu%DE6%0E%A9%BE%3C%A2CEv%94%BF%2C%A3%D5%DEA%E7%AD%FC%1FkZ%C8%D1%FBD0%1A%EA'%B6%0B%BA%C4%1DZ%E1s%C4k%E4%A2%FEh%95%EC%8E%02%9F%AB%A9!BB%7D%BD%F5%1Dy%EE%18%02-%18%C0%F75%AAn%3B%04%1E%1F%5E%9Er%15%E3%B7%93%16%E6l%10%EA%F1%051%06'%0A%84%BAy%A4%EF%20%B8%84%88%CBX%AE%E4Cw%10%A8%AA%A4%FB%E4%90%22%BD%2Cj%AD%5BN%2C%0F%CD%F9%FA%DE%60%CC%25d%3B%1C*%22%95%A3a%F3%D9N%C5%25%A4%04%B8%85%A4%F2%9Dh%3D9%D7%25%03%86DB%BC%C5%80%C4%DD%26%5E%84%C6%BB%C8%BF%F9%93%EDP%F0%15%97%90%8E%BC'%88%91%88w%8A%E7%AC%1B.%C6%07%BA%99U~%8E%1Cd%7CB%DE4%A8%84%0B%247%0Ca%D0O%EC%BC%04%A3%F4%9F%98%5D%14v%05%26%F8%87I%E5%5C%9E%F1%F7%D4c.%20%9D1r%F9%AC%AB%15%26%7C%D1%05%A4%E1%11F%C7%8B%E4%40%15Q%174%89%CD1%DC%84%09%D4X%1D%EB%C3%F8%92%02%3B%93%FA%D8%C6%BB%FE%97!7%A2%E2o%0Aq7%02%E2u%F6%DAG%06%B9%E49Dh%B7%97%EF%C1%AC%E4%F9%EB%EF9%05%CEx%C1%E8)%5Cw%7D5%E5W%E0%B4%07%0C%F1%AB%00%5B'%3F%F9%00%FE%E2%01%84%DB%80%86%1Ce%0A%E4%D7%1E%40%F4%3C(N%BA%F6)R%DF%BE%D7s%C8%D9%E3%17%AC%F6%98%5DAd4)%B9%06%E17%408%CF%0B%C8%E7Q%23%9E%84H%10%C8x%F6%9F%0E%A9%DBX%3D%2CA87%3D%DF%90%C0%EDz%19%ABY%97j%F6%04d%98U%12%D5%3F%EDM%94%CB%1E%40%F4NE%AF%FC%60%1A%12(dX%BE9%87%08%E9%85%9FO%F5%821%09%81%9F%E9%9F%9E%F6%80%C0%1B%3BmiHNiY%E2%1869%C8%BD%26%EF%04%20%BB%86%94%A8%96!%88%CF%23%C44%88'%23%09%AA%93W%EA%A7%400%19%A5%99P%0F%E4%E9%10c%00%0Ea2J3%A1%B3%B0%FE*%24%BC%2CQ%ADx%03%D9%0D%D1%08%24%CE%23%08%3F%AFF%F6%86%01%AF%89%B1%08%1A%E3%1B%20%9D%FC%EA%91%82K%D4%08%1A%E3%AB%D0o2F%F6%14k%14%A7%10q%25D%D0%18%DFK%3F%01%F7%F4V%A7%14%1F%82%A0c%23%12%DDS%81%03%0E!%1D%F9%06%84%9E%84%EEk%87%1C%D9%19%E4%A5%C2%C7%22%E8P%1DDQ%B0%DEqZ%FE%C6%3D_%AB%D2%C7x%BA'%3F%1FDB~%0EIe%3D%1F%14%E7n%ACfH%AC%10%3FQ%AE-R%1CA*sb%11%B1f%0F%CB%0Ae%BB%CA%17%13%12%B3%08%3A%03%F7%5D%EF%BB%C8%EA%AD%FF%5D%2B%26G%91A%5C%F3%A9%24%0B%C4_%09%FEeW%7C%DB%1D%ED%C4%08%D5%CF%C4Y%20%D9w%CA%FC%A2%E6%AC%EE%A8%13%08%08%F9%0D%2C%90%C0%0A%7D%93%AF%95%B7%93%908E%EB%8BY%20%FCx%97%0C%F0%1C%7C%CF%11C%98%60%82%C0%12%F1%1B%00k%E1MG%95%C2%3D%D9%C4%04I*%AD2W%AF%3F%DF%E1%40%5D%FB%D9%9A%F0)MK%FD*%DDk%1B2%05_%2CSA%91v.%60%82%04si%A9W%A4S%94%DF%C1%049%9A%D4%1F%2B!y%10O%F1%60%D2%18%E3%C9%3A%E1(%A8vU%1C%BA%F5%DF%1Bc%3CQ%097%10%24%DFg%D0%18O%3B%05%E7(%E7n%0A%84e%8C%0Ft%D3*%9E%2C%7D%8AJ%1D%E3%05%9A%03%0B%84%3A%C6%B7%A9%EE%202%CB%18%2F%B0%06%ED-%20lc%FCEw%90%3A%A61%DE%EF%0Er%9Ei%8C%B7%F9P%DDL%88%02%90%E5utY%87%D8%7C%2C%EF%26%85%F8%9Bo%00D%0F%A8%DD%82%DC%7C%90%EC%1B%01%F1%7C%DF%81%93%18%C6x%E7%12%AA%EFF%E3%08%B7%85a%8Cw%AE%80%22%A2%A1%F7%F11%861%DE%B9%DE%01x%00%B8%2F%B0%AD%E3%B1z%88%FE%3C%7F%1B%C0%1A8%FA%B6%C4%B4%8E%C7)%24%BF%A7%D2%7CN%83%D0%C7%AF%F0KL%EBx%9C%DE%03%FC%B3%86S%E5%3B%D1%FA%DA%83JH%06%98%A58%82%1C%04a%98%B6%96%10_%EE%CF%FD9%88E%E0t%F3%A7%16%BA%86%E6%AA%14%A7%D0%FE%D7%91%CB%A6%8D%D5%0Ew3.%D4%14o%E8%A6%85%FB%BArJ%91%D6%0F%EFq%C6%00~%C7.%19%96R%9C%5EM%BF%3Ay2%ED%AA%3A%B2%148E%F11%9E%EE%B2%C8i%22%2FG%0C%EDB%FDQ6%D9%C5%D8%02%D0S%8E0%E2w2%3C%FA%BD%3C%0B-%C2%C8.%7CT%7F%15%F1)%DA%CF%C0%1F%A8%8C%40%9E%8F%BA%07nTF(%8A%2B%CB%891%B4%EB%A4%84%08%94%87L%0D%88%88%FD9%05%258L%85%FCP%15%A8%A3*%A9Y%05W%C2%7DTH%99%FE%E2%8B%91!%ABw%96ZuZ%E2S%BB%C8%07%EB%3A%91%86%FC%94%E8%C3k%DA%80%E5%B3%C1%E26*%C3P6m%AF8%D1%B0%C4%F2%0AX%9F%0B%E8%A4%FCP%D0%BDZ%E6%13_d%7D%E6%F2%B0%8F%D2%11%8Bu%96%5D%E3S%97%FF%A30A%1E%E6%C8YW%7C%FC%C7%92E%91pe%A8%CA%AAl%9A%C4%B10%D9%EF%D4%2FN%AA%16E%81%85%2B%06%A3%2C%90%F0l%9E8%D0%87%17%88%96%99%FD%BD%95Ec%A9_2%40%FC%92H%CC%B1m%92%02%96%17%D1%90%18.%E9%EFW%A8%0C%E1%A8%AA%FF%5B%06k%DD%05%B8%7FYb%A8%84%EF%DFW%DA%B4%94J%E1%D0Z%B3%89%10W%E1%B5m%DB-w%2FG%A1%BF%A8w%F8P%FE%1F-%1C%98%D2%A6%CA-R%AC%18e%3E%A1%93%7F%DCV%0FoP%3C2%00%A1%E8%BF%9A%1Ah%826%3A%E2E%00%00%00%19fcTl%00%00%00%06%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02%E6%D6Y%9A%00%00%09%DFfdAt%00%00%00%07x%9C%ED%9C%7Dl%DC%E4%1D%C7%7FI%EE%FD%7C%BE%B6%8CV%5B%D2%5EV%3AVJ%A3%EB%D2j%82B%93k%12(%DB%BA%BE%20%D8%8AV%20%84%F4EZ%D7%04%08b%7F%C0%E2%D0v%0D%A5U%C2%84%A6j%AA%88%E9%0A%AA%26%B6t%1B%AD%F8%03-N%D2%D0%97%99%CB1%C8%A6I%95p%08%D9K%D5%A9%B9%BC%BF%E2%3D%BE%5C%12_%F3%7Bl%C7gWj%95%AF%14%9F%FD%FC~~%3E%8E%FD%D8%BF%E7%F9%DDs%06%B8Q%C1Y%25%00%3DHYZ%B2%03%22%DF%A8%3E%23NsS%9A%878%AFy%CD%EB%D6U%E0%C3%9B%00%E9%DA~%C6~%C8%8B%AE%5C%DB%19%81%A50f%3B%C4U%09%3F%B6%AE%B6%7F%1EE%8B%B3%CE%C0Ac%15%B0%1F%EB%BA%F8%96%1C%8Ea%E5%24%26%1EN)%B8F%AB%AB%B9%98%D7%83%B4%C4%BC%5Bp%08%BBzj%7D%3F%F9%F3%F7n%AC%C4kX%19%C8%99%5C9N%85%AD%02%B8%1F%2B%CFz%EA%CB%C8%D4%FA%B3%12%40%26%CF%E6%A0%150%3D%D0%24)%2B%EE%1D%CFR%18%CC%04%E0%E7%3E%10%EA%97%A6%D6%1D%05%00g%01%BE%8F%D7%B0%00%82%82%B2r%5D%F2%F0%14%C8W%00%EFc%86%BF%F5%CF%AC%B3k%01j%01~%88%D6%C0%8E'!m%C0PN%E8%FB%A3%E4%B6%C3%0C%8F%C5U%1B%CD%95p%F0%BD%B3%B9x%15%2FHu%E2!r%00%1F%01l%40%1D%98x%9F%C4~%1D%3B%BE%BC%01N%E56%20%D6%C9K%24%1C%E2T%3A%3A%A5%00%9D%12lF%1D%9A%07%E4%FB%0E%60%7C%DF%CE%F1e%AA%CDVy%E02%8E%00%B6lT%14%05%B2%E2.%20%97%07%D3%D6%B1%C1%F0%20v%84%AE%A3%3D%E5%EAmf%A2%8D%02q%AE%CFM%AEm%CF%170%07%7F%7F%0F%E5%01%E5xo%C2%A9%BE%7F%1C%5C%06%8F%7B%FE%AA%BB4%F1%D9%16%96%0BQ%87%AC%EC%9E%FB%F0%5D%83%E2(%3C%AF%AA%F6O%92o%F0%2F%A8%E7%EA%8AI%B7%D03%83%ED%A8%C3%E7%2F%F7%3CD%81D%07%81)%E2%A6%B7%F7%00%9C%0B%C9%C8%85e%BE%2B%0B%C0%9C%E7!Z%B1%E5U%B4%AA%06%B1%A7%86%02%E1%2Bb%C0%CE%3C%D5%EEM%2C%C5%D9%8E%9E%FE%0A%F0%87%E2%DB%EF%3E%24%FFo%10%AD%AA%8C%E9i%12p%08%D7%C9%A9%B7%C7%F1cQ%D4%CC%96%93%3A.%84%E2%CE%09%D4%FE03%91%85%DF%A5%0E%8E%E1S%20Lm%3D%05%F2Y%8B%2C%0F%82%7F%14%9Ax%D4%FE%3Dv%2CP%40%D9%D7%F7%23A%B55P%5E%F2%0D%8Ac%C6%B0X7%0E%9D%BC%9F%E2%B0%13%96P%F6%24w%CA%87%DBT%5BUb%80v%C6%5C%C2%BFe%1E~W%BE%91%DA%F1(%A3B2%EB%7F%A3%DA%BAZ%B8%22B%F3d%C2J%B3%A8%C0%23%81%A2%F6%C5%7F%A0X%3E%17R%EEq%A6%B0%94%E2%C8V'%CESw%9C%A7A%9C%FD%A1%1F%E0%96%C6X%A6z%D35%B2%9CR%85g%40J%7C%B6QG%AC%EC%DA%AB%85%02j)%02%87%DAP%C1_%C7%FD%C8%5D%F2%A4%F2%11%A8%C9%A5A%E0%93%CA%2C%B4m%92%26%99%12%E8%06%A1%5D%A2T%D12%A0%2C%DF%90y%8A%9D%9C%EB%EC%0A%F4%08%9B%D7%80%B7T%B5%FD%F4O%FB17El%94%2CZ%97%8FR%19%E4%DC%A3Ff!y%22%E5%AA%0A%DC!%8D%9B%9E%FC%E3%C3u%BC%86%B9b)V%FA%C7%9CD%3FdF%1Dq%CD%FEw%D3%09%FC%C1%95%DCY%C6%8E%B0%A3W%00%F0%AA%2C%07%E5%FDZ%0Ch%AC%8A%D0%8D%7F%97%EFG%3A%90%AC%FC%14Y%FA%0B%A7%BBw%9F%C9%B4%87JRY%F2%1A%AA%CD%DF%BB%08%2B%F6N%FE%EF%CC%91%A9%82%AB%FD%826%04%DE%A1%B6%0Bp%8C%0F%A97ge%5B%86%A7%2C%1F%08t%A7%A4h%14%87%5E%02g.%A9(%CC7Y.%0A%14%9B%95%10m%DD%B2%10%FA%85%D7rJ%F7%C2%CFk%5E%F3%9A%D7%BCni%097%81%D1%BD%F3%26%40%5Eg%F4s%87i%2B%17N%DB%CE%60%22J%9E%EC6%81%AC%B7%1D%02K%7D%F4~%B8U%F2%2F%2FF%93%CEV%8A%C9%DF%F8%1606c%DE%E6VpP-%D8%CA%F0%8D%07%C6%22%0C%7D%DCb%89%1C%95%DE-y%ED%B4%04%91E%F2%AEr%D4W%24%D3%15%F6%E9%7C8vM%40%CA%19%D1%CA%C6%D0%84~%A1%E1%0F%CB%B4%04%9D%19%05_%C3J%BD%2Fo%97%2C%8488%B4%98%5Dl!%03%7C%0F%A2%C5%1E%3C%23jV%CF%95%94%F0%B3K3%22%96B%A0e%EF%B6%D9%85A%04%9C%96%EA%90%ACx%B0%94%2C%FEZk%5D%3Bv%20%17%D99%22%8A%1F%ED*%D6%CCm%CDIMH%3A%8D-%96%E5%BE%1Cx%DC*%06%13B%AE%09%88%A2%18%3B)%18%FC%B2T_%5DX%26%C0%2B%CB%7B%05O%8Ee%90%E7%B0%7C%9Fg%F8pX%96%87%AD%820h%82%D3%3B%0A%CC%E9%DA%A3%BB%ADa%B0-r%1F%F6%2C%8C%26%8Cw%BEe%09%C45%7Ci%2352%3AW%DE%15%BB%5C%B5U%96%C3H%A2%86%A3%EC%E4%40%7C%B5%12%3Bo%C4%1A%8B%BE%F6%08ih%D7%11%A3E%F9.%DF%10%9C%1A%A1%3AX%04%E9%FC%098%EA%ED%86%FC%FA%08%B4%0BvC~%DEz%ED%EE%A4%83%7D%17~%8FSF%7B%00%96%AAY%B8b%3B%03%7C%3A%89%F9%14%05%CCR%1A%E7%D0%B7%EC%14LB%98%BB%8C%FBV%99d%00%7CZj%D4%93I%A3%7Bs%C2%98%9B%18up%E6!%C6%D4%BD%AE%F8Q%C9f%06%FB%00%C0.%9B%19%E0!%9D%84%2F%04%9B!%CAW%AA%1E%EEv%80d%F1%24%C2%DA%0D%09n%00h%B7%15%E2!O%F1%F6%1D%07%86l%85%10%05%D9%DA%23%B6_%13%25%E6%D9%0B%F1%3D%92%80%A4%CC%0C%B0%5C%AD%DD%9C%FD%90'%FD%B93%90%B6%90%95%23%F3i%05J%A1%40%F5%9F4Kv%40%FC%1ClQA%D0%AC%40%DA%F2%D4%B3kT%90%23%9A%CE%A6!B%8B0%0D%F1m%3Eg%0B%C4%BF%EE%C1%E9%26%EC_%98%93%A9%E7oN%1D0s%9FD%7F%EB.%9D*g%AC%84%3C%A1%40H%8CW%20%E0%BE%E7%A5d%AF%80%DC%A3%16%8A%8C-%82%24%C6%BF%99%80%C0%9F%E5E%11%E5%93%E9%B0%92%C1%F4%F2%10%241%BEZJ%16%B0%D9%CA%E2%F9e%1A%FB%CC%1D2%20%AF%A8%231~f%1ASK%8C%5C%A1%C3%7B%11%DF%0F%F0%C9%D5%06%20%3D%FB%12%B3k%83%DCT%89%2F%07%E0%DC%FAO%10%DFM%87L%0E%12%D8%89%7F%9DI%40f%1EZm%FB%A1%5C%C0%86%3C%118o%0E%02%C5%F0%D2u%1E%92s%85'u%AEv%01t%22%AE%9B%C1o%F2%F9%E9%FA%D6%CE%A7%95%18%9F2%ED!%07%B0%16%FCn%CC%8B%CF%24%D6Wk%5E%90%C4%F8%D4%89%15%0F%1F%C0%92B%9D%B9%19q%C1%1C%24%F0%95%12%E3S%AF%C1%15q%0F%92%8F%F3%C9%BD%BB%F1%A9%C4%BAr%E5(%80%1B%2F4%BBk%D3%AC%06%EB%A8l%F9Xk%1E%9B%86%DE%DD%87A%C8pb%D6%B7~%8E%D7%B3!%DF%1Cd%F3%02%1C2%5B%EEo%0A%EC%1D%E6~h%B2Q0%0A%09%1C%03%FFf%ACE%E8%2B%9Cg%14%02J%B7%F9%B8%19%86%D2M%15%0CC~%09%0E%C9%0Ce2%60%E9C%D8%E3%B5%92%2F%02%BER%3B!5%FD%F2%03%BB%24%60%A7%12%3F%86%A6%5E%CD%11%E2%0A%E9M%BD%D2%AE%C2%10%E4%02%96%FD%9B%13D%8C%EAB.%9B%9A%0E%A7%82%9C%5DW%DC%A0W%85%3B%5D%08%09%EB%D5zU%B8L%CD%B9SARb%3C%0D%F2%A5%DE%85%D7V%E2%C2s%3ANf%83b%0AD%B7%8EH%9A%10%3E5%C6%E3%DA%97%26%24%8F%C4x%5D%AF%B3iB%EAn%8C%F1%A8W%9A%90%E8%8D1%DE%06%88%F3%8C%91%07%A4%D9%8E%5DRJ%A2%40%1F%E2%BA%19%904GE%C6%20i%EA%F6%82d%D0%BF%B4%B2%0Ebo%02%C7%12%08%23%D9%0AI4lf%C71%03%90%A9q%FC%DC%E5%E0%C8%E2%1F%06%1C%3D%2FN%8F%E3%E7%0E%89%90%05%0F%20i%F8%9C%FA%85%02%193%10%E3)%F2(%BF%08%E1%20%C0%D1%5D%02%E3%FF!%0FG%B7%91%18OSu%BD%124%5D%F5%F4%A8%E6%8E%C0%D2%C9%F3%AA%1B%E3ib%F2O%88%BB%C5%E6%18%F8WS%3CH%E0%1DOBL%F7%13%7C%8F%95%D4%C8%2B%E1%BFa%DA%C8%85%B4%A9q%7F%EDV%02%C9%10%CCB%88%DA%2F%1C%BD%B82J%B3%BA%24%FFP8~lC%9A!%E9%10%9C~M%A2Z%3D%D1%EAM%85%3F%032%8EO'%2B%84On%98%96%FB%3B%D9%DEW%C8%F8%A66%AD%04%A73W%CB%CA%16%AD%93%1A%84t%EAO(%A89%22%EE%DA%BF%D8%3D%97%AFn)%D2%EE%B3%BD%7Duh%91%A0%5D%C1IZ%EB7%0Cy%B5%26%CEi%EF%CF%E4%B5%EAOz%D2n%FE%17%17%E2%BFf%9E%91%83%F7%A1%BF%C9K%91%A7T%CB%AA%D3%F6%20q%B7%EE%D0%85%B0%9A%F3%7C%95%F7%03h%CA%F3L%BD%91%E9%C8_%AC%D5%98%84%C3%8C%5C%AA*%114%F6n%18.%AA%BDG%1F%C2%EC%2B%A3%D7%C2%86%E3%B2%9CG%DF9%10Z%E5)1%92%16z%82%7D%85n%BC%22%B0%974f%B39z%2F%1A%20%10uj%7F%F1%C2%9E%D4%804%0Ci%FDNS%A5L%A0%FC%20xR-%7D%F4%17S1%0BG%B4%7F%2C%3A%25%F6%F1%80Vn%D2s%AF%8B%9E%25%CBz4%3F%1E1%02%E9*pr%1A%E6%0A%A1%93%A7%1Ak%DA%E5%B0%91%17p%B1k%A5%17%24%BA%D99%02eT33%DEpg%99%11HWA%AB%D6%DC%95%EB%DB4n%FA%AC%CA%86S%A7%0C%A4%1C%C9%3FR%F4%7B%0D%7B%BB%E4%1A%93(%B6%C0Z%A9%23%EBS%CAk%3ER%0Ef%19%BC%19%FE6%DD%5E%F7%D0%3Br.%ED%00I%CF%20%D8x%07%ED%18f'p%B0%A1%C7V%CA%14%2B%83%9A%A9%88I%BE%CC%C1%F4%8B%DB%18%FD%EE%FA%B4lx%3B%DC%FF%01%1C0w%1Fb%1D%1A%C7%00%00%00%19fcTl%00%00%00%08%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02-d%25%1A%00%00%0A%15fdAt%00%00%00%09x%9C%ED%9C%7Fl%13%E7%19%C7%1F%92%B3%7D%B6_%DF%01%0Bj%A1%94%98.%ABh%96%90%90Fm%B7%011!PJ%D3%26%AB%D8%94%AD%A9%F04%D6Ri(i%AB%22Vm%8A%93%00u%A1%5B%22%D6%7FZ!b%B6%96v%D2Z%D2%C1~I%D3r!)M%A9%89%1D%986mc%E2%E8%C8%CAVJ~%92%90%C4%F4v%E7%1F%18%DB%F7%BE%F7%CBg%A9%15_%25%8E%EF%9E%E7%F5%E7%F2%DE%DD%FB%BC%3F%9E3%40%BA%D8%8C%3D%00%A32%FB%0C%C9%0C%88%90%AE%095N%DAd%F0%10o%E9%96n%C9%88%BA%0A%7C%A63%98e%D0h%3A%04%D5%C3%99%80%D9%10%BB%0F%ACYo%BB%D3%E5l%06%BB%E9%10%E4%06z%BE%E9%90k%40y%09v%A6%E2Q%E3%10j%EC%D0%F7x%92%3D%B8%CB0%83i%89%D4%11%0F%F5%2C%7CK%F1CPe1%D1%EE%10%14%CE%FA%AF%E0BX%09Bu%DA%F7%90%ECyJ%90%1F%82%CDGtp%9D%86%100%23%3C%C1%A5g%82%00%F9%DF%3AA%98%05%9A%0C%E9%12jC%1C%88%3Fx5M%E2!%D6%05%2F%9C%14%E6%C0J%AE%AE%B6O%EB%B6%DE%16%EE%22%B9%14%CC%E2!!%1F%B4T%1D%A8y%9C%C8%80%1E%AFs%81%20%2C%25x0%D3%91%CF%B0%C6.%0EM%173A%9E%0Cq%DC%03%5D%EB%0F%DA%97%E0%3D%D0%B5H%04kl%0D%E7o%AA'%13b%AA%B6xC%CB%F1%95%8Af%E6%DE%C6%1A%AF%00%7B%98S%03%99b%EE%5D%FE%B1%17%0F%89%3C%40*%1D%0A%A9a%A0%19%B80%83%AEc%ED%CEH%3F%11%D2%A7%0A%12%81%D0S%CD%B7c%ED%B6%08%1B%20AzUBj%00%B6D%DF%0FJ%DB%7C%AA%9D%1A%A5H%A7vdP%15d%0E%DD%09%D0%11%7D%BF%5D%AC%9D%86%CET%BB%BD%9E%22%05%13%CA%93%BA%ED%E8%96u%AB%A8%10%F7%C7%EE%F9%5E%1E%FA%F8%D7%D2%ECaz%8Ex%8C%A9%DBC%F2%D7%E9%C7%D2(%E6%CCX%00%80%B7%D6C)%9CIw%A0%A7%09%10%A8%E6b%7F%99%D8%9F71n%7DbS%1F%BDk72%C5%C8%939%3Cs%8C%93%20%7D%0Bc%15%24%05%CF_l%E0Kp~%1D%F1%98t%C2%DB%FB%AA%072%AEX%24p%24%CA%B6%CA%A8%19%DD%0D%AE%D2%B3%AB%3D87%B4*V%91%CC%BDoW%AF%86%1FeB%7C%24%88%B5!v%F4%FF%F6%DA%7C%CC8%B6%E9pE%EF%92%2B%00%97%16%3E%2B%7CX%9E%01%99%C8%D8%95%A2%BBjcn3%14%97y%847D%B9%A5%D7%3E%B1n%3F%D9%7B%F5%25%3E%DDLO%E3%DB%03%F1%B3%9B%26%3D%B1wu'%A4(%89S%07'%BD%B2%B3b%85%B5vf%9A%A9R%7C3%0C%A8n%AC%3A%5EE%F9_z-%88%BF%A5VD_%AD%85%9B%FC%5B%E5.%8E%D0%11%C2%DD%D84%DE%968%04%A6U%A8%E1p~%CEhP%3Aw*RX%F4%5D9%7Bu%C8%8Be%5C%9C%3C%B7*%F9%C1%EF%E1%0F%C6%EA%11cl%8D%20%8C%97%C9FH%E7%ECr%1E%5B%B6enher%EB%05%3C%84-%05%B8vbbb%A3%FFe935y%0D_%B6%AA%3Bt0y%08w%E2%1Dm%C2%83p%3F%BB%ECo%98%3E%DEy%A1%91%97%B7%88*%EC%EE%17J%13%1Bb%CF%1C%AF%93%1B%E0%18%3D%C6%05%E5%ADH%10nn%EB3f%5B%26%B9%84%C9Q%8FuJ%08s%9DRJ%138%C9%B6.%D9%C7%C3u%A2%E4%A6%ADH%FBe%1C%2C%B9%80P%B9%81%F46g%07%92q.%93%178%E5%7F%DA%83qJ%5C%24%18%88%E2%89O%8A%5Eb%F5%91%ECY%91%EB%ABC%BC%9Er%9Fj%F2%EE%DD%A4%87%01%03%80%E4%FB8%B2%B2.%D3%09%E9%D0%00%C9%23%04%1E%82N%C2%8C%06%EF%03%BA%C6%DA%FF%DD%E3%D3pph%D6%AF%07%D2%C8%2C%D12%E1Q%F6%BA%0E%06*%87gU%0D%A4%E2%BA%DC%AE8%A0%97%81%F8%A0G%A6g%81U%3F%B9%EF%84%814C%0F%A7%DE%DD9%A6%C19%A9%95%F0%8C%06%EF!%D2(%1A%AF%F6%CE%BB5x%7FS%C7%19%11uQ%20u%1E%D3%D5%D1%AC%0Bb)%F2i%F1%D67%BF%97%FF'%5D%C5%B4I1%2CfC%F9%B9%80%10%E7%09%3EW%90Wr%01%D9%FD%85%81%B4%E5%02B%9C%9C%CC%96%88%D3%AC%D9%12%AB%25d%E9%95%C5%9B%03%08%5D%9B%03%08Z%94%03%08%94i%E8%3F%EAV%97%3B%07%90%0B%FAz%B7%DAd-%C8%01%84%DE%AA%AF%07%A2%0D%D2%96%833oi%0F%98%0F9%7F%D8%7C%06l%CBAlD%91%15%E6C%F2%1Asp%9Ft%FC%D5m%3A%03M%E5%F9L%87%D0%93%BD%BC%E9%10W%95%B4%18%A1%20Vf%A2%C6%87%F1%A5d%7CI%13%3BI%88%CC%3E%8DSQ%83J%1D%7B%E7%88q%88%E2%E8!t%3E%07%90%07%B3P%5DJ%10%C7%B2%1C%9C%F8%BC%00%D9%9E%15%E9%99M%D1*W.%FA%00%B1E%24%D34%B0%1F%E0%9F%7C%97%A9%D1%99.Z%B7%96%5EPD%CEF1%AA%EF%F3%F0%83%F6%CB%05%3C%D1%09q%E2KP%D5%12%B4l%F1%EB%E2%20%7F%25s%8C%EC5%D4%FE8%0CW%AE%D7%3B%FE%B0%94%8B%BF%CD%A0%B0%18%FF%01%F3%EE%95o%00%EC%04Fv%8DII%AC'%BA%92q%9C%EC5%08%B6%81z%80%8F%06%5Bu%0DAXN%FC%AD%87%CDd%AFn%B0%9E%10%1D%E9U%FA%869%F9%9D%AE%D3l%C1%1E%859G%1F%7C%24%1D%0D%BDZ%17%03hA%B8%C6%BE%FA%12%A0%17I%B7%BC%FFT%89%94%60%A1g-%C2%B6C%84%AC%0D%EE%B2x%60%A0L%F0%12%3C%877p%EC%9Ah2%90f%CD%BB%0AR%12%DEvW%A10%F94%B9%D3%EF%036%D4%D0%3E%AD%03%C2%0A%1C%E4%7B%E1%0E%B8%8CY4%BC!T%0F%2C%E3%DF%A7%90%99%25%AB%D0%B1%A5%D0%C2%11%F2in%C8%D2%1D%8Dyz%20%87Q%A1%B0%14%1Cne%CF%11%BF%BFC'%E4T%B4%9E(%15%25%7B%FE%FC%87%8Ep%F4%1F%D2%A9wye%9F%B6%95%D1%EA%A28%9D%0C%BB%9A%C5%9B%DD%CF%F1%86%20%A1Y5%10%EBm%1DF%20%CE%87T8%1D%80%DDu%BC%01%88*%85%C2%C6%CE%89*%E5%ED%7B%C7%7C%08%AA%7D%CB%7C%08%D8%B6%B3b%8C7%19%E2%9Ae%C5%18%FF%8A%B9%10(a%C5%18%DF%12%87%0C%9B%03%A3%23%AC%14%E3%E3%CD%0A%E5%C3%7B%FEe%A3%EE%B6%A7o%B5%14~%13%1FN%1AJ%9F%0C%FEX'%03%15%97G!%F1%8E%17K8%D8%F7%E1%22%AF%0Fbm%EB%96b%FC%3C.%B69%8F%E0J%01M%C8%DF!B%26b1%3E%BEIJ%FE%CC%0B3%3AG!.%E1%11)%C6%17%C67%CFpxW%E7%8A%3Dj%9A%5C%19IC%C4A%FF%BE%C4%B0%D3%E6!%F8%B6%D6%D4%E9%BE%BE%A4%BB%3D%0EA%FF%22%A4%25%C3%8A%7F%3C%A7%F3%A4%A4%40%9A%7C%A1%80%BC%13z%02%1CS%8B)%E5%F4%7CE%88u%91%CF%85%E9%3B%D3w%05%D0f~%5E%BF%DE%FA%8AB%A2%03u%CB%B0%07%8E%CA%3B%D9%1F%F9%9A%F8%3Ar%D9%AD%13b%0D%DC%A8.%BA%1C%EA%02%B2N.%F7%B0%17%C4q%08!%9D%8E(%A9%CF%15%87%B8f%3F%F8%BA%5B%DE%AB%16%9E%04h%80a%E3%10x%0F%9B%1F%FBK%7F%FBZT%0E4g%1C%22%EA%0DY'W%93%20%8C%EF%E6%81%F1%C6w%10R%AFT%40%F2%C2%7F%7F'%D3%E9%C2%3A%A5%D4%2B%F24R%1A%C4%B1%7F%E2%CB%7C%86%D3OY%A5%F1%81%12%24%982%F9W%F1%98%B0%26%C3%A9VC%3A%9C%2C%E4%F9%CA%F57%2F%89%FE%0EP%DD%CF%D2%9D%1E2%0A%99%13c%FCM%DBbs%FF%F2%1B%814%A7%BD%1Ar%EE%E4d%13c%FC%08%97%DC%CEo%0C%EE%80%F4%A9%83%DFh%C8%B9%93%13%E5%13%FFW_r%9B)%1B%CF%9C%05!%3E%C9%A3B%D2%9Ak%CA%E2%EE%1F%E5%9C8c%10%BB'6%7DqC6%3E%D3I%EF%9D%9E%10*M%C6%F8%98d%D2t%1C%3E%83%90%C2%86%F6%D4%13y%89%CFt2%0Ay4%19%E3cb~%92%E9%E45%08%F1%A8%C8%E3%91%9CL%87%D8s%01q%1AL%60P%051%AA%2F%0E%84%99%9F%8B%2C%B1%D1%5B%10uB%9D%9FH%90%A0%E2%02%9F%01%D9v.%3B*F%B9%AB%A91%3E%CB%F2%C3%E6m%D7%81I%8B%F1Y%D6J8%F0%157%D0%A3%A91%3E%CB%1A%85%D0%FD%5E%A0Fc%A3%3A%93%20%F3a%A4%2F%00%16%11%92g%5E%02%D7%13%D0%1F%E2%C1%1EH%8E%E3M%D0%EF%3F%5C%BCSlV%D6d%25%9B%12%9D%96%DFo%AFzs-%A0%A08%8E%C7%A6%F4%23%15%0BD%C7k%BE%C3%81%FD%01%5C%1Ec%EFF%1E%A4%3B%05%FF%10a%EFo%953%8C%DF%0A%06%9F%3F4%14%B6q%F2fi%C4%FC%A4%EBH%D9%1D%B8%F2L1%FCZ%11%22%E9%F8%16%C8%0F%C8%9B%A4%C7%05H%D3%03%60m%C6%3D%C8%99v0%5B%A6%E1%3C'o%13%AB%11%11%9F%B0%10%87%DF%F9%98%B2)%EA%5D%D4~%F0%DB%18%5B%9B%D8~y%F1E%1D%82%C0%C1Q%5E%05%A4%86G%15%B8y%84%AE0%B4r%F8%A2%3D%3F%AF%9Cz%91%F8%F8jB%0F%03%9C%C1%1D%CC%F9%A2%1A%B9o%FAI%E8%BE%91%E0.%BF%AA%89%8EZ%B1K%EE%C5%D8%9Ce%C2%C4%0ElI%D7gmHes%F3%14%9C%0Bb%9F%D1A%83%CE%AD%D8%92%8E%F2%7B%D4%F6%B3%87%AA%85%F1%FFx%F1v%16%7B%89%A2%E9%EBG%3C%EA%20%AE%C7%BA%F7%C2~%BC%BD%8B%C7%9A%8E.%D8%E2V%07%01t%1F%F6qbQ%8E)%BC%AD%A5R%E9%BB%23%92%0A%11%D6%7F%5DM%84%19%BFP%F8%AC%DA%F9S%87%10%C0%DA%DE%2F%9B%24%B4%1A%3D%CEB%B5%0B%CF%CFT%60M6%E1vR%CB%D4%BEu%FA%90%3A%C6%C5%12%FCs%EDU%F8%9BDR%97%E0%E5U1%06V8%B0%F5j%237%19L%D5bU%08%60%84n%8B%1Bgd%97%12%9Bq%EBB%8F%3A%084%95%B0%9Bq%1Fe%11%88%F3%E2%97%CA%04%FCZ%BE%AA%B4%A9%3AL%8A%95Je~%E0%E7%F5%DB%E1%FE%0F%95l%83%C1J%7D%EDy%00%00%00%19fcTl%00%00%00%0A%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02%034%EC%9A%00%00%0A7fdAt%00%00%00%0Bx%9C%ED%9C%7Fl%14%C7%15%C7%9F%CF%EB%FB%B9%3BWJBi%A1%B6%95%D0%D4!%04%9B%E0%22%D2%108%FF%08%18J1%B4Ph%EB%D6GK%5BTQl%14%A8%92%06%85%0BN%E8%85%10%1FHP%A1%A8%09G%09%89%2B%91%18%08%10%A9%AD%F0%DA%1C%95)%17%9F%A1%FC%D1%FF%BC5%01%14)%8A%8Dm%82%81%C3%DB%5Dl%EC%BB%DB%9D%D9%99%DD%3D%AB%7F%F0%FD%8B%9B%F7f%3E%DE_%F3%DE%BC%9D%05%20S~M%0B%40%AFN%9B%25e%03%22g%AA%9F%C6%89M%16%FF%C4%07z%20%AD%D0%DF%A4%ECCr%3F%08f%1Fr%18%AE%8AY%87%FC%0C%7C%81%ACC%02%80%EE%8E%03%04%92%E3%00%11%86%B2%0E%99%0F%CE%FAl3%CEN%8A%FF%3A%DB%8C%D8%ED%1F%F4%1D%CD2%83%7F%F8%8B%89b%96%19%D0%15%F2%16%05%B2%0D%D9%07y%5B-%DF%C0%E8%DC%9BD%FB1%A9%E7%F4%A0U%08%F7%C2%2C%91d%CF%09%B5t%0EXCt%40%0CN%14%92%3C%5C%F9%9B%C0%1A%C4%F3T(%0C%9DSI.%C2%E4Jx%C4%12%C4%BDu%F6%3A%80%A5D%9F%C8%20%D4Z%82x%F3%AF%16%BC%CC%93%A7%D8%DCAh%16%AD%40%84A%A8%93%AF%93%9Fg%3E%09%DD%92n%E7w()eR%F9%D2O%0C%7C%92%20%E8%B6%0Bk%1B%E9%20%17B%EBf%18%F9%AC%C6%19%F8%B2%DDT%10%3E%D0pL2%F09%8E%EF%5D%1E%05%EFsF%FD%15%B5%E4-7%F0%D8%16%C4%18%C2%E1%ED%7D%1F%1EF%BF3%86%24%3A%E6%18x%CC%F9%8D%A4o%D8%5C!%CB%D7gB%5B%A7!%24'%DA%1A%24%3A%A0%5B%9F%3E%81%B3%F1'%E5%00%E4%8A%86%10~%DE%17%E4C%F1%25%85Y%18%93g%81%5C5G%DAn%7C%24%D0%3A%EF3%89dw%DD%5C%80%BB%01%23%8F%9D%06O1qV%1A%11%3FA%24%9A%D7%F6%2F%C1%FD%11%1FQ%0C%3F%A2%B6%7C%E5%9C%E0%0E%D9%5B%2C%87%B0%3D%2F%04%A9!%E8%97%1F%0A%A5_J%FAF%B7%5C%87%9Fu%F8%8A%CA%CA%DFR%5C%11U%DE%C1%83%C1%E3%B8%F3~%A0%40%24t%AD%ED%2B%1F%20%D9ST%B1%11%60OH%DF%96%2BK%84%9E%C2%F6%9Akw%A8%18%CE%89A%C5%7D%91rH%3A%87%8EH%0Bk%14%3F_%0A%DDT%90%BA%88%A4%CC%11MAp%88Z%23%AFW%0F%B8o%2B%96%E5%97%F9WhrX%E7%D4%E7%15%FF%2F%0B%DF%97%F4%8A%18%17%F0gC8%F4%AD%5D%E7_%95%9F%A6%60%40%AB%A8%B8u%D7%F4%FA%E7%FB%25%AD5%81%9F%CE%5D%FD%12W%F4%0F%91%86%01U%C2%CDF8%10O%E6%DC%F2%EBth%C5'%5D%BE%02%D1%19%A5B%00%9Ap%B2%EAMx%0Bns%93%F5%20hs%CA8%9Aj%CB%A0%CEq%E2*3jbU%94%BB%8E%0B%01%C4%DF%8E%8F%C5n%CE%A8%80%C3R%8AR%7DWr%09w%09%1C%9FV%F0pcZ%3BQ%AC%90wOq%1F%DC%E5%07%F9%94%E0q5a7%E4%E2b~%E6%EA%BCza%E6X%F3%5E%DB%8F%C4%99%0F%3B.%5E%12%E1%BD%B1%E6%A2%CC1%B4%17%5Eg0%D2%85W9%8B%D7*%AB%9EQo!ix%E1%D3%84%0C%EC%23%3A%BBV%84%9E%D1_%7C%D2%1D%A2%EB7%AC%5CJ%3FW%10%F5%8DAz%DDF%E9R%9A.R%FA%A1%D9%E5%CBF%7F%F8J%DC%01%16%C8%3EZG%3E%3E%F6%EF%83%CFpL%90%9F%B08%DF%E7M%85c%94%A7%0B%DD%0BDO%9A%80%B8%EB%A18D%ED%AA%E8%2B%26%20%B9%22%2F%8Bt%AE%BC%92%F0%B8%16%06L%40z%80%A7%AEi%BF%06%F0%07SU%9E%84%12.i%7Ds%A3B%907SSHHn%EA%82%1D%3F%D5s%14%D6%9B%80tu%14%D4%FB%DE%A0tnk%3F%0Aa%13%10%FF%B4A%E8%AE%0E%D19%F3O%04%0D%96%EA%98~%93D%08S%3F%8E%B1%D2%E7i%5DS%25%F4%02%9AO%0DA%2B%E2%C6NZyK%94%87%8C~b1%0Cp%BARfG%87H%0F%89%99%82(%E3w%01%17%CA%3A%E4%10%03%E4%3Dc%17%1D%B9za%9B%94K%0D1%F3%94(%D7%24%E9%91%03~%BA%CA%86i%88%20%CB%A5w%13%22%AD%FB%EB%A6%20pb%89%3By%E04%ADw%8D9%88z%C6%16%5C%17)%7D%CDL*%C3%90%3B%95%95%B4%90%C7i%1D5%10%86%10%B1ev4%FB%90%2B%DE%87(%97%F4%19r2%BC%F6v%89%D7%98R%C1Q9%18%BA%F1%F5%9E%A0)H%22%CA%E0%5C%12%11MA%CA%24%06%E7%A1%9B%A6%18.%A6%D7%0D%83%E6%DE%13F%E638%7B%E7%9A%DB%1CQ%BB%CC%D8gT%5CS%A1)%C8eB%5DE%A3%1Eg%C0%14%04%F63%3C%5E%EF%0A%8B%CDAXd%26%7Fd%16%B6xl%A3%F8%9B%D28P6%8B%E3%00y%A0%FF%13%F9u%0A5!%8C%2F%A7%E3%9BR%D8!%40t%DAH%A5(%96%F6%07%10%93%90%F1%B8%F0%A8%D0%C8%C3%0E%8D%0B%04%9Ff%C7%16%9AK(u%B4%15g%10f%C4%96%D8%05%D9%8538wC%7B%D6!%0E%80%7Ff%1D%C2%014%01%C4%3B%EC%80%04%08%90%EF%C3%95%D2%0A%EA%85-A%D8%F4%CF)y%EB%D13%00%BF%B7%CE8%23%071%16a%FD%8B%A0%D6%AE%BBE%AB%0C4%1D%A6%E3lNe%C6P%00l%95x%DD%81%EAa%15%D6V%03%EA%EB%2Bw%A1UH%8E%04%7F%C4%D9%B8O%C1%1Fe%5B%11%EA%2B%06%C27%B1%10O%D0%FF%AC%E2b%19%D2%16%BD%1C%C5B%D0B%7FbM%C3%90E%88%F0%0By%E0%DBXk%1E%5C%AEC%E1%9D%5E%E3%97%3BDm%BA%F1%97%1A%11ku%8B%D0%DCi%F9%EE%12n%88%11%C2l%EE%8B%DE%0B%AC%16!%7C%12%91%CA%EC(h%0B%A4%E0%3B%C4%F5%AE-%10%B8%24%CB%B7%09%E6%B2N%3B%20%D0u%E4%9C%88%B7%FEk%99-%90f%D8%F35%BC%F5%AF%A7l%81l%87%E9-%22%D6z%D6a%0B%A4%C1%5B%D8%83%1F%23%C6%25%EC%80D%1C%A2%03%3F%C6%89%E6.%3B%20%CD%DB%E3%1C%BE%22%F6%CA%14%BF%12%E3-C%12%B2%BC%A8%E8%E78k%B5%E4Wb%FC~%0A%88C%26d%02%8E%A9%F1%AFb%E3%2F%14%CF%EDQb%FC%26%0AH%D7'%84%CA%B5'%08%11%FC%AB%99%BBM%5Dj%8C%A7%81H%DE%20%DE%CA%D7%DE%C2%DA%DC%C31%9E%A3%808D%7C%FE%06%A8%F61bZ%C5%A9%10%8A%C4%CB%BD%1B%FE%835%5E6(%1Fr%D1a%90%91%84%99%E0%C2%1AW%18%0C%C0%3D%A9%DC%81%14%10%D8%01%9B%24%8C%897%AA%83r%915%0D%FD4%90%FFn%C0nU%13%FA%0C%F6%D9r%1D%E1%9D4%A7%0B%9A%DB%1E%C5%BE%9D%3EF%0A'0r%E1i%20%15%B3%3F7%BD%E3%9D%0A%12%DB%08P%B0%91%2F%97%B2%099%A0dUo%81wG(%9B%90%EE%B0%BA%FCp5bSQ%3B%20%DE%FC3Q%E5%A1%EF%FCS6!h2Z%25%C1%C7%90crENwwE%C2%0D%F3%F8gMG%B7%7B%90%F5%E1%94%D7%9Czs%F6%B6%87*%9F%3B%2B%01*%19%F9M%B5%F5%8A%04%B9%02%9A%AD%ED%BE%09F%5B%AF%C8e%24uoa%FA%E9%CA%EB%8461%DD%E9%C5%1E%A3%8BA%86%B8C%F1%8ET%08*~%A4%A9%E3%7B%19N%01SE%B5%14%C8%96%D2%8A%BD)%10%E7w%0F%CArf%FE%BC%D4*%E4%8ErYS%20%FF%96%CEj%9D%E6%99%DAs7%26%97%1A%E3S%F64%EF%87%CCs%A5h%88m%CF%9DF%5C(%3D%C6%FF%98%D7n%9C%12%AC.%5C%F3B%E91%BE%ED%E3%90%C6%C7%F2%07%86%EAC%9Cvw%ED%0Dj%7D%ACVx%DC%991%9E%0Fh%7C%A8%82%1A%11R%9D%11%E3u%20z%BB%AD%D9%20%8D%191%DE%A5M%CF%F5%B6%0F%B3AB%19%A7Cg%83%8A%FD%10%9D%11%3D%16%19%F7%20%8E%D4%E9%AF%D5%EA%88%99B%C3%90%B4I%23%06%ED%B6~%1A%89%B6)SD0%03%D2%EE%7Ba%9E%9D%90%3Cu%F3Go%E6%91%D4%D8W%2CV%D5%7C%BEP%0B%B9%B2U8%2C%D9%08Y%09w%B5%90%F6%F8%BE%9F%06%ECc%F8%A6%C0%12-d%17%F8N2%7C~c%A4%F7%E3%2F%855%10%F4%B8rYx%DB%18J~sH%85%C4%3BR!%DE%86%AA%F0%AF%EE%FF%B8V%19%B2%08%F1%84%20%B1%01%E0Fi%C5%81%94VGGSxt%05%FA%3A%B2%FAY%B4%F2%18%EE)%01%A4%C6%F8%94%D6%B4%07%BE%10%A2%AC%A3J%99%10T%10%05%B7rMz%C4%B1%D6%D7R%3C%94H%CCx%24he%C6%1EV~%EE%ABOI%12%A7%5E%F8%14Cj%DD%C1%13%60%DDv%E6%12%FF%5E%98%DE%D2%5E%7D%14%B6mQ!)%E15%F5%F3L%F7r%60%9Ca%9C%DA%B75%AB%00%CA%AFG%15%88%FE%8C%886m%F42n%0Bj%07M%B2%F34%C0%E2b%25%C6%B7%E9o%D08x%BD%AF%9A1%85%E0%A4%CB%19%3D%04e5%9B%8C%D4%ADi%18%BA%F4u%9D%0E%CE%81)%1B%18w%E5%FA%D6%CA%99%23%F1C%CA%C19%1E%1D%DC%A9%1C%8B%F6%DC%A3%B2%E3G%02%8C%8C%89%0Bn%C5%CF%95%A7%A5%AC%7C%2Fx%96%F3%C3%DF%13%FDY%DB%23%D9%AA%93%B8%90%84~tbF%7B8%FC%86%98%06%B9%0D%8E%85%95QL%97%9C%E0%5E%9E-%3D%FD(%3EI%D2%B6%D6%AD.%18(%C7%7D3%E0%ED%5C%CD%06%F1%E4%EB~%2F%C6%C9KQ%1D%FE%99%5E%C4%F8_S%08%B8%0AK%CB%14%7C%A7%95%40%F3%D5%E8%98%94%F5%85n%91%D0I%AAB%AD%90%AA%98%20-%2F%A1%B9%3A%CD%A8v%23%A1S%F5%FC%BDL%90%1Fv%9E%09%EA4s%FD%F8%E2%A5%F2%C4Wy%99%20%B1~%DDE%9DC%96%09%89%9C%03%FB%12TW%A8%60%81%A8%DB%1Eo%D2m%1F%96%8Fe%CF%A0Z2UWm%CC%AA%95X%BC%9D%CB%0D%3F~%D7SK%89%B1%CF%98P%19%DB%1D%3F%A2%3A%B6i%C5%115%C1%10d%A6%CD%C5%A7%BEa%82%01y%D3B%D4%BE%9FU%16%17%89f%20%CD%84%0Fd3%D5%10%3Eb%06%01%C2D%C2%1B%B7L%99%FB%F6%40%097%03%B3%24%9CMS%C0%E9%D3q%AA%C6l%B1%A2%94v%40%D3%FFq%DB%E7q%91%C6%CD%1A%04%AF%FF%01%D5%B3%93%8A%C0%85b%9C%00%00%00%19fcTl%00%00%00%0C%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02q%C5%B6%1A%00%00%09%E7fdAt%00%00%00%0Dx%9C%ED%9C%7Dp%14g%1D%C7%7F%09%7B%97%BB%BDg%F7(P%0A%92r%87Ti5%85T%228%25%90%0B9%C2%8B%91%0B%82%8AH%CB)%B5vF%A7%094Ef%7C%C9%A6I%3A%5BL%09%20%FA%8F%CCd%A1%C5Qg4%99%3A%3A8%83%C3%E6%A5j%86%2Bw%D2%81%EA%1F%CAB%A0%14eJ%5E%20%40%DE%D6%BD%23o%DE%EE%3E%CF%DE%ED%3E%FF%F1%9D!%EC%3E%BF%DF%3E%9F%BD%7Dn%9F%DF%F3%FC%F6%D9%03H%97_W%02%D0kPfK4%20j%BA%06%AC8e%26%9B%A7%F8P%0Fe%A8_%2B%F4%19%AE%C5%AB%E9Cj%94%13%D4%19h!%DCj%A3%0Dq%0B%E0%17hCr%12p%86%3AD%EBk%ABd%FA%10v%906%03r%5E%DA%B5%86%3A%C4%D7%B7A%A1%0Eq%A9%B2%ED%3A%D0%D7%08%0E%AD%25!%DB%90%AE%96(%DE%E1%89%B2%11%BB%0C%3E%3Fo%18%EB%80%86%D6%DF%25W%13K%E0%ACl5%FC%0C%7B8%3B%9A%7F%9B%C8x%A7v3%CE%CC%080%03%7B%BC%A7w%24Lbpk%7C%F7%B1%90j8O%82%EC%C5%99%B7%85%C3%1B~%DE%06%DBpux%E7w%3FJ%82%9C%C1%98%AF%865%95%C8%F0%22%AE%8E%8F%02%FD%12%16%E2%EE%1D%CE%C1%3Ah%B7%EB%3C%E9%3A%EE%DB%E3%9B%AB%3E%8F%AF!%B7%F0%9E%9B%00%D9%F3%7Cm%FF!%8C%BD%B5ix%B6%82%AD!%5Ey%8F%C0%B8%B6J%C0%DA%D1%10%3B%F3%FD%7C%AC%CB-a%03%9E%C1%2F%FF%8F%8Cu%98%11%F2%84%F8H5%CE%C5%A7%AC%C7C%DCk%3CxH%5Cv%87%80%7BQ%C1%3A%D5%E0!%DF%94%7DQ%ACC%030!%7C%15%DA%E5x%06k%F6%0E%01%7C%01%EB%B1%11%18%FCYh%E2%F0%0D%EF%2F%8EA%FB%CB8%8F%02%60%04%12%04%F5c%CD%1D%DA%CD%18y%06%D3%3Fr%020%07c%0A%1E%E2U%25%9CY%E4bGg%FF%0B%DB%09%03%A3%AA%95x%08%B3%18%E7%F0%CF%80%AA%CE%95%F15%00%BF%F7%2C%09R%8E%99l%EEU%D5%DB%3F%24%204%A1Y%841h%EE%1B%18%C8%E1%3E%85%8C%D0t)J%B0%9F%C6%40%F8y%96%18%D0%12%C2%DB%5Bob%20y%85%D6%20%CB%04%BC%BD%8C%C3%40%E2%B2%25%06%22%8CA%D1%7D0%1F%AD%F0%16%C6%18I%F5%10%12%15%AEQ%0C%C4%15%B2%06%A9%0A%E2%ED%ED!d%0E9%A2Xbx%07%87%B0v%14%90%D1%E0%9B%C66%97Z%60%89%01n%B5D%C0%D9%3D%EALxaQjS%97m%E9%1F%D4%F7%26f%99%19%93%B1%1B%EA%22%25p%FC%DB%F5ef-l%94%B6%D2%22%E2%B2f%13%7F%EC%81%99A%E2%C5%C6%E5NBNF%DA%A8C%7Ck%3EX%18O%2B%D35%A6Q%C8%CC%A4%E1g%24%E03%CD%B43w%5D%00%AF%8A%E0%0A%A8%D8%E1%92%7DH%D7%06%F0%EEZH%91%01%ED%1A%E4%A9%E4%EDN%13%92%D3%06%BF%1F%FD%5E%AB%C5n%23Ky%16%F2%25Qu%40%A1%0A%81%B5e%C57UuI%02hr%BC%0DA%A4%FEy%CF%3D4%9B%22%04%3C%23H%95P%A4%14%3B%02%CDX%C9Y%06%F7%DE%E4%AE%16%11%03%02%B0M%8E2%E0%C4%0B2%EC%9D%9A%C42AP%05g%09%9A%1A%7CCl%A5K%99%D8u%8DADr%1CR%07%9DoK%DCdj%8B%1D%86-%0A%C6%3D%1B%89b%95X%AF%B6%C1%8A%89%02~N7%3E%E9%92%85%3EY%AA%F6%AD%DF%25%C3%2B%CADI%7B%9F%E00%03%15A%AE%94%ECL%B6%2Cp%B8%E6I%B1M%97c%2F%BB%0B%C1%5D%C9%8E%1E%7F%8E%12%E4%CC%B7n%C3%3BgG%81%AFU%0Fq%BB%BEA%07%B2%D6%A7J%AE%E0%F8%40%11%95%D0%E9%7B%0F%5C%F9%C1%8A%7F%E7%EF%A4R%F7%94%EA%94%1B%25%23%F8%C9%A5mq%16%E7K%E6%F2%AE%93I.n%DB%A1%BC%FD%AF%F8q%BB%A6%CB%82%5D%C8%B7%A1%93%E4rX%B1%0By%0A%18%C2%24%9A%7F%D2.%E3%E4%20%5CQ%F0.h%CC%26%E3%84%FA)%11%9F)%82d%1E%C7%96.%A8%F9%3DspI%C8%94%08i3%82P%60K%1BO%FC%20p%C1%16%A4%FD%EEQm%12MH%CA%DA%14%17%906i_%9E%ADT%3B%8C%9E%BB%A9%89%BE%87%EA%90%B69%0A%A98%FD%AEL%11R%A6%E0%9F%068%A2%8F%B5n)%0A%A8T%A0%CCA%8B%CB%23%FB%B1OP%9C%10%5B%13%9E3%8B6%04%92%F9%13%E2%3Do_%F1%3F%3EN%9D%E1Y%C0%CF%A5%8C%60%1Bg'%A0%96.%C3%B7l%40%B2%9C%8F%CCV%F1%3B%C9%FA%E3ET!%17%D4d%A3_'%3C%CD%C9N~%83D%8D%60%E2%CBd%96%D1%9B%061(%CB%2C%A9f%5E%FE%10%92%25%C4%B4%E1%B9%7Dr%9Ao%D6%0Do%AE%8E%EE%AFg%7F%B0U%15%C3e%85%3A%A4%10%FC2uH%25%DC%A2%3C%A5%D2%14%02q%09u%C8%EB%DDK%DF%A7%BE%BC%0D%95%CA%B0G%8A%9D%A3K%D9%BD%5Dl%E8%2F*%A3%1B%F6%CB%F7%8BM%AB%00%F6Q%85%F4n%06O%25%C0%15%99%22%83%EB%EDTr5%80G%A0%08AAv%B3%9F6%C4%13%82%8B%CDRj%E5!%3DqZ%CC%F7k7J%9C%26%04%5E%87%9A%DA%F8%F6%FA%01%99%26d%C6%EC%0A%95%17%0F0N%40L%EB%F05%B6%95h%FF9%02Y%A0%7D%91%D6)F%16%24D%9C%82%BC%06%F0%D6)%C3%BE%C3%2B-s%0Ar%09%F8B%8F%E1s%7F%97%1C%00%0B%C3%04%2B%F2%CB%5E%09%89%DA%C6o%D3-%B9)%80%23%10%CF%1Aw%5B%F2!%DB%F5%D1tK%D7%03%88%13%8F%0E%F9rw%B5V_W%9F.%D9%F5%7D%E7%3E%09%5C%DD8%06%3B%D0bIg%88%0C%3B%07%81%23%03%8D%CF%D5%C8%06%86s%0EB%F8_%95%19%3C%FA%07%A45%86%EC%18%24921%16%23%C7%CE%D1%87%FC%A1%A8%AC%C5%C2%F1%FC%B6%1F%D9%80h%7D%8E%95%091Z%DDM%5EQo%0A%D1b%FC-%D9%02D%00%F2%F2%ED%A0%19D%00K%0B%F25%C8O%88N%DA%B4G1*w%25!%16%06%5E%1AD%B4%00a%EF%18%95'%07%11V%C6%F6%A8%12%0E%10%9Df%C2%E1%B7%0D!Ok1%9E%CC%004%88%C8%E9%CB%0Ao%FE%2F%0D!%91%ED%F5%96z%C7%06v%808%CF%D8%D4q%EEiC%C8A%F1%80%A5%9Bq_%5E%5D%94%E4%F3%EAc%8D%15%8A%11D%B0%D8%AD%CC%FB*%1B%24%F9%1C%17%9B%D7~)%5BH%DEA%40%7D%02%22%E6%2Fo%C0%C9%EEg%B3%850%B3%DA%B87%C1%BB%5B!%F8%F1G%03%FDF%FD%825H%C1%7C%ED%AF%FB7%84%B5%98%7C%5D%60%83a%DF%83B%16%20%ECh%8F%94%5C%EFS%8Cw%EB(h6%FE%02Z%82%C0%A7%F9%15Z%E4%83%0E%BCW%F3%B9Y%92%0DH%EB%E9%CE(_%40%1A%A0%9D%0F%F9%BE%98%3D%84%AFU%D5%BE.%01Pt%BC%C0d%E9%95%D99X%82tn%25-%BD%C2Wa%09R%E0%17%81Up%1E%24%089%C6%7B*%B3J%AAM%83%7C%9E%1C%E3%2F%CBv!%C3%E4%18_%A3%AB%C3%A4%E1%CD%E4%09%12c%BCo%24%3D%A3G8)%9D%98%DE%07IA%8C%CB%E5h%A6%95%A6%CB%95%84%E0c%7C%C4vR%CC%DBK%9Ai%DD%B0%B8%DA%18%23~%94%F0%20%02El%BE%9B%E5I%B6%22i%1E%DFe3SuQ%FB7%E6%D0%3C%DEL%D7%9F%94R%A3%3E%AA%90R1D%1D%C2%0E%AC%1C%A3%0E%B9%00%C7G%A8C~%01%F1%FB%D4!Q%C8y%F0Ir)%E6%B9C%C0%14%A6%20%86%FD4r%06%B2%19%98%C4%CD%84%19%24Wq%04%B2%1F%AEA%CB%981%E4F%B8Tr%04r%FEt%05l%196%84%A0E%C7%DE38%22%0B%A1%E5%87%E0%B1y%BDF1%3E%D7%89%B5%AE%1F%85%92%7F%8F%01w%7F%FD%1D%A3%18%FFw%E0m%7D%E38%B1%09%D0%13rr%B3B%8B%AC%AF%18%C6%F8.%E8%98%995%A1%23%BC%E4%A7%A7%EB%C2eRjo%04%5Cc%CD%BDF1%BE%91%2B%26%0C%AE1%EA9%BB%F7%1E%C4%BE2%5E%E9%10%5C%9A%99%84%E8%E7%F1%A7%18%A1br%E7%1F%A2%EE%24%B0%3A1'%BCN%EBF%C6%F7%EE%C2%F2%A5)%88.%2Cum%82I%88o~%F7%FCL%18%EE%C1M%E09vvb%F9%ECn%EF%C8%5B%BB%24%80%1C%DD%99%E6V%C3%E4%E5%D2%AC%F87u%D3%D4%12%FD%10%E0%DD%F0%EF%C6w%E3j5zdu%EA%1D%804%5D%92%A7%9E%DCvj%1FU%B1%CE%E0%E7%023%DD%9D%8B%01%B4Wm%AF%D7%AFJ%D4%C6%D7%C1%F1%CDS%DFI.R%B6.v%A1%EF%CB%E9%97%1F%E5%8B%5BuoJ%A0B%C8%1D%9F%F5%FB6%D6%2B%3E%E2%C2%C6i%F2%3C%BB%D3%A5%BB%C7Z%7F%FCY%DD%3B%B2%1D%09%B8%FA%A7%07%9B%3D%81Y%EA%A3r%06%10vk%DB5%7D%E1%23%C1%FF%7B%C5%CA%1B%DE1-%7F%EC%09%ECpe%82HJ%DC%A1%2F%BBX%C9L%BB%5E%1F%AC%8C%B5%DC%9E%AC%96%2F%A9%02W%A6%BF%81%E15%1C%E2sS%D7%EB%C3%BB%C5%E0%9D%A3L%EC%CE(%F6'%BC%A1%0C!%CCk%B2Q%F1%91%C9%AD%FA%C4K%00%E5%93I%A7%3A%D9%25p%83%8A%D11%18%88%F1%CF'L%85%DA%8F%A1g%E7_%F2'2c%FC%7C%E0%3E%01%7F%2B%FAn%2C%13%08%BF%92xV%7C%C3zy%E2W%05%7CA%ED%5E%94%015%86%0D%CF%CDD%17-E%89%FFN%B4%11%5B%14%5Eg%F2F%9E%B9%D0R%2B%5E%DC%B2%C9%3B%B6'%0A%26%E9%12s%E5%60%7F%18aB%ECT%8A%8F%2F%86%BCLg%0E%E8s%B2%05%2F%DF%B4%1BC%04%97%94!%24%E3%11%1BZ%85%1C%7F_C%A7%E6%A6*%BAKf5u%E6%9F%A1%BD%8C%1F%3C%03%09%FAk3%17%1D%82E%B4%AF%16%F3%B8%06%A2%F5v%C8%84%F2%EE%C9f%26K%CB%A6%22%26K%AC%2CJ_a%F6%3F%DC%86%14Kn%F6%20%A6%FA%1Fc%CAy%EBp%20Wn%00%00%00%19fcTl%00%00%00%0E%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02_%95%7F%9A%00%00%09%C3fdAt%00%00%00%0Fx%9C%ED%9C%7Fp%14%E5%19%C7%9F%E46%B9%CBfw%2FB%D4%A0%81%DC%20%12u%A2%80%0D%15%DB(Grc%22Pr%D5%B4%8D%9DTO%E9%20T%2C%88%80Lma%01%81%83A%2F%F2c%FAcl%B3%A0V%FFp%9A%03%87%D6N3%C3%9B%842%09%04.%22%C5a%C6iVB%D0q%18%F3%13BB%F0%BAw%094%3Fv%F7y%F7%EE%DE%FC%95%EFL2%B7%FB%3E%EF%FB%D9%BDw%F7%7D%DE%F7%D9g%0F%60%B4%9Cc%F6%00t%E8%EC%8BK%2C%20%E1%D1%EA%A61%B2%A68%0FqB%13%D2%95%D04%0E%90C%AF%FA%983%C4%3C!%9F9%24U%81%0B%845%24I%05Nf%0D%D1%C6%C1%0B%CA8%406%AB%AC!%B6%CA%C6%EB%AC%19%20%84%BB%14%E6%108%B8%C2%1Bg%0B%F6%E2f%C4B%C8%DB%FD%20EC%A2%C9%B8%F0%8F%E3w%23%B59o%C5%06%9C!%BD%E0)0%2C%DC%0D%87%90S9%A0%96%7C%AA%A2%90%14%1Fl1%2C%F4BJ%A5im%E9%01X%C8%C9(%A4E%853%C4%A8p%258%CC%5Bp%B8!%9B%9F%86BB%1A%C7%10%B2%13%83p%B9%CD%03%F0%04%82%F8%E6%B5UD%9AkT*%3DUS%174%AD%2F%AC%E9%EE%23!%F3~K%CF%E9%CE%EFY%F0%B8Q%B1%AD3%E7*r%94p%BE%DB%B3M6%B5%A8~%13%0A%9E%DF%A9%1A%15o%BE%86!4%0D%808%DB%D4%E0NHw%B5%FE%02x%FD%FBI%BC%D2C%05%01%F3%AFk%00%EC%5EiU8%EC%D2-M%C9%D2%9Bk%8E%96%F1%5D6%A4%B2fN%06%C1%EF%D7%3F%94%967J)%20%8B1%83%DAl%0Db%A8%EA%B3%ABT%1C%B2%103%10%7Fn%06y%81%0B%10%94!mWP%1B%BB%0F%F6%19%B5%E4q%3Cm%3E%A8D%F5%FE%0FP%13!%03%16%0C%18%94%15%0By%DF%C7!%A9%3F%C6%DC%01%C0%FDP2%DD%A0%A8D%BA~%06o%40%CA%F1%A16%B5%A7oT%11%FD%A2b1%E7%D7h%7D%80%C0w%A8%09%7F%5Be%BB%A2_%F4K%08u%1B%F0%87k%0F%DE)%B0'%98%EA%D3%2F%F9%04%F8I%A8%03o%3A%99%B5%D7%DCB*%26%20L%E3%5D%86%06%B5n%84%E1%88%AC%18%CD%3B.%AD%A7'%08OJ%C63%A7j%0C%12~)g%83%1F9%8E%8E%FA%AB%A4%04f%19%0D%E8b%8E%82%40%02%FF%C9F%2C%80%EF%80%BD%E1%3E(%DCiP%9E%8A%0E%C3%97J%B1%C3%00%A1%1F%E0%8B%D3%C6%E5!%A3%FB%F4%96%CE%F7c%16%00%2F%99%17o%F2%E9%EF'%B7%3EQ%DC%89%98rd%DD%DD%9F_Qo~%0C%D3%DC%AE%A6%12%C2%F7%A9z%BB%A7TU%F8%FD%A7%A2%9F%DF%EE%7C%2B%5E%CA%81%B0Og%AF%C3g%0F%CF%98%1F%8E%F2%C5%B5%AB%A3%FB%C6D%5B%F4%A6%07F%91%19%BD%CB%2B9X7%C0a%01%1C%2B%A1(%3D%DB%10%993%D0%BE%DA%A0B%A2%20%01xo%00%F5%99%F1B%3C%10r%CFB%18qC%0A%FD%B7%9D%1C%DD%0B%09%EF%F8%BAp%BF%BD%8By%E4.%E9%AA%CD5g%99%87A%CB%C3%C4%3D%B7%E9%C3%AE.t.%1E'd%FB%15%5BI%23%3Ax%C6'%FBl%C2%C9%17%EEQU%96%10%C7%0D%E0*_%A9%7D%9A%E9%B9%F0%7D%90%DCtM%C8%A1%98_%C6.%E9v%A8%E7%A6%01%CD%9C%3F%0EU%D7dW)%D0%C0%16%C2%E7%FCm%12%5BBT%A9%14%BE%3Dn%B5%F4%8E%03%A4a%962%0E%94%CB%F8%A2bB%13%9A%D0%84%10%7D%BDs%1C%86%92%E5%7F%7D%8C%3D%C4%05%3B%983%04%2F%1Cf%0A%90%F6y%3C%85r%24R%CDP%17%BB%96o%99%EF%86v%EB5%8F%D1_%2C%DA%9A'%A9fY%D3%3C%EB%10%E1Qj%D3%7Cm%A5B%C4%22%C5%3A%04%DA%D0p%EBM%95f%A9%1C%81%A31%DD'%076R%1A%D6%9D%CB%D6%20%C9%EEX%20%D2%E6JH%CF%FF)~%80%9CRn'%C0%DF%88%05%02%E2R%92%A2%A6%60%0F%AE%B4)c%EE%03%0E%19%A4%FBc%82%80%B8n%03%C0Z%CCJz%B7%9B%F0%3E%0AC%1D%C0%09%FF%0E%8FG%5B%95%9D%C5%2C%AB%BA3%40p%01%D4Z%87%B4%F4x%FC%BB%9B.%95o%C1%BE%AEK%FDv%1F%08%DFi3%60%EB%90Z%15%C4%FD%C5%CA%BFk%B0%8E%AF%F2~I%00b%7B%C6%FB%D5%5Dp%F4Z%7D%86%F4g%CC%D0%EE%5D%AF%FD%A7y%2C%A4%A3s%99%9D%CB%BFG%C0%F1%5B%CC0-%F2%94%EF%C9%D8%20p%99T%BD%E8y%86%B4%E5!v%D1p%CD%7Fc%84%88%87%0B%40%DA%D3%F9%0C%96%16R%1Cc%FB%11%09%83%09R%0D%9E%DF!%86%99%A7%2C%B7%ED%D4%09%D4%C8%06%B6%9C%8E%ADQ%60g%24Dg%DF%60(J*%AB%A0%B05%DBO%01q%B8%8F%9F%C6m%E3%84%D8%09%DFJXC4%9F%C1%25%0Ab%D8%F1%BCW%AD%1E9%C6%C4%DC%F1%C6%92%F2'%DF%15%7BmZq%25%25%1F5%19%A73%24F!R%5B%E2%0F0%86%2C%04!%1B%EF%D48%D5%01%D2%7C%95%3D%C4%11%C8c%0D%99%0A%B5%ED%5B%8E%9A%3C%80J%84%B6C%81%F3b~%11%D3%E0%22%D8%5E%ACt%FE%10%60%3DS%88%D6%BC3%03X%E7%EA%B5%92%E4%20%60y7%F1JpEFH%C6%10%E8%E0%14m%12%C7%18%92%C1%3D%A8%8D.l!%82%CC%05%CA%B7%F6%B2%85%B4%AAI%DF%FAw%A5*L!%EFG%87%C7Q%EE1%C1J%CF%1B%07%88%E3%DE%B7%C6%E1L%06%9F%B4%B1%85%00%8C%C3%D75%01%89%05%C2%DA%01'%1E%22%AAz%90%A6%D3%09%85%24%13%1DH%5B~Q%15Me%CF%E8%B5%8C%AE%048%A8%EA%404%1F%BFI%BB'u%F8%23%24f%1F%C6LR%9AAj%5C%F2%23%9D%12%A7%17%A0%1D%AB%1E9D7%92%C9%19m%A6%FE%BD.%97%1ED%038e%0A%88%0B%5EGLR%7CP%20U%E9%A5lD!%14%13%2F%E1%06%1CGL%C4%01%DE%07N%BD%A0%8AS%19%04%A1%EA%85c%98%C9V%BB%0C%87%F4%0A%9C%8F%01%5D%FC%B7%AB%7C%26fb%DB%26knP%0F%12*%DFJ%95X%D1%11%E8T%11%13if%D6%0E%DD%243%A7%E4%DFEu3%CE%16%9ER0%9B%BA%C2.%A2%0B%01%8AaE%D0%FE%96%AC%FF%1AM%11%17f%B9u%F7SA%9C%DA%1DV%B8%DAA%F1(%5B%3F%E7%88%0E2'%A8%9D%8D%BD%0Ce%08r%9A%5E%EC%99%0A%C2-%BAC%FBo%C3%E7g%82%7C%E6%F9%87%C7ZQA%F8%81%CF%9E%8DDa%97%E0%90%DF%B7%7F46fM%E7OfHKU%F8%15%1CS1%88wqu%E5%D8%D4%13%3AH%B5g%C1C%92%0B%1C%3E%0C%E2%EE%98%2B%C7%0A%09%F4x%8A%8E%13%90%A6%0Em%1B%A5%5EI%19%FD%BB*b%84%EC%5B%8A%A5%5E%DDl%22%AF'-olB1%15%E4%11%EAx%D7%F6%5C%A1ol%86%1A%8D%8F%17%5D%D4%90%B6%EB%D0U%40F%14%B5i%A7~%04%F7%F1%8EJ%2B%91%BBM3F%A66%17%11%E0%EE%D6v%23-%D8%C8h%88Q%C7G%D4%A2%8C0%15%F3%B2%81%A3%F0%F1u%A3%23z%A6%D6%81%91%BE%D1%E1%CD%8FNQ1%1Fo)%E2-M%1A%05%91%2F%90(%C4%DC%C7%8B%96%9Em%F1%B7w%8Fx%1D%A7~%A3%5D%89%AC%E3%11%1F%2FdX%81D%9E%3B%0C%DB%10%17%1FnP%A2%EBx%F3JB%3C%2FU%A7%06%F9%19%24%B2%8EG%7C%FCAw%1C%10%ED%BA%EC%04%EE4%E6%E3%C57%E3%60D%20W%A3WWr%5C%D1esq%CD%E9S%A3%10%96%2B-%E1%F5%CD%F5%3E%D6%10%98S%B1%A5%3C%25%C8%16%22%E5%C1%94C%91%80%1AKH%9A%2F%FDF%A8%811%C4.%DB%BD%CC!%C92%A7%84%D6%B2%84%88%05%DA%90%95%04-%9Dr%C4_0%82%D4%3E%0B%CEw%EA6%DA6%C8%EC%82%05%7C%96%B6%C6%0B%87s%B5%E1%3E%C1%EB%F8!%A5%97%AD%84%B7%23c~%D3%A9%10q%AC%A3%5C%C7%5B%94%ED%9DU%EB%86%DE%18%E4%DC%8E%EB%B8%8F%8FE%C7%E0_%7DC%1F%C5~%3B%E5%3A%DE%AA%1A%00nen%BDrQ%A6%5B%C7%5B%D5%B9%C8%802%A4%2F%D7%C9t%EBxk%92%D6%96%D6%7C%EC%BE%B9%95%D6%AB%00%24%91DCZk%E6%05z%D5%5B%9B%D3%B3%01%8F%02XV%7DhD%8E%C4%C7%9A%8F%C7_%7C%B6%AA%B6Q%EF%C4%8A%BD%BB%12%CE%00a%F2%7D%EA%FEa%DB%0Ew%E2%19%90*%9F%9F%5C4l%3B%92%08%93pi%97%D2%DC%23%C3%B6%DF%60%C0%D0%86%5C%BB%3C%EC%0D%3D%09%7D%AD%EF%96%3E%FC%8B%05%C8%D1%AB%C3%5E%2COs%D3V%3C%FB%9B%AD%D4%10%7B%FE%9D%9C%EF%FF%9B%12%5Db%DD%17%8D%FE%02%90%5E%A6%A6%FC)Xk%F9%B7%20%0E%86%F3%3D%DA%CAy%1F%7D%0D%E9Q%97E%86-%8B%80%D0%ADJ%DB%E8%AB%A4eZ%5C%0B%08%99eA%E0%97e.%A0%BFH%40%FC%E3Jk%90%B3%1D%E2OT%D1u%B2G%B5R%0B%0B%BE%8E%14%9F%1B%84%D4J%98%07%F5S%ACP%92%E9.%A9%C1%F7%BF%85%7B%9B%E1%AB%E9%04%AA%09%FC%FD%8A%7F%115%24-%C7%E4%A7%1C%A4%9B%E9_%8E%0Fd%ED%FF%F9%87%15%E0%EF%20%DA%B5%AF%B9%D3o%CA%F4B%F11h%CDkC%0D%7D%CE%3F%A4u%E0L%02%D2%1A%12%D9nLL%FB%11%09%8F%C3g%97%A3.%E7%89%A2%C9%04Z%23K%0Bw%E2%9A%1F%D4%FE%20%A4%AF8%E1%D3%FA%7Ba%F3%1F%16E%BD%E6%A7%8F%246%2F%5Dz%F7%08%01%FB%CF%88%02P%A7B%DBs%25%1FH%DAW%F6%89%92H%06%3F%FF%E54%1F%EC%FDv%FE%8A%A6%13%DA%FC%2F%7D%F7%AB%5Bu%93%8C%A9%D2%A6J%0DR%AC(5%B6%C1%18~%B8%ED%9F%96%FB%80%C1%AF%C3%FD%0F%BA%CCn%86%20%12%A6%14%00%00%00%19fcTl%00%00%00%10%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02%3D%D0I%5B%00%00%09%92fdAt%00%00%00%11x%9C%ED%9Cml%14%C7%19%C7%1F%DBk%DF%FA%3C%B7G%12J%A1q%8C%8B%5CJh%08%A6qy)5%BE%D8n%E2%26%10(%B4*%8D%D2r%A9S%02%91%8D%5DAS%A9%85zi%EC%E8HL%0C%09Q%F8%105g%E2H%E9%07%DE%83%C4%87H%EC%81%A1%94%5C%7D%84%B4%A1j*y%C1%18%DAH%15%B1%8D%DF%C0t%3B%7BN%EB%BB%DDY%E6%B9%97%B9%AA%92%FF%92-%EF%B3%CF%CCo%BD3%BB3%F3%CC%CC%02X%E5%B5Y%00%3Ec%D8R%92%08%88a%D5%00%C6)1%A5x%89%93%9A%D4%FFR%E4e%F1%0C%CF%B7%9B_%11%0E%91T%F2%BAp%C8I%80N%E1%10JxG8%84%FE'%1B%85C%AEk%CA2%E1%10y%C6%E9C%A9%E5%B0%B7%95%EF%D3q35Fhk%B3%CEu%CA%1A%C3dE%02%3B%1C%B2%9A%0BW%FD%DC%E4%FBn%60%20%BB%8F%3F%EBPt%B4Q~%80%9B%7CZ%13%82A%C6%40%BB%9F%7D%AA%14%609%2F%B9%FB%7B%BF%D1%10%90b%80_%40%98u%AA%0E%94%FBx%C9s_%EB%08%22%20%3EP%1E%F70olg%B0%B3%91%97%DC%1B9%AB%F2!%CA7%C2G%FD%DB%99%F5%F0%9D%01%87%FB%18%A3%88%F7%03%04%04%FEa%7C%F5%D5%C1%F3%8C%13%05%83%A3%3A7%F5%D1%EE0%06B%3B%5DC%1A%CB~%E9'%B7%F8%89%9B%23%1A%06B*%C3%3A%F3D%DB%89%1A%14%84%9D%DA%02%A9v%F0%9A%F56%02%D2%11%D1%10%0C%20%8F%06%D9%F6%A1%E6G%F8%A9%3F%F1%A2%20%EE%E5%B4%12%97%3Dn%87%8C%AC%ADF%24%97P%2Fa%D97%17r%FC%1Dv%C8%CD%9Ag0%C9%FD8H%FB%F9Z%D8c%B3%2Bc5%DB%11%C9%F3%FF%85%81%B8%7C%D2%C2%22%B0%DF%19%F7%ED%EA%08%229%19%C5%40%24%9F%D2T%B5%D5%EE*%7F%D6%F01%06%C2%1A%EF0%20%40%60%BB%FDm%EF)%3DQ%8AH%AE%18%AC%B7%85U%B2%8F%FE%CA%F63%CE%14%0C%23%92%83%B1%0Bs)f%1D%CCc%16%9F%C1%AE%9ED%8B%3D%9A%E9%C7%5C%8A)%F7T%CDnTJ%D8%CDI%E8%EEX%E7%95%C5X%08TM%B1%DBr%8B%BE%CF%F4%ED%24%F3%26%0E%8E%0C%E1%87%CE%E5%0C%DBA%F5gL%DF%10%F4%B4%19%F5%E3%7F_%EDSQ%DD%15S%1E%D6%E5%AC%FBt%88%E9%9C%7D%DE%BB%89%7CW%8F%FE%5D%F1%0A%A0!%B4%1E%DB5%18awc%E4%5D%17%00r%A2%95%CAE%2B%E0%1C%2C%24%12%B4%DB%C8%F0%5D%1A%D3%D9c%D0%AC%AF%AB%D1t%AB%00%D6%60!%5E%BF%DD%D6k%14%B2%9D%E5%E1%16%80%86%E8%05%AC%D6i%D1a!%11F%07%AB%CD%08%B2%9D%B3%DAv%D7%9D%194!%C4%7C%5COt!!.F%9F%C85%B0%C2%E1%8A%5C%85%15%FD%FB%17%D4t%81%AB%9F%A2%0E%0E%DBc3%23%8CdN%91%19v%3F7%A27%F0%028%89%84%A2X%BE%F4v%05%B9mn%EA%10%D7%83l%7BZ!%B00%13%90H%83%C5%20%A0%E0A%EE%CF%40%E4%CE%3D2%DF%18%14%92s%8C%B2%7D%E4%CB%AAhHd%E7%CAz%D1%0Cxk%DD%AF%853%A0m~P%3Cd%7BhD%17%CDP%CA%3CM%F7%0Af%5C%9C%FF%18x%FE(%96q%ED%C6o%C5%02LET%F1%0C%90%B4%0C%40H0%03%90I%FD%9F%2B%3F%13%90Kj%06%20%F9%B73%00%81E%99%80%5C%C0%8C%8DSU%BE%F8%20%3B%D5%FAL%40rUb%0C%EB%82!%CA7%AF%E8!Lh%23%25%F5%EC%85%7F%CE%15%CCP%5E%2B%018%23%18rx(r%00N%8Be%F4%0E%9F%CF%5DP-%B6o%A3%3C%AD%81%BB%9E9%13%90%3E%C9%F7%01bVa%5C%24%DC%05%7F%A9%0E%26%01%F1%D3_%9Bq%8C%0A%A3o%C3%E8%19F%20%89%0B1%A7-z%FC%18%D7%AC_%85O%1AAH%A2%B6%13%F3V%91i%18W%3Atl8%B1%0B0ab%AB%9E6'%F8z%1C%A2%0Eq%8A%C0%955%DE%D9%CD%A8%0B%B2%884o%A3E%BF%C3j%DEo%F7%ECV%16gK%CF%F4oJ%02%02J%05%23%10*%AD%D7l%B6%DC5%8D%D7%25%BF%3D%9C%8FR%FE%B0%3D%C3'YW3%B3%FF%A1%AB%C5%1F%EAIA%3Cw%0F%04-%26%E20U%D64u%2C%CF%9F%0C%83%AC%2B%FF%B3%19K%8A%95%EB%3C%C8v%CFs%81Yw%8D%12T%E8%DF%22e%DDt%1D%3A-Ql%09%E0%3D%9Bg%A7a%DC%A8%AB%02%FE%5C%9D%5D%3D%D1%E8_%DBSZ%AC1%B7%F5%AC%3D(%B8Z%23%23%87B%DAO%93%804%2C%D1%C1%7Ce%F8c%8D%9E%E6G%EC%9D%98%FC%EA%B01%E6%5E%F6%09%3Eo%2F%23P%A3%FE%F7%AC%F2%86%1E%E3%2B%25%16%D8%89%810l%13%A1%A8%93%FD%B1%CF%8ES%5C%2B%B5x%97%7B%FA%D82%8Eo%EA%90%C3%A7%1B%03%A2!J%A1W%ED%D6%D2%01%B9C%C1%BB%7C%11M~p%C27%E9%82%BF%E3%05h%11%0Dj%F5T%B2%E0%8B%40%8E%1A%3E%3BG%13K%01%D7%2Cc%ECcV%2C4%9D%92%0E%C1%0F%E1%92%26%18%A2%C11%D8%22%96%019%1At%13%D1%A3%C9n%08%87%BE%AE%0A%86%AC%EF-%AB%EC%D7%C52%0A%C6%96%02%24%D3n%24%A2%D0%BB%AB%00.kB%19%9E%2F%98q9Y%15%0A%F9h%95x%88%E7%1E%C8%09%02%E4%09%85%90!%F0%96%8B%8E%97%CA%F4-%1EY%FB%C2%B0P%08%95W%09%BC%24%B8%E0%C7%DB%BC%8C%40%84%87%97'!%93%90I%08%06%12%EE%C2AR%88%2Fy%7B%CB%AA%F6%60%20%D2%E6%E4W%3C%7Bi%1B%DF%A4%23%1C%03%04%19%C6bAV%99%8B%BF%11%8E%2B%A0%25y%08%05xU%BE%9F%FB%09%DAEK%09%82X%7B%E6%FD%25d%25%0F%09%8E%83x%CA%3E%A2%E7%24%0F1%DBx%C4%B2%07%E9%DC%D2S%C9Ch%1B%8FYX!i%9DCj%D2%10%DA%C6s%87%9D%60%AE%F1%3A%D6P%944%04%10c%5B%13%D22%9A%B7P(D%DA%04%EE%BE%A0%DC%AC%09%85%D4j%9EV%90w%AEBdx1YH%DEV3D%9C%B3%EB%25%8E%9FF%7F%DA%ACFE%C3A%DC%B7%3F%0A%02%7C%A8K%FA%1D%DD%3C%E6%B0%F0%05%AB%B5%97%3E%20%1A%A6%E0%D7%2B%1B%CD%1D4D%E5%B8%D1%1F%DBz%CD%9A%23%D1%06%8B%0F%E9~%FF%B4J%7C%00%9CHqH%07%5B%EC%9D%14I%3A%0Er%D80F%3Ai%0E%7F%FD%FC%D8a%E9%95%D4x%AD%DA%BA%14%93%F8%24%0D%05%F9%FB%02%DE%D2%AB%F1%2C%3C%B77%9E%B3Af%B8p%90%A3%D7y%1E%9Fg%D1%EC%07k%5C%FC%F0%A9%D7)%24%DC%C5%85%1C%C7%06%D5%A4F%08X%CE%DCO%EE%D1%A4ceUo%F1%B2h%C5B%DCcn%CB.%032%05%1At%E9%5E%DA%C6%F3%B2%A8%B3B%1C%0A%1E%94%F9%86e%91%16%AD%93%DD%20a%DA%F8%15%12%AF%E0%FF%A3%02%EB%A6%22R%0A%9D%E3%CF%89%CA%81%14s%CE%C7%C86%0FVD%1F%CF(%84%D7%C6'%B0%17%D9%E6z%A4r%05HA~%1Bo%3E%EBX%15%2BK%E2%0D%9E%E7h%A5%9BgNa%A5%0DB%7C%B2uq~%2B%85%B4%F1%DB%F8%04F%C7%C4w%A9%5D%B7C%BA%F8m%FC%E5%20%1A%02%BE%E7O%2C%8D%B7%BC%0C%90%7B%88%FFZy%03%CF%80y%03%AB%2B%B48K%60%FCV%60%3A%12XM-%CC-%B3%40%C8%8F%D2%0D%D9%A2%C9%7Dz%9C%A5%E5rm%BA!%B4%EC%FB%AA%B7%C5%1Ew%2C%89%BC%9B~%C8%D4%0D%3Bc%8F%23%A5%DE%40%DA!%92%1A%7F%DC%7D(%C7%84d%A58w%11%2F%B3%A1%8F%95%17%24%13%92%DE%D1%EFW%2C%90%9C%A0%B46%DD%90%7Cc%5E%BCAY%2C%97%A4%1B%02ak%BF%A9%E7%C0j%15%3B%8EOZd%8A%FCs%E48%3E%05%DD%92o!%DA%F8%145%C7%85%1D%C7%A7%A0QI%C5%8D%E3S%90r3%0A%C1%EC!K%5E%9E%99%15%14%92%A5%09%CA%9ED%F7%DCx%16%EC%2C%17%F8%11%82Ef%9FUi%A8%07%3A%8EOz%E8%CC%11)%26O%D0%FE%DE%97((%C0%1B%09%26%0F%F1%C1%EF%00%5E%15%BB%FC%92B%CE%C2%9F~%2C%94%01%EER8~%8C%BF%E3%3E5%B5%F7W%97%B0%16%F88%09%F1%C5%04%9B%3A%8D%C4%D6%A9%9E%1A%D0%13f%90i%0B%12%2B%F2%A1%83%C1%84!%A1%F5%AC%3D%93%F1%F2%3E%FC%B7%89%03-%CB%9F(CY%B4%5B'%25%9C%FF%E5b%5E_L%E5%93%8B%80T%F4%D5%25%00%E990%0A%ED%BFw%0C%F9%EC%8D%E2%CF%16%DC%9E%1Dc%9C%0D%A7%1F%08%EF%F3%E3!%8F%C9%C5%05%83%C7%7D%0Eg%DD%3F%88n%BD%0C%9F%DC%3D%3F%E6%9F%0DU%CE%7D%16%94D%A6%A2%0B%0A%B7%04%E68A%24%B8b.%2C%7B%FF%3B%9E%EC%98%05fJ%D8%9C%87%CEnyNGS%F6l%82%19N%90%2B%E3%BB%5Cw%14%83%7Bz%DC%AE%7C%DA%DFp%7F%8B%7C%1ADS%40y%CA%09rA%8B%8Ev%DF%A6%99%BD%19%B7%073%5B%83%BC%F2%84%86%C2y%FB%9D%20%EE%2F%BEh~%85%E1y%DDz%A2%19%E0%D2%E6z%25%81%C5%A4%11%E7%2B%3AS%D9OK%7C%83%D5%EC)%04x%B1%B1%BD%D61%9D%5D%1Dw%18%9CK5%B4z%2F%B6Zs%1AA)%DAg%18%DC%2FsL%E8Ix%C8%F1%8B%24%EDG%DE%5B%EE%B1%EDS%AE%8D.%D4%0D%7FP%A2%A3!%2B%07%3B%B69%9C%DA7%40%BE%D6%5Bi%7DV%F3%87%5BA%DA%10h%85k%85%8C%00%0Ek%E8%B1%D2a%89%15R%F6%0C%13%FCp%5B%C1%0E%F39%FFC%82%0D%88%80%AF%C3%FD%1B_%F5Z%E6%C3%146%83%00%00%00%19fcTl%00%00%00%12%00%00%00%C8%00%00%00%C8%00%00%00%00%00%00%00%00%00%01%00%0A%02%13%80%80%DB%00%00%09~fdAt%00%00%00%13x%9C%ED%9C%7Fl%13%E7%19%C7%9F%24%17%FBl%BF%3E%93%852%AA%04%C8%986h%C5fh%23F%5BJ%9C%C4PF%19A%5B%B61%86%16WC%A8%D3h%13%A4l%AB%04%5D%5C%02%AD%C9%10%89(%7F%A0%0E%81%5BZ%A9R%D7%25%AD%26TU%A3%9C%13%08t%F3r%01%FA%C7%26*%E5%08%23%AB%26%A4%C4%24)-%24%BB%BD%8E%A1%F1%FD%F2%3Dw%E7%8B%D4-_%C9I%FC%DC%F3%DE%E7%EE%DE%F7%DE%E7%7D%9F%7B%2F%00J%05T%16%80%11%0D%9B-9%01%91%94%1A%C58%99%93%CDC%9C%D5%AC%FE%0F%F4%F7%B8%F3%0C%AE%ECG%CEC%BC%9B%0B%9D%87%B0q%AF%F3%10%17%3F%03%90b%DEe%A78%89%89%08%2F%96%B7U'%FE%AAr%84%97%E7%F9%D7%EC%40%5C%3B%ABE%C4%A1%94%AE%B6%03%E9%85%C2.%84%5B%7D%C4%0Ed%2B0Q%84%DB%FC%10~%977%FA%95%96r%60%3A%8C%CB%91%F0r4%C3%5D%BFLa%E1%26%A1%40%05V%CB%D3%8C%1F%86%5C%86%17D%B9%85%8C%C0%EB%88%82%C5G%F0%90W%C0%BDYa*%23%98%26%5C%94%C0C%0E%A6%8F%5C%A6%E1%96%D18%A2%60%40%A8%40%22Hr'x%2B%FCI1%CB%D6%3E%86%A8%11%0A%09lDB%F6%EE%BF%05%EF%CE%AD%92%F8%2C%5B%B0%16U40%80%84pk%12%3F%D82Wn%F3I%02%EEL%84%9D8%88%E7%F8%A3%DCQ%C5%3D%E1%92%8A%E2(%C8%E0A%1C%C4%5B%DB%A4%B2%15J%8C%B2%B9iC%DC%BF%C0A%B8R%B5m8%F8%C9%1CL%D9b%EFz%1C%04%5E%7D%5Ee%12v%1D%9CD%95umEB%12%C1G%94%A63m%0B%CAPeY%F5%A5%D6V7%E1%95%A6%F6%BE%D5%CF%A1%CA%BAPW5%ED%B8'%A9%82%F0uaTY%E6%0E%12%02%8D%D2(%2F%B7%9C%E0%13%25%EA%9A%D2P%D1%A7X%C8%8D7R%13r%8B%C0%93%FB%EBxMg*%DFt%DF%19x%18%0B%A1%01e%5C%FE%DDO%DB%DC7u%BD%D9%87%C4%2F%20%9Dx%88%FFkq%A5)q%5B%D7%DB%B5%23r%EFO%A1%0A%0F%19%DA%BA%40%89-%7DU%C7%B7%7D%F4pr%9E%94%E9%87%FCu%F7%A3%19%E7J%F8%7D%0A%D3%D5%09%BD~x%99%B7%AE%FFaq%9B%98%FE%5B%90D%2C%83%95%9E%81%A2%A8%DC%D6%D0%A6w%B9%26%A0%FB%81%DB%F0n%FATH%C9%09%2C%03Z%9E%A1%FE%F2h%EB%19m%D4%1B%87L%C0%BE%A1%C5%C0%A6%0F%EA%E2m%01%CB%F0N%1D%B3%7C%DC%C0%A4R%A2.%E4%25%B2%82w%A5%CF%E4%CCr4%84%99%3A%09!v%3C%CBF%82%BA%8D%EB%BBd%15W%D9%D1%B9%9B%1E%84%2F*%7C%0F%09%F1%06%D3%B1%83%0D%1F%CA6%5E%D4%EB%94%C8%CD%A0%24%95%3CQvj%EE%01%9E~%3B%A4%CE%CD%7C%A6QJ%2F33%A6%0D%F1%18%26p%CC%A4%A2%B4%7C%E9i%97T%F5o%D3)%917%08%FBt%5DnD%3E%20%9Ep%8B%F3%10%08(%EF%3F'*%5E%F8h%062w%3Fwd%A">
+</div>
diff --git a/layout/reftests/bugs/521685-1-ref.html b/layout/reftests/bugs/521685-1-ref.html
new file mode 100644
index 0000000000..791dc08578
--- /dev/null
+++ b/layout/reftests/bugs/521685-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="d">text</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/521685-1.html b/layout/reftests/bugs/521685-1.html
new file mode 100644
index 0000000000..9c8d8b9934
--- /dev/null
+++ b/layout/reftests/bugs/521685-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+background-color: green;
+}
+div[mixedCase=true] {
+background-color: red ! important;
+}
+</style>
+</head>
+<body onload="document.getElementById('d').removeAttribute('mixedcase');">
+<div id="d" mixedcase="true">text</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/522632-1-ref.html b/layout/reftests/bugs/522632-1-ref.html
new file mode 100644
index 0000000000..c73a5b484d
--- /dev/null
+++ b/layout/reftests/bugs/522632-1-ref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+<body>
+  <table border="1">
+    <tr>
+      <td style="height: 200px; padding: 0; margin: 0; border: none">
+        <img style="height: 100px;" src="solidblue.png">
+      </td>
+    <tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/522632-1.html b/layout/reftests/bugs/522632-1.html
new file mode 100644
index 0000000000..a70eb2c189
--- /dev/null
+++ b/layout/reftests/bugs/522632-1.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+<body>
+  <table border="1">
+    <tr>
+      <td style="height: 200px; padding: 0; margin: 0; border: none">
+        <img style="height: 50%;" src="solidblue.png">
+      </td>
+    <tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/523096-1-ref.html b/layout/reftests/bugs/523096-1-ref.html
new file mode 100644
index 0000000000..aaa998c319
--- /dev/null
+++ b/layout/reftests/bugs/523096-1-ref.html
@@ -0,0 +1,36 @@
+<html>
+  <head>
+      <style>
+      table { empty-cells: show; }
+    </style>
+  </head>
+  <body>
+    <table border="1" id="thetable">
+      <thead>
+        <tr>
+          <th>col1</th>
+          <th>col2</th>
+          <th>col3</th>
+          <th>col4</th>
+          <th>col5</th>
+        </tr>
+      </thead>
+      <tbody style="overflow-y:auto;overflow-x:hidden;">
+        <tr>
+          <td>val1</td>
+          <td></td>
+          <td><input maxlength="6" type="text" id="input" value="text" size="6" /></td>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr>
+          <td>val2</td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/523096-1.html b/layout/reftests/bugs/523096-1.html
new file mode 100644
index 0000000000..ac90650c36
--- /dev/null
+++ b/layout/reftests/bugs/523096-1.html
@@ -0,0 +1,43 @@
+<html>
+  <head>
+    <style>
+      table { empty-cells: show; }
+    </style>
+    <script>
+      window.onload = function() {
+        var thetable = document.getElementById("thetable");
+        var input = document.getElementById("input");
+        thetable.rows[1].cells[2].appendChild(input);
+      }
+    </script>
+  </head>
+  <body>
+    <table border="1" id="thetable">
+      <thead>
+        <tr>
+          <th>col1</th>
+          <th>col2</th>
+          <th>col3</th>
+          <th>col4</th>
+          <th>col5</th>
+        </tr>
+      </thead>
+      <tbody style="overflow-y:auto;overflow-x:hidden;">
+        <tr>
+          <td>val1</td>
+          <td><input maxlength="6" type="text" id="input" value="text" size="6" /></td>
+          <td></td>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr>
+          <td>val2</td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/523468-1-ref.html b/layout/reftests/bugs/523468-1-ref.html
new file mode 100644
index 0000000000..d396cde11f
--- /dev/null
+++ b/layout/reftests/bugs/523468-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+c<br>
+da<br>
+b
+</body>
+</html>
diff --git a/layout/reftests/bugs/523468-1.html b/layout/reftests/bugs/523468-1.html
new file mode 100644
index 0000000000..4d428d927d
--- /dev/null
+++ b/layout/reftests/bugs/523468-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html style="width:1px">
+<body><span><span id="y"></span>a b</span>
+<script>
+var y = document.getElementById("y");
+document.documentElement.offsetHeight;
+y.appendChild(document.createTextNode("c d"));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/524175-1-ref.html b/layout/reftests/bugs/524175-1-ref.html
new file mode 100644
index 0000000000..d40a8cab42
--- /dev/null
+++ b/layout/reftests/bugs/524175-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+  <span style="color: green">This text should be green</span>
+</body>
diff --git a/layout/reftests/bugs/524175-1.html b/layout/reftests/bugs/524175-1.html
new file mode 100644
index 0000000000..b571b3758d
--- /dev/null
+++ b/layout/reftests/bugs/524175-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  #foo::before { color: green; content: "This text should be green"; }
+  span::before { color: red; }
+</style>
+<body>
+  <span id="foo"></span>
+</body>
diff --git a/layout/reftests/bugs/526463-1-ref.html b/layout/reftests/bugs/526463-1-ref.html
new file mode 100644
index 0000000000..52e5d2d162
--- /dev/null
+++ b/layout/reftests/bugs/526463-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Testcase, bug 526463</title>
+  </head>
+  <body>
+    <div style="border-radius: 50px;overflow:hidden;background:gold">
+      outer div
+      <div>inner div</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/526463-1.html b/layout/reftests/bugs/526463-1.html
new file mode 100644
index 0000000000..f3465766db
--- /dev/null
+++ b/layout/reftests/bugs/526463-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>Testcase, bug 526463</title>
+    <script>
+      window.addEventListener("MozReftestInvalidate",
+        function() {
+          var div = document.getElementById("div");
+          div.style.display = "";
+          document.documentElement.className = "";
+        });
+    </script>
+  </head>
+  <body>
+    <div style="border-radius: 50px;overflow:hidden;background:gold">
+      outer div
+      <div id="div" style="display:none">inner div</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/527464-1.html b/layout/reftests/bugs/527464-1.html
new file mode 100644
index 0000000000..b624e03900
--- /dev/null
+++ b/layout/reftests/bugs/527464-1.html
@@ -0,0 +1 @@
+<table><tr><td width="1" nowrap>x x</td></td></tr></table>
\ No newline at end of file
diff --git a/layout/reftests/bugs/527464-ref.html b/layout/reftests/bugs/527464-ref.html
new file mode 100644
index 0000000000..f650aed2d9
--- /dev/null
+++ b/layout/reftests/bugs/527464-ref.html
@@ -0,0 +1 @@
+<table><tr><td width="1">x x</td></td></tr></table>
\ No newline at end of file
diff --git a/layout/reftests/bugs/528038-1-ref.html b/layout/reftests/bugs/528038-1-ref.html
new file mode 100644
index 0000000000..dc4b471428
--- /dev/null
+++ b/layout/reftests/bugs/528038-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+    <body style="position: relative"><div style="position: absolute; top: 200px">This text should be 200px from the top of the body</div></body>
+</html>
diff --git a/layout/reftests/bugs/528038-1a.html b/layout/reftests/bugs/528038-1a.html
new file mode 100644
index 0000000000..9488844e2e
--- /dev/null
+++ b/layout/reftests/bugs/528038-1a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script>
+            window.onload = function() {
+              document.body.offsetWidth;
+              document.body.style.top = "100px";
+            };
+        </script>
+    </head>
+    <body><div style="position: relative; top: inherit"><div style="position: absolute; top: inherit">This text should be 200px from the top of the body</div></div></body>
+</html>
diff --git a/layout/reftests/bugs/528038-1b.html b/layout/reftests/bugs/528038-1b.html
new file mode 100644
index 0000000000..b55d67bf1e
--- /dev/null
+++ b/layout/reftests/bugs/528038-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script>
+            window.onload = function() {
+              document.body.offsetWidth;
+              document.body.style.top = "100px";
+            };
+        </script>
+    </head>
+    <body><div style="position: relative; top: inherit"><div style="position: relative; top: inherit">This text should be 200px from the top of the body</div></div></body>
+</html>
diff --git a/layout/reftests/bugs/528038-1c.html b/layout/reftests/bugs/528038-1c.html
new file mode 100644
index 0000000000..14ca71d0f8
--- /dev/null
+++ b/layout/reftests/bugs/528038-1c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script>
+            window.onload = function() {
+              document.body.offsetWidth;
+              document.body.style.top = "200px";
+            };
+        </script>
+    </head>
+    <body><div style="position: relative; top: inherit">This text should be 200px from the top of the body</div></body>
+</html>
diff --git a/layout/reftests/bugs/528038-1d.html b/layout/reftests/bugs/528038-1d.html
new file mode 100644
index 0000000000..87d4fe6544
--- /dev/null
+++ b/layout/reftests/bugs/528038-1d.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script>
+            window.onload = function() {
+              document.body.offsetWidth;
+              document.getElementById("foo").style.top = "200px";
+            };
+        </script>
+    </head>
+    <body><div style="display: table" id="foo"><div style="position: relative; top: inherit">This text should be 200px from the top of the body</div></div></body>
+</html>
diff --git a/layout/reftests/bugs/528038-1e.html b/layout/reftests/bugs/528038-1e.html
new file mode 100644
index 0000000000..382a4f8b89
--- /dev/null
+++ b/layout/reftests/bugs/528038-1e.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script>
+            window.onload = function() {
+              document.body.offsetWidth;
+              document.getElementById("foo").style.top = "200px";
+            };
+        </script>
+    </head>
+    <body><div style="display: table-row" id="foo"><div style="position: relative; top: inherit">This text should be 200px from the top of the body</div></body>
+</html>
diff --git a/layout/reftests/bugs/528038-1f.html b/layout/reftests/bugs/528038-1f.html
new file mode 100644
index 0000000000..edc91dec2b
--- /dev/null
+++ b/layout/reftests/bugs/528038-1f.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script>
+            window.onload = function() {
+              document.body.offsetWidth;
+              document.getElementById("foo").style.top = "200px";
+            };
+        </script>
+    </head>
+    <body style="font-size: 0"><span id="foo"><span style="position: relative; top: inherit; display: block; font-size: medium">This text should be 200px from the top of the body</span></span></body>
+</html>
diff --git a/layout/reftests/bugs/528038-2-ref.html b/layout/reftests/bugs/528038-2-ref.html
new file mode 100644
index 0000000000..da8e19b2ff
--- /dev/null
+++ b/layout/reftests/bugs/528038-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+    <body style="position: relative"><table style="position: absolute; top: 200px"><tr><td>This text should be 200px from the top of the body</td></tr></table></body>
+</html>
diff --git a/layout/reftests/bugs/528038-2.html b/layout/reftests/bugs/528038-2.html
new file mode 100644
index 0000000000..96472c6332
--- /dev/null
+++ b/layout/reftests/bugs/528038-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script>
+            window.onload = function() {
+              document.body.style.top = "100px";
+              document.body.offsetWidth;
+            };
+        </script>
+    </head>
+    <body><div style="position: relative; top: inherit"><table style="position: absolute; top: inherit"><tr><td>This text should be 200px from the top of the body</td></tr></table></div></body>
+</html>
diff --git a/layout/reftests/bugs/530686-1-ref.html b/layout/reftests/bugs/530686-1-ref.html
new file mode 100644
index 0000000000..1660933d4a
--- /dev/null
+++ b/layout/reftests/bugs/530686-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css"> 
+#rear {
+	width: 500px;
+	height: 1500px;
+	box-shadow: 0 0 71px #667;
+	display: block;
+}
+</style>
+</head>
+<body>
+<div id="rear"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/530686-1.html b/layout/reftests/bugs/530686-1.html
new file mode 100644
index 0000000000..2a774eefef
--- /dev/null
+++ b/layout/reftests/bugs/530686-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style type="text/css"> 
+#rear {
+	width: 500px;
+	height: 1500px;
+	box-shadow: 0 0 71px #667;
+	display: block;
+}
+.cover {
+    position: absolute;
+    width: 520px;
+    height: 100px;
+    background: yellow;
+}
+</style>
+<script>
+function doTest() {
+  var es = document.getElementsByClassName("cover");
+  for (var i = 0; i < es.length; ++i) {
+    es[i].style.display = 'none';
+  }
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div id="rear"></div>
+<div class="cover" style="top:100px"></div>
+<div class="cover" style="top:300px"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/531200-1-ref.html b/layout/reftests/bugs/531200-1-ref.html
new file mode 100644
index 0000000000..9d63492787
--- /dev/null
+++ b/layout/reftests/bugs/531200-1-ref.html
@@ -0,0 +1,38 @@
+<html  class="reftest-paged">
+<head>
+<title>push rowspan on to next page if it can't be splitted</title>
+<style>
+img {
+  width: 10px;
+  height: 30px;
+}
+</style>
+</head>
+<body>
+  <div style="height: 110px"></div>
+  <table  cellpadding="0" cellspacing="0" border="0">
+    <tr>
+     <td></td>
+     <td>
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+    </tr>
+    <tr style="page-break-after:always">
+     <td>
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+    </tr>
+    <tr>
+     <td rowspan="2">
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+     <td rowspan="2"></td>
+    </tr>
+    <tr>
+     <td>
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/531200-1.html b/layout/reftests/bugs/531200-1.html
new file mode 100644
index 0000000000..3320054c98
--- /dev/null
+++ b/layout/reftests/bugs/531200-1.html
@@ -0,0 +1,38 @@
+<html  class="reftest-paged">
+<head>
+<title>push rowspan on to next page if it can't be splitted</title>
+<style>
+img {
+  width: 10px;
+  height: 30px;
+}
+</style>
+</head>
+<body>
+  <div style="height: 110px"></div>
+  <table  cellpadding="0" cellspacing="0" border="0">
+    <tr>
+     <td></td>
+     <td>
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+    </tr>
+    <tr>
+     <td>
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+    </tr>
+    <tr>
+     <td rowspan="2">
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+     <td rowspan="2"></td>
+    </tr>
+    <tr>
+     <td>
+      <img  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==">
+     </td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/531371-1-ref.html b/layout/reftests/bugs/531371-1-ref.html
new file mode 100644
index 0000000000..2634ffa254
--- /dev/null
+++ b/layout/reftests/bugs/531371-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<html style="display:table; background:lime;">
+</html>
diff --git a/layout/reftests/bugs/531371-1.html b/layout/reftests/bugs/531371-1.html
new file mode 100644
index 0000000000..726f9b206d
--- /dev/null
+++ b/layout/reftests/bugs/531371-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="display:table; background:lime;">
+</body>
+</html>
diff --git a/layout/reftests/bugs/534526-1-ref.html b/layout/reftests/bugs/534526-1-ref.html
new file mode 100644
index 0000000000..9044d86706
--- /dev/null
+++ b/layout/reftests/bugs/534526-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <span style="color: green">This should be green</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/534526-1a.html b/layout/reftests/bugs/534526-1a.html
new file mode 100644
index 0000000000..705c25e62e
--- /dev/null
+++ b/layout/reftests/bugs/534526-1a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span { color: green; }
+      [style*=red] + * { color: red; }
+    </style>
+  </head>
+  <body onload="document.getElementById('x').style.color = 'blue'">
+    <span id="x" style="color: red"></span><span>This should be green</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/534526-1b.html b/layout/reftests/bugs/534526-1b.html
new file mode 100644
index 0000000000..5d3cb99068
--- /dev/null
+++ b/layout/reftests/bugs/534526-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span { color: red; }
+      [style*=red] + * { color: green; }
+    </style>
+  </head>
+  <body onload="document.getElementById('x').style.color = 'red'">
+    <span id="x" style="color: blue"></span><span>This should be green</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/534804-1-ref.html b/layout/reftests/bugs/534804-1-ref.html
new file mode 100644
index 0000000000..4a44463179
--- /dev/null
+++ b/layout/reftests/bugs/534804-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <title>dynamic sibling selector testcase</title>
+  <style>
+  #adjacent, #general {
+    background: #cfc;
+  }
+  </style>
+</head>
+<body>
+  <div>
+    <div id="adjacent">PASS: You should see this</div>
+  </div>
+
+  <div>
+    <div id="general">PASS: You should also see this</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/534804-1.html b/layout/reftests/bugs/534804-1.html
new file mode 100644
index 0000000000..0b8ba0a675
--- /dev/null
+++ b/layout/reftests/bugs/534804-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <title>dynamic sibling selector testcase</title>
+  <script>
+    window.onload = function() {
+      document.getElementById("adjacent").appendChild(document.createTextNode("PASS: You should see this"));
+      document.getElementById("general").appendChild(document.createTextNode("PASS: You should also see this"));
+    };
+  </script>
+  <style>
+  .test {
+    background: #fcc;
+  }
+  #adjacent:not(:empty), #general:not(:empty) {
+    background: #cfc;
+  }
+  #adjacent:not(:empty) + .test {
+    display: none;
+  }
+  #general:not(:empty) ~ .test {
+    display: none;
+  }
+  </style>
+</head>
+<body>
+  <div>
+    <div id="adjacent"></div>
+    <div class="test">
+      FAIL: You should NOT see me.
+    </div>
+  </div>
+
+  <div>
+    <div id="general"></div>
+    <div class="test">
+      FAIL: You should NOT see me either.
+    </div>
+    <div class="test">
+      FAIL: You should NOT even see me.
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/534808-1-ref.html b/layout/reftests/bugs/534808-1-ref.html
new file mode 100644
index 0000000000..ddb8a855f8
--- /dev/null
+++ b/layout/reftests/bugs/534808-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+table { border-spacing: 0; }
+td { padding: 0; border: 1px solid; line-height: 1px; }
+img { visibility: hidden; vertical-align: bottom; }
+
+</style>
+</head>
+<body>
+
+<table><tr><td>
+  <img src="solidblue.png">
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/534808-1.html b/layout/reftests/bugs/534808-1.html
new file mode 100644
index 0000000000..c112098dc1
--- /dev/null
+++ b/layout/reftests/bugs/534808-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+table { border-spacing: 0; }
+td { padding: 0; border: 1px solid; line-height: 1px; }
+img { visibility: hidden; vertical-align: bottom; }
+
+</style>
+</head>
+<body onload="document.getElementById('forty').style.height = '';">
+
+<table><tr><td><div style="height: 40px" id="forty"><div style="height: 100%">
+  <img src="solidblue.png" style="height: 75%">
+</div></div></td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/534808-2-ref.html b/layout/reftests/bugs/534808-2-ref.html
new file mode 100644
index 0000000000..decfe46718
--- /dev/null
+++ b/layout/reftests/bugs/534808-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+table { border-spacing: 0; }
+td { padding: 0; border: 1px solid; line-height: 1px; }
+img { visibility: hidden; vertical-align: bottom; }
+
+</style>
+</head>
+<body>
+
+<!-- solidblue.png is a 16x16 image -->
+
+<table><tr><td><div style="height: 40px">
+  <img src="solidblue.png" style="width: 32px">
+</div></td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/534808-2.html b/layout/reftests/bugs/534808-2.html
new file mode 100644
index 0000000000..c4a6bd458b
--- /dev/null
+++ b/layout/reftests/bugs/534808-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Style-Type" content="text/css">
+<style type="text/css">
+
+table { border-spacing: 0; }
+td { padding: 0; border: 1px solid; line-height: 1px; }
+img { visibility: hidden; vertical-align: bottom; }
+
+</style>
+</head>
+<body>
+
+<!-- solidblue.png is a 16x16 image -->
+
+<table><tr><td><div style="height: 40px" id="forty"><div style="height: 100%">
+  <img src="solidblue.png" style="height: 80%">
+</div></div></td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/534919-1-ref.html b/layout/reftests/bugs/534919-1-ref.html
new file mode 100644
index 0000000000..2604fbf38f
--- /dev/null
+++ b/layout/reftests/bugs/534919-1-ref.html
@@ -0,0 +1,17 @@
+<html lang="ar">
+<head>
+<style type="text/css">
+body {
+  font-family: foo, sans-serif;
+  font-size: 300%;
+  line-height: 2em;
+}
+</style>
+<body>
+<p>&#x06AF; &#x0632;</p>
+<p>&#x06AF; &#x0632;</p>
+<p>&#x06AF; &#x0632;</p>
+<p>&#x06AF; &#x0632;</p>
+<p>&#x06AF; &#x0632;</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/534919-1.html b/layout/reftests/bugs/534919-1.html
new file mode 100644
index 0000000000..da308b9c35
--- /dev/null
+++ b/layout/reftests/bugs/534919-1.html
@@ -0,0 +1,17 @@
+<html lang="ar">
+<head>
+<style type="text/css">
+body {
+  font-family: foo, sans-serif;
+  font-size: 300%;
+  line-height: 2em;
+}
+</style>
+<body>
+<p>&#x06AF; &#x0632;</p>
+<p>&#x200c;&#x06AF; &#x0632;</p>
+<p>&#x06AF;&#x200c; &#x0632;</p>
+<p>&#x06AF; &#x200c;&#x0632;</p>
+<p>&#x06AF; &#x0632;&#x200c;</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/536061-ref.html b/layout/reftests/bugs/536061-ref.html
new file mode 100644
index 0000000000..62fbaa749c
--- /dev/null
+++ b/layout/reftests/bugs/536061-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <title>Bugs with transform: rotate() and box-shadow</title>
+
+  <style>
+    body {
+        overflow: hidden;
+    }
+
+    .label {
+        position: absolute;
+        top: 200px;
+        left: 196px;
+        margin: 0;
+        height:16px;
+        width: 300px;
+        box-shadow: 0 0 .7em black;
+        border: 1px black solid;
+    }
+    .vlabel {
+        position: absolute;
+        top: 58px;
+        left: 42px;
+        margin: 0;
+        width: 16px;
+        height: 300px;
+        box-shadow: 0 0 .7em black;
+        border: 1px black solid;
+    }
+  </style>
+</head>
+
+<body>
+
+<p class="label"></p>
+<p class="label" style="top: 400px; box-shadow:none; outline: 3px dashed blue;"></p>
+<p class="vlabel" style="box-shadow:none; outline: 3px dashed blue;"></p>
+<p class="vlabel" style="left:102px; "></p>
+<p class="vlabel" style="top:454px; box-shadow:none; outline: 3px dashed blue; "></p>
+<p class="vlabel" style="top:454px; left:102px;"></p>
+
+<!-- cover a few shadow corners which are a bit different -->
+<div style="position:absolute; top:40px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+<div style="position:absolute; top:340px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+<div style="position:absolute; top:420px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+<div style="position:absolute; top:730px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/536061.html b/layout/reftests/bugs/536061.html
new file mode 100644
index 0000000000..ce652a2203
--- /dev/null
+++ b/layout/reftests/bugs/536061.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <title>Bugs with transform: rotate() and box-shadow</title>
+
+  <style>
+    body {
+        overflow: hidden;
+    }
+
+    .label {
+        position: absolute;
+        top: 200px;
+        left: 100px;
+        margin: 0;
+        height: 16px;
+        width: 300px;
+        transform: translate(96px);
+        box-shadow: 0 0 .7em black;
+        border: 1px black solid;
+    }
+    .vlabel {
+        position: absolute;
+        top: 40px;
+        left: 40px;
+        margin: 0;
+        width: 16px;
+        height: 300px;
+        box-shadow: 0 0 .7em black;
+        border: 1px black solid;
+    }
+  </style>
+</head>
+
+<body>
+
+<p class="label"></p>
+<p class="label" style="top: 400px; box-shadow:none; outline: 3px dashed blue;"></p>
+<p class="label" style="left:-100px; top: 200px; box-shadow:none; outline: 3px dashed blue; transform: rotate(90deg);"></p>
+<p class="label" style="left:-40px; top: 200px; transform: rotate(90deg);"></p>
+<p class="label" style="left:-100px; top: 200px; box-shadow:none; outline: 3px dashed blue; transform: translate(0,396px) rotate(90deg);"></p>
+<p class="label" style="left:-40px; top: 200px; transform: translate(0,396px) rotate(90deg);"></p>
+
+<!-- cover a few shadow corners which are a bit different -->
+<div style="position:absolute; top:40px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+<div style="position:absolute; top:340px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+<div style="position:absolute; top:420px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+<div style="position:absolute; top:730px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/bugs/537471-1-ref.html b/layout/reftests/bugs/537471-1-ref.html
new file mode 100644
index 0000000000..ea4c8093d7
--- /dev/null
+++ b/layout/reftests/bugs/537471-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width: 200px; height: 10px; border: 1px solid black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/537471-1.html b/layout/reftests/bugs/537471-1.html
new file mode 100644
index 0000000000..7f7b20d87f
--- /dev/null
+++ b/layout/reftests/bugs/537471-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width: 200px; height: 10px; border: 1px solid black; box-shadow: 15px 15px 10.5px -15px red;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/537507-1-frame.xhtml b/layout/reftests/bugs/537507-1-frame.xhtml
new file mode 100644
index 0000000000..20d5b9774a
--- /dev/null
+++ b/layout/reftests/bugs/537507-1-frame.xhtml
@@ -0,0 +1 @@
+<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'><label value='Here'/></window>
diff --git a/layout/reftests/bugs/537507-1-ref.xhtml b/layout/reftests/bugs/537507-1-ref.xhtml
new file mode 100644
index 0000000000..4e80af28cf
--- /dev/null
+++ b/layout/reftests/bugs/537507-1-ref.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	orient="vertical">
+<label value="The iframe below should show the string 'Here'"/>
+<iframe src="537507-1-frame.xhtml"></iframe>
+</window>
diff --git a/layout/reftests/bugs/537507-1.xhtml b/layout/reftests/bugs/537507-1.xhtml
new file mode 100644
index 0000000000..14896f060b
--- /dev/null
+++ b/layout/reftests/bugs/537507-1.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	orient="vertical">
+<label value="The iframe below should show the string 'Here'"/>
+<iframe src="537507-1-frame.xhtml" style="display: none" onload="this.style.display = ''"></iframe>
+</window>
diff --git a/layout/reftests/bugs/537507-2-frame.xhtml b/layout/reftests/bugs/537507-2-frame.xhtml
new file mode 100644
index 0000000000..20d5b9774a
--- /dev/null
+++ b/layout/reftests/bugs/537507-2-frame.xhtml
@@ -0,0 +1 @@
+<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'><label value='Here'/></window>
diff --git a/layout/reftests/bugs/537507-2-ref.html b/layout/reftests/bugs/537507-2-ref.html
new file mode 100644
index 0000000000..fa0917226d
--- /dev/null
+++ b/layout/reftests/bugs/537507-2-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<body>
+  The iframe below should show the text 'Here'<br>
+  <iframe src="537507-2-frame.xhtml"></iframe>
+</body>
diff --git a/layout/reftests/bugs/537507-2.html b/layout/reftests/bugs/537507-2.html
new file mode 100644
index 0000000000..ea150b0f7f
--- /dev/null
+++ b/layout/reftests/bugs/537507-2.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<body>
+  The iframe below should show the text 'Here'<br>
+  <iframe src="537507-2-frame.xhtml" style="display: none" onload="this.style.display = ''"></iframe>
+</body>
diff --git a/layout/reftests/bugs/538909-1-ref.html b/layout/reftests/bugs/538909-1-ref.html
new file mode 100644
index 0000000000..2cd6072834
--- /dev/null
+++ b/layout/reftests/bugs/538909-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  width: 260px;
+  height: 260px;
+  background-size: 100px 100px;
+  background-position: -20px -20px;
+  background-image: linear-gradient(to bottom right, yellow, blue);
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/538909-1.html b/layout/reftests/bugs/538909-1.html
new file mode 100644
index 0000000000..7e9af84c61
--- /dev/null
+++ b/layout/reftests/bugs/538909-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  border: 80px solid transparent;
+  width: 100px;
+  height: 100px;
+  background-image: linear-gradient(to bottom right, yellow, blue);
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/538935-1-ref.html b/layout/reftests/bugs/538935-1-ref.html
new file mode 100644
index 0000000000..98d150ac02
--- /dev/null
+++ b/layout/reftests/bugs/538935-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>Hello</div>
+<div style="padding-left:2px;">Hello</div>
+<div>Hello</div>
+<div style="padding-left:2px;">Hello</div>
+<div style="padding-left:2px;">Hello</div>
+
+<div>Hello</div>
+<div style="padding-left:2px;">Hello</div>
+<div>Hello</div>
+<div style="padding-left:2px;">Hello</div>
+<div style="padding-left:2px;">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/538935-1.html b/layout/reftests/bugs/538935-1.html
new file mode 100644
index 0000000000..2cab32382d
--- /dev/null
+++ b/layout/reftests/bugs/538935-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div><span></span> Hello</div>
+<div><span style="border:1px solid transparent"></span> Hello</div>
+<div><span style="outline:1px transparent"></span> Hello</div>
+<div><span style="padding:1px"></span> Hello</div>
+<div><span style="margin:1px"></span> Hello</div>
+
+<div><span> </span> Hello</div>
+<div><span style="border:1px solid transparent"> </span> Hello</div>
+<div><span style="outline:1px transparent"> </span> Hello</div>
+<div><span style="padding:1px"> </span> Hello</div>
+<div><span style="margin:1px"> </span> Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539226-1.html b/layout/reftests/bugs/539226-1.html
new file mode 100644
index 0000000000..bf86081411
--- /dev/null
+++ b/layout/reftests/bugs/539226-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  document.getElementById("inner").style.height = "0";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div style="overflow:auto; width:100px; height:100px;">
+  <div id="inner" style="height:200px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539323-1-ref.html b/layout/reftests/bugs/539323-1-ref.html
new file mode 100644
index 0000000000..76534c4444
--- /dev/null
+++ b/layout/reftests/bugs/539323-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:250px; height:200px; border:10px solid red; padding:5px">
+  <div id="input" contenteditable="true" style="height:200px; outline:none"></div>
+</div>
+<script>
+window.focus();
+document.getElementById("input").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539323-1.html b/layout/reftests/bugs/539323-1.html
new file mode 100644
index 0000000000..d09c8dc686
--- /dev/null
+++ b/layout/reftests/bugs/539323-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="input" style="width:250px; height:200px; border:10px solid red; padding:5px; outline:none" contentEditable="true"></div>
+<script>
+window.focus();
+document.getElementById("input").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539323-2-ref.html b/layout/reftests/bugs/539323-2-ref.html
new file mode 100644
index 0000000000..c17ef9465e
--- /dev/null
+++ b/layout/reftests/bugs/539323-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:0; height:200px; border:10px solid red; padding:5px">
+  <div id="input" contenteditable="true" style="height:200px; outline:none"></div>
+</div>
+<script>
+window.focus();
+document.getElementById("input").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539323-2.html b/layout/reftests/bugs/539323-2.html
new file mode 100644
index 0000000000..c938c1f1d9
--- /dev/null
+++ b/layout/reftests/bugs/539323-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="input" style="width:0; height:200px; border:10px solid red; padding:5px; outline:none" contentEditable="true"></div>
+<script>
+window.focus();
+document.getElementById("input").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539323-3-ref.html b/layout/reftests/bugs/539323-3-ref.html
new file mode 100644
index 0000000000..1e65b4a928
--- /dev/null
+++ b/layout/reftests/bugs/539323-3-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:0; height:200px;">
+  <div id="input" contenteditable="true" style="height:200px; outline:none"></div>
+</div>
+<script>
+window.focus();
+document.getElementById("input").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539323-3.html b/layout/reftests/bugs/539323-3.html
new file mode 100644
index 0000000000..07bd0c274e
--- /dev/null
+++ b/layout/reftests/bugs/539323-3.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="input" style="width:0; height:200px; outline:none" contentEditable="true"></div>
+<script>
+window.focus();
+document.getElementById("input").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539880-1-dynamic.html b/layout/reftests/bugs/539880-1-dynamic.html
new file mode 100644
index 0000000000..ea1efef31e
--- /dev/null
+++ b/layout/reftests/bugs/539880-1-dynamic.html
@@ -0,0 +1,58 @@
+<html>
+<body>
+
+<table cellpadding="10">
+	<tr>
+		<th>0</th>
+		<td><table cellpadding="4" border="7"><tr><td>border="0"</td></tr></table></td>
+		<td><table cellpadding="4" border="7"><tr><td>border="0px"</td></tr></table></td>
+		<td><table cellpadding="4" border="7"><tr><td>border="0em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>1</th>
+		<td><table cellpadding="4" border="0"><tr><td>border="1"</td></tr></table></td>
+		<td><table cellpadding="4" border="0"><tr><td>border="1px"</td></tr></table></td>
+		<td><table cellpadding="4" border="0"><tr><td>border="1em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>2</th>
+		<td><table cellpadding="4" border="3em"><tr><td>border="2"</td></tr></table></td>
+		<td><table cellpadding="4" border="3em"><tr><td>border="2px"</td></tr></table></td>
+		<td><table cellpadding="4" border="3em"><tr><td>border="2em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>3</th>
+		<td><table cellpadding="4" border="0em"><tr><td>border="3"</td></tr></table></td>
+		<td><table cellpadding="4" border="0em"><tr><td>border="3px"</td></tr></table></td>
+		<td><table cellpadding="4" border="0em"><tr><td>border="3em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>10</th>
+		<td><table cellpadding="4" border="0foo"><tr><td>border="10"</td></tr></table></td>
+		<td><table cellpadding="4" border="0foo"><tr><td>border="10px"</td></tr></table></td>
+		<td><table cellpadding="4" border="0foo"><tr><td>border="10em"</td></tr></table></td>
+	</tr>
+</table>
+
+<script>
+
+var tables = document.getElementsByTagName("table");
+var values = [ null, "0", "0px", "0em", "1", "1px", "1em",
+               "2", "2px", "2em", "3", "3px", "3em", "10", "10px", "10em" ];
+if (tables.length == values.length) {
+  for (var i in values) {
+    var table = tables[i];
+    var value = values[i];
+    if (value != null) {
+      // flush
+      getComputedStyle(table.firstChild.firstChild.firstChild, "").borderWidth;
+
+      table.setAttribute("border", value);
+    }
+  }
+}
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/539880-1-ref.html b/layout/reftests/bugs/539880-1-ref.html
new file mode 100644
index 0000000000..8f8a8ac947
--- /dev/null
+++ b/layout/reftests/bugs/539880-1-ref.html
@@ -0,0 +1,38 @@
+<html>
+<body>
+
+<table cellpadding="10">
+	<tr>
+		<th>0</th>
+		<td><table cellpadding="4" border="0"><tr><td>border="0"</td></tr></table></td>
+		<td><table cellpadding="4" border="0"><tr><td>border="0px"</td></tr></table></td>
+		<td><table cellpadding="4" border="0"><tr><td>border="0em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>1</th>
+		<td><table cellpadding="4" border="1"><tr><td>border="1"</td></tr></table></td>
+		<td><table cellpadding="4" border="1"><tr><td>border="1px"</td></tr></table></td>
+		<td><table cellpadding="4" border="1"><tr><td>border="1em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>2</th>
+		<td><table cellpadding="4" border="2"><tr><td>border="2"</td></tr></table></td>
+		<td><table cellpadding="4" border="2"><tr><td>border="2px"</td></tr></table></td>
+		<td><table cellpadding="4" border="2"><tr><td>border="2em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>3</th>
+		<td><table cellpadding="4" border="3"><tr><td>border="3"</td></tr></table></td>
+		<td><table cellpadding="4" border="3"><tr><td>border="3px"</td></tr></table></td>
+		<td><table cellpadding="4" border="3"><tr><td>border="3em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>10</th>
+		<td><table cellpadding="4" border="10"><tr><td>border="10"</td></tr></table></td>
+		<td><table cellpadding="4" border="10"><tr><td>border="10px"</td></tr></table></td>
+		<td><table cellpadding="4" border="10"><tr><td>border="10em"</td></tr></table></td>
+	</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/539880-1.html b/layout/reftests/bugs/539880-1.html
new file mode 100644
index 0000000000..3747c749ab
--- /dev/null
+++ b/layout/reftests/bugs/539880-1.html
@@ -0,0 +1,38 @@
+<html>
+<body>
+
+<table cellpadding="10">
+	<tr>
+		<th>0</th>
+		<td><table cellpadding="4" border="0"><tr><td>border="0"</td></tr></table></td>
+		<td><table cellpadding="4" border="0px"><tr><td>border="0px"</td></tr></table></td>
+		<td><table cellpadding="4" border="0em"><tr><td>border="0em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>1</th>
+		<td><table cellpadding="4" border="1"><tr><td>border="1"</td></tr></table></td>
+		<td><table cellpadding="4" border="1px"><tr><td>border="1px"</td></tr></table></td>
+		<td><table cellpadding="4" border="1em"><tr><td>border="1em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>2</th>
+		<td><table cellpadding="4" border="2"><tr><td>border="2"</td></tr></table></td>
+		<td><table cellpadding="4" border="2px"><tr><td>border="2px"</td></tr></table></td>
+		<td><table cellpadding="4" border="2em"><tr><td>border="2em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>3</th>
+		<td><table cellpadding="4" border="3"><tr><td>border="3"</td></tr></table></td>
+		<td><table cellpadding="4" border="3px"><tr><td>border="3px"</td></tr></table></td>
+		<td><table cellpadding="4" border="3em"><tr><td>border="3em"</td></tr></table></td>
+	</tr>
+	<tr>
+		<th>10</th>
+		<td><table cellpadding="4" border="10"><tr><td>border="10"</td></tr></table></td>
+		<td><table cellpadding="4" border="10px"><tr><td>border="10px"</td></tr></table></td>
+		<td><table cellpadding="4" border="10em"><tr><td>border="10em"</td></tr></table></td>
+	</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/539949-1-ref.html b/layout/reftests/bugs/539949-1-ref.html
new file mode 100644
index 0000000000..3f72d9f711
--- /dev/null
+++ b/layout/reftests/bugs/539949-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<div style="height: 10000px;"></div>
+<div style="position: relative;">
+   <div id="test2" style="position:absolute; top:-200px;"></div>
+   <div style="height: 100px; width: 100px; background: blue;"></div>
+</div>
+<div style="height: 10000px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/539949-1.html b/layout/reftests/bugs/539949-1.html
new file mode 100644
index 0000000000..c8634788b4
--- /dev/null
+++ b/layout/reftests/bugs/539949-1.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+<div style="height: 10000px;"></div>
+<div style="position: relative; overflow:hidden;">
+   <div id="test2" style="position:absolute; top:-200px;"></div>
+   <div style="height: 100px; width: 100px; background: blue;"></div>
+</div>
+<div style="height: 10000px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/541382-1-ref.html b/layout/reftests/bugs/541382-1-ref.html
new file mode 100644
index 0000000000..4f6db950dd
--- /dev/null
+++ b/layout/reftests/bugs/541382-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="height: 20px; overflow: hidden; text-indent: 300px; width: 200px;">a</button><br>
+    <button style="height: 20px; overflow: scroll; text-indent: 300px; width: 200px;">b</button><br>
+    <button style="height: 20px; overflow: auto; text-indent: 300px; width: 200px;">c</button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/541382-1.html b/layout/reftests/bugs/541382-1.html
new file mode 100644
index 0000000000..c4ce5919fd
--- /dev/null
+++ b/layout/reftests/bugs/541382-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="height: 20px; overflow: hidden; text-indent: 300px; width: 200px;">text</button><br>
+    <button style="height: 20px; overflow: scroll; text-indent: 300px; width: 200px;">text</button><br>
+    <button style="height: 20px; overflow: auto; text-indent: 300px; width: 200px;">text</button>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/542116-1-ref.html b/layout/reftests/bugs/542116-1-ref.html
new file mode 100644
index 0000000000..1b0852b297
--- /dev/null
+++ b/layout/reftests/bugs/542116-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {
+        -moz-appearance: none;
+        margin: 0;
+        padding: 10px;
+        font-size: 20px;
+        height: 100px;
+        width: 100px;
+        border: 1px solid red;
+      }
+    </style>
+  </head>
+  <body onload="document.getElementById('i').focus()">
+    <input type="text" id="i">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/542116-1.html b/layout/reftests/bugs/542116-1.html
new file mode 100644
index 0000000000..02cf77b013
--- /dev/null
+++ b/layout/reftests/bugs/542116-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {
+        -moz-appearance: none;
+        margin: 0;
+        padding: 10px;
+        font-size: 40px;
+        height: 100px;
+        width: 100px;
+        border: 1px solid red;
+      }
+    </style>
+  </head>
+  <body onload="document.getElementById('i').focus()">
+    <input type="text" id="i">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/542116-2-ref.html b/layout/reftests/bugs/542116-2-ref.html
new file mode 100644
index 0000000000..3475b14058
--- /dev/null
+++ b/layout/reftests/bugs/542116-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {
+        -moz-appearance: none;
+        margin: 0;
+        padding: 10px;
+        font-size: 20px;
+        height: 100px;
+        width: 100px;
+        border: 1px solid red;
+      }
+    </style>
+  </head>
+  <body onload="document.getElementById('i').focus()">
+    <input type="password" id="i">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/542116-2.html b/layout/reftests/bugs/542116-2.html
new file mode 100644
index 0000000000..e4c247fb53
--- /dev/null
+++ b/layout/reftests/bugs/542116-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      input {
+        -moz-appearance: none;
+        margin: 0;
+        padding: 10px;
+        font-size: 40px;
+        height: 100px;
+        width: 100px;
+        border: 1px solid red;
+      }
+    </style>
+  </head>
+  <body onload="document.getElementById('i').focus()">
+    <input type="password" id="i">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/542116-3-ref.html b/layout/reftests/bugs/542116-3-ref.html
new file mode 100644
index 0000000000..07297dc21d
--- /dev/null
+++ b/layout/reftests/bugs/542116-3-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div {
+        margin: 0;
+        padding: 10px;
+        font-size: 20px;
+        height: 100px;
+        width: 100px;
+        border: 1px solid red;
+        outline: none;
+      }
+    </style>
+  </head>
+  <body onload="document.getElementById('i').focus()">
+    <div contenteditable id="i"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/542116-3.html b/layout/reftests/bugs/542116-3.html
new file mode 100644
index 0000000000..b2c935c7f9
--- /dev/null
+++ b/layout/reftests/bugs/542116-3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div {
+        margin: 0;
+        padding: 10px;
+        font-size: 40px;
+        height: 100px;
+        width: 100px;
+        border: 1px solid red;
+        outline: none;
+      }
+    </style>
+  </head>
+  <body onload="document.getElementById('i').focus()">
+    <div contenteditable id="i"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/542317-1-ref.html b/layout/reftests/bugs/542317-1-ref.html
new file mode 100644
index 0000000000..8672c4efd5
--- /dev/null
+++ b/layout/reftests/bugs/542317-1-ref.html
@@ -0,0 +1 @@
+<body onload="frames[0].document.designMode = 'on'; frames[0].focus()"><iframe></iframe></body>
diff --git a/layout/reftests/bugs/542317-1.html b/layout/reftests/bugs/542317-1.html
new file mode 100644
index 0000000000..fdccad6d96
--- /dev/null
+++ b/layout/reftests/bugs/542317-1.html
@@ -0,0 +1 @@
+<body onload="frames[0].focus(); frames[0].document.designMode = 'on'"><iframe></iframe></body>
diff --git a/layout/reftests/bugs/542620-1-ref.html b/layout/reftests/bugs/542620-1-ref.html
new file mode 100644
index 0000000000..c01b176175
--- /dev/null
+++ b/layout/reftests/bugs/542620-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<table>
+  <tr><td style="background:lime; width:100px; height:100px;"></td></tr>
+</table>
+<table>
+  <tr><td style="background:lime; width:100px; height:100px;"></td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/542620-1.html b/layout/reftests/bugs/542620-1.html
new file mode 100644
index 0000000000..cd6677b44a
--- /dev/null
+++ b/layout/reftests/bugs/542620-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<table>
+  <col style="background: lime"></col>
+  <tr><td style="width:100px; height:100px;"></td></tr>
+</table>
+<table>
+  <colgroup style="background: lime"></colgroup>
+  <tr><td style="width:100px; height:100px;"></td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/545049-1-ref.html b/layout/reftests/bugs/545049-1-ref.html
new file mode 100644
index 0000000000..3314fbe1ad
--- /dev/null
+++ b/layout/reftests/bugs/545049-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<table>
+  <td style="transform:translateX(10px); width:20px; height:20px; background:lime;">
+  </td>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/545049-1.html b/layout/reftests/bugs/545049-1.html
new file mode 100644
index 0000000000..e8752201bd
--- /dev/null
+++ b/layout/reftests/bugs/545049-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<table>
+  <td id="d" style="transform:translateX(400px); width:20px; height:20px; background:lime;">
+  </td>
+</table>
+<script>
+function doTest() {
+  document.getElementById("d").style.transform = "translateX(10px)";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/546033-1-ref.html b/layout/reftests/bugs/546033-1-ref.html
new file mode 100644
index 0000000000..f0e4395f93
--- /dev/null
+++ b/layout/reftests/bugs/546033-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="height:3000px; overflow:hidden;">
+<script>
+document.documentElement.scrollTop = 100;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/546033-1.html b/layout/reftests/bugs/546033-1.html
new file mode 100644
index 0000000000..ac6c4895d3
--- /dev/null
+++ b/layout/reftests/bugs/546033-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="height:3000px; overflow:hidden;">
+<script>
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute('class');
+}
+window.focus();
+document.documentElement.focus();
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/549184-1-ref.html b/layout/reftests/bugs/549184-1-ref.html
new file mode 100644
index 0000000000..bd5610195a
--- /dev/null
+++ b/layout/reftests/bugs/549184-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<span style="border-left:10px solid lime;">&nbsp;</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/549184-1.html b/layout/reftests/bugs/549184-1.html
new file mode 100644
index 0000000000..4898ce8ef7
--- /dev/null
+++ b/layout/reftests/bugs/549184-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<span style="background:lime; padding-left:10px;"></span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/550325-1-ref.html b/layout/reftests/bugs/550325-1-ref.html
new file mode 100644
index 0000000000..d9ebba31fd
--- /dev/null
+++ b/layout/reftests/bugs/550325-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html>
+<body style="padding-left: 30%;"><div style="position: absolute;">X</div></body>
+</html>
diff --git a/layout/reftests/bugs/550325-1.html b/layout/reftests/bugs/550325-1.html
new file mode 100644
index 0000000000..0ea4f154de
--- /dev/null
+++ b/layout/reftests/bugs/550325-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html style="overflow-x: auto;">
+<body style="overflow-x: auto; padding-left: 30%;"><div style="position: absolute;">X</div></body>
+</html>
diff --git a/layout/reftests/bugs/550325-2.html b/layout/reftests/bugs/550325-2.html
new file mode 100644
index 0000000000..4a83be9dd5
--- /dev/null
+++ b/layout/reftests/bugs/550325-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow-x: auto;margin-left:0;margin-right:0">
+<div style="overflow-x: auto; padding-left: 30%;margin-left:8px"><div style="position: absolute;">X</div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/550325-3.html b/layout/reftests/bugs/550325-3.html
new file mode 100644
index 0000000000..e40025ba22
--- /dev/null
+++ b/layout/reftests/bugs/550325-3.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html style="overflow-x: auto;">
+<body style="position: absolute; padding-left: 30%;">X</body>
+</html>
diff --git a/layout/reftests/bugs/550716-1-ref.html b/layout/reftests/bugs/550716-1-ref.html
new file mode 100644
index 0000000000..308e5830c0
--- /dev/null
+++ b/layout/reftests/bugs/550716-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="opacity:0.5; margin-top:101px; width:200px; height:100px; background:yellow;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/550716-1.html b/layout/reftests/bugs/550716-1.html
new file mode 100644
index 0000000000..fef3360b62
--- /dev/null
+++ b/layout/reftests/bugs/550716-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="opacity:0.5; margin-top:100.5px; width:200px; height:100px; background:yellow;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/550882-1-ref.html b/layout/reftests/bugs/550882-1-ref.html
new file mode 100644
index 0000000000..5a928ed389
--- /dev/null
+++ b/layout/reftests/bugs/550882-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html style='height: 100%'>
+  <body style='margin: 0; padding: 0; height: 100%'>
+    <div style='width: 200%; height: 200%'></div>
+  </body>
+</html>"></iframe>
diff --git a/layout/reftests/bugs/550882-1.html b/layout/reftests/bugs/550882-1.html
new file mode 100644
index 0000000000..3a129aed16
--- /dev/null
+++ b/layout/reftests/bugs/550882-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html style='height: 100%'>
+  <body style='margin: 0; padding: 0; height: 100%; overflow: hidden'
+        onload='document.body.offsetWidth;
+                document.body.style.overflow=&quot;&quot;'>
+    <div style='width: 200%; height: 200%'></div>
+  </body>
+</html>"></iframe>
diff --git a/layout/reftests/bugs/550882-2-ref.html b/layout/reftests/bugs/550882-2-ref.html
new file mode 100644
index 0000000000..bb168d4c25
--- /dev/null
+++ b/layout/reftests/bugs/550882-2-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html></html>"></iframe>
diff --git a/layout/reftests/bugs/550882-2.html b/layout/reftests/bugs/550882-2.html
new file mode 100644
index 0000000000..300808f341
--- /dev/null
+++ b/layout/reftests/bugs/550882-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<iframe src="data:text/html,<html style='height: 100%'>
+  <body style='margin: 0; padding: 0; height: 100%; overflow: visible'
+        onload='document.body.offsetWidth;
+                document.body.style.overflow=&quot;hidden&quot;'>
+    <div style='width: 200%; height: 200%'></div>
+  </body>
+</html>"></iframe>
diff --git a/layout/reftests/bugs/551463-1-ref.html b/layout/reftests/bugs/551463-1-ref.html
new file mode 100644
index 0000000000..f67e6b784b
--- /dev/null
+++ b/layout/reftests/bugs/551463-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="display:-moz-box; width:400px;">
+  <div id="d" style="overflow:auto; height:100px; width:400px; font-size:20px;">
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    <span style="font-size:22px;">Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.</span>
+  </div>
+</div>
+<script>
+var d = document.getElementById("d");
+d.scrollTop = 200;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/551463-1.html b/layout/reftests/bugs/551463-1.html
new file mode 100644
index 0000000000..326f796e1e
--- /dev/null
+++ b/layout/reftests/bugs/551463-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="display:-moz-box; width:400px;">
+  <div id="d" style="overflow:auto; height:100px; width:400px; font-size:20px;">
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    <span id="s">Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.
+    Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty. Hello Kitty.</span>
+  </div>
+</div>
+<script>
+var d = document.getElementById("d");
+d.scrollTop = 200;
+/* Force the scrolled div d to be reflowed. We want to check that calculation
+   of the XUL preferred width doesn't temporarily give d a small height
+   and cause d to clamp the scroll position */
+var s = document.getElementById("s");
+s.style.fontSize = "22px";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/551699-1-ref.html b/layout/reftests/bugs/551699-1-ref.html
new file mode 100644
index 0000000000..1f81b34f38
--- /dev/null
+++ b/layout/reftests/bugs/551699-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table>
+      <tr>
+        <td>
+          <div style="position: absolute;">Text</div>
+          <div style="display: block; width: 100px; height: 100px;"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/551699-1.html b/layout/reftests/bugs/551699-1.html
new file mode 100644
index 0000000000..a97921c4fd
--- /dev/null
+++ b/layout/reftests/bugs/551699-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table>
+      <tr>
+        <td>
+          <div style="position: absolute;">Text</div>
+          <div style="display: inline-block; width: 100px; height: 100px;"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/552334-1-ref.html b/layout/reftests/bugs/552334-1-ref.html
new file mode 100644
index 0000000000..a139827f2c
--- /dev/null
+++ b/layout/reftests/bugs/552334-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { position: absolute; top: 0; left: 0; width: 100px; height: 100px; }
+      div.offset { left: 100px; }
+      div.offset2 { left: 200px; }
+    </style>
+  </head>
+  <body>
+    <div style="background: green"></div>
+    <div class="offset" style="background: green"></div>
+    <div class="offset2" style="background: green"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/552334-1.html b/layout/reftests/bugs/552334-1.html
new file mode 100644
index 0000000000..66f426e09b
--- /dev/null
+++ b/layout/reftests/bugs/552334-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { position: absolute; top: 0; left: 0; width: 100px; height: 100px; }
+      div.offset { left: 100px; }
+      div.offset2 { left: 200px; }
+    </style>
+  </head>
+  <body>
+    <!-- Make sure the difference of the two z-index values overflows a 32-bit
+    signed int.  So set the positive one to 2^30 + 1 and the negative one to
+    -(2^30 + 1).  Then the difference is 2^31 + 2 which is negative when
+    treated as a 32-bit signed int.  -->
+    <div style="background: green; z-index: 1073741825"></div>
+    <div style="background: red; z-index: -1073741825"></div>
+    <!-- Test clamping on the high end by setting the high z-index to
+         2^32 + 1  -->
+    <div class="offset" style="background: green; z-index: 4294967297"></div>
+    <div class="offset" style="background: red; z-index: 2"></div>
+    <!-- Test clamping on the low end by setting the low z-index to
+         -(2^32 + 1)  -->
+    <div class="offset2" style="background: green; z-index: -2"></div>
+    <div class="offset2" style="background: red; z-index: -4294967297"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/553571-1-notref.html b/layout/reftests/bugs/553571-1-notref.html
new file mode 100644
index 0000000000..c3bf1f8f7e
--- /dev/null
+++ b/layout/reftests/bugs/553571-1-notref.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+&#xD94;&#x200C;&#xDD8;
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/553571-1.html b/layout/reftests/bugs/553571-1.html
new file mode 100644
index 0000000000..0eb6faa48b
--- /dev/null
+++ b/layout/reftests/bugs/553571-1.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+&#xD94;&#xDD8;
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/555388-1-ref.html b/layout/reftests/bugs/555388-1-ref.html
new file mode 100644
index 0000000000..bc524566a7
--- /dev/null
+++ b/layout/reftests/bugs/555388-1-ref.html
@@ -0,0 +1,27 @@
+<html>
+ <head>
+  <script type="application/javascript">
+function draw() {
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+
+  ctx.fillStyle = "red";  
+  ctx.beginPath();
+  ctx.moveTo(0, 0);
+  ctx.lineTo(300, 0);
+  ctx.lineTo(300, 300);
+  ctx.lineTo(0, 300);
+  ctx.lineTo(0, 0);
+  ctx.moveTo(30, 30);
+  ctx.lineTo(30, 150);
+  ctx.lineTo(150, 150);
+  ctx.lineTo(149, 30);
+  ctx.lineTo(30, 30);
+  ctx.fill();
+}
+  </script>
+ </head>
+<body onload="draw()">
+ <canvas id="canvas" width="300" height="300"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/bugs/555388-1.html b/layout/reftests/bugs/555388-1.html
new file mode 100644
index 0000000000..3b7f103da3
--- /dev/null
+++ b/layout/reftests/bugs/555388-1.html
@@ -0,0 +1,33 @@
+<html>
+ <head>
+  <script type="application/javascript">
+function draw() {
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+
+  ctx.fillStyle = "red";
+  ctx.fillRect(0, 0, 500, 500);
+  ctx.save();
+  ctx.beginPath();
+  ctx.moveTo(30, 30);
+  ctx.lineTo(149, 30);
+  ctx.lineTo(150, 150);
+  ctx.lineTo(30, 150);
+  ctx.lineTo(30, 30);
+  ctx.clip();
+  ctx.clearRect(0, 0, 500, 500);
+  /**
+   * Work around a strange left edge offset problem in D2D.
+   */
+  ctx.restore();
+  ctx.fillStyle = "red";
+  ctx.fillRect(0, 0, 1, 500);
+  ctx.fillStyle = "white";
+  ctx.fillRect(30, 30, 1, 120);
+}
+  </script>
+ </head>
+<body onload="draw()">
+ <canvas id="canvas" width="300" height="300"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/bugs/556661-1-ref.html b/layout/reftests/bugs/556661-1-ref.html
new file mode 100644
index 0000000000..f960b6c84f
--- /dev/null
+++ b/layout/reftests/bugs/556661-1-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html><head><title>Dynamic manipulation of !important</title>
+<style>
+div { float: left; width: 50px; height: 50px; margin: 5px;
+      background-color: green }
+div#control { width: 230px }
+p { clear: left }
+</style>
+<body>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<p></p>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<p></p>
+<div id="control"></div>
+<p>There should be two rows of four green squares and one solid green
+   bar above.</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/556661-1.html b/layout/reftests/bugs/556661-1.html
new file mode 100644
index 0000000000..1941e0b876
--- /dev/null
+++ b/layout/reftests/bugs/556661-1.html
@@ -0,0 +1,63 @@
+<!doctype html>
+<html><head><title>Dynamic manipulation of !important</title>
+<style>
+div { float: left; width: 50px; height: 50px; margin: 5px }
+div#control {
+  width: 230px;
+  background-color: green !important;
+  background-color: red;
+}
+div#a { background-color: green }
+div#b { background-color: orange }
+div.c { background-color: orange }
+div#d { background-color: orange }
+div#e { background-color: green }
+div#f { background-color: orange }
+div.g { background-color: orange }
+div#h { background-color: orange }
+p { clear: left }
+</style>
+<style>
+div.a { background-color: red !important }
+div.b { background-color: red !important }
+div#c { background-color: red }
+div.d { background-color: red }
+div.e { background-color: red !important }
+div.f { background-color: red !important }
+div#g { background-color: red }
+div.h { background-color: red }
+</style>
+<script>
+window.onload = function() {
+  var r = document.styleSheets[1].cssRules;
+  r[0].style.setProperty("background-color", "yellow", "");
+  r[1].style.setProperty("background-color", "green", "important");
+  r[2].style.setProperty("background-color", "green", "");
+  r[3].style.setProperty("background-color", "green", "important");
+
+  r[4].style.removeProperty("background-color");
+  r[4].style.setProperty("background-color", "yellow", "");
+  r[5].style.removeProperty("background-color");
+  r[5].style.setProperty("background-color", "green", "important");
+  r[6].style.removeProperty("background-color");
+  r[6].style.setProperty("background-color", "green", "");
+  r[7].style.removeProperty("background-color");
+  r[7].style.setProperty("background-color", "green", "important");
+}
+</script>
+<body>
+<div class="a" id="a"></div>
+<div class="b" id="b"></div>
+<div class="c" id="c"></div>
+<div class="d" id="d"></div>
+<p></p>
+<div class="e" id="e"></div>
+<div class="f" id="f"></div>
+<div class="g" id="g"></div>
+<div class="h" id="h"></div>
+<p></p>
+<div id="control"></div>
+<p>There should be two rows of four green squares and one solid green
+   bar above.</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/557087-1.html b/layout/reftests/bugs/557087-1.html
new file mode 100644
index 0000000000..f860dafef7
--- /dev/null
+++ b/layout/reftests/bugs/557087-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset disabled>
+      <input type='file'>
+      <input type='checkbox'>
+      <input type='radio'>
+      <input type='number'>
+      <input>
+      <button>foo</button>
+      <textarea></textarea>
+      <select><option>foo</option></select>
+      <fieldset></fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/557087-2.html b/layout/reftests/bugs/557087-2.html
new file mode 100644
index 0000000000..dfb0eccf9f
--- /dev/null
+++ b/layout/reftests/bugs/557087-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <body onload="document.getElementsByTagName('fieldset')[0].disabled = true;
+                document.documentElement.className='';">
+    <fieldset>
+      <input type='file'>
+      <input type='checkbox'>
+      <input type='radio'>
+      <input type='number'>
+      <input>
+      <button>foo</button>
+      <textarea></textarea>
+      <select><option>foo</option></select>
+      <fieldset></fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/557087-ref.html b/layout/reftests/bugs/557087-ref.html
new file mode 100644
index 0000000000..5a60c625d7
--- /dev/null
+++ b/layout/reftests/bugs/557087-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset disabled>
+      <input type='file' disabled>
+      <input type='checkbox' disabled>
+      <input type='radio' disabled>
+      <input type='number' disabled>
+      <input disabled>
+      <button disabled>foo</button>
+      <textarea disabled></textarea>
+      <select disabled><option>foo</option></select>
+      <fieldset disabled></fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/557736-1-ref.html b/layout/reftests/bugs/557736-1-ref.html
new file mode 100644
index 0000000000..c4c3fae7a7
--- /dev/null
+++ b/layout/reftests/bugs/557736-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>557736 Test Page</title>
+</head>
+<body>
+	<font face="bogus">bogus</font>
+	<font face="bogus">bogus</font>
+</body></html>
diff --git a/layout/reftests/bugs/557736-1.html b/layout/reftests/bugs/557736-1.html
new file mode 100644
index 0000000000..3cbf2dd1e4
--- /dev/null
+++ b/layout/reftests/bugs/557736-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>557736 Test Page</title>
+</head>
+<body>
+	<!-- This ends up as ["bogus", "serif"] -->
+	<font face="bogus">bogus</font>
+	<!-- This ends up as ["bogus", ",serif"] -->
+	<font face="bogus,">bogus</font>
+</body></html>
diff --git a/layout/reftests/bugs/558011-1-ref.xhtml b/layout/reftests/bugs/558011-1-ref.xhtml
new file mode 100644
index 0000000000..5a6c019f06
--- /dev/null
+++ b/layout/reftests/bugs/558011-1-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<hbox flex="1" style="direction: rtl;">
+<richlistbox style="width: 100px; direction: ltr;">
+<item>this is a really really really really long test sentence</item>
+</richlistbox>
+<splitter/>
+<browser flex="1" src="" type="content" primary="true"/>
+</hbox>
+
+</window>
diff --git a/layout/reftests/bugs/558011-1.xhtml b/layout/reftests/bugs/558011-1.xhtml
new file mode 100644
index 0000000000..3c972995df
--- /dev/null
+++ b/layout/reftests/bugs/558011-1.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window xmlns:html="http://www.w3.org/1999/xhtml"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<hbox flex="1" style="direction: rtl;">
+<richlistbox style="width: 100px; direction: rtl;">
+<item>this is a really really really really long test sentence</item>
+</richlistbox>
+<splitter/>
+<browser flex="1" src="" type="content" primary="true"/>
+</hbox>
+
+</window>
diff --git a/layout/reftests/bugs/559284-1-ref.html b/layout/reftests/bugs/559284-1-ref.html
new file mode 100644
index 0000000000..85298a9183
--- /dev/null
+++ b/layout/reftests/bugs/559284-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<body>
+  -<div>section</div>
+  -<div>nav</div>
+  -<div>article</div>
+  -<div>aside</div>
+  -<div>hgroup</div>
+  -<div>header</div>
+  -<div>footer</div>
+  -
+</body>
+
diff --git a/layout/reftests/bugs/559284-1.html b/layout/reftests/bugs/559284-1.html
new file mode 100644
index 0000000000..43b7198936
--- /dev/null
+++ b/layout/reftests/bugs/559284-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<body>
+  -<section>section</section>
+  -<nav>nav</nav>
+  -<article>article</article>
+  -<aside>aside</aside>
+  -<hgroup>hgroup</hgroup>
+  -<header>header</header>
+  -<footer>footer</footer>
+  -
+</body>
diff --git a/layout/reftests/bugs/561981-1-ref.html b/layout/reftests/bugs/561981-1-ref.html
new file mode 100644
index 0000000000..1f2d3710a2
--- /dev/null
+++ b/layout/reftests/bugs/561981-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-1.html b/layout/reftests/bugs/561981-1.html
new file mode 100644
index 0000000000..f9f9acf278
--- /dev/null
+++ b/layout/reftests/bugs/561981-1.html
@@ -0,0 +1,16 @@
+<html class="reftest-wait">
+<head>
+<script>
+function runtest() {
+  var i = document.getElementById("i");
+  i.style.display = "none";
+  i.style.display = "";
+  document.documentElement.offsetLeft;
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="runtest();">
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-2-ref.html b/layout/reftests/bugs/561981-2-ref.html
new file mode 100644
index 0000000000..5d5c322559
--- /dev/null
+++ b/layout/reftests/bugs/561981-2-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" style="display: none;" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-2.html b/layout/reftests/bugs/561981-2.html
new file mode 100644
index 0000000000..76ab9cc899
--- /dev/null
+++ b/layout/reftests/bugs/561981-2.html
@@ -0,0 +1,16 @@
+<html class="reftest-wait">
+<head>
+<script>
+function runtest() {
+  var i = document.getElementById("i");
+  i.style.display = "";
+  i.style.display = "none";
+  document.documentElement.offsetLeft;
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="runtest();">
+<iframe id="i" style="display: none;" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-3-ref.html b/layout/reftests/bugs/561981-3-ref.html
new file mode 100644
index 0000000000..1f2d3710a2
--- /dev/null
+++ b/layout/reftests/bugs/561981-3-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-3.html b/layout/reftests/bugs/561981-3.html
new file mode 100644
index 0000000000..1e02995aab
--- /dev/null
+++ b/layout/reftests/bugs/561981-3.html
@@ -0,0 +1,16 @@
+<html class="reftest-wait">
+<head>
+<script>
+function runtest() {
+  var i = document.getElementById("i");
+  i.parentNode.style.display = "none";
+  i.parentNode.style.display = "";
+  document.documentElement.offsetLeft;
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="runtest();">
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-4-ref.html b/layout/reftests/bugs/561981-4-ref.html
new file mode 100644
index 0000000000..2d6a3fde77
--- /dev/null
+++ b/layout/reftests/bugs/561981-4-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body style="display: none;">
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-4.html b/layout/reftests/bugs/561981-4.html
new file mode 100644
index 0000000000..a0845b52dd
--- /dev/null
+++ b/layout/reftests/bugs/561981-4.html
@@ -0,0 +1,16 @@
+<html class="reftest-wait">
+<head>
+<script>
+function runtest() {
+  var i = document.getElementById("i");
+  i.parentNode.style.display = "";
+  i.parentNode.style.display = "none";
+  document.documentElement.offsetLeft;
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body style="display: none;" onload="runtest();">
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-5-ref.html b/layout/reftests/bugs/561981-5-ref.html
new file mode 100644
index 0000000000..1f2d3710a2
--- /dev/null
+++ b/layout/reftests/bugs/561981-5-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-5.html b/layout/reftests/bugs/561981-5.html
new file mode 100644
index 0000000000..96d3eee5c5
--- /dev/null
+++ b/layout/reftests/bugs/561981-5.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" src="data:text/html,text">
+<script>
+var i = document.getElementById("i");
+i.style.display = "none";
+i.style.display = "";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-6-ref.html b/layout/reftests/bugs/561981-6-ref.html
new file mode 100644
index 0000000000..5d5c322559
--- /dev/null
+++ b/layout/reftests/bugs/561981-6-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" style="display: none;" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-6.html b/layout/reftests/bugs/561981-6.html
new file mode 100644
index 0000000000..a634d512dd
--- /dev/null
+++ b/layout/reftests/bugs/561981-6.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" style="display: none;" src="data:text/html,text">
+<script>
+var i = document.getElementById("i");
+i.style.display = "";
+i.style.display = "none";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-7-ref.html b/layout/reftests/bugs/561981-7-ref.html
new file mode 100644
index 0000000000..1f2d3710a2
--- /dev/null
+++ b/layout/reftests/bugs/561981-7-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-7.html b/layout/reftests/bugs/561981-7.html
new file mode 100644
index 0000000000..5920bbfca5
--- /dev/null
+++ b/layout/reftests/bugs/561981-7.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+<iframe id="i" src="data:text/html,text">
+<script>
+var i = document.getElementById("i");
+i.parentNode.style.display = "none";
+i.parentNode.style.display = "";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-8-ref.html b/layout/reftests/bugs/561981-8-ref.html
new file mode 100644
index 0000000000..2d6a3fde77
--- /dev/null
+++ b/layout/reftests/bugs/561981-8-ref.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body style="display: none;">
+<iframe id="i" src="data:text/html,text">
+</body>
+</html>
diff --git a/layout/reftests/bugs/561981-8.html b/layout/reftests/bugs/561981-8.html
new file mode 100644
index 0000000000..6ed4ade9da
--- /dev/null
+++ b/layout/reftests/bugs/561981-8.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body style="display: none;">
+<iframe id="i" src="data:text/html,text">
+<script>
+  var i = document.getElementById("i");
+  i.parentNode.style.display = "";
+  i.parentNode.style.display = "none";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/562835-1.html b/layout/reftests/bugs/562835-1.html
new file mode 100644
index 0000000000..26b3d6b80d
--- /dev/null
+++ b/layout/reftests/bugs/562835-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Fonts and margins of HTML headers</title>
+<style type="text/css">
+
+div { border: medium solid blue }
+
+</style>
+
+<div><h1>Level 1</h1></div>
+<div><h2>Level 2</h2></div>
+<div><h3>Level 3</h3></div>
+<div><h4>Level 4</h4></div>
+<div><h5>Level 5</h5></div>
+<div><h6>Level 6</h6></div>
diff --git a/layout/reftests/bugs/562835-2.html b/layout/reftests/bugs/562835-2.html
new file mode 100644
index 0000000000..c0bb55f0b3
--- /dev/null
+++ b/layout/reftests/bugs/562835-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<title>Fonts and margins of HTML headers</title>
+<style type="text/css">
+
+div { border: medium solid blue }
+
+</style>
+
+<div><h1>Level 1</h1></div>
+<article>
+<div><h1>Level 2</h1></div>
+<nav>
+<div><h1>Level 3</h1></div>
+</nav>
+<section>
+<aside>
+<div><h1>Level 4</h1></div>
+</aside>
+</section>
+<section>
+<nav>
+<nav>
+<div><h1>Level 5</h1></div>
+<aside>
+<div><h1>Level 6</h1></div>
+</aside>
+</nav>
+</nav>
+</section>
+</article>
diff --git a/layout/reftests/bugs/562835-ref.html b/layout/reftests/bugs/562835-ref.html
new file mode 100644
index 0000000000..b8ee4c7100
--- /dev/null
+++ b/layout/reftests/bugs/562835-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<title>Fonts and margins of HTML headers</title>
+<style type="text/css">
+
+body > div { border: medium solid blue }
+body > div > div { font-weight: bold }
+
+</style>
+
+<div><div style="font-size: 2.00em; margin: 0.67em 0">Level 1</div></div>
+<div><div style="font-size: 1.50em; margin: 0.83em 0">Level 2</div></div>
+<div><div style="font-size: 1.17em; margin: 1.00em 0">Level 3</div></div>
+<div><div style="font-size: 1.00em; margin: 1.33em 0">Level 4</div></div>
+<div><div style="font-size: 0.83em; margin: 1.67em 0">Level 5</div></div>
+<div><div style="font-size: 0.67em; margin: 2.33em 0">Level 6</div></div>
diff --git a/layout/reftests/bugs/563584-1-ref.html b/layout/reftests/bugs/563584-1-ref.html
new file mode 100644
index 0000000000..70612e44e2
--- /dev/null
+++ b/layout/reftests/bugs/563584-1-ref.html
@@ -0,0 +1,24 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, reftest-print version of original testcase</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="width:2in">
+    <div style="width:1in; height:2.5in;">A</div>
+    <div style="width:1in; height:0.4in;">B</div>
+</div>
+
+
+<div style="width:3in; height: 0.4in">C</div>
+
+<div style="width:3in; height: 0.4in">D</div>
diff --git a/layout/reftests/bugs/563584-1.html b/layout/reftests/bugs/563584-1.html
new file mode 100644
index 0000000000..7dc6cb41ea
--- /dev/null
+++ b/layout/reftests/bugs/563584-1.html
@@ -0,0 +1,24 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, reftest-print version of original testcase</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="width:2in; float:left">
+    <div style="width:1in; height:2.5in;">A</div>
+    <div style="width:1in; height:0.4in;">B</div>
+</div>
+
+
+<div style="float:left; width:3in; height: 0.4in">C</div>
+
+<div style="float:left; width:3in; height: 0.4in">D</div>
diff --git a/layout/reftests/bugs/563584-10-ref.html b/layout/reftests/bugs/563584-10-ref.html
new file mode 100644
index 0000000000..87f2dfda63
--- /dev/null
+++ b/layout/reftests/bugs/563584-10-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that nsFloatManager::ClearFloats calls ClearContinues</title>
+<body style="margin: 0">
+<div style="background: aqua; height: 1in; width: 1in"></div>
+<div style="page-break-before: always; background: fuchsia; height: 1.5in; width: 1in"></div>
+<div style="height: 0.25in; background: yellow; width: 1in"></div>
diff --git a/layout/reftests/bugs/563584-10a.html b/layout/reftests/bugs/563584-10a.html
new file mode 100644
index 0000000000..9dbbc06f6b
--- /dev/null
+++ b/layout/reftests/bugs/563584-10a.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that nsFloatManager::ClearFloats calls ClearContinues</title>
+<body style="margin: 0">
+<div style="float: left;">
+  <div>
+    <div style="display:inline-block; vertical-align: top; background: aqua; height: 1in; width: 1in"></div>
+  </div>
+  <div>
+    <div style="display:inline-block; vertical-align: top; background: fuchsia; height: 1.5in; width: 1in"></div>
+  </div>
+</div>
+<div style="float: left; clear: left; height: 0.25in; background: yellow; width: 1in"></div>
diff --git a/layout/reftests/bugs/563584-10b.html b/layout/reftests/bugs/563584-10b.html
new file mode 100644
index 0000000000..7f5dc7c854
--- /dev/null
+++ b/layout/reftests/bugs/563584-10b.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that nsFloatManager::ClearFloats calls ClearContinues</title>
+<body style="margin: 0">
+<div style="float: left;">
+  <div>
+    <div style="display:inline-block; vertical-align: top; background: aqua; height: 1in; width: 1in"></div>
+  </div>
+  <div>
+    <div style="display:inline-block; vertical-align: top; background: fuchsia; height: 1.5in; width: 1in"></div>
+  </div>
+</div>
+<div style="clear: left; height: 0.25in; background: yellow; width: 1in"></div>
diff --git a/layout/reftests/bugs/563584-11-ref.html b/layout/reftests/bugs/563584-11-ref.html
new file mode 100644
index 0000000000..8494766abd
--- /dev/null
+++ b/layout/reftests/bugs/563584-11-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that mIsTopOfPage is not set when clearing</title>
+<body style="margin: 0">
+<div style="background: aqua; height: 1in; width: 1in"></div>
+<div style="background: fuchsia; height: 1.5in; width: 1in; page-break-before: always"></div>
diff --git a/layout/reftests/bugs/563584-11.html b/layout/reftests/bugs/563584-11.html
new file mode 100644
index 0000000000..789d44c889
--- /dev/null
+++ b/layout/reftests/bugs/563584-11.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that mIsTopOfPage is not set when clearing</title>
+<body style="margin: 0">
+<div style="float: left; background: aqua; height: 1in; width: 1in"></div>
+<div style="clear: left">
+  <div style="display:inline-block; vertical-align: top; background: fuchsia; height: 1.5in; width: 1in"></div>
+</div>
diff --git a/layout/reftests/bugs/563584-2-ref.html b/layout/reftests/bugs/563584-2-ref.html
new file mode 100644
index 0000000000..05e9fdf8c0
--- /dev/null
+++ b/layout/reftests/bugs/563584-2-ref.html
@@ -0,0 +1,25 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, reftest-print version of original testcase, with anchor points</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="height: 0; margin-left: 2in; border: none; padding-left: 2px">c d e</div>
+<div style="width:2in;">
+    <div style="width:1in; height:2.5in;">A</div>
+    <div style="width:1in; height:0.4in;">B</div>
+</div>
+
+
+<div style="width:3in; height: 0.4in">C</div>
+
+<div style="width:3in; height: 0.4in">D</div>
diff --git a/layout/reftests/bugs/563584-2.html b/layout/reftests/bugs/563584-2.html
new file mode 100644
index 0000000000..4e2d77ebea
--- /dev/null
+++ b/layout/reftests/bugs/563584-2.html
@@ -0,0 +1,26 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, reftest-print version of original testcase, with anchor points</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="width:2in; float:left">
+    <div style="width:1in; height:2.5in;">A</div>
+    <div style="width:1in; height:0.4in;">B</div>
+</div>
+c
+
+<div style="float:left; width:3in; height: 0.4in">C</div>
+d
+
+<div style="float:left; width:3in; height: 0.4in">D</div>
+e
diff --git a/layout/reftests/bugs/563584-3-ref.html b/layout/reftests/bugs/563584-3-ref.html
new file mode 100644
index 0000000000..5f0563fcf1
--- /dev/null
+++ b/layout/reftests/bugs/563584-3-ref.html
@@ -0,0 +1,24 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, variant split over three pages</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="width:2in">
+    <div style="width:1in; height:3.5in;">A</div>
+    <div style="width:1in; height:0.5in;">B</div>
+</div>
+
+
+<div style="width:3in; height: 0.5in">C</div>
+
+<div style="width:3in; height: 0.5in">D</div>
diff --git a/layout/reftests/bugs/563584-3.html b/layout/reftests/bugs/563584-3.html
new file mode 100644
index 0000000000..c70013c617
--- /dev/null
+++ b/layout/reftests/bugs/563584-3.html
@@ -0,0 +1,24 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, variant split over three pages</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="width:2in; float:left">
+    <div style="width:1in; height:3.5in;">A</div>
+    <div style="width:1in; height:0.5in;">B</div>
+</div>
+
+
+<div style="float:left; width:3in; height: 0.5in">C</div>
+
+<div style="float:left; width:3in; height: 0.5in">D</div>
diff --git a/layout/reftests/bugs/563584-4-ref.html b/layout/reftests/bugs/563584-4-ref.html
new file mode 100644
index 0000000000..5cc6c3aef3
--- /dev/null
+++ b/layout/reftests/bugs/563584-4-ref.html
@@ -0,0 +1,24 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, variant split over three pages, with anchor points</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="height: 0; margin-left: 2in; border: none; padding-left: 2px">c d e</div>
+<div style="width:2in;">
+    <div style="width:1in; height:3.5in;">A</div>
+    <div style="width:1in; height:0.5in;">B</div>
+</div>
+
+<div style="width:3in; height: 0.5in">C</div>
+
+<div style="width:3in; height: 0.5in">D</div>
diff --git a/layout/reftests/bugs/563584-4.html b/layout/reftests/bugs/563584-4.html
new file mode 100644
index 0000000000..5e5c14dff5
--- /dev/null
+++ b/layout/reftests/bugs/563584-4.html
@@ -0,0 +1,26 @@
+<html class="reftest-paged">
+<head>
+<title>Bug 563584, variant split over three pages, with anchor points</title>
+<style type="text/css">
+
+ div{
+   border: 1px solid green; 
+ }
+
+
+ </style>
+</head>
+<body>
+
+
+<div style="width:2in; float:left">
+    <div style="width:1in; height:3.5in;">A</div>
+    <div style="width:1in; height:0.5in;">B</div>
+</div>
+c
+
+<div style="float:left; width:3in; height: 0.5in">C</div>
+d
+
+<div style="float:left; width:3in; height: 0.5in">D</div>
+e
diff --git a/layout/reftests/bugs/563584-5-ref.html b/layout/reftests/bugs/563584-5-ref.html
new file mode 100644
index 0000000000..5b1b8fefcc
--- /dev/null
+++ b/layout/reftests/bugs/563584-5-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for handling of float that is reflowed and then entirely pushed</title>
+<body style="margin: 0">
+<div style="background: blue; height: 1.75in"></div>
+<div style="page-break-before: always; background: yellow; padding-top: 1in; width: 3in">
+  <div>hello</div>
+</div>
diff --git a/layout/reftests/bugs/563584-5.html b/layout/reftests/bugs/563584-5.html
new file mode 100644
index 0000000000..9b9b8ed5ec
--- /dev/null
+++ b/layout/reftests/bugs/563584-5.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for handling of float that is reflowed and then entirely pushed</title>
+<body style="margin: 0">
+<div style="background: blue; height: 1.75in"></div>
+<div style="float: left; background: yellow; width: 3in">
+  <span style="display:inline-block; height: 1in; width: 1in; vertical-align: top"></span>
+  <div>hello</div>
+</div>
diff --git a/layout/reftests/bugs/563584-6-columns-ref.html b/layout/reftests/bugs/563584-6-columns-ref.html
new file mode 100644
index 0000000000..56ecf414f7
--- /dev/null
+++ b/layout/reftests/bugs/563584-6-columns-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Testcase for float breaking</title>
+<body style="margin: 0">
+  <div style="position: absolute; top: 0; left: 0; width: 150px; height: 100px; background: blue"></div>
+  <div style="position: absolute; top: 100px; left: 0; width: 75px; height: 125px; background: aqua"></div>
+  <div style="position: absolute; top: 100px; left: 75px; width: 100px; height: 125px; background: fuchsia"></div>
+  <div style="position: absolute; top: 0px; left: 200px; width: 75px; height: 75px; background: aqua"></div>
+  <div style="position: absolute; top: 0; left: 275px; width: 100px; height: 225px; background: fuchsia"></div>
diff --git a/layout/reftests/bugs/563584-6-columns.html b/layout/reftests/bugs/563584-6-columns.html
new file mode 100644
index 0000000000..92025f3d3c
--- /dev/null
+++ b/layout/reftests/bugs/563584-6-columns.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<title>Testcase for float breaking</title>
+<body style="column-count: 2; column-gap: 0; margin: 0; width: 400px; height: 400px">
+<!-- two columns, each 200px wide and 400px tall -->
+  <div style="float: left; width: 150px; height: 100px; background: blue"></div>
+  <div style="float: left; width: 75px; height: 200px; background: aqua"></div>
+  <!-- test to see where this float goes -->
+  <div style="float: left; width: 100px; height: 350px; background: fuchsia"></div>
+
diff --git a/layout/reftests/bugs/563584-6-printing-ref.html b/layout/reftests/bugs/563584-6-printing-ref.html
new file mode 100644
index 0000000000..8b0d6905ab
--- /dev/null
+++ b/layout/reftests/bugs/563584-6-printing-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Testcase for float breaking (reference)</title>
+<body style="margin: 0">
+<div style="width: 3.5in; height: 0.5in; background: blue"></div>
+<div>
+  <div style="display: inline-block; vertical-align: top; height: 1in; width: 1in; background: aqua"></div
+  ><div style="display: inline-block; vertical-align: top; height: 1in; width: 2in; background: fuchsia"></div>
+</div>
+<div>
+  <div style="display: inline-block; vertical-align: top; height: 0.5in; width: 1in"></div
+  ><div style="display: inline-block; vertical-align: top; height: 0.5in; width: 2in; background: fuchsia"></div>
+</div>
+<div style="page-break-before: always">
+  <!-- FIXME: uncomment this when bug 511551 is fixed
+  <div style="display: inline-block; vertical-align: top; height: 0.25in; width: 1in"></div
+  >--><div style="display: inline-block; vertical-align: top; height: 0.25in; width: 2in; background: fuchsia"></div>
+</div>
diff --git a/layout/reftests/bugs/563584-6-printing.html b/layout/reftests/bugs/563584-6-printing.html
new file mode 100644
index 0000000000..ad019ff0bc
--- /dev/null
+++ b/layout/reftests/bugs/563584-6-printing.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Testcase for float breaking</title>
+<body style="margin: 0">
+<div style="float: left; width: 3.5in; height: 0.5in; background: blue"></div>
+<div style="float: left; width: 1in; height: 1in; background: aqua"></div>
+<!-- test to see where this float goes -->
+<div style="float: left; width: 2in; height: 1.75in; background: fuchsia"></div>
+
diff --git a/layout/reftests/bugs/563584-7-ref.html b/layout/reftests/bugs/563584-7-ref.html
new file mode 100644
index 0000000000..b90c7d7d7f
--- /dev/null
+++ b/layout/reftests/bugs/563584-7-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<body style="margin: 0">
+<div>
+  <div style="display: inline-block; background: yellow; width: 1in; height: 1in; vertical-align: top"></div
+  ><div style="display: inline-block; background: aqua; width: 2in; height: 1in; vertical-align: top"></div>
+</div>
+<div>
+  <div style="display: inline-block; width: 1in; height: 1in; vertical-align: top"></div
+  ><div style="display: inline-block; background: aqua; width: 2in; height: 1in; vertical-align: top"></div>
+</div>
+<div style="page-break-before:always">
+  <!-- FIXME: uncomment this when bug 511551 is fixed
+  <div style="display: inline-block; width: 1in; height: 2in; vertical-align: top"></div
+  >--><div style="display: inline-block; background: aqua; width: 2in; height: 2in; vertical-align: top"></div>
+</div>
diff --git a/layout/reftests/bugs/563584-7.html b/layout/reftests/bugs/563584-7.html
new file mode 100644
index 0000000000..156d56dcc3
--- /dev/null
+++ b/layout/reftests/bugs/563584-7.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<body style="margin: 0">
+<div style="float: left; background: yellow; width: 1in; height: 1in"></div>
+<div style="float: left; background: aqua; width: 2in; height: 4in"></div>
diff --git a/layout/reftests/bugs/563584-8a-ref.html b/layout/reftests/bugs/563584-8a-ref.html
new file mode 100644
index 0000000000..60e5fdc1ed
--- /dev/null
+++ b/layout/reftests/bugs/563584-8a-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div style="height: 2in; width: 1in; background: aqua"></div>
+<div style="height: 1in; width: 1in; background: aqua; page-break-before: always"></div>
+<div style="height: 1in; width: 1in; background: yellow"></div>
diff --git a/layout/reftests/bugs/563584-8a.html b/layout/reftests/bugs/563584-8a.html
new file mode 100644
index 0000000000..eceb8378e5
--- /dev/null
+++ b/layout/reftests/bugs/563584-8a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div style="float: left">
+  <div><div style="display:inline-block; vertical-align: top; height: 3in; width: 1in; background: aqua"></div></div>
+  <div><div style="display:inline-block; vertical-align: top; height: 1in; width: 1in; background: yellow"></div></div>
+</div>
diff --git a/layout/reftests/bugs/563584-8b-ref.html b/layout/reftests/bugs/563584-8b-ref.html
new file mode 100644
index 0000000000..681edfc60e
--- /dev/null
+++ b/layout/reftests/bugs/563584-8b-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div>
+  <div style="display:inline-block; vertical-align: top; height: 1in; width: 1in; background: fuchsia"></div
+  ><div style="display:inline-block; vertical-align: top; height: 2in; width: 1in; background: aqua"></div>
+</div>
+<div style="page-break-before:always">
+  <div style="display:inline-block; vertical-align: top; height: 1in; width: 1in"></div><div style="display:inline-block; vertical-align: top; height: 1in; width: 1in; background: aqua"></div>
+ </div><div style="height: 1in; width: 1in; background: yellow"></div>
+</div>
diff --git a/layout/reftests/bugs/563584-8b.html b/layout/reftests/bugs/563584-8b.html
new file mode 100644
index 0000000000..23ac5dd8e1
--- /dev/null
+++ b/layout/reftests/bugs/563584-8b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div style="float: left; height: 1in; width: 1in; background: fuchsia"></div>
+<div style="float: left">
+  <div><div style="display:inline-block; vertical-align: top; height: 3in; width: 1in; background: aqua"></div></div>
+  <div><div style="display:inline-block; vertical-align: top; height: 1in; width: 1in; background: yellow"></div></div>
+</div>
diff --git a/layout/reftests/bugs/563584-8c-ref.html b/layout/reftests/bugs/563584-8c-ref.html
new file mode 100644
index 0000000000..920285d7ad
--- /dev/null
+++ b/layout/reftests/bugs/563584-8c-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div style="height: 2in"></div>
+<div style="height: 2in; width: 1in; background: aqua; page-break-before: always"></div>
+<div style="height: 1in; width: 1in; background: aqua; page-break-before: always"></div>
+<div style="height: 1in; width: 1in; background: yellow"></div>
diff --git a/layout/reftests/bugs/563584-8c.html b/layout/reftests/bugs/563584-8c.html
new file mode 100644
index 0000000000..d636191cc3
--- /dev/null
+++ b/layout/reftests/bugs/563584-8c.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div style="height: 1in"></div>
+<div style="float: left">
+  <div><div style="display:inline-block; vertical-align: top; height: 3in; width: 1in; background: aqua"></div></div>
+  <div><div style="display:inline-block; vertical-align: top; height: 1in; width: 1in; background: yellow"></div></div>
+</div>
diff --git a/layout/reftests/bugs/563584-8d-ref.html b/layout/reftests/bugs/563584-8d-ref.html
new file mode 100644
index 0000000000..cff90efc18
--- /dev/null
+++ b/layout/reftests/bugs/563584-8d-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div style="height: 1in"></div>
+<div style="height: 1in; width: 1in; background: fuchsia"></div>
+<div style="height: 2in; width: 1in; background: aqua; page-break-before: always"></div>
+<div style="height: 1in; width: 1in; background: aqua; page-break-before: always"></div>
+<div style="height: 1in; width: 1in; background: yellow"></div>
diff --git a/layout/reftests/bugs/563584-8d.html b/layout/reftests/bugs/563584-8d.html
new file mode 100644
index 0000000000..b4fd057869
--- /dev/null
+++ b/layout/reftests/bugs/563584-8d.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test for setting and handling of mIsTopOfPage on floats</title>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<body style="margin: 0">
+<div style="height: 1in"></div>
+<div style="float: left; height: 1in; width: 1in; background: fuchsia"></div>
+<div style="float: left">
+  <div><div style="display:inline-block; vertical-align: top; height: 3in; width: 1in; background: aqua"></div></div>
+  <div><div style="display:inline-block; vertical-align: top; height: 1in; width: 1in; background: yellow"></div></div>
+</div>
diff --git a/layout/reftests/bugs/563584-9a-ref.html b/layout/reftests/bugs/563584-9a-ref.html
new file mode 100644
index 0000000000..ff6bd415c2
--- /dev/null
+++ b/layout/reftests/bugs/563584-9a-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>Test for pushing of floats to next column when float breaking in columns is disabled</title>
+<body style="margin: 0;">
+<div style="position: absolute; top: 0; left: 0; width: 200px; height: 300px; background: yellow"></div>
diff --git a/layout/reftests/bugs/563584-9a.html b/layout/reftests/bugs/563584-9a.html
new file mode 100644
index 0000000000..057c19d83a
--- /dev/null
+++ b/layout/reftests/bugs/563584-9a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for pushing of floats to next column when float breaking in columns is disabled</title>
+<body style="column-width: 200px; margin: 0; column-gap: 0; height: 200px;">
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 300px; width: 200px; background: yellow"></div>
+</div>
diff --git a/layout/reftests/bugs/563584-9b-ref.html b/layout/reftests/bugs/563584-9b-ref.html
new file mode 100644
index 0000000000..9e8637ccc5
--- /dev/null
+++ b/layout/reftests/bugs/563584-9b-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>Test for pushing of floats to next column when float breaking in columns is disabled</title>
+<body style="margin: 0;">
+<div style="position: absolute; top: 0; left: 200px; width: 200px; height: 300px; background: yellow"></div>
diff --git a/layout/reftests/bugs/563584-9b.html b/layout/reftests/bugs/563584-9b.html
new file mode 100644
index 0000000000..93ab70c10c
--- /dev/null
+++ b/layout/reftests/bugs/563584-9b.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>Test for pushing of floats to next column when float breaking in columns is disabled</title>
+<body style="column-width: 200px; margin: 0; column-gap: 0; height: 200px;">
+<div style="height: 10px"></div>
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 300px; width: 200px; background: yellow"></div>
+</div>
diff --git a/layout/reftests/bugs/563584-9c.html b/layout/reftests/bugs/563584-9c.html
new file mode 100644
index 0000000000..c3e8bfcd34
--- /dev/null
+++ b/layout/reftests/bugs/563584-9c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for pushing of floats to next column when float breaking in columns is disabled</title>
+<body style="column-width: 200px; column-fill: auto; margin: 0; column-gap: 0; height: 200px;">
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 150px; width: 200px; background: yellow"></div>
+</div>
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 150px; width: 200px; background: aqua"></div>
+</div>
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 150px; width: 200px; background: fuchsia"></div>
+</div>
diff --git a/layout/reftests/bugs/563584-9cd-ref.html b/layout/reftests/bugs/563584-9cd-ref.html
new file mode 100644
index 0000000000..9c9dcf35cb
--- /dev/null
+++ b/layout/reftests/bugs/563584-9cd-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for pushing of floats to next column when float breaking in columns is disabled</title>
+<body style="margin: 0;">
+<div style="position: absolute; top: 0; left: 0px; width: 200px; height: 150px; background: yellow"></div>
+<div style="position: absolute; top: 0; left: 200px; width: 200px; height: 150px; background: aqua"></div>
+<div style="position: absolute; top: 0; left: 400px; width: 200px; height: 150px; background: fuchsia"></div>
diff --git a/layout/reftests/bugs/563584-9d.html b/layout/reftests/bugs/563584-9d.html
new file mode 100644
index 0000000000..e5bb149ccc
--- /dev/null
+++ b/layout/reftests/bugs/563584-9d.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Test for pushing of floats to next column when float breaking in columns is disabled</title>
+<body style="column-width: 200px; margin: 0; column-fill: auto; column-gap: 0; height: 200px;">
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 150px; width: 200px; background: yellow"></div>
+</div>
+<div>&nbsp;</div>
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 150px; width: 200px; background: aqua"></div>
+</div>
+<div>&nbsp;</div>
+<div style="float: left;">
+  <div style="display: inline-block; vertical-align: top; height: 150px; width: 200px; background: fuchsia"></div>
+</div>
diff --git a/layout/reftests/bugs/563884-1-ref.html b/layout/reftests/bugs/563884-1-ref.html
new file mode 100644
index 0000000000..50447fd9f2
--- /dev/null
+++ b/layout/reftests/bugs/563884-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+  <head>
+  </head>
+  <body>
+    <table>
+      <tr><td>foo</td></tr>
+      <tr><td>foo</td></tr>
+    </table>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/563884-1.html b/layout/reftests/bugs/563884-1.html
new file mode 100644
index 0000000000..01c249942f
--- /dev/null
+++ b/layout/reftests/bugs/563884-1.html
@@ -0,0 +1,16 @@
+<html>
+  <head>
+    <script type="text/javascript">
+      window.addEventListener('load', function() {
+        document.getElementsByTagName('tr')[1].insertBefore(document.createElement('link'), document.getElementsByTagName('tr')[1].firstChild);
+      });
+    </script>
+  </head>
+  <body>
+    <table>
+      <tr><td>foo</td></tr>
+      <tr><td>foo</td></tr>
+    </table>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/564002-1-ref.html b/layout/reftests/bugs/564002-1-ref.html
new file mode 100644
index 0000000000..145b676276
--- /dev/null
+++ b/layout/reftests/bugs/564002-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<div style="float:left">
+  <div style="padding-bottom:1em">
+     <div  style="float:left">test</div>
+  </div>
+  <div style="margin-top:0.5em; background:gold;">
+   test
+  </div>
+</div>
diff --git a/layout/reftests/bugs/564002-1.html b/layout/reftests/bugs/564002-1.html
new file mode 100644
index 0000000000..1ad5157638
--- /dev/null
+++ b/layout/reftests/bugs/564002-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<div style="float:left">
+  <div style="padding-bottom:1em">
+     <div  style="float:left">test</div>
+  </div>
+  <table style="margin-top:0.5em; background:gold;" cellpadding=0 cellspacing=0>
+   <tr><td>test
+  </table>
+</div>
diff --git a/layout/reftests/bugs/564054-1-ref.html b/layout/reftests/bugs/564054-1-ref.html
new file mode 100644
index 0000000000..71570012bc
--- /dev/null
+++ b/layout/reftests/bugs/564054-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style>
+td {width: 30px; height: 30px;}
+
+</style>
+</head>
+
+<body ">
+ <table border cellspacing="10px" cellpadding="10px">
+  <tbody id="tbody">
+   <tr><td rowspan="0"></td></tr>
+   <tr></tr>
+   <tr>
+    <td></td>
+   </tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/564054-1.html b/layout/reftests/bugs/564054-1.html
new file mode 100644
index 0000000000..40ce2fc616
--- /dev/null
+++ b/layout/reftests/bugs/564054-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+
+function boom()
+{
+  var tbody = document.getElementById("tbody");
+  var trX = document.createElement('tr');
+  tbody.insertBefore(trX, tbody.getElementsByTagName("tr")[0]);
+  var trY = document.createElement('tr');
+  tbody.insertBefore(trY, trX);
+  var tdY1 = document.createElement('td');
+  tdY1.setAttribute('rowspan', 0);
+  trY.appendChild(tdY1);
+}
+</script>
+<style>
+td {width: 30px; height: 30px;}
+
+</style>
+</head>
+
+<body onload="boom();">
+ <table border cellspacing="10px" cellpadding="10px">
+  <tbody id="tbody">
+   <tr>
+    <td></td>
+   </tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/564991-1-ref.html b/layout/reftests/bugs/564991-1-ref.html
new file mode 100644
index 0000000000..83dd419534
--- /dev/null
+++ b/layout/reftests/bugs/564991-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="opacity:0.1">HELLO</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/564991-1.html b/layout/reftests/bugs/564991-1.html
new file mode 100644
index 0000000000..d0b27d0a61
--- /dev/null
+++ b/layout/reftests/bugs/564991-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body>
+<div id="d" style="opacity:0.9">HELLO</div>
+<script>
+function finishTest() {
+  var d = document.getElementById("d");
+  d.style.opacity = 0.1;
+
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", finishTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/565819-1.html b/layout/reftests/bugs/565819-1.html
new file mode 100644
index 0000000000..e0c3271712
--- /dev/null
+++ b/layout/reftests/bugs/565819-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { color: green; }
+      div:empty { color: red; }
+    </style>
+    <script>
+      window.onload = function () {
+        document.getElementById("x").appendChild(document.createTextNode("This should be green"));
+      }
+    </script>
+  </head>
+  <body>
+    <div id="x"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/565819-2.html b/layout/reftests/bugs/565819-2.html
new file mode 100644
index 0000000000..61c98ea2f2
--- /dev/null
+++ b/layout/reftests/bugs/565819-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { color: red; }
+      div:last-child { color: green; }
+    </style>
+    <script>
+      window.onload = function() {
+        var r = document.getElementById("r");
+        r.remove();
+      }
+    </script>
+  </head>
+  <body>
+    <!-- Need extra wrapper div, because whitespace inside <body> is all weird -->
+    <div><div>This should be green</div><div id="r"></div></div></body>
+</html>
diff --git a/layout/reftests/bugs/565819-ref.html b/layout/reftests/bugs/565819-ref.html
new file mode 100644
index 0000000000..49a236e111
--- /dev/null
+++ b/layout/reftests/bugs/565819-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body style="color: green">
+    This should be green
+  </body>
+</html>
diff --git a/layout/reftests/bugs/568441-ref.html b/layout/reftests/bugs/568441-ref.html
new file mode 100644
index 0000000000..0e039f72c1
--- /dev/null
+++ b/layout/reftests/bugs/568441-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <body onload="document.getElementById('i').focus();">
+    <input id='i' onfocus="document.documentElement.className = '';">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/568441.html b/layout/reftests/bugs/568441.html
new file mode 100644
index 0000000000..ae7ad55220
--- /dev/null
+++ b/layout/reftests/bugs/568441.html
@@ -0,0 +1,14 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onfocusHandler()
+    {
+      i.disabled = true;
+      i.disabled = false;
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="document.getElementById('i').focus();">
+    <input id='i' onfocus='setTimeout(onfocusHandler,0);'>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/569006-1-ref.html b/layout/reftests/bugs/569006-1-ref.html
new file mode 100644
index 0000000000..c62d2728dc
--- /dev/null
+++ b/layout/reftests/bugs/569006-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    This text should be visible
+  </body>
+</html>
diff --git a/layout/reftests/bugs/569006-1.html b/layout/reftests/bugs/569006-1.html
new file mode 100644
index 0000000000..a6a9a280be
--- /dev/null
+++ b/layout/reftests/bugs/569006-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body::before { content: inherit; }
+    </style>
+  </head>
+  <body onload="document.body.style.content = '&quot;This text should be visible&quot;';">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/571281-1-ref.html b/layout/reftests/bugs/571281-1-ref.html
new file mode 100644
index 0000000000..6ff84ad11d
--- /dev/null
+++ b/layout/reftests/bugs/571281-1-ref.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html>
+<head>
+<style>
+li {
+ list-style-position: inside;
+}
+</style>
+</head>
+<body>
+
+<ul>
+ <li>Test (inside).</li>
+</ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/571281-1a.html b/layout/reftests/bugs/571281-1a.html
new file mode 100644
index 0000000000..0860fd5708
--- /dev/null
+++ b/layout/reftests/bugs/571281-1a.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+<head>
+<style>
+li {
+ list-style-position: inside;
+ overflow: hidden;
+}
+</style>
+</head>
+<body>
+
+<ul>
+ <li>Test (inside).</li>
+</ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/571281-1b.html b/layout/reftests/bugs/571281-1b.html
new file mode 100644
index 0000000000..d2e1c08dee
--- /dev/null
+++ b/layout/reftests/bugs/571281-1b.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+<head>
+<style>
+li {
+ list-style-position: inside;
+ column-count: 2;
+}
+</style>
+</head>
+<body>
+
+<ul>
+ <li>Test (inside).</li>
+</ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/571281-1c.html b/layout/reftests/bugs/571281-1c.html
new file mode 100644
index 0000000000..da9cf0a016
--- /dev/null
+++ b/layout/reftests/bugs/571281-1c.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+<head>
+<style>
+li {
+ list-style-position: inside;
+ column-count: 2;
+ overflow: hidden;
+}
+</style>
+</head>
+<body>
+
+<ul>
+ <li>Test (inside).</li>
+</ul>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/571347-1-ref.html b/layout/reftests/bugs/571347-1-ref.html
new file mode 100644
index 0000000000..08d20638cf
--- /dev/null
+++ b/layout/reftests/bugs/571347-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<head>
+  <body style="color: green">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-1a.html b/layout/reftests/bugs/571347-1a.html
new file mode 100644
index 0000000000..c2ca8ae09d
--- /dev/null
+++ b/layout/reftests/bugs/571347-1a.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body { color: red; }
+    .Foo { color: green; }
+  </style>
+  <body onload="document.body.className = 'abc Foo'" class="abc">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-1b.html b/layout/reftests/bugs/571347-1b.html
new file mode 100644
index 0000000000..842e104fcf
--- /dev/null
+++ b/layout/reftests/bugs/571347-1b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body { color: green; }
+    .Foo { color: red; }
+  </style>
+  <body onload="document.body.className = 'abc foo'" class="Foo">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-2-ref.html b/layout/reftests/bugs/571347-2-ref.html
new file mode 100644
index 0000000000..66d0d452c8
--- /dev/null
+++ b/layout/reftests/bugs/571347-2-ref.html
@@ -0,0 +1,6 @@
+<!-- Quirks on purpose -->
+<head>
+  <body style="color: green">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-2a.html b/layout/reftests/bugs/571347-2a.html
new file mode 100644
index 0000000000..fb9e23eece
--- /dev/null
+++ b/layout/reftests/bugs/571347-2a.html
@@ -0,0 +1,10 @@
+<!-- Quirks on purpose -->
+<head>
+  <style>
+    body { color: red; }
+    .Foo { color: green; }
+  </style>
+  <body onload="document.body.className = 'abc Foo'" class="abc">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-2b.html b/layout/reftests/bugs/571347-2b.html
new file mode 100644
index 0000000000..43610b1b42
--- /dev/null
+++ b/layout/reftests/bugs/571347-2b.html
@@ -0,0 +1,10 @@
+<!-- Quirks on purpose -->
+<head>
+  <style>
+    body { color: green; }
+    .Foo { color: red; }
+  </style>
+  <body onload="document.body.className = 'abc bar'" class="Foo">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-2c.html b/layout/reftests/bugs/571347-2c.html
new file mode 100644
index 0000000000..fa8df1179d
--- /dev/null
+++ b/layout/reftests/bugs/571347-2c.html
@@ -0,0 +1,10 @@
+<!-- Quirks on purpose -->
+<head>
+  <style>
+    body { color: red; }
+    .Foo { color: green; }
+  </style>
+  <body onload="document.body.className = 'abc foO'" class="abc">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-2d.html b/layout/reftests/bugs/571347-2d.html
new file mode 100644
index 0000000000..06d78f8dca
--- /dev/null
+++ b/layout/reftests/bugs/571347-2d.html
@@ -0,0 +1,10 @@
+<!-- Quirks on purpose -->
+<head>
+  <style>
+    body { color: green; }
+    .Foo { color: red; }
+  </style>
+  <body onload="document.body.className = 'abc bar'" class="fOo">
+    This should be green
+  </body>
+</head>
diff --git a/layout/reftests/bugs/571347-3-ref.html b/layout/reftests/bugs/571347-3-ref.html
new file mode 100644
index 0000000000..12ec487a3d
--- /dev/null
+++ b/layout/reftests/bugs/571347-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>This text should appear</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/571347-3.html b/layout/reftests/bugs/571347-3.html
new file mode 100644
index 0000000000..217b76a1dd
--- /dev/null
+++ b/layout/reftests/bugs/571347-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:not(.foo) { display: none; }
+    </style>
+  </head>
+  <body onload="document.getElementById('x').className = 'foo'">
+    <div id="x">This text should appear</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/572598-1.html b/layout/reftests/bugs/572598-1.html
new file mode 100644
index 0000000000..89017915d6
--- /dev/null
+++ b/layout/reftests/bugs/572598-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html contenteditable="true" class="reftest-wait">
+<head>
+<script>
+
+function boom()
+{
+  document.getElementById("i").select();
+  document.execCommand("forecolor", false, "green");
+  try { document.execCommand("insertunorderedlist", false, null); } catch(e){ }
+  document.execCommand("selectAll", false, null);
+  document.execCommand("contentReadOnly", false, null);
+  document.getElementById("d").contentEditable = "true";
+  document.getElementById("d").style.position = "absolute";
+  document.documentElement.focus();
+  document.execCommand("superscript", false, null);
+  window.getSelection().removeAllRanges();
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+</head>
+
+<body onload="boom();" contenteditable="false"><div id="d"><input id="i"></div></body>
+
+</html>
diff --git a/layout/reftests/bugs/572598-ref.html b/layout/reftests/bugs/572598-ref.html
new file mode 100644
index 0000000000..fa57c8b0a3
--- /dev/null
+++ b/layout/reftests/bugs/572598-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body><div><input readonly></div></body>
+
+</html>
diff --git a/layout/reftests/bugs/574898-1.html b/layout/reftests/bugs/574898-1.html
new file mode 100644
index 0000000000..df15ae5866
--- /dev/null
+++ b/layout/reftests/bugs/574898-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script>
+
+function boom()
+{
+  var q = document.getElementById("q");
+  q.spellcheck = true;
+  q.setAttribute("value", "x");
+  document.documentElement.className = "";
+}
+
+</script>
+</head>
+
+<body onload="boom();"><input id="q"></body>
+</html>
diff --git a/layout/reftests/bugs/574898-ref.html b/layout/reftests/bugs/574898-ref.html
new file mode 100644
index 0000000000..cb23ab3c35
--- /dev/null
+++ b/layout/reftests/bugs/574898-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body><input value="x"></body>
+</html>
diff --git a/layout/reftests/bugs/574907-1-ref.html b/layout/reftests/bugs/574907-1-ref.html
new file mode 100644
index 0000000000..95200fdd92
--- /dev/null
+++ b/layout/reftests/bugs/574907-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<p style="font-family:MS PGothic;font-size:16px">
+&#x3053;&#x3093;&#x306b;&#x3061;&#x306f;
+</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/bugs/574907-1.html b/layout/reftests/bugs/574907-1.html
new file mode 100644
index 0000000000..ec8ebfd534
--- /dev/null
+++ b/layout/reftests/bugs/574907-1.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<p style="font-family:MS PGothic;font-size:16.4px">
+&#x3053;&#x3093;&#x306b;&#x3061;&#x306f;
+</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/bugs/574907-2-ref.html b/layout/reftests/bugs/574907-2-ref.html
new file mode 100644
index 0000000000..a3f09d8968
--- /dev/null
+++ b/layout/reftests/bugs/574907-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<p style="font-family:MS PGothic;font-size:17px">
+&#x3053;&#x3093;&#x306b;&#x3061;&#x306f;
+</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/bugs/574907-2.html b/layout/reftests/bugs/574907-2.html
new file mode 100644
index 0000000000..b137278c00
--- /dev/null
+++ b/layout/reftests/bugs/574907-2.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<p style="font-family:MS PGothic;font-size:16.6px">
+&#x3053;&#x3093;&#x306b;&#x3061;&#x306f;
+</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/bugs/574907-3-notref.html b/layout/reftests/bugs/574907-3-notref.html
new file mode 100644
index 0000000000..5f1b011fb6
--- /dev/null
+++ b/layout/reftests/bugs/574907-3-notref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<p style="font-family:MS PGothic;font-size:26px">
+&#x3053;&#x3093;&#x306b;&#x3061;&#x306f;
+</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/bugs/574907-3.html b/layout/reftests/bugs/574907-3.html
new file mode 100644
index 0000000000..ecd36407f8
--- /dev/null
+++ b/layout/reftests/bugs/574907-3.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<p style="font-family:MS PGothic;font-size:26.4px">
+&#x3053;&#x3093;&#x306b;&#x3061;&#x306f;
+</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/bugs/577838-1-ref.html b/layout/reftests/bugs/577838-1-ref.html
new file mode 100644
index 0000000000..486e72129e
--- /dev/null
+++ b/layout/reftests/bugs/577838-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      td { vertical-align: baseline; }
+    </style>
+  </head>
+  <body>
+    <table>
+      <tr>
+        <td>text</td>
+        <td>
+          <div>
+            <div>
+              fieldset<br>
+              fieldset
+            </div>
+            after
+          </div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/577838-1.html b/layout/reftests/bugs/577838-1.html
new file mode 100644
index 0000000000..27127250be
--- /dev/null
+++ b/layout/reftests/bugs/577838-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      td { vertical-align: baseline; }
+      fieldset { border: none; padding: 0; margin: 0; }
+    </style>
+  </head>
+  <body>
+    <table>
+      <tr>
+        <td>text</td>
+        <td>
+          <div>
+            <fieldset>
+              fieldset<br>
+              fieldset
+            </fieldset>
+            after
+          </div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/577838-2-ref.html b/layout/reftests/bugs/577838-2-ref.html
new file mode 100644
index 0000000000..e94491ee87
--- /dev/null
+++ b/layout/reftests/bugs/577838-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      td { vertical-align: baseline; }
+      td > div > div { padding-top: 50px; }
+    </style>
+  </head>
+  <body>
+    <table>
+      <tr>
+        <td>text</td>
+        <td>
+          <div>
+            <div>
+              fieldset<br>
+              fieldset
+            </div>
+            after
+          </div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/577838-2.html b/layout/reftests/bugs/577838-2.html
new file mode 100644
index 0000000000..6e706353e4
--- /dev/null
+++ b/layout/reftests/bugs/577838-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      td { vertical-align: baseline; }
+      fieldset { border: none; padding: 50px 0 0 0; margin: 0; }
+    </style>
+  </head>
+  <body>
+    <table>
+      <tr>
+        <td>text</td>
+        <td>
+          <div>
+            <fieldset>
+              fieldset<br>
+              fieldset
+            </fieldset>
+            after
+          </div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/579323-1-ref.html b/layout/reftests/bugs/579323-1-ref.html
new file mode 100644
index 0000000000..178d76ba79
--- /dev/null
+++ b/layout/reftests/bugs/579323-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body {
+  margin: 0;
+}
+#main {
+  width: 500px;
+  height: 500px;
+  opacity: 0.999;
+  background: lime;
+  border: 1px solid black;
+}
+.censor {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  background: cyan;
+}
+</style>
+</head>
+<body>
+<div id="main"></div>
+<div class="censor" style="left:0; top:0;"></div>
+<div class="censor" style="left:501px; top:0;"></div>
+<div class="censor" style="left:0; top:101px;"></div>
+<div class="censor" style="left:501px; top:101px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/579323-1.html b/layout/reftests/bugs/579323-1.html
new file mode 100644
index 0000000000..fa00c11b7c
--- /dev/null
+++ b/layout/reftests/bugs/579323-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+body {
+  margin: 0;
+  display: flex;
+  width: 400px;
+}
+canvas {
+  flex: 1;
+  opacity: 0.999;
+  border: 1px solid black;
+}
+.censor {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  background: cyan;
+}
+</style>
+</head>
+<body>
+<canvas id="c" width="100" height="100"></canvas>
+<script>
+var ctx = document.getElementById("c").getContext('2d');
+ctx.fillStyle = "lime";
+ctx.fillRect(0, 0, 100, 100);
+function doTest() {
+  document.body.style.width = "502px";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+<div class="censor" style="left:0; top:0;"></div>
+<div class="censor" style="left:501px; top:0;"></div>
+<div class="censor" style="left:0; top:101px;"></div>
+<div class="censor" style="left:501px; top:101px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/579349-1-ref.html b/layout/reftests/bugs/579349-1-ref.html
new file mode 100644
index 0000000000..d4f0d360e4
--- /dev/null
+++ b/layout/reftests/bugs/579349-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="width:500px; height:200px; background:blue;"></div>
+<div style="position:absolute; left:0; top:0; height:100px; width:100%; background:yellow"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/579349-1.html b/layout/reftests/bugs/579349-1.html
new file mode 100644
index 0000000000..d2e9239b88
--- /dev/null
+++ b/layout/reftests/bugs/579349-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="c" width="500" height="200"></canvas>
+<div style="position:absolute; left:0; top:0; height:100px; width:100%; background:yellow"></div>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext("2d");
+ctx.fillStyle = "blue";
+ctx.fillRect(0, 0, c.width, c.height);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/579655-1-ref.html b/layout/reftests/bugs/579655-1-ref.html
new file mode 100644
index 0000000000..d4ade91983
--- /dev/null
+++ b/layout/reftests/bugs/579655-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<body style="white-space:pre">
+ <table>
+   <td>
+     <p>Hello</p>
+      <body>
+      </body>
+   </td>
+   <td>
+     <body> 
+     </body>
+   </td> 
+ </table> 
+</body>
+</html>
diff --git a/layout/reftests/bugs/579655-1.html b/layout/reftests/bugs/579655-1.html
new file mode 100644
index 0000000000..48803307da
--- /dev/null
+++ b/layout/reftests/bugs/579655-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<body>
+ <table>
+   <td>
+     <p>Hello</p>
+      <body style="white-space:pre">
+      </body>
+   </td>
+   <td>
+     <body contenteditable="true"> 
+     </body>
+   </td> 
+ </table> 
+</body>
+</html>
diff --git a/layout/reftests/bugs/579808-1-ref.html b/layout/reftests/bugs/579808-1-ref.html
new file mode 100644
index 0000000000..5eedd78b7c
--- /dev/null
+++ b/layout/reftests/bugs/579808-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="background:rgb(0,255,0); width:200px; height:200px;"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/579985-1-ref.html b/layout/reftests/bugs/579985-1-ref.html
new file mode 100644
index 0000000000..90d88cf620
--- /dev/null
+++ b/layout/reftests/bugs/579985-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:100px; height:100px; background:blue; opacity:0.5;">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/579985-1.html b/layout/reftests/bugs/579985-1.html
new file mode 100644
index 0000000000..2e1288dacd
--- /dev/null
+++ b/layout/reftests/bugs/579985-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  var d = document.getElementById("d");
+  d.style.opacity = 0.5;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div id="d" style="width:100px; height:100px; background:blue;">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/580863-1-ref.html b/layout/reftests/bugs/580863-1-ref.html
new file mode 100644
index 0000000000..d3d440a4ce
--- /dev/null
+++ b/layout/reftests/bugs/580863-1-ref.html
@@ -0,0 +1,14 @@
+<!-- based on input-text-size-1.html, but using a CFF font with 2048-unit em square -->
+<html lang="en">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DejaVuSansMono.otf);
+}
+</style>
+</head>
+<body>
+  <input size="5" value="1 3 5" style="font-family: test">
+</body>
+</html>
diff --git a/layout/reftests/bugs/580863-1.html b/layout/reftests/bugs/580863-1.html
new file mode 100644
index 0000000000..9b18ced053
--- /dev/null
+++ b/layout/reftests/bugs/580863-1.html
@@ -0,0 +1,14 @@
+<!-- based on input-text-size-1.html, but using a CFF font with 2048-unit em square -->
+<html lang="en">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DejaVuSansMono.otf);
+}
+</style>
+</head>
+<body>
+  <input size="5" value="1 3 5!" style="font-family: test">
+</body>
+</html>
diff --git a/layout/reftests/bugs/581317-1-ref.html b/layout/reftests/bugs/581317-1-ref.html
new file mode 100644
index 0000000000..27bdbc29d5
--- /dev/null
+++ b/layout/reftests/bugs/581317-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+#d { width:200px; border:10px solid rgba(200,200,200,0.99); }
+#e { width:196px; height:196px; opacity:0.99; background-color:rgb(200,200,200); padding:2px; }
+#f { width:200px; height:10px; opacity:0.8; }
+</style>
+</head>
+<body>
+<div id="d">
+  <div id="e">
+    <div style="width:80px; height:80px; background:yellow;"></div>
+    <div id="f">
+      <div style="width:80px; height:80px; background:blue;"></div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/581317-1.html b/layout/reftests/bugs/581317-1.html
new file mode 100644
index 0000000000..08e498cfce
--- /dev/null
+++ b/layout/reftests/bugs/581317-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+#d { width:200px; }
+#e { width:196px; height:196px; opacity:0.99; border:2px solid rgb(200,200,200); }
+#f { width:200px; height:10px; }
+</style>
+</head>
+<body onload="step()">
+<div id="d">
+  <div id="e">
+    <div style="width:80px; height:80px; background:yellow;"></div>
+    <div id="f">
+      <div style="width:80px; height:80px; background:blue;"></div>
+    </div>
+  </div>
+</div>
+<script>
+var d = document.getElementById("d");
+var e = document.getElementById("e");
+var f = document.getElementById("f");
+var v = 0;
+function step() {
+  v += 40;
+  d.style.border = "10px solid rgba(" + v + "," + v + "," + v + ", 0.99)";
+  e.style.backgroundColor = "rgb(" + v + "," + v + "," + v + ")";
+  f.style.opacity = v/250.0;
+  if (v < 200) {
+    setTimeout(step, 50);
+  } else {
+    document.documentElement.removeAttribute("class");
+  }
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/581579-1-ref.html b/layout/reftests/bugs/581579-1-ref.html
new file mode 100644
index 0000000000..664d69977c
--- /dev/null
+++ b/layout/reftests/bugs/581579-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>p { color: black; }</style>
+<p>This text should be black.</p>
+<p>This text should be black.</p>
+<p>This text should be black.</p>
diff --git a/layout/reftests/bugs/581579-1.html b/layout/reftests/bugs/581579-1.html
new file mode 100644
index 0000000000..2cae1cc60d
--- /dev/null
+++ b/layout/reftests/bugs/581579-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>p { color: black; }</style>
+<style> #a { color: fuchsia { ; color: red } </style>
+<style> #b { color: fuchsia ! { ; color: red } </style>
+<style> #c { color: fuchsia ! important { ; color: red } </style>
+<p id="a">This text should be black.</p>
+<p id="b">This text should be black.</p>
+<p id="c">This text should be black.</p>
diff --git a/layout/reftests/bugs/582037-1-ref.html b/layout/reftests/bugs/582037-1-ref.html
new file mode 100644
index 0000000000..d92058201d
--- /dev/null
+++ b/layout/reftests/bugs/582037-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html style="background: green">
+</html>
diff --git a/layout/reftests/bugs/582037-1a.html b/layout/reftests/bugs/582037-1a.html
new file mode 100644
index 0000000000..cefabe914e
--- /dev/null
+++ b/layout/reftests/bugs/582037-1a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- This test assumes that the document is 800px wide by 1000px high,
+     as documented in the readme.  In particular, it assumes that
+     height > width. -->
+<html style="margin: 0; padding: 0; border: none; overflow: hidden">
+  <body style="margin: 0; padding: 0; border: none">
+    <div style="position: fixed; height: 100%; background: green">
+      <img src="solidblue.png" style="height: 100%; visibility: hidden;">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/582037-1b.html b/layout/reftests/bugs/582037-1b.html
new file mode 100644
index 0000000000..897285b9d9
--- /dev/null
+++ b/layout/reftests/bugs/582037-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- This test assumes that the document is 800px wide by 1000px high,
+     as documented in the readme.  In particular, it assumes that
+     height > width. -->
+<html style="margin: 0; padding: 0; border: none; height: 100%; overflow: hidden">
+  <body style="margin: 0; padding: 0; border: none; height: 100%">
+    <div style="float: left; height: 100%; background: green">
+      <img src="solidblue.png" style="height: 100%; visibility: hidden;">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/582037-2-ref.html b/layout/reftests/bugs/582037-2-ref.html
new file mode 100644
index 0000000000..6f935f24d3
--- /dev/null
+++ b/layout/reftests/bugs/582037-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0; border: none">
+  <body style="margin: 0; padding: 0; border: none">
+    <div style="width: 2in; height: 2in; background: green;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/582037-2a.html b/layout/reftests/bugs/582037-2a.html
new file mode 100644
index 0000000000..c0d928d8aa
--- /dev/null
+++ b/layout/reftests/bugs/582037-2a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!-- This test assumes that the document is 2in tall by 4in wide. -->
+<html style="margin: 0; padding: 0; border: none; overflow: hidden"
+      class="reftest-paged">
+  <body style="margin: 0; padding: 0; border: none">
+    <div style="position: fixed; height: 100%; background: green">
+      <img src="solidblue.png" style="height: 100%; visibility: hidden;">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/582037-2b.html b/layout/reftests/bugs/582037-2b.html
new file mode 100644
index 0000000000..518524fc16
--- /dev/null
+++ b/layout/reftests/bugs/582037-2b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>@page { size:5in 3in; margin:0.5in; }</style>
+<html style="margin: 0; padding: 0; border: none; height: 100%"
+      class="reftest-paged">
+  <body style="margin: 0; padding: 0; border: none; height: 100%">
+    <div style="float: left; height: 100%; background: green">
+      <img src="solidblue.png" style="height: 100%; visibility: hidden; vertical-align:top;">
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/582146-1.html b/layout/reftests/bugs/582146-1.html
new file mode 100644
index 0000000000..53cea0a91c
--- /dev/null
+++ b/layout/reftests/bugs/582146-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html style="overflow:hidden">
+<body>
+<iframe height="44058520" style="border: none"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/582476-1-helper.html b/layout/reftests/bugs/582476-1-helper.html
new file mode 100644
index 0000000000..1b726dc27b
--- /dev/null
+++ b/layout/reftests/bugs/582476-1-helper.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+<div style="height: 10000px;"></div>
+<div id="x" style="height: 100px; width: 100px; background: red;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/582476-1-ref-helper.html b/layout/reftests/bugs/582476-1-ref-helper.html
new file mode 100644
index 0000000000..73a328c231
--- /dev/null
+++ b/layout/reftests/bugs/582476-1-ref-helper.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+<div style="height: 10000px;"></div>
+<div id="x" style="height: 100px; width: 100px; background: blue;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/582476-1-ref.svg b/layout/reftests/bugs/582476-1-ref.svg
new file mode 100644
index 0000000000..96b6e19027
--- /dev/null
+++ b/layout/reftests/bugs/582476-1-ref.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <script>
+    iframeLoadedFirst = false;
+    parentLoadedFirst = false;
+
+    function iframeLoad() {
+      if (parentLoadedFirst) {
+        setup();
+      } else {
+        iframeLoadedFirst = true;
+      }
+    }
+
+    window.onload = function() {
+      if (iframeLoadedFirst) {
+        setup();
+      } else {
+        parentLoadedFirst = true;
+      }
+    }
+
+    function setup() {
+      var scrollTarget = document.getElementById("ifrm").contentWindow;
+      scrollTarget.scrollTo(0,100000);
+    }
+  </script>
+  <foreignObject height="100%" width="100%">
+    <iframe id="ifrm" onload="iframeLoad();" width="100%" height="100%" xmlns="http://www.w3.org/1999/xhtml" src="582476-1-ref-helper.html"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/bugs/582476-1.svg b/layout/reftests/bugs/582476-1.svg
new file mode 100644
index 0000000000..8622e31eb0
--- /dev/null
+++ b/layout/reftests/bugs/582476-1.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <script>
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+
+    iframeLoadedFirst = false;
+    parentLoadedFirst = false;
+
+    function iframeLoad() {
+      if (parentLoadedFirst) {
+        setup();
+      } else {
+        iframeLoadedFirst = true;
+      }
+    }
+
+    window.onload = function() {
+      if (iframeLoadedFirst) {
+        setup();
+      } else {
+        parentLoadedFirst = true;
+      }
+    }
+
+    function setup() {
+      var scrollTarget = document.getElementById("ifrm").contentWindow;
+      scrollTarget.scrollTo(0,100000);
+    }
+
+    function doTest() {
+      document.getElementById("ifrm").contentDocument.getElementById("x").style.background = "blue";
+      document.documentElement.removeAttribute('class');
+    }
+  </script>
+  <foreignObject height="100%" width="100%">
+    <iframe id="ifrm" onload="iframeLoad();" width="100%" height="100%" xmlns="http://www.w3.org/1999/xhtml" src="582476-1-helper.html"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/bugs/584400-dash-length-ref.svg b/layout/reftests/bugs/584400-dash-length-ref.svg
new file mode 100644
index 0000000000..ed26d94a82
--- /dev/null
+++ b/layout/reftests/bugs/584400-dash-length-ref.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: blue; stroke-width: 15px; }
+  </style>
+  
+  <rect x="70px" y="20px" width="145px" height="145px"
+        style="stroke: none; stroke-dasharray: 20px, 5px">
+  </rect>
+  <rect x="270px" y="20px" width="145px" height="145px"
+        style="stroke: none; stroke-dasharray: 20px, 5px">
+  </rect>
+  
+  <line x1="60px" y1="280px" x2="440px" y2="280px"
+        style="stroke: blue; stroke-width: 200px; stroke-dasharray: 165px, 40px">
+  </line>
+</svg>
diff --git a/layout/reftests/bugs/584400-dash-length.svg b/layout/reftests/bugs/584400-dash-length.svg
new file mode 100644
index 0000000000..b658d26c30
--- /dev/null
+++ b/layout/reftests/bugs/584400-dash-length.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: blue; stroke-width: 15px; }
+  </style>
+  <rect x="90px" y="80px" width="245px" height="45px"
+        style="fill: none; stroke-dasharray: 120px, 89px">
+  </rect>
+  
+  <rect x="70px" y="20px" width="145px" height="145px"
+        style="stroke: none; stroke-dasharray: 20px, 5px">
+  </rect>
+  <rect x="270px" y="20px" width="145px" height="145px"
+        style="stroke: none; stroke-dasharray: 20px, 5px">
+  </rect>
+  
+  <rect x="70px" y="220px" width="145px" height="145px"
+        style="stroke: none; stroke-dasharray: 20px, 5px">
+  </rect>
+  <rect x="270px" y="220px" width="145px" height="145px"
+        style="stroke: none; stroke-dasharray: 20px, 5px">
+  </rect>
+  <line x1="60px" y1="280px" x2="440px" y2="280px"
+        style="stroke: blue; stroke-width: 200px; stroke-dasharray: 165px, 40px">
+  </line>
+</svg>
diff --git a/layout/reftests/bugs/584699-1-ref.html b/layout/reftests/bugs/584699-1-ref.html
new file mode 100644
index 0000000000..8d1f53bdf5
--- /dev/null
+++ b/layout/reftests/bugs/584699-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas style="position: absolute; top:20px; opacity:0.5; border:1px solid black; width:200px; height:200px;"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/bugs/584699-1.html b/layout/reftests/bugs/584699-1.html
new file mode 100644
index 0000000000..588008a904
--- /dev/null
+++ b/layout/reftests/bugs/584699-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  var c = document.getElementById("c");
+  c.style.top = "20px";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<canvas id="c" style="position: absolute; top:0; opacity:0.5; border:1px solid black; width:200px; height:200px;"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/bugs/585598-2-ref.xhtml b/layout/reftests/bugs/585598-2-ref.xhtml
new file mode 100644
index 0000000000..63b5e37969
--- /dev/null
+++ b/layout/reftests/bugs/585598-2-ref.xhtml
@@ -0,0 +1,6 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<div style="page-break-before: always;">
+<select style="display:block">
+</select>
+</div>
+</html>
diff --git a/layout/reftests/bugs/585598-2.xhtml b/layout/reftests/bugs/585598-2.xhtml
new file mode 100644
index 0000000000..50ee587a49
--- /dev/null
+++ b/layout/reftests/bugs/585598-2.xhtml
@@ -0,0 +1,6 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<span style="float: left;page-break-before: always;">
+<select style="float: left;">
+</select>
+</span>
+</html>
diff --git a/layout/reftests/bugs/586400-1-ref.html b/layout/reftests/bugs/586400-1-ref.html
new file mode 100644
index 0000000000..5feef98d64
--- /dev/null
+++ b/layout/reftests/bugs/586400-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+  <style>
+    div.spacer {width:20px; height: 20px;}
+    table {background-color: lime;}
+    td {background-color: green;}
+  </style>
+  </head>
+  <body>
+    <table cellpadding="30px"><tr>
+        <td> <div class="spacer"></div> </td></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/586400-1.html b/layout/reftests/bugs/586400-1.html
new file mode 100644
index 0000000000..107079738c
--- /dev/null
+++ b/layout/reftests/bugs/586400-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+  <style>
+    div.spacer {width:20px; height: 20px;}
+    table {background-color: lime;}
+    td {background-color: green;}
+  </style>
+  <script>
+    function testIt() {
+      document.body.offsetWidth;
+      var table = document.getElementsByTagName("TABLE")[0];
+      table.setAttribute("cellpadding", "30px");
+    }
+  </script>
+  </head>
+  <body onload="testIt();">
+    <table><tr>
+        <td> <div class="spacer"></div> </td></tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/586683-1-ref.html b/layout/reftests/bugs/586683-1-ref.html
new file mode 100644
index 0000000000..e3c473f1e8
--- /dev/null
+++ b/layout/reftests/bugs/586683-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+body,html { width: 100%; height: 100%; padding: 0; }
+#scale {
+	position: absolute;
+	left: 300px;
+	top: 300px;
+    width: 100px;
+    height: 100px;
+	transform: scale(4);
+    border: 1px solid #888;
+}
+</style>
+</head>
+<body>
+<div id="scale"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/586683-1.html b/layout/reftests/bugs/586683-1.html
new file mode 100644
index 0000000000..f1e0d7b715
--- /dev/null
+++ b/layout/reftests/bugs/586683-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+body,html { width: 100%; height: 100%; padding: 0; }
+div {
+	position: absolute;
+	left: 300px;
+    top: 300px;
+    width: 100px;
+    height: 100px;
+    transform: scale(4) perspective(1px);
+    border: 1px solid #888;
+}
+</style>
+</head>
+<body>
+<div></div>
+
+</body></html>
diff --git a/layout/reftests/bugs/589615-1-ref.html b/layout/reftests/bugs/589615-1-ref.html
new file mode 100644
index 0000000000..fe7e842870
--- /dev/null
+++ b/layout/reftests/bugs/589615-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      * { color: pink ! important }
+    </style>
+  </head>
+  <body>
+    <a href="">This should be pink</a>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/589615-1a.xhtml b/layout/reftests/bugs/589615-1a.xhtml
new file mode 100644
index 0000000000..ed79c4f259
--- /dev/null
+++ b/layout/reftests/bugs/589615-1a.xhtml
@@ -0,0 +1,5 @@
+<html xmlns='http://www.w3.org/1999/xhtml'>
+  <body link="pink" vlink="pink">
+    <a href="">This should be pink</a>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/589615-1b.html b/layout/reftests/bugs/589615-1b.html
new file mode 100644
index 0000000000..f7c5cdce4d
--- /dev/null
+++ b/layout/reftests/bugs/589615-1b.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body link="pink" vlink="pink">
+    <a href="">This should be pink</a>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/589672-1-ref.html b/layout/reftests/bugs/589672-1-ref.html
new file mode 100644
index 0000000000..710f04e79f
--- /dev/null
+++ b/layout/reftests/bugs/589672-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { color: green; }
+    </style>
+  </head>
+  <body>This should be green</body>
+</html>
diff --git a/layout/reftests/bugs/589672-1.html b/layout/reftests/bugs/589672-1.html
new file mode 100644
index 0000000000..b4a2845405
--- /dev/null
+++ b/layout/reftests/bugs/589672-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { color: red; }
+    </style>
+    <style>
+      @namespace;
+      body { color: green }
+    </style>
+  </head>
+  <body>This should be green</body>
+</html>
diff --git a/layout/reftests/bugs/589682-1-notref.html b/layout/reftests/bugs/589682-1-notref.html
new file mode 100644
index 0000000000..ee17fc4bf3
--- /dev/null
+++ b/layout/reftests/bugs/589682-1-notref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css">
+body {
+  font-family: Times New Roman, serif;
+  font-style: italic;
+}
+.white {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- bug 589682 - check that double-quote in TNR Italic has width -->
+<p>foo <span class="white">foobar</span> bar</p>
+</body>
+</html>
+ 
diff --git a/layout/reftests/bugs/589682-1.html b/layout/reftests/bugs/589682-1.html
new file mode 100644
index 0000000000..881ce27875
--- /dev/null
+++ b/layout/reftests/bugs/589682-1.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css">
+body {
+  font-family: Times New Roman, serif;
+  font-style: italic;
+}
+.white {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- bug 589682 - check that double-quote in TNR Italic has width -->
+<p>foo <span class="white">foo&quot;bar</span> bar</p>
+</body>
+</html>
+ 
diff --git a/layout/reftests/bugs/593243-1-ref.html b/layout/reftests/bugs/593243-1-ref.html
new file mode 100644
index 0000000000..dd2106a688
--- /dev/null
+++ b/layout/reftests/bugs/593243-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<body style="width: 600px; height: 400px;">
+  <div style="position: absolute; left: 0px; top: 0px;
+              width=600px height=600px">
+    <div style="position: absolute; left: 0px; top: 0px;
+                width: 600px; height: 400px;
+                background-color: green;"></div>
+    <div style="position: absolute; left: 300px; top: 400px;
+                width: 100px; height: 100px;
+                background-color: red;"></div>
+    <div style="position: absolute; left: 0px; top: 500px;
+                width: 600px; height: 100px;
+                background-color: yellow;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/593243-1.html b/layout/reftests/bugs/593243-1.html
new file mode 100644
index 0000000000..d4050a72a0
--- /dev/null
+++ b/layout/reftests/bugs/593243-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"
+      reftest-scrollport-w="800" reftest-scrollport-h="1000"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-no-sync-layers>
+<head>
+  <meta name="viewport" content="width=600; height=400; initial-scale=1.0">
+  <title></title>
+<script type="text/javascript">
+function initialPaint() {
+  window.removeEventListener("MozAfterPaint", initialPaint);
+  setTimeout(moveBox, 0);
+}
+
+function moveBox() {
+  var box = document.getElementById("box");
+  box.style.left = "300px";
+  window.addEventListener("MozAfterPaint", repaint);
+}
+
+function repaint() {
+  window.removeEventListener("MozAfterPaint", repaint);
+  setTimeout(finish, 0);
+}
+
+function finish() {
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozAfterPaint", initialPaint);
+</script>
+</head>
+
+<body style="width: 600px; height: 400px;">
+  <div style="position: absolute; left: 0px; top: 0px;
+              width=600px height=600px">
+    <div style="position: absolute; left: 0px; top: 0px;
+                width: 600px; height: 400px;
+                background-color: green;"></div>
+    <div id="box"
+         style="position: absolute; left: 0px; top: 400px;
+                width: 100px; height: 100px;
+                background-color: red;"></div>
+    <div style="position: absolute; left: 0px; top: 500px;
+                width: 600px; height: 100px;
+                background-color: yellow;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/593243-2-ref.html b/layout/reftests/bugs/593243-2-ref.html
new file mode 100644
index 0000000000..36d027b281
--- /dev/null
+++ b/layout/reftests/bugs/593243-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<body style="width: 600px; height: 400px;">
+  <div style="position: absolute; left: 0px; top: 0px;
+              width=600px height=600px">
+    <div style="position: absolute; left: 0px; top: 0px;
+                width: 600px; height: 400px;
+                background-color: green;"></div>
+    <div style="position: absolute; left: 0px; top: 400px;
+                width: 100px; height: 100px;">
+      <input type="text" id="input" size="20" style="border: none;" value="Hello kitty"></input>
+    </div>
+    <div style="position: absolute; left: 0px; top: 500px;
+                width: 600px; height: 100px;
+                background-color: yellow;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/593243-2.html b/layout/reftests/bugs/593243-2.html
new file mode 100644
index 0000000000..bab5dc0aba
--- /dev/null
+++ b/layout/reftests/bugs/593243-2.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"
+      reftest-scrollport-w="800" reftest-scrollport-h="1000"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-no-sync-layers>
+<head>
+  <meta name="viewport" content="width=600; height=400; initial-scale=1.0">
+  <title></title>
+<script type="text/javascript">
+function initialPaint() {
+  window.removeEventListener("MozAfterPaint", initialPaint);
+  setTimeout(type, 0);
+}
+
+function type() {
+  var box = document.getElementById("input");
+  box.value = "Hello kitty";
+  window.addEventListener("MozAfterPaint", repaint);
+}
+
+function repaint() {
+  window.removeEventListener("MozAfterPaint", repaint);
+  setTimeout(finish, 0);
+}
+
+function finish() {
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozAfterPaint", initialPaint);
+</script>
+</head>
+
+<body style="width: 600px; height: 400px;">
+  <div style="position: absolute; left: 0px; top: 0px;
+              width=600px height=600px">
+    <div style="position: absolute; left: 0px; top: 0px;
+                width: 600px; height: 400px;
+                background-color: green;"></div>
+    <div style="position: absolute; left: 0px; top: 400px;
+                width: 100px; height: 100px;">
+      <input type="text" id="input" size="20" style="border: none;"></input>
+    </div>
+    <div style="position: absolute; left: 0px; top: 500px;
+                width: 600px; height: 100px;
+                background-color: yellow;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/593544-1-ref.html b/layout/reftests/bugs/593544-1-ref.html
new file mode 100644
index 0000000000..5cc73428fc
--- /dev/null
+++ b/layout/reftests/bugs/593544-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span { color: white; background: black; }
+      html { font-size: 2em; color: black; background: white; }
+    </style>
+  </head>
+  <body>
+    <fieldset>
+      <legend><span>L</span>egend text</legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/593544-1.html b/layout/reftests/bugs/593544-1.html
new file mode 100644
index 0000000000..026ddda1f1
--- /dev/null
+++ b/layout/reftests/bugs/593544-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      legend:first-letter { color: white; background: black; }
+      html { font-size: 2em; color: black; background: white; }
+    </style>
+  </head>
+  <body>
+    <fieldset>
+      <legend>Legend text</legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/594333-1-ref.html b/layout/reftests/bugs/594333-1-ref.html
new file mode 100644
index 0000000000..acfdb37a9e
--- /dev/null
+++ b/layout/reftests/bugs/594333-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  float: left;
+  width: 300px;
+  height: 200px;
+  background: url(repeatable-diagonal-gradient.png);
+}
+</style>
+</head>
+<body>
+  <div id="a" style="width:0"></div>
+  <div id="b" style="opacity:0.999"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/594333-1.html b/layout/reftests/bugs/594333-1.html
new file mode 100644
index 0000000000..f8d2173e90
--- /dev/null
+++ b/layout/reftests/bugs/594333-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+div {
+  float: left;
+  width: 300px;
+  height: 200px;
+  background: url(repeatable-diagonal-gradient.png);
+}
+</style>
+<script type="text/javascript">
+var i = 32;
+function test() {
+  document.getElementById("a").style.width = (i*10)+'px';
+  document.getElementById("b").style.opacity = 0.999 - i/64.0;
+  i--;
+  if (i >= 0) {
+    setTimeout(test, 10);
+  } else {
+    document.documentElement.removeAttribute("class");
+  }
+}
+</script>
+</head>
+<body onload="test()">
+  <div id="a"></div>
+  <div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/594624-1-ref.html b/layout/reftests/bugs/594624-1-ref.html
new file mode 100644
index 0000000000..710153806b
--- /dev/null
+++ b/layout/reftests/bugs/594624-1-ref.html
@@ -0,0 +1,32 @@
+<html>
+<head>
+    <style>
+        #TB_window
+        {
+            border: 1px solid red;
+            position: fixed;
+            top: 0;
+            left: 0;
+        }
+        
+        #TB_overlay {
+            height: 200px;
+            left: 10px;
+            position: fixed;
+            top: 80px;
+            width: 200px;
+            
+            opacity: 0.1;
+
+            background-color: green;
+        }
+    </style>
+</head>
+<body>
+    SOME CONTENT
+    <div id="TB_overlay">
+    </div>
+    <div id="TB_window"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/594624-1.html b/layout/reftests/bugs/594624-1.html
new file mode 100644
index 0000000000..c1cd8480bd
--- /dev/null
+++ b/layout/reftests/bugs/594624-1.html
@@ -0,0 +1,41 @@
+<html class="reftest-wait">
+<head>
+    <script>
+      function doTest() {
+        var x = document.getElementById('TB_overlay');
+        x.style.display = 'block';
+        document.documentElement.removeAttribute('class');
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+    <style>
+        #TB_window
+        {
+            border: 1px solid red;
+            position: fixed;
+            top: 0;
+            left: 0;
+        }
+        
+        #TB_overlay {
+            height: 200px;
+            left: 10px;
+            position: fixed;
+            top: 80px;
+            width: 200px;
+            display: none;
+            
+            opacity: 0.1;
+
+            background-color: green;
+        }
+    </style>
+</head>
+<body>
+    SOME CONTENT
+    <div id="TB_overlay">
+    </div>
+    <div id="TB_window"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/594737-1-ref.html b/layout/reftests/bugs/594737-1-ref.html
new file mode 100644
index 0000000000..1200060686
--- /dev/null
+++ b/layout/reftests/bugs/594737-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <select disabled size="4">
+    <option>One</option>
+    <option>Two</option>
+    <option>Three</option>
+    <option>Four</option>
+  </select>
+</body>
diff --git a/layout/reftests/bugs/594737-1.html b/layout/reftests/bugs/594737-1.html
new file mode 100644
index 0000000000..c32d6d6fdc
--- /dev/null
+++ b/layout/reftests/bugs/594737-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+  <select disabled multiple size="4">
+    <option>One</option>
+    <option>Two</option>
+    <option>Three</option>
+    <option>Four</option>
+  </select>
+</body>
diff --git a/layout/reftests/bugs/597721-1-ref.html b/layout/reftests/bugs/597721-1-ref.html
new file mode 100644
index 0000000000..878552a61c
--- /dev/null
+++ b/layout/reftests/bugs/597721-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>HR elements should have circular ends, not elliptical</title>
+<body style="margin:0; font-size: 0">
+<hr size="100" color="blue">
+<div style="position: absolute; background: red; height: 5px; width: 5px; top: 1px; left: 51px; z-index: -1"></div>
+<div style="position: absolute; background: red; height: 5px; width: 5px; top: 1px; right: 51px; z-index: -1"></div>
+<div style="position: absolute; background: red; height: 5px; width: 5px; top: 94px; left: 51px; z-index: -1"></div>
+<div style="position: absolute; background: red; height: 5px; width: 5px; top: 94px; right: 51px; z-index: -1"></div>
diff --git a/layout/reftests/bugs/597721-1.html b/layout/reftests/bugs/597721-1.html
new file mode 100644
index 0000000000..f759da482f
--- /dev/null
+++ b/layout/reftests/bugs/597721-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>HR elements should have circular ends, not elliptical</title>
+<body style="margin:0; font-size: 0">
+<hr size="100" color="blue">
diff --git a/layout/reftests/bugs/598726-1-ref.html b/layout/reftests/bugs/598726-1-ref.html
new file mode 100644
index 0000000000..c3066b56a0
--- /dev/null
+++ b/layout/reftests/bugs/598726-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" placeholder="foo">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/598726-1.html b/layout/reftests/bugs/598726-1.html
new file mode 100644
index 0000000000..63248805da
--- /dev/null
+++ b/layout/reftests/bugs/598726-1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-snapshot-all">
+  <head>
+    <style type="text/css">
+      input {
+          -webkit-transition: -webkit-transform 200ms ease-in-out;
+          transition: transform 200ms ease-in-out;
+      }
+      input:focus {
+          -webkit-transform: scale(1.05);
+          transform: scale(1.05);
+      }
+    </style>
+    <script>
+      function boom() {
+        var i = document.querySelector("input");
+        i.addEventListener("transitionend", function(aEvent) {
+          if (aEvent.propertyName != 'transform' &&
+              aEvent.propertyName != '-webkit-transform') {
+            return;
+          }
+          i.removeEventListener("transitionend", arguments.callee, true);
+          i.value = "test";
+          i.getClientRects();
+          i.value = "";
+          i.getClientRects();
+          i.addEventListener("transitionend", function(aEvent) {
+            if (aEvent.propertyName != 'transform' &&
+                aEvent.propertyName != '-webkit-transform') {
+              return;
+            }
+            i.removeEventListener("transitionend", arguments.callee, true);
+            i.getClientRects();
+            document.documentElement.setAttribute("class", "reftest-snapshot-all");
+          }, true);
+          i.blur();
+          i.getClientRects();
+        }, true);
+        i.focus();
+        i.getClientRects();
+      }
+    </script>
+  </head>
+  <body onload="boom()">
+    <input type="text" placeholder="foo">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/599113-1-ref.html b/layout/reftests/bugs/599113-1-ref.html
new file mode 100644
index 0000000000..6beb3e6311
--- /dev/null
+++ b/layout/reftests/bugs/599113-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body style="overflow: hidden;">
+<div style="position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: blue;"></div>
+<div style="height: 10000px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/599113-1.html b/layout/reftests/bugs/599113-1.html
new file mode 100644
index 0000000000..4995ff1e32
--- /dev/null
+++ b/layout/reftests/bugs/599113-1.html
@@ -0,0 +1,29 @@
+<html class="reftest-wait">
+<head>
+<script>
+  function doTest() {
+    window.scrollTo(0,101);
+    // make sure we serve the invalidate the scroll caused, so the invalidate
+    // doesn't get served later in our test (which would just make us pass when
+    // we should actually fail)
+    setTimeout("continueTest();", 0);
+  }
+  function continueTest() {
+    document.getElementById("x").style.background = "blue";
+    // make sure the invalidate for that change happens now, while we are
+    // scrolled down
+    document.documentElement.offsetLeft;
+    setTimeout("finishTest();", 0);
+  }
+  function finishTest() {
+    window.scrollTo(0,0);
+    document.documentElement.removeAttribute('class');
+  }
+  document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body style="overflow: hidden;">
+<div id="x" style="position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; background: red;"></div>
+<div style="height: 10000px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/599882-1-ref.html b/layout/reftests/bugs/599882-1-ref.html
new file mode 100644
index 0000000000..a6155400f0
--- /dev/null
+++ b/layout/reftests/bugs/599882-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+  .positioned {
+    display:block;
+  }
+
+  .container {
+    display:inline-block;
+  }
+</style>
+</head>
+<body>
+<span style="vertical-align: baseline">Baseline aligned</span>
+<span class="container"><span class="positioned">&nbsp;</span></span>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/599882-1a.html b/layout/reftests/bugs/599882-1a.html
new file mode 100644
index 0000000000..b29aa3db61
--- /dev/null
+++ b/layout/reftests/bugs/599882-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+  .positioned {
+    display:block;
+    position: relative; 
+    top:200px;
+  }
+
+  .container {
+    display:inline-block;
+  }
+
+</style>
+</head>
+<body>
+<span style="vertical-align: baseline">Baseline aligned</span>
+<span class="container"><span class="positioned">&nbsp;</span></span>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/599882-1b.html b/layout/reftests/bugs/599882-1b.html
new file mode 100644
index 0000000000..5675e39850
--- /dev/null
+++ b/layout/reftests/bugs/599882-1b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+  .positioned {
+    display:block;
+    position: relative; 
+    top:200px;
+  }
+
+  .container {
+    display:inline-table;
+  }
+
+</style>
+</head>
+<body>
+<span style="vertical-align: baseline">Baseline aligned</span>
+<span class="container"><span class="positioned">&nbsp;</span></span>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/599882-2-ref.html b/layout/reftests/bugs/599882-2-ref.html
new file mode 100644
index 0000000000..e73528e715
--- /dev/null
+++ b/layout/reftests/bugs/599882-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<ul>
+  <li>
+    <div class="positioned">&nbsp;</div>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/599882-2.html b/layout/reftests/bugs/599882-2.html
new file mode 100644
index 0000000000..4c3862e73c
--- /dev/null
+++ b/layout/reftests/bugs/599882-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+  .positioned {
+    position: relative; 
+    top:200px;
+  }
+
+</style>
+</head>
+<body>
+<ul>
+  <li>
+    <div class="positioned">&nbsp;</div>
+  </li>
+</ul>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/600045-1-ref.html b/layout/reftests/bugs/600045-1-ref.html
new file mode 100644
index 0000000000..e8ed6301c4
--- /dev/null
+++ b/layout/reftests/bugs/600045-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<canvas width="100" height="100" id="c" style="background: #0f0"></canvas>
diff --git a/layout/reftests/bugs/600045-1.html b/layout/reftests/bugs/600045-1.html
new file mode 100644
index 0000000000..0091c491cf
--- /dev/null
+++ b/layout/reftests/bugs/600045-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<canvas width="100" height="100" id="c" style="background: #f00"></canvas>
+<script>
+  window.onload = function () {
+    var ctx = document.getElementById('c').getContext('2d');
+
+    ctx.globalCompositeOperation = 'lighter';
+    ctx.scale(5, 5);
+    ctx.strokeStyle = '#0f0';
+    ctx.lineWidth = 10;
+    ctx.strokeRect(5, 5, 10, 10);
+  }
+</script>
diff --git a/layout/reftests/bugs/600803-1-ref.html b/layout/reftests/bugs/600803-1-ref.html
new file mode 100644
index 0000000000..876a893a64
--- /dev/null
+++ b/layout/reftests/bugs/600803-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <body onload="onLoad()">
+    <textarea></textarea>
+    <div id="start"></div>
+    <div id="end"></div>
+    <script>
+      function onLoad() {
+        var t = document.querySelector("textarea");
+        t.value = "Xaa\nbbb";
+        t.value = "aaa\nbbb\n";
+        t.value += "X";
+        document.getElementById("start").textContent = t.selectionStart;
+        document.getElementById("end").textContent = t.selectionEnd;
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/600803-1.html b/layout/reftests/bugs/600803-1.html
new file mode 100644
index 0000000000..6b73a21560
--- /dev/null
+++ b/layout/reftests/bugs/600803-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <body onload="onLoad()">
+    <textarea></textarea>
+    <div id="start"></div>
+    <div id="end"></div>
+    <script>
+      function onLoad() {
+        var t = document.querySelector("textarea");
+        t.value = "aaa\nbbb";
+        t.value = "aaa\nbbb\n";
+        t.value += "X";
+        document.getElementById("start").textContent = t.selectionStart;
+        document.getElementById("end").textContent = t.selectionEnd;
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/600974-1-ref.html b/layout/reftests/bugs/600974-1-ref.html
new file mode 100644
index 0000000000..b8515f1e7e
--- /dev/null
+++ b/layout/reftests/bugs/600974-1-ref.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<html lang="en" style="font-family: serif; font-size: 16px; overflow: hidden;">
+<head>
+  <meta http-equiv="Content-Type"
+ content="text/html; charset=ISO-8859-1">
+  <title></title>
+</head>
+<body>
+<p>&#120443;&#120472;&#120475;&#120462;&#120470; &#120466;&#120473;&#120476;&#120478;&#120470; &#120461;&#120472;&#120469;&#120472;&#120475; &#120476;&#120466;&#120477; &#120458;&#120470;&#120462;&#120477;,
+&#120460;&#120472;&#120471;&#120476;&#120462;&#120460;&#120477;&#120462;&#120477;&#120478;&#120475; &#120458;&#120461;&#120466;&#120473;&#120466;&#120476;&#120460;&#120466;&#120471;&#120464; &#120462;&#120469;&#120466;&#120477;. &#120432;&#120469;&#120466;&#120474;&#120478;&#120458;&#120470;
+&#120479;&#120462;&#120469; &#120458;&#120475;&#120460;&#120478; &#120471;&#120466;&#120459;&#120465;, &#120479;&#120462;&#120469; &#120461;&#120466;&#120460;&#120477;&#120478;&#120470; &#120477;&#120472;&#120475;&#120477;&#120472;&#120475;. &#120434;&#120475;&#120458;&#120476;
+&#120466;&#120458;&#120460;&#120478;&#120469;&#120466;&#120476; &#120462;&#120469;&#120466;&#120477; &#120462;&#120464;&#120462;&#120477; &#120471;&#120478;&#120471;&#120460; &#120476;&#120472;&#120469;&#120469;&#120466;&#120460;&#120466;&#120477;&#120478;&#120461;&#120466;&#120471; &#120462;&#120477;
+&#120460;&#120472;&#120470;&#120470;&#120472;&#120461;&#120472; &#120479;&#120462;&#120469;&#120466;&#120477; &#120458;&#120469;&#120466;&#120474;&#120478;&#120458;&#120470;. &#120448;&#120478;&#120466;&#120476;&#120474;&#120478;&#120462; &#120479;&#120462;&#120469;
+&#120459;&#120466;&#120459;&#120462;&#120471;&#120461;&#120478;&#120470; &#120470;&#120458;&#120478;&#120475;&#120466;&#120476;. &#120445;&#120478;&#120469;&#120469;&#120458;&#120470; &#120471;&#120462;&#120460; &#120463;&#120462;&#120469;&#120466;&#120476; &#120461;&#120466;&#120458;&#120470;,
+&#120479;&#120462;&#120469; &#120479;&#120478;&#120469;&#120473;&#120478;&#120477;&#120458;&#120477;&#120462; &#120473;&#120478;&#120475;&#120478;&#120476;. &#120434;&#120475;&#120458;&#120476; &#120473;&#120465;&#120458;&#120475;&#120462;&#120477;&#120475;&#120458;,
+&#120479;&#120462;&#120469;&#120466;&#120477; &#120479;&#120466;&#120477;&#120458;&#120462; &#120473;&#120478;&#120469;&#120479;&#120466;&#120471;&#120458;&#120475; &#120460;&#120478;&#120475;&#120476;&#120478;&#120476;, &#120471;&#120466;&#120476;&#120469;
+&#120473;&#120478;&#120475;&#120478;&#120476; &#120473;&#120472;&#120475;&#120477;&#120477;&#120466;&#120477;&#120472;&#120475; &#120474;&#120478;&#120458;&#120470;, &#120471;&#120472;&#120471; &#120458;&#120461;&#120466;&#120473;&#120466;&#120476;&#120460;&#120466;&#120471;&#120464;
+&#120462;&#120475;&#120472;&#120476; &#120470;&#120458;&#120478;&#120475;&#120466;&#120476; &#120462;&#120478; &#120463;&#120462;&#120469;&#120466;&#120476;. &#120445;&#120478;&#120469;&#120469;&#120458;&#120470; &#120469;&#120478;&#120460;&#120477;&#120478;&#120476;
+&#120471;&#120466;&#120476;&#120466; &#120476;&#120466;&#120477; &#120458;&#120470;&#120462;&#120477; &#120471;&#120466;&#120476;&#120469; &#120476;&#120472;&#120461;&#120458;&#120469;&#120462;&#120476; &#120466;&#120471;&#120477;&#120462;&#120475;&#120461;&#120478;&#120470;.
+&#120447;&#120462;&#120469;&#120469;&#120462;&#120471;&#120477;&#120462;&#120476;&#120474;&#120478;&#120462; &#120479;&#120478;&#120469;&#120473;&#120478;&#120477;&#120458;&#120477;&#120462; &#120458;&#120469;&#120466;&#120474;&#120478;&#120458;&#120470; &#120469;&#120462;&#120472;, &#120466;&#120461;
+&#120475;&#120465;&#120472;&#120471;&#120460;&#120478;&#120476; &#120476;&#120462;&#120470; &#120460;&#120472;&#120470;&#120470;&#120472;&#120461;&#120472; &#120466;&#120461;. &#120450;&#120462;&#120461; &#120469;&#120458;&#120472;&#120475;&#120462;&#120462;&#120477;
+&#120466;&#120471;&#120477;&#120462;&#120475;&#120461;&#120478;&#120470; &#120460;&#120472;&#120471;&#120461;&#120466;&#120470;&#120462;&#120471;&#120477;&#120478;&#120470;. &#120445;&#120478;&#120469;&#120469;&#120458;&#120470; &#120472;&#120475;&#120471;&#120458;&#120475;&#120462;
+&#120479;&#120462;&#120476;&#120477;&#120466;&#120459;&#120478;&#120469;&#120478;&#120470; &#120473;&#120472;&#120475;&#120477;&#120458;. &#120432;&#120462;&#120471;&#120462;&#120458;&#120471; &#120466;&#120461; &#120461;&#120472;&#120469;&#120472;&#120475;
+&#120461;&#120472;&#120469;&#120472;&#120475;, &#120471;&#120462;&#120460; &#120462;&#120469;&#120462;&#120466;&#120463;&#120462;&#120471;&#120461; &#120471;&#120462;&#120474;&#120478;&#120462;. &#120435;&#120472;&#120471;&#120462;&#120460;
+&#120477;&#120466;&#120471;&#120460;&#120466;&#120461;&#120478;&#120471;&#120477; &#120460;&#120472;&#120470;&#120470;&#120472;&#120461;&#120472; &#120471;&#120466;&#120476;&#120469;, &#120471;&#120472;&#120471;
+&#120476;&#120460;&#120462;&#120469;&#120462;&#120475;&#120466;&#120476;&#120474;&#120478;&#120462; &#120461;&#120472;&#120469;&#120472;&#120475; &#120458;&#120460;&#120460;&#120478;&#120470;&#120476;&#120458;&#120471; &#120466;&#120461;.
+&#120447;&#120475;&#120458;&#120462;&#120476;&#120462;&#120471;&#120477; &#120459;&#120466;&#120459;&#120462;&#120471;&#120461;&#120478;&#120470; &#120479;&#120466;&#120479;&#120462;&#120475;&#120475;&#120458; &#120476;&#120478;&#120476;&#120460;&#120466;&#120473;&#120466;&#120477;.
+&#120445;&#120478;&#120471;&#120460; &#120460;&#120472;&#120471;&#120461;&#120466;&#120470;&#120462;&#120471;&#120477;&#120478;&#120470;, &#120458;&#120471;&#120477;&#120462; &#120479;&#120466;&#120477;&#120458;&#120462;
+&#120460;&#120472;&#120471;&#120461;&#120466;&#120470;&#120462;&#120471;&#120477;&#120478;&#120470; &#120475;&#120465;&#120472;&#120471;&#120460;&#120478;&#120476;, &#120471;&#120478;&#120471;&#120460; &#120471;&#120466;&#120459;&#120465;
+&#120473;&#120478;&#120469;&#120479;&#120466;&#120471;&#120458;&#120475; &#120477;&#120478;&#120475;&#120473;&#120466;&#120476;, &#120466;&#120471; &#120469;&#120472;&#120459;&#120472;&#120475;&#120477;&#120466;&#120476; &#120469;&#120458;&#120460;&#120478;&#120476; &#120469;&#120462;&#120472;
+&#120478;&#120477; &#120475;&#120466;&#120476;&#120478;&#120476;. &#120450;&#120462;&#120461; &#120466;&#120471; &#120462;&#120471;&#120466;&#120470; &#120477;&#120472;&#120475;&#120477;&#120472;&#120475;, &#120479;&#120466;&#120477;&#120458;&#120462;
+&#120458;&#120460;&#120460;&#120478;&#120470;&#120476;&#120458;&#120471; &#120475;&#120466;&#120476;&#120478;&#120476;. &#120432;&#120469;&#120466;&#120474;&#120478;&#120458;&#120470; &#120470;&#120466; &#120462;&#120475;&#120458;&#120477;,
+&#120460;&#120472;&#120470;&#120470;&#120472;&#120461;&#120472; &#120471;&#120462;&#120460; &#120469;&#120472;&#120459;&#120472;&#120475;&#120477;&#120466;&#120476; &#120471;&#120472;&#120471;, &#120461;&#120466;&#120464;&#120471;&#120466;&#120476;&#120476;&#120466;&#120470;
+&#120462;&#120464;&#120462;&#120477; &#120462;&#120475;&#120472;&#120476;. &#120437;&#120478;&#120476;&#120460;&#120462; &#120469;&#120458;&#120460;&#120478;&#120476; &#120470;&#120458;&#120476;&#120476;&#120458;,
+&#120460;&#120472;&#120471;&#120476;&#120462;&#120460;&#120477;&#120462;&#120477;&#120478;&#120475; &#120479;&#120466;&#120477;&#120458;&#120462; &#120473;&#120465;&#120458;&#120475;&#120462;&#120477;&#120475;&#120458; &#120476;&#120462;&#120461;,
+&#120479;&#120466;&#120479;&#120462;&#120475;&#120475;&#120458; &#120466;&#120471; &#120474;&#120478;&#120458;&#120470;.
+&#120434;&#120478;&#120475;&#120458;&#120459;&#120466;&#120477;&#120478;&#120475; &#120471;&#120462;&#120460; &#120458;&#120475;&#120460;&#120478; &#120474;&#120478;&#120458;&#120470;, &#120476;&#120466;&#120477; &#120458;&#120470;&#120462;&#120477;
+&#120477;&#120466;&#120471;&#120460;&#120466;&#120461;&#120478;&#120471;&#120477; &#120469;&#120458;&#120460;&#120478;&#120476;. &#120450;&#120462;&#120461; &#120470;&#120472;&#120469;&#120462;&#120476;&#120477;&#120466;&#120462;
+&#120461;&#120466;&#120464;&#120471;&#120466;&#120476;&#120476;&#120466;&#120470; &#120471;&#120466;&#120476;&#120469;, &#120458;&#120477; &#120463;&#120462;&#120475;&#120470;&#120462;&#120471;&#120477;&#120478;&#120470; &#120470;&#120458;&#120478;&#120475;&#120466;&#120476;
+&#120462;&#120464;&#120462;&#120476;&#120477;&#120458;&#120476; &#120471;&#120462;&#120460;. &#120450;&#120462;&#120461; &#120470;&#120466; &#120474;&#120478;&#120458;&#120470;, &#120478;&#120469;&#120477;&#120475;&#120466;&#120460;&#120466;&#120462;&#120476; &#120478;&#120477;
+&#120477;&#120466;&#120471;&#120460;&#120466;&#120461;&#120478;&#120471;&#120477; &#120479;&#120462;&#120469;, &#120459;&#120466;&#120459;&#120462;&#120471;&#120461;&#120478;&#120470; &#120458;&#120460; &#120470;&#120458;&#120476;&#120476;&#120458;.
+&#120453;&#120462;&#120476;&#120477;&#120466;&#120459;&#120478;&#120469;&#120478;&#120470; &#120479;&#120462;&#120469; &#120475;&#120466;&#120476;&#120478;&#120476; &#120473;&#120472;&#120475;&#120477;&#120458; &#120470;&#120458;&#120478;&#120475;&#120466;&#120476;
+&#120477;&#120462;&#120470;&#120473;&#120472;&#120475; &#120459;&#120469;&#120458;&#120471;&#120461;&#120466;&#120477; &#120462;&#120478; &#120479;&#120462;&#120469; &#120461;&#120466;&#120458;&#120470;. &#120448;&#120478;&#120466;&#120476;&#120474;&#120478;&#120462;
+&#120462;&#120475;&#120472;&#120476; &#120469;&#120466;&#120459;&#120462;&#120475;&#120472;, &#120477;&#120462;&#120470;&#120473;&#120472;&#120475; &#120478;&#120477; &#120462;&#120464;&#120462;&#120476;&#120477;&#120458;&#120476; &#120471;&#120462;&#120460;,
+&#120458;&#120469;&#120466;&#120474;&#120478;&#120462;&#120477; &#120462;&#120464;&#120462;&#120477; &#120462;&#120469;&#120466;&#120477;. &#120435;&#120472;&#120471;&#120462;&#120460; &#120459;&#120469;&#120458;&#120471;&#120461;&#120466;&#120477; &#120472;&#120461;&#120466;&#120472;
+&#120458;&#120477; &#120471;&#120466;&#120459;&#120465; &#120479;&#120458;&#120475;&#120466;&#120478;&#120476; &#120477;&#120475;&#120466;&#120476;&#120477;&#120466;&#120474;&#120478;&#120462;. &#120450;&#120462;&#120461; &#120475;&#120465;&#120472;&#120471;&#120460;&#120478;&#120476;
+&#120473;&#120472;&#120475;&#120477;&#120458; &#120472;&#120475;&#120460;&#120466;, &#120473;&#120469;&#120458;&#120460;&#120462;&#120475;&#120458;&#120477; &#120460;&#120472;&#120471;&#120461;&#120466;&#120470;&#120462;&#120471;&#120477;&#120478;&#120470; &#120472;&#120475;&#120460;&#120466;
+&#120466;&#120470;&#120473;&#120462;&#120475;&#120461;&#120466;&#120462;&#120477; &#120479;&#120466;&#120477;&#120458;&#120462;. &#120436;&#120477;&#120466;&#120458;&#120470; &#120462;&#120478; &#120473;&#120465;&#120458;&#120475;&#120462;&#120477;&#120475;&#120458;
+&#120462;&#120475;&#120472;&#120476;. &#120440;&#120471; &#120479;&#120462;&#120471;&#120462;&#120471;&#120458;&#120477;&#120466;&#120476; &#120473;&#120462;&#120469;&#120469;&#120462;&#120471;&#120477;&#120462;&#120476;&#120474;&#120478;&#120462; &#120469;&#120466;&#120459;&#120462;&#120475;&#120472;
+&#120476;&#120462;&#120461; &#120462;&#120464;&#120462;&#120476;&#120477;&#120458;&#120476;. &#120435;&#120478;&#120466;&#120476; &#120477;&#120466;&#120471;&#120460;&#120466;&#120461;&#120478;&#120471;&#120477; &#120470;&#120472;&#120469;&#120462;&#120476;&#120477;&#120466;&#120462;
+&#120475;&#120466;&#120476;&#120478;&#120476; &#120466;&#120461; &#120475;&#120478;&#120477;&#120475;&#120478;&#120470;. &#120445;&#120478;&#120469;&#120469;&#120458; &#120463;&#120458;&#120460;&#120466;&#120469;&#120466;&#120476;&#120466;. &#120435;&#120478;&#120466;&#120476;
+&#120479;&#120462;&#120469; &#120473;&#120478;&#120475;&#120478;&#120476; &#120458;&#120460; &#120469;&#120466;&#120459;&#120462;&#120475;&#120472; &#120475;&#120478;&#120477;&#120475;&#120478;&#120470; &#120478;&#120469;&#120477;&#120475;&#120466;&#120460;&#120462;&#120476;
+&#120476;&#120462;&#120461; &#120479;&#120462;&#120469; &#120458;&#120478;&#120464;&#120478;&#120462;. &#120435;&#120472;&#120471;&#120462;&#120460; &#120462;&#120464;&#120462;&#120477; &#120461;&#120466;&#120458;&#120470; &#120462;&#120477;
+&#120469;&#120466;&#120459;&#120462;&#120475;&#120472; &#120473;&#120462;&#120469;&#120469;&#120462;&#120471;&#120477;&#120462;&#120476;&#120474;&#120478;&#120462; &#120479;&#120462;&#120471;&#120462;&#120471;&#120458;&#120477;&#120466;&#120476; &#120471;&#120472;&#120471; &#120462;&#120477;
+&#120473;&#120478;&#120475;&#120478;&#120476;. &#120452;&#120477; &#120462;&#120478; &#120469;&#120462;&#120460;&#120477;&#120478;&#120476; &#120473;&#120478;&#120475;&#120478;&#120476;, &#120462;&#120464;&#120462;&#120477; &#120464;&#120475;&#120458;&#120479;&#120466;&#120461;&#120458;
+&#120462;&#120475;&#120458;&#120477;. &#120450;&#120462;&#120461; &#120471;&#120462;&#120460; &#120463;&#120462;&#120469;&#120466;&#120476; &#120469;&#120466;&#120464;&#120478;&#120469;&#120458;, &#120462;&#120464;&#120462;&#120477; &#120469;&#120478;&#120460;&#120477;&#120478;&#120476;
+&#120462;&#120475;&#120458;&#120477;. &#120444;&#120458;&#120478;&#120475;&#120466;&#120476; &#120476;&#120458;&#120473;&#120466;&#120462;&#120471; &#120462;&#120476;&#120477;, &#120470;&#120458;&#120477;&#120477;&#120466;&#120476; &#120478;&#120477;
+&#120463;&#120458;&#120478;&#120460;&#120466;&#120459;&#120478;&#120476; &#120462;&#120477;, &#120463;&#120458;&#120478;&#120460;&#120466;&#120459;&#120478;&#120476; &#120471;&#120462;&#120460; &#120471;&#120478;&#120471;&#120460;. &#120445;&#120478;&#120471;&#120460;
+&#120477;&#120462;&#120470;&#120473;&#120478;&#120476; &#120466;&#120458;&#120460;&#120478;&#120469;&#120466;&#120476; &#120478;&#120475;&#120471;&#120458; &#120479;&#120466;&#120477;&#120458;&#120462; &#120461;&#120466;&#120464;&#120471;&#120466;&#120476;&#120476;&#120466;&#120470;.
+&#120440;&#120471; &#120471;&#120478;&#120471;&#120460; &#120471;&#120466;&#120476;&#120466;, &#120478;&#120469;&#120469;&#120458;&#120470;&#120460;&#120472;&#120475;&#120473;&#120462;&#120475; &#120479;&#120462;&#120469; &#120473;&#120465;&#120458;&#120475;&#120462;&#120477;&#120475;&#120458;
+&#120479;&#120472;&#120469;&#120478;&#120477;&#120473;&#120458;&#120477;, &#120466;&#120470;&#120473;&#120462;&#120475;&#120461;&#120466;&#120462;&#120477; &#120458; &#120461;&#120466;&#120458;&#120470;.
+&#120447;&#120462;&#120469;&#120469;&#120462;&#120471;&#120477;&#120462;&#120476;&#120474;&#120478;&#120462; &#120479;&#120462;&#120469; &#120469;&#120466;&#120464;&#120478;&#120469;&#120458; &#120462;&#120464;&#120462;&#120477; &#120469;&#120462;&#120472;
+&#120458;&#120478;&#120460;&#120477;&#120472;&#120475; &#120475;&#120465;&#120472;&#120471;&#120460;&#120478;&#120476; &#120460;&#120472;&#120471;&#120479;&#120458;&#120469;&#120469;&#120466;&#120476; &#120458; &#120477;&#120472;&#120475;&#120477;&#120472;&#120475;.
+&#120436;&#120477;&#120466;&#120458;&#120470; &#120458;&#120477; &#120469;&#120462;&#120460;&#120477;&#120478;&#120476; &#120479;&#120466;&#120477;&#120458;&#120462; &#120458;&#120471;&#120477;&#120462; &#120477;&#120462;&#120470;&#120473;&#120478;&#120476;
+&#120478;&#120469;&#120477;&#120475;&#120466;&#120460;&#120466;&#120462;&#120476; &#120478;&#120477; &#120479;&#120466;&#120477;&#120458;&#120462; &#120462;&#120469;&#120466;&#120477;. &#120445;&#120458;&#120470; &#120466;&#120471; &#120477;&#120478;&#120475;&#120473;&#120466;&#120476;
+&#120466;&#120473;&#120476;&#120478;&#120470;, &#120458;&#120477; &#120470;&#120458;&#120477;&#120477;&#120466;&#120476; &#120477;&#120472;&#120475;&#120477;&#120472;&#120475;. &#120445;&#120478;&#120469;&#120469;&#120458; &#120462;&#120477;
+&#120473;&#120462;&#120469;&#120469;&#120462;&#120471;&#120477;&#120462;&#120476;&#120474;&#120478;&#120462; &#120471;&#120462;&#120474;&#120478;&#120462;. &#120435;&#120472;&#120471;&#120462;&#120460; &#120469;&#120458;&#120460;&#120466;&#120471;&#120466;&#120458;,
+&#120477;&#120478;&#120475;&#120473;&#120466;&#120476; &#120478;&#120477; &#120461;&#120466;&#120460;&#120477;&#120478;&#120470; &#120476;&#120472;&#120461;&#120458;&#120469;&#120462;&#120476;, &#120461;&#120478;&#120466; &#120471;&#120466;&#120476;&#120466;
+&#120463;&#120458;&#120460;&#120466;&#120469;&#120466;&#120476;&#120466;&#120476; &#120475;&#120466;&#120476;&#120478;&#120476;, &#120476;&#120462;&#120461; &#120459;&#120469;&#120458;&#120471;&#120461;&#120466;&#120477; &#120470;&#120466; &#120462;&#120469;&#120466;&#120477; &#120478;&#120477;
+&#120471;&#120466;&#120459;&#120465;. &#120432;&#120469;&#120466;&#120474;&#120478;&#120458;&#120470; &#120462;&#120475;&#120458;&#120477; &#120479;&#120472;&#120469;&#120478;&#120477;&#120473;&#120458;&#120477;.
+&#120447;&#120462;&#120469;&#120469;&#120462;&#120471;&#120477;&#120462;&#120476;&#120474;&#120478;&#120462; &#120471;&#120462;&#120460; &#120462;&#120469;&#120466;&#120477; &#120466;&#120461; &#120467;&#120478;&#120476;&#120477;&#120472;
+&#120466;&#120471;&#120477;&#120462;&#120475;&#120461;&#120478;&#120470; &#120472;&#120475;&#120471;&#120458;&#120475;&#120462; &#120458; &#120466;&#120471; &#120461;&#120466;&#120458;&#120470;. &#120444;&#120472;&#120475;&#120459;&#120466; &#120458;&#120477;
+&#120463;&#120475;&#120466;&#120471;&#120464;&#120466;&#120469;&#120469;&#120458; &#120469;&#120462;&#120460;&#120477;&#120478;&#120476;. &#120435;&#120472;&#120471;&#120462;&#120460; &#120460;&#120472;&#120471;&#120479;&#120458;&#120469;&#120469;&#120466;&#120476;
+&#120462;&#120469;&#120462;&#120466;&#120463;&#120462;&#120471;&#120461; &#120463;&#120462;&#120469;&#120466;&#120476;, &#120466;&#120461; &#120476;&#120458;&#120464;&#120466;&#120477;&#120477;&#120466;&#120476; &#120478;&#120475;&#120471;&#120458;
+&#120470;&#120458;&#120477;&#120477;&#120466;&#120476; &#120471;&#120462;&#120460;. &#120452;&#120477; &#120460;&#120472;&#120471;&#120476;&#120462;&#120474;&#120478;&#120458;&#120477; &#120477;&#120478;&#120475;&#120473;&#120466;&#120476; &#120479;&#120462;&#120469;
+&#120474;&#120478;&#120458;&#120470; &#120477;&#120462;&#120470;&#120473;&#120472;&#120475; &#120462;&#120464;&#120462;&#120477; &#120478;&#120469;&#120477;&#120475;&#120466;&#120460;&#120462;&#120476; &#120471;&#120462;&#120474;&#120478;&#120462;
+&#120470;&#120472;&#120469;&#120462;&#120476;&#120477;&#120466;&#120462;. &#120450;&#120478;&#120476;&#120473;&#120462;&#120471;&#120461;&#120466;&#120476;&#120476;&#120462; &#120477;&#120462;&#120469;&#120469;&#120478;&#120476; &#120471;&#120466;&#120476;&#120466;,
+&#120465;&#120462;&#120471;&#120461;&#120475;&#120462;&#120475;&#120466;&#120477; &#120479;&#120466;&#120477;&#120458;&#120462; &#120473;&#120472;&#120476;&#120478;&#120462;&#120475;&#120462; &#120462;&#120464;&#120462;&#120477;, &#120473;&#120469;&#120458;&#120460;&#120462;&#120475;&#120458;&#120477;
+&#120476;&#120462;&#120461; &#120470;&#120462;&#120477;&#120478;&#120476;. &#120440;&#120471;&#120477;&#120462;&#120464;&#120462;&#120475; &#120473;&#120469;&#120458;&#120460;&#120462;&#120475;&#120458;&#120477; &#120466;&#120470;&#120473;&#120462;&#120475;&#120461;&#120466;&#120462;&#120477;
+&#120473;&#120469;&#120458;&#120460;&#120462;&#120475;&#120458;&#120477;. &#120444;&#120472;&#120475;&#120459;&#120466; &#120477;&#120462;&#120470;&#120473;&#120478;&#120476; &#120471;&#120478;&#120471;&#120460; &#120471;&#120478;&#120471;&#120460;.
+&#120440;&#120471;&#120477;&#120462;&#120464;&#120462;&#120475; &#120474;&#120478;&#120466;&#120476; &#120472;&#120475;&#120460;&#120466; &#120463;&#120462;&#120469;&#120466;&#120476;. &#120445;&#120478;&#120471;&#120460; &#120476;&#120462;&#120470;&#120473;&#120462;&#120475;,
+&#120458;&#120475;&#120460;&#120478; &#120471;&#120472;&#120471; &#120460;&#120472;&#120471;&#120476;&#120462;&#120474;&#120478;&#120458;&#120477; &#120461;&#120466;&#120464;&#120471;&#120466;&#120476;&#120476;&#120466;&#120470;, &#120469;&#120472;&#120475;&#120462;&#120470;
+&#120478;&#120475;&#120471;&#120458; &#120473;&#120465;&#120458;&#120475;&#120462;&#120477;&#120475;&#120458; &#120470;&#120466;, &#120471;&#120462;&#120460; &#120458;&#120460;&#120460;&#120478;&#120470;&#120476;&#120458;&#120471; &#120462;&#120471;&#120466;&#120470; &#120470;&#120466;
+&#120458; &#120473;&#120478;&#120475;&#120478;&#120476;. &#120434;&#120478;&#120475;&#120458;&#120459;&#120466;&#120477;&#120478;&#120475; &#120462;&#120477; &#120462;&#120469;&#120466;&#120477; &#120466;&#120471; &#120476;&#120462;&#120470;
+&#120476;&#120472;&#120461;&#120458;&#120469;&#120462;&#120476; &#120466;&#120471;&#120477;&#120462;&#120475;&#120461;&#120478;&#120470;. &#120447;&#120462;&#120469;&#120469;&#120462;&#120471;&#120477;&#120462;&#120476;&#120474;&#120478;&#120462;
+&#120476;&#120458;&#120464;&#120466;&#120477;&#120477;&#120466;&#120476; &#120475;&#120478;&#120477;&#120475;&#120478;&#120470; &#120469;&#120462;&#120460;&#120477;&#120478;&#120476; &#120460;&#120472;&#120470;&#120470;&#120472;&#120461;&#120472;
+&#120460;&#120472;&#120471;&#120461;&#120466;&#120470;&#120462;&#120471;&#120477;&#120478;&#120470;. &#120436;&#120477;&#120466;&#120458;&#120470; &#120463;&#120475;&#120466;&#120471;&#120464;&#120466;&#120469;&#120469;&#120458;, &#120474;&#120478;&#120458;&#120470; &#120471;&#120462;&#120460;
+&#120478;&#120469;&#120469;&#120458;&#120470;&#120460;&#120472;&#120475;&#120473;&#120462;&#120475; &#120476;&#120472;&#120469;&#120469;&#120466;&#120460;&#120466;&#120477;&#120478;&#120461;&#120466;&#120471;, &#120477;&#120478;&#120475;&#120473;&#120466;&#120476; &#120471;&#120466;&#120476;&#120466;
+&#120458;&#120469;&#120466;&#120474;&#120478;&#120462;&#120477; &#120475;&#120466;&#120476;&#120478;&#120476;, &#120476;&#120466;&#120477; &#120458;&#120470;&#120462;&#120477; &#120462;&#120469;&#120462;&#120470;&#120462;&#120471;&#120477;&#120478;&#120470;
+&#120461;&#120472;&#120469;&#120472;&#120475; &#120469;&#120472;&#120475;&#120462;&#120470; &#120479;&#120466;&#120477;&#120458;&#120462; &#120469;&#120466;&#120464;&#120478;&#120469;&#120458;. &#120447;&#120475;&#120458;&#120462;&#120476;&#120462;&#120471;&#120477;
+&#120473;&#120465;&#120458;&#120475;&#120462;&#120477;&#120475;&#120458; &#120458;&#120469;&#120466;&#120474;&#120478;&#120462;&#120477; &#120479;&#120462;&#120469;&#120466;&#120477; &#120476;&#120462;&#120461; &#120473;&#120469;&#120458;&#120460;&#120462;&#120475;&#120458;&#120477;. </p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/600974-1.html b/layout/reftests/bugs/600974-1.html
new file mode 100644
index 0000000000..941a3e841a
--- /dev/null
+++ b/layout/reftests/bugs/600974-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- This is a test for decoding supplementary characters. It contains text in
+     Unicode plane 1 encoded as UTF-8. Don't reencode it in any way. -->
+<html lang="en" style="font-family: serif; font-size: 16px; overflow: hidden;">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+</head>
+<body>
+<p>𝙻𝚘𝚛𝚎𝚖 𝚒𝚙𝚜𝚞𝚖 𝚍𝚘𝚕𝚘𝚛 𝚜𝚒𝚝 𝚊𝚖𝚎𝚝, 𝚌𝚘𝚗𝚜𝚎𝚌𝚝𝚎𝚝𝚞𝚛 𝚊𝚍𝚒𝚙𝚒𝚜𝚌𝚒𝚗𝚐 𝚎𝚕𝚒𝚝. 𝙰𝚕𝚒𝚚𝚞𝚊𝚖 𝚟𝚎𝚕 𝚊𝚛𝚌𝚞 𝚗𝚒𝚋𝚑, 𝚟𝚎𝚕 𝚍𝚒𝚌𝚝𝚞𝚖 𝚝𝚘𝚛𝚝𝚘𝚛. 𝙲𝚛𝚊𝚜 𝚒𝚊𝚌𝚞𝚕𝚒𝚜 𝚎𝚕𝚒𝚝 𝚎𝚐𝚎𝚝 𝚗𝚞𝚗𝚌 𝚜𝚘𝚕𝚕𝚒𝚌𝚒𝚝𝚞𝚍𝚒𝚗 𝚎𝚝 𝚌𝚘𝚖𝚖𝚘𝚍𝚘 𝚟𝚎𝚕𝚒𝚝 𝚊𝚕𝚒𝚚𝚞𝚊𝚖. 𝚀𝚞𝚒𝚜𝚚𝚞𝚎 𝚟𝚎𝚕 𝚋𝚒𝚋𝚎𝚗𝚍𝚞𝚖 𝚖𝚊𝚞𝚛𝚒𝚜. 𝙽𝚞𝚕𝚕𝚊𝚖 𝚗𝚎𝚌 𝚏𝚎𝚕𝚒𝚜 𝚍𝚒𝚊𝚖, 𝚟𝚎𝚕 𝚟𝚞𝚕𝚙𝚞𝚝𝚊𝚝𝚎 𝚙𝚞𝚛𝚞𝚜. 𝙲𝚛𝚊𝚜 𝚙𝚑𝚊𝚛𝚎𝚝𝚛𝚊, 𝚟𝚎𝚕𝚒𝚝 𝚟𝚒𝚝𝚊𝚎 𝚙𝚞𝚕𝚟𝚒𝚗𝚊𝚛 𝚌𝚞𝚛𝚜𝚞𝚜, 𝚗𝚒𝚜𝚕 𝚙𝚞𝚛𝚞𝚜 𝚙𝚘𝚛𝚝𝚝𝚒𝚝𝚘𝚛 𝚚𝚞𝚊𝚖, 𝚗𝚘𝚗 𝚊𝚍𝚒𝚙𝚒𝚜𝚌𝚒𝚗𝚐 𝚎𝚛𝚘𝚜 𝚖𝚊𝚞𝚛𝚒𝚜 𝚎𝚞 𝚏𝚎𝚕𝚒𝚜. 𝙽𝚞𝚕𝚕𝚊𝚖 𝚕𝚞𝚌𝚝𝚞𝚜 𝚗𝚒𝚜𝚒 𝚜𝚒𝚝 𝚊𝚖𝚎𝚝 𝚗𝚒𝚜𝚕 𝚜𝚘𝚍𝚊𝚕𝚎𝚜 𝚒𝚗𝚝𝚎𝚛𝚍𝚞𝚖. 𝙿𝚎𝚕𝚕𝚎𝚗𝚝𝚎𝚜𝚚𝚞𝚎 𝚟𝚞𝚕𝚙𝚞𝚝𝚊𝚝𝚎 𝚊𝚕𝚒𝚚𝚞𝚊𝚖 𝚕𝚎𝚘, 𝚒𝚍 𝚛𝚑𝚘𝚗𝚌𝚞𝚜 𝚜𝚎𝚖 𝚌𝚘𝚖𝚖𝚘𝚍𝚘 𝚒𝚍. 𝚂𝚎𝚍 𝚕𝚊𝚘𝚛𝚎𝚎𝚝 𝚒𝚗𝚝𝚎𝚛𝚍𝚞𝚖 𝚌𝚘𝚗𝚍𝚒𝚖𝚎𝚗𝚝𝚞𝚖. 𝙽𝚞𝚕𝚕𝚊𝚖 𝚘𝚛𝚗𝚊𝚛𝚎 𝚟𝚎𝚜𝚝𝚒𝚋𝚞𝚕𝚞𝚖 𝚙𝚘𝚛𝚝𝚊. 𝙰𝚎𝚗𝚎𝚊𝚗 𝚒𝚍 𝚍𝚘𝚕𝚘𝚛 𝚍𝚘𝚕𝚘𝚛, 𝚗𝚎𝚌 𝚎𝚕𝚎𝚒𝚏𝚎𝚗𝚍 𝚗𝚎𝚚𝚞𝚎. 𝙳𝚘𝚗𝚎𝚌 𝚝𝚒𝚗𝚌𝚒𝚍𝚞𝚗𝚝 𝚌𝚘𝚖𝚖𝚘𝚍𝚘 𝚗𝚒𝚜𝚕, 𝚗𝚘𝚗 𝚜𝚌𝚎𝚕𝚎𝚛𝚒𝚜𝚚𝚞𝚎 𝚍𝚘𝚕𝚘𝚛 𝚊𝚌𝚌𝚞𝚖𝚜𝚊𝚗 𝚒𝚍. 𝙿𝚛𝚊𝚎𝚜𝚎𝚗𝚝 𝚋𝚒𝚋𝚎𝚗𝚍𝚞𝚖 𝚟𝚒𝚟𝚎𝚛𝚛𝚊 𝚜𝚞𝚜𝚌𝚒𝚙𝚒𝚝. 𝙽𝚞𝚗𝚌 𝚌𝚘𝚗𝚍𝚒𝚖𝚎𝚗𝚝𝚞𝚖, 𝚊𝚗𝚝𝚎 𝚟𝚒𝚝𝚊𝚎 𝚌𝚘𝚗𝚍𝚒𝚖𝚎𝚗𝚝𝚞𝚖 𝚛𝚑𝚘𝚗𝚌𝚞𝚜, 𝚗𝚞𝚗𝚌 𝚗𝚒𝚋𝚑 𝚙𝚞𝚕𝚟𝚒𝚗𝚊𝚛 𝚝𝚞𝚛𝚙𝚒𝚜, 𝚒𝚗 𝚕𝚘𝚋𝚘𝚛𝚝𝚒𝚜 𝚕𝚊𝚌𝚞𝚜 𝚕𝚎𝚘 𝚞𝚝 𝚛𝚒𝚜𝚞𝚜. 𝚂𝚎𝚍 𝚒𝚗 𝚎𝚗𝚒𝚖 𝚝𝚘𝚛𝚝𝚘𝚛, 𝚟𝚒𝚝𝚊𝚎 𝚊𝚌𝚌𝚞𝚖𝚜𝚊𝚗 𝚛𝚒𝚜𝚞𝚜. 𝙰𝚕𝚒𝚚𝚞𝚊𝚖 𝚖𝚒 𝚎𝚛𝚊𝚝, 𝚌𝚘𝚖𝚖𝚘𝚍𝚘 𝚗𝚎𝚌 𝚕𝚘𝚋𝚘𝚛𝚝𝚒𝚜 𝚗𝚘𝚗, 𝚍𝚒𝚐𝚗𝚒𝚜𝚜𝚒𝚖 𝚎𝚐𝚎𝚝 𝚎𝚛𝚘𝚜. 𝙵𝚞𝚜𝚌𝚎 𝚕𝚊𝚌𝚞𝚜 𝚖𝚊𝚜𝚜𝚊, 𝚌𝚘𝚗𝚜𝚎𝚌𝚝𝚎𝚝𝚞𝚛 𝚟𝚒𝚝𝚊𝚎 𝚙𝚑𝚊𝚛𝚎𝚝𝚛𝚊 𝚜𝚎𝚍, 𝚟𝚒𝚟𝚎𝚛𝚛𝚊 𝚒𝚗 𝚚𝚞𝚊𝚖.
+
+𝙲𝚞𝚛𝚊𝚋𝚒𝚝𝚞𝚛 𝚗𝚎𝚌 𝚊𝚛𝚌𝚞 𝚚𝚞𝚊𝚖, 𝚜𝚒𝚝 𝚊𝚖𝚎𝚝 𝚝𝚒𝚗𝚌𝚒𝚍𝚞𝚗𝚝 𝚕𝚊𝚌𝚞𝚜. 𝚂𝚎𝚍 𝚖𝚘𝚕𝚎𝚜𝚝𝚒𝚎 𝚍𝚒𝚐𝚗𝚒𝚜𝚜𝚒𝚖 𝚗𝚒𝚜𝚕, 𝚊𝚝 𝚏𝚎𝚛𝚖𝚎𝚗𝚝𝚞𝚖 𝚖𝚊𝚞𝚛𝚒𝚜 𝚎𝚐𝚎𝚜𝚝𝚊𝚜 𝚗𝚎𝚌. 𝚂𝚎𝚍 𝚖𝚒 𝚚𝚞𝚊𝚖, 𝚞𝚕𝚝𝚛𝚒𝚌𝚒𝚎𝚜 𝚞𝚝 𝚝𝚒𝚗𝚌𝚒𝚍𝚞𝚗𝚝 𝚟𝚎𝚕, 𝚋𝚒𝚋𝚎𝚗𝚍𝚞𝚖 𝚊𝚌 𝚖𝚊𝚜𝚜𝚊. 𝚅𝚎𝚜𝚝𝚒𝚋𝚞𝚕𝚞𝚖 𝚟𝚎𝚕 𝚛𝚒𝚜𝚞𝚜 𝚙𝚘𝚛𝚝𝚊 𝚖𝚊𝚞𝚛𝚒𝚜 𝚝𝚎𝚖𝚙𝚘𝚛 𝚋𝚕𝚊𝚗𝚍𝚒𝚝 𝚎𝚞 𝚟𝚎𝚕 𝚍𝚒𝚊𝚖. 𝚀𝚞𝚒𝚜𝚚𝚞𝚎 𝚎𝚛𝚘𝚜 𝚕𝚒𝚋𝚎𝚛𝚘, 𝚝𝚎𝚖𝚙𝚘𝚛 𝚞𝚝 𝚎𝚐𝚎𝚜𝚝𝚊𝚜 𝚗𝚎𝚌, 𝚊𝚕𝚒𝚚𝚞𝚎𝚝 𝚎𝚐𝚎𝚝 𝚎𝚕𝚒𝚝. 𝙳𝚘𝚗𝚎𝚌 𝚋𝚕𝚊𝚗𝚍𝚒𝚝 𝚘𝚍𝚒𝚘 𝚊𝚝 𝚗𝚒𝚋𝚑 𝚟𝚊𝚛𝚒𝚞𝚜 𝚝𝚛𝚒𝚜𝚝𝚒𝚚𝚞𝚎. 𝚂𝚎𝚍 𝚛𝚑𝚘𝚗𝚌𝚞𝚜 𝚙𝚘𝚛𝚝𝚊 𝚘𝚛𝚌𝚒, 𝚙𝚕𝚊𝚌𝚎𝚛𝚊𝚝 𝚌𝚘𝚗𝚍𝚒𝚖𝚎𝚗𝚝𝚞𝚖 𝚘𝚛𝚌𝚒 𝚒𝚖𝚙𝚎𝚛𝚍𝚒𝚎𝚝 𝚟𝚒𝚝𝚊𝚎. 𝙴𝚝𝚒𝚊𝚖 𝚎𝚞 𝚙𝚑𝚊𝚛𝚎𝚝𝚛𝚊 𝚎𝚛𝚘𝚜. 𝙸𝚗 𝚟𝚎𝚗𝚎𝚗𝚊𝚝𝚒𝚜 𝚙𝚎𝚕𝚕𝚎𝚗𝚝𝚎𝚜𝚚𝚞𝚎 𝚕𝚒𝚋𝚎𝚛𝚘 𝚜𝚎𝚍 𝚎𝚐𝚎𝚜𝚝𝚊𝚜. 𝙳𝚞𝚒𝚜 𝚝𝚒𝚗𝚌𝚒𝚍𝚞𝚗𝚝 𝚖𝚘𝚕𝚎𝚜𝚝𝚒𝚎 𝚛𝚒𝚜𝚞𝚜 𝚒𝚍 𝚛𝚞𝚝𝚛𝚞𝚖. 𝙽𝚞𝚕𝚕𝚊 𝚏𝚊𝚌𝚒𝚕𝚒𝚜𝚒. 𝙳𝚞𝚒𝚜 𝚟𝚎𝚕 𝚙𝚞𝚛𝚞𝚜 𝚊𝚌 𝚕𝚒𝚋𝚎𝚛𝚘 𝚛𝚞𝚝𝚛𝚞𝚖 𝚞𝚕𝚝𝚛𝚒𝚌𝚎𝚜 𝚜𝚎𝚍 𝚟𝚎𝚕 𝚊𝚞𝚐𝚞𝚎. 𝙳𝚘𝚗𝚎𝚌 𝚎𝚐𝚎𝚝 𝚍𝚒𝚊𝚖 𝚎𝚝 𝚕𝚒𝚋𝚎𝚛𝚘 𝚙𝚎𝚕𝚕𝚎𝚗𝚝𝚎𝚜𝚚𝚞𝚎 𝚟𝚎𝚗𝚎𝚗𝚊𝚝𝚒𝚜 𝚗𝚘𝚗 𝚎𝚝 𝚙𝚞𝚛𝚞𝚜. 𝚄𝚝 𝚎𝚞 𝚕𝚎𝚌𝚝𝚞𝚜 𝚙𝚞𝚛𝚞𝚜, 𝚎𝚐𝚎𝚝 𝚐𝚛𝚊𝚟𝚒𝚍𝚊 𝚎𝚛𝚊𝚝. 𝚂𝚎𝚍 𝚗𝚎𝚌 𝚏𝚎𝚕𝚒𝚜 𝚕𝚒𝚐𝚞𝚕𝚊, 𝚎𝚐𝚎𝚝 𝚕𝚞𝚌𝚝𝚞𝚜 𝚎𝚛𝚊𝚝. 𝙼𝚊𝚞𝚛𝚒𝚜 𝚜𝚊𝚙𝚒𝚎𝚗 𝚎𝚜𝚝, 𝚖𝚊𝚝𝚝𝚒𝚜 𝚞𝚝 𝚏𝚊𝚞𝚌𝚒𝚋𝚞𝚜 𝚎𝚝, 𝚏𝚊𝚞𝚌𝚒𝚋𝚞𝚜 𝚗𝚎𝚌 𝚗𝚞𝚗𝚌. 𝙽𝚞𝚗𝚌 𝚝𝚎𝚖𝚙𝚞𝚜 𝚒𝚊𝚌𝚞𝚕𝚒𝚜 𝚞𝚛𝚗𝚊 𝚟𝚒𝚝𝚊𝚎 𝚍𝚒𝚐𝚗𝚒𝚜𝚜𝚒𝚖.
+
+𝙸𝚗 𝚗𝚞𝚗𝚌 𝚗𝚒𝚜𝚒, 𝚞𝚕𝚕𝚊𝚖𝚌𝚘𝚛𝚙𝚎𝚛 𝚟𝚎𝚕 𝚙𝚑𝚊𝚛𝚎𝚝𝚛𝚊 𝚟𝚘𝚕𝚞𝚝𝚙𝚊𝚝, 𝚒𝚖𝚙𝚎𝚛𝚍𝚒𝚎𝚝 𝚊 𝚍𝚒𝚊𝚖. 𝙿𝚎𝚕𝚕𝚎𝚗𝚝𝚎𝚜𝚚𝚞𝚎 𝚟𝚎𝚕 𝚕𝚒𝚐𝚞𝚕𝚊 𝚎𝚐𝚎𝚝 𝚕𝚎𝚘 𝚊𝚞𝚌𝚝𝚘𝚛 𝚛𝚑𝚘𝚗𝚌𝚞𝚜 𝚌𝚘𝚗𝚟𝚊𝚕𝚕𝚒𝚜 𝚊 𝚝𝚘𝚛𝚝𝚘𝚛. 𝙴𝚝𝚒𝚊𝚖 𝚊𝚝 𝚕𝚎𝚌𝚝𝚞𝚜 𝚟𝚒𝚝𝚊𝚎 𝚊𝚗𝚝𝚎 𝚝𝚎𝚖𝚙𝚞𝚜 𝚞𝚕𝚝𝚛𝚒𝚌𝚒𝚎𝚜 𝚞𝚝 𝚟𝚒𝚝𝚊𝚎 𝚎𝚕𝚒𝚝. 𝙽𝚊𝚖 𝚒𝚗 𝚝𝚞𝚛𝚙𝚒𝚜 𝚒𝚙𝚜𝚞𝚖, 𝚊𝚝 𝚖𝚊𝚝𝚝𝚒𝚜 𝚝𝚘𝚛𝚝𝚘𝚛. 𝙽𝚞𝚕𝚕𝚊 𝚎𝚝 𝚙𝚎𝚕𝚕𝚎𝚗𝚝𝚎𝚜𝚚𝚞𝚎 𝚗𝚎𝚚𝚞𝚎. 𝙳𝚘𝚗𝚎𝚌 𝚕𝚊𝚌𝚒𝚗𝚒𝚊, 𝚝𝚞𝚛𝚙𝚒𝚜 𝚞𝚝 𝚍𝚒𝚌𝚝𝚞𝚖 𝚜𝚘𝚍𝚊𝚕𝚎𝚜, 𝚍𝚞𝚒 𝚗𝚒𝚜𝚒 𝚏𝚊𝚌𝚒𝚕𝚒𝚜𝚒𝚜 𝚛𝚒𝚜𝚞𝚜, 𝚜𝚎𝚍 𝚋𝚕𝚊𝚗𝚍𝚒𝚝 𝚖𝚒 𝚎𝚕𝚒𝚝 𝚞𝚝 𝚗𝚒𝚋𝚑. 𝙰𝚕𝚒𝚚𝚞𝚊𝚖 𝚎𝚛𝚊𝚝 𝚟𝚘𝚕𝚞𝚝𝚙𝚊𝚝. 𝙿𝚎𝚕𝚕𝚎𝚗𝚝𝚎𝚜𝚚𝚞𝚎 𝚗𝚎𝚌 𝚎𝚕𝚒𝚝 𝚒𝚍 𝚓𝚞𝚜𝚝𝚘 𝚒𝚗𝚝𝚎𝚛𝚍𝚞𝚖 𝚘𝚛𝚗𝚊𝚛𝚎 𝚊 𝚒𝚗 𝚍𝚒𝚊𝚖. 𝙼𝚘𝚛𝚋𝚒 𝚊𝚝 𝚏𝚛𝚒𝚗𝚐𝚒𝚕𝚕𝚊 𝚕𝚎𝚌𝚝𝚞𝚜. 𝙳𝚘𝚗𝚎𝚌 𝚌𝚘𝚗𝚟𝚊𝚕𝚕𝚒𝚜 𝚎𝚕𝚎𝚒𝚏𝚎𝚗𝚍 𝚏𝚎𝚕𝚒𝚜, 𝚒𝚍 𝚜𝚊𝚐𝚒𝚝𝚝𝚒𝚜 𝚞𝚛𝚗𝚊 𝚖𝚊𝚝𝚝𝚒𝚜 𝚗𝚎𝚌. 𝚄𝚝 𝚌𝚘𝚗𝚜𝚎𝚚𝚞𝚊𝚝 𝚝𝚞𝚛𝚙𝚒𝚜 𝚟𝚎𝚕 𝚚𝚞𝚊𝚖 𝚝𝚎𝚖𝚙𝚘𝚛 𝚎𝚐𝚎𝚝 𝚞𝚕𝚝𝚛𝚒𝚌𝚎𝚜 𝚗𝚎𝚚𝚞𝚎 𝚖𝚘𝚕𝚎𝚜𝚝𝚒𝚎. 𝚂𝚞𝚜𝚙𝚎𝚗𝚍𝚒𝚜𝚜𝚎 𝚝𝚎𝚕𝚕𝚞𝚜 𝚗𝚒𝚜𝚒, 𝚑𝚎𝚗𝚍𝚛𝚎𝚛𝚒𝚝 𝚟𝚒𝚝𝚊𝚎 𝚙𝚘𝚜𝚞𝚎𝚛𝚎 𝚎𝚐𝚎𝚝, 𝚙𝚕𝚊𝚌𝚎𝚛𝚊𝚝 𝚜𝚎𝚍 𝚖𝚎𝚝𝚞𝚜. 𝙸𝚗𝚝𝚎𝚐𝚎𝚛 𝚙𝚕𝚊𝚌𝚎𝚛𝚊𝚝 𝚒𝚖𝚙𝚎𝚛𝚍𝚒𝚎𝚝 𝚙𝚕𝚊𝚌𝚎𝚛𝚊𝚝. 𝙼𝚘𝚛𝚋𝚒 𝚝𝚎𝚖𝚙𝚞𝚜 𝚗𝚞𝚗𝚌 𝚗𝚞𝚗𝚌. 𝙸𝚗𝚝𝚎𝚐𝚎𝚛 𝚚𝚞𝚒𝚜 𝚘𝚛𝚌𝚒 𝚏𝚎𝚕𝚒𝚜. 𝙽𝚞𝚗𝚌 𝚜𝚎𝚖𝚙𝚎𝚛, 𝚊𝚛𝚌𝚞 𝚗𝚘𝚗 𝚌𝚘𝚗𝚜𝚎𝚚𝚞𝚊𝚝 𝚍𝚒𝚐𝚗𝚒𝚜𝚜𝚒𝚖, 𝚕𝚘𝚛𝚎𝚖 𝚞𝚛𝚗𝚊 𝚙𝚑𝚊𝚛𝚎𝚝𝚛𝚊 𝚖𝚒, 𝚗𝚎𝚌 𝚊𝚌𝚌𝚞𝚖𝚜𝚊𝚗 𝚎𝚗𝚒𝚖 𝚖𝚒 𝚊 𝚙𝚞𝚛𝚞𝚜. 𝙲𝚞𝚛𝚊𝚋𝚒𝚝𝚞𝚛 𝚎𝚝 𝚎𝚕𝚒𝚝 𝚒𝚗 𝚜𝚎𝚖 𝚜𝚘𝚍𝚊𝚕𝚎𝚜 𝚒𝚗𝚝𝚎𝚛𝚍𝚞𝚖. 𝙿𝚎𝚕𝚕𝚎𝚗𝚝𝚎𝚜𝚚𝚞𝚎 𝚜𝚊𝚐𝚒𝚝𝚝𝚒𝚜 𝚛𝚞𝚝𝚛𝚞𝚖 𝚕𝚎𝚌𝚝𝚞𝚜 𝚌𝚘𝚖𝚖𝚘𝚍𝚘 𝚌𝚘𝚗𝚍𝚒𝚖𝚎𝚗𝚝𝚞𝚖. 𝙴𝚝𝚒𝚊𝚖 𝚏𝚛𝚒𝚗𝚐𝚒𝚕𝚕𝚊, 𝚚𝚞𝚊𝚖 𝚗𝚎𝚌 𝚞𝚕𝚕𝚊𝚖𝚌𝚘𝚛𝚙𝚎𝚛 𝚜𝚘𝚕𝚕𝚒𝚌𝚒𝚝𝚞𝚍𝚒𝚗, 𝚝𝚞𝚛𝚙𝚒𝚜 𝚗𝚒𝚜𝚒 𝚊𝚕𝚒𝚚𝚞𝚎𝚝 𝚛𝚒𝚜𝚞𝚜, 𝚜𝚒𝚝 𝚊𝚖𝚎𝚝 𝚎𝚕𝚎𝚖𝚎𝚗𝚝𝚞𝚖 𝚍𝚘𝚕𝚘𝚛 𝚕𝚘𝚛𝚎𝚖 𝚟𝚒𝚝𝚊𝚎 𝚕𝚒𝚐𝚞𝚕𝚊. 𝙿𝚛𝚊𝚎𝚜𝚎𝚗𝚝 𝚙𝚑𝚊𝚛𝚎𝚝𝚛𝚊 𝚊𝚕𝚒𝚚𝚞𝚎𝚝 𝚟𝚎𝚕𝚒𝚝 𝚜𝚎𝚍 𝚙𝚕𝚊𝚌𝚎𝚛𝚊𝚝. </p>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/600974-2.html b/layout/reftests/bugs/600974-2.html
new file mode 100644
index 0000000000..747d009e66
--- /dev/null
+++ b/layout/reftests/bugs/600974-2.html
@@ -0,0 +1,94 @@
+<!DOCTYPE HTML>
+<!-- This is a test for decoding supplementary characters. It contains text in
+     Unicode plane 1 encoded as GB18030. Don't reencode it in any way. -->
+<html lang="en" style="font-family: serif; font-size: 16px; overflow: hidden;">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=gb18030">
+  <title></title>
+</head>
+<body>
+<p>�3�7�3�6�3�9�3�6�3�4 �3�0�3�7�3�0�3�2�3�4 �3�5�3�6�3�3�3�6�3�9 �3�0�3�0�3�1 �3�2�3�4�3�6�3�1,
+�3�4�3�6�3�5�3�0�3�6�3�4�3�1�3�6�3�1�3�2�3�9 �3�2�3�5�3�0�3�7�3�0�3�0�3�4�3�0�3�5�3�8 �3�6�3�3�3�0�3�1. �3�6�3�3�3�0�3�8�3�2�3�2�3�4
+�3�3�3�6�3�3 �3�2�3�9�3�4�3�2 �3�5�3�0�3�3�3�9, �3�3�3�6�3�3 �3�5�3�0�3�4�3�1�3�2�3�4 �3�1�3�6�3�9�3�1�3�6�3�9. �3�8�3�9�3�2�3�0
+�3�0�3�2�3�4�3�2�3�3�3�0�3�0 �3�6�3�3�3�0�3�1 �3�6�3�8�3�6�3�1 �3�5�3�2�3�5�3�4 �3�0�3�6�3�3�3�3�3�0�3�4�3�0�3�1�3�2�3�5�3�0�3�5 �3�6�3�1
+�3�4�3�6�3�4�3�4�3�6�3�5�3�6 �3�3�3�6�3�3�3�0�3�1 �3�2�3�3�3�0�3�8�3�2�3�2�3�4. �3�2�3�2�3�0�3�0�3�8�3�2�3�6 �3�3�3�6�3�3
+�3�3�3�0�3�3�3�6�3�5�3�5�3�2�3�4 �3�4�3�2�3�2�3�9�3�0�3�0. �3�9�3�2�3�3�3�3�3�2�3�4 �3�5�3�6�3�4 �3�7�3�6�3�3�3�0�3�0 �3�5�3�0�3�2�3�4,
+�3�3�3�6�3�3 �3�3�3�2�3�3�3�7�3�2�3�1�3�2�3�1�3�6 �3�7�3�2�3�9�3�2�3�0. �3�8�3�9�3�2�3�0 �3�7�3�9�3�2�3�9�3�6�3�1�3�9�3�2,
+�3�3�3�6�3�3�3�0�3�1 �3�3�3�0�3�1�3�2�3�6 �3�7�3�2�3�3�3�3�3�0�3�5�3�2�3�9 �3�4�3�2�3�9�3�0�3�2�3�0, �3�5�3�0�3�0�3�3
+�3�7�3�2�3�9�3�2�3�0 �3�7�3�6�3�9�3�1�3�1�3�0�3�1�3�6�3�9 �3�8�3�2�3�2�3�4, �3�5�3�6�3�5 �3�2�3�5�3�0�3�7�3�0�3�0�3�4�3�0�3�5�3�8
+�3�6�3�9�3�6�3�0 �3�4�3�2�3�2�3�9�3�0�3�0 �3�6�3�2 �3�7�3�6�3�3�3�0�3�0. �3�9�3�2�3�3�3�3�3�2�3�4 �3�3�3�2�3�4�3�1�3�2�3�0
+�3�5�3�0�3�0�3�0 �3�0�3�0�3�1 �3�2�3�4�3�6�3�1 �3�5�3�0�3�0�3�3 �3�0�3�6�3�5�3�2�3�3�3�6�3�0 �3�0�3�5�3�1�3�6�3�9�3�5�3�2�3�4.
+�3�1�3�6�3�3�3�3�3�6�3�5�3�1�3�6�3�0�3�8�3�2�3�6 �3�3�3�2�3�3�3�7�3�2�3�1�3�2�3�1�3�6 �3�2�3�3�3�0�3�8�3�2�3�2�3�4 �3�3�3�6�3�6, �3�0�3�5
+�3�9�3�9�3�6�3�5�3�4�3�2�3�0 �3�0�3�6�3�4 �3�4�3�6�3�4�3�4�3�6�3�5�3�6 �3�0�3�5. �3�4�3�6�3�5 �3�3�3�2�3�6�3�9�3�6�3�6�3�1
+�3�0�3�5�3�1�3�6�3�9�3�5�3�2�3�4 �3�4�3�6�3�5�3�5�3�0�3�4�3�6�3�5�3�1�3�2�3�4. �3�9�3�2�3�3�3�3�3�2�3�4 �3�6�3�9�3�5�3�2�3�9�3�6
+�3�3�3�6�3�0�3�1�3�0�3�3�3�2�3�3�3�2�3�4 �3�7�3�6�3�9�3�1�3�2. �3�6�3�6�3�5�3�6�3�2�3�5 �3�0�3�5 �3�5�3�6�3�3�3�6�3�9
+�3�5�3�6�3�3�3�6�3�9, �3�5�3�6�3�4 �3�6�3�3�3�6�3�0�3�7�3�6�3�5�3�5 �3�5�3�6�3�8�3�2�3�6. �3�9�3�6�3�5�3�6�3�4
+�3�1�3�0�3�5�3�4�3�0�3�5�3�2�3�5�3�1 �3�4�3�6�3�4�3�4�3�6�3�5�3�6 �3�5�3�0�3�0�3�3, �3�5�3�6�3�5
+�3�0�3�4�3�6�3�3�3�6�3�9�3�0�3�0�3�8�3�2�3�6 �3�5�3�6�3�3�3�6�3�9 �3�2�3�4�3�4�3�2�3�4�3�0�3�2�3�5 �3�0�3�5.
+�3�1�3�9�3�2�3�6�3�0�3�6�3�5�3�1 �3�3�3�0�3�3�3�6�3�5�3�5�3�2�3�4 �3�3�3�0�3�3�3�6�3�9�3�9�3�2 �3�0�3�2�3�0�3�4�3�0�3�7�3�0�3�1.
+�3�9�3�2�3�5�3�4 �3�4�3�6�3�5�3�5�3�0�3�4�3�6�3�5�3�1�3�2�3�4, �3�2�3�5�3�1�3�6 �3�3�3�0�3�1�3�2�3�6
+�3�4�3�6�3�5�3�5�3�0�3�4�3�6�3�5�3�1�3�2�3�4 �3�9�3�9�3�6�3�5�3�4�3�2�3�0, �3�5�3�2�3�5�3�4 �3�5�3�0�3�3�3�9
+�3�7�3�2�3�3�3�3�3�0�3�5�3�2�3�9 �3�1�3�2�3�9�3�7�3�0�3�0, �3�0�3�5 �3�3�3�6�3�3�3�6�3�9�3�1�3�0�3�0 �3�3�3�2�3�4�3�2�3�0 �3�3�3�6�3�6
+�3�2�3�1 �3�9�3�0�3�0�3�2�3�0. �3�4�3�6�3�5 �3�0�3�5 �3�6�3�5�3�0�3�4 �3�1�3�6�3�9�3�1�3�6�3�9, �3�3�3�0�3�1�3�2�3�6
+�3�2�3�4�3�4�3�2�3�4�3�0�3�2�3�5 �3�9�3�0�3�0�3�2�3�0. �3�6�3�3�3�0�3�8�3�2�3�2�3�4 �3�4�3�0 �3�6�3�9�3�2�3�1,
+�3�4�3�6�3�4�3�4�3�6�3�5�3�6 �3�5�3�6�3�4 �3�3�3�6�3�3�3�6�3�9�3�1�3�0�3�0 �3�5�3�6�3�5, �3�5�3�0�3�8�3�5�3�0�3�0�3�0�3�0�3�4
+�3�6�3�8�3�6�3�1 �3�6�3�9�3�6�3�0. �3�1�3�2�3�0�3�4�3�6 �3�3�3�2�3�4�3�2�3�0 �3�4�3�2�3�0�3�0�3�2,
+�3�4�3�6�3�5�3�0�3�6�3�4�3�1�3�6�3�1�3�2�3�9 �3�3�3�0�3�1�3�2�3�6 �3�7�3�9�3�2�3�9�3�6�3�1�3�9�3�2 �3�0�3�6�3�5,
+�3�3�3�0�3�3�3�6�3�9�3�9�3�2 �3�0�3�5 �3�8�3�2�3�2�3�4.
+�3�8�3�2�3�9�3�2�3�3�3�0�3�1�3�2�3�9 �3�5�3�6�3�4 �3�2�3�9�3�4�3�2 �3�8�3�2�3�2�3�4, �3�0�3�0�3�1 �3�2�3�4�3�6�3�1
+�3�1�3�0�3�5�3�4�3�0�3�5�3�2�3�5�3�1 �3�3�3�2�3�4�3�2�3�0. �3�4�3�6�3�5 �3�4�3�6�3�3�3�6�3�0�3�1�3�0�3�6
+�3�5�3�0�3�8�3�5�3�0�3�0�3�0�3�0�3�4 �3�5�3�0�3�0�3�3, �3�2�3�1 �3�7�3�6�3�9�3�4�3�6�3�5�3�1�3�2�3�4 �3�4�3�2�3�2�3�9�3�0�3�0
+�3�6�3�8�3�6�3�0�3�1�3�2�3�0 �3�5�3�6�3�4. �3�4�3�6�3�5 �3�4�3�0 �3�8�3�2�3�2�3�4, �3�2�3�3�3�1�3�9�3�0�3�4�3�0�3�6�3�0 �3�2�3�1
+�3�1�3�0�3�5�3�4�3�0�3�5�3�2�3�5�3�1 �3�3�3�6�3�3, �3�3�3�0�3�3�3�6�3�5�3�5�3�2�3�4 �3�2�3�4 �3�4�3�2�3�0�3�0�3�2.
+�3�7�3�6�3�0�3�1�3�0�3�3�3�2�3�3�3�2�3�4 �3�3�3�6�3�3 �3�9�3�0�3�0�3�2�3�0 �3�7�3�6�3�9�3�1�3�2 �3�4�3�2�3�2�3�9�3�0�3�0
+�3�1�3�6�3�4�3�7�3�6�3�9 �3�3�3�3�3�2�3�5�3�5�3�0�3�1 �3�6�3�2 �3�3�3�6�3�3 �3�5�3�0�3�2�3�4. �3�2�3�2�3�0�3�0�3�8�3�2�3�6
+�3�6�3�9�3�6�3�0 �3�3�3�0�3�3�3�6�3�9�3�6, �3�1�3�6�3�4�3�7�3�6�3�9 �3�2�3�1 �3�6�3�8�3�6�3�0�3�1�3�2�3�0 �3�5�3�6�3�4,
+�3�2�3�3�3�0�3�8�3�2�3�6�3�1 �3�6�3�8�3�6�3�1 �3�6�3�3�3�0�3�1. �3�9�3�6�3�5�3�6�3�4 �3�3�3�3�3�2�3�5�3�5�3�0�3�1 �3�6�3�5�3�0�3�6
+�3�2�3�1 �3�5�3�0�3�3�3�9 �3�3�3�2�3�9�3�0�3�2�3�0 �3�1�3�9�3�0�3�0�3�1�3�0�3�8�3�2�3�6. �3�4�3�6�3�5 �3�9�3�9�3�6�3�5�3�4�3�2�3�0
+�3�7�3�6�3�9�3�1�3�2 �3�6�3�9�3�4�3�0, �3�7�3�3�3�2�3�4�3�6�3�9�3�2�3�1 �3�4�3�6�3�5�3�5�3�0�3�4�3�6�3�5�3�1�3�2�3�4 �3�6�3�9�3�4�3�0
+�3�0�3�4�3�7�3�6�3�9�3�5�3�0�3�6�3�1 �3�3�3�0�3�1�3�2�3�6. �3�0�3�1�3�0�3�2�3�4 �3�6�3�2 �3�7�3�9�3�2�3�9�3�6�3�1�3�9�3�2
+�3�6�3�9�3�6�3�0. �3�4�3�5 �3�3�3�6�3�5�3�6�3�5�3�2�3�1�3�0�3�0 �3�7�3�6�3�3�3�3�3�6�3�5�3�1�3�6�3�0�3�8�3�2�3�6 �3�3�3�0�3�3�3�6�3�9�3�6
+�3�0�3�6�3�5 �3�6�3�8�3�6�3�0�3�1�3�2�3�0. �3�9�3�2�3�0�3�0 �3�1�3�0�3�5�3�4�3�0�3�5�3�2�3�5�3�1 �3�4�3�6�3�3�3�6�3�0�3�1�3�0�3�6
+�3�9�3�0�3�0�3�2�3�0 �3�0�3�5 �3�9�3�2�3�1�3�9�3�2�3�4. �3�9�3�2�3�3�3�3�3�2 �3�7�3�2�3�4�3�0�3�3�3�0�3�0�3�0. �3�9�3�2�3�0�3�0
+�3�3�3�6�3�3 �3�7�3�2�3�9�3�2�3�0 �3�2�3�4 �3�3�3�0�3�3�3�6�3�9�3�6 �3�9�3�2�3�1�3�9�3�2�3�4 �3�2�3�3�3�1�3�9�3�0�3�4�3�6�3�0
+�3�0�3�6�3�5 �3�3�3�6�3�3 �3�2�3�2�3�8�3�2�3�6. �3�9�3�6�3�5�3�6�3�4 �3�6�3�8�3�6�3�1 �3�5�3�0�3�2�3�4 �3�6�3�1
+�3�3�3�0�3�3�3�6�3�9�3�6 �3�7�3�6�3�3�3�3�3�6�3�5�3�1�3�6�3�0�3�8�3�2�3�6 �3�3�3�6�3�5�3�6�3�5�3�2�3�1�3�0�3�0 �3�5�3�6�3�5 �3�6�3�1
+�3�7�3�2�3�9�3�2�3�0. �3�6�3�1 �3�6�3�2 �3�3�3�6�3�4�3�1�3�2�3�0 �3�7�3�2�3�9�3�2�3�0, �3�6�3�8�3�6�3�1 �3�8�3�9�3�2�3�3�3�0�3�5�3�2
+�3�6�3�9�3�2�3�1. �3�4�3�6�3�5 �3�5�3�6�3�4 �3�7�3�6�3�3�3�0�3�0 �3�3�3�0�3�8�3�2�3�3�3�2, �3�6�3�8�3�6�3�1 �3�3�3�2�3�4�3�1�3�2�3�0
+�3�6�3�9�3�2�3�1. �3�8�3�2�3�2�3�9�3�0�3�0 �3�0�3�2�3�7�3�0�3�6�3�5 �3�6�3�0�3�1, �3�4�3�2�3�1�3�1�3�0�3�0 �3�2�3�1
+�3�7�3�2�3�2�3�4�3�0�3�3�3�2�3�0 �3�6�3�1, �3�7�3�2�3�2�3�4�3�0�3�3�3�2�3�0 �3�5�3�6�3�4 �3�5�3�2�3�5�3�4. �3�9�3�2�3�5�3�4
+�3�1�3�6�3�4�3�7�3�2�3�0 �3�0�3�2�3�4�3�2�3�3�3�0�3�0 �3�2�3�9�3�5�3�2 �3�3�3�0�3�1�3�2�3�6 �3�5�3�0�3�8�3�5�3�0�3�0�3�0�3�0�3�4.
+�3�4�3�5 �3�5�3�2�3�5�3�4 �3�5�3�0�3�0�3�0, �3�2�3�3�3�3�3�2�3�4�3�4�3�6�3�9�3�7�3�6�3�9 �3�3�3�6�3�3 �3�7�3�9�3�2�3�9�3�6�3�1�3�9�3�2
+�3�3�3�6�3�3�3�2�3�1�3�7�3�2�3�1, �3�0�3�4�3�7�3�6�3�9�3�5�3�0�3�6�3�1 �3�2 �3�5�3�0�3�2�3�4.
+�3�1�3�6�3�3�3�3�3�6�3�5�3�1�3�6�3�0�3�8�3�2�3�6 �3�3�3�6�3�3 �3�3�3�0�3�8�3�2�3�3�3�2 �3�6�3�8�3�6�3�1 �3�3�3�6�3�6
+�3�2�3�2�3�4�3�1�3�6�3�9 �3�9�3�9�3�6�3�5�3�4�3�2�3�0 �3�4�3�6�3�5�3�3�3�2�3�3�3�3�3�0�3�0 �3�2 �3�1�3�6�3�9�3�1�3�6�3�9.
+�3�0�3�1�3�0�3�2�3�4 �3�2�3�1 �3�3�3�6�3�4�3�1�3�2�3�0 �3�3�3�0�3�1�3�2�3�6 �3�2�3�5�3�1�3�6 �3�1�3�6�3�4�3�7�3�2�3�0
+�3�2�3�3�3�1�3�9�3�0�3�4�3�0�3�6�3�0 �3�2�3�1 �3�3�3�0�3�1�3�2�3�6 �3�6�3�3�3�0�3�1. �3�9�3�2�3�4 �3�0�3�5 �3�1�3�2�3�9�3�7�3�0�3�0
+�3�0�3�7�3�0�3�2�3�4, �3�2�3�1 �3�4�3�2�3�1�3�1�3�0�3�0 �3�1�3�6�3�9�3�1�3�6�3�9. �3�9�3�2�3�3�3�3�3�2 �3�6�3�1
+�3�7�3�6�3�3�3�3�3�6�3�5�3�1�3�6�3�0�3�8�3�2�3�6 �3�5�3�6�3�8�3�2�3�6. �3�9�3�6�3�5�3�6�3�4 �3�3�3�2�3�4�3�0�3�5�3�0�3�2,
+�3�1�3�2�3�9�3�7�3�0�3�0 �3�2�3�1 �3�5�3�0�3�4�3�1�3�2�3�4 �3�0�3�6�3�5�3�2�3�3�3�6�3�0, �3�5�3�2�3�0 �3�5�3�0�3�0�3�0
+�3�7�3�2�3�4�3�0�3�3�3�0�3�0�3�0�3�0 �3�9�3�0�3�0�3�2�3�0, �3�0�3�6�3�5 �3�3�3�3�3�2�3�5�3�5�3�0�3�1 �3�4�3�0 �3�6�3�3�3�0�3�1 �3�2�3�1
+�3�5�3�0�3�3�3�9. �3�6�3�3�3�0�3�8�3�2�3�2�3�4 �3�6�3�9�3�2�3�1 �3�3�3�6�3�3�3�2�3�1�3�7�3�2�3�1.
+�3�1�3�6�3�3�3�3�3�6�3�5�3�1�3�6�3�0�3�8�3�2�3�6 �3�5�3�6�3�4 �3�6�3�3�3�0�3�1 �3�0�3�5 �3�1�3�2�3�0�3�1�3�6
+�3�0�3�5�3�1�3�6�3�9�3�5�3�2�3�4 �3�6�3�9�3�5�3�2�3�9�3�6 �3�2 �3�0�3�5 �3�5�3�0�3�2�3�4. �3�8�3�6�3�9�3�3�3�0 �3�2�3�1
+�3�7�3�9�3�0�3�5�3�8�3�0�3�3�3�3�3�2 �3�3�3�6�3�4�3�1�3�2�3�0. �3�9�3�6�3�5�3�6�3�4 �3�4�3�6�3�5�3�3�3�2�3�3�3�3�3�0�3�0
+�3�6�3�3�3�6�3�0�3�7�3�6�3�5�3�5 �3�7�3�6�3�3�3�0�3�0, �3�0�3�5 �3�0�3�2�3�8�3�0�3�1�3�1�3�0�3�0 �3�2�3�9�3�5�3�2
+�3�4�3�2�3�1�3�1�3�0�3�0 �3�5�3�6�3�4. �3�6�3�1 �3�4�3�6�3�5�3�0�3�6�3�8�3�2�3�2�3�1 �3�1�3�2�3�9�3�7�3�0�3�0 �3�3�3�6�3�3
+�3�8�3�2�3�2�3�4 �3�1�3�6�3�4�3�7�3�6�3�9 �3�6�3�8�3�6�3�1 �3�2�3�3�3�1�3�9�3�0�3�4�3�6�3�0 �3�5�3�6�3�8�3�2�3�6
+�3�4�3�6�3�3�3�6�3�0�3�1�3�0�3�6. �3�4�3�2�3�0�3�7�3�6�3�5�3�5�3�0�3�0�3�0�3�6 �3�1�3�6�3�3�3�3�3�2�3�0 �3�5�3�0�3�0�3�0,
+�3�9�3�6�3�5�3�5�3�9�3�6�3�9�3�0�3�1 �3�3�3�0�3�1�3�2�3�6 �3�7�3�6�3�0�3�2�3�6�3�9�3�6 �3�6�3�8�3�6�3�1, �3�7�3�3�3�2�3�4�3�6�3�9�3�2�3�1
+�3�0�3�6�3�5 �3�4�3�6�3�1�3�2�3�0. �3�4�3�5�3�1�3�6�3�8�3�6�3�9 �3�7�3�3�3�2�3�4�3�6�3�9�3�2�3�1 �3�0�3�4�3�7�3�6�3�9�3�5�3�0�3�6�3�1
+�3�7�3�3�3�2�3�4�3�6�3�9�3�2�3�1. �3�8�3�6�3�9�3�3�3�0 �3�1�3�6�3�4�3�7�3�2�3�0 �3�5�3�2�3�5�3�4 �3�5�3�2�3�5�3�4.
+�3�4�3�5�3�1�3�6�3�8�3�6�3�9 �3�8�3�2�3�0�3�0 �3�6�3�9�3�4�3�0 �3�7�3�6�3�3�3�0�3�0. �3�9�3�2�3�5�3�4 �3�0�3�6�3�4�3�7�3�6�3�9,
+�3�2�3�9�3�4�3�2 �3�5�3�6�3�5 �3�4�3�6�3�5�3�0�3�6�3�8�3�2�3�2�3�1 �3�5�3�0�3�8�3�5�3�0�3�0�3�0�3�0�3�4, �3�3�3�6�3�9�3�6�3�4
+�3�2�3�9�3�5�3�2 �3�7�3�9�3�2�3�9�3�6�3�1�3�9�3�2 �3�4�3�0, �3�5�3�6�3�4 �3�2�3�4�3�4�3�2�3�4�3�0�3�2�3�5 �3�6�3�5�3�0�3�4 �3�4�3�0
+�3�2 �3�7�3�2�3�9�3�2�3�0. �3�8�3�2�3�9�3�2�3�3�3�0�3�1�3�2�3�9 �3�6�3�1 �3�6�3�3�3�0�3�1 �3�0�3�5 �3�0�3�6�3�4
+�3�0�3�6�3�5�3�2�3�3�3�6�3�0 �3�0�3�5�3�1�3�6�3�9�3�5�3�2�3�4. �3�1�3�6�3�3�3�3�3�6�3�5�3�1�3�6�3�0�3�8�3�2�3�6
+�3�0�3�2�3�8�3�0�3�1�3�1�3�0�3�0 �3�9�3�2�3�1�3�9�3�2�3�4 �3�3�3�6�3�4�3�1�3�2�3�0 �3�4�3�6�3�4�3�4�3�6�3�5�3�6
+�3�4�3�6�3�5�3�5�3�0�3�4�3�6�3�5�3�1�3�2�3�4. �3�0�3�1�3�0�3�2�3�4 �3�7�3�9�3�0�3�5�3�8�3�0�3�3�3�3�3�2, �3�8�3�2�3�2�3�4 �3�5�3�6�3�4
+�3�2�3�3�3�3�3�2�3�4�3�4�3�6�3�9�3�7�3�6�3�9 �3�0�3�6�3�3�3�3�3�0�3�4�3�0�3�1�3�2�3�5�3�0�3�5, �3�1�3�2�3�9�3�7�3�0�3�0 �3�5�3�0�3�0�3�0
+�3�2�3�3�3�0�3�8�3�2�3�6�3�1 �3�9�3�0�3�0�3�2�3�0, �3�0�3�0�3�1 �3�2�3�4�3�6�3�1 �3�6�3�3�3�6�3�4�3�6�3�5�3�1�3�2�3�4
+�3�5�3�6�3�3�3�6�3�9 �3�3�3�6�3�9�3�6�3�4 �3�3�3�0�3�1�3�2�3�6 �3�3�3�0�3�8�3�2�3�3�3�2. �3�1�3�9�3�2�3�6�3�0�3�6�3�5�3�1
+�3�7�3�9�3�2�3�9�3�6�3�1�3�9�3�2 �3�2�3�3�3�0�3�8�3�2�3�6�3�1 �3�3�3�6�3�3�3�0�3�1 �3�0�3�6�3�5 �3�7�3�3�3�2�3�4�3�6�3�9�3�2�3�1. </p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/600974-3.html b/layout/reftests/bugs/600974-3.html
new file mode 100644
index 0000000000..687a61b38c
Binary files /dev/null and b/layout/reftests/bugs/600974-3.html differ
diff --git a/layout/reftests/bugs/602200-1-ref.html b/layout/reftests/bugs/602200-1-ref.html
new file mode 100644
index 0000000000..10b364f400
--- /dev/null
+++ b/layout/reftests/bugs/602200-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; top:10px; left:0; height:1px; width:200px; background:black"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/602200-1.html b/layout/reftests/bugs/602200-1.html
new file mode 100644
index 0000000000..35a1ab42a2
--- /dev/null
+++ b/layout/reftests/bugs/602200-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas id="c" width="200" height="20" style="position:absolute; top:10.4px; left:0"></canvas>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext("2d");
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 200, 1);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/602200-2-ref.html b/layout/reftests/bugs/602200-2-ref.html
new file mode 100644
index 0000000000..51b9d46786
--- /dev/null
+++ b/layout/reftests/bugs/602200-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; top:10px; left:0; width:200px; height:19px;
+            opacity:0.999; border:1px solid black; border-top:2px solid black; background-color:white"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/602200-2.html b/layout/reftests/bugs/602200-2.html
new file mode 100644
index 0000000000..e3c9172193
--- /dev/null
+++ b/layout/reftests/bugs/602200-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="opacity:0.999;">
+  <canvas id="c" width="200" height="20" style="position:absolute; top:10.4px; left:0; border:1px solid black"></canvas>
+</div>
+<div style="position:absolute; top:10px; left:0; width:200px; height:19px;
+            opacity:0.999; border:1px solid black; border-top:2px solid black; background-color:white"></div>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext("2d");
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 200, 1);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/602200-3-ref.html b/layout/reftests/bugs/602200-3-ref.html
new file mode 100644
index 0000000000..86dc4e038a
--- /dev/null
+++ b/layout/reftests/bugs/602200-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:12px; height:12px; background:black; position:absolute; top:0px"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/602200-3.html b/layout/reftests/bugs/602200-3.html
new file mode 100644
index 0000000000..0c155681b5
--- /dev/null
+++ b/layout/reftests/bugs/602200-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="transform:translate(0.4px); position:absolute; top:0px;">
+  <canvas style="margin-left:0.4px; border:1px solid black; display:block" width="10" height="10" id="c"></canvas>
+</div>
+<div style="position:absolute; top:0px; width:12px; height:12px; background:black;"></div>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext('2d');
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, c.width, c.height);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/602200-4-ref.html b/layout/reftests/bugs/602200-4-ref.html
new file mode 100644
index 0000000000..dd4db76737
--- /dev/null
+++ b/layout/reftests/bugs/602200-4-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="opacity:0.999; border-left:1px solid red; width:12px;">
+  <div style="position:relative; left:1px; opacity:0.999; border-left:1px solid rgb(0,255,0);">
+    <div style="width:10px; height:10px; background:black"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/602200-4.html b/layout/reftests/bugs/602200-4.html
new file mode 100644
index 0000000000..f4b6a1b755
--- /dev/null
+++ b/layout/reftests/bugs/602200-4.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="transform:translate(0.4px); opacity:0.999; border-left:1px solid red; width:12px;">
+  <div style="transform:translate(0.4px); opacity:0.999; border-left:1px solid rgb(0,255,0);">
+    <canvas width="10" height="10" id="c" style="display:block"></canvas>
+  </div>
+</div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 10, 10);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/603423-1-ref.html b/layout/reftests/bugs/603423-1-ref.html
new file mode 100644
index 0000000000..2f1c3a7e1b
--- /dev/null
+++ b/layout/reftests/bugs/603423-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Testcase for bug 603423</title>
+ </head>
+ <body><p><iframe src="data:text/html;charset=windows-1252,Hello World"</iframe></p></body>
+</html>
diff --git a/layout/reftests/bugs/603423-1.html b/layout/reftests/bugs/603423-1.html
new file mode 100644
index 0000000000..76fec100df
--- /dev/null
+++ b/layout/reftests/bugs/603423-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Testcase for bug 603423</title>
+ </head>
+ <body><p><iframe src="data:text/html;charset=x-mac-arabic,Hello World"</iframe></p></body>
+</html>
diff --git a/layout/reftests/bugs/604737-ref.html b/layout/reftests/bugs/604737-ref.html
new file mode 100644
index 0000000000..2f800d23e1
--- /dev/null
+++ b/layout/reftests/bugs/604737-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <input>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/604737.html b/layout/reftests/bugs/604737.html
new file mode 100644
index 0000000000..0bc4a4a12f
--- /dev/null
+++ b/layout/reftests/bugs/604737.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <body onload="document.getElementsByTagName('fieldset')[0].removeChild(document.getElementById('l'));
+                document.documentElement.className = '';">
+    <fieldset disabled>
+      <legend id='l'>
+        <input>
+      </legend>
+      <legend>
+        <input>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/605138-1-ref.html b/layout/reftests/bugs/605138-1-ref.html
new file mode 100644
index 0000000000..5d26487535
--- /dev/null
+++ b/layout/reftests/bugs/605138-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <link href="data:text/css,%23master{display:table; width: 100%;}"
+        rel="stylesheet" type="text/css" media="screen">
+  <style>
+    #master { outline: 1px dashed black; }
+  </style>
+</head>
+<body>
+<div id="master">
+<div style="height:10000px; background: linear-gradient(to left top, rgb(0,0,0) 0%, rgb(255,255,255) 100%);">
+</div>
+
+<div style="height:100px"></div>
+
+</div>
+</html>
diff --git a/layout/reftests/bugs/605138-1.html b/layout/reftests/bugs/605138-1.html
new file mode 100644
index 0000000000..365e00351e
--- /dev/null
+++ b/layout/reftests/bugs/605138-1.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <link href="data:text/css,%23master{display:table; width: 100%; outline: 1px dashed black; }"
+        rel="stylesheet" type="text/css" media="screen">
+</head>
+<body>
+<div id="master">
+<div style="height:10000px; background: linear-gradient(to left top, rgb(0,0,0) 0%, rgb(255,255,255) 100%);">
+</div>
+
+<textarea style="height:100px; margin:0; border:0;"></textarea>
+<script> </script>
+
+</div>
+</html>
diff --git a/layout/reftests/bugs/605157-1-ref.xhtml b/layout/reftests/bugs/605157-1-ref.xhtml
new file mode 100644
index 0000000000..cad35a5e76
--- /dev/null
+++ b/layout/reftests/bugs/605157-1-ref.xhtml
@@ -0,0 +1,8 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <style>body { color: green; }</style>
+</head>
+<body>
+This should be green.
+</body>
+</html>
diff --git a/layout/reftests/bugs/605157-1.xhtml b/layout/reftests/bugs/605157-1.xhtml
new file mode 100644
index 0000000000..112bcba1bc
--- /dev/null
+++ b/layout/reftests/bugs/605157-1.xhtml
@@ -0,0 +1,12 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+</head>
+<body>
+This should be green.
+<script>
+ <![CDATA[
+   document.head.innerHTML = "<style>body { color: green; }</style>";
+   ]]>
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/607267-1-ref.html b/layout/reftests/bugs/607267-1-ref.html
new file mode 100644
index 0000000000..e23c4dc2b4
--- /dev/null
+++ b/layout/reftests/bugs/607267-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+Some text on one line
diff --git a/layout/reftests/bugs/607267-1.html b/layout/reftests/bugs/607267-1.html
new file mode 100644
index 0000000000..1d53243101
--- /dev/null
+++ b/layout/reftests/bugs/607267-1.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+Some text <map></map> on one line
diff --git a/layout/reftests/bugs/608636-1-ref.html b/layout/reftests/bugs/608636-1-ref.html
new file mode 100644
index 0000000000..8f9c9f5619
--- /dev/null
+++ b/layout/reftests/bugs/608636-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html style="background:white">
+<body>
+<canvas id="b" style="position:absolute; left:0; top:0" width="20" height="20"></canvas>
+<div style="position:absolute; left:0; top:0; transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;"></div>
+<div style="position:absolute; left:-3px; top:-3px; transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div>
+<script>
+function fillCanvas(id) {
+  var ctx = document.getElementById(id).getContext("2d");
+  ctx.fillStyle = "black";
+  ctx.fillRect(0, 0, 10, 10);
+}
+fillCanvas("b");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/608636-1.html b/layout/reftests/bugs/608636-1.html
new file mode 100644
index 0000000000..6f54b53464
--- /dev/null
+++ b/layout/reftests/bugs/608636-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html style="background:white;">
+<body>
+<canvas id="b" style="position:absolute; left:0; top:0" width="20" height="20"></canvas>
+<div style="position:absolute; left:0; top:0; transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;">
+  <canvas id="c" style="display:block;" width="20" height="20"></canvas>
+</div>
+<div style="position:absolute; left:-3px; top:-3px; transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div>
+<script>
+function fillCanvas(id) {
+  var ctx = document.getElementById(id).getContext("2d");
+  ctx.fillStyle = "black";
+  ctx.fillRect(0, 0, 10, 10);
+}
+fillCanvas("c");
+fillCanvas("b");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/608756-1-ref.html b/layout/reftests/bugs/608756-1-ref.html
new file mode 100644
index 0000000000..d62c43d9ed
--- /dev/null
+++ b/layout/reftests/bugs/608756-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+<span style="border: 1px solid green;">Test<br>Test</span>
+</body>
diff --git a/layout/reftests/bugs/608756-1a.html b/layout/reftests/bugs/608756-1a.html
new file mode 100644
index 0000000000..aacca22b92
--- /dev/null
+++ b/layout/reftests/bugs/608756-1a.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    span { position: absolute; }
+  </style>
+</head>
+<body>
+<span></span>
+<span style="position: static; border: 1px solid green">Test<br>Test</span>
+</body>
diff --git a/layout/reftests/bugs/608756-1b.html b/layout/reftests/bugs/608756-1b.html
new file mode 100644
index 0000000000..98ffe0a809
--- /dev/null
+++ b/layout/reftests/bugs/608756-1b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    span { float: left; }
+  </style>
+</head>
+<body>
+<span></span>
+<span style="float: none; border: 1px solid green;">Test<br>Test</span>
+</body>
diff --git a/layout/reftests/bugs/608756-2-ref.html b/layout/reftests/bugs/608756-2-ref.html
new file mode 100644
index 0000000000..c68452f522
--- /dev/null
+++ b/layout/reftests/bugs/608756-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    span { float: left; border: 1px solid green }
+  </style>
+</head>
+<body>
+<span style="position: static; border: 1px solid green">Test<br>Test</span>
+</body>
diff --git a/layout/reftests/bugs/608756-2.html b/layout/reftests/bugs/608756-2.html
new file mode 100644
index 0000000000..558462b9d8
--- /dev/null
+++ b/layout/reftests/bugs/608756-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    span { position: absolute; float: left; }
+  </style>
+</head>
+<body>
+<span></span>
+<span style="position: static; border: 1px solid green">Test<br>Test</span>
+</body>
diff --git a/layout/reftests/bugs/609272-1-ref.html b/layout/reftests/bugs/609272-1-ref.html
new file mode 100644
index 0000000000..f057b7cf8b
--- /dev/null
+++ b/layout/reftests/bugs/609272-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  This text should show up
+</html>
diff --git a/layout/reftests/bugs/609272-1.html b/layout/reftests/bugs/609272-1.html
new file mode 100644
index 0000000000..b15df8abdb
--- /dev/null
+++ b/layout/reftests/bugs/609272-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="height: 0; overflow: hidden">
+  This text should show up
+</html>
diff --git a/layout/reftests/bugs/613433-1-ref.html b/layout/reftests/bugs/613433-1-ref.html
new file mode 100644
index 0000000000..f4a2ab3b6f
--- /dev/null
+++ b/layout/reftests/bugs/613433-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      div {
+        min-height: 36px;
+      }
+    </style>
+    <script>
+      function test() {
+        document.querySelector("div").focus();
+      }
+      function focusTriggered() {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="test()">
+    <div contenteditable onfocus="focusTriggered()"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/613433-1.html b/layout/reftests/bugs/613433-1.html
new file mode 100644
index 0000000000..cdb4b3948a
--- /dev/null
+++ b/layout/reftests/bugs/613433-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      div {
+        min-height: 36px;
+        overflow-x: auto;
+      }
+    </style>
+    <script>
+      function test() {
+        document.querySelector("div").focus();
+      }
+      function focusTriggered() {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="test()">
+    <div contenteditable onfocus="focusTriggered()"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/613433-2-ref.html b/layout/reftests/bugs/613433-2-ref.html
new file mode 100644
index 0000000000..7bb9d9f153
--- /dev/null
+++ b/layout/reftests/bugs/613433-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      div {
+        min-height: 36px;
+      }
+    </style>
+    <script>
+      function test() {
+        var d = document.querySelector("div");
+        d.appendChild(document.createTextNode(""));
+        d.focus();
+      }
+      function focusTriggered() {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="test()">
+    <div contenteditable onfocus="focusTriggered()"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/613433-2.html b/layout/reftests/bugs/613433-2.html
new file mode 100644
index 0000000000..9f962e2630
--- /dev/null
+++ b/layout/reftests/bugs/613433-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      div {
+        min-height: 36px;
+        overflow-y: auto;
+      }
+    </style>
+    <script>
+      function test() {
+        document.querySelector("div").focus();
+      }
+      function focusTriggered() {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="test()">
+    <div contenteditable onfocus="focusTriggered()"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/613433-3-ref.html b/layout/reftests/bugs/613433-3-ref.html
new file mode 100644
index 0000000000..dee9b61955
--- /dev/null
+++ b/layout/reftests/bugs/613433-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      div {
+        min-height: 36px;
+      }
+    </style>
+    <script>
+      function test() {
+        document.querySelector("div").focus();
+      }
+      function focusTriggered() {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="test()">
+    <div contenteditable onfocus="focusTriggered()"><br></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/613433-3.html b/layout/reftests/bugs/613433-3.html
new file mode 100644
index 0000000000..129419b781
--- /dev/null
+++ b/layout/reftests/bugs/613433-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      div {
+        min-height: 36px;
+        overflow: auto;
+      }
+    </style>
+    <script>
+      function test() {
+        document.querySelector("div").focus();
+      }
+      function focusTriggered() {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="test()">
+    <div contenteditable onfocus="focusTriggered()"></div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/614272-1-ref.svg b/layout/reftests/bugs/614272-1-ref.svg
new file mode 100644
index 0000000000..1d576a698a
--- /dev/null
+++ b/layout/reftests/bugs/614272-1-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+ <image xlink:href="solidblue.png" width="50" height="50" x="25" y="50"/>
+</svg>
diff --git a/layout/reftests/bugs/614272-1.svg b/layout/reftests/bugs/614272-1.svg
new file mode 100644
index 0000000000..898595a860
--- /dev/null
+++ b/layout/reftests/bugs/614272-1.svg
@@ -0,0 +1,44 @@
+<svg class="reftest-wait"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="setTimeout(go, 0);">
+<script>
+  function setMatrixForElem(id, matrix) {
+    var elem = document.getElementById(id);
+    elem.setAttribute("transform", "matrix("+matrix+")");
+  }
+
+  function go() {
+    // This moves image1 completely offscreen
+    setMatrixForElem("image1", "0.5 -1 0 1 0 -30");
+
+    // This flattens image2 to take up 0 space
+    setMatrixForElem("image2", "1    0 0 0 0 0");
+
+    // NOTE: The third image should be unaffected by the above
+    // and should still render.
+
+    document.documentElement.removeAttribute('class');
+  }
+</script>
+<defs>
+ <path id="P1" d="M 0   50 h50 v-50 h-50 z"/>
+ <path id="P2" d="M 50 100 h50 v-50 h-50 z"/>
+ <path id="P3" d="M 0  100 h50 v-50 h-50 z"/>
+ <clipPath id="Q1"><use x="25" xlink:href="#P1"/></clipPath>
+ <clipPath id="Q2"><use x="25" xlink:href="#P2"/></clipPath>
+ <clipPath id="Q3"><use x="25" xlink:href="#P3"/></clipPath>
+</defs>
+
+<image xlink:href="solidblue.png" id="image1"
+       width="100" height="100"
+       x="25"  clip-path="url(#Q1)"/>
+
+<image xlink:href="solidblue.png" id="image2"
+       width="100" height="100"
+       x="25" y="50" clip-path="url(#Q2)"/>
+
+<image xlink:href="solidblue.png"
+       width="100" height="100"
+       x="25" clip-path="url(#Q3)"/>
+</svg>
diff --git a/layout/reftests/bugs/615121-1-ref.html b/layout/reftests/bugs/615121-1-ref.html
new file mode 100644
index 0000000000..c1993abcfb
--- /dev/null
+++ b/layout/reftests/bugs/615121-1-ref.html
@@ -0,0 +1,22 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: schz;
+  src: url(../fonts/sil/ScheherazadeRegOT.ttf);
+}
+div {
+  font-family: schz;
+  font-size: 32px;
+  margin: 32px;
+}
+</style>
+</head>
+<body>
+<div>
+<p>The letter and diacritic should be hidden by the black box:<br>
+<span style="background:black;padding:0 .5em;margin-right:-1em;">
+</span>&nbsp;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/615121-1.html b/layout/reftests/bugs/615121-1.html
new file mode 100644
index 0000000000..93e0937af6
--- /dev/null
+++ b/layout/reftests/bugs/615121-1.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: schz;
+  src: url(../fonts/sil/ScheherazadeRegOT.ttf);
+}
+div {
+  font-family: schz;
+  font-size: 32px;
+  margin: 32px;
+}
+</style>
+</head>
+<body>
+<!-- test for bug 615121: flipped sign for diacritic y-offset
+     will make it project above the em-height box -->
+<div>
+<p>The letter and diacritic should be hidden by the black box:<br>
+<span style="background:black;padding:0 .5em;margin-right:-1em;">
+</span>&nbsp;&#x628;&#x651;&#x64c;&nbsp;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/615121-2-notref.html b/layout/reftests/bugs/615121-2-notref.html
new file mode 100644
index 0000000000..af23943c7c
--- /dev/null
+++ b/layout/reftests/bugs/615121-2-notref.html
@@ -0,0 +1,22 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: schz;
+  src: url(../fonts/sil/ScheherazadeRegOT.ttf);
+}
+div {
+  font-family: schz;
+  font-size: 32px;
+  margin: 32px;
+}
+</style>
+</head>
+<body>
+<div>
+<p>Diacritics should stack above the black box:<br>
+<span style="background:black;padding:0 .5em;margin-right:-1em;">
+</span>&nbsp;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/615121-2.html b/layout/reftests/bugs/615121-2.html
new file mode 100644
index 0000000000..7fb9e3791f
--- /dev/null
+++ b/layout/reftests/bugs/615121-2.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: schz;
+  src: url(../fonts/sil/ScheherazadeRegOT.ttf);
+}
+div {
+  font-family: schz;
+  font-size: 32px;
+  margin: 32px;
+}
+</style>
+</head>
+<body>
+<!-- test for bug 615121: diacritics should stack to project above the em-height;
+     sign error will make them overprint the base letter instead -->
+<div>
+<p>Diacritics should stack above the black box:<br>
+<span style="background:black;padding:0 .5em;margin-right:-1em;">
+</span>&nbsp;&#x679;&#x651;&#x64c;&#x610;&nbsp;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/617242-1-ref.html b/layout/reftests/bugs/617242-1-ref.html
new file mode 100644
index 0000000000..2cacadea1e
--- /dev/null
+++ b/layout/reftests/bugs/617242-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="border:1px solid black; width:200px; height:200px;">
+  <div style="background:blue; height:50px; margin-top:150px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/617242-1.html b/layout/reftests/bugs/617242-1.html
new file mode 100644
index 0000000000..c314627534
--- /dev/null
+++ b/layout/reftests/bugs/617242-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas id="c" width="200" height="200" style="border:1px solid black; transform:scaleY(-1);"></canvas>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "blue";
+ctx.fillRect(0, 0, 200, 50);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/618071-notref.html b/layout/reftests/bugs/618071-notref.html
new file mode 100644
index 0000000000..1ca77310d6
--- /dev/null
+++ b/layout/reftests/bugs/618071-notref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="0.8">
+<title>Testcase, bug 618071</title>
+
+<select size="5">
+  <option id="one">one</option>
+  <option id="two">two</option>
+  <option id="three">three</option>
+  <option id="four">four</option>
+  <option id="five">five</option>
+</select>
+
+<script>
+document.getElementById("three").parentNode.focus();
+</script>
diff --git a/layout/reftests/bugs/618071.html b/layout/reftests/bugs/618071.html
new file mode 100644
index 0000000000..298e5e621a
--- /dev/null
+++ b/layout/reftests/bugs/618071.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="0.8">
+<title>Testcase, bug 618071</title>
+
+<select size="5">
+  <option id="one">one</option>
+  <option id="two">two</option>
+  <option id="three">three</option>
+  <option id="four">four</option>
+  <option id="five">five</option>
+</select>
+
+<span id="s" style="display: inline-block; background: blue; height: 50px; width: 50px; margin-left: -2.5em;"></span>
+
+<script>
+document.getElementById("three").parentNode.focus();
+</script>
diff --git a/layout/reftests/bugs/619117-1-ref.html b/layout/reftests/bugs/619117-1-ref.html
new file mode 100644
index 0000000000..023669dd61
--- /dev/null
+++ b/layout/reftests/bugs/619117-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  position: absolute;
+  padding: 2px;
+  left: 100px;
+  top: 700px;
+  width: 100px;
+  height: 100px;
+  background: yellow;
+  transform: translate(0, -400px);
+  transform: translate(0, -400px);
+}
+</style>
+</head>
+<body>
+<div>Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/619117-1.html b/layout/reftests/bugs/619117-1.html
new file mode 100644
index 0000000000..adf5841fbb
--- /dev/null
+++ b/layout/reftests/bugs/619117-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+div {
+  position: absolute;
+  padding: 2px;
+  left: 100px;
+  top: 700px;
+  width: 100px;
+  height: 100px;
+  background: yellow;
+  transform: scale(1.5);
+  transform: scale(1.5);
+}
+body.toggle div {
+  transform: translate(0, -400px);
+  transform: translate(0, -400px);
+}
+</style>
+</head>
+<body>
+<div>Hello</div>
+<script>
+function doTest() {
+  document.body.setAttribute("class", "toggle");
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/619511-1-ref.html b/layout/reftests/bugs/619511-1-ref.html
new file mode 100644
index 0000000000..9e9476486c
--- /dev/null
+++ b/layout/reftests/bugs/619511-1-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dl1;
+  src: url(../fonts/DeLarge/DeLarge.woff);
+}
+body {
+  font-family: dl1, serif;
+  font-size: 36px;
+  line-height: 2em;
+  letter-spacing: 3px;
+}
+</style>
+</head>
+<body>
+<p>foobar</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/619511-1.html b/layout/reftests/bugs/619511-1.html
new file mode 100644
index 0000000000..6c22292140
--- /dev/null
+++ b/layout/reftests/bugs/619511-1.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dl1;
+  src: url(../fonts/DeLarge/DeLarge.woff);
+}
+body {
+  font-family: dl1, serif;
+  font-size: 36px;
+  line-height: 2em;
+  letter-spacing: 3px;
+}
+</style>
+</head>
+<body>
+<p>foo&zwj;bar</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-1-externalFilter.html b/layout/reftests/bugs/621253-1-externalFilter.html
new file mode 100644
index 0000000000..ecc0aea23e
--- /dev/null
+++ b/layout/reftests/bugs/621253-1-externalFilter.html
@@ -0,0 +1,20 @@
+<html class="reftest-wait"
+      reftest-zoom="0.5">
+<head>
+<script>
+  function doTest() {
+    var iframe = document.getElementsByTagName("iframe")[0];
+    iframe.setAttribute("onload", "snapshot()");
+    iframe.contentWindow.location.reload();
+  }
+
+  function snapshot() {
+    document.documentElement.removeAttribute("class");
+  }
+</script>
+</head>
+<body onload="doTest()" style="margin: 0">
+<iframe scrolling="no" src="621253-helper-externalFilter.xhtml"
+	style="border: 0"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-1-internalFilter.html b/layout/reftests/bugs/621253-1-internalFilter.html
new file mode 100644
index 0000000000..a561b103e2
--- /dev/null
+++ b/layout/reftests/bugs/621253-1-internalFilter.html
@@ -0,0 +1,20 @@
+<html class="reftest-wait"
+      reftest-zoom="0.5">
+<head>
+<script>
+  function doTest() {
+    var iframe = document.getElementsByTagName("iframe")[0];
+    iframe.setAttribute("onload", "snapshot()");
+    iframe.contentWindow.location.reload();
+  }
+
+  function snapshot() {
+    document.documentElement.removeAttribute("class");
+  }
+</script>
+</head>
+<body onload="doTest()" style="margin: 0">
+<iframe src="621253-helper-internalFilter.xhtml"
+	style="border: 0; overflow: hidden"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-1-ref.html b/layout/reftests/bugs/621253-1-ref.html
new file mode 100644
index 0000000000..ad19623688
--- /dev/null
+++ b/layout/reftests/bugs/621253-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body style="margin: 0">
+  <div style="background: black;
+              width: 50px; height: 50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-2-externalFilter.html b/layout/reftests/bugs/621253-2-externalFilter.html
new file mode 100644
index 0000000000..93d97fbb29
--- /dev/null
+++ b/layout/reftests/bugs/621253-2-externalFilter.html
@@ -0,0 +1,20 @@
+<html class="reftest-wait"
+      reftest-zoom="1.5">
+<head>
+<script>
+  function doTest() {
+    var iframe = document.getElementsByTagName("iframe")[0];
+    iframe.setAttribute("onload", "snapshot()");
+    iframe.contentWindow.location.reload();
+  }
+
+  function snapshot() {
+    document.documentElement.removeAttribute("class");
+  }
+</script>
+</head>
+<body onload="doTest()" style="margin: 0">
+<iframe scrolling="no" src="621253-helper-externalFilter.xhtml"
+	style="border: 0"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-2-internalFilter.html b/layout/reftests/bugs/621253-2-internalFilter.html
new file mode 100644
index 0000000000..b8a49ab0ad
--- /dev/null
+++ b/layout/reftests/bugs/621253-2-internalFilter.html
@@ -0,0 +1,20 @@
+<html class="reftest-wait"
+      reftest-zoom="1.5">
+<head>
+<script>
+  function doTest() {
+    var iframe = document.getElementsByTagName("iframe")[0];
+    iframe.setAttribute("onload", "snapshot()");
+    iframe.contentWindow.location.reload();
+  }
+
+  function snapshot() {
+    document.documentElement.removeAttribute("class");
+  }
+</script>
+</head>
+<body onload="doTest()" style="margin: 0">
+<iframe src="621253-helper-internalFilter.xhtml"
+	style="border: 0; overflow: hidden"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-2-ref.html b/layout/reftests/bugs/621253-2-ref.html
new file mode 100644
index 0000000000..6fcf0bbeb1
--- /dev/null
+++ b/layout/reftests/bugs/621253-2-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body style="margin: 0">
+  <div style="background: black;
+              width: 150px; height: 150px"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-helper-externalFilter.xhtml b/layout/reftests/bugs/621253-helper-externalFilter.xhtml
new file mode 100644
index 0000000000..b74d6152d6
--- /dev/null
+++ b/layout/reftests/bugs/621253-helper-externalFilter.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body style="margin: 0px">
+  <div style="filter: url(../filters.svg#NonWhiteToBlack);
+              background: lime;
+              height: 100px; width: 100px">
+  </div>
+  <svg xmlns="http://www.w3.org/2000/svg"
+       xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- use an empty g to force filters.svg to load before onload -->
+    <use xlink:href="../filters.svg#empty" />
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621253-helper-internalFilter.xhtml b/layout/reftests/bugs/621253-helper-internalFilter.xhtml
new file mode 100644
index 0000000000..7625a16a38
--- /dev/null
+++ b/layout/reftests/bugs/621253-helper-internalFilter.xhtml
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body style="margin: 0px">
+  <svg xmlns="http://www.w3.org/2000/svg" style="display: block; height: 0px">
+    <defs>
+      <!-- Copied verbatim from layout/reftests/filters.svg: -->
+      <filter id="NonWhiteToBlack" x="0%" y="0%" width="100%" height="100%">
+        <feComponentTransfer>
+          <feFuncR type="linear" slope="-1" intercept="1" />
+          <feFuncG type="linear" slope="-1" intercept="1" />
+          <feFuncB type="linear" slope="-1" intercept="1" />
+        </feComponentTransfer>
+        <feColorMatrix type="matrix" values="255 255 255 0 0
+                                             255 255 255 0 0
+                                             255 255 255 0 0
+                                             0 0 0 1 0" />
+        <feComponentTransfer>
+          <feFuncR type="linear" slope="-1" intercept="1" />
+          <feFuncG type="linear" slope="-1" intercept="1" />
+          <feFuncB type="linear" slope="-1" intercept="1" />
+        </feComponentTransfer>
+      </filter>
+    </defs>
+  </svg>
+  <div style="filter: url(#NonWhiteToBlack);
+              background: lime;
+              height: 100px; width: 100px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/621918-1-ref.svg b/layout/reftests/bugs/621918-1-ref.svg
new file mode 100644
index 0000000000..995a4bbfd3
--- /dev/null
+++ b/layout/reftests/bugs/621918-1-ref.svg
@@ -0,0 +1,10 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   height="800px"
+   width="800px">
+  <text style="font-size:48px;" transform="translate(40,100)">
+    <tspan>Fire&#x301;fo&#x302;x</tspan></text>
+  <text style="font-size:48px;" transform="translate(40,140) rotate(45)">
+    <tspan>Fire&#x301;fo&#x302;x</tspan></text>
+</svg>
diff --git a/layout/reftests/bugs/621918-1.svg b/layout/reftests/bugs/621918-1.svg
new file mode 100644
index 0000000000..821c24f5e0
--- /dev/null
+++ b/layout/reftests/bugs/621918-1.svg
@@ -0,0 +1,11 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   height="800px"
+   width="800px">
+  <text style="font-size:48px;" transform="translate(40,100)">
+    <tspan>Fire&#x301;fo&#x302;x</tspan></text>
+  <path id="path1" d="M 0,0 L 500,500"/>
+  <text style="font-size:48px;" transform="translate(40,140)"><textPath xlink:href="#path1">
+    <tspan>Fire&#x301;fo&#x302;x</tspan></textPath></text>
+</svg>
diff --git a/layout/reftests/bugs/621918-2-ref.svg b/layout/reftests/bugs/621918-2-ref.svg
new file mode 100644
index 0000000000..eb789dd483
--- /dev/null
+++ b/layout/reftests/bugs/621918-2-ref.svg
@@ -0,0 +1,17 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   height="800px"
+   width="800px">
+
+ <!-- use an empty g to force filters.svg to load before onload -->
+ <use xlink:href="../filters.svg#empty" />
+
+ <g filter="url(../filters.svg#NonWhiteToBlack)">
+  <rect x="0" y="0" height="100%" width="100%" fill="#FFFFFF"/>
+  <text style="font-size:12px;" transform="translate(40,100)">
+    <tspan>स्वतन्त्रता और समानता प्राप्त</tspan></text>
+  <text style="font-size:12px;" transform="translate(40,140) rotate(45)">
+    <tspan>स्वतन्त्रता और समानता प्राप्त</tspan></text>
+ </g>
+</svg>
diff --git a/layout/reftests/bugs/621918-2.svg b/layout/reftests/bugs/621918-2.svg
new file mode 100644
index 0000000000..b89f4377ec
--- /dev/null
+++ b/layout/reftests/bugs/621918-2.svg
@@ -0,0 +1,20 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   height="800px"
+   width="800px">
+
+ <!-- use an empty g to force filters.svg to load before onload -->
+ <use xlink:href="../filters.svg#empty" />
+
+ <!-- filters.svg#NonWhiteToBlack is used here to mask antialiasing
+      issues where glyphs touch -->
+ <g filter="url(../filters.svg#NonWhiteToBlack)">
+  <rect x="0" y="0" height="100%" width="100%" fill="#FFFFFF"/>
+  <text style="font-size:12px;" transform="translate(40,100)">
+    <tspan>स्वतन्त्रता और समानता प्राप्त</tspan></text>
+  <path id="path1" d="M 0,0 L 500,500"/>
+  <text style="font-size:12px;" transform="translate(40,140)"><textPath xlink:href="#path1">
+    <tspan>स्वतन्त्रता और समानता प्राप्त</tspan></textPath></text>
+ </g>
+</svg>
diff --git a/layout/reftests/bugs/622585-1-ref.html b/layout/reftests/bugs/622585-1-ref.html
new file mode 100644
index 0000000000..7fdc1d9a89
--- /dev/null
+++ b/layout/reftests/bugs/622585-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><style>
+	#rot {
+		width: 300px; /* the div is partially outside of the viewport */
+		height: 300px;
+		background: red;
+		position: absolute;
+		left: -150px;
+		top: -150px;
+	}
+</style>
+</head><body><div style="transform: rotate(72deg);" id="rot"></div>
+<script>
+</script></body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/622585-1.html b/layout/reftests/bugs/622585-1.html
new file mode 100644
index 0000000000..4d42dc9344
--- /dev/null
+++ b/layout/reftests/bugs/622585-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><style>
+	#rot {
+		width: 300px; /* the div is partially outside of the viewport */
+		height: 300px;
+		background: red;
+		position: absolute;
+		left: -150px;
+		top: -150px;
+	}
+</style>
+</head><body><div style="transform: rotate(72deg);" id="rot">
+    <canvas width="1" height="1" id="c" style="display:block"></canvas>
+</div>
+<script>
+</script></body></html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/625409-1-ref.html b/layout/reftests/bugs/625409-1-ref.html
new file mode 100644
index 0000000000..c1f18659c5
--- /dev/null
+++ b/layout/reftests/bugs/625409-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:rgb(0,0,0);">
+  <div style="position:fixed;left:0;top:0;width:200px;height:300px;background:rgba(255,255,255,0.5);">
+    <div style="margin-top:200px;height:100px;background:rgb(0,0,0);"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/625409-1.html b/layout/reftests/bugs/625409-1.html
new file mode 100644
index 0000000000..55340a4b43
--- /dev/null
+++ b/layout/reftests/bugs/625409-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:rgb(0,0,0);">
+  <div style="position:fixed;left:0;top:0;width:200px;height:200px;background:rgba(255,255,255,0.5);"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/627393-1.html b/layout/reftests/bugs/627393-1.html
new file mode 100644
index 0000000000..95e3b81d29
--- /dev/null
+++ b/layout/reftests/bugs/627393-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="d" style="background:black; width:300px; height:300px; opacity:0.5;"></div>
+<script>
+function doTest() {
+  document.getElementById('d').style.opacity = 0.001;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/630835-1.html b/layout/reftests/bugs/630835-1.html
new file mode 100644
index 0000000000..e877e4adf5
--- /dev/null
+++ b/layout/reftests/bugs/630835-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+#d {
+    background: red;
+    position: absolute;
+    top: 8px;
+    left: 8px;
+    height: 200px;
+    width: 800px;
+    transform: rotate(40deg);
+}
+#d2 {
+    background: white;
+    position: absolute;
+    top: 6px;
+    left: 6px;
+    height: 204px;
+    width: 804px;
+    transform: rotate(45deg);
+}
+</style>
+</head>
+<body>
+<script>
+function doTest() {
+  // The first rotation here makes the transform active. The second rotation
+  // sets it back where it belongs.
+  var d = document.getElementById("d");
+  d.style.transform = 'rotate(45deg)';
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+<div id="d">test</div>
+<!-- d2 covers up d completely so that we don't get a reftest failure due to a difference
+     between the rendering of an 'active transform' (transformed via layers) vs an inactive
+     transform (transformed via D2D or cairo) -->
+<div id="d2">test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/631352-1-ref.html b/layout/reftests/bugs/631352-1-ref.html
new file mode 100644
index 0000000000..4a375d4ba3
--- /dev/null
+++ b/layout/reftests/bugs/631352-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>This text should be visible</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/631352-1.html b/layout/reftests/bugs/631352-1.html
new file mode 100644
index 0000000000..197e0aadc9
--- /dev/null
+++ b/layout/reftests/bugs/631352-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div:not(:lang(foo)) { display: none; }
+    </style>
+  </head>
+  <body onload="document.body.offsetWidth; document.body.lang = 'foo'">
+    <div>This text should be visible</div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/632781-normalsize.html b/layout/reftests/bugs/632781-normalsize.html
new file mode 100644
index 0000000000..0d5ab8958b
--- /dev/null
+++ b/layout/reftests/bugs/632781-normalsize.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <!--
+      This test makes sure that scrolling a normal sized canvas would correctly
+      scroll its contents.  Normal sized canvases are accelerated, so this test
+      makes sure that the accelerated code path for this operaton works correctly.
+
+      The padding in this test is added mostly to make sure that scrollLeft/Top
+      correctly skip the padding.
+    -->
+    <div id="container" style="width: 100px; height: 100px; padding: 10px; overflow: hidden">
+      <canvas width="300" height="300" id="c"></canvas>
+    </div>
+    <script>
+      var ctx = document.getElementById("c").getContext("2d");
+      ctx.fillStyle = "red";
+      ctx.fillRect(0, 0, 300, 100);
+      ctx.fillStyle = "green";
+      ctx.fillRect(0, 100, 300, 200);
+      var container = document.getElementById("container");
+      container.scrollLeft = 10;
+      container.scrollTop = 110;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/632781-ref.html b/layout/reftests/bugs/632781-ref.html
new file mode 100644
index 0000000000..30b26fa5b3
--- /dev/null
+++ b/layout/reftests/bugs/632781-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="width: 120px; height: 120px; overflow: hidden">
+      <canvas width="120" height="120" id="c"></canvas>
+    </div>
+    <script>
+      var ctx = document.getElementById("c").getContext("2d");
+      ctx.fillStyle = "green";
+      ctx.fillRect(0, 0, 120, 120);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/632781-verybig.html b/layout/reftests/bugs/632781-verybig.html
new file mode 100644
index 0000000000..5ba1db9a86
--- /dev/null
+++ b/layout/reftests/bugs/632781-verybig.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <!--
+      This test makes sure that scrolling a huge canvas would correctly scroll
+      its contents.  We don't accelerate extremely large canvases because of
+      GPU maximum texture size limits, so this test makes sure that the
+      non-accelerated code path for this operation works correctly.
+
+      The padding in this test is added mostly to make sure that scrollLeft/Top
+      correctly skip the padding.
+    -->
+    <div id="container" style="width: 100px; height: 100px; padding: 10px; overflow: hidden">
+      <canvas width="10000" height="120" id="c"></canvas>
+    </div>
+    <script>
+      var ctx = document.getElementById("c").getContext("2d");
+      ctx.fillStyle = "red";
+      ctx.fillRect(0, 0, 10000, 5000);
+      ctx.fillStyle = "green";
+      ctx.fillRect(5000, 0, 10000, 5000);
+      var container = document.getElementById("container");
+      container.scrollLeft = 5010;
+      container.scrollTop = 10;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/633344-1-ref.html b/layout/reftests/bugs/633344-1-ref.html
new file mode 100644
index 0000000000..91960fc34a
--- /dev/null
+++ b/layout/reftests/bugs/633344-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.outer {
+  background:yellow;
+  position:absolute;
+  left:100px;
+  top:100px;
+  width:420px;
+  height:140px;
+  line-height:28px;
+}
+.inner {
+  float:left;
+  width:140px;
+  height:15.4px;
+  background:black;
+}
+canvas {
+  display:block;
+  float:left;
+}
+</style>
+</head>
+<body>
+<div class="outer"><div class="inner"></div><canvas id="c" width="10" height="10" style="width:14px; height:14px;"></canvas></div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 10, 10);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/633344-1.html b/layout/reftests/bugs/633344-1.html
new file mode 100644
index 0000000000..2713a6db4d
--- /dev/null
+++ b/layout/reftests/bugs/633344-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.outer {
+  background:yellow;
+  position:absolute;
+  left:100px;
+  top:100px;
+  width:300px;
+  height:100px;
+  transform:scale(1.4);
+  transform-origin:top left;
+  transform:scale(1.4);
+  transform-origin:top left;
+}
+.inner {
+  float:left;
+  width:100px;
+  height:11px;
+  background:black;
+}
+canvas {
+  display:block;
+  float:left;
+}
+</style>
+</head>
+<body>
+<div class="outer"><div class="inner"></div><canvas id="c" width="10" height="10"></canvas></div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 10, 10);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/634232-1-ref.html b/layout/reftests/bugs/634232-1-ref.html
new file mode 100644
index 0000000000..b3acc12cf4
--- /dev/null
+++ b/layout/reftests/bugs/634232-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+    .wackeddiv {
+        position: absolute;
+        left: 20px;
+        top: 20px;
+        width: 50px;
+        height: 50px;
+        border: 2px solid highlight;
+        background-color: transparent;
+    }
+    
+    .posabssemitransparentblack {
+        position:absolute;
+        left: 0px;
+        top: 50px;
+        width: 100px;
+        height: 100px;
+        background: lime;
+        opacity: 0.1;
+    }
+</style>
+</head>
+<body>
+    <div class="posabssemitransparentblack"></div>
+    <div class="wackeddiv"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/634232-1.html b/layout/reftests/bugs/634232-1.html
new file mode 100644
index 0000000000..d85b032021
--- /dev/null
+++ b/layout/reftests/bugs/634232-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+    .wackeddiv {
+        position: fixed;
+        left: 20px;
+        top: 20px;
+        width: 50px;
+        height: 50px;
+        border: 2px solid highlight;
+        background-color: transparent;
+        transform: rotate(90deg); 
+    }
+    
+    .posabssemitransparentblack {
+        position:absolute;
+        left: 0px;
+        top: 50px;
+        width: 100px;
+        height: 100px;
+        background: lime;
+        opacity: 0.1;
+    }
+</style>
+</head>
+<body>
+    <div class="posabssemitransparentblack"></div>
+    <div class="wackeddiv"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635302-1-ref.html b/layout/reftests/bugs/635302-1-ref.html
new file mode 100644
index 0000000000..9421f50575
--- /dev/null
+++ b/layout/reftests/bugs/635302-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+#outer {
+    opacity: 0.8;
+    background-color:red;
+    width: 200px;
+}
+
+#inner {
+    opacity: 0.6;
+    background-color:white;
+    color:white;
+}
+
+</style>
+</head>
+<body>
+  <div id="outer">
+    <div style="width:200px; height:200px; background:black;"></div>
+    <div id="inner">
+      <div style="width:200px; height:200px; background:black;"></div>
+      <div style="width:200px; height:200px; background:rgb(50,50,50);"></div>
+    </div>
+  </div>
+</body></html>
+
diff --git a/layout/reftests/bugs/635302-1.html b/layout/reftests/bugs/635302-1.html
new file mode 100644
index 0000000000..1834924797
--- /dev/null
+++ b/layout/reftests/bugs/635302-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+#outer {
+    opacity: 0.8;
+    background-color:red;
+    width: 200px;
+}
+
+#inner {
+    opacity: 0.6;
+    background-color:black;
+    color:white;
+}
+
+</style>
+</head>
+<body>
+  <div id="outer">
+    <canvas width="200" height="200" style="display:block;" id="c1"></canvas>
+    <div id="inner">
+      <canvas width="200" height="400" style="display:block;" id="c2"></canvas>
+    </div>
+  </div>
+
+
+<script>
+var ctx = document.getElementById("c1").getContext("2d");
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 200, 200);
+var ctx = document.getElementById("c2").getContext("2d");
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 200, 200);
+ctx.fillStyle = "rgb(50,50,50)";
+ctx.fillRect(0, 200, 200, 200);
+</script>
+
+</body></html>
diff --git a/layout/reftests/bugs/635373-1-ref.html b/layout/reftests/bugs/635373-1-ref.html
new file mode 100644
index 0000000000..d36beaf579
--- /dev/null
+++ b/layout/reftests/bugs/635373-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { background:white; }
+#d {
+	position:absolute;
+	top:200px;
+	left:200px;
+    font-size:30px;
+    transform:rotate(30deg);
+    transform:rotate(30deg);
+    background:url(100x80-white-rect-top-right.png);
+}
+canvas { display:block; }
+span { display:block; background:rgb(200,200,200); height:40px; }
+</style>
+</head>
+<body>
+<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
+<span style="width:100px;"></span>
+</div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(5,5,5,5);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635373-1.html b/layout/reftests/bugs/635373-1.html
new file mode 100644
index 0000000000..68e1ab7864
--- /dev/null
+++ b/layout/reftests/bugs/635373-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing compositing of opaque layer with complex visible region</title>
+<style>
+body { background:white; }
+#d {
+	position:absolute;
+	top:200px;
+	left:200px;
+    font-size:30px;
+    transform:rotate(30deg);
+    transform:rotate(30deg);
+}
+canvas { display:block; }
+span { display:block; background:rgb(200,200,200); height:40px; }
+</style>
+</head>
+<body>
+<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
+<span style="width:100px;"></span>
+</div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(5,5,5,5);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635373-2-ref.html b/layout/reftests/bugs/635373-2-ref.html
new file mode 100644
index 0000000000..b105f6cf56
--- /dev/null
+++ b/layout/reftests/bugs/635373-2-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing compositing of translucent layer with complex visible region</title>
+<style>
+body { background:white; }
+#d {
+	position:absolute;
+	top:200px;
+	left:200px;
+    font-size:30px;
+    transform:rotate(30deg);
+    transform:rotate(30deg);
+    background:url(100x80-white-rect-top-right.png);
+}
+canvas { display:block; }
+span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
+</style>
+</head>
+<body>
+<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
+<span style="width:100px;"></span>
+</div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(5,5,5,5);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635373-2.html b/layout/reftests/bugs/635373-2.html
new file mode 100644
index 0000000000..e89b2b3123
--- /dev/null
+++ b/layout/reftests/bugs/635373-2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing compositing of translucent layer with complex visible region</title>
+<style>
+body { background:white; }
+#d {
+	position:absolute;
+	top:200px;
+	left:200px;
+    font-size:30px;
+    transform:rotate(30deg);
+    transform:rotate(30deg);
+}
+canvas { display:block; }
+span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
+</style>
+</head>
+<body>
+<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
+<span style="width:100px;"></span>
+</div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(5,5,5,5);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635373-3-ref.html b/layout/reftests/bugs/635373-3-ref.html
new file mode 100644
index 0000000000..71b1eed1e2
--- /dev/null
+++ b/layout/reftests/bugs/635373-3-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing compositing of component alpha layer with complex visible region</title>
+<style>
+body { background:white; }
+#d {
+	position:absolute;
+	top:200px;
+	left:200px;
+    font-size:30px;
+    transform:rotate(30deg);
+    transform:rotate(30deg);
+    background:url(100x80-white-rect-top-right.png);
+}
+canvas { display:block; }
+span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
+</style>
+</head>
+<body>
+<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas>XYZ</span>
+<span style="width:100px;"></span>
+</div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(5,5,5,5);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635373-3.html b/layout/reftests/bugs/635373-3.html
new file mode 100644
index 0000000000..c440a19f8c
--- /dev/null
+++ b/layout/reftests/bugs/635373-3.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing compositing of component alpha layer with complex visible region</title>
+<style>
+body { background:white; }
+#d {
+	position:absolute;
+	top:200px;
+	left:200px;
+    font-size:30px;
+    transform:rotate(30deg);
+    transform:rotate(30deg);
+}
+canvas { display:block; }
+span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
+</style>
+</head>
+<body>
+<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas>XYZ</span>
+<span style="width:100px;"></span>
+</div>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(5,5,5,5);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635639-1-ref.html b/layout/reftests/bugs/635639-1-ref.html
new file mode 100644
index 0000000000..d9e3d1b1cb
--- /dev/null
+++ b/layout/reftests/bugs/635639-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dvsm;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+body {
+  font-family: dvsm;
+}
+</style>
+</head>
+<body>
+<p>foo <span style="color:white">xyzzy</span> bar</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635639-1.html b/layout/reftests/bugs/635639-1.html
new file mode 100644
index 0000000000..6405a4e628
--- /dev/null
+++ b/layout/reftests/bugs/635639-1.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dvsm;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+body {
+  font-family: dvsm;
+}
+</style>
+</head>
+<body>
+<p>foo <span style="color:white">x&#x301;y&#x302;z&#x303;z&#x304;y</span> bar</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635639-2-ref.html b/layout/reftests/bugs/635639-2-ref.html
new file mode 100644
index 0000000000..6d3a5b491b
--- /dev/null
+++ b/layout/reftests/bugs/635639-2-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dvsm;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+body {
+  font-family: dvsm;
+}
+</style>
+</head>
+<body>
+<p>foo <span style="color:white">&#x628;&#x633;&#x645; &#x671;&#x644;&#x644;&#x647;</span> bar</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/635639-2.html b/layout/reftests/bugs/635639-2.html
new file mode 100644
index 0000000000..0852d41bd6
--- /dev/null
+++ b/layout/reftests/bugs/635639-2.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dvsm;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+body {
+  font-family: dvsm;
+}
+</style>
+</head>
+<body>
+<p>foo <span style="color:white">&#x628;&#x650;&#x633;&#x652;&#x645;&#x650; &#x671;&#x644;&#x644;&#x647;&#x650;</span> bar</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/637597-1-ref.html b/layout/reftests/bugs/637597-1-ref.html
new file mode 100644
index 0000000000..a52c15944d
--- /dev/null
+++ b/layout/reftests/bugs/637597-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+#parent {
+  position: absolute;
+  top: 100.8px;
+  transform: scale(1.1232,1.1232);
+  transform: scale(1.1232,1.1232);
+}
+#b1 {
+  position: absolute;
+  width: 100px;
+  height: 109px;
+  background: #c00;
+  transform: translate(100px,100px);
+  transform: translate(100px,100px);
+}
+#b2 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: white;
+  transform: translate(400px,0);
+  transform: translate(400px,0);
+}
+</style>
+</head>
+<body>
+<div id="parent">
+  <div id="b1"></div>
+  <div id="b2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/637597-1.html b/layout/reftests/bugs/637597-1.html
new file mode 100644
index 0000000000..92fd056ad1
--- /dev/null
+++ b/layout/reftests/bugs/637597-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+html { background:white; }
+#parent {
+  position: absolute;
+  top: 100.8px;
+  transform: scale(1.1232,1.1232);
+  transform: scale(1.1232,1.1232);
+}
+#b1 {
+  position: absolute;
+  width: 100px;
+  height: 109px;
+  background: #c00;
+  transform: translate(100px,100px);
+  transform: translate(100px,100px);
+}
+#b2 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: white;
+  transform: translate(400px,200px);
+  transform: translate(400px,200px);
+}
+#b2.done {
+  transform: translate(400px,0);
+  transform: translate(400px,0);
+}
+</style>
+</head>
+<body>
+<div id="parent">
+  <div id="b1"></div>
+  <div id="b2"></div>
+</div>
+<script>
+function doTest() {
+  document.getElementById('b2').setAttribute("class", "done");
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/637852-1-ref.html b/layout/reftests/bugs/637852-1-ref.html
new file mode 100644
index 0000000000..a273d24a68
--- /dev/null
+++ b/layout/reftests/bugs/637852-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body { margin-top:101px; }
+.outer {
+  transform:scale(1.4);
+  transform-origin:top left;
+  line-height:40px;
+}
+</style>
+</head>
+<body>
+<div class="outer"><div class="inner">Hello Kitty</div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/637852-1.html b/layout/reftests/bugs/637852-1.html
new file mode 100644
index 0000000000..ffd8b419f0
--- /dev/null
+++ b/layout/reftests/bugs/637852-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body { margin-top:100.9px; }
+.outer {
+  transform:scale(1.4);
+  transform-origin:top left;
+  line-height:40px;
+}
+</style>
+</head>
+<body>
+<div class="outer"><div class="inner">Hello Kitty</div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/637852-2-ref.html b/layout/reftests/bugs/637852-2-ref.html
new file mode 100644
index 0000000000..ea5da67d44
--- /dev/null
+++ b/layout/reftests/bugs/637852-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="transform:scale(0.5); transform-origin:top left; border:10px solid black; border-radius:20px;">
+<div style="width:100px; height:100px; background:yellow"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/637852-2.html b/layout/reftests/bugs/637852-2.html
new file mode 100644
index 0000000000..ea9e079bdb
--- /dev/null
+++ b/layout/reftests/bugs/637852-2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="transform:scale(0.5); transform-origin:top left; border:10px solid black; border-radius:20px;">
+<canvas width="100" height="100" id="c" style="display:block"></canvas>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext("2d");
+ctx.fillStyle = "yellow";
+ctx.fillRect(0, 0, c.width, c.height);
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/637852-3-ref.html b/layout/reftests/bugs/637852-3-ref.html
new file mode 100644
index 0000000000..b3e82984ad
--- /dev/null
+++ b/layout/reftests/bugs/637852-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="d" style="border:20px solid black; height:200px; width:200px;">
+  <div style="width:200px; height:50px; background:yellow"></div>
+  <div style="height:100px; background:blue;"></div>
+  <div style="height:50px; background:orange;"></div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/637852-3.html b/layout/reftests/bugs/637852-3.html
new file mode 100644
index 0000000000..e7a26ab8ca
--- /dev/null
+++ b/layout/reftests/bugs/637852-3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="d" style="transform:scale(2); transform-origin:top left; border:10px solid black; height:100px; width:100px; overflow:hidden">
+  <canvas width="100" height="100" id="c" style="display:block"></canvas>
+  <div style="height:50px; background:blue;"></div>
+  <div style="height:50px; background:orange;"></div>
+</div>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext("2d");
+ctx.fillStyle = "yellow";
+ctx.fillRect(0, 0, c.width, c.height);
+var d = document.getElementById("d");
+d.scrollTop = 75;
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/641770-1-ref.html b/layout/reftests/bugs/641770-1-ref.html
new file mode 100644
index 0000000000..fcbe8a905a
--- /dev/null
+++ b/layout/reftests/bugs/641770-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; background:green; width:1500px; height:1500px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/641770-1.html b/layout/reftests/bugs/641770-1.html
new file mode 100644
index 0000000000..fac0a4ea00
--- /dev/null
+++ b/layout/reftests/bugs/641770-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<img style="position:fixed; width:1500px;" src="repeatable-diagonal-gradient.png">
+<div style="position:absolute; background:green; width:1500px; height:1500px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/641856-1-ref.html b/layout/reftests/bugs/641856-1-ref.html
new file mode 100644
index 0000000000..6b14c62ef5
--- /dev/null
+++ b/layout/reftests/bugs/641856-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      p {
+        background:gold;
+	width: 24em;
+
+	          columns: 2;
+
+	        column-rule: solid;
+      }
+    </style>
+  </head>
+  <body>
+    <p>Some<br>text</p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/641856-1.html b/layout/reftests/bugs/641856-1.html
new file mode 100644
index 0000000000..152dc75816
--- /dev/null
+++ b/layout/reftests/bugs/641856-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      p {
+        background:gold;
+	width: 24em;
+        overflow: hidden;
+
+	          columns: 2;
+
+	        column-rule: solid;
+      }
+    </style>
+  </head>
+  <body>
+    <p>Some<br>text</p>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/645491-1-ref.html b/layout/reftests/bugs/645491-1-ref.html
new file mode 100644
index 0000000000..27adb2b12f
--- /dev/null
+++ b/layout/reftests/bugs/645491-1-ref.html
@@ -0,0 +1,6 @@
+<!-- This test needs to be in quirks mode -->
+<html>
+  <body style="color: green">
+    This should be green
+  </body>
+</html>
diff --git a/layout/reftests/bugs/645491-1.html b/layout/reftests/bugs/645491-1.html
new file mode 100644
index 0000000000..d301d2d0c5
--- /dev/null
+++ b/layout/reftests/bugs/645491-1.html
@@ -0,0 +1,12 @@
+<!-- This test needs to be in quirks mode -->
+<html>
+  <head>
+    <style>
+      body { color: red; }
+      body#foo { color: green; }
+    </style>
+  </head>
+  <body onload="document.body.offsetWidth; document.body.id = 'FOO'">
+    This should be green
+  </body>
+</html>
diff --git a/layout/reftests/bugs/645647-1-ref.html b/layout/reftests/bugs/645647-1-ref.html
new file mode 100644
index 0000000000..c35d5520f2
--- /dev/null
+++ b/layout/reftests/bugs/645647-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<body>
+    <div style="border: 1px solid green; width: -moz-fit-content">Some text</div>
+    <div style="border: 1px solid green; width: -moz-fit-content">Some text</div>
+</body>
diff --git a/layout/reftests/bugs/645647-1.html b/layout/reftests/bugs/645647-1.html
new file mode 100644
index 0000000000..6b8e76c4ab
--- /dev/null
+++ b/layout/reftests/bugs/645647-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<body>
+    <div style="display: list-item; list-style-type: none;
+               list-style-position: inside;
+               border: 1px solid green; width: -moz-fit-content">Some text</div>
+    <div style="display: list-item; list-style-type: none;
+               list-style-position: outside;
+               border: 1px solid green; width: -moz-fit-content">Some text</div>
+</body>
diff --git a/layout/reftests/bugs/645647-2-ref.html b/layout/reftests/bugs/645647-2-ref.html
new file mode 100644
index 0000000000..64690fd7ee
--- /dev/null
+++ b/layout/reftests/bugs/645647-2-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<htm><head>
+<style>
+.li {
+  background: red;
+  float: left;
+  line-height: 0;
+}
+
+.ul {
+  list-style-type: none;
+  list-style-position: inside;
+}
+</style>
+</head>
+<body>
+
+<pre>There should be no red areas.</pre>
+
+<div class="ul">
+    <div class="li"><a href="#">
+          <img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" height="75" width="75">
+        </a></div>
+</div>
+
+
+</body></html>
diff --git a/layout/reftests/bugs/645647-2.html b/layout/reftests/bugs/645647-2.html
new file mode 100644
index 0000000000..922e21161b
--- /dev/null
+++ b/layout/reftests/bugs/645647-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<htm><head>
+<style>
+.li {
+  display: list-item;
+  background: red;
+  float: left;
+  line-height: 0;
+}
+
+.ul {
+  list-style-type: none;
+  list-style-position: inside;
+}
+</style>
+</head>
+<body>
+
+<pre>There should be no red areas.</pre>
+
+<div class="ul">
+    <div class="li"><a href="#">
+          <img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" height="75" width="75">
+        </a></div>
+</div>
+
+
+</body></html>
diff --git a/layout/reftests/bugs/645768-1-ref.html b/layout/reftests/bugs/645768-1-ref.html
new file mode 100644
index 0000000000..94bcf3b3fc
--- /dev/null
+++ b/layout/reftests/bugs/645768-1-ref.html
@@ -0,0 +1,8 @@
+<!-- This test needs to be in quirks mode -->
+<body>
+  <div>
+    <table style="color: green">
+      <tr><td>This should be green</td></tr>
+    </table>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/645768-1.html b/layout/reftests/bugs/645768-1.html
new file mode 100644
index 0000000000..b649a8f56f
--- /dev/null
+++ b/layout/reftests/bugs/645768-1.html
@@ -0,0 +1,12 @@
+<!-- This test needs to be in quirks mode -->
+<body style="display: none; color: green">
+  <div style="color: red">
+    <table>
+      <tr><td>This should be green</td></tr>
+    </table>
+  </div>
+  <script>
+    document.body.offsetWidth;
+    document.body.style.display = "";
+  </script>
+</body>
diff --git a/layout/reftests/bugs/647-1-ref.html b/layout/reftests/bugs/647-1-ref.html
new file mode 100644
index 0000000000..83c50c2a44
--- /dev/null
+++ b/layout/reftests/bugs/647-1-ref.html
@@ -0,0 +1,22 @@
+<HTML><BODY>
+<table border>
+  <tr>
+  <td valign=top>
+    <center>
+      <TABLE BORDER=1 WIDTH=100>
+        <TR>
+        <TD>
+          <font size = "-2">
+            <center>
+              inside
+            </center>
+          </font>
+        </td>
+        </tr>
+      </table>
+      outside table
+    </center>
+  </td>
+  </tr>
+</table>
+</BODY></HTML>
diff --git a/layout/reftests/bugs/647-1.html b/layout/reftests/bugs/647-1.html
new file mode 100644
index 0000000000..1ae362d0d2
--- /dev/null
+++ b/layout/reftests/bugs/647-1.html
@@ -0,0 +1,22 @@
+<HTML><BODY>
+<table border>
+  <tr>
+  <td valign=top>
+    <center>
+      <TABLE BORDER=1 WIDTH=100>
+        <TR>
+        <TD>
+          <font size = "-2">
+            <center>
+              inside
+              </font>
+            </center>
+        </td>
+        </tr>
+      </table>
+      outside table
+    </center>
+  </td>
+  </tr>
+</table>
+</BODY></HTML>
diff --git a/layout/reftests/bugs/650228-1-ref.html b/layout/reftests/bugs/650228-1-ref.html
new file mode 100644
index 0000000000..2eb39ab490
--- /dev/null
+++ b/layout/reftests/bugs/650228-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="d1" style="width:100px; height:200px; background:lime;"></div>
+<div id="d2" style="width:100px; height:100px; background:cyan; opacity:0.4;">Hello Kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/650228-1.html b/layout/reftests/bugs/650228-1.html
new file mode 100644
index 0000000000..34384205a9
--- /dev/null
+++ b/layout/reftests/bugs/650228-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="d1" style="width:100px; height:100px; background:lime;"></div>
+<div id="d2" style="width:100px; height:100px; background:cyan; opacity:0.8;">Hello Kitty</div>
+<script>
+var d1 = document.getElementById("d1");
+var d2 = document.getElementById("d2");
+document.body.offsetTop;
+d1.style.height = "150px";
+d2.style.opacity = "0.6";
+function doTest() {
+  d1.style.height = "200px";
+  d2.style.opacity = 0.4;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/652301-1-ref.html b/layout/reftests/bugs/652301-1-ref.html
new file mode 100644
index 0000000000..c587207949
--- /dev/null
+++ b/layout/reftests/bugs/652301-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body onload='document.getElementById("focusme").focus();'>
+    <span id="focusme" tabindex="0"
+          onfocus="document.documentElement.className=''">Some text</span>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/652301-1a.html b/layout/reftests/bugs/652301-1a.html
new file mode 100644
index 0000000000..a9f8b00c46
--- /dev/null
+++ b/layout/reftests/bugs/652301-1a.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body onload='document.getElementById("focusme").focus();'>
+    <a id="focusme" tabindex="0"
+       onfocus="document.documentElement.className=''">Some text</a>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/652301-1b.html b/layout/reftests/bugs/652301-1b.html
new file mode 100644
index 0000000000..2643832e55
--- /dev/null
+++ b/layout/reftests/bugs/652301-1b.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body onload='document.getElementById("focusme").focus();'>
+    <nosuchtageverwillexist
+       id="focusme" tabindex="0"
+       onfocus="document.documentElement.className=''">Some text</nosuchtageverwillexist>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/652775-1-ref.html b/layout/reftests/bugs/652775-1-ref.html
new file mode 100644
index 0000000000..3017a11099
--- /dev/null
+++ b/layout/reftests/bugs/652775-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body style="width: 0px">
+  <fieldset>
+    <legend style="white-space:normal">There is some longish text here; there really is</legend>
+  </fieldset>
+</body>
diff --git a/layout/reftests/bugs/652775-1.html b/layout/reftests/bugs/652775-1.html
new file mode 100644
index 0000000000..435302da83
--- /dev/null
+++ b/layout/reftests/bugs/652775-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body style="width: 0px">
+  <fieldset>
+    <legend>There is some longish text here; there really is</legend>
+  </fieldset>
+</body>
diff --git a/layout/reftests/bugs/652991-1-ref.html b/layout/reftests/bugs/652991-1-ref.html
new file mode 100644
index 0000000000..bc6145d366
--- /dev/null
+++ b/layout/reftests/bugs/652991-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <svg width="200" height="200">
+    <defs>
+      <pattern id="pattern-id" x="0" y="0" patternUnits="userSpaceOnUse" height="200" width="200">
+      <rect width="200" height="200" style="fill:rgb(0,0,255)" />
+      </pattern>
+    </defs>
+    <circle id="circle" cx="101" cy="101" r="50" fill="url(#pattern-id)" stroke="#000"/>
+  </svg>
+</html>
diff --git a/layout/reftests/bugs/652991-1a.html b/layout/reftests/bugs/652991-1a.html
new file mode 100644
index 0000000000..4dfed12b78
--- /dev/null
+++ b/layout/reftests/bugs/652991-1a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg width="200" height="200">
+    <defs>
+      <pattern id="pattern-id" x="0" y="0" patternUnits="userSpaceOnUse" height="200" width="200">
+        <rect width="200" height="200" style="fill:rgb(0,0,255)" />
+      </pattern>
+    </defs>
+    <circle id="drawPath" cx="101" cy="101" r="50" fill="url(#pattern-id)" stroke="#000">
+    </circle>
+  </svg>
+  <script>
+  function doTest() {
+    window.history.pushState(null, "", "new-page");
+
+    drawPath.style.display = "none";
+    window.setTimeout(() => {
+      drawPath.style.display = "inline";
+      document.documentElement.removeAttribute('class');
+    }, 0);
+  }
+
+  drawPath = document.getElementById("drawPath");
+  window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</html>
diff --git a/layout/reftests/bugs/652991-1b.html b/layout/reftests/bugs/652991-1b.html
new file mode 100644
index 0000000000..32ea91b843
--- /dev/null
+++ b/layout/reftests/bugs/652991-1b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg width="200" height="200">
+    <defs>
+      <pattern id="pattern-id" x="0" y="0" patternUnits="userSpaceOnUse" height="200" width="200">
+        <rect width="200" height="200" style="fill:rgb(0,0,255)" />
+      </pattern>
+    </defs>
+    <circle id="drawPath" cx="101" cy="101" r="50" style="fill: url(&quot;#pattern-id&quot;);" stroke="#000">
+    </circle>
+  </svg>
+  <script>
+  function doTest() {
+    window.history.pushState(null, "", "new-page");
+
+    drawPath.style.display = "none";
+    window.setTimeout(() => {
+      drawPath.style.display = "inline";
+      document.documentElement.removeAttribute('class');
+    }, 0);
+  }
+
+  drawPath = document.getElementById("drawPath");
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/bugs/652991-2-ref.html b/layout/reftests/bugs/652991-2-ref.html
new file mode 100644
index 0000000000..286fbe92cd
--- /dev/null
+++ b/layout/reftests/bugs/652991-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<svg width="200" height="200">
+  <defs>
+    <clipPath id="myClip">
+      <circle cx="30" cy="30" r="20"/>
+      <circle cx="70" cy="70" r="20"/>
+    </clipPath>
+  </defs>
+  <rect x="10" y="10" width="100" height="100" clip-path="url(#myClip)"/>
+</svg>
+</html>
diff --git a/layout/reftests/bugs/652991-2.html b/layout/reftests/bugs/652991-2.html
new file mode 100644
index 0000000000..fb8a829d23
--- /dev/null
+++ b/layout/reftests/bugs/652991-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg width="200" height="200">
+    <defs>
+      <clipPath id="myClip">
+        <circle cx="30" cy="30" r="20"/>
+        <circle cx="70" cy="70" r="20"/>
+      </clipPath>
+    </defs>
+    <rect id="drawPath" x="10" y="10" width="100" height="100" clip-path="url(#myClip)"/>
+  </svg>
+  <script>
+  function doTest() {
+    window.history.pushState(null, "", "new-page");
+
+    drawPath.style.display = "none";
+    window.setTimeout(() => {
+      drawPath.style.display = "inline";
+      document.documentElement.removeAttribute('class');
+    }, 0);
+  }
+
+  drawPath = document.getElementById("drawPath");
+  window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</html>
diff --git a/layout/reftests/bugs/652991-3-ref.html b/layout/reftests/bugs/652991-3-ref.html
new file mode 100644
index 0000000000..524c8f38e5
--- /dev/null
+++ b/layout/reftests/bugs/652991-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<svg  width="200" height="200">
+  <defs>
+    <marker id="markerCircle" markerWidth="8" markerHeight="8" refX="5" refY="5">
+      <circle cx="5" cy="5" r="2" style="stroke: none; fill:#000000;"/>
+    </marker>
+  </defs>
+  <path id="drawPath" d="M10,10 L60,10 L110,10" style="stroke: #6666ff; stroke-width: 1px; fill: none; marker-start: url(#markerCircle); marker-mid: url(#markerCircle); marker-end: url(#markerCircle);"/>
+</svg>
+</html>
diff --git a/layout/reftests/bugs/652991-3.html b/layout/reftests/bugs/652991-3.html
new file mode 100644
index 0000000000..72ff5d99e6
--- /dev/null
+++ b/layout/reftests/bugs/652991-3.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg width="200" height="200">
+  <defs>
+    <marker id="markerCircle" markerWidth="8" markerHeight="8" refX="5" refY="5">
+      <circle cx="5" cy="5" r="2" style="stroke: none; fill:#000000;"/>
+    </marker>
+  </defs>
+  <path id="drawPath" d="M10,10 L60,10 L110,10"
+        style="stroke: #6666ff; stroke-width: 1px; fill: none; marker-start: url(#markerCircle); marker-mid: url(#markerCircle);; marker-end: url(#markerCircle);"/>
+  </svg>
+  <script>
+  function doTest() {
+    window.history.pushState(null, "", "new-page");
+
+    drawPath.style.display = "none";
+    window.setTimeout(() => {
+      drawPath.style.display = "inline";
+      document.documentElement.removeAttribute('class');
+    }, 0);
+  }
+
+  drawPath = document.getElementById("drawPath");
+  window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</html>
diff --git a/layout/reftests/bugs/652991-4-ref.html b/layout/reftests/bugs/652991-4-ref.html
new file mode 100644
index 0000000000..fb1723ad47
--- /dev/null
+++ b/layout/reftests/bugs/652991-4-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <svg width="200" height="200">
+    <defs>
+      <mask id="mask1" x="0" y="0" width="100" height="100" >
+        <circle cx="100" cy="100" r="50" style="stroke:none; fill: #ffffff"/>
+      </mask>
+    </defs>
+    <rect id="drawPath" x="50" y="50" width="100" height="100" fill="blue" stroke="blue" mask="url(#mask1)"/>
+  </svg>
+</html>
diff --git a/layout/reftests/bugs/652991-4.html b/layout/reftests/bugs/652991-4.html
new file mode 100644
index 0000000000..92ff3e2fc3
--- /dev/null
+++ b/layout/reftests/bugs/652991-4.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg width="200" height="200">
+    <defs>
+      <mask id="mask1" x="0" y="0" width="100" height="100" >
+        <circle cx="100" cy="100" r="50" style="stroke:none; fill: #ffffff"/>
+      </mask>
+    </defs>
+    <rect id="drawPath" x="50" y="50" width="100" height="100" fill="blue" stroke="blue" mask="url(#mask1)"/>
+  </svg>
+  <script>
+  function doTest() {
+    window.history.pushState(null, "", "new-page");
+
+    drawPath.style.display = "none";
+    window.setTimeout(() => {
+      drawPath.style.display = "inline";
+      document.documentElement.removeAttribute('class');
+    }, 0);
+  }
+
+  drawPath = document.getElementById("drawPath");
+  window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</html>
diff --git a/layout/reftests/bugs/653930-1-iframe.html b/layout/reftests/bugs/653930-1-iframe.html
new file mode 100644
index 0000000000..63208b7ff9
--- /dev/null
+++ b/layout/reftests/bugs/653930-1-iframe.html
@@ -0,0 +1,7 @@
+<html>
+  <head>
+  </head>
+  <body>
+    Sputterances!
+  </body>
+</html>
diff --git a/layout/reftests/bugs/653930-1-ref.html b/layout/reftests/bugs/653930-1-ref.html
new file mode 100644
index 0000000000..d89fbf2976
--- /dev/null
+++ b/layout/reftests/bugs/653930-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+  </head>
+  <body>
+    <iframe id="testframe" marginWidth="30px" marginHeight="20px" src="653930-1-iframe.html">
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/653930-1.html b/layout/reftests/bugs/653930-1.html
new file mode 100644
index 0000000000..277ec420bf
--- /dev/null
+++ b/layout/reftests/bugs/653930-1.html
@@ -0,0 +1,21 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      window.onload = function() {
+
+        // Get the frame
+        var frame = document.getElementById("testframe");
+
+        // Set margin* attributes
+        frame.marginWidth = "30px";
+        frame.marginHeight = "20px";
+
+        // Trigger the reftest snapshot
+        document.documentElement.className = '';
+      }
+    </script>
+  </head>
+  <body>
+    <iframe id="testframe" src="653930-1-iframe.html">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/654057-1-ref.html b/layout/reftests/bugs/654057-1-ref.html
new file mode 100644
index 0000000000..8b05c82f32
--- /dev/null
+++ b/layout/reftests/bugs/654057-1-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style type="text/css">
+/* This test is really intended for Segoe UI on Windows7;
+   we provide a known fallback font for other platforms where
+   the default font might not handle the diacritic (WinXP) */
+@font-face {
+  font-family: fallback;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+p.test {
+  font-family: "Segoe UI", fallback, sans-serif;
+  font-size: 60px;
+}
+span.test {
+  background: black;
+}
+</style>
+</head>
+<body>
+<p>Diacritic should be hidden by the black background:</p>
+<p class="test">x<span class="test">x</span>x</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/654057-1.html b/layout/reftests/bugs/654057-1.html
new file mode 100644
index 0000000000..0a2cf5fcb6
--- /dev/null
+++ b/layout/reftests/bugs/654057-1.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style type="text/css">
+/* This test is really intended for Segoe UI on Windows7;
+   we provide a known fallback font for other platforms where
+   the default font might not handle the diacritic (WinXP) */
+@font-face {
+  font-family: fallback;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+p.test {
+  font-family: "Segoe UI", fallback, sans-serif;
+  font-size: 60px;
+}
+span.test {
+  background: black;
+}
+</style>
+</head>
+<body>
+<p>Diacritic should be hidden by the black background:</p>
+<p class="test">x<span class="test">x&#x302;</span>x</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/654950-1-ref.html b/layout/reftests/bugs/654950-1-ref.html
new file mode 100644
index 0000000000..5016ba5512
--- /dev/null
+++ b/layout/reftests/bugs/654950-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="opacity:0.8; background-color: gray;">
+  <span style="display:inline-block; width:256px; height:256px; background:lime; position:relative; top:10px;">
+    <div style="background:yellow; height:50px;"></div>
+  </span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/654950-1.html b/layout/reftests/bugs/654950-1.html
new file mode 100644
index 0000000000..fc1d5cd7a7
--- /dev/null
+++ b/layout/reftests/bugs/654950-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="opacity:0.8; background-color: gray;">
+  <div style="overflow: hidden; transform: translate(0,10px);">
+    <canvas id="canvas" width="256" height="256"></canvas>
+  </div>
+</div>
+<script>
+var ctx = document.getElementById("canvas").getContext("2d");
+ctx.fillStyle = "yellow";
+ctx.fillRect(0, 0, 256, 50);
+ctx.fillStyle = "lime";
+ctx.fillRect(0, 50, 256, 206);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/655549-1-ref.html b/layout/reftests/bugs/655549-1-ref.html
new file mode 100644
index 0000000000..94bcf3b3fc
--- /dev/null
+++ b/layout/reftests/bugs/655549-1-ref.html
@@ -0,0 +1,8 @@
+<!-- This test needs to be in quirks mode -->
+<body>
+  <div>
+    <table style="color: green">
+      <tr><td>This should be green</td></tr>
+    </table>
+  </div>
+</body>
diff --git a/layout/reftests/bugs/655549-1.html b/layout/reftests/bugs/655549-1.html
new file mode 100644
index 0000000000..33fe2cce05
--- /dev/null
+++ b/layout/reftests/bugs/655549-1.html
@@ -0,0 +1,12 @@
+<!-- This test needs to be in quirks mode -->
+<body style="color: red">
+  <div>
+    <table>
+      <tr><td>This should be green</td></tr>
+    </table>
+  </div>
+  <script>
+    document.body.offsetWidth;
+    document.body.style.color = "green";
+  </script>
+</body>
diff --git a/layout/reftests/bugs/655836-1-ref.html b/layout/reftests/bugs/655836-1-ref.html
new file mode 100644
index 0000000000..75359a3370
--- /dev/null
+++ b/layout/reftests/bugs/655836-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="A" width=200 height=50></canvas><br />
+<canvas id="B" width=200 height=50></canvas>
+<script>
+  var canvasA = document.getElementById("A"),
+    ctxA = canvasA.getContext('2d'),
+    canvasB = document.getElementById("B"),
+    ctxB = canvasB.getContext('2d'),
+    width = canvasA.width,
+    height = canvasA.height;
+
+  ctxB.fillStyle = 'green';
+  ctxB.fillRect(0, 0, width, height);
+
+  ctxA.fillStyle = 'red';
+  ctxA.fillRect(0, 0, width, height);
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/655836-1.html b/layout/reftests/bugs/655836-1.html
new file mode 100644
index 0000000000..65dcb62342
--- /dev/null
+++ b/layout/reftests/bugs/655836-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="A" width=200 height=50></canvas><br />
+<canvas id="B" width=200 height=50></canvas>
+<script>
+  var canvasA = document.getElementById("A"),
+    ctxA = canvasA.getContext('2d'),
+    canvasB = document.getElementById("B"),
+    ctxB = canvasB.getContext('2d'),
+    width = canvasA.width,
+    height = canvasA.height;
+
+  ctxA.fillStyle = 'green';
+  ctxA.fillRect(0, 0, width, height);
+
+  ctxB.drawImage(canvasA, 0, 0);
+
+  ctxA.fillStyle = 'red';
+  ctxA.fillRect(0, 0, width, height);
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/656875.html b/layout/reftests/bugs/656875.html
new file mode 100644
index 0000000000..2142ea5eda
--- /dev/null
+++ b/layout/reftests/bugs/656875.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+
+<div>test</div>
+
+<style>
+  body {
+      width: 100px; height: 300px;
+      position: absolute;
+      transform: scale(0.5);
+  }
+  div { position: absolute; }
+</style>
diff --git a/layout/reftests/bugs/658952-ref.html b/layout/reftests/bugs/658952-ref.html
new file mode 100644
index 0000000000..69fd14e3cf
--- /dev/null
+++ b/layout/reftests/bugs/658952-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=KSC5601">
+</head>
+<body>
+<p>&#xCA25;&#xCA25;&#xC774; &#xC0AC;&#xC8FC;&#xC138;&#xC694; - IE &#xAE30;&#xB85D;<br>&#xCA25;&#xCA25;&#xC774; &#xC0AC;&#xC8FC;&#xC138;&#xC694; - ie9 &#xAE30;&#xB85D;</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/658952.html b/layout/reftests/bugs/658952.html
new file mode 100644
index 0000000000..1a83de36aa
--- /dev/null
+++ b/layout/reftests/bugs/658952.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=KSC5601">
+</head>
+<body>
+<p>�z�z�� ���ּ��� - IE ���<br>�z�z�� ���ּ��� - ie9 ���</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/660682-1-ref.html b/layout/reftests/bugs/660682-1-ref.html
new file mode 100644
index 0000000000..50ddc46980
--- /dev/null
+++ b/layout/reftests/bugs/660682-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body style="opacity:0.4;">
+Alpha
+<div>Gamma</div>
+Delta
+</body>
+</html>
diff --git a/layout/reftests/bugs/660682-1.html b/layout/reftests/bugs/660682-1.html
new file mode 100644
index 0000000000..35efb27525
--- /dev/null
+++ b/layout/reftests/bugs/660682-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+<span style="opacity:0.4;">
+Alpha
+<div>Gamma</div>
+Delta
+</span>
+</body>
+</html>
diff --git a/layout/reftests/bugs/664127-1-ref.xhtml b/layout/reftests/bugs/664127-1-ref.xhtml
new file mode 100644
index 0000000000..671ea703ec
--- /dev/null
+++ b/layout/reftests/bugs/664127-1-ref.xhtml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/css" href="664127-1.css"?>
+<?xml-stylesheet type="text/css" href="data:text/css,
+tree { opacity: 0.5; }
+"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <body xmlns="http://www.w3.org/1999/xhtml">
+    <img src="solidblue.png"/>
+  </body>
+  <tree>
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label=" "/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bugs/664127-1.css b/layout/reftests/bugs/664127-1.css
new file mode 100644
index 0000000000..9541a2b241
--- /dev/null
+++ b/layout/reftests/bugs/664127-1.css
@@ -0,0 +1,11 @@
+/* This external stylesheet is needed to be able to use a cached image
+   (solidblue.png) through a relative path */
+tree {
+  height: 100px; -moz-appearance: none; border: none; background-color: transparent;
+}
+treecol, treecolpicker {
+  visibility: hidden;
+}
+treechildren::-moz-tree-image {
+  list-style-image: url('solidblue.png');
+}
diff --git a/layout/reftests/bugs/664127-1.xhtml b/layout/reftests/bugs/664127-1.xhtml
new file mode 100644
index 0000000000..84ee6b058a
--- /dev/null
+++ b/layout/reftests/bugs/664127-1.xhtml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/css" href="664127-1.css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <body xmlns="http://www.w3.org/1999/xhtml">
+    <style><![CDATA[
+      treechildren::-moz-tree-image { opacity: 0.5; }
+    ]]></style>
+    <img src="solidblue.png"/>
+  </body>
+  <tree>
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label=" "/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bugs/665597-1-ref.html b/layout/reftests/bugs/665597-1-ref.html
new file mode 100644
index 0000000000..e006597b1a
--- /dev/null
+++ b/layout/reftests/bugs/665597-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Test that overflowing margins and padding on scrollable element add</title>
+<style>
+#scroll {
+  overflow: scroll; background: yellow;
+  height: 111px; width: 116px;
+}
+
+#content {
+  height: 223px;
+  margin-right: 5px;
+  margin-left: 11px;
+  background: aqua;
+}
+#gap {
+  /* In test file: #content's margin-bottom: 35px + #scroll's padding-bottom: 7px */
+  height: 42px;
+}
+
+</style>
+<div id="scroll"><div id="content"></div><div id="gap"></div></div>
+<script>
+document.getElementById("scroll").scrollTop = "1000";
+</script>
diff --git a/layout/reftests/bugs/665597-1.html b/layout/reftests/bugs/665597-1.html
new file mode 100644
index 0000000000..4660f7b908
--- /dev/null
+++ b/layout/reftests/bugs/665597-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>Test that overflowing margins and padding on scrollable element add</title>
+<style>
+#scroll {
+  overflow: scroll; background: yellow;
+  height: 100px; width: 100px;
+  padding: 4px 5px 7px 11px;
+}
+
+#content {
+  margin-top: 19px;
+  margin-bottom: 35px;
+  height: 200px;
+  background: aqua;
+}
+
+</style>
+<div id="scroll"><div id="content"></div></div>
+<script>
+document.getElementById("scroll").scrollTop = "1000";
+</script>
diff --git a/layout/reftests/bugs/665597-2-ref.html b/layout/reftests/bugs/665597-2-ref.html
new file mode 100644
index 0000000000..f1007e064c
--- /dev/null
+++ b/layout/reftests/bugs/665597-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 665597</title>
+    <style type="text/css">
+
+.o { width:100px; height:100px; padding:100px; background:green; }	
+.i { width:100px; height:200px; background:yellow; }
+
+    </style>
+</head>
+<body>
+<div class="o" style="overflow:visible">
+  <div class="i"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/665597-2.html b/layout/reftests/bugs/665597-2.html
new file mode 100644
index 0000000000..bf35c08176
--- /dev/null
+++ b/layout/reftests/bugs/665597-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 665597</title>
+    <style type="text/css">
+
+.o { width:100px; height:100px; padding:100px; background:green; }	
+.i { width:100px; height:200px; background:yellow; }
+
+    </style>
+</head>
+<body>
+<div class="o" style="overflow:auto">
+  <div class="i"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/667079-1-ref.html b/layout/reftests/bugs/667079-1-ref.html
new file mode 100644
index 0000000000..7a862b53f6
--- /dev/null
+++ b/layout/reftests/bugs/667079-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<body style="font-size: 100px;">
+  <div style="position: relative; display: inline; background: red;">X<table style="height: 100%; position: absolute; width: 100%; background: green; top: 0; left: 0"></table></div>
+</body>
diff --git a/layout/reftests/bugs/667079-1.html b/layout/reftests/bugs/667079-1.html
new file mode 100644
index 0000000000..7edbd926ab
--- /dev/null
+++ b/layout/reftests/bugs/667079-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<body onload="document.body.style.fontSize = '100px'"
+      style="font-size: 50px;">
+  <div style="position: relative; display: inline; background: red;">X<table style="height: 100%; position: absolute; width: 100%; background: green; top: 0; left: 0"></table></div>
+</body>
diff --git a/layout/reftests/bugs/668319-1.xhtml b/layout/reftests/bugs/668319-1.xhtml
new file mode 100644
index 0000000000..7795695cd4
--- /dev/null
+++ b/layout/reftests/bugs/668319-1.xhtml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+    tree { height: 100px; -moz-appearance: none; border: none; background-color: transparent; }
+    treecol, treecolpicker { visibility: hidden; }
+    treechildren::-moz-tree-cell-text { opacity: 0; }
+  ]]></style>
+  <tree>
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="test"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/bugs/669015-1-notref.xhtml b/layout/reftests/bugs/669015-1-notref.xhtml
new file mode 100644
index 0000000000..4c79103e97
--- /dev/null
+++ b/layout/reftests/bugs/669015-1-notref.xhtml
@@ -0,0 +1,3 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <label style="margin: 0px 300px;" value="Shadow"/>
+</box>
diff --git a/layout/reftests/bugs/669015-1.xhtml b/layout/reftests/bugs/669015-1.xhtml
new file mode 100644
index 0000000000..5226833adf
--- /dev/null
+++ b/layout/reftests/bugs/669015-1.xhtml
@@ -0,0 +1,3 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <label style="margin: 0px 300px; text-shadow: blue 4px 10px 2px" value="Shadow"/>
+</box>
diff --git a/layout/reftests/bugs/670442-1-ref.html b/layout/reftests/bugs/670442-1-ref.html
new file mode 100644
index 0000000000..6766643a2d
--- /dev/null
+++ b/layout/reftests/bugs/670442-1-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>
+      <canvas id="c1" width="400" height="400"></canvas>
+      <canvas id="c2" width="400" height="400"></canvas>
+    </div>
+    <script type="text/javascript">
+      var canv1 = document.getElementById('c1');
+      var canv2 = document.getElementById('c2');
+      var ctx1 = canv1.getContext('2d');
+      var ctx2 = canv2.getContext('2d');
+    
+      ctx1.strokeStyle = '#FF0000';
+      ctx1.moveTo(10, 10);
+      ctx1.lineTo(390, 390);
+      ctx1.stroke();
+    
+      function doTest()
+      {
+        // Save img data
+        var imgData = ctx1.getImageData(0, 0, canv1.width, canv1.height);
+        
+        // Resize canvas - seems to cause the bug
+        canv1.width  = 0;
+        canv1.height = 0;
+        canv1.width  = 400;
+        canv1.height = 400;
+        
+        // Put image data from ctx1 to ctx2
+        ctx2.putImageData(imgData, 0, 0);
+        
+        // Draw canvas2 on canvas1
+        ctx1.drawImage(canv2, 0, 0);
+      };
+
+      doTest();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/670442-1.html b/layout/reftests/bugs/670442-1.html
new file mode 100644
index 0000000000..3823cd2ff0
--- /dev/null
+++ b/layout/reftests/bugs/670442-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>
+      <canvas id="c1" width="400" height="400"></canvas>
+      <canvas id="c2" width="400" height="400"></canvas>
+    </div>
+    <script type="text/javascript">
+      var canv1 = document.getElementById('c1');
+      var canv2 = document.getElementById('c2');
+      var ctx1 = canv1.getContext('2d');
+      var ctx2 = canv2.getContext('2d');
+    
+      ctx1.strokeStyle = '#FF0000';
+      ctx1.moveTo(10, 10);
+      ctx1.lineTo(390, 390);
+      ctx1.stroke();
+    
+      function doTest()
+      {
+        // Save img data
+        var imgData = ctx1.getImageData(0, 0, canv1.width, canv1.height);
+        
+        // Resize canvas - seems to cause the bug
+        canv1.width  = 0;
+        canv1.height = 0;
+        canv1.width  = 400;
+        canv1.height = 400;
+        
+        // Put image data from ctx1 to ctx2
+        ctx2.putImageData(imgData, 0, 0);
+        
+        // Draw canvas2 on canvas1
+        ctx1.drawImage(canv2, 0, 0);
+      };
+
+      doTest();
+      doTest();
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/670467-1-ref.html b/layout/reftests/bugs/670467-1-ref.html
new file mode 100644
index 0000000000..819dff384c
--- /dev/null
+++ b/layout/reftests/bugs/670467-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<body style="color: green">
+  <div style="display: inline;">
+    Line 1
+    <div>Line 2</div>
+    Line 3
+    <div>Line 4</div>
+    Line 5
+  </div>
+</body>
diff --git a/layout/reftests/bugs/670467-1.html b/layout/reftests/bugs/670467-1.html
new file mode 100644
index 0000000000..ef6da737ec
--- /dev/null
+++ b/layout/reftests/bugs/670467-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<body style="color: red">
+  <div id="x" style="display: inline; visibility: hidden">
+    Line 1
+    <div>Line 2</div>
+    Line 3
+    <div>Line 4</div>
+    Line 5
+  </div><script type="text/javascript">
+    document.body.offsetWidth;
+    document.getElementById("x").style.visibility = "visible";
+    document.body.style.color = "green";
+  </script>
+</body>
diff --git a/layout/reftests/bugs/670467-2-ref.html b/layout/reftests/bugs/670467-2-ref.html
new file mode 100644
index 0000000000..ce55f3e303
--- /dev/null
+++ b/layout/reftests/bugs/670467-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<style>
+  body::first-line { color: purple; }
+</style>
+<body style="width: 0; color: green"><span>This is some text</span>
+</body>
diff --git a/layout/reftests/bugs/670467-2.html b/layout/reftests/bugs/670467-2.html
new file mode 100644
index 0000000000..7d40b5f424
--- /dev/null
+++ b/layout/reftests/bugs/670467-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  body::first-line { color: purple; }
+</style>
+<body style="width: 0; color: red"><span id="x" style="visibility: hidden">This is some text</span>
+  <script type="text/javascript">
+    document.body.offsetWidth;
+    document.getElementById("x").style.visibility = "visible";
+    document.body.style.color = "green";
+  </script>
+</body>
diff --git a/layout/reftests/bugs/67752-1-ref.html b/layout/reftests/bugs/67752-1-ref.html
new file mode 100644
index 0000000000..f21044d0e3
--- /dev/null
+++ b/layout/reftests/bugs/67752-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span { display: inline-block; width: 1em; height: 10px; background: green; }
+    </style>
+  </head>
+  <body style="position: relative; font-size: 20px">
+    Test
+    <div style="position: absolute; left: 0; width: 25px; height: 0; top: 0;">
+      <span></span>
+      <span></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/67752-1.html b/layout/reftests/bugs/67752-1.html
new file mode 100644
index 0000000000..16487b7ff9
--- /dev/null
+++ b/layout/reftests/bugs/67752-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function f() {
+        document.body.style.fontSize = "20px";
+        // End the test asynchronously so we get a chance to do a reflow before
+        // that happens.
+        setTimeout("document.documentElement.className = ''", 0);
+      }
+    </script>
+    <style>
+      span { display: inline-block; width: 1em; height: 10px; background: green; }
+    </style>
+  </head>
+  <body onload="f()" style="position: relative; font-size: 10px">
+    Test
+    <div style="position: absolute; left: 0; width: 25px; height: 0; top: 0;">
+      <span></span>
+      <span></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/67752-2-ref.html b/layout/reftests/bugs/67752-2-ref.html
new file mode 100644
index 0000000000..328e1a15b6
--- /dev/null
+++ b/layout/reftests/bugs/67752-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span { display: inline-block; width: 1em; height: 10px; background: green; }
+    </style>
+  </head>
+  <body style="font-size: 20px">
+    Test
+    <div style="position: absolute; left: 0; width: 25px; height: 0; top: 0;">
+      <span></span>
+      <span></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/67752-2.html b/layout/reftests/bugs/67752-2.html
new file mode 100644
index 0000000000..52f63cccc4
--- /dev/null
+++ b/layout/reftests/bugs/67752-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function f() {
+        document.body.style.fontSize = "20px";
+        // End the test asynchronously so we get a chance to do a reflow before
+        // that happens.
+        setTimeout("document.documentElement.className = ''", 0);
+      }
+    </script>
+    <style>
+      span { display: inline-block; width: 1em; height: 10px; background: green; }
+    </style>
+  </head>
+  <body onload="f()" style="font-size: 10px">
+    Test
+    <div style="position: absolute; left: 0; width: 25px; height: 0; top: 0;">
+      <span></span>
+      <span></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/68061-1-ref.xml b/layout/reftests/bugs/68061-1-ref.xml
new file mode 100644
index 0000000000..711d32b4df
--- /dev/null
+++ b/layout/reftests/bugs/68061-1-ref.xml
@@ -0,0 +1,15 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body bgcolor="#FFFFFF">
+
+<table border="1" bgcolor="green">
+<tbody>
+<tr>
+<td>Some text</td>
+<td>Some text</td>
+<td>Some text</td>
+</tr>
+</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/68061-1.xml b/layout/reftests/bugs/68061-1.xml
new file mode 100644
index 0000000000..3f78359972
--- /dev/null
+++ b/layout/reftests/bugs/68061-1.xml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body bgcolor="#FFFFFF">
+
+<table border="1" bgcolor="green">
+<tr>
+<td>Some text</td>
+<td>Some text</td>
+<td>Some text</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/68061-2-ref.xml b/layout/reftests/bugs/68061-2-ref.xml
new file mode 100644
index 0000000000..78dc8e21c6
--- /dev/null
+++ b/layout/reftests/bugs/68061-2-ref.xml
@@ -0,0 +1,21 @@
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+  <body>
+    <table border="1">
+      <tbody>
+        <tr>
+          <th>Division</th><th>Revenue</th><th>Growth</th><th>Bonus</th>
+        </tr>
+        <tr>
+          <td><em>North</em></td><td>10</td><td>9</td><td>7</td>
+        </tr>
+        <tr>
+          <td><em>West</em></td><td>6</td><td>-1.5</td><td>2</td>
+        </tr>
+        <tr>
+          <td><em>South</em></td><td>4</td><td>3</td><td>4</td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/68061-2.xml b/layout/reftests/bugs/68061-2.xml
new file mode 100644
index 0000000000..2f9191d29e
--- /dev/null
+++ b/layout/reftests/bugs/68061-2.xml
@@ -0,0 +1,19 @@
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+  <body>
+    <table border="1">
+      <tr>
+        <th>Division</th><th>Revenue</th><th>Growth</th><th>Bonus</th>
+      </tr>
+      <tr>
+        <td><em>North</em></td><td>10</td><td>9</td><td>7</td>
+      </tr>
+      <tr>
+        <td><em>West</em></td><td>6</td><td>-1.5</td><td>2</td>
+      </tr>
+      <tr>
+        <td><em>South</em></td><td>4</td><td>3</td><td>4</td>
+      </tr>
+    </table>
+  </body>
+</html>
+
diff --git a/layout/reftests/bugs/690164-1-ref.html b/layout/reftests/bugs/690164-1-ref.html
new file mode 100644
index 0000000000..1b129917de
--- /dev/null
+++ b/layout/reftests/bugs/690164-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<ul>
+<li>
+<p>Test</p>
+</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/690164-1.html b/layout/reftests/bugs/690164-1.html
new file mode 100644
index 0000000000..5f784104a7
--- /dev/null
+++ b/layout/reftests/bugs/690164-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<ul>
+<li>
+<p style="display:none">Invisible</p>
+<p style="display:none">Invisible</p>
+<p>Test</p>
+</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/690643-1-ref.html b/layout/reftests/bugs/690643-1-ref.html
new file mode 100644
index 0000000000..bc077f0f9e
--- /dev/null
+++ b/layout/reftests/bugs/690643-1-ref.html
@@ -0,0 +1,22 @@
+<html>
+ <head>
+ </head>
+<body>
+ <canvas id="canvas" width="300" height="300"></canvas>
+  <script type="application/javascript">
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+
+    ctx.fillStyle = '#eeeeee';
+    ctx.strokeStyle = '#000000';
+
+    ctx.beginPath();
+    ctx.moveTo(0, 50);
+    ctx.lineTo(50, 50);
+    ctx.lineTo(150, 100);
+
+    ctx.stroke();
+    ctx.fill();
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/690643-1.html b/layout/reftests/bugs/690643-1.html
new file mode 100644
index 0000000000..70852f957b
--- /dev/null
+++ b/layout/reftests/bugs/690643-1.html
@@ -0,0 +1,24 @@
+<html>
+ <head>
+ </head>
+<body>
+ <canvas id="canvas" width="300" height="300"></canvas>
+  <script type="application/javascript">
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+
+    ctx.fillStyle = '#eeeeee';
+    ctx.strokeStyle = '#000000';
+
+    ctx.beginPath();
+    ctx.moveTo(0, 50);
+    ctx.lineTo(50, 50);
+
+    ctx.translate(100, 100);
+    ctx.lineTo(50, 0);
+
+    ctx.stroke();
+    ctx.fill();
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/691087-1-ref.html b/layout/reftests/bugs/691087-1-ref.html
new file mode 100644
index 0000000000..c73d42af6a
--- /dev/null
+++ b/layout/reftests/bugs/691087-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8" />
+<style>
+
+div.text_layer {
+  position:absolute;
+  top:0;
+  left:0;
+  transform:scale(0.200000);
+  transform-origin:top left;
+  -webkit-transform:scale(0.200000);
+  -webkit-transform-origin:top left;
+  -o-transform:scale(0.200000);
+  -o-transform-origin:top left;
+}
+
+span.a {
+  position:absolute;
+  left:0;
+}
+
+</style>
+</head>
+<body>
+
+<div class="text_layer">
+
+  <div style="font-size:153px">
+    <span class=a style="left:545px; top:585px;">ELENA VÎLCU</span>
+  </div>
+
+  <div style="font-size:117px">
+    <span class=a style="left:3116px; top:3757px;"> </span>
+  </div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/691087-1.html b/layout/reftests/bugs/691087-1.html
new file mode 100644
index 0000000000..41e2984df2
--- /dev/null
+++ b/layout/reftests/bugs/691087-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8" />
+<style>
+
+div.text_layer {
+  position:absolute;
+  top:0;
+  left:0;
+  transform:scale(0.200000);
+  transform-origin:top left;
+  -webkit-transform:scale(0.200000);
+  -webkit-transform-origin:top left;
+  -o-transform:scale(0.200000);
+  -o-transform-origin:top left;
+}
+
+span.a {
+  position:absolute;
+  left:0;
+}
+
+</style>
+</head>
+<body>
+
+<div class="text_layer">
+
+  <div style="font-size:153px">
+    <span class=a style="left:545px; top:585px;">ELENA VÎLCU</span>
+  </div>
+
+  <div style="font-size:117px">
+    <span class=a style="left:3116px; top:3757px;"> </span>
+  </div>
+
+  <div style="font-size:123px">
+      <span class=a style="left:813px;">Cadrul didactic trebuie să fie o călăuză care să</span>
+  </div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/691571-1-ref.html b/layout/reftests/bugs/691571-1-ref.html
new file mode 100644
index 0000000000..6952890846
--- /dev/null
+++ b/layout/reftests/bugs/691571-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="A" width=200 height=50></canvas><br />
+<canvas id="B" width=200 height=50></canvas>
+<script>
+  var canvasA = document.getElementById("A"),
+    ctxA = canvasA.getContext('2d'),
+    canvasB = document.getElementById("B"),
+    ctxB = canvasB.getContext('2d'),
+    width = canvasA.width,
+    height = canvasA.height;
+
+  ctxB.fillStyle = 'red';
+  ctxB.fillRect(0, 0, width, height);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/691571-1.html b/layout/reftests/bugs/691571-1.html
new file mode 100644
index 0000000000..c2c1ae103d
--- /dev/null
+++ b/layout/reftests/bugs/691571-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="A" width=200 height=50></canvas><br />
+<canvas id="B" width=200 height=50></canvas>
+<script>
+  var canvasA = document.getElementById("A"),
+    ctxA = canvasA.getContext('2d'),
+    canvasB = document.getElementById("B"),
+    ctxB = canvasB.getContext('2d'),
+    width = canvasA.width,
+    height = canvasA.height;
+
+  ctxA.fillStyle = 'red';
+  ctxA.fillRect(0, 0, width, height);
+  var pat = ctxB.createPattern(canvasA, "repeat");
+
+  ctxA.clearRect(0, 0, width, height);
+
+  ctxB.fillStyle = pat;
+  ctxB.fillRect(0, 0, width, height);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/696307-1-ref.html b/layout/reftests/bugs/696307-1-ref.html
new file mode 100644
index 0000000000..e773a90cba
--- /dev/null
+++ b/layout/reftests/bugs/696307-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html><body>
+<div style="float:left; width:200px;">X</div>
+<div style="float:left; background:rgba(0,0,0,0.5); width:210px;">Y</div>
+</body></html>
diff --git a/layout/reftests/bugs/696307-1.html b/layout/reftests/bugs/696307-1.html
new file mode 100644
index 0000000000..ca66165f7c
--- /dev/null
+++ b/layout/reftests/bugs/696307-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html><body>
+<div style="column-count:3; column-gap:0; width:600px;">X<div style="float:left; background:rgba(0,0,0,0.5);"><div style="position:absolute;">Y</div><span style="padding-left:210px;"></span></div></div>
+</body></html>
diff --git a/layout/reftests/bugs/696739-1-ref.html b/layout/reftests/bugs/696739-1-ref.html
new file mode 100644
index 0000000000..1001d88b7d
--- /dev/null
+++ b/layout/reftests/bugs/696739-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+fieldset {
+  display: inline; background: rgba(255, 255, 0, 0.7); color: black;
+}
+div { background: green; position:relative; z-index:1; }
+div#one { float: left; }
+</style>
+</head>
+<body>
+  <form>
+    <fieldset>
+      <div id="one">I should be black text on a green background</div>
+    </fieldset>
+    <fieldset>
+      <div>I should be black text on a green background</div>
+    </fieldset>
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/696739-1.html b/layout/reftests/bugs/696739-1.html
new file mode 100644
index 0000000000..efc5c38d76
--- /dev/null
+++ b/layout/reftests/bugs/696739-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+fieldset {
+  display: inline; background: rgba(255, 255, 0, 0.7); color: black;
+}
+div { background: green; }
+div#one { float: left; }
+</style>
+</head>
+<body>
+  <form>
+    <fieldset>
+      <div id="one">I should be black text on a green background</div>
+    </fieldset>
+    <fieldset>
+      <div>I should be black text on a green background</div>
+    </fieldset>
+  </form>
+</body>
+</html>
diff --git a/layout/reftests/bugs/703186-1-ref.html b/layout/reftests/bugs/703186-1-ref.html
new file mode 100644
index 0000000000..418c401446
--- /dev/null
+++ b/layout/reftests/bugs/703186-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function init()
+      {
+        document.getElementById("link").focus();
+        setTimeout(finish, 0);
+      }
+
+      function finish()
+      {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="requestAnimationFrame(_ => setTimeout(init, 0));">
+    <img src="100x80-white-rect-top-right.png" usemap="#map">
+    <map name="map">
+      <area id="link" shape="rect" coords="10,10,30,30" href="about:blank">
+    </map>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/703186-1.html b/layout/reftests/bugs/703186-1.html
new file mode 100644
index 0000000000..424f190073
--- /dev/null
+++ b/layout/reftests/bugs/703186-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function init()
+      {
+        window.addEventListener("focus", function (e) { e.stopPropagation(); },
+                                true);
+        document.getElementById("link").focus();
+        setTimeout(finish, 0);
+      }
+
+      function finish()
+      {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="requestAnimationFrame(_ => setTimeout(init, 0));">
+    <img src="100x80-white-rect-top-right.png" usemap="#map">
+    <map name="map">
+      <area id="link" shape="rect" coords="10,10,30,30" href="about:blank">
+    </map>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/703186-2-ref.html b/layout/reftests/bugs/703186-2-ref.html
new file mode 100644
index 0000000000..7a9ed8c804
--- /dev/null
+++ b/layout/reftests/bugs/703186-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function init()
+      {
+        document.getElementById("link").focus();
+        setTimeout(doTest, 0);
+      }
+
+      function doTest()
+      {
+        document.getElementById("link").blur();
+        setTimeout(finish, 0);
+      }
+
+      function finish()
+      {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="requestAnimationFrame(_ => setTimeout(init, 0));">
+    <img src="100x80-white-rect-top-right.png" usemap="#map">
+    <map name="map">
+      <area id="link" shape="rect" coords="10,10,30,30" href="about:blank">
+    </map>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/703186-2.html b/layout/reftests/bugs/703186-2.html
new file mode 100644
index 0000000000..9689ccddd5
--- /dev/null
+++ b/layout/reftests/bugs/703186-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function init()
+      {
+        window.addEventListener("blur", function (e) { e.stopPropagation(); },
+                                true);
+        document.getElementById("link").focus();
+        setTimeout(doTest, 0);
+      }
+
+      function doTest()
+      {
+        document.getElementById("link").blur();
+        setTimeout(finish, 0);
+      }
+
+      function finish()
+      {
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+  <body onload="requestAnimationFrame(_ => setTimeout(init, 0));">
+    <img src="100x80-white-rect-top-right.png" usemap="#map">
+    <map name="map">
+      <area id="link" shape="rect" coords="10,10,30,30" href="about:blank">
+    </map>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/711359-1-ref.html b/layout/reftests/bugs/711359-1-ref.html
new file mode 100644
index 0000000000..1c66a54dd3
--- /dev/null
+++ b/layout/reftests/bugs/711359-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<body>
+ <table style="border-collapse: collapse;" border="1">
+  <tbody id="reference">
+   <tr><td>&nbsp;</td></tr>
+   <tr><td>&nbsp;</td></tr>
+   <tr><td>&nbsp;</td></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/711359-1.html b/layout/reftests/bugs/711359-1.html
new file mode 100644
index 0000000000..871d6c1793
--- /dev/null
+++ b/layout/reftests/bugs/711359-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <script>
+  var lastLang = "";
+  function LangSelect(aLang) {
+    var tbody = document.getElementById("l10ntbody");
+    var child = tbody.firstChild;
+    while (child) {
+      if (child.nodeType == Node.ELEMENT_NODE) {
+        if (aLang == "*" || aLang == child.getAttribute("language"))
+          child.removeAttribute("style");
+        else
+           child.setAttribute("style", "display: none");
+      }
+      child = child.nextSibling;
+    }
+  }
+</script>
+</head>
+
+<body onload="LangSelect('cs');">
+ <table style="border-collapse: collapse;" border="1">
+  <tbody id="l10ntbody">
+   <tr style="display: none;" language="cs"><td>&nbsp;</td></tr>
+   <tr style="display: none;" language="cs"><td>&nbsp;</td></tr>
+   <tr style="display: none;" language="cs"><td>&nbsp;</td></tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/712130-1-ref.html b/layout/reftests/bugs/712130-1-ref.html
new file mode 100644
index 0000000000..6d07ca0482
--- /dev/null
+++ b/layout/reftests/bugs/712130-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="stylesheet" href="nothing"><!-- Empty stylesheet to delay PresShell init -->
+<input type="text" autofocus="" onfocus="document.documentElement.removeAttribute('class')">
+<input type="text">
diff --git a/layout/reftests/bugs/712130-1.html b/layout/reftests/bugs/712130-1.html
new file mode 100644
index 0000000000..ffbc823093
--- /dev/null
+++ b/layout/reftests/bugs/712130-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="stylesheet" href="nothing"><!-- Empty stylesheet to delay PresShell init -->
+<input type="text" autofocus="" onfocus="document.documentElement.removeAttribute('class')">
+<input type="text" autofocus="" onfocus="document.documentElement.removeAttribute('class')">
diff --git a/layout/reftests/bugs/712130-2-ref.html b/layout/reftests/bugs/712130-2-ref.html
new file mode 100644
index 0000000000..919ac05704
--- /dev/null
+++ b/layout/reftests/bugs/712130-2-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<input type="text" autofocus="" onfocus="document.documentElement.removeAttribute('class')">
diff --git a/layout/reftests/bugs/712130-2.html b/layout/reftests/bugs/712130-2.html
new file mode 100644
index 0000000000..232bef4849
--- /dev/null
+++ b/layout/reftests/bugs/712130-2.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="stylesheet" href="nothing"><!-- Empty stylesheet to delay PresShell init -->
+<input type="text" autofocus="" onfocus="document.documentElement.removeAttribute('class')">
diff --git a/layout/reftests/bugs/712849-1-ref.html b/layout/reftests/bugs/712849-1-ref.html
new file mode 100644
index 0000000000..5c9c909f28
--- /dev/null
+++ b/layout/reftests/bugs/712849-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+   <title>testcase</title>
+<style>
+.tt {
+   border-collapse: collapse;
+}
+.nix {
+   display: none;
+}
+.ref {
+   border: solid 3px darkred;
+}
+
+td {
+   width: 20px;
+   height: 20px;
+}
+
+</style>
+</head>
+<body>
+  <table class="tt">
+    <tr id="1"><td >&nbsp;</td></tr>
+    <tr id="2" class="nix"><td >&nbsp;</td></tr>
+    <tr id="3" class="ref"><td >&nbsp;</td></tr>
+    <tr><td>&nbsp;</td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/712849-1.html b/layout/reftests/bugs/712849-1.html
new file mode 100644
index 0000000000..83b4c43405
--- /dev/null
+++ b/layout/reftests/bugs/712849-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+   <title>testcase</title>
+<style>
+.tt {
+   border-collapse: collapse;
+}
+.nix {
+   display: none;
+}
+.ref {
+   border: solid 3px darkred;
+}
+
+td {
+   width: 20px;
+   height: 20px;
+}
+
+</style>
+<script>
+
+function test ()
+{
+  document.getElementById ("2").className = "nix";
+  document.getElementById ("3").className = "ref";
+}
+</script>
+</head>
+<body onload="test()">
+  <table class="tt">
+    <tr id="1"><td >&nbsp;</td></tr>
+    <tr id="2"><td >&nbsp;</td></tr>
+    <tr id="3"><td >&nbsp;</td></tr>
+    <tr><td>&nbsp;</td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/713856-dynamic.html b/layout/reftests/bugs/713856-dynamic.html
new file mode 100644
index 0000000000..e6bc13d88b
--- /dev/null
+++ b/layout/reftests/bugs/713856-dynamic.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+<ul>
+<li id="blub">
+<p>Test</p>
+</li>
+</ul>
+<script>
+  document.getElementById('blub').firstChild.data = document.getElementById('blub').firstChild.data;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/713856-ref.html b/layout/reftests/bugs/713856-ref.html
new file mode 100644
index 0000000000..4432612dcf
--- /dev/null
+++ b/layout/reftests/bugs/713856-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<ul>
+<li><p>Test</p>
+</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/713856-static.html b/layout/reftests/bugs/713856-static.html
new file mode 100644
index 0000000000..c5e7e4d1d3
--- /dev/null
+++ b/layout/reftests/bugs/713856-static.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<ul>
+<li><!--hello--> <!--hello--><p>Test</p>
+</li>
+</ul>
+</body>
+</html>
diff --git a/layout/reftests/bugs/714519-1-as.html b/layout/reftests/bugs/714519-1-as.html
new file mode 100644
index 0000000000..022e8f0bb1
--- /dev/null
+++ b/layout/reftests/bugs/714519-1-as.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<title>bug 714519: list numbering of nested vertical-align:top in almost standards mode</title>
+
+<style>
+ol {width: 30em; margin-top: 0 }
+span > span { vertical-align: top }
+</style>
+
+<ol>
+<li><span><span>Short line</span></span></li>
+<li><span><span>This is text that needs to wrap to more than one line to cause the list bullet to disappear</span></span></li>
+<li><span><span>Short line</span></span></li>
+</ol>
diff --git a/layout/reftests/bugs/714519-1-q.html b/layout/reftests/bugs/714519-1-q.html
new file mode 100644
index 0000000000..2c63db6edb
--- /dev/null
+++ b/layout/reftests/bugs/714519-1-q.html
@@ -0,0 +1,12 @@
+<title>bug 714519: list numbering of nested vertical-align:top in quirks mode</title>
+
+<style>
+ol {width: 30em; margin-top: 0 }
+span > span { vertical-align: top }
+</style>
+
+<ol>
+<li><span><span>Short line</span></span></li>
+<li><span><span>This is text that needs to wrap to more than one line to cause the list bullet to disappear</span></span></li>
+<li><span><span>Short line</span></span></li>
+</ol>
diff --git a/layout/reftests/bugs/714519-1-ref.html b/layout/reftests/bugs/714519-1-ref.html
new file mode 100644
index 0000000000..93d2440242
--- /dev/null
+++ b/layout/reftests/bugs/714519-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>bug 714519: list numbering of nested vertical-align:top (reference)</title>
+
+<style>
+ol {width: 30em; margin-top: 0 }
+</style>
+
+<ol>
+<li>Short line</li>
+<li>This is text that needs to wrap to more than one line to cause the list bullet to disappear</li>
+<li>Short line</li>
+</ol>
diff --git a/layout/reftests/bugs/714519-2-as.html b/layout/reftests/bugs/714519-2-as.html
new file mode 100644
index 0000000000..f4c2da5a96
--- /dev/null
+++ b/layout/reftests/bugs/714519-2-as.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<title>bug 714519: underline of nested vertical-align:top in almost standards mode</title>
+
+<style>
+div > span { text-decoration: underline }
+span { vertical-align: top }
+</style>
+
+<div><span><span>Short line</span></span></div>
diff --git a/layout/reftests/bugs/714519-2-q.html b/layout/reftests/bugs/714519-2-q.html
new file mode 100644
index 0000000000..f4e7bd6763
--- /dev/null
+++ b/layout/reftests/bugs/714519-2-q.html
@@ -0,0 +1,8 @@
+<title>bug 714519: underline of nested vertical-align:top in quirks mode</title>
+
+<style>
+div > span { text-decoration: underline }
+span { vertical-align: top }
+</style>
+
+<div><span><span>Short line</span></span></div>
diff --git a/layout/reftests/bugs/714519-2-ref.html b/layout/reftests/bugs/714519-2-ref.html
new file mode 100644
index 0000000000..e08aeeeb52
--- /dev/null
+++ b/layout/reftests/bugs/714519-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>bug 714519: underline of nested vertical-align:top in almost standards mode</title>
+
+<style>
+div { text-decoration: underline }
+</style>
+
+<div>Short line</div>
diff --git a/layout/reftests/bugs/718521-ref.html b/layout/reftests/bugs/718521-ref.html
new file mode 100644
index 0000000000..fe91af36b4
--- /dev/null
+++ b/layout/reftests/bugs/718521-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Rounded rectangle clipping test</title>
+<style>
+.clipround {
+  left:100px;
+  top:100px;
+  position:absolute;
+  width:700px;
+  height:380px;
+  overflow:hidden;
+  border-radius:45px;
+}
+.greendiv {
+  width:300px;
+  height:230px;
+  background-color:#00ff00;
+  position:absolute;
+}
+#nrcDiv0 {
+  left:0px;
+  top:0px;
+}
+#nrcDiv1 {
+  left:320px;
+  top:0px;
+}
+#nrcDiv2 {
+  left:0px;
+  top:240px;
+}
+</style>
+</head>
+
+<body>
+<div class="clipround">
+<div id="nrcDiv0" class="greendiv"></div>
+</div>
+<div class="clipround">
+<div id="nrcDiv1" class="greendiv"></div>
+</div>
+<div class="clipround">
+<div id="nrcDiv2" class="greendiv"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/718521.html b/layout/reftests/bugs/718521.html
new file mode 100644
index 0000000000..9f018676d8
--- /dev/null
+++ b/layout/reftests/bugs/718521.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Rounded rectangle clipping test</title>
+<style>
+.clipround {
+  left:100px;
+  top:100px;
+  position:absolute;
+  width:700px;
+  height:380px;
+  overflow:hidden;
+  border-radius:45px;
+}
+canvas {
+  position:absolute;
+}
+#nrcCanvas0 {
+  left:0px;
+  top:0px;
+}
+#nrcCanvas1 {
+  left:320px;
+  top:0px;
+}
+#nrcCanvas2 {
+  left:0px;
+  top:240px;
+}
+</style>
+</head>
+
+<body>
+<div class="clipround">
+<canvas id="nrcCanvas0" width="320" height="260"></canvas> 
+<canvas id="nrcCanvas1" width="320" height="260"></canvas>
+<canvas id="nrcCanvas2" width="320" height="260"></canvas> 
+</div>
+
+<script>
+  drawShapes('nrcCanvas0');
+  drawShapes('nrcCanvas1');
+  drawShapes('nrcCanvas2');
+    
+  function drawShapes(elName) {
+    var ctxt = document.getElementById(elName).getContext('2d');
+    ctxt.fillStyle = '#00ff00';
+    ctxt.fillRect(0, 0, 300, 230);
+  }
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/720987-ref.html b/layout/reftests/bugs/720987-ref.html
new file mode 100644
index 0000000000..39b5fbf2e9
--- /dev/null
+++ b/layout/reftests/bugs/720987-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html><body style="padding:100px;">
+<a href="foo" style="outline:1px solid black">a</a>
+</body>
+</html>
diff --git a/layout/reftests/bugs/720987.html b/layout/reftests/bugs/720987.html
new file mode 100644
index 0000000000..c2a85a4324
--- /dev/null
+++ b/layout/reftests/bugs/720987.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<script>
+function doTest() {
+  var e = document.getElementById('a');
+  e.style.outline = "1px solid black"; document.body.getClientRects();
+  e.style.outline = "";                document.body.getClientRects();
+  e.style.outline = "1px solid black"; document.body.getClientRects();
+  e.style.outline = "";                document.body.getClientRects();
+  e.style.outline = "1px solid black"; document.body.getClientRects();
+  e.style.outline = "";                document.body.getClientRects();
+  e.style.outline = "1px solid black"; document.body.getClientRects();
+  e.style.outline = "";                document.body.getClientRects();
+  e.style.outline = "1px solid black"; document.body.getClientRects();
+  e.style.outline = "";                document.body.getClientRects();
+  e.style.outline = "1px solid black"; document.body.getClientRects();
+  e.style.outline = "";                document.body.getClientRects();
+  e.style.outline = "1px solid black"; document.body.getClientRects();
+  document.documentElement.removeAttribute("class");
+}
+</script>
+</head>
+<body style="padding:100px;">
+<a id="a" href="foo">a</a>
+<script>
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/722888-1-ref.html b/layout/reftests/bugs/722888-1-ref.html
new file mode 100644
index 0000000000..5e816fba40
--- /dev/null
+++ b/layout/reftests/bugs/722888-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="column-count: 2;
+                height: 50px;
+                width: 100px;
+                background: yellow">
+      a
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/722888-1.html b/layout/reftests/bugs/722888-1.html
new file mode 100644
index 0000000000..a94078eebb
--- /dev/null
+++ b/layout/reftests/bugs/722888-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function tweak() {
+        var b = document.getElementsByTagName("span")[0];
+        b.remove();
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak);
+    </script>
+  </head>
+  <body>
+    <div style="column-count: 2;
+                height: 50px;
+                width: 100px;
+                background: yellow">
+      <span>0 1 2 3 4 5 6 7 8 9 0</span>a
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/722923-1-ref.html b/layout/reftests/bugs/722923-1-ref.html
new file mode 100644
index 0000000000..911c64102c
--- /dev/null
+++ b/layout/reftests/bugs/722923-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html> 
+<html class="reftest-wait">
+<body>
+<div id="d" style="opacity:0.9; position:absolute; top:100px; width:200px; height:200px; background:lime"></div>
+<script>
+var d = document.getElementById("d");
+
+function doTest() {
+  d.style.opacity = 0.8;
+  setTimeout(function() {
+    d.style.opacity = 0.5;
+    document.documentElement.removeAttribute("class");
+  }, 50);
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/722923-1.html b/layout/reftests/bugs/722923-1.html
new file mode 100644
index 0000000000..f7315f71b2
--- /dev/null
+++ b/layout/reftests/bugs/722923-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html> 
+<html class="reftest-wait">
+<body>
+<div id="d" style="opacity:0.9; height:10px;">
+  <div style="position:absolute; top:100px; width:200px; height:200px; background:lime"></div>
+</div>
+<script>
+var d = document.getElementById("d");
+
+function doTest() {
+  d.style.opacity = 0.8;
+  setTimeout(function() {
+    d.style.opacity = 0.5;
+    document.documentElement.removeAttribute("class");
+  }, 50);
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/723484-1-ref.html b/layout/reftests/bugs/723484-1-ref.html
new file mode 100644
index 0000000000..124ee0cde0
--- /dev/null
+++ b/layout/reftests/bugs/723484-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>  
+<html>
+<body style="background:yellow;">
+<img style="opacity:0.001" src="repeatable-diagonal-gradient.png">
+</body> 
+</html>
diff --git a/layout/reftests/bugs/723484-1.html b/layout/reftests/bugs/723484-1.html
new file mode 100644
index 0000000000..f2146f6e93
--- /dev/null
+++ b/layout/reftests/bugs/723484-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>  
+<html class="reftest-wait">
+<body style="background:yellow;">
+<img id="i" src="repeatable-diagonal-gradient.png">
+<script>
+function doTest() {
+  document.getElementById("i").style.opacity = 0.001;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script> 
+</body> 
+</html>
diff --git a/layout/reftests/bugs/728983-1-ref.html b/layout/reftests/bugs/728983-1-ref.html
new file mode 100644
index 0000000000..31d069262a
--- /dev/null
+++ b/layout/reftests/bugs/728983-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div style="column-count:2; width:300px; height:100px;">
+  <div id="o" style="opacity:0.5; width:100px; height:200px; background:lime;">
+	<div id="d" style="height:50px; width:80px; background:green; padding:2px">Text</div>
+  </div>
+</div>
+<script>
+var o = document.getElementById("o");
+var d = document.getElementById("d");
+document.body.getBoundingClientRect();
+o.style.opacity = 0.8;
+function doTest() {
+  o.style.opacity = 0.9;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/728983-1.html b/layout/reftests/bugs/728983-1.html
new file mode 100644
index 0000000000..ab4515b870
--- /dev/null
+++ b/layout/reftests/bugs/728983-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div style="column-count:2; width:300px; height:100px;">
+  <div id="o" style="opacity:0.5; width:100px; height:200px; background:lime;">
+	<div id="d" style="height:50px; width:80px; background:red; padding:2px">Text</div>
+  </div>
+</div>
+<script>
+var o = document.getElementById("o");
+var d = document.getElementById("d");
+document.body.getBoundingClientRect();
+o.style.opacity = 0.8;
+function doTest() {
+  o.style.opacity = 0.9;
+  document.body.getBoundingClientRect();
+  d.style.background = "green";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/729143-1-ref.html b/layout/reftests/bugs/729143-1-ref.html
new file mode 100644
index 0000000000..d9a9b752de
--- /dev/null
+++ b/layout/reftests/bugs/729143-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<body>
+ <table style="width: 100px; height: 100px;">
+  <tbody style="height: 100%;">
+   <tr style="height: 100%">
+    <td style="height: 100%;">
+     <div style="height: 100%; width: 100%;overflow:scroll;">
+      <div style="height: 200px">
+      </div>
+      Some text
+     </div>
+    </td>
+   </tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/729143-1.html b/layout/reftests/bugs/729143-1.html
new file mode 100644
index 0000000000..359a947e11
--- /dev/null
+++ b/layout/reftests/bugs/729143-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<body>
+ <table style="width: 100px; height: 100px;">
+  <tbody style="height: 100%;"> <!-- required for older ffox versions -->
+   <tr>
+    <td style="height: 100%;">
+     <div style="height: 100%; width: 100%;overflow:scroll;">
+      <div style="height: 200px">
+      </div>
+      Some text
+     </div>
+    </td>
+   </tr>
+  </tbody>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/731521-1-ref.html b/layout/reftests/bugs/731521-1-ref.html
new file mode 100644
index 0000000000..841b6706f4
--- /dev/null
+++ b/layout/reftests/bugs/731521-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<body style="border-style: solid;"></body>
+</html>
diff --git a/layout/reftests/bugs/731521-1.html b/layout/reftests/bugs/731521-1.html
new file mode 100644
index 0000000000..901d8ec8ba
--- /dev/null
+++ b/layout/reftests/bugs/731521-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html style="border-width: 0px;">
+<body style="border-style: inherit;" onload="document.documentElement.offsetHeight; document.documentElement.style.borderStyle='solid';"></body>
+</html>
diff --git a/layout/reftests/bugs/731726-1-ref.html b/layout/reftests/bugs/731726-1-ref.html
new file mode 100644
index 0000000000..34a58f1a9e
--- /dev/null
+++ b/layout/reftests/bugs/731726-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <style type="text/css">input{border: none}</style>
+</head>
+<body>
+  <input id="button2" type="button"/>
+  <div id="target"><div><input id="button" type="button"/></div></div>
+<script>
+document.getElementById("button2").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/731726-1.html b/layout/reftests/bugs/731726-1.html
new file mode 100644
index 0000000000..a016e62ae8
--- /dev/null
+++ b/layout/reftests/bugs/731726-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <style type="text/css">input{border: none}</style>
+</head>
+<body>
+  <div><input id="button" type="button"/></div>
+  <input id="button2" type="button"/>
+  <div id="target"/>
+<script>
+var button = document.getElementById("button");
+button.focus();
+document.getElementById("target").appendChild(button.parentNode);
+document.getElementById("button2").focus();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/735481-1-ref.html b/layout/reftests/bugs/735481-1-ref.html
new file mode 100644
index 0000000000..058bee68d7
--- /dev/null
+++ b/layout/reftests/bugs/735481-1-ref.html
@@ -0,0 +1,10 @@
+<!-- This test is intentionally in quirks mode -->
+<style>
+  div { color: green; }
+</style>
+<div>
+  <div>This text should be green</div>
+</div>
+<div>
+  <div>This text should be green</div>
+</div>
diff --git a/layout/reftests/bugs/735481-1.html b/layout/reftests/bugs/735481-1.html
new file mode 100644
index 0000000000..e75fa8a7d8
--- /dev/null
+++ b/layout/reftests/bugs/735481-1.html
@@ -0,0 +1,12 @@
+<!-- This test is intentionally in quirks mode -->
+<style>
+  div { color: red; }
+  .TEST1 div { color: green; }
+  #TEST2 div { color: green; }
+</style>
+<div class="test1">
+  <div>This text should be green</div>
+</div>
+<div id="test2">
+  <div>This text should be green</div>
+</div>
diff --git a/layout/reftests/bugs/745934-1-ref.html b/layout/reftests/bugs/745934-1-ref.html
new file mode 100644
index 0000000000..c204fb9164
--- /dev/null
+++ b/layout/reftests/bugs/745934-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+    position: absolute;
+	top: 0; left: 0;
+    width: 600px;
+    height: 500px;
+	background: yellow;
+	opacity: 0.3;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/745934-1.html b/layout/reftests/bugs/745934-1.html
new file mode 100644
index 0000000000..c82c51026f
--- /dev/null
+++ b/layout/reftests/bugs/745934-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+    position: absolute;
+	top: 200px; left: 200px;
+    width: 600px;
+    height: 500px;
+	background: yellow;
+	opacity: 0.3;
+	transform-style: preserve-3d;
+	-webkit-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	transform: translate(-200px, -200px);
+	-webkit-transform: translate(-200px, -200px);
+	transform: translate(-200px, -200px);
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/748692-1-ref.html b/layout/reftests/bugs/748692-1-ref.html
new file mode 100644
index 0000000000..2276bf1481
--- /dev/null
+++ b/layout/reftests/bugs/748692-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body { color: green; }
+  </style>
+</head>
+<body>
+  This text should be green
+</body>
diff --git a/layout/reftests/bugs/748692-1a.html b/layout/reftests/bugs/748692-1a.html
new file mode 100644
index 0000000000..9e07d09c23
--- /dev/null
+++ b/layout/reftests/bugs/748692-1a.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body { color: red; }
+  </style>
+  <script>
+    document.styleSheets[0].insertRule("body { color: green; }", 1);
+    document.querySelector("style").className = "foo";
+  </script>
+</head>
+<body>
+  This text should be green
+</body>
diff --git a/layout/reftests/bugs/748692-1b.html b/layout/reftests/bugs/748692-1b.html
new file mode 100644
index 0000000000..6e017694bc
--- /dev/null
+++ b/layout/reftests/bugs/748692-1b.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<head>
+  <style class="foo">
+    body { color: red; }
+  </style>
+  <script>
+    document.styleSheets[0].insertRule("body { color: green; }", 1);
+    document.querySelector("style").removeAttribute("class");
+  </script>
+</head>
+<body>
+  This text should be green
+</body>
diff --git a/layout/reftests/bugs/748803-1-ref.html b/layout/reftests/bugs/748803-1-ref.html
new file mode 100644
index 0000000000..6dc5198299
--- /dev/null
+++ b/layout/reftests/bugs/748803-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="height: 100%;">
+  <body style="height: 100%;">
+    <!-- Make sure the div forces the frame off the screen by default -->
+    <div style="height: 200%"></div>
+    <iframe></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/748803-1.html b/layout/reftests/bugs/748803-1.html
new file mode 100644
index 0000000000..c20235dfc5
--- /dev/null
+++ b/layout/reftests/bugs/748803-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="height: 100%;">
+  <body style="height: 100%;">
+    <!-- Make sure the div forces the frame off the screen by default -->
+    <div style="height: 200%"></div>
+    <iframe src="about:neterror"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/750551-1-ref.html b/layout/reftests/bugs/750551-1-ref.html
new file mode 100644
index 0000000000..1e9774967f
--- /dev/null
+++ b/layout/reftests/bugs/750551-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body dir="ltr">
+<p>1
+<p>2
+<p>3
+<style>
+body {
+ display: -moz-box;
+ -moz-box-orient: vertical;
+}
+</style>
+</body>
+</html>
diff --git a/layout/reftests/bugs/750551-1.html b/layout/reftests/bugs/750551-1.html
new file mode 100644
index 0000000000..fc7fc6f39f
--- /dev/null
+++ b/layout/reftests/bugs/750551-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<body dir="rtl">
+<p>1
+<p>2
+<p>3
+<style>
+body {
+ display: -moz-box;
+ -moz-box-orient: vertical;
+ text-align: left;
+}
+</style>
+</body>
+</html>
diff --git a/layout/reftests/bugs/751012-1-ref.html b/layout/reftests/bugs/751012-1-ref.html
new file mode 100644
index 0000000000..41e85be41e
--- /dev/null
+++ b/layout/reftests/bugs/751012-1-ref.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<body style="position: relative">
+  <div id="container" style="position: relative; height: 300px">
+    <div style="position:absolute; top: 0; left: 0">
+      <textarea rows="6">
+        You should be seeing the "Should see me" text.
+        a
+        b
+        c
+        d
+        e
+        f
+        g
+        h
+        i
+        j
+        k
+        l
+        m
+        n
+        o
+        p
+        q
+        r
+        s
+        t
+        u
+        Should see me.
+      </textarea>
+    </div>
+  </div>
+  <script>
+    var textarea = document.querySelector("textarea");
+    textarea.scrollTop = textarea.scrollHeight
+    document.getElementById("container").style.overflow = "hidden";
+  </script>
+</body>
diff --git a/layout/reftests/bugs/751012-1a.html b/layout/reftests/bugs/751012-1a.html
new file mode 100644
index 0000000000..2d69231b52
--- /dev/null
+++ b/layout/reftests/bugs/751012-1a.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<body style="position: relative">
+  <div id="container" style="height: 300px">
+    <div style="position:absolute; top: 0; left: 0">
+      <textarea rows="6">
+        You should be seeing the "Should see me" text.
+        a
+        b
+        c
+        d
+        e
+        f
+        g
+        h
+        i
+        j
+        k
+        l
+        m
+        n
+        o
+        p
+        q
+        r
+        s
+        t
+        u
+        Should see me.
+      </textarea>
+    </div>
+  </div>
+  <script>
+    var textarea = document.querySelector("textarea");
+    textarea.scrollTop = textarea.scrollHeight
+    document.getElementById("container").style.overflow = "hidden";
+  </script>
+</body>
diff --git a/layout/reftests/bugs/751012-1b.html b/layout/reftests/bugs/751012-1b.html
new file mode 100644
index 0000000000..b0c7044bdf
--- /dev/null
+++ b/layout/reftests/bugs/751012-1b.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<body style="position: relative;">
+  <div style="column-count: 2; height: 300px">
+    <div id="container" style="height: 600px">
+      <!-- Make sure the abs-pos div's placeholder is not in the first continuation -->
+      <div style="height: 400px"></div>
+      <div style="position:absolute; top: 0; left: 0">
+        <textarea rows="6">
+        You should be seeing the "Should see me" text.
+        a
+        b
+        c
+        d
+        e
+        f
+        g
+        h
+        i
+        j
+        k
+        l
+        m
+        n
+        o
+        p
+        q
+        r
+        s
+        t
+        u
+        Should see me.
+        </textarea>
+      </div>
+    </div>
+  </div>
+  <script>
+    var textarea = document.querySelector("textarea");
+    textarea.scrollTop = textarea.scrollHeight
+    document.getElementById("container").style.overflow = "hidden";
+  </script>
+</body>
diff --git a/layout/reftests/bugs/753329-1.html b/layout/reftests/bugs/753329-1.html
new file mode 100644
index 0000000000..1421e5d5b6
--- /dev/null
+++ b/layout/reftests/bugs/753329-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html style="overflow:hidden" class="reftest-wait"
+      reftest-displayport-w="800" reftest-displayport-h="2000">
+<body>
+<div id="x" style="position:absolute; width:400px; height:400px; background:red;">
+You should not see any red
+</div>
+<script>
+function doTest() {
+  document.getElementById('x').style.visibility = 'hidden';
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/758561-1-ref.html b/layout/reftests/bugs/758561-1-ref.html
new file mode 100644
index 0000000000..0b4b4ba3be
--- /dev/null
+++ b/layout/reftests/bugs/758561-1-ref.html
@@ -0,0 +1 @@
+<!doctype html>
<html>
<body>
</body>
</html>
diff --git a/layout/reftests/bugs/758561-1.html b/layout/reftests/bugs/758561-1.html
new file mode 100644
index 0000000000..c9e0e53661
--- /dev/null
+++ b/layout/reftests/bugs/758561-1.html
@@ -0,0 +1 @@
+<!doctype html>
<html>
<body>
<iframe style="border-radius: 10px;border-style: none; transform-style: preserve-3d">
</body>
</html>
diff --git a/layout/reftests/bugs/759036-1-ref.html b/layout/reftests/bugs/759036-1-ref.html
new file mode 100644
index 0000000000..8c6bbe68ec
--- /dev/null
+++ b/layout/reftests/bugs/759036-1-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+<head>
+  <style>
+    #container {
+      height: 300px;
+      width: 300px;
+      overflow:hidden;
+      border-radius:30px;
+    }
+    #inner {
+      width: 380px;
+      height: 260px;
+      background-color: #66ff66;
+    }
+  </style>
+</head>
+<body>
+  <div id="container">
+    <div id="inner">
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/759036-1.html b/layout/reftests/bugs/759036-1.html
new file mode 100644
index 0000000000..851f9c7670
--- /dev/null
+++ b/layout/reftests/bugs/759036-1.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+  <style>
+    #container {
+      height: 300px;
+      width: 300px;
+      overflow:hidden;
+      border-radius:30px;
+      opacity: 0.6;
+    }
+    #inner {
+      width: 380px;
+      height: 260px;
+      background-color: #00ff00;
+    }
+  </style>
+</head>
+<body>
+  <div id="container">
+    <div id="inner">
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/759036-2-ref.html b/layout/reftests/bugs/759036-2-ref.html
new file mode 100644
index 0000000000..d7adc930c6
--- /dev/null
+++ b/layout/reftests/bugs/759036-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.clipround {
+  width:250px;
+  overflow:hidden;
+  transform: translateX(300px);
+	border-radius:35px;
+  opacity:0.5;
+}
+</style>
+</head>
+<body>
+<img src="mozilla-banner.gif" class="clipround">
+</body>
+</html>
diff --git a/layout/reftests/bugs/759036-2.html b/layout/reftests/bugs/759036-2.html
new file mode 100644
index 0000000000..38f454ddcf
--- /dev/null
+++ b/layout/reftests/bugs/759036-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.clipround {
+  width:250px;
+  overflow:hidden;
+  transform: translateX(300px);
+	border-radius:35px;
+}
+</style>
+</head>
+<body>
+<img src="mozilla-banner-opacity.gif" class="clipround">
+</body>
+</html>
diff --git a/layout/reftests/bugs/76331-1-ref.html b/layout/reftests/bugs/76331-1-ref.html
new file mode 100644
index 0000000000..7a8c26b943
--- /dev/null
+++ b/layout/reftests/bugs/76331-1-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>bug 76311 table empty-cells:hide</title>
+<style>
+table   {
+  empty-cells:show;
+  background-color:red;
+  padding:0;
+  border-spacing:0;
+}
+
+td {
+  background-color:green;
+  padding:0;
+  color:green;
+}
+
+</style>
+</head>
+
+<body>
+ <!-- empty elements should be marked as empty-->
+ <table class="empty">
+  <tr><td class="empty"></td><td>X</td></tr>
+  <tr><td>X</td><td class="empty"></td></tr>
+ </table>
+ <!-- collapsed whitespace:  space + CR  should be marked as empty-->
+ <table class="empty">
+  <tr><td class="empty">                </td><td>X</td></tr>
+  <tr><td>X</td><td class="empty">
+  
+  
+  </td></tr>
+ </table>
+ <!-- not collapsed whitespace:  space + tab  should not be marked as empty-->
+ <table style="white-space: pre">
+  <tr><td>  </td><td>X</td></tr>
+  <tr><td>X</td><td>	</td></tr>
+ </table>
+ 
+ 
+ <!-- div with whitespace, empty span - should not be marked as empty -->
+ <table>
+  <tr><td><div> </div></td><td>X</td></tr>
+  <tr><td>X</td><td><span></span></td></tr>
+ </table>
+ 
+  <!--float empty or not  should not be marked as empty -->
+ <table>
+  <tr><td><div style="float:left;">X</div></td><td>X</td></tr>
+  <tr><td>X</td><td><div style="float:left;"></div></td></tr>
+ </table>
+ 
+ <!-- position:fixed and position:absolute  - both should be marked as empty -->
+ <table class="empty">
+  <tr><td class="empty"><div style="position:fixed; left: 30px;">X</div></td><td>X</td></tr>
+  <tr><td>X</td><td class="empty"><div style="position:absolute; left: 30px;">X</div></td></tr>
+ </table>
+ <!-- font size 0 makes textframes with no extent -->
+ <table>
+  <tr><td style="font-size:0">xxxx</td><td>X</td></tr>
+  <tr><td>X</td><td><img src="" style="width:0; height:0"></td></tr>
+ </table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/76331-1.html b/layout/reftests/bugs/76331-1.html
new file mode 100644
index 0000000000..fe99b67041
--- /dev/null
+++ b/layout/reftests/bugs/76331-1.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>bug 76311 table empty-cells:hide</title>
+<style>
+table   {
+  empty-cells:hide;
+  background-color:red;
+  padding:0;
+  border-spacing:0;
+}
+table.empty {
+  background-color:green;
+}
+td {
+  background-color:green;
+  padding:0;
+  color:green;
+}
+td.empty {
+  background-color:red;
+}
+</style>
+</head>
+
+<body>
+ <!-- empty elements should be marked as empty-->
+ <table class="empty">
+  <tr><td class="empty"></td><td>X</td></tr>
+  <tr><td>X</td><td class="empty"></td></tr>
+ </table>
+ <!-- collapsed whitespace:  space + CR  should be marked as empty-->
+ <table class="empty">
+  <tr><td class="empty">                </td><td>X</td></tr>
+  <tr><td>X</td><td class="empty">
+  
+  
+  </td></tr>
+ </table>
+ <!-- not collapsed whitespace:  space + tab  should not be marked as empty-->
+ <table style="white-space: pre">
+  <tr><td>  </td><td>X</td></tr>
+  <tr><td>X</td><td>	</td></tr>
+ </table>
+ 
+ 
+ <!-- div with whitespace, empty span - should not be marked as empty -->
+ <table>
+  <tr><td><div> </div></td><td>X</td></tr>
+  <tr><td>X</td><td><span></span></td></tr>
+ </table>
+ 
+  <!--float empty or not  should not be marked as empty -->
+ <table>
+  <tr><td><div style="float:left;">X</div></td><td>X</td></tr>
+  <tr><td>X</td><td><div style="float:left;"></div></td></tr>
+ </table>
+ 
+ <!-- position:fixed and position:absolute  - both should be marked as empty -->
+ <table class="empty">
+  <tr><td class="empty"><div style="position:fixed; left: 30px;">X</div></td><td>X</td></tr>
+  <tr><td>X</td><td class="empty"><div style="position:absolute; left: 30px;">X</div></td></tr>
+ </table>
+ <!-- font size 0 makes textframes with no extent -->
+ <table>
+  <tr><td style="font-size:0">xxxx</td><td>X</td></tr>
+  <tr><td>X</td><td><img src="" style="width:0; height:0"></td></tr>
+ </table>
+ 
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-1-ref.html b/layout/reftests/bugs/776265-1-ref.html
new file mode 100644
index 0000000000..2ab4ad8e6e
--- /dev/null
+++ b/layout/reftests/bugs/776265-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 40px;
+    width: 40px;
+    border: 1px solid #aaa;
+    padding: 4px;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/776265-1a.html b/layout/reftests/bugs/776265-1a.html
new file mode 100644
index 0000000000..a22867dc10
--- /dev/null
+++ b/layout/reftests/bugs/776265-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 - checks min-height with box-sizing: border-box</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 40px;
+    width: 50px;
+    min-height: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+    box-sizing: border-box;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-1b.html b/layout/reftests/bugs/776265-1b.html
new file mode 100644
index 0000000000..c99f00dc32
--- /dev/null
+++ b/layout/reftests/bugs/776265-1b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 checks max-height with box-sizing: border-box</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 70px;
+    width: 50px;
+    max-height: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+    box-sizing: border-box;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-1c.html b/layout/reftests/bugs/776265-1c.html
new file mode 100644
index 0000000000..9f956b130c
--- /dev/null
+++ b/layout/reftests/bugs/776265-1c.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 - checks min-width with box-sizing: border-box</title>
+<style type="text/css">
+textarea {
+    float: left;
+    width: 40px;
+    height: 50px;
+    min-width: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+    box-sizing: border-box;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-1d.html b/layout/reftests/bugs/776265-1d.html
new file mode 100644
index 0000000000..b6ade16928
--- /dev/null
+++ b/layout/reftests/bugs/776265-1d.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 - checks max-width with box-sizing: border-box</title>
+<style type="text/css">
+textarea {
+    float: left;
+    width: 70px;
+    height: 50px;
+    max-width: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+    box-sizing: border-box;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-2-ref.html b/layout/reftests/bugs/776265-2-ref.html
new file mode 100644
index 0000000000..79c2f63b3a
--- /dev/null
+++ b/layout/reftests/bugs/776265-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 50px;
+    width: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-2a.html b/layout/reftests/bugs/776265-2a.html
new file mode 100644
index 0000000000..760796fe2d
--- /dev/null
+++ b/layout/reftests/bugs/776265-2a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 - checks min-height</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 30px;
+    width: 50px;
+    min-height: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-2b.html b/layout/reftests/bugs/776265-2b.html
new file mode 100644
index 0000000000..7a741ebc33
--- /dev/null
+++ b/layout/reftests/bugs/776265-2b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 - checks max-height</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 70px;
+    width: 50px;
+    max-height: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-2c.html b/layout/reftests/bugs/776265-2c.html
new file mode 100644
index 0000000000..34736ff31d
--- /dev/null
+++ b/layout/reftests/bugs/776265-2c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 - checks min-width</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 50px;
+    width: 30px;
+    min-width: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776265-2d.html b/layout/reftests/bugs/776265-2d.html
new file mode 100644
index 0000000000..b092bdf30a
--- /dev/null
+++ b/layout/reftests/bugs/776265-2d.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase for bug 776265 - checks max-width</title>
+<style type="text/css">
+textarea {
+    float: left;
+    height: 50px;
+    width: 70px;
+    max-width: 50px;
+    border: 1px solid #aaa;
+    padding: 4px;
+}
+</style>
+</head>
+<body><textarea></textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/776443-1-ref.html b/layout/reftests/bugs/776443-1-ref.html
new file mode 100644
index 0000000000..b9d60104b6
--- /dev/null
+++ b/layout/reftests/bugs/776443-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  table { background: yellow; }
+  td { height: 50px; }
+</style>
+<table><tr><td>Should be 50px tall</td></tr></table>
+
diff --git a/layout/reftests/bugs/776443-1.html b/layout/reftests/bugs/776443-1.html
new file mode 100644
index 0000000000..0d3cbe3062
--- /dev/null
+++ b/layout/reftests/bugs/776443-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<style>
+  table { background: yellow; }
+  td { height: calc(25px + 25px); }
+</style>
+<table><tr><td>Should be 50px tall</td></tr></table>
diff --git a/layout/reftests/bugs/776443-2-ref.html b/layout/reftests/bugs/776443-2-ref.html
new file mode 100644
index 0000000000..285098e2d7
--- /dev/null
+++ b/layout/reftests/bugs/776443-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<style>
+  table { background: yellow; }
+  td { width: 500px; }
+</style>
+<table><tr><td>Should be 500px wide</td></tr></table>
diff --git a/layout/reftests/bugs/776443-2.html b/layout/reftests/bugs/776443-2.html
new file mode 100644
index 0000000000..f02bff10a9
--- /dev/null
+++ b/layout/reftests/bugs/776443-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<style>
+  table { background: yellow; }
+  td { width: calc(250px + 250px); }
+</style>
+<table><tr><td>Should be 500px wide</td></tr></table>
diff --git a/layout/reftests/bugs/786254-1-ref.html b/layout/reftests/bugs/786254-1-ref.html
new file mode 100644
index 0000000000..03f6e2fbd9
--- /dev/null
+++ b/layout/reftests/bugs/786254-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+<div style="margin-left: 0.5px; width: 12px; height: 26px; background: red;"><div style="width: 12px; height: 26px; background: lime;"></div></div>
+</body>
diff --git a/layout/reftests/bugs/786254-1.html b/layout/reftests/bugs/786254-1.html
new file mode 100644
index 0000000000..d9a403728e
--- /dev/null
+++ b/layout/reftests/bugs/786254-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<body>
+<div style="margin-left: 0.5px; width: 12px; height: 26px; background: red;"><div style="width: 12px; height: 26px; background: lime; clip-path: url(#clip-path);"></div></div>
+<svg height="0"><clipPath id="clip-path"><rect x="0" y="0" width="12" height="26"/></clipPath></svg>
+</body>
diff --git a/layout/reftests/bugs/787947-1-ref.html b/layout/reftests/bugs/787947-1-ref.html
new file mode 100644
index 0000000000..22e5afad24
--- /dev/null
+++ b/layout/reftests/bugs/787947-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<body style="background:white;">
+<div style="position:absolute; left:10px; top:10px; width:100px; height:100px; border:1px solid black;"></div>
+<p style="position:absolute; left:10px; z-index:2">Hello
diff --git a/layout/reftests/bugs/787947-1.html b/layout/reftests/bugs/787947-1.html
new file mode 100644
index 0000000000..d10dcd71d7
--- /dev/null
+++ b/layout/reftests/bugs/787947-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<body style="background:white;">
+<div style="position:absolute; left:10px; top:10px; width:100px; height:100px; border:1px solid black; background-image:linear-gradient(30deg, white, rgba(255,255,255,0)); background-size:0.3px 100px;"></div>
+<p style="position:absolute; left:10px; z-index:2">Hello
diff --git a/layout/reftests/bugs/796847-1-ref.svg b/layout/reftests/bugs/796847-1-ref.svg
new file mode 100644
index 0000000000..f14279fb8b
--- /dev/null
+++ b/layout/reftests/bugs/796847-1-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="f" x="0" y="0" width="100%" height="100%">
+    <feGaussianBlur in="SourceGraphic" stdDeviation="0.1"/>
+  </filter>
+  <g filter="url(#f)">
+    <rect x="0" y="0" width="100" height="100" style="fill: lime;"/>
+  </g>
+</svg>
diff --git a/layout/reftests/bugs/796847-1.svg b/layout/reftests/bugs/796847-1.svg
new file mode 100644
index 0000000000..d040f2929e
--- /dev/null
+++ b/layout/reftests/bugs/796847-1.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait">
+  <title>Test that the area that's covered by a filtered element is invalidated when content inside it changes</title>
+  <filter id="f" x="0" y="0" width="100%" height="100%">
+    <feGaussianBlur in="SourceGraphic" stdDeviation="0.1"/>
+  </filter>
+  <script type="text/javascript">//<![CDATA[
+
+function doTest()
+{
+  var e = document.getElementsByTagName("rect")[0];
+  e.style.fill = "lime";
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+
+  //]]></script>
+  <g filter="url(#f)">
+    <rect x="0" y="0" width="100" height="100" style="fill: red;"/>
+  </g>
+</svg>
diff --git a/layout/reftests/bugs/797797-1-ref.html b/layout/reftests/bugs/797797-1-ref.html
new file mode 100644
index 0000000000..60e388c69f
--- /dev/null
+++ b/layout/reftests/bugs/797797-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="font-size:40px; color:rgba(0,0,0,0.5)">bash</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/797797-1.html b/layout/reftests/bugs/797797-1.html
new file mode 100644
index 0000000000..568e98fe34
--- /dev/null
+++ b/layout/reftests/bugs/797797-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="font-size:40px; opacity:.5;">bash</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/797797-2-ref.html b/layout/reftests/bugs/797797-2-ref.html
new file mode 100644
index 0000000000..0d3cb5bd41
--- /dev/null
+++ b/layout/reftests/bugs/797797-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="color:rgba(0,0,0,0.5)">youtube</div>
+<div style="color:rgba(0,0,0,0.5)">bash</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/797797-2.html b/layout/reftests/bugs/797797-2.html
new file mode 100644
index 0000000000..c19d515bf3
--- /dev/null
+++ b/layout/reftests/bugs/797797-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="opacity:0.5; color:black">youtube</div>
+<div style="opacity:0.5; color:black">bash</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/801994-1-ref.html b/layout/reftests/bugs/801994-1-ref.html
new file mode 100644
index 0000000000..72645c67fc
--- /dev/null
+++ b/layout/reftests/bugs/801994-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="height: 200px; float: left; background: green">
+  <img style="height: 120px; opacity: 0.5;" src="solidblue.png">
+</div>
diff --git a/layout/reftests/bugs/801994-1.html b/layout/reftests/bugs/801994-1.html
new file mode 100644
index 0000000000..53d7a7dff7
--- /dev/null
+++ b/layout/reftests/bugs/801994-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="height: 200px; float: left; background: green">
+  <img style="height: calc(50% + 20px); opacity: 0.5;" src="solidblue.png">
+</div>
diff --git a/layout/reftests/bugs/804323-1-ref.html b/layout/reftests/bugs/804323-1-ref.html
new file mode 100644
index 0000000000..2608b19c12
--- /dev/null
+++ b/layout/reftests/bugs/804323-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { margin:0; padding:0; overflow:hidden; }
+#new {
+  position: absolute;
+  left: 200px;
+  top: 100px;
+  width: 100px;
+  height: 100px;
+  background: yellow;
+}
+</style>
+</head>
+<body>
+<div id="new"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/804323-1.html b/layout/reftests/bugs/804323-1.html
new file mode 100644
index 0000000000..8a19fc745b
--- /dev/null
+++ b/layout/reftests/bugs/804323-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { margin:0; padding:0; overflow:hidden; }
+#new {
+  position: absolute;
+  left: 100px;
+  top: 100px;
+  width: 100px;
+  height: 100px;
+  background: yellow;
+}
+</style>
+</head>
+<body>
+<div id="new" style="display:none"></div>
+<script>
+document.body.getBoundingClientRect().height;
+document.body.style.transform = "translateX(100px)";
+document.body.getBoundingClientRect().width;
+document.getElementById("new").style.display = "";
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/811301-1-ref.html b/layout/reftests/bugs/811301-1-ref.html
new file mode 100644
index 0000000000..95cfe2d345
--- /dev/null
+++ b/layout/reftests/bugs/811301-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow-y:hidden">
+<div style="height:10000px; width:100px; background:yellow; position:relative; top:-200px"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/811301-1.html b/layout/reftests/bugs/811301-1.html
new file mode 100644
index 0000000000..e8ba7a8a8b
--- /dev/null
+++ b/layout/reftests/bugs/811301-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<p>Hello
+<div style="height:10000px; width:100px; background:yellow"></div>
+<script>
+window.scrollTo(0,200);
+document.documentElement.setAttribute("style", "overflow-y:hidden");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/812824-1-ref.html b/layout/reftests/bugs/812824-1-ref.html
new file mode 100644
index 0000000000..a404637bfc
--- /dev/null
+++ b/layout/reftests/bugs/812824-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<style> html { background-color: inherit } </style>
+<p>This document should NOT have a red background.</p>
diff --git a/layout/reftests/bugs/812824-1.html b/layout/reftests/bugs/812824-1.html
new file mode 100644
index 0000000000..e3f9603c98
--- /dev/null
+++ b/layout/reftests/bugs/812824-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<style> html { tab-size: 0 } </style>
+<script> getComputedStyle(document.documentElement, ""); </script>
+<style> html { tab-size: inherit } </style>
+<p>This document should NOT have a red background.</p>
diff --git a/layout/reftests/bugs/814677-ref.html b/layout/reftests/bugs/814677-ref.html
new file mode 100644
index 0000000000..2a9ab492f5
--- /dev/null
+++ b/layout/reftests/bugs/814677-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 814677</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+span { display: table-cell; } 
+.t { display:table; }
+    </style>
+</head>
+<body>
+
+<div><span>A</span><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+<div class="t"><span>A</span></div>&#x0B;<div class="t"><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+<div class="t"><span>A</span></div>&nbsp;<div class="t"><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+
+<div><span>A</span><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+<div class="t"><span>A</span></div>&#x0B;<div class="t"><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+<div class="t"><span>A</span></div>&nbsp;<div class="t"><span>B</span></div>
+<div><span>A</span><span>B</span></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/814677.html b/layout/reftests/bugs/814677.html
new file mode 100644
index 0000000000..d8a13130c6
--- /dev/null
+++ b/layout/reftests/bugs/814677.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 814677</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+span { display: table-cell; }
+.pre { white-space:pre; }
+    </style>
+</head>
+<body>
+
+<div><span>A</span>&#x09;<span>B</span></div>
+<div><span>A</span>&#x0A;<span>B</span></div>
+<div><span>A</span>&#x0B;<span>B</span></div>
+<div><span>A</span>&#x0C;<span>B</span></div>
+<div><span>A</span>&#x0D;<span>B</span></div>
+<div><span>A</span>&nbsp;<span>B</span></div>
+<div><span>A</span> <span>B</span></div>
+
+<div class="pre"><span>A</span>&#x09;<span>B</span></div>
+<div class="pre"><span>A</span>&#x0A;<span>B</span></div>
+<div class="pre"><span>A</span>&#x0B;<span>B</span></div>
+<div class="pre"><span>A</span>&#x0C;<span>B</span></div>
+<div class="pre"><span>A</span>&#x0D;<span>B</span></div>
+<div class="pre"><span>A</span>&nbsp;<span>B</span></div>
+<div class="pre"><span>A</span> <span>B</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/814952-1-ref.html b/layout/reftests/bugs/814952-1-ref.html
new file mode 100644
index 0000000000..04f680c0b2
--- /dev/null
+++ b/layout/reftests/bugs/814952-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+    <title>non-scaling-stroke reftest</title>
+</head>
+<body>
+<svg height="2000" width="2000" xmlns="http://www.w3.org/2000/svg">
+    <path fill="red" stroke-width="2" stroke="black" d="m10,18 100,0 0,100 -100,00z"></path>
+</svg>
+</body></html>
diff --git a/layout/reftests/bugs/814952-1.html b/layout/reftests/bugs/814952-1.html
new file mode 100644
index 0000000000..969360b641
--- /dev/null
+++ b/layout/reftests/bugs/814952-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+    <title>non-scaling-stroke reftest</title>
+    <style>
+        * {
+            vector-effect: non-scaling-stroke;
+        }
+    </style>
+</head>
+<body>
+<svg height="2000" width="2000" xmlns="http://www.w3.org/2000/svg">
+    <path fill="red" stroke-width="2" stroke="black" d="m10,18 100,0 0,100 -100,00z"></path>
+</svg>
+</body></html>
diff --git a/layout/reftests/bugs/815030-1-ref.html b/layout/reftests/bugs/815030-1-ref.html
new file mode 100644
index 0000000000..7ae415eedb
--- /dev/null
+++ b/layout/reftests/bugs/815030-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyAQMAAACQ%2B%2Bz9AAAAA1BMVEUA%2FwA0XsCoAAAAD0lEQVQoFWNgGAWjYGgCAAK8AAEb3eOQAAAAAElFTkSuQmCC);">
+</body>
+</html>
diff --git a/layout/reftests/bugs/815030-1.html b/layout/reftests/bugs/815030-1.html
new file mode 100644
index 0000000000..7c10a1e213
--- /dev/null
+++ b/layout/reftests/bugs/815030-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs%2B9AAAAAXNSR0IArs4c6QAAADdJREFUGNNjZGD4%2F5%2BBCMDCwMDAwNDQiF9VQz0DEwORgPoKGRkY%2Fv9fe%2BM5XkXBGpID7kZiFAIAEbULDl5w%2F68AAAAASUVORK5CYII%3D); background-attachment:fixed">
+<script>
+function doTest() {
+  var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyAQMAAACQ%2B%2Bz9AAAAA1BMVEUA%2FwA0XsCoAAAAD0lEQVQoFWNgGAWjYGgCAAK8AAEb3eOQAAAAAElFTkSuQmCC";
+  document.body.style.backgroundImage = "url(" + img + ")";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/815593-1-ref.html b/layout/reftests/bugs/815593-1-ref.html
new file mode 100644
index 0000000000..0e71b420b7
--- /dev/null
+++ b/layout/reftests/bugs/815593-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<img style="transform:translate(20px,0)" id="i" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAE4gCAYAAAA/MefJAAAJaklEQVR4nO3KQREAAAwCIPuX1ghbAI4vSZ9EURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRF8TbU+MCtlWtcNAAAAABJRU5ErkJggg==">
+</body>
+</html>
diff --git a/layout/reftests/bugs/815593-1.html b/layout/reftests/bugs/815593-1.html
new file mode 100644
index 0000000000..915c0ef013
--- /dev/null
+++ b/layout/reftests/bugs/815593-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<img id="i" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAE4gCAYAAAA/MefJAAAJaklEQVR4nO3KQREAAAwCIPuX1ghbAI4vSZ9EURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRFURRF8TbU+MCtlWtcNAAAAABJRU5ErkJggg==">
+<script>
+var i = document.getElementById("i");
+i.getBoundingClientRect();
+i.style.transform = "translate(10px,0)";
+window.addEventListener("MozReftestInvalidate", function() {
+  i.style.transform = "translate(20px,0)";
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/816359-1-ref.html b/layout/reftests/bugs/816359-1-ref.html
new file mode 100644
index 0000000000..c042d9c9b3
--- /dev/null
+++ b/layout/reftests/bugs/816359-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<div style="position:absolute; left:0; top:0; width:10px; height:10px; background:black;">
diff --git a/layout/reftests/bugs/816359-1.html b/layout/reftests/bugs/816359-1.html
new file mode 100644
index 0000000000..91909e1a34
--- /dev/null
+++ b/layout/reftests/bugs/816359-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<body style="margin:100px;">
+<span style="transform:translate(10px,0)">
+  <div style="position:absolute; left:0; top:0; width:10px; height:10px; background:black;">
+</span>
diff --git a/layout/reftests/bugs/816458-1-ref.html b/layout/reftests/bugs/816458-1-ref.html
new file mode 100644
index 0000000000..64c84be219
--- /dev/null
+++ b/layout/reftests/bugs/816458-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table border="1" style="width:100%; transform:rotate(90deg)">
+  <tbody><tr><td></td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/816458-1.html b/layout/reftests/bugs/816458-1.html
new file mode 100644
index 0000000000..6db41128ca
--- /dev/null
+++ b/layout/reftests/bugs/816458-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body>
+<table id="t" border="1" style="width:100%">
+  <tbody><tr><td></td></tr></tbody>
+</table>
+<script>
+var t = document.getElementById("t");
+window.addEventListener("MozReftestInvalidate", function() {
+  t.style.transform = "rotate(90deg)";
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/816876-1-ref.xhtml b/layout/reftests/bugs/816876-1-ref.xhtml
new file mode 100644
index 0000000000..e70498b96c
--- /dev/null
+++ b/layout/reftests/bugs/816876-1-ref.xhtml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .container {
+        width: 40px;
+        height: 14px;
+        border: 2px solid green;
+        margin-bottom: 2px;
+      }
+      .a {
+          width: 16px;
+          height: 10px;
+          background: blue;
+          min-width: 0;
+          border: 2px solid lightblue;
+      }
+      .b {
+          width: 16px;
+          height: 10px;
+          background: purple;
+          min-width: 0;
+          border: 2px solid slateblue;
+      }
+      .aKid {
+          margin-left: 10px;
+          margin-top: 2px;
+          width: 16px;
+          height: 6px;
+          background: yellow;
+          border: 1px solid black;
+      }
+      .a, .b { float: left; }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="a"><div class="aKid"/></div>
+      <div class="b"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/816876-1.xhtml b/layout/reftests/bugs/816876-1.xhtml
new file mode 100644
index 0000000000..f3d8d238c3
--- /dev/null
+++ b/layout/reftests/bugs/816876-1.xhtml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .container {
+        width: 40px;
+        height: 14px;
+        border: 2px solid green;
+        margin-bottom: 2px;
+      }
+      .a {
+          width: 16px;
+          height: 10px;
+          background: blue;
+          min-width: 0;
+          border: 2px solid lightblue;
+      }
+      .b {
+          width: 16px;
+          height: 10px;
+          background: purple;
+          min-width: 0;
+          border: 2px solid slateblue;
+      }
+      .aKid {
+          margin-left: 10px;
+          margin-top: 2px;
+          width: 16px;
+          height: 6px;
+          background: yellow;
+          border: 1px solid black;
+      }
+      .a, .b { float: left; }
+    </style>
+  </head>
+  <body>
+    <div class="container" style="position: fixed">
+      <div class="a"><div class="aKid"/></div>
+      <div class="b"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/816876-2-ref.xhtml b/layout/reftests/bugs/816876-2-ref.xhtml
new file mode 100644
index 0000000000..e593260ee6
--- /dev/null
+++ b/layout/reftests/bugs/816876-2-ref.xhtml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .container {
+        width: 40px;
+        height: 14px;
+        border: 2px solid green;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/816876-2a.xhtml b/layout/reftests/bugs/816876-2a.xhtml
new file mode 100644
index 0000000000..1087fbed70
--- /dev/null
+++ b/layout/reftests/bugs/816876-2a.xhtml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .container {
+        width: 40px;
+        height: 14px;
+        border: 2px solid green;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container" style="position: fixed"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/816876-2b.xhtml b/layout/reftests/bugs/816876-2b.xhtml
new file mode 100644
index 0000000000..b21c31dc53
--- /dev/null
+++ b/layout/reftests/bugs/816876-2b.xhtml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .container {
+        width: 40px;
+        height: 14px;
+        border: 2px solid green;
+        position: fixed;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/816948-1-ref.html b/layout/reftests/bugs/816948-1-ref.html
new file mode 100644
index 0000000000..607049a494
--- /dev/null
+++ b/layout/reftests/bugs/816948-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+<iframe id="ifr" src="816948-iframe.html">
+</iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/816948-1.html b/layout/reftests/bugs/816948-1.html
new file mode 100644
index 0000000000..e485e0cd8c
--- /dev/null
+++ b/layout/reftests/bugs/816948-1.html
@@ -0,0 +1,16 @@
+<html class="reftest-wait">
+<script>
+function boom() {
+  var ifr = document.getElementById("ifr");
+  ifr.style.display = "none";
+  // flush layout
+  document.documentElement.offsetLeft;
+  ifr.style.display = "block";
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<body onload="boom();">
+<iframe id="ifr" src="816948-iframe.html">
+</iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/816948-iframe.html b/layout/reftests/bugs/816948-iframe.html
new file mode 100644
index 0000000000..6af4206de1
--- /dev/null
+++ b/layout/reftests/bugs/816948-iframe.html
@@ -0,0 +1,3 @@
+<body background="mozilla-banner.gif">
+foopy
+</body>
diff --git a/layout/reftests/bugs/817019-1.html b/layout/reftests/bugs/817019-1.html
new file mode 100644
index 0000000000..1c67c55326
--- /dev/null
+++ b/layout/reftests/bugs/817019-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+  <script type="text/javascript">
+    function paintCanvas() {
+      var elem = document.getElementById("mycanv");
+      var ctx = elem.getContext('2d');
+
+      ctx.fillStyle = 'white';
+      ctx.fillRect(0, 0, 200, 200);
+      ctx.beginPath();
+      ctx.arc(150, 150, 100, 0, Math.PI * 2, true);
+      ctx.closePath();
+      ctx.clip();
+
+      // create radial gradient
+      var grd = ctx.createRadialGradient(110, 110, 42, 110, 110, 121);
+      grd.addColorStop(0, '#FFFFFF');
+      grd.addColorStop(1, '#E5E5E5');
+
+      ctx.fillStyle = grd;
+      // This should be completely clipped out!
+      ctx.fillRect(0, 0, 1, 1);
+    }
+  </script>
+</head>
+<body onload="paintCanvas();">
+  <canvas width=200 height=200 moz-opaque="true" id="mycanv"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/bugs/818276-1-ref.html b/layout/reftests/bugs/818276-1-ref.html
new file mode 100644
index 0000000000..f3e06cc7b6
--- /dev/null
+++ b/layout/reftests/bugs/818276-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<iframe src="data:text/html,<div style='height:1000px; background:yellow'>"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/818276-1.html b/layout/reftests/bugs/818276-1.html
new file mode 100644
index 0000000000..1cb045a29c
--- /dev/null
+++ b/layout/reftests/bugs/818276-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<iframe id="f" src="data:text/html,<div style='height:1000px; background:yellow'>" style="overflow:hidden"></iframe>
+<script>
+function doTest() {
+  var f = document.getElementById("f");
+  f.style.overflow = "visible";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/81947-1.html b/layout/reftests/bugs/81947-1.html
new file mode 100644
index 0000000000..feef18a058
--- /dev/null
+++ b/layout/reftests/bugs/81947-1.html
@@ -0,0 +1,17 @@
+
+<html>
+  <head>
+    <title>81947</title>
+  </head>
+  <body bgcolor="#FFFF00">
+    <form name="Login" method="post" action="session.asp">
+      <table border="0" cellpadding="0" cellspacing="0" width="610">
+        <tr valign=top>
+          <td colspan=2 align=right width=27><img src="solidblue.png" width=27 height=45></td>
+          <td><img src="solidblue.png" width=10 height=105><a href=""><img src="solidblue.png" width=105 height=105 border=0></a><img src="solidblue.png" width=10 height=105><a href="/registration/intermediate.asp"><img src="solidblue.png" width=105 height=105 border=0></a><img src="solidblue.png" width=10 height=105><a href="/aboutus/aboutus.asp"><img src="solidblue.png" width=105 height=105 border=0></a><img src="solidblue.png" width=10 height=105><img src="solidblue.png" width=126 height=105><input type=image border = 0 src="solidblue.png" width=75 height=105><img src="solidblue.png" width=10 height=105></td>
+          <td colspan=2 align=left><img src="solidblue.png" width=27 height=45>          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/81947-ref.html b/layout/reftests/bugs/81947-ref.html
new file mode 100644
index 0000000000..92389febbd
--- /dev/null
+++ b/layout/reftests/bugs/81947-ref.html
@@ -0,0 +1,17 @@
+
+<html>
+  <head>
+    <title>81947</title>
+  </head>
+  <body bgcolor="#FFFF00">
+    <form name="Login" method="post" action="session.asp">
+      <table border="0" cellpadding="0" cellspacing="0">
+        <tr valign=top>
+          <td colspan=2 align=right width=27><img src="solidblue.png" width=27 height=45></td>
+          <td><img src="solidblue.png" width=10 height=105><a href=""><img src="solidblue.png" width=105 height=105 border=0></a><img src="solidblue.png" width=10 height=105><a href="/registration/intermediate.asp"><img src="solidblue.png" width=105 height=105 border=0></a><img src="solidblue.png" width=10 height=105><a href="/aboutus/aboutus.asp"><img src="solidblue.png" width=105 height=105 border=0></a><img src="solidblue.png" width=10 height=105><img src="solidblue.png" width=126 height=105><input type=image border = 0 src="solidblue.png" width=75 height=105><img src="solidblue.png" width=10 height=105></td>
+          <td colspan=2 align=left><img src="solidblue.png" width=27 height=45>          </td>
+        </tr>
+      </table>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/825999-ref.html b/layout/reftests/bugs/825999-ref.html
new file mode 100644
index 0000000000..057d131928
--- /dev/null
+++ b/layout/reftests/bugs/825999-ref.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Testcase for bug 825999</title>
+        <meta charset="utf-8">
+        <style>
+        html,body {
+            color:black; background-color:white; font-family: monospace; font-size:16px; padding:4px; margin:0;
+        }
+
+            button,p,select,span,table,object {
+                width: 14px;
+                text-indent: 20px;
+                overflow: clip;
+                padding-left:6px;
+                padding-right:17px;
+                outline: 1px solid blue;
+            }
+            span {
+                display:inline-block;
+                overflow:visible;
+                outline:none;
+            }
+            x {
+                display:block;
+                overflow:hidden;
+                height:3em;
+                padding:1px;
+                vertical-align:top;
+                background:lime;
+                width:36px;
+            }
+            .bb * {
+                box-sizing: border-box;
+            }
+            .cb * {
+                box-sizing: content-box;
+            }
+            td {
+              max-width:14px;
+            }
+            .bc {
+              border-collapse:collapse;
+            }
+            .it {
+              display:inline-table;
+            }
+            object { height:3em; }
+        </style>
+    </head>
+    <body>
+      <div class="bb">
+        <p>testing</p>
+        <x></x>
+        <button>testing</button>
+        <select size=1><option>testing</select>
+        <select size=3><option>testing<option>testing<option>testing</select>
+        <object type="text/html" data="data:text/html,testing"></object>
+        <table><tr><td>testing</td></tr></table>
+        <table class="bc"><tr><td>testing</td></tr></table>
+        <table class="it"><tr><td>testing</td></tr></table>
+        <table class="bc it"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table>
+      </div>
+      <div class="cb">
+        <p>testing</p>
+        <x><span>testing</span></x>
+        <button>testing</button>
+        <select size=1><option>testing</select>
+        <select size=3><option>testing<option>testing<option>testing</select>
+        <object type="text/html" data="data:text/html,testing"></object>
+        <table><tr><td>testing</td></tr></table>
+        <table class="bc"><tr><td>testing</td></tr></table>
+        <table class="it"><tr><td>testing</td></tr></table>
+        <table class="bc it"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/825999.html b/layout/reftests/bugs/825999.html
new file mode 100644
index 0000000000..eef708f888
--- /dev/null
+++ b/layout/reftests/bugs/825999.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Testcase for bug 825999</title>
+        <meta charset="utf-8">
+        <style>
+        html,body {
+            color:black; background-color:white; font-family: monospace; font-size:16px; padding:4px; margin:0;
+        }
+
+            button,p,select,span,table,object {
+                width: 14px;
+                text-indent: 20px;
+                overflow: hidden;
+                padding-left:6px;
+                padding-right:17px;
+                outline: 1px solid blue;
+            }
+            span {
+                display:inline-block;
+                overflow: hidden;
+                outline:none;
+            }
+            x {
+                display:block;
+                overflow:auto;
+                height:3em;
+                padding:1px;
+                vertical-align:top;
+                background:lime;
+                width:36px;
+            }
+            .bb * {
+                box-sizing: border-box;
+            }
+            .cb * {
+                box-sizing: content-box;
+            }
+            td {
+              max-width:14px;
+            }
+            .bc {
+              border-collapse:collapse;
+            }
+            .it {
+              display:inline-table;
+            }
+            object { height:3em; }
+        </style>
+    </head>
+    <body>
+      <div class="bb">
+        <p>testing</p>
+        <x><span>testing</span></x>
+        <button>testing</button>
+        <select size=1><option>testing</select>
+        <select size=3><option>testing<option>testing<option>testing</select>
+        <object type="text/html" data="data:text/html,testing"></object>
+        <table><tr><td>testing</td></tr></table>
+        <table class="bc"><tr><td>testing</td></tr></table>
+        <table class="it"><tr><td>testing</td></tr></table>
+        <table class="bc it"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table>
+      </div>
+      <div class="cb">
+        <p>testing</p>
+        <x><span>testing</span></x>
+        <button>testing</button>
+        <select size=1><option>testing</select>
+        <select size=3><option>testing<option>testing<option>testing</select>
+        <object type="text/html" data="data:text/html,testing"></object>
+        <table><tr><td>testing</td></tr></table>
+        <table class="bc"><tr><td>testing</td></tr></table>
+        <table class="it"><tr><td>testing</td></tr></table>
+        <table class="bc it"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table>
+        <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/82711-1-ref.html b/layout/reftests/bugs/82711-1-ref.html
new file mode 100644
index 0000000000..fafdd9fcc8
--- /dev/null
+++ b/layout/reftests/bugs/82711-1-ref.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+<body>
+<textarea rows="10" cols="25" style="white-space: normal">
+  0  1  2  3
+  4  5
+
+  6  7  8
+  9
+
+
+  This is a long line that could wrap.
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/82711-1.html b/layout/reftests/bugs/82711-1.html
new file mode 100644
index 0000000000..aacd6d481e
--- /dev/null
+++ b/layout/reftests/bugs/82711-1.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+<body>
+<textarea rows="10" cols="25" style="white-space: normal">
+0 1 2 3 4 5 6 7 8 9 This is a long line that could wrap.
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/82711-2-ref.html b/layout/reftests/bugs/82711-2-ref.html
new file mode 100644
index 0000000000..b4a542c459
--- /dev/null
+++ b/layout/reftests/bugs/82711-2-ref.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+<body>
+<textarea rows="10" cols="25" style="white-space: nowrap">
+  0  1  2  3
+  4  5
+
+  6  7  8
+  9
+
+
+  This is a long line that could wrap.
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/82711-2.html b/layout/reftests/bugs/82711-2.html
new file mode 100644
index 0000000000..c91029a41f
--- /dev/null
+++ b/layout/reftests/bugs/82711-2.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+<body>
+<textarea rows="10" cols="25" style="white-space: nowrap">
+0 1 2 3 4 5 6 7 8 9 This is a long line that could wrap.
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/82711-3-ref.html b/layout/reftests/bugs/82711-3-ref.html
new file mode 100644
index 0000000000..54fc4f7d5c
--- /dev/null
+++ b/layout/reftests/bugs/82711-3-ref.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+<body>
+<textarea rows="10" cols="25" style="white-space: pre-line">
+  0  1  2  3
+  4  5
+
+  6  7  8
+  9
+
+
+  This is a long line that could wrap.
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/82711-3.html b/layout/reftests/bugs/82711-3.html
new file mode 100644
index 0000000000..ed03290ea2
--- /dev/null
+++ b/layout/reftests/bugs/82711-3.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+<body>
+<textarea rows="10" cols="25" style="white-space: pre-wrap">
+0 1 2 3
+4 5
+
+6 7 8
+9
+
+
+This is a long line that could wrap.
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/bugs/827577-1-ref.html b/layout/reftests/bugs/827577-1-ref.html
new file mode 100644
index 0000000000..7afd136a2e
--- /dev/null
+++ b/layout/reftests/bugs/827577-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="margin-left:100px; width:200px; height:200px; border:1px solid black">
+  <div style="margin-left:150px; width:50px; height:80px; background:yellow;">
+  </div>
+</div>
diff --git a/layout/reftests/bugs/827577-1a.html b/layout/reftests/bugs/827577-1a.html
new file mode 100644
index 0000000000..e9da5a819d
--- /dev/null
+++ b/layout/reftests/bugs/827577-1a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="transform:translateX(100px); width:200px; height:200px; border:1px solid black">
+  <div style="position:absolute;">
+  </div>
+  <div style="position:absolute;">
+    <div style="position:fixed; right:0; width:50px; height:80px; background:yellow;">
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/827577-1b.html b/layout/reftests/bugs/827577-1b.html
new file mode 100644
index 0000000000..fac209f7da
--- /dev/null
+++ b/layout/reftests/bugs/827577-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div style="transform:translateX(100px); width:200px; height:200px; border:1px solid black">
+  <div style="position:absolute;">
+  </div>
+  <div style="position:absolute;">
+    <div id="d" style="display:none; position:fixed; right:0; width:50px; height:80px; background:yellow;">
+    </div>
+  </div>
+</div>
+<script>
+function doTest() {
+  document.getElementById("d").style.display = "";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/bugs/827577-2.html b/layout/reftests/bugs/827577-2.html
new file mode 100644
index 0000000000..d53d6fd8c8
--- /dev/null
+++ b/layout/reftests/bugs/827577-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait>
+<body>
+<div style="transform:translateX(100px); width:200px; height:200px; border:1px solid black">
+  <div style="position:absolute;">
+  </div>
+  <div style="position:absolute;">
+    <div style="position:fixed; right:0; width:50px; height:80px; background:yellow;">
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/827799-1.html b/layout/reftests/bugs/827799-1.html
new file mode 100644
index 0000000000..7c3312411d
--- /dev/null
+++ b/layout/reftests/bugs/827799-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+  .visuallyhidden { clip: rect(0 0 0 0); position: absolute; }
+</style>
+<table class="visuallyhidden">
+  <caption>This is a caption</caption>
+</table>
+
diff --git a/layout/reftests/bugs/828146-1-ref.html b/layout/reftests/bugs/828146-1-ref.html
new file mode 100644
index 0000000000..f5ec280a99
--- /dev/null
+++ b/layout/reftests/bugs/828146-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:100px; height:100px; position:relative; top:60px; -moz-appearance:button"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/828146-1.html b/layout/reftests/bugs/828146-1.html
new file mode 100644
index 0000000000..7aaa7c694d
--- /dev/null
+++ b/layout/reftests/bugs/828146-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="b" style="width:100px; height:100px; position:relative; top:50px; -moz-appearance:button"></div>
+<script>
+var b = document.getElementById("b");
+function doTest() {
+  b.style.top = "60px";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/829958-ref.html b/layout/reftests/bugs/829958-ref.html
new file mode 100644
index 0000000000..cd5ba9b8c3
--- /dev/null
+++ b/layout/reftests/bugs/829958-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<style>
+.container{
+  overflow: hidden;
+  white-space: nowrap;
+  list-style: none;
+  height: 180px;
+  margin: 0;
+  padding: 0;
+}
+
+.container div{
+  display: inline-block;
+  height: 180px;
+  background: #f00; 
+}
+
+.container img{ height: 180px; }
+</style>
+<body>
+    <div class='container'>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+    </div>
+</body>
diff --git a/layout/reftests/bugs/829958.html b/layout/reftests/bugs/829958.html
new file mode 100644
index 0000000000..e747c8bbe8
--- /dev/null
+++ b/layout/reftests/bugs/829958.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!--
+    Test that the intrinsic width is properly calculated for images with
+    percent height with a percent height parent when their container has
+    overflow not visible.
+-->
+<style>
+.container{
+  overflow: hidden;
+  white-space: nowrap;
+  list-style: none;
+  height: 180px;
+  margin: 0;
+  padding: 0;
+}
+
+.container div{
+  display: inline-block;
+  height: 100%;
+  background: #f00; 
+}
+
+.container img{ height: 100%; }
+</style>
+<body>
+    <div class='container'>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+        <div><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAEsCAMAAADaaRXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDBEMjk2RkUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDBEMjk3MEUwREExMUUyQURFMTlFN0Y5RjRDNTgyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MEQyOTZERTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MEQyOTZFRTBEQTExRTJBREUxOUU3RjlGNEM1ODJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KmJqgwAAAAZQTFRFAP8AAAAAbwN+QwAAAI5JREFUeNrswTEBAAAAwqD1T20JT6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBjAgwA1fsAAbWxRKUAAAAASUVORK5CYII='/></div>
+    </div>
+</body>
diff --git a/layout/reftests/bugs/836844-1-ref.html b/layout/reftests/bugs/836844-1-ref.html
new file mode 100644
index 0000000000..bd3c54ee01
--- /dev/null
+++ b/layout/reftests/bugs/836844-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style type="text/css">
+  body {
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAANUlEQVQImWPonzzt/6L5y+B4Yv8UFD4DMgcbhiuYMnni/wULFsAlJkzqJ2DCwuX/F81f9h8Aludb9rn0ffkAAAAASUVORK5CYII=') repeat scroll 0% 0% transparent;
+  }
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/836844-1.html b/layout/reftests/bugs/836844-1.html
new file mode 100644
index 0000000000..ffcd411b06
--- /dev/null
+++ b/layout/reftests/bugs/836844-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style type="text/css">
+  body {
+      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAANUlEQVQImWPonzzt/6L5y+B4Yv8UFD4DMgcbhiuYMnni/wULFsAlJkzqJ2DCwuX/F81f9h8Aludb9rn0ffkAAAAASUVORK5CYII=') repeat scroll 0% 0% transparent;
+      overflow: hidden;
+  }
+</style>
+<script type="text/javascript">
+  function doScroll() {
+    window.scrollTo(0, 500);
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", doScroll);
+</script>
+</head>
+<body>
+  <div style="height: 2000px;"></div>
+
+
+</body></html>
diff --git a/layout/reftests/bugs/841192-1-ref.html b/layout/reftests/bugs/841192-1-ref.html
new file mode 100644
index 0000000000..866ae13574
--- /dev/null
+++ b/layout/reftests/bugs/841192-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0; position:absolute; left:0; top:0; right:0; bottom:0; padding:10px; border:5px solid lime;">
+<div style="height:100%; background:yellow;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/841192-1.html b/layout/reftests/bugs/841192-1.html
new file mode 100644
index 0000000000..50a0f29b9b
--- /dev/null
+++ b/layout/reftests/bugs/841192-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<frameset>
+<frame style="padding:10px; border:5px solid lime; border-radius:20px"
+       src="data:text/html,<body style='background:yellow'>">
+</frame>
diff --git a/layout/reftests/bugs/84400-1-ref.html b/layout/reftests/bugs/84400-1-ref.html
new file mode 100644
index 0000000000..c7d853384b
--- /dev/null
+++ b/layout/reftests/bugs/84400-1-ref.html
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+                      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Testing controls that should match :enabled/:disabled</title>
+    <style type="text/css">
+      input, textarea, button, *.hideme { display: none; }
+      div { margin-bottom: 0.2em; }
+
+      span, option, optgroup { color: lime; background-color: lime; }
+    </style>
+  </head>
+  <body>
+    <div>
+      There should be no red in the following (note: form styling should be enabled).
+    </div>
+
+    <form method="get" action=".">
+      <div>
+	input:
+	<input/> <span class="true">FAIL</span>
+	<input disabled="disabled"/> <span class="false">FAIL</span>
+	<input id="i1"/> <span class="false">FAIL</span>
+	<input id="i2" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	password:
+	<input type="password"/> <span class="true">FAIL</span>
+	<input type="password" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="password" id="i3"/> <span class="false">FAIL</span>
+	<input type="password" id="i4" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	checkbox:
+	<input type="checkbox"/> <span class="true">FAIL</span>
+	<input type="checkbox" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="checkbox" id="i5"/> <span class="false">FAIL</span>
+	<input type="checkbox" id="i6" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	radio:
+	<input type="radio"/> <span class="true">FAIL</span>
+	<input type="radio" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="radio" id="i7"/> <span class="false">FAIL</span>
+	<input type="radio" id="i8" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	submit:
+	<input type="submit"/> <span class="true">FAIL</span>
+	<input type="submit" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="submit" id="i9"/> <span class="false">FAIL</span>
+	<input type="submit" id="i10" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	reset:
+	<input type="reset"/> <span class="true">FAIL</span>
+	<input type="reset" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="reset" id="i11"/> <span class="false">FAIL</span>
+	<input type="reset" id="i12" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	file:
+	<input type="file"/> <span class="true">FAIL</span>
+	<input type="file" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="file" id="i13"/> <span class="false">FAIL</span>
+	<input type="file" id="i14" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	hidden:
+	<input type="hidden"/> <span class="true">FAIL</span>
+	<input type="hidden" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="hidden" id="i15"/> <span class="false">FAIL</span>
+	<input type="hidden" id="i16" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	image:
+	<input type="image"/> <span class="true">FAIL</span>
+	<input type="image" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="image" id="i17"/> <span class="false">FAIL</span>
+	<input type="image" id="i18" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	button (input):
+	<input type="button"/> <span class="true">FAIL</span>
+	<input type="button" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="button" id="i19"/> <span class="false">FAIL</span>
+	<input type="button" id="i20" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	textarea:
+	<textarea cols="5" rows="5"></textarea> <span class="true">FAIL</span>
+	<textarea cols="5" rows="5" disabled="disabled"></textarea> <span class="false">FAIL</span>
+	<textarea cols="5" rows="5" id="i21"></textarea> <span class="false">FAIL</span>
+	<textarea cols="5" rows="5" id="i22" disabled="disabled"></textarea> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	button:
+	<button>bogus</button> <span class="true">FAIL</span>
+	<button disabled="disabled">bogus</button> <span class="false">FAIL</span>
+	<button id="i23">bogus</button> <span class="false">FAIL</span>
+	<button id="i24" disabled="disabled">bogus</button> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	select:
+	<select class="hideme"><option>bogus</option></select> <span class="true">FAIL</span>
+	<select class="hideme" disabled="disabled"><option>bogus</option></select> <span class="false">FAIL</span>
+	<select class="hideme" id="i25"><option>bogus</option></select> <span class="false">FAIL</span>
+	<select class="hideme" id="i26" disabled="disabled"><option>bogus</option></select> <span class="true">FAIL</span>
+
+      </div>
+
+      <div>
+	option:
+	<select size="4">
+	  <option class="true">FAIL</option>
+	  <option class="false" disabled="disabled">FAIL</option>
+	  <option class="false" id="i27">FAIL</option>
+	  <option class="true" id="i28" disabled="disabled">FAIL</option>
+	</select>
+      </div>
+
+      <div>
+	optgroup:
+	<select size="4">
+	  <optgroup class="true" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	  <optgroup class="false" disabled="disabled" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	  <optgroup class="false" id="i29" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	  <optgroup class="true" disabled="disabled" id="i30" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	</select>
+      </div>
+
+    </form>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/84400-1.html b/layout/reftests/bugs/84400-1.html
new file mode 100644
index 0000000000..e7b8f6942d
--- /dev/null
+++ b/layout/reftests/bugs/84400-1.html
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+                      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Testing controls that should match :enabled/:disabled</title>
+    <style type="text/css">
+      input, textarea, button, *.hideme { display: none; }
+      div { margin-bottom: 0.2em; }
+
+      span, option, optgroup { background-color: red; }
+      *:enabled + span.true, option.true:enabled, optgroup.true:enabled { color: lime; background-color: lime; }
+      *:disabled + span.false, option.false:disabled, optgroup.false:disabled { color: lime; background-color: lime; }
+    </style>
+    <script type="text/javascript">
+      // Runs through i1, i2, .... in and toggles the |disabled| attribute
+      function onLoad() {
+        var i = 1;
+	var el = document.getElementById("i1");
+	while (el) {
+	  if (el.hasAttribute("disabled")) {
+	    el.removeAttribute("disabled");
+	  } else {
+	    el.setAttribute("disabled", "disabled");
+	  }
+	  ++i;
+	  el = document.getElementById("i" + i);
+	}
+	if (i != 31) {
+	  alert("onLoad() handler failed!");
+	}
+      }
+
+      window.addEventListener("load", onLoad);
+    </script>
+  </head>
+  <body>
+    <div>
+      There should be no red in the following (note: form styling should be enabled).
+    </div>
+
+    <form method="get" action=".">
+      <div>
+	input:
+	<input/> <span class="true">FAIL</span>
+	<input disabled="disabled"/> <span class="false">FAIL</span>
+	<input id="i1"/> <span class="false">FAIL</span>
+	<input id="i2" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	password:
+	<input type="password"/> <span class="true">FAIL</span>
+	<input type="password" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="password" id="i3"/> <span class="false">FAIL</span>
+	<input type="password" id="i4" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	checkbox:
+	<input type="checkbox"/> <span class="true">FAIL</span>
+	<input type="checkbox" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="checkbox" id="i5"/> <span class="false">FAIL</span>
+	<input type="checkbox" id="i6" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	radio:
+	<input type="radio"/> <span class="true">FAIL</span>
+	<input type="radio" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="radio" id="i7"/> <span class="false">FAIL</span>
+	<input type="radio" id="i8" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	submit:
+	<input type="submit"/> <span class="true">FAIL</span>
+	<input type="submit" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="submit" id="i9"/> <span class="false">FAIL</span>
+	<input type="submit" id="i10" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	reset:
+	<input type="reset"/> <span class="true">FAIL</span>
+	<input type="reset" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="reset" id="i11"/> <span class="false">FAIL</span>
+	<input type="reset" id="i12" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	file:
+	<input type="file"/> <span class="true">FAIL</span>
+	<input type="file" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="file" id="i13"/> <span class="false">FAIL</span>
+	<input type="file" id="i14" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	hidden:
+	<input type="hidden"/> <span class="true">FAIL</span>
+	<input type="hidden" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="hidden" id="i15"/> <span class="false">FAIL</span>
+	<input type="hidden" id="i16" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	image:
+	<input type="image"/> <span class="true">FAIL</span>
+	<input type="image" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="image" id="i17"/> <span class="false">FAIL</span>
+	<input type="image" id="i18" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	button (input):
+	<input type="button"/> <span class="true">FAIL</span>
+	<input type="button" disabled="disabled"/> <span class="false">FAIL</span>
+	<input type="button" id="i19"/> <span class="false">FAIL</span>
+	<input type="button" id="i20" disabled="disabled"/> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	textarea:
+	<textarea cols="5" rows="5"></textarea> <span class="true">FAIL</span>
+	<textarea cols="5" rows="5" disabled="disabled"></textarea> <span class="false">FAIL</span>
+	<textarea cols="5" rows="5" id="i21"></textarea> <span class="false">FAIL</span>
+	<textarea cols="5" rows="5" id="i22" disabled="disabled"></textarea> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	button:
+	<button>bogus</button> <span class="true">FAIL</span>
+	<button disabled="disabled">bogus</button> <span class="false">FAIL</span>
+	<button id="i23">bogus</button> <span class="false">FAIL</span>
+	<button id="i24" disabled="disabled">bogus</button> <span class="true">FAIL</span>
+      </div>
+
+      <div>
+	select:
+	<select class="hideme"><option>bogus</option></select> <span class="true">FAIL</span>
+	<select class="hideme" disabled="disabled"><option>bogus</option></select> <span class="false">FAIL</span>
+	<select class="hideme" id="i25"><option>bogus</option></select> <span class="false">FAIL</span>
+	<select class="hideme" id="i26" disabled="disabled"><option>bogus</option></select> <span class="true">FAIL</span>
+
+      </div>
+
+      <div>
+	option:
+	<select size="4">
+	  <option class="true">FAIL</option>
+	  <option class="false" disabled="disabled">FAIL</option>
+	  <option class="false" id="i27">FAIL</option>
+	  <option class="true" id="i28" disabled="disabled">FAIL</option>
+	</select>
+      </div>
+
+      <div>
+	optgroup:
+	<select size="4">
+	  <optgroup class="true" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	  <optgroup class="false" disabled="disabled" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	  <optgroup class="false" id="i29" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	  <optgroup class="true" disabled="disabled" id="i30" label="FAIL">
+	    <option class="hideme">bogus</option>
+	  </optgroup>
+	</select>
+      </div>
+
+    </form>
+
+  </body>
+</html>
diff --git a/layout/reftests/bugs/84400-2-ref.html b/layout/reftests/bugs/84400-2-ref.html
new file mode 100644
index 0000000000..08dc502347
--- /dev/null
+++ b/layout/reftests/bugs/84400-2-ref.html
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+                      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Testing controls that should not match :enabled/:disabled</title>
+    <style type="text/css">
+      input, label, object, *.hideme { display: none; }
+      div { margin-bottom: 1em; }
+
+      span, legend { color: lime; background-color: lime; }
+
+      #test + span { color: lime; background-color: lime; }
+    </style>
+  </head>
+  <body>
+    <div>
+      There should be no red in the following (note: form styling should be enabled).
+    </div>
+
+    <form method="get" action=".">
+      <div>
+	Make sure that :default is actually implemented:
+	<input id="test"/> <span>FAIL</span>
+      </div>
+
+      <div>
+	label:
+	<label>bogus</label> <span>FAIL</span>
+	<label disabled="disabled">bogus</label> <span>FAIL</span>
+      </div>      
+
+      <div>
+	legend:
+	<fieldset><legend>FAIL</legend></fieldset>
+	<fieldset><legend disabled="disabled">FAIL</legend></fieldset>
+	<fieldset disabled="disabled"><legend>FAIL</legend></fieldset>
+      </div>
+
+      <div>
+	div (inside form):
+	<div class="hideme">bogus</div> <span>FAIL</span>
+	<div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
+      </div>
+
+    </form>
+
+    <div>
+      div (outside form):
+      <div class="hideme">bogus</div> <span>FAIL</span>
+      <div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
+    </div>
+
+    <div>
+      object:
+      <object>bogus</object> <span>FAIL</span>
+      <object disabled="disabled">bogus</object> <span>FAIL</span>
+    </div>
+
+    <div>
+      form:
+      <form class="hideme" method="get" action="."><p><input/></p></form> <span>FAIL</span>
+      <form class="hideme" method="get" action="." disabled="disabled"><p><input/></p></form> <span>FAIL</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/84400-2.html b/layout/reftests/bugs/84400-2.html
new file mode 100644
index 0000000000..03eb67092f
--- /dev/null
+++ b/layout/reftests/bugs/84400-2.html
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+                      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Testing controls that should not match :enabled/:disabled</title>
+    <style type="text/css">
+      input, label, object, *.hideme { display: none; }
+      div { margin-bottom: 1em; }
+
+      span, legend { color: lime; background-color: lime; }
+      *:enabled + span, legend:enabled { background-color: red; }
+      *:disabled + span, legend:disabled { background-color: red; }
+
+      #test + span { background-color: red; }
+      #test:enabled + span { color: lime; background-color: lime; }
+    </style>
+  </head>
+  <body>
+    <div>
+      There should be no red in the following (note: form styling should be enabled).
+    </div>
+
+    <form method="get" action=".">
+      <div>
+	Make sure that :default is actually implemented:
+	<input id="test"/> <span>FAIL</span>
+      </div>
+
+      <div>
+	label:
+	<label>bogus</label> <span>FAIL</span>
+	<label disabled="disabled">bogus</label> <span>FAIL</span>
+      </div>      
+
+      <div>
+	legend:
+	<fieldset><legend>FAIL</legend></fieldset>
+	<fieldset><legend disabled="disabled">FAIL</legend></fieldset>
+	<fieldset disabled="disabled"><legend>FAIL</legend></fieldset>
+      </div>
+
+      <div>
+	div (inside form):
+	<div class="hideme">bogus</div> <span>FAIL</span>
+	<div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
+      </div>
+
+    </form>
+
+    <div>
+      div (outside form):
+      <div class="hideme">bogus</div> <span>FAIL</span>
+      <div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
+    </div>
+
+    <div>
+      object:
+      <object>bogus</object> <span>FAIL</span>
+      <object disabled="disabled">bogus</object> <span>FAIL</span>
+    </div>
+
+    <div>
+      form:
+      <form class="hideme" method="get" action="."><p><input/></p></form> <span>FAIL</span>
+      <form class="hideme" method="get" action="." disabled="disabled"><p><input/></p></form> <span>FAIL</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/844178-ref.html b/layout/reftests/bugs/844178-ref.html
new file mode 100644
index 0000000000..452aef51df
--- /dev/null
+++ b/layout/reftests/bugs/844178-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 844178</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+body {
+  position: fixed;
+  right: 5px;
+  top: 100px;
+  width: 100px;
+  height: 10px;
+  margin:0;
+  padding:0;
+}
+
+:root { overflow:scroll; }
+
+span {
+    background:lime;
+    display:inline-block;
+    width:100px;
+}
+
+</style>
+</head>
+<body><span>Hello</span></body>
+</html>
diff --git a/layout/reftests/bugs/844178.html b/layout/reftests/bugs/844178.html
new file mode 100644
index 0000000000..fc1f1528c1
--- /dev/null
+++ b/layout/reftests/bugs/844178.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 844178</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+body {
+  position: fixed;
+  right: 0px;
+  top: 100px;
+  width: 100px;
+  height: 10px;
+  margin:0;
+  padding:0;
+}
+
+:root { overflow:scroll; }
+
+span {
+    background:lime;
+    display:inline-block;
+    width:100px;
+}
+
+</style>
+<script>
+function doTest() {
+  document.body.style.right='5px';
+  document.body.offsetHeight;
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body><span>Hello</span></body>
+</html>
diff --git a/layout/reftests/bugs/846144-1-ref.html b/layout/reftests/bugs/846144-1-ref.html
new file mode 100644
index 0000000000..3cf42de657
--- /dev/null
+++ b/layout/reftests/bugs/846144-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+  <title>Border radius issue demo</title>
+  <style type="text/css">
+    .testClass {
+    width: 100px;
+    height: 100px;
+    margin: 20px;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADdJREFUWEftzTERACAMADH8VAH+hRUXz5K77Dl39gtxRpwRZ8QZcUacEWfEGXFGnBFnxBlxZPYBKVqrOft7R9EAAAAASUVORK5CYII=);
+    border-radius: 50px;
+    /* Adding compatibility attributes for cross-browser comparison
+       Issue repros fine with just transform set. */
+    transform: translate(0,0);
+    -ms-transform: translate(0,0);
+    -webkit-transform: translate(0,0)
+    transform: translate(0,0);
+}
+
+  </style>
+</head>
+<body>
+	<div class="testClass"></div>
+</body></html>
diff --git a/layout/reftests/bugs/846144-1.html b/layout/reftests/bugs/846144-1.html
new file mode 100644
index 0000000000..080372c67d
--- /dev/null
+++ b/layout/reftests/bugs/846144-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+  <title>Border radius issue demo</title>
+  <style type="text/css">
+    .testClass {
+    width: 100px;
+    height: 100px;
+    margin: 20px;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADdJREFUWEftzTERACAMADH8VAH+hRUXz5K77Dl39gtxRpwRZ8QZcUacEWfEGXFGnBFnxBlxZPYBKVqrOft7R9EAAAAASUVORK5CYII=);
+    border-radius: 50px;
+    background-size: contain;
+    /* Adding compatibility attributes for cross-browser comparison
+       Issue repros fine with just transform set. */
+    transform: translate(0,0);
+    -ms-transform: translate(0,0);
+    -webkit-transform: translate(0,0)
+    transform: translate(0,0);
+}
+  </style>
+</head>
+<body>
+	<div class="testClass"></div>
+</body></html>
diff --git a/layout/reftests/bugs/847850-1-ref.html b/layout/reftests/bugs/847850-1-ref.html
new file mode 100644
index 0000000000..11df041963
--- /dev/null
+++ b/layout/reftests/bugs/847850-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Testcase for Bug 847850</title>
+
+<style>
+div
+{
+	position:absolute;
+	background-color:#ddd;
+	width:400px;
+	height:200px;
+}
+</style>
+
+</head>
+<body>
+
+<p>The placeholder text should not be visible:</p>
+<div></div>
+<input type=text></input>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/847850-1.html b/layout/reftests/bugs/847850-1.html
new file mode 100644
index 0000000000..0a8bce50e7
--- /dev/null
+++ b/layout/reftests/bugs/847850-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Testcase for Bug 847850</title>
+
+<style>
+div
+{
+	position:absolute;
+	background-color:#ddd;
+	width:400px;
+	height:200px;
+}
+</style>
+
+</head>
+<body>
+
+<p>The placeholder text should not be visible:</p>
+<div></div>
+<input type=text placeholder="Placeholder text"></input>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/848421-1-ref.html b/layout/reftests/bugs/848421-1-ref.html
new file mode 100644
index 0000000000..9dc37d3b6f
--- /dev/null
+++ b/layout/reftests/bugs/848421-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAAXNSR0IArs4c6QAAABVJREFUCNcFwQEBAAAAgBD/TxdQqTAp5AX7Y502AAAAAABJRU5ErkJggg==) no-repeat center center fixed; no-repeat center center fixed;
+  background-size: cover;
+  image-rendering: -moz-crisp-edges;         /* Firefox */
+}
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/bugs/848421-1.html b/layout/reftests/bugs/848421-1.html
new file mode 100644
index 0000000000..a54c0e239d
--- /dev/null
+++ b/layout/reftests/bugs/848421-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAAXNSR0IArs4c6QAAABVJREFUCNcFwQEBAAAAgBD/TxdQqTAp5AX7Y502AAAAAABJRU5ErkJggg==) no-repeat center center fixed; no-repeat center center fixed;
+  background-size: cover;
+  image-rendering: -moz-crisp-edges;         /* Firefox */
+}
+</style>
+</head>
+<body style="display:none">
+</body>
+</html>
diff --git a/layout/reftests/bugs/849407-1-ref.html b/layout/reftests/bugs/849407-1-ref.html
new file mode 100644
index 0000000000..e762fd7fb2
--- /dev/null
+++ b/layout/reftests/bugs/849407-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>
+    legend {
+      width: 200px;
+      height: 100px;
+      overflow: scroll;
+      border: 2px dashed gray;
+    }
+    div.child {
+      background: lightblue;
+      height: 1000px;
+    }
+  </style>
+</head>
+<body>
+  <fieldset>
+    <legend>
+      <div class="child">
+        There should be scrollbars making this area scrollable.
+      </div>
+    </legend>
+  </fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/849407-1.html b/layout/reftests/bugs/849407-1.html
new file mode 100644
index 0000000000..81309873b0
--- /dev/null
+++ b/layout/reftests/bugs/849407-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>
+    legend {
+      display: flex;
+      width: 200px;
+      height: 100px;
+      overflow: scroll;
+      border: 2px dashed gray;
+    }
+    div.child {
+      background: lightblue;
+      height: 1000px;
+    }
+  </style>
+</head>
+<body>
+  <fieldset>
+    <legend>
+      <div class="child">
+        There should be scrollbars making this area scrollable.
+      </div>
+    </legend>
+  </fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/849996-1-ref.html b/layout/reftests/bugs/849996-1-ref.html
new file mode 100644
index 0000000000..7b149f1ac8
--- /dev/null
+++ b/layout/reftests/bugs/849996-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#parent {
+  width: 200px;
+  height: 200px;
+  margin-left: 10px;
+  background: green;
+}
+#child {
+  width: 90px;
+  height: 90px;
+  background: red;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+  <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/849996-1.html b/layout/reftests/bugs/849996-1.html
new file mode 100644
index 0000000000..b6cef62c2d
--- /dev/null
+++ b/layout/reftests/bugs/849996-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#parent {
+  width: 200px;
+  height: 200px;
+  overflow: hidden;
+  transform: translateX(10px);
+  background: green;
+}
+#child {
+  position: fixed;
+  top: -10px;
+  left: -10px;
+  width: 100px;
+  height: 100px;
+  background: red;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+  <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/858803-1-frame.xhtml b/layout/reftests/bugs/858803-1-frame.xhtml
new file mode 100644
index 0000000000..e56af71b2f
--- /dev/null
+++ b/layout/reftests/bugs/858803-1-frame.xhtml
@@ -0,0 +1,2 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' style='background:yellow'></window>
diff --git a/layout/reftests/bugs/858803-1-ref.html b/layout/reftests/bugs/858803-1-ref.html
new file mode 100644
index 0000000000..631ccf7dc1
--- /dev/null
+++ b/layout/reftests/bugs/858803-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; left:100px; top:100px; width:300px; height:300px; border:1px solid black; background:yellow"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/858803-1.html b/layout/reftests/bugs/858803-1.html
new file mode 100644
index 0000000000..caafbb3bcc
--- /dev/null
+++ b/layout/reftests/bugs/858803-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<iframe src="858803-1-frame.xhtml" style="position:absolute; left:100px; top:100px; width:300px; height:300px; border:1px solid black;">
+</iframe>
+</body>
+</html>
diff --git a/layout/reftests/bugs/860242-1-ref.html b/layout/reftests/bugs/860242-1-ref.html
new file mode 100644
index 0000000000..36d8738bef
--- /dev/null
+++ b/layout/reftests/bugs/860242-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      .table {
+        display: table;
+        width: 100px;
+        table-layout: fixed;
+        margin-bottom: 2px;
+      }
+
+      .table > * {
+        box-sizing: border-box;
+        display: table-cell;
+        height: 30px;
+      }
+
+      .withBorder  { border: 2px solid black; }
+
+      .thin { width: 25px; }
+      .wide { width: 75px; }
+
+      .teal    { background: teal; }
+      .purple  { background: purple; }
+    </style>
+  </head>
+  <body>
+    <div class="table">
+      <div class="thin teal"></div>
+      <div class="wide purple"></div>
+    </div>
+    <div class="table">
+      <div class="thin teal"></div>
+      <div class="wide purple"></div>
+    </div>
+    <div class="table">
+      <div class="thin withBorder teal"></div>
+      <div class="wide withBorder purple"></div>
+    </div>
+    <div class="table">
+      <div class="thin withBorder teal"></div>
+      <div class="wide withBorder purple"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/860242-1.html b/layout/reftests/bugs/860242-1.html
new file mode 100644
index 0000000000..1e8012efa9
--- /dev/null
+++ b/layout/reftests/bugs/860242-1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      .table {
+        display: table;
+        width: 100px;
+        table-layout: fixed;
+        margin-bottom: 2px;
+      }
+
+      .table > * {
+        box-sizing: border-box;
+        display: table-cell;
+        height: 30px;
+      }
+
+      .withPadding { padding: 10px; }
+      .withBorder  { border: 2px solid black; }
+
+      .thin { width: 25%; }
+      .wide { width: 75%; }
+
+      .teal    { background: teal; }
+      .purple  { background: purple; }
+    </style>
+  </head>
+  <body>
+    <div class="table">
+      <div class="thin teal"></div>
+      <div class="wide purple"></div>
+    </div>
+    <div class="table">
+      <div class="thin withPadding teal"></div>
+      <div class="wide withPadding purple"></div>
+    </div>
+    <div class="table">
+      <div class="thin withBorder teal"></div>
+      <div class="wide withBorder purple"></div>
+    </div>
+    <div class="table">
+      <div class="thin withBorder withPadding teal"></div>
+      <div class="wide withBorder withPadding purple"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/860370-notref.html b/layout/reftests/bugs/860370-notref.html
new file mode 100644
index 0000000000..3988abd469
--- /dev/null
+++ b/layout/reftests/bugs/860370-notref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="overflow: auto; position: static; width: 200px; height: 200px; display: -moz-box">
+<input type="button" value="Hello" style="position: absolute; width: 100%; height: 100%">
+</div>
diff --git a/layout/reftests/bugs/860370.html b/layout/reftests/bugs/860370.html
new file mode 100644
index 0000000000..4a5a234b7e
--- /dev/null
+++ b/layout/reftests/bugs/860370.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="overflow: auto; position: relative; width: 200px; height: 200px; display: -moz-box">
+<input type="button" value="Hello" style="position: absolute; width: 100%; height: 100%">
+</div>
diff --git a/layout/reftests/bugs/871338-1-ref.html b/layout/reftests/bugs/871338-1-ref.html
new file mode 100644
index 0000000000..15624910e6
--- /dev/null
+++ b/layout/reftests/bugs/871338-1-ref.html
@@ -0,0 +1 @@
+<!DOCTYPE html><body><div style="float: right"><span> <span id="comment-buttons-tools" style="display:inline-block">Report</span></span> <span>HoverMe</span></div>
diff --git a/layout/reftests/bugs/871338-1.html b/layout/reftests/bugs/871338-1.html
new file mode 100644
index 0000000000..271714a2cd
--- /dev/null
+++ b/layout/reftests/bugs/871338-1.html
@@ -0,0 +1 @@
+<!DOCTYPE html><body onload="document.getElementById('comment-buttons-tools').style.display='inline-block'"><div style="float: right"><span> <span id="comment-buttons-tools" style="display:none">Report</span></span> <span>HoverMe</span></div>
diff --git a/layout/reftests/bugs/872254-1-ref.html b/layout/reftests/bugs/872254-1-ref.html
new file mode 100644
index 0000000000..259a945c9f
--- /dev/null
+++ b/layout/reftests/bugs/872254-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<body>
+<style>
+body { height:5000px; overflow:hidden; }
+div {
+  position:relative;
+  top:500px;
+  width:300px;
+  height:300px;
+  background-color:red;
+}
+</style>
+<script>
+window.scrollTo(0,500);
+</script>
+<table>
+<tr><td><div></div></td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/872254-1.html b/layout/reftests/bugs/872254-1.html
new file mode 100644
index 0000000000..6bae102a78
--- /dev/null
+++ b/layout/reftests/bugs/872254-1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body>
+<style>
+body { height:5000px; overflow:hidden; }
+div {
+  position:relative;
+  width:300px;
+  height:300px;
+  background-color:red;
+}
+</style>
+<script>
+window.scrollTo(0,0);
+window.addEventListener("MozReftestInvalidate", function() {
+  document.getElementsByTagName("div")[0].style.top = '500px';
+  window.scrollTo(0,500);
+  document.documentElement.removeAttribute("class");
+});
+</script>
+<table>
+<tr><td><div></div></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+<tr><td></td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/883568-1-ref.html b/layout/reftests/bugs/883568-1-ref.html
new file mode 100644
index 0000000000..2674573ccb
--- /dev/null
+++ b/layout/reftests/bugs/883568-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#testDiv1 {
+  width: 500px;
+  height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="testDiv1" style="background:yellow;"></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/883568-1.html b/layout/reftests/bugs/883568-1.html
new file mode 100644
index 0000000000..e310442637
--- /dev/null
+++ b/layout/reftests/bugs/883568-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+#wrapper {
+  overflow: hidden;
+}
+#testDiv1 {
+  width: 500px;
+  height: 100px;
+  position: relative;
+  overflow: hidden;
+}
+</style>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  testDiv1.style.left = "-500px";
+  testDiv1.style.transform = "translateX(500px)";
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</head>
+<body>
+<div id="wrapper">
+  <div id="testDiv1" style="background:yellow;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/883987-1-ref.html b/layout/reftests/bugs/883987-1-ref.html
new file mode 100644
index 0000000000..b2e2b10077
--- /dev/null
+++ b/layout/reftests/bugs/883987-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<style>
+body { background: green }
+</style>
diff --git a/layout/reftests/bugs/883987-1a.html b/layout/reftests/bugs/883987-1a.html
new file mode 100644
index 0000000000..6deeda0463
--- /dev/null
+++ b/layout/reftests/bugs/883987-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+body { background: green }
+@supports (color: red) or (content: "foo
+) {
+  body { background: red }
+}
+</style>
diff --git a/layout/reftests/bugs/883987-1b.html b/layout/reftests/bugs/883987-1b.html
new file mode 100644
index 0000000000..24fcd2d9d1
--- /dev/null
+++ b/layout/reftests/bugs/883987-1b.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+body { background: green }
+@supports (color: red) or (content: url("foo" "bar")) {
+  body { background: red }
+}
+</style>
diff --git a/layout/reftests/bugs/883987-1c.html b/layout/reftests/bugs/883987-1c.html
new file mode 100644
index 0000000000..fe1ffa7ab6
--- /dev/null
+++ b/layout/reftests/bugs/883987-1c.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+body { background: green }
+@supports (color: red) or (url("foo" "bar")) {
+  body { background: red }
+}
+</style>
diff --git a/layout/reftests/bugs/883987-1d.html b/layout/reftests/bugs/883987-1d.html
new file mode 100644
index 0000000000..bf33adca9f
--- /dev/null
+++ b/layout/reftests/bugs/883987-1d.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+body { background: green }
+@supports (color: red) or ("foo
+) {
+  body { background: red }
+}
+</style>
diff --git a/layout/reftests/bugs/883987-1e.html b/layout/reftests/bugs/883987-1e.html
new file mode 100644
index 0000000000..28e66b718f
--- /dev/null
+++ b/layout/reftests/bugs/883987-1e.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+body { background: green }
+@supports (color: red) or (content: url("foo
+)) {
+  body { background: red }
+}
+</style>
diff --git a/layout/reftests/bugs/883987-1f.html b/layout/reftests/bugs/883987-1f.html
new file mode 100644
index 0000000000..c978dd4017
--- /dev/null
+++ b/layout/reftests/bugs/883987-1f.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+body { background: green }
+@supports (not "foo
+{}
+body { background: red }
+</style>
diff --git a/layout/reftests/bugs/890495-1-ref.html b/layout/reftests/bugs/890495-1-ref.html
new file mode 100644
index 0000000000..336e402c09
--- /dev/null
+++ b/layout/reftests/bugs/890495-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+<fieldset>
+  <legend id="leg" style="margin-left: 100px;">Legend</legend>
+  fieldset contents
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/890495-1.html b/layout/reftests/bugs/890495-1.html
new file mode 100644
index 0000000000..7acf6aa7ed
--- /dev/null
+++ b/layout/reftests/bugs/890495-1.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<script type="text/javascript">
+function run() {
+  document.documentElement.offsetLeft;
+  var leg = document.getElementById('leg');
+  leg.style.marginLeft = '100px';
+} 
+</script>
+</head>
+<body onload="run();">
+<fieldset>
+  <legend id="leg">Legend</legend>
+  fieldset contents
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/894931-1-ref.html b/layout/reftests/bugs/894931-1-ref.html
new file mode 100644
index 0000000000..bed8ffb61f
--- /dev/null
+++ b/layout/reftests/bugs/894931-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:relative; margin-top:100px;">
+  <div style="background:yellow; width:100px; height:100px; position:absolute"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/894931-1.html b/layout/reftests/bugs/894931-1.html
new file mode 100644
index 0000000000..83d33e6e4f
--- /dev/null
+++ b/layout/reftests/bugs/894931-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div id="d" style="margin-top:100px;">
+  <div style="background:yellow; width:100px; height:100px; position:absolute; top:0; left:0"></div>
+</div>
+<script>
+function doTest() {
+  document.getElementById("d").style.position = "relative";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/897491-1-ref.html b/layout/reftests/bugs/897491-1-ref.html
new file mode 100644
index 0000000000..e8d89d4426
--- /dev/null
+++ b/layout/reftests/bugs/897491-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<img id="img1" src="about:blank" alt="alt1">
+<img id="img2" src="about:blank">
+</body>
+</html>
diff --git a/layout/reftests/bugs/897491-1.html b/layout/reftests/bugs/897491-1.html
new file mode 100644
index 0000000000..2b989800a1
--- /dev/null
+++ b/layout/reftests/bugs/897491-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<img id="img1" src="about:blank">
+<img id="img2" src="about:blank" alt="alt2">
+<script>
+function doTest() {
+  document.getElementById("img1").setAttribute("alt", "alt1");
+  document.getElementById("img2").removeAttribute("alt");
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("load", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/897491-2-ref.html b/layout/reftests/bugs/897491-2-ref.html
new file mode 100644
index 0000000000..921733e680
--- /dev/null
+++ b/layout/reftests/bugs/897491-2-ref.html
@@ -0,0 +1,7 @@
+<!--quirks mode test-->
+<html>
+<body>
+<img id="img1" src="about:blank" alt="alt1">
+<img id="img2" src="about:blank">
+</body>
+</html>
diff --git a/layout/reftests/bugs/897491-2.html b/layout/reftests/bugs/897491-2.html
new file mode 100644
index 0000000000..2c2365b152
--- /dev/null
+++ b/layout/reftests/bugs/897491-2.html
@@ -0,0 +1,15 @@
+<!--quirks mode test-->
+<html class="reftest-wait">
+<body>
+<img id="img1" src="about:blank">
+<img id="img2" src="about:blank" alt="alt2">
+<script>
+function doTest() {
+  document.getElementById("img1").setAttribute("alt", "alt1");
+  document.getElementById("img2").removeAttribute("alt");
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("load", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/902330-1-ref.html b/layout/reftests/bugs/902330-1-ref.html
new file mode 100644
index 0000000000..fbf6a9b27a
--- /dev/null
+++ b/layout/reftests/bugs/902330-1-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style>
+canvas {
+  position: absolute;
+  top: 100px;
+  left: 100px;
+  width: 300px;
+  height: 300px;
+}
+</style>
+</head>
+<body>
+<canvas id="c" height="300px" width="300px"></canvas>
+<script>
+var c = document.getElementById('c');
+var ctxt = c.getContext('2d');
+ctxt.fillStyle = 'rgb(0,255,0)';
+ctxt.fillRect(0, 0, 300, 300);
+ctxt.fillStyle = 'rgba(255,255,255,0.5)';
+ctxt.fillRect(100, 100, 100, 100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/902330-1.html b/layout/reftests/bugs/902330-1.html
new file mode 100644
index 0000000000..338908ba6e
--- /dev/null
+++ b/layout/reftests/bugs/902330-1.html
@@ -0,0 +1,33 @@
+<html>
+<head>
+<style>
+canvas {
+  position: absolute;
+  top: 100px;
+  left: 100px;
+  width: 300px;
+  height: 300px;
+}
+div.inner {
+  position: absolute;
+  top: 200px;
+  left: 200px;
+  width: 100px;
+  height: 100px;
+  opacity: 0.5;
+  background-color: #ffffff;
+}
+</style>
+</head>
+<body>
+<canvas id="c" height="300px" width="300px"></canvas>
+<script>
+var c = document.getElementById('c');
+var ctxt = c.getContext('2d');
+ctxt.fillStyle = 'rgb(0,255,0)';
+ctxt.fillRect(0, 0, 300, 300);
+</script>
+<div class="inner">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/906199-1-ref.html b/layout/reftests/bugs/906199-1-ref.html
new file mode 100644
index 0000000000..c494dce827
--- /dev/null
+++ b/layout/reftests/bugs/906199-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  position:relative;
+  width:300px;
+  height:200px;
+  left:50px;
+  top:50px;
+}
+.grandparentdiv {
+  background:yellow;
+  overflow:hidden;
+}
+.childdiv {
+  background:green;
+}
+.grandchilddiv {
+  background:red;
+}
+</style>
+</head>
+<body>
+<div class="grandparentdiv">
+  <div class="childdiv">
+    <div class="grandchilddiv"></div>
+  </div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/906199-1.html b/layout/reftests/bugs/906199-1.html
new file mode 100644
index 0000000000..98f4548a79
--- /dev/null
+++ b/layout/reftests/bugs/906199-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  position:relative;
+  width:300px;
+  height:200px;
+  left:50px;
+  top:50px;
+  transform-style:preserve-3d;
+}
+.grandparentdiv {
+  background:yellow;
+  overflow:hidden;
+}
+.childdiv {
+  background:green;
+}
+.grandchilddiv {
+  background:red;
+}
+</style>
+</head>
+<body>
+<div class="grandparentdiv">
+  <div class="childdiv">
+    <div class="grandchilddiv"></div>
+  </div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/bugs/921716-1-ref.html b/layout/reftests/bugs/921716-1-ref.html
new file mode 100644
index 0000000000..9867757387
--- /dev/null
+++ b/layout/reftests/bugs/921716-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+div {
+  column-count: 3;
+  column-gap: 8px;
+  width: 300px;
+}
+</style>
+<div>
+  <span>This is some content that is still shown within the columns.</span>
+</div>
diff --git a/layout/reftests/bugs/921716-1.html b/layout/reftests/bugs/921716-1.html
new file mode 100644
index 0000000000..8c16057bf1
--- /dev/null
+++ b/layout/reftests/bugs/921716-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+div {
+  column-count: 3;
+  column-gap: 8px;
+  column-rule: thick solid red;
+  visibility: hidden;
+  width: 300px;
+  background-color: #fcc;
+}
+span {
+  visibility: visible;
+}
+</style>
+<div>
+  <span>This is some content that is still shown within the columns.</span>
+</div>
diff --git a/layout/reftests/bugs/926155-1-ref.html b/layout/reftests/bugs/926155-1-ref.html
new file mode 100644
index 0000000000..3ad788eb84
--- /dev/null
+++ b/layout/reftests/bugs/926155-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="overflow-x:hidden">
+      <div id="testdiv" style="width:200px;margin-top:50px;height:10px;background-color:green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/926155-1.html b/layout/reftests/bugs/926155-1.html
new file mode 100644
index 0000000000..68ad4fcbdf
--- /dev/null
+++ b/layout/reftests/bugs/926155-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body>
+    <div style="overflow:hidden;height:100px">
+      <div style="overflow-x:hidden;position:sticky;top:50px">
+        <div id="testdiv" style="width:10px;height:10px;background-color:green"></div>
+      </div>
+    </div>
+  <script>
+    function doTest() {
+      var x = document.getElementById('testdiv');
+      x.style.width = "200px";
+      document.documentElement.className = "";
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/928607-1-ref.html b/layout/reftests/bugs/928607-1-ref.html
new file mode 100644
index 0000000000..d5886c855b
--- /dev/null
+++ b/layout/reftests/bugs/928607-1-ref.html
@@ -0,0 +1,8 @@
+<DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:hidden; border:1px solid black;">
+  <div style="position:relative; left:50px; height:10px; background:blue;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/928607-1.html b/layout/reftests/bugs/928607-1.html
new file mode 100644
index 0000000000..f35ac902ba
--- /dev/null
+++ b/layout/reftests/bugs/928607-1.html
@@ -0,0 +1,15 @@
+<DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div style="overflow:hidden; border:1px solid black;">
+  <div id="d" style="position:relative; left:10px; height:10px; background:blue;"></div>
+</div>
+<script>
+function doTest() {
+  d.style.left = "50px";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/931464-1-ref.html b/layout/reftests/bugs/931464-1-ref.html
new file mode 100644
index 0000000000..6c71b339ce
--- /dev/null
+++ b/layout/reftests/bugs/931464-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<fieldset style="overflow: auto;">Hello Kitty</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/bugs/931464-1.html b/layout/reftests/bugs/931464-1.html
new file mode 100644
index 0000000000..a2168ae544
--- /dev/null
+++ b/layout/reftests/bugs/931464-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body>
+<fieldset id="f" style="overflow: auto;"></fieldset>
+<script>
+function boom()
+{
+  var f = document.getElementById("f");
+  var s = document.createElement("span");
+  s.textContent = "Hello Kitty";
+  f.appendChild(s);
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", boom);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/931853-quirks-ref.html b/layout/reftests/bugs/931853-quirks-ref.html
new file mode 100644
index 0000000000..0f48c88e26
--- /dev/null
+++ b/layout/reftests/bugs/931853-quirks-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 931853</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+        }
+
+div { height:7em; margin-bottom:2px; overflow:hidden; border:1px solid black;}
+img { margin-left:30px; margin-top:-150px; vertical-align:top; }
+span { display:inline-block; position:relative; height:0; xborder:1px solid red; }
+    </style>
+</head>
+<body>
+
+<div><br><br><br><span style="bottom:50px "><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150"></span></div>
+<div><br><br><br><span style="bottom:20px "><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150"></div>
+<div><br><br><br><span style="bottom:0px  "><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150"></div>
+<div><br><br><br><span style="bottom:120px"><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:0px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/931853-quirks.html b/layout/reftests/bugs/931853-quirks.html
new file mode 100644
index 0000000000..1462ae9d1e
--- /dev/null
+++ b/layout/reftests/bugs/931853-quirks.html
@@ -0,0 +1,22 @@
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 931853</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+        }
+
+div { height:7em; margin-bottom:2px; overflow:hidden; border:1px solid black;}
+img { margin-left:30px; }
+
+    </style>
+</head>
+<body>
+
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-200px"></div>
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-170px"></div>
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-150px"></div>
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-120px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/931853-ref.html b/layout/reftests/bugs/931853-ref.html
new file mode 100644
index 0000000000..5e12f20e43
--- /dev/null
+++ b/layout/reftests/bugs/931853-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 931853</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+        }
+
+
+div { height:7em; margin-bottom:2px; overflow:hidden; border:1px solid black;}
+img { margin-left:30px; margin-top:-150px; }
+span { display:inline-block; height:0px; position:relative; line-height:0; }
+    </style>
+</head>
+<body>
+
+<div><br><br><br><span style="bottom:0px "><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150"></span></div>
+<div><br><br><br><span style="bottom:0px "><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150"></div>
+<div><br><br><br><span style="bottom:0px  "><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150"></div>
+<div><br><br><br><span style="bottom:120px"><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:0px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/931853.html b/layout/reftests/bugs/931853.html
new file mode 100644
index 0000000000..00023c2598
--- /dev/null
+++ b/layout/reftests/bugs/931853.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 931853</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+        }
+
+div { height:7em; margin-bottom:2px; overflow:hidden; border:1px solid black;}
+img { margin-left:30px; }
+
+    </style>
+</head>
+<body>
+
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-200px"></div>
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-170px"></div>
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-150px"></div>
+<div><br><br><br><img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" width="350" height="150" style="margin-top:-120px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/933264-1-ref.html b/layout/reftests/bugs/933264-1-ref.html
new file mode 100644
index 0000000000..4384f065ef
--- /dev/null
+++ b/layout/reftests/bugs/933264-1-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+  <title>The Grid in an overflowing div</title>
+  <style type="text/css">
+    html {
+        padding: 0;
+        border: 0;
+        margin: 0;
+    }
+    body {
+        padding: 0;
+        border: 0;
+        margin: 0;
+    }
+    table {
+        padding: 0;
+        margin: 0;
+        border-top: none;
+        border-left: none;
+        border-right: 1px solid black;
+        border-bottom: 1px solid black;
+    }
+    tr {
+        padding: 0;
+        border: 0;
+        margin: 0;
+    }
+    td {
+        /* top border counts as part of height, but
+           left border doesn't count as part of width.
+           go figure.
+        */
+        min-height: 99px;
+        height: 99px;
+        max-height: 99px;
+        min-width: 99px;
+        width: 99px;
+        max-width: 99px;
+        padding: 0;
+        border-left: 1px solid black;
+        border-top: 1px solid black;
+        border-right: none;
+        border-bottom: none;
+        margin: 0;
+        font-size: 12px;
+        text-align: left;
+        vertical-align: top;
+        font-family: monospace;
+    }
+  </style>
+  <script type="text/javascript">
+    var val = 900;
+    function scroll() {
+        var div = document.getElementById('nest');
+        div.scrollLeft = val;
+        div.scrollTop = val;
+        document.documentElement.removeAttribute('class');
+    }
+
+    window.onload = scroll;
+  </script>
+ </head>
+ <body>
+  <div style="color: red">this text is above the scrolling div. the div below is 300x400</div>
+  <div id="nest" style="overflow: scroll; height: 400px; width: 300px; border: solid 1px black">
+    <div style="background: blue; width: 5000px; height: 5000px;"></div>
+  </div>
+  <div style="color: red">this text is below the scrolling div</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/933264-1.html b/layout/reftests/bugs/933264-1.html
new file mode 100644
index 0000000000..2d8c66c165
--- /dev/null
+++ b/layout/reftests/bugs/933264-1.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+  <title>The Grid in an overflowing div</title>
+  <style type="text/css">
+    html {
+        padding: 0;
+        border: 0;
+        margin: 0;
+    }
+    body {
+        padding: 0;
+        border: 0;
+        margin: 0;
+    }
+    table {
+        padding: 0;
+        margin: 0;
+        border-top: none;
+        border-left: none;
+        border-right: 1px solid black;
+        border-bottom: 1px solid black;
+    }
+    tr {
+        padding: 0;
+        border: 0;
+        margin: 0;
+    }
+    td {
+        /* top border counts as part of height, but
+           left border doesn't count as part of width.
+           go figure.
+        */
+        min-height: 99px;
+        height: 99px;
+        max-height: 99px;
+        min-width: 99px;
+        width: 99px;
+        max-width: 99px;
+        padding: 0;
+        border-left: 1px solid black;
+        border-top: 1px solid black;
+        border-right: none;
+        border-bottom: none;
+        margin: 0;
+        font-size: 12px;
+        text-align: left;
+        vertical-align: top;
+        font-family: monospace;
+    }
+  </style>
+  <script type="text/javascript">
+    var val = 100;
+    var max = 1000;
+    function scrollmore() {
+        if (val == max) {
+          document.documentElement.removeAttribute('class');
+          return;
+        }
+        var div = document.getElementById('nest');
+        div.scrollLeft = val;
+        div.scrollTop = val;
+        val += 100;
+        document.documentElement.offsetLeft;
+        setTimeout(scrollmore, 500);
+    }
+
+    window.onload = scrollmore;
+  </script>
+ </head>
+ <body>
+  <div style="color: red">this text is above the scrolling div. the div below is 300x400</div>
+  <div id="nest" style="overflow: scroll; height: 400px; width: 300px; border: solid 1px black">
+    <div style="background: blue; width: 5000px; height: 5000px;">text</div>
+  </div>
+  <div style="color: red">this text is below the scrolling div</div>
+ </body>
+</html>
diff --git a/layout/reftests/bugs/935056-1-ref.html b/layout/reftests/bugs/935056-1-ref.html
new file mode 100644
index 0000000000..35adbcddb6
--- /dev/null
+++ b/layout/reftests/bugs/935056-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+* { margin: 3px; }
+p { font: 32px serif; }
+text { font: 16px serif; }
+</style>
+<p>This text should be affected by the minimum font size.</p>
+<svg width="800" height="40">
+  <text x="10" y="20">This text should not be affected by the minimum font size.</text>
+</svg>
diff --git a/layout/reftests/bugs/935056-1.html b/layout/reftests/bugs/935056-1.html
new file mode 100644
index 0000000000..b7e80eca17
--- /dev/null
+++ b/layout/reftests/bugs/935056-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+* { margin: 3px; }
+p, text { font: 16px serif; }
+</style>
+<p>This text should be affected by the minimum font size.</p>
+<svg width="800" height="40">
+  <text x="10" y="20">This text should not be affected by the minimum font size.</text>
+</svg>
diff --git a/layout/reftests/bugs/936670-1-ref.svg b/layout/reftests/bugs/936670-1-ref.svg
new file mode 100644
index 0000000000..76113de856
--- /dev/null
+++ b/layout/reftests/bugs/936670-1-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <path d="M 100,100 l 4,8 h -8 z" fill="red"/>
+  <g transform="translate(100,100)" style="text-anchor: end; font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/bugs/936670-1.svg b/layout/reftests/bugs/936670-1.svg
new file mode 100644
index 0000000000..6a16f77eaf
--- /dev/null
+++ b/layout/reftests/bugs/936670-1.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <path d="M 100,100 l 4,8 h -8 z" fill="red"/>
+  <g transform="translate(100,100)" style="text-anchor: end; font: 16px sans-serif">
+    <text> hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/bugs/941940-1-ref.html b/layout/reftests/bugs/941940-1-ref.html
new file mode 100644
index 0000000000..c9b1bac844
--- /dev/null
+++ b/layout/reftests/bugs/941940-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<p><tt>foobar</tt>
+<p><tt>foo bar</tt>
+<pre>
+foo
+bar
+</pre>
diff --git a/layout/reftests/bugs/941940-1.html b/layout/reftests/bugs/941940-1.html
new file mode 100644
index 0000000000..147f48025d
--- /dev/null
+++ b/layout/reftests/bugs/941940-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<p><tt>foo&#13;bar</tt>
+<p><tt>foo&#13;&#10;bar</tt>
+<pre>
+foo&#13;
+bar&#13;
+</pre>
diff --git a/layout/reftests/bugs/942017-ref.html b/layout/reftests/bugs/942017-ref.html
new file mode 100644
index 0000000000..220ae60625
--- /dev/null
+++ b/layout/reftests/bugs/942017-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+    <meta charset="utf-8">
+    <title>Bug 942017</title>
+
+    <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+
+  html,body {
+      color:black; background-color:white; font-size:24px; font-family:DejaVuSansMono; padding:20px; margin:0;
+  }
+
+  div {
+    float: left;
+    padding: 1em 2em;
+    outline: 2px solid black;
+    background: black;
+  }
+
+  div.a { line-height: 0.5em; }
+  div.b { line-height: 2em; }
+  div.i l { margin-left:2.84ch; }
+
+  l { display:block; outline:1px solid green; width:1ch; direction:rtl; white-space:nowrap; }
+  x { display:inline-block; width:2.84ch; height:1px; vertical-align:top; }
+    </style>
+</head>
+<body>
+        <div class="a">
+          <l>X<x></x></l>
+          <l>X<x></x></l>
+        </div>
+
+<br clear="all">
+
+        <div class="b">
+          <l>X<x></x></l>
+          <l>X<x></x></l>
+        </div>
+
+<br clear="all">
+
+        <div class="a i">
+          <l>X<x></x></l>
+          <l>X<x></x></l>
+        </div>
+
+<br clear="all">
+
+        <div class="b i">
+          <l>X<x></x></l>
+          <l>X<x></x></l>
+        </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/942017.html b/layout/reftests/bugs/942017.html
new file mode 100644
index 0000000000..20260d6a08
--- /dev/null
+++ b/layout/reftests/bugs/942017.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+    <meta charset="utf-8">
+    <title>Bug 942017</title>
+
+    <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+
+  html,body {
+      color:black; background-color:white; font-size:24px; font-family:DejaVuSansMono; padding:20px; margin:0;
+  }
+
+  div {
+    float: left;
+    padding: 1em 2em;
+    outline: 2px solid black;
+    background: black;
+    list-style-type: decimal;
+  }
+
+  div.a { line-height: 0.5em; }
+  div.b { line-height: 2em; }
+  div.i { list-style-position: inside; }
+
+  li { outline:1px solid green; padding:0; margin:0; letter-spacing:0; }
+
+    </style>
+</head>
+<body>
+
+        <div class="a">
+          <li>X</li>
+          <li>X</li>
+        </div>
+
+<br clear="all">
+
+        <div class="b">
+          <li>X</li>
+          <li>X</li>
+        </div>
+
+<br clear="all">
+
+        <div class="a i">
+          <li>X</li>
+          <li>X</li>
+        </div>
+
+<br clear="all">
+
+        <div class="b i">
+          <li>X</li>
+          <li>X</li>
+        </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/942672-1-ref.html b/layout/reftests/bugs/942672-1-ref.html
new file mode 100644
index 0000000000..1322684d1d
--- /dev/null
+++ b/layout/reftests/bugs/942672-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white">
+<div style="opacity:0.5; background:white; height:200px; padding:2px;"><button>Hello</button></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/942672-1.html b/layout/reftests/bugs/942672-1.html
new file mode 100644
index 0000000000..2f21d7afba
--- /dev/null
+++ b/layout/reftests/bugs/942672-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white">
+<div style="opacity:0.5; height:200px; padding:2px;"><button>Hello</button></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/944291-1-ref.html b/layout/reftests/bugs/944291-1-ref.html
new file mode 100644
index 0000000000..2beca9acb0
--- /dev/null
+++ b/layout/reftests/bugs/944291-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#d1 {
+  width: 250px;
+  height: 200px;
+  margin: 200px;
+  transform: translateY(10px);
+}
+#d1.hidden {
+  transform: translateY(20px);
+}
+#d2 {
+  background-color: yellow;
+  position: relative;
+  width: 100px;
+  height: 100px;
+  left: 0;
+}
+.hidden > #d2 {
+  left: -100px;
+}
+</style>
+</head>
+<body>
+<div id="d1" class="hidden">
+  <div id="d2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/944291-1.html b/layout/reftests/bugs/944291-1.html
new file mode 100644
index 0000000000..a8a6389327
--- /dev/null
+++ b/layout/reftests/bugs/944291-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+#d1 {
+  width: 250px;
+  height: 200px;
+  margin: 200px;
+  transform: translateY(10px);
+}
+#d1.hidden {
+  transform: translateY(20px);
+}
+#d2 {
+  background-color: yellow;
+  position: relative;
+  width: 100px;
+  height: 100px;
+  left: 0;
+}
+.hidden > #d2 {
+  left: -100px;
+}
+</style>
+</head>
+<body>
+<div id="d1">
+  <div id="d2"></div>
+</div>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  d1.classList.toggle("hidden");
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-basic-1-ref.html b/layout/reftests/bugs/9458-basic-1-ref.html
new file mode 100644
index 0000000000..379d53de7c
--- /dev/null
+++ b/layout/reftests/bugs/9458-basic-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<p>abc</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-basic-1.html b/layout/reftests/bugs/9458-basic-1.html
new file mode 100644
index 0000000000..393111a771
--- /dev/null
+++ b/layout/reftests/bugs/9458-basic-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." />
+<meta name="flags" content="" />
+<style type="text/css">
+span { display: inline-block; }
+</style>
+</head>
+<body>
+<p>a<span>b</span>c</p>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-height-1-ref.html b/layout/reftests/bugs/9458-height-1-ref.html
new file mode 100644
index 0000000000..8ea4c7158a
--- /dev/null
+++ b/layout/reftests/bugs/9458-height-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br>Test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-height-1.html b/layout/reftests/bugs/9458-height-1.html
new file mode 100644
index 0000000000..5fb21e05b7
--- /dev/null
+++ b/layout/reftests/bugs/9458-height-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for height:auto on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+<meta name="flags" content="" />
+<style type="text/css">
+div { display: inline-block; width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br>Test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-height-2-ref.html b/layout/reftests/bugs/9458-height-2-ref.html
new file mode 100644
index 0000000000..043489d715
--- /dev/null
+++ b/layout/reftests/bugs/9458-height-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { height: 5em; width:10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-height-2.html b/layout/reftests/bugs/9458-height-2.html
new file mode 100644
index 0000000000..15075e403f
--- /dev/null
+++ b/layout/reftests/bugs/9458-height-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for height:&lt;length&gt; on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+<meta name="flags" content="" />
+<style type="text/css">
+div { display: inline-block; height: 5em; width:10em; vertical-align: baseline; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-valign-1-ref.html b/layout/reftests/bugs/9458-valign-1-ref.html
new file mode 100644
index 0000000000..decfc1e76f
--- /dev/null
+++ b/layout/reftests/bugs/9458-valign-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<table border height="200"><tr><td valign="bottom">
+<p>abcde</p>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-valign-1.html b/layout/reftests/bugs/9458-valign-1.html
new file mode 100644
index 0000000000..2e85c530b4
--- /dev/null
+++ b/layout/reftests/bugs/9458-valign-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for vertical alignment on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." />
+<meta name="flags" content="" />
+<style type="text/css">
+span { display: inline-block; }
+span > span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border height="200"><tr><td valign="bottom">
+<p>a<span><span>x</span>bcd</span>e</p>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-valign-2-ref.html b/layout/reftests/bugs/9458-valign-2-ref.html
new file mode 100644
index 0000000000..65aecd0b4f
--- /dev/null
+++ b/layout/reftests/bugs/9458-valign-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body { background: white; color: black; }
+span { display: inline-block; margin: 3px 0; border: 4px solid white; border-width: 4px 0; padding: 9px 0; }
+span > span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border><tr><td>
+<p><span><span>x</span>abcde</span></p>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-valign-2.html b/layout/reftests/bugs/9458-valign-2.html
new file mode 100644
index 0000000000..b57858234c
--- /dev/null
+++ b/layout/reftests/bugs/9458-valign-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for vertical alignment on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." />
+<meta name="flags" content="" />
+<style type="text/css">
+body { background: white; color: black; }
+span { display: inline-block; margin: 3px 0; border: 4px solid white; border-width: 4px 0; padding: 9px 0; }
+span > span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border><tr><td>
+<p>a<span><span>x</span>bcd</span>e</p>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-width-1-ref.html b/layout/reftests/bugs/9458-width-1-ref.html
new file mode 100644
index 0000000000..f467568e73
--- /dev/null
+++ b/layout/reftests/bugs/9458-width-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x<div>This is some text that is wider than 10em but has no words wider than 10em.</div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-width-1a.html b/layout/reftests/bugs/9458-width-1a.html
new file mode 100644
index 0000000000..6403312c55
--- /dev/null
+++ b/layout/reftests/bugs/9458-width-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width: auto' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-block; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-width-1b.html b/layout/reftests/bugs/9458-width-1b.html
new file mode 100644
index 0000000000..8f3869ae06
--- /dev/null
+++ b/layout/reftests/bugs/9458-width-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width: auto' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-block; background: green; color: white; width: 10em; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-width-2-ref.html b/layout/reftests/bugs/9458-width-2-ref.html
new file mode 100644
index 0000000000..0acdfbb811
--- /dev/null
+++ b/layout/reftests/bugs/9458-width-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { background: green; color: white; width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div>y</div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-width-2a.html b/layout/reftests/bugs/9458-width-2a.html
new file mode 100644
index 0000000000..18e905b847
--- /dev/null
+++ b/layout/reftests/bugs/9458-width-2a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width: auto' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-block; background: green; color: white; }
+body > div > div > div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-width-2b.html b/layout/reftests/bugs/9458-width-2b.html
new file mode 100644
index 0000000000..6b03e8fc81
--- /dev/null
+++ b/layout/reftests/bugs/9458-width-2b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for 'width: &lt;length&gt;' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<meta name="flags" content="" />
+<style type="text/css">
+body > div { width: 10em; }
+body > div > div { display: inline-block; background: green; color: white; width: 20em; }
+body > div > div > div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-1.html b/layout/reftests/bugs/9458-zorder-1.html
new file mode 100644
index 0000000000..2927e2c21b
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<style type="text/css">
+div { width: 2em; height: 1em; }
+span { display:inline-block; vertical-align: top; width: 2em; height: 1em; background: green; }
+div#after { margin-top:-1em; background: red; }
+</style>
+</head>
+<body>
+<div><span>&nbsp;</span></div>
+<div id="after">&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-2.html b/layout/reftests/bugs/9458-zorder-2.html
new file mode 100644
index 0000000000..e5f1f3ec40
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<style type="text/css">
+div { width: 2em; height: 1em; }
+span { display:inline-block; vertical-align: top; width: 2em; height: 1em; }
+span span { display: block; background: green; }
+div#after { margin-top: -1em; background: red; }
+</style>
+</head>
+<body>
+<div><span><span>&nbsp;</span></span></div>
+<div id="after">&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-3.html b/layout/reftests/bugs/9458-zorder-3.html
new file mode 100644
index 0000000000..23abb0d28a
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<style type="text/css">
+div { height: 1em; }
+div#test span { display:inline-block; vertical-align: top; height: 1em; background: red; color: red; }
+div#after { margin-top:-1em; }
+div#after span { display: inline; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div id="test"><span>&nbsp;x&nbsp;</span></div>
+<div id="after"><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-4.html b/layout/reftests/bugs/9458-zorder-4.html
new file mode 100644
index 0000000000..c0309bd61e
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<style type="text/css">
+div#test span { display:inline-block; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&nbsp;x&nbsp;</span></div>
+<div id="test"><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-5.html b/layout/reftests/bugs/9458-zorder-5.html
new file mode 100644
index 0000000000..f11aabfc9c
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-5.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<style type="text/css">
+div#test > span { display:inline-block; vertical-align: top; }
+div#test > span > span { display: block; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before > span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&nbsp;x&nbsp;</span></div>
+<div id="test"><span><span>&nbsp;x&nbsp;</span></span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-ref-inline-block.html b/layout/reftests/bugs/9458-zorder-ref-inline-block.html
new file mode 100644
index 0000000000..dd33a2c10d
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-ref-inline-block.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { display: inline-block; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-ref-inline.html b/layout/reftests/bugs/9458-zorder-ref-inline.html
new file mode 100644
index 0000000000..71c0b8409c
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-ref-inline.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&nbsp;x&nbsp;</span></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/9458-zorder-ref.html b/layout/reftests/bugs/9458-zorder-ref.html
new file mode 100644
index 0000000000..a5f736d030
--- /dev/null
+++ b/layout/reftests/bugs/9458-zorder-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display:block; width: 2em; height: 1em; background: green; }
+</style>
+</head>
+<body>
+<div>&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/950436-1-ref.html b/layout/reftests/bugs/950436-1-ref.html
new file mode 100644
index 0000000000..42ff61d1d3
--- /dev/null
+++ b/layout/reftests/bugs/950436-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+body { background-image: url(950436-1.png); }
+</style>
+<body>
diff --git a/layout/reftests/bugs/950436-1.html b/layout/reftests/bugs/950436-1.html
new file mode 100644
index 0000000000..fbc2e07a4d
--- /dev/null
+++ b/layout/reftests/bugs/950436-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+/* It's important here to reference an image that has not previously been loaded
+   during the reftest run.  So don't use 950436-1.png in any other test. */
+body { --a: url(950436-1.png); background-image: var(--a); }
+</style>
+<body>
diff --git a/layout/reftests/bugs/950436-1.png b/layout/reftests/bugs/950436-1.png
new file mode 100644
index 0000000000..4718c00e62
Binary files /dev/null and b/layout/reftests/bugs/950436-1.png differ
diff --git a/layout/reftests/bugs/953334-win32-clipping-ref.html b/layout/reftests/bugs/953334-win32-clipping-ref.html
new file mode 100644
index 0000000000..e07bf159eb
--- /dev/null
+++ b/layout/reftests/bugs/953334-win32-clipping-ref.html
@@ -0,0 +1,22 @@
+<style type="text/css">
+#descdiv{
+overflow: hidden;
+height: 60px;
+border: 1px solid red;
+}
+#descdiv p{
+height:30px;
+margin:0;
+/* The shadow of the text will be inside the overflow-hidden but the text it self will not.
+   This causes the text to be drawn even when it's outside of the clip*/
+text-shadow: #fff 1px -1px 2px;
+}
+
+</style>
+
+<div id="descdiv">
+<p class="um_desc">&nbsp;</p>
+<p class="um_desc">&nbsp;</p>
+<p class="um_desc">&nbsp;</p>
+</div>
+
diff --git a/layout/reftests/bugs/953334-win32-clipping.html b/layout/reftests/bugs/953334-win32-clipping.html
new file mode 100644
index 0000000000..91db71af63
--- /dev/null
+++ b/layout/reftests/bugs/953334-win32-clipping.html
@@ -0,0 +1,22 @@
+<style type="text/css">
+#descdiv{
+overflow: hidden;
+height: 60px;
+border: 1px solid red;
+}
+#descdiv p{
+height:30px;
+margin:0;
+/* The shadow of the text will be inside the overflow-hidden but the text it self will not.
+   This causes the text to be drawn even when it's outside of the clip*/
+text-shadow: #fff 1px -1px 2px;
+}
+
+</style>
+
+<div id="descdiv">
+<p class="um_desc">&nbsp;</p>
+<p class="um_desc">&nbsp;</p>
+<p class="um_desc">sed diam nonummy nibh</p>
+</div>
+
diff --git a/layout/reftests/bugs/956513-1-ref.svg b/layout/reftests/bugs/956513-1-ref.svg
new file mode 100644
index 0000000000..c9f39b5297
--- /dev/null
+++ b/layout/reftests/bugs/956513-1-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M0 100h400"/>
+  <path d="M0 102h400" stroke="blue" stroke-width="1px"/>
+  <circle cx="200" cy="102" r="3" fill="blue"/>
+  <text><textPath font-size="16px" text-anchor="middle" startOffset="50%" xlink:href="#p">Text should be centered on the line.</textPath></text>
+</svg>
diff --git a/layout/reftests/bugs/956513-1.svg b/layout/reftests/bugs/956513-1.svg
new file mode 100644
index 0000000000..f7980a0781
--- /dev/null
+++ b/layout/reftests/bugs/956513-1.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M0 100h400"/>
+  <path d="M0 102h400" stroke="blue" stroke-width="1px"/>
+  <circle cx="200" cy="102" r="3" fill="blue"/>
+  <text xml:space="preserve"> <textPath font-size="16px" text-anchor="middle" startOffset="50%" xlink:href="#p">Text should be centered on the line.</textPath> </text>
+</svg>
diff --git a/layout/reftests/bugs/957770-1-ref.svg b/layout/reftests/bugs/957770-1-ref.svg
new file mode 100644
index 0000000000..b1236d1b51
--- /dev/null
+++ b/layout/reftests/bugs/957770-1-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="80" y="80" font-size="32px" font-family="sans-serif"
+        dominant-baseline="text-before-edge" text-decoration="underline">
+    Hello, out there
+  </text>
+</svg>
diff --git a/layout/reftests/bugs/957770-1.svg b/layout/reftests/bugs/957770-1.svg
new file mode 100644
index 0000000000..0ec3f28b81
--- /dev/null
+++ b/layout/reftests/bugs/957770-1.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g transform="scale(2)">
+    <text x="40" y="40" font-size="16px" font-family="sans-serif"
+          dominant-baseline="text-before-edge" text-decoration="underline">
+      Hello, out there
+    </text>
+  </g>
+</svg>
diff --git a/layout/reftests/bugs/960277-1-ref.html b/layout/reftests/bugs/960277-1-ref.html
new file mode 100644
index 0000000000..67f8ba33db
--- /dev/null
+++ b/layout/reftests/bugs/960277-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+#d { overflow:scroll; width:200px; height:200px; background:yellow; transform:translateX(100px); }
+#d2 { right:0; width:100px; height:100px; background:purple; position:absolute; }
+</style>
+<div id="d">
+  <div id="d2"></div>
+</div>
diff --git a/layout/reftests/bugs/960277-1.html b/layout/reftests/bugs/960277-1.html
new file mode 100644
index 0000000000..14ec621353
--- /dev/null
+++ b/layout/reftests/bugs/960277-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<style>
+#d { overflow:scroll; width:200px; height:200px; background:yellow; }
+#d2 { right:0; width:100px; height:100px; background:purple; }
+</style>
+<div id="d">
+  <div id="d2"></div>
+</div>
+<script>
+d.getBoundingClientRect();
+d.style.transform = "translateX(100px)";
+d.getBoundingClientRect();
+d2.style.position = "absolute";
+</script>
diff --git a/layout/reftests/bugs/961887-1-ref.html b/layout/reftests/bugs/961887-1-ref.html
new file mode 100644
index 0000000000..78673a8228
--- /dev/null
+++ b/layout/reftests/bugs/961887-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>Don't pull background colors of container layers through DrawAboveRegions of ThebesLayers</title>
+<style>
+
+#outer {
+  transform: translateX(1px);
+}
+
+#above {
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+}
+
+</style>
+
+<div id="outer">
+  <div style="height: 100px; width: 200px; background-color: lime;"></div>
+  <div id="above"></div>
+</div>
diff --git a/layout/reftests/bugs/961887-1.html b/layout/reftests/bugs/961887-1.html
new file mode 100644
index 0000000000..65ff8d242c
--- /dev/null
+++ b/layout/reftests/bugs/961887-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<title>Don't pull background colors of container layers through DrawAboveRegions of ThebesLayers</title>
+<style>
+
+#outer {
+  transform: translateX(1px);
+}
+
+#above {
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+}
+
+</style>
+
+<div id="outer">
+  <canvas id="canvas" height="100" width="200"></canvas>
+  <div id="above"></div>
+</div>
+
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>
diff --git a/layout/reftests/bugs/961887-2-ref.html b/layout/reftests/bugs/961887-2-ref.html
new file mode 100644
index 0000000000..e484b399f9
--- /dev/null
+++ b/layout/reftests/bugs/961887-2-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that we don't pull background colors into container layers that have effects applied on them</title>
+
+<style>
+
+#outer {
+  background-color: white;
+  border: 1px solid black;
+}
+
+#outer > div {
+  margin: 20px;
+  border: 1px solid black;
+  height: 20px;
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner1"></div>
+  <div id="inner2"></div>
+</div>
diff --git a/layout/reftests/bugs/961887-2.html b/layout/reftests/bugs/961887-2.html
new file mode 100644
index 0000000000..6d499740aa
--- /dev/null
+++ b/layout/reftests/bugs/961887-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that we don't pull background colors into container layers that have effects applied on them</title>
+
+<style>
+
+#outer {
+  background-color: white;
+  border: 1px solid black;
+}
+
+#outer > div {
+  margin: 20px;
+  border: 1px solid white;
+  height: 20px;
+}
+
+#inner1 {
+  mix-blend-mode: difference;
+}
+
+#inner2 {
+  filter: invert(100%);
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner1"></div>
+  <div id="inner2"></div>
+</div>
diff --git a/layout/reftests/bugs/961887-3-ref.html b/layout/reftests/bugs/961887-3-ref.html
new file mode 100644
index 0000000000..0d9b3cb30d
--- /dev/null
+++ b/layout/reftests/bugs/961887-3-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test container background searching with clipped display items</title>
+
+<style>
+
+#box {
+  width: 200px;
+  height: 200px;
+  background-color: lime;
+}
+
+</style>
+
+<div id="box"></div>
diff --git a/layout/reftests/bugs/961887-3.html b/layout/reftests/bugs/961887-3.html
new file mode 100644
index 0000000000..b70f03a188
--- /dev/null
+++ b/layout/reftests/bugs/961887-3.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Test container background searching with clipped display items</title>
+
+<style>
+
+div {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  margin-bottom: -200px;
+}
+
+#outer {
+  background-color: red;
+}
+
+#container {
+  will-change: opacity;
+}
+
+#backgroundCover {
+  background-color: lime;
+}
+
+#roundedClip {
+  overflow: hidden;
+  border-radius: 20px;
+}
+
+#clippedItem {
+  background-color: lime;
+}
+
+#separatePaintedLayer {
+  position: sticky;
+  border: 1px solid lime;
+}
+
+</style>
+
+<div id="outer">
+  <div id="container">
+    <div id="backgroundCover"></div>
+    <div id="roundedClip">
+      <div id="clippedItem"></div>
+    </div>
+    <div id="separatePaintedLayer"></div>
+  </div>
+</div>
diff --git a/layout/reftests/bugs/966510-1-ref.html b/layout/reftests/bugs/966510-1-ref.html
new file mode 100644
index 0000000000..37a5cec4c1
--- /dev/null
+++ b/layout/reftests/bugs/966510-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="1000"
+       style="overflow: scroll; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3;">
+    <div style="background: purple; height: 50px;"></div>
+  </div>
+  <div style="width: 50px; height: 50px; background: url('solidblue.png'); position: absolute; top: 100px; left: 50px; z-index: 4;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/966510-1.html b/layout/reftests/bugs/966510-1.html
new file mode 100644
index 0000000000..aa179b1507
--- /dev/null
+++ b/layout/reftests/bugs/966510-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="1000"
+       style="overflow: scroll; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3;">
+    <div style="background: purple; height: 50px;"></div>
+  </div>
+  <div style="width: 50px; height: 50px; background: url('solidblue.png'); position: absolute; top: 100px; left: 50px; z-index: 2;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/966510-2-ref.html b/layout/reftests/bugs/966510-2-ref.html
new file mode 100644
index 0000000000..98f379490a
--- /dev/null
+++ b/layout/reftests/bugs/966510-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width: 50px; height: 50px; background: url('solidblue.png'); position: absolute; top: 100px; left: 50px;">
+  </div>
+  <div id="scrollframe" style="overflow: scroll; position: absolute; top: 0; left: 0; bottom: 0; right: 0;">
+    <div style="background: purple; height: 50px;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/966510-2.html b/layout/reftests/bugs/966510-2.html
new file mode 100644
index 0000000000..291524b62b
--- /dev/null
+++ b/layout/reftests/bugs/966510-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll>
+<body>
+  <div style="width: 50px; height: 50px; background: url('solidblue.png'); position: absolute; top: 100px; left: 50px;">
+  </div>
+  <div reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="800" reftest-displayport-h="1000"
+       style="overflow: scroll; position: absolute; top: 0; left: 0; bottom: 0; right: 0;">
+    <div style="background: purple; height: 50px;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/966992-1-ref.html b/layout/reftests/bugs/966992-1-ref.html
new file mode 100644
index 0000000000..7d9234fa83
--- /dev/null
+++ b/layout/reftests/bugs/966992-1-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcases for overflow-clip-box:content-box</title>
+    <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px monospace; padding:0; margin:7px;
+}
+
+input {
+  width: 100px; padding:50px; -moz-appearance:none; overflow-clip-box:padding-box;
+  border: 3px solid black;
+  background-color: white;
+  font-family: monospace;
+}
+
+p {
+ position:absolute;
+ margin:0;
+ width:70%;
+ height: 1px;
+ background:magenta;
+}
+.rel p { width:200%; }
+.block {
+  border:1px solid grey; height:50px; width:200px; padding:20px;
+  overflow:auto; overflow-clip-box:padding-box;
+}
+.rel { position:relative; }
+.mask1 { position:absolute; width:20px; background:white; top:0; bottom:0; right:0; }
+.mask2 { position:absolute; width:20px; background:white; top:0px; bottom:-15px; right:220px; z-index:99; }
+.mask3 { position:absolute; width:20px; background:white; top:0; bottom:0; left:200px; }
+.mask4 { position:absolute; height:40px; background:white; top:4px; left:3px; width:210px; z-index:99; }
+.mask5 { position:absolute; height:40px; background:white; top:3px; right:3px; width:50px; }
+.button { width:100px; padding:0 50px; overflow:hidden; }
+    </style>
+</head>
+<body>
+
+<div class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p style="padding-right:20px"></p><div class=mask1></div></div>
+<div style="float:right">
+
+<div class="rel block" style="box-sizing:border-box;height:90px"><span style="padding-right:20px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span><div class=mask1></div></div>
+
+</div>
+
+<div class="rel block"><span style="padding-right:20px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span><p></p><div class=mask1></div></div>
+<div id="d1" class="rel block"><span style="padding-right:20px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span><span style="position:relative;"><div class=mask2></div><div class=mask1></div></span><p></p></div>
+<script>
+document.getElementById("d1").scrollLeft = "100000";
+</script>
+<div class="block"><span style="padding-right:20px"><span style="position:relative;"><div class=mask3></div>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span></span><p></p></div>
+
+<span style="position:relative"><input spellcheck=false type="text" placeholder="someveryveryveryveryverylongvalue"><div class=mask5></div></span>
+<span style="position:relative"><input spellcheck=false type="text" value="someveryveryveryveryverylongvalue"><div class=mask5></div></span><br>
+<span style="position:relative"><input spellcheck=false type="password" value="someveryveryveryveryverylongpassword"><div class=mask5></div></span>
+<span style="position:relative"><input spellcheck=false type="email" value="someveryveryveryveryverylongvalue"><div class=mask5></div></span>
+<span style="position:relative"><input spellcheck=false type="blah" value="someveryveryveryveryverylongvalue"><div class=mask5></div></span>
+<br>
+<input spellcheck=false type="button" value="button" class="button" style="overflow-clip-box:initial">
+<input spellcheck=false type="button" value="button" class="button">
+<input spellcheck=false type="reset" class="button">
+<input spellcheck=false type="submit" class="button"><br>
+<input spellcheck=false type="button" value="" class="button">
+<input spellcheck=false type="reset" value="" class="button">
+<input spellcheck=false type="submit" value="" class="button"><br>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/966992-1.html b/layout/reftests/bugs/966992-1.html
new file mode 100644
index 0000000000..2038c613ed
--- /dev/null
+++ b/layout/reftests/bugs/966992-1.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcases for overflow-clip-box:content-box</title>
+    <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px monospace; padding:0; margin:7px;
+}
+
+input {
+  width: 100px; padding:50px; -moz-appearance:none; overflow-clip-box:content-box;
+  border: 3px solid black;
+  background-color: white;
+  font-family: monospace;
+}
+
+p {
+ position:absolute;
+ margin:0;
+ width:70%;
+ height: 1px;
+ background:magenta;
+}
+.rel p { width:200%; }
+.block {
+  border:1px solid grey; height:50px; width:200px; padding:20px;
+  overflow:auto; overflow-clip-box:content-box;
+}
+.rel { position:relative; }
+.button { width:0px; padding:0 50px; overflow:hidden; }
+.pb { overflow-clip-box:padding-box; }
+.cb { overflow-clip-box:content-box; }
+    </style>
+</head>
+<body>
+
+<div class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
+<div style="float:right">
+
+<div class="block" style="-moz-box-sizing:border-box;height:90px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
+</div>
+
+<div class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
+<div id="d1" class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
+<script>
+document.getElementById("d1").scrollLeft = "100000";
+</script>
+<div class="block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
+
+<input spellcheck=false type="text" placeholder="someveryveryveryveryverylongvalue">
+<input spellcheck=false type="text" value="someveryveryveryveryverylongvalue"><br>
+<input spellcheck=false type="password" value="someveryveryveryveryverylongpassword">
+<input spellcheck=false type="email" value="someveryveryveryveryverylongvalue">
+<input spellcheck=false type="blah" value="someveryveryveryveryverylongvalue"><br>
+<input spellcheck=false type="button" value="button" class="button" style="overflow-clip-box:initial">
+<input spellcheck=false type="button" value="button" class="button pb">
+<input spellcheck=false type="reset" class="button pb">
+<input spellcheck=false type="submit" class="button pb"><br>
+<input spellcheck=false type="button" value="button" class="button cb">
+<input spellcheck=false type="reset" class="button cb">
+<input spellcheck=false type="submit" class="button cb"><br>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/97777-1-ref.html b/layout/reftests/bugs/97777-1-ref.html
new file mode 100644
index 0000000000..8fc7b1792b
--- /dev/null
+++ b/layout/reftests/bugs/97777-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+  <title>Bug 97777-1 Reference</title>
+  <style type="text/css">div.top {position: absolute; background: #CCCCCC}</style>
+</head>
+<body>
+<div class="top" style="top: 0.5em"><div>Box 1</div></div>
+<div class="top" style="top: 2.5em"><div>Box 2</div></div>
+<div class="top" style="top: 4.5em"><table><tr><td>Box 3</td></tr></table></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/97777-1.html b/layout/reftests/bugs/97777-1.html
new file mode 100644
index 0000000000..a6734bae8f
--- /dev/null
+++ b/layout/reftests/bugs/97777-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+  <title>Bug 97777-1</title>
+  <style type="text/css">div.top {position: absolute; background: #CCCCCC}</style>
+</head>
+<body>
+<div class="top" style="top: 0.5em" align="center"><div>Box 1</div></div>
+<div class="top" style="top: 2.5em"><center><div>Box 2</div></center></div>
+<div class="top" style="top: 4.5em"><table align="center"><tr><td>Box 3</td></tr></table></div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/97777-2-ref.html b/layout/reftests/bugs/97777-2-ref.html
new file mode 100644
index 0000000000..6d469a1529
--- /dev/null
+++ b/layout/reftests/bugs/97777-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+  <title>Bug 97777-2 Reference</title>
+  <style type="text/css">
+    table {position: absolute; border-collapse: collapse; background: #CCCCCC}
+    div.sub {border: solid blue}
+    p {border: solid red}
+    td {padding: 0px; text-align: center}
+  </style>
+</head>
+<body>
+<table style="top: 16.5em"><tr><td>
+  <p style="float: left">Float</p>
+  <div class="sub" style="-moz-float-edge: margin-box">Should be shrink-wrapped [align="center", float-edge="margin-box"]</div>
+</table>
+<table style="top: 20.5em"><tr><td>
+  <p style="float: right">Float</p>
+  <div class="sub" style="-moz-float-edge: margin-box">Should be shrink-wrapped [align="center", float-edge="margin-box"]</div>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/bugs/97777-2.html b/layout/reftests/bugs/97777-2.html
new file mode 100644
index 0000000000..b217588ac4
--- /dev/null
+++ b/layout/reftests/bugs/97777-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+  <title>Bug 97777-2</title>
+  <style type="text/css">
+    div.top {position: absolute; border: 0px; background: #CCCCCC}
+    div.sub {border: solid blue}
+    p {border: solid red}
+  </style>
+</head>
+<body>
+<div class="top" style="top: 16.5em" align="center">
+  <p style="float: left">Float</p>
+  <div class="sub" style="-moz-float-edge: margin-box">Should be shrink-wrapped [align="center", float-edge="margin-box"]</div>
+</div>
+<div class="top" style="top: 20.5em" align="center">
+  <p style="float: right">Float</p>
+  <div class="sub" style="-moz-float-edge: margin-box">Should be shrink-wrapped [align="center", float-edge="margin-box"]</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/978911-1-ref.svg b/layout/reftests/bugs/978911-1-ref.svg
new file mode 100644
index 0000000000..53329dd781
--- /dev/null
+++ b/layout/reftests/bugs/978911-1-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>The circle should shrink and move to upper-left a bit.
+         It should remain a circle, with no artifacts left behind.</title>
+  <defs>
+    <circle id="smiley" fill="orange" cx="50" cy="50" r="20"/>
+  </defs>
+  <use id="target" xlink:href="#smiley" transform="scale(1.8)"/>
+</svg>
diff --git a/layout/reftests/bugs/978911-1.svg b/layout/reftests/bugs/978911-1.svg
new file mode 100644
index 0000000000..aa4e341a17
--- /dev/null
+++ b/layout/reftests/bugs/978911-1.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait">
+  <title>The circle should shrink and move to upper-left a bit.
+         It should remain a circle, with no artifacts left behind.</title>
+  <script>
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    function doTest() {
+      document.getElementById("target").setAttribute("transform", "scale(1.8)");
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <defs>
+    <circle id="smiley" fill="orange" cx="50" cy="50" r="20"/>
+  </defs>
+  <use id="target" xlink:href="#smiley" transform="scale(2)"/>
+</svg>
diff --git a/layout/reftests/bugs/98223-1-ref.html b/layout/reftests/bugs/98223-1-ref.html
new file mode 100644
index 0000000000..34b7fa7b19
--- /dev/null
+++ b/layout/reftests/bugs/98223-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+             "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+<title>Testcase #1 for bug 98223</title>
+
+<style type="text/css">
+
+        .outer { position:relative; padding-left:50px; height:100px; width:50px; border:thin solid;}
+        .inner { position:absolute; height:50px; width:50px; background-color:lime; }
+
+</style>
+
+
+</head>
+
+<body>
+
+ <div style="position:absolute; width:200px">
+  <div class="outer">
+   <div class="inner"></div>
+  </div>
+ </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/98223-1.html b/layout/reftests/bugs/98223-1.html
new file mode 100644
index 0000000000..7b220a97ec
--- /dev/null
+++ b/layout/reftests/bugs/98223-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+             "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+<title>Testcase #1 for bug 98223</title>
+
+<style type="text/css">
+
+        .outer { position:relative; padding-left:25%; height:100px; width:50px; border:thin solid;}
+        .inner { position:absolute; height:50px; width:50px; background-color:lime; }
+        .red   { position:absolute; height:50px; width:50px; background-color:red; top:0;right:0}
+
+</style>
+
+
+</head>
+
+<body>
+
+ <div style="position:absolute; width:200px">
+  <div class="outer">
+   <div class="red"></div>
+   <div class="inner"></div>
+  </div>
+ </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/98223-2-ref.html b/layout/reftests/bugs/98223-2-ref.html
new file mode 100644
index 0000000000..7cf3cceca3
--- /dev/null
+++ b/layout/reftests/bugs/98223-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+             "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+<title>Testcase #2 for bug 98223</title>
+
+<style type="text/css">
+
+        .outer { padding-left:150px; height:100px; width:50px; background: yellow; }
+        .inner { position:absolute; height:50px; width:50px; background-color:lime; }
+
+</style>
+
+
+</head>
+<body>
+
+ <div style="position:absolute; width:200px">
+  <div class="outer">
+   <div class="inner"></div>
+  </div>
+ </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/98223-2.html b/layout/reftests/bugs/98223-2.html
new file mode 100644
index 0000000000..3f28c6c7b1
--- /dev/null
+++ b/layout/reftests/bugs/98223-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+             "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+<title>Testcase #2 for bug 98223</title>
+
+<style type="text/css">
+
+        .outer { padding-left:75%; height:100px; width:50px; background: yellow; }
+        .inner { position:absolute; height:50px; width:50px; background-color:lime; }
+        .red   { position:absolute; height:50px; width:50px; background-color:red; top:0;right:0}
+
+</style>
+
+
+</head>
+<body>
+
+ <div style="position:absolute; width:200px">
+  <div class="outer">
+   <div class="red"></div>
+   <div class="inner"></div>
+  </div>
+ </div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/983084-1-ref.html b/layout/reftests/bugs/983084-1-ref.html
new file mode 100644
index 0000000000..6c808407ae
--- /dev/null
+++ b/layout/reftests/bugs/983084-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+    <body>
+        <div id="one" style="width:50px; height:50px; background-color:blue; position:absolute"></div>
+        <div id="two" style="width:500px; height:500px; background-color:red"></div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/983084-1.html b/layout/reftests/bugs/983084-1.html
new file mode 100644
index 0000000000..3d00539476
--- /dev/null
+++ b/layout/reftests/bugs/983084-1.html
@@ -0,0 +1,17 @@
+<html class="reftest-wait">
+    <head>
+        <script>
+            function showItem() {
+                var el = document.getElementById("two");
+                getComputedStyle(el).opacity; // flush styles
+                el.style.opacity = 1;
+                document.documentElement.removeAttribute("class");
+            }
+            window.addEventListener("MozReftestInvalidate", showItem);
+        </script>
+    </head>
+    <body>
+        <div id="one" style="width:50px; height:50px; background-color:blue; position:absolute"></div>
+        <div id="two" style="width:500px; height:500px; background-color:red; opacity:0.99"></div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/983084-2-ref.html b/layout/reftests/bugs/983084-2-ref.html
new file mode 100644
index 0000000000..2f7d3b12ed
--- /dev/null
+++ b/layout/reftests/bugs/983084-2-ref.html
@@ -0,0 +1,6 @@
+<html>
+    <body>
+        <div id="one" style="width:50px; height:50px; background-color:blue; position:absolute"></div>
+        <div id="two" style="width:500px; height:500px; background-color:red; opacity:0.99"></div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/983084-2.html b/layout/reftests/bugs/983084-2.html
new file mode 100644
index 0000000000..14458580c8
--- /dev/null
+++ b/layout/reftests/bugs/983084-2.html
@@ -0,0 +1,24 @@
+<html class="reftest-wait">
+    <head>
+        <style>
+          div {
+            transition: opacity 0.1s;
+          }
+        </style>
+        <script>
+            function showItem() {
+                var el = document.getElementById("two");
+                getComputedStyle(el).opacity; // flush styles
+                el.style.opacity = 0.99;
+                document.addEventListener("transitionend", function() {
+                  document.documentElement.removeAttribute("class");
+                });
+            }
+            window.addEventListener("MozReftestInvalidate", showItem);
+        </script>
+    </head>
+    <body>
+        <div id="one" style="width:50px; height:50px; background-color:blue; position:absolute"></div>
+        <div id="two" style="width:500px; height:500px; background-color:red; opacity:0.5"></div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/983084-3.html b/layout/reftests/bugs/983084-3.html
new file mode 100644
index 0000000000..eedb6b98b1
--- /dev/null
+++ b/layout/reftests/bugs/983084-3.html
@@ -0,0 +1,24 @@
+<html class="reftest-wait">
+    <head>
+        <style>
+          div {
+            transition: opacity 0.1s;
+          }
+        </style>
+        <script>
+            function showItem() {
+                var el = document.getElementById("two");
+                getComputedStyle(el).opacity; // flush styles
+                el.style.opacity = 1;
+                document.addEventListener("transitionend", function() {
+                  document.documentElement.removeAttribute("class");
+                });
+            }
+            window.addEventListener("MozReftestInvalidate", showItem);
+        </script>
+    </head>
+    <body>
+        <div id="one" style="width:50px; height:50px; background-color:blue; position:absolute"></div>
+        <div id="two" style="width:500px; height:500px; background-color:red; opacity:0.5"></div>
+    </body>
+</html>
diff --git a/layout/reftests/bugs/983691-1.html b/layout/reftests/bugs/983691-1.html
new file mode 100644
index 0000000000..94ded1299c
--- /dev/null
+++ b/layout/reftests/bugs/983691-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      @font-face {
+       src: url(../fonts/Ahem.ttf);
+       font-family: AhemReftest;
+      }
+      span { line-height: 1.0; font-family: AhemReftest; font-size: 30px }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span>XXX
+        <span style="vertical-align:text-bottom">XXX</span>
+        <span style="vertical-align:text-top">XXX</span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/983691-ref.html b/layout/reftests/bugs/983691-ref.html
new file mode 100644
index 0000000000..28f41e5d53
--- /dev/null
+++ b/layout/reftests/bugs/983691-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      @font-face {
+       src: url(../fonts/Ahem.ttf);
+       font-family: AhemReftest;
+      }
+      span { line-height: 1.0; font-family: AhemReftest; font-size: 30px }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span>XXX XXX XXX</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/bugs/983985-1-ref.html b/layout/reftests/bugs/983985-1-ref.html
new file mode 100644
index 0000000000..4a8d7e94d7
--- /dev/null
+++ b/layout/reftests/bugs/983985-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 983985</title>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+body {
+  font: 36px test;
+}
+</style>
+</head>
+<body>
+hello &#x530; world
+</body>
+</html>
diff --git a/layout/reftests/bugs/983985-1.html b/layout/reftests/bugs/983985-1.html
new file mode 100644
index 0000000000..44b7837159
--- /dev/null
+++ b/layout/reftests/bugs/983985-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 983985</title>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+body {
+  font: 36px test;
+}
+</style>
+</head>
+<body>
+hello <i>&#x530;</i> world
+</body>
+</html>
diff --git a/layout/reftests/bugs/983985-2-ref.html b/layout/reftests/bugs/983985-2-ref.html
new file mode 100644
index 0000000000..732bd1c817
--- /dev/null
+++ b/layout/reftests/bugs/983985-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 983985</title>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+.outer {
+  font: italic 36px test;
+  width: 2.5em; /* enough to display "hello" but not the hexbox */
+  overflow: hidden;
+}
+.inner {
+  width: 10em;
+}
+</style>
+</head>
+<body>
+<div class="outer">
+<div class="inner">
+hello <em>&#x530;</em> world
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/983985-2.html b/layout/reftests/bugs/983985-2.html
new file mode 100644
index 0000000000..39a88428f0
--- /dev/null
+++ b/layout/reftests/bugs/983985-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 983985</title>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+.outer {
+  font: italic 36px test;
+  width: 2.5em; /* enough to display "hello" but not the hexbox */
+  overflow: hidden;
+}
+.inner {
+  width: 10em;
+}
+</style>
+</head>
+<body>
+<div class="outer">
+<div class="inner">
+hello &#x530; world
+</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/985303-1-ref.html b/layout/reftests/bugs/985303-1-ref.html
new file mode 100644
index 0000000000..b2744a15bc
--- /dev/null
+++ b/layout/reftests/bugs/985303-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#container {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+}
+#image {
+  width: 100px;
+  height: 100px;
+  margin: 100px;
+  background: blue;
+  display: inline-block;
+}
+#cursor {
+  position: absolute;
+  left: 10px;
+  top: 0;
+  width: 10px;
+  height: 10px;
+  background: red;
+}
+</style>
+</head>
+<body>
+<div id='container'>
+  <div id='image'></div>
+  <div id='cursor'></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/bugs/985303-1a.html b/layout/reftests/bugs/985303-1a.html
new file mode 100644
index 0000000000..79ca7c199f
--- /dev/null
+++ b/layout/reftests/bugs/985303-1a.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#container {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+}
+#image {
+  width: 100px;
+  height: 100px;
+  margin: 100px;
+  background: blue;
+  display: inline-block;
+}
+#cursor {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 10px;
+  height: 10px;
+  background: red;
+}
+</style>
+</head>
+<body>
+<div id='container'>
+  <div id='image'></div>
+  <div id='cursor'></div>
+</div>
+</body>
+<script>
+var x = image.getBoundingClientRect();
+cursor.style.left = '10px';
+</script>
+</html>
diff --git a/layout/reftests/bugs/985303-1b.html b/layout/reftests/bugs/985303-1b.html
new file mode 100644
index 0000000000..a68f326dc7
--- /dev/null
+++ b/layout/reftests/bugs/985303-1b.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#container {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+}
+#image {
+  width: 100px;
+  height: 100px;
+  margin: 100px;
+  background: blue;
+  display: inline-block;
+}
+#cursor {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 10px;
+  height: 10px;
+  background: red;
+}
+</style>
+</head>
+<body>
+<div id='container'>
+  <div style="position:relative">
+    <div id='image'></div>
+    <div id='cursor'></div>
+  </div>
+</div>
+</body>
+<script>
+var x = image.getBoundingClientRect();
+cursor.style.left = '10px';
+</script>
+</html>
diff --git a/layout/reftests/bugs/987680-1-ref.html b/layout/reftests/bugs/987680-1-ref.html
new file mode 100644
index 0000000000..04ff7d0335
--- /dev/null
+++ b/layout/reftests/bugs/987680-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.container {
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+  position: relative;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div style="width: 10px; height: 10px; left: 0px; top: 60px; background: white; position: absolute; z-index: 1;"></div>
+  <div style="background: green; height: 40px;"></div>
+  <div style="height: 300px;"></div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/987680-1.html b/layout/reftests/bugs/987680-1.html
new file mode 100644
index 0000000000..267c3b2dc6
--- /dev/null
+++ b/layout/reftests/bugs/987680-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.container {
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+  position: relative;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div style="background: green; height: 40px;"></div>
+  <div style="height: 300px;"></div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/bugs/991046-1-ref.html b/layout/reftests/bugs/991046-1-ref.html
new file mode 100644
index 0000000000..e287dfb753
--- /dev/null
+++ b/layout/reftests/bugs/991046-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=windows-1252"><title>box-shadow + transparent background + opacity =&gt; overflow hidden does not work</title></head>
+<body>
+<style>
+#parent {
+    width: 200px;
+    height: 200px;
+    background-color: #BADA55;
+    overflow: hidden;
+    position: relative;
+}
+
+#child {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    left: 50px;
+    top: 50px;
+    box-shadow: 0 0 5px rgba(0,0,0,0.5);
+}
+</style>
+
+<div id="parent">
+	<div id="child"></div>
+</div>
+
+
+</body></html>
diff --git a/layout/reftests/bugs/991046-1.html b/layout/reftests/bugs/991046-1.html
new file mode 100644
index 0000000000..f12d8900d5
--- /dev/null
+++ b/layout/reftests/bugs/991046-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=windows-1252"><title>box-shadow + transparent background + opacity =&gt; overflow hidden does not work</title></head>
+<body>
+<style>
+#parent {
+    width: 200px;
+    height: 200px;
+    background-color: #BADA55;
+    overflow: hidden;
+    position: relative;
+}
+
+#child {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    left: 50px;
+    top: 50px;
+    box-shadow: 0 0 5px rgb(0,0,0);
+    opacity: 0.5;
+}
+</style>
+
+<div id="parent">
+	<div id="child"></div>
+</div>
+
+
+</body></html>
diff --git a/layout/reftests/bugs/992447-ref.html b/layout/reftests/bugs/992447-ref.html
new file mode 100644
index 0000000000..ff8a114ce2
--- /dev/null
+++ b/layout/reftests/bugs/992447-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 992447</title>
+    <style type="text/css">
+
+select { border:solid; width:100px; padding:10px; outline:3px dotted blue; }
+
+    </style>
+</head>
+<body>
+<select size=1><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=1 multiple><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=2><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=2><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=2 multiple><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/992447.html b/layout/reftests/bugs/992447.html
new file mode 100644
index 0000000000..a2a17d3ea8
--- /dev/null
+++ b/layout/reftests/bugs/992447.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 992447</title>
+    <style type="text/css">
+
+select { border:solid; width:100px; padding:10px; overflow-clip-box:content-box; outline:3px dotted blue; }
+
+    </style>
+</head>
+<body>
+<select size=1><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=1 multiple><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=2><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=2><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+<br>
+<br>
+<select size=2 multiple><option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG<option>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</select>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/99850-1-ref.html b/layout/reftests/bugs/99850-1-ref.html
new file mode 100644
index 0000000000..b2f73be132
--- /dev/null
+++ b/layout/reftests/bugs/99850-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+</head>
+
+<body>
+
+<a href="http://mozilla.org/do_not_visit" style="color: #009933;">unvisited link</a>
+
+</body>
+
+</html> 
diff --git a/layout/reftests/bugs/99850-1a.html b/layout/reftests/bugs/99850-1a.html
new file mode 100644
index 0000000000..fc6a7f92a7
--- /dev/null
+++ b/layout/reftests/bugs/99850-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<script type="text/javascript">
+
+function change_colors()
+{
+  document.linkColor = "#FF0000";
+  document.linkColor = "#009933";
+}
+
+</script>
+</head>
+
+<body onload="change_colors()">
+
+<a href="http://mozilla.org/do_not_visit">unvisited link</a>
+
+</body>
+
+</html> 
diff --git a/layout/reftests/bugs/99850-1b.html b/layout/reftests/bugs/99850-1b.html
new file mode 100644
index 0000000000..662efeff73
--- /dev/null
+++ b/layout/reftests/bugs/99850-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+
+function change_colors()
+{
+  document.linkColor = "#FF0000";
+  setTimeout(change_colors_2, 30);
+}
+
+function change_colors_2()
+{
+  document.linkColor = "#009933";
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+</head>
+
+<body onload="change_colors()">
+
+<a href="http://mozilla.org/do_not_visit">unvisited link</a>
+
+</body>
+
+</html> 
diff --git a/layout/reftests/bugs/99850-1c.html b/layout/reftests/bugs/99850-1c.html
new file mode 100644
index 0000000000..3b87fcf10e
--- /dev/null
+++ b/layout/reftests/bugs/99850-1c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+</head>
+
+<body link="#009933">
+
+<a href="http://mozilla.org/do_not_visit">unvisited link</a>
+
+</body>
+
+</html> 
diff --git a/layout/reftests/bugs/99850-1d.html b/layout/reftests/bugs/99850-1d.html
new file mode 100644
index 0000000000..a88b29c63b
--- /dev/null
+++ b/layout/reftests/bugs/99850-1d.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<script type="text/javascript">
+
+function change_colors()
+{
+  document.linkColor = "#009933";
+}
+
+</script>
+</head>
+
+<body onload="change_colors()" link="#FF0000">
+
+<a href="http://mozilla.org/do_not_visit">unvisited link</a>
+
+</body>
+
+</html> 
diff --git a/layout/reftests/bugs/LongHyphenTest.woff2 b/layout/reftests/bugs/LongHyphenTest.woff2
new file mode 100644
index 0000000000..719b1a3451
Binary files /dev/null and b/layout/reftests/bugs/LongHyphenTest.woff2 differ
diff --git a/layout/reftests/bugs/blob-fallback-clip-ref.html b/layout/reftests/bugs/blob-fallback-clip-ref.html
new file mode 100644
index 0000000000..b06abd9c33
--- /dev/null
+++ b/layout/reftests/bugs/blob-fallback-clip-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="UTF-8">
+<style>
+q {
+    text-transform: uppercase;
+    font-size: 2em;
+    font-family: Ahem;
+    display: block;
+    width: 400px;
+    background: red;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+</style>
+<script>
+  document.addEventListener("MozReftestInvalidate", () => {
+    scrollTo(0, 3450);
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
+<body>
+  <q>But these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytelling</q>
+</body>
+</html>
diff --git a/layout/reftests/bugs/blob-fallback-clip.html b/layout/reftests/bugs/blob-fallback-clip.html
new file mode 100644
index 0000000000..823f70ed8e
--- /dev/null
+++ b/layout/reftests/bugs/blob-fallback-clip.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="UTF-8">
+<style>
+q {
+    text-transform: uppercase;
+    font-size: 2em;
+    font-family: Ahem;
+    display: block;
+    width: 400px;
+    background: red;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+</style>
+<script>
+  document.addEventListener("MozReftestInvalidate", () => {
+    requestAnimationFrame(function () {
+      scrollTo(0, 300);
+      requestAnimationFrame(function () {
+        requestAnimationFrame(function () {
+          scrollTo(0, 3450);
+          document.documentElement.classList.remove("reftest-wait");
+        });
+      });
+    });
+  });
+</script>
+<body>
+  <q>But these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytellingBut these are real problems worth exploring in storytelling</q>
+</body>
+</html>
diff --git a/layout/reftests/bugs/blue-600x58.png b/layout/reftests/bugs/blue-600x58.png
new file mode 100644
index 0000000000..8983ae0ad1
Binary files /dev/null and b/layout/reftests/bugs/blue-600x58.png differ
diff --git a/layout/reftests/bugs/bug1472465-1-ref.html b/layout/reftests/bugs/bug1472465-1-ref.html
new file mode 100644
index 0000000000..7ca316a336
--- /dev/null
+++ b/layout/reftests/bugs/bug1472465-1-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Bug 1472465</title>
+<style type="text/css">
+#container {
+  border: 1px solid;
+  width: 500px;
+  height: 500px;
+  overflow: hidden;
+}
+
+#box {
+  opacity: 1.0;
+  position: absolute;
+  top: 100px
+  left: 100px;
+  z-index:1;
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+
+#bg {
+  position:relative;
+  width: 2500px;
+  height: 2500px;
+  left: 0px;
+  top: 0px;
+}
+</style>
+
+</head>
+<body>
+<div id="container">
+    <div id="bg">
+        <div id="box">
+          Text to force layer state to inactive, that will get flattened.
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/bug1472465-1.html b/layout/reftests/bugs/bug1472465-1.html
new file mode 100644
index 0000000000..e49ece7a4b
--- /dev/null
+++ b/layout/reftests/bugs/bug1472465-1.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="UTF-8">
+<title>Bug 1472465</title>
+<style type="text/css">
+#container {
+  border: 1px solid;
+  width: 500px;
+  height: 500px;
+  overflow: hidden;
+}
+
+#box {
+  opacity: 0.1;
+  position: absolute;
+  top: 100px
+  left: 100px;
+  z-index:1;
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+
+#bg {
+  position:relative;
+  width: 2500px;
+  height: 2500px;
+  left: 300px;
+  top: 300px;
+}
+</style>
+
+<script type="text/javascript">
+function changeOpacity() {
+  var box = document.querySelector("#box");
+  box.style.opacity = "1.0";
+
+  document.documentElement.removeAttribute("class");
+}
+
+function moveBg() {
+  var bg = document.querySelector("#bg");
+  bg.style.top = "0px";
+  bg.style.left = "0px";
+
+  setTimeout(changeOpacity, 200);
+}
+
+function doTest() {
+  moveBg();
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+
+</head>
+<body>
+<div id="container">
+    <div id="bg">
+        <div id="box">
+          Text to force layer state to inactive, that will get flattened.
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/checkmark.gif b/layout/reftests/bugs/checkmark.gif
new file mode 100644
index 0000000000..b5a677d291
Binary files /dev/null and b/layout/reftests/bugs/checkmark.gif differ
diff --git a/layout/reftests/bugs/mozilla-banner-opacity.gif b/layout/reftests/bugs/mozilla-banner-opacity.gif
new file mode 100644
index 0000000000..bbf66e5104
Binary files /dev/null and b/layout/reftests/bugs/mozilla-banner-opacity.gif differ
diff --git a/layout/reftests/bugs/mozilla-banner.gif b/layout/reftests/bugs/mozilla-banner.gif
new file mode 100644
index 0000000000..dd0f077753
Binary files /dev/null and b/layout/reftests/bugs/mozilla-banner.gif differ
diff --git a/layout/reftests/bugs/passinner.png b/layout/reftests/bugs/passinner.png
new file mode 100644
index 0000000000..ce5c1d9738
Binary files /dev/null and b/layout/reftests/bugs/passinner.png differ
diff --git a/layout/reftests/bugs/passouter.png b/layout/reftests/bugs/passouter.png
new file mode 100644
index 0000000000..3b30b1de7c
Binary files /dev/null and b/layout/reftests/bugs/passouter.png differ
diff --git a/layout/reftests/bugs/pinwheel_logo.svg b/layout/reftests/bugs/pinwheel_logo.svg
new file mode 100644
index 0000000000..f224699d16
--- /dev/null
+++ b/layout/reftests/bugs/pinwheel_logo.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg class="mark style-scope phusion-nav" width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title class="style-scope phusion-nav">Phusion logo</title>
+    <defs class="style-scope phusion-nav"></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" class="style-scope phusion-nav">
+        <g id="PHeader" transform="translate(-250.000000, -50.000000)" fill-rule="nonzero" fill="#4A4A4A" class="style-scope phusion-nav">
+            <g id="Header" class="style-scope phusion-nav">
+                <path d="M272.496278,101.084044 C259.991723,99.5969298 250,88.7779024 250,75.6097561 C250,73.4544985 251.736404,71.7473919 253.891661,71.7473919 C256.046919,71.7473919 257.735328,73.4544985 257.735328,75.6097561 C257.735328,84.6128954 264.421863,92.1152701 273.042052,93.3493116 C271.724126,94.2226399 270.82061,95.6616211 270.82061,97.326422 C270.82061,98.9912228 271.515845,100.208413 272.496278,101.084044 Z M258.724038,75.6097561 C258.724038,73.4544985 260.512068,71.7544779 262.667326,71.7544779 C264.822583,71.7544779 266.455793,73.4544985 266.455793,75.6097561 C266.455793,79.7873026 269.450505,83.5636195 273.251,84.4879002 C271.664801,85.4942359 270.846989,86.8840811 270.846989,88.5773152 C270.846989,90.16831 271.315382,91.2236804 272.394841,92.2637195 C264.826362,90.8367473 258.724038,84.0372535 258.724038,75.6097561 Z M271.150796,71.7706745 C273.549956,71.7706745 275.156607,73.4544985 275.156607,75.6097561 L275.162916,79.7560976 C275.156607,82.2599085 276.867378,83.8496957 277.188572,83.8489663 C277.188726,83.8496955 277.949489,83.8489663 275.794231,83.8489663 C271.079605,83.8489663 267.424852,80.3724038 267.424852,75.6097561 C267.424852,73.4544985 269.23944,71.7706745 271.150796,71.7706745 Z M301.084044,87.5037217 C299.59693,100.008277 288.777902,110 275.609756,110 C273.454499,110 271.747392,108.263596 271.747392,106.108339 C271.747392,103.953081 273.454499,102.264672 275.609756,102.264672 C284.612895,102.264672 292.11527,95.5781369 293.349312,86.9579483 C294.22264,88.2758742 295.661621,89.1793898 297.326422,89.1793898 C298.991223,89.1793898 300.208413,88.4841547 301.084044,87.5037217 Z M275.609756,101.275962 C273.454499,101.275962 271.754478,99.4879319 271.754478,97.3326744 C271.754478,95.1774168 273.454499,93.5442073 275.609756,93.5442073 C279.787303,93.5442073 283.563619,90.549495 284.4879,86.7489996 C285.494236,88.3351991 286.884081,89.1530107 288.577315,89.1530107 C290.16831,89.1530107 291.22368,88.6846179 292.26372,87.6051591 C290.836747,95.1736376 284.037254,101.275962 275.609756,101.275962 Z M271.770675,88.8492045 C271.770675,86.4500445 273.454499,84.8433927 275.609756,84.8433927 L279.756098,84.8370844 C282.259909,84.8433927 283.849696,83.132622 283.848966,82.8114282 C283.849695,82.8112737 283.848966,82.0505113 283.848966,84.2057689 C283.848966,88.9203948 280.372404,92.5751477 275.609756,92.5751477 C273.454499,92.5751477 271.770675,90.7605596 271.770675,88.8492045 Z M287.503722,58.9159561 C300.008277,60.4030702 310,71.2220976 310,84.3902439 C310,86.5455015 308.263596,88.2526081 306.108339,88.2526081 C303.953081,88.2526081 302.264672,86.5455015 302.264672,84.3902439 C302.264672,75.3871046 295.578137,67.8847299 286.957948,66.6506884 C288.275874,65.7773601 289.17939,64.3383789 289.17939,62.673578 C289.17939,61.0087772 288.484155,59.7915873 287.503722,58.9159561 Z M301.275962,84.3902439 C301.275962,86.5455015 299.487932,88.2455221 297.332674,88.2455221 C295.177417,88.2455221 293.544207,86.5455015 293.544207,84.3902439 C293.544207,80.2126974 290.549495,76.4363805 286.749,75.5120998 C288.335199,74.5057641 289.153011,73.1159189 289.153011,71.4226848 C289.153011,69.83169 288.684618,68.7763196 287.605159,67.7362805 C295.173638,69.1632527 301.275962,75.9627465 301.275962,84.3902439 Z M288.849204,88.2293255 C286.450044,88.2293255 284.843393,86.5455015 284.843393,84.3902439 L284.837084,80.2439024 C284.843393,77.7400915 283.132622,76.1503043 282.811428,76.1510337 C282.811274,76.1503045 282.050511,76.1510337 284.205769,76.1510337 C288.920395,76.1510337 292.575148,79.6275962 292.575148,84.3902439 C292.575148,86.5455015 290.76056,88.2293255 288.849204,88.2293255 Z M258.915956,72.4962783 C260.40307,59.991723 271.222098,50 284.390244,50 C286.545501,50 288.252608,51.7364035 288.252608,53.8916611 C288.252608,56.0469187 286.545501,57.7353277 284.390244,57.7353277 C275.387105,57.7353277 267.88473,64.4218631 266.650688,73.0420517 C265.77736,71.7241258 264.338379,70.8206102 262.673578,70.8206102 C261.008777,70.8206102 259.791587,71.5158453 258.915956,72.4962783 Z M284.390244,58.7240377 C286.545501,58.7240377 288.245522,60.5120681 288.245522,62.6673256 C288.245522,64.8225832 286.545501,66.4557927 284.390244,66.4557927 C280.212697,66.4557927 276.436381,69.450505 275.5121,73.2510004 C274.505764,71.6648009 273.115919,70.8469893 271.422685,70.8469893 C269.83169,70.8469893 268.77632,71.3153821 267.73628,72.3948409 C269.163253,64.8263624 275.962746,58.7240377 284.390244,58.7240377 Z M288.229325,71.1507955 C288.229325,73.5499555 286.545501,75.1566073 284.390244,75.1566073 L280.243902,75.1629156 C277.740091,75.1566073 276.150304,76.867378 276.151034,77.1885718 C276.150305,77.1887263 276.151034,77.9494887 276.151034,75.7942311 C276.151034,71.0796052 279.627596,67.4248523 284.390244,67.4248523 C286.545501,67.4248523 288.229325,69.2394404 288.229325,71.1507955 Z" id="Phusion-logo" class="style-scope phusion-nav"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/bugs/reftest.list b/layout/reftests/bugs/reftest.list
new file mode 100644
index 0000000000..902e7e63f0
--- /dev/null
+++ b/layout/reftests/bugs/reftest.list
@@ -0,0 +1,2166 @@
+# Please keep this list sorted by bug number (but feel free to use a
+# logical order for the tests for each bug).
+== 105-1.html 105-1-ref.html
+== 647-1.html 647-1-ref.html
+== 9458-basic-1.html 9458-basic-1-ref.html
+== 9458-valign-1.html 9458-valign-1-ref.html
+== 9458-valign-2.html 9458-valign-2-ref.html
+== 9458-height-1.html 9458-height-1-ref.html
+== 9458-height-2.html 9458-height-2-ref.html
+== 9458-width-1a.html 9458-width-1-ref.html
+== 9458-width-1b.html 9458-width-1-ref.html
+== 9458-width-2a.html 9458-width-2-ref.html
+== 9458-width-2b.html 9458-width-2-ref.html
+== 9458-zorder-1.html 9458-zorder-ref.html
+== 9458-zorder-2.html 9458-zorder-ref.html
+== 9458-zorder-3.html 9458-zorder-ref-inline.html
+== 9458-zorder-4.html 9458-zorder-ref-inline-block.html
+== 9458-zorder-5.html 9458-zorder-ref-inline-block.html
+== 10036-1.html 10036-1-ref.html
+== 10209-1.html 10209-ref.html
+== 10209-2.html 10209-ref.html
+== 10209-3.html 10209-3-ref.html
+== 18217-basic-1.html 18217-basic-1-ref.html
+== 18217-basic-2a.html 18217-basic-2-ref.html
+== 18217-basic-2b.html 18217-basic-2-ref.html
+== 18217-valign-1.html 18217-valign-1-ref.html
+== 18217-height-1.html 18217-height-1-ref.html
+== 18217-height-2.html 18217-height-2-ref.html
+== 18217-width-1a.html 18217-width-1-ref.html
+== 18217-width-1b.html 18217-width-1-ref.html
+== 18217-width-2a.html 18217-width-2-ref.html
+== 18217-width-2b.html 18217-width-2-ref.html
+== 18217-zorder-1.html 18217-zorder-ref.html
+== 18217-zorder-2.html 18217-zorder-ref.html
+== 18217-zorder-3.html 18217-zorder-ref-inline.html
+== 18217-zorder-4.html 18217-zorder-ref-inline-table.html
+== 18217-zorder-5.html 18217-zorder-ref-inline-table.html
+== 23604-1.html 23604-1-ref.html
+== 23604-2.html 23604-2-ref.html
+!= 24998-1.html 24998-1-ref.html
+# Debug builds and ASAN builds have larger stack frames, so skipped.
+# 32-bit Windows doesn't have enough run-time stack to deal with the test, so skipped.
+skip-if(isDebugBuild||AddressSanitizer||ThreadSanitizer||(winWidget&&(!is64Bit))) == 256180-1.html 256180-1-ref.html
+# Debug builds have larger stack frames, so skipped.
+# 32-bit Windows doesn't have enough run-time stack to deal with the test, so skipped.
+skip-if(isDebugBuild||(winWidget&&(!is64Bit))) == 256180-2.html 256180-2-ref.html
+# Debug builds and ASAN builds have larger stack frames, so skipped.
+# 32-bit Windows doesn't have enough run-time stack to deal with the test, so skipped.
+skip-if(isDebugBuild||AddressSanitizer||ThreadSanitizer||(winWidget&&(!is64Bit))) fails-if(geckoview) == 256180-3.html 256180-3-ref.html
+# Debug builds have larger stack frames, so skipped.
+skip-if(isDebugBuild) == 256180-4.html 256180-4-ref.html
+skip-if(isDebugBuild) == 256180-6.html 256180-6-ref.html
+skip-if(isDebugBuild) == 256180-5.html 256180-5-ref.html
+== 25888-1l.html 25888-1l-ref.html
+!= 25888-1l.html 25888-1l-notref.html
+== 25888-1r.html 25888-1r-ref.html
+!= 25888-1r.html 25888-1r-notref.html
+== 25888-2l.html 25888-2l-ref.html
+== 25888-2r.html 25888-2r-ref.html
+== 25888-3l.html 25888-3l-ref.html
+== 25888-3r.html 25888-3r-ref.html
+== 25888-1l-block.html 25888-1l-ref.html
+!= 25888-1l-block.html 25888-1l-notref.html
+== 25888-1r-block.html 25888-1r-ref.html
+!= 25888-1r-block.html 25888-1r-notref.html
+== 25888-2l-block.html 25888-2l-ref.html
+== 25888-2r-block.html 25888-2r-ref.html
+== 25888-3l-block.html 25888-3l-ref.html
+== 25888-3r-block.html 25888-3r-ref.html
+fuzzy-if(winWidget||gtkWidget,0-1,0-4) == 28811-1a.html 28811-1-ref.html
+fuzzy-if(gtkWidget,0-6,0-26200) == 28811-1b.html 28811-1-ref.html  # Bug 1128229
+fuzzy-if(winWidget||gtkWidget,0-1,0-4) == 28811-2a.html 28811-2-ref.html
+fuzzy-if(gtkWidget,0-6,0-26200) == 28811-2b.html 28811-2-ref.html  # Bug 1128229
+== 40596-1a.html 40596-1-ref.html
+!= 40596-1b.html 40596-1-ref.html
+== 40596-1c.html 40596-1-ref.html
+!= 40596-1d.html 40596-1-ref.html
+!= 40596-1e.html 40596-1-ref.html
+!= 40596-1f.html 40596-1-ref.html
+!= 40596-1g.html 40596-1-ref.html
+!= 40596-1h.html 40596-1-ref.html
+== 40596-1i.html 40596-1-ref.html
+!= 40596-1j.html 40596-1-ref.html
+== 50630-1a.html 50630-1-ref.html
+== 50630-1b.html 50630-1-ref.html
+== 50630-1c.html 50630-1-ref.html
+== 50630-2.html 50630-2-ref.html
+== 50630-3.html 50630-3-ref.html
+== 50630-4.html 50630-4-ref.html
+== 50630-4.html 50630-4-ref2.html
+== 50630-5.html 50630-5-ref.html
+== 67752-1.html 67752-1-ref.html
+== 67752-2.html 67752-2-ref.html
+== 68061-1.xml 68061-1-ref.xml
+== 68061-2.xml 68061-2-ref.xml
+== 76331-1.html 76331-1-ref.html
+== 81947-1.html 81947-ref.html
+== 82711-1.html 82711-1-ref.html
+== 82711-2.html 82711-2-ref.html
+== 82711-3.html 82711-3-ref.html
+!= 82711-1-ref.html 82711-2-ref.html
+!= 82711-1-ref.html 82711-3-ref.html
+!= 82711-2-ref.html 82711-3-ref.html
+fuzzy-if(Android,0-4,0-3) == 84400-1.html 84400-1-ref.html
+fuzzy(0-2,0-13) == 84400-2.html 84400-2-ref.html
+== 97777-1.html 97777-1-ref.html
+== 97777-2.html 97777-2-ref.html
+== 98223-1.html 98223-1-ref.html
+== 98223-2.html 98223-2-ref.html
+== 99850-1a.html 99850-1-ref.html
+random == 99850-1b.html 99850-1-ref.html # bug 471629
+== 99850-1c.html 99850-1-ref.html
+== 99850-1d.html 99850-1-ref.html
+== 105030-1.html 105030-1-ref.html
+== 109735-1.html 109735-1-ref.html
+== 116882-1.html 116882-1-ref.html
+== 120834-1a.html 120834-1-ref.html
+== 120834-2a.html 120834-2-ref.html
+== 120834-2b.html 120834-2-ref.html
+== 120834-2c.html 120834-2-ref.html
+== 120834-2d.html 120834-2-ref.html
+== 120834-2e.html 120834-2-ref.html
+== 120834-2f.html 120834-2-ref.html
+== 120834-2g.html 120834-2-ref.html
+== 120834-2h.html 120834-2-ref.html
+== 120834-2i.html 120834-2-ref.html
+== 120834-2j.html 120834-2-ref.html
+== 124903-1.html 124903-1-ref.html
+== 128896.html 128896-ref.html
+== 130767-1.html 130767-1-ref.html
+== 134706-1-left-scrollframe.html 134706-1-left-scrollframe-ref.html
+== 134706-1-left-table.html 134706-1-left-table-ref.html
+== 134706-1-right-scrollframe.html 134706-1-right-scrollframe-ref.html
+== 134706-1-right-table.html 134706-1-right-table-ref.html
+== 134706-2-left-scrollframe.html 134706-2-left-ref.html
+== 134706-2-left-table.html 134706-2-left-ref.html
+== 134706-2-right-scrollframe.html 134706-2-right-ref.html
+== 134706-2-right-table.html 134706-2-right-ref.html
+== 134706-3-left-scrollframe.html 134706-3-left-scrollframe-ref.html
+== 134706-3-left-table.html 134706-3-left-table-ref.html
+== 134706-3-right-scrollframe.html 134706-3-right-scrollframe-ref.html
+== 134706-3-right-table.html 134706-3-right-table-ref.html
+== 134706-4.html 134706-4-ref.html
+== 134706-5.html 134706-5-ref.html
+== 134706-6.html 134706-6-ref.html
+== 134706-7.html 134706-7-ref.html
+== 139550-1a.html 139550-1-ref.html
+== 139550-1b.html 139550-1-ref.html
+== 142233-1.html 142233-1-ref.html
+== 144004-1.html 144004-1-ref.html
+== 144004-2.html 144004-2-ref.html
+!= 144004-3.html 144004-3-ref.html
+test-pref(font.minimum-size.x-western,32) == 1503662.html 1503662-ref.html
+== 163504-1a.html 163504-1-ref.html
+== 163504-1b.html 163504-1-ref.html
+== 163504-2a.html 163504-2-ref.html
+== 163504-2b.html 163504-2-ref.html
+== 167496-1.html 167496-1-ref.html
+== 169749-1.html 169749-1-ref.html
+== 172073-1.html 172073-1-ref.html
+== 175190-1.html 175190-1-ref.html
+== 179596-1a.html 179596-1a-ref.html
+== 179596-1b.html 179596-1b-ref.html
+== 179596-2.html 179596-2-ref.html
+== 179596-2.html 179596-2-ref2.html
+== 179596-2.html 179596-2-ref3.html
+!= 180085-1.html 180085-1-ref.html # fix for 180085 reverted in bug 1010675
+!= 180085-2.html 180085-2-ref.html # fix for 180085 reverted in bug 1010675
+== 185388-1.html 185388-1-ref.html
+== 186317-1.html 186317-1-ref.html
+== 192902-1.html 192902-ref.html
+== chrome://reftest/content/bugs/192767-01.xhtml chrome://reftest/content/bugs/192767-11.xhtml
+== chrome://reftest/content/bugs/192767-02.xhtml chrome://reftest/content/bugs/192767-12.xhtml
+== chrome://reftest/content/bugs/192767-03.xhtml chrome://reftest/content/bugs/192767-13.xhtml
+== chrome://reftest/content/bugs/192767-04.xhtml chrome://reftest/content/bugs/192767-14.xhtml
+== chrome://reftest/content/bugs/192767-05.xhtml chrome://reftest/content/bugs/192767-15.xhtml
+== chrome://reftest/content/bugs/192767-06.xhtml chrome://reftest/content/bugs/192767-16.xhtml
+== chrome://reftest/content/bugs/192767-07.xhtml chrome://reftest/content/bugs/192767-17.xhtml
+== chrome://reftest/content/bugs/192767-21.xhtml chrome://reftest/content/bugs/192767-31.xhtml
+== chrome://reftest/content/bugs/192767-22.xhtml chrome://reftest/content/bugs/192767-32.xhtml
+== chrome://reftest/content/bugs/192767-23.xhtml chrome://reftest/content/bugs/192767-33.xhtml
+== chrome://reftest/content/bugs/192767-24.xhtml chrome://reftest/content/bugs/192767-34.xhtml
+== chrome://reftest/content/bugs/192767-25.xhtml chrome://reftest/content/bugs/192767-35.xhtml
+== chrome://reftest/content/bugs/192767-26.xhtml chrome://reftest/content/bugs/192767-36.xhtml
+== chrome://reftest/content/bugs/192767-27.xhtml chrome://reftest/content/bugs/192767-37.xhtml
+!= chrome://reftest/content/bugs/192767-01.xhtml chrome://reftest/content/bugs/192767-21.xhtml
+!= chrome://reftest/content/bugs/192767-02.xhtml chrome://reftest/content/bugs/192767-22.xhtml
+fails-if(Android&&!asyncPan) != chrome://reftest/content/bugs/192767-03.xhtml chrome://reftest/content/bugs/192767-23.xhtml
+!= chrome://reftest/content/bugs/192767-04.xhtml chrome://reftest/content/bugs/192767-24.xhtml
+!= chrome://reftest/content/bugs/192767-05.xhtml chrome://reftest/content/bugs/192767-25.xhtml
+fails-if(Android&&!asyncPan) != chrome://reftest/content/bugs/192767-06.xhtml chrome://reftest/content/bugs/192767-26.xhtml
+fails-if(Android&&!asyncPan) != chrome://reftest/content/bugs/192767-07.xhtml chrome://reftest/content/bugs/192767-27.xhtml
+!= chrome://reftest/content/bugs/192767-11.xhtml chrome://reftest/content/bugs/192767-31.xhtml
+!= chrome://reftest/content/bugs/192767-12.xhtml chrome://reftest/content/bugs/192767-32.xhtml
+fails-if(Android&&!asyncPan) != chrome://reftest/content/bugs/192767-13.xhtml chrome://reftest/content/bugs/192767-33.xhtml
+!= chrome://reftest/content/bugs/192767-14.xhtml chrome://reftest/content/bugs/192767-34.xhtml
+!= chrome://reftest/content/bugs/192767-15.xhtml chrome://reftest/content/bugs/192767-35.xhtml
+fails-if(Android&&!asyncPan) != chrome://reftest/content/bugs/192767-16.xhtml chrome://reftest/content/bugs/192767-36.xhtml
+fails-if(Android&&!asyncPan) != chrome://reftest/content/bugs/192767-17.xhtml chrome://reftest/content/bugs/192767-37.xhtml
+!= 200774-1.html about:blank
+== 201215-1.html 201215-1-ref.html
+== 201293-1a.html 201293-1-ref.html
+== 201293-1b.html 201293-1-ref.html
+== 201293-1c.html 201293-1-ref.html
+== 201293-1d.html 201293-1-ref.html
+== 203727.html 203727-ref.html
+== 206516-1.html 206516-1-ref.html
+== 206631-1.html 206631-1-ref.html
+== 206802.html 206802-ref.html
+== 210094-1a.html 210094-1-ref.html
+== 210094-1b.html 210094-1-ref.html
+!= 210094-1c.html 210094-1-ref.html
+== 210876-1.html 210876-1-ref.html
+== 211931-1.html 211931-1-ref.html
+== 212563-1.html 212563-1-ref.html
+fuzzy(0-1,0-5) == 212563-2.html 212563-2-ref.html
+== 213834-1.html 213834-1-ref.html
+== 214077-1a.html 214077-1-ref.html
+== 214077-1b.html 214077-1-ref.html
+== 218473-1.html 218473-1-ref.html
+fuzzy(0-1,0-4) fuzzy-if(isDebugBuild,0-1,0-8) == 220165-1.svg 220165-1-ref.svg
+== 223809-1.html 223809-1-ref.html
+== 228856-1.html 228856-1-ref.html
+== 228856-2.html 228856-2-ref.html
+== 229591-1.html 229591-1-ref.html
+# == 231823-1.html 231823-1-ref.html
+== 232990-1a.xhtml 232990-1-ref.xhtml
+== 233094-1.html 233094-1-ref.html
+== 233094-2a.html 233094-2-ref.html
+== 233094-2b.html 233094-2-ref.html
+== 233094-2c.html 233094-2-ref.html
+== 234686-1.html 234686-ref.html
+== 234686-2.html 234686-ref.html
+== 234686-3.html 234686-ref.html
+== 234686-4.html 234686-ref.html
+== 234686-5.html 234686-ref.html
+== 234686-6.html 234686-ref.html
+== 234686-7.html 234686-ref.html
+== 234686-8.html 234686-ref.html
+== 234686-9.html 234686-ref.html
+== 234686-10.html 234686-ref.html
+== 234686-11.html 234686-ref.html
+== 234686-12.html 234686-ref.html
+== 234686-13.html 234686-ref.html
+== 234686-14.html 234686-ref.html
+== 234686-15.html 234686-ref.html
+== 234686-16.html 234686-ref.html
+== 234686-17.html 234686-ref.html
+== 234686-18.html 234686-ref.html
+== 234686-19.html 234686-ref.html
+fuzzy(0-3,0-1) == 234964-1.html 234964-1-ref.html
+== 234964-2.html 234964-2-ref.html
+== 235593-1.html 235593-1-ref.html
+fuzzy(0-4,0-2) == 236539-1.html 236539-1-ref.html
+== 240029-1.html 240029-1-ref.html
+== 240470-1.html 240470-1-ref.html
+== 240933-1.html 240933-1-ref.html
+skip-if(Android) == 240933-2.html 240933-2-ref.html
+== 243266-1.html 243266-1-ref.html
+== 243302-1.html 243302-1-ref.html
+skip-if(Android&&asyncPan) == 243519-1.html 243519-1-ref.html
+== 243519-2.html 243519-2-ref.html
+== 243519-3.html 243519-3-ref.html
+== 243519-4a.html 243519-4-ref.html
+== 243519-4b.html 243519-4-ref.html
+== 243519-4c.html 243519-4-ref.html
+== 243519-4d.html 243519-4-ref.html
+== 243519-4e.html 243519-4-ref.html
+== 243519-4f.html 243519-4-ref.html
+== 243519-5a.html 243519-5-ref.html
+== 243519-5b.html 243519-5-ref.html
+== 243519-5c.html 243519-5-ref.html
+== 243519-5d.html 243519-5-ref.html
+== 243519-6.html 243519-6-ref.html
+== 243519-7.html 243519-7-ref.html
+== 243519-8.svg 243519-8-ref.svg
+== 243519-9a.html 243519-9-ref.html
+== 243519-9b.html 243519-9-ref.html
+== 243519-9c.html 243519-9-ref.html
+== 243519-9d.html 243519-9-ref.html
+== 243519-9e.html 243519-9-ref.html
+== 243519-9f.html 243519-9-ref.html
+== 244135-1.html 244135-1-ref.html
+== 244135-2.html 244135-2-ref.html
+== 244932-1.html 244932-1-ref.html
+== 246669-1.html 246669-1-ref.html
+== 249982-1.html 249982-1-ref.html
+== 252920-1.html 252920-1-ref.html
+== 253701-1.html 253701-1-ref.html
+fuzzy(0-1,0-5) == 255820-1.html 255820-1-ref.html
+== 260406-1.html 260406-1-ref.html
+== chrome://reftest/content/bugs/261826-1.xhtml chrome://reftest/content/bugs/261826-1-ref.xhtml
+== 262151-1.html 262151-1-ref.html
+fuzzy(0-1,0-5) == 262998-1.html 262998-1-ref.html
+== 267353-1.html 267353-1-ref.html
+== 269908-1.html 269908-1-ref.html
+== 269908-2.html 269908-2-ref.html
+== 269908-3.html 269908-3-ref.html
+== 269908-4.html 269908-4-ref.html
+== 269908-5.html 269908-5-ref.html
+== 271747-1a.html 271747-1-ref.html
+== 271747-1b.html 271747-1-ref.html
+== chrome://reftest/content/bugs/272646-1.xhtml chrome://reftest/content/bugs/272646-1-ref.xhtml
+== chrome://reftest/content/bugs/272646-2a.xhtml chrome://reftest/content/bugs/272646-2-ref.xhtml
+== chrome://reftest/content/bugs/272646-2b.xhtml chrome://reftest/content/bugs/272646-2-ref.xhtml
+== chrome://reftest/content/bugs/272646-2c.xhtml chrome://reftest/content/bugs/272646-2-ref.xhtml
+fuzzy(0-1,0-133) == 273681-1.html 273681-1-ref.html
+== 278266-1a.html 278266-1-ref.html
+== 278266-1b.html 278266-1-ref.html
+== 280708-1a.html 280708-1-ref.html
+== 280708-1b.html 280708-1-ref.html
+== 281241-1.html 281241-1-ref.html
+== 281241-2.xhtml 281241-1-ref.html
+== 283686-1.html about:blank
+== 283686-2.html 283686-2-ref.html
+== 283686-3.html about:blank
+== 289384-1.xhtml 289384-ref.xhtml
+random-if(d2d) fuzzy(0-25,0-2148) fails-if(useDrawSnapshot) HTTP == 289480.html#top 289480-ref.html # basically-verbatim acid2 test, HTTP for a 404 page -- bug 578114 for the d2d failures
+== 290129-1.html 290129-1-ref.html
+== 291078-1.html 291078-1-ref.html
+== 291078-2.html 291078-2-ref.html
+== 291262-1.html 291262-1-ref.html
+== 294306-1.html 294306-1a-ref.html
+!= 294306-1.html 294306-1b-ref.html
+== 296361-1.html 296361-ref.html
+== 296904-1.html 296904-1-ref.html
+== 299136-1.html 299136-1-ref.html
+== 299837-1.html 299837-1-ref.html
+skip-if(Android) random-if(d2d) == chrome://reftest/content/bugs/299837-3.xhtml chrome://reftest/content/bugs/299837-3-ref.xhtml # bug 587631
+== 300691-1a.html 300691-1-ref.html
+== 300691-1b.html 300691-1-ref.html
+== 300691-1c.html 300691-1-ref.html
+== 300691-1d.html 300691-1-ref.html
+== 300691-1e.html 300691-1-ref.html
+== 300691-1f.html 300691-1-ref.html
+== 301726-1.html 301726-1-ref.html
+fails-if(Android) != 301726-2.html 301726-2-ref.html
+fuzzy-if(Android,0-1,0-6) == 302379.html 302379-ref.html
+== 306630-1.html 306630-1-ref.html
+== 306660-1.html 306660-1-ref.html
+skip-if(useDrawSnapshot) == 306660-2.html 306660-2-ref.html
+== 306660-3.html 306660-3-ref.html
+== 307076-1.html 307076-1-ref.html
+== 307102-1.html 307102-1-ref.html
+== 307102-2.html 307102-2-ref.html
+== 307102-3.html 307102-3-ref.html
+== 307102-4.html 307102-4-ref.html
+== 308406-1.html 308406-1-ref.html
+== 308406-2.html 308406-2-ref.html
+== 309550-1.html 309550-1-ref.html
+== 311366-unknown-inline-1.html 311366-unknown-inline-1-ref.html
+== 311366-unknown-block-1.html 311366-unknown-block-1-ref.html
+== 311366-unknown-block-3.html 311366-unknown-block-3-ref.html
+== 311366-unknown-block-2.html 311366-unknown-block-2-ref.html
+== 311366-unknown-inline-2.html 311366-unknown-inline-2-ref.html
+== 311822-1.html 311822-1-ref-a.html
+== 311822-1.html 311822-1-ref-b.html
+== 315620-1a.html 315620-1-ref.html
+!= 315620-1b.html 315620-1-ref.html
+== 315620-2a.xhtml 315620-2-ref.xhtml
+!= 315620-2b.xhtml 315620-2-ref.xhtml
+== 315920-1a.html 315920-1-ref.html
+== 315920-1b.html 315920-1-ref.html
+!= 315920-1c.html 315920-1-ref.html
+!= 315920-1d.html 315920-1-ref.html
+== 315920-2a.html 315920-2-ref.html
+== 315920-2b.html 315920-2-ref.html
+== 315920-2c.html 315920-2-ref.html
+== 315920-3a.html 315920-3-ref.html
+== 315920-3b.html 315920-3-ref.html
+== 315920-3c.html 315920-3-ref.html
+== 315920-3d.html 315920-3-ref.html
+!= 315920-3e.html 315920-3-ref.html
+!= 315920-3f.html 315920-3-ref.html
+== 315920-4.html 315920-4-ref.html
+fuzzy(0-1,0-1468) == 315920-5.html 315920-5-ref.html
+== 315920-6.html 315920-6-ref.html
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) fuzzy-if(geckoview,0-1,0-14) == 315920-7a.html 315920-7-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-7b.html 315920-7-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-7c.html 315920-7-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-8a.html 315920-8-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-8b.html 315920-8-ref.html # bug 1342240
+fuzzy-if(gtkWidget,0-1,0-41) == 315920-9.html 315920-9-ref.html # bug 1599346
+== 315920-10.html 315920-10-ref.html
+fuzzy-if(geckoview,0-1,0-2) == 315920-11.html 315920-11-ref.html
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-12a.html 315920-12-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-12b.html 315920-12-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-12c.html 315920-12-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-13a.html 315920-13-ref.html # bug 1342240
+fuzzy-if(Android&&isDebugBuild,0-229,0-45) == 315920-13b.html 315920-13-ref.html # bug 1342240
+== 315920-14.html 315920-14-ref.html
+== 315920-15.html 315920-15-ref.html
+== 315920-16.html 315920-16-ref.html
+fuzzy-if(Android,0-2,0-18) == 315920-17.html 315920-17-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18a.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18b.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18c.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18d.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18e.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18f.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18g.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18h.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-18i.html 315920-18-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == 315920-19.html 315920-19-ref.html
+pref(layout.css.moz-broken.content.enabled,true) fuzzy(0-1,0-1) == 315920-20.svg 315920-20-ref.svg
+pref(layout.css.moz-broken.content.enabled,true) == 315920-21.svg 315920-21-ref.svg
+== 315920-22.html 315920-22-ref.html
+== 315920-23.html 315920-23-ref.html
+== 315920-24.html 315920-24-ref.html
+== 315920-25.html 315920-25-ref.html
+== 315920-26.html 315920-26-ref.html
+== 315920-27.html 315920-27-ref.html
+== 315920-28a.html 315920-28-ref.html
+== 315920-28b.html 315920-28-ref.html
+== 315920-28c.html 315920-28-ref.html
+== 315920-29a.html 315920-29-ref.html
+== 315920-29b.html 315920-29-ref.html
+== 315920-30.html 315920-30-ref.html
+== 316057-1.html 316057-1-ref.html
+== 320979-1.html 320979-1-ref.html
+!= 321402-1.html about:blank
+!= 321402-2.html about:blank
+== chrome://reftest/content/bugs/321402-3.xhtml chrome://reftest/content/bugs/321402-3-ref.xhtml
+== chrome://reftest/content/bugs/321402-4.xhtml chrome://reftest/content/bugs/321402-4-ref.xhtml
+== chrome://reftest/content/bugs/321402-5.xhtml chrome://reftest/content/bugs/321402-5-ref.xhtml
+== chrome://reftest/content/bugs/321402-6.xhtml chrome://reftest/content/bugs/321402-6-ref.xhtml
+== 321738-1.html 321738-1-ref.html
+== 322461-1.xml 322461-1-ref.html
+== 323656-1.html 323656-1-ref.html
+== 323656-2.html 323656-2-ref.html
+== 323656-3.html 323656-3-ref.html
+== 323656-4.html 323656-4-ref.html
+== 323656-5.svg 323656-5-ref.svg
+== 323656-6.html 323656-6-ref.html
+fuzzy-if(Android,0-2,0-140) == 325292-1.html 325292-1-ref.html
+== 325486-1.html 325486-1-ref.html
+== 328111-1.html 328111-1-ref.html
+== 328829-1.xhtml 328829-1-ref.xhtml
+== 328829-2.xhtml 328829-2-ref.xhtml
+== 329359-1.html 329359-1-ref.html
+== 331809-1.html 331809-1-ref.html # bug 580499 is blacked out
+== 332360.html 332360-ref.html
+== 332360-ltr.html 332360-ltr-ref.html
+== 332360-width.html 332360-ref.html
+== 332360-width-ltr.html 332360-ltr-ref.html
+== 332557-1.html 332557-1-ref.html
+== 332975-1.html 332975-1-ref.html
+== 333970-1.html 333970-1-ref.html
+== 334829-1a-shadow.xhtml 334829-1-ref.xhtml
+== 334829-1b-shadow.xhtml 334829-1-ref.xhtml
+== 335628-1.html 335628-1-ref.html
+== chrome://reftest/content/bugs/336096-1.xhtml chrome://reftest/content/bugs/336096-1-ref.xhtml
+== 336147-1.html 336147-1-ref.html
+== 336153-1.html 336153-1-ref.html
+!= 338251-p.html about:blank
+== 338251-p-oh.html 338251-p-oh-ref.html
+!= 338251-pre.html about:blank
+== 338251-pre-oh.html 338251-pre-oh-ref.html
+fuzzy(0-2,0-3) == 339289-1.html 339289-1-ref.html
+== 341043-1a.html 341043-1-ref.html
+!= 341043-1b.html 341043-1-ref.html
+== 343538-1.html 343538-1-ref.html
+== 343540-1.html 343540-1-ref.html
+== 345267-1a.html 345267-1-ref.html
+== 345267-1b.html 345267-1-ref.html
+== 345267-1c.html 345267-1-ref.html
+== 345267-1d.html 345267-1-ref.html
+fuzzy(0-4,0-2) == 346774-1a.html 346774-1-ref.html
+fuzzy(0-4,0-2) == 346774-1b.html 346774-1-ref.html
+fuzzy(0-4,0-2) == 346774-1c.html 346774-1-ref.html
+== 347912-1.html 347912-1-ref.html
+== 348049-1.xhtml 348049-1-ref.xhtml
+== 348516-1.html 348516-1-ref.html
+== 348516-2.html 348516-2-ref.html
+!= 348516-2.html 348516-2-notref.html
+!= 348516-3.html 348516-3-notref.html
+== 348597-1.html 348597-ref.html
+== 348809-1a.html 348809-1-ref.html
+== 348809-1b.html 348809-1-ref.html
+== 348809-1c.html 348809-1-ref.html
+== 348809-1d.html 348809-1-ref.html
+== 348809-1e.html 348809-1-ref.html
+== 348809-1f.html 348809-1-ref.html
+== 348809-2a.html 348809-2-ref.html
+== 348809-2b.html 348809-2-ref.html
+== 348809-2c.html 348809-2-ref.html
+== 348809-2d.html 348809-2-ref.html
+== 348809-2e.html 348809-2-ref.html
+== 348809-2f.html 348809-2-ref.html
+== 348809-2g.html 348809-2-ref.html
+== 348809-2h.html 348809-2-ref.html
+== 349695-1a.html 349695-1-ref.html
+== 349695-1b.html 349695-1-ref.html
+# fails with CoreText rendering due to clipping of one subpixel-antialiasing pixel at end of text
+random-if(cocoaWidget) == 350506-1.html 350506-1-ref.html
+== 351641-1a.html 351641-1-ref.html
+== 351641-1b.html 351641-1-ref.html
+== 351641-2a.html 351641-2-ref.html
+== 351641-2b.html 351641-2-ref.html
+== 352980-1a.html 352980-1-ref.html
+== 352980-1b.html 352980-1-ref.html
+== 352980-1c.html 352980-1-ref.html
+== 352980-1d.html 352980-1-ref.html
+== 352980-1e.html 352980-1-ref.html
+== 352980-1f.html 352980-1-ref.html
+== 352980-1g.html 352980-1-ref.html
+== 352980-1h.html 352980-1-ref.html
+== 352980-1i.html 352980-1-ref.html
+== 352980-1j.html 352980-1-ref.html
+== 352980-1k.html 352980-1-ref.html
+== 352980-1l.html 352980-1-ref.html
+== 352980-2a.html 352980-2-ref.html
+== 352980-2b.html 352980-2-ref.html
+== 352980-2c.html 352980-2-ref.html
+== 352980-2d.html 352980-2-ref.html
+== 352980-2e.html 352980-2-ref.html
+== 352980-2f.html 352980-2-ref.html
+== 352980-3a.html 352980-3-ref.html
+== 352980-3b.html 352980-3-ref.html
+== 352980-3c.html 352980-3-ref.html
+== 352980-3d.html 352980-3-ref.html
+== 352980-3e.html 352980-3-ref.html
+== 352980-3f.html 352980-3-ref.html
+== 356774-1.html 356774-1-ref.html
+== 356775-1.html 356775-1-ref.html
+== 359869-1.html 359869-1-ref.html
+!= 359903-1.html 359903-1-ref.html # erosion of padding removed in bug 1010675
+!= 359903-2.html 359903-2-ref.html # erosion of padding removed in bug 1010675
+== 360065-1.html 360065-1-ref.html
+== 360746-1.html 360746-1-ref.html
+== 360757-1a.html 360757-1-ref.html
+== 360757-1b.html 360757-1-ref.html
+== 361091-1.html 361091-1-ref.html
+== 362594-1a.html 362594-1-quirks-ref.html
+== 362594-1b.html 362594-1-quirks-ref.html
+== 362594-1c.html 362594-1-standards-ref.html
+!= 362594-2a.html 362594-1-quirks-ref.html
+== 362594-2a.html 362594-2-quirks-ref.html
+!= 362594-2b.html 362594-1-standards-ref.html
+== 362594-2b.html 362594-2-standards-ref.html
+fuzzy(0-2,0-4) == 362594-2c.html 362594-2-standards-ref.html
+== 362901-1.html 362901-1-ref.html
+== 363247-1.html 363247-1-ref.html
+== 363329-1.html 363329-1-ref.html
+== 363329-2.html 363329-2-ref.html
+== 363370-1.html 363370-1-ref.html
+== 363402-1.html 363402-1-ref.html
+== 363637-1.html 363637-1-ref.html
+== 363706-1.html 363706-1-ref.html
+!= 363706-1.html about:blank
+== 363728-1.html 363728-1-ref.html
+== 363728-2.html 363728-2-ref.html
+fuzzy(0-4,0-11) == 363858-1.html 363858-1-ref.html
+== 363858-2.html 363858-2-ref.html
+fuzzy(0-1,0-4) == 363858-3.html 363858-3-ref.html
+== 363858-4.html 363858-4-ref.html
+# fuzzy-if(OSX,0-45,0-2) fuzzy-if(winWidget,0-116,0-1) == 363858-5a.html 363858-5-ref.html # bug 1452797
+fuzzy-if(Android,0-1,0-4) == 363858-5b.html 363858-5-ref.html
+# fuzzy-if(OSX,0-45,0-2) fuzzy-if(winWidget,0-116,0-1) == 363858-6a.html 363858-6-ref.html # bug 1452797
+== 363858-6b.html 363858-6-ref.html
+== 363874.html 363874-ref.html
+== 363874-max-width.html 363874-max-width-ref.html
+== 364066-1.html 364066-1-ref.html
+== 364079-1.html 364079-1-ref.html
+== 364318-1.xhtml 364318-1-ref.xhtml
+== 364861-1.html 364861-1-ref.html
+== 364862-1.html 364862-1-ref.html
+== chrome://reftest/content/bugs/364968-1.xhtml 364968-1-ref.html
+== 364989-1.html 364989-1-ref.html
+== 365173-1.html 365173-1-ref.html
+== chrome://reftest/content/bugs/366616-1.xhtml chrome://reftest/content/bugs/366616-1-ref.xhtml
+== 367220-1.html 367220-1-ref.html
+== 367247-s-visible.html 367247-s-hidden.html
+== 367247-s-hidden.html 367247-s-auto.html
+fails-if(Android) != 367247-s-auto.html 367247-s-scroll.html
+!= 367247-l-visible.html 367247-l-hidden.html
+fails-if(Android&&!asyncPan) != 367247-l-hidden.html 367247-l-scroll.html
+== 367247-l-scroll.html 367247-l-auto.html
+== 367332-1a.html 367332-1-ref.html
+== 367332-1b.html 367332-1-ref.html
+== 367332-1c.html 367332-1-ref.html
+== 367332-1d.html 367332-1-ref.html
+== 367332-1e.html 367332-1-ref.html
+== 367332-1f.html 367332-1-ref.html
+== 367332-1g.html 367332-1-ref.html
+== 367375-1.html 367375-1-ref.html
+== 367375-2.html 367375-2-ref.html
+== 367489-1.html 367489-1-ref.html
+== 367504-margin-1.html 367504-margin-1-ref.html
+== 367504-float-1.html 367504-float-1-ref.html
+== 367612-1a.html 367612-1-ref.html
+== 367612-1b.html 367612-1-ref.html
+== 367612-1c.html 367612-1-ref.html
+== 367612-1d.html 367612-1-ref.html
+== 367612-1e.html 367612-1-ref.html
+== 367612-1f.html 367612-1-ref.html
+!= 367612-1g.html 367612-1-ref.html
+fuzzy(0-32,0-33) fuzzy-if(d2d,0-5,0-2) == 368020-1.html 368020-1-ref.html
+== 368020-2.html 368020-2-ref.html
+random-if(useDrawSnapshot) == 368020-3.html 368020-3-ref.html # Bug 1715408
+random-if(useDrawSnapshot) == 368020-5.html 368020-5-ref.html # Bug 1715408
+== 368155-1.xhtml 368155-1-ref.xhtml
+asserts(4) == 368155-negative-margins-1.html 368155-negative-margins-1-ref.html # bug 387205 / bug 457397
+# we can't test this because there's antialiasing involved, and our comparison
+# is too exact
+# == 368247-1.html 368247-1-ref.html
+== 368247-2.html 368247-2-ref.html
+== 368504-1.html 368504-1-ref.html
+== 368504-2.html 368504-2-ref.html
+== 368504-3a.html 368504-3-ref.html
+== 368504-3b.html 368504-3-ref.html
+== 368504-4.html 368504-4-ref.html
+== 368504-5.html 368504-5-ref.html
+== 368504-6.html 368504-6-ref.html
+== 368622-1.html 368622-1-ref.html
+== 368651-1.html 368651-1-ref.html
+== 369361-1.html 369361-1-ref.html
+== 369361-2.html 369361-2-ref.html
+== chrome://reftest/content/bugs/369882.xhtml chrome://reftest/content/bugs/369882-ref.xhtml
+== 369975-1.html 369975-1.html
+== 370353-1.html 370353-1-ref.html
+fuzzy(0-1,0-4) == 370422-1.html 370422-1-ref.html
+== 370525-1.html 370525-1-ref.html
+!= 370525-1.html 370525-1-notref.html
+== 370525-2.html 370525-2-ref.html
+!= 370525-2.html 370525-2-notref.html
+== 370525-rowspan-1a.html 370525-rowspan-1a-ref.html
+== 370525-rowspan-1b.html 370525-rowspan-1b-ref.html
+== 370525-rowspan-1c.html 370525-rowspan-1c-ref.html
+== 370525-rowspan-2a.html 370525-rowspan-2a-ref.html
+== 370525-rowspan-2b.html 370525-rowspan-2b-ref.html
+== 370525-rowspan-3.html 370525-rowspan-3-ref.html
+== 370525-rowspan-4.html 370525-rowspan-4-ref.html
+== 370525-sib.html 370525-sib-ref.html
+== 370586-1.xhtml 370586-1-ref.xhtml
+== 370629-1.html 370629-1-ref.html
+== 370629-2.html 370629-2-ref.html
+== 371043-1.html 371043-1-ref.html
+== 371354-1.html 371354-1-ref.html
+== 371483-1.html about:blank # assertion test
+fails-if(Android&&!asyncPan) == 371561-1.html 371561-1-ref.html
+!= 371681-1.xhtml about:blank
+== 371925-1a.html 371925-1-ref.html
+== 371925-1b.html 371925-1-ref.html
+== 372037-1.html 372037-1-ref.html
+== 372062-1.html 372062-1-ref.html
+== 372063-1.html 372063-1-ref.html
+== 372553-1.html 372553-1-ref.html
+== 372632-1.html 372632-1-ref.html
+== 372768-1.html 372768-1-ref.html
+fuzzy-if(winWidget,46-92,1-2) == 373295-1.html 373295-1-ref.html
+== 373298-1.html 373298-1-ref.html
+== 373381-1.html 373381-1-ref.html
+fuzzy-if(!Android,0-2,0-40) == 373381-2.html 373381-2-ref.html
+random-if(d2d) == 373381-3.html 373381-3-ref.html
+== 373381-4.html 373381-4-ref.html
+== 373383-1.html 373383-1-ref.html
+== 373433-1.html 373433-1-ref.html
+== chrome://reftest/content/bugs/374038-1.xhtml chrome://reftest/content/bugs/374038-1-ref.xhtml
+== chrome://reftest/content/bugs/374038-2.xhtml chrome://reftest/content/bugs/374038-2-ref.xhtml
+fails == 374927-1.html 374927-1-ref.html # Was broken by patch for bug 368600; fails until bug 400776 is fixed
+== 375508-1.html 375508-1-ref.html
+== 375716-1.html 375716-1-ref.html
+== 375827-1.html 375827-1-ref.html
+== 376375-1.html 376375-1-ref.html
+== 376484-1.html 376484-1-ref.html
+== 376532-1.html 376532-1-ref.html
+fails-if(Android) != 376532-2.html 376532-2-ref.html
+fails-if(Android) != 376532-3.html 376532-3-ref.html
+== 377603-1.html 377603-1-ref.html
+== 377918.html 377918-ref.html
+== 378535-1.html 378535-1-ref.html
+== 378933-1.html 378933-1-ref.html
+== 378935-1.html 378935-1-ref.html
+== 378937-1.html 378937-1-ref.html
+== 379178-xhtml.xhtml 379178-xhtml-ref.xhtml
+== 379178-html.html 379178-html-ref.html
+== 379178-svg.svg 379178-svg-ref.svg
+fuzzy(0-1,0-500) == 379316-1.html 379316-1-ref.html
+fails-if(Android) random-if(cocoaWidget) fuzzy(0-8,0-500) == 379316-2.html 379316-2-ref.html # bug 379786
+== 379328-1.html 379328-1-ref.html
+== 379349-1a.xhtml 379349-1-ref.xhtml
+# fuzzy because of different border rendering approach in bug 1185636
+fuzzy(0-37,0-20) == 379349-1b.xhtml 379349-1-ref.xhtml
+fuzzy(0-37,0-20) == 379349-1c.xhtml 379349-1-ref.xhtml
+== 379349-2a.xhtml 379349-2-ref.xhtml
+== 379349-2b.xhtml 379349-2-ref.xhtml
+fuzzy-if(Android,0-2,0-140) == 379349-3a.xhtml 379349-3-ref.xhtml
+fuzzy-if(Android,0-2,0-140) == 379349-3b.xhtml 379349-3-ref.xhtml
+== 379361-1.html 379361-1-ref.html
+== 379361-2.html 379361-2-ref.html
+== 379361-3.html 379361-3-ref.html
+== 379461-1.xhtml 379461-1.html
+== 379461-2.xhtml 379461-2.html
+== 379461-3-container-xhtml.html 379461-3-container-html.html
+fails-if(Android&&!asyncPan) != 379461-3-container-xhtml.html 379461-3-container-blank.html # there is a scrollbar
+fuzzy(0-1,0-5) == 380004-1.html 380004-1-ref.html
+fuzzy(0-2,0-5) == 380227-1.html 380227-1-ref.html
+== 380825-1.html 380825-1-ref.html
+== 380842-1.html 380842-1-ref.html
+== 381130-1.html 381130-1-ref.html
+fuzzy(0-2,0-5) == 381507-1.html 381507-1-ref.html
+== 381746-1.html 381746-1-ref.html
+== 382600-1.html 382600-1-ref.html
+== 382916-1.html 382916-1-ref.html
+== 383035-1.html about:blank
+== 383035-2.html about:blank
+== 383488-1.html 383488-1-ref.html
+== 383551-1.html 383551-1-ref.html
+== 383883-1.html 383883-1-ref.html
+== 383883-2.html 383883-2-ref.html
+== 383883-3.html 383883-3-ref.html
+== 383883-4.html 383883-4-ref.html
+== 383884-1.html 383884-1-ref.html
+== 383885-1.html 383885-1-ref.html
+== 384322-1.html 384322-1-ref.html
+== 384576-1.html 384576-1-ref.html
+== 384762-1.html about:blank
+== 384876-1.html 384876-1-ref.html
+== 385533-1.html about:blank # assertion test
+== 385569-1a.html 385569-1-ref.html
+== 385569-1b.html 385569-1-ref.html
+== 385607-1.html 385607-1-ref.html
+== 385823-1.html 385823-1-ref.html
+fuzzy(0-1,0-600) == 385823-2a.html 385823-2-ref.html
+fails == 385823-2b.html 385823-2-ref.html
+fuzzy(0-1,0-600) == 385823-2c.html 385823-2-ref.html
+fuzzy(0-2,0-11) == 385870-1.html 385870-1-ref.html
+fuzzy(0-2,0-3) == 385870-2.html 385870-2-ref.html
+== 386014-1a.html 386014-1-ref.html
+== 386014-1b.html 386014-1-ref.html
+== 386014-1c.html 386014-1-ref.html
+== 386065-1.html 386065-1-ref.html
+== 386065-2.html about:blank
+== 386147-1.html 386147-1-ref.html
+== 386310-1a.html 386310-1-ref.html
+== 386310-1b-shadow.html 386310-1-ref.html
+== 386310-1c-shadow.html 386310-1-ref.html
+== 386310-1d-shadow.html 386310-1-ref.html
+== 386401-1.html 386401-1-ref.html
+== 386401-2.html 386401-2-ref.html
+== 386401-3.html 386401-3-ref.html
+== 386470-1a.html 386470-1-ref.html
+== 386470-1b.html 386470-1-ref.html
+== 386470-1c.html 386470-1-ref.html
+== 386920-1.html 386920-1-ref.html
+== 387201-1.html 387201-1-ref.html
+== 387201-2.html about:blank  # Really an assertion test rather than a rendering test
+== 387201-3.html about:blank  # Really an assertion test rather than a rendering test
+== 387227-1.html 387227-1-ref.html
+== 387227-2.html 387227-2-ref.html
+fails == 387344-1.html 387344-1-ref.html # scrolling rowgroups were removed in bug 28800
+== 387876-1.html 387876-1-ref.html
+== 387876-2.html 387876-2-ref.html
+== 387876-3a.html 387876-3-ref.html
+== 387876-3b.html 387876-3-ref.html
+== 388026-1.html 388026-1-ref.html
+== 389074-1.html 389074-1-ref.html
+== 389224-1.html 389224-1-ref.html
+== 389224-2.html about:blank
+== 389468-1.html 389468-1-ref.html
+== 389623-1.html 389623-1-ref.html
+== 389636-1.html about:blank  # assertion test
+== 389924-1a.html 389924-1-ref.html
+== 389924-1b.html 389924-1-ref.html
+!= 389924-1a.html about:blank
+== 390318-1a.html 390318-1-ref.html
+== 390318-1b.html 390318-1-ref.html
+== 390318-1c.html 390318-1-ref.html
+== 390318-1d.html 390318-1-ref.html
+== 390318-1e.html 390318-1-ref.html
+== 390318-1f.html 390318-1-ref.html
+skip-if(!winWidget) == 391045.html 391045-ref.html # windows-specific Uniscribe bug, trailing period is matched against different fonts on Mac/Linux (see 396137)
+== 391140-1.html 391140-1-ref.html
+== 391412-1a.html 391412-1-ref.html
+== 391412-1b.html 391412-1-ref.html
+== 391909-1.html 391909-1-ref.html
+== 391979.html 391979-ref.html
+fuzzy-if(geckoview,0-4,0-1) == 391994-1.html 391994-1-ref.html
+== 392047.html 392047-ref.html
+== 392435-1.html 392435-1-ref.html
+== 393330-1.html 393330-1-ref.html
+== 393490-1.html 393490-1-ref.html
+== 393517-1.xhtml about:blank  # crash test
+fuzzy(0-1,0-600) == 393649-1.html 393649-1-ref.html
+== 393655-1.html 393655-1-ref.html
+== 393655-2.html 393655-2-ref.html
+== 393655-3.html 393655-3-ref.html
+== 393655-4.html 393655-4-ref.html
+== 393655-5.html 393655-5-ref.html
+== 393671-1.html 393671-1-ref.html
+== 393671-2.html 393671-2-ref.html
+== 393671-3.html 393671-3-ref.html
+== 394111-1.html about:blank  # Really an assertion test rather than a rendering test
+== 394534-1.html 394534-1-ref.html
+fuzzy-if(Android,0-4,0-2) == 395107-1.html 395107-1-ref.html
+fuzzy-if(Android,0-4,0-2) == 395107-2.html 395107-2-ref.html # bug 1309533 fuzzy after test rebucketed
+fuzzy(0-1,0-118) fuzzy-if(geckoview,0-4,0-2) == 395107-3.html 395107-3-ref.html
+fuzzy-if(Android,0-1,0-2) == 395107-4.html 395107-4-ref.html
+fuzzy-if(geckoview,0-4,0-1) == 395107-5.html 395107-5-ref.html
+== 395130-1.html 395130-1-ref.html
+== 395130-2.html 395130-2-ref.html
+== 395390-1.html 395390-1-ref.html
+fuzzy-if(Android,0-5,0-283) == 397428-1.html 397428-1-ref.html
+== 397844-1.xhtml 397844-1-ref.xhtml
+== 398092-1.html 398092-1-ref.html
+== 398101-1.html 398101-1-ref.html
+== 398144-1.html 398144-1-ref.html
+fuzzy(0-2,0-21) == 398682-1.html 398682-1-ref.html
+== 398797-1a.html 398797-1-ref.html
+== 398797-1b.html 398797-1-ref.html
+== 398797-1c.html 398797-1-ref.html
+== 398797-1d.html 398797-1-ref.html
+== 399209-1.html 399209-1-ref.html
+== 399209-2.html 399209-2-ref.html
+== 399258-1.html 399258-1-ref.html
+== 399384-1.html 399384-1-ref.html
+# These tests are expected to fail on Windows and Mac since bug 1756720 deliberately changed behavior here;
+# random elsewhere depending on font availability.
+fails-if(winWidget||cocoaWidget) random-if(!winWidget&&!cocoaWidget) == 399636-standards-css.html 399636-standards-ref.html
+fails-if(winWidget||cocoaWidget) random-if(!winWidget&&!cocoaWidget) == 399636-standards-html.html 399636-standards-ref.html
+fails-if(winWidget||cocoaWidget) random-if(!winWidget&&!cocoaWidget) == 399636-quirks-css.html 399636-quirks-ref.html
+# We can't rely on this test working on platforms other than Windows and
+# Mac because they need not have a font called "Symbol".
+random-if(!cocoaWidget&&!winWidget) != 399636-quirks-html.html 399636-quirks-ref.html
+== 400081-1.html about:blank
+== 400171-1a.html 400171-1-ref.html
+== 400171-1b.html 400171-1-ref.html
+== 400171-1c.html 400171-1-ref.html
+== 400171-2a.html 400171-2-ref.html
+== 400171-2b.html 400171-2-ref.html
+== 400171-2c.html 400171-2-ref.html
+== 400421-1.html 400421-1-ref.html
+== 400813-1.html 400813-1-ref.html
+== 400826-1.html 400826-1-ref.html
+== 401121-1.html 401121-1-ref.html
+== 401121-2.html 401121-2-ref.html
+== chrome://reftest/content/bugs/401946-1.xhtml about:blank
+pref(layout.outline.include-overflow,true) == 402338-1.html 402338-1-ref.html
+== 402567-1.html 402567-1-ref.html
+fuzzy-if(winWidget,0-8,0-1) == 402567-2.html 402567-2-ref.html
+== 402567-3.html 402567-3-ref.html
+fuzzy-if(gtkWidget,0-2,0-40) == 402567-4.html 402567-4-ref.html
+fuzzy(0-2,0-5) == 402629-1.html 402629-1-ref.html
+fuzzy(0-2,0-5) == 402629-2.html 402629-2-ref.html
+fuzzy(0-2,0-5) == 402629-3.html 402629-3-ref.html
+== 402807-1.html 402807-1-ref.html
+== 402940-1.html 402940-1-ref.html
+== 402940-1b.html 402940-1-ref.html
+!= 402940-2.html 402940-2-notref.html
+!= 402940-3.html 402940-3-notref.html
+== 402950-1.html 402950-1-ref.html
+== 403129-1.html 403129-1-ref.html
+== 403129-2.html 403129-2-ref.html
+== 403129-3.html 403129-3-ref.html
+== 403129-4.html 403129-4-ref.html
+random == 403134-1.html 403134-1-ref.html # bug 405377
+fuzzy-if(!useDrawSnapshot,130-131,177-177) skip-if(winWidget&&!isDebugBuild) == 403181-1.xml 403181-1-ref.xml
+== 403249-1a.html 403249-1-ref.html
+== 403249-1b.html 403249-1-ref.html
+== 403249-2a.html 403249-2-ref.html
+== 403249-2b.html 403249-2-ref.html
+== 403328-1.html 403328-1-ref.html
+== 403426-1.html 403426-1-ref.html
+== 403455-1.html 403455-1-ref.html
+== 403505-1.xml chrome://reftest/content/bugs/403505-1-ref.xhtml
+#== 403519-1.html 403519-1-ref.html # Fails on Mac, see also discussion in bug
+== 403519-2.html 403519-2-ref.html
+== 403656-1.html 403656-1-ref.html
+== 403656-2.html 403656-2-ref.html
+== 403656-3.html 403656-3-ref.html
+== 403656-4.html 403656-4-ref.html
+== 403656-5.html 403656-5-ref.html
+#== 403657-1.html 403657-1-ref.html  # Fails depending on the fonts...
+== 404030-1.html 404030-1-ref.html
+!= 404030-1-notref.html 404030-1.html
+!= 404030-1-notref2.html 404030-1.html
+fuzzy(0-2,0-4) == 404123-1.html 404123-1-ref.html
+== 404123-2.html 404123-2-ref.html
+!= 404123-3.html 404123-3-ref.html
+# may fail "randomly" on OS X, doesn't seem to be rendering usefully anyhow - bug 602469
+random-if(cocoaWidget) == chrome://reftest/content/bugs/404149-1.xhtml chrome://reftest/content/bugs/404149-1-ref.xhtml # HTTP for fonts directory access
+== 404180-1.html 404180-1-ref.html
+== 404301-1.html 404301-1-ref.html
+== 404309-1a.html 404309-1-ref.html
+== 404309-1b.html 404309-1-ref.html
+# Disabled due to compartments for now.
+#!= data:application/xml,<foo/> data:text/plain, # ensure we pretty-print this XML instead of letting it appear blank (test for bug 404419)
+fuzzy-if(Android,0-8,0-50) == 404553-1.html 404553-1-ref.html  # assertion test, also tests that marquee binding is applied correctly
+== 404666-1.html 404666-1-ref.html
+== 404666-2.html 404666-2-ref.html
+== 405305-1.html 405305-1-ref.html
+== 405380-1.html 405380-1-ref.html
+== 405517-1.xhtml 405517-1-ref.xhtml
+== 405577-1.html 405577-1-ref.html
+== 405584-1.html 405584-1-ref.html
+# == 405952-1.html 405952-1-ref.html
+== 406484-1.html 406484-1-ref.html
+== 406568-1.html 406568-1-ref.html
+== 407016-1-a.html 407016-1-ref.html
+== 407016-1-b.html 407016-1-ref.html
+== 407078-1.html 407078-1-ref.html
+== 407095-1.html 407095-1-ref.html
+fuzzy-if(Android,0-13,0-9) == 407111-1.html 407111-1-ref.html  # Bug 1128229
+== 407227-1.html 407227-1-ref.html
+== 407243-1.html 407243-1-ref.html
+== 407419-1.html 407419-1-ref.html
+== 407937-1.html 407937-1-ref.html
+== 408493-1.html about:blank
+== 408493-2.html 408493-2-ref.html
+== 408656-1a.html 408656-1-ref.html
+== 408656-1b.html 408656-1-ref.html
+== 408656-1c.html 408656-1-ref.html
+== 408782-1a.html 408782-1-ref.html
+== 408782-1b.html 408782-1-ref.html
+== 408782-2a.html 408782-2-ref.html
+== 408782-2b.html 408782-2-ref.html
+== 409084-1a.html 409084-1-ref.html
+== 409084-1b.html 409084-1-ref.html
+fuzzy-if(winWidget,0-123,0-1600) fuzzy-if(swgl,0-1,0-39) == 409659-1a.html 409659-1-ref.html # Bug 1128229
+!= 409659-1b.html 409659-1-ref.html
+!= 409659-1c.html 409659-1-ref.html
+fuzzy-if(winWidget,0-123,0-1900) fuzzy-if(swgl,0-1,0-39) == 409659-1d.html 409659-1-ref.html # Bug 1128229
+== 410621-1.html 410621-1-ref.html
+== 411059-1.html 411059-1-ref.html
+fuzzy-if(winWidget,46-129,652-770) == 411334-1.xml 411334-1-ref.xml
+== 411585-1.html 411585-1-ref.html
+== 411585-2.html 411585-2-ref.html
+fails == 411585-3.html 411585-3-ref.html # bug 426909
+== 411792-1.html 411792-1-ref.html
+== 412093-1.html 412093-1-ref.html
+== 412352-1.html 412352-1-ref.html
+== 412352-2.html 412352-2-ref.html
+== 412607-1a.html 412607-1-ref.html
+== 412607-1b.html 412607-1-ref.html
+== 412679-1.html 412679-1-ref.html
+fuzzy(0-1,0-17) == 412679-2.html 412679-2-ref.html
+fails == 413027-2.html 413027-2-ref.html
+fails == 413027-3.html 413027-3-ref.html
+== 413286-1a.html 413286-1-ref.html
+== 413286-1b.html 413286-1-ref.html
+== 413286-1c.html 413286-1-ref.html
+== 413286-2a.html 413286-2-ref.html
+== 413286-2b.html 413286-2-ref.html
+== 413286-2c.html 413286-2-ref.html
+== 413286-3.html 413286-3-ref.html
+== 413286-4a.html 413286-4-ref.html
+== 413286-4b.html 413286-4-ref.html
+== 413286-5.html 413286-5-ref.html
+== 413286-6.html 413286-6-ref.html
+skip-if(useDrawSnapshot) == 413292-1.html 413292-1-ref.html
+fuzzy(0-1,0-10) == 413361-1.html 413361-1-ref.html # bug 1128229
+== 413840-background-unchanged.html 413840-background-unchanged-ref.html
+== 413840-ltr-offsets.html 413840-ltr-offsets-ref.html
+== 413840-rtl-offsets.html 413840-rtl-offsets-ref.html
+== 413840-pushed-line-bullet.html 413840-pushed-line-bullet-ref.html
+== 413840-bullet-first-line.html 413840-bullet-first-line-ref.html
+== 413982.html 413982-ref.html
+== 414638.html 414638-ref.html
+== 414851-1.html 414851-1-ref.html
+== 416106-1.xhtml 416106-1-ref.xhtml
+== 416752-1.html 416752-1-ref.html
+== 417178-1.html 417178-1-ref.html
+== 417246-1.html 417246-1-ref.html
+== 417676.html 417676-ref.html
+== 418574-1.html 418574-1-ref.html
+== 418574-2.html 418574-2-ref.html
+== 418766-1a.html 418766-1-ref.html
+== 418766-1b.html 418766-1-ref.html
+== 419060.html 419060-ref.html
+== 419285-1.html 419285-1-ref.html
+== 419531-1.html 419531-1-ref.html
+== 420069-1.html 420069-1-ref.html
+== 420069-2.html 420069-2-ref.html
+== 420351-1.html 420351-1-ref.html
+== 421069.html 421069-ref.html
+== 421069.html 421069-ref2.html
+== 421069-ref.html 421069-ref2.html
+fuzzy(0-92,0-430) == chrome://reftest/content/bugs/421203-1.xhtml 421203-1-ref.html
+fuzzy(0-92,0-430) == chrome://reftest/content/bugs/421203-2.xhtml 421203-1-ref.html
+== chrome://reftest/content/bugs/421203-3.xhtml chrome://reftest/content/bugs/321402-3-ref.xhtml
+== chrome://reftest/content/bugs/421203-4.xhtml chrome://reftest/content/bugs/321402-4-ref.xhtml
+== chrome://reftest/content/bugs/421203-5.xhtml chrome://reftest/content/bugs/321402-5-ref.xhtml
+== chrome://reftest/content/bugs/421203-6.xhtml chrome://reftest/content/bugs/321402-6-ref.xhtml
+== 421234-1.html 421234-1-ref.html
+== 421239-1.html 421239-1-ref.html
+== 421239-2.html 421239-2-ref.html
+== 421419-1.html 421419-1-ref.html
+== 421436-1a.html 421436-1-ref.html
+== 421436-1b.html 421436-1-ref.html
+fuzzy(0-1,0-40) == 421632-1.html 421632-1-ref.html
+!= 421710-1.html about:blank
+fails-if(Android) fuzzy(63-65,1024-1024) fails-if(usesRepeatResampling&&!winWidget) == 421885-1.xml 421885-1-ref.xml
+== 421955-1.html 421955-1-ref.html
+== 422249-1.html 422249-1-ref.html
+== 422394-1.html 422394-1-ref.html
+== 422678-1.html 422678-1-ref.html
+== 423130-1.html 423130-1-ref.html
+== 423385-1.html 423385-1-ref.html
+random-if(gtkWidget||Android) == 423599-1.html 423599-1-ref.html # bug 1309095
+== 423676-1.html 423676-1-ref.html
+fails == 423823-1.html 423823-1-ref.html # scrolling rowgroups were removed in bug 28800
+== chrome://reftest/content/bugs/424074-1.xhtml chrome://reftest/content/bugs/424074-1-ref.xhtml
+fails-if(Android) != chrome://reftest/content/bugs/424074-1.xhtml chrome://reftest/content/bugs/424074-1-ref2.xhtml
+random-if(gtkWidget) == chrome://reftest/content/bugs/424074-1-ref2.xhtml chrome://reftest/content/bugs/424074-1-ref3.xhtml
+== 424236-1.html 424236-1-ref.html
+== 424236-2.html 424236-2-ref.html
+== 424236-3.html 424236-3-ref.html
+== 424236-4.html 424236-4-ref.html
+== 424236-5.html 424236-5-ref.html
+== 424236-6.html 424236-6-ref.html
+== 424236-7.html 424236-7-ref.html
+== 424236-8.html 424236-8-ref.html
+== 424236-9.html 424236-9-ref.html
+== 424236-10.html 424236-10-ref.html
+== 424236-11.html 424236-3-ref.html
+== 424434-1.html 424434-1-ref.html
+== 424465-1.html 424465-1-ref.html
+== 424631-1.html 424631-1-ref.html
+== 424710-1.html 424710-1-ref.html
+fuzzy(0-1,0-160000) == 424766-1.html 424766-1-ref.html
+== 425972-1.html 425972-1-ref.html
+== 425972-2.html 425972-2-ref.html
+!= 425972-1.html 425972-2.html
+== 426629-1.html 426629-1-ref.html
+asserts(3) != 427017-1.xhtml about:blank # crash test (needs reftest-paged). existing assertions are bug 457400.
+== 427129-scrollframe.html 427129-ref.html
+== 427129-table.html 427129-ref.html
+== 427129-image.html 427129-ref.html
+== 427129-table-caption.html 427129-table-caption-ref.html
+fuzzy(0-1,0-60) == 427370-1.html 427370-1-ref.html
+== 427730-1.html 427730-1-ref.html
+== 428278.html 428278-ref.html
+== 428423-1a.html 428423-1-ref.html
+== 428423-1b.html 428423-1-ref.html
+== 428521-1a.html 428521-1-ref.html
+== 428521-1b.html 428521-1-ref.html
+== 428521-1c.html 428521-1-ref.html
+== 428810-1a-ltr.html 428810-1-ltr-ref.html
+== 428810-1b-ltr.html 428810-1-ltr-ref.html
+== 428810-1c-ltr.html 428810-empty-ltr-ref.html
+== 428810-1d-ltr.html 428810-empty-ltr-ref.html
+!= 428810-1-ltr-ref.html about:blank
+== 428810-2a-ltr.html 428810-2-ltr-ref.html
+== 428810-2b-ltr.html 428810-2-ltr-ref.html
+== 428810-2e-ltr.html 428810-empty-ltr-ref.html
+== 428810-2f-ltr.html 428810-empty-ltr-ref.html
+!= 428810-2-ltr-ref.html about:blank
+== 428810-3a-ltr.html 428810-3-ltr-ref.html
+== 428810-3b-ltr.html 428810-3-ltr-ref.html
+== 428810-3e-ltr.html 428810-empty-ltr-ref.html
+== 428810-3f-ltr.html 428810-empty-ltr-ref.html
+!= 428810-3-ltr-ref.html about:blank
+== 428810-1a-rtl.html 428810-1-rtl-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-1b-rtl.html 428810-1-rtl-ref.html # bug 179596
+== 428810-1c-rtl.html 428810-empty-rtl-ref.html
+== 428810-1d-rtl.html 428810-empty-rtl-ref.html
+!= 428810-1-rtl-ref.html about:blank
+!= 428810-1-rtl-ref.html 428810-1-ltr-ref.html
+== 428810-2a-rtl.html 428810-2-rtl-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-2b-rtl.html 428810-2-rtl-ref.html # bug 179596
+== 428810-2e-rtl.html 428810-empty-rtl-ref.html
+== 428810-2f-rtl.html 428810-empty-rtl-ref.html
+!= 428810-2-rtl-ref.html about:blank
+!= 428810-2-rtl-ref.html 428810-2-ltr-ref.html
+== 428810-3a-rtl.html 428810-3-rtl-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-3b-rtl.html 428810-3-rtl-ref.html # bug 179596
+== 428810-3e-rtl.html 428810-empty-rtl-ref.html
+== 428810-3f-rtl.html 428810-empty-rtl-ref.html
+!= 428810-3-rtl-ref.html about:blank
+!= 428810-3-rtl-ref.html 428810-3-ltr-ref.html
+== 428810-1a-ltr-insets.html 428810-1-ltr-insets-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-1b-ltr-insets.html 428810-1-ltr-insets-ref.html # bug 179596
+== 428810-1c-ltr-insets.html 428810-empty-ltr-insets-ref.html
+== 428810-1d-ltr-insets.html 428810-empty-ltr-insets-ref.html
+!= 428810-1-ltr-insets-ref.html about:blank
+== 428810-2a-ltr-insets.html 428810-2-ltr-insets-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-2b-ltr-insets.html 428810-2-ltr-insets-ref.html # bug 179596
+== 428810-2e-ltr-insets.html 428810-empty-ltr-insets-ref.html
+== 428810-2f-ltr-insets.html 428810-empty-ltr-insets-ref.html
+!= 428810-2-ltr-insets-ref.html about:blank
+== 428810-3a-ltr-insets.html 428810-3-ltr-insets-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-3b-ltr-insets.html 428810-3-ltr-insets-ref.html # bug 179596
+== 428810-3e-ltr-insets.html 428810-empty-ltr-insets-ref.html
+== 428810-3f-ltr-insets.html 428810-empty-ltr-insets-ref.html
+!= 428810-3-ltr-insets-ref.html about:blank
+== 428810-1a-rtl-insets.html 428810-1-rtl-insets-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-1b-rtl-insets.html 428810-1-rtl-insets-ref.html # bug 179596
+== 428810-1c-rtl-insets.html 428810-empty-rtl-insets-ref.html
+== 428810-1d-rtl-insets.html 428810-empty-rtl-insets-ref.html
+!= 428810-1-rtl-insets-ref.html about:blank
+!= 428810-1-rtl-insets-ref.html 428810-1-ltr-insets-ref.html
+== 428810-2a-rtl-insets.html 428810-2-rtl-insets-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-2b-rtl-insets.html 428810-2-rtl-insets-ref.html # bug 179596
+== 428810-2e-rtl-insets.html 428810-empty-rtl-insets-ref.html
+== 428810-2f-rtl-insets.html 428810-empty-rtl-insets-ref.html
+!= 428810-2-rtl-insets-ref.html about:blank
+!= 428810-2-rtl-insets-ref.html 428810-2-ltr-insets-ref.html
+== 428810-3a-rtl-insets.html 428810-3-rtl-insets-ref.html
+fails-if(winWidget||cocoaWidget) == 428810-3b-rtl-insets.html 428810-3-rtl-insets-ref.html # bug 179596
+== 428810-3e-rtl-insets.html 428810-empty-rtl-insets-ref.html
+== 428810-3f-rtl-insets.html 428810-empty-rtl-insets-ref.html
+!= 428810-3-rtl-insets-ref.html about:blank
+!= 428810-3-rtl-insets-ref.html 428810-3-ltr-insets-ref.html
+== 430412-1.html 430412-1-ref.html
+== 430813-1.html 430813-1-ref.html
+== 430813-2.html 430813-2-ref.html
+== 430813-3.html 430813-3-ref.html
+== 431341-1.html 431341-1-ref.html
+== 431341-2.html 431341-2-ref.html
+== 431520-1.html 431520-1-ref.html
+== 431948-1.html 431948-1-ref.html
+== 433640-1.html 433640-1-ref.html
+== 433700.html 433700-ref.html
+== 436356-1.html 436356-1-ref.html
+== 436356-2.html 436356-2-ref.html
+fuzzy(0-4,0-2) == 438537-1.html 438537-1-ref.html
+== 438981-1.xhtml about:blank
+== 438987-1.html 438987-1-ref.html
+fuzzy(0-1,0-3280) == 438987-2a.html 438987-2-ref.html
+fuzzy(0-1,0-3280) == 438987-2b.html 438987-2-ref.html
+fuzzy(0-1,0-3280) == 438987-2c.html 438987-2-ref.html
+!= about:blank 438987-2-ref.html # check that backgrounds work at all
+== 439004-1.html 439004-1-ref.html
+== 439639-1.html 439639-1-ref.html
+fuzzy-if(gtkWidget,0-255,0-6) == 439910.html 439910-ref.html
+fuzzy(0-1,0-1) fuzzy-if(Android,0-1,0-3) == 440112.html 440112-ref.html
+== 440149-1.html 440149-1-ref.html
+== 441259-1.html 441259-1-ref.html
+== 441259-2.html 441259-2-ref.html
+fuzzy(0-1,0-3) == 442542-1.html 442542-1-ref.html
+== 444015-1.html 444015-1-ref.html
+== 444375-1.html 444375-1-ref.html
+== 444928-1.html 444928-1-ref.html
+== 444928-2.html 444928-2-ref.html
+== 444928-3.html 444928-3-ref.html
+random == 445004-1.html 445004-1-ref.html # bug 472268
+== 445142-1a.html 445142-1-ref.html
+== 445142-1b.html 445142-1-ref.html
+== 445142-1c.html 445142-1-ref.html
+== 445142-2a.html 445142-2-ref.html
+== 445142-2b.html 445142-2-ref.html
+skip-if(winWidget&&isCoverageBuild) fails-if(usesRepeatResampling) fails-if(!winWidget) == 446100-1a.html about:blank
+fuzzy-if(winWidget,177-178,127-127) fails-if(usesRepeatResampling) fails-if(!winWidget) == 446100-1b.html about:blank
+fuzzy-if(winWidget,171-172,192-192) fails-if(!winWidget) == 446100-1c.html about:blank
+fails-if(usesRepeatResampling) fails-if(!winWidget) == 446100-1d.html about:blank
+fails-if(usesRepeatResampling) fails-if(!useDrawSnapshot&&!winWidget) == 446100-1e.html about:blank
+== 446100-1f.html about:blank
+fails-if(winWidget&&isCoverageBuild) fails-if(usesRepeatResampling) fails-if(Android) fails-if(!useDrawSnapshot&&!winWidget) == 446100-1g.html about:blank
+== 446100-1h.html about:blank
+== 447749-1.html 447749-1-ref.html
+fuzzy(0-127,0-2) == 448193.html 448193-ref.html
+== 449171-1.html 449171-ref.html
+== 449362-1.html 449362-1-ref.html
+fuzzy(0-4,0-361) == 449519-1.html 449519-1-ref.html
+== 450670-1.html 450670-1-ref.html
+== 451168-1.html 451168-1-ref.html
+== 451876-1.html 451876-1-ref.html
+== 451876-2.html 451876-2-ref.html
+== 452915-1.html 452915-1-ref.html
+== 452964-1.html 452964-1-ref.html
+== 454361.html about:blank
+== 455105-1.html 455105-ref.html
+== 455105-2.html 455105-ref.html
+== 455171-5.html 455171-5-ref.html
+== 455280-1.xhtml 455280-1-ref.xhtml
+fails-if(Android) == 455826-1.html 455826-1-ref.html
+== chrome://reftest/content/bugs/456147.xhtml 456147-ref.html
+fuzzy(24-110,110-800) == 456219-1a.html 456219-1-ref.html # bug 1128229
+fuzzy(24-110,107-1251) == 456219-1b.html 456219-1-ref.html # bug 1128229
+fuzzy(24-110,107-3800) == 456219-1c.html 456219-1-ref.html # bug 1128229
+fuzzy(0-10,0-8) == 456219-2.html 456219-2-ref.html
+== 456330-1.gif 456330-1-ref.png
+== 456484-1.html 456484-1-ref.html
+== 457398-1.html 457398-1-ref.html
+== 457398-2.html 457398-2-ref.html
+== 458296-1a.html 458296-1-ref.html
+== 458296-1b.html 458296-1-ref.html
+== 458296-1c.html 458296-1-ref.html
+== 458296-1d.html 458296-1-ref.html
+== 458487-1a.html 458487-1-ref.html
+== 458487-1b.html 458487-1-ref.html
+== 458487-1c.html 458487-1-ref.html
+== 458487-1d.html 458487-1-ref.html
+== 458487-1e.html 458487-1-ref.html
+== 458487-1f.html 458487-1-ref.html
+== 458487-1g.html 458487-1-ref.html
+== 458487-1h.html 458487-1-ref.html
+== 458487-2.html 458487-2-ref.html
+== 458487-3.html 458487-3-ref.html
+random-if(useDrawSnapshot) == 458487-4a.html 458487-4-ref.html # Bug 1715406
+random-if(useDrawSnapshot) == 458487-4b.html 458487-4-ref.html # Bug 1715406
+random-if(useDrawSnapshot) == 458487-4c.html 458487-4-ref.html # Bug 1715406
+random-if(useDrawSnapshot) == 458487-5a.html 458487-5-ref.html # Bug 1715406
+random-if(useDrawSnapshot) == 458487-5b.html 458487-5-ref.html # Bug 1715406
+fuzzy(0-1,0-5) == 459443-1.html 459443-1-ref.html
+== 459613-1.html 459613-1-ref.html
+== 460012-1.html 460012-1-ref.html
+== 461266-1.html 461266-1-ref.html
+fuzzy(0-1,0-34360) == 461512-1.html 461512-1-ref.html
+== 462844-1.html 462844-ref.html
+== 462844-2.html 462844-ref.html
+== 462844-3.html 462844-ref.html
+== 462844-4.html 462844-ref.html
+== 463204-1.html 463204-1-ref.html
+== chrome://reftest/content/bugs/463217-1.xhtml chrome://reftest/content/bugs/463217-1-ref.xhtml
+== 463952-1.html 463952-1-ref.html
+== 464811-1.html 464811-1-ref.html
+== 465574-1.html 465574-1-ref.html # bug 421436
+== 466258-1.html 466258-1-ref.html
+== 466395-1.html 466395-1-ref.html
+== 466395-2.html 466395-2-ref.html
+== 467084-1.html 467084-1-ref.html
+== 467084-2.html 467084-2-ref.html
+== 467444-1.html 467444-1-ref.html
+== 467460-1.html 467460-1-ref.html
+== chrome://reftest/content/bugs/468473-1.xhtml chrome://reftest/content/bugs/468473-1-ref.xhtml
+== 471356-1.html 471356-1-ref.html
+== chrome://reftest/content/bugs/472500-1.xhtml chrome://reftest/content/bugs/472500-1-ref.xhtml
+== 472769-1a.html 472769-1-ref.html
+== 472769-1b.html 472769-1-ref.html
+== 472769-2.html 472769-2-ref.html
+== 472769-3.html 472769-3-ref.html
+== chrome://reftest/content/bugs/473847-1.xhtml chrome://reftest/content/bugs/473847-1-ref.xhtml
+== 474417-1.html 474417-1-ref.html
+fuzzy(0-1,0-5) == 474472-1.html 474472-1-ref.html
+== 475986-1a.html 475986-1-ref.html
+== 475986-1b.html 475986-1-ref.html
+== 475986-1c.html 475986-1-ref.html
+== 475986-1d.html 475986-1-ref.html
+== 475986-1e.html 475986-1-ref.html
+== 475986-1f.html 475986-1-ref.html
+== 475986-2a.html 475986-2-ref.html
+== 475986-2b.html 475986-2-ref.html
+== 475986-2c.html 475986-2-ref.html
+== 475986-2d.html 475986-2-ref.html
+== 475986-2e.html 475986-2-ref.html
+== 475986-2f.html 475986-2-ref.html
+== 475986-3a.html 475986-3-ref.html
+== 475986-3b.html 475986-3-ref.html
+== 475986-4.html 475986-4-ref.html
+!= 475986-1-ref.html 475986-2-ref.html
+!= 475986-1-ref.html 475986-3-ref.html
+!= 475986-2-ref.html 475986-3-ref.html
+== 476063-1.html 476063-1-ref.html
+== 476063-2.html 476063-2-ref.html
+!= 476063-3.html 476063-3-ref.html
+== 476063-4.xhtml 476063-4-ref.xhtml
+== 476357-1.html 476357-1-ref.html
+== 476598-1a.html 476598-1-ref.html
+== 476598-1a.html 476598-1-ref2.html
+== 476598-1b.html 476598-1-ref.html
+== 476598-1b.html 476598-1-ref2.html
+!= 476598-1-ref.html about:blank
+== 476856-1.html 476856-1-ref.html
+skip-if(Android) random-if(d2d) == chrome://reftest/content/bugs/478377-1.xhtml chrome://reftest/content/bugs/478377-1-ref.xhtml
+== 478614-1.html 478614-1-ref.html
+== 478614-2.html 478614-1-ref.html
+== 478614-3.html 478614-3-ref.html
+== 478614-4.html 478614-4-ref.html
+== 478614-5.html 478614-5-ref.html
+== 478811-1.html 478811-1-ref.html
+== 478811-2.html 478811-2-ref.html
+== 478811-3.html 478811-3-ref.html
+== 478811-4.html 478811-4-ref.html
+== 478956-1a.html 478956-1-ref.html
+== 478956-1b.html 478956-1-ref.html
+== 480880-1a.html 480880-1-ref.html
+== 480880-1b.html 480880-1-ref.html
+== 480880-1c.html 480880-1-ref.html
+== 480880-1d.html 480880-1-ref.html
+== 480880-1e.html 480880-1-ref.html
+== 480880-2a.html about:blank
+== 480880-2b.html about:blank
+== 480880-2c.html about:blank
+== 481024-1a.html 481024-1-ref.html
+== 481024-1b.html 481024-1-ref.html
+== 481024-1c.html 481024-1-ref.html
+== 481024-1d.html 481024-1-ref.html
+== 481024-1e.html 481024-1-ref.html
+!= 481948-1.html 481948-1-ref.html
+!= 481948-2.html 481948-2-ref.html
+fails-if(Android||gtkWidget) random-if(winWidget||cocoaWidget) == 481948-3.html 481948-3-ref.html # questionable test, see bug 488364
+== 482398-1.html 482398-1-ref.html
+random-if(d2d) == 482592-1a-shadow.xhtml 482592-1-ref.html # bug 586771
+random-if(d2d) == 482592-1b-shadow.xhtml 482592-1-ref.html # bug 586771
+random-if(winWidget) fuzzy(0-1,0-5) == 482659-1a.html 482659-1-ref.html
+fuzzy(0-1,0-5) == 482659-1b.html 482659-1-ref.html
+fuzzy(0-1,0-5) == 482659-1c.html 482659-1-ref.html
+fuzzy(0-1,0-5) == 482659-1d.html 482659-1-ref.html
+== chrome://reftest/content/bugs/483565.xhtml chrome://reftest/content/bugs/483565-ref.xhtml
+== 484256-1.html 484256-1-ref.html
+== 484256-2.html 484256-1-ref.html
+== 485012-1.html 485012-1-ref.html
+== 485275-1.html 485275-1-ref.html
+== 485275-1.svg 485275-1-ref.html
+== 486052-1.html 486052-1-ref.html
+== 486052-2a.html 486052-2-ref.html
+== 486052-2b.html 486052-2-ref.html
+== 486052-2c.html 486052-2-ref.html
+== 486052-2d.html 486052-2-ref.html
+== 486052-2e.html 486052-2-ref.html
+== 486052-2f.html 486052-2-ref.html
+== 486052-2g.html 486052-2-ref.html
+== 486065-1.html 486065-1-ref.html
+== 487539-1.html about:blank
+== 488390-1.html 488390-1-ref.html
+== 488649-1.html 488649-1-ref.html
+== 488685-1.html 488685-1-ref.html
+== 488692-1.html 488692-1-ref.html
+== 489868-1.svg 489868-1-ref.svg
+== 490173-2.html 490173-2-ref.html
+== 490176-1.html 490176-1-ref.html
+== 490177-1.svg 490177-1-ref.svg
+== 490182-1a.html 490182-1-ref.html
+== 490182-1b.html 490182-1-ref.html
+pref(browser.display.focus_ring_width,1) == 491180-1.html 491180-1-ref.html
+pref(browser.display.focus_ring_width,1) == 491180-2.html 491180-2-ref.html
+== chrome://reftest/content/bugs/491323-1.xhtml chrome://reftest/content/bugs/491323-1-ref.xhtml
+== 492661-1.html 492661-1-ref.html
+== 493968-1.html 493968-1-ref.html
+== 494667-1.html 494667-1-ref.html
+== 494667-2.html 494667-2-ref.html
+== 495274-1.html 495274-1-ref.html
+== 495385-1a.html 495385-1-ref.html
+== 495385-1b.html 495385-1-ref.html
+== 495385-1c.html 495385-1-ref.html
+== 495385-1d.html 495385-1-ref.html
+== 495385-1e.html 495385-1-ref.html
+== 495385-1f.html 495385-1-ref.html
+== 495385-2a.html 495385-2-ref.html
+== 495385-2b.html 495385-2-ref.html
+== 495385-2c.html 495385-2-ref.html
+== 495385-2d.html 495385-2-ref.html
+== 495385-2e.html 495385-2-ref.html
+== 495385-2g.html 495385-2-ref.html
+== 495385-2h.html 495385-2-ref.html
+== 495385-2i.html 495385-2-ref.html
+== 495385-3.html 495385-3-ref.html
+== 495385-4.html 495385-4-ref.html
+== 496032-1.html 496032-1-ref.html
+== 496840-1.html 496840-1-ref.html
+== 501037.html 501037-ref.html
+== 501257-1a.html 501257-1-ref.html
+== 501257-1b.html 501257-1-ref.html
+== 501257-1.xhtml 501257-1-ref.xhtml
+fuzzy(0-6,0-97456) == 501627-1.html 501627-1-ref.html # Bug 1481664
+== 502288-1.html 502288-1-ref.html
+fuzzy-if(gtkWidget,0-1,0-2) == 502447-1.html 502447-1-ref.html #Bug 1315834
+== 502795-1.html 502795-1-ref.html
+== 502942-1.html 502942-1-ref.html
+== 503364-1a.html 503364-1-ref.html
+== 503364-1b.html 503364-1-ref.html
+# Reftest for bug 503531 marked as failing; should be re-enabled when
+# bug 607548 gets resolved.
+needs-focus fails-if(!useDrawSnapshot) == 503531-1.html 503531-1-ref.html
+== 504032-1.html 504032-1-ref.html
+== 505743-1.html about:blank
+fuzzy-if(Android,0-5,0-2800) == 506481-1.html 506481-1-ref.html
+== 507187-1.html 507187-1-ref.html
+== 507487-1.html 507487-1-ref.html
+== 507487-2.xhtml 507487-2-ref.xhtml
+== 507762-1.html 507762-1-ref.html
+== 507762-2.html 507762-2-ref.html
+== 507762-3.html 507762-1-ref.html
+== 507762-4.html 507762-2-ref.html
+== 508919-1.xhtml 508919-1-ref.xhtml
+== 509155-1.xhtml 509155-1-ref.xhtml
+fuzzy(0-1,0-1200) == 512410.html 512410-ref.html
+== 512631-1.html 512631-1-ref.html
+fuzzy(0-1,0-4) == 513153-1a.html 513153-1-ref.html
+fuzzy(0-1,0-4) == 513153-1b.html 513153-1-ref.html
+pref(widget.non-native-theme.webrender,true) == 513153-2a.html 513153-2-ref.html # appleSilicon: bug 1724583
+fuzzy-if(cocoaWidget,0-112,0-108) == 513153-2b.html 513153-2-ref.html # only fuzzy when widget.non-native-theme.webrender=false, snapping difference
+== chrome://reftest/content/bugs/513318-1.xhtml chrome://reftest/content/bugs/513318-1-ref.xhtml
+fails-if(Android&&(!asyncPan)) != chrome://reftest/content/bugs/513318-2.xhtml chrome://reftest/content/bugs/513318-2-ref.xhtml
+== 514917-1.html 514917-1-ref.html
+== 518172-1a.html 518172-a-ref.html
+fuzzy-if(winWidget,0-73,0-133) fuzzy-if(cocoaWidget,0-103,0-133) == 518172-1b.html 518172-b-ref.html
+== 518172-2a.html 518172-a-ref.html
+fuzzy-if(winWidget,0-73,0-133) fuzzy-if(cocoaWidget,0-103,0-133) == 518172-2b.html 518172-b-ref.html
+== 520421-1.html 520421-1-ref.html
+== 520563-1.xhtml 520563-1-ref.xhtml
+fuzzy(0-1,0-3) == 521525-1.html 521525-1-ref.html
+== 521525-2.html 521525-2-ref.html
+== 521539-1.html 521539-1-ref.html
+== 521542-1.xhtml 521542-1-ref.xhtml
+== 521602.html 521602-ref.html
+== 521685-1.html 521685-1-ref.html
+== 522632-1.html 522632-1-ref.html
+== 523096-1.html 523096-1-ref.html
+random-if(d2d) == 523468-1.html 523468-1-ref.html
+== 524175-1.html 524175-1-ref.html
+fuzzy(0-5,0-50) == 526463-1.html 526463-1-ref.html
+== 527464-1.html 527464-ref.html
+== 528038-1a.html 528038-1-ref.html
+== 528038-1b.html 528038-1-ref.html
+== 528038-1c.html 528038-1-ref.html
+== 528038-1d.html 528038-1-ref.html
+== 528038-1e.html 528038-1-ref.html
+== 528038-1f.html 528038-1-ref.html
+== 528038-2.html 528038-2-ref.html
+== 530686-1.html 530686-1-ref.html
+fuzzy-if(Android,0-2,0-48) fuzzy-if(cocoaWidget&&swgl,0-1,0-3) == 531200-1.html 531200-1-ref.html
+== 531371-1.html 531371-1-ref.html
+== 534526-1a.html 534526-1-ref.html
+== 534526-1b.html 534526-1-ref.html
+== 534804-1.html 534804-1-ref.html
+== 534808-1.html 534808-1-ref.html
+== 534808-2.html 534808-2-ref.html
+== 534919-1.html 534919-1-ref.html
+random == 536061.html 536061-ref.html # fixedpoint division in blur code makes this fail
+== 537471-1.html 537471-1-ref.html
+== chrome://reftest/content/bugs/537507-1.xhtml chrome://reftest/content/bugs/537507-1-ref.xhtml
+== 537507-2.html 537507-2-ref.html
+== 538909-1.html 538909-1-ref.html
+== 538935-1.html 538935-1-ref.html
+== 539226-1.html about:blank
+== 539323-1.html 539323-1-ref.html
+== 539323-2.html 539323-2-ref.html
+== 539323-3.html 539323-3-ref.html
+== 539880-1.html 539880-1-ref.html
+== 539880-1-dynamic.html 539880-1-ref.html
+fuzzy-if(Android,0-12,0-1000) == 539949-1.html#test2 539949-1-ref.html#test2
+== 541382-1.html 541382-1-ref.html
+fails-if(useDrawSnapshot) needs-focus != 542116-1.html 542116-1-ref.html
+fails-if(useDrawSnapshot) needs-focus != 542116-2.html 542116-2-ref.html
+fails-if(useDrawSnapshot) needs-focus != 542116-3.html 542116-3-ref.html
+== 542317-1.html 542317-1-ref.html
+== 542620-1.html 542620-1-ref.html
+== 545049-1.html 545049-1-ref.html
+== 546033-1.html 546033-1-ref.html
+== 549184-1.html 549184-1-ref.html
+== 550325-1.html 550325-1-ref.html
+== 550325-2.html 550325-1-ref.html
+== 550325-3.html 550325-1-ref.html
+== 550716-1.html 550716-1-ref.html
+fuzzy-if(Android,0-12,0-300) == 551463-1.html 551463-1-ref.html
+== 551699-1.html 551699-1-ref.html
+== 552334-1.html 552334-1-ref.html
+# Bug 553571 was specific to MS Indic shaping behavior and Win7 font support;
+# the test is not currently relevant under harfbuzz shaping.
+# Keeping it here for the record, and because we may evolve HB's dotted-circle
+# behavior further in the future, which could make this become relevant again.
+# Marked "random" rather than "fails" because it may (spuriously) appear to pass
+# on Android devices that completely lack any Sinhala font support.
+random != 553571-1.html 553571-1-notref.html # expect dotted circle in test, not in ref: "fails" under harfbuzz, which doesn't consider the sequence invalid
+random-if(d2d) skip-if(azureSkiaGL) fuzzy(0-32,0-219) == 555388-1.html 555388-1-ref.html
+== 556661-1.html 556661-1-ref.html
+fuzzy(0-4,0-9) == 557087-1.html 557087-ref.html
+fuzzy(0-2,0-5) fuzzy-if(Android,0-1,0-9) == 557087-2.html 557087-ref.html
+== 557736-1.html 557736-1-ref.html
+skip-if(Android) != chrome://reftest/content/bugs/558011-1.xhtml chrome://reftest/content/bugs/558011-1-ref.xhtml
+== 559284-1.html 559284-1-ref.html
+fuzzy(0-2,0-5) == 561981-1.html 561981-1-ref.html
+== 561981-2.html 561981-2-ref.html
+fuzzy(0-1,0-5) == 561981-3.html 561981-3-ref.html
+== 561981-4.html 561981-4-ref.html
+fuzzy(0-1,0-5) == 561981-5.html 561981-5-ref.html
+== 561981-6.html 561981-6-ref.html
+fuzzy(0-1,0-5) == 561981-7.html 561981-7-ref.html
+== 561981-8.html 561981-8-ref.html
+== 562835-1.html 562835-ref.html
+== 562835-2.html 562835-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-1.html 563584-1-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-2.html 563584-2-ref.html
+fuzzy-if(Android,0-4,0-180) == 563584-3.html 563584-3-ref.html
+fuzzy-if(Android,0-4,0-180) == 563584-4.html 563584-4-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-5.html 563584-5-ref.html
+== 563584-6-columns.html 563584-6-columns-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-6-printing.html 563584-6-printing-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-7.html 563584-7-ref.html
+# FIXME: It would be nice to have variants of these -8 tests for the
+# table narrowing quirk causing a change to mIsTopOfPage (though I'm not
+# entirely sure our behavior is the right one, either).
+pref(layout.display-list.improve-fragmentation,true) fuzzy-if(Android,0-2,0-48) == 563584-8a.html 563584-8a-ref.html
+pref(layout.display-list.improve-fragmentation,true) fuzzy-if(Android,0-2,0-48) == 563584-8b.html 563584-8b-ref.html
+pref(layout.display-list.improve-fragmentation,true) fuzzy-if(Android,0-4,0-180) == 563584-8c.html 563584-8c-ref.html
+pref(layout.display-list.improve-fragmentation,true) fuzzy-if(Android,0-4,0-180) == 563584-8d.html 563584-8d-ref.html
+== 563584-9a.html 563584-9a-ref.html
+== 563584-9b.html 563584-9b-ref.html
+== 563584-9c.html 563584-9cd-ref.html
+== 563584-9d.html 563584-9cd-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-10a.html 563584-10-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-10b.html 563584-10-ref.html
+fuzzy-if(Android,0-2,0-48) == 563584-11.html 563584-11-ref.html
+== 563884-1.html 563884-1-ref.html
+== 564002-1.html 564002-1-ref.html
+== 564054-1.html 564054-1-ref.html
+fails-if(Android) random-if(layersGPUAccelerated) fuzzy(0-1,0-1200) == 564991-1.html 564991-1-ref.html
+== 565819-1.html 565819-ref.html
+== 565819-2.html 565819-ref.html
+fuzzy-if(Android,0-1,0-1) needs-focus == 568441.html 568441-ref.html
+== 569006-1.html 569006-1-ref.html
+== 571281-1a.html 571281-1-ref.html
+== 571281-1b.html 571281-1-ref.html
+== 571281-1c.html 571281-1-ref.html
+== 571347-1a.html 571347-1-ref.html
+== 571347-1b.html 571347-1-ref.html
+== 571347-2a.html 571347-2-ref.html
+== 571347-2b.html 571347-2-ref.html
+== 571347-2c.html 571347-2-ref.html
+== 571347-2d.html 571347-2-ref.html
+== 571347-3.html 571347-3-ref.html
+== 572598-1.html 572598-ref.html
+== 574898-1.html 574898-ref.html
+# 574907 is a windows-only issue, result on other platforms depends on details of font support
+random-if(!winWidget) == 574907-1.html 574907-1-ref.html
+random-if(!winWidget) == 574907-2.html 574907-2-ref.html
+random-if(!winWidget) != 574907-3.html 574907-3-notref.html
+== 577838-1.html 577838-1-ref.html
+== 577838-2.html 577838-2-ref.html
+== chrome://reftest/content/bugs/579323-1.html chrome://reftest/content/bugs/579323-1-ref.html
+== 579349-1.html 579349-1-ref.html
+== 579655-1.html 579655-1-ref.html
+fails-if(Android) random-if(layersGPUAccelerated) fuzzy(0-1,0-10000) == 579985-1.html 579985-1-ref.html # this bug was only for a regression in BasicLayers anyway
+fuzzy-if(asyncPan&&!layersGPUAccelerated,0-255,0-141) == 580863-1.html 580863-1-ref.html
+fails-if(Android) random-if(layersGPUAccelerated) fuzzy(0-1,0-6436) == 581317-1.html 581317-1-ref.html
+== 581579-1.html 581579-1-ref.html
+== 582037-1a.html 582037-1-ref.html
+== 582037-1b.html 582037-1-ref.html
+fuzzy-if(Android,0-3,0-256) == 582037-2a.html 582037-2-ref.html
+fuzzy-if(Android,0-3,0-256) == 582037-2b.html 582037-2-ref.html
+asserts(1-2) == 582146-1.html about:blank
+== 582476-1.svg 582476-1-ref.svg
+== 584400-dash-length.svg 584400-dash-length-ref.svg
+== 584699-1.html 584699-1-ref.html
+fuzzy(0-2,0-48) fuzzy-if(winWidget,0-1,0-33) == 585598-2.xhtml 585598-2-ref.xhtml
+== 586400-1.html 586400-1-ref.html
+fuzzy-if(d2d,0-52,0-1051) == 586683-1.html 586683-1-ref.html
+== 589615-1a.xhtml 589615-1-ref.html
+== 589615-1b.html 589615-1-ref.html
+== 589672-1.html 589672-1-ref.html
+!= 589682-1.html 589682-1-notref.html
+pref(dom.meta-viewport.enabled,true) == 593243-1.html 593243-1-ref.html
+pref(dom.meta-viewport.enabled,true) == 593243-2.html 593243-2-ref.html
+== 593544-1.html 593544-1-ref.html
+== 594333-1.html 594333-1-ref.html
+== 594624-1.html 594624-1-ref.html
+== 594737-1.html 594737-1-ref.html
+fuzzy(0-1,0-100) == 597721-1.html 597721-1-ref.html
+random-if(winWidget) fuzzy(0-1,0-480) needs-focus == 598726-1.html 598726-1-ref.html # Fails on Windows, bug 782196
+== 599113-1.html 599113-1-ref.html
+== 599882-1a.html 599882-1-ref.html
+== 599882-1b.html 599882-1-ref.html
+== 599882-2.html 599882-2-ref.html
+== 600045-1.html 600045-1-ref.html
+== 600803-1.html 600803-1-ref.html
+== 600974-1.html 600974-1-ref.html
+== 600974-2.html 600974-1-ref.html
+== 600974-3.html 600974-1-ref.html
+== 602200-1.html 602200-1-ref.html
+== 602200-2.html 602200-2-ref.html
+# Canvas with a fractional margin and translate snaps differently; non-WebRender
+# accepts a kludge for performance reasons, while WebRender is able to create
+# the idealized rendering. As such we assume we fail the old test, and pass the
+# new test. See bug 1580534 for more details.
+fuzzy-if(Android,0-8,0-20) fails-if(!useDrawSnapshot) == 602200-3.html 602200-3-ref.html
+fuzzy-if(useDrawSnapshot,255-255,34-34) == 1580534.html 1580534-ref.html
+== 602200-4.html 602200-4-ref.html
+== 603423-1.html 603423-1-ref.html
+== 604737.html 604737-ref.html
+fuzzy-if(cocoaWidget,0-7,0-610) fuzzy-if(gtkWidget,0-11,0-608) fuzzy-if(winWidget,0-5,0-587) fuzzy-if(geckoview&&emulator,0-11,0-632) == 605138-1.html 605138-1-ref.html
+== 605157-1.xhtml 605157-1-ref.xhtml
+== 607267-1.html 607267-1-ref.html
+== 608636-1.html 608636-1-ref.html
+== 608756-1a.html 608756-1-ref.html
+== 608756-1b.html 608756-1-ref.html
+== 608756-2.html 608756-2-ref.html
+fuzzy-if(Android,0-4,0-196) == 609272-1.html 609272-1-ref.html
+needs-focus == 613433-1.html 613433-1-ref.html
+needs-focus == 613433-1.html 613433-2-ref.html
+needs-focus == 613433-1.html 613433-3-ref.html
+needs-focus == 613433-2.html 613433-1-ref.html
+needs-focus == 613433-2.html 613433-2-ref.html
+needs-focus == 613433-2.html 613433-3-ref.html
+needs-focus == 613433-3.html 613433-1-ref.html
+needs-focus == 613433-3.html 613433-2-ref.html
+needs-focus == 613433-3.html 613433-3-ref.html
+fuzzy(0-64,0-45) == 614272-1.svg 614272-1-ref.svg
+== 615121-1.html 615121-1-ref.html
+!= 615121-2.html 615121-2-notref.html
+== 617242-1.html 617242-1-ref.html
+!= 618071.html 618071-notref.html
+== 619117-1.html 619117-1-ref.html
+== 619511-1.html 619511-1-ref.html
+fails-if(useDrawSnapshot) == 621253-1-externalFilter.html 621253-1-ref.html
+fails-if(useDrawSnapshot) == 621253-1-internalFilter.html 621253-1-ref.html
+fails-if(useDrawSnapshot) == 621253-2-externalFilter.html 621253-2-ref.html
+fails-if(useDrawSnapshot) == 621253-2-internalFilter.html 621253-2-ref.html
+random-if(winWidget) == 621918-1.svg 621918-1-ref.svg # 1-pixel diacritic positioning discrepancy in rotated text (may depend on platform fonts)
+random-if(winWidget) fuzzy-if(geckoview&&!emulator,0-255,0-22) == 621918-2.svg 621918-2-ref.svg # same 1px issue as above
+fuzzy-if(d2d,0-5,0-1) == 622585-1.html 622585-1-ref.html # bug 789402
+fuzzy(0-1,0-40000) == 625409-1.html 625409-1-ref.html
+== 627393-1.html about:blank
+fuzzy(0-1,0-500) == 630835-1.html about:blank
+== 631352-1.html 631352-1-ref.html
+random-if(winWidget) == 632781-verybig.html 632781-ref.html
+== 632781-normalsize.html 632781-ref.html
+fuzzy-if(!isDebugBuild&&gtkWidget&&/^Linux\x20i686/.test(http.oscpu),0-102,0-140) == 633344-1.html 633344-1-ref.html # bug 1103623, Linux32 from GCC update
+fuzzy(0-1,0-500) == 634232-1.html 634232-1-ref.html
+skip-if(Android&&emulator) fuzzy(0-3,0-120000) == 635302-1.html 635302-1-ref.html
+fuzzy(0-1,0-68) fuzzy-if(gtkWidget,0-1,0-70) fuzzy-if(!Android,0-2,0-300) == 635373-1.html 635373-1-ref.html
+random-if(d2d) fuzzy-if(winWidget&&!d2d,0-20,0-118) fuzzy-if(!Android,0-2,0-550) == 635373-2.html 635373-2-ref.html
+random-if(d2d) fuzzy-if(winWidget&&!d2d,0-20,0-116) fuzzy-if(!Android,0-2,0-650) == 635373-3.html 635373-3-ref.html
+== 635639-1.html 635639-1-ref.html
+== 635639-2.html 635639-2-ref.html
+== 637597-1.html 637597-1-ref.html
+fuzzy(0-1,0-19) == 637852-1.html 637852-1-ref.html
+fuzzy(0-3,0-19) == 637852-2.html 637852-2-ref.html
+fuzzy-if(Android,0-8,0-500) == 637852-3.html 637852-3-ref.html
+== 641770-1.html 641770-1-ref.html
+== 641856-1.html 641856-1-ref.html
+== 645491-1.html 645491-1-ref.html
+== 645647-1.html 645647-1-ref.html
+== 645647-2.html 645647-2-ref.html
+== 645768-1.html 645768-1-ref.html
+fails-if(layersGPUAccelerated&&cocoaWidget) fuzzy(0-57,0-11000) == 650228-1.html 650228-1-ref.html # Quartz alpha blending doesn't match GL alpha blending
+needs-focus == 652301-1a.html 652301-1-ref.html
+needs-focus == 652301-1b.html 652301-1-ref.html
+fuzzy(0-2,0-5) == 652775-1.html 652775-1-ref.html
+HTTP == 652991-1a.html 652991-1-ref.html
+HTTP == 652991-1b.html 652991-1-ref.html
+HTTP == 652991-2.html 652991-2-ref.html
+HTTP == 652991-3.html 652991-3-ref.html
+HTTP == 652991-4.html 652991-4-ref.html
+fuzzy(0-1,0-5) == 653930-1.html 653930-1-ref.html
+== 654057-1.html 654057-1-ref.html
+skip-if(Android&&emulator) fuzzy(0-1,0-65536) == 654950-1.html 654950-1-ref.html # Quartz alpha blending doesn't match GL alpha blending
+== 655549-1.html 655549-1-ref.html
+== 655836-1.html 655836-1-ref.html
+!= 656875.html about:blank
+== 658952.html 658952-ref.html
+fuzzy(0-10,0-919) fuzzy-if(cocoaWidget,2-2,4-23) == 660682-1.html 660682-1-ref.html
+skip-if(Android) fuzzy(0-1,0-68000) == chrome://reftest/content/bugs/664127-1.xhtml chrome://reftest/content/bugs/664127-1-ref.xhtml
+== 665597-1.html 665597-1-ref.html
+!= 665597-2.html 665597-2-ref.html
+== 667079-1.html 667079-1-ref.html
+skip-if(Android) == chrome://reftest/content/bugs/668319-1.xhtml about:blank
+!= chrome://reftest/content/bugs/669015-1.xhtml chrome://reftest/content/bugs/669015-1-notref.xhtml
+skip-if(azureSkiaGL) fuzzy-if(Android&&device,0-55,0-3742) == 670442-1.html 670442-1-ref.html
+== 670467-1.html 670467-1-ref.html
+== 670467-2.html 670467-2-ref.html
+== 690164-1.html 690164-1-ref.html
+== 690643-1.html 690643-1-ref.html
+!= 691087-1.html 691087-1-ref.html
+== 691571-1.html 691571-1-ref.html
+fuzzy(0-1,0-200) == 696307-1.html 696307-1-ref.html
+fuzzy(0-1,0-550) == 696739-1.html 696739-1-ref.html
+needs-focus == 703186-1.html 703186-1-ref.html
+needs-focus == 703186-2.html 703186-2-ref.html
+needs-focus != 703186-1.html 703186-2.html
+== 711359-1.html 711359-1-ref.html
+fuzzy(0-1,0-3) random-if(useDrawSnapshot) needs-focus == 712130-1.html 712130-1-ref.html
+fuzzy(0-1,0-3) needs-focus == 712130-2.html 712130-2-ref.html
+== 712849-1.html 712849-1-ref.html
+== 713856-static.html  713856-ref.html
+== 713856-dynamic.html 713856-ref.html
+== 714519-1-as.html 714519-1-ref.html
+== 714519-1-q.html 714519-1-ref.html
+== 714519-2-as.html 714519-2-ref.html
+== 714519-2-q.html 714519-2-ref.html
+skip-if(Android&&emulator) fuzzy(0-1,0-21) fuzzy-if(d2d,0-77,0-173) fuzzy-if(cocoaWidget,0-1,0-170) fuzzy-if(useDrawSnapshot,1-1,163-163) == 718521.html 718521-ref.html # bug 773482
+== 720987.html 720987-ref.html
+== 722888-1.html 722888-1-ref.html
+fuzzy(0-2,0-40000) == 722923-1.html 722923-1-ref.html
+== 723484-1.html 723484-1-ref.html
+== 728983-1.html 728983-1-ref.html
+== 729143-1.html 729143-1-ref.html
+== 731521-1.html 731521-1-ref.html
+needs-focus == 731726-1.html 731726-1-ref.html
+== 735481-1.html 735481-1-ref.html
+fuzzy(0-2,0-300000) == 745934-1.html 745934-1-ref.html
+== 748692-1a.html 748692-1-ref.html
+== 748692-1b.html 748692-1-ref.html
+== 748803-1.html 748803-1-ref.html
+== 750551-1.html 750551-1-ref.html
+fuzzy(0-1,0-1) == 751012-1a.html 751012-1-ref.html
+fuzzy(0-1,0-1) == 751012-1b.html 751012-1-ref.html
+== 753329-1.html about:blank
+== 758561-1.html 758561-1-ref.html
+fuzzy(0-1,0-320) fuzzy-if(useDrawSnapshot,1-1,77595-77595) == 759036-1.html 759036-1-ref.html
+fuzzy(0-9,0-5894) fuzzy-if(geckoview&&device&&!swgl,3-3,5831-5855) == 759036-2.html 759036-2-ref.html
+== 776265-1a.html 776265-1-ref.html
+== 776265-1b.html 776265-1-ref.html
+== 776265-1c.html 776265-1-ref.html
+== 776265-1d.html 776265-1-ref.html
+== 776265-2a.html 776265-2-ref.html
+== 776265-2b.html 776265-2-ref.html
+== 776265-2c.html 776265-2-ref.html
+== 776265-2d.html 776265-2-ref.html
+== 776443-1.html 776443-1-ref.html
+== 776443-2.html 776443-2-ref.html
+== 786254-1.html 786254-1-ref.html
+== 787947-1.html 787947-1-ref.html
+== 796847-1.svg 796847-1-ref.svg
+fuzzy(0-40,0-875) == 797797-1.html 797797-1-ref.html # 'opacity:N' and rgba(,,,N) text don't match precisely
+fuzzy(0-2,0-2310) == 797797-2.html 797797-2-ref.html # 'opacity:N' and rgba(,,,N) text don't match precisely
+== 801994-1.html 801994-1-ref.html
+== 804323-1.html 804323-1-ref.html
+fuzzy-if(Android,0-8,0-608) fails-if(useDrawSnapshot) == 811301-1.html 811301-1-ref.html
+== 812824-1.html 812824-1-ref.html
+== 814677.html 814677-ref.html
+== 814952-1.html 814952-1-ref.html
+fuzzy-if(Android,0-4,0-400) == 815593-1.html 815593-1-ref.html
+== 816359-1.html 816359-1-ref.html
+== 816458-1.html 816458-1-ref.html
+== 816876-1.xhtml  816876-1-ref.xhtml
+== 816876-2a.xhtml 816876-2-ref.xhtml
+== 816876-2b.xhtml 816876-2-ref.xhtml
+fuzzy(0-1,0-5) == 816948-1.html 816948-1-ref.html
+== 817019-1.html about:blank
+fuzzy(0-1,0-5) == 818276-1.html 818276-1-ref.html
+fuzzy-if(asyncPan,0-190,0-510) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-102,0-510) == 825999.html 825999-ref.html
+== 827577-1a.html 827577-1-ref.html
+== 827577-1b.html 827577-1-ref.html
+== 827799-1.html about:blank
+== 829958.html 829958-ref.html
+fuzzy-if(gtkWidget,0-2,0-152400) == 836844-1.html 836844-1-ref.html
+== 841192-1.html 841192-1-ref.html
+== 844178.html 844178-ref.html
+fuzzy(0-1,0-320) == 846144-1.html 846144-1-ref.html
+== 847850-1.html 847850-1-ref.html
+== 848421-1.html 848421-1-ref.html
+== 849407-1.html 849407-1-ref.html
+== 849996-1.html 849996-1-ref.html
+== 858803-1.html 858803-1-ref.html
+== 860242-1.html 860242-1-ref.html
+!= 860370.html 860370-notref.html
+== 871338-1.html 871338-1-ref.html
+== 883987-1a.html 883987-1-ref.html
+fails == 883987-1b.html 883987-1-ref.html # bug 1446971
+fails == 883987-1c.html 883987-1-ref.html # bug 1446971
+== 883987-1d.html 883987-1-ref.html
+== 883987-1e.html 883987-1-ref.html
+== 883987-1f.html 883987-1-ref.html
+== 890495-1.html 890495-1-ref.html
+== 894931-1.html 894931-1-ref.html
+== 897491-1.html 897491-1-ref.html
+== 897491-2.html 897491-2-ref.html
+fuzzy(0-2,0-10000) fuzzy-if(Android,0-5,0-10000) == 902330-1.html 902330-1-ref.html
+fuzzy-if(Android,0-8,0-400) == 906199-1.html 906199-1-ref.html
+== 921716-1.html 921716-1-ref.html
+== 926155-1.html 926155-1-ref.html
+fuzzy-if(cocoaWidget,0-1,0-40) == 928607-1.html 928607-1-ref.html
+fuzzy(0-1,0-3) == 931464-1.html 931464-1-ref.html
+== 931853.html 931853-ref.html
+== 931853-quirks.html 931853-quirks-ref.html
+== 933264-1.html 933264-1-ref.html
+test-pref(font.minimum-size.x-western,32) fuzzy-if(Android,0-45,0-324) == 935056-1.html 935056-1-ref.html
+== 936670-1.svg 936670-1-ref.svg
+== 941940-1.html 941940-1-ref.html
+fails == 942017.html 942017-ref.html # bug 942017
+fuzzy(0-2,0-160000) fuzzy-if(winWidget&&isDebugBuild&&layersGPUAccelerated&&!is64Bit,1-1,12-175) == 942672-1.html 942672-1-ref.html
+== 953334-win32-clipping.html 953334-win32-clipping-ref.html
+fuzzy(0-1,0-5) == 956513-1.svg 956513-1-ref.svg
+== 944291-1.html 944291-1-ref.html
+== 950436-1.html 950436-1-ref.html
+== 957770-1.svg 957770-1-ref.svg
+== 960277-1.html 960277-1-ref.html
+fuzzy(0-1,0-80) == 961887-1.html 961887-1-ref.html
+== 961887-2.html 961887-2-ref.html
+== 961887-3.html 961887-3-ref.html
+fuzzy(0-1,0-2) pref(layout.css.overflow-clip-box.enabled,true) pref(layout.forms.reveal-password-button.enabled,false) == 966992-1.html 966992-1-ref.html
+== 966510-1.html 966510-1-ref.html
+== 966510-2.html 966510-2-ref.html
+fuzzy(0-1,0-123) == 978911-1.svg 978911-1-ref.svg
+== 983084-1.html 983084-1-ref.html
+== 983084-2.html 983084-2-ref.html
+== 983084-3.html 983084-1-ref.html
+== 983691-1.html 983691-ref.html
+== 983985-1.html 983985-1-ref.html
+== 983985-2.html 983985-2-ref.html
+== 985303-1a.html 985303-1-ref.html
+== 985303-1b.html 985303-1-ref.html
+== 987680-1.html 987680-1-ref.html
+# Fuzzy on WR due to alpha blending
+fuzzy(0-1,0-1473) == 991046-1.html 991046-1-ref.html
+pref(layout.css.overflow-clip-box.enabled,true) fuzzy(0-2,0-845) == 992447.html 992447-ref.html
+== 1003425-1.html 1003425-1-ref.html
+== 1003425-2.html 1003425-2-ref.html
+== 1005405-1.html 1005405-1-ref.html
+== 1012640-1.html 1012640-1-ref.html
+== 1013054-1.html 1013054-1-ref.html
+== 1018522-1.html 1018522-1-ref.html
+== 1021564-1.html 1021564-ref.html
+== 1021564-2.html 1021564-ref.html
+== 1021564-3.html 1021564-ref.html
+== 1021564-4.html 1021564-ref.html
+pref(browser.display.use_document_fonts,0) == 1022481-1.html 1022481-1-ref.html
+fuzzy(0-1,0-126000) == 1022612-1.html 1022612-1-ref.html
+skip-if(Android&&emulator) == 1024473-1.html 1024473-1-ref.html
+fuzzy(0-1,0-24000) == 1025914-1.html 1025914-1-ref.html
+== 1042104-1.html 1042104-1-ref.html
+== 1043537-1.html 1043537-1-ref.html
+== 1044198-1.html 1044198-1-ref.html
+== 1049499-1.html 1049499-1-ref.html
+== 1050493-1.html 1050493-1-ref.html
+== 1050788-1.html about:blank
+== 1053035-1-flex.html 1053035-1-ref.html
+== 1053035-1-grid.html 1053035-1-ref.html
+== 1059167-1.html 1059167-1-ref.html
+== 1059498-1.html 1059498-1-ref.html # WebRender: see bug 1504290
+== 1059498-2.html 1059498-1-ref.html # WebRender: see bug 1504290
+== 1059498-3.html 1059498-1-ref.html # WebRender: see bug 1499113
+== 1062108-1.html 1062108-1-ref.html
+== 1062792-1.html 1062792-1-ref.html
+== 1066554-1.html 1066554-1-ref.html
+== 1069716-1.html 1069716-1-ref.html
+== 1078262-1.html about:blank # bug 1656792
+test-pref(layout.testing.overlay-scrollbars.always-visible,false) == 1081072-1.html 1081072-1-ref.html
+fuzzy(15-65,100-500) fuzzy-if(useDrawSnapshot,33-33,218-218) == 1081185-1.html 1081185-1-ref.html
+== 1097437-1.html 1097437-1-ref.html
+== 1103258-1.html 1103258-1-ref.html # assertion crash test with layers culling test
+== 1105137-1.html 1105137-1-ref.html
+fuzzy-if(d2d,0-36,0-304) fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu)&&d2d,0-139,0-701) == 1116480-1-fakeitalic-overflow.html 1116480-1-fakeitalic-overflow-ref.html
+== 1111753-1.html about:blank
+== chrome://reftest/content/bugs/1114526-1.html 1114526-1-ref.html
+fuzzy(0-1,0-800000) == 1119117-1a.html 1119117-1-ref.html
+fuzzy(0-1,0-800000) == 1119117-1b.html 1119117-1-ref.html
+== 1120431-1.html 1120431-1-ref.html
+== 1120431-2.html 1120431-2-ref.html
+== 1121748-1.html 1121748-1-ref.html
+skip-if(verify) == 1121748-2.html 1121748-2-ref.html
+== 1127107-1a-nowrap.html 1127107-1-ref.html
+== 1127107-1b-pre.html 1127107-1-ref.html
+== 1127107-2-capitalize.html 1127107-2-capitalize-ref.html
+== 1127679-1a-inline-flex-relpos.html 1127679-1b-inline-flex-relpos.html
+== 1128354-1.html 1128354-1-ref.html
+== 1130231-1-button-padding-rtl.html 1130231-1-button-padding-rtl-ref.html
+== 1130231-2-button-padding-rtl.html 1130231-2-button-padding-rtl-ref.html
+# The 1133905-*.html reftests only make sense on platforms where both APZ and
+# <meta viewport> are enabled.
+# (Note: bug 1308702 covers these tests' failures on Android)
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-1.html 1133905-ref.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-2.html 1133905-ref.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-3.html 1133905-ref.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-4.html 1133905-ref.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-5.html 1133905-ref.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-6.html 1133905-ref.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-1-v.html 1133905-ref-v.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-2-v.html 1133905-ref-v.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-3-v.html 1133905-ref-v.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-4-v.html 1133905-ref-v.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-5-v.html 1133905-ref-v.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-6-v.html 1133905-ref-v.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-1-h.html 1133905-ref-h.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-2-h.html 1133905-ref-h.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-3-h.html 1133905-ref-h.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-4-h.html 1133905-ref-h.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-5-h.html 1133905-ref-h.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-6-h.html 1133905-ref-h.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-54,0-17) == 1133905-1-vh.html 1133905-ref-vh.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-2-vh.html 1133905-ref-vh.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-3-vh.html 1133905-ref-vh.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-4-vh.html 1133905-ref-vh.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-5-vh.html 1133905-ref-vh.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-54,0-17) == 1133905-6-vh.html 1133905-ref-vh.html
+pref(apz.allow_zooming,true) skip-if(!Android) != 1133905-ref-vh.html about:blank # make sure it doesn't render blank
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-1-rtl.html 1133905-ref-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-2-rtl.html 1133905-ref-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-3-rtl.html 1133905-ref-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-4-rtl.html 1133905-ref-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-5-rtl.html 1133905-ref-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-6-rtl.html 1133905-ref-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-1-v-rtl.html 1133905-ref-v-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-2-v-rtl.html 1133905-ref-v-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-3-v-rtl.html 1133905-ref-v-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-4-v-rtl.html 1133905-ref-v-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-10) == 1133905-5-v-rtl.html 1133905-ref-v-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-6-v-rtl.html 1133905-ref-v-rtl.html # bug 1308702
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-1-h-rtl.html 1133905-ref-h-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-2-h-rtl.html 1133905-ref-h-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-3-h-rtl.html 1133905-ref-h-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-4-h-rtl.html 1133905-ref-h-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-5-h-rtl.html 1133905-ref-h-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) == 1133905-6-h-rtl.html 1133905-ref-h-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-54,0-17) == 1133905-1-vh-rtl.html 1133905-ref-vh-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-9) == 1133905-2-vh-rtl.html 1133905-ref-vh-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-9) == 1133905-3-vh-rtl.html 1133905-ref-vh-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-9) == 1133905-4-vh-rtl.html 1133905-ref-vh-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-43,0-9) == 1133905-5-vh-rtl.html 1133905-ref-vh-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) fuzzy-if(Android,0-54,0-17) == 1133905-6-vh-rtl.html 1133905-ref-vh-rtl.html
+pref(apz.allow_zooming,true) skip-if(!Android) != 1133905-ref-vh-rtl.html about:blank # make sure it doesn't render blank
+== 1149304-1-transform-change.html 1149304-1-transform-change-ref.html
+fuzzy(0-128,0-22) == 1151145-1.html 1151145-1-ref.html # bug 1646527 for WR fuzz
+== 1151306-1.html 1151306-1-ref.html
+== 1153845-1.html 1153845-1-ref.html
+fuzzy(0-128,0-22) == 1155828-1.html 1155828-1-ref.html # bug 1646527 for WR fuzz
+fuzzy(0-7,0-84) == 1156129-1.html 1156129-1-ref.html
+pref(dom.use_xbl_scopes_for_remote_xul,true) HTTP(..) == 1157127-1.html 1157127-1-ref.html
+fuzzy-if(Android,0-6,0-6) fuzzy-if(appleSilicon,0-1,0-7) == 1169331-1.html 1169331-1-ref.html
+fuzzy(0-3,0-110) fails == 1174332-1.html 1174332-1-ref.html # bug 1312658, expected to fail w/ non-native theme because of bug 1699937
+== 1179078-1.html 1179078-1-ref.html
+== 1179288-1.html 1179288-1-ref.html
+== 1190635-1.html 1190635-1-ref.html
+== 1202512-1.html 1202512-1-ref.html
+fuzzy(0-1,0-1) == 1202512-2.html 1202512-2-ref.html
+!= 1207326-1.html about:blank
+== 1209603-1.html 1209603-1-ref.html
+== 1209994-1.html 1209994-1-ref.html
+== 1209994-2.html 1209994-2-ref.html
+== 1209994-3.html 1209994-3-ref.html
+== 1209994-4.html 1209994-4-ref.html
+== 1219985-1.html 1219985-ref-transparent-with-rendering.html
+== 1219985-2.html 1219985-ref-transparent-clear.html
+== 1219985-3.html 1219985-ref-opaque-with-rendering.html
+== 1219985-4.html 1219985-ref-opaque-clear.html
+== 1219985-5.html 1219985-ref-transparent-with-rendering.html
+== 1219985-6.html 1219985-ref-opaque-with-rendering.html
+== 1219985-7.html 1219985-ref-transparent-clear.html
+== 1219985-8.html 1219985-ref-opaque-clear.html
+== 1222226-1.html 1222226-1-ref.html
+pref(layout.css.overflow-clip-box.enabled,true) == 1226278.html 1226278-ref.html
+== 1230466.html about:blank
+random-if(gtkWidget) != 1238243-1.html 1238243-1-notref.html # may fail on Linux, depending on Korean fonts available
+== 1238243-2.html 1238243-2-ref.html
+fuzzy(0-100,0-2000) == 1239564.html 1239564-ref.html
+== 1241631-1.html 1241631-1-ref.html
+== 1242172-1.html 1242172-1-ref.html
+fuzzy(0-2,0-2601) == 1242172-2.html 1242172-2-ref.html
+== 1242781.html 1242781-ref.html
+== 1263845.html 1263845-ref.html
+== 1260543-1.html 1260543-1-ref.html
+== 1271714-1.html 1271714-1-ref.html
+== 1272997-1.html 1272997-1-ref.html
+random-if(!winWidget) == 1273154-1.html 1273154-1-ref.html # depends on Windows font
+random-if(!winWidget) == 1273154-2.html 1273154-2-ref.html # depends on Windows font
+== 1274368-1.html 1274368-1-ref.html
+!= 1276161-1a.html 1276161-1-notref.html
+!= 1276161-1b.html 1276161-1-notref.html
+!= 1276161-1a.html 1276161-1b.html
+== 1275411-1.html 1275411-1-ref.html
+== 1288255.html 1288255-ref.html
+fuzzy(0-8,0-1900) fails == 1291528.html 1291528-ref.html
+# Buttons in 2 pages have different position and the rendering result can be
+# different, but they should use the same button style and the background color
+# should be same.  |fuzzy()| here allows the difference in border, but not
+# background color.
+fuzzy(0-255,0-1000) skip-if(!cocoaWidget) == 1294102-1.html 1294102-1-ref.html
+fuzzy(0-15,0-50) fuzzy-if(gtkWidget||winWidget,0-14,0-215) random-if(useDrawSnapshot) == 1295466-1.xhtml 1295466-1-ref.xhtml # bug 1540635
+fuzzy-if(Android,0-27,0-874) fuzzy-if(!Android,0-14,0-43) fuzzy-if(gtkWidget&&fission&&!isDebugBuild,0-14,0-1794) == 1313772.xhtml 1313772-ref.xhtml # Bug 1128229, Bug 1389319, Bug 1714895
+fuzzy(0-3,0-320000) fails-if(useDrawSnapshot) == 1315113-1.html 1315113-1-ref.html
+fuzzy(0-3,0-20000) == 1315113-2.html 1315113-2-ref.html
+== 1315632-1.html 1315632-1-ref.html
+fuzzy(0-3,0-40000) fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-13,0-40000) == 1316719-1a.html 1316719-1-ref.html
+fuzzy(0-13,0-40000) fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-13,0-40000) == 1316719-1b.html 1316719-1-ref.html
+fuzzy(0-13,0-40000) fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-13,0-40000) == 1316719-1c.html 1316719-1-ref.html
+!= 1318769-1.html 1318769-1-ref.html
+== 1322512-1.html 1322512-1-ref.html
+skip-if(isDebugBuild&&winWidget) == 1330051.svg 1330051-ref.svg
+!= 1336591-1.html 1336591-1-ref.html
+== 1348481-1.html 1348481-ref.html
+== 1348481-2.html 1348481-ref.html
+== 1351924-1.html 1351924-1-ref.html
+== 1351924-2.html 1351924-2-ref.html
+== 1352464-1.html 1352464-1-ref.html
+== 1358375-1.html 1358375-ref.html
+== 1358375-2.html 1358375-ref.html
+== 1358375-3.html 1358375-ref.html
+== 1364280-1.html 1364280-1-ref.html
+== 1364280-2a.html 1364280-2-ref.html
+== 1364280-2b.html 1364280-2-ref.html
+== 1364280-2c.html 1364280-2-ref.html
+== 1364360-1.html 1364360-1-ref.html
+== 1365159-1.html 1365159-1-ref.html
+== 1365162-1.html 1365162-1-ref.html
+== 1352306-1.html 1352306-1-ref.html
+== 1366144.html 1366144-ref.html
+== 1367592-1.html 1367592-1-ref.html
+== 1368113-1.html 1368113-1-ref.html
+== 1369584-1a.html 1369584-1-ref.html
+== 1369584-1b.html 1369584-1-ref.html
+== 1369954-1.xhtml 1369954-1-ref.xhtml
+== 1369985-1.html 1369985-1-ref.html
+== 1371130.xhtml 1371130-ref.xhtml
+== 1375315-1.html 1375315-1-ref.html
+== 1375315-2.html 1375315-2-ref.html
+== 1375315-3.html 1375315-3-ref.html
+== 1375315-4.html 1375315-4-ref.html
+== 1375315-5.html 1375315-5-ref.html
+== 1375315-6.html 1375315-6-ref.html
+== 1375315-7.html 1375315-7-ref.html
+== 1375315-8.html 1375315-8-ref.html
+== 1375315-9.html 1375315-9-ref.html
+== 1375315-10.html 1375315-10-ref.html
+fuzzy(0-1,0-4) == 1375315-11.html 1375315-11-ref.html
+== 1375315-12.html 1375315-12-ref.html
+== 1374062.html 1374062-ref.html
+== 1375674.html 1375674-ref.html
+== 1372041.html 1372041-ref.html
+== 1376092.html 1376092-ref.html
+fuzzy-if(Android,0-3,0-3) needs-focus == 1377447-1.html 1377447-1-ref.html
+needs-focus != 1377447-1.html 1377447-2.html
+== 1379041.html 1379041-ref.html
+== 1379696.html 1379696-ref.html
+== 1380224-1.html 1380224-1-ref.html
+== 1384065.html 1384065-ref.html
+== 1384275-1.html 1384275-1-ref.html
+== 1381821.html 1381821-ref.html
+== 1395650-1.html 1395650-1-ref.html
+== 1398500-1.html 1398500-1-ref.html
+== 1401317.html 1401317-ref.html
+== 1401992.html 1401992-ref.html
+== 1405878-1.xml 1405878-1-ref.xml
+== 1404057.html 1404057-ref.html
+!= 1404057.html 1404057-noref.html
+fuzzy(0-129,0-48) == 1406179.html 1406179-ref.html
+== 1406183-1.html 1406183-1-ref.html
+== 1410028.html 1410028-ref.html
+fuzzy-if((!gtkWidget&&!geckoview&&!swgl&&!(isCoverageBuild&&winWidget))||useDrawSnapshot,1-2,17300-17500) skip-if(winWidget&&isCoverageBuild) == 1412375.html 1412375-ref.html # Skip WinCCov: Bug 1740155
+fuzzy(0-255,0-4054) == 1415987-1.html 1415987-1-ref.html # this is a large fuzz, without the fix the test fails in the range 246-255,3237-25110, which overlaps the fuzz range, but would still catch regressing this bug some of the time which is better than not having a test.
+== 1419820-1.html 1419820-1-ref.html
+== 1420946-1.html 1420946-1-ref.html
+== 1422393.html 1422393-ref.html
+skip-if(winWidget&&isCoverageBuild) == 1424177.html 1424177-ref.html
+== 1424680.html 1424680-ref.html
+== 1424798-1.html 1424798-ref.html
+fuzzy-if(swgl,0-1,0-31430) == 1425243-1.html 1425243-1-ref.html
+fuzzy-if(Android,0-66,0-574) fuzzy-if(d2d,0-89,0-777) fuzzy-if(!Android&&!d2d,0-1,0-31430) fuzzy-if(winWidget,1-1,31240-31430) == 1425243-2.html 1425243-2-ref.html
+== 1430869.html 1430869-ref.html
+== 1432541.html 1432541-ref.html
+== 1446470.html 1035091-ref.html
+== 1456111-1.html about:blank
+# Note: The following test depends on having a pref-controllable CSS property,
+# and the property needs to have a non-initial value that causes it to create
+# a containing block for fixed-position descendants. It doesn't matter whether
+# the pref is enabled by default; we just need to be able to pref it off here.
+# For now, we use the "backdrop-filter" CSS property (and its pref).
+test-pref(layout.css.backdrop-filter.enabled,false) == 1466008.html 1466008-ref.html
+fuzzy(0-2,0-625) == 1466638-1.html 1466638-1-ref.html
+== bug1472465-1.html bug1472465-1-ref.html
+== 1475971-1.html 1475971-1-ref.html
+== chrome://reftest/content/bugs/1483649-1.xhtml chrome://reftest/content/bugs/1483649-1-ref.xhtml
+== 1483946.html 1483946-ref.html
+test-pref(layout.css.visited_links_enabled,false) == 1488155.html 1488155-ref.html
+== 1492660-1.html 1492660-1-ref.html
+== 1499386.html 1499386-ref.html
+== 1509425-1.html 1509425-1-ref.html
+== 1511570.html 1511570-ref.html
+== 1513423-1.html 1513423-1-ref.html
+== 1513423-2.html 1513423-2-ref.html
+== 1513423-3.html 1513423-3-ref.html
+pref(layout.accessiblecaret.enabled,true) == 1517385.html 1517385-ref.html
+fuzzy(0-5,0-2300) == 1529992-1.html 1529992-1-ref.html
+fuzzy-if(Android,9-14,44-60) fails-if(!useDrawSnapshot) == 1529992-2.html 1529992-2-ref.html
+== 1535040-1.html 1535040-1-ref.html
+== 1545360-1.xhtml 1545360-1-ref.xhtml
+skip-if(!asyncPan) == 1544895.html 1544895-ref.html
+random-if(useDrawSnapshot) == 1546856-1.html 1546856-ref.html
+== 1546856-2.html 1546856-ref.html
+== 1547759-1.html 1547759-1-ref.html
+== 1548809.html 1548809-ref.html
+test-pref(layout.css.prefers-color-scheme.content-override,0) != 1551040.txt 1551040.txt
+test-pref(layout.css.prefers-color-scheme.content-override,0) == 1551040.html 1551040.html
+!= 1552789-1.html 1552789-ref-1.html
+pref(image.downscale-during-decode.enabled,true) skip-if(((gtkWidget&&isDebugBuild)||(gtkWidget&&AddressSanitizer)||Android||ThreadSanitizer)||(Android&&isDebugBuild)) random-if(useDrawSnapshot) fuzzy(0-2,0-188) == 1553571-1.html 1553571-1-ref.html
+pref(image.downscale-during-decode.enabled,true) fuzzy(0-2,0-2004) skip-if(((gtkWidget&&isDebugBuild)||(gtkWidget&&AddressSanitizer)||Android||ThreadSanitizer)||(Android&&isDebugBuild)) random-if(useDrawSnapshot) == 1553571-2.html 1553571-2-ref.html
+== 1558937-1.html 1558937-1-ref.html
+!= 1563484.html 1563484-notref.html
+== 1563484.html 1563484-ref.html
+fuzzy-if(!winWidget,251-255,464-1613) fuzzy-if(geckoview,251-255,1392-1405) skip-if(Android) == 1562733-rotated-nastaliq-1.html 1562733-rotated-nastaliq-1-ref.html #Bug 1604765
+fuzzy-if(winWidget,0-31,0-3) fuzzy-if(geckoview,0-93,0-87) == 1562733-rotated-nastaliq-2.html 1562733-rotated-nastaliq-2-ref.html
+test-pref(plain_text.wrap_long_lines,false) != 1565129.txt 1565129.txt
+fuzzy(0-32,0-8) fuzzy-if(Android,0-32,0-1458) == 1576553-1.html 1576553-1-ref.html
+fuzzy(0-1,0-10000) == 1577566-1.html 1577566-1-ref.html
+== 1579953-2.html 1579953-2-ref.html
+asserts(1-2) == 1588954.html 1588954-ref.html # Bug 1588954
+== 1595199-1.html 1595199-1-ref.html
+== 1599841-1.html 1599841-1-ref.html
+!= 1599841-2.html 1599841-2-notref.html
+== chrome://reftest/content/bugs/1606130.html chrome://reftest/content/bugs/1606130-ref.html
+== 1608124-1.html 1608124-1-ref.html
+skip-if(!OSX) != 1608124-2.html 1608124-2-notref.html
+== 1613380.html 1613380-ref.html
+fuzzy(0-145,0-48536) == 1614788-1.svg 1614788-1-ref.svg # large fuzz necesary to test bug: 239,202824 is how much it differs when bug exists
+== blob-fallback-clip.html blob-fallback-clip-ref.html
+fuzzy-if(OSX,0-42,0-4) fuzzy-if(winWidget,249-249,999-999) == 1617515-1.html 1617515-1-ref.html
+== 1624118.html 1624118-ref.html
+fuzzy(0-2,0-21184) == 1626259-1.html 1626259-1-ref.html
+fuzzy(0-2,0-21184) == 1626259-2.html 1626259-2-ref.html
+!= 1642583-1.html 1642583-1-ref.html
+== 1642603-1.html 1642603-1-ref.html
+== 1645549-2.html 1645549-2-ref.html
+== 1641769-1.html 1641769-1-ref.html
+fuzzy(0-2,0-96600) == 1648282-1a.html 1648282-1-ref.html
+fuzzy(0-2,0-96600) == 1648282-1b.html 1648282-1-ref.html
+!= 1672137-1.html 1672137-1-notref.html
+== 1673677-1.html 1673677-1-ref.html
+== 1673677-2.html 1673677-2-ref.html
+== 1673677-3.html 1673677-3-ref.html
+== 1686729-1.html 1686729-1-ref.html
+!= chrome://reftest/content/bugs/1688004.xhtml about:blank
+pref(image.downscale-during-decode.enabled,true) fuzzy-if(OSX||winWidget,0-167,0-44310) fuzzy-if(gtkWidget,0-2,0-37220) == 1714763-1.html 1714763-1-ref.html
+pref(image.downscale-during-decode.enabled,true) fuzzy-if(OSX||winWidget,0-166,0-22530) fuzzy-if(gtkWidget,0-18,0-19006) fuzzy-if(Android,0-21,0-22260) == 1714763-2.html 1714763-2-ref.html
+pref(image.downscale-during-decode.enabled,true) fuzzy-if(OSX||winWidget,0-235,0-289) fuzzy-if(gtkWidget,0-186,0-240) fuzzy-if(Android,0-185,0-232) == 1714763-3.html 1714763-3-ref.html
+skip-if(!appleSilicon) != 1721223-1.html 1721223-1-notref.html # Big Sur required for updated system font; OSX value is clamped to 10.15
+skip-if(Android) == 1727172-1.xhtml 1727172-1-ref.html
+== 1726663-1.html 1726663-1-ref.html
+== 1727016-1.html 1727016-1-ref.html
+!= 1730314-1.html 1730314-1-ref.html
+fuzzy(0-3,0-19) fuzzy-if(Android,0-3,0-1901) fuzzy-if(winWidget,0-154,0-118) == 1738700-1.html 1738700-1-ref.html
+
+# Have to skip android because it doesn't set up example.org as a local host,
+# so the test crashes there.
+fuzzy(255-255,171000-171000) skip-if(Android) HTTP == 1743533-1.html 1743533-1-notref.html # do not decrease the fuzz! this is a not equal test, the high fuzz minimum is to ensure they differ by enough.
+fuzzy(255-255,171000-171000) skip-if(Android) HTTP == 1743533-2.html 1743533-1-notref.html # do not decrease the fuzz! this is a not equal test, the high fuzz minimum is to ensure they differ by enough.
+fuzzy(0-128,0-17172) skip-if(Android) HTTP == 1743533-1.html 1743533-2.html # Fuzzy is only needed because scrollbars and fragmentation are different between fission and non-fission iframes, otherwise this should pass exactly. It's pretty close.
+
+== 1743560-1.html 1743560-1-ref.html
+== 1743851-1.html 1743851-1-ref.html
+pref(image.downscale-during-decode.enabled,true) == 1744468-1.html 1744468-1-ref.html # do not increase fuzz without looking, the test should be smoothly downscaled, not pixelated
+== 1747272-1.html 1747272-1-ref.html
+== 1750146-1.html 1750146-1-ref.html
+== 1735265-1.html 1735265-1-ref.html
+fuzzy(0-1,0-1000) == 1769082-1.html 1769082-1-ref.html
+== 1773484.html 1773484-ref.html
+
+# The following tests are skipped on Android since Android doesn't deal very
+# well with dynamic DPI changes and it corrupts subsequent reftests.
+# TODO(emilio): Maybe we can enable just the text-zoom ones?
+skip-if(Android) test-pref(ui.textScaleFactor,150) test-pref(browser.display.os-zoom-behavior,0) == 1773633.html 1773633.html
+skip-if(Android) test-pref(ui.textScaleFactor,150) test-pref(browser.display.os-zoom-behavior,2) != 1773633.html 1773633.html
+skip-if(Android) test-pref(ui.textScaleFactor,150) test-pref(browser.display.os-zoom-behavior,2) == 1773633.html 1773633-text-zoom.html
+# TODO(emilio): This doesn't quite work because textScaleFactor also applies to the reftest window itself, ugh.
+# test-pref(ui.textScaleFactor,50) test-pref(browser.display.os-zoom-behavior,1) == 1773633.html 1773633-full-zoom.html
+# This works (but not on macOS for some reason).
+skip-if(Android) test-pref(ui.textScaleFactor,50) test-pref(browser.display.os-zoom-behavior,1) != 1773633.html 1773633.html
+pref(widget.disable-dark-scrollbar,false) == 1777135.html 1777135-ref.html
+test-pref(widget.non-native-theme.use-theme-accent,false) == 1778834.html 1778834-ref.html
+# do not adjust the fuzz without looking, this test was written as fuzzy on purpose (because that was the only way to make a test work)
+fuzzy(16-47,26939-44425) == 1780191-1.svg 1780191-1-ref.svg
+pref(layout.css.prefers-color-scheme.content-override,0) == 1787127.html 1787127-ref.html
+pref(layout.css.prefers-color-scheme.content-override,1) == 1787127.html 1787127-ref.html
+pref(layout.css.prefers-color-scheme.content-override,2) == 1787127.html 1787127-ref.html
+== 1792643-1.html 1792643-1-ref.html
+skip-if(!/^Windows\x20NT\x2010\.0/.test(http.oscpu)) == 1798297-1.html 1798297-1-ref.html
+skip-if(!/^Windows\x20NT\x2010\.0/.test(http.oscpu)) != 1798297-1.html 1798297-1-notref.html
+== 1799425-1.html 1799425-1-ref.html
+fuzzy-if(winWidget,114-114,572-572) == 1800437-1.html 1800437-1-ref.html
+== 1803999-1.html 1803999-1-ref.html
+# testing the same bug but we can hit it via a few different code paths, 1 is raster image, 2 is vector image, 3 is vector image with an image restriction region
+pref(image.downscale-during-decode.enabled,true) == 1804872-1.html 1804872-1-ref.html
+pref(image.downscale-during-decode.enabled,true) == 1804872-2.html 1804872-2-ref.html
+pref(image.downscale-during-decode.enabled,true) == 1804872-3.html 1804872-3-ref.html
+== 1814628-1.html 1814628-1-ref.html
+== 1814047.html 1814047-ref.html
+== 1818412-1.html 1818412-1-ref.html
+== 1827009-1.html 1827009-1-ref.html
+pref(layout.testing.overlay-scrollbars.always-visible,true) pref(ui.useOverlayScrollbars,1) == 1827337-1.html 1827337-1-ref.html
+pref(layout.testing.overlay-scrollbars.always-visible,true) pref(ui.useOverlayScrollbars,1) fuzzy-if(winWidget,0-21,0-134) fuzzy-if(cocoaWidget,0-2,0-12) == 1828879-1.html 1828879-1-ref.html
+skip-if(!OSX) != 1834316-1.html 1834316-1-notref.html
+skip-if(!OSX) test-pref(layout.css.font-visibility.standard,1) ref-pref(layout.css.font-visibility.standard,3) == 1835271-1.html 1835271-1-ref.html
+skip-if(!OSX) != 1836024-1.html 1836024-1-notref.html
+# The 1840511-* tests are reliably fuzzy on certain configurations, per bug
+# 1840511.  (It passes on macOS and Android. It also passes with software WR,
+# or when using drawSnapshot.)
+fuzzy-if(!cocoaWidget&&!Android&&!swgl&&!useDrawSnapshot,1-1,142-142) == 1840511-1.html 1840511-1-ref.html
+fuzzy-if(!cocoaWidget&&!Android&&!swgl&&!useDrawSnapshot,1-1,284-284) fuzzy-if(useDrawSnapshot,1-1,4-4) == 1840511-2.html 1840511-1-ref.html
+# This test should render blank, but is reliably fuzzy, per bug 1840747.
+fuzzy-if(!useDrawSnapshot,18-19,294-322) == 1840747-1.html about:blank
+# This test has some fine/expected AA-related fuzziness along the edge of a
+# covered-up red shape. But there's a single bright-red pixel that shines
+# through, which is unexpected and is responsible for the 255-255 difference
+# here. That's tracked in bug 1840747.
+fuzzy-if(!useDrawSnapshot&&!swgl,254-255,110-121) fuzzy-if(useDrawSnapshot,18-18,93-93) fuzzy-if(swgl,19-19,58-58) == 1841355-1.html about:blank
diff --git a/layout/reftests/bugs/repeatable-diagonal-gradient.png b/layout/reftests/bugs/repeatable-diagonal-gradient.png
new file mode 100644
index 0000000000..d114e100d3
Binary files /dev/null and b/layout/reftests/bugs/repeatable-diagonal-gradient.png differ
diff --git a/layout/reftests/bugs/solidblue.png b/layout/reftests/bugs/solidblue.png
new file mode 100644
index 0000000000..a64b6a4255
Binary files /dev/null and b/layout/reftests/bugs/solidblue.png differ
diff --git a/layout/reftests/bugs/solidblue2.png b/layout/reftests/bugs/solidblue2.png
new file mode 100644
index 0000000000..5da0137001
Binary files /dev/null and b/layout/reftests/bugs/solidblue2.png differ
diff --git a/layout/reftests/bugs/square-left-right-32x32.png b/layout/reftests/bugs/square-left-right-32x32.png
new file mode 100644
index 0000000000..d088179e88
Binary files /dev/null and b/layout/reftests/bugs/square-left-right-32x32.png differ
diff --git a/layout/reftests/bugs/square-outline-32x32.png b/layout/reftests/bugs/square-outline-32x32.png
new file mode 100644
index 0000000000..917163f409
Binary files /dev/null and b/layout/reftests/bugs/square-outline-32x32.png differ
diff --git a/layout/reftests/bugs/square-top-bottom-32x32.png b/layout/reftests/bugs/square-top-bottom-32x32.png
new file mode 100644
index 0000000000..3de5214edd
Binary files /dev/null and b/layout/reftests/bugs/square-top-bottom-32x32.png differ
diff --git a/layout/reftests/bugs/subdir/445004-ref-subframe.html b/layout/reftests/bugs/subdir/445004-ref-subframe.html
new file mode 100644
index 0000000000..7f6af3c6dd
--- /dev/null
+++ b/layout/reftests/bugs/subdir/445004-ref-subframe.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<body>
+  <iframe name="w" width="100" height="100" src="passinner.png"></iframe>
+  <iframe name="x" width="100" height="100" src="445004-ref-subsubframe.html"></iframe>
+  <iframe name="y" width="100" height="100" src="passinner.png"></iframe>
+  <iframe name="z" width="100" height="100" src="445004-ref-subsubframe.html"></iframe>
+  <img src="passinner.png">  
+</body>
diff --git a/layout/reftests/bugs/subdir/445004-ref-subsubframe.html b/layout/reftests/bugs/subdir/445004-ref-subsubframe.html
new file mode 100644
index 0000000000..21e8bed1bf
--- /dev/null
+++ b/layout/reftests/bugs/subdir/445004-ref-subsubframe.html
@@ -0,0 +1 @@
+<img src="passinner.png">
diff --git a/layout/reftests/bugs/subdir/445004-subframe.html b/layout/reftests/bugs/subdir/445004-subframe.html
new file mode 100644
index 0000000000..666cec9933
--- /dev/null
+++ b/layout/reftests/bugs/subdir/445004-subframe.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function $(str) { return document.getElementById(str); }
+      function hookLoad(str) {
+        $(str).onload = function() { window.parent.loadEnded(); };
+        window.parent.loadStarted();
+      }
+      window.onload = function() { 
+      hookLoad("w");
+        $("w").contentWindow.location.href = "passinner.png";
+        hookLoad("x");
+        var doc = $("x").contentDocument;
+        doc.write('<img src="passinner.png">');
+        doc.close();
+      };
+      function doIt() {
+        hookLoad("y");
+        $("y").contentWindow.location.href = "passouter.png";
+        hookLoad("z");
+        var doc = $("z").contentDocument;
+        doc.write('<img src="passouter.png">');
+        doc.close();
+      }
+    </script>
+  </head>
+  <body>
+    <iframe name="w" id="w" width="100" height="100"></iframe>
+    <iframe name="x" id="x" width="100" height="100"></iframe>
+    <iframe name="y" id="y" width="100" height="100"></iframe>
+    <iframe name="z" id="z" width="100" height="100"></iframe>
+    <img src="passinner.png">
+  </body>
+</html>
diff --git a/layout/reftests/bugs/subdir/passinner.png b/layout/reftests/bugs/subdir/passinner.png
new file mode 100644
index 0000000000..3b30b1de7c
Binary files /dev/null and b/layout/reftests/bugs/subdir/passinner.png differ
diff --git a/layout/reftests/bugs/subdir/passouter.png b/layout/reftests/bugs/subdir/passouter.png
new file mode 100644
index 0000000000..ce5c1d9738
Binary files /dev/null and b/layout/reftests/bugs/subdir/passouter.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-1.png b/layout/reftests/bugs/support/replaced-min-max-1.png
new file mode 100644
index 0000000000..d6946724d9
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-1.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-10.png b/layout/reftests/bugs/support/replaced-min-max-10.png
new file mode 100644
index 0000000000..bfdca3e6f3
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-10.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-11.png b/layout/reftests/bugs/support/replaced-min-max-11.png
new file mode 100644
index 0000000000..38ee90dda0
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-11.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-12.png b/layout/reftests/bugs/support/replaced-min-max-12.png
new file mode 100644
index 0000000000..87433d4d7b
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-12.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-13.png b/layout/reftests/bugs/support/replaced-min-max-13.png
new file mode 100644
index 0000000000..c07d66e788
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-13.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-14.png b/layout/reftests/bugs/support/replaced-min-max-14.png
new file mode 100644
index 0000000000..e89dbe9758
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-14.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-15.png b/layout/reftests/bugs/support/replaced-min-max-15.png
new file mode 100644
index 0000000000..717ea111b6
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-15.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-16.png b/layout/reftests/bugs/support/replaced-min-max-16.png
new file mode 100644
index 0000000000..0a49bbf1c3
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-16.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-17.png b/layout/reftests/bugs/support/replaced-min-max-17.png
new file mode 100644
index 0000000000..a2ee273d79
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-17.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-18.png b/layout/reftests/bugs/support/replaced-min-max-18.png
new file mode 100644
index 0000000000..d18f453417
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-18.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-19.png b/layout/reftests/bugs/support/replaced-min-max-19.png
new file mode 100644
index 0000000000..8900f36c41
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-19.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-2.png b/layout/reftests/bugs/support/replaced-min-max-2.png
new file mode 100644
index 0000000000..58338097fe
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-2.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-3.png b/layout/reftests/bugs/support/replaced-min-max-3.png
new file mode 100644
index 0000000000..e5e7d6e8a8
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-3.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-4.png b/layout/reftests/bugs/support/replaced-min-max-4.png
new file mode 100644
index 0000000000..c099ae4271
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-4.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-5.png b/layout/reftests/bugs/support/replaced-min-max-5.png
new file mode 100644
index 0000000000..9d9d8105ff
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-5.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-6.png b/layout/reftests/bugs/support/replaced-min-max-6.png
new file mode 100644
index 0000000000..781f894a5e
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-6.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-7.png b/layout/reftests/bugs/support/replaced-min-max-7.png
new file mode 100644
index 0000000000..3f91a11f8e
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-7.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-8.png b/layout/reftests/bugs/support/replaced-min-max-8.png
new file mode 100644
index 0000000000..69951ec257
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-8.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max-9.png b/layout/reftests/bugs/support/replaced-min-max-9.png
new file mode 100644
index 0000000000..3ac586daa5
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max-9.png differ
diff --git a/layout/reftests/bugs/support/replaced-min-max.png b/layout/reftests/bugs/support/replaced-min-max.png
new file mode 100644
index 0000000000..3ef233005a
Binary files /dev/null and b/layout/reftests/bugs/support/replaced-min-max.png differ
diff --git a/layout/reftests/canvas/1074733-1-ref.html b/layout/reftests/canvas/1074733-1-ref.html
new file mode 100644
index 0000000000..89b87374de
--- /dev/null
+++ b/layout/reftests/canvas/1074733-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script type="text/javascript">
+      function bodyonload() {
+        var canvas=document.getElementById('test');
+        var ctx = canvas.getContext("2d");
+        ctx.fillStyle = 'green';
+        ctx.fillRect(-1, 50, 151, 50); // left at -1
+        ctx.fillStyle = 'red';
+        ctx.rect(-1, 100, 151, 50); // left at -1
+        ctx.fill();
+        ctx.fillStyle = 'blue';
+        ctx.fillRect(0, 150, 150, 50); // left at 0
+      }
+    </script>
+  </head>
+  <body onload="bodyonload();">
+    <canvas id="test" width="200" height="200"></canvas>
+  </body>
+</html>
+
diff --git a/layout/reftests/canvas/1074733-1.html b/layout/reftests/canvas/1074733-1.html
new file mode 100644
index 0000000000..6a13bd1b9f
--- /dev/null
+++ b/layout/reftests/canvas/1074733-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script type="text/javascript">
+      function bodyonload() {
+        var canvas=document.getElementById('test');
+        var ctx = canvas.getContext("2d");
+        ctx.fillStyle = 'green';
+        ctx.fillRect(150, 50, -151, 50); // left at -1
+        ctx.fillStyle = 'red';
+        ctx.rect(150, 100, -151, 50); // left at -1
+        ctx.fill();
+        ctx.fillStyle = 'blue';
+        ctx.fillRect(150, 150, -150, 50); // left at 0
+      }
+    </script>
+  </head>
+  <body onload="bodyonload();">
+    <canvas id="test" width="200" height="200"></canvas>
+  </body>
+</html>
+
diff --git a/layout/reftests/canvas/1107096-invisibles-ref.html b/layout/reftests/canvas/1107096-invisibles-ref.html
new file mode 100644
index 0000000000..4c6698d282
--- /dev/null
+++ b/layout/reftests/canvas/1107096-invisibles-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<script>
+function draw() {
+	var c = document.getElementById('cc');
+	var g = c.getContext('2d');
+	g.fillStyle = 'red';
+	g.fillRect(0, 0, 200, 200);
+	g.font = '24px arial, sans-serif';
+	g.fillStyle = '#fff';
+	g.fillText('__', 10, 30);
+	g.fillText('__', 10, 60);
+	g.fillText('__', 10, 90);
+	g.fillText('__', 10, 120);
+}
+</script>
+</head>
+<body onload='draw()'>
+<canvas id='cc' width='200' height='200'></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/1107096-invisibles.html b/layout/reftests/canvas/1107096-invisibles.html
new file mode 100644
index 0000000000..78f3b98562
--- /dev/null
+++ b/layout/reftests/canvas/1107096-invisibles.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<script>
+function draw() {
+	var c = document.getElementById('cc');
+	var g = c.getContext('2d');
+	g.fillStyle = 'red';
+	g.fillRect(0, 0, 200, 200);
+	g.font = '24px arial, sans-serif';
+	g.fillStyle = '#fff';
+	g.fillText('_\u00AD_', 10, 30);	// soft hyphen
+	g.fillText('_\u200B_', 10, 60);	// ZWSP
+	g.fillText('_\u200C_', 10, 90);	// ZWNJ
+	g.fillText('_\u200D_', 10, 120);// ZWJ
+}
+</script>
+</head>
+<body onload='draw()'>
+<canvas id='cc' width='200' height='200'></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/1151821-1-ref.html b/layout/reftests/canvas/1151821-1-ref.html
new file mode 100644
index 0000000000..993fd790a3
--- /dev/null
+++ b/layout/reftests/canvas/1151821-1-ref.html
@@ -0,0 +1,20 @@
+<!docytpe html>
+<html>
+<head>
+<meta charset="UTF-8" />
+<script>
+window.onload=function(){
+
+var c=document.getElementById("myCanvas").getContext("2d");
+
+c.fillStyle="green";
+
+c.fillRect(0, 0,100,100);
+
+}
+</script>
+</head>
+<body>
+<canvas id="myCanvas" height=50 width=100></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/1151821-1.html b/layout/reftests/canvas/1151821-1.html
new file mode 100644
index 0000000000..f34cdadedf
--- /dev/null
+++ b/layout/reftests/canvas/1151821-1.html
@@ -0,0 +1,26 @@
+<!docytpe html>
+<html>
+<head>
+<meta charset="UTF-8" />
+<script>
+window.onload=function(){
+
+var c=document.getElementById("myCanvas").getContext("2d");
+
+c.fillStyle = "green";
+
+c.fillRect(0, 0,100,100);
+
+c.fillStyle = "red";
+c.globalCompositeOperation = "destination-over";
+c.rect(0, 0, 100, 100);
+c.clip();
+c.fillRect(0, 0, 100, 100);
+
+}
+</script>
+</head>
+<body>
+<canvas id="myCanvas" height=50 width=100></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/1201272-1-ref.html b/layout/reftests/canvas/1201272-1-ref.html
new file mode 100644
index 0000000000..75c992fc93
--- /dev/null
+++ b/layout/reftests/canvas/1201272-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<script>
+function draw() {
+var ctx = document.getElementById('c').getContext('2d');
+
+ctx.beginPath();
+ctx.arc(75, 75, 74, 0, 2 * Math.PI);
+ctx.closePath();
+ctx.fill();
+
+ctx.globalCompositeOperation = 'destination-out';
+ctx.beginPath();
+ctx.arc(75, 75, 40, 0, 2 * Math.PI);
+ctx.closePath();
+ctx.fill();
+
+ctx.globalCompositeOperation = 'source-over';
+ctx.lineWidth = 10;
+ctx.strokeStyle = 'green';
+ctx.beginPath();
+ctx.arc(75, 75, 40, 0, 2 * Math.PI);
+ctx.closePath();
+ctx.stroke();
+}
+</script>
+</head>
+<body onload='draw()' style='background: white;'>
+<canvas id='c' width='200' height='200'></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/1201272-1.html b/layout/reftests/canvas/1201272-1.html
new file mode 100644
index 0000000000..e9a7a28342
--- /dev/null
+++ b/layout/reftests/canvas/1201272-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<script>
+function draw() {
+var ctx = document.getElementById('c').getContext('2d');
+
+ctx.beginPath();
+ctx.arc(75, 75, 74, 0, 2 * Math.PI);
+ctx.closePath();
+ctx.fill();
+
+ctx.globalCompositeOperation = 'destination-out';
+ctx.shadowColor = 'rgba(0, 0, 0, 0.8)';
+ctx.shadowBlur = 3;
+ctx.beginPath();
+ctx.arc(75, 75, 40, 0, 2 * Math.PI);
+ctx.closePath();
+ctx.fill();
+ctx.shadowBlur = 0;
+
+ctx.globalCompositeOperation = 'source-over';
+ctx.lineWidth = 10;
+ctx.strokeStyle = 'green';
+ctx.beginPath();
+ctx.arc(75, 75, 40, 0, 2 * Math.PI);
+ctx.closePath();
+ctx.stroke();
+}
+</script>
+</head>
+<body onload='draw()' style='background: white;'>
+<canvas id='c' width='200' height='200'></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/1224976-1-ref.html b/layout/reftests/canvas/1224976-1-ref.html
new file mode 100644
index 0000000000..24b18fad30
--- /dev/null
+++ b/layout/reftests/canvas/1224976-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<div style="background:black; width:10px; height:10px"></div>
diff --git a/layout/reftests/canvas/1224976-1.html b/layout/reftests/canvas/1224976-1.html
new file mode 100644
index 0000000000..63badf019d
--- /dev/null
+++ b/layout/reftests/canvas/1224976-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<canvas id="c"></canvas>
+<script>
+var ctx = c.getContext('2d');
+ctx.scale(0,1);
+ctx.fillStyle = "black";
+ctx.fillRect(0, 0, 10, 10);
+ctx.setTransform(1, 0, 0, 1, 0, 0);
+ctx.fillRect(0, 0, 10, 10);
+</script>
diff --git a/layout/reftests/canvas/1238795-1-ref.html b/layout/reftests/canvas/1238795-1-ref.html
new file mode 100644
index 0000000000..b49a086407
--- /dev/null
+++ b/layout/reftests/canvas/1238795-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script>
+      function draw() {
+        var c = document.getElementById('c').getContext('2d');
+
+        c.fillStyle = 'red';
+        c.fillRect(0, 0, 200, 200);
+
+        c.fillStyle = 'lime';
+        c.fillRect(0, 0, 100, 100);
+      }
+    </script>
+  </head>
+  <body onload="draw();">
+    <canvas id='c' width='200' height='200'></canvas>
+  </body>
+</html>
diff --git a/layout/reftests/canvas/1238795-1.html b/layout/reftests/canvas/1238795-1.html
new file mode 100644
index 0000000000..8431d8e01b
--- /dev/null
+++ b/layout/reftests/canvas/1238795-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script>
+      function draw() {
+        var c = document.getElementById('c').getContext('2d');
+        var img = document.getElementById("img");
+
+        c.fillStyle = 'red';
+        c.fillRect(0, 0, 200, 200);
+
+        c.rect(0, 0, 100, 100);
+        c.clip();
+
+        c.drawImage(img, 0, 0, 200, 200);
+      }
+    </script>
+  </head>
+  <body onload="draw();">
+    <canvas id='c' width='200' height='200'></canvas>
+    <img id="img" src="image_green-16x16.png" style="display:none">
+  </body>
+</html>
diff --git a/layout/reftests/canvas/1303534-1-ref.html b/layout/reftests/canvas/1303534-1-ref.html
new file mode 100644
index 0000000000..d7ee6c7560
--- /dev/null
+++ b/layout/reftests/canvas/1303534-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script>
+      function draw() {
+        var c = document.getElementById('c').getContext('2d');
+
+        c.fillStyle = 'lime';
+        c.fillRect(0, 0, 200, 100);
+      }
+    </script>
+  </head>
+  <body onload="draw();">
+    <canvas id='c' width='200' height='100'></canvas>
+  </body>
+</html>
diff --git a/layout/reftests/canvas/1303534-1.html b/layout/reftests/canvas/1303534-1.html
new file mode 100644
index 0000000000..e937c6fcf2
--- /dev/null
+++ b/layout/reftests/canvas/1303534-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script>
+      function draw() {
+        var c = document.getElementById('c').getContext('2d');
+        var img = document.getElementById("img");
+
+        c.fillStyle = 'lime';
+        c.fillRect(0, 0, 200, 100);
+
+        c.rect(0, 0, 200, 100);
+        c.clip();
+        
+        c.globalCompositeOperation = "multiply";
+        c.fillStyle = 'rgb(255, 255, 255)';
+        c.fillRect(0, 0, 200, 100);
+      }
+    </script>
+  </head>
+  <body onload="draw();">
+    <canvas id='c' width='200' height='100'></canvas>
+  </body>
+</html>
diff --git a/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html b/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
new file mode 100644
index 0000000000..d9ed082d19
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.fillStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.fillText('globalAlpha = 1.0', 20, 40);
+
+    // for reference, use a fill color with alpha instead of global alpha
+    ctx.fillStyle = "rgba(255, 255, 255, 0.5)";
+    ctx.fillText('globalAlpha = 0.5', 20, 80);
+
+    ctx.fillStyle = "rgba(255, 255, 255, 0.2)";
+    ctx.fillText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/1304353-text-global-alpha-1.html b/layout/reftests/canvas/1304353-text-global-alpha-1.html
new file mode 100644
index 0000000000..bb38c01800
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.fillStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.fillText('globalAlpha = 1.0', 20, 40);
+
+    ctx.globalAlpha = 0.5;
+    ctx.fillText('globalAlpha = 0.5', 20, 80);
+
+    ctx.globalAlpha = 0.2;
+    ctx.fillText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/1304353-text-global-alpha-2-ref.html b/layout/reftests/canvas/1304353-text-global-alpha-2-ref.html
new file mode 100644
index 0000000000..66c4d80624
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-2-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.strokeStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.strokeText('globalAlpha = 1.0', 20, 40);
+
+    // for reference, use a stroke color with alpha instead of global alpha
+    ctx.strokeStyle = "rgba(255, 255, 255, 0.5)";
+    ctx.strokeText('globalAlpha = 0.5', 20, 80);
+
+    ctx.strokeStyle = "rgba(255, 255, 255, 0.2)";
+    ctx.strokeText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/1304353-text-global-alpha-2.html b/layout/reftests/canvas/1304353-text-global-alpha-2.html
new file mode 100644
index 0000000000..1957fda7cb
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.strokeStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.strokeText('globalAlpha = 1.0', 20, 40);
+
+    ctx.globalAlpha = 0.5;
+    ctx.strokeText('globalAlpha = 0.5', 20, 80);
+
+    ctx.globalAlpha = 0.2;
+    ctx.strokeText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/1304353-text-global-composite-op-1-ref.html b/layout/reftests/canvas/1304353-text-global-composite-op-1-ref.html
new file mode 100644
index 0000000000..0123c37064
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-composite-op-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function test() {
+  var c = document.getElementById("c");
+  var ctx = c.getContext("2d");
+  ctx.fillStyle = "green";
+  ctx.fillRect(0, 0, 300, 75);
+  ctx.font = "36px sans-serif";
+  ctx.fillStyle = "white";
+  ctx.fillText("HELLO", 50, 50);
+  ctx.fillStyle = "green";
+  ctx.fillText("WORLD", 50, 120);
+}
+</script>
+</head>
+<body onload="test()">
+<canvas id="c" width="300" height="150" style="-moz-osx-font-smoothing:grayscale"></canvas>
+</body>
+</html
diff --git a/layout/reftests/canvas/1304353-text-global-composite-op-1.html b/layout/reftests/canvas/1304353-text-global-composite-op-1.html
new file mode 100644
index 0000000000..cb7e00ae7a
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-composite-op-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function test() {
+  var c = document.getElementById("c");
+  var ctx = c.getContext("2d");
+  ctx.fillStyle = "green";
+  ctx.fillRect(0, 0, 300, 150);
+  ctx.fillStyle = "red";
+  ctx.font = "36px sans-serif";
+  ctx.globalCompositeOperation = "destination-out";
+  ctx.fillText("HELLO", 50, 50);
+  ctx.rect(0, 75, 300, 75);
+  ctx.clip();
+  ctx.globalCompositeOperation = "destination-atop";
+  ctx.fillText("WORLD", 50, 120);
+}
+</script>
+</head>
+<body onload="test()">
+<canvas id="c" width="300" height="150" style="-moz-osx-font-smoothing:grayscale"></canvas>
+</body>
+</html
diff --git a/layout/reftests/canvas/1347147-1-ref.html b/layout/reftests/canvas/1347147-1-ref.html
new file mode 100644
index 0000000000..ddce7ec578
--- /dev/null
+++ b/layout/reftests/canvas/1347147-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script>
+      function draw() {
+        var c = document.getElementById('c').getContext('2d');
+
+        c.fillStyle = 'lime';
+        c.fillRect(0, 0, 100, 50);
+
+        c.fillStyle = 'red';
+        c.fillRect(40, 0, 30, 50);
+
+        c.fillStyle = 'blue';
+        c.fillRect(70, 0, 30, 50);
+      }
+    </script>
+  </head>
+  <body onload="draw();">
+    <canvas id='c' width='100' height='50'></canvas>
+  </body>
+</html>
diff --git a/layout/reftests/canvas/1347147-1.html b/layout/reftests/canvas/1347147-1.html
new file mode 100644
index 0000000000..013edfd053
--- /dev/null
+++ b/layout/reftests/canvas/1347147-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <script>
+      function draw() {
+        var c = document.getElementById('c').getContext('2d');
+
+        c.fillStyle = 'lime';
+        c.fillRect(0, 0, 100, 50);
+
+        var imgdata = c.createImageData(60, 50);
+        for (var i = 0; i < imgdata.data.length; i += 4 * 60) {
+            for (var x = i; x < i + 4 * 30; x += 4) {
+                imgdata.data[x] = 255;
+                imgdata.data[x+3] = 255;
+            }
+            for (var x = i + 4 * 30; x < i + 4 * 60; x += 4) {
+                imgdata.data[x+2] = 255;
+                imgdata.data[x+3] = 255;
+            }
+        }
+
+        // Verify that putImageData is not affected by the current transform.
+        c.translate(20, 0);
+        c.putImageData(imgdata, 40, 0);
+      }
+    </script>
+  </head>
+  <body onload="draw();">
+    <canvas id='c' width='100' height='50'></canvas>
+  </body>
+</html>
diff --git a/layout/reftests/canvas/1353000-1-ref.html b/layout/reftests/canvas/1353000-1-ref.html
new file mode 100644
index 0000000000..e8b68f7cb8
--- /dev/null
+++ b/layout/reftests/canvas/1353000-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function draw(id, r, c) {
+  var txt = "TryToTaLLY-" + id + "__________" + r;
+  var ctx = document.getElementById(id).getContext('2d');
+  ctx.font = '15px Arial';
+  ctx.fillStyle = c;
+  if (r) {
+      ctx.save();
+      ctx.rotate(Math.PI / 4);
+      ctx.fillText(txt, 200, 0);
+      ctx.restore();
+  }
+  ctx.fillText(txt, 10, 20);
+}
+</script>
+<style>
+canvas { border: 1px solid silver; margin: 10px; }
+</style>
+</head>
+<body>
+<div style="float:left; transform: translate(300px, 150px) scale(3)">
+    <canvas id="c1" width="120" height="50"></canvas>
+</div>
+<script>
+draw("c1", false, "red");
+draw("c1", false, "green");
+</script>
+</body>
diff --git a/layout/reftests/canvas/1353000-1.html b/layout/reftests/canvas/1353000-1.html
new file mode 100644
index 0000000000..8202631ec3
--- /dev/null
+++ b/layout/reftests/canvas/1353000-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function draw(id, r, c) {
+  var txt = "TryToTaLLY-" + id + "__________" + r;
+  var ctx = document.getElementById(id).getContext('2d');
+  ctx.font = '15px Arial';
+  ctx.fillStyle = c;
+  if (r) {
+      ctx.save();
+      ctx.rotate(Math.PI / 4);
+      ctx.fillText(txt, 200, 0);
+      ctx.restore();
+  }
+  ctx.fillText(txt, 10, 20);
+}
+</script>
+<style>
+canvas { border: 1px solid silver; margin: 10px; }
+</style>
+</head>
+<body>
+<div style="float:left; transform: translate(300px, 150px) scale(3)">
+    <canvas id="c1" width="120" height="50"></canvas>
+</div>
+<script>
+draw("c1", true, "red");
+draw("c1", false, "green");
+</script>
+</body>
diff --git a/layout/reftests/canvas/1447035-1-ref.html b/layout/reftests/canvas/1447035-1-ref.html
new file mode 100644
index 0000000000..508804e240
--- /dev/null
+++ b/layout/reftests/canvas/1447035-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+<canvas id="whiteCanvas" width="200" height="100" style="background-color: white;"></canvas>
+<br>
+<canvas id="purpleCanvas" width="200" height="100" style="background-color: purple;"></canvas>
+</body>
+</html>
+
diff --git a/layout/reftests/canvas/1447035-1.html b/layout/reftests/canvas/1447035-1.html
new file mode 100644
index 0000000000..1b1b24bca4
--- /dev/null
+++ b/layout/reftests/canvas/1447035-1.html
@@ -0,0 +1,21 @@
+<html>
+<body onload="fillCanvas('white'); fillCanvas('purple');">
+<script>
+function fillCanvas(gradColor) {
+    var c = document.getElementById(gradColor + 'Canvas');
+    var ctx = c.getContext("2d");
+    // Create solid-color gradient, with all stops same color
+    var grd = ctx.createRadialGradient(75,50,5,90,60,100);
+    grd.addColorStop(0,gradColor);
+    grd.addColorStop(1,gradColor);
+    // Fill with gradient, but effectively a solid fill
+    ctx.fillStyle = grd;
+    ctx.fillRect(0,0,200,100);
+}
+</script>
+<canvas id="whiteCanvas" width="200" height="100"></canvas>
+<br>
+<canvas id="purpleCanvas" width="200" height="100"></canvas>
+</body>
+</html>
+
diff --git a/layout/reftests/canvas/1817455-1-ref.html b/layout/reftests/canvas/1817455-1-ref.html
new file mode 100644
index 0000000000..6955c99c12
--- /dev/null
+++ b/layout/reftests/canvas/1817455-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<canvas id="c" width="200" height="100"></canvas>
+<script>
+var canvas = document.getElementById('c');
+var ctx = canvas.getContext("2d");
+ctx.fillStyle = 'green';
+ctx.rect(-275, 0, 331, 12);
+ctx.fill();
+</script>
diff --git a/layout/reftests/canvas/1817455-1.html b/layout/reftests/canvas/1817455-1.html
new file mode 100644
index 0000000000..6c2208566a
--- /dev/null
+++ b/layout/reftests/canvas/1817455-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<canvas id="c" width="200" height="100"></canvas>
+<script>
+var canvas = document.getElementById('c');
+var ctx = canvas.getContext("2d");
+ctx.fillStyle = 'green';
+ctx.rect(-807188275, 0, 807188331, 12);
+ctx.fill();
+</script>
diff --git a/layout/reftests/canvas/1817873-1-ref.html b/layout/reftests/canvas/1817873-1-ref.html
new file mode 100644
index 0000000000..299c4857a3
--- /dev/null
+++ b/layout/reftests/canvas/1817873-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<canvas id="c" width="200" height="100"></canvas>
+<script>
+var canvas = document.getElementById('c');
+var ctx = canvas.getContext('2d');
+ctx.strokeStyle = 'green';
+ctx.lineWidth = '10';
+ctx.beginPath();
+ctx.moveTo(20, 20);
+ctx.lineTo(20, 30);
+ctx.closePath();
+ctx.stroke();
+</script>
diff --git a/layout/reftests/canvas/1817873-1.html b/layout/reftests/canvas/1817873-1.html
new file mode 100644
index 0000000000..61b0189183
--- /dev/null
+++ b/layout/reftests/canvas/1817873-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<canvas id="c" width="200" height="100"></canvas>
+<script>
+var canvas = document.getElementById('c');
+var ctx = canvas.getContext('2d');
+ctx.strokeStyle = 'green';
+ctx.lineWidth = '10';
+ctx.lineJoin = 'round';
+ctx.beginPath();
+ctx.moveTo(20, 20);
+ctx.lineTo(20, 30);
+ctx.closePath();
+ctx.stroke();
+</script>
diff --git a/layout/reftests/canvas/1846079-1-ref.html b/layout/reftests/canvas/1846079-1-ref.html
new file mode 100644
index 0000000000..ffe7b851a1
--- /dev/null
+++ b/layout/reftests/canvas/1846079-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="c" width="50" height="50"></canvas>
+</body>
+</html>
+
+
diff --git a/layout/reftests/canvas/1846079-1.html b/layout/reftests/canvas/1846079-1.html
new file mode 100644
index 0000000000..0df732c78f
--- /dev/null
+++ b/layout/reftests/canvas/1846079-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="c" width="50" height="50"></canvas>
+
+<script>
+const c = document.getElementById("c");
+const ctx = c.getContext("2d");
+
+ctx.translate(20, 20);
+
+ctx.beginPath();
+ctx.lineTo(0, 0);
+ctx.lineTo(0, 20);
+ctx.stroke();
+
+</script>
+
+</body>
+</html>
+
+
diff --git a/layout/reftests/canvas/1850284-1-ref.html b/layout/reftests/canvas/1850284-1-ref.html
new file mode 100644
index 0000000000..7fa47fa9f8
--- /dev/null
+++ b/layout/reftests/canvas/1850284-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="c" width="50" height="50"></canvas>
+<script>
+const c = document.getElementById("c");
+const ctx = c.getContext("2d");
+
+ctx.beginPath();
+ctx.moveTo(20, 20);
+ctx.lineTo(30, 20);
+ctx.stroke();
+
+</script>
+</body>
+<html>
diff --git a/layout/reftests/canvas/1850284-1.html b/layout/reftests/canvas/1850284-1.html
new file mode 100644
index 0000000000..b54dfb1cfb
--- /dev/null
+++ b/layout/reftests/canvas/1850284-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="c" width="50" height="50"></canvas>
+<script>
+const c = document.getElementById("c");
+const ctx = c.getContext("2d");
+
+ctx.beginPath();
+ctx.moveTo(20, 20);
+ctx.arc(20, 20, 10, 0, 0);
+ctx.stroke();
+
+</script>
+</body>
+<html>
diff --git a/layout/reftests/canvas/1850727-1-ref.html b/layout/reftests/canvas/1850727-1-ref.html
new file mode 100644
index 0000000000..53d04bb977
--- /dev/null
+++ b/layout/reftests/canvas/1850727-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="c" width="200" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/1850727-1.html b/layout/reftests/canvas/1850727-1.html
new file mode 100644
index 0000000000..683c87bc85
--- /dev/null
+++ b/layout/reftests/canvas/1850727-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="c" width="200" height="200"></canvas>
+
+<script>
+const c = document.getElementById("c");
+const ctx = c.getContext("2d");
+
+ctx.translate(20, 20);
+
+ctx.beginPath();
+ctx.arc(0, 0, 15, 0, 2 * Math.PI);
+ctx.clip();
+
+ctx.beginPath();
+ctx.arc(0, 0, 10, 0, 2 * Math.PI);
+ctx.lineWidth = 2;
+ctx.globalAlpha = 0.5;
+ctx.strokeStyle = '#00ff00';
+ctx.stroke();
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/672646-alpha-radial-gradient-ref.html b/layout/reftests/canvas/672646-alpha-radial-gradient-ref.html
new file mode 100644
index 0000000000..90dcdff63c
--- /dev/null
+++ b/layout/reftests/canvas/672646-alpha-radial-gradient-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<head>
+  <style>
+  body {
+    background-color: blue;
+  }
+  </style>
+
+<body>
+  <canvas id="mycanvas" width="200" height="200"></canvas>
+
+  <script type="text/javascript">
+  var cx = document.getElementById('mycanvas').getContext('2d');
+  cx.beginPath();
+  cx.arc(100, 100, 80, 0, Math.PI*2, true); 
+  cx.closePath();
+  cx.fillStyle = "white";
+  cx.fill();
+  </script>
diff --git a/layout/reftests/canvas/672646-alpha-radial-gradient.html b/layout/reftests/canvas/672646-alpha-radial-gradient.html
new file mode 100644
index 0000000000..4969a3250b
--- /dev/null
+++ b/layout/reftests/canvas/672646-alpha-radial-gradient.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<head>
+  <style>
+  body {
+    background-color: blue;
+  }
+  </style>
+
+<body>
+  <canvas id="mycanvas" width="200" height="200"></canvas>
+
+  <script type="text/javascript">
+  var cx = document.getElementById('mycanvas').getContext('2d');
+  var g = cx.createRadialGradient(100, 100, 50, 100, 100, 75);
+  g.addColorStop(0, 'rgba(100%, 100%, 0%, 0.5)');
+  g.addColorStop(1, 'rgba(100%, 100%, 0%, 0)');
+  cx.fillStyle = g;
+  cx.fillRect(0, 0, 200, 200);
+  cx.beginPath();
+  cx.arc(100, 100, 80, 0, Math.PI*2, true); 
+  cx.closePath();
+  cx.fillStyle = "white";
+  cx.fill();
+  </script>
diff --git a/layout/reftests/canvas/674003-alpha-radial-gradient-superlum-ref.html b/layout/reftests/canvas/674003-alpha-radial-gradient-superlum-ref.html
new file mode 100644
index 0000000000..f90e61da87
--- /dev/null
+++ b/layout/reftests/canvas/674003-alpha-radial-gradient-superlum-ref.html
@@ -0,0 +1,11 @@
+<body bgcolor="orange">
+    <canvas width="300" height="300" id="testcase-canvas-dest"></canvas>
+  <script>
+    const kTransparent = "rgba(0%, 100%, 100%, 0.5)";
+
+    cx2 = document.getElementById('testcase-canvas-dest').getContext('2d');
+    cx2.fillStyle = kTransparent;
+    cx2.fillRect(0,0,100,20);
+  </script>
+
+</window>
diff --git a/layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html b/layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
new file mode 100644
index 0000000000..7d2ba0aa32
--- /dev/null
+++ b/layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
@@ -0,0 +1,36 @@
+<body bgcolor="orange">
+    <canvas width="300" height="300" id="testcase-canvas" style="display:none"></canvas>
+    <canvas width="300" height="300" id="testcase-canvas-dest"></canvas>
+  <script>
+    const kShadow = "rgba(00%, 0%, 0%, 1)";
+    const kTransparent = "rgba(0%, 100%, 100%, 0.5)";
+
+    var cx, g;
+
+    cx = document.getElementById('testcase-canvas').getContext('2d');
+    
+    cx.fillStyle = kShadow;
+    cx.fillRect(100, 50, 150, 50);
+
+    g = cx.createLinearGradient(0, 50, 0, 0);
+    g.addColorStop(0, kShadow);
+    g.addColorStop(0.2, kTransparent);
+    g.addColorStop(1, kTransparent);
+    cx.fillStyle = g;
+    cx.fillRect(100, 0, 150, 50);
+
+    g = cx.createRadialGradient(100, 100, 50, 100, 100, 100);
+    g.addColorStop(0, kShadow);
+    g.addColorStop(0.2, kTransparent);
+    g.addColorStop(1, kTransparent);
+    cx.fillStyle = g;
+    cx.beginPath();
+    cx.arc(100, 100, 100, Math.PI * 0.5, Math.PI * 1.5);
+    cx.fill();
+    
+    cx2 = document.getElementById('testcase-canvas-dest').getContext('2d');
+    // draw a chunk of the gradients from above onto testcase-canvas-dest
+    cx2.drawImage(document.getElementById('testcase-canvas'),45,20, 100,20 ,0,0, 100,20);
+  </script>
+
+</window>
diff --git a/layout/reftests/canvas/693610-1-notref.html b/layout/reftests/canvas/693610-1-notref.html
new file mode 100644
index 0000000000..6f2642da1e
--- /dev/null
+++ b/layout/reftests/canvas/693610-1-notref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+<p><canvas width="500" height="200" id="c"></canvas></p>
+<script type="text/javascript">
+const t1 = '你好';
+const t2 = 'Hello';
+var c = document.getElementById('c').getContext('2d');
+c.font = 'serif';
+c.fontSize = '15';
+c.fillText(t1, 10, 100);
+c.fillText(t2, 10, 100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/693610-1.html b/layout/reftests/canvas/693610-1.html
new file mode 100644
index 0000000000..77745ae5f5
--- /dev/null
+++ b/layout/reftests/canvas/693610-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+<p><canvas width="500" height="200" id="c"></canvas></p>
+<script type="text/javascript">
+const t = '你好Hello';
+var c = document.getElementById('c').getContext('2d');
+c.font = 'serif';
+c.fontSize = '15';
+c.fillText(t, 10, 100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/726951-shadow-clips-ref.html b/layout/reftests/canvas/726951-shadow-clips-ref.html
new file mode 100644
index 0000000000..b7be1ec0c7
--- /dev/null
+++ b/layout/reftests/canvas/726951-shadow-clips-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<head>
+  
+<body>
+  <canvas id="mycanvas" width="200" height="200"></canvas>
+
+  <script type="text/javascript">
+  var cx = document.getElementById('mycanvas').getContext('2d');
+  cx.beginPath();
+  cx.rect(10, 10, 50, 50);
+  cx.clip();
+  cx.beginPath();
+  cx.rect(0, 0, 50, 50);
+  cx.shadowColor = "black";
+  cx.shadowOffsetX = 10;
+  cx.shadowOffsetY = 10;
+  cx.fill();
+  </script>
diff --git a/layout/reftests/canvas/726951-shadow-clips.html b/layout/reftests/canvas/726951-shadow-clips.html
new file mode 100644
index 0000000000..b14e0c307d
--- /dev/null
+++ b/layout/reftests/canvas/726951-shadow-clips.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<head>
+  
+<body>
+  <canvas id="mycanvas" width="200" height="600"></canvas>
+
+  <script type="text/javascript">
+  var cx = document.getElementById('mycanvas').getContext('2d');
+  cx.beginPath();
+  cx.rect(10, 10, 50, 50);
+  cx.clip();
+  cx.beginPath();
+  cx.rect(0, 0, 50, 50);
+  cx.shadowColor = "black";
+  cx.shadowOffsetX = 10;
+  cx.shadowOffsetY = 10;
+  cx.fill();
+  </script>
diff --git a/layout/reftests/canvas/749467-1-ref.html b/layout/reftests/canvas/749467-1-ref.html
new file mode 100644
index 0000000000..fe3aa32d67
--- /dev/null
+++ b/layout/reftests/canvas/749467-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+<p><canvas width="500" height="200" id="c"></canvas></p>
+<script type="text/javascript">
+
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  ctx.beginPath();
+
+  ctx.lineWidth = 20;
+  ctx.strokeStyle = 'rgb(0,0,0)';
+
+  ctx.moveTo(10, 30);
+  ctx.lineTo(50, 50);
+
+  ctx.stroke();
+
+  ctx.lineTo(80, 80);
+  ctx.stroke();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/749467-1.html b/layout/reftests/canvas/749467-1.html
new file mode 100644
index 0000000000..8b2bbaa2df
--- /dev/null
+++ b/layout/reftests/canvas/749467-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+<p><canvas width="500" height="200" id="c"></canvas></p>
+<script type="text/javascript">
+
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  ctx.beginPath();
+
+  ctx.lineWidth = 20;
+  ctx.strokeStyle = 'rgb(0,0,0)';
+
+  ctx.save();
+
+  ctx.moveTo(10, 30);
+  ctx.lineTo(50, 50);
+
+  ctx.stroke();
+  ctx.restore();
+
+  ctx.lineTo(80, 80);
+  ctx.stroke();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/784573-1-ref.html b/layout/reftests/canvas/784573-1-ref.html
new file mode 100644
index 0000000000..d0a0939cd3
--- /dev/null
+++ b/layout/reftests/canvas/784573-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+<p><canvas width="100" height="100" id="c"></canvas></p>
+<script type="text/javascript">
+var c = document.getElementById('c').getContext('2d');
+
+c.shadowColor = '#f00';
+c.shadowBlur = 4;
+c.lineWidth = 2;
+
+c.moveTo(80, 40);
+c.lineTo(50, 70);
+c.lineTo(20, 40);
+c.lineTo(50, 10);
+c.closePath();
+c.stroke();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/784573-1.html b/layout/reftests/canvas/784573-1.html
new file mode 100644
index 0000000000..cc2534ce84
--- /dev/null
+++ b/layout/reftests/canvas/784573-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    This tests that paths are stored in device space. This means that changing
+    the transform does not move the points already drawn.
+  -->
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+<p><canvas width="100" height="100" id="c"></canvas></p>
+<script type="text/javascript">
+var c = document.getElementById('c').getContext('2d');
+
+c.shadowColor = '#f00';
+c.shadowBlur = 4;
+c.lineWidth = 2;
+
+c.translate(50, 40);
+
+var d = 30;
+c.beginPath();
+c.moveTo(d, 0);
+for (var n = 0; n < 3; n++) {
+  c.rotate(3.14159 / 2);
+  c.lineTo(d, 0);
+}
+c.closePath();
+c.stroke();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/802658-1-ref.html b/layout/reftests/canvas/802658-1-ref.html
new file mode 100644
index 0000000000..c6330ce4d2
--- /dev/null
+++ b/layout/reftests/canvas/802658-1-ref.html
@@ -0,0 +1,25 @@
+<!docytpe html>
+<html>
+<head>
+<meta charset="UTF-8" />
+<script>
+window.onload=function(){
+
+var c=document.getElementById("myCanvas").getContext("2d");
+
+c.font="35px sans-serif";
+
+c.shadowBlur=60;
+c.shadowColor="blue";
+
+c.fillText("ABCDEFG",100,100);
+
+
+
+}
+</script>
+</head>
+<body>
+<canvas id="myCanvas" height=400 width=400 style="border:1px solid black"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/802658-1.html b/layout/reftests/canvas/802658-1.html
new file mode 100644
index 0000000000..20aeb9b554
--- /dev/null
+++ b/layout/reftests/canvas/802658-1.html
@@ -0,0 +1,26 @@
+<!docytpe html>
+<html>
+<head>
+<meta charset="UTF-8" />
+<script>
+window.onload=function(){
+
+var c=document.getElementById("myCanvas").getContext("2d");
+
+c.font="35px sans-serif";
+
+c.translate(100,100);
+c.shadowBlur=60;
+c.shadowColor="blue";
+
+c.fillText("ABCDEFG",0,0);
+
+
+
+}
+</script>
+</head>
+<body>
+<canvas id="myCanvas" height=400 width=400 style="border:1px solid black"></canvas>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/canvas/copy-clip-ref.html b/layout/reftests/canvas/copy-clip-ref.html
new file mode 100644
index 0000000000..c5cc14fac0
--- /dev/null
+++ b/layout/reftests/canvas/copy-clip-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="width: 100px; height:100px; background: red"></div>
+</body>
+
+</html>
diff --git a/layout/reftests/canvas/copy-clip.html b/layout/reftests/canvas/copy-clip.html
new file mode 100644
index 0000000000..aa2761c559
--- /dev/null
+++ b/layout/reftests/canvas/copy-clip.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<body>
+<script>
+function test() {
+	let canvas = document.createElement('canvas');
+	canvas.width = canvas.height = 200;
+	let ctx = canvas.getContext('2d');
+	ctx.globalCompositeOperation = 'copy';
+	ctx.translate(0, 0);
+	ctx.rect(0, 0, 100, 100);
+	ctx.clip();
+	ctx.fillStyle = '#f00';
+	ctx.resetTransform();
+	ctx.fillRect(0, 0, canvas.width, canvas.height);
+	return canvas;
+}
+
+document.body.appendChild(test(0));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/ctm-sanity.html b/layout/reftests/canvas/ctm-sanity.html
new file mode 100644
index 0000000000..c0ff466a33
--- /dev/null
+++ b/layout/reftests/canvas/ctm-sanity.html
@@ -0,0 +1,85 @@
+<html>
+<head>
+  <script type="text/javascript">
+function assert(cond, msg) {
+  if (!cond) {
+    throw msg;
+  }
+}
+
+assert.equal = function(m1, m2, msg) {
+  assert(
+    m1.is2D &&
+      m2.is2D &&
+      m1.a === m2.a &&
+      m1.b === m2.b &&
+      m1.c === m2.c &&
+      m1.d === m2.d &&
+      m1.e === m2.e &&
+      m1.f === m2.f,
+    msg
+  );
+};
+
+window.onload = function() {
+  var IM = new DOMMatrix([1, 0, 0, 1, 0, 0]);
+
+  try {
+    var ctx = document.getElementById("c1").getContext("2d");
+
+    assert.equal(ctx.getTransform(), IM, "Transform is identity by default");
+    assert.equal(
+      ctx.getTransform().invertSelf(),
+      IM,
+      "Inverse transform is identity by default"
+    );
+
+    var m = new DOMMatrix([1, 2, 3, 4, 5, 6]);
+    ctx.setTransform(m);
+    assert.equal(ctx.getTransform(), m, "Transform successfully set");
+
+    var badVals = [
+      ["string"],
+      [-1],
+      ["string", 1, 2, 3, 4, 5],
+      [{ obj: true }, 1, 2, 3, 4, 5],
+    ];
+    for (var i = 0; i < badVals.length; ++i) {
+      try {
+        ctx.setTransform(...badVals[i]);
+      } catch {}
+      assert.equal(
+        ctx.getTransform(),
+        m,
+        "Expected |setTransform(" + badVals[i] + ")| to not change transform"
+      );
+    }
+
+    ctx.setTransform(IM);
+    var noopVals = [
+      [Number.NaN, 1, 2, 3, 4, 5],
+      [Infinity, 1, 2, 3, 4, 5],
+    ];
+    for (var i = 0; i < noopVals.length; ++i) {
+      ctx.setTransform(...noopVals[i]);
+      assert.equal(
+        ctx.getTransform(),
+        IM,
+        "Illegal float values result in a no-op"
+      );
+    }
+
+    ctx.setTransform(m.a, m.b, m.c, m.d, m.e, m.f);
+    assert.equal(ctx.getTransform(), m, "setTransform() updates transform");
+  } catch (e) {
+    document.body.innerHTML = "FAIL: " + e.toString();
+    return;
+  }
+  document.body.innerHTML = "Pass";
+};
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/ctm-singular-sanity.html b/layout/reftests/canvas/ctm-singular-sanity.html
new file mode 100644
index 0000000000..48617d7628
--- /dev/null
+++ b/layout/reftests/canvas/ctm-singular-sanity.html
@@ -0,0 +1,60 @@
+<html>
+<head>
+  <script type="text/javascript">
+function assert(cond, msg) {
+  if (!cond) {
+    throw msg;
+  }
+}
+
+assert.equal = function(m1, m2, msg) {
+  assert(
+    m1.is2D &&
+      m2.is2D &&
+      m1.a === m2.a &&
+      m1.b === m2.b &&
+      m1.c === m2.c &&
+      m1.d === m2.d &&
+      m1.e === m2.e &&
+      m1.f === m2.f,
+    msg
+  );
+};
+
+window.onload = function() {
+  try {
+    var ctx = document.getElementById("c1").getContext("2d");
+
+    var singular = new DOMMatrix([0, 0, 0, 0, 0, 0]);
+    ctx.setTransform(singular);
+    assert.equal(
+      ctx.getTransform(),
+      singular,
+      "Expected setting transform to a singular matrix to work"
+    );
+    var inv = ctx.getTransform().invertSelf();
+    assert(
+      isNaN(inv.a) && isNaN(inv.b) && isNaN(inv.c) && isNaN(inv.d),
+      "Expected to get back matrix of NaN's from inverse transform"
+    );
+
+    var m = new DOMMatrix([1, 2, 3, 4, 5, 6]);
+    ctx.setTransform(m);
+    ctx.setTransform(singular.invertSelf());
+    assert.equal(
+      ctx.getTransform(),
+      m,
+      "Setting transform to an inverse singular matrix is a no-op"
+    );
+  } catch (e) {
+    document.body.innerHTML = "FAIL: " + e.toString();
+    return;
+  }
+  document.body.innerHTML = "Pass";
+};
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/dash-1-ref.svg b/layout/reftests/canvas/dash-1-ref.svg
new file mode 100644
index 0000000000..b1c3b967f9
--- /dev/null
+++ b/layout/reftests/canvas/dash-1-ref.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="300" height="300" viewBox="0 0 300 300" >
+  <style>
+    line { stroke: black; stroke-width: 5px; }
+  </style>
+
+  <line x1="50px" y1="50px" x2="250px" y2="50px"
+        style="stroke-dasharray: 5px, 10px">
+  </line>
+
+  <line x1="50px" y1="100px" x2="250px" y2="100px"
+        style="stroke-dasharray: 5px, 10px; stroke-dashoffset: 5px;">
+  </line>
+  <line x1="50px" y1="150px" x2="250px" y2="150px"
+        style="stroke-dasharray: 5px; stroke-dashoffset: 5px;">
+  </line>
+
+</svg>
diff --git a/layout/reftests/canvas/dash-1.html b/layout/reftests/canvas/dash-1.html
new file mode 100644
index 0000000000..28b228e938
--- /dev/null
+++ b/layout/reftests/canvas/dash-1.html
@@ -0,0 +1,34 @@
+<html>
+<head>
+  <script type="text/javascript">
+window.onload = function() {
+    var ctx = document.getElementById("c1").getContext("2d");
+
+    ctx.lineWidth = 5;
+
+    ctx.setLineDash([ 5, 10 ]);  // 5 on, 10 off
+    ctx.moveTo(50, 50);
+    ctx.lineTo(250, 50);
+    ctx.stroke();
+    ctx.beginPath();
+
+    ctx.lineDashOffset = 5;
+    ctx.moveTo(50, 100);
+    ctx.lineTo(250, 100);
+    ctx.stroke();
+    ctx.beginPath();
+
+    ctx.lineDashOffset = 5;
+    ctx.setLineDash([ 5 ]);  // 5 on, 5 off
+    ctx.moveTo(50, 150);
+    ctx.lineTo(250, 150);
+    ctx.stroke();
+    ctx.beginPath();
+
+}
+  </script>
+</head>
+<body style="padding: 0px; margin: 0px;">
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/dash-sanity.html b/layout/reftests/canvas/dash-sanity.html
new file mode 100644
index 0000000000..779fbdeeef
--- /dev/null
+++ b/layout/reftests/canvas/dash-sanity.html
@@ -0,0 +1,98 @@
+<html>
+<head>
+  <script type="text/javascript">
+function assert(cond, msg) { if (!cond) { throw msg; } }
+window.onload = function() {
+    try {
+        var ctx = document.getElementById("c1").getContext("2d");
+
+        assert(0 === ctx.getLineDash().length,
+               "Default dash is [ ] (none)");
+        assert(0 === ctx.lineDashOffset,
+               "Default dashOffset is 0 (none)");
+
+        ctx.setLineDash([ 2 ]);
+        assert(2 === ctx.getLineDash().length &&
+               2 === ctx.getLineDash()[0] &&
+               2 === ctx.getLineDash()[1],
+               "dash = [ 2 ] works");
+        ctx.setLineDash([ 2 ]);
+        ctx.setLineDash([ ]);
+        assert(0 === ctx.getLineDash().length,
+               "dash = [ ] works");
+        ctx.setLineDash([ 2 ]);
+        ctx.setLineDash([ 0, 0, 0 ]);
+        assert(6 === ctx.getLineDash().length,
+               0 === ctx.getLineDash()[0] &&
+               0 === ctx.getLineDash()[1] &&
+               0 === ctx.getLineDash()[2] &&
+               0 === ctx.getLineDash()[3] &&
+               0 === ctx.getLineDash()[4] &&
+               0 === ctx.getLineDash()[5],
+               "dash = [ 0, 0, 0 ] works");
+
+        ctx.setLineDash([ 2 ]);
+        assert(0 === ctx.lineDashOffset, "dashOffset is 0");
+        ctx.lineDashOffset = 1;
+        assert(1 === ctx.lineDashOffset, "Setting dashOffset succeeded");
+        ctx.setLineDash([ ]);
+        assert(1 === ctx.lineDashOffset, "Changing dash does not reset dashOffset");
+
+        // NB: might want to add a |.dash = number| special case,
+        // don't test that it fails here.  Might also want to add a
+        // |.dash = [0]| special case for resetting, so don't test
+        // that either.
+        var badVals = [ -1,
+                        null,
+                        undefined,
+                        "",
+                        "string",
+                        { obj: true },
+                        function() {}
+        ]
+        ctx.setLineDash([ 2 ]);
+        for (var i = 0; i < badVals.length; ++i) {
+            var error = false;
+            try { ctx.setLineDash(badVals[i]); }
+            catch(e) { error = true; }
+            assert(error &&
+                   2 === ctx.getLineDash().length &&
+                   2 === ctx.getLineDash()[0] &&
+                   2 === ctx.getLineDash()[1],
+                   "Expected setLineDash("+ badVals[i] +") to throw exception and not change dash");
+        }
+
+        var ignoredVals = [
+                        [ "array of string" ],
+                        [ -1 ],
+                        [ 2, "string" ],
+        ];
+        ctx.setLineDash([ 2 ]);
+        for (var i = 0; i < ignoredVals.length; ++i) {
+            ctx.setLineDash(ignoredVals[i]);
+            assert(2 === ctx.getLineDash().length &&
+                   2 === ctx.getLineDash()[0] &&
+                   2 === ctx.getLineDash()[1],
+                   "Expected |setLineDash(" + ignoredVals[i] + ") to not change dash");
+        }
+
+        ctx.setLineDash([ 2 ]);
+        ctx.save();
+        ctx.setLineDash([ 1, 1, 1, 1 ]);
+        ctx.restore();
+        assert(2 === ctx.getLineDash().length &&
+               2 === ctx.getLineDash()[0] &&
+               2 === ctx.getLineDash()[1],
+               "dash was saved then restored");
+    } catch (e) {
+        document.body.innerHTML = "FAIL: "+ e.toString();
+        return;
+    }
+    document.body.innerHTML = "Pass";
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/default-size-ref.html b/layout/reftests/canvas/default-size-ref.html
new file mode 100644
index 0000000000..641497401d
--- /dev/null
+++ b/layout/reftests/canvas/default-size-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas style="border: 1px solid black;" width="300" height="150">
+</canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/default-size.html b/layout/reftests/canvas/default-size.html
new file mode 100644
index 0000000000..32c14bdcca
--- /dev/null
+++ b/layout/reftests/canvas/default-size.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas style="border: 1px solid black;">
+</canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/empty-transaction-1-ref.html b/layout/reftests/canvas/empty-transaction-1-ref.html
new file mode 100644
index 0000000000..37eb544efb
--- /dev/null
+++ b/layout/reftests/canvas/empty-transaction-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:black; width:100px; height:100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/empty-transaction-1.html b/layout/reftests/canvas/empty-transaction-1.html
new file mode 100644
index 0000000000..34736b1d3b
--- /dev/null
+++ b/layout/reftests/canvas/empty-transaction-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<canvas style="display:block" id="c" width="100" height="100"></canvas>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+function doTest() {
+  document.documentElement.removeAttribute("class");
+  ctx.fillRect(0, 0, 100, 100);
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/evenodd-fill-1.html b/layout/reftests/canvas/evenodd-fill-1.html
new file mode 100644
index 0000000000..084ddbcb67
--- /dev/null
+++ b/layout/reftests/canvas/evenodd-fill-1.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <script type="text/javascript">
+window.onload = function() {
+    var ctx = document.getElementById("c1").getContext("2d");
+    ctx.rect(50, 50, 200, 200);
+    ctx.rect(100, 100, 100, 100);
+    ctx.fill("evenodd");
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/evenodd-fill-2.html b/layout/reftests/canvas/evenodd-fill-2.html
new file mode 100644
index 0000000000..ccbe0dabf2
--- /dev/null
+++ b/layout/reftests/canvas/evenodd-fill-2.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+  <script type="text/javascript">
+window.onload = function() {
+    var ctx = document.getElementById("c1").getContext("2d");
+    ctx.mozFillRule = "evenodd";
+    ctx.rect(50, 50, 200, 200);
+    ctx.rect(100, 100, 100, 100);
+    ctx.clip();
+
+    ctx.beginPath();
+    ctx.fillRect(0, 0, 300, 300);
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/evenodd-fill-3.html b/layout/reftests/canvas/evenodd-fill-3.html
new file mode 100644
index 0000000000..f07bb53c5b
--- /dev/null
+++ b/layout/reftests/canvas/evenodd-fill-3.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+  <script type="text/javascript">
+window.onload = function() {
+    var ctx = document.getElementById("c1").getContext("2d");
+
+    ctx.moveTo(50, 50);
+    ctx.lineTo(250, 50);
+    ctx.lineTo(250, 250);
+    ctx.lineTo(50, 250);
+    ctx.lineTo(50, 50);
+
+    ctx.moveTo(100, 100);
+    ctx.lineTo(100, 200);
+    ctx.lineTo(200, 200);
+    ctx.lineTo(200, 100);
+    ctx.lineTo(100, 100);
+
+    ctx.fill("evenodd");
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/evenodd-fill-ref.html b/layout/reftests/canvas/evenodd-fill-ref.html
new file mode 100644
index 0000000000..0a9a0f3f3e
--- /dev/null
+++ b/layout/reftests/canvas/evenodd-fill-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <script type="text/javascript">
+window.onload = function() {
+    var ctx = document.getElementById("c1").getContext("2d");
+    ctx.rect(50, 50, 200, 50);
+    ctx.rect(50, 50, 50, 200);
+    ctx.rect(250, 250, -200, -50);
+    ctx.rect(250, 250, -50, -200);
+    ctx.fill();
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/evenodd-fill-sanity.html b/layout/reftests/canvas/evenodd-fill-sanity.html
new file mode 100644
index 0000000000..863a79c148
--- /dev/null
+++ b/layout/reftests/canvas/evenodd-fill-sanity.html
@@ -0,0 +1,43 @@
+<html>
+<head>
+  <script type="text/javascript">
+function assert(cond, msg) { if (!cond) { throw msg; } }
+window.onload = function() {
+    try {
+        var ctx = document.getElementById("c1").getContext("2d");
+
+        assert("nonzero" == ctx.mozFillRule,
+               "Default fillRule is 'nonzero'");
+
+        ctx.mozFillRule = "evenodd";
+        assert("evenodd" == ctx.mozFillRule,
+               "fillRule understands 'evenodd'");
+        ctx.mozFillRule = "nonzero";
+
+        ctx.mozFillRule = "garbageLSKJDF 29879234";
+        assert("nonzero" == ctx.mozFillRule,
+               "Garbage fillRule string has no effect");
+
+        ctx.mozFillRule = "evenodd";
+        ctx.mozFillRule = "garbageLSKJDF 29879234";
+        assert("evenodd" == ctx.mozFillRule,
+               "Garbage fillRule string has no effect");
+        ctx.mozFillRule = "nonzero";
+
+        ctx.save();
+        ctx.mozFillRule = "evenodd";
+        ctx.restore();
+        assert("nonzero" == ctx.mozFillRule,
+               "fillRule was saved then restored");
+    } catch (e) {
+        document.body.innerHTML = "FAIL: "+ e.toString();
+        return;
+    }
+    document.body.innerHTML = "Pass";
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/image-rendering-auto.html b/layout/reftests/canvas/image-rendering-auto.html
new file mode 100644
index 0000000000..a46510ba0e
--- /dev/null
+++ b/layout/reftests/canvas/image-rendering-auto.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2" class="reftest-wait">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test image-rendering auto</title>
+    <style>
+      canvas { position:absolute;left:0px;top:0px; }
+    </style>
+    <script type="text/javascript">
+      document.addEventListener("MozReftestInvalidate", draw);
+
+      function draw() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+        ctx.fillStyle = "rgb(255,0,0)";
+        ctx.fillRect(25,25,100,100);
+        ctx.fillStyle = "rgb(0,255,0)";
+        ctx.fillRect(25,25,50,50);
+        document.documentElement.removeAttribute('class');
+      }
+    </script>
+  </head>
+
+  <body>
+    <canvas style="image-rendering: auto;" id="canvas" width="300" height="300"></canvas>
+  </body>
+
+</html>
diff --git a/layout/reftests/canvas/image-rendering-ref.html b/layout/reftests/canvas/image-rendering-ref.html
new file mode 100644
index 0000000000..d2b6f5b7de
--- /dev/null
+++ b/layout/reftests/canvas/image-rendering-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html>
+<head>
+  <title>reference image-rendering</title>
+  <style>
+    canvas { position:absolute;left:0px;top:0px; }
+  </style>
+  <script type="text/javascript">
+    function draw() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+        ctx.fillStyle = "rgb(255,0,0)";
+        ctx.fillRect(50,50,200,200);
+        ctx.fillStyle = "rgb(0,255,0)";
+        ctx.fillRect(50,50,100,100);
+    }
+  </script>
+</head>
+<body onload="draw();">
+  <canvas id="canvas" width="300" height="300"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/image-rendering-script.html b/layout/reftests/canvas/image-rendering-script.html
new file mode 100644
index 0000000000..2f6fc64085
--- /dev/null
+++ b/layout/reftests/canvas/image-rendering-script.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2" class="reftest-wait">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test image-rendering script change</title>
+    <style>
+      canvas { position:absolute;left:0px;top:0px; }
+    </style>
+    <script type="text/javascript">
+      document.addEventListener("MozReftestInvalidate", updateImageRendering);
+
+      function updateImageRendering() {
+        var canvas = document.getElementById("canvas");
+        canvas.style.imageRendering = '-moz-crisp-edges';
+        document.documentElement.removeAttribute('class');
+      }
+    </script>
+  </head>
+
+  <body>
+    <canvas style="image-rendering: auto;" id="canvas" width="300" height="300">
+    </canvas>
+
+    <script type="text/javascript">
+      var canvas = document.getElementById("canvas");
+      var ctx = canvas.getContext("2d");
+      ctx.fillStyle = "rgb(255,0,0)";
+      ctx.fillRect(25,25,100,100);
+      ctx.fillStyle = "rgb(0,255,0)";
+      ctx.fillRect(25,25,50,50);
+    </script>
+  </body>
+
+</html>
diff --git a/layout/reftests/canvas/image-rendering-test.html b/layout/reftests/canvas/image-rendering-test.html
new file mode 100644
index 0000000000..218d6d72f5
--- /dev/null
+++ b/layout/reftests/canvas/image-rendering-test.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2" class="reftest-wait">
+<head>
+  <title>test image-rendering</title>
+  <style>
+    canvas { position:absolute;left:0px;top:0px; }
+  </style>
+  <script type="text/javascript">
+    document.addEventListener("MozReftestInvalidate", draw);
+    
+    function draw() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+        ctx.fillStyle = "rgb(255,0,0)";
+        ctx.fillRect(25,25,100,100);
+        ctx.fillStyle = "rgb(0,255,0)";
+        ctx.fillRect(25,25,50,50);
+        document.documentElement.removeAttribute('class');
+    }
+  </script>
+</head>
+<body>
+  <canvas style="image-rendering: -moz-crisp-edges; " id="canvas" width="300" height="300"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/image-shadow-ref.html b/layout/reftests/canvas/image-shadow-ref.html
new file mode 100644
index 0000000000..c75f330852
--- /dev/null
+++ b/layout/reftests/canvas/image-shadow-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:lime; width:16px; height:16px;"></div>
+<div style="background:black; width:16px; height:10px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/image-shadow.html b/layout/reftests/canvas/image-shadow.html
new file mode 100644
index 0000000000..47fe121c4f
--- /dev/null
+++ b/layout/reftests/canvas/image-shadow.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<body onload="doTest()">
+<canvas id="c" width="200" height="200" style="display:block"></canvas>
+<img id="img" src="image_green-16x16.png" style="display:none">
+<script>
+var c = document.getElementById("c");
+var img = document.getElementById("img");
+var ctx = c.getContext("2d");
+ctx.shadowColor = "black";
+ctx.shadowOffsetX = 0;
+ctx.shadowOffsetY = 10;
+function doTest() {
+  ctx.drawImage(img, 0, 0);
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/image_green-16x16.png b/layout/reftests/canvas/image_green-16x16.png
new file mode 100644
index 0000000000..e19a3ffddd
Binary files /dev/null and b/layout/reftests/canvas/image_green-16x16.png differ
diff --git a/layout/reftests/canvas/large-canvas-ref.html b/layout/reftests/canvas/large-canvas-ref.html
new file mode 100644
index 0000000000..a04633a46c
--- /dev/null
+++ b/layout/reftests/canvas/large-canvas-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:lime; margin: 0px;">
+</body>
+</html>
diff --git a/layout/reftests/canvas/large-canvas.html b/layout/reftests/canvas/large-canvas.html
new file mode 100644
index 0000000000..c55c7442ce
--- /dev/null
+++ b/layout/reftests/canvas/large-canvas.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0px; overflow:hidden">
+<canvas style="display:block" id="c" width="1024" height="1024"></canvas>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(0, 0, 1024, 1024);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/linear-gradient-1-ref.html b/layout/reftests/canvas/linear-gradient-1-ref.html
new file mode 100644
index 0000000000..1e18b9d610
--- /dev/null
+++ b/layout/reftests/canvas/linear-gradient-1-ref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<div style="width:300px; height: 150px; background: #0000ff"></div>
+<div style="width:300px; height: 150px; background: #ff0000"></div>
diff --git a/layout/reftests/canvas/linear-gradient-1a.html b/layout/reftests/canvas/linear-gradient-1a.html
new file mode 100644
index 0000000000..817711cc34
--- /dev/null
+++ b/layout/reftests/canvas/linear-gradient-1a.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<body>
+<canvas id="canvas" width="300" height="300">
+<script>
+var ctx = document.getElementById('canvas').getContext('2d');
+
+var grad = ctx.createLinearGradient(0,150,0,450);
+grad.addColorStop(0, '#0000ff');
+grad.addColorStop(0, '#ff0000');
+
+ctx.fillStyle = grad;
+ctx.fillRect(0,0,300,300);
+</script>
+</body>
diff --git a/layout/reftests/canvas/linear-gradient-1b.html b/layout/reftests/canvas/linear-gradient-1b.html
new file mode 100644
index 0000000000..1e08ec7419
--- /dev/null
+++ b/layout/reftests/canvas/linear-gradient-1b.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<body>
+<canvas id="canvas" width="300" height="300">
+<script>
+var ctx = document.getElementById('canvas').getContext('2d');
+
+var grad = ctx.createLinearGradient(0,-150,0,150);
+grad.addColorStop(1, '#0000ff');
+grad.addColorStop(1, '#ff0000');
+
+ctx.fillStyle = grad;
+ctx.fillRect(0,0,300,300);
+</script>
+</body>
diff --git a/layout/reftests/canvas/nonzero-fill-1.html b/layout/reftests/canvas/nonzero-fill-1.html
new file mode 100644
index 0000000000..936d0ce29a
--- /dev/null
+++ b/layout/reftests/canvas/nonzero-fill-1.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <script type="text/javascript">
+window.onload = function() {
+    var ctx = document.getElementById("c1").getContext("2d");
+    ctx.rect(50, 50, 200, 200);
+    ctx.rect(100, 100, 100, 100);
+    ctx.fill();
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/nonzero-fill-2.html b/layout/reftests/canvas/nonzero-fill-2.html
new file mode 100644
index 0000000000..890716b81f
--- /dev/null
+++ b/layout/reftests/canvas/nonzero-fill-2.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+  <script type="text/javascript">
+window.onload = function() {
+    var ctx = document.getElementById("c1").getContext("2d");
+
+    ctx.moveTo(50, 50);
+    ctx.lineTo(250, 50);
+    ctx.lineTo(250, 250);
+    ctx.lineTo(50, 250);
+    ctx.lineTo(50, 50);
+
+    ctx.moveTo(100, 100);
+    ctx.lineTo(100, 200);
+    ctx.lineTo(200, 200);
+    ctx.lineTo(200, 100);
+    ctx.lineTo(100, 100);
+
+    ctx.fill();
+}
+  </script>
+</head>
+<body>
+  <div><canvas id="c1" width="300" height="300"></canvas></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/reftest.list b/layout/reftests/canvas/reftest.list
new file mode 100644
index 0000000000..a95705d633
--- /dev/null
+++ b/layout/reftests/canvas/reftest.list
@@ -0,0 +1,129 @@
+== default-size.html default-size-ref.html
+fuzzy-if(Android,0-8,0-1000) == size-1.html size-1-ref.html
+
+== empty-transaction-1.html empty-transaction-1-ref.html
+
+fails-if(useDrawSnapshot) == image-rendering-test.html image-rendering-ref.html
+fails-if(useDrawSnapshot) == image-rendering-script.html image-rendering-ref.html
+fails-if(useDrawSnapshot) != image-rendering-auto.html image-rendering-script.html
+
+== image-shadow.html image-shadow-ref.html
+
+asserts-if(cocoaWidget,0-2) == size-change-1.html size-change-1-ref.html
+
+random-if(cocoaWidget) == subpixel-1.html about:blank # see bug 1192616, re-enable once we're off the pandaboards
+
+!= text-ltr-left.html text-blank.html
+!= text-ltr-right.html text-blank.html
+!= text-rtl-left.html text-blank.html
+!= text-rtl-right.html text-blank.html
+
+== text-ltr-start.html text-ltr-left.html
+== text-ltr-end.html text-ltr-right.html
+!= text-ltr-left.html text-ltr-right.html
+== text-rtl-start.html text-rtl-right.html
+== text-rtl-end.html text-rtl-left.html
+!= text-rtl-left.html text-rtl-right.html
+
+== text-ltr-left.html text-rtl-left.html
+
+== text-ltr-alignment-test.html text-ltr-alignment-ref.html
+== text-rtl-alignment-test.html text-rtl-alignment-ref.html
+
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-256) == text-horzline-with-bottom.html text-horzline.html
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-256) fails-if(azureSkia&&OSX) == text-horzline-with-top.html text-horzline.html
+
+!= text-big-stroke.html text-blank.html
+!= text-big-stroke.html text-big-fill.html
+
+== text-context-state-test.html text-context-state-ref.html
+== text-font-inherit.html text-big-fill.html
+== text-space-replace-test.html text-space-replace-ref.html
+
+== text-no-frame-test.html text-no-frame-ref.html
+== text-no-frame-2-test.html text-not-in-doc-ref.html
+fuzzy-if(azureSkiaGL,0-10,0-400) == text-not-in-doc-test.html text-not-in-doc-ref.html
+
+== text-bidi-ltr-test.html text-bidi-ltr-ref.html
+!= text-bidi-ltr-test.html text-bidi-ltr-notref.html # for bug 698185
+== text-bidi-rtl-test.html text-bidi-rtl-ref.html
+
+!= text-font-lang.html text-font-lang-notref.html
+
+== text-measure.html text-measure-ref.html
+== text-small-caps-1.html text-small-caps-1-ref.html
+
+random-if(!d2d) != text-subpixel-1.html text-subpixel-1-ref.html
+
+== strokeText-path.html strokeText-path-ref.html
+
+# check that emoji character renders as something non-blank (for Apple Color Emoji font, bug 715798)
+## Currently fails most places due to partial backout of bug 808288, see bug 837461.
+## (Marking "random" rather than "fails" because it would pass for people
+## if they have an Emoji font installed when running the tests.)
+random != text-emoji.html text-emoji-notref.html
+
+== linear-gradient-1a.html linear-gradient-1-ref.html
+
+== linear-gradient-1b.html linear-gradient-1-ref.html
+
+== zero-dimensions.html zero-dimensions-ref.html
+
+!= evenodd-fill-1.html nonzero-fill-1.html
+== evenodd-fill-1.html evenodd-fill-ref.html
+
+== dash-sanity.html data:text/html,<body>Pass
+fuzzy(0-9,0-470) random-if(Android) == dash-1.html dash-1-ref.svg # Bug 668412 (really is android-specific, not IPC-specific)
+
+== ctm-sanity.html data:text/html,<body>Pass
+== ctm-singular-sanity.html data:text/html,<body>Pass
+
+== 672646-alpha-radial-gradient.html 672646-alpha-radial-gradient-ref.html
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-45) == 674003-alpha-radial-gradient-superlum.html 674003-alpha-radial-gradient-superlum-ref.html
+
+!= 693610-1.html 693610-1-notref.html # bug 693610: multiple glyph runs should not be overprinted
+
+== 726951-shadow-clips.html 726951-shadow-clips-ref.html
+
+== transformed-clip.html transformed-clip-ref.html
+fuzzy(0-1,0-20) == transformed-gradient.html transformed-gradient-ref.html
+== transformed-path.html transformed-path.html
+
+== 749467-1.html 749467-1-ref.html
+
+# You get a little bit of rounding fuzz on OSX from transforming the paths between user space and device space
+fuzzy(0-16,0-84) fuzzy-if(d2d&&/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-2,0-153) == 784573-1.html 784573-1-ref.html
+
+== 802658-1.html 802658-1-ref.html
+== 1074733-1.html 1074733-1-ref.html
+== 1107096-invisibles.html 1107096-invisibles-ref.html
+== 1151821-1.html 1151821-1-ref.html
+fuzzy(0-1,0-43) == 1201272-1.html 1201272-1-ref.html
+== 1224976-1.html 1224976-1-ref.html
+== 1238795-1.html 1238795-1-ref.html
+== 1303534-1.html 1303534-1-ref.html
+
+fuzzy-if(cocoaWidget,0-1,0-1410) == 1304353-text-global-alpha-1.html 1304353-text-global-alpha-1-ref.html
+fuzzy(0-1,0-1302) == 1304353-text-global-alpha-2.html 1304353-text-global-alpha-2-ref.html
+fuzzy-if(winWidget,0-94,0-1575) fuzzy-if(cocoaWidget,0-1,0-34) == 1304353-text-global-composite-op-1.html 1304353-text-global-composite-op-1-ref.html
+
+== text-indent-1a.html text-indent-1-ref.html
+== text-indent-1b.html text-indent-1-ref.html
+
+== 1347147-1.html 1347147-1-ref.html
+== 1353000-1.html 1353000-1-ref.html
+== 1447035-1.html 1447035-1-ref.html
+
+== large-canvas.html large-canvas-ref.html
+== copy-clip.html copy-clip-ref.html
+
+== 1817455-1.html 1817455-1-ref.html
+!= 1817873-1.html 1817873-1-ref.html
+
+!= 1846079-1.html 1846079-1-ref.html
+
+== 1850284-1.html 1850284-1-ref.html
+
+!= 1850727-1.html 1850727-1-ref.html
+
+== transformed-line-stroke.html transformed-line-stroke-ref.html
diff --git a/layout/reftests/canvas/size-1-ref.html b/layout/reftests/canvas/size-1-ref.html
new file mode 100644
index 0000000000..1212b88927
--- /dev/null
+++ b/layout/reftests/canvas/size-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:lime; width:100px; height:30000px;"></div>
+<script>
+window.scrollTo(0, 100000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/size-1.html b/layout/reftests/canvas/size-1.html
new file mode 100644
index 0000000000..afca44ea63
--- /dev/null
+++ b/layout/reftests/canvas/size-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas style="display:block" id="c" width="100" height="30000"></canvas>
+<script>
+var ctx = document.getElementById("c").getContext("2d");
+ctx.fillStyle = "lime";
+ctx.fillRect(0, 0, 100, 30000);
+window.scrollTo(0, 100000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/size-change-1-ref.html b/layout/reftests/canvas/size-change-1-ref.html
new file mode 100644
index 0000000000..31c5893feb
--- /dev/null
+++ b/layout/reftests/canvas/size-change-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="width:200px; height:200px; background:lime"></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/size-change-1.html b/layout/reftests/canvas/size-change-1.html
new file mode 100644
index 0000000000..afe22d856b
--- /dev/null
+++ b/layout/reftests/canvas/size-change-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body>
+<canvas width="100" height="100" id="c"></canvas>
+<script>
+var c = document.getElementById("c");
+var ctx = c.getContext("2d");
+ctx.fillStyle = "red";
+ctx.fillRect(0,0,100,100);
+
+function finishTest() {
+  c.width = 200;
+  c.height = 200;
+  ctx.fillStyle = "lime";
+  ctx.fillRect(0,0,200,200);
+
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", finishTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/strokeText-path-ref.html b/layout/reftests/canvas/strokeText-path-ref.html
new file mode 100644
index 0000000000..475e0d60a5
--- /dev/null
+++ b/layout/reftests/canvas/strokeText-path-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script type="text/javascript"><!--
+window.onload = function () {
+  var canvas = document.getElementById('testCanvas'),
+      context = canvas.getContext('2d');
+
+  // draw some text
+  context.font = 'bold 40px sans-serif';
+  context.strokeText("Hello world!", 10, 50);
+};
+      // --></script>
+  </head>
+  <body>
+    <p>You should see only see "Hello world!" below, without any additional 
+    line. JavaScript is required.</p>
+
+    <p><canvas id="testCanvas" width="400" height="300">You need Canvas 
+    support.</canvas></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/canvas/strokeText-path.html b/layout/reftests/canvas/strokeText-path.html
new file mode 100644
index 0000000000..c90ea70f80
--- /dev/null
+++ b/layout/reftests/canvas/strokeText-path.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script type="text/javascript"><!--
+window.onload = function () {
+  var canvas = document.getElementById('testCanvas'),
+      context = canvas.getContext('2d');
+
+  // draw a path
+  context.beginPath();
+  context.moveTo(10, 10);
+  context.lineTo(200, 10);
+  context.lineTo(200, 200);
+  context.stroke();
+  context.closePath();
+
+  context.clearRect(0, 0, canvas.width, canvas.height);
+
+  // draw some text
+  context.font = 'bold 40px sans-serif';
+  context.strokeText("Hello world!", 10, 50);
+};
+      // --></script>
+  </head>
+  <body>
+    <p>You should see only see "Hello world!" below, without any additional 
+    line. JavaScript is required.</p>
+
+    <p><canvas id="testCanvas" width="400" height="300">You need Canvas 
+    support.</canvas></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/canvas/subpixel-1.html b/layout/reftests/canvas/subpixel-1.html
new file mode 100644
index 0000000000..398912e471
--- /dev/null
+++ b/layout/reftests/canvas/subpixel-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="canvas"></canvas>
+<script>
+var c = canvas.getContext('2d');
+c.font = "8pt sans-serif";
+c.textAlign = "center";
+c.textBaseline = "middle";
+c.fillStyle = "white";
+c.fillText("Test Text", canvas.width / 2, canvas.height / 2);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-bidi-ltr-notref.html b/layout/reftests/canvas/text-bidi-ltr-notref.html
new file mode 100644
index 0000000000..075f83c631
--- /dev/null
+++ b/layout/reftests/canvas/text-bidi-ltr-notref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure bidi is resolved correctly</title>
+</head>
+<body>
+<canvas id="c" width="256" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  // Bug 698185 caused the RTL and trailing LTR runs to be lost
+  // var str = "hello\u05E9\u05DC\u05D5\u05DDgoodbye";
+  var str = "hello";
+
+  ctx.fillStyle = 'black';
+  ctx.font = '10px sans-serif';
+  ctx.fillText(str, 128, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-bidi-ltr-ref.html b/layout/reftests/canvas/text-bidi-ltr-ref.html
new file mode 100644
index 0000000000..524be1edd4
--- /dev/null
+++ b/layout/reftests/canvas/text-bidi-ltr-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure bidi is resolved correctly</title>
+</head>
+<body>
+<canvas id="c" width="256" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = "hello\u202D\u05DD\u05D5\u05DC\u05E9\u202Cgoodbye";
+
+  ctx.fillStyle = 'black';
+  ctx.font = '10px sans-serif';
+  ctx.fillText(str, 128, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-bidi-ltr-test.html b/layout/reftests/canvas/text-bidi-ltr-test.html
new file mode 100644
index 0000000000..9e263b9d0c
--- /dev/null
+++ b/layout/reftests/canvas/text-bidi-ltr-test.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure bidi is resolved correctly</title>
+</head>
+<body>
+<canvas id="c" width="256" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = "hello\u05E9\u05DC\u05D5\u05DDgoodbye";
+
+  ctx.fillStyle = 'black';
+  ctx.font = '10px sans-serif';
+  ctx.fillText(str, 128, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-bidi-rtl-ref.html b/layout/reftests/canvas/text-bidi-rtl-ref.html
new file mode 100644
index 0000000000..c264e7104e
--- /dev/null
+++ b/layout/reftests/canvas/text-bidi-rtl-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure bidi is resolved correctly</title>
+</head>
+<body>
+<canvas id="c" width="256" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = "goodbye\u202D\u05DD\u05D5\u05DC\u05E9\u202Chello";
+
+  ctx.fillStyle = 'black';
+  ctx.font = '10px sans-serif';
+  ctx.fillText(str, 128, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-bidi-rtl-test.html b/layout/reftests/canvas/text-bidi-rtl-test.html
new file mode 100644
index 0000000000..a444aca322
--- /dev/null
+++ b/layout/reftests/canvas/text-bidi-rtl-test.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure bidi is resolved correctly</title>
+</head>
+<body>
+<canvas id="c" width="256" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = "hello\u05E9\u05DC\u05D5\u05DDgoodbye";
+
+  ctx.fillStyle = 'black';
+  ctx.font = '10px sans-serif';
+  ctx.fillText(str, 128, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-big-fill.html b/layout/reftests/canvas/text-big-fill.html
new file mode 100644
index 0000000000..28755a273e
--- /dev/null
+++ b/layout/reftests/canvas/text-big-fill.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure fillText and strokeText look different</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.strokeStyle = 'black';
+  ctx.font = 'bold 64px sans-serif';
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.fillText(str, 0, 0);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-big-stroke.html b/layout/reftests/canvas/text-big-stroke.html
new file mode 100644
index 0000000000..74cca8480e
--- /dev/null
+++ b/layout/reftests/canvas/text-big-stroke.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure fillText and strokeText look different</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.strokeStyle = 'black';
+  ctx.font = 'bold 64px sans-serif';
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.strokeText(str, 0, 0);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-blank.html b/layout/reftests/canvas/text-blank.html
new file mode 100644
index 0000000000..2d2ad4087b
--- /dev/null
+++ b/layout/reftests/canvas/text-blank.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Blank Canvas</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-context-state-ref.html b/layout/reftests/canvas/text-context-state-ref.html
new file mode 100644
index 0000000000..c267fcf5f8
--- /dev/null
+++ b/layout/reftests/canvas/text-context-state-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>text to ensure text attributes are saved in the context state</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+  
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.font = '16px sans-serif';
+
+  ctx.fillText('yet another thing', 0, 0);
+
+  ctx.textAlign = 'right';
+  ctx.textBaseline = 'alphabetic';
+  ctx.font = '24px serif';
+
+  ctx.fillText('other thing', 128, 40);
+
+  ctx.textAlign = 'center';
+  ctx.textBaseline = 'bottom';
+  ctx.font = '10px sans-serif';
+
+  ctx.fillText('something', 80, 60);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-context-state-test.html b/layout/reftests/canvas/text-context-state-test.html
new file mode 100644
index 0000000000..71abf7ca67
--- /dev/null
+++ b/layout/reftests/canvas/text-context-state-test.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>text to ensure text attributes are saved in the context state</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+  
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.font = '16px sans-serif';
+
+  ctx.save();
+
+  ctx.textAlign = 'right';
+  ctx.textBaseline = 'alphabetic';
+  ctx.font = '24px serif';
+
+  ctx.save();
+
+  ctx.textAlign = 'center';
+  ctx.textBaseline = 'bottom';
+  ctx.font = '10px sans-serif';
+
+  ctx.fillText('something', 80, 60);
+
+  ctx.restore();
+
+  ctx.fillText('other thing', 128, 40);
+
+  ctx.restore();
+
+  ctx.fillText('yet another thing', 0, 0);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-emoji-notref.html b/layout/reftests/canvas/text-emoji-notref.html
new file mode 100644
index 0000000000..493bd1d269
--- /dev/null
+++ b/layout/reftests/canvas/text-emoji-notref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for Unicode emoji in canvas</title>
+<script type="text/javascript">
+function test(canvasID) {
+  var canvas = document.getElementById(canvasID);
+  var ctx = canvas.getContext('2d');
+  var str = 'Hello';
+  ctx.font = '2em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.fillText(str, 10, 10);
+};
+</script>
+</head>
+<body>
+
+<div lang="en" style="margin:20px; height:100px;">
+<canvas id="c1" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c1");
+</script>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-emoji.html b/layout/reftests/canvas/text-emoji.html
new file mode 100644
index 0000000000..21ce9a7086
--- /dev/null
+++ b/layout/reftests/canvas/text-emoji.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for Unicode emoji in canvas</title>
+<script type="text/javascript">
+function test(canvasID) {
+  var canvas = document.getElementById(canvasID);
+  var ctx = canvas.getContext('2d');
+  var str = 'Hello \uD83D\uDE0E'; // U+1F60E
+  ctx.font = '2em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.fillText(str, 10, 10);
+};
+</script>
+</head>
+<body>
+
+<div lang="en" style="margin:20px; height:100px;">
+<canvas id="c1" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c1");
+</script>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-font-inherit.html b/layout/reftests/canvas/text-font-inherit.html
new file mode 100644
index 0000000000..379b111f86
--- /dev/null
+++ b/layout/reftests/canvas/text-font-inherit.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure font inherits CSS values</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="font:32px sans-serif;"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.font = 'bold 2em sans-serif';
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.fillText(str, 0, 0);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-font-lang-notref.html b/layout/reftests/canvas/text-font-lang-notref.html
new file mode 100644
index 0000000000..64f5cb5192
--- /dev/null
+++ b/layout/reftests/canvas/text-font-lang-notref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for language-sensitive font prefs on canvas</title>
+<script type="text/javascript">
+function test(canvasID) {
+  var canvas = document.getElementById(canvasID);
+  var ctx = canvas.getContext('2d');
+
+  var str = 'Hello world! \u4F60\u597D\u5417\uFF1F';
+  ctx.font = '2em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.fillText(str, 10, 10);
+};
+</script>
+</head>
+<body>
+
+<div lang="en" style="margin:20px; height:100px;">
+<canvas id="c1" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c1");
+</script>
+</div>
+
+<div lang="en" style="margin:20px; height:100px;">
+<canvas id="c2" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c2");
+</script>
+</div>
+
+<div lang="en" style="margin:20px; height:100px;">
+<canvas id="c3" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c3");
+</script>
+</div>
+
+<div lang="en" style="margin:20px; height:100px;">
+<canvas id="c4" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c4");
+</script>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-font-lang.html b/layout/reftests/canvas/text-font-lang.html
new file mode 100644
index 0000000000..370f21aa86
--- /dev/null
+++ b/layout/reftests/canvas/text-font-lang.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for language-sensitive font prefs on canvas</title>
+<script type="text/javascript">
+function test(canvasID) {
+  var canvas = document.getElementById(canvasID);
+  var ctx = canvas.getContext('2d');
+
+  var str = 'Hello world! \u4F60\u597D\u5417\uFF1F';
+  ctx.font = '2em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'left';
+  ctx.textBaseline = 'top';
+  ctx.fillText(str, 10, 10);
+};
+</script>
+</head>
+<body>
+
+<!--
+  In the reference, all divs are tagged with lang="en".
+  The expectation is that at least some of them will resolve
+  "sans-serif" to different fonts according to language.
+-->
+
+<div lang="ar" style="margin:20px; height:100px;">
+<canvas id="c1" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c1");
+</script>
+</div>
+
+<div lang="ja" style="margin:20px; height:100px;">
+<canvas id="c2" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c2");
+</script>
+</div>
+
+<div lang="zh-TW" style="margin:20px; height:100px;">
+<canvas id="c3" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c3");
+</script>
+</div>
+
+<div lang="en" style="margin:20px; height:100px;">
+<canvas id="c4" width="400" height="50"></canvas>
+<script type="text/javascript">
+  test("c4");
+</script>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-horzline-with-bottom.html b/layout/reftests/canvas/text-horzline-with-bottom.html
new file mode 100644
index 0000000000..2d7a233634
--- /dev/null
+++ b/layout/reftests/canvas/text-horzline-with-bottom.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure bottom basline-anchored text doesn't intersect horz line</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  ctx.fillStyle = 'white';
+  ctx.fillRect(0, 0, canvas.width, canvas.height)
+
+  ctx.strokeStyle = 'black';
+  ctx.beginPath();
+  ctx.moveTo(0,32);
+  ctx.lineTo(128,32);
+  ctx.stroke();
+
+  ctx.font = '20px sans-serif';
+  ctx.textBaseline = 'bottom';
+  ctx.fillText('TEXT', 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-horzline-with-top.html b/layout/reftests/canvas/text-horzline-with-top.html
new file mode 100644
index 0000000000..d0aead2882
--- /dev/null
+++ b/layout/reftests/canvas/text-horzline-with-top.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure top basline-anchored text doesn't intersect horz line</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  ctx.fillStyle = 'white';
+  ctx.fillRect(0, 0, canvas.width, canvas.height)
+
+  ctx.strokeStyle = 'black';
+  ctx.beginPath();
+  ctx.moveTo(0,32);
+  ctx.lineTo(128,32);
+  ctx.stroke();
+
+  ctx.font = '30px sans-serif';
+  ctx.textBaseline = 'top';
+  ctx.fillText('TEXT', 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-horzline.html b/layout/reftests/canvas/text-horzline.html
new file mode 100644
index 0000000000..46c427f22b
--- /dev/null
+++ b/layout/reftests/canvas/text-horzline.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Horizontal Line</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  ctx.strokeStyle = 'black';
+  ctx.beginPath();
+  ctx.moveTo(0,32);
+  ctx.lineTo(128,32);
+  ctx.stroke();
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-indent-1-ref.html b/layout/reftests/canvas/text-indent-1-ref.html
new file mode 100644
index 0000000000..444d232187
--- /dev/null
+++ b/layout/reftests/canvas/text-indent-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<iframe sandbox
+        style="width: 400px"
+        srcdoc="<div style='text-indent: 50vw'>Text</div>"></iframe>
diff --git a/layout/reftests/canvas/text-indent-1a.html b/layout/reftests/canvas/text-indent-1a.html
new file mode 100644
index 0000000000..84c0c16c8f
--- /dev/null
+++ b/layout/reftests/canvas/text-indent-1a.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<iframe sandbox
+        style="width: 400px"
+        srcdoc="<canvas style='text-indent: 50vw; display: block'>Text</canvas>"></iframe>
diff --git a/layout/reftests/canvas/text-indent-1b.html b/layout/reftests/canvas/text-indent-1b.html
new file mode 100644
index 0000000000..79e34623f7
--- /dev/null
+++ b/layout/reftests/canvas/text-indent-1b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <iframe sandbox
+          style="width: 200px"
+          srcdoc="<canvas style='text-indent: 50vw; display: block'>Text</canvas>"></iframe>
+  <script>
+    onload = function() {
+      var i = document.querySelector("iframe");
+      window.w = i.offsetWidth;
+      i.style.width = "400px";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/canvas/text-ltr-alignment-ref.html b/layout/reftests/canvas/text-ltr-alignment-ref.html
new file mode 100644
index 0000000000..c6f634daed
--- /dev/null
+++ b/layout/reftests/canvas/text-ltr-alignment-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure left/right and start/end are offset by text width for ltr text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+
+  ctx.fillStyle = 'black';
+  ctx.font = '20px sans-serif';
+  ctx.textBaseline = 'top';
+  
+  var str = 'TEXT';
+  var wid = ctx.measureText(str).width;
+
+  ctx.textAlign = 'left';
+  ctx.fillText(str, 64, 0);
+  ctx.textAlign = 'start';
+  ctx.fillText(str, 64, 20);
+  ctx.textAlign = 'center';
+  ctx.fillText(str, 64, 40);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-ltr-alignment-test.html b/layout/reftests/canvas/text-ltr-alignment-test.html
new file mode 100644
index 0000000000..5a4200c8de
--- /dev/null
+++ b/layout/reftests/canvas/text-ltr-alignment-test.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure left/right and start/end are offset by text width for ltr text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+
+  ctx.fillStyle = 'black';
+  ctx.font = '20px sans-serif';
+  ctx.textBaseline = 'top';
+  
+  var str = 'TEXT';
+  var wid = ctx.measureText(str).width;
+
+  ctx.textAlign = 'right';
+  ctx.fillText(str, 64+wid, 0);
+  ctx.textAlign = 'end';
+  ctx.fillText(str, 64+wid, 20);
+  ctx.textAlign = 'left';
+  ctx.fillText(str, 64-wid/2, 40);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-ltr-end.html b/layout/reftests/canvas/text-ltr-end.html
new file mode 100644
index 0000000000..d0bb581523
--- /dev/null
+++ b/layout/reftests/canvas/text-ltr-end.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>end-aligned ltr text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'end';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-ltr-left.html b/layout/reftests/canvas/text-ltr-left.html
new file mode 100644
index 0000000000..43bb6f5b18
--- /dev/null
+++ b/layout/reftests/canvas/text-ltr-left.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>left-aligned ltr text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'left';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-ltr-right.html b/layout/reftests/canvas/text-ltr-right.html
new file mode 100644
index 0000000000..4b8426d1c7
--- /dev/null
+++ b/layout/reftests/canvas/text-ltr-right.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>right-aligned ltr text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'right';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-ltr-start.html b/layout/reftests/canvas/text-ltr-start.html
new file mode 100644
index 0000000000..ad36627824
--- /dev/null
+++ b/layout/reftests/canvas/text-ltr-start.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>start-aligned ltr text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'start';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-measure-ref.html b/layout/reftests/canvas/text-measure-ref.html
new file mode 100644
index 0000000000..ae72e4071b
--- /dev/null
+++ b/layout/reftests/canvas/text-measure-ref.html
@@ -0,0 +1,15 @@
+<html>
+<script>
+function load() {
+    var ctx = document.getElementById("canvas").getContext("2d");
+
+    ctx.font = "bold 12px sans-serif";
+    ctx.scale(4, 4);
+    var str = "HeHeHeHe";
+    ctx.fillText(str, 0, 15);
+}
+</script>
+<body onload="load();">
+<canvas id="canvas" width="400" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-measure.html b/layout/reftests/canvas/text-measure.html
new file mode 100644
index 0000000000..3fd08aefc1
--- /dev/null
+++ b/layout/reftests/canvas/text-measure.html
@@ -0,0 +1,19 @@
+<html>
+<script>
+function load() {
+    var ctx = document.getElementById("canvas").getContext("2d");
+
+    ctx.font = "bold 12px sans-serif";
+    ctx.scale(4, 4);
+    var str = "HeHeHeHe";
+    var x = 0;
+    for (var i = 0; i < str.length; ++i) {
+        ctx.fillText(str[i], x, 15);
+        x += ctx.measureText(str[i]).width;
+    }
+}
+</script>
+<body onload="load();">
+<canvas id="canvas" width="400" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-no-frame-2-test.html b/layout/reftests/canvas/text-no-frame-2-test.html
new file mode 100644
index 0000000000..8c38b96d16
--- /dev/null
+++ b/layout/reftests/canvas/text-no-frame-2-test.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure non-framed canvas inherits properties</title>
+</head>
+<body>
+<div style="font: 20px sans-serif;">
+<div style="display: none;">		
+<canvas id="c" width="512" height="256"></canvas>
+</div>
+<canvas id="d" width="512" height="256"></canvas>
+</div>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'BLEARGH!';
+  ctx.font = '1em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'center';
+  ctx.fillText(str, 256, 128);
+
+  var canvas2 = document.getElementById('d');
+  var ctx = canvas2.getContext('2d');
+
+  ctx.drawImage(canvas, 0, 0);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-no-frame-ref.html b/layout/reftests/canvas/text-no-frame-ref.html
new file mode 100644
index 0000000000..91f724aa2d
--- /dev/null
+++ b/layout/reftests/canvas/text-no-frame-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure non-framed canvas inherits properties</title>
+</head>
+<body>
+<div style="font: 40px sans-serif">
+<canvas id="c" width="512" height="256" style="direction: rtl;"></canvas>
+</div>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'BLEARGH!';
+  ctx.font = '1em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'center';
+  ctx.fillText(str, 256, 128);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-no-frame-test.html b/layout/reftests/canvas/text-no-frame-test.html
new file mode 100644
index 0000000000..6fff8166d8
--- /dev/null
+++ b/layout/reftests/canvas/text-no-frame-test.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure non-framed canvas inherits properties</title>
+</head>
+<body>
+<div style="font: 40px sans-serif; direction: rtl;">
+<canvas id="c" width="512" height="256" style="display: none;"></canvas>
+</div>
+<canvas id="d" width="512" height="256"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'BLEARGH!';
+  ctx.font = '1em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'center';
+  ctx.fillText(str, 256, 128);
+
+  var canvas2 = document.getElementById('d');
+  var ctx = canvas2.getContext('2d');
+
+  ctx.drawImage(canvas, 0, 0);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-not-in-doc-ref.html b/layout/reftests/canvas/text-not-in-doc-ref.html
new file mode 100644
index 0000000000..26330ac52a
--- /dev/null
+++ b/layout/reftests/canvas/text-not-in-doc-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure canvas not in doc gets default properties</title>
+</head>
+<body>
+<div style="font: 10px sans-serif; direction: ltr">
+<canvas id="c" width="512" height="256"></canvas>
+</div>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'BLEARGH!';
+  ctx.font = '2em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'center';
+  ctx.fillText(str, 256, 128);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-not-in-doc-test.html b/layout/reftests/canvas/text-not-in-doc-test.html
new file mode 100644
index 0000000000..3575e9233b
--- /dev/null
+++ b/layout/reftests/canvas/text-not-in-doc-test.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure canvas not in doc gets default properties</title>
+</head>
+<body>
+<canvas id="d" width="512" height="256"></canvas>
+<script type="text/javascript">
+  var canvas = document.createElement('canvas');
+  canvas.width = 512;
+  canvas.height = 526;
+  var ctx = canvas.getContext('2d');
+
+  var str = 'BLEARGH!';
+  ctx.font = '2em sans-serif';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'center';
+  ctx.fillText(str, 256, 128);
+
+  var canvas2 = document.getElementById('d');
+  var ctx = canvas2.getContext('2d');
+
+  ctx.drawImage(canvas, 0, 0);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-rtl-alignment-ref.html b/layout/reftests/canvas/text-rtl-alignment-ref.html
new file mode 100644
index 0000000000..649a2df006
--- /dev/null
+++ b/layout/reftests/canvas/text-rtl-alignment-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure left/right and start/end are offset by text width for rtl text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+
+  ctx.fillStyle = 'black';
+  ctx.font = '20px sans-serif';
+  ctx.textBaseline = 'top';
+  
+  var str = 'TEXT';
+  var wid = ctx.measureText(str).width;
+
+  ctx.textAlign = 'left';
+  ctx.fillText(str, 64, 0);
+  ctx.textAlign = 'start';
+  ctx.fillText(str, 64, 20);
+  ctx.textAlign = 'center';
+  ctx.fillText(str, 64, 40);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-rtl-alignment-test.html b/layout/reftests/canvas/text-rtl-alignment-test.html
new file mode 100644
index 0000000000..a5218519b9
--- /dev/null
+++ b/layout/reftests/canvas/text-rtl-alignment-test.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure left/right and start/end are offset by text width for rtl text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+
+  ctx.fillStyle = 'black';
+  ctx.font = '20px sans-serif';
+  ctx.textBaseline = 'top';
+  
+  var str = 'TEXT';
+  var wid = ctx.measureText(str).width;
+
+  ctx.textAlign = 'right';
+  ctx.fillText(str, 64+wid, 0);
+  ctx.textAlign = 'end';
+  ctx.fillText(str, 64-wid, 20);
+  ctx.textAlign = 'left';
+  ctx.fillText(str, 64-wid/2, 40);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-rtl-end.html b/layout/reftests/canvas/text-rtl-end.html
new file mode 100644
index 0000000000..0becdfcfbe
--- /dev/null
+++ b/layout/reftests/canvas/text-rtl-end.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>end-aligned rtl text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'end';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-rtl-left.html b/layout/reftests/canvas/text-rtl-left.html
new file mode 100644
index 0000000000..ce0f13f53c
--- /dev/null
+++ b/layout/reftests/canvas/text-rtl-left.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>left-aligned rtl text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'left';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-rtl-right.html b/layout/reftests/canvas/text-rtl-right.html
new file mode 100644
index 0000000000..007a3ee978
--- /dev/null
+++ b/layout/reftests/canvas/text-rtl-right.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>right-aligned rtl text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'right';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-rtl-start.html b/layout/reftests/canvas/text-rtl-start.html
new file mode 100644
index 0000000000..d8ff76c826
--- /dev/null
+++ b/layout/reftests/canvas/text-rtl-start.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>start-aligned rtl text</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:rtl"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'text';
+  ctx.fillStyle = 'black';
+  ctx.textAlign = 'start';
+  ctx.fillText(str, 64, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-small-caps-1-ref.html b/layout/reftests/canvas/text-small-caps-1-ref.html
new file mode 100644
index 0000000000..0d5b0793ed
--- /dev/null
+++ b/layout/reftests/canvas/text-small-caps-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+</style>
+</head>
+<body>
+<canvas id="canvas1" width="400" height="400"></canvas>
+<script type="text/javascript">
+var ctx = document.getElementById('canvas1').getContext('2d');
+ctx.font = "40px monospace";
+ctx.fillText("lowercase", 50, 50);
+ctx.font = "32px monospace";
+ctx.fillText("SMALLCAPS", 50, 100);
+ctx.font = "40px monospace";
+ctx.fillText("CAPITALS", 50, 150);
+</script>
+</body>
diff --git a/layout/reftests/canvas/text-small-caps-1.html b/layout/reftests/canvas/text-small-caps-1.html
new file mode 100644
index 0000000000..9312a4e867
--- /dev/null
+++ b/layout/reftests/canvas/text-small-caps-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+</style>
+</head>
+<body>
+<canvas id="canvas1" width="400" height="400"></canvas>
+<script type="text/javascript">
+var ctx = document.getElementById('canvas1').getContext('2d');
+ctx.font = "40px monospace";
+ctx.fillText("lowercase", 50, 50);
+ctx.font = "small-caps 40px monospace";
+ctx.fillText("smallcaps", 50, 100);
+ctx.font = "small-caps 40px monospace";
+ctx.fillText("CAPITALS", 50, 150);
+</script>
+</body>
diff --git a/layout/reftests/canvas/text-space-replace-ref.html b/layout/reftests/canvas/text-space-replace-ref.html
new file mode 100644
index 0000000000..851e239531
--- /dev/null
+++ b/layout/reftests/canvas/text-space-replace-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure whitespace characters are replaced with the space character</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'a b c d e f';
+  ctx.fillStyle = 'black';
+  ctx.font = '20px sans-serif';
+  ctx.fillText(str, 0, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-space-replace-test.html b/layout/reftests/canvas/text-space-replace-test.html
new file mode 100644
index 0000000000..c4345d0e6d
--- /dev/null
+++ b/layout/reftests/canvas/text-space-replace-test.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test to ensure whitespace characters are replaced with the space character</title>
+</head>
+<body>
+<canvas id="c" width="128" height="64" style="direction:ltr"></canvas>
+<script type="text/javascript">
+  var canvas = document.getElementById('c');
+  var ctx = canvas.getContext('2d');
+
+  var str = 'a\x09b\x0Ac\x0Bd\x0Ce\x0Df';
+  ctx.fillStyle = 'black';
+  ctx.font = '20px sans-serif';
+  ctx.fillText(str, 0, 32);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-subpixel-1-ref.html b/layout/reftests/canvas/text-subpixel-1-ref.html
new file mode 100644
index 0000000000..1dbfc8ab4d
--- /dev/null
+++ b/layout/reftests/canvas/text-subpixel-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white">
+<canvas id="c" width="500" height="500"></canvas>
+<script>
+var ctx = c.getContext('2d');
+ctx.fillStyle = "black";
+ctx.font = "50px sans-serif";
+ctx.fillText("Hello", 200, 200);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/text-subpixel-1.html b/layout/reftests/canvas/text-subpixel-1.html
new file mode 100644
index 0000000000..b93d5a0119
--- /dev/null
+++ b/layout/reftests/canvas/text-subpixel-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas moz-opaque id="c" width="500" height="500"></canvas>
+<script>
+var ctx = c.getContext('2d');
+ctx.fillStyle = "white";
+ctx.fillRect(0, 0, 500, 500);
+ctx.fillStyle = "black";
+ctx.font = "50px sans-serif";
+ctx.fillText("Hello", 200, 200);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/transformed-clip-ref.html b/layout/reftests/canvas/transformed-clip-ref.html
new file mode 100644
index 0000000000..c2efdfe101
--- /dev/null
+++ b/layout/reftests/canvas/transformed-clip-ref.html
@@ -0,0 +1,15 @@
+<html>
+<body>
+  <canvas width="500" height="500"></canvas>
+<script>
+  var canvas = document.getElementsByTagName('canvas')[0];
+  var ctx = canvas.getContext('2d');
+
+  ctx.fillStyle = "red";
+  ctx.beginPath();
+  ctx.rect(250, 250, 50, 50);
+  ctx.clip();
+  ctx.fillRect(0,0,500,500);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/transformed-clip.html b/layout/reftests/canvas/transformed-clip.html
new file mode 100644
index 0000000000..c466b47401
--- /dev/null
+++ b/layout/reftests/canvas/transformed-clip.html
@@ -0,0 +1,16 @@
+<html>
+<body>
+  <canvas width="500" height="500"></canvas>
+<script>
+  var canvas = document.getElementsByTagName('canvas')[0];
+  var ctx = canvas.getContext('2d');
+
+  ctx.translate(500, 500);
+  ctx.fillStyle = "red";
+  ctx.beginPath();
+  ctx.rect(-250, -250, 50, 50);
+  ctx.clip();
+  ctx.fillRect(-500,-500,500,500);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/transformed-gradient-ref.html b/layout/reftests/canvas/transformed-gradient-ref.html
new file mode 100644
index 0000000000..20e91c5566
--- /dev/null
+++ b/layout/reftests/canvas/transformed-gradient-ref.html
@@ -0,0 +1,17 @@
+<html>
+<body>
+  <canvas width="500" height="500"></canvas>
+<script>
+  var canvas = document.getElementsByTagName('canvas')[0];
+  var ctx = canvas.getContext('2d');
+
+  var lineargradient = ctx.createLinearGradient(000,000,500,500);
+  lineargradient.addColorStop(0,'red');
+  lineargradient.addColorStop(1,'black');
+  ctx.fillStyle = lineargradient;
+  ctx.beginPath();
+  ctx.rect(00, 00, 250, 250);
+  ctx.fill();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/transformed-gradient.html b/layout/reftests/canvas/transformed-gradient.html
new file mode 100644
index 0000000000..223cd2899b
--- /dev/null
+++ b/layout/reftests/canvas/transformed-gradient.html
@@ -0,0 +1,18 @@
+<html>
+<body>
+  <canvas width="500" height="500"></canvas>
+<script>
+  var canvas = document.getElementsByTagName('canvas')[0];
+  var ctx = canvas.getContext('2d');
+
+  ctx.translate(500, 500);
+  var lineargradient = ctx.createLinearGradient(-500,-500,0,0);
+  lineargradient.addColorStop(0,'red');
+  lineargradient.addColorStop(1,'black');
+  ctx.fillStyle = lineargradient;
+  ctx.beginPath();
+  ctx.rect(-500, -500, 250, 250);
+  ctx.fill();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/transformed-line-stroke-ref.html b/layout/reftests/canvas/transformed-line-stroke-ref.html
new file mode 100644
index 0000000000..f8860e6cce
--- /dev/null
+++ b/layout/reftests/canvas/transformed-line-stroke-ref.html
@@ -0,0 +1,15 @@
+<canvas id=c></canvas>
+<script>
+const canvas = document.getElementById("c");
+const ctx = canvas.getContext("2d");
+
+canvas.width = 600;
+canvas.height = 300;
+
+
+ctx.strokeStyle = "rgba(0, 0, 0, 1)";
+ctx.beginPath();
+ctx.moveTo(88, 137.5);
+ctx.lineTo(736, 137.5);
+ctx.stroke();
+</script>
diff --git a/layout/reftests/canvas/transformed-line-stroke.html b/layout/reftests/canvas/transformed-line-stroke.html
new file mode 100644
index 0000000000..75dcb4332e
--- /dev/null
+++ b/layout/reftests/canvas/transformed-line-stroke.html
@@ -0,0 +1,16 @@
+<canvas id=c></canvas>
+<script>
+const canvas = document.getElementById("c");
+const ctx = canvas.getContext("2d");
+
+canvas.width = 600;
+canvas.height = 300;
+
+ctx.translate(-5, 0);
+
+ctx.strokeStyle = "rgba(0, 0, 0, 1)";
+ctx.beginPath();
+ctx.moveTo(93, 137.5);
+ctx.lineTo(741, 137.5);
+ctx.stroke();
+</script>
diff --git a/layout/reftests/canvas/transformed-path-ref.html b/layout/reftests/canvas/transformed-path-ref.html
new file mode 100644
index 0000000000..69134f20fe
--- /dev/null
+++ b/layout/reftests/canvas/transformed-path-ref.html
@@ -0,0 +1,19 @@
+<html>
+<body>
+  <canvas width="500" height="500"></canvas>
+<script>
+  var canvas = document.getElementsByTagName('canvas')[0];
+  var ctx = canvas.getContext('2d');
+  ctx.scale(0.5, 0.5);
+
+  ctx.translate(41, 41.);
+  ctx.rect(0, 0, 100, 100);
+  ctx.moveTo(100,0);
+  ctx.quadraticCurveTo(200, 100, 300,0);
+  ctx.moveTo(300,0);
+  ctx.bezierCurveTo(400, 100, 500, -100, 600,0);
+
+  ctx.stroke();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/transformed-path.html b/layout/reftests/canvas/transformed-path.html
new file mode 100644
index 0000000000..8f6d4aed91
--- /dev/null
+++ b/layout/reftests/canvas/transformed-path.html
@@ -0,0 +1,21 @@
+<html>
+<body>
+  <canvas width="500" height="500"></canvas>
+<script>
+  var canvas = document.getElementsByTagName('canvas')[0];
+  var ctx = canvas.getContext('2d');
+  ctx.scale(0.5, 0.5);
+
+  ctx.translate(41, 41.);
+  ctx.rect(0, 0, 100, 100);
+  ctx.translate(100, 0);
+  ctx.moveTo(0,0);
+  ctx.quadraticCurveTo(100, 100, 200,0);
+  ctx.translate(200, 0);
+  ctx.moveTo(0,0);
+  ctx.bezierCurveTo(100, 100, 200, -100, 300,0);
+
+  ctx.stroke();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/zero-dimensions-ref.html b/layout/reftests/canvas/zero-dimensions-ref.html
new file mode 100644
index 0000000000..d1003d6f06
--- /dev/null
+++ b/layout/reftests/canvas/zero-dimensions-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Empty Canvas</title>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/canvas/zero-dimensions.html b/layout/reftests/canvas/zero-dimensions.html
new file mode 100644
index 0000000000..e4b83d94cd
--- /dev/null
+++ b/layout/reftests/canvas/zero-dimensions.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Empty Canvas</title>
+</head>
+<body>
+<canvas style="border-width: 2px solid black" width="0" height="0"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/color-scheme/color-scheme-basic-notref.html b/layout/reftests/color-scheme/color-scheme-basic-notref.html
new file mode 100644
index 0000000000..93d4c8e769
--- /dev/null
+++ b/layout/reftests/color-scheme/color-scheme-basic-notref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+  :root {
+    background-color: Window;
+    color: WindowText;
+  }
+</style>
+Some text
diff --git a/layout/reftests/color-scheme/color-scheme-basic.html b/layout/reftests/color-scheme/color-scheme-basic.html
new file mode 100644
index 0000000000..9dc0cae4e6
--- /dev/null
+++ b/layout/reftests/color-scheme/color-scheme-basic.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  :root {
+    color-scheme: dark;
+    background-color: Window;
+    color: WindowText;
+  }
+</style>
+Some text
diff --git a/layout/reftests/color-scheme/color-scheme-themed-button-notref.html b/layout/reftests/color-scheme/color-scheme-themed-button-notref.html
new file mode 100644
index 0000000000..ffa300c513
--- /dev/null
+++ b/layout/reftests/color-scheme/color-scheme-themed-button-notref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+  button { color: transparent; }
+</style>
+<button>ABC</button>
diff --git a/layout/reftests/color-scheme/color-scheme-themed-button.html b/layout/reftests/color-scheme/color-scheme-themed-button.html
new file mode 100644
index 0000000000..8d920e666f
--- /dev/null
+++ b/layout/reftests/color-scheme/color-scheme-themed-button.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+  button {
+    color-scheme: dark;
+    /* We want to test the theme background rendering, not the text color which
+       is set via CSS. */
+    color: transparent;
+  }
+</style>
+<button>ABC</button>
diff --git a/layout/reftests/color-scheme/prefers-color-scheme-dark.svg b/layout/reftests/color-scheme/prefers-color-scheme-dark.svg
new file mode 100644
index 0000000000..f65fce76ec
--- /dev/null
+++ b/layout/reftests/color-scheme/prefers-color-scheme-dark.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    :root { color: purple }
+  </style>
+  <rect fill="currentColor" width="32" height="32"/>
+</svg>
diff --git a/layout/reftests/color-scheme/prefers-color-scheme-light.svg b/layout/reftests/color-scheme/prefers-color-scheme-light.svg
new file mode 100644
index 0000000000..23ac2ad949
--- /dev/null
+++ b/layout/reftests/color-scheme/prefers-color-scheme-light.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    :root { color: blue }
+  </style>
+  <rect fill="currentColor" width="32" height="32"/>
+</svg>
diff --git a/layout/reftests/color-scheme/prefers-color-scheme-svg-image-ref.html b/layout/reftests/color-scheme/prefers-color-scheme-svg-image-ref.html
new file mode 100644
index 0000000000..6551eaffae
--- /dev/null
+++ b/layout/reftests/color-scheme/prefers-color-scheme-svg-image-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<div style="color-scheme: light">
+  <img src="prefers-color-scheme-light.svg">
+</div>
+<div style="color-scheme: dark">
+  <img src="prefers-color-scheme-dark.svg">
+</div>
diff --git a/layout/reftests/color-scheme/prefers-color-scheme-svg-image.html b/layout/reftests/color-scheme/prefers-color-scheme-svg-image.html
new file mode 100644
index 0000000000..73bb9fe06c
--- /dev/null
+++ b/layout/reftests/color-scheme/prefers-color-scheme-svg-image.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<div style="color-scheme: light">
+  <img src="prefers-color-scheme.svg">
+</div>
+<div style="color-scheme: dark">
+  <img src="prefers-color-scheme.svg">
+</div>
diff --git a/layout/reftests/color-scheme/prefers-color-scheme.svg b/layout/reftests/color-scheme/prefers-color-scheme.svg
new file mode 100644
index 0000000000..5523ff39fa
--- /dev/null
+++ b/layout/reftests/color-scheme/prefers-color-scheme.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    :root { color: blue }
+    @media (prefers-color-scheme: dark) {
+      :root { color: purple }
+    }
+  </style>
+  <rect fill="currentColor" width="32" height="32"/>
+</svg>
diff --git a/layout/reftests/color-scheme/reftest.list b/layout/reftests/color-scheme/reftest.list
new file mode 100644
index 0000000000..ef6d3802cc
--- /dev/null
+++ b/layout/reftests/color-scheme/reftest.list
@@ -0,0 +1,4 @@
+!= color-scheme-basic.html color-scheme-basic-notref.html
+!= color-scheme-themed-button.html color-scheme-themed-button-notref.html
+
+== chrome://reftest/content/color-scheme/prefers-color-scheme-svg-image.html chrome://reftest/content/color-scheme/prefers-color-scheme-svg-image-ref.html
diff --git a/layout/reftests/columns/ahem.css b/layout/reftests/columns/ahem.css
new file mode 100644
index 0000000000..884a41198b
--- /dev/null
+++ b/layout/reftests/columns/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(../fonts/Ahem.ttf);
+}
diff --git a/layout/reftests/columns/basic-1.html b/layout/reftests/columns/basic-1.html
new file mode 100644
index 0000000000..538c239654
--- /dev/null
+++ b/layout/reftests/columns/basic-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { column-count:2; column-gap:0; }
+  </style>
+</head>
+<body>
+  <div>
+    Hello<br>
+    Kitty
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/basic-ref.html b/layout/reftests/columns/basic-ref.html
new file mode 100644
index 0000000000..21f74a6cca
--- /dev/null
+++ b/layout/reftests/columns/basic-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  table { border-spacing:0 }
+  td { vertical-align: baseline; padding:0; }
+  </style>
+</head>
+<body>
+  <table border="0" width="100%">
+    <tr>
+      <td width="50%">Hello</td>
+      <td width="50%">Kitty</td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/columns/break-avoid-line-position-1-ref.html b/layout/reftests/columns/break-avoid-line-position-1-ref.html
new file mode 100644
index 0000000000..1f9315219c
--- /dev/null
+++ b/layout/reftests/columns/break-avoid-line-position-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<meta charset="UTF-8"/>
+<title>Wikipedia References Multicol Bug</title>
+
+<style>
+  html { overflow: hidden }
+  div { width: 15em; margin-right: 2em; float: left; }
+  p { margin: 0 }
+</style>
+
+<div>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222 abcdefghijkl3333333333</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222</p>
+</div>
+<div>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222 abcdefghijkl3333333333</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111</p>
+</div>
diff --git a/layout/reftests/columns/break-avoid-line-position-1.html b/layout/reftests/columns/break-avoid-line-position-1.html
new file mode 100644
index 0000000000..43af8d0121
--- /dev/null
+++ b/layout/reftests/columns/break-avoid-line-position-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<meta charset="UTF-8"/>
+<title>Wikipedia References Multicol Bug</title>
+
+<style>
+  html { overflow: hidden }
+  div { width: 32em; column-count: 2; column-gap: 2em; }
+  p { page-break-inside:avoid; margin: 0; }
+</style>
+
+<div>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222 abcdefghijkl3333333333</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222 abcdefghijkl3333333333</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111 abcdefghijkl2222222222</p>
+  <p>abcdefghijkl0000000000 abcdefghijkl1111111111</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-000.html b/layout/reftests/columns/column-balancing-000.html
new file mode 100644
index 0000000000..a5033bce22
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-000.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+</style>
+
+
+
+<div class="colset">
+  <p>one two three four five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-000.ref.html b/layout/reftests/columns/column-balancing-000.ref.html
new file mode 100644
index 0000000000..95234e8578
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-000.ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    display: table;
+    border-collapse: separate;
+    border-spacing: 0;
+    border: solid silver;
+    font: 16px/1 sans-serif;
+  }
+  p { width: 3em; display: table-cell;}
+</style>
+
+<div class="colset">
+<p>one two</p>
+<p>three four</p>
+<p>five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-001.html b/layout/reftests/columns/column-balancing-001.html
new file mode 100644
index 0000000000..7e2ab6f568
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-001.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+</style>
+
+
+
+<div class="colset">
+one two three four five
+</div>
diff --git a/layout/reftests/columns/column-balancing-002.html b/layout/reftests/columns/column-balancing-002.html
new file mode 100644
index 0000000000..1510bc56df
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-002.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+</style>
+
+
+
+<div class="colset">
+one two three four five six
+</div>
diff --git a/layout/reftests/columns/column-balancing-002.ref.html b/layout/reftests/columns/column-balancing-002.ref.html
new file mode 100644
index 0000000000..3699a469f4
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-002.ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    display: table;
+    border-collapse: separate;
+    border-spacing: 0;
+    border: solid silver;
+    font: 16px/1 sans-serif;
+  }
+  p { width: 3em; display: table-cell;}
+</style>
+
+<div class="colset">
+<p>one two</p>
+<p>three four</p>
+<p>five six</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-003.html b/layout/reftests/columns/column-balancing-003.html
new file mode 100644
index 0000000000..e61f2bfba2
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-003.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+</style>
+
+
+
+<div class="colset">
+<p>one</p>
+<p>two three</p>
+<p>four five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-004.html b/layout/reftests/columns/column-balancing-004.html
new file mode 100644
index 0000000000..d191940554
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-004.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; min-height: 2em; }
+</style>
+
+
+
+<div class="colset">
+<p>one</p>
+<p>two three</p>
+<p>four five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-004.ref.html b/layout/reftests/columns/column-balancing-004.ref.html
new file mode 100644
index 0000000000..5417da617f
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-004.ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    display: table;
+    border-collapse: separate;
+    border-spacing: 0;
+    border: solid silver;
+    font: 16px/1 sans-serif;
+  }
+  p { width: 3em; display: table-cell;}
+</style>
+
+<div class="colset">
+<p>one</p>
+<p>two three</p>
+<p>four five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-nested-000-ref.html b/layout/reftests/columns/column-balancing-nested-000-ref.html
new file mode 100644
index 0000000000..6dba85fdd4
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-nested-000-ref.html
@@ -0,0 +1,62 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>Testing nested balancing column sets</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
+<style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+  .colset {
+    column-count: 2;
+    column-gap: 1px;
+    column-rule: 1px solid black;
+    border: solid silver;
+    width:30ch;
+  }
+  p { margin: 0; }
+
+  /* balancing column sets deeper than level 2 should only use 1 column */
+  .colset .colset .colset,
+  .colset .colset .colset .colset {
+    column-count: 1;
+  }
+</style>
+</head>
+<body>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset">
+    <p>two two two two two</p>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset">
+    <p>two two two two two</p>
+    <div class="colset">
+      <p>three three three three three</p>
+    </div>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset">
+    <p>two two two two two</p>
+    <div class="colset">
+      <p>three three</p>
+      <div class="colset">
+        <p>four four four four four</p>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/columns/column-balancing-nested-000.html b/layout/reftests/columns/column-balancing-nested-000.html
new file mode 100644
index 0000000000..66a9559309
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-nested-000.html
@@ -0,0 +1,56 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>Testing nested balancing column sets</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
+<style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+  .colset {
+    column-count: 2;
+    column-gap: 1px;
+    column-rule: 1px solid black;
+    border: solid silver;
+    width:30ch;
+  }
+  p { margin: 0; }
+</style>
+</head>
+<body>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset">
+    <p>two two two two two</p>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset">
+    <p>two two two two two</p>
+    <div class="colset">
+      <p>three three three three three</p>
+    </div>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset">
+    <p>two two two two two</p>
+    <div class="colset">
+      <p>three three</p>
+      <div class="colset">
+        <p>four four four four four</p>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/columns/column-balancing-nested-001-ref.html b/layout/reftests/columns/column-balancing-nested-001-ref.html
new file mode 100644
index 0000000000..21d4aef395
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-nested-001-ref.html
@@ -0,0 +1,65 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>Testing nested balancing column sets</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
+<style type="text/css">
+        html,body {
+            color:black; background-color:white; font-family:monospace; font-size:16px; padding:0; margin:0;
+        }
+
+  .colset {
+    column-count: 2;
+    column-gap: 0px;
+    column-rule: 1px solid black;
+    width:30ch;
+  }
+  .colset.lvl2 {
+    column-rule: 1px solid blue;
+  }
+  .colset.lvl3 {
+    column-rule: 1px solid red;
+  }
+  p { margin: 0; }
+  .non-balancing {
+    column-count: 1;
+  }
+  .fixed-height.lvl2 {
+    column-count: 2;
+  }
+  .fixed-height {
+    column-count: 1;
+    height:3em;
+  }
+</style>
+</head>
+<body>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset non-balancing lvl2">
+    <p>two two two two<br>two</p>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one one one one one<br>one</p>
+  <div class="colset fixed-height lvl2">
+    <p>two two two two two</p>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one<br>one</p>
+  <div class="colset lvl2">
+    <p>two</p>
+    <div class="colset fixed-height lvl3">
+      <p>three three three three three three</p>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/columns/column-balancing-nested-001.html b/layout/reftests/columns/column-balancing-nested-001.html
new file mode 100644
index 0000000000..597d9821cf
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-nested-001.html
@@ -0,0 +1,61 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>Testing nested balancing column sets</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
+<style type="text/css">
+        html,body {
+            color:black; background-color:white; font-family:monospace; font-size:16px; padding:0; margin:0;
+        }
+
+  .colset {
+    column-count: 2;
+    column-gap: 0px;
+    column-rule: 1px solid black;
+    width:30ch;
+  }
+  .colset.lvl2 {
+    column-rule: 1px solid blue;
+  }
+  .colset.lvl3 {
+    column-rule: 1px solid red;
+  }
+  p { margin: 0; }
+  .non-balancing {
+    column-fill: auto;
+  }
+  .fixed-height {
+    height:3em;
+  }
+</style>
+</head>
+<body>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset non-balancing lvl2">
+    <p>two two two two two</p>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one one one one one<br>one</p>
+  <div class="colset fixed-height lvl2">
+    <p>two two two two two</p>
+  </div>
+</div>
+<br>
+<div class="colset">
+  <p>one<br>one</p>
+  <div class="colset lvl2">
+    <p>two</p>
+    <div class="colset fixed-height lvl3">
+      <p>three three three three three three</p>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/columns/column-balancing-overflow-000.html b/layout/reftests/columns/column-balancing-overflow-000.html
new file mode 100644
index 0000000000..afe6f36863
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-000.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+  .short { height: 5px; }
+</style>
+
+
+
+<div class="colset">
+  <div class="short"><p>one two three four five</p></div>
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-000.ref.html b/layout/reftests/columns/column-balancing-overflow-000.ref.html
new file mode 100644
index 0000000000..a5033bce22
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-000.ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+</style>
+
+
+
+<div class="colset">
+  <p>one two three four five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-001.html b/layout/reftests/columns/column-balancing-overflow-001.html
new file mode 100644
index 0000000000..fd3898a8ea
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-001.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+  .short { height: 5px; }
+</style>
+
+
+
+<div class="colset">
+  <p class="short">one two three four five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-002.html b/layout/reftests/columns/column-balancing-overflow-002.html
new file mode 100644
index 0000000000..18e90cc659
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-002.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; }
+  .short { height: 5px; }
+  .table { display: table; }
+</style>
+
+
+
+<div class="colset">
+  <div class="table">
+    <div class="short">
+      <p>one two three four five</p>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-002.ref.html b/layout/reftests/columns/column-balancing-overflow-002.ref.html
new file mode 100644
index 0000000000..66aa4ccfb4
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-002.ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    border: solid silver;
+    width: 9em;
+    font: 16px/1 sans-serif;
+  }
+  p { margin: 0; width: 3em;}
+</style>
+
+
+
+<div class="colset">
+  <p>one two three four five</p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-003.html b/layout/reftests/columns/column-balancing-overflow-003.html
new file mode 100644
index 0000000000..fd21051fe2
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-003.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+  }
+  .short { height: 5px; }
+  img { display: block;
+        width: 3em;
+        height: 3em;}
+</style>
+
+
+
+<div class="colset">
+  <div class="short"><img src=""></div>
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-003.ref.html b/layout/reftests/columns/column-balancing-overflow-003.ref.html
new file mode 100644
index 0000000000..fdcb3ffd1d
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-003.ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    column-count: 3;
+    column-gap: 0;
+    border: solid silver;
+    width: 9em;
+  }
+  img { display: block;
+        width: 3em;
+        height: 3em;}
+</style>
+
+
+
+<div class="colset">
+  <img src="">
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-004.html b/layout/reftests/columns/column-balancing-overflow-004.html
new file mode 100644
index 0000000000..9c09f3023c
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-004.html
@@ -0,0 +1,43 @@
+<html class="reftest-wait">
+<head><style>
+/* Sets of heights that trigger crash:
+    100px/50px/51+px
+    100px/30px/74+px
+   Get only an assert unless you set ".d { position: absolute; }".
+   
+   Trigger hang (separate issue, absolute not needed):
+    10px/10px/9999px
+    10px/10px/999999px --> "bad height" notreached
+*/
+/* Note: The column-gap and the backgrounds 
+   are just added here for easier visualization */
+#colset { width: 200px;
+          padding: 2px;
+          column-count: 3;
+          column-gap: 2px; }
+#a      { height: 100px;   background: lightblue;}
+#b      { height:  50px;   background: lightgreen;}
+#c      { height:  51px;   background: orange;}
+
+</style>
+<script>
+  function boom() {
+    document.getElementById('colset').offsetHeight;
+    document.getElementById('a').style.height = 'auto';
+    document.documentElement.className = ''
+  }
+</script>
+</head>
+<!-- Removing whitespace in body for simpler frame trees -->
+<body onload="boom()"
+ ><div id="colset"
+   ><div
+     ><div id="a"></div
+     ><div id="b"
+       ><div id="c"></div
+       ><div id="d"></div
+     ></div
+   ></div
+ ></div
+></body>
+</html>
diff --git a/layout/reftests/columns/column-balancing-overflow-004.ref.html b/layout/reftests/columns/column-balancing-overflow-004.ref.html
new file mode 100644
index 0000000000..70c3cf9b4d
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-004.ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    display: table;
+    border-collapse: separate;
+    border-spacing: 2px;
+    width: 204px;
+  }
+  p { background: orange; display: table-cell; height: 17px}
+</style>
+
+<div class="colset">
+<p></p>
+<p></p>
+<p></p>
+</div>
diff --git a/layout/reftests/columns/column-balancing-overflow-005.html b/layout/reftests/columns/column-balancing-overflow-005.html
new file mode 100644
index 0000000000..6b6a531660
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-005.html
@@ -0,0 +1,13 @@
+<html><head>
+<style>
+#colset { width: 200px;
+          column-count: 3;
+          column-gap: 4px;
+          padding: 4px;
+	  outline: 1px orange solid; }
+#b      { height: 10px;
+          outline: 1px green dotted;}
+#c      { height: 12px; /* Create overflow for #b */
+          background: yellow;}
+</style></head><body><div id="colset"><div id="b"><div id="c"></div></div></div>
+</body></html>
diff --git a/layout/reftests/columns/column-balancing-overflow-005.ref.html b/layout/reftests/columns/column-balancing-overflow-005.ref.html
new file mode 100644
index 0000000000..e63d391f62
--- /dev/null
+++ b/layout/reftests/columns/column-balancing-overflow-005.ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>Balancing Overflow</title>
+
+<style type="text/css">
+  .colset {
+    display: table;
+    border-collapse: separate;
+    border-spacing: 4px;
+    width: 208px;
+    border: solid 1px orange;
+    margin: -1px;
+  }
+  p {
+    display: table-cell;
+    background: yellow;
+    height: 4px;
+    outline: 1px green dotted;
+  }
+</style>
+
+<div class="colset">
+<p></p>
+<p></p>
+<p></p>
+</div>
diff --git a/layout/reftests/columns/column-box-alignment-rtl-2-ref.html b/layout/reftests/columns/column-box-alignment-rtl-2-ref.html
new file mode 100644
index 0000000000..e981507edf
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl-2-ref.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<style>
+* {
+    margin: 0 0;
+    padding: 0 0;
+}
+
+table {
+    border: 1px solid;
+    inline-size: 600px;
+    box-sizing: content-box;
+    font: 16px/1 sans-serif;
+}
+
+td {
+    width: 25%;
+}
+</style>
+The first column should be aligned with the right side of the block and the second column should be to its direct left.
+<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
+  <tr>
+    <td>1st column</td>
+    <td>2nd column</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</table>
diff --git a/layout/reftests/columns/column-box-alignment-rtl-2.html b/layout/reftests/columns/column-box-alignment-rtl-2.html
new file mode 100644
index 0000000000..4e8ea574ad
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl-2.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<style>
+* {
+    margin: 0 0;
+    padding: 0 0;
+}
+
+div {
+    column-gap: 0;
+    column-count: 4;
+    inline-size: 600px;
+    font: 16px/1 sans-serif;
+}
+
+/* cosmetics */
+div {
+    border: 1px solid;
+}
+
+</style>
+The first column should be aligned with the right side of the block and the second column should be to its direct left.
+<div style="direction:rtl; text-align:right;">
+    <p>1st column</p>
+    <p>2nd column</p>
+</div>
diff --git a/layout/reftests/columns/column-box-alignment-rtl-3-ref.html b/layout/reftests/columns/column-box-alignment-rtl-3-ref.html
new file mode 100644
index 0000000000..5cd1e12b14
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl-3-ref.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<style>
+* {
+  margin: 0 0;
+  padding: 0 0;
+}
+
+html {
+  writing-mode: vertical-rl;
+}
+
+table {
+  border: 1px solid;
+  inline-size: 100%;
+  font: 16px/1 sans-serif;
+}
+
+td {
+  inline-size: 25%;
+}
+</style>
+The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
+<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
+  <tr>
+    <td>1st column</td>
+    <td>2nd column</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</table>
diff --git a/layout/reftests/columns/column-box-alignment-rtl-3.html b/layout/reftests/columns/column-box-alignment-rtl-3.html
new file mode 100644
index 0000000000..de18213a05
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl-3.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<style>
+* {
+    margin: 0 0;
+    padding: 0 0;
+}
+
+html {
+    writing-mode: vertical-rl;
+}
+
+div {
+    column-gap: 0;
+    column-count: 4;
+    font: 16px/1 sans-serif;
+}
+
+/* cosmetics */
+div {
+    border: 1px solid;
+}
+
+</style>
+The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
+<div style="direction:rtl; text-align:right;">
+    <p>1st column</p>
+    <p>2nd column</p>
+</div>
diff --git a/layout/reftests/columns/column-box-alignment-rtl-4-ref.html b/layout/reftests/columns/column-box-alignment-rtl-4-ref.html
new file mode 100644
index 0000000000..cda029afeb
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl-4-ref.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<style>
+* {
+  margin: 0 0;
+  padding: 0 0;
+}
+
+html {
+  writing-mode: vertical-rl;
+}
+
+table {
+  border: 1px solid;
+  inline-size: 600px;
+  box-sizing: content-box;
+  font: 16px/1 sans-serif;
+}
+
+td {
+  inline-size: 25%;
+}
+</style>
+The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
+<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
+  <tr>
+    <td>1st column</td>
+    <td>2nd column</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</table>
diff --git a/layout/reftests/columns/column-box-alignment-rtl-4.html b/layout/reftests/columns/column-box-alignment-rtl-4.html
new file mode 100644
index 0000000000..96826cd0a4
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl-4.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<style>
+* {
+    margin: 0 0;
+    padding: 0 0;
+}
+
+html {
+    writing-mode: vertical-rl;
+}
+
+div {
+    column-gap: 0;
+    column-count: 4;
+    inline-size: 600px;
+    font: 16px/1 sans-serif;
+}
+
+/* cosmetics */
+div {
+    border: 1px solid;
+}
+
+</style>
+The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
+<div style="direction:rtl; text-align:right;">
+    <p>1st column</p>
+    <p>2nd column</p>
+</div>
diff --git a/layout/reftests/columns/column-box-alignment-rtl-ref.html b/layout/reftests/columns/column-box-alignment-rtl-ref.html
new file mode 100644
index 0000000000..deb03dccbd
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl-ref.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<style>
+* {
+    margin: 0 0;
+    padding: 0 0;
+}
+
+table {
+    border: 1px solid;
+    width: 100%;
+    font: 16px/1 sans-serif;
+}
+
+td {
+    width: 25%;
+}
+</style>
+The first column should be aligned with the right side of the block and the second column should be to its direct left.
+<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
+  <tr>
+    <td>1st column</td>
+    <td>2nd column</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</table>
diff --git a/layout/reftests/columns/column-box-alignment-rtl.html b/layout/reftests/columns/column-box-alignment-rtl.html
new file mode 100644
index 0000000000..7abfd185cb
--- /dev/null
+++ b/layout/reftests/columns/column-box-alignment-rtl.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<style>
+* {
+    margin: 0 0;
+    padding: 0 0;
+}
+
+div {
+    column-gap: 0;
+    column-count: 4;
+    font: 16px/1 sans-serif;
+}
+
+/* cosmetics */
+div {
+    border: 1px solid;
+}
+
+</style>
+The first column should be aligned with the right side of the block and the second column should be to its direct left.
+<div style="direction:rtl; text-align:right;">
+    <p>1st column</p>
+    <p>2nd column</p>
+</div>
diff --git a/layout/reftests/columns/column-span-bidi-1-ref.html b/layout/reftests/columns/column-span-bidi-1-ref.html
new file mode 100644
index 0000000000..9bc890541f
--- /dev/null
+++ b/layout/reftests/columns/column-span-bidi-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <meta charset="utf-8">
+  <style>
+  h3 {
+    column-span: all;
+  }
+  html {
+    columns: 3em;
+  }
+  </style>
+
+  <body onload=go()>
+    <h3></h3>
+    <!-- The following content will be in a -moz-column-content frame where it's
+         parent is a hard continuation of a nsColumnSetFrame. -->
+    ltr
+    ltr
+    <div dir="rtl">rtl</div>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/columns/column-span-bidi-1.html b/layout/reftests/columns/column-span-bidi-1.html
new file mode 100644
index 0000000000..8e45f82fcf
--- /dev/null
+++ b/layout/reftests/columns/column-span-bidi-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <meta charset="utf-8">
+  <style>
+  h3 {
+    column-span: all;
+  }
+  html {
+    columns: 3em;
+  }
+  </style>
+  <script>
+  function go() {
+    document.body.offsetHeight;
+    document.body.appendChild(a);
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload=go()>
+    <h3>
+      <div id="a"></div>
+    </h3>
+    <!-- The following content will be in a -moz-column-content frame where it's
+         parent is a hard continuation of a nsColumnSetFrame. -->
+    ltr
+    ltr
+    <div dir="rtl">rtl</div>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnfill-auto-2-ref.html b/layout/reftests/columns/columnfill-auto-2-ref.html
new file mode 100644
index 0000000000..29e69e3afc
--- /dev/null
+++ b/layout/reftests/columns/columnfill-auto-2-ref.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="ahem.css" />
+<style>
+  html {
+    line-height: 1.5;
+    font-family: ahem;
+  }
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+
+  #test {
+    padding: 5px 0px 0px 10px;
+    position: absolute;
+    left: 500px;
+    right: 0px;
+    top: 0px;
+    bottom: 0px;
+    background-color: orange;
+    height: 120px;
+    column-width: 640px;
+    column-fill: balance;
+    column-gap: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  #parent {
+    background-color: lightBlue;
+    position: absolute;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    height: 120px;
+    width: 70em;
+  }
+</style>
+</head>
+<body>
+  <div id="parent">
+    <div id="test">To Mrs. Aville, England St. Petersburgh, Dec. 11th, 17- You will rejoice to hear that no disaster has accompanied the commencement of an enterprise which you have regarded with such evil forebodings. I arrived here yesterday; and my first task is to assure my dear sister of my welfare, and increasing confidence in the success of my undertaking. I am already far north of London; and as I walk in the streets of Petersburgh. I feel a cold northern breeze play upon my cheeks, which braces my nerves, and fills me with delight.</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/columnfill-auto-2.html b/layout/reftests/columns/columnfill-auto-2.html
new file mode 100644
index 0000000000..b0680cd051
--- /dev/null
+++ b/layout/reftests/columns/columnfill-auto-2.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="ahem.css" />
+<style>
+  html {
+    line-height: 1.5;
+    font-family: ahem;
+  }
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+
+  #test {
+    padding: 5px 0px 0px 10px;
+    position: absolute;
+    left: 500px;
+    right: 0px;
+    top: 0px;
+    bottom: 0px;
+    background-color: orange;
+    height: 120px;
+    column-width: 640px;
+    column-fill: auto;
+    column-gap: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  #parent {
+    background-color: lightBlue;
+    position: absolute;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    height: 120px;
+    width: 70em;
+  }
+</style>
+</head>
+<body>
+  <div id="parent">
+    <div id="test">To Mrs. Aville, England St. Petersburgh, Dec. 11th, 17- You will rejoice to hear that no disaster has accompanied the commencement of an enterprise which you have regarded with such evil forebodings. I arrived here yesterday; and my first task is to assure my dear sister of my welfare, and increasing confidence in the success of my undertaking. I am already far north of London; and as I walk in the streets of Petersburgh. I feel a cold northern breeze play upon my cheeks, which braces my nerves, and fills me with delight.</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/columnfill-auto-3.html b/layout/reftests/columns/columnfill-auto-3.html
new file mode 100644
index 0000000000..1b575c3271
--- /dev/null
+++ b/layout/reftests/columns/columnfill-auto-3.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="ahem.css" />
+<style>
+  html {
+    line-height: 1.5;
+    font-family: ahem;
+  }
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+
+  #test {
+    padding: 5px 0px 0px 10px;
+    position: absolute;
+    left: 500px;
+    right: 0px;
+    top: 0px;
+    background-color: orange;
+    max-height: 120px;
+    column-width: 640px;
+    column-fill: auto;
+    column-gap: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  #parent {
+    background-color: lightBlue;
+    position: absolute;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    height: 120px;
+    width: 70em;
+  }
+</style>
+</head>
+<body>
+  <div id="parent">
+    <div id="test">To Mrs. Aville, England St. Petersburgh, Dec. 11th, 17- You will rejoice to hear that no disaster has accompanied the commencement of an enterprise which you have regarded with such evil forebodings. I arrived here yesterday; and my first task is to assure my dear sister of my welfare, and increasing confidence in the success of my undertaking. I am already far north of London; and as I walk in the streets of Petersburgh. I feel a cold northern breeze play upon my cheeks, which braces my nerves, and fills me with delight.</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/columnfill-auto-ref.html b/layout/reftests/columns/columnfill-auto-ref.html
new file mode 100644
index 0000000000..6e0046c309
--- /dev/null
+++ b/layout/reftests/columns/columnfill-auto-ref.html
@@ -0,0 +1,80 @@
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+  <style>
+html,body {
+    color:black; background-color:white; font-size:16px; padding:5px; margin:0;
+}
+mask {
+  position: absolute;
+  top:0; bottom:0; left:8px; width:5px;
+  background: black;
+}
+
+    .rel {
+      position: relative;
+    }
+    a {
+      position: absolute;
+      width: 10px;
+      height: 10px;
+      bottom: 0;
+      left: 0;
+      background: blue;
+    }
+    f {
+      position: fixed;
+      width: 10px;
+      height: 10px;
+      bottom: 0;
+      left: 100px;
+      background: lime;
+    }
+    td.text {
+      width: 12em;
+      height: 8em;
+      text-align: left;
+      font-family: ahem;
+      font-size: 12pt;
+      line-height: 1.1;
+    }
+
+    table {
+      font-family: ahem;
+      font-size: 12pt;
+      line-height: 1.1;
+    }
+  </style>
+</head>
+
+<body>
+  <table cellpadding=0 cellspacing=0 class="rel">
+    <tr>
+      <td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
+    </tr>
+  </table>
+  <table cellpadding=0 cellspacing=0 class="rel">
+    <tr>
+      <td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
+    </tr>
+  </table>
+  <table cellpadding=0 cellspacing=0 class="rel">
+    <tr>
+      <td class="text" valign="top"><f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
+    </tr>
+  </table>
+  <table cellpadding=0 cellspacing=0>
+    <tr>
+      <td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
+    </tr>
+  </table>
+  <table cellpadding=0 cellspacing=0>
+    <tr>
+      <td class="text" valign="top"><f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td>
+    </tr>
+  </table>
+
+<mask></mask>
+</body>
+</html>
diff --git a/layout/reftests/columns/columnfill-auto.html b/layout/reftests/columns/columnfill-auto.html
new file mode 100644
index 0000000000..d79dc84657
--- /dev/null
+++ b/layout/reftests/columns/columnfill-auto.html
@@ -0,0 +1,68 @@
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <style>
+html,body {
+    color:black; background-color:white; font-size:16px; padding:5px; margin:0;
+}
+mask {
+  position: absolute;
+  top:0; bottom:0; left:8px; width:5px;
+  background: black;
+}
+
+.rel {
+  position: relative;
+}
+.columns {
+  column-width: 12em;
+  column-gap: 0;
+  column-fill: auto;
+  height: 8em;
+  font-family: ahem;
+  font-size: 12pt;
+  line-height: 1.1;
+}
+a {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  bottom: 0;
+  left: 0;
+  background: blue;
+}
+f {
+  position: fixed;
+  width: 10px;
+  height: 10px;
+  bottom: 0;
+  left: 100px;
+  background: lime;
+}
+  </style>
+  </head>
+
+  <body>
+    <div class="columns rel">
+      <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+    </div>
+
+    <div class="columns rel" style="overflow: hidden">
+      <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+    </div>
+
+    <div class="columns rel" style="overflow: hidden">
+      <f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+    </div>
+
+    <div class="columns" style="overflow: hidden">
+      <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+    </div>
+
+    <div class="columns" style="overflow: hidden">
+      <f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+    </div>
+
+<mask></mask>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnfill-balance-ref.html b/layout/reftests/columns/columnfill-balance-ref.html
new file mode 100644
index 0000000000..de523224ce
--- /dev/null
+++ b/layout/reftests/columns/columnfill-balance-ref.html
@@ -0,0 +1,33 @@
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+    <style>
+      td {
+        width: 200px;
+        font-family: ahem;
+      }
+
+      table {
+        width: 100%;
+        height: 150px;
+        padding-bottom: 0;
+        margin-bottom: 0;
+        font-family: ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <table cellpadding=0 cellspacing=0>
+      <tr>
+        <td valign="top">
+          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam.
+        </td>
+        <td valign="top">Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci
+        </td>
+        <td valign="top">vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnfill-balance.html b/layout/reftests/columns/columnfill-balance.html
new file mode 100644
index 0000000000..8302a32847
--- /dev/null
+++ b/layout/reftests/columns/columnfill-balance.html
@@ -0,0 +1,16 @@
+<html>
+  <head>
+      <link rel="stylesheet" type="text/css" href="ahem.css" />
+  </head>
+  <body>
+    <div style="column-width: 200px;
+                column-gap: 0px;
+                column-fill: balance;
+                height: 150px;
+                margin-bottom: 0;
+                padding-bottom: 0;
+                font-family: ahem;">
+      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnfill-overflow-ref.html b/layout/reftests/columns/columnfill-overflow-ref.html
new file mode 100644
index 0000000000..2bd626bf69
--- /dev/null
+++ b/layout/reftests/columns/columnfill-overflow-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      div.container {
+        width:54em;
+        background-color: gray;
+      }
+
+      div.multicolumn {
+        height: 5em;
+        overflow: visible;
+
+        column-width:15em;
+        column-gap: 2em;
+        column-rule: 4px solid green;
+        column-fill: auto;
+
+        column-width:15em;
+        column-gap: 2em;
+        column-rule: 4px solid green;
+        column-fill: auto;
+
+        padding: 5px;
+      }
+
+      p {
+        margin: 0;
+        padding: 0
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="multicolumn">
+        <p>Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. </p>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnfill-overflow.html b/layout/reftests/columns/columnfill-overflow.html
new file mode 100644
index 0000000000..ecd6a40f37
--- /dev/null
+++ b/layout/reftests/columns/columnfill-overflow.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      div.container {
+        width:54em;
+        background-color: gray;
+      }
+
+      div.multicolumn {
+        height: 5em;
+        overflow: visible;
+
+        column-width:15em;
+        column-gap: 2em;
+        column-rule: 4px solid green;
+        column-fill: balance;
+
+        column-width:15em;
+        column-gap: 2em;
+        column-rule: 4px solid green;
+        column-fill: balance;
+
+        padding: 5px;
+      }
+
+      p {
+        margin: 0;
+        padding: 0
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="multicolumn">
+        <p>Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. </p>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnrule-basic-ref.html b/layout/reftests/columns/columnrule-basic-ref.html
new file mode 100644
index 0000000000..57e6432006
--- /dev/null
+++ b/layout/reftests/columns/columnrule-basic-ref.html
@@ -0,0 +1,15 @@
+<div style="position: absolute;
+  top: 20px; left: 517px;
+  width: 6px;
+  background-color: red;
+  height: 100px;"></div>
+<div style="position: absolute;
+  top: 20px; left: 20px;
+  column-count:2;
+  column-gap: 0px;">
+<div style="height:200px;
+  width: 500px;
+  font-size: 16px;">
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.
+</div>
+</div>
diff --git a/layout/reftests/columns/columnrule-basic.html b/layout/reftests/columns/columnrule-basic.html
new file mode 100644
index 0000000000..fad41f5965
--- /dev/null
+++ b/layout/reftests/columns/columnrule-basic.html
@@ -0,0 +1,11 @@
+<div style="position: absolute;
+  top: 20px; left: 20px;
+  column-count :2;
+  column-gap: 0px;
+  column-rule: 6px red solid;">
+<div style="height:200px;
+  width: 500px;
+  font-size: 16px;">
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.
+</div>
+</div>
diff --git a/layout/reftests/columns/columnrule-complex-ref.html b/layout/reftests/columns/columnrule-complex-ref.html
new file mode 100644
index 0000000000..86c84bb6f0
--- /dev/null
+++ b/layout/reftests/columns/columnrule-complex-ref.html
@@ -0,0 +1,27 @@
+<div style="position: absolute;
+  top: 20px; left: 317px;
+  width: 6px;
+  background-color: red; height: 100px;">
+</div>
+<div style="position: absolute;
+  top: 20px; left: 617px;
+  width: 6px;
+  background-color: red;
+  height: 100px;">
+</div>
+<div style="position: absolute;
+  top: 20px; left: 917px;
+  width: 6px;
+  background-color: red;
+  height: 100px;">
+</div>
+<div style="position: absolute;
+  top: 20px; left: 20px;
+  column-count: 4;
+  column-gap: 0px;">
+<div style="height:400px;
+  width: 300px;
+  font-size: 16px;">
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa.
+</div>
+</div>
diff --git a/layout/reftests/columns/columnrule-complex.html b/layout/reftests/columns/columnrule-complex.html
new file mode 100644
index 0000000000..70c232a69f
--- /dev/null
+++ b/layout/reftests/columns/columnrule-complex.html
@@ -0,0 +1,11 @@
+<div style="position: absolute;
+  top: 20px; left: 20px;
+  column-count: 4;
+  column-gap: 0px;
+  column-rule: 6px red solid;
+  font-size: 16px;">
+<div style="height:400px;
+  width: 300px;">
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa.
+</div>
+</div>
diff --git a/layout/reftests/columns/columnrule-linestyles-notref.html b/layout/reftests/columns/columnrule-linestyles-notref.html
new file mode 100644
index 0000000000..86ec821397
--- /dev/null
+++ b/layout/reftests/columns/columnrule-linestyles-notref.html
@@ -0,0 +1 @@
+<div style="column-count:2; column-gap: 3px; column-rule: 6px red solid;"><div style="height:100px; width: 300px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.</div></div>
diff --git a/layout/reftests/columns/columnrule-linestyles.html b/layout/reftests/columns/columnrule-linestyles.html
new file mode 100644
index 0000000000..12f785fac3
--- /dev/null
+++ b/layout/reftests/columns/columnrule-linestyles.html
@@ -0,0 +1,2 @@
+<!-- Make sure no-one regresses line styles on column rules -->
+<div style="column-count:2; column-gap: 3px; column-rule: 6px red dotted;"><div style="height:100px; width: 300px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa. Sed commodo diam at mauris.</div></div>
diff --git a/layout/reftests/columns/columnrule-overflow-ref.html b/layout/reftests/columns/columnrule-overflow-ref.html
new file mode 100644
index 0000000000..22bcc41a52
--- /dev/null
+++ b/layout/reftests/columns/columnrule-overflow-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 746015: Off-screen overflow column rules are not properly drawn.</title>
+    <style type="text/css">
+    * {
+    	margin: 0 0;
+    	padding: 0 0;
+    }
+
+    body,html {
+        padding: 0 0;
+        margin: 0 0;
+        line-height: 1.0;
+    }
+
+    div.column1 {
+      display: inline-block;
+      width: 180px;
+      height: 175px;
+      vertical-align: top;
+      white-space: no-wrap;
+    }
+
+    div.content {
+      width: 180px;
+      height: 175px;
+      background: blue;
+    }
+
+    div.column2 {
+    	display: inline-block;
+    	width: 180px;
+    	height: 175px;
+    	vertical-align: top;
+    }
+
+    div.colgap {
+    	display: inline-block;
+    	background-color: green;
+    	width: 10px;
+    	height: 175px;
+    }
+    </style>
+  </head>
+  <body>
+      <div class="column1"><div class="content"></div></div><div class="colgap"></div><div class="column2"><div class="content"></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnrule-overflow.html b/layout/reftests/columns/columnrule-overflow.html
new file mode 100644
index 0000000000..cdcc06c120
--- /dev/null
+++ b/layout/reftests/columns/columnrule-overflow.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 746015: Off-screen overflow column rules are not properly drawn.</title>
+    <style type="text/css">
+    * {
+    	margin: 0 0;
+    	padding: 0 0;
+    }
+
+    body,html {
+        padding: 0 0;
+        margin: 0 0;
+        line-height: 1.0;
+    }
+
+    body {
+        position: absolute;
+        left: -570px;
+    }
+
+    div.content {
+      width: 180px;
+      height: 875px;
+      background: blue;
+    }
+
+    div.multicolumn {
+        height: 175px;
+        overflow: visible;
+
+        column-width: 180px;
+        column-gap: 10px;
+        column-rule: 10px solid green;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="multicolumn"><div class="content"></div></div>
+  </body>
+</html>
diff --git a/layout/reftests/columns/columnrule-padding-ref.html b/layout/reftests/columns/columnrule-padding-ref.html
new file mode 100644
index 0000000000..9f322ca871
--- /dev/null
+++ b/layout/reftests/columns/columnrule-padding-ref.html
@@ -0,0 +1,31 @@
+<body style="overflow:hidden">
+<div style="position: absolute;
+  top: 40px; left: 337px;
+  width: 6px;
+  background-color: green;
+  height: 100px;">
+</div>
+<div style="position: absolute;
+  top: 40px; left: 637px;
+  width: 6px;
+  background-color: green;
+  height: 100px;">
+</div>
+<div style="position: absolute;
+  top: 40px; left: 937px;
+  width: 6px;
+  background-color: green;
+  height: 100px;">
+</div>
+<div style="position: absolute;
+  top: 40px; left: 40px;
+  height: 100px;
+  column-count: 4;
+  column-gap: 0px;">
+<div style="height:400px;
+  width: 300px;
+  font-size: 16px;">
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa.
+</div>
+</div>
+</body>
diff --git a/layout/reftests/columns/columnrule-padding.html b/layout/reftests/columns/columnrule-padding.html
new file mode 100644
index 0000000000..1de49b221a
--- /dev/null
+++ b/layout/reftests/columns/columnrule-padding.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<body style="overflow:hidden">
+<div style="padding: 20px;
+  position: absolute;
+  top: 20px; left: 20px;
+  column-count: 4;
+  column-gap: 0px;
+  column-rule: 6px green solid;">
+<div style="height:400px;
+  width: 300px;
+  font-size: 16px;">
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat libero vel diam. Pellentesque pulvinar commodo lacus. Sed fringilla. Sed lectus. Praesent laoreet orci vitae nisi. Duis venenatis tristique massa.
+</div>
+</div>
+</body>
diff --git a/layout/reftests/columns/columns-table-caption-000-ref.html b/layout/reftests/columns/columns-table-caption-000-ref.html
new file mode 100644
index 0000000000..433f095ec6
--- /dev/null
+++ b/layout/reftests/columns/columns-table-caption-000-ref.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for table caption column layout</title>
+    <link rel="help" href="http://www.w3.org/TR/css3-multicol/">
+    <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1109571">
+    <style type="text/css">
+
+* {
+    color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace;
+}
+
+.caption {
+  -webkit-column-count:2;
+  -o-column-count:2;
+  -ms-column-count:2;
+  column-count:2;
+
+  -webkit-column-rule:2px solid blue;
+  -o-column-rule:2px solid blue;
+  -ms-column-rule:2px solid blue;
+  column-rule:2px solid blue;
+
+  -webkit-column-gap:10px;
+  -o-column-gap:10px;
+  -ms-column-gap:10px;
+  column-gap:10px;
+
+  height:2.2em;
+  line-height:1em;
+  border:2px dotted;
+}
+.col1 {
+  -webkit-column-count:1;
+  -o-column-count:1;
+  -ms-column-count:1;
+  column-count:1;
+}
+.cw1 {
+  -webkit-column-width:1px;
+  -o-column-width:1px;
+  -ms-column-width:1px;
+  column-width:1px;
+}
+table {border:1px solid black}
+.wrap { float:left; clear:both; outline:1px dashed lime; margin-top:3px; }
+    </style>
+</head>
+<body>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption><div class="caption">1<br>2<br>3</div></caption><tr><td>a table with a two column caption</td></table></div>
+
+<div class="wrap">
+  <div class="caption" style="height:1.1em; text-align:center">1<br>2<br>3</div>
+  <table cellpadding="0" cellspacing="0"><tr><td>a table with a two column caption</td></table>
+</div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption><div class="caption" style="border: 1px solid blue">1111<br>2<br>3</div></caption><tr><td>a table with a two column caption</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption><div class="caption">1111<br>2<br>3<br>4</div></caption><tr><td>T</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption><div class="caption col1">1111<br>2<br>3<br>4</div></caption><tr><td>T</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption><div class="caption col1">1111<br>2<br>3<br>4</div></caption><tr><td>a table with a two column caption</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption><div class="caption col1">1111<br>2<br>3<br>4</div></caption><tr><td>a table with a two column caption</td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/columns/columns-table-caption-000.html b/layout/reftests/columns/columns-table-caption-000.html
new file mode 100644
index 0000000000..e41ccad7f1
--- /dev/null
+++ b/layout/reftests/columns/columns-table-caption-000.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for table caption column layout</title>
+    <link rel="help" href="http://www.w3.org/TR/css3-multicol/">
+    <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1109571">
+    <link rel="match" href="columns-table-caption-000-ref.html">
+    <style type="text/css">
+
+* {
+    color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace;
+}
+
+caption {
+  -webkit-column-count:2;
+  -o-column-count:2;
+  -ms-column-count:2;
+  column-count:2;
+
+  -webkit-column-rule:2px solid blue;
+  -o-column-rule:2px solid blue;
+  -ms-column-rule:2px solid blue;
+  column-rule:2px solid blue;
+
+  -webkit-column-gap:10px;
+  -o-column-gap:10px;
+  -ms-column-gap:10px;
+  column-gap:10px;
+
+  height:2.2em;
+  line-height:1em;
+  border:2px dotted;
+}
+.col1 {
+  -webkit-column-count:1;
+  -o-column-count:1;
+  -ms-column-count:1;
+  column-count:1;
+}
+.cw1 {
+  -webkit-column-width:1px;
+  -o-column-width:1px;
+  -ms-column-width:1px;
+  column-width:1px;
+}
+table {border:1px solid black}
+.wrap { float:left; clear:both; outline:1px dashed lime; margin-top:3px; }
+    </style>
+</head>
+<body>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption>1<br>2<br>3</caption><tr><td>a table with a two column caption</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption style="height:1.1em">1<br>2<br>3</caption><tr><td>a table with a two column caption</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption style="border:inherit; border-color:blue">1111<br>2<br>3</caption><tr><td>a table with a two column caption</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption>1111<br>2<br>3<br>4</caption><tr><td>T</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption class="col1">1111<br>2<br>3<br>4</caption><tr><td>T</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption class="col1">1111<br>2<br>3<br>4</caption><tr><td>a table with a two column caption</td></table></div>
+
+<div class="wrap"><table cellpadding="0" cellspacing="0"><caption class="col1 cw1">1111<br>2<br>3<br>4</caption><tr><td>a table with a two column caption</td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/columns/dynamic-change-with-overflow-1-ref.html b/layout/reftests/columns/dynamic-change-with-overflow-1-ref.html
new file mode 100644
index 0000000000..8104adfb88
--- /dev/null
+++ b/layout/reftests/columns/dynamic-change-with-overflow-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <div style="overflow: hidden; width: 130px; column-count: 2;">
+    Some long text that cannot possibly fit in 130px.
+  </div>
+</html>
diff --git a/layout/reftests/columns/dynamic-change-with-overflow-1.html b/layout/reftests/columns/dynamic-change-with-overflow-1.html
new file mode 100644
index 0000000000..8e73266e4c
--- /dev/null
+++ b/layout/reftests/columns/dynamic-change-with-overflow-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <div style="overflow: hidden; width: 130px">
+    Some long text that cannot possibly fit in 130px.
+  </div>
+
+  <script>
+    onload = function() {
+      var div = document.querySelector("div");
+      // Make sure layout has happened.
+      window.width = div.offsetWidth;
+      div.style.columnCount = "2";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/columns/dynamic-text-indent-1-ref.html b/layout/reftests/columns/dynamic-text-indent-1-ref.html
new file mode 100644
index 0000000000..9d96ce96de
--- /dev/null
+++ b/layout/reftests/columns/dynamic-text-indent-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="column-count: 2; width: 200px; text-indent: 50px">
+  This is some text that is too long and it will overflow.
+</div>
diff --git a/layout/reftests/columns/dynamic-text-indent-1.html b/layout/reftests/columns/dynamic-text-indent-1.html
new file mode 100644
index 0000000000..dc4f4f5300
--- /dev/null
+++ b/layout/reftests/columns/dynamic-text-indent-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <div style="column-count: 2; width: 200px;">
+    This is some text that is too long and it will overflow.
+  </div>
+  <script>
+  onload = function() {
+    var d = document.querySelector("div");
+    window.w = d.offsetWidth;
+    d.style.textIndent = "50px";
+    document.documentElement.className = "";
+  }
+  </script>
+</html>
diff --git a/layout/reftests/columns/dynamic-text-indent-2-ref.html b/layout/reftests/columns/dynamic-text-indent-2-ref.html
new file mode 100644
index 0000000000..1b96697717
--- /dev/null
+++ b/layout/reftests/columns/dynamic-text-indent-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="column-count: 2; width: 200px; border: none; text-indent: 50px">
+  This is some text that is too long and it will overflow.
+</fieldset>
diff --git a/layout/reftests/columns/dynamic-text-indent-2.html b/layout/reftests/columns/dynamic-text-indent-2.html
new file mode 100644
index 0000000000..a36b8d1bc0
--- /dev/null
+++ b/layout/reftests/columns/dynamic-text-indent-2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <fieldset style="column-count: 2; width: 200px; border: none">
+    This is some text that is too long and it will overflow.
+  </fieldset>
+  <script>
+  onload = function() {
+    var f = document.querySelector("fieldset");
+    window.w = f.offsetWidth;
+    f.style.textIndent = "50px";
+    document.documentElement.className = "";
+  }
+  </script>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-001-ref.html b/layout/reftests/columns/fieldset-columns-001-ref.html
new file mode 100644
index 0000000000..84b0580bb9
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-001-ref.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<style>
+a {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  top: 0;
+  left: 0;
+  background: blue;
+}
+f {
+  position: fixed;
+  width: 10px;
+  height: 10px;
+  bottom: 0;
+  left: 100px;
+  background: lime;
+}
+fieldset div {
+  columns: 2;
+  column-fill: auto;
+}
+fieldset {
+  border: 1px solid;
+}
+.rel {
+  position: relative;
+}
+</style>
+<fieldset class="rel" style="overflow:hidden; width:300px; height:200px;">
+  <legend>Legend</legend>
+<div style="columns: 2; width:100%; height:100%;">
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+<a></a><f></f>
+</div>
+</fieldset>
+<fieldset class="rel" style="width:600px; height:7em; overflow:hidden">
+  <legend>Legend</legend>
+<div style="columns: 3; column-gap:2em; column-rule:3px solid; column-width:3em; width:100%; height:100%">
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+<a></a><f style="left:120px"></f>
+</div>
+</fieldset>
+<fieldset style="overflow:hidden; width:300px; height:2em;">
+  <legend>Legend</legend>
+<div>
+  <p>X
+<a></a><f style="left:140px"></f>
+</div>
+</fieldset>
+<fieldset style="width:600px; height:2em">
+  <legend>Legend</legend>
+<div>
+  <p>X
+<a></a><f style="left:160px"></f>
+</div>
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-001.html b/layout/reftests/columns/fieldset-columns-001.html
new file mode 100644
index 0000000000..705cea0e82
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-001.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<style>
+a {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  top: 0;
+  left: 0;
+  background: blue;
+}
+f {
+  position: fixed;
+  width: 10px;
+  height: 10px;
+  bottom: 0;
+  left: 100px;
+  background: lime;
+}
+fieldset {
+  columns: 2;
+  column-fill: auto;
+  border: 1px solid;
+}
+.rel {
+  position: relative;
+}
+</style>
+<fieldset class="rel" style="overflow:hidden; width:300px; height:200px;">
+  <legend>Legend</legend>
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+<a></a><f></f>
+</fieldset>
+<fieldset class="rel" style="columns: 3; column-gap:2em; column-rule:3px solid; column-width:3em; width:600px; height:7em">
+  <legend>Legend</legend>
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+<a></a><f style="left:120px"></f>
+</fieldset>
+<fieldset style="overflow:hidden; width:300px; height:2em;">
+  <legend>Legend</legend>
+  <p>X
+<a></a><f style="left:140px"></f>
+</fieldset>
+<fieldset style="width:600px; height:2em">
+  <legend>Legend</legend>
+  <p>X
+<a></a><f style="left:160px"></f>
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-002-ref.html b/layout/reftests/columns/fieldset-columns-002-ref.html
new file mode 100644
index 0000000000..b522d342bf
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-002-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+  <style>
+  div {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    top: 0;
+    background: blue;
+  }
+  fieldset {
+    width: 300px;
+    height: 200px;
+    border: 1px solid;
+    position: relative;
+    overflow: hidden;
+  }
+  </style>
+  <fieldset>
+    <legend>Legend<div style="left: 0px;"></div></legend>
+    <div style="left: 10px;"></div>
+  </fieldset>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-002.html b/layout/reftests/columns/fieldset-columns-002.html
new file mode 100644
index 0000000000..661a90caac
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-002.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+  <style>
+  div {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    top: 0;
+    background: blue;
+  }
+  fieldset {
+    width: 300px;
+    height: 200px;
+    border: 1px solid;
+    position: relative;
+    overflow: hidden;
+  }
+  </style>
+  <fieldset style="columns: 1;">
+    <!-- The position of <div>s should remain the same regardless of
+         the multicol style on fieldset. -->
+    <legend>Legend<div style="left: 0px;"></div></legend>
+    <div style="left: 10px;"></div>
+  </fieldset>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-003-ref.html b/layout/reftests/columns/fieldset-columns-003-ref.html
new file mode 100644
index 0000000000..dc2e865577
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-003-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  fieldset.outer {
+    transform: rotate(180deg);
+    width: 100px;
+    height: 50px;
+    border: 1px solid blue;
+  }
+
+  div.fixed {
+    position: fixed;
+    background: green;
+  }
+  </style>
+
+  <fieldset class="outer">
+    <legend>Legend</legend>
+    <div class="fixed">ABC</div>
+  </fieldset>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-003.html b/layout/reftests/columns/fieldset-columns-003.html
new file mode 100644
index 0000000000..9fe4c9aec8
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-003.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  fieldset.outer {
+    column-count: 1;
+    transform: rotate(180deg);
+    width: 100px;
+    height: 50px;
+    border: 1px solid blue;
+  }
+
+  div.fixed {
+    position: fixed;
+    background: green;
+  }
+  </style>
+
+  <!-- All the children under the fieldset should be upside down
+       since 'transform' create a stacking context. -->
+  <fieldset class="outer">
+    <legend>Legend</legend>
+    <div class="fixed">ABC</div>
+  </fieldset>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-004-ref.html b/layout/reftests/columns/fieldset-columns-004-ref.html
new file mode 100644
index 0000000000..18cdcfc4ff
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-004-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  fieldset.outer {
+    column-count: 1;
+    margin-left: 3px;
+    position: relative;
+    width: 100px;
+    height: 50px;
+    border: 1px solid blue;
+  }
+
+  div.fixed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: green;
+  }
+  </style>
+
+  <!-- ABC should be inside the fieldset since 'transform' creates a stacking context. -->
+  <fieldset class="outer">
+    <legend>Legend</legend>
+    <div class="fixed">ABC</div>
+  </fieldset>
+</html>
diff --git a/layout/reftests/columns/fieldset-columns-004.html b/layout/reftests/columns/fieldset-columns-004.html
new file mode 100644
index 0000000000..3b8e5a50c4
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-004.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  fieldset.outer {
+    column-count: 1;
+    transform: translateX(3px);
+    position: relative;
+    width: 100px;
+    height: 50px;
+    border: 1px solid blue;
+    margin: 0;
+  }
+
+  div.fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: green;
+  }
+  </style>
+
+  <!-- ABC should be inside the fieldset since 'transform' creates a stacking context. -->
+  <fieldset class="outer">
+    <legend>Legend</legend>
+    <div class="fixed">ABC</div>
+  </fieldset>
+</html>
diff --git a/layout/reftests/columns/first-line-first-letter-ref.html b/layout/reftests/columns/first-line-first-letter-ref.html
new file mode 100644
index 0000000000..bdf5189772
--- /dev/null
+++ b/layout/reftests/columns/first-line-first-letter-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+
+<style>
+div {
+  border: 1px solid red;
+  width: 400px;
+}
+div::first-letter {
+  font-size: 200%;
+}
+div::first-line {
+  color: blue;
+}
+</style>
+
+<div>first line (blue)<br>second line</div>
diff --git a/layout/reftests/columns/first-line-first-letter.html b/layout/reftests/columns/first-line-first-letter.html
new file mode 100644
index 0000000000..1bbbc9aea6
--- /dev/null
+++ b/layout/reftests/columns/first-line-first-letter.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+
+<style>
+div {
+  column-count: 1;
+  border: 1px solid red;
+  width: 400px;
+}
+div::first-letter {
+  font-size: 200%;
+}
+div::first-line {
+  color: blue;
+}
+</style>
+
+<div id="column">first line (blue)<br>second line</div>
diff --git a/layout/reftests/columns/margin-collapsing-bug616722-1-ref.html b/layout/reftests/columns/margin-collapsing-bug616722-1-ref.html
new file mode 100644
index 0000000000..e7e99f70e7
--- /dev/null
+++ b/layout/reftests/columns/margin-collapsing-bug616722-1-ref.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>616722-1</title>
+
+	<style type="text/css">
+                body,html { margin:0;padding: 10px; font: 20px/1 sans-serif;}
+                p  { margin: 0; background:pink; }
+		.columns {
+			-webkit-column-count: 1;
+			column-count: 1;
+                        background-color:lime;
+			margin: 0em;
+			border: 1px solid black;
+		}
+		.no-border {
+			border-width:0;
+		}
+	</style>
+</head>
+<body>
+		<div class="columns">
+			<div style="padding:10px 0 3px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns">
+			<div style="padding:3px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns">
+			<div style="padding:10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns">
+			<div style="padding:20px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns">
+			<div style="padding:20px 0 0 0"></div>
+		</div>
+
+		<div class="columns no-border">
+			<div style="padding:10px 0 3px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border">
+			<div style="padding:3px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border">
+			<div style="padding:10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border">
+			<div style="padding:20px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border">
+			<div style="padding:20px 0 0 0"></div>
+		</div>
+<!--
+		<div class="columns no-border" style="margin-bottom:3px">
+			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border" style="margin-top:3px">
+			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border">
+			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border" style="margin-top:20px">
+			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
+		</div>
+		<div class="columns no-border">
+			<div></div>
+		</div>
+-->
+</body></html>
diff --git a/layout/reftests/columns/margin-collapsing-bug616722-1.html b/layout/reftests/columns/margin-collapsing-bug616722-1.html
new file mode 100644
index 0000000000..9f404eb0c2
--- /dev/null
+++ b/layout/reftests/columns/margin-collapsing-bug616722-1.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>616722-1</title>
+
+	<style type="text/css">
+                body,html { margin:0;padding: 10px; font: 20px/1 sans-serif;}
+                p  { margin: 3px 0; background:pink; }
+		div {
+                        background-color:lime;
+			margin: 0em;
+			border: 1px solid black;
+		}
+		.no-border {
+			border-style: none;
+		}
+
+		.columns {
+			-webkit-column-count: 1;
+			column-count: 1;
+		}
+	</style>
+</head>
+<body>
+		<div class="columns">
+			<p style="margin-top:10px">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns">
+			<p style="margin-bottom:10px">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns">
+			<p style="margin:10px 0">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns">
+			<p style="margin:20px 0 10px 0">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns">
+			<p style="margin:20px 0 10px 0"></p>
+		</div>
+
+		<div class="columns no-border">
+			<p style="margin-top:10px">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin-bottom:10px">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin:10px 0">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin:20px 0 10px 0">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin:20px 0 10px 0"></p>
+		</div>
+
+</body></html>
diff --git a/layout/reftests/columns/margin-collapsing-bug616722-2-ref.html b/layout/reftests/columns/margin-collapsing-bug616722-2-ref.html
new file mode 100644
index 0000000000..52e31a35cc
--- /dev/null
+++ b/layout/reftests/columns/margin-collapsing-bug616722-2-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>616722-2</title>
+
+	<style type="text/css">
+                body,html { margin:0;padding: 10px; font: 20px/1 sans-serif; }
+                p  { margin: 3px 0; background:pink; }
+                .no-border p  { margin: 0; }
+
+		.columns {
+			-webkit-column-count: 3;
+			column-count: 3;
+                        background-color:lime;
+			margin: 0em;
+			border: 1px solid black;
+		}
+		.no-border {
+			border-width: 0;
+		}
+	</style>
+</head>
+<body>
+		<div class="columns no-border" style="padding:10px 0;background:none"></div>
+		<div class="columns">
+			<div style="padding-top:7px"><p>1</p></div>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns no-border" style="padding:10px 0;background:none"><p></p></div>
+		<div class="columns">
+			<div style="padding-bottom:10px"><p>1</p></div>
+			<p>2</p>
+			<div style="padding-bottom:17px"><p>3</p></div>
+		</div>
+		<div class="columns">
+			<div style="padding:7px 0 0 0"><p>1</p></div>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns">
+			<div style="padding:17px 0 0 0"><p>1</p></div>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns">
+			<p style="margin:0"></p>
+			<p style="margin:0"></p>
+			<p style="margin:0"></p>
+		</div>
+
+		<div class="columns no-border">
+			<div style="padding-top:10px"><p>1</p></div>
+			<p>2</p>
+			<div style="padding-bottom:20px"><p>3</p></div>
+		</div>
+		<div class="columns no-border">
+			<div style="padding-top:3px"><p>1</p></div>
+			<p>2</p>
+			<div style="padding-bottom:0px"><p>3</p></div>
+		</div>
+		<div class="columns no-border">
+			<div style="padding:10px 0 0 0"><p>1</p></div>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns no-border">
+			<div style="padding:20px 0 0 0"><p>1</p></div>
+			<div style="padding:0 0 20px 0"><p>2</p></div>
+			<p>3</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin:0"></p>
+			<p style="margin:0"></p>
+			<p style="margin:0"></p>
+		</div>
+
+
+</body></html>
diff --git a/layout/reftests/columns/margin-collapsing-bug616722-2.html b/layout/reftests/columns/margin-collapsing-bug616722-2.html
new file mode 100644
index 0000000000..76b2680df3
--- /dev/null
+++ b/layout/reftests/columns/margin-collapsing-bug616722-2.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>616722-2</title>
+
+	<style type="text/css">
+                body,html { margin:0;padding: 10px; font: 20px/1 sans-serif; }
+                p  { margin: 3px 0; background:pink; }
+		div {
+                        background-color:lime;
+			margin: 0em;
+			border: 1px solid black;
+		}
+		.no-border {
+			border-style: none;
+		}
+
+		.columns {
+			-webkit-column-count: 3;
+			column-count: 3;
+		}
+	</style>
+</head>
+<body>
+		<div class="columns no-border" style="margin:10px 0"></div>
+		<div class="columns">
+			<p style="margin-top:10px">1</p>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns no-border" style="padding:10px 0;background:none"><p></p></div>
+		<div class="columns">
+			<p style="margin-bottom:10px">1</p>
+			<p>2</p>
+			<p style="margin-bottom:20px">3</p>
+		</div>
+		<div class="columns">
+			<p style="margin:10px 0">1</p>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns">
+			<p style="margin:20px 0 10px 0">1</p>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns">
+			<p style="margin:20px 0 10px 0"></p>
+			<p></p>
+			<p style="margin:20px 0 10px 0"></p>
+		</div>
+
+		<div class="columns no-border">
+			<p style="margin-top:10px">1</p>
+			<p>2</p>
+			<p style="margin-bottom:20px">3</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin-bottom:10px">1</p>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin:10px 0">1</p>
+			<p>2</p>
+			<p>3</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin:20px 0 10px 0">1</p>
+			<p>2</p>
+			<p style="margin:20px 0 10px 0">3</p>
+		</div>
+		<div class="columns no-border">
+			<p style="margin:20px 0 10px 0"></p>
+			<p></p>
+			<p style="margin:20px 0 10px 0"></p>
+		</div>
+
+</body></html>
diff --git a/layout/reftests/columns/min-width-1-ref.html b/layout/reftests/columns/min-width-1-ref.html
new file mode 100644
index 0000000000..d6d7034b09
--- /dev/null
+++ b/layout/reftests/columns/min-width-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { border:2px solid black; width:100px; height:200px; }
+  </style>
+</head>
+<body>
+  <table width="1"><tr><td><div></div></tr></td></table>
+  <table width="1"><tr><td><div></div></tr></td></table>
+</body>
+</html>
diff --git a/layout/reftests/columns/min-width-1a.html b/layout/reftests/columns/min-width-1a.html
new file mode 100644
index 0000000000..60aa2ea352
--- /dev/null
+++ b/layout/reftests/columns/min-width-1a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { column-count:2; column-gap:0; border:2px solid black; height:200px; }
+  div.gap { column-gap:80px; }
+  span { display:inline-block; width:100px; }
+  </style>
+</head>
+<body>
+  <table cellpadding=0 cellspacing=0 width="1"><tr><td><div>
+    <span></span>
+  </div></tr></td></table>
+  <table cellpadding=0 cellspacing=0 width="1"><tr><td><div class="gap">
+    <span></span>
+  </div></tr></td></table>
+</body>
+</html>
diff --git a/layout/reftests/columns/min-width-1b.html b/layout/reftests/columns/min-width-1b.html
new file mode 100644
index 0000000000..1deb4f0c84
--- /dev/null
+++ b/layout/reftests/columns/min-width-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { column-width:200px; column-count:2; column-gap:0; border:2px solid black; height:200px; }
+  div.gap { column-gap:80px; }
+  span { display:inline-block; width:100px; }
+  </style>
+</head>
+<body>
+  <table width="1"><tr><td><div>
+    <span></span>
+  </div></tr></td></table>
+  <table width="1"><tr><td><div class="gap">
+    <span></span>
+  </div></tr></td></table>
+</body>
+</html>
diff --git a/layout/reftests/columns/min-width-1c.html b/layout/reftests/columns/min-width-1c.html
new file mode 100644
index 0000000000..09f5105dac
--- /dev/null
+++ b/layout/reftests/columns/min-width-1c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { column-width:100px; column-count:2; column-gap:0; border:2px solid black; height:200px; }
+  div.gap { column-gap:80px; }
+  span { display:inline-block; width:200px; }
+  </style>
+</head>
+<body>
+  <table width="1"><tr><td><div>
+    <span></span>
+  </div></tr></td></table>
+  <table width="1"><tr><td><div class="gap">
+    <span></span>
+  </div></tr></td></table>
+</body>
+</html>
diff --git a/layout/reftests/columns/min-width-2-ref.html b/layout/reftests/columns/min-width-2-ref.html
new file mode 100644
index 0000000000..93e915da17
--- /dev/null
+++ b/layout/reftests/columns/min-width-2-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1109571</title>
+    <style type="text/css">
+* {
+    color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace;
+}
+
+.c {
+  height: 2.2em;
+  line-height: 1em;
+  border: dotted;
+  white-space: pre;
+  position: relative;
+}
+
+g { display:inline-block; width:2em; }
+z { position:absolute; top:0; bottom:0; color:white; border-right:2px solid blue; margin-left:-1px; }
+o { position:absolute; top:0; right:0; width:0; }
+x { position:relative; z-index:1; } /* to render it above the blue bar */
+    </style>
+</head>
+<body>
+
+
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c"><z style="padding-left:1em">&nbsp;&nbsp;&nbsp;&nbsp;</z><x>xxxx</x><g></g><x>xxxx</x><br><x>xxxx</x><g></g><x>xxxx</x></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table>
+</div>
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c"><z>&nbsp;&nbsp;&nbsp;&nbsp;</z><x>xxxxxxxx</x><br><x>xxxxxxxx</x></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table>
+</div>
+
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c"><z style="padding-left:1em">&nbsp;&nbsp;&nbsp;&nbsp;</z><x>xxxx</x><br><x>xxxx</x><o><g></g><x>xxxx</x><br><g></g><x>xxxx</x></o></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table>
+</div>
+
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c"><z>&nbsp;&nbsp;&nbsp;&nbsp;</z><x>xxxx</x><br><x>xxxx</x><o><x>xxxx</x><br><x>xxxx</x></o></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/columns/min-width-2.html b/layout/reftests/columns/min-width-2.html
new file mode 100644
index 0000000000..6d0a09b0f1
--- /dev/null
+++ b/layout/reftests/columns/min-width-2.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug </title>
+    <style type="text/css">
+* {
+    color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace;
+}
+
+.c {
+  -webkit-column-rule:2px solid blue;
+  -o-column-rule:2px solid blue;
+  -ms-column-rule:2px solid blue;
+  column-rule:2px solid blue;
+
+  -webkit-column-gap:0;
+  -o-column-gap:0;
+  -ms-column-gap:0;
+  column-gap:0;
+
+  height:2.2em;
+  line-height:1em;
+  border:dotted;
+}
+
+.col2 {
+  -webkit-column-count:2;
+  -o-column-count:2;
+  -ms-column-count:2;
+  column-count:2;
+}
+
+.cw {
+  -webkit-column-width:4em;
+  -o-column-width:4em;
+  -ms-column-width:4em;
+  column-width:4em;
+}
+
+.gap {
+  -webkit-column-gap:2em;
+  -o-column-gap:2em;
+  -ms-column-gap:2em;
+  column-gap:2em;
+}
+    </style>
+</head>
+<body>
+
+
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c col2 gap">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
+</div>
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c col2">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
+</div>
+
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c gap cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
+</div>
+
+<div style="width:250px; border:1px solid">
+<table cellpadding=0 cellspacing=0><td><div class="c cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
+</div>
+
+</body>
+</html>
+
+
diff --git a/layout/reftests/columns/positioning-transforms-bug1112501-ref.html b/layout/reftests/columns/positioning-transforms-bug1112501-ref.html
new file mode 100644
index 0000000000..bc1a5ec605
--- /dev/null
+++ b/layout/reftests/columns/positioning-transforms-bug1112501-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>m
+<div style="column-count: 2;">m
+<span style="position: absolute;">m m</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/columns/positioning-transforms-bug1112501.html b/layout/reftests/columns/positioning-transforms-bug1112501.html
new file mode 100644
index 0000000000..f40c65e343
--- /dev/null
+++ b/layout/reftests/columns/positioning-transforms-bug1112501.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>m
+<div style="column-count: 2; transform: scale(1,1); ">m
+<span style="position: fixed;">m m</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/columns/pref-width-1-ref.html b/layout/reftests/columns/pref-width-1-ref.html
new file mode 100644
index 0000000000..2eae0681bb
--- /dev/null
+++ b/layout/reftests/columns/pref-width-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { float:left; border:2px solid black; height:200px; }
+  div.clear { clear:both; }
+  span { display:inline-block; width:100px; }
+  span.gap { width:80px; }
+  </style>
+</head>
+<body>
+  <div>
+    <span></span><span></span>
+  </div>
+  <div class="clear">
+    <span></span><span class="gap"></span><span></span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/pref-width-1a.html b/layout/reftests/columns/pref-width-1a.html
new file mode 100644
index 0000000000..bc7968898b
--- /dev/null
+++ b/layout/reftests/columns/pref-width-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { column-count:2; column-gap:0; float:left; border:2px solid black; height:200px; }
+  div.clear { clear:both; }
+  div.gap { column-gap:80px; }
+  span { display:inline-block; width:100px; }
+  </style>
+</head>
+<body>
+  <div>
+    <span></span><br><span></span>
+  </div>
+  <div class="gap clear">
+    <span></span><br><span></span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/pref-width-1b.html b/layout/reftests/columns/pref-width-1b.html
new file mode 100644
index 0000000000..ce5d29690d
--- /dev/null
+++ b/layout/reftests/columns/pref-width-1b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { column-count:2; column-width:100px; column-gap:0; float:left; border:2px solid black; height:200px; }
+  div.clear { clear:both; }
+  div.gap { column-gap:80px; }
+  span { display:inline-block; width:50px; }
+  </style>
+</head>
+<body>
+  <div>
+    <span></span><br><span></span>
+  </div>
+  <div class="gap clear">
+    <span></span><br><span></span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/pref-width-1c.html b/layout/reftests/columns/pref-width-1c.html
new file mode 100644
index 0000000000..a0d359dde4
--- /dev/null
+++ b/layout/reftests/columns/pref-width-1c.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { column-count:2; column-width:100px; column-gap:0; float:left; border:2px solid black; height:200px; }
+  div.clear { clear:both; }
+  div.gap { column-gap:80px; }
+  span { display:inline-block; width:200px; }
+  </style>
+</head>
+<body>
+  <div>
+    <span></span><br><span></span>
+  </div>
+  <div class="gap clear">
+    <span></span><br><span></span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/columns/reftest.list b/layout/reftests/columns/reftest.list
new file mode 100644
index 0000000000..916817f49f
--- /dev/null
+++ b/layout/reftests/columns/reftest.list
@@ -0,0 +1,50 @@
+== basic-1.html basic-ref.html
+== pref-width-1a.html pref-width-1-ref.html
+== pref-width-1b.html pref-width-1-ref.html
+== pref-width-1c.html pref-width-1-ref.html
+== min-width-1a.html pref-width-1-ref.html
+== min-width-1b.html min-width-1-ref.html
+== min-width-1c.html min-width-1-ref.html
+== min-width-2.html min-width-2-ref.html
+== column-balancing-overflow-000.html column-balancing-overflow-000.ref.html
+== column-balancing-overflow-001.html column-balancing-overflow-000.ref.html
+== column-balancing-overflow-002.html column-balancing-overflow-002.ref.html
+== column-balancing-overflow-003.html column-balancing-overflow-003.ref.html
+== column-balancing-overflow-004.html column-balancing-overflow-004.ref.html
+pref(layout.outline.include-overflow,true) == column-balancing-overflow-005.html column-balancing-overflow-005.ref.html
+== column-balancing-000.html column-balancing-000.ref.html
+== column-balancing-001.html column-balancing-000.ref.html
+== column-balancing-002.html column-balancing-002.ref.html
+== column-balancing-003.html column-balancing-000.ref.html
+== column-balancing-004.html column-balancing-004.ref.html
+== column-box-alignment-rtl.html column-box-alignment-rtl-ref.html
+== column-box-alignment-rtl-2.html column-box-alignment-rtl-2-ref.html
+== column-box-alignment-rtl-3.html column-box-alignment-rtl-3-ref.html
+== column-box-alignment-rtl-4.html column-box-alignment-rtl-4-ref.html
+== columnfill-balance.html columnfill-balance-ref.html
+fuzzy-if(OSX,0-32,0-1000) == columnfill-auto.html columnfill-auto-ref.html
+== columnfill-auto-2.html columnfill-auto-2-ref.html
+== columnfill-auto-3.html columnfill-auto-2-ref.html
+== columnrule-basic.html columnrule-basic-ref.html
+== columnrule-complex.html columnrule-complex-ref.html
+!= columnrule-linestyles.html columnrule-linestyles-notref.html
+== columnrule-padding.html columnrule-padding-ref.html
+== columnfill-overflow.html columnfill-overflow-ref.html
+== margin-collapsing-bug616722-1.html margin-collapsing-bug616722-1-ref.html
+== margin-collapsing-bug616722-2.html margin-collapsing-bug616722-2-ref.html
+== column-balancing-nested-000.html column-balancing-nested-000-ref.html
+== column-balancing-nested-001.html column-balancing-nested-001-ref.html
+== columnrule-overflow.html columnrule-overflow-ref.html
+== columns-table-caption-000.html columns-table-caption-000-ref.html
+== positioning-transforms-bug1112501.html positioning-transforms-bug1112501-ref.html
+fuzzy-if(browserIsRemote&&winWidget,0-142,0-276) == fieldset-columns-001.html fieldset-columns-001-ref.html
+== fieldset-columns-002.html fieldset-columns-002-ref.html
+== fieldset-columns-003.html fieldset-columns-003-ref.html
+== fieldset-columns-004.html fieldset-columns-004-ref.html
+== dynamic-change-with-overflow-1.html dynamic-change-with-overflow-1-ref.html
+== dynamic-text-indent-1.html dynamic-text-indent-1-ref.html
+== dynamic-text-indent-2.html dynamic-text-indent-2-ref.html
+== break-avoid-line-position-1.html break-avoid-line-position-1-ref.html
+== column-span-bidi-1.html column-span-bidi-1-ref.html
+== first-line-first-letter.html first-line-first-letter-ref.html
+== zero-height-nondirty-reflow.html zero-height-nondirty-reflow-ref.html
diff --git a/layout/reftests/columns/zero-height-nondirty-reflow-ref.html b/layout/reftests/columns/zero-height-nondirty-reflow-ref.html
new file mode 100644
index 0000000000..758fd31350
--- /dev/null
+++ b/layout/reftests/columns/zero-height-nondirty-reflow-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>CSS Multi-column Layout Test: multi-column element with zero height</title>
+  <!--
+  Based on 
+  https://github.com/web-platform-tests/wpt/blob/1f346b050d87656a040fa4fdf9f99567164e2a2b/css/css-multicol/multicol-zero-height-001.xht
+  by Opera Software ASA.
+  -->
+  <style>
+
+  html { overflow: hidden } /* suppress scrollbar reflows */
+
+  div#multi-column
+  {
+  height: 1px;
+  width: 200px;
+  display: inline-block;
+  background: #0c0;
+  }
+  </style>
+ </head>
+ <body style="height: 300px; width: 300px;">
+  <p>Below should be a 1px tall and 200px wide green line:</p>
+  <div style="display: inline">
+   <div id="multi-column">
+   </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/columns/zero-height-nondirty-reflow.html b/layout/reftests/columns/zero-height-nondirty-reflow.html
new file mode 100644
index 0000000000..b530e9d64b
--- /dev/null
+++ b/layout/reftests/columns/zero-height-nondirty-reflow.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>CSS Multi-column Layout Test: multi-column element with zero height</title>
+  <!--
+  Based on 
+  https://github.com/web-platform-tests/wpt/blob/1f346b050d87656a040fa4fdf9f99567164e2a2b/css/css-multicol/multicol-zero-height-001.xht
+  by Opera Software ASA.
+  -->
+  <style>
+
+  html { overflow: hidden } /* suppress scrollbar reflows */
+
+  div#multi-column
+  {
+  height: 0;
+  orphans: 1;
+  widows: 1;
+  width: 200px;
+  border-bottom:1px solid red;
+
+  column-count: 10;
+  column-gap: 0;
+  display: inline-block;
+  }
+
+  div#multi-column > div
+  {
+  background: #0c0;
+  float: left;
+  height: 10px;
+  width: 20px;
+  }
+  </style>
+ </head>
+ <body style="height: 300px; width: 400px;">
+  <p>Below should be a 1px tall and 200px wide green line:</p>
+  <div style="display: inline">
+   <div id="multi-column">
+    <div></div>
+   </div>
+  </div>
+  <script>
+
+  /*
+   * Cause the multi-column element to be reflowed without being dirty or any resize bits set.
+   */
+  var e = document.body;
+  e.offsetWidth;
+  e.style.width = "300px";
+
+  </script>
+ </body>
+</html>
diff --git a/layout/reftests/conditional/css-supports-001.xht b/layout/reftests/conditional/css-supports-001.xht
new file mode 100644
index 0000000000..b3d8349e97
--- /dev/null
+++ b/layout/reftests/conditional/css-supports-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Test: A nested @supports rule with valid syntax and a passing condition must apply rules inside it</title>
+  <link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au" />
+  <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports" />
+  <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-document" />
+  <meta name="flags" content="" />
+  <meta name="assert" content="An outer @document rule with an inner @supports rule must apply the rules inside the @supports only if both the @supports and @document conditions pass."/>
+  <link rel="match" href="support/pass.xht" />
+  <style type="text/css"><![CDATA[
+    @-moz-document url-prefix("") {
+      @supports (color: green) {
+        html { background-color: green }
+      }
+    }
+  ]]></style>
+ </head>
+ <body>
+ </body>
+</html>
diff --git a/layout/reftests/conditional/css-supports-002.xht b/layout/reftests/conditional/css-supports-002.xht
new file mode 100644
index 0000000000..dd506dfcda
--- /dev/null
+++ b/layout/reftests/conditional/css-supports-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Test: A nested @supports rule with valid syntax and a passing condition must apply rules inside it</title>
+  <link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au" />
+  <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports" />
+  <meta name="flags" content="" />
+  <meta name="assert" content="An inner @document rule with an outer @supports rule must apply the rules inside the @document only if both the @supports and @document conditions pass."/>
+  <link rel="match" href="support/pass.xht" />
+  <style type="text/css"><![CDATA[
+    @supports (color: green) {
+      @-moz-document url-prefix("") {
+        html { background-color: green }
+      }
+    }
+  ]]></style>
+ </head>
+ <body>
+ </body>
+</html>
diff --git a/layout/reftests/conditional/reftest.list b/layout/reftests/conditional/reftest.list
new file mode 100644
index 0000000000..3c5b48c331
--- /dev/null
+++ b/layout/reftests/conditional/reftest.list
@@ -0,0 +1,2 @@
+== css-supports-001.xht support/pass.xht
+== css-supports-002.xht support/pass.xht
diff --git a/layout/reftests/conditional/support/pass.xht b/layout/reftests/conditional/support/pass.xht
new file mode 100644
index 0000000000..24dc3107e8
--- /dev/null
+++ b/layout/reftests/conditional/support/pass.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au"/>
+  <style type="text/css"><![CDATA[
+   html { background-color: green }
+  ]]></style>
+ </head>
+ <body>
+ </body>
+</html>
diff --git a/layout/reftests/counter-style/ref-common.css b/layout/reftests/counter-style/ref-common.css
new file mode 100644
index 0000000000..92d77de0e5
--- /dev/null
+++ b/layout/reftests/counter-style/ref-common.css
@@ -0,0 +1,12 @@
+body {
+  /* to match ua.css, see bug 1020143 */
+  font-variant-numeric: tabular-nums;
+}
+div, p {
+  padding: 0; margin: 0;
+  line-height: 150%;
+  float: left;
+}
+p {
+  padding-right: .5em;
+}
diff --git a/layout/reftests/counter-style/reftest.list b/layout/reftests/counter-style/reftest.list
new file mode 100644
index 0000000000..8e99c7ba4f
--- /dev/null
+++ b/layout/reftests/counter-style/reftest.list
@@ -0,0 +1 @@
+== too-long-representation.html too-long-representation-ref.html
diff --git a/layout/reftests/counter-style/test-common.css b/layout/reftests/counter-style/test-common.css
new file mode 100644
index 0000000000..dcbf4e1e02
--- /dev/null
+++ b/layout/reftests/counter-style/test-common.css
@@ -0,0 +1,18 @@
+body {
+  /* to match ua.css, see bug 1020143 */
+  font-variant-numeric: tabular-nums;
+}
+ol, ul, section, p {
+  padding: 0; margin: 0;
+  line-height: 150%;
+}
+ol, ul {
+  list-style-position: inside;
+}
+li, p {
+  float: left;
+  padding: 0;
+}
+p {
+  padding-right: .5em;
+}
diff --git a/layout/reftests/counter-style/too-long-representation-ref.html b/layout/reftests/counter-style/too-long-representation-ref.html
new file mode 100644
index 0000000000..9908fe73a3
--- /dev/null
+++ b/layout/reftests/counter-style/too-long-representation-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="ref-common.css">
+<div>1000</div>
+<div>100.&nbsp;</div>
+<div>1000</div>
+<div>100.&nbsp;</div>
diff --git a/layout/reftests/counter-style/too-long-representation.html b/layout/reftests/counter-style/too-long-representation.html
new file mode 100644
index 0000000000..c09fc89ec4
--- /dev/null
+++ b/layout/reftests/counter-style/too-long-representation.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="test-common.css">
+<style type="text/css">
+  @counter-style a {
+    /* system: symbolic; */
+    symbols: '*' \2051  \2020  \2021;
+    suffix: '';
+  }
+  @counter-style b {
+    symbols: \10300;
+  }
+  @counter-style c {
+    system: additive;
+    additive-symbols: 6 \2685, 5 \2684, 4 \2683, 3 \2682, 2 \2681, 1 \2680;
+    suffix: "";
+  }
+  @counter-style d {
+    system: additive;
+    additive-symbols: 1 \10300;
+  }
+</style>
+<ol style="list-style-type: a">
+  <li value="1000"><!-- too long -->
+</ol>
+<ol style="list-style-type: b">
+  <li value="100"><!-- too long -->
+</ol>
+<ol style="list-style-type: c">
+  <li value="1000"><!-- too long -->
+</ol>
+<ol style="list-style-type: d">
+  <li value="100"><!-- too long -->
+</ol>
diff --git a/layout/reftests/counters/counter-cjk-decimal-ref.html b/layout/reftests/counters/counter-cjk-decimal-ref.html
new file mode 100644
index 0000000000..20848cc152
--- /dev/null
+++ b/layout/reftests/counters/counter-cjk-decimal-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<div>&#x3007;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x4e00;&#x3007;</div>
+<div>&#x4e00;&#x4e00;</div>
+<div>&#x4e5d;&#x4e5d;</div>
+<div>&#x4e00;&#x3007;&#x3007;</div>
+<div>&#x516d;&#x3007;&#x3007;&#x4e00;</div>
+<div>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x4e94;</div>
+
+<div>-1</div>
diff --git a/layout/reftests/counters/counter-cjk-decimal.html b/layout/reftests/counters/counter-cjk-decimal.html
new file mode 100644
index 0000000000..e4bcce920c
--- /dev/null
+++ b/layout/reftests/counters/counter-cjk-decimal.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<style>
+  div::after {
+    content: counter(n, cjk-decimal);
+  }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 12345;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-ethiopic-numeric-ref.html b/layout/reftests/counters/counter-ethiopic-numeric-ref.html
new file mode 100644
index 0000000000..02cac0b4db
--- /dev/null
+++ b/layout/reftests/counters/counter-ethiopic-numeric-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<style type="text/css">
+  div {
+    float: left;
+    padding: .5em;
+  }
+</style>
+<div>&#x1369;</div>
+<div>&#x136a;</div>
+<div>&#x136b;</div>
+<div>&#x136c;</div>
+<div>&#x136d;</div>
+<div>&#x136e;</div>
+<div>&#x136f;</div>
+<div>&#x1370;</div>
+<div>&#x1371;</div>
+
+<div>&#x1372;</div>
+<div>&#x1372;&#x1369;</div>
+<div>&#x1372;&#x136a;</div>
+<div>&#x1375;&#x136b;</div>
+<div>&#x1378;&#x136f;</div>
+<div>&#x1379;</div>
+<div>&#x137a;&#x1371;</div>
+<div>&#x137b;</div>
+<div>&#x137b;&#x1369;</div>
+<div>&#x136a;&#x137b;&#x1373;&#x136a;</div>
+<div>&#x136d;&#x137b;&#x1375;</div>
+<div>&#x1371;&#x137b;&#x137a;&#x1371;</div>
+<div>&#x1372;&#x137b;</div>
+<div>&#x1372;&#x137b;&#x136d;</div>
+<div>&#x1372;&#x137b;&#x1377;</div>
+<div>&#x1372;&#x137b;&#x1377;&#x136d;</div>
+<div>&#x1372;&#x1370;&#x137b;</div>
+<div>&#x1372;&#x1370;&#x137b;&#x1377;</div>
+<div>&#x1372;&#x1370;&#x137b;&#x1377;&#x136d;</div>
+<div>&#x1376;&#x1370;&#x137b;&#x1377;&#x136d;</div>
+<div>&#x1378;&#x137b;&#x136d;</div>
+<div>&#x1378;&#x1370;&#x137b;</div>
+<div>&#x1378;&#x1370;&#x137b;&#x1377;&#x136c;</div>
+<div>&#x137a;&#x1371;&#x137b;&#x137a;&#x1371;</div>
+<div>&#x137c;</div>
+<div>&#x137b;&#x137c;&#x1369;</div>
+<div>&#x1378;&#x1370;&#x137b;&#x1369;&#x137c;&#x137a;&#x136a;</div>
+
+<div>0</div>
+<div>-1</div>
diff --git a/layout/reftests/counters/counter-ethiopic-numeric.html b/layout/reftests/counters/counter-ethiopic-numeric.html
new file mode 100644
index 0000000000..aeca84f306
--- /dev/null
+++ b/layout/reftests/counters/counter-ethiopic-numeric.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<style type="text/css">
+  div {
+    float: left;
+    padding: .5em;
+  }
+  div::after {
+    content: counter(n, ethiopic-numeric);
+  }
+</style>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 12;"></div>
+<div style="counter-reset: n 43;"></div>
+<div style="counter-reset: n 77;"></div>
+<div style="counter-reset: n 80;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 222;"></div>
+<div style="counter-reset: n 540;"></div>
+<div style="counter-reset: n 999;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 1005;"></div>
+<div style="counter-reset: n 1060;"></div>
+<div style="counter-reset: n 1065;"></div>
+<div style="counter-reset: n 1800;"></div>
+<div style="counter-reset: n 1860;"></div>
+<div style="counter-reset: n 1865;"></div>
+<div style="counter-reset: n 5865;"></div>
+<div style="counter-reset: n 7005;"></div>
+<div style="counter-reset: n 7800;"></div>
+<div style="counter-reset: n 7864;"></div>
+<div style="counter-reset: n 9999;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 1000001;"></div>
+<div style="counter-reset: n 78010092;"></div>
+
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-hebrew-reference.html b/layout/reftests/counters/counter-hebrew-reference.html
new file mode 100644
index 0000000000..f2c1326056
--- /dev/null
+++ b/layout/reftests/counters/counter-hebrew-reference.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter() error cases</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>&#x5d0;</span>
+   <span>&#x5d1;</span>
+   <span>&#x5d2;</span>
+   <span>&#x5d3;</span>
+   <span>&#x5d4;</span>
+   <span>&#x5d5;</span>
+   <span>&#x5d6;</span>
+   <span>&#x5d7;</span>
+   <span>&#x5d8;</span>
+   <span>&#x5d9;</span>
+   <span>&#x5d9;&#x5d0;</span>
+   <span>&#x5d9;&#x5d1;</span>
+   <span>&#x5d9;&#x5d2;</span>
+   <span>&#x5d9;&#x5d3;</span>
+   <span>&#x5d8;&#x5d5;</span>
+   <span>&#x5d8;&#x5d6;</span>
+   <span>&#x5d9;&#x5d6;</span>
+   <span>&#x5db;</span>
+   <span>&#x5dc;</span>
+   <span>&#x5de;</span>
+   <span>&#x5e0;</span>
+   <span>&#x5e1;</span>
+   <span>&#x5e2;</span>
+   <span>&#x5e4;</span>
+   <span>&#x5e6;</span>
+   <span>&#x5e7;</span>
+   <span>&#x5e8;</span>
+   <span>&#x5e9;</span>
+   <span>&#x5ea;</span>
+   <span>&#x5ea;&#x5e7;</span>
+   <span>&#x5ea;&#x5e8;</span>
+   <span>&#x5ea;&#x5e9;</span>
+   <span>&#x5ea;&#x5ea;</span>
+   <span>&#x5ea;&#x5ea;&#x5e7;</span>
+   <span>&#x5d0;&#x05f3;</span>
+   <span>&#x5d1;&#x05f3;</span>
+   <span>&#x5d2;&#x05f3;</span>
+   <span>&#x5d3;&#x05f3;</span>
+   <span>&#x5d4;&#x05f3;</span>
+   <span>&#x5d5;&#x05f3;</span>
+   <span>&#x5d6;&#x05f3;</span>
+   <span>&#x5d7;&#x05f3;</span>
+   <span>&#x5d8;&#x05f3;</span>
+   <span>&#x5d8;&#x05f3;&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;</span>
+   <span>&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;&#x05f3;&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;</span>
+   <style>
+     #c18:before { counter-set: c 18; content: counter(c, hebrew); }
+   </style>
+   <span id="c18"></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-hebrew-test.html b/layout/reftests/counters/counter-hebrew-test.html
new file mode 100644
index 0000000000..8c636342d1
--- /dev/null
+++ b/layout/reftests/counters/counter-hebrew-test.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter() error cases</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, hebrew); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 19"></span>
+   <span style="counter-reset: c 29"></span>
+   <span style="counter-reset: c 39"></span>
+   <span style="counter-reset: c 49"></span>
+   <span style="counter-reset: c 59"></span>
+   <span style="counter-reset: c 69"></span>
+   <span style="counter-reset: c 79"></span>
+   <span style="counter-reset: c 89"></span>
+   <span style="counter-reset: c 99"></span>
+   <span style="counter-reset: c 199"></span>
+   <span style="counter-reset: c 299"></span>
+   <span style="counter-reset: c 399"></span>
+   <span style="counter-reset: c 499"></span>
+   <span style="counter-reset: c 599"></span>
+   <span style="counter-reset: c 699"></span>
+   <span style="counter-reset: c 799"></span>
+   <span style="counter-reset: c 899"></span>
+   <span style="counter-reset: c 999"></span>
+   <span style="counter-reset: c 1999"></span>
+   <span style="counter-reset: c 2999"></span>
+   <span style="counter-reset: c 3999"></span>
+   <span style="counter-reset: c 4999"></span>
+   <span style="counter-reset: c 5999"></span>
+   <span style="counter-reset: c 6999"></span>
+   <span style="counter-reset: c 7999"></span>
+   <span style="counter-reset: c 8999"></span>
+   <span style="counter-reset: c 9998"></span>
+   <span style="counter-reset: c 999998"></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-japanese-formal-ref.html b/layout/reftests/counters/counter-japanese-formal-ref.html
new file mode 100644
index 0000000000..674823030f
--- /dev/null
+++ b/layout/reftests/counters/counter-japanese-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x58f1;</div>
+<div>&#x5f10;</div>
+<div>&#x53c2;</div>
+<div>&#x56db;</div>
+<div>&#x4f0d;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x58f1;&#x62fe;</div>
+<div>&#x58f1;&#x767e;</div>
+<div>&#x58f1;&#x9621;</div>
+<div>&#x58f1;&#x842c;</div>
+<div>&#x58f1;&#x62fe;&#x842c;</div>
+<div>&#x58f1;&#x767e;&#x842c;</div>
+<div>&#x58f1;&#x9621;&#x842c;</div>
+<div>&#x58f1;&#x5104;</div>
+<div>&#x58f1;&#x62fe;&#x5104;</div>
+
+<div>&#x58f1;&#x62fe;&#x58f1;</div>
+<div>&#x4e5d;&#x62fe;&#x4e5d;</div>
+<div>&#x58f1;&#x767e;&#x58f1;</div>
+<div>&#x5f10;&#x767e;</div>
+<div>&#x516d;&#x9621;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;&#x62fe;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;&#x767e;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;&#x9621;&#x58f1;&#x767e;&#x58f1;&#x62fe;&#x58f1;</div>
+<div>&#x58f1;&#x9621;&#x58f1;&#x767e;&#x842c;</div>
+<div>&#x58f1;&#x5104;&#x58f1;&#x842c;&#x58f1;</div>
+<div>&#x58f1;&#x5104;&#x58f1;&#x62fe;&#x58f1;&#x842c;&#x58f1;</div>
+
+<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x58f1;</div>
diff --git a/layout/reftests/counters/counter-japanese-formal.html b/layout/reftests/counters/counter-japanese-formal.html
new file mode 100644
index 0000000000..f580db7806
--- /dev/null
+++ b/layout/reftests/counters/counter-japanese-formal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::after {
+    content: counter(n, japanese-formal);
+  }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 100000;"></div>
+<div style="counter-reset: n 1000000;"></div>
+<div style="counter-reset: n 10000000;"></div>
+<div style="counter-reset: n 100000000;"></div>
+<div style="counter-reset: n 1000000000;"></div>
+
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 200;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 10001;"></div>
+<div style="counter-reset: n 10011;"></div>
+<div style="counter-reset: n 10101;"></div>
+<div style="counter-reset: n 11111;"></div>
+<div style="counter-reset: n 11000000;"></div>
+<div style="counter-reset: n 100010001;"></div>
+<div style="counter-reset: n 100110001;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-japanese-informal-ref.html b/layout/reftests/counters/counter-japanese-informal-ref.html
new file mode 100644
index 0000000000..a08a63631b
--- /dev/null
+++ b/layout/reftests/counters/counter-japanese-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x3007;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x5341;</div>
+<div>&#x767e;</div>
+<div>&#x5343;</div>
+<div>&#x4e00;&#x4e07;</div>
+<div>&#x5341;&#x4e07;</div>
+<div>&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5343;&#x4e07;</div>
+<div>&#x4e00;&#x5104;</div>
+<div>&#x5341;&#x5104;</div>
+
+<div>&#x5341;&#x4e00;</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;</div>
+<div>&#x767e;&#x4e00;</div>
+<div>&#x4e8c;&#x767e;</div>
+<div>&#x516d;&#x5343;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x767e;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;&#x5343;&#x767e;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x5343;&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5104;&#x4e00;&#x4e07;&#x4e00;</div>
+<div>&#x4e00;&#x5104;&#x5341;&#x4e00;&#x4e07;&#x4e00;</div>
+
+<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e00;</div>
diff --git a/layout/reftests/counters/counter-japanese-informal.html b/layout/reftests/counters/counter-japanese-informal.html
new file mode 100644
index 0000000000..e421fb5f62
--- /dev/null
+++ b/layout/reftests/counters/counter-japanese-informal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::after {
+    content: counter(n, japanese-informal);
+  }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 100000;"></div>
+<div style="counter-reset: n 1000000;"></div>
+<div style="counter-reset: n 10000000;"></div>
+<div style="counter-reset: n 100000000;"></div>
+<div style="counter-reset: n 1000000000;"></div>
+
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 200;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 10001;"></div>
+<div style="counter-reset: n 10011;"></div>
+<div style="counter-reset: n 10101;"></div>
+<div style="counter-reset: n 11111;"></div>
+<div style="counter-reset: n 11000000;"></div>
+<div style="counter-reset: n 100010001;"></div>
+<div style="counter-reset: n 100110001;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-korean-hangul-formal-ref.html b/layout/reftests/counters/counter-korean-hangul-formal-ref.html
new file mode 100644
index 0000000000..641fa5de1e
--- /dev/null
+++ b/layout/reftests/counters/counter-korean-hangul-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#xc601;,</div>
+<div>&#xc77c;,</div>
+<div>&#xc774;,</div>
+<div>&#xc0bc;,</div>
+<div>&#xc0ac;,</div>
+<div>&#xc624;,</div>
+<div>&#xc721;,</div>
+<div>&#xce60;,</div>
+<div>&#xd314;,</div>
+<div>&#xad6c;,</div>
+
+<div>&#xc77c;&#xc2ed;,</div>
+<div>&#xc77c;&#xbc31;,</div>
+<div>&#xc77c;&#xcc9c;,</div>
+<div>&#xc77c;&#xb9cc;,</div>
+<div>&#xc77c;&#xc2ed;&#xb9cc;,</div>
+<div>&#xc77c;&#xbc31;&#xb9cc;,</div>
+<div>&#xc77c;&#xcc9c;&#xb9cc;,</div>
+<div>&#xc77c;&#xc5b5;,</div>
+<div>&#xc77c;&#xc2ed;&#xc5b5;,</div>
+
+<div>&#xc77c;&#xc2ed;&#xc77c;,</div>
+<div>&#xad6c;&#xc2ed;&#xad6c;,</div>
+<div>&#xc77c;&#xbc31;&#xc77c;,</div>
+<div>&#xc774;&#xbc31;,</div>
+<div>&#xc721;&#xcc9c;&#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;&#xc2ed;&#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;&#xbc31;&#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;&#xcc9c;&#xc77c;&#xbc31;&#xc77c;&#xc2ed;&#xc77c;,</div>
+<div>&#xc77c;&#xcc9c;&#xc77c;&#xbc31;&#xb9cc;,</div>
+<div>&#xc77c;&#xc5b5; &#xc77c;&#xb9cc; &#xc77c;,</div>
+<div>&#xc77c;&#xc5b5; &#xc77c;&#xc2ed;&#xc77c;&#xb9cc; &#xc77c;,</div>
+
+<div>&#xb9c8;&#xc774;&#xb108;&#xc2a4; &#xc77c;,</div>
diff --git a/layout/reftests/counters/counter-korean-hangul-formal.html b/layout/reftests/counters/counter-korean-hangul-formal.html
new file mode 100644
index 0000000000..57a110cee8
--- /dev/null
+++ b/layout/reftests/counters/counter-korean-hangul-formal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::before {
+    content: counter(n, korean-hangul-formal);
+  }
+</style>
+<div style="counter-reset: n 0;">,</div>
+<div style="counter-reset: n 1;">,</div>
+<div style="counter-reset: n 2;">,</div>
+<div style="counter-reset: n 3;">,</div>
+<div style="counter-reset: n 4;">,</div>
+<div style="counter-reset: n 5;">,</div>
+<div style="counter-reset: n 6;">,</div>
+<div style="counter-reset: n 7;">,</div>
+<div style="counter-reset: n 8;">,</div>
+<div style="counter-reset: n 9;">,</div>
+
+<div style="counter-reset: n 10;">,</div>
+<div style="counter-reset: n 100;">,</div>
+<div style="counter-reset: n 1000;">,</div>
+<div style="counter-reset: n 10000;">,</div>
+<div style="counter-reset: n 100000;">,</div>
+<div style="counter-reset: n 1000000;">,</div>
+<div style="counter-reset: n 10000000;">,</div>
+<div style="counter-reset: n 100000000;">,</div>
+<div style="counter-reset: n 1000000000;">,</div>
+
+<div style="counter-reset: n 11;">,</div>
+<div style="counter-reset: n 99;">,</div>
+<div style="counter-reset: n 101;">,</div>
+<div style="counter-reset: n 200;">,</div>
+<div style="counter-reset: n 6001;">,</div>
+<div style="counter-reset: n 10001;">,</div>
+<div style="counter-reset: n 10011;">,</div>
+<div style="counter-reset: n 10101;">,</div>
+<div style="counter-reset: n 11111;">,</div>
+<div style="counter-reset: n 11000000;">,</div>
+<div style="counter-reset: n 100010001;">,</div>
+<div style="counter-reset: n 100110001;">,</div>
+
+<div style="counter-reset: n -1;">,</div>
diff --git a/layout/reftests/counters/counter-korean-hanja-formal-ref.html b/layout/reftests/counters/counter-korean-hanja-formal-ref.html
new file mode 100644
index 0000000000..da1f8a4813
--- /dev/null
+++ b/layout/reftests/counters/counter-korean-hanja-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;,</div>
+<div>&#x58f9;,</div>
+<div>&#x8cb3;,</div>
+<div>&#x53c3;,</div>
+<div>&#x56db;,</div>
+<div>&#x4e94;,</div>
+<div>&#x516d;,</div>
+<div>&#x4e03;,</div>
+<div>&#x516b;,</div>
+<div>&#x4e5d;,</div>
+
+<div>&#x58f9;&#x62fe;,</div>
+<div>&#x58f9;&#x767e;,</div>
+<div>&#x58f9;&#x4edf;,</div>
+<div>&#x58f9;&#x842c;,</div>
+<div>&#x58f9;&#x62fe;&#x842c;,</div>
+<div>&#x58f9;&#x767e;&#x842c;,</div>
+<div>&#x58f9;&#x4edf;&#x842c;,</div>
+<div>&#x58f9;&#x5104;,</div>
+<div>&#x58f9;&#x62fe;&#x5104;,</div>
+
+<div>&#x58f9;&#x62fe;&#x58f9;,</div>
+<div>&#x4e5d;&#x62fe;&#x4e5d;,</div>
+<div>&#x58f9;&#x767e;&#x58f9;,</div>
+<div>&#x8cb3;&#x767e;,</div>
+<div>&#x516d;&#x4edf;&#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;&#x62fe;&#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;&#x767e;&#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;&#x4edf;&#x58f9;&#x767e;&#x58f9;&#x62fe;&#x58f9;,</div>
+<div>&#x58f9;&#x4edf;&#x58f9;&#x767e;&#x842c;,</div>
+<div>&#x58f9;&#x5104; &#x58f9;&#x842c; &#x58f9;,</div>
+<div>&#x58f9;&#x5104; &#x58f9;&#x62fe;&#x58f9;&#x842c; &#x58f9;,</div>
+
+<div>&#xb9c8;&#xc774;&#xb108;&#xc2a4; &#x58f9;,</div>
diff --git a/layout/reftests/counters/counter-korean-hanja-formal.html b/layout/reftests/counters/counter-korean-hanja-formal.html
new file mode 100644
index 0000000000..fa12892295
--- /dev/null
+++ b/layout/reftests/counters/counter-korean-hanja-formal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::before {
+    content: counter(n, korean-hanja-formal);
+  }
+</style>
+<div style="counter-reset: n 0;">,</div>
+<div style="counter-reset: n 1;">,</div>
+<div style="counter-reset: n 2;">,</div>
+<div style="counter-reset: n 3;">,</div>
+<div style="counter-reset: n 4;">,</div>
+<div style="counter-reset: n 5;">,</div>
+<div style="counter-reset: n 6;">,</div>
+<div style="counter-reset: n 7;">,</div>
+<div style="counter-reset: n 8;">,</div>
+<div style="counter-reset: n 9;">,</div>
+
+<div style="counter-reset: n 10;">,</div>
+<div style="counter-reset: n 100;">,</div>
+<div style="counter-reset: n 1000;">,</div>
+<div style="counter-reset: n 10000;">,</div>
+<div style="counter-reset: n 100000;">,</div>
+<div style="counter-reset: n 1000000;">,</div>
+<div style="counter-reset: n 10000000;">,</div>
+<div style="counter-reset: n 100000000;">,</div>
+<div style="counter-reset: n 1000000000;">,</div>
+
+<div style="counter-reset: n 11;">,</div>
+<div style="counter-reset: n 99;">,</div>
+<div style="counter-reset: n 101;">,</div>
+<div style="counter-reset: n 200;">,</div>
+<div style="counter-reset: n 6001;">,</div>
+<div style="counter-reset: n 10001;">,</div>
+<div style="counter-reset: n 10011;">,</div>
+<div style="counter-reset: n 10101;">,</div>
+<div style="counter-reset: n 11111;">,</div>
+<div style="counter-reset: n 11000000;">,</div>
+<div style="counter-reset: n 100010001;">,</div>
+<div style="counter-reset: n 100110001;">,</div>
+
+<div style="counter-reset: n -1;">,</div>
diff --git a/layout/reftests/counters/counter-korean-hanja-informal-ref.html b/layout/reftests/counters/counter-korean-hanja-informal-ref.html
new file mode 100644
index 0000000000..1a7286f4da
--- /dev/null
+++ b/layout/reftests/counters/counter-korean-hanja-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;,</div>
+<div>&#x4e00;,</div>
+<div>&#x4e8c;,</div>
+<div>&#x4e09;,</div>
+<div>&#x56db;,</div>
+<div>&#x4e94;,</div>
+<div>&#x516d;,</div>
+<div>&#x4e03;,</div>
+<div>&#x516b;,</div>
+<div>&#x4e5d;,</div>
+
+<div>&#x5341;,</div>
+<div>&#x767e;,</div>
+<div>&#x5343;,</div>
+<div>&#x842c;,</div>
+<div>&#x5341;&#x842c;,</div>
+<div>&#x767e;&#x842c;,</div>
+<div>&#x5343;&#x842c;,</div>
+<div>&#x4e00;&#x5104;,</div>
+<div>&#x5341;&#x5104;,</div>
+
+<div>&#x5341;&#x4e00;,</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;,</div>
+<div>&#x767e;&#x4e00;,</div>
+<div>&#x4e8c;&#x767e;,</div>
+<div>&#x516d;&#x5343;&#x4e00;,</div>
+<div>&#x842c; &#x4e00;,</div>
+<div>&#x842c; &#x5341;&#x4e00;,</div>
+<div>&#x842c; &#x767e;&#x4e00;,</div>
+<div>&#x842c; &#x5343;&#x767e;&#x5341;&#x4e00;,</div>
+<div>&#x5343;&#x767e;&#x842c;,</div>
+<div>&#x4e00;&#x5104; &#x842c; &#x4e00;,</div>
+<div>&#x4e00;&#x5104; &#x5341;&#x4e00;&#x842c; &#x4e00;,</div>
+
+<div>&#xb9c8;&#xc774;&#xb108;&#xc2a4; &#x4e00;,</div>
diff --git a/layout/reftests/counters/counter-korean-hanja-informal.html b/layout/reftests/counters/counter-korean-hanja-informal.html
new file mode 100644
index 0000000000..51e70cb9ac
--- /dev/null
+++ b/layout/reftests/counters/counter-korean-hanja-informal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::before {
+    content: counter(n, korean-hanja-informal);
+  }
+</style>
+<div style="counter-reset: n 0;">,</div>
+<div style="counter-reset: n 1;">,</div>
+<div style="counter-reset: n 2;">,</div>
+<div style="counter-reset: n 3;">,</div>
+<div style="counter-reset: n 4;">,</div>
+<div style="counter-reset: n 5;">,</div>
+<div style="counter-reset: n 6;">,</div>
+<div style="counter-reset: n 7;">,</div>
+<div style="counter-reset: n 8;">,</div>
+<div style="counter-reset: n 9;">,</div>
+
+<div style="counter-reset: n 10;">,</div>
+<div style="counter-reset: n 100;">,</div>
+<div style="counter-reset: n 1000;">,</div>
+<div style="counter-reset: n 10000;">,</div>
+<div style="counter-reset: n 100000;">,</div>
+<div style="counter-reset: n 1000000;">,</div>
+<div style="counter-reset: n 10000000;">,</div>
+<div style="counter-reset: n 100000000;">,</div>
+<div style="counter-reset: n 1000000000;">,</div>
+
+<div style="counter-reset: n 11;">,</div>
+<div style="counter-reset: n 99;">,</div>
+<div style="counter-reset: n 101;">,</div>
+<div style="counter-reset: n 200;">,</div>
+<div style="counter-reset: n 6001;">,</div>
+<div style="counter-reset: n 10001;">,</div>
+<div style="counter-reset: n 10011;">,</div>
+<div style="counter-reset: n 10101;">,</div>
+<div style="counter-reset: n 11111;">,</div>
+<div style="counter-reset: n 11000000;">,</div>
+<div style="counter-reset: n 100010001;">,</div>
+<div style="counter-reset: n 100110001;">,</div>
+
+<div style="counter-reset: n -1;">,</div>
diff --git a/layout/reftests/counters/counter-name-case-sensitive-ref.html b/layout/reftests/counters/counter-name-case-sensitive-ref.html
new file mode 100644
index 0000000000..cccccc90ef
--- /dev/null
+++ b/layout/reftests/counters/counter-name-case-sensitive-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test that counter names are case sensitive (bug 416106)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<div>1-5</div>
+<div>1-7</div>
+<div>1-7</div>
+<div>2-7</div>
+<div>2-9</div>
+<div>2-9</div>
+
+</body>
+</html>
diff --git a/layout/reftests/counters/counter-name-case-sensitive.html b/layout/reftests/counters/counter-name-case-sensitive.html
new file mode 100644
index 0000000000..7697062dfb
--- /dev/null
+++ b/layout/reftests/counters/counter-name-case-sensitive.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Test that counter names are case sensitive (bug 416106)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	body { counter-reset: foo 0 Foo 5; }
+	div:before { content: counters(foo, ".") "-" counters(Foo, "."); }
+	div.a { counter-increment: foo; }
+	div.b { counter-increment: Foo 2; }
+
+	</style>
+</head>
+<body>
+
+<div class="a"></div>
+<div class="b"></div>
+<div></div>
+<div class="a"></div>
+<div class="b"></div>
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/counters/counter-reset-integer-range-ref.html b/layout/reftests/counters/counter-reset-integer-range-ref.html
new file mode 100644
index 0000000000..dfc950bc1c
--- /dev/null
+++ b/layout/reftests/counters/counter-reset-integer-range-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<title>Expected integer range</title>
+0
+2147483647
+2147483647
+2147483647
+-2147483647
+-2147483647
+-2147483647
diff --git a/layout/reftests/counters/counter-reset-integer-range.html b/layout/reftests/counters/counter-reset-integer-range.html
new file mode 100644
index 0000000000..a6fa15e8ec
--- /dev/null
+++ b/layout/reftests/counters/counter-reset-integer-range.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>Expected integer range</title>
+<style>
+
+span::after { content: counter(c); }
+
+</style>
+<span style="counter-reset: c 0"></span>
+<span style="counter-reset: c 2147483647"></span>
+<span style="counter-reset: c 2147483648"></span>
+<span style="counter-reset: c 2147483649"></span>
+<span style="counter-reset: c -2147483647"></span>
+<!--
+  We use std::numeric_limits<int32_t>::min() as an internal "magic" value to
+  implement the content based <ol reversed> start value. So the following two
+  values are outside our supported range and should be clamped to the valid
+  range per spec.
+-->
+<span style="counter-reset: c -2147483648"></span>
+<span style="counter-reset: c -2147483649"></span>
diff --git a/layout/reftests/counters/counter-simp-chinese-formal-ref.html b/layout/reftests/counters/counter-simp-chinese-formal-ref.html
new file mode 100644
index 0000000000..9a39f67426
--- /dev/null
+++ b/layout/reftests/counters/counter-simp-chinese-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x58f9;</div>
+<div>&#x8d30;</div>
+<div>&#x53c1;</div>
+<div>&#x8086;</div>
+<div>&#x4f0d;</div>
+<div>&#x9646;</div>
+<div>&#x67d2;</div>
+<div>&#x634c;</div>
+<div>&#x7396;</div>
+
+<div>&#x58f9;&#x62fe;</div>
+<div>&#x58f9;&#x4f70;</div>
+<div>&#x58f9;&#x4edf;</div>
+<div>&#x58f9;&#x4e07;</div>
+<div>&#x58f9;&#x62fe;&#x4e07;</div>
+<div>&#x58f9;&#x4f70;&#x4e07;</div>
+<div>&#x58f9;&#x4edf;&#x4e07;</div>
+<div>&#x58f9;&#x4ebf;</div>
+<div>&#x58f9;&#x62fe;&#x4ebf;</div>
+
+<div>&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x7396;&#x62fe;&#x7396;</div>
+<div>&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x8d30;&#x4f70;</div>
+<div>&#x9646;&#x4edf;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x96f6;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x96f6;&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x4e07;</div>
+<div>&#x58f9;&#x4ebf;&#x96f6;&#x58f9;&#x4e07;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4ebf;&#x96f6;&#x58f9;&#x62fe;&#x58f9;&#x4e07;&#x96f6;&#x58f9;</div>
+
+<div>&#x8d1f;&#x58f9;</div>
diff --git a/layout/reftests/counters/counter-simp-chinese-formal.html b/layout/reftests/counters/counter-simp-chinese-formal.html
new file mode 100644
index 0000000000..2f9f15f2ce
--- /dev/null
+++ b/layout/reftests/counters/counter-simp-chinese-formal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::after {
+    content: counter(n, simp-chinese-formal);
+  }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 100000;"></div>
+<div style="counter-reset: n 1000000;"></div>
+<div style="counter-reset: n 10000000;"></div>
+<div style="counter-reset: n 100000000;"></div>
+<div style="counter-reset: n 1000000000;"></div>
+
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 200;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 10001;"></div>
+<div style="counter-reset: n 10011;"></div>
+<div style="counter-reset: n 10101;"></div>
+<div style="counter-reset: n 11111;"></div>
+<div style="counter-reset: n 11000000;"></div>
+<div style="counter-reset: n 100010001;"></div>
+<div style="counter-reset: n 100110001;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-simp-chinese-informal-ref.html b/layout/reftests/counters/counter-simp-chinese-informal-ref.html
new file mode 100644
index 0000000000..adc0a4c6c6
--- /dev/null
+++ b/layout/reftests/counters/counter-simp-chinese-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x5341;</div>
+<div>&#x4e00;&#x767e;</div>
+<div>&#x4e00;&#x5343;</div>
+<div>&#x4e00;&#x4e07;</div>
+<div>&#x5341;&#x4e07;</div>
+<div>&#x4e00;&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5343;&#x4e07;</div>
+<div>&#x4e00;&#x4ebf;</div>
+<div>&#x5341;&#x4ebf;</div>
+
+<div>&#x5341;&#x4e00;</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;</div>
+<div>&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e8c;&#x767e;</div>
+<div>&#x516d;&#x5343;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x96f6;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x96f6;&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;&#x5343;&#x4e00;&#x767e;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x5343;&#x4e00;&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x4ebf;&#x96f6;&#x4e00;&#x4e07;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4ebf;&#x96f6;&#x5341;&#x4e00;&#x4e07;&#x96f6;&#x4e00;</div>
+
+<div>&#x8d1f;&#x4e00;</div>
diff --git a/layout/reftests/counters/counter-simp-chinese-informal.html b/layout/reftests/counters/counter-simp-chinese-informal.html
new file mode 100644
index 0000000000..c4c394b89b
--- /dev/null
+++ b/layout/reftests/counters/counter-simp-chinese-informal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::after {
+    content: counter(n, simp-chinese-informal);
+  }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 100000;"></div>
+<div style="counter-reset: n 1000000;"></div>
+<div style="counter-reset: n 10000000;"></div>
+<div style="counter-reset: n 100000000;"></div>
+<div style="counter-reset: n 1000000000;"></div>
+
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 200;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 10001;"></div>
+<div style="counter-reset: n 10011;"></div>
+<div style="counter-reset: n 10101;"></div>
+<div style="counter-reset: n 11111;"></div>
+<div style="counter-reset: n 11000000;"></div>
+<div style="counter-reset: n 100010001;"></div>
+<div style="counter-reset: n 100110001;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-suffix-ref.html b/layout/reftests/counters/counter-suffix-ref.html
new file mode 100644
index 0000000000..bcc760a7d3
--- /dev/null
+++ b/layout/reftests/counters/counter-suffix-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<style>
+  p, span { margin: 0; padding: 0; line-height: 150%; }
+  #wrapper { width: 10em; }
+  span {
+    display: inline-block;
+    width: 3em;
+    text-align: end;
+    box-sizing: border-box;
+    font-variant-numeric: tabular-nums;
+  }
+</style>
+<div id="wrapper">
+  <p>
+    <span>1.&nbsp;</span>foo<br>
+    <span>2.&nbsp;</span>bar
+  </p>
+  <p>
+    <span>&#x5d0;.&nbsp;</span>foo<br>
+    <span>&#x5d1;.&nbsp;</span>bar
+  </p>
+  <p>
+    <span>&#x4e00;&#x3001;</span>foo<br>
+    <span>&#x4e8c;&#x3001;</span>bar
+  </p>
+  <p>
+    <span>&#xc77c;,&nbsp;</span>foo<br>
+    <span>&#xc774;,&nbsp;</span>bar
+  </p>
+  <p dir="rtl">
+    <span>1.&nbsp;</span>foo<br>
+    <span>2.&nbsp;</span>bar
+  </p>
+  <p dir="rtl">
+    <span>&#x5d0;.&nbsp;</span>foo<br>
+    <span>&#x5d1;.&nbsp;</span>bar
+  </p>
+</div>
diff --git a/layout/reftests/counters/counter-suffix.html b/layout/reftests/counters/counter-suffix.html
new file mode 100644
index 0000000000..6378d7500b
--- /dev/null
+++ b/layout/reftests/counters/counter-suffix.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+  ol, li { margin: 0; padding: 0; line-height: 150%; }
+  #wrapper { width: 10em; }
+  ol { padding: 0 3em; }
+  .dec { list-style-type: decimal; }
+  .heb { list-style-type: hebrew; }
+  .cjk { list-style-type: cjk-decimal; }
+  .kor { list-style-type: korean-hangul-formal; }
+</style>
+<div id="wrapper">
+  <ol class="dec"><li>foo<li>bar</ol>
+  <ol class="heb"><li>foo<li>bar</ol>
+  <ol class="cjk"><li>foo<li>bar</ol>
+  <ol class="kor"><li>foo<li>bar</ol>
+  <ol class="dec" dir="rtl"><li>foo<li>bar</ol>
+  <ol class="heb" dir="rtl"><li>foo<li>bar</ol>
+</div>
diff --git a/layout/reftests/counters/counter-trad-chinese-formal-ref.html b/layout/reftests/counters/counter-trad-chinese-formal-ref.html
new file mode 100644
index 0000000000..8437f83142
--- /dev/null
+++ b/layout/reftests/counters/counter-trad-chinese-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x58f9;</div>
+<div>&#x8cb3;</div>
+<div>&#x53c3;</div>
+<div>&#x8086;</div>
+<div>&#x4f0d;</div>
+<div>&#x9678;</div>
+<div>&#x67d2;</div>
+<div>&#x634c;</div>
+<div>&#x7396;</div>
+
+<div>&#x58f9;&#x62fe;</div>
+<div>&#x58f9;&#x4f70;</div>
+<div>&#x58f9;&#x4edf;</div>
+<div>&#x58f9;&#x842c;</div>
+<div>&#x58f9;&#x62fe;&#x842c;</div>
+<div>&#x58f9;&#x4f70;&#x842c;</div>
+<div>&#x58f9;&#x4edf;&#x842c;</div>
+<div>&#x58f9;&#x5104;</div>
+<div>&#x58f9;&#x62fe;&#x5104;</div>
+
+<div>&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x7396;&#x62fe;&#x7396;</div>
+<div>&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x8cb3;&#x4f70;</div>
+<div>&#x9678;&#x4edf;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x96f6;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x96f6;&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x842c;</div>
+<div>&#x58f9;&#x5104;&#x96f6;&#x58f9;&#x842c;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x5104;&#x96f6;&#x58f9;&#x62fe;&#x58f9;&#x842c;&#x96f6;&#x58f9;</div>
+
+<div>&#x8ca0;&#x58f9;</div>
diff --git a/layout/reftests/counters/counter-trad-chinese-formal.html b/layout/reftests/counters/counter-trad-chinese-formal.html
new file mode 100644
index 0000000000..6c6ded5dc5
--- /dev/null
+++ b/layout/reftests/counters/counter-trad-chinese-formal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::after {
+    content: counter(n, trad-chinese-formal);
+  }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 100000;"></div>
+<div style="counter-reset: n 1000000;"></div>
+<div style="counter-reset: n 10000000;"></div>
+<div style="counter-reset: n 100000000;"></div>
+<div style="counter-reset: n 1000000000;"></div>
+
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 200;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 10001;"></div>
+<div style="counter-reset: n 10011;"></div>
+<div style="counter-reset: n 10101;"></div>
+<div style="counter-reset: n 11111;"></div>
+<div style="counter-reset: n 11000000;"></div>
+<div style="counter-reset: n 100010001;"></div>
+<div style="counter-reset: n 100110001;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-trad-chinese-informal-ref.html b/layout/reftests/counters/counter-trad-chinese-informal-ref.html
new file mode 100644
index 0000000000..2e156901ed
--- /dev/null
+++ b/layout/reftests/counters/counter-trad-chinese-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x5341;</div>
+<div>&#x4e00;&#x767e;</div>
+<div>&#x4e00;&#x5343;</div>
+<div>&#x4e00;&#x842c;<div>
+<div>&#x5341;&#x842c;</div>
+<div>&#x4e00;&#x767e;&#x842c;</div>
+<div>&#x4e00;&#x5343;&#x842c;</div>
+<div>&#x4e00;&#x5104;</div>
+<div>&#x5341;&#x5104;</div>
+
+<div>&#x5341;&#x4e00;</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;</div>
+<div>&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e8c;&#x767e;</div>
+<div>&#x516d;&#x5343;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x4e00;&#x5343;&#x4e00;&#x767e;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x5343;&#x4e00;&#x767e;&#x842c;</div>
+<div>&#x4e00;&#x5104;&#x96f6;&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x5104;&#x96f6;&#x5341;&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
+
+<div>&#x8ca0;&#x4e00;</div>
diff --git a/layout/reftests/counters/counter-trad-chinese-informal.html b/layout/reftests/counters/counter-trad-chinese-informal.html
new file mode 100644
index 0000000000..809cd7b942
--- /dev/null
+++ b/layout/reftests/counters/counter-trad-chinese-informal.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+  div::after {
+    content: counter(n, trad-chinese-informal);
+  }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 100000;"></div>
+<div style="counter-reset: n 1000000;"></div>
+<div style="counter-reset: n 10000000;"></div>
+<div style="counter-reset: n 100000000;"></div>
+<div style="counter-reset: n 1000000000;"></div>
+
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 200;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 10001;"></div>
+<div style="counter-reset: n 10011;"></div>
+<div style="counter-reset: n 10101;"></div>
+<div style="counter-reset: n 11111;"></div>
+<div style="counter-reset: n 11000000;"></div>
+<div style="counter-reset: n 100010001;"></div>
+<div style="counter-reset: n 100110001;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/layout/reftests/counters/counter-ua-limits-00-ref.html b/layout/reftests/counters/counter-ua-limits-00-ref.html
new file mode 100644
index 0000000000..d0f76d8be4
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-00-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+ </head>
+ <body>
+
+ <div id="test">
+   <span>2147483646</span>
+   <span>2147483647</span>
+   <span>2147483647</span>
+   <span>2147483647</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-00.html b/layout/reftests/counters/counter-ua-limits-00.html
new file mode 100644
index 0000000000..9522f60fd2
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-00.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  #test { counter-reset: c 2147483645; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-01-ref.html b/layout/reftests/counters/counter-ua-limits-01-ref.html
new file mode 100644
index 0000000000..c1742f61b7
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-01-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+ </head>
+ <body>
+
+ <div id="test">
+   <span>2147483640</span>
+   <span>2147483645</span>
+   <span>2147483645</span>
+   <span>2147483645</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-01.html b/layout/reftests/counters/counter-ua-limits-01.html
new file mode 100644
index 0000000000..cf6bcbe6ab
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-01.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  #test { counter-reset: c 2147483635; }
+  #test span { counter-increment: c 5; }
+  #test span:before { content: counter(c); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-02-ref.html b/layout/reftests/counters/counter-ua-limits-02-ref.html
new file mode 100644
index 0000000000..2715253f3f
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-02-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+ </head>
+ <body>
+
+ <div id="test">
+   <span>-2147483646</span>
+   <span>-2147483647</span>
+   <span>-2147483647</span>
+   <span>-2147483647</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-02.html b/layout/reftests/counters/counter-ua-limits-02.html
new file mode 100644
index 0000000000..e6cc9850b0
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-02.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  #test { counter-reset: c -2147483645; }
+  #test span { counter-increment: c -1; }
+  #test span:before { content: counter(c); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-03-ref.html b/layout/reftests/counters/counter-ua-limits-03-ref.html
new file mode 100644
index 0000000000..41c6e34324
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-03-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+ </head>
+ <body>
+
+ <div id="test">
+   <span>-2147483640</span>
+   <span>-2147483645</span>
+   <span>-2147483645</span>
+   <span>-2147483645</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-03.html b/layout/reftests/counters/counter-ua-limits-03.html
new file mode 100644
index 0000000000..338234fba6
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-03.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>css-counter-styles-3 Test Suite: content: counter(c)</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  #test { counter-reset: c -2147483635; }
+  #test span { counter-increment: c -5; }
+  #test span:before { content: counter(c); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-list-00-ref.html b/layout/reftests/counters/counter-ua-limits-list-00-ref.html
new file mode 100644
index 0000000000..9cdd2bf0af
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-list-00-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>test of counter UA overflow rules for HTML lists</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.  It also can't be contributed because it's testing HTML
+    lists.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  ol { margin-left: 10em; padding-left: 0; }
+  li { margin-left: 0; padding-left: 0 }
+
+  </style>
+ </head>
+ <body>
+
+ <ol>
+   <li value="2147483646">Alpha
+   <li value="2147483647">Bravo
+   <li value="2147483647">Charlie
+   <li value="2147483647">Delta
+ </ol>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-list-00.html b/layout/reftests/counters/counter-ua-limits-list-00.html
new file mode 100644
index 0000000000..68cf7cebd0
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-list-00.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>test of counter UA overflow rules for HTML lists</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.  It also can't be contributed because it's testing HTML
+    lists.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  ol { margin-left: 10em; padding-left: 0; }
+  li { margin-left: 0; padding-left: 0 }
+
+  </style>
+ </head>
+ <body>
+
+ <ol start="2147483646">
+   <li>Alpha
+   <li>Bravo
+   <li>Charlie
+   <li>Delta
+ </ol>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-list-01-ref.html b/layout/reftests/counters/counter-ua-limits-list-01-ref.html
new file mode 100644
index 0000000000..2fb1370c60
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-list-01-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>test of counter UA overflow rules for HTML lists</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.  It also can't be contributed because it's testing HTML
+    lists.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  ol { margin-left: 10em; padding-left: 0; }
+  li { margin-left: 0; padding-left: 0 }
+  li.hidden { visibility: hidden; height: 0 }
+  ol { margin-bottom: 0 }
+  ol + ol { margin-top: 0 }
+
+  </style>
+ </head>
+ <body>
+
+ <ol reversed start="-2147483645">
+   <li class="hidden">hidden
+   <li>Alpha
+ </ol>
+ <ol reversed start="-2147483646">
+   <li class="hidden">hidden
+   <li>Bravo
+ </ol>
+ <ol reversed start="-2147483647">
+   <li class="hidden">hidden
+   <li>Charlie
+ </ol>
+ <ol reversed start="-2147483648">
+   <li class="hidden">hidden
+   <li>Delta
+ </ol>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counter-ua-limits-list-01.html b/layout/reftests/counters/counter-ua-limits-list-01.html
new file mode 100644
index 0000000000..0ab5448a80
--- /dev/null
+++ b/layout/reftests/counters/counter-ua-limits-list-01.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>test of counter UA overflow rules for HTML lists</title>
+  <!--
+    NOTE: This test cannot be contributed to the test suite because
+    it presumes a 4-byte unsigned integer, which is not required by
+    the spec.  It also can't be contributed because it's testing HTML
+    lists.
+
+    However, it tests the rules for what happens at the UA-specific
+    limit, which are required by the spec.
+   -->
+  <link rel="help" href="http://dev.w3.org/csswg/css-counter-styles-3/#counter-style-range"/>
+  <link rel="help" href="http://krijnhoetmer.nl/irc-logs/css/20130205#l-1590"/>
+  <style type="text/css">
+
+  ol { margin-left: 10em; padding-left: 0; }
+  li { margin-left: 0; padding-left: 0 }
+
+  </style>
+ </head>
+ <body>
+
+ <ol reversed start="-2147483646">
+   <li>Alpha
+   <li>Bravo
+   <li>Charlie
+   <li>Delta
+ </ol>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counters-hebrew-reference.html b/layout/reftests/counters/counters-hebrew-reference.html
new file mode 100644
index 0000000000..7e725760e8
--- /dev/null
+++ b/layout/reftests/counters/counters-hebrew-reference.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", hebrew)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <p></p>
+ <div>
+   <span>&#x5d0;.&#x5d0;</span>
+   <span>&#x5d1;</span>
+   <span>&#x5d2;</span>
+   <span>&#x5d3;</span>
+   <span>&#x5d4;</span>
+   <span>&#x5d5;</span>
+   <span>&#x5d6;</span>
+   <span>&#x5d7;</span>
+   <span>&#x5d8;</span>
+   <span>&#x5d9;</span>
+   <span>&#x5d9;&#x5d0;</span>
+   <span>&#x5d9;&#x5d1;</span>
+   <span>&#x5d9;&#x5d2;</span>
+   <span>&#x5d9;&#x5d3;</span>
+   <span>&#x5d8;&#x5d5;</span>
+   <span>&#x5d8;&#x5d6;</span>
+   <span>&#x5d9;&#x5d6;</span>
+   <span>&#x5d9;&#x5d6;.&#x5db;</span>
+   <span>&#x5d9;&#x5d6;.&#x5dc;</span>
+   <span>&#x5d9;&#x5d6;.&#x5de;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e0;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e1;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e2;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e4;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e6;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e7;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e8;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e9;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5e7;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5e8;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5e9;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5ea;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5ea;&#x5e7;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d0;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d1;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d2;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d3;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d4;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d5;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d6;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d7;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d8;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d8;&#x05f3;&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;&#x05f3;&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;</span>
+   <style>
+     #c18:before { counter-set: c 18; content: counter(c, hebrew); }
+   </style>
+   <span id="c18"></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/counters-hebrew-test.html b/layout/reftests/counters/counters-hebrew-test.html
new file mode 100644
index 0000000000..ca18ae5ffb
--- /dev/null
+++ b/layout/reftests/counters/counters-hebrew-test.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", hebrew)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  body, #test span:first-child { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", hebrew); }
+  #test span { direction: rtl; }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 19"></span>
+   <span style="counter-reset: c 29"></span>
+   <span style="counter-reset: c 39"></span>
+   <span style="counter-reset: c 49"></span>
+   <span style="counter-reset: c 59"></span>
+   <span style="counter-reset: c 69"></span>
+   <span style="counter-reset: c 79"></span>
+   <span style="counter-reset: c 89"></span>
+   <span style="counter-reset: c 99"></span>
+   <span style="counter-reset: c 199"></span>
+   <span style="counter-reset: c 299"></span>
+   <span style="counter-reset: c 399"></span>
+   <span style="counter-reset: c 499"></span>
+   <span style="counter-reset: c 599"></span>
+   <span style="counter-reset: c 699"></span>
+   <span style="counter-reset: c 799"></span>
+   <span style="counter-reset: c 899"></span>
+   <span style="counter-reset: c 999"></span>
+   <span style="counter-reset: c 1999"></span>
+   <span style="counter-reset: c 2999"></span>
+   <span style="counter-reset: c 3999"></span>
+   <span style="counter-reset: c 4999"></span>
+   <span style="counter-reset: c 5999"></span>
+   <span style="counter-reset: c 6999"></span>
+   <span style="counter-reset: c 7999"></span>
+   <span style="counter-reset: c 8999"></span>
+   <span style="counter-reset: c 9998"></span>
+   <span style="counter-reset: c 999998"></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/multiple-thai-counters-ref.html b/layout/reftests/counters/multiple-thai-counters-ref.html
new file mode 100644
index 0000000000..cb2e921c1f
--- /dev/null
+++ b/layout/reftests/counters/multiple-thai-counters-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  span span span::before {
+    counter-increment: item;
+    content: counter(item, -moz-thai) "." counter(item, -moz-thai) "." counter(item, -moz-thai);
+    content: counter(item, thai) "." counter(item, thai) "." counter(item, thai);
+  }
+</style>
+<span><span><span></span></span></span>
diff --git a/layout/reftests/counters/multiple-thai-counters.html b/layout/reftests/counters/multiple-thai-counters.html
new file mode 100644
index 0000000000..0e37af4d0b
--- /dev/null
+++ b/layout/reftests/counters/multiple-thai-counters.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  span {
+    counter-reset: item;
+    counter-increment: item;
+  }
+  span span span::before {
+    content: counters(item, ".", -moz-thai);
+    content: counters(item, ".", thai);
+  }
+</style>
+<span><span><span></span></span></span>
diff --git a/layout/reftests/counters/reftest.list b/layout/reftests/counters/reftest.list
new file mode 100644
index 0000000000..08a3b62877
--- /dev/null
+++ b/layout/reftests/counters/reftest.list
@@ -0,0 +1,81 @@
+== counter-name-case-sensitive.html counter-name-case-sensitive-ref.html
+== t1202-counter-00-b-test.html t1202-counter-00-b-reference.html
+== t1202-counter-02-b-test.html t1202-counter-02-b-reference.html
+== t1202-counter-03-b-test.html t1202-counter-03-b-reference.html
+== t1202-counter-04-b-test.html t1202-counter-04-b-reference.html
+== t1202-counter-05-b-test.html t1202-counter-05-b-reference.html
+== t1202-counter-06-b-test.html t1202-counter-06-b-reference.html
+== t1202-counter-07-b-test.html t1202-counter-07-b-reference.html
+== t1202-counter-08-b-test.html t1202-counter-08-b-reference.html
+== t1202-counter-09-b-test.html t1202-counter-09-b-reference.html
+== t1202-counter-10-b-test.html t1202-counter-10-b-reference.html
+== t1202-counter-11-b-test.html t1202-counter-11-b-reference.html
+== t1202-counter-12-b-test.html t1202-counter-12-b-reference.html
+== t1202-counter-13-b-test.html t1202-counter-13-b-reference.html
+== t1202-counter-14-b-test.html t1202-counter-14-b-reference.html
+== t1202-counter-15-b-test.html t1202-counter-15-b-reference.html
+== t1202-counter-16-f-test.html t1202-counter-16-f-reference.html
+== t1202-counters-00-b-test.html t1202-counters-00-b-reference.html
+== t1202-counters-01-b-test.html about:blank
+== t1202-counters-02-b-test.html t1202-counters-02-b-reference.html
+== t1202-counters-03-b-test.html t1202-counters-03-b-reference.html
+== t1202-counters-04-b-test.html t1202-counters-04-b-reference.html
+== t1202-counters-05-b-test.html t1202-counters-05-b-reference.html
+== t1202-counters-06-b-test.html t1202-counters-06-b-reference.html
+== t1202-counters-07-b-test.html t1202-counters-07-b-reference.html
+== t1202-counters-08-b-test.html t1202-counters-08-b-reference.html
+== t1202-counters-09-b-test.html t1202-counters-09-b-reference.html
+== t1202-counters-10-b-test.html t1202-counters-10-b-reference.html
+== t1202-counters-11-b-test.html t1202-counters-11-b-reference.html
+== t1202-counters-12-b-test.html t1202-counters-12-b-reference.html
+== t1202-counters-13-b-test.html t1202-counters-13-b-reference.html
+== t1202-counters-14-b-test.html t1202-counters-14-b-reference.html
+== t1202-counters-15-b-test.html t1202-counters-15-b-reference.html
+== t1202-counters-16-c-test.html t1202-counters-16-c-reference.html
+== t1202-counters-17-d-test.html t1202-counters-17-d-reference.html
+== t1202-counters-18-f-test.html t1202-counters-18-f-reference.html
+== t1204-implied-00-b-test.html t1204-implied-00-b-reference.html
+== t1204-implied-01-c-test.html t1204-implied-01-c-reference.html
+== t1204-implied-02-d-test.html t1204-implied-02-d-reference.html
+== t1204-increment-00-c-o-test.html t1204-increment-00-c-o-reference.html
+== t1204-increment-01-c-o-test.html t1204-increment-01-c-o-reference.html
+== t1204-increment-02-c-o-test.html t1204-increment-02-c-o-reference.html
+== t1204-multiple-00-c-test.html t1204-multiple-00-c-reference.html
+== t1204-multiple-01-c-test.html t1204-multiple-01-c-reference.html
+== t1204-order-00-c-test.html t1204-order-00-c-reference.html
+== t1204-order-01-d-test.html t1204-order-01-d-reference.html
+== t1204-reset-00-c-o-test.html t1204-reset-00-c-o-reference.html
+== t1204-reset-01-c-o-test.html t1204-reset-01-c-o-reference.html
+== t1204-reset-02-c-o-test.html t1204-reset-02-c-o-reference.html
+== t1204-root-e-test.html t1204-root-e-reference.html
+== t120401-scope-00-b-test.html t120401-scope-00-b-reference.html
+== t120401-scope-01-c-test.html t120401-scope-01-c-reference.html
+== t120401-scope-02-c-test.html t120401-scope-02-c-reference.html
+== t120401-scope-03-c-test.html t120401-scope-03-c-reference.html
+== t120401-scope-04-d-test.html t120401-scope-04-d-reference.html
+== t120403-content-none-00-c-test.html t120403-content-none-00-c-reference.html
+== t120403-display-none-00-c-test.html t120403-display-none-00-c-reference.html
+== t120403-visibility-00-c-test.html t120403-visibility-00-c-reference.html
+== text-boundaries-subpixel.html text-boundaries-subpixel-ref.html
+== counter-hebrew-test.html counter-hebrew-reference.html
+== counters-hebrew-test.html counters-hebrew-reference.html
+== counter-reset-integer-range.html counter-reset-integer-range-ref.html
+== counter-ua-limits-00.html counter-ua-limits-00-ref.html
+== counter-ua-limits-01.html counter-ua-limits-01-ref.html
+== counter-ua-limits-02.html counter-ua-limits-02-ref.html
+== counter-ua-limits-03.html counter-ua-limits-03-ref.html
+== counter-ua-limits-list-00.html counter-ua-limits-list-00-ref.html
+== counter-ua-limits-list-01.html counter-ua-limits-list-01-ref.html
+== multiple-thai-counters.html multiple-thai-counters-ref.html
+== counter-suffix.html counter-suffix-ref.html
+== counter-cjk-decimal.html counter-cjk-decimal-ref.html
+== counter-japanese-informal.html counter-japanese-informal-ref.html
+== counter-japanese-formal.html counter-japanese-formal-ref.html
+== counter-korean-hangul-formal.html counter-korean-hangul-formal-ref.html
+== counter-korean-hanja-informal.html counter-korean-hanja-informal-ref.html
+== counter-korean-hanja-formal.html counter-korean-hanja-formal-ref.html
+== counter-simp-chinese-informal.html counter-simp-chinese-informal-ref.html
+== counter-simp-chinese-formal.html counter-simp-chinese-formal-ref.html
+== counter-trad-chinese-informal.html counter-trad-chinese-informal-ref.html
+== counter-trad-chinese-formal.html counter-trad-chinese-formal-ref.html
+== counter-ethiopic-numeric.html counter-ethiopic-numeric-ref.html
diff --git a/layout/reftests/counters/t1202-counter-00-b-reference.html b/layout/reftests/counters/t1202-counter-00-b-reference.html
new file mode 100644
index 0000000000..f51610e8b7
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-00-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+ 
+<div>
+  <span>1</span>
+  <span>2</span>
+  <span>3</span>
+  <span>4</span>
+  <span>5</span>
+  <span>6</span>
+  <span>7</span>
+  <span>8</span>
+  <span>9</span>
+  <span>10</span>
+  <span>11</span>
+  <span>12</span>
+</div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-00-b-test.html b/layout/reftests/counters/t1202-counter-00-b-test.html
new file mode 100644
index 0000000000..c3ac0ad57f
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-00-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-01-b-reference.html b/layout/reftests/counters/t1202-counter-01-b-reference.html
new file mode 100644
index 0000000000..dc14dd61e9
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-01-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, none)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+   <span>z</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-02-b-reference.html b/layout/reftests/counters/t1202-counter-02-b-reference.html
new file mode 100644
index 0000000000..5b7fcc22a6
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-02-b-reference.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, disc)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <div>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+   <span>&#x2022;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-02-b-test.html b/layout/reftests/counters/t1202-counter-02-b-test.html
new file mode 100644
index 0000000000..8c2819fbb1
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-02-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, disc)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, disc); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-03-b-reference.html b/layout/reftests/counters/t1202-counter-03-b-reference.html
new file mode 100644
index 0000000000..f926beacd9
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-03-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, circle)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+   <span>&#x25E6;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-03-b-test.html b/layout/reftests/counters/t1202-counter-03-b-test.html
new file mode 100644
index 0000000000..8e57a13d5d
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-03-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, circle)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, circle); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-04-b-reference.html b/layout/reftests/counters/t1202-counter-04-b-reference.html
new file mode 100644
index 0000000000..ccbea83acd
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-04-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, square)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+   <span>&#x25AA;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-04-b-test.html b/layout/reftests/counters/t1202-counter-04-b-test.html
new file mode 100644
index 0000000000..3a56ceda6b
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-04-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, square)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, square); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-05-b-reference.html b/layout/reftests/counters/t1202-counter-05-b-reference.html
new file mode 100644
index 0000000000..9bb369daa3
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-05-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, decimal)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>1</span>
+   <span>2</span>
+   <span>3</span>
+   <span>4</span>
+   <span>5</span>
+   <span>6</span>
+   <span>7</span>
+   <span>8</span>
+   <span>9</span>
+   <span>10</span>
+   <span>11</span>
+   <span>12</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-05-b-test.html b/layout/reftests/counters/t1202-counter-05-b-test.html
new file mode 100644
index 0000000000..06809d4fdc
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-05-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, decimal)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, decimal); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-06-b-reference.html b/layout/reftests/counters/t1202-counter-06-b-reference.html
new file mode 100644
index 0000000000..78c9300a8b
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-06-b-reference.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, decimal-leading-zero)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>01</span>
+   <span>02</span>
+   <span>03</span>
+   <span>04</span>
+   <span>05</span>
+   <span>06</span>
+   <span>07</span>
+   <span>08</span>
+   <span>09</span>
+   <span>10</span>
+   <span>11</span>
+   <span>12</span>
+   <span>99</span>
+   <span>13</span>
+   <span>14</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-06-b-test.html b/layout/reftests/counters/t1202-counter-06-b-test.html
new file mode 100644
index 0000000000..8a4109c35c
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-06-b-test.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, decimal-leading-zero)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, decimal-leading-zero); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 98"></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-07-b-reference.html b/layout/reftests/counters/t1202-counter-07-b-reference.html
new file mode 100644
index 0000000000..b0da1fa597
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-07-b-reference.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+ </head>
+ <body>
+
+ <div>
+   <span>i</span>
+   <span>ii</span>
+   <span>iii</span>
+   <span>iv</span>
+   <span>v</span>
+   <span>vi</span>
+   <span>vii</span>
+   <span>viii</span>
+   <span>ix</span>
+   <span>x</span>
+   <span>xi</span>
+   <span>xii</span>
+   <span>xlix</span>
+   <span>xiii</span>
+   <span>ccclxxxix</span>
+   <span>xiv</span>
+   <span>mmmcdlxxxix</span>
+   <span>xv</span>
+   <span>xvi</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-07-b-test.html b/layout/reftests/counters/t1202-counter-07-b-test.html
new file mode 100644
index 0000000000..85c0f9df7d
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-07-b-test.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, lower-roman); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 48"></span>
+   <span></span>
+   <span style="counter-reset: c 388"></span>
+   <span></span>
+   <span style="counter-reset: c 3488"></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-08-b-reference.html b/layout/reftests/counters/t1202-counter-08-b-reference.html
new file mode 100644
index 0000000000..40a8bf8d53
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-08-b-reference.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, upper-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+ </head>
+ <body>
+
+ <div>
+   <span>I</span>
+   <span>II</span>
+   <span>III</span>
+   <span>IV</span>
+   <span>V</span>
+   <span>VI</span>
+   <span>VII</span>
+   <span>VIII</span>
+   <span>IX</span>
+   <span>X</span>
+   <span>XI</span>
+   <span>XII</span>
+   <span>XLIX</span>
+   <span>XIII</span>
+   <span>CCCLXXXIX</span>
+   <span>XIV</span>
+   <span>MMMCDLXXXIX</span>
+   <span>XV</span>
+   <span>XVI</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-08-b-test.html b/layout/reftests/counters/t1202-counter-08-b-test.html
new file mode 100644
index 0000000000..188ac0e45c
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-08-b-test.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, upper-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, upper-roman); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 48"></span>
+   <span></span>
+   <span style="counter-reset: c 388"></span>
+   <span></span>
+   <span style="counter-reset: c 3488"></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/counters/t1202-counter-09-b-reference.html b/layout/reftests/counters/t1202-counter-09-b-reference.html
new file mode 100644
index 0000000000..d54030065f
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-09-b-reference.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, georgian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>&#x10D0;</span>
+   <span>&#x10D1;</span>
+   <span>&#x10D2;</span>
+   <span>&#x10D3;</span>
+   <span>&#x10D4;</span>
+   <span>&#x10D5;</span>
+   <span>&#x10D6;</span>
+   <span>&#x10F1;</span>
+   <span>&#x10D7;</span>
+   <span>&#x10D8;</span>
+   <span>&#x10D8;&#x10D0;</span>
+   <span>&#x10D8;&#x10D1;</span>
+   <span>&#x10D9;</span>
+   <span>&#x10DA;</span>
+   <span>&#x10DB;</span>
+   <span>&#x10DC;</span>
+   <span>&#x10F2;</span>
+   <span>&#x10DD;</span>
+   <span>&#x10DE;</span>
+   <span>&#x10DF;</span>
+   <span>&#x10E0;</span>
+   <span>&#x10E1;</span>
+   <span>&#x10E2;</span>
+   <span>&#x10F3;</span>
+   <span>&#x10E4;</span>
+   <span>&#x10E5;</span>
+   <span>&#x10E6;</span>
+   <span>&#x10E7;</span>
+   <span>&#x10E8;</span>
+   <span>&#x10E9;</span>
+   <span>&#x10EA;</span>
+   <span>&#x10EB;</span>
+   <span>&#x10EC;</span>
+   <span>&#x10ED;</span>
+   <span>&#x10EE;</span>
+   <span>&#x10F4;</span>
+   <span>&#x10EF;</span>
+   <span>&#x10F0;</span>
+   <span>&#x10F5;</span>
+   <span>&#x10F5;&#x10F0;&#x10E8;&#x10DF;&#x10D7;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-09-b-test.html b/layout/reftests/counters/t1202-counter-09-b-test.html
new file mode 100644
index 0000000000..dff904b2ed
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-09-b-test.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, georgian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, georgian); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 19"></span>
+   <span style="counter-reset: c 29"></span>
+   <span style="counter-reset: c 39"></span>
+   <span style="counter-reset: c 49"></span>
+   <span style="counter-reset: c 59"></span>
+   <span style="counter-reset: c 69"></span>
+   <span style="counter-reset: c 79"></span>
+   <span style="counter-reset: c 89"></span>
+   <span style="counter-reset: c 99"></span>
+   <span style="counter-reset: c 199"></span>
+   <span style="counter-reset: c 299"></span>
+   <span style="counter-reset: c 399"></span>
+   <span style="counter-reset: c 499"></span>
+   <span style="counter-reset: c 599"></span>
+   <span style="counter-reset: c 699"></span>
+   <span style="counter-reset: c 799"></span>
+   <span style="counter-reset: c 899"></span>
+   <span style="counter-reset: c 999"></span>
+   <span style="counter-reset: c 1999"></span>
+   <span style="counter-reset: c 2999"></span>
+   <span style="counter-reset: c 3999"></span>
+   <span style="counter-reset: c 4999"></span>
+   <span style="counter-reset: c 5999"></span>
+   <span style="counter-reset: c 6999"></span>
+   <span style="counter-reset: c 7999"></span>
+   <span style="counter-reset: c 8999"></span>
+   <span style="counter-reset: c 9999"></span>
+   <span style="counter-reset: c 19998"></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-10-b-reference.html b/layout/reftests/counters/t1202-counter-10-b-reference.html
new file mode 100644
index 0000000000..02965401ec
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-10-b-reference.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, armenian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>&#x531;</span>
+   <span>&#x532;</span>
+   <span>&#x533;</span>
+   <span>&#x534;</span>
+   <span>&#x535;</span>
+   <span>&#x536;</span>
+   <span>&#x537;</span>
+   <span>&#x538;</span>
+   <span>&#x539;</span>
+   <span>&#x53A;</span>
+   <span>&#x53A;&#x531;</span>
+   <span>&#x53A;&#x532;</span>
+   <span>&#x53B;</span>
+   <span>&#x53C;</span>
+   <span>&#x53D;</span>
+   <span>&#x53E;</span>
+   <span>&#x53F;</span>
+   <span>&#x540;</span>
+   <span>&#x541;</span>
+   <span>&#x542;</span>
+   <span>&#x543;</span>
+   <span>&#x544;</span>
+   <span>&#x545;</span>
+   <span>&#x546;</span>
+   <span>&#x547;</span>
+   <span>&#x548;</span>
+   <span>&#x549;</span>
+   <span>&#x54A;</span>
+   <span>&#x54B;</span>
+   <span>&#x54C;</span>
+   <span>&#x54D;</span>
+   <span>&#x54E;</span>
+   <span>&#x54F;</span>
+   <span>&#x550;</span>
+   <span>&#x551;</span>
+   <span>&#x552;</span>
+   <span>&#x553;</span>
+   <span>&#x554;</span>
+   <span>&#x554;&#x54B;&#x542;&#x539;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-10-b-test.html b/layout/reftests/counters/t1202-counter-10-b-test.html
new file mode 100644
index 0000000000..7eeabdd155
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-10-b-test.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, armenian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, armenian); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 19"></span>
+   <span style="counter-reset: c 29"></span>
+   <span style="counter-reset: c 39"></span>
+   <span style="counter-reset: c 49"></span>
+   <span style="counter-reset: c 59"></span>
+   <span style="counter-reset: c 69"></span>
+   <span style="counter-reset: c 79"></span>
+   <span style="counter-reset: c 89"></span>
+   <span style="counter-reset: c 99"></span>
+   <span style="counter-reset: c 199"></span>
+   <span style="counter-reset: c 299"></span>
+   <span style="counter-reset: c 399"></span>
+   <span style="counter-reset: c 499"></span>
+   <span style="counter-reset: c 599"></span>
+   <span style="counter-reset: c 699"></span>
+   <span style="counter-reset: c 799"></span>
+   <span style="counter-reset: c 899"></span>
+   <span style="counter-reset: c 999"></span>
+   <span style="counter-reset: c 1999"></span>
+   <span style="counter-reset: c 2999"></span>
+   <span style="counter-reset: c 3999"></span>
+   <span style="counter-reset: c 4999"></span>
+   <span style="counter-reset: c 5999"></span>
+   <span style="counter-reset: c 6999"></span>
+   <span style="counter-reset: c 7999"></span>
+   <span style="counter-reset: c 8999"></span>
+   <span style="counter-reset: c 9998"></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-11-b-reference.html b/layout/reftests/counters/t1202-counter-11-b-reference.html
new file mode 100644
index 0000000000..beff972245
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-11-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>a</span>
+   <span>b</span>
+   <span>c</span>
+   <span>d</span>
+   <span>e</span>
+   <span>f</span>
+   <span>g</span>
+   <span>h</span>
+   <span>i</span>
+   <span>j</span>
+   <span>k</span>
+   <span>l</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-11-b-test.html b/layout/reftests/counters/t1202-counter-11-b-test.html
new file mode 100644
index 0000000000..0fec0f849b
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-11-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, lower-latin); }
+
+  </style>
+ </head>
+ <body>
+
+<div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-12-b-reference.html b/layout/reftests/counters/t1202-counter-12-b-reference.html
new file mode 100644
index 0000000000..375dffee90
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-12-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>a</span>
+   <span>b</span>
+   <span>c</span>
+   <span>d</span>
+   <span>e</span>
+   <span>f</span>
+   <span>g</span>
+   <span>h</span>
+   <span>i</span>
+   <span>j</span>
+   <span>k</span>
+   <span>l</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-12-b-test.html b/layout/reftests/counters/t1202-counter-12-b-test.html
new file mode 100644
index 0000000000..3de16e478d
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-12-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, lower-alpha); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-13-b-reference.html b/layout/reftests/counters/t1202-counter-13-b-reference.html
new file mode 100644
index 0000000000..c613674a9f
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-13-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, upper-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>A</span>
+   <span>B</span>
+   <span>C</span>
+   <span>D</span>
+   <span>E</span>
+   <span>F</span>
+   <span>G</span>
+   <span>H</span>
+   <span>I</span>
+   <span>J</span>
+   <span>K</span>
+   <span>L</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-13-b-test.html b/layout/reftests/counters/t1202-counter-13-b-test.html
new file mode 100644
index 0000000000..21ec67b312
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-13-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, upper-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, upper-latin); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-14-b-reference.html b/layout/reftests/counters/t1202-counter-14-b-reference.html
new file mode 100644
index 0000000000..cd9f1a32cd
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-14-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, upper-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>A</span>
+   <span>B</span>
+   <span>C</span>
+   <span>D</span>
+   <span>E</span>
+   <span>F</span>
+   <span>G</span>
+   <span>H</span>
+   <span>I</span>
+   <span>J</span>
+   <span>K</span>
+   <span>L</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-14-b-test.html b/layout/reftests/counters/t1202-counter-14-b-test.html
new file mode 100644
index 0000000000..187ca1679e
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-14-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, upper-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, upper-alpha); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-15-b-reference.html b/layout/reftests/counters/t1202-counter-15-b-reference.html
new file mode 100644
index 0000000000..491c06b2e1
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-15-b-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-greek)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>&#x3B1;</span>
+   <span>&#x3B2;</span>
+   <span>&#x3B3;</span>
+   <span>&#x3B4;</span>
+   <span>&#x3B5;</span>
+   <span>&#x3B6;</span>
+   <span>&#x3B7;</span>
+   <span>&#x3B8;</span>
+   <span>&#x3B9;</span>
+   <span>&#x3BA;</span>
+   <span>&#x3BB;</span>
+   <span>&#x3BC;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-15-b-test.html b/layout/reftests/counters/t1202-counter-15-b-test.html
new file mode 100644
index 0000000000..0321b124b4
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-15-b-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter(c, lower-greek)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c; }
+  #test span { counter-increment: c; }
+  #test span:before { content: counter(c, lower-greek); }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-16-f-reference.html b/layout/reftests/counters/t1202-counter-16-f-reference.html
new file mode 100644
index 0000000000..6f26a01983
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-16-f-reference.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter() error cases</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <div>
+   <span>1</span>
+   <span>2</span>
+   <span>3</span>
+   <span>4</span>
+   <span>5</span>
+   <span>6</span>
+   <span>7</span>
+   <span>8</span>
+   <span>9</span>
+   <span>10</span>
+   <span>11</span>
+   <span>12</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counter-16-f-test.html b/layout/reftests/counters/t1202-counter-16-f-test.html
new file mode 100644
index 0000000000..c0954d58e4
--- /dev/null
+++ b/layout/reftests/counters/t1202-counter-16-f-test.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counter() error cases</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  #test { counter-reset: c 0 f 1000; }
+  #test span { counter-increment: c; }
+  #test span:before {
+    content: counter(c);
+    content: counter(f, ".");
+    content: counter(f, ".", decimal);
+    content: counter(f, decimal, ".");
+    content: counter(f, decimal, decimal);
+  }
+
+  </style>
+ </head>
+ <body>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-00-b-reference.html b/layout/reftests/counters/t1202-counters-00-b-reference.html
new file mode 100644
index 0000000000..61198bbc11
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-00-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".")</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>1.1</span>
+   <span>1.2</span>
+   <span>1.3</span>
+   <span>1.4</span>
+   <span>1.5</span>
+   <span>1.6</span>
+   <span>1.7</span>
+   <span>1.8</span>
+   <span>1.9</span>
+   <span>1.10</span>
+   <span>1.11</span>
+   <span>1.12</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-00-b-test.html b/layout/reftests/counters/t1202-counters-00-b-test.html
new file mode 100644
index 0000000000..c355b02eb1
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-00-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".")</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, "."); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-01-b-test.html b/layout/reftests/counters/t1202-counters-01-b-test.html
new file mode 100644
index 0000000000..f4a227fa78
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-01-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", none)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", none) "z"; }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-02-b-reference.html b/layout/reftests/counters/t1202-counters-02-b-reference.html
new file mode 100644
index 0000000000..38bb3b6548
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-02-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", disc)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+   <span>&#x2022;.&#x2022;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-02-b-test.html b/layout/reftests/counters/t1202-counters-02-b-test.html
new file mode 100644
index 0000000000..9ee45c2163
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-02-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", disc)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", disc); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-03-b-reference.html b/layout/reftests/counters/t1202-counters-03-b-reference.html
new file mode 100644
index 0000000000..3c9758ef2b
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-03-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", circle)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+   <span>&#x25E6;.&#x25E6;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-03-b-test.html b/layout/reftests/counters/t1202-counters-03-b-test.html
new file mode 100644
index 0000000000..102e538648
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-03-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", circle)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", circle); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-04-b-reference.html b/layout/reftests/counters/t1202-counters-04-b-reference.html
new file mode 100644
index 0000000000..b8632de75f
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-04-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", square)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+   <span>&#x25AA;.&#x25AA;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-04-b-test.html b/layout/reftests/counters/t1202-counters-04-b-test.html
new file mode 100644
index 0000000000..6fd5e6d1d3
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-04-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", square)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", square); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-05-b-reference.html b/layout/reftests/counters/t1202-counters-05-b-reference.html
new file mode 100644
index 0000000000..68911cde32
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-05-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", decimal)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>1.1</span>
+   <span>1.2</span>
+   <span>1.3</span>
+   <span>1.4</span>
+   <span>1.5</span>
+   <span>1.6</span>
+   <span>1.7</span>
+   <span>1.8</span>
+   <span>1.9</span>
+   <span>1.10</span>
+   <span>1.11</span>
+   <span>1.12</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-05-b-test.html b/layout/reftests/counters/t1202-counters-05-b-test.html
new file mode 100644
index 0000000000..335e898a20
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-05-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", decimal)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", decimal); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-06-b-reference.html b/layout/reftests/counters/t1202-counters-06-b-reference.html
new file mode 100644
index 0000000000..7b3af2409f
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-06-b-reference.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", decimal-leading-zero)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>01.01</span>
+   <span>02</span>
+   <span>03</span>
+   <span>04</span>
+   <span>05</span>
+   <span>06</span>
+   <span>07</span>
+   <span>08</span>
+   <span>09</span>
+   <span>10</span>
+   <span>11</span>
+   <span>12</span>
+   <span>12.99</span>
+   <span>13</span>
+   <span>14</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-06-b-test.html b/layout/reftests/counters/t1202-counters-06-b-test.html
new file mode 100644
index 0000000000..55f5ba6284
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-06-b-test.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", decimal-leading-zero)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  body, #test span:first-child { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", decimal-leading-zero); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 98"></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-07-b-reference.html b/layout/reftests/counters/t1202-counters-07-b-reference.html
new file mode 100644
index 0000000000..49713c7344
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-07-b-reference.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>i.i</span>
+   <span>ii</span>
+   <span>iii</span>
+   <span>iv</span>
+   <span>v</span>
+   <span>vi</span>
+   <span>vii</span>
+   <span>viii</span>
+   <span>ix</span>
+   <span>x</span>
+   <span>xi</span>
+   <span>xii</span>
+   <span>xii.xlix</span>
+   <span>xiii</span>
+   <span>xiii.ccclxxxix</span>
+   <span>xiv</span>
+   <span>xiv.mmmcdlxxxix</span>
+   <span>xv</span>
+   <span>xvi</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-07-b-test.html b/layout/reftests/counters/t1202-counters-07-b-test.html
new file mode 100644
index 0000000000..1213eebec2
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-07-b-test.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  body, #test span:first-child { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", lower-roman); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 48"></span>
+   <span></span>
+   <span style="counter-reset: c 388"></span>
+   <span></span>
+   <span style="counter-reset: c 3488"></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-08-b-reference.html b/layout/reftests/counters/t1202-counters-08-b-reference.html
new file mode 100644
index 0000000000..92a6429164
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-08-b-reference.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", upper-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>I.I</span>
+   <span>II</span>
+   <span>III</span>
+   <span>IV</span>
+   <span>V</span>
+   <span>VI</span>
+   <span>VII</span>
+   <span>VIII</span>
+   <span>IX</span>
+   <span>X</span>
+   <span>XI</span>
+   <span>XII</span>
+   <span>XII.XLIX</span>
+   <span>XIII</span>
+   <span>XIII.CCCLXXXIX</span>
+   <span>XIV</span>
+   <span>XIV.MMMCDLXXXIX</span>
+   <span>XV</span>
+   <span>XVI</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-08-b-test.html b/layout/reftests/counters/t1202-counters-08-b-test.html
new file mode 100644
index 0000000000..1bbcb28732
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-08-b-test.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", upper-roman)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  body, #test span:first-child { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", upper-roman); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 48"></span>
+   <span></span>
+   <span style="counter-reset: c 388"></span>
+   <span></span>
+   <span style="counter-reset: c 3488"></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-09-b-reference.html b/layout/reftests/counters/t1202-counters-09-b-reference.html
new file mode 100644
index 0000000000..928e440ae1
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-09-b-reference.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", georgian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>&#x10D0;.&#x10D0;</span>
+   <span>&#x10D1;</span>
+   <span>&#x10D2;</span>
+   <span>&#x10D3;</span>
+   <span>&#x10D4;</span>
+   <span>&#x10D5;</span>
+   <span>&#x10D6;</span>
+   <span>&#x10F1;</span>
+   <span>&#x10D7;</span>
+   <span>&#x10D8;</span>
+   <span>&#x10D8;&#x10D0;</span>
+   <span>&#x10D8;&#x10D1;</span>
+   <span>&#x10D8;&#x10D1;.&#x10D9;</span>
+   <span>&#x10D8;&#x10D1;.&#x10DA;</span>
+   <span>&#x10D8;&#x10D1;.&#x10DB;</span>
+   <span>&#x10D8;&#x10D1;.&#x10DC;</span>
+   <span>&#x10D8;&#x10D1;.&#x10F2;</span>
+   <span>&#x10D8;&#x10D1;.&#x10DD;</span>
+   <span>&#x10D8;&#x10D1;.&#x10DE;</span>
+   <span>&#x10D8;&#x10D1;.&#x10DF;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E0;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E1;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E2;</span>
+   <span>&#x10D8;&#x10D1;.&#x10F3;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E4;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E5;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E6;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E7;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E8;</span>
+   <span>&#x10D8;&#x10D1;.&#x10E9;</span>
+   <span>&#x10D8;&#x10D1;.&#x10EA;</span>
+   <span>&#x10D8;&#x10D1;.&#x10EB;</span>
+   <span>&#x10D8;&#x10D1;.&#x10EC;</span>
+   <span>&#x10D8;&#x10D1;.&#x10ED;</span>
+   <span>&#x10D8;&#x10D1;.&#x10EE;</span>
+   <span>&#x10D8;&#x10D1;.&#x10F4;</span>
+   <span>&#x10D8;&#x10D1;.&#x10EF;</span>
+   <span>&#x10D8;&#x10D1;.&#x10F0;</span>
+   <span>&#x10D8;&#x10D1;.&#x10F5;</span>
+   <span>&#x10D8;&#x10D1;.&#x10F5;&#x10F0;&#x10E8;&#x10DF;&#x10D7;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-09-b-test.html b/layout/reftests/counters/t1202-counters-09-b-test.html
new file mode 100644
index 0000000000..fb242b53a3
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-09-b-test.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", georgian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  body, #test span:first-child { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", georgian); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 19"></span>
+   <span style="counter-reset: c 29"></span>
+   <span style="counter-reset: c 39"></span>
+   <span style="counter-reset: c 49"></span>
+   <span style="counter-reset: c 59"></span>
+   <span style="counter-reset: c 69"></span>
+   <span style="counter-reset: c 79"></span>
+   <span style="counter-reset: c 89"></span>
+   <span style="counter-reset: c 99"></span>
+   <span style="counter-reset: c 199"></span>
+   <span style="counter-reset: c 299"></span>
+   <span style="counter-reset: c 399"></span>
+   <span style="counter-reset: c 499"></span>
+   <span style="counter-reset: c 599"></span>
+   <span style="counter-reset: c 699"></span>
+   <span style="counter-reset: c 799"></span>
+   <span style="counter-reset: c 899"></span>
+   <span style="counter-reset: c 999"></span>
+   <span style="counter-reset: c 1999"></span>
+   <span style="counter-reset: c 2999"></span>
+   <span style="counter-reset: c 3999"></span>
+   <span style="counter-reset: c 4999"></span>
+   <span style="counter-reset: c 5999"></span>
+   <span style="counter-reset: c 6999"></span>
+   <span style="counter-reset: c 7999"></span>
+   <span style="counter-reset: c 8999"></span>
+   <span style="counter-reset: c 9999"></span>
+   <span style="counter-reset: c 19998"></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-10-b-reference.html b/layout/reftests/counters/t1202-counters-10-b-reference.html
new file mode 100644
index 0000000000..f3a3fa6dfa
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-10-b-reference.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", armenian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>&#x531;.&#x531;</span>
+   <span>&#x532;</span>
+   <span>&#x533;</span>
+   <span>&#x534;</span>
+   <span>&#x535;</span>
+   <span>&#x536;</span>
+   <span>&#x537;</span>
+   <span>&#x538;</span>
+   <span>&#x539;</span>
+   <span>&#x53A;</span>
+   <span>&#x53A;&#x531;</span>
+   <span>&#x53A;&#x532;</span>
+   <span>&#x53A;&#x532;.&#x53B;</span>
+   <span>&#x53A;&#x532;.&#x53C;</span>
+   <span>&#x53A;&#x532;.&#x53D;</span>
+   <span>&#x53A;&#x532;.&#x53E;</span>
+   <span>&#x53A;&#x532;.&#x53F;</span>
+   <span>&#x53A;&#x532;.&#x540;</span>
+   <span>&#x53A;&#x532;.&#x541;</span>
+   <span>&#x53A;&#x532;.&#x542;</span>
+   <span>&#x53A;&#x532;.&#x543;</span>
+   <span>&#x53A;&#x532;.&#x544;</span>
+   <span>&#x53A;&#x532;.&#x545;</span>
+   <span>&#x53A;&#x532;.&#x546;</span>
+   <span>&#x53A;&#x532;.&#x547;</span>
+   <span>&#x53A;&#x532;.&#x548;</span>
+   <span>&#x53A;&#x532;.&#x549;</span>
+   <span>&#x53A;&#x532;.&#x54A;</span>
+   <span>&#x53A;&#x532;.&#x54B;</span>
+   <span>&#x53A;&#x532;.&#x54C;</span>
+   <span>&#x53A;&#x532;.&#x54D;</span>
+   <span>&#x53A;&#x532;.&#x54E;</span>
+   <span>&#x53A;&#x532;.&#x54F;</span>
+   <span>&#x53A;&#x532;.&#x550;</span>
+   <span>&#x53A;&#x532;.&#x551;</span>
+   <span>&#x53A;&#x532;.&#x552;</span>
+   <span>&#x53A;&#x532;.&#x553;</span>
+   <span>&#x53A;&#x532;.&#x554;</span>
+   <span>&#x53A;&#x532;.&#x554;&#x54B;&#x542;&#x539;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-10-b-test.html b/layout/reftests/counters/t1202-counters-10-b-test.html
new file mode 100644
index 0000000000..5139812fce
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-10-b-test.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", armenian)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  body, #test span:first-child { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", armenian); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 19"></span>
+   <span style="counter-reset: c 29"></span>
+   <span style="counter-reset: c 39"></span>
+   <span style="counter-reset: c 49"></span>
+   <span style="counter-reset: c 59"></span>
+   <span style="counter-reset: c 69"></span>
+   <span style="counter-reset: c 79"></span>
+   <span style="counter-reset: c 89"></span>
+   <span style="counter-reset: c 99"></span>
+   <span style="counter-reset: c 199"></span>
+   <span style="counter-reset: c 299"></span>
+   <span style="counter-reset: c 399"></span>
+   <span style="counter-reset: c 499"></span>
+   <span style="counter-reset: c 599"></span>
+   <span style="counter-reset: c 699"></span>
+   <span style="counter-reset: c 799"></span>
+   <span style="counter-reset: c 899"></span>
+   <span style="counter-reset: c 999"></span>
+   <span style="counter-reset: c 1999"></span>
+   <span style="counter-reset: c 2999"></span>
+   <span style="counter-reset: c 3999"></span>
+   <span style="counter-reset: c 4999"></span>
+   <span style="counter-reset: c 5999"></span>
+   <span style="counter-reset: c 6999"></span>
+   <span style="counter-reset: c 7999"></span>
+   <span style="counter-reset: c 8999"></span>
+   <span style="counter-reset: c 9998"></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-11-b-reference.html b/layout/reftests/counters/t1202-counters-11-b-reference.html
new file mode 100644
index 0000000000..b46d605f16
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-11-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>a.a</span>
+   <span>a.b</span>
+   <span>a.c</span>
+   <span>a.d</span>
+   <span>a.e</span>
+   <span>a.f</span>
+   <span>a.g</span>
+   <span>a.h</span>
+   <span>a.i</span>
+   <span>a.j</span>
+   <span>a.k</span>
+   <span>a.l</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-11-b-test.html b/layout/reftests/counters/t1202-counters-11-b-test.html
new file mode 100644
index 0000000000..b1c8ecb25c
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-11-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", lower-latin); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-12-b-reference.html b/layout/reftests/counters/t1202-counters-12-b-reference.html
new file mode 100644
index 0000000000..14103e0a2a
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-12-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>a.a</span>
+   <span>a.b</span>
+   <span>a.c</span>
+   <span>a.d</span>
+   <span>a.e</span>
+   <span>a.f</span>
+   <span>a.g</span>
+   <span>a.h</span>
+   <span>a.i</span>
+   <span>a.j</span>
+   <span>a.k</span>
+   <span>a.l</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-12-b-test.html b/layout/reftests/counters/t1202-counters-12-b-test.html
new file mode 100644
index 0000000000..78895530a1
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-12-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", lower-alpha); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-13-b-reference.html b/layout/reftests/counters/t1202-counters-13-b-reference.html
new file mode 100644
index 0000000000..cd6acb9789
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-13-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", upper-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>A.A</span>
+   <span>A.B</span>
+   <span>A.C</span>
+   <span>A.D</span>
+   <span>A.E</span>
+   <span>A.F</span>
+   <span>A.G</span>
+   <span>A.H</span>
+   <span>A.I</span>
+   <span>A.J</span>
+   <span>A.K</span>
+   <span>A.L</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-13-b-test.html b/layout/reftests/counters/t1202-counters-13-b-test.html
new file mode 100644
index 0000000000..13205b3d14
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-13-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", upper-latin)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", upper-latin); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-14-b-reference.html b/layout/reftests/counters/t1202-counters-14-b-reference.html
new file mode 100644
index 0000000000..325bb481b6
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-14-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", upper-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>A.A</span>
+   <span>A.B</span>
+   <span>A.C</span>
+   <span>A.D</span>
+   <span>A.E</span>
+   <span>A.F</span>
+   <span>A.G</span>
+   <span>A.H</span>
+   <span>A.I</span>
+   <span>A.J</span>
+   <span>A.K</span>
+   <span>A.L</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-14-b-test.html b/layout/reftests/counters/t1202-counters-14-b-test.html
new file mode 100644
index 0000000000..2760d0cf58
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-14-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", upper-alpha)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", upper-alpha); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-15-b-reference.html b/layout/reftests/counters/t1202-counters-15-b-reference.html
new file mode 100644
index 0000000000..29b8ddc5f7
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-15-b-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-greek)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>&#x3B1;.&#x3B1;</span>
+   <span>&#x3B1;.&#x3B2;</span>
+   <span>&#x3B1;.&#x3B3;</span>
+   <span>&#x3B1;.&#x3B4;</span>
+   <span>&#x3B1;.&#x3B5;</span>
+   <span>&#x3B1;.&#x3B6;</span>
+   <span>&#x3B1;.&#x3B7;</span>
+   <span>&#x3B1;.&#x3B8;</span>
+   <span>&#x3B1;.&#x3B9;</span>
+   <span>&#x3B1;.&#x3BA;</span>
+   <span>&#x3B1;.&#x3BB;</span>
+   <span>&#x3B1;.&#x3BC;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-15-b-test.html b/layout/reftests/counters/t1202-counters-15-b-test.html
new file mode 100644
index 0000000000..e7ed9d35c8
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-15-b-test.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", lower-greek)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", lower-greek); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-16-c-reference.html b/layout/reftests/counters/t1202-counters-16-c-reference.html
new file mode 100644
index 0000000000..5e325375b3
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-16-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters() string argument</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div><span>1.1</span><span> - </span><span>12</span><span> - </span><span>1.3</span><span>--    --</span><span>1-------3</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-16-c-test.html b/layout/reftests/counters/t1202-counters-16-c-test.html
new file mode 100644
index 0000000000..9e8f5d818d
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-16-c-test.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters() string argument</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+
+  span#one:before { content: counters(c, ".") " - "; }
+  span#two:before { content: counters(c, "") " - "; }
+  span#three:before { content: counters(c, ".", decimal) "--    --" counters(c, "-------", decimal); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test"><span id="one"></span><span id="two"></span><span id="three"></span></div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-17-d-reference.html b/layout/reftests/counters/t1202-counters-17-d-reference.html
new file mode 100644
index 0000000000..0fb9907781
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-17-d-reference.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters() string argument</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  div { white-space: pre; }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div><span>1.1 - </span><span>12 - </span><span>1.3--       --1-------3</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-17-d-test.html b/layout/reftests/counters/t1202-counters-17-d-test.html
new file mode 100644
index 0000000000..d7d02bcd45
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-17-d-test.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters() string argument</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c; }
+  div { white-space: pre; }
+  p, #test span { counter-increment: c; }
+
+  span#one:before { content: counters(c, ".") " - "; }
+  span#two:before { content: counters(c, "") " - "; }
+  span#three:before { content: counters(c, ".", decimal) "--       --" counters(c, "-------", decimal); }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test"><span id="one"></span><span id="two"></span><span id="three"></span></div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-18-f-reference.html b/layout/reftests/counters/t1202-counters-18-f-reference.html
new file mode 100644
index 0000000000..8bd74796fd
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-18-f-reference.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters() error cases</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div>
+   <span>1.1</span>
+   <span>1.2</span>
+   <span>1.3</span>
+   <span>1.4</span>
+   <span>1.5</span>
+   <span>1.6</span>
+   <span>1.7</span>
+   <span>1.8</span>
+   <span>1.9</span>
+   <span>1.10</span>
+   <span>1.11</span>
+   <span>1.12</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1202-counters-18-f-test.html b/layout/reftests/counters/t1202-counters-18-f-test.html
new file mode 100644
index 0000000000..58d3f24e7a
--- /dev/null
+++ b/layout/reftests/counters/t1202-counters-18-f-test.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters() error cases</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <style type="text/css">
+
+  body, #test { counter-reset: c 0 f 1000; }
+  p, #test span { counter-increment: c; }
+  #test span:before {
+    content: counters(c, ".");
+    content: counters(f);
+    content: counters(f, decimal);
+    content: counters(f, decimal, ".");
+    content: counters(f, ".", decimal, decimal);
+    content: counters(f, ".", decimal, ".");
+  }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-implied-00-b-reference.html b/layout/reftests/counters/t1204-implied-00-b-reference.html
new file mode 100644
index 0000000000..0aa1d0bf33
--- /dev/null
+++ b/layout/reftests/counters/t1204-implied-00-b-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Implied counter scopes with no 'counter-increment' or 'counter-reset'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>0</span><span>0</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-implied-00-b-test.html b/layout/reftests/counters/t1204-implied-00-b-test.html
new file mode 100644
index 0000000000..9f2d8a8756
--- /dev/null
+++ b/layout/reftests/counters/t1204-implied-00-b-test.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Implied counter scopes with no 'counter-increment' or 'counter-reset'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  #one:before { content: counter(one) }
+  #two:before { content: counter(two) }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span id="one"></span><span id="two"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-implied-01-c-reference.html b/layout/reftests/counters/t1204-implied-01-c-reference.html
new file mode 100644
index 0000000000..92f7b8502e
--- /dev/null
+++ b/layout/reftests/counters/t1204-implied-01-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Implied counter scopes by counter use</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+
+ <div><span>0 </span><span>1 </span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-implied-01-c-test.html b/layout/reftests/counters/t1204-implied-01-c-test.html
new file mode 100644
index 0000000000..810436da07
--- /dev/null
+++ b/layout/reftests/counters/t1204-implied-01-c-test.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Implied counter scopes by counter use</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  .i { counter-increment: c 1; }
+  .r { counter-reset: c 0; }
+  .u:before { content: counters(c, ".") " "; }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span class="u"></span><span class="r"><span class="i u"></span></span></div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-implied-02-d-reference.html b/layout/reftests/counters/t1204-implied-02-d-reference.html
new file mode 100644
index 0000000000..8bb4bfccda
--- /dev/null
+++ b/layout/reftests/counters/t1204-implied-02-d-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Implied counter scopes by 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+
+ <div><span>B</span><span>1 </span><span>0 </span><span>1 </span><span>1.0</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-implied-02-d-test.html b/layout/reftests/counters/t1204-implied-02-d-test.html
new file mode 100644
index 0000000000..fda0f50afd
--- /dev/null
+++ b/layout/reftests/counters/t1204-implied-02-d-test.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Implied counter scopes by 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  .i { counter-increment: c 1; }
+  .ib:before { counter-increment: c 1; content: "B" }
+  .r { counter-reset: c 0; }
+  .u:before { content: counters(c, ".") " "; }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span class="ib"><span class="u"></span><span class="r"><span class="u"></span></span></span><span class="i"><span class="u"></span><span class="r"><span class="u"></span></span></span></div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-increment-00-c-o-reference.html b/layout/reftests/counters/t1204-increment-00-c-o-reference.html
new file mode 100644
index 0000000000..8676b8c82d
--- /dev/null
+++ b/layout/reftests/counters/t1204-increment-00-c-o-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ </head>
+ <body>
+
+ <div id="reference"><span>1-</span><span>2-new-</span><span>3-</span><span>4-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-increment-00-c-o-test.html b/layout/reftests/counters/t1204-increment-00-c-o-test.html
new file mode 100644
index 0000000000..fa2edcff7d
--- /dev/null
+++ b/layout/reftests/counters/t1204-increment-00-c-o-test.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+  <style type="text/css">
+
+  #test, .reset { counter-reset: c; }
+  .increment:before { content: counters(c, ".") "-"; }
+  .increment { counter-increment: c; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+	var t = document.getElementById("test");
+	var s = document.createElement("span");
+	s.setAttribute("class", "increment");
+	s.appendChild(document.createTextNode("new-"));
+	t.insertBefore(s, t.childNodes.item(1));
+	document.documentElement.removeAttribute('class');
+  }
+
+  document.addEventListener("MozReftestInvalidate", run);
+  </script>
+ </head>
+ <body>
+
+ <div id="test"><span class="increment"></span><span class="increment"></span><span class="increment"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-increment-01-c-o-reference.html b/layout/reftests/counters/t1204-increment-01-c-o-reference.html
new file mode 100644
index 0000000000..3be209b7e8
--- /dev/null
+++ b/layout/reftests/counters/t1204-increment-01-c-o-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ </head>
+ <body>
+
+ <div id="reference"><span>1-</span><span>2-</span><span>3-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-increment-01-c-o-test.html b/layout/reftests/counters/t1204-increment-01-c-o-test.html
new file mode 100644
index 0000000000..5d5f0493c3
--- /dev/null
+++ b/layout/reftests/counters/t1204-increment-01-c-o-test.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+  <style type="text/css">
+
+  #test, .reset { counter-reset: c; }
+  .increment:before { content: counters(c, ".") "-"; }
+  .increment { counter-increment: c; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+	var t = document.getElementById("test");
+	t.removeChild(t.childNodes.item(1));
+	document.documentElement.removeAttribute('class');
+  }
+
+  document.addEventListener("MozReftestInvalidate", run);
+  </script>
+ </head>
+ <body>
+
+ <div id="test"><span class="increment"></span><span class="increment">FAIL-</span><span class="increment"></span><span class="increment"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-increment-02-c-o-reference.html b/layout/reftests/counters/t1204-increment-02-c-o-reference.html
new file mode 100644
index 0000000000..348c3267ce
--- /dev/null
+++ b/layout/reftests/counters/t1204-increment-02-c-o-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ </head>
+ <body>
+
+ <div id="reference"><span>0.1</span><span>-</span><span>0.2</span><span>-</span><span>1</span><span>-</span><span>2</span><span>-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-increment-02-c-o-test.html b/layout/reftests/counters/t1204-increment-02-c-o-test.html
new file mode 100644
index 0000000000..a4327c2839
--- /dev/null
+++ b/layout/reftests/counters/t1204-increment-02-c-o-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+  <style type="text/css">
+
+  #test, .reset { counter-reset: c; }
+  .increment:before, .use:before { content: counters(c, ".") "-"; }
+  .increment { counter-increment: c; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+    document.getElementById("one").removeAttribute("class");
+	document.getElementById("two").setAttribute("class", "increment");
+	document.getElementById("three").setAttribute("style", "counter-increment: c");
+	document.documentElement.removeAttribute('class');
+  }
+
+  document.addEventListener("MozReftestInvalidate", run);
+  </script>
+ </head>
+ <body>
+
+ <div id="test"><span id="one" class="increment"></span><span><span class="reset"><span class="increment"></span><span id="two" class="increment"></span></span></span><span id="three" class="use"></span><span class="increment"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-multiple-00-c-reference.html b/layout/reftests/counters/t1204-multiple-00-c-reference.html
new file mode 100644
index 0000000000..b878c754ba
--- /dev/null
+++ b/layout/reftests/counters/t1204-multiple-00-c-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Multiple resets for same counter</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>1</span><span>2</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-multiple-00-c-test.html b/layout/reftests/counters/t1204-multiple-00-c-test.html
new file mode 100644
index 0000000000..3415bf92bf
--- /dev/null
+++ b/layout/reftests/counters/t1204-multiple-00-c-test.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Multiple resets for same counter</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  #one:before { counter-reset: one 1; content: counter(one) }
+  #two:before { counter-reset: two 7 two 2; content: counter(two) }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span id="one"></span><span id="two"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-multiple-01-c-reference.html b/layout/reftests/counters/t1204-multiple-01-c-reference.html
new file mode 100644
index 0000000000..e4bc1285f6
--- /dev/null
+++ b/layout/reftests/counters/t1204-multiple-01-c-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Multiple increments and resets</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>1</span><span>2</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-multiple-01-c-test.html b/layout/reftests/counters/t1204-multiple-01-c-test.html
new file mode 100644
index 0000000000..c10c5b4d81
--- /dev/null
+++ b/layout/reftests/counters/t1204-multiple-01-c-test.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Multiple increments and resets</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  body { counter-reset: one 7 two -2; }
+  #one:before { counter-increment: one -6; content: counter(one) }
+  #two:before { counter-increment: dummy two 7 two two -4 silly 7; content: counter(two) }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span id="one"></span><span id="two"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-order-00-c-reference.html b/layout/reftests/counters/t1204-order-00-c-reference.html
new file mode 100644
index 0000000000..6478f6ecc0
--- /dev/null
+++ b/layout/reftests/counters/t1204-order-00-c-reference.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Order of 'counter-reset', 'counter-increment', and counter use, including pseudo-elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+
+ <div>
+   <span>0</span>
+   <span>1</span>
+   <span>2</span>
+   <span>3</span>
+   <span>4</span>
+   <span>4</span>
+   <span>4</span>
+   <span>4</span>
+   <span>8</span>
+   <span>9</span>
+   <span>10</span>
+   <span>11</span>
+   <span>12</span>
+   <span>12</span>
+   <span>12</span>
+   <span>12</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-order-00-c-test.html b/layout/reftests/counters/t1204-order-00-c-test.html
new file mode 100644
index 0000000000..8145459001
--- /dev/null
+++ b/layout/reftests/counters/t1204-order-00-c-test.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Order of 'counter-reset', 'counter-increment', and counter use, including pseudo-elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  span.c span:before { content: counter(c); }
+  span.c { counter-reset: c 0; }
+  span.one { counter-reset: c 1; }
+  span.two { counter-increment: c 2; }
+  span.four:before { counter-reset: c 4; }
+  span.eight:before { counter-increment: c 8; }
+  span.c span:after { counter-increment: c 100; counter-reset: c 200; }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div>
+   <span class="c"><span class=""></span></span>
+   <span class="c"><span class="one"></span></span>
+   <span class="c"><span class="two"></span></span>
+   <span class="c"><span class="two one"></span></span>
+   <span class="c"><span class="four"></span></span>
+   <span class="c"><span class="four one"></span></span>
+   <span class="c"><span class="four two"></span></span>
+   <span class="c"><span class="four two one"></span></span>
+   <span class="c"><span class="eight"></span></span>
+   <span class="c"><span class="eight one"></span></span>
+   <span class="c"><span class="eight two"></span></span>
+   <span class="c"><span class="eight two one"></span></span>
+   <span class="c"><span class="eight four"></span></span>
+   <span class="c"><span class="eight four one"></span></span>
+   <span class="c"><span class="eight four two"></span></span>
+   <span class="c"><span class="eight four two one"></span></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-order-01-d-reference.html b/layout/reftests/counters/t1204-order-01-d-reference.html
new file mode 100644
index 0000000000..bd0b5a2d88
--- /dev/null
+++ b/layout/reftests/counters/t1204-order-01-d-reference.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Order of counters in out-of-flow content</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  ul { display: block; margin: 0; padding: 0; }
+  li, div { display: block; margin: 0; padding: 0;
+            width: 3em; border: thin solid; }
+
+  #four { border: none; }
+
+  #two { float: left; }
+  #three { position: relative; }
+  #four { position: relative; }
+  #four div { position: absolute; left: 8em; }
+  #six { position: absolute; top: 5em; left: 12em; }
+  #eight { position: fixed; top: 8em; left: 4em; }
+
+  </style>
+ </head>
+ <body>
+
+ <p>The number pairs (same digit repeated twice) "11" through "44"
+ should appear on this page.</p>
+
+ <ul>
+   <li id="one"><span>1</span>1</li>
+   <li id="two"><span>2</span>2</li>
+   <li id="three"><span>3</span>3</li>
+   <li id="four"><div><span>4</span>4</div></li>
+   <li id="five"><span>5</span>5</li>
+   <li id="six"><span>6</span>6</li>
+   <li id="seven"><span>7</span>7</li>
+   <li id="eight"><span>8</span>8</li>
+   <li id="nine"><span>9</span>9</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-order-01-d-test.html b/layout/reftests/counters/t1204-order-01-d-test.html
new file mode 100644
index 0000000000..9b3f2a82b0
--- /dev/null
+++ b/layout/reftests/counters/t1204-order-01-d-test.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Order of counters in out-of-flow content</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  ul { display: block; margin: 0; padding: 0; counter-reset: c; }
+  li { counter-increment: c; }
+  li, div { display: block; margin: 0; padding: 0;
+            width: 3em; border: thin solid; }
+  li:before, div:before { content: counter(c); }
+
+  #four { border: none; }
+  #four:before { content: ""; content: none; }
+
+  #two { float: left; }
+  #three { position: relative; }
+  #four { position: relative; }
+  #four div { position: absolute; left: 8em; }
+  #six { position: absolute; top: 5em; left: 12em; }
+  #eight { position: fixed; top: 8em; left: 4em; }
+
+  </style>
+ </head>
+ <body>
+
+ <p>The number pairs (same digit repeated twice) "11" through "44"
+ should appear on this page.</p>
+
+ <ul>
+   <li id="one">1</li>
+   <li id="two">2</li>
+   <li id="three">3</li>
+   <li id="four"><div>4</div></li>
+   <li id="five">5</li>
+   <li id="six">6</li>
+   <li id="seven">7</li>
+   <li id="eight">8</li>
+   <li id="nine">9</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-reset-00-c-o-reference.html b/layout/reftests/counters/t1204-reset-00-c-o-reference.html
new file mode 100644
index 0000000000..3be209b7e8
--- /dev/null
+++ b/layout/reftests/counters/t1204-reset-00-c-o-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ </head>
+ <body>
+
+ <div id="reference"><span>1-</span><span>2-</span><span>3-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-reset-00-c-o-test.html b/layout/reftests/counters/t1204-reset-00-c-o-test.html
new file mode 100644
index 0000000000..b6dc6ce7e0
--- /dev/null
+++ b/layout/reftests/counters/t1204-reset-00-c-o-test.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+  <style type="text/css">
+
+  #test, .reset { counter-reset: c; }
+  .increment:before { content: counters(c, ".") "-"; }
+  .increment { counter-increment: c; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+	var t = document.getElementById("test");
+	var s = document.createElement("span");
+	s.setAttribute("class", "reset");
+	t.insertBefore(s, t.childNodes.item(1));
+	document.documentElement.removeAttribute('class');
+  }
+
+  document.addEventListener("MozReftestInvalidate", run);
+  </script>
+ </head>
+ <body>
+
+ <div id="test"><span class="increment"></span><span class="increment"></span><span class="increment"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-reset-01-c-o-reference.html b/layout/reftests/counters/t1204-reset-01-c-o-reference.html
new file mode 100644
index 0000000000..3be209b7e8
--- /dev/null
+++ b/layout/reftests/counters/t1204-reset-01-c-o-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ </head>
+ <body>
+
+ <div id="reference"><span>1-</span><span>2-</span><span>3-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-reset-01-c-o-test.html b/layout/reftests/counters/t1204-reset-01-c-o-test.html
new file mode 100644
index 0000000000..e3800332ca
--- /dev/null
+++ b/layout/reftests/counters/t1204-reset-01-c-o-test.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+  <style type="text/css">
+
+  #test, .reset { counter-reset: c; }
+  .increment:before { content: counters(c, ".") "-"; }
+  .increment { counter-increment: c; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+	var t = document.getElementById("test");
+	t.removeChild(t.childNodes.item(1));
+	document.documentElement.removeAttribute('class');
+  }
+
+  document.addEventListener("MozReftestInvalidate", run);
+  </script>
+ </head>
+ <body>
+
+ <div id="test"><span class="increment"></span><span class="reset"></span><span class="increment"></span><span class="increment"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-reset-02-c-o-reference.html b/layout/reftests/counters/t1204-reset-02-c-o-reference.html
new file mode 100644
index 0000000000..a154f70228
--- /dev/null
+++ b/layout/reftests/counters/t1204-reset-02-c-o-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ </head>
+ <body>
+
+ <div id="reference"><span>1</span><span>-</span><span>1.1</span><span>-</span><span>2</span><span>-</span><span>3</span><span>-</span><span>4</span><span>-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-reset-02-c-o-test.html b/layout/reftests/counters/t1204-reset-02-c-o-test.html
new file mode 100644
index 0000000000..8aea7425e2
--- /dev/null
+++ b/layout/reftests/counters/t1204-reset-02-c-o-test.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+  <style type="text/css">
+
+  #test, .reset { counter-reset: c; }
+  .increment:before { content: counters(c, ".") "-"; }
+  .increment { counter-increment: c; }
+
+  </style>
+  <script type="text/javascript">
+
+  function run() {
+	document.getElementById("one").setAttribute("class", "reset");
+	document.getElementById("two").removeAttribute("class");
+	document.documentElement.removeAttribute('class');
+  }
+
+  document.addEventListener("MozReftestInvalidate", run);
+  </script>
+ </head>
+ <body>
+
+ <div id="test"><span class="increment"></span><span><span id="one"><span class="increment"></span></span></span><span class="increment"></span><span><span id="two" class="reset"><span class="increment"></span></span></span><span class="increment"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-root-e-reference.html b/layout/reftests/counters/t1204-root-e-reference.html
new file mode 100644
index 0000000000..3efe27018b
--- /dev/null
+++ b/layout/reftests/counters/t1204-root-e-reference.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: counters on the root element</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+
+ <div>
+   <span>4.8</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t1204-root-e-test.html b/layout/reftests/counters/t1204-root-e-test.html
new file mode 100644
index 0000000000..3e7286db6e
--- /dev/null
+++ b/layout/reftests/counters/t1204-root-e-test.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: counters on the root element</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  html { counter-reset: c 0 c 4 c 0; counter-increment: c 1 c 3; }
+  html:before { content: " "; counter-reset: c 9999; counter-increment: c 9999; }
+  body { counter-reset: c 3; counter-increment: c 5; }
+
+  span.c:before { content: counters(c, "."); }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div>
+   <span class="c"></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-00-b-reference.html b/layout/reftests/counters/t120401-scope-00-b-reference.html
new file mode 100644
index 0000000000..e1b9eedad5
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-00-b-reference.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div>
+   <span>1</span><span>2</span><span>2</span><span>1</span><span>1</span><span>1</span>
+   <span>1</span><span>3</span><span>3</span><span>3</span><span>3</span><span>1</span>
+ </div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-00-b-test.html b/layout/reftests/counters/t120401-scope-00-b-test.html
new file mode 100644
index 0000000000..da7a6ae1a8
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-00-b-test.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  .scope { counter-reset: c 1; }
+  .scope:before, .scope:after { content: counter(c); }
+  .c:before { content: counter(c); }
+
+  .one:before { counter-reset: c 2; }
+  .two { counter-reset: c 3; }
+
+  </style>
+ </head>
+ <body>
+
+ <div>
+   <span class="scope"><span class="one c"><span class="c"></span></span><span class="c"></span></span><span class="c"></span>
+   <span class="scope"><span class="two c"><span class="c"></span></span><span class="c"></span></span><span class="c"></span>
+ </div>
+
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-01-c-reference.html b/layout/reftests/counters/t120401-scope-01-c-reference.html
new file mode 100644
index 0000000000..021366aaed
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-01-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting on elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>B</span><span>1</span><span>-</span><span>B</span><span>2</span><span>-</span><span>B</span><span>2.1</span><span>-</span><span>B</span><span>2.2</span><span>-</span><span>A</span><span>2.3</span><span>-</span><span>B</span><span>2.4</span><span>-</span><span>A</span><span>2.5</span><span>-</span><span>A</span><span>2.6</span><span>-</span><span>B</span><span>3</span><span>-</span><span>B</span><span>4</span><span>-</span><span>A</span><span>5</span><span>-</span><span>A</span><span>6</span><span>-</span><span>A</span><span>7</span><span>-</span><span>A</span><span>8</span><span>-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-01-c-test.html b/layout/reftests/counters/t120401-scope-01-c-test.html
new file mode 100644
index 0000000000..1f75f74fbd
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-01-c-test.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting on elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  span:before { counter-increment: c 1; content: "B" counters(c,".") "-" }
+  span:after  { counter-increment: c 1; content: "A" counters(c,".") "-" }
+
+  body, span#reset { counter-reset: c 0; }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span><span><span id="reset"><span></span><span></span></span><span><span></span></span></span></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-02-c-reference.html b/layout/reftests/counters/t120401-scope-02-c-reference.html
new file mode 100644
index 0000000000..41fc79875a
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-02-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting on :before</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>B</span><span>1</span><span>-</span><span>B</span><span>1.1</span><span>-</span><span>B</span><span>2</span><span>-</span><span>A</span><span>3</span><span>-</span><span>A</span><span>4</span><span>-</span><span>A</span><span>5</span><span>-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-02-c-test.html b/layout/reftests/counters/t120401-scope-02-c-test.html
new file mode 100644
index 0000000000..40bc787f2a
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-02-c-test.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting on :before</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  span:before { counter-increment: c 1; content: "B" counters(c,".") "-" }
+  span:after  { counter-increment: c 1; content: "A" counters(c,".") "-" }
+
+  body, span#reset:before { counter-reset: c 0; }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span><span id="reset"><span></span></span></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-03-c-reference.html b/layout/reftests/counters/t120401-scope-03-c-reference.html
new file mode 100644
index 0000000000..e1da0eb565
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-03-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting on :after</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>B</span><span>1</span><span>-</span><span>B</span><span>2</span><span>-</span><span>B</span><span>3</span><span>-</span><span>A</span><span>4</span><span>-</span><span>A</span><span>4.1</span><span>-</span><span>A</span><span>5</span><span>-</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-03-c-test.html b/layout/reftests/counters/t120401-scope-03-c-test.html
new file mode 100644
index 0000000000..553207287d
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-03-c-test.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting on :after</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  span:before { counter-increment: c 1; content: "B" counters(c,".") "-" }
+  span:after  { counter-increment: c 1; content: "A" counters(c,".") "-" }
+
+  body, span#reset:after { counter-reset: c 0; }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span><span id="reset"><span></span></span></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-04-d-reference.html b/layout/reftests/counters/t120401-scope-04-d-reference.html
new file mode 100644
index 0000000000..ff1dba44c5
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-04-d-reference.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+ <div><span>1 </span><span>1 </span><span>R</span><span>1.1 </span><span>1.1 </span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120401-scope-04-d-test.html b/layout/reftests/counters/t120401-scope-04-d-test.html
new file mode 100644
index 0000000000..214137ef6b
--- /dev/null
+++ b/layout/reftests/counters/t120401-scope-04-d-test.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter scope and nesting</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  .reset { counter-reset: c; }
+  .rb:before { counter-reset: c; content: "R"; }
+  .use { counter-increment: c; }
+  .use:before { content: counters(c, ".") " "; }
+
+  </style>
+ </head>
+ <body>
+
+ <div><span class="reset"></span><span class="use"></span><span class="reset"></span><span class="use"></span><span class="rb"><span class="use"></span><span class="reset"></span><span class="use"></span></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120403-content-none-00-c-reference.html b/layout/reftests/counters/t120403-content-none-00-c-reference.html
new file mode 100644
index 0000000000..78053a9719
--- /dev/null
+++ b/layout/reftests/counters/t120403-content-none-00-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter properties on 'content: none' pseudo-elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#q9"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>0</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120403-content-none-00-c-test.html b/layout/reftests/counters/t120403-content-none-00-c-test.html
new file mode 100644
index 0000000000..6ea67aa07e
--- /dev/null
+++ b/layout/reftests/counters/t120403-content-none-00-c-test.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter properties on 'content: none' pseudo-elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#q9"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  div { counter-reset: c }
+  #one:before { counter-increment: c }
+  #two:before { content: counter(c) }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span id="one"></span><span id="two"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120403-display-none-00-c-reference.html b/layout/reftests/counters/t120403-display-none-00-c-reference.html
new file mode 100644
index 0000000000..a7ae167c0b
--- /dev/null
+++ b/layout/reftests/counters/t120403-display-none-00-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter properties on 'display: none' elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#q9"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>0</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120403-display-none-00-c-test.html b/layout/reftests/counters/t120403-display-none-00-c-test.html
new file mode 100644
index 0000000000..33180006df
--- /dev/null
+++ b/layout/reftests/counters/t120403-display-none-00-c-test.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter properties on 'display: none' elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#q9"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  div { counter-reset: c }
+  #one { display: none; counter-increment: c }
+  #two:before { content: counter(c) }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span id="one"></span><span id="two"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120403-visibility-00-c-reference.html b/layout/reftests/counters/t120403-visibility-00-c-reference.html
new file mode 100644
index 0000000000..99470c1de7
--- /dev/null
+++ b/layout/reftests/counters/t120403-visibility-00-c-reference.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter properties on 'visibility: hidden' elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#q9"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ </head>
+ <body>
+
+
+ <div><span>1</span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/t120403-visibility-00-c-test.html b/layout/reftests/counters/t120403-visibility-00-c-test.html
new file mode 100644
index 0000000000..9246519d8a
--- /dev/null
+++ b/layout/reftests/counters/t120403-visibility-00-c-test.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: Counter properties on 'visibility: hidden' elements</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#q9"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <style type="text/css">
+
+  div { counter-reset: c }
+  #one { visibility: hidden; counter-increment: c }
+  #two:before { content: counter(c) }
+
+  </style>
+ </head>
+ <body>
+
+
+ <div><span id="one"></span><span id="two"></span></div>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/text-boundaries-subpixel-ref.html b/layout/reftests/counters/text-boundaries-subpixel-ref.html
new file mode 100644
index 0000000000..6c24c588b3
--- /dev/null
+++ b/layout/reftests/counters/text-boundaries-subpixel-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Test that inline boundaries don't change subpixel positioning of text</title>
+ </head>
+ <body>
+
+ <!--
+      Since we changed all the other counters tests to NOT test this, we
+      should make sure we still test it.
+   -->
+
+ <p>This is some text with inline elements in it.</p>
+ <p>This-is-some-text-with-inline-elements-in-it.</p>
+
+ </body>
+</html>
diff --git a/layout/reftests/counters/text-boundaries-subpixel.html b/layout/reftests/counters/text-boundaries-subpixel.html
new file mode 100644
index 0000000000..7117569aa1
--- /dev/null
+++ b/layout/reftests/counters/text-boundaries-subpixel.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Test that inline boundaries don't change subpixel positioning of text</title>
+ </head>
+ <body>
+
+ <!--
+      Since we changed all the other counters tests to NOT test this, we
+      should make sure we still test it.
+   -->
+
+ <p>This <span>is </span>some text<span> with </span>inline <span>elements</span> in<span> it</span>.</p>
+ <p>This-<span>is-</span>some-text<span>-with-</span>inline-<span>elements</span>-in<span>-it</span>.</p>
+
+ </body>
+</html>
diff --git a/layout/reftests/css-animations/animate-display-table-opacity-ref.html b/layout/reftests/css-animations/animate-display-table-opacity-ref.html
new file mode 100644
index 0000000000..958c8c3f63
--- /dev/null
+++ b/layout/reftests/css-animations/animate-display-table-opacity-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>Testcase for bug 1245075</title>
+<style>
+#test {
+  width: 100px; height: 100px;
+  background: rgb(102, 102, 255);
+}
+</style>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/animate-display-table-opacity.html b/layout/reftests/css-animations/animate-display-table-opacity.html
new file mode 100644
index 0000000000..0d03054938
--- /dev/null
+++ b/layout/reftests/css-animations/animate-display-table-opacity.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Testcase for bug 1245075</title>
+<style>
+@keyframes HoldOpacity {
+  from, to { opacity: 0.6 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  display: table;
+  animation: HoldOpacity 100s linear infinite;
+}
+</style>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/animate-opacity-ref.html b/layout/reftests/css-animations/animate-opacity-ref.html
new file mode 100644
index 0000000000..d0b3bff4ae
--- /dev/null
+++ b/layout/reftests/css-animations/animate-opacity-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<title>Reftest, bug 1156456</title>
+<style>
+
+body {
+  background: #2a4;
+}
+
+div {
+  width: 200px; height: 200px;
+  background: #c37;
+  opacity: 0.6;
+  will-change: opacity;
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-animations/animate-opacity.html b/layout/reftests/css-animations/animate-opacity.html
new file mode 100644
index 0000000000..ff09fe514b
--- /dev/null
+++ b/layout/reftests/css-animations/animate-opacity.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<title>Reftest, bug 1156456</title>
+<style>
+
+body {
+  background: #2a4;
+}
+
+@keyframes HoldOpacity {
+  from, to {
+    opacity: 0.6;
+  }
+}
+
+div {
+  width: 200px; height: 200px;
+  background: #c37;
+  animation: 10s HoldOpacity infinite;
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-animations/animate-preserves3d-ref.html b/layout/reftests/css-animations/animate-preserves3d-ref.html
new file mode 100644
index 0000000000..d85a9772a5
--- /dev/null
+++ b/layout/reftests/css-animations/animate-preserves3d-ref.html
@@ -0,0 +1,30 @@
+<html>
+  <head>
+    <style type="text/css">
+      .pad {
+        display: block;
+        height: 20px;
+      }
+      .out {
+        display: block;
+        position: absolute;
+        transform-origin: 0 0;
+        width: 100px;
+        height: 50px;
+        overflow: hidden;
+        left: 108px;
+      }
+      .rect {
+        width: 100px;
+        height: 50px;
+        background-color: grey;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="pad"></div>
+    <div class="out">
+      <div class="rect"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-animations/animate-preserves3d.html b/layout/reftests/css-animations/animate-preserves3d.html
new file mode 100644
index 0000000000..cf390513b7
--- /dev/null
+++ b/layout/reftests/css-animations/animate-preserves3d.html
@@ -0,0 +1,38 @@
+<html>
+  <head>
+    <style type="text/css">
+      .pad {
+        display: block;
+        height: 20px;
+      }
+      .out {
+        display: block;
+        position: absolute;
+        transform-origin: 0 0;
+        width: 100px;
+        height: 50px;
+        overflow: hidden;
+      }
+      .rect {
+        width: 100px;
+        height: 50px;
+        background-color: grey;
+      }
+      
+      .ani {
+        animation: rot 200s linear infinite;
+        animation-timing-function: steps(2, start);
+        transform-origin: 50px 50px;
+      }
+      @keyframes rot {
+        to { transform: translate(200px, 0px); }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="pad"></div>
+    <div class="out ani">
+      <div class="rect"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-animations/animation-initially-out-of-view-with-delay-ref.html b/layout/reftests/css-animations/animation-initially-out-of-view-with-delay-ref.html
new file mode 100644
index 0000000000..4cccbc4861
--- /dev/null
+++ b/layout/reftests/css-animations/animation-initially-out-of-view-with-delay-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<title>Bug 1383239</title>
+<style>
+div {
+ position: absolute;
+ background: orange;
+ width: 20px;
+ height: 20px;
+ left: 0px;
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-animations/animation-initially-out-of-view-with-delay.html b/layout/reftests/css-animations/animation-initially-out-of-view-with-delay.html
new file mode 100644
index 0000000000..39db15a38c
--- /dev/null
+++ b/layout/reftests/css-animations/animation-initially-out-of-view-with-delay.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>Bug 1383239</title>
+<style>
+div {
+ position: absolute;
+ left: -9999px;
+ background: orange;
+ width: 20px;
+ height: 20px;
+ animation: anim 100s 0.1s infinite;
+}
+
+@keyframes anim {
+ 0% {
+  left: 0px;
+ }
+ 100% {
+  left: 0px;
+ }
+}
+</style>
+<div></div>
+<script>
+document.querySelector('div').addEventListener('animationstart', ()=> {
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/animation-on-empty-height-frame.html b/layout/reftests/css-animations/animation-on-empty-height-frame.html
new file mode 100644
index 0000000000..8e91c50c53
--- /dev/null
+++ b/layout/reftests/css-animations/animation-on-empty-height-frame.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+@keyframes anim {
+  from { background-color: white; }
+  to { background-color: red; }
+}
+</style>
+<body>
+</body>
+<script>
+window.addEventListener('load', () => {
+  const body = document.querySelector('body');
+  body.style.animation = 'anim 100s step-end reverse';
+  body.addEventListener('animationstart', () => {
+    // This MozAfterPaint event corresponds to the white background paint.
+    // (The animation will initially paint the background red since it is playing
+    // a step-end animation in reverse.)
+    window.addEventListener('MozAfterPaint', () => {
+      // FIXME: Bug 1341294. We need to wait for one more frame in the case
+      // the MozAfterPaint we received is not the one what we were waiting for.
+      // Note that we can't just wait for one more MozAfterPaint since in the
+      // case where everything works correctly, we won't get another
+      // MozAfterPaint for a long time due to the step-end timing function
+      // applied to the animation.
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove('reftest-wait');
+      });
+    }, {once: true});
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/background-color-on-html-ref.html b/layout/reftests/css-animations/background-color-on-html-ref.html
new file mode 100644
index 0000000000..46119151eb
--- /dev/null
+++ b/layout/reftests/css-animations/background-color-on-html-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<style>
+html {
+  background-color: green;
+}
+</style>
+</html>
diff --git a/layout/reftests/css-animations/background-color-on-html.html b/layout/reftests/css-animations/background-color-on-html.html
new file mode 100644
index 0000000000..a08de3a1f3
--- /dev/null
+++ b/layout/reftests/css-animations/background-color-on-html.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait reftest-no-flush">
+<style>
+@keyframes anim {
+  from { background-color: green; }
+  to { background-color: red; }
+}
+html {
+  background-color: black;
+}
+</style>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  document.documentElement.style.animation = "anim 100s step-end reverse";
+  document.documentElement.addEventListener("animationstart", () => {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/background-color-ref.html b/layout/reftests/css-animations/background-color-ref.html
new file mode 100644
index 0000000000..61538ea34d
--- /dev/null
+++ b/layout/reftests/css-animations/background-color-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+</style>
+<div id="target"></div>
diff --git a/layout/reftests/css-animations/background-color.html b/layout/reftests/css-animations/background-color.html
new file mode 100644
index 0000000000..6a990524a2
--- /dev/null
+++ b/layout/reftests/css-animations/background-color.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait reftest-no-flush">
+<style>
+@keyframes anim {
+  from { background-color: green; }
+  to { background-color: red; }
+}
+#target {
+  width: 100px;
+  height: 100px;
+  background-color: black;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s step-end reverse";
+  target.addEventListener("animationstart", () => {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/background-position-after-finish.html b/layout/reftests/css-animations/background-position-after-finish.html
new file mode 100644
index 0000000000..ac9bdfbd46
--- /dev/null
+++ b/layout/reftests/css-animations/background-position-after-finish.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>background-position-x animation after finish</title>
+<style>
+@keyframes holdBackgroundPosition {
+  from,to { background-position-x: 100%; }
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+  animation: holdBackgroundPosition 0.01s;
+  background-position-x: 50%;
+}
+</style>
+<div id="test" class="reftest-opaque-layer"></div>
+<script>
+document.getElementById("test").addEventListener("animationend", () => {
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove("reftest-wait");
+  })
+});
+</script>
diff --git a/layout/reftests/css-animations/background-position-important.html b/layout/reftests/css-animations/background-position-important.html
new file mode 100644
index 0000000000..2b6536cbf1
--- /dev/null
+++ b/layout/reftests/css-animations/background-position-important.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<title>background-position-x animation overridden by important style</title>
+<style>
+@keyframes holdBackgroundPosition {
+  from,to { background-position-x: 50%; }
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+  background-position-x: 50% !important;
+  animation: holdBackgroundPosition 100s infinite;
+}
+</style>
+<div id="test" class="reftest-opaque-layer"></div>
diff --git a/layout/reftests/css-animations/background-position-in-delay.html b/layout/reftests/css-animations/background-position-in-delay.html
new file mode 100644
index 0000000000..0ddc220b2e
--- /dev/null
+++ b/layout/reftests/css-animations/background-position-in-delay.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>background-position-x animation in delay phase</title>
+<style>
+@keyframes holdBackgroundPosition {
+  from,to { background-position-x: 100%; }
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+  animation: holdBackgroundPosition 100s 100s infinite;
+  background-position-x: 50%;
+}
+</style>
+<div id="test" class="reftest-opaque-layer"></div>
diff --git a/layout/reftests/css-animations/background-position-ref.html b/layout/reftests/css-animations/background-position-ref.html
new file mode 100644
index 0000000000..d479820469
--- /dev/null
+++ b/layout/reftests/css-animations/background-position-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Reference of testcases for background-position-x animations</title>
+<style>
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+  background-position-x: 50%;
+}
+</style>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/background-position-running.html b/layout/reftests/css-animations/background-position-running.html
new file mode 100644
index 0000000000..73e811d599
--- /dev/null
+++ b/layout/reftests/css-animations/background-position-running.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>background-position-x animation while running</title>
+<style>
+@keyframes holdBackgroundPosition {
+  from,to { background-position-x: 50%; }
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+  background-position-x: 0px;
+  animation: holdBackgroundPosition 100s infinite;
+}
+</style>
+<div id="test" class="reftest-opaque-layer"></div>
diff --git a/layout/reftests/css-animations/change-animation-name-in-rule-ref.html b/layout/reftests/css-animations/change-animation-name-in-rule-ref.html
new file mode 100644
index 0000000000..5fa2d6873f
--- /dev/null
+++ b/layout/reftests/css-animations/change-animation-name-in-rule-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-animations/change-animation-name-to-non-existent-in-rule.html b/layout/reftests/css-animations/change-animation-name-to-non-existent-in-rule.html
new file mode 100644
index 0000000000..6ec117896a
--- /dev/null
+++ b/layout/reftests/css-animations/change-animation-name-to-non-existent-in-rule.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+#target {
+  animation: red 100s;
+}
+@keyframes red {
+  0% { background-color: red; }
+  100% { background-color: red; }
+}
+div {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  requestAnimationFrame(() => {
+    document.styleSheets[0].cssRules[0].style.animationName = 'non-existent';
+    document.documentElement.classList.remove('reftest-wait');
+  });
+}, false);
+</script>
diff --git a/layout/reftests/css-animations/change-animation-name-to-none-in-rule.html b/layout/reftests/css-animations/change-animation-name-to-none-in-rule.html
new file mode 100644
index 0000000000..7f64d2e525
--- /dev/null
+++ b/layout/reftests/css-animations/change-animation-name-to-none-in-rule.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+#target {
+  animation: red 100s;
+}
+@keyframes red {
+  0% { background-color: red; }
+  100% { background-color: red; }
+}
+div {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  requestAnimationFrame(() => {
+    document.styleSheets[0].cssRules[0].style.animationName = 'none';
+    document.documentElement.classList.remove('reftest-wait');
+  });
+}, false);
+</script>
diff --git a/layout/reftests/css-animations/change-animation-name-to-other-in-rule.html b/layout/reftests/css-animations/change-animation-name-to-other-in-rule.html
new file mode 100644
index 0000000000..b0107c6369
--- /dev/null
+++ b/layout/reftests/css-animations/change-animation-name-to-other-in-rule.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+#target {
+  animation: red 100s;
+}
+@keyframes red {
+  0% { background-color: red; }
+  100% { background-color: red; }
+}
+@keyframes green {
+  0% { background-color: green; }
+  100% { background-color: green; }
+}
+div {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  requestAnimationFrame(() => {
+    document.styleSheets[0].cssRules[0].style.animationName = 'green';
+    document.documentElement.classList.remove('reftest-wait');
+  });
+}, false);
+</script>
diff --git a/layout/reftests/css-animations/containing-block-on-visibility-hidden-ref.html b/layout/reftests/css-animations/containing-block-on-visibility-hidden-ref.html
new file mode 100644
index 0000000000..73bf27705b
--- /dev/null
+++ b/layout/reftests/css-animations/containing-block-on-visibility-hidden-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<style>
+#parent {
+  visibility: hidden;
+  will-change: transform;
+}
+
+#fixed {
+  position: fixed;
+  background-color: green;
+  height: 100px;
+  width: 100px;
+}
+
+#scroll {
+  overflow-y: scroll;
+  overflow-x: hidden;
+  height: 80px;
+  width: 100px;
+}
+</style>
+<div id="scroll">
+  <div id="parent">
+    <div id="fixed"></div>
+  </div>
+</div>
diff --git a/layout/reftests/css-animations/containing-block-on-visibility-hidden.html b/layout/reftests/css-animations/containing-block-on-visibility-hidden.html
new file mode 100644
index 0000000000..fff3d91e7d
--- /dev/null
+++ b/layout/reftests/css-animations/containing-block-on-visibility-hidden.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>
+Transform animation generates a containing block for fixed-pos descendants
+even if the animation value is 'transform:none'
+</title>
+<style>
+#parent {
+  visibility: hidden;
+  animation: anim 100s step-end;
+}
+
+#fixed {
+  position: fixed;
+  background-color: green;
+  height: 100px;
+  width: 100px;
+}
+
+#scroll {
+  overflow-y: scroll;
+  overflow-x: hidden;
+  height: 80px;
+  width: 100px;
+}
+@keyframes anim {
+  0% { transform: none; }
+  100% { transform: translateX(0px); }
+}
+</style>
+<div id="scroll">
+  <div id="parent">
+    <div id="fixed"></div>
+  </div>
+</div>
diff --git a/layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning-ref.html b/layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning-ref.html
new file mode 100644
index 0000000000..fb4a55510a
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  #target::marker {
+    content: 'content';
+  }
+  #target {
+    display: list-item;
+    margin-left: 200px;
+  }
+  </style>
+  <div id='target'></div>
+</html>
diff --git a/layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning.html b/layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning.html
new file mode 100644
index 0000000000..76155708df
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-marker-pseudo-element-at-beginning.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  @keyframes anim {
+    from { content: 'content'; }
+    to { content: ''; }
+  }
+  #target::marker {
+    content: 'initial';
+    animation: anim 100s paused;
+  }
+  #target {
+    display: list-item;
+    margin-left: 200px;
+  }
+  </style>
+  <div id='target'></div>
+</html>
diff --git a/layout/reftests/css-animations/content-on-marker-pseudo-element-at-half.html b/layout/reftests/css-animations/content-on-marker-pseudo-element-at-half.html
new file mode 100644
index 0000000000..0eaffcc6cb
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-marker-pseudo-element-at-half.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  @keyframes anim {
+    from { content: ''; }
+    to { content: 'content'; }
+  }
+  #target::marker {
+    content: 'initial';
+    animation: anim 100s linear -50s paused;
+  }
+  #target {
+    display: list-item;
+    margin-left: 200px;
+  }
+  </style>
+  <div id='target'></div>
+</html>
diff --git a/layout/reftests/css-animations/content-on-pseudo-element-at-beginning.html b/layout/reftests/css-animations/content-on-pseudo-element-at-beginning.html
new file mode 100644
index 0000000000..0d4f05890b
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-pseudo-element-at-beginning.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  @keyframes anim {
+    from { content: 'content'; }
+    to { content: ''; }
+  }
+  #target::before {
+    content: 'initial';
+    animation: anim 100s paused;
+  }
+  </style>
+  <div id='target'></div>
+</html>
diff --git a/layout/reftests/css-animations/content-on-pseudo-element-at-half.html b/layout/reftests/css-animations/content-on-pseudo-element-at-half.html
new file mode 100644
index 0000000000..57ef251dbc
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-pseudo-element-at-half.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  @keyframes anim {
+    from { content: ''; }
+    to { content: 'content'; }
+  }
+  #target::before {
+    content: 'initial';
+    animation: anim 100s linear -50s paused;
+  }
+  </style>
+  <div id='target'></div>
+</html>
diff --git a/layout/reftests/css-animations/content-on-pseudo-element-ref.html b/layout/reftests/css-animations/content-on-pseudo-element-ref.html
new file mode 100644
index 0000000000..af5303402f
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-pseudo-element-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  #target::before {
+    content: 'content';
+  }
+  </style>
+  <div id='target'></div>
+</html>
diff --git a/layout/reftests/css-animations/continuation-opacity-ref.html b/layout/reftests/css-animations/continuation-opacity-ref.html
new file mode 100644
index 0000000000..6073cf3152
--- /dev/null
+++ b/layout/reftests/css-animations/continuation-opacity-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<title>Multiline inline animated opacity test</title>
+<style>
+blink {
+  opacity: 0;
+}
+
+p {
+  max-width: 15em;
+}
+</style>
+<p>
+  <blink>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blink>
+</p>
diff --git a/layout/reftests/css-animations/continuation-opacity.html b/layout/reftests/css-animations/continuation-opacity.html
new file mode 100644
index 0000000000..25aa9a7493
--- /dev/null
+++ b/layout/reftests/css-animations/continuation-opacity.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>Multiline inline animated opacity test</title>
+<style>
+@keyframes blink {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+p {
+  max-width: 15em;
+}
+</style>
+<p>
+  <blink id="target">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blink>
+</p>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  target.style.animation = "blink 100s step-end reverse";
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  });
+}, false);
+</script>
diff --git a/layout/reftests/css-animations/ib-split-sibling-opacity-ref.html b/layout/reftests/css-animations/ib-split-sibling-opacity-ref.html
new file mode 100644
index 0000000000..e29f1b6f28
--- /dev/null
+++ b/layout/reftests/css-animations/ib-split-sibling-opacity-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<title>Opacity animation on ib-split-sibling</title>
+<span style="visibility:hidden;">A <span style="display:block;visibility:visible">B</span> C</span>
diff --git a/layout/reftests/css-animations/ib-split-sibling-opacity.html b/layout/reftests/css-animations/ib-split-sibling-opacity.html
new file mode 100644
index 0000000000..acb25883b6
--- /dev/null
+++ b/layout/reftests/css-animations/ib-split-sibling-opacity.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>Opacity animation on ib-split-sibling</title>
+<style>
+@keyframes anim {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+</style>
+<span id="animating">A <span style="display:block"></span> C</span>
+<script>
+window.addEventListener("load", () => {
+  animating.style.animation = 'anim 100s step-end reverse';
+  window.addEventListener("MozAfterPaint", () => {
+    requestAnimationFrame(() => {
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  }, {once: true});
+});
+</script>
diff --git a/layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element-ref.html b/layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element-ref.html
new file mode 100644
index 0000000000..4d08b92e49
--- /dev/null
+++ b/layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<title>In visibility hidden color animation on pseudo element</title>
+<style>
+
+div::marker {
+  visibility: visible;
+  color: blue;
+  content: "Color Animation";
+}
+
+div {
+  color: black;
+  visibility: hidden;
+  display: list-item;
+  list-style-position: inside;
+}
+
+</style>
+<div>color animation on visible psuedo element attached to invisible element</div>
diff --git a/layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element.html b/layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element.html
new file mode 100644
index 0000000000..8a61cdcaa4
--- /dev/null
+++ b/layout/reftests/css-animations/in-visibility-hidden-animation-marker-pseudo-element.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>In visibility hidden color animation on pseudo element</title>
+<style>
+
+@keyframes color {
+  0% { color: black }
+  1% { color: blue }
+  100% { color: blue }
+}
+
+div::marker {
+  visibility: visible;
+  content: "Color Animation";
+  animation: color 0.1s 1 forwards;
+}
+
+div {
+  color: black;
+  visibility: hidden;
+  display: list-item;
+  list-style-position: inside;
+}
+
+</style>
+<div id="target">color animation on visible pseudo element attached to invisible element</div>
+<script>
+
+document.getElementById("target").addEventListener("animationend", AnimationEndListener);
+
+function AnimationEndListener(event) {
+  setTimeout(RemoveReftestWait, 0);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element-ref.html b/layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element-ref.html
new file mode 100644
index 0000000000..b94f18dd4b
--- /dev/null
+++ b/layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<title>In visibility hidden color animation on pseudo element</title>
+<style>
+
+div:before {
+  visibility: visible;
+  color: blue;
+  content: "Color Animation";
+}
+
+div {
+  color: black;
+  visibility: hidden;
+}
+
+</style>
+<div>color animation on visible psuedo element attached to invisible element</div>
diff --git a/layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element.html b/layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element.html
new file mode 100644
index 0000000000..cbdc4e11b3
--- /dev/null
+++ b/layout/reftests/css-animations/in-visibility-hidden-animation-pseudo-element.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>In visibility hidden color animation on pseudo element</title>
+<style>
+
+@keyframes color {
+  0% { color: black }
+  1% { color: blue }
+  100% { color: blue }
+}
+
+div:before {
+  visibility: visible;
+  content: "Color Animation";
+  animation: color 0.1s 1 forwards;
+}
+
+div {
+  color: black;
+  visibility: hidden;
+}
+
+</style>
+<div id="target">color animation on visible pseudo element attached to invisible element</div>
+<script>
+
+document.getElementById("target").addEventListener("animationend", AnimationEndListener);
+
+function AnimationEndListener(event) {
+  setTimeout(RemoveReftestWait, 0);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/css-animations/in-visibility-hidden-animation-ref.html b/layout/reftests/css-animations/in-visibility-hidden-animation-ref.html
new file mode 100644
index 0000000000..09997ef486
--- /dev/null
+++ b/layout/reftests/css-animations/in-visibility-hidden-animation-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<title>In visibility hidden color animation</title>
+<style>
+
+p {
+  color: blue;
+  visibility: visible;
+}
+
+div {
+  visibility: hidden;
+}
+
+</style>
+<div><p>color animation on visible element in invisible parent element</p></div>
diff --git a/layout/reftests/css-animations/in-visibility-hidden-animation.html b/layout/reftests/css-animations/in-visibility-hidden-animation.html
new file mode 100644
index 0000000000..7488344e0e
--- /dev/null
+++ b/layout/reftests/css-animations/in-visibility-hidden-animation.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>in visibility hidden color animation</title>
+<style>
+
+@keyframes color {
+  0% { color: black }
+  1% { color: blue }
+  100% { color: blue }
+}
+
+p {
+  visibility: visible;
+}
+
+div {
+  color: black;
+  animation: color 0.1s 1 forwards;
+  visibility: hidden;
+}
+
+</style>
+<div id="parent"><p>color animation on visible element in invisible parent element</p></div>
+<script>
+
+document.getElementById("parent").addEventListener("animationend", AnimationEndListener);
+
+function AnimationEndListener(event) {
+  setTimeout(RemoveReftestWait, 0);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time-ref.html b/layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time-ref.html
new file mode 100644
index 0000000000..a71f9e85d2
--- /dev/null
+++ b/layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<style>
+#target::marker {
+  content: '';
+  background-color: rgb(255, 255, 255);
+  height: 100px;
+  width: 100px;
+  position: absolute;
+}
+#target {
+  display: list-item;
+  list-style-position: inside;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time.html b/layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time.html
new file mode 100644
index 0000000000..42b9ca543d
--- /dev/null
+++ b/layout/reftests/css-animations/marker-reframe-and-animation-starts-at-the-same-time.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+@keyframes anim {
+  from { background-color: rgb(255, 255, 255); }
+  to { background-color: rgb(255, 255, 255); }
+}
+#target::marker {
+  content: 'initial';
+  background-color: rgb(0, 0, 0);
+  height: 100px;
+  width: 100px;
+  position: absolute;
+}
+#target.hover::marker{
+  content: '';
+  animation: anim 100s steps(1, start);
+}
+#target {
+  display: list-item;
+  list-style-position: inside;
+}
+</style>
+<div id="target"></div>
+<script>
+window.addEventListener("load", () => {
+  target.className = 'hover';
+  target.addEventListener('animationstart', () => {
+    document.documentElement.classList.remove('reftest-wait');
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/mask-anim-ref.html b/layout/reftests/css-animations/mask-anim-ref.html
new file mode 100644
index 0000000000..e6da65775b
--- /dev/null
+++ b/layout/reftests/css-animations/mask-anim-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Reference of testcases for mssk-position and mask-size animations</title>
+<style>
+#test {
+  height: 100px;
+  width: 100px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="blue"/></svg>');
+  background-position: 50% 50%;
+}
+</style>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/mask-position-after-finish-1a.html b/layout/reftests/css-animations/mask-position-after-finish-1a.html
new file mode 100644
index 0000000000..c777e028a3
--- /dev/null
+++ b/layout/reftests/css-animations/mask-position-after-finish-1a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>mask-position animation after finish</title>
+<style>
+  @keyframes changeMaskPosition {
+    from { mask-position: 0% 0%; }
+    to { mask-position: center center; }
+  }
+  #test {
+    height: 100px;
+    width: 100px;
+    background-color: blue;
+    mask-repeat: no-repeat;
+    mask-position: 0% 0%;
+    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="blue"/></svg>');
+    animation: changeMaskPosition 0.01s forwards;
+  }
+</style>
+<div id="test"></div>
+<script>
+document.getElementById("test").addEventListener("animationend", () => {
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove("reftest-wait");
+  })
+});
+</script>
diff --git a/layout/reftests/css-animations/mask-position-after-finish-1b.html b/layout/reftests/css-animations/mask-position-after-finish-1b.html
new file mode 100644
index 0000000000..26a89ac1be
--- /dev/null
+++ b/layout/reftests/css-animations/mask-position-after-finish-1b.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>mask-position animation after finish</title>
+<style>
+  @keyframes changeMaskPosition {
+    from { mask-position: 0% 0%; }
+    to { mask-position: center center; }
+  }
+  #test {
+    height: 100px;
+    width: 100px;
+    mask-repeat: no-repeat;
+    mask-position: 0% 0%;
+    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="blue"/></svg>');
+    animation: changeMaskPosition 0.01s forwards;
+  }
+
+  #inner {
+    height: 100px;
+    width: 100px;
+    background-color: blue;
+    box-sizing: border-box;
+    /* Apply will-change property to force paint mask on mask layer */
+    border: 1px solid transparent;
+    will-change: transform;
+  }
+</style>
+<div id="test"><div id="inner"></div></div>
+<script>
+document.getElementById("test").addEventListener("animationend", () => {
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove("reftest-wait");
+  })
+});
+</script>
diff --git a/layout/reftests/css-animations/mask-position-in-delay-1a.html b/layout/reftests/css-animations/mask-position-in-delay-1a.html
new file mode 100644
index 0000000000..a1989482f9
--- /dev/null
+++ b/layout/reftests/css-animations/mask-position-in-delay-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>mask-position animation in delay phase</title>
+<style>
+@keyframes holdMaskPosition {
+  from,to { mask-position: left top; }
+}
+#test {
+  background-color: blue;
+  height: 100px;
+  width: 100px;
+  mask-repeat: no-repeat;
+  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="blue"/></svg>');
+  animation: holdMaskPosition 100s 100s infinite;
+  mask-position: center center;
+}
+</style>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/mask-position-in-delay-1b.html b/layout/reftests/css-animations/mask-position-in-delay-1b.html
new file mode 100644
index 0000000000..90e8243aed
--- /dev/null
+++ b/layout/reftests/css-animations/mask-position-in-delay-1b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>mask-position animation in delay phase</title>
+<style>
+  @keyframes holdMaskPosition {
+    from,to { mask-position: left top; }
+  }
+  #test {
+    height: 100px;
+    width: 100px;
+    mask-repeat: no-repeat;
+    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="blue"/></svg>');
+    animation: holdMaskPosition 100s 100s infinite;
+    mask-position: center center;
+  }
+
+  #inner {
+    height: 100px;
+    width: 100px;
+    background-color: blue;
+    box-sizing: border-box;
+    /* Apply will-change property to force paint mask on mask layer */
+    border: 1px solid transparent;
+    will-change: transform;
+  }
+</style>
+<div id="test"><div id="inner"></div></div>
diff --git a/layout/reftests/css-animations/mask-size-after-finish-1a.html b/layout/reftests/css-animations/mask-size-after-finish-1a.html
new file mode 100644
index 0000000000..4b6b990b2c
--- /dev/null
+++ b/layout/reftests/css-animations/mask-size-after-finish-1a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>mask-size animation after finish</title>
+<style>
+  @keyframes changeMaskSize {
+    from { mask-size: 50px 50px; }
+    to { mask-size: 25px 25px; }
+  }
+  #test {
+    height: 100px;
+    width: 100px;
+    background-color: blue;
+    mask-repeat: no-repeat;
+    mask-position: center center;
+    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><rect x="0" y="0" width="50" height="50" fill="blue"/></svg>');
+    animation: changeMaskSize 0.01s forwards;
+  }
+</style>
+<div id="test"></div>
+<script>
+document.getElementById("test").addEventListener("animationend", () => {
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove("reftest-wait");
+  })
+});
+</script>
diff --git a/layout/reftests/css-animations/mask-size-after-finish-1b.html b/layout/reftests/css-animations/mask-size-after-finish-1b.html
new file mode 100644
index 0000000000..d0b15bb0f8
--- /dev/null
+++ b/layout/reftests/css-animations/mask-size-after-finish-1b.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>mask-size animation after finish</title>
+<style>
+  @keyframes changeMaskSize {
+    from { mask-size: 50px 50px; }
+    to { mask-size: 25px 25px; }
+  }
+  #test {
+    height: 100px;
+    width: 100px;
+    mask-repeat: no-repeat;
+    mask-position: center center;
+    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><rect x="0" y="0" width="50" height="50" fill="blue"/></svg>');
+    animation: changeMaskSize 0.01s forwards;
+  }
+
+  #inner {
+    height: 100px;
+    width: 100px;
+    background-color: blue;
+    box-sizing: border-box;
+    /* Apply will-change property to force paint mask on mask layer */
+    border: 1px solid transparent;
+    will-change: transform;
+  }
+</style>
+<div id="test"><div id="inner"></div></div>
+<script>
+document.getElementById("test").addEventListener("animationend", () => {
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove("reftest-wait");
+  })
+});
+</script>
diff --git a/layout/reftests/css-animations/mask-size-in-delay-1a.html b/layout/reftests/css-animations/mask-size-in-delay-1a.html
new file mode 100644
index 0000000000..7adaf00bbd
--- /dev/null
+++ b/layout/reftests/css-animations/mask-size-in-delay-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>mask-size animation in delay phase</title>
+<style>
+  @keyframes changeMaskSize {
+    from { mask-size: 50px 50px; }
+    to { mask-size: 50px 50px; }
+  }
+
+  #test {
+    height: 100px;
+    width: 100px;
+    background-color: blue;
+    mask-repeat: no-repeat;
+    mask-position: center center;
+    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="blue"/></svg>');
+    animation: changeMaskSize 100s 100s infinite;
+  }
+</style>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/mask-size-in-delay-1b.html b/layout/reftests/css-animations/mask-size-in-delay-1b.html
new file mode 100644
index 0000000000..c2c987ee7a
--- /dev/null
+++ b/layout/reftests/css-animations/mask-size-in-delay-1b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<title>mask-size animation in delay phase</title>
+<style>
+@keyframes changeMaskSize {
+  from { mask-size: 50px 50px; }
+  to { mask-size: 50px 50px; }
+}
+
+#test {
+  height: 100px;
+  width: 100px;
+  mask-repeat: no-repeat;
+  mask-position: center center;
+  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="blue"/></svg>');
+  animation: changeMaskSize 100s 100s infinite;
+}
+
+#inner {
+  height: 100px;
+  width: 100px;
+  background-color: blue;
+  box-sizing: border-box;
+  /* Apply will-change property to force paint mask on mask layer */
+  border: 1px solid transparent;
+  will-change: transform;
+}
+
+</style>
+<div id="test"><div id="inner"></div></div>
diff --git a/layout/reftests/css-animations/no-stacking-context-animation-ref.html b/layout/reftests/css-animations/no-stacking-context-animation-ref.html
new file mode 100644
index 0000000000..efc029d03e
--- /dev/null
+++ b/layout/reftests/css-animations/no-stacking-context-animation-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<title>
+Reference of testcases which don't create a stacking context for bug 1278136
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  background: green;
+  position: fixed;
+  top: 50px;
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/no-stacking-context-offset-distance-animation-with-offset-path-none.html b/layout/reftests/css-animations/no-stacking-context-offset-distance-animation-with-offset-path-none.html
new file mode 100644
index 0000000000..c8dd698148
--- /dev/null
+++ b/layout/reftests/css-animations/no-stacking-context-offset-distance-animation-with-offset-path-none.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+offset-distance animation doesn't create a stacking context if
+offset-path is none
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes distance {
+  from, to { offset-distance: 0% }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: distance 100s infinite;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/no-stacking-context-opacity-removing-animation-in-delay.html b/layout/reftests/css-animations/no-stacking-context-opacity-removing-animation-in-delay.html
new file mode 100644
index 0000000000..806e82f9b0
--- /dev/null
+++ b/layout/reftests/css-animations/no-stacking-context-opacity-removing-animation-in-delay.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Removing CSS animation in delay phase destroys a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opacity0 {
+  from, to { opacity: 0 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  opacity: 1 ! important;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  target.style.animation = "Opacity0 100s 100s";
+
+  // We need to wait for MozAfterPaint instead of requestAnimationFrame to
+  // ensure the stacking context has been updated on the compositor.
+  window.addEventListener("MozAfterPaint", function() {
+    // Here we have CSS animation on 100% opacity style element, so
+    // there should be a stacking context.
+
+    target.style.animation = "";
+
+    // This time we don't need to wait for MozAfterPaint because reftest tool
+    // will be received MozAferPaint event.
+    requestAnimationFrame(() => {
+      // Now we have only 100% opacity style, so we should not create any
+      // stacking context.
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  }, {once: true});
+});
+</script>
diff --git a/layout/reftests/css-animations/no-stacking-context-transform-removing-animation-in-delay.html b/layout/reftests/css-animations/no-stacking-context-transform-removing-animation-in-delay.html
new file mode 100644
index 0000000000..2e4cd9abe2
--- /dev/null
+++ b/layout/reftests/css-animations/no-stacking-context-transform-removing-animation-in-delay.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Removing CSS animation in delay phase destroys stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  transform: none ! important;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  target.style.animation = "TransformNone 100s 100s";
+
+  // We need to wait for MozAfterPaint instead of requestAnimationFrame to
+  // ensure the stacking context has been updated on the compositor.
+  window.addEventListener("MozAfterPaint", function() {
+    // Here we have CSS animation on transform:none style element, so
+    // there should be a stacking context.
+
+    target.style.animation = "";
+    // This time we don't need to wait for MozAfterPaint because reftest tool
+    // will be received MozAferPaint event.
+    requestAnimationFrame(() => {
+      // Now we have only transform:none style, so we should not create any
+      // stacking context.
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  }, {once: true});
+});
+</script>
diff --git a/layout/reftests/css-animations/no-style-sharing-with-animations-ref.html b/layout/reftests/css-animations/no-style-sharing-with-animations-ref.html
new file mode 100644
index 0000000000..0218b02f8a
--- /dev/null
+++ b/layout/reftests/css-animations/no-style-sharing-with-animations-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div></div>
+<div></div>
diff --git a/layout/reftests/css-animations/no-style-sharing-with-animations.html b/layout/reftests/css-animations/no-style-sharing-with-animations.html
new file mode 100644
index 0000000000..02dc960ca2
--- /dev/null
+++ b/layout/reftests/css-animations/no-style-sharing-with-animations.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+.animation {
+  animation: anim 100s forwards;
+}
+@keyframes anim {
+  0% { background-color: red; }
+  100% { background-color: red; }
+}
+div {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div class="animation"></div>
+<div class="animation"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  requestAnimationFrame(() => {
+    document.styleSheets[0].cssRules[0].style.animationName = 'none';
+    document.documentElement.classList.remove('reftest-wait');
+  });
+}, false);
+</script>
diff --git a/layout/reftests/css-animations/opacity-animation-in-delay.html b/layout/reftests/css-animations/opacity-animation-in-delay.html
new file mode 100644
index 0000000000..cafa34881f
--- /dev/null
+++ b/layout/reftests/css-animations/opacity-animation-in-delay.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+@keyframes anim {
+ from { opacity: 0.5; }
+ to { opacity: 0.5; }
+}
+div {
+  background: green;
+  width: 100px;
+  height: 100px;
+  animation: anim 100s 100s;
+  opacity: 0;
+}
+</style>
+<div></div>
+<script>
+requestAnimationFrame(() => {
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent-ref.html b/layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent-ref.html
new file mode 100644
index 0000000000..ff69f708eb
--- /dev/null
+++ b/layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Testcase, bug 1395151</title>
+  <style type="text/css">
+.ok {
+  background : #0f0;
+  height     : 40px;
+  width      : 40px;
+}
+.error {
+  opacity : .001;
+  height  : 100%;
+  width   : 100%;
+}
+.error > span {
+  background : #f00;
+  content    : "";
+  display    : block;
+  height     : 100%;
+  width      : 100%;
+}
+  </style>
+</head>
+<body>
+<div class="ok">
+  <div class="error"><span></span></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent.html b/layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent.html
new file mode 100644
index 0000000000..aa90445711
--- /dev/null
+++ b/layout/reftests/css-animations/opacity-animation-in-fixed-opacity-parent.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Testcase, bug 1395151</title>
+  <style type="text/css">
+@keyframes test-anim {
+  from { opacity : 1 }
+  to   { opacity : 1 }
+}
+
+.ok {
+  background : #0f0;
+  height     : 40px;
+  width      : 40px;
+}
+
+.error {
+  opacity : .001;
+  height     : 100%;
+  width      : 100%;
+}
+
+.error > span {
+  animation  : test-anim 1s linear infinite;
+  background : #f00;
+  content    : "";
+  display    : block;
+  height     : 100%;
+  width      : 100%;
+}
+  </style>
+</head>
+<body>
+<div class="ok">
+  <div class="error"><span></span></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-animations/partially-out-of-view-animation-ref.html b/layout/reftests/css-animations/partially-out-of-view-animation-ref.html
new file mode 100644
index 0000000000..fafb98b2dc
--- /dev/null
+++ b/layout/reftests/css-animations/partially-out-of-view-animation-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<title>Animation on element which is partially out of the view</title>
+<style>
+
+div {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  background-color: blue;
+  top: -100px;
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-animations/partially-out-of-view-animation.html b/layout/reftests/css-animations/partially-out-of-view-animation.html
new file mode 100644
index 0000000000..2bc2af6c69
--- /dev/null
+++ b/layout/reftests/css-animations/partially-out-of-view-animation.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Animation on element which is partially out of the view</title>
+<style>
+
+@keyframes background-color {
+  0% { background-color: black }
+  1% { background-color: blue }
+  100% { background-color: blue }
+}
+
+div {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  background-color: black;
+  animation: background-color 0.1s 1 forwards;
+  top: -100px;
+}
+
+</style>
+<div id="target"></div>
+<script>
+
+document.getElementById("target").addEventListener("animationend", AnimationEndListener);
+
+function AnimationEndListener(event) {
+  setTimeout(RemoveReftestWait, 0);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time-ref.html b/layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time-ref.html
new file mode 100644
index 0000000000..65387b5998
--- /dev/null
+++ b/layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<style>
+#target::before {
+  content: '';
+  background-color: rgb(255, 255, 255);
+  height: 100px;
+  width: 100px;
+  position: absolute;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time.html b/layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time.html
new file mode 100644
index 0000000000..325236b2a7
--- /dev/null
+++ b/layout/reftests/css-animations/reframe-and-animation-starts-at-the-same-time.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+@keyframes anim {
+  from { background-color: rgb(255, 255, 255); }
+  to { background-color: rgb(255, 255, 255); }
+}
+#target::before {
+  content: 'initial';
+  background-color: rgb(0, 0, 0);
+  height: 100px;
+  width: 100px;
+  position: absolute;
+}
+#target.hover::before{
+  content: '';
+  animation: anim 100s steps(1, start);
+}
+</style>
+<div id="target"></div>
+<script>
+window.addEventListener("load", () => {
+  target.className = 'hover';
+  target.addEventListener('animationstart', () => {
+    document.documentElement.classList.remove('reftest-wait');
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/reftest.list b/layout/reftests/css-animations/reftest.list
new file mode 100644
index 0000000000..ee84b01a30
--- /dev/null
+++ b/layout/reftests/css-animations/reftest.list
@@ -0,0 +1,87 @@
+== screen-animations.html screen-animations-ref.html
+!= screen-animations.html screen-animations-notref.html
+== animate-opacity.html animate-opacity-ref.html
+== animate-preserves3d.html animate-preserves3d-ref.html
+== animation-initially-out-of-view-with-delay.html animation-initially-out-of-view-with-delay-ref.html
+== animation-on-empty-height-frame.html about:blank
+== in-visibility-hidden-animation.html in-visibility-hidden-animation-ref.html
+== in-visibility-hidden-animation-pseudo-element.html in-visibility-hidden-animation-pseudo-element-ref.html
+pref(layout.css.marker.restricted,false) == in-visibility-hidden-animation-marker-pseudo-element.html in-visibility-hidden-animation-marker-pseudo-element-ref.html
+== partially-out-of-view-animation.html partially-out-of-view-animation-ref.html
+fails-if(useDrawSnapshot) == animate-display-table-opacity.html animate-display-table-opacity-ref.html
+# We need to run 100% opacity test case when OMTA is disabled to check that the animation creates a stacking context even if the animation is not running on the compositor
+test-pref(layers.offmainthreadcomposition.async-animations,false) == stacking-context-opacity-1-animation.html stacking-context-animation-ref.html
+# We need to run transform:none test case when OMTA is disabled to check that the animation creates a stacking context even if the animation is not running on the compositor
+test-pref(layers.offmainthreadcomposition.async-animations,false) == stacking-context-transform-none-animation.html stacking-context-animation-ref.html
+== no-stacking-context-opacity-removing-animation-in-delay.html no-stacking-context-animation-ref.html
+== no-stacking-context-transform-removing-animation-in-delay.html no-stacking-context-animation-ref.html
+== stacking-context-lose-opacity-1.html stacking-context-animation-ref.html
+== stacking-context-lose-transform-none.html stacking-context-animation-ref.html
+== stacking-context-opacity-win-in-delay.html stacking-context-animation-ref.html
+== stacking-context-opacity-win-in-delay-on-main-thread.html stacking-context-animation-ref.html
+== stacking-context-opacity-wins-over-transition.html stacking-context-animation-ref.html
+== stacking-context-transform-win-in-delay.html stacking-context-animation-ref.html
+== stacking-context-transform-win-in-delay-on-main-thread.html stacking-context-animation-ref.html
+== stacking-context-transform-wins-over-transition.html stacking-context-animation-ref.html
+== stacking-context-opacity-1-animation.html stacking-context-animation-ref.html
+== stacking-context-opacity-1-on-table.html stacking-context-animation-ref.html
+== stacking-context-opacity-1-with-fill-backwards.html stacking-context-animation-ref.html
+== stacking-context-opacity-1-with-fill-forwards.html stacking-context-animation-ref.html
+== stacking-context-paused-on-opacity-1.html stacking-context-animation-ref.html
+== stacking-context-paused-on-transform-none.html stacking-context-animation-ref.html
+== stacking-context-transform-none-animation.html stacking-context-animation-ref.html
+== stacking-context-transform-none-animation-on-svg.html  stacking-context-animation-ref.html
+== stacking-context-transform-none-animation-with-backface-visibility.html stacking-context-animation-ref.html
+== stacking-context-transform-none-animation-with-preserve-3d.html stacking-context-animation-ref.html
+== stacking-context-transform-none-with-fill-backwards.html stacking-context-animation-ref.html
+== stacking-context-transform-none-with-fill-forwards.html stacking-context-animation-ref.html
+== stacking-context-opacity-1-in-delay.html stacking-context-animation-ref.html
+== stacking-context-opacity-removing-important-in-delay.html stacking-context-animation-ref.html
+== stacking-context-transform-none-in-delay.html stacking-context-animation-ref.html
+== stacking-context-transform-removing-important-in-delay.html stacking-context-animation-ref.html
+== no-stacking-context-offset-distance-animation-with-offset-path-none.html no-stacking-context-animation-ref.html
+== stacking-context-offset-path-none-animation.html stacking-context-animation-ref.html
+== stacking-context-offset-path-none-in-delay.html stacking-context-animation-ref.html
+== stacking-context-offset-path-none-with-fill-backwards.html stacking-context-animation-ref.html
+== stacking-context-offset-path-none-with-fill-forwards.html stacking-context-animation-ref.html
+== background-position-in-delay.html background-position-ref.html # This test fails the reftest-opaque-layer check since animating background-position currently creates an active layer from its delay phse, and reftest-opaque-layer only handles items assigned to PaintedLayers.
+== background-position-after-finish.html background-position-ref.html
+random-if(useDrawSnapshot) == background-position-running.html background-position-ref.html # This test fails the reftest-opaque-layer check since animating background-position currently creates an active layer, and reftest-opaque-layer only handles items assigned to PaintedLayers.
+== background-position-important.html background-position-ref.html # This test fails the reftest-opaque-layer check since animating background-position overridden by a non-animated !important style also creates an active layer, and reftest-opaque-layer only handles items that are assigned to PaintedLayers.
+
+== mask-position-after-finish-1a.html mask-anim-ref.html
+== mask-position-after-finish-1b.html mask-anim-ref.html
+== mask-position-in-delay-1a.html mask-anim-ref.html
+== mask-position-in-delay-1b.html mask-anim-ref.html
+== mask-size-after-finish-1a.html mask-anim-ref.html
+== mask-size-after-finish-1b.html mask-anim-ref.html
+== mask-size-in-delay-1a.html mask-anim-ref.html
+== mask-size-in-delay-1b.html mask-anim-ref.html
+
+== stop-animation-on-discarded-pseudo-element.html about:blank
+
+== updating-animation-on-pseudo-element.html updating-animation-on-pseudo-element-ref.html
+pref(layout.css.marker.restricted,false) == updating-animation-on-marker-pseudo-element.html updating-animation-on-marker-pseudo-element-ref.html
+== content-on-pseudo-element-at-beginning.html content-on-pseudo-element-ref.html
+== content-on-pseudo-element-at-half.html content-on-pseudo-element-ref.html
+pref(layout.css.marker.restricted,false) == content-on-marker-pseudo-element-at-beginning.html content-on-marker-pseudo-element-at-beginning-ref.html
+pref(layout.css.marker.restricted,false) == content-on-marker-pseudo-element-at-half.html content-on-marker-pseudo-element-at-beginning-ref.html
+== reframe-and-animation-starts-at-the-same-time.html reframe-and-animation-starts-at-the-same-time-ref.html
+pref(layout.css.marker.restricted,false) == marker-reframe-and-animation-starts-at-the-same-time.html marker-reframe-and-animation-starts-at-the-same-time-ref.html
+== change-animation-name-to-none-in-rule.html change-animation-name-in-rule-ref.html
+== change-animation-name-to-other-in-rule.html change-animation-name-in-rule-ref.html
+== change-animation-name-to-non-existent-in-rule.html change-animation-name-in-rule-ref.html
+== no-style-sharing-with-animations.html no-style-sharing-with-animations-ref.html
+
+== continuation-opacity.html continuation-opacity-ref.html
+== ib-split-sibling-opacity.html about:blank
+
+== opacity-animation-in-fixed-opacity-parent.html opacity-animation-in-fixed-opacity-parent-ref.html
+== opacity-animation-in-delay.html about:blank
+== transform-animation-in-delay.html transform-animation-in-delay-ref.html
+== containing-block-on-visibility-hidden.html containing-block-on-visibility-hidden-ref.html
+== background-color.html background-color-ref.html
+== background-color-on-html.html background-color-on-html-ref.html
+skip-if(Android) == replace-with-new-positive-delay-animation.html replace-with-new-positive-delay-animation-ref.html # bug 1787682 for Android
+
+pref(layout.css.scroll-driven-animations.enabled,true) skip-if(!asyncPan) == scroll-timeline-in-delay-omta.html scroll-timeline-in-delay-omta-ref.html
diff --git a/layout/reftests/css-animations/replace-with-new-positive-delay-animation-ref.html b/layout/reftests/css-animations/replace-with-new-positive-delay-animation-ref.html
new file mode 100644
index 0000000000..3c822f514a
--- /dev/null
+++ b/layout/reftests/css-animations/replace-with-new-positive-delay-animation-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  opacity: 1;
+  background-color: green;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/css-animations/replace-with-new-positive-delay-animation.html b/layout/reftests/css-animations/replace-with-new-positive-delay-animation.html
new file mode 100644
index 0000000000..fbafd2cca8
--- /dev/null
+++ b/layout/reftests/css-animations/replace-with-new-positive-delay-animation.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+@keyframes first {
+  0% { opacity: 0; }
+  100% { opacity: 0; }
+}
+@keyframes second {
+  0% { opacity: 0.5; }
+  100% { opacity: 0.5; }
+}
+#target {
+  width: 100px;
+  height: 100px;
+  opacity: 1;
+  background-color: green;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener("MozReftestInvalidate", async () => {
+  target.style.animation = "first 100s";
+  await new Promise(resolve => {
+    target.addEventListener("animationstart", resolve);
+  });
+
+  // Wait two frames to make sure the animation is composited.
+  await new Promise(resolve => { requestAnimationFrame(resolve); });
+  await new Promise(resolve => { requestAnimationFrame(resolve); });
+
+  target.style.animation = "second 100s 100s";
+
+  // To take a snapshot in the delay phase, wait two frames instead of
+  // wait for the animationstart event.
+  await new Promise(resolve => { requestAnimationFrame(resolve); });
+  await new Promise(resolve => { requestAnimationFrame(resolve); });
+
+  document.documentElement.classList.remove("reftest-wait");
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/css-animations/screen-animations-notref.html b/layout/reftests/css-animations/screen-animations-notref.html
new file mode 100644
index 0000000000..73a026f603
--- /dev/null
+++ b/layout/reftests/css-animations/screen-animations-notref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<title>Static CSS animation</title>
+<style>
+
+p {
+  color: olive;
+}
+
+</style>
+<p>blue with animation support; olive without</p>
diff --git a/layout/reftests/css-animations/screen-animations-ref.html b/layout/reftests/css-animations/screen-animations-ref.html
new file mode 100644
index 0000000000..8830913084
--- /dev/null
+++ b/layout/reftests/css-animations/screen-animations-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<title>Static CSS animation</title>
+<style>
+
+p {
+  color: blue;
+}
+
+</style>
+<p>blue with animation support; olive without</p>
diff --git a/layout/reftests/css-animations/screen-animations.html b/layout/reftests/css-animations/screen-animations.html
new file mode 100644
index 0000000000..ba1a0aa14e
--- /dev/null
+++ b/layout/reftests/css-animations/screen-animations.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<title>Static CSS animation</title>
+<style>
+
+@keyframes a {
+  from, to { color: blue }
+}
+
+p {
+  color: olive;
+  animation: a 1s infinite;
+}
+
+</style>
+<p>blue with animation support; olive without</p>
diff --git a/layout/reftests/css-animations/scroll-timeline-in-delay-omta-ref.html b/layout/reftests/css-animations/scroll-timeline-in-delay-omta-ref.html
new file mode 100644
index 0000000000..c6caf3029f
--- /dev/null
+++ b/layout/reftests/css-animations/scroll-timeline-in-delay-omta-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<style>
+  #scroller {
+    width: 100px;
+    height: 100px;
+  }
+  #target {
+    width: 100px;
+    height: 100px;
+    background: green;
+    rotate: 45deg;
+    translate: 50px;
+  }
+</style>
+<body>
+  <div id="scroller"></div>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-animations/scroll-timeline-in-delay-omta.html b/layout/reftests/css-animations/scroll-timeline-in-delay-omta.html
new file mode 100644
index 0000000000..4dea5b7854
--- /dev/null
+++ b/layout/reftests/css-animations/scroll-timeline-in-delay-omta.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<head>
+<title>Scroll the scroll-driven animation from the active phase to delay</title>
+<style>
+  @keyframes anim {
+    from { translate: 100px; }
+    to { translate: 200px; }
+  }
+  #scroller {
+    width: 100px;
+    height: 100px;
+    overflow: scroll;
+    scrollbar-width: none;
+    scroll-timeline: scroll_timeline;
+  }
+  #target {
+    width: 100px;
+    height: 100px;
+    background: green;
+    rotate: 45deg;
+    translate: 50px;
+    animation-name: anim;
+    animation-duration: 5s;
+    animation-timing-function: linear;
+    animation-delay: 5s;
+    animation-timeline: scroll_timeline;
+  }
+</style>
+<script>
+window.addEventListener("MozReftestInvalidate", async () => {
+  const scroller = document.getElementById("scroller");
+  scroller.scrollTop = 75;
+
+  // Wait for the MozAfterPaint to make the view id of |scroller| gets ready.
+  window.addEventListener('MozAfterPaint', async () => {
+    let utils = SpecialPowers.wrap(window).windowUtils;
+    utils.setAsyncScrollOffset(scroller, 0, -50);
+
+    await new Promise(function(resolve, reject) {
+      let repaintDone = function() {
+        SpecialPowers.Services.obs.removeObserver(
+          repaintDone,
+          "apz-repaints-flushed"
+        );
+        resolve();
+      };
+      SpecialPowers.Services.obs.addObserver(repaintDone,
+                                             "apz-repaints-flushed");
+      if (!utils.flushApzRepaints()) {
+        repaintDone();
+      }
+    });
+
+    // Wait for composition and then take the snapshot.
+    await new Promise(resolve => { requestAnimationFrame(resolve); });
+    await new Promise(resolve => { requestAnimationFrame(resolve); });
+
+    document.documentElement.classList.remove('reftest-wait');
+  }, {once: true});
+});
+
+</script>
+</head>
+<body>
+  <div id="scroller">
+    <div style="height: 100px; padding-bottom: 100px;"></div>
+  </div>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-animations/stacking-context-animation-ref.html b/layout/reftests/css-animations/stacking-context-animation-ref.html
new file mode 100644
index 0000000000..817056c1ce
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-animation-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Reference of testcases for bug 1273042</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  background: green;
+  position: fixed;
+  top: 50px;
+  z-index: -1;
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-lose-opacity-1.html b/layout/reftests/css-animations/stacking-context-lose-opacity-1.html
new file mode 100644
index 0000000000..80ce2ea725
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-lose-opacity-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>
+Opacity animation creates a stacking context even if the opacity property
+is overridden by an !important rule
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opaque {
+  from, to { opacity: 1 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opaque 100s;
+  opacity: 1 !important;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-lose-transform-none.html b/layout/reftests/css-animations/stacking-context-lose-transform-none.html
new file mode 100644
index 0000000000..f08ec41bee
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-lose-transform-none.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>
+Transform animation creates a stacking context even if the transform property
+is overridden by an !important rule
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: TransformNone 100s infinite;
+  transform: none !important;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-offset-path-none-animation.html b/layout/reftests/css-animations/stacking-context-offset-path-none-animation.html
new file mode 100644
index 0000000000..53bbf4bf82
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-offset-path-none-animation.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+offset-path animation creates a stacking context even though it has only
+'offset-path:none' keyframes
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes OffsetPathNone {
+  from, to { offset-path: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: OffsetPathNone 100s infinite;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-offset-path-none-in-delay.html b/layout/reftests/css-animations/stacking-context-offset-path-none-in-delay.html
new file mode 100644
index 0000000000..568e8ea25a
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-offset-path-none-in-delay.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>
+offset-path animation creates stacking context in delay phase
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes offsetPathNone {
+  from, to { offset-path: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: offsetPathNone 100s 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-backwards.html b/layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-backwards.html
new file mode 100644
index 0000000000..50143d36bc
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-backwards.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+offset-path animation does not destroy stacking context when the animation
+has finished but has fill:backwards
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes OffsetPathNone {
+  from, to { offset-path: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: OffsetPathNone 100s 100s backwards;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-forwards.html b/layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-forwards.html
new file mode 100644
index 0000000000..1fc8700fee
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-offset-path-none-with-fill-forwards.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+offset-path animation does not destroy stacking context when the animation
+has finished but has fill:forwards
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes OffsetPathNone {
+  from, to { offset-path: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: OffsetPathNone 0s forwards;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-1-animation.html b/layout/reftests/css-animations/stacking-context-opacity-1-animation.html
new file mode 100644
index 0000000000..3a4fe7bf45
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-1-animation.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Opacity animation creates a stacking context even if it has only 100% opacity
+in its keyframes
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opaque {
+  from, to { opacity: 1; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opaque 100s infinite;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-1-in-delay.html b/layout/reftests/css-animations/stacking-context-opacity-1-in-delay.html
new file mode 100644
index 0000000000..4e441397c8
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-1-in-delay.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>
+Opacity animation creates stacking context in delay phase
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opaque {
+  from, to { opacity: 1 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opaque 100s 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-1-on-table.html b/layout/reftests/css-animations/stacking-context-opacity-1-on-table.html
new file mode 100644
index 0000000000..f3da311909
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-1-on-table.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>
+Opacity animation on display:table element creates a stacking context even if it
+has only 100% opacity in its keyframes
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opaque {
+  from, to { opacity: 1; }
+}
+#test {
+  display: table;
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opaque 100s infinite;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-1-with-fill-backwards.html b/layout/reftests/css-animations/stacking-context-opacity-1-with-fill-backwards.html
new file mode 100644
index 0000000000..484da2979d
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-1-with-fill-backwards.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Opacity animation does not destroy stacking context when the animation
+has finished but has fill:backwards
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opaque {
+  from, to { opacity: 1 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opaque 100s 100s backwards;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-1-with-fill-forwards.html b/layout/reftests/css-animations/stacking-context-opacity-1-with-fill-forwards.html
new file mode 100644
index 0000000000..5fdda4f9dd
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-1-with-fill-forwards.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Opacity animation does not destroy stacking context when the animation
+has finished but has fill:forwards
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opaque {
+  from, to { opacity: 1 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opaque 0s forwards;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-removing-important-in-delay.html b/layout/reftests/css-animations/stacking-context-opacity-removing-important-in-delay.html
new file mode 100644
index 0000000000..f89240d230
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-removing-important-in-delay.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Removing !important rule during delay phase of animation creates
+a stack context for correct style
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opacity0 {
+  from, to { opacity: 0 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opacity0 100s 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  target.style.setProperty("opacity", "0.1", "important");
+
+  requestAnimationFrame(() => {
+    // Now the target opacity style should be 0.1 because of !important rule.
+
+    // Apply 100% opacity without important directive.
+    target.style.setProperty("opacity", "1", "");
+    requestAnimationFrame(() => {
+      // The CSS animation is no longer overridden but it's still in delay
+      // phase, so we should create a stacking context for 100% opacity style.
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+});
+</script>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-win-in-delay-on-main-thread.html b/layout/reftests/css-animations/stacking-context-opacity-win-in-delay-on-main-thread.html
new file mode 100644
index 0000000000..8d35bf6225
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-win-in-delay-on-main-thread.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>
+Opacity animation winning over another opacity animation in delay phase
+on the main-thread creates a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opacity1 {
+  from, to { opacity: 1; }
+}
+@keyframes Opacity0 {
+  from, to { opacity: 0; }
+}
+// For preventing running on the compositor.
+@keyframes Width {
+  from, to { width: 100px; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opacity0 100s 100s, Opacity1 100s, Width 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-win-in-delay.html b/layout/reftests/css-animations/stacking-context-opacity-win-in-delay.html
new file mode 100644
index 0000000000..c60177d08f
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-win-in-delay.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>
+Opacity animation winning over another opacity animation in delay phase
+creates a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opacity1 {
+  from, to { opacity: 1; }
+}
+@keyframes Opacity0 {
+  from, to { opacity: 0; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opacity0 100s 100s, Opacity1 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-opacity-wins-over-transition.html b/layout/reftests/css-animations/stacking-context-opacity-wins-over-transition.html
new file mode 100644
index 0000000000..38993a8dd4
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-opacity-wins-over-transition.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Opacity animation winning over opacity transition creates a stacking context
+for correct style.
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opacity1 {
+  from, to { opacity: 1; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  opacity: 1;
+  transition: opacity 100s steps(1, start);
+  animation: Opacity1 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  getComputedStyle(target).opacity;
+
+  // CSS animation wins over transitions, so transition won't be visible during
+  // the CSS animation.
+  target.style.opacity = 0;
+  getComputedStyle(target).opacity;
+  document.documentElement.classList.remove("reftest-wait");
+});
+</script>
diff --git a/layout/reftests/css-animations/stacking-context-paused-on-opacity-1.html b/layout/reftests/css-animations/stacking-context-paused-on-opacity-1.html
new file mode 100644
index 0000000000..b27985a6ca
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-paused-on-opacity-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Transform animation creates a stacking context even though it's paused on
+a 100% opacity keyframe
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opaque {
+  from, to { opacity: 1 }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opaque 100s paused;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-paused-on-transform-none.html b/layout/reftests/css-animations/stacking-context-paused-on-transform-none.html
new file mode 100644
index 0000000000..cd02908498
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-paused-on-transform-none.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Transform animation creates a stacking context even though it's paused on
+a 'transform:none' keyframe
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: TransformNone 100s paused;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-none-animation-on-svg.html b/layout/reftests/css-animations/stacking-context-transform-none-animation-on-svg.html
new file mode 100644
index 0000000000..6192d58b70
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-none-animation-on-svg.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Transform animation creates a stacking context even though it has only
+'transform:none' keyframes on an svg element</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  animation: TransformNone 100s infinite;
+}
+</style>
+<span></span>
+<svg id="test" width="100px" height="100px">
+  <rect x="0" y="0" width="100%" height="100%" fill="blue"/>
+</svg>
diff --git a/layout/reftests/css-animations/stacking-context-transform-none-animation-with-backface-visibility.html b/layout/reftests/css-animations/stacking-context-transform-none-animation-with-backface-visibility.html
new file mode 100644
index 0000000000..c96be7d4cc
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-none-animation-with-backface-visibility.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>
+Transform animation creates a stacking context even though it has only
+'transform:none' keyframes and with a style which prevents performning
+the animation on the compositor.
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  backface-visibility: hidden;
+  animation: TransformNone 100s infinite;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-none-animation-with-preserve-3d.html b/layout/reftests/css-animations/stacking-context-transform-none-animation-with-preserve-3d.html
new file mode 100644
index 0000000000..37b3f85167
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-none-animation-with-preserve-3d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>
+Transform animation creates a stacking context even though it has only
+'transform:none' keyframes and with a style which prevents performning
+the animation on the compositor.
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  transform-style: preserve-3d;
+  animation: TransformNone 100s infinite;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-none-animation.html b/layout/reftests/css-animations/stacking-context-transform-none-animation.html
new file mode 100644
index 0000000000..53213b452d
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-none-animation.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Transform animation creates a stacking context even though it has only
+'transform:none' keyframes
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: TransformNone 100s infinite;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-none-in-delay.html b/layout/reftests/css-animations/stacking-context-transform-none-in-delay.html
new file mode 100644
index 0000000000..c52e8825d3
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-none-in-delay.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>
+Transform animation creates stacking context in delay phase
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: TransformNone 100s 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-none-with-fill-backwards.html b/layout/reftests/css-animations/stacking-context-transform-none-with-fill-backwards.html
new file mode 100644
index 0000000000..d0515c2945
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-none-with-fill-backwards.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Transform animation does not destroy stacking context when the animation
+has finished but has fill:backwards
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: TransformNone 100s 100s backwards;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-none-with-fill-forwards.html b/layout/reftests/css-animations/stacking-context-transform-none-with-fill-forwards.html
new file mode 100644
index 0000000000..2d9610232c
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-none-with-fill-forwards.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>
+Transform animation does not destroy stacking context when the animation
+has finished but has fill:forwards
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: TransformNone 0s forwards;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-removing-important-in-delay.html b/layout/reftests/css-animations/stacking-context-transform-removing-important-in-delay.html
new file mode 100644
index 0000000000..0b39dd4d4e
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-removing-important-in-delay.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Removing !important rule during delay phase of animation creates
+a stack context for correct style
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Transform100px {
+  from, to { transform: translate(100px) }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Transform100px 100s 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  target.style.setProperty("transform", "translateX(200px)", "important");
+
+  requestAnimationFrame(() => {
+    // Now the target transform style should be translateX(200px) because of
+    // !important rule.
+
+    // Apply transform:none without important directive.
+    target.style.setProperty("transform", "none", "");
+    requestAnimationFrame(() => {
+      // The CSS animation is no longer overridden but it's still in delay
+      // phase, so we should create a stacking context for transform:none style.
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+});
+</script>
diff --git a/layout/reftests/css-animations/stacking-context-transform-win-in-delay-on-main-thread.html b/layout/reftests/css-animations/stacking-context-transform-win-in-delay-on-main-thread.html
new file mode 100644
index 0000000000..2f61168946
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-win-in-delay-on-main-thread.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>
+Transform animation winning over another transform animation in delay phase
+on the main-thread creates a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none; }
+}
+@keyframes Transform100px {
+  from, to { transform: translateX(100px); }
+}
+// For preventing running on the compositor.
+@keyframes Width {
+  from, to { width: 100px; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Transform100px 100s 100s, TransformNone 100s, Width 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-win-in-delay.html b/layout/reftests/css-animations/stacking-context-transform-win-in-delay.html
new file mode 100644
index 0000000000..5a864faf47
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-win-in-delay.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>
+Transform animation winning over another transform animation in delay phase
+creates a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none; }
+}
+@keyframes Transform100px {
+  from, to { transform: translateX(100px); }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Transform100px 100s 100s, TransformNone 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-animations/stacking-context-transform-wins-over-transition.html b/layout/reftests/css-animations/stacking-context-transform-wins-over-transition.html
new file mode 100644
index 0000000000..8d1de575e0
--- /dev/null
+++ b/layout/reftests/css-animations/stacking-context-transform-wins-over-transition.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Transform animation winning over transition creates a stacking context
+for correct style
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  transform: translateX(200px);
+  transition: transform 100s steps(1, start);
+  animation: TransformNone 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  getComputedStyle(target).transform;
+
+  // CSS animation wins over transition, so transition won't be visible during
+  // the CSS animation.
+  target.style.transform = "translateX(100px)";
+  getComputedStyle(target).transform;
+  document.documentElement.classList.remove("reftest-wait");
+});
+</script>
diff --git a/layout/reftests/css-animations/stop-animation-on-discarded-pseudo-element.html b/layout/reftests/css-animations/stop-animation-on-discarded-pseudo-element.html
new file mode 100644
index 0000000000..fccfade1cc
--- /dev/null
+++ b/layout/reftests/css-animations/stop-animation-on-discarded-pseudo-element.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+@keyframes anim {
+  0% { background-color: red; }
+  100% { background-color: red; }
+}
+#target.x::before,
+#target.y::before {
+  content: "";
+  position: absolute;
+  width: 100px;
+  height: 100px;
+}
+#target.x::before {
+  animation: anim 100s infinite;
+}
+</style>
+<div id="target"></div>
+<script>
+var target = document.getElementById('target');
+requestAnimationFrame(() => {
+  // Create ::before, start animation
+  target.className = 'x';
+  requestAnimationFrame(() => {
+    // Remove ::before, stop animation
+    target.className = '';
+
+    requestAnimationFrame(() => {
+      // Create ::before, should not be animating
+      target.className = 'y';
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  });
+});
+</script>
diff --git a/layout/reftests/css-animations/transform-animation-in-delay-ref.html b/layout/reftests/css-animations/transform-animation-in-delay-ref.html
new file mode 100644
index 0000000000..9c161fe047
--- /dev/null
+++ b/layout/reftests/css-animations/transform-animation-in-delay-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  background: green;
+  width: 100px;
+  height: 100px;
+  animation: anim 100s 100s;
+  transform: translateX(100px);
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-animations/transform-animation-in-delay.html b/layout/reftests/css-animations/transform-animation-in-delay.html
new file mode 100644
index 0000000000..0ed13934f4
--- /dev/null
+++ b/layout/reftests/css-animations/transform-animation-in-delay.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+@keyframes anim {
+  from { transform: scale(2); }
+  to { transform: scale(2); }
+}
+div {
+  background: green;
+  width: 100px;
+  height: 100px;
+  animation: anim 100s 100s;
+  transform: translateX(100px);
+}
+</style>
+<div></div>
+<script>
+requestAnimationFrame(() => {
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/updating-animation-on-marker-pseudo-element-ref.html b/layout/reftests/css-animations/updating-animation-on-marker-pseudo-element-ref.html
new file mode 100644
index 0000000000..9eab1517b7
--- /dev/null
+++ b/layout/reftests/css-animations/updating-animation-on-marker-pseudo-element-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<style>
+#target::marker {
+  content: 'marker';
+  margin-left: 10em;
+  font-size: 20px;
+}
+#target {
+  display: list-item;
+  margin-left: 200px;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/css-animations/updating-animation-on-marker-pseudo-element.html b/layout/reftests/css-animations/updating-animation-on-marker-pseudo-element.html
new file mode 100644
index 0000000000..fc1d29cd38
--- /dev/null
+++ b/layout/reftests/css-animations/updating-animation-on-marker-pseudo-element.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+@keyframes anim {
+  from { margin-left: 10em; }
+  to { margin-left: 10em; }
+}
+#target::marker {
+  content: 'marker';
+}
+#target.anim::marker {
+  animation: anim 100s infinite;
+  font-size: 10px;
+}
+#target.bigger-font::marker {
+  font-size: 20px;
+}
+#target {
+  display: list-item;
+  margin-left: 200px;
+}
+</style>
+<div id="target"></div>
+<script>
+addEventListener('DOMContentLoaded', () => {
+  var target = document.getElementById('target');
+
+  // Start an animation on pseudo element.
+  target.classList.add('anim');
+
+  requestAnimationFrame(() => {
+    // The animation on pseudo element should be updated
+    // when the target element classes are modified.
+    target.classList.add('bigger-font');
+
+    requestAnimationFrame(() => {
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-animations/updating-animation-on-pseudo-element-ref.html b/layout/reftests/css-animations/updating-animation-on-pseudo-element-ref.html
new file mode 100644
index 0000000000..7196f11503
--- /dev/null
+++ b/layout/reftests/css-animations/updating-animation-on-pseudo-element-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<style>
+#target::before {
+  content: 'before';
+  margin-left: 10em;
+  font-size: 20px;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/css-animations/updating-animation-on-pseudo-element.html b/layout/reftests/css-animations/updating-animation-on-pseudo-element.html
new file mode 100644
index 0000000000..cae7d2723c
--- /dev/null
+++ b/layout/reftests/css-animations/updating-animation-on-pseudo-element.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+@keyframes anim {
+  from { margin-left: 10em; }
+  to { margin-left: 10em; }
+}
+#target::before {
+  content: 'before';
+}
+#target.anim::before {
+  animation: anim 100s infinite;
+  font-size: 10px;
+}
+#target.bigger-font::before {
+  font-size: 20px;
+}
+</style>
+<div id="target"></div>
+<script>
+addEventListener('DOMContentLoaded', () => {
+  var target = document.getElementById('target');
+
+  // Start an animation on pseudo element.
+  target.classList.add('anim');
+
+  requestAnimationFrame(() => {
+    // The animation on pseudo element should be updated
+    // when the target element classes are modified.
+    target.classList.add('bigger-font');
+
+    requestAnimationFrame(() => {
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-blending/as-image/black100x100.png b/layout/reftests/css-blending/as-image/black100x100.png
new file mode 100644
index 0000000000..061e686c15
Binary files /dev/null and b/layout/reftests/css-blending/as-image/black100x100.png differ
diff --git a/layout/reftests/css-blending/as-image/blue100x100.png b/layout/reftests/css-blending/as-image/blue100x100.png
new file mode 100644
index 0000000000..79f972cd5f
Binary files /dev/null and b/layout/reftests/css-blending/as-image/blue100x100.png differ
diff --git a/layout/reftests/css-blending/as-image/brown100x100.png b/layout/reftests/css-blending/as-image/brown100x100.png
new file mode 100644
index 0000000000..f1a2d6d849
Binary files /dev/null and b/layout/reftests/css-blending/as-image/brown100x100.png differ
diff --git a/layout/reftests/css-blending/as-image/green100x100.jpg b/layout/reftests/css-blending/as-image/green100x100.jpg
new file mode 100644
index 0000000000..5b920f7c06
Binary files /dev/null and b/layout/reftests/css-blending/as-image/green100x100.jpg differ
diff --git a/layout/reftests/css-blending/as-image/green100x100.png b/layout/reftests/css-blending/as-image/green100x100.png
new file mode 100644
index 0000000000..0eea75c96a
Binary files /dev/null and b/layout/reftests/css-blending/as-image/green100x100.png differ
diff --git a/layout/reftests/css-blending/as-image/green100x100_alpha.png b/layout/reftests/css-blending/as-image/green100x100_alpha.png
new file mode 100644
index 0000000000..1402d81f45
Binary files /dev/null and b/layout/reftests/css-blending/as-image/green100x100_alpha.png differ
diff --git a/layout/reftests/css-blending/as-image/green_square.svg b/layout/reftests/css-blending/as-image/green_square.svg
new file mode 100644
index 0000000000..7cb1675e38
--- /dev/null
+++ b/layout/reftests/css-blending/as-image/green_square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
+  <rect width="100%" height="100%" fill="#00FF00"/>
+</svg>
diff --git a/layout/reftests/css-blending/as-image/red100x100.png b/layout/reftests/css-blending/as-image/red100x100.png
new file mode 100644
index 0000000000..adb1bed7f0
Binary files /dev/null and b/layout/reftests/css-blending/as-image/red100x100.png differ
diff --git a/layout/reftests/css-blending/as-image/red_green.gif b/layout/reftests/css-blending/as-image/red_green.gif
new file mode 100644
index 0000000000..c86b56d412
Binary files /dev/null and b/layout/reftests/css-blending/as-image/red_green.gif differ
diff --git a/layout/reftests/css-blending/as-image/white_square.svg b/layout/reftests/css-blending/as-image/white_square.svg
new file mode 100644
index 0000000000..f9b0367c79
--- /dev/null
+++ b/layout/reftests/css-blending/as-image/white_square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
+	<rect width="100%" height="100%" fill="#FFFFFF"/>
+</svg>
diff --git a/layout/reftests/css-blending/background-blend-mode-body-fixed-ref.html b/layout/reftests/css-blending/background-blend-mode-body-fixed-ref.html
new file mode 100644
index 0000000000..b668ceba78
--- /dev/null
+++ b/layout/reftests/css-blending/background-blend-mode-body-fixed-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference for: Blend a background image and a background color on the root, specifying background-attachment: fixed</title>
+
+<style>
+
+html {
+  background: #777777;
+}
+
+</style>
diff --git a/layout/reftests/css-blending/background-blend-mode-body-fixed.html b/layout/reftests/css-blending/background-blend-mode-body-fixed.html
new file mode 100644
index 0000000000..facbbc0ecb
--- /dev/null
+++ b/layout/reftests/css-blending/background-blend-mode-body-fixed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Blend a background image and a background color on the root, specifying background-attachment: fixed</title>
+
+<style>
+
+html {
+  scrollbar-width: none;
+}
+
+body {
+  background: url('as-image/white_square.svg'), #777777;
+  background-attachment: fixed ;
+  height: 20000px;
+  background-blend-mode: multiply;
+}
+
+</style>
diff --git a/layout/reftests/css-blending/background-blend-mode-body-image-ref.html b/layout/reftests/css-blending/background-blend-mode-body-image-ref.html
new file mode 100644
index 0000000000..e51dcd4392
--- /dev/null
+++ b/layout/reftests/css-blending/background-blend-mode-body-image-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+body {
+	background-color: green;
+}
+</style>
+<p>This test will check that a background-image set on body does not blend with the browser's white	 background color.<br/>
+The test passes if the page has a green background.</p>
diff --git a/layout/reftests/css-blending/background-blend-mode-body-image.html b/layout/reftests/css-blending/background-blend-mode-body-image.html
new file mode 100644
index 0000000000..9447e5b2d3
--- /dev/null
+++ b/layout/reftests/css-blending/background-blend-mode-body-image.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+body {
+	background-image: linear-gradient(green, green);
+	background-color: transparent;
+	background-blend-mode: screen;
+}
+</style>
+<p>This test will check that a background-image set on body does not blend with the browser's white	 background color.<br/>
+The test passes if the page has a green background.</p>
diff --git a/layout/reftests/css-blending/background-blend-mode-body-transparent-image-ref.html b/layout/reftests/css-blending/background-blend-mode-body-transparent-image-ref.html
new file mode 100644
index 0000000000..14514171b5
--- /dev/null
+++ b/layout/reftests/css-blending/background-blend-mode-body-transparent-image-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+body {
+	background-image: linear-gradient(transparent, transparent 10%, green 10%, green 90%, transparent 90%, transparent);
+}
+</style>
+<p>This test will check that a transparent background-image set on body does not blend with the browser's white background color.<br/>
+The test passes if the page has a green background with white horizontal lines.</p>
diff --git a/layout/reftests/css-blending/background-blend-mode-body-transparent-image.html b/layout/reftests/css-blending/background-blend-mode-body-transparent-image.html
new file mode 100644
index 0000000000..1947e9eafd
--- /dev/null
+++ b/layout/reftests/css-blending/background-blend-mode-body-transparent-image.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<style>
+body {
+	background-image: linear-gradient(transparent, transparent 10%, green 10%, green 90%, transparent 90%, transparent);
+	background-blend-mode: screen;
+}
+</style>
+<p>This test will check that a transparent background-image set on body does not blend with the browser's white background color.<br/>
+The test passes if the page has a green background with white horizontal lines.</p>
diff --git a/layout/reftests/css-blending/background-blending-alpha-ref.html b/layout/reftests/css-blending/background-blending-alpha-ref.html
new file mode 100644
index 0000000000..6a7055938d
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-alpha-ref.html
@@ -0,0 +1,62 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  background-color: rgba(0, 255, 0, 0.5);
+}
+
+.child {
+  width: 100px;
+  height: 100px;
+  opacity: 0.5;
+  background-color: rgb(0, 127, 0);
+}
+
+.topleft {
+  float:left;
+
+  width: 100px;
+  height: 100px;
+
+  /*First blend black rect with green in place*/
+  /* Cs = (1 - αb) x Cs + αb x B(Cb, Cs)*/
+  /* B(Cb, Cs) = | Cb - Cs | = (0, 0, 0) */
+  /* 0.5 * (0, 255, 0) + 0.5 * (0, 0, 0) = (0, 127.5, 0)*/
+
+  /* Now, composite the resulting color with src-over; the alpha is the original alpha for the top layer
+    while the color is the blending result*/
+  /* co = αs x Fa x Cs + αb x Fb x Cb  - this is premultiplied */
+  /* αo = αs + αb x (1 – αs) */
+  /* Source over:     Fa = 1; Fb = 1 – αs */
+  /*co = 0.5 * 1 * (0, 127.5, 0) + 0.5 * 0.5 * (0, 255, 0) = (0, 63.5, 0) + 0.25 * (0, 255, 0) = (0, 127.5, 0)*/
+  /*ao = 0.5 + 0.5 * 0.5 = 0.75*/
+  /* Co = co/ao = (0, 127.5, 0) / 0.75*/
+
+  /* Now alpha composite on white background */
+  /*co = 0.75 * 1 * (0, 127.5, 0) / 0.75 + 1 * 0.25 * (255, 255, 255) = (0, 127.5, 0) + (63.75, 63.75, 63.75) = (63.75, 159, 63.75) = (64, 191, 64) */
+
+  background-color: rgb(64, 191, 64);
+}
+
+.topright {
+  float:left;
+  width: 100px;
+  height: 100px;
+}
+
+.bottom {
+  width:200px;
+  height: 100px;
+  clear:both;
+}
+
+</style>
+
+<div class="topleft"></div>
+<div class="reftest topright"></div>
+<div class="reftest bottom"></div>
+
+</html>
diff --git a/layout/reftests/css-blending/background-blending-alpha.html b/layout/reftests/css-blending/background-blending-alpha.html
new file mode 100644
index 0000000000..ba17205b8f
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-alpha.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: url(as-image/green100x100_alpha.png);
+  background-color: rgba(0, 255, 0, 0.5);
+  background-blend-mode: difference;
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-background-attachement-fixed-ref.html b/layout/reftests/css-blending/background-blending-background-attachement-fixed-ref.html
new file mode 100644
index 0000000000..fded2192dd
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-attachement-fixed-ref.html
@@ -0,0 +1,19 @@
+<!-- Blend a background image and a background color specifying background-attachment: fixed  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: #777777;
+  background-attachment: fixed ;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll-ref.html b/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll-ref.html
new file mode 100644
index 0000000000..2f5d424b7d
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll-ref.html
@@ -0,0 +1,23 @@
+<!-- Blend two background images having background-attachment: fixed and scroll respectively  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+  background: url('as-image/black100x100.png'), url('as-image/green100x100.png');
+  background-size: 100px 100px, 200px 100px;
+  background-repeat: no-repeat;
+}
+
+body {
+  margin: 0px;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html b/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html
new file mode 100644
index 0000000000..91a72aeeab
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html
@@ -0,0 +1,40 @@
+<!-- Blend two background images having background-attachment: fixed and scroll respectively -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+#parent {
+  width: 200px;
+  height: 200px;
+  overflow: hidden;
+}
+
+#child {
+  background: url('as-image/green100x100.png'), url('as-image/green100x100.png');
+  background-attachment: fixed, scroll;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat no-repeat;
+  background-blend-mode: difference;
+
+  height: 400px;
+}
+
+body {
+  margin: 0px;
+}
+</style>
+<script>
+  function onLoad() {
+    var parent = document.getElementById("parent");
+    parent.scrollTop = 100;
+  }
+</script>
+</head>
+
+<body onload="onLoad()">
+    <div id="parent">
+      <div id="child">
+      </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-attachement-fixed.html b/layout/reftests/css-blending/background-blending-background-attachement-fixed.html
new file mode 100644
index 0000000000..2439d9a238
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-attachement-fixed.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-attachment: fixed  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'), #777777;
+  background-attachment: fixed ;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-clip-content-box-ref.html b/layout/reftests/css-blending/background-blending-background-clip-content-box-ref.html
new file mode 100644
index 0000000000..a860deb063
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-clip-content-box-ref.html
@@ -0,0 +1,19 @@
+<!-- Blend a background image and a background color specifying background-clip: content-box  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: #777777;
+  background-clip: content-box;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+    <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-clip-content-box.html b/layout/reftests/css-blending/background-blending-background-clip-content-box.html
new file mode 100644
index 0000000000..5793259e19
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-clip-content-box.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-clip: content-box  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'),  #777777;
+  background-clip: content-box;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+    <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-clip-padding-box-ref.html b/layout/reftests/css-blending/background-blending-background-clip-padding-box-ref.html
new file mode 100644
index 0000000000..da516d82d7
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-clip-padding-box-ref.html
@@ -0,0 +1,21 @@
+<!-- Blend a background image and a background color specifying background-clip: padding-box  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  padding: 8.5px;
+  margin: 0 0 9px;
+  background: #777777;
+  background-clip: padding-box;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+    <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-clip-padding-box.html b/layout/reftests/css-blending/background-blending-background-clip-padding-box.html
new file mode 100644
index 0000000000..95c20bdd40
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-clip-padding-box.html
@@ -0,0 +1,22 @@
+<!-- Blend a background image and a background color specifying background-clip: padding-box  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  padding: 8.5px;
+  margin: 0 0 9px;
+  background: url('as-image/white_square.svg'),  #777777;
+  background-clip: padding-box;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+    <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-origin-border-box.html b/layout/reftests/css-blending/background-blending-background-origin-border-box.html
new file mode 100644
index 0000000000..9c732e2a01
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-origin-border-box.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-origin: border-box  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'),  #777777;
+  background-origin: border-box;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-origin-content-box.html b/layout/reftests/css-blending/background-blending-background-origin-content-box.html
new file mode 100644
index 0000000000..ccb6fd235c
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-origin-content-box.html
@@ -0,0 +1,21 @@
+<!-- Blend a background image and a background color specifying background-origin: content-box  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'),  #777777;
+  background-origin: content-box;
+  width: 180px;
+  height: 180px;
+  margin: 10px;
+  padding: 10px;
+  background-blend-mode: multiply
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-origin-ref.html b/layout/reftests/css-blending/background-blending-background-origin-ref.html
new file mode 100644
index 0000000000..55bdb862ec
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-origin-ref.html
@@ -0,0 +1,19 @@
+<!-- Blend a background image and a background color specifying background-origin -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: #777777;
+  background-origin: border-box;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-position-percentage-ref.html b/layout/reftests/css-blending/background-blending-background-position-percentage-ref.html
new file mode 100644
index 0000000000..af22521f94
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-position-percentage-ref.html
@@ -0,0 +1,19 @@
+<!-- Blend a background image and a background color specifying background-position in percentage, such as 50% 50% -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background-color: #777777;
+  background-position: 10% 10%;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-position-percentage.html b/layout/reftests/css-blending/background-blending-background-position-percentage.html
new file mode 100644
index 0000000000..2b9de1cb5f
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-position-percentage.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-position in percentage, such as 50% 50% -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'),  #777777;
+  background-position: 10% 10%;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-repeat-no-repeat-ref.html b/layout/reftests/css-blending/background-blending-background-repeat-no-repeat-ref.html
new file mode 100644
index 0000000000..686ce93b93
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-repeat-no-repeat-ref.html
@@ -0,0 +1,19 @@
+<!-- Blend a background image and a background color specifying background-repeat: no-repeat  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background-color: #777777;
+  background-repeat: no-repeat;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-repeat-no-repeat.html b/layout/reftests/css-blending/background-blending-background-repeat-no-repeat.html
new file mode 100644
index 0000000000..3b66f50e2a
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-repeat-no-repeat.html
@@ -0,0 +1,21 @@
+<!-- Blend a background image and a background color specifying background-repeat: no-repeat  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background-image: url('as-image/white_square.svg');
+  background-color:  #777777;
+  background-repeat: no-repeat;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-size-contain.html b/layout/reftests/css-blending/background-blending-background-size-contain.html
new file mode 100644
index 0000000000..417f6d984f
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-size-contain.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-size: contain   -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'), #777777;
+  background-size: contain;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+    <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-size-cover.html b/layout/reftests/css-blending/background-blending-background-size-cover.html
new file mode 100644
index 0000000000..0a942d901b
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-size-cover.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-size: cover  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'), #777777;
+  background-size: cover;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-size-percentage.html b/layout/reftests/css-blending/background-blending-background-size-percentage.html
new file mode 100644
index 0000000000..d8aebef845
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-size-percentage.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-size in percentage  -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'), #777777;
+  background-size: 50% 50%;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-size-pixels.html b/layout/reftests/css-blending/background-blending-background-size-pixels.html
new file mode 100644
index 0000000000..73b5c28a4c
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-size-pixels.html
@@ -0,0 +1,20 @@
+<!-- Blend a background image and a background color specifying background-size in pixels -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: url('as-image/white_square.svg'), #777777;
+  background-size: 100px 100px;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+  background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-background-size-ref.html b/layout/reftests/css-blending/background-blending-background-size-ref.html
new file mode 100644
index 0000000000..fa512a6ce2
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-background-size-ref.html
@@ -0,0 +1,18 @@
+<!-- Blend a background image and a background color specifying background-size -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  background: #777777;
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-color-burn-ref.svg b/layout/reftests/css-blending/background-blending-color-burn-ref.svg
new file mode 100644
index 0000000000..48191f349e
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-color-burn-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-color-burn.html b/layout/reftests/css-blending/background-blending-color-burn.html
new file mode 100644
index 0000000000..b6307608dc
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-color-burn.html
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: color-burn;
+}
+</style>
+
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-color-dodge-ref.svg b/layout/reftests/css-blending/background-blending-color-dodge-ref.svg
new file mode 100644
index 0000000000..724a4e184b
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-color-dodge-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(253,253,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-color-dodge.html b/layout/reftests/css-blending/background-blending-color-dodge.html
new file mode 100644
index 0000000000..51efd478f0
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-color-dodge.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: color-dodge;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-color-ref.svg b/layout/reftests/css-blending/background-blending-color-ref.svg
new file mode 100644
index 0000000000..2936015617
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-color-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,105,105,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(93,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,52,52,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,131,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,48,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,192,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(55,55,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(137,137,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(95,95,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(86,86,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(164,164,37,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(31,31,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-color.html b/layout/reftests/css-blending/background-blending-color.html
new file mode 100644
index 0000000000..6e00e094f1
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-color.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: color;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-darken-ref.svg b/layout/reftests/css-blending/background-blending-darken-ref.svg
new file mode 100644
index 0000000000..d4d16a54be
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-darken-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg> 
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-darken.html b/layout/reftests/css-blending/background-blending-darken.html
new file mode 100644
index 0000000000..a4286d1672
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-darken.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: darken;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-difference-ref.svg b/layout/reftests/css-blending/background-blending-difference-ref.svg
new file mode 100644
index 0000000000..c04c51e0ab
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-difference-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-difference.html b/layout/reftests/css-blending/background-blending-difference.html
new file mode 100644
index 0000000000..647d5d8cbe
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-difference.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: difference;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-exclusion-ref.svg b/layout/reftests/css-blending/background-blending-exclusion-ref.svg
new file mode 100644
index 0000000000..b4edd89076
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-exclusion-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-exclusion.html b/layout/reftests/css-blending/background-blending-exclusion.html
new file mode 100644
index 0000000000..f1a9f81e1a
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-exclusion.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: exclusion;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-gradient-color-ref.html b/layout/reftests/css-blending/background-blending-gradient-color-ref.html
new file mode 100644
index 0000000000..09dd590607
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-gradient-color-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: linear-gradient(rgb(0,255,255), rgb(255,255,0));
+  background-color: rgb(0,255,0);
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-gradient-color.html b/layout/reftests/css-blending/background-blending-gradient-color.html
new file mode 100644
index 0000000000..b5df02bca9
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-gradient-color.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: linear-gradient(rgb(0,0,255), rgb(255,0,0));
+  background-color: rgb(0,255,0);
+  background-blend-mode: difference;
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-gradient-gradient-ref.html b/layout/reftests/css-blending/background-blending-gradient-gradient-ref.html
new file mode 100644
index 0000000000..6dd4b18397
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-gradient-gradient-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: url(as-image/black100x100.png),
+                    linear-gradient(rgb(0,0,255), rgb(255,0,0), rgb(0, 0, 255));
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-gradient-gradient.html b/layout/reftests/css-blending/background-blending-gradient-gradient.html
new file mode 100644
index 0000000000..f8d9dc6d76
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-gradient-gradient.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: linear-gradient(rgb(0,0,255), rgb(255,0,0)),
+                    linear-gradient(rgb(0,0,255), rgb(255,0,0), rgb(0,0,255));
+  background-blend-mode: difference;
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-gradient-image-ref.html b/layout/reftests/css-blending/background-blending-gradient-image-ref.html
new file mode 100644
index 0000000000..09dd590607
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-gradient-image-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: linear-gradient(rgb(0,255,255), rgb(255,255,0));
+  background-color: rgb(0,255,0);
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-gradient-image.html b/layout/reftests/css-blending/background-blending-gradient-image.html
new file mode 100644
index 0000000000..0ffe44d829
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-gradient-image.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: linear-gradient(rgb(0,0,255), rgb(255,0,0)), url(as-image/green_square.svg);
+  background-blend-mode: difference;
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-hard-light-ref.svg b/layout/reftests/css-blending/background-blending-hard-light-ref.svg
new file mode 100644
index 0000000000..21afb50c38
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-hard-light-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(254,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,254,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-hard-light.html b/layout/reftests/css-blending/background-blending-hard-light.html
new file mode 100644
index 0000000000..61ac1533ba
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-hard-light.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: hard-light;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-hue-ref.svg b/layout/reftests/css-blending/background-blending-hue-ref.svg
new file mode 100644
index 0000000000..907064b543
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-hue-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,105,105,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(93,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(202,75,75,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,131,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,48,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(38,165,38,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(55,55,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(137,137,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(99,99,226,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(87,87,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(169,169,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(31,31,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-hue.html b/layout/reftests/css-blending/background-blending-hue.html
new file mode 100644
index 0000000000..8ae44e5d2a
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-hue.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: hue;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-959674-ref.html b/layout/reftests/css-blending/background-blending-image-color-959674-ref.html
new file mode 100644
index 0000000000..319e455d21
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-959674-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,0,0);
+}
+
+</style>
+<div class="reftest"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-959674.html b/layout/reftests/css-blending/background-blending-image-color-959674.html
new file mode 100644
index 0000000000..21876a6478
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-959674.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: repeat; /* set this explicitly for the test clarity */
+}
+
+.blend {
+  background-color: rgb(0,255,0);
+  background-blend-mode: difference;
+}
+
+.jpg {
+  background-image: url(as-image/green100x100.jpg);
+}
+
+</style>
+<div class="reftest blend jpg"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-gif-ref.html b/layout/reftests/css-blending/background-blending-image-color-gif-ref.html
new file mode 100644
index 0000000000..ed0cad8ea8
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-gif-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0,255,0);
+}
+
+</style>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-gif.html b/layout/reftests/css-blending/background-blending-image-color-gif.html
new file mode 100644
index 0000000000..c68d617322
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-gif.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+  background-size: 100px 100px, 100px 100px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-color: rgb(255,255,0);
+  background-blend-mode: difference;
+}
+
+.gif {
+  background-image: url('as-image/red_green.gif');
+}
+
+</style>
+
+<body>
+	<div class="reftest blend gif"></div>
+</body>
+</html>
+
+
+
+
diff --git a/layout/reftests/css-blending/background-blending-image-color-jpg.html b/layout/reftests/css-blending/background-blending-image-color-jpg.html
new file mode 100644
index 0000000000..2832caeb53
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-jpg.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-color: rgb(0,255,0);
+  background-blend-mode: difference;
+}
+
+.jpg {
+  background-image: url(as-image/green100x100.jpg);
+}
+
+</style>
+<div class="reftest blend jpg"></div>
+</html>
+
diff --git a/layout/reftests/css-blending/background-blending-image-color-png.html b/layout/reftests/css-blending/background-blending-image-color-png.html
new file mode 100644
index 0000000000..6ded901a31
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-png.html
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-color: rgb(0,255,0);
+  background-blend-mode: difference;
+}
+
+.png {
+  background-image: url(as-image/green100x100.png);
+}
+
+</style>
+<div class="reftest blend png"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-ref.html b/layout/reftests/css-blending/background-blending-image-color-ref.html
new file mode 100644
index 0000000000..d9ebe355ea
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: url(as-image/black100x100.png);
+  background-color: rgb(0,255,0);
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-svg-as-data-uri.html b/layout/reftests/css-blending/background-blending-image-color-svg-as-data-uri.html
new file mode 100644
index 0000000000..6f2ac24a34
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-svg-as-data-uri.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-color: rgb(0,255,0);
+  background-blend-mode: difference;
+}
+
+.svg {
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.1%27%20viewBox%3D%270%200%20100%20100%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27%2300FF00%27%2F%3E%3C%2Fsvg%3E");
+}
+
+</style>
+<div class="reftest blend svg"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-svg.html b/layout/reftests/css-blending/background-blending-image-color-svg.html
new file mode 100644
index 0000000000..8a3f05d463
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-svg.html
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-color: rgb(0,255,0);
+  background-blend-mode: difference;
+}
+
+.svg {
+  background-image: url(as-image/green_square.svg);
+}
+
+</style>
+<div class="reftest blend svg"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-color-transform3d.html b/layout/reftests/css-blending/background-blending-image-color-transform3d.html
new file mode 100644
index 0000000000..9980418d5c
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-color-transform3d.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<style>
+.reftest {
+  width: 400px;
+  height: 200px;
+  background-size: 200px 100px, 400px 200px;
+  background-repeat: no-repeat;
+  transform-origin: 0 0;
+  transform: rotateY(60deg);
+}
+
+.blend {
+  background-color: rgb(0,255,0);
+  background-blend-mode: difference;
+}
+
+.png {
+  background-image: url(as-image/green100x100.png);
+}
+
+</style>
+<div class="reftest blend png"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-gradient.html b/layout/reftests/css-blending/background-blending-image-gradient.html
new file mode 100644
index 0000000000..6b9e48d461
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-gradient.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 200px 200px, 100px 100px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: url(as-image/green_square.svg), linear-gradient(rgb(0,0,255), rgb(255,0,0));
+  background-blend-mode: difference;
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-image-ref.html b/layout/reftests/css-blending/background-blending-image-image-ref.html
new file mode 100644
index 0000000000..b123024a78
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-image-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: url(as-image/black100x100.png);
+  background-color: rgb(0, 255, 0);
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-image-image.html b/layout/reftests/css-blending/background-blending-image-image.html
new file mode 100644
index 0000000000..846f7cd10b
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-image-image.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 200px;
+  height: 200px;
+  background-size: 100px 100px, 200px 200px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-image: url(as-image/green100x100.png),
+                    url(as-image/green_square.svg);
+  background-blend-mode: difference;
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-isolation-parent-child-color.html b/layout/reftests/css-blending/background-blending-isolation-parent-child-color.html
new file mode 100644
index 0000000000..0a8ca887f7
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-isolation-parent-child-color.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+}
+
+.parent {
+  background-color: rgb(255, 255, 0);
+  background-blend-mode: screen;
+}
+
+.child {
+  background-color: rgb(0, 255, 0);
+  background-blend-mode: difference;
+}
+
+</style>
+<body>
+  <div class="reftest parent">
+    <div class="reftest child"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-isolation-parent-child-image.html b/layout/reftests/css-blending/background-blending-isolation-parent-child-image.html
new file mode 100644
index 0000000000..00629b1f13
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-isolation-parent-child-image.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+}
+
+.parent {
+  background-color: rgb(255, 255, 0);
+  background-blend-mode: screen;
+}
+
+.child {
+  background-image: url(as-image/green100x100.png);
+  background-blend-mode: difference;
+}
+
+</style>
+<body>
+  <div class="reftest parent">
+    <div class="reftest child"></div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-isolation-parent-child-ref.html b/layout/reftests/css-blending/background-blending-isolation-parent-child-ref.html
new file mode 100644
index 0000000000..d1becbc8c8
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-isolation-parent-child-ref.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+}
+
+.color {
+  background-color: rgb(0, 255, 0);
+}
+
+</style>
+<div class="reftest color"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-isolation-ref.html b/layout/reftests/css-blending/background-blending-isolation-ref.html
new file mode 100644
index 0000000000..8b1a50d534
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-isolation-ref.html
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+}
+
+.image {
+  background-image: url(as-image/green100x100.png);
+}
+
+.color {
+  background-color: rgb(0, 255, 0);
+}
+
+body {
+  background-color: rgb(0, 0, 255);
+}
+
+</style>
+<div class="reftest image"></div>
+<div class="reftest color"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-isolation.html b/layout/reftests/css-blending/background-blending-isolation.html
new file mode 100644
index 0000000000..80ead0163b
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-isolation.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+}
+
+.image {
+  background-image: url(as-image/green100x100.png);
+  background-blend-mode: difference;
+}
+
+.color {
+  background-color: rgb(0, 255, 0);
+  background-blend-mode: difference;
+}
+
+body {
+  background-color: rgb(0, 0, 255);
+}
+
+</style>
+<body>
+  <div class="reftest image"></div>
+  <div class="reftest color"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-lighten-ref.svg b/layout/reftests/css-blending/background-blending-lighten-ref.svg
new file mode 100644
index 0000000000..4ec1bf08a0
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-lighten-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-lighten.html b/layout/reftests/css-blending/background-blending-lighten.html
new file mode 100644
index 0000000000..cd69c4c609
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-lighten.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: lighten;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-list-repeat-ref.html b/layout/reftests/css-blending/background-blending-list-repeat-ref.html
new file mode 100644
index 0000000000..e87329c0c4
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-list-repeat-ref.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+  float:left;
+}
+
+.first {
+  background-color: rgb(0, 0, 0);
+}
+.second {
+  background-color: rgb(0, 255, 0);
+}
+
+.third {
+  background-color: rgb(0, 0, 0);
+}
+
+.fourth {
+  background-color: rgb(0, 255, 0);
+}
+
+</style>
+<div class="reftest first"></div>
+<div class="reftest second"></div>
+<div class="reftest third"></div>
+<div class="reftest fourth"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-list-repeat.html b/layout/reftests/css-blending/background-blending-list-repeat.html
new file mode 100644
index 0000000000..53eb0f040e
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-list-repeat.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 400px;
+  height: 100px;
+  background-size: 100px 100px, 200px 100px, 300px 100px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-color: rgb(0, 255, 0);
+  background-blend-mode: multiply, screen;
+  background-image: url(as-image/red100x100.png),
+                    url(as-image/green100x100.png),
+                    url(as-image/red100x100.png);
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-luminosity-ref.svg b/layout/reftests/css-blending/background-blending-luminosity-ref.svg
new file mode 100644
index 0000000000..8dc3c2247f
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-luminosity-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,131,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(55,55,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(86,86,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,105,105,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(137,137,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(164,164,37,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(93,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,48,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(31,31,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,52,52,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,192,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(95,95,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-luminosity.html b/layout/reftests/css-blending/background-blending-luminosity.html
new file mode 100644
index 0000000000..4c530c9132
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-luminosity.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: luminosity;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-moz-element-ref.html b/layout/reftests/css-blending/background-blending-moz-element-ref.html
new file mode 100644
index 0000000000..70298325c4
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-moz-element-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+.c {
+    height: 10px;
+    background: rgba(0,255,0,.5);
+}
+
+</style>
+</head>
+<body>
+<div class="c"></div>
+<div class="c"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/css-blending/background-blending-moz-element.html b/layout/reftests/css-blending/background-blending-moz-element.html
new file mode 100644
index 0000000000..11272a70f6
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-moz-element.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+div {
+	    height: 10px;
+}
+
+#b {
+	background: rgba(0,255,0,.5);
+}
+#c {
+    background: -moz-element(#b);
+    background-blend-mode: difference;
+}
+
+</style>
+</head>
+<body>
+<div id="b"></div>
+<div id="c"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/css-blending/background-blending-multiple-images-ref.html b/layout/reftests/css-blending/background-blending-multiple-images-ref.html
new file mode 100644
index 0000000000..e15793e7ba
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-multiple-images-ref.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 100px;
+  height: 100px;
+  float:left;
+}
+
+.first {
+  background-color: rgb(255, 0, 255);
+}
+.second {
+  background-color: rgb(0, 0, 255);
+}
+
+.third {
+  background-color: rgb(0, 255, 255);
+}
+
+.fourth {
+  background-color: rgb(0, 255, 0);
+}
+
+</style>
+<div class="reftest first"></div>
+<div class="reftest second"></div>
+<div class="reftest third"></div>
+<div class="reftest fourth"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-multiple-images.html b/layout/reftests/css-blending/background-blending-multiple-images.html
new file mode 100644
index 0000000000..274ab18c09
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-multiple-images.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.reftest {
+  width: 400px;
+  height: 100px;
+  background-size: 100px 100px, 200px 100px, 300px 100px;
+  background-repeat: no-repeat;
+}
+
+.blend {
+  background-color: rgb(0, 255, 0);
+  background-blend-mode: difference, exclusion, screen;
+  background-image: url(as-image/red100x100.png),
+                    url(as-image/green100x100.png),
+                    url(as-image/blue100x100.png);
+}
+
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-multiply-ref.svg b/layout/reftests/css-blending/background-blending-multiply-ref.svg
new file mode 100644
index 0000000000..0addf25093
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-multiply-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(63,63,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-multiply.html b/layout/reftests/css-blending/background-blending-multiply.html
new file mode 100644
index 0000000000..2174ed5b44
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-multiply.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: multiply;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-normal-ref.svg b/layout/reftests/css-blending/background-blending-normal-ref.svg
new file mode 100644
index 0000000000..8b86b74487
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-normal-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-normal.html b/layout/reftests/css-blending/background-blending-normal.html
new file mode 100644
index 0000000000..f860846c7b
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-normal.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: normal;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-overlay-ref.svg b/layout/reftests/css-blending/background-blending-overlay-ref.svg
new file mode 100644
index 0000000000..320697f710
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-overlay-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(254,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,254,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(126,126,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-overlay.html b/layout/reftests/css-blending/background-blending-overlay.html
new file mode 100644
index 0000000000..a5be65fa98
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-overlay.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: overlay;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-saturation-ref.svg b/layout/reftests/css-blending/background-blending-saturation-ref.svg
new file mode 100644
index 0000000000..a8fb06a5a8
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-saturation-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(166,39,39,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(76,203,76,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(14,14,141,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-saturation.html b/layout/reftests/css-blending/background-blending-saturation.html
new file mode 100644
index 0000000000..ed5173346a
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-saturation.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: saturation;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-screen-ref.svg b/layout/reftests/css-blending/background-blending-screen-ref.svg
new file mode 100644
index 0000000000..d99af71dc9
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-screen-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(190,190,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/background-blending-screen.html b/layout/reftests/css-blending/background-blending-screen.html
new file mode 100644
index 0000000000..5f5fe0f56b
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-screen.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: screen;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/background-blending-soft-light-ref.svg b/layout/reftests/css-blending/background-blending-soft-light-ref.svg
new file mode 100644
index 0000000000..485314e389
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-soft-light-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+    <rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="0" width="40" height="40" fill="rgba(190,63,0,1)"></rect>
+    <rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="40" width="40" height="40" fill="rgba(64,190,0,1)"></rect>
+    <rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="80" width="40" height="40" fill="rgba(63,63,0,1)"></rect>
+    <rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="120" width="40" height="40" fill="rgba(126,126,0,1)"></rect>
+</svg>
diff --git a/layout/reftests/css-blending/background-blending-soft-light.html b/layout/reftests/css-blending/background-blending-soft-light.html
new file mode 100644
index 0000000000..13cf76fce4
--- /dev/null
+++ b/layout/reftests/css-blending/background-blending-soft-light.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<link rel="stylesheet" href="blend-modes.css" type="text/css" />
+
+<style>
+.blend {
+  background-blend-mode: soft-light;
+}
+</style>
+<div class="reftest blend"></div>
+</html>
diff --git a/layout/reftests/css-blending/blend-canvas-ref.html b/layout/reftests/css-blending/blend-canvas-ref.html
new file mode 100644
index 0000000000..fd74b7a282
--- /dev/null
+++ b/layout/reftests/css-blending/blend-canvas-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<script type="text/javascript">
+window.onload = function() {
+  var c = document.getElementById("b");
+  var ctx = c.getContext("2d");
+  ctx.fillStyle = "rgb(0,0,0)";
+  ctx.fillRect(0,0,100,100);
+}
+</script>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="a">
+  <canvas width="100" height="100" id="b"/>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-canvas.html b/layout/reftests/css-blending/blend-canvas.html
new file mode 100644
index 0000000000..4989e35dba
--- /dev/null
+++ b/layout/reftests/css-blending/blend-canvas.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<script type="text/javascript">
+window.onload = function() {
+  var c = document.getElementById("b");
+  var ctx = c.getContext("2d");
+  ctx.fillStyle = "rgb(0,255,0)";
+  ctx.fillRect(0,0,100,100);
+}
+</script>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+  mix-blend-mode:difference;
+}
+</style>
+<div id="a">
+  <canvas width="100" height="100" id="b"/>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-constant-background-color-ref.html b/layout/reftests/css-blending/blend-constant-background-color-ref.html
new file mode 100644
index 0000000000..4fbe7d3dec
--- /dev/null
+++ b/layout/reftests/css-blending/blend-constant-background-color-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0,0,0);
+}
+</style>
+<div id="a">
+<div id="b">
+</div>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-constant-background-color.html b/layout/reftests/css-blending/blend-constant-background-color.html
new file mode 100644
index 0000000000..e9e3e1c6aa
--- /dev/null
+++ b/layout/reftests/css-blending/blend-constant-background-color.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0,255,0);
+  mix-blend-mode:difference;
+}
+</style>
+<div id="a">
+<div id="b">
+</div>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-difference-stacking-ref.html b/layout/reftests/css-blending/blend-difference-stacking-ref.html
new file mode 100644
index 0000000000..34dd86e82d
--- /dev/null
+++ b/layout/reftests/css-blending/blend-difference-stacking-ref.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  background-color: rgb(0,255,0);
+  width: 200px;
+  height: 210px;
+}
+#b {
+  position: absolute;
+  top:80px;
+  filter:url(#f);
+}
+</style>
+  <svg height="0">
+    <filter id="f">
+      <feColorMatrix values="1 1 1 0 0
+                             1 1 1 0 0
+                             1 1 1 0 0
+                             0 0 0 1 0"/>
+
+    </filter>
+   </svg>
+<div id="a">
+<div id="b">.</div>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-difference-stacking.html b/layout/reftests/css-blending/blend-difference-stacking.html
new file mode 100644
index 0000000000..3c1e55de3e
--- /dev/null
+++ b/layout/reftests/css-blending/blend-difference-stacking.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.a {
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 200px;
+  height: 210px;
+}
+.c {
+  width: 100px;
+  height: 100px;
+  mix-blend-mode: difference;
+}
+#d {
+  z-index: 1;
+  position: absolute;
+  top:80px;
+}
+</style>
+<div id="b" class="a">
+  <div id="d">.
+    <div class="a c"></div>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-gradient-background-color-ref.html b/layout/reftests/css-blending/blend-gradient-background-color-ref.html
new file mode 100644
index 0000000000..53b2f65468
--- /dev/null
+++ b/layout/reftests/css-blending/blend-gradient-background-color-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+  background: linear-gradient(rgb(0,255,255), rgb(255,255,0));
+}
+</style>
+<div id="a">
+<div id="b">
+</div>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-gradient-background-color.html b/layout/reftests/css-blending/blend-gradient-background-color.html
new file mode 100644
index 0000000000..10a938cc79
--- /dev/null
+++ b/layout/reftests/css-blending/blend-gradient-background-color.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+  background: linear-gradient(rgb(0,0,255), rgb(255,0,0));
+  mix-blend-mode:difference;
+}
+</style>
+<div id="a">
+<div id="b">
+</div>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-image-ref.html b/layout/reftests/css-blending/blend-image-ref.html
new file mode 100644
index 0000000000..b8a85f2360
--- /dev/null
+++ b/layout/reftests/css-blending/blend-image-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="a">
+<img src="as-image/black100x100.png" id="b"/>
+</div>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/css-blending/blend-image.html b/layout/reftests/css-blending/blend-image.html
new file mode 100644
index 0000000000..ac0b2c1670
--- /dev/null
+++ b/layout/reftests/css-blending/blend-image.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 100px;
+  height: 100px;
+  mix-blend-mode:difference;
+}
+</style>
+<div id="a">
+<img src="as-image/green100x100.png" id="b"/>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-isolation-ref.html b/layout/reftests/css-blending/blend-isolation-ref.html
new file mode 100644
index 0000000000..e4d76e534d
--- /dev/null
+++ b/layout/reftests/css-blending/blend-isolation-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#a {
+  background-color: rgb(0,255,0);
+  width: 200px;
+  height: 210px;
+}
+</style>
+<div id="a">
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-isolation.html b/layout/reftests/css-blending/blend-isolation.html
new file mode 100644
index 0000000000..802d7fd97d
--- /dev/null
+++ b/layout/reftests/css-blending/blend-isolation.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+.a {
+  background-color: rgb(0,255,0);
+}
+#b {
+  width: 200px;
+  height: 210px;
+}
+.c {
+  width: 100px;
+  height: 100px;
+  mix-blend-mode: difference;
+}
+#d {
+  isolation: isolate;
+}
+</style>
+<div id="b" class="a">
+  <div id="d">
+    <div class="a c"></div>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/css-blending/blend-modes.css b/layout/reftests/css-blending/blend-modes.css
new file mode 100644
index 0000000000..9a827c7bd0
--- /dev/null
+++ b/layout/reftests/css-blending/blend-modes.css
@@ -0,0 +1,26 @@
+body {
+  margin: 0;
+}
+
+.reftest {
+  width: 160px;
+  height: 160px;
+  background-size:
+    160px 40px, 160px 40px, 160px 40px, 160px 40px,
+    40px 160px, 40px 160px, 40px 160px, 40px 160px;
+
+  background-position:
+    0px 0px, 0px 40px, 0px 80px, 0px 120px,
+    0px 0px, 40px 0px, 80px 0, 120px 0;
+
+
+  background-repeat: no-repeat;
+  background-image: url(as-image/red100x100.png),
+                    url(as-image/green100x100.png),
+                    url(as-image/blue100x100.png),
+                    url(as-image/brown100x100.png),
+                    url(as-image/red100x100.png),
+                    url(as-image/green100x100.png),
+                    url(as-image/blue100x100.png),
+                    url(as-image/brown100x100.png);
+}
\ No newline at end of file
diff --git a/layout/reftests/css-blending/bug1281593-ref.html b/layout/reftests/css-blending/bug1281593-ref.html
new file mode 100644
index 0000000000..2f3933c03f
--- /dev/null
+++ b/layout/reftests/css-blending/bug1281593-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <title>Transform and Blend Mode</title>
+    <style>
+      body {
+        background: cornflowerblue;
+      }
+      .box-blend-mode {
+        width: 64px;
+        height: 64px;
+        margin-bottom: 1em;
+        background-color: hsla(0,0%,0%,.25);
+        mix-blend-mode: multiply;
+      }
+      .box-blend-mode-inner {
+        width: 48px;
+        height: 48px;
+        background-image: url("../backgrounds/transparent-32x32.png");
+        background-position: center center;
+        background-repeat: no-repeat;
+        mix-blend-mode: multiply;
+      }
+
+      .box-blend-mode-inner.transformed {
+        transform: rotate(45deg);
+      }
+
+    </style>
+  </head>
+  <body>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner"></div>
+    </div>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-blending/bug1281593.html b/layout/reftests/css-blending/bug1281593.html
new file mode 100644
index 0000000000..ecd589675f
--- /dev/null
+++ b/layout/reftests/css-blending/bug1281593.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <title>Transform and Blend Mode</title>
+    <style>
+      body {
+        background: cornflowerblue;
+      }
+      .box-blend-mode {
+        width: 64px;
+        height: 64px;
+        margin-bottom: 1em;
+        background-color: hsla(0,0%,0%,.25);
+        mix-blend-mode: multiply;
+      }
+      .box-blend-mode-inner {
+        width: 48px;
+        height: 48px;
+        background-image: url("../backgrounds/transparent-32x32.png");
+        background-position: center center;
+        background-repeat: no-repeat;
+        mix-blend-mode: multiply;
+      }
+
+      .box-blend-mode-inner.transformed {
+        transform: rotate(45deg);
+      }
+
+    </style>
+  </head>
+  <body>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner"></div>
+    </div>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner transformed"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff-ref.html b/layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff-ref.html
new file mode 100644
index 0000000000..71b215e1bc
--- /dev/null
+++ b/layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Blend mode items shouldn't clip unclipped children to their own clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  background: white; /* this shouldn't be necessary, bug ??????? */
+}
+
+.content {
+  box-sizing: border-box;
+  border: 10px solid yellow;
+  width: 100px;
+  height: 100px;
+}
+
+.clip {
+  box-sizing: border-box;
+  width: 300px;
+  height: 200px;
+  border: 10px solid black;
+  background-color: white;
+  overflow: hidden;
+}
+
+.absolutelyPositioned {
+  position: absolute;
+  top: 20px;
+  left: 250px;
+}
+
+.inner {
+  margin-left: auto;
+  border-color: magenta;
+}
+
+.blendedOverlay {
+  position: absolute;
+  top: 20px;
+  left: 290px;
+  width: 10px;
+  border-left: 0;
+  border-right: 0;
+  border-color: blue;
+}
+
+</style>
+
+<div class="clip">
+  <div class="absolutelyPositioned content"></div>
+  <div class="inner content"></div>
+</div>
+
+<div class="blendedOverlay content"></div>
diff --git a/layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff.html b/layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff.html
new file mode 100644
index 0000000000..f82b50b617
--- /dev/null
+++ b/layout/reftests/css-blending/clipped-mixblendmode-containing-unclipped-stuff.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Blend mode items shouldn't clip unclipped children to their own clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  background: white; /* this shouldn't be necessary, bug ??????? */
+}
+
+.content {
+  box-sizing: border-box;
+  border: 10px solid blue;
+  width: 100px;
+  height: 100px;
+}
+
+.clip {
+  box-sizing: border-box;
+  width: 300px;
+  height: 200px;
+  border: 10px solid black;
+  background-color: white;
+  overflow: hidden;
+}
+
+.mixBlendMode {
+  mix-blend-mode: exclusion;
+}
+
+.absolutelyPositioned {
+  position: absolute;
+  top: 20px;
+  left: 250px;
+}
+
+.inner {
+  margin-left: auto;
+  border-color: lime;
+}
+
+</style>
+
+<div class="clip">
+  <div class="mixBlendMode">
+    <div class="absolutelyPositioned content"></div>
+    <div class="inner content"></div>
+  </div>
+</div>
diff --git a/layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode-ref.html b/layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode-ref.html
new file mode 100644
index 0000000000..307483ac6b
--- /dev/null
+++ b/layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Blend mode containers shouldn't clip unclipped children to their own clip</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.content {
+  box-sizing: border-box;
+  border: 10px solid black;
+  width: 100px;
+  height: 100px;
+}
+
+.clip {
+  box-sizing: border-box;
+  width: 300px;
+  height: 200px;
+  border: 10px solid black;
+  overflow: hidden;
+}
+
+.opacity {
+  opacity: 0.5;
+}
+
+.absolutelyPositioned {
+  position: absolute;
+  top: 20px;
+  left: 250px;
+}
+
+.mixBlendMode {
+  border-color: blue;
+  margin-left: auto;
+}
+
+</style>
+
+<div class="clip">
+  <div class="opacity">
+    <div class="absolutelyPositioned content"></div>
+    <div class="mixBlendMode content"></div>
+  </div>
+</div>
diff --git a/layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode.html b/layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode.html
new file mode 100644
index 0000000000..444116feeb
--- /dev/null
+++ b/layout/reftests/css-blending/clipped-opacity-containing-unclipped-mixblendmode.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Blend mode containers shouldn't clip unclipped children to their own clip</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.content {
+  box-sizing: border-box;
+  border: 10px solid black;
+  width: 100px;
+  height: 100px;
+}
+
+.clip {
+  box-sizing: border-box;
+  width: 300px;
+  height: 200px;
+  border: 10px solid black;
+  overflow: hidden;
+}
+
+.opacity {
+  opacity: 0.5;
+}
+
+.absolutelyPositioned {
+  position: absolute;
+  top: 20px;
+  left: 250px;
+}
+
+.mixBlendMode {
+  mix-blend-mode: multiply;
+  border-color: blue;
+  margin-left: auto;
+}
+
+</style>
+
+<div class="clip">
+  <div class="opacity">
+    <div class="absolutelyPositioned content"></div>
+    <div class="mixBlendMode content"></div>
+  </div>
+</div>
diff --git a/layout/reftests/css-blending/mix-blend-mode-952051-ref.html b/layout/reftests/css-blending/mix-blend-mode-952051-ref.html
new file mode 100644
index 0000000000..3a3e4328f5
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-952051-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<head>
+	<style>
+		.parent {
+		  width: 200px;
+		  height: 200px;
+		  overflow: hidden;
+			border-radius: 0px 0px 20px 0px;
+
+			position: absolute;
+			z-index: 0;
+			background-color: #00ff00;
+		}
+
+		.child {
+		  width: 300px;
+		  height: 300px;
+		  margin-left: 100px;
+		  background-color: #ffff00;
+		}
+
+		body {
+			margin: 0;
+		}
+
+	</style>
+</head>
+<body>
+	<div class="parent">
+	    <div class="child"></div>
+	</div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-952051.html b/layout/reftests/css-blending/mix-blend-mode-952051.html
new file mode 100644
index 0000000000..4895a6f721
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-952051.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+	<style>
+		.parent {
+		  width: 200px;
+		  height: 200px;
+		  overflow: hidden;
+			border-radius: 0px 0px 20px 0px;
+			position: absolute;
+			z-index: 0;
+			background-color: #00ff00;
+		}
+
+		.child {
+		  width: 300px;
+		  height: 300px;
+		  margin-left: 100px;
+		  background-color: #ff0000;
+		  mix-blend-mode: difference;
+		}
+
+		body {
+			margin: 0;
+		}
+
+	</style>
+	<!-- Rounded rect clipping seems to not yield the same results when clipping
+	the parent and child elements individually. The reference rendering will show
+	some of the parent green color around the child's clipped corner.
+	The reftests, on the other hand, shows some gray pixels around the same area. 
+	This may somehow be related to antialiasing. -->
+</head>
+<body>
+	<div class="parent">
+	    <div class="child"></div>
+	</div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-and-filter-ref.html b/layout/reftests/css-blending/mix-blend-mode-and-filter-ref.html
new file mode 100644
index 0000000000..ef56627380
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-and-filter-ref.html
@@ -0,0 +1,41 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<head>
+  <style>
+    .parent {
+      position: relative;
+      width: 100px;
+      height: 100px;
+    }
+
+    .child {
+      filter: blur(3px);
+      background: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+
+    .black-rect {
+      position: absolute;
+      top: 50px;
+      width: 100px;
+      height: 50px;
+      background: #000;
+    }
+  </style>
+</head>
+<body>
+  <!--
+    You should see a blurred green square, with its bottom half mostly
+    covered by a black rectangle.
+  -->
+  <div class="parent">
+    <div class="child"></div>
+    <div class="black-rect"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-blending/mix-blend-mode-and-filter-ref.svg b/layout/reftests/css-blending/mix-blend-mode-and-filter-ref.svg
new file mode 100644
index 0000000000..f9aa828666
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-and-filter-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="blur">
+      <feGaussianBlur stdDeviation="3"/>
+    </filter>
+  </defs>
+  <rect x="0" y="0" width="100" height="50" fill="#fff"/>
+  <rect x="0" y="0" width="100" height="100" fill="#0f0" filter="url(#blur)"/>
+  <rect x="0" y="50" width="100" height="50" fill="#000"/>
+</svg>
diff --git a/layout/reftests/css-blending/mix-blend-mode-and-filter.html b/layout/reftests/css-blending/mix-blend-mode-and-filter.html
new file mode 100644
index 0000000000..80f2dd46e9
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-and-filter.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<head>
+  <style>
+    .parent {
+      /*
+        With the darken blend mode, green will overwrite white parts of this
+        background, while black parts of this background will show through.
+      */
+      background: linear-gradient(#fff 0%, #fff 50%, #000 50%, #000 100%);
+      width: 100px;
+      height: 100px;
+    }
+
+    .child {
+      filter: blur(3px);
+      mix-blend-mode: darken;
+      background: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <!--
+    You should see a blurred green square, with its bottom half mostly
+    covered by a black rectangle.
+  -->
+  <div class="parent">
+    <div class="child"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-blending/mix-blend-mode-and-filter.svg b/layout/reftests/css-blending/mix-blend-mode-and-filter.svg
new file mode 100644
index 0000000000..49c1f5fea7
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-and-filter.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="blur">
+      <feGaussianBlur stdDeviation="3"/>
+    </filter>
+  </defs>
+  <!-- Background consists of a white rect and a black rect. -->
+  <rect x="0" y="0" width="100" height="50" fill="#fff"/>
+  <rect x="0" y="50" width="100" height="50" fill="#000"/>
+  <!--
+    Foreground consists of a blurred green square, blended with the background
+    using the darken blend mode. Green should overwrite the white rect, while
+    the black rect should show through.
+  -->
+  <rect x="0" y="0" width="100" height="100" fill="#0f0" filter="url(#blur)"
+        style="mix-blend-mode: darken;"/>
+</svg>
diff --git a/layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity-ref.html b/layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity-ref.html
new file mode 100644
index 0000000000..89f580bbb7
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>CSS Reftest Reference</title>
+		<link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com">
+		<style>
+			.parent {
+				opacity: 0.9;
+				background: yellow;/*rgb(255,255,0);*/
+				margin: 30px;
+				width: 120px;
+				height: 120px;
+				display: inline-block;
+			}
+			.blended {
+				width: 100px;
+				height: 100px;
+				background: aqua;/*rgb(0,255,255);*/
+				display: inline-block;
+				margin-top: 10px;
+				margin-left: 10px;
+			}
+			.childBlended {
+				background: lime;/*rgb(0,255,0);*/
+				width: 80px;
+				height: 80px;
+				margin-top: 10px;
+				margin-left: 10px;
+				opacity: 0.99;
+			}
+		</style>
+	</head>
+	<body>
+		<div class="parent">
+			<div class="blended">
+				<div class="childBlended"></div>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity.html b/layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity.html
new file mode 100644
index 0000000000..8ed9be7f25
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-child-of-blended-has-opacity.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>CSS Test: blending between an element and the child with opacity</title>
+		<link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com">
+		<link rel="help" href="http://dev.w3.org/fxtf/compositing-1/#mix-blend-mode">
+		<meta name="flags" content="">
+		<meta name="assert" content="Test checks that an element with mix-blend-mode and his child with opacity blends as a group(no blending between the element with mix-blend-mode and the child element)">
+		<link rel="match" href="reference/mix-blend-mode-child-of-blended-has-opacity-ref.html">
+		<style>
+			.parent {
+				opacity: 0.9;
+				background: yellow;/*rgb(255,255,0);*/
+				margin: 30px;
+				width: 120px;
+				height: 120px;
+				display: inline-block;
+			}
+			.blended {
+				width: 100px;
+				height: 100px;
+				background: fuchsia; /* rgb(255, 0, 255);*/
+				display: inline-block;
+				mix-blend-mode: difference;
+				margin-top: 10px;
+				margin-left: 10px;
+			}
+			.childBlended {
+				background: red;/*rgb(255,0,0);*/
+				width: 80px;
+				height: 80px;
+				margin-top: 10px;
+				margin-left: 10px;
+				opacity: 0.99;
+			}
+		</style>
+	</head>
+	<body>
+ 		<div class="parent">
+			<div class="blended">
+				<div class="childBlended"></div>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/layout/reftests/css-blending/mix-blend-mode-culling-1207041-ref.html b/layout/reftests/css-blending/mix-blend-mode-culling-1207041-ref.html
new file mode 100644
index 0000000000..f098be2b94
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-culling-1207041-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<head>
+  <style>
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+       background: orange;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      background: #ffd200;
+    }
+  </style>
+</head>
+<body>
+ <div class="parent">
+  <div class="child">
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-culling-1207041.html b/layout/reftests/css-blending/mix-blend-mode-culling-1207041.html
new file mode 100644
index 0000000000..bcb4afc06f
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-culling-1207041.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<head>
+  <style>
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+       background: orange;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      mix-blend-mode: screen;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+ <div class="parent">
+  <div class="child">
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271-ref.html b/layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271-ref.html
new file mode 100644
index 0000000000..e8ff8a6109
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<head>
+  <style>
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+ <div class="parent">
+  <div class="child">
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271.html b/layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271.html
new file mode 100644
index 0000000000..f36dfe53fb
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-dest-alpha-1135271.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<head>
+  <style>
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      mix-blend-mode: multiply;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+ <div class="parent">
+  <div class="child">
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-nested-976533-ref.html b/layout/reftests/css-blending/mix-blend-mode-nested-976533-ref.html
new file mode 100644
index 0000000000..8680fd6633
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-nested-976533-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<head>
+	<style>
+		.parent {
+		  width: 200px;
+		  height: 200px;
+		  position: absolute;
+		  z-index: 1;
+			background-color: #00ff00;
+		}
+
+		.intermediate {
+			width: 100px;
+		  height: 100px;
+		  margin-left:50px;
+		  background-color: #ffffff;
+		}
+
+		.child {
+		  width: 100px;
+		  height: 100px;
+		  margin-left:50px;
+		  background-color: #00ffff;
+		}
+
+		.grandchild {
+			width: 50px;
+			height: 100px;
+			margin-left: 50px;
+			background-color: #0000ff;
+		}
+
+		body {
+			margin:0px;
+		}
+
+	</style>
+</head>
+<body>
+	<div class="parent">
+		<div class="intermediate">
+	    <div class="child">
+	    	<div class="grandchild"></div>
+	    </div>
+    </div>
+	</div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-nested-976533.html b/layout/reftests/css-blending/mix-blend-mode-nested-976533.html
new file mode 100644
index 0000000000..8f97cd84cb
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-nested-976533.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<head>
+	<style>
+		.parent {
+		  width: 200px;
+		  height: 200px;
+		  position: absolute;
+		  z-index: 1;
+			background-color: #00ff00;
+		}
+
+		.intermediate {
+			width: 100px;
+		  height: 100px;
+		  margin-left:50px;
+		  background-color: #ff00ff;
+		  mix-blend-mode: difference;
+		}
+
+		.child {
+		  width: 100px;
+		  height: 100px;
+		  margin-left:50px;
+		  background-color: #00ffff;
+		  mix-blend-mode: multiply;
+		}
+
+		body {
+			margin:0px;
+		}
+	</style>
+	<!-- Blending should happen as follows:
+				First, the child element should blend with the intermediate element, with
+				the multiply operator. Is should not blend with the parent directly.
+				Then, group formed by the blended child and the intermediate element should
+				blend with the parent as a single layer.
+	 -->
+</head>
+<body>
+	<div class="parent">
+		<div class="intermediate">
+	    <div class="child"></div>
+    </div>
+	</div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-soft-light-ref.html b/layout/reftests/css-blending/mix-blend-mode-soft-light-ref.html
new file mode 100644
index 0000000000..c21fadac22
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-soft-light-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<head>
+  <style>
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      background: #7775b6;
+    }
+  </style>
+</head>
+<body>
+ <div class="parent">
+  <div class="child">
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-soft-light.html b/layout/reftests/css-blending/mix-blend-mode-soft-light.html
new file mode 100644
index 0000000000..bcfd809a4a
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-soft-light.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<head>
+  <style>
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+       background: #5856a2;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      mix-blend-mode: soft-light;
+      opacity: 0.5;
+      background: white;
+      will-change: opacity;
+    }
+  </style>
+</head>
+<body>
+ <div class="parent">
+  <div class="child">
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-transformed-ref.html b/layout/reftests/css-blending/mix-blend-mode-transformed-ref.html
new file mode 100644
index 0000000000..e0042d6270
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-transformed-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<head>
+  <style>
+    .outer {
+       transform: scale(0.5) translate(200px, 200px);
+    }
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      background: #7775b6;
+    }
+  </style>
+</head>
+<body>
+ <div class="outer">
+  <div class="parent">
+   <div class="child">
+   </div>
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/mix-blend-mode-transformed.html b/layout/reftests/css-blending/mix-blend-mode-transformed.html
new file mode 100644
index 0000000000..01d9e0bfa5
--- /dev/null
+++ b/layout/reftests/css-blending/mix-blend-mode-transformed.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<head>
+  <style> 
+    .outer {
+       transform: scale(0.5) translate(200px, 200px);
+    }
+    .parent {
+       width: 200px;
+       height: 200px;
+       isolation: isolate;
+       background: #5856a2;
+    }
+    .child {
+      width: 200px;
+      height: 200px;
+      mix-blend-mode: soft-light;
+      opacity: 0.5;
+      background: white;
+      will-change: opacity;
+    }
+  </style>
+</head>
+<body>
+ <div class="outer">
+  <div class="parent">
+   <div class="child">
+   </div>
+  </div>
+ </div>
+</body>
diff --git a/layout/reftests/css-blending/reftest.list b/layout/reftests/css-blending/reftest.list
new file mode 100644
index 0000000000..8d2ca77586
--- /dev/null
+++ b/layout/reftests/css-blending/reftest.list
@@ -0,0 +1,103 @@
+== blend-canvas.html blend-canvas-ref.html
+== blend-constant-background-color.html blend-constant-background-color-ref.html
+== blend-gradient-background-color.html blend-gradient-background-color-ref.html
+== blend-image.html blend-image-ref.html
+fuzzy-if(geckoview&&device,3-3,5-5) == blend-difference-stacking.html blend-difference-stacking-ref.html
+
+fuzzy(0-1,0-30000) == background-blending-alpha.html background-blending-alpha-ref.html
+== background-blending-gradient-color.html background-blending-gradient-color-ref.html
+fuzzy(0-2,0-9450) fuzzy-if(!geckoview,0-1,0-6200) == background-blending-gradient-gradient.html background-blending-gradient-gradient-ref.html
+fuzzy-if(azureSkiaGL,0-2,0-7174) == background-blending-gradient-image.html background-blending-gradient-color-ref.html
+fuzzy-if(azureSkia||d2d||gtkWidget,0-1,0-10000) == background-blending-image-color-jpg.html background-blending-image-color-ref.html
+== background-blending-image-color-png.html background-blending-image-color-ref.html
+== background-blending-image-color-svg.html background-blending-image-color-ref.html
+fuzzy-if(azureSkiaGL,0-2,0-7174) == background-blending-image-gradient.html background-blending-gradient-color-ref.html
+== background-blending-image-image.html background-blending-image-color-ref.html
+== background-blending-isolation.html background-blending-isolation-ref.html
+random-if(useDrawSnapshot) == background-blending-list-repeat.html background-blending-list-repeat-ref.html
+== background-blending-multiple-images.html background-blending-multiple-images-ref.html
+
+== background-blending-color-burn.html background-blending-color-burn-ref.svg
+== background-blending-color-dodge.html background-blending-color-dodge-ref.svg
+# need to investigate why these tests are fuzzy - first suspect is a possible color space conversion on some platforms; same for mix-blend-mode tests
+fuzzy-if(azureSkia||gtkWidget,0-2,0-9600) fuzzy-if(appleSilicon,0-1,0-11200) fuzzy-if(d2d,0-1,0-8000) fuzzy-if(swgl&&!Android,1-1,8000-9600) == background-blending-color.html background-blending-color-ref.svg
+== background-blending-darken.html background-blending-darken-ref.svg
+== background-blending-difference.html background-blending-difference-ref.svg
+fuzzy(0-1,0-1600) == background-blending-exclusion.html background-blending-exclusion-ref.svg
+fuzzy-if(cocoaWidget||d2d||swgl,0-1,0-1600) == background-blending-hard-light.html background-blending-hard-light-ref.svg
+fuzzy-if(d2d,0-1,0-9600) fuzzy-if(azureSkia||gtkWidget,0-1,0-11200) fuzzy-if(!geckoview,1-1,9600-11240) == background-blending-hue.html background-blending-hue-ref.svg
+== background-blending-lighten.html background-blending-lighten-ref.svg
+fuzzy-if(d2d,0-1,0-8000) fuzzy-if(azureSkia||gtkWidget,0-2,0-9600) fuzzy-if(appleSilicon,0-1,0-11200) fuzzy-if(swgl&&!Android,1-1,8000-9600) == background-blending-luminosity.html background-blending-luminosity-ref.svg
+fuzzy(0-1,0-1600) == background-blending-multiply.html background-blending-multiply-ref.svg
+== background-blending-normal.html background-blending-normal-ref.svg
+fuzzy-if(azureSkia||gtkWidget,0-1,0-1600) == background-blending-overlay.html background-blending-overlay-ref.svg
+fuzzy-if(d2d,0-1,0-3200) fuzzy-if(azureSkia||gtkWidget,0-2,0-12800) == background-blending-saturation.html background-blending-saturation-ref.svg
+fuzzy-if(d2d||azureSkia||gtkWidget,0-1,0-1600) == background-blending-screen.html background-blending-screen-ref.svg
+fuzzy-if(d2d||azureSkia||gtkWidget,0-10,0-4800) == background-blending-soft-light.html background-blending-soft-light-ref.svg
+
+fuzzy-if(azureSkia||d2d||gtkWidget,0-1,0-40000) == background-blending-image-color-959674.html background-blending-image-color-959674-ref.html
+
+#fuzzy due to inconsistencies in rounded rect cliping between parent and child; may be related to antialiasing. Between platforms, the max difference is the same, and the number of different pixels is either 36 or 37. (Win, Mac and Lin)
+fuzzy(0-65,0-53) fuzzy-if(geckoview&&device,63-64,163-328) == mix-blend-mode-952051.html mix-blend-mode-952051-ref.html
+
+fuzzy-if(d3d11,0-49,0-200) == mix-blend-mode-and-filter.html mix-blend-mode-and-filter-ref.html
+fuzzy-if(d3d11,0-1,0-6) == mix-blend-mode-and-filter.svg mix-blend-mode-and-filter-ref.svg
+
+fuzzy(0-2,0-14400) fuzzy-if(geckoview&&device,3-3,700-700) == mix-blend-mode-child-of-blended-has-opacity.html mix-blend-mode-child-of-blended-has-opacity-ref.html
+
+== mix-blend-mode-nested-976533.html mix-blend-mode-nested-976533-ref.html
+== mix-blend-mode-culling-1207041.html mix-blend-mode-culling-1207041-ref.html
+== mix-blend-mode-dest-alpha-1135271.html mix-blend-mode-dest-alpha-1135271-ref.html
+fuzzy-if(Android,0-3,0-850) == clipped-mixblendmode-containing-unclipped-stuff.html clipped-mixblendmode-containing-unclipped-stuff-ref.html
+fuzzy(0-1,0-6800) == clipped-opacity-containing-unclipped-mixblendmode.html clipped-opacity-containing-unclipped-mixblendmode-ref.html
+
+# Test plan 5.3.1 Blending between the background layers and the background color for an element with background-blend-mode
+# Test 9
+== background-blending-image-color-svg-as-data-uri.html background-blending-image-color-ref.html
+# Test 10
+test-pref(image.animation_mode,"none") == background-blending-image-color-gif.html background-blending-image-color-gif-ref.html
+== background-blending-image-color-transform3d.html background-blending-image-color-ref.html
+
+# Test plan 5.3.2 Background layers do not blend with content outside the background (or behind the element) - tests 2 and 3
+== background-blending-isolation-parent-child-color.html background-blending-isolation-parent-child-ref.html
+== background-blending-isolation-parent-child-image.html background-blending-isolation-parent-child-ref.html
+
+# Test plan 5.3.6 background-blend-mode for an element with background-position
+== background-blending-background-position-percentage.html background-blending-background-position-percentage-ref.html
+
+# Test plan 5.3.7 background-blend-mode for an element with background-size
+== background-blending-background-size-contain.html background-blending-background-size-ref.html
+== background-blending-background-size-cover.html background-blending-background-size-ref.html
+== background-blending-background-size-percentage.html background-blending-background-size-ref.html
+== background-blending-background-size-pixels.html background-blending-background-size-ref.html
+
+# Test plan 5.3.8 background-blend-mode for an element with background-repeat
+# Tests 2 and 3 are not added because space and round are not currently supported
+== background-blending-background-repeat-no-repeat.html background-blending-background-repeat-no-repeat-ref.html
+
+# Test plan 5.3.9 background-blend-mode for an element with background-clip
+== background-blending-background-clip-content-box.html background-blending-background-clip-content-box-ref.html
+== background-blending-background-clip-padding-box.html background-blending-background-clip-padding-box-ref.html
+
+# Test plan 5.3.10 background-blend-mode for an element with background-origin
+== background-blending-background-origin-border-box.html background-blending-background-origin-ref.html
+== background-blending-background-origin-content-box.html background-blending-background-origin-ref.html
+
+# Test plan 5.3.11 background-blend-mode for an element with background-attachement
+== background-blending-background-attachement-fixed.html background-blending-background-attachement-fixed-ref.html
+== background-blending-background-attachement-fixed-scroll.html background-blending-background-attachement-fixed-scroll-ref.html
+
+fuzzy(0-1,0-49719) == background-blend-mode-body-image.html background-blend-mode-body-image-ref.html
+fuzzy(0-2,0-78472) == background-blend-mode-body-transparent-image.html background-blend-mode-body-transparent-image-ref.html
+
+== background-blend-mode-body-fixed.html background-blend-mode-body-fixed-ref.html
+
+== background-blending-moz-element.html background-blending-moz-element-ref.html
+
+fuzzy(0-1,0-40000) == mix-blend-mode-soft-light.html mix-blend-mode-soft-light-ref.html
+fuzzy(0-1,0-40000) == mix-blend-mode-transformed.html mix-blend-mode-transformed-ref.html
+
+# Test plan 4.4.2 element with isolation:isolate creates an isolated group for blended children
+== blend-isolation.html blend-isolation-ref.html
+
+fuzzy(0-1,0-8192) == bug1281593.html bug1281593-ref.html
diff --git a/layout/reftests/css-break/1405443-ref.html b/layout/reftests/css-break/1405443-ref.html
new file mode 100644
index 0000000000..096dd6c3ea
--- /dev/null
+++ b/layout/reftests/css-break/1405443-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+  #block { page-break-inside: avoid; }
+  span { padding-left: 1px; }
+  #columns { columns: 0px; column-gap: 0; )
+</style>
+<body>
+  There word 'Hello' should appear below.
+  <div id="columns">
+    H
+    <div id="block">
+      <span> <!-- Just need an inline with nonzero width -->
+        <div style="padding-left: 1ch">&nbsp;ello</div>
+      </span>
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/css-break/1405443.html b/layout/reftests/css-break/1405443.html
new file mode 100644
index 0000000000..8fb19ffb1a
--- /dev/null
+++ b/layout/reftests/css-break/1405443.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+  #float { page-break-inside: avoid; float: left }
+  span { padding-left: 1px; }
+  #columns { columns: 0px; column-gap: 0; )
+</style>
+<body>
+  There word 'Hello' should appear below.
+  <div id="columns">
+    H
+    <div id="float">
+      <span> <!-- Just need an inline with nonzero width -->
+        <div style="padding-left: 1ch">&nbsp;ello</div>
+      </span>
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/css-break/box-decoration-break-1-ref.html b/layout/reftests/css-break/box-decoration-break-1-ref.html
new file mode 100644
index 0000000000..431c499a1f
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-1-ref.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
+  <meta charset="utf-8">
+<style>
+
+span {
+  line-height:4em;
+  font-family:monospace;
+  padding: 3px 5px 7px 11px;
+  background-color: #0F0;
+  margin: 13px 17px 19px 23px;
+  border-left:13px dashed pink;
+  border-top:7px dashed blue;
+  border-right:3px dashed black;
+  border-bottom:1px dashed blue;
+}
+.o0 {
+  border-radius: 17px;
+}
+.o10 {
+  border-radius: 17px;
+  margin-left:0;
+}
+.o10x {
+  border-radius: 17px;
+  padding-right:0;
+}
+.so0 {
+  border-radius: 0px;
+}
+.so10 {
+  border-radius: 0px;
+  margin-right:0;
+}
+.so10x {
+  border-radius: 0px;
+  padding-left:0;
+}
+</style>
+</head>
+<body style="margin:10px">
+
+<table border=1 cellpadding=10><tr>
+<td><span class="o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+<td><span class="o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+<td><span class="o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+</tr>
+</table>
+
+<br>
+
+<table border=1 cellpadding=10><tr>
+<td><span class="so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+<td><span class="so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+<td><span class="so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-1.html b/layout/reftests/css-break/box-decoration-break-1.html
new file mode 100644
index 0000000000..e0326ccc1f
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-1-ref.html">
+  <meta charset="utf-8">
+<style>
+
+span {
+  box-decoration-break:clone;
+
+  line-height:4em;
+  font-family:monospace;
+  padding: 3px 5px 7px 11px;
+  background-color: #0F0;
+  margin: 13px 17px 19px 23px;
+  border-left:13px dashed pink;
+  border-top:7px dashed blue;
+  border-right:3px dashed black;
+  border-bottom:1px dashed blue;
+}
+.o0 {
+  border-radius: 17px;
+}
+.o10 {
+  border-radius: 17px;
+  margin-left:0;
+}
+.o10x {
+  border-radius: 17px;
+  padding-right:0;
+}
+.so0 {
+  border-radius: 0px;
+}
+.so10 {
+  border-radius: 0px;
+  margin-right:0;
+}
+.so10x {
+  border-radius: 0px;
+  padding-left:0;
+}
+</style>
+</head>
+<body style="margin:10px">
+
+<table border=1 cellpadding=10><tr>
+<td><span class="o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+<td><span class="o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+<td><span class="o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span></td>
+</tr>
+</table>
+
+<br>
+
+<table border=1 cellpadding=10><tr>
+<td><span class="so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br></td>
+<td><span class="so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br></td>
+<td><span class="so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-block-border-padding-ref.html b/layout/reftests/css-break/box-decoration-break-block-border-padding-ref.html
new file mode 100644
index 0000000000..2720386c11
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-block-border-padding-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Testcase for box-decoration-break:clone, block border+padding</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=988653">
+  <meta charset="utf-8">
+  <style type="text/css">
+    html,body {
+      color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+    }
+
+    .inner {
+      border: 5px dashed blue;
+      height: 33px;
+      width: 40px;
+      background: lime;
+      background-clip: content-box;
+      margin-bottom: 12px;
+    }
+
+    .columns {
+      columns: 3;
+      width: 250px;
+      height: 50px;
+      background: grey;
+      margin-top: 2px;
+    }
+
+    .unbalanced {
+      column-fill: auto;
+    }
+
+    .inner.p { height:31px; padding:1px 3px 5px 7px; }
+    .unbalanced .inner { height:40px; margin-bottom: 0px;}
+    .unbalanced .inner.p { height:34px; }
+  </style>
+</head>
+<body>
+
+<div class="columns"><div class="inner"></div><div class="inner"></div><div class="inner"></div></div>
+<div class="columns unbalanced"><div class="inner"></div><div class="inner"></div><div class="inner" style="height:19px"></div></div>
+<div class="columns"><div class="p inner"></div><div class="p inner"></div><div class="p inner"></div></div>
+<div class="columns unbalanced"><div class="p inner"></div><div class="p inner"></div><div class="p inner" style="height:25px"></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-block-border-padding.html b/layout/reftests/css-break/box-decoration-break-block-border-padding.html
new file mode 100644
index 0000000000..73f3e9503c
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-block-border-padding.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Testcase for box-decoration-break:clone, block border+padding</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=988653">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-block-border-padding-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+    html,body {
+      color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+    }
+
+    .inner {
+      box-decoration-break: clone;
+      border: 5px dashed blue;
+      height: 99px;
+      width: 40px;
+      background: lime;
+      background-clip: content-box;
+    }
+
+    .columns {
+      columns: 3;
+      width: 250px;
+      height: 50px;
+      background: grey;
+      margin-top: 2px;
+    }
+
+    .unbalanced {
+      column-fill: auto;
+    }
+
+    .inner.p { height:93px; padding:1px 3px 5px 7px; }
+  </style>
+</head>
+<body>
+
+<div class="columns"><div class="inner"></div></div>
+<div class="columns unbalanced"><div class="inner"></div></div>
+<div class="columns"><div class="p inner"></div></div>
+<div class="columns unbalanced"><div class="p inner"></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-block-margin-ref.html b/layout/reftests/css-break/box-decoration-break-block-margin-ref.html
new file mode 100644
index 0000000000..cbc8e3c42d
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-block-margin-ref.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Testcase for box-decoration-break:clone, block margin</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1025669">
+  <meta charset="utf-8">
+  <style type="text/css">
+    html,body {
+      color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+    }
+
+    .inner {
+      border: 5px dashed blue;
+      width: 40px;
+      background: lime;
+      background-clip: padding-box;
+      margin: 0px 3px 15px 1px;
+      position: relative;
+    }
+
+    .inner.first {
+      top: 7px;
+    }
+
+    .columns {
+      columns: 3;
+      width: 250px;
+      height: 50px;
+      background: grey;
+    }
+
+    .outer {
+      margin-top: 2px;
+      height: 50px;
+      width: 250px;
+      background: grey;
+    }
+
+    .unbalanced {
+      column-fill: auto;
+    }
+
+    #t2 .inner { border-style:none; height: 38px; }
+  </style>
+</head>
+<body>
+
+<div class="outer"><div class="columns"><div class="inner first" style="height:22px;" ></div><div class="inner" style="height:29px;"></div><div class="inner" style="height:28px;"></div></div></div>
+<div class="outer"><div class="columns unbalanced"><div class="inner first" style="height:33px;"></div><div class="inner" style="height:40px;"></div><div class="inner" style="height:6px"></div></div></div>
+<div class="outer"><div class="columns"><div class="inner first" style="height:25px;"></div><div class="inner" style="height:32px"></div><div class="inner" style="height:30px"></div></div></div>
+<div class="outer"><div class="columns unbalanced"><div class="inner first" style="height:33px;"></div><div class="inner" style="height:40px;"></div><div class="inner" style="height:11px"></div></div></div>
+
+<div id="t2">
+<div class="outer"><div class="columns unbalanced"><div class="inner first" style="height:43px"></div><div class="inner" style="height:36px"></div></div></div>
+<div class="outer"><div class="columns unbalanced"><div style="height:4px"></div><div class="inner first" style="height:39px"></div><div class="inner" style="height:40px"></div></div></div>
+<div class="outer"><div class="columns unbalanced"><div class="inner first" style="height:43px"></div><div class="inner" style="height:36px"></div></div></div>
+<div class="outer"><div class="columns unbalanced"><div style="height:4px"></div><div class="inner first" style="height:39px"></div><div class="inner" style="height:40px"></div></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-block-margin.html b/layout/reftests/css-break/box-decoration-break-block-margin.html
new file mode 100644
index 0000000000..5c3b7e2d41
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-block-margin.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Testcase for box-decoration-break:clone, block margin</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1025669">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-block-margin-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+    html,body {
+      color:black; background-color:white; font-size:16px; padding:10px; margin:0;
+    }
+
+    .inner {
+      box-decoration-break: clone;
+      border: 5px dashed blue;
+      margin: 7px 3px 5px 1px;
+      height: 79px;
+      width: 40px;
+      background: lime;
+      background-clip: content-box;
+    }
+
+    .columns {
+      columns: 3;
+      width: 250px;
+      height: 50px;
+      background: grey;
+      margin-top: 2px;
+    }
+
+    .unbalanced {
+      column-fill: auto;
+    }
+
+    .inner.p { height:87px; }
+    .inner.p2 { height:84px; }
+
+    .p3, .p4, .p5, .p6 { border-style:none; }
+    .inner div { height:16px;  }
+    .inner.p3 div { margin: 3px; }
+    .inner.p4 div { margin: 11px 3px 5px 1px; }
+    .inner.p5 div { box-decoration-break: clone; margin: 3px; }
+    .inner.p6 div { box-decoration-break: clone; margin: 11px 3px 5px 1px; }
+  </style>
+</head>
+<body>
+
+<div class="columns"><div class="inner"></div></div>
+<div class="columns unbalanced"><div class="inner"></div></div>
+<div class="columns"><div class="p inner"></div></div>
+<div class="columns unbalanced"><div class="p2 inner"></div></div>
+
+<!-- margin collapsing with innermost DIV -->
+<div class="columns unbalanced"><div class="p3 inner"><div></div></div></div>
+<div class="columns unbalanced"><div class="p4 inner"><div></div></div></div>
+<div class="columns unbalanced"><div class="p5 inner"><div></div></div></div>
+<div class="columns unbalanced"><div class="p6 inner"><div></div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-border-image-ref.html b/layout/reftests/css-break/box-decoration-break-border-image-ref.html
new file mode 100644
index 0000000000..98d8e75ba9
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-border-image-ref.html
@@ -0,0 +1,137 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Testcase for border-image + box-decoration-break</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=988653">
+  <meta charset="utf-8">
+  <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+* { font-family: DejaVuSansMono; }
+
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; padding-left:10px; margin:0;
+}
+
+b1,b2,b3,b4,b5,b6,b7,b8,b9,b10,.b.clone {
+  border: 5px solid red;
+  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D) 10 10 repeat;
+  border-image-outset: 7px 3px 5px 9px;
+}
+.b {
+  border: 5px solid transparent;
+  background: pink;
+}
+.b.clone {
+  background: pink;
+  height:28px;
+}
+.col3 .b.clone {
+  height:32px;
+}
+
+.columns {
+  columns: 2;
+  width: 200px;
+  height: 50px;
+  background: grey;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  float:left;
+}
+.col3 {
+  columns: 3;
+}
+.unbalanced { column-fill:auto; }
+.vbreak { height:66px; width:41px; }
+.unbalanced .vbreak { height:40px; }
+.h { width:30px;height:30px; background:grey; }
+.m { margin-left:15px; }
+.col3 .vbreak { height:116px; }
+.unbalanced.col3 .vbreak { height:40px; }
+x { display:inline-block; width:31px; height:18px; line-height:1; }
+y { display:inline-block; width:47px; height:18px; line-height:1; }
+pos1 { position:absolute; top:50px; width:700px; }
+pos2 { position:absolute; top:150px; width:700px; }
+pos3 { position:absolute; top:380px; width:700px; }
+pos4 { position:absolute; top:510px; width:700px; }
+
+b1,b2,b3,b4,b5,b6,b7,b8,b9,b10,c1,c2,c3,c4,c5,c6,c7,c8,c9,c10,m1,m2,m3,m4,m5,m6,m7,m8,m9,m10 {position:absolute;}
+c1,c2,c3,c4,c5,c6,c7,c8,c9,c10 {position:absolute; overflow:hidden; z-index:1;}
+
+
+b1 { top:50px; left:20px; height:66px; width:41px; }
+c1 { top:0; left:0; height:88px; width:200px; }
+
+b2 { top:-38px; left:128px; height:66px; width:41px; }
+c2 { top:50px; left:0; height:61px; width:200px; }
+
+b3 { top:50px; left:240px; height:116px; width:41px; }
+c3 { top:0; left:0; height:92px; width:600px; }
+
+b4 { top:-42px; left:312px; height:116px; width:41px; }
+c4 { top:50px; left:0; height:42px; width:600px; }
+
+b5 { top:-84px; left:384px; height:116px; width:41px; }
+c5 { top:50px; left:0; height:100px; width:600px; }
+
+b6 { top:148px; left:20px; height:19px; z-index:1; }
+m6 { top:135px; left:56px; height:55px; width:100px; background:white; z-index:2; }
+
+b7 { top:30px; left:-36px; width:78px; height:19px; }
+c7 { top:170px; left:20px; height:300px; width:200px; }
+
+b8 { top:30px; left:67px; width:125px; height:19px; }
+m8 { top:15px; left:103px; width:125px; height:55px; background:white; }
+c8 { top:170px; left:20px; height:300px; width:600px; }
+
+b9 { top:30px; left:-36px; width:125px; height:19px; }
+c9 { top:222px; left:20px; height:300px; width:47px; }
+
+b10 { top:30px; left:-83px; width:125px; height:19px; }
+c10 { top:274px; left:20px; height:300px; width:156px; }
+
+  </style>
+</head>
+<body>
+<c1><b1></b1></c1>
+<c2><b2></b2></c2>
+<c3><b3></b3></c3>
+<c4><b4></b4></c4>
+<c5><b5></b5></c5>
+<b6><x></x><y></y><br></b6><m6></m6>
+<c7><b7><x></x><y></y></b7></c7>
+<c8><b8><x></x><y></y><y></y></b8><m8></m8></c8>
+<c9><b9><x></x><y></y><y></y></b9></c9>
+<c10><b10><x></x><y></y><y></y></b10></c10>
+<pre>box-decoration-break:slice</pre>
+
+<pos1>
+<div class="columns"><div class="b vbreak slice"></div></div>
+<div class="columns col3"><div class="b vbreak slice"></div></div>
+</pos1>
+
+<pos2>
+<span class="b slice"><x></x><div class="h"></div><y></y></span><span class="b slice m"><x></x><div class="h"></div><y></y><div class="h"></div><y></y></span>
+
+<pre>box-decoration-break:clone</pre>
+</pos2>
+
+<pos3>
+<div class="unbalanced columns"><div class="b vbreak clone"></div><div class="b vbreak clone" style="height:26px"></div></div>
+<div class="unbalanced columns col3"><div class="b vbreak clone"></div><div class="b vbreak clone"></div><div class="b vbreak clone" style="height:36px"></div></div>
+</pos3>
+
+<pos4>
+<span class="b clone"><x></x></span><div class="h"></div><span class="b clone"><y></y></span>
+<span class="b clone m"><x></x></span><div class="h"></div><span class="b clone m"><y></y></span><div class="h"></div><span class="b clone m"><y></y></span>
+</pos4>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-border-image.html b/layout/reftests/css-break/box-decoration-break-border-image.html
new file mode 100644
index 0000000000..31d8dabb66
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-border-image.html
@@ -0,0 +1,83 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Testcase for border-image + box-decoration-break</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=988653">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-border-image-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+* { font-family: DejaVuSansMono; }
+
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; padding-left:10px; margin:0;
+}
+
+.b {
+  border: 5px solid red;
+  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D) 10 10 repeat;
+  background: pink;
+  border-image-outset: 7px 3px 5px 9px;
+}
+
+.columns {
+  columns: 2;
+  width: 200px;
+  height: 50px;
+  background: grey;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  float:left;
+}
+.col3 {
+  columns: 3;
+}
+.unbalanced { column-fill:auto; }
+.vbreak { height:66px; width:41px; }
+.h { width:30px;height:30px; background:grey; }
+.m { margin-left:15px; }
+.col3 .vbreak { height:116px; }
+.clone { box-decoration-break:clone; }
+.slice { box-decoration-break:slice; }
+x { display:inline-block; width:31px; height:18px; line-height:1; }
+y { display:inline-block; width:47px; height:18px; line-height:1; }
+pos1 { position:absolute; top:50px; width:700px; }
+pos2 { position:absolute; top:150px; width:700px; }
+pos3 { position:absolute; top:380px; width:700px; }
+pos4 { position:absolute; top:510px; width:700px; }
+  </style>
+</head>
+<body>
+<pre>box-decoration-break:slice</pre>
+
+<pos1>
+<div class="columns"><div class="b vbreak slice"></div></div>
+<div class="columns col3"><div class="b vbreak slice"></div></div>
+</pos1>
+
+<pos2>
+<span class="b slice" style="border-style:dashed;"><x></x><div class="h"></div><y></y></span><span class="b slice m" style="border-style:dashed;"><x></x><div class="h"></div><y></y><div class="h"></div><y></y></span>
+
+<pre>box-decoration-break:clone</pre>
+</pos2>
+
+<pos3>
+<div class="unbalanced columns"><div class="b vbreak clone"></div></div>
+<div class="unbalanced columns col3"><div class="b vbreak clone"></div></div>
+</pos3>
+
+<pos4>
+<span class="b clone" style="border-style:dashed;"><x></x><div class="h"></div><y></y></span>
+<span class="b clone m" style="border-style:dashed;"><x></x><div class="h"></div><y></y><div class="h"></div><y></y></span>
+</pos4>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-bug-1235152-ref.html b/layout/reftests/css-break/box-decoration-break-bug-1235152-ref.html
new file mode 100644
index 0000000000..ec53798020
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-bug-1235152-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1235152</title>
+    <style type="text/css">
+html,body {
+  color:black; background-color:white; font: 16px monospace;
+}
+
+div {
+  float: left;
+  background: #ccc;
+  clear: both;
+  padding-left: 10px;
+}
+
+.rtl {
+  direction: rtl;
+}
+.pr {
+  padding-left: 0;
+  padding-right: 13px;
+}
+.plr {
+  padding-right: 13px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="rtl">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl pr">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl plr">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl" style="width:190px">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl pr" style="width:187px">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl plr" style="width:177px">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-bug-1235152.html b/layout/reftests/css-break/box-decoration-break-bug-1235152.html
new file mode 100644
index 0000000000..7cb9fc9234
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-bug-1235152.html
@@ -0,0 +1,61 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1235152</title>
+    <style type="text/css">
+html,body {
+  color:black; background-color:white; font: 16px monospace;
+}
+
+div {
+  float: left;
+  background: #ccc;
+  clear: both;
+}
+
+.rtl {
+  direction: rtl;
+}
+
+span {
+  box-decoration-break: clone;
+  padding-left: 10px;
+}
+.pr {
+  padding-left: 0;
+  padding-right: 13px;
+}
+.plr {
+  padding-right: 13px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="rtl">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl">
+  <span class="pr">לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl">
+  <span class="plr">לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl" style="width:200px">
+  <span>לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl" style="width:200px">
+  <span class="pr">לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+<div class="rtl" style="width:200px">
+  <span class="plr">לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית קונסקטורר</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-bug-1249913-ref.html b/layout/reftests/css-break/box-decoration-break-bug-1249913-ref.html
new file mode 100644
index 0000000000..cc9c93f862
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-bug-1249913-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'box-decoration-break' with child overflow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1249913">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+p { height: 27px; width: 100px; margin:0; background:lime; }
+.border { border:3px solid black; }
+.outline { outline:3px solid brown; }
+.shadow { box-shadow: 2px 2px 0 0 blue; }
+
+.columns {
+      -ms-columns: 2;
+  -webkit-columns: 2;
+          columns: 2;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  width:500px;
+  height:30px;
+  border:solid silver;
+  margin: 2px 0;
+}
+
+.columns div { height: 10px; }
+
+x { height: 27px; width: 100px; margin:0; background:lime; display:block; }
+y { height: 23px; width: 100px; margin:0; background:lime; display:block; }
+
+</style>
+</head>
+<body>
+
+<div class="columns"><div class="border"><p></p><y></y></div></div>
+<div class="columns"><div class="outline"><p style="height:30px"></p><y style="height:20px"></y></div></div>
+<div class="columns"><div class="shadow"><p style="height:30px"></p><y style="height:20px"></y></div></div>
+<div class="columns"><div class="border outline"><p></p><y></y></div></div>
+<div class="columns"><div class="border shadow"><p></p><y></y></div></div>
+
+<div class="columns"><div class="border"><x></x><y></y></div></div>
+<div class="columns"><div class="outline"><x></x><y></y></div></div>
+<div class="columns"><div class="shadow"><x></x><y></y></div></div>
+<div class="columns"><div class="border outline"><x></x><y></y></div></div>
+<div class="columns"><div class="border shadow"><x></x><y></y></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-bug-1249913.html b/layout/reftests/css-break/box-decoration-break-bug-1249913.html
new file mode 100644
index 0000000000..adba4bb125
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-bug-1249913.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>'box-decoration-break' with child overflow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1249913">
+  <link rel="help" href="https://drafts.csswg.org/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-bug-1249913-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+p { height: 50px; width: 100px; margin:0; background:lime; }
+.clone { height: 10px; box-decoration-break:clone; }
+.border { border:3px solid black; }
+.outline { outline:3px solid brown; }
+.shadow { box-shadow: 2px 2px 0 0 blue; }
+
+.columns {
+      -ms-columns: 2;
+  -webkit-columns: 2;
+          columns: 2;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  width:500px;
+  height:30px;
+  border:solid silver;
+  margin: 2px 0;
+}
+
+.columns div { height: 10px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns"><div class="clone border"><p></p></div></div>
+<div class="columns"><div class="clone outline"><p></p></div></div>
+<div class="columns"><div class="clone shadow"><p></p></div></div>
+<div class="columns"><div class="clone border outline"><p></p></div></div>
+<div class="columns"><div class="clone border shadow"><p></p></div></div>
+
+<div class="columns"><div class="border"><p></p></div></div>
+<div class="columns"><div class="outline"><p></p></div></div>
+<div class="columns"><div class="shadow"><p></p></div></div>
+<div class="columns"><div class="border outline"><p></p></div></div>
+<div class="columns"><div class="border shadow"><p></p></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-first-letter-ref.html b/layout/reftests/css-break/box-decoration-break-first-letter-ref.html
new file mode 100644
index 0000000000..4875b4716e
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-first-letter-ref.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>::first-letter with border-radius</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1067088">
+<style>
+html,body { color:black; background-color:white; font-size:24px; }
+div { line-height:36px; }
+.b { background: blue; }
+.r100p { border-radius: 100%; }
+.r10p { border-radius: 10%; }
+.s1 { border:1px solid black; }
+.i { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR%2FmAAAAAXNSR0IArs4c6QAAADpJREFUWMPtzgENAAAIA6Br%2F85aQzdIQGVyUCdaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpan1oLQKsBY3S7VU8AAAAASUVORK5CYII%3D); }
+.shadowi { box-shadow: inset 15px 9px 7px 0px #00F; }
+.shadowo { box-shadow: 0px 0px 7px 0px #00F;}
+.shadowio { box-shadow: inset 15px 9px 7px 0px #00F, 0px 0px 7px 0px #00F;}
+.bi {
+  border: 5px solid red;
+  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D) 10 10 repeat;
+  background: pink;
+  border-image-outset: 7px 3px 5px 9px;
+}
+</style>
+</head>
+<body>
+<table cellpadding="10"><tr><td>
+  <div><span class="b r100p">F</span>irst-letter</div>
+  <div><span class="b r10p">F</span>irst-letter</div>
+  <div><span class="b s1 r100p">F</span>irst-letter</div>
+  <div><span class="b s1 r10p">F</span>irst-letter</div>
+  <div><span class="shadowo r100p">F</span>irst-letter</div>
+  <div><span class="shadowo s1 r10p">F</span>irst-letter</div>
+  <div><span class="shadowi s1 r100p">F</span>irst-letter</div>
+  <div><span class="shadowi r10p">F</span>irst-letter</div>
+  <div><span class="shadowio r100p">F</span>irst-letter</div>
+  <div><span class="shadowio s1 r10p">F</span>irst-letter</div>
+  <div><span class="s1 r100p">F</span>irst-letter</div>
+  <div><span class="s1 r10p">F</span>irst-letter</div>
+  <div><span class="i r100p">F</span>irst-letter</div>
+  <div><span class="i r10p">F</span>irst-letter</div>
+  <div><span class="i s1 r100p">F</span>irst-letter</div>
+  <div><span class="i s1 r10p">F</span>irst-letter</div>
+  <div><span class="bi">F</span>irst-letter</div>
+</td>
+<td>
+  <div><span class="b r100p">F</span>irst-letter</div>
+  <div><span class="b r10p">F</span>irst-letter</div>
+  <div><span class="b s1 r100p">F</span>irst-letter</div>
+  <div><span class="b s1 r10p">F</span>irst-letter</div>
+  <div><span class="shadowo r100p">F</span>irst-letter</div>
+  <div><span class="shadowo s1 r10p">F</span>irst-letter</div>
+  <div><span class="shadowi s1 r100p">F</span>irst-letter</div>
+  <div><span class="shadowi r10p">F</span>irst-letter</div>
+  <div><span class="shadowio r100p">F</span>irst-letter</div>
+  <div><span class="shadowio s1 r10p">F</span>irst-letter</div>
+  <div><span class="s1 r100p">F</span>irst-letter</div>
+  <div><span class="s1 r10p">F</span>irst-letter</div>
+  <div><span class="i r100p">F</span>irst-letter</div>
+  <div><span class="i r10p">F</span>irst-letter</div>
+  <div><span class="i s1 r100p">F</span>irst-letter</div>
+  <div><span class="i s1 r10p">F</span>irst-letter</div>
+  <div><span class="bi">F</span>irst-letter</div>
+</td>
+</tr></table>
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-first-letter.html b/layout/reftests/css-break/box-decoration-break-first-letter.html
new file mode 100644
index 0000000000..16853af338
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-first-letter.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>::first-letter with border-radius</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1067088">
+<style>
+html,body { color:black; background-color:white; font-size:24px; }
+div { line-height:36px; }
+.b::first-letter { background: blue; }
+.c::first-letter { box-decoration-break:clone; }
+.r100p::first-letter { border-radius: 100%; }
+.r10p::first-letter { border-radius: 10%; }
+.s1::first-letter { border:1px solid black; }
+.i::first-letter { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR%2FmAAAAAXNSR0IArs4c6QAAADpJREFUWMPtzgENAAAIA6Br%2F85aQzdIQGVyUCdaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpan1oLQKsBY3S7VU8AAAAASUVORK5CYII%3D); }
+.shadowi::first-letter { box-shadow: inset 15px 9px 7px 0px #00F; }
+.shadowo::first-letter { box-shadow: 0px 0px 7px 0px #00F;}
+.shadowio::first-letter { box-shadow: inset 15px 9px 7px 0px #00F, 0px 0px 7px 0px #00F;}
+.bi::first-letter {
+  border: 5px solid red;
+  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D) 10 10 repeat;
+  background: pink;
+  border-image-outset: 7px 3px 5px 9px;
+}
+</style>
+</head>
+<body>
+<table cellpadding="10"><tr><td>
+  <div class="b r100p">First-letter</div>
+  <div class="b r10p">First-letter</div>
+  <div class="b s1 r100p">First-letter</div>
+  <div class="b s1 r10p">First-letter</div>
+  <div class="shadowo r100p">First-letter</div>
+  <div class="shadowo s1 r10p">First-letter</div>
+  <div class="shadowi s1 r100p">First-letter</div>
+  <div class="shadowi r10p">First-letter</div>
+  <div class="shadowio r100p">First-letter</div>
+  <div class="shadowio s1 r10p">First-letter</div>
+  <div class="s1 r100p">First-letter</div>
+  <div class="s1 r10p">First-letter</div>
+  <div class="i r100p">First-letter</div>
+  <div class="i r10p">First-letter</div>
+  <div class="i s1 r100p">First-letter</div>
+  <div class="i s1 r10p">First-letter</div>
+  <div class="bi">First-letter</div>
+</td>
+<td>
+  <!-- box-decoration-break:clone should render the same for ::first-letter -->
+  <div class="c b r100p">First-letter</div>
+  <div class="c b r10p">First-letter</div>
+  <div class="c b s1 r100p">First-letter</div>
+  <div class="c b s1 r10p">First-letter</div>
+  <div class="c shadowo r100p">First-letter</div>
+  <div class="c shadowo s1 r10p">First-letter</div>
+  <div class="c shadowi s1 r100p">First-letter</div>
+  <div class="c shadowi r10p">First-letter</div>
+  <div class="c shadowio r100p">First-letter</div>
+  <div class="c shadowio s1 r10p">First-letter</div>
+  <div class="c s1 r100p">First-letter</div>
+  <div class="c s1 r10p">First-letter</div>
+  <div class="c i r100p">First-letter</div>
+  <div class="c i r10p">First-letter</div>
+  <div class="c i s1 r100p">First-letter</div>
+  <div class="c i s1 r10p">First-letter</div>
+  <div class="c bi">First-letter</div>
+</td>
+</tr></table>
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-with-bidi-ref.html b/layout/reftests/css-break/box-decoration-break-with-bidi-ref.html
new file mode 100644
index 0000000000..976d5b5ce9
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-with-bidi-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testing box-decoration-break with bidi resolution</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1210877">
+  <style type="text/css">
+
+.test {
+    box-decoration-break: slice;
+    background: black;
+}
+.p {
+    padding:11px 3px 5px 7px;
+}
+.b {
+    border: 1px solid blue;
+    border-width:3px 5px 7px 11px;
+}
+.m {
+    margin:5px 7px 11px 3px;
+}
+.direction {
+    direction: rtl;
+}
+
+x {display:inline-block; width:20px; height:10px; background:lime; }
+y {display:inline-block; width:30px; height:1px; background:lime; }
+d {display:inline-block; border:10px solid red }
+    </style>
+</head>
+<body>
+
+<div style="float:left; width: 100px;">
+<span class="test p"><x></x></span><br>
+<span class="test p"><y></y></span><br><br><br>
+<span class="test b"><x></x></span><br>
+<span class="test b"><y></y></span><br><br><br>
+<span class="test p b"><x></x></span><br>
+<span class="test p b"><y></y></span><br><br><br>
+<span class="test m"><x></x></span><br>
+<span class="test m"><y></y></span><br><br><br>
+<span class="test p m"><x></x></span><br>
+<span class="test p m"><y></y></span><br><br><br>
+<span class="test b m"><x></x></span><br>
+<span class="test b m"><y></y></span><br><br><br>
+<span class="test p b m"><x></x></span><br>
+<span class="test p b m"><y></y></span><br><br><br>
+
+
+</div><div style="float:left; width: 100px; text-align:right">
+
+<span class="test p"><y></y></span><br>
+<span class="test p"><x></x></span><br><br><br>
+<span class="test b"><y></y></span><br>
+<span class="test b"><x></x></span><br><br><br>
+<span class="test p b"><y></y></span><br>
+<span class="test p b"><x></x></span><br><br><br>
+<span class="test m"><y></y></span><br>
+<span class="test m"><x></x></span><br><br><br>
+<span class="test p m"><y></y></span><br>
+<span class="test p m"><x></x></span><br><br><br>
+<span class="test b m"><y></y></span><br>
+<span class="test b m"><x></x></span><br><br><br>
+<span class="test p b m"><y></y></span><br>
+<span class="test p b m"><x></x></span><br><br><br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-with-bidi.html b/layout/reftests/css-break/box-decoration-break-with-bidi.html
new file mode 100644
index 0000000000..1dec2105f6
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-with-bidi.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testing box-decoration-break with bidi resolution</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1210877">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-with-bidi-ref.html">
+  <style type="text/css">
+
+.test {
+    box-decoration-break: clone;
+    background: black;
+}
+.p {
+    padding:11px 3px 5px 7px;
+}
+.b {
+    border: 1px solid blue;
+    border-width:3px 5px 7px 11px;
+}
+.m {
+    margin:5px 7px 11px 3px;
+}
+.direction {
+    direction: rtl;
+}
+
+x {display:inline-block; width:20px; height:10px; background:lime; }
+y {display:inline-block; width:30px; height:1px; background:lime; }
+d {display:inline-block; border:10px solid red }
+    </style>
+</head>
+<body>
+
+<div style="float:left; width: 100px;">
+<span class="test p"><x></x><br><y></y></span><br><br><br>
+<span class="test b"><x></x><br><y></y></span><br><br><br>
+<span class="test p b"><x></x><br><y></y></span><br><br><br>
+<span class="test m"><x></x><br><y></y></span><br><br><br>
+<span class="test p m"><x></x><br><y></y></span><br><br><br>
+<span class="test b m"><x></x><br><y></y></span><br><br><br>
+<span class="test p b m"><x></x><br><y></y></span><br><br><br>
+
+<div class="direction"></div>  <!-- to trigger bidi resolution -->
+
+</div><div style="float:left; width: 100px; text-align:right">
+
+<span class="test p"><y></y><br><x></x></span><br><br><br>
+<span class="test b"><y></y><br><x></x></span><br><br><br>
+<span class="test p b"><y></y><br><x></x></span><br><br><br>
+<span class="test m"><y></y><br><x></x></span><br><br><br>
+<span class="test p m"><y></y><br><x></x></span><br><br><br>
+<span class="test b m"><y></y><br><x></x></span><br><br><br>
+<span class="test p b m"><y></y><br><x></x></span><br><br><br>
+
+<div class="direction"></div>  <!-- to trigger bidi resolution -->
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1-ref.html b/layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1-ref.html
new file mode 100644
index 0000000000..f372a0f920
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1-ref.html
@@ -0,0 +1,132 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing box-decoration-break:clone with inset box-shadow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
+  <meta charset="utf-8">
+<style>
+span {  border:3px dashed pink; margin:0 1em; line-height:4em; }
+
+span {
+  font-family:monospace;
+  padding:1em 1em;
+  background-image: url(green-circle-alpha-32x32.png);
+}
+.o0 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 0px 0px 0px 10px #00F;
+          box-shadow: inset 0px 0px 0px 10px #00F;
+}
+.o10 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 0px 0px 7px 10px #00F;
+          box-shadow: inset 0px 0px 7px 10px #00F;
+}
+.o10x {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 0px 0px 7px 0px #00F;
+          box-shadow: inset 0px 0px 7px 0px #00F;
+}
+.p0 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 15px 9px 0px 10px #00F;
+          box-shadow: inset 15px 9px 0px 10px #00F;
+}
+.p10 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 15px 9px 7px 10px #00F;
+          box-shadow: inset 15px 9px 7px 10px #00F;
+}
+.p10x {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 15px 9px 7px 0px #00F;
+          box-shadow: inset 15px 9px 7px 0px #00F;
+}
+.so0 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 0px 0px 0px 10px #00F;
+          box-shadow: inset 0px 0px 0px 10px #00F;
+}
+.so10 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 0px 0px 7px 10px #00F;
+          box-shadow: inset 0px 0px 7px 10px #00F;
+}
+.so10x {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 0px 0px 7px 0px #00F;
+          box-shadow: inset 0px 0px 7px 0px #00F;
+}
+.sp0 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 15px 9px 0px 10px #00F;
+          box-shadow: inset 15px 9px 0px 10px #00F;
+}
+.sp10 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 15px 9px 7px 10px #00F;
+          box-shadow: inset 15px 9px 7px 10px #00F;
+}
+.sp10x {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 15px 9px 7px 0px #00F;
+          box-shadow: inset 15px 9px 7px 0px #00F;
+}
+
+.m b { visibility:hidden; }
+.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
+.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
+</style>
+</head>
+<body style="margin:49px 50px;">
+
+<div style="position:relative">
+<table border=1 cellpadding=10><tr><td>
+<span class="o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="p0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br></span><span class="p0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="p10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="p10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="p10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="p10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="sp0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="sp0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="sp10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="sp10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="sp10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="sp10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+
+<div style="position:absolute; top:0px;left:0;">
+<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
+<table border=1 cellpadding=10><tr><td>
+<span class="m o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m o0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m o0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m o10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m o10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m o10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m o10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m p0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br></span><span class="m p0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m p10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m p10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m p10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m p10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m so0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m so0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m so10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m so10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m so10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m so10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m sp0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m sp0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m sp10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m sp10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m sp10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m sp10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+</div>
+
+</div>
+
+</body>
+
diff --git a/layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1.html b/layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1.html
new file mode 100644
index 0000000000..97e64700cc
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1.html
@@ -0,0 +1,134 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing box-decoration-break:clone with inset box-shadow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-with-inset-box-shadow-1-ref.html">
+  <meta charset="utf-8">
+<style>
+span {  border:3px dashed pink; margin:0 1em; line-height:4em; box-decoration-break:clone; }
+
+span {
+  font-family:monospace;
+  padding:1em 1em;
+  background-image: url(green-circle-alpha-32x32.png);
+}
+.o0 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 0px 0px 0px 10px #00F;
+          box-shadow: inset 0px 0px 0px 10px #00F;
+}
+.o10 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 0px 0px 7px 10px #00F;
+          box-shadow: inset 0px 0px 7px 10px #00F;
+}
+.o10x {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 0px 0px 7px 0px #00F;
+          box-shadow: inset 0px 0px 7px 0px #00F;
+}
+.p0 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 15px 9px 0px 10px #00F;
+          box-shadow: inset 15px 9px 0px 10px #00F;
+}
+.p10 {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 15px 9px 7px 10px #00F;
+          box-shadow: inset 15px 9px 7px 10px #00F;
+}
+.p10x {
+  border-radius: 12px;
+  -webkit-box-shadow: inset 15px 9px 7px 0px #00F;
+          box-shadow: inset 15px 9px 7px 0px #00F;
+}
+.so0 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 0px 0px 0px 10px #00F;
+          box-shadow: inset 0px 0px 0px 10px #00F;
+}
+.so10 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 0px 0px 7px 10px #00F;
+          box-shadow: inset 0px 0px 7px 10px #00F;
+}
+.so10x {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 0px 0px 7px 0px #00F;
+          box-shadow: inset 0px 0px 7px 0px #00F;
+}
+.sp0 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 15px 9px 0px 10px #00F;
+          box-shadow: inset 15px 9px 0px 10px #00F;
+}
+.sp10 {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 15px 9px 7px 10px #00F;
+          box-shadow: inset 15px 9px 7px 10px #00F;
+}
+.sp10x {
+  border-radius: 0px;
+  -webkit-box-shadow: inset 15px 9px 7px 0px #00F;
+          box-shadow: inset 15px 9px 7px 0px #00F;
+}
+
+.m b { visibility:hidden; }
+.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
+.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
+</style>
+</head>
+<body style="margin:49px 50px;">
+
+<div style="position:relative">
+<table border=1 cellpadding=10><tr><td>
+<span class="o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+
+<div style="position:absolute; top:0px;left:0;">
+<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
+<table border=1 cellpadding=10><tr><td>
+<span class="m o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1-ref.html b/layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1-ref.html
new file mode 100644
index 0000000000..938fc39148
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1-ref.html
@@ -0,0 +1,131 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing box-decoration-break:clone with outset box-shadow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
+  <meta charset="utf-8">
+<style>
+span { border:3px dashed pink; line-height:80px; }
+
+span {
+  font-family:monospace;
+  padding:1em 1em;
+  background-image: url(green-circle-alpha-32x32.png);
+}
+.o0 {
+  border-radius: 12px;
+  -webkit-box-shadow: 0px 0px 0px 10px #00F;
+          box-shadow: 0px 0px 0px 10px #00F;
+}
+.o10 {
+  border-radius: 12px;
+  -webkit-box-shadow: 0px 0px 7px 10px #00F;
+          box-shadow: 0px 0px 7px 10px #00F;
+}
+.o10x {
+  border-radius: 12px;
+  -webkit-box-shadow: 0px 0px 7px 0px #00F;
+          box-shadow: 0px 0px 7px 0px #00F;
+}
+.p0 {
+  border-radius: 12px;
+  -webkit-box-shadow: 15px 9px 0px 10px #00F;
+          box-shadow: 15px 9px 0px 10px #00F;
+}
+.p10 {
+  border-radius: 12px;
+  -webkit-box-shadow: 15px 9px 7px 10px #00F;
+          box-shadow: 15px 9px 7px 10px #00F;
+}
+.p10x {
+  border-radius: 12px;
+  -webkit-box-shadow: 15px 9px 7px 0px #00F;
+          box-shadow: 15px 9px 7px 0px #00F;
+}
+.so0 {
+  border-radius: 0px;
+  -webkit-box-shadow: 0px 0px 0px 10px #00F;
+          box-shadow: 0px 0px 0px 10px #00F;
+}
+.so10 {
+  border-radius: 0px;
+  -webkit-box-shadow: 0px 0px 7px 10px #00F;
+          box-shadow: 0px 0px 7px 10px #00F;
+}
+.so10x {
+  border-radius: 0px;
+  -webkit-box-shadow: 0px 0px 7px 0px #00F;
+          box-shadow: 0px 0px 7px 0px #00F;
+}
+.sp0 {
+  border-radius: 0px;
+  -webkit-box-shadow: 15px 9px 0px 10px #00F;
+          box-shadow: 15px 9px 0px 10px #00F;
+}
+.sp10 {
+  border-radius: 0px;
+  -webkit-box-shadow: 15px 9px 7px 10px #00F;
+          box-shadow: 15px 9px 7px 10px #00F;
+}
+.sp10x {
+  border-radius: 0px;
+  -webkit-box-shadow: 15px 9px 7px 0px #00F;
+          box-shadow: 15px 9px 7px 0px #00F;
+}
+
+.m b { visibility:hidden; }
+.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
+.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
+</style>
+</head>
+<body style="margin:49px 50px;">
+
+<div style="position:relative">
+<table border=1 cellpadding=50 ><tr><td>
+<span class="o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="o10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="o10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="p0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="p0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="p10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="p10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="p10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="p10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="so10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="so10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="sp0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="sp0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="sp10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="sp10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="sp10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="sp10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+
+<div style="position:absolute; top:0px;left:0;">
+<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
+<table border=1 cellpadding=50 ><tr><td>
+<span class="m o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m o0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m o0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m o10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m o10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m o10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m o10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m p0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m p0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m p10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m p10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m p10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m p10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m so0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m so0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m so10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m so10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m so10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m so10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m sp0"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m sp0"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m sp10"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m sp10"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;</b></span><br><span class="m sp10x"><b>&nbsp;&nbsp;b&nbsp;&nbsp;</b></span><br><span class="m sp10x"><b>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+</div>
+
+</div>
+</body>
+
diff --git a/layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1.html b/layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1.html
new file mode 100644
index 0000000000..417bf76ca4
--- /dev/null
+++ b/layout/reftests/css-break/box-decoration-break-with-outset-box-shadow-1.html
@@ -0,0 +1,133 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing box-decoration-break:clone with outset box-shadow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="match" href="box-decoration-break-with-outset-box-shadow-1-ref.html">
+  <meta charset="utf-8">
+<style>
+span { border:3px dashed pink; line-height:80px; box-decoration-break:clone; }
+
+span {
+  font-family:monospace;
+  padding:1em 1em;
+  background-image: url(green-circle-alpha-32x32.png);
+}
+.o0 {
+  border-radius: 12px;
+  -webkit-box-shadow: 0px 0px 0px 10px #00F;
+          box-shadow: 0px 0px 0px 10px #00F;
+}
+.o10 {
+  border-radius: 12px;
+  -webkit-box-shadow: 0px 0px 7px 10px #00F;
+          box-shadow: 0px 0px 7px 10px #00F;
+}
+.o10x {
+  border-radius: 12px;
+  -webkit-box-shadow: 0px 0px 7px 0px #00F;
+          box-shadow: 0px 0px 7px 0px #00F;
+}
+.p0 {
+  border-radius: 12px;
+  -webkit-box-shadow: 15px 9px 0px 10px #00F;
+          box-shadow: 15px 9px 0px 10px #00F;
+}
+.p10 {
+  border-radius: 12px;
+  -webkit-box-shadow: 15px 9px 7px 10px #00F;
+          box-shadow: 15px 9px 7px 10px #00F;
+}
+.p10x {
+  border-radius: 12px;
+  -webkit-box-shadow: 15px 9px 7px 0px #00F;
+          box-shadow: 15px 9px 7px 0px #00F;
+}
+.so0 {
+  border-radius: 0px;
+  -webkit-box-shadow: 0px 0px 0px 10px #00F;
+          box-shadow: 0px 0px 0px 10px #00F;
+}
+.so10 {
+  border-radius: 0px;
+  -webkit-box-shadow: 0px 0px 7px 10px #00F;
+          box-shadow: 0px 0px 7px 10px #00F;
+}
+.so10x {
+  border-radius: 0px;
+  -webkit-box-shadow: 0px 0px 7px 0px #00F;
+          box-shadow: 0px 0px 7px 0px #00F;
+}
+.sp0 {
+  border-radius: 0px;
+  -webkit-box-shadow: 15px 9px 0px 10px #00F;
+          box-shadow: 15px 9px 0px 10px #00F;
+}
+.sp10 {
+  border-radius: 0px;
+  -webkit-box-shadow: 15px 9px 7px 10px #00F;
+          box-shadow: 15px 9px 7px 10px #00F;
+}
+.sp10x {
+  border-radius: 0px;
+  -webkit-box-shadow: 15px 9px 7px 0px #00F;
+          box-shadow: 15px 9px 7px 0px #00F;
+}
+
+.m b { visibility:hidden; }
+.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
+.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
+</style>
+</head>
+<body style="margin:49px 50px;">
+
+<div style="position:relative">
+<table border=1 cellpadding=50 ><tr><td>
+<span class="o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+
+<div style="position:absolute; top:0px;left:0;">
+<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
+<table border=1 cellpadding=50 ><tr><td>
+<span class="m o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td><td>
+<span class="m sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+<span class="m sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
+</td></tr>
+</table>
+</div>
+
+</div>
+</body>
+
diff --git a/layout/reftests/css-break/green-circle-alpha-32x32.png b/layout/reftests/css-break/green-circle-alpha-32x32.png
new file mode 100644
index 0000000000..a007675a17
Binary files /dev/null and b/layout/reftests/css-break/green-circle-alpha-32x32.png differ
diff --git a/layout/reftests/css-break/reftest.list b/layout/reftests/css-break/reftest.list
new file mode 100644
index 0000000000..cfabb3b42f
--- /dev/null
+++ b/layout/reftests/css-break/reftest.list
@@ -0,0 +1,13 @@
+== box-decoration-break-1.html box-decoration-break-1-ref.html
+fuzzy(0-1,0-700) == box-decoration-break-with-inset-box-shadow-1.html box-decoration-break-with-inset-box-shadow-1-ref.html
+fuzzy(0-64,0-484) fuzzy-if(Android,0-70,0-1330) == box-decoration-break-with-outset-box-shadow-1.html box-decoration-break-with-outset-box-shadow-1-ref.html # Bug 1386543, bug 1392106
+fuzzy(0-255,0-10) == box-decoration-break-border-image.html box-decoration-break-border-image-ref.html
+== box-decoration-break-block-border-padding.html box-decoration-break-block-border-padding-ref.html
+== box-decoration-break-block-margin.html box-decoration-break-block-margin-ref.html
+fuzzy-if(!Android,0-1,0-62) fuzzy-if(Android,0-8,0-6627) == box-decoration-break-first-letter.html box-decoration-break-first-letter-ref.html #Bug 1313773
+== box-decoration-break-with-bidi.html box-decoration-break-with-bidi-ref.html
+== box-decoration-break-bug-1235152.html box-decoration-break-bug-1235152-ref.html
+== box-decoration-break-bug-1249913.html box-decoration-break-bug-1249913-ref.html
+== vertical-wm-001.html vertical-wm-001-ref.html
+== vertical-wm-002.html vertical-wm-002-ref.html
+random-if(Android) == 1405443.html 1405443-ref.html
diff --git a/layout/reftests/css-break/vertical-wm-001-ref.html b/layout/reftests/css-break/vertical-wm-001-ref.html
new file mode 100644
index 0000000000..bfc4d308d8
--- /dev/null
+++ b/layout/reftests/css-break/vertical-wm-001-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: splitting vertical writing-mode blocks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1328095">
+<style type="text/css">
+body,html { padding:30px; margin:0; }
+.col {
+  columns: 2;
+  column-gap: 0;
+  column-fill: auto;
+
+  block-size: 90px;
+  inline-size: 140px;
+  border:1px solid;
+}
+.vl { writing-mode: vertical-lr; }
+
+x {
+  display:block;
+  break-inside:avoid;
+  page-break-inside:avoid;
+  vertical-align: top;
+  inline-size: 20px;
+  block-size: 20px;
+  background:silver;
+}
+x:nth-of-type(2n) {background:purple;}
+
+blue { display:block; inline-size: 70px; border-block-start: 25px solid blue; }
+grey { display:block; inline-size: 70px; border-block-start: 17px solid grey; }
+</style>
+</head>
+<body>
+
+<div class="col vl">
+<div class="inner" style="margin-left:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<grey></grey>
+</div>
+
+<div class="col">
+<div class="inner" style="margin-top:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<grey></grey>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-left:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<div style="width:45px"></div>
+<grey></grey>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-left:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<div style="width:60px"></div>
+<grey></grey>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/vertical-wm-001.html b/layout/reftests/css-break/vertical-wm-001.html
new file mode 100644
index 0000000000..7a4c5087ad
--- /dev/null
+++ b/layout/reftests/css-break/vertical-wm-001.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase: splitting vertical writing-mode blocks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1328095">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/">
+  <link rel="match" href="vertical-wm-001-ref.html">
+<style type="text/css">
+body,html { padding:30px; margin:0; }
+.col {
+  columns: 2;
+  column-gap: 0;
+  column-fill: auto;
+
+  block-size: 90px;
+  inline-size: 140px;
+  border:1px solid;
+}
+.vl { writing-mode: vertical-lr; }
+
+.inner {
+  border-block-start: 25px solid blue;
+  border-block-end: 17px solid grey;
+  inline-size: 70px;
+}
+
+x {
+  display:block;
+  break-inside:avoid;
+  page-break-inside:avoid;
+  vertical-align: top;
+  inline-size: 20px;
+  block-size: 20px;
+  background:silver;
+}
+x:nth-of-type(2n) {background:purple;}
+</style>
+</head>
+<body>
+
+<div class="col vl">
+<div class="inner" style="margin-block-start:40px">
+<x></x><x></x>
+</div>
+</div>
+
+<div class="col">
+<div class="inner" style="margin-block-start:40px">
+<x></x><x></x>
+</div>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-block-start:40px; block-size:90px">
+<x></x><x></x>
+</div>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-block-start:40px; block-size:100px">
+<x></x><x></x>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/vertical-wm-002-ref.html b/layout/reftests/css-break/vertical-wm-002-ref.html
new file mode 100644
index 0000000000..e4f5d655d8
--- /dev/null
+++ b/layout/reftests/css-break/vertical-wm-002-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: splitting vertical writing-mode blocks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1328095">
+<style type="text/css">
+body,html { padding:30px; margin:0; }
+.col {
+  columns: 2;
+  column-gap: 0;
+  column-fill: auto;
+
+  block-size: 90px;
+  inline-size: 140px;
+  border:1px solid;
+}
+.vl { writing-mode: vertical-rl; }
+
+x {
+  display:block;
+  break-inside:avoid;
+  page-break-inside:avoid;
+  vertical-align: top;
+  inline-size: 20px;
+  block-size: 20px;
+  background:silver;
+}
+x:nth-of-type(2n) {background:purple;}
+
+blue { display:block; inline-size: 70px; border-block-start: 25px solid blue; }
+grey { display:block; inline-size: 70px; border-block-start: 17px solid grey; }
+</style>
+</head>
+<body>
+
+<div class="col vl">
+<div class="inner" style="margin-left:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<grey></grey>
+</div>
+
+<div class="col">
+<div class="inner" style="margin-top:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<grey></grey>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-left:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<div style="width:45px"></div>
+<grey></grey>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-left:40px"></div>
+<blue></blue>
+<x></x><x></x>
+<div style="width:60px"></div>
+<grey></grey>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-break/vertical-wm-002.html b/layout/reftests/css-break/vertical-wm-002.html
new file mode 100644
index 0000000000..5d77634680
--- /dev/null
+++ b/layout/reftests/css-break/vertical-wm-002.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase: splitting vertical writing-mode blocks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1328095">
+  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
+  <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/">
+  <link rel="match" href="vertical-wm-002-ref.html">
+<style type="text/css">
+body,html { padding:30px; margin:0; }
+.col {
+  columns: 2;
+  column-gap: 0;
+  column-fill: auto;
+
+  block-size: 90px;
+  inline-size: 140px;
+  border:1px solid;
+}
+.vl { writing-mode: vertical-rl; }
+
+.inner {
+  border-block-start: 25px solid blue;
+  border-block-end: 17px solid grey;
+  inline-size: 70px;
+}
+
+x {
+  display:block;
+  break-inside:avoid;
+  page-break-inside:avoid;
+  vertical-align: top;
+  inline-size: 20px;
+  block-size: 20px;
+  background:silver;
+}
+x:nth-of-type(2n) {background:purple;}
+</style>
+</head>
+<body>
+
+<div class="col vl">
+<div class="inner" style="margin-block-start:40px">
+<x></x><x></x>
+</div>
+</div>
+
+<div class="col">
+<div class="inner" style="margin-block-start:40px">
+<x></x><x></x>
+</div>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-block-start:40px; block-size:90px">
+<x></x><x></x>
+</div>
+</div>
+
+<div class="col vl">
+<div class="inner" style="margin-block-start:40px; block-size:100px">
+<x></x><x></x>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-calc/background-image-gradient-1-ref.html b/layout/reftests/css-calc/background-image-gradient-1-ref.html
new file mode 100644
index 0000000000..f6d30e282d
--- /dev/null
+++ b/layout/reftests/css-calc/background-image-gradient-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Test for calc() on background-image gradients</title>
+<style>
+
+p {
+    height: 50px; width: 200px;
+    border: thin solid;
+}
+
+#one { background-image: radial-gradient(circle farthest-side at 150px 20px, red, green); }
+
+</style>
+<p id="one"></p>
+<p id="two"></p>
diff --git a/layout/reftests/css-calc/background-image-gradient-1.html b/layout/reftests/css-calc/background-image-gradient-1.html
new file mode 100644
index 0000000000..2a8b529604
--- /dev/null
+++ b/layout/reftests/css-calc/background-image-gradient-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Test for calc() on background-image gradients</title>
+<style>
+
+p {
+    height: 50px; width: 200px;
+    border: thin solid;
+}
+
+#one { background-image: radial-gradient(circle farthest-side at calc(50px + 50%) calc(100% - 30px), red, green); }
+
+</style>
+<p id="one"></p>
+<p id="two"></p>
diff --git a/layout/reftests/css-calc/line-height-1-ref.html b/layout/reftests/css-calc/line-height-1-ref.html
new file mode 100644
index 0000000000..a21826367f
--- /dev/null
+++ b/layout/reftests/css-calc/line-height-1-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<style>
+div {
+ width:100px;
+ height:600px;
+ margin:5px 0 0 5px;
+ font-size: 30px;
+ float:left;
+}
+div#one {
+ line-height: 300%;
+}
+div#two {
+ line-height: 100px;
+}
+div#three {
+ line-height: 110px;
+}
+div#four {
+ line-height: 20px;
+}
+div#five {
+ line-height: 12px;
+}
+div#six {
+ line-height: 12px;
+}
+div#seven {
+ line-height: 12px;
+}
+div#eight {
+ line-height: 12px;
+}
+div#nine {
+ line-height: 12px;
+}
+div#nine {
+ line-height: 12px;
+}
+div#ten {
+ line-height: 12px;
+}
+div#div-11 {
+ line-height: 15px;
+}
+div#div-12 {
+ line-height: 195px;
+}
+</style>
+<div id="one">line height is 300%</div>
+<div id="two">line height is 100px</div>
+<div id="three">line height is 50px</div>
+<div id="four">line height is 10px * 2</div>
+<div id="five">line height is 50% - 3px</div>
+<div id="six">line height is 25% - 3px + 25%</div>
+<div id="seven">line height is 25% - 3px + 12.5% * 2</div>
+<div id="eight">line height is 25% - 3px + 12.5%*2</div>
+<div id="nine">line height is 25% - 3px + 2*12.5%</div>
+<div id="ten">line height is 25% - 3px + 2 * 12.5%</div>
+<div id="div-11">line height is 30% + 20%</div>
+<div id="div-12">line height is 3 * 2 + 3 / 6</div>
+</html>
diff --git a/layout/reftests/css-calc/line-height-1.html b/layout/reftests/css-calc/line-height-1.html
new file mode 100644
index 0000000000..f586d0dbfb
--- /dev/null
+++ b/layout/reftests/css-calc/line-height-1.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<style>
+div {
+ width:100px;
+ height:600px;
+ margin:5px 0 0 5px;
+ font-size: 30px;
+ float:left;
+}
+div#one {
+ line-height: calc(300%);
+}
+div#two {
+ line-height: calc(100px);
+}
+div#three {
+ line-height: calc(20px + 300%); 
+}
+div#four {
+ line-height: calc(10px * 2);
+}
+div#five {
+ line-height: calc(50% - 3px);
+}
+div#six {
+ line-height: calc(25% - 3px + 25%);
+}
+div#seven {
+ line-height: calc(25% - 3px + 12.5% * 2);
+}
+div#eight {
+ line-height: calc(25% - 3px + 12.5%*2);
+}
+div#nine {
+ line-height: calc(25% - 3px + 2 * 12.5%);
+}
+div#nine {
+ line-height: calc(25% - 3px + 2*12.5%);
+}
+div#ten {
+ line-height: calc(25% - 3px + 2 * 12.5%);
+}
+div#div-11 {
+ line-height: calc(30% + 20%);
+}
+div#div-12 {
+ line-height: calc(3 * 2 + 3 / 6);
+}
+</style>
+<div id="one">line height is 300%</div>
+<div id="two">line height is 100px</div>
+<div id="three">line height is 50px</div>
+<div id="four">line height is 10px * 2</div>
+<div id="five">line height is 50% - 3px</div>
+<div id="six">line height is 25% - 3px + 25%</div>
+<div id="seven">line height is 25% - 3px + 12.5% * 2</div>
+<div id="eight">line height is 25% - 3px + 12.5%*2</div>
+<div id="nine">line height is 25% - 3px + 2*12.5%</div>
+<div id="ten">line height is 25% - 3px + 2 * 12.5%</div>
+<div id="div-11">line height is 30% + 20%</div>
+<div id="div-12">line height is 3 * 2 + 3 / 6</div>
+</html>
diff --git a/layout/reftests/css-calc/line-height-2-ref.html b/layout/reftests/css-calc/line-height-2-ref.html
new file mode 100644
index 0000000000..d1086080a3
--- /dev/null
+++ b/layout/reftests/css-calc/line-height-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html><meta charset=utf-8>
+<style>
+.a1, .a2, .a3, .a4, .a5, .a6 { float: left; }
+.a1 { line-height: 2; }
+.a2 { line-height: 6; }
+.a3 { line-height: 6px; }
+.a4 { line-height: 6; }
+.a5 { line-height: 6; }
+.a6 { line-height: 6; }
+.a7 { line-height: 0; }
+</style>
+<p class="a1">abc<br>def</p>
+<p class="a2">abc<br>def</p>
+<p class="a3">abc<br>def</p>
+<p class="a4">abc<br>def</p>
+<p class="a5">abc<br>def</p>
+<p class="a6">abc<br>def</p>
+<p class="a7">abc<br>def</p>
diff --git a/layout/reftests/css-calc/line-height-2.html b/layout/reftests/css-calc/line-height-2.html
new file mode 100644
index 0000000000..fc37d31fd3
--- /dev/null
+++ b/layout/reftests/css-calc/line-height-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html><meta charset=utf-8>
+<style>
+.a1, .a2, .a3, .a4, .a5, .a6 { float: left; }
+.a1 { line-height: calc(1*2); }
+.a2 { line-height: calc(1*2*3); }
+.a3 { line-height: calc(1*2*3*1px); }
+.a4 { line-height: calc((1*2)*3); }
+.a5 { line-height: calc(1*(2*3)); }
+.a6 { line-height: calc((1*2*3)); }
+.a7 { line-height: calc(-1); }
+</style>
+<p class="a1">abc<br>def</p>
+<p class="a2">abc<br>def</p>
+<p class="a3">abc<br>def</p>
+<p class="a4">abc<br>def</p>
+<p class="a5">abc<br>def</p>
+<p class="a6">abc<br>def</p>
+<p class="a7">abc<br>def</p>
diff --git a/layout/reftests/css-calc/reftest.list b/layout/reftests/css-calc/reftest.list
new file mode 100644
index 0000000000..f8749773fc
--- /dev/null
+++ b/layout/reftests/css-calc/reftest.list
@@ -0,0 +1,3 @@
+== background-image-gradient-1.html background-image-gradient-1-ref.html
+== line-height-1.html line-height-1-ref.html
+== line-height-2.html line-height-2-ref.html
diff --git a/layout/reftests/css-charset/pass.html b/layout/reftests/css-charset/pass.html
new file mode 100644
index 0000000000..31d07cfd58
--- /dev/null
+++ b/layout/reftests/css-charset/pass.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body style="color: green">
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/reftest.list b/layout/reftests/css-charset/reftest.list
new file mode 100644
index 0000000000..ef6505576a
--- /dev/null
+++ b/layout/reftests/css-charset/reftest.list
@@ -0,0 +1,10 @@
+== test-attribute.html pass.html
+== test-charset-quotes.html pass.html
+== test-charset-leading-space.html pass.html
+== test-charset-trailing-space.html pass.html
+== test-charset-utf-16-le-no-bom.html pass.html
+fails == test-charset-utf-16-le-bom.html pass.html
+== test-charset-utf-16-bom-le.html pass.html
+== test-charset-utf-16-be-no-bom.html pass.html
+fails == test-charset-utf-16-be-bom.html pass.html
+== test-charset-utf-16-bom-be.html pass.html
diff --git a/layout/reftests/css-charset/test-attribute.css b/layout/reftests/css-charset/test-attribute.css
new file mode 100644
index 0000000000..8fcd96f5d4
Binary files /dev/null and b/layout/reftests/css-charset/test-attribute.css differ
diff --git a/layout/reftests/css-charset/test-attribute.html b/layout/reftests/css-charset/test-attribute.html
new file mode 100644
index 0000000000..8befd8f49a
--- /dev/null
+++ b/layout/reftests/css-charset/test-attribute.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: red; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="UTF-16BE"
+          href="test-attribute.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-leading-space.css b/layout/reftests/css-charset/test-charset-leading-space.css
new file mode 100644
index 0000000000..69b4324aaf
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-leading-space.css differ
diff --git a/layout/reftests/css-charset/test-charset-leading-space.html b/layout/reftests/css-charset/test-charset-leading-space.html
new file mode 100644
index 0000000000..086c1be4f1
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-leading-space.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: green; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-leading-space.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-quotes.css b/layout/reftests/css-charset/test-charset-quotes.css
new file mode 100644
index 0000000000..67f9f21f45
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-quotes.css differ
diff --git a/layout/reftests/css-charset/test-charset-quotes.html b/layout/reftests/css-charset/test-charset-quotes.html
new file mode 100644
index 0000000000..57e749cb30
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-quotes.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: green; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-quotes.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-trailing-space.css b/layout/reftests/css-charset/test-charset-trailing-space.css
new file mode 100644
index 0000000000..c1f9d451e2
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-trailing-space.css differ
diff --git a/layout/reftests/css-charset/test-charset-trailing-space.html b/layout/reftests/css-charset/test-charset-trailing-space.html
new file mode 100644
index 0000000000..6090e294c0
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-trailing-space.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: green; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-trailing-space.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-utf-16-be-bom.css b/layout/reftests/css-charset/test-charset-utf-16-be-bom.css
new file mode 100644
index 0000000000..a5d0914b49
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-utf-16-be-bom.css differ
diff --git a/layout/reftests/css-charset/test-charset-utf-16-be-bom.html b/layout/reftests/css-charset/test-charset-utf-16-be-bom.html
new file mode 100644
index 0000000000..8947490e97
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-utf-16-be-bom.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: green; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-utf-16-be-bom.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-utf-16-be-no-bom.css b/layout/reftests/css-charset/test-charset-utf-16-be-no-bom.css
new file mode 100644
index 0000000000..f877df030c
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-utf-16-be-no-bom.css differ
diff --git a/layout/reftests/css-charset/test-charset-utf-16-be-no-bom.html b/layout/reftests/css-charset/test-charset-utf-16-be-no-bom.html
new file mode 100644
index 0000000000..a617959c9f
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-utf-16-be-no-bom.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset, modified for CSS3</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Henri Sivonen" href="mailto:hsivonen@iki.fi" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: green; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-utf-16-be-no-bom.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-utf-16-bom-be.css b/layout/reftests/css-charset/test-charset-utf-16-bom-be.css
new file mode 100644
index 0000000000..21e4206f72
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-utf-16-bom-be.css differ
diff --git a/layout/reftests/css-charset/test-charset-utf-16-bom-be.html b/layout/reftests/css-charset/test-charset-utf-16-bom-be.html
new file mode 100644
index 0000000000..b0c29cfd20
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-utf-16-bom-be.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: red; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-utf-16-bom-be.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-utf-16-bom-le.css b/layout/reftests/css-charset/test-charset-utf-16-bom-le.css
new file mode 100644
index 0000000000..ddf7fd00ae
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-utf-16-bom-le.css differ
diff --git a/layout/reftests/css-charset/test-charset-utf-16-bom-le.html b/layout/reftests/css-charset/test-charset-utf-16-bom-le.html
new file mode 100644
index 0000000000..fc5f5b9e01
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-utf-16-bom-le.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: red; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-utf-16-bom-le.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-utf-16-le-bom.css b/layout/reftests/css-charset/test-charset-utf-16-le-bom.css
new file mode 100644
index 0000000000..3aab85e0b2
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-utf-16-le-bom.css differ
diff --git a/layout/reftests/css-charset/test-charset-utf-16-le-bom.html b/layout/reftests/css-charset/test-charset-utf-16-le-bom.html
new file mode 100644
index 0000000000..1ceaffaf43
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-utf-16-le-bom.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: green; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-utf-16-le-bom.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-charset/test-charset-utf-16-le-no-bom.css b/layout/reftests/css-charset/test-charset-utf-16-le-no-bom.css
new file mode 100644
index 0000000000..b2a1129c04
Binary files /dev/null and b/layout/reftests/css-charset/test-charset-utf-16-le-no-bom.css differ
diff --git a/layout/reftests/css-charset/test-charset-utf-16-le-no-bom.html b/layout/reftests/css-charset/test-charset-utf-16-le-no-bom.html
new file mode 100644
index 0000000000..d0c3875a29
--- /dev/null
+++ b/layout/reftests/css-charset/test-charset-utf-16-le-no-bom.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: @charset, modified for CSS3</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Henri Sivonen" href="mailto:hsivonen@iki.fi" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+    <meta name="flags" content="" />
+    <style type="text/css">
+      body { color: green; }
+    </style>
+    <link rel="stylesheet" type="text/css" charset="us-ascii"
+          href="test-charset-utf-16-le-no-bom.css" />
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
+  
diff --git a/layout/reftests/css-default/reftest.list b/layout/reftests/css-default/reftest.list
new file mode 100644
index 0000000000..9b5ec048ba
--- /dev/null
+++ b/layout/reftests/css-default/reftest.list
@@ -0,0 +1,2 @@
+# submit button default tests
+include submit-button/reftest.list
diff --git a/layout/reftests/css-default/submit-button/default-multiple-submit-1.html b/layout/reftests/css-default/submit-button/default-multiple-submit-1.html
new file mode 100644
index 0000000000..19c71e3c22
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-multiple-submit-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    input { color: green; }
+    input.notdefault:default { color: red; }
+    input.default:not(:default) { color: red; }
+  </style>
+  <body>
+    <form id="one"></form>
+    <input type="submit" form="one" class="default" id="test">
+    <form id="two">
+      <input type="submit" class="notdefault">
+    </form>
+    <script>
+      document.body.offsetWidth;
+      document.getElementById("test").setAttribute("form", "two");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-multiple-submit-2.html b/layout/reftests/css-default/submit-button/default-multiple-submit-2.html
new file mode 100644
index 0000000000..1fb2289ca6
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-multiple-submit-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    input { color: green; }
+    input.notdefault:default { color: red; }
+    input.default:not(:default) { color: red; }
+  </style>
+  <body>
+    <input type="submit" form="one" class="notdefault">
+    <form id="one">
+      <input type="submit" class="default">
+    </form>
+    <script>
+      document.body.offsetWidth;
+      document.getElementById("one").id = "two";
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-multiple-submit-ref.html b/layout/reftests/css-default/submit-button/default-multiple-submit-ref.html
new file mode 100644
index 0000000000..3d89f8bcd8
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-multiple-submit-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<div>
+  <input type="submit" style="color: green">
+</div>
+<div>
+  <input type="submit" style="color: green">
+</div>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-1.html b/layout/reftests/css-default/submit-button/default-submit-button-1.html
new file mode 100644
index 0000000000..4363ecf9ca
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: when there is only one submit button, it is the default -->
+  <link rel='stylesheet' type='text/css' href='default-submit-button-style.css'>
+  <body>
+    <form>
+      <button type='submit'>submit</button>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-2.html b/layout/reftests/css-default/submit-button/default-submit-button-2.html
new file mode 100644
index 0000000000..c25cdbb87a
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: when there is only one submit button and some other buttons,
+    there is a default -->
+  <link rel='stylesheet' type='text/css' href='default-submit-button-style.css'>
+  <body>
+    <form>
+      <button type='submit'>submit</button>
+      <button type='reset'>text</button>
+      <button type='reset'>text</button>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-3.html b/layout/reftests/css-default/submit-button/default-submit-button-3.html
new file mode 100644
index 0000000000..c9c5747a09
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: when there more thon one submit button and some other buttons,
+    the first submit button is the default -->
+  <link rel='stylesheet' type='text/css' href='default-submit-button-style.css'>
+  <body>
+    <form>
+      <button type='submit'>submit</button>
+      <button type='reset'>text</button>
+      <button type='submit'>text</button>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-4.html b/layout/reftests/css-default/submit-button/default-submit-button-4.html
new file mode 100644
index 0000000000..9ccaf76079
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-4.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there is a submit button which is changed,
+    there is no default -->
+  <link rel='stylesheet' type='text/css' href='default-submit-button-style.css'>
+  <script type="text/javascript">
+    function onLoadHandler()
+    {
+      document.getElementById('b1').type = "reset";
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="onLoadHandler();">
+    <form>
+      <button type='submit' id='b1'>submit</button>
+      <button type='reset'>text</button>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-5.html b/layout/reftests/css-default/submit-button/default-submit-button-5.html
new file mode 100644
index 0000000000..1b9f50659a
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-5.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there is no submit button and one is added,
+    there is a default submit button -->
+  <link rel='stylesheet' type='text/css' href='default-submit-button-style.css'>
+  <script type="text/javascript">
+    function onLoadHandler()
+    {
+      document.getElementById('b1').type = "submit";
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="onLoadHandler();">
+    <form>
+      <button type='submit' id='b1'>submit</button>
+      <button type='reset'>text</button>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-6.html b/layout/reftests/css-default/submit-button/default-submit-button-6.html
new file mode 100644
index 0000000000..b01952c43e
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-6.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there is no submit button and one is added,
+    there is a default submit button -->
+  <link rel='stylesheet' type='text/css' href='default-submit-button-style.css'>
+  <script type="text/javascript">
+    function onLoadHandler()
+    {
+      document.getElementById('b1').type = "bad-value";
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="onLoadHandler();">
+    <form>
+      <button type='submit' id='b1'>submit</button>
+      <button type='reset'>text</button>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-7.html b/layout/reftests/css-default/submit-button/default-submit-button-7.html
new file mode 100644
index 0000000000..85aa374533
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-7.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there is no submit button and one is added,
+    there is a default submit button -->
+  <link rel='stylesheet' type='text/css' href='default-submit-button-style.css'>
+  <script type="text/javascript">
+    function onLoadHandler()
+    {
+      document.getElementById('b1').removeAttribute('type');
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="onLoadHandler();">
+    <form>
+      <button type='submit' id='b1'>submit</button>
+      <button type='reset'>text</button>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-ref.html b/layout/reftests/css-default/submit-button/default-submit-button-ref.html
new file mode 100644
index 0000000000..4f890374f9
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button type="submit">submit</button>
+  </body>
+</html>
diff --git a/layout/reftests/css-default/submit-button/default-submit-button-style.css b/layout/reftests/css-default/submit-button/default-submit-button-style.css
new file mode 100644
index 0000000000..429d6d2274
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/default-submit-button-style.css
@@ -0,0 +1,2 @@
+button { visibility: hidden; }
+button:default { visibility: visible; }
diff --git a/layout/reftests/css-default/submit-button/reftest.list b/layout/reftests/css-default/submit-button/reftest.list
new file mode 100644
index 0000000000..df645e8761
--- /dev/null
+++ b/layout/reftests/css-default/submit-button/reftest.list
@@ -0,0 +1,11 @@
+== default-submit-button-1.html default-submit-button-ref.html
+== default-submit-button-2.html default-submit-button-ref.html
+== default-submit-button-3.html default-submit-button-ref.html
+== default-submit-button-4.html about:blank
+== default-submit-button-5.html default-submit-button-ref.html
+== default-submit-button-6.html default-submit-button-ref.html
+== default-submit-button-7.html default-submit-button-ref.html
+
+== default-multiple-submit-1.html default-multiple-submit-ref.html
+== default-multiple-submit-2.html default-multiple-submit-ref.html
+
diff --git a/layout/reftests/css-disabled/button/button-fieldset-1.html b/layout/reftests/css-disabled/button/button-fieldset-1.html
new file mode 100644
index 0000000000..56c6c2812b
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <button class="enabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-2.html b/layout/reftests/css-disabled/button/button-fieldset-2.html
new file mode 100644
index 0000000000..e8fff16732
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <button class="disabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-3.html b/layout/reftests/css-disabled/button/button-fieldset-3.html
new file mode 100644
index 0000000000..002881d84c
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <button class="disabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-4.html b/layout/reftests/css-disabled/button/button-fieldset-4.html
new file mode 100644
index 0000000000..ed82a0479b
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <button class="enabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-1.html b/layout/reftests/css-disabled/button/button-fieldset-legend-1.html
new file mode 100644
index 0000000000..3e9e510eca
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <button class="enabled"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-2.html b/layout/reftests/css-disabled/button/button-fieldset-legend-2.html
new file mode 100644
index 0000000000..b7fe250fa0
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <button class="disabled"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-3.html b/layout/reftests/css-disabled/button/button-fieldset-legend-3.html
new file mode 100644
index 0000000000..f9127b8d5e
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <button class="disabled"></button>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-4.html b/layout/reftests/css-disabled/button/button-fieldset-legend-4.html
new file mode 100644
index 0000000000..1e8840ded3
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <button class="enabled"></button>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-5.html b/layout/reftests/css-disabled/button/button-fieldset-legend-5.html
new file mode 100644
index 0000000000..29b7a40d66
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <button class="enabled"></button>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-ref-1.html b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..69c8ff5f2b
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <button class="ref"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-ref-2.html b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..62dec99da6
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <button class="ref"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-ref-3.html b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..8807601e09
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <button class="ref"></button>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-ref-4.html b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..df92d4480a
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <button class="ref"></button>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-legend-ref-5.html b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..7520a19bff
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <button class="ref"></button>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/button-fieldset-ref.html b/layout/reftests/css-disabled/button/button-fieldset-ref.html
new file mode 100644
index 0000000000..7941c7ddee
--- /dev/null
+++ b/layout/reftests/css-disabled/button/button-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <button class="ref"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/button/reftest.list b/layout/reftests/css-disabled/button/reftest.list
new file mode 100644
index 0000000000..98ebc1d504
--- /dev/null
+++ b/layout/reftests/css-disabled/button/reftest.list
@@ -0,0 +1,9 @@
+== button-fieldset-1.html button-fieldset-ref.html
+fuzzy(0-1,0-7) == button-fieldset-2.html button-fieldset-ref.html
+fuzzy(0-1,0-7) == button-fieldset-3.html button-fieldset-ref.html
+fuzzy(0-1,0-7) == button-fieldset-4.html button-fieldset-ref.html
+== button-fieldset-legend-1.html button-fieldset-legend-ref-1.html
+== button-fieldset-legend-2.html button-fieldset-legend-ref-2.html
+== button-fieldset-legend-3.html button-fieldset-legend-ref-3.html
+== button-fieldset-legend-4.html button-fieldset-legend-ref-4.html
+== button-fieldset-legend-5.html button-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-disabled/button/style.css b/layout/reftests/css-disabled/button/style.css
new file mode 100644
index 0000000000..7e476eb822
--- /dev/null
+++ b/layout/reftests/css-disabled/button/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.disabled {
+  background-color: red;
+}
+
+:disabled.disabled {
+  background-color: green;
+}
+
+.enabled {
+  background-color: green;
+}
+
+:disabled.enabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-disabled.html b/layout/reftests/css-disabled/fieldset/fieldset-disabled.html
new file mode 100644
index 0000000000..6cd4fbfead
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-disabled.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-enabled.html b/layout/reftests/css-disabled/fieldset/fieldset-enabled.html
new file mode 100644
index 0000000000..32915278e4
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-enabled.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled"></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-fieldset-1.html b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-1.html
new file mode 100644
index 0000000000..9b1ae9f11d
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <fieldset class="enabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-fieldset-2.html b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-2.html
new file mode 100644
index 0000000000..01176a31e7
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <fieldset class="disabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-fieldset-3.html b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-3.html
new file mode 100644
index 0000000000..4c09335469
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <fieldset class="disabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-fieldset-4.html b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-4.html
new file mode 100644
index 0000000000..e655812965
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <fieldset class="enabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-fieldset-ref.html b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-ref.html
new file mode 100644
index 0000000000..ade7fc477c
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <fieldset class="ref"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-1.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-1.html
new file mode 100644
index 0000000000..04781eb604
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <fieldset class="enabled"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-2.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-2.html
new file mode 100644
index 0000000000..e201ee1664
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <fieldset class="disabled"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-3.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-3.html
new file mode 100644
index 0000000000..d9ca78dc31
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <fieldset class="disabled"></fieldset>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-4.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-4.html
new file mode 100644
index 0000000000..67c728ef19
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <fieldset class="enabled"></fieldset>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-5.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-5.html
new file mode 100644
index 0000000000..c3f82ae2a4
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <fieldset class="enabled"></fieldset>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-1.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..83f1925ad7
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-2.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..33fe2455cd
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <fieldset class="ref"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-3.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..7aaff27f19
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <fieldset class="ref"></fieldset>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-4.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..9f1a267a6a
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <fieldset class="ref"></fieldset>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-5.html b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..00df3f8348
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <fieldset class="ref"></fieldset>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/fieldset-ref.html b/layout/reftests/css-disabled/fieldset/fieldset-ref.html
new file mode 100644
index 0000000000..7f66bc698f
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/fieldset-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class='ref'></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/fieldset/reftest.list b/layout/reftests/css-disabled/fieldset/reftest.list
new file mode 100644
index 0000000000..cabdaa8e53
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/reftest.list
@@ -0,0 +1,11 @@
+== fieldset-enabled.html fieldset-ref.html
+fuzzy(0-2,0-5) == fieldset-disabled.html fieldset-ref.html
+== fieldset-fieldset-1.html fieldset-fieldset-ref.html
+fuzzy(0-1,0-11) == fieldset-fieldset-2.html fieldset-fieldset-ref.html
+fuzzy(0-1,0-11) == fieldset-fieldset-3.html fieldset-fieldset-ref.html
+fuzzy(0-1,0-11) == fieldset-fieldset-4.html fieldset-fieldset-ref.html
+== fieldset-legend-1.html fieldset-legend-ref-1.html
+== fieldset-legend-2.html fieldset-legend-ref-2.html
+== fieldset-legend-3.html fieldset-legend-ref-3.html
+== fieldset-legend-4.html fieldset-legend-ref-4.html
+== fieldset-legend-5.html fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-disabled/fieldset/style.css b/layout/reftests/css-disabled/fieldset/style.css
new file mode 100644
index 0000000000..7e476eb822
--- /dev/null
+++ b/layout/reftests/css-disabled/fieldset/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.disabled {
+  background-color: red;
+}
+
+:disabled.disabled {
+  background-color: green;
+}
+
+.enabled {
+  background-color: green;
+}
+
+:disabled.enabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-disabled/input/input-fieldset-1.html b/layout/reftests/css-disabled/input/input-fieldset-1.html
new file mode 100644
index 0000000000..b50f3b0f1d
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <input class="enabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-2.html b/layout/reftests/css-disabled/input/input-fieldset-2.html
new file mode 100644
index 0000000000..acfbbca5f4
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <input class="disabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-3.html b/layout/reftests/css-disabled/input/input-fieldset-3.html
new file mode 100644
index 0000000000..de095cee6e
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <input class="disabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-4.html b/layout/reftests/css-disabled/input/input-fieldset-4.html
new file mode 100644
index 0000000000..fa0fe1ac7c
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <input class="enabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-1.html b/layout/reftests/css-disabled/input/input-fieldset-legend-1.html
new file mode 100644
index 0000000000..d56517ac7d
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <input class="enabled">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-2.html b/layout/reftests/css-disabled/input/input-fieldset-legend-2.html
new file mode 100644
index 0000000000..d564e14040
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <input class="disabled">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-3.html b/layout/reftests/css-disabled/input/input-fieldset-legend-3.html
new file mode 100644
index 0000000000..89c41119f5
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <input class="disabled">
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-4.html b/layout/reftests/css-disabled/input/input-fieldset-legend-4.html
new file mode 100644
index 0000000000..33eec83fef
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <input class="enabled">
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-5.html b/layout/reftests/css-disabled/input/input-fieldset-legend-5.html
new file mode 100644
index 0000000000..4226c9672b
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <input class="enabled">
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-ref-1.html b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..5511e567b1
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <input class="ref">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-ref-2.html b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..4d0658b642
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <input class="ref">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-ref-3.html b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..15fb4d9cee
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <input class="ref">
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-ref-4.html b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..3fdd2b4ddb
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <input class="ref">
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-legend-ref-5.html b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..fc2c01f000
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <input class="ref">
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/input-fieldset-ref.html b/layout/reftests/css-disabled/input/input-fieldset-ref.html
new file mode 100644
index 0000000000..0108ffc32a
--- /dev/null
+++ b/layout/reftests/css-disabled/input/input-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <input class="ref">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/input/reftest.list b/layout/reftests/css-disabled/input/reftest.list
new file mode 100644
index 0000000000..210e59e9b5
--- /dev/null
+++ b/layout/reftests/css-disabled/input/reftest.list
@@ -0,0 +1,9 @@
+== input-fieldset-1.html input-fieldset-ref.html
+fuzzy(0-1,0-7) == input-fieldset-2.html input-fieldset-ref.html
+fuzzy(0-1,0-7) == input-fieldset-3.html input-fieldset-ref.html
+fuzzy(0-1,0-7) == input-fieldset-4.html input-fieldset-ref.html
+== input-fieldset-legend-1.html input-fieldset-legend-ref-1.html
+== input-fieldset-legend-2.html input-fieldset-legend-ref-2.html
+== input-fieldset-legend-3.html input-fieldset-legend-ref-3.html
+== input-fieldset-legend-4.html input-fieldset-legend-ref-4.html
+== input-fieldset-legend-5.html input-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-disabled/input/style.css b/layout/reftests/css-disabled/input/style.css
new file mode 100644
index 0000000000..7e476eb822
--- /dev/null
+++ b/layout/reftests/css-disabled/input/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.disabled {
+  background-color: red;
+}
+
+:disabled.disabled {
+  background-color: green;
+}
+
+.enabled {
+  background-color: green;
+}
+
+:disabled.enabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-disabled/label/label-ref.html b/layout/reftests/css-disabled/label/label-ref.html
new file mode 100644
index 0000000000..0fb84bc0a8
--- /dev/null
+++ b/layout/reftests/css-disabled/label/label-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <label class="ref">foo</label>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/label/label.html b/layout/reftests/css-disabled/label/label.html
new file mode 100644
index 0000000000..4283f38ee4
--- /dev/null
+++ b/layout/reftests/css-disabled/label/label.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <label disabled>foo</label>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/label/reftest.list b/layout/reftests/css-disabled/label/reftest.list
new file mode 100644
index 0000000000..31f85dd948
--- /dev/null
+++ b/layout/reftests/css-disabled/label/reftest.list
@@ -0,0 +1 @@
+== label.html label-ref.html
diff --git a/layout/reftests/css-disabled/label/style.css b/layout/reftests/css-disabled/label/style.css
new file mode 100644
index 0000000000..5bf7b20ce3
--- /dev/null
+++ b/layout/reftests/css-disabled/label/style.css
@@ -0,0 +1,12 @@
+label {
+  background-color: green;
+}
+
+label:disabled {
+  background-color: red;
+}
+
+/* ref should always be green! */
+.ref:disabled {
+  background-color: green;
+}
diff --git a/layout/reftests/css-disabled/object/object-ref.html b/layout/reftests/css-disabled/object/object-ref.html
new file mode 100644
index 0000000000..10a4da84ab
--- /dev/null
+++ b/layout/reftests/css-disabled/object/object-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <object class="ref">foo</object>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/object/object.html b/layout/reftests/css-disabled/object/object.html
new file mode 100644
index 0000000000..74424ec0f3
--- /dev/null
+++ b/layout/reftests/css-disabled/object/object.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <object disabled>foo</object>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/object/reftest.list b/layout/reftests/css-disabled/object/reftest.list
new file mode 100644
index 0000000000..471500b977
--- /dev/null
+++ b/layout/reftests/css-disabled/object/reftest.list
@@ -0,0 +1 @@
+== object.html object-ref.html
diff --git a/layout/reftests/css-disabled/object/style.css b/layout/reftests/css-disabled/object/style.css
new file mode 100644
index 0000000000..089452c08e
--- /dev/null
+++ b/layout/reftests/css-disabled/object/style.css
@@ -0,0 +1,12 @@
+object {
+  background-color: green;
+}
+
+object:disabled {
+  background-color: red;
+}
+
+/* ref should always be green! */
+.ref:disabled {
+  background-color: green;
+}
diff --git a/layout/reftests/css-disabled/output/output-ref.html b/layout/reftests/css-disabled/output/output-ref.html
new file mode 100644
index 0000000000..cc4687f54e
--- /dev/null
+++ b/layout/reftests/css-disabled/output/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class="ref">foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/output/output.html b/layout/reftests/css-disabled/output/output.html
new file mode 100644
index 0000000000..a42173e979
--- /dev/null
+++ b/layout/reftests/css-disabled/output/output.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output disabled>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/output/reftest.list b/layout/reftests/css-disabled/output/reftest.list
new file mode 100644
index 0000000000..0f02f9cf9f
--- /dev/null
+++ b/layout/reftests/css-disabled/output/reftest.list
@@ -0,0 +1 @@
+== output.html output-ref.html
diff --git a/layout/reftests/css-disabled/output/style.css b/layout/reftests/css-disabled/output/style.css
new file mode 100644
index 0000000000..4e6012320f
--- /dev/null
+++ b/layout/reftests/css-disabled/output/style.css
@@ -0,0 +1,12 @@
+output {
+  background-color: green;
+}
+
+output:disabled {
+  background-color: red;
+}
+
+/* ref should always be green! */
+.ref:disabled {
+  background-color: green;
+}
diff --git a/layout/reftests/css-disabled/reftest.list b/layout/reftests/css-disabled/reftest.list
new file mode 100644
index 0000000000..de177a7a8d
--- /dev/null
+++ b/layout/reftests/css-disabled/reftest.list
@@ -0,0 +1,8 @@
+include fieldset/reftest.list
+include input/reftest.list
+include button/reftest.list
+include textarea/reftest.list
+include select/reftest.list
+include object/reftest.list
+include label/reftest.list
+include output/reftest.list
diff --git a/layout/reftests/css-disabled/select/reftest.list b/layout/reftests/css-disabled/select/reftest.list
new file mode 100644
index 0000000000..9a7f56df91
--- /dev/null
+++ b/layout/reftests/css-disabled/select/reftest.list
@@ -0,0 +1,9 @@
+fuzzy-if(Android,0-12,0-1) == select-fieldset-1.html select-fieldset-ref.html
+fuzzy-if(Android,0-12,0-1) fuzzy-if(!Android,0-2,0-17) == select-fieldset-2.html select-fieldset-ref-disabled.html
+fuzzy-if(!Android,0-2,0-17) == select-fieldset-3.html select-fieldset-ref-disabled.html
+fuzzy-if(Android,0-12,0-1) fuzzy-if(!Android,0-2,0-13) == select-fieldset-4.html select-fieldset-ref.html
+== select-fieldset-legend-1.html select-fieldset-legend-ref-1.html
+fuzzy-if(Android,0-12,0-1) fuzzy-if(!Android,0-2,0-6) == select-fieldset-legend-2.html select-fieldset-legend-ref-2.html
+fuzzy-if(Android,0-12,0-1) fuzzy-if(!Android,0-2,0-8) == select-fieldset-legend-3.html select-fieldset-legend-ref-3.html
+fuzzy-if(Android,0-12,0-1) fuzzy-if(!Android,0-2,0-12) == select-fieldset-legend-4.html select-fieldset-legend-ref-4.html
+fuzzy(0-2,0-5) == select-fieldset-legend-5.html select-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-disabled/select/select-fieldset-1.html b/layout/reftests/css-disabled/select/select-fieldset-1.html
new file mode 100644
index 0000000000..84874986fe
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <select class="enabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-2.html b/layout/reftests/css-disabled/select/select-fieldset-2.html
new file mode 100644
index 0000000000..4e34c7fefb
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <select class="disabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-3.html b/layout/reftests/css-disabled/select/select-fieldset-3.html
new file mode 100644
index 0000000000..c30347271a
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <select class="disabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-4.html b/layout/reftests/css-disabled/select/select-fieldset-4.html
new file mode 100644
index 0000000000..b168a2193c
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <select class="enabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-1.html b/layout/reftests/css-disabled/select/select-fieldset-legend-1.html
new file mode 100644
index 0000000000..944303b88a
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <select class="enabled"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-2.html b/layout/reftests/css-disabled/select/select-fieldset-legend-2.html
new file mode 100644
index 0000000000..7a3507be23
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <select class="disabled"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-3.html b/layout/reftests/css-disabled/select/select-fieldset-legend-3.html
new file mode 100644
index 0000000000..29a98a88ac
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <select class="disabled"></select>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-4.html b/layout/reftests/css-disabled/select/select-fieldset-legend-4.html
new file mode 100644
index 0000000000..4cbc3ca856
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <select class="enabled"></select>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-5.html b/layout/reftests/css-disabled/select/select-fieldset-legend-5.html
new file mode 100644
index 0000000000..0218b95481
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <select class="enabled"></select>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-ref-1.html b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..57c42ddc22
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <select class="ref"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-ref-2.html b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..d21ba476ee
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <select disabled class="ref"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-ref-3.html b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..d4b147fa1a
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <select disabled class="ref"></select>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-ref-4.html b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..55df97e20a
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <select class="ref"></select>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-legend-ref-5.html b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..1c3275c90b
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <select class="ref"></select>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-ref-disabled.html b/layout/reftests/css-disabled/select/select-fieldset-ref-disabled.html
new file mode 100644
index 0000000000..273223696b
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-ref-disabled.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <select disabled class="ref"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/select-fieldset-ref.html b/layout/reftests/css-disabled/select/select-fieldset-ref.html
new file mode 100644
index 0000000000..e85e16f6b1
--- /dev/null
+++ b/layout/reftests/css-disabled/select/select-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <select class="ref"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/select/style.css b/layout/reftests/css-disabled/select/style.css
new file mode 100644
index 0000000000..7e476eb822
--- /dev/null
+++ b/layout/reftests/css-disabled/select/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.disabled {
+  background-color: red;
+}
+
+:disabled.disabled {
+  background-color: green;
+}
+
+.enabled {
+  background-color: green;
+}
+
+:disabled.enabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-disabled/textarea/reftest.list b/layout/reftests/css-disabled/textarea/reftest.list
new file mode 100644
index 0000000000..70f8c663be
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/reftest.list
@@ -0,0 +1,9 @@
+fuzzy(0-1,0-10) == textarea-fieldset-1.html textarea-fieldset-ref.html
+== textarea-fieldset-2.html textarea-fieldset-ref.html
+== textarea-fieldset-3.html textarea-fieldset-ref.html
+== textarea-fieldset-4.html textarea-fieldset-ref.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-1.html textarea-fieldset-legend-ref-1.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-2.html textarea-fieldset-legend-ref-2.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-3.html textarea-fieldset-legend-ref-3.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-4.html textarea-fieldset-legend-ref-4.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-5.html textarea-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-disabled/textarea/style.css b/layout/reftests/css-disabled/textarea/style.css
new file mode 100644
index 0000000000..7e476eb822
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.disabled {
+  background-color: red;
+}
+
+:disabled.disabled {
+  background-color: green;
+}
+
+.enabled {
+  background-color: green;
+}
+
+:disabled.enabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-1.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-1.html
new file mode 100644
index 0000000000..6c040b67ea
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <textarea class="enabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-2.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-2.html
new file mode 100644
index 0000000000..6c22f2c175
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <textarea class="disabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-3.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-3.html
new file mode 100644
index 0000000000..82172c45f4
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <textarea class="disabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-4.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-4.html
new file mode 100644
index 0000000000..a4ba7a1006
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <textarea class="enabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-1.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-1.html
new file mode 100644
index 0000000000..5ab543a864
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <textarea class="enabled"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-2.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-2.html
new file mode 100644
index 0000000000..3385d534ba
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <textarea class="disabled"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-3.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-3.html
new file mode 100644
index 0000000000..d3c94ee5d7
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <textarea class="disabled"></textarea>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-4.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-4.html
new file mode 100644
index 0000000000..8d04971bd8
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <textarea class="enabled"></textarea>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-5.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-5.html
new file mode 100644
index 0000000000..856023ad9e
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <textarea class="enabled"></textarea>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-1.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..d3824560dd
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-2.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..f508a5d307
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-3.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..799c2b8763
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <textarea class="ref"></textarea>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-4.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..83ee46e601
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <textarea class="ref"></textarea>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-5.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..dd63a89a21
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <textarea class="ref"></textarea>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-disabled/textarea/textarea-fieldset-ref.html b/layout/reftests/css-disabled/textarea/textarea-fieldset-ref.html
new file mode 100644
index 0000000000..1cc1d344dc
--- /dev/null
+++ b/layout/reftests/css-disabled/textarea/textarea-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <textarea class="ref"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-495385-2d-ref.html b/layout/reftests/css-display/display-contents-495385-2d-ref.html
new file mode 100644
index 0000000000..c926c70375
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-495385-2d-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+</style>
+</head>
+<body>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+  <div><span>Hello</span> <span>Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-495385-2d.html b/layout/reftests/css-display/display-contents-495385-2d.html
new file mode 100644
index 0000000000..d88f9f0a37
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-495385-2d.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+<!-- Test that before/after generated content stops suppression correctly,
+     both statically and dynamically -->
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents; with ::after/::before</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style>
+body > div { border:1px solid black; margin:1em;
+             font-family:sans-serif; letter-spacing:2px; }
+#d1:before { content:"Hello"; }
+#d2:after { content:"Kitty"; }
+#d3.c:before { content:"Hello"; }
+#d4.c:after { content:"Kitty"; }
+#d5.c:before { content:"Hello"; }
+#d6.c:after { content:"Kitty"; }
+#d7.c:after { content:"Kitty"; }
+#d8.c:before { content:"Hello"; }
+#d5,#d6 { overflow:hidden; }
+#d1,#d2,#d3,#d4 { display:contents; }
+x { display:table; }
+y { display:table-outer; }
+</style>
+<script>
+function loaded() {
+  document.body.offsetHeight;
+  document.getElementById("d3").setAttribute("class", "c");
+  document.getElementById("d4").setAttribute("class", "c");
+  document.getElementById("d5").setAttribute("class", "c");
+  document.getElementById("d6").setAttribute("class", "c");
+  document.getElementById("d7").setAttribute("class", "c");
+  document.getElementById("d8").setAttribute("class", "c");
+}
+</script>
+</head>
+<body onload="loaded()">
+  <div><div id="d1"> <span>Kitty</span></div></div>
+  <div><div id="d2"><span>Hello</span> </div></div>
+  <div><div id="d3"> <span>Kitty</span></div></div>
+  <div><div id="d4"><span>Hello</span> </div></div>
+  <div><div id="d5"> <span>Kitty</span></div></div>
+  <div><div id="d6"><span>Hello</span> </div></div>
+  <div><x id="d7"><span>Hello</span> </div></x>
+  <div><x id="d8"> <span>Kitty</span> </div></x>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-acid-dyn-1.html b/layout/reftests/css-display/display-contents-acid-dyn-1.html
new file mode 100644
index 0000000000..b82cd0f4c1
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-acid-dyn-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+
+        html,body {
+            color:black; background-color:white; height:100%; font-size:16px; padding:0; margin:0;
+        }
+
+iframe { padding:0;margin:0;border-width:0;width:100%;height:90%; color:red; }
+
+    </style>
+<script>
+function runTest(iframe) {
+  var win = iframe.contentWindow;
+  var doc = iframe.contentDocument;
+  doc.body.offsetHeight
+  var e = doc.querySelectorAll('*');
+  var contents = new Array;
+  for (i=0; i < e.length; ++i) {
+    var elm = e[i];
+    if (win.getComputedStyle(elm).display == 'contents') {
+      contents.push(elm);
+      elm.style.display='none';
+    }
+  }
+  doc.body.offsetHeight;
+  for (i=0; i < contents.length; ++i) {
+    elm = contents[i];
+    elm.style.display='contents';
+  }
+  doc.body.offsetHeight;
+}
+</script>
+</head>
+<body>
+
+<iframe src="display-contents-acid.html" frameborder=0 onload="runTest(this)"></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-acid-dyn-2.html b/layout/reftests/css-display/display-contents-acid-dyn-2.html
new file mode 100644
index 0000000000..8a798af10b
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-acid-dyn-2.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+
+        html,body {
+            color:black; background-color:white; height:100%; font-size:16px; padding:0; margin:0;
+        }
+
+iframe { padding:0;margin:0;border-width:0;width:100%;height:90%; color:red; }
+
+    </style>
+<script>
+function runTest(iframe) {
+  var win = iframe.contentWindow;
+  var doc = iframe.contentDocument;
+  doc.body.offsetHeight
+  var e = doc.querySelectorAll('*');
+  var contents = new Array;
+  for (i=0; i < e.length; ++i) {
+    var elm = e[i];
+    if (win.getComputedStyle(elm).display == 'contents') {
+      contents.push(elm);
+      elm.style.display='inline';
+    }
+  }
+  doc.body.offsetHeight;
+  for (i=0; i < contents.length; ++i) {
+    elm = contents[i];
+    elm.style.display='contents';
+  }
+  doc.body.offsetHeight;
+}
+</script>
+</head>
+<body>
+
+<iframe src="display-contents-acid.html" frameborder=0 onload="runTest(this)"></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-acid-dyn-3.html b/layout/reftests/css-display/display-contents-acid-dyn-3.html
new file mode 100644
index 0000000000..8dbcf8a9de
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-acid-dyn-3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+
+        html,body {
+            color:black; background-color:white; height:100%; font-size:16px; padding:0; margin:0;
+        }
+
+iframe { padding:0;margin:0;border-width:0;width:100%;height:90%; color:red; }
+
+    </style>
+<script>
+function runTest(iframe) {
+  var win = iframe.contentWindow;
+  var doc = iframe.contentDocument;
+  doc.body.offsetHeight
+  var e = doc.querySelectorAll('*');
+  var contents = new Array;
+  for (i=0; i < e.length; ++i) {
+    var elm = e[i];
+    if (win.getComputedStyle(elm).display == 'contents') {
+      contents.push([ elm, elm.nextSibling, elm.parentNode ]);
+      elm.remove();
+    }
+  }
+  doc.body.offsetHeight;
+  var i = contents.length;
+  while(i--) {
+    var arr = contents[i];
+    arr[2].insertBefore(arr[0], arr[1]);
+  }
+  doc.body.offsetHeight;
+}
+</script>
+</head>
+<body>
+
+<iframe src="display-contents-acid.html" frameborder=0 onload="runTest(this)"></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-acid-ref.html b/layout/reftests/css-display/display-contents-acid-ref.html
new file mode 100644
index 0000000000..6cf995cc77
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-acid-ref.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+<style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+.table   { display:table; border-collapse:collapse; border: blue solid 1pt;}
+.itable  { display:inline-table; }
+.caption { display:table-caption; }
+.cell    { display:table-cell; border:inherit; }
+.row     { display:table-row; border: green dashed 1pt; }
+.rowg    { display:table-row-group; }
+.head    { display:table-header-group; }
+.foot    { display:table-footer-group; }
+.col     { display:table-column; }
+.colg    { display:table-column-group; }
+.flex    { display:flex; }
+.iflex   { display:inline-flex; }
+.li      { display:list-item; }
+.ib      { display:inline-block; }
+.inline  { display:inline; }
+.columns  { columns:2; height:4em; }
+
+
+
+.c1 { color:lime; }
+.c2 { color:pink; }
+.c3 { color:teal; }
+.c4 { color:green; }
+.c5 { color:silver; }
+.c6 { color:cyan; }
+.c7 { color:magenta; }
+.c8 { color:yellow; }
+.c9 { color:grey; }
+.c10{ color:black; }
+
+.b { background:blue; }
+    </style>
+</head>
+<body style="color:red">
+
+<div class="caption c2">1<span>1</span></div>
+<div class="row c2">2a<div class="cell">2<div class="inline c2">b<span class="b">b</span></div></div></div>
+<div class="cell c3">3</div>
+<div class="rowg c4">4</div>
+<div class="cell c5">5a</div>
+<div class="cell c5">5b</div>
+<div class="head c6">6</div>
+<div class="cell c7"><div class="inline c2">7<span class="b">a</span></div></div>
+<div class="cell c8">7b</div>
+<div class="foot c9">8</div>
+<div class="foot c9">9<div class="inline c2">a<span class="b">b</span>c</div></div>
+<div class="cell c10">10</div>
+
+<div class="table" style="float:right">
+<div class="caption c2">1<span>1</span></div>
+<div class="row c2">2a<div class="cell">2<div class="inline c2">b<span class="b">b</span></div></div></div>
+<div class="cell c3" style="border:none">3</div>
+<div class="rowg c4">4</div>
+<div class="cell c5" style="border:none">5a</div>
+<div class="cell c5">5b</div>
+<div class="head c6">6</div>
+<div class="cell c7" style="border:none"><div class="inline c2">7<span class="b">a</span></div></div>
+<div class="cell c8" style="border:none">7b</div>
+<div class="foot c9" style="border:none">8</div>
+<div class="foot c9">9<div class="inline c2">a<span class="b">b</span>c</div></div>
+<div class="cell c10" style="border:none">10</div>
+</div>
+
+<div class="flex c1">
+0&nbsp;
+<div class="inline c1">x&nbsp;</div>
+<div class="inline c1"><div class="inline c2">y</div></div>
+<div class="inline c1"><div class="inline c2"><div class="">1<span>1</span></div></div></div>
+<div class="inline c2"><div class="inline">2a<div class="">2<div class="inline c2">b<span class="b">b</span></div></div></div></div>
+<div class="c3">3</div>
+<div class="inline"><div class="inline c4">4</div></div>
+<div class=""><div class="inline c5">5a</div></div>
+<div class=" c5">5b</div>
+<div class="inline c6"><div class="">6</div></div>
+<div class="ib"><div class="inline c7"><div class="inline c2">7<span class="b">a</span></div></div></div>
+<div class="inline c9"><div class="">8</div></div>
+<div class="inline c9"><div class="inline">9<div class="inline c2">a</div></div></div>
+<span class="c2 b">b</span>
+<div class="inline c2">c</div>
+<div class="inline c10"><div class="">10</div></div>
+</div>
+
+<div class="flex c1">
+<div class="inline c2">0&nbsp;</div>
+<div class="inline c1">x&nbsp;</div>
+<div class="inline c1"><div class="inline c2">y</div></div>
+<div class="inline c1"><div class="inline c2"><div class="">1<span>1</span></div></div></div>
+<div class="c2"><div class="inline">2a<div>2<div class="inline c2">b<span class="b">b</span></div></div></div></div>
+<div class="c3">3</div>
+<div class="inline"><div class="inline c4">4</div></div>
+<div class=""><div class="inline c5">5a</div></div>
+<div class=" c5">5b</div>
+<div class="inline c6"><div class="">6</div></div>
+<div class="ib"><div class="inline c7"><div class="inline c2">7<span class="b">a</span></div></div></div>
+<div class="inline c9"><div class="">8</div></div>
+<div class="inline c9"><div class="inline">9<div class="inline c2">a</div></div></div>
+<span class="c2 b">b</span>
+<div class="inline c2">c</div>
+<div class="inline c10"><div class="">10</div></div>
+</div>
+
+
+<div class="iflex"><div class="contents c2">
+0
+</div></div>
+<div class="iflex"><div class="contents c2">
+0
+<div class="inline c1">1</div>
+2
+</div></div>
+<div class="iflex"><div class="contents c2">
+0<div class="inline c1">1</div>2
+</div></div>
+<div class="iflex c3">
+0<div class="inline c2"><div class="c1">1</div></div>2
+</div>
+<div class="iflex c3">
+<div class="inline c2">0</div><div class="inline c2"><div class="c1">1</div></div><div class="inline c2">2</div>
+</div>
+<div class="iflex c3">
+<div class="inline">0</div>
+<div class="inline"><div class="inline c1">1</div></div>
+<div class="inline">2</div>
+</div>
+
+<ul><li class="c1"><div class="inline c2">
+0
+<div class="inline c1">x</div>
+<div class="inline c1"><div class="inline c2">y</div></div>
+<div class="inline c1"><div class="inline c2"><div class="">1<span>1</span></div></div></div>
+<div class="inline c2"><div class="inline">2a<div class="">2<div class="inline c2">b<span class="b">b</span></div></div></div></div>
+<div class="inline c3"><div class="inline">3</div></div>
+<div class="inline"><div class="inline c4">4</div></div>
+<div class=""><div class="inline c5">5a</div></div>
+<div class=" c5">5b</div>
+<div class="inline c6"><div class="">6</div></div>
+<div class="ib"><div class="inline c7"><div class="inline c2">7<span class="b">a</span></div></div></div>
+<div class="inline c9"><div class="">8</div></div>
+<div class="inline c9"><div class="inline">9<div class="inline c2">a<span class="b">b</span>c</div></div></div>
+<div class="inline c10"><div class="">10</div></div>
+</div></li>
+</ul>
+
+<div class="columns">
+<div class="contents c1"><div class="contents c2"><div>1<span>1</span></div></div></div>
+<div class="contents c2"><div>2</div></div>
+<div class="contents c3"><div>3</div></div>
+</div>
+
+<div class="columns">
+<div class="contents c1"><div class="contents c2"><div>1<span>1</span></div></div></div>
+<div class="contents c2"><div>2</div></div>
+<div class="contents c3"><div>3</div></div>
+</div>
+
+<span class="c2 b"><span class="inline c1">Legend</span><span class="inline c1">Legend</span></span>
+<br clear="all">
+<span class="c3">x<div class="inline c1">float:left</div></span>
+<span class="c3">y<div class="inline c1">position:absolute</div></span>
+
+<span class="c1">Legendfieldset but<span>ton</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-acid.html b/layout/reftests/css-display/display-contents-acid.html
new file mode 100644
index 0000000000..974aae5b31
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-acid.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+.table   { display:table; border-collapse:collapse; border: blue solid 1pt;}
+.itable  { display:inline-table; }
+.caption { display:table-caption; }
+.cell    { display:table-cell; border:inherit; }
+.row     { display:table-row; border: green dashed 1pt; }
+.rowg    { display:table-row-group; }
+.head    { display:table-header-group; }
+.foot    { display:table-footer-group; }
+.col     { display:table-column; }
+.colg    { display:table-column-group; }
+.flex    { display:flex; }
+.iflex   { display:inline-flex; }
+.li      { display:list-item; }
+.ib      { display:inline-block; }
+.inline  { display:inline; }
+.columns  { columns:2; height:4em; }
+
+.contents { display:contents; align-items:inherit; justify-items:inherit; }
+
+.c1 { color:lime; }
+.c2 { background:blue; color:pink; }
+.c3 { color:teal; }
+.c4 { color:green; }
+.c5 { color:silver; }
+.c6 { color:cyan; }
+.c7 { color:magenta; }
+.c8 { color:yellow; }
+.c9 { color:grey; }
+.c10{ color:black; }
+
+.b { background:inherit; }
+    </style>
+</head>
+<body style="color:red">
+
+<div class="contents c1"><div class="contents c2"><div class="caption">1<span class="b">1</span></div></div></div>
+<div class="contents c2"><div class="row">2a<div class="cell">2<div class="contents c2">b<span class="b">b</span></div></div></div></div>
+<div class="contents c3"><div class="cell">3</div></div>
+<div class="contents c4"><div class="rowg">4</div></div>
+<div class="contents c5"><div class="cell">5a</div></div>
+<div class="cell c5">5b</div>
+<div class="contents c6"><div class="head">6</div></div>
+<div class="contents c7"><div class="cell"><div class="contents c2">7<span class="b">a</span></div></div></div>
+<div class="contents c8"><div class="cell">7b</div></div>
+<div class="contents c9"><div class="foot">8</div></div>
+<div class="contents c9"><div class="foot">9<div class="contents c2">a<span class="b">b</span>c</div></div></div>
+<div class="contents c10"><div class="cell">10</div></div>
+
+<div class="table" style="float:right">
+<div class="contents c1"><div class="contents c2"><div class="caption">1<span class="b">1</span></div></div></div>
+<div class="contents c2"><div class="row">2a<div class="cell">2<div class="contents c2">b<span class="b">b</span></div></div></div></div>
+<div class="contents c3"><div class="cell">3</div></div>
+<div class="contents c4"><div class="rowg">4</div></div>
+<div class="contents c5"><div class="cell">5a</div></div>
+<div class="cell c5">5b</div>
+<div class="contents c6"><div class="head">6</div></div>
+<div class="contents c7"><div class="cell"><div class="contents c2">7<span class="b">a</span></div></div></div>
+<div class="contents c8"><div class="cell">7b</div></div>
+<div class="contents c9"><div class="foot">8</div></div>
+<div class="contents c9"><div class="foot">9<div class="contents c2">a<span class="b">b</span>c</div></div></div>
+<div class="contents c10"><div class="cell">10</div></div>
+</div>
+
+<div class="flex c1">
+0
+<div class="contents c1">x</div>
+<div class="contents c1"><div class="contents c2">y</div></div>
+<div class="contents c1"><div class="contents c2"><div class="">1<span class="b">1</span></div></div></div>
+<div class="contents c2"><div class="inline">2a<div class="">2<div class="contents c2">b<span class="b">b</span></div></div></div></div>
+<div class="contents c3"><div class="inline">3</div></div>
+<div class="inline"><div class="contents c4">4</div></div>
+<div class=""><div class="contents c5">5a</div></div>
+<div class=" c5">5b</div>
+<div class="contents c6"><div class="">6</div></div>
+<div class="ib"><div class="contents c7"><div class="contents c2">7<span class="b">a</span></div></div></div>
+<div class="contents c9"><div class="">8</div></div>
+<div class="contents c9"><div class="contents">9<div class="contents c2">a<span class="b">b</span>c</div></div></div>
+<div class="contents c10"><div class="">10</div></div>
+</div>
+
+<div class="flex"><div class="contents c2">
+0
+<div class="contents c1">x</div>
+<div class="contents c1"><div class="contents c2">y</div></div>
+<div class="contents c1"><div class="contents c2"><div class="">1<span class="b">1</span></div></div></div>
+<div class="contents c2"><div class="inline">2a<div class="">2<div class="contents c2">b<span class="b">b</span></div></div></div></div>
+<div class="contents c3"><div class="inline">3</div></div>
+<div class=""><div class="contents c4">4</div></div>
+<div class=""><div class="contents c5">5a</div></div>
+<div class=" c5">5b</div>
+<div class="contents c6"><div class="">6</div></div>
+<div class="ib"><div class="contents c7"><div class="contents c2">7<span class="b">a</span></div></div></div>
+<div class="contents c9"><div class="">8</div></div>
+<div class="contents c9"><div class="contents">9<div class="contents c2">a<span class="b">b</span>c</div></div></div>
+<div class="contents c10"><div class="">10</div></div>
+</div></div>
+
+<div class="iflex"><div class="contents c2">
+0
+</div></div>
+<div class="iflex"><div class="contents c2">
+0
+<div class="contents c1">1</div>
+2
+</div></div>
+<div class="iflex"><div class="contents c2">
+0
+<div class="c1">1</div>
+2
+</div></div>
+<div class="iflex c3">
+0
+<div class="contents c2"><div class="c1">1</div></div>
+2
+</div>
+<div class="iflex c3">
+<div class="contents c2">0</div>
+<div class="contents c2"><div class="c1">1</div></div>
+<div class="contents c2">2</div>
+</div>
+<div class="iflex c3">
+<div class="inline">0</div>
+<div class="contents"><div class="inline c1">1</div></div>
+<div class="inline">2</div>
+</div>
+
+<ul><li class="c1"><div class="contents c2">
+0
+<div class="contents c1">x</div>
+<div class="contents c1"><div class="contents c2">y</div></div>
+<div class="contents c1"><div class="contents c2"><div class="">1<span class="b">1</span></div></div></div>
+<div class="contents c2"><div class="inline">2a<div class="">2<div class="contents c2">b<span class="b">b</span></div></div></div></div>
+<div class="contents c3"><div class="inline">3</div></div>
+<div class="inline"><div class="contents c4">4</div></div>
+<div class=""><div class="contents c5">5a</div></div>
+<div class=" c5">5b</div>
+<div class="contents c6"><div class="">6</div></div>
+<div class="ib"><div class="contents c7"><div class="contents c2">7<span class="b">a</span></div></div></div>
+<div class="contents c9"><div class="">8</div></div>
+<div class="contents c9"><div class="contents">9<div class="contents c2">a<span class="b">b</span>c</div></div></div>
+<div class="contents c10"><div class="">10</div></div>
+</div></li>
+</ul>
+
+<div class="columns">
+<div class="contents c1"><div class="contents c2"><div>1<span class="b">1</span></div></div></div>
+<div class="contents c2"><div>2</div></div>
+<div class="contents c3"><div>3</div></div>
+</div>
+
+<div class="columns">
+<div class="columns contents">
+<div class="contents c1"><div class="contents c2"><div>1<span class="b">1</span></div></div></div>
+<div class="contents c2"><div>2</div></div>
+<div class="contents c3"><div>3</div></div>
+</div>
+</div>
+
+<div class="contents c3"><!-- comment node --></div>
+<div class="contents c3"><?PI ?></div>
+
+<span class="c2"><legend class="contents c1">Legend</legend><legend class="contents c1">Legend</legend></span>
+<br clear="all">
+<span class="c3">x<div class="contents c1" style="float:left">float:left</div></span>
+<span class="c3">y<div class="contents c1" style="position:absolute">position:absolute</div></span>
+
+<fieldset class="contents c1"><legend class="contents">Legend</legend>fieldset</fieldset>
+<button class="contents c1" style="font: inherit;">but<span>ton</span></button>
+
+<!-- Stuff below should simply behave as having display: none -->
+
+<select class="contents c1"><option>select</select>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-dyn-insert-text-ref.html b/layout/reftests/css-display/display-contents-dyn-insert-text-ref.html
new file mode 100644
index 0000000000..a212e025eb
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-dyn-insert-text-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<meta charset="utf-8">
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<title>CSS Test reference - Bug 1338678</title>
+<div style="display: contents">
+  <div id="element">PASS</div>
+</div>
diff --git a/layout/reftests/css-display/display-contents-dyn-insert-text.html b/layout/reftests/css-display/display-contents-dyn-insert-text.html
new file mode 100644
index 0000000000..f3b0c0c951
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-dyn-insert-text.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<link rel="author" title="Markus Stange" href="mailto:mstange@themasta.com">
+<link rel="help" href="https://drafts.csswg.org/css-display/#box-generation">
+<title>Bug 1338678 - display:contents makes textContent disappear</title>
+<div style="display: contents">
+  <div id="element"></div>
+</div>
+<script>
+window.onload = function() {
+  document.body.offsetTop;
+  var element = document.getElementById('element');
+  element.textContent = "FAIL";
+  element.textContent = "PASS";
+}
+</script>
diff --git a/layout/reftests/css-display/display-contents-generated-content-2.html b/layout/reftests/css-display/display-contents-generated-content-2.html
new file mode 100644
index 0000000000..842c61e988
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-generated-content-2.html
@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents; generated content</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+body,html { color:black; background-color:white; }
+div { display:inline; }
+
+.test {
+  display: contents;
+  content: "content";
+  color: lime;
+}
+.contents {
+  display: contents;
+  color: green;
+}
+.s1 {display: none;}
+.s2 {display: none;}
+.s3 {display: contents;}
+.s5 {display: contents;}
+.s7 {display: none;}
+.s8 {display: none;}
+.s9 {display: contents;}
+.s11 {display: contents;}
+.before::before {
+  display: contents;
+  content:"before";
+}
+.after::after {
+  display: contents;
+  content:"after";
+}
+</style>
+<script>
+
+function setup() {
+  document.body.offsetHeight;
+  document.querySelector('.t1').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t2').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t3').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t4').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t5').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t6').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t7').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t8').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t9').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t10').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t11').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t12').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t13').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s1').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s2').style.display = 'inline';
+  document.body.offsetHeight;
+  document.querySelector('.s3').style.display = 'normal';
+  document.body.offsetHeight;
+  document.querySelector('.s4').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s5').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.s6').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.s7').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s8').style.display = 'inline';
+  document.body.offsetHeight;
+  document.querySelector('.s9').style.display = 'normal';
+  document.body.offsetHeight;
+  document.querySelector('.s10').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s11').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.s12').style.display = 'none';
+  document.body.offsetHeight;
+}
+
+function runTest() {
+  var doc = document;
+  var win = window;
+  setup();
+  var e = doc.querySelectorAll('*');
+  for (i=0; i < e.length; ++i) {
+    var elm = e[i];
+    if (win.getComputedStyle(elm).display == 'contents') {
+      var c = elm.childNodes[0];
+      if (c) {
+        var next = c.nextSibling;
+        elm.removeChild(c);
+        elm.insertBefore(c,next);
+      }
+      var c = elm.childNodes[1];
+      if (c) {
+        var next = c.nextSibling;
+        elm.removeChild(c);
+        elm.insertBefore(c,next);
+      }
+      var c = elm.childNodes.length ? elm.childNodes[elm.childNodes.length-1] : null;
+      if (c) {
+        elm.removeChild(c);
+        elm.appendChild(c);
+      }
+    }
+  }
+
+  document.documentElement.className = '';
+}
+
+</script>
+</head>
+<body onload="runTest()">
+
+<div class="test"><span>A a</span></div>
+<div class="test"><span class="t1">t1</span></div>
+<div class="test"><span class="t2">t2</span></div>
+<div class="contents before">1<span>B b</span>2</div>
+<div class="contents after">1<span>C c</span>2</div>
+<div class="contents before after">1<span>D d</span>2</div>
+<div class="contents before">1<span class="t5">B b</span>2</div>
+<div class="contents after">1<span class="t6">C c</span>2</div>
+<div class="contents before after">1<span class="t7">D d</span>2</div>
+
+<div class="contents">
+  <div class="test"><span>span</span></div>
+  <div class="test"><span class="t3">t3</span></div>
+  <div class="test"><span class="t4">t4</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+  <div class="contents before">1<span class="t8">span</span>2</div>
+  <div class="contents after">1<span class="t9">span</span>2</div>
+  <div class="contents before after">1<span class="t10">span</span>2</div>
+  <div class="contents before">1<span class="t11">span</span>2</div>
+  <div class="contents after">1<span class="t12">span</span>2</div>
+  <div class="contents before after">1<span class="t13">span</span>2</div>
+</div>
+
+<div class="contents"><span class="s1">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s2">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s3">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s4">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s5">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s6">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before"><span class="s7">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents after"><span class="s8">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s9">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before after"><span class="s10">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before"><span class="s11">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents after"><span class="s12">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-generated-content-ref.html b/layout/reftests/css-display/display-contents-generated-content-ref.html
new file mode 100644
index 0000000000..29ee8b20d8
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-generated-content-ref.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents; generated content</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+body,html { color:black; background-color:white; }
+
+.test {
+  display: inline;
+  content: "content";
+  color: lime;
+}
+.contents {
+  display: inline;
+  color: green;
+}
+.before::before {
+  display: inline;
+  content:"before";
+}
+.after::after {
+  display: inline;
+  content:"after";
+}
+</style>
+</head>
+<body>
+
+<div class="test"><span>A a</span></div>
+<div class="test"><span class="contents">t1</span></div>
+<div class="test"></div>
+<div class="contents before">1<span>B b</span>2</div>
+<div class="contents after">1<span>C c</span>2</div>
+<div class="contents before after">1<span>D d</span>2</div>
+<div class="contents before">1<span class="t5">B b</span>2</div>
+<div class="contents after">12</div>
+<div class="contents before after">1<span class="t7">D d</span>2</div>
+
+<div class="contents">
+  <div class="test"><span>span</span></div>
+  <div class="test"><span class="contents">t3</span></div>
+  <div class="test"></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+  <div class="contents before">12</div>
+  <div class="contents after">1<span class="t9">span</span>2</div>
+  <div class="contents before after">12</div>
+  <div class="contents before">1<span class="t11">span</span>2</div>
+  <div class="contents after">12</div>
+  <div class="contents before after">1<span class="t13">span</span>2</div>
+</div>
+
+<div class="contents"><span class="s1">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s2">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s3">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s4">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"></div>
+
+<div class="contents"></div>
+
+<div class="contents before"><span class="s7">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents after"><span class="s8">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s9">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before after"><span class="s10">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before"></div>
+
+<div class="contents after"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-generated-content.html b/layout/reftests/css-display/display-contents-generated-content.html
new file mode 100644
index 0000000000..16c9a998a3
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-generated-content.html
@@ -0,0 +1,211 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents; generated content</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+body,html { color:black; background-color:white; }
+div { display:inline; }
+
+.test {
+  display: contents;
+  content: "content";
+  color: lime;
+}
+.contents {
+  display: contents;
+  color: green;
+}
+.s1 {display: none;}
+.s2 {display: none;}
+.s3 {display: contents;}
+.s5 {display: contents;}
+.s7 {display: none;}
+.s8 {display: none;}
+.s9 {display: contents;}
+.s11 {display: contents;}
+.before::before {
+  display: contents;
+  content:"before";
+}
+.after::after {
+  display: contents;
+  content:"after";
+}
+</style>
+<script>
+
+function runTest() {
+  document.body.offsetHeight;
+  document.querySelector('.t1').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t2').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t3').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t4').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t5').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t6').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t7').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t8').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t9').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t10').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t11').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.t12').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.t13').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s1').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s2').style.display = 'inline';
+  document.body.offsetHeight;
+  document.querySelector('.s3').style.display = 'normal';
+  document.body.offsetHeight;
+  document.querySelector('.s4').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s5').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.s6').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.s7').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s8').style.display = 'inline';
+  document.body.offsetHeight;
+  document.querySelector('.s9').style.display = 'normal';
+  document.body.offsetHeight;
+  document.querySelector('.s10').className = 'contents';
+  document.body.offsetHeight;
+  document.querySelector('.s11').style.display = 'none';
+  document.body.offsetHeight;
+  document.querySelector('.s12').style.display = 'none';
+  document.body.offsetHeight;
+
+  document.documentElement.className = '';
+}
+
+</script>
+</head>
+<body onload="runTest()">
+
+<div class="test"><span>A a</span></div>
+<div class="test"><span class="t1">t1</span></div>
+<div class="test"><span class="t2">t2</span></div>
+<div class="contents before">1<span>B b</span>2</div>
+<div class="contents after">1<span>C c</span>2</div>
+<div class="contents before after">1<span>D d</span>2</div>
+<div class="contents before">1<span class="t5">B b</span>2</div>
+<div class="contents after">1<span class="t6">C c</span>2</div>
+<div class="contents before after">1<span class="t7">D d</span>2</div>
+
+<div class="contents">
+  <div class="test"><span>span</span></div>
+  <div class="test"><span class="t3">t3</span></div>
+  <div class="test"><span class="t4">t4</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+  <div class="contents before">1<span class="t8">span</span>2</div>
+  <div class="contents after">1<span class="t9">span</span>2</div>
+  <div class="contents before after">1<span class="t10">span</span>2</div>
+  <div class="contents before">1<span class="t11">span</span>2</div>
+  <div class="contents after">1<span class="t12">span</span>2</div>
+  <div class="contents before after">1<span class="t13">span</span>2</div>
+</div>
+
+<div class="contents"><span class="s1">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s2">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s3">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s4">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s5">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s6">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before"><span class="s7">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents after"><span class="s8">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents"><span class="s9">
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before after"><span class="s10">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents before"><span class="s11">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+<div class="contents after"><span class="s12">
+  <div class="test"><span>span</span></div>
+  <div class="contents before">1<span>span</span>2</div>
+  <div class="contents after">1<span>span</span>2</div>
+  <div class="contents before after">1<span>span</span>2</div>
+</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-list-item-child-ref.html b/layout/reftests/css-display/display-contents-list-item-child-ref.html
new file mode 100644
index 0000000000..25a9d3fe53
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-list-item-child-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html style="margin:2em;">
+<head>
+<meta charset="UTF-8">
+</head>
+<body style="margin:0;padding:0"><li style="color:lime;">LI</body></html>
diff --git a/layout/reftests/css-display/display-contents-list-item-child.html b/layout/reftests/css-display/display-contents-list-item-child.html
new file mode 100644
index 0000000000..8a4916e5a4
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-list-item-child.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html style="margin:2em;color:red">
+<head>
+<meta charset="UTF-8">
+<script>
+
+function boom()
+{
+    document.documentElement.offsetHeight;
+    document.body.style.position = "fixed";
+    document.documentElement.offsetHeight;
+    document.documentElement.style.MozBoxSizing = "border-box";
+    document.documentElement.offsetHeight;
+}
+
+</script>
+</head>
+<body style="display: contents;" onload="boom();"><li style="color:lime">LI</body></html>
diff --git a/layout/reftests/css-display/display-contents-state-change-ref.html b/layout/reftests/css-display/display-contents-state-change-ref.html
new file mode 100644
index 0000000000..244572a685
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-state-change-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS test reference</title>
+<link rel="author" name="Emilio Cobos Álvarez" href="mailto:ecobos@igalia.com">
+<style>
+div {
+  color: green;
+}
+</style>
+<div>
+  This text should be green, there should be no red border at any time.
+</div>
diff --git a/layout/reftests/css-display/display-contents-state-change.html b/layout/reftests/css-display/display-contents-state-change.html
new file mode 100644
index 0000000000..4af9a8b000
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-state-change.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS display: State changes are handled correctly for display: contents children</title>
+<link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
+<link rel="author" name="Emilio Cobos Álvarez" href="mailto:ecobos@igalia.com">
+<link rel="match" href="display-contents-state-change-ref.html">
+<style>
+:focus-within .contents {
+  color: green;
+}
+.contents {
+  display: contents;
+  border: 10px solid red;
+  color: red;
+}
+input {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+}
+</style>
+<div>
+  <input type="text">
+  <div class="contents">This text should be green, there should be no red border at any time.</div>
+</div>
+<script>
+onload = function() {
+  document.querySelector('input').focus();
+}
+</script>
diff --git a/layout/reftests/css-display/display-contents-style-inheritance-1-dom-mutations.html b/layout/reftests/css-display/display-contents-style-inheritance-1-dom-mutations.html
new file mode 100644
index 0000000000..c46bef2955
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-style-inheritance-1-dom-mutations.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-wait">
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: CSS display:contents; style inheritance, DOM mutations</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+body,span { color:black; background-color:white; }
+.test { display:contents; }
+.green { color:green; }
+.border { border-left:1px solid green; }
+b { border:inherit; font-weight:normal; }
+</style>
+<script>
+function $(id) { return document.getElementById(id); }
+function text(s) { return document.createTextNode(s); }
+function b(s) { var e = document.createElement('b'); e.appendChild(document.createTextNode(s)); return e; }
+function div(s) { var e = document.createElement('div'); e.setAttribute('class','test'); e.appendChild(document.createTextNode(s)); return e; }
+function runTest() {
+  document.body.offsetHeight;
+
+  var e = $('t1');
+  var c = e.firstChild;
+  e.insertBefore(text('g'), c);
+  e.insertBefore(text('r'), c);
+  e.appendChild(text('n'));
+
+  var e = $('t1b');
+  var c = e.firstChild;
+  e.insertBefore(text('g'), c);
+  e.insertBefore(text('r'), c);
+  e.appendChild(text('n'));
+
+  var e = $('t2');
+  var c = e.firstChild;
+  e.insertBefore(text('gr'), c);
+  e.appendChild(text('n'));
+
+  var e = $('t2b');
+  var c = e.firstChild;
+  e.insertBefore(text('gr'), c);
+  e.appendChild(text('n'));
+
+  var e = $('t3');
+  var c = e.firstChild;
+  e.insertBefore(text('n'), c);
+  e.insertBefore(text('o'), c);
+  e.appendChild(text('er'));
+
+  var e = $('t4');
+  var c = e.firstChild;
+  e.insertBefore(text('n'), c);
+  e.insertBefore(text('o'), c);
+  e.appendChild(text('er'));
+
+  var e = $('t5');
+  var c = e.firstChild;
+  e.insertBefore(b('1px green left '), c);
+  e.appendChild(text('er'));
+
+  var e = $('t6');
+  e.appendChild(b('2px green left border'));
+
+  var e = $('t7');
+  e.appendChild(div('green'));
+
+  var e = $('t8');
+  e.appendChild(div('green'));
+
+  var e = $('t9');
+  var c = b("1px green left border");
+  var d = div('');
+  d.appendChild(c);
+  e.appendChild(d);
+
+  var e = $('t10');
+  var c = b("1px green left border");
+  var d = div('');
+  d.setAttribute('style','border:inherit');
+  d.appendChild(c);
+  e.appendChild(d);
+
+  var e = $('t11');
+  var c = b("2px green left border");
+  var d = div('');
+  d.setAttribute('style','border:inherit');
+  d.appendChild(c);
+  e.appendChild(d);
+
+  document.documentElement.className = '';
+}
+</script>
+</head>
+<body onload="runTest()">
+
+<span class="green"><div class="test" id="t1">ee</div></span>
+<span class="green"><div class="test" id="t1b">ee</div>x</span>
+<span><div class="test green" id="t2">ee</div></span>
+<span><div class="test green" id="t2b">ee</div>x</span>
+<br>
+<span><div class="test border" id="t3"> bord</div></span>
+<span><div class="test border" id="t4"><span> bord</span></div></span>
+<span class="border"><div class="test" id="t5">bord</div></span>
+<span class="border"><div class="test" style="border:inherit" id="t6"></div></span>
+<br>
+
+<span class="green"><div class="test" id="t7"></div></span>
+<span><div class="test green" id="t8"></div></span>
+<br>
+<span class="border"><div class="test" id="t9"></div></span>
+<span class="border"><div class="test" id="t10"></div></span>
+<span class="border"><div class="test" style="border:inherit" id="t11"></div></span>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-style-inheritance-1-ref.html b/layout/reftests/css-display/display-contents-style-inheritance-1-ref.html
new file mode 100644
index 0000000000..37649f545a
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-style-inheritance-1-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: CSS display:contents; style inheritance</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+<style type="text/css">
+body,span { color:black; background-color:white; }
+.test { display:inline; }
+.green { color:green; }
+.border { border-left:1px solid green; }
+b { font-weight:normal; }
+</style>
+</head>
+<body>
+<span class="green"><div class="test">green</div></span>
+<span class="green"><div class="test">green</div>x</span>
+<span><div class="test green">green</div></span>
+<span><div class="test green">green</div>x</span>
+<br>
+<span><div class="test">no border</div></span>
+<span><div class="test">no border</div></span>
+<span class="border"><div class="test"><b>1px green left border</b></div></span>
+<span class="border"><div class="test" style="border:inherit"><b>2px green left border</b></div></span>
+<br>
+
+<span class="green"><div class="test"><div class="test">green</div></div></span>
+<span><div class="test green"><div class="test">green</div></div></span>
+<br>
+<span class="border"><div class="test"><div class="test"><b>1px green left border</b></div></div></span>
+<span class="border"><div class="test"><div class="test" style="border:inherit"><b>1px green left border</b></div></div></span>
+<span class="border"><div class="test" style="border:inherit"><div class="test"><b>2px green left border</b></div></div></span>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-style-inheritance-1-stylechange.html b/layout/reftests/css-display/display-contents-style-inheritance-1-stylechange.html
new file mode 100644
index 0000000000..0f68aa5b09
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-style-inheritance-1-stylechange.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-wait">
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: CSS display:contents; style inheritance, style changes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+body,span { color:black; background-color:white; }
+.test { display:contents; border:10px solid black; }
+.test2 { display:contents; border-style:none; }
+.test3:not(:lang(foo)) { display:contents; color:cyan; }
+#t18:lang(foo) { display:contents; color:red; }
+.green { color:green; }
+.border { border-left:1px solid green; }
+b { border:inherit; font-weight:normal; }
+</style>
+<script>
+function runTest() {
+  var elms = document.querySelectorAll('.test')
+  for (i=0; i < elms.length; ++i) {
+    elms[i].classList.remove('test');
+    elms[i].classList.add('test2');
+  }
+  // FIXME(emilio): This basically does a full subtree restyle, and could hide
+  // bugs in the previous parts of the test.
+  document.body.lang = 'foo';
+  document.body.offsetWidth;
+
+  document.documentElement.className = '';
+}
+</script>
+</head>
+<body onload="setTimeout(runTest,0)">
+<span class="green"><div class="test">green</div></span>
+<span class="green"><div class="test">green</div>x</span>
+<span><div class="test green">green</div></span>
+<span><div class="test green">green</div>x</span>
+<br>
+<span><div class="test border">no border</div></span>
+<span><div class="test border"><span>no border</span></div></span>
+<span class="border"><div class="test"><b>1px green left border</b></div></span>
+<span class="border"><div class="test" style="border:inherit"><b>2px green left border</b></div></span>
+<br>
+
+<span class="green"><div class="test"><div class="test">green</div></div></span>
+<span><div class="test green"><div class="test">green</div></div></span>
+<br>
+<span class="border"><div class="test"><div class="test"><b>1px green left border</b></div></div></span>
+<span class="border"><div class="test"><div class="test" style="border:inherit"><b>1px green left border</b></div></div></span>
+<span class="border"><div class="test" style="border:inherit"><div class="test" style="border:inherit"><b>2px green left border</b></div></div></span>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-style-inheritance-1.html b/layout/reftests/css-display/display-contents-style-inheritance-1.html
new file mode 100644
index 0000000000..3dab318b95
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-style-inheritance-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: CSS display:contents; style inheritance</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+<style type="text/css">
+body,span { color:black; background-color:white; }
+.test { display:contents; }
+.green { color:green; }
+.border { border-left:1px solid green; }
+b { border:inherit; font-weight:normal; }
+</style>
+</head>
+<body>
+<span class="green"><div class="test">green</div></span>
+<span class="green"><div class="test">green</div>x</span>
+<span><div class="test green">green</div></span>
+<span><div class="test green">green</div>x</span>
+<br>
+<span><div class="test border">no border</div></span>
+<span><div class="test border"><span>no border</span></div></span>
+<span class="border"><div class="test"><b>1px green left border</b></div></span>
+<span class="border"><div class="test" style="border:inherit"><b>2px green left border</b></div></span>
+<br>
+
+<span class="green"><div class="test"><div class="test">green</div></div></span>
+<span><div class="test green"><div class="test">green</div></div></span>
+<br>
+<span class="border"><div class="test"><div class="test"><b>1px green left border</b></div></div></span>
+<span class="border"><div class="test"><div class="test" style="border:inherit"><b>1px green left border</b></div></div></span>
+<span class="border"><div class="test" style="border:inherit"><div class="test" style="border:inherit"><b>2px green left border</b></div></div></span>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-suppression-dynamic-ref.html b/layout/reftests/css-display/display-contents-suppression-dynamic-ref.html
new file mode 100644
index 0000000000..3e8063e385
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-suppression-dynamic-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<body>
+<script>
+  const SVG_NS = "http://www.w3.org/2000/svg";
+  let g = document.createElementNS(SVG_NS, "g");
+  g.style.display = "contents";
+  document.body.appendChild(g);
+  let div = document.createElement('div');
+  div.style.width = div.style.height = "100px";
+  div.style.backgroundColor = "green";
+  g.appendChild(div);
+</script>
+</body>
diff --git a/layout/reftests/css-display/display-contents-suppression-dynamic.html b/layout/reftests/css-display/display-contents-suppression-dynamic.html
new file mode 100644
index 0000000000..341b5804af
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-suppression-dynamic.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<body>
+<script>
+  const SVG_NS = "http://www.w3.org/2000/svg";
+  let g = document.createElementNS(SVG_NS, "g");
+  g.style.display = "contents";
+  document.body.appendChild(g);
+  // The only difference between this test and the ref is this flush, this
+  // tests we're consistent.
+  g.offsetTop;
+  let div = document.createElement('div');
+  div.style.width = div.style.height = "100px";
+  div.style.backgroundColor = "green";
+  g.appendChild(div);
+</script>
+</body>
diff --git a/layout/reftests/css-display/display-contents-tables-2.xhtml b/layout/reftests/css-display/display-contents-tables-2.xhtml
new file mode 100644
index 0000000000..d301f59005
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-tables-2.xhtml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
+<head>
+  <title>CSS Test: CSS display:contents; tables</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396"/>
+  <link rel="help" href="http://dev.w3.org/csswg/css-display"/>
+<style type="text/css">
+html { color:red; background-color:white; }
+body { color:white; background-color:pink; width:0; }
+.test { display:contents; color:white; background-color:lime; }
+td { background-color:inherit; }
+</style>
+</head>
+<body><div class="test"><td>green</td></div><td>pink</td></body></html>
diff --git a/layout/reftests/css-display/display-contents-tables-3-ref.xhtml b/layout/reftests/css-display/display-contents-tables-3-ref.xhtml
new file mode 100644
index 0000000000..15fae7e197
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-tables-3-ref.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
+<head>
+  <title>CSS Test: CSS display:contents; tables</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396"/>
+<style type="text/css">
+body { color:red; background-color:white; }
+.test { float:left; color:white; background-color:lime; }
+td { background-color:inherit; }
+</style>
+</head>
+<body><div class="test"><td>green</td></div></body></html>
diff --git a/layout/reftests/css-display/display-contents-tables-3.xhtml b/layout/reftests/css-display/display-contents-tables-3.xhtml
new file mode 100644
index 0000000000..f864908056
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-tables-3.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
+<head>
+  <title>CSS Test: CSS display:contents; tables</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396"/>
+  <link rel="help" href="http://dev.w3.org/csswg/css-display"/>
+<style type="text/css">
+body { color:red; background-color:white; }
+.test { display:contents; color:white; background-color:lime; }
+td { background-color:inherit; }
+</style>
+</head>
+<body><div class="test"><td>green</td></div></body></html>
diff --git a/layout/reftests/css-display/display-contents-tables-ref.xhtml b/layout/reftests/css-display/display-contents-tables-ref.xhtml
new file mode 100644
index 0000000000..223b33fea1
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-tables-ref.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
+<head>
+  <title>CSS Test: CSS display:contents; tables</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396"/>
+<style type="text/css">
+body { color:red; background-color:white; }
+td { color:white; background-color:lime; }
+.pink { background-color:pink; }
+</style>
+</head>
+<body><td>green</td><td class="pink">pink</td></body></html>
diff --git a/layout/reftests/css-display/display-contents-tables.xhtml b/layout/reftests/css-display/display-contents-tables.xhtml
new file mode 100644
index 0000000000..ce2aa774ed
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-tables.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
+<head>
+  <title>CSS Test: CSS display:contents; tables</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396"/>
+  <link rel="help" href="http://dev.w3.org/csswg/css-display"/>
+<style type="text/css">
+body { color:red; background-color:white; }
+.test { display:contents; color:white; background-color:lime; }
+td { background-color:inherit; }
+</style>
+</head>
+<body><div class="test"><td>green</td></div><div class="test" style="background-color:pink"><td>pink</td></div></body></html>
diff --git a/layout/reftests/css-display/display-contents-visibility-hidden-2.html b/layout/reftests/css-display/display-contents-visibility-hidden-2.html
new file mode 100644
index 0000000000..6ba1afdd2b
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-visibility-hidden-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents; visibility:hidden</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+</head>
+<body style="color: red">
+  <div id="x" style="display:contents; visibility: hidden; color: green">
+    Line 1
+  </div><script type="text/javascript">
+    document.body.offsetWidth;
+    document.getElementById("x").style.visibility = "visible";
+    document.body.offsetWidth;
+
+    document.documentElement.className = '';
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-visibility-hidden-ref.html b/layout/reftests/css-display/display-contents-visibility-hidden-ref.html
new file mode 100644
index 0000000000..0c8e1b786e
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-visibility-hidden-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents; visibility:hidden</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+</head>
+<body>
+  <div id="x" style="color:green">
+    Line 1
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-visibility-hidden.html b/layout/reftests/css-display/display-contents-visibility-hidden.html
new file mode 100644
index 0000000000..57d6fe3c1d
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-visibility-hidden.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Test: CSS display:contents; visibility:hidden</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+</head>
+<body>
+  <div id="x" style="display:contents; visibility: hidden">
+    Line 1
+  </div><script type="text/javascript">
+    document.body.offsetWidth;
+    document.getElementById("x").style.visibility = "visible";
+    document.body.style.color = "green";
+    document.body.offsetWidth;
+
+    document.documentElement.className = '';
+  </script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-writing-mode-1-ref.html b/layout/reftests/css-display/display-contents-writing-mode-1-ref.html
new file mode 100644
index 0000000000..00ede6bd09
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-writing-mode-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head><meta charset="UTF-8">
+  <title>Reference: display:contents with orthogonal writing-mode</title>
+  <style type="text/css">
+
+div { display:inline-block; }
+
+span {
+  width: 0;
+  border: 1px solid;
+}
+
+  </style>
+</head>
+<body>
+<div style="display:inline-block"><span>a b c</span></div>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-writing-mode-1.html b/layout/reftests/css-display/display-contents-writing-mode-1.html
new file mode 100644
index 0000000000..781acfa99e
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-writing-mode-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head><meta charset="UTF-8">
+  <title>CSS Test: display:contents with orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1258147">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+  <link rel="match" href="display-contents-writing-mode-1-ref.html">
+  <style type="text/css">
+
+body {
+  writing-mode: horizontal-tb;
+}
+
+div {
+  display: contents;
+  writing-mode: vertical-lr;
+}
+
+span {
+  width: 0;
+  border: 1px solid;
+}
+
+  </style>
+</head>
+<body>
+<div><span style="writing-mode:horizontal-tb">a b c</span></div>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-writing-mode-2-ref.html b/layout/reftests/css-display/display-contents-writing-mode-2-ref.html
new file mode 100644
index 0000000000..f0f0690ed3
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-writing-mode-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head><meta charset="UTF-8">
+  <title>Reference: display:contents with orthogonal writing-mode</title>
+  <style type="text/css">
+
+span {
+  display: inline-block;
+  writing-mode: vertical-lr;
+  width: 0;
+  border: 1px solid;
+}
+
+  </style>
+</head>
+<body>
+<span>a b c</span>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-contents-writing-mode-2.html b/layout/reftests/css-display/display-contents-writing-mode-2.html
new file mode 100644
index 0000000000..03bde8b769
--- /dev/null
+++ b/layout/reftests/css-display/display-contents-writing-mode-2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head><meta charset="UTF-8">
+  <title>CSS Test: display:contents with orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1258147">
+  <link rel="help" href="http://dev.w3.org/csswg/css-display">
+  <link rel="match" href="display-contents-writing-mode-2-ref.html">
+  <style type="text/css">
+
+body {
+  writing-mode: horizontal-tb;
+}
+
+div {
+  display: contents;
+  writing-mode: vertical-lr;
+}
+
+span {
+  width: 0;
+  border: 1px solid;
+}
+
+  </style>
+</head>
+<body>
+<div><span>a b c</span></div>
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-flow-root-001-ref.html b/layout/reftests/css-display/display-flow-root-001-ref.html
new file mode 100644
index 0000000000..fcb5ac277e
--- /dev/null
+++ b/layout/reftests/css-display/display-flow-root-001-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: display:flow-root</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1322191">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.float {
+  float: left;
+  width: 20px;
+  height: 40px;
+  background: pink;
+}
+
+.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
+
+  </style>
+</head>
+<body>
+
+<div style="border:1px solid">
+  <div style="margin: 40px 0">
+    <div>x</div>
+  </div>
+</div>
+
+<div style="border:1px solid">
+  <div class="float"></div>
+  <div class="clearfix"></div>
+</div>
+
+<div style="border:1px solid">
+  <div class="float"></div>
+  <div style="display:block; border:1px solid; margin-left:20px">x</div>
+</div>
+
+<span>
+  <span style="display:block; background:grey; margin:20px 0 0 21px"><div style="padding:20px">x</div></span>
+</span>
+
+<div style="border:3px solid; height:10px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/display-flow-root-001.html b/layout/reftests/css-display/display-flow-root-001.html
new file mode 100644
index 0000000000..3d1dcb020d
--- /dev/null
+++ b/layout/reftests/css-display/display-flow-root-001.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Display Test: display:flow-root</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1322191">
+  <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-flow-root">
+  <link rel="match" href="display-flow-root-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.float {
+  float: left;
+  width: 20px;
+  height: 40px;
+  background: pink;
+}
+
+  </style>
+</head>
+<body>
+
+<div style="border:1px solid">
+  <!-- this tests that the flow-root margins don't collapse with its children. -->
+  <span style="display:flow-root; margin: 20px 0">
+    <div style="margin: 20px 0">x</div>
+  </span>
+</div>
+
+<div style="border:1px solid">
+  <!-- this tests that the flow-root grows to fit child floats -->
+  <span style="display:flow-root"><div class="float"></div></span>
+</div>
+
+<div style="border:1px solid; margin-bottom:20px">
+  <!-- this tests that a float does not intrude into flow-root box -->
+  <div class="float"></div>
+  <span style="display:flow-root; border:1px solid">x</span>
+</div>
+
+<span>
+  <!-- this tests that a flow-root box is constructed also in the "ibsplit" case -->
+  <span style="display:flow-root; background:grey;"><div style="margin:20px">x</div></span>
+</span>
+
+<span style="display:flow-root; border:3px solid; height:10px;">
+  <!-- this tests that a flow-root fills the available width, and that 'height' applies -->
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/css-display/reftest.list b/layout/reftests/css-display/reftest.list
new file mode 100644
index 0000000000..47c1551f20
--- /dev/null
+++ b/layout/reftests/css-display/reftest.list
@@ -0,0 +1,25 @@
+# Tests for CSS Display spec features.
+# http://dev.w3.org/csswg/css-display
+
+fuzzy-if(Android,0-8,0-604) == display-contents-acid.html display-contents-acid-ref.html
+fuzzy-if(Android,0-8,0-604) == display-contents-acid-dyn-1.html display-contents-acid-ref.html
+fuzzy-if(Android,0-8,0-604) == display-contents-acid-dyn-2.html display-contents-acid-ref.html
+fuzzy-if(Android,0-8,0-604) == display-contents-acid-dyn-3.html display-contents-acid-ref.html
+== display-contents-generated-content.html display-contents-generated-content-ref.html
+== display-contents-generated-content-2.html display-contents-generated-content-ref.html
+== display-contents-style-inheritance-1.html display-contents-style-inheritance-1-ref.html
+== display-contents-style-inheritance-1-stylechange.html display-contents-style-inheritance-1-ref.html
+fuzzy-if(winWidget,0-12,0-100) == display-contents-style-inheritance-1-dom-mutations.html display-contents-style-inheritance-1-ref.html
+== display-contents-tables.xhtml display-contents-tables-ref.xhtml
+== display-contents-tables-2.xhtml display-contents-tables-ref.xhtml
+== display-contents-tables-3.xhtml display-contents-tables-3-ref.xhtml
+== display-contents-visibility-hidden.html display-contents-visibility-hidden-ref.html
+== display-contents-visibility-hidden-2.html display-contents-visibility-hidden-ref.html
+== display-contents-495385-2d.html display-contents-495385-2d-ref.html
+== display-contents-list-item-child.html display-contents-list-item-child-ref.html
+== display-contents-dyn-insert-text.html display-contents-dyn-insert-text-ref.html
+== display-contents-writing-mode-1.html display-contents-writing-mode-1-ref.html
+== display-contents-writing-mode-2.html display-contents-writing-mode-2-ref.html
+needs-focus == display-contents-state-change.html display-contents-state-change-ref.html
+== display-flow-root-001.html display-flow-root-001-ref.html
+== display-contents-suppression-dynamic.html display-contents-suppression-dynamic-ref.html
diff --git a/layout/reftests/css-enabled/button/button-fieldset-1.html b/layout/reftests/css-enabled/button/button-fieldset-1.html
new file mode 100644
index 0000000000..56c6c2812b
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <button class="enabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-2.html b/layout/reftests/css-enabled/button/button-fieldset-2.html
new file mode 100644
index 0000000000..e8fff16732
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <button class="disabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-3.html b/layout/reftests/css-enabled/button/button-fieldset-3.html
new file mode 100644
index 0000000000..002881d84c
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <button class="disabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-4.html b/layout/reftests/css-enabled/button/button-fieldset-4.html
new file mode 100644
index 0000000000..ed82a0479b
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <button class="enabled"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-1.html b/layout/reftests/css-enabled/button/button-fieldset-legend-1.html
new file mode 100644
index 0000000000..3e9e510eca
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <button class="enabled"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-2.html b/layout/reftests/css-enabled/button/button-fieldset-legend-2.html
new file mode 100644
index 0000000000..b7fe250fa0
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <button class="disabled"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-3.html b/layout/reftests/css-enabled/button/button-fieldset-legend-3.html
new file mode 100644
index 0000000000..f9127b8d5e
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <button class="disabled"></button>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-4.html b/layout/reftests/css-enabled/button/button-fieldset-legend-4.html
new file mode 100644
index 0000000000..1e8840ded3
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <button class="enabled"></button>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-5.html b/layout/reftests/css-enabled/button/button-fieldset-legend-5.html
new file mode 100644
index 0000000000..29b7a40d66
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <button class="enabled"></button>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-ref-1.html b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..69c8ff5f2b
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <button class="ref"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-ref-2.html b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..62dec99da6
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <button class="ref"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-ref-3.html b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..8807601e09
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <button class="ref"></button>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-ref-4.html b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..df92d4480a
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <button class="ref"></button>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-legend-ref-5.html b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..7520a19bff
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <button class="ref"></button>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/button-fieldset-ref.html b/layout/reftests/css-enabled/button/button-fieldset-ref.html
new file mode 100644
index 0000000000..7941c7ddee
--- /dev/null
+++ b/layout/reftests/css-enabled/button/button-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <button class="ref"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/button/reftest.list b/layout/reftests/css-enabled/button/reftest.list
new file mode 100644
index 0000000000..a28f72739a
--- /dev/null
+++ b/layout/reftests/css-enabled/button/reftest.list
@@ -0,0 +1,9 @@
+fuzzy(0-1,0-3) == button-fieldset-1.html button-fieldset-ref.html
+== button-fieldset-2.html button-fieldset-ref.html
+fuzzy(0-1,0-7) == button-fieldset-3.html button-fieldset-ref.html
+fuzzy(0-1,0-7) == button-fieldset-4.html button-fieldset-ref.html
+== button-fieldset-legend-1.html button-fieldset-legend-ref-1.html
+fuzzy(0-2,0-4) == button-fieldset-legend-2.html button-fieldset-legend-ref-2.html
+fuzzy(0-1,0-3) == button-fieldset-legend-3.html button-fieldset-legend-ref-3.html
+fuzzy(0-2,0-9) == button-fieldset-legend-4.html button-fieldset-legend-ref-4.html
+fuzzy(0-2,0-5) == button-fieldset-legend-5.html button-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-enabled/button/style.css b/layout/reftests/css-enabled/button/style.css
new file mode 100644
index 0000000000..3846239d0d
--- /dev/null
+++ b/layout/reftests/css-enabled/button/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.enabled {
+  background-color: red;
+}
+
+:enabled.enabled {
+  background-color: green;
+}
+
+.disabled {
+  background-color: green;
+}
+
+:enabled.disabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-disabled.html b/layout/reftests/css-enabled/fieldset/fieldset-disabled.html
new file mode 100644
index 0000000000..6cd4fbfead
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-disabled.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-enabled.html b/layout/reftests/css-enabled/fieldset/fieldset-enabled.html
new file mode 100644
index 0000000000..32915278e4
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-enabled.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled"></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-fieldset-1.html b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-1.html
new file mode 100644
index 0000000000..9b1ae9f11d
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <fieldset class="enabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-fieldset-2.html b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-2.html
new file mode 100644
index 0000000000..01176a31e7
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <fieldset class="disabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-fieldset-3.html b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-3.html
new file mode 100644
index 0000000000..4c09335469
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <fieldset class="disabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-fieldset-4.html b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-4.html
new file mode 100644
index 0000000000..e655812965
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <fieldset class="enabled"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-fieldset-ref.html b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-ref.html
new file mode 100644
index 0000000000..ade7fc477c
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <fieldset class="ref"></fieldset>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-1.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-1.html
new file mode 100644
index 0000000000..04781eb604
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <fieldset class="enabled"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-2.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-2.html
new file mode 100644
index 0000000000..e201ee1664
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <fieldset class="disabled"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-3.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-3.html
new file mode 100644
index 0000000000..d9ca78dc31
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <fieldset class="disabled"></fieldset>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-4.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-4.html
new file mode 100644
index 0000000000..67c728ef19
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <fieldset class="enabled"></fieldset>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-5.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-5.html
new file mode 100644
index 0000000000..c3f82ae2a4
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <fieldset class="enabled"></fieldset>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-1.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..83f1925ad7
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-2.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..33fe2455cd
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <fieldset class="ref"></fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-3.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..7aaff27f19
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <fieldset class="ref"></fieldset>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-4.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..9f1a267a6a
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <fieldset class="ref"></fieldset>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-5.html b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..00df3f8348
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <fieldset class="ref"></fieldset>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/fieldset-ref.html b/layout/reftests/css-enabled/fieldset/fieldset-ref.html
new file mode 100644
index 0000000000..7f66bc698f
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/fieldset-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class='ref'></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/fieldset/reftest.list b/layout/reftests/css-enabled/fieldset/reftest.list
new file mode 100644
index 0000000000..c5b92e083b
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/reftest.list
@@ -0,0 +1,11 @@
+== fieldset-enabled.html fieldset-ref.html
+== fieldset-disabled.html fieldset-ref.html
+== fieldset-fieldset-1.html fieldset-fieldset-ref.html
+== fieldset-fieldset-2.html fieldset-fieldset-ref.html
+fuzzy(0-1,0-11) == fieldset-fieldset-3.html fieldset-fieldset-ref.html
+fuzzy(0-1,0-11) == fieldset-fieldset-4.html fieldset-fieldset-ref.html
+== fieldset-legend-1.html fieldset-legend-ref-1.html
+fuzzy(0-1,0-2) == fieldset-legend-2.html fieldset-legend-ref-2.html
+fuzzy(0-2,0-5) == fieldset-legend-3.html fieldset-legend-ref-3.html
+fuzzy(0-2,0-9) == fieldset-legend-4.html fieldset-legend-ref-4.html
+fuzzy(0-2,0-5) == fieldset-legend-5.html fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-enabled/fieldset/style.css b/layout/reftests/css-enabled/fieldset/style.css
new file mode 100644
index 0000000000..7b804aa6f1
--- /dev/null
+++ b/layout/reftests/css-enabled/fieldset/style.css
@@ -0,0 +1,16 @@
+fieldset.enabled {
+  background-color: red;
+}
+
+fieldset:enabled.enabled,
+fieldset.ref {
+  background-color: green;
+}
+
+fieldset.disabled {
+  background-color: green;
+}
+
+fieldset:enabled.disabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-enabled/input/input-fieldset-1.html b/layout/reftests/css-enabled/input/input-fieldset-1.html
new file mode 100644
index 0000000000..b50f3b0f1d
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <input class="enabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-2.html b/layout/reftests/css-enabled/input/input-fieldset-2.html
new file mode 100644
index 0000000000..acfbbca5f4
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <input class="disabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-3.html b/layout/reftests/css-enabled/input/input-fieldset-3.html
new file mode 100644
index 0000000000..de095cee6e
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <input class="disabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-4.html b/layout/reftests/css-enabled/input/input-fieldset-4.html
new file mode 100644
index 0000000000..fa0fe1ac7c
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <input class="enabled">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-1.html b/layout/reftests/css-enabled/input/input-fieldset-legend-1.html
new file mode 100644
index 0000000000..d56517ac7d
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <input class="enabled">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-2.html b/layout/reftests/css-enabled/input/input-fieldset-legend-2.html
new file mode 100644
index 0000000000..d564e14040
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <input class="disabled">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-3.html b/layout/reftests/css-enabled/input/input-fieldset-legend-3.html
new file mode 100644
index 0000000000..89c41119f5
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <input class="disabled">
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-4.html b/layout/reftests/css-enabled/input/input-fieldset-legend-4.html
new file mode 100644
index 0000000000..33eec83fef
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <input class="enabled">
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-5.html b/layout/reftests/css-enabled/input/input-fieldset-legend-5.html
new file mode 100644
index 0000000000..4226c9672b
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <input class="enabled">
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-ref-1.html b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..5511e567b1
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <input class="ref">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-ref-2.html b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..4d0658b642
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <input class="ref">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-ref-3.html b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..15fb4d9cee
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <input class="ref">
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-ref-4.html b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..3fdd2b4ddb
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <input class="ref">
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-legend-ref-5.html b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..fc2c01f000
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <input class="ref">
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/input-fieldset-ref.html b/layout/reftests/css-enabled/input/input-fieldset-ref.html
new file mode 100644
index 0000000000..0108ffc32a
--- /dev/null
+++ b/layout/reftests/css-enabled/input/input-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <input class="ref">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/input/reftest.list b/layout/reftests/css-enabled/input/reftest.list
new file mode 100644
index 0000000000..4ed82a20e0
--- /dev/null
+++ b/layout/reftests/css-enabled/input/reftest.list
@@ -0,0 +1,9 @@
+== input-fieldset-1.html input-fieldset-ref.html
+== input-fieldset-2.html input-fieldset-ref.html
+fuzzy(0-1,0-7) == input-fieldset-3.html input-fieldset-ref.html
+fuzzy(0-1,0-7) == input-fieldset-4.html input-fieldset-ref.html
+== input-fieldset-legend-1.html input-fieldset-legend-ref-1.html
+fuzzy(0-2,0-4) == input-fieldset-legend-2.html input-fieldset-legend-ref-2.html
+fuzzy(0-2,0-5) == input-fieldset-legend-3.html input-fieldset-legend-ref-3.html
+fuzzy(0-2,0-9) == input-fieldset-legend-4.html input-fieldset-legend-ref-4.html
+fuzzy(0-2,0-5) == input-fieldset-legend-5.html input-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-enabled/input/style.css b/layout/reftests/css-enabled/input/style.css
new file mode 100644
index 0000000000..3846239d0d
--- /dev/null
+++ b/layout/reftests/css-enabled/input/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.enabled {
+  background-color: red;
+}
+
+:enabled.enabled {
+  background-color: green;
+}
+
+.disabled {
+  background-color: green;
+}
+
+:enabled.disabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-enabled/label/label-ref.html b/layout/reftests/css-enabled/label/label-ref.html
new file mode 100644
index 0000000000..0fb84bc0a8
--- /dev/null
+++ b/layout/reftests/css-enabled/label/label-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <label class="ref">foo</label>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/label/label.html b/layout/reftests/css-enabled/label/label.html
new file mode 100644
index 0000000000..7c41405fd0
--- /dev/null
+++ b/layout/reftests/css-enabled/label/label.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <label>foo</label>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/label/reftest.list b/layout/reftests/css-enabled/label/reftest.list
new file mode 100644
index 0000000000..31f85dd948
--- /dev/null
+++ b/layout/reftests/css-enabled/label/reftest.list
@@ -0,0 +1 @@
+== label.html label-ref.html
diff --git a/layout/reftests/css-enabled/label/style.css b/layout/reftests/css-enabled/label/style.css
new file mode 100644
index 0000000000..7f9529ec94
--- /dev/null
+++ b/layout/reftests/css-enabled/label/style.css
@@ -0,0 +1,12 @@
+label {
+  background-color: green;
+}
+
+label:enabled {
+  background-color: red;
+}
+
+/* ref should always be green! */
+.ref:enabled {
+  background-color: green;
+}
diff --git a/layout/reftests/css-enabled/object/object-ref.html b/layout/reftests/css-enabled/object/object-ref.html
new file mode 100644
index 0000000000..10a4da84ab
--- /dev/null
+++ b/layout/reftests/css-enabled/object/object-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <object class="ref">foo</object>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/object/object.html b/layout/reftests/css-enabled/object/object.html
new file mode 100644
index 0000000000..799e0eb98c
--- /dev/null
+++ b/layout/reftests/css-enabled/object/object.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <object>foo</object>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/object/reftest.list b/layout/reftests/css-enabled/object/reftest.list
new file mode 100644
index 0000000000..471500b977
--- /dev/null
+++ b/layout/reftests/css-enabled/object/reftest.list
@@ -0,0 +1 @@
+== object.html object-ref.html
diff --git a/layout/reftests/css-enabled/object/style.css b/layout/reftests/css-enabled/object/style.css
new file mode 100644
index 0000000000..fb18c7a966
--- /dev/null
+++ b/layout/reftests/css-enabled/object/style.css
@@ -0,0 +1,12 @@
+object {
+  background-color: green;
+}
+
+object:enabled {
+  background-color: red;
+}
+
+/* ref should always be green! */
+.ref:enabled {
+  background-color: green;
+}
diff --git a/layout/reftests/css-enabled/optgroup/optgroup-fieldset-1.html b/layout/reftests/css-enabled/optgroup/optgroup-fieldset-1.html
new file mode 100644
index 0000000000..0b7ee5a768
--- /dev/null
+++ b/layout/reftests/css-enabled/optgroup/optgroup-fieldset-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <optgroup class="enabled">foo</optgroup>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/optgroup/optgroup-fieldset-ref.html b/layout/reftests/css-enabled/optgroup/optgroup-fieldset-ref.html
new file mode 100644
index 0000000000..c8fde1c2b5
--- /dev/null
+++ b/layout/reftests/css-enabled/optgroup/optgroup-fieldset-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <optgroup class="ref">foo</optgroup>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/optgroup/reftest.list b/layout/reftests/css-enabled/optgroup/reftest.list
new file mode 100644
index 0000000000..89601d319d
--- /dev/null
+++ b/layout/reftests/css-enabled/optgroup/reftest.list
@@ -0,0 +1 @@
+fuzzy(0-1,0-2) == optgroup-fieldset-1.html optgroup-fieldset-ref.html
diff --git a/layout/reftests/css-enabled/optgroup/style.css b/layout/reftests/css-enabled/optgroup/style.css
new file mode 100644
index 0000000000..3846239d0d
--- /dev/null
+++ b/layout/reftests/css-enabled/optgroup/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.enabled {
+  background-color: red;
+}
+
+:enabled.enabled {
+  background-color: green;
+}
+
+.disabled {
+  background-color: green;
+}
+
+:enabled.disabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-enabled/option/option-fieldset-1.html b/layout/reftests/css-enabled/option/option-fieldset-1.html
new file mode 100644
index 0000000000..c2d9b7a342
--- /dev/null
+++ b/layout/reftests/css-enabled/option/option-fieldset-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <option class="enabled">foo</option>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/option/option-fieldset-ref.html b/layout/reftests/css-enabled/option/option-fieldset-ref.html
new file mode 100644
index 0000000000..7d103ce8cb
--- /dev/null
+++ b/layout/reftests/css-enabled/option/option-fieldset-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <option class="ref">foo</option>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/option/reftest.list b/layout/reftests/css-enabled/option/reftest.list
new file mode 100644
index 0000000000..4a782d2f40
--- /dev/null
+++ b/layout/reftests/css-enabled/option/reftest.list
@@ -0,0 +1 @@
+== option-fieldset-1.html option-fieldset-ref.html
diff --git a/layout/reftests/css-enabled/option/style.css b/layout/reftests/css-enabled/option/style.css
new file mode 100644
index 0000000000..3846239d0d
--- /dev/null
+++ b/layout/reftests/css-enabled/option/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.enabled {
+  background-color: red;
+}
+
+:enabled.enabled {
+  background-color: green;
+}
+
+.disabled {
+  background-color: green;
+}
+
+:enabled.disabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-enabled/output/output-ref.html b/layout/reftests/css-enabled/output/output-ref.html
new file mode 100644
index 0000000000..cc4687f54e
--- /dev/null
+++ b/layout/reftests/css-enabled/output/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class="ref">foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/output/output.html b/layout/reftests/css-enabled/output/output.html
new file mode 100644
index 0000000000..c264159d4c
--- /dev/null
+++ b/layout/reftests/css-enabled/output/output.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/output/reftest.list b/layout/reftests/css-enabled/output/reftest.list
new file mode 100644
index 0000000000..0f02f9cf9f
--- /dev/null
+++ b/layout/reftests/css-enabled/output/reftest.list
@@ -0,0 +1 @@
+== output.html output-ref.html
diff --git a/layout/reftests/css-enabled/output/style.css b/layout/reftests/css-enabled/output/style.css
new file mode 100644
index 0000000000..ae740e20d4
--- /dev/null
+++ b/layout/reftests/css-enabled/output/style.css
@@ -0,0 +1,12 @@
+output {
+  background-color: green;
+}
+
+output:enabled {
+  background-color: red;
+}
+
+/* ref should always be green! */
+.ref:enabled {
+  background-color: green;
+}
diff --git a/layout/reftests/css-enabled/reftest.list b/layout/reftests/css-enabled/reftest.list
new file mode 100644
index 0000000000..649617cfc4
--- /dev/null
+++ b/layout/reftests/css-enabled/reftest.list
@@ -0,0 +1,10 @@
+include fieldset/reftest.list
+include input/reftest.list
+include button/reftest.list
+include textarea/reftest.list
+include select/reftest.list
+include option/reftest.list
+include optgroup/reftest.list
+include object/reftest.list
+include label/reftest.list
+include output/reftest.list
diff --git a/layout/reftests/css-enabled/select/reftest.list b/layout/reftests/css-enabled/select/reftest.list
new file mode 100644
index 0000000000..694b0ba774
--- /dev/null
+++ b/layout/reftests/css-enabled/select/reftest.list
@@ -0,0 +1,9 @@
+skip-if(ThreadSanitizer) == select-fieldset-1.html select-fieldset-ref.html
+fuzzy(0-1,0-9) == select-fieldset-2.html select-fieldset-ref-disabled.html
+== select-fieldset-3.html select-fieldset-ref-disabled.html
+fuzzy(0-1,0-9) == select-fieldset-4.html select-fieldset-ref.html
+== select-fieldset-legend-1.html select-fieldset-legend-ref-1.html
+fuzzy(0-2,0-4) == select-fieldset-legend-2.html select-fieldset-legend-ref-2.html
+fuzzy(0-2,0-5) == select-fieldset-legend-3.html select-fieldset-legend-ref-3.html
+fuzzy(0-2,0-9) == select-fieldset-legend-4.html select-fieldset-legend-ref-4.html
+fuzzy(0-2,0-5) == select-fieldset-legend-5.html select-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-enabled/select/select-fieldset-1.html b/layout/reftests/css-enabled/select/select-fieldset-1.html
new file mode 100644
index 0000000000..84874986fe
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <select class="enabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-2.html b/layout/reftests/css-enabled/select/select-fieldset-2.html
new file mode 100644
index 0000000000..4e34c7fefb
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <select class="disabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-3.html b/layout/reftests/css-enabled/select/select-fieldset-3.html
new file mode 100644
index 0000000000..c30347271a
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <select class="disabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-4.html b/layout/reftests/css-enabled/select/select-fieldset-4.html
new file mode 100644
index 0000000000..b168a2193c
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <select class="enabled"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-1.html b/layout/reftests/css-enabled/select/select-fieldset-legend-1.html
new file mode 100644
index 0000000000..944303b88a
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <select class="enabled"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-2.html b/layout/reftests/css-enabled/select/select-fieldset-legend-2.html
new file mode 100644
index 0000000000..7a3507be23
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <select class="disabled"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-3.html b/layout/reftests/css-enabled/select/select-fieldset-legend-3.html
new file mode 100644
index 0000000000..29a98a88ac
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <select class="disabled"></select>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-4.html b/layout/reftests/css-enabled/select/select-fieldset-legend-4.html
new file mode 100644
index 0000000000..4cbc3ca856
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <select class="enabled"></select>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-5.html b/layout/reftests/css-enabled/select/select-fieldset-legend-5.html
new file mode 100644
index 0000000000..0218b95481
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <select class="enabled"></select>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-ref-1.html b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..57c42ddc22
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <select class="ref"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-ref-2.html b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..d21ba476ee
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <select disabled class="ref"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-ref-3.html b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..d4b147fa1a
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <select disabled class="ref"></select>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-ref-4.html b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..55df97e20a
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <select class="ref"></select>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-legend-ref-5.html b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..1c3275c90b
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <select class="ref"></select>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-ref-disabled.html b/layout/reftests/css-enabled/select/select-fieldset-ref-disabled.html
new file mode 100644
index 0000000000..273223696b
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-ref-disabled.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <select disabled class="ref"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/select-fieldset-ref.html b/layout/reftests/css-enabled/select/select-fieldset-ref.html
new file mode 100644
index 0000000000..e85e16f6b1
--- /dev/null
+++ b/layout/reftests/css-enabled/select/select-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <select class="ref"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/select/style.css b/layout/reftests/css-enabled/select/style.css
new file mode 100644
index 0000000000..b79686e37f
--- /dev/null
+++ b/layout/reftests/css-enabled/select/style.css
@@ -0,0 +1,23 @@
+select {
+  -moz-appearance: none;
+}
+
+.ref {
+  background-color: green;
+}
+
+.enabled {
+  background-color: red;
+}
+
+:enabled.enabled {
+  background-color: green;
+}
+
+.disabled {
+  background-color: green;
+}
+
+:enabled.disabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-enabled/textarea/reftest.list b/layout/reftests/css-enabled/textarea/reftest.list
new file mode 100644
index 0000000000..a5b72e393f
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/reftest.list
@@ -0,0 +1,9 @@
+fuzzy(0-1,0-5) == textarea-fieldset-1.html textarea-fieldset-ref.html
+fuzzy(0-1,0-5) == textarea-fieldset-2.html textarea-fieldset-ref.html
+== textarea-fieldset-3.html textarea-fieldset-ref.html
+== textarea-fieldset-4.html textarea-fieldset-ref.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-1.html textarea-fieldset-legend-ref-1.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-2.html textarea-fieldset-legend-ref-2.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-3.html textarea-fieldset-legend-ref-3.html
+fuzzy(0-1,0-5) == textarea-fieldset-legend-4.html textarea-fieldset-legend-ref-4.html
+fuzzy(0-1,0-10) == textarea-fieldset-legend-5.html textarea-fieldset-legend-ref-5.html
diff --git a/layout/reftests/css-enabled/textarea/style.css b/layout/reftests/css-enabled/textarea/style.css
new file mode 100644
index 0000000000..3846239d0d
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/style.css
@@ -0,0 +1,19 @@
+.ref {
+  background-color: green;
+}
+
+.enabled {
+  background-color: red;
+}
+
+:enabled.enabled {
+  background-color: green;
+}
+
+.disabled {
+  background-color: green;
+}
+
+:enabled.disabled {
+  background-color: red;
+}
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-1.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-1.html
new file mode 100644
index 0000000000..6c040b67ea
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="enabled">
+      <fieldset class="enabled">
+        <textarea class="enabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-2.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-2.html
new file mode 100644
index 0000000000..6c22f2c175
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled class="disabled">
+      <fieldset class="disabled">
+        <textarea class="disabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-3.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-3.html
new file mode 100644
index 0000000000..82172c45f4
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="disabled">
+        <textarea class="disabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-4.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-4.html
new file mode 100644
index 0000000000..a4ba7a1006
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-4.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName('fieldset');
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled class="enabled">
+      <fieldset class="enabled">
+        <textarea class="enabled"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-1.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-1.html
new file mode 100644
index 0000000000..5ab543a864
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend id='i'>
+        <textarea class="enabled"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-2.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-2.html
new file mode 100644
index 0000000000..3385d534ba
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+      </legend>
+      <legend>
+        <textarea class="disabled"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-3.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-3.html
new file mode 100644
index 0000000000..d3c94ee5d7
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <fieldset class="disabled">
+        <legend>
+          <textarea class="disabled"></textarea>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-4.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-4.html
new file mode 100644
index 0000000000..8d04971bd8
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="enabled">
+          <textarea class="enabled"></textarea>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-5.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-5.html
new file mode 100644
index 0000000000..856023ad9e
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="disabled" disabled>
+      <legend>
+        <fieldset class="disabled" disabled>
+          <legend>
+            <textarea class="enabled"></textarea>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-1.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-1.html
new file mode 100644
index 0000000000..d3824560dd
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-2.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-2.html
new file mode 100644
index 0000000000..f508a5d307
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+      </legend>
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-3.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-3.html
new file mode 100644
index 0000000000..799c2b8763
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <legend>
+          <textarea class="ref"></textarea>
+        </legend>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-4.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-4.html
new file mode 100644
index 0000000000..83ee46e601
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <textarea class="ref"></textarea>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-5.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-5.html
new file mode 100644
index 0000000000..dd63a89a21
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-legend-ref-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <legend>
+        <fieldset class="ref">
+          <legend>
+            <textarea class="ref"></textarea>
+          </legend>
+        </fieldset>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-enabled/textarea/textarea-fieldset-ref.html b/layout/reftests/css-enabled/textarea/textarea-fieldset-ref.html
new file mode 100644
index 0000000000..1cc1d344dc
--- /dev/null
+++ b/layout/reftests/css-enabled/textarea/textarea-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class="ref">
+      <fieldset class="ref">
+        <textarea class="ref"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-gradients/1224761-1-ref.html b/layout/reftests/css-gradients/1224761-1-ref.html
new file mode 100644
index 0000000000..7b243c9a45
--- /dev/null
+++ b/layout/reftests/css-gradients/1224761-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+    border: 1px solid black;
+    width: 30px;
+    height: 30px;
+    margin: 1px;
+}
+.grad-5 {
+    background: yellow;
+}
+.grad0 {
+    background: yellow;
+}
+.grad30 {
+    /* not much of a test, but this isn't where the bug was anyway! */
+    background: linear-gradient(to right, blue 30%, yellow 30%);
+}
+.grad100 {
+    background: blue;
+}
+.grad150 {
+    background: blue;
+}
+</style>
+</head>
+<body>
+  You shouldn't see a gradual gradient in any of the divs below.
+  <div class="grad-5"></div>
+  <div class="grad0"></div>
+  <div class="grad30"></div>
+  <div class="grad100"></div>
+  <div class="grad150"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/1224761-1.html b/layout/reftests/css-gradients/1224761-1.html
new file mode 100644
index 0000000000..97e00f7dd6
--- /dev/null
+++ b/layout/reftests/css-gradients/1224761-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+    border: 1px solid black;
+    width: 30px;
+    height: 30px;
+    margin: 1px;
+}
+.grad-5 {
+    background: linear-gradient(to right, blue -5%, yellow -5%);
+}
+.grad0 {
+    background: linear-gradient(to right, blue 0%, yellow 0%);
+}
+.grad30 {
+    background: linear-gradient(to right, blue 30%, yellow 30%);
+}
+.grad100 {
+    background: linear-gradient(to right, blue 100%, yellow 100%);
+}
+.grad150 {
+    background: linear-gradient(to right, blue 150%, yellow 150%);
+}
+</style>
+</head>
+<body>
+  You shouldn't see a gradual gradient in any of the divs below.
+  <div class="grad-5"></div>
+  <div class="grad0"></div>
+  <div class="grad30"></div>
+  <div class="grad100"></div>
+  <div class="grad150"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/aja-linear-1-ref.html b/layout/reftests/css-gradients/aja-linear-1-ref.html
new file mode 100644
index 0000000000..c96ed5e385
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-1-ref.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<html class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var grad = ctx.createLinearGradient(0,0,0,200);
+  grad.addColorStop(0, 'yellow');
+  grad.addColorStop(1, 'blue');
+
+  ctx.fillStyle = grad;
+  ctx.fillRect(0,0,100,200);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="100" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/aja-linear-1a.html b/layout/reftests/css-gradients/aja-linear-1a.html
new file mode 100644
index 0000000000..8860679bf2
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-1a.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(to bottom, yellow, blue);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-1b.html b/layout/reftests/css-gradients/aja-linear-1b.html
new file mode 100644
index 0000000000..27a7ee4311
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-1b.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(to top, blue, yellow);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-1c.html b/layout/reftests/css-gradients/aja-linear-1c.html
new file mode 100644
index 0000000000..cb5977f8f1
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-1c.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(180deg, yellow, blue);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-1d.html b/layout/reftests/css-gradients/aja-linear-1d.html
new file mode 100644
index 0000000000..bfc70bce9d
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-1d.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(-180deg, yellow, blue);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-1e.html b/layout/reftests/css-gradients/aja-linear-1e.html
new file mode 100644
index 0000000000..7d71c3462e
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-1e.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(to bottom, yellow 0%, blue 100%);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-1f.html b/layout/reftests/css-gradients/aja-linear-1f.html
new file mode 100644
index 0000000000..57de342064
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-1f.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(yellow, blue);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-2-ref.html b/layout/reftests/css-gradients/aja-linear-2-ref.html
new file mode 100644
index 0000000000..81699da99b
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-2-ref.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<html class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var grad = ctx.createLinearGradient(0,0,160,80);
+  grad.addColorStop(0, 'yellow');
+  grad.addColorStop(1, 'blue');
+
+  ctx.fillStyle = grad;
+  ctx.fillRect(0,0,100,200);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="100" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/aja-linear-2.html b/layout/reftests/css-gradients/aja-linear-2.html
new file mode 100644
index 0000000000..84ed929120
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-2.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(to bottom right, yellow, blue);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-3-ref.html b/layout/reftests/css-gradients/aja-linear-3-ref.html
new file mode 100644
index 0000000000..75086eefcc
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-3-ref.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<html class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  /* this gradient goes at an angle of -45deg through the center of
+     the box */
+  var grad = ctx.createLinearGradient(-25,25,125,175);
+  grad.addColorStop(0, 'yellow');
+  grad.addColorStop(1, 'blue');
+
+  ctx.fillStyle = grad;
+  ctx.fillRect(0,0,100,200);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="100" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/aja-linear-3a.html b/layout/reftests/css-gradients/aja-linear-3a.html
new file mode 100644
index 0000000000..e59acd9659
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-3a.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(135deg, yellow, blue);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-3b.html b/layout/reftests/css-gradients/aja-linear-3b.html
new file mode 100644
index 0000000000..3ad588f22c
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-3b.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(-225deg, yellow, blue);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-4-ref.html b/layout/reftests/css-gradients/aja-linear-4-ref.html
new file mode 100644
index 0000000000..c26d0204fd
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-4-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<html class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var grad = ctx.createLinearGradient(50, 0, 50, 200);
+  grad.addColorStop(0, 'yellow');
+  grad.addColorStop(0.5, 'blue');
+  grad.addColorStop(1, '#0f0');
+
+  ctx.fillStyle = grad;
+  ctx.fillRect(0,0,100,200);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="100" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/aja-linear-4a.html b/layout/reftests/css-gradients/aja-linear-4a.html
new file mode 100644
index 0000000000..bbaf37e22f
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-4a.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(yellow, blue, #0f0);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-4b.html b/layout/reftests/css-gradients/aja-linear-4b.html
new file mode 100644
index 0000000000..ae618512b8
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-4b.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(yellow, blue 50%, #0f0);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/aja-linear-5-ref.html b/layout/reftests/css-gradients/aja-linear-5-ref.html
new file mode 100644
index 0000000000..1a26fd96a1
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-5-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<html class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var grad = ctx.createLinearGradient(50, 0, 50, 200);
+  grad.addColorStop(0, 'yellow');
+  grad.addColorStop(0.2, 'blue');
+  grad.addColorStop(1, '#0f0');
+
+  ctx.fillStyle = grad;
+  ctx.fillRect(0,0,100,200);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="100" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/aja-linear-5a.html b/layout/reftests/css-gradients/aja-linear-5a.html
new file mode 100644
index 0000000000..569b5827e6
--- /dev/null
+++ b/layout/reftests/css-gradients/aja-linear-5a.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- Derived from http://a-ja.net/newgrad.html -->
+<style>
+div {
+  height: 200px;
+  width: 100px;
+  background: linear-gradient(yellow, blue 20%, #0f0);
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/bug-916535-background-repeat-linear-ref.html b/layout/reftests/css-gradients/bug-916535-background-repeat-linear-ref.html
new file mode 100644
index 0000000000..c4c0a8b9cd
--- /dev/null
+++ b/layout/reftests/css-gradients/bug-916535-background-repeat-linear-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>Grid</title>
+  <style>
+      body {
+        background: #fff;
+    }
+    .r {background: red; width: 300px; height: 50px}
+    .g {background: green; width: 300px; height: 50px}
+  </style>
+</head>
+
+<body>
+        <div class=r></div>
+        <div class=g></div>
+        <div class=r></div>
+        <div class=g></div>
+        <div class=r></div>
+        <div class=g></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/bug-916535-background-repeat-linear.html b/layout/reftests/css-gradients/bug-916535-background-repeat-linear.html
new file mode 100644
index 0000000000..995c9e0410
--- /dev/null
+++ b/layout/reftests/css-gradients/bug-916535-background-repeat-linear.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>Grid</title>
+  <style>
+      body {
+        background: #fff;
+      }
+      div {
+        width: 300px;
+        height: 300px;
+        background-color: #269;
+        background-size: 100px 100px;
+        background-image:
+          linear-gradient( red 50px, green 50px);
+  }
+  </style>
+</head>
+
+<body>
+  <div ></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/color-stop-clamp-interpolation-ref.html b/layout/reftests/css-gradients/color-stop-clamp-interpolation-ref.html
new file mode 100644
index 0000000000..ec3b0166b7
--- /dev/null
+++ b/layout/reftests/css-gradients/color-stop-clamp-interpolation-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1274624: Clamped colour stop interpolation</title>
+    <style type="text/css">
+      div {
+        background-image: linear-gradient(90deg, rgba(0, 0, 255, 0.6), rgba(0, 0, 255, 0.4));
+        background-size: 100px 100px;
+        width: 400px;
+        height: 400px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-gradients/color-stop-clamp-interpolation.html b/layout/reftests/css-gradients/color-stop-clamp-interpolation.html
new file mode 100644
index 0000000000..ce68135d5f
--- /dev/null
+++ b/layout/reftests/css-gradients/color-stop-clamp-interpolation.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1274624: Clamped colour stop interpolation</title>
+    <style type="text/css">
+      div {
+        background: linear-gradient(90deg, rgba(0, 0, 255, 1) -200%, rgba(255, 255, 0, 0) 300%);
+        background-size: 100px 100px;
+        width: 400px;
+        height: 400px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-gradients/height-dependence-1-ref.html b/layout/reftests/css-gradients/height-dependence-1-ref.html
new file mode 100644
index 0000000000..f56fe8f02d
--- /dev/null
+++ b/layout/reftests/css-gradients/height-dependence-1-ref.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html><head>
+<style>
+html {
+  background-image: linear-gradient(black, white 20%);
+  background-repeat: repeat-x;
+}
+body {
+  font-size: 1em;
+  padding: 2em;
+  margin: 50px auto;
+  width: 14em;
+  border: 1px solid black;
+  background-color: white;
+}
+</style>
+</head><body>
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/height-dependence-1.html b/layout/reftests/css-gradients/height-dependence-1.html
new file mode 100644
index 0000000000..58d8969b22
--- /dev/null
+++ b/layout/reftests/css-gradients/height-dependence-1.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html class="reftest-wait"><head>
+<style>
+html {
+  background-image: linear-gradient(black, white 20%);
+  background-repeat: repeat-x;
+}
+body {
+  font-size: 1em;
+  padding: 2em;
+  margin: 50px auto;
+  width: 28em;
+  border: 1px solid black;
+  background-color: white;
+}
+</style>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  document.body.style.width = "14em";
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</head><body>
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/height-dependence-2-ref.html b/layout/reftests/css-gradients/height-dependence-2-ref.html
new file mode 100644
index 0000000000..c2e15f751f
--- /dev/null
+++ b/layout/reftests/css-gradients/height-dependence-2-ref.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html><head>
+<style>
+html {
+  background-image: linear-gradient(black, white 20%);
+  background-repeat: repeat-x;
+  background-size: 1px 400px;
+}
+body {
+  font-size: 1em;
+  padding: 2em;
+  margin: 50px auto;
+  width: 14em;
+  border: 1px solid black;
+  background-color: white;
+}
+</style>
+</head><body>
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/height-dependence-2.html b/layout/reftests/css-gradients/height-dependence-2.html
new file mode 100644
index 0000000000..4404a7d509
--- /dev/null
+++ b/layout/reftests/css-gradients/height-dependence-2.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html class="reftest-wait"><head>
+<style>
+html {
+  background-image: linear-gradient(black, white 20%);
+  background-repeat: repeat-x;
+  background-size: 1px 400px;
+}
+body {
+  font-size: 1em;
+  padding: 2em;
+  margin: 50px auto;
+  width: 28em;
+  border: 1px solid black;
+  background-color: white;
+}
+</style>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  document.body.style.width = "14em";
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</head><body>
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/height-dependence-3-ref.html b/layout/reftests/css-gradients/height-dependence-3-ref.html
new file mode 100644
index 0000000000..9ee3a7aee8
--- /dev/null
+++ b/layout/reftests/css-gradients/height-dependence-3-ref.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html><head>
+<style>
+html {
+  background-image: linear-gradient(black, white 20%);
+  background-repeat: repeat-x;
+  background-size: 1px 80%;
+}
+body {
+  font-size: 1em;
+  padding: 2em;
+  margin: 50px auto;
+  width: 14em;
+  border: 1px solid black;
+  background-color: white;
+}
+</style>
+</head><body>
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/height-dependence-3.html b/layout/reftests/css-gradients/height-dependence-3.html
new file mode 100644
index 0000000000..e4e4a7d238
--- /dev/null
+++ b/layout/reftests/css-gradients/height-dependence-3.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html class="reftest-wait"><head>
+<style>
+html {
+  background-image: linear-gradient(black, white 20%);
+  background-repeat: repeat-x;
+  background-size: 1px 80%;
+}
+body {
+  font-size: 1em;
+  padding: 2em;
+  margin: 50px auto;
+  width: 28em;
+  border: 1px solid black;
+  background-color: white;
+}
+</style>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  document.body.style.width = "14em";
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</head><body>
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+pad pad pad pad pad pad pad pad
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/large-gradient-1-ref.html b/layout/reftests/css-gradients/large-gradient-1-ref.html
new file mode 100644
index 0000000000..ddd7651e6e
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-1-ref.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+
+<style>
+
+html {
+  background: white;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 1000px;
+  background-image: linear-gradient(rgb(210,210,210) 0px, rgb(215,215,215) 1000px);
+}
+
+</style>
diff --git a/layout/reftests/css-gradients/large-gradient-1.html b/layout/reftests/css-gradients/large-gradient-1.html
new file mode 100644
index 0000000000..bcba165a28
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-1.html
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1011166 -->
+
+<style>
+
+html {
+  background: white;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 51000px; /* = 255 * 200 */
+  background-image: linear-gradient(rgb(0,0,0) 0px, rgb(255,255,255) 51000px);
+}
+
+div {
+  height: 1000px;
+  background-color: red;
+}
+
+</style>
+
+<div></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.documentElement.scrollTop = 210 * 200; // 42000 > 32768
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/css-gradients/large-gradient-2-ref.html b/layout/reftests/css-gradients/large-gradient-2-ref.html
new file mode 100644
index 0000000000..ee33eedf19
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-2-ref.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+
+<style>
+
+html {
+  background: lime;
+  overflow: hidden;
+}
+
+</style>
diff --git a/layout/reftests/css-gradients/large-gradient-2.html b/layout/reftests/css-gradients/large-gradient-2.html
new file mode 100644
index 0000000000..17074baddd
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-2.html
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1011166 -->
+
+<style>
+
+html {
+  background: white;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 51000px;
+  background-image: linear-gradient(black 0px, lime 2000px);
+}
+
+div {
+  height: 1000px;
+  background-color: red;
+}
+
+</style>
+
+<div></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.documentElement.scrollTop = 42000; // > 32768
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/css-gradients/large-gradient-3-ref.html b/layout/reftests/css-gradients/large-gradient-3-ref.html
new file mode 100644
index 0000000000..e13864ee66
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-3-ref.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+
+<style>
+
+html {
+  background: white;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 1000px;
+  background-image: linear-gradient(rgb(210,210,210) 0px, rgb(215,215,215) 4000px);
+}
+
+</style>
diff --git a/layout/reftests/css-gradients/large-gradient-3.html b/layout/reftests/css-gradients/large-gradient-3.html
new file mode 100644
index 0000000000..0c859a89b7
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-3.html
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1011166 -->
+
+<style>
+
+html {
+  background: white;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 204000px; /* = 255 * 800 */
+  background-image: linear-gradient(rgb(0,0,0) 0px, rgb(255,255,255) 204000px);
+}
+
+div {
+  height: 1000px;
+  background-color: red;
+}
+
+</style>
+
+<div></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.documentElement.scrollTop = 210 * 800; // 168000 > 131072 == 2^17
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/css-gradients/large-gradient-4-ref.html b/layout/reftests/css-gradients/large-gradient-4-ref.html
new file mode 100644
index 0000000000..ee33eedf19
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-4-ref.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+
+<style>
+
+html {
+  background: lime;
+  overflow: hidden;
+}
+
+</style>
diff --git a/layout/reftests/css-gradients/large-gradient-4.html b/layout/reftests/css-gradients/large-gradient-4.html
new file mode 100644
index 0000000000..dc8f151022
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-4.html
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1011166 -->
+
+<style>
+
+html {
+  background: white;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 204000px; /* = 255 * 800 */;
+  background-image: linear-gradient(black 0px, lime 2000px);
+}
+
+div {
+  height: 1000px;
+  background-color: red;
+}
+
+</style>
+
+<div></div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.documentElement.scrollTop = 210 * 800; // 168000 > 131072 == 2^17
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/css-gradients/large-gradient-5-ref.html b/layout/reftests/css-gradients/large-gradient-5-ref.html
new file mode 100644
index 0000000000..a0e9237568
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-5-ref.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Reference for: Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1271112 -->
+
+<style>
+
+html {
+  background-color: lime;
+}
+
+</style>
+
+<body>
diff --git a/layout/reftests/css-gradients/large-gradient-5.html b/layout/reftests/css-gradients/large-gradient-5.html
new file mode 100644
index 0000000000..d254d461ed
--- /dev/null
+++ b/layout/reftests/css-gradients/large-gradient-5.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1271112 -->
+
+<style>
+
+html, body {
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  height: 100000px;
+  /* a green gradient that is not opaque on top of a red background color */
+  background: repeating-linear-gradient(45deg, rgba(0, 255, 0, 1.0) 0%, rgba(0, 255, 0, 0.99) 10%, rgba(0, 255, 0, 1.0) 20%) red;
+}
+
+</style>
+
+<body>
+
+<script>
+document.documentElement.scrollTop = 35000;
+</script>
diff --git a/layout/reftests/css-gradients/linear-1-ref.html b/layout/reftests/css-gradients/linear-1-ref.html
new file mode 100644
index 0000000000..f4d209a3da
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-1-ref.html
@@ -0,0 +1,24 @@
+<html xmlns="http://www.w3.org/1999/xhtml" 
+      class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var grad = ctx.createLinearGradient(0,150,300,150);
+  grad.addColorStop(0, 'red');
+  grad.addColorStop(1, 'rgb(100, 200, 0)');
+  grad.addColorStop(0.5, '#7777FF');
+
+  ctx.fillStyle = grad;
+  ctx.fillRect(0,0,300,300);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="300" height="300"/>
+</body>
+</html>
+
diff --git a/layout/reftests/css-gradients/linear-1a.html b/layout/reftests/css-gradients/linear-1a.html
new file mode 100644
index 0000000000..0f633f0f3e
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-1a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to right, red 0%, #7777FF 50%, rgb(100, 200, 0) 100%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-1-ref.html b/layout/reftests/css-gradients/linear-diagonal-1-ref.html
new file mode 100644
index 0000000000..4aa7d36492
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-1-ref.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to bottom right, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-1a.html b/layout/reftests/css-gradients/linear-diagonal-1a.html
new file mode 100644
index 0000000000..3828169184
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-1a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(135deg, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-2-ref.html b/layout/reftests/css-gradients/linear-diagonal-2-ref.html
new file mode 100644
index 0000000000..22cc0ab1e6
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-2-ref.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to bottom left, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-2a.html b/layout/reftests/css-gradients/linear-diagonal-2a.html
new file mode 100644
index 0000000000..670e25a4c3
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-2a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(-135deg, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-3-ref.html b/layout/reftests/css-gradients/linear-diagonal-3-ref.html
new file mode 100644
index 0000000000..6a06898de2
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-3-ref.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to top left, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-3a.html b/layout/reftests/css-gradients/linear-diagonal-3a.html
new file mode 100644
index 0000000000..dd61b284b8
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-3a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(-45deg, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-4-ref.html b/layout/reftests/css-gradients/linear-diagonal-4-ref.html
new file mode 100644
index 0000000000..0ff8802b0e
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-4-ref.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to top right, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-diagonal-4a.html b/layout/reftests/css-gradients/linear-diagonal-4a.html
new file mode 100644
index 0000000000..b51d4c885c
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-diagonal-4a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(45deg, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-flipped-1-ref.html b/layout/reftests/css-gradients/linear-flipped-1-ref.html
new file mode 100644
index 0000000000..7193dcbd24
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-flipped-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<div style="height:100px; background:linear-gradient(to top, black, white);"></div>
diff --git a/layout/reftests/css-gradients/linear-flipped-1.html b/layout/reftests/css-gradients/linear-flipped-1.html
new file mode 100644
index 0000000000..4fb4ae28df
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-flipped-1.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<div style="height:100px; background:linear-gradient(to bottom, black, white); transform:scale(1,-1);"></div>
diff --git a/layout/reftests/css-gradients/linear-gradient-repeated-ref.html b/layout/reftests/css-gradients/linear-gradient-repeated-ref.html
new file mode 100644
index 0000000000..2c3f9f7151
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-gradient-repeated-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1274624: Repeating linear gradient</title>
+    <style type="text/css">
+      div {
+        background: repeating-linear-gradient(to top, red, blue 100px);
+        background-position: 30px 30px;
+        width: 400px;
+        height: 400px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-gradients/linear-gradient-repeated.html b/layout/reftests/css-gradients/linear-gradient-repeated.html
new file mode 100644
index 0000000000..7e6e14dd56
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-gradient-repeated.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1274624: Linear gradient, repeated</title>
+    <style type="text/css">
+      div {
+        background: linear-gradient(to top, red, blue);
+        background-size: 100px 100px;
+        background-position: 30px 30px;
+        width: 400px;
+        height: 400px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/css-gradients/linear-keywords-1-ref.html b/layout/reftests/css-gradients/linear-keywords-1-ref.html
new file mode 100644
index 0000000000..d311b3df12
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-keywords-1-ref.html
@@ -0,0 +1,23 @@
+<html xmlns="http://www.w3.org/1999/xhtml" 
+      class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var grad = ctx.createLinearGradient(0,0,300,300);
+  grad.addColorStop(0, '#0000ff');
+  grad.addColorStop(1, '#000000');
+
+  ctx.fillStyle = grad;
+  ctx.fillRect(0,0,300,300);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="300" height="300"/>
+</body>
+</html>
+
diff --git a/layout/reftests/css-gradients/linear-keywords-1a.html b/layout/reftests/css-gradients/linear-keywords-1a.html
new file mode 100644
index 0000000000..48cf46606f
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-keywords-1a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to right bottom, #0000ff, #000000) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/linear-onestopposition-1-ref.html b/layout/reftests/css-gradients/linear-onestopposition-1-ref.html
new file mode 100644
index 0000000000..c9fdca6b44
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-onestopposition-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for linear-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: linear-gradient(to right, blue 0%, blue 25%, orange 25%, orange 100%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/linear-onestopposition-1-ref2.html b/layout/reftests/css-gradients/linear-onestopposition-1-ref2.html
new file mode 100644
index 0000000000..51f70bcd46
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-onestopposition-1-ref2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>Test for linear-gradient() with all stops at the same position</title>
+<style>
+
+#div1 {
+  float: left;
+  width: 50px;
+  height: 200px;
+  background: blue;
+}
+
+#div2 {
+  float: left;
+  width: 150px;
+  height: 200px;
+  background: orange;
+}
+
+</style>
+<div id="div1"></div>
+<div id="div2"></div>
diff --git a/layout/reftests/css-gradients/linear-onestopposition-1.html b/layout/reftests/css-gradients/linear-onestopposition-1.html
new file mode 100644
index 0000000000..0addaf8822
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-onestopposition-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for linear-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: linear-gradient(to right, blue 25%, orange 25%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/linear-position-1-ref.html b/layout/reftests/css-gradients/linear-position-1-ref.html
new file mode 100644
index 0000000000..cd66e66812
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-position-1-ref.html
@@ -0,0 +1,2 @@
+<body style="margin:0;">
+<div style="background: linear-gradient(to right, white, black) no-repeat; position:relative; left:-200px; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/linear-position-1a.html b/layout/reftests/css-gradients/linear-position-1a.html
new file mode 100644
index 0000000000..235d0136ce
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-position-1a.html
@@ -0,0 +1,2 @@
+<body style="margin:0;">
+<div style="background: linear-gradient(to right, white, black) no-repeat; background-position:-200px 0; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/linear-premul-ref.html b/layout/reftests/css-gradients/linear-premul-ref.html
new file mode 100644
index 0000000000..bf0b12c33f
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-premul-ref.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to right, rgba(255, 0, 0, .9) 0% , rgba(255, 0, 0, 0) 50%, rgba(0, 0, 255, 0) 50%, rgba(0, 0, 255, 1) 100%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/linear-premul.html b/layout/reftests/css-gradients/linear-premul.html
new file mode 100644
index 0000000000..20c7c276a2
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-premul.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to right, rgba(255, 0, 0, .9) 0% , rgba(0, 255, 0, 0) 50%, rgba(0, 0, 255, 1) 100%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1-ref.html b/layout/reftests/css-gradients/linear-repeat-1-ref.html
new file mode 100644
index 0000000000..f9f42811f4
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1-ref.html
@@ -0,0 +1,6 @@
+<div style="background: black; width: 300px; height: 50px;"></div>
+<div style="background: white; width: 300px; height: 50px;"></div>
+<div style="background: black; width: 300px; height: 50px;"></div>
+<div style="background: white; width: 300px; height: 50px;"></div>
+<div style="background: black; width: 300px; height: 50px;"></div>
+<div style="background: white; width: 300px; height: 50px;"></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1a.html b/layout/reftests/css-gradients/linear-repeat-1a.html
new file mode 100644
index 0000000000..524b09201d
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1a.html
@@ -0,0 +1,2 @@
+<div style="background: linear-gradient(black, black 50%, white 50%, white);
+            background-size: 100px 100px; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1b.html b/layout/reftests/css-gradients/linear-repeat-1b.html
new file mode 100644
index 0000000000..72e47ce46a
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1b.html
@@ -0,0 +1,2 @@
+<div style="background: linear-gradient(black, black 50px, white 50px, white 100px, black 100px, black 150px, white 150px, white 200px);
+            background-size: 100px 200px; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1c.html b/layout/reftests/css-gradients/linear-repeat-1c.html
new file mode 100644
index 0000000000..246a694ce8
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1c.html
@@ -0,0 +1,4 @@
+<div style="background: linear-gradient(white, white 50%, black 50%, black);
+            background-size: 100px 100px;
+            background-position: 0 -50px;
+            width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1d.html b/layout/reftests/css-gradients/linear-repeat-1d.html
new file mode 100644
index 0000000000..e087da805b
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1d.html
@@ -0,0 +1,3 @@
+<div style="background: linear-gradient(white, white 50px, black 50px, black 100px, white 100px, white 150px, black 150px, black 200px);
+            background-size: 100px 200px; background-position: 0 -50px;
+            width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1e.html b/layout/reftests/css-gradients/linear-repeat-1e.html
new file mode 100644
index 0000000000..be4b600f21
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1e.html
@@ -0,0 +1,3 @@
+<div style="background: linear-gradient(black, black 50%, white 50%, white);
+            background-size: 300px 100px; background-repeat: repeat-y;
+            width: 500px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1f.html b/layout/reftests/css-gradients/linear-repeat-1f.html
new file mode 100644
index 0000000000..c0f4bdb82d
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1f.html
@@ -0,0 +1,10 @@
+<div style="background: linear-gradient(black, black 50px, white 50px, white 100px, black 100px, black 150px, white 150px, white 200px);
+            background-size: 100px 200px; background-repeat: repeat-x;
+            width: 300px; height: 800px;
+            margin-bottom: -600px;"></div>
+<!-- making the gradient actually be 300px high isn't reliable since
+     the stop positions cannot be exactly represented and rounding errors
+     creep in. So just let the gradient be 200px high and pad out to match
+     the reference. -->
+<div style="background: black; width: 300px; height: 50px;"></div>
+<div style="background: white; width: 300px; height: 50px;"></div>
diff --git a/layout/reftests/css-gradients/linear-repeat-1g.html b/layout/reftests/css-gradients/linear-repeat-1g.html
new file mode 100644
index 0000000000..9cdac22765
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-repeat-1g.html
@@ -0,0 +1,12 @@
+<body style="overflow:hidden">
+<div style="background: linear-gradient(black, black 50px, white 50px, white 100px, black 100px, black 150px, white 150px, white 200px);
+            background-size: 300px 200px; background-repeat: no-repeat;
+            width: 800px; height: 800px;
+            margin-bottom: -600px;"></div>
+<!-- making the gradient actually be 300px high isn't reliable since
+     the stop positions cannot be exactly represented and rounding errors
+     creep in. So just let the gradient be 200px high and pad out to match
+     the reference. -->
+<div style="background: black; width: 300px; height: 50px;"></div>
+<div style="background: white; width: 300px; height: 50px;"></div>
+</body>
diff --git a/layout/reftests/css-gradients/linear-rotated-1-ref.html b/layout/reftests/css-gradients/linear-rotated-1-ref.html
new file mode 100644
index 0000000000..d22ca1bb74
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-rotated-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:100px; height:100px; background:linear-gradient(to left, red, green);"></div>
+<div style="width:100px; height:100px; background:linear-gradient(to right, red, green);"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/linear-rotated-1.html b/layout/reftests/css-gradients/linear-rotated-1.html
new file mode 100644
index 0000000000..b927d1db27
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-rotated-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:100px; height:100px; transform:rotate(90deg); background:linear-gradient(red, green);"></div>
+<div style="width:100px; height:100px; transform:rotate(270deg); background:linear-gradient(red, green);"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/linear-size-1-ref.html b/layout/reftests/css-gradients/linear-size-1-ref.html
new file mode 100644
index 0000000000..662048f40b
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-size-1-ref.html
@@ -0,0 +1,3 @@
+<div style="background: linear-gradient(white, black) no-repeat; width: 300px; height: 100px;"></div>
+<div style="background: linear-gradient(white, black) no-repeat; width: 300px; height: 100px;"></div>
+<div style="background: linear-gradient(white, black) no-repeat; width: 300px; height: 100px;"></div>
diff --git a/layout/reftests/css-gradients/linear-size-1a.html b/layout/reftests/css-gradients/linear-size-1a.html
new file mode 100644
index 0000000000..30d133369f
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-size-1a.html
@@ -0,0 +1,2 @@
+<div style="background: linear-gradient(white, black);
+            background-size: 300px 100px; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-stops-1-ref.html b/layout/reftests/css-gradients/linear-stops-1-ref.html
new file mode 100644
index 0000000000..7ef12c93ec
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-stops-1-ref.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white 0%, red 20%, green 40%, blue 60%, yellow 80%, black 100%) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-stops-1a.html b/layout/reftests/css-gradients/linear-stops-1a.html
new file mode 100644
index 0000000000..4eed757f1a
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-stops-1a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white, red, green, blue, yellow, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-stops-1b.html b/layout/reftests/css-gradients/linear-stops-1b.html
new file mode 100644
index 0000000000..69f7260db5
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-stops-1b.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white 0, red 60px, green 120px, blue 180px, yellow 240px, black 300px) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-stops-1c.html b/layout/reftests/css-gradients/linear-stops-1c.html
new file mode 100644
index 0000000000..99fa88a746
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-stops-1c.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white, red 20%, green, blue 60%, yellow, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-stops-1d.html b/layout/reftests/css-gradients/linear-stops-1d.html
new file mode 100644
index 0000000000..005f4fdf5b
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-stops-1d.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white, red, green 40%, red 40%, green 40%, blue, yellow, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-stops-1e.html b/layout/reftests/css-gradients/linear-stops-1e.html
new file mode 100644
index 0000000000..808ecd016e
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-stops-1e.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white, red, green 40%, red 20%, green 40%, blue, yellow, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-stops-1f.html b/layout/reftests/css-gradients/linear-stops-1f.html
new file mode 100644
index 0000000000..79ce44928b
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-stops-1f.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white, red, green 40%, red 40%, green 20%, blue, yellow, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-vertical-1-ref.html b/layout/reftests/css-gradients/linear-vertical-1-ref.html
new file mode 100644
index 0000000000..4de794ac61
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-vertical-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<canvas id="canvas" width="300" height="300"/>
+<script>
+var ctx = document.getElementById('canvas').getContext('2d');
+
+var grad = ctx.createLinearGradient(150,0,150,300);
+grad.addColorStop(0, 'white');
+grad.addColorStop(1, 'black');
+
+ctx.fillStyle = grad;
+ctx.fillRect(0,0,300,300);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/linear-vertical-1a.html b/layout/reftests/css-gradients/linear-vertical-1a.html
new file mode 100644
index 0000000000..fd2b62fbb2
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-vertical-1a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-vertical-1b.html b/layout/reftests/css-gradients/linear-vertical-1b.html
new file mode 100644
index 0000000000..4b9ffc5050
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-vertical-1b.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to bottom, white, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-vertical-1c.html b/layout/reftests/css-gradients/linear-vertical-1c.html
new file mode 100644
index 0000000000..f311e8ac47
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-vertical-1c.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white 0%, white 0%, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-vertical-1d.html b/layout/reftests/css-gradients/linear-vertical-1d.html
new file mode 100644
index 0000000000..aab3c104a9
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-vertical-1d.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(white 0%, white -20%, black) no-repeat; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/linear-vertical-subpixel-1-ref.html b/layout/reftests/css-gradients/linear-vertical-subpixel-1-ref.html
new file mode 100644
index 0000000000..e60080125c
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-vertical-subpixel-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  margin-top: 21px;
+  height: 30px;
+  background-image: linear-gradient(black, white);
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/linear-vertical-subpixel-1.html b/layout/reftests/css-gradients/linear-vertical-subpixel-1.html
new file mode 100644
index 0000000000..0bca7bafb3
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-vertical-subpixel-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  margin-top: 20.7px;
+  height: 30px;
+  background-image: linear-gradient(black, white);
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/linear-viewport-ref.html b/layout/reftests/css-gradients/linear-viewport-ref.html
new file mode 100644
index 0000000000..36a51e521f
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-viewport-ref.html
@@ -0,0 +1 @@
+<body style="border: 0; margin: 0; padding: 0;"><div style="background: linear-gradient(blue, aqua) no-repeat; width: 100%; height: 100%;">&nbsp;</div></body>
diff --git a/layout/reftests/css-gradients/linear-viewport.html b/layout/reftests/css-gradients/linear-viewport.html
new file mode 100644
index 0000000000..a6f2bf64ed
--- /dev/null
+++ b/layout/reftests/css-gradients/linear-viewport.html
@@ -0,0 +1,2 @@
+<!-- bug 509681 -->
+<body style="background: linear-gradient(blue, aqua) fixed no-repeat;">
diff --git a/layout/reftests/css-gradients/mask-gradient-translucent-end-color-1-ref.html b/layout/reftests/css-gradients/mask-gradient-translucent-end-color-1-ref.html
new file mode 100644
index 0000000000..e5fdd1028f
--- /dev/null
+++ b/layout/reftests/css-gradients/mask-gradient-translucent-end-color-1-ref.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Make sure that gradient masks are painted correctly with translucent end-color</title>
+
+<style>
+
+html {
+  background: rgba(255, 0, 0, 0.5);
+  overflow: hidden;
+}
+
+</style>
diff --git a/layout/reftests/css-gradients/mask-gradient-translucent-end-color-1.html b/layout/reftests/css-gradients/mask-gradient-translucent-end-color-1.html
new file mode 100644
index 0000000000..29c0b28313
--- /dev/null
+++ b/layout/reftests/css-gradients/mask-gradient-translucent-end-color-1.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Make sure that gradient masks are painted correctly with translucent end-color</title>
+<!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1329411 -->
+
+<style>
+
+html {
+  background: white;
+  overflow: hidden;
+}
+
+div {
+  height: 5000px;
+  background-color: red;
+  mask-image: linear-gradient(transparent 0px, rgba(255, 0, 0, 0.5) 2000px);
+}
+
+</style>
+<body style="margin: 0px;">
+  <div></div>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function () {
+      document.documentElement.scrollTop = 3000; // > 2000
+      document.documentElement.removeAttribute("class");
+    });
+  </script>
+</body>
diff --git a/layout/reftests/css-gradients/nostops.html b/layout/reftests/css-gradients/nostops.html
new file mode 100644
index 0000000000..9c40353658
--- /dev/null
+++ b/layout/reftests/css-gradients/nostops.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to right bottom) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/onestop.html b/layout/reftests/css-gradients/onestop.html
new file mode 100644
index 0000000000..afa1ad6fb3
--- /dev/null
+++ b/layout/reftests/css-gradients/onestop.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to right bottom, #0000ff 50%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/orange-square.html b/layout/reftests/css-gradients/orange-square.html
new file mode 100644
index 0000000000..aa70b29fa6
--- /dev/null
+++ b/layout/reftests/css-gradients/orange-square.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>orange square</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background: orange;
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/radial-1-ref.html b/layout/reftests/css-gradients/radial-1-ref.html
new file mode 100644
index 0000000000..b836c6c061
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-1-ref.html
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var radgrad = ctx.createRadialGradient(100,100,25,100,100,50);
+  radgrad.addColorStop(0, '#FF0000');
+  radgrad.addColorStop(1, '#0000FF');
+
+  ctx.fillStyle = radgrad;
+  ctx.fillRect(0,0,300,300);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="300" height="300"/>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/radial-1a.html b/layout/reftests/css-gradients/radial-1a.html
new file mode 100644
index 0000000000..e42e1d1ca3
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-1a.html
@@ -0,0 +1 @@
+<div style="background: radial-gradient(100px 100px at 100px 100px, #ff0000 25px, #0000ff 50px) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-1b.html b/layout/reftests/css-gradients/radial-1b.html
new file mode 100644
index 0000000000..450dbc9590
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-1b.html
@@ -0,0 +1 @@
+<div style="background: radial-gradient(closest-side at 100px 100px, #ff0000 25px, #0000ff 50px) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-2-ref.html b/layout/reftests/css-gradients/radial-2-ref.html
new file mode 100644
index 0000000000..71ccb53eee
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-2-ref.html
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+<head>
+<script>
+function doDraw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var radgrad = ctx.createRadialGradient(100,100,0,100,100,50);
+  radgrad.addColorStop(0, '#FF0000');
+  radgrad.addColorStop(1, '#0000FF');
+
+  ctx.fillStyle = radgrad;
+  ctx.fillRect(0,0,300,300);
+
+  document.documentElement.removeAttribute('class');
+}
+</script>
+</head>
+<body onload="doDraw();">
+<canvas id="canvas" width="300" height="300"/>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/radial-2a.html b/layout/reftests/css-gradients/radial-2a.html
new file mode 100644
index 0000000000..b316e1c504
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-2a.html
@@ -0,0 +1 @@
+<div style="background: radial-gradient(closest-side at 100px 100px, yellow -10px, #ff0000 0, #0000ff 50px); width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-2b.html b/layout/reftests/css-gradients/radial-2b.html
new file mode 100644
index 0000000000..675cb6ecd6
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-2b.html
@@ -0,0 +1,3 @@
+<!-- This test checks that adjustment of stop positions to be non-negative
+     happens after the calculation of implied stop positions -->
+<div style="background: radial-gradient(closest-side at 100px 100px, #ff0000 -50px, #ff0000, #0000ff 50px); width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-2c.html b/layout/reftests/css-gradients/radial-2c.html
new file mode 100644
index 0000000000..38bdcfd85c
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-2c.html
@@ -0,0 +1 @@
+<div style="background: radial-gradient(100px 100px at 100px 100px, yellow -10px, #ff0000 0, #0000ff 50px); width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-2d.html b/layout/reftests/css-gradients/radial-2d.html
new file mode 100644
index 0000000000..152ee771ba
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-2d.html
@@ -0,0 +1,3 @@
+<!-- This test checks that adjustment of stop positions to be non-negative
+     happens after the calculation of implied stop positions -->
+<div style="background: radial-gradient(100px 100px at 100px 100px, #ff0000 -50px, #ff0000, #0000ff 50px); width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-onestopposition-1-ref.html b/layout/reftests/css-gradients/radial-onestopposition-1-ref.html
new file mode 100644
index 0000000000..439e50cbd5
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-onestopposition-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for radial-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: radial-gradient(closest-side, blue 0%, blue 25%, orange 25%, orange 100%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/radial-onestopposition-1a.html b/layout/reftests/css-gradients/radial-onestopposition-1a.html
new file mode 100644
index 0000000000..60ad3e6a3d
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-onestopposition-1a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for radial-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: radial-gradient(closest-side, blue 25%, orange 25%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/radial-onestopposition-1b.html b/layout/reftests/css-gradients/radial-onestopposition-1b.html
new file mode 100644
index 0000000000..22a00ff896
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-onestopposition-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for radial-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: radial-gradient(100px 100px at 100px, blue 25%, orange 25%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/radial-position-1-ref.html b/layout/reftests/css-gradients/radial-position-1-ref.html
new file mode 100644
index 0000000000..c94455ebe8
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-position-1-ref.html
@@ -0,0 +1,2 @@
+<body style="margin:0;">
+<div style="background: radial-gradient(white, black) no-repeat; position:relative; left:-200px; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-position-1a.html b/layout/reftests/css-gradients/radial-position-1a.html
new file mode 100644
index 0000000000..ecd4b369f4
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-position-1a.html
@@ -0,0 +1,2 @@
+<body style="margin:0;">
+<div style="background: radial-gradient(white, black) no-repeat; background-position:-200px 0; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-position-1b.html b/layout/reftests/css-gradients/radial-position-1b.html
new file mode 100644
index 0000000000..02d3ed0714
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-position-1b.html
@@ -0,0 +1,2 @@
+<body style="margin:0;">
+<div style="background: radial-gradient(212.132034px 212.132034px at center, white, black) no-repeat; background-position:-200px 0; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-premul-ref.html b/layout/reftests/css-gradients/radial-premul-ref.html
new file mode 100644
index 0000000000..1424f4373c
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-premul-ref.html
@@ -0,0 +1 @@
+<div style="background: radial-gradient(rgba(255, 0, 0, .9) 0% , rgba(255, 0, 0, 0) 50%, rgba(0, 0, 255, 0) 50%, rgba(0, 0, 255, 1) 100%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-premul.html b/layout/reftests/css-gradients/radial-premul.html
new file mode 100644
index 0000000000..33b89c72bc
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-premul.html
@@ -0,0 +1 @@
+<div style="background: radial-gradient(rgba(255, 0, 0, .9) 0% , rgba(0, 255, 0, 0) 50%, rgba(0, 0, 255, 1) 100%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/radial-shape-closest-corner-1-ref.html b/layout/reftests/css-gradients/radial-shape-closest-corner-1-ref.html
new file mode 100644
index 0000000000..b6835d759d
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-closest-corner-1-ref.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(closest-side circle at 60px 80px, white, black 100px); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(closest-side circle at 140px 80px, white, black 100px); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(closest-side circle at 80px 60px, white, black 100px); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(closest-side circle at 80px 140px, white, black 100px); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(closest-corner at 60px 80px, white, black 60px); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(closest-corner at 140px 80px, white, black 60px); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(ellipse closest-corner at 80px 60px, white, black 80px); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(ellipse closest-corner at 80px 140px, white, black 80px); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-closest-corner-1a.html b/layout/reftests/css-gradients/radial-shape-closest-corner-1a.html
new file mode 100644
index 0000000000..508b002670
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-closest-corner-1a.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(circle closest-corner at 60px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(closest-corner circle at 140px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(circle closest-corner at 80px 60px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(closest-corner circle at 80px 140px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(ellipse closest-corner at 60px 80px, white, black 60px); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(closest-corner ellipse at 140px 80px, white, black 60px); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(closest-corner at 80px 60px, white, black 80px); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(closest-corner at 80px 140px, white, black 80px); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-closest-corner-1b.html b/layout/reftests/css-gradients/radial-shape-closest-corner-1b.html
new file mode 100644
index 0000000000..e5d3dc5ee6
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-closest-corner-1b.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(100px 100px at 60px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(100px at 140px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(100px 100px at 80px 60px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(100px at 80px 140px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(84.8528137px 113.137084px at 60px 80px, white, black 60px); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(84.8528137px 113.137084px at 140px 80px, white, black 60px); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(113.137084px 84.8528137px at 80px 60px, white, black 80px); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(113.137084px 84.8528137px at 80px 140px, white, black 80px); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-closest-side-1-ref.html b/layout/reftests/css-gradients/radial-shape-closest-side-1-ref.html
new file mode 100644
index 0000000000..284cf85855
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-closest-side-1-ref.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(circle closest-side at 50px 80px, white, black 50px); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(circle closest-side at 150px 80px, white, black 50px); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(circle closest-side at 80px 50px, white, black 50px); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(circle closest-side at 80px 150px, white, black 50px); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(circle closest-side at 20px 20px, white, black 20px); height:100px; transform-origin:0 0; transform:scale(1.0, 2.0); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(circle closest-side at 180px 20px, white, black 20px); height:100px; transform-origin:0 0; transform:scale(1.0, 2.0); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(circle closest-side at 20px 20px, white, black 20px); width:100px; transform-origin:0 0; transform:scale(2.0, 1.0); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(circle closest-side at 20px 180px, white, black 20px); width:100px; transform-origin:0 0; transform:scale(2.0, 1.0); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-closest-side-1a.html b/layout/reftests/css-gradients/radial-shape-closest-side-1a.html
new file mode 100644
index 0000000000..a689ab0365
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-closest-side-1a.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(circle closest-side at 50px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(closest-side circle at 150px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(circle closest-side at 80px 50px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(closest-side circle at 80px 150px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(ellipse closest-side at 20px 40px, white, black); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(closest-side ellipse at 180px 40px, white, black); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(closest-side at 40px 20px, white, black); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(closest-side at 40px 180px, white, black); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-closest-side-1b.html b/layout/reftests/css-gradients/radial-shape-closest-side-1b.html
new file mode 100644
index 0000000000..8290b6ad11
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-closest-side-1b.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(50px 50px at 50px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(50px at 150px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(50px 50px at 80px 50px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(50px at 80px 150px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(20px 40px at 20px 40px, white, black); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(20px 40px at 180px 40px, white, black); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(40px 20px at 40px 20px, white, black); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(40px 20px at 40px 180px, white, black); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-farthest-corner-1-ref.html b/layout/reftests/css-gradients/radial-shape-farthest-corner-1-ref.html
new file mode 100644
index 0000000000..e8fc7ff5ef
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-farthest-corner-1-ref.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(circle farthest-side at 40px 80px, white, black 200px); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 160px 80px, white, black 200px); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(circle farthest-side at 80px 40px, white, black 200px); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 80px 160px, white, black 200px); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(farthest-corner at 60px 80px, white, black 140px); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-corner at 140px 80px, white, black 140px); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(ellipse farthest-corner at 80px 60px, white, black 120px); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(ellipse farthest-corner at 80px 140px, white, black 120px); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-farthest-corner-1a.html b/layout/reftests/css-gradients/radial-shape-farthest-corner-1a.html
new file mode 100644
index 0000000000..6ee7b27c88
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-farthest-corner-1a.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(circle farthest-corner at 40px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-corner circle at 160px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(circle farthest-corner at 80px 40px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-corner circle at 80px 160px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(ellipse farthest-corner at 60px 80px, white, black 140px); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-corner ellipse at 140px 80px, white, black 140px); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(farthest-corner at 80px 60px, white, black 120px); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-corner at 80px 140px, white, black 120px); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-farthest-corner-1b.html b/layout/reftests/css-gradients/radial-shape-farthest-corner-1b.html
new file mode 100644
index 0000000000..b095575f00
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-farthest-corner-1b.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(200px 200px at 40px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(200px at 160px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(200px 200px at 80px 40px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(200px at 80px 160px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(197.989898px 169.705627px at 60px 80px, white, black 140px); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(197.989898px 169.705627px at 140px 80px, white, black 140px); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(169.705627px 197.989898px at 80px 60px, white, black 120px); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(169.705627px 197.989898px at 80px 140px, white, black 120px); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-farthest-side-1-ref.html b/layout/reftests/css-gradients/radial-shape-farthest-side-1-ref.html
new file mode 100644
index 0000000000..d2a04d803d
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-farthest-side-1-ref.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(circle farthest-side at 50px 80px, white, black 150px); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 150px 80px, white, black 150px); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(circle farthest-side at 80px 50px, white, black 150px); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 80px 150px, white, black 150px); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(circle farthest-side at 80px 80px, white, black 120px); transform-origin:0 0; transform:scale(1.0, 0.5); top:430px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 120px 120px, white, black 120px); transform-origin:0 0; transform:scale(1.0, 0.5); top:430px; left:220px;"></div>
+<div style="background: radial-gradient(circle farthest-side at 80px 80px, white, black 120px); transform-origin:0 0; transform:scale(0.5, 1.0); top:640px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 120px 120px, white, black 120px); transform-origin:0 0; transform:scale(0.5, 1.0); top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-farthest-side-1a.html b/layout/reftests/css-gradients/radial-shape-farthest-side-1a.html
new file mode 100644
index 0000000000..802280dd6b
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-farthest-side-1a.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(circle farthest-side at 50px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 150px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(circle farthest-side at 80px 50px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side circle at 80px 150px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(farthest-side at 80px 40px, white, black); height:100px; top:430px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side at 120px 60px, white, black); height:100px; top:430px; left:220px;"></div>
+<div style="background: radial-gradient(ellipse farthest-side at 40px 80px, white, black); width:100px; top:640px; left:10px;"></div>
+<div style="background: radial-gradient(farthest-side ellipse at 60px 120px, white, black); width:100px; top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-shape-farthest-side-1b.html b/layout/reftests/css-gradients/radial-shape-farthest-side-1b.html
new file mode 100644
index 0000000000..4ff7974762
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-shape-farthest-side-1b.html
@@ -0,0 +1,9 @@
+<style>div { position:absolute; width:200px; height:200px; }</style>
+<div style="background: radial-gradient(150px 150px at 50px 80px, white, black); top:10px; left:10px;"></div>
+<div style="background: radial-gradient(150px at 150px 80px, white, black); top:10px; left:220px;"></div>
+<div style="background: radial-gradient(150px 150px at 80px 50px, white, black); top:220px; left:10px;"></div>
+<div style="background: radial-gradient(150px at 80px 150px, white, black); top:220px; left:220px;"></div>
+<div style="background: radial-gradient(120px 60px at 80px 40px, white, black); height:100px; top:430px; left:10px;"></div>
+<div style="background: radial-gradient(120px 60px at 120px 60px, white, black); height:100px; top:430px; left:220px;"></div>
+<div style="background: radial-gradient(60px 120px at 40px 80px, white, black); width:100px; top:640px; left:10px;"></div>
+<div style="background: radial-gradient(60px 120px at 60px 120px, white, black); width:100px; top:640px; left:220px;"></div>
diff --git a/layout/reftests/css-gradients/radial-size-1-ref.html b/layout/reftests/css-gradients/radial-size-1-ref.html
new file mode 100644
index 0000000000..bb0cc963fe
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-size-1-ref.html
@@ -0,0 +1,3 @@
+<div style="background: radial-gradient(white, black) no-repeat; width: 300px; height: 100px;"></div>
+<div style="background: radial-gradient(white, black) no-repeat; width: 300px; height: 100px;"></div>
+<div style="background: radial-gradient(white, black) no-repeat; width: 300px; height: 100px;"></div>
diff --git a/layout/reftests/css-gradients/radial-size-1a.html b/layout/reftests/css-gradients/radial-size-1a.html
new file mode 100644
index 0000000000..7c4fa66c7f
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-size-1a.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(white, black);
+            background-size: 300px 100px; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-size-1b.html b/layout/reftests/css-gradients/radial-size-1b.html
new file mode 100644
index 0000000000..6095144d3d
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-size-1b.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(70.7106781% 70.7106781% at center, white, black);
+            background-size: 300px 100px; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-zero-length-1-ref.html b/layout/reftests/css-gradients/radial-zero-length-1-ref.html
new file mode 100644
index 0000000000..0379d19246
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-zero-length-1-ref.html
@@ -0,0 +1,2 @@
+<div style="background: black; width: 300px; height: 300px;"></div>
+<div style="background: black; width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-zero-length-1a.html b/layout/reftests/css-gradients/radial-zero-length-1a.html
new file mode 100644
index 0000000000..e1a2faee28
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-zero-length-1a.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(circle closest-side at left, white, black); width: 300px; height: 300px;"></div>
+<div style="background: repeating-radial-gradient(closest-side circle at left, white, black); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-zero-length-1b.html b/layout/reftests/css-gradients/radial-zero-length-1b.html
new file mode 100644
index 0000000000..85aa9b4730
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-zero-length-1b.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(circle closest-side at left, red, white 100px, black); width: 300px; height: 300px;"></div>
+<div style="background: repeating-radial-gradient(closest-side circle at left, red, white 100px, black); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-zero-length-1c.html b/layout/reftests/css-gradients/radial-zero-length-1c.html
new file mode 100644
index 0000000000..2113caae10
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-zero-length-1c.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(0 0 at left, red, white 100px, black); width: 300px; height: 300px;"></div>
+<div style="background: repeating-radial-gradient(0 0 at left, red, white 100px, black); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-zero-length-1d.html b/layout/reftests/css-gradients/radial-zero-length-1d.html
new file mode 100644
index 0000000000..fc078321df
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-zero-length-1d.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(ellipse closest-side at left, red, white 100px, black); width: 300px; height: 300px;"></div>
+<div style="background: repeating-radial-gradient(closest-side ellipse at left, red, white 100px, black); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-zero-length-1e.html b/layout/reftests/css-gradients/radial-zero-length-1e.html
new file mode 100644
index 0000000000..52341674a7
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-zero-length-1e.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(0 150px at left, red, white 100px, black); width: 300px; height: 300px;"></div>
+<div style="background: repeating-radial-gradient(0 150px at left, red, white 100px, black); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/radial-zero-length-1f.html b/layout/reftests/css-gradients/radial-zero-length-1f.html
new file mode 100644
index 0000000000..64d0fafd75
--- /dev/null
+++ b/layout/reftests/css-gradients/radial-zero-length-1f.html
@@ -0,0 +1,2 @@
+<div style="background: radial-gradient(ellipse closest-side at top, red, white 100px, black); width: 300px; height: 300px;"></div>
+<div style="background: repeating-radial-gradient(closest-side ellipse at top, red, white 100px, black); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/reftest.list b/layout/reftests/css-gradients/reftest.list
new file mode 100644
index 0000000000..cb22973622
--- /dev/null
+++ b/layout/reftests/css-gradients/reftest.list
@@ -0,0 +1,111 @@
+fuzzy(0-4,0-89700) == linear-1a.html linear-1-ref.html
+fuzzy(0-2,0-23918) == linear-keywords-1a.html linear-keywords-1-ref.html
+== linear-diagonal-1a.html linear-diagonal-1-ref.html
+== linear-diagonal-2a.html linear-diagonal-2-ref.html
+== linear-diagonal-3a.html linear-diagonal-3-ref.html
+== linear-diagonal-4a.html linear-diagonal-4-ref.html
+fuzzy(0-3,0-43000) == linear-premul.html linear-premul-ref.html
+
+fuzzy(0-1,0-800000) == linear-flipped-1.html linear-flipped-1-ref.html
+== linear-position-1a.html linear-position-1-ref.html
+== linear-repeat-1a.html linear-repeat-1-ref.html
+== linear-repeat-1b.html linear-repeat-1-ref.html
+== linear-repeat-1c.html linear-repeat-1-ref.html
+== linear-repeat-1d.html linear-repeat-1-ref.html
+== linear-repeat-1e.html linear-repeat-1-ref.html
+== linear-repeat-1f.html linear-repeat-1-ref.html
+== linear-repeat-1g.html linear-repeat-1-ref.html # bug 582236
+fuzzy(0-1,0-500) fuzzy-if(winWidget,0-2,0-100) == linear-rotated-1.html linear-rotated-1-ref.html
+fuzzy(0-1,0-45000) == linear-size-1a.html linear-size-1-ref.html
+== linear-stops-1a.html linear-stops-1-ref.html
+== linear-stops-1b.html linear-stops-1-ref.html
+== linear-stops-1c.html linear-stops-1-ref.html
+# these gradients will be cached (in WebRender) and thus exhibit off-by-1 texture interpolation differences:
+fuzzy(0-1,0-35400) == linear-stops-1d.html linear-stops-1-ref.html
+fuzzy(0-1,0-35400) == linear-stops-1e.html linear-stops-1-ref.html
+fuzzy(0-1,0-35400) == linear-stops-1f.html linear-stops-1-ref.html
+fuzzy(0-3,0-89700) == linear-vertical-1a.html linear-vertical-1-ref.html
+fuzzy(0-3,0-89700) == linear-vertical-1b.html linear-vertical-1-ref.html
+fuzzy(0-3,0-89700) == linear-vertical-1c.html linear-vertical-1-ref.html
+fuzzy(0-3,0-89700) == linear-vertical-1d.html linear-vertical-1-ref.html
+fuzzy(0-3,0-21070) == linear-vertical-subpixel-1.html linear-vertical-subpixel-1-ref.html
+== linear-viewport.html linear-viewport-ref.html
+== nostops.html about:blank
+== onestop.html about:blank
+random-if(d2d) fuzzy(0-4,0-6000) == radial-1a.html radial-1-ref.html
+random-if(d2d) fuzzy(0-4,0-6000) == radial-1b.html radial-1-ref.html
+fuzzy(0-3,0-7860) fuzzy-if(cocoaWidget,0-5,0-89041) fuzzy-if(azureSkiaGL,0-4,0-90000) == radial-2a.html radial-2-ref.html
+fuzzy(0-3,0-7860) fuzzy-if(cocoaWidget,0-5,0-89041) fuzzy-if(azureSkiaGL,0-4,0-90000) == radial-2b.html radial-2-ref.html
+fuzzy(0-3,0-7860) fuzzy-if(cocoaWidget,0-5,0-89041) fuzzy-if(azureSkiaGL,0-4,0-90000) == radial-2c.html radial-2-ref.html
+fuzzy(0-3,0-7860) fuzzy-if(cocoaWidget,0-5,0-89041) fuzzy-if(azureSkiaGL,0-4,0-90000) == radial-2d.html radial-2-ref.html
+fuzzy(0-1,0-50) == radial-position-1b.html radial-position-1-ref.html
+fuzzy-if(cocoaWidget,0-4,0-22317) fuzzy-if(Android,0-8,0-771) == radial-shape-closest-corner-1a.html radial-shape-closest-corner-1-ref.html
+fuzzy(0-2,0-300) == radial-shape-closest-corner-1b.html radial-shape-closest-corner-1-ref.html
+fuzzy(0-5,0-30000) fuzzy-if(Android,0-17,0-5000) == radial-shape-closest-side-1a.html radial-shape-closest-side-1-ref.html
+fuzzy(0-5,0-30000) fuzzy-if(Android,0-17,0-5000) == radial-shape-closest-side-1b.html radial-shape-closest-side-1-ref.html
+fuzzy-if(Android,0-8,0-771) == radial-shape-farthest-corner-1a.html radial-shape-farthest-corner-1-ref.html
+fails-if(gtkWidget&&/x86_64-/.test(xulRuntime.XPCOMABI)) fuzzy(0-2,0-500) == radial-shape-farthest-corner-1b.html radial-shape-farthest-corner-1-ref.html
+fuzzy(0-2,0-15000) fuzzy-if(Android,0-17,0-13320) == radial-shape-farthest-side-1a.html radial-shape-farthest-side-1-ref.html
+fuzzy(0-2,0-15000) fuzzy-if(Android,0-17,0-13320) == radial-shape-farthest-side-1b.html radial-shape-farthest-side-1-ref.html
+== radial-size-1a.html radial-size-1-ref.html
+== radial-size-1b.html radial-size-1-ref.html
+fuzzy-if(Android,0-4,0-248) == radial-zero-length-1a.html radial-zero-length-1-ref.html
+fuzzy-if(Android,0-4,0-248) == radial-zero-length-1b.html radial-zero-length-1-ref.html
+fuzzy-if(Android,0-4,0-248) == radial-zero-length-1c.html radial-zero-length-1-ref.html
+fuzzy-if(Android,0-4,0-248) == radial-zero-length-1d.html radial-zero-length-1-ref.html
+fuzzy-if(Android,0-4,0-248) == radial-zero-length-1e.html radial-zero-length-1-ref.html
+fuzzy-if(Android,0-4,0-248) == radial-zero-length-1f.html radial-zero-length-1-ref.html
+fuzzy(0-1,0-40) == radial-premul.html radial-premul-ref.html
+== repeated-final-stop-1.html repeated-final-stop-1-ref.html
+== repeating-linear-1a.html repeating-linear-1-ref.html
+== repeating-linear-1b.html repeating-linear-1-ref.html
+== repeating-linear-2a.html repeating-linear-2-ref.html
+fuzzy-if(d2d,0-127,0-2612) == repeating-radial-1a.html repeating-radial-1-ref.html
+== repeating-radial-1b.html repeating-radial-1-ref.html
+fuzzy-if(d2d,0-127,0-2612) == repeating-radial-1c.html repeating-radial-1-ref.html
+== repeating-radial-1d.html repeating-radial-1-ref.html
+== repeating-radial-2a.html repeating-radial-2-ref.html
+== repeating-radial-2b.html repeating-radial-2-ref.html
+fuzzy(0-18,0-600) == twostops-1a.html twostops-1-ref.html
+fuzzy(0-18,0-600) == twostops-1b.html twostops-1-ref.html
+fuzzy(0-226,0-600) == twostops-1c.html twostops-1-ref.html
+fuzzy(0-141,0-300) == twostops-1d.html twostops-1-ref.html
+fuzzy(0-73,0-900) == twostops-1e.html twostops-1-ref.html
+
+# from http://www.xanthir.com/:4bhipd by way of http://a-ja.net/newgrad.html
+fuzzy-if(!contentSameGfxBackendAsCanvas,0-3,0-20000) fuzzy-if(azureSkiaGL||layersGPUAccelerated,0-8,0-20000) == aja-linear-1a.html aja-linear-1-ref.html
+fuzzy(0-1,0-20000) == aja-linear-1b.html aja-linear-1-ref.html # bug 526694
+fuzzy(0-8,0-20000) == aja-linear-1c.html aja-linear-1-ref.html
+fuzzy(0-8,0-20000) == aja-linear-1d.html aja-linear-1-ref.html
+fuzzy(0-8,0-20000) == aja-linear-1e.html aja-linear-1-ref.html
+fuzzy(0-8,0-20000) == aja-linear-1f.html aja-linear-1-ref.html
+fuzzy(0-8,0-20000) == aja-linear-2.html aja-linear-2-ref.html
+fuzzy(0-8,0-20000) == aja-linear-3a.html aja-linear-3-ref.html
+fuzzy(0-8,0-20000) == aja-linear-3b.html aja-linear-3-ref.html
+fuzzy(0-8,0-20000) == aja-linear-4a.html aja-linear-4-ref.html
+fuzzy(0-8,0-20000) == aja-linear-4b.html aja-linear-4-ref.html
+fuzzy(0-8,0-20000) fuzzy-if(winWidget,1-5,5600-20000) == aja-linear-5a.html aja-linear-5-ref.html
+fuzzy-if(Android,0-6,0-10576) == height-dependence-1.html height-dependence-1-ref.html
+fuzzy-if(cocoaWidget,0-1,0-40000) fuzzy-if(Android,0-6,0-10576) == height-dependence-2.html height-dependence-2-ref.html
+fuzzy-if(Android,0-6,0-10576) == height-dependence-3.html height-dependence-3-ref.html
+
+== linear-onestopposition-1.html linear-onestopposition-1-ref.html
+fuzzy-if(d2d,0-47,0-400) fuzzy-if(winWidget,0-1,0-1375) == linear-onestopposition-1.html linear-onestopposition-1-ref2.html # d2d interpolates the hard stop
+== radial-onestopposition-1a.html radial-onestopposition-1-ref.html
+== radial-onestopposition-1b.html radial-onestopposition-1-ref.html
+fuzzy-if(winWidget,0-1,0-1875) == repeating-linear-onestopposition-1.html orange-square.html
+fuzzy-if(winWidget,0-1,0-1875) == repeating-radial-onestopposition-1a.html orange-square.html
+fuzzy-if(winWidget,0-1,0-1875) == repeating-radial-onestopposition-1b.html orange-square.html
+fuzzy-if(winWidget,0-1,0-2925) == bug-916535-background-repeat-linear.html bug-916535-background-repeat-linear-ref.html
+fuzzy(0-1,0-800000) fails-if(useDrawSnapshot) == large-gradient-1.html large-gradient-1-ref.html
+fuzzy-if(Android,0-4,0-1) fails-if(useDrawSnapshot) == large-gradient-2.html large-gradient-2-ref.html # Bug 1182082
+fuzzy(0-1,0-800000) fails-if(useDrawSnapshot) == large-gradient-3.html large-gradient-3-ref.html
+fails-if(useDrawSnapshot) == large-gradient-4.html large-gradient-4-ref.html
+fuzzy(0-2,0-800000) == large-gradient-5.html large-gradient-5-ref.html
+== 1224761-1.html 1224761-1-ref.html
+
+fuzzy(0-4,0-800000) fails-if(useDrawSnapshot) == mask-gradient-translucent-end-color-1.html mask-gradient-translucent-end-color-1-ref.html
+
+== scaled-color-stop-position.html scaled-color-stop-position-ref.html
+fuzzy(0-1,0-40000) == color-stop-clamp-interpolation.html color-stop-clamp-interpolation-ref.html
+fuzzy-if(swgl,0-2,0-81000) == linear-gradient-repeated.html linear-gradient-repeated-ref.html
diff --git a/layout/reftests/css-gradients/repeated-final-stop-1-ref.html b/layout/reftests/css-gradients/repeated-final-stop-1-ref.html
new file mode 100644
index 0000000000..31bad474e1
--- /dev/null
+++ b/layout/reftests/css-gradients/repeated-final-stop-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+html {
+  background: white;
+}
+div {
+  background: linear-gradient(to rigtht, 0 white, 100% orange);
+  height: 100px;
+  width: 50%;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/repeated-final-stop-1.html b/layout/reftests/css-gradients/repeated-final-stop-1.html
new file mode 100644
index 0000000000..84c13aad29
--- /dev/null
+++ b/layout/reftests/css-gradients/repeated-final-stop-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+html {
+  background: white;
+}
+div {
+  background: linear-gradient(to rigtht, 0 white, 50% orange, 50% white);
+  height: 100px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/repeating-linear-1-ref.html b/layout/reftests/css-gradients/repeating-linear-1-ref.html
new file mode 100644
index 0000000000..74f2dcebd6
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-linear-1-ref.html
@@ -0,0 +1,8 @@
+<div style="background: black; width: 400px; height: 50px;"></div>
+<div style="background: white; width: 400px; height: 50px;"></div>
+<div style="background: black; width: 400px; height: 50px;"></div>
+<div style="background: white; width: 400px; height: 50px;"></div>
+<div style="background: black; width: 400px; height: 50px;"></div>
+<div style="background: white; width: 400px; height: 50px;"></div>
+<div style="background: black; width: 400px; height: 50px;"></div>
+<div style="background: white; width: 400px; height: 50px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-linear-1a.html b/layout/reftests/css-gradients/repeating-linear-1a.html
new file mode 100644
index 0000000000..b5a4301119
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-linear-1a.html
@@ -0,0 +1 @@
+<div style="background: repeating-linear-gradient(black 0, black 50px, white 50px, white 100px); width: 400px; height: 400px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-linear-1b.html b/layout/reftests/css-gradients/repeating-linear-1b.html
new file mode 100644
index 0000000000..8c0a51256f
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-linear-1b.html
@@ -0,0 +1 @@
+<div style="background: repeating-linear-gradient(black 100px, black 150px, white 150px, white 200px); width: 400px; height: 400px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-linear-2-ref.html b/layout/reftests/css-gradients/repeating-linear-2-ref.html
new file mode 100644
index 0000000000..50dd2d8c29
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-linear-2-ref.html
@@ -0,0 +1 @@
+<div style="width:300px; height:300px; background:blue;"></div>
\ No newline at end of file
diff --git a/layout/reftests/css-gradients/repeating-linear-2a.html b/layout/reftests/css-gradients/repeating-linear-2a.html
new file mode 100644
index 0000000000..fc9d44fe99
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-linear-2a.html
@@ -0,0 +1 @@
+<div style="background: repeating-linear-gradient(red 20px, blue 20px); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-linear-onestopposition-1.html b/layout/reftests/css-gradients/repeating-linear-onestopposition-1.html
new file mode 100644
index 0000000000..47963778fd
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-linear-onestopposition-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for repeating-linear-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: repeating-linear-gradient(to right, blue 25%, orange 25%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-1-ref.html b/layout/reftests/css-gradients/repeating-radial-1-ref.html
new file mode 100644
index 0000000000..6064a9edae
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-1-ref.html
@@ -0,0 +1 @@
+<div style="background: repeating-radial-gradient(closest-side, black 0, black 50px, white 50px, white 100px); width: 400px; height: 400px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-1a.html b/layout/reftests/css-gradients/repeating-radial-1a.html
new file mode 100644
index 0000000000..4237891348
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-1a.html
@@ -0,0 +1 @@
+<div style="background: repeating-radial-gradient(closest-side, black 100px, black 150px, white 150px, white 200px); width: 400px; height: 400px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-1b.html b/layout/reftests/css-gradients/repeating-radial-1b.html
new file mode 100644
index 0000000000..b123651617
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-1b.html
@@ -0,0 +1,4 @@
+<!-- Test adjustment of negative stop positions in a repeating radial gradient.
+     We should still get a repeating pattern, i.e., the stops cannot
+     naively be mapped to 0. -->
+<div style="background: repeating-radial-gradient(closest-side, black -100px, black -50px, white -50px, white 0); width: 400px; height: 400px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-1c.html b/layout/reftests/css-gradients/repeating-radial-1c.html
new file mode 100644
index 0000000000..c78a4d6780
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-1c.html
@@ -0,0 +1 @@
+<div style="background: repeating-radial-gradient(200px 200px at center, black 100px, black 150px, white 150px, white 200px); width: 400px; height: 400px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-1d.html b/layout/reftests/css-gradients/repeating-radial-1d.html
new file mode 100644
index 0000000000..b91ac6bb31
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-1d.html
@@ -0,0 +1,4 @@
+<!-- Test adjustment of negative stop positions in a repeating radial gradient.
+     We should still get a repeating pattern, i.e., the stops cannot
+     naively be mapped to 0. -->
+<div style="background: repeating-radial-gradient(200px 200px at center, black -100px, black -50px, white -50px, white 0); width: 400px; height: 400px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-2-ref.html b/layout/reftests/css-gradients/repeating-radial-2-ref.html
new file mode 100644
index 0000000000..9620cead22
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-2-ref.html
@@ -0,0 +1 @@
+<div style="width:300px; height:300px; background:blue;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-2a.html b/layout/reftests/css-gradients/repeating-radial-2a.html
new file mode 100644
index 0000000000..a29371a2b8
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-2a.html
@@ -0,0 +1 @@
+<div style="background: repeating-radial-gradient(red 20px, blue 20px); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-2b.html b/layout/reftests/css-gradients/repeating-radial-2b.html
new file mode 100644
index 0000000000..560132bdf5
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-2b.html
@@ -0,0 +1 @@
+<div style="background: repeating-radial-gradient(212.1320343px 212.1320343px at center, red 20px, blue 20px); width: 300px; height: 300px;"></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-onestopposition-1a.html b/layout/reftests/css-gradients/repeating-radial-onestopposition-1a.html
new file mode 100644
index 0000000000..fab13595f7
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-onestopposition-1a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for repeating-radial-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: repeating-radial-gradient(closest-side, blue 25%, orange 25%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/repeating-radial-onestopposition-1b.html b/layout/reftests/css-gradients/repeating-radial-onestopposition-1b.html
new file mode 100644
index 0000000000..8a7993451a
--- /dev/null
+++ b/layout/reftests/css-gradients/repeating-radial-onestopposition-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for repeating-radial-gradient() with all stops at the same position</title>
+<style>
+
+div {
+  width: 200px;
+  height: 200px;
+  background-image: repeating-radial-gradient(50% 50% at 50% 50%, blue 25%, orange 25%);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/css-gradients/scaled-color-stop-position-ref.html b/layout/reftests/css-gradients/scaled-color-stop-position-ref.html
new file mode 100644
index 0000000000..ce080931f4
--- /dev/null
+++ b/layout/reftests/css-gradients/scaled-color-stop-position-ref.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Color stop positioning for scaled gradients as backgrounds reference</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 600px; height: 300px;
+}
+#inner
+{
+  width: 400px; height: 300px;
+  /* 250px stop is halfway along 500px diagonal */
+  background-image: linear-gradient(to bottom right, lime 0%, teal 250px, black 100%);
+}
+  </style>
+</head>
+<body>
+<div id="outer"><div id="inner"></div></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/scaled-color-stop-position.html b/layout/reftests/css-gradients/scaled-color-stop-position.html
new file mode 100644
index 0000000000..897d909898
--- /dev/null
+++ b/layout/reftests/css-gradients/scaled-color-stop-position.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Color stop positioning for scaled gradients as backgrounds</title>
+  <style type="text/css">
+#outer
+{
+  border: 1px solid black;
+  width: 600px; height: 300px;
+  /* 250px stop is halfway along 500px diagonal */
+  background-image: linear-gradient(to bottom right, lime 0%, teal 250px, black 100%);
+  background-size: 400px auto;
+  background-repeat: no-repeat;
+}
+  </style>
+</head>
+<body>
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/twostops-1-ref.html b/layout/reftests/css-gradients/twostops-1-ref.html
new file mode 100644
index 0000000000..26ab00cf24
--- /dev/null
+++ b/layout/reftests/css-gradients/twostops-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:#0000ff; width:300px; height:150px;"></div>
+<div style="background:#ff0000; width:300px; height:150px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/css-gradients/twostops-1a.html b/layout/reftests/css-gradients/twostops-1a.html
new file mode 100644
index 0000000000..8965d63633
--- /dev/null
+++ b/layout/reftests/css-gradients/twostops-1a.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to bottom, #0000ff 50%, #ff0000 50%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/twostops-1b.html b/layout/reftests/css-gradients/twostops-1b.html
new file mode 100644
index 0000000000..f6102065b2
--- /dev/null
+++ b/layout/reftests/css-gradients/twostops-1b.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(to top, #ff0000 50%, #0000ff 50%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/twostops-1c.html b/layout/reftests/css-gradients/twostops-1c.html
new file mode 100644
index 0000000000..edd7e1543d
--- /dev/null
+++ b/layout/reftests/css-gradients/twostops-1c.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(yellow -50%, #0000ff 0, #0000ff 50%, #ff0000 50%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/twostops-1d.html b/layout/reftests/css-gradients/twostops-1d.html
new file mode 100644
index 0000000000..60ed5ec212
--- /dev/null
+++ b/layout/reftests/css-gradients/twostops-1d.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(#0000ff 50%, #ff0000 50%, #ff0000 100%, yellow 150%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-gradients/twostops-1e.html b/layout/reftests/css-gradients/twostops-1e.html
new file mode 100644
index 0000000000..79d7545259
--- /dev/null
+++ b/layout/reftests/css-gradients/twostops-1e.html
@@ -0,0 +1 @@
+<div style="background: linear-gradient(yellow -50%, #0000ff 0, #0000ff 50%, #ff0000 50%, #ff0000 100%, yellow 150%) no-repeat; width: 300px; height: 300px;"><br></div>
diff --git a/layout/reftests/css-grid/bug1306106-ref.html b/layout/reftests/css-grid/bug1306106-ref.html
new file mode 100644
index 0000000000..d4f7dc4fc5
--- /dev/null
+++ b/layout/reftests/css-grid/bug1306106-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Table grid item bug</title>
+</head>
+<body>
+
+<pre>You should see "A B" below:</pre>
+
+<div style="display:grid; grid: 50px / 50px 50px">
+<div style="display:table">A</div>
+<div style="display:table">B</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/bug1306106.html b/layout/reftests/css-grid/bug1306106.html
new file mode 100644
index 0000000000..7bc6ce7778
--- /dev/null
+++ b/layout/reftests/css-grid/bug1306106.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Table grid item bug</title>
+</head>
+<body>
+
+<pre>You should see "A B" below:</pre>
+
+<div style="display:grid; grid: 50px / 50px 50px">
+<div style="display:table">B</div>
+<div style="display:table; grid-area:1/1">A</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/bug1349571-ref.html b/layout/reftests/css-grid/bug1349571-ref.html
new file mode 100644
index 0000000000..1f5a73f05b
--- /dev/null
+++ b/layout/reftests/css-grid/bug1349571-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1349571</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.container {
+  display: grid;
+  grid: 250px / 500px;
+  border: 3px solid;
+  width: 500px;
+}
+
+.responsive-container {
+  background: lightgrey;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="container">
+    <div class="responsive-container"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/bug1349571.html b/layout/reftests/css-grid/bug1349571.html
new file mode 100644
index 0000000000..e21b487b3f
--- /dev/null
+++ b/layout/reftests/css-grid/bug1349571.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1349571</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.container {
+  display: grid;
+  grid-template-columns: 1fr;
+  border: 3px solid;
+  width: 500px;
+}
+
+.responsive-container {
+  padding-bottom: 50%;
+  height: 0;
+  background: lightgrey;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="container">
+  <div>
+    <div class="responsive-container"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/bug1350925-ref.html b/layout/reftests/css-grid/bug1350925-ref.html
new file mode 100644
index 0000000000..0d8e581427
--- /dev/null
+++ b/layout/reftests/css-grid/bug1350925-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1350925</title>
+  <style type="text/css">
+html, body, .grid { margin: 0; }
+
+.grid {
+  display: grid;
+  overflow: auto;
+  height: 100%;
+  width: 100%;
+}
+
+  </style>
+</head>
+<body>
+
+<div style="height:300px; width:100px">
+<div class="grid" style="overflow-x:hidden"><div style="width:10px;height:700px"></div></div>
+</div>
+
+<div style="width:300px; height:100px">
+<div class="grid" style="overflow-y:hidden"><div style="height:10px;width:700px"></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/bug1350925.html b/layout/reftests/css-grid/bug1350925.html
new file mode 100644
index 0000000000..a2a81b16e7
--- /dev/null
+++ b/layout/reftests/css-grid/bug1350925.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1350925</title>
+  <style type="text/css">
+html, body, .grid { margin: 0; }
+
+.grid {
+  display: grid;
+  overflow: auto;
+  height: 100%;
+  width: 100%;
+}
+
+  </style>
+</head>
+<body>
+
+<div style="height:300px; width:100px">
+<div class="grid"><div style="width:10px;height:700px"></div></div>
+</div>
+
+<div style="width:300px; height:100px">
+<div class="grid"><div style="height:10px;width:700px"></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/bug1356820-ref.html b/layout/reftests/css-grid/bug1356820-ref.html
new file mode 100644
index 0000000000..b0cd50fea6
--- /dev/null
+++ b/layout/reftests/css-grid/bug1356820-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; width: 5em; justify-self:start">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="width: 5em; justify-self:start">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; writing-mode:vertical-lr; justify-self:start">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
diff --git a/layout/reftests/css-grid/bug1356820.html b/layout/reftests/css-grid/bug1356820.html
new file mode 100644
index 0000000000..e37c0d049f
--- /dev/null
+++ b/layout/reftests/css-grid/bug1356820.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; min-width: 0;">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="min-width: 0;">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; min-height: 0; writing-mode:vertical-lr">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
diff --git a/layout/reftests/css-grid/grid-abspos-items-001-ref.html b/layout/reftests/css-grid/grid-abspos-items-001-ref.html
new file mode 100644
index 0000000000..a036134450
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-001-ref.html
@@ -0,0 +1,185 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing basic placement and layout of abs.pos. grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ /*display: grid;*/
+ position: relative;
+ border: 1px solid;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 7px;
+ padding: 17px 7px 11px 13px;
+ width: 100px;
+ height: 60px;
+}
+.zero-size { width:0; height:0; }
+.auto-size { width:auto; height:0px; }
+
+.a {
+  position: absolute;
+  left: 13px; top: 31px;
+  height: 12px; width: 44px;
+  background: blue;
+}
+
+.abs {
+  position: absolute;
+  opacity: 0.7;
+  width: 21px;
+  height: 15px;
+}
+.b {
+  left: 1px; top: 3px; bottom: 1px;
+  width: 28px; height: auto;
+}
+.c {
+  right: 5px; bottom: 1px;
+  width: 112px; height: 82px;
+}
+.d {
+  left: 1px; top: 20px;
+  width: 5px; height: 1px;
+}
+.e {
+  right: 5px; bottom: 1px;
+  width: 112px; height: 51px;
+}
+.f {
+  right: 5px; top: 3px;
+  width: 112px; height: 11px;
+}
+.g {
+  left: 14px; top: 27px;
+  width: 38px; height: 1px;
+}
+.h {
+  top:3px; left:1px; right:5px; bottom:1px;
+  width:auto; height:auto;
+}
+.i, .j {
+  top:3px; left:1px; right:5px; bottom:1px;
+  border:none;
+  width:auto; height:auto;
+}
+span {
+  background: lime;
+  border: 1px solid;
+}
+  </style>
+</head>
+<body>
+
+<div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="g abs">g</span>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="g abs">g</span>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid zero-size">
+<span class="b abs" style="width:12px">b</span>
+</div>
+
+<div class="grid auto-size">
+<span class="h abs">h</span>
+</div>
+
+<div class="grid" style="height:7px">
+<span class="i abs">i</span>
+</div>
+
+<div class="grid" style="height:7px">
+<span class="j abs">j</span>
+</div>
+
+<div class="grid" style="width:43px; height:53px">
+<span class="abs" style="left:1px; top:3px; height:11px; width:5px;">a</span>
+<span class="abs" style="right:5px; top:3px; height:11px; width:42px;">b</span>
+<span class="abs" style="left:1px; bottom:1px; height:58px; width:5px;">c</span>
+<span class="abs" style="right:5px; bottom:1px; height:58px; width:42px;">d</span>
+</div>
+
+<div class="grid" style="width:43px; height:28px; border-width:0;">
+<span class="abs" style="right:48px; top:3px; height:11px; width:12px;"></span>
+</div>
+<div class="grid" style="width:43px; height:28px; border-width:0;">
+<span class="abs" style="left:1px; bottom:57px; height:22px; width:5px;"></span>
+</div>
+<div class="grid" style="width:43px; height:28px; border-width:0;">
+<span class="abs" style="right:48px; bottom:85px; height:22px; width:12px;"></span>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-001.html b/layout/reftests/css-grid/grid-abspos-items-001.html
new file mode 100644
index 0000000000..97ac1f77b2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-001.html
@@ -0,0 +1,190 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing basic placement and layout of abs.pos. grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-001-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ position: relative;
+ border: 1px solid;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 7px;
+ padding: 17px 7px 11px 13px;
+ width: 100px;
+ height: 60px;
+}
+.zero-size { width:0; height:0; }
+.auto-size { width:auto; height:auto; }
+
+.a {
+  grid-column: 1 / 3; 
+  grid-row:    3 / 5;
+  background: blue;
+}
+
+.abs {
+  position: absolute;
+  top:3px; left:1px; right:5px; bottom:1px;
+  opacity: 0.7;
+}
+.b {
+  grid-column:  auto / 2;
+  grid-row:     auto / auto; 
+}
+.c {
+  grid-column:  9 / auto;  /* 9 is outside the grid */
+  grid-row:     9 / auto;  /* 9 is outside the grid */
+}
+.d {
+  grid-column:  auto / 1;
+  grid-row:     2 / 1;
+}
+.e {
+  grid-column:  4 / auto;
+  grid-row:     3 / auto;
+}
+.f {
+  grid-column:  4 / auto;
+  grid-row:     auto / 1;
+}
+.g {
+  grid-column:  1 / 3;
+  grid-row:     2 / 3;
+}
+.h {
+  grid-column:  auto / auto;
+  grid-row:     auto / auto; 
+}
+.i {
+  grid-column:  span 1 / span 2;
+  grid-row:     span 2 / span A;
+  background: lime;
+}
+.j {
+  grid-column:  span A / span 2;
+  grid-row:     span 2 / span 1;
+  background: lime;
+}
+span {
+  background: lime;
+  border: 1px solid;
+}
+  </style>
+</head>
+<body>
+
+<div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="g abs">g</span>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<div><span class="b abs">b</span></div>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<x><span class="c abs">c</span></x>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<div><span class="e abs">e</span></div>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<x><span class="g abs">g</span></x>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid zero-size">
+<span class="b abs">b</span>
+</div>
+
+<div class="grid auto-size">
+<span class="h abs">h</span>
+</div>
+
+<div class="grid" style="height:auto">
+<div style="grid-column: 1 / span 3"></div>
+<div class="i abs">i</div>
+</div>
+
+<div class="grid" style="height:auto">
+<div style="grid-column: 1 / span 3"></div>
+<div class="j abs">j</div>
+</div>
+
+<div class="grid" style="width:43px; height:53px">
+<span class="abs" style="grid-column-end:1; grid-row-end:1;">a</span>
+<span class="abs" style="grid-column-start:1; grid-row-end:1;">b</span>
+<span class="abs" style="grid-column-end:1; grid-row-start:1;">c</span>
+<span class="abs" style="grid-column-start:1; grid-row-start:1;">d</span>
+</div>
+
+<div class="grid" style="width:0px; height:0px; border-width:0;">
+<span class="abs" style="grid-column-start:2; grid-row-end:1;"></span>
+</div>
+<div class="grid" style="width:0px; height:0px; border-width:0;">
+<span class="abs" style="grid-column-end:1; grid-row-start:2;"></span>
+</div>
+<div class="grid" style="width:0px; height:0px; border-width:0;">
+<span class="abs" style="grid-column-start:2; grid-row-start:2;"></span>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-002-ref.html b/layout/reftests/css-grid/grid-abspos-items-002-ref.html
new file mode 100644
index 0000000000..9be7f8adf5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-002-ref.html
@@ -0,0 +1,176 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing basic placement and layout of abs.pos. grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ /*display: grid;*/
+ position: relative;
+ top:2px; left:1px;
+ border: 1px solid;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 7px;
+ padding: 17px 7px 11px 13px;
+ width: 100px;
+ height: 60px;
+}
+.zero-size { width:0; height:0; }
+.auto-size { width:auto; height:0px; }
+
+.a {
+  position: absolute;
+  left: 13px; top: 31px;
+  height: 12px; width: 44px;
+  background: blue;
+}
+
+.abs {
+  position: absolute;
+  opacity: 0.7;
+  width: 21px;
+  height: 15px;
+}
+.b {
+  left: 1px; top: 3px; bottom: 1px;
+  width: 28px; height: auto;
+}
+.c {
+  right: 5px; bottom: 1px;
+  width: 112px; height: 82px;
+}
+.d {
+  left: 1px; top: 20px;
+  width: 5px; height: 1px;
+}
+.e {
+  right: 5px; bottom: 1px;
+  width: 112px; height: 51px;
+}
+.f {
+  right: 5px; top: 3px;
+  width: 112px; height: 11px;
+}
+.g {
+  left: 14px; top: 27px;
+  width: 38px; height: 1px;
+}
+.h {
+  top:3px; left:1px; right:5px; bottom:1px;
+  width:auto; height:auto;
+}
+.i, .j {
+  top:3px; left:1px; right:5px; bottom:1px;
+  border:none;
+  width:auto; height:auto;
+}
+span {
+  background: lime;
+  border: 1px solid;
+}
+  </style>
+</head>
+<body>
+
+<div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="g abs">g</span>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="g abs">g</span>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid zero-size">
+<span class="b abs" style="width:12px">b</span>
+</div>
+
+<div class="grid auto-size">
+<span class="h abs">h</span>
+</div>
+
+<div class="grid" style="height:7px">
+<span class="i abs">i</span>
+</div>
+
+<div class="grid" style="height:7px">
+<span class="j abs">j</span>
+</div>
+
+<div class="grid" style="width:43px; height:53px">
+<span class="abs" style="left:1px; top:3px; height:11px; width:5px;">a</span>
+<span class="abs" style="right:5px; top:3px; height:11px; width:42px;">b</span>
+<span class="abs" style="left:1px; bottom:1px; height:58px; width:5px;">c</span>
+<span class="abs" style="right:5px; bottom:1px; height:58px; width:42px;">d</span>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-002.html b/layout/reftests/css-grid/grid-abspos-items-002.html
new file mode 100644
index 0000000000..a045ab0be1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-002.html
@@ -0,0 +1,180 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing basic placement and layout of abs.pos. grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-002-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ transform: translate(1px,2px);
+ border: 1px solid;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 7px;
+ padding: 17px 7px 11px 13px;
+ width: 100px;
+ height: 60px;
+}
+.zero-size { width:0; height:0; }
+.auto-size { width:auto; height:auto; }
+
+.a {
+  grid-column: 1 / 3; 
+  grid-row:    3 / 5;
+  background: blue;
+}
+
+.abs {
+  position: fixed;
+  top:3px; left:1px; right:5px; bottom:1px;
+  opacity: 0.7;
+}
+.b {
+  grid-column:  auto / 2;
+  grid-row:     auto / auto; 
+}
+.c {
+  grid-column:  9 / auto;  /* 9 is outside the grid */
+  grid-row:     9 / auto;  /* 9 is outside the grid */
+}
+.d {
+  grid-column:  auto / 1;
+  grid-row:     2 / 1;
+}
+.e {
+  grid-column:  4 / auto;
+  grid-row:     3 / auto;
+}
+.f {
+  grid-column:  4 / auto;
+  grid-row:     auto / 1;
+}
+.g {
+  grid-column:  1 / 3;
+  grid-row:     2 / 3;
+}
+.h {
+  grid-column:  auto / auto;
+  grid-row:     auto / auto; 
+}
+.i {
+  grid-column:  span 1 / span 2;
+  grid-row:     span 2 / span A;
+  background: lime;
+}
+.j {
+  grid-column:  span A / span 2;
+  grid-row:     span 2 / span 1;
+  background: lime;
+}
+span {
+  background: lime;
+  border: 1px solid;
+}
+  </style>
+</head>
+<body>
+
+<div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="g abs">g</span>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid">
+<span class="a"></span>
+<div><span class="b abs">b</span></div>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<x><span class="c abs">c</span></x>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<div><span class="e abs">e</span></div>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<x><span class="g abs">g</span></x>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid zero-size">
+<span class="b abs">b</span>
+</div>
+
+<div class="grid auto-size">
+<span class="h abs">h</span>
+</div>
+
+<div class="grid" style="height:auto">
+<div style="grid-column: 1 / span 3"></div>
+<div class="i abs">i</div>
+</div>
+
+<div class="grid" style="height:auto">
+<div style="grid-column: 1 / span 3"></div>
+<div class="j abs">j</div>
+</div>
+
+<div class="grid" style="width:43px; height:53px">
+<span class="abs" style="grid-column-end:1; grid-row-end:1;">a</span>
+<span class="abs" style="grid-column-start:1; grid-row-end:1;">b</span>
+<span class="abs" style="grid-column-end:1; grid-row-start:1;">c</span>
+<span class="abs" style="grid-column-start:1; grid-row-start:1;">d</span>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-003-ref.html b/layout/reftests/css-grid/grid-abspos-items-003-ref.html
new file mode 100644
index 0000000000..74cb8e3368
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-003-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 11px 31px 13px / 13px 23px 7px;
+  margin-right: 4px;
+  inline-size: 55px;
+  block-size: 43px;
+}
+
+abs1,abs2 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+abs2 { background:white; }
+.hl abs2  { top:13px;left:11px;  height:23px; width:31px; }
+.hr abs2  { top:13px;right:11px; height:23px; width:31px;  }
+.vl abs2  { top:11px;left:13px;  height:31px; width:23px;  }
+.vr abs2  { top:11px;right:13px; height:31px; width:23px;  }
+.vlr abs2 { bottom:11px;left:13px; height:31px; width:23px;  }
+.vrl abs2 { top:11px;right:13px; height:31px; width:23px;  }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-003.html b/layout/reftests/css-grid/grid-abspos-items-003.html
new file mode 100644
index 0000000000..89ea7f2b01
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-003.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-003-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    div.appendChild(document.createElement("abs3"));
+    div.appendChild(document.createElement("abs4"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-004-ref.html b/layout/reftests/css-grid/grid-abspos-items-004-ref.html
new file mode 100644
index 0000000000..0f1d6b8a84
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-004-ref.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 11px 13px 15px 17px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 11px 31px 13px / 13px 23px 7px;
+  margin-right: 4px;
+  inline-size: 55px;
+  block-size: 43px;
+}
+
+abs1,abs2 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+  margin:11px 13px 15px 17px;
+}
+
+abs2 { background:white; }
+.hl abs2  { top:13px;left:11px;  height:23px; width:31px; }
+.hr abs2  { top:13px;right:11px; height:23px; width:31px;  }
+.vl abs2  { top:11px;left:13px;  height:31px; width:23px;  }
+.vr abs2  { top:11px;right:13px; height:31px; width:23px;  }
+.vlr abs2 { bottom:11px;left:13px; height:31px; width:23px;  }
+.vrl abs2 { top:11px;right:13px; height:31px; width:23px;  }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-004.html b/layout/reftests/css-grid/grid-abspos-items-004.html
new file mode 100644
index 0000000000..e960440217
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-004.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 11px 13px 15px 17px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    div.appendChild(document.createElement("abs3"));
+    div.appendChild(document.createElement("abs4"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-005-ref.html b/layout/reftests/css-grid/grid-abspos-items-005-ref.html
new file mode 100644
index 0000000000..fc0c44c2cb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-005-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 11px 31px 13px / 13px 23px 7px;
+  margin-right: 4px;
+  inline-size: 65px;
+  block-size: 43px;
+}
+
+abs1,abs2 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+  margin:1px;
+  margin-inline-end:11px;
+}
+
+abs2 { background:white; }
+.hl abs2  { top:13px;left:11px;  height:23px; width:31px; }
+.hr abs2  { top:13px;right:11px; height:23px; width:31px;  }
+.vl abs2  { top:11px;left:13px;  height:31px; width:23px;  }
+.vr abs2  { top:11px;right:13px; height:31px; width:23px;  }
+.vlr abs2 { bottom:11px;left:13px; height:31px; width:23px;  }
+.vrl abs2 { top:11px;right:13px; height:31px; width:23px;  }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-005.html b/layout/reftests/css-grid/grid-abspos-items-005.html
new file mode 100644
index 0000000000..897ce76c4c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-005.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+  inline-size: 65px;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    div.appendChild(document.createElement("abs3"));
+    div.appendChild(document.createElement("abs4"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-006-ref.html b/layout/reftests/css-grid/grid-abspos-items-006-ref.html
new file mode 100644
index 0000000000..efca38b24b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-006-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 11px 31px 13px / 13px 23px 7px;
+  margin-right: 4px;
+  inline-size: 55px;
+  block-size: 57px;
+}
+
+abs1,abs2 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+  margin-block-end:14px;
+}
+abs2 { background:white; }
+.hl abs2  { top:13px;left:11px;  height:23px; width:31px; }
+.hr abs2  { top:13px;right:11px; height:23px; width:31px;  }
+.vl abs2  { top:11px;left:13px;  height:31px; width:23px;  }
+.vr abs2  { top:11px;right:13px; height:31px; width:23px;  }
+.vlr abs2 { bottom:11px;left:13px; height:31px; width:23px;  }
+.vrl abs2 { top:11px;right:13px; height:31px; width:23px;  }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-006.html b/layout/reftests/css-grid/grid-abspos-items-006.html
new file mode 100644
index 0000000000..4209a7caad
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-006.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-006-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+  block-size: 57px;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    div.appendChild(document.createElement("abs3"));
+    div.appendChild(document.createElement("abs4"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-007-ref.html b/layout/reftests/css-grid/grid-abspos-items-007-ref.html
new file mode 100644
index 0000000000..97f5837ff9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-007-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  inline-size: 55px;
+  block-size: 43px;
+  margin-right: 4px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-007.html b/layout/reftests/css-grid/grid-abspos-items-007.html
new file mode 100644
index 0000000000..b092f9ea6b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-007.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-007-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-008-ref.html b/layout/reftests/css-grid/grid-abspos-items-008-ref.html
new file mode 100644
index 0000000000..8131e13454
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-008-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 11px 13px 15px 17px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  inline-size: 55px;
+  block-size: 43px;
+  margin-right: 4px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-008.html b/layout/reftests/css-grid/grid-abspos-items-008.html
new file mode 100644
index 0000000000..a3a9d75365
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-008.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-008-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 11px 13px 15px 17px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-009-ref.html b/layout/reftests/css-grid/grid-abspos-items-009-ref.html
new file mode 100644
index 0000000000..1714ec63aa
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-009-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  inline-size: 55px;
+  block-size: 43px;
+  margin-right: 4px;
+  block-size: 57px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-009.html b/layout/reftests/css-grid/grid-abspos-items-009.html
new file mode 100644
index 0000000000..35bc6d7488
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-009.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-009-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+  block-size: 57px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-010-ref.html b/layout/reftests/css-grid/grid-abspos-items-010-ref.html
new file mode 100644
index 0000000000..53e2a343ce
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-010-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  inline-size: 65px;
+  block-size: 43px;
+  grid-template: 11px 31px 13px / 13px 23px 7px;
+  margin-right: 4px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-010.html b/layout/reftests/css-grid/grid-abspos-items-010.html
new file mode 100644
index 0000000000..abd2774cb0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-010.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1204585">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-010-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 13px 23px 7px / 11px 31px 13px;
+  margin-right: 4px;
+  inline-size: 65px;
+}
+
+abs1 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-011-ref.html b/layout/reftests/css-grid/grid-abspos-items-011-ref.html
new file mode 100644
index 0000000000..55ddb6da8b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-011-ref.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas in empty grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1215099">
+  <style type="text/css">
+
+div {
+  display: block;
+  position: relative;
+  float: left;
+  width: 20px;
+  height: 20px;
+  background: red;
+}
+x div {
+  padding: 4px;
+  background: white;
+}
+
+span {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lime;
+}
+
+</style>
+</head>
+<body>
+
+There should be no red areas.
+<br clear="all">
+
+<div><span class="cs"></span></div>
+<div><span class="ce"></span></div>
+<div><span class="rs"></span></div>
+<div><span class="re"></span></div>
+
+<div><span class="cs ce"></span></div>
+<div><span class="cs rs"></span></div>
+<div><span class="cs re"></span></div>
+<div><span class="ce rs"></span></div>
+<div><span class="ce re"></span></div>
+<div><span class="rs re"></span></div>
+
+<div><span class="cs ce rs"></span></div>
+<div><span class="cs ce re"></span></div>
+<div><span class="rs re cs"></span></div>
+<div><span class="rs re ce"></span></div>
+
+<div><span class="cs ce rs re"></span></div>
+
+<br clear="all">
+<br clear="all">
+
+<x>
+<div><span class="cs" style="left:4px"></span></div>
+<div><span class="ce" style="right:auto;width:4px"></span></div>
+<div><span class="rs" style="top:4px"></span></div>
+<div><span class="re" style="bottom:auto;height:4px"></span></div>
+
+<div><span class="cs ce" style="left:4px;"></span></div>
+<div><span class="cs rs" style="left:4px;top:4px"></span></div>
+<div><span class="cs re" style="left:4px;bottom:auto;height:4px"></span></div>
+<div><span class="ce rs" style="right:auto;width:4px;top:4px"></span></div>
+<div><span class="ce re" style="right:auto;width:4px;bottom:auto;height:4px"></span></div>
+<div><span class="rs re" style="top:4px"></span></div>
+
+<div><span class="cs ce rs" style="left:4px;top:4px"></span></div>
+<div><span class="cs ce re" style="left:4px;bottom:auto;height:4px"></span></div>
+<div><span class="rs re cs" style="left:4px;top:4px"></span></div>
+<div><span class="rs re ce" style="top:4px;right:auto;width:4px"></span></div>
+
+<div><span class="cs ce rs re" style="left:4px;top:4px"></span></div>
+</x>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-011.html b/layout/reftests/css-grid/grid-abspos-items-011.html
new file mode 100644
index 0000000000..5706998fef
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-011.html
@@ -0,0 +1,97 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos areas in empty grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1215099">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-011-ref.html">
+  <style type="text/css">
+
+div {
+  display: grid;
+  position: relative;
+  float: left;
+  width: 20px;
+  height: 20px;
+  background: red;
+}
+div.green {
+  background: lime;
+}
+x div {
+  padding: 4px;
+  background: white;
+}
+
+span {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lime;
+}
+span.red {
+  background: red;
+}
+
+.cs { grid-column-start: 1; }
+.ce { grid-column-end: 1; }
+.rs { grid-row-start: 1; }
+.re { grid-row-end: 1; }
+
+</style>
+</head>
+<body>
+
+There should be no red areas.
+<br clear="all">
+
+<div><span class="cs"></span></div>
+<div class="green"><span class="ce red"></span></div>
+<div><span class="rs"></span></div>
+<div class="green"><span class="re red"></span></div>
+
+<div><span class="cs ce"></span></div>
+<div><span class="cs rs"></span></div>
+<div class="green"><span class="cs re red"></span></div>
+<div class="green"><span class="ce rs red"></span></div>
+<div class="green"><span class="ce re red"></span></div>
+<div><span class="rs re"></span></div>
+
+<div><span class="cs ce rs"></span></div>
+<div class="green"><span class="cs ce re red"></span></div>
+<div><span class="rs re cs"></span></div>
+<div class="green"><span class="rs re ce red"></span></div>
+
+<div><span class="cs ce rs re"></span></div>
+
+<br clear="all">
+<br clear="all">
+
+<!-- the same combinations in a grid container with padding -->
+
+<x>
+<div><span class="cs"></span></div>
+<div><span class="ce"></span></div>
+<div><span class="rs"></span></div>
+<div><span class="re"></span></div>
+
+<div><span class="cs ce"></span></div>
+<div><span class="cs rs"></span></div>
+<div><span class="cs re"></span></div>
+<div><span class="ce rs"></span></div>
+<div><span class="ce re"></span></div>
+<div><span class="rs re"></span></div>
+
+<div><span class="cs ce rs"></span></div>
+<div><span class="cs ce re"></span></div>
+<div><span class="rs re cs"></span></div>
+<div><span class="rs re ce"></span></div>
+
+<div><span class="cs ce rs re"></span></div>
+</x>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-012-ref.html b/layout/reftests/css-grid/grid-abspos-items-012-ref.html
new file mode 100644
index 0000000000..e0feef2051
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-012-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin:auto on grid abs.pos. child</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <style type="text/css">
+
+div {
+  display: block;
+  position: relative;
+  grid-template-columns: 100px;
+  grid-template-rows: 100px;
+  width: 100px;
+  height: 100px;
+  border: 1px solid;
+}
+
+span {
+  display: block;
+  position: absolute;
+  background: lime;
+  width: 20px;
+  height: 20px;
+  margin: 5px 7px 11px 13px;
+  top:0; left:0; right:0; bottom:0;
+}
+
+  </style>
+</head>
+<body>
+
+<div><span style="margin-left:auto"></span></div>
+<div><span style="margin-right:auto"></span></div>
+<div><span style="margin-left:auto; margin-right:auto"></span></div>
+<div><span style="margin-top:auto"></span></div>
+<div><span style="margin-bottom:auto"></span></div>
+<div><span style="margin-top:auto; margin-bottom:auto"></span></div>
+<div><span style="margin:auto"></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-012.html b/layout/reftests/css-grid/grid-abspos-items-012.html
new file mode 100644
index 0000000000..69c96640c1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-012.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin:auto on grid abs.pos. child</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#abspos">
+  <link rel="match" href="grid-abspos-items-012-ref.html">
+  <style type="text/css">
+
+div {
+  display: grid;
+  position: relative;
+  grid-template-columns: 100px;
+  grid-template-rows: 100px;
+  width: 100px;
+  height: 100px;
+  border: 1px solid;
+}
+
+span {
+  display: block;
+  position: absolute;
+  background: lime;
+  width: 20px;
+  height: 20px;
+  margin: 5px 7px 11px 13px;
+  top:0; left:0; right:0; bottom:0;
+}
+
+  </style>
+</head>
+<body>
+
+<div><span style="margin-left:auto"></span></div>
+<div><span style="margin-right:auto"></span></div>
+<div><span style="margin-left:auto; margin-right:auto"></span></div>
+<div><span style="margin-top:auto"></span></div>
+<div><span style="margin-bottom:auto"></span></div>
+<div><span style="margin-top:auto; margin-bottom:auto"></span></div>
+<div><span style="margin:auto"></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-013-ref.html b/layout/reftests/css-grid/grid-abspos-items-013-ref.html
new file mode 100644
index 0000000000..3e4ef381b1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-013-ref.html
@@ -0,0 +1,133 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: grid abs.pos. child in grid with gutters</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1230695">
+  <style type="text/css">
+body { width:800px; }
+
+.grid {
+  display: block;
+  position: relative;
+  grid-template-columns: repeat(5, 20px);
+  grid-auto-rows: 10px;
+  grid-gap: 100px 10px;
+  border: 1px solid;
+  padding: 0 3px 0 5px;
+  height: 40px;
+  margin-bottom: 2px;
+}
+.grid.r {
+  grid-template-columns: 20px;
+  grid-template-rows: repeat(5, 20px);
+  height: 160px;
+  padding: 2px 3px 4px 5px;
+  float: left;
+  min-width: 70px;
+  margin-right: 2px;
+}
+
+x {
+  position: absolute;
+  width: 20px;
+  height: 10px;
+  background: lime;
+}
+
+a {
+  position: absolute;
+  left:0; right:0; bottom:20px; height: 3px;
+  background: black;
+}
+b {
+  position: absolute;
+  left:0; right:0; bottom:10px; height: 3px;
+  background: grey;
+}
+c {
+  position: absolute;
+  left:0; right:0; bottom:0; height: 3px;
+  background: blue;
+}
+
+.r a {
+  left:50px; top:0; bottom:0; width: 3px; height:auto;
+}
+.r b {
+  left:40px; top:0; bottom:0; width: 3px; height:auto;
+}
+.r c {
+  left:30px; top:0; bottom:0; width: 3px; height:auto;
+}
+
+x:nth-of-type(1) { left:5px; }
+x:nth-of-type(2) { left:125px; }
+x:nth-of-type(3) { left:245px; }
+x:nth-of-type(4) { left:365px; }
+
+.r x { left:5px; height:20px; }
+.r x:nth-of-type(1) { top:2px; }
+.r x:nth-of-type(2) { top:32px; }
+.r x:nth-of-type(3) { top:62px; }
+.r x:nth-of-type(4) { top:92px; }
+
+.s x:nth-of-type(1) { left:120px; }
+.s x:nth-of-type(2) { left:255px; }
+.s x:nth-of-type(3) { left:390px; }
+.s x:nth-of-type(4) { left:525px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<x></x><x></x><x></x><x></x>
+<a style="left:125px; width:140px"></a><b style="width:265px"></b><c style="left:365px"></c>
+</div>
+
+<div class="grid">
+<x></x><x></x><x></x><x></x>
+<a style="left:5px; width:260px"></a><b style="width:5px"></b><c style="left:5px"></c>
+</div>
+
+<div class="grid">
+<x></x><x></x><x></x><x></x>
+<a style="left:505px"></a><b style="width:505px"></b><c style="left:505px"></c>
+</div>
+
+<div class="grid s">
+<x></x><x></x><x></x><x></x>
+<a style="left:255px; width:155px"></a><b style="width:410px"></b><c style="left:525px"></c>
+</div>
+
+<div class="grid s">
+<x></x><x></x><x></x><x></x>
+<a style="left:120px; width:290px"></a><b style="width:120px"></b><c style="left:120px"></c>
+</div>
+
+<div class="grid s">
+<x></x><x></x><x></x><x></x>
+<a style="left:680px"></a><b style="width:680px"></b><c style="left:680px"></c>
+</div>
+
+<div class="grid r">
+<x></x><x></x><x></x><x></x>
+<a style="top:32px; height:50px"></a><b style="height:82px"></b><c style="top:92px"></c>
+</div>
+
+<div class="grid r">
+<x></x><x></x><x></x><x></x>
+<a style="top:2px; height:80px"></a><b style="height:2px"></b><c style="top:2px"></c>
+</div>
+
+<div class="grid r">
+<x></x><x></x><x></x><x></x>
+<a style="top:142px"></a><b style="height:142px"></b><c style="top:142px"></c>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-013.html b/layout/reftests/css-grid/grid-abspos-items-013.html
new file mode 100644
index 0000000000..9cb3c82a3c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-013.html
@@ -0,0 +1,120 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: grid abs.pos. child in grid with gutters</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1230695">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#abspos">
+  <link rel="match" href="grid-abspos-items-013-ref.html">
+  <style type="text/css">
+body { width:800px; }
+
+.grid {
+  display: grid;
+  position: relative;
+  grid-template-columns: repeat(5, 20px);
+  grid-auto-rows: 10px;
+  grid-gap: 10px 100px;
+  border: 1px solid;
+  padding: 0 3px 0 5px;
+  height: 40px;
+  margin-bottom: 2px;
+}
+.grid.r {
+  grid-template-columns: 20px;
+  grid-template-rows: repeat(5, 20px);
+  height: 160px;
+  padding: 2px 3px 4px 5px;
+  float: left;
+  min-width: 70px;
+  margin-right: 2px;
+}
+.c.s {
+  justify-content: space-evenly;
+  grid-gap: 0;
+}
+
+x {
+  background: lime;
+}
+
+a {
+  position: absolute;
+  left:0; right:0; bottom:20px; height: 3px;
+  background: black;
+}
+b {
+  position: absolute;
+  left:0; right:0; bottom:10px; height: 3px;
+  background: grey;
+}
+c {
+  position: absolute;
+  left:0; right:0; bottom:0; height: 3px;
+  background: blue;
+}
+
+.r a {
+  left:50px; top:0; bottom:0; width: 3px; height:auto;
+}
+.r b {
+  left:40px; top:0; bottom:0; width: 3px; height:auto;
+}
+.r c {
+  left:30px; top:0; bottom:0; width: 3px; height:auto;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid c">
+<x></x><x></x><x></x><x></x>
+<a style="grid-column:2/4"></a><b style="grid-column:auto/4"></b><c style="grid-column:4/auto"></c>
+</div>
+
+<div class="grid c">
+<x></x><x></x><x></x><x></x>
+<a style="grid-column:1/4"></a><b style="grid-column:auto/1"></b><c style="grid-column:1/auto"></c>
+</div>
+
+<div class="grid c">
+<x></x><x></x><x></x><x></x>
+<a style="grid-column:6/6"></a><b style="grid-column:auto/6"></b><c style="grid-column:6/auto"></c>
+</div>
+
+<div class="grid c s">
+<x></x><x></x><x></x><x></x>
+<a style="grid-column:2/4"></a><b style="grid-column:auto/4"></b><c style="grid-column:4/auto"></c>
+</div>
+
+<div class="grid c s">
+<x></x><x></x><x></x><x></x>
+<a style="grid-column:1/4"></a><b style="grid-column:auto/1"></b><c style="grid-column:1/auto"></c>
+</div>
+
+<div class="grid c s">
+<x></x><x></x><x></x><x></x>
+<a style="grid-column:6/6"></a><b style="grid-column:auto/6"></b><c style="grid-column:6/auto"></c>
+</div>
+
+<div class="grid r">
+<x></x><x></x><x></x><x></x>
+<a style="grid-row:2/4"></a><b style="grid-row:auto/4"></b><c style="grid-row:4/auto"></c>
+</div>
+
+<div class="grid r">
+<x></x><x></x><x></x><x></x>
+<a style="grid-row:1/4"></a><b style="grid-row:auto/1"></b><c style="grid-row:1/auto"></c>
+</div>
+
+<div class="grid r">
+<x></x><x></x><x></x><x></x>
+<a style="grid-row:6/6"></a><b style="grid-row:auto/6"></b><c style="grid-row:6/auto"></c>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-014-ref.html b/layout/reftests/css-grid/grid-abspos-items-014-ref.html
new file mode 100644
index 0000000000..2cc4989b6a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-014-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: abs pos static position (grid container as abs.pos. CB)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151243">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 3px 51px 5px / 5px 33px 7px;
+  margin-right: 4px;
+}
+
+abs1,abs2,abs3,abs4 {
+  grid-area: 2 / 2 / 3 / 3;
+  position: absolute;
+}
+abs1 { top:17px; bottom:2px; background:lime; }
+abs2 { right:13px; left:3px; background:pink; }
+abs3 { right:5px; left:11px; top:9px; background:cyan; }
+abs4 { top:23px; bottom:1px; left:11px; background:yellow; }
+abs1::before { content:"1";}
+abs2::before { content:"2";}
+abs3::before { content:"3";}
+abs4::before { content:"4";}
+
+x {
+  position: relative;
+  grid-area: 2 / 2 / 3 / 3;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+document.body.style.display="none";
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(x = document.createElement("x"));
+    x.appendChild(document.createElement("abs1"));
+    x.appendChild(document.createElement("abs2"));
+    x.appendChild(document.createElement("abs3"));
+    x.appendChild(document.createElement("abs4"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+document.body.style.display="";
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-014.html b/layout/reftests/css-grid/grid-abspos-items-014.html
new file mode 100644
index 0000000000..000914ca0f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-014.html
@@ -0,0 +1,80 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos static position (grid container as abs.pos. CB)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151243">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#static-position">
+  <link rel="match" href="grid-abspos-items-014-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  grid-template: 3px 51px 5px / 5px 33px 7px;
+  margin-right: 4px;
+}
+
+abs1,abs2,abs3,abs4 {
+  grid-area: 2 / 2 / 3 / 3;
+  position: absolute;
+}
+abs1 { top:17px; bottom:2px; background:lime; }
+abs2 { right:13px; left:3px; background:pink; }
+abs3 { right:5px; left:11px; top:9px; background:cyan; }
+abs4 { top:23px; bottom:1px; left:11px; background:yellow; }
+abs1::before { content:"1";}
+abs2::before { content:"2";}
+abs3::before { content:"3";}
+abs4::before { content:"4";}
+
+x {
+  grid-area: 2 / 2 / 3 / 3;
+  background: grey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+document.body.style.display="none";
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createElement("abs2"));
+    div.appendChild(document.createElement("abs3"));
+    div.appendChild(document.createElement("abs4"));
+    div.appendChild(document.createElement("x"));
+    document.body.appendChild(div)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+document.body.style.display="";
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-015-ref.html b/layout/reftests/css-grid/grid-abspos-items-015-ref.html
new file mode 100644
index 0000000000..974f7cbc6a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-015-ref.html
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Reference: abs pos static position (ancestor of grid container as abs.pos. CB)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151243">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  position: relative;
+  display: grid;
+  padding: 1px 3px 5px 7px;
+  grid-template: 25px 33px 7px / 30px 51px 5px;
+  margin-right: 4px;
+  height: 100px;
+  width: 92px;
+}
+.wrap {
+  position: relative;
+  float: left;
+  padding: 3px 5px 7px 9px;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  writing-mode: vertical-lr; direction:rtl;
+  z-index:1;
+}
+
+abs1,abs3,abs4 {
+  grid-area: 2 / 2 / 3 / 3;
+  position: absolute;
+}
+abs1 { width:20px; height:97px; top:-12px; left:-30px; background:lime; }
+abs3 { top: -20px; left:-35px; right:-18px; background:cyan; }
+abs4 { width:20px; top:-6px; bottom:-53px; background:silver; }
+abs1::before { content:"1";}
+abs3::before { content:"3";}
+abs4::before { content:"4";}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hr abs3 { left:-16px; right:-37px;  }
+.vl abs3, .vr abs3, .vrl abs3, .vlr abs3 { left:-30px; top:-14px; right:-41px; }
+.vr abs3, .vrl abs3 { left:-39px; right:-32px; }
+.vrl abs3 { top:-25px; }
+
+.hr abs1 { left: 61px; }
+.vl abs1, .vr abs1, .vrl abs1, .vlr abs1 { top:-6px; left:-25px; }
+.vr abs1, .vrl abs1 { left:38px; }
+.vrl abs1 { top:-17px; }
+
+.hl abs4 { left:51px; }
+.hr abs4 { left:-20px; }
+.vl abs4, .vr abs4, .vrl abs4, .vlr abs4 { top:0px; bottom:-41px; left:-25px; }
+.vr abs4, .vrl abs4 { left:38px; }
+.vrl abs4 { top:-11px; bottom:-30px; }
+
+</style>
+</head>
+<body>
+
+<script>
+document.body.style.display="none";
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+
+    div.appendChild(span = document.createElement("span"));
+    span.appendChild(document.createTextNode("A"));
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(span = document.createElement("span"));
+    span.appendChild(document.createTextNode("BC"));
+
+    div.appendChild(document.createElement("abs3"));
+    div.appendChild(document.createElement("abs4"));
+    var wrap = document.createElement("div");
+    wrap.className = "wrap ";
+    wrap.appendChild(div);
+    document.body.appendChild(wrap)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+document.body.style.display="";
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-015.html b/layout/reftests/css-grid/grid-abspos-items-015.html
new file mode 100644
index 0000000000..25a3427cb4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-015.html
@@ -0,0 +1,100 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos static position (ancestor of grid container as abs.pos. CB)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151243">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#static-position">
+  <link rel="match" href="grid-abspos-items-015-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  padding: 1px 3px 5px 7px;
+  grid-template: 25px 33px 7px / 30px 51px 5px;
+  margin-right: 4px;
+  height: 100px;
+  width: 92px;
+}
+.wrap {
+  position: relative;
+  float: left;
+  padding: 3px 5px 7px 9px;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  writing-mode: vertical-lr; direction:rtl;
+}
+
+abs1,abs3,abs4 {
+  grid-area: 2 / 2 / 3 / 3;
+  position: absolute;
+  display: block; /* Avoid bug 1769072 */
+}
+
+/* Specify width or provide enough constraint to avoid bug 1769102 */
+abs1 { width:20px; top:17px; bottom:2px; background:lime; }
+abs3 { right:5px; left:11px; top:9px; background:cyan; }
+abs4 { width:20px; top:23px; bottom:1px; background:silver; }
+abs1::before { content:"1";}
+abs3::before { content:"3";}
+abs4::before { content:"4";}
+
+x {
+  grid-area: 2 / 2 / 3 / 3;
+}
+y {
+  grid-area: 3 / 3;
+  display: block;
+}
+z {
+  grid-area: 1 / 3;
+  display: block;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+document.body.style.display="none";
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createTextNode("A"));
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createTextNode("BC"));
+    div.appendChild(y = document.createElement("y"));
+    y.appendChild(document.createElement("abs3"));
+    div.appendChild(z = document.createElement("z"));
+    z.appendChild(document.createElement("abs4"));
+    var wrap = document.createElement("div");
+    wrap.className = "wrap ";
+    wrap.appendChild(div);
+    document.body.appendChild(wrap)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+document.body.style.display="";
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-abspos-items-016.html b/layout/reftests/css-grid/grid-abspos-items-016.html
new file mode 100644
index 0000000000..fab024325a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-abspos-items-016.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: abs pos static position (ancestor of grid container as abs.pos. CB)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151243">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#static-position">
+  <link rel="match" href="grid-abspos-items-015-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  padding: 1px 3px 5px 7px;
+  grid-template: 25px 33px 7px / 30px 51px 5px;
+  margin-right: 4px;
+  height: 100px;
+  width: 92px;
+}
+.wrap {
+  position: relative;
+  float: left;
+  padding: 3px 5px 7px 9px;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  writing-mode: vertical-lr; direction:rtl;
+}
+
+abs1,abs2,abs3,abs4 {
+  grid-area: 2 / 2 / 3 / 3;
+  position: absolute;
+  /* This is the only difference with grid-abspos-items-015.html */
+  display: inline list-item;
+  list-style-type: none;
+}
+abs1 { top:17px; bottom:2px; background:lime; }
+abs2 { right:13px; left:3px; background:pink; }
+abs3 { right:5px; left:11px; top:9px; background:cyan; }
+abs4 { top:23px; bottom:1px; background:silver; }
+abs1::before { content:"1";}
+abs2::before { content:"2";}
+abs3::before { content:"3";}
+abs4::before { content:"4";}
+
+x {
+  grid-area: 2 / 2 / 3 / 3;
+}
+y {
+  grid-area: 3 / 3;
+  display: block;
+}
+z {
+  grid-area: 1 / 3;
+  display: block;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+<script>
+document.body.style.display="none";
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+for (var i = 0; i < wm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    var div = document.createElement("div");
+    div.className = "grid " + wm[i];
+    div.appendChild(document.createTextNode("A"));
+    div.appendChild(document.createElement("abs1"));
+    div.appendChild(document.createTextNode("BC"));
+    div.appendChild(y = document.createElement("y"));
+    y.appendChild(document.createElement("abs3"));
+    div.appendChild(z = document.createElement("z"));
+    z.appendChild(document.createElement("abs4"));
+    var wrap = document.createElement("div");
+    wrap.className = "wrap ";
+    wrap.appendChild(div);
+    document.body.appendChild(wrap)
+  }
+  document.body.appendChild(document.createElement("separator"));
+}
+document.body.style.display="";
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-align-content-001-ref.html b/layout/reftests/css-grid/grid-align-content-001-ref.html
new file mode 100644
index 0000000000..ab4ad2d298
--- /dev/null
+++ b/layout/reftests/css-grid/grid-align-content-001-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: align-content</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 40px;
+}
+
+item1,item2,item3 {
+  display: block;
+  position: relative;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.aend *, .aflexend * { inset-block-start:25px; }
+.acenter * { inset-block-start:12.5px;  }
+
+
+.aspace-between item2 { inset-block-start:12.5px; }
+.aspace-between item3 { inset-block-start:25px; }
+
+.aspace-around item1 { inset-block-start:4.1666px; }
+.aspace-around item2 { inset-block-start:12.5px; }
+.aspace-around item3 { inset-block-start:20.8333px; }
+
+.aspace-evenly item1 { inset-block-start:6.25px; }
+.aspace-evenly item2 { inset-block-start:12.5px; }
+.aspace-evenly item3 { inset-block-start:18.75px; }
+
+.astretch2 { grid-template-rows: 1fr 5px 7px; }
+.astretch3 { grid-template-rows: 15.5px 17.5px 7px; }
+.astretch4 { grid-template-rows: 11.33333px 13.33333px 15.33333px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-align-content-001.html b/layout/reftests/css-grid/grid-align-content-001.html
new file mode 100644
index 0000000000..725b654083
--- /dev/null
+++ b/layout/reftests/css-grid/grid-align-content-001.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: align-content</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-content">
+  <link rel="match" href="grid-align-content-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 40px;
+}
+
+item1,item2,item3 {
+  display: block;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-content:start; }
+.aend { align-content:end; }
+.aflexstart { align-content:flex-start; }
+.aflexend { align-content:flex-end; }
+.acenter { align-content:center; }
+.aleft { align-content:left; }
+.aright { align-content:right; }
+
+.aspace-between{ align-content:space-between; }
+.aspace-around { align-content:space-around;  }
+.aspace-evenly { align-content:space-evenly;  }
+
+.astretch1, .astretch2, .astretch3, .astretch4 { align-content:stretch; }
+.astretch2 { grid-template-rows: minmax(3px,auto) 5px 7px; }
+.astretch3 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) 7px; }
+.astretch4 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) minmax(7px,auto); }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html
new file mode 100644
index 0000000000..e532358b1e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html
@@ -0,0 +1,132 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing 'auto' min-sizing with definite min-width/height</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+br { clear:both; }
+	
+.grid {
+  display: grid;
+  border: 1px dashed silver;
+  grid-template-columns: minmax(0,min-content);
+  grid-template-rows: minmax(0,min-content) minmax(0,min-content);
+  float: left;
+  margin-bottom:20px;
+  align-items: start;
+  justify-items: start;
+}
+.v { 
+  writing-mode: vertical-lr;
+  -webkit-writing-mode: vertical-lr;
+}
+.h { 
+  writing-mode: horizontal-tb;
+  -webkit-writing-mode: horizontal-tb;
+}
+.bb {
+  box-sizing: border-box;
+}
+
+span { 
+  display: block;
+  background: lime;
+  margin: 7px 13px 50% 20%;
+  padding:1px 3px 10% 30%;
+}
+
+span.v {
+  height: 30px;
+  width: 10px;
+  border-left: 1px solid;
+  border-top: 3px solid;
+}
+
+span.h {
+  width: 30px;
+  height: 10px;
+  border-left: 3px solid;
+  border-top: 1px solid;
+}
+
+b40 {
+  display: block;
+  width: 40px;
+  height: 40px;
+  border: 1px solid pink;
+  z-index: 1; position:relative;
+}
+
+.h.r {
+  height: 42px;
+  width: 42px;
+  /* 49px is the percentage basis, i.e. the column size */
+  margin-left: calc(0.2 * 49px);
+  padding: 1px 3px calc(0.1 * 49px) calc(0.3 * 49px);
+}
+.v.r {
+  height: 42px;
+  width: 42px;
+  /* This margin-left is 20% of 54px-wide grid area */
+  /* 27px is the percentage basis, i.e. the column size */
+  margin-left: calc(0.2 * 27px);
+  padding: 1px 3px calc(0.1 * 27px) calc(0.3 * 27px);
+}
+
+.r { position:relative; }
+
+.t4 { width: 49px;
+      height: calc(10px /* item min-height */ +
+                   7px  /* item margin-top */ +
+                   1px /* item padding-top */ +
+                   1px /* item border-top */ +
+                   calc(0.5 * 49px) /* item margin-bottom */ +
+                   calc(0.1 * 49px) /* item padding-bottom */);
+    }
+.t6 { width:46px; }
+.t8 { width: 27px;
+      height: calc(30px /* item min-height */ +
+                   7px  /* item margin-top */ +
+                   3px /* item padding-top */ +
+                   1px /* item border-top */ +
+                   calc(0.5 * 27px) /* item margin-bottom */ +
+                   calc(0.1 * 27px) /* item padding-bottom */);
+    }
+   
+
+xx {
+  display: block;
+  background: lime;
+  padding: 32px 32px calc(0.2 * 32px) calc(0.4 * 32px);
+  margin: 0 0 calc(0.4 * 32px) calc(0.2 * 32px);
+}
+.t9, .t10 {
+  position: relative;
+  z-index: 1;
+  grid: calc(32px + calc(0.4 * 32px) + calc(0.2 * 32px)) 0 / 32px;
+}
+  </style>
+</head>
+<body>
+
+
+<div class="grid"><span class="h"><x></x></span></div>
+<div class="grid"><span class="h bb"><x></x></span></div>
+<div class="grid"><span class="h"><x></x></span><span class="h"><x></x></span></div>
+<div class="grid t4"><span class="h r"><b40></b40></span></div>
+<br>
+<div class="grid"><span class="v"><x></x></span></div>
+<div class="grid"><span class="v bb"><x></x></span></div>
+<div class="grid"><span class="v"><x></x></span><span class="v"><x></x></span></div>
+<div class="grid t8"><span class="v r"><b40></b40></span></div>
+
+<div class="grid t9"><xx class="v"></xx></div>
+<div class="grid v t10"><xx class="h"></xx></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-definite-001.html b/layout/reftests/css-grid/grid-auto-min-sizing-definite-001.html
new file mode 100644
index 0000000000..ecedf1512f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-definite-001.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'auto' min-sizing with definite min-width/height</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-definite-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+br { clear:both; }
+	
+.grid {
+  display: grid;
+  border: 1px dashed silver;
+  grid-template-columns: minmax(auto,0);
+  grid-template-rows: minmax(auto,0) minmax(auto,0);
+  float: left;
+  margin-bottom:20px;
+  align-items: start;
+  justify-items: start;
+}
+.v { 
+  writing-mode: vertical-lr;
+  -webkit-writing-mode: vertical-lr;
+}
+.h { 
+  writing-mode: horizontal-tb;
+  -webkit-writing-mode: horizontal-tb;
+}
+.bb {
+  box-sizing: border-box;
+}
+
+span { 
+  display: block;
+  background: lime;
+  margin: 7px 13px 50% 20%;
+  padding:1px 3px 10% 30%;
+}
+
+span.v {
+  min-height: 30px;
+  min-width: 10px;
+  border-left: 1px solid;
+  border-top: 3px solid;
+}
+
+span.h {
+  min-width: 30px;
+  min-height: 10px;
+  border-left: 3px solid;
+  border-top: 1px solid;
+}
+
+b40 {
+  display: block;
+  width: 40px;
+  height: 40px;
+  border: 1px solid pink;
+}
+
+xx { 
+  display: block;
+  background: lime;
+  padding:32px 32px 20% 40%;
+  margin: 0 0 40% 20%;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="h"><x></x></span></div>
+<div class="grid"><span class="h bb"><x></x></span></div>
+<div class="grid"><span class="h"><x></x></span><span class="h"><x></x></span></div>
+<div class="grid"><span class="h"><b40></b40></span></div>
+<br>
+<div class="grid"><span class="v"><x></x></span></div>
+<div class="grid"><span class="v bb"><x></x></span></div>
+<div class="grid"><span class="v"><x></x></span><span class="v"><x></x></span></div>
+<div class="grid"><span class="v"><b40></b40></span></div>
+
+<div class="grid"><xx class="v"></xx></div>
+<div class="grid v"><xx class="h"></xx></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001-ref.html
new file mode 100644
index 0000000000..d2320ecbd1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001-ref.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: auto min-sizing with intrinsic min-width</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-template-columns: minmax(min-content,0) minmax(0,1fr);
+ border: 1px solid;
+ width: 500px;
+ align-items: start;
+ justify-items: start;
+}
+span,img { min-height:0; }
+
+.c1 { border:2px solid;   min-width:auto; }
+.c3 { background: blue;   min-width:min-content; min-width:-webkit-min-content; }
+.c4 { background: lime;   min-width:max-content; min-width:-webkit-max-content; }
+.c5 { background: cyan;   min-width:-moz-available;   min-width:-webkit-fill-available; }
+.c6 { background: yellow; min-width:-moz-fit-content; min-width:-webkit-fit-content; }
+.w20   { width: 20px; }
+.w450  { width: 450px; }
+.max50 { max-width: 50px; }
+.h05   { height: 0.5px; }
+.h4    { height: 4px; }
+
+c2 { opacity:0.5; background: grey; min-height:10px; }
+i { display:inline-block; width:20px; height:10px; background:blue; }
+span, c2 { min-width:0; }
+.rel { border:none; padding:2px; position:relative; }
+.rel2 { border:none; position:relative; }
+z { position:absolute; border:2px solid; width:450px; top:0;bottom:0;left:0; }
+.rel2 z { border:none; background:inherit; }
+  </style>
+</head>
+<body>
+
+<!--
+<div class="grid">
+  <span class="c1"><i style="width:100px"></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c1"></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 rel"><z></z><i style="width:100px;margin-right:-80px;"></i></span><c2></c2>
+</div>
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c1" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1" style="width:12.5px" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h4" style="width:100px" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h4 max50"style="width:50px"  src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 w20" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 rel2" style="height:22px;width:29px"><z style="width:450px;background:lime;border:2px solid;"></z></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 rel2" style="height:6px;width:29px"><z style="width:50px;background:lime;border:2px solid;"></z></span><c2></c2>
+</div>
+-->
+
+<!--
+<div class="grid" style="margin-left:300px; width:200px">
+  <span class="c3">1 2 3 4 5</span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c4"><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4"><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 rel2"><z><i style="width:100px"></i></z><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4"><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c5"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5 rel2"><z><i style="width:100px"></i></z><i style="width:100px; margin-right:-80px;"></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c5 w450 max50">1 2 3 4 5</span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c6"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c6"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c6 rel2"><z><i style="width:100px"></i></z><i style="width:100px; margin-right:-80px;"></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c6 w450 max50">1 2 3 4 5</span><c2></c2>
+</div>
+-->
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c3" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c4" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid">
+  <img  class="c5" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c6" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid" style="grid-template-columns:25px 1fr">
+  <img  class="c6 w450" src="support/lime-25x1.png"><c2 class="rel2"></c2>
+</div>
+<div class="grid" style="grid-template-columns:25px 1fr">
+  <img  class="c6 w450 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001.html
new file mode 100644
index 0000000000..7d6b0fd94c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-001.html
@@ -0,0 +1,148 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: auto min-sizing with intrinsic min-width</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-intrinsic-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-template-columns: minmax(auto,0) minmax(0,1fr);
+ border: 1px solid;
+ width: 500px;
+ align-items: start;
+ justify-items: start;
+}
+span,img { min-height:0; }
+
+.c1 { border:2px solid;   min-width:auto; }
+.c3 { background: blue;   min-width:min-content; min-width:-webkit-min-content; }
+.c4 { background: lime;   min-width:max-content; min-width:-webkit-max-content; }
+.c5 { background: cyan;   min-width:-moz-available;   min-width:-webkit-fill-available; }
+.c6 { background: yellow; min-width:-moz-fit-content; min-width:-webkit-fit-content; }
+.w20   { width: 20px; }
+.w450  { width: 450px; }
+.max50 { max-width: 50px; }
+.h05   { height: 0.5px; }
+.h4    { height: 4px; }
+
+c2 { opacity:0.5; background: grey; min-height:10px; }
+i { display:inline-block; width:20px; height:10px; background:blue; }
+  </style>
+</head>
+<body>
+
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid">
+  <span class="c1"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c1"></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c1" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h05" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h4" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h4 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 w20" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 w450" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 w450 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-left:300px; width:200px">
+  <span class="c3"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c4"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 w450 max50"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c5 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c5 w450 max50"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c6"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c6 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c6 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c6 w450 max50"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid">
+  <img  class="c3" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c4" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c5" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c6" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c6 w450" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c6 w450 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002-ref.html
new file mode 100644
index 0000000000..ecc8c3d5f0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002-ref.html
@@ -0,0 +1,155 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'auto' min-sizing with intrinsic min-width and overflow:hidden</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-template-columns: minmax(min-content,0) minmax(0,1fr);
+ border: 1px solid;
+ width: 500px;
+ align-items: start;
+ justify-items: start;
+}
+.min4 { grid-template-columns: minmax(4px,0) minmax(0,1fr); }
+span,img { min-height:0; }
+span, c2 { min-width:0; }
+
+.c1 { border:2px solid;   min-width:auto; }
+.c3 { background: blue;   min-width:min-content; min-width:-webkit-min-content; }
+.c4 { background: lime;   min-width:max-content; min-width:-webkit-max-content; }
+.c5 { background: cyan;   min-width:-moz-available;   min-width:-webkit-fill-available; }
+.c6 { background: yellow; min-width:-moz-fit-content; min-width:-webkit-fit-content; }
+.w20   { width: 20px; }
+.w450  { width: 450px; }
+.max50 { max-width: 50px; }
+.h05   { height: 0.5px; }
+.h4    { height: 4px; }
+
+c2 { opacity:0.5; background: grey; min-height:10px; }
+i { display:inline-block; width:20px; height:10px; background:blue; }
+.rel { border:none; padding:2px; position:relative; }
+.rel2 { border:none; position:relative; }
+z { position:absolute; border:2px solid; width:450px; top:0;bottom:0;left:0; }
+.rel2 z { border:none; background:inherit; }
+.hide {  overflow:hidden; }
+  </style>
+</head>
+<body>
+
+<!--
+<div class="grid min4">
+  <span class="c1 hide"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c1"></span><c2></c2>
+</div>
+<div class="grid min4">
+  <span class="c1 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid min4">
+  <span class="c1 rel"><z></z><i style="width:100px"></i></span><c2></c2>
+</div>
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid min4">
+  <img  class="c1" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid min4">
+  <img  class="c1" style="width:12.5px" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid min4">
+  <img  class="c1 h4" style="width:100px" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid min4">
+  <img  class="c1 h4 max50"style="width:50px"  src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid min4">
+  <img  class="c1 w20" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid min4">
+  <span class="c1 rel2" style="height:22px;width:29px"><z style="width:450px;background:lime;border:2px solid;"></z></span><c2></c2>
+</div>
+<div class="grid min4">
+  <span class="c1 rel2" style="height:6px;width:29px"><z style="width:50px;background:lime;border:2px solid;"></z></span><c2></c2>
+</div>
+-->
+<!--
+<div class="grid" style="margin-left:300px; width:200px">
+  <span class="c3">1 2 3 4 5</span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c4"><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4"><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 rel2"><z><i style="width:100px"></i></z><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4"><i style="width:100px"></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c5"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5 rel2"><z><i style="width:100px"></i></z><i style="width:100px; margin-right:-80px;"></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c5 w450 max50">1 2 3 4 5</span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c6"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c6"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c6 rel2"><z><i style="width:100px"></i></z><i style="width:100px; margin-right:-80px;"></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c6 w450 max50">1 2 3 4 5</span><c2></c2>
+</div>
+-->
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c3" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c4" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid">
+  <img  class="c5" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c6" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid" style="grid-template-columns:25px 1fr">
+  <img  class="c6 w450" src="support/lime-25x1.png"><c2 class="rel2"></c2>
+</div>
+<div class="grid" style="grid-template-columns:25px 1fr">
+  <img  class="c6 w450 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002.html
new file mode 100644
index 0000000000..9df842138f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-002.html
@@ -0,0 +1,150 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'auto' min-sizing with intrinsic min-width and overflow:hidden</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-intrinsic-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-template-columns: minmax(auto,0) minmax(0,1fr);
+ border: 1px solid;
+ width: 500px;
+ align-items: start;
+ justify-items: start;
+}
+span,img { min-height:0; overflow:hidden; }
+
+.c1 { border:2px solid;   min-width:auto; }
+.c3 { background: blue;   min-width:min-content; min-width:-webkit-min-content; }
+.c4 { background: lime;   min-width:max-content; min-width:-webkit-max-content; }
+.c5 { background: cyan;   min-width:-moz-available;   min-width:-webkit-fill-available; }
+.c6 { background: yellow; min-width:-moz-fit-content; min-width:-webkit-fit-content; }
+.w20   { width: 20px; }
+.w450  { width: 450px; }
+.max50 { max-width: 50px; }
+.h05   { height: 0.5px; }
+.h4    { height: 4px; }
+
+c2 { opacity:0.5; background: grey; min-height:10px; }
+i { display:inline-block; width:20px; height:10px; background:blue; }
+  </style>
+</head>
+<body>
+
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid">
+  <span class="c1"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c1"></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c1 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c1" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h05" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h4" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 h4 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 w20" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 w450" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c1 w450 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-left:300px; width:200px">
+  <span class="c3"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c4"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c4 w450 max50"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c5 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c5 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c5 w450 max50"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<div class="grid">
+  <span class="c6"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid" style="margin-left:40px;margin-bottom:100px">
+  <span class="c6 w20"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<div class="grid">
+  <span class="c6 w450"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid" style="margin-bottom:2em">
+  <span class="c6 w450 max50"><i></i><i></i><i></i><i></i><i></i></span><c2></c2>
+</div>
+-->
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c3" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c4" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: row height doesn't seem right - revisit after bug 1174569
+<div class="grid">
+  <img  class="c5" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+<!-- TODO: disabled until we have support for "transferred size"
+<div class="grid">
+  <img  class="c6" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c6 w450" src="support/lime-25x1.png"><c2></c2>
+</div>
+<div class="grid">
+  <img  class="c6 w450 max50" src="support/lime-25x1.png"><c2></c2>
+</div>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003-ref.html
new file mode 100644
index 0000000000..2bbce7e175
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>Reference: min-width|min-height:auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  width: 60px;
+  grid-template-columns: 30px 30px;
+  grid-auto-rows: 30px;
+  align-items: start;
+  justify-items: start;
+  border: 3px solid blue;
+}
+span {
+  border: 1px solid;
+  background: lime;
+  min-width:0;
+  min-height:0;
+}
+</style>
+</head>
+<body>
+
+<div class="grid">
+  <span>a</span>
+  <span style="width:max-content">IAmReallyWideAndTheBorderShouldSurroundMe</span>
+</div>
+
+<pre>The border shouldn't shrink-wrap the wide text below, due to definite "width" values:</pre>
+<div class="grid">
+  <span>a</span>
+  <span style="width: 130%">IAmReallyWideButIHaveADefiniteWidthSoIOverflow</span>
+  <span>c</span>
+  <span style="width: 50px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+  <span style="width: 20px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span><span></span>
+  <span style="width: 20px; grid-column:span 2;">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+</div>
+
+<pre>Now the same tests for 'height':</pre>
+
+<div class="grid" style="margin-bottom:50px;">
+  <span>a</span>
+  <span style="font-size:72px;width:max-content;height:max-content">IAmReallyTall</span>
+  <span>c</span>
+  <span>d</span>
+</div>
+
+The border shouldn't shrink-wrap the text vertically below, due to definite "height" values:
+<div class="grid">
+  <span>a</span>
+  <span style="font-size:72px; height:10%;width:max-content">IAmReallyTall</span>
+  <span>c</span>
+  <span style="font-size:72px; height:10px;width:max-content">SameHere</span>
+  <span style="font-size:72px; height:40px;width:max-content">SameHere</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003.html
new file mode 100644
index 0000000000..dddfe96e06
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-003.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>CSS Grid Test: min-width|min-height:auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-intrinsic-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  width: 60px;
+  grid-template-columns: 30px 30px;
+  grid-auto-rows: 30px;
+  align-items: start;
+  justify-items: start;
+  border: 3px solid blue;
+}
+span {
+  border: 1px solid;
+  background: lime;
+}
+</style>
+</head>
+<body>
+
+<div class="grid">
+  <span>a</span>
+  <span>IAmReallyWideAndTheBorderShouldSurroundMe</span>
+</div>
+
+<pre>The border shouldn't shrink-wrap the wide text below, due to definite "width" values:</pre>
+<div class="grid">
+  <span>a</span>
+  <span style="width: 130%">IAmReallyWideButIHaveADefiniteWidthSoIOverflow</span>
+  <span>c</span>
+  <span style="width: 50px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+  <span style="width: 20px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span><span></span>
+  <span style="width: 20px; grid-column:span 2;">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+</div>
+
+<pre>Now the same tests for 'height':</pre>
+
+<div class="grid" style="margin-bottom:50px;">
+  <span>a</span>
+  <span style="font-size:72px">IAmReallyTall</span>
+  <span>c</span>
+  <span>d</span>
+</div>
+
+The border shouldn't shrink-wrap the text vertically below, due to definite "height" values:
+<div class="grid">
+  <span>a</span>
+  <span style="font-size:72px; height:10%">IAmReallyTall</span>
+  <span>c</span>
+  <span style="font-size:72px; height:10px">SameHere</span>
+  <span style="font-size:72px; height:40px">SameHere</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004-ref.html
new file mode 100644
index 0000000000..adce0b3754
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004-ref.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>CSS Grid Test: min-width|min-height:auto w. vertical writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  width: 60px;
+  grid-template-columns: 30px 30px;
+  grid-auto-rows: 30px;
+  align-items: start;
+  justify-items: start;
+  border: 3px solid blue;
+  writing-mode: vertical-rl;
+  direction: ltr;
+  margin-left: 50px;
+}
+span {
+  border: 1px solid;
+  background: lime;
+  min-width:0;
+  min-height:0;
+}
+pre {
+  writing-mode: vertical-rl;
+  direction: ltr;
+  float: left;
+}
+</style>
+</head>
+<body>
+
+<div class="grid" style="margin-left:0">
+  <span>a</span>
+  <span style="height:max-content">IAmReallyWideAndTheBorderShouldSurroundMe</span>
+</div>
+
+<pre>The border shouldn't shrink-wrap the wide text below, due to definite "height" values:</pre>
+<div class="grid">
+  <span>a</span>
+  <span style="height: 130%;">IAmReallyWideButIHaveADefiniteHeightSoIOverflow</span>
+  <span>c</span>
+  <span style="height: 50px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+  <span style="height: 20px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span><span></span>
+  <span style="height: 20px; grid-column:span 2;">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+</div>
+
+<pre>Now the same tests for 'width':</pre>
+
+<div class="grid" style="margin-bottom:50px;">
+  <span>a</span>
+  <span style="font-size:72px;height:max-content;width:max-content">IAmReallyTall</span>
+  <span>c</span>
+  <span>d</span>
+</div>
+
+<pre>The border shouldn't shrink-wrap the wide text below, due to definite "width" values:</pre>
+<div class="grid">
+  <span>a</span>
+  <span style="font-size:72px; width:10%;height:max-content">IAmReallyTall</span>
+  <span>c</span>
+  <span style="font-size:72px; width:10px;height:max-content">SameHere</span>
+  <span style="font-size:72px; width:40px;height:max-content">SameHere</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004.html b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004.html
new file mode 100644
index 0000000000..35874df27f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-intrinsic-004.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>CSS Grid Test: min-width|min-height:auto w. vertical writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-intrinsic-004-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  width: 60px;
+  grid-template-columns: 30px 30px;
+  grid-auto-rows: 30px;
+  align-items: start;
+  justify-items: start;
+  border: 3px solid blue;
+  writing-mode: vertical-rl;
+  direction: ltr;
+  margin-left: 50px;
+}
+span {
+  border: 1px solid;
+  background: lime;
+}
+pre {
+  writing-mode: vertical-rl;
+  direction: ltr;
+  float: left;
+}
+</style>
+</head>
+<body>
+
+<div class="grid" style="margin-left:0">
+  <span>a</span>
+  <span>IAmReallyWideAndTheBorderShouldSurroundMe</span>
+</div>
+
+<pre>The border shouldn't shrink-wrap the wide text below, due to definite "height" values:</pre>
+<div class="grid">
+  <span>a</span>
+  <span style="height: 130%">IAmReallyWideButIHaveADefiniteHeightSoIOverflow</span>
+  <span>c</span>
+  <span style="height: 50px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+  <span style="height: 20px">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span><span></span>
+  <span style="height: 20px; grid-column:span 2;">SameHereeeeeeeeeeeeeeeeeeeeeeeeeeee</span>
+</div>
+
+<pre>Now the same tests for 'width':</pre>
+
+<div class="grid" style="margin-bottom:50px;">
+  <span>a</span>
+  <span style="font-size:72px">IAmReallyTall</span>
+  <span>c</span>
+  <span>d</span>
+</div>
+
+<pre>The border shouldn't shrink-wrap the wide text below, due to definite "width" values:</pre>
+<div class="grid">
+  <span>a</span>
+  <span style="font-size:72px; width:10%">IAmReallyTall</span>
+  <span>c</span>
+  <span style="font-size:72px; width:10px">SameHere</span>
+  <span style="font-size:72px; width:40px">SameHere</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001-ref.html
new file mode 100644
index 0000000000..a157cf074a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-width:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.col { grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:48px", "height:30px; width:48px", "height:30px; width:12px",
+"width:12px", "max-width:12px", "height:30px", "height:4px; width:80px", "height:1px",
+"height:1px; width:20px", "max-height:1px", "max-height:1px; max-width:6px",
+"min-height:4px", "min-height:4px; max-width: 30px"
+];
+var results = [
+"24px", "48px", "24px", "24px", "24px", "24px", "80px", "24px", "24px", "24px",
+"24px", "24px", "24px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  grid.setAttribute("style","grid-template-columns:minmax("+results[i]+",0)");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i] + "; min-width:"+ results[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001.html
new file mode 100644
index 0000000000..93a251be43
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-width:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-min-content-min-size-001-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.col { grid-template-columns:minmax(auto,0.0001fr); grid-auto-rows:10px; }
+.col img {
+  min-height: 0;
+  min-width: -webkit-min-content;
+  min-width: min-content;
+}
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:48px", "height:30px; width:48px", "height:30px; width:12px",
+"width:12px", "max-width:12px", "height:30px", "height:4px; width:80px", "height:1px",
+"height:1px; width:20px", "max-height:1px", "max-height:1px; max-width:6px",
+"min-height:4px", "min-height:4px; max-width: 30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002-ref.html
new file mode 100644
index 0000000000..183f00e24f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-width:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.col { grid-template-columns:minmax(auto,0); grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:200%", "height:30px; width:200%", "height:30px; width:50%",
+"width:50%", "max-width:50%", "height:30px", "height:200%; width:80px", "height:50%",
+"height:50%; width:20px", "max-height:50%", "max-height:50%; max-width:6px",
+"min-height:40%", "min-height:40%; max-width:30px"
+];
+var results = [
+"24px", "24px", "24px", "24px", "24px", "24px", "80px", "24px", "24px", "24px",
+"24px", "24px", "24px"
+];
+var item_width = [
+"48px", "48px", "24px", "24px", "24px;max-width:none;", "360px", "80px", "60px", "24px", "24px",
+"24px;max-width:none;", "48px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  grid.setAttribute("style","grid-template-columns:minmax("+results[i]+",0)");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i] + "; width:"+ item_width[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002.html
new file mode 100644
index 0000000000..8809d5b06e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-width:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-min-content-min-size-002-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.col { grid-template-columns:minmax(auto,0.0001fr); grid-auto-rows:10px; }
+.col img {
+  min-height: 0;
+  min-width: -webkit-min-content;
+  min-width: min-content;
+}
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+
+<script>
+var coltest = [
+"height:30px; max-width:200%", "height:30px; width:200%", "height:30px; width:50%",
+"width:50%", "max-width:50%", "height:30px", "height:200%; width:80px", "height:50%",
+"height:50%; width:20px", "max-height:50%", "max-height:50%; max-width:6px",
+"min-height:40%", "min-height:40%; max-width:30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003-ref.html
new file mode 100644
index 0000000000..9ec975d62d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-height:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.row { }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"12px", "12px", "4px", "1px", "2px", "1px", "1px", "1px", "1px", "3px", "5px"
+];
+var rowtest = [
+"width:12px; max-height:48px", "width:12px; height:48px", "width:4px; height:12px",
+"height:12px", "max-height:48px", "max-height:12px", "width:1px", "max-width:1px",
+"width:1px; height:20px", "min-width:3px", "min-width:5px; max-height:30px"
+];
+var results = [
+"48px", "48px", "12px", "12px", "24px", "12px", "12px", "12px", "20px", "36px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  grid.setAttribute("style","grid:minmax("+results[i]+",0) / " + coltest[i]);
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i] + "; min-height:"+ results[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003.html
new file mode 100644
index 0000000000..ae34753eba
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-height:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-min-content-min-size-003-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.row { grid-template-rows:minmax(auto,0.0001fr); }
+.row img {
+  min-width: 0;
+  min-height: -webkit-min-content;
+  min-height: min-content;
+}
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:12px; max-height:48px", "width:12px; height:48px", "width:4px; height:12px",
+"height:12px", "max-height:48px", "max-height:12px", "width:1px", "max-width:1px",
+"width:1px; height:20px", "min-width:3px", "min-width:5px; max-height:30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004-ref.html
new file mode 100644
index 0000000000..6533c97b67
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-height:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+body { overflow:hidden; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.row { }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:50%; max-height:200%", "width:50%; height:200%", "width:4px; height:50%",
+"height:50%", "max-height:200%", "max-height:50%", "max-width:50%", "width:50%; height:20px",
+"min-width:80%; max-height:20px", "min-width:50%", "margin-left: 50px; width:50%"
+];
+var results = [
+"0/2px", "0/2px", "0/4px", "0/2px", "0/2px", "0/2px", "12px/2px", "20px/2px", "20px/2px", "24px/2px", "312px/52px"
+];
+var item_height = [
+"0", "0", "0", "0", "0", "0", "12px", "20px", "20px", "24px", "312px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  grid.setAttribute("style","grid:" + results[i]);
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i] + "; max-height:auto; height:"+ item_height[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004.html b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004.html
new file mode 100644
index 0000000000..c2b650525c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-height:min-content' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-min-content-min-size-004-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+body { overflow:hidden; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.row { grid-template-rows:minmax(auto,0.0001fr); }
+.row img {
+  min-width: 0;
+  min-height: -webkit-min-content;
+  min-height: min-content;
+}
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:50%; max-height:200%", "width:50%; height:200%", "width:4px; height:50%",
+"height:50%", "max-height:200%", "max-height:50%", "max-width:50%", "width:50%; height:20px",
+"min-width:80%; max-height:20px", "min-width:50%", "margin-left: 50px; width:50%"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-percent-001-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-percent-001-ref.html
new file mode 100644
index 0000000000..d435f8f3e1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-percent-001-ref.html
@@ -0,0 +1,147 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing 'auto' min-sizing with percentage sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:10px; padding:0; margin:0; }
+
+.wrap {
+  float: left;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  grid-template-columns: minmax(0,0) 1fr;
+  grid-auto-rows: 10px;
+  border: 1px solid;
+}
+
+.item {
+  grid-row: 1 / 2;
+  grid-column: 1 / 2;
+  background:lime;
+  min-height:10px;
+}
+
+.item2 {
+  grid-row: 2 / 3;
+  grid-column: 1 / 2;
+  min-width:0;
+  min-height:10px;
+  justify-self:stretch;
+  background:grey;
+}
+
+br { clear:both; }
+
+#px-border      .item { border-left:20px solid blue; }
+#percent-border .item { padding-left:10%; }
+
+#px-border .grid { grid-template-columns: minmax(20px,0) 1fr; }
+.c100 { grid-template-columns: minmax(100px,0) 1fr; }
+.c100100 { grid-template-columns: minmax(100px,0) 100px; }
+.c200 { grid-template-columns: 200px; }
+#px-border .c100 { grid-template-columns: minmax(120px,0) 1fr; }
+#px-border .c100calc100 { grid-template-columns: minmax(120px,0) 1fr; }
+#px-border .c100100 { grid-template-columns: minmax(120px,0) 120px; }
+#px-border .c200 { grid-template-columns: 240px; }
+.c10 { grid-template-columns: minmax(10px,0) 1fr; }
+#px-border .c10 { grid-template-columns: minmax(30px,0) 1fr; }
+
+#percent-border .c100 { grid-template-columns: 100px 0; }
+#percent-border .c100calc100 { grid-template-columns: 100px 10px; }
+#percent-border .c10 { grid-template-columns: minmax(10px,0) 0; }
+#percent-border .c100100 { grid-template-columns: minmax(100px,0) 150px; }
+#percent-border .c200 { grid-template-columns: 250px; }
+  </style>
+</head>
+<body>
+
+<table border="1">
+<tr><th>no border/padding/margin</th><th>'border-left:20px'</th><th>'padding-left:10%'</th>
+<tr><td id="no-border"></td><td id="px-border"></td><td id="percent-border"></td>
+</tr></table>
+
+<script>
+var styles = [
+"width:50%",
+"width:50%; max-width:1px",
+"width:50%; min-width:100px",
+"width:calc(100px)",
+"width:calc(100px + 50%)",
+"width:100px; padding-right:50%",
+"width:calc(100px + 50%); min-width:10px",
+"width:calc(10px + 50%); min-width:100px",
+"width:calc(75px + 50%); min-width:100px",
+"width:calc(100px + 50%); max-width:1px",
+"width:calc(100px + 50%); max-width:150px",
+"min-width:50%",
+"min-width:50%; max-width:1px",
+"min-width:50%; width:100px",
+"min-width:calc(100px)",
+"min-width:calc(100px + 50%)",
+"min-width:100px; padding-right:50%",
+"min-width:calc(100px + 50%); width:10px",
+"min-width:calc(10px + 50%); width:100px",
+"min-width:calc(75px + 50%); width:100px",
+"min-width:calc(100px + 50%); max-width:1px",
+"min-width:calc(100px + 50%); max-width:150px",
+];
+var grids = [
+"grid",
+"grid",
+"grid c100",
+"grid c100",
+"grid",
+"grid c100",
+"grid c10",
+"grid c100",
+"grid c100",
+"grid",
+"grid",
+"grid",
+"grid",
+"grid c100",
+"grid c100",
+"grid",
+"grid c100",
+"grid c10",
+"grid c100",
+"grid c100",
+"grid",
+"grid",
+];
+var containers = [ "no-border", "px-border", "percent-border" ];
+for (var i = 0; i < containers.length; ++i) {
+  var c = document.querySelector("#"+containers[i]);
+  for (var j = 0; j < styles.length; ++j) {
+    c.appendChild(document.createElement('br'));
+    c.appendChild(document.createTextNode(styles[j]));
+    c.appendChild(document.createElement('br'));
+    var item = document.createElement('div');
+    item.setAttribute("class","item");
+    item.setAttribute("style", styles[j]);
+    var item2 = document.createElement('div');
+    item2.setAttribute("class","item2");
+    var grid = document.createElement('div');
+    grid.setAttribute("class",grids[j]);
+    grid.appendChild(item);
+    grid.appendChild(item2);
+    var wrap = document.createElement('div');
+    wrap.setAttribute("class","wrap");
+    wrap.appendChild(grid);
+    c.appendChild(wrap);
+  }
+}
+</script>
+
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-percent-001.html b/layout/reftests/css-grid/grid-auto-min-sizing-percent-001.html
new file mode 100644
index 0000000000..6854ad71f2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-percent-001.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing 'auto' min-sizing with percentage sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-percent-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:10px; padding:0; margin:0; }
+
+.wrap {
+  float: left;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  grid-template-columns: minmax(auto,0) 1fr;
+  grid-auto-rows: 10px;
+  border: 1px solid;
+}
+
+.item {
+  grid-row: 1 / 2;
+  grid-column: 1 / 2;
+  background:lime;
+  min-height:10px;
+}
+
+.item2 {
+  grid-row: 2 / 3;
+  grid-column: 1 / 2;
+  min-width:0;
+  min-height:10px;
+  justify-self:stretch;
+  background:grey;
+}
+
+br { clear:both; }
+
+#px-border      .item { border-left:20px solid blue; }
+#percent-border .item { padding-left:10%; }
+
+  </style>
+</head>
+<body>
+
+<table border="1">
+<tr><th>no border/padding/margin</th><th>'border-left:20px'</th><th>'padding-left:10%'</th>
+<tr><td id="no-border"></td><td id="px-border"></td><td id="percent-border"></td>
+</tr></table>
+
+<script>
+var styles = [
+"width:50%",
+"width:50%; max-width:1px",
+"width:50%; min-width:100px",
+"width:calc(100px)",
+"width:calc(100px + 50%)",
+"width:100px; padding-right:50%",
+"width:calc(100px + 50%); min-width:10px",
+"width:calc(10px + 50%); min-width:100px",
+"width:calc(75px + 50%); min-width:100px",
+"width:calc(100px + 50%); max-width:1px",
+"width:calc(100px + 50%); max-width:150px",
+"min-width:50%",
+"min-width:50%; max-width:1px",
+"min-width:50%; width:100px",
+"min-width:calc(100px)",
+"min-width:calc(100px + 50%)",
+"min-width:100px; padding-right:50%",
+"min-width:calc(100px + 50%); width:10px",
+"min-width:calc(10px + 50%); width:100px",
+"min-width:calc(75px + 50%); width:100px",
+"min-width:calc(100px + 50%); max-width:1px",
+"min-width:calc(100px + 50%); max-width:150px",
+];
+var containers = [ "no-border", "px-border", "percent-border" ];
+for (var i = 0; i < containers.length; ++i) {
+  var c = document.querySelector("#"+containers[i]);
+  for (var j = 0; j < styles.length; ++j) {
+    c.appendChild(document.createElement('br'));
+    c.appendChild(document.createTextNode(styles[j]));
+    c.appendChild(document.createElement('br'));
+    var item = document.createElement('div');
+    item.setAttribute("class","item");
+    item.setAttribute("style", styles[j]);
+    var item2 = document.createElement('div');
+    item2.setAttribute("class","item2");
+    var grid = document.createElement('div');
+    grid.setAttribute("class","grid");
+    grid.appendChild(item);
+    grid.appendChild(item2);
+    var wrap = document.createElement('div');
+    wrap.setAttribute("class","wrap");
+    wrap.appendChild(grid);
+    c.appendChild(wrap);
+  }
+}
+</script>
+
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001-ref.html
new file mode 100644
index 0000000000..12f76d401e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.col { grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:48px", "height:30px; width:48px", "height:30px; width:12px",
+"width:12px", "max-width:12px", "height:30px", "height:4px; width:80px", "height:1px",
+"height:1px; width:20px", "max-height:1px", "max-height:1px; max-width:6px",
+"min-height:4px", "min-height:4px; max-width: 30px"
+];
+var results = [
+"48px", "48px", "12px", "12px", "12px", "360px", "80px", "12px", "20px", "12px",
+"6px", "48px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  grid.setAttribute("style","grid-template-columns:minmax("+results[i]+",0)");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i] + "; min-width:"+ results[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001.html
new file mode 100644
index 0000000000..147965ff36
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-001.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-transferred-size-001-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.col { grid-template-columns:minmax(auto,0.0001fr); grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:48px", "height:30px; width:48px", "height:30px; width:12px",
+"width:12px", "max-width:12px", "height:30px", "height:4px; width:80px", "height:1px",
+"height:1px; width:20px", "max-height:1px", "max-height:1px; max-width:6px",
+"min-height:4px", "min-height:4px; max-width: 30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002-ref.html
new file mode 100644
index 0000000000..528d63bc72
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.col { grid-template-columns:minmax(auto,0); grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:200%", "height:30px; width:200%", "height:30px; width:50%",
+"width:50%", "max-width:50%", "height:30px", "height:200%; width:80px", "height:50%",
+"height:50%; width:20px", "max-height:50%", "max-height:50%; max-width:6px",
+"min-height:40%", "min-height:40%; max-width:30px"
+];
+var results = [
+"360px", "0px", "0px", "0px", "24px", "360px", "80px", "24px", "20px", "24px",
+"6px", "24px", "24px"
+];
+var item_width = [
+"0px", "0px", "0px", "0px", "0px", "360px", "80px", "60px", "20px", "24px",
+"6px", "48px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  grid.setAttribute("style","grid-template-columns:minmax("+results[i]+",0)");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i] + "; width:"+ item_width[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002.html
new file mode 100644
index 0000000000..24bca5b2ed
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-002.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-transferred-size-002-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.col { grid-template-columns:minmax(auto,0.0001fr); grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+
+<script>
+var coltest = [
+"height:30px; max-width:200%", "height:30px; width:200%", "height:30px; width:50%",
+"width:50%", "max-width:50%", "height:30px", "height:200%; width:80px", "height:50%",
+"height:50%; width:20px", "max-height:50%", "max-height:50%; max-width:6px",
+"min-height:40%", "min-height:40%; max-width:30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003-ref.html
new file mode 100644
index 0000000000..915c3348a0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  place-items: start;
+  margin-bottom:1em;
+}
+
+.row { }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"12px", "12px", "4px", "1px", "2px", "1px", "1px", "1px", "1px", "3px", "5px"
+];
+var rowtest = [
+"width:12px; max-height:48px", "width:12px; height:48px", "width:4px; height:12px",
+"height:12px", "max-height:48px", "max-height:12px", "width:1px", "max-width:1px",
+"width:1px; height:20px", "min-width:3px", "min-width:5px; max-height:30px"
+];
+var results = [
+"48px", "48px", "12px", "12px", "24px", "12px", "12px", "12px", "20px", "36px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  grid.setAttribute("style","grid:minmax("+results[i]+",0) / " + coltest[i]);
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i] + "; min-height:"+ results[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003.html
new file mode 100644
index 0000000000..7a82f050e9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-transferred-size-003-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.row { grid-template-rows:minmax(auto,0.0001fr); }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:12px; max-height:48px", "width:12px; height:48px", "width:4px; height:12px",
+"height:12px", "max-height:48px", "max-height:12px", "width:1px", "max-width:1px",
+"width:1px; height:20px", "min-width:3px", "min-width:5px; max-height:30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004-ref.html
new file mode 100644
index 0000000000..4eb623b7d4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'auto' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+body { overflow:hidden; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.row { }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:50%; max-height:200%", "width:50%; height:200%", "width:4px; height:50%",
+"height:50%", "max-height:200%", "max-height:50%", "max-width:50%", "width:50%; height:20px",
+"min-width:80%; max-height:20px", "min-width:50%", "margin-left: 50px; width:50%"
+];
+var results = [
+"0/2px", "0/2px", "0/4px", "0/2px", "0/2px", "0/2px", "12px/2px", "20px/2px", "20px/2px", "24px/2px", "312px/52px"
+];
+var item_height = [
+"0", "0", "0", "0", "0", "0", "12px", "20px", "20px", "24px", "312px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  grid.setAttribute("style","grid:" + results[i]);
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i] + "; max-height:auto; height:"+ item_height[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004.html b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004.html
new file mode 100644
index 0000000000..82cb6aadc9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-004.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'auto' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-auto-min-sizing-transferred-size-004-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+body { overflow:hidden; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.row { grid-template-rows:minmax(auto,0.0001fr); }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:50%; max-height:200%", "width:50%; height:200%", "width:4px; height:50%",
+"height:50%", "max-height:200%", "max-height:50%", "max-width:50%", "width:50%; height:20px",
+"min-width:80%; max-height:20px", "min-width:50%", "margin-left: 50px; width:50%"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:minmax(auto,0.0001fr)"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-clamping-001-ref.html b/layout/reftests/css-grid/grid-clamping-001-ref.html
new file mode 100644
index 0000000000..050eac08a4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-clamping-001-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Reference: bug 1229999</title>
+    <style type="text/css">
+html,body { color:black; background-color:white; font-size:16px; padding:0; margin:0; }
+	
+.grid {
+  position: fixed;
+  bottom: 0;
+  display: grid;
+  grid-template-rows: 10000px;
+  grid-auto-rows: 1px;
+  grid-auto-columns: 10px;
+  border: 1px solid;
+}
+
+x {
+  position: absolute;
+  grid-row-start: span 2;
+  top:0; bottom:0; left:10px; width:20px;
+  background: grey;
+}
+    </style>
+</head>
+<body>
+
+    <div class="grid">
+        <span style="background:yellow"></span>
+        <span style="background:lime"></span>
+        <span style="background:blue"></span>
+        <span style="background:blue"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:50px">
+        <span style="background:yellow"></span>
+        <span style="background:lime"></span>
+        <span style="background:blue"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:100px">
+        <span style="background:yellow"></span>
+        <span style="background:yellow"></span>
+        <span style="background:blue"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:150px">
+        <span style="background:yellow"></span>
+        <span style="background:yellow"></span>
+        <span style="background:blue"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:200px">
+        <span style="background:yellow"></span>
+        <span style="background:yellow"></span>
+        <span style="background:blue"></span>
+        <x></x>
+    </div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-clamping-001.html b/layout/reftests/css-grid/grid-clamping-001.html
new file mode 100644
index 0000000000..7d96b2e852
--- /dev/null
+++ b/layout/reftests/css-grid/grid-clamping-001.html
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1229999</title>
+    <style type="text/css">
+html,body { color:black; background-color:white; font-size:16px; padding:0; margin:0; }
+	
+.grid {
+  position: fixed;
+  bottom: 0;
+  display: grid;
+  grid-auto-rows: 1px;
+  grid-auto-columns: 10px;
+  border: 1px solid;
+}
+
+x {
+  position: absolute;
+  grid-row-start: span 2;
+  top:0; bottom:0; left:10px; width:20px;
+  background: grey;
+}
+y { background:blue; }
+y:nth-of-type(2n+1) { background:lime; }
+    </style>
+</head>
+<body>
+
+    <div class="grid">
+        <span style="grid-row-start: A -4;"></span>
+        <span style="grid-row-end: span 134217729; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:50px;">
+        <span style="grid-row-start: A -3;"></span>
+        <span style="grid-row-end: span 134217729; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:100px;">
+        <span style="grid-row-start: A -2;"></span>
+        <span style="grid-row-end: span 134217729; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:150px;">
+        <span style="grid-row-start: A -1;"></span>
+        <span style="grid-row-end: span 134217729; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:150px;">
+        <span style="grid-row-start: 1;"></span>
+        <span style="grid-row-end: span 134217729; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:200px;">
+        <span style="grid-row-end: span 134217729; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-clamping-002-ref.html b/layout/reftests/css-grid/grid-clamping-002-ref.html
new file mode 100644
index 0000000000..d605ff9f1b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-clamping-002-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Reference: Clamp number of auto-fill tracks</title>
+    <style type="text/css">
+html,body { color:black; background-color:white; font-size:16px; padding:0; margin:0; }
+	
+.grid {
+  position: fixed;
+  bottom: 0;
+  display: grid;
+  grid-template-rows: 10000px;
+  grid-auto-rows: 1px;
+  grid-auto-columns: 10px;
+  border: 1px solid;
+}
+
+x {
+  position: absolute;
+  grid-row-start: span 2;
+  top:0; bottom:0; left:10px; width:20px;
+  background: grey;
+}
+    </style>
+</head>
+<body>
+
+    <div class="grid">
+        <span style="background:yellow"></span>
+        <span style="background:lime"></span>
+        <span style="background:blue"></span>
+        <span style="background:lime"></span>
+        <span style="background:blue"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:50px">
+        <span style="background:yellow"></span>
+        <span style="background:lime"></span>
+        <span style="background:blue"></span>
+        <span style="background:lime"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:100px">
+        <span style="background:yellow"></span>
+        <span style="background:lime"></span>
+        <span style="background:blue"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:150px">
+        <span style="background:yellow"></span>
+        <span style="background:yellow"></span>
+        <span style="background:yellow"></span>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:200px">
+        <span style="background:yellow"></span>
+        <span style="background:yellow"></span>
+        <span style="background:yellow"></span>
+        <x></x>
+    </div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-clamping-002.html b/layout/reftests/css-grid/grid-clamping-002.html
new file mode 100644
index 0000000000..cb3db0d276
--- /dev/null
+++ b/layout/reftests/css-grid/grid-clamping-002.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase: Clamp number of auto-fill tracks</title>
+    <style type="text/css">
+html,body { color:black; background-color:white; font-size:16px; padding:0; margin:0; }
+	
+.grid {
+  display: grid;
+  position: fixed;
+  bottom: 0;
+  height: 9999px; /* results in 9999 rows, i.e. the max line is 10000 */
+  grid-template-rows: repeat(auto-fill, 1px);
+  grid-template-columns: 10px;
+  grid-auto-flow: column;
+  border: 1px solid;
+}
+
+x {
+  position: absolute;
+  grid-row-start: span 2;
+  top:0; bottom:0; left:10px; width:20px;
+  background: grey;
+}
+y { background:blue; }
+y:nth-of-type(2n+1) { background:lime; }
+    </style>
+</head>
+<body>
+
+    <div class="grid">
+        <span style="grid-row: 1/ span 9995; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:50px;">
+        <span style="grid-row: 1/ span 9996; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:100px;">
+        <span style="grid-row: 1/ span 9997; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:150px;">
+        <span style="grid-row: 1/ span 9998; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:150px;">
+        <span style="grid-row: 1/ span 9999; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+    <div class="grid" style="left:200px;">
+        <span style="grid-row: 1/ span 10000; background:yellow"></span>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <y></y><y></y><y></y><y></y><y></y><y></y>
+        <x></x>
+    </div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-col-max-sizing-max-content-001-ref.html b/layout/reftests/css-grid/grid-col-max-sizing-max-content-001-ref.html
new file mode 100644
index 0000000000..da30a8b89b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-col-max-sizing-max-content-001-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track max-sizing 'max-content'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: block;
+ border: dashed blue;
+ float:left;
+ clear:left;
+}
+
+.c1 { width:40px; margin-bottom: 2px; margin-right: 47px; }
+.r1 { min-width:70px; margin-left: 38px; margin-top: 2px; }
+.c3 { width:10px; margin: 2px 18px 1px 71px; }
+
+span {
+  display: block;
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="margin-right:54px"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="width:436px">
+<span class="c1" style="width:374px; margin-right:41px"><x>&nbsp;</x></span>
+<span class="r1" style="margin-left:5px"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:405px; float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="width:20px;margin-right:448px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:30px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="width:583px;">
+<span class="c1" style="width:507px; margin-right:55px"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:538px; float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="width:389px;">
+<span class="c1" style="width:100px"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px;margin-left:68px;"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="width:389px;">
+<span class="c1" style="width:100px"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px;margin-left:68px;"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-col-max-sizing-max-content-001.html b/layout/reftests/css-grid/grid-col-max-sizing-max-content-001.html
new file mode 100644
index 0000000000..ee87346873
--- /dev/null
+++ b/layout/reftests/css-grid/grid-col-max-sizing-max-content-001.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track max-sizing 'max-content'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#valdef-grid-template-columns-max-content">
+  <link rel="match" href="grid-col-max-sizing-max-content-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-auto-columns: minmax(min-content,max-content);
+ border: dashed blue;
+ float:left;
+ clear:left;
+ justify-items: stretch;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; }
+.c3 { grid-column: 3 / span 1; min-width:0; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div>
+<div class="grid" style="grid-template-columns: minmax(min-content,max-content) 400px;">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="min-width:20px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:30px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(min-content,max-content) minmax(min-content,500px);">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px; border-sizing:border-box"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-col-max-sizing-max-content-002-ref.html b/layout/reftests/css-grid/grid-col-max-sizing-max-content-002-ref.html
new file mode 100644
index 0000000000..eeb4e407ff
--- /dev/null
+++ b/layout/reftests/css-grid/grid-col-max-sizing-max-content-002-ref.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track max-sizing 'max-content'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: block;
+ float:left;
+ clear:left;
+}
+.wrap {
+ border: dashed blue;
+ overflow:hidden;
+ clear:left;
+}
+
+.c1 { width:40px; margin-bottom: 2px; margin-right: 47px; }
+.r1 { min-width:70px; margin-left: 38px; margin-top: 2px; }
+.c3 { width:10px; margin: 2px 18px 1px 71px; }
+
+span {
+  display: block;
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="wrap"><div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div></div>
+
+<div class="wrap"><div class="grid">
+<span class="c1" style="margin-right:54px"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div></div>
+
+<div class="wrap"><div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div></div>
+
+<div class="wrap"><div class="grid" style="width:436px">
+<span class="c1" style="width:374px; margin-right:41px"><x>&nbsp;</x></span>
+<span class="r1" style="margin-left:5px"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:405px; float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div></div>
+
+<div class="wrap" style="float:left;"><div class="grid" style="width:500px;">
+<span class="c1" style="width:20px;margin-right:448px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:30px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
+</div></div>
+
+<div class="wrap"><div class="grid" style="width:583px;">
+<span class="c1" style="width:507px; margin-right:55px"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:538px; float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div></div>
+
+<div class="wrap"><div class="grid" style="width:389px;">
+<span class="c1" style="width:100px"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px;margin-left:68px;"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div></div>
+
+<div class="wrap"><div class="grid" style="width:389px;">
+<span class="c1" style="width:100px"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px;margin-left:68px;"><x>&nbsp;</x></span>
+<span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x>&nbsp;</x></span>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-col-max-sizing-max-content-002.html b/layout/reftests/css-grid/grid-col-max-sizing-max-content-002.html
new file mode 100644
index 0000000000..9aaa8c0340
--- /dev/null
+++ b/layout/reftests/css-grid/grid-col-max-sizing-max-content-002.html
@@ -0,0 +1,87 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track max-sizing 'max-content'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#valdef-grid-template-columns-max-content">
+  <link rel="match" href="grid-col-max-sizing-max-content-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-auto-columns: minmax(min-content,max-content);
+ border: dashed blue;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; }
+.c3 { grid-column: 3 / span 1; min-width:0; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+</div>
+<div class="grid" style="grid-template-columns: minmax(min-content,max-content) 400px;">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="min-width:20px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:30px"><x>&nbsp;</x></span>
+<span class="r1" style="min-width:10px"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(min-content,max-content) minmax(min-content,500px);">
+<span class="c1"><x>&nbsp;</x></span>
+<span class="r1"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x>&nbsp;</x></span>
+<span class="r1" style="width:300px; border-sizing:border-box"><x>&nbsp;</x></span>
+<span class="c3"><x>&nbsp;</x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-001-ref.html b/layout/reftests/css-grid/grid-column-gap-001-ref.html
new file mode 100644
index 0000000000..39adc0199e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-001-ref.html
@@ -0,0 +1,128 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(1px,auto);
+  grid-template-rows: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  margin-right: 20px;
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+.grid .gap { background:transparent; }
+
+x { background: lime; height:7px; }
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var justify = [
+   "start",
+   // "end",
+   // "center",
+   // "start",
+   // "end",
+   "start",
+   "start",
+   "start",
+   "start",
+   "end",
+   "center",
+   "start",
+   // "end",
+   // "start",
+   // "end safe",
+   // "end",
+   "center",
+   // "center",
+   // "end",
+   // "end safe",
+   // "start",
+   "center",
+   // "end",
+   // "end safe",
+   // "left",
+   // "end",
+];
+var cols = [ "0", "1", "2", "3", "8", "9" ];
+var widths = [ "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < justify.length; ++j) {
+  // document.body.appendChild(document.createTextNode(justify[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden");
+  for (var c = 0; c < cols.length; ++c) {
+    for (var w = 0; w < widths.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = widths[w] < cols[c] || cols[c] == 0 || cols[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          grid.style.width = widths[w]+"px";
+          grid.className = "grid";
+          grid.style.justifyContent = justify[j];
+          var span = document.createElement('span');
+          grid.appendChild(span);
+          var numCols = parseInt(cols[c]);
+          var gapCols = numCols==0 ? 0 : (numCols-1);
+          numCols += gapCols*parseInt(gaps[g]);
+          span.style.gridColumn = "1 / span " + numCols;
+          for (var x = 0; x < numCols; ++x) {
+            var item = document.createElement('x');
+            if (x % (1+(parseInt(gaps[g]))) != 0)
+              item.className = "gap";
+            grid.appendChild(item);
+          }
+          // if (j < 5) { // The stretch tests.
+          if (j < 1) { // The stretch test.
+            if (c == 1)
+              grid.style.background = 'pink'
+          }
+          // if (j == 6 && cols[c] == 1) { // The 'safe end' tests.
+          if (j == 2 && cols[c] == 1) { // The 'safe end' tests.
+            if (widths[w] != 0) grid.style.justifyContent = 'end';
+          }
+          // if (j == 7 && cols[c] == 1) { // The 'safe center' tests.
+          if (j == 3 && cols[c] == 1) { // The 'safe center' tests.
+            if (widths[w] != 0) grid.style.justifyContent = 'center';
+          }
+          // if (j > 15) { // The space-around and space-evenly tests.
+          if (j > 7) { // The space-around and space-evenly tests.
+            if (cols[c] == 1) {
+              if (widths[w] == 0) {
+                if (grid.style.justifyContent != 'end') {
+                  grid.style.justifyContent = 'start';
+                }
+              } else {
+                grid.style.justifyContent = 'center';
+              }
+            }
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-001.html b/layout/reftests/css-grid/grid-column-gap-001.html
new file mode 100644
index 0000000000..a0c85de0f1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-001.html
@@ -0,0 +1,104 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-column-gap-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(1px,auto);
+  grid-template-rows: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  margin-right: 20px;
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+
+x { background: lime; height:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var justify = [
+   "stretch",
+   // FIXME: When https://github.com/w3c/csswg-drafts/issues/1002 is implemented.
+   // "stretch end",
+   // "stretch center",
+   // "stretch safe end",
+   // "stretch unsafe end",
+   "safe start",
+   "safe end",
+   "safe center",
+   "unsafe start",
+   "unsafe end",
+   "unsafe center",
+   "space-between",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-between end",
+   // "space-between start",
+   // "space-between safe end",
+   // "space-between unsafe end",
+   "space-around",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-around center",
+   // "space-around right",
+   // "space-around safe right",
+   // "space-around left",
+   "space-evenly",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-evenly flex-end",
+   // "space-evenly safe flex-end",
+   // "space-evenly unsafe flex-start",
+   // "space-evenly right",
+];
+var cols = [ "0", "1", "2", "3", "8", "9" ];
+var widths = [ "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < justify.length; ++j) {
+  // document.body.appendChild(document.createTextNode(justify[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden");
+  for (var c = 0; c < cols.length; ++c) {
+    for (var w = 0; w < widths.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = widths[w] < cols[c] || cols[c] == 0 || cols[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          grid.style.width = widths[w]+"px";
+          grid.style.gridColumnGap = gaps[g]+"px";
+          grid.className = "grid";
+          grid.style.justifyContent = justify[j];
+          var span = document.createElement('span');
+          span.style.gridColumn = "1 / span " + cols[c];
+          grid.appendChild(span);
+          for (var x = 0; x < cols[c]; ++x) {
+            grid.appendChild(document.createElement('x'));
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-002-ref.html b/layout/reftests/css-grid/grid-column-gap-002-ref.html
new file mode 100644
index 0000000000..84d5a3c1be
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-002-ref.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: block;
+  border: dashed blue;
+  float: left;
+  clear: left;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; margin-left:40px; }
+.c3 { grid-column: 3 / span 1; min-width:0; margin-left:138px; }
+
+span {
+  display: block;
+  float: left;
+  clear: left;
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  justify-self: flex-start;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1" style="width:40px"><x></x></span>
+<span class="r1" style="width:74px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:49px"><x></x></span>
+<span class="r1" style="margin-left:44px; width:88px"><x></x></span>
+<span class="c3" style="margin-left:83px; "><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:40px"><x></x></span>
+<span class="r1" style="width:74px"><x></x></span>
+<span class="r1" style="width:74px"><x></x></span>
+<span class="r1" style="width:74px"><x></x></span>
+</div>
+<div class="grid" style="">
+<span class="c1" style="width:413px"><x></x></span>
+<span class="r1" style="margin-left:44px; width:452px"><x></x></span>
+<span class="c3" style="margin-left:447px;"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="width:223px"><x></x></span>
+<span class="r1" style="margin-left:131px; width:348px"><x></x></span>
+<span class="r1" style="margin-left:131px; width:348px"><x></x></span>
+<span class="r1" style="margin-left:131px; width:348px"><x></x></span>
+</div>
+
+<div class="grid" style="">
+<span class="c1" style="width:513px"><x></x></span>
+<span class="r1" style="margin-left:44px; width:552px"><x></x></span>
+<span class="c3" style="margin-left:547px;"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="margin-left:115px; margin-right:5px; width:300px"><x></x></span>
+<span class="c3" style="margin-left:224px; width:81px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x></x></span>
+<span class="r1" style="margin-left:115px; margin-right:5px; width:300px; border-sizing:border-box"><x></x></span>
+<span class="c3" style="margin-left:224px; width:81px"><x></x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-002.html b/layout/reftests/css-grid/grid-column-gap-002.html
new file mode 100644
index 0000000000..d00e640739
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-002.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-column-gap-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(0,1fr);
+  border: dashed blue;
+  float: left;
+  clear: left;
+  grid-column-gap: 3px;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; }
+.c3 { grid-column: 3 / span 1; min-width:0; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  justify-self: stretch;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+<div class="grid" style="grid-template-columns: minmax(0,1fr) 400px;">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="min-width:20px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+<span class="r1" style="min-width:30px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,1fr) minmax(0,500px);">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="width:300px"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x></x></span>
+<span class="r1" style="width:300px; border-sizing:border-box"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-003-ref.html b/layout/reftests/css-grid/grid-column-gap-003-ref.html
new file mode 100644
index 0000000000..9b574ed1bd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-003-ref.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: block;
+  border: dashed blue;
+  clear: left;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; margin-top:1px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; margin-left:38px; }
+.c3 { grid-column: 3 / span 1; min-width:0; margin-left:138px; }
+
+span {
+  display: block;
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 2px 5px 1px 5px;
+  justify-self: flex-start;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1" style="width:370px"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:370px"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+<span class="c3" style="margin-left:404px; width:170px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:370px"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:505px"><x></x></span>
+<span class="r1" style="margin-left:136px;"><x></x></span>
+<span class="c3" style="margin-left:539px; width:103px"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="width:223px"><x></x></span>
+<span class="r1" style="margin-left:131px; width:348px"><x></x></span>
+<span class="r1" style="margin-left:131px; width:348px"><x></x></span>
+<span class="r1" style="margin-left:131px; width:348px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:572px"><x></x></span>
+<span class="r1" style="margin-left:103px;"><x></x></span>
+<span class="c3" style="margin-left:606px; width:69px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="margin-left:204px; width:300px"><x></x></span>
+<span class="c3" style="margin-left:404px; width:170px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="margin-left:204px; width:300px"><x></x></span>
+<span class="c3" style="margin-left:404px; width:170px"><x></x></span>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-003.html b/layout/reftests/css-grid/grid-column-gap-003.html
new file mode 100644
index 0000000000..f1c549b548
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-003.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-column-gap-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(0,1fr);
+  border: dashed blue;
+  grid-column-gap: 3px;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; }
+.c3 { grid-column: 3 / span 1; min-width:0; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  justify-self: stretch;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+<div class="grid" style="grid-template-columns: minmax(0,1fr) 400px;">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="min-width:20px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+<span class="r1" style="min-width:30px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,1fr) minmax(0,500px);">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="width:300px"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x></x></span>
+<span class="r1" style="width:300px; border-sizing:border-box"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-004-ref.html b/layout/reftests/css-grid/grid-column-gap-004-ref.html
new file mode 100644
index 0000000000..4dff8adeec
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-004-ref.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Percentage 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1266268">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 60px;
+  height: 40px;
+  grid-column-gap: 6px;
+}
+.vl.grid, .vr.grid, .vlr.grid, .vrl.grid { grid-column-gap: 4px; }
+
+item1,item2,item3 {
+  display: block;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-content:start; }
+.aend { align-content:end; }
+.aflexstart { align-content:flex-start; }
+.aflexend { align-content:flex-end; }
+.acenter { align-content:center; }
+.aleft { align-content:left; }
+.aright { align-content:right; }
+
+.aspace-between{ align-content:space-between; }
+.aspace-around { align-content:space-around;  }
+.aspace-evenly { align-content:space-evenly;  }
+
+.astretch1, .astretch2, .astretch3, .astretch4 { align-content:stretch; }
+.astretch2 { grid-template-rows: minmax(3px,auto) 5px 7px; }
+.astretch3 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) 7px; }
+.astretch4 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) minmax(7px,auto); }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-column-gap-004.html b/layout/reftests/css-grid/grid-column-gap-004.html
new file mode 100644
index 0000000000..8546c579b0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-column-gap-004.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Percentage 'grid-column-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1266268">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-column-gap-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 60px;
+  height: 40px;
+  grid-column-gap: 10%;
+}
+
+item1,item2,item3 {
+  display: block;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-content:start; }
+.aend { align-content:end; }
+.aflexstart { align-content:flex-start; }
+.aflexend { align-content:flex-end; }
+.acenter { align-content:center; }
+.aleft { align-content:left; }
+.aright { align-content:right; }
+
+.aspace-between{ align-content:space-between; }
+.aspace-around { align-content:space-around;  }
+.aspace-evenly { align-content:space-evenly;  }
+
+.astretch1, .astretch2, .astretch3, .astretch4 { align-content:stretch; }
+.astretch2 { grid-template-rows: minmax(3px,auto) 5px 7px; }
+.astretch3 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) 7px; }
+.astretch4 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) minmax(7px,auto); }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-001-ref.html b/layout/reftests/css-grid/grid-container-baselines-001-ref.html
new file mode 100644
index 0000000000..992e33695f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-001-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Grid container baselines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151204">
+  <link rel="stylesheet" type="text/css" href="support/ahem.css">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+
+span {
+  background: lime;
+  display: inline-grid;
+  border: 1px solid black;
+  font-size:12px;
+}
+span:nth-child(1) {font-size:32px; }
+span:nth-child(2) {padding-block-end:20px; }
+
+.sfb { align-self:baseline; }
+.slb { align-self:last baseline; }
+.cfb { align-content:baseline; align-self:start; }
+.clb { align-content:last baseline; align-self:end; }
+.s { align-self:stretch; }
+
+.jfb { justify-self:baseline; }
+.jlb { justify-self:last baseline; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.ib {
+  display: inline-table;
+  align-items: start;
+  border: 2px solid;
+  height: 120px;
+  margin: 1px;
+  font-size:1px;
+  position:relative;
+}
+.ib2 {
+  display: inline-table;
+  align-items: start;
+  padding-bottom: 20px;
+  font-size:1px;
+}
+
+</style>
+</head>
+<body>
+
+A<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:left">B<br>B</span><span style="display:inline-flex">C<br>C</span></div>
+<div class="ib"><span>B<br>B</span><span style="float:right; visibility:hidden">C<br>C</span><span style="position:absolute; bottom:2px; right:2px; padding-bottom:20px;">C<br>C</span></div>
+
+<!-- TODO: figure out a reference for the corresponding test -->
+<!-- TODO: figure out a reference for the corresponding test -->
+
+<div class="ib"><div style="display:inline-grid; align-self:baseline; grid: 120px / auto auto"><span class="slb">B<br>B</span><span class="slb">C<br>C</span></div></div>
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span style="display:inline-flex">C<br>C</span></div>
+<!--
+<div class="ib"><span style="vertical-align:bottom; margin-bottom:-1px">B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span style="vertical-align:bottom; margin-bottom:-21px">C<br>C</span></div>
+-->
+<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+
+<br>
+
+A<!--<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+--><div class="ib"><span style="vertical-align:bottom; margin-top:50px">B<br>B</span><span style="float:right; margin-top:50px">C<br>C</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-001.html b/layout/reftests/css-grid/grid-container-baselines-001.html
new file mode 100644
index 0000000000..529632ae61
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-001.html
@@ -0,0 +1,92 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Grid container baselines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151204">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-baselines">
+  <link rel="match" href="grid-container-baselines-001-ref.html">
+  <link rel="stylesheet" type="text/css" href="support/ahem.css">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  grid: 120px / repeat(4, min-content);
+  align-items: start;
+  justify-items: start;
+  border: 2px solid;
+  margin: 1px;
+}
+.r2 { grid-template-rows: 0 120px; }
+.r3 { grid-template-rows: 50px 70px; }
+.r4 { grid-template-rows: 120px 0; }
+.grid .grid {
+  border: 0;
+  margin: 0;
+}
+.vgrid { grid: repeat(4, min-content) / 120px;}
+
+span { 
+  background: lime;
+  display: inline-block;
+  border: 1px solid black;
+}
+span:nth-child(1) {font-size:32px; }
+span:nth-child(2) {font-size:12px; padding-block-end:20px;}
+
+.sfb { align-self:baseline; }
+.slb { align-self:last baseline; }
+.cfb { align-content:baseline; align-self:start; }
+.clb { align-content:last baseline; align-self:end; }
+.s { align-self:stretch; }
+
+.jfb { justify-self:baseline; }
+.jlb { justify-self:last baseline; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+A<div class="grid"><span>B<br>B</span><span>C<br>C</span></div>
+<div class="grid"><span>B<br>B</span><span class="sfb">C<br>C</span></div>
+<div class="grid"><span>B<br>B</span><span class="slb">C<br>C</span></div>
+
+<!-- <div class="grid"><span>B<br>B</span><span class="sfb">C<br>C</span><span class="sfb">C<br>C</span></div> -->
+<!-- <div class="grid"><span>B<br>B</span><span class="sfb">C<br>C</span><span class="sfb vl" style="padding:20px 0">D<br>D</span></div> -->
+
+<div class="grid"><span class="slb">B<br>B</span><span class="slb">C<br>C</span></div>
+<div class="grid"><span style="order:1">B<br>B</span><span>C<br>C</span></div>
+<div class="grid"><span style="order:1">B<br>B</span><span class="sfb">C<br>C</span></div>
+
+<!--
+<div class="grid r2"><span style="grid-row:2">B<br>B</span><span style="grid-row:2">C<br>C</span></div>
+<div class="grid r2"><span style="grid-row:2; order:1">B<br>B</span><span style="grid-row:2">C<br>C</span></div>
+-->
+
+<div class="grid r2"><span style="grid-row:span 2">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+<div class="grid r2"><span style="grid-row:span 2; order:1">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+<div class="grid r3"><span style="grid-row:span 2">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+<div class="grid r3"><span style="grid-row:span 2; order:1">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+
+<br>
+A<!--<div class="grid r4"><span>B<br>B</span><span>C<br>C</span></div>
+<div class="grid r4"><span style="order:1">B<br>B</span><span>C<br>C</span></div>
+<div class="grid"><div class="grid"><span>B<br>B</span><span>C<br>C</span></div></div>
+<div class="grid"><div class="grid"><div class="grid"><span>B<br>B</span><span>C<br>C</span></div></div></div>
+--><div class="grid"><div class="grid r3"><span style="grid-row:2">B<br>B</span><span style="grid-row:2">C<br>C</span></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-002-ref.html b/layout/reftests/css-grid/grid-container-baselines-002-ref.html
new file mode 100644
index 0000000000..960f911792
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-002-ref.html
@@ -0,0 +1,87 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Grid container baselines w. spacing before first row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151204">
+  <link rel="stylesheet" type="text/css" href="support/ahem.css">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+
+span {
+  background: lime;
+  display: inline-grid;
+  border: 1px solid black;
+  font-size: 12px;
+}
+span:nth-child(1) { font-size:32px; }
+span:nth-child(2) { padding-block-end:20px; }
+
+.sfb { align-self:baseline; }
+.slb { align-self:last baseline; }
+.cfb { align-content:baseline; align-self:start; }
+.clb { align-content:last baseline; align-self:end; }
+.s { align-self:stretch; }
+
+.jfb { justify-self:baseline; }
+.jlb { justify-self:last baseline; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.ib {
+  display: inline-table;
+  border: 2px solid;
+  height: 130px;
+  padding-top: 10px;
+  margin: 1px;
+  font-size: 1px;
+}
+.ib2 { display: inline-table; padding-top:10px; }
+.ib3 { display: inline-table; padding-top:20px; }
+
+</style>
+</head>
+<body>
+
+A<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:left">B<br>B</span><span style="display:inline-flex">C<br>C</span></div>
+
+<!-- TODO: figure out a reference for the corresponding test -->
+<!-- TODO: figure out a reference for the corresponding test -->
+
+<div class="ib"><div style="display:inline-grid; height:120px; align-content:end;"><div style="display:grid; align-self:baseline; grid: 120px / auto auto"><span class="slb">B<br>B</span><span class="slb">C<br>C</span></div></div></div>
+
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span style="display:inline-flex">C<br>C</span></div>
+
+<!--
+<div class="ib"><span style="vertical-align:bottom; margin-bottom:-1px">B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span style="vertical-align:bottom; margin-bottom:-21px">C<br>C</span></div>
+-->
+
+<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+
+<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+
+<br>
+
+A<!--<div class="ib"><span>B<br>B</span><span style="float:right">C<br>C</span></div>
+<div class="ib"><span style="float:right">B<br>B</span><span>C<br>C</span></div>
+<div class="ib"><div class="ib2"><span>B<br>B</span><span style="float:right">C<br>C</span></div></div>
+<div class="ib"><div class="ib3"><span>B<br>B</span><span style="float:right">C<br>C</span></div></div>
+--><div class="ib"><span style="vertical-align:bottom; margin-top:60px">B<br>B</span><span style="float:right; margin-top:60px">C<br>C</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-002.html b/layout/reftests/css-grid/grid-container-baselines-002.html
new file mode 100644
index 0000000000..dd94696aa5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-002.html
@@ -0,0 +1,96 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Grid container baselines w. spacing before first row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151204">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-baselines">
+  <link rel="match" href="grid-container-baselines-002-ref.html">
+  <link rel="stylesheet" type="text/css" href="support/ahem.css">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  grid: 120px / repeat(4, min-content);
+  align-items: start;
+  justify-items: start;
+  border: 2px solid;
+  margin: 1px;
+  align-content: center;
+  height: 140px;
+}
+.r2 { grid-template-rows: 0 120px; }
+.r3 { grid-template-rows: 50px 70px; }
+.r4 { grid-template-rows: 120px 0; }
+.grid .grid {
+  border: 0;
+  margin: 0;
+}
+.vgrid { grid: repeat(4, min-content) / 120px;}
+
+span { 
+  background: lime;
+  display: inline-block;
+  border: 1px solid black;
+}
+span:nth-child(1) {font-size:32px; }
+span:nth-child(2) {font-size:12px; padding-block-end:20px;}
+
+.sfb { align-self:first baseline; }
+.slb { align-self:last baseline; }
+.cfb { align-content:first baseline; align-self:start; }
+.clb { align-content:last baseline; align-self:end; }
+.s { align-self:stretch; }
+
+.jfb { justify-self:first baseline; }
+.jlb { justify-self:last baseline; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+</style>
+</head>
+<body>
+
+A<div class="grid"><span>B<br>B</span><span>C<br>C</span></div>
+<div class="grid"><span>B<br>B</span><span class="sfb">C<br>C</span></div>
+
+<!-- <div class="grid"><span>B<br>B</span><span class="sfb">C<br>C</span><span class="sfb">C<br>C</span></div> -->
+<!-- <div class="grid"><span>B<br>B</span><span class="sfb">C<br>C</span><span class="sfb vl" style="padding:20px 0">D<br>D</span></div> -->
+
+<div class="grid"><span class="slb">B<br>B</span><span class="slb">C<br>C</span></div>
+
+<div class="grid"><span style="order:1">B<br>B</span><span>C<br>C</span></div>
+<div class="grid"><span style="order:1">B<br>B</span><span class="sfb">C<br>C</span></div>
+
+<!--
+<div class="grid r2"><span style="grid-row:2">B<br>B</span><span style="grid-row:2">C<br>C</span></div>
+<div class="grid r2"><span style="grid-row:2; order:1">B<br>B</span><span style="grid-row:2">C<br>C</span></div>
+-->
+
+<div class="grid r2"><span style="grid-row:span 2">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+<div class="grid r2"><span style="grid-row:span 2; order:1">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+
+<div class="grid r3"><span style="grid-row:span 2">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+<div class="grid r3"><span style="grid-row:span 2; order:1">B<br>B</span><span style="grid-row:span 2">C<br>C</span></div>
+
+<br>
+
+A<!--<div class="grid r4"><span>B<br>B</span><span>C<br>C</span></div>
+<div class="grid r4"><span style="order:1">B<br>B</span><span>C<br>C</span></div>
+<div class="grid"><div class="grid"><span>B<br>B</span><span>C<br>C</span></div></div>
+<div class="grid"><div class="grid"><div class="grid"><span>B<br>B</span><span>C<br>C</span></div></div></div>
+--><div class="grid"><div class="grid r3"><span style="grid-row:2">B<br>B</span><span style="grid-row:2">C<br>C</span></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-003-ref.html b/layout/reftests/css-grid/grid-container-baselines-003-ref.html
new file mode 100644
index 0000000000..a917d32ef9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-003-ref.html
@@ -0,0 +1,124 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Grid container baselines, nested flex/grid/table</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151204">
+  <link rel="stylesheet" type="text/css" href="support/ahem.css">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+
+.ib {
+  display: inline-table;
+  height: 163px;
+  width: 120px;
+  border: 1px solid;
+  margin: 1px;
+}
+.ib2 {
+  display: inline-flex;
+  border: 1px solid;
+  margin: 1px;
+}
+
+span { display: inline-table; }
+.a {
+  border: 3px solid black;
+  background:lime;
+}
+
+span:nth-of-type(1) { font-size:32px; }
+span:nth-of-type(2) { font-size:36px; }
+span:nth-of-type(3) { font-size:48px; }
+span:nth-of-type(4) { font-size:24px; }
+span.i { font-size:12px; grid-column:2; }
+.f { display:inline-flex; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; text-orientation: sideways; }
+.vr { writing-mode: vertical-rl; text-orientation: sideways; }
+.vlr { writing-mode: vertical-lr; direction:rtl; text-orientation: sideways; }
+.vrl { writing-mode: vertical-rl; direction:ltr; text-orientation: sideways; }
+
+.igrid {
+  display: inline-grid;
+  grid: 13px repeat(3,50px) / 60px 60px;
+  border: 1px solid;
+  margin: 1px;
+}
+/* don't clamp grid item automatic minimum size */
+* {
+  min-width: 0;
+  min-height: 0;
+}
+.slb { align-self:last baseline; align-content:self-end; }
+
+</style>
+</head>
+<body>
+
+A<div class="ib">
+  <div class="ib" style="height:120px; width:56px;"><span
+     class="a f" style="width:30px; padding-bottom:5px;">A<br>B</span>
+  </div><span class="i a f" style="width:54px">C<br>D</span>
+</div></div>
+
+<div class="ib" style="width:180px;">
+  <div class="ib" style="height:120px; width:56px;"><span
+     class="a f" style="width:30px; padding-top:5px; margin-top:7px">A<br>B</span>
+  </div><span class="i a f" style="width:54px">C<br>D</span><span
+     class="a f" style="width:54px; padding-top:20px">E<br>F</span>
+</div>
+
+<div class="ib" style="width:180px;">
+  <div class="ib" style="height:120px; width:56px;"><span
+     class="a f" style="width:30px; margin-top:7px; padding-top:5px; padding-bottom:18px;">A<br>B</span>
+  </div><span class="i a f" style="width:54px">C<br>D</span><span
+     class="a f" style="width:54px; padding-top:20px">E<br>F</span>
+</div>
+
+
+<div class="ib" style="width:200px;">
+  <div class="ib" style="height:120px; width:76px; white-space:nowrap"><span
+     class="a f" style="width:30px; margin-top:7px; padding-top:5px; padding-bottom:18px;">A<br>B</span><span
+     class="a f" style="float:right; width:30px; position:relative; left:-4px; padding-bottom:22px;">A<br>B</span>
+  </div><span class="i a f" style="width:54px">C<br>D</span><span
+     class="a f" style="width:54px; padding-top:20px;">E<br>F</span>
+</div>
+
+<br>
+
+<x style="position:relative; top:-64px">A</x><div class="ib" style="width:200px;margin-top:32px">
+  <div class="ib vl" style="height:70px; width:196px;">
+    <span class="a" style="display:block; padding-block-end:15px; height:1px">A<br>B</span>
+  </div>
+</div><div class="ib" style="width:200px">
+  <div class="ib vl" style="height:70px; width:196px;">
+    <span class="a" style="display:block; padding-block-end:15px; width:148px; height:1px">A<br>B</span>
+  </div>
+</div><div class="ib" style="width:200px;position:relative; top:-31px">
+  <div class="ib vl" style="height:70px; width:196px;">
+    <span class="a" style="display:block; height:min-content; padding-block-end:15px; width:148px; height:min-content">A<br>B</span>
+  </div>
+</div>
+
+<br>
+
+A<div class="igrid slb">
+  <div class="igrid slb" style="grid: 7px 13px 100px / 36px 3px; grid-row: span 4;">
+    <n></n>
+    <n style="grid-row:2"></n>
+    <span class="slb a" style="margin-bottom:7px; padding-bottom:5px; grid-row:3; display:inline-block">A<br>B</span>
+  </div>
+  <span class="slb i a" style="grid-row:4; display:inline-block">C<br>D</span>
+  <n></n>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-003.html b/layout/reftests/css-grid/grid-container-baselines-003.html
new file mode 100644
index 0000000000..a1ac4e0c02
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-003.html
@@ -0,0 +1,228 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Grid container baselines, nested grids</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151204">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-baselines">
+  <link rel="match" href="grid-container-baselines-003-ref.html">
+  <link rel="stylesheet" type="text/css" href="support/ahem.css">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+
+.igrid { display: inline-grid; }
+.grid { display: grid; }
+.grid, .igrid {
+  grid: 13px repeat(3,50px) / 60px 60px;
+  border: 1px solid;
+  margin: 1px;
+}
+.grid.sfb , .igrid.sfb {
+  grid: repeat(3,50px) 13px / 60px 60px;
+}
+
+/* don't clamp grid item automatic minimum size */
+.igrid *, .grid * {
+  min-width: 0;
+  min-height: 0;
+}
+
+.a {
+  border: 3px solid black;
+  background:lime;
+}
+
+span:nth-of-type(1) { font-size:32px; }
+span:nth-of-type(2) { font-size:36px; }
+span:nth-of-type(3) { font-size:48px; }
+span:nth-of-type(4) { font-size:24px; }
+span.i { font-size:12px; grid-column:2; }
+
+.sfb { align-self:baseline; }
+.slb { align-self:last baseline; align-content:self-end; }
+.jfb { justify-self:baseline; justify-content:self-end; }
+.jlb { justify-self:last baseline; justify-content:self-end; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; text-orientation: sideways; }
+.vr { writing-mode: vertical-rl; text-orientation: sideways; }
+.vlr { writing-mode: vertical-lr; direction:rtl; text-orientation: sideways; }
+.vrl { writing-mode: vertical-rl; direction:ltr; text-orientation: sideways; }
+
+</style>
+</head>
+<body>
+
+<!--  TODO: figure out a way to make a reference for these:
+
+A<div class="igrid">
+  <div class="igrid slb" style="grid: 7px 13px 100px / 36px; grid-row: span 4;">
+    <n></n>
+    <n></n>
+    <span class="slb a" style="grid-row:3; margin-bottom:7px; padding-bottom:5px;">A<br>B</span>
+  </div>
+  <n></n>
+  <span class="slb i a" style="grid-row:4">C<br>D</span>
+</div>
+
+<div class="igrid" style="grid-template-columns:60px 60px 60px">
+  <div class="igrid slb" style="grid: 7px 13px 100px / 36px; grid-row: span 4;">
+    <n></n>
+    <span class="slb a" style="grid-row:3; margin-bottom:7px; padding-bottom:5px;">A<br>B</span>
+  </div>
+  <n></n>
+  <span class="slb i a" style="grid-row:4">C<br>D</span>
+  <span class="slb a" style="grid-row:4; grid-column:3; padding-bottom:20px">E<br>F</span>
+</div>
+
+<div class="igrid" style="grid-template-columns:60px 60px 60px">
+  <div class="igrid slb" style="grid: 7px 13px 100px / 36px; grid-row: span 4;">
+    <n></n>
+    <n></n>
+    <span class="a" style="grid-row:3; margin-bottom:7px; padding-bottom:5px;">A<br>B</span>
+  </div>
+  <span class="slb i a" style="grid-row:4">C<br>D</span>
+  <span class="slb a " style="grid-row:4; grid-column:3; padding-bottom:20px">E<br>F</span>
+</div>
+
+<div class="igrid" style="grid-template-columns:80px 60px 60px">
+  <div class="igrid slb" style="grid: 7px 13px 100px / 36px 36px; grid-row: span 4;">
+    <span class="a" style="grid-row:3; margin-bottom:7px; padding-bottom:5px;">A<br>B</span>
+    <span class="a" style="grid-row:3; ">A<br>B</span>
+  </div>
+  <n></n>
+  <span class="slb i a" style="grid-row:4">C<br>D</span>
+  <span class="slb a " style="grid-row:4; grid-column:3; padding-bottom:20px">E<br>F</span>
+</div>
+
+<br>
+-->
+
+A<div class="igrid sfb">
+  <div class="igrid sfb" style="grid: 100px 7px 13px / 36px; grid-row: span 4;">
+    <span class="sfb a" style="margin-bottom:7px; padding-bottom:5px;">A<br>B</span>
+    <n></n>
+    <n></n>
+  </div>
+  <span class="sfb i a" style="grid-row:1">C<br>D</span>
+  <n></n>
+</div>
+
+<div class="igrid sfb" style="grid-template-columns:60px 60px 60px">
+  <div class="igrid sfb" style="grid: 100px 7px 13px / 36px; grid-row: span 4;">
+    <span class="sfb a" style="margin-top:7px; padding-top:5px;">A<br>B</span>
+    <n></n>
+  </div>
+  <span class="sfb i a" style="grid-row:1">C<br>D</span>
+  <span class="sfb a" style="grid-row:1; grid-column:3; padding-top:20px">E<br>F</span>
+  <n></n>
+</div>
+<div class="igrid sfb" style="grid-template-columns:60px 60px 60px">
+  <div class="igrid sfb" style="grid: 100px 7px 13px / 36px; grid-row: span 4;">
+    <span class="a" style="margin-top:7px; padding-top:5px;">A<br>B</span>
+    <n></n>
+    <n></n>
+  </div>
+  <span class="sfb i a" style="grid-row:1">C<br>D</span>
+  <span class="sfb a " style="grid-row:1; grid-column:3; padding-top:20px">E<br>F</span>
+</div>
+
+<div class="igrid sfb" style="grid-template-columns:80px 60px 60px">
+  <div class="igrid sfb" style="grid: 100px 7px 13px / 36px 36px; grid-row: span 4;">
+    <span class="a" style="margin-top:7px; padding-top:5px;">A<br>B</span>
+    <span class="a" style="">A<br>B</span>
+  </div>
+  <span class="sfb i a" style="grid-row:1">C<br>D</span>
+  <span class="sfb a " style="grid-row:1; grid-column:3; padding-top:20px">E<br>F</span>
+  <n></n>
+</div>
+
+<br>
+
+<!-- TODO: impossible to make a reference due to bug 1166120
+
+A<div class="igrid" style="grid: auto / 100px;">
+<span class="jfb a vlr" style="margin:1px 3px 5px 7px">A<br>B</span>
+</div>
+<div class="igrid" style="grid: auto / 100px;">
+<span class="jlb a vlr" style="margin:1px 3px 5px 7px">A<br>B</span>
+</div>
+<div class="igrid slb" style="grid: auto / 100px;">
+<span class="jlb a vlr" style="margin:1px 3px 5px 7px">A<br>B</span>
+</div>
+<div class="igrid vl" style="grid: 100px / 50px;">
+<span class="jlb a" style="margin:1px 3px 5px 7px">A<br>B</span>
+</div>
+<div class="igrid slb vl" style="grid: 100px / 50px;">
+<span class="jfb a" style="margin:1px 3px 5px 7px">A<br>B</span>
+</div>
+<div class="igrid sfb vl" style="grid: 100px / 50px;">
+<span class="jfb a" style="margin:1px 3px 5px 7px">A<br>B</span>
+</div>
+
+-->
+
+<!--  TODO: figure out a way to make a reference for these:
+
+A<div class="igrid" style="grid-template-columns:200px">
+  <div class="igrid slb vl" style="grid: 1fr / 7px 13px 50px; grid-row: span 4;">
+    <n></n>
+    <n></n>
+    <span class="slb a" style="margin-block-end:27px; padding-block-end:15px;">A<br>B</span>
+  </div>
+</div><div class="igrid" style="grid-template-columns:200px">
+  <div class="igrid slb vl" style="grid: 1fr / 7px 13px 50px; grid-row: span 4;">
+    <n></n>
+    <n></n>
+    <span class="a" style="margin-block-end:27px; padding-block-end:15px;">A<br>B</span>
+  </div>
+</div><div class="igrid" style="grid-template-columns:200px">
+  <div class="igrid slb vl" style="grid: 1fr / 7px 13px 50px; grid-row: span 4;">
+    <n></n>
+    <n></n>
+    <span class="jlb a" style="margin-block-end:27px; padding-block-end:15px;">A<br>B</span>
+  </div>
+</div>
+
+-->
+
+A<div class="igrid" style="grid-template-columns:200px">
+  <div class="igrid sfb vl" style="grid: 1fr / 7px 13px 50px; grid-row: span 4;">
+    <span class="sfb a" style="margin-block-end:27px; padding-block-end:15px;">A<br>B</span>
+    <n></n>
+    <n></n>
+  </div>
+</div><div class="igrid" style="grid-template-columns:200px">
+  <div class="igrid sfb vl" style="grid: 1fr / 7px 13px 50px; grid-row: span 4;">
+    <span class="a" style="margin-block-end:27px; padding-block-end:15px;">A<br>B</span>
+    <n></n>
+    <n></n>
+  </div>
+</div><div class="igrid" style="grid-template-columns:200px">
+  <div class="igrid sfb vl" style="grid: 1fr / 7px 13px 50px; grid-row: span 4;">
+    <span class="jfb a" style="margin-block-end:27px; padding-block-end:15px;">A<br>B</span>
+    <n></n>
+    <n></n>
+  </div>
+</div>
+
+<br>
+
+A<div class="igrid slb">
+  <div class="igrid slb" style="grid: 7px 13px 100px / 36px 3px; grid-row: span 4;">
+    <n></n><n></n>
+    <n></n><n></n>
+    <span class="slb a" style="margin-bottom:7px; padding-bottom:5px;">A<br>B</span><n></n>
+  </div>
+  <span class="slb i a" style="grid-row:4">C<br>D</span>
+  <n></n>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-004-ref.html b/layout/reftests/css-grid/grid-container-baselines-004-ref.html
new file mode 100644
index 0000000000..e1affb3387
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-004-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Grid container baselines, nested flex/grid/table</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1306906">
+  <style type="text/css">
+
+* {
+    color:black; background-color:white; font-size:16px; font-family:monospace; padding:0; margin:0;
+}
+
+grid, flex {
+  display: inline-flex;
+  border: 1px solid;
+  border-width: 10px 0 3px 0;
+  padding-top: 1px;
+}
+
+flex { display:inline-grid; }
+table { display:inline-table; }
+td { vertical-align: baseline; }
+
+    </style>
+</head>
+<body>
+
+A
+<flex>A<br>B</flex>
+<flex><span>A<br>B</span></flex>
+<grid>A<br>B</grid>
+<grid><span>A<br>B</span></grid>
+<table cellpadding="0" cellspacing="0"><td><flex>A<br>B</flex></td></table>
+<table cellpadding="0" cellspacing="0"><td><grid>A<br>B</grid></td></table>
+<flex><grid>A<br>B</grid></flex>
+<grid><flex>A<br>B</flex></grid>
+<flex><flex>A<br>B</flex></flex>
+<grid><grid>A<br>B</grid></grid>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-baselines-004.html b/layout/reftests/css-grid/grid-container-baselines-004.html
new file mode 100644
index 0000000000..67f9882edb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-baselines-004.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Grid container baselines, nested flex/grid/table</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1306906">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-baselines">
+  <link rel="match" href="grid-container-baselines-004-ref.html">
+  <style type="text/css">
+
+* {
+    color:black; background-color:white; font-size:16px; font-family:monospace; padding:0; margin:0;
+}
+
+grid, flex {
+  display: inline-grid;
+  border: 1px solid;
+  border-width: 10px 0 3px 0;
+  padding-top: 1px;
+}
+
+flex { display:inline-flex; }
+table { display:inline-table; }
+td { vertical-align: baseline; }
+
+    </style>
+</head>
+<body>
+
+A
+<flex>A<br>B</flex>
+<flex><span>A<br>B</span></flex>
+<grid>A<br>B</grid>
+<grid><span>A<br>B</span></grid>
+<table cellpadding="0" cellspacing="0"><td><flex>A<br>B</flex></td></table>
+<table cellpadding="0" cellspacing="0"><td><grid>A<br>B</grid></td></table>
+<flex><grid>A<br>B</grid></flex>
+<grid><flex>A<br>B</flex></grid>
+<flex><flex>A<br>B</flex></flex>
+<grid><grid>A<br>B</grid></grid>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-min-max-width-height-001-ref.html b/layout/reftests/css-grid/grid-container-min-max-width-height-001-ref.html
new file mode 100644
index 0000000000..0daecf81af
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-min-max-width-height-001-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: definite min/max-width/height values on the grid container</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1229165">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: block;
+  float: left;
+  border: 1px solid black;
+  background: grey;
+  margin-right:50px;
+}
+
+x { position:absolute; top:0; left:0; right:0; bottom:0; background:blue; }
+x:nth-child(1) { right:14px; bottom:14px; }
+x:nth-child(2) { left:14px; bottom:14px; }
+x:nth-child(3) { top:14px; right:14px; }
+x:nth-child(4) { top:14px; left:14px; }
+w { display:block; position:relative; width:24px; height:24px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid" style="min-width:50px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="max-width:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="min-width:50px; max-width:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="width:50px; max-width:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="width:50px; min-width:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="min-width:50px; width:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="min-width:50px; max-width:20px; width:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="max-width:10px; width:20px"><w><x></x><x></x><x></x><x></x></w></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid" style="min-height:50px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="max-height:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="min-height:50px; max-height:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="height:50px; max-height:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="height:50px; min-height:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="min-height:50px; height:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="min-height:50px; max-height:20px; height:10px"><w><x></x><x></x><x></x><x></x></w></div>
+<div class="grid" style="max-height:10px; height:20px"><w><x></x><x></x><x></x><x></x></w></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-min-max-width-height-001.html b/layout/reftests/css-grid/grid-container-min-max-width-height-001.html
new file mode 100644
index 0000000000..b5029429a8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-min-max-width-height-001.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: definite min/max-width/height values on the grid container</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1229165">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-container-min-max-width-height-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  grid-template: 10px 10px / 10px 10px;
+  grid-gap: 4px;
+  border: 1px solid black;
+  background: grey;
+  margin-right:50px;
+}
+
+x { background:blue; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid" style="min-width:50px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="max-width:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="min-width:50px; max-width:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="width:50px; max-width:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="width:50px; min-width:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="min-width:50px; width:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="min-width:50px; max-width:20px; width:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="max-width:10px; width:20px"><x></x><x></x><x></x><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid" style="min-height:50px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="max-height:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="min-height:50px; max-height:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="height:50px; max-height:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="height:50px; min-height:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="min-height:50px; height:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="min-height:50px; max-height:20px; height:10px"><x></x><x></x><x></x><x></x></div>
+<div class="grid" style="max-height:10px; height:20px"><x></x><x></x><x></x><x></x></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-overflow-001-ref.html b/layout/reftests/css-grid/grid-container-overflow-001-ref.html
new file mode 100644
index 0000000000..ace9dfdc61
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-overflow-001-ref.html
@@ -0,0 +1,113 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: overflow:hidden/auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227162">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-rows: 5px;
+  grid-template-columns: repeat(3, 8px);
+  border: 1px solid black;
+  grid-row-gap: 4px;
+  grid-column-gap: 2px;
+  float: left;
+}
+
+.grid :first-child { background:lime; }
+.grid :nth-child(2n) { border-left:1px solid black; }
+
+x { background: grey;  width:7px; height:5px; }
+y { background: blue;  width:7px; height:5px; }
+z { background: green; width:7px; height:5px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:40px; justify-content:center; align-content:center;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:40px; justify-content:start; align-content:end;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:40px; height:40px; justify-content:center; align-content:center;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="height:40px; justify-content:start; align-content:end;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:8px; grid-template-columns: repeat(1, 8px);">
+<x></x>
+<y></y>
+<z></z>
+</div>
+
+<div class="grid" style="height:8px; grid-template-rows: repeat(1, 5px);">
+<x></x><x></x><x></x>
+</div>
+
+<div class="grid" style="width:8px; height:8px; grid-template-columns: 8px; grid-template-rows: 5px;">
+<x></x>
+</div>
+
+<div class="grid" style="width:8px; height:8px; justify-content:center;  grid-template-columns: 8px; grid-template-rows: 5px;">
+<x style="background:grey; border-left:1px solid black;"></x>
+</div>
+
+<div class="grid" style="width:8px; height:8px; align-content:center;">
+<y style="background:blue; border-left:1px solid black;"></y>
+</div>
+
+<div class="grid" style="grid-template-columns: repeat(3, 12px); justify-items:end;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="grid-auto-rows: 10px;; align-items:end;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="grid-auto-flow:column; grid-template-rows: repeat(3, 5px);">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="grid-auto-columns: 12px; grid-template-columns: none; ">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-overflow-001.html b/layout/reftests/css-grid/grid-container-overflow-001.html
new file mode 100644
index 0000000000..1279d4c1c3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-overflow-001.html
@@ -0,0 +1,124 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: overflow:hidden/auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227162">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-container-overflow-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-rows: 5px;
+  grid-template-columns: repeat(3, 8px);
+  border: 1px solid black;
+  grid-row-gap: 4px;
+  grid-column-gap: 2px;
+  float: left;
+  overflow: hidden;
+}
+
+.grid :first-child { background:lime; }
+.grid :nth-child(2n) { border-left:1px solid black; }
+
+x { background: grey;  width:7px; height:5px; }
+y { background: blue;  width:7px; height:5px; }
+z { background: green; width:7px; height:5px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:40px; justify-content:center; align-content:center;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:40px; justify-content:start; align-content:end;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:40px; height:40px; justify-content:center; align-content:center;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="height:40px; justify-content:start; align-content:end;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:8px;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="height:8px;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:8px; height:8px;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:8px; height:8px; justify-content:center;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="width:8px; height:8px; align-content:center;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="grid-template-columns: repeat(3, 12px); justify-items:end; ">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="grid-auto-rows: 10px;; align-items:end;">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="grid-auto-flow:column; grid-template-rows: repeat(3, 5px);">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+<div class="grid" style="grid-auto-columns: 12px; grid-template-columns: none; ">
+<x></x><x></x><x></x>
+<y></y><y></y><y></y>
+<z></z><z></z><z></z>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-container-synthesized-baseline-001-ref.html b/layout/reftests/css-grid/grid-container-synthesized-baseline-001-ref.html
new file mode 100644
index 0000000000..6b4498ef13
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-synthesized-baseline-001-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Synthesized grid container baseline.</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1313068">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+.ib {
+  display: inline-block;
+}
+.ig {
+  display: inline-grid;
+}
+.ib, .ig {
+  border-style: solid;
+  border-width: 3px 1px 5px 1px;
+  padding: 7px 10px 3px 8px;
+  margin: 5px 3px 2px 1px;
+}
+</style>
+
+</head><body>
+
+<pre>Inline-level context:</pre>
+Grid:<div class="ib"></div>
+Block:<div class="ig"></div>
+
+<pre>Grid-level context:</pre>
+<div style="display:inline-grid; grid-auto-flow:column; align-items:baseline; justify-items:start">
+Grid:<div class="ib"></div>
+Block:<div class="ig"></div>
+</div>
+
+<pre>Flexbox-level context:</pre>
+<div style="display:inline-flex; align-items:baseline; justify-items:start">
+Grid:<div class="ib" style="margin-bottom:0"></div>
+Block:<div class="ig"></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-container-synthesized-baseline-001.html b/layout/reftests/css-grid/grid-container-synthesized-baseline-001.html
new file mode 100644
index 0000000000..76440f5455
--- /dev/null
+++ b/layout/reftests/css-grid/grid-container-synthesized-baseline-001.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Synthesized grid container baseline.</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1313068">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-baselines">
+  <link rel="match" href="grid-container-synthesized-baseline-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+.ib {
+  display: inline-block;
+}
+.ig {
+  display: inline-grid;
+}
+.ib, .ig {
+  border-style: solid;
+  border-width: 3px 1px 5px 1px;
+  padding: 7px 10px 3px 8px;
+  margin: 5px 3px 2px 1px;
+}
+</style>
+
+</head><body>
+
+<pre>Inline-level context:</pre>
+Grid:<div class="ig"></div>
+Block:<div class="ib"></div>
+
+<pre>Grid-level context:</pre>
+<div style="display:inline-grid; grid-auto-flow:column; align-items:baseline; justify-items:start">
+Grid:<div class="ig"></div>
+Block:<div class="ib" style="margin-bottom:0"></div>
+</div>
+
+<pre>Flexbox-level context:</pre>
+<div style="display:inline-flex; align-items:baseline; justify-items:start">
+Grid:<div class="ig"></div>
+Block:<div class="ib" style="margin-bottom:0"></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-flex-min-sizing-001-ref.html b/layout/reftests/css-grid/grid-flex-min-sizing-001-ref.html
new file mode 100644
index 0000000000..e1cfdee8bd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-flex-min-sizing-001-ref.html
@@ -0,0 +1,344 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: flex/auto min-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px solid;
+ float: left;
+ min-width:100px;
+}
+.fixed .grid {
+ width:140px;
+}
+
+.g1 {
+ grid-template-columns: 24px
+                        minmax(0,0)
+                        minmax(0,0)
+                        1fr;
+ min-width:104px;
+}
+
+.g2 {
+ grid-template-columns: minmax(0,max-content)
+                        minmax(0,0)
+                        minmax(0,0)
+                        1fr;
+}
+
+.g3 {
+ grid-template-columns: minmax(0,auto)
+                        minmax(0,0)
+                        minmax(0,0)
+                        1fr;
+}
+
+.g4 {
+ grid-template-columns: minmax(2px,0)
+                        minmax(1px,0)
+                        minmax(1px,0)
+                        1fr;
+ min-width:104px;
+}
+
+.g5 {
+ grid-template-columns: minmax(20px,0)
+                        minmax(0,0)
+                        minmax(0,0)
+                        1fr;
+ min-width:104px;
+}
+
+.g6 {
+ grid-template-columns: minmax(2px,0)
+                        minmax(1px,0)
+                        minmax(1px,0)
+                        20px;
+ min-width:124px;
+}
+
+.g7 {
+ grid-template-columns: minmax(20px,1fr)
+                        minmax(0,0)
+                        minmax(0,0)
+                        20px;
+}
+
+.g8 {
+ grid-template-columns: minmax(0,1fr)
+                        minmax(0,0)
+                        minmax(0,0)
+                        20px;
+}
+
+.g9 {
+ grid-template-columns: 20px
+                        30px
+                        minmax(0,0)
+                        10px;
+ min-width:114px;
+}
+
+.gA {
+ grid-template-columns: minmax(0,0)
+                        minmax(min-content,40px)
+                        minmax(0,0)
+                        20px;
+ min-width:140px;
+}
+
+.gB {
+ grid-template-columns: minmax(0,0)
+                        minmax(auto,40px)
+                        minmax(0,0)
+                        20px;
+}
+
+.gC {
+ grid-template-columns: minmax(0,20px)
+                        minmax(0,40px)
+                        minmax(0,0)
+                        20px;
+ min-width:124px;
+}
+
+.gD {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(auto,40px)
+                        minmax(0,0)
+                        min-content;
+}
+
+.gE {
+ grid-template-columns: minmax(0,20px)
+                        minmax(0,40px)
+                        minmax(0,20px)
+                        auto;
+ min-width:104px;
+}
+
+.gF {
+ grid-template-columns: minmax(0,20px)
+                        44px
+                        minmax(0,40px)
+                        auto;
+}
+
+
+.t { grid-column: span 3; border:2px solid; }
+.d1 { grid-column: 1 / span 2; background: grey; }
+.d3 { grid-column: 3 / span 2; background: blue; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gE grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gF grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<span class="fixed">
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="gE grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gF grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-flex-min-sizing-001.html b/layout/reftests/css-grid/grid-flex-min-sizing-001.html
new file mode 100644
index 0000000000..2c990faf8b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-flex-min-sizing-001.html
@@ -0,0 +1,343 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: flex/auto min-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-grid-template-columns-minmax">
+  <link rel="match" href="grid-flex-min-sizing-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px solid;
+ float: left;
+ min-width:100px;
+}
+.fixed .grid {
+ width:140px;
+}
+
+/*
+ * NOTE Due to a spec change, 'fr' min-sizing inside minmax() is now
+ * invalid, so they were replaced in this test with 'auto' instead (for now).
+ */
+
+.g1 {
+ grid-template-columns: minmax(auto,min-content)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g2 {
+ grid-template-columns: minmax(auto,max-content)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g3 {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g4 {
+ grid-template-columns: minmax(auto,0)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g5 {
+ grid-template-columns: minmax(20px,0)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g6 {
+ grid-template-columns: minmax(auto,0)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        20px;
+}
+
+.g7 {
+ grid-template-columns: minmax(20px,1fr)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        20px;
+}
+
+.g8 {
+ grid-template-columns: minmax(auto,1fr)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        20px;
+}
+
+.g9 {
+ grid-template-columns: 20px
+                        30px
+                        minmax(auto,0)
+                        10px;
+}
+
+.gA {
+ grid-template-columns: minmax(auto,0)
+                        minmax(min-content,40px)
+                        minmax(auto,0)
+                        20px;
+}
+
+.gB {
+ grid-template-columns: minmax(auto,0)
+                        minmax(auto,40px)
+                        minmax(auto,0)
+                        20px;
+}
+
+.gC {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(auto,40px)
+                        minmax(auto,0)
+                        20px;
+}
+
+.gD {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(auto,40px)
+                        minmax(auto,0)
+                        min-content;
+}
+
+.gE {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(auto,40px)
+                        minmax(auto,20px)
+                        auto;
+}
+
+.gF {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(min-content,max-content)
+                        minmax(auto,40px)
+                        auto;
+}
+
+
+.t { grid-column: span 3; border:2px solid; }
+.d1 { grid-column: 1 / span 2; background: grey; }
+.d3 { grid-column: 3 / span 2; background: blue; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gE grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gF grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<span class="fixed">
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="gE grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+<div class="gF grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-flex-min-sizing-002-ref.html b/layout/reftests/css-grid/grid-flex-min-sizing-002-ref.html
new file mode 100644
index 0000000000..e5b0ec1dd7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-flex-min-sizing-002-ref.html
@@ -0,0 +1,274 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: flex/auto min-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px solid;
+ float: left;
+}
+
+.g0 {
+ display: grid;
+ grid-template-columns: minmax(min-content,min-content);
+ border:1px solid;
+ float: left;
+ margin-right: 20px;
+}
+
+.g1 {
+ grid-template-columns: 24px
+                        minmax(0,0)
+                        minmax(0,0)
+                        1fr;
+ min-width: 24px;
+}
+
+.g2 {
+ grid-template-columns: min-content
+                        0
+                        0
+                        1fr;
+}
+
+.g3 {
+ grid-template-columns: min-content
+                        0
+                        0
+                        1fr;
+}
+
+.g4 {
+ grid-template-columns: minmax(2px,0)
+                        1px
+                        1px
+                        20px;
+}
+
+.g5 {
+ grid-template-columns: minmax(20px,0)
+                        minmax(0,0)
+                        minmax(0,0)
+                        4px;
+}
+
+.g6 {
+ grid-template-columns: minmax(1.333333px,0)
+                        minmax(1.333333px,0)
+                        minmax(1.333333px,0)
+                        20px;
+ min-width: 44px;
+}
+
+.g7 {
+ grid-template-columns: minmax(20px,1fr)
+                        minmax(min-content,0)
+                        minmax(min-content,0)
+                        20px;
+}
+
+.g8 {
+ grid-template-columns: minmax(min-content,1fr)
+                        minmax(min-content,0)
+                        minmax(min-content,0)
+                        20px;
+}
+
+.g9 {
+ grid-template-columns: 20px
+                        30px
+                        minmax(min-content,0)
+                        10px;
+}
+
+.gA {
+ grid-template-columns: minmax(min-content,0)
+                        minmax(min-content,40px)
+                        minmax(min-content,0)
+                        20px;
+}
+
+.gB {
+ grid-template-columns: 24px
+                        0
+                        0
+                        20px;
+ min-width: 44px;
+}
+
+.gC {
+ grid-template-columns: minmax(24px,0)
+                        0
+                        0
+                        20px;
+ min-width: 44px;
+}
+
+.gD {
+ grid-template-columns: minmax(24px,0)
+                        0
+                        0
+                        0;
+}
+
+.gE {
+ grid-template-columns: minmax(8px,0)
+                        minmax(8px,0)
+                        minmax(8px,0)
+                        0px;
+}
+
+.gF {
+ grid-template-columns: 2px
+                        20px
+                        2px
+                        0;
+}
+
+
+.t { grid-column: span 3; border:2px solid; }
+.d1 { grid-column: 1 / span 2; background: grey; }
+.d3 { grid-column: 3 / span 2; background: blue; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+
+<div class="g0">
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g0">
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g0">
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gE grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gF grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-flex-min-sizing-002.html b/layout/reftests/css-grid/grid-flex-min-sizing-002.html
new file mode 100644
index 0000000000..e10763f5ea
--- /dev/null
+++ b/layout/reftests/css-grid/grid-flex-min-sizing-002.html
@@ -0,0 +1,277 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: flex/auto min-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-grid-template-columns-minmax">
+  <link rel="match" href="grid-flex-min-sizing-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px solid;
+}
+
+.g0 {
+ display: grid;
+ grid-template-columns: minmax(min-content,min-content);
+ border:1px solid;
+ float: left;
+ margin-right: 20px;
+ justify-items: start;
+}
+
+/*
+ * NOTE Due to a spec change, 'fr' min-sizing inside minmax() is now
+ * invalid, so they were replaced in this test with 'auto' instead (for now).
+ */
+
+.g1 {
+ grid-template-columns: minmax(auto,min-content)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g2 {
+ grid-template-columns: minmax(auto,max-content)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g3 {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g4 {
+ grid-template-columns: minmax(auto,0)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g5 {
+ grid-template-columns: minmax(20px,0)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        1fr;
+}
+
+.g6 {
+ grid-template-columns: minmax(auto,0)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        20px;
+}
+
+.g7 {
+ grid-template-columns: minmax(20px,1fr)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        20px;
+}
+
+.g8 {
+ grid-template-columns: minmax(auto,1fr)
+                        minmax(auto,0)
+                        minmax(auto,0)
+                        20px;
+}
+
+.g9 {
+ grid-template-columns: 20px
+                        30px
+                        minmax(auto,0)
+                        10px;
+}
+
+.gA {
+ grid-template-columns: minmax(auto,0)
+                        minmax(min-content,40px)
+                        minmax(auto,0)
+                        20px;
+}
+
+.gB {
+ grid-template-columns: minmax(auto,0)
+                        minmax(auto,40px)
+                        minmax(auto,0)
+                        20px;
+}
+
+.gC {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(auto,40px)
+                        minmax(auto,0)
+                        20px;
+}
+
+.gD {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(auto,40px)
+                        minmax(auto,0)
+                        min-content;
+}
+
+.gE {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(auto,40px)
+                        minmax(auto,20px)
+                        auto;
+}
+
+.gF {
+ grid-template-columns: minmax(auto,20px)
+                        minmax(min-content,max-content)
+                        minmax(auto,40px)
+                        auto;
+}
+
+
+.t { grid-column: span 3; border:2px solid; }
+.d1 { grid-column: 1 / span 2; background: grey; }
+.d3 { grid-column: 3 / span 2; background: blue; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+
+<div class="g0">
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g0">
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<br clear="all" style="margin-top:100px">
+
+<div class="g0">
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gE grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+<div class="g0">
+<div class="gF grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+  <div class="d3"></div>
+</div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-001-ref.html b/layout/reftests/css-grid/grid-fragmentation-001-ref.html
new file mode 100644
index 0000000000..52ac82aec8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-001-ref.html
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of height:auto grid, not top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.block {
+  border:5px solid;
+}
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-template-rows: 50px;
+  grid-column-gap: 12px;
+  border:5px solid;
+}
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+br { page-break-before:always; break-before:always; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 130px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+<span><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:3; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 18px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="block">
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="block" style="height:2px/*creates a Class C break opportunity at the end*/">
+</div></div></div>
+
+<div class="columns" style="height: 100px/*fragmentainer ends in the last row*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 70px/*fragmentainer ends in the grid gap between the rows */">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 40px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 13px/*fragmentainer ends in the grid start border */; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends above the grid*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-001.html b/layout/reftests/css-grid/grid-fragmentation-001.html
new file mode 100644
index 0000000000..d2d7eb7edd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-001.html
@@ -0,0 +1,120 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, not top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 130px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 18px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid" style="height:2px/*creates a Class C break opportunity at the end*/">
+</div></div></div>
+
+<div class="columns" style="height: 100px/*fragmentainer ends in the last row*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 70px/*fragmentainer ends in the grid gap between the rows */">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 40px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 13px/*fragmentainer ends in the grid start border */; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends above the grid*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-002-ref.html b/layout/reftests/css-grid/grid-fragmentation-002-ref.html
new file mode 100644
index 0000000000..069bef3be2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-002-ref.html
@@ -0,0 +1,138 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation height:auto two row grid without grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.block {
+  position:relative;
+  border:5px solid;
+}
+.grid {
+  display: grid;
+  position:relative;
+  grid-template-columns: 30px 30px 30px;
+  grid-template-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+}
+span { grid-row:1/2; position:absolute; top:0;bottom:0;right:0;left:0;background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+br { page-break-before:always; break-before:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 130px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span style="height:48px"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+</div></div></div>
+
+<div class="columns" style="height: 64px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span style="height:48px"><x></x></span>
+</div>
+<div class="grid b">
+</div></div></div>
+
+<div class="columns" style="height: 18px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="block">
+<span style="height:0"></span>
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="block t" style="height:2px">
+<span style="height:0px"></span>
+</div>
+<div class="block b" style="margin-top:6px;height:0px">
+</div></div></div>
+
+<div class="columns" style="height: 100px/*fragmentainer ends in the last row*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span style="height:48px"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+</div></div></div>
+
+<div class="columns" style="height: 70px/*fragmentainer ends in the grid gap between the rows */">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span style="height:48px"><x></x></span>
+</div>
+<div class="grid b">
+</div></div></div>
+
+<div class="columns" style="height: 40px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span><x></x></span>
+</div>
+<div class="grid b">
+</div></div></div>
+
+<!--
+
+TODO (bug 1347692): this caused too many intermittent failures, see bug 1317149 and bug 1264056
+
+<div class="columns" style="height: 13px/*fragmentainer ends in the grid start border */; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span><x></x></span>
+</div>
+<div class="grid b">
+</div></div></div>
+-->
+
+<div class="columns" style="height: 8px/*fragmentainer ends above the grid*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span><x></x></span>
+</div>
+<div class="grid b">
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span><x></x></span>
+</div>
+<div class="grid b">
+</div></div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-002.html b/layout/reftests/css-grid/grid-fragmentation-002.html
new file mode 100644
index 0000000000..dd5ce82ca5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-002.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation height:auto two row grid without grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  position:relative;
+  grid-template-columns: 30px 30px 30px;
+  grid-template-rows: 50px 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { position:absolute; top:0;bottom:0;right:0;left:0;background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 130px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 64px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 18px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid" style="grid-template-rows:auto">
+<span></span>
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid" style="grid-template-rows:auto; height:2px/*creates a Class C break opportunity at the end*/">
+<span></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*fragmentainer ends in the last row*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 70px/*fragmentainer ends in the grid gap between the rows */">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 40px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+<!--
+
+TODO (bug 1347692): this caused too many intermittent failures, see bug 1317149 and bug 1264056
+
+<div class="columns" style="height: 13px/*fragmentainer ends in the grid start border */; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+-->
+
+
+<div class="columns" style="height: 8px/*fragmentainer ends above the grid*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-003-ref.html b/layout/reftests/css-grid/grid-fragmentation-003-ref.html
new file mode 100644
index 0000000000..a5f320d821
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-003-ref.html
@@ -0,0 +1,136 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation height:auto grid with first grid row at top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.block {
+  border:5px solid;
+  border-top-width:0;
+  border-bottom-width:10px;
+}
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width:0;
+  border-bottom-width:10px;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+br { page-break-before:always; break-before:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 120px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+<span><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:3; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="block">
+</div></div></div>
+
+<div class="columns" style="height: 10px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="block" style="height:2px/*creates a Class C break opportunity at the end*/">
+</div></div></div>
+
+<div class="columns" style="height: 90px/*fragmentainer ends in the last row*/">
+<div style="background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 60px/*fragmentainer ends in the grid gap between the rows */">
+<div style="background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 30px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-003.html b/layout/reftests/css-grid/grid-fragmentation-003.html
new file mode 100644
index 0000000000..27a0cee571
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-003.html
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation height:auto grid with first grid row at top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-003-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width:0;
+  border-bottom-width:10px;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 120px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid">
+</div></div></div>
+
+<div class="columns" style="height: 10px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid" style="height:2px/*creates a Class C break opportunity at the end*/">
+</div></div></div>
+
+<div class="columns" style="height: 90px/*fragmentainer ends in the last row*/">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 60px/*fragmentainer ends in the grid gap between the rows */">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 30px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-004-ref.html b/layout/reftests/css-grid/grid-fragmentation-004-ref.html
new file mode 100644
index 0000000000..a8fc867d58
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-004-ref.html
@@ -0,0 +1,164 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation with first grid row at top-of-page and Class C break opportunities</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.block {
+  border:5px solid;
+  border-top-width:0;
+  border-bottom-width:10px;
+  height: 120px;
+}
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width: 0;
+  border-bottom-width: 10px;
+  align-content: center;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+.grid.t {padding-top:4px;}
+
+.br1 { height:1px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 122px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid t" style="height:112px; padding-bottom:4px;">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div>
+<div style="height:2px;"></div>
+<div class="block" style="border-top-style:none; height:0px;">
+</div></div></div>
+
+<div class="columns" style="height: 122px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="block">
+</div></div></div>
+
+<div class="columns" style="height: 90px/*fragmentainer ends in the last row*/">
+<div style="background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="br1"></div>
+<div class="grid b" style="padding-bottom:16px">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 60px/*fragmentainer ends in the grid gap between the rows */">
+<div style="background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid m" style="padding-bottom:10px">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div>
+<div class="block" style="border-top-style:none; height:6px;">
+</div>
+</div></div>
+
+<!--  TODO XXX depends on bug 1238294
+
+<div class="columns" style="height: 30px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="background:grey">
+<div class="br1"></div>
+<div class="grid m">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid m">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div>
+<div class="block" style="margin-top:-19px; border-top-style:none; height:20px;">
+</div>
+</div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="background:grey">
+<div class="br1"></div>
+<div class="grid m">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid m">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div>
+<div style="background:black; padding-bottom:10px;"></div>
+</div></div>
+
+<div class="columns" style="height: 2px/*fragmentainer ends between the start border but before the first row */">
+<div style="background:grey;">
+<div class="br1"></div>
+<div class="grid m">
+<span><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+<span class="t"><x></x></span>
+</div>
+<div class="grid m">
+<span><x></x></span>
+<span class="b" style="height:11px; background:cyan"><x></x></span>
+<span class="b"style=""><x></x></span>
+</div>
+<div style="background:black; padding-bottom:10px;"></div>
+</div></div>
+
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-004.html b/layout/reftests/css-grid/grid-fragmentation-004.html
new file mode 100644
index 0000000000..575bb8205d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-004.html
@@ -0,0 +1,113 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation with first grid row at top-of-page and Class C break opportunities</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width: 0;
+  border-bottom-width: 10px;
+  height: 120px; /* 4px before/after first/last row are Class C break opportunities */
+  align-content: center;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 122px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 122px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid">
+</div></div></div>
+
+<div class="columns" style="height: 90px/*fragmentainer ends in the last row*/">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 60px/*fragmentainer ends in the grid gap between the rows */">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<!--  TODO XXX depends on bug 1238294
+
+<div class="columns" style="height: 30px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 2px/*fragmentainer ends between the start border but before the first row */">
+<div style="background:grey">
+<div class="grid">
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div></div>
+
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-005-ref.html b/layout/reftests/css-grid/grid-fragmentation-005-ref.html
new file mode 100644
index 0000000000..e78090fb04
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-005-ref.html
@@ -0,0 +1,147 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of height:auto grid, not top-of-page, forced breaks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+.br1 { height:1px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b">
+<span class="b"><x></x></span>
+<span class="b" style="grid-area:1/3; height:6px; background:cyan"><x></x></span>
+<span style="grid-area:1/3; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid break-before">
+</div></div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:40px;"></div>
+<div class="grid">
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:90px;"></div>
+<div class="grid">
+<span style="height:35px"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="grid-area:2/1; align-self:end; background:pink"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div class="grid m">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span class="b" style="background:cyan"><x></x></span>
+<span style="grid-area:1/1; align-self:end; background:pink"><x></x></span>
+</div>
+<div style="height:50px"></div>
+<div class="grid b">
+<span style=""><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid t">
+<span class="t" style="grid-row: span 2"><x></x></span>
+<span style="grid-row: span 2"><x></x></span>
+</div>
+<div style="height:53px"></div>
+<div class="grid b">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-005.html b/layout/reftests/css-grid/grid-fragmentation-005.html
new file mode 100644
index 0000000000..7dfc8f0fb1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-005.html
@@ -0,0 +1,131 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, not top-of-page, forced breaks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-005-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+m { display:block; padding-top:10px; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid break-before">
+</div></div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span class="break-before"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span class="break-after" style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span class="break-before" style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span style="grid-row:3"><x></x></span>
+<span class="break-after" style="grid-row:span 2; background:cyan"><x></x></span>
+<span class="break-before" style="grid-row:2; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span class="break-after" style="grid-row: span 3"><x></x></span>
+<span class="break-after" style="grid-row: span 2"><x></x></span>
+</div>
+</div></div>
+
+<!-- TODO XXX bug 775628? (break-after on last row should propagate to container)
+<div class="columns" style="height: 135px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span class="break-after" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+<div style="height:20px;background:yellow"></div>
+</div></div>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-006-ref.html b/layout/reftests/css-grid/grid-fragmentation-006-ref.html
new file mode 100644
index 0000000000..bb6638291d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-006-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of height:auto grid, not top-of-page, item break-inside:avoid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.br1 { height:94px; border-width:5px; border-top-style:solid; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 110px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 70px/*item will be INCOMPLETE*/">
+<div style="background:grey">
+<div class="grid">
+<span><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*item will be INCOMPLETE*/">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<!-- bug 1415301
+<div class="columns" style="height: 140px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span style="grid-row:span 3"><x></x></span>
+<span style="grid-row:span 2"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span></div>
+</div></div>
+-->
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-auto-rows: 50px; height:50px;">
+<span class="t" style="grid-row:span 2; height:49px; overflow:hidden"><i></i><i></i><i></i><x></x></span>
+</div>
+<div style="height:44px"></div>
+<div class="grid b" style="grid-auto-rows: 50px; height:50px;">
+<span class="b" style="grid-row:span 2; height:11px; overflow:hidden"><i style="margin-top:0;height:2px"></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="br1"></div>
+<div class="grid b" style="grid-auto-rows: 50px; height:116px;">
+<span style="grid-row:span 2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="br1"></div>
+<div class="grid b" style="grid-auto-rows: 50px; height:116px; grid-gap:0;">
+<span style="grid-row:span 2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="br1"></div>
+<div class="grid b" style="grid-auto-rows: 50px; height:116px; grid-gap:0;">
+<span style="height:100px; background:pink"><x></x></span>
+<span style="grid-row:span 2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-006.html b/layout/reftests/css-grid/grid-fragmentation-006.html
new file mode 100644
index 0000000000..29e4c161cb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-006.html
@@ -0,0 +1,108 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, not top-of-page, item break-inside:avoid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-006-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 110px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span class="avoid-break"><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 70px/*item will be INCOMPLETE*/">
+<div style="background:grey">
+<div class="grid">
+<span class="avoid-break"><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*item will be INCOMPLETE*/">
+<div style="background:grey">
+<div class="grid">
+<span class="avoid-break" style="grid-row:span 2"><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<!-- bug 1415301
+<div class="columns" style="height: 140px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span style="grid-row:span 3"><x></x></span>
+<span class="avoid-break" style="grid-row:span 2"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span></div>
+</div></div>
+-->
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-auto-rows: 50px;">
+<span class="avoid-break" style="grid-row:span 2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-auto-rows: 50px; height:116px;">
+<span class="avoid-break" style="grid-row:span 2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-auto-rows: 50px; height:116px; grid-gap:0;">
+<span class="avoid-break" style="grid-row:span 2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-auto-rows: 50px; height:116px; grid-gap:0;">
+<span style="height:100px; background:pink"><x></x></span>
+<span class="avoid-break" style="grid-row:span 2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-007-ref.html b/layout/reftests/css-grid/grid-fragmentation-007-ref.html
new file mode 100644
index 0000000000..8031f6b5ea
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-007-ref.html
@@ -0,0 +1,132 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of height:auto grid, not top-of-page, forced break growing 'fr' row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0;">
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 80px; grid-gap:0;">
+<span class="m"><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 92px; grid-row-gap:0;">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-row-gap:0;">
+<span class="b" style="grid-column:3"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:50px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+<div class="grid m" style="grid-template-rows: 92px; grid-row-gap:0;">
+<span class="m"><x></x></span>
+<span class="m" style="height:11px; color:blue; background:blue; margin: 0 1px; border-width:0"></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-row-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 50px; grid-gap:0;">
+</div>
+<div class="grid m" style="grid-template-rows: 1fr; grid-gap:0; height:100px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-007.html b/layout/reftests/css-grid/grid-fragmentation-007.html
new file mode 100644
index 0000000000..00a3096175
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-007.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, not top-of-page, forced break growing 'fr' row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-007-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px 1fr 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px 1fr 50px;">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px 1fr 50px; grid-gap:0;">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-008-ref.html b/layout/reftests/css-grid/grid-fragmentation-008-ref.html
new file mode 100644
index 0000000000..9db9807073
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-008-ref.html
@@ -0,0 +1,130 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of height:auto grid, top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width:0;
+  align-content: start;
+}
+span { padding-top:20px; background:lime; border:1px solid black; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 94px">
+<div style="background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:82px">
+<span style="height:50px;"><i style="height:54px"></i></span>
+<span style="height:60px"><i></i><i></i><i></i></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0;">
+<span></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px">
+<div style="background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:82px">
+<span class="t"></span>
+<span style="height:50px;"><i style="height:54px"></i></span>
+<span style="height:60px"><i></i><i></i><i></i></span>
+</div>
+<div style="height:12px"></div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0;">
+<span class="b"></span>
+<span class="m" style="padding:0; height:6px; background:blue; margin: 0 1px; border-width:0"></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px">
+<div style="background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:82px">
+<span class="t"></span>
+<span style="height:50px"><i style="height:54px"></i></span>
+<span style="height:60px"><i></i><i></i><i></i></span>
+</div>
+<div class="grid m" style="grid-template-rows: 80px; grid-gap:0;">
+<span class="m"></span>
+<span class="m" style="padding:0; height:6px; background:blue; margin: 0 1px; border-width:0"></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-gap:0;">
+<span class="b"></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px">
+<div style="background:grey">
+<div class="grid t" style="grid-template-rows: 5px; grid-row-gap:0; height:5px">
+<span class="t" style="grid-column:3"></span>
+</div>
+<div style="height:88px"></div>
+<div class="grid m" style="grid-template-rows: 1fr; grid-row-gap:0; height:82px">
+<span style="height:50px"><i style="height:54px"></i></span>
+<span style="height:60px"><i></i><i></i><i></i></span>
+<span class="m"></span>
+</div>
+<div class="grid m" style="grid-template-rows: 92px; grid-row-gap:0;">
+<span class="m" style="padding:0; height:6px; background:blue; margin: 0 1px; border-width:0"></span>
+<span class="m" style="grid-column:3"></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-row-gap:0;">
+<span class="b" style="grid-column:3"></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px">
+<div style="background:grey">
+<div class="grid t" style="grid-template-rows: 5px; grid-row-gap:0; height:5px">
+<span class="t"></span>
+</div>
+<div style="height:88px"></div>
+<div class="grid m" style="grid-template-rows: 1fr; grid-row-gap:0; height:82px">
+<span class="m"></span>
+<span style="height:50px"><i style="height:54px"></i></span>
+<span style="height:60px"><i></i><i></i><i></i></span>
+</div>
+<div class="grid m" style="grid-template-rows: 92px; grid-row-gap:0;">
+<span class="m"></span>
+<span class="m" style="padding:0; height:6px; background:blue; margin: 0 1px; border-width:0"></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-row-gap:0;">
+<span class="b"></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-008.html b/layout/reftests/css-grid/grid-fragmentation-008.html
new file mode 100644
index 0000000000..6d356e8de1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-008.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-008-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width:0;
+  align-content: space-evenly;
+}
+span { padding-top:20px; background:lime; border:1px solid black; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 94px/*trigger OVERFLOW_INCOMPLETE for the item*/">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i></span>
+<span style="grid-row:2"></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px/*trigger OVERFLOW_INCOMPLETE for the item*/">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 2"></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px/*trigger OVERFLOW_INCOMPLETE for the item*/">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 4"></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px/*trigger INCOMPLETE for the item*/">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 5px 1fr 50px;">
+<span style="grid-row:2; height:50px"><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 94px/*trigger INCOMPLETE for the item*/">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 5px 1fr 50px;">
+<span style="grid-row:1/span 5"></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-009-ref.html b/layout/reftests/css-grid/grid-fragmentation-009-ref.html
new file mode 100644
index 0000000000..e55bf120b8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-009-ref.html
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of definite height, not top-of-page, forced breaks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b" style="height:60px">
+<span class="b"><x></x></span>
+<span class="b" style="grid-area:1/3; height:6px; background:cyan"><x></x></span>
+<span style="grid-area:1/3; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="padding-top:10px; background:grey">
+<div style="height:90px;border:5px solid;"></div>
+</div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:50px;"></div>
+<div class="grid t">
+<span><x></x></span>
+</div>
+<div style="height:60px; border:5px solid; border-top-width:0;">
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b" style="padding-bottom:30px">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b" style="padding-bottom:30px">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:90px;"></div>
+<div class="grid" style="padding-bottom:18px">
+<span style="height:35px"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="grid-area:2/1; align-self:end; background:pink"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 97px/*everything would fit in 1st column, except bottom border*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:87px;"></div>
+<div class="grid t" style="padding-bottom:18px">
+<span style="height:35px"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="grid-area:2/1; align-self:end; background:pink"><x></x></span>
+</div>
+<div class="grid b"></div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div class="grid m">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span class="b" style="background:cyan"><x></x></span>
+<span style="grid-area:1/1; align-self:end; background:pink"><x></x></span>
+</div>
+<div style="height:50px"></div>
+<div class="grid b">
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid t">
+<span class="t" style="grid-row: span 2"><x></x></span>
+<span style="grid-row: span 2"><x></x></span>
+</div>
+<div style="height:53px"></div>
+<div style="height:18px; border:5px solid; border-top-width:0;">
+<span class="b" style="display:block;height:29px;width:28px"></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-009.html b/layout/reftests/css-grid/grid-fragmentation-009.html
new file mode 100644
index 0000000000..ae5a253148
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-009.html
@@ -0,0 +1,142 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of definite height grid, not top-of-page, forced breaks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-009-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  height: 90px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+m { display:block; padding-top:10px; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="background:grey"><m></m>
+<div class="grid break-before">
+</div></div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span class="break-before"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span class="break-after" style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span class="break-before" style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 97px/*everything would fit in 1st column, except bottom border*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span class="break-before" style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span style="grid-row:3"><x></x></span>
+<span class="break-after" style="grid-row:span 2; background:cyan"><x></x></span>
+<span class="break-before" style="grid-row:2; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span class="break-after" style="grid-row: span 3"><x></x></span>
+<span class="break-after" style="grid-row: span 2"><x></x></span>
+</div>
+</div></div>
+
+<!-- TODO XXX bug 775628? (break-after on last row should propagate to container)
+<div class="columns" style="height: 135px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span class="break-after" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+<div style="height:20px;background:yellow"></div>
+</div></div>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-010-ref.html b/layout/reftests/css-grid/grid-fragmentation-010-ref.html
new file mode 100644
index 0000000000..1f27062cf4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-010-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation in print context of height:auto grid, not top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 1in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+br { page-break-after:always; break-after:always; display:block; height:1px; }
+
+</style>
+</head>
+<body>
+
+<div style="padding-top:0.5in; background:grey">
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+<span><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:0.54in; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:3; align-self:end; background:pink"><x></x></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-010.html b/layout/reftests/css-grid/grid-fragmentation-010.html
new file mode 100644
index 0000000000..4acef58641
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-010.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation in print context of height:auto grid, not top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-010-ref.html">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 1in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+  align-content: start;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+
+</style>
+</head>
+<body>
+
+<div style="padding-top:0.5in; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:1.5in; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-011-ref.html b/layout/reftests/css-grid/grid-fragmentation-011-ref.html
new file mode 100644
index 0000000000..15167d3b99
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-011-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation in print context of height:auto grid with first grid row at top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 1in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+  border-top-width: 0;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+br { page-break-after:always; break-after:always; display:block; height:1px; }
+
+</style>
+</head>
+<body>
+
+<div style="background:grey">
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+<span><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:0.54in; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:3; align-self:end; background:pink"><x></x></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-011.html b/layout/reftests/css-grid/grid-fragmentation-011.html
new file mode 100644
index 0000000000..1611b9136c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-011.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation in print context of height:auto grid with first grid row at top-of-page</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-011-ref.html">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 1in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+  border-top-width: 0;
+  align-content: start;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+
+</style>
+</head>
+<body>
+
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:1.5in; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-012-ref.html b/layout/reftests/css-grid/grid-fragmentation-012-ref.html
new file mode 100644
index 0000000000..c67d7cdd1f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-012-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation in print context of height:auto grid, not top-of-page, forced breaks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 0.5in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+  border-top-width: 0;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+br { page-break-after:always; break-after:always; display:block; height:1px; }
+
+</style>
+</head>
+<body>
+
+<div style="padding-top:0.5in; background:grey">
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid b">
+<span><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:0.15in; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:3; align-self:end; background:pink"><x></x></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-012.html b/layout/reftests/css-grid/grid-fragmentation-012.html
new file mode 100644
index 0000000000..c44784a9c3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-012.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation in print context of height:auto grid, not top-of-page, forced breaks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-012-ref.html">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 0.5in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+  border-top-width: 0;
+  align-content: start;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+
+</style>
+</head>
+<body>
+
+<div style="padding-top:0.5in; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:0.6in; background:cyan"><x></x></span>
+<span><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-013-ref.html b/layout/reftests/css-grid/grid-fragmentation-013-ref.html
new file mode 100644
index 0000000000..4db144aff2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-013-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation in print context of height:auto grid, item break-inside:avoid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  height: 1in;
+  border: 0.1in solid;
+}
+.col {
+  height: 0;
+  width: 0.6in;
+}
+.col > div {
+  height: 1in;
+  position: relative;
+  background: lime;
+  border: 0.05in solid black;
+}
+</style>
+</head>
+<body>
+
+<div style="padding-top:1in; background:grey">
+  <div class="grid">
+    <div class="col"><div></div></div>
+  </div>
+</div>
+
+<div style="padding-top:1in; background:grey;">
+  <div class="grid">
+    <div class="col"><div></div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-013.html b/layout/reftests/css-grid/grid-fragmentation-013.html
new file mode 100644
index 0000000000..f35d335404
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-013.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation in print context of height:auto grid, item break-inside:avoid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-013-ref.html">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 1in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+  align-items: start;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+</style>
+</head>
+<body>
+
+<div style="padding-top:1in; background:grey">
+<div class="grid">
+<span class="avoid-break"><x></x><x></x><x></x><x></x><x></x></span>
+</div></div>
+
+<div style="padding-top:1in; background:grey">
+<div class="grid" style="align-content:end; grid-auto-rows:auto; height:1in">
+<span xclass="avoid-break"><x></x><x></x><x></x><x></x><x></x></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-014-ref.html b/layout/reftests/css-grid/grid-fragmentation-014-ref.html
new file mode 100644
index 0000000000..8bbbdc2f24
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-014-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation in print context of height:auto grid, item break-inside:avoid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 1in;
+  border: 0.1in solid;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+i { display:block; height:0.1in; background:blue; }
+
+</style>
+</head>
+<body>
+
+<div style="padding-top:1in; background:grey">
+<div class="grid" style="grid-template-rows: .91in 1in;">
+<span style="height:0.2in"><i style="height:1.5in"></i><x></x></span>
+<span style="height:0.25in"><i></i><i></i><i></i><x></x></span>
+<span style="grid-area:2/2"><x></x></span>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-014.html b/layout/reftests/css-grid/grid-fragmentation-014.html
new file mode 100644
index 0000000000..c491f76b4d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-014.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US" class="reftest-paged"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation in print context of height:auto grid, item break-inside:avoid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-014-ref.html">
+  <style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 0.6in 0.6in 0.6in;
+  grid-auto-rows: 1in;
+  grid-gap: 0.1in;
+  border: 0.1in solid;
+  align-content: start;
+}
+span { display:block; background:lime; border:0.05in solid black; }
+x { display:block; height:0.2in; }
+i { display:block; height:0.1in; background:blue; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+</style>
+</head>
+<body>
+
+<div style="padding-top:1in; background:grey">
+<div class="grid" style="grid-template-rows: 1fr 1in; grid-gap:0;">
+<span style="height:0.2in"><i style="height:1.5in"></i><x></x></span>
+<span class="avoid-break" style="height:0.25in"><i></i><i></i><i></i><x></x></span>
+<span style="grid-area:2/2"><x></x></span>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-015-ref.html b/layout/reftests/css-grid/grid-fragmentation-015-ref.html
new file mode 100644
index 0000000000..e66105599f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-015-ref.html
@@ -0,0 +1,126 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation edge cases</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  height: 90px;
+  grid-template-columns: 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+
+</style>
+</head>
+<body>
+
+<!-- grid wrapped in inline -->
+<div class="columns" style="height: 40px">
+<div style="padding-top:2px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<!-- grid wrapped in inline with orthogonal writing-mode -->
+<div class="columns" style="width: 40px; height:40px;">
+<div style="padding-top:2px; background:grey">
+<div class="grid" style="overflow:hidden; writing-mode:vertical-lr">
+<span style="grid-row:span 2;"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<!-- grid wrapped in overflow:hidden block -->
+<div class="columns" style="height: 40px; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<div class="grid" style="overflow:hidden">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<!-- grid wrapped in FIELDSET block -->
+<div class="columns" style="height: 40px; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<div style="border:none; padding:0; margin:0">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></div></div></div>
+
+<!-- grid wrapped in FIELDSET inline -->
+<div class="columns" style="height: 40px; margin-left:200px">
+<div style="padding-top:2px; background:grey">
+<div style="display:inline-block; border:none; padding:0; margin:0">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></div></div></div>
+
+<!-- grid wrapped in FIELDSET overflow:hidden block -->
+<div class="columns" style="height: 40px; margin-left:400px">
+<div style="padding-top:2px; background:grey">
+<div style="display:block; overflow:hidden; border:none; padding:0; margin:0; width:min-content">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></div></div></div>
+
+<!-- grid with orthogonal writing-mode to fragmentainer -->
+<div class="columns" style="height: 40px; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<y>
+<div class="grid" style="overflow:hidden; writing-mode:vertical-lr">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></y></div></div>
+
+<!-- vertical grid and fragmentainer with intermediary horizontal writing-mode inline -->
+<!-- XXX bug 1242660: remove the visibility:hidden DIV when we know what the rendering should be -->
+<div style="visibility:hidden">
+<div class="columns" style="width: 50px; writing-mode:vertical-lr; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<y style="writing-mode:horizontal-lr">
+<div class="grid" style="writing-mode:vertical-lr">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></y></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-015.html b/layout/reftests/css-grid/grid-fragmentation-015.html
new file mode 100644
index 0000000000..64a97d6ea4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-015.html
@@ -0,0 +1,132 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation edge cases</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-015-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  height: 90px;
+  grid-template-columns: 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+
+</style>
+</head>
+<body>
+
+<!-- grid wrapped in inline -->
+<div class="columns" style="height: 40px">
+<div style="padding-top:2px; background:grey">
+<y>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></y></div></div>
+
+<!-- grid wrapped in inline with orthogonal writing-mode -->
+<div class="columns" style="width: 40px; height:40px">
+<div style="padding-top:2px; background:grey">
+<y style="writing-mode:vertical-lr">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></y></div></div>
+
+<!-- grid wrapped in overflow:hidden block -->
+<div class="columns" style="height: 40px; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<y style="display:block;overflow:hidden">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></y></div></div>
+
+<!-- grid wrapped in FIELDSET block -->
+<div class="columns" style="height: 40px; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<fieldset style="display:block; border:none; padding:0; margin:0">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></fieldset></div></div>
+
+<!-- grid wrapped in FIELDSET inline -->
+<div class="columns" style="height: 40px; margin-left:200px">
+<div style="padding-top:2px; background:grey">
+<fieldset style="display:inline; border:none; padding:0; margin:0">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></fieldset></div></div>
+
+<!-- grid wrapped in FIELDSET overflow:hidden block -->
+<div class="columns" style="height: 40px; margin-left:400px">
+<div style="padding-top:2px; background:grey">
+<fieldset style="display:block; overflow:hidden; border:none; padding:0; margin:0">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></fieldset></div></div>
+
+<!-- grid with orthogonal writing-mode to fragmentainer -->
+<div class="columns" style="height: 40px; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<y>
+<div class="grid" style="writing-mode:vertical-lr">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></y></div></div>
+
+<!-- vertical grid and fragmentainer with intermediary horizontal writing-mode inline -->
+<!-- XXX bug 1242660: remove the visibility:hidden DIV when we know what the rendering should be -->
+<div style="visibility:hidden">
+<div class="columns" style="width: 50px; writing-mode:vertical-lr; margin-top:70px">
+<div style="padding-top:2px; background:grey">
+<y style="writing-mode:horizontal-lr">
+<div class="grid" style="writing-mode:vertical-lr">
+<span style="grid-row:span 2"><x></x></span>
+<span><x></x></span>
+<span><x></x></span>
+</div></y></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-016-ref.html b/layout/reftests/css-grid/grid-fragmentation-016-ref.html
new file mode 100644
index 0000000000..eec542e281
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-016-ref.html
@@ -0,0 +1,165 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of height:auto grid, not top-of-page, box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.block {
+  border:5px solid;
+}
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+}
+span { background:lime; border:1px solid black; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+x { display:block; height:20px; }
+br { page-break-before:always; break-before:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 130px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid">
+<span><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:3; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 18px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="block">
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="block" style="height:1px; overflow:hidden">
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="block" style="height:1px; overflow:hidden"></div>
+<div class="block" style="height:1px; overflow:hidden"></div>
+</div></div>
+
+<div class="columns" style="height: 100px/*fragmentainer ends in the last row*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 70px/*fragmentainer ends in the grid gap between the rows */">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 40px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 13px/*fragmentainer ends in the grid start border */; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends above the grid*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-016.html b/layout/reftests/css-grid/grid-fragmentation-016.html
new file mode 100644
index 0000000000..2a9bf9bb4b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-016.html
@@ -0,0 +1,126 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, not top-of-page, box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-016-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  box-decoration-break: clone;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 130px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 18px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid" style="height:1px/*creates a Class C break opportunity at the end*/">
+</div></div></div>
+
+<div class="columns" style="height: 20px/*fragmentainer ends in the end border*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid" style="height:2px/*creates a Class C break opportunity at the end*/">
+</div></div></div>
+
+<div class="columns" style="height: 100px/*fragmentainer ends in the last row*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 70px/*fragmentainer ends in the grid gap between the rows */">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 40px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 13px/*fragmentainer ends in the grid start border */; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends above the grid*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-017-ref.html b/layout/reftests/css-grid/grid-fragmentation-017-ref.html
new file mode 100644
index 0000000000..61d97f0234
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-017-ref.html
@@ -0,0 +1,137 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation height:auto grid with first grid row at top-of-page and box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.block {
+  border:5px solid;
+  border-top-width:0;
+  border-bottom-width:10px;
+}
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width:0;
+  border-bottom-width:10px;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+br { page-break-before:always; break-before:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 120px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid">
+<span><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:3; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="block">
+</div></div></div>
+
+<div class="columns" style="height: 10px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="block" style="height:1px;overflow:hidden"></div>
+<div class="block" style="height:1px;overflow:hidden"></div>
+</div></div>
+
+<div class="columns" style="height: 90px/*fragmentainer ends in the last row*/">
+<div style="background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<br>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 60px/*fragmentainer ends in the grid gap between the rows */">
+<div style="background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 30px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span style="background:cyan" class="t"><x></x></span>
+</div>
+<div class="grid">
+<span class="b"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:1; height:11px;"><x></x></span>
+<span class="b" style="grid-row:1; grid-column:3; height:11px; background:cyan"><x></x></span>
+<span style="grid-row:1; grid-column:1; align-self:end; background:pink"><x></x></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-017.html b/layout/reftests/css-grid/grid-fragmentation-017.html
new file mode 100644
index 0000000000..b2d2399709
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-017.html
@@ -0,0 +1,105 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation height:auto grid with first grid row at top-of-page and box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-017-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 50px;
+  grid-gap: 12px;
+  border:5px solid;
+  border-top-width:0;
+  border-bottom-width:10px;
+  box-decoration-break: clone;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 120px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 8px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid">
+</div></div></div>
+
+<div class="columns" style="height: 10px/*fragmentainer ends in the end border*/">
+<div style="background:grey">
+<div class="grid" style="height:2px/*creates a Class C break opportunity at the end*/">
+</div></div></div>
+
+<div class="columns" style="height: 90px/*fragmentainer ends in the last row*/">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 60px/*fragmentainer ends in the grid gap between the rows */">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 30px/*fragmentainer ends in the first row*/; margin-bottom:30px">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 0px/*zero height fragmentainer*/; margin-bottom:60px">
+<div style="background:grey">
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:60px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:60px"><x></x></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-018-ref.html b/layout/reftests/css-grid/grid-fragmentation-018-ref.html
new file mode 100644
index 0000000000..b622ccfc5d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-018-ref.html
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of definite height, not top-of-page, forced breaks, and box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid" style="height:60px">
+<span class="b"><x></x></span>
+<span class="b" style="grid-area:1/3; height:6px; background:cyan"><x></x></span>
+<span style="grid-area:1/3; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="padding-top:10px; background:grey">
+<div style="height:90px;border:5px solid;box-decoration-break: clone;"></div>
+</div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:50px;"></div>
+<div class="grid" style="padding-bottom:20px">
+<span><x></x></span>
+</div>
+<div style="height:40px; border:5px solid;"></div>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid" style="padding-bottom:30px">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid" style="padding-bottom:30px">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:90px;"></div>
+<div class="grid" style="padding-bottom:18px">
+<span style="height:35px"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="grid-area:2/1; align-self:end; background:pink"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 97px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:87px;"></div>
+<div class="grid" style="padding-bottom:15px">
+<span style="height:35px"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="grid-area:2/1; align-self:end; background:pink"><x></x></span>
+</div>
+<div style="height:3px;border:5px solid;box-decoration-break: clone;"></div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div class="grid" style="padding-bottom:30px">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span class="b" style="background:cyan"><x></x></span>
+<span style="grid-area:1/1; align-self:end; background:pink"><x></x></span>
+</div></div>
+<div style="height:10px"></div>
+<div class="grid m" style="height:0; margin-top:1px">
+<span><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span class="t" style="grid-row: span 2"><x></x></span>
+<span style="grid-row: span 2"><x></x></span>
+</div>
+<div style="height:48px"></div>
+<div style="height:18px; border:5px solid;">
+<span class="b" style="display:block;height:29px;width:28px"></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-018.html b/layout/reftests/css-grid/grid-fragmentation-018.html
new file mode 100644
index 0000000000..016e59d3d4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-018.html
@@ -0,0 +1,143 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of definite height grid, not top-of-page, forced breaks, and box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-018-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  height: 90px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  box-decoration-break: clone;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+m { display:block; padding-top:10px; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="background:grey"><m></m>
+<div class="grid break-before">
+</div></div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span class="break-before"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span class="break-after" style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span class="break-before" style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 97px/*everything would fit in 1st column, except bottom border*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span class="break-before" style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span style="grid-row:3"><x></x></span>
+<span class="break-after" style="grid-row:span 2; background:cyan"><x></x></span>
+<span class="break-before" style="grid-row:2; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span class="break-after" style="grid-row: span 3"><x></x></span>
+<span class="break-after" style="grid-row: span 2"><x></x></span>
+</div>
+</div></div>
+
+<!-- TODO XXX bug 775628? (break-after on last row should propagate to container)
+<div class="columns" style="height: 135px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span class="break-after" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+<div style="height:20px;background:yellow"></div>
+</div></div>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-019-ref.html b/layout/reftests/css-grid/grid-fragmentation-019-ref.html
new file mode 100644
index 0000000000..a90510b777
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-019-ref.html
@@ -0,0 +1,147 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of height:auto grid, not top-of-page, forced break growing 'fr' row, and box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+  box-decoration-break: clone;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr; grid-gap:0; height:89px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 50px; grid-gap:0;">
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr; grid-gap:0; height:89px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 50px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr; grid-gap:0; height:89px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 80px; grid-gap:0;">
+<span class="m"><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 30px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:89px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:44px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 50px; grid-row-gap:0; margin-bottom:40px;">
+<span class="m" style="height:16px; background:blue; margin: -5px 1px 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 72px; grid-row-gap:0;">
+<span class="b" style="grid-column:3"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:89px">
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:44px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+<div class="grid" style="grid-template-rows: 50px; grid-row-gap:0; margin-bottom:40px;">
+<span class="m"><x></x></span>
+<span class="m" style="height:16px; color:blue; background:blue; margin: -5px 1px 0 1px; border-width:0"></span>
+</div>
+<div class="grid" style="grid-template-rows: 72px; grid-row-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px; grid-gap:0;">
+</div>
+<div class="grid" style="grid-template-rows: 1fr; grid-gap:0; height:90px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 50px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 61px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px; grid-gap:0;">
+</div>
+<div class="grid" style="grid-template-rows: 1fr; grid-gap:0; height:62px">
+<span style="height:60px"><x></x></span>
+<span style="height:50px"><i style="height:54px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 0; grid-gap:0; border-width:0 5px">
+<span class=m style="grid-column:2; border-width:0 1px; height:0"><i style="height:6px;margin:0"></i></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-019.html b/layout/reftests/css-grid/grid-fragmentation-019.html
new file mode 100644
index 0000000000..308a76645c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-019.html
@@ -0,0 +1,113 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, not top-of-page, forced break growing 'fr' row, and box-decoration-break:clone</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-019-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+  box-decoration-break: clone;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 1fr 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px 1fr 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px 1fr 50px;">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px 1fr 50px; grid-gap:0;">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 61px/*trigger OVERFLOW_INCOMPLETE for the item*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px 1fr; grid-gap:0;">
+<span style="grid-row:2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-020-ref.html b/layout/reftests/css-grid/grid-fragmentation-020-ref.html
new file mode 100644
index 0000000000..f167c5368a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-020-ref.html
@@ -0,0 +1,206 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation with forced break propagation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+.no-border { border-style:none; }
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px;
+  grid-auto-rows: 10px;
+  grid-gap: 2px;
+  border:5px solid;
+  height: 20px; /* create Class C break opportunities at both ends */
+  align-content: center;
+}
+.start {
+  align-content: start;
+}
+
+span { background:lime; border:1px solid black; }
+.bb { border-bottom-width:6px; }
+x { display:block; height: 40px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m {  border:5px solid; border-top-width:0; border-bottom-width:0; }
+.br1 { height:34px; border-width:5px; border-top-style:solid; }
+.br2 { height:4px; }
+.br3 { height:39px; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid start">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="br1"></div>
+<div class="grid b">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid start">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="padding-top:1px; background:grey">
+<div class="br3"></div>
+<div class="grid">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="padding-top:1px; background:grey">
+<div class="br3"></div>
+<div class="grid start">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="padding-top:1px; background:grey">
+<div class="br1"></div>
+<div class="grid b">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="padding-top:1px; background:grey">
+<div class="grid start">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:16px">
+<div style="background:grey">
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:16px">
+<div style="padding-top:1px; background:grey">
+<div class="br2"></div>
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:10px">
+<div style="background:grey">
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:10px">
+<div style="padding-top:1px; background:grey">
+<div class="br2"></div>
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:0px">
+<div style="background:grey">
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:0px; margin-top:20px">
+<div style="background:grey">
+<div style="height:1px; overflow:hidden"></div>
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div style="height:1px; overflow:hidden"></div>
+<div style="height:5px; overflow:hidden; background:black; "></div>
+<div class="grid m" style="height:10px;grid-auto-rows: 0px; align-content:start;">
+<span class="bb"></span>
+</div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div style="">
+<div style="height:1px; overflow:hidden"></div>
+<div style="height:5px; overflow:hidden; background:black; "></div>
+</div>
+<div style="height:7px; width:30px; margin-left:5px; overflow:hidden; background:black;"></div>
+<div class="grid m" style="height:10px;grid-auto-rows: 0px; align-content:start;">
+<span class="bb"></span>
+</div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div style="height:1px; overflow:hidden; position:relative"></div>
+<div style="border:5px solid; height:1px; overflow:hidden; ">
+<div style="height:7px; width:30px; overflow:hidden;  position:absolute; background:black;"></div>
+</div>
+</div>
+</div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div style="padding-top:1px; ">
+<div style="height:1px; overflow:hidden"></div>
+<div class="grid" style="height:1px;grid-auto-rows: 1px;">
+<span class="break-before bb"></span>
+<span class="break-before bb"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div style="padding-top:1px; ">
+<div style="height:1px; overflow:hidden"></div>
+<div class="grid" style="height:1px;grid-auto-rows: 11px;">
+<span class="break-before bb"></span>
+<span class="break-before bb"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div style="padding-top:1px; ">
+<div style="height:1px; overflow:hidden"></div>
+<div class="grid" style="height:1px;grid-auto-rows: 11px;">
+<span class="break-before bb" style="grid-row:span 2"></span>
+<span class="break-before bb"></span>
+</div></div></div>
+
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div style="padding-top:1px; ">
+<div style="height:1px; overflow:hidden"></div>
+<div class="grid" style="height:1px;grid-auto-rows: 11px;">
+<span class="break-before bb"></span>
+<span class="break-before bb" style="grid-row:span 2"></span>
+</div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-020.html b/layout/reftests/css-grid/grid-fragmentation-020.html
new file mode 100644
index 0000000000..b0977b1f42
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-020.html
@@ -0,0 +1,213 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation with forced break propagation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-020-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+.no-border { border-style:none; }
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px;
+  grid-auto-rows: 10px;
+  grid-gap: 2px;
+  border:5px solid;
+  height: 20px; /* create Class C break opportunities at both ends */
+  align-content: center;
+}
+.start {
+  align-content: start;
+}
+
+span { background:lime; border:1px solid black; }
+.bb { border-bottom-width:6px; }
+x { display:block; height: 40px; }
+m { display:block; padding-top:1px; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid start">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid start">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey"><m></m>
+<div class="grid start">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey"><m></m>
+<div class="grid start">
+<span class="avoid-break"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:16px">
+<div style="background:grey">
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:16px">
+<div style="background:grey"><m></m>
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:10px">
+<div style="background:grey">
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:10px">
+<div style="background:grey"><m></m>
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:0px">
+<div style="background:grey">
+<div class="grid" style="height:10px">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns" style="height:0px; margin-top:20px">
+<div style="background:grey"><m></m>
+<div class="grid" style="height:10px;">
+<span class="break-before"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div><m></m>
+<div class="grid" style="height:10px;grid-auto-rows: 0px;">
+<span class="break-before bb"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div><m></m>
+<div class="grid" style="height:10px;grid-auto-rows: 0px;">
+<span class="break-before bb"></span>
+<span class="break-before bb"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div><m></m>
+<div class="grid" style="height:1px;grid-auto-rows: 1px;">
+<span class="break-before bb"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div><m></m>
+<div class="grid" style="height:1px;grid-auto-rows: 1px;">
+<span class="break-before bb"></span>
+<span class="break-before bb"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div><m></m>
+<div class="grid" style="height:1px;grid-auto-rows: 11px;">
+<span class="break-before bb"></span>
+<span class="break-before bb"></span>
+</div></div></div>
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div><m></m>
+<div class="grid" style="height:1px;grid-auto-rows: 11px;">
+<span class="break-before bb" style="grid-row:span 2"></span>
+<span class="break-before bb"></span>
+</div></div></div>
+
+
+<div class="columns no-border" style="height:0px; margin-top:20px">
+<div><m></m>
+<div class="grid" style="height:1px;grid-auto-rows: 11px;">
+<span class="break-before bb"></span>
+<span class="break-before bb" style="grid-row:span 2"></span>
+</div></div></div>
+
+<!--
+
+XXX TODO: propagation of break-after on the last row to the container doesn't work.
+XXX TODO: I'm guessing the block frame code doesn't know how to deal with that b/c
+XXX TODO: it expects the frame constructor to have created a nsPageBreakFrame...
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid">
+<span class="break-after"></span>
+</div>
+<div style="border-top:2px solid blue"></div>
+</div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid">
+<img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" class="break-after"></button>
+</div>
+<div style="border-top:2px solid blue"></div>
+</div></div>
+
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-021-ref.html b/layout/reftests/css-grid/grid-fragmentation-021-ref.html
new file mode 100644
index 0000000000..8a76c3e91f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-021-ref.html
@@ -0,0 +1,186 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation with ::before/::after items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 3;
+  -webkit-columns: 3;
+          columns: 3;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 1px;
+  height: 150px;
+}
+.no-border { border-style:none; }
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px;
+  grid-auto-rows: 20px;
+  grid-gap: 2px;
+  border:5px solid;
+  counter-reset: item;
+}
+.start {
+  align-content: start;
+}
+
+span { counter-increment:item; }
+.br1.before { grid-row:1; }
+.ar1.after { grid-row:1; }
+.br2.before { grid-row:2; }
+.ar2.after { grid-row:2; }
+.br7.before { grid-row:7; }
+.ar7.after { grid-row:7; }
+
+.span5 { grid-row-end: span 5; background:lime; }
+
+.span15 { grid-row: 1 / span 15; grid-column:1; background:lime; }
+.span15.before { grid-row-end: span 15; grid-column:3; background:grey; }
+.span15.after { grid-row: 2 / span 15; grid-column:2; background:lime; }
+
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+</style>
+</head>
+<body>
+
+<div class="columns">
+<div class="grid">
+<span><c>5:before</c></span>
+<span><c>2:after</c></span>
+<span><c>1:before</c></span>
+<span class="ar2"><c>1</c></span>
+<span class="ar2"><c>1:after</c></span>
+<span class="ar2"><c>2:before</c></span>
+<span><c>2</c></span>
+<span><c>3:before</c></span>
+<span><c>3</c></span>
+<span><c>3:after</c></span>
+<span><c>4:before</c></span>
+<span><c>4</c></span>
+<span class="br1"><c>4:after</c></span>
+<span class="br1"><c>5</c></span>
+<span class="br1"><c>5:after</c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c>5:after</c></span>
+<span><c>4:after</c></span>
+<span><c>1:before</c></span>
+<span><c>1</c></span>
+<span><c>1:after</c></span>
+<span><c>2:before</c></span>
+<span><c>2</c></span>
+<span><c>2:after</c></span>
+<span><c>3:before</c></span>
+<span class="ar2"><c>3</c></span>
+<span class="ar2"><c>3:after</c></span>
+<span class="ar2"><c>4:before</c></span>
+<span class="ar1"><c>4</c></span>
+<span class="ar1"><c>5:before</c></span>
+<span class="ar1"><c>5</c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c>5:after</c></span>
+<span><c>5:before</c></span>
+<span><c>1:before</c></span>
+<span><c>1</c></span>
+<span><c>1:after</c></span>
+<span><c>2:before</c></span>
+<span><c>2</c></span>
+<span><c>2:after</c></span>
+<span><c>3:before</c></span>
+<span><c>3</c></span>
+<span><c>3:after</c></span>
+<span><c>4:before</c></span>
+<span class="ar1 br2"><c>4</c></span>
+<span class="ar1 br2"><c>4:after</c></span>
+<span class="ar1 br2"><c>5</c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c>5:before</c></span>
+<span><c>5:after</c></span>
+<span><c>1:before</c></span>
+<span><c>1</c></span>
+<span><c>1:after</c></span>
+<span><c>2:before</c></span>
+<span><c>2</c></span>
+<span><c>2:after</c></span>
+<span><c>3:before</c></span>
+<span><c>3</c></span>
+<span><c>3:after</c></span>
+<span><c>4:before</c></span>
+<span class="ar2 br1"><c>4</c></span>
+<span class="ar2 br1"><c>4:after</c></span>
+<span class="ar2 br1"><c>5</c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c>5:before</c></span>
+<span><c>4:before</c></span>
+<span><c>1:before</c></span>
+<span><c>1</c></span>
+<span><c>1:after</c></span>
+<span><c>2:before</c></span>
+<span><c>2</c></span>
+<span><c>2:after</c></span>
+<span><c>3:before</c></span>
+<span class="br2"><c>3</c></span>
+<span class="br2"><c>3:after</c></span>
+<span class="br2"><c>4</c></span>
+<span class="br1"><c>4:after</c></span>
+<span class="br1"><c>5</c></span>
+<span class="br1"><c>5:after</c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c>1:before</c></span>
+<span><c>5:before</c></span>
+<span><c>1</c></span>
+<span><c>1:after</c></span>
+<span><c>2:before</c></span>
+<span><c>2</c></span>
+<span><c>4:before</c></span>
+<span><c>2:after</c></span>
+<span class="span5"><c>3:before</c></span>
+<span class="span5"><c>3</c></span>
+<span class="span5"><c></c></span>
+<span class="br7"><c></c></span>
+<span class="br2"><c></c></span>
+<span class="br2"><c></c></span>
+<span class="br2"><c></c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid" style="grid-template-columns: 30px 30px 30px">
+<span class="span15 before"><c>1:before</c></span>
+<span class="span15"><c>1</c></span>
+<span class="span15 after"><c>1:after</c></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-021.html b/layout/reftests/css-grid/grid-fragmentation-021.html
new file mode 100644
index 0000000000..072d8ac24a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-021.html
@@ -0,0 +1,131 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation with ::before/::after items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-021-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 3;
+  -webkit-columns: 3;
+          columns: 3;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 1px;
+  height: 150px;
+}
+.no-border { border-style:none; }
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px;
+  grid-auto-rows: 20px;
+  grid-gap: 2px;
+  border:5px solid;
+  counter-reset: item;
+}
+.start {
+  align-content: start;
+}
+
+span { display:contents; }
+span::before { counter-increment:item; content: counter(item) ":before"; }
+span::after { content: counter(item) ":after"; }
+c::before { content: counter(item); }
+.br1::before { grid-row:1; }
+.ar1::after { grid-row:1; }
+.br2::before { grid-row:2; }
+.ar2::after { grid-row:2; }
+.br7::before { grid-row:7; }
+.ar7::after { grid-row:7; }
+
+.span5 * { grid-row-end: span 5; background:lime; }
+.span5::before { grid-row-end: span 5; background:lime; }
+.span5::after { grid-row-end: span 5; background:lime; }
+
+.span15 * { grid-row: 1 / span 15; background:lime; }
+.span15::before { grid-row-end: span 15; background:grey; }
+.span15::after { grid-row: 2 / span 15; background:lime; }
+
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+</style>
+</head>
+<body>
+
+<div class="columns">
+<div class="grid">
+<span><c></c></span>
+<span class="ar2"><c></c></span>
+<span><c></c></span>
+<span><c></c></span>
+<span class="br1"><c></c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c></c></span>
+<span><c></c></span>
+<span><c></c></span>
+<span class="ar2"><c></c></span>
+<span class="ar1"><c></c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c></c></span>
+<span><c></c></span>
+<span><c></c></span>
+<span><c></c></span>
+<span class="ar1 br2"><c></c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c></c></span>
+<span><c></c></span>
+<span><c></c></span>
+<span><c></c></span>
+<span class="ar2 br1"><c></c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c></c></span>
+<span><c></c></span>
+<span><c></c></span>
+<span class="br2"><c></c></span>
+<span class="br1"><c></c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid">
+<span><c></c></span>
+<span><c></c></span>
+<span class="span5"><c></c></span>
+<span class="br7"><c></c></span>
+<span class="br2"><c></c></span>
+</div></div>
+
+<div class="columns">
+<div class="grid" style="grid-template-columns: 30px 30px 30px">
+<span class="span15"><c></c></span>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-022.html b/layout/reftests/css-grid/grid-fragmentation-022.html
new file mode 100644
index 0000000000..2137778627
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-022.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of height:auto grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-007-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px min-content 50px; grid-gap:0;">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-023-ref.html b/layout/reftests/css-grid/grid-fragmentation-023-ref.html
new file mode 100644
index 0000000000..dbce5061cb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-023-ref.html
@@ -0,0 +1,136 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of definite height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0; height:86px">
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0; height:86px">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 80px; grid-gap:0; padding-bottom:6px">
+<span class="m"><x></x></span>
+</div></div>
+<div style="height:9px"></div>
+<div class="grid" style="align-content: start; grid-gap:0; height:1px; border-width:0; margin-left:5px">
+<span class="b"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 86px; grid-row-gap:0;">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3; height:92px;"><x></x></span>
+</div></div>
+<div style="height:9px"></div>
+<div class="grid" style="grid-template-rows: auto; grid-row-gap:0; height:1px; border-width:0; margin-left:5px;">
+<span class="b" style="grid-column:3; height:29px"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:50px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+<div class="grid b" style="grid-template-rows: 86px; grid-row-gap:0;">
+<span class="m" style="height:92px"><x></x></span>
+<span class="m" style="height:11px; color:blue; background:blue; margin: 0 1px; border-width:0"></span>
+</div></div>
+<div style="height:9px"></div>
+<div class="grid" style="grid-template-rows: 0; grid-row-gap:0; height:1px; border-width:0; margin-left:5px;">
+<span class="b" style="height:29px"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 50px; grid-gap:0;">
+</div>
+<div class="grid m" style="grid-template-rows: 1fr; grid-gap:0; height:100px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0; height:30px;">
+<span class="b" style="height:49px"><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/css-grid/grid-fragmentation-023.html b/layout/reftests/css-grid/grid-fragmentation-023.html
new file mode 100644
index 0000000000..3a83dead16
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-023.html
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of definite height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-023-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  height: 180px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px min-content 50px; grid-gap:0;">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-024-ref.html b/layout/reftests/css-grid/grid-fragmentation-024-ref.html
new file mode 100644
index 0000000000..497854309f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-024-ref.html
@@ -0,0 +1,170 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of a height:auto  definite max-height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0; height:50px">
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0; height:50px">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 80px; grid-gap:0;">
+<span class="m"><x></x></span>
+</div>
+<div style="height:20px"></div>
+<div class="grid b" style="grid-gap:0; height:6px">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 92px; grid-row-gap:0; height:86px">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div></div>
+<div style="height:9px"></div>
+<div class="grid" style="grid-template-rows: auto; grid-row-gap:0; height:1px; border-width:0; margin-left:5px;">
+<span class="b" style="grid-column:3; height:29px"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:50px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+<div class="grid b" style="grid-template-rows: 92px; grid-row-gap:0; height:86px">
+<span class="m"><x></x></span>
+<span class="m" style="height:11px; color:blue; background:blue; margin: 0 1px; border-width:0"></span>
+</div></div>
+<div style="height:9px"></div>
+<div class="grid" style="grid-template-rows: auto; grid-row-gap:0; height:1px; border-width:0; margin-left:5px;">
+<span class="b" style="height:29px"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 50px; grid-gap:0;">
+</div>
+<div class="grid m" style="grid-template-rows: 1fr; grid-gap:0; height:100px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0; height:30px;">
+<span class="b" style="height:49px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 80px; grid-gap:0;">
+<span class="m"><x></x></span>
+</div>
+<div style="height:20px"></div>
+<div class="grid b" style="grid-gap:0; height:6px">
+<span class="b"><x></x></span>
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 92px; grid-row-gap:0; height:86px">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div></div>
+<div style="height:9px"></div>
+<div class="grid m" style="border-style:none; margin-left:5px">
+<span><x></x></span>
+<span class="b" style="grid-column:3; height:29px"><x></x></span>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-024.html b/layout/reftests/css-grid/grid-fragmentation-024.html
new file mode 100644
index 0000000000..0966f18eac
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-024.html
@@ -0,0 +1,124 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of a height:auto  definite max-height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-024-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  max-height: 180px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px min-content 50px; grid-gap:0;">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+<span style="grid-row:4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:5"><x></x></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-025-ref.html b/layout/reftests/css-grid/grid-fragmentation-025-ref.html
new file mode 100644
index 0000000000..e075a94af7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-025-ref.html
@@ -0,0 +1,175 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of a height:auto, small definite max-height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px; grid-gap:0; height:20px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div></div>
+<div style="height:69px"></div>
+<div class="grid" style="grid-template-rows: 50px; border-style:none; margin-left:5px">
+<span><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px; grid-gap:0; height:20px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div></div>
+<div style="height:69px"></div>
+<div class="grid" style="grid-template-rows: 50px; border-style:none; margin-left:5px">
+<span class="b"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px; grid-gap:0; height:20px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div></div>
+<div class="grid m" style="grid-template-rows: 80px; border-style:none; margin-left:5px">
+<span class="m"><x></x></span>
+</div>
+<div style="height:20px"></div>
+<div class="grid b" style="border-style:none; margin-left:5px">
+<span class="b"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 17px 77px; grid-row-gap:0; height:20px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div></div>
+<div class="grid" style="grid-template-rows: 92px; grid-row-gap:0; height:86px; border-style:none; margin-left:5px">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div>
+<div style="height:9px"></div>
+<div class="grid" style="grid-template-rows: auto; border-style:none; margin-left:5px">
+<span class="b" style="grid-column:3; height:29px"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 17px 77px; grid-row-gap:0; height:20px">
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:50px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div></div>
+<div class="grid" style="grid-template-rows: 92px; grid-row-gap:0; height:86px; border-style:none; margin-left:5px">
+<span class="m"><x></x></span>
+<span class="m" style="height:11px; color:blue; background:blue; margin: 0 1px; border-width:0"></span>
+</div>
+<div style="height:9px"></div>
+<div class="grid" style="grid-template-rows: auto; border-style:none; margin-left:5px">
+<span class="b" style="height:29px"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px; grid-gap:0; height:20px">
+</div></div>
+<div style="height:69px"></div>
+<div class="grid" style="grid-template-rows: 100px; grid-gap:0; border-style:none; margin-left:5px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid" style="grid-template-rows: 50px; border-style:none; margin-left:5px">
+<span class="b" style="height:49px"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px; grid-gap:0; height:20px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div></div>
+<div style="height:69px"></div>
+<div class="grid" style="grid-template-rows: 80px; border-style:none; margin-left:5px">
+<span class="m"><x></x></span>
+</div>
+<div style="height:20px"></div>
+<div class="grid" style="grid-gap:0; border-style:none; margin-left:5px">
+<span class="b"><x></x></span>
+<span><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 17px 77px; grid-row-gap:0; height:20px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div></div>
+<div style="height:69px"></div>
+<div class="grid" style="grid-template-rows: 92px; grid-row-gap:0; height:86px; border-style:none; margin-left:5px">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div>
+<div style="height:9px"></div>
+<div class="grid" style="border-style:none; margin-left:5px">
+<span><x></x></span>
+<span class="b" style="grid-column:3; height:29px"><x></x></span>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-025.html b/layout/reftests/css-grid/grid-fragmentation-025.html
new file mode 100644
index 0000000000..385f1f86f1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-025.html
@@ -0,0 +1,124 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of a height:auto, small definite max-height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-025-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  max-height: 20px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px min-content 50px; grid-gap:0;">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+<span style="grid-row:4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:5"><x></x></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-026-ref.html b/layout/reftests/css-grid/grid-fragmentation-026-ref.html
new file mode 100644
index 0000000000..d2de52a28d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-026-ref.html
@@ -0,0 +1,164 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of definite height grid, forced row breaks, avoid-break grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+s { display:block; height:90px; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<s></s>
+<div class="grid t">
+<span><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b" style="height:60px">
+<span class="b"><x></x></span>
+<span class="b" style="grid-area:1/3; height:6px; background:cyan"><x></x></span>
+<span style="grid-area:1/3; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="padding-top:10px; background:grey">
+<s style="height:20px;"></s>
+<div style="height:90px;border:5px solid;"></div>
+</div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:50px;"></div>
+<div class="grid t">
+<span><x></x></span>
+</div>
+<div style="height:60px; border:5px solid; border-top-width:0;">
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<s></s>
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b" style="padding-bottom:30px">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<s></s>
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div style="height:40px;"></div>
+<div class="grid b" style="padding-bottom:30px">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span style="align-self:end; grid-area:1/1; background:pink"><x></x></span>
+<span class="b"><x></x></span>
+<span class="b" style="height:6px; background:cyan"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:90px;"></div>
+<div class="grid" style="padding-bottom:18px">
+<span style="height:35px"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="grid-area:2/1; align-self:end; background:pink"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 97px/*everything would fit in 1st column, except bottom border*/">
+<div style="padding-top:10px; background:grey">
+<div style="height:87px;"></div>
+<div class="grid t" style="padding-bottom:18px">
+<span style="height:35px"><x></x></span>
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="grid-area:2/1; align-self:end; background:pink"><x></x></span>
+</div>
+<div class="grid b"></div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid t">
+<span class="t"><x></x></span>
+<span class="t" style="background:cyan"><x></x></span>
+</div>
+<div class="grid m">
+<span class="b" style="grid-area:1/1; height:6px"><x></x></span>
+<span class="b" style="background:cyan"><x></x></span>
+<span style="grid-area:1/1; align-self:end; background:pink"><x></x></span>
+</div>
+<div style="height:50px"></div>
+<div class="grid b">
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid t">
+<span class="t" style="grid-row: span 2"><x></x></span>
+<span style="grid-row: span 2"><x></x></span>
+</div>
+<div style="height:53px"></div>
+<div style="height:18px; border:5px solid; border-top-width:0;">
+<span class="b" style="display:block;height:29px;width:28px"></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-026.html b/layout/reftests/css-grid/grid-fragmentation-026.html
new file mode 100644
index 0000000000..940397eefe
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-026.html
@@ -0,0 +1,132 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of definite height grid, forced row breaks, avoid-break grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-026-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  height: 90px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+
+  page-break-inside:avoid;
+  break-inside:avoid;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+m { display:block; padding-top:10px; }
+.break-before { page-break-before:always; break-before:always; }
+.break-after { page-break-after:always; break-after:always; }
+
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*two rows would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1"><x></x></span>
+<span><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height:30px">
+<div style="background:grey"><m></m>
+<div class="grid break-before">
+</div></div></div>
+
+<div class="columns" style="height: 60px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span class="break-before"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span class="break-before" style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div></div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span class="break-after" style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*everything would fit in 1st column*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span class="break-before" style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 97px/*everything would fit in 1st column, except bottom border*/">
+<div style="background:grey"><m></m>
+<div class="grid">
+<span style="grid-row:span 2"><x></x></span>
+<span style="height:35px; background:cyan"><x></x></span>
+<span style="align-self:end; background:pink"><x></x></span>
+<span class="break-before" style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 80px/*one row fits in 1st column, two in 2nd column, but forced break there*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span style="grid-row:3"><x></x></span>
+<span class="break-after" style="grid-row:span 2; background:cyan"><x></x></span>
+<span class="break-before" style="grid-row:2; align-self:end; background:pink"><x></x></span>
+<span style="grid-row:1; height:35px"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 160px/*everything would fit in 1st column*/">
+<div style="padding-top:30px; background:grey">
+<div class="grid">
+<span class="break-after" style="grid-row: span 3"><x></x></span>
+<span class="break-after" style="grid-row: span 2"><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-027.html b/layout/reftests/css-grid/grid-fragmentation-027.html
new file mode 100644
index 0000000000..21c9e6a043
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-027.html
@@ -0,0 +1,125 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of a height:auto, small definite min/max-height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-025-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  max-height: 10px;
+  min-height: 20px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px min-content 50px; grid-gap:0;">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+<span style="grid-row:4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px;">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:5"><x></x></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-028-ref.html b/layout/reftests/css-grid/grid-fragmentation-028-ref.html
new file mode 100644
index 0000000000..a03221df84
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-028-ref.html
@@ -0,0 +1,172 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of a height:auto, small definite min-height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: space-evenly;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-top-width:0; border-bottom-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0;">
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 50px; grid-gap:0; height:100px">
+<span class="b"><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 50px; grid-gap:0; height:100px">
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0; height:6px">
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 80px; grid-gap:0;">
+<span class="m"><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 92px; grid-row-gap:0;">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 30px; grid-row-gap:0;">
+<span class="b" style="grid-column:3"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:50px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+<div class="grid b" style="grid-template-rows: 92px; grid-row-gap:0; align-content:start; height:26px;">
+<span class="m"><x></x></span>
+<span class="m" style="height:11px; color:blue; background:blue; margin: 0 1px; border-width:0"></span>
+</div></div>
+<div style="height:69px"></div>
+<div class="grid" style="grid-template-rows: 30px; grid-row-gap:0; align-content:start; height:1px; border-width:0; margin-left:5px;">
+<span class="b"><x></x></span>
+</div>
+</div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 50px; grid-gap:0;">
+</div>
+<div class="grid m" style="grid-template-rows: 1fr; grid-gap:0; height:100px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid b" style="grid-template-rows: 50px; grid-gap:0;">
+<span class="b"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 1fr; grid-gap:0; height:94px">
+<span class="t"><x></x></span>
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span style="height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 80px; grid-gap:0;">
+<span class="m"><x></x></span>
+</div>
+<div style="height:20px"></div>
+<div class="grid b" style="grid-gap:0;">
+<span class="b"><x></x></span>
+<span><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 17px 1fr; grid-row-gap:0; height:94px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span class="t" style="grid-row:1/span 2"><x></x></span>
+</div>
+<div class="grid m" style="grid-template-rows: 92px; grid-row-gap:0; height:92px">
+<span class="m" style="height:10px; background:blue; margin: 0 1px; border-width:0"><x></x></span>
+<span class="m" style="grid-column:3"><x></x></span>
+</div>
+<div style="height:8px"></div>
+<div class="grid b" style="">
+<span><x></x></span>
+<span class="b" style="grid-column:3; height:29px"><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-028.html b/layout/reftests/css-grid/grid-fragmentation-028.html
new file mode 100644
index 0000000000..8305e84f76
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-028.html
@@ -0,0 +1,123 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of a height:auto, small definite min-height grid, forced break growing min-content row</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-028-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  min-height: 20px;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0; min-height:300px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 2"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0; min-height:120px">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px; min-height:120px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px; min-height:120px; max-height:100px">
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow row 2*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 50px min-content 50px; grid-gap:0; min-height:120px">
+<span style="grid-row:2/span 2"><x></x></span>
+<span style="grid-row:2; height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><i></i><i></i><i></i><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 50px; grid-gap:0;">
+<span style="height:50px"><i style="height:60px"></i><x></x></span>
+<span class="avoid-break" style="height:60px"><i></i><i></i><i></i><x></x></span>
+<span style="grid-row:1/span 4"><x></x></span>
+<span style="grid-row:4"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 5px min-content 50px; min-height:200px">
+<span style="grid-row:2; height:50px"><x></x><i style="height:60px"></i></span>
+<span class="avoid-break" style="grid-row:2; height:60px"><x></x><i></i><i></i><i></i></span>
+<span style="grid-row:1/span 5"><x></x></span>
+<span style="grid-row:5"><x></x></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-029-ref.html b/layout/reftests/css-grid/grid-fragmentation-029-ref.html
new file mode 100644
index 0000000000..87843205d5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-029-ref.html
@@ -0,0 +1,205 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation, various edge cases</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: block;
+  border:5px solid;
+  align-content: start;
+}
+span { display:block; height:20px; width:30px; }
+i { display:block; height:10px; background:blue; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-bottom-width:0; border-top-width:0; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height:30px">
+<div style="background:grey">
+<div class="grid t" style="height:25px">
+<span><i style="height:25px"></i></span>
+</div>
+<div class="grid m" style="height:25px">
+<span><i style="height:25px"></i></span>
+</div>
+<div class="grid m" style="height:25px">
+<span><i style="height:10px"></i></span>
+</div>
+<div class="grid b" style="height:25px">
+</div>
+</div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid t" style="height:60px; overflow:hidden">
+<span><i style="overflow:hidden;height:60px"></i></span>
+</div>
+<div class="grid m" style="height:40px">
+<span><i style="height:20px"></i></span>
+</div>
+<div class="grid b" style="height:0px">
+</div>
+</div></div>
+
+<div class="columns" style="height:30px; margin-left:40px">
+<div style="background:grey">
+<div class="grid t" style="height:25px">
+<span><i style="height:25px"></i></span>
+</div>
+<div class="grid m" style="height:25px">
+<span><i style="height:25px"></i></span>
+</div>
+<div class="grid m" style="height:25px">
+<span><i style="height:10px"></i></span>
+</div>
+<div class="grid b" style="height:25px">
+</div>
+</div></div>
+
+<div class="columns" style="height:40px; margin-left:40px">
+<div style="background:grey">
+<div class="grid t" style="height:60px; overflow:hidden">
+<span><i style="overflow:hidden;height:60px"></i></span>
+</div>
+<div class="grid m" style="height:40px">
+<span><i style="height:20px"></i></span>
+</div>
+<div class="grid b" style="height:0px">
+</div>
+</div></div>
+
+<div class="columns" style="height:40px; margin-left:80px">
+<div style="background:grey">
+<div class="grid" style="height:20px">
+<span><i style="overflow:hidden;height:60px"></i></span>
+</div></div>
+<div style="height:10px"></div>
+<div style="margin-left:5px">
+<span><i style="height:20px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px; margin-left:120px">
+<div style="background:grey">
+<div class="grid t" style="height:30px">
+<span><i style="height:30px"></i></span>
+</div>
+<div style="height:35px"></div>
+<div class="grid b" style="height:30px">
+<span><i style="height:50px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid t" style="height:30px">
+<span><i style="height:30px"></i></span>
+</div>
+<div style="height:35px"></div>
+<div class="grid b" style="height:32px">
+<span><i style="height:50px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid t" style="height:45px">
+<span style="height:45px"><i style="height:45px"></i></span>
+</div>
+<div style="height:20px"></div>
+<div class="grid b" style="height:16px">
+<span style="height:16px"><i style="height:35px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid t" style="height:65px">
+<span style="height:65px"><i style="height:65px"></i></span>
+</div>
+<div class="grid b" style="height:0px">
+<span><i style="height:15px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid t" style="height:60px">
+<span style="height:60px"><i style="height:60px"></i></span>
+</div>
+<div style="height:5px"></div>
+<div class="grid b" style="height:1px">
+<span><i style="height:20px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid t" style="height:61px">
+<span style="height:62px"><i style="height:62px"></i></span>
+</div>
+<div style="height:4px"></div>
+<div class="grid b" style="height:0px">
+<span><i style="height:18px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div style="overflow:hidden">
+<div class="grid" style="height:32px;">
+<span><i style="height:33px;"></i></span>
+</div>
+</div>
+<div class="grid m" style="height:0px">
+<span><i style="height:40px"></i></span>
+</div></div>
+<div style="height:40px"></div>
+<div class="grid m" style="height:0px">
+<span><i style="height:7px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div style="overflow:hidden">
+<div class="grid" style="height:32px;">
+<span><i style="height:33px;"></i></span>
+</div>
+</div>
+<div class="grid m" style="height:0px">
+<span><i style="height:40px"></i></span>
+</div></div>
+<div style="height:40px"></div>
+<div class="grid m" style="height:0px">
+<span><i style="height:7px"></i></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-029.html b/layout/reftests/css-grid/grid-fragmentation-029.html
new file mode 100644
index 0000000000..bf3dafb72b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-029.html
@@ -0,0 +1,139 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation, various edge cases</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-029-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px 30px;
+  grid-auto-rows: 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; height:20px; }
+x { display:block; height:20px;}
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height:30px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 5px; min-height:100px">
+<span><i style="height:60px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 60px; min-height:100px">
+<span><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:30px; margin-left:40px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 5px; height:100px; min-height:100px">
+<span><i style="height:60px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:40px; margin-left:40px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 60px; height:20px; min-height:100px">
+<span><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:40px; margin-left:80px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 60px; height:20px;">
+<span><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px; margin-left:120px">
+<div style="background:grey">
+<div class="grid" style="grid-gap:2px; min-height:50px">
+<span style="grid-row:span 2"><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid" style="grid-gap:2px; height:62px">
+<span style="grid-row:span 2"><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 30px 15px 16px; grid-gap:0; height:61px">
+<span style="grid-row:span 2; height:auto"><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 30px 35px 0px; grid-gap:0; height:61px">
+<span style="grid-row:span 2; height:auto"><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 30px 30px 1px; grid-gap:0; height:61px">
+<span style="grid-row:span 2; height:auto"><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:70px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 30px 30px 2px 10px; grid-gap:0; height:61px">
+<span style="grid-row:span 3; height:auto"><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 33px 30px; max-height:32px;">
+<span><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+<div class="columns" style="height:40px">
+<div style="background:grey">
+<div class="grid" style="grid-template-rows: 33px 30px; min-height:32px; max-height:0px;">
+<span><i style="height:80px"></i></span>
+</div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-030-ref.html b/layout/reftests/css-grid/grid-fragmentation-030-ref.html
new file mode 100644
index 0000000000..56a2e87a07
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-030-ref.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation of a height:auto, growing min-content row that makes the grid container break</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  max-height: 20px;
+  grid-template-columns: 30px 30px 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:90px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:89px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:94px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:95px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:200px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:none;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-030.html b/layout/reftests/css-grid/grid-fragmentation-030.html
new file mode 100644
index 0000000000..ddd5165ab1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-030.html
@@ -0,0 +1,112 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation of a height:auto, growing min-content row that makes the grid container break</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-030-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  max-height: 20px;
+  grid-template-columns: 30px 30px 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; max-height:90px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; max-height:89px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; max-height:94px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; max-height:95px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; max-height:200px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; max-height:none;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-031-ref.html b/layout/reftests/css-grid/grid-fragmentation-031-ref.html
new file mode 100644
index 0000000000..2de2e660be
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-031-ref.html
@@ -0,0 +1,113 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Fragmentation with specified grid height, growing min-content row that makes the grid container break</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  max-height: 20px;
+  grid-template-columns: 30px 30px 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.t { border-bottom-width:0; }
+.b { border-top-width:0; }
+.m { border-bottom-width:0; border-top-width:0; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 94px; grid-gap:0; height:90px; max-height:90px; ">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+</div>
+<div style="height:4px"></div>
+<div class="grid b" style="height:0px;grid-template-rows: 10px;"><span></span></div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:89px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 94px; grid-gap:0; height:94px; max-height:94px; ">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+</div>
+<div class="grid b" style="height:0px;grid-template-rows: 10px;"><span></span></div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0; max-height:95px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: 94px 10px; grid-gap:0;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid t" style="grid-template-rows: 94px; grid-gap:0; height:90px; max-height:90px; ">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+</div>
+<div style="height:4px"></div>
+<div class="grid b" style="height:0px;grid-template-rows: 10px;"><span></span></div>
+</div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-031.html b/layout/reftests/css-grid/grid-fragmentation-031.html
new file mode 100644
index 0000000000..d1c721edbd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-031.html
@@ -0,0 +1,112 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Fragmentation with specified grid height, growing min-content row that makes the grid container break</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-031-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { overflow:hidden; }
+
+.columns {
+  position:relative;
+      -ms-columns: 5;
+  -webkit-columns: 5;
+          columns: 5;
+      -ms-column-fill: auto;
+  -webkit-column-fill: auto;
+          column-fill: auto;
+  border: 2px solid salmon;
+  margin-bottom: 5px;
+}
+
+.grid {
+  display: grid;
+  height: 20px;
+  grid-template-columns: 30px 30px 30px;
+  grid-gap: 12px;
+  border:5px solid;
+  align-content: start;
+}
+span { background:lime; border:1px solid black; }
+x { display:block; height:20px; }
+.avoid-break { page-break-inside:avoid; break-inside:avoid; }
+
+i { display:block; height:10px; margin-top:7px; background:blue; }
+</style>
+</head>
+<body>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; height:90px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; height:89px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; height:94px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; height:95px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; max-height:50px;">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"><x></x></span>
+</div>
+</div></div>
+
+<div class="columns" style="height: 100px/*trigger IsInlineBreakBefore() for the item: grow the row*/">
+<div style="padding-top:1px; background:grey">
+<div class="grid" style="grid-template-rows: min-content 10px; grid-gap:0; min-height:90px">
+<span></span>
+<span class="avoid-break" style="height:60px"><i></i><x></x><i></i><x></x><i></i><x></x></span>
+<span style="grid-row:2;"></span>
+</div>
+</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-002.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-002.html
new file mode 100644
index 0000000000..7019e147e0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-002.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 002 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-002-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-002.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-006.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-006.html
new file mode 100644
index 0000000000..66d8c3d7da
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-006.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 006 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-006-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-006.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-015.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-015.html
new file mode 100644
index 0000000000..e5e10fb59d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-015.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 015 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-015-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-015.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-016.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-016.html
new file mode 100644
index 0000000000..73838b3591
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-016.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 016 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-016-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-016.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-019.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-019.html
new file mode 100644
index 0000000000..81b2b963d9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-019.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 019 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-019-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-019.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-020.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-020.html
new file mode 100644
index 0000000000..7d8f610225
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-020.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 020 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-020-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-020.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-021.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-021.html
new file mode 100644
index 0000000000..a7575468e7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-021.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 021 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-021-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-021.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-023.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-023.html
new file mode 100644
index 0000000000..b63495a37a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-023.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 023 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-023-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-023.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-024.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-024.html
new file mode 100644
index 0000000000..aed871c410
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-024.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 024 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-024-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-024.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-026.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-026.html
new file mode 100644
index 0000000000..a375918ec4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-026.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 026 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-026-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-026.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-027.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-027.html
new file mode 100644
index 0000000000..7f29c3f94f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-027.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 027 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-027-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-027.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-028.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-028.html
new file mode 100644
index 0000000000..61a3631712
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-028.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 028 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-028-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-028.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn1-029.html b/layout/reftests/css-grid/grid-fragmentation-dyn1-029.html
new file mode 100644
index 0000000000..9dcc1536bb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn1-029.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 029 dynamic remove/insert first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-029-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn1('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-029.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-018.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-018.html
new file mode 100644
index 0000000000..be7712a7cf
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-018.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 018 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-018-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-018.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-019.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-019.html
new file mode 100644
index 0000000000..e747146f7f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-019.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 019 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-019-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-019.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-020.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-020.html
new file mode 100644
index 0000000000..47ab75baaa
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-020.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 020 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-020-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-020.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-021.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-021.html
new file mode 100644
index 0000000000..cc920ed75e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-021.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 021 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-021-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-021.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-022.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-022.html
new file mode 100644
index 0000000000..c34c67c544
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-022.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 022 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-022-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-022.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-023.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-023.html
new file mode 100644
index 0000000000..e6a7c710e5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-023.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 023 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-023-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-023.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-025.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-025.html
new file mode 100644
index 0000000000..0ab6a8a265
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-025.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 025 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-025-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-025.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-026.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-026.html
new file mode 100644
index 0000000000..2603af3032
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-026.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 026 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-026-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-026.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-027.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-027.html
new file mode 100644
index 0000000000..21094d0b1f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-027.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 027 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-027-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-027.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-028.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-028.html
new file mode 100644
index 0000000000..385ce94f24
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-028.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 028 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-028-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-028.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-029.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-029.html
new file mode 100644
index 0000000000..42300f2c62
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-029.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 029 dynamic insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-029-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-029.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-030.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-030.html
new file mode 100644
index 0000000000..1f23153343
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-030.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 030 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-030-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-030.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn2-031.html b/layout/reftests/css-grid/grid-fragmentation-dyn2-031.html
new file mode 100644
index 0000000000..a46f653ff4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn2-031.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 031 dynamic insert/remove dummy new first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-031-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn2('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-031.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-001.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-001.html
new file mode 100644
index 0000000000..22ef7c028e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-001.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 001 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-001-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-001.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-002.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-002.html
new file mode 100644
index 0000000000..f9439082ab
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-002.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 002 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-002-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-002.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-003.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-003.html
new file mode 100644
index 0000000000..c9b96cb959
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-003.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 001 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-003-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-003.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-007.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-007.html
new file mode 100644
index 0000000000..4cc3e81108
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-007.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 007 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-007-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-007.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-009.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-009.html
new file mode 100644
index 0000000000..c739cfa115
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-009.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 009 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-009-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-009.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-017.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-017.html
new file mode 100644
index 0000000000..04bbda573d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-017.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 017 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-017-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-017.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-019.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-019.html
new file mode 100644
index 0000000000..f285b8a05b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-019.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 019 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-019-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-019.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-021.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-021.html
new file mode 100644
index 0000000000..a72bf9f028
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-021.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 021 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-021-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-021.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-023.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-023.html
new file mode 100644
index 0000000000..aa39a5fc04
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-023.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 023 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-023-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-023.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-026.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-026.html
new file mode 100644
index 0000000000..23178492c4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-026.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 026 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-026-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-026.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-027.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-027.html
new file mode 100644
index 0000000000..318b364cb4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-027.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 027 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-027-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-027.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn3-028.html b/layout/reftests/css-grid/grid-fragmentation-dyn3-028.html
new file mode 100644
index 0000000000..a2965813d2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn3-028.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 028 dynamic remove/insert second item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-028-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn3('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-028.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-001.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-001.html
new file mode 100644
index 0000000000..ff008156f0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-001.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 001 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-001-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-001.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-004.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-004.html
new file mode 100644
index 0000000000..3543a7b6dc
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-004.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 004 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-004-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-004.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-005.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-005.html
new file mode 100644
index 0000000000..ef2c7e630b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-005.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 005 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-004-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-005.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-015.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-015.html
new file mode 100644
index 0000000000..8dca11143c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-015.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 015 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-015-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-015.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-019.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-019.html
new file mode 100644
index 0000000000..a7cee1f084
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-019.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 019 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-019-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-019.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-021.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-021.html
new file mode 100644
index 0000000000..2718ce19e3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-021.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 021 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-021-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-021.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-023.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-023.html
new file mode 100644
index 0000000000..9edfa68e7d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-023.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 023 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-023-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-023.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-026.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-026.html
new file mode 100644
index 0000000000..292ac216bf
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-026.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 026 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-026-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-026.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-027.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-027.html
new file mode 100644
index 0000000000..91d2aab712
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-027.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 027 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-027-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-027.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn4-028.html b/layout/reftests/css-grid/grid-fragmentation-dyn4-028.html
new file mode 100644
index 0000000000..b8cfc3dd72
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn4-028.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 028 dynamic remove/insert second item, then insert/remove dummy first item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-028-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn4('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-028.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-005.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-005.html
new file mode 100644
index 0000000000..9dbcb006af
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-005.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 005 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-004-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-005.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-007.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-007.html
new file mode 100644
index 0000000000..1d84d051d5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-007.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 007 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-007-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-007.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-008.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-008.html
new file mode 100644
index 0000000000..432e4ce49e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-008.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 008 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-008-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-008.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-016.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-016.html
new file mode 100644
index 0000000000..36731825b7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-016.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 016 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-004-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-016.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-019.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-019.html
new file mode 100644
index 0000000000..47b6c9aae5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-019.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 019 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-019-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-019.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-021.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-021.html
new file mode 100644
index 0000000000..655ab4ee12
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-021.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 021 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-021-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-021.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-023.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-023.html
new file mode 100644
index 0000000000..ba38865939
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-023.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 023 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-023-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-023.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-026.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-026.html
new file mode 100644
index 0000000000..59334df534
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-026.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 026 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-026-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-026.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-027.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-027.html
new file mode 100644
index 0000000000..312a773cc4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-027.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 027 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-027-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-027.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-fragmentation-dyn5-028.html b/layout/reftests/css-grid/grid-fragmentation-dyn5-028.html
new file mode 100644
index 0000000000..4e449c72de
--- /dev/null
+++ b/layout/reftests/css-grid/grid-fragmentation-dyn5-028.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: test 028 dynamic insert/remove 20 dummy items at the start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#pagination">
+  <link rel="match" href="grid-fragmentation-028-ref.html">
+
+<script src="support/dyn.js"></script>
+<script>
+function runTest(text) {
+  document.body.innerHTML = text;
+  dyn5('.grid');
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+<body onload='dynamicTest("grid-fragmentation-028.html", runTest)'></body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-001-ref.html b/layout/reftests/css-grid/grid-item-align-001-ref.html
new file mode 100644
index 0000000000..e1d9172304
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-001-ref.html
@@ -0,0 +1,186 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: align-self (part 1 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  inline-size: 36px;
+  block-size: 25px;
+  margin-right: 4px;
+}
+
+span {
+  display: block;
+  position: relative;
+  z-index: 1;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  inset-inline-start: 1px;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: white;
+}
+abs1 {
+  border-block-start-width: 3px;
+  border-block-end-width: 2px;
+  border-inline-start-width: 1px;
+  border-inline-end-width: 3px;
+  border-style: solid;
+  border-color: lightgrey;
+}
+abs2 { display:none; }
+abs3 { display:none;  }
+abs4 { display:none;  }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart,.aflexstart,.aleft,.aright,.astretch1,.astretch2,.astretch2,.astretch3,
+.astretch4,.astretch5,.astretch6,.astretch7,.aauto {
+  inset-block-start: 3px;
+}
+
+.aend,.aflexend { inset-block-start: 9px; }
+.acenter {  inset-block-start: 5px; margin-block-start:2px; }
+
+.hl .astretch2, .hr .astretch2 { height: 15px; }
+.hl .astretch3, .hr .astretch3 { height: 15px; }
+
+.astretch2 { width:13px; height:auto; }
+.astretch3 { height:auto; }
+.astretch4 { width:0; }
+.astretch5 { width:0; }
+.astretch6 { height:9px; }
+.astretch7 { width:0; height:9px; }
+
+.hl .hr {margin-left:4px;}
+.hl .vl {inset-block-start: 1px; inset-inline-start:3px;}
+.hl .vl.aend, .hl .vl.aflexend { margin-top: 7px; }
+.hl .vl.acenter { margin-top:4px; }
+
+.hl .vr {margin-left:6px; margin-top:3px; }
+.hl .vr.aend, .hl .vr.aflexend {margin-left:12px; margin-top:9px; }
+.hl .vr.acenter {margin-left:8px; margin-top:6px; }
+
+.hl .vlr { margin-left:0px;  margin-top:5px; }
+.hl .vlr.aend, .hl .vlr.aflexend {margin-left:-6px; margin-top:11px; }
+.hl .vlr.acenter {margin-left:-2px; margin-top:8px; }
+
+.hl .vrl { margin-left:6px;  margin-top:3px; }
+.hl .vrl.aend, .hl .vrl.aflexend {margin-left:12px; margin-top:9px; }
+.hl .vrl.acenter {margin-left:8px; margin-top:6px; }
+
+.hr .hl {margin-right:3px}
+
+.hr .vl {margin-right:5px; margin-top:5px; }
+.hr .vl.aend, .hr .vl.aflexend {margin-right:11px; margin-top:11px; }
+.hr .vl.acenter {margin-right:7px; margin-top:8px; }
+
+.hr .vr {margin-top:5px; margin-right:-1px; }
+.hr .vr.aend, .hr .vr.aflexend {margin-top:11px; margin-right:-7px; }
+.hr .vr.acenter {margin-top:8px; margin-right:-3px; }
+.hr .vr.astretch6, .hr .vr.astretch7 { margin-right:-1px; }
+
+.hr .vlr {margin-top:5px; margin-right:5px;  }
+.hr .vlr.aend, .hr .vlr.aflexend {margin-top:11px; margin-right:11px; }
+.hr .vlr.acenter {margin-top:8px; margin-right:7px; }
+
+.hr .vrl {margin-top:3px; margin-right:-1px;  }
+.hr .vrl.aend, .hr .vrl.aflexend {margin-top:9px; margin-right:-7px; }
+.hr .vrl.acenter {margin-top:6px; margin-right:-3px; }
+
+.vl span { inset-block-start: 1px; inset-inline-start: 3px; }
+.vl .astretch4 { width:15px; }
+.vl .astretch5 { width:13px; }
+
+.vl .hl.aend, .vl .hl.aflexend { margin-left:4px; }
+.vl .hl.acenter { margin-left:3px; margin-top:1px; }
+.vl .astretch6, .vl .astretch7 { height:0px; }
+.vl .hr.astretch6, .vl .hr.astretch7 { height:0px; }
+
+.vl .hr { margin-left:8px; }
+.vl .hr.aend, .vl .hr.aflexend { margin-left:10px; }
+.vl .hr.acenter { margin-left:9px; margin-top:1px; }
+
+.vl .vl { margin-top:-1px; margin-left:4px; }
+.vl .vl.aend, .vl .vl.aflexend { margin-left:6px; }
+.vl .vl.acenter { margin-left:5px; margin-top:-1px; }
+.vl .astretch7 { width:13px; }
+
+.vl .vl.astretch2,  .vl .vl.astretch3,
+.vl .vr.astretch2,  .vl .vr.astretch3,
+.vl .vlr.astretch2, .vl .vlr.astretch3,
+.vl .vrl.astretch2, .vl .vrl.astretch3 { height:0px; }
+
+.vl .vr  { margin-top:-1px; margin-left:6px;  }
+.vl .vr.aend, .vl .vr.aflexend { margin-left:8px; }
+.vl .vr.acenter { margin-left:7px; margin-top:-1px; }
+
+.vl .vlr { margin-top:5px; margin-left:4px;  }
+.vl .vlr.aend, .vl .vlr.aflexend { margin-left:6px; }
+.vl .vlr.acenter { margin-left:5px; }
+
+.vl .vrl { margin-top:-1px; margin-left:6px;  }
+.vl .vrl.aend, .vl .vrl.aflexend { margin-left:8px; }
+.vl .vrl.acenter { margin-left:7px; }
+
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // grid-item-align-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-001.html b/layout/reftests/css-grid/grid-item-align-001.html
new file mode 100644
index 0000000000..249f7b3954
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-001.html
@@ -0,0 +1,107 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: align-self (part 1 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="grid-item-align-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 20px 2px / 1px 32px 3px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // grid-item-align-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-002-ref.html b/layout/reftests/css-grid/grid-item-align-002-ref.html
new file mode 100644
index 0000000000..de59dea26d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-002-ref.html
@@ -0,0 +1,127 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: align-self (part 2 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  inline-size: 36px;
+  block-size: 25px;
+  margin-right: 4px;
+  background: lightgrey;
+}
+wrap {
+  display: block;
+  position: relative;
+  inset-inline-start:1px;
+  background: white;
+  block-size:20px;
+  inline-size:32px;
+  border-block-start: 3px solid lightgrey;
+}
+
+span {
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;display:none;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { margin-right:2px; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:0; }
+.astretch3 { align-self:stretch; height:0; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:0; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:0; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+.vr .aend, .vr .aflexend { margin-right:3px; }
+.vlr .aend, .vlr .aflexend { margin-left:4px; }
+.vlr .acenter { margin-left:3px; }
+.vrl .aend, .vrl .aflexend { margin-right:3px; }
+
+.astretch6 { width:13px; }
+.astretch5 { width:14px; }
+.astretch4, .astretch7 { width:15px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // grid-item-align-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var wrap = document.createElement("wrap");
+      div.appendChild(wrap);
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      wrap.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-002.html b/layout/reftests/css-grid/grid-item-align-002.html
new file mode 100644
index 0000000000..1d923678e0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-002.html
@@ -0,0 +1,108 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: align-self (part 2 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="grid-item-align-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 3px 20px 2px / 1px 32px 3px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // grid-item-align-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-003-ref.html b/layout/reftests/css-grid/grid-item-align-003-ref.html
new file mode 100644
index 0000000000..a2f14f869e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-003-ref.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: align-self with overflow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { margin:40px; }
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  inline-size: 36px;
+  block-size: 25px;
+  margin-right: 20px;
+  margin-bottom: 20px;
+}
+wrap {
+  display: block;
+  position: relative;
+  inset-inline-start:1px;
+  background: white;
+  block-size:20px;
+  inline-size:32px;
+  border-block-start: 3px solid lightgrey;
+}
+
+span {
+  display: block;
+  position: absolute;
+  width: 40px;
+  height: 30px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { bottom: 22px; }
+abs2 { top: 23px; }
+abs3 { left: 33px; }
+abs4 { right: 35px; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.unsafe.hl.aend,  .unsafe.hl.aflexend  { inset-block-start:-15px; }
+.unsafe.vrl.aend, .unsafe.vrl.aflexend { inset-inline-start:-15px; }
+.unsafe.hl.acenter { inset-block-start:-7px; }
+.unsafe.vrl.acenter { inset-inline-start:-7px; }
+.astretch2 { width:40px; height:15px; }
+.astretch3 { height:15px; }
+.astretch4 { width:0; }
+.astretch5 { width:0; max-width:38px; }
+.astretch6 { height:15px; max-height:30px; }
+.astretch7 { width:0; height:15px; max-width:38px; max-height:30px; }
+
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl" ];
+var wm = [ "hl unsafe", "vrl unsafe", "hl safe", "vrl safe" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var wrap = document.createElement("wrap");
+      div.appendChild(wrap);
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      wrap.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-003.html b/layout/reftests/css-grid/grid-item-align-003.html
new file mode 100644
index 0000000000..daeb8cc8e9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-003.html
@@ -0,0 +1,128 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: align-self with overflow</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="grid-item-align-003-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+body { margin:40px; }
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 3px 20px 2px / 1px 32px 3px;
+  margin-right: 20px;
+  margin-bottom: 20px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center grid area */
+  display: block;
+  width: 40px;
+  height: 30px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:unsafe start; }
+.aend { align-self:unsafe end; }
+.aflexstart { align-self:unsafe flex-start; }
+.aflexend { align-self:unsafe flex-end; }
+.aselfstart { align-self:unsafe self-start; }
+.aselfend { align-self:unsafe self-end; }
+.acenter { align-self:unsafe center; }
+.aleft { align-self:unsafe left; }
+.aright { align-self:unsafe right; }
+.astretch1 { align-self:unsafe stretch; }
+.astretch2 { align-self:unsafe stretch; width:40px; height:auto; }
+.astretch3 { align-self:unsafe stretch; height:auto; }
+.astretch4 { align-self:unsafe stretch; width:auto; }
+.astretch5 { align-self:unsafe stretch; width:auto; max-width:38px; }
+.astretch6 { align-self:unsafe stretch; height:auto; max-height:30px; }
+.astretch7 { align-self:unsafe stretch; width:auto; height:auto; max-width:38px; max-height:30px; }
+.aauto { align-self:auto; }
+
+.safe.astart { align-self:safe start; }
+.safe.aend { align-self:safe end; }
+.safe.aflexstart { align-self:safe flex-start; }
+.safe.aflexend { align-self:safe flex-end; }
+.safe.aselfstart { align-self:safe self-start; }
+.safe.aselfend { align-self:safe self-end; }
+.safe.acenter { align-self:safe center; }
+.safe.aleft { align-self:safe left; }
+.safe.aright { align-self:safe right; }
+.safe.astretch1 { align-self:safe stretch; }
+.safe.astretch2 { align-self:safe stretch; }
+.safe.astretch3 { align-self:safe stretch; }
+.safe.astretch4 { align-self:safe stretch; }
+.safe.astretch5 { align-self:safe stretch; }
+.safe.astretch6 { align-self:safe stretch; }
+.safe.astretch7 { align-self:safe stretch; }
+
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl" ];
+var wm = [ "hl", "vrl", "hl safe", "vrl safe" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-dynamic-pos-001-ref.html b/layout/reftests/css-grid/grid-item-align-dynamic-pos-001-ref.html
new file mode 100644
index 0000000000..9c76a04314
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-dynamic-pos-001-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: dynamic change .left on abs.pos. item w. align-self:center</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  position: relative;
+  background: lightgrey;
+  grid: 50px 50px / 50px 50px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: center;
+  left: 20px;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+  <div id="item">X</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-dynamic-pos-001.html b/layout/reftests/css-grid/grid-item-align-dynamic-pos-001.html
new file mode 100644
index 0000000000..0ae5584435
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-dynamic-pos-001.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Grid Test: dynamic change .left on abs.pos. item w. align-self:center</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="grid-item-align-dynamic-pos-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  position: relative;
+  background: lightgrey;
+  grid: 50px 50px / 50px 50px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: center;
+  left: 10px;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+  <div id="item">X</div>
+</div>
+
+<script>
+  document.body.offsetLeft;
+  var items = Array.prototype.slice.call(document.querySelectorAll('#item'));
+  items.map(item =>  item.style.left = "20px");
+  document.body.offsetLeft;
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-dynamic-pos-002-ref.html b/layout/reftests/css-grid/grid-item-align-dynamic-pos-002-ref.html
new file mode 100644
index 0000000000..3e5868d8b1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-dynamic-pos-002-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: dynamic change .left on abs.pos. item w. align-self:end</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  position: relative;
+  background: lightgrey;
+  grid: 50px 50px / 50px 50px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: end;
+  left: 20px;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+  <div id="item">X</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-dynamic-pos-002.html b/layout/reftests/css-grid/grid-item-align-dynamic-pos-002.html
new file mode 100644
index 0000000000..8659dcd619
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-dynamic-pos-002.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Grid Test: dynamic change .left on abs.pos. item w. align-self:end</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="grid-item-align-dynamic-pos-002-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  background: lightgrey;
+  grid: 50px 50px / 50px 50px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: end;
+  left: 10px;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+  <div id="item">X</div>
+</div>
+
+<script>
+  document.body.offsetLeft;
+  var items = Array.prototype.slice.call(document.querySelectorAll('#item'));
+  items.map(item =>  item.style.left = "20px");
+  document.body.offsetLeft;
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-dynamic-pos-003-ref.html b/layout/reftests/css-grid/grid-item-align-dynamic-pos-003-ref.html
new file mode 100644
index 0000000000..b25750147c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-dynamic-pos-003-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: dynamic change .left on abs.pos. item w. align-self:start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  position: relative;
+  background: lightgrey;
+  grid: 50px 50px / 50px 50px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: start;
+  left: 20px;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+  <div style="align-self: start; font-size:32pt">X</div>
+  <div id="item" style="grid-area:2/2">X</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-align-dynamic-pos-003.html b/layout/reftests/css-grid/grid-item-align-dynamic-pos-003.html
new file mode 100644
index 0000000000..1643494c9b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-align-dynamic-pos-003.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Grid Test: dynamic change .left on abs.pos. item w. align-self:start</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="grid-item-align-dynamic-pos-003-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.grid {
+  display: inline-grid;
+  position: relative;
+  background: lightgrey;
+  grid: 50px 50px / 50px 50px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: start;
+  left: 10px;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+  <div style="align-self: start; font-size:32pt">X</div>
+  <div id="item" style="grid-area:2/2">X</div>
+</div>
+
+<script>
+  document.body.offsetLeft;
+  var items = Array.prototype.slice.call(document.querySelectorAll('#item'));
+  items.map(item =>  item.style.left = "20px");
+  document.body.offsetLeft;
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-001-ref.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-001-ref.html
new file mode 100644
index 0000000000..9429f008e9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-001-ref.html
@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Clamp 'automatic minimum size' to definite max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+.a.grid {
+  width: 34px;
+}
+.a.grid.max {
+  width: 54px;
+}
+.larger .a.grid {
+  width: 51px;
+}
+.larger .a.grid.max {
+  width: 64px;
+}
+.a2.grid {
+  width: 31px;
+}
+.larger .a2.grid {
+  width: 51px;
+}
+.grid.sz.max {
+  width: 40px;
+}
+.larger .grid.max.a span {
+  width:20px;
+}
+.larger .grid.max.a2 span {
+  width:20px;
+}
+
+span {
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+  background-clip: content-box;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.grid.max span {
+  width:20px;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+  width: 20px;
+  height: 32px;
+}
+.stretch.larger .grid .span2 {
+  width: 33px;
+  height: 39px;
+}
+.stretch.larger .grid.sz .span2 {
+  width: 22px;
+  height: 32px;
+}
+.stretch.larger .grid.definite .span2 {
+  width: 33px;
+  height: 39px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+c {
+  display: block;
+  width: 20px;
+  height: 32px;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid a"><x></x><span><c>X</c></span></div>
+<div class="grid definite"><x></x><span><c>X</c></span></div>
+<div class="grid a2"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid sz"><x></x><span><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span><c>X</c></span></div>
+<div class="grid sz"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+<div class="grid min"><x></x><span><c>X</c></span></div>
+<div class="grid min"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz min"><x></x><span><c>X</c></span></div>
+<div class="grid sz min"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid a max"><x></x><span><c>X</c></span></div>
+<div class="grid max"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid a2 sz max"><x></x><span><c>X</c></span></div>
+<div class="grid sz max"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-001.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-001.html
new file mode 100644
index 0000000000..1e4976bb1c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-001.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Clamp 'automatic minimum size' to definite max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-auto-min-size-clamp-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+span {
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+  background-clip: content-box;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+c {
+  display: block;
+  width: 20px;
+  height: 32px;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><span><c>X</c></span></div>
+<div class="grid definite"><x></x><span><c>X</c></span></div>
+<div class="grid"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid sz"><x></x><span><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span><c>X</c></span></div>
+<div class="grid sz"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+<div class="grid min"><x></x><span><c>X</c></span></div>
+<div class="grid min"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz min"><x></x><span><c>X</c></span></div>
+<div class="grid sz min"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid max"><x></x><span><c>X</c></span></div>
+<div class="grid max"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz max"><x></x><span><c>X</c></span></div>
+<div class="grid sz max"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-002-ref.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-002-ref.html
new file mode 100644
index 0000000000..3af5182798
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-002-ref.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Clamp 'automatic minimum size' to definite max-sizing for orthogonal item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-left: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+.grid.a.max {
+  height:61px;
+}
+.larger .grid.a.max {
+  height:79px;
+}
+
+span {
+  writing-mode: vertical-rl;
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+  background-clip: content-box;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+  width: 20px;
+  height: 32px;
+}
+.stretch.larger .grid .span2 {
+  width: 33px;
+  height: 39px;
+}
+.stretch.larger .grid.sz .span2 {
+  width: 22px;
+  height: 32px;
+}
+.stretch.larger .grid.definite .span2 {
+  width: 33px;
+  height: 39px;
+}
+.grid.max span {
+  height:32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+c {
+  display: block;
+  width: 20px;
+  height: 32px;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><span><c>X</c></span></div>
+<div class="grid definite"><x></x><span><c>X</c></span></div>
+<div class="grid"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid sz"><x></x><span><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span><c>X</c></span></div>
+<div class="grid sz"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+<div class="grid min"><x></x><span><c>X</c></span></div>
+<div class="grid min"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz min"><x></x><span><c>X</c></span></div>
+<div class="grid sz min"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid a max"><x></x><span><c>X</c></span></div>
+<div class="grid max"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz max"><x></x><span><c>X</c></span></div>
+<div class="grid sz max"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-002.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-002.html
new file mode 100644
index 0000000000..ffdc0317df
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-002.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Clamp 'automatic minimum size' to definite max-sizing for orthogonal item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-auto-min-size-clamp-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-left: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+span {
+  writing-mode: vertical-rl;
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+  background-clip: content-box;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+c {
+  display: block;
+  width: 20px;
+  height: 32px;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><span><c>X</c></span></div>
+<div class="grid definite"><x></x><span><c>X</c></span></div>
+<div class="grid"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid sz"><x></x><span><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span><c>X</c></span></div>
+<div class="grid sz"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+<div class="grid min"><x></x><span><c>X</c></span></div>
+<div class="grid min"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz min"><x></x><span><c>X</c></span></div>
+<div class="grid sz min"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid max"><x></x><span><c>X</c></span></div>
+<div class="grid max"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz max"><x></x><span><c>X</c></span></div>
+<div class="grid sz max"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-003-ref.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-003-ref.html
new file mode 100644
index 0000000000..cdc26205bc
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-003-ref.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Clamp 'automatic minimum size' to definite max-sizing for intrinsic ratio item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+img {
+  grid-area: 1 / 1;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+  min-width: 0;
+  min-height: 0;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid a"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid a2"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid sz"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+<div class="grid min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid x1 max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid x1 sz max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+
+<script>
+var imgSizes =
+[
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['0px', '0px'],
+  ['0px', '0px'],
+  ['13px', '3px'],
+  ['13px', '3px'],
+  ['0px', '0px'],
+  ['0px', '0px'],
+  ['13px', '3px'],
+  ['13px', '3px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['7px', '10px'],
+  ['7px', '10px'],
+  ['33px', '39px'],
+  ['33px', '39px'],
+  ['7px', '10px'],
+  ['7px', '10px'],
+  ['22px', '32px'],
+  ['33px', '39px'],
+  ['20px', '32px'],
+  ['33px', '39px'],
+  ['20px', '32px'],
+  ['22px', '32px'],
+  ['20px', '32px'],
+  ['33px', '39px'],
+  ['20px', '32px'],
+  ['22px', '32px'],
+];
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  imgs[i].style.width = imgSizes[i][0];
+  imgs[i].style.height = imgSizes[i][1];
+}
+
+
+var track_sizes =
+[
+  ['18px 10px / 18px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['18px 10px / 18px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['50px 10px / 38px 15px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['50px 10px / 38px 15px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 11px / 25px 14px'],
+  ['28px 28px / 25px 25px'],
+  ['24.5px 24.5px / 19.5px 19.5px'],
+  ['28px 28px / 25px 25px'],
+  ['50px 28px / 38px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 19.5px 19.5px'],
+  ['50px 28px / 38px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 19.5px 19.5px'],
+  ['18px 10px / 18px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['18px 10px / 18px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['10px 10px / 15px 15px'],
+  ['50px 10px / 38px 15px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['50px 10px / 38px 15px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 18.5px 18.5px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['28px 11px / 25px 14px'],
+  ['28px 28px / 25px 25px'],
+  ['24.5px 24.5px / 19.5px 19.5px'],
+  ['28px 28px / 25px 25px'],
+  ['50px 28px / 38px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 19.5px 19.5px'],
+  ['50px 28px / 38px 25px'],
+  ['28px 28px / 25px 25px'],
+  ['50px 0px / 38px 1px'],
+  ['24.5px 24.5px / 19.5px 19.5px'],
+];
+
+var grids = document.querySelectorAll('.grid');
+for (var i = 0; i < grids.length; ++i) {
+  grids[i].style.grid = track_sizes[i];
+  grids[i].style.gridGap = "1px";
+}
+
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-003.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-003.html
new file mode 100644
index 0000000000..b2d9b5a1c1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-003.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Clamp 'automatic minimum size' to definite max-sizing for intrinsic ratio item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-auto-min-size-clamp-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+img {
+  grid-area: 1 / 1;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid sz"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+<div class="grid min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+<!--
+<script>
+document.body.onload = function() {
+  document.body.clientHeight;
+  var imgs = document.querySelectorAll('img');
+  var s = '  [\n';
+  for (var i = 0; i < imgs.length; ++i) {
+    s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+  }
+  s += ']';
+  console.log(s)
+
+  var grids = document.querySelectorAll('.grid');
+  var s = '  [\n';
+  for (var i = 0; i < grids.length; ++i) {
+    let cs = window.getComputedStyle(grids[i]);
+    s += "  ['"+ cs.gridTemplateRows + " / " + cs.gridTemplateColumns + "'],\n";
+  }
+  s += ']';
+  console.log(s)
+}
+</script>
+-->
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-004-ref.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-004-ref.html
new file mode 100644
index 0000000000..a0bde8fd78
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-004-ref.html
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Clamp 'automatic minimum size' to definite max-sizing for orthogonal intrinsic ratio item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-left: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+.grid.a {
+  width:54px;
+}
+.grid.a2 {
+  width:38px;
+}
+.larger .grid.a {
+  width:64px;
+}
+.larger .grid.a2 {
+  width:51px;
+}
+.grid.x1 {
+  grid-template-columns:38px 15px;
+}
+.larger .grid.x1 {
+  grid-template-columns:38px 25px;
+}
+.grid.x2, .grid.x3 {
+  grid-template-columns:18.5px 18.5px;
+}
+.larger .grid.x2 {
+  grid-template-columns:25px 25px;
+}
+.larger .grid.x3 {
+  grid-template-columns:19.5px 19.5px;
+}
+
+img {
+  writing-mode: vertical-rl;
+  grid-area: 1 / 1;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+  width: 0;
+  height: 0;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid a"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid a2"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid sz"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+<div class="grid min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid x1 max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid x2 max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid x1 sz max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid x3 sz max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+<script>
+var imgSizes =
+[
+  ['0px', '0px'],
+  ['0px', '0px'],
+  ['2px', '3px'],
+  ['2px', '3px'],
+  ['0px', '0px'],
+  ['0px', '0px'],
+  ['2px', '3px'],
+  ['2px', '3px'],
+  ['0px', '0px'],
+  ['2px', '3px'],
+  ['0px', '0px'],
+  ['2px', '3px'],
+  ['13px', '20px'],
+  ['13px', '20px'],
+  ['13px', '20px'],
+  ['13px', '20px'],
+  ['6px', '10px'],
+  ['6px', '10px'],
+  ['20px', '32px'],
+  ['20px', '32px'],
+  ['6px', '10px'],
+  ['6px', '10px'],
+  ['14px', '22px'],
+  ['20px', '32px'],
+  ['6px', '10px'],
+  ['20px', '32px'],
+  ['6px', '10px'],
+  ['14px', '22px'],
+  ['13px', '20px'],
+  ['20px', '32px'],
+  ['13px', '20px'],
+  ['14px', '22px'],
+  ['0px', '0px'],
+  ['0px', '0px'],
+  ['13px', '3px'],
+  ['13px', '3px'],
+  ['0px', '0px'],
+  ['0px', '0px'],
+  ['13px', '3px'],
+  ['13px', '3px'],
+  ['0px', '0px'],
+  ['13px', '3px'],
+  ['0px', '0px'],
+  ['13px', '3px'],
+  ['20px', '20px'],
+  ['20px', '20px'],
+  ['20px', '20px'],
+  ['20px', '20px'],
+  ['7px', '10px'],
+  ['7px', '10px'],
+  ['33px', '39px'],
+  ['33px', '39px'],
+  ['7px', '10px'],
+  ['7px', '10px'],
+  ['22px', '22px'],
+  ['33px', '39px'],
+  ['7px', '10px'],
+  ['33px', '39px'],
+  ['7px', '10px'],
+  ['22px', '22px'],
+  ['20px', '20px'],
+  ['33px', '39px'],
+  ['20px', '20px'],
+  ['22px', '22px'],
+];
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  imgs[i].style.width = imgSizes[i][0];
+  imgs[i].style.height = imgSizes[i][1];
+}
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-004.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-004.html
new file mode 100644
index 0000000000..6ab004cb65
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-004.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Clamp 'automatic minimum size' to definite max-sizing for orthogonal intrinsic ratio item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-auto-min-size-clamp-004-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-left: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+img {
+  writing-mode: vertical-rl;
+  grid-area: 1 / 1;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 3px 5px 7px 1px;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid sz"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+<div class="grid min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+<!--  For generating image size results in -ref file
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-005-ref.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-005-ref.html
new file mode 100644
index 0000000000..6d3e907f54
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-005-ref.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Clamp 'automatic minimum size' to definite max-sizing of block item with margin:auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+span {
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+  background-clip: content-box;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 0;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+
+.larger .grid .span2 {
+  font-size: 16px;
+  width: 20px;
+  height: 32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+c {
+  display: block;
+  width: 20px;
+  height: 32px;
+}
+
+br {
+  clear: both;
+}
+
+.larger .center > span {
+  justify-self: center;
+  align-self: center;
+}
+.larger .ml4 > span {
+  margin-left: 4px;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><span><c>X</c></span></div>
+<div class="grid definite"><x></x><span><c>X</c></span></div>
+<div class="grid center"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid center definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid sz"><x></x><span><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span><c>X</c></span></div>
+<div class="grid ml4 sz"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid center sz definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+<div class="grid min"><x></x><span><c>X</c></span></div>
+<div class="grid center min"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz min"><x></x><span><c>X</c></span></div>
+<div class="grid ml4 sz min"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid max"><x></x><span><c>X</c></span></div>
+<div class="grid center max"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz max"><x></x><span><c>X</c></span></div>
+<div class="grid ml4 sz max"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+/* TODO: sort out https://bugs.chromium.org/p/chromium/issues/detail?id=789927 first
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+*/
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-005.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-005.html
new file mode 100644
index 0000000000..878e7c17c6
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-005.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Clamp 'automatic minimum size' to definite max-sizing of block item with margin:auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-auto-min-size-clamp-005-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+span {
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+  background-clip: content-box;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: auto;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 16px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+c {
+  display: block;
+  width: 20px;
+  height: 32px;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><span><c>X</c></span></div>
+<div class="grid definite"><x></x><span><c>X</c></span></div>
+<div class="grid"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid sz"><x></x><span><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span><c>X</c></span></div>
+<div class="grid sz"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz definite"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+<div class="grid min"><x></x><span><c>X</c></span></div>
+<div class="grid min"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz min"><x></x><span><c>X</c></span></div>
+<div class="grid sz min"><x></x><span class="span2"><c>X</c></span></div>
+
+<div class="grid max"><x></x><span><c>X</c></span></div>
+<div class="grid max"><x></x><span class="span2"><c>X</c></span></div>
+<div class="grid sz max"><x></x><span><c>X</c></span></div>
+<div class="grid sz max"><x></x><span class="span2"><c>X</c></span></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+/* TODO: sort out https://bugs.chromium.org/p/chromium/issues/detail?id=789927 first
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+*/
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-006-ref.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-006-ref.html
new file mode 100644
index 0000000000..4ba01832c9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-006-ref.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Clamp 'automatic minimum size' to definite max-sizing for intrinsic ratio item with margin:auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+img {
+  grid-area: 1 / 1;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: 0;
+  align-self:center;
+  justify-self:center;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+}
+.larger .grid .span2 {
+  width: 20px;
+  height: 32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid sz"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+<div class="grid min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-006.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-006.html
new file mode 100644
index 0000000000..6f67c518bb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-006.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Clamp 'automatic minimum size' to definite max-sizing for intrinsic ratio item with margin:auto</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-auto-min-size-clamp-006-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(auto, 15px));
+  grid-template-rows:    repeat(2,minmax(auto, 10px));
+  grid-gap: 1px;
+  align-items: start;
+  justify-items: start;
+  float: left;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.sz {
+  width: 40px;
+  height: 40px;
+}
+
+.definite {
+  grid-template-columns: repeat(2,15px);
+  grid-template-rows:    repeat(2,10px);
+}
+.min {
+  grid-template-columns: repeat(2,minmax(min-content, 15px));
+  grid-template-rows:    repeat(2,minmax(min-content, 10px));
+}
+.max {
+  grid-template-columns: repeat(2,minmax(max-content, 15px));
+  grid-template-rows:    repeat(2,minmax(max-content, 10px));
+}
+
+.larger .grid {
+  grid-template-columns: repeat(2,minmax(auto, 25px));
+  grid-template-rows:    repeat(2,minmax(auto, 28px));
+}
+.larger .definite {
+  grid-template-columns: repeat(2,25px);
+  grid-template-rows:    repeat(2,28px);
+}
+.larger .min {
+  grid-template-columns: repeat(2,minmax(min-content, 25px));
+  grid-template-rows:    repeat(2,minmax(min-content, 28px));
+}
+.larger .max {
+  grid-template-columns: repeat(2,minmax(max-content, 25px));
+  grid-template-rows:    repeat(2,minmax(max-content, 28px));
+}
+
+.stretch .grid {
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+img {
+  grid-area: 1 / 1;
+  border: 1px solid;
+  padding: 1px 3px 5px 7px;
+  margin: auto;
+}
+.span2 {
+  grid-area: 1 / 1 / span 2 / span 2;
+}
+.larger .grid .span2 {
+  font-size: 32px;
+}
+
+x {
+  grid-area: 1 / 1;
+  min-width: 0;
+  min-height: 0;
+  align-self: stretch;
+  justify-self: stretch;
+  background: cyan;
+}
+
+br {
+  clear: both;
+}
+  </style>
+</head>
+<body>
+
+<div id="tests">
+<div class="grid"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid sz"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz definite"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+<div class="grid min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz min"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<div class="grid max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img src="support/solidblue-20x32.png"></div>
+<div class="grid sz max"><x></x><img class="span2" src="support/solidblue-20x32.png"></div>
+
+<br>
+
+</div>
+
+<script>
+var tests = document.getElementById('tests');
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+var n = tests.cloneNode(true);
+var wrap = document.createElement('div');
+wrap.className = 'stretch larger';
+wrap.appendChild(n);
+document.body.appendChild(wrap);
+
+</script>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-007-ref.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-007-ref.html
new file mode 100644
index 0000000000..fc1821a4ef
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-007-ref.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Clamp 'automatic minimum size' to definite max-sizing for items with specified intrinsic 'width'/'height'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  grid-template-columns: repeat(2,20px);
+  grid-template-rows: repeat(2,20px);
+  align-items: start;
+  justify-items: start;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.c-auto { grid-template-columns: 15px; width: 15px; }
+.c-30 { grid-template-columns: 30px; width: 30px; }
+.r-auto { grid-template-rows: 15px; height: 15px; }
+.r-min { grid-template-rows: 40px; height: 40px; }
+.r-max { grid-template-rows: 40px; height: 40px; }
+span {
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+}
+y {
+  position: absolute;
+  grid-area: 2 / 1 / 3 / 2;
+  top:0;left:0;right:0;
+  height: 10px;
+  background: lightgrey;
+}
+.r y {
+  grid-area: 1 / 2 / 2 / 3;
+  top:0;bottom:0;left:0;
+  width: 10px;
+  height: auto;
+}
+br { clear: both; }
+
+x { display:block; width:30px; height:40px; }
+span { width:15px; }
+.r span { width:20px; }
+.grid.c-30 span, .r.grid.c-30 span { width:30px; }
+.grid.r-auto span { height:40px; }
+.r span { height:15px; }
+.r.r-min span, .r.r-max span { height:40px; }
+  </style>
+</head>
+<body>
+
+<div class="grid c-auto"><y></y><span style="width:30px"><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+<div class="grid c-30"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r r-auto"><y></y><span style="width:30px"><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span style="width:30px"><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span style="width:30px"><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span style="width:30px"><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span style="width:20px"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-auto"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-min"><y></y><span><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-30 r-max"><y></y><span><x>X</x></span></div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-auto-min-size-clamp-007.html b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-007.html
new file mode 100644
index 0000000000..3e24a894de
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-auto-min-size-clamp-007.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Clamp 'automatic minimum size' to definite max-sizing for items with specified intrinsic 'width'/'height'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-auto-min-size-clamp-007-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  grid-template-columns: repeat(2,20px);
+  grid-template-rows: repeat(2,20px);
+  align-items: start;
+  justify-items: start;
+  border: 1px dashed;
+  margin-right: 16px;
+  margin-bottom: 14px;
+}
+.c-auto { grid-template-columns: minmax(auto, 15px); }
+.c-min { grid-template-columns: minmax(min-content, 15px); }
+.c-max { grid-template-columns: minmax(max-content, 15px); }
+.r-auto { grid-template-rows: minmax(auto, 15px); }
+.r-min { grid-template-rows: minmax(min-content, 15px); }
+.r-max { grid-template-rows: minmax(max-content, 15px); }
+span {
+  grid-area: 1 / 1;
+  font-size: 48px;
+  background: grey;
+}
+y {
+  position: absolute;
+  grid-area: 2 / 1 / 3 / 2;
+  top:0;left:0;right:0;
+  height: 10px;
+  background: lightgrey;
+}
+
+.min-content {
+  width: -webkit-min-content;
+  width: min-content;
+}
+.max-content {
+  width: -webkit-max-content;
+  width: max-content;
+}
+.fit-content {
+  width: -moz-fit-content;
+  width: -webkit-fit-content;
+  width: fit-content;
+}
+.fill {
+  width: -moz-available;
+  width: -webkit-fill-available;
+  width: fill;
+}
+
+.r .min-content {
+  height: -webkit-min-content;
+  height: min-content;
+}
+.r .max-content {
+  height: -webkit-max-content;
+  height: max-content;
+}
+.r .fit-content {
+  height: -moz-fit-content;
+  height: -webkit-fit-content;
+  height: fit-content;
+}
+.r .fill {
+  height: -moz-available;
+  height: -webkit-fill-available;
+  height: fill;
+}
+.r y {
+  grid-area: 1 / 2 / 2 / 3;
+  top:0;bottom:0;left:0;
+  width: 10px;
+  height: auto;
+}
+br { clear: both; }
+
+x { display:block; width:30px; height:40px; }
+  </style>
+</head>
+<body>
+
+<div class="grid c-auto"><y></y><span><x>X</x></span></div>
+<div class="grid c-auto"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid c-auto"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid c-auto"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid c-auto"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid c-min"><y></y><span><x>X</x></span></div>
+<div class="grid c-min"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid c-min"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid c-min"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid c-min"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid c-max"><y></y><span><x>X</x></span></div>
+<div class="grid c-max"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid c-max"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid c-max"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid c-max"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r r-auto"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r r-min"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r r-max"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-min r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-min r-auto"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r c-min r-auto"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r c-min r-auto"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r c-min r-auto"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-min r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-min r-min"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r c-min r-min"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r c-min r-min"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r c-min r-min"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-min r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-min r-max"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r c-min r-max"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r c-min r-max"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r c-min r-max"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-max r-auto"><y></y><span><x>X</x></span></div>
+<div class="grid r c-max r-auto"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r c-max r-auto"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r c-max r-auto"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r c-max r-auto"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-max r-min"><y></y><span><x>X</x></span></div>
+<div class="grid r c-max r-min"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r c-max r-min"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r c-max r-min"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r c-max r-min"><y></y><span class="fill"><x>X</x></span></div>
+
+<br>
+
+<div class="grid r c-max r-max"><y></y><span><x>X</x></span></div>
+<div class="grid r c-max r-max"><y></y><span class="min-content"><x>X</x></span></div>
+<div class="grid r c-max r-max"><y></y><span class="max-content"><x>X</x></span></div>
+<div class="grid r c-max r-max"><y></y><span class="fit-content"><x>X</x></span></div>
+<div class="grid r c-max r-max"><y></y><span class="fill"><x>X</x></span></div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-item-blockifying-001-ref.html b/layout/reftests/css-grid/grid-item-blockifying-001-ref.html
new file mode 100644
index 0000000000..19bfa8a431
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-blockifying-001-ref.html
@@ -0,0 +1,312 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Grid item blockifying</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1185140">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-columns: 100px;
+  grid-auto-rows: 2px;
+  justify-content: start;
+  border: 1px solid blue;
+}
+
+x {
+  grid-column: span 2;
+  border:1px solid;
+}
+
+.itable  { display:inline-table; }
+.table   { display:table; }
+.caption { display: block; }
+.cell    { display: block; }
+.row     { display: block; }
+.rowg    { display: block; }
+.head    { display: block; }
+.foot    { display: block; }
+.col     { display: block; }
+.colg    { display: block; }
+
+.flex  { display:flex; }
+.iflex { display:flex; }
+
+.bgrid  { display:grid; }
+.igrid  { display:grid; }
+
+.list  { display:list-item; }
+
+.r   { display: block; }
+.rb  { display: block; }
+.rt  { display: block; }
+.rbc { display: block; }
+.rtc { display: block; }
+
+</style>
+</head>
+<body>
+
+<!-- These should produce two display:block grid items -->
+
+<div class="grid">
+<x class="cell"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="cell"></x>
+<x class="cell"></x>
+</div>
+</div>
+
+<div class="grid">
+<x class="cell"></x>
+<x class="row"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="row"></x>
+<x class="row"></x>
+</div>
+</div>
+
+<div class="grid">
+<x class="row"></x>
+<x class="row"></x>
+</div>
+
+<div class="grid">
+<x class="rowg"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="head"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="col"></x>
+<x class="col"></x>
+</div>
+
+<div class="grid">
+<x class="col"></x>
+<x class="colg"></x>
+</div>
+
+<div class="grid">
+<x class="colg"></x>
+<x class="colg"></x>
+</div>
+
+<div class="grid">
+<x class="cell"></x>
+<x class="col"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="caption"></x>
+<x class="caption"></x>
+</div>
+</div>
+
+<div class="grid">
+<x class="caption"></x>
+<x class="caption"></x>
+</div>
+
+<div class="grid">
+<x class="caption"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<x></x>
+<x></x>
+</div>
+
+<!-- These should produce two display:table grid items -->
+
+<div class="grid">
+<x class="table"></x>
+<x class="table"></x>
+</div>
+
+<div class="grid">
+<x class="itable"></x>
+<x class="itable"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="table"></x>
+<x class="itable"></x>
+</div>
+</div>
+
+<!-- These should produce one display:table grid item and one display:block grid item -->
+
+<div class="grid">
+<x class="table"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<x class="cell"></x>
+<x class="table"></x>
+</div>
+
+<div class="grid">
+<x class="itable"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<x class="table"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="itable"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="rowg"></x>
+<x class="itable"></x>
+</div>
+
+<!-- These should produce two display:flex grid items -->
+
+<div class="grid">
+<x class="flex"></x>
+<x class="iflex"></x>
+</div>
+
+<div class="grid">
+<x class="iflex"></x>
+<x class="iflex"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="flex"></x>
+<x class="flex"></x>
+</div>
+</div>
+
+<!-- This should produce one display:flex grid item and one display:block -->
+
+<div class="grid">
+<x class="iflex"></x>
+<x class="cell"></x>
+</div>
+
+<!-- These should produce two display:grid grid items -->
+
+<div class="grid">
+<x class="bgrid"></x>
+<x class="igrid"></x>
+</div>
+
+<div class="grid">
+<x class="igrid"></x>
+<x class="igrid"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="bgrid"></x>
+<x class="bgrid"></x>
+</div>
+</div>
+
+<!-- This should produce one display:grid grid item and one display:block -->
+
+<div class="grid">
+<x class="igrid"></x>
+<x class="cell"></x>
+</div>
+
+<!-- This should produce one display:list-item grid item and one display:block -->
+<div class="grid">
+<x class="list"></x>
+<x></x>
+</div>
+
+<!-- Various Ruby tests -->
+
+<div class="grid">
+<x class="r"></x>
+<x class="r"></x>
+</div>
+
+<div class="grid">
+<x class="rb"></x>
+<x class="rb"></x>
+</div>
+
+<div class="grid">
+<x class="rt"></x>
+<x class="rt"></x>
+</div>
+
+<div class="grid">
+<x class="rbc"></x>
+<x class="rbc"></x>
+</div>
+
+<div class="grid">
+<x class="rtc"></x>
+<x class="rtc"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="r"></x>
+<x class="r"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rb"></x>
+<x class="rb"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rt"></x>
+<x class="rt"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rbc"></x>
+<x class="rbc"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rtc"></x>
+<x class="rtc"></x>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-blockifying-001.html b/layout/reftests/css-grid/grid-item-blockifying-001.html
new file mode 100644
index 0000000000..f1cfb1e6e6
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-blockifying-001.html
@@ -0,0 +1,409 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Grid item blockifying</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1185140">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-items">
+  <link rel="match" href="grid-item-blockifying-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-columns: 100px;
+  grid-auto-rows: 2px;
+  justify-content: start;
+  border: 1px solid blue;
+}
+
+x {
+  grid-column: span 2;
+  border:1px solid;
+}
+
+.itable  { display:inline-table; }
+.table   { display:table; }
+.caption { display:table-caption; }
+.cell    { display:table-cell; }
+.row     { display:table-row; }
+.rowg    { display:table-row-group; }
+.head    { display:table-header-group; }
+.foot    { display:table-footer-group; }
+.col     { display:table-column; }
+.colg    { display:table-column-group; }
+
+.flex  { display:flex; }
+.iflex { display:inline-flex; }
+
+.bgrid  { display:grid; }
+.igrid { display:inline-grid; }
+
+.list  { display:list-item; }
+
+.r   { display: ruby; }
+.rb  { display: ruby-base; }
+.rt  { display: ruby-text; }
+.rbc { display: ruby-base-container; }
+.rtc { display: ruby-text-container; }
+
+</style>
+</head>
+<body>
+
+<!-- These should produce two display:block grid items -->
+
+<div class="grid">
+<x class="cell"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="cell"></x>
+<x class="cell"></x>
+</div>
+</div>
+
+<div class="grid">
+<x class="cell"></x>
+<x class="row"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="row"></x>
+<x class="row"></x>
+</div>
+</div>
+
+<div class="grid">
+<x class="row"></x>
+<x class="row"></x>
+</div>
+
+<div class="grid">
+<x class="rowg"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="head"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="col"></x>
+<x class="col"></x>
+</div>
+
+<div class="grid">
+<x class="col"></x>
+<x class="colg"></x>
+</div>
+
+<div class="grid">
+<x class="colg"></x>
+<x class="colg"></x>
+</div>
+
+<div class="grid">
+<x class="cell"></x>
+<x class="col"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="caption"></x>
+<x class="caption"></x>
+</div>
+</div>
+
+<div class="grid">
+<x class="caption"></x>
+<x class="caption"></x>
+</div>
+
+<div class="grid">
+<x class="caption"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<x></x>
+<x></x>
+</div>
+
+<!-- These should produce two display:table grid items -->
+
+<div class="grid">
+<x class="table"></x>
+<x class="table"></x>
+</div>
+
+<div class="grid">
+<x class="itable"></x>
+<x class="itable"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="table"></x>
+<x class="itable"></x>
+</div>
+</div>
+
+<!-- These should produce one display:table grid item and one display:block grid item -->
+
+<div class="grid">
+<x class="table"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<x class="cell"></x>
+<x class="table"></x>
+</div>
+
+<div class="grid">
+<x class="itable"></x>
+<x class="cell"></x>
+</div>
+
+<div class="grid">
+<x class="table"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="itable"></x>
+<x class="rowg"></x>
+</div>
+
+<div class="grid">
+<x class="rowg"></x>
+<x class="itable"></x>
+</div>
+
+<!-- These should produce two display:flex grid items -->
+
+<div class="grid">
+<x class="flex"></x>
+<x class="iflex"></x>
+</div>
+
+<div class="grid">
+<x class="iflex"></x>
+<x class="iflex"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="flex"></x>
+<x class="flex"></x>
+</div>
+</div>
+
+<!-- This should produce one display:flex grid item and one display:block -->
+
+<div class="grid">
+<x class="iflex"></x>
+<x class="cell"></x>
+</div>
+
+<!-- These should produce two display:grid grid items -->
+
+<div class="grid">
+<x class="bgrid"></x>
+<x class="igrid"></x>
+</div>
+
+<div class="grid">
+<x class="igrid"></x>
+<x class="igrid"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="bgrid"></x>
+<x class="bgrid"></x>
+</div>
+</div>
+
+<!-- This should produce one display:grid grid item and one display:block -->
+
+<div class="grid">
+<x class="igrid"></x>
+<x class="cell"></x>
+</div>
+
+<!-- This should produce one display:list-item grid item and one display:block -->
+<div class="grid">
+<x class="list"></x>
+<x></x>
+</div>
+
+<!-- Various Ruby tests -->
+
+<div class="grid">
+<x class="r"></x>
+<x class="r"></x>
+</div>
+
+<div class="grid">
+<x class="rb"></x>
+<x class="rb"></x>
+</div>
+
+<div class="grid">
+<x class="rt"></x>
+<x class="rt"></x>
+</div>
+
+<div class="grid">
+<x class="rbc"></x>
+<x class="rbc"></x>
+</div>
+
+<div class="grid">
+<x class="rtc"></x>
+<x class="rtc"></x>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="r"></x>
+<x class="r"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rb"></x>
+<x class="rb"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rt"></x>
+<x class="rt"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rbc"></x>
+<x class="rbc"></x>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:contents">
+<x class="rtc"></x>
+<x class="rtc"></x>
+</div>
+</div>
+
+<script>
+var expected = [
+  "block block",
+  "contents",
+  "block block",
+  "contents",
+  "block block",
+  "block block",
+  "block block",
+  "block block",
+  "block block",
+  "block block",
+  "block block",
+  "contents",
+  "block block",
+  "block block",
+  "block block",
+  "table table",
+  "table table",
+  "contents",
+  "table block",
+  "block table",
+  "table block",
+  "table block",
+  "table block",
+  "block table",
+  "flex flex",
+  "flex flex",
+  "contents",
+  "flex block",
+  "grid grid",
+  "grid grid",
+  "contents",
+  "grid block",
+  "list-item block",
+  "block ruby block ruby",
+  "block block",
+  "block block",
+  "block block",
+  "block block",
+  "contents",
+  "contents",
+  "contents",
+  "contents",
+  "contents",
+];
+var expected2 = [ /* results for display:contents children */
+  "block block",
+  "block block",
+  "block block",
+  "table table",
+  "flex flex",
+  "grid grid",
+  "block ruby block ruby",
+  "block block",
+  "block block",
+  "block block",
+  "block block",
+];
+
+function is(elem, got, expected) {
+  if (got != expected) {
+    var err = elem.innerHTML + '\n' +
+              'got: ' + got + '\n' +
+              'expected: ' + expected;
+    document.body.appendChild(document.createTextNode(err));
+  }
+}
+function checkDisplayTypes() {
+  var grids = Array.prototype.slice.call(document.querySelectorAll('.grid'))
+  var i2 = 0;
+  for (var i = 0; i < grids.length; ++i) {
+    var items = Array.prototype.slice.call(grids[i].children)
+    var s = items.map((e) => getComputedStyle(e).display).join(' ');
+    is(grids[i], s, expected[i]);
+    items.map(function(e) {
+      if (getComputedStyle(e).display == "contents") {
+        items = Array.prototype.slice.call(e.children)
+        s = items.map((e) => getComputedStyle(e).display).join(' ');
+        is(grids[i], s, expected2[i2]);
+        i2++;
+      }
+    });
+  }
+}
+
+function runTests() {
+  checkDisplayTypes();
+  document.documentElement.removeAttribute("class");
+}
+
+runTests();
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-button-001-ref.html b/layout/reftests/css-grid/grid-item-button-001-ref.html
new file mode 100644
index 0000000000..9057d5d7e0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-button-001-ref.html
@@ -0,0 +1,106 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching/clamping button item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1314206">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { font:16px/1 monospace; }
+
+.grid2 {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / 10px 30px 10px 30px 10px 30px 10px 30px auto auto auto auto;
+  grid-gap: 5px;
+  margin-bottom:20px;
+  margin-right:20px;
+  border:1px solid;
+}
+.grid {
+  display: block;
+  float: left;
+  margin-bottom:20px;
+  margin-right:20px;
+  border:1px solid;
+  line-height: 0;
+}
+button {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  vertical-align: top;
+  box-sizing: border-box;
+  min-width: 0;
+}
+button:nth-child(1n) { background: blue; }
+button:nth-child(2n) { background: grey; }
+button:nth-child(3n) { background: tan; }
+button:nth-child(4n) { background: silver; }
+.sz > button {
+  width:20px; height:10px;
+}
+.mw > button {
+  min-width:15px;
+}
+.mw40 > button {
+  min-width:40px;
+}
+.sz.t2 > button {
+  width:10px; height:20px;
+}
+a30 {
+  display: inline-block;
+  height: 0;
+  width: 30px;
+  direction: rtl;
+}
+a10 {
+  display: inline-block;
+  height: 0;
+  width: 10px;
+  direction: rtl;
+}
+.rel > button {
+  position:absolute;
+}
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<button>&nbsp;&nbsp;</button><button style="margin-left:-5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:15px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:-5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:15px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button></div>
+
+<div class="grid sz t2">
+<button>&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:25px">&nbsp;&nbsp;</button><button style="margin-left:25px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:25px">&nbsp;&nbsp;</button><button style="margin-left:25px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button></div>
+
+<div class="grid2" style="width:215px">
+<button style="width:10px">&nbsp;&nbsp;</button><button style="width:30px">&nbsp;&nbsp;</button><a10><button style="background:tan">&nbsp;&nbsp;</button></a10><a30><button style="background:silver">&nbsp;&nbsp;</button></a30><button style="width:10px">&nbsp;&nbsp;</button><button style="width:30px">&nbsp;&nbsp;</button><a10><button>&nbsp;&nbsp;</button></a10><a30><button style="background:silver;">&nbsp;&nbsp;</button></a30></div>
+
+<div class="grid">
+<button>&nbsp;&nbsp;</button><button>&nbsp;&nbsp;</button><br><button style="background:tan">&nbsp;&nbsp;</button><button style="background:silver">&nbsp;&nbsp;</button></div>
+
+<div class="grid rel" style="width:100px; height:100px; position:relative">
+<button style="top:0;width:50px;height:50px">&nbsp;&nbsp;</button><button style="top:0;right:0;height:50px">&nbsp;&nbsp;</button><button style="bottom:0;width:50px;">&nbsp;&nbsp;</button><button style="bottom:0;right:0">&nbsp;&nbsp;</button></div>
+
+<div class="grid rel" style="height:40px; position:relative">
+<button style="left:0;top:0;height:20px">&nbsp;&nbsp;</button><button style="top:0;right:0;height:20px">&nbsp;&nbsp;</button><button style="left:0;bottom:0;">&nbsp;&nbsp;</button><button style="bottom:0;right:0">&nbsp;&nbsp;</button><button style="position:static;visibility:hidden">&nbsp;&nbsp;</button><button style="position:static;visibility:hidden">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid sz t2 mw">
+<button>&nbsp;&nbsp;</button><button>&nbsp;&nbsp;</button><button style="margin-left:15px">&nbsp;&nbsp;</button><button style="margin-left:20px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button>&nbsp;&nbsp;</button><button style="margin-left:15px">&nbsp;&nbsp;</button><button style="margin-left:20px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button></div>
+
+<div class="grid mw40" style="width:215px">
+<button>&nbsp;&nbsp;</button><button style="margin-left:-25px">&nbsp;&nbsp;</button><button style="margin-left:-35px">&nbsp;&nbsp;</button><button style="margin-left:-5px">&nbsp;&nbsp;</button><button style="margin-left:5px">&nbsp;&nbsp;</button><button style="margin-left:-25px">&nbsp;&nbsp;</button><button style="margin-left:-35px">&nbsp;&nbsp;</button><button style="margin-left:-5px">&nbsp;&nbsp;</button></div>
+
+<div class="grid rel" style="width:100px; height:100px; position:relative">
+<button style="top:0;width:40px;height:40px">&nbsp;&nbsp;</button><button style="top:0;right:0;height:40px">&nbsp;&nbsp;</button><button style="bottom:0;width:40px;">&nbsp;&nbsp;</button><button style="bottom:0;right:0">&nbsp;&nbsp;</button></div>
+
+<div class="grid rel" style="width:100px; height:100px; position:relative">
+<button style="top:0;width:40px;height:40px">&nbsp;&nbsp;</button><button style="top:0;right:0;height:40px">&nbsp;&nbsp;</button><button style="bottom:0;width:40px;">&nbsp;&nbsp;</button><button style="bottom:0;right:0">&nbsp;&nbsp;</button></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-button-001.html b/layout/reftests/css-grid/grid-item-button-001.html
new file mode 100644
index 0000000000..4bc65264ea
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-button-001.html
@@ -0,0 +1,161 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching/clamping button item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1314206">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-button-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { font:16px/1 monospace; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / 10px 30px 10px 30px 10px 30px 10px 30px auto auto auto auto;
+  grid-gap: 5px;
+  margin-bottom:20px;
+  margin-right:20px;
+  border:1px solid;
+}
+button {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+}
+button:nth-child(1n) { background: blue; }
+button:nth-child(2n) { background: grey; }
+button:nth-child(3n) { background: tan; }
+button:nth-child(4n) { background: silver; }
+.sz > button {
+  width:20px; height:10px;
+}
+.mw > button {
+  min-width:15px;
+}
+.mw40 > button {
+  min-width:40px;
+}
+.max40 > button {
+  max-width:40px;
+  max-height:40px;
+}
+.sz.t2 > button {
+  width:10px; height:20px;
+}
+
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<button>&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid sz t2">
+<button>&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid">
+<button>&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid" style="grid: auto/auto auto; grid-gap: 0;">
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid" style="grid: 50px 50px/50px 50px; grid-gap: 0;">
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid" style="grid: minmax(auto,20px) 20px/auto auto; grid-gap: 0;">
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid sz t2 mw">
+<button>&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid mw40">
+<button>&nbsp;&nbsp;</button>
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid max40" style="grid:50px 50px/50px 50px; grid-gap: 0;">
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+<div class="grid max40" style="grid:50px 50px/50px 50px; place-items:stretch; grid-gap: 0;">
+<button>&nbsp;&nbsp;</button>
+<button class="jend">&nbsp;&nbsp;</button>
+<button class="aend">&nbsp;&nbsp;</button>
+<button class="end">&nbsp;&nbsp;</button>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-canvas-001-ref.html b/layout/reftests/css-grid/grid-item-canvas-001-ref.html
new file mode 100644
index 0000000000..9d51582c2b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-canvas-001-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching canvas item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.block {
+  float: left;
+  border:1px solid;
+  line-height:0;
+}
+canvas:nth-child(1n) { background: blue; }
+canvas:nth-child(2n) { background: grey; }
+canvas:nth-child(3n) { background: tan; }
+canvas:nth-child(4n) { background: black; }
+.sz > canvas {
+  width:20px; height:10px;
+}
+.sz.t2 > canvas {
+  width:10px; height:20px;
+}
+canvas {
+  vertical-align:top;
+}
+  </style>
+</head>
+<body>
+
+<div class="block sz">
+<canvas></canvas><canvas style="margin-left:-5px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:15px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:-5px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:15px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:5px"></canvas></div>
+
+<div class="block sz t2">
+<canvas></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:25px"></canvas><canvas style="margin-left:25px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:25px"></canvas><canvas style="margin-left:25px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:5px"></canvas><canvas style="margin-left:5px"></canvas></div>
+
+<br clear=all>
+<br clear=all>
+
+<div class="block" style="height:150px; width:215px; white-space:pre">
+<canvas style="width:195px; height:150px; background:black"></canvas><canvas style="width:220px; height:150px; background:tan"></canvas></div>
+
+
+<div class="block" style="height:300px; width:600px"><canvas style="width:300px;height:150px"></canvas><canvas style="width:300px;height:150px"></canvas><canvas style="width:300px;height:150px"></canvas><canvas style="width:300px;height:150px"></canvas></div>
+
+<br clear=all>
+<br clear=all>
+
+<div class="block" style="height:60px; width:600px; white-space:pre">
+<span style="display:inline-block; height:60px; margin-top:-90px"><canvas style="background:tan; vertical-align:bottom"></canvas><canvas style="background:black; vertical-align:bottom"></canvas></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-canvas-001.html b/layout/reftests/css-grid/grid-item-canvas-001.html
new file mode 100644
index 0000000000..3ea39ee482
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-canvas-001.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching canvas item</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-canvas-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / 10px 30px 10px 30px 10px 30px 10px 30px auto auto auto auto;
+  grid-gap: 5px;
+  border:1px solid;
+}
+canvas:nth-child(1n) { background: blue; }
+canvas:nth-child(2n) { background: grey; }
+canvas:nth-child(3n) { background: tan; }
+canvas:nth-child(4n) { background: black; }
+.sz > canvas {
+  width:20px; height:10px;
+}
+.sz.t2 > canvas {
+  width:10px; height:20px;
+}
+
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<canvas></canvas>
+<canvas></canvas>
+<canvas class="jend"></canvas>
+<canvas class="jend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="end"></canvas>
+<canvas class="end"></canvas>
+<canvas></canvas>
+<canvas class="jend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="end"></canvas>
+</div>
+
+<div class="grid sz t2">
+<canvas></canvas>
+<canvas></canvas>
+<canvas class="jend"></canvas>
+<canvas class="jend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="end"></canvas>
+<canvas class="end"></canvas>
+<canvas></canvas>
+<canvas class="jend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="end"></canvas>
+</div>
+
+<br clear=all>
+<br clear=all>
+
+<div class="grid">
+<canvas></canvas>
+<canvas></canvas>
+<canvas class="jend"></canvas>
+<canvas class="jend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="end"></canvas>
+<canvas class="end"></canvas>
+</div>
+
+<div class="grid" style="grid: auto/auto auto; grid-gap: 0;">
+<canvas></canvas>
+<canvas class="jend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="end"></canvas>
+</div>
+
+<br clear=all>
+<br clear=all>
+
+<div class="grid" style="grid: minmax(auto,30px) 30px/auto auto; grid-gap: 0">
+<canvas></canvas>
+<canvas class="jend"></canvas>
+<canvas class="aend"></canvas>
+<canvas class="end"></canvas>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-dir-001-ref.html b/layout/reftests/css-grid/grid-item-dir-001-ref.html
new file mode 100644
index 0000000000..d26bb6c212
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-dir-001-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+.grid {
+  border: 1px solid gray;
+  font-size: 0;
+}
+.grid > div {
+  display: inline-block;
+  margin: 2px;
+}
+#a { background: #006; height: 46px; width: 96px; }
+#b { background: #009; height: 46px; width: 146px; }
+#c { background: #00c; height: 46px; width: 46px; }
+#d { background: #00f; height: 46px; width: 16px; }
+#e { background: #060; height: 96px; width: 96px; }
+#f { background: #090; height: 96px; width: 146px; }
+#g { background: #0c0; height: 96px; width: 46px; }
+#h { background: #0f0; height: 96px; width: 16px; }
+#i { background: #600; height: 16px; width: 96px; }
+#j { background: #900; height: 16px; width: 146px; }
+#k { background: #c00; height: 16px; width: 46px; }
+#l { background: #f00; height: 16px; width: 16px; }
+</style>
+</head>
+
+<body>
+<div class=grid>
+  <div id=a></div>
+  <div id=b></div>
+  <div id=c></div>
+  <div id=d></div><br>
+  <div id=e></div>
+  <div id=f></div>
+  <div id=g></div>
+  <div id=h></div><br>
+  <div id=i></div>
+  <div id=j></div>
+  <div id=k></div>
+  <div id=l></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-dir-001.html b/layout/reftests/css-grid/grid-item-dir-001.html
new file mode 100644
index 0000000000..1b6b9d202f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-dir-001.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+.grid {
+  display: grid;
+  border: 1px solid gray;
+  grid-template-columns: 100px 150px 50px 20px;
+  grid-template-rows: 50px 100px 20px;
+}
+.grid > div {
+  margin: 2px;
+}
+#a { background: #006; }
+#b { background: #009; }
+#c { background: #00c; }
+#d { background: #00f; }
+#e { background: #060; }
+#f { background: #090; }
+#g { background: #0c0; }
+#h { background: #0f0; }
+#i { background: #600; }
+#j { background: #900; }
+#k { background: #c00; }
+#l { background: #f00; }
+</style>
+</head>
+
+<body>
+<div class=grid>
+  <div id=a></div>
+  <div id=b></div>
+  <div id=c></div>
+  <div id=d></div>
+  <div id=e dir=rtl></div>
+  <div id=f dir=rtl></div>
+  <div id=g dir=rtl></div>
+  <div id=h dir=rtl></div>
+  <div id=i></div>
+  <div id=j dir=rtl></div>
+  <div id=k></div>
+  <div id=l dir=rtl></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-fieldset-stretch-001-ref.html b/layout/reftests/css-grid/grid-item-fieldset-stretch-001-ref.html
new file mode 100644
index 0000000000..d3cc594a04
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-fieldset-stretch-001-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching fieldset items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <style type="text/css">
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 60px / 100px;
+  padding: 10px 4px 3px 6px;
+}
+
+fieldset {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+legend { border: 1px dashed blue;}
+x { display:block; width:16px; height:16px; }
+t { display:block; width:20px; height:20px; }
+i { display:block; background:grey; }
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px 0; }
+.hmaa  { margin: 7px 0 1px 0; }
+.vma10 { margin: 0 7px 3px 1px; }
+.vmaa  { margin: 0 7px 0 1px; }
+
+.js { justify-self: start; }
+.je { justify-self: end; }
+.jc { justify-self: center; }
+.as { align-self: start; }
+.ae { align-self: end; }
+.ac { align-self: center; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><fieldset class="m" style="width:90px; height:50px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="hma10 je" style="width:22px; height:50px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="hmaa jc" style="width:22px; height:50px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr hma10 je" style="width:37px; height:50px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr hmaa jc" style="width:37px; height:50px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr" style="height:58px; width:98px"><legend><x></x></legend><i><t></t></i></fieldset></div>
+
+<div class="grid"><fieldset class="vma10 ae" style="width:90px; height:37px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vmaa ac" style="width:90px; height:37px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr vma10 ae" style="width:90px; height:22px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr vmaa ac" style="width:90px; height:22px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr p vma10 ae" style="width:82px; height:22px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr p vmaa ac" style="width:82px; height:22px;"><legend><x></x></legend><i><t></t></i></fieldset></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-fieldset-stretch-001.html b/layout/reftests/css-grid/grid-item-fieldset-stretch-001.html
new file mode 100644
index 0000000000..2367e7e735
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-fieldset-stretch-001.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching fieldset items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-table-stretch-004-ref.html">
+  <style type="text/css">
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 10px 60px 3px / 6px 100px 4px;
+}
+
+fieldset {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  grid-area:2/2;
+}
+legend { border: 1px dashed blue;}
+x { display:block; width:16px; height:16px; }
+t { display:block; width:20px; height:20px; }
+i { display:block; background:grey; }
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px auto; }
+.hmaa  { margin: 7px auto 1px auto; }
+.vma10 { margin: auto 7px 3px 1px; }
+.vmaa  { margin: auto 7px auto 1px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><fieldset class="m"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="hma10"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="hmaa"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr hma10"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr hmaa"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr"><legend><x></x></legend><i><t></t></i></fieldset></div>
+
+<div class="grid"><fieldset class="vma10"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vmaa"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr vma10"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr vmaa"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr p vma10"><legend><x></x></legend><i><t></t></i></fieldset></div>
+<div class="grid"><fieldset class="vr p vmaa"><legend><x></x></legend><i><t></t></i></fieldset></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-input-stretch-001-ref.html b/layout/reftests/css-grid/grid-item-input-stretch-001-ref.html
new file mode 100644
index 0000000000..e683411617
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-input-stretch-001-ref.html
@@ -0,0 +1,81 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching input items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1317168">
+  <style type="text/css">
+* { color:black; background-color:white; font:10px/1.5 monospace; padding:0; margin:0; }
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  grid: 30px / 200px;
+  padding: 2px 4px 3px 6px;
+  align-items: start;
+  justify-items: start;
+}
+
+input {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+
+.js { justify-self: start; }
+.je { justify-self: end; }
+.jc { justify-self: center; }
+.as { align-self: start; }
+.ae { align-self: end; }
+.ac { align-self: center; }
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px 0; }
+.hmaa  { margin: 7px 0 1px 0; }
+.vma10 { margin: 0 7px 3px 1px; }
+.vmaa  { margin: 0 7px 0 1px; }
+.mxw { width: 32px; }
+.mxh { height: 16px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><div><input></div></div>
+<div class="grid"><input class="m" style="width:190px; height:20px"></div>
+<div class="grid"><input class="hma10 je" style="height:20px"></div>
+<div class="grid"><input class="hmaa jc" style="height:20px"></div>
+<div class="grid"><input class="vr hma10 je" style="height:20px"></div>
+<div class="grid"><input class="vr hmaa jc" style="height:20px"></div>
+<div class="grid"><input class="vr je" style="width:198px; height:28px"></div>
+
+<div class="grid"><input class="vma10 ae" style="width:190px"></div>
+<div class="grid"><input class="vmaa ac" style="width:190px"></div>
+<div class="grid"><input class="vr vma10" style="width:190px;"></div>
+<div class="grid"><input class="vr vmaa" style="width:190px;"></div>
+<div class="grid"><input class="vr p vma10" style="width:182px;"></div>
+<div class="grid"><input class="vr p vmaa" style="width:182px;"></div>
+
+<div class="grid"><input class="mxw m" style="height:20px"></div>
+<div class="grid"><input class="mxw hma10 je" style="height:20px"></div>
+<div class="grid"><input class="mxw hmaa jc" style="height:20px"></div>
+<div class="grid"><input class="mxw vr hma10 je" style="width:15px; height:20px"></div>
+<div class="grid"><input class="mxw vr" style="height:28px"></div>
+
+<div class="grid"><input class="mxh m je" style="width:190px"></div>
+<div class="grid"><input class="mxh hma10 je"></div>
+<div class="grid"><input class="mxh hmaa jc"></div>
+<div class="grid"><input class="mxh vr hmaa jc" style="width:15px"></div>
+<div class="grid"><input class="mxh vr" style="width:198px"></div>
+
+<div class="grid" style="grid:auto/auto; padding:0;"><input></div>
+<div class="grid" style="grid:auto/auto; padding:0;"><input></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-input-stretch-001.html b/layout/reftests/css-grid/grid-item-input-stretch-001.html
new file mode 100644
index 0000000000..12c20dd9f3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-input-stretch-001.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching input items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1317168">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-input-stretch-001-ref.html">
+  <style type="text/css">
+* { color:black; background-color:white; font:10px/1.5 monospace; padding:0; margin:0; }
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  grid: 2px 30px 3px / 6px 200px 4px;
+  place-items: stretch;
+}
+
+input {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  grid-area: 2/2;
+}
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px auto; }
+.hmaa  { margin: 7px auto 1px auto; }
+.vma10 { margin: auto 7px 3px 1px; }
+.vmaa  { margin: auto 7px auto 1px; }
+.mxw { max-width: 32px; }
+.mxh { max-height: 16px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="place-items:start"><input></div>
+<div class="grid"><input class="m"></div>
+<div class="grid"><input class="hma10"></div>
+<div class="grid"><input class="hmaa"></div>
+<div class="grid"><input class="vr hma10"></div>
+<div class="grid"><input class="vr hmaa"></div>
+<div class="grid"><input class="vr"></div>
+
+<div class="grid"><input class="vma10"></div>
+<div class="grid"><input class="vmaa"></div>
+<div class="grid"><input class="vr vma10"></div>
+<div class="grid"><input class="vr vmaa"></div>
+<div class="grid"><input class="vr p vma10"></div>
+<div class="grid"><input class="vr p vmaa"></div>
+
+<div class="grid"><input class="mxw m"></div>
+<div class="grid"><input class="mxw hma10"></div>
+<div class="grid"><input class="mxw hmaa"></div>
+<div class="grid"><input class="mxw vr hma10"></div>
+<div class="grid"><input class="mxw vr"></div>
+
+<div class="grid"><input class="mxh m"></div>
+<div class="grid"><input class="mxh hma10"></div>
+<div class="grid"><input class="mxh hmaa"></div>
+<div class="grid"><input class="mxh vr hmaa"></div>
+<div class="grid"><input class="mxh vr"></div>
+
+<div class="grid" style="grid:minmax(min-content,0) / minmax(min-content,0)"><input style="grid-area:1/1"></div>
+<div class="grid" style="grid:minmax(min-content,0) / minmax(min-content,0); align-items:start; justify-items:start"><input style="grid-area:1/1"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001-ref.html
new file mode 100644
index 0000000000..51c605a662
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001-ref.html
@@ -0,0 +1,202 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio item with 'normal' and/or 'stretch', with no Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315383">
+  <style type="text/css">
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  grid-template-columns: repeat(7, min-content);
+  grid-auto-rows: min-content;
+  grid-column-gap: 10px;
+  align-items: start;
+  justify-items: start;
+}
+
+img { min-width:0; min-height:0; }
+
+x { width:32px; height:2px; background:cyan; }
+.w24 > x { width:24px; }
+.w8  > x { width:8px; }
+.w4  > x { width:4px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid:24px 10px 24px / repeat(7, 32px); grid-column-gap: 10px;">
+<div style="height:24px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:24px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w24" style="grid:32px 10px 32px / repeat(7, 24px); grid-column-gap: 10px;">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid:8px 10px 8px / repeat(7, 4px); grid-column-gap:32px; ">
+<div style="height:8px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:8px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid:32px 10px 32px / repeat(7, 4px); grid-column-gap:32px; ">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w8" style="grid:repeat(3, 4px) / repeat(7, 8px); grid-gap:8px; ">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid" style="grid:repeat(3, 8px) / repeat(7, 32px); grid-gap:16px; ">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<script>
+var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D";
+var grids = document.querySelectorAll('.grid');
+var js = [ "normal", "start", "center", "stretch" ];
+var as = [ "normal", "start", "center", "stretch" ];
+var imgSizes =
+[
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '24px'],
+  ['16px', '16px'],
+  ['16px', '24px'],
+  ['16px', '16px'],
+  ['16px', '24px'],
+  ['32px', '16px'],
+  ['32px', '16px'],
+  ['32px', '16px'],
+  ['32px', '24px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['24px', '16px'],
+  ['24px', '16px'],
+  ['24px', '16px'],
+  ['24px', '32px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '8px'],
+  ['16px', '16px'],
+  ['16px', '8px'],
+  ['16px', '16px'],
+  ['16px', '8px'],
+  ['4px', '16px'],
+  ['4px', '16px'],
+  ['4px', '16px'],
+  ['4px', '8px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['4px', '16px'],
+  ['4px', '16px'],
+  ['4px', '16px'],
+  ['4px', '32px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '4px'],
+  ['16px', '16px'],
+  ['16px', '4px'],
+  ['16px', '16px'],
+  ['16px', '4px'],
+  ['8px', '16px'],
+  ['8px', '16px'],
+  ['8px', '16px'],
+  ['8px', '4px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '8px'],
+  ['16px', '16px'],
+  ['16px', '8px'],
+  ['16px', '16px'],
+  ['16px', '8px'],
+  ['32px', '16px'],
+  ['32px', '16px'],
+  ['32px', '16px'],
+  ['32px', '8px'],
+];
+var index = 0;  // imgSizes index
+for (var i = 0; i < grids.length; ++i) {
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var img = document.createElement('img');
+      img.style.width = imgSizes[index][0];
+      img.style.height = imgSizes[index][1];
+      if (as[a] != "normal" && as[a] != "stretch")
+        img.style.alignSelf = as[a];
+      if (js[j] != "normal" && js[j] != "stretch")
+        img.style.justifySelf = js[j];
+      img.src = url;
+      img.setAttribute('title', as[a] + ' / ' + js[j]);
+      grids[i].appendChild(img);
+      index++;
+    }
+  }
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var x = document.createElement('x');
+      grids[i].appendChild(x);
+    }
+  }
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001.html
new file mode 100644
index 0000000000..712ee06ac2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-001.html
@@ -0,0 +1,134 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic ratio item with 'normal' and/or 'stretch', with no Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315383">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-intrinsic-ratio-normal-001-ref.html">
+  <style type="text/css">
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  grid-template-columns: repeat(7, min-content);
+  grid-auto-rows: min-content;
+  grid-column-gap: 10px;
+}
+
+img { min-width:0; min-height:0; }
+
+x { width:32px; height:2px; background:cyan; }
+.w24 > x { width:24px; }
+.w8  > x { width:8px; }
+.w4  > x { width:4px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<div style="height:24px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:24px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w24">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid:8px 10px 8px / repeat(7, 4px); grid-column-gap:32px; ">
+<div style="height:8px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:8px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid-template-columns:repeat(7, 4px); grid-column-gap:32px; ">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w8" style="grid:repeat(3, 4px) / repeat(7, 8px); grid-gap:8px; ">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid" style="grid-template-rows:repeat(3, 8px); grid-gap:16px; ">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<script>
+var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D";
+var grids = document.querySelectorAll('.grid');
+var js = [ "normal", "start", "center", "stretch" ];
+var as = [ "normal", "start", "center", "stretch" ];
+for (var i = 0; i < grids.length; ++i) {
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var img = document.createElement('img');
+      img.style.alignSelf = as[a];
+      img.style.justifySelf = js[j];
+      img.src = url;
+      img.setAttribute('title', as[a] + ' / ' + js[j]);
+      grids[i].appendChild(img);
+    }
+  }
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var x = document.createElement('x');
+      grids[i].appendChild(x);
+    }
+  }
+}
+</script>
+
+<!--  For generating image size results in -ref file
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002-ref.html
new file mode 100644
index 0000000000..b7e471010e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002-ref.html
@@ -0,0 +1,199 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio item with 'normal' and/or 'stretch', with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315383">
+  <style type="text/css">
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  grid-column-gap: 10px;
+  align-items: start;
+  justify-items: start;
+}
+
+x { width:32px; height:2px; background:cyan; }
+.w24 > x { width:24px; }
+.w8  > x { width:8px; }
+.w4  > x { width:4px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid:24px 10px 24px / repeat(7, 32px); grid-column-gap: 10px;">
+<div style="height:24px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:24px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w24" style="grid:32px 10px 32px / repeat(7, 24px); grid-column-gap: 10px;">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid:8px 10px 8px / repeat(7, 4px); grid-column-gap:32px; width:220px">
+<div style="height:8px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:8px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid:32px 10px 32px / repeat(7, 4px); grid-column-gap:32px; width:220px">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w8" style="grid:4px 10px 4px 2px 2px / repeat(7, 8px); grid-gap:8px; width:104px">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid" style="grid:8px 10px 8px 2px 2px / repeat(7, 32px); grid-gap:16px; ">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<script>
+var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D";
+var grids = document.querySelectorAll('.grid');
+var js = [ "normal", "start", "center", "stretch" ];
+var as = [ "normal", "start", "center", "stretch" ];
+var imgSizes =
+[
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '24px'],
+  ['16px', '16px'],
+  ['16px', '24px'],
+  ['16px', '16px'],
+  ['16px', '24px'],
+  ['32px', '16px'],
+  ['32px', '16px'],
+  ['32px', '16px'],
+  ['32px', '24px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['24px', '16px'],
+  ['24px', '16px'],
+  ['24px', '16px'],
+  ['24px', '32px'],
+  ['4px', '4px'],
+  ['4px', '4px'],
+  ['4px', '4px'],
+  ['4px', '8px'],
+  ['8px', '8px'],
+  ['16px', '8px'],
+  ['8px', '8px'],
+  ['16px', '8px'],
+  ['4px', '8px'],
+  ['4px', '16px'],
+  ['4px', '16px'],
+  ['4px', '8px'],
+  ['4px', '4px'],
+  ['4px', '4px'],
+  ['4px', '4px'],
+  ['4px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['16px', '16px'],
+  ['16px', '32px'],
+  ['4px', '16px'],
+  ['4px', '16px'],
+  ['4px', '16px'],
+  ['4px', '32px'],
+  ['4px', '4px'],
+  ['8px', '8px'],
+  ['8px', '8px'],
+  ['8px', '4px'],
+  ['4px', '4px'],
+  ['16px', '4px'],
+  ['4px', '4px'],
+  ['16px', '4px'],
+  ['8px', '4px'],
+  ['8px', '16px'],
+  ['8px', '16px'],
+  ['8px', '4px'],
+  ['8px', '8px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '8px'],
+  ['8px', '8px'],
+  ['16px', '8px'],
+  ['8px', '8px'],
+  ['16px', '8px'],
+  ['32px', '8px'],
+  ['32px', '16px'],
+  ['32px', '16px'],
+  ['32px', '8px'],
+];
+
+var index = 0;  // imgSizes index
+for (var i = 0; i < grids.length; ++i) {
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var img = document.createElement('img');
+      img.style.width = imgSizes[index][0];
+      img.style.height = imgSizes[index][1];
+      if (as[a] != "normal" && as[a] != "stretch")
+        img.style.alignSelf = as[a];
+      if (js[j] != "normal" && js[j] != "stretch")
+        img.style.justifySelf = js[j];
+      img.src = url;
+      img.setAttribute('title', as[a] + ' / ' + js[j]);
+      grids[i].appendChild(img);
+      index++;
+    }
+  }
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var x = document.createElement('x');
+      grids[i].appendChild(x);
+    }
+  }
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002.html
new file mode 100644
index 0000000000..8bd5d49860
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-002.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic ratio item with 'normal' and/or 'stretch', with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315383">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-intrinsic-ratio-normal-001-ref.html">
+  <style type="text/css">
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+}
+
+x { width:32px; height:2px; background:cyan; }
+.w24 > x { width:24px; }
+.w8  > x { width:8px; }
+.w4  > x { width:4px; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: minmax(auto, 24px) minmax(auto, 10px) minmax(auto, 24px) / repeat(7, minmax(auto, 32px)); grid-column-gap: 10px;">
+<div style="height:24px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:24px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w24" style="grid: minmax(auto, 32px) minmax(auto, 10px) minmax(auto, 32px) / repeat(7, minmax(auto, 24px)); grid-column-gap: 10px;">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid: minmax(auto, 8px) minmax(auto, 10px) minmax(auto, 8px) / repeat(7, minmax(auto, 4px)); grid-column-gap:32px; ">
+<div style="height:8px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:8px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w4" style="grid: minmax(auto, 32px) minmax(auto, 10px) minmax(auto, 32px) / repeat(7, minmax(auto, 4px)); grid-column-gap:32px; ">
+<div style="height:32px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:32px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid w8" style="grid: repeat(3, minmax(auto, 4px)) / repeat(7, minmax(auto, 8px)); grid-gap:8px; ">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<div class="grid" style="grid: repeat(3, minmax(auto, 8px)) / repeat(7, minmax(auto, 32px)); grid-gap:16px; ">
+<div style="height:4px; width:2px; background:cyan; grid-row:1"></div>
+<div style="height:10px; grid-row:2; grid-column: span 7"></div>
+<div style="height:4px; grid-row:3"></div>
+<x style="grid-row:4"></x>
+</div>
+
+<br>
+
+<script>
+var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D";
+var grids = document.querySelectorAll('.grid');
+var js = [ "normal", "start", "center", "stretch" ];
+var as = [ "normal", "start", "center", "stretch" ];
+for (var i = 0; i < grids.length; ++i) {
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var img = document.createElement('img');
+      img.style.alignSelf = as[a];
+      img.style.justifySelf = js[j];
+      img.src = url;
+      img.setAttribute('title', as[a] + ' / ' + js[j]);
+      grids[i].appendChild(img);
+    }
+  }
+  for (var j = 0; j < js.length; j++) {
+    for (var a = 0; a < as.length; a++) {
+      if (as[a] != "normal" && as[a] != "stretch" &&
+          js[j] != "normal" && js[j] != "stretch") {
+        continue;
+      }
+      var x = document.createElement('x');
+      grids[i].appendChild(x);
+    }
+  }
+}
+</script>
+
+<!--  For generating image size results in -ref file
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003-ref.html
new file mode 100644
index 0000000000..363a5bc2d5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003-ref.html
@@ -0,0 +1,236 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 32px / 4px;
+  margin-right:20px;
+}
+.r { grid: 4px / 32px; }
+
+.start {align-self:start; justify-self:start}
+.na {align-self:start; justify-self:start}
+.sa {align-self:start; justify-self:start}
+.an {align-self:start; justify-self:start}
+.as {align-self:start; justify-self:start}
+.w20 { width: 20px; min-width: 0px; }
+.w16 { width: 16px; }
+.w10 { width: 10px; }
+.w4 { width: 4px; }
+.mw20 { min-width: 20px }
+.mw0 { min-width: 0px }
+
+.h20 { height: 20px; min-height: 0px; }
+.mh20 { min-height: 20px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><img></div>
+<div class="grid r"><img class="start"></div>
+<div class="grid r"><img class="sa"></div>
+<div class="grid r"><img class="sa mxw10"></div>
+<div class="grid r"><img class="na"></div>
+<div class="grid r"><img class="na mxw2"></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r mh20"><img class="mh20"></div>
+<div class="grid r mh20"><img class="mh20 mxw10"></div>
+<div class="grid r mh20"><img class="start mh20"></div>
+<div class="grid r mh20"><img class="start mh20 mxw10"></div>
+<div class="grid r mh20"><img class="sa mh20"></div>
+<div class="grid r mh20"><img class="sa mh20 mxw10"></div>
+<div class="grid r mh20"><img class="na mh20"></div>
+<div class="grid r mh20"><img class="na mh20 mxw10"></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><img class="mh0"></div>
+<div class="grid r"><img class="mh0 mxw10"></div>
+<div class="grid r"><img class="start mh0"></div>
+<div class="grid r"><img class="start mh0 mxw10"></div>
+<div class="grid r"><img class="sa mh0"></div>
+<div class="grid r"><img class="sa mh0 mxw10"></div>
+<div class="grid r"><img class="na mh0"></div>
+<div class="grid r"><img class="na mh0 mxw2"></div>
+
+<pre><!----></pre>
+
+<div class="grid w4"><img></div>
+<div class="grid w4"><img class="mxw2"></div>
+<div class="grid w4"><img class="start"></div>
+<div class="grid w4"><img class="start mxw2"></div>
+<div class="grid w4"><img class="sa"></div>
+<div class="grid w4"><img class="sa mxw2"></div>
+<div class="grid w4"><img class="na"></div>
+<div class="grid w4"><img class="na mxw2"></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid mw20"><img class="mw20"></div>
+<div class="grid mw20"><img class="mw20 mxh10"></div>
+<div class="grid mw20"><img class="start mw20"></div>
+<div class="grid mw20"><img class="start mw20 mxh10"></div>
+<div class="grid mw20"><img class="sa mw20"></div>
+<div class="grid mw20"><img class="sa mw20 mxh10"></div>
+<div class="grid mw20"><img class="na mw20"></div>
+<div class="grid mw20"><img class="na mw20 mxh10"></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid w4"><img class="mw0"></div>
+<div class="grid w4"><img class="mw0 mxh10"></div>
+<div class="grid w4"><img class="start mw0"></div>
+<div class="grid w4"><img class="start mw0 mxh10"></div>
+<div class="grid w4"><img class="sa mw0"></div>
+<div class="grid w4"><img class="sa mw0 mxh10"></div>
+<div class="grid w4"><img class="na mw0"></div>
+<div class="grid w4"><img class="na mw0 mxh10"></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><img class="w20"></div>
+<div class="grid r"><img class="w20 mxh10"></div>
+<div class="grid r"><img class="start w20"></div>
+<div class="grid r"><img class="start w20 mxh10"></div>
+<div class="grid r"><img class="sa w20"></div>
+<div class="grid r"><img class="sa w20 mxh2"></div>
+<div class="grid r"><img class="na w20"></div>
+<div class="grid r"><img class="na w20 mxh2"></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid mw20"><img class="start w20"></div>
+<div class="grid mw20"><img class="start w20 mxh10"></div>
+<div class="grid mw20"><img class="start w20"></div>
+<div class="grid mw20"><img class="start w20 mxh10"></div>
+<div class="grid mw20"><img class="sa w20"></div>
+<div class="grid mw20"><img class="sa w20 mxh10"></div>
+<div class="grid mw20"><img class="na w20"></div>
+<div class="grid mw20"><img class="na w20 mxh10"></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r mh20"><img class="h20"></div>
+<div class="grid r mh20"><img class="h20 mxw10"></div>
+<div class="grid r mh20"><img class="start h20"></div>
+<div class="grid r mh20"><img class="start h20 mxw10"></div>
+<div class="grid r mh20"><img class="as h20"></div>
+<div class="grid r mh20"><img class="as h20 mxw10"></div>
+<div class="grid r mh20"><img class="an h20"></div>
+<div class="grid r mh20"><img class="an h20 mxw10"></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid w4"><img class="h20"></div>
+<div class="grid w4"><img class="h20 mxw2"></div>
+<div class="grid w4"><img class="start h20"></div>
+<div class="grid w4"><img class="start h20 mxw10"></div>
+<div class="grid w4"><img class="as h20"></div>
+<div class="grid w4"><img class="as h20 mxw2"></div>
+<div class="grid w4"><img class="an h20"></div>
+<div class="grid w4"><img class="an h20 mxw10"></div>
+
+<script>
+var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D";
+var imgs = document.querySelectorAll('img');
+var imgSizes =
+[
+  ['4px', '4px'],
+  ['16px', '16px'],
+  ['16px', '4px'],
+  ['10px', '4px'],
+  ['4px', '4px'],
+  ['2px', '2px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+  ['16px', '20px'],
+  ['10px', '20px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+  ['16px', '16px'],
+  ['10px', '10px'],
+  ['16px', '16px'],
+  ['10px', '10px'],
+  ['16px', '4px'],
+  ['10px', '4px'],
+  ['16px', '16px'],
+  ['2px', '2px'],
+  ['4px', '4px'],
+  ['2px', '2px'],
+  ['16px', '16px'],
+  ['2px', '2px'],
+  ['16px', '32px'],
+  ['2px', '32px'],
+  ['16px', '16px'],
+  ['2px', '2px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['20px', '32px'],
+  ['20px', '10px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['16px', '16px'],
+  ['10px', '10px'],
+  ['16px', '16px'],
+  ['10px', '10px'],
+  ['16px', '32px'],
+  ['16px', '10px'],
+  ['16px', '16px'],
+  ['10px', '10px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['20px', '4px'],
+  ['20px', '2px'],
+  ['20px', '20px'],
+  ['20px', '2px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['20px', '32px'],
+  ['20px', '10px'],
+  ['20px', '20px'],
+  ['20px', '10px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+  ['32px', '20px'],
+  ['10px', '20px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+  ['20px', '20px'],
+  ['2px', '20px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+  ['4px', '20px'],
+  ['2px', '20px'],
+  ['20px', '20px'],
+  ['10px', '20px'],
+];
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.src = url;
+  img.style.width = imgSizes[i][0];
+  img.style.height = imgSizes[i][1];
+}
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003.html
new file mode 100644
index 0000000000..1b500781d8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-003.html
@@ -0,0 +1,174 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic size items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-intrinsic-ratio-normal-003-ref.html">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: minmax(auto, 32px) / minmax(auto, 4px);
+  margin-right:20px;
+}
+.r { grid: minmax(auto, 4px) / minmax(auto, 32px); }
+
+button {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+
+.start {align-self:start; justify-self:start}
+.na {align-self:normal; justify-self:start}
+.sa {align-self:stretch; justify-self:start}
+.an {align-self:start; justify-self:normal}
+.as {align-self:start; justify-self:stretch}
+.w20 { width: 20px }
+.mw20 { min-width: 20px }
+.mxw10 { max-width: 10px }
+.mxw2 { max-width: 2px }
+.mw0 { min-width: 0px }
+
+.h20 { height: 20px }
+.mh20 { min-height: 20px }
+.mxh10 { max-height: 10px }
+.mxh2 { max-height: 2px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><img></div>
+<div class="grid r"><img class="start"></div>
+<div class="grid r"><img class="sa"></div>
+<div class="grid r"><img class="sa mxw10"></div>
+<div class="grid r"><img class="na"></div>
+<div class="grid r"><img class="na mxw2"></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r"><img class="mh20"></div>
+<div class="grid r"><img class="mh20 mxw10"></div>
+<div class="grid r"><img class="start mh20"></div>
+<div class="grid r"><img class="start mh20 mxw10"></div>
+<div class="grid r"><img class="sa mh20"></div>
+<div class="grid r"><img class="sa mh20 mxw10"></div>
+<div class="grid r"><img class="na mh20"></div>
+<div class="grid r"><img class="na mh20 mxw10"></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><img class="mh0"></div>
+<div class="grid r"><img class="mh0 mxw10"></div>
+<div class="grid r"><img class="start mh0"></div>
+<div class="grid r"><img class="start mh0 mxw10"></div>
+<div class="grid r"><img class="sa mh0"></div>
+<div class="grid r"><img class="sa mh0 mxw10"></div>
+<div class="grid r"><img class="na mh0"></div>
+<div class="grid r"><img class="na mh0 mxw2"></div>
+
+<pre><!----></pre>
+
+<div class="grid"><img></div>
+<div class="grid"><img class="mxw2"></div>
+<div class="grid"><img class="start"></div>
+<div class="grid"><img class="start mxw2"></div>
+<div class="grid"><img class="sa"></div>
+<div class="grid"><img class="sa mxw2"></div>
+<div class="grid"><img class="na"></div>
+<div class="grid"><img class="na mxw2"></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid"><img class="mw20"></div>
+<div class="grid"><img class="mw20 mxh10"></div>
+<div class="grid"><img class="start mw20"></div>
+<div class="grid"><img class="start mw20 mxh10"></div>
+<div class="grid"><img class="sa mw20"></div>
+<div class="grid"><img class="sa mw20 mxh10"></div>
+<div class="grid"><img class="na mw20"></div>
+<div class="grid"><img class="na mw20 mxh10"></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid"><img class="mw0"></div>
+<div class="grid"><img class="mw0 mxh10"></div>
+<div class="grid"><img class="start mw0"></div>
+<div class="grid"><img class="start mw0 mxh10"></div>
+<div class="grid"><img class="sa mw0"></div>
+<div class="grid"><img class="sa mw0 mxh10"></div>
+<div class="grid"><img class="na mw0"></div>
+<div class="grid"><img class="na mw0 mxh10"></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><img class="w20"></div>
+<div class="grid r"><img class="w20 mxh10"></div>
+<div class="grid r"><img class="start w20"></div>
+<div class="grid r"><img class="start w20 mxh10"></div>
+<div class="grid r"><img class="sa w20"></div>
+<div class="grid r"><img class="sa w20 mxh2"></div>
+<div class="grid r"><img class="na w20"></div>
+<div class="grid r"><img class="na w20 mxh2"></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid"><img class="start w20"></div>
+<div class="grid"><img class="start w20 mxh10"></div>
+<div class="grid"><img class="start w20"></div>
+<div class="grid"><img class="start w20 mxh10"></div>
+<div class="grid"><img class="sa w20"></div>
+<div class="grid"><img class="sa w20 mxh10"></div>
+<div class="grid"><img class="na w20"></div>
+<div class="grid"><img class="na w20 mxh10"></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r"><img class="h20"></div>
+<div class="grid r"><img class="h20 mxw10"></div>
+<div class="grid r"><img class="start h20"></div>
+<div class="grid r"><img class="start h20 mxw10"></div>
+<div class="grid r"><img class="as h20"></div>
+<div class="grid r"><img class="as h20 mxw10"></div>
+<div class="grid r"><img class="an h20"></div>
+<div class="grid r"><img class="an h20 mxw10"></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid"><img class="h20"></div>
+<div class="grid"><img class="h20 mxw2"></div>
+<div class="grid"><img class="start h20"></div>
+<div class="grid"><img class="start h20 mxw10"></div>
+<div class="grid"><img class="as h20"></div>
+<div class="grid"><img class="as h20 mxw2"></div>
+<div class="grid"><img class="an h20"></div>
+<div class="grid"><img class="an h20 mxw10"></div>
+
+<script>
+var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D";
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  imgs[i].src = url;
+}
+</script>
+
+<!--  For generating button size results in -ref file
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004-ref.html
new file mode 100644
index 0000000000..eea7f756cb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004-ref.html
@@ -0,0 +1,145 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: ratio-preserving 'normal' stretch of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / 10px 30px 10px 30px 10px 30px 10px 30px auto auto auto auto;
+  grid-gap: 5px;
+  border:1px solid;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  height: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="0px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgSizes =
+[
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+];
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.style.width = imgSizes[i][0];
+  img.style.height = imgSizes[i][1];
+  img.src = url;
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004.html
new file mode 100644
index 0000000000..649ed1ef9c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-004.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: ratio-preserving 'normal' stretch of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-intrinsic-ratio-normal-004-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / 10px 30px 10px 30px 10px 30px 10px 30px auto auto auto auto;
+  grid-gap: 5px;
+  border:1px solid;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  height: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="0px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.src = url;
+}
+</script>
+
+<!--  For generating image size results in -ref file (try reloading a few times if you see all zeros)
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005-ref.html
new file mode 100644
index 0000000000..d7a9b28044
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005-ref.html
@@ -0,0 +1,146 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: ratio-preserving 'normal' stretch of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow 10px / 10px 30px 10px 30px 10px 30px 10px 30px auto auto auto auto;
+  grid-gap: 5px;
+  border:1px solid;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  width: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="0px" height="16px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgSizes =
+[
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+];
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.style.width = imgSizes[i][0];
+  img.style.height = imgSizes[i][1];
+  img.src = url;
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005.html
new file mode 100644
index 0000000000..9344f97d1f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-normal-005.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: ratio-preserving 'normal' stretch of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-intrinsic-ratio-normal-005-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow 10px / 10px 30px 10px 30px 10px 30px 10px 30px auto auto auto auto;
+  grid-gap: 5px;
+  border:1px solid;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  width: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="0px" height="16px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.src = url;
+}
+</script>
+
+<!--  For generating image size results in -ref file (try reloading a few times if you see all zeros)
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001-ref.html
new file mode 100644
index 0000000000..0b886d55c4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001-ref.html
@@ -0,0 +1,143 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio item with min-size:0</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  align-items: start;
+  justify-items: start;
+}
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="height:96px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:96px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:100px; height:8px">
+</div>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe end; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe end; height:24px; width:10px">
+</div>
+
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:safe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe end; width:24px; height:4px; margin-right:-14px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 80px">
+<img src="support/lime-24x2.png" style="justify-self:safe end; width:24px; height:4px; margin-left:-38px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="height:96px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:96px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:100px; height:8px">
+</div>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe end; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe end; height:24px; width:10px">
+</div>
+
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:safe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start; width:24px; height:4px; margin-right:-14px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 80px">
+<img src="support/lime-24x2.png" style="justify-self:safe end; width:24px; height:4px; margin-left:-38px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001.html
new file mode 100644
index 0000000000..f5a4c18b7c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-001.html
@@ -0,0 +1,149 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic ratio item with min-size:0</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-intrinsic-ratio-stretch-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  place-items: stretch;
+}
+.grid > * {
+  min-width: 0;
+  min-height: 0;
+}
+.vertical-tests img { writing-mode: vertical-rl; }
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png">
+</div>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe start;">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe start;">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe end;">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe end;">
+</div>
+
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:safe start">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:safe end">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 80px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe end">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png">
+</div>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe start;">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe start;">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe end;">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe end;">
+</div>
+
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:safe start">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:safe end">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 80px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe end">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002-ref.html
new file mode 100644
index 0000000000..ff997c4172
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002-ref.html
@@ -0,0 +1,147 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio item with definite min/max-size</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  place-items: start start;
+}
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:4px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="height:8px; width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="height:6px; width:100px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:20px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="width:6px; height:96px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:100px; height:10px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; width:6px; height:80px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; width:4px; height:72px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:98px; height:calc(2px * (98 / 24))">
+</div>
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:72px; height:4px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:4px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="height:8px; width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="height:6px; width:100px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:20px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="width:6px; height:96px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:100px; height:10px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; width:6px; height:80px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; width:4px; height:72px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:98px; height:calc(2px * (98 / 24))">
+</div>
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:72px; height:4px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002.html
new file mode 100644
index 0000000000..ecaafaf675
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic ratio item with definite min/max-size</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-intrinsic-ratio-stretch-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  place-items: stretch;
+}
+.grid > * {
+  min-width: 0;
+  min-height: 0;
+}
+.vertical-tests img { writing-mode: vertical-rl; }
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="max-width:4px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="max-height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="max-width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="max-height:6px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="min-width:10px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="min-width:6px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="min-height:2px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="min-height:10px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:80px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:72px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:98px">
+</div>
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:72px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="max-width:4px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="max-height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="max-width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="max-height:6px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="min-width:10px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="min-width:6px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="min-height:2px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="min-height:10px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:80px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:72px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:98px">
+</div>
+<div class="grid" style="grid: 4px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:72px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003-ref.html
new file mode 100644
index 0000000000..a8bfd0897a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003-ref.html
@@ -0,0 +1,148 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio item with min/max-size</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  align-items: start;
+  justify-items: start;
+}
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:4px; height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="width:1px; height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="width:12px; height:1px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:72px; height:6px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; width:4px; height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; width:1px; height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:48px; height:4px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:48px; height:4px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:10px; height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="width:6px; height:36px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="height:2px; width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="height:10px; width:48px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; height:80px; width:4px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:50px; width:1px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:98px; height:3px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:48px; height:2px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:4px; height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="width:1px; height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="width:12px; height:1px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:72px; height:6px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; width:4px; height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; width:1px; height:12px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:48px; height:4px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:48px; height:4px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:10px; height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="width:6px; height:36px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="height:2px; width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="height:10px; width:48px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; height:80px; width:4px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:50px; width:1px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:98px; height:3px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:48px; height:2px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003.html
new file mode 100644
index 0000000000..7491e15068
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-003.html
@@ -0,0 +1,149 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic ratio item with min/max-size</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176775">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-intrinsic-ratio-stretch-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+}
+.vertical-tests img { writing-mode: vertical-rl; }
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="min-width:4px; max-width:0">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="min-height:12px; max-height:0">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="min-width:12px; max-width:0">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="min-height:6px; max-height:0">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:48px; max-height:0">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:12px; max-height:0">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:48px; max-width:0">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:48px; max-width:0">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="min-width:10px; max-height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="min-width:6px; max-height:36px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="min-height:2px; max-width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="min-height:10px; max-width:48px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:80px; max-width:4px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:50px; max-width:1px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:98px; max-height:3px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:48px; max-height:2px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="min-width:4px; max-width:0">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="min-height:12px; max-height:0">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="min-width:12px; max-width:0">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="min-height:6px; max-height:0">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:48px; max-height:0">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:12px; max-height:0">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:48px; max-width:0">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:48px; max-width:0">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="min-width:10px; max-height:48px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="min-width:6px; max-height:36px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="min-height:2px; max-width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="min-height:10px; max-width:48px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:80px; max-width:4px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:50px; max-width:1px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:98px; max-height:3px">
+</div>
+<div class="grid" style="grid: 8px / 10px">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:48px; max-height:2px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004-ref.html
new file mode 100644
index 0000000000..2667fd4620
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004-ref.html
@@ -0,0 +1,143 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio item with min/max-size:auto and automatic minimum size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  align-items: start;
+  justify-items: start;
+}
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="height:96px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:96px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px; width:20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:100px; height:8px">
+</div>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe end; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe end; height:24px; width:10px">
+</div>
+
+<div class="grid" style="grid: 4px / 10px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:safe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 80px; width:10px">
+<img src="support/lime-24x2.png" style="position:relative; left:-14px; width:24px; height:4px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="height:96px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:96px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px; width:20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="width:100px; height:8px">
+</div>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe start; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:unsafe end; height:24px; width:10px">
+</div>
+<div class="grid" style="grid: 96px / 10px">
+<img src="support/lime-2x24.png" style="align-self:safe end; height:24px; width:10px">
+</div>
+
+<div class="grid" style="grid: 4px / 10px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:start unsafe; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:safe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 40px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start; width:24px; height:4px">
+</div>
+<div class="grid" style="grid: 4px / 10px; margin-left: 80px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe end; width:24px; height:4px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004.html
new file mode 100644
index 0000000000..c452772afe
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-004.html
@@ -0,0 +1,145 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic ratio item with min/max-size:auto and automatic minimum size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-intrinsic-ratio-stretch-004-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  place-items: stretch stretch;
+}
+.vertical-tests img { writing-mode: vertical-rl; }
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 20px)">
+<img src="support/lime-24x2.png">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+
+<br>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:safe start;">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:unsafe start;">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:safe end;">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:unsafe end;">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:safe start">
+</div>
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px); margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start">
+</div>
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px); margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:safe end">
+</div>
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px); margin-left: 80px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe end">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 20px)">
+<img src="support/lime-24x2.png">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="align-self:start">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:start">
+</div>
+
+<br>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:safe start;">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:unsafe start;">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:safe end;">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 10px)">
+<img src="support/lime-2x24.png" style="align-self:unsafe end;">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:safe start">
+</div>
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px); margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe start">
+</div>
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px); margin-left: 40px">
+<img src="support/lime-24x2.png" style="justify-self:safe end">
+</div>
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px); margin-left: 80px">
+<img src="support/lime-24x2.png" style="justify-self:unsafe end">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005-ref.html
new file mode 100644
index 0000000000..bc2354dd4e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005-ref.html
@@ -0,0 +1,156 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic ratio item with min/max-size:auto and automatic minimum size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  align-items: start;
+  justify-items: start;
+}
+img {
+  min-width: 0;
+  min-height: 0;
+}
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:4px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="height:8px; width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="height:6px; width:100px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:20px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px; width:6px">
+<img src="support/lime-2x24.png" style="width:6px; height:96px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px; width:20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px; width:100px; height:10px">
+<img src="support/lime-24x2.png" style="width:100px; height:10px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px; width:6px; height:80px">
+<img src="support/lime-2x24.png" style="align-self:start; width:6px; height:80px">
+</div>
+<!--
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 6px)">
+<img src="support/lime-2x24.png" style="align-self:start; width:4px; height:72px">
+</div>
+
+<div class="grid" style="grid: 4px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:72px; height:4px">
+</div>
+-->
+<div class="grid" style="grid: 4px / 10px; width:72px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:72px; height:4px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:4px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px">
+<img src="support/lime-24x2.png" style="height:8px; width:12px">
+</div>
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="height:6px; width:100px">
+</div>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="align-self:start; height:24px; width:20px">
+</div>
+<div class="grid" style="grid: 96px / 4px">
+<img src="support/lime-2x24.png" style="align-self:start; height:12px; width:4px">
+</div>
+
+<div class="grid" style="grid: 8px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 10px; width:10px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:24px; height:8px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: 96px / 20px">
+<img src="support/lime-2x24.png" style="width:20px; height:96px">
+</div>
+<div class="grid" style="grid: 96px / 4px; width:6px">
+<img src="support/lime-2x24.png" style="width:6px; height:96px">
+</div>
+
+<div class="grid" style="grid: 8px / 20px; width:20px">
+<img src="support/lime-24x2.png" style="width:20px; height:8px">
+</div>
+<div class="grid" style="grid: 8px / 100px; width:100px; height:10px">
+<img src="support/lime-24x2.png" style="width:100px; height:10px">
+</div>
+
+<div class="grid" style="grid: 48px / 6px; width:6px; height:80px">
+<img src="support/lime-2x24.png" style="align-self:start; width:6px; height:80px">
+</div>
+<!--
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 6px)">
+<img src="support/lime-2x24.png" style="align-self:start; width:4px; height:72px">
+</div>
+
+<div class="grid" style="grid: 4px / 100px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:72px; height:4px">
+</div>
+-->
+<div class="grid" style="grid: 4px / 10px; width:72px">
+<img src="support/lime-24x2.png" style="justify-self:start; width:72px; height:4px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005.html
new file mode 100644
index 0000000000..3845e217dd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-005.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic ratio item with min/max-size:auto and automatic minimum size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-item-intrinsic-ratio-stretch-005-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  border: 1px solid;
+  margin: 5px;
+  place-items: stretch;
+}
+.vertical-tests img { writing-mode: vertical-rl; }
+.vertical-tests div { vertical-align:bottom }
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png" style="max-width:4px">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="max-height:12px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 20px)">
+<img src="support/lime-24x2.png" style="max-width:12px">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="max-height:6px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:48px">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:12px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png" style="min-width:10px">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="min-width:6px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 20px)">
+<img src="support/lime-24x2.png" style="min-height:2px">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="min-height:10px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 48px) / minmax(auto, 6px)">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:80px">
+</div>
+<!--
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:72px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:72px">
+</div>
+-->
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:72px">
+</div>
+
+<br>
+
+<div class="vertical-tests">
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png" style="max-width:4px">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="max-height:12px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 20px)">
+<img src="support/lime-24x2.png" style="max-width:12px">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="max-height:6px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:48px">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="align-self:start; max-height:12px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:start; max-width:48px">
+</div>
+
+<br>
+
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 20px)">
+<img src="support/lime-2x24.png" style="min-width:10px">
+</div>
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="min-width:6px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 20px)">
+<img src="support/lime-24x2.png" style="min-height:2px">
+</div>
+<div class="grid" style="grid: minmax(auto, 8px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="min-height:10px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 48px) / minmax(auto, 6px)">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:80px">
+</div>
+<!--
+<div class="grid" style="grid: minmax(auto, 96px) / minmax(auto, 4px)">
+<img src="support/lime-2x24.png" style="align-self:start; min-height:72px">
+</div>
+
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 100px)">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:72px">
+</div>
+-->
+<div class="grid" style="grid: minmax(auto, 4px) / minmax(auto, 10px)">
+<img src="support/lime-24x2.png" style="justify-self:start; min-width:72px">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006-ref.html
new file mode 100644
index 0000000000..ba256368f3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006-ref.html
@@ -0,0 +1,147 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'stretch' of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / 10px 30px 10px 30px 10px 30px 10px 30px 18px 18px 18px 18px;
+  grid-gap: 5px;
+  border:1px solid;
+  align-items: stretch;
+  justify-items: stretch;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  height: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid-template-columns: 10px 30px 10px 30px 10px 30px 10px 30px 0px 0px 0px 0px;">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="0px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgSizes =
+[
+  ['8px', '20px'],
+  ['28px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['8px', '20px'],
+  ['28px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['8px', '20px'],
+  ['28px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['8px', '20px'],
+  ['28px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['8px', '20px'],
+  ['28px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['8px', '20px'],
+  ['28px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+  ['16px', '20px'],
+];
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.style.width = imgSizes[i][0];
+  img.style.height = imgSizes[i][1];
+  img.src = url;
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006.html
new file mode 100644
index 0000000000..ad7c65c690
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-006.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'stretch' of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-intrinsic-ratio-stretch-006-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / minmax(auto, 10px)  minmax(auto, 30px) minmax(auto, 10px) minmax(auto, 30px) minmax(auto, 10px) minmax(auto, 30px) minmax(auto, 10px) minmax(auto, 30px) auto auto auto auto;
+  grid-gap: 5px;
+  border:1px solid;
+  align-items: stretch;
+  justify-items: stretch;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  height: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="0px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.src = url;
+}
+</script>
+
+<!--  For generating image size results in -ref file (try reloading a few times if you see all zeros)
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007-ref.html
new file mode 100644
index 0000000000..dffb7a30d7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007-ref.html
@@ -0,0 +1,145 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'stretch' of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow 18px / 22px 30px 22px 30px 22px 30px 22px 30px 22px 22px 22px 22px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  width: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid-template-columns: 22px 30px 22px 30px 22px 30px 22px 30px 15px">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="0px" height="16px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgSizes =
+[
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+  ['20px', '16px'],
+];
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.style.width = imgSizes[i][0];
+  img.style.height = imgSizes[i][1];
+  img.src = url;
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007.html b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007.html
new file mode 100644
index 0000000000..fb7793fba0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-007.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'stretch' of image with zero ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch">
+  <link rel="match" href="grid-item-intrinsic-ratio-stretch-007-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid: auto-flow auto / minmax(auto, 10px)  minmax(auto, 30px) minmax(auto, 10px) minmax(auto, 30px) minmax(auto, 10px) minmax(auto, 30px) minmax(auto, 10px) minmax(auto, 30px) auto auto auto auto;
+  grid-gap: 5px;
+  border:1px solid;
+}
+img:nth-child(1n) { background: blue; }
+img:nth-child(2n) { background: grey; }
+img:nth-child(3n) { background: tan; }
+img:nth-child(4n) { background: black; }
+img {
+  width: 20px;
+  border: 1px solid;
+}
+.jend { justify-self: end; }
+.aend { align-self: end; }
+.end { justify-self: end; align-self: end; }
+  </style>
+</head>
+<body>
+
+<div class="grid sz">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid sz t2">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid">
+<img>
+<img>
+<img class="jend">
+<img class="jend">
+<img class="aend">
+<img class="aend">
+<img class="end">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:auto/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<div class="grid" style="grid:minmax(auto,30px) 30px/auto auto">
+<img>
+<img class="jend">
+<img class="aend">
+<img class="end">
+</div>
+
+<script>
+var url = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="0px" height="16px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
+var imgs = document.querySelectorAll('img');
+for (var i = 0; i < imgs.length; ++i) {
+  var img = imgs[i];
+  img.src = url;
+}
+</script>
+
+<!--  For generating image size results in -ref file (try reloading a few times if you see all zeros)
+<script>
+document.body.clientHeight;
+var imgs = document.querySelectorAll('img');
+var s = '  [\n';
+for (var i = 0; i < imgs.length; ++i) {
+  s += "  ['"+ imgs[i].width + "px', '" + imgs[i].height + "px'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-size-normal-001-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-001-ref.html
new file mode 100644
index 0000000000..6e4ecc9471
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-001-ref.html
@@ -0,0 +1,237 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic size items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 32px / 4px;
+  margin-right:20px;
+}
+.r { grid: 4px / 32px; }
+
+button {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+
+.start {align-self:start; justify-self:start}
+.na {align-self:start; justify-self:start}
+.sa {align-self:start; justify-self:start}
+.an {align-self:start; justify-self:start}
+.as {align-self:start; justify-self:start}
+.w20 { width: 20px min-width: 0px; }
+.mw20 { min-width: 20px }
+.mw0 { min-width: 0px }
+
+.h20 { height: 20px; min-height: 0px; }
+.mh20 { min-height: 20px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><button></button></div>
+<div class="grid r"><button class="start"></button></div>
+<div class="grid r"><button class="sa"></button></div>
+<div class="grid r"><button class="sa mxw10"></button></div>
+<div class="grid r"><button class="na"></button></div>
+<div class="grid r"><button class="na mxw2"></button></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r"><button class="mh20"></button></div>
+<div class="grid r"><button class="mh20 mxw10"></button></div>
+<div class="grid r"><button class="start mh20"></button></div>
+<div class="grid r"><button class="start mh20 mxw10"></button></div>
+<div class="grid r"><button class="sa mh20"></button></div>
+<div class="grid r"><button class="sa mh20 mxw10"></button></div>
+<div class="grid r"><button class="na mh20"></button></div>
+<div class="grid r"><button class="na mh20 mxw10"></button></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><button class="mh0"></button></div>
+<div class="grid r"><button class="mh0 mxw10"></button></div>
+<div class="grid r"><button class="start mh0"></button></div>
+<div class="grid r"><button class="start mh0 mxw10"></button></div>
+<div class="grid r"><button class="sa mh0"></button></div>
+<div class="grid r"><button class="sa mh0 mxw10"></button></div>
+<div class="grid r"><button class="na mh0"></button></div>
+<div class="grid r"><button class="na mh0 mxw2"></button></div>
+
+<pre><!----></pre>
+
+<div class="grid"><button></button></div>
+<div class="grid"><button class="mxw2"></button></div>
+<div class="grid"><button class="start"></button></div>
+<div class="grid"><button class="start mxw2"></button></div>
+<div class="grid"><button class="sa"></button></div>
+<div class="grid"><button class="sa mxw2"></button></div>
+<div class="grid"><button class="na"></button></div>
+<div class="grid"><button class="na mxw2"></button></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid"><button class="mw20"></button></div>
+<div class="grid"><button class="mw20 mxh10"></button></div>
+<div class="grid"><button class="start mw20"></button></div>
+<div class="grid"><button class="start mw20 mxh10"></button></div>
+<div class="grid"><button class="sa mw20"></button></div>
+<div class="grid"><button class="sa mw20 mxh10"></button></div>
+<div class="grid"><button class="na mw20"></button></div>
+<div class="grid"><button class="na mw20 mxh10"></button></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid"><button class="mw0"></button></div>
+<div class="grid"><button class="mw0 mxh10"></button></div>
+<div class="grid"><button class="start mw0"></button></div>
+<div class="grid"><button class="start mw0 mxh10"></button></div>
+<div class="grid"><button class="sa mw0"></button></div>
+<div class="grid"><button class="sa mw0 mxh10"></button></div>
+<div class="grid"><button class="na mw0"></button></div>
+<div class="grid"><button class="na mw0 mxh10"></button></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><button class="w20"></button></div>
+<div class="grid r"><button class="w20 mxh10"></button></div>
+<div class="grid r"><button class="start w20"></button></div>
+<div class="grid r"><button class="start w20 mxh10"></button></div>
+<div class="grid r"><button class="sa w20"></button></div>
+<div class="grid r"><button class="sa w20 mxh2"></button></div>
+<div class="grid r"><button class="na w20"></button></div>
+<div class="grid r"><button class="na w20 mxh2"></button></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid"><button class="start w20"></button></div>
+<div class="grid"><button class="start w20 mxh10"></button></div>
+<div class="grid"><button class="start w20"></button></div>
+<div class="grid"><button class="start w20 mxh10"></button></div>
+<div class="grid"><button class="sa w20"></button></div>
+<div class="grid"><button class="sa w20 mxh10"></button></div>
+<div class="grid"><button class="na w20"></button></div>
+<div class="grid"><button class="na w20 mxh10"></button></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r"><button class="h20"></button></div>
+<div class="grid r"><button class="h20 mxw10"></button></div>
+<div class="grid r"><button class="start h20"></button></div>
+<div class="grid r"><button class="start h20 mxw10"></button></div>
+<div class="grid r"><button class="as h20"></button></div>
+<div class="grid r"><button class="as h20 mxw10"></button></div>
+<div class="grid r"><button class="an h20"></button></div>
+<div class="grid r"><button class="an h20 mxw10"></button></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid"><button class="h20"></button></div>
+<div class="grid"><button class="h20 mxw2"></button></div>
+<div class="grid"><button class="start h20"></button></div>
+<div class="grid"><button class="start h20 mxw10"></button></div>
+<div class="grid"><button class="as h20"></button></div>
+<div class="grid"><button class="as h20 mxw2"></button></div>
+<div class="grid"><button class="an h20"></button></div>
+<div class="grid"><button class="an h20 mxw10"></button></div>
+
+<script>
+var buttonSizes =
+[
+  ['32px', '4px'],
+  ['2px', '2px'],
+  ['2px', '4px'],
+  ['2px', '4px'],
+  ['2px', '4px'],
+  ['2px', '4px'],
+  ['32px', '20px'],
+  ['10px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['32px', '4px'],
+  ['10px', '4px'],
+  ['2px', '2px'],
+  ['2px', '2px'],
+  ['2px', '4px'],
+  ['2px', '4px'],
+  ['2px', '4px'],
+  ['2px', '4px'],
+  ['4px', '32px'],
+  ['2px', '32px'],
+  ['2px', '2px'],
+  ['2px', '2px'],
+  ['2px', '32px'],
+  ['2px', '32px'],
+  ['2px', '32px'],
+  ['2px', '32px'],
+  ['20px', '32px'],
+  ['20px', '10px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '32px'],
+  ['20px', '10px'],
+  ['20px', '32px'],
+  ['20px', '10px'],
+  ['4px', '32px'],
+  ['4px', '10px'],
+  ['2px', '2px'],
+  ['2px', '2px'],
+  ['2px', '32px'],
+  ['2px', '10px'],
+  ['2px', '32px'],
+  ['2px', '10px'],
+  ['20px', '4px'],
+  ['20px', '4px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '4px'],
+  ['20px', '2px'],
+  ['20px', '4px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '32px'],
+  ['20px', '10px'],
+  ['20px', '32px'],
+  ['20px', '10px'],
+  ['32px', '20px'],
+  ['10px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['32px', '20px'],
+  ['10px', '20px'],
+  ['32px', '20px'],
+  ['10px', '20px'],
+  ['4px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['4px', '20px'],
+  ['2px', '20px'],
+  ['4px', '20px'],
+  ['4px', '20px'],
+];
+var buttons = document.querySelectorAll('button');
+for (var i = 0; i < buttons.length; ++i) {
+  var button = buttons[i];
+  button.style.width = buttonSizes[i][0];
+  button.style.height = buttonSizes[i][1];
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-size-normal-001.html b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-001.html
new file mode 100644
index 0000000000..1ef9fe1fed
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-001.html
@@ -0,0 +1,168 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic size items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-intrinsic-ratio-normal-003-ref.html">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 32px / 4px;
+  margin-right:20px;
+}
+.r { grid: 4px / 32px; }
+
+button {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+
+.start {align-self:start; justify-self:start}
+.na {align-self:normal; justify-self:start}
+.sa {align-self:stretch; justify-self:start}
+.an {align-self:start; justify-self:normal}
+.as {align-self:start; justify-self:stretch}
+.w20 { width: 20px }
+.mw20 { min-width: 20px }
+.mxw10 { max-width: 10px }
+.mxw2 { max-width: 2px }
+.mw0 { min-width: 0px }
+
+.h20 { height: 20px }
+.mh20 { min-height: 20px }
+.mxh10 { max-height: 10px }
+.mxh2 { max-height: 2px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><button></button></div>
+<div class="grid r"><button class="start"></button></div>
+<div class="grid r"><button class="sa"></button></div>
+<div class="grid r"><button class="sa mxw10"></button></div>
+<div class="grid r"><button class="na"></button></div>
+<div class="grid r"><button class="na mxw2"></button></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r"><button class="mh20"></button></div>
+<div class="grid r"><button class="mh20 mxw10"></button></div>
+<div class="grid r"><button class="start mh20"></button></div>
+<div class="grid r"><button class="start mh20 mxw10"></button></div>
+<div class="grid r"><button class="sa mh20"></button></div>
+<div class="grid r"><button class="sa mh20 mxw10"></button></div>
+<div class="grid r"><button class="na mh20"></button></div>
+<div class="grid r"><button class="na mh20 mxw10"></button></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><button class="mh0"></button></div>
+<div class="grid r"><button class="mh0 mxw10"></button></div>
+<div class="grid r"><button class="start mh0"></button></div>
+<div class="grid r"><button class="start mh0 mxw10"></button></div>
+<div class="grid r"><button class="sa mh0"></button></div>
+<div class="grid r"><button class="sa mh0 mxw10"></button></div>
+<div class="grid r"><button class="na mh0"></button></div>
+<div class="grid r"><button class="na mh0 mxw2"></button></div>
+
+<pre><!----></pre>
+
+<div class="grid"><button></button></div>
+<div class="grid"><button class="mxw2"></button></div>
+<div class="grid"><button class="start"></button></div>
+<div class="grid"><button class="start mxw2"></button></div>
+<div class="grid"><button class="sa"></button></div>
+<div class="grid"><button class="sa mxw2"></button></div>
+<div class="grid"><button class="na"></button></div>
+<div class="grid"><button class="na mxw2"></button></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid"><button class="mw20"></button></div>
+<div class="grid"><button class="mw20 mxh10"></button></div>
+<div class="grid"><button class="start mw20"></button></div>
+<div class="grid"><button class="start mw20 mxh10"></button></div>
+<div class="grid"><button class="sa mw20"></button></div>
+<div class="grid"><button class="sa mw20 mxh10"></button></div>
+<div class="grid"><button class="na mw20"></button></div>
+<div class="grid"><button class="na mw20 mxh10"></button></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid"><button class="mw0"></button></div>
+<div class="grid"><button class="mw0 mxh10"></button></div>
+<div class="grid"><button class="start mw0"></button></div>
+<div class="grid"><button class="start mw0 mxh10"></button></div>
+<div class="grid"><button class="sa mw0"></button></div>
+<div class="grid"><button class="sa mw0 mxh10"></button></div>
+<div class="grid"><button class="na mw0"></button></div>
+<div class="grid"><button class="na mw0 mxh10"></button></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><button class="w20"></button></div>
+<div class="grid r"><button class="w20 mxh10"></button></div>
+<div class="grid r"><button class="start w20"></button></div>
+<div class="grid r"><button class="start w20 mxh10"></button></div>
+<div class="grid r"><button class="sa w20"></button></div>
+<div class="grid r"><button class="sa w20 mxh2"></button></div>
+<div class="grid r"><button class="na w20"></button></div>
+<div class="grid r"><button class="na w20 mxh2"></button></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid"><button class="start w20"></button></div>
+<div class="grid"><button class="start w20 mxh10"></button></div>
+<div class="grid"><button class="start w20"></button></div>
+<div class="grid"><button class="start w20 mxh10"></button></div>
+<div class="grid"><button class="sa w20"></button></div>
+<div class="grid"><button class="sa w20 mxh10"></button></div>
+<div class="grid"><button class="na w20"></button></div>
+<div class="grid"><button class="na w20 mxh10"></button></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r"><button class="h20"></button></div>
+<div class="grid r"><button class="h20 mxw10"></button></div>
+<div class="grid r"><button class="start h20"></button></div>
+<div class="grid r"><button class="start h20 mxw10"></button></div>
+<div class="grid r"><button class="as h20"></button></div>
+<div class="grid r"><button class="as h20 mxw10"></button></div>
+<div class="grid r"><button class="an h20"></button></div>
+<div class="grid r"><button class="an h20 mxw10"></button></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid"><button class="h20"></button></div>
+<div class="grid"><button class="h20 mxw2"></button></div>
+<div class="grid"><button class="start h20"></button></div>
+<div class="grid"><button class="start h20 mxw10"></button></div>
+<div class="grid"><button class="as h20"></button></div>
+<div class="grid"><button class="as h20 mxw2"></button></div>
+<div class="grid"><button class="an h20"></button></div>
+<div class="grid"><button class="an h20 mxw10"></button></div>
+
+
+<!--  For generating button size results in -ref file
+<script>
+document.body.clientHeight;
+var buttons = document.querySelectorAll('button');
+var s = '  [\n';
+for (var i = 0; i < buttons.length; ++i) {
+  var cs = window.getComputedStyle(buttons[i]);
+  s += "  ['"+ cs['width'] + "', '" + cs['height'] + "'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-size-normal-002-ref.html b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-002-ref.html
new file mode 100644
index 0000000000..cf7402b658
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-002-ref.html
@@ -0,0 +1,240 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching intrinsic size items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 32px / 4px;
+  margin-right:20px;
+  align-items: start;
+  justify-items: start;
+}
+.r { grid: 4px / 32px; }
+
+iframe {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+
+.w20 { width: 20px; min-width: 0px; }
+.w22 { width: 22px; }
+.mw20 { min-width: 20px }
+.mw0 { min-width: 0px }
+.wi { width:32px }
+.w4 { width:4px }
+.w300 { width:302px }
+
+.h20 { height: 20px; min-height: 0px; }
+.h22 { height: 22px; min-height: 0px; }
+.h32 { height: 32px; min-height: 0px; }
+.mh20 { min-height: 20px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r wi"><iframe></iframe></div>
+<div class="grid r wi"><iframe class="start"></iframe></div>
+<div class="grid r wi"><iframe class="sa"></iframe></div>
+<div class="grid r"><iframe class="sa mxw10"></iframe></div>
+<div class="grid r wi"><iframe class="na"></iframe></div>
+<div class="grid r"><iframe class="na mxw2"></iframe></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid h22 r wi" style="margin-right:0"><iframe class="h20"></iframe></div>
+<div class="grid h22 r"><iframe class="mh20 mxw10"></iframe></div>
+<div class="grid h22 r wi"><iframe class="start mh20"></iframe></div>
+<div class="grid h22 r"><iframe class="start mh20 mxw10"></iframe></div>
+<div class="grid h22 r wi"><iframe class="sa mh20"></iframe></div>
+<div class="grid h22 r"><iframe class="sa mh20 mxw10"></iframe></div>
+<div class="grid h22 r wi"><iframe class="na mh20"></iframe></div>
+<div class="grid h22 r"><iframe class="na mh20 mxw10"></iframe></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r wi"><iframe class="mh0"></iframe></div>
+<div class="grid r"><iframe class="mh0 mxw10"></iframe></div>
+<div class="grid r wi"><iframe class="start mh0"></iframe></div>
+<div class="grid r"><iframe class="start mh0 mxw10"></iframe></div>
+<div class="grid r wi"><iframe class="sa mh0"></iframe></div>
+<div class="grid r"><iframe class="sa mh0 mxw10"></iframe></div>
+<div class="grid r wi"><iframe class="na mh0"></iframe></div>
+<div class="grid r"><iframe class="na mh0 mxw2"></iframe></div>
+
+<pre><!----></pre>
+
+<div class="grid w4"><iframe></iframe></div>
+<div class="grid w4"><iframe class="mxw2"></iframe></div>
+<div class="grid w4"><iframe class="start"></iframe></div>
+<div class="grid w4"><iframe class="start mxw2"></iframe></div>
+<div class="grid w4"><iframe class="sa"></iframe></div>
+<div class="grid w4"><iframe class="sa mxw2"></iframe></div>
+<div class="grid w4"><iframe class="na"></iframe></div>
+<div class="grid w4"><iframe class="na mxw2"></iframe></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid w22"><iframe class="mw20"></iframe></div>
+<div class="grid w22"><iframe class="mw20 mxh10"></iframe></div>
+<div class="grid w22"><iframe class="start mw20"></iframe></div>
+<div class="grid w22" style="margin-top:5px"><iframe class="start mw20 mxh10"></iframe></div>
+<div class="grid w22" style="margin-top:10px"><iframe class="sa mw20"></iframe></div>
+<div class="grid w22" style="margin-top:25px"><iframe class="sa mw20 mxh10"></iframe></div>
+<div class="grid w22"><iframe class="na mw20"></iframe></div>
+<div class="grid w22" style="margin-top:5px"><iframe class="na mw20 mxh10 mxw10"></iframe></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid w4"><iframe class="mw0"></iframe></div>
+<div class="grid w4"><iframe class="mw0 mxh10"></iframe></div>
+<div class="grid w4"><iframe class="start mw0"></iframe></div>
+<div class="grid w4" style="margin-top:5px"><iframe class="start mw0 mxh10"></iframe></div>
+<div class="grid w4" style="margin-top:10px"><iframe class="sa mw0"></iframe></div>
+<div class="grid w4" style="margin-top:25px"><iframe class="sa mw0 mxh10 mxw10"></iframe></div>
+<div class="grid w4"><iframe class="na mw0 mxw10"></iframe></div>
+<div class="grid w4" style="margin-top:5px"><iframe class="na mw0 mxh10"></iframe></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><iframe class="w20"></iframe></div>
+<div class="grid r"><iframe class="w20 mxh10"></iframe></div>
+<div class="grid r"><iframe class="start w20"></iframe></div>
+<div class="grid r"><iframe class="start w20 mxh10"></iframe></div>
+<div class="grid r"><iframe class="sa w20"></iframe></div>
+<div class="grid r"><iframe class="sa w20 mxh2"></iframe></div>
+<div class="grid r"><iframe class="na w20"></iframe></div>
+<div class="grid r"><iframe class="na w20 mxh2"></iframe></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid w22"><iframe class="start w20"></iframe></div>
+<div class="grid w22"><iframe class="start w20 mxh10"></iframe></div>
+<div class="grid w22"><iframe class="start w20"></iframe></div>
+<div class="grid w22"><iframe class="start w20 mxh10"></iframe></div>
+<div class="grid w22"><iframe class="sa w20"></iframe></div>
+<div class="grid w22"><iframe class="sa w20 mxh10"></iframe></div>
+<div class="grid w22"><iframe class="na w20"></iframe></div>
+<div class="grid w22"><iframe class="na w20 mxh10"></iframe></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid h22 r wi"><iframe class="h20"></iframe></div>
+<div class="grid h22 r"><iframe class="h20 mxw10"></iframe></div>
+<div class="grid h22 r wi"><iframe class="start h20"></iframe></div>
+<div class="grid h22 r"><iframe class="start h20 mxw10"></iframe></div>
+<div class="grid h22 r wi"><iframe class="as h20"></iframe></div>
+<div class="grid h22 r"><iframe class="as h20 mxw10"></iframe></div>
+<div class="grid h22 r wi"><iframe class="an h20"></iframe></div>
+<div class="grid h22 r"><iframe class="an h20 mxw10"></iframe></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid h32 w4"><iframe class="h20"></iframe></div>
+<div class="grid h32 w4"><iframe class="h20 mxw2"></iframe></div>
+<div class="grid h32 w4"><iframe class="start h20"></iframe></div>
+<div class="grid h32 w4"><iframe class="start h20 mxw10"></iframe></div>
+<div class="grid h32 w4"><iframe class="as h20"></iframe></div>
+<div class="grid h32 w4"><iframe class="as h20 mxw2"></iframe></div>
+<div class="grid h32 w4"><iframe class="an h20"></iframe></div>
+<div class="grid h32 w4"><iframe class="an h20 mxw10"></iframe></div>
+
+<script>
+var iframeSizes = [
+  ['300px', '150px'],
+  ['300px', '150px'],
+  ['300px', '2px'],
+  ['10px', '2px'],
+  ['300px', '150px'],
+  ['2px', '150px'],
+  ['300px', '150px'],
+  ['10px', '150px'],
+  ['300px', '150px'],
+  ['10px', '150px'],
+  ['300px', '20px'],
+  ['10px', '20px'],
+  ['300px', '150px'],
+  ['10px', '150px'],
+  ['300px', '150px'],
+  ['10px', '150px'],
+  ['300px', '150px'],
+  ['10px', '150px'],
+  ['300px', '2px'],
+  ['10px', '2px'],
+  ['300px', '150px'],
+  ['2px', '150px'],
+  ['300px', '150px'],
+  ['2px', '150px'],
+  ['300px', '150px'],
+  ['2px', '150px'],
+  ['300px', '30px'],
+  ['2px', '30px'],
+  ['300px', '150px'],
+  ['2px', '150px'],
+  ['300px', '150px'],
+  ['300px', '10px'],
+  ['300px', '150px'],
+  ['300px', '10px'],
+  ['300px', '30px'],
+  ['300px', '10px'],
+  ['300px', '150px'],
+  ['20px', '10px'],
+  ['300px', '150px'],
+  ['300px', '10px'],
+  ['300px', '150px'],
+  ['300px', '10px'],
+  ['300px', '30px'],
+  ['10px', '10px'],
+  ['10px', '150px'],
+  ['300px', '10px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '150px'],
+  ['20px', '10px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '2px'],
+  ['20px', '150px'],
+  ['20px', '10px'],
+  ['20px', '150px'],
+  ['20px', '10px'],
+  ['20px', '30px'],
+  ['20px', '10px'],
+  ['20px', '30px'],
+  ['20px', '10px'],
+  ['30px', '20px'],
+  ['10px', '20px'],
+  ['300px', '20px'],
+  ['10px', '20px'],
+  ['30px', '20px'],
+  ['10px', '20px'],
+  ['30px', '20px'],
+  ['10px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['300px', '20px'],
+  ['10px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+  ['2px', '20px'],
+];
+
+var iframes = document.querySelectorAll('iframe');
+for (var i = 0; i < iframes.length; ++i) {
+  var iframe = iframes[i];
+  iframe.style.width = iframeSizes[i][0];
+  iframe.style.height = iframeSizes[i][1];
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-intrinsic-size-normal-002.html b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-002.html
new file mode 100644
index 0000000000..212b702170
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-intrinsic-size-normal-002.html
@@ -0,0 +1,168 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching intrinsic size items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-intrinsic-ratio-normal-003-ref.html">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: minmax(auto, 32px) / minmax(auto, 4px);
+  margin-right:20px;
+}
+.r { grid: minmax(auto, 4px) / minmax(auto, 32px); }
+
+iframe {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+
+.start {align-self:start; justify-self:start}
+.na {align-self:normal; justify-self:start}
+.sa {align-self:stretch; justify-self:start}
+.an {align-self:start; justify-self:normal}
+.as {align-self:start; justify-self:stretch}
+.w20 { width: 20px }
+.mw20 { min-width: 20px }
+.mxw10 { max-width: 10px }
+.mxw2 { max-width: 2px }
+.mw0 { min-width: 0px }
+
+.h20 { height: 20px }
+.mh20 { min-height: 20px }
+.mxh10 { max-height: 10px }
+.mxh2 { max-height: 2px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><iframe></iframe></div>
+<div class="grid r"><iframe class="start"></iframe></div>
+<div class="grid r"><iframe class="sa"></iframe></div>
+<div class="grid r"><iframe class="sa mxw10"></iframe></div>
+<div class="grid r"><iframe class="na"></iframe></div>
+<div class="grid r"><iframe class="na mxw2"></iframe></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r" style="margin-right:0"><iframe class="mh20"></iframe></div>
+<div class="grid r"><iframe class="mh20 mxw10"></iframe></div>
+<div class="grid r"><iframe class="start mh20"></iframe></div>
+<div class="grid r"><iframe class="start mh20 mxw10"></iframe></div>
+<div class="grid r"><iframe class="sa mh20"></iframe></div>
+<div class="grid r"><iframe class="sa mh20 mxw10"></iframe></div>
+<div class="grid r"><iframe class="na mh20"></iframe></div>
+<div class="grid r"><iframe class="na mh20 mxw10"></iframe></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><iframe class="mh0"></iframe></div>
+<div class="grid r"><iframe class="mh0 mxw10"></iframe></div>
+<div class="grid r"><iframe class="start mh0"></iframe></div>
+<div class="grid r"><iframe class="start mh0 mxw10"></iframe></div>
+<div class="grid r"><iframe class="sa mh0"></iframe></div>
+<div class="grid r"><iframe class="sa mh0 mxw10"></iframe></div>
+<div class="grid r"><iframe class="na mh0"></iframe></div>
+<div class="grid r"><iframe class="na mh0 mxw2"></iframe></div>
+
+<pre><!----></pre>
+
+<div class="grid"><iframe></iframe></div>
+<div class="grid"><iframe class="mxw2"></iframe></div>
+<div class="grid"><iframe class="start"></iframe></div>
+<div class="grid"><iframe class="start mxw2"></iframe></div>
+<div class="grid"><iframe class="sa"></iframe></div>
+<div class="grid"><iframe class="sa mxw2"></iframe></div>
+<div class="grid"><iframe class="na"></iframe></div>
+<div class="grid"><iframe class="na mxw2"></iframe></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid"><iframe class="mw20"></iframe></div>
+<div class="grid"><iframe class="mw20 mxh10"></iframe></div>
+<div class="grid"><iframe class="start mw20"></iframe></div>
+<div class="grid" style="margin-top:5px"><iframe class="start mw20 mxh10"></iframe></div>
+<div class="grid" style="margin-top:10px"><iframe class="sa mw20"></iframe></div>
+<div class="grid" style="margin-top:25px"><iframe class="sa mw20 mxh10"></iframe></div>
+<div class="grid"><iframe class="na mw20"></iframe></div>
+<div class="grid" style="margin-top:5px"><iframe class="na mw20 mxh10 mxw10"></iframe></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid"><iframe class="mw0"></iframe></div>
+<div class="grid"><iframe class="mw0 mxh10"></iframe></div>
+<div class="grid"><iframe class="start mw0"></iframe></div>
+<div class="grid" style="margin-top:5px"><iframe class="start mw0 mxh10"></iframe></div>
+<div class="grid" style="margin-top:10px"><iframe class="sa mw0"></iframe></div>
+<div class="grid" style="margin-top:25px"><iframe class="sa mw0 mxh10 mxw10"></iframe></div>
+<div class="grid"><iframe class="na mw0 mxw10"></iframe></div>
+<div class="grid" style="margin-top:5px"><iframe class="na mw0 mxh10"></iframe></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><iframe class="w20"></iframe></div>
+<div class="grid r"><iframe class="w20 mxh10"></iframe></div>
+<div class="grid r"><iframe class="start w20"></iframe></div>
+<div class="grid r"><iframe class="start w20 mxh10"></iframe></div>
+<div class="grid r"><iframe class="sa w20"></iframe></div>
+<div class="grid r"><iframe class="sa w20 mxh2"></iframe></div>
+<div class="grid r"><iframe class="na w20"></iframe></div>
+<div class="grid r"><iframe class="na w20 mxh2"></iframe></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid"><iframe class="start w20"></iframe></div>
+<div class="grid"><iframe class="start w20 mxh10"></iframe></div>
+<div class="grid"><iframe class="start w20"></iframe></div>
+<div class="grid"><iframe class="start w20 mxh10"></iframe></div>
+<div class="grid"><iframe class="sa w20"></iframe></div>
+<div class="grid"><iframe class="sa w20 mxh10"></iframe></div>
+<div class="grid"><iframe class="na w20"></iframe></div>
+<div class="grid"><iframe class="na w20 mxh10"></iframe></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r"><iframe class="h20"></iframe></div>
+<div class="grid r"><iframe class="h20 mxw10"></iframe></div>
+<div class="grid r"><iframe class="start h20"></iframe></div>
+<div class="grid r"><iframe class="start h20 mxw10"></iframe></div>
+<div class="grid r"><iframe class="as h20"></iframe></div>
+<div class="grid r"><iframe class="as h20 mxw10"></iframe></div>
+<div class="grid r"><iframe class="an h20"></iframe></div>
+<div class="grid r"><iframe class="an h20 mxw10"></iframe></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid"><iframe class="h20"></iframe></div>
+<div class="grid"><iframe class="h20 mxw2"></iframe></div>
+<div class="grid"><iframe class="start h20"></iframe></div>
+<div class="grid"><iframe class="start h20 mxw10"></iframe></div>
+<div class="grid"><iframe class="as h20"></iframe></div>
+<div class="grid"><iframe class="as h20 mxw2"></iframe></div>
+<div class="grid"><iframe class="an h20"></iframe></div>
+<div class="grid"><iframe class="an h20 mxw10"></iframe></div>
+
+
+<!-- For generating the item sizes used in the -ref file.
+<script>
+document.body.clientHeight;
+var iframes = document.querySelectorAll('iframe');
+var s = '  [\n';
+for (var i = 0; i < iframes.length; ++i) {
+  var cs = window.getComputedStyle(iframes[i]);
+  s += "  ['"+ cs['width'] + "', '" + cs['height'] + "'],\n";
+}
+s += ']';
+console.log(s)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-justify-001-ref.html b/layout/reftests/css-grid/grid-item-justify-001-ref.html
new file mode 100644
index 0000000000..cfe1095546
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-justify-001-ref.html
@@ -0,0 +1,121 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: justify-self (part 1 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  inline-size: 36px;
+  block-size: 25px;
+  margin-right: 4px;
+  background: lightgrey;
+}
+
+wrap {
+  display: block;
+  position: relative;
+  inset-inline-start: 1px;
+  background: white;
+  block-size: 20px;
+  inline-size: 32px;
+  border-block-start: 3px solid lightgrey;
+}
+
+span {
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  align-self: start;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+.hl .jend, .hl .jflexend, .hl .jright { margin-left: 16px; }
+.hr .jend, .hr .jflexend { margin-right: 15px; }
+.hl .jcenter { margin-left: 9px; }
+.vl .jend, .vl .jflexend { margin-right:3px; }
+.hr .jcenter { margin-right: 8px; }
+.hr .jleft { margin-right: 15px; }
+
+.hl .jstretch5, .hl .jstretch7, .hr .jstretch5, .hr .jstretch7 { width:14px; }
+
+.jstretch4 { width:27px; }
+.vl .jstretch4 { width:0px; }
+
+.vl .jstretch2, .vl .jstretch3 { height:27px; }
+.vl .jstretch6, .vl .jstretch7 { height:9px;  }
+.vl .jend, .vl .jflexend, .vl .jright { margin-top: 19px; }
+.vl .jcenter { margin-top: 10px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // grid-item-justify-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var wrap = document.createElement("wrap");
+      div.appendChild(wrap);
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      wrap.appendChild(span);
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-justify-001.html b/layout/reftests/css-grid/grid-item-justify-001.html
new file mode 100644
index 0000000000..52ba438e35
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-justify-001.html
@@ -0,0 +1,108 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: justify-self (part 1 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-self">
+  <link rel="match" href="grid-item-justify-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 3px 20px 2px / 1px 32px 3px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px; /* overconstrained - we'll fix that below */
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // grid-item-justify-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-justify-002-ref.html b/layout/reftests/css-grid/grid-item-justify-002-ref.html
new file mode 100644
index 0000000000..c723bc3915
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-justify-002-ref.html
@@ -0,0 +1,120 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: justify-self (part 2 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  inline-size: 36px;
+  block-size: 25px;
+  margin-right: 4px;
+  background: lightgrey;
+}
+
+wrap {
+  display: block;
+  position: relative;
+  inset-inline-start: 1px;
+  background: white;
+  block-size: 20px;
+  inline-size: 32px;
+  border-block-start: 3px solid lightgrey;
+}
+
+span {
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:27px; }
+.jstretch3 { justify-self:stretch; height:27px; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:9px; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:9px; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+.vr .jend, .vr .jflexend, .vr .jright,
+.vrl .jend, .vrl .jflexend, .vrl .jright { margin-top: 19px; }
+.vlr .jend, .vlr .jflexend, .vlr .jleft { margin-bottom: 20px;}
+.vr .jcenter, .vrl .jcenter { margin-top: 10px; }
+.vlr .jcenter { margin-bottom: 11px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // grid-item-justify-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var wrap = document.createElement("wrap");
+      div.appendChild(wrap);
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      wrap.appendChild(span);
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-justify-002.html b/layout/reftests/css-grid/grid-item-justify-002.html
new file mode 100644
index 0000000000..f72c3f0bad
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-justify-002.html
@@ -0,0 +1,108 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: justify-self (part 2 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-self">
+  <link rel="match" href="grid-item-justify-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 3px 20px 2px / 1px 32px 3px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // grid-item-justify-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-001-ref.html b/layout/reftests/css-grid/grid-item-margin-left-auto-001-ref.html
new file mode 100644
index 0000000000..a7892746df
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-001-ref.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px; /* overconstrained - we'll fix that below */
+  align-self: start;
+}
+
+.hl span { justify-self: right!important; }
+.hr span { justify-self: right!important; }
+.vl span { align-self: end!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-001.html b/layout/reftests/css-grid/grid-item-margin-left-auto-001.html
new file mode 100644
index 0000000000..663f0ddec7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-001.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-auto-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px; /* overconstrained - we'll fix that below */
+  margin-left: auto;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-002-ref.html b/layout/reftests/css-grid/grid-item-margin-left-auto-002-ref.html
new file mode 100644
index 0000000000..6319ef310b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-002-ref.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 0px;
+  align-self: start;
+}
+
+.vlr span { align-self: end!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-002.html b/layout/reftests/css-grid/grid-item-margin-left-auto-002.html
new file mode 100644
index 0000000000..e68ede0132
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-002.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-auto-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-left: auto;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-003-ref.html b/layout/reftests/css-grid/grid-item-margin-left-auto-003-ref.html
new file mode 100644
index 0000000000..c7f1979279
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-003-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 0px;
+  justify-self: start;
+}
+
+.hl span { justify-self:end!important; }
+.hr span { justify-self:start!important; }
+.vl span { align-self:end!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-004.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-003.html b/layout/reftests/css-grid/grid-item-margin-left-auto-003.html
new file mode 100644
index 0000000000..353f8f02e0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-003.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-auto-003-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-left: auto;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-004.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-004-ref.html b/layout/reftests/css-grid/grid-item-margin-left-auto-004-ref.html
new file mode 100644
index 0000000000..4501f52fbc
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-004-ref.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 0px;
+  justify-self: start;
+}
+
+.vr span  { align-self:start!important; }
+.vlr span { align-self:end!important; }
+.vrl span { align-self:start!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-003.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-auto-004.html b/layout/reftests/css-grid/grid-item-margin-left-auto-004.html
new file mode 100644
index 0000000000..3eef662a43
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-auto-004.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-auto-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-left: auto;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-003.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-001-ref.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-001-ref.html
new file mode 100644
index 0000000000..b48f2e7156
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-001-ref.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left/right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 0px 2px 0px; /* overconstrained - we'll fix that below */
+  align-self: start;
+}
+
+.hl span { justify-self: center!important; }
+.hr span { justify-self: center!important; }
+.vl span { align-self: center!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-001.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-001.html
new file mode 100644
index 0000000000..fb198f796f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-001.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left/right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-right-auto-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px; /* overconstrained - we'll fix that below */
+  margin-left: auto;
+  margin-right: auto;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-002-ref.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-002-ref.html
new file mode 100644
index 0000000000..dd2006d96c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-002-ref.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left/right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 0px 2px 0px;
+  align-self: start;
+}
+
+span { align-self: center!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-002.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-002.html
new file mode 100644
index 0000000000..3dc049dbe9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-002.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left/right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-right-auto-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-left: auto;
+  margin-right: auto;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-003-ref.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-003-ref.html
new file mode 100644
index 0000000000..7391f9e0fc
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-003-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left/right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 0px 2px 0px;
+  justify-self: start;
+}
+
+.hl span { justify-self:center!important; }
+.hr span { justify-self:center!important; }
+.vl span { align-self:center!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-004.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-003.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-003.html
new file mode 100644
index 0000000000..4de40bbcc5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-003.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left/right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-right-auto-003-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-left: auto;
+  margin-right: auto;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-004.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-004-ref.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-004-ref.html
new file mode 100644
index 0000000000..7463065f83
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-004-ref.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-left/right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 0px 2px 0px;
+  justify-self: start;
+}
+
+span { align-self: center!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-003.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-left-right-auto-004.html b/layout/reftests/css-grid/grid-item-margin-left-right-auto-004.html
new file mode 100644
index 0000000000..b4799ab2fc
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-left-right-auto-004.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-left/right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-left-right-auto-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-left: auto;
+  margin-right: auto;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-003.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-001-ref.html b/layout/reftests/css-grid/grid-item-margin-right-auto-001-ref.html
new file mode 100644
index 0000000000..bfdb07aba0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-001-ref.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px; /* overconstrained - we'll fix that below */
+  align-self: start;
+}
+
+.hl span { justify-self: left!important; }
+.hr span { justify-self: left!important; }
+.vl span { align-self: start!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-001.html b/layout/reftests/css-grid/grid-item-margin-right-auto-001.html
new file mode 100644
index 0000000000..6803478ba7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-001.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-right-auto-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px; /* overconstrained - we'll fix that below */
+  margin-right: auto;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-002-ref.html b/layout/reftests/css-grid/grid-item-margin-right-auto-002-ref.html
new file mode 100644
index 0000000000..4b2bd9788b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-002-ref.html
@@ -0,0 +1,118 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-right-auto-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 0px 2px 2px;
+  align-self: start;
+}
+
+.vr span { align-self: end!important; }
+.vrl span { align-self: end!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-002.html b/layout/reftests/css-grid/grid-item-margin-right-auto-002.html
new file mode 100644
index 0000000000..839ffd8399
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-002.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-right:auto + justify-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-right-auto-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-right: auto;
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-003-ref.html b/layout/reftests/css-grid/grid-item-margin-right-auto-003-ref.html
new file mode 100644
index 0000000000..08a01afca4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-003-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 0px 2px 2px;
+  justify-self: start;
+}
+
+.hl span { justify-self:start!important; }
+.hr span { justify-self:end!important; }
+.vl span { align-self:start!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-004.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-003.html b/layout/reftests/css-grid/grid-item-margin-right-auto-003.html
new file mode 100644
index 0000000000..ccec8f7dab
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-003.html
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-right-auto-003-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-right: auto;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // *-004.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-004-ref.html b/layout/reftests/css-grid/grid-item-margin-right-auto-004-ref.html
new file mode 100644
index 0000000000..d8efb6a018
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-004-ref.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: margin-right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 0px 2px 2px;
+  justify-self: start;
+}
+
+.vr span  { align-self:end!important; }
+.vlr span { align-self:start!important; }
+.vrl span { align-self:end!important; }
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-003.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-margin-right-auto-004.html b/layout/reftests/css-grid/grid-item-margin-right-auto-004.html
new file mode 100644
index 0000000000..fc3a2973b5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-margin-right-auto-004.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin-right:auto + align-self</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176793">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-margins">
+  <link rel="match" href="grid-item-margin-right-auto-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 1px 32px 3px / 3px 20px 2px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  margin-right: auto;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.hl  { -webkit-writing-mode: horizontal-tb; direction:ltr; }
+.hr  { -webkit-writing-mode: horizontal-tb; direction:rtl; }
+.vl  { -webkit-writing-mode: vertical-lr; }
+.vr  { -webkit-writing-mode: vertical-rl; }
+.vlr { -webkit-writing-mode: vertical-lr; direction:rtl; }
+.vrl { -webkit-writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // *-003.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-001-ref.html b/layout/reftests/css-grid/grid-item-overflow-stretch-001-ref.html
new file mode 100644
index 0000000000..463bbb4e6e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-001-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Reference: stretching overflow!=visible items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 100px;
+  height: 50px;
+  grid: 7px 30px 3px / 7px 80px 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+  min-width:0;
+  min-height:0;
+  box-sizing: border-box;
+}
+
+.oa, .os, .oh { width:80px; height:30px; }
+.m.oa, .m.os, .m.oh { width:70px; height:24px; }
+.oa { overflow: auto; }
+.os { overflow: scroll; }
+.oh { overflow: hidden; }
+.m  { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  " style="width:112px"><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   " style="width:112px"><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  " style="height:112px"><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   " style="height:112px"><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-001.html b/layout/reftests/css-grid/grid-item-overflow-stretch-001.html
new file mode 100644
index 0000000000..4f6259abeb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-001.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching overflow!=visible items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <link rel="match" href="grid-item-overflow-stretch-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 100px;
+  height: 50px;
+  grid: 7px auto 3px / 7px auto 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+}
+
+.oa { overflow: auto; }
+.os { overflow: scroll; }
+.oh { overflow: hidden; }
+.m  { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   "><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   "><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-002-ref.html b/layout/reftests/css-grid/grid-item-overflow-stretch-002-ref.html
new file mode 100644
index 0000000000..a9690a54e5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-002-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Reference: stretching overflow!=visible vertical-rl items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 100px;
+  height: 50px;
+  grid: 7px 30px 3px / 7px 80px 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+  writing-mode: vertical-rl;
+  min-width:0;
+  min-height:0;
+  box-sizing: border-box;
+}
+
+.oa, .os, .oh { width:80px; height:30px; }
+.m.oa, .m.os, .m.oh { width:70px; height:24px; }
+.oa { overflow: auto; }
+.os { overflow: scroll; }
+.oh { overflow: hidden; }
+.m  { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  " style="width:112px"><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   " style="width:112px"><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  " style="height:112px"><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   " style="height:112px"><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-002.html b/layout/reftests/css-grid/grid-item-overflow-stretch-002.html
new file mode 100644
index 0000000000..520eed911a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-002.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching overflow!=visible vertical-rl items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <link rel="match" href="grid-item-overflow-stretch-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 100px;
+  height: 50px;
+  grid: 7px auto 3px / 7px auto 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+  writing-mode: vertical-rl;
+}
+
+.oa { overflow: auto; }
+.os { overflow: scroll; }
+.oh { overflow: hidden; }
+.m  { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   "><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   "><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-003-ref.html b/layout/reftests/css-grid/grid-item-overflow-stretch-003-ref.html
new file mode 100644
index 0000000000..5c259c7ccd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-003-ref.html
@@ -0,0 +1,84 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Reference: margin:auto stretch items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 100px;
+  height: 50px;
+  grid: 7px 30px 3px / 7px 112px 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+.c2 { grid-template-columns: 7px 122px 3px; }
+.h > .grid { grid: 7px 112px 3px / 7px 80px 3px; grid-gap: 0; }
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+  margin: 0 auto;
+  justify-self:start;
+  align-self:start;
+  height:28px;
+}
+.c2 > * { height:22px; }
+.h .grid > * {
+  margin: 10px 0 0 10px;
+  justify-self:center;
+  align-self:center;
+  width:5px;
+  height:110px;
+}
+
+.m  { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid c2"><span class="m oa"><x></x></span></div>
+<div class="grid c2"><span class="m os"><x></x></span></div>
+<div class="grid c2"><span class="m oh"><x></x></span></div>
+<div class="grid c2"><span class="m   "><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   "><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-003.html b/layout/reftests/css-grid/grid-item-overflow-stretch-003.html
new file mode 100644
index 0000000000..8bcd79d9be
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-003.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: margin:auto stretch items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <link rel="match" href="grid-item-overflow-stretch-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 100px;
+  height: 50px;
+  grid: 7px auto 3px / 7px auto 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+  margin: 0 auto;
+}
+.h .grid > * {
+  margin: auto;
+}
+
+.m  { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   "><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="oa"><x></x></span></div>
+<div class="grid"><span class="os"><x></x></span></div>
+<div class="grid"><span class="oh"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m oa"><x></x></span></div>
+<div class="grid"><span class="m os"><x></x></span></div>
+<div class="grid"><span class="m oh"><x></x></span></div>
+<div class="grid"><span class="m   "><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-004-ref.html b/layout/reftests/css-grid/grid-item-overflow-stretch-004-ref.html
new file mode 100644
index 0000000000..9e652f9eb8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-004-ref.html
@@ -0,0 +1,86 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Reference: stretching items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 90px;
+  height: 50px;
+  grid: 7px 30px 3px / 7px 102px 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+.c2 { grid: 7px 30px 3px / 7px 112px 3px; grid-gap: 5px;}
+.c3 { grid: 7px 30px 3px / 7px 70px 3px; grid-gap: 5px;}
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+  min-width: 0;
+  max-width: 100px;
+}
+.h .grid > * {
+  min-height: 0;
+  max-height: 100px;
+  justify-self: safe center;
+  align-self: safe center;
+}
+.h > .grid { grid: 7px 30px 3px / 7px 70px 3px; grid-gap: 5px; }
+
+.oa { overflow: auto; }
+.p { width: 100%; }
+.h .grid > .p { height: 100%; }
+.x { width:5px; }
+.h .grid > .x { max-height:5px; }
+.m { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid c3"><span class="p oa"><x></x></span></div>
+<div class="grid c3"><span class="p "><x></x></span></div>
+<div class="grid c2"><span class="p x" style="height:5px; margin-left:31.5px; margin-top:11.5px"><x></x></span></div>
+<div class="grid c2"><span class="  " style="width:68px"><x></x></span></div>
+
+<br>
+
+<div class="grid c3"><span class="p m oa"><x></x></span></div>
+<div class="grid c3"><span class="p m"><x></x></span></div>
+<div class="grid c2"><span class="m p x"><x></x></span></div>
+<div class="grid c2"><span class="m " style="width:58px"><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="p oa"><x></x></span></div>
+<div class="grid"><span class="p "><x></x></span></div>
+<div class="grid"><span class="p x" style=""><x></x></span></div>
+<div class="grid"><span class="  " style="height:28px; width:68px;"><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m p oa"><x></x></span></div>
+<div class="grid"><span class="m p"><x></x></span></div>
+<div class="grid"><span class="m p x" style="justify-self:start;align-self:start"><x></x></span></div>
+<div class="grid"><span class="m  " style="height:22px; width:58px"><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-004.html b/layout/reftests/css-grid/grid-item-overflow-stretch-004.html
new file mode 100644
index 0000000000..b983b5184b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-004.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <link rel="match" href="grid-item-overflow-stretch-004-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 90px;
+  height: 50px;
+  grid: 7px auto 3px / 7px auto 3px;
+  grid-gap: 5px;
+  border:1px solid;
+}
+
+.grid > * {
+  grid-area: 2/2;
+  border:1px solid;
+  min-width: 0;
+  max-width: 100px;
+}
+.h .grid > * {
+  min-height: 0;
+  max-height: 100px;
+}
+
+.oa { overflow: auto; }
+.p { width: 100%; }
+.h .grid > .p { height: 100%; }
+.x { max-width:5px; margin:auto; }
+.h .grid > .x { max-height:5px; }
+.m { margin: 1px 3px 5px 7px; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="p oa"><x></x></span></div>
+<div class="grid"><span class="p "><x></x></span></div>
+<div class="grid"><span class="p x"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="p m oa"><x></x></span></div>
+<div class="grid"><span class="p m"><x></x></span></div>
+<div class="grid"><span class="m p x"><x></x></span></div>
+<div class="grid"><span class="m "><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="p oa"><x></x></span></div>
+<div class="grid"><span class="p "><x></x></span></div>
+<div class="grid"><span class="p x"><x></x></span></div>
+<div class="grid"><span class="  "><x></x></span></div>
+
+<br>
+
+<div class="grid"><span class="m p oa"><x></x></span></div>
+<div class="grid"><span class="m p"><x></x></span></div>
+<div class="grid"><span class="m p x"><x></x></span></div>
+<div class="grid"><span class="m  "><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-006-ref.html b/layout/reftests/css-grid/grid-item-overflow-stretch-006-ref.html
new file mode 100644
index 0000000000..8c892d71e1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-006-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Reference: stretching overflow visible items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-flex;
+  width: 90px;
+  height: 40px;
+  padding: 7px 3px 3px 7px;
+  border: 1px solid;
+}
+
+.grid > * {
+  border: 1px solid;
+  margin: 5px;
+}
+
+.m  { margin: 6px 8px 10px 12px; }
+.ma { margin: auto; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class="" style="width:78px"><x></x></span></div>
+<div class="grid"><span class="m" style="width:68px"><x></x></span></div>
+<div class="grid"><span class="ma" style="margin-left:5px"><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class="" style="flex:1"><x></x></span></div>
+<div class="grid"><span class="m" style="flex:1"><x></x></span></div>
+<div class="grid"><span class="ma" style="margin-top:5px"><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-overflow-stretch-006.html b/layout/reftests/css-grid/grid-item-overflow-stretch-006.html
new file mode 100644
index 0000000000..015c50fccd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-overflow-stretch-006.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching overflow visible items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1348857">
+  <link rel="match" href="grid-item-overflow-stretch-006-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: inline-grid;
+  width: 100px;
+  height: 50px;
+  grid: 7px minmax(20px, auto) 3px / 7px minmax(20px, auto) 3px;
+  grid-gap: 5px;
+  border: 1px solid;
+}
+
+.grid > * {
+  grid-area: 2/2;
+  border: 1px solid;
+}
+
+.m  { margin: 1px 3px 5px 7px; }
+.ma { margin: auto; }
+
+x { display:block; width:110px; height:5px; background:grey; }
+.h .grid x { width:5px; height:110px; }
+
+br { clear:both; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><span class=""><x></x></span></div>
+<div class="grid"><span class="m"><x></x></span></div>
+<div class="grid"><span class="ma"><x></x></span></div>
+
+<br>
+
+<div class="h">
+
+<div class="grid"><span class=""><x></x></span></div>
+<div class="grid"><span class="m"><x></x></span></div>
+<div class="grid"><span class="ma"><x></x></span></div>
+
+<br>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-001-ref.html b/layout/reftests/css-grid/grid-item-sizing-percent-001-ref.html
new file mode 100644
index 0000000000..4996f8b9c1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-001-ref.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference 001</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1163435">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  position:relative;
+  background-color: grey;
+  width: 173px;
+  height: 53px;
+}
+
+.item {
+  position: absolute;
+  background: lime;
+  background-clip: content-box;
+}
+#abs > div div {
+  position: absolute;
+}
+.pbox {
+  box-sizing: border-box;
+}
+.p { padding:2px 3px; }
+.m { margin:2px 3px; }
+.c1.p,.c2.p { padding:6px 9px; }
+.c1.m,.c2.m { margin:6px 9px; }
+.b { border:solid black; }
+
+#t1 { width:50px; height: 20px; }
+#t2 { width:50px; height: 20px; }
+#t0 { width:60px; height: 30px; }
+#t3 { width:60px; height: 30px; }
+#t4 { width:150px; height: 50px; }
+#t5 { width:50px; height: 20px; }
+#t6 { width:50px; height: 20px; }
+#t7 { width:60px; height: 30px; }
+#t8 { width:150px; height: 50px; }
+#t9 { width:50px; height: 20px; }
+#tA { width:60px; height: 30px; }
+#tB { width:150px; height: 50px; }
+#tC { width:50px; height: 20px; }
+#tD { width:50px; height: 20px; }
+#tE { width:150px; height: 50px; }
+
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid"><div id="t1" class="item"></div></div>
+<div class="grid"><div id="t2" class="item pbox p"></div></div>
+<div class="grid"><div id="t0" class="item c1 p"></div></div>
+<div class="grid"><div id="t3" class="item c1 pbox p"></div></div>
+<div class="grid"><div id="t4" class="item c2 pbox p"></div></div>
+<div class="grid"><div id="t5" class="item pbox b"></div></div>
+<div class="grid"><div id="t6" class="item pbox p b"></div></div>
+<div class="grid"><div id="t7" class="item c1 pbox p b"></div></div>
+<div class="grid"><div id="t8" class="item c2 pbox p b"></div></div>
+<div class="grid"><div id="t9" class="item pbox m"></div></div>
+<div class="grid"><div id="tA" class="item c1 pbox m"></div></div>
+<div class="grid"><div id="tB" class="item c2 pbox m"></div></div>
+<div class="grid"><div id="tC" class="item pbox p m"></div></div>
+<div class="grid"><div id="tD" class="item pbox p b m"></div></div>
+<div class="grid"><div id="tE" class="item c2 pbox p b m"></div></div>
+</div>
+
+<div id="abs" style="float:left">
+<div class="grid"><div id="t1" class="item"></div></div>
+<div class="grid"><div id="t2" class="item pbox p"></div></div>
+<div class="grid"><div id="t0" class="item c1 p"></div></div>
+<div class="grid"><div id="t3" class="item c1 pbox p"></div></div>
+<div class="grid"><div id="t4" class="item c2 pbox p"></div></div>
+<div class="grid"><div id="t5" class="item pbox b"></div></div>
+<div class="grid"><div id="t6" class="item pbox p b"></div></div>
+<div class="grid"><div id="t7" class="item c1 pbox p b"></div></div>
+<div class="grid"><div id="t8" class="item c2 pbox p b"></div></div>
+<div class="grid"><div id="t9" class="item pbox m"></div></div>
+<div class="grid"><div id="tA" class="item c1 pbox m"></div></div>
+<div class="grid"><div id="tB" class="item c2 pbox m"></div></div>
+<div class="grid"><div id="tC" class="item pbox p m"></div></div>
+<div class="grid"><div id="tD" class="item pbox p b m"></div></div>
+<div class="grid"><div id="tE" class="item c2 pbox p b m"></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-001.html b/layout/reftests/css-grid/grid-item-sizing-percent-001.html
new file mode 100644
index 0000000000..960247592f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-001.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing grid item percent sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1163435">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-item-sizing-percent-001-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position:relative;
+  background-color: grey;
+  grid-template-columns: 50px 100px;
+  grid-template-rows: 20px 30px;
+  width: 173px;
+  height: 53px;
+  justify-items: start;
+  align-items: start;
+}
+
+.item {
+  width: 100%;
+  height: 100%;
+  background: lime;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+  min-width: 0;
+  min-height: 0;
+}
+.c1 {
+  width: 40%;
+  height: 60%;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+#abs > div div {
+  position: absolute;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.p { padding:4% 6%; }
+.m { margin:4% 6%; }
+.b { border:solid black; }
+
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid"><div class="item"></div></div>
+<div class="grid"><div class="item pbox p"></div></div>
+<div class="grid"><div class="item c1 p"></div></div>
+<div class="grid"><div class="item c1 pbox p"></div></div>
+<div class="grid"><div class="item c2 pbox p"></div></div>
+<div class="grid"><div class="item pbox b"></div></div>
+<div class="grid"><div class="item pbox p b"></div></div>
+<div class="grid"><div class="item c1 pbox p b"></div></div>
+<div class="grid"><div class="item c2 pbox p b"></div></div>
+<div class="grid"><div class="item pbox m"></div></div>
+<div class="grid"><div class="item c1 pbox m"></div></div>
+<div class="grid"><div class="item c2 pbox m"></div></div>
+<div class="grid"><div class="item pbox p m"></div></div>
+<div class="grid"><div class="item pbox p b m"></div></div>
+<div class="grid"><div class="item c2 pbox p b m"></div></div>
+</div>
+
+<div id="abs" style="float:left">
+<div class="grid"><div class="item"></div></div>
+<div class="grid"><div class="item pbox p"></div></div>
+<div class="grid"><div class="item c1 p"></div></div>
+<div class="grid"><div class="item c1 pbox p"></div></div>
+<div class="grid"><div class="item c2 pbox p"></div></div>
+<div class="grid"><div class="item pbox b"></div></div>
+<div class="grid"><div class="item pbox p b"></div></div>
+<div class="grid"><div class="item c1 pbox p b"></div></div>
+<div class="grid"><div class="item c2 pbox p b"></div></div>
+<div class="grid"><div class="item pbox m"></div></div>
+<div class="grid"><div class="item c1 pbox m"></div></div>
+<div class="grid"><div class="item c2 pbox m"></div></div>
+<div class="grid"><div class="item pbox p m"></div></div>
+<div class="grid"><div class="item pbox p b m"></div></div>
+<div class="grid"><div class="item c2 pbox p b m"></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-002-ref.html b/layout/reftests/css-grid/grid-item-sizing-percent-002-ref.html
new file mode 100644
index 0000000000..11faf4f6c0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-002-ref.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: Testing grid item percent sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1330380">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { vertical-align:top; line-height:4px; }
+
+.grid {
+  display: grid;
+  position: relative;
+  float: left;
+  background-color: grey;
+  grid-template-columns: 50px 100px;
+  justify-items: start;
+  align-items: start;
+  clear: both;
+}
+
+.item {
+  background: pink;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+  min-width: 0;
+  min-height: 0;
+  z-index: 1;
+}
+.c1 {
+  width: 60px;
+  height: 60%;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.maxw .item { max-width: 25px; }
+.minw .item { min-width: 25px; }
+.maxw .c1.item { max-width: 75px; }
+.minw .c1.item { min-width: 75px; }
+.maxw .c2.item { max-width: 75px; }
+.minw .c2.item { min-width: 75px; }
+
+.p { padding:3px 5px 10% 10px; }
+.c1.p, .c2.p { padding:3px 5px 10% 30px; }
+.m { margin:3px 5px 10% 5px; }
+.c1.m, .c2.m { margin:3px 5px 10% 15px; }
+.b { border:solid black; }
+
+x { display:inline-block; width:10px; height:4px; background: silver; }
+
+a {
+  grid-area: 1 / 1 / 2 / 2;
+  width:100%; height:100%;
+  background: blue;
+}
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid" style="grid-template-rows:calc(4px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(7px/.9)"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(11px/.9)"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(10px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(17px/.9)"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(21px/.9)"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(13px/.9)"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="maxw">
+<div class="grid" style="grid-template-rows:calc(8px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(15px/.9)"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(11px/.9)"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(18px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(21px/.9)"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(21px/.9)"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(13px/.9)"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid" style="grid-template-rows:calc(4px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(7px/.9)"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(10px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(17px/.9)"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(13px/.9)"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(13px/.9)"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left">
+<div class="grid" style="grid-template-rows:calc(7px/.9)"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(17.5px)"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(30px)"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(20px)"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid" style="grid-template-rows:calc(11px/.9)"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(22.5px)"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(30px)"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(20px)"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid" style="grid-template-rows:calc(7px/.9)"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(7px/.9)"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(17.5px)"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(30px)"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 calc(20px)"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-002.html b/layout/reftests/css-grid/grid-item-sizing-percent-002.html
new file mode 100644
index 0000000000..10687dbcf5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-002.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing grid item percent sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1330380">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-item-sizing-percent-002-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { vertical-align:top; line-height:4px; }
+
+.grid {
+  display: grid;
+  position: relative;
+  float: left;
+  background-color: grey;
+  grid-template-columns: 50px 100px;
+  justify-items: start;
+  align-items: start;
+  clear: both;
+}
+
+.item {
+  background: pink;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+  min-width: 0;
+  min-height: 0;
+  z-index: 1;
+}
+.c1 {
+  width: 40%;
+  height: 60%;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.maxw .item { max-width: 50%; }
+.minw .item { min-width: 50%; }
+
+.p { padding:3px 5px 10% 20%; }
+.m { margin:3px 5px 10% 10%; }
+.b { border:solid black; }
+
+x { display:inline-block; width:10px; height:4px; background: silver; }
+
+a {
+  grid-area: 1 / 1 / 2 / 2;
+  width:100%; height:100%;
+  background: blue;
+}
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="maxw">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-003-ref.html b/layout/reftests/css-grid/grid-item-sizing-percent-003-ref.html
new file mode 100644
index 0000000000..a55dcc989e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-003-ref.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: Testing grid item percent sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1330380">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { vertical-align:top; line-height:4px; }
+
+.grid {
+  display: grid;
+  position: relative;
+  float: left;
+  background-color: grey;
+  grid-template-columns: 50px 100px;
+  justify-items: start;
+  align-items: start;
+  clear: both;
+}
+
+.item {
+  background: pink;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+  min-width: 0;
+  min-height: 0;
+  z-index: 1;
+  writing-mode: vertical-rl;
+}
+.c1 {
+  width: 40%;
+  height: 60%;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.maxw .item { max-width: 25px; }
+.minw .item { min-width: 25px; }
+.maxw .c1.item { max-width: 75px; }
+.minw .c1.item { min-width: 75px; }
+.maxw .c2.item { max-width: 75px; }
+.minw .c2.item { min-width: 75px; }
+
+.p { padding:3px 5px 10% 10px; }
+.c1.p, .c2.p { padding:3px 5px 10% 30px; }
+.m { margin:3px 5px 10% 5px; }
+.c1.m, .c2.m { margin:3px 5px 10% 15px; }
+.b { border:solid black; }
+
+x { display:inline-block; width:10px; height:4px; background: silver; }
+
+a {
+  grid-area: 1 / 1 / 2 / 2;
+  width:100%; height:100%;
+  background: blue;
+}
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid" style="grid-template-rows:calc(12px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:20px"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(18px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:26px"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 36px"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 36px"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="maxw">
+<div class="grid" style="grid-template-rows:calc(12px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:20px"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(18px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:26px"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 36px"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 36px"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid" style="grid-template-rows:calc(12px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:20px"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:calc(18px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:26px"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 36px"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 36px"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left">
+<div class="grid" style="grid-template-rows:20px"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:28px"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:34px"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 54px"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid" style="grid-template-rows:20px"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:28px"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:34px"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 54px"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid" style="grid-template-rows:20px"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 30px"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:28px"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:34px"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-rows:0 54px"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-003.html b/layout/reftests/css-grid/grid-item-sizing-percent-003.html
new file mode 100644
index 0000000000..f3f71d2cc4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-003.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing grid item percent sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1330380">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-item-sizing-percent-003-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { vertical-align:top; line-height:4px; }
+
+.grid {
+  display: grid;
+  position: relative;
+  float: left;
+  background-color: grey;
+  grid-template-columns: 50px 100px;
+  justify-items: start;
+  align-items: start;
+  clear: both;
+}
+
+.item {
+  background: pink;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+  min-width: 0;
+  min-height: 0;
+  z-index: 1;
+  writing-mode: vertical-rl;
+}
+.c1 {
+  width: 40%;
+  height: 60%;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.maxw .item { max-width: 50%; }
+.minw .item { min-width: 50%; }
+
+.p { padding:3px 5px 10% 20%; }
+.m { margin:3px 5px 10% 10%; }
+.b { border:solid black; }
+
+x { display:inline-block; width:10px; height:4px; background: silver; }
+
+a {
+  grid-area: 1 / 1 / 2 / 2;
+  width:100%; height:100%;
+  background: blue;
+}
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="maxw">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-004-ref.html b/layout/reftests/css-grid/grid-item-sizing-percent-004-ref.html
new file mode 100644
index 0000000000..96365b468a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-004-ref.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: Testing grid item percent sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1330380">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { vertical-align:top; line-height:4px; }
+
+.grid {
+  display: inline-grid;
+  position: relative;
+  background-color: grey;
+  grid-template-rows: 50px 100px;
+  justify-items: start;
+  align-items: start;
+  clear: both;
+}
+
+.item {
+  background: pink;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+  min-width: 0;
+  min-height: 0;
+  z-index: 1;
+  writing-mode: vertical-rl;
+}
+.c1 {
+  width: 40%;
+  height: 90px;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.maxw .item { max-height: 50%; }
+.minw .item { min-height: 50%; }
+
+.p { padding:3px 5px 10% 20%; }
+.m { margin:3px 5px 10% 10%; }
+.b { border:solid black; }
+
+x { display:inline-block; width:10px; height:4px; background: silver; }
+
+a {
+  grid-area: 1 / 1 / 2 / 2;
+  width:100%; height:100%;
+  background: blue;
+}
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid" style="grid-template-columns:calc(10px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:15px"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 15px"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:calc(16px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:21px"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 41px"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 21px"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid" style="grid-template-columns:calc(30px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:35px"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:calc(36px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:41px"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 41px"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 41px"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="minw">
+<div class="grid" style="grid-template-columns:calc(10px)"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:15px"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 15px"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:calc(16px)"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:21px"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 41px"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 21px"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left">
+<div class="grid" style="grid-template-columns:15px"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 15px"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:20px"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:26px"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 26px"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid" style="grid-template-columns:35px"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:40px"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:46px"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 46px"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid" style="grid-template-columns:15px"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 35px"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 15px"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:20px"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:26px"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid" style="grid-template-columns:0 26px"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-percent-004.html b/layout/reftests/css-grid/grid-item-sizing-percent-004.html
new file mode 100644
index 0000000000..ce2666980d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-percent-004.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing grid item percent sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1330380">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-item-sizing-percent-004-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font:16px/1 monospace; padding:0; margin:0; }
+* { vertical-align:top; line-height:4px; }
+
+.grid {
+  display: inline-grid;
+  position: relative;
+  background-color: grey;
+  grid-template-rows: 50px 100px;
+  justify-items: start;
+  align-items: start;
+  clear: both;
+}
+
+.item {
+  background: pink;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+  min-width: 0;
+  min-height: 0;
+  z-index: 1;
+  writing-mode: vertical-rl;
+}
+.c1 {
+  width: 40%;
+  height: 60%;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.maxw .item { max-height: 50%; }
+.minw .item { min-height: 50%; }
+
+.p { padding:3px 5px 10% 20%; }
+.m { margin:3px 5px 10% 10%; }
+.b { border:solid black; }
+
+x { display:inline-block; width:10px; height:4px; background: silver; }
+
+a {
+  grid-area: 1 / 1 / 2 / 2;
+  width:100%; height:100%;
+  background: blue;
+}
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="minw">
+<div class="grid"><div class="item"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<br clear="all">
+
+<div style="float:left" class="maxw">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+<div style="float:left" class="minw">
+<div class="grid"><div class="item pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c1 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+<div class="grid"><div class="item c2 pbox p b m"><x></x><x></x><x></x></div><a></a></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-sizing-px-001.html b/layout/reftests/css-grid/grid-item-sizing-px-001.html
new file mode 100644
index 0000000000..7e58d831d3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-sizing-px-001.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing grid item 'px' sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1163435">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-item-sizing-percent-001-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position:relative;
+  background-color: grey;
+  grid-template-columns: 50px 100px;
+  grid-template-rows: 20px 30px;
+  width: 173px;
+  height: 53px;
+}
+
+.item {
+  width: 100%;
+  height: 100%;
+  background: lime;
+  grid-area: 1 / 1 / 2 / 2;
+  background-clip: content-box;
+}
+.c1 {
+  width: 40%;
+  height: 60%;
+  grid-area: 1 / 1 / 3 / 3;
+}
+.c2 {
+  grid-area: 1 / 1 / 3 / 3;
+}
+#abs > div div {
+  position: absolute;
+}
+.pbox {
+  box-sizing: border-box;
+}
+
+.p { padding:2px 3px; }
+.m { margin:2px 3px; }
+.c1.p,.c2.p { padding:6px 9px; }
+.c1.m,.c2.m { margin:6px 9px; }
+.b { border:solid black; }
+
+</style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="grid"><div class="item"></div></div>
+<div class="grid"><div class="item pbox p"></div></div>
+<div class="grid"><div class="item c1 p"></div></div>
+<div class="grid"><div class="item c1 pbox p"></div></div>
+<div class="grid"><div class="item c2 pbox p"></div></div>
+<div class="grid"><div class="item pbox b"></div></div>
+<div class="grid"><div class="item pbox p b"></div></div>
+<div class="grid"><div class="item c1 pbox p b"></div></div>
+<div class="grid"><div class="item c2 pbox p b"></div></div>
+<div class="grid"><div class="item pbox m"></div></div>
+<div class="grid"><div class="item c1 pbox m"></div></div>
+<div class="grid"><div class="item c2 pbox m"></div></div>
+<div class="grid"><div class="item pbox p m"></div></div>
+<div class="grid"><div class="item pbox p b m"></div></div>
+<div class="grid"><div class="item c2 pbox p b m"></div></div>
+</div>
+
+<div id="abs" style="float:left">
+<div class="grid"><div class="item"></div></div>
+<div class="grid"><div class="item pbox p"></div></div>
+<div class="grid"><div class="item c1 p"></div></div>
+<div class="grid"><div class="item c1 pbox p"></div></div>
+<div class="grid"><div class="item c2 pbox p"></div></div>
+<div class="grid"><div class="item pbox b"></div></div>
+<div class="grid"><div class="item pbox p b"></div></div>
+<div class="grid"><div class="item c1 pbox p b"></div></div>
+<div class="grid"><div class="item c2 pbox p b"></div></div>
+<div class="grid"><div class="item pbox m"></div></div>
+<div class="grid"><div class="item c1 pbox m"></div></div>
+<div class="grid"><div class="item c2 pbox m"></div></div>
+<div class="grid"><div class="item pbox p m"></div></div>
+<div class="grid"><div class="item pbox p b m"></div></div>
+<div class="grid"><div class="item c2 pbox p b m"></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-stretch-001-ref.html b/layout/reftests/css-grid/grid-item-stretch-001-ref.html
new file mode 100644
index 0000000000..3f53b119d8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-stretch-001-ref.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: align-items:stretch / justify-items:stretch </title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  position: relative;
+  float: left;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 25px 5px / 3px 21px 1px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 2px;
+  width: 40px;
+  height: 40px;
+  align-items: start;
+  justify-items: start;
+}
+
+span {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  grid-area: 2 / 2 / 3 / 3; /* the center area */
+  display: block;
+  width: 17px;
+  height: 13px;
+  background: lightgrey;
+  /* good for manual debugging but causes anti-aliasing diff: */
+  /* border-block-start: 2px solid blue; */
+  /* border-inline-start: 2px solid lime; */
+  border-block-start: 2px solid black;
+  border-inline-start: 2px solid black;
+  margin: 1px 1px 2px 2px;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  width:2px; height:2px;
+  background: black;
+}
+abs1 { top:auto; left:auto; }
+abs2 { top:auto; right:auto; }
+abs3 { bottom:auto; left:auto; }
+abs4 { bottom:auto; right:auto; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.stretch1 { }
+.stretch2 { height:auto; }
+.stretch3 { height:auto; max-height:13px; }
+.stretch4 { width:auto; }
+.stretch5 { width:auto; max-width:17px; }
+.stretch6 { width:auto; height:auto; max-width:17px; max-height:13px; }
+.stretch7 { width:auto; height:auto; }
+
+  </style>
+</head>
+<body>
+<pre>
+There should be no red areas.
+All grey areas should have a black dot in each corner.
+</pre>
+
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " " + test[k];
+      div.appendChild(span);
+      span.appendChild(document.createElement("abs1"));
+      span.appendChild(document.createElement("abs2"));
+      span.appendChild(document.createElement("abs3"));
+      span.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    if (j % 2 == 1) document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-stretch-001.html b/layout/reftests/css-grid/grid-item-stretch-001.html
new file mode 100644
index 0000000000..cf5cc0fd20
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-stretch-001.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: align-items:stretch / justify-items:stretch </title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#align-items-property">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#justify-items-property">
+  <link rel="match" href="grid-align-content-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 1px 25px 5px / 3px 21px 1px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 2px;
+  width: 40px;
+  height: 40px;
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+span {
+  position: relative;
+  grid-area: 2 / 2 / 3 / 3; /* the center area */
+  display: block;
+  width: 17px;
+  height: 13px;
+  background: red;
+  /* good for manual debugging but causes anti-aliasing diff: */
+  /* border-block-start: 2px solid blue; */
+  /* border-inline-start: 2px solid lime; */
+  border-block-start: 2px solid black;
+  border-inline-start: 2px solid black;
+  margin: 1px 1px 2px 2px;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  width:2px; height:2px;
+  background: black;
+}
+abs1 { top:auto; left:auto; }
+abs2 { top:auto; right:auto; }
+abs3 { bottom:auto; left:auto; }
+abs4 { bottom:auto; right:auto; }
+fill {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: lightgrey;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.stretch1 { }
+.stretch2 { height:auto; }
+.stretch3 { height:auto; max-height:13px; }
+.stretch4 { width:auto; }
+.stretch5 { width:auto; max-width:17px; }
+.stretch6 { width:auto; height:auto; max-width:17px; max-height:13px; }
+.stretch7 { width:auto; height:auto; }
+
+  </style>
+</head>
+<body>
+<pre>
+There should be no red areas.
+All grey areas should have a black dot in each corner.
+</pre>
+
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " " + test[k];
+      div.appendChild(span);
+      span.appendChild(document.createElement("fill"));
+      span.appendChild(document.createElement("abs1"));
+      span.appendChild(document.createElement("abs2"));
+      span.appendChild(document.createElement("abs3"));
+      span.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    if (j % 2 == 1) document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-table-stretch-001-ref.html b/layout/reftests/css-grid/grid-item-table-stretch-001-ref.html
new file mode 100644
index 0000000000..d0741801f4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-table-stretch-001-ref.html
@@ -0,0 +1,176 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching table items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 32px / 4px;
+  margin-right:20px;
+  align-items: start;
+  justify-items: start;
+}
+.r { grid: 4px / 32px; }
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  min-width: 0;
+  min-height: 0px;
+}
+x { display:block; width:16px; height:16px; }
+
+.w20 { width: 20px }
+.wfill { width:32px }
+.mxw2 { width: 2px }
+.mxw10 { width: 10px }
+.mw20 { width: 20px }
+
+.h20 { height: 20px }
+.hfill { height:32px }
+.mxh10 { height: 10px }
+.mxh2 { height: 2px }
+.mh20 { height: 20px }
+.h16 { height: 16px } /* XXX to workaround bug 307866 */
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="wfill"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mxw2"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as wfill"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an wfill"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mxw2"><td><x></x></td></table></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh20 wfill"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mh20 wfill"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mh20 wfill"><td><x></x></td></table></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh0 wfill"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh0 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh0"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh0 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh0"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh0 mxw2"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mh0 wfill"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mh0 wfill"><td><x></x></td></table></div>
+
+<pre><!----></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill sa"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill sa mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill na"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill na mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mxw2"><td><x></x></td></table></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill sa mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill na mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw20 mxh10"><td><x></x></td></table></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill sa mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill na mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw0 mxh10"><td><x></x></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="w20 mxh10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="start w20 mxh10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20 mxh2"><td><x></x></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill sa w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill na w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an w20 mxh10"><td><x></x></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="wfill h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="h20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="start h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="start h20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="wfill as h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as h20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="wfill an h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an h20 mxw10"><td><x></x></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="h20 mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start h20 mxw10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa h20 mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na h20 mxw10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as h20 mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an h20 mxw10"><td><x></x></td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-table-stretch-001.html b/layout/reftests/css-grid/grid-item-table-stretch-001.html
new file mode 100644
index 0000000000..35f542fb57
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-table-stretch-001.html
@@ -0,0 +1,178 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching table items with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-table-stretch-001-ref.html">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 32px / 4px;
+  margin-right:20px;
+}
+.r { grid: 4px / 32px; }
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+x { display:block; width:16px; height:16px; }
+
+.start {align-self:start; justify-self:start}
+.na {align-self:normal; justify-self:start}
+.sa {align-self:stretch; justify-self:start}
+.an {align-self:start; justify-self:normal}
+.as {align-self:start; justify-self:stretch}
+.w20 { width: 20px }
+.mw20 { min-width: 20px }
+.mxw10 { max-width: 10px }
+.mxw2 { max-width: 2px }
+.mw0 { min-width: 0px }
+
+.h20 { height: 20px }
+.mh20 { min-height: 20px }
+.mxh10 { max-height: 10px }
+.mxh2 { max-height: 2px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mxw2"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mxw2"><td><x></x></td></table></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="start mh20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mh20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mh20"><td><x></x></td></table></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh0"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh0 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh0"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh0 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh0"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh0 mxw2"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mh0"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mh0"><td><x></x></td></table></div>
+
+<pre><!----></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mxw2"><td><x></x></td></table></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw20 mxh10"><td><x></x></td></table></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw0 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw0"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw0 mxh10"><td><x></x></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="w20 mxh10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="start w20 mxh10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20 mxh2"><td><x></x></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as w20 mxh10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an w20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an w20 mxh10"><td><x></x></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="h20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="start h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="start h20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as h20 mxw10"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an h20"><td><x></x></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an h20 mxw10"><td><x></x></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="h20 mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="start h20 mxw10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa h20 mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na h20 mxw10"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as h20 mxw2"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an h20"><td><x></x></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an h20 mxw10"><td><x></x></td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-table-stretch-002-ref.html b/layout/reftests/css-grid/grid-item-table-stretch-002-ref.html
new file mode 100644
index 0000000000..96909b1a03
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-table-stretch-002-ref.html
@@ -0,0 +1,198 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching table items that has a caption with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 32px / 4px;
+  margin-right:20px;
+  align-items: start;
+  justify-items: start;
+  width: 4px;
+}
+.r { grid: 4px / 32px; width: 32px;}
+.r2 { grid: 38px / 32px; width: 32px;}
+.r26 { grid-template-rows:26px; }
+.r32 { grid:32px/20px; width: 20px; }
+.c18 { grid:32px/18px; width: 18px; }
+.r38 { grid: 38px / 4px; }
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+caption { border: 1px dashed blue; }
+x { display:block; width:16px; height:16px; }
+t { display:block; width:6px; height:6px; }
+
+.w20 { width: 20px }
+.mxw2 { width: 2px }
+.mxw10 { width: 10px }
+.mw20 { width: 20px }
+.wfill { width:32px }
+.w6 { width: 6px }
+
+.h20 { height: 20px }
+.mxh10 { height: 10px }
+.mxh2 { height: 2px }
+.mh20 { height: 20px }
+.h16 { height: 16px } /* XXX to workaround bug 307866 */
+.h8 { height: 8px } /* XXX to workaround bug 307866 */
+.w8 { width: 8px } /* XXX to workaround bug 307866 */
+.hfill { height:14px }
+
+.as, .an, .end { margin-top:6px; }
+.sa, .na, .end { margin-left:-4px; }
+.sa.mw20, .na.mw20, .end.mw20 { margin-left:-16px; }
+.sa.w20, .na.w20, .end.w20 { margin-left:-16px; }
+.sa caption, .na caption, .end caption { width:6px; }
+.sa.mw20 caption, .na.mw20 caption, .end.mw20 caption { width:18px; }
+.sa.w20 caption, .na.w20 caption, .end.w20 caption { width:18px; }
+.r .as, .r .an, .r .end { margin-top:-22px; }
+.as.h20, .an.h20, .end.h20 { margin-top:-6px; }
+.r .as.h20, .r .an.h20, .r .end.h20 { margin-top:-34px; }
+.r .sa, .r .na, .r .end { margin-left:14px; }
+.r .sa.w20, .r .na.w20, .r .end.w20 { margin-left:12px; }
+.r .sa caption, .r .na caption, .r .end caption { width:auto; }
+  </style>
+</head>
+<body>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="wfill"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa w8"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="wfill as"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="wfill an"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="wfill mh20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="mh20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="end mh20 w8" style="margin-top:0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="sa mh20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="sa mh20 w8"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="na mh20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="na mh20 w8"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="wfill mh20" style="margin-top:0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="wfill mh20" style="margin-top:0"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="wfill mh0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="mh0 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="sa mh0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="sa w8 mh0 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="na mh0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="na mh0 mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="wfill as mh0" style="margin-top:0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r26"><table cellpadding=0 cellspacing=0 class="wfill an mh0" style="margin-top:0"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!----></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill mxw2"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="" style="margin-left:-14px; margin-top:6px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="" style="margin-left:-14px; margin-top:6px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hfill" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mxw2"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mxw2"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="hfill mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="mw20" style="margin-top:6px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="h8 mw20 mxh10" style="margin-top:6px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="hfill sa mw20" style="margin-left:0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="sa mw20 mxh10" style="margin-left:0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="hfill na mw20" style="margin-left:0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="na mw20 mxh10" style="margin-left:0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="as mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="as h8 mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="an mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="an h8 mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="hfill mw0"><caption><x></x></caption><td class="w20"><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0 mxh10"><caption><x></x></caption><td class="w20"><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:6px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:6px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="hfill mw0" style="margin-top:0px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:0px"><caption><x></x></caption><td class="h8"><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="hfill mw0" style="margin-top:0px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:0px"><caption><x></x></caption><td class="h8"><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:6px"><caption><x></x></caption><td class="w20"><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:6px"><caption><x></x></caption><td class="w20"><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:6px"><caption><x></x></caption><td class="w20"><t></t></td></table></div>
+<div class="grid c18"><table cellpadding=0 cellspacing=0 class="mw0" style="margin-top:6px"><caption><x></x></caption><td class="w20"><t></t></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="h8 w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="h8 end w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20 mxh2"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="hfill w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="hfill w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="as w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="h8 as w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r32"><table cellpadding=0 cellspacing=0 class="h8 an w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="wfill h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="wfill h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="wfill h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r r2"><table cellpadding=0 cellspacing=0 class="h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20 mxw2"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20" style="margin-left:-14px"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20 mxw2"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="h20"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+<div class="grid r38"><table cellpadding=0 cellspacing=0 class="w8 h20 mxw10"><caption class="w6"><x></x></caption><td><t></t></td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-table-stretch-002.html b/layout/reftests/css-grid/grid-item-table-stretch-002.html
new file mode 100644
index 0000000000..792091b3fd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-table-stretch-002.html
@@ -0,0 +1,180 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching table items that has a caption with 'normal' and/or 'stretch' and min/max-size, with Automatic Minimum Size clamping</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-table-stretch-002-ref.html">
+  <style type="text/css">
+* { vertical-align: bottom; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: minmax(auto,32px) / minmax(auto,4px);
+  margin-right:20px;
+}
+.r { grid: minmax(auto,4px) / minmax(auto,32px); }
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+caption { border: 1px dashed blue; }
+x { display:block; width:16px; height:16px; }
+t { display:block; width:6px; height:6px; }
+
+.end {align-self:end; justify-self:end}
+.na {                    justify-self:end}
+.sa {align-self:stretch; justify-self:end}
+.an {align-self:end;                     }
+.as {align-self:end; justify-self:stretch}
+.w20 { width: 20px }
+.mw20 { min-width: 20px }
+.mxw10 { max-width: 10px }
+.mxw2 { max-width: 2px }
+.mw0 { min-width: 0px }
+
+.h20 { height: 20px }
+.mh20 { min-height: 20px }
+.mxh10 { max-height: 10px }
+.mxh2 { max-height: 2px }
+.mh0 { min-height: 0px }
+
+  </style>
+</head>
+<body>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-height:20px--></pre>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="end mh20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mh20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mh20"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-height:0--></pre>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="mh0 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa mh0 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na mh0 mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as mh0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an mh0"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!----></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-width:20px--></pre>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--min-width:0--></pre>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="mw0 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end mw0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end mw0 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa mw0 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na mw0 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as mw0 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw0"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an mw0 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="end w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="sa w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="na w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an w20 mxh2"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--width:20px--></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an w20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an w20 mxh10"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="end h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="end h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="as h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid r"><table cellpadding=0 cellspacing=0 class="an h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+
+<pre><!--height:20px--></pre>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="h20 mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="end h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="sa h20 mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="na h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="as h20 mxw2"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an h20"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="an h20 mxw10"><caption><x></x></caption><td><t></t></td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-table-stretch-004-ref.html b/layout/reftests/css-grid/grid-item-table-stretch-004-ref.html
new file mode 100644
index 0000000000..970cae2f06
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-table-stretch-004-ref.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching table items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 60px / 100px;
+  padding: 10px 4px 3px 6px;
+}
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+}
+caption { border: 1px dashed blue;}
+x { display:block; width:16px; height:16px; }
+t { display:block; width:20px; height:20px; }
+
+.hma10 { margin: 7px 3px 1px 0; }
+.hmaa  { margin: 7px 0 1px 0; }
+.vma10 { margin: 0 7px 3px 1px; }
+.vmaa  { margin: 0 7px 0 1px; }
+
+.js { justify-self: start; }
+.je { justify-self: end; }
+.jc { justify-self: center; }
+.as { align-self: start; }
+.ae { align-self: end; }
+.ac { align-self: center; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hma10 je"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hmaa jc"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr hma10 je"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr hmaa jc"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr" style="height:60px; width:82px"><caption><x></x></caption><td><t></t></td></table></div>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vma10 ae"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vmaa ac"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr vma10 ae"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr vmaa ac"><caption><x></x></caption><td><t></t></td></table></div>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 style="height:34px; width:100px"><caption class="hma10 js"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 style="height:34px; width:100px"><caption class="hmaa js"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 style="height:39px; width:100px"><caption class="vma10"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 style="height:42px; width:100px"><caption class="vmaa"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr" style="height:60px; width:79px"><caption class="hma10"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr" style="height:60px; width:82px"><caption class="hmaa"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr" style="height:60px; width:74px"><caption class="vma10 js"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr" style="height:60px; width:74px"><caption class="vmaa js"><x></x></caption><td><t></t></td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-table-stretch-004.html b/layout/reftests/css-grid/grid-item-table-stretch-004.html
new file mode 100644
index 0000000000..e6e8a96bb2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-table-stretch-004.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching table items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-table-stretch-004-ref.html">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 10px 60px 3px / 6px 100px 4px;
+}
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  grid-area:2/2;
+}
+caption { border: 1px dashed blue;}
+x { display:block; width:16px; height:16px; }
+t { display:block; width:20px; height:20px; }
+
+.hma10 { margin: 7px 3px 1px auto; }
+.hmaa  { margin: 7px auto 1px auto; }
+.vma10 { margin: auto 7px 3px 1px; }
+.vmaa  { margin: auto 7px auto 1px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hma10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="hmaa"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr hma10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr hmaa"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr"><caption><x></x></caption><td><t></t></td></table></div>
+
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vma10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vmaa"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr vma10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr vmaa"><caption><x></x></caption><td><t></t></td></table></div>
+
+<div class="grid"><table cellpadding=0 cellspacing=0><caption class="hma10"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0><caption class="hmaa"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0><caption class="vma10"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0><caption class="vmaa"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr"><caption class="hma10"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr"><caption class="hmaa"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr"><caption class="vma10"><x></x></caption><td><t></t></td></table></div>
+<div class="grid"><table cellpadding=0 cellspacing=0 class="vr"><caption class="vmaa"><x></x></caption><td><t></t></td></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-video-stretch-001-ref.html b/layout/reftests/css-grid/grid-item-video-stretch-001-ref.html
new file mode 100644
index 0000000000..419fcab61a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-video-stretch-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: video items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 50px / 100px;
+  padding: 10px 4px 3px 6px;
+}
+
+video {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  width: 16px;
+  height: 8px;
+}
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px 0; }
+.hmaa  { margin: 7px 0 1px 0; }
+.vma10 { margin: 0 7px 3px 1px; }
+.vmaa  { margin: 0 7px 0 1px; }
+
+.js { justify-self: start; }
+.je { justify-self: end; }
+.jc { justify-self: center; }
+.as { align-self: start; }
+.ae { align-self: end; }
+.ac { align-self: center; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><video class="m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="vma10 ae" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vmaa ac" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vma10 ae" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vmaa ac" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vma10 ae" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vmaa ac" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxw m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxh m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr" src="support/colors-16x8.webm"></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-video-stretch-001.html b/layout/reftests/css-grid/grid-item-video-stretch-001.html
new file mode 100644
index 0000000000..f5416da26e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-video-stretch-001.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: video items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-video-stretch-001-ref.html">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 10px 50px 3px / 6px 100px 4px;
+}
+
+video {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  grid-area: 2/2;
+}
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px auto; }
+.hmaa  { margin: 7px auto 1px auto; }
+.vma10 { margin: auto 7px 3px 1px; }
+.vmaa  { margin: auto 7px auto 1px; }
+.mxw { max-width: 32px; }
+.mxh { max-height: 16px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><video class="m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="vma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vmaa" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxw m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxh m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr" src="support/colors-16x8.webm"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-video-stretch-002-ref.html b/layout/reftests/css-grid/grid-item-video-stretch-002-ref.html
new file mode 100644
index 0000000000..6e6070e98d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-video-stretch-002-ref.html
@@ -0,0 +1,113 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: stretching video items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 50px / 100px;
+  padding: 10px 4px 3px 6px;
+}
+
+video {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  width: 16px;
+  height: 8px;
+}
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px 0; }
+.hmaa  { margin: 7px 0 1px 0; }
+.vma10 { margin: 0 7px 3px 1px; }
+.vmaa  { margin: 0 7px 0 1px; }
+
+.js { justify-self: start; }
+.je { justify-self: end; }
+.jc { justify-self: center; }
+.as { align-self: start; }
+.ae { align-self: end; }
+.ac { align-self: center; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><video class="m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="vma10 ae" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vmaa ac" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vma10 ae" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vmaa ac" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vma10 ae" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vmaa ac" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxw m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxh m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hma10 je" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hmaa jc" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr" src="support/colors-16x8.webm"></div>
+
+<script>
+var sizes =
+[
+  ['90px', '40px'],
+  ['16px', '40px'],
+  ['16px', '40px'],
+  ['16px', '40px'],
+  ['16px', '40px'],
+  ['98px', '48px'],
+  ['90px', '8px'],
+  ['90px', '8px'],
+  ['90px', '8px'],
+  ['90px', '8px'],
+  ['82px', '8px'],
+  ['82px', '8px'],
+  ['32px', '40px'],
+  ['16px', '40px'],
+  ['16px', '40px'],
+  ['16px', '40px'],
+  ['16px', '40px'],
+  ['32px', '48px'],
+  ['90px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['16px', '16px'],
+  ['98px', '16px'],
+];
+var items = document.querySelectorAll('video')
+for (var i = 0; i < items.length; ++i) {
+  let item = items[i];
+  item.style.width = sizes[i][0];
+  item.style.height = sizes[i][1];
+}
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-item-video-stretch-002.html b/layout/reftests/css-grid/grid-item-video-stretch-002.html
new file mode 100644
index 0000000000..e8a628b323
--- /dev/null
+++ b/layout/reftests/css-grid/grid-item-video-stretch-002.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: stretching video items with auto-margins and/or orthogonal writing-mode</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1316051">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="grid-item-video-stretch-002-ref.html">
+  <style type="text/css">
+* { vertical-align: top; }
+.grid {
+  display: inline-grid;
+  border: 3px solid grey;
+  grid: 10px 50px 3px / 6px 100px 4px;
+  align-items: stretch;
+  justify-items: stretch;
+}
+
+video {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  grid-area: 2/2;
+}
+
+.m { margin: 7px 3px 1px 5px; }
+.p { padding: 3px 1px 5px 7px; }
+.hma10 { margin: 7px 3px 1px auto; }
+.hmaa  { margin: 7px auto 1px auto; }
+.vma10 { margin: auto 7px 3px 1px; }
+.vmaa  { margin: auto 7px auto 1px; }
+.mxw { max-width: 32px; }
+.mxh { max-height: 16px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="grid"><video class="m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="vma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr vmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="vr p vmaa" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxw m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxw vr" src="support/colors-16x8.webm"></div>
+
+<div class="grid"><video class="mxh m" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hma10" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr hmaa" src="support/colors-16x8.webm"></div>
+<div class="grid"><video class="mxh vr" src="support/colors-16x8.webm"></div>
+
+<!--
+<script>
+function test() {
+document.body.clientHeight;
+var videos = document.querySelectorAll('video');
+var s = '  [\n';
+for (var i = 0; i < videos.length; ++i) {
+  let cs = window.getComputedStyle(videos[i])
+  s += "  ['"+ cs.width + "', '" + cs.height + "'],\n";
+}
+s += ']';
+console.log(s)
+}
+
+setTimeout(test,2000)
+</script>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-justify-content-001-ref.html b/layout/reftests/css-grid/grid-justify-content-001-ref.html
new file mode 100644
index 0000000000..5e43a86bb4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-justify-content-001-ref.html
@@ -0,0 +1,92 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: justify-content</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 40px;
+}
+
+item1,item2,item3 {
+  display: block;
+  position: relative;
+  background: grey;
+  align-self: stretch;
+  justify-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jend * , .jflexend * { inset-inline-start:17px; }
+.jcenter * {  inset-inline-start:8.5px; }
+.hr.jleft * , .vlr.jleft * { inset-inline-start:17px; }
+.hl.jright * , .vrl.jright * , .vl.jright * , .vr.jright * { inset-inline-start:17px; }
+
+.jspace-between item2 { inset-inline-start:8.5px; }
+.jspace-between item3 { inset-inline-start:17px; }
+
+.jspace-around item1 { inset-inline-start:2.85px;  }
+.jspace-around item2 { inset-inline-start:8.5px;  }
+.jspace-around item3 { inset-inline-start:14.16px;  }
+
+.jspace-evenly item1 { inset-inline-start:4.25px;  }
+.jspace-evenly item2 { inset-inline-start:8.5px;  }
+.jspace-evenly item3 { inset-inline-start:12.75px;  }
+
+.jstretch2 { grid-template-columns:1fr 7px 5px; }
+.jstretch3 { grid-template-columns:19.5px 15.5px 5px; }
+.jstretch4 { grid-template-columns:16.66666px 12.66666px 10.66666px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid j" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-justify-content-001.html b/layout/reftests/css-grid/grid-justify-content-001.html
new file mode 100644
index 0000000000..b86dadb13e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-justify-content-001.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: justify-content</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content">
+  <link rel="match" href="grid-justify-content-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 40px;
+}
+
+item1,item2,item3 {
+  display: block;
+  background: grey;
+  align-self: stretch;
+  justify-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-content:start; }
+.jend { justify-content:end; }
+.jflexstart { justify-content:flex-start; }
+.jflexend { justify-content:flex-end; }
+.jcenter { justify-content:center; }
+.jleft { justify-content:left; }
+.jright { justify-content:right; }
+
+.jspace-between{ justify-content:space-between; }
+.jspace-around { justify-content:space-around;  }
+.jspace-evenly { justify-content:space-evenly;  }
+
+.jstretch1, .jstretch2, .jstretch3, .jstretch4 { justify-content:stretch; }
+.jstretch2 { grid-template-columns: minmax(11px,auto) 7px 5px; }
+.jstretch3 { grid-template-columns: minmax(11px,auto) minmax(7px,auto) 5px; }
+.jstretch4 { grid-template-columns: minmax(11px,auto) minmax(7px,auto) minmax(5px,auto); }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid j" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-justify-content-002-ref.html b/layout/reftests/css-grid/grid-justify-content-002-ref.html
new file mode 100644
index 0000000000..996ef2a9d8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-justify-content-002-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track distribution rounding errors</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-template-rows: 7px;
+  border: 1px solid blue;
+  background: black;
+}
+
+x { background: lime; height:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var justify = [ "" ];
+var cols = [ "151", "1" ];
+var widths = [ "151", "152", "153", "154", "155", "156", "157", "158", "159",
+               "160", "161", "301", "302", "303", "304", "305", "306", "307",
+               "308", "309", "310", "311" ];
+for (var c = 0; c < cols.length; ++c) {
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "float:left; margin:1px;");
+  for (var j = 0; j < justify.length; ++j) {
+    for (var w = 0; w < widths.length; ++w) {
+      var grid = document.createElement('div');
+      grid.style.width = widths[w]+"px";
+      if (widths[w] > 300) {
+        grid.style.gridTemplateColumns = "2px " + (widths[w]-4) + "px 2px";
+      } else {
+        grid.style.gridTemplateColumns = "1px " + (widths[w]-2) + "px 1px";
+      }
+      grid.className = "grid " + justify[j];
+      if (cols[c] > 1) {
+        var x = document.createElement('x');
+        x.style.gridColumn = "2 / 3";
+        x.setAttribute('col', cols[c])
+        grid.appendChild(x);
+      }
+      chunk.appendChild(grid);
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-justify-content-002.html b/layout/reftests/css-grid/grid-justify-content-002.html
new file mode 100644
index 0000000000..73220d041c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-justify-content-002.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track distribution rounding errors</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content">
+  <link rel="match" href="grid-justify-content-002-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(1px,auto);
+  grid-template-rows: 0px 7px;
+  border: 1px solid blue;
+}
+.stretch       { justify-content: stretch; }
+/* I don't know how to make a reference for these so they are only included to
+   trigger possible assertions: */
+.space-between { justify-content: space-between; visibility:hidden; }
+.space-around  { justify-content: space-around;  visibility:hidden; }
+.space-evenly  { justify-content: space-evenly;  visibility:hidden; }
+
+.grid :last-child, .grid :nth-child(2) { background:black; }
+
+x { background: lime; height:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var justify = [ "stretch", "space-between", "space-around", "space-evenly" ];
+var cols = [ "151", "1" ];
+var widths = [ "151", "152", "153", "154", "155", "156", "157", "158", "159",
+               "160", "161", "301", "302", "303", "304", "305", "306", "307",
+               "308", "309", "310", "311" ];
+for (var c = 0; c < cols.length; ++c) {
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "float:left; margin:1px");
+  for (var j = 0; j < justify.length; ++j) {
+    for (var w = 0; w < widths.length; ++w) {
+      var grid = document.createElement('div');
+      grid.style.width = widths[w]+"px";
+      grid.className = "grid " + justify[j];
+      var span = document.createElement('span');
+      span.style.gridColumn = "1 / span " + cols[c];
+      grid.appendChild(span);
+      for (var x = 0; x < cols[c]; ++x) {
+        grid.appendChild(document.createElement('x'));
+      }
+      chunk.appendChild(grid);
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-justify-content-003-ref.html b/layout/reftests/css-grid/grid-justify-content-003-ref.html
new file mode 100644
index 0000000000..466fa5cded
--- /dev/null
+++ b/layout/reftests/css-grid/grid-justify-content-003-ref.html
@@ -0,0 +1,119 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track fallback values</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(1px,auto);
+  grid-template-rows: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  margin-right: 20px;
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+
+x { background: lime; height:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var justify = [
+   "start",
+   // "end",
+   // "center",
+   // "start",
+   // "end",
+   "start",
+   "start",
+   "start",
+   "start",
+   "end",
+   "center",
+   "start",
+   // "end",
+   // "start",
+   // "end safe",
+   // "end",
+   "center",
+   // "center",
+   // "end",
+   // "end safe",
+   // "start",
+   "center",
+   // "end",
+   // "end safe",
+   // "left",
+   // "end",
+];
+var cols = [ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9" ];
+var widths = [ "0", "1", "2", "3", "4", "5", "6" ];
+for (var j = 0; j < justify.length; ++j) {
+  // document.body.appendChild(document.createTextNode(justify[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden");
+  for (var c = 0; c < cols.length; ++c) {
+    for (var w = 0; w < widths.length; ++w) {
+     // set this to true if you want to see all tests
+     var run_test = widths[w] < cols[c] || cols[c] == 0 || cols[c] == 1;
+     if (run_test) {
+      var grid = document.createElement('div');
+      grid.style.width = widths[w]+"px";
+      grid.className = "grid";
+      grid.style.justifyContent = justify[j];
+      var span = document.createElement('span');
+      span.style.gridColumn = "1 / span " + cols[c];
+      grid.appendChild(span);
+      for (var x = 0; x < cols[c]; ++x) {
+        grid.appendChild(document.createElement('x'));
+      }
+      // if (j < 5) { // The stretch tests.
+      if (j < 1) { // The stretch test.
+        if (c == 1)
+          grid.style.background = 'pink'
+      }
+      // if (j == 6 && cols[c] == 1) { // The 'safe end' tests.
+      if (j == 2 && cols[c] == 1) { // The 'safe end' tests.
+        if (widths[w] != 0) grid.style.justifyContent = 'end';
+      }
+      // if (j == 7 && cols[c] == 1) { // The 'safe center' tests.
+      if (j == 3 && cols[c] == 1) { // The 'safe center' tests.
+        if (widths[w] != 0) grid.style.justifyContent = 'center';
+      }
+      // if (j > 15) { // The space-around and space-evenly tests.
+      if (j > 7) { // The space-around and space-evenly tests.
+        if (cols[c] == 1) {
+          if (widths[w] == 0) {
+            if (grid.style.justifyContent != 'end') {
+              grid.style.justifyContent = 'start';
+            }
+          } else {
+            grid.style.justifyContent = 'center';
+          }
+        }
+      }
+      chunk.appendChild(grid);
+     }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-justify-content-003.html b/layout/reftests/css-grid/grid-justify-content-003.html
new file mode 100644
index 0000000000..a2a7b445da
--- /dev/null
+++ b/layout/reftests/css-grid/grid-justify-content-003.html
@@ -0,0 +1,100 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing 'justify-content' fallback values</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151214">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content">
+  <link rel="match" href="grid-justify-content-003-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(1px,auto);
+  grid-template-rows: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  margin-right: 20px;
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+
+x { background: lime; height:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var justify = [
+   "stretch",
+   // FIXME: When https://github.com/w3c/csswg-drafts/issues/1002 is implemented.
+   // "stretch end",
+   // "stretch center",
+   // "stretch safe end",
+   // "stretch unsafe end",
+   "safe start",
+   "safe end",
+   "safe center",
+   "unsafe start",
+   "unsafe end",
+   "unsafe center",
+   "space-between",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-between end",
+   // "space-between start",
+   // "space-between safe end",
+   // "space-between unsafe end",
+   "space-around",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-around center",
+   // "space-around right",
+   // "space-around safe right",
+   // "space-around left",
+   "space-evenly",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-evenly flex-end",
+   // "space-evenly safe flex-end",
+   // "space-evenly unsafe flex-start",
+   // "space-evenly right",
+];
+var cols = [ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9" ];
+var widths = [ "0", "1", "2", "3", "4", "5", "6" ];
+for (var j = 0; j < justify.length; ++j) {
+  // document.body.appendChild(document.createTextNode(justify[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden");
+  for (var c = 0; c < cols.length; ++c) {
+    for (var w = 0; w < widths.length; ++w) {
+     // set this to true if you want to see all tests
+     var run_test = widths[w] < cols[c] || cols[c] == 0 || cols[c] == 1;
+     if (run_test) {
+      var grid = document.createElement('div');
+      grid.style.width = widths[w]+"px";
+      grid.className = "grid";
+      grid.style.justifyContent = justify[j];
+      var span = document.createElement('span');
+      span.style.gridColumn = "1 / span " + cols[c];
+      grid.appendChild(span);
+      for (var x = 0; x < cols[c]; ++x) {
+        grid.appendChild(document.createElement('x'));
+      }
+      chunk.appendChild(grid);
+     }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-001-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-001-ref.html
new file mode 100644
index 0000000000..57332222e2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-001-ref.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: block;
+  border: dashed blue;
+  float: left;
+  clear: left;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; margin-left:38px; }
+.c3 { grid-column: 3 / span 1; min-width:0; margin-left:138px; }
+
+span {
+  display: block;
+  float: left;
+  clear: left;
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  justify-self: flex-start;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1" style="width:73px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:46px"><x></x></span>
+<span class="r1" style="margin-left:41px; width:82px"><x></x></span>
+<span class="c3" style="margin-left:77px; "><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1" style="width:73px"><x></x></span>
+<span class="r1" style="width:73px"><x></x></span>
+<span class="r1" style="width:73px"><x></x></span>
+</div>
+<div class="grid" style="">
+<span class="c1" style="width:410px"><x></x></span>
+<span class="r1" style="margin-left:41px; width:446px"><x></x></span>
+<span class="c3" style="margin-left:441px;"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="width:224px"><x></x></span>
+<span class="r1" style="margin-left:130px; width:349px"><x></x></span>
+<span class="r1" style="margin-left:130px; width:349px"><x></x></span>
+<span class="r1" style="margin-left:130px; width:349px"><x></x></span>
+</div>
+
+<div class="grid" style="">
+<span class="c1" style="width:510px"><x></x></span>
+<span class="r1" style="margin-left:41px; width:546px"><x></x></span>
+<span class="c3" style="margin-left:541px;"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="margin-left:114px; width:300px"><x></x></span>
+<span class="c3" style="margin-left:222px; width:83px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x></x></span>
+<span class="r1" style="margin-left:114px; width:300px; border-sizing:border-box"><x></x></span>
+<span class="c3" style="margin-left:222px; width:83px"><x></x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-001.html b/layout/reftests/css-grid/grid-max-sizing-flex-001.html
new file mode 100644
index 0000000000..56adb9e681
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-001.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(0,1fr);
+  border: dashed blue;
+  float: left;
+  clear: left;
+  justify-items: stretch;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; }
+.c3 { grid-column: 3 / span 1; min-width:0; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+<div class="grid" style="grid-template-columns: minmax(0,1fr) 400px;">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="min-width:20px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+<span class="r1" style="min-width:30px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,1fr) minmax(0,500px);">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="width:300px"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x></x></span>
+<span class="r1" style="width:300px; border-sizing:border-box"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-002-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-002-ref.html
new file mode 100644
index 0000000000..cc2e665f1d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-002-ref.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: block;
+  border: dashed blue;
+  clear: left;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; margin-top:1px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; margin-left:38px; }
+.c3 { grid-column: 3 / span 1; min-width:0; margin-left:138px; }
+
+span {
+  display: block;
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 2px 5px 1px 5px;
+  justify-self: flex-start;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1" style="width:371px"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:371px"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+<span class="c3" style="margin-left:402px; width:173px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:371px"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+<span class="r1" style="margin-left:204px;"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:505px"><x></x></span>
+<span class="r1" style="margin-left:136px;"><x></x></span>
+<span class="c3" style="margin-left:536px; width:106px"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="width:224px"><x></x></span>
+<span class="r1" style="margin-left:130px; width:349px"><x></x></span>
+<span class="r1" style="margin-left:130px; width:349px"><x></x></span>
+<span class="r1" style="margin-left:130px; width:349px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:572px"><x></x></span>
+<span class="r1" style="margin-left:103px;"><x></x></span>
+<span class="c3" style="margin-left:603px; width:72px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="margin-left:204px; width:300px"><x></x></span>
+<span class="c3" style="margin-left:402px; width:173px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="margin-left:204px; width:300px"><x></x></span>
+<span class="c3" style="margin-left:402px; width:173px"><x></x></span>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-002.html b/layout/reftests/css-grid/grid-max-sizing-flex-002.html
new file mode 100644
index 0000000000..d86498207a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-002.html
@@ -0,0 +1,89 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: grid;
+  grid-auto-columns: minmax(0,1fr);
+  border: dashed blue;
+  justify-items: stretch;
+}
+
+.c1 { grid-column: 1 / span 2; min-width:40px; }
+.r1 { grid-column: 2 / span 3; min-width:70px; }
+.c3 { grid-column: 3 / span 1; min-width:0; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+}
+
+x { display:inline-block; width:10px; height:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+<div class="grid" style="grid-template-columns: minmax(0,1fr) 400px;">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid" style="width:500px;">
+<span class="c1" style="min-width:20px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+<span class="r1" style="min-width:30px"><x></x></span>
+<span class="r1" style="min-width:10px"><x></x></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,1fr) minmax(0,500px);">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px"><x></x></span>
+<span class="r1" style="width:300px"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="width:100px; border-sizing:border-box"><x></x></span>
+<span class="r1" style="width:300px; border-sizing:border-box"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-003-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-003-ref.html
new file mode 100644
index 0000000000..bb6c3390c8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-003-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: block;
+  border: 3px dashed blue;
+  width: 794px;
+}
+
+.c1 { min-height:40px; margin-top:1px; }
+.r1 { min-height:70px; margin-top:38px; }
+.c3 { min-height:0; margin-top:138px; }
+
+.gc1 { grid-row: 1 / span 2; min-height:40px; }
+.gr1 { grid-row: 2 / span 3; min-height:70px; }
+.gc3 { grid-row: 3 / span 1; min-height:0; }
+
+span {
+  display: block;
+  background: gray;
+  border-style: solid;
+  border-height: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  justify-self: flex-start;
+}
+
+td {
+  vertical-align:top;
+}
+x { display:inline-block; height:10px; width:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<table cellpadding="0" cellspacing="0"><tr>
+<td><span class="c1" style="height:43px"><x>&nbsp;</x></span>
+<td><span class="r1" style="margin-top:28px;margin-left:5px"><x>&nbsp;</x></span>
+</tr></table>
+</div>
+
+<div class="grid">
+<table cellpadding="0" cellspacing="0"><tr>
+<td><span class="c1" style="display:inline-block; margin-left:5px; height:43px"><x>&nbsp;</x></span>
+<td rowspan="2"><span class="r1" style="margin-left:5px; margin-top:27px;"><x>&nbsp;</x></span>
+<tr><td><span class="c3" style="margin-left:5px; margin-top:-52px; height:17px"><x>&nbsp;</x></span>
+</tr></table>
+</div>
+
+<div class="grid">
+<table cellpadding="0" cellspacing="0"><tr>
+<td><span class="c1" style="height:44px"><x>&nbsp;</x></span>
+<td><span class="r1" style="margin-top:28px;"><x>&nbsp;</x></span>
+<td><span class="r1" style="margin-top:28px;"><x>&nbsp;</x></span>
+<td><span class="r1" style="margin-top:28px;"><x>&nbsp;</x></span>
+</tr></table>
+</div>
+
+<div class="grid" style="height:100px;">
+<table cellpadding="0" cellspacing="0"><tr>
+<td><span class="c1" style="height:40px"><x>&nbsp;</x></span>
+<td><span class="r1" style="margin-top:26px; min-height:65px;"><x>&nbsp;</x></span>
+<td><span class="r1" style="margin-top:26px; min-height:65px"><x>&nbsp;</x></span>
+<td><span class="r1" style="margin-top:26px; min-height:65px"><x>&nbsp;</x></span>
+</tr></table>
+</div>
+
+<div class="grid">
+<table cellpadding="0" cellspacing="0"><tr>
+<td><span class="c1" style="display:inline-block; margin-left:5px; height:40px"><x>&nbsp;</x></span>
+<td rowspan="2"><span class="r1" style="margin-left:5px; margin-top:28px;"><x>&nbsp;</x></span>
+<tr><td><span class="c3" style="margin-left:5px; margin-top:-53px; height:17px"><x>&nbsp;</x></span>
+</tr></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-003.html b/layout/reftests/css-grid/grid-max-sizing-flex-003.html
new file mode 100644
index 0000000000..83244c85ae
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-003.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: grid;
+  grid-auto-rows: minmax(0,1fr);
+  border: 3px dashed blue;
+  justify-items: stretch;
+  justify-content: start;
+  align-content: start;
+}
+
+.c1 { grid-row: 1 / span 2; min-height:40px; }
+.r1 { grid-row: 2 / span 3; min-height:70px; }
+.c3 { grid-row: 3 / span 1; min-height:0; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-height: 1px 3px 5px 7px;
+  padding: 1px 3px;
+  margin: 1px 5px;
+}
+
+x { display:inline-block; height:10px; width:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+<span class="r1"><x></x></span>
+</div>
+
+<div class="grid" style="height:100px;">
+<span class="c1" style="min-height:20px"><x></x></span>
+<span class="r1" style="min-height:10px"><x></x></span>
+<span class="r1" style="min-height:30px"><x></x></span>
+<span class="r1" style="min-height:10px"><x></x></span>
+</div>
+
+<div class="grid">
+<span class="c1" style="height:30px; border-sizing:border-box"><x></x></span>
+<span class="r1" style="height:40px; border-sizing:border-box"><x></x></span>
+<span class="c3"><x></x></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-004-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-004-ref.html
new file mode 100644
index 0000000000..b0ac02bf5e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-004-ref.html
@@ -0,0 +1,120 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: block;
+  border: 3px dashed blue;
+  margin-bottom:20px;
+  float: left;
+  clear: left;
+  position:relative;
+}
+
+.c1 { min-height:20px; min-width:10px;  }
+.c2 { min-height:20px; min-width:10px; }
+.c3 { min-height:0;    min-width:20px; }
+.r1 { min-height:10px;  }
+.x1 { min-height:10px; min-width:0px; border-style:none; }
+
+span {
+  display: block;
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  justify-self: flex-start;
+}
+
+x { display:inline-block; height:10px; width:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid flex" style="width:0;height:0;"></div>
+<div class="grid flex" style="width:1px;height:1px;"></div>
+<div class="grid mm" style="width:0;height:0;"></div>
+<div class="grid mm" style="width:1px;height:1px;"></div>
+<div class="grid zero" style="width:0;height:0;"></div>
+<div class="grid zero" style="width:1px;height:1px;"></div>
+<!-- TODO: fails due to broken align:stretch
+<div class="grid flex" style="width:0;height:0;"><span class="c1"><x></x></span><span class="c2" style="position:relative;top:0px;width:0;min-height:0;height:1px;min-width:0;border-width:0 0 0 10px;z-index:1;"><x></x></span></div>
+
+<div class="grid flex" style="width:1px;height:1px;"><span class="c1" style="margin-top:1px"><x></x></span></div>
+-->
+
+<div class="grid mm" style="width:0;height:0;"><span class="c1" style="min-width:18px;min-height:10px"><x></x></span><span class="c2" style="position:relative;left:14px;width:18px;min-width:0;z-index:-1"><x></x></span></div>
+<div class="grid mm" style="width:1px;height:1px;"><span class="c1" style="min-width:18px;min-height:10px"><x></x></span><span class="c2" style="position:relative;left:14px;width:18px;min-width:0;z-index:-1"><x></x></span></div>
+<!-- TODO: fails due to broken align:stretch
+<div class="grid zero" style="width:0;height:0;"><span class="c1"><x></x></span></div>
+<div class="grid zero" style="width:1px;height:1px;"><span class="c1"><x></x></span></div>
+-->
+
+<div class="grid flex">
+<span class="c1 r1"><x></x></span>
+</div>
+
+<div class="grid flex10">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:0.010px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:0.020px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:0.040px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:0.15px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:0.18px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:0.19px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:1px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:2px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:3px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:4px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:5px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:6px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:7px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:8px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:9px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:10px; clear:none;">
+<span class="x1"></span></div>
+
+<div class="grid flex10" style="width:11px; clear:none;">
+<span class="x1"></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-004.html b/layout/reftests/css-grid/grid-max-sizing-flex-004.html
new file mode 100644
index 0000000000..dd3813b516
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-004.html
@@ -0,0 +1,173 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-track-sizing">
+  <link rel="match" href="grid-max-sizing-flex-004-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: grid;
+  border: 3px dashed blue;
+  margin-bottom:20px;
+  float: left;
+  clear: left;
+}
+.flex {
+  grid-auto-rows: minmax(0,1fr);
+  grid-auto-columns: minmax(0,1fr);
+}
+.flex10 {
+  grid-auto-rows: minmax(0,1fr);
+  grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)
+                         minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)
+                         minmax(0,1fr) minmax(0,1fr);
+}
+.mm {
+  grid-auto-rows: minmax(min-content,max-content);
+  grid-auto-columns: minmax(min-content,max-content);
+}
+.zero {
+  grid-auto-rows: minmax(0,0);
+  grid-auto-columns: minmax(0,0);
+}
+
+.c1 { grid-column: 1 / span 2; min-height:10px; min-width:0px;  }
+.c2 { grid-column: 2 / span 3; min-height:20px; min-width:10px; }
+.c3 { grid-column: 3 / span 1; min-height:0;    min-width:20px; }
+.r1 { grid-row: 1; }
+.x1 { grid-row: 1; min-height:10px; min-width:0px; border-style:none; }
+
+span {
+  background: gray;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+}
+
+x { display:inline-block; height:10px; width:18px; }
+  </style>
+</head>
+<body>
+
+<div class="grid flex" style="width:0;height:0;"></div>
+<div class="grid flex" style="width:1px;height:1px;"></div>
+<div class="grid mm" style="width:0;height:0;"></div>
+<div class="grid mm" style="width:1px;height:1px;"></div>
+<div class="grid zero" style="width:0;height:0;"></div>
+<div class="grid zero" style="width:1px;height:1px;"></div>
+
+<!-- TODO: fails due to broken align:stretch
+<div class="grid flex" style="width:0;height:0;"><span class="c1"><x></x></span><span class="c2"><x></x></span></div>
+<div class="grid flex" style="width:1px;height:1px;"><span class="c1"><x></x></span><span class="c2"><x></x></span></div>
+-->
+<div class="grid mm" style="width:0;height:0;"><span class="c1"><x></x></span><span class="c2"><x></x></span></div>
+<div class="grid mm" style="width:1px;height:1px;"><span class="c1"><x></x></span><span class="c2"><x></x></span></div>
+<!-- TODO: fails due to broken align:stretch
+<div class="grid zero" style="width:0;height:0;"><span class="c1"><x></x></span><span class="c2"><x></x></span></div>
+<div class="grid zero" style="width:1px;height:1px;"><span class="c1"><x></x></span><span class="c2"><x></x></span></div>
+-->
+
+<div class="grid flex">
+<span class="c1 r1"><x></x></span><span class="c1 r1"><x></x></span>
+<span class="c1 r1"><x></x></span><span class="c1 r1"><x></x></span>
+</div>
+
+<div class="grid flex10">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:0.010px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:0.020px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:0.040px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:0.15px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:0.18px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:0.19px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:1px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:2px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:3px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:4px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:5px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:6px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:7px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:8px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:9px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:10px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+<div class="grid flex10" style="width:11px; clear:none;">
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+<span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span><span class="x1"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-005-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-005-ref.html
new file mode 100644
index 0000000000..38d054fc74
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-005-ref.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-005-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-auto-rows: 12px;
+  border: 3px dashed blue;
+  width: 720px;
+}
+
+.c1 { grid-column: 1 / span 2; }
+.r1 { grid-column: 2 / span 3; }
+.c3 { grid-column: 3 / span 1; }
+
+span {
+  min-height:8px;
+  background: gray;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  justify-self: flex-start;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid-template-columns: 80px 160px 240px 160px 80px;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: 72px 144px 216px 144px 72px;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: 400px 80px 120px 80px 40px;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: 400px 80px 120px 80px 40px;">
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: 400px 320px 0 0 0;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: 0 400px 0 0 322px;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: 0 0 0 0 722px;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<!-- test some extreme flex values: -->
+
+<div class="grid" style="grid-template-columns: minmax(10px,0fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(10px,1fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(10px,0.000000000000000000000000001fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="width:794px; grid-template-columns: minmax(10px,0fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="width:794px; grid-template-columns: minmax(10px,1fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="width:794px; grid-template-columns: minmax(10px,0.000000000000000000000000001fr);">
+<span class="c1"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-005.html b/layout/reftests/css-grid/grid-max-sizing-flex-005.html
new file mode 100644
index 0000000000..a4f3947044
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-005.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-005-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+body { width: 800px; }
+.grid {
+  display: grid;
+  grid-auto-rows: minmax(0,1fr);
+  border: 3px dashed blue;
+  width: 720px;
+}
+
+.c1 { grid-column: 1 / span 2; min-height:8px; }
+.r1 { grid-column: 2 / span 3; }
+.c3 { grid-column: 3 / span 1; }
+
+span {
+  background: gray;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  justify-self: flex-start;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid" style="grid-template-columns: minmax(0,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,0.1fr) minmax(0,0.2fr) minmax(0,0.3fr) minmax(0,0.2fr) minmax(0,0.1fr) ;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(400px,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(400px,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(400px,1fr) minmax(320px,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,1fr) minmax(400px,2fr) minmax(0,3fr) minmax(0,2fr) minmax(322px,1fr) ;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(722px,1fr) ;">
+<span class="c1"></span>
+<span class="r1"></span>
+<span class="c3"></span>
+</div>
+
+<!-- test some extreme flex values: -->
+
+<div class="grid" style="grid-template-columns: minmax(10px,9999999999999999999999999999999999999999999999999999999fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(10px,99999999999999999999999999999999999fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(10px,0.000000000000000000000000001fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="width:auto; grid-template-columns: minmax(10px,9999999999999999999999999999999999999999999999999999999fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="width:auto; grid-template-columns: minmax(10px,99999999999999999999999999999999999fr);">
+<span class="c1"></span>
+</div>
+
+<div class="grid" style="width:auto; grid-template-columns: minmax(10px,0.000000000000000000000000001fr);">
+<span class="c1"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-006-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-006-ref.html
new file mode 100644
index 0000000000..855bcba5ee
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-006-ref.html
@@ -0,0 +1,81 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-auto-columns: 40px;
+  border: 3px dashed blue;
+  width: 720px;
+}
+
+.c1 { grid-row: 1 / span 2; }
+.c2 { grid-row: 2 / span 3; }
+.c3 { grid-row: 3 / span 1; }
+
+span {
+  background: gray;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  min-height: 5px;
+  justify-self: flex-start;
+}
+
+  </style>
+</body>
+<head>
+
+<div class="grid" style="grid-template-rows: 3px 6px 9px 6px 3px;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: 0.9px 1.8px 2.7px 1.8px 0.9px;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: 9px 18px 27px 18px 9px;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: 9px 18px 27px 18px 9px;">
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: 18px 36px 54px 36px 18px;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: 18px 36px 54px 36px 18px;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: 18px 36px 54px 36px 18px;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-006.html b/layout/reftests/css-grid/grid-max-sizing-flex-006.html
new file mode 100644
index 0000000000..7ecf57e79c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-006.html
@@ -0,0 +1,83 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-006-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-auto-columns: 40px;
+  border: 3px dashed blue;
+  width: 720px;
+}
+
+.c1 { grid-row: 1 / span 2; }
+.c2 { grid-row: 2 / span 3; }
+.c3 { grid-row: 3 / span 1; }
+
+span {
+  background: gray;
+  padding: 1px 3px;
+  margin: 1px 5px;
+  min-height: 5px;
+  justify-self: flex-start;
+}
+
+  </style>
+</body>
+<head>
+
+<div class="grid" style="grid-template-rows: minmax(0,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: minmax(0,0.1fr) minmax(0,0.2fr) minmax(0,0.3fr) minmax(0,0.2fr) minmax(0,0.1fr) ;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: minmax(9px,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: minmax(9px,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: minmax(18px,1fr) minmax(9px,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr) ;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: minmax(0,1fr) minmax(9px,2fr) minmax(0,3fr) minmax(0,2fr) minmax(18px,1fr) ;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+<div class="grid" style="grid-template-rows: minmax(0,1fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(18px,1fr) ;">
+<span class="c1"></span>
+<span class="c2"></span>
+<span class="c3"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html
new file mode 100644
index 0000000000..b17a1cc02e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html
@@ -0,0 +1,134 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+  -->
+<!DOCTYPE html>
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing with min/max</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1309407">
+  <style type="text/css">
+.grid {
+   display: grid;
+   border:1px dashed;
+   margin: 3px;
+}
+.rows {
+   float: left;
+   grid: minmax(10px, 0.5fr) minmax(10px, 2fr) / 50px;
+   grid-row-gap: 33px;
+}
+.cols {
+   display: inline-grid;
+   grid: 50px / minmax(10px, 0.5fr) minmax(10px, 2fr);
+   grid-column-gap: 33px;
+}
+
+.item:nth-child(1) { background-color: purple; }
+.item:nth-child(2) { background-color: blue; }
+
+.w70 { width: 70px; }
+.w90 { width: 90px; }
+.h70 { height: 70px; }
+.h90 { height: 90px; }
+</style>
+
+</head><body>
+
+<!--
+  NOTE: The resulting size (in the relevant axis) is 83px for all tests below
+        in the "If the free space is an indefinite length" algo here:
+        https://drafts.csswg.org/css-grid/#algo-flex-tracks
+  These tests verifies that we then also apply min/max sizes per the spec:
+  "If using this flex fraction would cause the grid to be smaller than the grid
+   container’s min-width/height (or larger than the grid container’s max-width/
+   height), then redo this step, treating the free space as definite and the
+   available grid space as equal to the grid container’s content box size when
+   it’s sized to its min-width/height (max-width/height)."
+-->
+
+<pre>These grids should look the same:</pre>
+<div class="grid rows h70" style="max-height:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows h70" style="min-height:70px; max-height:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows h70" style="height:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<br clear="all">
+
+<pre>These grids should look the same:</pre>
+<div class="grid rows h90" style="min-height:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows h90" style="min-height:90px; max-height:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows h90" style="height:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<br clear="all">
+
+<pre>These grids should look the same:</pre>
+<div class="grid cols w70"  style="max-width:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols w70"  style="min-width:70px; max-width:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols w70"  style="width:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<pre>These grids should look the same:</pre>
+<div class="grid cols w90"  style="min-width:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols w90"  style="min-width:90px; max-width:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols w90"  style="width:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<pre>The first 6 grids should look the same:</pre>
+<div class="grid rows" style="grid: 1fr / 30px; height:83px">
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="grid: 10px 1fr / 30px; height:83px">
+  <div class="item" style="grid-row:span 2"></div>
+</div>
+<div class="grid rows" style="grid: 1fr / 30px; height:83px">
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="grid: 1fr 1fr / 30px; height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div>
+</div>
+<div class="grid rows" style="grid: 1fr auto / 30px; height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div>
+</div>
+<div class="grid rows" style="grid: 10px 1fr / 30px; height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div>
+</div>
+<div class="grid rows" style="grid: 1fr 1fr / 30px; grid-row-gap:10px; height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:40px"></div></div>
+  <div class="item"><div style="height:40px"></div></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-007.html b/layout/reftests/css-grid/grid-max-sizing-flex-007.html
new file mode 100644
index 0000000000..a2f39e95be
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-007.html
@@ -0,0 +1,132 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+  -->
+<!DOCTYPE html>
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing with min/max</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1309407">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-007-ref.html">
+  <style type="text/css">
+.grid {
+   display: grid;
+   border:1px dashed;
+   margin: 3px;
+}
+.rows {
+   float: left;
+   grid: minmax(10px, 1fr) minmax(10px, 4fr) / 50px;
+   grid-row-gap: 33px;
+}
+.cols {
+   display: inline-grid;
+   grid: 50px / minmax(10px, 1fr) minmax(10px, 4fr);
+   grid-column-gap: 33px;
+}
+
+.item:nth-child(1) { background-color: purple; }
+.item:nth-child(2) { background-color: blue; }
+
+</style>
+
+</head><body>
+
+<!--
+  NOTE: The resulting size (in the relevant axis) is 83px for all tests below
+        in the "If the free space is an indefinite length" algo here:
+        https://drafts.csswg.org/css-grid/#algo-flex-tracks
+  These tests verifies that we then also apply min/max sizes per the spec:
+  "If using this flex fraction would cause the grid to be smaller than the grid
+   container’s min-width/height (or larger than the grid container’s max-width/
+   height), then redo this step, treating the free space as definite and the
+   available grid space as equal to the grid container’s content box size when
+   it’s sized to its min-width/height (max-width/height)."
+-->
+
+<pre>These grids should look the same:</pre>
+<div class="grid rows" style="max-height:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="min-height:70px; max-height:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="height:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<br clear="all">
+
+<pre>These grids should look the same:</pre>
+<div class="grid rows" style="min-height:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="min-height:90px; max-height:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="height:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<br clear="all">
+
+<pre>These grids should look the same:</pre>
+<div class="grid cols"  style="max-width:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols"  style="min-width:70px; max-width:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols"  style="width:70px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<pre>These grids should look the same:</pre>
+<div class="grid cols"  style="min-width:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols"  style="min-width:90px; max-width:60px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols"  style="width:90px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<pre>The first 6 grids should look the same:</pre>
+<div class="grid rows" style="grid: 1fr / 30px; min-height:83px">
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="grid: 10px 1fr / 30px; min-height:83px">
+  <div class="item" style="grid-row:span 2"></div>
+</div>
+<div class="grid rows" style="grid: 1fr / 30px; max-height:30px; min-height:83px">
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="grid: 1fr 1fr / 30px; max-height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div>
+</div>
+<div class="grid rows" style="grid: 1fr auto / 30px; max-height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div>
+</div>
+<div class="grid rows" style="grid: 10px 1fr / 30px; max-height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div>
+</div>
+<div class="grid rows" style="grid: 1fr 1fr / 30px; grid-row-gap:10px; max-height:83px">
+  <div class="item" style="grid-row:span 2"><div style="height:40px"></div></div>
+  <div class="item"><div style="height:40px"></div></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-008-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-008-ref.html
new file mode 100644
index 0000000000..6deb8f3c89
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-008-ref.html
@@ -0,0 +1,111 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+  -->
+<!DOCTYPE html>
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1309407">
+  <style type="text/css">
+.grid {
+   display: grid;
+   border:1px dashed;
+   margin: 3px;
+}
+.rows {
+   float: left;
+   grid: minmax(10px, 0.5fr) minmax(10px, 2fr) / 50px;
+   grid-row-gap: 33px;
+}
+.rows-min {
+   float: left;
+   grid: 10px 10px / 50px;
+   grid-row-gap: 33px;
+}
+.cols {
+   display: inline-grid;
+   grid: 50px / minmax(10px, 0.5fr) minmax(10px, 2fr);
+   grid-column-gap: 33px;
+}
+.cols-min {
+   display: inline-grid;
+   grid: 50px / 10px 10px;
+   grid-column-gap: 33px;
+}
+
+.item:nth-child(1) { background-color: purple; }
+.item:nth-child(2) { background-color: blue; }
+
+.w70 { width: 70px; }
+.w90 { width: 90px; }
+.h70 { height: 70px; }
+.h90 { height: 90px; }
+</style>
+
+</head><body>
+
+<pre>First four are without min/max-sizes:</pre>
+<div style="float:left">
+<div class="grid rows">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+</div>
+<div style="height:100px; margin-bottom:-100px">
+  <div class="grid rows">
+    <div class="item"></div>
+    <div class="item"></div>
+  </div>
+</div>
+<div style="display:inline-block; width:73px; margin-right:-2px">
+  <div class="grid cols">
+    <div class="item"></div>
+    <div class="item"></div>
+  </div>
+</div>
+<div class="grid cols-min" style="width:53px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<br clear="all">
+
+<pre>Max-size less than grid-gap:</pre>
+<div class="grid rows-min" style="height:0px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows-min" style="max-height:0px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows-min" style="height:20px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows-min" style="max-height:20px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows-min" style="height:33px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<br clear="all" style="margin-top:40px; ">
+
+<div class="grid cols-min" style="width:20px; margin-right:30px;">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols-min" style="width:20px; margin-right:30px;">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols-min" style="width:33px; margin-right:30px;">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-008.html b/layout/reftests/css-grid/grid-max-sizing-flex-008.html
new file mode 100644
index 0000000000..437615a2e2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-max-sizing-flex-008.html
@@ -0,0 +1,97 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+  -->
+<!DOCTYPE html>
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track flex max-sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1309407">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#algo-flex-tracks">
+  <link rel="match" href="grid-max-sizing-flex-008-ref.html">
+  <style type="text/css">
+.grid {
+   display: grid;
+   border:1px dashed;
+   margin: 3px;
+}
+.rows {
+   float: left;
+   grid: minmax(10px, 0.5fr) minmax(10px, 2fr) / 50px;
+   grid-row-gap: 33px;
+}
+.cols {
+   display: inline-grid;
+   grid: 50px / minmax(10px, 0.5fr) minmax(10px, 2fr);
+   grid-column-gap: 33px;
+}
+
+.item:nth-child(1) { background-color: purple; }
+.item:nth-child(2) { background-color: blue; }
+
+</style>
+
+</head><body>
+
+<pre>First four are without min/max-sizes:</pre>
+<div class="grid rows">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div style="height:0">
+  <div class="grid rows">
+    <div class="item"></div>
+    <div class="item"></div>
+  </div>
+</div>
+<div class="grid cols">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div style="display:inline-block; width:0">
+  <div class="grid cols">
+    <div class="item"></div>
+    <div class="item"></div>
+  </div>
+</div>
+
+<br clear="all">
+
+<pre>Max-size less than grid-gap:</pre>
+<div class="grid rows" style="height:0px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="max-height:0px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="height:20px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="max-height:20px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid rows" style="height:33px">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+<br clear="all" style="margin-top:40px; ">
+
+<div class="grid cols" style="max-width:20px; margin-right:30px;">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols" style="width:20px; margin-right:30px;">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+<div class="grid cols" style="width:33px; margin-right:30px;">
+  <div class="item"></div>
+  <div class="item"></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/css-grid/grid-measuring-reflow-resize-001-ref.html b/layout/reftests/css-grid/grid-measuring-reflow-resize-001-ref.html
new file mode 100644
index 0000000000..ab6732819c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-measuring-reflow-resize-001-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase simplified from layout/reftests/css-grid/grid-min-max-content-sizing-002.html</title>
+<style type="text/css">
+
+html { overflow: hidden }
+body { margin: 0 }
+
+div {
+  display: inline-block;
+  border: 1px solid fuchsia;
+}
+
+span {
+  display: block;
+  border: 4px solid blue;
+  padding: 0 8px 8px 0;
+  margin: 0 -8px -8px 0;
+}
+
+</style>
+
+<div>
+  <span>blue should overflow fuchsia on right/bottom</span>
+</div>
diff --git a/layout/reftests/css-grid/grid-measuring-reflow-resize-dynamic-001.html b/layout/reftests/css-grid/grid-measuring-reflow-resize-dynamic-001.html
new file mode 100644
index 0000000000..43a5791991
--- /dev/null
+++ b/layout/reftests/css-grid/grid-measuring-reflow-resize-dynamic-001.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<title>Testcase simplified from layout/reftests/css-grid/grid-min-max-content-sizing-002.html</title>
+<style type="text/css">
+
+html { overflow: hidden }
+body { margin: 0 }
+
+.grid {
+  display: grid;
+  grid-template-columns: minmax(min-content,max-content);
+  grid-template-rows: minmax(min-content,max-content);
+}
+
+.grid > div {
+  border: 1px solid fuchsia;
+}
+
+span {
+  display: block;
+  border: 4px solid blue;
+  width: 100%;
+  height: 100%;
+}
+
+</style>
+
+<div class="grid">
+  <div>
+    <span id="s"></span>
+  </div>
+</div>
+
+<script>
+var s = document.getElementById("s");
+s.offsetWidth; // flush layout
+s.textContent = "blue should overflow fuchsia on right/bottom";
+</script>
diff --git a/layout/reftests/css-grid/grid-measuring-reflow-resize-static-001.html b/layout/reftests/css-grid/grid-measuring-reflow-resize-static-001.html
new file mode 100644
index 0000000000..2cb510c918
--- /dev/null
+++ b/layout/reftests/css-grid/grid-measuring-reflow-resize-static-001.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<title>Testcase simplified from layout/reftests/css-grid/grid-min-max-content-sizing-002.html</title>
+<style type="text/css">
+
+html { overflow: hidden }
+body { margin: 0 }
+
+.grid {
+  display: grid;
+  grid-template-columns: minmax(min-content,max-content);
+  grid-template-rows: minmax(min-content,max-content);
+}
+
+.grid > div {
+  border: 1px solid fuchsia;
+}
+
+span {
+  display: block;
+  border: 4px solid blue;
+  width: 100%;
+  height: 100%;
+}
+
+</style>
+
+<div class="grid">
+  <div>
+    <span>blue should overflow fuchsia on right/bottom</span>
+  </div>
+</div>
+
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001-ref.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001-ref.html
new file mode 100644
index 0000000000..4d8a60bcc4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'min-content' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.col { grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:48px", "height:30px; width:48px", "height:30px; width:12px",
+"width:12px", "max-width:12px", "height:30px", "height:4px; width:80px", "height:1px",
+"height:1px; width:20px", "max-height:1px", "max-height:1px; max-width:6px",
+"min-height:4px", "min-height:4px; max-width: 30px"
+];
+var results = [
+"48px", "48px", "12px", "12px", "12px", "360px", "80px", "12px", "20px", "12px",
+"6px", "48px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  grid.setAttribute("style","grid-template-columns:minmax("+results[i]+",0)");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i] + "; min-width:"+ results[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001.html
new file mode 100644
index 0000000000..a2e6223c91
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-001.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'min-content' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-min-content-min-sizing-transferred-size-001-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.col { grid-template-columns:min-content; grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:48px", "height:30px; width:48px", "height:30px; width:12px",
+"width:12px", "max-width:12px", "height:30px", "height:4px; width:80px", "height:1px",
+"height:1px; width:20px", "max-height:1px", "max-height:1px; max-width:6px",
+"min-height:4px", "min-height:4px; max-width: 30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002-ref.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002-ref.html
new file mode 100644
index 0000000000..c05d93ecf0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'min-content' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.col { grid-template-columns:minmax(auto,0); grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"height:30px; max-width:200%", "height:30px; width:200%", "height:30px; width:50%",
+"width:50%", "max-width:50%", "height:30px", "height:200%; width:80px", "height:50%",
+"height:50%; width:20px", "max-height:50%", "max-height:50%; max-width:6px",
+"min-height:40%", "min-height:40%; max-width:30px"
+];
+var results = [
+"0", "0", "0", "0", "0", "360px", "80px", "24px", "20px", "24px",
+"6px", "24px", "24px"
+];
+var item_width = [
+"0px", "0px", "0px", "0px", "0px", "360px", "80px", "60px", "20px", "24px",
+"6px", "48px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  grid.setAttribute("style","grid-template-columns:minmax("+results[i]+",0)");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i] + "; width:"+ item_width[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002.html
new file mode 100644
index 0000000000..fb51a13de5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-002.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'min-content' min-sizing function with 'min-width:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-min-content-min-sizing-transferred-size-002-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.col { grid-template-columns:min-content; grid-auto-rows:10px; }
+.col img { min-height:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+
+<script>
+var coltest = [
+"height:30px; max-width:200%", "height:30px; width:200%", "height:30px; width:50%",
+"width:50%", "max-width:50%", "height:30px", "height:200%; width:80px", "height:50%",
+"height:50%; width:20px", "max-height:50%", "max-height:50%; max-width:6px",
+"min-height:40%", "min-height:40%; max-width:30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-columns:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < coltest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid col");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-24x2.png");
+  img.setAttribute("style",coltest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003-ref.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003-ref.html
new file mode 100644
index 0000000000..9fa82283c1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'min-content' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.row { }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var coltest = [
+"12px", "12px", "4px", "1px", "2px", "1px", "1px", "1px", "1px", "3px", "5px"
+];
+var rowtest = [
+"width:12px; max-height:48px", "width:12px; height:48px", "width:4px; height:12px",
+"height:12px", "max-height:48px", "max-height:12px", "width:1px", "max-width:1px",
+"width:1px; height:20px", "min-width:3px", "min-width:5px; max-height:30px"
+];
+var results = [
+"48px", "48px", "12px", "12px", "24px", "12px", "12px", "12px", "20px", "36px", "30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  grid.setAttribute("style","grid:minmax("+results[i]+",0) / " + coltest[i]);
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i] + "; min-height:"+ results[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003.html
new file mode 100644
index 0000000000..2c5cca3ba7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-003.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'min-content' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-min-content-min-sizing-transferred-size-003-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.row { grid-template-rows:min-content; }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:12px; max-height:48px", "width:12px; height:48px", "width:4px; height:12px",
+"height:12px", "max-height:48px", "max-height:12px", "width:1px", "max-width:1px",
+"width:1px; height:20px", "min-width:3px", "min-width:5px; max-height:30px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004-ref.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004-ref.html
new file mode 100644
index 0000000000..04d047b836
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing track 'min-content' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+body { overflow:hidden; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom:1em;
+}
+
+.row { }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:50%; max-height:200%", "width:50%; height:200%", "width:4px; height:50%",
+"height:50%", "max-height:200%", "max-height:50%", "max-width:50%", "width:50%; height:20px",
+"min-width:80%; max-height:20px", "min-width:50%", "margin-left: 50px; width:50%"
+];
+var results = [
+"0/2px", "0/2px", "0/4px", "0/2px", "0/2px", "0/2px", "12px/2px", "20px/2px", "20px/2px", "24px/2px", "312px/52px"
+];
+var item_height = [
+"0", "0", "0", "0", "0", "0", "12px", "20px", "20px", "24px", "312px"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  grid.setAttribute("style","grid:" + results[i]);
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i] + "; max-height:auto; height:"+ item_height[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004.html b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004.html
new file mode 100644
index 0000000000..e12ac9d671
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-content-min-sizing-transferred-size-004.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     https://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing track 'min-content' min-sizing function with 'min-height:auto' on an item with an intrinsic aspect ratio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1218178">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+  <link rel="match" href="grid-min-content-min-sizing-transferred-size-004-ref.html">
+  <style type="text/css">
+html,body { color:black; background-color:white; font:12px monospace; padding:0; margin:0; }
+body { overflow:hidden; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  align-items: start;
+  justify-items: start;
+  margin-bottom: 1em;
+}
+
+.row { grid-template-rows:min-content; }
+.row img { min-width:0; }
+
+br { clear:both; }
+
+  </style>
+</head>
+<body>
+
+<script>
+var rowtest = [
+"width:50%; max-height:200%", "width:50%; height:200%", "width:4px; height:50%",
+"height:50%", "max-height:200%", "max-height:50%", "max-width:50%", "width:50%; height:20px",
+"min-width:80%; max-height:20px", "min-width:50%", "margin-left: 50px; width:50%"
+];
+
+var h3 = document.createElement('h3');
+h3.appendChild(document.createTextNode("grid-template-rows:min-content"));
+document.body.appendChild(h3);
+for (var i = 0; i < rowtest.length; ++i) {
+  var grid = document.createElement('div');
+  grid.setAttribute("class","grid row");
+  var img = document.createElement('img');
+  img.setAttribute("src","support/lime-2x24.png");
+  img.setAttribute("style",rowtest[i]);
+  grid.appendChild(img);
+  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createElement('br'));
+  document.body.appendChild(grid);
+  document.body.appendChild(document.createElement('br'));
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-max-content-sizing-001-ref.html b/layout/reftests/css-grid/grid-min-max-content-sizing-001-ref.html
new file mode 100644
index 0000000000..608dc25f50
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-max-content-sizing-001-ref.html
@@ -0,0 +1,98 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing grid minmax(min-content,max-content) column/rows</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+.grid {
+  display: block;
+  border: 2px solid green;
+  overflow: hidden;
+  clear: both;
+}
+.float { float:left; clear:both; border: 2px dashed blue;}
+
+span {
+  background: lime;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  float: left;
+}
+
+x10 { display:inline-block; width:10px; height:10px; background:yellow; }
+x30 { display:inline-block; width:30px; height:30px; background:cyan; }
+.c2,.r2 { width:20px; height:20px; background: silver; }
+.r2 { background: pink; }
+.c1 { margin: 1px 3px 5px 7px; }
+.v {
+  writing-mode:vertical-lr;
+  -webkit-writing-mode:vertical-lr;
+}
+    </style>
+</head>
+<body>
+  
+<div class="grid">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="clear:left"></span>
+</div>
+<div class="grid">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="clear:left"></span>
+</div>
+<div class="grid float">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2"  style="clear:left"></span>
+</div>
+<div class="grid float">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2"  style="clear:left"></span>
+</div>
+
+<div class="grid">
+<span class="c1 v"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="clear:left"></span>
+</div>
+<div class="grid">
+<span class="c1 v"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="clear:left"></span>
+</div>
+<div class="grid float v">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2" style="background:pink"></span>
+<span class="r2" style="clear:left;background:silver"></span>
+</div>
+<div class="grid float v">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2" style="background:pink"></span>
+<span class="r2" style="clear:left;background:silver"></span>
+</div>
+
+<div class="grid float v" style="padding-bottom:4px">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="clear:left;"></span>
+</div>
+
+<div class="grid" style="position:relative">
+<span class="c1 v" style="min-width:100px;"><x10>X</x10><x30>y</x30><x10 style="visibility:hidden">z</x10></span>
+<span class="c1" style="min-width:50px;margin-left:-113px; border:none; padding:1px 3px 5px 7px; background:none"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c1" style="min-width:10px;max-width:10px;margin-left:-113px"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="clear:left"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-max-content-sizing-001.html b/layout/reftests/css-grid/grid-min-max-content-sizing-001.html
new file mode 100644
index 0000000000..ea4337d02d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-max-content-sizing-001.html
@@ -0,0 +1,105 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing grid minmax(min-content,max-content) column/rows</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#valdef-grid-template-columns-max-content">
+  <link rel="match" href="grid-min-max-content-sizing-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  border: 2px solid green;
+  grid-template-columns: minmax(min-content,max-content) 30px;
+  grid-template-rows: minmax(min-content,max-content);
+  clear: both;
+}
+.float { float:left; clear:both; border: 2px dashed blue; }
+.flex-min {
+  grid-template-columns: minmax(1fr,max-content) 30px;
+  grid-template-rows: minmax(1fr,max-content);
+}
+
+span {
+  background: lime;
+  border-style: solid;
+  border-width: 1px 3px 5px 7px;
+  grid-row: 1;
+}
+
+x10 { display:inline-block; width:10px; height:10px; background:yellow; }
+x30 { display:inline-block; width:30px; height:30px; background:cyan; }
+.c2,.r2 { width:20px; height:20px; background: silver; }
+.r2 { background: pink; }
+.c1 { margin: 1px 3px 5px 7px; grid-column:1; }
+.v {
+  writing-mode:vertical-lr;
+  -webkit-writing-mode:vertical-lr;
+}
+    </style>
+</head>
+<body>
+  
+<div class="grid">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+<div class="grid flex-min">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+<div class="grid float">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+<div class="grid float flex-min">
+<span class="c1"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+
+<div class="grid">
+<span class="c1 v"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+<div class="grid flex-min">
+<span class="c1 v"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+<div class="grid float">
+<span class="c1 v"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+<div class="grid float flex-min">
+<span class="c1 v"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+
+<div class="grid float v">
+<span class="c1 zv"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(auto,max-content) 47px;">
+<span class="c1 v" style="min-width:100px"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c1" style="min-width:50px"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c1" style="min-width:10px;max-width:10px"><x10>X</x10><x30>y</x30><x10>z</x10></span>
+<span class="c2"></span>
+<span class="r2" style="grid-row:2"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-max-content-sizing-002-ref.html b/layout/reftests/css-grid/grid-min-max-content-sizing-002-ref.html
new file mode 100644
index 0000000000..9765ee1355
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-max-content-sizing-002-ref.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testing grid minmax(min-content,max-content) column/rows</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227285">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  border: 2px solid green;
+  grid-template-columns: minmax(min-content,max-content);
+  grid-template-rows: minmax(min-content,max-content);
+  clear: both;
+  line-height: 0;
+}
+
+.grid > div {
+  border: 1px solid black;
+  min-height:0;
+  min-width:0;
+}
+
+img.t1 { }
+img.t2 { }
+
+x {
+  display: block;
+  border: 1px solid blue;
+  width: 2px;
+}
+
+.v {
+  writing-mode:vertical-lr;
+  -webkit-writing-mode:vertical-lr;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid">
+  <div>
+    <img class="t1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div>
+    <img class="t2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div style="width:2px; height:2px">
+    <x style="width:2px; height:2px"></x>
+  </div>
+</div>
+
+<div class="grid">
+  <div>
+    <img class="t1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div>
+    <img class="t2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div style="width:2px; height:2px">
+    <x style="width:2px; height:2px"></x>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-min-max-content-sizing-002.html b/layout/reftests/css-grid/grid-min-max-content-sizing-002.html
new file mode 100644
index 0000000000..759eb30508
--- /dev/null
+++ b/layout/reftests/css-grid/grid-min-max-content-sizing-002.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Testing grid minmax(min-content,max-content) column/rows</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227285">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#valdef-grid-template-columns-max-content">
+  <link rel="match" href="grid-min-max-content-sizing-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:8px; line-height:10px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  border: 2px solid green;
+  grid-template-columns: minmax(min-content,max-content);
+  grid-template-rows: minmax(min-content,max-content);
+  clear: both;
+  line-height: 0;
+}
+
+.grid > div {
+  border: 1px solid black;
+  min-height:0;
+  min-width:0;
+}
+
+img.t1 { width: 100%; }
+img.t2 { height: 100%; }
+
+x {
+  display: block;
+  border: 1px solid blue;
+  width: 100%;
+  height: 100%;
+}
+
+.v {
+  writing-mode:vertical-lr;
+  -webkit-writing-mode:vertical-lr;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid">
+  <div>
+    <img class="t1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div>
+    <img class="t2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div>
+    <x></x>
+  </div>
+</div>
+
+<div class="grid">
+  <div class="v">
+    <img class="t1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div class="v">
+    <img class="t2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D">
+  </div>
+</div>
+
+<div class="grid">
+  <div class="v">
+    <x></x>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-order-abspos-items-001-ref.html b/layout/reftests/css-grid/grid-order-abspos-items-001-ref.html
new file mode 100644
index 0000000000..fb3642422d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-order-abspos-items-001-ref.html
@@ -0,0 +1,148 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing layout and painting of abs.pos. grid items with 'order'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ /*display: grid;*/
+ position: relative;
+ grid-template-columns: 20px 20px 20px 20px;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 17px;
+ padding: 17px 7px 11px 13px;
+ width: 100px;
+ height: 25px;
+}
+
+.a { z-index:1; left:74px; right:5px; background:lime; }
+.b { z-index:1; left:54px; right:5px; background:pink; }
+.c { z-index:1; left:34px; right:5px; background:yellow; }
+.d { z-index:1; left:14px; right:5px; background:silver; }
+.e { display:none; }
+
+.abs {
+  position: absolute;
+  top:3px; bottom:1px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.z-1 { z-index:-1; }
+.z1 { z-index:11; }
+.z1.b { z-index:12; }
+.z2 { z-index:13; }
+.z3 { z-index:14; }
+.z4 { z-index:15; }
+x { background:black; order:99; float:right; }
+f { float:left; }
+.f2 { background:white; }
+.f2 span { opacity: 0.5; }
+.f2 span.e { z-index:-1; }
+  </style>
+</head>
+<body>
+
+<f>
+
+<div class="grid">
+<span class="abs a">a</span>
+<span class="abs b">b</span>
+<span class="abs c">c</span>
+<span class="abs e">FAIL<x>x</x></span>
+<span class="abs d">d<x>x</x></span>
+</div>
+
+<div class="grid">
+<div>
+  <span class="abs c">c</span>
+  <span class="abs e">FAIL<x>x</x></span>
+  <span class="abs d">d<x>x</x></span>
+</div>
+<div>
+  <span class="abs a">a</span>
+  <span class="abs b">b</span>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:grid; order:2">
+<div style="display:grid;">
+<div>
+  <span class="abs e">FAIL<x>x</x></span>
+  <span class="abs d">d<x>x</x></span>
+</div>
+<div>
+  <span class="abs b">b</span>
+</div>
+</div>
+<div>
+  <span class="abs c">c</span>
+</div>
+<div>
+  <span class="abs a">a</span>
+</div>
+</div>
+</div>
+
+<div class="grid">
+<span class="abs a">a</span>
+<span class="abs z1 b">b</span>
+<span class="abs z2 c">c</span>
+<span class="abs e">FAIL<x>x</x></span>
+<span class="abs d">d<x>x</x></span>
+</div>
+
+<div class="grid">
+<div>
+  <span class="abs z1 c">c</span>
+  <span class="abs e">FAIL<x>x</x></span>
+  <span class="abs d">d<x>x</x></span>
+</div>
+<div>
+  <span class="abs a">a</span>
+  <span class="abs z1 b">b</span>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:grid; order:2">
+<div style="order:2">
+  <span class="abs a">a</span>
+</div>
+<div style="order:1">
+  <span class="abs z2 c">c</span>
+</div>
+</div>
+<div style="display:grid; order:1">
+<div style="order:2">
+  <span class="abs z1 b">b</span>
+</div>
+<div style="order:1">
+  <span class="abs z-1 d">FAIL<x>x</x></span>
+  <span class="abs z1 d">d<x>x</x></span>
+</div>
+</div>
+</div>
+
+</f>
+
+<script>
+  var f = document.querySelector('f');
+  var f2 = f.cloneNode(true);
+  f2.className = 'f2';
+  document.body.appendChild(f2);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-order-abspos-items-001.html b/layout/reftests/css-grid/grid-order-abspos-items-001.html
new file mode 100644
index 0000000000..7d915e5098
--- /dev/null
+++ b/layout/reftests/css-grid/grid-order-abspos-items-001.html
@@ -0,0 +1,150 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing layout and painting of abs.pos. grid items with 'order'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property">
+  <link rel="match" href="grid-order-abspos-items-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ position: relative;
+ grid-template-columns: 20px 20px 20px 20px;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 17px;
+ padding: 17px 7px 11px 13px;
+ width: 100px;
+ height: 25px;
+}
+
+.a { order:4; grid-column-start:4; background:lime; }
+.b { order:3; grid-column-start:3; background:pink; }
+.c { order:2; grid-column-start:2; background:yellow; }
+.d { order:1; grid-column-start:1; background:silver; }
+.e { order:1; grid-column-start:1; background:red; }
+
+.abs {
+  position: absolute;
+  top:3px; left:1px; right:5px; bottom:1px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.z-1 { z-index:-1; }
+.z1 { z-index:1; }
+.z2 { z-index:2; }
+.z3 { z-index:3; }
+.z4 { z-index:4; }
+x { background:black; order:99; float:right; }
+f { float:left; }
+.f2 { background:white; }
+.f2 span { opacity: 0.5; }
+.f2 span.e { z-index:-1; }
+  </style>
+</head>
+<body>
+
+<f>
+
+<div class="grid">
+<span class="abs a">a</span>
+<span class="abs b">b</span>
+<span class="abs c">c</span>
+<span class="abs e">FAIL<x>x</x></span>
+<span class="abs d">d<x>x</x></span>
+</div>
+
+<div class="grid">
+<div style="order:2">
+  <span class="abs a">a</span>
+  <span class="abs b">b</span>
+</div>
+<div style="order:1">
+  <span class="abs c">c</span>
+  <span class="abs e">FAIL<x>x</x></span>
+  <span class="abs d">d<x>x</x></span>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:grid; order:2">
+<div style="order:2">
+  <span class="abs a">a</span>
+</div>
+<div style="order:1">
+  <span class="abs c">c</span>
+</div>
+</div>
+<div style="display:grid; order:1">
+<div style="order:2">
+  <span class="abs b">b</span>
+</div>
+<div style="order:1">
+  <span class="abs e">FAIL<x>x</x></span>
+  <span class="abs d">d<x>x</x></span>
+</div>
+</div>
+</div>
+
+<div class="grid">
+<span class="abs a">a</span>
+<span class="abs z1 b">b</span>
+<span class="abs z2 c">c</span>
+<span class="abs e">FAIL<x>x</x></span>
+<span class="abs d">d<x>x</x></span>
+</div>
+
+<div class="grid">
+<div style="order:2">
+  <span class="abs a">a</span>
+  <span class="abs z1 b">b</span>
+</div>
+<div style="order:1">
+  <span class="abs z1 c">c</span>
+  <span class="abs e">FAIL<x>x</x></span>
+  <span class="abs d">d<x>x</x></span>
+</div>
+</div>
+
+<div class="grid">
+<div style="display:grid; order:2">
+<div style="order:2">
+  <span class="abs a">a</span>
+</div>
+<div style="order:1">
+  <span class="abs z2 c">c</span>
+</div>
+</div>
+<div style="display:grid; order:1">
+<div style="order:2">
+  <span class="abs z1 b">b</span>
+</div>
+<div style="order:1">
+  <span class="abs z-1 d">FAIL<x>x</x></span>
+  <span class="abs z1 d">d<x>x</x></span>
+</div>
+</div>
+</div>
+
+</f>
+
+<script>
+  var f = document.querySelector('f');
+  var f2 = f.cloneNode(true);
+  f2.className = 'f2';
+  document.body.appendChild(f2);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-order-placement-auto-001-ref.html b/layout/reftests/css-grid/grid-order-placement-auto-001-ref.html
new file mode 100644
index 0000000000..81c3274497
--- /dev/null
+++ b/layout/reftests/css-grid/grid-order-placement-auto-001-ref.html
@@ -0,0 +1,204 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing automatic placement of grid items with 'order'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
+  <style type="text/css">
+.grid {
+  height: 60px;
+  border: 1px solid green;
+  position: relative;
+  font-size: 12px;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+}
+
+.test1 .a {
+  top: 0;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test1 .b {
+  top: 20px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test1 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test1 .e {
+  top: 20px;
+  left: 0px;
+}
+.test1 .d2 {
+  top: 0px;
+  left: 40px;
+}
+
+.test2 .a {
+  top: 0;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test2 .b {
+  top: 20px;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test2 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test2 .e {
+  top: 20px;
+  left: 0px;
+}
+.test2 .d2 {
+  top: 20px;
+  left: 40px;
+}
+
+.test3 .a {
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 40px;
+}
+.test3 .b {
+  top: 40px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test3 .c {
+  top: 60px;
+  left: 0px;
+  width: 60px;
+  height: 40px;
+}
+.test3 .d { top: 0px; left:60px; }
+.test3 .e {
+  top: 20px;
+  left: 60px;
+}
+.test3 .d2 {
+  top: 40px;
+  left: 0px;
+}
+
+.test4 .c {
+  top: 20px;
+  left: 20px;
+  width: 60px;
+  height: 40px;
+}
+.test4 .d { top: 0px; }
+.test4 .e {
+  top: 20px;
+  left: 0px;
+}
+.test4 .d2 {
+  top: 0px;
+  left: 20px;
+}
+
+.test5 .c {
+  top: 20px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test5 .e {
+  top: 20px;
+  left: 0px;
+}
+.test5 .d2 {
+  top: 0px;
+  left: 20px;
+}
+
+.test6 { left: 0px; top: 20px;}
+.test6d2 {
+  top: 20px;
+  left: 140px;
+}
+.test6e {
+  top: 20px;
+  left: 160px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3" style="height:100px">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-order-placement-auto-001.html b/layout/reftests/css-grid/grid-order-placement-auto-001.html
new file mode 100644
index 0000000000..2f7279729d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-order-placement-auto-001.html
@@ -0,0 +1,156 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing automatic placement of grid items with 'order'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#auto-placement-algo">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property">
+  <link rel="match" href="grid-order-placement-auto-001-ref.html">
+  <style type="text/css">
+.grid {
+  display: grid;
+  border: 1px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  font-size: 12px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+  order: 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+  order: 1;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+  order: 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+  order: 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+  order: 5;
+}
+.test3 .b {
+  grid-column: 2 / span 3; 
+  grid-row: b;
+  order: 4;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+  order: 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+  order: 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+  order: 2;
+}
+
+.test6 {
+  grid-row-start: 2;
+  grid-column: auto / span X;
+  order: 1;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+  order: 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-order-placement-definite-001-ref.html b/layout/reftests/css-grid/grid-order-placement-definite-001-ref.html
new file mode 100644
index 0000000000..a2c9b9841c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-order-placement-definite-001-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing definite placement of grid items with 'order'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+ /*display: grid;*/
+ position: relative;
+ grid-template-columns: 20px 20px 20px 20px;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 17px;
+ padding: 17px 7px 11px 11px;
+ width: 100px;
+ height: 25px;
+}
+
+.a { left:73px; right:3px; background:lime; }
+.b { left:53px; right:3px; background:pink; }
+.c { left:33px; right:3px; background:yellow; }
+.d { left:13px; right:3px; background:silver; }
+
+span {
+  position:absolute;
+  border: 1px solid;
+  height: 18px;
+}
+
+x { background:black; order:99; float:right; }
+.f2 { background:white; }
+.f2 span { opacity: 0.5; }
+  </style>
+</head>
+<body>
+
+<f>
+
+<div class="grid">
+<span class="d">d</span>
+<span class="c">c</span>
+<span class="b">b</span>
+<span class="a">a</span>
+</div>
+
+<div class="grid">
+<span class="d">d</span>
+<span class="c">c</span>
+<span class="b">b</span>
+<span class="a">a</span>
+</div>
+
+</f>
+
+<script>
+  var f = document.querySelector('f');
+  var f2 = f.cloneNode(true);
+  f2.className = 'f2';
+  document.body.appendChild(f2);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-order-placement-definite-001.html b/layout/reftests/css-grid/grid-order-placement-definite-001.html
new file mode 100644
index 0000000000..41625ea44e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-order-placement-definite-001.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing definite placement of grid items with 'order'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#auto-placement-algo">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property">
+  <link rel="match" href="grid-order-placement-definite-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ position: relative;
+ grid-template-columns: 20px 20px 20px 20px;
+ grid-template-rows: 20px;
+ padding: 17px 7px 11px 13px;
+ width: 100px;
+ height: 25px;
+}
+
+.a { order:4; grid-column-start:4; grid-row-start:1; width: 40px; background:lime; }
+.b { order:3; grid-column-start:3; grid-row-start:1; width: 60px; background:pink; }
+.c { order:2; grid-column-start:2; grid-row-start:1; width: 80px; background:yellow; }
+.d { order:1; grid-column-start:1; grid-row-start:1; width: 100px; background:silver; }
+.e { order:1; grid-column-start:1; grid-row-start:1; width: 100px; background:red; }
+
+span {
+  border: 1px solid;
+}
+
+.f2 { background:white; }
+.f2 span { opacity: 0.5; }
+.f2 span.e { display:none; }
+  </style>
+</head>
+<body>
+
+<f>
+
+<div class="grid">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="e"></span>
+<span class="d">d</span>
+</div>
+
+<div class="grid">
+<span class="e"></span>
+<span class="d">d</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="a">a</span>
+</div>
+
+</f>
+
+<script>
+  var f = document.querySelector('f');
+  var f2 = f.cloneNode(true);
+  f2.className = 'f2';
+  document.body.appendChild(f2);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html b/layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html
new file mode 100644
index 0000000000..cb17905711
--- /dev/null
+++ b/layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html
@@ -0,0 +1,152 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-column-gap' percentage</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1279182">
+<style>
+html,body {
+    color:black; background-color:white; font-size:1px; padding:0; margin:0;
+}
+	
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px;
+  border: 1px solid;
+}
+
+.inline-grid {
+  display: inline-grid;
+  grid: 120px / 160px;
+  border: 1px solid;
+}
+
+.float { float:left; border: 2px solid blue; }
+
+.percentgap {
+  grid-gap: 24px 32px;
+}
+
+span:nth-of-type(1) { background: magenta; }
+span:nth-of-type(2) { background: cyan; }
+span:nth-of-type(3) { background: yellow; }
+span:nth-of-type(4) { background: lime; }
+
+x {
+  display: block;
+  width: 20px;
+  height: 30px;
+}
+
+br { clear: both; }
+    </style>
+</head>
+<body>
+
+<div class="inline-grid">
+<div class="grid percentgap">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid" style="grid: auto / auto">
+<div class="grid percentgap" style="align-self:start; justify-self:start; width:160px; height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="float">
+<div class="grid" style="width:60px; height:60px; gap:12px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid">
+<div class="grid" style="width:60px; height:60px; gap:12px; align-self:start; justify-self:start;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<br>
+
+<div style="width:320px;height:200px">
+<div class="grid percentgap" style="height:120px; grid-column-gap:64px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid">
+<div class="grid percentgap">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid" style="grid: auto / auto">
+<div class="grid percentgap" style="align-self:start; justify-self:start; width:160px; height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid">
+<div class="grid" style="grid: min-content 20% min-content / min-content 20% min-content">
+  <span><x></x></span><z></z><span><x></x></span>
+  <z></z><z></z><z></z>
+  <span><x></x></span><z></z><span><x></x></span>
+</div>
+</div>
+
+<br>
+
+<div style="width:320px;height:200px">
+<div class="grid percentgap" style="height:120px; grid-column-gap:64px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div style="width:320px;height:200px">
+<div class="grid calcgap" style="height:120px; grid-gap:0">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="float" style="margin-top:-50px; width:62px">
+<div class="grid" style="padding-left:186px; height:60px; gap:12px calc(186px * 0.2);">
+  <span style="margin-left:-186px; width:30px"><x></x></span>
+  <span style="margin-left:-186px; width:30px"><x></x></span>
+  <span style="margin-left:-186px; width:30px"><x></x></span>
+  <span style="margin-left:-186px; width:30px"><x></x></span>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-percent-grid-gap-001.html b/layout/reftests/css-grid/grid-percent-grid-gap-001.html
new file mode 100644
index 0000000000..19714dba91
--- /dev/null
+++ b/layout/reftests/css-grid/grid-percent-grid-gap-001.html
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-column-gap' percentage</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1279182">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-percent-grid-gap-ref.html">
+<style>
+html,body {
+    color:black; background-color:white; font-size:1px; padding:0; margin:0;
+}
+	
+.grid {
+  display: grid;
+  grid-template-columns: 30px 30px;
+  border: 1px solid;
+}
+
+.inline-grid {
+  display: inline-grid;
+  grid-auto-columns: 160px;
+  grid-auto-rows: 120px;
+  border: 1px solid;
+}
+
+.float { float:left; border: 2px solid blue; }
+
+.percentgap {
+  grid-gap: 20%;
+}
+
+.calcgap {
+  grid-gap: calc(12px + 10%) calc(16px + 10%);
+}
+
+span:nth-of-type(1) { background: magenta; }
+span:nth-of-type(2) { background: cyan; }
+span:nth-of-type(3) { background: yellow; }
+span:nth-of-type(4) { background: lime; }
+
+x {
+  display: block;
+  width: 20px;
+  height: 30px;
+}
+
+br { clear: both; }
+    </style>
+</head>
+<body>
+
+<div class="inline-grid">
+<div class="grid percentgap">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid" style="grid: auto / auto">
+<div class="grid percentgap" style="place-self:start/start; width:160px; height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="float">
+<div class="grid percentgap cfill" style="max-width:800%">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid">
+<div class="grid percentgap" style="place-self:start">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<br>
+
+<div style="width:320px;height:200px">
+<div class="grid percentgap" style="height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid">
+<div class="grid calcgap">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid" style="grid: auto / auto">
+<div class="grid calcgap" style="align-self:start; justify-self:start; width:160px; height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="inline-grid">
+<div class="grid" style="grid: min-content calc(12px + 10%) min-content / min-content calc(16px + 10%) min-content">
+  <span><x></x></span><z></z><span><x></x></span>
+  <z></z><z></z><z></z>
+  <span><x></x></span><z></z><span><x></x></span>
+</div>
+</div>
+
+<br>
+
+<div style="width:320px;height:200px">
+<div class="grid calcgap" style="height:120px; grid-column-gap:calc(32px + 10%)">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div style="width:320px;height:200px">
+<div class="grid calcgap" style="height:120px; grid-gap:calc(32px - 30%)">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+<div class="float" style="margin-top:-50px">
+<div class="grid percentgap cfill" style="min-width:300%">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-percent-intrinsic-sizing-001-ref.html b/layout/reftests/css-grid/grid-percent-intrinsic-sizing-001-ref.html
new file mode 100644
index 0000000000..202cb2b662
--- /dev/null
+++ b/layout/reftests/css-grid/grid-percent-intrinsic-sizing-001-ref.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <style type="text/css">
+  <title>CSS Grid Test: Grid container intrinsic sizing involving percent track min sizing / grid-gap</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1302541">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+div {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  clear: left;
+  align-content: start;
+  justify-content: start;
+  margin: 3px;
+}
+
+span {
+  background: grey;
+}
+.c > span { width: 10px; }
+.r > span { height: 10px; }
+
+span:nth-child(2) { background:lime; }
+x { background: blue; }
+x:nth-child(2) { background:pink; }
+
+.c { grid-auto-rows: 5px; }
+.c.p1   { grid-template-columns: 1px; width: 10px; }
+.c.p1a  { grid-template-columns: minmax(10%,auto); }
+.c.p2   { grid-template-columns: 10% 10%; grid-gap: 20%; }
+.c.p2a  { grid-template-columns: repeat(2,minmax(10%,auto)); grid-gap: 20%; }
+.c.c0  { grid-template-columns: 0; }
+
+.r { grid-auto-columns: 5px; grid-auto-flow: column; }
+.r.p1   { grid-template-rows: 10%; }
+.r.p1a  { grid-template-rows: minmax(10%,auto); }
+.r.p2   { grid-template-rows: 10% 10%; grid-gap: 20%; }
+.r.p2a  { grid-template-rows: repeat(2,minmax(10%,auto)); grid-gap: 20%; }
+.r.r0   { grid-template-rows: 0; }
+
+  </style>
+</head>
+<body>
+
+<div class="c p1"><span></span><x></x></div>
+<div class="c c0"><x></x></div>
+<div class="c p1a"><span></span><x></x></div>
+<div class="c c0"><x></x></div>
+
+<div class="c p2"><span></span><span></span><x></x></div>
+<div class="c c0"><x></x></div>
+<div class="c p2a"><span></span><span></span><x></x></div>
+<div class="c c0"><x></x></div>
+
+<div class="r p1"><span></span><x></x></div>
+<div class="r r0"><x></x></div>
+<div class="r p1a"><span></span><x></x></div>
+<div class="r r0"><x></x></div>
+
+<div class="r p2"><span></span><span></span><x></x></div>
+<div class="r r0"><x></x></div>
+<div class="r p2a"><span></span><span></span><x></x></div>
+<div class="r r0"><x></x></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-percent-intrinsic-sizing-001.html b/layout/reftests/css-grid/grid-percent-intrinsic-sizing-001.html
new file mode 100644
index 0000000000..75655d62ae
--- /dev/null
+++ b/layout/reftests/css-grid/grid-percent-intrinsic-sizing-001.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <style type="text/css">
+  <title>CSS Grid Test: Grid container intrinsic sizing involving percent track min sizing / grid-gap</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1302541">
+  <link rel="match" href="grid-percent-intrinsic-sizing-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+div {
+  display: grid;
+  float: left;
+  border: 1px solid;
+  clear: left;
+  place-content: start start;
+  margin: 3px;
+}
+
+span {
+  background: grey;
+}
+.c > span { width: 10px; }
+.r > span { height: 10px; }
+
+span:nth-child(2) { background:lime; }
+x { background: blue; }
+x:nth-child(2) { background:pink; }
+
+.c { grid-auto-rows: 5px; }
+.c.p1   { grid-template-columns: 10%; }
+.c.p1a  { grid-template-columns: minmax(10%,auto); }
+.c.p2   { grid-template-columns: 10% 10%; grid-gap: 20%; }
+.c.p2a  { grid-template-columns: repeat(2,minmax(10%,auto)); grid-gap: 20%; }
+
+.r { grid-auto-columns: 5px; grid-auto-flow: column; }
+.r.p1   { grid-template-rows: 10%; }
+.r.p1a  { grid-template-rows: minmax(10%,auto); }
+.r.p2   { grid-template-rows: 10% 10%; grid-gap: 20%; }
+.r.p2a  { grid-template-rows: repeat(2,minmax(10%,auto)); grid-gap: 20%; }
+
+  </style>
+</head>
+<body>
+
+<div class="c p1"><span></span><x></x></div>
+<div class="c p1"><x></x></div>
+<div class="c p1a"><span></span><x></x></div>
+<div class="c p1a"><x></x></div>
+
+<div class="c p2"><span></span><span></span><x></x></div>
+<div class="c p2"><x></x><x></x></div>
+<div class="c p2a"><span></span><span></span><x></x></div>
+<div class="c p2a"><x></x><x></x></div>
+
+<div class="r p1"><span></span><x></x></div>
+<div class="r p1"><x></x></div>
+<div class="r p1a"><span></span><x></x></div>
+<div class="r p1a"><x></x></div>
+
+<div class="r p2"><span></span><span></span><x></x></div>
+<div class="r p2"><x></x><x></x></div>
+<div class="r p2a"><span></span><span></span><x></x></div>
+<div class="r p2a"><x></x><x></x></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-abspos-implicit-001-ref.html b/layout/reftests/css-grid/grid-placement-abspos-implicit-001-ref.html
new file mode 100644
index 0000000000..3bc177eb27
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-abspos-implicit-001-ref.html
@@ -0,0 +1,113 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing placement of abs.pos. grid items in negative implicit grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ /*display: grid;*/
+ position: relative;
+ border: 1px solid;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 7px;
+ padding: 1px 7px 3px 13px;
+ width: 200px;
+ height: 60px;
+}
+
+.a {
+  position: absolute;
+  left: 59px; top: 22px;
+  height: 12px; width: 44px;
+}
+
+.abs {
+  position: absolute;
+  opacity: 0.7;
+  width: 21px;
+  height: 5px;
+}
+.b {
+  left: 1px; top: 3px; bottom: 1px;
+  width: 74px; height: auto;
+}
+.c {
+  left: 1px; top: 3px;
+  width: 51px; height: 2px;
+}
+.d {
+  left: 1px; top: 5px;
+  width: 212px; height: 7px;
+}
+.e {
+  right: 5px; bottom: 1px;
+  width: 212px; height: 58px;
+}
+.f {
+  right: 5px; bottom: 1px;
+  width: 212px; height: 58px;
+}
+span {
+  background: lime;
+  border: 1px solid;
+}
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="b abs" style="width:212px">b</span>
+</div>
+
+<div class="grid">
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="d abs" style="height:56px;"></span>
+</div>
+
+<div class="grid">
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="f abs">f</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-abspos-implicit-001.html b/layout/reftests/css-grid/grid-placement-abspos-implicit-001.html
new file mode 100644
index 0000000000..98e026bace
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-abspos-implicit-001.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing placement of abs.pos. grid items in negative implicit grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#abspos-items">
+  <link rel="match" href="grid-abspos-items-001-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ position: relative;
+ border: 1px solid;
+ grid-auto-flow: row;
+ grid-auto-columns: 23px;
+ grid-auto-rows: 7px;
+ padding: 1px 7px 3px 13px;
+ width: 200px;
+ height: 60px;
+}
+
+span.negative {
+  grid-column: span A 2 / 1; 
+  grid-row:    A -1;
+  background: none;
+  border: none;
+}
+
+.a {
+  grid-column: 1 / 3; 
+  grid-row:    3 / 5;
+}
+
+.abs {
+  position: absolute;
+  top:3px; left:1px; right:5px; bottom:1px;
+  opacity: 0.7;
+}
+.b {
+  grid-column:  span A 4 / 2;
+  grid-row:     auto / auto; 
+}
+.c {
+  grid-column:  span 5 / 1;  /* outside to the left */
+  grid-row:     A -5 / 1;    /* outside to the top */
+}
+.d {
+  grid-column:  auto / A -3;
+  grid-row:     2 / 1;
+  top: -3px;
+}
+.e {
+  grid-column:  A -3 / auto;
+  grid-row:     A -3 / auto;
+}
+.f {
+  grid-column:  A -3 / auto;
+  grid-row:     auto / A -2;
+}
+span {
+  background: lime;
+  border: 1px solid;
+}
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="negative"></span>
+<span class="a"></span>
+<span class="b abs">b</span>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<span class="a"></span>
+<span class="c abs">c</span>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<span class="a"></span>
+<span class="d abs">d</span>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<span class="a"></span>
+<span class="e abs">e</span>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<span class="a"></span>
+<span class="f abs">f</span>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<div><span class="b abs">b</span></div>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<x><span class="c abs">c</span></x>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<span class="d abs"></span>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<div><span class="e abs">e</span></div>
+</div>
+
+<div class="grid">
+<span class="negative"></span>
+<span class="f abs">f</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html b/layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html
new file mode 100644
index 0000000000..ddaec606f9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html
@@ -0,0 +1,233 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: grid item auto placement: column dense</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107778">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  height: 60px;
+  border: 1px solid green;
+  position: relative;
+  font-size: 12px;
+}
+.grid2 {
+  display: grid;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  border: 1px solid green;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+}
+x {
+  background: lime;
+  border: 1px solid black;
+}
+
+.test1 .a {
+  top: 0;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test1 .b {
+  top: 20px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test1 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test1 .d2 {
+  top: 20px;
+  left: 0px;
+}
+.test1 .e {
+  top: 20px;
+  left: 140px;
+}
+
+.test2 .a {
+  top: 0;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test2 .b {
+  top: 20px;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test2 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test2 .d2 {
+  top: 20px;
+  left: 0px;
+}
+.test2 .e {
+  top: 20px;
+  left: 40px;
+}
+
+.test3 .a {
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 40px;
+}
+.test3 .b {
+  top: 40px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test3 .c {
+  top: 0px;
+  left: 60px;
+  width: 60px;
+  height: 40px;
+}
+.test3 .d { top: 40px; left:0px; }
+.test3 .e {
+  top: 20px;
+  left: 120px;
+}
+.test3 .d2 {
+  top: 40px;
+  left: 80px;
+}
+
+.test4 .c {
+  top: 0;
+  left: 0px;
+  width: 60px;
+  height: 40px;
+}
+.test4 .d { top: 40px; }
+.test4 .e {
+  top: 20px;
+  left: 60px;
+}
+.test4 .d2 {
+  top: 40px;
+  left: 20px;
+}
+
+.test5 .c {
+  top: 20px;
+  left: 0;
+  width: 60px;
+  height: 20px;
+}
+.test5 .e {
+  top: 20px;
+  left: 60px;
+}
+.test5 .d2 {
+  top: 40px;
+  left: 0px;
+}
+
+.test6 { left: 0px; top: 20px;}
+.test6d2 {
+  top: 20px;
+  left: 140px;
+}
+.test6e {
+  top: 20px;
+  left: 160px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+<!-- bug 1228984 test 1 -->
+<div class="grid2">
+<x style="grid-column: 1; grid-row: 1 / 3">1</x>
+<x style="grid-column: 2; grid-row: 1">2</x>
+<x style="grid-column: 3; grid-row: span 2">3</x>
+<x style="grid-column: 2; grid-row: 2">4</x>
+</div>
+
+<!-- bug 1228984 test 2 with "column dense" -->
+<div class="grid2">
+<x style="grid-column: 1; grid-row: 1 / 3">1</x>
+<x style="grid-column: 2; grid-row: 2 / 4">2</x>
+<x style="grid-column: 3; grid-row: 1 / 4">3</x>
+<x style="grid-column: 1; grid-row: 3">4</x>
+<x style="grid-column: 2; grid-row: 1">5</x>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-col-dense-001.html b/layout/reftests/css-grid/grid-placement-auto-col-dense-001.html
new file mode 100644
index 0000000000..e208a2b6d3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-col-dense-001.html
@@ -0,0 +1,169 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: grid item auto placement: column dense</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107778">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-placement-algo">
+  <link rel="match" href="grid-placement-auto-col-dense-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  border: 1px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: dense column;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+.grid2 {
+  display: grid;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  grid-auto-flow: column dense;
+  border: 1px solid green;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+}
+.test3 .b {
+  grid-column: 2 / span 3; 
+  grid-row: b;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+}
+
+.test6 {
+  grid-row-start: 2;
+  grid-column: auto / span X;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+<!-- bug 1228984 test 1 -->
+<div class="grid2">
+<span style="grid-column: 1; grid-row: 1 / 3">1</span>
+<span style="grid-column: 2; grid-row: 1">2</span>
+<span style="grid-row: span 2">3</span>
+<span style="grid-row: 2">4</span>
+</div>
+
+<!-- bug 1228984 test 2 with "column dense" -->
+<div class="grid2">
+<span style="grid-row: 1 / 3">1</span>
+<span style="grid-row: 2 / 4">2</span>
+<span style="grid-row: 1 / 4">3</span>
+<span style="">4</span>
+<span style="">5</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html b/layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html
new file mode 100644
index 0000000000..9d861b7716
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html
@@ -0,0 +1,208 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+.grid {
+  height: 60px;
+  border: 1px solid green;
+  position: relative;
+  font-size: 12px;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+}
+
+.test1 .a {
+  top: 0;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test1 .b {
+  top: 20px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test1 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test1 .d {
+  top: 40px;
+  left: 80px;
+}
+.test1 .d2 {
+  top: 40px;
+  left: 100px;
+}
+.test1 .e {
+  top: 20px;
+  left: 140px;
+}
+
+.test2 .a {
+  top: 0;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test2 .b {
+  top: 20px;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test2 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test2 .d {
+  top: 40px;
+  left: 80px;
+}
+.test2 .d2 {
+  top: 40px;
+  left: 100px;
+}
+.test2 .e {
+  top: 20px;
+  left: 140px;
+}
+
+.test3 .a {
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 40px;
+}
+.test3 .b {
+  top: 40px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test3 .c {
+  top: 0px;
+  left: 60px;
+  width: 60px;
+  height: 40px;
+}
+.test3 .d { top: 40px; left:80px; }
+.test3 .e {
+  top: 20px;
+  left: 120px;
+}
+.test3 .d2 {
+  top: 40px;
+  left: 100px;
+}
+
+.test4 .c {
+  top: 0;
+  left: 0px;
+  width: 60px;
+  height: 40px;
+}
+.test4 .d { top: 40px; }
+.test4 .e {
+  top: 20px;
+  left: 60px;
+}
+.test4 .d2 {
+  top: 40px;
+  left: 20px;
+}
+
+.test5 .c {
+  top: 20px;
+  left: 0;
+  width: 60px;
+  height: 20px;
+}
+.test5 .d { top: 40px; }
+.test5 .e {
+  top: 20px;
+  left: 60px;
+}
+.test5 .d2 {
+  top: 0px;
+  left: 20px;
+}
+
+.test6 { left: 140px; top: 20px;}
+.test6d2 {
+  top: 20px;
+  left: 160px;
+}
+.test6e {
+  top: 20px;
+  left: 180px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html b/layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html
new file mode 100644
index 0000000000..ab4892aa04
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html
@@ -0,0 +1,137 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+.grid {
+  display: grid;
+  border: 1px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: column;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  font-size: 12px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+}
+.test3 .b {
+  grid-column: 2 / span 3; 
+  grid-row: b;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+}
+
+.test6 {
+  grid-row-start: 2;
+  grid-column: auto / span X;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html b/layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html
new file mode 100644
index 0000000000..6d97fbb370
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html
@@ -0,0 +1,153 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+ border: 1px solid blue;
+ width:270px;
+}
+
+.a { background:lime; }
+.a2 { height:38px; background:lime; }
+.b { display:block; background:pink; }
+.c { width:1px; background:yellow; }
+.e { background:silver; }
+.f { background:cyan; }
+.g { background:tan; }
+
+br { display:block; height:0; width:0; }
+.f2 .b { display:inline-block; }
+
+span {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  line-height: 18px;
+  border: 1px solid;
+  vertical-align:top;
+}
+
+  </style>
+</head>
+<body style="overflow:hidden">
+
+<div style="float:left">
+
+<div class="grid">
+<span class="c" style="width:18px">c</span><span class="a">a</span><span class="e">e</span><span class="b">b</span>
+</div>
+<div class="grid">
+<span class="g">g</span><span class="a">a</span><span class="b">b</span>
+</div>
+<div class="grid">
+<span class="c">c</span><span class="e">e</span><span class="a">a</span><span class="b" span="2">b</span>
+</div>
+
+<div class="grid">
+<span class="c">c</span><span class="f">f</span><span class="a">a</span><span class="b" span="2">b</span>
+</div>
+<div class="grid">
+<span class="c">c</span><span class="e" style="width:1px">e</span><span class="a" style="margin-left:23px">a</span><span class="b" span="4">b</span>
+</div>
+<div class="grid">
+<span class="c">c</span><span class="f" style="margin-left:3px; width:21px">f</span><span class="a">a</span><span class="b" span="4">b</span>
+</div>
+<div class="grid">
+<span class="c">c</span><span class="e" style="width:28px">e</span><span class="a" style="margin-left:134px">a</span><span class="b" span="50">b</span>
+</div>
+<div class="grid">
+<span class="c">c</span><span class="f" style="margin-left:144px">f</span><span class="a">a</span><span class="b" span="50">b</span><span class="f" style="margin-left:147px">f</span>
+</div>
+<div class="grid">
+<span class="c">c</span><span class="f" style="width:4px;margin-left:138px">f</span><span class="f">f</span><span class="a">a</span><span class="b" span="50">b</span>
+</div>
+<div class="grid">
+<span class="c">c</span><span class="g" style="width:1px">g</span><span class="a" style="margin-left:161px">a</span><span class="b" span="50">b</span>
+</div>
+<div class="grid">
+<span class="g" style="width:1px">g</span><span class="g" style="width:1px">g</span><span class="a" style="margin-left:161px">a</span><span class="b" span="50">b</span>
+</div>
+
+</div><div style="float:left; margin-top:300px;">
+
+<div class="grid" style="height:40px; position:relative">
+<span style="margin-top:-10000px; height:20060px; width:78px;"></span>
+<span style="position:absolute; z-index:1; left:0; width:216px; height:10000px">b</span><br>
+<span style="margin-top:-10042px; height:30px; width:78px; color:black"></span>
+</div>
+<div class="grid" style="height:40px; position:relative">
+<span style="margin-top:20px; position:absolute; left:0; z-index:0; height:30px; width:78px; color:black"></span>
+<span style="margin-top:-10000px; height:20018px; width:78px;"></span>
+<span style="position:absolute; left:0; width:216px; height:2000px">b</span><br>
+</div>
+<div class="grid" style="height:40px; position:relative;">
+<span style="position:absolute; left:20px; width: 30px; height:78px; z-index:2; color:black;"></span>
+<span style="position:absolute; left:82px; width: 30px;">b</span>
+</div>
+<div class="grid" style="height:40px; position:relative">
+<span style="position:absolute; left:0; z-index:1; margin-top:20px; height:30px; width:78px; color:black; border-left-color:black;"></span>
+<span style="position:absolute; left:0; width:216px; height:2000px">b</span><br>
+<span style="position:relative; z-index:1; margin-top:-10000px; height:20018px; width:78px;"></span>
+</div>
+<div class="grid" style="height:40px; position:relative;">
+<span style="position:absolute; left:20px; width: 30px; height:78px; z-index:2; color:silver;"></span>
+<span style="position:absolute; left:143px; width: 120px;">b</span>
+</div>
+
+</div><div style="float:left" class="f2">
+
+<div class="grid">
+<span class="b">b</span><span class="a2">a</span><br><span class="c" style="width:18px">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="b">b</span><span class="a2">a</span><span class="g">g</span><br><span class="b" style="visibility:hidden">b</span>
+</div>
+<div class="grid">
+<span class="b" span="2">b</span><span class="a2">a</span><br><span class="c">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="b" span="2">b</span><span class="a2">a</span><br><span class="c">c</span><span class="f" style="position:relative;top:-20px;">f</span>
+</div>
+<div class="grid">
+<span class="b" span="4">b</span><span class="a2">a</span><br><span class="c">c</span><span class="e" style="width:1px">e</span>
+</div>
+<div class="grid">
+<span class="b" span="4">b</span><span class="a2">a</span><br><span class="c">c</span><span class="f" style="position:relative;top:-20px; margin-left:3px; width:21px">f</span>
+</div>
+<div class="grid">
+<span class="b" span="50">b</span><span class="a2">a</span><br><span class="c">c</span><span class="e" style="width:28px">e</span>
+</div>
+<div class="grid">
+<span class="b" span="50">b</span><span class="a2">a</span><br><span class="c">c</span><span class="f" style="position:relative;top:-20px; margin-left:144px">f</span><span class="f" style="position:relative;left:-20px">f</span>
+</div>
+<div class="grid">
+<span class="b" span="50">b</span><span class="a2">a</span><br><span class="c">c</span><span class="f" style="position:relative;top:-20px; width:4px;margin-left:138px">f</span><span class="f" style="position:relative;top:-20px;">f</span>
+</div>
+<div class="grid">
+<span class="b" span="50">b</span><span class="a2">a</span><span class="g" >g</span><br><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="b" span="50">b</span><span class="a2">a</span><span class="g">g</span><span class="g">g</span><br><span class="g" style="visibility:hidden">g</span>
+</div>
+</div>
+
+<script>
+var elms = document.querySelectorAll("[span].b");
+for (i=0; i < elms.length; ++i) {
+  var e = elms[i];
+  var span = e.getAttribute("span");
+  var width = (15 + (3*parseInt((span>10000?10000:span))));
+  e.style.width = width + "px";
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-implicit-001.html b/layout/reftests/css-grid/grid-placement-auto-implicit-001.html
new file mode 100644
index 0000000000..c14bf06cc5
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-implicit-001.html
@@ -0,0 +1,155 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#auto-placement-algo">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#overlarge-grids">
+  <link rel="match" href="grid-placement-auto-implicit-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-template-columns: 20px 20px 20px 20px;
+ grid-template-rows: 20px;
+ grid-auto-columns: 3px;
+ grid-auto-rows: 20px;
+ border: 1px solid blue;
+ width: 270px;
+}
+
+.a { grid-area: 1 / 2; background:lime; }
+.a2 { grid-column:2; grid-row:span 2 / 1; background:lime; }
+.b { grid-column: span 1 / 2; grid-row: 2; background:pink; }
+.b2 { grid-column: span 1 / 2; background:pink; }
+.c { grid-row: 1; background:yellow; }
+.e { grid-row: 1; background:silver; }
+.f { grid-column: 1; background:cyan; }
+.g { background:tan; }
+
+span {
+  border: 1px solid;
+  line-height: 18px;
+  min-width: 0;
+}
+
+  </style>
+</head>
+<body style="overflow:hidden">
+
+<div style="float:left">
+
+<div class="grid">
+<span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b">b</span><span class="g">g</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="2">b</span><span class="c">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="2">b</span><span class="c">c</span><span class="f">f</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="4">b</span><span class="c">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="4">b</span><span class="c">c</span><span class="f" style="grid-column:span 2 / 2">f</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="50">b</span><span class="c">c</span><span class="e" style="grid-column-start: span 10;">e</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="50">b</span><span class="c">c</span><span class="f">f</span><span class="f">f</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="50">b</span><span class="c">c</span><span class="f" style="grid-column: span 2 / 1;">f</span><span class="f">f</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="50">b</span><span class="c">c</span><span class="g">g</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="50">b</span><span class="g">g</span><span class="g">g</span>
+</div>
+
+</div><div style="float:left; margin-top:300px;">
+
+<div class="grid" style="height:40px">
+<span style="grid-area: X -10000 / 1 / span 10000 / 5; margin-top:-199980px"></span>
+<span style="grid-area: 1 / 1 / span 10000 / 5; margin-top:-199980px; height:30px; color:black"></span>
+<span span="50" style="margin-top:-399960px">b</span>
+</div>
+<div class="grid" style="height:40px">
+<span style="grid-area: X -10000 / 1 / span 10000 / 5; margin-top:-199980px"></span>
+<span style="grid-area: 1 / 1 / span 10000 / 5; margin-top:-199980px; height:30px; color:black"></span>
+<span style="grid-column: 1 / span 50; margin-top:-399960px">b</span>
+</div>
+<div class="grid" style="height:40px">
+<span style="grid-area: 1 / X -10000 / 5 / span 10000; width: 30px; margin-left:-29980px"></span>
+<span style="grid-area: 1 / 1 / 5 / span 10000; width: 30px; margin-left:-29980px; color:black"></span>
+<span style="grid-row: 1; grid-column:auto / span 1; width: 30px; margin-left:-59980px">b</span>
+</div>
+<div class="grid" style="height:40px">
+<span style="grid-area: X -10000 / 1 / span 10000 / 5; margin-top:-199980px"></span>
+<span style="grid-area: 1 / 1 / span 9998 / 5; margin-top:-199980px; height:30px; color:black"></span>
+<span span="50" style="grid-row:auto / span 5; margin-top:-399960px">b</span>
+</div>
+<div class="grid" style="height:40px">
+<span style="grid-area: 1 / X -10000 / 5 / span 10000; width: 30px; margin-left:-29980px"></span>
+<span style="grid-area: 1 / 1 / 5 / span 9995; width: 30px; margin-left:-29980px; color:silver"></span>
+<span style="grid-row: 1; grid-column:auto / span 10; margin-left:-59910px; margin-right:59800px">b</span>
+</div>
+
+</div><div style="float:left">
+
+<div class="grid">
+<span class="a2">a</span><span class="b2">b</span><span class="c">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2">b</span><span class="g">g</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="2">b</span><span class="c">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="2">b</span><span class="c">c</span><span class="f">f</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="4">b</span><span class="c">c</span><span class="e">e</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="4">b</span><span class="c">c</span><span class="f" style="grid-column:span 2 / 2">f</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="50">b</span><span class="c">c</span><span class="e" style="grid-column-start: span 10;">e</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="50">b</span><span class="c">c</span><span class="f">f</span><span class="f">f</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="50">b</span><span class="c">c</span><span class="f" style="grid-column: span 2 / 1;">f</span><span class="f">f</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="50">b</span><span class="c">c</span><span class="g">g</span>
+</div>
+<div class="grid">
+<span class="a2">a</span><span class="b2" span="50">b</span><span class="g">g</span><span class="g">g</span>
+</div>
+</div>
+
+<script>
+var elms = document.querySelectorAll("[span]");
+for (i=0; i < elms.length; ++i) {
+  var e = elms[i];
+  e.style.gridColumnStart = "span " + e.getAttribute("span");
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html b/layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html
new file mode 100644
index 0000000000..85df406e6e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html
@@ -0,0 +1,251 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: grid item auto placement: row dense</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107778">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  height: 60px;
+  border: 1px solid green;
+  position: relative;
+  font-size: 12px;
+}
+
+.grid2 {
+  display: grid;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  grid-auto-flow: row dense;
+  border: 1px solid green;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+}
+
+x {
+  background: lime;
+  border: 1px solid black;
+}
+
+.test1 .a {
+  top: 0;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test1 .b {
+  top: 20px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test1 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test1 .e {
+  top: 20px;
+  left: 0px;
+}
+.test1 .d2 {
+  top: 0px;
+  left: 40px;
+}
+
+.test2 .a {
+  top: 0;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test2 .b {
+  top: 20px;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test2 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test2 .e {
+  top: 20px;
+  left: 0px;
+}
+.test2 .d2 {
+  top: 20px;
+  left: 40px;
+}
+
+.test3 .a {
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 40px;
+}
+.test3 .b {
+  top: 40px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test3 .c {
+  top: 60px;
+  left: 0px;
+  width: 60px;
+  height: 40px;
+}
+.test3 .d { top: 0px; left:60px; }
+.test3 .e {
+  top: 20px;
+  left: 60px;
+}
+.test3 .d2 {
+  top: 40px;
+  left: 0px;
+}
+
+.test4 .c {
+  top: 0;
+  left: 20px;
+  width: 60px;
+  height: 40px;
+}
+.test4 .e {
+  top: 20px;
+  left: 0px;
+}
+.test4 .d2 {
+  top: 40px;
+  left: 0px;
+}
+
+.test5 .c {
+  top: 20px;
+  left: 0;
+  width: 60px;
+  height: 20px;
+}
+.test5 .e {
+  top: 20px;
+  left: 60px;
+}
+.test5 .d2 {
+  top: 0px;
+  left: 20px;
+}
+
+.test6d2 {
+  top: 0px;
+  left: 40px;
+}
+.test6e {
+  top: 20px;
+  left: 0px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3" style="height:100px">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+<!-- bug 1228984 test 2 -->
+<div class="grid2">
+<x style="grid-row: 1 / 3">1</x>
+<x style="grid-row: 2 / 4">2</x>
+<x style="grid-row: 1 / 4">3</x>
+<x style="">4</x>
+<x style="">5</x>
+</div>
+
+<!-- bug 1228984 test 1: with "row dense" -->
+<div class="grid2">
+<x style="grid-column: 1; grid-row: 1 / 3">1</x>
+<x style="grid-column: 2; grid-row: 1">2</x>
+<x style="grid-row: span 2">3</x>
+<x style="grid-row: 2">4</x>
+</div>
+
+<!-- bug 1228984 test 2 -->
+<div class="grid2">
+<x style="grid-column: 1 / 3; grid-row: 1;">1</x>
+<x style="grid-column: 1; grid-row: 2;">2</x>
+<x style="grid-column: span 2; grid-row: 3;">3</x>
+<x style="grid-column: 2; grid-row: 2;">4</x>
+</div>
+
+<!-- bug 1228984 test 3 -->
+<div class="grid2">
+<x style="grid-row: 1 / 3">1</x>
+<x style="grid-row: 2 / 4">2</x>
+<x style="grid-row: 1 / 4">3</x>
+<x style="">4</x>
+<x style="">5</x>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-row-dense-001.html b/layout/reftests/css-grid/grid-placement-auto-row-dense-001.html
new file mode 100644
index 0000000000..b4f9c5c2d0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-row-dense-001.html
@@ -0,0 +1,187 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: grid item auto placement: row dense</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107778">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-placement-algo">
+  <link rel="match" href="grid-placement-auto-row-dense-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  border: 1px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: dense row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+.grid2 {
+  display: grid;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  grid-auto-flow: row dense;
+  border: 1px solid green;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+}
+.test3 .b {
+  grid-column: 2 / span 3; 
+  grid-row: b;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+}
+
+.test6 {
+  grid-column: auto / span X;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+<!-- bug 1228984 test 2 -->
+<div class="grid2">
+<span style="grid-row: 1 / 3">1</span>
+<span style="grid-row: 2 / 4">2</span>
+<span style="grid-row: 1 / 4">3</span>
+<span style="">4</span>
+<span style="">5</span>
+</div>
+
+<!-- bug 1228984 test 1: with "row dense" -->
+<div class="grid2">
+<span style="grid-column: 1; grid-row: 1 / 3">1</span>
+<span style="grid-column: 2; grid-row: 1">2</span>
+<span style="grid-row: span 2">3</span>
+<span style="grid-row: 2">4</span>
+</div>
+
+<!-- bug 1228984 test 2 -->
+<div class="grid2">
+<span style="grid-column: 1 / 3; grid-row: 1;">1</span>
+<span style="grid-column: 1; grid-row: 2;">2</span>
+<span style="grid-column: span 2;">3</span>
+<span style="grid-column: 2;">4</span>
+</div>
+
+<!-- bug 1228984 test 3 -->
+<div class="grid2">
+<span style="grid-row: 1 / 3">1</span>
+<span style="grid-row: 2 / 4">2</span>
+<span style="grid-row: 1 / 4">3</span>
+<span style="">4</span>
+<span style="">5</span>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html b/layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html
new file mode 100644
index 0000000000..15a180dac2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html
@@ -0,0 +1,226 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: grid item auto placement: row sparse</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107778">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  height: 60px;
+  border: 1px solid green;
+  position: relative;
+  font-size: 12px;
+}
+
+.grid2 {
+  display: grid;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  border: 1px solid green;
+}
+
+x {
+  background: lime;
+  border: 1px solid black;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+}
+
+.test1 .a {
+  top: 0;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test1 .b {
+  top: 20px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test1 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test1 .e {
+  top: 20px;
+  left: 0px;
+}
+.test1 .d2 {
+  top: 0px;
+  left: 40px;
+}
+
+.test2 .a {
+  top: 0;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test2 .b {
+  top: 20px;
+  left: 20px;
+  width: 20px;
+  height: 20px;
+}
+.test2 .c {
+  top: 0;
+  left: 80px;
+  width: 60px;
+  height: 40px;
+}
+.test2 .e {
+  top: 20px;
+  left: 0px;
+}
+.test2 .d2 {
+  top: 20px;
+  left: 40px;
+}
+
+.test3 .a {
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 40px;
+}
+.test3 .b {
+  top: 40px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test3 .c {
+  top: 60px;
+  left: 0px;
+  width: 60px;
+  height: 40px;
+}
+.test3 .d { top: 60px; left:60px; }
+.test3 .e {
+  top: 20px;
+  left: 60px;
+}
+.test3 .d2 {
+  top: 80px;
+  left: 60px;
+}
+
+.test4 .c {
+  top: 0;
+  left: 20px;
+  width: 60px;
+  height: 40px;
+}
+.test4 .d { top: 40px; }
+.test4 .e {
+  top: 20px;
+  left: 0px;
+}
+.test4 .d2 {
+  top: 40px;
+  left: 20px;
+}
+
+.test5 .c {
+  top: 20px;
+  left: 0;
+  width: 60px;
+  height: 20px;
+}
+.test5 .e {
+  top: 20px;
+  left: 60px;
+}
+.test5 .d2 {
+  top: 0px;
+  left: 20px;
+}
+
+.test6 { left: 0px; top: 20px;}
+.test6d2 {
+  top: 20px;
+  left: 140px;
+}
+.test6e {
+  top: 20px;
+  left: 160px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3" style="height:100px">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+<!-- bug 1229009 -->
+<div class="grid2">
+<x style="grid-column: 2; grid-row: 1;">1</x>
+<x style="grid-column: 1; grid-row: 2;">2</x>
+<x style="grid-column: 3; grid-row: 1 / 3;">3</x>
+<x style="grid-column: 2; grid-row: 2;">4</x>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html b/layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html
new file mode 100644
index 0000000000..52133ccacf
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html
@@ -0,0 +1,160 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: grid item auto placement: row sparse</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107778">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#auto-placement-algo">
+  <link rel="match" href="grid-placement-auto-row-sparse-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  border: 1px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+.grid2 {
+  display: grid;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  border: 1px solid green;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+}
+.test3 .b {
+  grid-column: 2 / span 3; 
+  grid-row: b;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+}
+
+.test6 {
+  grid-row-start: 2;
+  grid-column: auto / span X;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+<!-- bug 1229009 -->
+<div class="grid2">
+<span style="grid-column: 2; grid-row: 1;">1</span>
+<span style="grid-column: 1; grid-row: 2;">2</span>
+<span style="grid-row: 1 / 3;">3</span>
+<span style="grid-row: 2;">4</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-001-ref.html b/layout/reftests/css-grid/grid-placement-definite-001-ref.html
new file mode 100644
index 0000000000..2391d214e3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-001-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+	
+.grid {
+  height: 60px;
+  border: 10px solid green;
+  position: relative;
+  font-size:12px;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+
+.a {
+  left: 40px;
+  width: 60px;
+  height: 40px;
+}
+.b {
+  left: 20px;
+  top: 40px;
+  width: 60px;
+  height: 20px;
+}
+.c {
+  left: 80px;
+  top: 40px;
+  width: 60px;
+  height: 20px;
+}
+.d {
+  left: 0px;
+  width: 20px;
+  height: 60px;
+}
+    </style>
+</head>
+<body>
+
+<div class=grid>
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-001.html b/layout/reftests/css-grid/grid-placement-definite-001.html
new file mode 100644
index 0000000000..60050619ca
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-001.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+
+.grid {
+ display: grid;
+ grid-template-areas:
+'. . a a a .'
+'. . a a a .'
+'. b b . . .'
+;
+  border: 10px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: column dense;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+  font-size:12px;
+}
+
+span {
+  background: lime;
+  border: 1px solid black;
+}
+
+.a {
+  grid-area: a;
+}
+.b {
+  grid-column: 2 / span 3; 
+  grid-row: b;
+}
+.c {
+  grid-column: span 3;
+}
+.d {
+  grid-row: span 3;
+}
+    </style>
+</head>
+<body>
+
+<div class=grid>
+<span class=a>a</span>
+<span class=b>b</span>
+<span class=c>c</span>
+<span class=d>d</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-002-ref.html b/layout/reftests/css-grid/grid-placement-definite-002-ref.html
new file mode 100644
index 0000000000..9749c62bcf
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-002-ref.html
@@ -0,0 +1,108 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+html,body {
+  font-size:12px;
+  font-family:monospace;
+}
+.grid {
+  height: 60px;
+  border: 1px solid green;
+  position: relative;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+
+.test1 span {
+  top: 0;
+  left: 40px;
+  width: 100px;
+  height: 20px;
+}
+
+.test2 .a {
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 40px;
+}
+.test2 .b {
+  top: 40px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test2 .c {
+  top: 0;
+  left: 60px;
+  width: 60px;
+  height: 20px;
+}
+
+.test3 span {
+  top: 0;
+  left: 40px;
+  width: 100px;
+  height: 20px;
+}
+
+.test4 span {
+  top: 0;
+  left: 40px;
+  width: 100px;
+  height: 20px;
+}
+
+.test5 span {
+  top: 0;
+  left: 20px;
+  width: 120px;
+  height: 20px;
+}
+
+.test6 span {
+  top: 0;
+  left: 0;
+  width: 20px;
+  height: 20px;
+}
+
+.test7 span {
+  top: 0;
+  left: 0;
+  width: 700px;
+  height: 60px;
+  padding:3px;
+}
+
+    </style>
+</head>
+<body>
+
+<div class="grid test1"><span>a</span></div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+</div>
+
+<div class="grid test3"><span>a</span></div>
+
+<div class="grid test4"><span>a</span></div>
+
+<div class="grid test5"><span>a</span></div>
+
+<div class="grid test6"><span>b</span></div>
+
+<div class="grid test7"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;grid</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-002.html b/layout/reftests/css-grid/grid-placement-definite-002.html
new file mode 100644
index 0000000000..6e9cd72d1c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-002.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+html,body {
+  font-size:12px;
+  font-family:monospace;
+}
+.grid {
+  display: grid;
+  border: 1px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 { grid-template-areas:'. a a-start .'; }
+.test1 span { grid-column: a-start / 8; }
+
+.test2 {
+  grid-template-areas:
+    'a a a . . .'
+    'a a a . . .'
+    '. b b . . .'
+  ;
+}
+
+.test2 .a {
+  grid-area: a;
+}
+.test2 .b {
+  grid-column: 2 / span 3; 
+  grid-row: b;
+}
+.test2 .c {
+  grid-column: auto / span 3;
+}
+
+.test3 {
+  grid-template-areas:'. a .';
+  grid-template-columns: [a-start] 20px 20px [a-start-start] 20px [a-start-end];
+}
+.test3 span { grid-column: a-start / 8; }
+
+.test4, .test5 {
+  grid-template-areas:'. . . a';
+  grid-template-columns: 20px [a-start] 20px [a-start] 20px [a-end] 20px ;
+}
+.test4 span { grid-column: a-start 2 / 8; }
+.test5 span { grid-column: a / 8; }
+
+.test6 #span1 { grid-row:1/2; grid-column:1/2; }
+.test6 #span2 { grid-row:1/2; grid-column:1/2; }
+
+.test7 {grid-template-columns: 700px; grid-template-rows: 60px; }
+.test7 #span1 { grid-area: 1/1; background: red;  border: 4px solid red; color:red; }
+.test7 #span2 { grid-area: 1/1; background: lime; padding: 3px; margin:0; }
+
+    </style>
+</head>
+<body>
+
+<div class="grid test1"><span>a</span></div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+</div>
+
+<div class="grid test3"><span>a</span></div>
+
+<div class="grid test4"><span>a</span></div>
+
+<div class="grid test5"><span>a</span></div>
+
+<div class="grid test6"><span id="span1">a</span><span id="span2">b</span></div>
+
+<div class="grid test7"><span id="span1">FAIL</span><span id="span2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;grid</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-003-ref.html b/layout/reftests/css-grid/grid-placement-definite-003-ref.html
new file mode 100644
index 0000000000..e9d6f8c142
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-003-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+html,body {
+  font-size:12px;
+  font-family:monospace;
+}
+.grid {
+  height: 60px;
+  border: 1px solid green;
+  position: relative;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+
+.test1 span {
+  top: 0;
+  left: 40px;
+  width: 100px;
+  height: 20px;
+}
+
+.test2 .a {
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 40px;
+}
+.test2 .b {
+  top: 40px;
+  left: 20px;
+  width: 60px;
+  height: 20px;
+}
+.test2 .c {
+  top: 0;
+  left: 60px;
+  width: 60px;
+  height: 20px;
+}
+
+.test3 span {
+  top: 0;
+  left: 40px;
+  width: 100px;
+  height: 20px;
+}
+
+.test4 span {
+  top: 0;
+  left: 40px;
+  width: 100px;
+  height: 20px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1"><span>a</span></div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+</div>
+
+<div class="grid test3"><span>a</span></div>
+
+<div class="grid test4"><span>a</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-003.html b/layout/reftests/css-grid/grid-placement-definite-003.html
new file mode 100644
index 0000000000..c23505f2ac
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-003.html
@@ -0,0 +1,76 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+html,body {
+  font-size:12px;
+  font-family:monospace;
+}
+.grid {
+  display: grid;
+  border: 1px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 { grid-template-areas:'.. a a-start-.'; }
+.test1 span { grid-column: a-start- / 8; }
+
+.test2 {
+  grid-template-areas:
+    'a a a ... . .'
+    'a a a .   . ..'
+    '.-b b .   . ...'
+  ;
+}
+
+.test2 .a {
+  grid-area: a;
+}
+.test2 .b {
+  grid-column: 2 / span 3;
+  grid-row: b;
+}
+.test2 .c {
+  grid-column: auto / span 3;
+}
+
+.test3 {
+  grid-template-areas:'.a.';
+  grid-template-columns: [a-start] 20px 20px [a-start-start] 20px [a-start-end];
+}
+.test3 span { grid-column: a-start / 8; }
+
+.test4 {
+  grid-template-areas:'. .... .-a';
+  grid-template-columns: 20px [-a-start] 20px [-a-start] 20px [-a-end] 20px ;
+}
+.test4 span { grid-column: -a-start 2 / 8; }
+
+    </style>
+</head>
+<body>
+
+<div class="grid test1"><span>a</span></div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+</div>
+
+<div class="grid test3"><span>a</span></div>
+
+<div class="grid test4"><span>a</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html b/layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html
new file mode 100644
index 0000000000..a9684cfd1d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+ border: 1px solid blue;
+}
+
+.a { background:lime; }
+.b { background:pink; }
+.c { width:1px; display: block; background:yellow; }
+.d { margin-left:3px; width:10000px; display: block; background:cyan; }
+
+span {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  line-height: 18px;
+  border: 1px solid;
+  vertical-align:top;
+}
+
+  </style>
+</head>
+<body style="overflow:hidden">
+
+<div class="grid">
+<span class="b">b</span><span class="a">a</span><span class="c" style="width:18px">c</span>
+</div>
+
+<div class="grid">
+<span class="b" span="2">b</span><span class="a">a</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="b" span="3">b</span><span class="a">a</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="b" span="4">b</span><span class="a">a</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="b" span="100">b</span><span class="a">a</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="b" span="9998">b</span>
+</div>
+<div class="grid">
+<span class="b" span="9999">b</span>
+</div>
+<div class="grid">
+<span class="b" span="10000">b</span>
+</div>
+<div class="grid">
+<span class="b" span="12345">b</span>
+</div>
+<div class="grid" style="height:40px">
+<span class="b" span="10000">b</span>
+</div>
+<div class="grid">
+<span class="b" span="2">b</span><span class="a">a</span><span class="d">d</span>
+</div>
+<div class="grid">
+<span class="b" style="margin-left:56px; width:30000px; ">b</span>
+</div>
+
+<div class="grid cols" style="margin-left:-30000px;">
+<span class="b" style="width:1px; margin-left:30062px">b</span>
+<span class="c" style="margin-left:29000px; width:1063px;">c</span>
+</div>
+<div class="grid rows" style="border:none">
+<span class="b" style="margin-top:11px;height:1px;"></span>
+</div>
+
+
+<script>
+var elms = document.querySelectorAll("[span].b");
+for (i=0; i < elms.length; ++i) {
+  var e = elms[i];
+  var span = e.getAttribute("span");
+  var width = (15 + 3*parseInt((span>10000?10000:span)));
+  e.style.width = width + "px";
+}
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-implicit-001.html b/layout/reftests/css-grid/grid-placement-definite-implicit-001.html
new file mode 100644
index 0000000000..b559770948
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-001.html
@@ -0,0 +1,112 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#auto-placement-algo">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#overlarge-grids">
+  <link rel="match" href="grid-placement-definite-implicit-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-template-columns: 20px 20px 20px 20px;
+ grid-template-rows: 20px;
+ grid-auto-columns: 3px;
+ grid-auto-rows: 20px;
+ border: 1px solid blue;
+ justify-items: stretch;
+}
+
+.a { grid-area: 1 / 2; background:lime; }
+.b { grid-column: span 1 / 2; grid-row: 1; background:pink; }
+.c { grid-row: 2; background:yellow; }
+.d { grid-row: 2; grid-column: 1 / span 20000; background:cyan; }
+
+span {
+  border: 1px solid;
+  line-height: 18px;
+  min-width: 0;
+}
+
+  </style>
+</head>
+<body style="overflow:hidden">
+
+<div class="grid">
+<span class="a">a</span><span class="b">b</span><span class="c">c</span>
+</div>
+
+<div class="grid">
+<span class="a">a</span><span class="b" span="2">b</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="3">b</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="4">b</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="100">b</span><span class="c">c</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="9998">b</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="9999">b</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="10000">b</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="12345">b</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="10000">b</span><span class="d">d</span>
+</div>
+<div class="grid">
+<span class="a">a</span><span class="b" span="2">b</span><span class="d">d</span>
+</div>
+<div class="grid">
+<span class="b" style="grid-column: 9997 / span 1000; margin-left:-30000px; ">b</span>
+</div>
+
+<div class="grid cols" style="margin-left:-30000px;">
+<span class="b" style="grid-column: span 1 / a;">b</span>
+<span class="c" style="grid-column: a;">c</span>
+</div>
+<div class="grid rows" style="grid-auto-rows:3px; grid-auto-cols:20px; margin-top:-30000px; border:none">
+<span class="b" style="grid-row: span 1 / a;"></span>
+</div>
+
+<script>
+var elms = document.querySelectorAll("[span]");
+for (i=0; i < elms.length; ++i) {
+  var e = elms[i];
+  e.style.gridColumnStart = "span " + e.getAttribute("span");
+}
+var cols = '"';
+for (j = 0; j < 10010; ++j) {
+  cols += "a "
+}
+cols += '"';
+var rows = '';
+for (j = 0; j < 10010; ++j) {
+  rows += '"a" '
+}
+
+var style = document.createElement('style');
+style.appendChild(document.createTextNode(
+  ".cols { grid-template-areas: " + cols + "; }" +
+  ".rows { grid-template-areas: " + rows + "; }"));
+var head = document.querySelector("head");
+head.appendChild(style)
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html b/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html
new file mode 100644
index 0000000000..a796ea9acd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html
@@ -0,0 +1,231 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing definite placement with non-existent line names</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
+  <style type="text/css">
+html,body {
+  font-size: 16px;
+  font-family: monospace;
+  padding:0; margin:0;
+}
+
+.grid {
+  height: 40px;
+  position: relative;
+}
+
+span {
+  position: absolute;
+  top:0; left:0; width:20px; height:20px;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+
+.XeN   { left: 20px; width: 80px; }
+.XsN   { width: 80px; }              .XsN ~ span { top:20px; left:60px; }
+.NeX   { left: 20px; width: 80px; }
+.NsX   { width: 80px; }              .NsX  ~ span { left: 60px; top: 20px; }
+.XeA   { width: 100px; }             .XeA  ~ span { top: 20px; }
+.XsA   { width: 60px; }              .XsA  ~ span { left: 60px; }
+.XsA2  { width: 80px; }              .XsA2 ~ span { left: 60px; top: 20px; }
+.XsA3  { width: 120px; }             .XsA3 ~ span { left: 60px; top: 20px; }
+.AsX   { width: 60px;}               .AsX  ~ span { left: 60px; }
+.xsN   { }                           .xsN  ~ span { left: 20px; }
+.x2sN  { width: 40px; }              .x2sN ~ span { left: 40px; }
+.xsN2  { width: 40px; }              .xsN2 ~ span { left: 20px; top: 20px; }
+.xXs   { }                           .xXs  ~ span { left: 60px;}
+.aXs   { }                           .aXs  ~ span { left: 60px;}
+.aXe   { left: 20px; width: 60px; }
+.xXe   { width: 100px; }             .xXe  ~ span { left: 20px; top: 20px; }
+
+.AXe   { width: 80px; }              .AXe  ~ span { top: 20px; }
+.A2Xe  { left: 20px; width: 60px; }
+.XXe   { left: 60px; }
+.XX3e  { left: 60px; width: 40px; }
+.XbXe  { width: 100px; }             .XbXe ~ span  { top: 20px; left: 40px; }
+.XX0b  { }                           .XX0b ~ span  { left: 60px; }
+.XX1b  { }                           .XX1b ~ span  { left: 60px; }
+.XX2b  { width: 40px; }              .XX2b ~ span  { left: 60px; }
+.XbN1  { width: 60px; }              .XbN1 ~ span  { left: 60px; }
+.XbN2  { width: 80px; }              .XbN2 ~ span  { top: 20px; left: 60px; }
+.Xbb   { }                           .Xbb  ~ span  { left: 80px; }
+.Xee   { left: 60px; width:40px; }
+.nX2s  { width: 40px; }              .nX2s ~ span  { left: 80px; }
+.nXs   { width: 40px; }              .nXs  ~ span  { left: 60px; }
+.nXe   { left: 20px; width: 40px; }
+.nX2e  { left: 40px; width: 40px; }
+
+.nX3e  { left: 60px; width: 40px; }
+.n3Xe  { width: 60px; }              .n3Xe ~ span  { top: 20px; }
+.n4Xe  { width: 80px; }              .n4Xe ~ span  { top: 20px; left: 20px; }
+.Xen3  { left: 60px; width: 60px; }
+.Xea   { left: 60px;  }
+.Xea2  { left: 60px; width: 40px; }
+.Xea3  { left: 60px; width: 60px; }
+.Xsa   { }                           .Xsa   ~ span  { left: 20px; }
+.Xsa2  { width: 40px;   }            .Xsa2  ~ span  { left: 20px; top: 20px; }
+.Xsa4  { width: 100px;  }            .Xsa4  ~ span  { left: 20px; top: 20px; }
+.Xs2a  { width: 40px;   }            .Xs2a  ~ span  { left: 40px; }
+.Xs2a2 { width: 60px;   }            .Xs2a2 ~ span  { left: 40px; top: 20px; }
+.Xs2a4 { width: 120px;  }            .Xs2a4 ~ span  { left: 40px; top: 20px; }
+.Xs3a  { width: 60px;   }            .Xs3a  ~ span  { left: 60px; }
+.Xs3a2 { width: 80px;   }            .Xs3a2 ~ span  { left: 60px; top: 20px; }
+.Xs3a4 { width: 140px;  }            .Xs3a4 ~ span  { left: 60px; top: 20px; }
+
+.nxe   { width: 60px;   }            .nxe   ~ span  { top: 20px; }
+.nx3e  { width: 100px;  }            .nx3e  ~ span  { top: 20px; }
+.n2x3e { left: 20px; width: 80px; }
+.Axe   { width: 60px;   }            .Axe   ~ span  { top: 20px; }
+.A2xe  { left: 20px; width: 40px; }
+.Ax3e  { width: 100px;  }            .Ax3e  ~ span  { top: 20px; }
+.A2x3e { left: 20px; width: 80px; }
+.Aa    { }                           .Aa    ~ span  { top: 20px; }
+.A2a   { left: 20px; width: 40px; }
+.Aa3   { width: 80px;   }            .Aa3   ~ span  { top: 20px; }
+.AXs   { width: 40px; }              .AXs   ~ span  { left:40px; }
+.A2Xs  { width: 60px; }              .A2Xs  ~ span  { left: 40px; top:20px; }
+._Xs   { }                           ._Xs   ~ span  { left: 60px; }
+._Xe   { left: 60px; }
+._xe   { }                           ._xe   ~ span  { top: 20px; }
+._x3e  { }                           ._x3e  ~ span  { top: 20px; }
+
+._xa   { }                           ._xa   ~ span  { top: 20px; }
+._xa3  { }                           ._xa3  ~ span  { top: 20px; }
+._xn3  { width: 60px;   }            ._xn3  ~ span  { top: 20px; }
+._xn5  { width: 100px;  }            ._xn5  ~ span  { top: 20px; }
+.Xs_   { }                           .Xs_   ~ span  { left: 20px; }
+.X2s_  { }                           .X2s_  ~ span  { left: 40px; }
+.X2e_  { left: 80px; }
+.A_    { }                           .A_    ~ span  { top: 20px; }
+.A2_   { left: 20px; }
+.x3_   { }                           .x3_   ~ span  { top: 20px; }
+.a2_   { }                           .a2_   ~ span  { top: 20px; }
+.a-2_  { }                           .a-2_  ~ span  { top: 20px; }
+._n    { }                           ._n    ~ span  { left: 20px; }
+._n2   { }                           ._n2   ~ span  { top: 20px; }
+.A3Xe  { left: 60px; }
+.asA   { }                           .asA   ~ span  { left: 20px; }
+.asA2  { }                           .asA2  ~ span  { top: 20px; }
+.a2sA2 { width: 40px; }              .a2sA2 ~ span  { left: 20px; top: 20px; }
+.as1   { }                           .as1   ~ span  { left: 20px; }
+.as2   { }                           .as2   ~ span  { top: 20px; }
+.as3   { left: 20px; }
+
+.c1 { background:grey; }
+
+    </style>
+</head>
+<body>
+
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="XeN" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XsN" ></span><span class="c1"></span></div>
+<div class="grid"><span class="NeX" ></span><span class="c1"></span></div>
+<div class="grid"><span class="NsX" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XeA" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XsA" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XsA2"></span><span class="c1"></span></div>
+<div class="grid"><span class="XsA3"></span><span class="c1"></span></div>
+<div class="grid"><span class="AsX" ></span><span class="c1"></span></div>
+<div class="grid"><span class="xsN" ></span><span class="c1"></span></div>
+<div class="grid"><span class="x2sN"></span><span class="c1"></span></div>
+<div class="grid"><span class="xsN2"></span><span class="c1"></span></div>
+<div class="grid"><span class="xXs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="aXs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="aXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="xXe" ></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="AXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2Xe"></span><span class="c1"></span></div>
+<div class="grid"><span class="XXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XX3e"></span><span class="c1"></span></div>
+<div class="grid"><span class="XbXe"></span><span class="c1"></span></div>
+<div class="grid"><span class="XX0b"></span><span class="c1"></span></div>
+<div class="grid"><span class="XX1b"></span><span class="c1"></span></div>
+<div class="grid"><span class="XX2b"></span><span class="c1"></span></div>
+<div class="grid"><span class="XbN1"></span><span class="c1"></span></div>
+<div class="grid"><span class="XbN2"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xbb" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xee" ></span><span class="c1"></span></div>
+<div class="grid"><span class="nX2s"></span><span class="c1"></span></div>
+<div class="grid"><span class="nXs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="nXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="nX2e"></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="nX3e" ></span><span class="c1"></span></div>
+<div class="grid"><span class="n3Xe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="n4Xe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xen3" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xea"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xea2" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xea3" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xsa"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xsa2" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xsa4" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs2a" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs2a2"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs2a4"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs3a" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs3a2"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs3a4"></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="nxe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="nx3e" ></span><span class="c1"></span></div>
+<div class="grid"><span class="n2x3e"></span><span class="c1"></span></div>
+<div class="grid"><span class="Axe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2xe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Ax3e" ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2x3e"></span><span class="c1"></span></div>
+<div class="grid"><span class="Aa"   ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2a"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="Aa3"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="AXs"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2Xs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="_Xs"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_Xe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_xe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_x3e" ></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="_xa" ></span><span class="c1"></span></div>
+<div class="grid"><span class="_xa3"></span><span class="c1"></span></div>
+<div class="grid"><span class="_xn3"></span><span class="c1"></span></div>
+<div class="grid"><span class="_xn5"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="X2s_"></span><span class="c1"></span></div>
+<div class="grid"><span class="X2e_"></span><span class="c1"></span></div>
+<div class="grid"><span class="A_"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="x3_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="a2_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="a-2_"></span><span class="c1"></span></div>
+<div class="grid"><span class="_n"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_n2" ></span><span class="c1"></span></div>
+<div class="grid"><span class="A3Xe"></span><span class="c1"></span></div>
+<div class="grid"><span class="asA"></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px; clear:both">
+<div class="grid"><span class="asA2"></span><span class="c1"></span></div>
+<div class="grid"><span class="a2sA2"></span><span class="c1"></span></div>
+<div class="grid"><span class="as1"></span><span class="c1"></span></div>
+<div class="grid"><span class="as2"></span><span class="c1"></span></div>
+<div class="grid"><span class="as3"></span><span class="c1"></span></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-definite-implicit-002.html b/layout/reftests/css-grid/grid-placement-definite-implicit-002.html
new file mode 100644
index 0000000000..5e74258547
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-002.html
@@ -0,0 +1,244 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Test: Testing definite placement with non-existent line names</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#grid-placement-slot">
+  <link rel="match" href="grid-placement-definite-implicit-002-ref.html">
+  <style type="text/css">
+html,body {
+  font-size: 16px;
+  font-family: monospace;
+  padding:0; margin:0;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+  grid-row: 1;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: [A] 20px [A] 20px;
+  grid-template-rows: 20px 20px;
+  grid-auto-columns: 20px;
+}
+
+/* Legend:
+             X = line name with no match
+             x = ditto with span
+             A = existing line name
+             a = ditto with span
+             N = line number
+             n = ditto with span
+             e = on the end side
+             s = on the start side
+*/
+.XeN   { grid-column: X 3 / 2;            }
+.XsN   { grid-column: X -3 / 2;           }
+.NeX   { grid-column: 2 / X 3;            }
+.NsX   { grid-column: 2 / X -3;           }
+.XeA   { grid-column: X 3 / A;            }
+.XsA   { grid-column: X -3 / A;           }
+.XsA2  { grid-column: X -3 / A 2;         }
+.XsA3  { grid-column: X -3 / A 3;         }
+.AsX   { grid-column: A / X -3;           }
+.xsN   { grid-column: span X / 1;         }
+.x2sN  { grid-column: span X 2 / 1;       }
+.xsN2  { grid-column: span X / 2;         }
+.xXs   { grid-column: span X / X -2;      }
+.aXs   { grid-column: span A / X -2;      }
+.aXe   { grid-column: span A / X 2;       }
+.xXe   { grid-column: span X / X 2;       }
+
+.AXe   { grid-column: A / X 2;            }
+.A2Xe  { grid-column: A 2 / X 2;          }
+.XXe   { grid-column: X / X 2;            }
+.XX3e  { grid-column: X / X 3;            }
+.XbXe  { grid-column: X -2 / X;           }
+.XX0b  { grid-column: X -3 / X -3;        }
+.XX1b  { grid-column: X -3 / X -2;        }
+.XX2b  { grid-column: X -3 / X -1;        }
+.XbN1  { grid-column: X -3 / 1;           }
+.XbN2  { grid-column: X -3 / 2;           }
+.Xbb   { grid-column: X -3 / X -4;        }
+.Xee   { grid-column: X 3 / X;            }
+.nX2s  { grid-column: span 2 / X -2;      }
+.nXs   { grid-column: span 2 / X -1;      }
+.nXe   { grid-column: span 2 / X;         }
+.nX2e  { grid-column: span 2 / X 2;       }
+
+.nX3e  { grid-column: span 2 / X 3;       }
+.n3Xe  { grid-column: span 3 / X;         }
+.n4Xe  { grid-column: span 4 / X;         }
+.Xen3  { grid-column: X / span 3;         }
+.Xea   { grid-column: X / span A;         }
+.Xea2  { grid-column: X / span A 2;       }
+.Xea3  { grid-column: X / span A 3;       }
+.Xsa   { grid-column: X -1 / span A;      }
+.Xsa2  { grid-column: X -1 / span A 2;    }
+.Xsa4  { grid-column: X -1 / span A 4;    }
+.Xs2a  { grid-column: X -2 / span A;      }
+.Xs2a2 { grid-column: X -2 / span A 2;    }
+.Xs2a4 { grid-column: X -2 / span A 4;    }
+.Xs3a  { grid-column: X -3 / span A;      }
+.Xs3a2 { grid-column: X -3 / span A 2;    }
+.Xs3a4 { grid-column: X -3 / span A 4;    }
+
+.nxe   { grid-column: 1 / span X;         }
+.nx3e  { grid-column: 1 / span X 3;       }
+.n2x3e { grid-column: 2 / span X 3;       }
+.Axe   { grid-column: A / span X;         }
+.A2xe  { grid-column: A 2 / span X;       }
+.Ax3e  { grid-column: A / span X 3;       }
+.A2x3e { grid-column: A 2 / span X 3;     }
+.Aa    { grid-column: A / span A;         }
+.A2a   { grid-column: A 2 / span A;       }
+.Aa3   { grid-column: A / span A 3;       }
+.AXs   { grid-column: A / X -2;           }
+.A2Xs  { grid-column: A 2 / X -2;         }
+._Xs   { grid-column: auto / X -2;        }
+._Xe   { grid-column: auto / X 2;         }
+._xe   { grid-column: auto / span X;      }
+._x3e  { grid-column: auto / span X 3;    }
+
+._xa   { grid-column: auto / span A;      }
+._xa3  { grid-column: auto / span A 3;    }
+._xn3  { grid-column: auto / span 3;      }
+._xn5  { grid-column: auto / span 5;      }
+.Xs_   { grid-column: X -1 / auto;        }
+.X2s_  { grid-column: X -2 / auto;        }
+.X2e_  { grid-column: X 2 / auto;         }
+.A_    { grid-column: A / auto;           }
+.A2_   { grid-column: A 2 / auto;         }
+.x3_   { grid-column: span X 3 / auto;    }
+.a2_   { grid-column: span A 2 / auto;    }
+.a-2_  { grid-column: span A -2 / auto;   } /*intentionally invalid span*/
+._n    { grid-column: auto / 1;           }
+._n2   { grid-column: auto / 2;           }
+.A3Xe  { grid-column: A 3 / X 2;          }
+.asA   { grid-column: span A / A;         }
+.asA2  { grid-column: span A / A 2;       }
+.a2sA2 { grid-column: span A 2 / A 2;     }
+.as1   { grid-column: span A / 1;         }
+.as2   { grid-column: span A / 2;         }
+.as3   { grid-column: span A / 3;         }
+
+.c1 { grid-column:1; grid-row:auto; background:grey; }
+
+  </style>
+</head>
+<body>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="XeN" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XsN" ></span><span class="c1"></span></div>
+<div class="grid"><span class="NeX" ></span><span class="c1"></span></div>
+<div class="grid"><span class="NsX" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XeA" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XsA" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XsA2"></span><span class="c1"></span></div>
+<div class="grid"><span class="XsA3"></span><span class="c1"></span></div>
+<div class="grid"><span class="AsX" ></span><span class="c1"></span></div>
+<div class="grid"><span class="xsN" ></span><span class="c1"></span></div>
+<div class="grid"><span class="x2sN"></span><span class="c1"></span></div>
+<div class="grid"><span class="xsN2"></span><span class="c1"></span></div>
+<div class="grid"><span class="xXs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="aXs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="aXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="xXe" ></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="AXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2Xe"></span><span class="c1"></span></div>
+<div class="grid"><span class="XXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="XX3e"></span><span class="c1"></span></div>
+<div class="grid"><span class="XbXe"></span><span class="c1"></span></div>
+<div class="grid"><span class="XX0b"></span><span class="c1"></span></div>
+<div class="grid"><span class="XX1b"></span><span class="c1"></span></div>
+<div class="grid"><span class="XX2b"></span><span class="c1"></span></div>
+<div class="grid"><span class="XbN1"></span><span class="c1"></span></div>
+<div class="grid"><span class="XbN2"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xbb" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xee" ></span><span class="c1"></span></div>
+<div class="grid"><span class="nX2s"></span><span class="c1"></span></div>
+<div class="grid"><span class="nXs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="nXe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="nX2e"></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="nX3e" ></span><span class="c1"></span></div>
+<div class="grid"><span class="n3Xe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="n4Xe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xen3" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xea"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xea2" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xea3" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xsa"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xsa2" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xsa4" ></span><span class="c1"></span></div>
+
+<div class="grid"><span class="Xs2a" ></span><span class="c1"></span></div>
+
+<div class="grid"><span class="Xs2a2"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs2a4"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs3a" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs3a2"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs3a4"></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="nxe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="nx3e" ></span><span class="c1"></span></div>
+<div class="grid"><span class="n2x3e"></span><span class="c1"></span></div>
+<div class="grid"><span class="Axe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2xe" ></span><span class="c1"></span></div>
+<div class="grid"><span class="Ax3e" ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2x3e"></span><span class="c1"></span></div>
+<div class="grid"><span class="Aa"   ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2a"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="Aa3"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="AXs"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2Xs" ></span><span class="c1"></span></div>
+<div class="grid"><span class="_Xs"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_Xe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_xe"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_x3e" ></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px">
+<div class="grid"><span class="_xa" ></span><span class="c1"></span></div>
+<div class="grid"><span class="_xa3"></span><span class="c1"></span></div>
+<div class="grid"><span class="_xn3"></span><span class="c1"></span></div>
+<div class="grid"><span class="_xn5"></span><span class="c1"></span></div>
+<div class="grid"><span class="Xs_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="X2s_"></span><span class="c1"></span></div>
+<div class="grid"><span class="X2e_"></span><span class="c1"></span></div>
+<div class="grid"><span class="A_"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="A2_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="x3_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="a2_" ></span><span class="c1"></span></div>
+<div class="grid"><span class="a-2_"></span><span class="c1"></span></div>
+<div class="grid"><span class="_n"  ></span><span class="c1"></span></div>
+<div class="grid"><span class="_n2" ></span><span class="c1"></span></div>
+<div class="grid"><span class="A3Xe"></span><span class="c1"></span></div>
+<div class="grid"><span class="asA"></span><span class="c1"></span></div>
+</div>
+
+<div style="float:left; width:140px; clear:both">
+<div class="grid"><span class="asA2"></span><span class="c1"></span></div>
+<div class="grid"><span class="a2sA2"></span><span class="c1"></span></div>
+<div class="grid"><span class="as1"></span><span class="c1"></span></div>
+<div class="grid"><span class="as2"></span><span class="c1"></span></div>
+<div class="grid"><span class="as3"></span><span class="c1"></span></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-implicit-named-areas-001-ref.html b/layout/reftests/css-grid/grid-placement-implicit-named-areas-001-ref.html
new file mode 100644
index 0000000000..01e936d3ae
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-implicit-named-areas-001-ref.html
@@ -0,0 +1,155 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: implicit named areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1215182">
+  <style type="text/css">
+div {
+  display: grid;
+  grid-auto-columns: 3px;
+  grid-auto-rows: 3px;
+  border: 1px solid;
+  float: left;
+  width: 100px;
+  margin: 2px;
+  place-items: stretch;
+  place-content: start;
+}
+.row-tests div {
+  height: 100px;
+}
+span { background:lime; grid-column:A/B; grid-row:A/B; }
+
+.col-valid { grid-template-columns:[A] 40px [] 40px [B]; }
+.row-valid { grid-template-rows:   [A] 40px [] 40px [B]; }
+
+.col-start-1 { grid-template-columns:[A] 40px [] 40px; }
+.row-start-1 { grid-template-rows:   [A] 40px [] 40px; }
+
+.col-end-1 { grid-template-columns:[B] 40px [] 40px; }
+.row-end-1 { grid-template-rows:   [B] 40px [] 40px; }
+
+.col-start { grid-template-columns: 40px [A] 40px []; }
+.row-start { grid-template-rows:    40px [A] 40px []; }
+
+.col-end { grid-template-columns:40px [B] 40px; }
+.row-end { grid-template-rows:   40px [B] 40px; }
+
+.col-end-start { grid-template-columns:[B] 40px [A] 40px; }
+.row-end-start { grid-template-rows:   [B] 40px [A] 40px; }
+
+.col-start-end-start { grid-template-columns:[A] 40px [B] 40px [A] 40px; }
+.row-start-end-start { grid-template-rows:   [A] 40px [B] 40px [A] 40px; }
+
+.col-start-start-end { grid-template-columns:[A] 40px [A] 40px [B] 40px; }
+.row-start-start-end { grid-template-rows:   [A] 40px [A] 40px [B] 40px; }
+
+.col-start-end-end { grid-template-columns:[A] 40px [B] 40px [B]; }
+.row-start-end-end { grid-template-rows:   [A] 40px [B] 40px [B]; }
+
+.col-start-last { grid-template-columns: 40px [] 40px [A]; }
+.row-start-last { grid-template-rows:    40px [] 40px [A]; }
+
+.col-same-1 { grid-template-columns:[B A] 40px [] 40px; }
+.row-same-1 { grid-template-rows:   [B A] 40px [] 40px; }
+
+.col-same-2 { grid-template-columns:40px [B A] 40px; }
+.row-same-2 { grid-template-rows:   40px [B A] 40px; }
+
+.col-same-2b { grid-template-columns:40px [A B] 40px; }
+.row-same-2b { grid-template-rows:   40px [A B] 40px; }
+
+.col-same-3 { grid-template-columns:40px [] 40px [B A]; }
+.row-same-3 { grid-template-rows:   40px [] 40px [B A]; }
+    </style>
+</head>
+<body>
+
+<div class="col-valid"><span></span></div>
+<div class="col-start-1"><span></span></div>
+<div class="col-end-1"><span></span></div>
+<div class="col-start"><span></span></div>
+<div class="col-end"><span></span></div>
+<div class="col-end-start"><span></span></div>
+<div class="col-start-end-start"><span></span></div>
+
+<br clear="all">
+
+<div class="col-valid row-valid"><span></span></div>
+<div class="col-start-1 row-valid"><span></span></div>
+<div class="col-end-1 row-valid"><span></span></div>
+<div class="col-start row-valid"><span></span></div>
+<div class="col-end row-valid"><span></span></div>
+<div class="col-end-start row-valid"><span></span></div>
+<div class="col-start-end-start row-valid"><span></span></div>
+
+<br clear="all">
+
+<div class="col-start-start-end"><span></span></div>
+<div class="col-start-end-end"><span></span></div>
+<div class="col-start-last"><span></span></div>
+<div class="col-same-1"><span></span></div>
+<div class="col-same-2"><span></span></div>
+<div class="col-same-2b"><span></span></div>
+<div class="col-same-3"><span></span></div>
+
+<br clear="all">
+
+<div class="col-start-start-end row-valid"><span></span></div>
+<div class="col-start-end-end row-valid"><span></span></div>
+<div class="col-start-last row-valid"><span></span></div>
+<div class="col-same-1 row-valid"><span></span></div>
+<div class="col-same-2 row-valid"><span></span></div>
+<div class="col-same-2b row-valid"><span></span></div>
+<div class="col-same-3 row-valid"><span></span></div>
+
+<br clear="all">
+
+<x class="row-tests">
+
+<div class="row-valid"><span></span></div>
+<div class="row-start-1"><span></span></div>
+<div class="row-end-1"><span></span></div>
+<div class="row-start"><span></span></div>
+<div class="row-end"><span></span></div>
+<div class="row-end-start"><span></span></div>
+<div class="row-start-end-start"><span></span></div>
+
+<br clear="all">
+
+<div class="row-valid col-valid"><span></span></div>
+<div class="row-start-1 col-valid"><span></span></div>
+<div class="row-end-1 col-valid"><span></span></div>
+<div class="row-start col-valid"><span></span></div>
+<div class="row-end col-valid"><span></span></div>
+<div class="row-end-start col-valid"><span></span></div>
+<div class="row-start-end-start col-valid"><span></span></div>
+
+<br clear="all">
+
+<div class="row-start-start-end"><span></span></div>
+<div class="row-start-end-end"><span></span></div>
+<div class="row-start-last"><span></span></div>
+<div class="row-same-1"><span></span></div>
+<div class="row-same-2"><span></span></div>
+<div class="row-same-2b"><span></span></div>
+<div class="row-same-3"><span></span></div>
+
+<br clear="all">
+
+<div class="row-start-start-end col-valid"><span></span></div>
+<div class="row-start-end-end col-valid"><span></span></div>
+<div class="row-start-last col-valid"><span></span></div>
+<div class="row-same-1 col-valid"><span></span></div>
+<div class="row-same-2 col-valid"><span></span></div>
+<div class="row-same-2b col-valid"><span></span></div>
+<div class="row-same-3 col-valid"><span></span></div>
+
+</x>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-implicit-named-areas-001.html b/layout/reftests/css-grid/grid-placement-implicit-named-areas-001.html
new file mode 100644
index 0000000000..8f73dfb9b6
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-implicit-named-areas-001.html
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: implicit named areas</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1215182">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#grid-placement-slot">
+  <link rel="match" href="grid-placement-implicit-named-areas-001-ref.html">
+  <style type="text/css">
+div {
+  display: grid;
+  grid-auto-columns: 3px;
+  grid-auto-rows: 3px;
+  border: 1px solid;
+  float: left;
+  width: 100px;
+  margin: 2px;
+  align-items: stretch;
+  justify-items: stretch;
+  align-content: start;
+  justify-content: start;
+}
+.row-tests div {
+  height: 100px;
+}
+span { background:lime; grid-column:A; grid-row:A; }
+
+.col-valid { grid-template-columns:[A-start] 40px [] 40px [A-end]; }
+.row-valid { grid-template-rows:   [A-start] 40px [] 40px [A-end]; }
+
+.col-start-1 { grid-template-columns:[A-start] 40px [] 40px; }
+.row-start-1 { grid-template-rows:   [A-start] 40px [] 40px; }
+
+.col-end-1 { grid-template-columns:[A-end] 40px [] 40px; }
+.row-end-1 { grid-template-rows:   [A-end] 40px [] 40px; }
+
+.col-start { grid-template-columns: 40px [A-start] 40px []; }
+.row-start { grid-template-rows:    40px [A-start] 40px []; }
+
+.col-end { grid-template-columns:40px [A-end] 40px; }
+.row-end { grid-template-rows:   40px [A-end] 40px; }
+
+.col-end-start { grid-template-columns:[A-end] 40px [A-start] 40px; }
+.row-end-start { grid-template-rows:   [A-end] 40px [A-start] 40px; }
+
+.col-start-end-start { grid-template-columns:[A-start] 40px [A-end] 40px [A-start] 40px; }
+.row-start-end-start { grid-template-rows:   [A-start] 40px [A-end] 40px [A-start] 40px; }
+
+.col-start-start-end { grid-template-columns:[A-start] 40px [A-start] 40px [A-end] 40px; }
+.row-start-start-end { grid-template-rows:   [A-start] 40px [A-start] 40px [A-end] 40px; }
+
+.col-start-end-end { grid-template-columns:[A-start] 40px [A-end] 40px [A-end]; }
+.row-start-end-end { grid-template-rows:   [A-start] 40px [A-end] 40px [A-end]; }
+
+.col-start-last { grid-template-columns: 40px [] 40px [A-start]; }
+.row-start-last { grid-template-rows:    40px [] 40px [A-start]; }
+
+.col-same-1 { grid-template-columns:[A-end A-start] 40px [] 40px; }
+.row-same-1 { grid-template-rows:   [A-end A-start] 40px [] 40px; }
+
+.col-same-2 { grid-template-columns:40px [A-end A-start] 40px; }
+.row-same-2 { grid-template-rows:   40px [A-end A-start] 40px; }
+
+.col-same-2b { grid-template-columns:40px [A-start A-end] 40px; }
+.row-same-2b { grid-template-rows:   40px [A-start A-end] 40px; }
+
+.col-same-3 { grid-template-columns:40px [] 40px [A-end A-start]; }
+.row-same-3 { grid-template-rows:   40px [] 40px [A-end A-start]; }
+    </style>
+</head>
+<body>
+
+<div class="col-valid"><span></span></div>
+<div class="col-start-1"><span></span></div>
+<div class="col-end-1"><span></span></div>
+<div class="col-start"><span></span></div>
+<div class="col-end"><span></span></div>
+<div class="col-end-start"><span></span></div>
+<div class="col-start-end-start"><span></span></div>
+
+<br clear="all">
+
+<div class="col-valid row-valid"><span></span></div>
+<div class="col-start-1 row-valid"><span></span></div>
+<div class="col-end-1 row-valid"><span></span></div>
+<div class="col-start row-valid"><span></span></div>
+<div class="col-end row-valid"><span></span></div>
+<div class="col-end-start row-valid"><span></span></div>
+<div class="col-start-end-start row-valid"><span></span></div>
+
+<br clear="all">
+
+<div class="col-start-start-end"><span></span></div>
+<div class="col-start-end-end"><span></span></div>
+<div class="col-start-last"><span></span></div>
+<div class="col-same-1"><span></span></div>
+<div class="col-same-2"><span></span></div>
+<div class="col-same-2b"><span></span></div>
+<div class="col-same-3"><span></span></div>
+
+<br clear="all">
+
+<div class="col-start-start-end row-valid"><span></span></div>
+<div class="col-start-end-end row-valid"><span></span></div>
+<div class="col-start-last row-valid"><span></span></div>
+<div class="col-same-1 row-valid"><span></span></div>
+<div class="col-same-2 row-valid"><span></span></div>
+<div class="col-same-2b row-valid"><span></span></div>
+<div class="col-same-3 row-valid"><span></span></div>
+
+<br clear="all">
+
+<x class="row-tests">
+
+<div class="row-valid"><span></span></div>
+<div class="row-start-1"><span></span></div>
+<div class="row-end-1"><span></span></div>
+<div class="row-start"><span></span></div>
+<div class="row-end"><span></span></div>
+<div class="row-end-start"><span></span></div>
+<div class="row-start-end-start"><span></span></div>
+
+<br clear="all">
+
+<div class="row-valid col-valid"><span></span></div>
+<div class="row-start-1 col-valid"><span></span></div>
+<div class="row-end-1 col-valid"><span></span></div>
+<div class="row-start col-valid"><span></span></div>
+<div class="row-end col-valid"><span></span></div>
+<div class="row-end-start col-valid"><span></span></div>
+<div class="row-start-end-start col-valid"><span></span></div>
+
+<br clear="all">
+
+<div class="row-start-start-end"><span></span></div>
+<div class="row-start-end-end"><span></span></div>
+<div class="row-start-last"><span></span></div>
+<div class="row-same-1"><span></span></div>
+<div class="row-same-2"><span></span></div>
+<div class="row-same-2b"><span></span></div>
+<div class="row-same-3"><span></span></div>
+
+<br clear="all">
+
+<div class="row-start-start-end col-valid"><span></span></div>
+<div class="row-start-end-end col-valid"><span></span></div>
+<div class="row-start-last col-valid"><span></span></div>
+<div class="row-same-1 col-valid"><span></span></div>
+<div class="row-same-2 col-valid"><span></span></div>
+<div class="row-same-2b col-valid"><span></span></div>
+<div class="row-same-3 col-valid"><span></span></div>
+
+</x>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-named-lines-001-ref.html b/layout/reftests/css-grid/grid-placement-named-lines-001-ref.html
new file mode 100644
index 0000000000..2a0c095185
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-named-lines-001-ref.html
@@ -0,0 +1,187 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Placement involving named lines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1226697">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+.t1 {
+  grid-template-columns: 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px ;
+
+}
+.t2 {
+  grid-template-columns: 40px 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px;
+}
+.t3 {
+  grid-template-columns: 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px 40px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: [A-start] 60px 60px 60px;
+grid-template-areas: "B A";
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid t1" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column-start:4; background:grey"></x>
+<x style="grid-row:2; grid-column-start:7">-1</x>
+<x style="grid-row:3; grid-column-start:7">4</x>
+<x style="grid-row:3; grid-column-start:6">-2</x>
+<x style="grid-row:3; grid-column-start:5">-3</x>
+<x style="grid-row:3; grid-column-start:4">-4</x>
+<x style="grid-row:3; grid-column-start:3">-5</x>
+<x style="grid-row:4; grid-column-start:5">A -1</x>
+<x style="grid-row:4; grid-column-start:3">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:4">A</x>
+<x style="grid-row:7; grid-column-start:4">B</x>
+<x style="grid-row:8; grid-column-start:4">A 1</x>
+<x style="grid-row:8; grid-column-start:5">A 2</x>
+<x style="grid-row:8; grid-column-start:8">A 3</x>
+<x style="grid-row:8; grid-column-start:9">A 4</x>
+<x style="grid-row:8; grid-column-start:10">A 5</x>
+<y style="grid-row:2; grid-column-start:7"></y>
+<y style="grid-row:3; grid-column-start:7"></y>
+<y style="grid-row:3; grid-column-start:6" class="a2"></y>
+<y style="grid-row:3; grid-column-start:5" class="a3"></y>
+<y style="grid-row:3; grid-column-start:4" class="a4"></y>
+<y style="grid-row:3; grid-column-start:3" class="a5"></y>
+<y style="grid-row:4; grid-column-start:5"></y>
+<y style="grid-row:4; grid-column-start:3" class="a2"></y>
+<y style="grid-row:5; grid-column-start:4"></y>
+<y style="grid-row:6; grid-column-start:3"></y>
+<y style="grid-row:6; grid-column-start:2" class="a2"></y>
+<y style="grid-row:6; grid-column-start:1" class="a3"></y>
+<y style="grid-row:7; grid-column-start:4"></y>
+<y style="grid-row:7; grid-column-start:4" class="a2"></y>
+<y style="grid-row:8; grid-column-start:4"></y>
+<y style="grid-row:8; grid-column-start:5" class="a2"></y>
+<y style="grid-row:8; grid-column-start:8" class="a3"></y>
+<y style="grid-row:8; grid-column-start:9" class="a4"></y>
+<y style="grid-row:8; grid-column-start:10" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid t2" style="padding-left:13px;">
+<x style="grid-row:1; grid-column-start:5; background:grey"></x>
+<x style="grid-row:2; grid-column-start:7">-1</x>
+<x style="grid-row:3; grid-column-start:7">4</x>
+<x style="grid-row:3; grid-column-start:6">-2</x>
+<x style="grid-row:3; grid-column-start:5">-3</x>
+<x style="grid-row:3; grid-column-start:4">-4</x>
+<x style="grid-row:3; grid-column-start:3">-5</x>
+<x style="grid-row:4; grid-column-start:5">A -1</x>
+<x style="grid-row:4; grid-column-start:3">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:4">A</x>
+<x style="grid-row:7; grid-column-start:5">B</x>
+<x style="grid-row:8; grid-column-start:4">A 1</x>
+<x style="grid-row:8; grid-column-start:5">A 2</x>
+<x style="grid-row:8; grid-column-start:8">A 3</x>
+<x style="grid-row:8; grid-column-start:9">A 4</x>
+<x style="grid-row:8; grid-column-start:10">A 5</x>
+<y style="grid-row:2; grid-column-end:8"></y>
+<y style="grid-row:3; grid-column-end:8"></y>
+<y style="grid-row:3; grid-column-end:7" class="a5"></y>
+<y style="grid-row:3; grid-column-end:6" class="a4"></y>
+<y style="grid-row:3; grid-column-end:5" class="a3"></y>
+<y style="grid-row:3; grid-column-end:4" class="a2"></y>
+<y style="grid-row:4; grid-column-end:6"></y>
+<y style="grid-row:4; grid-column-end:4" class="a2"></y>
+<y style="grid-row:5; grid-column-end:5"></y>
+<y style="grid-row:6; grid-column-end:4"></y>
+<y style="grid-row:6; grid-column-end:3" class="a2"></y>
+<y style="grid-row:6; grid-column-end:2" class="a3"></y>
+<y style="grid-row:7; grid-column-end:5"></y>
+<y style="grid-row:7; grid-column-end:6" class="a2"></y>
+<y style="grid-row:8; grid-column-end:5"></y>
+<y style="grid-row:8; grid-column-end:6" class="a2"></y>
+<y style="grid-row:8; grid-column-end:9" class="a3"></y>
+<y style="grid-row:8; grid-column-end:10" class="a4"></y>
+<y style="grid-row:8; grid-column-end:11" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A-start 2</pre>
+<div class="grid t3">
+<x style="grid-row:1;  grid-column:4; background:grey"></x>
+<x style="grid-row:2;  grid-column:7/span 2;">-1</x>
+<x style="grid-row:3;  grid-column:7/span 2;">4</x>
+<x style="grid-row:4;  grid-column:6/span 3;">-2</x>
+<x style="grid-row:5;  grid-column:5/span 4;">-3</x>
+<x style="grid-row:6;  grid-column:4/span 4;">-4</x>
+<x style="grid-row:7;  grid-column:3/span 2;">-5</x>
+<x style="grid-row:8;  grid-column:5/span 4;">A -1</x>
+<x style="grid-row:9;  grid-column:3/span 2;">B -1</x>
+<x style="grid-row:10; grid-column:4/span 4;">A -2</x>
+<x style="grid-row:11; grid-column:3/span 2;">A -3</x>
+<x style="grid-row:12; grid-column:2/span 3;">A -4</x>
+<x style="grid-row:13; grid-column:1/span 4;">A -5</x>
+<x style="grid-row:14; grid-column:4/span 4;">A</x>
+<x style="grid-row:15; grid-column:4/span 4;">B</x>
+<x style="grid-row:16; grid-column:4/span 4;">A 1</x>
+<x style="grid-row:17; grid-column:5/span 4;">A 2</x>
+<x style="grid-row:18; grid-column:8/span 2;">A 3</x>
+<x style="grid-row:19; grid-column:9/span 2;">A 4</x>
+<x style="grid-row:20; grid-column:10/span 2;">A 5</x>
+<y style="grid-row:2;  grid-column:7/span 2;"></y>
+<y style="grid-row:3;  grid-column:7/span 2;"></y>
+<y style="grid-row:4;  grid-column:6/span 3;"></y>
+<y style="grid-row:5;  grid-column:5/span 4;"></y>
+<y style="grid-row:6;  grid-column:4/span 4;"></y>
+<y style="grid-row:7;  grid-column:3/span 2;"></y>
+<y style="grid-row:8;  grid-column:5/span 4;"></y>
+<y style="grid-row:9;  grid-column:3/span 2;"></y>
+<y style="grid-row:10; grid-column:4/span 4;"></y>
+<y style="grid-row:11; grid-column:3/span 2;"></y>
+<y style="grid-row:12; grid-column:2/span 3;"></y>
+<y style="grid-row:13; grid-column:1/span 4;"></y>
+<y style="grid-row:14; grid-column:4/span 4;"></y>
+<y style="grid-row:15; grid-column:4/span 4;"></y>
+<y style="grid-row:16; grid-column:4/span 4;"></y>
+<y style="grid-row:17; grid-column:5/span 4;"></y>
+<y style="grid-row:18; grid-column:8/span 2;"></y>
+<y style="grid-row:19; grid-column:9/span 2;"></y>
+<y style="grid-row:20; grid-column:10/span 2;"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-named-lines-001.html b/layout/reftests/css-grid/grid-placement-named-lines-001.html
new file mode 100644
index 0000000000..d0e4244923
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-named-lines-001.html
@@ -0,0 +1,182 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Placement involving named lines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1226697">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-placement-int">
+  <link rel="match" href="grid-placement-named-lines-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-template-columns: [A-start] 60px 60px 60px;
+  grid-template-areas: "B A";
+  grid-auto-columns: 40px;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: [A-start] 60px 60px 60px;
+grid-template-areas: "B A";
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-start:-1">-1</x>
+<x style="grid-row:3; grid-column-start:4">4</x>
+<x style="grid-row:3; grid-column-start:-2">-2</x>
+<x style="grid-row:3; grid-column-start:-3">-3</x>
+<x style="grid-row:3; grid-column-start:-4">-4</x>
+<x style="grid-row:3; grid-column-start:-5">-5</x>
+<x style="grid-row:4; grid-column-start:A-start -1">A -1</x>
+<x style="grid-row:4; grid-column-start:B -1">B -1</x>
+<x style="grid-row:5; grid-column-start:A-start -2">A -2</x>
+<x style="grid-row:6; grid-column-start:A-start -3">A -3</x>
+<x style="grid-row:6; grid-column-start:A-start -4">A -4</x>
+<x style="grid-row:6; grid-column-start:A-start -5">A -5</x>
+<x style="grid-row:7; grid-column-start:A-start">A</x>
+<x style="grid-row:7; grid-column-start:B">B</x>
+<x style="grid-row:8; grid-column-start:A-start 1">A 1</x>
+<x style="grid-row:8; grid-column-start:A-start 2">A 2</x>
+<x style="grid-row:8; grid-column-start:A-start 3">A 3</x>
+<x style="grid-row:8; grid-column-start:A-start 4">A 4</x>
+<x style="grid-row:8; grid-column-start:A-start 5">A 5</x>
+<y style="grid-row:2; grid-column-start:-1"></y>
+<y style="grid-row:3; grid-column-start:4"></y>
+<y style="grid-row:3; grid-column-start:-2" class="a2"></y>
+<y style="grid-row:3; grid-column-start:-3" class="a3"></y>
+<y style="grid-row:3; grid-column-start:-4" class="a4"></y>
+<y style="grid-row:3; grid-column-start:-5" class="a5"></y>
+<y style="grid-row:4; grid-column-start:A-start -1"></y>
+<y style="grid-row:4; grid-column-start:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-start:A-start -2"></y>
+<y style="grid-row:6; grid-column-start:A-start -3"></y>
+<y style="grid-row:6; grid-column-start:A-start -4" class="a2"></y>
+<y style="grid-row:6; grid-column-start:A-start -5" class="a3"></y>
+<y style="grid-row:7; grid-column-start:A-start"></y>
+<y style="grid-row:7; grid-column-start:B" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A-start 1"></y>
+<y style="grid-row:8; grid-column-start:A-start 2" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A-start 3" class="a3"></y>
+<y style="grid-row:8; grid-column-start:A-start 4" class="a4"></y>
+<y style="grid-row:8; grid-column-start:A-start 5" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid" style="padding-left:13px;">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-end:-1">-1</x>
+<x style="grid-row:3; grid-column-end:4">4</x>
+<x style="grid-row:3; grid-column-end:-5">-5</x>
+<x style="grid-row:3; grid-column-end:-4">-4</x>
+<x style="grid-row:3; grid-column-end:-3">-3</x>
+<x style="grid-row:3; grid-column-end:-2">-2</x>
+<x style="grid-row:4; grid-column-end:A-start -1">A -1</x>
+<x style="grid-row:4; grid-column-end:B -1">B -1</x>
+<x style="grid-row:5; grid-column-end:A-start -2">A -2</x>
+<x style="grid-row:6; grid-column-end:A-start -3">A -3</x>
+<x style="grid-row:6; grid-column-end:A-start -4">A -4</x>
+<x style="grid-row:6; grid-column-end:A-start -5">A -5</x>
+<x style="grid-row:7; grid-column-end:A-start">A</x>
+<x style="grid-row:7; grid-column-end:B">B</x>
+<x style="grid-row:8; grid-column-end:A-start 1">A 1</x>
+<x style="grid-row:8; grid-column-end:A-start 2">A 2</x>
+<x style="grid-row:8; grid-column-end:A-start 3">A 3</x>
+<x style="grid-row:8; grid-column-end:A-start 4">A 4</x>
+<x style="grid-row:8; grid-column-end:A-start 5">A 5</x>
+<y style="grid-row:2; grid-column-end:-1"></y>
+<y style="grid-row:3; grid-column-end:4"></y>
+<y style="grid-row:3; grid-column-end:-5" class="a2"></y>
+<y style="grid-row:3; grid-column-end:-4" class="a3"></y>
+<y style="grid-row:3; grid-column-end:-3" class="a4"></y>
+<y style="grid-row:3; grid-column-end:-2" class="a5"></y>
+<y style="grid-row:4; grid-column-end:A-start -1"></y>
+<y style="grid-row:4; grid-column-end:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-end:A-start -2"></y>
+<y style="grid-row:6; grid-column-end:A-start -3"></y>
+<y style="grid-row:6; grid-column-end:A-start -4" class="a2"></y>
+<y style="grid-row:6; grid-column-end:A-start -5" class="a3"></y>
+<y style="grid-row:7; grid-column-end:A-start"></y>
+<y style="grid-row:7; grid-column-end:B" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A-start 1"></y>
+<y style="grid-row:8; grid-column-end:A-start 2" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A-start 3" class="a3"></y>
+<y style="grid-row:8; grid-column-end:A-start 4" class="a4"></y>
+<y style="grid-row:8; grid-column-end:A-start 5" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A-start 2</pre>
+<div class="grid">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column:-1/span A-start 2">-1</x>
+<x style="grid-row:3; grid-column:4/span A-start 2">4</x>
+<x style="grid-row:4; grid-column:-2/span A-start 2">-2</x>
+<x style="grid-row:5; grid-column:-3/span A-start 2">-3</x>
+<x style="grid-row:6; grid-column:-4/span A-start 2">-4</x>
+<x style="grid-row:7; grid-column:-5/span A-start 2">-5</x>
+<x style="grid-row:8; grid-column:A-start -1/span A-start 2">A -1</x>
+<x style="grid-row:9; grid-column:B -1/span A-start 2">B -1</x>
+<x style="grid-row:10; grid-column:A-start -2/span A-start 2">A -2</x>
+<x style="grid-row:11; grid-column:A-start -3/span A-start 2">A -3</x>
+<x style="grid-row:12; grid-column:A-start -4/span A-start 2">A -4</x>
+<x style="grid-row:13; grid-column:A-start -5/span A-start 2">A -5</x>
+<x style="grid-row:14; grid-column:A-start/span A-start 2">A</x>
+<x style="grid-row:15; grid-column:B/span B">B</x>
+<x style="grid-row:16; grid-column:A-start 1/span A-start 2">A 1</x>
+<x style="grid-row:17; grid-column:A-start 2/span A-start 2">A 2</x>
+<x style="grid-row:18; grid-column:A-start 3/span A-start 2">A 3</x>
+<x style="grid-row:19; grid-column:A-start 4/span A-start 2">A 4</x>
+<x style="grid-row:20; grid-column:A-start 5/span A-start 2">A 5</x>
+<y style="grid-row:2; grid-column:-1/span A-start 2"></y>
+<y style="grid-row:3; grid-column:4/span A-start 2"></y>
+<y style="grid-row:4; grid-column:-2/span A-start 2"></y>
+<y style="grid-row:5; grid-column:-3/span A-start 2"></y>
+<y style="grid-row:6; grid-column:-4/span A-start 2"></y>
+<y style="grid-row:7; grid-column:-5/span A-start 2"></y>
+<y style="grid-row:8; grid-column:A-start -1/span A-start 2"></y>
+<y style="grid-row:9; grid-column:B -1/span A-start 2"></y>
+<y style="grid-row:10; grid-column:A-start -2/span A-start 2"></y>
+<y style="grid-row:11; grid-column:A-start -3/span A-start 2"></y>
+<y style="grid-row:12; grid-column:A-start -4/span A-start 2"></y>
+<y style="grid-row:13; grid-column:A-start -5/span A-start 2"></y>
+<y style="grid-row:14; grid-column:A-start/span A-start 2"></y>
+<y style="grid-row:15; grid-column:B/span B"></y>
+<y style="grid-row:16; grid-column:A-start 1/span A-start 2"></y>
+<y style="grid-row:17; grid-column:A-start 2/span A-start 2"></y>
+<y style="grid-row:18; grid-column:A-start 3/span A-start 2"></y>
+<y style="grid-row:19; grid-column:A-start 4/span A-start 2"></y>
+<y style="grid-row:20; grid-column:A-start 5/span A-start 2"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-named-lines-002-ref.html b/layout/reftests/css-grid/grid-placement-named-lines-002-ref.html
new file mode 100644
index 0000000000..9b0c931062
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-named-lines-002-ref.html
@@ -0,0 +1,187 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Placement involving named lines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1226697">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+.t1 {
+  grid-template-columns: 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px 40px ;
+
+}
+.t2 {
+  grid-template-columns: 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px;
+}
+.t3 {
+  grid-template-columns: 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px 40px 40px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: [A-start] 60px [A-start] 60px 60px;
+grid-template-areas: "B . . . A";
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid t1" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column-start:3; background:grey"></x>
+<x style="grid-row:2; grid-column-start:8">-1</x>
+<x style="grid-row:3; grid-column-start:7">4</x>
+<x style="grid-row:3; grid-column-start:7">-2</x>
+<x style="grid-row:3; grid-column-start:6">-3</x>
+<x style="grid-row:3; grid-column-start:5">-4</x>
+<x style="grid-row:3; grid-column-start:4">-5</x>
+<x style="grid-row:4; grid-column-start:7">A -1</x>
+<x style="grid-row:4; grid-column-start:2">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:3">A</x>
+<x style="grid-row:7; grid-column-start:3">B</x>
+<x style="grid-row:8; grid-column-start:3">A 1</x>
+<x style="grid-row:8; grid-column-start:4">A 2</x>
+<x style="grid-row:8; grid-column-start:7">A 3</x>
+<x style="grid-row:8; grid-column-start:9">A 4</x>
+<x style="grid-row:8; grid-column-start:10">A 5</x>
+<y style="grid-row:2; grid-column-start:8"></y>
+<y style="grid-row:3; grid-column-start:6"></y>
+<y style="grid-row:3; grid-column-start:7" class="a2"></y>
+<y style="grid-row:3; grid-column-start:6" class="a3"></y>
+<y style="grid-row:3; grid-column-start:5" class="a4"></y>
+<y style="grid-row:3; grid-column-start:4" class="a5"></y>
+<y style="grid-row:4; grid-column-start:7"></y>
+<y style="grid-row:4; grid-column-start:2" class="a2"></y>
+<y style="grid-row:5; grid-column-start:4"></y>
+<y style="grid-row:6; grid-column-start:3"></y>
+<y style="grid-row:6; grid-column-start:2" class="a2"></y>
+<y style="grid-row:6; grid-column-start:1" class="a3"></y>
+<y style="grid-row:7; grid-column-start:3"></y>
+<y style="grid-row:7; grid-column-start:3" class="a2"></y>
+<y style="grid-row:8; grid-column-start:3"></y>
+<y style="grid-row:8; grid-column-start:4" class="a2"></y>
+<y style="grid-row:8; grid-column-start:7" class="a3"></y>
+<y style="grid-row:8; grid-column-start:9" class="a4"></y>
+<y style="grid-row:8; grid-column-start:10" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid t2" style="padding-left:13px;">
+<x style="grid-row:1; grid-column-start:4; background:grey"></x>
+<x style="grid-row:2; grid-column-start:8">-1</x>
+<x style="grid-row:3; grid-column-start:7">4</x>
+<x style="grid-row:3; grid-column-start:7">-2</x>
+<x style="grid-row:3; grid-column-start:6">-3</x>
+<x style="grid-row:3; grid-column-start:5">-4</x>
+<x style="grid-row:3; grid-column-start:4">-5</x>
+<x style="grid-row:4; grid-column-start:7">A -1</x>
+<x style="grid-row:4; grid-column-start:2">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:3">A</x>
+<x style="grid-row:7; grid-column-start:4">B</x>
+<x style="grid-row:8; grid-column-start:3">A 1</x>
+<x style="grid-row:8; grid-column-start:4">A 2</x>
+<x style="grid-row:8; grid-column-start:7">A 3</x>
+<x style="grid-row:8; grid-column-start:9">A 4</x>
+<x style="grid-row:8; grid-column-start:10">A 5</x>
+<y style="grid-row:2; grid-column-end:9"></y>
+<y style="grid-row:3; grid-column-end:7"></y>
+<y style="grid-row:3; grid-column-end:8" class="a5"></y>
+<y style="grid-row:3; grid-column-end:7" class="a4"></y>
+<y style="grid-row:3; grid-column-end:6" class="a3"></y>
+<y style="grid-row:3; grid-column-end:5" class="a2"></y>
+<y style="grid-row:4; grid-column-end:8"></y>
+<y style="grid-row:4; grid-column-end:3" class="a2"></y>
+<y style="grid-row:5; grid-column-end:5"></y>
+<y style="grid-row:6; grid-column-end:4"></y>
+<y style="grid-row:6; grid-column-end:3" class="a2"></y>
+<y style="grid-row:6; grid-column-end:2" class="a3"></y>
+<y style="grid-row:7; grid-column-end:4"></y>
+<y style="grid-row:7; grid-column-end:5" class="a2"></y>
+<y style="grid-row:8; grid-column-end:4"></y>
+<y style="grid-row:8; grid-column-end:5" class="a2"></y>
+<y style="grid-row:8; grid-column-end:8" class="a3"></y>
+<y style="grid-row:8; grid-column-end:10" class="a4"></y>
+<y style="grid-row:8; grid-column-end:11" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A-start 2</pre>
+<div class="grid t3">
+<x style="grid-row:1;  grid-column:3; background:grey"></x>
+<x style="grid-row:2;  grid-column:8/span 2;">-1</x>
+<x style="grid-row:3;  grid-column:6/span 3;">4</x>
+<x style="grid-row:4;  grid-column:7/span 3;">-2</x>
+<x style="grid-row:5;  grid-column:6/span 3;">-3</x>
+<x style="grid-row:6;  grid-column:5/span 4;">-4</x>
+<x style="grid-row:7;  grid-column:4/span 5;">-5</x>
+<x style="grid-row:8;  grid-column:7/span 3;">A -1</x>
+<x style="grid-row:9;  grid-column:2/span 2;">B -1</x>
+<x style="grid-row:10; grid-column:4/span 5;">A -2</x>
+<x style="grid-row:11; grid-column:3/span 4;">A -3</x>
+<x style="grid-row:12; grid-column:2/span 2;">A -4</x>
+<x style="grid-row:13; grid-column:1/span 3;">A -5</x>
+<x style="grid-row:14; grid-column:3/span 4;">A</x>
+<x style="grid-row:15; grid-column:3/span 6;">B</x>
+<x style="grid-row:16; grid-column:3/span 4;">A 1</x>
+<x style="grid-row:17; grid-column:4/span 5;">A 2</x>
+<x style="grid-row:18; grid-column:7/span 3;">A 3</x>
+<x style="grid-row:19; grid-column:9/span 2;">A 4</x>
+<x style="grid-row:20; grid-column:10/span 2;">A 5</x>
+<y style="grid-row:2;  grid-column:8/span 2;"></y>
+<y style="grid-row:3;  grid-column:6/span 3;"></y>
+<y style="grid-row:4;  grid-column:7/span 3;"></y>
+<y style="grid-row:5;  grid-column:6/span 3;"></y>
+<y style="grid-row:6;  grid-column:5/span 4;"></y>
+<y style="grid-row:7;  grid-column:4/span 5;"></y>
+<y style="grid-row:8;  grid-column:7/span 3;"></y>
+<y style="grid-row:9;  grid-column:2/span 2;"></y>
+<y style="grid-row:10; grid-column:4/span 5;"></y>
+<y style="grid-row:11; grid-column:3/span 4;"></y>
+<y style="grid-row:12; grid-column:2/span 2;"></y>
+<y style="grid-row:13; grid-column:1/span 3;"></y>
+<y style="grid-row:14; grid-column:3/span 4;"></y>
+<y style="grid-row:15; grid-column:3/span 6;"></y>
+<y style="grid-row:16; grid-column:3/span 4;"></y>
+<y style="grid-row:17; grid-column:4/span 5;"></y>
+<y style="grid-row:18; grid-column:7/span 3;"></y>
+<y style="grid-row:19; grid-column:9/span 2;"></y>
+<y style="grid-row:20; grid-column:10/span 2;"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-named-lines-002.html b/layout/reftests/css-grid/grid-placement-named-lines-002.html
new file mode 100644
index 0000000000..7a07093c24
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-named-lines-002.html
@@ -0,0 +1,182 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Placement involving named lines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1226697">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-placement-int">
+  <link rel="match" href="grid-placement-named-lines-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-template-columns: [A-start] 60px [A-start] 60px 60px;
+  grid-template-areas: "B . . . A";
+  grid-auto-columns: 40px;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: [A-start] 60px [A-start] 60px 60px;
+grid-template-areas: "B . . . A";
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-start:-1">-1</x>
+<x style="grid-row:3; grid-column-start:4">4</x>
+<x style="grid-row:3; grid-column-start:-2">-2</x>
+<x style="grid-row:3; grid-column-start:-3">-3</x>
+<x style="grid-row:3; grid-column-start:-4">-4</x>
+<x style="grid-row:3; grid-column-start:-5">-5</x>
+<x style="grid-row:4; grid-column-start:A-start -1">A -1</x>
+<x style="grid-row:4; grid-column-start:B -1">B -1</x>
+<x style="grid-row:5; grid-column-start:A-start -2">A -2</x>
+<x style="grid-row:6; grid-column-start:A-start -3">A -3</x>
+<x style="grid-row:6; grid-column-start:A-start -4">A -4</x>
+<x style="grid-row:6; grid-column-start:A-start -5">A -5</x>
+<x style="grid-row:7; grid-column-start:A-start">A</x>
+<x style="grid-row:7; grid-column-start:B">B</x>
+<x style="grid-row:8; grid-column-start:A-start 1">A 1</x>
+<x style="grid-row:8; grid-column-start:A-start 2">A 2</x>
+<x style="grid-row:8; grid-column-start:A-start 3">A 3</x>
+<x style="grid-row:8; grid-column-start:A-start 4">A 4</x>
+<x style="grid-row:8; grid-column-start:A-start 5">A 5</x>
+<y style="grid-row:2; grid-column-start:-1"></y>
+<y style="grid-row:3; grid-column-start:4"></y>
+<y style="grid-row:3; grid-column-start:-2" class="a2"></y>
+<y style="grid-row:3; grid-column-start:-3" class="a3"></y>
+<y style="grid-row:3; grid-column-start:-4" class="a4"></y>
+<y style="grid-row:3; grid-column-start:-5" class="a5"></y>
+<y style="grid-row:4; grid-column-start:A-start -1"></y>
+<y style="grid-row:4; grid-column-start:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-start:A-start -2"></y>
+<y style="grid-row:6; grid-column-start:A-start -3"></y>
+<y style="grid-row:6; grid-column-start:A-start -4" class="a2"></y>
+<y style="grid-row:6; grid-column-start:A-start -5" class="a3"></y>
+<y style="grid-row:7; grid-column-start:A-start"></y>
+<y style="grid-row:7; grid-column-start:B" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A-start 1"></y>
+<y style="grid-row:8; grid-column-start:A-start 2" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A-start 3" class="a3"></y>
+<y style="grid-row:8; grid-column-start:A-start 4" class="a4"></y>
+<y style="grid-row:8; grid-column-start:A-start 5" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid" style="padding-left:13px;">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-end:-1">-1</x>
+<x style="grid-row:3; grid-column-end:4">4</x>
+<x style="grid-row:3; grid-column-end:-5">-5</x>
+<x style="grid-row:3; grid-column-end:-4">-4</x>
+<x style="grid-row:3; grid-column-end:-3">-3</x>
+<x style="grid-row:3; grid-column-end:-2">-2</x>
+<x style="grid-row:4; grid-column-end:A-start -1">A -1</x>
+<x style="grid-row:4; grid-column-end:B -1">B -1</x>
+<x style="grid-row:5; grid-column-end:A-start -2">A -2</x>
+<x style="grid-row:6; grid-column-end:A-start -3">A -3</x>
+<x style="grid-row:6; grid-column-end:A-start -4">A -4</x>
+<x style="grid-row:6; grid-column-end:A-start -5">A -5</x>
+<x style="grid-row:7; grid-column-end:A-start">A</x>
+<x style="grid-row:7; grid-column-end:B">B</x>
+<x style="grid-row:8; grid-column-end:A-start 1">A 1</x>
+<x style="grid-row:8; grid-column-end:A-start 2">A 2</x>
+<x style="grid-row:8; grid-column-end:A-start 3">A 3</x>
+<x style="grid-row:8; grid-column-end:A-start 4">A 4</x>
+<x style="grid-row:8; grid-column-end:A-start 5">A 5</x>
+<y style="grid-row:2; grid-column-end:-1"></y>
+<y style="grid-row:3; grid-column-end:4"></y>
+<y style="grid-row:3; grid-column-end:-5" class="a2"></y>
+<y style="grid-row:3; grid-column-end:-4" class="a3"></y>
+<y style="grid-row:3; grid-column-end:-3" class="a4"></y>
+<y style="grid-row:3; grid-column-end:-2" class="a5"></y>
+<y style="grid-row:4; grid-column-end:A-start -1"></y>
+<y style="grid-row:4; grid-column-end:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-end:A-start -2"></y>
+<y style="grid-row:6; grid-column-end:A-start -3"></y>
+<y style="grid-row:6; grid-column-end:A-start -4" class="a2"></y>
+<y style="grid-row:6; grid-column-end:A-start -5" class="a3"></y>
+<y style="grid-row:7; grid-column-end:A-start"></y>
+<y style="grid-row:7; grid-column-end:B" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A-start 1"></y>
+<y style="grid-row:8; grid-column-end:A-start 2" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A-start 3" class="a3"></y>
+<y style="grid-row:8; grid-column-end:A-start 4" class="a4"></y>
+<y style="grid-row:8; grid-column-end:A-start 5" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A-start 2</pre>
+<div class="grid">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column:-1/span A-start 2">-1</x>
+<x style="grid-row:3; grid-column:4/span A-start 2">4</x>
+<x style="grid-row:4; grid-column:-2/span A-start 2">-2</x>
+<x style="grid-row:5; grid-column:-3/span A-start 2">-3</x>
+<x style="grid-row:6; grid-column:-4/span A-start 2">-4</x>
+<x style="grid-row:7; grid-column:-5/span A-start 2">-5</x>
+<x style="grid-row:8; grid-column:A-start -1/span A-start 2">A -1</x>
+<x style="grid-row:9; grid-column:B -1/span A-start 2">B -1</x>
+<x style="grid-row:10; grid-column:A-start -2/span A-start 2">A -2</x>
+<x style="grid-row:11; grid-column:A-start -3/span A-start 2">A -3</x>
+<x style="grid-row:12; grid-column:A-start -4/span A-start 2">A -4</x>
+<x style="grid-row:13; grid-column:A-start -5/span A-start 2">A -5</x>
+<x style="grid-row:14; grid-column:A-start/span A-start 2">A</x>
+<x style="grid-row:15; grid-column:B/span B">B</x>
+<x style="grid-row:16; grid-column:A-start 1/span A-start 2">A 1</x>
+<x style="grid-row:17; grid-column:A-start 2/span A-start 2">A 2</x>
+<x style="grid-row:18; grid-column:A-start 3/span A-start 2">A 3</x>
+<x style="grid-row:19; grid-column:A-start 4/span A-start 2">A 4</x>
+<x style="grid-row:20; grid-column:A-start 5/span A-start 2">A 5</x>
+<y style="grid-row:2; grid-column:-1/span A-start 2"></y>
+<y style="grid-row:3; grid-column:4/span A-start 2"></y>
+<y style="grid-row:4; grid-column:-2/span A-start 2"></y>
+<y style="grid-row:5; grid-column:-3/span A-start 2"></y>
+<y style="grid-row:6; grid-column:-4/span A-start 2"></y>
+<y style="grid-row:7; grid-column:-5/span A-start 2"></y>
+<y style="grid-row:8; grid-column:A-start -1/span A-start 2"></y>
+<y style="grid-row:9; grid-column:B -1/span A-start 2"></y>
+<y style="grid-row:10; grid-column:A-start -2/span A-start 2"></y>
+<y style="grid-row:11; grid-column:A-start -3/span A-start 2"></y>
+<y style="grid-row:12; grid-column:A-start -4/span A-start 2"></y>
+<y style="grid-row:13; grid-column:A-start -5/span A-start 2"></y>
+<y style="grid-row:14; grid-column:A-start/span A-start 2"></y>
+<y style="grid-row:15; grid-column:B/span B"></y>
+<y style="grid-row:16; grid-column:A-start 1/span A-start 2"></y>
+<y style="grid-row:17; grid-column:A-start 2/span A-start 2"></y>
+<y style="grid-row:18; grid-column:A-start 3/span A-start 2"></y>
+<y style="grid-row:19; grid-column:A-start 4/span A-start 2"></y>
+<y style="grid-row:20; grid-column:A-start 5/span A-start 2"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-named-lines-003-ref.html b/layout/reftests/css-grid/grid-placement-named-lines-003-ref.html
new file mode 100644
index 0000000000..8baf2be8ad
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-named-lines-003-ref.html
@@ -0,0 +1,171 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Placement involving named lines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1226697">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+.t1 {
+  grid-template-columns: 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px 40px ;
+
+}
+.t2 {
+  grid-template-columns: 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px;
+}
+.t3 {
+  grid-template-columns: 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px 40px 40px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: [A-start] 60px 60px [A-start] 60px;
+grid-template-areas: "B A";
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid t1" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column-start:3; background:grey"></x>
+<x style="grid-row:2; grid-column-start:6">-1</x>
+<x style="grid-row:3; grid-column-start:3">A</x>
+<x style="grid-row:4; grid-column-start:5">A -1</x>
+<x style="grid-row:4; grid-column-start:2">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:3">A</x>
+<x style="grid-row:7; grid-column-start:3">B</x>
+<x style="grid-row:8; grid-column-start:3">A 1</x>
+<x style="grid-row:8; grid-column-start:4">A 2</x>
+<x style="grid-row:8; grid-column-start:5">A 3</x>
+<x style="grid-row:8; grid-column-start:7">A 4</x>
+<x style="grid-row:8; grid-column-start:8">A 5</x>
+<y style="grid-row:2; grid-column-start:6"></y>
+<y style="grid-row:3; grid-column-start:3"></y>
+<y style="grid-row:4; grid-column-start:5"></y>
+<y style="grid-row:4; grid-column-start:2" class="a2"></y>
+<y style="grid-row:5; grid-column-start:4"></y>
+<y style="grid-row:6; grid-column-start:3"></y>
+<y style="grid-row:6; grid-column-start:2" class="a2"></y>
+<y style="grid-row:6; grid-column-start:1" class="a3"></y>
+<y style="grid-row:7; grid-column-start:3"></y>
+<y style="grid-row:7; grid-column-start:3" class="a2"></y>
+<y style="grid-row:8; grid-column-start:3"></y>
+<y style="grid-row:8; grid-column-start:4" class="a2"></y>
+<y style="grid-row:8; grid-column-start:5" class="a3"></y>
+<y style="grid-row:8; grid-column-start:7" class="a4"></y>
+<y style="grid-row:8; grid-column-start:8" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid t2" style="padding-left:13px;">
+<x style="grid-row:1; grid-column-start:4; background:grey"></x>
+<x style="grid-row:2; grid-column-start:6">-1</x>
+<x style="grid-row:3; grid-column-start:5">A</x>
+<x style="grid-row:4; grid-column-start:5">A -1</x>
+<x style="grid-row:4; grid-column-start:2">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:3">A</x>
+<x style="grid-row:7; grid-column-start:4">B</x>
+<x style="grid-row:8; grid-column-start:3">A 1</x>
+<x style="grid-row:8; grid-column-start:4">A 2</x>
+<x style="grid-row:8; grid-column-start:5">A 3</x>
+<x style="grid-row:8; grid-column-start:7">A 4</x>
+<x style="grid-row:8; grid-column-start:8">A 5</x>
+<y style="grid-row:2; grid-column-end:7"></y>
+<y style="grid-row:3; grid-column-end:6"></y>
+<y style="grid-row:4; grid-column-end:6"></y>
+<y style="grid-row:4; grid-column-end:3" class="a2"></y>
+<y style="grid-row:5; grid-column-end:5"></y>
+<y style="grid-row:6; grid-column-end:4"></y>
+<y style="grid-row:6; grid-column-end:3" class="a2"></y>
+<y style="grid-row:6; grid-column-end:2" class="a3"></y>
+<y style="grid-row:7; grid-column-end:4"></y>
+<y style="grid-row:7; grid-column-end:5" class="a2"></y>
+<y style="grid-row:8; grid-column-end:4"></y>
+<y style="grid-row:8; grid-column-end:5" class="a2"></y>
+<y style="grid-row:8; grid-column-end:6" class="a3"></y>
+<y style="grid-row:8; grid-column-end:8" class="a4"></y>
+<y style="grid-row:8; grid-column-end:9" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A-start 2</pre>
+<div class="grid t3">
+<x style="grid-row:1;  grid-column:3; background:grey"></x>
+<x style="grid-row:2;  grid-column:6/span 2;">-1</x>
+<x style="grid-row:3;  grid-column:6/span 1;">A</x>
+<x style="grid-row:4;  grid-column:5/span 3;">-2</x>
+<x style="grid-row:5;  grid-column:4/span 3;">-3</x>
+<x style="grid-row:6;  grid-column:3/span 2;">-4</x>
+<x style="grid-row:7;  grid-column:2/span 2;">-5</x>
+<x style="grid-row:8;  grid-column:5/span 3;">A -1</x>
+<x style="grid-row:9;  grid-column:2/span 2;">B -1</x>
+<x style="grid-row:10; grid-column:4/span 3;">A -2</x>
+<x style="grid-row:11; grid-column:3/span 2;">A -3</x>
+<x style="grid-row:12; grid-column:2/span 2;">A -4</x>
+<x style="grid-row:13; grid-column:1/span 3;">A -5</x>
+<x style="grid-row:14; grid-column:3/span 2;">A</x>
+<x style="grid-row:15; grid-column:3/span 4;">span A</x>
+<x style="grid-row:16; grid-column:3/span 2;">A 1</x>
+<x style="grid-row:17; grid-column:4/span 3;">A 2</x>
+<x style="grid-row:18; grid-column:5/span 3;">A 3</x>
+<x style="grid-row:19; grid-column:7/span 2;">A 4</x>
+<x style="grid-row:20; grid-column:8/span 2;">A 5</x>
+<y style="grid-row:2;  grid-column:6/span 2;"></y>
+<y style="grid-row:3;  grid-column:6/span 1;"></y>
+<y style="grid-row:4;  grid-column:5/span 3;"></y>
+<y style="grid-row:5;  grid-column:4/span 3;"></y>
+<y style="grid-row:6;  grid-column:3/span 2;"></y>
+<y style="grid-row:7;  grid-column:2/span 2;"></y>
+<y style="grid-row:8;  grid-column:5/span 3;"></y>
+<y style="grid-row:9;  grid-column:2/span 2;"></y>
+<y style="grid-row:10; grid-column:4/span 3;"></y>
+<y style="grid-row:11; grid-column:3/span 2;"></y>
+<y style="grid-row:12; grid-column:2/span 2;"></y>
+<y style="grid-row:13; grid-column:1/span 3;"></y>
+<y style="grid-row:14; grid-column:3/span 2;"></y>
+<y style="grid-row:15; grid-column:3/span 4;"></y>
+<y style="grid-row:16; grid-column:3/span 2;"></y>
+<y style="grid-row:17; grid-column:4/span 3;"></y>
+<y style="grid-row:18; grid-column:5/span 3;"></y>
+<y style="grid-row:19; grid-column:7/span 2;"></y>
+<y style="grid-row:20; grid-column:8/span 2;"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-named-lines-003.html b/layout/reftests/css-grid/grid-placement-named-lines-003.html
new file mode 100644
index 0000000000..e4a8de4b6e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-named-lines-003.html
@@ -0,0 +1,166 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Placement involving named lines</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1226697">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-placement-int">
+  <link rel="match" href="grid-placement-named-lines-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-template-columns: [A-start] 60px 60px [A-start] 60px;
+  grid-template-areas: "B A";
+  grid-auto-columns: 40px;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: [A-start] 60px 60px [A-start] 60px;
+grid-template-areas: "B A";
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-start:-1">-1</x>
+<x style="grid-row:3; grid-column-start:A">A</x>
+<x style="grid-row:4; grid-column-start:A-start -1">A -1</x>
+<x style="grid-row:4; grid-column-start:B -1">B -1</x>
+<x style="grid-row:5; grid-column-start:A-start -2">A -2</x>
+<x style="grid-row:6; grid-column-start:A-start -3">A -3</x>
+<x style="grid-row:6; grid-column-start:A-start -4">A -4</x>
+<x style="grid-row:6; grid-column-start:A-start -5">A -5</x>
+<x style="grid-row:7; grid-column-start:A-start">A</x>
+<x style="grid-row:7; grid-column-start:B">B</x>
+<x style="grid-row:8; grid-column-start:A-start 1">A 1</x>
+<x style="grid-row:8; grid-column-start:A-start 2">A 2</x>
+<x style="grid-row:8; grid-column-start:A-start 3">A 3</x>
+<x style="grid-row:8; grid-column-start:A-start 4">A 4</x>
+<x style="grid-row:8; grid-column-start:A-start 5">A 5</x>
+<y style="grid-row:2; grid-column-start:-1"></y>
+<y style="grid-row:3; grid-column-start:A"></y>
+<y style="grid-row:4; grid-column-start:A-start -1"></y>
+<y style="grid-row:4; grid-column-start:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-start:A-start -2"></y>
+<y style="grid-row:6; grid-column-start:A-start -3"></y>
+<y style="grid-row:6; grid-column-start:A-start -4" class="a2"></y>
+<y style="grid-row:6; grid-column-start:A-start -5" class="a3"></y>
+<y style="grid-row:7; grid-column-start:A-start"></y>
+<y style="grid-row:7; grid-column-start:B" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A-start 1"></y>
+<y style="grid-row:8; grid-column-start:A-start 2" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A-start 3" class="a3"></y>
+<y style="grid-row:8; grid-column-start:A-start 4" class="a4"></y>
+<y style="grid-row:8; grid-column-start:A-start 5" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid" style="padding-left:13px;">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-end:-1">-1</x>
+<x style="grid-row:3; grid-column-end:A">A</x>
+<x style="grid-row:4; grid-column-end:A-start -1">A -1</x>
+<x style="grid-row:4; grid-column-end:B -1">B -1</x>
+<x style="grid-row:5; grid-column-end:A-start -2">A -2</x>
+<x style="grid-row:6; grid-column-end:A-start -3">A -3</x>
+<x style="grid-row:6; grid-column-end:A-start -4">A -4</x>
+<x style="grid-row:6; grid-column-end:A-start -5">A -5</x>
+<x style="grid-row:7; grid-column-end:A-start">A</x>
+<x style="grid-row:7; grid-column-end:B">B</x>
+<x style="grid-row:8; grid-column-end:A-start 1">A 1</x>
+<x style="grid-row:8; grid-column-end:A-start 2">A 2</x>
+<x style="grid-row:8; grid-column-end:A-start 3">A 3</x>
+<x style="grid-row:8; grid-column-end:A-start 4">A 4</x>
+<x style="grid-row:8; grid-column-end:A-start 5">A 5</x>
+<y style="grid-row:2; grid-column-end:-1"></y>
+<y style="grid-row:3; grid-column-end:A"></y>
+<y style="grid-row:4; grid-column-end:A-start -1"></y>
+<y style="grid-row:4; grid-column-end:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-end:A-start -2"></y>
+<y style="grid-row:6; grid-column-end:A-start -3"></y>
+<y style="grid-row:6; grid-column-end:A-start -4" class="a2"></y>
+<y style="grid-row:6; grid-column-end:A-start -5" class="a3"></y>
+<y style="grid-row:7; grid-column-end:A-start"></y>
+<y style="grid-row:7; grid-column-end:B" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A-start 1"></y>
+<y style="grid-row:8; grid-column-end:A-start 2" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A-start 3" class="a3"></y>
+<y style="grid-row:8; grid-column-end:A-start 4" class="a4"></y>
+<y style="grid-row:8; grid-column-end:A-start 5" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A-start 2</pre>
+<div class="grid">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column:-1/span A-start 2">-1</x>
+<x style="grid-row:3; grid-column:4/span A">A</x>
+<x style="grid-row:4; grid-column:-2/span A-start 2">-2</x>
+<x style="grid-row:5; grid-column:-3/span A-start 2">-3</x>
+<x style="grid-row:6; grid-column:-4/span A-start 2">-4</x>
+<x style="grid-row:7; grid-column:-5/span A-start 2">-5</x>
+<x style="grid-row:8; grid-column:A-start -1/span A-start 2">A -1</x>
+<x style="grid-row:9; grid-column:B -1/span A-start 2">B -1</x>
+<x style="grid-row:10; grid-column:A-start -2/span A-start 2">A -2</x>
+<x style="grid-row:11; grid-column:A-start -3/span A-start 2">A -3</x>
+<x style="grid-row:12; grid-column:A-start -4/span A-start 2">A -4</x>
+<x style="grid-row:13; grid-column:A-start -5/span A-start 2">A -5</x>
+<x style="grid-row:14; grid-column:A-start/span A-start 2">A</x>
+<x style="grid-row:15; grid-column:B/span A">span A</x>
+<x style="grid-row:16; grid-column:A-start 1/span A-start 2">A 1</x>
+<x style="grid-row:17; grid-column:A-start 2/span A-start 2">A 2</x>
+<x style="grid-row:18; grid-column:A-start 3/span A-start 2">A 3</x>
+<x style="grid-row:19; grid-column:A-start 4/span A-start 2">A 4</x>
+<x style="grid-row:20; grid-column:A-start 5/span A-start 2">A 5</x>
+<y style="grid-row:2; grid-column:-1/span A-start 2"></y>
+<y style="grid-row:3; grid-column:4/span A"></y>
+<y style="grid-row:4; grid-column:-2/span A-start 2"></y>
+<y style="grid-row:5; grid-column:-3/span A-start 2"></y>
+<y style="grid-row:6; grid-column:-4/span A-start 2"></y>
+<y style="grid-row:7; grid-column:-5/span A-start 2"></y>
+<y style="grid-row:8; grid-column:A-start -1/span A-start 2"></y>
+<y style="grid-row:9; grid-column:B -1/span A-start 2"></y>
+<y style="grid-row:10; grid-column:A-start -2/span A-start 2"></y>
+<y style="grid-row:11; grid-column:A-start -3/span A-start 2"></y>
+<y style="grid-row:12; grid-column:A-start -4/span A-start 2"></y>
+<y style="grid-row:13; grid-column:A-start -5/span A-start 2"></y>
+<y style="grid-row:14; grid-column:A-start/span A-start 2"></y>
+<y style="grid-row:15; grid-column:B/span B"></y>
+<y style="grid-row:16; grid-column:A-start 1/span A-start 2"></y>
+<y style="grid-row:17; grid-column:A-start 2/span A-start 2"></y>
+<y style="grid-row:18; grid-column:A-start 3/span A-start 2"></y>
+<y style="grid-row:19; grid-column:A-start 4/span A-start 2"></y>
+<y style="grid-row:20; grid-column:A-start 5/span A-start 2"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-negative-lines-001-ref.html b/layout/reftests/css-grid/grid-placement-negative-lines-001-ref.html
new file mode 100644
index 0000000000..863ec716a1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-negative-lines-001-ref.html
@@ -0,0 +1,186 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Placement involving negative line numbers</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1215957">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+.t1 {
+  grid-template-columns: 40px 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px;
+
+}
+.t2 {
+  grid-template-columns: 40px 40px 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px;
+}
+.t3 {
+  grid-template-columns: 40px 40px 40px 40px 60px 60px 60px 40px 40px 40px 40px 40px 40px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: 60px [A] 60px 60px;
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid t1" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column-start:5; background:grey"></x>
+<x style="grid-row:2; grid-column-start:8">-1</x>
+<x style="grid-row:3; grid-column-start:8">4</x>
+<x style="grid-row:3; grid-column-start:7">-2</x>
+<x style="grid-row:3; grid-column-start:6">-3</x>
+<x style="grid-row:3; grid-column-start:5">-4</x>
+<x style="grid-row:3; grid-column-start:4">-5</x>
+<x style="grid-row:4; grid-column-start:6">A -1</x>
+<x style="grid-row:4; grid-column-start:4">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:6">A</x>
+<x style="grid-row:7; grid-column-start:9">B</x>
+<x style="grid-row:8; grid-column-start:6">A 1</x>
+<x style="grid-row:8; grid-column-start:9">A 2</x>
+<x style="grid-row:8; grid-column-start:10">A 3</x>
+<x style="grid-row:8; grid-column-start:11">A 4</x>
+<x style="grid-row:8; grid-column-start:12">A 5</x>
+<y style="grid-row:2; grid-column-start:8"></y>
+<y style="grid-row:3; grid-column-start:8"></y>
+<y style="grid-row:3; grid-column-start:7" class="a2"></y>
+<y style="grid-row:3; grid-column-start:6" class="a3"></y>
+<y style="grid-row:3; grid-column-start:5" class="a4"></y>
+<y style="grid-row:3; grid-column-start:4" class="a5"></y>
+<y style="grid-row:4; grid-column-start:6"></y>
+<y style="grid-row:4; grid-column-start:4" class="a2"></y>
+<y style="grid-row:5; grid-column-start:4"></y>
+<y style="grid-row:6; grid-column-start:3"></y>
+<y style="grid-row:6; grid-column-start:2" class="a2"></y>
+<y style="grid-row:6; grid-column-start:1" class="a3"></y>
+<y style="grid-row:7; grid-column-start:6"></y>
+<y style="grid-row:7; grid-column-start:9" class="a2"></y>
+<y style="grid-row:8; grid-column-start:6"></y>
+<y style="grid-row:8; grid-column-start:9" class="a2"></y>
+<y style="grid-row:8; grid-column-start:10" class="a3"></y>
+<y style="grid-row:8; grid-column-start:11" class="a4"></y>
+<y style="grid-row:8; grid-column-start:12" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid t2" style="padding-left:13px;">
+<x style="grid-row:1; grid-column-start:6; background:grey"></x>
+<x style="grid-row:2; grid-column-start:8">-1</x>
+<x style="grid-row:3; grid-column-start:8">4</x>
+<x style="grid-row:3; grid-column-start:7">-2</x>
+<x style="grid-row:3; grid-column-start:6">-3</x>
+<x style="grid-row:3; grid-column-start:5">-4</x>
+<x style="grid-row:3; grid-column-start:4">-5</x>
+<x style="grid-row:4; grid-column-start:6">A -1</x>
+<x style="grid-row:4; grid-column-start:4">B -1</x>
+<x style="grid-row:5; grid-column-start:4">A -2</x>
+<x style="grid-row:6; grid-column-start:3">A -3</x>
+<x style="grid-row:6; grid-column-start:2">A -4</x>
+<x style="grid-row:6; grid-column-start:1">A -5</x>
+<x style="grid-row:7; grid-column-start:6">A</x>
+<x style="grid-row:7; grid-column-start:9">B</x>
+<x style="grid-row:8; grid-column-start:6">A 1</x>
+<x style="grid-row:8; grid-column-start:9">A 2</x>
+<x style="grid-row:8; grid-column-start:10">A 3</x>
+<x style="grid-row:8; grid-column-start:11">A 4</x>
+<x style="grid-row:8; grid-column-start:12">A 5</x>
+<y style="grid-row:2; grid-column-end:9"></y>
+<y style="grid-row:3; grid-column-end:9"></y>
+<y style="grid-row:3; grid-column-end:8" class="a5"></y>
+<y style="grid-row:3; grid-column-end:7" class="a4"></y>
+<y style="grid-row:3; grid-column-end:6" class="a3"></y>
+<y style="grid-row:3; grid-column-end:5" class="a2"></y>
+<y style="grid-row:4; grid-column-end:7"></y>
+<y style="grid-row:4; grid-column-end:5" class="a2"></y>
+<y style="grid-row:5; grid-column-end:5"></y>
+<y style="grid-row:6; grid-column-end:4"></y>
+<y style="grid-row:6; grid-column-end:3" class="a2"></y>
+<y style="grid-row:6; grid-column-end:2" class="a3"></y>
+<y style="grid-row:7; grid-column-end:7"></y>
+<y style="grid-row:7; grid-column-end:10" class="a2"></y>
+<y style="grid-row:8; grid-column-end:7"></y>
+<y style="grid-row:8; grid-column-end:10" class="a2"></y>
+<y style="grid-row:8; grid-column-end:11" class="a3"></y>
+<y style="grid-row:8; grid-column-end:12" class="a4"></y>
+<y style="grid-row:8; grid-column-end:13" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A 2</pre>
+<div class="grid t3">
+<x style="grid-row:1;  grid-column:5; background:grey"></x>
+<x style="grid-row:2;  grid-column:8/span 2;">-1</x>
+<x style="grid-row:3;  grid-column:8/span 2;">4</x>
+<x style="grid-row:4;  grid-column:7/span 3;">-2</x>
+<x style="grid-row:5;  grid-column:6/span 4;">-3</x>
+<x style="grid-row:6;  grid-column:5/span 4;">-4</x>
+<x style="grid-row:7;  grid-column:4/span 5;">-5</x>
+<x style="grid-row:8;  grid-column:6/span 4;">A -1</x>
+<x style="grid-row:9;  grid-column:4/span 5;">B -1</x>
+<x style="grid-row:10; grid-column:4/span 5;">A -2</x>
+<x style="grid-row:11; grid-column:3/span 6;">A -3</x>
+<x style="grid-row:12; grid-column:2/span 7;">A -4</x>
+<x style="grid-row:13; grid-column:1/span 8;">A -5</x>
+<x style="grid-row:14; grid-column:6/span 4;">A</x>
+<x style="grid-row:15; grid-column:9/span 1;">B</x>
+<x style="grid-row:16; grid-column:6/span 4;">A 1</x>
+<x style="grid-row:17; grid-column:9/span 2;">A 2</x>
+<x style="grid-row:18; grid-column:10/span 2;">A 3</x>
+<x style="grid-row:19; grid-column:11/span 2;">A 4</x>
+<x style="grid-row:20; grid-column:12/span 2;">A 5</x>
+<y style="grid-row:2;  grid-column:8/span 2;"></y>
+<y style="grid-row:3;  grid-column:8/span 2;"></y>
+<y style="grid-row:4;  grid-column:7/span 3;"></y>
+<y style="grid-row:5;  grid-column:6/span 4;"></y>
+<y style="grid-row:6;  grid-column:5/span 4;"></y>
+<y style="grid-row:7;  grid-column:4/span 5;"></y>
+<y style="grid-row:8;  grid-column:6/span 4;"></y>
+<y style="grid-row:9;  grid-column:4/span 5;"></y>
+<y style="grid-row:10; grid-column:4/span 5;"></y>
+<y style="grid-row:11; grid-column:3/span 6;"></y>
+<y style="grid-row:12; grid-column:2/span 7;"></y>
+<y style="grid-row:13; grid-column:1/span 8;"></y>
+<y style="grid-row:14; grid-column:6/span 4;"></y>
+<y style="grid-row:15; grid-column:9/span 1;"></y>
+<y style="grid-row:16; grid-column:6/span 4;"></y>
+<y style="grid-row:17; grid-column:9/span 2;"></y>
+<y style="grid-row:18; grid-column:10/span 2;"></y>
+<y style="grid-row:19; grid-column:11/span 2;"></y>
+<y style="grid-row:20; grid-column:12/span 2;"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-placement-negative-lines-001.html b/layout/reftests/css-grid/grid-placement-negative-lines-001.html
new file mode 100644
index 0000000000..4218f3c8e8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-negative-lines-001.html
@@ -0,0 +1,180 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Placement involving negative line numbers</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1215957">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-placement-int">
+  <link rel="match" href="grid-placement-negative-lines-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-template-columns: 60px [A] 60px 60px;
+  grid-auto-columns: 40px;
+  grid-auto-rows: 15px;
+  grid-gap: 1px;
+}
+
+x {
+  background: lime;
+  border: 1px solid;
+}
+y {
+  position: absolute;
+  border: 1px solid blue;
+  bottom:0;height:0;left:0;right:0;
+  grid-row-end:span 1!important;
+}
+.a2 { bottom:2px; }
+.a3 { bottom:4px; }
+.a4 { bottom:6px; }
+.a5 { bottom:8px; }
+
+  </style>
+</head>
+<body>
+
+<pre>
+grid-template-columns: 60px [A] 60px 60px;
+grid-auto-columns: 40px;
+grid-gap: 1px;
+</pre>
+
+<pre>grid-column-start:</pre>
+<div class="grid" style="padding-right:13px; border-right-width:5px">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-start:-1">-1</x>
+<x style="grid-row:3; grid-column-start:4">4</x>
+<x style="grid-row:3; grid-column-start:-2">-2</x>
+<x style="grid-row:3; grid-column-start:-3">-3</x>
+<x style="grid-row:3; grid-column-start:-4">-4</x>
+<x style="grid-row:3; grid-column-start:-5">-5</x>
+<x style="grid-row:4; grid-column-start:A -1">A -1</x>
+<x style="grid-row:4; grid-column-start:B -1">B -1</x>
+<x style="grid-row:5; grid-column-start:A -2">A -2</x>
+<x style="grid-row:6; grid-column-start:A -3">A -3</x>
+<x style="grid-row:6; grid-column-start:A -4">A -4</x>
+<x style="grid-row:6; grid-column-start:A -5">A -5</x>
+<x style="grid-row:7; grid-column-start:A">A</x>
+<x style="grid-row:7; grid-column-start:B">B</x>
+<x style="grid-row:8; grid-column-start:A 1">A 1</x>
+<x style="grid-row:8; grid-column-start:A 2">A 2</x>
+<x style="grid-row:8; grid-column-start:A 3">A 3</x>
+<x style="grid-row:8; grid-column-start:A 4">A 4</x>
+<x style="grid-row:8; grid-column-start:A 5">A 5</x>
+<y style="grid-row:2; grid-column-start:-1"></y>
+<y style="grid-row:3; grid-column-start:4"></y>
+<y style="grid-row:3; grid-column-start:-2" class="a2"></y>
+<y style="grid-row:3; grid-column-start:-3" class="a3"></y>
+<y style="grid-row:3; grid-column-start:-4" class="a4"></y>
+<y style="grid-row:3; grid-column-start:-5" class="a5"></y>
+<y style="grid-row:4; grid-column-start:A -1"></y>
+<y style="grid-row:4; grid-column-start:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-start:A -2"></y>
+<y style="grid-row:6; grid-column-start:A -3"></y>
+<y style="grid-row:6; grid-column-start:A -4" class="a2"></y>
+<y style="grid-row:6; grid-column-start:A -5" class="a3"></y>
+<y style="grid-row:7; grid-column-start:A"></y>
+<y style="grid-row:7; grid-column-start:B" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A 1"></y>
+<y style="grid-row:8; grid-column-start:A 2" class="a2"></y>
+<y style="grid-row:8; grid-column-start:A 3" class="a3"></y>
+<y style="grid-row:8; grid-column-start:A 4" class="a4"></y>
+<y style="grid-row:8; grid-column-start:A 5" class="a5"></y>
+</div>
+
+<pre>grid-column-end:</pre>
+<div class="grid" style="padding-left:13px;">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column-end:-1">-1</x>
+<x style="grid-row:3; grid-column-end:4">4</x>
+<x style="grid-row:3; grid-column-end:-5">-5</x>
+<x style="grid-row:3; grid-column-end:-4">-4</x>
+<x style="grid-row:3; grid-column-end:-3">-3</x>
+<x style="grid-row:3; grid-column-end:-2">-2</x>
+<x style="grid-row:4; grid-column-end:A -1">A -1</x>
+<x style="grid-row:4; grid-column-end:B -1">B -1</x>
+<x style="grid-row:5; grid-column-end:A -2">A -2</x>
+<x style="grid-row:6; grid-column-end:A -3">A -3</x>
+<x style="grid-row:6; grid-column-end:A -4">A -4</x>
+<x style="grid-row:6; grid-column-end:A -5">A -5</x>
+<x style="grid-row:7; grid-column-end:A">A</x>
+<x style="grid-row:7; grid-column-end:B">B</x>
+<x style="grid-row:8; grid-column-end:A 1">A 1</x>
+<x style="grid-row:8; grid-column-end:A 2">A 2</x>
+<x style="grid-row:8; grid-column-end:A 3">A 3</x>
+<x style="grid-row:8; grid-column-end:A 4">A 4</x>
+<x style="grid-row:8; grid-column-end:A 5">A 5</x>
+<y style="grid-row:2; grid-column-end:-1"></y>
+<y style="grid-row:3; grid-column-end:4"></y>
+<y style="grid-row:3; grid-column-end:-5" class="a2"></y>
+<y style="grid-row:3; grid-column-end:-4" class="a3"></y>
+<y style="grid-row:3; grid-column-end:-3" class="a4"></y>
+<y style="grid-row:3; grid-column-end:-2" class="a5"></y>
+<y style="grid-row:4; grid-column-end:A -1"></y>
+<y style="grid-row:4; grid-column-end:B -1" class="a2"></y>
+<y style="grid-row:5; grid-column-end:A -2"></y>
+<y style="grid-row:6; grid-column-end:A -3"></y>
+<y style="grid-row:6; grid-column-end:A -4" class="a2"></y>
+<y style="grid-row:6; grid-column-end:A -5" class="a3"></y>
+<y style="grid-row:7; grid-column-end:A"></y>
+<y style="grid-row:7; grid-column-end:B" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A 1"></y>
+<y style="grid-row:8; grid-column-end:A 2" class="a2"></y>
+<y style="grid-row:8; grid-column-end:A 3" class="a3"></y>
+<y style="grid-row:8; grid-column-end:A 4" class="a4"></y>
+<y style="grid-row:8; grid-column-end:A 5" class="a5"></y>
+</div>
+
+<pre>grid-column: / span A 2</pre>
+<div class="grid">
+<x style="grid-row:1; grid-column:1; background:grey"></x>
+<x style="grid-row:2; grid-column:-1/span A 2">-1</x>
+<x style="grid-row:3; grid-column:4/span A 2">4</x>
+<x style="grid-row:4; grid-column:-2/span A 2">-2</x>
+<x style="grid-row:5; grid-column:-3/span A 2">-3</x>
+<x style="grid-row:6; grid-column:-4/span A 2">-4</x>
+<x style="grid-row:7; grid-column:-5/span A 2">-5</x>
+<x style="grid-row:8; grid-column:A -1/span A 2">A -1</x>
+<x style="grid-row:9; grid-column:B -1/span A 2">B -1</x>
+<x style="grid-row:10; grid-column:A -2/span A 2">A -2</x>
+<x style="grid-row:11; grid-column:A -3/span A 2">A -3</x>
+<x style="grid-row:12; grid-column:A -4/span A 2">A -4</x>
+<x style="grid-row:13; grid-column:A -5/span A 2">A -5</x>
+<x style="grid-row:14; grid-column:A/span A 2">A</x>
+<x style="grid-row:15; grid-column:B/span B">B</x>
+<x style="grid-row:16; grid-column:A 1/span A 2">A 1</x>
+<x style="grid-row:17; grid-column:A 2/span A 2">A 2</x>
+<x style="grid-row:18; grid-column:A 3/span A 2">A 3</x>
+<x style="grid-row:19; grid-column:A 4/span A 2">A 4</x>
+<x style="grid-row:20; grid-column:A 5/span A 2">A 5</x>
+<y style="grid-row:2; grid-column:-1/span A 2"></y>
+<y style="grid-row:3; grid-column:4/span A 2"></y>
+<y style="grid-row:4; grid-column:-2/span A 2"></y>
+<y style="grid-row:5; grid-column:-3/span A 2"></y>
+<y style="grid-row:6; grid-column:-4/span A 2"></y>
+<y style="grid-row:7; grid-column:-5/span A 2"></y>
+<y style="grid-row:8; grid-column:A -1/span A 2"></y>
+<y style="grid-row:9; grid-column:B -1/span A 2"></y>
+<y style="grid-row:10; grid-column:A -2/span A 2"></y>
+<y style="grid-row:11; grid-column:A -3/span A 2"></y>
+<y style="grid-row:12; grid-column:A -4/span A 2"></y>
+<y style="grid-row:13; grid-column:A -5/span A 2"></y>
+<y style="grid-row:14; grid-column:A/span A 2"></y>
+<y style="grid-row:15; grid-column:B/span B"></y>
+<y style="grid-row:16; grid-column:A 1/span A 2"></y>
+<y style="grid-row:17; grid-column:A 2/span A 2"></y>
+<y style="grid-row:18; grid-column:A 3/span A 2"></y>
+<y style="grid-row:19; grid-column:A 4/span A 2"></y>
+<y style="grid-row:20; grid-column:A 5/span A 2"></y>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-relpos-items-001-ref.html b/layout/reftests/css-grid/grid-relpos-items-001-ref.html
new file mode 100644
index 0000000000..f567a95ca2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-relpos-items-001-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing layout of rel.pos. grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151316">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ height: 30px;
+ border: 3px solid;
+}
+
+.c1 { background: grey; }
+.r2 { transform: translate(-201px, -90px); }
+.r3 { transform: translate(-10px, -40px); }
+.r4 { transform: translate(70px, 40px); }
+
+span {
+  border: 1px solid;
+  display: inline-block;
+  width: 18px;
+  height: 28px;
+  vertical-align: top;
+}
+.abs {
+  background: lime;
+  position: absolute;
+  top: 116px;
+  left: 204px;
+  padding-left: 3px;
+  padding-top: 5px;
+  width: 18px;
+  height: 28px;
+  vertical-align: top;
+}
+.abs1 {
+  position: absolute;
+  top: -5px;
+  left: -11px;
+  width: 30px;
+  height: 36px;
+}
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1">1</span>
+<span class="abs r1"><iframe width="20" height="20" src="data:text/html,<body>F"></iframe></span>
+<span class="abs r2"><iframe width="20" height="20" src="data:text/html,<body>2"></iframe></span>
+<span class="abs r3" style="xheight:23px"><span class="abs1">r3</span></span>
+<span class="abs r4" style="xheight:23px"><span class="abs1">r4</span></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-relpos-items-001.html b/layout/reftests/css-grid/grid-relpos-items-001.html
new file mode 100644
index 0000000000..46269d3be3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-relpos-items-001.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Test: Testing layout of rel.pos. grid items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151316">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/">
+  <link rel="match" href="grid-relpos-items-001-ref.html">
+  <meta charset="utf-8">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ grid-template-columns: 20px 20px [A] 20px;
+ grid-template-rows: 30px;
+ grid-auto-columns: 20px;
+ grid-auto-rows: 30px;
+ border: solid;
+}
+
+.c1 { background: grey; }
+.r1 { }
+.r2 { transform: translate(-201px, -90px); }
+.r3 { grid-column-start: auto; transform: translate(-30px, -40px); }
+.r4 { grid-area: auto; transform: translate(30px, 40px); }
+
+span {
+  border: 1px solid;
+  grid-area: 1 / 1;
+}
+.rel {
+  background: lime;
+  position: relative;
+  top: 113px;
+  left: 201px;
+  padding-left: 3px;
+  padding-top: 5px;
+  width: 18px;
+  height: 28px;
+  vertical-align: top;
+}
+.abs1 {
+  position: absolute;
+  top: -5px;
+  left: -11px;
+  right: 0px;
+  bottom: 0px;
+}
+  </style>
+</head>
+<body>
+
+<div class="grid">
+<span class="c1">1</span>
+<span class="rel r1"><iframe width="20" height="20" src="data:text/html,<body>F"></iframe></span>
+<span class="rel r2"><iframe width="20" height="20" src="data:text/html,<body>2"></iframe></span>
+<span class="rel r3"><span class="abs1">r3</span></span>
+<span class="rel r4"><span class="abs1">r4</span></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-001-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-001-ref.html
new file mode 100644
index 0000000000..422ae78679
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-001-ref.html
@@ -0,0 +1,277 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+    /* We use overflow:hidden on root scroller to work around bug 1873749: */
+    overflow: hidden;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 10px;
+  grid-gap: 2px;
+  margin-bottom: 2px;
+  padding-right: 3px;
+}
+.r1 { grid-template-columns: [a] repeat(3, [b] 20px [c]) [d]; }
+.r2 { grid-template-columns: [a] repeat(3, [b] 20px [c]) [d] 30px [e]; }
+.r3 { grid-template-columns: [a] repeat(3, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+fit .r1 { grid-template-columns: [a] repeat(3, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-columns: [a] repeat(3, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-columns: [a] repeat(3, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { width: 100px; }
+.w50 { width: 50px; }
+.w40 { width: 40px; }
+.w42 { width: 42px; }
+.w64 { width: 64px; }
+.w20 { width: 20px; }
+.w80 { width: 80px; }
+.w90 { width: 90px; }
+.mw100 { min-width: 100px; }
+.mw50 { min-width: 50px; }
+.mw42 { min-width: 42px; }
+.mw80 { min-width: 80px; }
+.xw100 { max-width: 100px; }
+.xw50 { max-width: 50px; }
+.xw42 { max-width: 42px; }
+.xw80 { max-width: 80px; }
+.pw10 { width: 10%; }
+.pxw10 { max-width: 10%; }
+.pmw10 { min-width: 10%; }
+.cw10 { width: calc(50px + 10%); }
+.cxw10 { max-width: calc(50px + 10%); }
+.cmw10 { min-width: calc(50px - 10%); }
+.float { float: left; }
+
+x {
+  height: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; right:0; top:0; height: 3px;
+  background: black;
+  grid-column: c / c -1;
+}
+b {
+  position: absolute;
+  left:0; right:0; bottom:0; height: 3px;
+  background: brown;
+  grid-column: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  width: 400px;
+}
+
+.r1.c0 { grid-template-columns: none;}
+.r1.c1 { grid-template-columns: [a] repeat(1, [b] 20px [c]) [d];}
+.r1.c2 { grid-template-columns: [a] repeat(2, [b] 20px [c]) [d]; }
+.r1.c4 { grid-template-columns: [a] repeat(4, [b] 20px [c]) [d]; }
+.r1.c18 { grid-template-columns: [a] repeat(18, [b] 20px [c]) [d]; }
+
+.r2.c16 { grid-template-columns: [a] repeat(16, [b] 20px [c]) [d] 30px [e]; }
+.r2.c0 { grid-template-columns:  30px [e];}
+.r2.c1 { grid-template-columns: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+.r2.c2 { grid-template-columns: [a] repeat(2, [b] 20px [c]) [d] 30px [e]; }
+
+.r3.c15 { grid-template-columns: [a] repeat(15, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+.r3.c0 { grid-template-columns: [a d] 30px [e] 30px [f]; }
+.r3.c1 { grid-template-columns: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.zero-progress {
+  grid-column-gap: calc(10px - 1%);
+  grid-template-columns: [a] 10px repeat(3, [b] 0 [c]) [d];
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1 c18"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 c4"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float c4"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float c4"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float c4"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w42 float c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw42 float c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw42 float c2"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+
+<div class="grid r1 c1 w40 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 w20 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 w40 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c2 w42 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c4 w100 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 w40 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+
+<div class="grid r1 w80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 w20 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 w20 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w64 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c4 w100 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c4 w90 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+
+<div class="float">
+<div style="width:296px">
+<div class="grid r1 c1 pw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+</div>
+<div class="grid r1 c1 pxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 pmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c2 pmw10 xw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c4 w100 pmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 pw10 pxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+</div>
+
+<br clear="all">
+
+<div class="float">
+<div class="grid r1 c3 cw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 cxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c1 cmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c3 cmw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 c4 w100 cmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div style="width:318px">
+<div class="grid r1 c3 cw10 cxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+</div>
+</div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2 c16"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3 c15"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+
+</fill>
+
+<fit>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80 c2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80 c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float c1"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div style="float:left">
+  <div class="grid xw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid w50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid mw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+</div>
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-001.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-001.html
new file mode 100644
index 0000000000..511a435b82
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-001.html
@@ -0,0 +1,256 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+    /* We use overflow:hidden on root scroller to work around bug 1873749: */
+    overflow: hidden;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 10px;
+  grid-gap: 2px;
+  margin-bottom: 2px;
+  padding-right: 3px;
+}
+.r1 { grid-template-columns: [a] repeat(auto-fill, [b] 20px [c]) [d]; }
+.r2 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(20px,20px) [c]) [d] 30px [e]; }
+.r3 { grid-template-columns: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+fit .r1 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { width: 100px; }
+.w50 { width: 50px; }
+.w80 { width: 80px; }
+.w42 { width: 42px; }
+.xw42 { max-width: 42px; }
+.mw42 { min-width: 42px; }
+.mw100 { min-width: 100px; }
+.mw50 { min-width: 50px; }
+.mw80 { min-width: 80px; }
+.xw100 { max-width: 100px; }
+.xw50 { max-width: 50px; }
+.xw80 { max-width: 80px; }
+.pw10 { width: 10%; }
+.pxw10 { max-width: 10%; }
+.pmw10 { min-width: 10%; }
+.cw10 { width: calc(50px + 10%); }
+.cxw10 { max-width: calc(50px + 10%); }
+.cmw10 { min-width: calc(50px - 10%); }
+.float { float: left; }
+
+x {
+  height: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; right:0; top:0; height: 3px;
+  background: black;
+  grid-column: c / c -1;
+}
+b {
+  position: absolute;
+  left:0; right:0; bottom:0; height: 3px;
+  background: brown;
+  grid-column: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  width: 400px;
+}
+
+.zero-progress {
+  grid-column-gap: calc(10px - 1%);
+  grid-template-columns: [a] 10px repeat(auto-fill, [b] calc(1% - 10px) [c]) [d];
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w42 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw42 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw42 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+
+<div class="grid r1 pw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pmw10 xw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 pmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pw10 pxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+
+<div class="grid r1 cw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cmw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 cmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cw10 cxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+
+<div class="float">
+<div class="grid r1 pw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pmw10 xw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 pmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 pw10 pxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+</div>
+
+<br clear="all">
+
+<div class="float">
+<div class="grid r1 cw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cmw10 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 cmw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 cw10 cxw10 float"><x></x><x></x><a></a><b></b><x></x></div>
+</div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+</fill>
+
+<fit>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div style="float:left">
+  <div class="grid xw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid w50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid mw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+</div>
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-002-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-002-ref.html
new file mode 100644
index 0000000000..8de84391eb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-002-ref.html
@@ -0,0 +1,218 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: row;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+}
+.r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d]; }
+.r12 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d]; }
+.r13 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d]; }
+.r14 { grid-template-rows: [a] repeat(4, [b] 20px [c]) [d]; }
+
+.r20,.r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+.r22 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d] 30px [e]; }
+.r23 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d] 30px [e]; }
+
+.r30,.r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+.r32 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+.r33 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+fit .r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { height: 100px; }
+.w50 { height: 50px; }
+.w80 { height: 80px; }
+.mw100 { min-height: 100px; }
+.mw50 { min-height: 50px; }
+.mw80 { min-height: 80px; }
+.xw100 { max-height: 100px; }
+.xw50 { max-height: 50px; }
+.xw80 { max-height: 80px; }
+.float { float: left; }
+
+x {
+  width: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  height: 400px;
+}
+
+.zero-progress {
+  grid-row-gap: calc(10px - 1%);
+  grid-template-rows: [a] 10px repeat(3, [b] calc(4px / 10) [c]) [d];
+  height:40px;
+}
+.w50.zero-progress {
+  grid-row-gap: calc(10px - 1%);
+  grid-template-rows: [a] 10px repeat(3, [b] 0 [c]) [d];
+  height:50px;
+}
+.mw50.zero-progress {
+  grid-row-gap: calc(10px - 1%);
+  grid-template-rows: [a] 10px repeat(4, [b] calc(5px / 10) [c]) [d];
+  height:50px;
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+</fill>
+
+<fit>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div style="float:left">
+  <div class="grid xw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid w50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid mw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+</div>
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-002.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-002.html
new file mode 100644
index 0000000000..4a9061a010
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-002.html
@@ -0,0 +1,199 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: row;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+}
+.r1 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d]; }
+.r2 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e]; }
+.r3 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+fit .r1 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { height: 100px; }
+.w50 { height: 50px; }
+.w80 { height: 80px; }
+.mw100 { min-height: 100px; }
+.mw50 { min-height: 50px; }
+.mw80 { min-height: 80px; }
+.xw100 { max-height: 100px; }
+.xw50 { max-height: 50px; }
+.xw80 { max-height: 80px; }
+.float { float: left; }
+
+x {
+  width: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  height: 400px;
+}
+
+.zero-progress {
+  grid-row-gap: calc(10px - 1%);
+  grid-template-rows: [a] 10px repeat(auto-fill, [b] calc(1% - 10px) [c]) [d];
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+</fill>
+
+<fit>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div style="float:left">
+  <div class="grid xw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid w50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+  <div class="grid mw50 zero-progress">
+    <x></x><x></x><a></a><b></b><x></x>
+  </div>
+</div>
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-003-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-003-ref.html
new file mode 100644
index 0000000000..1978563152
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-003-ref.html
@@ -0,0 +1,197 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: column;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+}
+.r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d];  }
+.r12 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d]; }
+.r13 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d]; }
+.r14 { grid-template-rows: [a] repeat(4, [b] 20px [c]) [d]; }
+
+.r20,.r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+.r22 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d] 30px [e]; }
+.r23 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d] 30px [e]; }
+
+.r30,.r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; width:10px; }
+.r32 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d] 30px [e] 30px [f]; width:10px; }
+.r33 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d] 30px [e] 30px [f]; width:10px; }
+
+fit .r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { height: 100px; }
+.w50 { height: 50px; }
+.w80 { height: 80px; }
+.mw100 { min-height: 100px; }
+.mw50 { min-height: 50px; }
+.mw80 { min-height: 80px; }
+.xw100 { max-height: 100px; }
+.xw50 { max-height: 50px; }
+.xw80 { max-height: 80px; }
+.float { float: left; }
+
+x {
+  width: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 w100 xw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r14 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+</fill>
+
+<br clear="all">
+<br clear="all">
+
+<fit>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r12 w100 xw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r13 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-003.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-003.html
new file mode 100644
index 0000000000..5d88ea37b3
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-003.html
@@ -0,0 +1,189 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-003-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: column;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+}
+.r1 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d]; }
+.r2 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e]; }
+.r3 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+fit .r1 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { height: 100px; }
+.w50 { height: 50px; }
+.w80 { height: 80px; }
+.mw100 { min-height: 100px; }
+.mw50 { min-height: 50px; }
+.mw80 { min-height: 80px; }
+.xw100 { max-height: 100px; }
+.xw50 { max-height: 50px; }
+.xw80 { max-height: 80px; }
+.float { float: left; }
+
+x {
+  width: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+</fill>
+
+<br clear="all">
+<br clear="all">
+
+<fit>
+
+<div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-004-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-004-ref.html
new file mode 100644
index 0000000000..d61a9dcaab
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-004-ref.html
@@ -0,0 +1,191 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: column;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+}
+.r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d];  width:34px; }
+.r12 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d]; width:34px; }
+.r13 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d]; width:34px; }
+.r14 { grid-template-rows: [a] repeat(4, [b] 20px [c]) [d]; width:34px; }
+
+.r20,.r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; width:22px; }
+.r22 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d] 30px [e]; width:22px; }
+.r23 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d] 30px [e]; width:22px; }
+
+.r30,.r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; width:10px; }
+.r32 { grid-template-rows: [a] repeat(2, [b] 20px [c]) [d] 30px [e] 30px [f]; width:10px; }
+.r33 { grid-template-rows: [a] repeat(3, [b] 20px [c]) [d] 30px [e] 30px [f]; width:10px; }
+
+fit .r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { height: 100px; }
+.w50 { height: 50px; }
+.w80 { height: 80px; }
+.mw100 { min-height: 100px; }
+.mw50 { min-height: 50px; }
+.mw80 { min-height: 80px; }
+.xw100 { max-height: 100px; }
+.xw50 { max-height: 50px; }
+.xw80 { max-height: 80px; }
+.float { float: left; }
+
+wrap { float:left; height: 100px; }
+
+x {
+  width: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+</style>
+</head>
+<body>
+
+<fill>
+
+<wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r14 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r14 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r14 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r14 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r14 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+</fill>
+
+<br clear="all">
+<br clear="all">
+
+<fit>
+
+<wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r12 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r12 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r13 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r22 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r20 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r22 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r20 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r22 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r23 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r30 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-004.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-004.html
new file mode 100644
index 0000000000..dd9af776aa
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-004.html
@@ -0,0 +1,183 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-004-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: column;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+}
+.r1 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d]; }
+.r2 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e]; }
+.r3 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+fit .r1 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e]; }
+fit .r3 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+
+.w100 { height: 100%; }
+.w50 { height: 50%; }
+.w80 { height: 80%; }
+.mw100 { min-height: 100%; }
+.mw50 { min-height: 50%; }
+.mw80 { min-height: 80%; }
+.xw100 { max-height: 100%; }
+.xw50 { max-height: 50%; }
+.xw80 { max-height: 80%; }
+.float { float: left; }
+
+wrap { float:left; height: 100px; }
+
+x {
+  width: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+</style>
+</head>
+<body>
+
+<fill>
+
+<wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+</fill>
+
+<br clear="all">
+<br clear="all">
+
+<fit>
+
+<wrap><div class="grid r1"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r1 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r2"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r2 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+<wrap><div class="grid r3"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 float w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 xw50"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100 xw80"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw80 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 w100 mw50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+<wrap><div class="grid r3 mw100 w50 float"><x></x><x></x><a></a><b></b><x></x></div></wrap>
+
+<br clear="all">
+<br clear="all">
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-005-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-005-ref.html
new file mode 100644
index 0000000000..b68c40be82
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-005-ref.html
@@ -0,0 +1,382 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 2px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: column;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+  padding-bottom: 2px;
+}
+
+.r0 { grid-template-rows: [a] repeat(1, [b] 0 [c]) [d]; }
+.r10,.r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d]; }
+.r01 { grid-template-rows: [a] repeat(1, [b] 0 [c]) 20px [d]; grid-gap:0;}
+.r01 a {grid-row-end:auto; }
+.r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+.r20 { width:22px; grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e];  }
+.r02 { grid-template-rows: [a] repeat(1, [b] 0 [c]) [d] 30px [e]; }
+.r30,.r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+.r03 { grid-template-rows:  [a] repeat(1, [b] 0px [c]) [d] 30px [e] 30px [f]; }
+.r003 { grid-template-rows: [a] repeat(1, [b] 0px [c]) [d] 30px [e] 30px [f]; }
+.ra { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 10px [f]; }
+.r0a { grid-template-rows: [a] repeat(1, [b] 0 [c]) [d] 30px [e] 10px [f]; grid-gap:0; padding-bottom:4px;}
+
+fit .r0 { grid-template-rows: [a] repeat(1, [b] 0 [c]) [d]; }
+fit .r1 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e]; }
+fit .r02 { grid-template-rows: [a] repeat(1, [b] 0 [c]) [d] 30px [e]; grid-gap:0;}
+fit .r3 { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+fit .r03 { grid-template-rows:  [a] repeat(1, [b] 0 [c]) [d] 30px [e] 30px [f]; grid-gap:0; }
+fit .r003 { grid-template-rows: [a] repeat(1, [b] 0 [c]) [d] 30px [e] 30px [f]; grid-gap:0; padding-bottom:4px;}
+fit .ra { grid-template-rows: [a] repeat(1, [b] 20px [c]) [d] 30px [e] 10px [f]; }
+
+.w100 { height: 100px; }
+.w3 { height: 3px; }
+.w20 { height: 20px; }
+.w50 { height: 50px; }
+.w80 { height: 80px; }
+.mw100 { min-height: 100px; }
+.mw3 { height: 3px; }
+.mw20 { height: 20px; }
+.mw50 { min-height: 50px; }
+.mw80 { min-height: 80px; }
+.xw100 { max-height: 100px; }
+.xw3 { height: 3px; }
+.xw20 { height: 20px; }
+.xw50 { max-height: 50px; }
+.xw80 { max-height: 80px; }
+
+.w { width:10px}
+
+x {
+  height: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  height: 400px;
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r1 w w20"><a></a><b></b></div>
+<div class="grid r1 w w3"><a></a><b></b></div>
+<div class="grid r1 w xw20"><a></a><b></b></div>
+<div class="grid r1 w xw3"><a></a><b></b></div>
+<div class="grid r1 w mw20"><a></a><b></b></div>
+<div class="grid r1 w mw3"><a></a><b></b></div>
+<div class="grid r1 w w20 xw3"><a></a><b></b></div>
+<div class="grid r1 w w3 mw20"><a></a><b></b></div>
+<div class="grid r1 w w3 mw3"><a></a><b></b></div>
+<div class="grid r1 w xw20"><a></a><b></b></div>
+<div class="grid r1 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r1 w mw20"><a></a><b></b></div>
+
+<div class="grid r1" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r1" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r1" style="height:0"><a></a><b></b></div>
+<div class="grid w r1" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r1" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r0"><a></a><b></b></div>
+<div class="grid w ra"><a></a><b></b></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r20 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r20 w w20"><a></a><b></b></div>
+<div class="grid r20 w w3"><a></a><b></b></div>
+<div class="grid r20 w xw20"><a></a><b></b></div>
+<div class="grid r20 w xw3"><a></a><b></b></div>
+<div class="grid r20 w mw20"><a></a><b></b></div>
+<div class="grid r20 w mw3"><a></a><b></b></div>
+<div class="grid r20 w w20 xw3"><a></a><b></b></div>
+<div class="grid r20 w w3 mw20"><a></a><b></b></div>
+<div class="grid r20 w w3 mw3"><a></a><b></b></div>
+<div class="grid r20 w xw20"><a></a><b></b></div>
+<div class="grid r20 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r20 w mw20"><a></a><b></b></div>
+
+<div class="grid r20" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r20" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r20" style="height:0"><a></a><b></b></div>
+<div class="grid w r20" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r20" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r02"><a></a><b></b></div>
+
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r30 w w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r30 w w20"><a></a><b></b></div>
+<div class="grid r30 w w3"><a></a><b></b></div>
+<div class="grid r30 w xw20"><a></a><b></b></div>
+<div class="grid r30 w xw3"><a></a><b></b></div>
+<div class="grid r30 w mw20"><a></a><b></b></div>
+<div class="grid r30 w mw3"><a></a><b></b></div>
+<div class="grid r30 w w20 xw3"><a></a><b></b></div>
+<div class="grid r30 w w3 mw20"><a></a><b></b></div>
+<div class="grid r30 w w3 mw3"><a></a><b></b></div>
+<div class="grid r30 w xw20"><a></a><b></b></div>
+<div class="grid r30 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r30 w mw20"><a></a><b></b></div>
+
+<div class="grid w r30" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid w r30" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid w r30" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid w r30" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid  r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid  ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r30" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r30" style="height:0"><a></a><b></b></div>
+<div class="grid w r30" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r30" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r003"><a></a><b></b></div>
+
+
+</fill>
+
+<fit>
+
+<div class="grid r1 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r01 w w20"><a></a><b></b></div>
+<div class="grid r01 w w3"><a></a><b></b></div>
+<div class="grid r01 w xw20"><a></a><b></b></div>
+<div class="grid r01 w xw3"><a></a><b></b></div>
+<div class="grid r01 w mw20"><a></a><b></b></div>
+<div class="grid r01 w mw3"><a></a><b></b></div>
+<div class="grid r01 w w20 xw3"><a></a><b></b></div>
+<div class="grid r01 w w3 mw20"><a></a><b></b></div>
+<div class="grid r01 w w3 mw3"><a></a><b></b></div>
+<div class="grid r01 w xw20"><a></a><b></b></div>
+<div class="grid r01 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r01 w mw20"><a></a><b></b></div>
+
+<div class="grid r10" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r10" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r10" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r10" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r01" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r01" style="height:0"><a></a><b></b></div>
+<div class="grid w r01" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r01" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r01" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r0a"><a></a><b></b></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r20 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r02 w w20"><a></a><b></b></div>
+<div class="grid r02 w w3"><a></a><b></b></div>
+<div class="grid r02 w xw20"><a></a><b></b></div>
+<div class="grid r02 w xw3"><a></a><b></b></div>
+<div class="grid r02 w mw20"><a></a><b></b></div>
+<div class="grid r02 w mw3"><a></a><b></b></div>
+<div class="grid r02 w w20 xw3"><a></a><b></b></div>
+<div class="grid r02 w w3 mw20"><a></a><b></b></div>
+<div class="grid r02 w w3 mw3"><a></a><b></b></div>
+<div class="grid r02 w xw20"><a></a><b></b></div>
+<div class="grid r02 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r02 w mw20"><a></a><b></b></div>
+
+<div class="grid r20" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r20" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r02" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r02" style="height:0"><a></a><b></b></div>
+<div class="grid w r02" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r02" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r02"><a></a><b></b></div>
+
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r30 w w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r30 w mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r03 w w20"><a></a><b></b></div>
+<div class="grid r03 w w3"><a></a><b></b></div>
+<div class="grid r03 w xw20"><a></a><b></b></div>
+<div class="grid r03 w xw3"><a></a><b></b></div>
+<div class="grid r03 w mw20"><a></a><b></b></div>
+<div class="grid r03 w mw3"><a></a><b></b></div>
+<div class="grid r03 w w20 xw3"><a></a><b></b></div>
+<div class="grid r03 w w3 mw20"><a></a><b></b></div>
+<div class="grid r03 w w3 mw3"><a></a><b></b></div>
+<div class="grid r03 w xw20"><a></a><b></b></div>
+<div class="grid r03 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r03 w mw20"><a></a><b></b></div>
+
+<div class="grid w r30" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid w r30" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid w r30" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid w r30" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid  r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid  ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r003" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r03" style="height:0"><a></a><b></b></div>
+<div class="grid w r03" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r03" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r003"><a></a><b></b></div>
+
+
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-005.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-005.html
new file mode 100644
index 0000000000..b6b521787f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-005.html
@@ -0,0 +1,377 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fill/auto-fit)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-005-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px;
+}
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 2px solid;
+  grid-auto-columns: 10px;
+  grid-auto-rows: 10px;
+  grid-auto-flow: column;
+  grid-gap: 2px;
+  margin-right: 2px;
+  padding-top: 3px;
+  padding-bottom: 2px;
+}
+
+.r0 { grid-template-rows: [a] repeat(auto-fill, [b] 0 [c]) [d]; }
+.r1 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d]; }
+.r2 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e]; }
+.r02 { grid-template-rows: [a] repeat(auto-fill, [b] 0 [c]) [d] 30px [e]; }
+.r3 { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+.r03 { grid-template-rows: [a] repeat(auto-fill, [b] 0 [c]) [d] 30px [e] 30px [f]; }
+.ra { grid-template-rows: [a] repeat(auto-fill, [b] 20px [c]) [d] 30px [e] 10px [f]; }
+
+fit .r0 { grid-template-rows: [a] repeat(auto-fit, [b] 0 [c]) [d]; }
+fit .r1 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+fit .r2 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e]; }
+fit .r02 { grid-template-rows: [a] repeat(auto-fit, [b] 0 [c]) [d] 30px [e]; }
+fit .r3 { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e] 30px [f]; }
+fit .r03 { grid-template-rows: [a] repeat(auto-fit, [b] 0 [c]) [d] 30px [e] 30px [f]; }
+fit .ra { grid-template-rows: [a] repeat(auto-fit, [b] 20px [c]) [d] 30px [e] 10px [f]; }
+
+.w100 { height: 100px; }
+.w3 { height: 3px; }
+.w20 { height: 20px; }
+.w50 { height: 50px; }
+.w80 { height: 80px; }
+.mw100 { min-height: 100px; }
+.mw3 { height: 3px; }
+.mw20 { height: 20px; }
+.mw50 { min-height: 50px; }
+.mw80 { min-height: 80px; }
+.xw100 { max-height: 100px; }
+.xw3 { height: 3px; }
+.xw20 { height: 20px; }
+.xw50 { max-height: 50px; }
+.xw80 { max-height: 80px; }
+
+.w { width:10px}
+
+x {
+  height: 10px;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; bottom:0; width: 3px;
+  background: black;
+  grid-row: c / c -1;
+}
+b {
+  position: absolute;
+  right:0; top:0; bottom:0; width: 3px;
+  background: brown;
+  grid-row: auto / c -1;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  height: 400px;
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r1 w w20"><a></a><b></b></div>
+<div class="grid r1 w w3"><a></a><b></b></div>
+<div class="grid r1 w xw20"><a></a><b></b></div>
+<div class="grid r1 w xw3"><a></a><b></b></div>
+<div class="grid r1 w mw20"><a></a><b></b></div>
+<div class="grid r1 w mw3"><a></a><b></b></div>
+<div class="grid r1 w w20 xw3"><a></a><b></b></div>
+<div class="grid r1 w w3 mw20"><a></a><b></b></div>
+<div class="grid r1 w w3 mw3"><a></a><b></b></div>
+<div class="grid r1 w xw20"><a></a><b></b></div>
+<div class="grid r1 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r1 w mw20"><a></a><b></b></div>
+
+<div class="grid r1" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r1" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r1" style="height:0"><a></a><b></b></div>
+<div class="grid w r1" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r1" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r0"><a></a><b></b></div>
+<div class="grid w ra"><a></a><b></b></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2 w w20"><a></a><b></b></div>
+<div class="grid r2 w w3"><a></a><b></b></div>
+<div class="grid r2 w xw20"><a></a><b></b></div>
+<div class="grid r2 w xw3"><a></a><b></b></div>
+<div class="grid r2 w mw20"><a></a><b></b></div>
+<div class="grid r2 w mw3"><a></a><b></b></div>
+<div class="grid r2 w w20 xw3"><a></a><b></b></div>
+<div class="grid r2 w w3 mw20"><a></a><b></b></div>
+<div class="grid r2 w w3 mw3"><a></a><b></b></div>
+<div class="grid r2 w xw20"><a></a><b></b></div>
+<div class="grid r2 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r2 w mw20"><a></a><b></b></div>
+
+<div class="grid r2" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r2" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r2" style="height:0"><a></a><b></b></div>
+<div class="grid w r2" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r2" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r02"><a></a><b></b></div>
+
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3 w w20"><a></a><b></b></div>
+<div class="grid r3 w w3"><a></a><b></b></div>
+<div class="grid r3 w xw20"><a></a><b></b></div>
+<div class="grid r3 w xw3"><a></a><b></b></div>
+<div class="grid r3 w mw20"><a></a><b></b></div>
+<div class="grid r3 w mw3"><a></a><b></b></div>
+<div class="grid r3 w w20 xw3"><a></a><b></b></div>
+<div class="grid r3 w w3 mw20"><a></a><b></b></div>
+<div class="grid r3 w w3 mw3"><a></a><b></b></div>
+<div class="grid r3 w xw20"><a></a><b></b></div>
+<div class="grid r3 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r3 w mw20"><a></a><b></b></div>
+
+<div class="grid r3" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r3" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r3" style="height:0"><a></a><b></b></div>
+<div class="grid w r3" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r3" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r03"><a></a><b></b></div>
+
+
+</fill>
+
+<fit>
+
+<div class="grid r1 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r1 w w20"><a></a><b></b></div>
+<div class="grid r1 w w3"><a></a><b></b></div>
+<div class="grid r1 w xw20"><a></a><b></b></div>
+<div class="grid r1 w xw3"><a></a><b></b></div>
+<div class="grid r1 w mw20"><a></a><b></b></div>
+<div class="grid r1 w mw3"><a></a><b></b></div>
+<div class="grid r1 w w20 xw3"><a></a><b></b></div>
+<div class="grid r1 w w3 mw20"><a></a><b></b></div>
+<div class="grid r1 w w3 mw3"><a></a><b></b></div>
+<div class="grid r1 w xw20"><a></a><b></b></div>
+<div class="grid r1 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r1 w mw20"><a></a><b></b></div>
+
+<div class="grid r1" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r1" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r1" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r1" style="height:0"><a></a><b></b></div>
+<div class="grid w r1" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r1" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r0"><a></a><b></b></div>
+<div class="grid w ra"><a></a><b></b></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r2 w w20"><a></a><b></b></div>
+<div class="grid r2 w w3"><a></a><b></b></div>
+<div class="grid r2 w xw20"><a></a><b></b></div>
+<div class="grid r2 w xw3"><a></a><b></b></div>
+<div class="grid r2 w mw20"><a></a><b></b></div>
+<div class="grid r2 w mw3"><a></a><b></b></div>
+<div class="grid r2 w w20 xw3"><a></a><b></b></div>
+<div class="grid r2 w w3 mw20"><a></a><b></b></div>
+<div class="grid r2 w w3 mw3"><a></a><b></b></div>
+<div class="grid r2 w xw20"><a></a><b></b></div>
+<div class="grid r2 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r2 w mw20"><a></a><b></b></div>
+
+<div class="grid r2" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r2" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r2" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r2" style="height:0"><a></a><b></b></div>
+<div class="grid w r2" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r2" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r02"><a></a><b></b></div>
+
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3 w20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w20 xw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 w3 mw3"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 xw3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3 mw20"><x></x><x></x><a></a><b></b><x></x></div>
+
+<br clear="all">
+<br clear="all">
+
+<div class="grid r3 w w20"><a></a><b></b></div>
+<div class="grid r3 w w3"><a></a><b></b></div>
+<div class="grid r3 w xw20"><a></a><b></b></div>
+<div class="grid r3 w xw3"><a></a><b></b></div>
+<div class="grid r3 w mw20"><a></a><b></b></div>
+<div class="grid r3 w mw3"><a></a><b></b></div>
+<div class="grid r3 w w20 xw3"><a></a><b></b></div>
+<div class="grid r3 w w3 mw20"><a></a><b></b></div>
+<div class="grid r3 w w3 mw3"><a></a><b></b></div>
+<div class="grid r3 w xw20"><a></a><b></b></div>
+<div class="grid r3 w xw3 mw20"><a></a><b></b></div>
+<div class="grid r3 w mw20"><a></a><b></b></div>
+
+<div class="grid r3" style="min-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3" style="height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3" style="min-height:0; height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r3" style="max-height:0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid r0"><x></x><x></x><a></a><b></b><x></x></div>
+<div class="grid ra"><x></x><x></x><a></a><b></b><x></x></div>
+
+<div class="grid w r3" style="min-height:0"><a></a><b></b></div>
+<div class="grid w r3" style="height:0"><a></a><b></b></div>
+<div class="grid w r3" style="min-height:0; height:0"><a></a><b></b></div>
+<div class="grid w r3" style="max-height:0"><a></a><b></b></div>
+<div class="grid w r03"><a></a><b></b></div>
+
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-006-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-006-ref.html
new file mode 100644
index 0000000000..ab07edd5f4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-006-ref.html
@@ -0,0 +1,184 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fit) with grid-aligned abs.pos.</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 30px;
+  grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 20px;
+  grid-gap: 2px;
+  width: 160px;
+  height: 30px;
+}
+
+.c1 { width: 160px; }
+.c2 { width: 150px; }
+.c3 { width: 140px; }
+.p1 { padding-left:5px; }
+
+.t2 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+
+x {
+  width: 18px;
+  border:1px solid;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; height:3px; right:0;
+  background: cyan;
+  grid-column: -1 / auto;
+}
+b {
+  position: absolute;
+  left:0; bottom:0; height:3px; right:0;
+  background: brown;
+  grid-column: auto / -1;
+}
+c {
+  position: absolute;
+  left:0; bottom:5px; height:3px; right:0;
+  background: pink;
+  grid-column: 6 / auto;
+}
+d {
+  position: absolute;
+  left:0; bottom:10px; height:3px; right:0;
+  background: silver;
+  grid-column: 3 / -2;
+}
+e {
+  position: absolute;
+  left:0; bottom:15px; height:3px; right:0;
+  background: magenta;
+  grid-column: 3 / -1;
+}
+f {
+  position: absolute;
+  left:0; bottom:20px; height:3px; right:0;
+  background: orange;
+  grid-column: auto / -2;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+.t1 x:last-child {
+  grid-column-end:-1;
+}
+
+float { float:left; margin-right:20px; }
+
+.x5 { grid-template-columns: repeat(5,20px); }
+.x4 { grid-template-columns: repeat(4,20px); }
+.x3 { grid-template-columns: repeat(3,20px); }
+.x2 { grid-template-columns: repeat(2,20px); }
+.x1 { grid-template-columns: repeat(1,20px); }
+.x0 { grid-template-columns: none; }
+
+.c1.t1.x5 a { grid-column:5/auto; }
+.c1.t1.x4 a { grid-column:4/auto; }
+.c1.t1.x3 a { grid-column:3/auto; }
+.c1.t1.x2 a { grid-column:2/auto; }
+.c1.t1.x1 a { grid-column:1/auto; }
+.c2.t1.x0 a { grid-column:2/auto; }
+
+.c1.t1.x5 c { grid-column:-2/auto; }
+.c2.t1.x5 c,.c3.t1.x5 c { grid-column:5/6; }
+
+.c1.t1.x4 c { grid-column:4/auto; }
+.c2.t1.x4 c,.c3.t1.x4 c { grid-column:-2/-1; }
+.t2.x4 c { grid-column:-1/auto; }
+
+.c1.t1.x3 c, .c1.t1.x2 c, .c1.t1.x1 c { grid-column:-2/auto; }
+.c2.t1.x3 c, .c3.t1.x3 c, .c2.t1.x2 c, .c3.t1.x2 c, .c2.t1.x1 c, .c3.t1.x1 c { grid-column:-2/-1; }
+.t2.x3 c, .t2.x2 c, .t2.x1 c { grid-column:-1/auto; }
+
+.t2 f { grid-column:auto/-1; }
+
+.c1.t1.x5 e, .c1.t1.x4 e, .c2.t1.x2 e, .c3.t1.x2 e { grid-column:3/-2; }
+.c1.t1.x3 e ,.c1.t1.x2 e { grid-column:-2/auto; }
+.c1.t1.x1 e { grid-column:1/auto; }
+.c2.t1.x1 e,.c3.t1.x1 e { grid-column:1/2; }
+
+.t2.x5 d, .t2.x4 d { grid-column:3/-1; }
+.t1.x3 d, .t1.x2 d { grid-column:-2/auto; }
+.t2.x2 d, .t2.x1 d { grid-column:-1/auto; }
+.t2.x0 d, .t2.x0 c { grid-column:1/auto; }
+
+.c1.t1 b { grid-column:auto/-2; }
+
+</style>
+</head>
+<body>
+
+<float>
+<div class="grid c1 t1 x5"><x></x><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x5"><x></x><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 x5"><x></x><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 x5"><x></x><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 x4"><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 x4"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x4"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x4"><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 x4"><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 x4"><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 x3"><x></x><x></x><a></a><b></b><f></f><x></x></div>
+<div class="grid c2 t1 x3"><x></x><x></x><a></a><b></b><c></c><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x3"><x></x><x></x><a></a><b></b><c></c><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x3"><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 x3"><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 x3"><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+</float>
+
+<float>
+<div class="grid c1 t1 x2"><x></x><a></a><b></b><f></f><x></x></div>
+<div class="grid c2 t1 x2"><x></x><a></a><b></b><c></c><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x2"><x></x><a></a><b></b><c></c><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x2"><x></x><a></a><b></b><f></f><x></x></div>
+<div class="grid c2 t2 x2"><x></x><a></a><b></b><f></f><x></x></div>
+<div class="grid c3 t2 x2"><x></x><a></a><b></b><f></f><x></x></div>
+
+<div class="grid c1 t1 x1"><a></a><b></b><f></f><x></x></div>
+<div class="grid c2 t1 x1"><a></a><b></b><c></c><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x1"><a></a><b></b><c></c><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x1"><a></a><b></b><f></f><x></x></div>
+<div class="grid c2 t2 x1"><a></a><b></b><f></f><x></x></div>
+<div class="grid c3 t2 x1"><a></a><b></b><f></f><x></x></div>
+
+<div class="grid c1 t1 x1 p1"><a></a><b></b><f></f></div>
+<div class="grid c2 t1 x1 p1"><a></a><b></b><c></c><e></e><f></f></div>
+<div class="grid c3 t1 x1 p1"><a></a><b></b><c></c><e></e><f></f></div>
+
+<div class="grid c1 t2 x0 p1"><a></a><b></b><f></f></div>
+<div class="grid c2 t2 x0 p1"><a></a><b></b><f></f></div>
+<div class="grid c3 t2 x0 p1"><a></a><b></b><f></f></div>
+</float>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-006.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-006.html
new file mode 100644
index 0000000000..eb5768d0ca
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-006.html
@@ -0,0 +1,213 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fit) with grid-aligned abs.pos.</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1118820">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-006-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 30px;
+  grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 20px;
+  grid-gap: 2px;
+  width: 160px;
+  height: 30px;
+}
+
+.c1 { width: 160px; }
+.c2 { width: 150px; }
+.c3 { width: 140px; }
+.p1 { padding-left:5px; }
+
+.t2 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+
+x {
+  width: 18px;
+  border:1px solid;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; height:3px; right:0;
+  background: cyan;
+  grid-column: 7 / auto;
+}
+b {
+  position: absolute;
+  left:0; bottom:0; height:3px; right:0;
+  background: brown;
+  grid-column: auto / 7;
+}
+c {
+  position: absolute;
+  left:0; bottom:5px; height:3px; right:0;
+  background: pink;
+  grid-column: 6 / 7;
+}
+d {
+  position: absolute;
+  left:0; bottom:10px; height:3px; right:0;
+  background: silver;
+  grid-column: 3 / 6;
+}
+e {
+  position: absolute;
+  left:0; bottom:15px; height:3px; right:0;
+  background: magenta;
+  grid-column: 3 / 7;
+}
+f {
+  position: absolute;
+  left:0; bottom:20px; height:3px; right:0;
+  background: orange;
+  grid-column: auto / 6;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+.t1 x:last-child {
+  grid-column-end:-1;
+}
+
+float { float:left; margin-right:20px; }
+
+</style>
+</head>
+<body>
+
+<float>
+<div class="grid c1 t1"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+</float>
+
+<float>
+<div class="grid c1 t1"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1"><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1"><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1"><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2"><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2"><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2"><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 p1"><a></a><b></b><c></c><d></d><e></e><f></f></div>
+<div class="grid c2 t1 p1"><a></a><b></b><c></c><d></d><e></e><f></f></div>
+<div class="grid c3 t1 p1"><a></a><b></b><c></c><d></d><e></e><f></f></div>
+
+<div class="grid c1 t2 p1"><a></a><b></b><c></c><d></d><e></e><f></f></div>
+<div class="grid c2 t2 p1"><a></a><b></b><c></c><d></d><e></e><f></f></div>
+<div class="grid c3 t2 p1"><a></a><b></b><c></c><d></d><e></e><f></f></div>
+</float>
+
+<script>
+function testGridTemplateColumns(elem, expected) {
+  var actual = window.getComputedStyle(elem).gridTemplateColumns;
+  if (actual != expected) {
+    var err = "FAIL: gridTemplateColumns " + elem.className +
+              ", GOT=" + actual +
+              ", EXPECTED=" + expected;
+    document.body.appendChild(document.createTextNode(err));
+  }
+}
+var a1 = [
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px"
+];
+var a2 = [
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]"
+];
+function runTest() {
+ var t1 = document.querySelectorAll('.t1');
+ for (var i = 0; i < t1.length; ++i) {
+   testGridTemplateColumns(t1[i], a1[i]);
+ }
+ var t2 = document.querySelectorAll('.t2');
+ for (var i = 0; i < t2.length; ++i) {
+   testGridTemplateColumns(t2[i], a2[i]);
+ }
+
+ document.documentElement.className='';
+}
+document.addEventListener('MozReftestInvalidate', runTest);
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-007-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-007-ref.html
new file mode 100644
index 0000000000..fd073a072f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-007-ref.html
@@ -0,0 +1,177 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fit) with grid-aligned abs.pos. with removed start/middle tracks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1237805">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 30px;
+  grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 20px;
+  grid-gap: 2px;
+  width: 160px;
+  height: 30px;
+}
+
+.c1 { width: 160px; }
+.c2 { width: 150px; }
+.c3 { width: 140px; }
+.p1 { padding-left:5px; }
+
+.t2 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+
+x {
+  width: 18px;
+  border:1px solid;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; height:3px; right:0;
+  background: cyan;
+  grid-column: -1 / auto;
+}
+b {
+  position: absolute;
+  left:0; bottom:0; height:3px; right:0;
+  background: brown;
+  grid-column: auto / -1;
+}
+c {
+  position: absolute;
+  left:0; bottom:5px; height:3px; right:0;
+  background: pink;
+  grid-column: -2 / auto;
+}
+d {
+  position: absolute;
+  left:0; bottom:10px; height:3px; right:0;
+  background: silver;
+  grid-column: 2 / -3;
+}
+e {
+  position: absolute;
+  left:0; bottom:15px; height:3px; right:0;
+  background: magenta;
+  grid-column: 3 / -1;
+}
+f {
+  position: absolute;
+  left:0; bottom:20px; height:3px; right:0;
+  background: orange;
+  grid-column: auto / -2;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+.t1 x:last-child {
+  grid-column-end:-1;
+}
+
+.x5 x:first-child , .x3 x:first-child , .x2 x:first-child {
+  background: cyan;
+}
+
+.x5.t1 x:nth-child(2) , .x4 x:nth-child(2) , .x3 x:nth-child(2) {
+  background: purple;
+}
+
+
+float { float:left; margin-right:20px; }
+
+.x5 { grid-template-columns: repeat(5,20px); }
+.x4 { grid-template-columns: repeat(4,20px); }
+.x3 { grid-template-columns: repeat(3,20px); }
+.x2 { grid-template-columns: repeat(2,20px); }
+
+.t1.x5 a { grid-column:5/auto; }
+.c2.t1.x5 a , .c3.t1.x5 a { grid-column-start:-2; left:-2px; }
+.c1.t1.x4 a { grid-column:4/auto; }
+.c1.t1.x3 a { grid-column:3/auto; }
+.c1.t1.x2 a { grid-column:2/auto; }
+
+.t1.x5 c { grid-column:-3/-2; }
+.t2.x5 c { grid-column:-2/-1; }
+
+.c1.t1.x4 c { grid-column:-2/auto; }
+.x4 c { grid-column:-2/-1; }
+
+.c1.t1.x3 c, .c1.t1.x2 c { grid-column:-2/auto; }
+.c2.t1.x3 c, .c3.t1.x3 c, .c2.t1.x2 c, .c3.t1.x2 c { grid-column:-2/-1; }
+.t2.x3 c, .t2.x2 c { grid-column:-1/auto; }
+
+.t1.x5 f , .t2.x4 f { grid-column:auto/4; }
+.t2.x5 f { grid-column:auto/5; }
+.t2 f { grid-column:auto/-1; }
+
+.t2.x5 e , .t2.x4 e , .x3 e { grid-column:2/-1; }
+.t1.x5 e , .c1.t1.x4 e, .c3.t1.x2 e { grid-column:2/-2; }
+.c2.t1.x4 e, .c3.t1.x4 e  { grid-column:2/-1; }
+.c1.t1.x2 e { grid-column:2/auto; }
+.c1.t1.x3 e , .x2 e { grid-column:2/3; }
+
+.t2.x5 d, .t2.x4 d , .t1.x4 d { grid-column:2/-2; }
+.t1.x3 d, .t1.x2 d { grid-column:2/3; }
+.t2.x3 d { grid-column:2/-1; }
+.t1.x2 d { grid-column:2/auto; }
+.t2.x2 d { grid-column:2/3; }
+
+.c1.t1 b , .c2.t1.x5 b , .c3.t1.x5 b { grid-column:auto/-2; }
+
+</style>
+</head>
+<body>
+
+<float>
+<div class="grid c1 t1 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f></div>
+<div class="grid c3 t1 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f></div>
+
+<div class="grid c1 t2 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 x5"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 x4"><x></x><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 x4"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x4"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x4"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 x4"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 x4"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 x3"><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 x3"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x3"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x3"><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 x3"><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 x3"><x></x><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+</float>
+
+<float>
+<div class="grid c1 t1 x2"><x></x><a></a><b></b><f></f><x></x></div>
+<div class="grid c2 t1 x2"><x></x><a></a><b></b><c></c><e></e><f></f><x></x></div>
+<div class="grid c3 t1 x2"><x></x><a></a><b></b><c></c><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 x2"><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 x2"><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 x2"><x></x><a></a><b></b><d></d><e></e><f></f><x></x></div>
+</float>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-007.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-007.html
new file mode 100644
index 0000000000..8ddbdb0d8d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-007.html
@@ -0,0 +1,195 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fit) with grid-aligned abs.pos. with removed start/middle tracks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1237805">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-007-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 30px;
+  grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 20px;
+  grid-gap: 2px;
+  width: 160px;
+  height: 30px;
+}
+
+.c1 { width: 160px; }
+.c2 { width: 150px; }
+.c3 { width: 140px; }
+.p1 { padding-left:5px; }
+
+.t2 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+
+x {
+  width: 18px;
+  border:1px solid;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; height:3px; right:0;
+  background: cyan;
+  grid-column: 7 / auto;
+}
+b {
+  position: absolute;
+  left:0; bottom:0; height:3px; right:0;
+  background: brown;
+  grid-column: auto / 7;
+}
+c {
+  position: absolute;
+  left:0; bottom:5px; height:3px; right:0;
+  background: pink;
+  grid-column: 6 / 7;
+}
+d {
+  position: absolute;
+  left:0; bottom:10px; height:3px; right:0;
+  background: silver;
+  grid-column: 3 / 6;
+}
+e {
+  position: absolute;
+  left:0; bottom:15px; height:3px; right:0;
+  background: magenta;
+  grid-column: 3 / 7;
+}
+f {
+  position: absolute;
+  left:0; bottom:20px; height:3px; right:0;
+  background: orange;
+  grid-column: auto / 6;
+}
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+.t1 x:last-child {
+  grid-column-end:-1;
+}
+
+float { float:left; margin-right:20px; }
+
+.m x:first-child , .n x:first-child {
+  background: cyan;
+  grid-column:2;
+}
+
+.n x:nth-child(2) , .o x:nth-child(2) {
+  background: purple;
+  grid-column:4;
+}
+
+</style>
+</head>
+<body>
+
+<float>
+<div class="grid c1 t1 n"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 n"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 m"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 m"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 m"><x></x><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 o"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 o"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 o"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 o"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 o"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 o"><x></x><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 n"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 n"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 n"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 n"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 n"><x></x><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+</float>
+
+<float>
+<div class="grid c1 t1 n"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 n"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 n"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 n"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 n"><x></x><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+</float>
+
+<script>
+function testGridTemplateColumns(elem, expected) {
+  var actual = window.getComputedStyle(elem).gridTemplateColumns;
+  if (actual != expected) {
+    var err = "FAIL: gridTemplateColumns " + elem.className +
+              ", GOT=" + actual +
+              ", EXPECTED=" + expected;
+    document.body.appendChild(document.createTextNode(err));
+  }
+}
+var a1 = [
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c d] 20px",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 20px"
+];
+var a2 = [
+"[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d]",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d]",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c d]",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c d]",
+"[a b] 20px [c b] 0px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c d]",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]"
+];
+function runTest() {
+ var t1 = document.querySelectorAll('.t1');
+ for (var i = 0; i < t1.length; ++i) {
+   testGridTemplateColumns(t1[i], a1[i]);
+ }
+ var t2 = document.querySelectorAll('.t2');
+ for (var i = 0; i < t2.length; ++i) {
+   testGridTemplateColumns(t2[i], a2[i]);
+ }
+
+ document.documentElement.className='';
+}
+document.addEventListener('MozReftestInvalidate', runTest);
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-008-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-008-ref.html
new file mode 100644
index 0000000000..028d9e209d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-008-ref.html
@@ -0,0 +1,193 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fit) with grid-aligned abs.pos. with removed start/middle tracks and implicit tracks on either/both sides</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1239036">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 30px;
+  grid-auto-columns: 3px;
+  grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 20px;
+  height: 30px;
+}
+
+.c1 { width: 165px; }
+.c2 { width: 155px; }
+.c3 { width: 150px; }
+.p1 { padding-left:5px; }
+
+.t2 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+
+x {
+  width: 18px;
+  border:1px solid;
+  background: grey;
+}
+a {
+  position: absolute;
+  top:0; height:3px; right:0;
+  background: cyan;
+  grid-column: auto / auto;
+}
+b {
+  position: absolute;
+  left:0; bottom:0; height:3px; width:103px;
+  background: brown;
+  grid-column: auto / auto;
+}
+.c2 b {width:100px;}
+c {
+  position: absolute;
+  left:0; bottom:5px; height:3px; right:0;
+  background: pink;
+  grid-column: auto / auto;
+}
+d {
+  position: absolute;
+  left:23px; bottom:10px; height:3px; width:60px;
+  background: silver;
+  grid-column: auto / auto;
+}
+e {
+  position: absolute;
+  left:0; bottom:15px; height:3px; right:0;
+  background: magenta;
+  grid-column: auto / auto;
+}
+f {
+  position: absolute;
+  left:0; bottom:20px; height:3px; width:83px;
+  background: orange;
+  grid-column: auto / auto;
+}
+.c2 f {width:80px;}
+
+x:first-of-type {
+  background: lime;
+}
+x:nth-of-type(1) { grid-area:1/1; }
+x:nth-of-type(2) { grid-area:1/2; }
+x:nth-of-type(3) { grid-area:1/3; }
+x:nth-of-type(4) { grid-area:1/4; }
+x:nth-of-type(5) { grid-area:1/5; }
+
+x:last-of-type {
+  background: blue;
+}
+
+.t1 x:last-of-type {
+  grid-column-end:-1;
+}
+
+float { float:left; margin-right:20px; }
+
+.m x:first-of-type , .n x:first-of-type {
+  background: cyan;
+  grid-area:1/2;
+}
+
+.n x:nth-of-type(2) , .o x:nth-of-type(2) {
+  background: purple;
+  grid-area:1/4;
+}
+
+.c1 y, .c3 y:first-of-type { grid-column: span X / 1; background:black; }
+.c2 y, .c3 y:last-of-type { grid-column: -1 / span X; background:black; }
+
+.s2 { left: 23px; }
+.s2a { left: 20px; }
+.e5 { right: 82px; }
+.e5a { right: 75px; }
+.e5b { right: 67px; }
+.e6 { right: 62px; }
+.e6a { right: 55px; }
+.e6b { right: 47px; }
+.c2 d { left:20px; }
+.t2.x4 f, .t2.x3 f { width:63px; }
+.c2.t2.x4 f, .c2.t2.x3 f { width:60px; }
+.t2.x4 d, .t2.x3 d { width:40px; }
+.x2 d { width:20px; }
+.x2 f { width:43px; }
+.c2.x2 f { width:40px; }
+
+.t2.x5 b { width:83px; }
+.c2.t2.x5 b { width:80px; }
+.t2.x4 b, .t2.x3 b { width:63px; }
+.c2.t2.x4 b, .c2.t2.x3 b { width:60px; }
+.x2 b { width:43px; }
+.c2.x2 b { width:40px; }
+
+.t1.x5 c, .t1.x4 c, .t1.x3 c { left:83px; width:20px; right:auto; }
+.c2.x5 c , .c2.t1.x4 c , .c2.t1.x3 c { left:80px; }
+.t2.x5 c { left:83px; }
+.c2.t2.x5 c { left:80px; }
+.t2.x4 c , .t2.x3 c { left:63px; }
+.c2.t2.x4 c , .c2.t2.x3 c { left:60px; }
+.t1.x2 c , .t2.x2 c { left:43px; }
+.c2.t2.x2 c , .c2.t1.x2 c { left:40px;}
+
+.x2 e { left:23px; width:20px; right:auto; }
+.c2.x2 e { left:20px;  }
+.t1.c3.x2 e { width:20px; }
+.t1.c3.x2 c { width:20px; right:auto;}
+
+.t2.x5 e { left:23px; width:60px; }
+.x4 e , .x3 e , .x2 e { left:23px; }
+.c2.x4 e , .c2.x3 e , .c2.x2 e { left:20px; }
+.c2.t2.x5 e { left:20px; }
+.t1.x4 e , .t1.x3 e { width:80px; }
+.t2.x4 e , .t2.x3 e { width:40px; }
+
+</style>
+</head>
+<body>
+
+<float>
+<div class="grid c1 t1 n x5"><x></x><x></x><x></x><x></x><y></y><a style="width:62px"></a><b></b><c></c><d></d><e class="s2 e6"></e><f class="e5"></f><x></x></div>
+<div class="grid c2 t1 n x5"><x></x><x></x><x></x><x></x><y></y><a style="width:55px"></a><b></b><c></c><d></d><e class="s2a e6a"></e><f class="e5a"></f><x></x></div>
+<div class="grid c3 t1 n x5"><x></x><x></x><x></x><x></x><y></y><y></y><a style="width:47px"></a><b></b><c></c><d></d><e class="s2 e6b"></e><f class="e5b"></f><x></x></div>
+
+<div class="grid c1 t2 m x5"><x></x><x></x><x></x><x></x><y></y><a style="width:82px"></a><b></b><d></d><e class="s2"></e><f class="e5"></f><x></x></div>
+<div class="grid c2 t2 m x5"><x></x><x></x><x></x><x></x><y></y><a style="width:75px"></a><b></b><d></d><e class="s2e"></e><f class="e5"></f><x></x></div>
+<div class="grid c3 t2 m x5"><x></x><x></x><x></x><x></x><y></y><y></y><a style="width:67px"></a><b></b><d></d><e></e><f class="e5"></f><x></x></div>
+
+<div class="grid c1 t1 o x4"><x></x><x></x><x></x><y></y><a style="width:62px"></a><b></b><c></c><d></d><e></e><f class="e5"></f><x></x></div>
+<div class="grid c2 t1 o x4"><x></x><x></x><x></x><y></y><a style="width:55px"></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 o x4"><x></x><x></x><x></x><y></y><y></y><a style="width:47px"></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 o x4"><x></x><x></x><x></x><y></y><a style="width:102px"></a><b></b><d></d><e></e><f class="e5"></f><x></x></div>
+<div class="grid c2 t2 o x4"><x></x><x></x><x></x><y></y><a style="width:95px"></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 o x4"><x></x><x></x><x></x><y></y><y></y><a style="width:87px"></a><b></b><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 n x3"><x></x><x></x><y></y><a style="width:62px"></a><b></b><c></c><d></d><e></e><f class="e5"></f><x></x></div>
+<div class="grid c2 t1 n x3"><x></x><x></x><y></y><a style="width:55px"></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n x3"><x></x><x></x><y></y><y></y><a style="width:47px"></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 n x3"><x></x><x></x><y></y><a style="width:102px"></a><b></b><d></d><e></e><f class="e5"></f><x></x></div>
+<div class="grid c2 t2 n x3"><x></x><x></x><y></y><a style="width:95px"></a><b></b><d></d><e></e><f class="e5"></f><x></x></div>
+<div class="grid c3 t2 n x3"><x></x><x></x><y></y><y></y><a style="width:87px"></a><b></b><d></d><e></e><f></f><x></x></div>
+</float>
+
+<float>
+<div class="grid c1 t1 n x2"><x></x><y></y><a style="width:122px"></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 n x2"><x></x><y></y><a style="width:115px"></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n x2"><x></x><y></y><y></y><a style="width:107px"></a><b></b><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 n x2"><x></x><y></y><a style="width:122px"></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 n x2"><x></x><y></y><a style="width:115px"></a><b></b><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 n x2"><x></x><y></y><y></y><a style="width:107px"></a><b></b><d></d><e></e><f></f><x></x></div>
+</float>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-008.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-008.html
new file mode 100644
index 0000000000..061d9477c0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-008.html
@@ -0,0 +1,240 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fit) with grid-aligned abs.pos. with removed start/middle tracks and implicit tracks on either/both sides</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1239036">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-008-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 30px;
+  grid-auto-columns: 3px;
+  grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d] 20px;
+  height: 30px;
+}
+
+.c1 { width: 165px; }
+.c2 { width: 155px; }
+.c3 { width: 150px; }
+.p1 { padding-left:5px; }
+
+.t2 { grid-template-columns: [a] repeat(auto-fit, [b] 20px [c]) [d]; }
+
+x {
+  width: 18px;
+  border:1px solid;
+  background: grey;
+}
+a {
+  position: absolute;
+  left:0; top:0; height:3px; right:0;
+  background: cyan;
+  grid-column: 7 / auto;
+}
+b {
+  position: absolute;
+  left:0; bottom:0; height:3px; right:0;
+  background: brown;
+  grid-column: auto / 7;
+}
+c {
+  position: absolute;
+  left:0; bottom:5px; height:3px; right:0;
+  background: pink;
+  grid-column: 6 / 7;
+}
+d {
+  position: absolute;
+  left:0; bottom:10px; height:3px; right:0;
+  background: silver;
+  grid-column: 3 / 6;
+}
+e {
+  position: absolute;
+  left:0; bottom:15px; height:3px; right:0;
+  background: magenta;
+  grid-column: 3 / 7;
+}
+f {
+  position: absolute;
+  left:0; bottom:20px; height:3px; right:0;
+  background: orange;
+  grid-column: auto / 6;
+}
+
+x:first-of-type {
+  background: lime;
+}
+x:nth-of-type(1) { grid-area:1/1; }
+x:nth-of-type(2) { grid-area:1/2; }
+x:nth-of-type(3) { grid-area:1/3; }
+x:nth-of-type(4) { grid-area:1/4; }
+x:nth-of-type(5) { grid-area:1/5; }
+
+x:last-of-type {
+  background: blue;
+}
+
+.t1 x:last-of-type {
+  grid-column-end:-1;
+}
+
+float { float:left; margin-right:20px; }
+
+.m x:first-of-type , .n x:first-of-type {
+  background: cyan;
+  grid-area:1/2;
+}
+
+.n x:nth-of-type(2) , .o x:nth-of-type(2) {
+  background: purple;
+  grid-area:1/4;
+}
+
+.c1 y, .c3 y:first-of-type { grid-column: span X / 1; background:black; }
+.c2 y, .c3 y:last-of-type { grid-column: -1 / span X; background:black; }
+
+</style>
+</head>
+<body>
+
+<float>
+<div class="grid c1 t1 n"><x></x><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 n"><x></x><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n"><x></x><x></x><x></x><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 m"><x></x><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 m"><x></x><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 m"><x></x><x></x><x></x><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 o"><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 o"><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 o"><x></x><x></x><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 o"><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 o"><x></x><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 o"><x></x><x></x><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t1 n"><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 n"><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n"><x></x><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 n"><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 n"><x></x><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 n"><x></x><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+</float>
+
+<float>
+<div class="grid c1 t1 n"><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t1 n"><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t1 n"><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+
+<div class="grid c1 t2 n"><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c2 t2 n"><x></x><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+<div class="grid c3 t2 n"><x></x><y></y><y></y><a></a><b></b><c></c><d></d><e></e><f></f><x></x></div>
+</float>
+
+<script>
+function testGridTemplateColumns(elem, expected) {
+  var actual = window.getComputedStyle(elem).gridTemplateColumns;
+  if (actual != expected) {
+    var err = "FAIL: gridTemplateColumns " + elem.className +
+              ", GOT=" + actual +
+              ", EXPECTED=" + expected;
+    document.body.appendChild(document.createTextNode(err));
+  }
+  if (location.search.indexOf("no-implicit") !== -1) {
+    /* This shouldn't change the layout */
+    elem.style.gridTemplateColumns = actual;
+  }
+}
+var a1 = [
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px 3px",
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px 3px",
+"3px [a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px 3px",
+"3px [a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px 3px",
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px 3px",
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px 3px",
+"3px [a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c d] 20px 3px",
+"3px [a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c d] 20px 3px"
+];
+var a2 = [
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d] 3px",
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d] 3px",
+"3px [a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 3px",
+"3px [a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 3px",
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 3px",
+"3px [a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 3px",
+"3px [a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+"[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 3px",
+"3px [a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 3px"
+];
+
+if (location.search.indexOf("no-implicit") !== -1) {
+  a1 = [
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c d] 20px",
+    "[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c d] 20px",
+  ]
+
+  a2 = [
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c d]",
+    "[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 20px [c b] 0px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 20px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+    "[a b] 0px [c b] 20px [c b] 0px [c b] 20px [c b] 0px [c b] 0px [c b] 0px [c d]",
+  ]
+}
+
+function runTest() {
+ var t1 = document.querySelectorAll('.t1');
+ for (var i = 0; i < t1.length; ++i) {
+   testGridTemplateColumns(t1[i], a1[i]);
+ }
+ var t2 = document.querySelectorAll('.t2');
+ for (var i = 0; i < t2.length; ++i) {
+   testGridTemplateColumns(t2[i], a2[i]);
+ }
+
+ document.documentElement.className='';
+}
+document.addEventListener('MozReftestInvalidate', runTest);
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-009-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-009-ref.html
new file mode 100644
index 0000000000..e475d4921f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-009-ref.html
@@ -0,0 +1,131 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fill/auto-fit) with intrinsic min- or max-sizing function</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 10px;
+  grid-gap: 2px;
+  margin-bottom: 2px;
+  padding-right: 3px;
+}
+.r1 { grid-template-columns: repeat(17, minmax(20px,auto)); }
+.r2 { grid-template-columns: repeat(18, minmax(auto,20px)); }
+.r3 { grid-template-columns: repeat(17, minmax(20px,1fr)); }
+.r4 { grid-template-columns: repeat(17, minmax(1fr,20px)); }
+.r5 { grid-template-columns: repeat(18, minmax(20px,min-content)); }
+.r6 { grid-template-columns: repeat(18, minmax(min-content,20px)); }
+.r7 { grid-template-columns: repeat(17, minmax(20px,max-content)); }
+.r8 { grid-template-columns: repeat(18, minmax(max-content,20px)); }
+.r1.w200 { grid-template-columns: repeat(9, minmax(20px,auto)); }
+.r2.w200 { grid-template-columns: repeat(9, minmax(auto,20px)); }
+.r3.w200 { grid-template-columns: repeat(9, minmax(20px,1fr)); }
+.r4.w200 { grid-template-columns: repeat(9, minmax(1fr,20px)); }
+.r5.w200 { grid-template-columns: repeat(9, minmax(20px,min-content)); }
+.r6.w200 { grid-template-columns: repeat(9, minmax(min-content,20px)); }
+.r7.w200 { grid-template-columns: repeat(9, minmax(20px,max-content)); }
+.r8.w200 { grid-template-columns: repeat(9, minmax(max-content,20px)); }
+
+fit .r1 { grid-template-columns: repeat(3, minmax(20px,auto)); }
+fit .r2 { grid-template-columns: repeat(18, minmax(auto,20px)); }
+fit .r3 { grid-template-columns: repeat(3, minmax(20px,1fr)); }
+fit .r4 { grid-template-columns: repeat(17, minmax(1fr,20px)); }
+fit .r5 { grid-template-columns: repeat(18, minmax(20px,min-content)); }
+fit .r6 { grid-template-columns: repeat(18, minmax(min-content,20px)); }
+fit .r7 { grid-template-columns: repeat(3, minmax(20px,max-content)); }
+fit .r8 { grid-template-columns: repeat(3, minmax(max-content,20px)); }
+fit .r1.w200 { grid-template-columns: repeat(3, minmax(20px,auto)); }
+fit .r2.w200 { grid-template-columns: repeat(9, minmax(auto,20px)); }
+fit .r3.w200 { grid-template-columns: repeat(3, minmax(20px,1fr)); }
+fit .r4.w200 { grid-template-columns: repeat(9, minmax(1fr,20px)); }
+fit .r5.w200 { grid-template-columns: repeat(9, minmax(20px,min-content)); }
+fit .r6.w200 { grid-template-columns: repeat(9, minmax(min-content,20px)); }
+fit .r7.w200 { grid-template-columns: repeat(3, minmax(20px,max-content)); }
+fit .r8.w200 { grid-template-columns: repeat(3, minmax(max-content,20px)); }
+
+.w200 { width: 200px; }
+
+x {
+  height: 10px;
+  background: grey;
+}
+a,b,c { display:inline-block; height:10px; width:10px; }
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  width: 390px;
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+<br clear="all">
+
+<div class="grid r1 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+</fill>
+
+<fit>
+
+<div class="grid r1"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+<br clear="all">
+
+<div class="grid r1 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-009.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-009.html
new file mode 100644
index 0000000000..5a56a8f6c0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-009.html
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fill/auto-fit) with intrinsic min- or max-sizing function</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-009-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  position: relative;
+  border: 1px solid;
+  grid-auto-rows: 10px;
+  grid-gap: 2px;
+  margin-bottom: 2px;
+  padding-right: 3px;
+}
+.r1 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(20px,auto) [c]) [d]; }
+.r2 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(auto,20px) [c]) [d]; }
+.r3 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(20px,1fr) [c]) [d]; }
+.r4 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(1fr,20px) [c]) [d]; }
+.r5 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(20px,min-content) [c]) [d]; }
+.r6 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(min-content,20px) [c]) [d]; }
+.r7 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(20px,max-content) [c]) [d]; }
+.r8 { grid-template-columns: [a] repeat(auto-fill, [b] minmax(max-content,20px) [c]) [d]; }
+
+fit .r1 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(20px,auto) [c]) [d]; }
+fit .r2 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(auto,20px) [c]) [d]; }
+fit .r3 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(20px,1fr) [c]) [d]; }
+fit .r4 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(1fr,20px) [c]) [d]; }
+fit .r5 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(20px,min-content) [c]) [d]; }
+fit .r6 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(min-content,20px) [c]) [d]; }
+fit .r7 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(20px,max-content) [c]) [d]; }
+fit .r8 { grid-template-columns: [a] repeat(auto-fit, [b] minmax(max-content,20px) [c]) [d]; }
+
+.w200 { width: 200px; }
+
+x {
+  height: 10px;
+  background: grey;
+}
+a,b,c { display:inline-block; height:10px; width:10px; }
+
+x:first-child {
+  background: lime;
+}
+x:last-child {
+  background: blue;
+}
+
+fill,fit {
+  float: left;
+  width: 390px;
+}
+</style>
+</head>
+<body>
+
+<fill>
+
+<div class="grid r1"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+<br clear="all">
+
+<div class="grid r1 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+</fill>
+
+<fit>
+
+<div class="grid r1"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+<br clear="all">
+
+<div class="grid r1 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r2 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r3 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r4 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r5 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r6 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r7 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+<div class="grid r8 w200"><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x><x><a></a><b></b><c></c></x></div>
+
+</fit>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-010-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-010-ref.html
new file mode 100644
index 0000000000..17883c81c0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-010-ref.html
@@ -0,0 +1,336 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: intrinsic grid container size with repeat(auto-fill/auto-fit) under min-content constraint</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1280798">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+    /* We use overflow:hidden on root scroller to work around bug 1873749: */
+    overflow: hidden;
+}
+
+.grid {
+  display: grid;
+  border: 1px solid;
+}
+
+.inline-grid {
+  display: inline-grid;
+  grid: min-content 40px / min-content 40px; 
+  border: 3px dotted silver;
+  align-items: start;
+  justify-items: start;
+}
+
+.cfill { grid: auto auto / repeat(3, 100px); }
+.rfill { grid: repeat(3, 50px) / auto auto; grid-auto-flow:column; }
+fit .cfill { grid: auto auto / repeat(2, 100px); }
+fit .rfill { grid: repeat(2, 50px) / auto auto; grid-auto-flow:column; }
+.r3 { grid: repeat(3, 50px) / auto auto; grid-auto-flow:column; }
+
+span:nth-of-type(1) { background: magenta; }
+span:nth-of-type(2) { background: cyan; }
+span:nth-of-type(3) { background: yellow; }
+span:nth-of-type(4) { background: lime; }
+
+x {
+  display: inline-block;
+  width: 20px;
+  height: 30px;
+}
+
+y {
+  grid-row: 2;
+  align-self: stretch;
+  justify-self: stretch;
+  min-width: 10px;
+  min-height: 10px;
+  background: grey;
+}
+.fill {
+  min-width: -moz-available;
+  min-width: -webkit-fill-available;
+  min-width: fill;
+}
+.rfill.fill {
+  min-height: -moz-available;
+  min-height: -webkit-fill-available;
+  min-height: fill;
+}
+    </style>
+</head>
+<body>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="max-width:250px; grid-template-columns: 100px 100px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:350px; max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="grid-template-columns:100px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="grid-template-columns:100px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="grid-template-columns:100px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="grid-template-columns:100px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="max-height:160px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px; max-height:100px; grid-template-rows: 50px 50px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:160px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="grid-template-rows:50px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="grid-template-rows:50px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="grid-template-rows:50px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="grid-template-rows:50px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid r3" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<fit>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:250px;">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="max-width:250px;  grid-template-columns: 100px">
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:350px; max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="grid-template-columns:none">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="grid-template-columns:none">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="grid-template-columns:none">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fill" style="grid-template-columns:none">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="max-height:160px;">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px; max-height:100px;  grid-template-rows: 50px">
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:160px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="grid-template-rows:none">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="grid-template-rows:none">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="grid-template-rows:none">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fill" style="grid-template-rows:none">
+</div>
+<y></y>
+</div>
+
+</fit>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-010.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-010.html
new file mode 100644
index 0000000000..0f8c0d510b
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-010.html
@@ -0,0 +1,366 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: intrinsic grid container size with repeat(auto-fill/auto-fit) under min-content constraint</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1280798">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-010-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+    /* We use overflow:hidden on root scroller to work around bug 1873749: */
+    overflow: hidden;
+}
+
+.grid {
+  display: grid;
+  border: 1px solid;
+}
+
+.inline-grid {
+  display: inline-grid;
+  grid: min-content 40px / min-content 40px; 
+  border: 3px dotted silver;
+  align-items: start;
+  justify-items: start;
+}
+
+.cfill { grid: auto auto / repeat(auto-fill, 100px); }
+.rfill { grid: repeat(auto-fill, 50px) / auto auto; grid-auto-flow:column; }
+fit .cfill { grid: auto auto / repeat(auto-fit, 100px); }
+fit .rfill { grid: repeat(auto-fit, 50px) / auto auto; grid-auto-flow:column; }
+.r3 { grid: repeat(3, 50px) / auto auto; grid-auto-flow:column; }
+
+span:nth-of-type(1) { background: magenta; }
+span:nth-of-type(2) { background: cyan; }
+span:nth-of-type(3) { background: yellow; }
+span:nth-of-type(4) { background: lime; }
+
+x {
+  display: inline-block;
+  width: 20px;
+  height: 30px;
+}
+
+y {
+  grid-row: 2;
+  align-self: stretch;
+  justify-self: stretch;
+  min-width: 10px;
+  min-height: 10px;
+  background: grey;
+}
+
+.min-content {
+  min-width: -webkit-min-content;
+  min-width: min-content;
+}
+.max-content {
+  min-width: -webkit-max-content;
+  min-width: max-content;
+}
+.fill {
+  min-width: -moz-available;
+  min-width: -webkit-fill-available;
+  min-width: fill;
+}
+.fit-content {
+  min-width: -moz-fit-content;
+  min-width: -webkit-fit-content;
+  min-width: fit-content;
+}
+
+.rfill.min-content {
+  min-height: -webkit-min-content;
+  min-height: min-content;
+}
+.rfill.max-content {
+  min-height: -webkit-max-content;
+  min-height: max-content;
+}
+.rfill.fill {
+  min-height: -moz-available;
+  min-height: -webkit-fill-available;
+  min-height: fill;
+}
+.rfill.fit-content {
+  min-height: -moz-fit-content;
+  min-height: -webkit-fit-content;
+  min-height: fit-content;
+}
+    </style>
+</head>
+<body>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:350px; max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill min-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill max-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fit-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fill">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="max-height:160px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:160px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill min-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill max-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fit-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fill">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid r3" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<fit>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="max-width:250px">
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:350px; max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill min-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill max-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fit-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fill">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="max-height:160px;">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px; max-height:100px;">
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:160px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill min-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill max-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fit-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fill">
+</div>
+<y></y>
+</div>
+
+</fit>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-011.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-011.html
new file mode 100644
index 0000000000..998dfe3693
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-011.html
@@ -0,0 +1,366 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: intrinsic grid container size with repeat(auto-fill/auto-fit) under max-content constraint</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1280798">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-010-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+    /* We use overflow:hidden on root scroller to work around bug 1873749: */
+    overflow: hidden;
+}
+
+.grid {
+  display: grid;
+  border: 1px solid;
+}
+
+.inline-grid {
+  display: inline-grid;
+  grid: max-content 40px / max-content 40px; 
+  border: 3px dotted silver;
+  align-items: start;
+  justify-items: start;
+}
+
+.cfill { grid: auto auto / repeat(auto-fill, 100px); }
+.rfill { grid: repeat(auto-fill, 50px) / auto auto; grid-auto-flow:column; }
+fit .cfill { grid: auto auto / repeat(auto-fit, 100px); }
+fit .rfill { grid: repeat(auto-fit, 50px) / auto auto; grid-auto-flow:column; }
+.r3 { grid: repeat(3, 50px) / auto auto; grid-auto-flow:column; }
+
+span:nth-of-type(1) { background: magenta; }
+span:nth-of-type(2) { background: cyan; }
+span:nth-of-type(3) { background: yellow; }
+span:nth-of-type(4) { background: lime; }
+
+x {
+  display: inline-block;
+  width: 20px;
+  height: 30px;
+}
+
+y {
+  grid-row: 2;
+  align-self: stretch;
+  justify-self: stretch;
+  min-width: 10px;
+  min-height: 10px;
+  background: grey;
+}
+
+.min-content {
+  min-width: -webkit-min-content;
+  min-width: min-content;
+}
+.max-content {
+  min-width: -webkit-max-content;
+  min-width: max-content;
+}
+.fill {
+  min-width: -moz-available;
+  min-width: -webkit-fill-available;
+  min-width: fill;
+}
+.fit-content {
+  min-width: -moz-fit-content;
+  min-width: -webkit-fit-content;
+  min-width: fit-content;
+}
+
+.rfill.min-content {
+  min-height: -webkit-min-content;
+  min-height: min-content;
+}
+.rfill.max-content {
+  min-height: -webkit-max-content;
+  min-height: max-content;
+}
+.rfill.fill {
+  min-height: -moz-available;
+  min-height: -webkit-fill-available;
+  min-height: fill;
+}
+.rfill.fit-content {
+  min-height: -moz-fit-content;
+  min-height: -webkit-fit-content;
+  min-height: fit-content;
+}
+    </style>
+</head>
+<body>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:350px; max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill min-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill max-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fit-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fill">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="max-height:160px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:160px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill min-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill max-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fit-content">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fill">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid r3" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<fit>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="max-width:250px">
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill" style="min-width:350px; max-width:250px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill min-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill max-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fit-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid cfill fill">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="max-height:160px;">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:120px; max-height:100px;">
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill" style="min-height:160px; max-height:100px;">
+  <span><x></x></span>
+  <span><x></x></span>
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill min-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill max-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fit-content">
+</div>
+<y></y>
+</div>
+
+<div class="inline-grid">
+<div class="grid rfill fill">
+</div>
+<y></y>
+</div>
+
+</fit>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-012-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-012-ref.html
new file mode 100644
index 0000000000..04963b45fb
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-012-ref.html
@@ -0,0 +1,144 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: repeat(auto-fit) with removed tracks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1417711">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0px; margin:0;
+}
+
+.container {
+  width: 200px;
+}
+
+.grid {
+  position: relative;
+  display: grid;
+  grid: 10px / repeat(5, 30px);
+  grid-auto-columns: 2px;
+  background: lightgrey;
+  margin-bottom: 4px;
+  grid-gap: 5px;
+}
+.distribute {
+  grid-gap: 0;
+  align-content: space-around;
+}
+
+span {
+  background: blue;
+  height: 10px;
+}
+
+.abs {
+  position: absolute;
+  top:0; right:0; bottom:0; left:0;
+  grid-column-end: span 1;
+  background: pink;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1 / 2" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1 / 2" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1 / 3" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1 / 2" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1 / auto" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1 / 2" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1 / 2" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1 / 3" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1 / 2" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1 / auto" class="abs"></span>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-012.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-012.html
new file mode 100644
index 0000000000..7ed0843af2
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-012.html
@@ -0,0 +1,160 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: repeat(auto-fit) with removed tracks</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1417711">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+  <link rel="match" href="grid-repeat-auto-fill-fit-012-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0px; margin:0;
+}
+
+.container {
+  width: 200px;
+}
+
+.grid {
+  position: relative;
+  display: grid;
+  grid: 10px / repeat(auto-fit, 30px);
+  grid-auto-columns: 2px;
+  background: lightgrey;
+  margin-bottom: 4px;
+  grid-gap: 5px;
+}
+.distribute {
+  grid-gap: 0;
+  align-content: space-around;
+}
+
+span {
+  background: blue;
+  height: 10px;
+}
+
+.abs {
+  position: absolute;
+  top:0; right:0; bottom:0; left:0;
+  grid-column-end: span 1;
+  background: pink;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 4 / 5" class="abs"></span>
+<span style="grid-column: 3"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 4 / 5" class="abs"></span>
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 1 / 5" class="abs"></span>
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 2 / 5" class="abs"></span>
+<span style="grid-column: 2"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 2 / 5" class="abs"></span>
+<span style="grid-column: 2 / 4"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 2 / 5" class="abs"></span>
+<span style="grid-column: 4 / 5"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 2 / 5" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid">
+<span style="grid-column: 2 / 10" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 4 / 5" class="abs"></span>
+<span style="grid-column: 3"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 4 / 5" class="abs"></span>
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 1 / 5" class="abs"></span>
+<span style="grid-column: 1"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 2 / 5" class="abs"></span>
+<span style="grid-column: 2"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 2 / 5" class="abs"></span>
+<span style="grid-column: 2 / 4"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 2 / 5" class="abs"></span>
+<span style="grid-column: 4 / 5"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 2 / 5" class="abs"></span>
+</div>
+</div>
+
+<div class="container">
+<div class="grid distribute">
+<span style="grid-column: 2 / 10" class="abs"></span>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-013-ref.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-013-ref.html
new file mode 100644
index 0000000000..9b8267f88d
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-013-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>CSS Grid Test Reference: test auto placement in repeat auto-fit grids with leading implicit tracks</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 10px;
+}
+.wrapper {
+  display: grid;
+  width: 600px;
+  background-color: #f00;
+}
+.wrapper > * {
+  background-color: #444;
+  color: #fff;
+}
+
+.templateFit {
+  grid-template-columns: 10px 10px repeat(auto-fill, 40px);
+}
+.templateFixedFit {
+  grid-template-columns: 10px calc(10px + 20px) repeat(auto-fill, 40px);
+}
+.templateFitFixed {
+  grid-template-columns: 10px 10px repeat(auto-fill, 40px) 40px;
+}
+.templateFixedFitFixed {
+  grid-template-columns: 10px calc(10px + 20px) repeat(auto-fill, 40px) 40px;
+}
+
+z {
+  grid-column: 1;
+}
+z::after {
+  content: "Z";
+}
+
+y {
+  grid-column: auto;
+}
+y::after {
+  content: "Y";
+}
+
+
+b {
+  grid-column: 3;
+}
+b::after {
+  content: "B";
+}
+
+c {
+  grid-column: 4;
+}
+c::after {
+  content: "C";
+}
+
+d {
+  grid-column: 5;
+}
+d::after {
+  content: "D";
+}
+
+e {
+  grid-column: 6;
+}
+e::after {
+  content: "E";
+}
+
+f {
+  grid-column: 7;
+}
+f::after {
+  content: "F";
+}
+
+</style>
+</head>
+<body>
+
+<div class="wrapper templateFit"><z></z><b></b><y></y></div>
+<div class="wrapper templateFit"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFit"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFit"><z></z><b></b><d style="grid-column: 4"></d></div>
+<div class="wrapper templateFit"><z></z><b></b><d style="grid-column: 4"></d><f style="grid-column: 5"></f></div>
+
+<div class="wrapper templateFixedFit"><z></z><b></b><y></y></div>
+<div class="wrapper templateFixedFit"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFixedFit"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFixedFit"><z></z><b></b><d style="grid-column: 4"></d></div>
+<div class="wrapper templateFixedFit"><z></z><b></b><d style="grid-column: 4"></d><f style="grid-column: 5"></f></div>
+
+<div class="wrapper templateFitFixed"><z></z><b></b><y></y></div>
+<div class="wrapper templateFitFixed"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFitFixed"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFitFixed"><z></z><b></b><d style="grid-column: 4"></d></div>
+<div class="wrapper templateFitFixed"><z></z><b></b><d style="grid-column: 4"></d><f style="grid-column: 5"></f></div>
+
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><y></y></div>
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><d style="grid-column: 4"></d></div>
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><d style="grid-column: 4"></d><f style="grid-column: 5"></f></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-repeat-auto-fill-fit-013.html b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-013.html
new file mode 100644
index 0000000000..5a9c05d734
--- /dev/null
+++ b/layout/reftests/css-grid/grid-repeat-auto-fill-fit-013.html
@@ -0,0 +1,135 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>CSS Grid Test: test placement in repeat auto-fit grids with leading implicit tracks</title>
+<link rel="author" title="Brad Werth" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1416350">
+<link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill">
+<link rel="match" href="grid-repeat-auto-fill-fit-013-ref.html">
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 10px;
+}
+.wrapper {
+  display: grid;
+  width: 600px;
+  background-color: #f00;
+  grid-auto-columns: 10px;
+  grid-auto-flow: row;
+}
+.wrapper > * {
+  background-color: #444;
+  color: #fff;
+}
+
+.relative {
+  position: relative;
+}
+
+.absposchild {
+  z-index: -1;
+  position: absolute;
+  grid-column-end: span 1;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+}
+
+.templateFit {
+  grid-template-columns: repeat(auto-fit, 40px);
+}
+.templateFixedFit {
+  grid-template-columns: 20px repeat(auto-fit, 40px);
+}
+.templateFitFixed {
+  grid-template-columns: repeat(auto-fit, 40px) 40px;
+}
+.templateFixedFitFixed {
+  grid-template-columns: 20px repeat(auto-fit, 40px) 40px;
+}
+
+z {
+  grid-column: -18;
+}
+z::after {
+  content: "Z";
+}
+
+y {
+  grid-column: auto;
+}
+y::after {
+  content: "Y";
+}
+
+
+b {
+  grid-column: 3;
+}
+b::after {
+  content: "B";
+}
+
+c {
+  grid-column: 5;
+}
+c::after {
+  content: "C";
+}
+
+d {
+  grid-column: 7;
+}
+d::after {
+  content: "D";
+}
+
+e {
+  grid-column: 9;
+}
+e::after {
+  content: "E";
+}
+
+f {
+  grid-column: 11;
+}
+f::after {
+  content: "F";
+}
+
+</style>
+</head>
+<body>
+
+<div class="wrapper templateFit"><z></z><b></b><y></y></div>
+<div class="wrapper templateFit"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFit"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFit relative"><z></z><b></b><c class="absposchild"></c><d></d></div>
+<div class="wrapper templateFit relative"><z></z><b></b><c class="absposchild"></c><d></d><e class="absposchild"></e><f></f></div>
+
+<div class="wrapper templateFixedFit"><z></z><b></b><y></y></div>
+<div class="wrapper templateFixedFit"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFixedFit"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFixedFit relative"><z></z><b></b><c class="absposchild"></c><d></d></div>
+<div class="wrapper templateFixedFit relative"><z></z><b></b><c class="absposchild"></c><d></d><e class="absposchild"></e><f></f></div>
+
+<div class="wrapper templateFitFixed"><z></z><b></b><y></y></div>
+<div class="wrapper templateFitFixed"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFitFixed"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFitFixed relative"><z></z><b></b><c class="absposchild"></c><d></d></div>
+<div class="wrapper templateFitFixed relative"><z></z><b></b><c class="absposchild"></c><d></d><e class="absposchild"></e><f></f></div>
+
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><y></y></div>
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><c></c><d></d></div>
+<div class="wrapper templateFixedFitFixed"><z></z><b></b><c></c><d></d><e></e><f></f></div>
+<div class="wrapper templateFixedFitFixed relative"><z></z><b></b><c class="absposchild"></c><d></d></div>
+<div class="wrapper templateFixedFitFixed relative"><z></z><b></b><c class="absposchild"></c><d></d><e class="absposchild"></e><f></f></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-001-ref.html b/layout/reftests/css-grid/grid-row-gap-001-ref.html
new file mode 100644
index 0000000000..34b8b1ddb4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-001-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-row-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template:  3px 1px 5px 1px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 40px;
+}
+
+item1,item2,item3 {
+  display: block;
+  position: relative;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 3 / 2; }
+item3 { grid-area: 5 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.aend *, .aflexend * { inset-block-start:23px; }
+.acenter * { inset-block-start:11.5px;  }
+
+
+.aspace-between item2 { inset-block-start:11.5px; }
+.aspace-between item3 { inset-block-start:23px; }
+
+.aspace-around item1 { inset-block-start:4.1666px; }
+.aspace-around item2 { inset-block-start:11.5px; }
+.aspace-around item3 { inset-block-start:18.8333px; }
+
+.aspace-evenly item1 { inset-block-start:6.25px; }
+.aspace-evenly item2 { inset-block-start:11.5px; }
+.aspace-evenly item3 { inset-block-start:16.75px; }
+
+.astretch2 { grid-template-rows: 1fr 1px 5px 1px 7px; }
+.astretch3 { grid-template-rows: 14.5px 1px 16.3333px 1px 7px; }
+.astretch4 { grid-template-rows: 10.66666px 1px 12.66666px 1px 14.66666px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-001.html b/layout/reftests/css-grid/grid-row-gap-001.html
new file mode 100644
index 0000000000..65c58ca60a
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-001.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-row-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1176792">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-row-gap-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 40px;
+  grid-row-gap: 1px;
+}
+
+item1,item2,item3 {
+  display: block;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-content:start; }
+.aend { align-content:end; }
+.aflexstart { align-content:flex-start; }
+.aflexend { align-content:flex-end; }
+.acenter { align-content:center; }
+.aleft { align-content:left; }
+.aright { align-content:right; }
+
+.aspace-between{ align-content:space-between; }
+.aspace-around { align-content:space-around;  }
+.aspace-evenly { align-content:space-evenly;  }
+
+.astretch1, .astretch2, .astretch3, .astretch4 { align-content:stretch; }
+.astretch2 { grid-template-rows: minmax(3px,auto) 5px 7px; }
+.astretch3 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) 7px; }
+.astretch4 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) minmax(7px,auto); }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-002-ref.html b/layout/reftests/css-grid/grid-row-gap-002-ref.html
new file mode 100644
index 0000000000..dc219ce123
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-002-ref.html
@@ -0,0 +1,124 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-row-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227099">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-rows: minmax(1px,auto);
+  grid-template-columns: 0px 7px;
+  border: 2px solid black;
+  float: left;
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+.grid .gap { background:transparent; }
+
+x { background: lime; width:7px; }
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var align = [
+   "start",
+   // "end",
+   // "center",
+   // "start",
+   // "end",
+   "start",
+   "start",
+   "start",
+   "start",
+   "end",
+   "center",
+   "start",
+   // "end",
+   // "start",
+   // "safe end",
+   "center",
+   // "center",
+   // "start",
+   // "safe end",
+   // "start",
+   "center",
+   // "end",
+];
+var rows = [ "0", "1", "2", "3", "8", "9" ];
+var heights = [ "auto", "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < align.length; ++j) {
+  // document.body.appendChild(document.createTextNode(align[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden");
+  for (var c = 0; c < rows.length; ++c) {
+    for (var w = 0; w < heights.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = heights[w] == "auto" || heights[w] < rows[c] || rows[c] == 0 || rows[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          grid.style.height = heights[w]+"px";
+          grid.className = "grid";
+          grid.style.alignContent = align[j];
+          var span = document.createElement('span');
+          grid.appendChild(span);
+          var numRows = parseInt(rows[c]);
+          var gapRows = numRows==0 ? 0 : (numRows-1);
+          numRows += gapRows*parseInt(gaps[g]);
+          span.style.gridRow = "1 / span " + numRows;
+          for (var x = 0; x < numRows; ++x) {
+            var item = document.createElement('x');
+            if (x % (1+(parseInt(gaps[g]))) != 0)
+              item.className = "gap";
+            grid.appendChild(item);
+          }
+          // if (j < 5) { // The stretch tests.
+          if (j < 1) { // The stretch test.
+            if (c == 1)
+              grid.style.background = 'pink'
+          }
+          // if (j == 6 && rows[c] == 1) { // The 'safe end' tests.
+          if (j == 2 && rows[c] == 1) { // The 'safe end' tests.
+            if (heights[w] != 0) grid.style.alignContent = 'end';
+          }
+          // if (j == 7 && rows[c] == 1) { // The 'safe center' tests.
+          if (j == 3 && rows[c] == 1) { // The 'safe center' tests.
+            if (heights[w] != 0) grid.style.alignContent = 'center';
+          }
+          // if (j > 15) { // The space-around and space-evenly tests.
+          if (j > 7) { // The space-around and space-evenly tests.
+            if (rows[c] == 1) {
+              if (heights[w] == 0) {
+                if (grid.style.alignContent != 'end') {
+                  grid.style.alignContent = 'start';
+                }
+              } else {
+                grid.style.alignContent = 'center';
+              }
+            }
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-002.html b/layout/reftests/css-grid/grid-row-gap-002.html
new file mode 100644
index 0000000000..0200319445
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-002.html
@@ -0,0 +1,100 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-row-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227099">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-row-gap-002-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-rows: minmax(1px,auto);
+  grid-template-columns: 0px 7px;
+  border: 2px solid black;
+  float: left;
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+
+x { background: lime; width:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var align = [
+   "stretch",
+   // FIXME: When https://github.com/w3c/csswg-drafts/issues/1002 is implemented.
+   // "stretch end",
+   // "stretch center",
+   // "stretch safe end",
+   // "stretch unsafe end",
+   "safe start",
+   "safe end",
+   "safe center",
+   "unsafe start",
+   "unsafe end",
+   "unsafe center",
+   "space-between",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-between end",
+   // "space-between start",
+   // "space-between safe end",
+   "space-around",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-around center",
+   // "space-around right",
+   // "space-around safe right",
+   // "space-around left",
+   "space-evenly",
+   // "space-evenly end",
+];
+var rows = [ "0", "1", "2", "3", "8", "9" ];
+var heights = [ "auto", "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < align.length; ++j) {
+  // document.body.appendChild(document.createTextNode(align[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden");
+  for (var c = 0; c < rows.length; ++c) {
+    for (var w = 0; w < heights.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = heights[w] == "auto" || heights[w] < rows[c] || rows[c] == 0 || rows[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          if (heights[w] != "auto")
+            grid.style.height = heights[w]+"px";
+          grid.style.gridRowGap = gaps[g]+"px";
+          grid.className = "grid";
+          grid.style.alignContent = align[j];
+          var span = document.createElement('span');
+          span.style.gridRow = "1 / span " + rows[c];
+          grid.appendChild(span);
+          for (var x = 0; x < rows[c]; ++x) {
+            grid.appendChild(document.createElement('x'));
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-003-ref.html b/layout/reftests/css-grid/grid-row-gap-003-ref.html
new file mode 100644
index 0000000000..07bbe29247
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-003-ref.html
@@ -0,0 +1,126 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-row-gap' sideways-lr</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227099">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-rows: minmax(1px,auto);
+  grid-template-columns: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  writing-mode: sideways-lr;
+  margin-right:16px
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+.grid .gap { background:transparent; }
+
+x { background: lime; height:7px; }
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var align = [
+   "start",
+   // "end",
+   // "center",
+   // "start",
+   // "end",
+   "start",
+   "start",
+   "start",
+   "start",
+   "end",
+   "center",
+   "start",
+   // "end",
+   // "start",
+   // "safe end",
+   "center",
+   // "center",
+   // "start",
+   // "safe end",
+   // "start",
+   "center",
+   // "end",
+];
+var rows = [ "0", "1", "2", "3", "8", "9" ];
+var heights = [ "auto", "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < align.length; ++j) {
+  // document.body.appendChild(document.createTextNode(align[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden; float:left;");
+  for (var c = 0; c < rows.length; ++c) {
+    for (var w = 0; w < heights.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = heights[w] == "auto" || heights[w] < rows[c] || rows[c] == 0 || rows[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          grid.style.width = heights[w]+"px";
+          grid.className = "grid";
+          grid.style.alignContent = align[j];
+          var span = document.createElement('span');
+          grid.appendChild(span);
+          var numRows = parseInt(rows[c]);
+          var gapRows = numRows==0 ? 0 : (numRows-1);
+          numRows += gapRows*parseInt(gaps[g]);
+          span.style.gridRow = "1 / span " + numRows;
+          for (var x = 0; x < numRows; ++x) {
+            var item = document.createElement('x');
+            if (x % (1+(parseInt(gaps[g]))) != 0)
+              item.className = "gap";
+            grid.appendChild(item);
+          }
+          // if (j < 5) { // The stretch tests.
+          if (j < 1) { // The stretch test.
+            if (c == 1)
+              grid.style.background = 'pink'
+          }
+          // if (j == 6 && rows[c] == 1) { // The 'safe end' tests.
+          if (j == 2 && rows[c] == 1) { // The 'safe end' tests.
+            if (heights[w] != 0) grid.style.alignContent = 'end';
+          }
+          // if (j == 7 && rows[c] == 1) { // The 'safe center' tests.
+          if (j == 3 && rows[c] == 1) { // The 'safe center' tests.
+            if (heights[w] != 0) grid.style.alignContent = 'center';
+          }
+          // if (j > 15) { // The space-around and space-evenly tests.
+          if (j > 7) { // The space-around and space-evenly tests.
+            if (rows[c] == 1) {
+              if (heights[w] == 0) {
+                if (grid.style.alignContent != 'end') {
+                  grid.style.alignContent = 'start';
+                }
+              } else {
+                grid.style.alignContent = 'center';
+              }
+            }
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-003.html b/layout/reftests/css-grid/grid-row-gap-003.html
new file mode 100644
index 0000000000..a9a84bc8a9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-003.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-row-gap' sideways-lr</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227099">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-row-gap-003-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-rows: minmax(1px,auto);
+  grid-template-columns: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  writing-mode: sideways-lr;
+  margin-right:16px
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+
+x { background: lime; height:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var align = [
+   "stretch",
+   // FIXME: When https://github.com/w3c/csswg-drafts/issues/1002 is implemented.
+   // "stretch end",
+   // "stretch center",
+   // "stretch safe end",
+   // "stretch unsafe end",
+   "safe start",
+   "safe end",
+   "safe center",
+   "unsafe start",
+   "unsafe end",
+   "unsafe center",
+   "space-between",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-between end",
+   // "space-between start",
+   // "space-between safe end",
+   "space-around",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-around center",
+   // "space-around right",
+   // "space-around safe right",
+   // "space-around left",
+   "space-evenly",
+   // "space-evenly end",
+];
+var rows = [ "0", "1", "2", "3", "8", "9" ];
+var heights = [ "auto", "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < align.length; ++j) {
+  // document.body.appendChild(document.createTextNode(align[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden; float:left;");
+  for (var c = 0; c < rows.length; ++c) {
+    for (var w = 0; w < heights.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = heights[w] == "auto" || heights[w] < rows[c] || rows[c] == 0 || rows[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          if (heights[w] != "auto")
+            grid.style.width = heights[w]+"px";
+          grid.style.gridRowGap = gaps[g]+"px";
+          grid.className = "grid";
+          grid.style.alignContent = align[j];
+          var span = document.createElement('span');
+          span.style.gridRow = "1 / span " + rows[c];
+          grid.appendChild(span);
+          for (var x = 0; x < rows[c]; ++x) {
+            grid.appendChild(document.createElement('x'));
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-004-ref.html b/layout/reftests/css-grid/grid-row-gap-004-ref.html
new file mode 100644
index 0000000000..74d2b6fe65
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-004-ref.html
@@ -0,0 +1,122 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: 'grid-row-gap' sideways-rl</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227099">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-rows: minmax(1px,auto);
+  grid-template-columns: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  writing-mode: sideways-rl;
+  margin-right:16px
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+.grid .gap { background:transparent; }
+
+x { background: lime; height:7px; }
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var align = [
+   "start",
+   // "end",
+   // "center",
+   // "start",
+   // "end",
+   "start",
+   "start",
+   "start",
+   "start",
+   "end",
+   "center",
+   "start",
+   // "end",
+   // "start",
+   // "safe end",
+   "center",
+   // "center",
+   // "start",
+   // "safe end",
+   // "start",
+   "center",
+   // "end",
+];
+var rows = [ "0", "1", "2", "3", "8", "9" ];
+var heights = [ "auto", "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < align.length; ++j) {
+  // document.body.appendChild(document.createTextNode(align[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden; float:left;");
+  for (var c = 0; c < rows.length; ++c) {
+    for (var w = 0; w < heights.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = heights[w] == "auto" || heights[w] < rows[c] || rows[c] == 0 || rows[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          grid.style.width = heights[w]+"px";
+          grid.className = "grid";
+          grid.style.alignContent = align[j];
+          var span = document.createElement('span');
+          grid.appendChild(span);
+          var numRows = parseInt(rows[c]);
+          var gapRows = numRows==0 ? 0 : (numRows-1);
+          numRows += gapRows*parseInt(gaps[g]);
+          span.style.gridRow = "1 / span " + numRows;
+          for (var x = 0; x < numRows; ++x) {
+            var item = document.createElement('x');
+            if (x % (1+(parseInt(gaps[g]))) != 0)
+              item.className = "gap";
+            grid.appendChild(item);
+          }
+          // if (j < 5) { // The stretch tests.
+          if (j < 1) { // The stretch test.
+            if (c == 1)
+              grid.style.background = 'pink'
+          }
+          // if (j == 6 && rows[c] == 1) { // The 'safe end' tests.
+          if (j == 2 && rows[c] == 1) { // The 'safe end' tests.
+            if (heights[w] != 0) grid.style.alignContent = 'end';
+          }
+          // if (j == 7 && rows[c] == 1) { // The 'safe center' tests.
+          if (j == 3 && rows[c] == 1) { // The 'safe center' tests.
+            if (heights[w] != 0) grid.style.alignContent = 'center';
+          }
+          // if (j > 15) { // The space-around and space-evenly tests.
+          if (j > 7) { // The space-around and space-evenly tests.
+            if (rows[c] == 1) {
+              if (heights[w] != 0) {
+                grid.style.alignContent = 'center';
+              }
+            }
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-004.html b/layout/reftests/css-grid/grid-row-gap-004.html
new file mode 100644
index 0000000000..c1047fc2dc
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-004.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: 'grid-row-gap' sideways-rl</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1227099">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-row-gap-004-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+
+.grid {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-rows: minmax(1px,auto);
+  grid-template-columns: 0px 7px;
+  border: 2px solid black;
+  float: left;
+  writing-mode: sideways-rl;
+  margin-right:16px
+}
+
+.grid :last-child { background:grey; }
+.grid :nth-child(2) { background:pink; }
+
+x { background: lime; height:7px; }
+
+  </style>
+</head>
+<body>
+
+<script>
+document.body.style.display = "none";
+var align = [
+   "stretch",
+   // FIXME: When https://github.com/w3c/csswg-drafts/issues/1002 is implemented.
+   // "stretch end",
+   // "stretch center",
+   // "stretch safe end",
+   // "stretch unsafe end",
+   "safe start",
+   "safe end",
+   "safe center",
+   "unsafe start",
+   "unsafe end",
+   "unsafe center",
+   "space-between",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-between end",
+   // "space-between start",
+   // "space-between safe end",
+   "space-around",
+   // FIXME: https://github.com/w3c/csswg-drafts/issues/1002
+   // "space-around center",
+   // "space-around right",
+   // "space-around safe right",
+   // "space-around left",
+   "space-evenly",
+   // "space-evenly end",
+];
+var rows = [ "0", "1", "2", "3", "8", "9" ];
+var heights = [ "auto", "0", "1", "5", "6" ];
+var gaps = [ "1", "2" ];
+for (var j = 0; j < align.length; ++j) {
+  // document.body.appendChild(document.createTextNode(align[j])); // for debugging
+  var chunk = document.createElement('div');
+  chunk.setAttribute("style", "border:1px solid; padding:2px 10px; overflow:hidden; float:left;");
+  for (var c = 0; c < rows.length; ++c) {
+    for (var w = 0; w < heights.length; ++w) {
+      // set this to true if you want to see all tests
+      var run_test = heights[w] == "auto" || heights[w] < rows[c] || rows[c] == 0 || rows[c] == 1;
+      if (run_test) {
+        for (var g = 0; g < gaps.length; ++g) {
+          var grid = document.createElement('div');
+          if (heights[w] != "auto")
+            grid.style.width = heights[w]+"px";
+          grid.style.gridRowGap = gaps[g]+"px";
+          grid.className = "grid";
+          grid.style.alignContent = align[j];
+          var span = document.createElement('span');
+          span.style.gridRow = "1 / span " + rows[c];
+          grid.appendChild(span);
+          for (var x = 0; x < rows[c]; ++x) {
+            grid.appendChild(document.createElement('x'));
+          }
+          chunk.appendChild(grid);
+        }
+      }
+    }
+  }
+  document.body.appendChild(chunk);
+}
+document.body.style.display = "";
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-005-ref.html b/layout/reftests/css-grid/grid-row-gap-005-ref.html
new file mode 100644
index 0000000000..11727afdc1
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-005-ref.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Percentage 'grid-row-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1266268">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 30px;
+  grid-row-gap: 3px;
+}
+.vl.grid, .vr.grid, .vlr.grid, .vrl.grid { grid-row-gap: 4px; }
+
+item1,item2,item3 {
+  display: block;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-content:start; }
+.aend { align-content:end; }
+.aflexstart { align-content:flex-start; }
+.aflexend { align-content:flex-end; }
+.acenter { align-content:center; }
+.aleft { align-content:left; }
+.aright { align-content:right; }
+
+.aspace-between{ align-content:space-between; }
+.aspace-around { align-content:space-around;  }
+.aspace-evenly { align-content:space-evenly;  }
+
+.astretch1, .astretch2, .astretch3, .astretch4 { align-content:stretch; }
+.astretch2 { grid-template-rows: minmax(3px,auto) 5px 7px; }
+.astretch3 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) 7px; }
+.astretch4 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) minmax(7px,auto); }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-row-gap-005.html b/layout/reftests/css-grid/grid-row-gap-005.html
new file mode 100644
index 0000000000..69dc675fcd
--- /dev/null
+++ b/layout/reftests/css-grid/grid-row-gap-005.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Percentage 'grid-row-gap'</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1266268">
+  <link rel="help" href="http://dev.w3.org/csswg/css-grid/#gutters">
+  <link rel="match" href="grid-row-gap-005-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  border-block-start: 2px solid blue;
+  grid-template: 3px 5px 7px / 11px 7px 5px;
+  padding: 1px 1px 3px 2px;
+  margin-right: 4px;
+  width: 40px;
+  height: 30px;
+  grid-row-gap: 10%;
+}
+
+item1,item2,item3 {
+  display: block;
+  background: grey;
+  justify-self: stretch;
+  align-self: stretch;
+}
+
+item1 { grid-area: 1 / 1; }
+item2 { grid-area: 2 / 2; }
+item3 { grid-area: 3 / 3; }
+
+.hl  { writing-mode: horizontal-tb; direction:ltr; }
+.hr  { writing-mode: horizontal-tb; direction:rtl; }
+.vl  { writing-mode: vertical-lr; }
+.vr  { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-content:start; }
+.aend { align-content:end; }
+.aflexstart { align-content:flex-start; }
+.aflexend { align-content:flex-end; }
+.acenter { align-content:center; }
+.aleft { align-content:left; }
+.aright { align-content:right; }
+
+.aspace-between{ align-content:space-between; }
+.aspace-around { align-content:space-around;  }
+.aspace-evenly { align-content:space-evenly;  }
+
+.astretch1, .astretch2, .astretch3, .astretch4 { align-content:stretch; }
+.astretch2 { grid-template-rows: minmax(3px,auto) 5px 7px; }
+.astretch3 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) 7px; }
+.astretch4 { grid-template-rows: minmax(3px,auto) minmax(5px,auto) minmax(7px,auto); }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "space-between", "space-around", "space-evenly",
+             "stretch1", "stretch2", "stretch3", "stretch4" ];
+for (var k = 0; k < test.length; ++k) {
+  for (var i = 0; i < gridwm.length; ++i) {
+      var div = document.createElement("div");
+      div.className = "grid a" + test[k] + " " + gridwm[i];
+      div.appendChild(document.createElement("item1"));
+      div.appendChild(document.createElement("item2"));
+      div.appendChild(document.createElement("item3"));
+      document.body.appendChild(div)
+  }
+    document.body.appendChild(document.createElement("separator"));
+}
+</script>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-fit-content-sizing-001-ref.html b/layout/reftests/css-grid/grid-track-fit-content-sizing-001-ref.html
new file mode 100644
index 0000000000..d68f180efe
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-fit-content-sizing-001-ref.html
@@ -0,0 +1,179 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: fit-content() track sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1281320">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:1px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-rows: auto auto;
+  position: relative;
+  border: 1px solid;
+}
+
+.c1 { grid-template-columns: max-content minmax(100px, 1fr); }
+.c2 { grid: auto 10px / 200px 0 minmax(100px, 1fr); }
+.c3 { grid: auto 10px / 100px 100px minmax(0px, 1fr); }
+.c4 { grid: auto 10px / 100px 100px minmax(100px, 1fr); }
+.c5 { grid: auto 10px / 0px minmax(0, 1fr) minmax(100px, 1fr); }
+.c6 { grid: auto 10px / fit-content(0px) minmax(0, 1fr) minmax(100px, 1fr); }
+.c7 { grid: auto 10px / fit-content(40%) fit-content(40%); }
+
+span { line-height:0; grid-column:span 2; background: lime; }
+.c1 span { grid-column:span 1; }
+
+a {
+  display: inline-block;
+  width: 50px;
+  height: 1px;
+}
+
+y {
+  position: absolute;
+  left:0; right:0; top:0; bottom:0;
+  grid-area: 2/2/3/3;
+  height: 1px;
+  background: grey;
+}
+
+.w3 .c1 { grid-template-columns: 176px minmax(0px, 1fr); }
+.w3 .c2 { grid-template-columns: 176px 0 minmax(0px, 1fr); }
+
+.w4 .c1 { grid-template-columns: 152px minmax(0px, 1fr); }
+.w4 .c2 { grid-template-columns: 152px 0 minmax(0px, 1fr); }
+
+.w5 .c1 { grid-template-columns: 128px minmax(0px, 1fr); }
+.w5 .c2 { grid-template-columns: 128px 0 minmax(0px, 1fr); }
+
+.w6 .c1 { grid-template-columns: 104px minmax(0px, 1fr); }
+.w6 .c2 { grid-template-columns: 104px 0 minmax(0px, 1fr); }
+.w6 .c4 { grid-template-columns: 60px 100px minmax(0px, 1fr); }
+
+.w7 .c1 { grid-template-columns: 80px minmax(0px, 1fr); }
+.w7 .c2 { grid-template-columns: 80px 0 minmax(0px, 1fr); }
+.w7 .c3 { grid-template-columns: 80px 80px minmax(0px, 1fr); }
+.w7 .c4 { grid-template-columns: 0px 100px minmax(0px, 1fr); }
+
+.w8 .c1 { grid-template-columns: 50px minmax(100px, 1fr); }
+.w8 .c2 { grid-template-columns: 50px 0 minmax(100px, 1fr); }
+.w8 .c3 { grid-template-columns: 56px 56px minmax(0, 1fr); }
+.w8 .c4 { grid-template-columns: 0px 100px minmax(100px, 1fr); }
+.w8 .c5 { grid-template-columns: 0px 40px 100px; }
+
+.w9 .c1 { grid-template-columns: 50px minmax(100px, 1fr); }
+.w9 .c2 { grid-template-columns: 50px 0 minmax(100px, 1fr); }
+.w9 .c3 { grid-template-columns: 32px 32px minmax(0, 1fr); }
+.w9 .c4 { grid-template-columns: 0px 100px 100px; }
+
+.wA .c1 { grid-template-columns: 50px minmax(100px, 1fr); }
+.wA .c2 { grid-template-columns: 50px 0 minmax(100px, 1fr); }
+.wA .c3 { grid-template-columns: 25px 25px minmax(0, 1fr); }
+.wA .c4 { grid-template-columns: 0px 100px minmax(100px, 1fr); }
+
+.wB .c1 { grid-template-columns: 50px minmax(100px, 1fr); }
+.wB .c2 { grid-template-columns: 50px 0 minmax(100px, 1fr); }
+.wB .c3 { grid-template-columns: 25px 25px minmax(0, 1fr); }
+.wB .c4 { grid-template-columns: 0px 100px minmax(100px, 1fr); }
+
+  </style>
+</head>
+<body>
+
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+
+<div class="w2" style="width:502px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="w3" style="width:442px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="w4" style="width:382px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="w5" style="width:322px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="w6" style="width:262px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="w7" style="width:202px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c7"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="w8" style="width:142px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="w9" style="width:82px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="wA" style="width:22px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div class="wB" style="width:2px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-fit-content-sizing-001.html b/layout/reftests/css-grid/grid-track-fit-content-sizing-001.html
new file mode 100644
index 0000000000..f925c2c5a4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-fit-content-sizing-001.html
@@ -0,0 +1,141 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: fit-content() track sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1281320">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-grid-template-columns-fit-content">
+  <link rel="match" href="grid-track-fit-content-sizing-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:1px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-template-rows: auto auto;
+  position: relative;
+  border: 1px solid;
+}
+
+.c1 { grid-template-columns: fit-content(40%) minmax(100px, 1fr); }
+.c2 { grid: auto 10px / fit-content(40%) 0 minmax(100px, 1fr); }
+.c3 { grid: auto 10px / fit-content(40%) fit-content(40%) minmax(0px, 1fr); }
+.c4 { grid: auto 10px / fit-content(40%) 100px minmax(100px, 1fr); }
+.c5 { grid: auto 10px / fit-content(40%) minmax(0, 1fr) minmax(100px, 1fr); }
+.c6 { grid: auto 10px / fit-content(calc(1px - 99%)) minmax(0, 1fr) minmax(100px, 1fr); }
+.c7 { grid: auto 10px / none; grid-auto-columns: fit-content(40%); }
+
+span { line-height:0; grid-column:span 2; background: lime; }
+.c1 span { grid-column:span 1; }
+
+a {
+  display: inline-block;
+  width: 50px;
+  height: 1px;
+}
+
+y {
+  position: absolute;
+  left:0; right:0; top:0; bottom:0;
+  grid-area: 2/2/3/3;
+  height: 1px;
+  background: grey;
+}
+  </style>
+</head>
+<body>
+
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+
+<div style="width:502px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:442px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:382px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:322px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:262px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:202px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c7"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:142px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:82px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:22px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+<div style="width:2px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-fit-content-sizing-002-ref.html b/layout/reftests/css-grid/grid-track-fit-content-sizing-002-ref.html
new file mode 100644
index 0000000000..f12ee1c32f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-fit-content-sizing-002-ref.html
@@ -0,0 +1,148 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: fit-content() track sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1299133">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-auto-rows: 5px;
+  justify-content: start;
+  position: relative;
+  border: 1px solid;
+}
+
+.c1 { grid-template-columns: fit-content(40%) 25px minmax(100px, 1fr); }
+.c2 { grid-template-columns: fit-content(40%) 25px 0 25px minmax(100px, 1fr); }
+.c3 { grid-template-columns: fit-content(40%) 25px fit-content(40%) 25px minmax(0px, 1fr); }
+.c4 { grid-template-columns: fit-content(40%) 25px 100px 25px minmax(100px, 1fr); }
+.c5 { grid-template-columns: fit-content(40%) 25px minmax(0, 1fr) 25px minmax(100px, 1fr); }
+.c6 { grid-template-columns: fit-content(calc(1px - 99%)) 25px minmax(0, 1fr) 25px minmax(100px, 1fr); }
+.c7 { grid-template-columns: fit-content(40%) 25px fit-content(40%); }
+
+span {
+  grid-column: 1 / span 3;
+  grid-row: 2;
+  height: 2px;
+  background: lime;
+  min-width: 50px;
+}
+.c1 span { grid-column:1; }
+
+a {
+  display: inline-block;
+  width: 50px;
+  height: 1px;
+}
+
+y {
+    position: absolute;
+    left: 0; right: 0; top: 0;
+    height: 2px;
+    background: purple;
+    grid-column: 1 / 2;
+}
+y:nth-of-type(2n) { background: orange; grid-column: 3 / 4; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+
+<div style="width:502px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:442px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:382px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:322px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:262px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:202px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c7"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:142px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:82px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:22px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:2px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-fit-content-sizing-002.html b/layout/reftests/css-grid/grid-track-fit-content-sizing-002.html
new file mode 100644
index 0000000000..14607bfd92
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-fit-content-sizing-002.html
@@ -0,0 +1,151 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: fit-content() track sizing</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1299133">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-grid-template-columns-fit-content">
+  <link rel="match" href="grid-track-fit-content-sizing-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  grid-auto-rows: 5px;
+  grid-column-gap: 25px;
+  justify-content: start;
+  position: relative;
+  border: 1px solid;
+}
+
+.c1 { grid-template-columns: fit-content(40%) minmax(100px, 1fr); }
+.c2 { grid-template-columns: fit-content(40%) 0 minmax(100px, 1fr); }
+.c3 { grid-template-columns: fit-content(40%) fit-content(40%) minmax(0px, 1fr); }
+.c4 { grid-template-columns: fit-content(40%) 100px minmax(100px, 1fr); }
+.c5 { grid-template-columns: fit-content(40%) minmax(0, 1fr) minmax(100px, 1fr); }
+.c6 { grid-template-columns: fit-content(calc(1px - 99%)) minmax(0, 1fr) minmax(100px, 1fr); }
+.c7 { grid-template-columns: none; grid-auto-columns: fit-content(40%); }
+
+span {
+  grid-column: 1 / span 2;
+  grid-row: 2;
+  height: 2px;
+  background: lime;
+  min-width: 50px;
+}
+.c1 span { grid-column:1; }
+
+a {
+  display: inline-block;
+  width: 50px;
+  height: 1px;
+}
+
+y {
+    position: absolute;
+    left: 0; right: 0; top: 0;
+    height: 2px;
+    background: purple;
+    grid-column: 1 / 2;
+}
+y:nth-of-type(2n) { background: orange; grid-column: 2 / 3; }
+
+  </style>
+</head>
+<body>
+
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+
+<div style="width:502px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:442px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:382px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:322px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:262px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:202px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c7"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:142px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:82px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:22px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c6"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+<div style="width:2px">
+<div class="grid c1"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c2"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c3"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c4"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+<div class="grid c5"><span><a></a><a></a><a></a><a></a></span><y></y><y></y></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-001-ref.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-001-ref.html
new file mode 100644
index 0000000000..ba46cc1a6f
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-001-ref.html
@@ -0,0 +1,139 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Distribute space beyond growth limits</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: block;
+ border: 1px solid;
+ width: 500px;
+}
+.grid div.c1 {
+ display: table-row;
+}
+.grid div {
+ display: table-cell;
+}
+
+.c1 { }
+x { display:block; width:396px; border:2px solid; }
+.c2 { background: grey; }
+.c3 { background: blue; }
+.h10 { height:10px; }
+  </style>
+</head>
+<body>
+
+<div class="grid t1">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x>1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t1">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x>1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t1">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x>1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c2 h10"></td>
+  <td class="c3 h10"></td>
+</tr></table>
+</div>
+<div class="grid t1">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x>1 2 3 4 5 6 7 8 9 0 1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t1">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x>1 2 3 4 5 6 7 8 9 0 1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t1">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x>1 2 3 4 5 6 7 8 9 0 1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c2 h10"></td>
+  <td class="c3 h10"></td>
+</tr></table>
+</div>
+<div class="grid t1">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x style="width:-webkit-max-content;width:max-content">1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t2">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x style="width:auto">1 2 3 4 5&nbsp;</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t2">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x style="width:auto">1 2 3 4 5&nbsp;</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t2">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x style="width:auto">1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c2"></td>
+  <td class="c3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t2">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x style="width:auto">1 2 3 4 5</x></td>
+</tr><tr>
+  <td class="c3 h10" colspan="2"></td>
+</tr></table>
+</div>
+<div class="grid t2">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x style="width:auto">1 2 3 4 5 6 7 8 9 0 1 2 3 4 5&nbsp;</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
+</tr></table>
+</div>
+<div class="grid t2">
+<table border="0" cellpadding="0" cellspacing="0"><tr>
+  <td colspan="2"><x style="width:auto">1 2 3 4 5&nbsp;</x></td>
+</tr><tr>
+  <td class="c2">&nbsp;</td>
+  <td class="c3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
+</tr></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-001.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-001.html
new file mode 100644
index 0000000000..061be012e4
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-001.html
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Distribute space beyond growth limits</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#distribute-extra-space">
+  <link rel="match" href="grid-track-intrinsic-sizing-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px solid;
+ width: 500px;
+ justify-content: start;
+ align-content: start;
+}
+.t1 {
+ grid-template-columns: minmax(max-content,200px) minmax(max-content,200px);
+}
+.t2 {
+ grid-template-columns: minmax(0,auto) minmax(max-content,auto);
+}
+
+.c1 { grid-column: span 2; border:2px solid; min-width:0; }
+.c2 { background: grey; min-height:10px; min-width:0; }
+.c3 { background: blue; min-width:0;}
+  </style>
+</head>
+<body>
+
+<div class="grid t1">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3">&nbsp;</div>
+</div>
+<div class="grid t1">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3"></div>
+</div>
+<div class="grid t1">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2"></div>
+  <div class="c3"></div>
+</div>
+<div class="grid t1">
+  <span class="c1">1 2 3 4 5 6 7 8 9 0 1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3">&nbsp;</div>
+</div>
+<div class="grid t1">
+  <span class="c1">1 2 3 4 5 6 7 8 9 0 1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3"></div>
+</div>
+<div class="grid t1">
+  <span class="c1">1 2 3 4 5 6 7 8 9 0 1 2 3 4 5</span>
+  <div class="c2"></div>
+  <div class="c3"></div>
+</div>
+<div class="grid t1">
+  <span class="c1">1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3">&nbsp;</div>
+</div>
+<div class="grid t2">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3">&nbsp;</div>
+</div>
+<div class="grid t2">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3"></div>
+</div>
+<div class="grid t2">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2"></div>
+  <div class="c3">&nbsp;</div>
+</div>
+<div class="grid t2">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2"></div>
+  <div class="c3"></div>
+</div>
+<div class="grid t2">
+  <span class="c1">1 2 3 4 5 6 7 8 9 0 1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3">&nbsp;</div>
+</div>
+<div class="grid t2">
+  <span class="c1">1 2 3 4 5</span>
+  <div class="c2">&nbsp;</div>
+  <div class="c3">&nbsp;</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-002-ref.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-002-ref.html
new file mode 100644
index 0000000000..23dc42b692
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-002-ref.html
@@ -0,0 +1,168 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Intrinsic track sizing (w/o span:1)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ position: relative;
+ display: grid;
+ border: 1px dashed;
+ width: 500px;
+ grid-template-columns: auto;
+ padding-bottom:10px;
+ justify-content: start;
+ align-content: start;
+}
+
+.d1 {
+  position: absolute;
+  bottom: 0;
+  background: grey;
+}
+.g1 .d1 {
+  width: 0px;
+}
+.g2 .d1 {
+  width: 0px;
+}
+.g2f .d1 {
+  width: 0px;
+}
+.g3 .d1 {
+  width: 0px;
+}
+.g4 .d1 {
+  width: 80px;
+}
+.g4f .d1 {
+  width: 0px;
+}
+.g5 .d1 {
+  width: 80px;
+}
+.g6 .d1 {
+  width: 0px;
+}
+.g6f .d1 {
+  width: 0px;
+}
+.g7 .d1 {
+  width: 0px;
+}
+.g8 .t {
+  width: 196px;
+}
+.g8 .d1 {
+  width: 200px;
+}
+.g9 .d1 {
+  width: 0px;
+}
+.gA .d1 {
+  width: 80px;
+}
+.gB .d1 {
+  width: 80px;
+}
+.gC .d1 {
+  width: 80px;
+}
+.gD .d1 {
+  width: 80px;
+}
+
+.t { grid-column: span 1; border:2px solid; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+<div class="g2f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+<div class="g4f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+<div class="g6f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-002.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-002.html
new file mode 100644
index 0000000000..8dd9e963bc
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-002.html
@@ -0,0 +1,192 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Intrinsic track sizing (w/o span:1)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#algo-content">
+  <link rel="match" href="grid-track-intrinsic-sizing-002-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px dashed;
+ width: 500px;
+ justify-content: start;
+ align-content: start;
+}
+
+.g1 {
+ grid-template-columns: minmax(0,auto)
+                        minmax(max-content,auto)
+                        minmax(max-content,max-content);
+}
+.g2 {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(min-content,auto)
+                        minmax(max-content,max-content);
+}
+.g2f {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(1fr,auto)
+                        minmax(max-content,max-content);
+}
+.g3 {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        minmax(max-content,max-content);
+}
+.g4 {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        minmax(min-content,max-content);
+}
+.g4f {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(1fr,max-content)
+                        minmax(min-content,max-content);
+}
+.g5 {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(min-content,auto);
+}
+.g6 {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(min-content,auto);
+}
+.g6f {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(1fr,auto);
+}
+.g7 {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,auto)
+                        minmax(min-content,auto);
+}
+.g8 {
+ grid-template-columns: minmax(auto,min-content)
+                        minmax(200px,min-content)
+                        minmax(min-content,min-content);
+}
+.g9 {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(auto,auto)
+                        minmax(auto,auto);
+}
+.gA {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(min-content,min-content)
+                        minmax(min-content,min-content);
+}
+.gB {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,min-content)
+                        minmax(min-content,min-content);
+}
+.gC {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,min-content)
+                        minmax(min-content,max-content);
+}
+.gD {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,max-content)
+                        minmax(min-content,max-content);
+}
+
+.t { grid-column: span 3; border:2px solid; }
+.c1 { grid-column: 1; }
+.d1 { grid-column: 1 / span 2; background: grey; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+<div class="g2f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+<div class="g4f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+<div class="g6f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-003-ref.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-003-ref.html
new file mode 100644
index 0000000000..01739578ce
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-003-ref.html
@@ -0,0 +1,228 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Intrinsic track sizing (w/o span:1, with flex)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ position: relative;
+ display: grid;
+ border: 1px dashed;
+ width: 500px;
+ grid-template-columns: auto;
+ padding-bottom:10px;
+ justify-content: start;
+ align-content: start;
+}
+
+.d1 {
+  position: absolute;
+  bottom: 0;
+  background: grey;
+}
+.g1 .d1 {
+  width: 0px;
+}
+.g2 .d1 {
+  width: 0px;
+}
+.g2f .d1 {
+  width: 69px;
+}
+.g3 .d1 {
+  width: 0px;
+}
+.g4 .d1 {
+  width: 80px;
+}
+.g4f .d1 {
+  width: 104px;
+}
+.g5 .d1 {
+  width: 80px;
+}
+.g6 .d1 {
+  width: 0px;
+}
+.g6f .d1 {
+  width: 89px;
+}
+.g7 .d1 {
+  width: 0px;
+}
+.g8 .t {
+  width: 196px;
+}
+.g8 .d1 {
+  width: 200px;
+}
+.g9 .d1 {
+  width: 0px;
+}
+.gA .d1 {
+  width: 80px;
+}
+.gB .d1 {
+  width: 80px;
+}
+.gC .d1 {
+  width: 80px;
+}
+.gD .d1 {
+  width: 80px;
+}
+.d2 {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  background: blue;
+}
+.g1 .d2 {
+  width: 500px;
+}
+.g2 .d2 {
+  width: 500px;
+}
+.g2f .d2 {
+  right: auto;
+  left: 69px;
+  width: 35px;
+}
+.g3 .d2 {
+  width: 500px;
+}
+.g4 .d2 {
+  width: 420px;
+}
+.g4f .d2 {
+  right: auto;
+  left: 69px;
+  width: 35px;
+}
+.g5 .d2 {
+  width: 420px;
+}
+.g6 .d2 {
+  width: 500px;
+}
+.g6f .d2 {
+  right: auto;
+  left: 69px;
+  width: 35px;
+}
+.g7 .d2 {
+  width: 500px;
+}
+.g8 .d2 {
+  width: 300px;
+}
+.g9 .d2 {
+  width: 500px;
+}
+.gA .d2 {
+  width: 420px;
+}
+.gB .d2 {
+  width: 420px;
+}
+.gC .d2 {
+  width: 420px;
+}
+.gD .d2 {
+  width: 420px;
+}
+
+.t { grid-column: span 1; border:2px solid; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+<div class="g2f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+<div class="g4f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+<div class="g6f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-003.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-003.html
new file mode 100644
index 0000000000..bee7ef1dd7
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-003.html
@@ -0,0 +1,208 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Intrinsic track sizing (w/o span:1, with flex)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#algo-content">
+  <link rel="match" href="grid-track-intrinsic-sizing-003-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px dashed;
+ width: 500px;
+ justify-content: start;
+ align-content: start;
+}
+
+.g1 {
+ grid-template-columns: minmax(0,auto)
+                        minmax(max-content,auto)
+                        minmax(max-content,max-content)
+                        1fr;
+}
+.g2 {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(min-content,auto)
+                        minmax(max-content,max-content)
+                        1fr;
+}
+.g2f {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(1fr,auto)
+                        minmax(max-content,max-content)
+                        1fr;
+}
+.g3 {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        minmax(max-content,max-content)
+                        1fr;
+}
+.g4 {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        minmax(min-content,max-content)
+                        1fr;
+}
+.g4f {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        minmax(1fr,max-content)
+                        1fr;
+}
+.g5 {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(min-content,auto)
+                        1fr;
+}
+.g6 {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(min-content,auto)
+                        1fr;
+}
+.g6f {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(1fr,auto)
+                        1fr;
+}
+.g7 {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,auto)
+                        minmax(min-content,auto)
+                        1fr;
+}
+.g8 {
+ grid-template-columns: minmax(auto,min-content)
+                        minmax(200px,min-content)
+                        minmax(min-content,min-content)
+                        1fr;
+}
+.g9 {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(auto,auto)
+                        minmax(auto,auto)
+                        1fr;
+}
+.gA {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(min-content,min-content)
+                        minmax(min-content,min-content)
+                        1fr;
+}
+.gB {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,min-content)
+                        minmax(min-content,min-content)
+                        1fr;
+}
+.gC {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,min-content)
+                        minmax(min-content,max-content)
+                        1fr;
+}
+.gD {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        1fr;
+}
+
+.t { grid-column: span 3; border:2px solid; }
+.d1 { grid-column: 1 / span 2; background: grey; }
+.d3 { grid-column: 3 / span 2; background: blue; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+<div class="g2f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+<div class="g4f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+<div class="g6f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d3"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-004-ref.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-004-ref.html
new file mode 100644
index 0000000000..fb9d870d00
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-004-ref.html
@@ -0,0 +1,251 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Intrinsic track sizing (with span:1)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ position: relative;
+ display: grid;
+ border: 1px solid black;
+ width: 500px;
+ grid-template-columns: auto;
+ padding-bottom:10px;
+ justify-content: start;
+ align-content: start;
+}
+
+.d1 {
+  position: absolute;
+  bottom: 0;
+  background: grey;
+}
+.g1 .d1 {
+  width: 52px;
+}
+.g2 .d1 {
+  width: 56px;
+}
+.g2f .d1 {
+  left: 28px;
+  width: 28px;
+}
+.g3 .d1 {
+  left: 41px;
+  width: 2px;
+}
+.g4 .d1 {
+  left: 81px;
+  width: 2px;
+}
+.g4f .d1 {
+  left: 28px;
+  width: 28px;
+}
+.g5 .d1 {
+  left: 81px;
+  width: 2px;
+}
+.g6 .d1 {
+  left: 28px;
+  width: 28px;
+}
+.g6f .d1 {
+  left: 28px;
+  width: 28px;
+}
+.g7 .d1 {
+  left: 28px;
+  width: 28px;
+}
+.g8 .t {
+  width: 216px;
+}
+.g8 .d1 {
+  left:0;
+  width: 200px;
+}
+.g9 .d1 {
+  left: 28px;
+  width: 28px;
+}
+.gA .d1 {
+  left: 80px;
+  width: 2px;
+}
+.gB .d1 {
+  left: 0;
+  width: 82px;
+}
+.gC .d1 {
+  left: 0;
+  width: 82px;
+}
+.gD .d1 {
+  left: 0;
+  width: 82px;
+}
+.d2 {
+  position: absolute;
+  bottom: 0;
+  background: blue;
+}
+.g1 .d2 {
+  width: 104px;
+  left: 0;
+}
+.g2 .d2 {
+  width: 102px;
+  left: 2px;
+}
+.g2f .d2 {
+  width: 48px;
+  left: 56px;
+}
+.g3 .d2 {
+  width: 61px;
+  left: 43px;
+}
+.g4 .d2 {
+  width: 21px;
+  left: 83px;
+}
+.g4f .d2 {
+  width: 48px;
+  left: 56px;
+}
+.g5 .d2 {
+  width: 21px;
+  left: 83px;
+}
+.g6 .d2 {
+  width: 48px;
+  left: 56px;
+}
+.g6f .d2 {
+  width: 48px;
+  left: 56px;
+}
+.g7 .d2 {
+  width: 48px;
+  left: 56px;
+}
+.g8 .d2 {
+  width: 20px;
+  left: 200px;
+}
+.g9 .d2 {
+  width: 48px;
+  left: 56px;
+}
+.gA .d2 {
+  width: 22px;
+  left: 82px;
+}
+.gB .d2 {
+  width: 22px;
+  left: 82px;
+}
+.gC .d2 {
+  width: 22px;
+  left: 82px;
+}
+.gD .d2 {
+  width: 22px;
+  left: 82px;
+}
+
+.t { grid-column: span 1; border:2px solid; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+<div class="g2f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+<div class="g4f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+<div class="g6f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="d1"></div><div class="d2"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-intrinsic-sizing-004.html b/layout/reftests/css-grid/grid-track-intrinsic-sizing-004.html
new file mode 100644
index 0000000000..cad2f31549
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-intrinsic-sizing-004.html
@@ -0,0 +1,225 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Intrinsic track sizing (with span:1)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#algo-content">
+  <link rel="match" href="grid-track-intrinsic-sizing-004-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font-size:16px; padding:0; margin:0; }
+
+.grid {
+ display: grid;
+ border: 1px solid black;
+ width: 500px;
+ justify-content: start;
+ align-content: start;
+}
+.float { width:auto; float:left; }
+.g1 {
+ grid-template-columns: minmax(0,auto)
+                        minmax(max-content,auto)
+                        minmax(max-content,max-content);
+}
+.g2 {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(min-content,auto)
+                        minmax(max-content,max-content);
+}
+.g2f {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(1fr,auto)
+                        minmax(max-content,max-content);
+}
+.g3 {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        minmax(max-content,max-content);
+}
+.g4 {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(min-content,max-content)
+                        minmax(min-content,max-content);
+}
+.g4f {
+ grid-template-columns: minmax(max-content,max-content)
+                        minmax(1fr,max-content)
+                        minmax(min-content,max-content);
+}
+.g5 {
+ grid-template-columns: minmax(max-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(min-content,auto);
+}
+.g6 {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,max-content)
+                        minmax(min-content,auto);
+}
+.g6f {
+ grid-template-columns: minmax(1fr,auto)
+                        minmax(min-content,max-content)
+                        minmax(min-content,auto);
+}
+.g7 {
+ grid-template-columns: minmax(min-content,auto)
+                        minmax(min-content,auto)
+                        minmax(min-content,auto);
+}
+.g8 {
+ grid-template-columns: minmax(auto,min-content)
+                        minmax(200px,min-content)
+                        minmax(min-content,min-content);
+}
+.g9 {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(auto,auto)
+                        minmax(auto,auto);
+}
+.gA {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(min-content,min-content)
+                        minmax(min-content,min-content);
+}
+.gB {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,min-content)
+                        minmax(min-content,min-content);
+}
+.gC {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,min-content)
+                        minmax(min-content,max-content);
+}
+.gD {
+ grid-template-columns: minmax(auto,auto)
+                        minmax(max-content,max-content)
+                        minmax(min-content,max-content);
+}
+
+.t { grid-column: span 3; border:2px solid; }
+.c1 { grid-column: 1; height:10px; }
+.c2 { grid-column: 2; background: grey; height:10px; }
+.c3 { grid-column: 3; background: blue; height:10px; }
+div { min-width:0; min-height:10px; }
+t { display:inline-block; width:20px; }
+
+  </style>
+</head>
+<body>
+
+<div class="g1 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g2 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+<div class="g2f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g3 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g4 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+<div class="g4f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g5 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g6 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+<div class="g6f grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g7 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g8 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="g9 grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="gA grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="gB grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="gC grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+<div class="gD grid">
+  <div class="t"><t>1 </t><t>2 </t><t>3 </t><t>4 </t><t>5</t></div>
+  <div class="c1"></div>
+  <div class="c2"></div>
+  <div class="c3"><t>&nbsp;</t></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-percent-sizing-001-ref.html b/layout/reftests/css-grid/grid-track-percent-sizing-001-ref.html
new file mode 100644
index 0000000000..44a652cb68
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-percent-sizing-001-ref.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Percent track sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1264607">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font:1px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 3px solid;
+  grid-template-columns: 18px;
+  width: 30px;
+  grid-template-rows: 5px 10px;
+  margin-right: 20px;
+  grid-auto-rows: 10px;
+  align-content: start;
+  justify-content: start;
+}
+
+span {
+  background: grey;
+  min-width: 0;
+  min-height: 0;
+  line-height: 0;
+  align-self: start;
+  justify-self: start;
+}
+t {
+  display: inline-block;
+  width: 30px;
+  height: 5px;
+}
+x {
+  background: lime;
+  min-width: 0;
+  min-height: 0;
+}
+
+.tA {
+  grid-template-columns: 30px;
+  width: auto;
+}
+.tB {
+  grid-template-columns: 30px;
+  grid-template-rows: 0 10px; 
+}
+
+.t1 {
+  grid-template-columns: 28px;
+}
+.t3, .t4, .t8 { grid: auto 10px / auto; width: auto; }
+
+.t9 x { width: 18px }
+.t3 x, .t4 x, .t8 x, .tA x { width: 0 }
+.t5 x { width: 10px }
+.tB x { width: 18px }
+
+.sz {
+  grid-template-rows: 40px;
+  width: 100px;
+  height: 100px;
+}
+.sz.t1 { grid-template-rows: 50px; }
+.sz.t3, .sz.t4 { grid-template-rows: 0; }
+.sz.t5 { grid-template-rows: 10px; }
+.sz.t9 { grid-template-rows: 40px 10px; height:100px; }
+.sz.tA { grid: 0 0 / 0; }
+.sz.tB {
+  grid-template-columns: 60px;
+  grid-template-rows: 40px;
+}
+
+.sz x { width: 60px; }
+.sz.t1 x { width: 70px; }
+.sz.t3 x, .sz.t4 x, .sz.t8 x { width: 0 }
+.sz.t5 x { width: 10px }
+.sz.tA x { width: 160px }
+
+.tC {
+  grid-template-columns: 5px;
+  grid-template-rows: 5px;
+}
+.tD {
+  grid-template-columns: 0;
+  grid-template-rows: 0;
+}
+  </style>
+</head>
+<body>
+
+<div class="grid t0"><span><t></t></span><x></x></div>
+<div class="grid t1"><span><t></t></span><x></x></div>
+<div class="grid t2"><span><t></t></span><x></x></div>
+<div class="grid t3"><span><t></t></span><x></x></div>
+<div class="grid t4"><span><t></t></span><x></x></div>
+<div class="grid t5"><span><t></t></span><x></x></div>
+<div class="grid t6"><span><t></t></span><x></x></div>
+<div class="grid t7"><span><t></t></span><x></x></div>
+<div class="grid t8"><span><t></t></span><x></x></div>
+<div class="grid t9"><span><t></t></span><x></x></div>
+<div class="grid tA"><span><t></t></span><x></x></div>
+<div class="grid tD" style="width:0"><span><t></t></span><x></x></div>
+
+<br clear="all">
+
+<div class="grid sz t0"><span><t></t></span><x></x></div>
+<div class="grid sz t1"><span><t></t></span><x></x></div>
+<div class="grid sz t2"><span><t></t></span><x></x></div>
+<div class="grid sz t3"><span><t></t></span><x></x></div>
+<div class="grid sz t4"><span><t></t></span><x></x></div>
+<div class="grid sz t5"><span><t></t></span><x></x></div>
+<div class="grid sz t6"><span><t></t></span><x></x></div>
+<div class="grid sz t7"><span><t></t></span><x></x></div>
+<div class="grid sz t8"><span><t></t></span><x></x></div>
+<div class="grid sz t9"><span><t></t></span><x></x></div>
+<div class="grid sz tA"><span><t></t></span><x></x></div>
+<div class="grid sz tB"><span><t></t></span><x></x></div>
+<div class="grid sz tC"><span><t></t></span><x style="height:10px; width:5px"></x></div>
+<div class="grid sz tD"><span><t></t></span><x style="width:0"></x></div>
+<div class="grid sz tD"><span><t></t></span><x style="width:0"></x></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-percent-sizing-001.html b/layout/reftests/css-grid/grid-track-percent-sizing-001.html
new file mode 100644
index 0000000000..c0296afe44
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-percent-sizing-001.html
@@ -0,0 +1,140 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Grid Test: Percent track sizes</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1264607">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-grid-template-columns-percentage">
+  <link rel="match" href="grid-track-percent-sizing-001-ref.html">
+  <style type="text/css">
+body,html { color:black; background:white; font-family:monospace; font:1px/1 monospace; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  border: 3px solid;
+  grid-template-columns: 60%;
+  grid-template-rows: 40%;
+  margin-right: 20px;
+  grid-auto-rows: 10px;
+  align-content: start;
+  justify-content: start;
+}
+.sz {
+  width: 100px;
+  height: 100px;
+}
+
+.t1 {
+  grid-template-columns: calc(10px + 60%);
+  grid-template-rows: calc(10px + 40%);
+}
+.t2 {
+  grid-template-columns: calc(60%);
+  grid-template-rows: calc(40%);
+}
+.t3 {
+  grid-template-columns: calc(0%);
+  grid-template-rows: calc(0%);
+}
+.t4 {
+  grid-template-columns: 0%;
+  grid-template-rows: 0%;
+}
+.t5 {
+  grid-template-columns: calc(10px + 0%);
+  grid-template-rows: calc(10px + 0%);
+}
+.t6 {
+  grid-template-columns: calc(0px + 60%);
+  grid-template-rows: calc(0px + 40%);
+}
+.t7 {
+  grid-template-columns: calc(0% + 60%);
+  grid-template-rows: calc(0% + 40%);
+}
+.t8 {
+  grid-template-columns: calc(0% + 0%);
+  grid-template-rows: calc(0% + 0%);
+}
+.t9 {
+  grid-template-columns: minmax(0, 60%);
+  grid-template-rows: minmax(0, 40%);
+}
+.tA {
+  grid-template-columns: calc(10px - 200%);
+  grid-template-rows: calc(10px - 99%);
+}
+.tB {
+  grid-template-columns: minmax(60%, 0);
+  grid-template-rows: minmax(40%, 0);
+}
+.tC {
+  grid-template-columns: calc(10px - 5%);
+  grid-template-rows: calc(10px - 5%);
+}
+.tD {
+  grid-template-columns: calc(10px - 40%);
+  grid-template-rows: calc(10px - 40%);
+}
+
+span {
+  background: grey;
+  min-width: 0;
+  min-height: 0;
+  line-height: 0;
+  align-self: start;
+  justify-self: start;
+}
+t {
+  display: inline-block;
+  width: 30px;
+  height: 5px;
+}
+x {
+  background: lime;
+  min-width: 0;
+  min-height: 0;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="grid"   ><span><t></t></span><x></x></div>
+<div class="grid t1"><span><t></t></span><x></x></div>
+<div class="grid t2"><span><t></t></span><x></x></div>
+<div class="grid t3"><span><t></t></span><x></x></div>
+<div class="grid t4"><span><t></t></span><x></x></div>
+<div class="grid t5"><span><t></t></span><x></x></div>
+<div class="grid t6"><span><t></t></span><x></x></div>
+<div class="grid t7"><span><t></t></span><x></x></div>
+<div class="grid t8"><span><t></t></span><x></x></div>
+<div class="grid t9"><span><t></t></span><x></x></div>
+<div class="grid tA"><span><t></t></span><x></x></div>
+<div class="grid tB"><span><t></t></span><x></x></div>
+
+<br clear="all">
+
+<div class="grid sz"   ><span><t></t></span><x></x></div>
+<div class="grid sz t1"><span><t></t></span><x></x></div>
+<div class="grid sz t2"><span><t></t></span><x></x></div>
+<div class="grid sz t3"><span><t></t></span><x></x></div>
+<div class="grid sz t4"><span><t></t></span><x></x></div>
+<div class="grid sz t5"><span><t></t></span><x></x></div>
+<div class="grid sz t6"><span><t></t></span><x></x></div>
+<div class="grid sz t7"><span><t></t></span><x></x></div>
+<div class="grid sz t8"><span><t></t></span><x></x></div>
+<div class="grid sz t9"><span><t></t></span><x></x></div>
+<div class="grid sz tA"><span><t></t></span><x></x></div>
+<div class="grid sz tB"><span><t></t></span><x></x></div>
+<div class="grid sz tC"><span><t></t></span><x></x></div>
+<div class="grid sz tD"><span><t></t></span><x style="grid-area:1/2;height:10px"></x></div>
+<div class="grid sz tD"><span><t></t></span><x style="grid-area:2/2;height:10px"></x></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-sizing-001-ref.html b/layout/reftests/css-grid/grid-track-sizing-001-ref.html
new file mode 100644
index 0000000000..4922066e83
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-sizing-001-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>Test simple track sizing and grid item layout</title>
+<style>
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+span {
+  position: absolute;
+  border: 3px dashed;
+}
+span.bg {
+  position: absolute;
+  background: lime;
+  border: 0 none;
+}
+#item1 { top: 50px; left: 11px; width: 21px; height: 37px; }
+#item2 { top: 50px; left: 11px; width: 15px; height: 31px; }
+#item3 { top: 3px; left: 48px; width: 41px; height: 37px; }
+#item4 { top: 3px; left: 48px; width: 35px; height: 31px; }
+#item5 { top: 3px; left: 105px; width: 57px; height: 37px; }
+#item6 { top: 0px; left: 94px; width: 67px; height: 41px; }
+#item7 { top: 94px; left: 11px; width: 500px; height: 40px; }
+#item8 { top: 141px; left: 0px; width: 94px; height: 10px; }
+</style>
+</head>
+<body>
+<div class="grid">
+  <span id="item1" class="bg"></span>
+  <span id="item2">1</span>
+  <span id="item3" class="bg"></span>
+  <span id="item4">2</span>
+  <span id="item5" class="bg"></span>
+  <span id="item6">3</span>
+  <span id="item7" class="bg">4</span>
+  <span id="item8" class="bg">5</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-sizing-001.html b/layout/reftests/css-grid/grid-track-sizing-001.html
new file mode 100644
index 0000000000..9cd36835d8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-sizing-001.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+<title>Test simple track sizing and grid item layout</title>
+<style>
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+span {
+  border: 3px dashed;
+  margin:3px 5px 7px 11px;
+}
+.grid {
+  display: grid;
+  grid-auto-flow: column;
+  grid-template-columns: 37px 57px 73px;
+  grid-auto-rows: 47px;
+  grid-auto-columns: 53px;
+}
+span.bg {
+  background: lime;
+  border: 0 none;
+}
+</style>
+</head>
+<body>
+<div class="grid">
+  <span style="grid-column: 1; grid-row: 2;" class="bg"></span>
+  <span style="grid-column: 1; grid-row: 2;">1</span>
+  <span style="grid-column: 2; grid-row: 1;" class="bg"></span>
+  <span style="grid-column: 2; grid-row: 1;">2</span>
+  <span style="grid-column: 3; grid-row: 1;" class="bg"></span>
+  <span style="grid-column: 3; grid-row: 1; margin:0">3</span>
+  <span style="grid-column: 1 / span 2; margin-top:0; width:500px" class="bg">4</span>
+  <span style="grid-column: 1 / span 2; margin:0; height:10px;" class="bg">5</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-sizing-002-ref.html b/layout/reftests/css-grid/grid-track-sizing-002-ref.html
new file mode 100644
index 0000000000..3db89b9867
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-sizing-002-ref.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+  <title>Reference: freezing tracks in step 2.5 of the Track Sizing Algorithm</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1225368">
+  <style>
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: block;
+  float: left;
+  grid-template-rows: 20px;
+  justify-items: start;
+  margin-right: 5px;
+}
+
+x {
+  display: block;
+  min-width: 0;
+  width: 30px;
+  height: 20px;
+  background: grey;
+}
+.grid div {
+  grid-column:1/span 2;
+  min-width: 0;
+  width: 100px;
+  height: 20px;
+  background: black;
+}
+div div:nth-child(2n+1) {
+  background: grey;
+}
+.grid.c3 div {
+  margin-right: 30px;
+}
+y { display: block; width: 130px; }
+</style>
+</head>
+<body>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+  <y></y>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+  <div></div>
+  <y></y>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <y></y>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <y></y>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div style="grid-column:span 2"></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2; width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-track-sizing-002.html b/layout/reftests/css-grid/grid-track-sizing-002.html
new file mode 100644
index 0000000000..e09818fb20
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-sizing-002.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+  <title>CSS Grid Test: freezing tracks in step 2.5 of the Track Sizing Algorithm</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1225368">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#algo-content">
+  <link rel="match" href="grid-track-sizing-002-ref.html">
+  <style>
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid-template-rows: 20px;
+  justify-items: start;
+  margin-right: 5px;
+}
+
+x {
+  min-width: 0;
+  width: 30px;
+  background: grey;
+}
+.grid div {
+  grid-column:1/span 2;
+  min-width: 0;
+  width: 100px;
+  height: 20px;
+  background: black;
+}
+div div:nth-child(2n+1) {
+  background: grey;
+}
+.grid.c3 div {
+  grid-column:1/span 3;
+}
+</style>
+</head>
+<body>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div style="grid-column:span 2"></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2; width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/grid-whitespace-handling-1-ref.xhtml b/layout/reftests/css-grid/grid-whitespace-handling-1-ref.xhtml
new file mode 100644
index 0000000000..31ac18bda8
--- /dev/null
+++ b/layout/reftests/css-grid/grid-whitespace-handling-1-ref.xhtml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Reference case, with inline-blocks instead of grid/grid items,
+     with positioning done using margins.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <style>
+      div { height: 100px; }
+      div.grid {
+        border: 1px dashed blue;
+        width: 200px;
+      }
+      div.a {
+        width: 30px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 20px;
+        background: lightblue;
+        display: inline-block;
+      }
+      img {
+        width: 40px;
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="grid">
+      <div class="a" style="margin-left: 85px"/>
+    </div>
+
+    <div class="grid">
+      <div class="a" style="margin-left: 37.5px"
+           /><div class="b" style="margin-left: 75px"/>
+    </div>
+
+    <div class="grid">
+      <img src="support/solidblue.png" style="margin-left: 30px"
+           /><img src="support/solidblue.png" style="margin-left: 60px"/>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-grid/grid-whitespace-handling-1a.xhtml b/layout/reftests/css-grid/grid-whitespace-handling-1a.xhtml
new file mode 100644
index 0000000000..01b99a5b3e
--- /dev/null
+++ b/layout/reftests/css-grid/grid-whitespace-handling-1a.xhtml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we don't create anonymous grid items around
+     runs of inline content that are _purely_ whitespace.
+
+     The test uses "white-space: pre", to try to tempt us into honoring
+     that whitespace. (but we should resist that temptation).
+
+     The test also uses 'justify-content: space-around' to be sure we can
+     tell whether anonymous grid items are being created around the whitespace
+     (since they'd claim a share of the packing space if they were there).
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Test that anonymous grid items aren't created for pure-whitespace inline content</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css3-grid/#grid-items"/>
+    <link rel="match" href="grid-whitespace-handling-1-ref.xhtml"/>
+    <style>
+      div { height: 100px; }
+      div.grid {
+        white-space: pre;
+        border: 1px dashed blue;
+        width: 200px;
+        display: grid;
+        justify-content: space-around;
+      }
+      div.a {
+        width: 30px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        background: lightblue;
+      }
+      img { width: 40px; }
+    </style>
+  </head>
+  <body>
+    <!-- whitespace & tab after grid item -->
+    <div class="grid"><div class="a"/> 	</div>
+
+    <!-- 2 spaces before grid item -->
+    <div class="grid">  <div class="a"/><div class="b"/></div>
+
+    <!-- newline & whitespace between grid items  -->
+    <div class="grid"><img src="support/solidblue.png"/>
+      <img src="support/solidblue.png"/></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-grid/grid-whitespace-handling-1b.xhtml b/layout/reftests/css-grid/grid-whitespace-handling-1b.xhtml
new file mode 100644
index 0000000000..cf881795c9
--- /dev/null
+++ b/layout/reftests/css-grid/grid-whitespace-handling-1b.xhtml
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test is like the -1a variant, but with the whitespace removed between
+     grid items (since that whitespace should be ignored anyway, if we're
+     doing things right).
+-->
+<!-- XXXdholbert Does this testcase add value?
+    (Maybe it should be an alternate reference case.) -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Test that grid items are created correctly</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css3-grid/#grid-items"/>
+    <link rel="match" href="grid-whitespace-handling-1-ref.xhtml"/>
+    <style>
+      div { height: 100px; }
+      div.grid {
+        border: 1px dashed blue;
+        width: 200px;
+        display: grid;
+        justify-content: space-around;
+      }
+      div.a {
+        width: 30px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        background: lightblue;
+      }
+      img { width: 40px; }
+    </style>
+  </head>
+  <body>
+    <div class="grid"><div class="a"/></div>
+
+    <div class="grid"><div class="a"/><div class="b"/></div>
+
+    <div class="grid"
+      ><img src="solidblue.png"
+     /><img src="solidblue.png"/></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-grid/grid-whitespace-handling-2-ref.xhtml b/layout/reftests/css-grid/grid-whitespace-handling-2-ref.xhtml
new file mode 100644
index 0000000000..3c120522d0
--- /dev/null
+++ b/layout/reftests/css-grid/grid-whitespace-handling-2-ref.xhtml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is the same as the testcase, but with an explicit <div>
+     around each run of content that we expect to turn into an anonymous
+     grid item (to ensure that the whitespace is included).
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="stylesheet" type="text/css" href="support/ahem.css" />
+    <style>
+      div.a, div.b, div.grid { height: 100px; }
+      div.grid {
+        white-space: pre;
+        border: 1px dashed blue;
+        width: 200px;
+        display: grid;
+        justify-content: space-around;
+      }
+      div.a {
+        width: 30px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        background: lightblue;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- spaces around inline content at the beginning of grid -->
+    <div class="grid"><div>  abc</div><div class="a"/></div>
+    <div class="grid"><div>abc   </div><div class="a"/></div>
+    <div class="grid"><div>  abc   </div><div class="a"/></div>
+
+    <!-- spaces around inline content at the end of grid -->
+    <div class="grid"><div class="a"/><div>  abc</div></div>
+    <div class="grid"><div class="a"/><div>abc   </div></div>
+    <div class="grid"><div class="a"/><div>  abc   </div></div>
+
+    <!-- whitespace around inline content in between grid items -->
+    <div class="grid"><div class="a"/><div>  abc</div><div class="b"/></div>
+    <div class="grid"><div class="a"/><div>abc   </div><div class="b"/></div>
+    <div class="grid"><div class="a"/><div>  abc   </div><div class="b"/></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-grid/grid-whitespace-handling-2.xhtml b/layout/reftests/css-grid/grid-whitespace-handling-2.xhtml
new file mode 100644
index 0000000000..324ab30d44
--- /dev/null
+++ b/layout/reftests/css-grid/grid-whitespace-handling-2.xhtml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we preserve whitespace at the beginning & end of
+     anonymous grid items (using "white-space: pre" so that it actually
+     occupies space and affects the rendering).
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Test that whitespace is preserved at the edges of anonymous grid items if 'white-space: pre' is set</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css3-grid/#grid-items"/>
+    <link rel="match" href="grid-whitespace-handling-2-ref.xhtml"/>
+    <link rel="stylesheet" type="text/css" href="support/ahem.css" />
+    <style>
+      div { height: 100px; }
+      div.grid {
+        white-space: pre;
+        border: 1px dashed blue;
+        width: 200px;
+        display: grid;
+        justify-content: space-around;
+      }
+      div.a {
+        width: 30px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        background: lightblue;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- spaces around inline content at the beginning of grid -->
+    <div class="grid">  abc<div class="a"/></div>
+    <div class="grid">abc   <div class="a"/></div>
+    <div class="grid">  abc   <div class="a"/></div>
+
+    <!-- spaces around inline content at the end of grid -->
+    <div class="grid"><div class="a"/>  abc</div>
+    <div class="grid"><div class="a"/>abc   </div>
+    <div class="grid"><div class="a"/>  abc   </div>
+
+    <!-- whitespace around inline content in between grid items -->
+    <div class="grid"><div class="a"/>  abc<div class="b"/></div>
+    <div class="grid"><div class="a"/>abc   <div class="b"/></div>
+    <div class="grid"><div class="a"/>  abc   <div class="b"/></div>
+  </body>
+</html>
diff --git a/layout/reftests/css-grid/reftest.list b/layout/reftests/css-grid/reftest.list
new file mode 100644
index 0000000000..8673b99897
--- /dev/null
+++ b/layout/reftests/css-grid/reftest.list
@@ -0,0 +1,284 @@
+fails == grid-whitespace-handling-1a.xhtml grid-whitespace-handling-1-ref.xhtml
+fails == grid-whitespace-handling-1b.xhtml grid-whitespace-handling-1-ref.xhtml
+== grid-whitespace-handling-2.xhtml  grid-whitespace-handling-2-ref.xhtml
+== grid-placement-definite-001.html grid-placement-definite-001-ref.html
+== grid-placement-definite-002.html grid-placement-definite-002-ref.html
+== grid-placement-definite-003.html grid-placement-definite-003-ref.html
+== grid-placement-negative-lines-001.html grid-placement-negative-lines-001-ref.html
+== grid-placement-auto-row-sparse-001.html grid-placement-auto-row-sparse-001-ref.html
+== grid-placement-auto-row-dense-001.html grid-placement-auto-row-dense-001-ref.html
+== grid-placement-auto-col-sparse-001.html grid-placement-auto-col-sparse-001-ref.html
+== grid-placement-auto-col-dense-001.html grid-placement-auto-col-dense-001-ref.html
+== grid-placement-implicit-named-areas-001.html grid-placement-implicit-named-areas-001-ref.html
+== grid-placement-named-lines-001.html grid-placement-named-lines-001-ref.html
+== grid-placement-named-lines-002.html grid-placement-named-lines-002-ref.html
+== grid-placement-named-lines-003.html grid-placement-named-lines-003-ref.html
+== grid-track-sizing-001.html grid-track-sizing-001-ref.html
+== grid-track-sizing-002.html grid-track-sizing-002-ref.html
+== grid-abspos-items-001.html grid-abspos-items-001-ref.html
+fuzzy(0-180,0-3) == grid-abspos-items-002.html grid-abspos-items-002-ref.html # flattening differences
+== grid-abspos-items-003.html grid-abspos-items-003-ref.html
+== grid-abspos-items-004.html grid-abspos-items-004-ref.html
+== grid-abspos-items-005.html grid-abspos-items-005-ref.html
+== grid-abspos-items-006.html grid-abspos-items-006-ref.html
+== grid-abspos-items-007.html grid-abspos-items-007-ref.html
+== grid-abspos-items-008.html grid-abspos-items-008-ref.html
+== grid-abspos-items-009.html grid-abspos-items-009-ref.html
+== grid-abspos-items-010.html grid-abspos-items-010-ref.html
+== grid-abspos-items-011.html grid-abspos-items-011-ref.html
+== grid-abspos-items-012.html grid-abspos-items-012-ref.html
+== grid-abspos-items-013.html grid-abspos-items-013-ref.html
+== grid-abspos-items-014.html grid-abspos-items-014-ref.html
+== grid-abspos-items-015.html grid-abspos-items-015-ref.html
+fails == grid-abspos-items-016.html grid-abspos-items-015-ref.html
+== grid-order-abspos-items-001.html grid-order-abspos-items-001-ref.html
+== grid-order-placement-auto-001.html grid-order-placement-auto-001-ref.html
+fuzzy(0-1,0-200) == grid-order-placement-definite-001.html grid-order-placement-definite-001-ref.html
+== grid-placement-definite-implicit-001.html grid-placement-definite-implicit-001-ref.html
+== grid-placement-definite-implicit-002.html grid-placement-definite-implicit-002-ref.html
+fuzzy(0-64,0-1) skip-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu)) == grid-placement-auto-implicit-001.html grid-placement-auto-implicit-001-ref.html # win10: bug 1507154
+== grid-placement-abspos-implicit-001.html grid-placement-abspos-implicit-001-ref.html
+== rtl-grid-placement-definite-001.html rtl-grid-placement-definite-001-ref.html
+== rtl-grid-placement-auto-row-sparse-001.html rtl-grid-placement-auto-row-sparse-001-ref.html
+== vlr-grid-placement-auto-row-sparse-001.html vlr-grid-placement-auto-row-sparse-001-ref.html
+== vrl-grid-placement-auto-row-sparse-001.html vrl-grid-placement-auto-row-sparse-001-ref.html
+== grid-relpos-items-001.html grid-relpos-items-001-ref.html
+== grid-item-sizing-percent-001.html grid-item-sizing-percent-001-ref.html
+fails == grid-item-sizing-percent-002.html grid-item-sizing-percent-002-ref.html # bug 1434397
+== grid-item-sizing-percent-003.html grid-item-sizing-percent-003-ref.html
+== grid-item-sizing-percent-004.html grid-item-sizing-percent-004-ref.html
+== grid-item-sizing-px-001.html grid-item-sizing-percent-001-ref.html
+== grid-item-dir-001.html grid-item-dir-001-ref.html
+fuzzy-if(winWidget,0-70,0-130) fuzzy-if(cocoaWidget,0-85,0-180) == grid-col-max-sizing-max-content-001.html grid-col-max-sizing-max-content-001-ref.html
+fuzzy-if(winWidget,0-70,0-130) fuzzy-if(cocoaWidget,0-85,0-180) == grid-col-max-sizing-max-content-002.html grid-col-max-sizing-max-content-002-ref.html
+== grid-min-max-content-sizing-001.html grid-min-max-content-sizing-001-ref.html
+== grid-min-max-content-sizing-002.html grid-min-max-content-sizing-002-ref.html
+fuzzy-if(winWidget,0-1,0-36) == grid-auto-min-sizing-definite-001.html grid-auto-min-sizing-definite-001-ref.html
+== grid-auto-min-sizing-intrinsic-001.html grid-auto-min-sizing-intrinsic-001-ref.html
+== grid-auto-min-sizing-intrinsic-002.html grid-auto-min-sizing-intrinsic-002-ref.html
+== grid-auto-min-sizing-intrinsic-003.html grid-auto-min-sizing-intrinsic-003-ref.html
+== grid-auto-min-sizing-intrinsic-004.html grid-auto-min-sizing-intrinsic-004-ref.html
+== grid-auto-min-sizing-transferred-size-001.html grid-auto-min-sizing-transferred-size-001-ref.html
+== grid-auto-min-sizing-transferred-size-002.html grid-auto-min-sizing-transferred-size-002-ref.html
+== grid-auto-min-sizing-transferred-size-003.html grid-auto-min-sizing-transferred-size-003-ref.html
+== grid-auto-min-sizing-transferred-size-004.html grid-auto-min-sizing-transferred-size-004-ref.html
+== grid-auto-min-sizing-min-content-min-size-001.html grid-auto-min-sizing-min-content-min-size-001-ref.html
+== grid-auto-min-sizing-min-content-min-size-002.html grid-auto-min-sizing-min-content-min-size-002-ref.html
+== grid-auto-min-sizing-min-content-min-size-003.html grid-auto-min-sizing-min-content-min-size-003-ref.html
+== grid-auto-min-sizing-min-content-min-size-004.html grid-auto-min-sizing-min-content-min-size-004-ref.html
+== grid-min-content-min-sizing-transferred-size-001.html grid-min-content-min-sizing-transferred-size-001-ref.html
+== grid-min-content-min-sizing-transferred-size-002.html grid-min-content-min-sizing-transferred-size-002-ref.html
+== grid-min-content-min-sizing-transferred-size-003.html grid-min-content-min-sizing-transferred-size-003-ref.html
+== grid-min-content-min-sizing-transferred-size-004.html grid-min-content-min-sizing-transferred-size-004-ref.html
+== grid-auto-min-sizing-percent-001.html grid-auto-min-sizing-percent-001-ref.html
+== grid-track-intrinsic-sizing-001.html grid-track-intrinsic-sizing-001-ref.html
+fuzzy-if(winWidget,0-1,0-75) == grid-track-intrinsic-sizing-002.html grid-track-intrinsic-sizing-002-ref.html
+fuzzy-if(winWidget,0-1,0-75) == grid-track-intrinsic-sizing-003.html grid-track-intrinsic-sizing-003-ref.html
+== grid-track-intrinsic-sizing-004.html grid-track-intrinsic-sizing-004-ref.html
+== grid-track-percent-sizing-001.html grid-track-percent-sizing-001-ref.html
+== grid-track-fit-content-sizing-001.html grid-track-fit-content-sizing-001-ref.html
+== grid-track-fit-content-sizing-002.html grid-track-fit-content-sizing-002-ref.html
+== grid-max-sizing-flex-001.html grid-max-sizing-flex-001-ref.html
+fuzzy(0-2,0-100) == grid-max-sizing-flex-002.html grid-max-sizing-flex-002-ref.html
+fuzzy-if(winWidget,0-1,0-10) == grid-max-sizing-flex-003.html grid-max-sizing-flex-003-ref.html
+== grid-max-sizing-flex-004.html grid-max-sizing-flex-004-ref.html
+== grid-max-sizing-flex-005.html grid-max-sizing-flex-005-ref.html
+== grid-max-sizing-flex-006.html grid-max-sizing-flex-006-ref.html
+== grid-max-sizing-flex-007.html grid-max-sizing-flex-007-ref.html
+== grid-max-sizing-flex-008.html grid-max-sizing-flex-008-ref.html
+== grid-flex-min-sizing-001.html grid-flex-min-sizing-001-ref.html
+== grid-flex-min-sizing-002.html grid-flex-min-sizing-002-ref.html
+== grid-item-align-001.html grid-item-align-001-ref.html
+== grid-item-align-002.html grid-item-align-002-ref.html
+== grid-item-align-003.html grid-item-align-003-ref.html
+== grid-item-justify-001.html grid-item-justify-001-ref.html
+== grid-item-justify-002.html grid-item-justify-002-ref.html
+== grid-item-stretch-001.html grid-item-stretch-001-ref.html
+== grid-item-intrinsic-ratio-stretch-001.html grid-item-intrinsic-ratio-stretch-001-ref.html
+== grid-item-intrinsic-ratio-stretch-002.html grid-item-intrinsic-ratio-stretch-002-ref.html
+== grid-item-intrinsic-ratio-stretch-003.html grid-item-intrinsic-ratio-stretch-003-ref.html
+== grid-item-intrinsic-ratio-stretch-004.html grid-item-intrinsic-ratio-stretch-004-ref.html
+== grid-item-intrinsic-ratio-stretch-005.html grid-item-intrinsic-ratio-stretch-005-ref.html
+== grid-item-intrinsic-ratio-stretch-006.html grid-item-intrinsic-ratio-stretch-006-ref.html
+== grid-item-intrinsic-ratio-stretch-007.html grid-item-intrinsic-ratio-stretch-007-ref.html
+== grid-item-intrinsic-ratio-normal-001.html grid-item-intrinsic-ratio-normal-001-ref.html
+== grid-item-intrinsic-ratio-normal-002.html grid-item-intrinsic-ratio-normal-002-ref.html
+== grid-item-intrinsic-ratio-normal-003.html grid-item-intrinsic-ratio-normal-003-ref.html
+== grid-item-intrinsic-ratio-normal-004.html grid-item-intrinsic-ratio-normal-004-ref.html
+== grid-item-intrinsic-ratio-normal-005.html grid-item-intrinsic-ratio-normal-005-ref.html
+== grid-item-intrinsic-size-normal-001.html grid-item-intrinsic-size-normal-001-ref.html
+== grid-item-intrinsic-size-normal-002.html grid-item-intrinsic-size-normal-002-ref.html
+== grid-item-auto-min-size-clamp-001.html grid-item-auto-min-size-clamp-001-ref.html
+== grid-item-auto-min-size-clamp-002.html grid-item-auto-min-size-clamp-002-ref.html
+== grid-item-auto-min-size-clamp-003.html grid-item-auto-min-size-clamp-003-ref.html
+# == grid-item-auto-min-size-clamp-004.html grid-item-auto-min-size-clamp-004-ref.html # bug 1421976
+== grid-item-auto-min-size-clamp-005.html grid-item-auto-min-size-clamp-005-ref.html
+# == grid-item-auto-min-size-clamp-006.html grid-item-auto-min-size-clamp-006-ref.html # bug 1421976
+== grid-item-auto-min-size-clamp-007.html grid-item-auto-min-size-clamp-007-ref.html
+== grid-item-overflow-stretch-001.html grid-item-overflow-stretch-001-ref.html
+== grid-item-overflow-stretch-002.html grid-item-overflow-stretch-002-ref.html
+== grid-item-overflow-stretch-003.html grid-item-overflow-stretch-003-ref.html
+== grid-item-overflow-stretch-004.html grid-item-overflow-stretch-004-ref.html
+== grid-item-overflow-stretch-006.html grid-item-overflow-stretch-006-ref.html
+== grid-item-canvas-001.html grid-item-canvas-001-ref.html
+== grid-item-button-001.html grid-item-button-001-ref.html
+== grid-item-table-stretch-001.html grid-item-table-stretch-001-ref.html
+== grid-item-table-stretch-002.html grid-item-table-stretch-002-ref.html
+== grid-item-table-stretch-004.html grid-item-table-stretch-004-ref.html
+== grid-item-fieldset-stretch-001.html grid-item-fieldset-stretch-001-ref.html
+skip-if(Android) == grid-item-video-stretch-001.html grid-item-video-stretch-001-ref.html # Huh, Android doesn't have webm support?
+skip-if(Android) fuzzy-if(appleSilicon,0-255,0-92666) fuzzy-if(winWidget,0-1,0-181) == grid-item-video-stretch-002.html grid-item-video-stretch-002-ref.html # Huh, Android doesn't have webm support?
+== grid-item-input-stretch-001.html grid-item-input-stretch-001-ref.html
+== grid-align-content-001.html grid-align-content-001-ref.html
+== grid-justify-content-001.html grid-justify-content-001-ref.html
+== grid-justify-content-002.html grid-justify-content-002-ref.html
+== grid-justify-content-003.html grid-justify-content-003-ref.html
+skip-if(!gtkWidget) == grid-container-baselines-001.html grid-container-baselines-001-ref.html
+skip-if(!gtkWidget) == grid-container-baselines-002.html grid-container-baselines-002-ref.html
+skip-if(!gtkWidget) == grid-container-baselines-003.html grid-container-baselines-003-ref.html
+== grid-container-baselines-004.html grid-container-baselines-004-ref.html
+== grid-container-synthesized-baseline-001.html grid-container-synthesized-baseline-001-ref.html
+== grid-column-gap-001.html grid-column-gap-001-ref.html
+== grid-column-gap-002.html grid-column-gap-002-ref.html
+fuzzy(0-2,0-60) == grid-column-gap-003.html grid-column-gap-003-ref.html
+== grid-column-gap-004.html grid-column-gap-004-ref.html
+== grid-row-gap-001.html grid-row-gap-001-ref.html
+== grid-percent-grid-gap-001.html grid-percent-grid-gap-001-ref.html
+== grid-row-gap-002.html grid-row-gap-002-ref.html
+== grid-row-gap-003.html grid-row-gap-003-ref.html
+== grid-row-gap-004.html grid-row-gap-004-ref.html
+== grid-row-gap-005.html grid-row-gap-005-ref.html
+== grid-container-overflow-001.html grid-container-overflow-001-ref.html
+== grid-item-margin-left-auto-001.html grid-item-margin-left-auto-001-ref.html
+== grid-item-margin-left-auto-002.html grid-item-margin-left-auto-002-ref.html
+== grid-item-margin-left-auto-003.html grid-item-margin-left-auto-003-ref.html
+== grid-item-margin-left-auto-004.html grid-item-margin-left-auto-004-ref.html
+== grid-item-margin-left-right-auto-001.html grid-item-margin-left-right-auto-001-ref.html
+== grid-item-margin-left-right-auto-002.html grid-item-margin-left-right-auto-002-ref.html
+== grid-item-margin-left-right-auto-003.html grid-item-margin-left-right-auto-003-ref.html
+== grid-item-margin-left-right-auto-004.html grid-item-margin-left-right-auto-004-ref.html
+== grid-item-margin-right-auto-001.html grid-item-margin-right-auto-001-ref.html
+== grid-item-margin-right-auto-002.html grid-item-margin-right-auto-002-ref.html
+== grid-item-margin-right-auto-003.html grid-item-margin-right-auto-003-ref.html
+== grid-item-margin-right-auto-004.html grid-item-margin-right-auto-004-ref.html
+== grid-container-min-max-width-height-001.html grid-container-min-max-width-height-001-ref.html
+== grid-clamping-001.html grid-clamping-001-ref.html
+== grid-clamping-002.html grid-clamping-002-ref.html
+== grid-repeat-auto-fill-fit-001.html grid-repeat-auto-fill-fit-001-ref.html
+== grid-repeat-auto-fill-fit-002.html grid-repeat-auto-fill-fit-002-ref.html
+== grid-repeat-auto-fill-fit-003.html grid-repeat-auto-fill-fit-003-ref.html
+== grid-repeat-auto-fill-fit-004.html grid-repeat-auto-fill-fit-004-ref.html
+== grid-repeat-auto-fill-fit-005.html grid-repeat-auto-fill-fit-005-ref.html
+== grid-repeat-auto-fill-fit-006.html grid-repeat-auto-fill-fit-006-ref.html
+== grid-repeat-auto-fill-fit-007.html grid-repeat-auto-fill-fit-007-ref.html
+test-pref(layout.css.serialize-grid-implicit-tracks,true) == grid-repeat-auto-fill-fit-008.html grid-repeat-auto-fill-fit-008-ref.html
+test-pref(layout.css.serialize-grid-implicit-tracks,false) == grid-repeat-auto-fill-fit-008.html?no-implicit grid-repeat-auto-fill-fit-008-ref.html
+== grid-repeat-auto-fill-fit-009.html grid-repeat-auto-fill-fit-009-ref.html
+== grid-repeat-auto-fill-fit-010.html grid-repeat-auto-fill-fit-010-ref.html
+== grid-repeat-auto-fill-fit-011.html grid-repeat-auto-fill-fit-010-ref.html
+== grid-repeat-auto-fill-fit-012.html grid-repeat-auto-fill-fit-012-ref.html
+== grid-repeat-auto-fill-fit-013.html grid-repeat-auto-fill-fit-013-ref.html
+== grid-item-blockifying-001.html grid-item-blockifying-001-ref.html
+== grid-fragmentation-001.html grid-fragmentation-001-ref.html
+== grid-fragmentation-002.html grid-fragmentation-002-ref.html
+== grid-fragmentation-003.html grid-fragmentation-003-ref.html
+== grid-fragmentation-004.html grid-fragmentation-004-ref.html
+== grid-fragmentation-005.html grid-fragmentation-005-ref.html
+== grid-fragmentation-006.html grid-fragmentation-006-ref.html
+== grid-fragmentation-007.html grid-fragmentation-007-ref.html
+== grid-fragmentation-008.html grid-fragmentation-008-ref.html
+== grid-fragmentation-009.html grid-fragmentation-009-ref.html
+== grid-fragmentation-010.html grid-fragmentation-010-ref.html
+== grid-fragmentation-011.html grid-fragmentation-011-ref.html
+== grid-fragmentation-012.html grid-fragmentation-012-ref.html
+pref(layout.display-list.improve-fragmentation,true) == grid-fragmentation-013.html grid-fragmentation-013-ref.html
+== grid-fragmentation-014.html grid-fragmentation-014-ref.html
+asserts(0-10) == grid-fragmentation-015.html grid-fragmentation-015-ref.html # bug 1144852 (due to vertical writing-mode)
+== grid-fragmentation-016.html grid-fragmentation-016-ref.html
+fuzzy-if(winWidget,0-1,0-5) == grid-fragmentation-017.html grid-fragmentation-017-ref.html
+== grid-fragmentation-018.html grid-fragmentation-018-ref.html
+== grid-fragmentation-019.html grid-fragmentation-019-ref.html
+== grid-fragmentation-020.html grid-fragmentation-020-ref.html
+== grid-fragmentation-021.html grid-fragmentation-021-ref.html
+== grid-fragmentation-022.html grid-fragmentation-007-ref.html
+== grid-fragmentation-023.html grid-fragmentation-023-ref.html
+fuzzy-if(winWidget,0-1,0-5) == grid-fragmentation-024.html grid-fragmentation-024-ref.html
+== grid-fragmentation-025.html grid-fragmentation-025-ref.html
+fuzzy-if(swgl,0-2,0-200) == grid-fragmentation-026.html grid-fragmentation-026-ref.html
+fuzzy-if(winWidget,0-1,0-5) == grid-fragmentation-027.html grid-fragmentation-025-ref.html
+== grid-fragmentation-028.html grid-fragmentation-028-ref.html
+== grid-fragmentation-029.html grid-fragmentation-029-ref.html
+== grid-fragmentation-030.html grid-fragmentation-030-ref.html
+== grid-fragmentation-031.html grid-fragmentation-031-ref.html
+
+# Fragmentation tests that does dynamic content removal/insertions.
+# They should give the same result as the corresponding static test.
+== grid-fragmentation-dyn3-001.html grid-fragmentation-001-ref.html
+== grid-fragmentation-dyn4-001.html grid-fragmentation-001-ref.html
+== grid-fragmentation-dyn1-002.html grid-fragmentation-002-ref.html
+== grid-fragmentation-dyn3-002.html grid-fragmentation-002-ref.html
+== grid-fragmentation-dyn3-003.html grid-fragmentation-003-ref.html
+== grid-fragmentation-dyn4-004.html grid-fragmentation-004-ref.html
+== grid-fragmentation-dyn4-005.html grid-fragmentation-005-ref.html
+== grid-fragmentation-dyn5-005.html grid-fragmentation-005-ref.html
+== grid-fragmentation-dyn1-006.html grid-fragmentation-006-ref.html
+== grid-fragmentation-dyn3-007.html grid-fragmentation-007-ref.html
+== grid-fragmentation-dyn5-007.html grid-fragmentation-007-ref.html
+== grid-fragmentation-dyn5-008.html grid-fragmentation-008-ref.html
+== grid-fragmentation-dyn3-009.html grid-fragmentation-009-ref.html
+== grid-fragmentation-dyn4-015.html grid-fragmentation-015-ref.html
+== grid-fragmentation-dyn1-015.html grid-fragmentation-015-ref.html
+== grid-fragmentation-dyn1-016.html grid-fragmentation-016-ref.html
+== grid-fragmentation-dyn5-016.html grid-fragmentation-016-ref.html
+== grid-fragmentation-dyn3-017.html grid-fragmentation-017-ref.html
+== grid-fragmentation-dyn2-018.html grid-fragmentation-018-ref.html
+== grid-fragmentation-dyn1-019.html grid-fragmentation-019-ref.html
+== grid-fragmentation-dyn2-019.html grid-fragmentation-019-ref.html
+== grid-fragmentation-dyn3-019.html grid-fragmentation-019-ref.html
+== grid-fragmentation-dyn4-019.html grid-fragmentation-019-ref.html
+== grid-fragmentation-dyn5-019.html grid-fragmentation-019-ref.html
+== grid-fragmentation-dyn1-020.html grid-fragmentation-020-ref.html
+== grid-fragmentation-dyn2-020.html grid-fragmentation-020-ref.html
+== grid-fragmentation-dyn1-021.html grid-fragmentation-021-ref.html
+== grid-fragmentation-dyn2-021.html grid-fragmentation-021-ref.html
+== grid-fragmentation-dyn3-021.html grid-fragmentation-021-ref.html
+== grid-fragmentation-dyn4-021.html grid-fragmentation-021-ref.html
+== grid-fragmentation-dyn5-021.html grid-fragmentation-021-ref.html
+== grid-fragmentation-dyn2-022.html grid-fragmentation-007-ref.html
+== grid-fragmentation-dyn1-023.html grid-fragmentation-023-ref.html
+== grid-fragmentation-dyn2-023.html grid-fragmentation-023-ref.html
+== grid-fragmentation-dyn3-023.html grid-fragmentation-023-ref.html
+== grid-fragmentation-dyn4-023.html grid-fragmentation-023-ref.html
+== grid-fragmentation-dyn5-023.html grid-fragmentation-023-ref.html
+== grid-fragmentation-dyn1-024.html grid-fragmentation-024-ref.html
+== grid-fragmentation-dyn2-025.html grid-fragmentation-025-ref.html
+== grid-fragmentation-dyn1-026.html grid-fragmentation-026-ref.html
+== grid-fragmentation-dyn2-026.html grid-fragmentation-026-ref.html
+== grid-fragmentation-dyn3-026.html grid-fragmentation-026-ref.html
+== grid-fragmentation-dyn4-026.html grid-fragmentation-026-ref.html
+== grid-fragmentation-dyn5-026.html grid-fragmentation-026-ref.html
+== grid-fragmentation-dyn1-027.html grid-fragmentation-025-ref.html
+== grid-fragmentation-dyn2-027.html grid-fragmentation-025-ref.html
+== grid-fragmentation-dyn3-027.html grid-fragmentation-025-ref.html
+== grid-fragmentation-dyn4-027.html grid-fragmentation-025-ref.html
+== grid-fragmentation-dyn5-027.html grid-fragmentation-025-ref.html
+== grid-fragmentation-dyn1-028.html grid-fragmentation-028-ref.html
+== grid-fragmentation-dyn2-028.html grid-fragmentation-028-ref.html
+== grid-fragmentation-dyn3-028.html grid-fragmentation-028-ref.html
+== grid-fragmentation-dyn4-028.html grid-fragmentation-028-ref.html
+== grid-fragmentation-dyn5-028.html grid-fragmentation-028-ref.html
+== grid-fragmentation-dyn1-029.html grid-fragmentation-029-ref.html
+== grid-fragmentation-dyn2-029.html grid-fragmentation-029-ref.html
+== grid-fragmentation-dyn2-030.html grid-fragmentation-030-ref.html
+== grid-fragmentation-dyn2-031.html grid-fragmentation-031-ref.html
+
+== bug1306106.html bug1306106-ref.html
+== bug1349571.html bug1349571-ref.html
+== bug1356820.html bug1356820-ref.html
+== bug1350925.html bug1350925-ref.html
+== grid-percent-intrinsic-sizing-001.html grid-percent-intrinsic-sizing-001-ref.html
+== grid-measuring-reflow-resize-static-001.html grid-measuring-reflow-resize-001-ref.html
+== grid-measuring-reflow-resize-dynamic-001.html grid-measuring-reflow-resize-001-ref.html
+== grid-item-align-dynamic-pos-001.html grid-item-align-dynamic-pos-001-ref.html
+== grid-item-align-dynamic-pos-002.html grid-item-align-dynamic-pos-002-ref.html
+== grid-item-align-dynamic-pos-003.html grid-item-align-dynamic-pos-003-ref.html
diff --git a/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html b/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html
new file mode 100644
index 0000000000..9200835bfd
--- /dev/null
+++ b/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html
@@ -0,0 +1,200 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  block-size: 60px;
+  border: 2px solid green;
+  position: relative;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  inline-size: 20px;
+  block-size: 20px;
+}
+
+.test1 .a {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 20px;
+  block-size: 20px;
+}
+.test1 .b {
+  inset-block-start: 20px;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test1 .c {
+  inset-block-start: 0;
+  inset-inline-start: 80px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test1 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0px;
+}
+.test1 .d2 {
+  inset-block-start: 0px;
+  inset-inline-start: 40px;
+}
+
+.test2 .a {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test2 .b {
+  inset-block-start: 20px;
+  inset-inline-start: 20px;
+  inline-size: 20px;
+  block-size: 20px;
+}
+.test2 .c {
+  inset-block-start: 0;
+  inset-inline-start: 80px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test2 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0px;
+}
+.test2 .d2 {
+  inset-block-start: 20px;
+  inset-inline-start: 40px;
+}
+
+.test3 .a {
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test3 .b {
+  inset-block-start: 40px;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test3 .c {
+  inset-block-start: 60px;
+  inset-inline-start: 0px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test3 .d { inset-block-start: 60px; inset-inline-start:60px; }
+.test3 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 60px;
+}
+.test3 .d2 {
+  inset-block-start: 80px;
+  inset-inline-start: 60px;
+}
+
+.test4 .c {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test4 .d { inset-block-start: 40px; }
+.test4 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0px;
+}
+.test4 .d2 {
+  inset-block-start: 40px;
+  inset-inline-start: 20px;
+}
+
+.test5 .c {
+  inset-block-start: 20px;
+  inset-inline-start: 0;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test5 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 60px;
+}
+.test5 .d2 {
+  inset-block-start: 0px;
+  inset-inline-start: 20px;
+}
+
+.test6 { inset-inline-start: 0px; inset-block-start: 20px;}
+.test6d2 {
+  inset-block-start: 20px;
+  inset-inline-start: 140px;
+}
+.test6e {
+  inset-block-start: 20px;
+  inset-inline-start: 160px;
+}
+    </style>
+</head>
+<body dir=rtl>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3" style="block-size:100px">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html b/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html
new file mode 100644
index 0000000000..3fee0d1f4b
--- /dev/null
+++ b/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html
@@ -0,0 +1,138 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  border: 2px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+}
+.test3 .b {
+  grid-column: 2 / span 3;
+  grid-row: b;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+}
+
+.test6 {
+  grid-row-start: 2;
+  grid-column: auto / span X;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+}
+    </style>
+</head>
+<body dir=rtl>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html b/layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html
new file mode 100644
index 0000000000..70287b3ab7
--- /dev/null
+++ b/layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid1, .grid2 {
+  block-size: 60px;
+  border: 2px solid green;
+  position: relative;
+}
+
+.grid2 {
+  border-width: 20px;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+
+.a {
+  inset-inline-start: 40px;
+  inset-block-start: 0px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.b {
+  inset-inline-start: 20px;
+  inset-block-start: 40px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.c {
+  inset-inline-start: 80px;
+  inset-block-start: 40px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.d {
+  inset-inline-start: 0px;
+  inset-block-start: 0px;
+  inline-size: 20px;
+  block-size: 60px;
+}
+    </style>
+</head>
+<body dir=rtl>
+
+<div class=grid1>
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+</div>
+
+<div class=grid2>
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/rtl-grid-placement-definite-001.html b/layout/reftests/css-grid/rtl-grid-placement-definite-001.html
new file mode 100644
index 0000000000..4551915128
--- /dev/null
+++ b/layout/reftests/css-grid/rtl-grid-placement-definite-001.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
+.grid1, .grid2 {
+  display: grid;
+  grid-template-areas:
+    '. . a a a .'
+    '. . a a a .'
+    '. b b . . .'
+    ;
+  border: 2px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: column dense;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+.grid2 {
+  border-width: 20px;
+}
+
+span {
+  background: lime;
+  border: 1px solid black;
+}
+
+.a {
+  grid-area: a;
+}
+.b {
+  grid-column: 2 / span 3;
+  grid-row: b;
+}
+.c {
+  grid-column: span 3;
+}
+.d {
+  grid-row: span 3;
+}
+    </style>
+</head>
+<body dir=rtl>
+
+<div class=grid1>
+<span class=a>a</span>
+<span class=b>b</span>
+<span class=c>c</span>
+<span class=d>d</span>
+</div>
+
+<div class=grid2>
+<span class=a>a</span>
+<span class=b>b</span>
+<span class=c>c</span>
+<span class=d>d</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/support/ahem.css b/layout/reftests/css-grid/support/ahem.css
new file mode 100644
index 0000000000..5cea74d04f
--- /dev/null
+++ b/layout/reftests/css-grid/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(../../fonts/Ahem.ttf);
+}
diff --git a/layout/reftests/css-grid/support/colors-16x8.webm b/layout/reftests/css-grid/support/colors-16x8.webm
new file mode 100644
index 0000000000..701341fc2a
Binary files /dev/null and b/layout/reftests/css-grid/support/colors-16x8.webm differ
diff --git a/layout/reftests/css-grid/support/dyn.js b/layout/reftests/css-grid/support/dyn.js
new file mode 100644
index 0000000000..816a6f9b61
--- /dev/null
+++ b/layout/reftests/css-grid/support/dyn.js
@@ -0,0 +1,127 @@
+/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*-
+ * vim: sw=2 ts=2 sts=2 et filetype=javascript
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+function loadURL(url,callback) {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function() {
+    if (xhttp.readyState == 4 && xhttp.status == 200) {
+      callback(xhttp.responseText);
+    }
+  };
+  xhttp.open("GET", url, true);
+  xhttp.send();
+}
+
+function dyn1(selector) {
+  // get an array of elements matching |selector|
+  var elems = Array.prototype.slice.call(document.querySelectorAll(selector))
+
+  // remove the first item in each grid
+  var removed = elems.map(function(e) {
+    var child = e.children[0];
+    if (child) {
+      var next = child.nextSibling;
+      e.removeChild(child);
+      return [ e, child, next ];
+    } else {
+      return null;
+    }
+  });
+
+  document.body.style.display = 'block';
+  document.body.offsetHeight;
+
+  // insert the removed item
+  removed.map(function(a) {
+    if (a) {
+      a[0].insertBefore(a[1],a[2]);
+    }
+  });
+}
+
+function dyn2(selector) {
+  // get an array of elements matching |selector|
+  var elems = Array.prototype.slice.call(document.querySelectorAll(selector))
+
+  // inject a new first item in each grid
+  var inserted = elems.map(function(e) {
+    var child = document.createElement('span');
+    e.insertBefore(child, e.firstChild);
+    return [ e, child ];
+  });
+
+  document.body.style.display = 'block';
+  document.body.offsetHeight;
+
+  // remove the inserted item
+  inserted.map(function(a) {
+    a[0].removeChild(a[1]);
+  });
+}
+
+function dyn3(selector) {
+  // get an array of elements matching |selector|
+  var elems = Array.prototype.slice.call(document.querySelectorAll(selector))
+
+  // remove the second item in each grid
+  var removed = elems.map(function(e) {
+    var child = e.children[1];
+    if (child) {
+      var next = child.nextSibling;
+      e.removeChild(child);
+      return [ e, child, next ];
+    } else {
+      return null;
+    }
+  });
+
+  document.body.style.display = 'block';
+  document.body.offsetHeight;
+
+  // insert the removed items
+  removed.map(function(a) {
+    if (a) {
+      a[0].insertBefore(a[1],a[2]);
+    }
+  });
+}
+
+function dyn4(selector) {
+  dyn3(selector);
+  dyn2(selector);
+}
+
+function dyn5(selector) {
+  // get an array of elements matching |selector|
+  var elems = Array.prototype.slice.call(document.querySelectorAll(selector))
+
+  // inject 20 new items in each grid
+  var inserted = elems.map(function(e) {
+    var a = new Array;
+    for (var i = 0; i < 20; ++i) {
+      var child = document.createElement('span');
+      e.insertBefore(child, e.firstChild);
+      a.push(child);
+    }
+    return [ e, a ];
+  });
+
+  document.body.style.display = 'block';
+  document.body.offsetHeight;
+
+  // remove the inserted item
+  inserted.map(function(a) {
+    a[1].forEach(function(child) {
+      a[0].removeChild(child);
+    });
+  });
+}
+
+function dynamicTest(url, callback) {
+  document.body.style.display='';
+  document.body.offsetHeight;
+  loadURL(url,callback);
+}
diff --git a/layout/reftests/css-grid/support/lime-24x2.png b/layout/reftests/css-grid/support/lime-24x2.png
new file mode 100644
index 0000000000..b9ce5e2461
Binary files /dev/null and b/layout/reftests/css-grid/support/lime-24x2.png differ
diff --git a/layout/reftests/css-grid/support/lime-25x1.png b/layout/reftests/css-grid/support/lime-25x1.png
new file mode 100644
index 0000000000..31e1c4087a
Binary files /dev/null and b/layout/reftests/css-grid/support/lime-25x1.png differ
diff --git a/layout/reftests/css-grid/support/lime-2x24.png b/layout/reftests/css-grid/support/lime-2x24.png
new file mode 100644
index 0000000000..a1524d46b4
Binary files /dev/null and b/layout/reftests/css-grid/support/lime-2x24.png differ
diff --git a/layout/reftests/css-grid/support/solidblue-20x32.png b/layout/reftests/css-grid/support/solidblue-20x32.png
new file mode 100644
index 0000000000..bba5504d98
Binary files /dev/null and b/layout/reftests/css-grid/support/solidblue-20x32.png differ
diff --git a/layout/reftests/css-grid/support/solidblue.png b/layout/reftests/css-grid/support/solidblue.png
new file mode 100644
index 0000000000..a64b6a4255
Binary files /dev/null and b/layout/reftests/css-grid/support/solidblue.png differ
diff --git a/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html b/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html
new file mode 100644
index 0000000000..4a1e6f81e0
--- /dev/null
+++ b/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html
@@ -0,0 +1,204 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+html {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+}
+
+.grid {
+  block-size: 60px;
+  border: 2px solid green;
+  position: relative;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  inline-size: 20px;
+  block-size: 20px;
+}
+
+.test1 .a {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 20px;
+  block-size: 20px;
+}
+.test1 .b {
+  inset-block-start: 20px;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test1 .c {
+  inset-block-start: 0;
+  inset-inline-start: 80px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test1 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0px;
+}
+.test1 .d2 {
+  inset-block-start: 0px;
+  inset-inline-start: 40px;
+}
+
+.test2 .a {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test2 .b {
+  inset-block-start: 20px;
+  inset-inline-start: 20px;
+  inline-size: 20px;
+  block-size: 20px;
+}
+.test2 .c {
+  inset-block-start: 0;
+  inset-inline-start: 80px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test2 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0px;
+}
+.test2 .d2 {
+  inset-block-start: 20px;
+  inset-inline-start: 40px;
+}
+
+.test3 .a {
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test3 .b {
+  inset-block-start: 40px;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test3 .c {
+  inset-block-start: 60px;
+  inset-inline-start: 0px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test3 .d { inset-block-start: 60px; inset-inline-start:60px; }
+.test3 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 60px;
+}
+.test3 .d2 {
+  inset-block-start: 80px;
+  inset-inline-start: 60px;
+}
+
+.test4 .c {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test4 .d { inset-block-start: 40px; }
+.test4 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0px;
+}
+.test4 .d2 {
+  inset-block-start: 40px;
+  inset-inline-start: 20px;
+}
+
+.test5 .c {
+  inset-block-start: 20px;
+  inset-inline-start: 0;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test5 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 60px;
+}
+.test5 .d2 {
+  inset-block-start: 0px;
+  inset-inline-start: 20px;
+}
+
+.test6 { inset-inline-start: 0px; inset-block-start: 20px;}
+.test6d2 {
+  inset-block-start: 20px;
+  inset-inline-start: 140px;
+}
+.test6e {
+  inset-block-start: 20px;
+  inset-inline-start: 160px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3" style="block-size:100px">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html b/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html
new file mode 100644
index 0000000000..872d35d07f
--- /dev/null
+++ b/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html
@@ -0,0 +1,142 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+html {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+}
+
+.grid {
+  display: grid;
+  border: 2px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+}
+.test3 .b {
+  grid-column: 2 / span 3;
+  grid-row: b;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+}
+
+.test6 {
+  grid-row-start: 2;
+  grid-column: auto / span X;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html b/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html
new file mode 100644
index 0000000000..a495cceffc
--- /dev/null
+++ b/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html
@@ -0,0 +1,222 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+html {
+  writing-mode: vertical-rl;
+  text-orientation: sideways-right;
+}
+
+.grid {
+  block-size: 60px;
+  border: 2px solid green;
+  position: relative;
+}
+
+span {
+  position: absolute;
+  background: lime;
+  border: 1px solid black;
+  box-sizing: border-box;
+  inline-size: 20px;
+  block-size: 20px;
+}
+
+.test1 .a {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 20px;
+  block-size: 20px;
+}
+.test1 .b {
+  inset-block-start: 20px;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test1 .c {
+  inset-block-start: 0;
+  inset-inline-start: 80px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test1 .d {
+  inset-block-start: 0;
+  inset-inline-start: 0;
+}
+.test1 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0;
+}
+.test1 .d2 {
+  inset-block-start: 0;
+  inset-inline-start: 40px;
+}
+
+.test2 .a {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test2 .b {
+  inset-block-start: 20px;
+  inset-inline-start: 20px;
+  inline-size: 20px;
+  block-size: 20px;
+}
+.test2 .c {
+  inset-block-start: 0;
+  inset-inline-start: 80px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test2 .d {
+  inset-block-start: 0;
+  inset-inline-start: 0;
+}
+.test2 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0;
+}
+.test2 .d2 {
+  inset-block-start: 20px;
+  inset-inline-start: 40px;
+}
+
+.test3 .a {
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test3 .b {
+  inset-block-start: 40px;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test3 .c {
+  inset-block-start: 60px;
+  inset-inline-start: 0;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test3 .d { inset-block-start: 60px; inset-inline-start:60px; }
+.test3 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 60px;
+}
+.test3 .d2 {
+  inset-block-start: 80px;
+  inset-inline-start: 60px;
+}
+
+.test4 .c {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+  inline-size: 60px;
+  block-size: 40px;
+}
+.test4 .d {
+  inset-block-start: 40px;
+  inset-inline-start: 0;
+}
+.test4 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 0px;
+}
+.test4 .d2 {
+  inset-block-start: 40px;
+  inset-inline-start: 20px;
+}
+
+.test5 .c {
+  inset-block-start: 20px;
+  inset-inline-start: 0;
+  inline-size: 60px;
+  block-size: 20px;
+}
+.test5 .d {
+  inset-block-start: 0;
+  inset-inline-start: 0;
+}
+.test5 .e {
+  inset-block-start: 20px;
+  inset-inline-start: 60px;
+}
+.test5 .d2 {
+  inset-block-start: 0;
+  inset-inline-start: 20px;
+}
+
+.test6 {
+  inset-inline-start: 0;
+  inset-block-start: 20px;
+}
+.test6d2 {
+  inset-block-start: 20px;
+  inset-inline-start: 140px;
+}
+.test6e {
+  inset-block-start: 20px;
+  inset-inline-start: 160px;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3" style="block-size:100px">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d2">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6d2">D</span>
+<span class="test6e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html b/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html
new file mode 100644
index 0000000000..51354b562e
--- /dev/null
+++ b/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html
@@ -0,0 +1,142 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+html {
+  writing-mode: vertical-rl;
+  text-orientation: sideways-right;
+}
+
+.grid {
+  display: grid;
+  border: 2px solid green;
+  grid-template-columns: 20px 20px 20px 20px;
+  grid-template-rows: 20px 20px 20px;
+  grid-auto-flow: row;
+  grid-auto-columns: 20px;
+  grid-auto-rows: 20px;
+}
+
+span {
+  background: lime;
+  border: 1px solid;
+}
+
+.test1 .a {
+  grid-row: 1;
+  grid-column: 2 / span 1;
+}
+.test1 .b {
+  grid-row: 2;
+  grid-column: 2 / span 3;
+}
+.test1 .c, .test2 .c {
+  grid-row: 1 / span 2;
+  grid-column: auto / span 3;
+}
+
+.test2 .a {
+  grid-row: 1;
+  grid-column: 2 / span 3;
+}
+.test2 .b {
+  grid-row: 2;
+  grid-column: 2 / span 1;
+}
+
+.test3 {
+  grid-template-areas:
+    'a a a . '
+    'a a a . '
+    '. b b . '
+  ;
+}
+.test3 .a {
+  grid-area: a;
+}
+.test3 .b {
+  grid-column: 2 / span 3;
+  grid-row: b;
+}
+.test3 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test4 .c {
+  grid-row: auto / span 2;
+  grid-column: auto / span 3;
+}
+
+.test5 .c {
+  grid-row-start: 2;
+  grid-column: auto / span 3;
+}
+
+.test6 {
+  grid-row-start: 2;
+  grid-column: auto / span X;
+}
+
+.e {
+  grid-row-start: 2;
+  grid-column: auto / span 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test2">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test3">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test4">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test5">
+<span class="c">c</span>
+<span class="d">d</span>
+<span class="d">D</span>
+<span class="e">e</span>
+</div>
+
+<div class="grid test1">
+<span class="a">a</span>
+<span class="b">b</span>
+<span class="c">c</span>
+<span class="test6">d</span>
+<span class="test6">D</span>
+<span class="e">e</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-import/1331291-1.html b/layout/reftests/css-import/1331291-1.html
new file mode 100644
index 0000000000..0f7b1844db
--- /dev/null
+++ b/layout/reftests/css-import/1331291-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<style>
+@import url(subdir/sheet.css);
+</style>
+<script>
+document.styleSheets[0].cssRules[0].styleSheet
+  .insertRule("* { background: url(1x1-green-in-subdir.png) red; }", 0);
+</script>
diff --git a/layout/reftests/css-import/1368782-1.html b/layout/reftests/css-import/1368782-1.html
new file mode 100644
index 0000000000..62cd944afc
--- /dev/null
+++ b/layout/reftests/css-import/1368782-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+@import "data:text/css,*{background:red}";
+@import "data:text/css,*{background:green}";
+</style>
diff --git a/layout/reftests/css-import/1368782-2.html b/layout/reftests/css-import/1368782-2.html
new file mode 100644
index 0000000000..0d1601dbe9
--- /dev/null
+++ b/layout/reftests/css-import/1368782-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+@import "data:text/css,*{background:green}";
+</style>
+<script>
+document.styleSheets[0].insertRule("@import \"data:text/css,*{background:red}\";", 0);
+</script>
diff --git a/layout/reftests/css-import/1368782-3.html b/layout/reftests/css-import/1368782-3.html
new file mode 100644
index 0000000000..533102289e
--- /dev/null
+++ b/layout/reftests/css-import/1368782-3.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+@import "data:text/css,*{background:green}";
+@import "data:text/css,*{background:red}";
+</style>
+<script>
+document.styleSheets[0].deleteRule(1);
+</script>
diff --git a/layout/reftests/css-import/1373559-ref.html b/layout/reftests/css-import/1373559-ref.html
new file mode 100644
index 0000000000..bbe139e347
--- /dev/null
+++ b/layout/reftests/css-import/1373559-ref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<title>CSS test reference</title>
+Shouldn't be red.
diff --git a/layout/reftests/css-import/1373559.html b/layout/reftests/css-import/1373559.html
new file mode 100644
index 0000000000..2e95534c8e
--- /dev/null
+++ b/layout/reftests/css-import/1373559.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<title>CSS test for bug 1373559: Deleted @import rules no longer apply to the document.</title>
+<style></style>
+Shouldn't be red.
+<script>
+let sheet = document.styleSheets[0];
+sheet.insertRule("@import url(data:text/css,body{color:red})", 0);
+document.documentElement.offsetTop;
+sheet.deleteRule(0);
+</script>
diff --git a/layout/reftests/css-import/290018-1.html b/layout/reftests/css-import/290018-1.html
new file mode 100644
index 0000000000..e98535f1e0
--- /dev/null
+++ b/layout/reftests/css-import/290018-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<body>
+  <iframe></iframe>
+  <script>
+    var win = window.frames[0];
+    win.document.open();
+    win.document.write("<!DOCTYPE html><html><head></head><body></body></html>");
+    win.document.close();
+    win.document.body.innerHTML = "<link rel='stylesheet' type='text/css' href='outer-sheet.css' />";
+    win.document.body.innerHTML += "<p style='padding:2px'>test</p>";
+  </script>
+</body>
+                                              
diff --git a/layout/reftests/css-import/290018-ref.html b/layout/reftests/css-import/290018-ref.html
new file mode 100644
index 0000000000..30e4f9b2e8
--- /dev/null
+++ b/layout/reftests/css-import/290018-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<body>
+  <iframe></iframe>
+  <script>
+    var win = window.frames[0];
+    win.document.open();
+    win.document.write("<!DOCTYPE html><html><head><link rel='stylesheet' type='text/css' href='outer-sheet.css' /></head><body><p style='padding:2px'>test</p></body></html>");
+    win.document.close();
+  </script>
+</body>
+                                              
diff --git a/layout/reftests/css-import/436261-1.html b/layout/reftests/css-import/436261-1.html
new file mode 100644
index 0000000000..fa13935aeb
--- /dev/null
+++ b/layout/reftests/css-import/436261-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <script type="text/javascript">
+      var el = document.createElement("link");
+      el.type = "text/css";
+      el.rel = "stylesheet";
+      el.href = "outer-sheet.css";
+      var h = document.getElementsByTagName("HEAD")[0];
+      h.appendChild(el);
+      el.title = "theme"; // comment this line to make the test work!
+    </script>
+    <p>test</p>
+  </body>
+</html>
diff --git a/layout/reftests/css-import/436261-2.html b/layout/reftests/css-import/436261-2.html
new file mode 100644
index 0000000000..7f87b97929
--- /dev/null
+++ b/layout/reftests/css-import/436261-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link type="text/css" rel="stylesheet" media="print"
+          href="outer-sheet.css">
+    <link type="text/css" rel="stylesheet" media="screen"
+          href="outer-sheet.css">
+  </head>
+  <body>
+    <p>test</p>
+  </body>
+</html>
diff --git a/layout/reftests/css-import/436261-3.html b/layout/reftests/css-import/436261-3.html
new file mode 100644
index 0000000000..dbdcf61bdb
--- /dev/null
+++ b/layout/reftests/css-import/436261-3.html
@@ -0,0 +1,21 @@
+<html>
+  <body>
+    <script type="text/javascript">
+      var el = document.createElement("link");
+      el.type = "text/css";
+      el.rel = "stylesheet";
+      el.media = "print"
+      el.href = "outer-sheet.css";
+      var h = document.getElementsByTagName("HEAD")[0];
+      h.appendChild(el);
+
+      el = document.createElement("link");
+      el.type = "text/css";
+      el.rel = "stylesheet";
+      el.href = "outer-sheet.css";
+      var h = document.getElementsByTagName("HEAD")[0];
+      h.appendChild(el);
+    </script>
+    <p>test</p>
+  </body>
+</html>
diff --git a/layout/reftests/css-import/436261-ref.html b/layout/reftests/css-import/436261-ref.html
new file mode 100644
index 0000000000..9db25a60fe
--- /dev/null
+++ b/layout/reftests/css-import/436261-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <p style="background-color: green; color: white">test</p>
+  </body>
+</html>
diff --git a/layout/reftests/css-import/444723-1.html b/layout/reftests/css-import/444723-1.html
new file mode 100644
index 0000000000..fe6ab1ed7f
--- /dev/null
+++ b/layout/reftests/css-import/444723-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
+<head>
+<link rel="stylesheet" media="screen" type="text/css"
+    href="outermost-sheet.css" title="A"/>
+<link rel="alternate stylesheet" media="screen" type="text/css"
+  href="outer-sheet.css" title="B"/>
+
+</head>
+
+<body>
+  <ul>
+    <li class="outermost">purple</li>
+    <li class="outer">blue</li>
+    <li class="inner">yellow</li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/css-import/444723-2.html b/layout/reftests/css-import/444723-2.html
new file mode 100644
index 0000000000..3630b92be5
--- /dev/null
+++ b/layout/reftests/css-import/444723-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
+<head>
+<link rel="alternate stylesheet" media="screen" type="text/css"
+  href="outer-sheet.css" title="B"/>
+<link rel="stylesheet" media="screen" type="text/css"
+    href="outermost-sheet.css" title="A"/>
+
+</head>
+
+<body>
+  <ul>
+    <li class="outermost">purple</li>
+    <li class="outer">blue</li>
+    <li class="inner">yellow</li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/css-import/444723-ref.html b/layout/reftests/css-import/444723-ref.html
new file mode 100644
index 0000000000..6337ae0442
--- /dev/null
+++ b/layout/reftests/css-import/444723-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
+<body>
+  <ul>
+    <li style="color: purple">purple</li>
+    <li style="color: blue">blue</li>
+    <li style="color: yellow">yellow</li>
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/css-import/445415-1-ref.xhtml b/layout/reftests/css-import/445415-1-ref.xhtml
new file mode 100644
index 0000000000..b1f0b4a8a5
--- /dev/null
+++ b/layout/reftests/css-import/445415-1-ref.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<body>
+<div style="color: purple">purple</div>
+<div style="color: blue">blue</div>
+<div style="color: yellow">yellow</div>
+</body>
+
+</html>
diff --git a/layout/reftests/css-import/445415-1a.xhtml b/layout/reftests/css-import/445415-1a.xhtml
new file mode 100644
index 0000000000..61030afc4f
--- /dev/null
+++ b/layout/reftests/css-import/445415-1a.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <link rel="stylesheet" type="text/css" href="other-outermost-sheet.css"
+          media="print" />
+    <link rel="stylesheet" type="text/css" href="outermost-sheet.css"
+          media="screen" />
+</head>
+
+<body>
+<div class="outermost">purple</div>
+<div class="outer">blue</div>
+<div class="inner">yellow</div>
+</body>
+
+</html>
diff --git a/layout/reftests/css-import/445415-1b.xhtml b/layout/reftests/css-import/445415-1b.xhtml
new file mode 100644
index 0000000000..b12602f39d
--- /dev/null
+++ b/layout/reftests/css-import/445415-1b.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <link rel="stylesheet" type="text/css" href="outermost-sheet.css"
+          media="screen" />
+    <link rel="stylesheet" type="text/css" href="other-outermost-sheet.css"
+          media="print" />
+</head>
+
+<body>
+<div class="outermost">purple</div>
+<div class="outer">blue</div>
+<div class="inner">yellow</div>
+</body>
+
+</html>
diff --git a/layout/reftests/css-import/445415-2-ref.xhtml b/layout/reftests/css-import/445415-2-ref.xhtml
new file mode 100644
index 0000000000..c20bf415e0
--- /dev/null
+++ b/layout/reftests/css-import/445415-2-ref.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+
+<body>
+<div style="color: cyan">cyan</div>
+<div style="color: blue">blue</div>
+<div style="color: yellow">yellow</div>
+</body>
+
+</html>
diff --git a/layout/reftests/css-import/445415-2a.xhtml b/layout/reftests/css-import/445415-2a.xhtml
new file mode 100644
index 0000000000..f474ed626d
--- /dev/null
+++ b/layout/reftests/css-import/445415-2a.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+
+<head>
+    <link rel="stylesheet" type="text/css" href="other-outermost-sheet.css"
+          media="print" />
+    <link rel="stylesheet" type="text/css" href="outermost-sheet.css"
+          media="screen" />
+</head>
+
+<body>
+<div class="outermost">cyan</div>
+<div class="outer">blue</div>
+<div class="inner">yellow</div>
+</body>
+
+</html>
diff --git a/layout/reftests/css-import/445415-2b.xhtml b/layout/reftests/css-import/445415-2b.xhtml
new file mode 100644
index 0000000000..f68604bec1
--- /dev/null
+++ b/layout/reftests/css-import/445415-2b.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+
+<head>
+    <link rel="stylesheet" type="text/css" href="outermost-sheet.css"
+          media="screen" />
+    <link rel="stylesheet" type="text/css" href="other-outermost-sheet.css"
+          media="print" />
+</head>
+
+<body>
+<div class="outermost">cyan</div>
+<div class="outer">blue</div>
+<div class="inner">yellow</div>
+</body>
+
+</html>
diff --git a/layout/reftests/css-import/green.html b/layout/reftests/css-import/green.html
new file mode 100644
index 0000000000..e3fe1305a8
--- /dev/null
+++ b/layout/reftests/css-import/green.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<style>
+@import "data:text/css,*{background:green}";
+</style>
diff --git a/layout/reftests/css-import/inner-sheet.css b/layout/reftests/css-import/inner-sheet.css
new file mode 100644
index 0000000000..f84d0bc216
--- /dev/null
+++ b/layout/reftests/css-import/inner-sheet.css
@@ -0,0 +1,2 @@
+p { background-color: green; color: white }
+.inner { color: yellow; }
\ No newline at end of file
diff --git a/layout/reftests/css-import/other-outermost-sheet.css b/layout/reftests/css-import/other-outermost-sheet.css
new file mode 100644
index 0000000000..8c77677abc
--- /dev/null
+++ b/layout/reftests/css-import/other-outermost-sheet.css
@@ -0,0 +1,3 @@
+@import url("outer-sheet.css");
+
+.outermost { color: cyan; }
diff --git a/layout/reftests/css-import/outer-sheet.css b/layout/reftests/css-import/outer-sheet.css
new file mode 100644
index 0000000000..db940dac76
--- /dev/null
+++ b/layout/reftests/css-import/outer-sheet.css
@@ -0,0 +1,2 @@
+@import url("inner-sheet.css");
+.outer { color: blue; }
diff --git a/layout/reftests/css-import/outermost-sheet.css b/layout/reftests/css-import/outermost-sheet.css
new file mode 100644
index 0000000000..b8b4bba4fb
--- /dev/null
+++ b/layout/reftests/css-import/outermost-sheet.css
@@ -0,0 +1,3 @@
+@import url("outer-sheet.css");
+
+.outermost { color: purple; }
diff --git a/layout/reftests/css-import/reftest.list b/layout/reftests/css-import/reftest.list
new file mode 100644
index 0000000000..5f1a59b394
--- /dev/null
+++ b/layout/reftests/css-import/reftest.list
@@ -0,0 +1,15 @@
+== 290018-1.html 290018-ref.html
+== 436261-1.html 436261-ref.html
+== 436261-2.html 436261-ref.html
+== 436261-3.html 436261-ref.html
+== 444723-1.html 444723-ref.html
+== 444723-2.html 444723-ref.html
+== 445415-1a.xhtml 445415-1-ref.xhtml
+== 445415-1b.xhtml 445415-1-ref.xhtml
+== 445415-2a.xhtml 445415-2-ref.xhtml
+== 445415-2b.xhtml 445415-2-ref.xhtml
+== 1331291-1.html green.html
+== 1368782-1.html green.html
+== 1368782-2.html green.html
+== 1368782-3.html green.html
+== 1373559.html 1373559-ref.html
diff --git a/layout/reftests/css-import/subdir/1x1-green-in-subdir.png b/layout/reftests/css-import/subdir/1x1-green-in-subdir.png
new file mode 100644
index 0000000000..b98ca0ba0a
Binary files /dev/null and b/layout/reftests/css-import/subdir/1x1-green-in-subdir.png differ
diff --git a/layout/reftests/css-import/subdir/sheet.css b/layout/reftests/css-import/subdir/sheet.css
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/css-invalid/button/button-button.html b/layout/reftests/css-invalid/button/button-button.html
new file mode 100644
index 0000000000..41e76115b0
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is of the button type, it is barred from constraint
+             validation and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='notinvalid' id='b' type='button'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-disabled-fieldset-1.html b/layout/reftests/css-invalid/button/button-disabled-fieldset-1.html
new file mode 100644
index 0000000000..4ce9b30dc3
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-disabled-fieldset-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <button class='notinvalid' id='b'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-disabled-fieldset-2.html b/layout/reftests/css-invalid/button/button-disabled-fieldset-2.html
new file mode 100644
index 0000000000..f5b2a9e7d6
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-disabled-fieldset-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <button class='notinvalid' id='b'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-disabled-ref.html b/layout/reftests/css-invalid/button/button-disabled-ref.html
new file mode 100644
index 0000000000..7de1ba7c5c
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;" disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-disabled.html b/layout/reftests/css-invalid/button/button-disabled.html
new file mode 100644
index 0000000000..73760ee3df
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is disabled, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notinvalid' disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-dyn-disabled.html b/layout/reftests/css-invalid/button/button-dyn-disabled.html
new file mode 100644
index 0000000000..1c7350d722
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='notinvalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-dyn-not-disabled.html b/layout/reftests/css-invalid/button/button-dyn-not-disabled.html
new file mode 100644
index 0000000000..7ae667b8ec
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-dyn-not-disabled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is not disabled and invalid, it is candidate for
+             constraint validation and should be affected
+             by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      e.removeAttribute('disabled');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='invalid' id='b' disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-fieldset-legend-ref.html b/layout/reftests/css-invalid/button/button-fieldset-legend-ref.html
new file mode 100644
index 0000000000..22adc433cd
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <button style="background-color: green;"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-fieldset-legend.html b/layout/reftests/css-invalid/button/button-fieldset-legend.html
new file mode 100644
index 0000000000..f308cc42ee
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-fieldset-legend.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <fieldset disabled>
+      <legend>
+        <button class='invalid' id='b'></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-fieldset-ref.html b/layout/reftests/css-invalid/button/button-fieldset-ref.html
new file mode 100644
index 0000000000..60ab1a3ef0
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset disabled>
+        <button style="background-color: green;"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-invalid.html b/layout/reftests/css-invalid/button/button-invalid.html
new file mode 100644
index 0000000000..f4850ad422
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a custom error, it should be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='invalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-ref.html b/layout/reftests/css-invalid/button/button-ref.html
new file mode 100644
index 0000000000..422cc9315f
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;"></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-reset.html b/layout/reftests/css-invalid/button/button-reset.html
new file mode 100644
index 0000000000..45c57cab7b
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-reset.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is of the reset type, it is barred from constraint
+             validation and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='notinvalid' id='b' type='reset'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-type-barred.html b/layout/reftests/css-invalid/button/button-type-barred.html
new file mode 100644
index 0000000000..3748615427
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-type-barred.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var b = document.getElementById('b');
+      b.setCustomValidity('foo');
+      b.type = 'button';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="document.getElementById('b').type='button'; document.documentElement.className='';">
+    <button class='notinvalid' type='submit' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-type-invalid.html b/layout/reftests/css-invalid/button/button-type-invalid.html
new file mode 100644
index 0000000000..a6e20d1a94
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-type-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has a custom error when barred from constraint
+             validation then move a type candidate for constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var b = document.getElementById('b');
+      b.setCustomValidity('foo');
+      b.type = 'submit';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='invalid' type='button' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/button-valid.html b/layout/reftests/css-invalid/button/button-valid.html
new file mode 100644
index 0000000000..1b6f61ca24
--- /dev/null
+++ b/layout/reftests/css-invalid/button/button-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has no custom error and is not barred from constraint
+             validation, it should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notinvalid'</button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/button/reftest.list b/layout/reftests/css-invalid/button/reftest.list
new file mode 100644
index 0000000000..1257d7ea16
--- /dev/null
+++ b/layout/reftests/css-invalid/button/reftest.list
@@ -0,0 +1,12 @@
+fuzzy(0-1,0-3) == button-valid.html button-ref.html
+fuzzy(0-1,0-5) == button-invalid.html button-ref.html
+== button-disabled.html button-disabled-ref.html
+fuzzy(0-1,0-5) == button-dyn-disabled.html button-disabled-ref.html
+fuzzy(0-1,0-5) == button-dyn-not-disabled.html button-ref.html
+fuzzy(0-1,0-5) == button-button.html button-ref.html
+fuzzy(0-1,0-5) == button-reset.html button-ref.html
+fuzzy(0-1,0-5) == button-type-invalid.html button-ref.html
+fuzzy(0-1,0-5) == button-type-barred.html button-ref.html
+fuzzy(0-1,0-3) == button-disabled-fieldset-1.html button-fieldset-ref.html
+fuzzy(0-1,0-3) == button-disabled-fieldset-2.html button-fieldset-ref.html
+fuzzy(0-1,0-3) == button-fieldset-legend.html button-fieldset-legend-ref.html
diff --git a/layout/reftests/css-invalid/button/style.css b/layout/reftests/css-invalid/button/style.css
new file mode 100644
index 0000000000..b52ea47cb5
--- /dev/null
+++ b/layout/reftests/css-invalid/button/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+button:invalid {
+  box-shadow: none;
+}
+
+button.notinvalid {
+  background-color: green;
+}
+button.notinvalid:invalid {
+  background-color: red;
+}
+
+button.invalid {
+  background-color: red;
+}
+button.invalid:invalid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-invalid/default-style/button-ref.html b/layout/reftests/css-invalid/default-style/button-ref.html
new file mode 100644
index 0000000000..0d3a981987
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/button-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='barred-ref'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/button.html b/layout/reftests/css-invalid/default-style/button.html
new file mode 100644
index 0000000000..ebbbe583ac
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/button.html
@@ -0,0 +1,14 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <button id='e'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/fieldset-ref.html b/layout/reftests/css-invalid/default-style/fieldset-ref.html
new file mode 100644
index 0000000000..0289183246
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/fieldset-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class='barred-ref'></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/fieldset.html b/layout/reftests/css-invalid/default-style/fieldset.html
new file mode 100644
index 0000000000..053f073273
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/fieldset.html
@@ -0,0 +1,14 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset id='e'></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/input-ref.html b/layout/reftests/css-invalid/default-style/input-ref.html
new file mode 100644
index 0000000000..31f6e35f2c
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/input-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid-ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/input.html b/layout/reftests/css-invalid/default-style/input.html
new file mode 100644
index 0000000000..6a86c17f61
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/input.html
@@ -0,0 +1,14 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <input id='e'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/reftest.list b/layout/reftests/css-invalid/default-style/reftest.list
new file mode 100644
index 0000000000..3ce4650a6b
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/reftest.list
@@ -0,0 +1,5 @@
+== input.html input-ref.html
+== button.html button-ref.html
+== textarea.html textarea-ref.html
+== select.html select-ref.html
+== fieldset.html fieldset-ref.html
diff --git a/layout/reftests/css-invalid/default-style/select-ref.html b/layout/reftests/css-invalid/default-style/select-ref.html
new file mode 100644
index 0000000000..3eed47082f
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/select-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='invalid-ref'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/select.html b/layout/reftests/css-invalid/default-style/select.html
new file mode 100644
index 0000000000..bc421bd177
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/select.html
@@ -0,0 +1,14 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <select id='e'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/style.css b/layout/reftests/css-invalid/default-style/style.css
new file mode 100644
index 0000000000..0ff814e1cc
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/style.css
@@ -0,0 +1,9 @@
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+.invalid-ref {
+}
+
+.barred-ref {
+}
diff --git a/layout/reftests/css-invalid/default-style/textarea-ref.html b/layout/reftests/css-invalid/default-style/textarea-ref.html
new file mode 100644
index 0000000000..c7037764f6
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='invalid-ref'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/default-style/textarea.html b/layout/reftests/css-invalid/default-style/textarea.html
new file mode 100644
index 0000000000..4a0731926d
--- /dev/null
+++ b/layout/reftests/css-invalid/default-style/textarea.html
@@ -0,0 +1,14 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <textarea id='e'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-barred.html
new file mode 100644
index 0000000000..74150b303e
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-barred.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- fieldset with invalid barred for constraint validation element -->
+<html>
+  <head>
+    <style>
+      fieldset:valid { display: none ;}
+    </style>
+    <script>
+      function onloadHandler()
+      {
+        document.getElementById("fieldset").appendChild(document.getElementById('i'));
+        document.documentElement.className = '';
+      }
+    </script>
+  </head>
+  <body onload="onloadHandler();">
+    <input required readonly id="i">
+    <fieldset id="fieldset">
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element-dynamic.html b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element-dynamic.html
new file mode 100644
index 0000000000..3485e88069
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element-dynamic.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- fieldset with no elements and invalid element is added dynamically -->
+<html>
+  <head>
+    <style>
+      fieldset:invalid { display:none }
+    </style>
+    <script>
+      function onLoadHandler()
+      {
+        document.getElementById("fieldset").appendChild(document.getElementById('i'));
+        document.documentElement.className='';
+      }
+    </script>
+  </head>
+  <body onload='onLoadHandler();'>
+    <input id='i' required>
+    <fieldset id="fieldset">
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element.html b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element.html
new file mode 100644
index 0000000000..855a432ce7
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--fieldset with one invalid element and another invalid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='email' value='foo'>
+    <fieldset id="fieldset">
+      <input id='j' type='email' value='foo'>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-with-valid-element.html b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-with-valid-element.html
new file mode 100644
index 0000000000..ab62debd35
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-add-invalid-with-valid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--fieldset with one valid element and invalid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='email' value='bar'>
+    <fieldset id="fieldset">
+      <input id='j' type='text' value='foo'>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-add-valid-element.html b/layout/reftests/css-invalid/fieldset/fieldset-add-valid-element.html
new file mode 100644
index 0000000000..6e5363d6b9
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-add-valid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--fieldset with one valid element and another valid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='text' value='bar'>
+    <fieldset id="fieldset">
+      <input id='j' type='text' value='foo'>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-invalid-element.html b/layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-invalid-element.html
new file mode 100644
index 0000000000..4157831e64
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-invalid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--fieldset with one invalid element and another valid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='text' value='foo'>
+    <fieldset id="fieldset">
+      <input id='j' type='email' value='emailfoo'>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-no-element.html b/layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-no-element.html
new file mode 100644
index 0000000000..bfdf264af2
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-add-valid-with-no-element.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!--fieldset with no valid element and another valid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='text' value='foo'>
+    <fieldset id="fieldset">
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-div-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-div-invalid.html
new file mode 100644
index 0000000000..2c1b47b78c
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-div-invalid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- fieldset with input in div should become invalid -->
+<html>
+  <head>
+    <style>
+      fieldset:invalid { display: none ;}
+    </style>
+  </head>
+  <body>
+    <fieldset>
+      <div>
+        <input required value="">
+      </div>
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-barred.html
new file mode 100644
index 0000000000..2671994077
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-barred.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- fieldset with one invalid element and dynamically made it element with
+barred constraints -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').readOnly = true;
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset id="fieldset">
+      <input id='i' required>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-not-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-not-barred.html
new file mode 100644
index 0000000000..cf7905f0c5
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid-not-barred.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').readOnly = false;
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset id="fieldset">
+      <input id='i' required readonly>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid.html
new file mode 100644
index 0000000000..c40a920cd1
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-invalid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- fieldset with one invalid element which is made invalid dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').value = '';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset id="fieldset">
+      <input id='i' value='foo' required>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-dynamic-valid.html b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-valid.html
new file mode 100644
index 0000000000..bfa2660151
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-dynamic-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!--  fieldset with one valid element which is made valid dynamically -->
+<html>
+  <head>
+    <style>
+      fieldset:valid {display: none;}
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').value = 'foo';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset id="fieldset">
+      <input id='i' required>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-barred.html
new file mode 100644
index 0000000000..c750a38453
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-barred.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- fieldset with one invalid element and a barred for constraint
+validation element then you remove the second element -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").removeChild(document.getElementById('j'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset id="fieldset">
+      <input required>
+      <input id='j' value='foo' readonly>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-invalid.html
new file mode 100644
index 0000000000..2bc2b2bb1a
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred-remove-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- fieldset with one invalid element and a barred for constraint
+validation element then you remove the second element -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").removeChild(document.getElementById('j'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset id="fieldset">
+      <input id='j' required>
+      <input value='foo' readonly>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred.html
new file mode 100644
index 0000000000..8075550727
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-invalid-and-barred.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- fieldset with one invalid element and a barred for constraint validation element -->
+<html>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+ <body>
+   <fieldset id="fieldset">
+    <input required>
+    <input id='i' value='foo' readonly required>
+   </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-invalid.html
new file mode 100644
index 0000000000..8f10b70e0a
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-invalid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<!-- Invalid fieldset -->
+<style>
+  fieldset:invalid { display: none; }
+</style>
+<body onload="document.getElementById('input').setCustomValidity('foo'); document.documentElement.className='';">
+<fieldset>
+  <input id="input">
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-is-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-is-barred.html
new file mode 100644
index 0000000000..ed104497b7
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-is-barred.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<!-- Fieldset is barred -->
+<style>
+  fieldset:valid { display: none; }
+</style>
+<body onload="document.getElementById('f').setCustomValidity('foo'); document.documentElement.className='';">
+<fieldset id="f">
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-nested-barred-ref.html b/layout/reftests/css-invalid/fieldset/fieldset-nested-barred-ref.html
new file mode 100644
index 0000000000..bd8b9a671e
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-nested-barred-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!-- Reference for input in nested fieldset becomes barred -->
+<html>
+  <body>
+    <fieldset style="background-color: green;">
+      <fieldset style="background-color: green;">
+        <input id='i' required readonly>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-nested-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-nested-barred.html
new file mode 100644
index 0000000000..fea0c79ae2
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-nested-barred.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- input in nested fieldset becomes barred -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:valid { background-color: green; }
+      fieldset:invalid { background-color: red; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').readOnly = true;
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset>
+      <fieldset>
+        <input id='i' required>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-nested-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-nested-invalid.html
new file mode 100644
index 0000000000..ba266bf814
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-nested-invalid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!-- Nested fieldsets should all become invalid -->
+<html>
+  <head>
+    <style>
+      fieldset:invalid { display: none ;}
+    </style>
+  </head>
+  <body>
+    <fieldset>
+      <fieldset>
+        <input required value="">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid-ref.html b/layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid-ref.html
new file mode 100644
index 0000000000..4f8e399b6b
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid-ref.html
@@ -0,0 +1,22 @@
+
+<!DOCTYPE html>
+<!-- Nested fieldsets should be assigned validation correctly -->
+<html>
+  <head>
+    <style>
+      fieldset:valid { background-color: green; }
+      fieldset:invalid { background-color: red; }
+    </style>
+  </head>
+  <body>
+    <fieldset style="background-color:red;">
+      <fieldset style="background-color: green;">
+        <input>
+      </fieldset>
+      <fieldset style="background-color: red">
+        <input required>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid.html
new file mode 100644
index 0000000000..8f69730077
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-nested-valid-invalid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Nested fieldsets should be assigned validation correctly -->
+<html>
+  <head>
+    <style>
+      fieldset:valid { background-color: green; }
+      fieldset:invalid { background-color: red; }
+    </style>
+  </head>
+  <body>
+    <fieldset>
+      <fieldset>
+        <input>
+      </fieldset>
+      <fieldset>
+        <input required>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-remove-invalid-element.html b/layout/reftests/css-invalid/fieldset/fieldset-remove-invalid-element.html
new file mode 100644
index 0000000000..7df987c9be
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-remove-invalid-element.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- fieldset with one invalid element and the element is dynamically removed -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").removeChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset id="fieldset">
+      <input id='i' type='email' value='foo'>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-static-invalid-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-static-invalid-barred.html
new file mode 100644
index 0000000000..c2bf3db346
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-static-invalid-barred.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+  <body>
+    <fieldset id="fieldset">
+      <input required readonly>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-static-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-static-invalid.html
new file mode 100644
index 0000000000..613286ec27
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-static-invalid.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!--fieldset with only invalid elements -->
+<html>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <body>
+    <fieldset id="fieldset">
+      <input required>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-static-valid.html b/layout/reftests/css-invalid/fieldset/fieldset-static-valid.html
new file mode 100644
index 0000000000..590b7d30b7
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-static-valid.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- fieldset with only valid elements -->
+<html>
+ <head>
+   <style>
+     fieldset:valid { display: none; }
+   </style>
+ </head>
+ <body>
+   <fieldset id="fieldset">
+    <input value='foo' required>
+   </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred-remove-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred-remove-barred.html
new file mode 100644
index 0000000000..06d715f9ee
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred-remove-barred.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- fieldset with one valid element and a barred for constraint
+validation element then you remove the second element -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById("fieldset").removeChild(document.getElementById('j'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <fieldset id="fieldset">
+      <input id='i' value='foo' required>
+      <input id='j' value='bar' readonly>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred.html b/layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred.html
new file mode 100644
index 0000000000..61f21f7e3d
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-valid-and-barred.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- fieldset with one invalid element and a barred for constraint validation element -->
+<html>
+  <head>
+    <style>
+      fieldset:valid { display: none; }
+    </style>
+  </head>
+ <body>
+   <fieldset id="fieldset">
+    <input id='i' value='bar' required>
+    <input id='i' value='foo' readonly required>
+   </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-valid.html b/layout/reftests/css-invalid/fieldset/fieldset-valid.html
new file mode 100644
index 0000000000..59e31af10c
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-valid.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- Valid fieldset. -->
+<html>
+  <head>
+    <style>
+      fieldset:valid { display: none ;}
+    </style>
+  </head>
+  <body>
+    <fieldset>
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-with-invalid-element-add-barred-dynamic.html b/layout/reftests/css-invalid/fieldset/fieldset-with-invalid-element-add-barred-dynamic.html
new file mode 100644
index 0000000000..30fd521e4f
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-with-invalid-element-add-barred-dynamic.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- fieldset with one valid element and you dynamically add a barred constraint
+validation element -->
+<html>
+  <head>
+    <style>
+      fieldset:invalid { display:none }
+    </style>
+    <script>
+      function onLoadHandler()
+      {
+        document.getElementById("fieldset").appendChild(document.getElementById('i'));
+        document.documentElement.className='';
+      }
+    </script>
+  </head>
+  <body onload='onLoadHandler();'>
+    <input id='i' value='foo' readonly>
+    <fieldset id="fieldset">
+      <input required>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-with-valid-and-invalid.html b/layout/reftests/css-invalid/fieldset/fieldset-with-valid-and-invalid.html
new file mode 100644
index 0000000000..9a9d43a39f
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-with-valid-and-invalid.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- fieldset with invalid and valid elements -->
+<html>
+  <head>
+    <style>
+      fieldset:invalid { display: none; }
+    </style>
+  </head>
+  <body>
+    <fieldset>
+      <input id='i' value='foo'>
+      <input required>
+    <fieldset/>
+  <body>
+<html>
diff --git a/layout/reftests/css-invalid/fieldset/fieldset-with-valid-element-add-barred-dynamic.html b/layout/reftests/css-invalid/fieldset/fieldset-with-valid-element-add-barred-dynamic.html
new file mode 100644
index 0000000000..3c1e8a3f9b
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/fieldset-with-valid-element-add-barred-dynamic.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- fieldset with one valid element and you dynamically add a barred constraint
+validation element -->
+<html>
+  <head>
+    <style>
+      fieldset:valid { display:none }
+    </style>
+    <script>
+      function onLoadHandler()
+      {
+        document.getElementById("fieldset").appendChild(document.getElementById('i'));
+        document.documentElement.className='';
+      }
+    </script>
+  </head>
+  <body onload='onLoadHandler();'>
+    <input id='i' value='foo' readonly>
+    <fieldset id="fieldset" id="fieldset">
+      <input id='j' value='bar' required>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/fieldset/reftest.list b/layout/reftests/css-invalid/fieldset/reftest.list
new file mode 100644
index 0000000000..650e0641e2
--- /dev/null
+++ b/layout/reftests/css-invalid/fieldset/reftest.list
@@ -0,0 +1,29 @@
+== fieldset-valid.html about:blank
+== fieldset-invalid.html about:blank
+== fieldset-add-invalid-barred.html about:blank
+== fieldset-add-invalid-element-dynamic.html about:blank
+== fieldset-add-invalid-element.html about:blank
+== fieldset-add-invalid-with-valid-element.html about:blank
+== fieldset-add-valid-element.html about:blank
+== fieldset-add-valid-with-invalid-element.html about:blank
+== fieldset-add-valid-with-no-element.html about:blank
+== fieldset-dynamic-invalid-barred.html about:blank
+== fieldset-dynamic-invalid-not-barred.html about:blank
+== fieldset-dynamic-invalid.html about:blank
+== fieldset-dynamic-valid.html about:blank
+== fieldset-invalid-and-barred-remove-barred.html about:blank
+== fieldset-invalid-and-barred-remove-invalid.html about:blank
+== fieldset-invalid-and-barred.html about:blank
+== fieldset-remove-invalid-element.html about:blank
+== fieldset-static-invalid-barred.html about:blank
+== fieldset-static-invalid.html about:blank
+== fieldset-static-valid.html about:blank
+== fieldset-valid-and-barred-remove-barred.html about:blank
+== fieldset-valid-and-barred.html about:blank
+== fieldset-with-invalid-element-add-barred-dynamic.html about:blank
+== fieldset-with-valid-and-invalid.html about:blank
+== fieldset-with-valid-element-add-barred-dynamic.html about:blank
+== fieldset-nested-invalid.html about:blank
+== fieldset-div-invalid.html about:blank
+== fieldset-nested-valid-invalid.html fieldset-nested-valid-invalid-ref.html
+fuzzy(0-1,0-5) == fieldset-nested-barred.html fieldset-nested-barred-ref.html
diff --git a/layout/reftests/css-invalid/form/form-add-control.html b/layout/reftests/css-invalid/form/form-add-control.html
new file mode 100644
index 0000000000..07d33ba163
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-add-control.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--form with one invalid element and another valid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i'>
+    <form>
+      <input required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-add-invalid-element-dynamic.html b/layout/reftests/css-invalid/form/form-add-invalid-element-dynamic.html
new file mode 100644
index 0000000000..29bb4ad309
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-add-invalid-element-dynamic.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- form with no elements and invalid element is added dynamically -->
+<html>
+  <head>
+    <style>
+      form:invalid { display:none }
+    </style>
+    <script>
+      function onLoadHandler()
+      {
+        document.forms[0].appendChild(document.getElementById('i'));
+        document.documentElement.className='';
+      }
+    </script>
+  </head>
+  <body onload='onLoadHandler();'>
+    <input id='i' required>
+    <form>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-add-invalid-element.html b/layout/reftests/css-invalid/form/form-add-invalid-element.html
new file mode 100644
index 0000000000..9f6017cd61
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-add-invalid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--form with one invalid element and another invalid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='email' value='foo'>
+    <form>
+      <input id='j' type='email' value='foo'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-add-invalid-with-valid-element.html b/layout/reftests/css-invalid/form/form-add-invalid-with-valid-element.html
new file mode 100644
index 0000000000..1260e3f958
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-add-invalid-with-valid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--form with one valid element and invalid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='email' value='bar'>
+    <form>
+      <input id='j' type='text' value='foo'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-add-valid-element.html b/layout/reftests/css-invalid/form/form-add-valid-element.html
new file mode 100644
index 0000000000..09bbd0f115
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-add-valid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--form with one valid element and another valid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='text' value='bar'>
+    <form>
+      <input id='j' type='text' value='foo'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-add-valid-with-invalid-element.html b/layout/reftests/css-invalid/form/form-add-valid-with-invalid-element.html
new file mode 100644
index 0000000000..205897ca06
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-add-valid-with-invalid-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--form with one invalid element and another valid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='text' value='foo'>
+    <form>
+      <input id='j' type='email' value='emailfoo'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-add-valid-with-no-element.html b/layout/reftests/css-invalid/form/form-add-valid-with-no-element.html
new file mode 100644
index 0000000000..1c2632fbc9
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-add-valid-with-no-element.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!--form with no valid element and another valid one is added dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].appendChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <input id='i' type='text' value='foo'>
+    <form>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-dynamic-invalid-barred.html b/layout/reftests/css-invalid/form/form-dynamic-invalid-barred.html
new file mode 100644
index 0000000000..ff110054b0
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-dynamic-invalid-barred.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- form with one invalid element and dynamically made it element with
+barred constraints -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').readOnly = 'ro';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <form>
+      <input id='i' required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-dynamic-invalid-not-barred.html b/layout/reftests/css-invalid/form/form-dynamic-invalid-not-barred.html
new file mode 100644
index 0000000000..f38ff854e6
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-dynamic-invalid-not-barred.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').removeAttribute('readonly');
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <form>
+      <input id='i' required readonly>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-dynamic-invalid.html b/layout/reftests/css-invalid/form/form-dynamic-invalid.html
new file mode 100644
index 0000000000..6e189b4c52
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-dynamic-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- form with one invalid element which is made invalid dynamically -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+      :-moz-ui-invalid { box-shadow: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').value = '';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <form>
+      <input id='i' value='foo' required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-dynamic-valid.html b/layout/reftests/css-invalid/form/form-dynamic-valid.html
new file mode 100644
index 0000000000..d8bb2a90fa
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-dynamic-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!--  form with one valid element which is made valid dynamically -->
+<html>
+  <head>
+    <style>
+      form:invalid {display: none;}
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('i').value = 'foo';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <form>
+      <input id='i' required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-invalid-and-barred-remove-barred.html b/layout/reftests/css-invalid/form/form-invalid-and-barred-remove-barred.html
new file mode 100644
index 0000000000..62e24162f7
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-invalid-and-barred-remove-barred.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- form with one invalid element and a barred for constraint 
+validation element then you remove the second element -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].removeChild(document.getElementById('j'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <form>
+      <input required>
+      <input id='j' value='foo' readonly>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-invalid-and-barred.html b/layout/reftests/css-invalid/form/form-invalid-and-barred.html
new file mode 100644
index 0000000000..0d4391be39
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-invalid-and-barred.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- Form with one invalid element and a barred for constraint validation element -->
+<html>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+ <body>
+   <form>
+    <input required>
+    <input id='i' value='foo' readonly required>
+   </form>
+ </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-invalid-barred-ref.html b/layout/reftests/css-invalid/form/form-invalid-barred-ref.html
new file mode 100644
index 0000000000..d9ba4a84c7
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-invalid-barred-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+      <input required readonly>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-invalid-barred.html b/layout/reftests/css-invalid/form/form-invalid-barred.html
new file mode 100644
index 0000000000..8509352a51
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-invalid-barred.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- form with invalid barred for constraint validation element -->
+<html>
+  <head>
+    <style>
+      form:invalid { display: none ;}
+    </style>
+  </head>
+  <body>
+    <form>
+      <input required readonly>
+    </form>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/form/form-invalid-ref-2.html b/layout/reftests/css-invalid/form/form-invalid-ref-2.html
new file mode 100644
index 0000000000..dd03dc812f
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-invalid-ref-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+      <input type='email' value='foo'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-invalid-ref.html b/layout/reftests/css-invalid/form/form-invalid-ref.html
new file mode 100644
index 0000000000..d1d41176c9
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-invalid-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <body>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-remove-invalid-element.html b/layout/reftests/css-invalid/form/form-remove-invalid-element.html
new file mode 100644
index 0000000000..5a75a4c3db
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-remove-invalid-element.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- form with one invalid element and the element is dynamically removed -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].removeChild(document.getElementById('i'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <form>
+      <input id='i' type='email' value='foo'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-static-invalid-barred.html b/layout/reftests/css-invalid/form/form-static-invalid-barred.html
new file mode 100644
index 0000000000..fd1fb016d5
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-static-invalid-barred.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <body>
+    <form>
+      <input required readonly>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-static-invalid.html b/layout/reftests/css-invalid/form/form-static-invalid.html
new file mode 100644
index 0000000000..aea413e491
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-static-invalid.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!--form with only invalid elements -->
+<html>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <body>
+    <form>
+      <input required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-static-valid.html b/layout/reftests/css-invalid/form/form-static-valid.html
new file mode 100644
index 0000000000..b2104bacdf
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-static-valid.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- form with only valid elements -->
+<html>
+ <head>
+   <style>
+     form:invalid { display: none; }
+   </style>
+ </head>
+ <body>
+   <form>
+    <input value='foo' required>
+   </form>
+ </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-valid-and-barred-ref.html b/layout/reftests/css-invalid/form/form-valid-and-barred-ref.html
new file mode 100644
index 0000000000..a0dd9e358e
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-valid-and-barred-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+      <input value='bar' required>
+      <input value='foo' readonly required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-valid-and-barred-remove-barred.html b/layout/reftests/css-invalid/form/form-valid-and-barred-remove-barred.html
new file mode 100644
index 0000000000..dd63b8c5c4
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-valid-and-barred-remove-barred.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- form with one valid element and a barred for constraint
+validation element then you remove the second element -->
+<html class='reftest-wait'>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <script>
+    function onloadHandler()
+    {
+      document.forms[0].removeChild(document.getElementById('j'));
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='onloadHandler();'>
+    <form>
+      <input id='i' value='foo'required>
+      <input id='j' value='bar' readonly>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-valid-and-barred.html b/layout/reftests/css-invalid/form/form-valid-and-barred.html
new file mode 100644
index 0000000000..3cface5e61
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-valid-and-barred.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- Form with one invalid element and a barred for constraint validation element -->
+<html>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+ <body>
+   <form>
+    <input id='i' value='bar'required>
+    <input id='i' value='foo' readonly required>
+   </form>
+ </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-valid-ref-2.html b/layout/reftests/css-invalid/form/form-valid-ref-2.html
new file mode 100644
index 0000000000..47698f1d99
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-valid-ref-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-valid-ref-4.html b/layout/reftests/css-invalid/form/form-valid-ref-4.html
new file mode 100644
index 0000000000..881c5cab87
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-valid-ref-4.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+      <input type='text' value='foo'>
+      <input type='text' value='bar'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-valid-ref.html b/layout/reftests/css-invalid/form/form-valid-ref.html
new file mode 100644
index 0000000000..e210a812e5
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-valid-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <form>
+      <input type='text' value='foo' required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-with-invalid-element-add-barred-dynamic.html b/layout/reftests/css-invalid/form/form-with-invalid-element-add-barred-dynamic.html
new file mode 100644
index 0000000000..893af3e5c0
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-with-invalid-element-add-barred-dynamic.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- form with one valid element and you dynamically add a barred constraint 
+validation element -->
+<html>
+  <head>
+    <style>
+      form:invalid { display:none }
+    </style>
+    <script>
+      function onLoadHandler()
+      {
+        document.forms[0].appendChild(document.getElementById('i'));
+        document.documentElement.className='';
+      }
+    </script>
+  </head>
+  <body onload='onLoadHandler();'>
+    <input id='i' value='foo' readonly>
+    <form>
+      <input required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/form-with-valid-and-invalid.html b/layout/reftests/css-invalid/form/form-with-valid-and-invalid.html
new file mode 100644
index 0000000000..b4ed305766
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-with-valid-and-invalid.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- form with invalid and valid elements -->
+<html>
+  <head>
+    <style>
+      form:invalid { display: none; }
+    </style>
+  </head>
+  <body>
+    <form>
+      <input id='i' value='foo'>
+      <input required>
+    <form>
+  <body>
+<html>
diff --git a/layout/reftests/css-invalid/form/form-with-valid-element-add-barred-dynamic.html b/layout/reftests/css-invalid/form/form-with-valid-element-add-barred-dynamic.html
new file mode 100644
index 0000000000..c012d2521d
--- /dev/null
+++ b/layout/reftests/css-invalid/form/form-with-valid-element-add-barred-dynamic.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- form with one valid element and you dynamically add a barred constraint 
+validation element -->
+<html>
+  <head>
+    <style>
+      form:invalid { display:none }
+    </style>
+    <script>
+      function onLoadHandler()
+      {
+        document.forms[0].appendChild(document.getElementById('i'));
+        document.documentElement.className='';
+      }
+    </script>
+  </head>
+  <body onload='onLoadHandler();'>
+    <input id='i' value='foo' readonly>
+    <form>
+      <input id='j' value='bar' required>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/form/reftest.list b/layout/reftests/css-invalid/form/reftest.list
new file mode 100644
index 0000000000..c1e513d58b
--- /dev/null
+++ b/layout/reftests/css-invalid/form/reftest.list
@@ -0,0 +1,24 @@
+== form-static-valid.html form-valid-ref.html
+== form-dynamic-valid.html form-valid-ref.html
+== form-remove-invalid-element.html form-valid-ref-2.html
+== form-static-invalid.html form-invalid-ref.html
+== form-dynamic-invalid.html form-invalid-ref.html
+== form-add-control.html form-invalid-ref.html
+== form-dynamic-invalid-not-barred.html form-invalid-ref.html
+== form-remove-invalid-element.html form-invalid-ref.html
+== form-dynamic-invalid-barred.html form-invalid-barred-ref.html
+== form-static-invalid-barred.html form-invalid-barred-ref.html
+== form-add-invalid-element.html form-invalid-ref.html
+== form-add-valid-with-invalid-element.html form-invalid-ref.html
+== form-invalid-barred.html form-invalid-barred-ref.html
+== form-add-valid-element.html form-valid-ref-4.html
+== form-add-valid-with-no-element.html form-valid-ref.html
+== form-add-invalid-with-valid-element.html form-invalid-ref.html
+== form-with-valid-and-invalid.html form-invalid-ref.html
+== form-add-invalid-element-dynamic.html form-invalid-ref.html
+== form-invalid-and-barred.html form-invalid-ref.html
+== form-invalid-and-barred-remove-barred.html form-invalid-ref.html
+== form-valid-and-barred.html form-valid-and-barred-ref.html
+fuzzy-if(geckoview,0-4,0-2) == form-valid-and-barred-remove-barred.html form-valid-ref.html
+== form-with-invalid-element-add-barred-dynamic.html form-invalid-ref.html
+== form-with-valid-element-add-barred-dynamic.html form-valid-and-barred-ref.html
diff --git a/layout/reftests/css-invalid/input/input-button-ref.html b/layout/reftests/css-invalid/input/input-button-ref.html
new file mode 100644
index 0000000000..6f001b2109
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-button-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input type='button' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-button.html b/layout/reftests/css-invalid/input/input-button.html
new file mode 100644
index 0000000000..5d708712af
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of button type, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='button'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-customerror.html b/layout/reftests/css-invalid/input/input-customerror.html
new file mode 100644
index 0000000000..a0aad9b374
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-customerror.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').setCustomValidity('foo');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if input has a custom error, it should be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid' id='t'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-disabled-fieldset-1.html b/layout/reftests/css-invalid/input/input-disabled-fieldset-1.html
new file mode 100644
index 0000000000..1b82858f57
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <input class='notinvalid' required>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-disabled-fieldset-2.html b/layout/reftests/css-invalid/input/input-disabled-fieldset-2.html
new file mode 100644
index 0000000000..c470f77330
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <input class='notinvalid' required>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-disabled.html b/layout/reftests/css-invalid/input/input-disabled.html
new file mode 100644
index 0000000000..9015e7bc51
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is disabled, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' disabled>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-dyn-disabled.html b/layout/reftests/css-invalid/input/input-dyn-disabled.html
new file mode 100644
index 0000000000..770313752c
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('i');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <input class='notinvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-dyn-not-disabled.html b/layout/reftests/css-invalid/input/input-dyn-not-disabled.html
new file mode 100644
index 0000000000..327c1ab8f8
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-dyn-not-disabled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is not disabled and invalid, it is candidate for
+             constraint validation and should be affected
+             by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('i');
+      e.setCustomValidity('foo');
+      e.removeAttribute('disabled');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <input class='invalid' id='i' disabled>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-dyn-not-readonly.html b/layout/reftests/css-invalid/input/input-dyn-not-readonly.html
new file mode 100644
index 0000000000..83bf1024eb
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-dyn-not-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is no longer readonly, it is candidate for constraint
+             validation and should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').removeAttribute('readonly'); document.documentElement.className='';">
+    <input class='invalid' id='i' readonly required>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-dyn-readonly.html b/layout/reftests/css-invalid/input/input-dyn-readonly.html
new file mode 100644
index 0000000000..e00ce5f488
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-dyn-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').readOnly='ro'; document.documentElement.className='';">
+    <input class='notinvalid' id='i' required>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-email-invalid.html b/layout/reftests/css-invalid/input/input-email-invalid.html
new file mode 100644
index 0000000000..66604c45d8
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-email-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid' type='email' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-email-ref.html b/layout/reftests/css-invalid/input/input-email-ref.html
new file mode 100644
index 0000000000..8c598ef9df
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-email-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input value='foo@bar.com' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-email-valid.html b/layout/reftests/css-invalid/input/input-email-valid.html
new file mode 100644
index 0000000000..7eb1c6f988
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-email-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='email' value='foo@bar.com'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-fieldset-legend-ref.html b/layout/reftests/css-invalid/input/input-fieldset-legend-ref.html
new file mode 100644
index 0000000000..2a171df0a6
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-fieldset-legend-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <legend>
+        <input class='ref'>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-fieldset-legend.html b/layout/reftests/css-invalid/input/input-fieldset-legend.html
new file mode 100644
index 0000000000..4cdb026c7a
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <input class='invalid' required>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-fieldset-ref.html b/layout/reftests/css-invalid/input/input-fieldset-ref.html
new file mode 100644
index 0000000000..25c90be997
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <fieldset>
+        <input class='ref'>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-image-ref.html b/layout/reftests/css-invalid/input/input-image-ref.html
new file mode 100644
index 0000000000..1509fe487c
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-image-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input type='image' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-image.html b/layout/reftests/css-invalid/input/input-image.html
new file mode 100644
index 0000000000..d949e66e18
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-image.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of button type, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='image'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-pattern-invalid.html b/layout/reftests/css-invalid/input/input-pattern-invalid.html
new file mode 100644
index 0000000000..4a2325c611
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-pattern-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid' pattern='bar' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-pattern-valid.html b/layout/reftests/css-invalid/input/input-pattern-valid.html
new file mode 100644
index 0000000000..7e5283410e
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-pattern-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' pattern='foo' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-radio-checked-ref.html b/layout/reftests/css-invalid/input/input-radio-checked-ref.html
new file mode 100644
index 0000000000..45864b158c
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-checked-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input type='radio' class='ref' checked>
+    <input type='radio' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-customerror.html b/layout/reftests/css-invalid/input/input-radio-customerror.html
new file mode 100644
index 0000000000..e5fadd514c
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-customerror.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if one radio in a group is suffering from a custom error, the other
+             radio should not be invalid. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').setCustomValidity('foo');
+                document.documentElement.className='';">
+    <input class='invalid' id='i1' name='foo' type='radio'>
+    <input class='notinvalid' id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-dyn-valid-1.html b/layout/reftests/css-invalid/input/input-radio-dyn-valid-1.html
new file mode 100644
index 0000000000..30db7c015a
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-dyn-valid-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there are no radio suffering from being missing in the radio
+             group, all radio should not suffer from being missing. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').checked = true;
+                document.documentElement.className='';">
+    <input class='notinvalid' id='i1' name='foo' type='radio' required>
+    <input class='notinvalid' id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-dyn-valid-2.html b/layout/reftests/css-invalid/input/input-radio-dyn-valid-2.html
new file mode 100644
index 0000000000..a2cfbd6a10
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-dyn-valid-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there are no radio suffering from being missing in the radio
+             group, all radio should not suffer from being missing. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').required = false;
+                document.documentElement.className='';">
+    <input class='notinvalid' id='i1' name='foo' type='radio' required>
+    <input class='notinvalid' id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-focus-click.html b/layout/reftests/css-invalid/input/input-radio-focus-click.html
new file mode 100644
index 0000000000..a25ea85e39
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-focus-click.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <body class="reftest-wait">
+    <!-- See bug 658282. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler() {
+      var button = document.getElementsByTagName('button')[0];
+      var radios = document.getElementsByName('foo');
+
+      button.onclick = function() {
+        for (var i = 0; i < radios.length; i++) {
+          radios[i].checked = false;
+        }
+        button.remove();
+        document.documentElement.className='';
+      };
+
+      radios[0].focus();
+      radios[0].checked = true;
+      button.focus();
+      button.click();
+    }
+  </script>
+  <body onload="loadHandler();">
+    <input class='invalid' id='i1' name='foo' type='radio' required>
+    <input class='invalid' id='i2' name='foo' type='radio' required>
+    <button></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-nogroup-required-invalid.html b/layout/reftests/css-invalid/input/input-radio-nogroup-required-invalid.html
new file mode 100644
index 0000000000..d46b1607c2
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-nogroup-required-invalid.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' id='i' type='radio' checked required>
+    <input class='notinvalid' type='radio'> <!-- adding this one so we don't have to create a second ref -->
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-nogroup-required-valid.html b/layout/reftests/css-invalid/input/input-radio-nogroup-required-valid.html
new file mode 100644
index 0000000000..ba096be4db
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-nogroup-required-valid.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid' id='i' type='radio' required name='i'>
+    <input class='notinvalid' type='radio'> <!-- adding this one so we don't have to create a second ref -->
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-ref.html b/layout/reftests/css-invalid/input/input-radio-ref.html
new file mode 100644
index 0000000000..9abe06bca8
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input type='radio' class='ref'>
+    <input type='radio' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-radio-required.html b/layout/reftests/css-invalid/input/input-radio-required.html
new file mode 100644
index 0000000000..1faaedc13a
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-radio-required.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if one radio in a group has the required attribute and no radio is
+             checked, all radio in the group should suffer from being missing. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid' id='i1' name='foo' type='radio' required>
+    <input class='invalid' id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-readonly.html b/layout/reftests/css-invalid/input/input-readonly.html
new file mode 100644
index 0000000000..4aebf00265
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' readonly>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-ref.html b/layout/reftests/css-invalid/input/input-ref.html
new file mode 100644
index 0000000000..ad0de3cfba
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-required-invalid.html b/layout/reftests/css-invalid/input/input-required-invalid.html
new file mode 100644
index 0000000000..eea8eb2409
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-required-valid.html b/layout/reftests/css-invalid/input/input-required-valid.html
new file mode 100644
index 0000000000..bde7d22aa1
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' value='foo' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-reset.html b/layout/reftests/css-invalid/input/input-reset.html
new file mode 100644
index 0000000000..04d02f9e40
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-reset.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of reset type, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <!-- Setting value to the empty string let us check against input-button-ref.html -->
+    <input class='notinvalid' type='reset' value=''>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-submit-ref.html b/layout/reftests/css-invalid/input/input-submit-ref.html
new file mode 100644
index 0000000000..a1a0aa7fb9
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-submit-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input type='submit' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-submit.html b/layout/reftests/css-invalid/input/input-submit.html
new file mode 100644
index 0000000000..180235bb62
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-submit.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of button type, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='submit'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-type-barred.html b/layout/reftests/css-invalid/input/input-type-barred.html
new file mode 100644
index 0000000000..ac99c0f25f
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-type-barred.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if an input has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').type='button'; document.documentElement.className='';">
+    <input class='notinvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-type-invalid.html b/layout/reftests/css-invalid/input/input-type-invalid.html
new file mode 100644
index 0000000000..537c877c06
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-type-invalid.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if an input has a custom error when barred from constraint
+             validation then move a type candidate for constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function doTest()
+    {
+      var i = document.getElementById('i');
+      i.setCustomValidity('foo');
+      i.type = 'text';
+      document.documentElement.className='';
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  <body>
+    <input class='invalid' type='button' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-url-invalid.html b/layout/reftests/css-invalid/input/input-url-invalid.html
new file mode 100644
index 0000000000..6df386a561
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-url-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid' type='url' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-url-ref.html b/layout/reftests/css-invalid/input/input-url-ref.html
new file mode 100644
index 0000000000..387a384d6f
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-url-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input value='http://mozilla.org/' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-url-valid.html b/layout/reftests/css-invalid/input/input-url-valid.html
new file mode 100644
index 0000000000..08162538a3
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-url-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='url' value='http://mozilla.org/'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/input/input-valid.html b/layout/reftests/css-invalid/input/input-valid.html
new file mode 100644
index 0000000000..9b8e0e039e
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and is not barred from constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/input-withtext-ref.html b/layout/reftests/css-invalid/input/input-withtext-ref.html
new file mode 100644
index 0000000000..1b4e93b008
--- /dev/null
+++ b/layout/reftests/css-invalid/input/input-withtext-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input value='foo' class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/input/reftest.list b/layout/reftests/css-invalid/input/reftest.list
new file mode 100644
index 0000000000..a3f9544d52
--- /dev/null
+++ b/layout/reftests/css-invalid/input/reftest.list
@@ -0,0 +1,33 @@
+== input-valid.html input-ref.html
+fuzzy(0-2,0-10) == input-customerror.html input-ref.html
+== input-disabled.html input-ref.html
+== input-dyn-disabled.html input-ref.html
+== input-dyn-not-disabled.html input-ref.html
+== input-readonly.html input-ref.html
+== input-dyn-readonly.html input-ref.html
+== input-dyn-not-readonly.html input-ref.html
+== input-required-valid.html input-withtext-ref.html
+== input-required-invalid.html input-ref.html
+== input-button.html input-button-ref.html
+== input-reset.html input-button-ref.html
+== input-email-invalid.html input-withtext-ref.html
+== input-email-valid.html input-email-ref.html
+== input-url-invalid.html input-withtext-ref.html
+== input-url-valid.html input-url-ref.html
+== input-pattern-valid.html input-withtext-ref.html
+== input-pattern-invalid.html input-withtext-ref.html
+== input-type-barred.html input-button-ref.html
+fuzzy(0-11,0-4) == input-type-invalid.html input-ref.html
+== input-disabled-fieldset-1.html input-fieldset-ref.html
+== input-disabled-fieldset-2.html input-fieldset-ref.html
+== input-fieldset-legend.html input-fieldset-legend-ref.html
+== input-radio-required.html input-radio-ref.html
+fuzzy(0-2,0-10) == input-radio-customerror.html input-radio-ref.html
+fuzzy(0-2,0-10) == input-radio-dyn-valid-1.html input-radio-checked-ref.html
+fuzzy(0-2,0-10) == input-radio-dyn-valid-2.html input-radio-ref.html
+fuzzy(0-2,0-10) == input-radio-nogroup-required-valid.html input-radio-ref.html
+fuzzy(0-2,0-10) == input-radio-nogroup-required-invalid.html input-radio-checked-ref.html
+fuzzy(0-2,0-10) == input-radio-focus-click.html input-radio-ref.html
+== input-submit.html input-submit-ref.html
+== input-image.html input-image-ref.html
+# input type='hidden' shouldn't show
diff --git a/layout/reftests/css-invalid/input/style.css b/layout/reftests/css-invalid/input/style.css
new file mode 100644
index 0000000000..e3e221a26f
--- /dev/null
+++ b/layout/reftests/css-invalid/input/style.css
@@ -0,0 +1,26 @@
+/* Override default style */
+input {
+  -moz-appearance: none;
+  background: none;
+}
+input:invalid {
+  box-shadow: none;
+}
+
+input.notinvalid {
+  box-shadow: 0 0 1.5px 1px green;
+}
+input.notinvalid:invalid {
+  box-shadow: 0 0 1.5px 1px red;
+}
+
+input.invalid {
+  box-shadow: 0 0 1.5px 1px red;
+}
+input.invalid:invalid {
+  box-shadow: 0 0 1.5px 1px green;
+}
+
+input.ref {
+  box-shadow: 0 0 1.5px 1px green;
+}
diff --git a/layout/reftests/css-invalid/output/output-invalid.html b/layout/reftests/css-invalid/output/output-invalid.html
new file mode 100644
index 0000000000..75dc7b09c5
--- /dev/null
+++ b/layout/reftests/css-invalid/output/output-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if output has a custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <output class='invalid' id='b'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/output/output-ref.html b/layout/reftests/css-invalid/output/output-ref.html
new file mode 100644
index 0000000000..0db2c440c7
--- /dev/null
+++ b/layout/reftests/css-invalid/output/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='ref'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/output/output-valid.html b/layout/reftests/css-invalid/output/output-valid.html
new file mode 100644
index 0000000000..08f215f6b1
--- /dev/null
+++ b/layout/reftests/css-invalid/output/output-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if output has no custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='notinvalid'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/output/reftest.list b/layout/reftests/css-invalid/output/reftest.list
new file mode 100644
index 0000000000..74468e394a
--- /dev/null
+++ b/layout/reftests/css-invalid/output/reftest.list
@@ -0,0 +1,2 @@
+== output-valid.html output-ref.html
+== output-invalid.html output-ref.html
diff --git a/layout/reftests/css-invalid/output/style.css b/layout/reftests/css-invalid/output/style.css
new file mode 100644
index 0000000000..c291f09d1b
--- /dev/null
+++ b/layout/reftests/css-invalid/output/style.css
@@ -0,0 +1,22 @@
+/* Override default style */
+output {
+  color: black;
+}
+
+output.notinvalid {
+  color: green;
+}
+output.notinvalid:invalid {
+  color: red;
+}
+
+output.invalid {
+  color: green;
+}
+output.invalid:invalid {
+  color: red;
+}
+
+output.ref {
+  color: green;
+}
diff --git a/layout/reftests/css-invalid/reftest.list b/layout/reftests/css-invalid/reftest.list
new file mode 100644
index 0000000000..a8cb70993e
--- /dev/null
+++ b/layout/reftests/css-invalid/reftest.list
@@ -0,0 +1,14 @@
+# :invalid should not apply on fieldset (always barred from constraint validation)
+include fieldset/reftest.list
+
+# :invalid should apply on the following elements
+include button/reftest.list
+include input/reftest.list
+include select/reftest.list
+include textarea/reftest.list
+include output/reftest.list
+
+# default :invalid style
+include default-style/reftest.list
+
+include form/reftest.list
diff --git a/layout/reftests/css-invalid/select/reftest.list b/layout/reftests/css-invalid/select/reftest.list
new file mode 100644
index 0000000000..38b5e3ff71
--- /dev/null
+++ b/layout/reftests/css-invalid/select/reftest.list
@@ -0,0 +1,12 @@
+needs-focus == select-valid.html select-ref.html
+fuzzy(0-1,0-3) needs-focus == select-invalid.html select-ref.html
+fuzzy(0-2,0-6) needs-focus == select-disabled.html select-disabled-ref.html
+fuzzy(0-2,0-6) needs-focus == select-dyn-disabled.html select-disabled-ref.html
+fuzzy(0-1,0-3) needs-focus == select-dyn-not-disabled.html select-ref.html
+needs-focus == select-required-invalid.html select-required-ref.html
+needs-focus == select-required-valid.html select-required-ref.html
+needs-focus == select-required-multiple-still-valid.html select-required-multiple-ref.html
+fuzzy(0-1,0-250) needs-focus == select-required-multiple-valid.html select-required-multiple-ref.html
+fuzzy-if(!Android,0-1,0-3) fuzzy-if(Android,0-9,0-1) needs-focus == select-disabled-fieldset-1.html select-fieldset-ref.html
+fuzzy-if(!Android,0-2,0-3) fuzzy-if(Android,0-8,0-1) needs-focus == select-disabled-fieldset-2.html select-fieldset-ref.html
+fuzzy(0-2,0-5) needs-focus == select-fieldset-legend.html select-fieldset-legend-ref.html
diff --git a/layout/reftests/css-invalid/select/select-disabled-fieldset-1.html b/layout/reftests/css-invalid/select/select-disabled-fieldset-1.html
new file mode 100644
index 0000000000..9ba5a9600a
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-disabled-fieldset-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('s');
+      e.setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <select class='notinvalid' id='s'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-disabled-fieldset-2.html b/layout/reftests/css-invalid/select/select-disabled-fieldset-2.html
new file mode 100644
index 0000000000..e131aa6d73
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-disabled-fieldset-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var e = document.getElementById('s');
+      e.setCustomValidity('foo');
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <select class='notinvalid' id='s'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-disabled-ref.html b/layout/reftests/css-invalid/select/select-disabled-ref.html
new file mode 100644
index 0000000000..e3a228a897
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select disabled style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-disabled.html b/layout/reftests/css-invalid/select/select-disabled.html
new file mode 100644
index 0000000000..51e03e541a
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is disabled, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').setCustomValidity('foo'); document.documentElement.className='';">
+    <select class='notinvalid' id='s' disabled></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-dyn-disabled.html b/layout/reftests/css-invalid/select/select-dyn-disabled.html
new file mode 100644
index 0000000000..424c3b5e39
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('s');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <select class='notinvalid' id='s'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-dyn-not-disabled.html b/layout/reftests/css-invalid/select/select-dyn-not-disabled.html
new file mode 100644
index 0000000000..54de470acd
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-dyn-not-disabled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is not disabled and invalid, it is candidate for
+             constraint validation and should be affected
+             by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('s');
+      e.setCustomValidity('foo');
+      e.removeAttribute('disabled');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <select class='invalid' id='s' disabled></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-fieldset-legend-ref.html b/layout/reftests/css-invalid/select/select-fieldset-legend-ref.html
new file mode 100644
index 0000000000..5083cea90d
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <select style="background-color: green;"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-fieldset-legend.html b/layout/reftests/css-invalid/select/select-fieldset-legend.html
new file mode 100644
index 0000000000..dea989deed
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-fieldset-legend.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <fieldset disabled>
+      <legend>
+        <select class='invalid' id='b'></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-fieldset-ref.html b/layout/reftests/css-invalid/select/select-fieldset-ref.html
new file mode 100644
index 0000000000..ca82a8022d
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset>
+        <select disabled style="background-color: green;"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-invalid.html b/layout/reftests/css-invalid/select/select-invalid.html
new file mode 100644
index 0000000000..45d3790adb
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a custom error, it should be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').setCustomValidity('foo'); document.documentElement.className='';">
+    <select class='invalid' id='s'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-ref.html b/layout/reftests/css-invalid/select/select-ref.html
new file mode 100644
index 0000000000..a28668557f
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-required-invalid.html b/layout/reftests/css-invalid/select/select-required-invalid.html
new file mode 100644
index 0000000000..31f6c81d11
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-required-invalid.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a select option which has an empty
+             string value, :invalid should apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='invalid' required>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html></html>
diff --git a/layout/reftests/css-invalid/select/select-required-multiple-ref.html b/layout/reftests/css-invalid/select/select-required-multiple-ref.html
new file mode 100644
index 0000000000..a9477333f8
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-required-multiple-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select multiple style="background-color: green;">
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-required-multiple-still-valid.html b/layout/reftests/css-invalid/select/select-required-multiple-still-valid.html
new file mode 100644
index 0000000000..affa854905
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-required-multiple-still-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has all selected option values set to the
+             empty string, :invalid should still not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required multiple>
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-required-multiple-valid.html b/layout/reftests/css-invalid/select/select-required-multiple-valid.html
new file mode 100644
index 0000000000..e58e0c576a
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-required-multiple-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a selected option which has value
+             different from the empty string, :invalid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required multiple>
+      <option selected></option>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-required-ref.html b/layout/reftests/css-invalid/select/select-required-ref.html
new file mode 100644
index 0000000000..3c2bde80a0
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-required-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select style="background-color: green;">
+      <option selected value="">foo</option>
+    </selecT>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-required-valid.html b/layout/reftests/css-invalid/select/select-required-valid.html
new file mode 100644
index 0000000000..e6e4856dc4
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-required-valid.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a select option which has value
+             different from the empty string, :invalid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/select-valid.html b/layout/reftests/css-invalid/select/select-valid.html
new file mode 100644
index 0000000000..2092f87875
--- /dev/null
+++ b/layout/reftests/css-invalid/select/select-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has no custom error and is not barred from constraint
+             validation, it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/select/style.css b/layout/reftests/css-invalid/select/style.css
new file mode 100644
index 0000000000..5461c6dfb4
--- /dev/null
+++ b/layout/reftests/css-invalid/select/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+select:invalid {
+  box-shadow: none;
+}
+
+select.notinvalid {
+  background-color: green;
+}
+select.notinvalid:invalid {
+  background-color: red;
+}
+
+select.invalid {
+  background-color: red;
+}
+select.invalid:invalid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-invalid/textarea/reftest.list b/layout/reftests/css-invalid/textarea/reftest.list
new file mode 100644
index 0000000000..d290f294f3
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/reftest.list
@@ -0,0 +1,13 @@
+== textarea-valid.html textarea-ref.html
+== textarea-customerror.html textarea-ref.html
+== textarea-disabled.html textarea-ref.html
+== textarea-dyn-disabled.html textarea-ref.html
+== textarea-dyn-not-disabled.html textarea-ref.html
+== textarea-readonly.html textarea-ref.html
+== textarea-dyn-readonly.html textarea-ref.html
+== textarea-dyn-not-readonly.html textarea-ref.html
+== textarea-required-valid.html textarea-withtext-ref.html
+== textarea-required-invalid.html textarea-ref.html
+== textarea-disabled-fieldset-1.html textarea-fieldset-ref.html
+== textarea-disabled-fieldset-2.html textarea-fieldset-ref.html
+== textarea-fieldset-legend.html textarea-fieldset-legend-ref.html
diff --git a/layout/reftests/css-invalid/textarea/style.css b/layout/reftests/css-invalid/textarea/style.css
new file mode 100644
index 0000000000..1fec018af2
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/style.css
@@ -0,0 +1,26 @@
+/* Override default style */
+textarea {
+  border: 0px;
+}
+
+textarea.ref {
+  background-color: green;
+}
+
+textarea:invalid {
+  box-shadow: none;
+}
+
+textarea.notinvalid {
+  background-color: green;
+}
+textarea.notinvalid:invalid {
+  background-color: red;
+}
+
+textarea.invalid {
+  background-color: red;
+}
+textarea.invalid:invalid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-invalid/textarea/textarea-customerror.html b/layout/reftests/css-invalid/textarea/textarea-customerror.html
new file mode 100644
index 0000000000..1f6dd5ce67
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-customerror.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').setCustomValidity('foo');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea has a custom error, it should be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='invalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-1.html b/layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-1.html
new file mode 100644
index 0000000000..0c07f75ef4
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notinvalid' required></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-2.html b/layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-2.html
new file mode 100644
index 0000000000..4d2df60f90
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notinvalid' required></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-disabled.html b/layout/reftests/css-invalid/textarea/textarea-disabled.html
new file mode 100644
index 0000000000..1d0dd1067c
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is disabled, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' disabled></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-dyn-disabled.html b/layout/reftests/css-invalid/textarea/textarea-dyn-disabled.html
new file mode 100644
index 0000000000..f206158b39
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-dyn-disabled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if textarea is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function doTest()
+    {
+      var e = document.getElementById('t');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  <body>
+    <textarea class='notinvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-dyn-not-disabled.html b/layout/reftests/css-invalid/textarea/textarea-dyn-not-disabled.html
new file mode 100644
index 0000000000..bd20f3019c
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-dyn-not-disabled.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if textarea is not disabled and invalid, it is candidate for
+             constraint validation and should be affected
+             by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function doTest()
+    {
+      var e = document.getElementById('t');
+      e.setCustomValidity('foo');
+      e.removeAttribute('disabled');
+      document.documentElement.className='';
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  <body>
+    <textarea class='invalid' id='t' disabled></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-dyn-not-readonly.html b/layout/reftests/css-invalid/textarea/textarea-dyn-not-readonly.html
new file mode 100644
index 0000000000..a627c80784
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-dyn-not-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').removeAttribute('readonly');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is no longer readonly, it is candidate for constraint
+             validation and should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='invalid' id='t' readonly required></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-dyn-readonly.html b/layout/reftests/css-invalid/textarea/textarea-dyn-readonly.html
new file mode 100644
index 0000000000..f583f5d2e7
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-dyn-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').readOnly='ro';
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' id='t' required></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-fieldset-legend-ref.html b/layout/reftests/css-invalid/textarea/textarea-fieldset-legend-ref.html
new file mode 100644
index 0000000000..8e81d23f1f
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-fieldset-legend-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-fieldset-legend.html b/layout/reftests/css-invalid/textarea/textarea-fieldset-legend.html
new file mode 100644
index 0000000000..0584250a88
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <textarea class='invalid' required></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-fieldset-ref.html b/layout/reftests/css-invalid/textarea/textarea-fieldset-ref.html
new file mode 100644
index 0000000000..1d01eb0438
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <fieldset>
+        <textarea class="ref"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-readonly.html b/layout/reftests/css-invalid/textarea/textarea-readonly.html
new file mode 100644
index 0000000000..dbc12b6503
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' readonly></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-ref.html b/layout/reftests/css-invalid/textarea/textarea-ref.html
new file mode 100644
index 0000000000..b370a02a0f
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-required-invalid.html b/layout/reftests/css-invalid/textarea/textarea-required-invalid.html
new file mode 100644
index 0000000000..48a2652f8c
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea isn't valid nor barred from constraint validation,
+             it should be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='invalid' required></textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/textarea/textarea-required-valid.html b/layout/reftests/css-invalid/textarea/textarea-required-valid.html
new file mode 100644
index 0000000000..8c754fd4af
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid and not barred from constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' required>foo</textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-invalid/textarea/textarea-valid.html b/layout/reftests/css-invalid/textarea/textarea-valid.html
new file mode 100644
index 0000000000..e32d71cd24
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid and is not barred from constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-invalid/textarea/textarea-withtext-ref.html b/layout/reftests/css-invalid/textarea/textarea-withtext-ref.html
new file mode 100644
index 0000000000..a6a2b79cfa
--- /dev/null
+++ b/layout/reftests/css-invalid/textarea/textarea-withtext-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref">foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/greenbox-print.html b/layout/reftests/css-mediaqueries/greenbox-print.html
new file mode 100644
index 0000000000..f3fff0598c
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/greenbox-print.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<html class="reftest-paged">
+<title>A reference of green box</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/greenbox.html b/layout/reftests/css-mediaqueries/greenbox.html
new file mode 100644
index 0000000000..faf31fffc4
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/greenbox.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>A reference of green box</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_overflow-block-ref.html b/layout/reftests/css-mediaqueries/mq_overflow-block-ref.html
new file mode 100644
index 0000000000..89b8f52d44
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_overflow-block-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <span>A</span>
+  <span>C</span>
+  <span>D</span>
diff --git a/layout/reftests/css-mediaqueries/mq_overflow-block-ref.svg b/layout/reftests/css-mediaqueries/mq_overflow-block-ref.svg
new file mode 100644
index 0000000000..3f5afa40a9
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_overflow-block-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    circle { fill: red }
+    .b { fill: green }
+    .e { fill: green }
+  </style>
+  <circle cx="5" cy="10" r="5" class="a">A</circle>
+  <circle cx="15" cy="10" r="5" class="b">B</circle>
+  <circle cx="25" cy="10" r="5" class="c">C</circle>
+  <circle cx="35" cy="10" r="5" class="d">D</circle>
+  <circle cx="45" cy="10" r="5" class="e">E</circle>
+</svg>
diff --git a/layout/reftests/css-mediaqueries/mq_overflow-block.html b/layout/reftests/css-mediaqueries/mq_overflow-block.html
new file mode 100644
index 0000000000..1e31e9855d
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_overflow-block.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    @media (overflow-block: none) {
+      .a { display: none }
+    }
+    @media (overflow-block: scroll) {
+      .b { display: none }
+    }
+    @media (overflow-block: paged) {
+      .c { display: none }
+    }
+    @media (overflow-block: something-new-and-unknown) {
+      .d { display: none }
+    }
+    @media (overflow-block) {
+      .e { display: none }
+    }
+  </style>
+  <span class=a>A</span>
+  <span class=b>B</span>
+  <span class=c>C</span>
+  <span class=d>D</span>
+  <span class=e>E</span>
diff --git a/layout/reftests/css-mediaqueries/mq_overflow-block.svg b/layout/reftests/css-mediaqueries/mq_overflow-block.svg
new file mode 100644
index 0000000000..cdbcee816c
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_overflow-block.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    circle { fill: red }
+    @media (overflow-block: none) {
+      .a { fill: green }
+    }
+    @media (overflow-block: scroll) {
+      .b { fill: green }
+    }
+    @media (overflow-block: paged) {
+      .c { fill: green }
+    }
+    @media (overflow-block: something-new-and-unknown) {
+      .d { fill: green }
+    }
+    @media (overflow-block) {
+      .e { fill: green }
+    }
+  </style>
+  <circle cx="5" cy="10" r="5" class="a">A</circle>
+  <circle cx="15" cy="10" r="5" class="b">B</circle>
+  <circle cx="25" cy="10" r="5" class="c">C</circle>
+  <circle cx="35" cy="10" r="5" class="d">D</circle>
+  <circle cx="45" cy="10" r="5" class="e">E</circle>
+</svg>
diff --git a/layout/reftests/css-mediaqueries/mq_overflow-inline-ref.html b/layout/reftests/css-mediaqueries/mq_overflow-inline-ref.html
new file mode 100644
index 0000000000..0c64c8598d
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_overflow-inline-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+  <span>A</span>
+  <span>D</span>
diff --git a/layout/reftests/css-mediaqueries/mq_overflow-inline.html b/layout/reftests/css-mediaqueries/mq_overflow-inline.html
new file mode 100644
index 0000000000..f5d94d9f53
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_overflow-inline.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    @media (overflow-inline: none) {
+      .a { display: none }
+    }
+    @media (overflow-inline: scroll) {
+      .b { display: none }
+    }
+    @media (overflow-inline) {
+      .c { display: none }
+    }
+    @media (overflow-inline: something-new-and-unknown) {
+      .d { display: none }
+    }
+  </style>
+  <span class=a>A</span>
+  <span class=b>B</span>
+  <span class=c>C</span>
+  <span class=d>D</span>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme.html
new file mode 100644
index 0000000000..4755fd803e
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-color-scheme is supported</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-color-scheme) {
+  div { background-color: green; }
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html
new file mode 100644
index 0000000000..c7b961b398
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-color-scheme: dark</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-color-scheme: dark) {
+  div { background-color: green; }
+}
+@media (prefers-color-scheme: light) {
+  div { background-color: red; }
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html
new file mode 100644
index 0000000000..61dc8dece0
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-color-scheme: light</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-color-scheme: light) {
+  div { background-color: green; }
+}
+@media (prefers-color-scheme: dark) {
+  div { background-color: red; }
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html
new file mode 100644
index 0000000000..d6a1137b63
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<meta charset="utf-8">
+<html class="reftest-paged">
+<title>prefers-color-scheme: light in print mode</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-color-scheme: light) {
+  div { background-color: green; }
+}
+@media (prefers-color-scheme: dark) {
+  div { background-color: red; }
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion.html b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion.html
new file mode 100644
index 0000000000..03fd0c2a75
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-reduced-motion</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-reduced-motion) {
+  div { background-color: green; }
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_both.html b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_both.html
new file mode 100644
index 0000000000..cda0b01d47
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_both.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>prefers-reduced-motion</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  div { background-color: green; }
+}
+
+@media (prefers-reduced-motion) {
+  div { background-color: green; }
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_no_preference.html b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_no_preference.html
new file mode 100644
index 0000000000..9a8dd0c3f6
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_no_preference.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-reduced-motion: no-preference</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  div { background-color: green; }
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_reduce.html b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_reduce.html
new file mode 100644
index 0000000000..ddc9813dee
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_reduce.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-reduced-motion: reduce</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  div { background-color: green; }
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print-ref.xhtml b/layout/reftests/css-mediaqueries/mq_print-ref.xhtml
new file mode 100644
index 0000000000..0677f6cc3d
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print-ref.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - print mode test - Reference</title>
+  <style><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    p.y { color: aqua; }
+    p.n { color: yellow; }
+  ]]></style>
+</head>
+
+<body>
+  <p class="y">a</p>
+  <p class="n">b</p>
+  <p class="y">c</p>
+  <p class="y">d</p>
+  <p class="y">e</p>
+  <p class="y">f</p>
+  <p class="y">g</p>
+  <p class="y">h</p>
+  <p class="y">i</p>
+  <p class="n">j</p>
+  <p class="n">k</p>
+  <p class="n">l</p>
+  <p class="n">m</p>
+  <p class="n">n</p>
+  <p class="n">o</p>
+  <p class="n">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_aspectratio.xhtml b/layout/reftests/css-mediaqueries/mq_print_aspectratio.xhtml
new file mode 100644
index 0000000000..4167aaf120
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_aspectratio.xhtml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - aspect-ratio</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    @media (aspect-ratio: 4/2) { .c { color: aqua; } }    /* y */
+    @media (aspect-ratio: 8/4) { .d { color: aqua; } }  /* y */
+    @media (aspect-ratio: 12/6) { .e { color: aqua; } }  /* y */
+
+    @media print and (aspect-ratio: 4/2) { .f {color: aqua; } }  /* y */
+    @media print and (aspect-ratio: 8/4) { .g {color: aqua; } }/* y */
+    @media print and (aspect-ratio: 12/6) { .h {color: aqua; } }/* y */
+
+    @media all and (aspect-ratio: 4/2) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (aspect-ratio: 3/2) { .j { color: aqua; } } /* n */
+
+    @media (aspect-ratio: 4/3) { .k { color: aqua; } } /* n */
+    @media (aspect-ratio: 3/4) { .l { color: aqua; } }  /* n */
+    @media (aspect-ratio: 16/9) { .m { color: aqua; } } /* n */
+
+    @media screen and (aspect-ratio: 4/2) { .n {color: aqua; } }   /* n */
+    @media screen and (aspect-ratio: 8/4) { .o {color: aqua; } } /* n */
+    @media screen and (aspect-ratio: 12/6) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_deviceaspectratio.xhtml b/layout/reftests/css-mediaqueries/mq_print_deviceaspectratio.xhtml
new file mode 100644
index 0000000000..5bc28531bb
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_deviceaspectratio.xhtml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - Device-aspect-ratio</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* not sure if the 3/5 will work as aspect ratio is width/height */
+    @media (device-aspect-ratio: 5/3) { .c { color: aqua; } }    /* y */
+    @media (device-aspect-ratio: 10/6) { .d { color: aqua; } }  /* y */
+    @media (device-aspect-ratio: 15/9) { .e { color: aqua; } }  /* y */
+
+    @media print and (device-aspect-ratio: 5/3) { .f {color: aqua; } }  /* y */
+    @media print and (device-aspect-ratio: 10/6) { .g {color: aqua; } }/* y */
+    @media print and (device-aspect-ratio: 15/9) { .h {color: aqua; } }/* y */
+
+    @media all and (device-aspect-ratio: 5/3) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (device-aspect-ratio: 3/2) { .j { color: aqua; } } /* n */
+
+    @media (device-aspect-ratio: 4/3) { .k { color: aqua; } } /* n */
+    @media (device-aspect-ratio: 3/4) { .l { color: aqua; } }  /* n */
+    @media (device-aspect-ratio: 16/9) { .m { color: aqua; } } /* n */
+
+    @media screen and (device-aspect-ratio: 5/3) { .n {color: aqua; } }   /* n */
+    @media screen and (device-aspect-ratio: 10/6) { .o {color: aqua; } } /* n */
+    @media screen and (device-aspect-ratio: 15/9) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_deviceheight.xhtml b/layout/reftests/css-mediaqueries/mq_print_deviceheight.xhtml
new file mode 100644
index 0000000000..a1d4ac184a
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_deviceheight.xhtml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - device-height</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the height to 3inches/216pt/76mm in the reftest-paged class*/
+    @media (device-height: 3in) { .c { color: aqua; } }    /* y */
+    @media (device-height: 216pt) { .d { color: aqua; } }  /* y */
+    @media (device-height: 76.2mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (device-height: 3in) { .f {color: aqua; } }  /* y */
+    @media print and (device-height: 216pt) { .g {color: aqua; } }/* y */
+    @media print and (device-height: 76.2mm) { .h {color: aqua; } }/* y */
+
+    @media all and (device-height: 3in) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (device-height: 4in) { .j { color: aqua; } } /* n */
+
+    @media (device-height: 130mm) { .k { color: aqua; } } /* n */
+    @media (device-height: 4in) { .l { color: aqua; } }  /* n */
+    @media (device-height: 400pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (device-height: 3in) { .n {color: aqua; } }   /* n */
+    @media screen and (device-height: 216pt) { .o {color: aqua; } } /* n */
+    @media screen and (device-height: 76.2mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_devicewidth.xhtml b/layout/reftests/css-mediaqueries/mq_print_devicewidth.xhtml
new file mode 100644
index 0000000000..4695bb11df
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_devicewidth.xhtml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - device-width</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the width to 5 inches/360pt/127mm in the reftest-paged class*/
+    @media (device-width: 5in) { .c { color: aqua; } }    /* y */
+    @media (device-width: 360pt) { .d { color: aqua; } }  /* y */
+    @media (device-width: 127mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (device-width: 5in) { .f {color: aqua; } }  /* y */
+    @media print and (device-width: 360pt) { .g {color: aqua; } }/* y */
+    @media print and (device-width: 127mm) { .h {color: aqua; } }/* y */
+
+    @media all and (device-width: 5in) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (device-width: 6in) { .j { color: aqua; } } /* n */
+
+    @media (device-width: 130mm) { .k { color: aqua; } } /* n */
+    @media (device-width: 6in) { .l { color: aqua; } }  /* n */
+    @media (device-width: 400pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (device-width: 5in) { .n {color: aqua; } }   /* n */
+    @media screen and (device-width: 360pt) { .o {color: aqua; } } /* n */
+    @media screen and (device-width: 127mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_height.xhtml b/layout/reftests/css-mediaqueries/mq_print_height.xhtml
new file mode 100644
index 0000000000..6f4112bd99
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_height.xhtml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - height</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the height to 3 inches/216pt/76mm in the reftest-paged class. -0.5 inches
+       for each margin, that makes 2 inches/144pt/50.8mm*/
+    @media (height: 2in) { .c { color: aqua; } }    /* y */
+    @media (height: 144pt) { .d { color: aqua; } }  /* y */
+    @media (height: 50.8mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (height: 2in) { .f {color: aqua; } }  /* y */
+    @media print and (height: 144pt) { .g {color: aqua; } }/* y */
+    @media print and (height: 50.8mm) { .h {color: aqua; } }/* y */
+
+    @media all and (height: 2in) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (height: 4in) { .j { color: aqua; } } /* n */
+
+    @media (height: 130mm) { .k { color: aqua; } } /* n */
+    @media (height: 4in) { .l { color: aqua; } }  /* n */
+    @media (height: 400pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (height: 2in) { .n {color: aqua; } }   /* n */
+    @media screen and (height: 144pt) { .o {color: aqua; } } /* n */
+    @media screen and (height: 50.8mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_maxheight.xhtml b/layout/reftests/css-mediaqueries/mq_print_maxheight.xhtml
new file mode 100644
index 0000000000..f2a7dbf0c6
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_maxheight.xhtml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - max-height</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the height to 3 inches/216pt/76mm in the reftest-paged class. -0.5 inches
+       for each margin, that makes 2 inches/144pt/50.8mm*/
+    @media (max-height: 2in) { .c { color: aqua; } }    /* y */
+    @media (max-height: 144pt) { .d { color: aqua; } }  /* y */ 
+    @media (max-height: 50.8mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (max-height: 2in) { .f {color: aqua; } }  /* y */ 
+    @media print and (max-height: 144pt) { .g {color: aqua; } }/* y */
+    @media print and (max-height: 50.8mm) { .h {color: aqua; } }/* y */
+
+    @media all and (max-height: 2in) { .i { color: aqua; } } /* y */
+
+    /* negative cases - values < set values */
+    @media all and (max-height: 1.5in) { .j { color: aqua; } } /* n */
+
+    @media (max-height: 50mm) { .k { color: aqua; } } /* n */ 
+    @media (max-height: 1.57in) { .l { color: aqua; } }  /* n */
+    @media (max-height: 127pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (max-height: 2in) { .n {color: aqua; } }   /* n */ 
+    @media screen and (max-height: 144pt) { .o {color: aqua; } } /* n */
+    @media screen and (max-height: 50.8mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_maxheight_updown.xhtml b/layout/reftests/css-mediaqueries/mq_print_maxheight_updown.xhtml
new file mode 100644
index 0000000000..3e95c2638e
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_maxheight_updown.xhtml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - max-height</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the height to 3 inches/216pt/76mm in the reftest-paged class*/
+    /* test values greater than */
+    @media (max-height: 11in) { .c { color: aqua; } }    /* y */
+    @media (max-height: 1100pt) { .d { color: aqua; } }  /* y */ 
+    @media (max-height: 110mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (max-height: 11in) { .f {color: aqua; } }  /* y */ 
+    @media print and (max-height: 1100pt) { .g {color: aqua; } }/* y */
+    @media print and (max-height: 110mm) { .h {color: aqua; } }/* y */
+
+    @media all and (max-height: 11in) { .i { color: aqua; } } /* y */
+
+
+    /* test values less than */
+    @media (max-height: 1in) { .j { color: aqua; } }    /* n */
+    @media (max-height: 100pt) { .k { color: aqua; } }  /* n */ 
+    @media (max-height: 10mm) { .l { color: aqua; } }  /* n */
+
+    @media print and (max-height: 1in) { .m {color: aqua; } }  /* n */ 
+    @media print and (max-height: 100pt) { .n {color: aqua; } }/* n */
+    @media print and (max-height: 10mm) { .o {color: aqua; } }/* n */
+
+    @media all and (max-height: 1in) { .p { color: aqua; } } /* n */
+
+
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_maxwidth.xhtml b/layout/reftests/css-mediaqueries/mq_print_maxwidth.xhtml
new file mode 100644
index 0000000000..e72df88c6a
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_maxwidth.xhtml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - max-width</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the width to 5 inches/360pt/127mm in the reftest-paged class, -0.5 inches
+       for each margin, that makes 4 inches / 288pt / 101.6mm */
+
+    @media (max-width: 4in) { .c { color: aqua; } }    /* y */
+    @media (max-width: 288pt) { .d { color: aqua; } }  /* y */ 
+    @media (max-width: 101.6mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (max-width: 4in) { .f {color: aqua; } }  /* y */ 
+    @media print and (max-width: 288pt) { .g {color: aqua; } }/* y */
+    @media print and (max-width: 101.6mm) { .h {color: aqua; } }/* y */
+
+    @media all and (max-width: 4in) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases - values < set values */
+    @media all and (max-width: 3in) { .j { color: aqua; } } /* n */
+
+    @media (max-width: 31mm) { .k { color: aqua; } } /* n */ 
+    @media (max-width: 3.14in) { .l { color: aqua; } }  /* n */
+    @media (max-width: 280pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (max-width: 4in) { .n {color: aqua; } }   /* n */ 
+    @media screen and (max-width: 288pt) { .o {color: aqua; } } /* n */
+    @media screen and (max-width: 101.6mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_maxwidth_updown.xhtml b/layout/reftests/css-mediaqueries/mq_print_maxwidth_updown.xhtml
new file mode 100644
index 0000000000..ebc99dcf57
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_maxwidth_updown.xhtml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - max-width</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the width to 5 inches/360pt/127mm in the reftest-paged class*/
+    /* test values great than */
+    @media (max-width: 31in) { .c { color: aqua; } }    /* y */
+    @media (max-width: 3141pt) { .d { color: aqua; } }  /* y */ 
+    @media (max-width: 314mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (max-width: 31in) { .f {color: aqua; } }  /* y */ 
+    @media print and (max-width: 3141pt) { .g {color: aqua; } }/* y */
+    @media print and (max-width: 314mm) { .h {color: aqua; } }/* y */
+
+    @media all and (max-width: 31in) { .i { color: aqua; } } /* y */
+
+
+    /* test values less than */
+    @media (max-width: 1in) { .j { color: aqua; } }    /* n */
+    @media (max-width: 141pt) { .k { color: aqua; } }  /* n */ 
+    @media (max-width: 14mm) { .l { color: aqua; } }  /* n */
+
+    @media print and (max-width: 1in) { .m {color: aqua; } }  /* n */ 
+    @media print and (max-width: 141pt) { .n {color: aqua; } }/* n */
+    @media print and (max-width: 14mm) { .o {color: aqua; } }/* n */
+
+    @media all and (max-width: 1in) { .p { color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_minheight.xhtml b/layout/reftests/css-mediaqueries/mq_print_minheight.xhtml
new file mode 100644
index 0000000000..9e88e658aa
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_minheight.xhtml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - min-height</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the height to 3 inches/216pt/76mm in the reftest-paged class. -0.5 inches
+       for each margin, that makes 2 inches/144pt/50.8mm*/
+    @media (min-height: 2in) { .c { color: aqua; } }    /* y */
+    @media (min-height: 144pt) { .d { color: aqua; } }  /* y */ 
+    @media (min-height: 50.8mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (min-height: 2in) { .f {color: aqua; } }  /* y */ 
+    @media print and (min-height: 144pt) { .g {color: aqua; } }/* y */
+    @media print and (min-height: 50.8mm) { .h {color: aqua; } }/* y */
+
+    @media all and (min-height: 2in) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (min-height: 4in) { .j { color: aqua; } } /* n */
+
+    @media (min-height: 130mm) { .k { color: aqua; } } /* n */ 
+    @media (min-height: 4in) { .l { color: aqua; } }  /* n */
+    @media (min-height: 400pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (min-height: 2in) { .n {color: aqua; } }   /* n */ 
+    @media screen and (min-height: 144pt) { .o {color: aqua; } } /* n */
+    @media screen and (min-height: 50.8mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_minheight_updown.xhtml b/layout/reftests/css-mediaqueries/mq_print_minheight_updown.xhtml
new file mode 100644
index 0000000000..50b40cde32
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_minheight_updown.xhtml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - min-height</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the height to 3 inches/216pt/76mm in the reftest-paged class. -0.5 inches
+       for each margin, that makes 2 inches/144pt/50.8mm*/
+
+    /* test less than set value */
+    @media (min-height: 1.57in) { .c { color: aqua; } }    /* y */
+    @media (min-height: 140pt) { .d { color: aqua; } }  /* y */ 
+    @media (min-height: 31.4mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (min-height: 1.57in) { .f {color: aqua; } }  /* y */ 
+    @media print and (min-height: 140pt) { .g {color: aqua; } }/* y */
+    @media print and (min-height: 31.4mm) { .h {color: aqua; } }/* y */
+
+    @media all and (min-height: 1.57in) { .i { color: aqua; } } /* y */
+
+
+    /* test greater than set value */
+    @media (min-height: 15.7in) { .j { color: aqua; } }    /* n */
+    @media (min-height: 3141pt) { .k { color: aqua; } }  /* n */ 
+    @media (min-height: 3141mm) { .l { color: aqua; } }  /* n */
+
+    @media print and (min-height: 15.7in) { .m {color: aqua; } }  /* n */ 
+    @media print and (min-height: 3141pt) { .n {color: aqua; } }/* n */
+    @media print and (min-height: 3141mm) { .o {color: aqua; } }/* n */
+
+    @media all and (min-height: 15.7in) { .p { color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_minwidth.xhtml b/layout/reftests/css-mediaqueries/mq_print_minwidth.xhtml
new file mode 100644
index 0000000000..778fda4545
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_minwidth.xhtml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - min-width</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the width to 5 inches/360pt/127mm in the reftest-paged class, -0.5 inches
+       for each margin, that makes 4 inches / 288pt / 101.6mm */
+
+    @media (min-width: 4in) { .c { color: aqua; } }    /* y */
+    @media (min-width: 288pt) { .d { color: aqua; } }  /* y */ 
+    @media (min-width: 101.6mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (min-width: 4in) { .f {color: aqua; } }  /* y */ 
+    @media print and (min-width: 288pt) { .g {color: aqua; } }/* y */
+    @media print and (min-width: 101.6mm) { .h {color: aqua; } }/* y */
+
+    @media all and (min-width: 4in) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (min-width: 6in) { .j { color: aqua; } } /* n */
+
+    @media (min-width: 130mm) { .k { color: aqua; } } /* n */ 
+    @media (min-width: 6in) { .l { color: aqua; } }  /* n */
+    @media (min-width: 400pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (min-width: 4in) { .n {color: aqua; } }   /* n */ 
+    @media screen and (min-width: 288pt) { .o {color: aqua; } } /* n */
+    @media screen and (min-width: 101.6mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_minwidth_updown.xhtml b/layout/reftests/css-mediaqueries/mq_print_minwidth_updown.xhtml
new file mode 100644
index 0000000000..dda7b09333
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_minwidth_updown.xhtml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - min-width</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the width to 5 inches/360pt/127mm in the reftest-paged class, -0.5 inches
+       for each margin, that makes 4 inches / 288pt / 101.6mm */
+
+    /* test values less than set */
+    @media (min-width: 3.14in) { .c { color: aqua; } }    /* y */
+    @media (min-width: 284pt) { .d { color: aqua; } }  /* y */ 
+    @media (min-width: 31.4mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (min-width: 3.14in) { .f {color: aqua; } }  /* y */ 
+    @media print and (min-width: 284pt) { .g {color: aqua; } }/* y */
+    @media print and (min-width: 31.4mm) { .h {color: aqua; } }/* y */
+
+    @media all and (min-width: 3.14in) { .i { color: aqua; } } /* y */
+
+
+    /* test values greater than set */
+    @media (min-width: 31.4in) { .j { color: aqua; } }    /* n */
+    @media (min-width: 3141pt) { .k { color: aqua; } }  /* n */ 
+    @media (min-width: 314mm) { .l { color: aqua; } }  /* n */
+
+    @media print and (min-width: 31.4in) { .m {color: aqua; } }  /* n */ 
+    @media print and (min-width: 3141pt) { .n {color: aqua; } }/* n */
+    @media print and (min-width: 314mm) { .o {color: aqua; } }/* n */
+
+    @media all and (min-width: 31.4in) { .p { color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_orientation-ref.xhtml b/layout/reftests/css-mediaqueries/mq_print_orientation-ref.xhtml
new file mode 100644
index 0000000000..2bfab6d444
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_orientation-ref.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - print mode test - orientation</title>
+  <style><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    p.y { color: aqua; }
+    p.n { color: yellow; }
+  ]]></style>
+</head>
+
+<body>
+  <p class="y">a</p>
+  <p class="n">b</p>
+  <p class="y">c</p>
+  <p class="y">d</p>
+  <p class="y">e</p>
+  <p class="n">f</p>
+  <p class="n">g</p>
+  <p class="n">h</p>
+  <p class="n">i</p>
+  <p class="n">j</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_orientation.xhtml b/layout/reftests/css-mediaqueries/mq_print_orientation.xhtml
new file mode 100644
index 0000000000..bb3ecb3940
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_orientation.xhtml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - orientation</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* Print reftests are 5/3, which is landscape. */
+    @media (orientation: landscape) { .c { color: aqua; } }    /* y */
+    @media print and (orientation: landscape) { .d {color: aqua; } }  /* y */
+    @media all and (orientation: landscape) { .e { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (orientation: portrait) { .f { color: aqua; } } /* n */
+
+    @media (orientation: portrait) { .g { color: aqua; } } /* n */
+    @media print and (orientation: portrait) { .h { color: aqua; } }  /* n */
+
+    @media screen and (orientation: landscape) { .i {color: aqua; } }   /* n */
+    @media screen and (orientation: portrait) { .j {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+  <p class="j">j</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_print_overflow-block-ref.html b/layout/reftests/css-mediaqueries/mq_print_overflow-block-ref.html
new file mode 100644
index 0000000000..9f7d1c3379
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_overflow-block-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html class=reftest-paged>
+  <style>html{font-size:12pt}</style>
+  <span>A</span>
+  <span>B</span>
+  <span>D</span>
diff --git a/layout/reftests/css-mediaqueries/mq_print_overflow-block.html b/layout/reftests/css-mediaqueries/mq_print_overflow-block.html
new file mode 100644
index 0000000000..4dd3183754
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_overflow-block.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class=reftest-paged>
+  <style>
+    html{font-size:12pt}
+    @media (overflow-block: none) {
+      .a { display: none }
+    }
+    @media (overflow-block: scroll) {
+      .b { display: none }
+    }
+    @media (overflow-block: paged) {
+      .c { display: none }
+    }
+    @media (overflow-block: something-new-and-unknown) {
+      .d { display: none }
+    }
+    @media (overflow-block) {
+      .e { display: none }
+    }
+  </style>
+  <span class=a>A</span>
+  <span class=b>B</span>
+  <span class=c>C</span>
+  <span class=d>D</span>
+  <span class=e>E</span>
diff --git a/layout/reftests/css-mediaqueries/mq_print_overflow-inline-ref.html b/layout/reftests/css-mediaqueries/mq_print_overflow-inline-ref.html
new file mode 100644
index 0000000000..d9a763ff13
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_overflow-inline-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html class=reftest-paged>
+  <span>B</span>
+  <span>C</span>
+  <span>D</span>
diff --git a/layout/reftests/css-mediaqueries/mq_print_overflow-inline.html b/layout/reftests/css-mediaqueries/mq_print_overflow-inline.html
new file mode 100644
index 0000000000..15d8fa10b5
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_overflow-inline.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class=reftest-paged>
+  <style>
+    @media (overflow-inline: none) {
+      .a { display: none }
+    }
+    @media (overflow-inline: scroll) {
+      .b { display: none }
+    }
+    @media (overflow-inline) {
+      .c { display: none }
+    }
+    @media (overflow-inline: something-new-and-unknown) {
+      .d { display: none }
+    }
+  </style>
+  <span class=a>A</span>
+  <span class=b>B</span>
+  <span class=c>C</span>
+  <span class=d>D</span>
diff --git a/layout/reftests/css-mediaqueries/mq_print_update-ref.html b/layout/reftests/css-mediaqueries/mq_print_update-ref.html
new file mode 100644
index 0000000000..0080a98de3
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_update-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class=reftest-paged>
+  <style>html{font-size:12pt}</style>
+  <span>B</span>
+  <span>C</span>
+  <span>D</span>
+  <span>E</span>
diff --git a/layout/reftests/css-mediaqueries/mq_print_update.html b/layout/reftests/css-mediaqueries/mq_print_update.html
new file mode 100644
index 0000000000..719be06f38
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_update.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class=reftest-paged>
+  <style>
+    html{font-size:12pt}
+    @media (update: none) {
+      .a { display: none }
+    }
+    @media (update: slow) {
+      .b { display: none }
+    }
+    @media (update: fast) {
+      .c { display: none }
+    }
+    @media (update: something-new-and-unknown) {
+      .d { display: none }
+    }
+    @media (update) {
+      .e { display: none }
+    }
+  </style>
+  <span class=a>A</span>
+  <span class=b>B</span>
+  <span class=c>C</span>
+  <span class=d>D</span>
+  <span class=e>E</span>
diff --git a/layout/reftests/css-mediaqueries/mq_print_width.xhtml b/layout/reftests/css-mediaqueries/mq_print_width.xhtml
new file mode 100644
index 0000000000..f93d16296d
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_print_width.xhtml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<head>
+  <title>Media Query - Print mode test - Width</title>
+  <style type="text/css"><![CDATA[
+    p {height: 10px; width: 100px; color: yellow; }
+    @media print { .a { color: aqua; } }
+    @media screen { .b { color: aqua; } }
+
+    /* we set the width to 5 inches/360pt/127mm in the reftest-paged class, -0.5 inches
+       for each margin, that makes 4 inches / 288pt / 101.6mm */
+
+    @media (width: 4in) { .c { color: aqua; } }    /* y */
+    @media (width: 288pt) { .d { color: aqua; } }  /* y */
+    @media (width: 101.6mm) { .e { color: aqua; } }  /* y */
+
+    @media print and (width: 4in) { .f {color: aqua; } }  /* y */
+    @media print and (width: 288pt) { .g {color: aqua; } }/* y */
+    @media print and (width: 101.6mm) { .h {color: aqua; } }/* y */
+
+    @media all and (width: 4in) { .i { color: aqua; } } /* y */
+
+
+    /* negative cases */
+    @media all and (width: 5in) { .j { color: aqua; } } /* n */
+
+    @media (width: 130mm) { .k { color: aqua; } } /* n */
+    @media (width: 6in) { .l { color: aqua; } }  /* n */
+    @media (width: 400pt) { .m { color: aqua; } } /* n */
+
+    @media screen and (width: 4in) { .n {color: aqua; } }   /* n */
+    @media screen and (width: 288pt) { .o {color: aqua; } } /* n */
+    @media screen and (width: 101.6mm) { .p {color: aqua; } } /* n */
+
+  ]]></style>
+</head>
+
+<body>
+  <p class="a">a</p>
+  <p class="b">b</p>
+  <p class="c">c</p>
+  <p class="d">d</p>
+  <p class="e">e</p>
+  <p class="f">f</p>
+  <p class="g">g</p>
+  <p class="h">h</p>
+  <p class="i">i</p>
+  <p class="j">j</p>
+  <p class="k">k</p>
+  <p class="l">l</p>
+  <p class="m">m</p>
+  <p class="n">n</p>
+  <p class="o">o</p>
+  <p class="p">p</p>
+</body>
+</html>
diff --git a/layout/reftests/css-mediaqueries/mq_update-ref.html b/layout/reftests/css-mediaqueries/mq_update-ref.html
new file mode 100644
index 0000000000..faae3a084b
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_update-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <span>A</span>
+  <span>B</span>
+  <span>D</span>
diff --git a/layout/reftests/css-mediaqueries/mq_update-ref.svg b/layout/reftests/css-mediaqueries/mq_update-ref.svg
new file mode 100644
index 0000000000..7f1bcd2848
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_update-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    circle { fill: red }
+    .c { fill: green }
+    .e { fill: green }
+  </style>
+  <circle cx="5" cy="10" r="5" class="a">A</circle>
+  <circle cx="15" cy="10" r="5" class="b">B</circle>
+  <circle cx="25" cy="10" r="5" class="c">C</circle>
+  <circle cx="35" cy="10" r="5" class="d">D</circle>
+  <circle cx="45" cy="10" r="5" class="e">E</circle>
+</svg>
diff --git a/layout/reftests/css-mediaqueries/mq_update.html b/layout/reftests/css-mediaqueries/mq_update.html
new file mode 100644
index 0000000000..aefd2c399f
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_update.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    @media (update: none) {
+      .a { display: none }
+    }
+    @media (update: slow) {
+      .b { display: none }
+    }
+    @media (update: fast) {
+      .c { display: none }
+    }
+    @media (update: something-new-and-unknown) {
+      .d { display: none }
+    }
+    @media (update) {
+      .e { display: none }
+    }
+  </style>
+  <span class=a>A</span>
+  <span class=b>B</span>
+  <span class=c>C</span>
+  <span class=d>D</span>
+  <span class=e>E</span>
diff --git a/layout/reftests/css-mediaqueries/mq_update.svg b/layout/reftests/css-mediaqueries/mq_update.svg
new file mode 100644
index 0000000000..9117feae1d
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_update.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    circle { fill: red }
+    @media (update: none) {
+      .a { fill: green }
+    }
+    @media (update: slow) {
+      .b { fill: green }
+    }
+    @media (update: fast) {
+      .c { fill: green }
+    }
+    @media (update: something-new-and-unknown) {
+      .d { fill: green }
+    }
+    @media (update) {
+      .e { fill: green }
+    }
+  </style>
+  <circle cx="5" cy="10" r="5" class="a">A</circle>
+  <circle cx="15" cy="10" r="5" class="b">B</circle>
+  <circle cx="25" cy="10" r="5" class="c">C</circle>
+  <circle cx="35" cy="10" r="5" class="d">D</circle>
+  <circle cx="45" cy="10" r="5" class="e">E</circle>
+</svg>
diff --git a/layout/reftests/css-mediaqueries/reftest.list b/layout/reftests/css-mediaqueries/reftest.list
new file mode 100644
index 0000000000..64c39ce93f
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/reftest.list
@@ -0,0 +1,37 @@
+fuzzy-if(Android,0-8,0-454) == mq_print_height.xhtml mq_print-ref.xhtml # bug 1178697
+== mq_print_deviceheight.xhtml mq_print-ref.xhtml
+== mq_print_width.xhtml mq_print-ref.xhtml
+== mq_print_minwidth.xhtml mq_print-ref.xhtml
+== mq_print_minheight.xhtml mq_print-ref.xhtml
+== mq_print_aspectratio.xhtml mq_print-ref.xhtml
+== mq_print_deviceaspectratio.xhtml mq_print-ref.xhtml
+== mq_print_devicewidth.xhtml mq_print-ref.xhtml
+fuzzy-if(Android,0-8,0-454) == mq_print_orientation.xhtml mq_print_orientation-ref.xhtml
+fuzzy-if(Android,0-8,0-454) == mq_print_maxheight.xhtml mq_print-ref.xhtml
+== mq_print_maxwidth.xhtml mq_print-ref.xhtml
+== mq_overflow-block.html mq_overflow-block-ref.html
+== mq_print_overflow-block.html mq_print_overflow-block-ref.html
+== mq_overflow-block.svg mq_overflow-block-ref.svg
+== mq_overflow-inline.html mq_overflow-inline-ref.html
+== mq_print_overflow-inline.html mq_print_overflow-inline-ref.html
+== mq_update.html mq_update-ref.html
+== mq_print_update.html mq_print_update-ref.html
+== mq_update.svg mq_update-ref.svg
+
+== mq_print_maxwidth_updown.xhtml mq_print-ref.xhtml
+== mq_print_maxheight_updown.xhtml mq_print-ref.xhtml
+== mq_print_minheight_updown.xhtml mq_print-ref.xhtml
+== mq_print_minwidth_updown.xhtml mq_print-ref.xhtml
+test-pref(ui.prefersReducedMotion,0) == mq_prefers_reduced_motion.html about:blank
+test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion.html greenbox.html
+test-pref(ui.prefersReducedMotion,0) == mq_prefers_reduced_motion_no_preference.html greenbox.html
+test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion_no_preference.html about:blank
+test-pref(ui.prefersReducedMotion,0) == mq_prefers_reduced_motion_reduce.html about:blank
+test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion_reduce.html greenbox.html
+test-pref(privacy.resistFingerprinting,true) test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion_reduce.html about:blank
+test-pref(privacy.resistFingerprinting,true) == mq_prefers_reduced_motion_both.html greenbox.html
+test-pref(layout.css.prefers-color-scheme.content-override,0) == mq_prefers_color_scheme.html greenbox.html
+test-pref(privacy.resistFingerprinting,true) == mq_prefers_color_scheme_light.html greenbox.html
+== mq_prefers_color_scheme_print.html greenbox-print.html
+test-pref(layout.css.prefers-color-scheme.content-override,1) == mq_prefers_color_scheme_light.html greenbox.html
+test-pref(layout.css.prefers-color-scheme.content-override,0) == mq_prefers_color_scheme_dark.html greenbox.html
diff --git a/layout/reftests/css-optional/css-optional-button.html b/layout/reftests/css-optional/css-optional-button.html
new file mode 100644
index 0000000000..8e7282ff79
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-button.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-optional-style.css'>
+  <body>
+    <button></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-dyn-1.html b/layout/reftests/css-optional/css-optional-dyn-1.html
new file mode 100644
index 0000000000..8b02ad7190
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-dyn-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Remove the required attribute to an input element
+             to make it optional. -->
+  <link rel='stylesheet' type='text/css' href='css-optional-style.css'>
+
+  <script type="text/javascript">
+    function removeRequired()
+    {
+      document.getElementById('i').removeAttribute('required');
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="removeRequired(); disableReftestWait();">
+    <input id="i" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-dyn-2.html b/layout/reftests/css-optional/css-optional-dyn-2.html
new file mode 100644
index 0000000000..746e045abf
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-dyn-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Add the required attribute to an element to make it required. -->
+  <link rel='stylesheet' type='text/css' href='css-optional-style.css'>
+
+  <script type="text/javascript">
+    function addRequired()
+    {
+      document.getElementById('i').required = true;
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="addRequired(); disableReftestWait();">
+    <input id="i">
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-input-ref.html b/layout/reftests/css-optional/css-optional-input-ref.html
new file mode 100644
index 0000000000..a7feec6b50
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-input-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-input.html b/layout/reftests/css-optional/css-optional-input.html
new file mode 100644
index 0000000000..1292df6eb9
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-input.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-optional-style.css'>
+  <body>
+    <input>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-select-ref.html b/layout/reftests/css-optional/css-optional-select-ref.html
new file mode 100644
index 0000000000..e419bb1845
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-select-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-select.html b/layout/reftests/css-optional/css-optional-select.html
new file mode 100644
index 0000000000..a80a68a5a6
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-select.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-optional-style.css'>
+  <body>
+    <select></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-style.css b/layout/reftests/css-optional/css-optional-style.css
new file mode 100644
index 0000000000..616aa79f0e
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-style.css
@@ -0,0 +1,8 @@
+input, textarea, select, button,
+*:required {
+  visibility: hidden;
+}
+
+*:optional {
+  visibility: visible;
+}
diff --git a/layout/reftests/css-optional/css-optional-textarea-ref.html b/layout/reftests/css-optional/css-optional-textarea-ref.html
new file mode 100644
index 0000000000..bde6f508f9
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-textarea-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/css-optional-textarea.html b/layout/reftests/css-optional/css-optional-textarea.html
new file mode 100644
index 0000000000..2e85c4df54
--- /dev/null
+++ b/layout/reftests/css-optional/css-optional-textarea.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-optional-style.css'>
+  <body>
+    <textarea></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-optional/reftest.list b/layout/reftests/css-optional/reftest.list
new file mode 100644
index 0000000000..18d34eaeb5
--- /dev/null
+++ b/layout/reftests/css-optional/reftest.list
@@ -0,0 +1,10 @@
+# Checking if these elements support :optional.
+== css-optional-textarea.html css-optional-textarea-ref.html
+== css-optional-input.html css-optional-input-ref.html
+== css-optional-select.html css-optional-select-ref.html
+== css-optional-button.html about:blank
+
+# Checking dynamic behavior.
+== css-optional-dyn-1.html css-optional-input-ref.html
+== css-optional-dyn-2.html about:blank
+
diff --git a/layout/reftests/css-page/generate-page-name-two-page-test.py b/layout/reftests/css-page/generate-page-name-two-page-test.py
new file mode 100644
index 0000000000..9b06b8a159
--- /dev/null
+++ b/layout/reftests/css-page/generate-page-name-two-page-test.py
@@ -0,0 +1,117 @@
+#!/usr/bin/env python
+#
+# Any copyright is dedicated to the Public Domain.
+# http://creativecommons.org/publicdomain/zero/1.0/
+#
+# Generates HTML test files with permutations for frame tree hierarchies to
+# test page-name breaks.
+# These should all have page-name-two-pages-ref.html as their ref case.
+#
+# The generated tests have the structure of two <p> elements that will have
+# different page name values through various means:
+# * Both <p> elements have different values for the `page` property.
+# * One <p> element has a specified non-default `page` property and the other
+#   does not.
+# * One <p> element has a specified non-default `page` property and the other
+#   has `page: auto`.
+#
+# Additionally, the <p> elements may be contained in a <div> element, which may
+# also have the `page` property set on it.
+
+import os
+import sys
+
+# Test count, used for file numbers
+i = 1
+
+# Generate tests that enumerate putting each paragraph element into a div or
+# not, and applying the page-name to the div or the paragraph element.
+
+# Data that is used to generate the structure and element attributes for a page.
+ALL_DATA_COMBOS = (
+    {"p_page": True, "use_div": False, "div_page": False},
+    {"p_page": True, "use_div": True, "div_page": False},
+    {"p_page": False, "use_div": True, "div_page": True},
+)
+
+# Process ALL_DATA_COMBOS to generate data combos for a page with a given name.
+
+
+def gen_data_combos(name):
+    combos = [{"p_page": False, "use_div": False, "div_page": False}]
+    for data in ALL_DATA_COMBOS:
+        data_copy = data.copy()
+        data_copy["p_page"] = data["p_page"] and name
+        data_copy["div_page"] = data["div_page"] and name
+        combos.append(data_copy)
+        # Make page: auto versions for parts with empty page values.
+        for k in ("p_page", "div_page"):
+            # Only care about div page when there is a div
+            if k == "div_page" and not data["use_div"]:
+                continue
+            if not data[k]:
+                data_copy_auto = data_copy.copy()
+                data_copy_auto[k] = "auto"
+                combos.append(data_copy_auto)
+    return combos
+
+
+A_DATA_COMBOS = gen_data_combos("a")
+B_DATA_COMBOS = gen_data_combos("b")
+
+
+def tag(name, page, inner=""):
+    # Build the opening
+    open_tag = "<" + name
+    if page:
+        open_tag += ' style="page:' + page + '"'
+    open_tag += ">"
+
+    close_tag = "</" + name + ">"
+    return open_tag + inner + close_tag
+
+
+def generate_page_html(txt, p_page, use_div, div_page):
+    p = tag("p", p_page, txt)
+    if use_div:
+        return tag("div", div_page, p)
+    return p
+
+
+# Preamble to all test cases
+BEGIN = """\
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+"""
+
+# Closing tags for all test cases.
+END = """
+</body>
+</html>
+"""
+
+directory = os.path.dirname(sys.argv[0])
+
+
+def data_has_no_page(d):
+    return (not d["p_page"] or d["p_page"] == "auto") and (
+        not d["div_page"] or d["div_page"] == "auto"
+    )
+
+
+for a in A_DATA_COMBOS:
+    for b in B_DATA_COMBOS:
+        # Test for the case of empty or auto page-names in both data
+        if data_has_no_page(a) and data_has_no_page(b):
+            continue
+        file_name = "page-name-two-page-" + str(i).rjust(3, "0") + ".html"
+        i += 1
+        f = open(os.path.join(directory, file_name), "w")
+        f.write(BEGIN)
+        f.write(generate_page_html("a", **a))
+        f.write("\n")
+        f.write(generate_page_html("b", **b))
+        f.write(END)
+        f.close()
diff --git a/layout/reftests/css-page/page-name-two-page-001.html b/layout/reftests/css-page/page-name-two-page-001.html
new file mode 100644
index 0000000000..f72637eb77
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-001.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p>a</p>
+<p style="page:b">b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-002.html b/layout/reftests/css-page/page-name-two-page-002.html
new file mode 100644
index 0000000000..422006f5f0
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-002.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p>a</p>
+<div><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-003.html b/layout/reftests/css-page/page-name-two-page-003.html
new file mode 100644
index 0000000000..fc12c465bb
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-003.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p>a</p>
+<div style="page:auto"><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-004.html b/layout/reftests/css-page/page-name-two-page-004.html
new file mode 100644
index 0000000000..cc63f3c409
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-004.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p>a</p>
+<div style="page:b"><p>b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-005.html b/layout/reftests/css-page/page-name-two-page-005.html
new file mode 100644
index 0000000000..953246c3ad
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-005.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p>a</p>
+<div style="page:b"><p style="page:auto">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-006.html b/layout/reftests/css-page/page-name-two-page-006.html
new file mode 100644
index 0000000000..e02e3f079e
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-006.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p style="page:a">a</p>
+<p>b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-007.html b/layout/reftests/css-page/page-name-two-page-007.html
new file mode 100644
index 0000000000..0cd5ab8af5
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-007.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p style="page:a">a</p>
+<p style="page:b">b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-008.html b/layout/reftests/css-page/page-name-two-page-008.html
new file mode 100644
index 0000000000..8cfcef46dd
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-008.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p style="page:a">a</p>
+<div><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-009.html b/layout/reftests/css-page/page-name-two-page-009.html
new file mode 100644
index 0000000000..53429ba135
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-009.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p style="page:a">a</p>
+<div style="page:auto"><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-010.html b/layout/reftests/css-page/page-name-two-page-010.html
new file mode 100644
index 0000000000..ff1584fdd8
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-010.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p style="page:a">a</p>
+<div style="page:b"><p>b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-011.html b/layout/reftests/css-page/page-name-two-page-011.html
new file mode 100644
index 0000000000..13b0c69513
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-011.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<p style="page:a">a</p>
+<div style="page:b"><p style="page:auto">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-012.html b/layout/reftests/css-page/page-name-two-page-012.html
new file mode 100644
index 0000000000..881f374af9
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-012.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div><p style="page:a">a</p></div>
+<p>b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-013.html b/layout/reftests/css-page/page-name-two-page-013.html
new file mode 100644
index 0000000000..c551eec04e
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-013.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div><p style="page:a">a</p></div>
+<p style="page:b">b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-014.html b/layout/reftests/css-page/page-name-two-page-014.html
new file mode 100644
index 0000000000..6f3cd7eb5d
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-014.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div><p style="page:a">a</p></div>
+<div><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-015.html b/layout/reftests/css-page/page-name-two-page-015.html
new file mode 100644
index 0000000000..ff502ae481
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-015.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div><p style="page:a">a</p></div>
+<div style="page:auto"><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-016.html b/layout/reftests/css-page/page-name-two-page-016.html
new file mode 100644
index 0000000000..3bafb1f095
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-016.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div><p style="page:a">a</p></div>
+<div style="page:b"><p>b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-017.html b/layout/reftests/css-page/page-name-two-page-017.html
new file mode 100644
index 0000000000..6f898f3c6e
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-017.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div><p style="page:a">a</p></div>
+<div style="page:b"><p style="page:auto">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-018.html b/layout/reftests/css-page/page-name-two-page-018.html
new file mode 100644
index 0000000000..cb88ea56ab
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-018.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:auto"><p style="page:a">a</p></div>
+<p>b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-019.html b/layout/reftests/css-page/page-name-two-page-019.html
new file mode 100644
index 0000000000..e0baf5bf8b
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-019.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:auto"><p style="page:a">a</p></div>
+<p style="page:b">b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-020.html b/layout/reftests/css-page/page-name-two-page-020.html
new file mode 100644
index 0000000000..7966fb677e
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-020.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:auto"><p style="page:a">a</p></div>
+<div><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-021.html b/layout/reftests/css-page/page-name-two-page-021.html
new file mode 100644
index 0000000000..f0ce1e5e97
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-021.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:auto"><p style="page:a">a</p></div>
+<div style="page:auto"><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-022.html b/layout/reftests/css-page/page-name-two-page-022.html
new file mode 100644
index 0000000000..95db31942f
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-022.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:auto"><p style="page:a">a</p></div>
+<div style="page:b"><p>b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-023.html b/layout/reftests/css-page/page-name-two-page-023.html
new file mode 100644
index 0000000000..6eeeee372d
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-023.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:auto"><p style="page:a">a</p></div>
+<div style="page:b"><p style="page:auto">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-024.html b/layout/reftests/css-page/page-name-two-page-024.html
new file mode 100644
index 0000000000..b62a55e8bd
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-024.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p>a</p></div>
+<p>b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-025.html b/layout/reftests/css-page/page-name-two-page-025.html
new file mode 100644
index 0000000000..f5378945cd
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-025.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p>a</p></div>
+<p style="page:b">b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-026.html b/layout/reftests/css-page/page-name-two-page-026.html
new file mode 100644
index 0000000000..abf1362b03
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-026.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p>a</p></div>
+<div><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-027.html b/layout/reftests/css-page/page-name-two-page-027.html
new file mode 100644
index 0000000000..3b5829fea6
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-027.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p>a</p></div>
+<div style="page:auto"><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-028.html b/layout/reftests/css-page/page-name-two-page-028.html
new file mode 100644
index 0000000000..ee855d5939
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-028.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p>a</p></div>
+<div style="page:b"><p>b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-029.html b/layout/reftests/css-page/page-name-two-page-029.html
new file mode 100644
index 0000000000..5cb21b2464
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-029.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p>a</p></div>
+<div style="page:b"><p style="page:auto">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-030.html b/layout/reftests/css-page/page-name-two-page-030.html
new file mode 100644
index 0000000000..9309123b11
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-030.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p style="page:auto">a</p></div>
+<p>b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-031.html b/layout/reftests/css-page/page-name-two-page-031.html
new file mode 100644
index 0000000000..42626652c1
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-031.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p style="page:auto">a</p></div>
+<p style="page:b">b</p>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-032.html b/layout/reftests/css-page/page-name-two-page-032.html
new file mode 100644
index 0000000000..2d9d604e8f
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-032.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p style="page:auto">a</p></div>
+<div><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-033.html b/layout/reftests/css-page/page-name-two-page-033.html
new file mode 100644
index 0000000000..51783f2a33
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-033.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p style="page:auto">a</p></div>
+<div style="page:auto"><p style="page:b">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-034.html b/layout/reftests/css-page/page-name-two-page-034.html
new file mode 100644
index 0000000000..d8a117168c
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-034.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p style="page:auto">a</p></div>
+<div style="page:b"><p>b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-035.html b/layout/reftests/css-page/page-name-two-page-035.html
new file mode 100644
index 0000000000..ab7e4d1376
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-035.html
@@ -0,0 +1,8 @@
+<!-- AUTOGENERATED BY generate-page-name-two-page-test.py, DO NOT MODIFY -->
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+<div style="page:a"><p style="page:auto">a</p></div>
+<div style="page:b"><p style="page:auto">b</p></div>
+</body>
+</html>
diff --git a/layout/reftests/css-page/page-name-two-page-ref.html b/layout/reftests/css-page/page-name-two-page-ref.html
new file mode 100644
index 0000000000..752ba719b4
--- /dev/null
+++ b/layout/reftests/css-page/page-name-two-page-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <p style="break-after: always">a</p>
+    <p>b</p>
+  </body>
+</html>
diff --git a/layout/reftests/css-page/reftest.list b/layout/reftests/css-page/reftest.list
new file mode 100644
index 0000000000..79fc41d125
--- /dev/null
+++ b/layout/reftests/css-page/reftest.list
@@ -0,0 +1,36 @@
+# Auto-generated test cases
+== page-name-two-page-001.html page-name-two-page-ref.html
+== page-name-two-page-002.html page-name-two-page-ref.html
+== page-name-two-page-003.html page-name-two-page-ref.html
+== page-name-two-page-004.html page-name-two-page-ref.html
+== page-name-two-page-005.html page-name-two-page-ref.html
+== page-name-two-page-006.html page-name-two-page-ref.html
+== page-name-two-page-007.html page-name-two-page-ref.html
+== page-name-two-page-008.html page-name-two-page-ref.html
+== page-name-two-page-009.html page-name-two-page-ref.html
+== page-name-two-page-010.html page-name-two-page-ref.html
+== page-name-two-page-011.html page-name-two-page-ref.html
+== page-name-two-page-012.html page-name-two-page-ref.html
+== page-name-two-page-013.html page-name-two-page-ref.html
+== page-name-two-page-014.html page-name-two-page-ref.html
+== page-name-two-page-015.html page-name-two-page-ref.html
+== page-name-two-page-016.html page-name-two-page-ref.html
+== page-name-two-page-017.html page-name-two-page-ref.html
+== page-name-two-page-018.html page-name-two-page-ref.html
+== page-name-two-page-019.html page-name-two-page-ref.html
+== page-name-two-page-020.html page-name-two-page-ref.html
+== page-name-two-page-021.html page-name-two-page-ref.html
+== page-name-two-page-022.html page-name-two-page-ref.html
+== page-name-two-page-023.html page-name-two-page-ref.html
+== page-name-two-page-024.html page-name-two-page-ref.html
+== page-name-two-page-025.html page-name-two-page-ref.html
+== page-name-two-page-026.html page-name-two-page-ref.html
+== page-name-two-page-027.html page-name-two-page-ref.html
+== page-name-two-page-028.html page-name-two-page-ref.html
+== page-name-two-page-029.html page-name-two-page-ref.html
+== page-name-two-page-030.html page-name-two-page-ref.html
+== page-name-two-page-031.html page-name-two-page-ref.html
+== page-name-two-page-032.html page-name-two-page-ref.html
+== page-name-two-page-033.html page-name-two-page-ref.html
+== page-name-two-page-034.html page-name-two-page-ref.html
+== page-name-two-page-035.html page-name-two-page-ref.html
diff --git a/layout/reftests/css-parsing/at-rule-013-ref.html b/layout/reftests/css-parsing/at-rule-013-ref.html
new file mode 100644
index 0000000000..6574ee5afe
--- /dev/null
+++ b/layout/reftests/css-parsing/at-rule-013-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!--
+    from the CSS 2.1 test suite,
+    http://test.csswg.org/suites/css2.1/20110111/html4/at-rule-013.htm
+
+    See ../css3-namespace/LICENSE .
+  -->
+<html>
+ <head>
+  <title>CSS Test: Ignoring at-rules inside @media blocks</title>
+  <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+  <style type="text/css">
+    p {
+      color: green;
+      background: transparent;
+    }
+  </style>
+ </head>
+ <body>
+  <p>This sentence must be green.</p>
+  <p>This sentence must be green.</p>
+  <p>This sentence must be green.</p>
+  <p>This sentence must be green.</p>
+ </body>
+</html>
diff --git a/layout/reftests/css-parsing/at-rule-013.html b/layout/reftests/css-parsing/at-rule-013.html
new file mode 100644
index 0000000000..fa8981f050
--- /dev/null
+++ b/layout/reftests/css-parsing/at-rule-013.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!--
+    from the CSS 2.1 test suite,
+    http://test.csswg.org/suites/css2.1/20110111/html4/at-rule-013.htm
+
+    See ../css3-namespace/LICENSE .
+  -->
+<html>
+ <head>
+  <title>CSS Test: Ignoring at-rules inside @media blocks</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule">
+  <meta name="flags" content="invalid">
+  <meta name="assert" content="At-rules inside @media blocks are ignored up to         up to the end of the block that contains the invalid at-keyword, or up         to and including the next semicolon (;) or up to and including the next         block ({...}), whichever comes first.">
+  <style type="text/css">
+    p {
+      color: red;
+      background: red;
+    }
+    @media all {
+      #semicolon { background: transparent; }
+      @foo ] & | # $ % test-token \
+       [; # { background: red; } ]
+       (; #semicolon { background: red; } } } } )
+       '; #semicolon { background: red; } } } }',
+       "; #semicolon { background: red; }' } } }"
+      ;
+      #semicolon { color: green; }
+    }
+    @media all {
+      #block { background: transparent; }
+      @foo ] & | # $ % test-token \
+       [; #block { background: red; } ]
+       (; #block { background: red; } )
+       '; #block { background: red; }',
+       "; #block { background: red; }'"
+       {; #block { background: red; }
+          #block { background: red; } }
+      #block { color: green; }
+    }
+    @media all {
+      #eob { background: transparent; }
+      @import "support/import-red.css"
+    }
+    #eob {
+      color: green;
+    }
+    @media all {
+      #eob-complex { background: transparent; }
+      @import "support/import-red.css"
+       [; #eob-complex { background: red; } ]
+       (; #eob-complex { background: red; } )
+       '; #eob-complex { background: red; }',
+       "; #eob-complex { background: red; }'"
+    }
+    #eob-complex {
+      color: green;
+    }
+  </style>
+ </head>
+ <body>
+  <p id="semicolon">This sentence must be green.</p>
+  <p id="block">This sentence must be green.</p>
+  <p id="eob">This sentence must be green.</p>
+  <p id="eob-complex">This sentence must be green.</p>
+ </body>
+</html>
diff --git a/layout/reftests/css-parsing/at-rule-error-handling-import-1.html b/layout/reftests/css-parsing/at-rule-error-handling-import-1.html
new file mode 100644
index 0000000000..5dc0acf945
--- /dev/null
+++ b/layout/reftests/css-parsing/at-rule-error-handling-import-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for unexpected end of @import</title>
+<style>div { color: red }</style>
+<style>@import ; div { color: green; }</style>
+<div>This should be green</div>
diff --git a/layout/reftests/css-parsing/at-rule-error-handling-media-1.html b/layout/reftests/css-parsing/at-rule-error-handling-media-1.html
new file mode 100644
index 0000000000..349410129e
--- /dev/null
+++ b/layout/reftests/css-parsing/at-rule-error-handling-media-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for unexpected end of @import</title>
+<style>div { color: red }</style>
+<style>@media ; div { color: green; }</style>
+<div>This should be green</div>
diff --git a/layout/reftests/css-parsing/at-rule-error-handling-ref.html b/layout/reftests/css-parsing/at-rule-error-handling-ref.html
new file mode 100644
index 0000000000..73458df754
--- /dev/null
+++ b/layout/reftests/css-parsing/at-rule-error-handling-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>Test for unexpected end of @import (reference)</title>
+<div style="color: green">This should be green</div>
diff --git a/layout/reftests/css-parsing/green-ref.html b/layout/reftests/css-parsing/green-ref.html
new file mode 100644
index 0000000000..ebd2d860ce
--- /dev/null
+++ b/layout/reftests/css-parsing/green-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; background: green"></div>
diff --git a/layout/reftests/css-parsing/invalid-attr-1-ref.html b/layout/reftests/css-parsing/invalid-attr-1-ref.html
new file mode 100644
index 0000000000..fce005c460
--- /dev/null
+++ b/layout/reftests/css-parsing/invalid-attr-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      p { color: green; }
+    </style>
+    <style>
+      div { color: green; }
+    </style>
+  </head>
+  <body>
+    <p>This text should be green.</p>
+    <div>This text should be green.</p>
+  </body>
+</html>
diff --git a/layout/reftests/css-parsing/invalid-attr-1.html b/layout/reftests/css-parsing/invalid-attr-1.html
new file mode 100644
index 0000000000..b418575bba
--- /dev/null
+++ b/layout/reftests/css-parsing/invalid-attr-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      p { color: red; }
+      [
+      p { color: red !important; }
+      p { color: red !important; }
+      ] p { color: red !important; }
+      p { color: green; }
+    </style>
+    <style>
+      div { color: red; }
+      :not([)
+      div { color: red !important; }
+      div { color: red !important; }
+      ]) div { color: red !important; }
+      div { color: green; }
+    </style>
+  </head>
+  <body>
+    <p>This text should be green.</p>
+    <div>This text should be green.</p>
+  </body>
+</html>
diff --git a/layout/reftests/css-parsing/invalid-font-face-descriptor-1-ref.html b/layout/reftests/css-parsing/invalid-font-face-descriptor-1-ref.html
new file mode 100644
index 0000000000..1e86fba7ea
--- /dev/null
+++ b/layout/reftests/css-parsing/invalid-font-face-descriptor-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+  body { color: green! important; }
+</style>
+There should be no red
diff --git a/layout/reftests/css-parsing/invalid-font-face-descriptor-1.html b/layout/reftests/css-parsing/invalid-font-face-descriptor-1.html
new file mode 100644
index 0000000000..43ab568f34
--- /dev/null
+++ b/layout/reftests/css-parsing/invalid-font-face-descriptor-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  body { color: red; }
+  @font-face {
+    src: url(bbb),
+  }
+
+  body { color: green! important; }
+</style>
+There should be no red
diff --git a/layout/reftests/css-parsing/invalid-url-handling-ref.xhtml b/layout/reftests/css-parsing/invalid-url-handling-ref.xhtml
new file mode 100644
index 0000000000..77dc50ba97
--- /dev/null
+++ b/layout/reftests/css-parsing/invalid-url-handling-ref.xhtml
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Test: handling of invalid url() functions (reference)</title>
+  <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <style type="text/css">
+  div { background-color: green }
+  </style>
+ </head>
+ <body>
+  <div id="one">This should have a green background</div>
+  <div id="two">This should have a green background</div>
+  <div id="three">This should have a green background</div>
+  <div id="four">This should have a green background</div>
+  <div id="five">This should have a green background</div>
+  <div id="six">This should have a green background</div>
+  <div id="seven">This should have a green background</div>
+  <div id="eight">This should have a green background</div>
+  <div id="nine">This should have a green background</div>
+  <div id="ten">This should have a green background</div>
+  <div id="eleven">This should have a green background</div>
+  <div id="twelve">This should have a green background</div>
+  <div id="thirteen">This should have a green background</div>
+  <div id="fourteen">This should have a green background</div>
+  <div id="fifteen">This should have a green background</div>
+  <div id="sixteen">This should have a green background</div>
+  <div id="seventeen">This should have a green background</div>
+  <div id="eighteen">This should have a green background</div>
+  <div id="nineteen">This should have a green background</div>
+ </body>
+</html>
diff --git a/layout/reftests/css-parsing/invalid-url-handling.xhtml b/layout/reftests/css-parsing/invalid-url-handling.xhtml
new file mode 100644
index 0000000000..e6b85a81c9
--- /dev/null
+++ b/layout/reftests/css-parsing/invalid-url-handling.xhtml
@@ -0,0 +1,135 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Test: handling of invalid url() functions</title>
+  <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+  <meta name="flags" content="invalid" />
+  <style type="text/css">
+  div { background-color: red }
+  </style>
+  <style type="text/css">
+  /* not a URI token, but handled according to rules for parsing errors */
+  #one { background: url(foo"bar") }
+  #one { background-color: green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token, but handled according to rules for parsing errors */
+  #foo { background: url(foo"bar
+  ) }
+  #two { background-color: green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token; bad-url token is consumed until the first closing ) */
+  #foo { background: url(foo"bar) }
+  #three { background-color: green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token; bad-url token is consumed until the first closing ) */
+  #four { background-color: green; }
+  #foo { background: url(foo"bar) }
+  ) }
+  #four { background-color: red; }
+  </style>
+  <style type="text/css">
+  /* not a URI token; the unterminated string ends at end of line, so
+     the brace never matches */
+  #five { background-color: green; }
+  #foo { background: url("bar) }
+  #five { background-color: red; }
+  </style>
+  <style type="text/css">
+  /* not a URI token; the unterminated string ends at end of line */
+  #foo { background: url("bar) }
+  ) }
+  #six { background-color: green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token, but brace matching should work */
+  #seven { background: url(()); background-color: green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token, but brace matching should work */
+  #eight { background: url([{}]); background-color: green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token, but brace matching should work */
+  #nine { background: url([)]); background-color: green; }
+  </style>
+  <style type="text/css">
+  /* perfectly good URI token (image is a 404, though) */
+  #ten { background: url({) green; }
+  </style>
+  <style type="text/css">
+  /* perfectly good URI token (image is a 404, though) */
+  #eleven { background: url([) green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token; bad-url token is consumed until the first closing )
+     so the brace immediately after it closes the declaration block */
+  #twelve { background-color: green; }
+  #twelve { background: url(}{""{)}); background-color: red; }
+  </style>
+  <style type="text/css">
+  /* invalid URI token absorbs the [ */
+  #thirteen { background: url([""); background-color: green; }
+  </style>
+  <style type="text/css">
+  /* not a URI token; bad-url token is consumed until the first closing ) */
+  #foo { background: url(() }
+  #fourteen { background-color: green; }
+  </style>
+  <!-- The next three tests test that invalid URI tokens absorb [ and { -->
+  <style type="text/css">
+  #foo { background: url(a()); }
+  #fifteen { background-color: green }
+  </style>
+  <style type="text/css">
+  #foo { background: url([()); }
+  #sixteen { background-color: green }
+  </style>
+  <style type="text/css">
+  #foo { background: url({()); }
+  #seventeen { background-color: green }
+  </style>
+  <!-- Test that url() starting with a quote and without its closing ')' eaten
+  by any of the tokens that come after the initial quote doesn't eat the rest of
+  the stylesheet.  In particular, this checks whether, once we reach the end of
+  the string and discover garbage after it, we tokenize the garbage or just skip
+  to the nearest ')'. -->
+  <style type="text/css">
+  #eighteen { background-color: red; }
+  #foo { background: url('('')'); }
+  #eighteen { background-color: green; }
+  </style>
+  <!-- And the same thing with double quotes -->
+  <style type="text/css">
+  #nineteen { background-color: red; }
+  #foo { background: url("("')'); }
+  #nineteen { background-color: green; }
+  </style>
+ </head>
+ <body>
+  <div id="one">This should have a green background</div>
+  <div id="two">This should have a green background</div>
+  <div id="three">This should have a green background</div>
+  <div id="four">This should have a green background</div>
+  <div id="five">This should have a green background</div>
+  <div id="six">This should have a green background</div>
+  <div id="seven">This should have a green background</div>
+  <div id="eight">This should have a green background</div>
+  <div id="nine">This should have a green background</div>
+  <div id="ten">This should have a green background</div>
+  <div id="eleven">This should have a green background</div>
+  <div id="twelve">This should have a green background</div>
+  <div id="thirteen">This should have a green background</div>
+  <div id="fourteen">This should have a green background</div>
+  <div id="fifteen">This should have a green background</div>
+  <div id="sixteen">This should have a green background</div>
+  <div id="seventeen">This should have a green background</div>
+  <div id="eighteen">This should have a green background</div>
+  <div id="nineteen">This should have a green background</div>
+ </body>
+</html>
diff --git a/layout/reftests/css-parsing/moz-bool-pref.css b/layout/reftests/css-parsing/moz-bool-pref.css
new file mode 100644
index 0000000000..3827bb3f17
--- /dev/null
+++ b/layout/reftests/css-parsing/moz-bool-pref.css
@@ -0,0 +1,22 @@
+#test {
+  width: 100px;
+  height: 100px;
+}
+
+.enabled {
+  background: red;
+}
+
+.disabled {
+  background: green;
+}
+
+@media (-moz-bool-pref: "testing.supports.moz-bool-pref") {
+  .enabled {
+    background: green;
+  }
+
+  .disabled {
+    background: red;
+  }
+}
diff --git a/layout/reftests/css-parsing/pseudo-elements-1-ref.html b/layout/reftests/css-parsing/pseudo-elements-1-ref.html
new file mode 100644
index 0000000000..df626f9c68
--- /dev/null
+++ b/layout/reftests/css-parsing/pseudo-elements-1-ref.html
@@ -0,0 +1,22 @@
+<!doctype html><style>
+  div { color: green; float: left }
+</style><div
+><div>T</div
+><div>h</div
+><div>e</div
+><div>r</div
+><div>e</div
+><div>s</div
+><div>h</div
+><div>o</div
+><div>u</div
+><div>l</div
+><div>d</div
+><div>b</div
+><div>e</div
+><div>n</div
+><div>o</div
+><div>r</div
+><div>e</div
+><div>d</div
+></div>
diff --git a/layout/reftests/css-parsing/pseudo-elements-1.html b/layout/reftests/css-parsing/pseudo-elements-1.html
new file mode 100644
index 0000000000..43690f862e
--- /dev/null
+++ b/layout/reftests/css-parsing/pseudo-elements-1.html
@@ -0,0 +1,36 @@
+<!doctype html><style>
+  div { float: left }
+  /* Pseudo elements can appear only at the end of the selector. */
+  .good { color: red }
+  .bad { color: green }
+  #good1::first-letter { color: green }
+  #good2::first-letter, #good3 { color: green }
+  #good4, #good5::first-letter { color: green }
+  div > #good6::first-letter, #good7 { color:green }
+  div #good7 > ::first-letter, #good8 { color:green }
+
+  #bad1::first-letter *, #bad2 { color: red }
+  #bad4, #bad3::first-letter * { color: red }
+  div::first-line #bad5, #bad6 { color: red }
+  #bad7, div::first-line #bad8 { color: red }
+  #bad9, div ::first-line>#bad10 { color:red }
+</style><div
+><div class="good" id="good1">T</div
+><div class="good" id="good2">h</div
+><div class="good" id="good3">e</div
+><div class="good" id="good4">r</div
+><div class="good" id="good5">e</div
+><div class="good" id="good6">s</div
+><div class="good" id="good7">h</div
+><div class="good" id="good8">o</div
+><div class="bad"  id="bad1" >u</div
+><div class="bad"  id="bad2" >l</div
+><div class="bad"  id="bad3" >d</div
+><div class="bad"  id="bad4" >b</div
+><div class="bad"  id="bad5" >e</div
+><div class="bad"  id="bad6" >n</div
+><div class="bad"  id="bad7" >o</div
+><div class="bad"  id="bad8" >r</div
+><div class="bad"  id="bad9" >e</div
+><div class="bad"  id="bad10">d</div
+></div>
diff --git a/layout/reftests/css-parsing/reftest.list b/layout/reftests/css-parsing/reftest.list
new file mode 100644
index 0000000000..774186e0b9
--- /dev/null
+++ b/layout/reftests/css-parsing/reftest.list
@@ -0,0 +1,12 @@
+== at-rule-013.html at-rule-013-ref.html
+== invalid-url-handling.xhtml invalid-url-handling-ref.xhtml
+== pseudo-elements-1.html pseudo-elements-1-ref.html
+== invalid-attr-1.html invalid-attr-1-ref.html
+== at-rule-error-handling-import-1.html at-rule-error-handling-ref.html
+== at-rule-error-handling-media-1.html at-rule-error-handling-ref.html
+== invalid-font-face-descriptor-1.html invalid-font-face-descriptor-1-ref.html
+== two-dash-identifiers.html two-dash-identifiers-ref.html
+
+test-pref(testing.supports.moz-bool-pref,true) == supports-moz-bool-pref-1.html green-ref.html
+test-pref(testing.supports.moz-bool-pref,false) == supports-moz-bool-pref-2.html green-ref.html
+test-pref(testing.supports.moz-bool-pref,true) == supports-moz-bool-pref-3.html green-ref.html
diff --git a/layout/reftests/css-parsing/supports-moz-bool-pref-1.html b/layout/reftests/css-parsing/supports-moz-bool-pref-1.html
new file mode 100644
index 0000000000..80b2f27c4f
--- /dev/null
+++ b/layout/reftests/css-parsing/supports-moz-bool-pref-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<!-- The query part here is necessary because chrome stylesheets are
+     cached after first parse, so the -moz-bool-pref() wouldn't be
+     re-evaluated if we use the same url as the other test. -->
+<link rel="stylesheet" href="chrome://reftest/content/moz-bool-pref.css?1">
+<!-- testing.supports.moz-bool-pref = true -->
+<div id="test" class="enabled"></div>
diff --git a/layout/reftests/css-parsing/supports-moz-bool-pref-2.html b/layout/reftests/css-parsing/supports-moz-bool-pref-2.html
new file mode 100644
index 0000000000..324cd0d585
--- /dev/null
+++ b/layout/reftests/css-parsing/supports-moz-bool-pref-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<!-- The query part here is necessary because chrome stylesheets are
+     cached after first parse, so the -moz-bool-pref() wouldn't be
+     re-evaluated if we use the same url as the other test. -->
+<link rel="stylesheet" href="chrome://reftest/content/moz-bool-pref.css?2">
+<!-- testing.supports.moz-bool-pref = false -->
+<div id="test" class="disabled"></div>
diff --git a/layout/reftests/css-parsing/supports-moz-bool-pref-3.html b/layout/reftests/css-parsing/supports-moz-bool-pref-3.html
new file mode 100644
index 0000000000..b8dc055193
--- /dev/null
+++ b/layout/reftests/css-parsing/supports-moz-bool-pref-3.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="moz-bool-pref.css">
+<!-- not valid outside chrome / ua stylesheets -->
+<div id="test" class="disabled"></div>
diff --git a/layout/reftests/css-parsing/two-dash-identifiers-ref.html b/layout/reftests/css-parsing/two-dash-identifiers-ref.html
new file mode 100644
index 0000000000..b6ffdbb01e
--- /dev/null
+++ b/layout/reftests/css-parsing/two-dash-identifiers-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  div { color: green; }
+</style>
+<div>This should be green.</div>
+<div>This should be green.</div>
+<div>This should be green.</div>
+<div>This should be green.</div>
+<div>This should be green.</div>
+<div>This should be green.</div>
+<div>This should be green.</div>
+<div>This should be green.</div>
diff --git a/layout/reftests/css-parsing/two-dash-identifiers.html b/layout/reftests/css-parsing/two-dash-identifiers.html
new file mode 100644
index 0000000000..9ea7854b92
--- /dev/null
+++ b/layout/reftests/css-parsing/two-dash-identifiers.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<style>
+  .ok { color: red; }
+  #-- { color: green; }
+  #-foo { color: green }
+  #--foo { color: green; }
+  .-- { color: green; }
+  .-foo { color: green; }
+  .--foo { color: green; }
+
+  .fail { color: green; }
+  #- { color: red; }
+  .- { color: red; }
+</style>
+<div class="ok" id="--">This should be green.</div>
+<div class="ok" id="-foo">This should be green.</div>
+<div class="ok" id="--foo">This should be green.</div>
+<div class="ok --">This should be green.</div>
+<div class="ok -foo">This should be green.</div>
+<div class="ok --foo">This should be green.</div>
+<div class="fail" id="-">This should be green.</div>
+<div class="fail -">This should be green.</div>
diff --git a/layout/reftests/css-placeholder/css-background-ref.html b/layout/reftests/css-placeholder/css-background-ref.html
new file mode 100644
index 0000000000..b75db15b6f
--- /dev/null
+++ b/layout/reftests/css-placeholder/css-background-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input placeholder='foo'>
+    <textarea placeholder='foo'></textarea>
+    <input placeholder='foo'>
+    <textarea placeholder='foo'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/css-background.html b/layout/reftests/css-placeholder/css-background.html
new file mode 100644
index 0000000000..94ab1a5b00
--- /dev/null
+++ b/layout/reftests/css-placeholder/css-background.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <!--
+    This test checks that setting a background on a ::placeholder works.
+    However, given that it is not possible to do an actualy equality check, we
+    have te check that setting a background doesn't produce the same result
+    as not setting it.
+  -->
+  <style>
+    :-moz-any(input, textarea).color::placeholder {
+      background-color: blue;
+    }
+    :-moz-any(input, textarea).gradient::placeholder {
+      background: linear-gradient(to right, blue, white, red);
+    }
+  </style>
+  <body>
+    <input class="color" placeholder='foo'>
+    <textarea class="color" placeholder='foo'></textarea>
+    <input class="gradient" placeholder='foo'>
+    <textarea class="gradient" placeholder='foo'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/css-restrictions-ref.html b/layout/reftests/css-placeholder/css-restrictions-ref.html
new file mode 100644
index 0000000000..a09df21e12
--- /dev/null
+++ b/layout/reftests/css-placeholder/css-restrictions-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input placeholder='foo'>
+    <textarea placeholder='foo'></textarea>
+    <input placeholder='this is a quitelongetextforasmallelement'>
+    <textarea placeholder='this is a quitelongetextforasmallelement'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/css-restrictions.html b/layout/reftests/css-placeholder/css-restrictions.html
new file mode 100644
index 0000000000..96bfac9952
--- /dev/null
+++ b/layout/reftests/css-placeholder/css-restrictions.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    :is(input, textarea)::placeholder {
+      visibility: hidden;
+      padding: 20px;
+      float: right;
+      overflow: visible;
+
+      /*
+       * This list could be endless given that all non-whitelisted properties
+       * are restricted.
+       */
+    }
+  </style>
+  <body>
+    <input placeholder='foo'>
+    <textarea placeholder='foo'></textarea>
+    <!-- for overflow and white-space -->
+    <input placeholder='this is a quitelongetextforasmallelement'>
+    <textarea placeholder='this is a quitelongetextforasmallelement'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/css-simple-styling-ref.html b/layout/reftests/css-placeholder/css-simple-styling-ref.html
new file mode 100644
index 0000000000..eeaca440c9
--- /dev/null
+++ b/layout/reftests/css-placeholder/css-simple-styling-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    :-moz-any(input, textarea) {
+      font: -moz-list;
+      font-family: mono;
+      font-style: italic;
+      color: blue;
+      word-spacing: 5px;
+      text-shadow: 1px 1px 1px red;
+    }
+  </style>
+  <body>
+    <input value='foo bar'>
+    <textarea>foo bar</textarea>
+    <input value='bar foo'>
+    <textarea>bar foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/css-simple-styling.html b/layout/reftests/css-placeholder/css-simple-styling.html
new file mode 100644
index 0000000000..bfecc19c8d
--- /dev/null
+++ b/layout/reftests/css-placeholder/css-simple-styling.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <!--
+    This test checks that a few allowed CSS properties have an effect when
+    applied to ::placeholder or ::-moz-placeholder.
+  -->
+  <style>
+    /*
+     * We need to set some properties on the <input> because its size will
+     * depend on its font.
+     */
+    input, textarea {
+      font: -moz-list;
+      font-family: mono;
+      font-style: italic;
+    }
+
+    [placeholder="foo bar"]::placeholder,
+    [placeholder="bar foo"]::-moz-placeholder {
+      opacity: 1.0;
+      font: -moz-list;
+      font-family: mono;
+      font-style: italic;
+      color: blue;
+      word-spacing: 5px;
+      text-shadow: 1px 1px 1px red;
+    }
+  </style>
+  <body>
+    <input placeholder='foo bar'>
+    <textarea placeholder='foo bar'></textarea>
+    <input placeholder='bar foo'>
+    <textarea placeholder='bar foo'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/ignore-pseudo-class-ref.html b/layout/reftests/css-placeholder/ignore-pseudo-class-ref.html
new file mode 100644
index 0000000000..9085635b60
--- /dev/null
+++ b/layout/reftests/css-placeholder/ignore-pseudo-class-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <input placeholder='foobar'>
+  <textarea placeholder='foobar'></textarea>
+</body>
+</html>
diff --git a/layout/reftests/css-placeholder/ignore-pseudo-class.html b/layout/reftests/css-placeholder/ignore-pseudo-class.html
new file mode 100644
index 0000000000..bd314c5b8f
--- /dev/null
+++ b/layout/reftests/css-placeholder/ignore-pseudo-class.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<style>
+  :-moz-placeholder {
+    color: red;
+  }
+  :placeholder {
+    color: red;
+  }
+</style>
+<body>
+  <input placeholder='foobar'>
+  <textarea placeholder='foobar'></textarea>
+</body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/css-display.html b/layout/reftests/css-placeholder/input/css-display.html
new file mode 100644
index 0000000000..a97734b15b
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/css-display.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    [bar]::-moz-placeholder,
+    [foo]::placeholder {
+      display: inline;
+    }
+  </style>
+  <body>
+    <input placeholder='foo'>
+    <input placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/css-opacity.html b/layout/reftests/css-placeholder/input/css-opacity.html
new file mode 100644
index 0000000000..dd6e21ee13
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/css-opacity.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    [placeholder="bar"]::-moz-placeholder,
+    [placeholder="foo"]::placeholder {
+      opacity: 0.1;
+    }
+  </style>
+  <body>
+    <input placeholder='foo'>
+    <input placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/css-text-align.html b/layout/reftests/css-placeholder/input/css-text-align.html
new file mode 100644
index 0000000000..d71af94d52
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/css-text-align.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    [placeholder="bar"]::-moz-placeholder,
+    [placeholder="foo"]::placeholder {
+      text-align: center;
+    }
+  </style>
+  <body>
+    <input placeholder='foo'>
+    <input placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/input-ref.html b/layout/reftests/css-placeholder/input/input-ref.html
new file mode 100644
index 0000000000..8589b2b289
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/input-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input>
+    <input>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-add.html b/layout/reftests/css-placeholder/input/placeholder-add.html
new file mode 100644
index 0000000000..6ec33026d1
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-add.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('moz').placeholder='bar';
+      document.getElementById('i').placeholder='foo';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i'>
+    <input id='moz'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-blur.html b/layout/reftests/css-placeholder/input/placeholder-blur.html
new file mode 100644
index 0000000000..9c9f3c62b5
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-blur.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').focus();
+    }
+    function focusHandler()
+    {
+      document.getElementById('i').blur();
+    }
+    function blurHandler()
+    {
+      document.getElementById('moz').focus();
+    }
+    function focusHandlerMoz()
+    {
+      document.getElementById('moz').blur();
+    }
+    function blurHandlerMoz()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i' placeholder='foo' onfocus='focusHandler();' onblur='blurHandler();'>
+    <input id='moz' placeholder='bar' onfocus='focusHandlerMoz();' onblur='blurHandlerMoz();'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-button-ref.html b/layout/reftests/css-placeholder/input/placeholder-button-ref.html
new file mode 100644
index 0000000000..8f584f6e3f
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-button-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input type='button'>
+    <input type='button'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-placeholder/input/placeholder-empty-string-ref.html b/layout/reftests/css-placeholder/input/placeholder-empty-string-ref.html
new file mode 100644
index 0000000000..ad0de3cfba
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-empty-string-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-empty-string.html b/layout/reftests/css-placeholder/input/placeholder-empty-string.html
new file mode 100644
index 0000000000..8d9dfb5b41
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-empty-string.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input placeholder=''>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-focus-ref.html b/layout/reftests/css-placeholder/input/placeholder-focus-ref.html
new file mode 100644
index 0000000000..d2e2af35a2
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-focus-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').focus();
+    }
+    function focusHandler()
+    {
+      document.getElementById('moz').focus();
+    }
+    function focusHandlerMoz()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i' class='ref' value='foo' onfocus='focusHandler();'>
+    <input id='moz' class='ref' value='bar' onfocus='focusHandlerMoz();'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-focus.html b/layout/reftests/css-placeholder/input/placeholder-focus.html
new file mode 100644
index 0000000000..285bf4f60c
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-focus.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').focus();
+    }
+    function focusHandler()
+    {
+      document.getElementById('moz').focus();
+    }
+    function focusHandlerMoz()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i' placeholder='foo' onfocus='focusHandler();'>
+    <input id='moz' placeholder='bar' onfocus='focusHandlerMoz();'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-removal.html b/layout/reftests/css-placeholder/input/placeholder-removal.html
new file mode 100644
index 0000000000..88b6829148
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-removal.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').removeAttribute('placeholder');
+      document.getElementById('moz').removeAttribute('placeholder');
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i' placeholder='foo'>
+    <input id='moz' placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-simple-ref.html b/layout/reftests/css-placeholder/input/placeholder-simple-ref.html
new file mode 100644
index 0000000000..02c604b7db
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-simple-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='ref' value='foo'>
+    <input class='ref' value='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-simple.html b/layout/reftests/css-placeholder/input/placeholder-simple.html
new file mode 100644
index 0000000000..c7958ed1f8
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-simple.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input placeholder='foo'>
+    <input placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-type-change-1.html b/layout/reftests/css-placeholder/input/placeholder-type-change-1.html
new file mode 100644
index 0000000000..2eb0ea4d3e
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-type-change-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').type = 'text';
+      document.getElementById('moz').type = 'text';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input type='button' id='i' placeholder='foo'>
+    <input type='button' id='moz' placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-type-change-2.html b/layout/reftests/css-placeholder/input/placeholder-type-change-2.html
new file mode 100644
index 0000000000..7a1feb06e6
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-type-change-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').type = 'button';
+      document.getElementById('moz').type = 'button';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i' placeholder='foo'>
+    <input id='moz' placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-value-ref.html b/layout/reftests/css-placeholder/input/placeholder-value-ref.html
new file mode 100644
index 0000000000..79209802a4
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-value-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='bar'>
+    <input value='foo'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-value-reset.html b/layout/reftests/css-placeholder/input/placeholder-value-reset.html
new file mode 100644
index 0000000000..3e0b672ce0
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-value-reset.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').value = 'bar';
+      document.getElementById('moz').value = 'foo';
+      document.forms[0].reset();
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <form>
+      <input id='i' placeholder='foo'>
+      <input id='moz' placeholder='bar'>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-value-set.html b/layout/reftests/css-placeholder/input/placeholder-value-set.html
new file mode 100644
index 0000000000..c2b1a0c015
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-value-set.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').value = 'bar';
+      document.getElementById('moz').value = 'foo';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i' placeholder='foo'>
+    <input id='moz' placeholder='bar'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-value-unset.html b/layout/reftests/css-placeholder/input/placeholder-value-unset.html
new file mode 100644
index 0000000000..c985d56675
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-value-unset.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('i').value = '';
+      document.getElementById('moz').value = '';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <input id='i' placeholder='foo' value='bar'>
+    <input id='moz' placeholder='bar' value='foo'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholder-value.html b/layout/reftests/css-placeholder/input/placeholder-value.html
new file mode 100644
index 0000000000..80694027cb
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholder-value.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input placeholder='foo' value='bar'>
+    <input placeholder='bar' value='foo'>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/input/placeholdershown-date-ref.html b/layout/reftests/css-placeholder/input/placeholdershown-date-ref.html
new file mode 100644
index 0000000000..4fee8b159d
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholdershown-date-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<link rel='stylesheet' href='style-shown.css'>
+<input type="month" class='shown-ref' placeholder='foo'>
+<input type="week" class='shown-ref' placeholder='foo'>
diff --git a/layout/reftests/css-placeholder/input/placeholdershown-date.html b/layout/reftests/css-placeholder/input/placeholdershown-date.html
new file mode 100644
index 0000000000..2406ece4b6
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholdershown-date.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<link rel='stylesheet' href='style-shown.css'>
+<input type="month" class='shown' placeholder='foo'>
+<input type="week" class='shown' placeholder='foo'>
diff --git a/layout/reftests/css-placeholder/input/placeholdershown-ref.html b/layout/reftests/css-placeholder/input/placeholdershown-ref.html
new file mode 100644
index 0000000000..0036552fb6
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholdershown-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel='stylesheet' href='style-shown.css'>
+<input class='shown-ref' value='foo'>
+<input type="number" class='shown-ref' placeholder='foo'>
+<input type="email" class='shown-ref' placeholder='foo'>
+<input type="search" class='shown-ref' placeholder='foo'>
+<input type="tel" class='shown-ref' placeholder='foo'>
+<input type="url" class='shown-ref' placeholder='foo'>
diff --git a/layout/reftests/css-placeholder/input/placeholdershown.html b/layout/reftests/css-placeholder/input/placeholdershown.html
new file mode 100644
index 0000000000..90f64beae6
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/placeholdershown.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<link rel='stylesheet' href='style-shown.css'>
+<input class='shown' placeholder='foo'>
+<input type="number" class='shown' placeholder='foo'>
+<input type="email" class='shown' placeholder='foo'>
+<input type="search" class='shown' placeholder='foo'>
+<input type="tel" class='shown' placeholder='foo'>
+<input type="url" class='shown' placeholder='foo'>
diff --git a/layout/reftests/css-placeholder/input/reftest.list b/layout/reftests/css-placeholder/input/reftest.list
new file mode 100644
index 0000000000..b2caafa433
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/reftest.list
@@ -0,0 +1,29 @@
+# Tests using placeholder-focus-ref.html as a reference are disabled because
+# we can't change the caret colour nor disable it and we can't change the
+# text colour without changing the caret which means that the tested page has
+# a black caret with a grey text and the reference has a grey caret with grey
+# text. The only thing that is doable is to make the caret grey in the tested
+# page but that would make the test moot because a failure wouldn't be seen.
+# A real way to fix this would be to be able to style the caret or to implement
+# ::value (bug 648643), depending of the ::value behaviour (it could change the
+# caret colour and the text colour or just the text colour).
+
+== placeholder-simple.html placeholder-simple-ref.html
+# needs-focus == placeholder-focus.html placeholder-focus-ref.html
+needs-focus == placeholder-blur.html placeholder-simple-ref.html
+== placeholder-value.html placeholder-value-ref.html
+== placeholder-empty-string.html placeholder-empty-string-ref.html
+== placeholder-add.html placeholder-simple-ref.html
+== placeholder-removal.html input-ref.html
+== placeholder-value-set.html placeholder-value-ref.html
+== placeholder-value-unset.html placeholder-simple-ref.html
+== placeholder-value-reset.html placeholder-simple-ref.html
+== placeholder-type-change-1.html placeholder-simple-ref.html
+== placeholder-type-change-2.html placeholder-button-ref.html
+== placeholdershown.html placeholdershown-ref.html
+fails-if(Android) == placeholdershown-date.html placeholdershown-date-ref.html # bug 1431431
+== css-display.html placeholder-simple-ref.html
+# We can't check except by verifying that the output is different.
+# Same reasons as focus issues explained above.
+!= css-opacity.html placeholder-simple-ref.html
+!= css-text-align.html placeholder-simple-ref.html
diff --git a/layout/reftests/css-placeholder/input/style-shown.css b/layout/reftests/css-placeholder/input/style-shown.css
new file mode 100644
index 0000000000..a73b0c5fd0
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/style-shown.css
@@ -0,0 +1,21 @@
+input::placeholder {
+  color: green;
+  opacity: 1.0;
+}
+
+input:placeholder-shown {
+  appearance: none;
+  color: FieldText;
+  background-color: red;
+}
+
+input:placeholder-shown.shown,
+input.shown-ref {
+  appearance: none;
+  color: green;
+  background-color: #c7c7c7;
+  font-style: italic;
+  border: 2px solid green;
+  height: 200px;
+  width: 200px;
+}
diff --git a/layout/reftests/css-placeholder/input/style.css b/layout/reftests/css-placeholder/input/style.css
new file mode 100644
index 0000000000..8963a6e177
--- /dev/null
+++ b/layout/reftests/css-placeholder/input/style.css
@@ -0,0 +1,6 @@
+[placeholder="bar"]::-moz-placeholder,
+[placeholder="foo"]::placeholder,
+input.ref {
+  color: green;
+  opacity: 1.0;
+}
diff --git a/layout/reftests/css-placeholder/reftest.list b/layout/reftests/css-placeholder/reftest.list
new file mode 100644
index 0000000000..cfe6f46300
--- /dev/null
+++ b/layout/reftests/css-placeholder/reftest.list
@@ -0,0 +1,7 @@
+include input/reftest.list
+include textarea/reftest.list
+
+fuzzy(0-1,0-4) == css-restrictions.html css-restrictions-ref.html
+== css-simple-styling.html css-simple-styling-ref.html # gtkWidget, Bug 1600749
+!= css-background.html css-background-ref.html
+fuzzy(0-1,0-180) == ignore-pseudo-class.html ignore-pseudo-class-ref.html
diff --git a/layout/reftests/css-placeholder/textarea/css-display.html b/layout/reftests/css-placeholder/textarea/css-display.html
new file mode 100644
index 0000000000..717bfab7cd
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/css-display.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    textarea::-moz-placeholder,
+    textarea::placeholder {
+      display: inline;
+    }
+  </style>
+  <body>
+    <textarea placeholder='foo'></textarea>
+    <textarea placeholder='bar'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/css-opacity.html b/layout/reftests/css-placeholder/textarea/css-opacity.html
new file mode 100644
index 0000000000..832f504eca
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/css-opacity.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    textarea::-moz-placeholder,
+    textarea::placeholder {
+      opacity: 0.1;
+    }
+  </style>
+  <body>
+    <textarea placeholder='foo'></textarea>
+    <textarea placeholder='bar'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/css-resize-ref.html b/layout/reftests/css-placeholder/textarea/css-resize-ref.html
new file mode 100644
index 0000000000..c6e2e5b09e
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/css-resize-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    textarea {
+      resize: none;
+    }
+  </style>
+  <body>
+    <textarea class='ref'>foo</textarea>
+    <textarea class='ref'>bar</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/css-resize.html b/layout/reftests/css-placeholder/textarea/css-resize.html
new file mode 100644
index 0000000000..81ea278b56
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/css-resize.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <!--
+    resize shouldn't be allowed on the ::placeholder.
+  -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    textarea {
+      resize: none;
+    }
+    textarea::-moz-placeholder,
+    textarea::placeholder {
+      resize: both;
+    }
+  </style>
+  <body>
+    <textarea placeholder='foo'></textarea>
+    <textarea placeholder='bar'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-add.html b/layout/reftests/css-placeholder/textarea/placeholder-add.html
new file mode 100644
index 0000000000..9807f3d702
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-add.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').placeholder='foo';
+      document.getElementById('moz').placeholder='bar';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <textarea id='t'></textarea>
+    <textarea id='moz'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-blur.html b/layout/reftests/css-placeholder/textarea/placeholder-blur.html
new file mode 100644
index 0000000000..a1b7ebace4
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-blur.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').focus();
+    }
+    function focusHandler()
+    {
+      document.getElementById('t').blur();
+    }
+    function blurHandler()
+    {
+      document.getElementById('moz').focus();
+    }
+    function focusHandlerMoz()
+    {
+      document.getElementById('moz').blur();
+    }
+    function blurHandlerMoz()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <textarea id='t' placeholder='foo' onfocus='focusHandler();' onblur='blurHandler();'></textarea>
+    <textarea id='moz' placeholder='bar' onfocus='focusHandlerMoz();' onblur='blurHandlerMoz();'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-empty-string-ref.html b/layout/reftests/css-placeholder/textarea/placeholder-empty-string-ref.html
new file mode 100644
index 0000000000..09928f0ad2
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-empty-string-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='ref'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-empty-string.html b/layout/reftests/css-placeholder/textarea/placeholder-empty-string.html
new file mode 100644
index 0000000000..87f27256cd
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-empty-string.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea placeholder=''></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-focus-ref.html b/layout/reftests/css-placeholder/textarea/placeholder-focus-ref.html
new file mode 100644
index 0000000000..69318b626f
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-focus-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').focus();
+    }
+    function focusHandler()
+    {
+      document.getElementById('moz').focus();
+    }
+    function focusHandlerMoz()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <textarea id='t' class='ref' onfocus='focusHandler();'>foo</textarea>
+    <textarea id='moz' class='ref' onfocus='focusHandlerMoz();'>bar</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-focus.html b/layout/reftests/css-placeholder/textarea/placeholder-focus.html
new file mode 100644
index 0000000000..a8c97293da
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-focus.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').focus();
+    }
+    function focusHandler()
+    {
+      document.getElementById('moz').focus();
+    }
+    function focusHandlerMoz()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <textarea id='t' placeholder='foo' onfocus='focusHandler();'></textarea>
+    <textarea id='moz' placeholder='bar' onfocus='focusHandlerMoz();'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-removal.html b/layout/reftests/css-placeholder/textarea/placeholder-removal.html
new file mode 100644
index 0000000000..727b216a99
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-removal.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').removeAttribute('placeholder');
+      document.getElementById('moz').removeAttribute('placeholder');
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <textarea id='t' placeholder='foo'></textarea>
+    <textarea id='moz' placeholder='bar'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-simple-ref.html b/layout/reftests/css-placeholder/textarea/placeholder-simple-ref.html
new file mode 100644
index 0000000000..c012cc4116
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-simple-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='ref'>foo</textarea>
+    <textarea class='ref'>bar</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-simple.html b/layout/reftests/css-placeholder/textarea/placeholder-simple.html
new file mode 100644
index 0000000000..5a9d3eb6f0
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-simple.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea placeholder='foo'></textarea>
+    <textarea placeholder='bar'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-value-ref.html b/layout/reftests/css-placeholder/textarea/placeholder-value-ref.html
new file mode 100644
index 0000000000..f8023e1c98
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-value-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea>bar</textarea>
+    <textarea>foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-value-reset.html b/layout/reftests/css-placeholder/textarea/placeholder-value-reset.html
new file mode 100644
index 0000000000..92fc7d79bd
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-value-reset.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').value = 'bar';
+      document.getElementById('moz').value = 'foo';
+      document.forms[0].reset();
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <form>
+      <textarea id='t' placeholder='foo'></textarea>
+      <textarea id='moz' placeholder='bar'></textarea>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-value-set.html b/layout/reftests/css-placeholder/textarea/placeholder-value-set.html
new file mode 100644
index 0000000000..30c3c26a4a
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-value-set.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').value = 'bar';
+      document.getElementById('moz').value = 'foo';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <textarea id='t' placeholder='foo'></textarea>
+    <textarea id='moz' placeholder='bar'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-value-unset.html b/layout/reftests/css-placeholder/textarea/placeholder-value-unset.html
new file mode 100644
index 0000000000..aacea6a203
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-value-unset.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function loadHandler()
+    {
+      document.getElementById('t').value = '';
+      document.getElementById('moz').value = '';
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload='loadHandler();'>
+    <textarea id='t' placeholder='foo'>bar</textarea>
+    <textarea id='moz' placeholder='bar'>foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholder-value.html b/layout/reftests/css-placeholder/textarea/placeholder-value.html
new file mode 100644
index 0000000000..a17bfa8f30
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholder-value.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea placeholder='foo'>bar</textarea>
+    <textarea placeholder='bar'>foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholdershown-ref.html b/layout/reftests/css-placeholder/textarea/placeholdershown-ref.html
new file mode 100644
index 0000000000..caa109411c
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholdershown-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style-shown.css'>
+  <body>
+    <textarea class='shown-ref'>foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/placeholdershown.html b/layout/reftests/css-placeholder/textarea/placeholdershown.html
new file mode 100644
index 0000000000..781ca2165d
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/placeholdershown.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style-shown.css'>
+  <body>
+    <textarea class='shown' placeholder='foo'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-placeholder/textarea/reftest.list b/layout/reftests/css-placeholder/textarea/reftest.list
new file mode 100644
index 0000000000..a24dddf1fe
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/reftest.list
@@ -0,0 +1,26 @@
+# Tests using placeholder-focus-ref.html as a reference are disabled because
+# we can't change the caret colour nor disable it and we can't change the
+# text colour without changing the caret which means that the tested page has
+# a black caret with a grey text and the reference has a grey caret with grey
+# text. The only thing that is doable is to make the caret grey in the tested
+# page but that would make the test moot because a failure wouldn't be seen.
+# A real way to fix this would be to be able to style the caret or to implement
+# ::value (bug 648643), depending of the ::value behaviour (it could change the
+# caret colour and the text colour or just the text colour).
+
+== placeholder-simple.html placeholder-simple-ref.html
+# needs-focus == placeholder-focus.html placeholder-focus-ref.html
+needs-focus == placeholder-blur.html placeholder-simple-ref.html
+== placeholder-value.html placeholder-value-ref.html
+== placeholder-empty-string.html placeholder-empty-string-ref.html
+== placeholder-add.html placeholder-simple-ref.html
+== placeholder-removal.html textarea-ref.html
+== placeholder-value-set.html placeholder-value-ref.html
+== placeholder-value-unset.html placeholder-simple-ref.html
+== placeholder-value-reset.html placeholder-simple-ref.html
+== placeholdershown.html placeholdershown-ref.html
+== css-resize.html css-resize-ref.html
+== css-display.html placeholder-simple-ref.html
+# We can't check except by verifying that the output is different.
+# Same reasons as focus issues explained above.
+!= css-opacity.html placeholder-simple-ref.html
diff --git a/layout/reftests/css-placeholder/textarea/style-shown.css b/layout/reftests/css-placeholder/textarea/style-shown.css
new file mode 100644
index 0000000000..e7b33cef63
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/style-shown.css
@@ -0,0 +1,22 @@
+textarea::placeholder {
+  color: green;
+  opacity: 1.0;
+}
+
+textarea:placeholder-shown {
+  appearance: none;
+  color: FieldText;
+  background-color: red;
+}
+
+textarea:placeholder-shown.shown,
+textarea.shown-ref {
+  appearance: none;
+  color: green;
+  background-color: #c7c7c7;
+  font-style: italic;
+  border: 2px solid green;
+  height: 200px;
+  width: 200px;
+}
+
diff --git a/layout/reftests/css-placeholder/textarea/style.css b/layout/reftests/css-placeholder/textarea/style.css
new file mode 100644
index 0000000000..6d7893318d
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/style.css
@@ -0,0 +1,6 @@
+textarea::-moz-placeholder,
+textarea::placeholder,
+textarea.ref {
+  color: green;
+  opacity: 1.0;
+}
diff --git a/layout/reftests/css-placeholder/textarea/textarea-ref.html b/layout/reftests/css-placeholder/textarea/textarea-ref.html
new file mode 100644
index 0000000000..79f410593b
--- /dev/null
+++ b/layout/reftests/css-placeholder/textarea/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea></textarea>
+    <textarea></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-button-element.html b/layout/reftests/css-required/css-required-button-element.html
new file mode 100644
index 0000000000..5c2df1c951
--- /dev/null
+++ b/layout/reftests/css-required/css-required-button-element.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <button required></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-button.html b/layout/reftests/css-required/css-required-button.html
new file mode 100644
index 0000000000..c31dc169e6
--- /dev/null
+++ b/layout/reftests/css-required/css-required-button.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="button" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-checkbox-ref.html b/layout/reftests/css-required/css-required-checkbox-ref.html
new file mode 100644
index 0000000000..57cf905ad8
--- /dev/null
+++ b/layout/reftests/css-required/css-required-checkbox-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="checkbox">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-checkbox.html b/layout/reftests/css-required/css-required-checkbox.html
new file mode 100644
index 0000000000..6126da914a
--- /dev/null
+++ b/layout/reftests/css-required/css-required-checkbox.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="checkbox" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-dyn-1.html b/layout/reftests/css-required/css-required-dyn-1.html
new file mode 100644
index 0000000000..6663609159
--- /dev/null
+++ b/layout/reftests/css-required/css-required-dyn-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Change an input element from non-required type
+             to a required type. -->
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+
+  <script type="text/javascript">
+    function changeType()
+    {
+      document.getElementById('i').type = 'text';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="changeType(); disableReftestWait();">
+    <input type="submit" id="i" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-dyn-2.html b/layout/reftests/css-required/css-required-dyn-2.html
new file mode 100644
index 0000000000..f19ae3c1e4
--- /dev/null
+++ b/layout/reftests/css-required/css-required-dyn-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Change an input element from required type
+             to a non-required type. -->
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+
+  <script type="text/javascript">
+    function changeType()
+    {
+      document.getElementById('i').type = 'submit';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="changeType(); disableReftestWait();">
+    <input type="text" id="i" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-dyn-3.html b/layout/reftests/css-required/css-required-dyn-3.html
new file mode 100644
index 0000000000..3cd2159761
--- /dev/null
+++ b/layout/reftests/css-required/css-required-dyn-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Add the required attribute to an element to make it required. -->
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+
+  <script type="text/javascript">
+    function addRequired()
+    {
+      document.getElementById('i').required = true;
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="addRequired(); disableReftestWait();">
+    <input type="text" id="i">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-dyn-4.html b/layout/reftests/css-required/css-required-dyn-4.html
new file mode 100644
index 0000000000..6ab8a32e34
--- /dev/null
+++ b/layout/reftests/css-required/css-required-dyn-4.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Remove the required attribute from an element to make it optional. -->
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+
+  <script type="text/javascript">
+    function removeRequired()
+    {
+      document.getElementById('i').removeAttribute('required');
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="removeRequired(); disableReftestWait();">
+    <input type="text" id="i" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-dyn-5.html b/layout/reftests/css-required/css-required-dyn-5.html
new file mode 100644
index 0000000000..4f8fb1f3de
--- /dev/null
+++ b/layout/reftests/css-required/css-required-dyn-5.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Add the required attribute to an element to make it required. -->
+  <link rel='stylesheet' type='text/css' href='css-required-style-2.css'>
+
+  <script type="text/javascript">
+    function addRequired()
+    {
+      document.getElementById('i').required = true;
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="addRequired(); disableReftestWait();">
+    <input type="text" id="i">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-dyn-6.html b/layout/reftests/css-required/css-required-dyn-6.html
new file mode 100644
index 0000000000..e6c0eae7ff
--- /dev/null
+++ b/layout/reftests/css-required/css-required-dyn-6.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: Remove the required attribute from an element to make it optional. -->
+  <link rel='stylesheet' type='text/css' href='css-required-style-2.css'>
+
+  <script type="text/javascript">
+    function removeRequired()
+    {
+      document.getElementById('i').removeAttribute('required');
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="removeRequired(); disableReftestWait();">
+    <input type="text" id="i" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-file-ref.html b/layout/reftests/css-required/css-required-file-ref.html
new file mode 100644
index 0000000000..2c4ef05993
--- /dev/null
+++ b/layout/reftests/css-required/css-required-file-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="file">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-file.html b/layout/reftests/css-required/css-required-file.html
new file mode 100644
index 0000000000..7a8534ba8a
--- /dev/null
+++ b/layout/reftests/css-required/css-required-file.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="file" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-hidden.html b/layout/reftests/css-required/css-required-hidden.html
new file mode 100644
index 0000000000..4ad39a518b
--- /dev/null
+++ b/layout/reftests/css-required/css-required-hidden.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="hidden" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-image.html b/layout/reftests/css-required/css-required-image.html
new file mode 100644
index 0000000000..a293ed0aec
--- /dev/null
+++ b/layout/reftests/css-required/css-required-image.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="image" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-password-ref.html b/layout/reftests/css-required/css-required-password-ref.html
new file mode 100644
index 0000000000..cc49928f6c
--- /dev/null
+++ b/layout/reftests/css-required/css-required-password-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="password">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-password.html b/layout/reftests/css-required/css-required-password.html
new file mode 100644
index 0000000000..27db40342a
--- /dev/null
+++ b/layout/reftests/css-required/css-required-password.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="password" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-radio-ref.html b/layout/reftests/css-required/css-required-radio-ref.html
new file mode 100644
index 0000000000..e7b97476c9
--- /dev/null
+++ b/layout/reftests/css-required/css-required-radio-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="radio">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-radio.html b/layout/reftests/css-required/css-required-radio.html
new file mode 100644
index 0000000000..bd5d980f36
--- /dev/null
+++ b/layout/reftests/css-required/css-required-radio.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="radio" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-reset.html b/layout/reftests/css-required/css-required-reset.html
new file mode 100644
index 0000000000..a94efef7a2
--- /dev/null
+++ b/layout/reftests/css-required/css-required-reset.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="reset" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-search-ref.html b/layout/reftests/css-required/css-required-search-ref.html
new file mode 100644
index 0000000000..059b11589c
--- /dev/null
+++ b/layout/reftests/css-required/css-required-search-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="search">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-search.html b/layout/reftests/css-required/css-required-search.html
new file mode 100644
index 0000000000..0f90cd1d99
--- /dev/null
+++ b/layout/reftests/css-required/css-required-search.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="search" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-select-ref.html b/layout/reftests/css-required/css-required-select-ref.html
new file mode 100644
index 0000000000..e419bb1845
--- /dev/null
+++ b/layout/reftests/css-required/css-required-select-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-select.html b/layout/reftests/css-required/css-required-select.html
new file mode 100644
index 0000000000..c69f26a3d3
--- /dev/null
+++ b/layout/reftests/css-required/css-required-select.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <select required></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-style-2.css b/layout/reftests/css-required/css-required-style-2.css
new file mode 100644
index 0000000000..0670fb48e7
--- /dev/null
+++ b/layout/reftests/css-required/css-required-style-2.css
@@ -0,0 +1,13 @@
+input, textarea, select, button,
+*:optional {
+  visibility: hidden;
+}
+
+input[required]:required {
+  visibility: visible;
+}
+
+/* Override the default style. */
+:invalid {
+  box-shadow: none;
+}
diff --git a/layout/reftests/css-required/css-required-style.css b/layout/reftests/css-required/css-required-style.css
new file mode 100644
index 0000000000..59daf2ea62
--- /dev/null
+++ b/layout/reftests/css-required/css-required-style.css
@@ -0,0 +1,13 @@
+input, textarea, select, button,
+*:optional {
+  visibility: hidden;
+}
+
+*:required {
+  visibility: visible;
+}
+
+/* Override the default style. */
+:invalid {
+  box-shadow: none;
+}
diff --git a/layout/reftests/css-required/css-required-submit.html b/layout/reftests/css-required/css-required-submit.html
new file mode 100644
index 0000000000..c82fa3ad59
--- /dev/null
+++ b/layout/reftests/css-required/css-required-submit.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="submit" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-tel-ref.html b/layout/reftests/css-required/css-required-tel-ref.html
new file mode 100644
index 0000000000..059b11589c
--- /dev/null
+++ b/layout/reftests/css-required/css-required-tel-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="search">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-tel.html b/layout/reftests/css-required/css-required-tel.html
new file mode 100644
index 0000000000..d468c867cd
--- /dev/null
+++ b/layout/reftests/css-required/css-required-tel.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="tel" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-text-ref.html b/layout/reftests/css-required/css-required-text-ref.html
new file mode 100644
index 0000000000..07e5eee7e6
--- /dev/null
+++ b/layout/reftests/css-required/css-required-text-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text">
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-text.html b/layout/reftests/css-required/css-required-text.html
new file mode 100644
index 0000000000..0aa2180336
--- /dev/null
+++ b/layout/reftests/css-required/css-required-text.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <input type="text" required>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-textarea-ref.html b/layout/reftests/css-required/css-required-textarea-ref.html
new file mode 100644
index 0000000000..bde6f508f9
--- /dev/null
+++ b/layout/reftests/css-required/css-required-textarea-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <textarea></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/css-required-textarea.html b/layout/reftests/css-required/css-required-textarea.html
new file mode 100644
index 0000000000..82d01bc5db
--- /dev/null
+++ b/layout/reftests/css-required/css-required-textarea.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='css-required-style.css'>
+  <body>
+    <textarea required></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-required/reftest.list b/layout/reftests/css-required/reftest.list
new file mode 100644
index 0000000000..4c1f19abb6
--- /dev/null
+++ b/layout/reftests/css-required/reftest.list
@@ -0,0 +1,29 @@
+# Checking if these types/elements support :required
+== css-required-textarea.html css-required-textarea-ref.html
+== css-required-radio.html css-required-radio-ref.html
+== css-required-text.html css-required-text-ref.html
+== css-required-checkbox.html css-required-checkbox-ref.html
+== css-required-file.html css-required-file-ref.html
+== css-required-password.html css-required-password-ref.html
+== css-required-tel.html css-required-tel-ref.html
+== css-required-search.html css-required-search-ref.html
+fuzzy-if(geckoview,0-4,0-1) == css-required-select.html css-required-select-ref.html
+
+# Checking dynamic behavior with <input type='text'>
+== css-required-dyn-1.html css-required-text-ref.html
+== css-required-dyn-2.html about:blank
+== css-required-dyn-3.html css-required-text-ref.html
+== css-required-dyn-4.html about:blank
+== css-required-dyn-5.html css-required-text-ref.html
+== css-required-dyn-6.html about:blank
+
+# Following input types do not support :required
+== css-required-hidden.html about:blank
+== css-required-button.html about:blank
+== css-required-submit.html about:blank
+== css-required-image.html about:blank
+== css-required-reset.html about:blank
+
+# Following elements can be optional but can't be required
+== css-required-button-element.html about:blank
+
diff --git a/layout/reftests/css-ruby/box-properties-1-ref.html b/layout/reftests/css-ruby/box-properties-1-ref.html
new file mode 100644
index 0000000000..a8e340653d
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+</head>
+<body style="line-height: 5;">
+  <div>
+    |<span style="background: aqua; padding: 10px; border: 12px solid red; outline: 5px solid yellow; margin: 10px;"
+      ><span>base1</span>
+      <!-- width: 256px = 300px - 2 * (padding: 2px + border: 4px + margin: 16px) -->
+      <span style="background: green; padding: 2px; border: 4px solid blue; outline: 8px solid pink; margin: 16px;"><div style="display: inline-block; text-align: center; width: 256px; line-height: normal;">base2</div></span>
+      <span>base3</span
+    ></span>|
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/box-properties-1.html b/layout/reftests/css-ruby/box-properties-1.html
new file mode 100644
index 0000000000..1b463eb5b8
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body style="line-height: 5;">
+  <div>
+    |<ruby style="background: aqua; padding: 10px; border: 12px solid red; outline: 5px solid yellow; margin: 10px;">
+      <rb>base1</rb>
+      <rb style="background: green; padding: 2px; border: 4px solid blue; outline: 8px solid pink; margin: 16px;">base2</rb>
+      <rb>base3</rb>
+      <rtc style="font-size: 0;">
+        <rt></rt>
+        <rt><div style="width: 300px; height: 0px;"></div></rt>
+      </rtc>
+    </ruby>|
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/box-properties-2-ref.html b/layout/reftests/css-ruby/box-properties-2-ref.html
new file mode 100644
index 0000000000..5abfa2e84c
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+</head>
+<body style="line-height: 10">
+  <ruby>
+    <rb>base1</rb>
+    <rb><div></div></rb>
+    <rb>base3</rb>
+    <rtc>
+      <rt></rt>
+      <rt style="margin: 22px 0;"><div id="rtblock" style="width: 256px; text-align:center; background: silver; padding: 2px; border: 4px solid gray; outline: 8px solid black; margin: 16px;"><span id="inline">text1</span></div></rt>
+      <!-- margin: 22px = margin: 16px + padding: 2px + border: 4px -->
+      <!-- width: 256px = 300px - 2 * (padding: 2px + border: 4px + margin: 16px) -->
+    </rtc>
+  </ruby>
+  <script type="text/javascript">
+    // normal height of an one-line inline-block is the line-height,
+    // we need to adjust it to the height of the inline box to simulate
+    // the ruby text box.
+    makeBSizeMatchInlineBox(document.getElementById('rtblock'),
+                            document.getElementById('inline'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/box-properties-2.html b/layout/reftests/css-ruby/box-properties-2.html
new file mode 100644
index 0000000000..ca12016937
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+</head>
+<body style="line-height: 10">
+  <ruby>
+    <rb>base1</rb>
+    <rb><div style="width: 300px;"></div></rb>
+    <rb>base3</rb>
+    <rtc>
+      <rt></rt>
+      <rt style="background: silver; padding: 2px; border: 4px solid gray; outline: 8px solid black; margin: 16px;"><div id="rtblock"><span id="inline">text1</span></div></rt>
+    </rtc>
+  </ruby>
+  <script type="text/javascript">
+    // alter the height to make it easier to match the reference page
+    makeBSizeMatchInlineBox(document.getElementById('rtblock'),
+                            document.getElementById('inline'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/box-properties-3-ref.html b/layout/reftests/css-ruby/box-properties-3-ref.html
new file mode 100644
index 0000000000..465e547584
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-3-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body style="line-height: 5">
+  <ruby>
+    <rbc>
+      <rb style="background: aqua; outline: 8px solid teal; margin: 16px;">base1</rb>
+    </rbc><rbc></rbc>
+    <rtc>
+      <rt style="outline: 8px solid purple;"><span style="background: fuchsia">text1</span></rt>
+    </rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/box-properties-3.html b/layout/reftests/css-ruby/box-properties-3.html
new file mode 100644
index 0000000000..6b014c2681
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body style="line-height: 5">
+  <ruby>
+    <rbc style="background: aqua; padding: 2px; border: 4px solid red; outline: 8px solid teal; margin: 16px;">
+      <rb>base1</rb>
+    </rbc><rbc></rbc>
+    <rtc style="background: fuchsia; padding: 2px; border: 4px solid red; outline: 8px solid purple; margin: 16px;">
+      <rt>text1</rt>
+    </rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/box-properties-4-ref.html b/layout/reftests/css-ruby/box-properties-4-ref.html
new file mode 100644
index 0000000000..db6788daa2
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-4-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+  <link rel="stylesheet" href="common.css">
+  <style>
+    .inside {
+      display: inline-block;
+      width: 50px; height: 10px;
+      background: black;
+    }
+  </style>
+</head>
+<body>
+  <div style="width: 80px">
+    <span style="background: silver; padding: 0 20px; border: 10px solid gray; border-width: 0 10px;"
+      ><div class="inside"></div
+      ><div class="inside" style="padding: 0 15px;"></div
+      ><div class="inside"></div
+    ></span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/box-properties-4.html b/layout/reftests/css-ruby/box-properties-4.html
new file mode 100644
index 0000000000..6e953bc3a1
--- /dev/null
+++ b/layout/reftests/css-ruby/box-properties-4.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055667 - Box properties on ruby boxes</title>
+  <link rel="stylesheet" href="common.css">
+  <style>
+    .inside {
+      width: 50px; height: 10px;
+      background: black;
+    }
+  </style>
+</head>
+<body>
+  <div style="width: 80px">
+    <ruby style="background: silver; padding: 0 20px; border: 10px solid gray; border-width: 0 10px;"
+      ><rb><div class="inside"></div></rb
+      ><rb><div class="inside" style="padding: 0 15px;"></div></rb
+      ><rb><div class="inside"></div></rb
+    ></ruby>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/bug1181890-notref.html b/layout/reftests/css-ruby/bug1181890-notref.html
new file mode 100644
index 0000000000..0e97415a88
--- /dev/null
+++ b/layout/reftests/css-ruby/bug1181890-notref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<p style="ruby-align: start">
+  <ruby><rb>A</rb><rt>aaaaaaaaaaaa</rt></ruby>
+  <ruby><rb>BBBBB</rb><rt>b</rt></ruby>
+</p>
+<p style="ruby-align: start">
+  <ruby><rb>A</rb><rt>aaaaaaaaaaaa</rt></ruby>
+  <ruby><rb>BBBBB</rb><rt>b</rt></ruby>
+</p>
diff --git a/layout/reftests/css-ruby/bug1181890-ref.html b/layout/reftests/css-ruby/bug1181890-ref.html
new file mode 100644
index 0000000000..41a46d13e3
--- /dev/null
+++ b/layout/reftests/css-ruby/bug1181890-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<p style="ruby-align: center">
+  <ruby><rb>A</rb><rt>aaaaaaaaaaaa</rt></ruby>
+  <ruby><rb>BBBBB</rb><rt>b</rt></ruby>
+</p>
+<p style="ruby-align: space-between">
+  <ruby><rb>A</rb><rt>aaaaaaaaaaaa</rt></ruby>
+  <ruby><rb>BBBBB</rb><rt>b</rt></ruby>
+</p>
diff --git a/layout/reftests/css-ruby/bug1181890.html b/layout/reftests/css-ruby/bug1181890.html
new file mode 100644
index 0000000000..3369a7482d
--- /dev/null
+++ b/layout/reftests/css-ruby/bug1181890.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<p style="ruby-align: center">
+  <ruby><rb>A</rb><rt>aaaaaaaaaaaa</rt></ruby>
+  <ruby><rb>BBBBB</rb><rt>b</rt></ruby>
+</p>
+<p style="ruby-align: space-between">
+  <ruby><rb>A</rb><rt>aaaaaaaaaaaa</rt></ruby>
+  <ruby><rb>BBBBB</rb><rt>b</rt></ruby>
+</p>
+&lrm;
diff --git a/layout/reftests/css-ruby/common.css b/layout/reftests/css-ruby/common.css
new file mode 100644
index 0000000000..45bdd379cb
--- /dev/null
+++ b/layout/reftests/css-ruby/common.css
@@ -0,0 +1,22 @@
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+rbc {
+  display: ruby-base-container;
+  unicode-bidi: isolate;
+}
+[pseudo] {
+  font-size: inherit;
+  line-height: inherit;
+}
+[pseudo] > rt {
+  font-size: 50%;
+}
+[pseudo] > rt[pseudo] {
+  font-size: inherit;
+}
+
+.large {
+  font-size: 200%;
+}
diff --git a/layout/reftests/css-ruby/inflated-ruby-1-ref.html b/layout/reftests/css-ruby/inflated-ruby-1-ref.html
new file mode 100644
index 0000000000..7ae6e58258
--- /dev/null
+++ b/layout/reftests/css-ruby/inflated-ruby-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<style>
+div { font-family: monospace; font-size: 34px; width: 450px; }
+rt { font-size: 50%; }
+</style>
+<div><ruby><rb>base<rt>rubytext</ruby></div>
diff --git a/layout/reftests/css-ruby/inflated-ruby-1.html b/layout/reftests/css-ruby/inflated-ruby-1.html
new file mode 100644
index 0000000000..f9c6f19474
--- /dev/null
+++ b/layout/reftests/css-ruby/inflated-ruby-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { font-family: monospace; font-size: 12px; width: 450px; }
+rt { font-size: 50%; }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><ruby><rb>base<rt>rubytext</ruby></div>
diff --git a/layout/reftests/css-ruby/line-height-1-ref.html b/layout/reftests/css-ruby/line-height-1-ref.html
new file mode 100644
index 0000000000..821765f5c3
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1069519 - Ruby line height calculation</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+</head>
+<body style="line-height: 1">
+  <div id="base">
+    <span id="inline">base</span>
+    <span id="text" style="font-size: 50%; color: transparent">text</span>
+  </div>
+  <script>
+    // Simulate the behavior of ruby layout.
+    var base = document.getElementById('base');
+    makeBSizeMatchInlineBox(base, document.getElementById('inline'));
+    base.style.paddingTop = getBSize(document.getElementById('text'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/line-height-1.html b/layout/reftests/css-ruby/line-height-1.html
new file mode 100644
index 0000000000..fc7463e381
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1069519 - Ruby line height calculation</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body style="line-height: 1">
+  <ruby>
+    <rb>base</rb>
+    <rtc><rt style="color: transparent">text</rt></rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/line-height-2-ref.html b/layout/reftests/css-ruby/line-height-2-ref.html
new file mode 100644
index 0000000000..3d506e4e9b
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1069519 - Ruby line height calculation</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+</head>
+<body style="line-height: 1">
+  <div id="base">
+    <span id="inline">base</span>
+    <span id="text" style="font-size: 50%; color: transparent">text</span>
+  </div>
+  next line
+  <script>
+    // Simulate the behavior of ruby layout.
+    var base = document.getElementById('base');
+    makeBSizeMatchInlineBox(base, document.getElementById('inline'));
+    base.style.paddingBottom = getBSize(document.getElementById('text'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/line-height-2.html b/layout/reftests/css-ruby/line-height-2.html
new file mode 100644
index 0000000000..d84f31da4e
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1069519 - Ruby line height calculation</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body style="line-height: 1">
+  <ruby>
+    <rb>base</rb>
+    <rtc style="ruby-position: under;"><rt style="color: transparent">text</rt></rtc>
+  </ruby><br>
+  next line
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/line-height-3-ref.html b/layout/reftests/css-ruby/line-height-3-ref.html
new file mode 100644
index 0000000000..8a186c5f25
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-3-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1069519 - Ruby line height calculation</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+</head>
+<body style="line-height: 1">
+  <div id="base">
+    <span id="inline">base</span>
+    <span id="text1" style="font-size: 80%; color: transparent">text</span>
+    <span id="text2" style="font-size: 50%; color: transparent">text</span>
+  </div>
+  next line
+  <script>
+    // Simulate the behavior of ruby layout.
+    var base = document.getElementById('base');
+    makeBSizeMatchInlineBox(base, document.getElementById('inline'));
+    base.style.paddingTop = getBSize(document.getElementById('text1'));
+    base.style.paddingBottom = getBSize(document.getElementById('text2'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/line-height-3.html b/layout/reftests/css-ruby/line-height-3.html
new file mode 100644
index 0000000000..ea2bf632af
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1069519 - Ruby line height calculation</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body style="line-height: 1">
+  <ruby>
+    <rb>base</rb>
+    <rtc style="ruby-position: over; font-size: 80%;"><rt style="color: transparent">text</rt></rtc>
+    <rtc style="ruby-position: under; font-size: 50%;"><rt style="color: transparent">text</rt></rtc>
+  </ruby><br>
+  next line
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/line-height-4-ref.html b/layout/reftests/css-ruby/line-height-4-ref.html
new file mode 100644
index 0000000000..4ef96858e1
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-4-ref.html
@@ -0,0 +1,15 @@
+<title>Bug 1134206 - Ruby line spacing adjustment on quirks mode</title>
+<script type="text/javascript" src="utils.js"></script>
+<div id="base">
+  <span id="inline">base</span>
+  <span id="text1" style="font-size: 80%; color: transparent">text</span>
+  <span id="text2" style="font-size: 50%; color: transparent">text</span>
+</div>
+next line
+<script>
+  // Simulate the behavior of ruby layout.
+  var base = document.getElementById('base');
+  makeBSizeMatchInlineBox(base, document.getElementById('inline'));
+  base.style.paddingTop = getBSize(document.getElementById('text1'));
+  base.style.paddingBottom = getBSize(document.getElementById('text2'));
+</script>
diff --git a/layout/reftests/css-ruby/line-height-4.html b/layout/reftests/css-ruby/line-height-4.html
new file mode 100644
index 0000000000..978aa5c70b
--- /dev/null
+++ b/layout/reftests/css-ruby/line-height-4.html
@@ -0,0 +1,7 @@
+<title>Bug 1134206 - Ruby line spacing adjustment on quirks mode</title>
+<ruby>
+  <rb>base</rb>
+  <rtc style="ruby-position: over; font-size: 80%;"><rt style="color: transparent">text</rt></rtc>
+  <rtc style="ruby-position: under; font-size: 50%;"><rt style="color: transparent">text</rt></rtc>
+</ruby><br>
+next line
diff --git a/layout/reftests/css-ruby/min-font-size-1-ref.html b/layout/reftests/css-ruby/min-font-size-1-ref.html
new file mode 100644
index 0000000000..93b4bba2cd
--- /dev/null
+++ b/layout/reftests/css-ruby/min-font-size-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1165538 - Minimum font size on ruby text</title>
+</head>
+<body style="font-size: 16px">
+  <ruby>
+    <rb>超電磁砲</rb>
+    <rt>レールガン</rt>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/min-font-size-1.html b/layout/reftests/css-ruby/min-font-size-1.html
new file mode 100644
index 0000000000..150e032216
--- /dev/null
+++ b/layout/reftests/css-ruby/min-font-size-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1165538 - Minimum font size on ruby text</title>
+</head>
+<body style="font-size: 1px">
+  <ruby>
+    <rb>超電磁砲</rb>
+    <rt>レールガン</rt>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/nested-ruby-1.html b/layout/reftests/css-ruby/nested-ruby-1.html
new file mode 100644
index 0000000000..b3e76768e8
--- /dev/null
+++ b/layout/reftests/css-ruby/nested-ruby-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1120313 - Nested ruby inside ruby annotation</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body>
+  <ruby>
+    <rb>base1</rb>
+    <rt>
+      <ruby>
+        <rb>base2</rb>
+        <rt>text</rt>
+      </ruby>
+    </rt>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/reftest.list b/layout/reftests/css-ruby/reftest.list
new file mode 100644
index 0000000000..e432c79426
--- /dev/null
+++ b/layout/reftests/css-ruby/reftest.list
@@ -0,0 +1,33 @@
+# Box properties support on ruby boxes are not specified.
+== box-properties-1.html box-properties-1-ref.html
+== box-properties-2.html box-properties-2-ref.html
+== box-properties-3.html box-properties-3-ref.html
+== box-properties-4.html box-properties-4-ref.html
+
+# These tests browser features.
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == inflated-ruby-1.html inflated-ruby-1-ref.html
+test-pref(font.minimum-size.ja,16) == min-font-size-1.html min-font-size-1-ref.html
+
+# These tests rely on height of inline elements which is unspecified.
+== line-height-1.html line-height-1-ref.html
+== line-height-2.html line-height-2-ref.html
+== line-height-3.html line-height-3-ref.html
+== line-height-4.html line-height-4-ref.html
+== relative-positioning-1.html relative-positioning-1-ref.html
+== relative-positioning-2.html relative-positioning-2-ref.html
+== ruby-position-horizontal.html ruby-position-horizontal-ref.html
+== ruby-position-vertical-lr.html ruby-position-vertical-lr-ref.html
+== ruby-position-vertical-rl.html ruby-position-vertical-rl-ref.html
+
+# Nested ruby should not crash.
+load nested-ruby-1.html
+
+# Inter-character ruby is not enabled, and its spec is not considered stable enough.
+pref(layout.css.ruby.intercharacter.enabled,true) fuzzy-if(Android,0-198,0-70) == ruby-intercharacter-1.htm ruby-intercharacter-1-ref.htm
+pref(layout.css.ruby.intercharacter.enabled,false) != ruby-intercharacter-1.htm ruby-intercharacter-1-ref.htm
+pref(layout.css.ruby.intercharacter.enabled,true) == ruby-intercharacter-2.htm ruby-intercharacter-2-ref.htm
+pref(layout.css.ruby.intercharacter.enabled,false) != ruby-intercharacter-2.htm ruby-intercharacter-2-ref.htm
+
+# Testing a specific bug for RTL handling.
+== bug1181890.html bug1181890-ref.html
+!= bug1181890.html bug1181890-notref.html
diff --git a/layout/reftests/css-ruby/relative-positioning-1-ref.html b/layout/reftests/css-ruby/relative-positioning-1-ref.html
new file mode 100644
index 0000000000..1819ba920e
--- /dev/null
+++ b/layout/reftests/css-ruby/relative-positioning-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055658 - Relative positioning for ruby</title>
+  <script type="text/javascript" src="utils.js"></script>
+</head>
+<body>
+  <div style="height: 80px; line-height: 80px; width: 50px; text-align: center">
+    <span id="inline" style="position: relative">
+      <div id="annotation" style="position: absolute; width: 50px; top: -100%">
+        a<span style="position: relative; top: -10px;">b</span>c
+      </div>
+      base
+    </span>
+  </div>
+  <script type="text/javascript">
+    makeBSizeMatchInlineBox(document.getElementById('annotation'),
+                            document.getElementById('inline'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/relative-positioning-1.html b/layout/reftests/css-ruby/relative-positioning-1.html
new file mode 100644
index 0000000000..66dcf62c7c
--- /dev/null
+++ b/layout/reftests/css-ruby/relative-positioning-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055658 - Relative positioning for ruby</title>
+  <link rel="stylesheet" href="common.css">
+  <style>
+    body {
+      line-height: 80px;
+    }
+    rtc, rt {
+      font-size: 100% !important;
+      line-height: 1 !important;
+    }
+  </style>
+</head>
+<body>
+  <ruby style="position: relative;">
+    <rb>base</rb>
+    <rtc><rt>a<span style="position: relative; top: -10px;">b</span>c</rt></rtc>
+    <rtc><div style="width: 50px; height: 0;"></div></rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/relative-positioning-2-ref.html b/layout/reftests/css-ruby/relative-positioning-2-ref.html
new file mode 100644
index 0000000000..a5fc13090e
--- /dev/null
+++ b/layout/reftests/css-ruby/relative-positioning-2-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055658 - Relative positioning for ruby</title>
+  <script type="text/javascript" src="utils.js"></script>
+</head>
+<body style="font-family: monospace">
+  <div style="height: 80px; line-height: 80px;">
+    before
+    <div style="position: relative; top: 20px; display: inline-block">
+      <span id="inline" style="position: relative">
+        <div id="annotation" style="position: absolute; top: -100%;">
+          text1
+          <span style="position: relative; top: -20px;">text2</span>
+          <span style="position: relative; right: 10px;">text3</span>
+        </div>
+        base1
+        <span style="position: relative; left: 10px;">base2</span>
+        <span style="position: relative; bottom: -20px;">base3</span>
+      </span>
+    </div>
+    after
+  </div>
+  <script type="text/javascript">
+    makeBSizeMatchInlineBox(document.getElementById('annotation'),
+                            document.getElementById('inline'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/relative-positioning-2.html b/layout/reftests/css-ruby/relative-positioning-2.html
new file mode 100644
index 0000000000..0e91b7b379
--- /dev/null
+++ b/layout/reftests/css-ruby/relative-positioning-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055658 - Relative positioning for ruby</title>
+  <link rel="stylesheet" href="common.css">
+  <style>
+    body {
+      font-family: monospace;
+      line-height: 80px;
+    }
+    rtc, rt {
+      font-size: 100% !important;
+      line-height: 1 !important;
+    }
+  </style>
+</head>
+<body>
+  before
+  <ruby style="position: relative; top: 20px;">
+    <rb>base1</rb>
+    <rtc>text1</rtc>
+    <rb style="position: relative; left: 10px;">base2</rb>
+    <rtc style="position: relative; top: -20px;">text2</rtc>
+    <rbc style="position: relative; bottom: -20px;"><rb>base3</rb></rbc>
+    <rtc><rt style="position: relative; right: 10px;">text3</rt></rtc>
+  </ruby>
+  after
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-intercharacter-1-ref.htm b/layout/reftests/css-ruby/ruby-intercharacter-1-ref.htm
new file mode 100644
index 0000000000..6327ad90f7
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-intercharacter-1-ref.htm
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!--
+Reftest 1 for Bug 1395777 (reference file)
+-->
+<html lang="zh-TW">
+<head>
+<meta charset="UTF-8">
+<style>
+body {
+  font-size: 30px;
+  line-height: 1;
+}
+.rbc {
+  height: 30px;
+  display: inline-block;
+  vertical-align: top;
+}
+.rtc {
+  height: 30px;
+  display: inline-block;
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+  vertical-align: top;
+  text-align: center;
+  font-size: 30%;
+}
+</style>
+</head>
+<body>
+  <div>
+    <span class="rbc">BASE</span><span class="rtc">RT</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-intercharacter-1.htm b/layout/reftests/css-ruby/ruby-intercharacter-1.htm
new file mode 100644
index 0000000000..bb681a286b
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-intercharacter-1.htm
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!--
+Reftest 1 for Bug 1395777 (test file)
+-->
+<html lang="zh-TW">
+<head>
+<meta charset="UTF-8">
+<style>
+body {
+  font-size: 30px;
+  line-height: 1;
+}
+rtc {
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+}
+</style>
+</head>
+<body>
+  <ruby>
+    <rbc>BASE</rbc><rtc>RT</rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-intercharacter-2-ref.htm b/layout/reftests/css-ruby/ruby-intercharacter-2-ref.htm
new file mode 100644
index 0000000000..90d47ae1d5
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-intercharacter-2-ref.htm
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!--
+Reftest 2 for Bug 1395777 (reference file)
+-->
+<html lang="zh-TW">
+<head>
+<meta charset="UTF-8">
+<style>
+html {
+  font-size: xx-large;
+}
+ruby {
+  width: 1.4em;
+}
+rtc {
+  display: inline-block;
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+  vertical-align: text-top;
+}
+</style>
+</head>
+<body>
+  <ruby>
+    <rbc>BASE</rbc><rtc>LONGRT</rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-intercharacter-2.htm b/layout/reftests/css-ruby/ruby-intercharacter-2.htm
new file mode 100644
index 0000000000..2819784f16
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-intercharacter-2.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+Reftest 2 for Bug 1395777 (test file)
+-->
+<html lang="zh-TW">
+<head>
+<meta charset="UTF-8">
+<style>
+html {
+  font-size: xx-large;
+}
+rtc {
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+}
+</style>
+</head>
+<body>
+  <ruby>
+    <rbc>BASE</rbc><rtc>LONGRT</rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-position-horizontal-ref.html b/layout/reftests/css-ruby/ruby-position-horizontal-ref.html
new file mode 100644
index 0000000000..9cb0ceaf4f
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-position-horizontal-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055665 - Test for ruby-position</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+  <style>
+    body {
+      font-family: monospace;
+    }
+    .annotation, .annotation > div {
+      position: absolute;
+    }
+  </style>
+</head>
+<body>
+  <div style="height: 8em; line-height: 8em;">
+    <div style="display: inline-block;">
+      <div class="annotation">
+        <div style="top: -100%;"><span>over##</span></div>
+        <div style="top: 100%;"><span>under#</span></div>
+        <div style="top: -200%;"><span>over2#</span></div>
+        <div style="top: 200%;"><span>under2</span></div>
+        <!-- to give container the proper block-axis size -->
+        <span>&nbsp;</span>
+      </div>
+      <span>base##</span>
+    </div>
+  </div>
+  <script type="text/javascript">
+    makeBSizeOfParentMatch(document.getElementsByTagName('span'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-position-horizontal.html b/layout/reftests/css-ruby/ruby-position-horizontal.html
new file mode 100644
index 0000000000..e6d9e8393b
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-position-horizontal.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055665 - Test for ruby-position</title>
+  <link rel="stylesheet" href="common.css">
+  <style>
+    body {
+      font-family: monospace;
+      /* use a large line-height here to avoid additional leadings */
+      line-height: 8em;
+    }
+    rtc, rt {
+      font-size: 100% !important;
+      line-height: normal !important;
+    }
+  </style>
+</head>
+<body>
+  <ruby>
+    <rb>base##</rb>
+    <rtc style="ruby-position: over"><rt>over##</rt></rtc>
+    <rtc style="ruby-position: under"><rt>under#</rt></rtc>
+    <rtc style="ruby-position: over"><rt>over2#</rt></rtc>
+    <rtc style="ruby-position: under"><rt>under2</rt></rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-position-vertical-lr-ref.html b/layout/reftests/css-ruby/ruby-position-vertical-lr-ref.html
new file mode 100644
index 0000000000..2c432e4240
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-position-vertical-lr-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055665 - Test for ruby-position</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+  <style>
+    html {
+      writing-mode: vertical-lr;
+    }
+    body {
+      font-family: monospace;
+    }
+    .annotation, .annotation > div {
+      position: absolute;
+    }
+  </style>
+</head>
+<body>
+  <div style="width: 8em; line-height: 8em;">
+    <div style="display: inline-block;">
+      <div class="annotation">
+        <div style="right: 100%;"><span>left##</span></div>
+        <div style="right: -100%;"><span>right#</span></div>
+        <div style="right: 200%;"><span>left2#</span></div>
+        <div style="right: -200%;"><span>right2</span></div>
+        <!-- to give container the proper block-axis size -->
+        <span>&nbsp;</span>
+      </div>
+      <span>base##</span>
+    </div>
+  </div>
+  <script type="text/javascript">
+    makeBSizeOfParentMatch(document.getElementsByTagName('span'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-position-vertical-lr.html b/layout/reftests/css-ruby/ruby-position-vertical-lr.html
new file mode 100644
index 0000000000..6dee8f7ccb
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-position-vertical-lr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055665 - Test for ruby-position</title>
+  <link rel="stylesheet" href="common.css">
+  <style>
+    html {
+      writing-mode: vertical-lr;
+    }
+    body {
+      font-family: monospace;
+      /* use a large line-height here to avoid additional leadings */
+      line-height: 8em;
+    }
+    rtc, rt {
+      font-size: 100% !important;
+      line-height: normal !important;
+    }
+  </style>
+</head>
+<body>
+  <ruby>
+    <rb>base##</rb>
+    <rtc style="ruby-position: under"><rt>left##</rt></rtc>
+    <rtc style="ruby-position: over"><rt>right#</rt></rtc>
+    <rtc style="ruby-position: under"><rt>left2#</rt></rtc>
+    <rtc style="ruby-position: over"><rt>right2</rt></rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-position-vertical-rl-ref.html b/layout/reftests/css-ruby/ruby-position-vertical-rl-ref.html
new file mode 100644
index 0000000000..edeeeb5f4b
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-position-vertical-rl-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055665 - Test for ruby-position</title>
+  <link rel="stylesheet" href="common.css">
+  <script type="text/javascript" src="utils.js"></script>
+  <style>
+    html {
+      writing-mode: vertical-rl;
+    }
+    body {
+      font-family: monospace;
+    }
+    .annotation, .annotation > div {
+      position: absolute;
+    }
+  </style>
+</head>
+<body>
+  <div style="width: 8em; line-height: 8em;">
+    <div style="display: inline-block;">
+      <div class="annotation">
+        <div style="right: 100%;"><span>left##</span></div>
+        <div style="right: -100%;"><span>right#</span></div>
+        <div style="right: 200%;"><span>left2#</span></div>
+        <div style="right: -200%;"><span>right2</span></div>
+        <!-- to give container the proper block-axis size -->
+        <span>&nbsp;</span>
+      </div>
+      <span>base##</span>
+    </div>
+  </div>
+  <script type="text/javascript">
+    makeBSizeOfParentMatch(document.getElementsByTagName('span'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/ruby-position-vertical-rl.html b/layout/reftests/css-ruby/ruby-position-vertical-rl.html
new file mode 100644
index 0000000000..1d93781764
--- /dev/null
+++ b/layout/reftests/css-ruby/ruby-position-vertical-rl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1055665 - Test for ruby-position</title>
+  <link rel="stylesheet" href="common.css">
+  <style>
+    html {
+      writing-mode: vertical-rl;
+    }
+    body {
+      font-family: monospace;
+      /* use a large line-height here to avoid additional leadings */
+      line-height: 8em;
+    }
+    rtc, rt {
+      font-size: 100% !important;
+      line-height: normal !important;
+    }
+  </style>
+</head>
+<body>
+  <ruby>
+    <rb>base##</rb>
+    <rtc style="ruby-position: under"><rt>left##</rt></rtc>
+    <rtc style="ruby-position: over"><rt>right#</rt></rtc>
+    <rtc style="ruby-position: under"><rt>left2#</rt></rtc>
+    <rtc style="ruby-position: over"><rt>right2</rt></rtc>
+  </ruby>
+</body>
+</html>
diff --git a/layout/reftests/css-ruby/utils.js b/layout/reftests/css-ruby/utils.js
new file mode 100644
index 0000000000..1fee84cc2d
--- /dev/null
+++ b/layout/reftests/css-ruby/utils.js
@@ -0,0 +1,33 @@
+function getBlockAxisName(elem) {
+  var wm = getComputedStyle(elem).writingMode;
+  return (!wm || wm == 'horizontal-tb') ? 'height' : 'width';
+}
+
+function getBSize(elem) {
+  return elem.getBoundingClientRect()[getBlockAxisName(elem)] + 'px';
+}
+
+function setBSize(elem, bsize) {
+  elem.style[getBlockAxisName(elem)] = bsize;
+  elem.style.lineHeight = bsize;
+}
+
+// Ruby annotations are placed based on block-axis size of inline boxes
+// instead of line box. Block-axis size of an inline box is the max
+// height of the font, while that of line box is line height. Hence we
+// sometimes need to explicitly set the block-axis size of an inline
+// box to a block to simulate the exact behavior, which is what the
+// following two functions do.
+
+function makeBSizeMatchInlineBox(block, inline) {
+  setBSize(block, getBSize(inline));
+}
+
+function makeBSizeOfParentMatch(elems) {
+  // The size change is divided into two phases to avoid
+  // triggering reflow for every element.
+  for (var elem of elems)
+    elem.dataset.bsize = getBSize(elem);
+  for (var elem of elems)
+    setBSize(elem.parentNode, elem.dataset.bsize);
+}
diff --git a/layout/reftests/css-scroll-snap/reftest.list b/layout/reftests/css-scroll-snap/reftest.list
new file mode 100644
index 0000000000..8a0082b6d0
--- /dev/null
+++ b/layout/reftests/css-scroll-snap/reftest.list
@@ -0,0 +1,2 @@
+fails-if(useDrawSnapshot) == scroll-margin-on-anchor.html#target scroll-margin-on-anchor-ref.html
+fails-if(useDrawSnapshot) == scroll-padding-on-anchor.html#target scroll-padding-on-anchor-ref.html
diff --git a/layout/reftests/css-scroll-snap/scroll-margin-on-anchor-ref.html b/layout/reftests/css-scroll-snap/scroll-margin-on-anchor-ref.html
new file mode 100644
index 0000000000..f04ccfbbb1
--- /dev/null
+++ b/layout/reftests/css-scroll-snap/scroll-margin-on-anchor-ref.html
@@ -0,0 +1,16 @@
+<style>
+html,body {
+  overflow: hidden;
+  margin: 0px;
+  padding: 0px;
+}
+body {
+  margin-top: 100px;
+}
+#target {
+  background-color: blue;
+  width: 100%;
+  height: 100px;
+}
+</style>
+<div id="target"></div>
diff --git a/layout/reftests/css-scroll-snap/scroll-margin-on-anchor.html b/layout/reftests/css-scroll-snap/scroll-margin-on-anchor.html
new file mode 100644
index 0000000000..9a86be4070
--- /dev/null
+++ b/layout/reftests/css-scroll-snap/scroll-margin-on-anchor.html
@@ -0,0 +1,29 @@
+<!--
+ This reftest is a test case that scroll-margin value is properly handled when
+ navigating an anchor node, id="target" in this case, so the content scrolls
+ to the target element on loading.
+-->
+<style>
+html,body {
+  overflow: hidden;
+  margin: 0px;
+  padding: 0px;
+}
+.spacer {
+  height: 2000px;
+  width: 100%;
+  padding: 0px;
+  margin: 0px;
+}
+#target {
+  background-color: blue;
+  width: 100%;
+  height: 100px;
+  padding: 0px;
+  margin: 0px;
+  scroll-margin: 100px;
+}
+</style>
+<div class="spacer"></div>
+<div id="target"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/css-scroll-snap/scroll-padding-on-anchor-ref.html b/layout/reftests/css-scroll-snap/scroll-padding-on-anchor-ref.html
new file mode 100644
index 0000000000..845ed4e13c
--- /dev/null
+++ b/layout/reftests/css-scroll-snap/scroll-padding-on-anchor-ref.html
@@ -0,0 +1,16 @@
+<style>
+html,body {
+  overflow: hidden;
+  margin: 0px;
+  padding: 0px;
+}
+body {
+  padding-top: 100px;
+}
+#target {
+  background-color: blue;
+  width: 100%;
+  height: 100px;
+}
+</style>
+<div id="target"></div>
diff --git a/layout/reftests/css-scroll-snap/scroll-padding-on-anchor.html b/layout/reftests/css-scroll-snap/scroll-padding-on-anchor.html
new file mode 100644
index 0000000000..450a0cb0d7
--- /dev/null
+++ b/layout/reftests/css-scroll-snap/scroll-padding-on-anchor.html
@@ -0,0 +1,31 @@
+<!--
+ This reftest is a test case that scroll-padding value is propery handled when
+ navigating an anchor node, id="target" in this case, so the content scrolls
+ to the target element on loading.
+-->
+<style>
+html {
+  overflow: hidden;
+  scroll-padding: 100px;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+.spacer {
+  height: 2000px;
+  width: 100%;
+  padding: 0px;
+  margin: 0px;
+}
+#target {
+  background-color: blue;
+  width: 100%;
+  height: 100px;
+  padding: 0px;
+  margin: 0px;
+}
+</style>
+<div class="spacer"></div>
+<div id="target"></div>
+<div class="spacer"></div>
diff --git a/layout/reftests/css-scrollbars/reftest.list b/layout/reftests/css-scrollbars/reftest.list
new file mode 100644
index 0000000000..4720bad942
--- /dev/null
+++ b/layout/reftests/css-scrollbars/reftest.list
@@ -0,0 +1,3 @@
+== viewport-scrollbar-color-change.html viewport-scrollbar-color-change-ref.html
+== scrollbar-thin-overflow-change.html scrollbar-thin-overflow-change-ref.html
+test-pref(layout.css.scrollbar-width-thin.disabled,true) == scrollbar-width-thin.html scrollbar-width-auto.html
diff --git a/layout/reftests/css-scrollbars/scrollbar-thin-overflow-change-ref.html b/layout/reftests/css-scrollbars/scrollbar-thin-overflow-change-ref.html
new file mode 100644
index 0000000000..592690f7ca
--- /dev/null
+++ b/layout/reftests/css-scrollbars/scrollbar-thin-overflow-change-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+#outer {
+  scrollbar-width: thin;
+  overflow: auto;
+  border: 5px solid black;
+  background: black;
+  width: 200px;
+  height: 200px;
+}
+#inner {
+  height: 300px;
+}
+</style>
+<div id="outer">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/css-scrollbars/scrollbar-thin-overflow-change.html b/layout/reftests/css-scrollbars/scrollbar-thin-overflow-change.html
new file mode 100644
index 0000000000..a46d95d398
--- /dev/null
+++ b/layout/reftests/css-scrollbars/scrollbar-thin-overflow-change.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<style>
+#outer {
+  scrollbar-width: thin;
+  overflow: auto;
+  border: 5px solid black;
+  background: black;
+  width: 200px;
+  height: 400px;
+}
+#inner {
+  height: 300px;
+}
+</style>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+<script>
+// Force a reflow
+document.body.offsetHeight;
+document.getElementById('outer').style.height = '200px';
+</script>
diff --git a/layout/reftests/css-scrollbars/scrollbar-width-auto.html b/layout/reftests/css-scrollbars/scrollbar-width-auto.html
new file mode 100644
index 0000000000..9ea830144f
--- /dev/null
+++ b/layout/reftests/css-scrollbars/scrollbar-width-auto.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<style>
+  :root {
+    overflow: scroll;
+  }
+</style>
diff --git a/layout/reftests/css-scrollbars/scrollbar-width-thin.html b/layout/reftests/css-scrollbars/scrollbar-width-thin.html
new file mode 100644
index 0000000000..79e9ed7a5f
--- /dev/null
+++ b/layout/reftests/css-scrollbars/scrollbar-width-thin.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+  :root {
+    scrollbar-width: thin;
+    overflow: scroll;
+  }
+</style>
diff --git a/layout/reftests/css-scrollbars/viewport-scrollbar-color-change-ref.html b/layout/reftests/css-scrollbars/viewport-scrollbar-color-change-ref.html
new file mode 100644
index 0000000000..e9119fe7c6
--- /dev/null
+++ b/layout/reftests/css-scrollbars/viewport-scrollbar-color-change-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<style>
+  html {
+    overflow: scroll;
+    scrollbar-color: green green;
+  }
+</style>
+<div style="width: 200vw; height: 200vh"></div>
diff --git a/layout/reftests/css-scrollbars/viewport-scrollbar-color-change.html b/layout/reftests/css-scrollbars/viewport-scrollbar-color-change.html
new file mode 100644
index 0000000000..f43e5afe50
--- /dev/null
+++ b/layout/reftests/css-scrollbars/viewport-scrollbar-color-change.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+  html {
+    overflow: scroll;
+    scrollbar-color: green green;
+  }
+  html.reftest-wait {
+    scrollbar-color: red red;
+  }
+</style>
+<div style="width: 200vw; height: 200vh"></div>
+<script>
+  window.addEventListener("MozAfterPaint", function() {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/css-selectors/attr-case-insensitive-1-ref.html b/layout/reftests/css-selectors/attr-case-insensitive-1-ref.html
new file mode 100644
index 0000000000..4c6baa8f77
--- /dev/null
+++ b/layout/reftests/css-selectors/attr-case-insensitive-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+.ascii > span {
+  background-color: yellow;
+}
+</style>
+</head>
+<body>
+
+<div class="ascii"><span lang="paSSfield-killroyß">case-sensitive</span></div>
+<div class="ascii"><span lang="passfield-killroyß">lowercase</span></div>
+<div class="ascii"><span lang="PASSFIELD-KILLROYß">uppercase</span></div>
+<div class="nonascii"><span lang="paſſfield-killroyß">small long s (C)</span></div>
+<div class="nonascii"><span lang="passfield-&#x212a;illroyß">kelvin sign (C)</span></div>
+<div class="nonascii"><span lang="paßfield-killroyß">small sharp s (F)</span></div>
+<div class="nonascii"><span lang="paẞfield-killroyß">capital sharp s (F)</span></div>
+<div class="nonascii"><span lang="passfield-killroyẞ">capital sharp s (S)</span></div>
+<div class="nonascii"><span lang="passfield-killroyß">fi ligature (U+fb01) (F)</span></div>
+<div class="nonascii"><span lang="passfıeld-killroyß"> dotless i (T)</span></div>
+<div class="nonascii"><span lang="passfİeld-killroyß">dotted I (T)</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-selectors/attr-case-insensitive-1.html b/layout/reftests/css-selectors/attr-case-insensitive-1.html
new file mode 100644
index 0000000000..41d3fc247e
--- /dev/null
+++ b/layout/reftests/css-selectors/attr-case-insensitive-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+span[lang="paSSfield-killroyß"] {
+  background-color: yellow;
+}
+</style>
+</head>
+<body>
+
+<div class="ascii"><span lang="paSSfield-killroyß">case-sensitive</span></div>
+<div class="ascii"><span lang="passfield-killroyß">lowercase</span></div>
+<div class="ascii"><span lang="PASSFIELD-KILLROYß">uppercase</span></div>
+<div class="nonascii"><span lang="paſſfield-killroyß">small long s (C)</span></div>
+<div class="nonascii"><span lang="passfield-&#x212a;illroyß">kelvin sign (C)</span></div>
+<div class="nonascii"><span lang="paßfield-killroyß">small sharp s (F)</span></div>
+<div class="nonascii"><span lang="paẞfield-killroyß">capital sharp s (F)</span></div>
+<div class="nonascii"><span lang="passfield-killroyẞ">capital sharp s (S)</span></div>
+<div class="nonascii"><span lang="passfield-killroyß">fi ligature (U+fb01) (F)</span></div>
+<div class="nonascii"><span lang="passfıeld-killroyß"> dotless i (T)</span></div>
+<div class="nonascii"><span lang="passfİeld-killroyß">dotted I (T)</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-selectors/nth-child-1.html b/layout/reftests/css-selectors/nth-child-1.html
new file mode 100644
index 0000000000..91e13c8fef
--- /dev/null
+++ b/layout/reftests/css-selectors/nth-child-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Tests :nth-child(An+B) matching</title>
+    <style type="text/css">
+
+    div :nth-child(+3n/**/-2)  { background-color:black; }
+    div :nth-child(+3n/**/-2)  { font-size:12px; }
+    div :nth-child(+3n-/**/2)  { text-decoration: underline; }
+    div :nth-child(+3n-2/**/)  { border-left-width: 1px; }
+    div :nth-child(+3n/**/-2) { border-top-width: 1px; }
+    div :nth-child(+3n/**/-2) { border-bottom-width: 1px; }
+    div :nth-child(+3n-/**/2) { border-right-width: 1px; }
+    div :nth-child(+3n-2/**/) { border-style: solid; border-color: blue;}
+
+    /* valid but will not match anything */
+    div :nth-child(-n/**/-2)  { color:red; }
+    div :nth-child(-n/**/-2)  { color:red; }
+    div :nth-child(-n-/**/2)  { color:red; }
+    div :nth-child(-n-2/**/)  { color:red; }
+    div :nth-child(-1n/**/-2) { color:red; }
+    div :nth-child(-1n/**/-2) { color:red; }
+    div :nth-child(-1n-/**/2) { color:red; }
+    div :nth-child(-1n-2/**/) { color:red; }
+
+    /* invalid */
+    div :nth-child(-/**/ n-2) { color:red; }
+    div :nth-child(- /**/n-2) { color:red; }
+    div :nth-child(+/**/ n-2) { color:red; }
+    div :nth-child(+ /**/n-2) { color:red; }
+    div :nth-child(+3/**/n-2) { color:red; }
+    div :nth-child(-/**/n-2) {color: red;}
+
+    </style>
+</head>
+<body>
+
+<div><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-selectors/nth-child-2.html b/layout/reftests/css-selectors/nth-child-2.html
new file mode 100644
index 0000000000..1a53c17302
--- /dev/null
+++ b/layout/reftests/css-selectors/nth-child-2.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Tests :nth-child(An+B) matching</title>
+    <style type="text/css">
+
+    div :nth-child(+3N/**/-2)  { background-color:black; }
+    div :nth-child(+3N/**/-2)  { font-size:12px; }
+    div :nth-child(+3N-/**/2)  { text-decoration: underline; }
+    div :nth-child(+3N-2/**/)  { border-left-width: 1px; }
+    div :nth-child(+3N/**/-2) { border-top-width: 1px; }
+    div :nth-child(+3N/**/-2) { border-bottom-width: 1px; }
+    div :nth-child(+3N-/**/2) { border-right-width: 1px; }
+    div :nth-child(+3N-2/**/) { border-style: solid; border-color: blue;}
+
+    /* valid but will not match anything */
+    div :nth-child(-N/**/-2)  { color:red; }
+    div :nth-child(-N/**/-2)  { color:red; }
+    div :nth-child(-N-/**/2)  { color:red; }
+    div :nth-child(-N-2/**/)  { color:red; }
+    div :nth-child(-1N/**/-2) { color:red; }
+    div :nth-child(-1N/**/-2) { color:red; }
+    div :nth-child(-1N-/**/2) { color:red; }
+    div :nth-child(-1N-2/**/) { color:red; }
+
+    /* invalid */
+    div :nth-child(-/**/ N-2) { color:red; }
+    div :nth-child(- /**/N-2) { color:red; }
+    div :nth-child(+/**/ N-2) { color:red; }
+    div :nth-child(+ /**/N-2) { color:red; }
+    div :nth-child(+3/**/N-2) { color:red; }
+    div :nth-child(-/**/N-2) {color: red;}
+
+    </style>
+</head>
+<body>
+
+<div><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-selectors/nth-child-ref.html b/layout/reftests/css-selectors/nth-child-ref.html
new file mode 100644
index 0000000000..04270e909d
--- /dev/null
+++ b/layout/reftests/css-selectors/nth-child-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Tests :nth-child(An+B) matching</title>
+    <style type="text/css">
+
+    x { background-color:black; }
+    x { font-size:12px; }
+    x { text-decoration: underline; }
+    x { border-left-width: 1px; }
+    x { border-right-width: 1px; }
+    x { border-top-width: 1px; }
+    x { border-bottom-width: 1px; }
+    x { border-style: solid; border-color: blue;}
+
+    </style>
+</head>
+<body>
+
+<div><x>x</x><y>x</y><y>x</y><x>x</x><y>x</y><y>x</y><x>x</x><y>x</y><y>x</y><x>x</x><y>x</y></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-selectors/reftest.list b/layout/reftests/css-selectors/reftest.list
new file mode 100644
index 0000000000..3705d71538
--- /dev/null
+++ b/layout/reftests/css-selectors/reftest.list
@@ -0,0 +1,6 @@
+== state-dependent-in-any.html state-dependent-in-any-ref.html
+== attr-case-insensitive-1.html attr-case-insensitive-1-ref.html
+== sibling-combinators-on-anon-content-1-shadow.xhtml sibling-combinators-on-anon-content-ref.xhtml
+skip == sibling-combinators-on-anon-content-2-shadow.xhtml sibling-combinators-on-anon-content-ref.xhtml # Enable in bug 1587216.
+== nth-child-1.html nth-child-ref.html
+== nth-child-2.html nth-child-ref.html
diff --git a/layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml
new file mode 100644
index 0000000000..75f7c30d1b
--- /dev/null
+++ b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <script>
+      customElements.define("custom-element", class extends HTMLElement {
+        constructor() {
+          super();
+          const template = document.getElementById("template");
+          const shadowRoot = this.attachShadow({mode: "open"})
+            .appendChild(template.content.cloneNode(true));
+        }
+      });
+    </script>
+  </head>
+  <body>
+    <template id="template">
+      <style>
+        .a + .b { color: green; }
+      </style>
+      <span class="a"></span>
+      <span class="b">This should be green</span>
+      <slot/>
+    </template>
+    <custom-element id="foo"></custom-element>
+  </body>
+</html>
diff --git a/layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml
new file mode 100644
index 0000000000..c5773561f5
--- /dev/null
+++ b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+  </head>
+  <body>
+    <template id="template">
+      <style>
+        .a:empty + .b { color: green; }
+      </style>
+      <span class="a">Some text</span>
+      <span class="b">This should be green</span>
+      <slot/>
+    </template>
+    <custom-element id="foo"></custom-element>
+    <script>
+      customElements.define("custom-element", class extends HTMLElement {
+        constructor() {
+          super();
+          const template = document.getElementById("template");
+          const shadowRoot = this.attachShadow({mode: "open"})
+            .appendChild(template.content.cloneNode(true));
+        }
+
+        nixText() {
+          this.shadowRoot.children[1].textContent = "";
+        }
+      });
+      window.onload = function() {
+        var el = document.getElementById("foo");
+        // Flush its layout
+        el.offsetWidth;
+        el.nixText();
+        document.documentElement.className = "";
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/css-selectors/sibling-combinators-on-anon-content-ref.xhtml b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-ref.xhtml
new file mode 100644
index 0000000000..479bed4eff
--- /dev/null
+++ b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-ref.xhtml
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .a + .b { color: green; }
+    </style>
+  </head>
+  <body>
+    <span><span class="a"></span>
+          <span class="b">This should be green</span></span>
+  </body>
+</html>
diff --git a/layout/reftests/css-selectors/state-dependent-in-any-ref.html b/layout/reftests/css-selectors/state-dependent-in-any-ref.html
new file mode 100644
index 0000000000..cb69dc19e6
--- /dev/null
+++ b/layout/reftests/css-selectors/state-dependent-in-any-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span { color: green; }
+    </style>
+  </head>
+  <body>
+    <input value="Test"><span>This should be green</span>
+  </body>
+</html>
diff --git a/layout/reftests/css-selectors/state-dependent-in-any.html b/layout/reftests/css-selectors/state-dependent-in-any.html
new file mode 100644
index 0000000000..8ee1ea48f9
--- /dev/null
+++ b/layout/reftests/css-selectors/state-dependent-in-any.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span { color: red; }
+      :-moz-any(:valid) + span { color: green; }
+    </style>
+  </head>
+  <body>
+    <input required><span>This should be green</span>
+    <script>
+      document.body.offsetWidth;
+      document.getElementsByTagName("input")[0].value = "Test"
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/css-shapes/dynamic-shape-outside-1-ref.html b/layout/reftests/css-shapes/dynamic-shape-outside-1-ref.html
new file mode 100644
index 0000000000..751755d392
--- /dev/null
+++ b/layout/reftests/css-shapes/dynamic-shape-outside-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Reference: Dynamic change to shape-outside</title>
+<style>
+.circle {
+  float: left;
+  width: 25vmin;
+  height: 25vmin;
+  background: #f06;
+  shape-outside: circle();
+}
+</style>
+</head>
+<body>
+<div class="circle"></div>
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
+scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta
+tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem
+placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean
+ mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam
+facilisis aliquam elit, ut consequat quam interdum sit amet. Integer
+bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque
+tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere
+enim in tempor imperdiet.
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/dynamic-shape-outside-1.html b/layout/reftests/css-shapes/dynamic-shape-outside-1.html
new file mode 100644
index 0000000000..eece5aff42
--- /dev/null
+++ b/layout/reftests/css-shapes/dynamic-shape-outside-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Dynamic change to shape-outside</title>
+<style>
+.circle {
+  float: left;
+  width: 25vmin;
+  height: 25vmin;
+  background: #f06;
+}
+</style>
+<script>
+function doTest() {
+  let circle = document.querySelector(".circle");
+  circle.style.shapeOutside = "circle()";
+
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div class="circle"></div>
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
+scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta
+tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem
+placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean
+ mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam
+facilisis aliquam elit, ut consequat quam interdum sit amet. Integer
+bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque
+tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere
+enim in tempor imperdiet.
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/dynamic-shape-outside-2.html b/layout/reftests/css-shapes/dynamic-shape-outside-2.html
new file mode 100644
index 0000000000..f5be203b77
--- /dev/null
+++ b/layout/reftests/css-shapes/dynamic-shape-outside-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Dynamic change to shape-outside</title>
+<style>
+.circle {
+  float: left;
+  width: 25vmin;
+  height: 25vmin;
+  background: #f06;
+  shape-outside: circle(100%);
+}
+</style>
+<script>
+function doTest() {
+  let circle = document.querySelector(".circle");
+  circle.style.shapeOutside = "circle()";
+
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div class="circle"></div>
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
+scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta
+tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem
+placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean
+ mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam
+facilisis aliquam elit, ut consequat quam interdum sit amet. Integer
+bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque
+tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere
+enim in tempor imperdiet.
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/reftest.list b/layout/reftests/css-shapes/reftest.list
new file mode 100644
index 0000000000..7465f12a62
--- /dev/null
+++ b/layout/reftests/css-shapes/reftest.list
@@ -0,0 +1,34 @@
+== dynamic-shape-outside-1.html dynamic-shape-outside-1-ref.html
+== dynamic-shape-outside-2.html dynamic-shape-outside-1-ref.html
+
+== shape-outside-empty-circle-1.html shape-outside-empty-point-ref.html
+== shape-outside-empty-circle-2.html shape-outside-empty-circle-ref.html
+== shape-outside-empty-circle-3.html shape-outside-empty-nothing-ref.html
+
+== shape-outside-empty-ellipse-1.html shape-outside-empty-point-ref.html
+== shape-outside-empty-ellipse-2.html shape-outside-empty-circle-ref.html
+== shape-outside-empty-ellipse-3.html shape-outside-empty-point-ref.html
+# The next test needs fuzzy due to chamfer aberration
+fuzzy(0-255,0-520) == shape-outside-empty-ellipse-4.html shape-outside-empty-circle-ref.html
+== shape-outside-empty-ellipse-5.html shape-outside-empty-line-ref.html
+== shape-outside-empty-ellipse-6.html shape-outside-empty-line-ref.html
+== shape-outside-empty-ellipse-7.html shape-outside-empty-nothing-ref.html
+== shape-outside-empty-ellipse-8.html shape-outside-empty-nothing-ref.html
+
+== shape-outside-empty-inset-1.html shape-outside-empty-point-ref.html
+== shape-outside-empty-inset-2.html shape-outside-empty-circle-ref.html
+== shape-outside-empty-inset-3.html shape-outside-empty-point-ref.html
+== shape-outside-empty-inset-4.html shape-outside-empty-circle-ref.html
+== shape-outside-empty-inset-5.html shape-outside-empty-line-ref.html
+== shape-outside-empty-inset-6.html shape-outside-empty-line-ref.html
+== shape-outside-empty-inset-7.html shape-outside-empty-nothing-ref.html
+== shape-outside-empty-inset-8.html shape-outside-empty-nothing-ref.html
+
+== shape-outside-empty-polygon-1.html shape-outside-empty-point-ref.html
+# The next test needs fuzzy due to chamfer aberration
+fuzzy(0-255,0-520) == shape-outside-empty-polygon-2.html shape-outside-empty-circle-ref.html
+== shape-outside-empty-polygon-3.html shape-outside-empty-line-ref.html
+== shape-outside-empty-polygon-4.html shape-outside-empty-line-ref.html
+== shape-outside-empty-polygon-5.html shape-outside-empty-point-ref.html
+== shape-outside-empty-polygon-6.html shape-outside-empty-nothing-ref.html
+== shape-outside-empty-polygon-7.html shape-outside-empty-nothing-ref.html
diff --git a/layout/reftests/css-shapes/shape-outside-empty-circle-1.html b/layout/reftests/css-shapes/shape-outside-empty-circle-1.html
new file mode 100644
index 0000000000..51de60cbe3
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-circle-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty circle, acts like a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: circle(0px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-circle-2.html b/layout/reftests/css-shapes/shape-outside-empty-circle-2.html
new file mode 100644
index 0000000000..3c35b55e4a
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-circle-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty circle, with shape-margin acts like a circle</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: circle(0px);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-circle-3.html b/layout/reftests/css-shapes/shape-outside-empty-circle-3.html
new file mode 100644
index 0000000000..e001ad0b54
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-circle-3.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty circle, positioned between elements, acts like nothing</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: circle(0px at 100px 20px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-circle-ref.html b/layout/reftests/css-shapes/shape-outside-empty-circle-ref.html
new file mode 100644
index 0000000000..2f28650135
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-circle-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Reference: Shape-outside empty area, float elements around a circle</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: circle(90px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-1.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-1.html
new file mode 100644
index 0000000000..f20798c41e
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty point ellipse, acts like a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(0px 0px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-2.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-2.html
new file mode 100644
index 0000000000..58fe473a3d
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty point ellipse, with shape-margin acts like a circle</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(0px 0px);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-3.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-3.html
new file mode 100644
index 0000000000..8e5d50855f
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-3.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty horizontal ellipse, acts like a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(50px 0px at 50px 90px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-4.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-4.html
new file mode 100644
index 0000000000..2e7b6fd51c
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-4.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty horizontal ellipse, with shape-margin acts like a circle (with some aberration)</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(50px 0px at 50px 90px);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-5.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-5.html
new file mode 100644
index 0000000000..2ffe426de4
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-5.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty vertical ellipse, acts like a line</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(0px 100px at 190px 100px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-6.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-6.html
new file mode 100644
index 0000000000..395cf5d6e0
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-6.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty vertical ellipse, with shape-margin acts like a capsule (with rounded endpoints at top and bottom)</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(0px 100px at 100px 100px);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-7.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-7.html
new file mode 100644
index 0000000000..61933786ef
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-7.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty point ellipse, positioned between elements, acts like nothing</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(0px 0px at 100px 20px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-ellipse-8.html b/layout/reftests/css-shapes/shape-outside-empty-ellipse-8.html
new file mode 100644
index 0000000000..a6530ec812
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-ellipse-8.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty horizontal ellipse, positioned between elements, acts like nothing</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: ellipse(50px 0px at 50px 20px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-1.html b/layout/reftests/css-shapes/shape-outside-empty-inset-1.html
new file mode 100644
index 0000000000..907975237c
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty zero-sized inset, acts like a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(50% 50%);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-2.html b/layout/reftests/css-shapes/shape-outside-empty-inset-2.html
new file mode 100644
index 0000000000..c91f29e987
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty zero-sized inset, with shape-margin acts like a circle</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(50% 50%);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-3.html b/layout/reftests/css-shapes/shape-outside-empty-inset-3.html
new file mode 100644
index 0000000000..25aa323587
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-3.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty horizontal flat inset, acts like a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(50% 50% 50% 0%);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-4.html b/layout/reftests/css-shapes/shape-outside-empty-inset-4.html
new file mode 100644
index 0000000000..11ce071c35
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-4.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty horizontal flat inset, with shape-margin acts like a circle</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(50% 50% 50% 0%);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-5.html b/layout/reftests/css-shapes/shape-outside-empty-inset-5.html
new file mode 100644
index 0000000000..27d562e447
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-5.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty vertical flat inset, acts like a line</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(0% 5% 0% 95%);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-6.html b/layout/reftests/css-shapes/shape-outside-empty-inset-6.html
new file mode 100644
index 0000000000..6f408f740a
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-6.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside inside-out vertical flat inset, acts like a line</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(0% 100% 0% 95%);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-7.html b/layout/reftests/css-shapes/shape-outside-empty-inset-7.html
new file mode 100644
index 0000000000..2b190b6057
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-7.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty zero-sized inset, positioned between elements, acts like nothing</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(20px 100px 160px 100px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-inset-8.html b/layout/reftests/css-shapes/shape-outside-empty-inset-8.html
new file mode 100644
index 0000000000..8e04ac0de8
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-inset-8.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside empty horizontal inset, positioned between elements, acts like nothing</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: inset(20px 0px 160px 50px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-line-ref.html b/layout/reftests/css-shapes/shape-outside-empty-line-ref.html
new file mode 100644
index 0000000000..1b7d12ade0
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-line-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Reference: Shape-outside empty area, float text around a vertical line</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+    margin-left: 190px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-nothing-ref.html b/layout/reftests/css-shapes/shape-outside-empty-nothing-ref.html
new file mode 100644
index 0000000000..af98b88893
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-nothing-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Reference: Shape-outside empty area, no float impact</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-point-ref.html b/layout/reftests/css-shapes/shape-outside-empty-point-ref.html
new file mode 100644
index 0000000000..8a32a8c430
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-point-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Reference: Shape-outside empty area, float text around a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box style="margin-left: 100px"></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-polygon-1.html b/layout/reftests/css-shapes/shape-outside-empty-polygon-1.html
new file mode 100644
index 0000000000..5b52ba6ce7
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-polygon-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside polygon with 1 vertex, acts like a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: polygon(100px 90px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-polygon-2.html b/layout/reftests/css-shapes/shape-outside-empty-polygon-2.html
new file mode 100644
index 0000000000..7df4a77ba0
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-polygon-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside polygon with 1 vertex, with shape-margin acts like a circle (with some aberration)</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: polygon(100px 90px);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-polygon-3.html b/layout/reftests/css-shapes/shape-outside-empty-polygon-3.html
new file mode 100644
index 0000000000..c1b56c884d
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-polygon-3.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside polygon with 2 vertices, acts like a line</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: polygon(190px 0px, 190px 200px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-polygon-4.html b/layout/reftests/css-shapes/shape-outside-empty-polygon-4.html
new file mode 100644
index 0000000000..6a0f6f988b
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-polygon-4.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside polygon with 2 vertices, with shape-margin acts like a line with rounded endpoints</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: polygon(100px 0px, 100px 200px);
+    shape-margin: 90px;
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-polygon-5.html b/layout/reftests/css-shapes/shape-outside-empty-polygon-5.html
new file mode 100644
index 0000000000..3d3f064f9c
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-polygon-5.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside polygon with 3 coincident vertices, acts like a point</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: polygon(100px 90px, 100px 90px, 100px 90px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-polygon-6.html b/layout/reftests/css-shapes/shape-outside-empty-polygon-6.html
new file mode 100644
index 0000000000..3239f72ddb
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-polygon-6.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside polygon with 1 vertex, positioned between elements, acts like nothing</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: polygon(100px 20px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-shapes/shape-outside-empty-polygon-7.html b/layout/reftests/css-shapes/shape-outside-empty-polygon-7.html
new file mode 100644
index 0000000000..59cb4a97b3
--- /dev/null
+++ b/layout/reftests/css-shapes/shape-outside-empty-polygon-7.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Shape-outside polygon with 2 vertices, positioned between elements, acts like nothing</title>
+<style>
+  body {
+    line-height: 0;
+  }
+  .container {
+    width: 600px;
+  }
+  box {
+    display: inline-block;
+    background-color: blue;
+    width: 100px;
+    height: 20px;
+  }
+  .shape {
+    float: left;
+    width: 200px;
+    height: 180px;
+    shape-outside: polygon(0px 20px, 100px 20px);
+  }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="shape"></div>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+<box></box><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls-ref.html b/layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls-ref.html
new file mode 100644
index 0000000000..8cf3e853f1
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls-ref.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML>
+<title>Tests for bug 823483 / bug 1247929</title>
+<style>
+
+body, input { font-size: 10px }
+input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 1px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+td:nth-child(1) > * { visibility: hidden; vertical-align: bottom }
+
+</style>
+
+<table><tr>
+  <td><input type="text"></td>
+  <td>input type="text"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button"></td>
+  <td>input type="button"</td>
+</tr></table>
+
+<table><tr>
+  <td><button>Button</button></td>
+  <td>button</td>
+</tr></table>
+
+<table><tr>
+  <td><fieldset>Fieldset</fieldset></td>
+  <td>fieldset</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="file"></td>
+  <td>input type="file"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="radio"></td>
+  <td>input type="radio"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="checkbox"></td>
+  <td>input type="checkbox"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=" style="width: 0"></td>
+  <td>input type="image"</td>
+</tr></table>
+
+<table><tr>
+  <td><select><option>One</option><option>Two</option></select></td>
+  <td>select</td>
+</tr></table>
+
+<table><tr>
+  <td><select size="2"><option>One</option><option>Two</option></select></td>
+  <td>select size="2"</td>
+</tr></table>
+
+<table><tr>
+  <td><meter max="10" value="5"></meter></td>
+  <td>meter</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="number"></td>
+  <td>input type="number"</td>
+</tr></table>
+
+<table><tr>
+  <td><progress></progress></td>
+  <td>progress</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="range"></td>
+  <td>input type="range"</td>
+</tr></table>
+
+<table><tr>
+  <td><textarea></textarea></td>
+  <td>textarea</td>
+</tr></table>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls.html b/layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls.html
new file mode 100644
index 0000000000..65fc31c6e1
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-max-width-percents-across-form-controls.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML>
+<title>Tests for bug 823483 / bug 1247929</title>
+<style>
+
+body, input { font-size: 10px }
+input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 1px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+td:nth-child(1) > * { visibility: hidden; vertical-align: bottom; max-width: 100% }
+
+</style>
+
+<table><tr>
+  <td><input type="text"></td>
+  <td>input type="text"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button"></td>
+  <td>input type="button"</td>
+</tr></table>
+
+<table><tr>
+  <td><button>Button</button></td>
+  <td>button</td>
+</tr></table>
+
+<table><tr>
+  <td><fieldset>Fieldset</fieldset></td>
+  <td>fieldset</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="file"></td>
+  <td>input type="file"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="radio"></td>
+  <td>input type="radio"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="checkbox"></td>
+  <td>input type="checkbox"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII="></td>
+  <td>input type="image"</td>
+</tr></table>
+
+<table><tr>
+  <td><select><option>One</option><option>Two</option></select></td>
+  <td>select</td>
+</tr></table>
+
+<table><tr>
+  <td><select size="2"><option>One</option><option>Two</option></select></td>
+  <td>select size="2"</td>
+</tr></table>
+
+<table><tr>
+  <td><meter max="10" value="5"></meter></td>
+  <td>meter</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="number"></td>
+  <td>input type="number"</td>
+</tr></table>
+
+<table><tr>
+  <td><progress></progress></td>
+  <td>progress</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="range"></td>
+  <td>input type="range"</td>
+</tr></table>
+
+<table><tr>
+  <td><textarea></textarea></td>
+  <td>textarea</td>
+</tr></table>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements-ref.html b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements-ref.html
new file mode 100644
index 0000000000..fc046623e0
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements-ref.html
@@ -0,0 +1,128 @@
+<!DOCTYPE HTML>
+<title>References for bug 823483</title>
+<style>
+
+body, input { font-size: 10px }
+body { line-height: 1.5 }
+input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 1px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+td:nth-child(1) > * { vertical-align: bottom }
+td:nth-child(1) > div > * { vertical-align: bottom }
+
+canvas {
+  background: blue
+}
+
+</style>
+
+<table><tr>
+  <td><img></td>
+  <td>img, unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0"></td>
+  <td>img, width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0;"></td>
+  <td>img, max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><canvas height="10" width="10"></canvas></td>
+  <td>canvas, unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><canvas style="width: 0; height: 0" height="10" width="10"></canvas></td>
+  <td>canvas, width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><canvas style="width: 0; height: 0" height="10" width="10"></canvas></td>
+  <td>canvas, max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><iframe height="10" width="10"></iframe></td>
+  <td>iframe, almost unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><div style="width: 4px"><iframe style="vertical-align: bottom" height="10" width="2"></iframe></div></td>
+  <td>iframe, width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><div style="width: 4px"><iframe style="vertical-align: bottom" height="10" width="2"></iframe></div></td>
+  <td>iframe, max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="text"></td>
+  <td>input type="text", unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><div style="width:4px"><input type="text" style="width: 2px"></div></td>
+  <td>input type="text", width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><div><input type="text" style="visibility: hidden"></div></td>
+  <td>input type="text", max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button"></td>
+  <td>empty input type="button", unstyled</td>
+</tr></table>
+
+<table><tr>
+  <!-- 2px border, 2px padding -->
+  <td><div style="width: 4px"><input type="button" style="width: 2px"></div></td>
+  <td>empty input type="button", width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <!-- 2px border, 2px padding -->
+  <td><div style="width: 4px"><input type="button" style="width: 2px"></div></td>
+  <td>empty input type="button", max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button"></td>
+  <td>nonempty input type="button", unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><div><input type="button" value="Button" style="visibility: hidden"></div></td>
+  <td>nonempty input type="button", width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><div><input type="button" value="Button" style="visibility: hidden"></div></td>
+  <td>nonempty input type="button", max-width: 50%</td>
+</tr></table>
+
+<script>
+
+var images = document.getElementsByTagName("img");
+for (var i = 0; i < images.length; ++i) {
+  var image = images[i];
+  image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=";
+}
+
+</script>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements.html b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements.html
new file mode 100644
index 0000000000..b733025a19
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-elements.html
@@ -0,0 +1,125 @@
+<!DOCTYPE HTML>
+<title>Tests for bug 823483</title>
+<style>
+
+body, input { font-size: 10px }
+body { line-height: 1.5 }
+input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 1px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+td:nth-child(1) > * { vertical-align: bottom }
+
+canvas {
+  background: blue
+}
+
+</style>
+
+<table><tr>
+  <td><img></td>
+  <td>img, unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 50%"></td>
+  <td>img, width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="max-width: 50%"></td>
+  <td>img, max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><canvas height="10" width="10"></canvas></td>
+  <td>canvas, unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><canvas style="width: 50%" height="10" width="10"></canvas></td>
+  <td>canvas, width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><canvas style="max-width: 50%" height="10" width="10"></canvas></td>
+  <td>canvas, max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><iframe height="10" width="10"></iframe></td>
+  <td>iframe, almost unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><iframe style="width: 50%" height="10" width="10"></iframe></td>
+  <td>iframe, width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><iframe style="max-width: 50%" height="10" width="10"></iframe></td>
+  <td>iframe, max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="text"></td>
+  <td>input type="text", unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="text" style="width: 50%"></td>
+  <td>input type="text", width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="text" style="max-width: 50%; visibility: hidden"></td>
+  <td>input type="text", max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button"></td>
+  <td>empty input type="button", unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" style="width: 50%"></td>
+  <td>empty input type="button", width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" style="max-width: 50%"></td>
+  <td>empty input type="button", max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button"></td>
+  <td>nonempty input type="button", unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button" style="width: 50%; visibility: hidden"></td>
+  <td>nonempty input type="button", width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button" style="max-width: 50%; visibility: hidden"></td>
+  <td>nonempty input type="button", max-width: 50%</td>
+</tr></table>
+
+<script>
+
+var images = document.getElementsByTagName("img");
+for (var i = 0; i < images.length; ++i) {
+  var image = images[i];
+  image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=";
+}
+
+</script>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases-ref.html b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases-ref.html
new file mode 100644
index 0000000000..efc63f344b
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE HTML>
+<title>References for bug 823483</title>
+<style>
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 2px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+img { vertical-align: bottom }
+
+</style>
+
+
+<table><tr>
+  <td><img style="width: 32px; height: 32px"></td>
+  <td>unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 10px; height: 10px"></td>
+  <td>width: 10px</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0"></td>
+  <td>width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 32px; height: 32px"></td>
+  <td>min-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0"></td>
+  <td>max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0"></td>
+  <td>width: 10px; max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 10px; height: 10px"></td>
+  <td>width: 10px; min-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0"></td>
+  <td>width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><div style="width: 32px"><img style="width: 48px; height: 48px"></div></td>
+  <td>min-width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0"></td>
+  <td>max-width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 0; height: 0"></td>
+  <td>width: 10px; max-width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><div style="width: 10px"><img style="width: 15px; height: 15px"></div></td>
+  <td>width: 10px; min-width: 150%</td>
+</tr></table>
+
+<script>
+
+var images = document.getElementsByTagName("img");
+for (var i = 0; i < images.length; ++i) {
+  var image = images[i];
+  image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=";
+}
+
+</script>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases.html b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases.html
new file mode 100644
index 0000000000..9679aa0477
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases.html
@@ -0,0 +1,88 @@
+<!DOCTYPE HTML>
+<title>Tests for bug 823483</title>
+<style>
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 2px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+img { vertical-align: bottom }
+
+</style>
+
+
+<table><tr>
+  <td><img></td>
+  <td>unstyled</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 10px"></td>
+  <td>width: 10px</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 50%"></td>
+  <td>width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="min-width: 50%"></td>
+  <td>min-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="max-width: 50%"></td>
+  <td>max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 10px; max-width: 50%"></td>
+  <td>width: 10px; max-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 10px; min-width: 50%"></td>
+  <td>width: 10px; min-width: 50%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 150%"></td>
+  <td>width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="min-width: 150%"></td>
+  <td>min-width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="max-width: 150%"></td>
+  <td>max-width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 10px; max-width: 150%"></td>
+  <td>width: 10px; max-width: 150%</td>
+</tr></table>
+
+<table><tr>
+  <td><img style="width: 10px; min-width: 150%"></td>
+  <td>width: 10px; min-width: 150%</td>
+</tr></table>
+
+<script>
+
+var images = document.getElementsByTagName("img");
+for (var i = 0; i < images.length; ++i) {
+  var image = images[i];
+  image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=";
+}
+
+</script>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls-ref.html b/layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls-ref.html
new file mode 100644
index 0000000000..2056753897
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls-ref.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML>
+<title>Tests for bug 823483 / bug 1247929</title>
+<style>
+
+body, input { font-size: 10px }
+input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 1px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+td:nth-child(1) > * { visibility: hidden; vertical-align: bottom }
+
+</style>
+
+<table><tr>
+  <td><input type="text" style="width: 0"></td>
+  <td>input type="text"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button"></td>
+  <td>input type="button"</td>
+</tr></table>
+
+<table><tr>
+  <td><button>Button</button></td>
+  <td>button</td>
+</tr></table>
+
+<table><tr>
+  <td><fieldset>Fieldset</fieldset></td>
+  <td>fieldset</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="file" style="width: 0"></td>
+  <td>input type="file"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="radio" style="width: 0"></td>
+  <td>input type="radio"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="checkbox" style="width: 0"></td>
+  <td>input type="checkbox"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=" style="width: 0"></td>
+  <td>input type="image"</td>
+</tr></table>
+
+<table><tr>
+  <td><select style="width: 0"><option>One</option><option>Two</option></select></td>
+  <td>select</td>
+</tr></table>
+
+<table><tr>
+  <td><select size="2" style="width: 0"><option>One</option><option>Two</option></select></td>
+  <td>select size="2"</td>
+</tr></table>
+
+<table><tr>
+  <td><meter max="10" value="5" style="width: 0"></meter></td>
+  <td>meter</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="number" style="width: 0"></td>
+  <td>input type="number"</td>
+</tr></table>
+
+<table><tr>
+  <td><progress style="width: 0"></progress></td>
+  <td>progress</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="range" style="width: 0"></td>
+  <td>input type="range"</td>
+</tr></table>
+
+<table><tr>
+  <td><textarea style="width: 0"></textarea></td>
+  <td>textarea</td>
+</tr></table>
diff --git a/layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls.html b/layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls.html
new file mode 100644
index 0000000000..b2a766201b
--- /dev/null
+++ b/layout/reftests/css-sizing/min-intrinsic-with-width-percents-across-form-controls.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML>
+<title>Tests for bug 823483 / bug 1247929</title>
+<style>
+
+body, input { font-size: 10px }
+input { padding: 0 1px; border: 1px solid maroon; font-family: monospace }
+
+td:first-child {
+   background: aqua;
+   border: thin solid;
+   padding: 1px 0;
+}
+
+td:nth-child(2) {
+  width: 100%;
+}
+
+td:nth-child(1) > * { visibility: hidden; vertical-align: bottom; width: 100% }
+
+</style>
+
+<table><tr>
+  <td><input type="text"></td>
+  <td>input type="text"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="button" value="Button"></td>
+  <td>input type="button"</td>
+</tr></table>
+
+<table><tr>
+  <td><button>Button</button></td>
+  <td>button</td>
+</tr></table>
+
+<table><tr>
+  <td><fieldset>Fieldset</fieldset></td>
+  <td>fieldset</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="file"></td>
+  <td>input type="file"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="radio"></td>
+  <td>input type="radio"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="checkbox"></td>
+  <td>input type="checkbox"</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII="></td>
+  <td>input type="image"</td>
+</tr></table>
+
+<table><tr>
+  <td><select><option>One</option><option>Two</option></select></td>
+  <td>select</td>
+</tr></table>
+
+<table><tr>
+  <td><select size="2"><option>One</option><option>Two</option></select></td>
+  <td>select size="2"</td>
+</tr></table>
+
+<table><tr>
+  <td><meter max="10" value="5"></meter></td>
+  <td>meter</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="number"></td>
+  <td>input type="number"</td>
+</tr></table>
+
+<table><tr>
+  <td><progress></progress></td>
+  <td>progress</td>
+</tr></table>
+
+<table><tr>
+  <td><input type="range"></td>
+  <td>input type="range"</td>
+</tr></table>
+
+<table><tr>
+  <td><textarea></textarea></td>
+  <td>textarea</td>
+</tr></table>
diff --git a/layout/reftests/css-sizing/reftest.list b/layout/reftests/css-sizing/reftest.list
new file mode 100644
index 0000000000..87ee274319
--- /dev/null
+++ b/layout/reftests/css-sizing/reftest.list
@@ -0,0 +1,4 @@
+== min-intrinsic-with-percents-across-img-cases.html min-intrinsic-with-percents-across-img-cases-ref.html
+== min-intrinsic-with-percents-across-elements.html min-intrinsic-with-percents-across-elements-ref.html
+== min-intrinsic-with-max-width-percents-across-form-controls.html min-intrinsic-with-max-width-percents-across-form-controls-ref.html
+== min-intrinsic-with-width-percents-across-form-controls.html min-intrinsic-with-width-percents-across-form-controls-ref.html
diff --git a/layout/reftests/css-transitions/background-color-with-opacity-ref.html b/layout/reftests/css-transitions/background-color-with-opacity-ref.html
new file mode 100644
index 0000000000..0ec114ca69
--- /dev/null
+++ b/layout/reftests/css-transitions/background-color-with-opacity-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<style>
+#target {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+  opacity: 0.5;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/css-transitions/background-color-with-opacity.html b/layout/reftests/css-transitions/background-color-with-opacity.html
new file mode 100644
index 0000000000..bbbd6524f9
--- /dev/null
+++ b/layout/reftests/css-transitions/background-color-with-opacity.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+#target {
+  background-color: green;
+  width: 100px;
+  height: 100px;
+  transition: background-color 100s steps(1, end);
+  opacity: 0.5;
+}
+#target.hover {
+  background-color: white;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  target.className = 'hover';
+  target.addEventListener('transitionstart', () => {
+    document.documentElement.classList.remove('reftest-wait');
+  });
+}, false);
+</script>
+</html>
diff --git a/layout/reftests/css-transitions/no-stacking-context-transition-ref.html b/layout/reftests/css-transitions/no-stacking-context-transition-ref.html
new file mode 100644
index 0000000000..efc029d03e
--- /dev/null
+++ b/layout/reftests/css-transitions/no-stacking-context-transition-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<title>
+Reference of testcases which don't create a stacking context for bug 1278136
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  background: green;
+  position: fixed;
+  top: 50px;
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time-ref.html b/layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time-ref.html
new file mode 100644
index 0000000000..65387b5998
--- /dev/null
+++ b/layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<style>
+#target::before {
+  content: '';
+  background-color: rgb(255, 255, 255);
+  height: 100px;
+  width: 100px;
+  position: absolute;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time.html b/layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time.html
new file mode 100644
index 0000000000..e3eee44886
--- /dev/null
+++ b/layout/reftests/css-transitions/reframe-and-transition-starts-at-the-same-time.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+#target::before {
+  transition: background-color 100s steps(1, end);
+  content: 'initial';
+  background-color: rgb(255, 255, 255);
+  height: 100px;
+  width: 100px;
+  position: absolute;
+}
+#target.hover::before{
+  background-color: rgb(0, 0, 0);
+  content: '';
+}
+</style>
+<div id="target"></div>
+<script>
+window.addEventListener("load", () => {
+  target.className = 'hover';
+  target.addEventListener('transitionstart', () => {
+    document.documentElement.classList.remove('reftest-wait');
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/css-transitions/reftest.list b/layout/reftests/css-transitions/reftest.list
new file mode 100644
index 0000000000..0a177dc242
--- /dev/null
+++ b/layout/reftests/css-transitions/reftest.list
@@ -0,0 +1,12 @@
+pref(gfx.omta.background-color,true) fuzzy(0-1,0-10000) == background-color-with-opacity.html background-color-with-opacity-ref.html
+== transitions-inline-already-wrapped-1.html transitions-inline-ref.html
+== transitions-inline-already-wrapped-2.html transitions-inline-ref.html
+== transitions-inline-rewrap-1.html transitions-inline-ref.html
+== transitions-inline-rewrap-2.html transitions-inline-ref.html
+== stacking-context-opacity-lose-to-animation.html stacking-context-transition-ref.html
+== stacking-context-transform-lose-to-animation.html stacking-context-transition-ref.html
+== stacking-context-opacity-wins-over-important-style.html stacking-context-transition-ref.html
+== stacking-context-transform-wins-over-important-style.html stacking-context-transition-ref.html
+== transition-and-animation-with-different-durations.html transition-and-animation-with-different-durations-ref.html
+== reframe-and-transition-starts-at-the-same-time.html reframe-and-transition-starts-at-the-same-time-ref.html
+== style-change-during-transition.html style-change-during-transition-ref.html
diff --git a/layout/reftests/css-transitions/stacking-context-opacity-lose-to-animation.html b/layout/reftests/css-transitions/stacking-context-opacity-lose-to-animation.html
new file mode 100644
index 0000000000..dd1c02f465
--- /dev/null
+++ b/layout/reftests/css-transitions/stacking-context-opacity-lose-to-animation.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Opacity transition and animation overridden by !important rule creates a
+stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opacity0 {
+  from, to { opacity: 0; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  opacity: 0 ! important;
+  transition: opacity 100s steps(1, start);
+  animation: Opacity0 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  getComputedStyle(target).opacity;
+
+  // Change the opacity style to 100%.
+  target.style.setProperty("opacity", "1", "important");
+  // Important style is changed but there is a CSS animation,
+  // so transition won't be visible and the CSS animation is overridden by
+  // the !important rule. As a result opacity style here should be 100%
+  // specified by the important rule, but we should create a stacking
+  // context for it because there are animations.
+
+  getComputedStyle(target).opacity;
+  document.documentElement.classList.remove("reftest-wait");
+});
+</script>
diff --git a/layout/reftests/css-transitions/stacking-context-opacity-wins-over-important-style.html b/layout/reftests/css-transitions/stacking-context-opacity-wins-over-important-style.html
new file mode 100644
index 0000000000..d36bcc1089
--- /dev/null
+++ b/layout/reftests/css-transitions/stacking-context-opacity-wins-over-important-style.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Opacity transition winning over !important rule creates a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  /*
+   * On the compositor we use a previous vsync time stamp rather than the
+   * current time stamp, as a result sometimes transition may be still in
+   * before phase after waiting a frame. To compose the same opacity value
+   * regardless of whether the transition is in before or active phase, we use
+   * steps(1, end) here.
+   */
+  transition: opacity 100s steps(1, end);
+  opacity: 1 ! important;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  getComputedStyle(target).opacity;
+
+  target.style.setProperty("opacity", "0", "important");
+  getComputedStyle(target).opacity;
+
+  document.documentElement.classList.remove("reftest-wait");
+});
+</script>
diff --git a/layout/reftests/css-transitions/stacking-context-transform-lose-to-animation.html b/layout/reftests/css-transitions/stacking-context-transform-lose-to-animation.html
new file mode 100644
index 0000000000..888d4e6ba1
--- /dev/null
+++ b/layout/reftests/css-transitions/stacking-context-transform-lose-to-animation.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Transform transition and animation overridden by !important rule create
+a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Transform100px {
+  from, to { transform: translateX(100px); }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  transform: translateX(200px) ! important;
+  transition: transform 100s steps(1, start);
+  animation: Transform100px 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  getComputedStyle(target).transform;
+
+  // Change the transform style to 'none'.
+  target.style.setProperty("transform", "none", "important");
+  // Important style is changed but there is a CSS animation,
+  // so transition won't be visible and the CSS animation is overridden by
+  // the !important rule. As a result transform style here should be 'none'
+  // specified by the important rule, but we should create a stacking
+  // context for it because there are animations.
+
+  getComputedStyle(target).transform;
+  document.documentElement.classList.remove("reftest-wait");
+});
+</script>
diff --git a/layout/reftests/css-transitions/stacking-context-transform-wins-over-important-style.html b/layout/reftests/css-transitions/stacking-context-transform-wins-over-important-style.html
new file mode 100644
index 0000000000..4d31df27ad
--- /dev/null
+++ b/layout/reftests/css-transitions/stacking-context-transform-wins-over-important-style.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Transform transition winning over !important rule creates a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  /*
+   * On the compositor we use a previous vsync time stamp rather than the
+   * current time stamp, as a result sometimes transition may be still in
+   * before phase after waiting a frame. To compose the same transform value
+   * regardless of whether the transition is in before or active phase, we use
+   * steps(1, end) here.
+   */
+  transition: transform 100s steps(1, end);
+  transform: none ! important;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("test");
+  getComputedStyle(target).transform;
+
+  target.style.setProperty("transform", "translateX(200px)", "important");
+  getComputedStyle(target).transform;
+
+  document.documentElement.classList.remove("reftest-wait");
+});
+</script>
diff --git a/layout/reftests/css-transitions/stacking-context-transition-ref.html b/layout/reftests/css-transitions/stacking-context-transition-ref.html
new file mode 100644
index 0000000000..817056c1ce
--- /dev/null
+++ b/layout/reftests/css-transitions/stacking-context-transition-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Reference of testcases for bug 1273042</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  background: green;
+  position: fixed;
+  top: 50px;
+  z-index: -1;
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/css-transitions/style-change-during-transition-ref.html b/layout/reftests/css-transitions/style-change-during-transition-ref.html
new file mode 100644
index 0000000000..394894e2af
--- /dev/null
+++ b/layout/reftests/css-transitions/style-change-during-transition-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<div>
+  <div>
+    <div>
+      <strong>Text</strong>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/css-transitions/style-change-during-transition.html b/layout/reftests/css-transitions/style-change-during-transition.html
new file mode 100644
index 0000000000..e539a82093
--- /dev/null
+++ b/layout/reftests/css-transitions/style-change-during-transition.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+.container {
+  visibility: visible;
+  transition: visibility .2s;
+}
+
+.hidden {
+  visibility: hidden;
+}
+</style>
+<div id="tooltip" class="container hidden">
+  <div>
+    <div>
+      <strong>Text</strong>
+    </div>
+  </div>
+</div>
+<script>
+window.addEventListener("load", () => {
+  requestIdleCallback(() => {
+    tooltip.classList.remove("hidden");
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        tooltip.style.zIndex = 2;
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+});
+</script>
diff --git a/layout/reftests/css-transitions/transition-and-animation-with-different-durations-ref.html b/layout/reftests/css-transitions/transition-and-animation-with-different-durations-ref.html
new file mode 100644
index 0000000000..e6850238af
--- /dev/null
+++ b/layout/reftests/css-transitions/transition-and-animation-with-different-durations-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>A reference of 100x100 blue box</title>
+<style>
+div {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/css-transitions/transition-and-animation-with-different-durations.html b/layout/reftests/css-transitions/transition-and-animation-with-different-durations.html
new file mode 100644
index 0000000000..9bc692eeab
--- /dev/null
+++ b/layout/reftests/css-transitions/transition-and-animation-with-different-durations.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Transform animation and opacity transition with different durations
+</title>
+<style>
+div {
+  width: 100px; height: 100px;
+  background: blue;
+}
+@keyframes translate {
+  from { transform: translateY(0px); }
+  to { transform: translateY(0px); }
+}
+</style>
+<div id="target"></div>
+<script>
+window.addEventListener("load", () => {
+  var target = document.getElementById("target");
+  target.style = "opacity: 0;";
+
+  getComputedStyle(target).transform;
+
+  target.style = "transition: opacity 0.2s; opacity: 1; " +
+                 "animation: translate 0.1s;";
+
+  target.addEventListener("transitionend", () => {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+});
+</script>
diff --git a/layout/reftests/css-transitions/transitions-inline-already-wrapped-1.html b/layout/reftests/css-transitions/transitions-inline-already-wrapped-1.html
new file mode 100644
index 0000000000..f7533f6506
--- /dev/null
+++ b/layout/reftests/css-transitions/transitions-inline-already-wrapped-1.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait">
+<title>Test for CSS transitions and re-wrapping of inlines</title>
+<style type="text/css">
+#test { transition: 5s color linear 200s; }
+</style>
+<script type="text/javascript">
+
+window.onload = run;
+
+function run() {
+  var test = document.getElementById("test");
+  var unused = test.offsetWidth;
+  test.style.color = "red";
+  unused = test.offsetWidth;
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+<div style="width: 3em">
+<span id="test" style="color: green">
+This is some text with a transition.
+</span>
+</div>
diff --git a/layout/reftests/css-transitions/transitions-inline-already-wrapped-2.html b/layout/reftests/css-transitions/transitions-inline-already-wrapped-2.html
new file mode 100644
index 0000000000..9adf491922
--- /dev/null
+++ b/layout/reftests/css-transitions/transitions-inline-already-wrapped-2.html
@@ -0,0 +1,28 @@
+<html class="reftest-wait">
+<title>Test for CSS transitions and re-wrapping of inlines</title>
+<style type="text/css">
+#test { transition: 20ms color linear 0; }
+</style>
+<script type="text/javascript">
+
+window.onload = run;
+
+function run() {
+  var test = document.getElementById("test");
+  var unused = test.offsetWidth;
+  unused = getComputedStyle(test, "").color;
+  test.style.color = "green";
+  unused = test.offsetWidth;
+  unused = getComputedStyle(test, "").color;
+  setTimeout(step2, 100); // give transition time to run
+}
+function step2() {
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+<div style="width: 3em">
+<span id="test" style="color: red">
+This is some text with a transition.
+</span>
+</div>
diff --git a/layout/reftests/css-transitions/transitions-inline-ref.html b/layout/reftests/css-transitions/transitions-inline-ref.html
new file mode 100644
index 0000000000..16ade1cfe7
--- /dev/null
+++ b/layout/reftests/css-transitions/transitions-inline-ref.html
@@ -0,0 +1,7 @@
+<html>
+<title>Test for CSS transitions and re-wrapping of inlines</title>
+<div style="width: 3em">
+<span id="test" style="color: green">
+This is some text with a transition.
+</span>
+</div>
diff --git a/layout/reftests/css-transitions/transitions-inline-rewrap-1.html b/layout/reftests/css-transitions/transitions-inline-rewrap-1.html
new file mode 100644
index 0000000000..b5ce43cd37
--- /dev/null
+++ b/layout/reftests/css-transitions/transitions-inline-rewrap-1.html
@@ -0,0 +1,25 @@
+<html class="reftest-wait">
+<title>Test for CSS transitions and re-wrapping of inlines</title>
+<style type="text/css">
+#test { transition: 5s color linear 200s; }
+</style>
+<script type="text/javascript">
+
+window.onload = run;
+
+function run() {
+  var test = document.getElementById("test");
+  var unused = test.offsetWidth;
+  test.style.color = "red";
+  unused = test.offsetWidth;
+  test.parentNode.style.width = "3em";
+  unused = test.offsetWidth;
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+<div style="width: 50em">
+<span id="test" style="color: green">
+This is some text with a transition.
+</span>
+</div>
diff --git a/layout/reftests/css-transitions/transitions-inline-rewrap-2.html b/layout/reftests/css-transitions/transitions-inline-rewrap-2.html
new file mode 100644
index 0000000000..728a018747
--- /dev/null
+++ b/layout/reftests/css-transitions/transitions-inline-rewrap-2.html
@@ -0,0 +1,31 @@
+<html class="reftest-wait">
+<title>Test for CSS transitions and re-wrapping of inlines</title>
+<style type="text/css">
+#test { transition: 20ms color linear 0; }
+</style>
+<script type="text/javascript">
+
+window.onload = run;
+
+function run() {
+  var test = document.getElementById("test");
+  var unused = test.offsetWidth;
+  unused = getComputedStyle(test, "").color;
+  test.style.color = "green";
+  unused = test.offsetWidth;
+  unused = getComputedStyle(test, "").color;
+  test.parentNode.style.width = "3em";
+  unused = test.offsetWidth;
+  unused = getComputedStyle(test, "").color;
+  setTimeout(step2, 100); // give transition time to run
+}
+function step2() {
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+<div style="width: 50em">
+<span id="test" style="color: red">
+This is some text with a transition.
+</span>
+</div>
diff --git a/layout/reftests/css-ui-invalid/button/button-button.html b/layout/reftests/css-ui-invalid/button/button-button.html
new file mode 100644
index 0000000000..b3a32a49b8
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is of the button type, it is barred from constraint
+             validation and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='notinvalid' id='b' type='button'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-disabled-fieldset-1.html b/layout/reftests/css-ui-invalid/button/button-disabled-fieldset-1.html
new file mode 100644
index 0000000000..5cf40c93a9
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-disabled-fieldset-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <button class='notinvalid' id='b'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-disabled-fieldset-2.html b/layout/reftests/css-ui-invalid/button/button-disabled-fieldset-2.html
new file mode 100644
index 0000000000..4ee147a707
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-disabled-fieldset-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <button class='notinvalid' id='b'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-disabled-ref.html b/layout/reftests/css-ui-invalid/button/button-disabled-ref.html
new file mode 100644
index 0000000000..7de1ba7c5c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;" disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-disabled.html b/layout/reftests/css-ui-invalid/button/button-disabled.html
new file mode 100644
index 0000000000..1607c2b645
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notinvalid' disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-dyn-disabled.html b/layout/reftests/css-ui-invalid/button/button-dyn-disabled.html
new file mode 100644
index 0000000000..1c7350d722
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='notinvalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-dyn-not-disabled.html b/layout/reftests/css-ui-invalid/button/button-dyn-not-disabled.html
new file mode 100644
index 0000000000..7ae667b8ec
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-dyn-not-disabled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is not disabled and invalid, it is candidate for
+             constraint validation and should be affected
+             by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      e.removeAttribute('disabled');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='invalid' id='b' disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-fieldset-legend-ref.html b/layout/reftests/css-ui-invalid/button/button-fieldset-legend-ref.html
new file mode 100644
index 0000000000..22adc433cd
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <button style="background-color: green;"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-fieldset-legend.html b/layout/reftests/css-ui-invalid/button/button-fieldset-legend.html
new file mode 100644
index 0000000000..66b5ae585c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-fieldset-legend.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('b');
+      e.setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <fieldset disabled>
+      <legend>
+        <button class='invalid' id='b'></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-fieldset-ref.html b/layout/reftests/css-ui-invalid/button/button-fieldset-ref.html
new file mode 100644
index 0000000000..60ab1a3ef0
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset disabled>
+        <button style="background-color: green;"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-invalid.html b/layout/reftests/css-ui-invalid/button/button-invalid.html
new file mode 100644
index 0000000000..2aeaea4e1e
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a custom error, it should not be affected by :valid
+             pseudo-class -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='invalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-ref.html b/layout/reftests/css-ui-invalid/button/button-ref.html
new file mode 100644
index 0000000000..422cc9315f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;"></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-reset.html b/layout/reftests/css-ui-invalid/button/button-reset.html
new file mode 100644
index 0000000000..6e64908be8
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-reset.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is of the reset type, it is barred from constraint
+             validation and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='notinvalid' id='b' type='reset'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-type-barred.html b/layout/reftests/css-ui-invalid/button/button-type-barred.html
new file mode 100644
index 0000000000..3748615427
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-type-barred.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var b = document.getElementById('b');
+      b.setCustomValidity('foo');
+      b.type = 'button';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="document.getElementById('b').type='button'; document.documentElement.className='';">
+    <button class='notinvalid' type='submit' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-type-invalid.html b/layout/reftests/css-ui-invalid/button/button-type-invalid.html
new file mode 100644
index 0000000000..a6e20d1a94
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-type-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has a custom error when barred from constraint
+             validation then move a type candidate for constraint validation,
+             it should not be affected by :invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var b = document.getElementById('b');
+      b.setCustomValidity('foo');
+      b.type = 'submit';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='invalid' type='button' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/button-valid.html b/layout/reftests/css-ui-invalid/button/button-valid.html
new file mode 100644
index 0000000000..1f99c6331d
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/button-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has no custom error and is not barred from constraint
+             validation, it should be affected by :invalid pseudo-class.  -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notinvalid'</button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/button/reftest.list b/layout/reftests/css-ui-invalid/button/reftest.list
new file mode 100644
index 0000000000..98db5f2c6c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/reftest.list
@@ -0,0 +1,12 @@
+== button-valid.html button-ref.html
+fuzzy(0-1,0-3) == button-invalid.html button-ref.html
+fuzzy(0-2,0-5) == button-disabled.html button-disabled-ref.html
+fuzzy(0-2,0-5) == button-dyn-disabled.html button-disabled-ref.html
+fuzzy(0-1,0-3) == button-dyn-not-disabled.html button-ref.html
+fuzzy(0-1,0-3) == button-button.html button-ref.html
+fuzzy(0-1,0-3) == button-reset.html button-ref.html
+fuzzy(0-1,0-3) == button-type-invalid.html button-ref.html
+fuzzy(0-1,0-3) == button-type-barred.html button-ref.html
+fuzzy(0-1,0-3) == button-disabled-fieldset-1.html button-fieldset-ref.html
+fuzzy(0-1,0-3) == button-disabled-fieldset-2.html button-fieldset-ref.html
+fuzzy(0-1,0-4) == button-fieldset-legend.html button-fieldset-legend-ref.html
diff --git a/layout/reftests/css-ui-invalid/button/style.css b/layout/reftests/css-ui-invalid/button/style.css
new file mode 100644
index 0000000000..83653cfb12
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/button/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+button:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+button.notinvalid {
+  background-color: green;
+}
+button.notinvalid:-moz-ui-invalid {
+  background-color: red;
+}
+
+button.invalid {
+  background-color: red;
+}
+button.invalid:-moz-ui-invalid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-ui-invalid/default-style/button-focus-ref.html b/layout/reftests/css-ui-invalid/default-style/button-focus-ref.html
new file mode 100644
index 0000000000..9046f5c74d
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/button-focus-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementsByTagName('button')[0].focus();">
+    <button class='invalid-ref' onfocus="document.documentElement.className='';"></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/button-focus.html b/layout/reftests/css-ui-invalid/default-style/button-focus.html
new file mode 100644
index 0000000000..e34dad8465
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/button-focus.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.getElementById('e').focus();
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <button id='e' onfocus="document.documentElement.className='';"></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/button-ref.html b/layout/reftests/css-ui-invalid/default-style/button-ref.html
new file mode 100644
index 0000000000..71dbb9cf80
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/button-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='invalid-ref'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/button.html b/layout/reftests/css-ui-invalid/default-style/button.html
new file mode 100644
index 0000000000..3b240b7e41
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/button.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <button id='e'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/fieldset-ref.html b/layout/reftests/css-ui-invalid/default-style/fieldset-ref.html
new file mode 100644
index 0000000000..0289183246
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/fieldset-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset class='barred-ref'></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/fieldset.html b/layout/reftests/css-ui-invalid/default-style/fieldset.html
new file mode 100644
index 0000000000..e2b3b1ac19
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/fieldset.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset id='e'></fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/input-focus-ref.html b/layout/reftests/css-ui-invalid/default-style/input-focus-ref.html
new file mode 100644
index 0000000000..1180844f60
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/input-focus-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementsByTagName('input')[0].focus();">
+    <input class='invalid-ref' onfocus="document.documentElement.className='';">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/input-focus.html b/layout/reftests/css-ui-invalid/default-style/input-focus.html
new file mode 100644
index 0000000000..ac9d554a42
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/input-focus.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.getElementById('e').focus();
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <input id='e' onfocus="document.documentElement.className='';">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/input-ref.html b/layout/reftests/css-ui-invalid/default-style/input-ref.html
new file mode 100644
index 0000000000..31f6e35f2c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/input-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='invalid-ref'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/input.html b/layout/reftests/css-ui-invalid/default-style/input.html
new file mode 100644
index 0000000000..e0d1bf6a3c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/input.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <input id='e'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/output-ref.html b/layout/reftests/css-ui-invalid/default-style/output-ref.html
new file mode 100644
index 0000000000..f1ab90bc64
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='invalid-ref'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/output.html b/layout/reftests/css-ui-invalid/default-style/output.html
new file mode 100644
index 0000000000..6da555bbf1
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/output.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <output id='e'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/reftest.list b/layout/reftests/css-ui-invalid/default-style/reftest.list
new file mode 100644
index 0000000000..62486537a5
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/reftest.list
@@ -0,0 +1,10 @@
+== input.html input-ref.html
+fuzzy-if(isDebugBuild&&gtkWidget,0-1,0-1) fuzzy-if(cocoaWidget,0-2,0-32) == button.html button-ref.html
+== textarea.html textarea-ref.html
+fuzzy(0-112,0-6) == select.html select-ref.html
+== fieldset.html fieldset-ref.html
+== output.html output-ref.html
+random-if(winWidget) needs-focus == input-focus.html input-focus-ref.html # Intermittent failures, bug 660224
+needs-focus fuzzy-if(cocoaWidget,0-1,0-10) == button-focus.html button-focus-ref.html
+needs-focus fuzzy(0-32,0-1) == textarea-focus.html textarea-focus-ref.html
+random-if(winWidget) fuzzy(0-112,0-6) needs-focus == select-focus.html select-focus-ref.html # windows: Intermittent failures, bug 660224, non-native: shadow blur fuzziness
diff --git a/layout/reftests/css-ui-invalid/default-style/select-focus-ref.html b/layout/reftests/css-ui-invalid/default-style/select-focus-ref.html
new file mode 100644
index 0000000000..42b8da524a
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/select-focus-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementsByTagName('select')[0].focus();">
+    <select class='invalid-ref' onfocus="document.documentElement.className='';"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/select-focus.html b/layout/reftests/css-ui-invalid/default-style/select-focus.html
new file mode 100644
index 0000000000..946e078152
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/select-focus.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.getElementById('e').focus();
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <select id='e' onfocus="document.documentElement.className='';"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/select-ref.html b/layout/reftests/css-ui-invalid/default-style/select-ref.html
new file mode 100644
index 0000000000..3eed47082f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/select-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='invalid-ref'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/select.html b/layout/reftests/css-ui-invalid/default-style/select.html
new file mode 100644
index 0000000000..f05241f9e7
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/select.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <select id='e'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/style.css b/layout/reftests/css-ui-invalid/default-style/style.css
new file mode 100644
index 0000000000..3db7d3dd18
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/style.css
@@ -0,0 +1,11 @@
+:not(output).invalid-ref {
+}
+
+:not(output):-moz-focusring.invalid-ref {
+}
+
+output.invalid-ref {
+}
+
+.barred-ref {
+}
diff --git a/layout/reftests/css-ui-invalid/default-style/textarea-focus-ref.html b/layout/reftests/css-ui-invalid/default-style/textarea-focus-ref.html
new file mode 100644
index 0000000000..942390f870
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/textarea-focus-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementsByTagName('textarea')[0].focus();">
+    <textarea class='invalid-ref' onfocus="document.documentElement.className='';"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/textarea-focus.html b/layout/reftests/css-ui-invalid/default-style/textarea-focus.html
new file mode 100644
index 0000000000..0f9d790263
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/textarea-focus.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.getElementById('e').focus();
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <textarea id='e' onfocus="document.documentElement.className='';"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/textarea-ref.html b/layout/reftests/css-ui-invalid/default-style/textarea-ref.html
new file mode 100644
index 0000000000..c7037764f6
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='invalid-ref'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/default-style/textarea.html b/layout/reftests/css-ui-invalid/default-style/textarea.html
new file mode 100644
index 0000000000..73ff14c2ae
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/default-style/textarea.html
@@ -0,0 +1,13 @@
+<!DOCTYPE>
+<html class="reftest-wait">
+  <script>
+    function onloadHandler()
+    {
+      document.getElementById('e').setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <textarea id='e'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-button-ref.html b/layout/reftests/css-ui-invalid/input/input-button-ref.html
new file mode 100644
index 0000000000..3b828533e3
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='button' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-button.html b/layout/reftests/css-ui-invalid/input/input-button.html
new file mode 100644
index 0000000000..1ec43cc1e7
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of button type, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='button'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-checkbox-required-invalid-default.html b/layout/reftests/css-ui-invalid/input/input-checkbox-required-invalid-default.html
new file mode 100644
index 0000000000..ee01e0d381
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-checkbox-required-invalid-default.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             and its checkedness hasn't changed,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="if (document.getElementById('i').matches(':-moz-ui-invalid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='checkbox' required>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-disabled-fieldset-1.html b/layout/reftests/css-ui-invalid/input/input-disabled-fieldset-1.html
new file mode 100644
index 0000000000..7fbc040c90
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <input class='notinvalid' required>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-disabled-fieldset-2.html b/layout/reftests/css-ui-invalid/input/input-disabled-fieldset-2.html
new file mode 100644
index 0000000000..4cda694575
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <input class='notinvalid' required>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-disabled.html b/layout/reftests/css-ui-invalid/input/input-disabled.html
new file mode 100644
index 0000000000..6757fb0963
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' disabled>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-dyn-disabled.html b/layout/reftests/css-ui-invalid/input/input-dyn-disabled.html
new file mode 100644
index 0000000000..f2094b48bb
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('i');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <input class='notinvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-dyn-not-readonly-not-changed.html b/layout/reftests/css-ui-invalid/input/input-dyn-not-readonly-not-changed.html
new file mode 100644
index 0000000000..b697b4200d
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-dyn-not-readonly-not-changed.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is no longer readonly and invalid but it's value hasn't
+             changed, it's affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').removeAttribute('readonly'); document.documentElement.className='';">
+    <input class='notinvalid' id='i' readonly required>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-dyn-readonly.html b/layout/reftests/css-ui-invalid/input/input-dyn-readonly.html
new file mode 100644
index 0000000000..474e8ff4b8
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-dyn-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').readOnly='ro'; document.documentElement.className='';">
+    <input class='notinvalid' id='i' required>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-email-invalid-default.html b/layout/reftests/css-ui-invalid/input/input-email-invalid-default.html
new file mode 100644
index 0000000000..d4a1c99bb5
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-email-invalid-default.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             but its default value hasn't been changed,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='email' value='foo'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-email-ref.html b/layout/reftests/css-ui-invalid/input/input-email-ref.html
new file mode 100644
index 0000000000..ecec613c26
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-email-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='foo@bar.com' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-email-valid.html b/layout/reftests/css-ui-invalid/input/input-email-valid.html
new file mode 100644
index 0000000000..8e3fbd349e
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-email-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='email' value='foo@bar.com'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/input/input-fieldset-legend-ref.html b/layout/reftests/css-ui-invalid/input/input-fieldset-legend-ref.html
new file mode 100644
index 0000000000..763c383bda
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <input style="background-color: green;">
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-fieldset-legend.html b/layout/reftests/css-ui-invalid/input/input-fieldset-legend.html
new file mode 100644
index 0000000000..6f85637b4a
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-fieldset-legend.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is invalid but it's value hasn't changed, it's not
+             affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <input class='notinvalid' required>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-fieldset-ref.html b/layout/reftests/css-ui-invalid/input/input-fieldset-ref.html
new file mode 100644
index 0000000000..a9e1239125
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset>
+        <input style="background-color: green;">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-file-ref.html b/layout/reftests/css-ui-invalid/input/input-file-ref.html
new file mode 100644
index 0000000000..73a4fc64cc
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-file-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='file' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-file-required-invalid-default.html b/layout/reftests/css-ui-invalid/input/input-file-required-invalid-default.html
new file mode 100644
index 0000000000..aa1d862d40
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-file-required-invalid-default.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             but its default value hasn't been changed,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='file' required>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-pattern-invalid-default.html b/layout/reftests/css-ui-invalid/input/input-pattern-invalid-default.html
new file mode 100644
index 0000000000..0a1a676a8c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-pattern-invalid-default.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             but its value is stil lthe default value,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' pattern='bar' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/input/input-pattern-valid.html b/layout/reftests/css-ui-invalid/input/input-pattern-valid.html
new file mode 100644
index 0000000000..7def28f819
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-pattern-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' pattern='foo' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-1.html b/layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-1.html
new file mode 100644
index 0000000000..d2fd008e15
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there are no radio suffering from being missing in the radio
+             group, all radio should not suffer from being missing. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').checked = true;
+                if (document.getElementById('i1').matches(':-moz-ui-invalid') ||
+                    document.getElementById('i2').matches(':-moz-ui-invalid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i1' name='foo' type='radio' required>
+    <input id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-2.html b/layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-2.html
new file mode 100644
index 0000000000..f4ee5d171c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-radio-dyn-valid-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when there are no radio suffering from being missing in the radio
+             group, all radio should not suffer from being missing. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').checked = true;
+                document.getElementById('i1').required = false;
+                if (document.getElementById('i1').matches(':-moz-ui-invalid') ||
+                    document.getElementById('i2').matches(':-moz-ui-invalid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i1' name='foo' type='radio' required>
+    <input id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-radio-nogroup-required-invalid.html b/layout/reftests/css-ui-invalid/input/input-radio-nogroup-required-invalid.html
new file mode 100644
index 0000000000..e17e92a958
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-radio-nogroup-required-invalid.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').checked = true;
+                if (document.getElementById('i').matches(':-moz-ui-invalid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='radio' required name='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-radio-required-invalid-default.html b/layout/reftests/css-ui-invalid/input/input-radio-required-invalid-default.html
new file mode 100644
index 0000000000..cb2456533f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-radio-required-invalid-default.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             and its checkedness hasn't changed,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="if (document.getElementById('i').matches(':-moz-ui-invalid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='radio' required>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-readonly.html b/layout/reftests/css-ui-invalid/input/input-readonly.html
new file mode 100644
index 0000000000..8f5ab0c3c9
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' readonly>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-ref.html b/layout/reftests/css-ui-invalid/input/input-ref.html
new file mode 100644
index 0000000000..65b4b97078
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-required-invalid-default.html b/layout/reftests/css-ui-invalid/input/input-required-invalid-default.html
new file mode 100644
index 0000000000..3d4e17aea9
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-required-invalid-default.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             but its value is still the default value,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/input/input-required-valid.html b/layout/reftests/css-ui-invalid/input/input-required-valid.html
new file mode 100644
index 0000000000..34dca4585b
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' value='foo' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/input/input-reset.html b/layout/reftests/css-ui-invalid/input/input-reset.html
new file mode 100644
index 0000000000..06092d45cf
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-reset.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of reset type, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <!-- Setting value to the empty string let us check against input-button-ref.html -->
+    <input class='notinvalid' type='reset' value=''>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-type-barred.html b/layout/reftests/css-ui-invalid/input/input-type-barred.html
new file mode 100644
index 0000000000..145b114d6f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-type-barred.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if an input has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').type='button'; document.documentElement.className='';">
+    <input class='notinvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-url-invalid-default.html b/layout/reftests/css-ui-invalid/input/input-url-invalid-default.html
new file mode 100644
index 0000000000..2ce04568a1
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-url-invalid-default.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             but its value is the default value,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='url' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/input/input-url-ref.html b/layout/reftests/css-ui-invalid/input/input-url-ref.html
new file mode 100644
index 0000000000..e95cdbca2e
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-url-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='http://mozilla.org/' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-url-valid.html b/layout/reftests/css-ui-invalid/input/input-url-valid.html
new file mode 100644
index 0000000000..8b615a7709
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-url-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid' type='url' value='http://mozilla.org/'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/input/input-valid.html b/layout/reftests/css-ui-invalid/input/input-valid.html
new file mode 100644
index 0000000000..a8b4157a80
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and is not barred from constraint validation,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notinvalid'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/input-withtext-ref.html b/layout/reftests/css-ui-invalid/input/input-withtext-ref.html
new file mode 100644
index 0000000000..d54d052157
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/input-withtext-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='foo' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/input/reftest.list b/layout/reftests/css-ui-invalid/input/reftest.list
new file mode 100644
index 0000000000..084136d88a
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/reftest.list
@@ -0,0 +1,27 @@
+== input-valid.html input-ref.html
+fuzzy(0-1,0-3) == input-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-readonly.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-readonly.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-not-readonly-not-changed.html input-ref.html
+== input-required-valid.html input-withtext-ref.html
+fuzzy(0-1,0-3) == input-required-invalid-default.html input-ref.html
+fuzzy(0-2,0-5) == input-button.html input-button-ref.html
+fuzzy(0-2,0-5) == input-reset.html input-button-ref.html
+== input-email-invalid-default.html input-withtext-ref.html
+fuzzy(0-2,0-5) == input-email-valid.html input-email-ref.html
+== input-url-invalid-default.html input-withtext-ref.html
+== input-url-valid.html input-url-ref.html
+== input-pattern-valid.html input-withtext-ref.html
+== input-pattern-invalid-default.html input-withtext-ref.html
+fuzzy(0-2,0-5) == input-type-barred.html input-button-ref.html
+== input-disabled-fieldset-1.html input-fieldset-ref.html
+fuzzy(0-1,0-3) == input-disabled-fieldset-2.html input-fieldset-ref.html
+fuzzy(0-1,0-3) == input-fieldset-legend.html input-fieldset-legend-ref.html
+== input-checkbox-required-invalid-default.html success-ref.html
+== input-radio-required-invalid-default.html success-ref.html
+== input-file-required-invalid-default.html input-file-ref.html
+== input-radio-dyn-valid-1.html success-ref.html
+== input-radio-dyn-valid-2.html success-ref.html
+== input-radio-nogroup-required-invalid.html success-ref.html
+# input type='hidden' shouldn't show
diff --git a/layout/reftests/css-ui-invalid/input/style.css b/layout/reftests/css-ui-invalid/input/style.css
new file mode 100644
index 0000000000..93a61a020d
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/style.css
@@ -0,0 +1,23 @@
+/* Override default style */
+input:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+input.notinvalid {
+  background-color: green;
+}
+input.notinvalid:-moz-ui-invalid {
+  background-color: red;
+}
+
+input.invalid {
+  background-color: red;
+}
+input.invalid:-moz-ui-invalid {
+  background-color: green;
+}
+
+input[type=checkbox],
+input[type=radio] {
+  display: none;
+}
diff --git a/layout/reftests/css-ui-invalid/input/success-ref.html b/layout/reftests/css-ui-invalid/input/success-ref.html
new file mode 100644
index 0000000000..bfa8e0a12c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/input/success-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    SUCCESS
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/output/output-invalid.html b/layout/reftests/css-ui-invalid/output/output-invalid.html
new file mode 100644
index 0000000000..aa6830c753
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/output/output-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if output has a custom error, it should not be affected by
+             :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <output class='invalid' id='b'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/output/output-ref.html b/layout/reftests/css-ui-invalid/output/output-ref.html
new file mode 100644
index 0000000000..0db2c440c7
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/output/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='ref'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/output/output-valid.html b/layout/reftests/css-ui-invalid/output/output-valid.html
new file mode 100644
index 0000000000..984eea20ae
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/output/output-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if output has no custom error, it should not affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='notinvalid'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/output/reftest.list b/layout/reftests/css-ui-invalid/output/reftest.list
new file mode 100644
index 0000000000..74468e394a
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/output/reftest.list
@@ -0,0 +1,2 @@
+== output-valid.html output-ref.html
+== output-invalid.html output-ref.html
diff --git a/layout/reftests/css-ui-invalid/output/style.css b/layout/reftests/css-ui-invalid/output/style.css
new file mode 100644
index 0000000000..99d5be9107
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/output/style.css
@@ -0,0 +1,22 @@
+/* Override default style */
+output {
+  color: black;
+}
+
+output.notinvalid {
+  color: green;
+}
+output.notinvalid:-moz-ui-invalid {
+  color: red;
+}
+
+output.invalid {
+  color: green;
+}
+output.invalid:-moz-ui-invalid {
+  color: red;
+}
+
+output.ref {
+  color: green;
+}
diff --git a/layout/reftests/css-ui-invalid/reftest.list b/layout/reftests/css-ui-invalid/reftest.list
new file mode 100644
index 0000000000..4563deee70
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/reftest.list
@@ -0,0 +1,9 @@
+# :-moz-ui-invalid should apply on the following elements
+include button/reftest.list
+include input/reftest.list
+include select/reftest.list
+include textarea/reftest.list
+include output/reftest.list
+
+# default :-moz-ui-invalid style
+include default-style/reftest.list
diff --git a/layout/reftests/css-ui-invalid/select/reftest.list b/layout/reftests/css-ui-invalid/select/reftest.list
new file mode 100644
index 0000000000..1649755919
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/reftest.list
@@ -0,0 +1,12 @@
+needs-focus fuzzy-if(geckoview,0-8,0-1) == select-valid.html select-ref.html
+fuzzy(0-2,0-5) needs-focus == select-invalid-reset.html select-required-ref.html
+needs-focus == select-disabled.html select-disabled-ref.html
+needs-focus == select-dyn-disabled.html select-disabled-ref.html
+fuzzy(0-2,0-5) needs-focus == select-required-invalid-1.html select-required-ref.html
+fuzzy(0-2,0-5) needs-focus == select-required-invalid-2.html select-required-ref.html
+fuzzy(0-2,0-5) needs-focus == select-required-valid.html select-required-ref.html
+needs-focus == select-required-multiple-invalid.html select-required-multiple-ref.html
+fuzzy(0-1,0-1000) needs-focus == select-required-multiple-invalid-changed.html select-required-multiple-ref.html
+needs-focus == select-required-multiple-valid.html select-required-multiple-ref.html
+fuzzy-if(!Android,0-2,0-10) fuzzy-if(Android,0-9,0-1) needs-focus == select-disabled-fieldset-1.html select-fieldset-ref.html
+fuzzy-if(!Android,0-2,0-10) fuzzy-if(Android,0-9,0-1) needs-focus == select-disabled-fieldset-2.html select-fieldset-ref.html
diff --git a/layout/reftests/css-ui-invalid/select/select-disabled-fieldset-1.html b/layout/reftests/css-ui-invalid/select/select-disabled-fieldset-1.html
new file mode 100644
index 0000000000..a1c8303716
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-disabled-fieldset-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('s');
+      e.setCustomValidity('foo');
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <select class='notinvalid' id='s'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-disabled-fieldset-2.html b/layout/reftests/css-ui-invalid/select/select-disabled-fieldset-2.html
new file mode 100644
index 0000000000..e466e03050
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-disabled-fieldset-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var e = document.getElementById('s');
+      e.setCustomValidity('foo');
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <select class='notinvalid' id='s'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-disabled-ref.html b/layout/reftests/css-ui-invalid/select/select-disabled-ref.html
new file mode 100644
index 0000000000..e3a228a897
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select disabled style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-disabled.html b/layout/reftests/css-ui-invalid/select/select-disabled.html
new file mode 100644
index 0000000000..a38d8bca3c
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').setCustomValidity('foo'); document.documentElement.className='';">
+    <select class='notinvalid' id='s' disabled></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-dyn-disabled.html b/layout/reftests/css-ui-invalid/select/select-dyn-disabled.html
new file mode 100644
index 0000000000..5fed3005d8
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var e = document.getElementById('s');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <select class='notinvalid' id='s'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-fieldset-ref.html b/layout/reftests/css-ui-invalid/select/select-fieldset-ref.html
new file mode 100644
index 0000000000..ca82a8022d
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset>
+        <select disabled style="background-color: green;"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-invalid-reset.html b/layout/reftests/css-ui-invalid/select/select-invalid-reset.html
new file mode 100644
index 0000000000..8b8e7c6fda
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-invalid-reset.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a custom error, it should be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').selectedIndex = 0;
+                document.forms[0].reset();
+                document.documentElement.className='';">
+    <form>
+      <select id='s' class='notinvalid' id='s' required>
+        <option value="">foo</option>
+      </select>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-ref.html b/layout/reftests/css-ui-invalid/select/select-ref.html
new file mode 100644
index 0000000000..a28668557f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-invalid-1.html b/layout/reftests/css-ui-invalid/select/select-required-invalid-1.html
new file mode 100644
index 0000000000..064695c52f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-invalid-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and the selected option has an empty
+             string value and the selection didn't changed,
+             :-moz-ui-invalid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-invalid-2.html b/layout/reftests/css-ui-invalid/select/select-required-invalid-2.html
new file mode 100644
index 0000000000..7a32805c95
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-invalid-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and the selected option has an empty
+             string value and the selection didn't changed,
+             :-moz-ui-invalid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required>
+      <option value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-multiple-invalid-changed.html b/layout/reftests/css-ui-invalid/select/select-required-multiple-invalid-changed.html
new file mode 100644
index 0000000000..547acaea6a
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-multiple-invalid-changed.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <!-- Test: if select is required, has all selected option value set to the
+             empty string, and the selection did changed,
+             :-moz-ui-invalid should apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').options[0].selected = true;
+                document.getElementById('s').options[1].selected = true;
+                document.documentElement.className = '';">
+    <select id='s' class='notinvalid' required multiple>
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-multiple-invalid.html b/layout/reftests/css-ui-invalid/select/select-required-multiple-invalid.html
new file mode 100644
index 0000000000..d59ee7ee62
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-multiple-invalid.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required, has all selected option value set to the
+             empty string, and the selection did not changed,
+             :-moz-ui-invalid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required multiple>
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-multiple-ref.html b/layout/reftests/css-ui-invalid/select/select-required-multiple-ref.html
new file mode 100644
index 0000000000..a9477333f8
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-multiple-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select multiple style="background-color: green;">
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-multiple-valid.html b/layout/reftests/css-ui-invalid/select/select-required-multiple-valid.html
new file mode 100644
index 0000000000..8ae8b89b07
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-multiple-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a selected option which has value
+  different from the empty string, :-moz-ui-invalid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required multiple>
+      <option selected></option>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-ref.html b/layout/reftests/css-ui-invalid/select/select-required-ref.html
new file mode 100644
index 0000000000..3c2bde80a0
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select style="background-color: green;">
+      <option selected value="">foo</option>
+    </selecT>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-required-valid.html b/layout/reftests/css-ui-invalid/select/select-required-valid.html
new file mode 100644
index 0000000000..9fb309b19f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-required-valid.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a select option which has value
+             different from the empty string, :-moz-ui-invalid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid' required>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/select-valid.html b/layout/reftests/css-ui-invalid/select/select-valid.html
new file mode 100644
index 0000000000..268157b6eb
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/select-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has no custom error and is not barred from constraint
+             validation, it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notinvalid'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/select/style.css b/layout/reftests/css-ui-invalid/select/style.css
new file mode 100644
index 0000000000..e8561a2bd3
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/select/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+select:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+select.notinvalid {
+  background-color: green;
+}
+select.notinvalid:-moz-ui-invalid {
+  background-color: red;
+}
+
+select.invalid {
+  background-color: red;
+}
+select.invalid:-moz-ui-invalid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-ui-invalid/textarea/reftest.list b/layout/reftests/css-ui-invalid/textarea/reftest.list
new file mode 100644
index 0000000000..525af159ee
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/reftest.list
@@ -0,0 +1,10 @@
+== textarea-valid.html textarea-ref.html
+== textarea-disabled.html textarea-ref.html
+== textarea-dyn-disabled.html textarea-ref.html
+== textarea-readonly.html textarea-ref.html
+== textarea-dyn-readonly.html textarea-ref.html
+== textarea-dyn-not-readonly-not-changed.html textarea-ref.html
+== textarea-required-valid.html textarea-withtext-ref.html
+== textarea-required-invalid.html textarea-ref.html
+== textarea-disabled-fieldset-1.html textarea-fieldset-ref.html
+== textarea-disabled-fieldset-2.html textarea-fieldset-ref.html
diff --git a/layout/reftests/css-ui-invalid/textarea/style.css b/layout/reftests/css-ui-invalid/textarea/style.css
new file mode 100644
index 0000000000..5d78b21de6
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/style.css
@@ -0,0 +1,26 @@
+/* Override default style */
+textarea {
+  border: 0px;
+}
+
+textarea.ref {
+  background-color: green;
+}
+
+textarea:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+textarea.notinvalid {
+  background-color: green;
+}
+textarea.notinvalid:-moz-ui-invalid {
+  background-color: red;
+}
+
+textarea.invalid {
+  background-color: red;
+}
+textarea.invalid:-moz-ui-invalid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-1.html b/layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-1.html
new file mode 100644
index 0000000000..7745264a37
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notinvalid' required></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-2.html b/layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-2.html
new file mode 100644
index 0000000000..9835295ba1
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-invalid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notinvalid' required></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-disabled.html b/layout/reftests/css-ui-invalid/textarea/textarea-disabled.html
new file mode 100644
index 0000000000..702c97132d
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' disabled></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-dyn-disabled.html b/layout/reftests/css-ui-invalid/textarea/textarea-dyn-disabled.html
new file mode 100644
index 0000000000..87a8c38d1e
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-dyn-disabled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if textarea is disabled and invalid, it is barred from constraint
+             validation and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function doTest()
+    {
+      var e = document.getElementById('t');
+      e.setCustomValidity('foo');
+      e.disabled = 'true';
+      document.documentElement.className='';
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  <body>
+    <textarea class='notinvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-dyn-not-readonly-not-changed.html b/layout/reftests/css-ui-invalid/textarea/textarea-dyn-not-readonly-not-changed.html
new file mode 100644
index 0000000000..92544d9cbd
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-dyn-not-readonly-not-changed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').removeAttribute('readonly');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is no longer readonly, but doesn't have it's value changed,
+             it's not affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' id='t' readonly required></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-dyn-readonly.html b/layout/reftests/css-ui-invalid/textarea/textarea-dyn-readonly.html
new file mode 100644
index 0000000000..2b2d930ba1
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-dyn-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').readOnly='ro';
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' id='t' required></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend-ref.html b/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend-ref.html
new file mode 100644
index 0000000000..8e81d23f1f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend.html b/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend.html
new file mode 100644
index 0000000000..8e734af290
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, is in the first
+             legend but has its value not changed, it should not be
+             affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <textarea class='notinvalid' required></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-ref.html b/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-ref.html
new file mode 100644
index 0000000000..1d01eb0438
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <fieldset>
+        <textarea class="ref"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-readonly.html b/layout/reftests/css-ui-invalid/textarea/textarea-readonly.html
new file mode 100644
index 0000000000..0921c62fbf
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' readonly></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-ref.html b/layout/reftests/css-ui-invalid/textarea/textarea-ref.html
new file mode 100644
index 0000000000..b370a02a0f
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-required-invalid.html b/layout/reftests/css-ui-invalid/textarea/textarea-required-invalid.html
new file mode 100644
index 0000000000..26144cecf9
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea isn't valid but it's value hasn't been changed,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' required></textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-required-valid.html b/layout/reftests/css-ui-invalid/textarea/textarea-required-valid.html
new file mode 100644
index 0000000000..be0e95e4c6
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid and not barred from constraint validation,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid' required>foo</textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-valid.html b/layout/reftests/css-ui-invalid/textarea/textarea-valid.html
new file mode 100644
index 0000000000..58fe81dce9
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid and is not barred from constraint validation,
+             it should not be affected by :-moz-ui-invalid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notinvalid'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/textarea/textarea-withtext-ref.html b/layout/reftests/css-ui-invalid/textarea/textarea-withtext-ref.html
new file mode 100644
index 0000000000..a6a2b79cfa
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/textarea/textarea-withtext-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref">foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-button.html b/layout/reftests/css-ui-valid/button/button-button.html
new file mode 100644
index 0000000000..c58eab7ff5
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is of the button type, it is barred from constraint
+             validation and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notvalid' type='button'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-disabled-fieldset-1.html b/layout/reftests/css-ui-valid/button/button-disabled-fieldset-1.html
new file mode 100644
index 0000000000..1374cdfee3
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-disabled-fieldset-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <button class='notvalid'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/button/button-disabled-fieldset-2.html b/layout/reftests/css-ui-valid/button/button-disabled-fieldset-2.html
new file mode 100644
index 0000000000..4f18437d7b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <button class='notvalid'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-disabled-ref.html b/layout/reftests/css-ui-valid/button/button-disabled-ref.html
new file mode 100644
index 0000000000..7de1ba7c5c
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;" disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-disabled.html b/layout/reftests/css-ui-valid/button/button-disabled.html
new file mode 100644
index 0000000000..d22a7d1dfb
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notvalid' disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-dyn-disabled.html b/layout/reftests/css-ui-valid/button/button-dyn-disabled.html
new file mode 100644
index 0000000000..00c07034e1
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-dyn-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').disabled='true'; document.documentElement.className='';">
+    <button class='notvalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-dyn-not-disabled.html b/layout/reftests/css-ui-valid/button/button-dyn-not-disabled.html
new file mode 100644
index 0000000000..671573cc3e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-dyn-not-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is not disabled, it is candidate for constraint validation
+             and should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').removeAttribute('disabled'); document.documentElement.className='';">
+    <button class='valid' id='b' disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-fieldset-legend-ref.html b/layout/reftests/css-ui-valid/button/button-fieldset-legend-ref.html
new file mode 100644
index 0000000000..22adc433cd
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <button style="background-color: green;"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-fieldset-legend.html b/layout/reftests/css-ui-valid/button/button-fieldset-legend.html
new file mode 100644
index 0000000000..34159d6180
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <button class='valid'></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-fieldset-ref.html b/layout/reftests/css-ui-valid/button/button-fieldset-ref.html
new file mode 100644
index 0000000000..60ab1a3ef0
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset disabled>
+        <button style="background-color: green;"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-invalid.html b/layout/reftests/css-ui-valid/button/button-invalid.html
new file mode 100644
index 0000000000..9b0524745c
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-invalid.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: button element is never affected by :-moz-ui-valid. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='notvalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-ref.html b/layout/reftests/css-ui-valid/button/button-ref.html
new file mode 100644
index 0000000000..422cc9315f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;"></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-reset.html b/layout/reftests/css-ui-valid/button/button-reset.html
new file mode 100644
index 0000000000..81547909b1
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-reset.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is of the reset type, it is barred from constraint
+             validation and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notvalid' type='reset'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-type-barred.html b/layout/reftests/css-ui-valid/button/button-type-barred.html
new file mode 100644
index 0000000000..db630d300f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-type-barred.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').type='button'; document.documentElement.className='';">
+    <button class='notvalid' type='submit' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-type-invalid.html b/layout/reftests/css-ui-valid/button/button-type-invalid.html
new file mode 100644
index 0000000000..637f5aec5f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-type-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has a custom error when barred from constraint
+             validation then move a type candidate for constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var b = document.getElementById('b');
+      b.setCustomValidity('foo');
+      b.type = 'submit';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='notvalid' type='button' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/button-valid.html b/layout/reftests/css-ui-valid/button/button-valid.html
new file mode 100644
index 0000000000..468fcb175a
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/button-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has no custom error and is not barred from constraint
+             validation, it should be affected by :valid pseudo-class  -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='valid'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/button/reftest.list b/layout/reftests/css-ui-valid/button/reftest.list
new file mode 100644
index 0000000000..1ad358be34
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/reftest.list
@@ -0,0 +1,12 @@
+fuzzy(0-2,0-2) == button-valid.html button-ref.html
+fuzzy(0-2,0-3) == button-invalid.html button-ref.html
+== button-disabled.html button-disabled-ref.html
+fuzzy(0-1,0-3) == button-dyn-disabled.html button-disabled-ref.html
+fuzzy(0-2,0-3) == button-dyn-not-disabled.html button-ref.html
+fuzzy(0-2,0-3) == button-button.html button-ref.html
+fuzzy(0-2,0-3) == button-reset.html button-ref.html
+fuzzy(0-2,0-3) == button-type-invalid.html button-ref.html
+fuzzy(0-2,0-3) == button-type-barred.html button-ref.html
+== button-disabled-fieldset-1.html button-fieldset-ref.html
+fuzzy(0-1,0-3) == button-disabled-fieldset-2.html button-fieldset-ref.html
+fuzzy(0-1,0-3) == button-fieldset-legend.html button-fieldset-legend-ref.html
diff --git a/layout/reftests/css-ui-valid/button/style.css b/layout/reftests/css-ui-valid/button/style.css
new file mode 100644
index 0000000000..ee57842a8a
--- /dev/null
+++ b/layout/reftests/css-ui-valid/button/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+button:invalid {
+  box-shadow: none;
+}
+
+button.notvalid {
+  background-color: green;
+}
+button.notvalid:-moz-ui-valid {
+  background-color: red;
+}
+
+button.valid {
+  background-color: red;
+}
+button.valid:-moz-ui-valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-ui-valid/input/input-button-ref.html b/layout/reftests/css-ui-valid/input/input-button-ref.html
new file mode 100644
index 0000000000..3b828533e3
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='button' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-button.html b/layout/reftests/css-ui-valid/input/input-button.html
new file mode 100644
index 0000000000..75898b5653
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of button type, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='button'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-checkbox-valid-default.html b/layout/reftests/css-ui-valid/input/input-checkbox-valid-default.html
new file mode 100644
index 0000000000..fd7a9c5943
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-checkbox-valid-default.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is valid and its checkedness hasn't changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="if (document.getElementById('i').matches(':-moz-ui-valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='checkbox'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-customerror.html b/layout/reftests/css-ui-valid/input/input-customerror.html
new file mode 100644
index 0000000000..394b141473
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-customerror.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').setCustomValidity('foo');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if input has a custom error, it should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' id='t'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-disabled-fieldset-1.html b/layout/reftests/css-ui-valid/input/input-disabled-fieldset-1.html
new file mode 100644
index 0000000000..2a84501329
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <input class='notvalid'>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-disabled-fieldset-2.html b/layout/reftests/css-ui-valid/input/input-disabled-fieldset-2.html
new file mode 100644
index 0000000000..db13e2559b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <input class='notvalid'>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-disabled.html b/layout/reftests/css-ui-valid/input/input-disabled.html
new file mode 100644
index 0000000000..f658b2d0cd
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' disabled>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-dyn-disabled.html b/layout/reftests/css-ui-valid/input/input-dyn-disabled.html
new file mode 100644
index 0000000000..dc8978196e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-dyn-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').disabled='true'; document.documentElement.className='';">
+    <input class='notvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-dyn-not-disabled.html b/layout/reftests/css-ui-valid/input/input-dyn-not-disabled.html
new file mode 100644
index 0000000000..3ba00d7a5d
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-dyn-not-disabled.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is not disabled but its value hasn't been changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').removeAttribute('disabled');
+                document.documentElement.className='';">
+    <input class='notvalid' id='i' disabled>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-dyn-not-readonly.html b/layout/reftests/css-ui-valid/input/input-dyn-not-readonly.html
new file mode 100644
index 0000000000..9a6c92d39f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-dyn-not-readonly.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is no longer readonly and its value hasn't been changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').removeAttribute('readonly');
+                document.documentElement.className='';">
+    <input class='notvalid' id='i' readonly>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-dyn-readonly.html b/layout/reftests/css-ui-valid/input/input-dyn-readonly.html
new file mode 100644
index 0000000000..63cec69cb4
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-dyn-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').readOnly='ro'; document.documentElement.className='';">
+    <input class='notvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-email-invalid.html b/layout/reftests/css-ui-valid/input/input-email-invalid.html
new file mode 100644
index 0000000000..622ccc142e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-email-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='email' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-email-ref.html b/layout/reftests/css-ui-valid/input/input-email-ref.html
new file mode 100644
index 0000000000..ecec613c26
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-email-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='foo@bar.com' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-email-valid.html b/layout/reftests/css-ui-valid/input/input-email-valid.html
new file mode 100644
index 0000000000..05020dac8b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-email-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid but its value hasn't been changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='email' value='foo@bar.com'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-fieldset-legend-ref.html b/layout/reftests/css-ui-valid/input/input-fieldset-legend-ref.html
new file mode 100644
index 0000000000..8d39d91646
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <input style="background-color: green;"></input>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-fieldset-legend.html b/layout/reftests/css-ui-valid/input/input-fieldset-legend.html
new file mode 100644
index 0000000000..f48b46c1c3
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <input class='notvalid'></input>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-fieldset-ref.html b/layout/reftests/css-ui-valid/input/input-fieldset-ref.html
new file mode 100644
index 0000000000..a9e1239125
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset>
+        <input style="background-color: green;">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-file-ref.html b/layout/reftests/css-ui-valid/input/input-file-ref.html
new file mode 100644
index 0000000000..73a4fc64cc
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-file-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='file' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-file-valid-default.html b/layout/reftests/css-ui-valid/input/input-file-valid-default.html
new file mode 100644
index 0000000000..b940be643d
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-file-valid-default.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid but its default value hasn't been changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='file'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-pattern-invalid.html b/layout/reftests/css-ui-valid/input/input-pattern-invalid.html
new file mode 100644
index 0000000000..2efb1748cc
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-pattern-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' pattern='bar' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-pattern-valid.html b/layout/reftests/css-ui-valid/input/input-pattern-valid.html
new file mode 100644
index 0000000000..b9f4db273e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-pattern-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid but its value hasn't been changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' pattern='foo' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-radio-nogroup-required-valid.html b/layout/reftests/css-ui-valid/input/input-radio-nogroup-required-valid.html
new file mode 100644
index 0000000000..6808b0186b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-radio-nogroup-required-valid.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').checked = false;
+                if (document.getElementById('i').matches(':-moz-ui-valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='radio' required name='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-radio-required.html b/layout/reftests/css-ui-valid/input/input-radio-required.html
new file mode 100644
index 0000000000..8af43a24cc
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-radio-required.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').checked = false;
+                if (document.getElementById('i1').matches(':-moz-ui-valid') ||
+                    document.getElementById('i2').matches(':-moz-ui-valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i1' name='foo' type='radio' required>
+    <input id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-radio-valid-changed.html b/layout/reftests/css-ui-valid/input/input-radio-valid-changed.html
new file mode 100644
index 0000000000..77b5900e6b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-radio-valid-changed.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is valid and its checkedness has changed,
+             it should be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').checked = false;
+                if (!document.getElementById('i').matches(':-moz-ui-valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-radio-valid-default.html b/layout/reftests/css-ui-valid/input/input-radio-valid-default.html
new file mode 100644
index 0000000000..360aeb21fe
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-radio-valid-default.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is valid and its checkedness hasn't changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="if (document.getElementById('i').matches(':-moz-ui-valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-readonly.html b/layout/reftests/css-ui-valid/input/input-readonly.html
new file mode 100644
index 0000000000..f52a189f0b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' readonly>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-ref.html b/layout/reftests/css-ui-valid/input/input-ref.html
new file mode 100644
index 0000000000..65b4b97078
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-required-invalid.html b/layout/reftests/css-ui-valid/input/input-required-invalid.html
new file mode 100644
index 0000000000..56ac86422c
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-required-valid.html b/layout/reftests/css-ui-valid/input/input-required-valid.html
new file mode 100644
index 0000000000..a4fe4e0066
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and its value hasn't been changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' value='foo' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-reset.html b/layout/reftests/css-ui-valid/input/input-reset.html
new file mode 100644
index 0000000000..6e73d6a13a
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-reset.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of reset type, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <!-- Setting value to the empty string let us check against input-button-ref.html -->
+    <input class='notvalid' type='reset' value=''>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-type-barred.html b/layout/reftests/css-ui-valid/input/input-type-barred.html
new file mode 100644
index 0000000000..fea39eb5a8
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-type-barred.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if an input has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').type='button'; document.documentElement.className='';">
+    <input class='notvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-type-invalid.html b/layout/reftests/css-ui-valid/input/input-type-invalid.html
new file mode 100644
index 0000000000..b3e342aab9
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-type-invalid.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if an input has a custom error when barred from constraint
+             validation then move a type candidate for constraint validation,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function doTest()
+    {
+      var i = document.getElementById('i');
+      i.setCustomValidity('foo');
+      i.type = 'text';
+      document.documentElement.className='';
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  <body>
+    <input class='notvalid' type='button' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-url-invalid.html b/layout/reftests/css-ui-valid/input/input-url-invalid.html
new file mode 100644
index 0000000000..f0f99a01e5
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-url-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='url' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-url-ref.html b/layout/reftests/css-ui-valid/input/input-url-ref.html
new file mode 100644
index 0000000000..e95cdbca2e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-url-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='http://mozilla.org/' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-url-valid.html b/layout/reftests/css-ui-valid/input/input-url-valid.html
new file mode 100644
index 0000000000..7d20970a4d
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-url-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and its value hasn't been changed,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='url' value='http://mozilla.org/'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/input/input-valid.html b/layout/reftests/css-ui-valid/input/input-valid.html
new file mode 100644
index 0000000000..0e0440d0e7
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and is not barred from constraint validation,
+             it should be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid'>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/input-withtext-ref.html b/layout/reftests/css-ui-valid/input/input-withtext-ref.html
new file mode 100644
index 0000000000..d54d052157
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/input-withtext-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='foo' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/input/reftest.list b/layout/reftests/css-ui-valid/input/reftest.list
new file mode 100644
index 0000000000..0bff5ad9cb
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/reftest.list
@@ -0,0 +1,28 @@
+== input-valid.html input-ref.html
+fuzzy(0-11,0-4) == input-customerror.html input-ref.html
+== input-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-not-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-readonly.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-readonly.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-not-readonly.html input-ref.html
+== input-required-valid.html input-withtext-ref.html
+fuzzy(0-1,0-3) == input-required-invalid.html input-ref.html
+== input-button.html input-button-ref.html
+== input-reset.html input-button-ref.html
+== input-email-invalid.html input-withtext-ref.html
+== input-email-valid.html input-email-ref.html
+== input-url-invalid.html input-withtext-ref.html
+== input-url-valid.html input-url-ref.html
+== input-pattern-valid.html input-withtext-ref.html
+== input-pattern-invalid.html input-withtext-ref.html
+== input-type-barred.html input-button-ref.html
+fuzzy(0-64,0-4) == input-type-invalid.html input-ref.html
+== input-disabled-fieldset-1.html input-fieldset-ref.html
+fuzzy(0-1,0-3) == input-disabled-fieldset-2.html input-fieldset-ref.html
+fuzzy(0-1,0-3) == input-fieldset-legend.html input-fieldset-legend-ref.html
+== input-checkbox-valid-default.html success-ref.html
+== input-file-valid-default.html input-file-ref.html
+== input-radio-required.html success-ref.html
+== input-radio-nogroup-required-valid.html success-ref.html
+# input type='hidden' shouldn't show
diff --git a/layout/reftests/css-ui-valid/input/style.css b/layout/reftests/css-ui-valid/input/style.css
new file mode 100644
index 0000000000..aa3f74b3c7
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+input:invalid {
+  box-shadow: none;
+}
+
+input.notvalid {
+  background-color: green;
+}
+input.notvalid:-moz-ui-valid {
+  background-color: red;
+}
+
+input.valid {
+  background-color: red;
+}
+input.valid:-moz-ui-valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-ui-valid/input/success-ref.html b/layout/reftests/css-ui-valid/input/success-ref.html
new file mode 100644
index 0000000000..bfa8e0a12c
--- /dev/null
+++ b/layout/reftests/css-ui-valid/input/success-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    SUCCESS
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/output/output-invalid.html b/layout/reftests/css-ui-valid/output/output-invalid.html
new file mode 100644
index 0000000000..83e824350f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/output-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if output has a custom error, it should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <output class='notvalid' id='b'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/output/output-ref.html b/layout/reftests/css-ui-valid/output/output-ref.html
new file mode 100644
index 0000000000..0db2c440c7
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='ref'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/output/output-valid.html b/layout/reftests/css-ui-valid/output/output-valid.html
new file mode 100644
index 0000000000..7f6d68f406
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/output-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if output has no custom error, it should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='valid'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/output/reftest.list b/layout/reftests/css-ui-valid/output/reftest.list
new file mode 100644
index 0000000000..a31b0da210
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/reftest.list
@@ -0,0 +1,2 @@
+skip-if(ThreadSanitizer) == output-valid.html output-ref.html
+== output-invalid.html output-ref.html
diff --git a/layout/reftests/css-ui-valid/output/style.css b/layout/reftests/css-ui-valid/output/style.css
new file mode 100644
index 0000000000..1af22d9b38
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/style.css
@@ -0,0 +1,22 @@
+/* Override default style */
+output {
+  color: black;
+}
+
+output.notvalid {
+  color: green;
+}
+output.notvalid:-moz-ui-valid {
+  color: red;
+}
+
+output.valid {
+  color: green;
+}
+output.valid:-moz-ui-valid {
+  color: red;
+}
+
+output.ref {
+  color: green;
+}
diff --git a/layout/reftests/css-ui-valid/reftest.list b/layout/reftests/css-ui-valid/reftest.list
new file mode 100644
index 0000000000..5a765bd718
--- /dev/null
+++ b/layout/reftests/css-ui-valid/reftest.list
@@ -0,0 +1,6 @@
+# :-moz-ui-valid should apply on the following elements
+include button/reftest.list
+include input/reftest.list
+include select/reftest.list
+include textarea/reftest.list
+include output/reftest.list
diff --git a/layout/reftests/css-ui-valid/select/reftest.list b/layout/reftests/css-ui-valid/select/reftest.list
new file mode 100644
index 0000000000..27cd9949a1
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/reftest.list
@@ -0,0 +1,14 @@
+skip-if(ThreadSanitizer) fuzzy-if(Android,0-8,0-1) needs-focus == select-valid.html select-ref.html
+fuzzy(0-2,0-5) needs-focus == select-valid-reset.html select-required-ref.html
+fuzzy(0-1,0-3) needs-focus == select-invalid.html select-ref.html
+fuzzy(0-2,0-4) needs-focus == select-disabled.html select-disabled-ref.html
+fuzzy(0-2,0-4) needs-focus == select-dyn-disabled.html select-disabled-ref.html
+fuzzy(0-1,0-3) needs-focus == select-dyn-not-disabled.html select-ref.html
+fuzzy(0-2,0-5) needs-focus == select-required-invalid.html select-required-ref.html
+fuzzy(0-2,0-5) needs-focus == select-required-valid-1.html select-required-ref.html
+fuzzy(0-2,0-5) needs-focus == select-required-valid-2.html select-required-ref.html
+needs-focus == select-required-multiple-invalid.html select-required-multiple-ref.html
+needs-focus == select-required-multiple-valid.html select-required-multiple-ref.html
+fuzzy-if(Android,0-9,0-1) needs-focus == select-disabled-fieldset-1.html select-fieldset-ref.html
+fuzzy-if(!Android,0-2,0-10) needs-focus == select-disabled-fieldset-2.html select-fieldset-ref.html
+fuzzy(0-2,0-10) needs-focus == select-fieldset-legend.html select-fieldset-legend-ref.html
diff --git a/layout/reftests/css-ui-valid/select/select-disabled-fieldset-1.html b/layout/reftests/css-ui-valid/select/select-disabled-fieldset-1.html
new file mode 100644
index 0000000000..43a6941f47
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <select class='notvalid'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-disabled-fieldset-2.html b/layout/reftests/css-ui-valid/select/select-disabled-fieldset-2.html
new file mode 100644
index 0000000000..22b2fe780b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <select class='notvalid'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-disabled-ref.html b/layout/reftests/css-ui-valid/select/select-disabled-ref.html
new file mode 100644
index 0000000000..e3a228a897
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select disabled style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-disabled.html b/layout/reftests/css-ui-valid/select/select-disabled.html
new file mode 100644
index 0000000000..0a33953203
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' disabled></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-dyn-disabled.html b/layout/reftests/css-ui-valid/select/select-dyn-disabled.html
new file mode 100644
index 0000000000..43054fd565
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-dyn-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').disabled='true'; document.documentElement.className='';">
+    <select class='notvalid' id='s'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-dyn-not-disabled.html b/layout/reftests/css-ui-valid/select/select-dyn-not-disabled.html
new file mode 100644
index 0000000000..fbf34b0203
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-dyn-not-disabled.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is not disabled but it's value hasn't changed,
+             it should not be affected:-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').removeAttribute('disabled');
+                document.documentElement.className='';">
+    <select class='notvalid' id='s' disabled></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-fieldset-legend-ref.html b/layout/reftests/css-ui-valid/select/select-fieldset-legend-ref.html
new file mode 100644
index 0000000000..5083cea90d
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <select style="background-color: green;"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-fieldset-legend.html b/layout/reftests/css-ui-valid/select/select-fieldset-legend.html
new file mode 100644
index 0000000000..9711f39c2b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <select class='notvalid'></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-fieldset-ref.html b/layout/reftests/css-ui-valid/select/select-fieldset-ref.html
new file mode 100644
index 0000000000..ca82a8022d
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset>
+        <select disabled style="background-color: green;"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-invalid.html b/layout/reftests/css-ui-valid/select/select-invalid.html
new file mode 100644
index 0000000000..83a3b79f28
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a custom error, it should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').setCustomValidity('foo'); document.documentElement.className='';">
+    <select class='notvalid' id='s'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-ref.html b/layout/reftests/css-ui-valid/select/select-ref.html
new file mode 100644
index 0000000000..a28668557f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-required-invalid.html b/layout/reftests/css-ui-valid/select/select-required-invalid.html
new file mode 100644
index 0000000000..e4569fb0ff
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-required-invalid.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a select option which has an empty
+             string value, :-moz-ui-valid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' required>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html></html>
diff --git a/layout/reftests/css-ui-valid/select/select-required-multiple-invalid.html b/layout/reftests/css-ui-valid/select/select-required-multiple-invalid.html
new file mode 100644
index 0000000000..4a862dbca0
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-required-multiple-invalid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has all selected option value set to the
+             string string, :-moz-ui-valid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' required multiple>
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-required-multiple-ref.html b/layout/reftests/css-ui-valid/select/select-required-multiple-ref.html
new file mode 100644
index 0000000000..a9477333f8
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-required-multiple-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select multiple style="background-color: green;">
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-required-multiple-valid.html b/layout/reftests/css-ui-valid/select/select-required-multiple-valid.html
new file mode 100644
index 0000000000..572d6477f5
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-required-multiple-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has at least one option selected but the
+             selection didn't changed, :-moz-ui-valid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' required multiple>
+      <option selected></option>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-required-ref.html b/layout/reftests/css-ui-valid/select/select-required-ref.html
new file mode 100644
index 0000000000..3c2bde80a0
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-required-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select style="background-color: green;">
+      <option selected value="">foo</option>
+    </selecT>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-required-valid-1.html b/layout/reftests/css-ui-valid/select/select-required-valid-1.html
new file mode 100644
index 0000000000..a092e3fcb5
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-required-valid-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a selected option but the selection
+             didn't changed, :-moz-ui-valid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' required>
+      <option>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-required-valid-2.html b/layout/reftests/css-ui-valid/select/select-required-valid-2.html
new file mode 100644
index 0000000000..c4cf9aec50
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-required-valid-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a selected option but the selection
+             didn't changed, :-moz-ui-valid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' required>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-valid-reset.html b/layout/reftests/css-ui-valid/select/select-valid-reset.html
new file mode 100644
index 0000000000..a2b22a1768
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-valid-reset.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <!-- Test: if select has no custom error and is not barred from constraint
+             validation, it should be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').selectedIndex = 0;
+                document.forms[0].reset();
+                document.documentElement.className ='';">
+    <form>
+      <select id='s' class='notvalid' required>
+        <option>foo</option>
+      </select>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/select-valid.html b/layout/reftests/css-ui-valid/select/select-valid.html
new file mode 100644
index 0000000000..e3adb623d8
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/select-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has no custom error and is not barred from constraint
+             validation, it should be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/select/style.css b/layout/reftests/css-ui-valid/select/style.css
new file mode 100644
index 0000000000..ea29b7ad09
--- /dev/null
+++ b/layout/reftests/css-ui-valid/select/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+select:invalid {
+  box-shadow: none;
+}
+
+select.notvalid {
+  background-color: green;
+}
+select.notvalid:-moz-ui-valid {
+  background-color: red;
+}
+
+select.valid {
+  background-color: red;
+}
+select.valid:-moz-ui-valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-ui-valid/textarea/reftest.list b/layout/reftests/css-ui-valid/textarea/reftest.list
new file mode 100644
index 0000000000..d290f294f3
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/reftest.list
@@ -0,0 +1,13 @@
+== textarea-valid.html textarea-ref.html
+== textarea-customerror.html textarea-ref.html
+== textarea-disabled.html textarea-ref.html
+== textarea-dyn-disabled.html textarea-ref.html
+== textarea-dyn-not-disabled.html textarea-ref.html
+== textarea-readonly.html textarea-ref.html
+== textarea-dyn-readonly.html textarea-ref.html
+== textarea-dyn-not-readonly.html textarea-ref.html
+== textarea-required-valid.html textarea-withtext-ref.html
+== textarea-required-invalid.html textarea-ref.html
+== textarea-disabled-fieldset-1.html textarea-fieldset-ref.html
+== textarea-disabled-fieldset-2.html textarea-fieldset-ref.html
+== textarea-fieldset-legend.html textarea-fieldset-legend-ref.html
diff --git a/layout/reftests/css-ui-valid/textarea/style.css b/layout/reftests/css-ui-valid/textarea/style.css
new file mode 100644
index 0000000000..3ffe6c687b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/style.css
@@ -0,0 +1,26 @@
+/* Override default style */
+textarea {
+  border: 0px;
+}
+
+textarea.ref {
+  background-color: green;
+}
+
+textarea:invalid {
+  box-shadow: none;
+}
+
+textarea.notvalid {
+  background-color: green;
+}
+textarea.notvalid:-moz-ui-valid {
+  background-color: red;
+}
+
+textarea.valid {
+  background-color: red;
+}
+textarea.valid:-moz-ui-valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-customerror.html b/layout/reftests/css-ui-valid/textarea/textarea-customerror.html
new file mode 100644
index 0000000000..f21239e47e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-customerror.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').setCustomValidity('foo');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea has a custom error, it should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html
new file mode 100644
index 0000000000..51c99bbbd9
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notvalid'></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html
new file mode 100644
index 0000000000..4b7c6a7516
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :-moz-ui-valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notvalid'></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-disabled.html b/layout/reftests/css-ui-valid/textarea/textarea-disabled.html
new file mode 100644
index 0000000000..12748dfa2e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' disabled></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html
new file mode 100644
index 0000000000..2759b856f3
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').disabled='true';
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is disabled, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html
new file mode 100644
index 0000000000..0f59aa6131
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').removeAttribute('disabled');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is not disabled but its value hasn't been modified,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t' disabled></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html
new file mode 100644
index 0000000000..a797d13897
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').removeAttribute('readonly');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is no longer readonly but its value hasn't been modified,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t' readonly></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html
new file mode 100644
index 0000000000..6350ac4fba
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').readOnly='ro';
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html
new file mode 100644
index 0000000000..8e81d23f1f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html
new file mode 100644
index 0000000000..8ec6163742
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <textarea class='notvalid'></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html
new file mode 100644
index 0000000000..1d01eb0438
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <fieldset>
+        <textarea class="ref"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-readonly.html b/layout/reftests/css-ui-valid/textarea/textarea-readonly.html
new file mode 100644
index 0000000000..f75dea1716
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' readonly></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-ref.html
new file mode 100644
index 0000000000..b370a02a0f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html b/layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html
new file mode 100644
index 0000000000..adbef2e790
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea isn't valid nor barred from constraint validation,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' required></textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-required-valid.html b/layout/reftests/css-ui-valid/textarea/textarea-required-valid.html
new file mode 100644
index 0000000000..e7cf83dc6e
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid but its value hasn't been modified,
+             it should not be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' required>foo</textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-valid.html b/layout/reftests/css-ui-valid/textarea/textarea-valid.html
new file mode 100644
index 0000000000..4b24c17b59
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid and is not barred from constraint validation,
+             it should be affected by :-moz-ui-valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html
new file mode 100644
index 0000000000..a6a2b79cfa
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref">foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-ui/caret-color-01-ref.html b/layout/reftests/css-ui/caret-color-01-ref.html
new file mode 100644
index 0000000000..b516c92624
--- /dev/null
+++ b/layout/reftests/css-ui/caret-color-01-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+div {
+  font: 16px/1 Ahem;
+  width: 1em;
+  background: green;
+}
+</style>
+<div><span></span></div>
+<script>
+let $div = document.querySelector('div');
+let $span = document.querySelector('span');
+$div.style.height = $span.getBoundingClientRect().height + 'px';
+</script>
diff --git a/layout/reftests/css-ui/caret-color-01.html b/layout/reftests/css-ui/caret-color-01.html
new file mode 100644
index 0000000000..7e9d0b33ba
--- /dev/null
+++ b/layout/reftests/css-ui/caret-color-01.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+textarea {
+  caret-color: green;
+  font: 16px/1 Ahem;
+  outline: none;
+  border: 0 none;
+  resize: none;
+  padding: 0;
+  margin: 0;
+}
+</style>
+<textarea autofocus></textarea>
diff --git a/layout/reftests/css-ui/reftest.list b/layout/reftests/css-ui/reftest.list
new file mode 100644
index 0000000000..ac3ef57920
--- /dev/null
+++ b/layout/reftests/css-ui/reftest.list
@@ -0,0 +1 @@
+fails-if(useDrawSnapshot) pref(ui.caretWidth,16) needs-focus == caret-color-01.html caret-color-01-ref.html
diff --git a/layout/reftests/css-valid/button/button-button.html b/layout/reftests/css-valid/button/button-button.html
new file mode 100644
index 0000000000..dd3332294f
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is of the button type, it is barred from constraint
+             validation and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notvalid' type='button'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-disabled-fieldset-1.html b/layout/reftests/css-valid/button/button-disabled-fieldset-1.html
new file mode 100644
index 0000000000..74f7d371a7
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <button class='notvalid'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-disabled-fieldset-2.html b/layout/reftests/css-valid/button/button-disabled-fieldset-2.html
new file mode 100644
index 0000000000..4f18437d7b
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <button class='notvalid'></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-disabled-ref.html b/layout/reftests/css-valid/button/button-disabled-ref.html
new file mode 100644
index 0000000000..7de1ba7c5c
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;" disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-disabled.html b/layout/reftests/css-valid/button/button-disabled.html
new file mode 100644
index 0000000000..9e21f2ac2b
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-disabled.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notvalid' disabled></button>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/button/button-dyn-disabled.html b/layout/reftests/css-valid/button/button-dyn-disabled.html
new file mode 100644
index 0000000000..ef3436eb64
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-dyn-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').disabled='true'; document.documentElement.className='';">
+    <button class='notvalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-dyn-not-disabled.html b/layout/reftests/css-valid/button/button-dyn-not-disabled.html
new file mode 100644
index 0000000000..671573cc3e
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-dyn-not-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button is not disabled, it is candidate for constraint validation
+             and should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').removeAttribute('disabled'); document.documentElement.className='';">
+    <button class='valid' id='b' disabled></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-fieldset-legend-ref.html b/layout/reftests/css-valid/button/button-fieldset-legend-ref.html
new file mode 100644
index 0000000000..22adc433cd
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <button style="background-color: green;"></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-fieldset-legend.html b/layout/reftests/css-valid/button/button-fieldset-legend.html
new file mode 100644
index 0000000000..34159d6180
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <button class='valid'></button>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-fieldset-ref.html b/layout/reftests/css-valid/button/button-fieldset-ref.html
new file mode 100644
index 0000000000..d057de5ad7
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset disabled>
+        <button style="background-color: green;"></button>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/button/button-invalid.html b/layout/reftests/css-valid/button/button-invalid.html
new file mode 100644
index 0000000000..7583803dfa
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if button has a custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <button class='notvalid' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-ref.html b/layout/reftests/css-valid/button/button-ref.html
new file mode 100644
index 0000000000..422cc9315f
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <button style="background-color: green;"></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-reset.html b/layout/reftests/css-valid/button/button-reset.html
new file mode 100644
index 0000000000..81547909b1
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-reset.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button is of the reset type, it is barred from constraint
+             validation and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='notvalid' type='reset'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-type-barred.html b/layout/reftests/css-valid/button/button-type-barred.html
new file mode 100644
index 0000000000..b98377a819
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-type-barred.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').type='button'; document.documentElement.className='';">
+    <button class='notvalid' type='submit' id='b'></button>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/button/button-type-invalid.html b/layout/reftests/css-valid/button/button-type-invalid.html
new file mode 100644
index 0000000000..637f5aec5f
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-type-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if a button has a custom error when barred from constraint
+             validation then move a type candidate for constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onLoadHandler()
+    {
+      var b = document.getElementById('b');
+      b.setCustomValidity('foo');
+      b.type = 'submit';
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onLoadHandler();">
+    <button class='notvalid' type='button' id='b'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/button-valid.html b/layout/reftests/css-valid/button/button-valid.html
new file mode 100644
index 0000000000..f3f0be5ca1
--- /dev/null
+++ b/layout/reftests/css-valid/button/button-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if button has no custom error and is not barred from constraint
+             validation, it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <button class='valid'></button>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/button/reftest.list b/layout/reftests/css-valid/button/reftest.list
new file mode 100644
index 0000000000..e8ec2bd828
--- /dev/null
+++ b/layout/reftests/css-valid/button/reftest.list
@@ -0,0 +1,12 @@
+== button-valid.html button-ref.html
+fuzzy(0-1,0-3) == button-invalid.html button-ref.html
+== button-disabled.html button-disabled-ref.html
+== button-dyn-disabled.html button-disabled-ref.html
+fuzzy(0-1,0-3) == button-dyn-not-disabled.html button-ref.html
+fuzzy(0-1,0-3) == button-button.html button-ref.html
+fuzzy(0-1,0-3) == button-reset.html button-ref.html
+fuzzy(0-1,0-3) == button-type-invalid.html button-ref.html
+fuzzy(0-1,0-3) == button-type-barred.html button-ref.html
+== button-disabled-fieldset-1.html button-fieldset-ref.html
+fuzzy(0-1,0-3) == button-disabled-fieldset-2.html button-fieldset-ref.html
+== button-fieldset-legend.html button-fieldset-legend-ref.html
diff --git a/layout/reftests/css-valid/button/style.css b/layout/reftests/css-valid/button/style.css
new file mode 100644
index 0000000000..23ea98031c
--- /dev/null
+++ b/layout/reftests/css-valid/button/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+button:invalid {
+  box-shadow: none;
+}
+
+button.notvalid {
+  background-color: green;
+}
+button.notvalid:valid {
+  background-color: red;
+}
+
+button.valid {
+  background-color: red;
+}
+button.valid:valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-valid/fieldset/fieldset-invalid.html b/layout/reftests/css-valid/fieldset/fieldset-invalid.html
new file mode 100644
index 0000000000..139f4d4fa0
--- /dev/null
+++ b/layout/reftests/css-valid/fieldset/fieldset-invalid.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: fieldset undergoes constraint validation.
+             It should be affected by :invalid pseudo-class. -->
+  <style>
+    fieldset:invalid { display: none; }
+  </style>
+  <body onload="document.getElementById('f').setCustomValidity('foo'); document.documentElement.className='';">
+    <fieldset>
+      <input id='f'>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/fieldset/fieldset-valid.html b/layout/reftests/css-valid/fieldset/fieldset-valid.html
new file mode 100644
index 0000000000..8f99cb0218
--- /dev/null
+++ b/layout/reftests/css-valid/fieldset/fieldset-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: fieldset undergoes constraint validation.
+             It should be affected by :valid pseudo-class. -->
+  <style>
+    fieldset:valid { display: none; }
+  </style>
+  <body>
+    <fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/fieldset/reftest.list b/layout/reftests/css-valid/fieldset/reftest.list
new file mode 100644
index 0000000000..a70ab664be
--- /dev/null
+++ b/layout/reftests/css-valid/fieldset/reftest.list
@@ -0,0 +1,2 @@
+== fieldset-valid.html about:blank
+== fieldset-invalid.html about:blank
diff --git a/layout/reftests/css-valid/input/input-button-ref.html b/layout/reftests/css-valid/input/input-button-ref.html
new file mode 100644
index 0000000000..3b828533e3
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-button-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='button' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-button.html b/layout/reftests/css-valid/input/input-button.html
new file mode 100644
index 0000000000..f367111ce7
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-button.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of button type, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='button'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-customerror.html b/layout/reftests/css-valid/input/input-customerror.html
new file mode 100644
index 0000000000..5553bf8552
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-customerror.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').setCustomValidity('foo');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if input has a custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' id='t'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-disabled-fieldset-1.html b/layout/reftests/css-valid/input/input-disabled-fieldset-1.html
new file mode 100644
index 0000000000..114447a3f3
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <input class='notvalid'>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-disabled-fieldset-2.html b/layout/reftests/css-valid/input/input-disabled-fieldset-2.html
new file mode 100644
index 0000000000..d00df76a52
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <input class='notvalid'>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-disabled.html b/layout/reftests/css-valid/input/input-disabled.html
new file mode 100644
index 0000000000..adbae0e037
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' disabled>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-dyn-disabled.html b/layout/reftests/css-valid/input/input-dyn-disabled.html
new file mode 100644
index 0000000000..5ad8314228
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-dyn-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').disabled='true'; document.documentElement.className='';">
+    <input class='notvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-dyn-not-disabled.html b/layout/reftests/css-valid/input/input-dyn-not-disabled.html
new file mode 100644
index 0000000000..1f693b4f7d
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-dyn-not-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is not disabled, it is candidate for constraint validation
+             and should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').removeAttribute('disabled'); document.documentElement.className='';">
+    <input class='valid' id='i' disabled>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-dyn-not-readonly.html b/layout/reftests/css-valid/input/input-dyn-not-readonly.html
new file mode 100644
index 0000000000..f77588ec91
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-dyn-not-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is no longer readonly, it is candidate for constraint
+             validation and should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').removeAttribute('readonly'); document.documentElement.className='';">
+    <input class='valid' id='i' readonly>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-dyn-readonly.html b/layout/reftests/css-valid/input/input-dyn-readonly.html
new file mode 100644
index 0000000000..3fb4aae976
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-dyn-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').readOnly='ro'; document.documentElement.className='';">
+    <input class='notvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-email-invalid.html b/layout/reftests/css-valid/input/input-email-invalid.html
new file mode 100644
index 0000000000..1c17776730
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-email-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='email' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-email-ref.html b/layout/reftests/css-valid/input/input-email-ref.html
new file mode 100644
index 0000000000..ecec613c26
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-email-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='foo@bar.com' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-email-valid.html b/layout/reftests/css-valid/input/input-email-valid.html
new file mode 100644
index 0000000000..4f08160588
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-email-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='valid' type='email' value='foo@bar.com'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-fieldset-legend-ref.html b/layout/reftests/css-valid/input/input-fieldset-legend-ref.html
new file mode 100644
index 0000000000..8d39d91646
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <input style="background-color: green;"></input>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-fieldset-legend.html b/layout/reftests/css-valid/input/input-fieldset-legend.html
new file mode 100644
index 0000000000..7c454f3604
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <input class='valid'></input>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-fieldset-ref.html b/layout/reftests/css-valid/input/input-fieldset-ref.html
new file mode 100644
index 0000000000..a9e1239125
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset>
+        <input style="background-color: green;">
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-image-ref.html b/layout/reftests/css-valid/input/input-image-ref.html
new file mode 100644
index 0000000000..6c014b8954
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-image-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='image' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-image.html b/layout/reftests/css-valid/input/input-image.html
new file mode 100644
index 0000000000..de4cce3d3d
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-image.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of image type, has no custom error and is not barred
+             from constraint validation, it should be affected by :valid pseudo-class -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='valid' type='image'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-pattern-invalid.html b/layout/reftests/css-valid/input/input-pattern-invalid.html
new file mode 100644
index 0000000000..a7172bb46b
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-pattern-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' pattern='bar' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-pattern-valid.html b/layout/reftests/css-valid/input/input-pattern-valid.html
new file mode 100644
index 0000000000..1ed74225c6
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-pattern-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='valid' pattern='foo' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-radio-customerror.html b/layout/reftests/css-valid/input/input-radio-customerror.html
new file mode 100644
index 0000000000..296bd5a4c9
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-radio-customerror.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').setCustomValidity('foo');
+                if (document.getElementById('i1').matches(':valid') ||
+                    !document.getElementById('i2').matches(':valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i1' name='foo' type='radio'>
+    <input id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-radio-dyn-valid-1.html b/layout/reftests/css-valid/input/input-radio-dyn-valid-1.html
new file mode 100644
index 0000000000..5d5ca72c7e
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-radio-dyn-valid-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').checked = true;
+                if (!document.getElementById('i1').matches(':valid') ||
+                    !document.getElementById('i2').matches(':valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i1' name='foo' type='radio' required>
+    <input id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-radio-dyn-valid-2.html b/layout/reftests/css-valid/input/input-radio-dyn-valid-2.html
new file mode 100644
index 0000000000..ebece2b4c8
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-radio-dyn-valid-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i1').required = false;
+                if (!document.getElementById('i1').matches(':valid') ||
+                    !document.getElementById('i2').matches(':valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i1' name='foo' type='radio' required>
+    <input id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-radio-nogroup-required-invalid.html b/layout/reftests/css-valid/input/input-radio-nogroup-required-invalid.html
new file mode 100644
index 0000000000..765de1cb2a
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-radio-nogroup-required-invalid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="if (!document.getElementById('i').matches(':valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='radio' checked required>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-radio-nogroup-required-valid.html b/layout/reftests/css-valid/input/input-radio-nogroup-required-valid.html
new file mode 100644
index 0000000000..c096613e25
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-radio-nogroup-required-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="if (document.getElementById('i').matches(':valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i' type='radio' required name='s'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-radio-required.html b/layout/reftests/css-valid/input/input-radio-required.html
new file mode 100644
index 0000000000..f1e056d36d
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-radio-required.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="if (document.getElementById('i1').matches(':valid') ||
+                    document.getElementById('i2').matches(':valid')) {
+                  document.body.textContent='FAIL';
+                } else {
+                  document.body.textContent='SUCCESS';
+                }
+                document.documentElement.className='';">
+    <input id='i1' name='foo' type='radio' required>
+    <input id='i2' name='foo' type='radio'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-readonly.html b/layout/reftests/css-valid/input/input-readonly.html
new file mode 100644
index 0000000000..d8c1f494a7
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is readonly, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' readonly>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-ref.html b/layout/reftests/css-valid/input/input-ref.html
new file mode 100644
index 0000000000..65b4b97078
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-required-invalid.html b/layout/reftests/css-valid/input/input-required-invalid.html
new file mode 100644
index 0000000000..59c89358e4
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-required-valid.html b/layout/reftests/css-valid/input/input-required-valid.html
new file mode 100644
index 0000000000..38d6632a2c
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='valid' value='foo' required>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-reset.html b/layout/reftests/css-valid/input/input-reset.html
new file mode 100644
index 0000000000..7f03b9f81b
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-reset.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of reset type, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <!-- Setting value to the empty string let us check against input-button-ref.html -->
+    <input class='notvalid' type='reset' value=''>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-submit-ref.html b/layout/reftests/css-valid/input/input-submit-ref.html
new file mode 100644
index 0000000000..d758ea56a6
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-submit-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='submit' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-submit.html b/layout/reftests/css-valid/input/input-submit.html
new file mode 100644
index 0000000000..585de71d77
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-submit.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is of button type, has no custom error and is not barred
+             from constraint validation, it should be affected by :valid pseudo-class -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='valid' type='submit'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-type-barred.html b/layout/reftests/css-valid/input/input-type-barred.html
new file mode 100644
index 0000000000..34581c1b34
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-type-barred.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if an input has is candidate for constraint validation then change
+             its type to be barred from constraint validation, it should not be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('i').type='button'; document.documentElement.className='';">
+    <input class='notvalid' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-type-invalid.html b/layout/reftests/css-valid/input/input-type-invalid.html
new file mode 100644
index 0000000000..70273c6ec9
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-type-invalid.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if an input has a custom error when barred from constraint
+             validation then move a type candidate for constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function doTest()
+    {
+      var i = document.getElementById('i');
+      i.setCustomValidity('foo');
+      i.type = 'text';
+      document.documentElement.className='';
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  <body>
+    <input class='notvalid' type='button' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-url-invalid.html b/layout/reftests/css-valid/input/input-url-invalid.html
new file mode 100644
index 0000000000..06300d6327
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-url-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input isn't valid nor barred from constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='notvalid' type='url' value='foo'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-url-ref.html b/layout/reftests/css-valid/input/input-url-ref.html
new file mode 100644
index 0000000000..e95cdbca2e
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-url-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='http://mozilla.org/' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-url-valid.html b/layout/reftests/css-valid/input/input-url-valid.html
new file mode 100644
index 0000000000..319f67e17e
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-url-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and not barred from constraint validation,
+             it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='valid' type='url' value='http://mozilla.org/'>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/input/input-valid.html b/layout/reftests/css-valid/input/input-valid.html
new file mode 100644
index 0000000000..88c07045b3
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if input is valid and is not barred from constraint validation,
+             it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <input class='valid'>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/input-withtext-ref.html b/layout/reftests/css-valid/input/input-withtext-ref.html
new file mode 100644
index 0000000000..d54d052157
--- /dev/null
+++ b/layout/reftests/css-valid/input/input-withtext-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input value='foo' style="background-color: green;">
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/input/reftest.list b/layout/reftests/css-valid/input/reftest.list
new file mode 100644
index 0000000000..8d045e07f1
--- /dev/null
+++ b/layout/reftests/css-valid/input/reftest.list
@@ -0,0 +1,32 @@
+== input-valid.html input-ref.html
+fuzzy(0-64,0-4) == input-customerror.html input-ref.html
+fuzzy(0-1,0-3) == input-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-not-disabled.html input-ref.html
+fuzzy(0-1,0-3) == input-readonly.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-readonly.html input-ref.html
+fuzzy(0-1,0-3) == input-dyn-not-readonly.html input-ref.html
+== input-required-valid.html input-withtext-ref.html
+fuzzy(0-1,0-3) == input-required-invalid.html input-ref.html
+fuzzy(0-2,0-5) == input-button.html input-button-ref.html
+fuzzy(0-2,0-5) == input-reset.html input-button-ref.html
+== input-email-invalid.html input-withtext-ref.html
+fuzzy(0-2,0-5) == input-email-valid.html input-email-ref.html
+== input-url-invalid.html input-withtext-ref.html
+== input-url-valid.html input-url-ref.html
+== input-pattern-valid.html input-withtext-ref.html
+== input-pattern-invalid.html input-withtext-ref.html
+fuzzy(0-2,0-5) == input-type-barred.html input-button-ref.html
+fuzzy(0-64,0-4) == input-type-invalid.html input-ref.html
+== input-disabled-fieldset-1.html input-fieldset-ref.html
+fuzzy(0-1,0-3) == input-disabled-fieldset-2.html input-fieldset-ref.html
+== input-fieldset-legend.html input-fieldset-legend-ref.html
+== input-radio-required.html success-ref.html
+== input-radio-customerror.html success-ref.html
+== input-radio-dyn-valid-1.html success-ref.html
+== input-radio-dyn-valid-2.html success-ref.html
+== input-radio-nogroup-required-valid.html success-ref.html
+== input-radio-nogroup-required-invalid.html success-ref.html
+== input-submit.html input-submit-ref.html
+== input-image.html input-image-ref.html
+# input type='hidden' shouldn't show
diff --git a/layout/reftests/css-valid/input/style.css b/layout/reftests/css-valid/input/style.css
new file mode 100644
index 0000000000..81c09c3e20
--- /dev/null
+++ b/layout/reftests/css-valid/input/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+input:invalid {
+  box-shadow: none;
+}
+
+input.notvalid {
+  background-color: green;
+}
+input.notvalid:valid {
+  background-color: red;
+}
+
+input.valid {
+  background-color: red;
+}
+input.valid:valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-valid/input/success-ref.html b/layout/reftests/css-valid/input/success-ref.html
new file mode 100644
index 0000000000..bfa8e0a12c
--- /dev/null
+++ b/layout/reftests/css-valid/input/success-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    SUCCESS
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/output/output-invalid.html b/layout/reftests/css-valid/output/output-invalid.html
new file mode 100644
index 0000000000..dc0abeb347
--- /dev/null
+++ b/layout/reftests/css-valid/output/output-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if output has a custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <output class='notvalid' id='b'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/output/output-ref.html b/layout/reftests/css-valid/output/output-ref.html
new file mode 100644
index 0000000000..0db2c440c7
--- /dev/null
+++ b/layout/reftests/css-valid/output/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='ref'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/output/output-valid.html b/layout/reftests/css-valid/output/output-valid.html
new file mode 100644
index 0000000000..2e14a8ec67
--- /dev/null
+++ b/layout/reftests/css-valid/output/output-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if output has no custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='valid'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/output/reftest.list b/layout/reftests/css-valid/output/reftest.list
new file mode 100644
index 0000000000..74468e394a
--- /dev/null
+++ b/layout/reftests/css-valid/output/reftest.list
@@ -0,0 +1,2 @@
+== output-valid.html output-ref.html
+== output-invalid.html output-ref.html
diff --git a/layout/reftests/css-valid/output/style.css b/layout/reftests/css-valid/output/style.css
new file mode 100644
index 0000000000..b5ab09a3f2
--- /dev/null
+++ b/layout/reftests/css-valid/output/style.css
@@ -0,0 +1,22 @@
+/* Override default style */
+output {
+  color: black;
+}
+
+output.notvalid {
+  color: green;
+}
+output.notvalid:valid {
+  color: red;
+}
+
+output.valid {
+  color: green;
+}
+output.valid:valid {
+  color: red;
+}
+
+output.ref {
+  color: green;
+}
diff --git a/layout/reftests/css-valid/reftest.list b/layout/reftests/css-valid/reftest.list
new file mode 100644
index 0000000000..12f5b0318d
--- /dev/null
+++ b/layout/reftests/css-valid/reftest.list
@@ -0,0 +1,9 @@
+# :valid should not apply on fieldset (always barred from constraint validation)
+include fieldset/reftest.list
+
+# :valid should apply on the following elements
+include button/reftest.list
+include input/reftest.list
+include select/reftest.list
+include textarea/reftest.list
+include output/reftest.list
diff --git a/layout/reftests/css-valid/select/reftest.list b/layout/reftests/css-valid/select/reftest.list
new file mode 100644
index 0000000000..1044775949
--- /dev/null
+++ b/layout/reftests/css-valid/select/reftest.list
@@ -0,0 +1,12 @@
+fuzzy(0-2,0-7) needs-focus == select-valid.html select-ref.html
+fuzzy(0-2,0-5) needs-focus == select-invalid.html select-ref.html
+needs-focus == select-disabled.html select-disabled-ref.html
+fuzzy(0-1,0-5) needs-focus == select-dyn-disabled.html select-disabled-ref.html
+fuzzy(0-2,0-5) needs-focus == select-dyn-not-disabled.html select-ref.html
+needs-focus == select-required-invalid.html select-required-ref.html
+needs-focus == select-required-valid.html select-required-ref.html
+needs-focus == select-required-multiple-still-valid.html select-required-multiple-ref.html
+fuzzy(0-1,0-250) needs-focus == select-required-multiple-valid.html select-required-multiple-ref.html
+needs-focus == select-disabled-fieldset-1.html select-fieldset-ref.html
+fuzzy-if(!Android,0-1,0-3) needs-focus == select-disabled-fieldset-2.html select-fieldset-ref.html
+needs-focus == select-fieldset-legend.html select-fieldset-legend-ref.html
diff --git a/layout/reftests/css-valid/select/select-disabled-fieldset-1.html b/layout/reftests/css-valid/select/select-disabled-fieldset-1.html
new file mode 100644
index 0000000000..856dc9c69d
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <select class='notvalid'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-disabled-fieldset-2.html b/layout/reftests/css-valid/select/select-disabled-fieldset-2.html
new file mode 100644
index 0000000000..c05671a73b
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <select class='notvalid'></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-disabled-ref.html b/layout/reftests/css-valid/select/select-disabled-ref.html
new file mode 100644
index 0000000000..e3a228a897
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-disabled-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select disabled style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-disabled.html b/layout/reftests/css-valid/select/select-disabled.html
new file mode 100644
index 0000000000..4d03a70f80
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' disabled></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-dyn-disabled.html b/layout/reftests/css-valid/select/select-dyn-disabled.html
new file mode 100644
index 0000000000..b37feda47a
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-dyn-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').disabled='true'; document.documentElement.className='';">
+    <select class='notvalid' id='s'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-dyn-not-disabled.html b/layout/reftests/css-valid/select/select-dyn-not-disabled.html
new file mode 100644
index 0000000000..debad37641
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-dyn-not-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select is not disabled, it is candidate for constraint validation
+             and should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').removeAttribute('disabled'); document.documentElement.className='';">
+    <select class='valid' id='s' disabled></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-fieldset-legend-ref.html b/layout/reftests/css-valid/select/select-fieldset-legend-ref.html
new file mode 100644
index 0000000000..5083cea90d
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-fieldset-legend-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <legend>
+        <select style="background-color: green;"></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-fieldset-legend.html b/layout/reftests/css-valid/select/select-fieldset-legend.html
new file mode 100644
index 0000000000..5020bc0be9
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <select class='valid'></select>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-fieldset-ref.html b/layout/reftests/css-valid/select/select-fieldset-ref.html
new file mode 100644
index 0000000000..ca82a8022d
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-fieldset-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <fieldset>
+      <fieldset>
+        <select disabled style="background-color: green;"></select>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-invalid.html b/layout/reftests/css-valid/select/select-invalid.html
new file mode 100644
index 0000000000..a30a1555a6
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if select has a custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('s').setCustomValidity('foo'); document.documentElement.className='';">
+    <select class='notvalid' id='s'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-ref.html b/layout/reftests/css-valid/select/select-ref.html
new file mode 100644
index 0000000000..a28668557f
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select style="background-color: green;"></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-required-invalid.html b/layout/reftests/css-valid/select/select-required-invalid.html
new file mode 100644
index 0000000000..45e38acb78
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-required-invalid.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a select option which has an empty
+             string value, :valid should not apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='notvalid' required>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html></html>
diff --git a/layout/reftests/css-valid/select/select-required-multiple-ref.html b/layout/reftests/css-valid/select/select-required-multiple-ref.html
new file mode 100644
index 0000000000..a9477333f8
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-required-multiple-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select multiple style="background-color: green;">
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-required-multiple-still-valid.html b/layout/reftests/css-valid/select/select-required-multiple-still-valid.html
new file mode 100644
index 0000000000..d093c06772
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-required-multiple-still-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has all selected option value set to the
+             empty string, :valid should still apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='valid' required multiple>
+      <option selected></option>
+      <option selected value="">foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-required-multiple-valid.html b/layout/reftests/css-valid/select/select-required-multiple-valid.html
new file mode 100644
index 0000000000..6bf74d623b
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-required-multiple-valid.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a selected option which has value
+             different from the empty string, :valid should apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='valid' required multiple>
+      <option selected></option>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-required-ref.html b/layout/reftests/css-valid/select/select-required-ref.html
new file mode 100644
index 0000000000..3c2bde80a0
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-required-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select style="background-color: green;">
+      <option selected value="">foo</option>
+    </selecT>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-required-valid.html b/layout/reftests/css-valid/select/select-required-valid.html
new file mode 100644
index 0000000000..685995b673
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-required-valid.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select is required and has a select option which has value
+             different from the empty string, :valid should apply. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='valid' required>
+      <option selected>foo</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/select-valid.html b/layout/reftests/css-valid/select/select-valid.html
new file mode 100644
index 0000000000..aab4313401
--- /dev/null
+++ b/layout/reftests/css-valid/select/select-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if select has no custom error and is not barred from constraint
+             validation, it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <select class='valid'></select>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/select/style.css b/layout/reftests/css-valid/select/style.css
new file mode 100644
index 0000000000..32bb6a7f00
--- /dev/null
+++ b/layout/reftests/css-valid/select/style.css
@@ -0,0 +1,18 @@
+/* Override default style */
+select:invalid {
+  box-shadow: none;
+}
+
+select.notvalid {
+  background-color: green;
+}
+select.notvalid:valid {
+  background-color: red;
+}
+
+select.valid {
+  background-color: red;
+}
+select.valid:valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-valid/textarea/reftest.list b/layout/reftests/css-valid/textarea/reftest.list
new file mode 100644
index 0000000000..d290f294f3
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/reftest.list
@@ -0,0 +1,13 @@
+== textarea-valid.html textarea-ref.html
+== textarea-customerror.html textarea-ref.html
+== textarea-disabled.html textarea-ref.html
+== textarea-dyn-disabled.html textarea-ref.html
+== textarea-dyn-not-disabled.html textarea-ref.html
+== textarea-readonly.html textarea-ref.html
+== textarea-dyn-readonly.html textarea-ref.html
+== textarea-dyn-not-readonly.html textarea-ref.html
+== textarea-required-valid.html textarea-withtext-ref.html
+== textarea-required-invalid.html textarea-ref.html
+== textarea-disabled-fieldset-1.html textarea-fieldset-ref.html
+== textarea-disabled-fieldset-2.html textarea-fieldset-ref.html
+== textarea-fieldset-legend.html textarea-fieldset-legend-ref.html
diff --git a/layout/reftests/css-valid/textarea/style.css b/layout/reftests/css-valid/textarea/style.css
new file mode 100644
index 0000000000..5c74ec8ae4
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/style.css
@@ -0,0 +1,26 @@
+/* Override default style */
+textarea {
+  border: 0px;
+}
+
+textarea.ref {
+  background-color: green;
+}
+
+textarea:invalid {
+  box-shadow: none;
+}
+
+textarea.notvalid {
+  background-color: green;
+}
+textarea.notvalid:valid {
+  background-color: red;
+}
+
+textarea.valid {
+  background-color: red;
+}
+textarea.valid:valid {
+  background-color: green;
+}
diff --git a/layout/reftests/css-valid/textarea/textarea-customerror.html b/layout/reftests/css-valid/textarea/textarea-customerror.html
new file mode 100644
index 0000000000..175894ff7a
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-customerror.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').setCustomValidity('foo');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea has a custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-disabled-fieldset-1.html b/layout/reftests/css-valid/textarea/textarea-disabled-fieldset-1.html
new file mode 100644
index 0000000000..fcc093f028
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notvalid'></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-disabled-fieldset-2.html b/layout/reftests/css-valid/textarea/textarea-disabled-fieldset-2.html
new file mode 100644
index 0000000000..68070a86ed
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+             constraint validation and should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <script>
+    function onloadHandler()
+    {
+      var fieldsets = document.getElementsByTagName("fieldset");
+      fieldsets[1].disabled = true;
+      fieldsets[0].disabled = false;
+      document.documentElement.className='';
+    }
+  </script>
+  <body onload="onloadHandler();">
+    <fieldset disabled>
+      <fieldset>
+        <textarea class='notvalid'></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-disabled.html b/layout/reftests/css-valid/textarea/textarea-disabled.html
new file mode 100644
index 0000000000..ab6aebcc23
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' disabled></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-dyn-disabled.html b/layout/reftests/css-valid/textarea/textarea-dyn-disabled.html
new file mode 100644
index 0000000000..7d4591b557
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').disabled='true';
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is disabled, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-dyn-not-disabled.html b/layout/reftests/css-valid/textarea/textarea-dyn-not-disabled.html
new file mode 100644
index 0000000000..5c8bec1824
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-dyn-not-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').removeAttribute('disabled');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is not disabled, it is candidate for constraint validation
+             and should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='valid' id='t' disabled></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-dyn-not-readonly.html b/layout/reftests/css-valid/textarea/textarea-dyn-not-readonly.html
new file mode 100644
index 0000000000..d2eb59d740
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-dyn-not-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').removeAttribute('readonly');
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is no longer readonly, it is candidate for constraint
+             validation and should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='valid' id='t' readonly></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-dyn-readonly.html b/layout/reftests/css-valid/textarea/textarea-dyn-readonly.html
new file mode 100644
index 0000000000..0a0a4c846e
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-dyn-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById('t').readOnly='ro';
+        document.documentElement.className='';
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' id='t'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-fieldset-legend-ref.html b/layout/reftests/css-valid/textarea/textarea-fieldset-legend-ref.html
new file mode 100644
index 0000000000..8e81d23f1f
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-fieldset-legend-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <legend>
+        <textarea class="ref"></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-fieldset-legend.html b/layout/reftests/css-valid/textarea/textarea-fieldset-legend.html
new file mode 100644
index 0000000000..ff974a042f
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea has a disabled fieldset ancestor, but is in the first
+             legend, it is not barred from constraint validation and should be
+             affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset disabled>
+      <legend>
+        <textarea class='valid'></textarea>
+      </legend>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-fieldset-ref.html b/layout/reftests/css-valid/textarea/textarea-fieldset-ref.html
new file mode 100644
index 0000000000..1d01eb0438
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <fieldset>
+      <fieldset>
+        <textarea class="ref"></textarea>
+      </fieldset>
+    </fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-readonly.html b/layout/reftests/css-valid/textarea/textarea-readonly.html
new file mode 100644
index 0000000000..18f3b80574
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is readonly, it is barred from constraint validation
+             and should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' readonly></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-ref.html b/layout/reftests/css-valid/textarea/textarea-ref.html
new file mode 100644
index 0000000000..b370a02a0f
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-required-invalid.html b/layout/reftests/css-valid/textarea/textarea-required-invalid.html
new file mode 100644
index 0000000000..3e46efd45b
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea isn't valid nor barred from constraint validation,
+             it should not be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='notvalid' required></textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/textarea/textarea-required-valid.html b/layout/reftests/css-valid/textarea/textarea-required-valid.html
new file mode 100644
index 0000000000..f48dabcfc1
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid and not barred from constraint validation,
+             it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='valid' required>foo</textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/css-valid/textarea/textarea-valid.html b/layout/reftests/css-valid/textarea/textarea-valid.html
new file mode 100644
index 0000000000..1433fa839c
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if textarea is valid and is not barred from constraint validation,
+             it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class='valid'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/textarea/textarea-withtext-ref.html b/layout/reftests/css-valid/textarea/textarea-withtext-ref.html
new file mode 100644
index 0000000000..a6a2b79cfa
--- /dev/null
+++ b/layout/reftests/css-valid/textarea/textarea-withtext-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <textarea class="ref">foo</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/css-valuesandunits/ch-width-1-ref.html b/layout/reftests/css-valuesandunits/ch-width-1-ref.html
new file mode 100644
index 0000000000..588234be72
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/ch-width-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+body {
+  font-family: courier new, courier, monospace;
+  line-height: 1;
+}
+div {
+  width: 120px;
+  float: left;
+}
+span {
+  display: inline-block;
+  height: 1em;
+  background: lightgreen;
+}
+</style>
+<p>No red should appear at the tips of the rectangles:</p>
+<script>
+for (var i = 10; i <= 16; i++) {
+  var div = document.createElement("div");
+  div.style.fontSize = i + "px";
+  document.body.appendChild(div);
+  for (var j = 1; j <= 10; j++) {
+    // green span containing the specified number of chars
+    var b = document.createElement("span");
+    b.className = "b";
+    b.textContent = "\xA0".repeat(j);
+    div.appendChild(b);
+    div.appendChild(document.createElement("br"));
+    div.appendChild(document.createElement("br"));
+  }
+  for (var j = 1; j <= 10; j++) {
+    var b = document.createElement("span");
+    b.className = "b";
+    b.textContent = "\xA0".repeat(j);
+    div.appendChild(b);
+    div.appendChild(document.createElement("br"));
+    div.appendChild(document.createElement("br"));
+  }
+}
+</script>
diff --git a/layout/reftests/css-valuesandunits/ch-width-1.html b/layout/reftests/css-valuesandunits/ch-width-1.html
new file mode 100644
index 0000000000..92cd7bdcf6
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/ch-width-1.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<style>
+body {
+  font-family: courier new, courier, monospace;
+  line-height: 1;
+}
+div {
+  width: 120px;
+  float: left;
+}
+span {
+  display: inline-block;
+  height: 1em;
+}
+span.a {
+  background: red;
+}
+span.b {
+  position: relative;
+  top: -1em;
+  height: 1em;
+  background: lightgreen;
+}
+</style>
+<p>No red should appear at the tips of the rectangles:</p>
+<script>
+for (var i = 10; i <= 16; i++) {
+  var div = document.createElement("div");
+  div.style.fontSize = i + "px";
+  document.body.appendChild(div);
+  for (var j = 1; j <= 10; j++) {
+    // create a red span with width specified in 'ch' units
+    var a = document.createElement("span");
+    a.className = "a";
+    a.style.width = j + "ch";
+    a.textContent = "\xA0";
+    div.appendChild(a);
+    div.appendChild(document.createElement("br"));
+    // overlay it with a green span containing the equivalent number of chars
+    var b = document.createElement("span");
+    b.className = "b";
+    b.textContent = "\xA0".repeat(j);
+    div.appendChild(b);
+    div.appendChild(document.createElement("br"));
+  }
+  for (var j = 1; j <= 10; j++) {
+    // create a red span containing a specific number of chars
+    var a = document.createElement("span");
+    a.className = "a";
+    a.textContent = "\xA0".repeat(j);
+    div.appendChild(a);
+    div.appendChild(document.createElement("br"));
+    // overlay it with a green span with width specified in 'ch' units
+    var b = document.createElement("span");
+    b.className = "b";
+    b.style.width = j + "ch";
+    b.textContent = "\xA0";
+    div.appendChild(b);
+    div.appendChild(document.createElement("br"));
+  }
+}
+</script>
diff --git a/layout/reftests/css-valuesandunits/reftest.list b/layout/reftests/css-valuesandunits/reftest.list
new file mode 100644
index 0000000000..ce6a4e0623
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/reftest.list
@@ -0,0 +1,19 @@
+skip-if(ThreadSanitizer) == unit-rem-div-fontsize.html unit-rem-ref.html
+== unit-rem-div-width-inner.html unit-rem-ref.html
+== unit-rem-div-width-outer.html unit-rem-ref.html
+fuzzy-if(winWidget,0-27,0-4) == unit-rem-iframe.html unit-rem-ref-iframe.html
+== unit-rem-root-fontsize.html unit-rem-ref-root-fontsize.html
+== unit-rem-root-fontsize.html unit-rem-ref2-root-fontsize.html
+== unit-rem-root-width.html unit-rem-ref-root-width.html
+== unit-rem.svg unit-rem-ref.svg
+== unit-vh-vw.html unit-vh-vw-ref.html
+== unit-vh-vw-zoom.html unit-vh-vw-zoom-ref.html
+fuzzy(0-1,0-4) fuzzy-if(winWidget,0-4,0-51) fuzzy-if(gtkWidget,0-1,0-29) fuzzy-if(cocoaWidget,0-1,0-29) == unit-vh-vw-overflow-auto.html unit-vh-vw-overflow-auto-ref.html # fuzzy due to anti-aliasing pixels in scrollbar redendering
+
+# These tests should probably be removed, see bug 1393603.
+fails-if(!Android) == unit-vh-vw-overflow-scroll.html unit-vh-vw-overflow-scroll-ref.html
+fails-if(!Android) == unit-vh-vw-overflow-scroll-x.html unit-vh-vw-overflow-scroll-x-ref.html
+fails-if(!Android) == unit-vh-vw-overflow-scroll-y.html unit-vh-vw-overflow-scroll-y-ref.html
+fuzzy-if(winWidget,0-4,0-51) fuzzy-if(gtkWidget,0-1,0-12) fuzzy-if(cocoaWidget,0-1,0-29) == unit-vh-vw-overflow-auto.html unit-vh-vw-overflow-scroll.html
+
+== ch-width-1.html ch-width-1-ref.html
diff --git a/layout/reftests/css-valuesandunits/unit-rem-div-fontsize.html b/layout/reftests/css-valuesandunits/unit-rem-div-fontsize.html
new file mode 100644
index 0000000000..7f6ceedcf9
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-div-fontsize.html
@@ -0,0 +1,13 @@
+<style>
+:root { font-size: 20px }
+body { font-size: 25px }
+div {
+  font-size: 1.5rem;
+  width: 300px;
+}
+#a {
+  border-bottom: 1px solid #f00;
+}
+</style>
+
+<body>Level 1<div id=a>Level 2<div id=b>Level 3</div></div></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-div-width-inner.html b/layout/reftests/css-valuesandunits/unit-rem-div-width-inner.html
new file mode 100644
index 0000000000..ab0948bd8f
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-div-width-inner.html
@@ -0,0 +1,13 @@
+<style>
+:root { font-size: 20px }
+body { font-size: 25px }
+div {
+  font-size: 30px;
+  width: 15rem;
+}
+#b {
+  border-bottom: 1px solid #f00;
+}
+</style>
+
+<body>Level 1<div id=a>Level 2<div id=b>Level 3</div></div></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-div-width-outer.html b/layout/reftests/css-valuesandunits/unit-rem-div-width-outer.html
new file mode 100644
index 0000000000..6203e26628
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-div-width-outer.html
@@ -0,0 +1,13 @@
+<style>
+:root { font-size: 20px }
+body { font-size: 25px }
+div {
+  font-size: 30px;
+  width: 15rem;
+}
+#a {
+  border-bottom: 1px solid #f00;
+}
+</style>
+
+<body>Level 1<div id=a>Level 2<div id=b>Level 3</div></div></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-iframe-inside.html b/layout/reftests/css-valuesandunits/unit-rem-iframe-inside.html
new file mode 100644
index 0000000000..954fcf4e32
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-iframe-inside.html
@@ -0,0 +1,7 @@
+<style>
+:root { font-size: 20px }
+body { font-size: 25px }
+div { font-size: 1.5rem }
+</style>
+
+<body><div>Inside</div></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-iframe.html b/layout/reftests/css-valuesandunits/unit-rem-iframe.html
new file mode 100644
index 0000000000..a91350a2a1
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-iframe.html
@@ -0,0 +1,6 @@
+<style>
+:root { font-size: 10px }
+body { font-size: 12px }
+</style>
+
+<body>Outside<iframe src=unit-rem-iframe-inside.html></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref-iframe-inside.html b/layout/reftests/css-valuesandunits/unit-rem-ref-iframe-inside.html
new file mode 100644
index 0000000000..57bd094f84
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref-iframe-inside.html
@@ -0,0 +1,7 @@
+<style>
+:root { font-size: 20px }
+body { font-size: 25px }
+div { font-size: 30px }
+</style>
+
+<body><div>Inside</div></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref-iframe.html b/layout/reftests/css-valuesandunits/unit-rem-ref-iframe.html
new file mode 100644
index 0000000000..7610ba3b52
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref-iframe.html
@@ -0,0 +1,6 @@
+<style>
+:root { font-size: 10px }
+body { font-size: 12px }
+</style>
+
+<body>Outside<iframe src=unit-rem-ref-iframe-inside.html></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref-resource.svg b/layout/reftests/css-valuesandunits/unit-rem-ref-resource.svg
new file mode 100644
index 0000000000..d58accb9d0
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref-resource.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="font-size: 30px">
+  <rect id="rect" fill="green" width="200px" height="50px" />
+</svg>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref-root-fontsize.html b/layout/reftests/css-valuesandunits/unit-rem-ref-root-fontsize.html
new file mode 100644
index 0000000000..da2cb1e7b1
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref-root-fontsize.html
@@ -0,0 +1,7 @@
+<style>
+:root {
+  font-size: 1.5em;
+}
+</style>
+
+<body>Hello</body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref-root-width.html b/layout/reftests/css-valuesandunits/unit-rem-ref-root-width.html
new file mode 100644
index 0000000000..3cf785e587
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref-root-width.html
@@ -0,0 +1,12 @@
+<style>
+:root {
+  font-size: 30px;
+  width: 300px;
+  border-bottom: 1px solid #f00;
+}
+body {
+  font-size: 25px;
+}
+</style>
+
+<body>Level 1</body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref.html b/layout/reftests/css-valuesandunits/unit-rem-ref.html
new file mode 100644
index 0000000000..afcdb91ad6
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref.html
@@ -0,0 +1,13 @@
+<style>
+:root { font-size: 20px }
+body { font-size: 25px }
+div {
+  font-size: 30px;
+  width: 300px;
+}
+#a {
+  border-bottom: 1px solid #f00;
+}
+</style>
+
+<body>Level 1<div id=a>Level 2<div id=b>Level 3</div></div></body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref.svg b/layout/reftests/css-valuesandunits/unit-rem-ref.svg
new file mode 100644
index 0000000000..18bea032f4
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 20px">
+  <use xlink:href="unit-rem-ref-resource.svg#rect" />
+</svg>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-ref2-root-fontsize.html b/layout/reftests/css-valuesandunits/unit-rem-ref2-root-fontsize.html
new file mode 100644
index 0000000000..600ddcd595
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-ref2-root-fontsize.html
@@ -0,0 +1,7 @@
+<style>
+body {
+  font-size: 1.5em;
+}
+</style>
+
+<body>Hello</body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-resource.svg b/layout/reftests/css-valuesandunits/unit-rem-resource.svg
new file mode 100644
index 0000000000..a7b751deb0
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-resource.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="font-size: 30px">
+  <!-- We don't support 'rem' in the width attribute because that's nsSVGLength
+       code, so we use indirection through 'em' and 'font-size'. -->
+  <rect id="rect" fill="green" style="font-size: 2rem" width="5em" height="50px" />
+</svg>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-root-fontsize.html b/layout/reftests/css-valuesandunits/unit-rem-root-fontsize.html
new file mode 100644
index 0000000000..69f1943221
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-root-fontsize.html
@@ -0,0 +1,7 @@
+<style>
+:root {
+  font-size: 1.5rem;
+}
+</style>
+
+<body>Hello</body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem-root-width.html b/layout/reftests/css-valuesandunits/unit-rem-root-width.html
new file mode 100644
index 0000000000..3e41edadb7
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem-root-width.html
@@ -0,0 +1,12 @@
+<style>
+:root {
+  font-size: 30px;
+  width: 10rem;
+  border-bottom: 1px solid #f00;
+}
+body {
+  font-size: 25px;
+}
+</style>
+
+<body>Level 1</body>
diff --git a/layout/reftests/css-valuesandunits/unit-rem.svg b/layout/reftests/css-valuesandunits/unit-rem.svg
new file mode 100644
index 0000000000..197e80d490
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-rem.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 20px">
+  <use xlink:href="unit-rem-resource.svg#rect" />
+</svg>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-iframe.html
new file mode 100644
index 0000000000..437873782e
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-iframe.html
@@ -0,0 +1,14 @@
+<style>
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div style="width: 50vw"></div>
+  <div style="height: 25vh"></div>
+  <div style="width: 35vmin"></div>
+  <div style="height: 25vmax"></div>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-iframe.html
new file mode 100644
index 0000000000..203b6efa95
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-iframe.html
@@ -0,0 +1,21 @@
+<style>
+  body { overflow: auto }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div style="width: 50vw"></div>
+  <div style="height: 25vh"></div>
+  <div style="width: 35vmin"></div>
+  <div style="height: 25vmax"></div>
+
+  <!--
+  Deliberately make the scrollbars appear to ensure that with 'overflow: auto'
+  viewport units are calculated as if the scrollbars are _not_ there.
+  -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref-iframe.html
new file mode 100644
index 0000000000..2803e712b5
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref-iframe.html
@@ -0,0 +1,37 @@
+<style>
+  body { overflow: hidden }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div id="a"></div>
+  <div id="b"></div>
+  <div id="c"></div>
+  <div id="d"></div>
+
+  <!--
+  Deliberately make the scrollbars appear to ensure that with 'overflow: auto'
+  viewport units are calculated as if the scrollbars are _not_ there.
+  -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
+
+<script>
+  // client{Width, Height} consist of the area _inside_ the scrollbars, so we need
+  // to calculate these units with 'overflow: hidden' set to ensure that there are
+  // no scrollbars. This reflects the fact that with 'overflow: auto' set, viewport
+  // units are sized without taking the scrollbars into account.
+  var vw = 0.01 * document.body.clientWidth;
+  var vh = 0.01 * document.body.clientHeight;
+  var vmin = Math.min(vw, vh);
+  var vmax = Math.max(vw, vh);
+  document.body.style.overflow = "auto";
+  document.getElementById('a').style.width = (50 * vw) + "px";
+  document.getElementById('b').style.height = (25 * vh) + "px";
+  document.getElementById('c').style.width = (35 * vmin) + "px";
+  document.getElementById('d').style.height = (25 * vmax) + "px";
+</script>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref.html
new file mode 100644
index 0000000000..5bbe4b17c0
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto-ref.html
@@ -0,0 +1,15 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-auto-ref-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-auto-ref-iframe.html"></iframe>
+</body>
+
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto.html
new file mode 100644
index 0000000000..1f68c3b1d9
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-auto.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-auto-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-auto-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-iframe.html
new file mode 100644
index 0000000000..6f9960f6e5
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-iframe.html
@@ -0,0 +1,22 @@
+<style>
+  body { overflow: scroll }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div style="width: 50vw"></div>
+  <div style="height: 25vh"></div>
+  <div style="width: 35vmin"></div>
+  <div style="height: 25vmax"></div>
+
+  <!--
+  Ensure that the scroller positioned the same way as it would be in the
+  'overflow: auto' case. We'll have scrollbars either way, but we don't
+  want the '!=' reftest to spuriously succeed because of the scrollers.
+  -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref-iframe.html
new file mode 100644
index 0000000000..c06fc4476f
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref-iframe.html
@@ -0,0 +1,36 @@
+<style>
+  body { overflow: scroll }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div id="a"></div>
+  <div id="b"></div>
+  <div id="c"></div>
+  <div id="d"></div>
+
+  <!--
+  Ensure that the scroller positioned the same way as it would be in the
+  'overflow: auto' case. We'll have scrollbars either way, but we don't
+  want the '!=' reftest to spuriously succeed because of the scrollers.
+  -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
+
+<script>
+  // client{Width, Height} consist of the area _inside_ the scrollbars, so these
+  // manually calculated units reflect the fact that with 'overflow: scroll' set,
+  // viewport units are sized taking the scrollbars into account.
+  var vw = 0.01 * document.body.clientWidth;
+  var vh = 0.01 * document.body.clientHeight;
+  var vmin = Math.min(vw, vh);
+  var vmax = Math.max(vw, vh);
+  document.getElementById('a').style.width = (50 * vw) + "px";
+  document.getElementById('b').style.height = (25 * vh) + "px";
+  document.getElementById('c').style.width = (35 * vmin) + "px";
+  document.getElementById('d').style.height = (25 * vmax) + "px";
+</script>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref.html
new file mode 100644
index 0000000000..f63a89c9b2
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-ref.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-scroll-ref-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-scroll-ref-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-iframe.html
new file mode 100644
index 0000000000..10c9ff32ec
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-iframe.html
@@ -0,0 +1,18 @@
+<style>
+  body { overflow-x: scroll }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div style="width: 50vw"></div>
+  <div style="height: 25vh"></div>
+  <div style="width: 35vmin"></div>
+  <div style="height: 25vmax"></div>
+
+  <!-- Deliberately make scrollbars appear. -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref-iframe.html
new file mode 100644
index 0000000000..a8430fd545
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref-iframe.html
@@ -0,0 +1,28 @@
+<style>
+  body { overflow-x: scroll }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div style="width: 50px"></div> <!-- Unaffected by scrollbars. -->
+  <div id="b"></div>
+  <div style="width: 35px"></div> <!-- Unaffected by scrollbars. -->
+  <div id="d"></div>
+
+  <!-- Deliberately make scrollbars appear. -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
+
+<script>
+  // client{Width, Height} consist of the area _inside_ the scrollbars, so these
+  // manually calculated units reflect the fact that with 'overflow: scroll' set,
+  // viewport units are sized taking the scrollbars into account. Since we're
+  // only dealing with 'overflow-x' here, only the height units are affected.
+  var vh = 0.01 * document.body.clientHeight;
+  document.getElementById('b').style.height = (25 * vh) + "px";
+  document.getElementById('d').style.height = (25 * vh) + "px";
+</script>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref.html
new file mode 100644
index 0000000000..278ff74ed0
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-scroll-x-ref-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-scroll-x-ref-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x.html
new file mode 100644
index 0000000000..cde11499e9
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-scroll-x-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-scroll-x-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-iframe.html
new file mode 100644
index 0000000000..e6d0fb863a
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-iframe.html
@@ -0,0 +1,18 @@
+<style>
+  body { overflow-y: scroll }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div style="width: 50vw"></div>
+  <div style="height: 25vh"></div>
+  <div style="width: 35vmin"></div>
+  <div style="height: 25vmax"></div>
+
+  <!-- Deliberately make scrollbars appear. -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref-iframe.html
new file mode 100644
index 0000000000..7243ccbf7e
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref-iframe.html
@@ -0,0 +1,28 @@
+<style>
+  body { overflow-y: scroll }
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div id="a"></div>
+  <div style="height: 50px"></div> <!-- Unaffected by scrollbars. -->
+  <div id="c"></div>
+  <div style="height: 50px"></div> <!-- Unaffected by scrollbars. -->
+
+  <!-- Deliberately make scrollbars appear. -->
+  <div style="width: 500px; height: 500px; background-color: black">
+</body>
+
+<script>
+  // client{Width, Height} consist of the area _inside_ the scrollbars, so these
+  // manually calculated units reflect the fact that with 'overflow: scroll' set,
+  // viewport units are sized taking the scrollbars into account. Since we're
+  // only dealing with 'overflow-y' here, only the width units are affected.
+  var vw = 0.01 * document.body.clientWidth;
+  document.getElementById('a').style.width = (50 * vw) + "px";
+  document.getElementById('c').style.width = (35 * vw) + "px";
+</script>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref.html
new file mode 100644
index 0000000000..06f0f142c0
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y-ref.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-scroll-y-ref-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-scroll-y-ref-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y.html
new file mode 100644
index 0000000000..a181551346
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-y.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-scroll-y-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-scroll-y-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll.html b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll.html
new file mode 100644
index 0000000000..11696a0389
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-overflow-scroll-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-overflow-scroll-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-ref-iframe.html b/layout/reftests/css-valuesandunits/unit-vh-vw-ref-iframe.html
new file mode 100644
index 0000000000..3694b3f701
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-ref-iframe.html
@@ -0,0 +1,14 @@
+<style>
+  div {
+    width: 10px;
+    height: 10px;
+    background-color: #d64203;
+  }
+</style>
+
+<body>
+  <div style="width: 50px"></div>
+  <div style="height: 50px"></div>
+  <div style="width: 35px"></div>
+  <div style="height: 50px"></div>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-ref.html b/layout/reftests/css-valuesandunits/unit-vh-vw-ref.html
new file mode 100644
index 0000000000..5dc30fd0e4
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-ref.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-ref-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-ref-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-zoom-ref.html b/layout/reftests/css-valuesandunits/unit-vh-vw-zoom-ref.html
new file mode 100644
index 0000000000..c477c326c3
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-zoom-ref.html
@@ -0,0 +1,18 @@
+<html reftest-zoom="2">
+
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-ref-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-ref-iframe.html"></iframe>
+</body>
+
+</html>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw-zoom.html b/layout/reftests/css-valuesandunits/unit-vh-vw-zoom.html
new file mode 100644
index 0000000000..3272721ae2
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw-zoom.html
@@ -0,0 +1,18 @@
+<html reftest-zoom="2">
+
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-iframe.html"></iframe>
+</body>
+
+</html>
diff --git a/layout/reftests/css-valuesandunits/unit-vh-vw.html b/layout/reftests/css-valuesandunits/unit-vh-vw.html
new file mode 100644
index 0000000000..59aea944c0
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/unit-vh-vw.html
@@ -0,0 +1,14 @@
+<style>
+  body { background-color: black }
+  iframe {
+    width: 100px;
+    height: 200px;
+    margin: 0px;
+    border: 0px;
+  }
+</style>
+
+<body>
+  <iframe src="unit-vh-vw-iframe.html"></iframe>
+  <iframe src="unit-vh-vw-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/css-variables/reftest.list b/layout/reftests/css-variables/reftest.list
new file mode 100644
index 0000000000..01d856fe31
--- /dev/null
+++ b/layout/reftests/css-variables/reftest.list
@@ -0,0 +1,2 @@
+skip-if(ThreadSanitizer) == variables-ruletree-cache-01.html variables-ruletree-cache-01-ref.html
+== variables-ruletree-cache-02.html variables-ruletree-cache-02-ref.html
diff --git a/layout/reftests/css-variables/variables-ruletree-cache-01-ref.html b/layout/reftests/css-variables/variables-ruletree-cache-01-ref.html
new file mode 100644
index 0000000000..6dc69d7d20
--- /dev/null
+++ b/layout/reftests/css-variables/variables-ruletree-cache-01-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  p { background-color: purple; }
+  p#myid { background-color: blue; }
+</style>
+<p>This should be purple, and might cache background in the rule tree.</p>
+<p id="myid">This should be blue, and can't used that cached struct,
+which really shouldn't be cached anyway.</p>
diff --git a/layout/reftests/css-variables/variables-ruletree-cache-01.html b/layout/reftests/css-variables/variables-ruletree-cache-01.html
new file mode 100644
index 0000000000..880af6dce2
--- /dev/null
+++ b/layout/reftests/css-variables/variables-ruletree-cache-01.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  p { --foo: purple; background-color: var(--foo) }
+  p#myid { --foo: blue }
+</style>
+<p>This should be purple, and might cache background in the rule tree.</p>
+<p id="myid">This should be blue, and can't used that cached struct,
+which really shouldn't be cached anyway.</p>
diff --git a/layout/reftests/css-variables/variables-ruletree-cache-02-ref.html b/layout/reftests/css-variables/variables-ruletree-cache-02-ref.html
new file mode 100644
index 0000000000..202bb7b106
--- /dev/null
+++ b/layout/reftests/css-variables/variables-ruletree-cache-02-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  div#a { background-color: purple; }
+  div#b { background-color: blue; }
+</style>
+<div id="a"><p>This should be purple.</p></div>
+<div id="b"><p>This should be blue.</p></div>
diff --git a/layout/reftests/css-variables/variables-ruletree-cache-02.html b/layout/reftests/css-variables/variables-ruletree-cache-02.html
new file mode 100644
index 0000000000..6b2b60c3eb
--- /dev/null
+++ b/layout/reftests/css-variables/variables-ruletree-cache-02.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  div#a { --foo: purple }
+  div#b { --foo: blue }
+  p { background-color: var(--foo) }
+</style>
+<div id="a"><p>This should be purple.</p></div>
+<div id="b"><p>This should be blue.</p></div>
diff --git a/layout/reftests/css-visited/border-1-ref.html b/layout/reftests/css-visited/border-1-ref.html
new file mode 100644
index 0000000000..cbd7450ebb
--- /dev/null
+++ b/layout/reftests/css-visited/border-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+div { margin: 2px; }
+.unvis { border: medium solid olive; border-top: dashed thin blue; }
+.vis { border: medium solid fuchsia; border-top-style: dashed; border-top-width: thin; border-right-color: silver; }
+
+</style>
+<div class="unvis">unvisited</div>
+<div class="vis">visited</div>
diff --git a/layout/reftests/css-visited/border-1.html b/layout/reftests/css-visited/border-1.html
new file mode 100644
index 0000000000..38ba7e8af1
--- /dev/null
+++ b/layout/reftests/css-visited/border-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+a { text-decoration: none; color: initial; display: block; margin: 2px; }
+:link { border: medium solid olive; border-top: dashed thin blue; }
+:visited { border: thick dotted fuchsia; border-right: thin double silver; }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/border-2-ref.html b/layout/reftests/css-visited/border-2-ref.html
new file mode 100644
index 0000000000..3730a300c9
--- /dev/null
+++ b/layout/reftests/css-visited/border-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777): default color for 'border'</title>
+<style type="text/css">
+
+div { margin: 2px; }
+.link { color: maroon; border: medium solid maroon; border-top: dashed thin blue; }
+.visited { color: gray; border: medium solid fuchsia; border-top: dashed thin fuchsia; border-right-color: gray; }
+
+</style>
+<div class="link">unvisited</div>
+<div class="visited">visited</div>
diff --git a/layout/reftests/css-visited/border-2a.html b/layout/reftests/css-visited/border-2a.html
new file mode 100644
index 0000000000..de756dba15
--- /dev/null
+++ b/layout/reftests/css-visited/border-2a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777): implicit default color for 'border'</title>
+<style type="text/css">
+
+a { text-decoration: none; display: block; margin: 2px; }
+:link { color: maroon; border: medium solid; border-top: dashed thin blue; }
+:visited { color: gray; border: thick dotted fuchsia; border-right: thin double; }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/border-2b.html b/layout/reftests/css-visited/border-2b.html
new file mode 100644
index 0000000000..9a97afcc5e
--- /dev/null
+++ b/layout/reftests/css-visited/border-2b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777): explicit default color for 'border'</title>
+<style type="text/css">
+
+a { text-decoration: none; display: block; margin: 2px; }
+:link { color: maroon; border: medium solid currentColor; border-top: dashed thin blue; }
+:visited { color: gray; border: thick dotted fuchsia; border-right: thin double currentColor; }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/border-collapse-1-ref.html b/layout/reftests/css-visited/border-collapse-1-ref.html
new file mode 100644
index 0000000000..fea8ae14d1
--- /dev/null
+++ b/layout/reftests/css-visited/border-collapse-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+div.table { display: table; border-collapse: collapse }
+div.row { display: table-row }
+div.link, div.visited { display: table-cell }
+
+.row1 .link { border: medium solid blue }
+.row1 .visited { border: medium solid fuchsia }
+
+.row2 .link { border: thin dotted black }
+.row2 .visited { border: thin dotted red }
+
+.row3 .link { border: 7px double gray }
+.row3 .visited { border: 7px double olive }
+
+</style>
+<div class="table">
+  <div class="row row1">
+    <div class="link">unvisited</div>
+    <div class="visited">visited</div>
+  </div>
+  <div class="row row2">
+    <div class="visited">visited</div>
+    <div class="link">unvisited</div>
+  </div>
+  <div class="row row3">
+    <div class="link">unvisited</div>
+    <div class="visited">visited</div>
+  </div>
+</div>
diff --git a/layout/reftests/css-visited/border-collapse-1.html b/layout/reftests/css-visited/border-collapse-1.html
new file mode 100644
index 0000000000..b702c0184f
--- /dev/null
+++ b/layout/reftests/css-visited/border-collapse-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+div.table { display: table; border-collapse: collapse }
+div.row { display: table-row }
+a { text-decoration: none; color: initial; display: table-cell }
+
+.row1 :link { border: medium solid blue }
+.row1 :visited { border: thick dashed fuchsia }
+
+.row2 :link { border: thin dotted black }
+.row2 :visited { border: thick hidden rgba(255, 0, 0, 0.5) }
+
+.row3 :link { border: 7px double gray }
+.row3 :visited { border: 4px inset olive }
+
+</style>
+<div class="table">
+  <div class="row row1">
+    <a href="unvisited-page.html">unvisited</a>
+    <a href="visited-page.html">visited</a>
+  </div>
+  <div class="row row2">
+    <a href="visited-page.html">visited</a>
+    <a href="unvisited-page.html">unvisited</a>
+  </div>
+  <div class="row row3">
+    <a href="unvisited-page.html">unvisited</a>
+    <a href="visited-page.html">visited</a>
+  </div>
+</div>
diff --git a/layout/reftests/css-visited/caret-color-on-visited-1-ref.html b/layout/reftests/css-visited/caret-color-on-visited-1-ref.html
new file mode 100644
index 0000000000..23d8e0c244
--- /dev/null
+++ b/layout/reftests/css-visited/caret-color-on-visited-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(Ahem.ttf);
+}
+div {
+  font: 16px/1 Ahem;
+  width: 1em;
+  background: green;
+}
+</style>
+<div><span></span></div>
+<script>
+let $div = document.querySelector('div');
+let $span = document.querySelector('span');
+window.onload = function () {
+  document.fonts.ready.then(() => {
+    $div.style.height = $span.getBoundingClientRect().height + 'px';
+  });
+};
+</script>
diff --git a/layout/reftests/css-visited/caret-color-on-visited-1.html b/layout/reftests/css-visited/caret-color-on-visited-1.html
new file mode 100644
index 0000000000..92443cdf5d
--- /dev/null
+++ b/layout/reftests/css-visited/caret-color-on-visited-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(Ahem.ttf);
+}
+a {
+  caret-color: red;
+}
+a:visited {
+  caret-color: green;
+}
+textarea {
+  caret-color: inherit;
+  font: 16px/1 Ahem;
+  outline: none;
+  border: 0 none;
+  resize: none;
+  padding: 0;
+  margin: 0;
+}
+</style>
+<a href="visited-page.html"><textarea></textarea></a>
+<script>
+  document.querySelector('textarea').focus();
+</script>
diff --git a/layout/reftests/css-visited/color-choice-1-ref.html b/layout/reftests/css-visited/color-choice-1-ref.html
new file mode 100644
index 0000000000..2a58c8e286
--- /dev/null
+++ b/layout/reftests/css-visited/color-choice-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+.link { background: rgba(179, 25, 87, 0.72); }
+.visited { background: rgba(28, 215, 119, 0.72); }
+
+</style>
+<span class="link">unvisited</span>
+<span class="visited">visited</span>
diff --git a/layout/reftests/css-visited/color-choice-1.html b/layout/reftests/css-visited/color-choice-1.html
new file mode 100644
index 0000000000..002c4fb648
--- /dev/null
+++ b/layout/reftests/css-visited/color-choice-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+a { text-decoration: none; color: initial; }
+:link { background: rgba(179, 25, 87, 0.72); }
+:visited { background: rgba(28, 215, 119, 0.31); }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/color-on-bullets-1-ref.html b/layout/reftests/css-visited/color-on-bullets-1-ref.html
new file mode 100644
index 0000000000..0d91630dc2
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-bullets-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+ul, ol, li { margin: 0; padding: 0 }
+li { margin-left: 4em }
+.link { color: rgba(255, 177, 83, 0.8) }
+.visited { color: rgba(128, 99, 12, 0.8) }
+
+</style>
+<ol>
+<li class="link">unvisited</li>
+<li class="visited">visited</li>
+</ol>
+<ul>
+<li class="link">unvisited</li>
+<li class="visited">visited</li>
+</ul>
diff --git a/layout/reftests/css-visited/color-on-bullets-1.html b/layout/reftests/css-visited/color-on-bullets-1.html
new file mode 100644
index 0000000000..6f04678b51
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-bullets-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none; display: list-item; margin-left: 4em }
+:link { color: rgba(255, 177, 83, 0.8) }
+:visited { color: rgba(128, 99, 12, 0.4) }
+
+</style>
+<!-- FIXME: workaround list numbering bug by using ol instead of div -->
+<ol style="list-style-type: decimal; margin: 0; padding: 0">
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
+</ol>
+<div style="list-style-type: disc">
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
+</div>
diff --git a/layout/reftests/css-visited/color-on-link-1-ref.html b/layout/reftests/css-visited/color-on-link-1-ref.html
new file mode 100644
index 0000000000..859cfb6dd7
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-link-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+span { color: fuchsia; }
+</style>
+<span>link</span>
diff --git a/layout/reftests/css-visited/color-on-link-1.html b/layout/reftests/css-visited/color-on-link-1.html
new file mode 100644
index 0000000000..425523f1f5
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-link-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+a { text-decoration: none }
+:link { color: fuchsia; }
+:visited { color: purple; }
+</style>
+<a href="unvisited-page.html">link</a>
diff --git a/layout/reftests/css-visited/color-on-link-before-1.html b/layout/reftests/css-visited/color-on-link-before-1.html
new file mode 100644
index 0000000000..72e965f1c8
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-link-before-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+a { text-decoration: none }
+:link:before { content: "link"; color: fuchsia; }
+:visited:before { content: "link"; color: purple; }
+</style>
+<a href="unvisited-page.html"></a>
diff --git a/layout/reftests/css-visited/color-on-text-decoration-1-ref.html b/layout/reftests/css-visited/color-on-text-decoration-1-ref.html
new file mode 100644
index 0000000000..9bdc6fa8d8
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-text-decoration-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+body > span { text-decoration: underline }
+body > span > span { text-decoration: overline }
+body > span > span > span { text-decoration: line-through }
+
+.link { color: olive }
+.link > span { color: fuchsia }
+.link > span > span { color: black }
+.visited { color: gray }
+.visited > span { color: maroon }
+.visited > span > span { color: purple }
+
+</style>
+<span class="link"><span><span>unvisited</span></span></span>
+<span class="visited"><span><span>visited</span></span></span>
diff --git a/layout/reftests/css-visited/color-on-text-decoration-1.html b/layout/reftests/css-visited/color-on-text-decoration-1.html
new file mode 100644
index 0000000000..029823d0e4
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-text-decoration-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+body > a { text-decoration: underline }
+body > a > span { text-decoration: overline }
+body > a > span > span { text-decoration: line-through }
+
+:link { color: olive }
+:link > span { color: fuchsia }
+:link > span > span { color: black }
+:visited { color: gray }
+:visited > span { color: maroon }
+:visited > span > span { color: purple }
+
+</style>
+<a href="unvisited-page.html"><span><span>unvisited</span></span></a>
+<a href="visited-page.html"><span><span>visited</span></span></a>
diff --git a/layout/reftests/css-visited/color-on-visited-1-ref.html b/layout/reftests/css-visited/color-on-visited-1-ref.html
new file mode 100644
index 0000000000..75fda1f759
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-visited-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+span { color: purple; }
+</style>
+<span>link</span>
diff --git a/layout/reftests/css-visited/color-on-visited-1.html b/layout/reftests/css-visited/color-on-visited-1.html
new file mode 100644
index 0000000000..1b7bc4b41e
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-visited-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+a { text-decoration: none }
+:link { color: fuchsia; }
+:visited { color: purple; }
+</style>
+<a href="visited-page.html">link</a>
diff --git a/layout/reftests/css-visited/color-on-visited-before-1.html b/layout/reftests/css-visited/color-on-visited-before-1.html
new file mode 100644
index 0000000000..4dc80d82a1
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-visited-before-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+a { text-decoration: none }
+:link:before { content: "link"; color: fuchsia; }
+:visited:before { content: "link"; color: purple; }
+</style>
+<a href="visited-page.html"></a>
diff --git a/layout/reftests/css-visited/color-on-visited-text-1-ref.html b/layout/reftests/css-visited/color-on-visited-text-1-ref.html
new file mode 100644
index 0000000000..b144767ce7
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-visited-text-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+  .unvisited {
+    color: blue;
+  }
+  .visited {
+    color: purple;
+  }
+  .first-line {
+    color: green;
+  }
+</style>
+<div class="first-line">Visited</div>
+<div class="first-line">Visited with span</div>
+<div class="unvisited">Visited with inner unvisited</div>
+<div class="visited">Visited with inner visited</div>
diff --git a/layout/reftests/css-visited/color-on-visited-text-1.html b/layout/reftests/css-visited/color-on-visited-text-1.html
new file mode 100644
index 0000000000..101c9653dc
--- /dev/null
+++ b/layout/reftests/css-visited/color-on-visited-text-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+  a {
+    display: block;
+    text-decoration: none;
+  }
+  :link {
+    color: blue;
+  }
+  :visited {
+    color: purple;
+  }
+  .outer::first-line {
+    color: green;
+  }
+</style>
+<a class="outer" href="visited-page.html">Visited</a>
+<a class="outer" href="visited-page.html"><span>Visited with span</span></a>
+<a class="outer" href="visited-page.html"><a href="unvisited-page.html">Visited with inner unvisited</a></a>
+<a class="outer" href="visited-page.html"><a href="visited-page.html">Visited with inner visited</a></a>
diff --git a/layout/reftests/css-visited/column-rule-1-notref.html b/layout/reftests/css-visited/column-rule-1-notref.html
new file mode 100644
index 0000000000..bc99002fd9
--- /dev/null
+++ b/layout/reftests/css-visited/column-rule-1-notref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+div { margin: 8px; column-count: 2; }
+#link { column-rule: medium dotted blue; }
+#visited { column-rule: medium dotted black; }
+
+</style>
+<div id="link">unvisited<br>link</div>
+<div id="visited">visited<br>link</div>
diff --git a/layout/reftests/css-visited/column-rule-1-ref.html b/layout/reftests/css-visited/column-rule-1-ref.html
new file mode 100644
index 0000000000..fa999ff274
--- /dev/null
+++ b/layout/reftests/css-visited/column-rule-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+div { margin: 8px; column-count: 2; }
+#link { column-rule: medium dotted blue; }
+#visited { column-rule: medium dotted silver; }
+
+</style>
+<div id="link">unvisited<br>link</div>
+<div id="visited">visited<br>link</div>
diff --git a/layout/reftests/css-visited/column-rule-1.html b/layout/reftests/css-visited/column-rule-1.html
new file mode 100644
index 0000000000..4400ea8b06
--- /dev/null
+++ b/layout/reftests/css-visited/column-rule-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+a { text-decoration: none; color: initial; display: block; margin: 8px; column-count: 2; }
+:link { column-rule: medium dotted blue; }
+:visited { column-rule: thick dashed silver; }
+
+</style>
+<a href="unvisited-page.html">unvisited<br>link</a>
+<a href="visited-page.html">visited<br>link</a>
diff --git a/layout/reftests/css-visited/content-before-1-ref.html b/layout/reftests/css-visited/content-before-1-ref.html
new file mode 100644
index 0000000000..233407fbb5
--- /dev/null
+++ b/layout/reftests/css-visited/content-before-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+span:before { content: "link"; }
+</style>
+<span></span>
diff --git a/layout/reftests/css-visited/content-color-on-link-before-1-ref.html b/layout/reftests/css-visited/content-color-on-link-before-1-ref.html
new file mode 100644
index 0000000000..a46017fdee
--- /dev/null
+++ b/layout/reftests/css-visited/content-color-on-link-before-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+span:before { content: "link"; color: fuchsia; }
+</style>
+<span></span>
diff --git a/layout/reftests/css-visited/content-color-on-link-before-1.html b/layout/reftests/css-visited/content-color-on-link-before-1.html
new file mode 100644
index 0000000000..bea15972fa
--- /dev/null
+++ b/layout/reftests/css-visited/content-color-on-link-before-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+a { text-decoration: none }
+:link:before { content: "link"; color: fuchsia; }
+:visited:before { content: "visited"; color: purple; }
+</style>
+<a href="unvisited-page.html"></a>
diff --git a/layout/reftests/css-visited/content-color-on-visited-before-1-ref.html b/layout/reftests/css-visited/content-color-on-visited-before-1-ref.html
new file mode 100644
index 0000000000..66df0e1b9f
--- /dev/null
+++ b/layout/reftests/css-visited/content-color-on-visited-before-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+span:before { content: "link"; color: purple; }
+</style>
+<span></span>
diff --git a/layout/reftests/css-visited/content-color-on-visited-before-1.html b/layout/reftests/css-visited/content-color-on-visited-before-1.html
new file mode 100644
index 0000000000..72664e0227
--- /dev/null
+++ b/layout/reftests/css-visited/content-color-on-visited-before-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+a { text-decoration: none }
+:link:before { content: "link"; color: fuchsia; }
+:visited:before { content: "visited"; color: purple; }
+</style>
+<a href="visited-page.html"></a>
diff --git a/layout/reftests/css-visited/content-on-link-before-1.html b/layout/reftests/css-visited/content-on-link-before-1.html
new file mode 100644
index 0000000000..bcc1ab2e18
--- /dev/null
+++ b/layout/reftests/css-visited/content-on-link-before-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+* { color: initial; text-decoration: none }
+:link:before { content: "link"; }
+:visited:before { content: "visited"; }
+</style>
+<a href="unvisited-page.html"></a>
diff --git a/layout/reftests/css-visited/content-on-visited-before-1.html b/layout/reftests/css-visited/content-on-visited-before-1.html
new file mode 100644
index 0000000000..3c1ec0a9eb
--- /dev/null
+++ b/layout/reftests/css-visited/content-on-visited-before-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+* { color: initial; text-decoration: none }
+:link:before { content: "link"; }
+:visited:before { content: "visited"; }
+</style>
+<a href="visited-page.html"></a>
diff --git a/layout/reftests/css-visited/first-line-1-ref.html b/layout/reftests/css-visited/first-line-1-ref.html
new file mode 100644
index 0000000000..7969685666
--- /dev/null
+++ b/layout/reftests/css-visited/first-line-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<title>:visited and ::first-line (reference)</title>
+</head>
+<body>
+
+<div><span style="color: fuchsia">unvisited</span><br><span style="color: blue">link</span></div>
+<div><span style="color: maroon">visited</span><br><span style="color: purple">link</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/css-visited/first-line-1.html b/layout/reftests/css-visited/first-line-1.html
new file mode 100644
index 0000000000..37aec8edc1
--- /dev/null
+++ b/layout/reftests/css-visited/first-line-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<title>:visited and ::first-line</title>
+	<style type="text/css">
+	
+	:link, :visited { display: block; text-decoration: none; }
+
+	:link { color: blue }
+	:link::first-line { color: fuchsia; }
+	:visited { color: purple }
+	:visited::first-line { color: maroon; }
+
+	</style>
+</head>
+<body>
+
+<a href="unvisited-page.html">unvisited<br>link</a>
+<a href="visited-page.html">visited<br>link</a>
+
+</body>
+</html>
diff --git a/layout/reftests/css-visited/inherit-keyword-1-ref.html b/layout/reftests/css-visited/inherit-keyword-1-ref.html
new file mode 100644
index 0000000000..0b3d4ea4ba
--- /dev/null
+++ b/layout/reftests/css-visited/inherit-keyword-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<!--
+    Intentionally using an HTML reference for an XHTML test, just to
+    mix things up a little. :-)
+  -->
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+span { text-decoration: none; color: olive }
+
+</style>
+<span>unvisited / unvisited</span>
+<span>unvisited / visited</span>
+<span>visited / unvisited</span>
+<span>visited / visited</span>
diff --git a/layout/reftests/css-visited/inherit-keyword-1.xhtml b/layout/reftests/css-visited/inherit-keyword-1.xhtml
new file mode 100644
index 0000000000..abc08c51dd
--- /dev/null
+++ b/layout/reftests/css-visited/inherit-keyword-1.xhtml
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+body > :link { color: olive; }
+body > :visited { color: fuchsia; }
+a > a { color: inherit; }
+
+</style>
+</head>
+<body>
+<a href="unvisited-page.html"><a href="unvisited-page.html">unvisited / unvisited</a></a>
+<a href="unvisited-page.html"><a href="visited-page.html">unvisited / visited</a></a>
+<a href="visited-page.html"><a href="unvisited-page.html">visited / unvisited</a></a>
+<a href="visited-page.html"><a href="visited-page.html">visited / visited</a></a>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/link-root-1-ref.xhtml b/layout/reftests/css-visited/link-root-1-ref.xhtml
new file mode 100644
index 0000000000..577792b119
--- /dev/null
+++ b/layout/reftests/css-visited/link-root-1-ref.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>dynamic changes to link state for root element (reference)</title>
+<style>
+<![CDATA[
+
+html { background: green }
+
+]]>
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/link-root-1.xhtml b/layout/reftests/css-visited/link-root-1.xhtml
new file mode 100644
index 0000000000..a22f854187
--- /dev/null
+++ b/layout/reftests/css-visited/link-root-1.xhtml
@@ -0,0 +1,26 @@
+<?xml version="1.0"?>
+<!DOCTYPE html>
+<a xmlns="http://www.w3.org/1999/xhtml"
+   href="http://www.example-notvisited.tld" class="reftest-wait">
+<style>
+<![CDATA[
+
+a { display: block; width: 100%; height: 100% }
+
+:link { background: red }
+:visited { background: green }
+
+]]>
+</style>
+<script>
+<![CDATA[
+
+var a = document.documentElement;
+getComputedStyle(a, "").backgroundColor; // flush style
+a.href = "visited-page.html";
+getComputedStyle(a, "").backgroundColor; // flush style
+document.documentElement.removeAttribute("class");
+
+]]>
+</script>
+</a>
diff --git a/layout/reftests/css-visited/logical-box-border-color-visited-link-001.html b/layout/reftests/css-visited/logical-box-border-color-visited-link-001.html
new file mode 100644
index 0000000000..9ffa91c368
--- /dev/null
+++ b/layout/reftests/css-visited/logical-box-border-color-visited-link-001.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Logical Properties: Flow-Relative Border Colors in Visited Links</title>
+<style>
+a {
+  display: inline-block;
+  vertical-align: top;
+  border: 25px solid red;
+}
+#link1, #link2:visited {
+  border-block-start-color: green;
+  border-block-end-color: green;
+  border-inline-start-color: green;
+  border-inline-end-color: green;
+}
+#link3 {
+  border-block-start: 25px solid green;
+  border-block-end: 25px solid green;
+  border-inline-start: 25px solid green;
+  border-inline-end: 25px solid green;
+}
+#link4:visited {
+  /* :visited should honor the border color but ignore other values in the shorthand */
+  border-block-start: 0 none green;
+  border-block-end: 0 none green;
+  border-inline-start: 0 none green;
+  border-inline-end: 0 none green;
+}
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<a id="link1" href="visited-page.html"></a><a id="link2" href="visited-page.html"></a><br>
+<a id="link3" href="visited-page.html"></a><a id="link4" href="visited-page.html"></a>
diff --git a/layout/reftests/css-visited/logical-box-border-color-visited-link-002.html b/layout/reftests/css-visited/logical-box-border-color-visited-link-002.html
new file mode 100644
index 0000000000..0ace612bab
--- /dev/null
+++ b/layout/reftests/css-visited/logical-box-border-color-visited-link-002.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Logical Properties: Flow-Relative Border Colors in Visited Links</title>
+<style>
+a {
+  display: inline-block;
+  vertical-align: top;
+  border: 25px solid red;
+}
+#link1, #link2:visited {
+  border-block-color: green;
+  border-inline-color: green;
+}
+#link3 {
+  border-block: 25px solid green;
+  border-inline: 25px solid green;
+}
+#link4:visited {
+  /* :visited should honor the border color but ignore other values in the shorthand */
+  border-block: 0 none green;
+  border-inline: 0 none green;
+}
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<a id="link1" href="visited-page.html"></a><a id="link2" href="visited-page.html"></a><br>
+<a id="link3" href="visited-page.html"></a><a id="link4" href="visited-page.html"></a>
diff --git a/layout/reftests/css-visited/logical-box-border-color-visited-link-003.html b/layout/reftests/css-visited/logical-box-border-color-visited-link-003.html
new file mode 100644
index 0000000000..46a031ad96
--- /dev/null
+++ b/layout/reftests/css-visited/logical-box-border-color-visited-link-003.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Logical Properties: Flow-Relative Border Colors in Visited Links</title>
+<style>
+a {
+  display: inline-block;
+  vertical-align: top;
+  border: 25px solid green;
+  border-top-color: red;
+  border-left-color: red;
+}
+#link1:visited,
+#link2,
+#link3:visited,
+#link4 {
+  direction: rtl;
+}
+#link1:visited,
+#link2:visited,
+#link3,
+#link4 {
+  writing-mode: vertical-rl;
+}
+#link1:visited {
+  border-block-start-color: green;
+  border-inline-start-color: green;
+}
+#link2:visited {
+  border-block-start-color: green;
+  border-inline-end-color: green;
+}
+#link3:visited {
+  border-inline-start-color: green;
+  border-block-end-color: green;
+}
+#link4:visited {
+  border-inline-end-color: green;
+  border-block-end-color: green;
+}
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<a id="link1" href="visited-page.html"></a><a id="link2" href="visited-page.html"></a><br>
+<a id="link3" href="visited-page.html"></a><a id="link4" href="visited-page.html"></a>
diff --git a/layout/reftests/css-visited/logical-box-border-color-visited-link-ref.html b/layout/reftests/css-visited/logical-box-border-color-visited-link-ref.html
new file mode 100644
index 0000000000..5858fe2e4e
--- /dev/null
+++ b/layout/reftests/css-visited/logical-box-border-color-visited-link-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+div {
+  background: green;
+  height: 100px;
+  width: 100px;
+}
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div></div>
diff --git a/layout/reftests/css-visited/mathml-links-ref.html b/layout/reftests/css-visited/mathml-links-ref.html
new file mode 100644
index 0000000000..7919142fe1
--- /dev/null
+++ b/layout/reftests/css-visited/mathml-links-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      * { color: green; }
+    </style>
+  </head>
+  <body>
+    <math href="" display="block">
+      <mi>x</mi>
+      <mo>=</mo>
+      <mfrac>
+        <mrow>
+          <msqrt>
+            <mn>5</mn>
+          </msqrt>
+        </mrow>
+        <mrow>
+          <menclose
+             notation="radical circle roundedbox updiagonalstrike downdiagonalstrike">
+            <mn>2</mn>
+          </menclose>
+        </mrow>
+      </mfrac>
+      <mo>+</mo>
+      <mfrac bevelled="true">
+        <mn>2</mn>
+        <mn>3</mn>
+      </mfrac>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/css-visited/mathml-links.html b/layout/reftests/css-visited/mathml-links.html
new file mode 100644
index 0000000000..eee49180e5
--- /dev/null
+++ b/layout/reftests/css-visited/mathml-links.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      :link { color: red; }
+      :visited { color: green; }
+    </style>
+  </head>
+  <body>
+    <math href="visited-page.html" display="block">
+      <mi>x</mi>
+      <mo>=</mo>
+      <mfrac>
+        <mrow>
+          <msqrt>
+            <mn>5</mn>
+          </msqrt>
+        </mrow>
+        <mrow>
+          <menclose
+             notation="radical circle roundedbox updiagonalstrike downdiagonalstrike">
+            <mn>2</mn>
+          </menclose>
+        </mrow>
+      </mfrac>
+      <mo>+</mo>
+      <mfrac bevelled="true">
+        <mn>2</mn>
+        <mn>3</mn>
+      </mfrac>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/css-visited/outline-1-ref.html b/layout/reftests/css-visited/outline-1-ref.html
new file mode 100644
index 0000000000..996a4c350e
--- /dev/null
+++ b/layout/reftests/css-visited/outline-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+div { margin: 8px; }
+.unvis { outline: medium dotted blue; }
+.vis { outline: medium dotted silver; }
+
+</style>
+<div class="unvis">unvisited</div>
+<div class="vis">visited</div>
diff --git a/layout/reftests/css-visited/outline-1.html b/layout/reftests/css-visited/outline-1.html
new file mode 100644
index 0000000000..d31cf4feb7
--- /dev/null
+++ b/layout/reftests/css-visited/outline-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+a { text-decoration: none; color: initial; display: block; margin: 8px; }
+:link { outline: medium dotted blue; }
+:visited { outline: thick dashed silver; }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/placeholder-1-ref.html b/layout/reftests/css-visited/placeholder-1-ref.html
new file mode 100644
index 0000000000..5b88093ab7
--- /dev/null
+++ b/layout/reftests/css-visited/placeholder-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  a:visited { color: green }
+  input { color: inherit }
+  input::placeholder { color: green }
+</style>
+<a href="visited-page.html"><input placeholder="This should be green"></a>
diff --git a/layout/reftests/css-visited/placeholder-1.html b/layout/reftests/css-visited/placeholder-1.html
new file mode 100644
index 0000000000..e349edb2c3
--- /dev/null
+++ b/layout/reftests/css-visited/placeholder-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<style>
+  a:visited { color: green }
+  input { color: inherit }
+</style>
+<a href="visited-page.html"><input placeholder="This should be green"></a>
diff --git a/layout/reftests/css-visited/reftest.list b/layout/reftests/css-visited/reftest.list
new file mode 100644
index 0000000000..62cfba7574
--- /dev/null
+++ b/layout/reftests/css-visited/reftest.list
@@ -0,0 +1,4 @@
+# Because coloring of visited links is asynchronous and does not block
+# or fire any events, the tests in this directory are not run through
+# the reftest harness.  Instead, they are run through
+# layout/style/tests/test_visited_reftests.html .
diff --git a/layout/reftests/css-visited/selector-adj-sibling-1-ref.html b/layout/reftests/css-visited/selector-adj-sibling-1-ref.html
new file mode 100644
index 0000000000..ba6ecca095
--- /dev/null
+++ b/layout/reftests/css-visited/selector-adj-sibling-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+span { color: olive; }
+</style>
+<span>unvisited</span>
+<span>visited</span>
diff --git a/layout/reftests/css-visited/selector-adj-sibling-1.html b/layout/reftests/css-visited/selector-adj-sibling-1.html
new file mode 100644
index 0000000000..b5bb0d413e
--- /dev/null
+++ b/layout/reftests/css-visited/selector-adj-sibling-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link + span { color: olive; }
+:visited + span { color: fuchsia; }
+
+</style>
+<a href="unvisited-page.html"></a><span>unvisited</span>
+<a href="visited-page.html"></a><span>visited</span>
diff --git a/layout/reftests/css-visited/selector-adj-sibling-2-ref.html b/layout/reftests/css-visited/selector-adj-sibling-2-ref.html
new file mode 100644
index 0000000000..a9f97dc9c5
--- /dev/null
+++ b/layout/reftests/css-visited/selector-adj-sibling-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<span style="color: olive">unvisited + unvisited</span>
+<span style="color: fuchsia">unvisited + visited</span>
+<span style="color: olive">visited + unvisited</span>
+<span style="color: fuchsia">visited + visited</span>
diff --git a/layout/reftests/css-visited/selector-adj-sibling-2.html b/layout/reftests/css-visited/selector-adj-sibling-2.html
new file mode 100644
index 0000000000..0eee73c517
--- /dev/null
+++ b/layout/reftests/css-visited/selector-adj-sibling-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link + :link { color: olive; }
+:visited + :link { color: red; }
+:link + :visited { color: fuchsia; }
+:visited + :visited { color: red; }
+
+</style>
+<a href="unvisited-page.html"></a><a href="unvisited-page.html">unvisited + unvisited</a>
+<a href="unvisited-page.html"></a><a href="visited-page.html">unvisited + visited</a>
+<a href="visited-page.html"></a><a href="unvisited-page.html">visited + unvisited</a>
+<a href="visited-page.html"></a><a href="visited-page.html">visited + visited</a>
diff --git a/layout/reftests/css-visited/selector-adj-sibling-3-ref.xhtml b/layout/reftests/css-visited/selector-adj-sibling-3-ref.xhtml
new file mode 100644
index 0000000000..b3c12d35f6
--- /dev/null
+++ b/layout/reftests/css-visited/selector-adj-sibling-3-ref.xhtml
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test reference for bug 1431539</title>
+<style>
+  a { text-decoration: none }
+  span { color: green }
+</style>
+</head>
+<body>
+<span>
+  <span>visited</span>
+  <span>Should be green</span>
+</span>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/selector-adj-sibling-3.xhtml b/layout/reftests/css-visited/selector-adj-sibling-3.xhtml
new file mode 100644
index 0000000000..38b2709270
--- /dev/null
+++ b/layout/reftests/css-visited/selector-adj-sibling-3.xhtml
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for bug 1431539</title>
+<style>
+  a { text-decoration: none }
+  :visited { color: green }
+  :-moz-any(:visited) + span {
+    color: red;
+  }
+</style>
+</head>
+<body>
+<a href="visited-page.html">
+  <a href="visited-page.html">visited</a>
+  <span>Should be green</span>
+</a>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/selector-any-sibling-1-ref.html b/layout/reftests/css-visited/selector-any-sibling-1-ref.html
new file mode 100644
index 0000000000..de502b684f
--- /dev/null
+++ b/layout/reftests/css-visited/selector-any-sibling-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+div { color: olive; }
+</style>
+<div>unvisited</div>
+<div>visited</div>
diff --git a/layout/reftests/css-visited/selector-any-sibling-1.html b/layout/reftests/css-visited/selector-any-sibling-1.html
new file mode 100644
index 0000000000..25f00c654e
--- /dev/null
+++ b/layout/reftests/css-visited/selector-any-sibling-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link ~ span { color: olive; }
+:visited ~ span { color: fuchsia; }
+
+</style>
+<div><a href="unvisited-page.html"></a><span>unvisited</span></div>
+<div><a href="visited-page.html"></a><span>visited</span></div>
diff --git a/layout/reftests/css-visited/selector-any-sibling-2-ref.html b/layout/reftests/css-visited/selector-any-sibling-2-ref.html
new file mode 100644
index 0000000000..e64a48729c
--- /dev/null
+++ b/layout/reftests/css-visited/selector-any-sibling-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<div style="color: olive">unvisited + unvisited</div>
+<div style="color: fuchsia">unvisited + visited</div>
+<div style="color: olive">visited + unvisited</div>
+<div style="color: fuchsia">visited + visited</div>
diff --git a/layout/reftests/css-visited/selector-any-sibling-2.html b/layout/reftests/css-visited/selector-any-sibling-2.html
new file mode 100644
index 0000000000..31ec00f4cc
--- /dev/null
+++ b/layout/reftests/css-visited/selector-any-sibling-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link ~ :link { color: olive; }
+:visited ~ :link { color: red; }
+:link ~ :visited { color: fuchsia; }
+:visited ~ :visited { color: red; }
+
+</style>
+<div><a href="unvisited-page.html"></a><a href="unvisited-page.html">unvisited + unvisited</a></div>
+<div><a href="unvisited-page.html"></a><a href="visited-page.html">unvisited + visited</a></div>
+<div><a href="visited-page.html"></a><a href="unvisited-page.html">visited + unvisited</a></div>
+<div><a href="visited-page.html"></a><a href="visited-page.html">visited + visited</a></div>
diff --git a/layout/reftests/css-visited/selector-child-1-ref.html b/layout/reftests/css-visited/selector-child-1-ref.html
new file mode 100644
index 0000000000..2ed3bd25a8
--- /dev/null
+++ b/layout/reftests/css-visited/selector-child-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<span style="color: olive">unvisited</span>
+<span style="color: fuchsia">visited</span>
diff --git a/layout/reftests/css-visited/selector-child-1.html b/layout/reftests/css-visited/selector-child-1.html
new file mode 100644
index 0000000000..bd56273e49
--- /dev/null
+++ b/layout/reftests/css-visited/selector-child-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link > span { color: olive; }
+:visited > span { color: fuchsia; }
+
+</style>
+<a href="unvisited-page.html"><span>unvisited</span></a>
+<a href="visited-page.html"><span>visited</span></a>
diff --git a/layout/reftests/css-visited/selector-child-2-ref.xhtml b/layout/reftests/css-visited/selector-child-2-ref.xhtml
new file mode 100644
index 0000000000..e56caa1ab4
--- /dev/null
+++ b/layout/reftests/css-visited/selector-child-2-ref.xhtml
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+</head>
+<body>
+<span style="color: olive">unvisited / unvisited</span>
+<span style="color: fuchsia">unvisited / visited</span>
+<span style="color: olive">visited / unvisited</span>
+<span style="color: fuchsia">visited / visited</span>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/selector-child-2.xhtml b/layout/reftests/css-visited/selector-child-2.xhtml
new file mode 100644
index 0000000000..35ebfb7b24
--- /dev/null
+++ b/layout/reftests/css-visited/selector-child-2.xhtml
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link > :link { color: olive; }
+:visited > :link { color: red; }
+:link > :visited { color: fuchsia; }
+:visited > :visited { color: red; }
+
+</style>
+</head>
+<body>
+<a href="unvisited-page.html"><a href="unvisited-page.html">unvisited / unvisited</a></a>
+<a href="unvisited-page.html"><a href="visited-page.html">unvisited / visited</a></a>
+<a href="visited-page.html"><a href="unvisited-page.html">visited / unvisited</a></a>
+<a href="visited-page.html"><a href="visited-page.html">visited / visited</a></a>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/selector-descendant-1-ref.html b/layout/reftests/css-visited/selector-descendant-1-ref.html
new file mode 100644
index 0000000000..2ed3bd25a8
--- /dev/null
+++ b/layout/reftests/css-visited/selector-descendant-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<span style="color: olive">unvisited</span>
+<span style="color: fuchsia">visited</span>
diff --git a/layout/reftests/css-visited/selector-descendant-1.html b/layout/reftests/css-visited/selector-descendant-1.html
new file mode 100644
index 0000000000..e7cedde31a
--- /dev/null
+++ b/layout/reftests/css-visited/selector-descendant-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link span { color: olive; }
+:visited span { color: fuchsia; }
+
+</style>
+<a href="unvisited-page.html"><span>unvisited</span></a>
+<a href="visited-page.html"><span>visited</span></a>
diff --git a/layout/reftests/css-visited/selector-descendant-2-ref.xhtml b/layout/reftests/css-visited/selector-descendant-2-ref.xhtml
new file mode 100644
index 0000000000..59d100f599
--- /dev/null
+++ b/layout/reftests/css-visited/selector-descendant-2-ref.xhtml
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+body { color: black }
+span.l { color: olive; background: rgba(0, 255, 255, 0.5); }
+span.v { color: fuchsia; background: rgba(0, 0, 255, 0.5) }
+
+</style>
+</head>
+<body>
+
+<span class="l">unvisited</span> (<span class="l">unvisited</span>)
+<span class="l">unvisited</span> (<span class="v">visited</span>)
+<span class="v">visited</span> (<span class="l">unvisited</span>)
+<span class="v">visited</span> (<span class="v">visited</span>)
+<br/>
+
+<span class="u">unvisited</span> (<span class="l">unvisited</span>)
+<span class="u">unvisited</span> (<span class="v">visited</span>)
+<span class="u">visited</span> (<span class="l">unvisited</span>)
+<span class="u">visited</span> (<span class="v">visited</span>)
+<br/>
+
+<span class="l">unvisited</span> (<span class="l">unvisited</span>)
+<span class="l">unvisited</span> (<span class="l">visited</span>)
+<span class="v">visited</span> (<span class="l">unvisited</span>)
+<span class="v">visited</span> (<span class="l">visited</span>)
+<br/>
+
+<span class="u">unvisited</span> (<span class="u">unvisited</span>)
+<span class="u">unvisited</span> (<span class="u">visited</span>)
+<span class="u">visited</span> (<span class="u">unvisited</span>)
+<span class="u">visited</span> (<span class="u">visited</span>)
+
+</body>
+</html>
diff --git a/layout/reftests/css-visited/selector-descendant-2.xhtml b/layout/reftests/css-visited/selector-descendant-2.xhtml
new file mode 100644
index 0000000000..d1ca877d8e
--- /dev/null
+++ b/layout/reftests/css-visited/selector-descendant-2.xhtml
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none; color: black }
+.styled:link span { color: olive; background: rgba(0, 255, 255, 0.5); }
+.styled:visited span { color: fuchsia; background: rgba(0, 0, 255, 0.5) }
+
+</style>
+</head>
+<body>
+
+<a class="styled" href="unvisited-page.html"><span>unvisited</span> (<a class="styled" href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a class="styled" href="unvisited-page.html"><span>unvisited</span> (<a class="styled" href="visited-page.html"><span>visited</span></a>)</a>
+<a class="styled" href="visited-page.html"><span>visited</span> (<a class="styled" href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a class="styled" href="visited-page.html"><span>visited</span> (<a class="styled" href="visited-page.html"><span>visited</span></a>)</a>
+<br/>
+
+<a href="unvisited-page.html"><span>unvisited</span> (<a class="styled" href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a href="unvisited-page.html"><span>unvisited</span> (<a class="styled" href="visited-page.html"><span>visited</span></a>)</a>
+<a href="visited-page.html"><span>visited</span> (<a class="styled" href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a href="visited-page.html"><span>visited</span> (<a class="styled" href="visited-page.html"><span>visited</span></a>)</a>
+<br/>
+
+<a class="styled" href="unvisited-page.html"><span>unvisited</span> (<a href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a class="styled" href="unvisited-page.html"><span>unvisited</span> (<a href="visited-page.html"><span>visited</span></a>)</a>
+<a class="styled" href="visited-page.html"><span>visited</span> (<a href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a class="styled" href="visited-page.html"><span>visited</span> (<a href="visited-page.html"><span>visited</span></a>)</a>
+<br/>
+
+<a href="unvisited-page.html"><span>unvisited</span> (<a href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a href="unvisited-page.html"><span>unvisited</span> (<a href="visited-page.html"><span>visited</span></a>)</a>
+<a href="visited-page.html"><span>visited</span> (<a href="unvisited-page.html"><span>unvisited</span></a>)</a>
+<a href="visited-page.html"><span>visited</span> (<a href="visited-page.html"><span>visited</span></a>)</a>
+
+</body>
+</html>
diff --git a/layout/reftests/css-visited/subject-of-selector-1-ref.html b/layout/reftests/css-visited/subject-of-selector-1-ref.html
new file mode 100644
index 0000000000..2ed3bd25a8
--- /dev/null
+++ b/layout/reftests/css-visited/subject-of-selector-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<span style="color: olive">unvisited</span>
+<span style="color: fuchsia">visited</span>
diff --git a/layout/reftests/css-visited/subject-of-selector-adj-sibling-1.html b/layout/reftests/css-visited/subject-of-selector-adj-sibling-1.html
new file mode 100644
index 0000000000..b0279d9756
--- /dev/null
+++ b/layout/reftests/css-visited/subject-of-selector-adj-sibling-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+span + :link { color: olive; }
+span + :visited { color: fuchsia; }
+
+</style>
+<span></span><a href="unvisited-page.html">unvisited</a>
+<span></span><a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/subject-of-selector-any-sibling-1.html b/layout/reftests/css-visited/subject-of-selector-any-sibling-1.html
new file mode 100644
index 0000000000..806f705783
--- /dev/null
+++ b/layout/reftests/css-visited/subject-of-selector-any-sibling-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+span ~ :link { color: olive; }
+span ~ :visited { color: fuchsia; }
+
+</style>
+<span><span></span><a href="unvisited-page.html">unvisited</a></span>
+<span><span></span><a href="visited-page.html">visited</a></span>
diff --git a/layout/reftests/css-visited/subject-of-selector-child-1.html b/layout/reftests/css-visited/subject-of-selector-child-1.html
new file mode 100644
index 0000000000..e9bdd99887
--- /dev/null
+++ b/layout/reftests/css-visited/subject-of-selector-child-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+body > :link { color: olive; }
+body > :visited { color: fuchsia; }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/subject-of-selector-descendant-1.html b/layout/reftests/css-visited/subject-of-selector-descendant-1.html
new file mode 100644
index 0000000000..c31caeb0f8
--- /dev/null
+++ b/layout/reftests/css-visited/subject-of-selector-descendant-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+body :link { color: olive; }
+body :visited { color: fuchsia; }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/subject-of-selector-descendant-2-ref.xhtml b/layout/reftests/css-visited/subject-of-selector-descendant-2-ref.xhtml
new file mode 100644
index 0000000000..21a8a829c4
--- /dev/null
+++ b/layout/reftests/css-visited/subject-of-selector-descendant-2-ref.xhtml
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+.unstylink { color: blue }
+.unstyvis { color: purple }
+
+.stylink { color: olive; background: rgba(0, 255, 255, 0.5); }
+.styvis { color: fuchsia; background: rgba(0, 0, 255, 0.5) }
+
+</style>
+</head>
+<body>
+
+<span class="stylink">unvisited (<span class="stylink">unvisited</span>)</span>
+<span class="stylink">unvisited (<span class="styvis">visited</span>)</span>
+<span class="styvis">visited (<span class="stylink">unvisited</span>)</span>
+<span class="styvis">visited (<span class="styvis">visited</span>)</span>
+
+<span class="unstylink">unvisited (<span class="stylink">unvisited</span>)</span>
+<span class="unstylink">unvisited (<span class="styvis">visited</span>)</span>
+<span class="unstyvis">visited (<span class="stylink">unvisited</span>)</span>
+<span class="unstyvis">visited (<span class="styvis">visited</span>)</span>
+
+<span class="stylink">unvisited (<span class="unstylink">unvisited</span>)</span>
+<span class="stylink">unvisited (<span class="unstyvis">visited</span>)</span>
+<span class="styvis">visited (<span class="unstylink">unvisited</span>)</span>
+<span class="styvis">visited (<span class="unstyvis">visited</span>)</span>
+
+</body>
+</html>
diff --git a/layout/reftests/css-visited/subject-of-selector-descendant-2.xhtml b/layout/reftests/css-visited/subject-of-selector-descendant-2.xhtml
new file mode 100644
index 0000000000..b7e07ecadd
--- /dev/null
+++ b/layout/reftests/css-visited/subject-of-selector-descendant-2.xhtml
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style>
+
+a { text-decoration: none }
+:link { color: blue }
+:visited { color: purple }
+body .styled:link { color: olive; background: rgba(0, 255, 255, 0.5); }
+body .styled:visited { color: fuchsia; background: rgba(0, 0, 255, 0.5) }
+
+</style>
+</head>
+<body>
+
+<a class="styled" href="unvisited-page.html">unvisited (<a class="styled" href="unvisited-page.html">unvisited</a>)</a>
+<a class="styled" href="unvisited-page.html">unvisited (<a class="styled" href="visited-page.html">visited</a>)</a>
+<a class="styled" href="visited-page.html">visited (<a class="styled" href="unvisited-page.html">unvisited</a>)</a>
+<a class="styled" href="visited-page.html">visited (<a class="styled" href="visited-page.html">visited</a>)</a>
+
+<a href="unvisited-page.html">unvisited (<a class="styled" href="unvisited-page.html">unvisited</a>)</a>
+<a href="unvisited-page.html">unvisited (<a class="styled" href="visited-page.html">visited</a>)</a>
+<a href="visited-page.html">visited (<a class="styled" href="unvisited-page.html">unvisited</a>)</a>
+<a href="visited-page.html">visited (<a class="styled" href="visited-page.html">visited</a>)</a>
+
+<a class="styled" href="unvisited-page.html">unvisited (<a href="unvisited-page.html">unvisited</a>)</a>
+<a class="styled" href="unvisited-page.html">unvisited (<a href="visited-page.html">visited</a>)</a>
+<a class="styled" href="visited-page.html">visited (<a href="unvisited-page.html">unvisited</a>)</a>
+<a class="styled" href="visited-page.html">visited (<a href="visited-page.html">visited</a>)</a>
+
+</body>
+</html>
diff --git a/layout/reftests/css-visited/svg-paint-currentcolor-visited-ref.svg b/layout/reftests/css-visited/svg-paint-currentcolor-visited-ref.svg
new file mode 100644
index 0000000000..e42c1fd15b
--- /dev/null
+++ b/layout/reftests/css-visited/svg-paint-currentcolor-visited-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { fill: green; stroke: green; stroke-width: 20px; }
+  </style>
+  <rect x="10" y="10" width="80" height="80"/>
+</svg>
diff --git a/layout/reftests/css-visited/svg-paint-currentcolor-visited.svg b/layout/reftests/css-visited/svg-paint-currentcolor-visited.svg
new file mode 100644
index 0000000000..6893c6107d
--- /dev/null
+++ b/layout/reftests/css-visited/svg-paint-currentcolor-visited.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <metadata>
+    <link xmlns="http://www.w3.org/1999/xhtml" rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au"/>
+    <link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/pservers.html"/>
+    <link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="currentcolor-visited-ref.svg"/>
+    <meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="currentcolor should resolve against the visited-dependent value of the color property."/>
+  </metadata>
+
+  <style>
+    a:link { color: red; }
+    a:visited { color: green; }
+    rect { fill: currentcolor; stroke: currentcolor; stroke-width: 20px; }
+  </style>
+
+  <a href="visited-page.html"><rect x="10" y="10" width="80" height="80"/></a>
+</svg>
diff --git a/layout/reftests/css-visited/transition-on-visited-ref.html b/layout/reftests/css-visited/transition-on-visited-ref.html
new file mode 100644
index 0000000000..843f2c174f
--- /dev/null
+++ b/layout/reftests/css-visited/transition-on-visited-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span {
+  color: rgb(128, 0, 128);
+}
+</style>
+</head>
+<body>
+<span>Visited Link</span>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/transition-on-visited.html b/layout/reftests/css-visited/transition-on-visited.html
new file mode 100644
index 0000000000..cbf509ee57
--- /dev/null
+++ b/layout/reftests/css-visited/transition-on-visited.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=1381235
+-->
+<head>
+<title>Test for Bug 1381235</title>
+<style>
+a {
+  text-decoration: none;
+  color: rgb(255, 0, 0);
+  transition: color 1000s steps(2, start);
+}
+</style>
+</head>
+<body onload="runTest()">
+<a id="link" href="visited-page.html">Visited Link</a>
+<script type="application/javascript">
+function runTest() {
+  var a = document.getElementById("link");
+  a.style.color = "rgb(0, 0, 255)";
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/css-visited/variables-visited-ref.html b/layout/reftests/css-visited/variables-visited-ref.html
new file mode 100644
index 0000000000..bcd8706cd3
--- /dev/null
+++ b/layout/reftests/css-visited/variables-visited-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+  a {
+    color: green;
+  }
+</style>
+<a href="">Which color?</a>
diff --git a/layout/reftests/css-visited/variables-visited.html b/layout/reftests/css-visited/variables-visited.html
new file mode 100644
index 0000000000..ec7cf71e7a
--- /dev/null
+++ b/layout/reftests/css-visited/variables-visited.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<style>
+  a {
+    --foo: green;
+  }
+
+  :visited {
+    --foo: red;
+    color: var(--foo);
+  }
+</style>
+<a href="visited-page.html">Which color?</a>
diff --git a/layout/reftests/css-visited/visited-inherit-1-ref.html b/layout/reftests/css-visited/visited-inherit-1-ref.html
new file mode 100644
index 0000000000..4720e57eae
--- /dev/null
+++ b/layout/reftests/css-visited/visited-inherit-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+a { text-decoration: none; color: initial; display: block; margin: 2px; }
+.green { color: green; }
+</style>
+<a href="unvisited-page.html">
+  <div>
+    <span class="green">Should be green</span>
+  </div>
+</a>
diff --git a/layout/reftests/css-visited/visited-inherit-1.html b/layout/reftests/css-visited/visited-inherit-1.html
new file mode 100644
index 0000000000..cf53066d38
--- /dev/null
+++ b/layout/reftests/css-visited/visited-inherit-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+a { text-decoration: none; color: initial; display: block; margin: 2px; }
+.green { color: green; }
+</style>
+<a href="visited-page.html">
+  <div>
+    <span class="green">Should be green</span>
+  </div>
+</a>
diff --git a/layout/reftests/css-visited/visited-page.html b/layout/reftests/css-visited/visited-page.html
new file mode 100644
index 0000000000..45f19843ab
--- /dev/null
+++ b/layout/reftests/css-visited/visited-page.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<title>Visited page for tests for privacy restrictions on :visited (Bug 147777)</title>
diff --git a/layout/reftests/css-visited/white-to-transparent-1-ref.html b/layout/reftests/css-visited/white-to-transparent-1-ref.html
new file mode 100644
index 0000000000..9ec44c5cd3
--- /dev/null
+++ b/layout/reftests/css-visited/white-to-transparent-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+body { background: white; color: black }
+
+span { background: #ccc; }
+
+</style>
+<span>unvisited</span>
+<span>visited</span>
diff --git a/layout/reftests/css-visited/white-to-transparent-1.html b/layout/reftests/css-visited/white-to-transparent-1.html
new file mode 100644
index 0000000000..a9ac269574
--- /dev/null
+++ b/layout/reftests/css-visited/white-to-transparent-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+
+body { background: white; color: black }
+
+a { text-decoration: none; color: black }
+:link { background: #ccc; }
+:visited { background: transparent }
+
+</style>
+<a href="unvisited-page.html">unvisited</a>
+<a href="visited-page.html">visited</a>
diff --git a/layout/reftests/css-visited/width-1-ref.html b/layout/reftests/css-visited/width-1-ref.html
new file mode 100644
index 0000000000..b7b388b8ce
--- /dev/null
+++ b/layout/reftests/css-visited/width-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<table>
+  <tr>
+    <td>
+      <div style="width: 100px"></div>
+    </td>
+    <td>
+    text in next cell
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/css-visited/width-on-link-1.html b/layout/reftests/css-visited/width-on-link-1.html
new file mode 100644
index 0000000000..d05350dc17
--- /dev/null
+++ b/layout/reftests/css-visited/width-on-link-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+:link, :visited { display: block }
+:link { width: 100px; }
+:visited { width: 200px; }
+</style>
+<table>
+  <tr>
+    <td>
+      <a href="unvisited-page.html"></a>
+    </td>
+    <td>
+      text in next cell
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/css-visited/width-on-visited-1.html b/layout/reftests/css-visited/width-on-visited-1.html
new file mode 100644
index 0000000000..b9b653f4ad
--- /dev/null
+++ b/layout/reftests/css-visited/width-on-visited-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<title>Test for privacy restrictions on :visited (Bug 147777)</title>
+<style type="text/css">
+:link, :visited { display: block }
+:link { width: 100px; }
+:visited { width: 200px; }
+</style>
+<table>
+  <tr>
+    <td>
+      <a href="visited-page.html"></a>
+    </td>
+    <td>
+      text in next cell
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/cssom/computed-style-cross-window-inner.html b/layout/reftests/cssom/computed-style-cross-window-inner.html
new file mode 100644
index 0000000000..370ed9bd5f
--- /dev/null
+++ b/layout/reftests/cssom/computed-style-cross-window-inner.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<style>
+p { color: fuchsia }
+</style>
+<p>This is a paragraph inside the iframe.</p>
+<div style="display:none"><p>This is a paragraph inside the iframe.</p></div>
diff --git a/layout/reftests/cssom/computed-style-cross-window-ref.html b/layout/reftests/cssom/computed-style-cross-window-ref.html
new file mode 100644
index 0000000000..2a9db18bd8
--- /dev/null
+++ b/layout/reftests/cssom/computed-style-cross-window-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<title>getComputedStyle across windows</title>
+<style>
+p { color: blue }
+
+div { margin: 1em 0 }
+</style>
+
+<script>
+
+var gRunCount = 2;
+
+function run() {
+  if (--gRunCount != 0)
+    return;
+
+  var i = document.getElementById("i");
+
+  var pout = document.getElementById("out");
+  var poutnone = document.getElementById("outnone");
+  var pin = i.contentDocument.getElementsByTagName("p")[0];
+  var pinnone = i.contentDocument.getElementsByTagName("p")[1];
+
+  document.getElementById("res1").style.color =
+    window.getComputedStyle(pin).color;
+
+  document.getElementById("res2").style.color =
+    i.contentWindow.getComputedStyle(pout).color;
+
+  document.getElementById("res3").style.color =
+    window.getComputedStyle(pinnone).color;
+
+  document.getElementById("res4").style.color =
+    i.contentWindow.getComputedStyle(poutnone).color;
+}
+
+</script>
+<body onload="run()">
+
+<p id="out">This is a paragraph outside the iframe.</p>
+<div style="display:none"><p id="outnone">This is a paragraph outside the iframe.</p></div>
+
+<iframe id="i" src="computed-style-cross-window-inner.html" onload="run()"></iframe>
+
+<div style="color:fuchsia">This paragraph is the color that
+outerWindow.getComputedStyle says the paragraph inside the iframe
+is.</div>
+
+<div style="color:blue">This paragraph is the color that
+iframeWindow.getComputedStyle says the paragraph outside the iframe
+is.</div>
+
+<div style="color:fuchsia">This paragraph is the color that
+outerWindow.getComputedStyle says the display:none paragraph inside the
+iframe is.</div>
+
+<div style="color:blue">This paragraph is the color that
+iframeWindow.getComputedStyle says the display:none paragraph outside
+the iframe is.</div>
diff --git a/layout/reftests/cssom/computed-style-cross-window.html b/layout/reftests/cssom/computed-style-cross-window.html
new file mode 100644
index 0000000000..547e840cab
--- /dev/null
+++ b/layout/reftests/cssom/computed-style-cross-window.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>getComputedStyle across windows</title>
+<style>
+p { color: blue }
+
+div { margin: 1em 0 }
+</style>
+
+<script>
+
+var gRunCount = 2;
+
+function run() {
+  if (--gRunCount != 0)
+    return;
+
+  var i = document.getElementById("i");
+
+  var pout = document.getElementById("out");
+  var poutnone = document.getElementById("outnone");
+  var pin = i.contentDocument.getElementsByTagName("p")[0];
+  var pinnone = i.contentDocument.getElementsByTagName("p")[1];
+
+  document.getElementById("res1").style.color =
+    window.getComputedStyle(pin).color;
+
+  document.getElementById("res2").style.color =
+    i.contentWindow.getComputedStyle(pout).color;
+
+  document.getElementById("res3").style.color =
+    window.getComputedStyle(pinnone).color;
+
+  document.getElementById("res4").style.color =
+    i.contentWindow.getComputedStyle(poutnone).color;
+
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+<body onload="run()">
+
+<p id="out">This is a paragraph outside the iframe.</p>
+<div style="display:none"><p id="outnone">This is a paragraph outside the iframe.</p></div>
+
+<iframe id="i" src="computed-style-cross-window-inner.html" onload="run()"></iframe>
+
+<div id="res1">This paragraph is the color that
+outerWindow.getComputedStyle says the paragraph inside the iframe
+is.</div>
+
+<div id="res2">This paragraph is the color that
+iframeWindow.getComputedStyle says the paragraph outside the iframe
+is.</div>
+
+<div id="res3">This paragraph is the color that
+outerWindow.getComputedStyle says the display:none paragraph inside the
+iframe is.</div>
+
+<div id="res4">This paragraph is the color that
+iframeWindow.getComputedStyle says the display:none paragraph outside
+the iframe is.</div>
diff --git a/layout/reftests/cssom/inline-style-null-ref.html b/layout/reftests/cssom/inline-style-null-ref.html
new file mode 100644
index 0000000000..90a8a0618a
--- /dev/null
+++ b/layout/reftests/cssom/inline-style-null-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  div { color: green; }
+</style>
+<div>This text should be green</div>
+<div>This text should be green</div>
+<div>This text should be green</div>
diff --git a/layout/reftests/cssom/inline-style-null.html b/layout/reftests/cssom/inline-style-null.html
new file mode 100644
index 0000000000..4d3c36686c
--- /dev/null
+++ b/layout/reftests/cssom/inline-style-null.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  div { color: green; }
+  div#reverse { color: red; }
+</style>
+<div id="null" style="color: red">This text should be green</div>
+<div id="emptystring"style="color: red">This text should be green</div>
+<div id="reverse" style="color: green">This text should be green</div>
+<script>
+  document.getElementById("null").style.color = null;
+  document.getElementById("emptystring").style.color = "";
+  document.getElementById("reverse").style.color = "some invalid color string";
+</script>
diff --git a/layout/reftests/cssom/reftest.list b/layout/reftests/cssom/reftest.list
new file mode 100644
index 0000000000..bec72ca7f6
--- /dev/null
+++ b/layout/reftests/cssom/reftest.list
@@ -0,0 +1,2 @@
+fuzzy(0-2,0-5) == computed-style-cross-window.html computed-style-cross-window-ref.html
+== inline-style-null.html inline-style-null-ref.html
diff --git a/layout/reftests/datalist/datalist-errors.html b/layout/reftests/datalist/datalist-errors.html
new file mode 100644
index 0000000000..e56bd7ccb7
--- /dev/null
+++ b/layout/reftests/datalist/datalist-errors.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: a datalist element should not be visible
+             even if it contains non-option elements -->
+  <body>
+    <datalist>
+      <option>foo</option>
+      <option>bar</option>
+      <input type='text'>
+    </datalist>
+  </body>
+</html>
diff --git a/layout/reftests/datalist/datalist-simple.html b/layout/reftests/datalist/datalist-simple.html
new file mode 100644
index 0000000000..481262d992
--- /dev/null
+++ b/layout/reftests/datalist/datalist-simple.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: a datalist element should not be visible -->
+  <body>
+    <datalist>
+      <option>foo</option>
+      <option>bar</option>
+    </datalist>
+  </body>
+</html>
diff --git a/layout/reftests/datalist/reftest.list b/layout/reftests/datalist/reftest.list
new file mode 100644
index 0000000000..d9fc004606
--- /dev/null
+++ b/layout/reftests/datalist/reftest.list
@@ -0,0 +1,2 @@
+== datalist-simple.html about:blank
+== datalist-errors.html about:blank
diff --git a/layout/reftests/details-summary/close-nested-details-ref.html b/layout/reftests/details-summary/close-nested-details-ref.html
new file mode 100644
index 0000000000..06c2942210
--- /dev/null
+++ b/layout/reftests/details-summary/close-nested-details-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <summary>outer summary</summary>
+      <details>
+        <summary>inner summary</summary>
+        <p>inner details</p>
+        <details open>
+          <summary>inner most summary</summary>
+          <p>inner most details</p>
+        </details>
+      </details>
+      <p>outer details</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/close-nested-details.html b/layout/reftests/details-summary/close-nested-details.html
new file mode 100644
index 0000000000..07e8c030f1
--- /dev/null
+++ b/layout/reftests/details-summary/close-nested-details.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Close the inner details.
+    document.getElementById("inner").open = false;
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open>
+      <summary>outer summary</summary>
+      <details open id="inner">
+        <summary>inner summary</summary>
+        <p>inner details</p>
+        <details open>
+          <summary>inner most summary</summary>
+          <p>inner most details</p>
+        </details>
+      </details>
+      <p>outer details</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-absolute-children-ref.html b/layout/reftests/details-summary/details-absolute-children-ref.html
new file mode 100644
index 0000000000..89a0c7a1c0
--- /dev/null
+++ b/layout/reftests/details-summary/details-absolute-children-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  div#details {
+    background-color: orange;
+    width: 500px;
+    height: 200px;
+  }
+  div#summary {
+    background-color: green;
+    width: 50%;
+  }
+  div#in_summary {
+    position: absolute;
+    background-color: green;
+    top: 60px;
+    left: 100px;
+    width: 150px;
+    height: 100px;
+  }
+  div#before_summary {
+    position: absolute;
+    background-color: cyan;
+    top: 50px;
+    left: 50px;
+    width: 150px;
+    height: 100px;
+    z-index: 1;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="before_summary">div before summary</div>
+      <div id="summary">Summary<div id="in_summary">div in summary</div></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-absolute-children.html b/layout/reftests/details-summary/details-absolute-children.html
new file mode 100644
index 0000000000..b26b3bcdb1
--- /dev/null
+++ b/layout/reftests/details-summary/details-absolute-children.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    width: 500px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    width: 50%;
+  }
+  div#in_summary {
+    position: absolute;
+    background-color: green;
+    top: 60px;
+    left: 100px;
+    width: 150px;
+    height: 100px;
+  }
+  div#before_summary {
+    position: absolute;
+    background-color: cyan;
+    top: 50px;
+    left: 50px;
+    width: 150px;
+    height: 100px;
+  }
+  </style>
+  <body>
+    <details open>
+      <div id="before_summary">div before summary</div> <!-- This div is at front. -->
+      <summary>Summary<div id="in_summary">div in summary</div></summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-after-ref.html b/layout/reftests/details-summary/details-after-ref.html
new file mode 100644
index 0000000000..01fc78bbdc
--- /dev/null
+++ b/layout/reftests/details-summary/details-after-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<div id="details">
+  <div id="summary">Summary</div>
+  <p>This is the details.</p>
+</div>
diff --git a/layout/reftests/details-summary/details-after.html b/layout/reftests/details-summary/details-after.html
new file mode 100644
index 0000000000..e586fdda90
--- /dev/null
+++ b/layout/reftests/details-summary/details-after.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<head>
+  <style>
+    summary {
+      list-style-type: none;
+    }
+    details::after {
+      content: "This is the details.";
+      /* Match the margins and display of <p> */
+      display: block;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+    }
+  </style>
+</head>
+<html>
+  <body>
+    <details>
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-before-ref.html b/layout/reftests/details-summary/details-before-ref.html
new file mode 100644
index 0000000000..817930b4d8
--- /dev/null
+++ b/layout/reftests/details-summary/details-before-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<div id="details">
+  <p>This is the details.</p>
+  <div id="summary">Summary</div>
+</div>
diff --git a/layout/reftests/details-summary/details-before.html b/layout/reftests/details-summary/details-before.html
new file mode 100644
index 0000000000..9b9d437f99
--- /dev/null
+++ b/layout/reftests/details-summary/details-before.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<head>
+  <style>
+    summary {
+      list-style-type: none;
+    }
+    details::before {
+      content: "This is the details.";
+      /* Match the margins and display of <p> */
+      display: block;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+    }
+  </style>
+</head>
+<html>
+  <body>
+    <details>
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-display-inline-ref.html b/layout/reftests/details-summary/details-display-inline-ref.html
new file mode 100644
index 0000000000..7e28ef85d4
--- /dev/null
+++ b/layout/reftests/details-summary/details-display-inline-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  div#details {
+    display: inline-block;
+  }
+  </style>
+  <body>
+    Details element:
+    <div id="details">
+      <div>Summary</div>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-display-inline.html b/layout/reftests/details-summary/details-display-inline.html
new file mode 100644
index 0000000000..94c5db219a
--- /dev/null
+++ b/layout/reftests/details-summary/details-display-inline.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    display: inline;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    Details element:
+    <details open>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-first-line-ref.html b/layout/reftests/details-summary/details-first-line-ref.html
new file mode 100644
index 0000000000..da8462cbc9
--- /dev/null
+++ b/layout/reftests/details-summary/details-first-line-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <div id="details">
+      <span>Summary
+        <div>Block in summary</div>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-first-line.html b/layout/reftests/details-summary/details-first-line.html
new file mode 100644
index 0000000000..4ad2d9af5c
--- /dev/null
+++ b/layout/reftests/details-summary/details-first-line.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    display: inline; /* ::first-line appiles only to inline element. */
+  }
+
+  details::first-line {
+    color: blue;
+  }
+  </style>
+  <body>
+    <details>
+      <summary>Summary
+        <!-- Need ib-split so that the summary has multiple frames. -->
+        <div>Block in summary</div>
+      </summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-in-ol-ref.html b/layout/reftests/details-summary/details-in-ol-ref.html
new file mode 100644
index 0000000000..6bff1c814a
--- /dev/null
+++ b/layout/reftests/details-summary/details-in-ol-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <ol>
+      <li>First item
+        <div>
+          <summary style="list-style-position: inside">Summary
+            <ul>
+              <li>First unordered item in summary</li>
+              <li>Second unordered item in summary</li>
+            </ul>
+            <div>
+              <ol>
+                <li>First item in summary</li>
+                <li>Second item in summary</li>
+              </ol>
+            </div>
+            <svg>
+              <foreignObject width="300" height="300">
+                <ol>
+                  <li>First item in foreignObject</li>
+                  <li>Second item in foreignObject</li>
+                </ol>
+              </foreignObject>
+            </svg>
+          </summary>
+          <p>This is the details.</p>
+          <li>First item in details</li>
+          <li>Second item in details</li>
+        </div>
+      </li>
+      <li>Second item</li>
+    </ol>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-in-ol.html b/layout/reftests/details-summary/details-in-ol.html
new file mode 100644
index 0000000000..2d9a9d1943
--- /dev/null
+++ b/layout/reftests/details-summary/details-in-ol.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <!-- Test <ol> numbering is not affected by <details>. -->
+    <ol>
+      <li>First item
+        <details open>
+          <summary>Summary
+            <ul>
+              <li>First unordered item in summary</li>
+              <li>Second unordered item in summary</li>
+            </ul>
+            <div>
+              <ol>
+                <li>First item in summary</li>
+                <li>Second item in summary</li>
+              </ol>
+            </div>
+            <svg>
+              <foreignObject width="300" height="300">
+                <ol>
+                  <li>First item in foreignObject</li>
+                  <li>Second item in foreignObject</li>
+                </ol>
+              </foreignObject>
+            </svg>
+          </summary>
+          <p>This is the details.</p>
+          <!-- Although html spec does not allow <li> inside <details>, we
+               deliberately omit the <ol> to test the renumbering isn't affected
+               by the summary. -->
+          <li>First item in details</li>
+          <li>Second item in details</li>
+        </details>
+      </li>
+      <li>Second item</li>
+    </ol>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-percentage-height-children-ref.html b/layout/reftests/details-summary/details-percentage-height-children-ref.html
new file mode 100644
index 0000000000..38404d59ce
--- /dev/null
+++ b/layout/reftests/details-summary/details-percentage-height-children-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  div#details {
+    background-color: orange;
+    width: 500px;
+    height: 300px;
+  }
+  div#summary {
+    background-color: green;
+    width: 50%;
+    height: 40%;
+  }
+  div#inner {
+    background-color: cyan;
+    width: 50%;
+    height: 60%;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="summary">Summary: 40% height</div>
+      <div id="inner">Div: 60% height</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-percentage-height-children.html b/layout/reftests/details-summary/details-percentage-height-children.html
new file mode 100644
index 0000000000..75a9bf1727
--- /dev/null
+++ b/layout/reftests/details-summary/details-percentage-height-children.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    width: 500px;
+    height: 300px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  summary {
+    background-color: green;
+    width: 50%;
+    height: 40%;
+  }
+  div#inner {
+    background-color: cyan;
+    width: 50%;
+    height: 60%;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Summary: 40% height</summary>
+      <div id="inner">Div: 60% height</div>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-three-columns-ref.html b/layout/reftests/details-summary/details-three-columns-ref.html
new file mode 100644
index 0000000000..0908a13f9d
--- /dev/null
+++ b/layout/reftests/details-summary/details-three-columns-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    background-color: lightgreen;
+  }
+  div#columns {
+    column-count: 3;
+    column-rule: 1px solid lightgray;
+    -webkit-column-count: 3;
+    -webkit-column-rule: 1px solid lightgray;
+    border: 1px solid lightblue;
+  }
+  </style>
+  <body>
+    <div id="columns">
+      <summary>Summary</summary>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-three-columns.html b/layout/reftests/details-summary/details-three-columns.html
new file mode 100644
index 0000000000..b01856ffe4
--- /dev/null
+++ b/layout/reftests/details-summary/details-three-columns.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    column-count: 3;
+    column-rule: 1px solid lightgray;
+    -webkit-column-count: 3;
+    -webkit-column-rule: 1px solid lightgray;
+    border: 1px solid lightblue;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  summary {
+    background-color: lightgreen;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+      <p>line</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-writing-mode-ref.html b/layout/reftests/details-summary/details-writing-mode-ref.html
new file mode 100644
index 0000000000..1200409737
--- /dev/null
+++ b/layout/reftests/details-summary/details-writing-mode-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    display: grid;
+    grid-template-rows: auto;
+    grid-template-columns: repeat(3, 150px);
+  }
+  .details {
+    border: 1px solid lightblue;
+  }
+  </style>
+  <body>
+    <div class="details" style="writing-mode: horizontal-tb; direction: ltr;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </div>
+    <div class="details" style="writing-mode: vertical-rl; direction: ltr;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </div>
+    <div class="details" style="writing-mode: vertical-lr; direction: ltr;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </div>
+    <div class="details" style="writing-mode: horizontal-tb; direction: rtl;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </div>
+    <div class="details" style="writing-mode: vertical-rl; direction: rtl;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </div>
+    <div class="details" style="writing-mode: vertical-lr; direction: rtl;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/details-writing-mode.html b/layout/reftests/details-summary/details-writing-mode.html
new file mode 100644
index 0000000000..44cd45f920
--- /dev/null
+++ b/layout/reftests/details-summary/details-writing-mode.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    display: grid;
+    grid-template-rows: auto;
+    grid-template-columns: repeat(3, 150px);
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  details {
+    border: 1px solid lightblue;
+  }
+  </style>
+  <body>
+    <details open style="writing-mode: horizontal-tb; direction: ltr;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    <details open style="writing-mode: vertical-rl; direction: ltr;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    <details open style="writing-mode: vertical-lr; direction: ltr;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    <details open style="writing-mode: horizontal-tb; direction: rtl;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    <details open style="writing-mode: vertical-rl; direction: rtl;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    <details open style="writing-mode: vertical-lr; direction: rtl;">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-details.html b/layout/reftests/details-summary/dynamic-add-details.html
new file mode 100644
index 0000000000..6189d648a4
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-details.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Append open <details> into <body>
+    var summary = document.createElement("summary");
+    var summary_text = document.createTextNode("Summary");
+    summary.appendChild(summary_text);
+
+    var paragraph = document.createElement("p");
+    var details_text = document.createTextNode("This is the details.");
+    paragraph.appendChild(details_text);
+
+    var details = document.createElement("details");
+    details.appendChild(summary);
+    details.appendChild(paragraph);
+    details.open = true;
+
+    document.body.appendChild(details);
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-first-summary.html b/layout/reftests/details-summary/dynamic-add-first-summary.html
new file mode 100644
index 0000000000..d7d67c46cf
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-first-summary.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert a <summary> as the first child of the <details>.
+    var summary = document.createElement("summary");
+    var text = document.createTextNode("Summary");
+    summary.appendChild(text);
+
+    var details = document.getElementById("details");
+    details.insertBefore(summary, details.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <summary>Second Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-paragraph-after-summary-close.html b/layout/reftests/details-summary/dynamic-add-paragraph-after-summary-close.html
new file mode 100644
index 0000000000..224c6cacca
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-paragraph-after-summary-close.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert <p> after <summary>.
+    var paragraph = document.createElement("p");
+    var details_text = document.createTextNode("This is the details.");
+    paragraph.appendChild(details_text);
+
+    var details = document.getElementById("details");
+    details.appendChild(paragraph);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details">
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-paragraph-after-summary.html b/layout/reftests/details-summary/dynamic-add-paragraph-after-summary.html
new file mode 100644
index 0000000000..0d979bd2d8
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-paragraph-after-summary.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert <p> after <summary>.
+    var paragraph = document.createElement("p");
+    var details_text = document.createTextNode("This is the details.");
+    paragraph.appendChild(details_text);
+
+    var details = document.getElementById("details");
+    details.appendChild(paragraph);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-paragraph-before-summary-close.html b/layout/reftests/details-summary/dynamic-add-paragraph-before-summary-close.html
new file mode 100644
index 0000000000..71f93b0245
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-paragraph-before-summary-close.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert <p> before <summary>.
+    var paragraph = document.createElement("p");
+    var details_text = document.createTextNode("This is the details.");
+    paragraph.appendChild(details_text);
+
+    var details = document.getElementById("details");
+    details.insertBefore(paragraph, details.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details">
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-paragraph-before-summary.html b/layout/reftests/details-summary/dynamic-add-paragraph-before-summary.html
new file mode 100644
index 0000000000..9a0d3340a0
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-paragraph-before-summary.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert <p> before <summary>.
+    var paragraph = document.createElement("p");
+    var details_text = document.createTextNode("This is the details.");
+    paragraph.appendChild(details_text);
+
+    var details = document.getElementById("details");
+    details.insertBefore(paragraph, details.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-second-summary.html b/layout/reftests/details-summary/dynamic-add-second-summary.html
new file mode 100644
index 0000000000..df4a434524
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-second-summary.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert a <summary> as the first child of the <details>.
+    var summary = document.createElement("summary");
+    var text = document.createTextNode("Second Summary");
+    summary.appendChild(text);
+
+    var details = document.getElementById("details");
+    details.insertBefore(summary, details.children[1]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-single-summary.html b/layout/reftests/details-summary/dynamic-add-single-summary.html
new file mode 100644
index 0000000000..bcd5cc95e2
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-single-summary.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert a <summary> as the first child of the <details>.
+    var summary = document.createElement("summary");
+    var text = document.createTextNode("Summary");
+    summary.appendChild(text);
+
+    var details = document.getElementById("details");
+    details.insertBefore(summary, details.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-summary-and-paragraph.html b/layout/reftests/details-summary/dynamic-add-summary-and-paragraph.html
new file mode 100644
index 0000000000..463ee35239
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-summary-and-paragraph.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Append <summary> and <p> into <details>.
+    var summary = document.createElement("summary");
+    var summary_text = document.createTextNode("Summary");
+    summary.appendChild(summary_text);
+
+    var paragraph = document.createElement("p");
+    var details_text = document.createTextNode("This is the details.");
+    paragraph.appendChild(details_text);
+
+    var details = document.getElementById("details");
+    details.appendChild(summary);
+    details.appendChild(paragraph);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-add-summary-not-first-child.html b/layout/reftests/details-summary/dynamic-add-summary-not-first-child.html
new file mode 100644
index 0000000000..98c599c7f5
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-add-summary-not-first-child.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Insert a <summary> as the last child of the <details>.
+    var summary = document.createElement("summary");
+    var text = document.createTextNode("Summary");
+    summary.appendChild(text);
+
+    var details = document.getElementById("details");
+    details.appendChild(summary);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-remove-first-summary.html b/layout/reftests/details-summary/dynamic-remove-first-summary.html
new file mode 100644
index 0000000000..b66c16a67c
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-remove-first-summary.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Remove first <summary> from <details>. Second <summary> should be used.
+    var details = document.getElementById("details");
+    var summary = document.getElementById("summary");
+    details.removeChild(summary);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <summary id="summary">Removed Summary</summary>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-remove-second-summary.html b/layout/reftests/details-summary/dynamic-remove-second-summary.html
new file mode 100644
index 0000000000..5cd97d398f
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-remove-second-summary.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Remove first <summary> from <details>. Second <summary> should be used.
+    var details = document.getElementById("details");
+    var summary = document.getElementById("summary");
+    details.removeChild(summary);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <summary>Summary</summary>
+      <summary id="summary">Removed Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-remove-single-summary.html b/layout/reftests/details-summary/dynamic-remove-single-summary.html
new file mode 100644
index 0000000000..382d002164
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-remove-single-summary.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Remove <summary> from <details>.
+    var details = document.getElementById("details");
+    var summary = document.getElementById("summary");
+    details.removeChild(summary);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/dynamic-remove-summary-not-first-child.html b/layout/reftests/details-summary/dynamic-remove-summary-not-first-child.html
new file mode 100644
index 0000000000..13961452c1
--- /dev/null
+++ b/layout/reftests/details-summary/dynamic-remove-summary-not-first-child.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Remove <summary> from <details>.
+    var details = document.getElementById("details");
+    var summary = document.getElementById("summary");
+    details.removeChild(summary);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open id="details">
+      <p>This is the details.</p>
+      <summary id="summary">Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/fixed-summary.html b/layout/reftests/details-summary/fixed-summary.html
new file mode 100644
index 0000000000..d79f17925a
--- /dev/null
+++ b/layout/reftests/details-summary/fixed-summary.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+  }
+  </style>
+  <body>
+    <details>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-details.html b/layout/reftests/details-summary/float-details.html
new file mode 100644
index 0000000000..8ec8babb16
--- /dev/null
+++ b/layout/reftests/details-summary/float-details.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    border: 1px solid red;
+    float: right;
+  }
+  </style>
+  <body>
+    <details>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-in-summary-ref.html b/layout/reftests/details-summary/float-in-summary-ref.html
new file mode 100644
index 0000000000..c27bc7d957
--- /dev/null
+++ b/layout/reftests/details-summary/float-in-summary-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  div#details {
+    background-color: orange;
+    overflow: auto;
+    width: 500px;
+  }
+  div#summary {
+    background-color: green;
+    width: 400px;
+  }
+  h4 {
+    background-color: cyan;
+    width: 100px;
+    height: 100px;
+    float: right;
+    margin: 0;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="summary">
+        <h4>This is float: right in summary</h4>Lorem ipsum dolor sit amet,
+        consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
+        et dolore magna aliqua.
+      </div>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-in-summary.html b/layout/reftests/details-summary/float-in-summary.html
new file mode 100644
index 0000000000..e2abb73cf4
--- /dev/null
+++ b/layout/reftests/details-summary/float-in-summary.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    overflow: auto;
+    width: 500px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    width: 400px;
+  }
+  h4 {
+    background-color: cyan;
+    width: 100px;
+    height: 100px;
+    float: right;
+    margin: 0;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>
+        <h4>This is float: right in summary</h4>Lorem ipsum dolor sit amet,
+        consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
+        et dolore magna aliqua.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-float-details-ref.html b/layout/reftests/details-summary/float-left-and-float-details-ref.html
new file mode 100644
index 0000000000..57e3997794
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-float-details-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    float: left;
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      <!-- No content due to closed details -->
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-float-details.html b/layout/reftests/details-summary/float-left-and-float-details.html
new file mode 100644
index 0000000000..3806b580a7
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-float-details.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    float: left;
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <!-- This tall float block is necessary to reproduce the incorrect height of the details. -->
+    <div id="float"></div>
+    <details>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-float-open-details-ref.html b/layout/reftests/details-summary/float-left-and-float-open-details-ref.html
new file mode 100644
index 0000000000..eb5a75e3cb
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-float-open-details-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    float: left;
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-float-open-details.html b/layout/reftests/details-summary/float-left-and-float-open-details.html
new file mode 100644
index 0000000000..80e4d6a25a
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-float-open-details.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    float: left;
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <!-- This tall float block is necessary to reproduce the incorrect height of the details. -->
+    <div id="float"></div>
+    <details open>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-inflow-details-ref.html b/layout/reftests/details-summary/float-left-and-inflow-details-ref.html
new file mode 100644
index 0000000000..909702354a
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-inflow-details-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      <!-- No content due to closed details -->
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-inflow-details.html b/layout/reftests/details-summary/float-left-and-inflow-details.html
new file mode 100644
index 0000000000..92875763d9
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-inflow-details.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <details>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-inflow-open-details-ref.html b/layout/reftests/details-summary/float-left-and-inflow-open-details-ref.html
new file mode 100644
index 0000000000..1642ad623c
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-inflow-open-details-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-left-and-inflow-open-details.html b/layout/reftests/details-summary/float-left-and-inflow-open-details.html
new file mode 100644
index 0000000000..a81c425c28
--- /dev/null
+++ b/layout/reftests/details-summary/float-left-and-inflow-open-details.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <details open>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-open-details-contains-float-left-ref.html b/layout/reftests/details-summary/float-open-details-contains-float-left-ref.html
new file mode 100644
index 0000000000..b943389305
--- /dev/null
+++ b/layout/reftests/details-summary/float-open-details-contains-float-left-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 400px;
+    background-color: lightgreen;
+  }
+  div#details {
+    float: left;
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="summary">Summary</div>
+      <div id="float"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-open-details-contains-float-left.html b/layout/reftests/details-summary/float-open-details-contains-float-left.html
new file mode 100644
index 0000000000..372fef96d7
--- /dev/null
+++ b/layout/reftests/details-summary/float-open-details-contains-float-left.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: left;
+    width: 200px;
+    height: 400px;
+    background-color: lightgreen;
+  }
+  details {
+    float: left;
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <div id="float"></div>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-open-details-contains-float-right-ref.html b/layout/reftests/details-summary/float-open-details-contains-float-right-ref.html
new file mode 100644
index 0000000000..217ca4cd61
--- /dev/null
+++ b/layout/reftests/details-summary/float-open-details-contains-float-right-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 400px;
+    background-color: lightgreen;
+  }
+  div#details {
+    float: right;
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="summary">Summary</div>
+      <div id="float"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-open-details-contains-float-right.html b/layout/reftests/details-summary/float-open-details-contains-float-right.html
new file mode 100644
index 0000000000..2b38050849
--- /dev/null
+++ b/layout/reftests/details-summary/float-open-details-contains-float-right.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 400px;
+    background-color: lightgreen;
+  }
+  details {
+    float: right;
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <div id="float"></div>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-float-details-ref.html b/layout/reftests/details-summary/float-right-and-float-details-ref.html
new file mode 100644
index 0000000000..e7349f4a4a
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-float-details-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    float: right;
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      <!-- No content due to closed details -->
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-float-details.html b/layout/reftests/details-summary/float-right-and-float-details.html
new file mode 100644
index 0000000000..c827558597
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-float-details.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    float: right;
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <!-- This tall float block is necessary to reproduce the incorrect height of the details. -->
+    <div id="float"></div>
+    <details>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-float-open-details-ref.html b/layout/reftests/details-summary/float-right-and-float-open-details-ref.html
new file mode 100644
index 0000000000..c8c3b54b3f
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-float-open-details-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    float: right;
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-float-open-details.html b/layout/reftests/details-summary/float-right-and-float-open-details.html
new file mode 100644
index 0000000000..857624aa48
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-float-open-details.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    float: right;
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <!-- This tall float block is necessary to reproduce the incorrect height of the details. -->
+    <div id="float"></div>
+    <details open>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-inflow-details-ref.html b/layout/reftests/details-summary/float-right-and-inflow-details-ref.html
new file mode 100644
index 0000000000..b65de5bdbb
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-inflow-details-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      <!-- No content due to closed details -->
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-inflow-details.html b/layout/reftests/details-summary/float-right-and-inflow-details.html
new file mode 100644
index 0000000000..b48bfaa957
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-inflow-details.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <details>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-inflow-open-details-ref.html b/layout/reftests/details-summary/float-right-and-inflow-open-details-ref.html
new file mode 100644
index 0000000000..f27b81a34e
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-inflow-open-details-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  div#details {
+    background-color: orange;
+  }
+  div#summary {
+    background-color: green;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <div id="details">
+      <div id="summary">Summary</div>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/float-right-and-inflow-open-details.html b/layout/reftests/details-summary/float-right-and-inflow-open-details.html
new file mode 100644
index 0000000000..04fd463041
--- /dev/null
+++ b/layout/reftests/details-summary/float-right-and-inflow-open-details.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  body {
+    width: 400px;
+  }
+  div#float {
+    float: right;
+    width: 200px;
+    height: 200px;
+    background-color: lightgreen;
+  }
+  details {
+    background-color: orange;
+  }
+  summary {
+    background-color: green;
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  </style>
+  <body>
+    <div id="float"></div>
+    <details open>
+      <summary>Summary</summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-change-details-to-display-none.html b/layout/reftests/details-summary/mouse-click-change-details-to-display-none.html
new file mode 100644
index 0000000000..64ff67bfd8
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-change-details-to-display-none.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Both Chrome and Safari add the 'open' attribute to the details element.
+    var details = document.getElementById("details");
+    var summary = document.getElementById("summary");
+
+    document.body.addEventListener("click", function () {
+      // Change details to display: none in capturing phase.
+      details.style.display = "none";
+    }, true);
+
+    summary.dispatchEvent(new MouseEvent("click"));
+
+    details.style.display = "block";
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details">
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-change-summary-to-display-none-ref.html b/layout/reftests/details-summary/mouse-click-change-summary-to-display-none-ref.html
new file mode 100644
index 0000000000..6ecdbcdc0a
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-change-summary-to-display-none-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <div>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-change-summary-to-display-none.html b/layout/reftests/details-summary/mouse-click-change-summary-to-display-none.html
new file mode 100644
index 0000000000..47f97dc551
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-change-summary-to-display-none.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Both Chrome and Safari add the 'open' attribute to the details element.
+    // Firefox has the same behavior.
+    var details = document.getElementById("details");
+    var summary = document.getElementById("summary");
+
+    document.body.addEventListener("click", function () {
+      // Change summary to display: none in capturing phase.
+      summary.style.display = "none";
+    }, true);
+
+    summary.dispatchEvent(new MouseEvent("click"));
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details">
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-display-none-details.html b/layout/reftests/details-summary/mouse-click-display-none-details.html
new file mode 100644
index 0000000000..70dec7332c
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-display-none-details.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Both Chrome and Safari do not toggle the 'open' attribute for a <details>
+    // with 'display: none'.
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+
+    var details = document.getElementById("details");
+    details.style.display = "block";
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details" style="display: none;">
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-fixed-summary.html b/layout/reftests/details-summary/mouse-click-fixed-summary.html
new file mode 100644
index 0000000000..bfaddf0d86
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-fixed-summary.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <style>
+  summary {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-float-details.html b/layout/reftests/details-summary/mouse-click-float-details.html
new file mode 100644
index 0000000000..9785e9743c
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-float-details.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    border: 1px solid red;
+    float: right;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-move-summary-to-different-details-ref.html b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details-ref.html
new file mode 100644
index 0000000000..0dc94b41fc
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <summary>Summary 2</summary>
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
new file mode 100644
index 0000000000..1e6c04505b
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Both Chrome and Safari do not add the 'open' attribute to details1
+    // element, but Firefox does add 'open' to details1 since summary2 had been
+    // moved to details1 before receiving the 'click' event.
+    var details1 = document.getElementById("details1");
+    var summary2 = document.getElementById("summary2");
+
+    document.body.addEventListener("click", function () {
+      // Move summary2 into details1 at capture phase, and summary2 will be the
+      // main summary of details1 at target phase.
+      details1.insertBefore(summary2, details1.children[0]);
+    }, true);
+
+    summary2.dispatchEvent(new MouseEvent("click"));
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details1">
+      <summary id="summary1">Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <summary id="summary2">Summary 2</summary>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-open-second-summary.html b/layout/reftests/details-summary/mouse-click-open-second-summary.html
new file mode 100644
index 0000000000..e590f86206
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-open-second-summary.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    /* Clicking on second summary should not collapse details. */
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open>
+      <summary>Summary</summary>
+      <summary id="summary">Second Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-open-single-summary.html b/layout/reftests/details-summary/mouse-click-open-single-summary.html
new file mode 100644
index 0000000000..9edf9d96b3
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-open-single-summary.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-overflow-auto-details.html b/layout/reftests/details-summary/mouse-click-overflow-auto-details.html
new file mode 100644
index 0000000000..fb73ed2126
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-overflow-auto-details.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <style>
+  details {
+    background-color: orange;
+    overflow: auto;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  summary {
+    background-color: green;
+    overflow: auto;
+    width: 200px;
+    height: 100px;
+  }
+  div.tall {
+    background-color: blue;
+    border: 1px dotted purple;
+    height: 1000px;
+    width: 50px;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">
+        <div class="tall">
+        </div>
+      </summary>
+      <div class="tall">
+      </div>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-overflow-hidden-details.html b/layout/reftests/details-summary/mouse-click-overflow-hidden-details.html
new file mode 100644
index 0000000000..0ff967dd81
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-overflow-hidden-details.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <style>
+  details {
+    background-color: orange;
+    overflow: hidden;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  summary {
+    background-color: green;
+    overflow: hidden;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+        mollit anim id est laborum.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-second-summary.html b/layout/reftests/details-summary/mouse-click-second-summary.html
new file mode 100644
index 0000000000..978d8ad238
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-second-summary.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open>
+      <summary>Summary</summary>
+      <summary id="summary">Second Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-single-summary.html b/layout/reftests/details-summary/mouse-click-single-summary.html
new file mode 100644
index 0000000000..223c71f4db
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-single-summary.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-twice-fixed-summary.html b/layout/reftests/details-summary/mouse-click-twice-fixed-summary.html
new file mode 100644
index 0000000000..ddeb617b68
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-twice-fixed-summary.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <style>
+  summary {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-twice-float-details.html b/layout/reftests/details-summary/mouse-click-twice-float-details.html
new file mode 100644
index 0000000000..c99c3ea33e
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-twice-float-details.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    border: 1px solid red;
+    float: right;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-twice-open-single-summary.html b/layout/reftests/details-summary/mouse-click-twice-open-single-summary.html
new file mode 100644
index 0000000000..d18f5e5da4
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-twice-open-single-summary.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-twice-overflow-auto-details.html b/layout/reftests/details-summary/mouse-click-twice-overflow-auto-details.html
new file mode 100644
index 0000000000..d240ce02d9
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-twice-overflow-auto-details.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <style>
+  details {
+    background-color: orange;
+    overflow: auto;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    overflow: auto;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+        mollit anim id est laborum.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-twice-overflow-hidden-details.html b/layout/reftests/details-summary/mouse-click-twice-overflow-hidden-details.html
new file mode 100644
index 0000000000..efb2ca10b8
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-twice-overflow-hidden-details.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <style>
+  details {
+    background-color: orange;
+    overflow: hidden;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    overflow: hidden;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+        mollit anim id est laborum.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/mouse-click-twice-single-summary.html b/layout/reftests/details-summary/mouse-click-twice-single-summary.html
new file mode 100644
index 0000000000..3609b84f2a
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-twice-single-summary.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var summary = document.getElementById("summary");
+    summary.dispatchEvent(new MouseEvent("click"));
+    summary.dispatchEvent(new MouseEvent("click"));
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details>
+      <summary id="summary">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/move-float-summary-to-different-details-ref.html b/layout/reftests/details-summary/move-float-summary-to-different-details-ref.html
new file mode 100644
index 0000000000..67d3d3f797
--- /dev/null
+++ b/layout/reftests/details-summary/move-float-summary-to-different-details-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <summary style="float:left;">Summary 2</summary>
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/move-float-summary-to-different-details.html b/layout/reftests/details-summary/move-float-summary-to-different-details.html
new file mode 100644
index 0000000000..fd474d75dc
--- /dev/null
+++ b/layout/reftests/details-summary/move-float-summary-to-different-details.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var details1 = document.getElementById("details1");
+    var summary2 = document.getElementById("summary2");
+
+    details1.insertBefore(summary2, details1.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details1">
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <summary id="summary2" style="float: left;">Summary 2</summary>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/move-position-absolute-summary-to-different-details-ref.html b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details-ref.html
new file mode 100644
index 0000000000..d1a8cfc0cf
--- /dev/null
+++ b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <summary style="position: absolute;">Summary 2</summary>
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/move-position-absolute-summary-to-different-details.html b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details.html
new file mode 100644
index 0000000000..ccd1e83f45
--- /dev/null
+++ b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var details1 = document.getElementById("details1");
+    var summary2 = document.getElementById("summary2");
+
+    details1.insertBefore(summary2, details1.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details1">
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <summary id="summary2" style="position: absolute;">Summary 2</summary>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/multiple-summary.html b/layout/reftests/details-summary/multiple-summary.html
new file mode 100644
index 0000000000..6ac034675a
--- /dev/null
+++ b/layout/reftests/details-summary/multiple-summary.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <summary>Summary</summary>
+      <summary>Second Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/no-summary-ref.html b/layout/reftests/details-summary/no-summary-ref.html
new file mode 100644
index 0000000000..e1b4d449bc
--- /dev/null
+++ b/layout/reftests/details-summary/no-summary-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <summary>Details</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/no-summary.html b/layout/reftests/details-summary/no-summary.html
new file mode 100644
index 0000000000..f33b45f05c
--- /dev/null
+++ b/layout/reftests/details-summary/no-summary.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-details-after.html b/layout/reftests/details-summary/open-details-after.html
new file mode 100644
index 0000000000..1c5d8b7257
--- /dev/null
+++ b/layout/reftests/details-summary/open-details-after.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<head>
+  <style>
+    details::after {
+      content: "This is the details.";
+      /* Match the margins and display of <p> */
+      display: block;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+    }
+  </style>
+</head>
+<html>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-details-before.html b/layout/reftests/details-summary/open-details-before.html
new file mode 100644
index 0000000000..31008a6186
--- /dev/null
+++ b/layout/reftests/details-summary/open-details-before.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<head>
+  <style>
+    summary {
+      list-style-type: none;
+    }
+    details::before {
+      content: "This is the details.";
+      /* Match the margins and display of <p> */
+      display: block;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+    }
+  </style>
+</head>
+<html>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-details-first-line-1.html b/layout/reftests/details-summary/open-details-first-line-1.html
new file mode 100644
index 0000000000..a579d03425
--- /dev/null
+++ b/layout/reftests/details-summary/open-details-first-line-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    display: inline; /* ::first-line appiles only to inline element. */
+  }
+
+  details::first-line {
+    color: blue;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Summary
+        <!-- Need ib-split so that the summary has multiple frames. -->
+        <div>Block in summary</div>
+      </summary>
+      <span>This is the details.</span>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-details-first-line-2.html b/layout/reftests/details-summary/open-details-first-line-2.html
new file mode 100644
index 0000000000..93af8f4624
--- /dev/null
+++ b/layout/reftests/details-summary/open-details-first-line-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    display: inline; /* ::first-line appiles only to inline element. */
+  }
+
+  details::first-line {
+    color: blue;
+  }
+  </style>
+  <body>
+    <details open>
+      <span>This is the details.</span>
+      <summary>Summary
+        <!-- Need ib-split so that the summary has multiple frames. -->
+        <div>Block in summary</div>
+      </summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-details-first-line-ref.html b/layout/reftests/details-summary/open-details-first-line-ref.html
new file mode 100644
index 0000000000..f7cbdd7e0e
--- /dev/null
+++ b/layout/reftests/details-summary/open-details-first-line-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <div id="details">
+      <span>Summary
+        <div>Block in summary</div>
+      </span>
+      <span>This is the details.</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-fixed-summary.html b/layout/reftests/details-summary/open-fixed-summary.html
new file mode 100644
index 0000000000..155e2abb7d
--- /dev/null
+++ b/layout/reftests/details-summary/open-fixed-summary.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-float-details.html b/layout/reftests/details-summary/open-float-details.html
new file mode 100644
index 0000000000..4f0e5b46f3
--- /dev/null
+++ b/layout/reftests/details-summary/open-float-details.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    border: 1px solid red;
+    float: right;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-multiple-summary-ref.html b/layout/reftests/details-summary/open-multiple-summary-ref.html
new file mode 100644
index 0000000000..27b6046fe3
--- /dev/null
+++ b/layout/reftests/details-summary/open-multiple-summary-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <div>Second Summary</div>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-multiple-summary.html b/layout/reftests/details-summary/open-multiple-summary.html
new file mode 100644
index 0000000000..3216e5907f
--- /dev/null
+++ b/layout/reftests/details-summary/open-multiple-summary.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <summary>Second Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-nested-details-ref.html b/layout/reftests/details-summary/open-nested-details-ref.html
new file mode 100644
index 0000000000..75eada081a
--- /dev/null
+++ b/layout/reftests/details-summary/open-nested-details-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <summary>outer summary</summary>
+      <details open>
+        <summary>inner summary</summary>
+        <p>inner details</p>
+        <details open>
+          <summary>inner most summary</summary>
+          <p>inner most details</p>
+        </details>
+      </details>
+      <p>outer details</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-nested-details.html b/layout/reftests/details-summary/open-nested-details.html
new file mode 100644
index 0000000000..573ba50daa
--- /dev/null
+++ b/layout/reftests/details-summary/open-nested-details.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    // Open the inner details.
+    document.getElementById("inner").open = true;
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details open>
+      <summary>outer summary</summary>
+      <details id="inner">
+        <summary>inner summary</summary>
+        <p>inner details</p>
+        <details open>
+          <summary>inner most summary</summary>
+          <p>inner most details</p>
+        </details>
+      </details>
+      <p>outer details</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-no-summary-ref.html b/layout/reftests/details-summary/open-no-summary-ref.html
new file mode 100644
index 0000000000..e3f85c2108
--- /dev/null
+++ b/layout/reftests/details-summary/open-no-summary-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <summary>Details</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-no-summary.html b/layout/reftests/details-summary/open-no-summary.html
new file mode 100644
index 0000000000..15c02115b5
--- /dev/null
+++ b/layout/reftests/details-summary/open-no-summary.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-single-summary.html b/layout/reftests/details-summary/open-single-summary.html
new file mode 100644
index 0000000000..9dd2c3da2a
--- /dev/null
+++ b/layout/reftests/details-summary/open-single-summary.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-summary-block-style-ref.html b/layout/reftests/details-summary/open-summary-block-style-ref.html
new file mode 100644
index 0000000000..f643af6dcd
--- /dev/null
+++ b/layout/reftests/details-summary/open-summary-block-style-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <div>
+      <div>Summary</div>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-summary-block-style.html b/layout/reftests/details-summary/open-summary-block-style.html
new file mode 100644
index 0000000000..0cb3ab8510
--- /dev/null
+++ b/layout/reftests/details-summary/open-summary-block-style.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <!-- Test the disclosure triangle is gone. -->
+      <summary style="display: block;">Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-summary-inline-style-ref.html b/layout/reftests/details-summary/open-summary-inline-style-ref.html
new file mode 100644
index 0000000000..f0be2f66d3
--- /dev/null
+++ b/layout/reftests/details-summary/open-summary-inline-style-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <div>
+      <span>Summary
+        <div>Block in summary</div>
+      </span>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-summary-inline-style.html b/layout/reftests/details-summary/open-summary-inline-style.html
new file mode 100644
index 0000000000..1c28d62fe2
--- /dev/null
+++ b/layout/reftests/details-summary/open-summary-inline-style.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    display: inline;
+  }
+  </style>
+  <body>
+    <details open>
+      <p>This is the details.</p>
+      <!-- Make summary the second element child so that layout will try to
+           render it as the first child. -->
+      <summary>Summary
+        <!-- Need ib-split so that the summary has multiple frames. -->
+        <div>Block in summary</div>
+      </summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-summary-not-first-child.html b/layout/reftests/details-summary/open-summary-not-first-child.html
new file mode 100644
index 0000000000..8aca740c93
--- /dev/null
+++ b/layout/reftests/details-summary/open-summary-not-first-child.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <p>This is the details.</p>
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-summary-table-cell-style-ref.html b/layout/reftests/details-summary/open-summary-table-cell-style-ref.html
new file mode 100644
index 0000000000..634bfec1df
--- /dev/null
+++ b/layout/reftests/details-summary/open-summary-table-cell-style-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <div>
+      <span style="display: table-cell;">Summary
+        <div>Block in summary</div>
+      </span>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/open-summary-table-cell-style.html b/layout/reftests/details-summary/open-summary-table-cell-style.html
new file mode 100644
index 0000000000..9b6ef4034b
--- /dev/null
+++ b/layout/reftests/details-summary/open-summary-table-cell-style.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    display: table-cell;
+  }
+  </style>
+  <body>
+    <details open>
+      <p>This is the details.</p>
+      <!-- Make summary the second element child so that layout will try to
+           render it as the first child. -->
+      <summary>Summary
+        <div>Block in summary</div>
+      </summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-auto-details.html b/layout/reftests/details-summary/overflow-auto-details.html
new file mode 100644
index 0000000000..9ad9c76111
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-auto-details.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    overflow: auto;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    overflow: auto;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <body>
+    <details>
+      <summary>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+        mollit anim id est laborum.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-auto-open-details-ref.html b/layout/reftests/details-summary/overflow-auto-open-details-ref.html
new file mode 100644
index 0000000000..0ab995cdb1
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-auto-open-details-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  div#details {
+    background-color: orange;
+    overflow: auto;
+    width: 300px;
+    height: 200px;
+  }
+  div#summary {
+    background-color: green;
+    overflow: auto;
+    width: 200px;
+    height: 100px;
+  }
+  div.tall {
+    background-color: blue;
+    border: 1px dotted purple;
+    height: 1000px;
+    width: 50px;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="summary">
+        <div class="tall">
+        </div>
+      </div>
+      <div class="tall">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-auto-open-details.html b/layout/reftests/details-summary/overflow-auto-open-details.html
new file mode 100644
index 0000000000..a3b1819f54
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-auto-open-details.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    overflow: auto;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    overflow: auto;
+    width: 200px;
+    height: 100px;
+  }
+  div.tall {
+    background-color: blue;
+    border: 1px dotted purple;
+    height: 1000px;
+    width: 50px;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>
+        <div class="tall">
+        </div>
+      </summary>
+      <div class="tall">
+      </div>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-hidden-details.html b/layout/reftests/details-summary/overflow-hidden-details.html
new file mode 100644
index 0000000000..d75969a6cc
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-hidden-details.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    overflow: hidden;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    overflow: hidden;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <body>
+    <details>
+      <summary>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+        mollit anim id est laborum.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-hidden-open-details-ref.html b/layout/reftests/details-summary/overflow-hidden-open-details-ref.html
new file mode 100644
index 0000000000..a8ae2039d3
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-hidden-open-details-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  div#details {
+    background-color: orange;
+    overflow: hidden;
+    width: 300px;
+    height: 200px;
+  }
+  div#summary {
+    background-color: green;
+    overflow: hidden;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
+        enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+        officia deserunt mollit anim id est laborum.
+      </div>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-hidden-open-details.html b/layout/reftests/details-summary/overflow-hidden-open-details.html
new file mode 100644
index 0000000000..979b871a1a
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-hidden-open-details.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    overflow: hidden;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    overflow: hidden;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+        mollit anim id est laborum.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-scroll-details-ref.html b/layout/reftests/details-summary/overflow-scroll-details-ref.html
new file mode 100644
index 0000000000..b85a242c9d
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-scroll-details-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  div#details {
+    background-color: orange;
+    overflow: scroll;
+    width: 300px;
+    height: 200px;
+  }
+  div#summary {
+    background-color: green;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <body>
+    <div id="details">
+      <div id="summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
+        enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+        officia deserunt mollit anim id est laborum.
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/overflow-scroll-details.html b/layout/reftests/details-summary/overflow-scroll-details.html
new file mode 100644
index 0000000000..ec5b80dcbb
--- /dev/null
+++ b/layout/reftests/details-summary/overflow-scroll-details.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  details {
+    background-color: orange;
+    overflow: scroll;
+    width: 300px;
+    height: 200px;
+  }
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    background-color: green;
+    width: 200px;
+    height: 100px;
+  }
+  </style>
+  <body>
+    <details>
+      <summary>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+        mollit anim id est laborum.
+      </summary>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/reftest.list b/layout/reftests/details-summary/reftest.list
new file mode 100644
index 0000000000..aaeb7798ff
--- /dev/null
+++ b/layout/reftests/details-summary/reftest.list
@@ -0,0 +1,95 @@
+# Basic <summary> handling
+== multiple-summary.html single-summary.html
+== open-multiple-summary.html open-multiple-summary-ref.html
+== summary-not-first-child.html single-summary.html
+== open-summary-not-first-child.html open-single-summary.html
+== open-summary-block-style.html open-summary-block-style-ref.html
+== open-summary-inline-style.html open-summary-inline-style-ref.html
+== open-summary-table-cell-style.html open-summary-table-cell-style-ref.html
+== no-summary.html no-summary-ref.html
+== open-no-summary.html open-no-summary-ref.html
+== summary-not-in-details.html summary-not-in-details-ref.html
+== summary-not-direct-child.html summary-not-direct-child-ref.html
+== float-in-summary.html float-in-summary-ref.html
+
+# Add elements dynamically
+== dynamic-add-single-summary.html open-single-summary.html
+== dynamic-add-summary-not-first-child.html open-single-summary.html
+== dynamic-add-summary-and-paragraph.html open-single-summary.html
+== dynamic-add-paragraph-before-summary.html open-single-summary.html
+== dynamic-add-paragraph-before-summary-close.html single-summary.html
+== dynamic-add-paragraph-after-summary.html open-single-summary.html
+== dynamic-add-paragraph-after-summary-close.html single-summary.html
+== dynamic-add-details.html open-single-summary.html
+== dynamic-add-first-summary.html open-multiple-summary.html
+== dynamic-add-second-summary.html open-multiple-summary.html
+
+# Remove elements dynamically
+== dynamic-remove-single-summary.html open-no-summary.html
+== dynamic-remove-summary-not-first-child.html open-no-summary.html
+== dynamic-remove-first-summary.html open-single-summary.html
+== dynamic-remove-second-summary.html open-single-summary.html
+
+# Toggle details by open attribute
+== close-nested-details.html close-nested-details-ref.html
+== open-nested-details.html open-nested-details-ref.html
+
+# With 'overflow' property
+== overflow-hidden-open-details.html overflow-hidden-open-details-ref.html
+== overflow-auto-open-details.html overflow-auto-open-details-ref.html
+== overflow-scroll-details.html overflow-scroll-details-ref.html
+
+# With 'float' property
+== float-left-and-float-details.html float-left-and-float-details-ref.html
+== float-left-and-inflow-details.html float-left-and-inflow-details-ref.html
+== float-left-and-float-open-details.html float-left-and-float-open-details-ref.html
+== float-left-and-inflow-open-details.html float-left-and-inflow-open-details-ref.html
+== float-right-and-float-details.html float-right-and-float-details-ref.html
+== float-right-and-inflow-details.html float-right-and-inflow-details-ref.html
+== float-right-and-float-open-details.html float-right-and-float-open-details-ref.html
+== float-right-and-inflow-open-details.html float-right-and-inflow-open-details-ref.html
+== float-open-details-contains-float-left.html float-open-details-contains-float-left-ref.html
+== float-open-details-contains-float-right.html float-open-details-contains-float-right-ref.html
+
+# Various properties on details or summary
+== details-display-inline.html details-display-inline-ref.html
+== details-percentage-height-children.html details-percentage-height-children-ref.html
+== details-absolute-children.html details-absolute-children-ref.html
+== details-three-columns.html details-three-columns-ref.html
+== details-writing-mode.html details-writing-mode-ref.html
+== details-in-ol.html details-in-ol-ref.html
+== summary-three-columns.html summary-three-columns-ref.html
+== details-first-line.html details-first-line-ref.html
+== open-details-first-line-1.html open-details-first-line-ref.html
+== open-details-first-line-2.html open-details-first-line-ref.html
+
+# Dispatch mouse click to summary
+== mouse-click-single-summary.html open-single-summary.html
+== mouse-click-twice-single-summary.html single-summary.html
+== mouse-click-open-single-summary.html single-summary.html
+== mouse-click-twice-open-single-summary.html open-single-summary.html
+== mouse-click-open-second-summary.html open-multiple-summary.html
+== mouse-click-overflow-hidden-details.html overflow-hidden-open-details.html
+== mouse-click-twice-overflow-hidden-details.html overflow-hidden-details.html
+fuzzy(0-1,0-172) == mouse-click-overflow-auto-details.html overflow-auto-open-details.html #Bug 1294278
+== mouse-click-twice-overflow-auto-details.html overflow-auto-details.html
+== mouse-click-display-none-details.html open-single-summary.html
+== mouse-click-change-details-to-display-none.html open-single-summary.html
+== mouse-click-change-summary-to-display-none.html mouse-click-change-summary-to-display-none-ref.html
+== mouse-click-move-summary-to-different-details.html mouse-click-move-summary-to-different-details-ref.html
+
+# Dispatch mouse click to out-of-flow details or summary
+== mouse-click-fixed-summary.html open-fixed-summary.html
+== mouse-click-twice-fixed-summary.html fixed-summary.html
+fuzzy-if(geckoview,0-7,0-1) == mouse-click-float-details.html open-float-details.html
+fuzzy(0-4,0-1) == mouse-click-twice-float-details.html float-details.html # Bug 1316430
+
+# Generated content bits
+== details-after.html details-after-ref.html
+== details-before.html details-before-ref.html
+== open-details-after.html open-single-summary.html
+== open-details-before.html details-before-ref.html
+
+# Move summary element
+== move-float-summary-to-different-details.html move-float-summary-to-different-details-ref.html
+== move-position-absolute-summary-to-different-details.html move-position-absolute-summary-to-different-details-ref.html
diff --git a/layout/reftests/details-summary/single-summary.html b/layout/reftests/details-summary/single-summary.html
new file mode 100644
index 0000000000..95d125237d
--- /dev/null
+++ b/layout/reftests/details-summary/single-summary.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <summary>Summary</summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/summary-not-direct-child-ref.html b/layout/reftests/details-summary/summary-not-direct-child-ref.html
new file mode 100644
index 0000000000..54cf25430c
--- /dev/null
+++ b/layout/reftests/details-summary/summary-not-direct-child-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <span><div>Summary</div></span>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/summary-not-direct-child.html b/layout/reftests/details-summary/summary-not-direct-child.html
new file mode 100644
index 0000000000..c12b0719e3
--- /dev/null
+++ b/layout/reftests/details-summary/summary-not-direct-child.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details open>
+      <span><summary>Summary</summary></span>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/summary-not-first-child.html b/layout/reftests/details-summary/summary-not-first-child.html
new file mode 100644
index 0000000000..c06a6e3ac2
--- /dev/null
+++ b/layout/reftests/details-summary/summary-not-first-child.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <p>This is the details.</p>
+      <summary>Summary</summary>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/summary-not-in-details-ref.html b/layout/reftests/details-summary/summary-not-in-details-ref.html
new file mode 100644
index 0000000000..1d4f5c6ac8
--- /dev/null
+++ b/layout/reftests/details-summary/summary-not-in-details-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <div>Summary</div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/summary-not-in-details.html b/layout/reftests/details-summary/summary-not-in-details.html
new file mode 100644
index 0000000000..c0ff654f17
--- /dev/null
+++ b/layout/reftests/details-summary/summary-not-in-details.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <!-- Render standalone summary as a normal block element. -->
+    <summary>Summary</summary>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/summary-three-columns-ref.html b/layout/reftests/details-summary/summary-three-columns-ref.html
new file mode 100644
index 0000000000..4db14deba7
--- /dev/null
+++ b/layout/reftests/details-summary/summary-three-columns-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  .summary-columns {
+    column-count: 3;
+    column-rule: 1px solid lightgray;
+    -webkit-column-count: 3;
+    -webkit-column-rule: 1px solid lightgray;
+    border: 1px solid lightblue;
+    background-color: lightgreen;
+  }
+  </style>
+  <body>
+    <div>
+      <div class="summary-columns">
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+      </div>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/summary-three-columns.html b/layout/reftests/details-summary/summary-three-columns.html
new file mode 100644
index 0000000000..0f3f20cf2b
--- /dev/null
+++ b/layout/reftests/details-summary/summary-three-columns.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+    column-count: 3;
+    column-rule: 1px solid lightgray;
+    -webkit-column-count: 3;
+    -webkit-column-rule: 1px solid lightgray;
+    border: 1px solid lightblue;
+    background-color: lightgreen;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+      </summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/display-list/1413073-ref.html b/layout/reftests/display-list/1413073-ref.html
new file mode 100644
index 0000000000..eac0fd7bf4
--- /dev/null
+++ b/layout/reftests/display-list/1413073-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>The ASR for the opacity item is the root scroll frame instead of the subframe.</title>
+
+<style>
+
+.outer {
+  /* avoid event regions messing with our demonstration */
+  pointer-events: none;
+  /* make sure the .outer opacity item has the root scroll frame as its ASR */
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+.scrollFrameWrapper {
+  /* clips off .scrollFrame's scrollbar */
+  margin: 100px;
+  overflow: hidden;
+}
+
+.scrollFrame {
+  height: 300px;
+  margin-right: -20px;
+  padding-right: 20px;
+  overflow: hidden;
+}
+
+.scrolledContents {
+  height: 1000px;
+  width: 200px;
+  border: 5px solid black;
+  pointer-events: auto;
+}
+
+</style>
+
+</head><body>
+
+<div class="opacity outer">
+  <div class="opacity inner">
+    <div class="scrollFrameWrapper">
+      <div class="scrollFrame">
+        <div class="scrolledContents"></div>
+      </div>
+    </div>
+  </div>
+</div>
+</body></html>
diff --git a/layout/reftests/display-list/1413073.html b/layout/reftests/display-list/1413073.html
new file mode 100644
index 0000000000..f266852ae2
--- /dev/null
+++ b/layout/reftests/display-list/1413073.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>The ASR for the opacity item is the root scroll frame instead of the subframe.</title>
+
+<style>
+
+.outer {
+  /* avoid event regions messing with our demonstration */
+  pointer-events: none;
+  /* make sure the .outer opacity item has the root scroll frame as its ASR */
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+.scrollFrameWrapper {
+  /* clips off .scrollFrame's scrollbar */
+  margin: 100px;
+  overflow: hidden;
+}
+
+.scrollFrame {
+  height: 300px;
+  margin-right: -20px;
+  padding-right: 20px;
+  overflow: auto;
+}
+
+.scrolledContents {
+  height: 1000px;
+  width: 200px;
+  border: 5px solid black;
+  pointer-events: auto;
+}
+
+</style>
+
+</head><body>
+
+<div class="opacity outer">
+  <div class="opacity inner">
+    <div class="scrollFrameWrapper">
+      <div class="scrollFrame">
+        <div class="scrolledContents"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+
+function doTest()
+{
+  var scrollFrame = document.querySelector('.scrollFrame');
+  scrollFrame.scrollTop = 10;
+  scrollFrame.scrollTop = 20;
+  scrollFrame.scrollTop = 0;
+
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body></html>
diff --git a/layout/reftests/display-list/1416291-ref.html b/layout/reftests/display-list/1416291-ref.html
new file mode 100644
index 0000000000..6a2650a669
--- /dev/null
+++ b/layout/reftests/display-list/1416291-ref.html
@@ -0,0 +1,11 @@
+<html>
+<body>
+<div style="transform-style:preserve-3d; width: 200px; height: 200px;">
+  <div style="transform-style:preserve-3d; transform:translate(10px); width: 200px; height: 200px;" id="transformed">
+    <div style="transform: translate(10px); width: 200px; height: 200px;">
+      <div style="width:200px; height:200px; background-color:red"></div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1416291.html b/layout/reftests/display-list/1416291.html
new file mode 100644
index 0000000000..275d6cb069
--- /dev/null
+++ b/layout/reftests/display-list/1416291.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+<body>
+<div style="transform-style:preserve-3d; width: 200px; height: 200px;">
+  <div style="transform-style:preserve-3d; transform:translate(5px); width: 200px; height: 200px;" id="transformed">
+    <div style="transform: translate(10px); width: 200px; height: 200px;">
+      <div style="width:200px; height:200px; background-color:red"></div>
+    </div>
+  </div>
+</div>
+<script>
+
+function doTest()
+{
+  var div = document.getElementById("transformed");
+  transformed.style.transform = "translate(10px)";
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1417601-1-ref.html b/layout/reftests/display-list/1417601-1-ref.html
new file mode 100644
index 0000000000..a794e9914e
--- /dev/null
+++ b/layout/reftests/display-list/1417601-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<style>
+#modified {
+  left: 10px;
+}
+</style>
+
+</head>
+<body>
+<div style="opacity:0.9">
+  <div style="position:fixed; left:300px; top:300px; width:200px; height:200px; background-color:red; z-index:-10"></div>
+  <div style="width:200px; height:200px; position:relative; background-color:green" id="modified">
+    <div style="opacity:0.9">
+      <div style="position:fixed; left:300px; top:300px; width:200px; height:200px; background-color:green; z-index:-10"></div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1417601-1.html b/layout/reftests/display-list/1417601-1.html
new file mode 100644
index 0000000000..d52beae807
--- /dev/null
+++ b/layout/reftests/display-list/1417601-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="UTF-8">
+
+<style>
+#modified {
+  left: 0px;
+}
+</style>
+
+<script type="text/javascript">
+function doTest() {
+  document.getElementById("modified").style.left = "10px";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+
+</head>
+<body>
+<div style="opacity:0.9">
+  <div style="position:fixed; left:300px; top:300px; width:200px; height:200px; background-color:red; z-index:-10"></div>
+  <div style="width:200px; height:200px; position:relative; background-color:green" id="modified">
+    <div style="opacity:0.9">
+      <div style="position:fixed; left:300px; top:300px; width:200px; height:200px; background-color:green; z-index:-10"></div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1418945-1-ref.html b/layout/reftests/display-list/1418945-1-ref.html
new file mode 100644
index 0000000000..f1498c931d
--- /dev/null
+++ b/layout/reftests/display-list/1418945-1-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    position:relative;
+  }
+  #first {
+    background-color: red;
+    z-index: 1;
+  }
+  #second {
+    top: -50px;
+    background-color: green;
+    z-index: 1;
+  }
+</style>
+</head>
+<body>
+    <div id="first"></div>
+    <div id="second"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1418945-1.html b/layout/reftests/display-list/1418945-1.html
new file mode 100644
index 0000000000..527d91211d
--- /dev/null
+++ b/layout/reftests/display-list/1418945-1.html
@@ -0,0 +1,34 @@
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    position:relative;
+  }
+  #first {
+    background-color: red;
+    z-index: 2;
+  }
+  #second {
+    top: -50px;
+    background-color: green;
+    z-index: 1;
+  }
+</style>
+<script>
+
+function doTest()
+{
+  document.getElementById("first").style.zIndex = 1;
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+    <div id="first"></div>
+    <div id="second"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1420480-1-ref.html b/layout/reftests/display-list/1420480-1-ref.html
new file mode 100644
index 0000000000..bd014eff7e
--- /dev/null
+++ b/layout/reftests/display-list/1420480-1-ref.html
@@ -0,0 +1,26 @@
+<html>
+  <head>
+    <style>
+    div {
+      width: 200px;
+      height: 200px;
+      background-color: blue;
+      opacity: 0.95;
+      position: absolute;
+    }
+    #second {
+      width: 600px;
+      height: 800px;
+      background-color: green;
+    }
+    </style>
+  </head>
+  <body>
+    <div id="first">
+        <div id="second"></div>
+    </div>
+    <div style="z-index:-2; top: 220px;"></div>
+    <div style="top: 440px;"></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/display-list/1420480-1.html b/layout/reftests/display-list/1420480-1.html
new file mode 100644
index 0000000000..d4bc59173a
--- /dev/null
+++ b/layout/reftests/display-list/1420480-1.html
@@ -0,0 +1,43 @@
+<html class="reftest-wait">
+  <head>
+    <style>
+    div {
+      width: 200px;
+      height: 200px;
+      background-color: blue;
+      opacity: 0.95;
+      position: absolute;
+    }
+    #first {
+      display: none;
+    }
+    #second {
+      width: 600px;
+      height: 800px;
+      display: none;
+      background-color: green;
+    }
+    </style>
+  </head>
+  <body>
+    <div id="first">
+        <div id="second"></div>
+    </div>
+    <div style="z-index:-2; top: 220px;"></div>
+    <div style="top: 440px;"></div>
+
+    <script>
+      function doTest2() {
+        document.getElementById("second").style.display = "block";
+        document.documentElement.removeAttribute("class");
+      }
+
+      function doTest() {
+        document.getElementById("first").style.display = "block";
+        setTimeout(doTest2, 500);
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </body>
+</html>
+
diff --git a/layout/reftests/display-list/1428993-1-ref.html b/layout/reftests/display-list/1428993-1-ref.html
new file mode 100644
index 0000000000..d04ab0273b
--- /dev/null
+++ b/layout/reftests/display-list/1428993-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+.container {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+
+    width: 400px;
+    height: 400px;
+
+    background-color: green;
+}
+</style>
+</head>
+
+<body>
+<div class="container">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1428993-1.html b/layout/reftests/display-list/1428993-1.html
new file mode 100644
index 0000000000..340633249a
--- /dev/null
+++ b/layout/reftests/display-list/1428993-1.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+.box {
+    left: 0px;
+    top: 0px;
+    width: 400px;
+    height: 400px;
+}
+
+button {
+    position: fixed;
+    outline: none;
+    background-color: green;
+    border: none;
+}
+
+.red {
+    position: absolute;
+    background-color: red;
+}
+
+.translate {
+    transform: translateX(0px);
+}
+
+.container {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+}
+</style>
+</head>
+
+<body>
+<div class="container">
+    <div class="box red"></div>
+    <button class="box" id="green"></button>
+</div>
+
+<script type="text/javascript">
+function doTest() {
+  document.getElementById("green").classList.add("translate");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+
+// setTimeout(doTest, 5000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1428993-2-ref.html b/layout/reftests/display-list/1428993-2-ref.html
new file mode 100644
index 0000000000..a5ed24618f
--- /dev/null
+++ b/layout/reftests/display-list/1428993-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+#child {
+    position: absolute;
+    width: 100px;
+    height: 100px;
+    top: 300px;
+    left: 0px;
+    background-color: green;
+}
+
+.container {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 200px;
+    height: 200px;
+    z-index: 1;
+    background-color: green;
+}
+</style>
+</head>
+
+<body>
+<div class="container">
+    <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1428993-2.html b/layout/reftests/display-list/1428993-2.html
new file mode 100644
index 0000000000..24515231bc
--- /dev/null
+++ b/layout/reftests/display-list/1428993-2.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+.back {
+    width: 200px;
+    height: 200px;
+    background-color: red;
+}
+
+#parent {
+    position: fixed;
+    width: 200px;
+    height: 200px;
+    top: 0px;
+    left: 0px;
+    background-color: green;
+}
+
+#child {
+    position: fixed;
+    width: 100px;
+    height: 100px;
+    top: 300px;
+    background-color: green;
+}
+
+.translate {
+    transform: translateX(0px);
+}
+
+.container {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+}
+</style>
+</head>
+
+<body>
+<div class="container">
+    <div class="back"></div>
+    <div id="parent">
+        <div id="child"></div>
+    </div>
+</div>
+<script type="text/javascript">
+function doTest() {
+  document.getElementById("parent").classList.add("translate");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+
+// setTimeout(doTest, 5000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1429027-1-ref.html b/layout/reftests/display-list/1429027-1-ref.html
new file mode 100644
index 0000000000..a161155609
--- /dev/null
+++ b/layout/reftests/display-list/1429027-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>Bug 1429027 - No caret</title>
+  <meta charset="utf-8">
+</head>
+<body>
+<form autocomplete="off">
+  <input autofocus value="" onfocus="done()">
+</form>
+
+<script type="text/javascript">
+function done() {
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1429027-1.html b/layout/reftests/display-list/1429027-1.html
new file mode 100644
index 0000000000..ea89a57634
--- /dev/null
+++ b/layout/reftests/display-list/1429027-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>Bug 1429027 - No caret</title>
+  <meta charset="utf-8">
+</head>
+<body>
+<form autocomplete="off">
+  <input autofocus value="test">
+</form>
+
+<script type="text/javascript">
+function done() {
+  document.documentElement.removeAttribute("class");
+}
+
+function focus() {
+  document.querySelector("input").focus();
+  setTimeout(done, 0);
+}
+
+function clearInput() {
+  document.querySelector("input").value = "";
+  setTimeout(focus, 0);
+}
+
+function doTest() {
+  document.querySelector("input").focus();
+  setTimeout(clearInput, 0);
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1432553-1-ref.html b/layout/reftests/display-list/1432553-1-ref.html
new file mode 100644
index 0000000000..aed22a3297
--- /dev/null
+++ b/layout/reftests/display-list/1432553-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+#parent {
+    position: fixed;
+    top: 0px;
+    left: 300px;
+    width: 200px;
+    height: 200px;
+
+    border: none;
+    background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1432553-1.html b/layout/reftests/display-list/1432553-1.html
new file mode 100644
index 0000000000..2605f9ef1e
--- /dev/null
+++ b/layout/reftests/display-list/1432553-1.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+.back {
+    position: absolute;
+    left: 50px;
+    top: 50px;
+    height: 400px;
+    width: 400px;
+
+    background: white;
+}
+
+#parent {
+    position: fixed;
+    top: 0px;
+    left: 300px;
+    width: 200px;
+    height: 200px;
+
+    border: none;
+    background-color: green;
+}
+
+.translate {
+    transform: translateX(0px);
+}
+
+#child {
+    position: fixed;
+}
+
+.container {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 600px;
+    height: 600px;
+    z-index: 1;
+}
+</style>
+</head>
+<body>
+<div class="container">
+    <div class="back"></div>
+    <div id="parent">
+      <div id="child"></div>
+    </div>
+</div>
+
+<script type="text/javascript">
+function doTest() {
+  document.getElementById("parent").classList.add("translate");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+
+// setTimeout(doTest, 1000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1432553-2-ref.html b/layout/reftests/display-list/1432553-2-ref.html
new file mode 100644
index 0000000000..2ccf9dc4a2
--- /dev/null
+++ b/layout/reftests/display-list/1432553-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+#parent {
+    position: fixed;
+    top: 300px;
+    left: 300px;
+    width: 200px;
+    height: 200px;
+
+    border: none;
+    background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1432553-2.html b/layout/reftests/display-list/1432553-2.html
new file mode 100644
index 0000000000..d10e29227d
--- /dev/null
+++ b/layout/reftests/display-list/1432553-2.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Retained display list test</title>
+<style type="text/css">
+.back {
+    position: absolute;
+    left: 50px;
+    top: 50px;
+    height: 400px;
+    width: 400px;
+
+    background: white;
+}
+
+#parent {
+    position: fixed;
+    top: 300px;
+    left: 300px;
+    width: 200px;
+    height: 200px;
+
+    border: none;
+    background-color: green;
+}
+
+.translate {
+    transform: translateX(0px);
+}
+
+#child {
+    position: fixed;
+}
+
+.container {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 600px;
+    height: 600px;
+    z-index: 1;
+}
+</style>
+</head>
+<body>
+<div class="container">
+    <div class="back"></div>
+    <div id="parent">
+      <div id="child"></div>
+    </div>
+</div>
+
+<script type="text/javascript">
+function doTest() {
+  document.getElementById("parent").classList.add("translate");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+
+// setTimeout(doTest, 1000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1436189-1-ref.html b/layout/reftests/display-list/1436189-1-ref.html
new file mode 100644
index 0000000000..d97cc1e835
--- /dev/null
+++ b/layout/reftests/display-list/1436189-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html lang="en">
+<body>
+<div style="opacity:0.5" id="hi">
+  <div style="position:fixed; width:200px; height:200px; background-color:blue"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1436189-1.html b/layout/reftests/display-list/1436189-1.html
new file mode 100644
index 0000000000..96c1dd2e23
--- /dev/null
+++ b/layout/reftests/display-list/1436189-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<body>
+<div style="opacity:0.5" id="hi">
+  <div style="position:fixed; width:200px; height:200px; background-color:blue"></div>
+</div>
+
+<script>
+
+function doTest()
+{
+  var opacityElement = document.getElementById("hi");
+  opacityElement.style.left = '100px';
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1437374-1-ref.html b/layout/reftests/display-list/1437374-1-ref.html
new file mode 100644
index 0000000000..f7c40e2c5e
--- /dev/null
+++ b/layout/reftests/display-list/1437374-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:400px; height:500px; border:2px solid black">
+    <div style="height:450px"></div>
+    <div style="height:50px; background:purple"></div>
+  </div>
+</html>
diff --git a/layout/reftests/display-list/1437374-1.html b/layout/reftests/display-list/1437374-1.html
new file mode 100644
index 0000000000..bce8597f6d
--- /dev/null
+++ b/layout/reftests/display-list/1437374-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll class="reftest-wait reftest-snapshot-all">
+<body>
+<div style="width:400px; height:500px; overflow: scroll; scrollbar-width: none; border:2px solid black"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="800" reftest-displayport-h="2000"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+  <div style="height:500px"></div>
+  <div style="height:100px; background-color:red" id="scrolled"></div>
+</div>
+<script>
+
+function doTest()
+{
+  var scrolled = document.getElementById("scrolled");
+  scrolled.style.backgroundColor = "purple";
+  document.documentElement.setAttribute("class", "reftest-snapshot-all");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1439809-1-ref.html b/layout/reftests/display-list/1439809-1-ref.html
new file mode 100644
index 0000000000..9841512362
--- /dev/null
+++ b/layout/reftests/display-list/1439809-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  #one {
+    background-color: green;
+  }
+  #two {
+    background-color: red;
+  }
+  #three {
+    position: absolute;
+    width: 500px;
+    height: 500px;
+    top: 0px;
+    background-color: rgba(255,0,255,0.2);
+  }
+</style>
+</head>
+<body>
+  <div id="one"></div>
+  <div id="two"></div>
+  <div id="three"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1439809-1.html b/layout/reftests/display-list/1439809-1.html
new file mode 100644
index 0000000000..97e0006a99
--- /dev/null
+++ b/layout/reftests/display-list/1439809-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  #one {
+    background-color: green;
+    visibility: hidden;
+  }
+  #two {
+    background-color: red;
+  }
+  #three {
+    position: absolute;
+    width: 500px;
+    height: 500px;
+    top: 0px;
+    background-color: rgba(0,0,255,0.2);
+  }
+</style>
+</head>
+<body>
+  <div id="one"></div>
+  <div id="two"></div>
+  <div id="three"></div>
+  <script>
+    function doTest2() {
+      document.getElementById("three").style.backgroundColor = "rgba(255,0,255,0.2)";
+      document.documentElement.removeAttribute('class');
+    }
+    function doTest() {
+      document.getElementById("one").style.visibility = "visible";
+      window.requestAnimationFrame(function() { window.requestAnimationFrame(doTest2); });
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1443027-1.html b/layout/reftests/display-list/1443027-1.html
new file mode 100644
index 0000000000..703b0b0501
--- /dev/null
+++ b/layout/reftests/display-list/1443027-1.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<title>Bug 1443027 - Test merging across multiple paints</title>
+
+<style>
+
+body { opacity: 0.9; }
+
+div {
+  position: absolute;
+}
+
+#A {
+  left: 250px;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+#B {
+  left: 200px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: yellow;
+}
+
+#C {
+  left: 0px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+
+#D {
+  left: 80px;
+  top: 20px;
+  width: 140px;
+  height: 100px;
+  background-color: blue;
+}
+
+</style>
+</head>
+<body>
+<div id="A"></div>
+<div id="B"></div>
+<div id="C"></div>
+<div id="D"></div>
+
+<script>
+
+var A = document.getElementById("A");
+var B = document.getElementById("B");
+var C = document.getElementById("C");
+var D = document.getElementById("D");
+
+A.style.visibility = "hidden";
+B.style.visibility = "hidden";
+C.style.visibility = "hidden";
+D.style.visibility = "hidden";
+
+window.addEventListener("MozReftestInvalidate", step1);
+
+function step1() {
+  C.style.visibility = "visible";
+  C.style.transform = "translatez(1px)";
+  D.style.visibility = "visible";
+  D.style.transform = "translatez(1px)";
+
+  window.requestAnimationFrame(function() { window.requestAnimationFrame(step2); });
+}
+
+function step2() {
+  A.style.visibility = "visible";
+  A.style.transform = "translatez(1px)";
+  B.style.visibility = "visible";
+  B.style.transform = "translatez(1px)";
+
+  window.requestAnimationFrame(step3);
+}
+
+function step3() {
+  D.style.visibility = "hidden";
+  D.style.transform = "";
+  document.documentElement.removeAttribute('class');
+}
+
+</script>
+</body></html>
diff --git a/layout/reftests/display-list/1443027-2.html b/layout/reftests/display-list/1443027-2.html
new file mode 100644
index 0000000000..55a632ab1d
--- /dev/null
+++ b/layout/reftests/display-list/1443027-2.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<title>Bug 1443027 - Test merging across multiple paints</title>
+
+<style>
+
+body { opacity: 0.9; }
+
+div {
+  position: absolute;
+}
+
+#A {
+  left: 250px;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+#B {
+  left: 200px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: yellow;
+}
+
+#C {
+  left: 0px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+
+#D {
+  left: 80px;
+  top: 20px;
+  width: 140px;
+  height: 100px;
+  background-color: blue;
+}
+
+</style>
+</head>
+<body>
+<div id="A"></div>
+<div id="B"></div>
+<div id="C"></div>
+<div id="D"></div>
+
+<script>
+
+var A = document.getElementById("A");
+var B = document.getElementById("B");
+var C = document.getElementById("C");
+var D = document.getElementById("D");
+
+A.style.visibility = "hidden";
+B.style.visibility = "hidden";
+C.style.visibility = "hidden";
+D.style.visibility = "hidden";
+
+window.addEventListener("MozReftestInvalidate", step1);
+
+function step1() {
+  A.style.visibility = "visible";
+  A.style.transform = "translatez(1px)";
+  B.style.visibility = "visible";
+  B.style.transform = "translatez(1px)";
+  D.style.visibility = "visible";
+  D.style.transform = "translatez(1px)";
+
+  window.requestAnimationFrame(function() { window.requestAnimationFrame(step2); });
+}
+
+function step2() {
+  C.style.visibility = "visible";
+  C.style.transform = "translatez(1px)";
+
+  window.requestAnimationFrame(step3);
+}
+
+function step3() {
+  D.style.visibility = "hidden";
+  D.style.transform = "";
+  document.documentElement.removeAttribute('class');
+}
+
+</script>
+</body></html>
diff --git a/layout/reftests/display-list/1443027-3-ref.html b/layout/reftests/display-list/1443027-3-ref.html
new file mode 100644
index 0000000000..1b04963a30
--- /dev/null
+++ b/layout/reftests/display-list/1443027-3-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<title>Bug 1443027 - Test merging across multiple paints</title>
+
+<style>
+
+body { opacity: 0.9; }
+
+div {
+  position: absolute;
+  transform: translatez(1px);
+}
+
+#A {
+  left: 250px;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+#B {
+  left: 200px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: yellow;
+}
+
+#C {
+  left: 0px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+
+#D {
+  left: 80px;
+  top: 20px;
+  width: 140px;
+  height: 100px;
+  background-color: blue;
+}
+
+</style>
+</head>
+<body>
+<div id="A"></div>
+<div id="B"></div>
+<div id="D"></div>
+<div id="C"></div>
+</body></html>
diff --git a/layout/reftests/display-list/1443027-3.html b/layout/reftests/display-list/1443027-3.html
new file mode 100644
index 0000000000..87972a5941
--- /dev/null
+++ b/layout/reftests/display-list/1443027-3.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<title>Bug 1443027 - Test merging across multiple paints</title>
+
+<style>
+
+body { opacity: 0.9; }
+
+div {
+  position: absolute;
+}
+
+#A {
+  left: 250px;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+#B {
+  left: 200px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: yellow;
+}
+
+#C {
+  left: 0px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+
+#D {
+  left: 80px;
+  top: 20px;
+  width: 140px;
+  height: 100px;
+  background-color: blue;
+}
+
+</style>
+</head>
+<body>
+<div id="A"></div>
+<div id="B"></div>
+<div id="D"></div>
+<div id="C"></div>
+
+<script>
+
+var A = document.getElementById("A");
+var B = document.getElementById("B");
+var C = document.getElementById("C");
+var D = document.getElementById("D");
+
+A.style.visibility = "hidden";
+B.style.visibility = "hidden";
+C.style.visibility = "hidden";
+D.style.visibility = "hidden";
+
+window.addEventListener("MozReftestInvalidate", step1);
+
+function step1() {
+  A.style.visibility = "visible";
+  A.style.transform = "translatez(1px)";
+
+  window.requestAnimationFrame(function() { window.requestAnimationFrame(step2); });
+}
+
+function step2() {
+  C.style.visibility = "visible";
+  C.style.transform = "translatez(1px)";
+  D.style.visibility = "visible";
+  D.style.transform = "translatez(1px)";
+
+  window.requestAnimationFrame(step3);
+}
+
+function step3() {
+  B.style.visibility = "visible";
+  B.style.transform = "translatez(1px)";
+  document.documentElement.removeAttribute('class');
+}
+
+</script>
+</body></html>
diff --git a/layout/reftests/display-list/1443027-ref.html b/layout/reftests/display-list/1443027-ref.html
new file mode 100644
index 0000000000..13f9f825c5
--- /dev/null
+++ b/layout/reftests/display-list/1443027-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<title>Bug 1443027 - Test merging across multiple paints</title>
+
+<style>
+
+body { opacity: 0.9; }
+
+div {
+  position: absolute;
+  transform: translatez(1px);
+}
+
+#A {
+  left: 250px;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+#B {
+  left: 200px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: yellow;
+}
+
+#C {
+  left: 0px;
+  top: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+
+</style>
+</head>
+<body>
+<div id="A"></div>
+<div id="B"></div>
+<div id="C"></div>
+</body></html>
diff --git a/layout/reftests/display-list/1451971-1.html b/layout/reftests/display-list/1451971-1.html
new file mode 100644
index 0000000000..fd8bd8561e
--- /dev/null
+++ b/layout/reftests/display-list/1451971-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  .sort-marker {
+    position: fixed;
+    background-color: green;
+  }
+  .inner {
+    position: absolute;
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+
+<div class="sort-marker"></div>
+<div style="perspective: 200px">
+  <div class="inner" style="left: 5px; top: 5px;"></div>
+  <div class="inner" id="move" style="left: 220px;"></div>
+</div>
+<div class="sort-marker" style="left: 20px; top: 20px;"></div>
+
+<script>
+  function doTest() {
+    document.getElementById("move").style.left = "221px";
+    document.documentElement.removeAttribute('class');
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1451971-ref.html b/layout/reftests/display-list/1451971-ref.html
new file mode 100644
index 0000000000..e205ed9009
--- /dev/null
+++ b/layout/reftests/display-list/1451971-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  .sort-marker {
+    position: fixed;
+    background-color: green;
+  }
+  .inner {
+    position: absolute;
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+
+<div class="sort-marker"></div>
+<div style="perspective: 200px">
+  <div class="inner" style="left: 5px; top: 5px;"></div>
+  <div class="inner" id="move" style="left: 221px;"></div>
+</div>
+<div class="sort-marker" style="left: 20px; top: 20px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/display-list/1452805-1.html b/layout/reftests/display-list/1452805-1.html
new file mode 100644
index 0000000000..d797b5e36b
--- /dev/null
+++ b/layout/reftests/display-list/1452805-1.html
@@ -0,0 +1,39 @@
+<html class="reftest-wait">
+  <head>
+    <style>
+    div {
+      width: 200px;
+      height: 200px;
+      background-color: blue;
+      filter: greyscale(50%);
+      position: relative;
+    }
+    #second {
+      width: 600px;
+      height: 500px;
+      display: none;
+      background-color: green;
+    }
+    </style>
+  </head>
+  <body>
+    <div id="top" style="z-index:-4;"></div>
+    <div style="top: 10px;"></div>
+    <div style="top: 20px;">
+        <div id="second" style="top: -400px;"></div>
+    </div>
+
+    <script>
+      function doTest2() {
+        document.getElementById("second").style.display = "block";
+        document.documentElement.removeAttribute("class");
+      }
+      function doTest() {
+        document.getElementById("top").style.zIndex = -5;
+        setTimeout(doTest2, 500);
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </body>
+</html>
+
diff --git a/layout/reftests/display-list/1452805-ref.html b/layout/reftests/display-list/1452805-ref.html
new file mode 100644
index 0000000000..30d9c4a21c
--- /dev/null
+++ b/layout/reftests/display-list/1452805-ref.html
@@ -0,0 +1,26 @@
+<html>
+  <head>
+    <style>
+    div {
+      width: 200px;
+      height: 200px;
+      background-color: blue;
+      filter: greyscale(50%);
+      position: relative;
+    }
+    #second {
+      width: 600px;
+      height: 500px;
+      background-color: green;
+    }
+    </style>
+  </head>
+  <body>
+    <div id="top" style="z-index:-4;"></div>
+    <div style="top: 10px;"></div>
+    <div style="top: 20px;">
+        <div id="second" style="top: -400px;"></div>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/display-list/1453541-1.html b/layout/reftests/display-list/1453541-1.html
new file mode 100644
index 0000000000..509da8c70d
--- /dev/null
+++ b/layout/reftests/display-list/1453541-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body>
+
+<div id="empty" style="position:fixed; z-index: 4; left:200px; top:200px; width: 0px">
+  <div style="position:fixed; width:400px; height: 400px; background-color:green; top: 200px; left: 200px"></div>
+</div>
+<div style="width:400px; height: 400px; background-color:blue"></div>
+
+<script>
+  function doTest() {
+    document.getElementById("empty").style.left = "201px";
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1453541-2.html b/layout/reftests/display-list/1453541-2.html
new file mode 100644
index 0000000000..897945fec0
--- /dev/null
+++ b/layout/reftests/display-list/1453541-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body>
+
+<div id="empty" style="position:relative; z-index: 4; left:192px; top:192px; width: 0px">
+  <div style="position:fixed; width:400px; height: 400px; background-color:green; top: 200px; left: 200px"></div>
+</div>
+<div style="width:400px; height: 400px; background-color:blue"></div>
+
+<script>
+  function doTest() {
+    document.getElementById("empty").style.left = "193px";
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1453541-ref.html b/layout/reftests/display-list/1453541-ref.html
new file mode 100644
index 0000000000..a920976907
--- /dev/null
+++ b/layout/reftests/display-list/1453541-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div id="empty" style="position:fixed; z-index: 4; left:200px; top:200px; width: 0px">
+  <div style="position:fixed; width:400px; height: 400px; background-color:green"></div>
+</div>
+<div style="width:400px; height: 400px; background-color:blue"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/display-list/1461231-1.html b/layout/reftests/display-list/1461231-1.html
new file mode 100644
index 0000000000..3dfb1698ac
--- /dev/null
+++ b/layout/reftests/display-list/1461231-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<head>
+<style>
+  #test {
+    background: #050;
+    position: fixed;
+    width: 200px;
+    height: 200px;
+  }
+</style>
+</head>
+<body>
+<p id="test" onclick="this.remove()"></p>
+</body>
+<script>
+  function doTest() {
+    document.getElementById("test").remove();
+    document.documentElement.removeAttribute('class');
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/1464288-1.html b/layout/reftests/display-list/1464288-1.html
new file mode 100644
index 0000000000..03f93f7d8e
--- /dev/null
+++ b/layout/reftests/display-list/1464288-1.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="400"
+      class="reftest-wait">
+<head>
+
+<style>
+
+html {
+  scrollbar-width: none;
+}
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+div {
+  left: 200px;
+  top: 200px;
+  width: 200px;
+  height: 200px;
+}
+
+.scrolled {
+  position: absolute;
+  z-index: 1;
+}
+
+.fixed {
+  position: fixed;
+  background-color: red;
+}
+
+</style>
+</head>
+<body>
+
+<div style="opacity:0.5">
+  <div class="scrolled" style="top: 200px; background-color: green"></div>
+  <div class="scrolled" style="top: 600px; background-color:blue" id="scrolled"></div>
+  <div class="fixed" style="top: 200px"></div>
+  <div class="fixed" id="fixed" style="top: 200px; width: 100px; height: 100px; z-index: 2; background-color: orange"></div>
+</div>
+
+</body>
+
+<script>
+function doTest() {
+  document.getElementById("fixed").style.backgroundColor = "red";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/1464288-ref.html b/layout/reftests/display-list/1464288-ref.html
new file mode 100644
index 0000000000..29f0fcf752
--- /dev/null
+++ b/layout/reftests/display-list/1464288-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  margin: 0;
+}
+
+div {
+  left: 200px;
+  top: 200px;
+  position:absolute;
+}
+</style>
+</head>
+<body>
+<div style="opacity:0.5; position:static">
+  <div style="width: 200px; height: 200px; background-color: blue;"></div>
+  <div style="width: 100px; height: 100px; background-color: red;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1482403-1-ref.html b/layout/reftests/display-list/1482403-1-ref.html
new file mode 100644
index 0000000000..f083bcdaa9
--- /dev/null
+++ b/layout/reftests/display-list/1482403-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8">
+    <title>Bug 1482403</title>
+    <style type="text/css">
+    #col2 {
+        display: inline-block;
+        height: 35px;
+        background: orange;
+        filter: sepia(0.2);
+    }
+
+    #subnav {
+        display: block;
+        position: absolute;
+        top: 25px;
+        left: 0;
+    }
+    </style>
+</head>
+
+<body>
+    <div>Column 1</div>
+    <div id="col2">Column 2
+        <div id="subnav" style="">
+            <ul>
+                <li>Item 1</li>
+                <li>Item 2</li>
+            </ul>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1482403-1.html b/layout/reftests/display-list/1482403-1.html
new file mode 100644
index 0000000000..b973507026
--- /dev/null
+++ b/layout/reftests/display-list/1482403-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8">
+    <title>Bug 1482403</title>
+    <style type="text/css">
+    #col2 {
+        display: inline-block;
+        height: 35px;
+        background: orange;
+        filter: sepia(0.2);
+    }
+
+    #subnav {
+        display: none;
+        position: absolute;
+        top: 25px;
+        left: 0;
+    }
+    </style>
+    <script type="text/javascript">
+    function doTest() {
+      var col2 = document.getElementById('col2');
+      var subnav = document.getElementById('subnav');
+      subnav.style.display = 'block';
+      document.documentElement.className = "";
+    }
+
+    window.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+</head>
+
+<body>
+    <div>Column 1</div>
+    <div id="col2">Column 2
+        <div id="subnav" style="">
+            <ul>
+                <li>Item 1</li>
+                <li>Item 2</li>
+            </ul>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1504233-1-ref.html b/layout/reftests/display-list/1504233-1-ref.html
new file mode 100644
index 0000000000..8cdd9d0172
--- /dev/null
+++ b/layout/reftests/display-list/1504233-1-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1504233</title>
+  <style type="text/css">
+    body {
+      margin: 0 0;
+    }
+
+    #wrapper {
+      display: flex;
+      flex-direction: column;
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+
+    #header {
+      background: green;
+      flex: 0 0 200px;
+    }
+
+    #container {
+      overflow: scroll;
+      will-change: transform;
+      flex: 0 1 auto;
+      scrollbar-width: none;
+    }
+
+    #bg {
+      background: green;
+      height: 1700px;
+    }
+  </style>
+</head>
+<body>
+<div id="wrapper">
+  <div id="header"></div>
+  <div id="container">
+    <div id="bg"></div>
+  </div>
+</div>
+<script type="text/javascript">
+document.getElementById("container").scrollTop = 200;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1504233-1.html b/layout/reftests/display-list/1504233-1.html
new file mode 100644
index 0000000000..598869d38e
--- /dev/null
+++ b/layout/reftests/display-list/1504233-1.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1504233</title>
+  <style type="text/css">
+    body {
+      margin: 0 0;
+    }
+
+    #wrapper {
+      display: flex;
+      flex-direction: column;
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+
+    #header {
+      background: blue;
+      flex: 0 0 200px;
+    }
+
+    #container {
+      overflow: scroll;
+      will-change: transform;
+      flex: 0 1 auto;
+      scrollbar-width: none;
+    }
+
+    #red {
+      background: red;
+      height: 200px;
+    }
+
+    #bg {
+      background: green;
+      height: 1500px;
+    }
+  </style>
+</head>
+<body>
+<div id="wrapper">
+  <div id="header"></div>
+  <div id="container">
+    <div id="red"></div>
+    <div id="bg"></div>
+  </div>
+</div>
+<script type="text/javascript">
+document.getElementById("container").scrollTop = 200;
+
+function doTest() {
+  var e = document.getElementById("header");
+  e.style.background = "green";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1533317-1-ref.html b/layout/reftests/display-list/1533317-1-ref.html
new file mode 100644
index 0000000000..989dde6dc8
--- /dev/null
+++ b/layout/reftests/display-list/1533317-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+  <head>
+    <style>
+    div {
+      width: 400px;
+      height: 200px;
+      background-color: green;
+    }
+
+    </style>
+  </head>
+  <body>
+      <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/display-list/1533317-1.html b/layout/reftests/display-list/1533317-1.html
new file mode 100644
index 0000000000..9f34a865ba
--- /dev/null
+++ b/layout/reftests/display-list/1533317-1.html
@@ -0,0 +1,32 @@
+<html class="reftest-wait">
+  <head>
+    <style>
+    div {
+      width: 200px;
+      height: 200px;
+    }
+    .positioned {
+      position: absolute;
+      top: 0px;
+      left: 200px;
+      background-color: green;
+    }
+    .outer {
+      position: relative;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div id="test"></div>
+      <div class="positioned"></div>
+    </div>
+    <script>
+      function doTest() {
+        document.getElementById("test").style.backgroundColor = "green";
+        document.documentElement.removeAttribute("class");
+      }
+      document.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/display-list/1544948-1-ref.html b/layout/reftests/display-list/1544948-1-ref.html
new file mode 100644
index 0000000000..0086df752c
--- /dev/null
+++ b/layout/reftests/display-list/1544948-1-ref.html
@@ -0,0 +1,32 @@
+<html>
+<head>
+<style>
+  div {
+    width:10px;
+    height:10px;
+    background-color:green;
+    display: inline-block;
+    position: relative;
+  }
+  #wrapper {
+    opacity: 0.5;
+    width: 200px;
+    height: 200px;
+    background-color: transparent;
+  }
+
+  #first {
+    z-index: 1;
+  }
+
+  #second {
+    background-color: blue;
+  }
+</style>
+</head>
+<body id="body">
+  <div id="wrapper">
+    <div id="first" class="reftest-no-display-list"></div><div id="second" class="reftest-no-display-list"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1544948-1.html b/layout/reftests/display-list/1544948-1.html
new file mode 100644
index 0000000000..f8d1609faf
--- /dev/null
+++ b/layout/reftests/display-list/1544948-1.html
@@ -0,0 +1,43 @@
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width:10px;
+    height:10px;
+    background-color:green;
+    display: inline-block;
+    position: relative;
+  }
+  #wrapper {
+    opacity: 0.5;
+    width: 200px;
+    height: 200px;
+    background-color: transparent;
+  }
+
+  #first {
+    z-index: 1;
+  }
+</style>
+<script>
+function doTest2() {
+  var elem = document.getElementById("second");
+  elem.style.backgroundColor = "blue";
+}
+
+function doTest() {
+  var elem = document.getElementById("third");
+  elem.parentNode.removeChild(elem);
+  document.documentElement.removeAttribute("class");
+  requestAnimationFrame(doTest2);
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body id="body">
+  <div id="wrapper">
+    <div id="first" class="reftest-no-display-list"></div><div id="second"></div><div id="third"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1551053-1-ref.html b/layout/reftests/display-list/1551053-1-ref.html
new file mode 100644
index 0000000000..3e9f12e81e
--- /dev/null
+++ b/layout/reftests/display-list/1551053-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style>
+.will-merge {
+  opacity: 0.5;
+}
+</style>
+</head>
+
+<body>
+<span class="will-merge">bar<br>baz</span>
+<span>qux</span>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1551053-1.html b/layout/reftests/display-list/1551053-1.html
new file mode 100644
index 0000000000..700d5ba1d7
--- /dev/null
+++ b/layout/reftests/display-list/1551053-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style>
+.will-merge {
+  opacity: 0.5;
+}
+</style>
+</head>
+
+<body>
+<span id="foo">foo</span>
+<span class="will-merge">bar<br>baz</span>
+<span>qux</span>
+<script type="text/javascript">
+function doTest() {
+  var e = document.getElementById("foo");
+  e.parentNode.removeChild(e);
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+setTimeout(doTest, 5000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1553828-1-ref.html b/layout/reftests/display-list/1553828-1-ref.html
new file mode 100644
index 0000000000..9079b62abc
--- /dev/null
+++ b/layout/reftests/display-list/1553828-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Bug 1553828</title>
+    <style type="text/css">
+    .container {
+        transform-style: preserve-3d;
+        perspective: 1000px;
+        width: 500px;
+        background-color: white;
+    }
+
+    .child {
+        width: 500px;
+        height: 500px;
+        background-color: red;
+        transform: translateY(0px);
+        mix-blend-mode: difference;
+    }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <div class="child"></div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/layout/reftests/display-list/1553828-1.html b/layout/reftests/display-list/1553828-1.html
new file mode 100644
index 0000000000..feaea66c20
--- /dev/null
+++ b/layout/reftests/display-list/1553828-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Bug 1553828</title>
+    <style type="text/css">
+    .container {
+        transform-style: preserve-3d;
+        perspective: 1000px;
+        width: 500px;
+        background-color: white;
+    }
+
+    .child {
+        width: 500px;
+        height: 500px;
+        background-color: blue;
+        transform: translateY(0px);
+        mix-blend-mode: difference;
+    }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <div class="child"></div>
+    </div>
+    <script type="text/javascript">
+    function doTest() {
+        document.querySelector(".child").style["background-color"] = "red";
+        document.documentElement.className = "";
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+    // setTimeout(doTest, 5000);
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/layout/reftests/display-list/1619370-1-ref.html b/layout/reftests/display-list/1619370-1-ref.html
new file mode 100644
index 0000000000..38524f2ed7
--- /dev/null
+++ b/layout/reftests/display-list/1619370-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5">
+<head>
+    <meta charset="UTF-8">
+    <title>Testcase for bug 1619370</title>
+    <style>
+    html, body {
+        padding: 0;
+        margin: 0;
+    }
+
+    html {
+        background-color: blue;
+    }
+    </style>
+</head>
+<body>
+    <iframe width="500" height="500" scrolling="no" frameborder="0" src="1619370-iframe.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1619370-1.html b/layout/reftests/display-list/1619370-1.html
new file mode 100644
index 0000000000..afc671c8e5
--- /dev/null
+++ b/layout/reftests/display-list/1619370-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5" class="reftest-wait">
+<head>
+    <meta charset="UTF-8">
+    <title>Testcase for bug 1619370</title>
+    <style>
+    html, body {
+        padding: 0;
+        margin: 0;
+    }
+
+    html {
+        background-color: red;
+    }
+    </style>
+</head>
+<body>
+    <iframe width="500" height="500" scrolling="no" frameborder="0" src="data:text/html,
+    <div style='background-color: green; width: 100px; height: 100px; position: fixed; top: 495px;'></div>">
+    </iframe>
+
+    <script type="text/javascript">
+    function doTest() {
+        document.documentElement.style["background-color"] = "blue";
+        document.documentElement.classList.remove("reftest-wait");
+    }
+
+    window.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1619370-iframe.html b/layout/reftests/display-list/1619370-iframe.html
new file mode 100644
index 0000000000..4bf485f876
--- /dev/null
+++ b/layout/reftests/display-list/1619370-iframe.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Testcase for bug 1619370</title>
+    <style>
+    #content {
+        background-color: green;
+        width: 100px;
+        height: 100px;
+        position: fixed;
+        top: 495px;
+    }
+    </style>
+</head>
+<body>
+    <div id="content"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1677568-1-ref.html b/layout/reftests/display-list/1677568-1-ref.html
new file mode 100644
index 0000000000..6b80c45207
--- /dev/null
+++ b/layout/reftests/display-list/1677568-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+		<style>
+			a:hover { color: rgb(0, 86, 179); }
+			.d-relative { position: relative; }
+			.d-inline { display: inline;}
+			.d-flex { display: flex; }
+		</style>
+	</head>
+	<body>
+		<div class="d-flex">
+			<div>
+				<div class="d-inline d-relative">
+					<a href="#">
+						--
+					</a>
+					<div style="position: absolute; transform: translate(0px, 160px);">
+						<a style="color: rgb(0, 86, 179);" href="#">i vanish on-hover in Firefox</a>
+					</div>
+				</div>
+			</div>
+		</div>
+
+
+</body></html>
diff --git a/layout/reftests/display-list/1677568-1.html b/layout/reftests/display-list/1677568-1.html
new file mode 100644
index 0000000000..e876692b51
--- /dev/null
+++ b/layout/reftests/display-list/1677568-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+		<style>
+			a:hover { color: rgb(0, 86, 179); }
+			.d-relative { position: relative; }
+			.d-inline { display: inline;}
+			.d-flex { display: flex; }
+		</style>
+	</head>
+	<body>
+		<div class="d-flex">
+			<div>
+				<div class="d-inline d-relative">
+					<a href="#">
+						--
+					</a>
+					<div style="position: absolute; transform: translate(0px, 160px);">
+						<a id="target" href="#">i vanish on-hover in Firefox</a>
+					</div>
+				</div>
+			</div>
+		</div>
+
+<script>
+	function doTest() {
+		var elem = document.getElementById("target");
+		elem.style.color = "rgb(0, 86, 179)";
+		document.documentElement.removeAttribute("class");
+	}
+	document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+
+</body></html>
diff --git a/layout/reftests/display-list/1709452-1.html b/layout/reftests/display-list/1709452-1.html
new file mode 100644
index 0000000000..f9fb28cbca
--- /dev/null
+++ b/layout/reftests/display-list/1709452-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+    <meta charset="UTF-8">
+    <style>
+    a {
+        color: rgb(255, 0, 0);
+    }
+    </style>
+</head>
+
+<body>
+    <div style="display: flex;">
+        <div style="display: block;">
+            <div style="display: inline; filter: invert(0);">
+                <a href="#">
+                    <span>FOO</span>
+                </a>
+                <div style="position: absolute; top: 100px; left: 100px;">
+                    <a id="bar" href="#">BAR</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+    function doTest() {
+      const bar = document.getElementById('bar');
+      bar.style.color = 'rgb(0, 255, 0)';
+      document.documentElement.removeAttribute('class');
+    }
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    </script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1709452-ref.html b/layout/reftests/display-list/1709452-ref.html
new file mode 100644
index 0000000000..1def95c7b6
--- /dev/null
+++ b/layout/reftests/display-list/1709452-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <style>
+    a {
+        color: rgb(255, 0, 0);
+    }
+    </style>
+</head>
+
+<body>
+    <div style="display: flex;">
+        <div style="display: block;">
+            <div style="display: inline; filter: invert(0);">
+                <a href="#">
+                    <span>FOO</span>
+                </a>
+                <div style="position: absolute; top: 100px; left: 100px;">
+                    <a id="bar" style="color:rgb(0, 255, 0)" href="#">BAR</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1719346-1-ref.html b/layout/reftests/display-list/1719346-1-ref.html
new file mode 100644
index 0000000000..67ba46d098
--- /dev/null
+++ b/layout/reftests/display-list/1719346-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<style>
+.main {
+	border-image: url('1719346-1.gif') 16 fill / 16px / 0 repeat;
+	width: 100px;
+	height: 100px;
+}
+
+#mover {
+	position: fixed;
+	padding: 0;
+	margin: 0;
+	bottom: 0;
+	top: 100px;
+	left: 250px;
+}
+</style>
+</head>
+<body>
+<div class="main"></div>
+<div id="mover">text</div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/1719346-1.gif b/layout/reftests/display-list/1719346-1.gif
new file mode 100644
index 0000000000..82cf13d4a2
Binary files /dev/null and b/layout/reftests/display-list/1719346-1.gif differ
diff --git a/layout/reftests/display-list/1719346-1.html b/layout/reftests/display-list/1719346-1.html
new file mode 100644
index 0000000000..28508c9039
--- /dev/null
+++ b/layout/reftests/display-list/1719346-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<head>
+<style>
+.main {
+	border-image: url('1719346-1.gif') 16 fill / 16px / 0 repeat;
+	width: 100px;
+	height: 100px;
+}
+
+#mover {
+	position: fixed;
+	padding: 0;
+	margin: 0;
+	bottom: 0;
+	top: 250px;
+	left: 250px;
+}
+</style>
+</head>
+<body>
+<div class="main"></div>
+<div id="mover">text</div>
+
+<script>
+	function doTest() {
+		var elem = document.getElementById("mover");
+		elem.style.top = "100px";
+		document.documentElement.removeAttribute("class");
+	}
+	document.addEventListener("MozReftestInvalidate", doTest);
+	setTimeout(doTest, 5000);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/display-list/invalidated-blendmode-sorting-ref.html b/layout/reftests/display-list/invalidated-blendmode-sorting-ref.html
new file mode 100644
index 0000000000..9ba08744f7
--- /dev/null
+++ b/layout/reftests/display-list/invalidated-blendmode-sorting-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  .sort-marker {
+    position: fixed;
+    background-color: green;
+  }
+  .wrapper {
+    position: absolute;
+    isolation: isolate;
+  }
+  .inner {
+    position: absolute;
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+  <div class="sort-marker"></div>
+  <div class="wrapper">
+    <div class="inner" style="left: 5px; top: 5px; mix-blend-mode:screen"></div>
+    <div class="inner" id="move" style="left: 221px;"></div>
+  </div>
+  <div class="sort-marker" style="left: 20px; top: 20px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/invalidated-blendmode-sorting.html b/layout/reftests/display-list/invalidated-blendmode-sorting.html
new file mode 100644
index 0000000000..cd42694d6e
--- /dev/null
+++ b/layout/reftests/display-list/invalidated-blendmode-sorting.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  .sort-marker {
+    position: fixed;
+    background-color: green;
+  }
+  .wrapper {
+    position: absolute;
+    isolation: isolate;
+  }
+  .inner {
+    position: absolute;
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+  <div class="sort-marker"></div>
+  <div class="wrapper">
+    <div class="inner" style="left: 5px; top: 5px; mix-blend-mode:screen"></div>
+    <div class="inner" id="move" style="left: 220px;"></div>
+  </div>
+  <div class="sort-marker" style="left: 20px; top: 20px;"></div>
+</body>
+<script>
+  function doTest() {
+    document.getElementById("move").style.left = "221px";
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/reftest.list b/layout/reftests/display-list/reftest.list
new file mode 100644
index 0000000000..7ac7edc4f8
--- /dev/null
+++ b/layout/reftests/display-list/reftest.list
@@ -0,0 +1,60 @@
+# These tests are testing merging RDL implementation.
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-style-change-1.html retained-dl-style-change-1-ref.html
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-frame-deleted-1.html retained-dl-style-change-1-ref.html
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-frame-created-1.html retained-dl-style-change-1-ref.html
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-style-change-stacking-context-1.html retained-dl-style-change-stacking-context-1-ref.html
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-style-change-stacking-context-2.html retained-dl-style-change-stacking-context-2-ref.html
+fails == retained-dl-style-change-stacking-context-3.html retained-dl-style-change-stacking-context-3-ref.html # bug 1650699 tracks this failure
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-style-change-stacking-context-4.html retained-dl-style-change-stacking-context-4-ref.html
+skip-if(!retainedDisplayList||retainedDisplayListNew||Android) == retained-dl-displayport-1.html retained-dl-displayport-1-ref.html
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-prerender-transform-1.html retained-dl-prerender-transform-1-ref.html
+skip-if(!retainedDisplayList||retainedDisplayListNew) == retained-dl-animation-on-pseudo.html retained-dl-animation-on-pseudo-ref.html
+#
+
+skip-if(!retainedDisplayList||!asyncPan) == retained-dl-async-scrolled-1.html retained-dl-async-scrolled-1-ref.html
+skip-if(!retainedDisplayList) == retained-dl-remove-for-ancestor-change-1.html retained-dl-remove-for-ancestor-change-1-ref.html
+skip-if(!retainedDisplayList) == retained-dl-scroll-out-of-view-1.html retained-dl-scroll-out-of-view-1-ref.html
+skip-if(!retainedDisplayList) == retained-dl-opacity-animation-on-ib-split.html retained-dl-opacity-animation-on-ib-split-ref.html
+skip-if(!retainedDisplayList) == 1544948-1.html 1544948-1-ref.html
+
+skip-if(!retainedDisplayListNew) == reuse-sc-style-change-1.html reuse-sc-style-change-1-ref.html
+skip-if(!retainedDisplayListNew) == reuse-sc-style-change-nested-1.html reuse-sc-style-change-nested-1-ref.html
+skip-if(!retainedDisplayListNew) == reuse-sc-style-change-abs-pos-1.html reuse-sc-style-change-abs-pos-1-ref.html
+skip-if(!retainedDisplayListNew) == reuse-sc-style-change-fixed-pos-1.html reuse-sc-style-change-fixed-pos-1-ref.html
+
+== retained-dl-wrap-list.html retained-dl-wrap-list-ref.html
+== retained-dl-zindex-1.html retained-dl-zindex-1-ref.html
+== retained-dl-zindex-2.html retained-dl-zindex-2-ref.html
+== retained-dl-style-change-with-prerender-transform-1.html retained-dl-style-change-with-prerender-transform-1-ref.html
+== invalidated-blendmode-sorting.html invalidated-blendmode-sorting-ref.html
+fuzzy(0-1,0-235200) == 1413073.html 1413073-ref.html
+== 1416291.html 1416291-ref.html
+== 1417601-1.html 1417601-1-ref.html
+== 1418945-1.html 1418945-1-ref.html
+skip-if(Android) == 1428993-1.html 1428993-1-ref.html
+== 1420480-1.html 1420480-1-ref.html
+== 1428993-2.html 1428993-2-ref.html
+needs-focus fuzzy(0-3,0-2) == 1429027-1.html 1429027-1-ref.html
+== 1432553-1.html 1432553-1-ref.html
+== 1432553-2.html 1432553-2-ref.html
+== 1436189-1.html 1436189-1-ref.html
+skip-if(!asyncPan) == 1437374-1.html 1437374-1-ref.html
+== 1439809-1.html 1439809-1-ref.html
+== 1443027-1.html 1443027-ref.html
+== 1443027-2.html 1443027-ref.html
+== 1443027-3.html 1443027-3-ref.html
+== 1451971-1.html 1451971-ref.html
+== 1453541-1.html 1453541-ref.html
+== 1453541-2.html 1453541-ref.html
+== 1452805-1.html 1452805-ref.html
+== 1461231-1.html about:blank
+fuzzy(0-2,0-40000) skip-if(!asyncPan) == 1464288-1.html 1464288-ref.html
+== 1482403-1.html 1482403-1-ref.html
+== 1504233-1.html 1504233-1-ref.html
+== 1533317-1.html 1533317-1-ref.html
+fuzzy-if(swgl,0-1,0-1) == 1551053-1.html 1551053-1-ref.html
+== 1553828-1.html 1553828-1-ref.html
+fuzzy-if(browserIsFission,0-1,0-300) == 1619370-1.html 1619370-1-ref.html
+== 1677568-1.html 1677568-1-ref.html
+== 1709452-1.html 1709452-ref.html
+== 1719346-1.html 1719346-1-ref.html
diff --git a/layout/reftests/display-list/retained-dl-animation-on-pseudo-ref.html b/layout/reftests/display-list/retained-dl-animation-on-pseudo-ref.html
new file mode 100644
index 0000000000..2b00ab20bd
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-animation-on-pseudo-ref.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<style>
+body {
+  margin: 0px;
+}
+#child {
+  width:100px;
+  height:100px;
+  background-color: green;
+  display: inline-block;
+}
+
+#parent::before {
+  content: '';
+  width: 100px;
+  height: 100px;
+  display: inline-block;
+  background-color: blue;
+}
+</style>
+</head>
+<body>
+  <div id="parent">
+    <div id="child"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-animation-on-pseudo.html b/layout/reftests/display-list/retained-dl-animation-on-pseudo.html
new file mode 100644
index 0000000000..cdd641ecb9
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-animation-on-pseudo.html
@@ -0,0 +1,41 @@
+<html class="reftest-wait">
+<head>
+<style>
+body {
+  margin: 0px;
+}
+#child {
+  width:100px;
+  height:100px;
+  background-color: green;
+  display: inline-block;
+}
+
+#parent::before {
+  content: '';
+  width: 100px;
+  height: 100px;
+  display: inline-block;
+}
+
+@keyframes anim {
+  from, to { background-color: blue; }
+}
+
+.anim::before {
+  animation: anim 100s infinite;
+}
+</style>
+</head>
+<body>
+  <div id="parent">
+    <div id="child" class="reftest-no-display-list"></div>
+  </div>
+</body>
+<script>
+window.addEventListener("MozReftestInvalidate", () => {
+  document.getElementById("parent").classList.add("anim");
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-async-scrolled-1-ref.html b/layout/reftests/display-list/retained-dl-async-scrolled-1-ref.html
new file mode 100644
index 0000000000..70922e0032
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-async-scrolled-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  margin: 0;
+}
+
+div {
+  left: 200px;
+  top: 200px;
+  position:absolute;
+}
+</style>
+</head>
+<body>
+<div style="width: 200px; height: 200px; background-color: blue;"></div>
+<div style="width: 100px; height: 100px; background-color: red;"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-async-scrolled-1.html b/layout/reftests/display-list/retained-dl-async-scrolled-1.html
new file mode 100644
index 0000000000..8805b58c5d
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-async-scrolled-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="400"
+      class="reftest-wait">
+<head>
+
+<style>
+
+html {
+  scrollbar-width: none;
+}
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+div {
+  left: 200px;
+  top: 200px;
+  width: 200px;
+  height: 200px;
+}
+
+.scrolled {
+  position: absolute;
+  z-index: 1;
+}
+
+.fixed {
+  position: fixed;
+  background-color: red;
+}
+
+</style>
+</head>
+<body>
+
+<div class="scrolled reftest-no-display-list" style="top: 200px; background-color: green"></div>
+<div class="scrolled" style="top: 600px;" id="scrolled"></div>
+<div class="fixed" style="top: 200px"></div>
+<div class="fixed" style="top: 200px; width: 100px; height: 100px; z-index: 2"></div>
+
+</body>
+
+<script>
+function doTest() {
+  document.getElementById("scrolled").style.backgroundColor = "blue";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-displayport-1-ref.html b/layout/reftests/display-list/retained-dl-displayport-1-ref.html
new file mode 100644
index 0000000000..54ce333d56
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-displayport-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+    <div id="container" style="width: 100px; height: 100px; overflow: auto;">
+    	<div id="first" style="background-color:blue; width: 10px; height: 10px;"></div>
+    	<div id="second" style="background-color:green; width: 10px; height: 10px;"></div>
+    	<div id="spacer" style="height: 200px;"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-displayport-1.html b/layout/reftests/display-list/retained-dl-displayport-1.html
new file mode 100644
index 0000000000..63a901394c
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-displayport-1.html
@@ -0,0 +1,21 @@
+<html class="reftest-wait reftest-async-scroll">
+<head>
+</head>
+<body>
+    <div id="container" style="width: 100px; height: 100px; overflow: auto;"
+         reftest-displayport-x="0" reftest-displayport-y="0"
+         reftest-displayport-width="100" reftest-displayport-height="100">
+    	<div id="first" style="background-color:blue; width: 10px; height: 10px;" class="reftest-no-display-list"></div>
+    	<div id="second" style="background-color:red; width: 10px; height: 10px;"></div>
+    	<div id="spacer" style="height: 200px;"></div>
+    </div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("second").style.backgroundColor = "green";
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-frame-created-1.html b/layout/reftests/display-list/retained-dl-frame-created-1.html
new file mode 100644
index 0000000000..92b96da293
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-frame-created-1.html
@@ -0,0 +1,25 @@
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width:10px;
+    height:10px;
+    background-color:green;
+    display: inline-block;
+  }
+</style>
+</head>
+<body id="body">
+  <div id="first" class="reftest-no-display-list"></div>
+</body>
+<script>
+function doTest() {
+  var div = document.createElement("div");
+  var prev = document.getElementById("first");
+  prev.parentNode.insertBefore(div, prev.nextSibling);
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-frame-deleted-1.html b/layout/reftests/display-list/retained-dl-frame-deleted-1.html
new file mode 100644
index 0000000000..3c3821cdf1
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-frame-deleted-1.html
@@ -0,0 +1,24 @@
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width:10px;
+    height:10px;
+    background-color:green;
+    display: inline-block;
+  }
+</style>
+</head>
+<body id="body">
+  <div id="first" class="reftest-no-display-list"></div><div id="second" class="reftest-no-display-list"></div><div id="third"></div>
+</body>
+<script>
+function doTest() {
+  var elem = document.getElementById("third");
+  elem.parentNode.removeChild(elem);
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split-ref.html b/layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split-ref.html
new file mode 100644
index 0000000000..2fcba49a3b
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style>
+#animating {
+  opacity: 0;
+}
+</style>
+</head>
+<body>
+  <span id="animating">A <span style="display:block"></span> C</span>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split.html b/layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split.html
new file mode 100644
index 0000000000..39d8d93b19
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-opacity-animation-on-ib-split.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+<head>
+<style>
+@keyframes anim {
+  from, to { opacity: 0; }
+}
+
+.anim {
+  animation: anim 100s infinite;
+}
+</style>
+</head>
+<body>
+  <span id="animating" class="reftest-no-display-list">A <span style="display:block"></span> C</span>
+</body>
+<script>
+window.addEventListener("MozReftestInvalidate", () => {
+  document.getElementById("animating").classList.add("anim");
+  document.documentElement.removeAttribute("class");
+});
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-prerender-transform-1-ref.html b/layout/reftests/display-list/retained-dl-prerender-transform-1-ref.html
new file mode 100644
index 0000000000..a0ba644d92
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-prerender-transform-1-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style>
+  * {
+    margin: 0px;
+    padding: 0px;
+  }
+  .inner {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+    display: inline-block;
+  }
+  body {
+    overflow: hidden;
+  }
+</style>
+</head>
+<body id="body">
+  <div id="transformed" style="transform:translateX(700px);">
+      <div id="first" class="inner"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-prerender-transform-1.html b/layout/reftests/display-list/retained-dl-prerender-transform-1.html
new file mode 100644
index 0000000000..fe5214fa54
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-prerender-transform-1.html
@@ -0,0 +1,36 @@
+<html class="reftest-wait">
+<head>
+<style>
+  * {
+    margin: 0px;
+    padding: 0px;
+  }
+  .inner {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+    display: inline-block;
+  }
+  #third {
+    background-color: red;
+  }
+  body {
+    overflow: hidden;
+  }
+</style>
+</head>
+<body id="body">
+  <div id="transformed" style="transform:translateX(700px); will-change:transform;">
+      <div id="first" class="reftest-no-display-list inner"></div><div id="second" class="reftest-no-display-list inner"></div><div id="third" class="reftest-display-list inner"></div>
+  </div>
+</body>
+<script>
+function doTest() {
+  var third = document.getElementById("third")
+  third.style.backgroundColor = "green";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1-ref.html b/layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1-ref.html
new file mode 100644
index 0000000000..ed86834bd5
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+</head>
+<body>
+    <div id="container" style="height: 40px; overflow: hidden;">
+    	<div id="spacer" style="height: 50px;"></div>
+    	<div id="second" style="background-color:red; width: 10px; height: 10px;"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1.html b/layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1.html
new file mode 100644
index 0000000000..0b5fd4c08f
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-remove-for-ancestor-change-1.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+<head>
+</head>
+<body>
+    <div id="container" style="height: 100px; overflow: hidden;">
+    	<div id="spacer" style="height: 50px;"></div>
+    	<div id="second" style="background-color:red; width: 10px; height: 10px;"></div>
+    </div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("container").style.height = "40px";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-scroll-out-of-view-1-ref.html b/layout/reftests/display-list/retained-dl-scroll-out-of-view-1-ref.html
new file mode 100644
index 0000000000..acfe100390
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-scroll-out-of-view-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+    <div id="container" style="height: 100px; overflow: hidden;">
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-scroll-out-of-view-1.html b/layout/reftests/display-list/retained-dl-scroll-out-of-view-1.html
new file mode 100644
index 0000000000..329a11389d
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-scroll-out-of-view-1.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+<head>
+</head>
+<body>
+    <div id="container" style="height: 100px; overflow: hidden;">
+    	<div id="second" style="background-color:red; width: 10px; height: 10px;"></div>
+    	<div id="spacer" style="height: 200px;"></div>
+    </div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("container").scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-1-ref.html b/layout/reftests/display-list/retained-dl-style-change-1-ref.html
new file mode 100644
index 0000000000..8840f2c70a
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style>
+  div {
+    width:10px;
+    height:10px;
+    background-color:green;
+    display: inline-block;
+  }
+</style>
+</head>
+<body id="body">
+    <div id="first"></div><div id="second"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-1.html b/layout/reftests/display-list/retained-dl-style-change-1.html
new file mode 100644
index 0000000000..35e7185093
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-1.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width:10px;
+    height:10px;
+    background-color:green;
+    display: inline-block;
+  }
+</style>
+</head>
+<body id="body">
+    <div id="first" class="reftest-no-display-list"></div><div id="second" style="background-color:red"></div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("second").style.backgroundColor = "green";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-1-ref.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-1-ref.html
new file mode 100644
index 0000000000..1d32684030
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-1-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+  div {
+    width:200px;
+    height:200px;
+    display: inline-block;
+    position: absolute;
+  }
+</style>
+</head>
+<body>
+  <div style="background-color:green"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-1.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-1.html
new file mode 100644
index 0000000000..02cdb2dbb3
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-1.html
@@ -0,0 +1,29 @@
+<html class="reftest-wait">
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+  div {
+    width:100px;
+    height:100px;
+    display: inline-block;
+    position:absolute;
+  }
+</style>
+</head>
+<body>
+  <div id="first" style="background-color:green; width:200px; height:200px" class="reftest-no-display-list"></div>
+  <div style="transform:translateZ(1px)">
+    <div id="second" style="background-color:red"></div>
+  </div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("second").style.backgroundColor = "green";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-2-ref.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-2-ref.html
new file mode 100644
index 0000000000..056f0b2086
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-2-ref.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+  div {
+    left: 50px;
+    width:100px;
+    height:100px;
+    display: inline-block;
+    position: absolute;
+    background-color: green;
+  }
+</style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-2.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-2.html
new file mode 100644
index 0000000000..248c7e6247
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-2.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait">
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+</style>
+</head>
+<body>
+  <div style="transform-origin: left top 0px; transform: translate(50px, 0px) scale(0.5);">
+    <div id="first" style="width: 100px; height: 200px; background-color: green; float: left;" class="reftest-no-display-list"></div>
+    <div id="second" style="width: 100px; height: 200px; position: absolute; transform: translate(100px, 0px); background-color: red;"></div>
+  </div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("second").style.backgroundColor = "green";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-3-ref.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-3-ref.html
new file mode 100644
index 0000000000..0da0ec14f1
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-3-ref.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+  div {
+    width:100px;
+    height:100px;
+    display: inline-block;
+    position:absolute;
+    background-color: green;
+  }
+</style>
+</head>
+<body>
+  <div></div>
+  <div style="top: 110px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-3.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-3.html
new file mode 100644
index 0000000000..a3c800862f
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-3.html
@@ -0,0 +1,29 @@
+<html class="reftest-wait">
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+  div {
+    width:100px;
+    height:100px;
+    display: inline-block;
+    position:absolute;
+  }
+</style>
+</head>
+<body>
+  <div style="position:fixed;" class="reftest-display-list">
+    <div style="background-color:green;" class="reftest-no-display-list"></div>
+  </div>
+  <div id="second" style="background-color:red; top: 110px;"></div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("second").style.backgroundColor = "green";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-4-ref.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-4-ref.html
new file mode 100644
index 0000000000..0da0ec14f1
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-4-ref.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+  div {
+    width:100px;
+    height:100px;
+    display: inline-block;
+    position:absolute;
+    background-color: green;
+  }
+</style>
+</head>
+<body>
+  <div></div>
+  <div style="top: 110px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-stacking-context-4.html b/layout/reftests/display-list/retained-dl-style-change-stacking-context-4.html
new file mode 100644
index 0000000000..a0df3a4c1e
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-stacking-context-4.html
@@ -0,0 +1,29 @@
+<html class="reftest-wait">
+<head>
+<style>
+  body {
+    margin: 0px;
+  }
+  div {
+    width:100px;
+    height:100px;
+    display: inline-block;
+    position:absolute;
+  }
+</style>
+</head>
+<body>
+  <div style="position:fixed;" class="reftest-display-list">
+    <div style="background-color:green;" class="reftest-no-display-list"></div>
+    <div id="second" style="background-color:red; top: 110px;"></div>
+  </div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("second").style.backgroundColor = "green";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1-ref.html b/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1-ref.html
new file mode 100644
index 0000000000..81682df6f6
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style>
+.wrapper {
+  width: 810vw;
+  transform: translateX(-50%);
+  height: 90vh;
+}
+.slides {
+  will-change: transform;
+}
+.button {
+  background-color: green;
+  position: absolute;
+  left:50%;
+}
+</style>
+<div class="wrapper">
+  <div class="slides">
+    <span class="button">Add to cart</span>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html b/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html
new file mode 100644
index 0000000000..c6c31bdf5c
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style>
+.wrapper {
+  width: 810vw;
+  transform: translateX(-50%);
+  height: 90vh;
+}
+.slides {
+  will-change: transform;
+}
+.button {
+  background-color: red;
+  position: absolute;
+  left: 50%;
+}
+</style>
+<div class="wrapper">
+  <div class="slides">
+    <span class="button">Add to cart</span>
+  </div>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  document.querySelector(".button").style.backgroundColor = "green";
+  document.documentElement.classList.remove("reftest-wait");
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-wrap-list-ref.html b/layout/reftests/display-list/retained-dl-wrap-list-ref.html
new file mode 100644
index 0000000000..ae90e4c1ac
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-wrap-list-ref.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style>
+#hover {
+  background-color:blue;
+}
+</style>
+</head>
+<body>
+  <div style="float:left; width:200px; height:200px; background-color: red">
+    <div style="width:100px; height:100px; " id="hover"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-wrap-list.html b/layout/reftests/display-list/retained-dl-wrap-list.html
new file mode 100644
index 0000000000..ab0541bac9
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-wrap-list.html
@@ -0,0 +1,15 @@
+<html class="reftest-wait">
+<body>
+  <div style="float:left; width:200px; height:200px; background-color: red">
+    <div style="width:100px; height:100px;" id="hover"></div>
+  </div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("hover").style.backgroundColor = "blue";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-zindex-1-ref.html b/layout/reftests/display-list/retained-dl-zindex-1-ref.html
new file mode 100644
index 0000000000..d9cd43b5e9
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-zindex-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+  position:relative;
+  will-change: transform;
+}
+#one {
+  top:120px;
+  background-color:blue;
+}
+#two {
+  top: -200px;
+  left: 100px;
+  background-color:green;
+  z-index: -1;
+}
+</style>
+</head>
+<body>
+  <div id="one"></div>
+  <div id="two"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-zindex-1.html b/layout/reftests/display-list/retained-dl-zindex-1.html
new file mode 100644
index 0000000000..dd640539c9
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-zindex-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+  position:relative;
+  will-change: transform;
+}
+#one {
+  top:120px;
+  background-color:blue;
+}
+#two {
+  top: -200px;
+  left: 100px;
+  background-color:green;
+  z-index: 1;
+}
+</style>
+</head>
+<body>
+  <div id="one"></div>
+  <div id="two"></div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("two").style.zIndex = -1;
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-zindex-2-ref.html b/layout/reftests/display-list/retained-dl-zindex-2-ref.html
new file mode 100644
index 0000000000..1eac061a7e
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-zindex-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+  position:relative;
+  will-change:transform;
+}
+#one {
+  top:120px;
+  background-color:blue;
+}
+#two {
+  top: -200px;
+  left: 100px;
+  background-color:green;
+}
+#three {
+  top: -180px;
+  left: 100px;
+  background-color:red;
+  z-index: -1;
+}
+</style>
+</head>
+<body>
+  <div id="one"></div>
+  <div id="two"></div>
+  <div id="three"></div>
+</body>
+</html>
diff --git a/layout/reftests/display-list/retained-dl-zindex-2.html b/layout/reftests/display-list/retained-dl-zindex-2.html
new file mode 100644
index 0000000000..db3b6e75b6
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-zindex-2.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+div {
+  width: 200px;
+  height: 200px;
+  position:relative;
+  will-change:transform;
+}
+#one {
+  top:120px;
+  background-color:blue;
+}
+#two {
+  top: -200px;
+  left: 100px;
+  background-color:green;
+}
+#three {
+  top: -180px;
+  left: 100px;
+  background-color:red;
+  z-index: 1;
+}
+</style>
+</head>
+<body>
+  <div id="one"></div>
+  <div id="two"></div>
+  <div id="three"></div>
+</body>
+<script>
+function doTest() {
+  document.getElementById("three").style.zIndex = -1;
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-1-ref.html b/layout/reftests/display-list/reuse-sc-style-change-1-ref.html
new file mode 100644
index 0000000000..bfe0ac1bde
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="will-change: transform;">
+    Foo
+  </div>
+  <div style="color: green;">
+    Bar
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-1.html b/layout/reftests/display-list/reuse-sc-style-change-1.html
new file mode 100644
index 0000000000..9aaad24966
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="will-change: transform;" class="reftest-no-display-list">
+    Foo
+  </div>
+  <div style="color: red;" id="changed">
+    Bar
+  </div>
+  <script>
+    function doTest() {
+      const e = document.getElementById('changed');
+      e.style.color = 'green';
+      document.documentElement.removeAttribute('class');
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</body>
+
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-abs-pos-1-ref.html b/layout/reftests/display-list/reuse-sc-style-change-abs-pos-1-ref.html
new file mode 100644
index 0000000000..0909192947
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-abs-pos-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="position: absolute; will-change: transform;">
+    Foo
+  </div>
+  <div style="color: green;">
+    Bar
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-abs-pos-1.html b/layout/reftests/display-list/reuse-sc-style-change-abs-pos-1.html
new file mode 100644
index 0000000000..027bf0a4e8
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-abs-pos-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="position: absolute; will-change: transform;" class="reftest-no-display-list">
+    Foo
+  </div>
+  <div style="color: red;" id="changed">
+    Bar
+  </div>
+  <script>
+    function doTest() {
+      const e = document.getElementById('changed');
+      e.style.color = 'green';
+      document.documentElement.removeAttribute('class');
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</body>
+
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1-ref.html b/layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1-ref.html
new file mode 100644
index 0000000000..044c073954
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="position: fixed; will-change: transform;">
+    Foo
+  </div>
+  <div style="color: green;">
+    Bar
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1.html b/layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1.html
new file mode 100644
index 0000000000..e676c0364b
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-fixed-pos-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="position: fixed; will-change: transform;" class="reftest-no-display-list">
+    Foo
+  </div>
+  <div style="color: red;" id="changed">
+    Bar
+  </div>
+  <script>
+    function doTest() {
+      const e = document.getElementById('changed');
+      e.style.color = 'green';
+      document.documentElement.removeAttribute('class');
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</body>
+
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-nested-1-ref.html b/layout/reftests/display-list/reuse-sc-style-change-nested-1-ref.html
new file mode 100644
index 0000000000..00bd5f097f
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-nested-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="will-change: transform;">
+    Foo
+
+    <div style="will-change: transform;">
+      Baz
+    </div>
+    <div style="color: green;">
+    </div>
+    <div style="color: green;">
+      Bar
+    </div>
+</body>
+
+</html>
diff --git a/layout/reftests/display-list/reuse-sc-style-change-nested-1.html b/layout/reftests/display-list/reuse-sc-style-change-nested-1.html
new file mode 100644
index 0000000000..73318a2e4b
--- /dev/null
+++ b/layout/reftests/display-list/reuse-sc-style-change-nested-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+
+<head>
+  <meta charset="UTF-8">
+</head>
+
+<body>
+  <div style="will-change: transform;" class="reftest-no-display-list">
+    Foo
+    <div style="will-change: transform;">
+      Baz
+    </div>
+  </div>
+  <div style="color: red;" id="changed">
+    Bar
+  </div>
+  <script>
+    function doTest() {
+      const e = document.getElementById('changed');
+      e.style.color = 'green';
+      document.documentElement.removeAttribute('class');
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</body>
+
+</html>
diff --git a/layout/reftests/dom/appendmultiple-ref.html b/layout/reftests/dom/appendmultiple-ref.html
new file mode 100644
index 0000000000..e634909e89
--- /dev/null
+++ b/layout/reftests/dom/appendmultiple-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div>5</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/appendmultiple.html b/layout/reftests/dom/appendmultiple.html
new file mode 100644
index 0000000000..26d2d85401
--- /dev/null
+++ b/layout/reftests/dom/appendmultiple.html
@@ -0,0 +1,27 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("body");
+
+  for (var i = 3; i <= 5; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.appendChild(newdiv);
+  }
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body id="body" onload="boom();">
+<div>1</div>
+<div>2</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/appendsingle-ref.html b/layout/reftests/dom/appendsingle-ref.html
new file mode 100644
index 0000000000..e634909e89
--- /dev/null
+++ b/layout/reftests/dom/appendsingle-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div>5</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/appendsingle.html b/layout/reftests/dom/appendsingle.html
new file mode 100644
index 0000000000..321c60da43
--- /dev/null
+++ b/layout/reftests/dom/appendsingle.html
@@ -0,0 +1,27 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("body");
+
+  var newdiv = document.createElement("div");
+  newdiv.appendChild(document.createTextNode("5"));
+  parent.appendChild(newdiv);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body id="body" onload="boom();">
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertmultiple-ref.html b/layout/reftests/dom/insertmultiple-ref.html
new file mode 100644
index 0000000000..e634909e89
--- /dev/null
+++ b/layout/reftests/dom/insertmultiple-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div>5</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertmultiple.html b/layout/reftests/dom/insertmultiple.html
new file mode 100644
index 0000000000..cb58f5bdd8
--- /dev/null
+++ b/layout/reftests/dom/insertmultiple.html
@@ -0,0 +1,28 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var lastdiv = document.getElementById("last");
+  var parent = lastdiv.parentNode;
+
+  for (var i = 2; i <= 4; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, lastdiv);
+  }
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div id="last">5</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertmultiplemultiple-1.html b/layout/reftests/dom/insertmultiplemultiple-1.html
new file mode 100644
index 0000000000..20cec325a3
--- /dev/null
+++ b/layout/reftests/dom/insertmultiplemultiple-1.html
@@ -0,0 +1,51 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var sixdiv = document.getElementById("six");
+  var parent = sixdiv.parentNode;
+
+  for (var i = 3; i <= 5; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, sixdiv);
+  }
+
+  var elevendiv = document.getElementById("eleven");
+  parent = elevendiv.parentNode;
+
+  for (var i = 8; i <= 10; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, elevendiv);
+  }
+
+  var lastdiv = document.getElementById("last");
+  parent = lastdiv.parentNode;
+
+  for (var i = 13; i <= 14; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, lastdiv);
+  }
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div>2</div>
+<div id="six">6</div>
+<div>7</div>
+<div id="eleven">11</div>
+<div>12</div>
+<div id="last">15</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertmultiplemultiple-2.html b/layout/reftests/dom/insertmultiplemultiple-2.html
new file mode 100644
index 0000000000..5a9845b7b2
--- /dev/null
+++ b/layout/reftests/dom/insertmultiplemultiple-2.html
@@ -0,0 +1,39 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var ninediv = document.getElementById("nine");
+  var parent = ninediv.parentNode;
+
+  for (var i = 4; i <= 8; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, ninediv);
+  }
+
+  for (var i = 13; i <= 15; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.appendChild(newdiv);
+  }
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div id="nine">9</div>
+<div>10</div>
+<div>11</div>
+<div>12</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertmultiplemultiple-3.html b/layout/reftests/dom/insertmultiplemultiple-3.html
new file mode 100644
index 0000000000..f9fdb2d33c
--- /dev/null
+++ b/layout/reftests/dom/insertmultiplemultiple-3.html
@@ -0,0 +1,48 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var sixdiv = document.getElementById("six");
+  var parent = sixdiv.parentNode;
+
+  for (var i = 3; i <= 5; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, sixdiv);
+  }
+
+  var elevendiv = document.getElementById("eleven");
+  parent = elevendiv.parentNode;
+
+  for (var i = 8; i <= 10; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, elevendiv);
+  }
+
+  for (var i = 14; i <= 15; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.appendChild(newdiv);
+  }
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div>2</div>
+<div id="six">6</div>
+<div>7</div>
+<div id="eleven">11</div>
+<div>12</div>
+<div>13</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertmultiplemultiple-ref.html b/layout/reftests/dom/insertmultiplemultiple-ref.html
new file mode 100644
index 0000000000..01da6614ce
--- /dev/null
+++ b/layout/reftests/dom/insertmultiplemultiple-ref.html
@@ -0,0 +1,19 @@
+<html>
+<body>
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div>5</div>
+<div>6</div>
+<div>7</div>
+<div>8</div>
+<div>9</div>
+<div>10</div>
+<div>11</div>
+<div>12</div>
+<div>13</div>
+<div>14</div>
+<div>15</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertparentandchild-ref.html b/layout/reftests/dom/insertparentandchild-ref.html
new file mode 100644
index 0000000000..0bd911e7fe
--- /dev/null
+++ b/layout/reftests/dom/insertparentandchild-ref.html
@@ -0,0 +1,18 @@
+<html>
+<body>
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div>
+  <div>5a</div>
+  <div>5b</div>
+  <div>5c</div>
+  <div>5d</div>
+</div>
+<div>6</div>
+<div>7</div>
+<div>8</div>
+<div>9</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertparentandchild.html b/layout/reftests/dom/insertparentandchild.html
new file mode 100644
index 0000000000..b5d5b8236c
--- /dev/null
+++ b/layout/reftests/dom/insertparentandchild.html
@@ -0,0 +1,44 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var sixdiv = document.getElementById("six");
+  var parent = sixdiv.parentNode;
+
+  var newdiv = document.createElement("div");
+  var childdiv = document.createElement("div");
+  childdiv.appendChild(document.createTextNode("5c"));
+  newdiv.appendChild(childdiv);
+  childdiv = document.createElement("div");
+  childdiv.appendChild(document.createTextNode("5d"));
+  newdiv.appendChild(childdiv);
+  parent.insertBefore(newdiv, sixdiv);
+
+  childdiv = document.createElement("div");
+  childdiv.appendChild(document.createTextNode("5b"));
+  newdiv.insertBefore(childdiv, newdiv.firstChild);
+  childdiv = document.createElement("div");
+  childdiv.appendChild(document.createTextNode("5a"));
+  newdiv.insertBefore(childdiv, newdiv.firstChild);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div id="six">6</div>
+<div>7</div>
+<div>8</div>
+<div>9</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertsingle-ref.html b/layout/reftests/dom/insertsingle-ref.html
new file mode 100644
index 0000000000..e634909e89
--- /dev/null
+++ b/layout/reftests/dom/insertsingle-ref.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div>5</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/insertsingle.html b/layout/reftests/dom/insertsingle.html
new file mode 100644
index 0000000000..42a12ee7bf
--- /dev/null
+++ b/layout/reftests/dom/insertsingle.html
@@ -0,0 +1,28 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var fourdiv = document.getElementById("four");
+  var parent = fourdiv.parentNode;
+
+  var newdiv = document.createElement("div");
+  newdiv.appendChild(document.createTextNode("3"));
+  parent.insertBefore(newdiv, fourdiv);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div>2</div>
+<div id="four">4</div>
+<div>5</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/inserttoparentandchild-1.html b/layout/reftests/dom/inserttoparentandchild-1.html
new file mode 100644
index 0000000000..7219e786dc
--- /dev/null
+++ b/layout/reftests/dom/inserttoparentandchild-1.html
@@ -0,0 +1,47 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var fivediv = document.getElementById("five");
+  var parent = fivediv.parentNode;
+
+  for (var i = 3; i <= 4; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, fivediv);
+  }
+
+  var fivedeediv = document.getElementById("fivedee");
+  parent = fivedeediv.parentNode;
+
+  var newdiv = document.createElement("div");
+  newdiv.appendChild(document.createTextNode("5b"));
+  parent.insertBefore(newdiv, fivedeediv);
+
+  newdiv = document.createElement("div");
+  newdiv.appendChild(document.createTextNode("5c"));
+  parent.insertBefore(newdiv, fivedeediv);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div>2</div>
+<div id="five">
+  <div>5a</div>
+  <div id="fivedee">5d</div>
+</div>
+<div>6</div>
+<div>7</div>
+<div>8</div>
+<div>9</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/inserttoparentandchild-2.html b/layout/reftests/dom/inserttoparentandchild-2.html
new file mode 100644
index 0000000000..cdd0ccdc4a
--- /dev/null
+++ b/layout/reftests/dom/inserttoparentandchild-2.html
@@ -0,0 +1,47 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var eightdiv = document.getElementById("eight");
+  var parent = eightdiv.parentNode;
+
+  for (var i = 6; i <= 7; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i));
+    parent.insertBefore(newdiv, eightdiv);
+  }
+
+  var fivedeediv = document.getElementById("fivedee");
+  parent = fivedeediv.parentNode;
+
+  var newdiv = document.createElement("div");
+  newdiv.appendChild(document.createTextNode("5b"));
+  parent.insertBefore(newdiv, fivedeediv);
+
+  newdiv = document.createElement("div");
+  newdiv.appendChild(document.createTextNode("5c"));
+  parent.insertBefore(newdiv, fivedeediv);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div id="five">
+  <div>5a</div>
+  <div id="fivedee">5d</div>
+</div>
+<div id="eight">8</div>
+<div>9</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/inserttoparentandchild-ref.html b/layout/reftests/dom/inserttoparentandchild-ref.html
new file mode 100644
index 0000000000..0bd911e7fe
--- /dev/null
+++ b/layout/reftests/dom/inserttoparentandchild-ref.html
@@ -0,0 +1,18 @@
+<html>
+<body>
+<div>1</div>
+<div>2</div>
+<div>3</div>
+<div>4</div>
+<div>
+  <div>5a</div>
+  <div>5b</div>
+  <div>5c</div>
+  <div>5d</div>
+</div>
+<div>6</div>
+<div>7</div>
+<div>8</div>
+<div>9</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/inserttwoparents-ref.html b/layout/reftests/dom/inserttwoparents-ref.html
new file mode 100644
index 0000000000..daf6c06271
--- /dev/null
+++ b/layout/reftests/dom/inserttwoparents-ref.html
@@ -0,0 +1,18 @@
+<html>
+<body>
+<div>
+  <div>1a</div>
+  <div>2a</div>
+  <div>3a</div>
+  <div>4a</div>
+  <div>5a</div>
+</div>
+<div>
+  <div>1b</div>
+  <div>2b</div>
+  <div>3b</div>
+  <div>4b</div>
+  <div>5b</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/inserttwoparents.html b/layout/reftests/dom/inserttwoparents.html
new file mode 100644
index 0000000000..16b94491dd
--- /dev/null
+++ b/layout/reftests/dom/inserttwoparents.html
@@ -0,0 +1,45 @@
+<html class="reftest-wait">
+<head>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var fourehdiv = document.getElementById("foureh");
+  var parent = fourehdiv.parentNode;
+
+  for (var i = 2; i <= 3; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i + "a"));
+    parent.insertBefore(newdiv, fourehdiv);
+  }
+
+  var fourbeediv = document.getElementById("fourbee");
+  parent = fourbeediv.parentNode;
+
+  for (var i = 2; i <= 3; i++) {
+    var newdiv = document.createElement("div");
+    newdiv.appendChild(document.createTextNode(i + "b"));
+    parent.insertBefore(newdiv, fourbeediv);
+  }
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<div>
+  <div>1a</div>
+  <div id="foureh">4a</div>
+  <div>5a</div>
+</div>
+<div>
+  <div>1b</div>
+  <div id="fourbee">4b</div>
+  <div>5b</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleappendwitheditable-ref.xhtml b/layout/reftests/dom/multipleappendwitheditable-ref.xhtml
new file mode 100644
index 0000000000..fb80a5faca
--- /dev/null
+++ b/layout/reftests/dom/multipleappendwitheditable-ref.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<div id="parent">
+  <div>1</div>
+  <div>2</div>
+  <div>3</div>
+  <div>4</div>
+  <div contenteditable="true">5</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/dom/multipleappendwitheditable.xhtml b/layout/reftests/dom/multipleappendwitheditable.xhtml
new file mode 100644
index 0000000000..71fefd5192
--- /dev/null
+++ b/layout/reftests/dom/multipleappendwitheditable.xhtml
@@ -0,0 +1,37 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script type="text/javascript">
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("parent");
+
+  var newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(3));
+  parent.appendChild(newelt);
+
+  newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(4));
+  parent.appendChild(newelt);
+
+  newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(5));
+  newelt.setAttribute("contenteditable", "true");
+  parent.appendChild(newelt);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+
+</script>
+</head>
+
+<body onload="boom();">
+<div id="parent">
+  <div>1</div>
+  <div>2</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/dom/multipleappendwithinput-ref.xhtml b/layout/reftests/dom/multipleappendwithinput-ref.xhtml
new file mode 100644
index 0000000000..2f79bc0271
--- /dev/null
+++ b/layout/reftests/dom/multipleappendwithinput-ref.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<div id="parent">
+  <div>1</div>
+  <div>2</div>
+  <div>3</div>
+  <div>4</div>
+  <input type="text"></input>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/dom/multipleappendwithinput.xhtml b/layout/reftests/dom/multipleappendwithinput.xhtml
new file mode 100644
index 0000000000..762a15b846
--- /dev/null
+++ b/layout/reftests/dom/multipleappendwithinput.xhtml
@@ -0,0 +1,36 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script type="text/javascript">
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("parent");
+
+  var newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(3));
+  parent.appendChild(newelt);
+
+  newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(4));
+  parent.appendChild(newelt);
+
+  var input = document.createElement("input");
+  input.setAttribute("type", "text");
+  parent.appendChild(input);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+
+</script>
+</head>
+
+<body onload="boom();">
+<div id="parent">
+  <div>1</div>
+  <div>2</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/dom/multipleappendwithxul-ref.xhtml b/layout/reftests/dom/multipleappendwithxul-ref.xhtml
new file mode 100644
index 0000000000..0573a5df9d
--- /dev/null
+++ b/layout/reftests/dom/multipleappendwithxul-ref.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<div id="parent">
+  <div>1</div>
+  <div>2</div>
+  <div>3</div>
+  <div>4</div>
+  <hbox xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">5</hbox>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/dom/multipleappendwithxul.xhtml b/layout/reftests/dom/multipleappendwithxul.xhtml
new file mode 100644
index 0000000000..365d4b37cb
--- /dev/null
+++ b/layout/reftests/dom/multipleappendwithxul.xhtml
@@ -0,0 +1,37 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script type="text/javascript">
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("parent");
+
+  var newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(3));
+  parent.appendChild(newelt);
+
+  newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(4));
+  parent.appendChild(newelt);
+
+  var XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+  var hbox = document.createElementNS(XUL_NS, "hbox");
+  hbox.appendChild(document.createTextNode(5));
+  parent.appendChild(hbox);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+
+</script>
+</head>
+
+<body onload="boom();">
+<div id="parent">
+  <div>1</div>
+  <div>2</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml
new file mode 100644
index 0000000000..046d7e5f56
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml
@@ -0,0 +1,47 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("parent");
+
+  var newelt = document.createElement("span");
+  newelt.setAttribute("slot", "foo");
+  newelt.appendChild(document.createTextNode(2));
+  parent.appendChild(newelt);
+
+  newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(5));
+  parent.appendChild(newelt);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element id="parent" style="display: block;">
+  <div>3</div><span slot="foo">1</span><div>4</div>
+</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleinsertionpoints-appendsingle-1-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-appendsingle-1-shadow.xhtml
new file mode 100644
index 0000000000..fa79f4d34c
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-appendsingle-1-shadow.xhtml
@@ -0,0 +1,42 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("parent");
+
+  var newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(5));
+  parent.appendChild(newelt);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element id="parent" style="display: block;">
+  <div>3</div><span slot="foo">1</span><div>4</div><span slot="foo">2</span>
+</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleinsertionpoints-appendsingle-2-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-appendsingle-2-shadow.xhtml
new file mode 100644
index 0000000000..1b11798663
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-appendsingle-2-shadow.xhtml
@@ -0,0 +1,43 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("parent");
+
+  var newelt = document.createElement("span");
+  newelt.setAttribute("slot", "foo");
+  newelt.appendChild(document.createTextNode(2));
+  parent.appendChild(newelt);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element id="parent" style="display: block;">
+  <div>3</div><span slot="foo">1</span><div>4</div><div>5</div>
+</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleinsertionpoints-insertmultiple-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-insertmultiple-shadow.xhtml
new file mode 100644
index 0000000000..89f138cb67
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-insertmultiple-shadow.xhtml
@@ -0,0 +1,53 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var lastdiv = document.getElementById("last");
+  var parent = lastdiv.parentNode;
+
+  var newelt = document.createElement("span");
+  newelt.setAttribute("slot", "foo");
+  newelt.appendChild(document.createTextNode(1));
+  parent.insertBefore(newelt, lastdiv);
+
+  newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(4));
+  parent.insertBefore(newelt, lastdiv);
+
+  newelt = document.createElement("span");
+  newelt.setAttribute("slot", "foo");
+  newelt.appendChild(document.createTextNode(2));
+  parent.insertBefore(newelt, lastdiv);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element style="display: block;">
+  <div>3</div><div id="last">5</div>
+</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleinsertionpoints-insertsingle-1-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-insertsingle-1-shadow.xhtml
new file mode 100644
index 0000000000..dcefb20017
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-insertsingle-1-shadow.xhtml
@@ -0,0 +1,44 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var lastdiv = document.getElementById("last");
+  var parent = lastdiv.parentNode;
+
+  var newelt = document.createElement("span");
+  newelt.setAttribute("slot", "foo");
+  newelt.appendChild(document.createTextNode(2));
+  parent.insertBefore(newelt, lastdiv);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element style="display: block;">
+  <div>3</div><span slot="foo">1</span><div>4</div><div id="last">5</div>
+</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleinsertionpoints-insertsingle-2-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-insertsingle-2-shadow.xhtml
new file mode 100644
index 0000000000..987d533376
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-insertsingle-2-shadow.xhtml
@@ -0,0 +1,43 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var afterelt = document.getElementById("after");
+  var parent = afterelt.parentNode;
+
+  var newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(4));
+  parent.insertBefore(newelt, afterelt);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element style="display: block;">
+  <div>3</div><span slot="foo">1</span><span id="after" slot="foo">2</span><div>5</div>
+</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleinsertionpoints-ref.xhtml b/layout/reftests/dom/multipleinsertionpoints-ref.xhtml
new file mode 100644
index 0000000000..0f8ed42066
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-ref.xhtml
@@ -0,0 +1,12 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<div>
+  <div>
+    <span>1</span><span>2</span>
+  </div>
+  <div>
+    <div>3</div><div>4</div><div>5</div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/dom/multipleinsertionpoints-ref2-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-ref2-shadow.xhtml
new file mode 100644
index 0000000000..7503c7d4b0
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-ref2-shadow.xhtml
@@ -0,0 +1,28 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+</script>
+</head>
+
+<body>
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element style="display: block;">
+  <div>3</div><span slot="foo">1</span><div>4</div><span slot="foo">2</span><div>5</div>
+</custom-element>
+</body>
+</html>
diff --git a/layout/reftests/dom/reftest.list b/layout/reftests/dom/reftest.list
new file mode 100644
index 0000000000..64ac914010
--- /dev/null
+++ b/layout/reftests/dom/reftest.list
@@ -0,0 +1,51 @@
+# various tests involving dynamic insertion using the DOM
+
+# append a single element
+== appendsingle.html appendsingle-ref.html
+
+# append several elements
+== appendmultiple.html appendmultiple-ref.html
+
+# insert a single element
+== insertsingle.html insertsingle-ref.html
+
+# insert several elements
+== insertmultiple.html insertmultiple-ref.html
+
+# insert multiple nodes to a parent and one of its children
+== inserttoparentandchild-1.html inserttoparentandchild-ref.html
+== inserttoparentandchild-2.html inserttoparentandchild-ref.html
+
+# insert a parent with child and then insert more children to the parent
+== insertparentandchild.html insertparentandchild-ref.html
+
+# insert nodes to two different parents
+== inserttwoparents.html inserttwoparents-ref.html
+
+# multiple content inserts and appends
+# multiple range inserts
+== insertmultiplemultiple-1.html insertmultiplemultiple-ref.html
+# a range insert and an append
+== insertmultiplemultiple-2.html insertmultiplemultiple-ref.html
+# multiple range inserts and an append
+== insertmultiplemultiple-2.html insertmultiplemultiple-ref.html
+
+# testing bindings that have multiple insertion points
+== multipleinsertionpoints-ref2-shadow.xhtml multipleinsertionpoints-ref.xhtml
+# append a single element
+== multipleinsertionpoints-appendsingle-1-shadow.xhtml multipleinsertionpoints-ref.xhtml
+== multipleinsertionpoints-appendsingle-2-shadow.xhtml multipleinsertionpoints-ref.xhtml
+# append several elements
+== multipleinsertionpoints-appendmultiple-shadow.xhtml multipleinsertionpoints-ref.xhtml
+# insert a single element
+== multipleinsertionpoints-insertsingle-1-shadow.xhtml multipleinsertionpoints-ref.xhtml
+== multipleinsertionpoints-insertsingle-2-shadow.xhtml multipleinsertionpoints-ref.xhtml
+# insert several elements
+== multipleinsertionpoints-insertmultiple-shadow.xhtml multipleinsertionpoints-ref.xhtml
+
+# test appending some nodes whose frame construction should be done lazily
+# followed by appending a node that might not be done lazily
+== multipleappendwithxul.xhtml multipleappendwithxul-ref.xhtml
+== multipleappendwithinput.xhtml multipleappendwithinput-ref.xhtml
+== multipleappendwitheditable.xhtml multipleappendwitheditable-ref.xhtml
+
diff --git a/layout/reftests/filters.svg b/layout/reftests/filters.svg
new file mode 100644
index 0000000000..95d20889ef
--- /dev/null
+++ b/layout/reftests/filters.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <g id="empty" />
+
+    <!-- Keep all black pixels black, and change any others to white. -->
+    <!-- NOTE: alpha is preserved, so it will not adjust alpha edges -->
+    <filter id="NonBlackToWhite" x="0%" y="0%" width="100%" height="100%">
+      <feColorMatrix type="matrix" values="255 255 255 0 0
+                                           255 255 255 0 0
+                                           255 255 255 0 0
+                                           0 0 0 1 0" />
+    </filter>
+
+    <!-- Keep all white pixels white, and change any others to black. -->
+    <!-- NOTE: alpha is preserved, so it will not adjust alpha edges -->
+    <filter id="NonWhiteToBlack" x="0%" y="0%" width="100%" height="100%">
+      <feComponentTransfer>
+        <feFuncR type="linear" slope="-1" intercept="1" />
+        <feFuncG type="linear" slope="-1" intercept="1" />
+        <feFuncB type="linear" slope="-1" intercept="1" />
+      </feComponentTransfer>
+      <feColorMatrix type="matrix" values="255 255 255 0 0
+                                           255 255 255 0 0
+                                           255 255 255 0 0
+                                           0 0 0 1 0" />
+      <feComponentTransfer>
+        <feFuncR type="linear" slope="-1" intercept="1" />
+        <feFuncG type="linear" slope="-1" intercept="1" />
+        <feFuncB type="linear" slope="-1" intercept="1" />
+      </feComponentTransfer>
+    </filter>
+
+    <!-- Threshold colours into sixteen steps per channel. -->
+    <filter id="ThresholdRGB" x="0%" y="0%" width="100%" height="100%" color-interpolation-filters="sRGB">
+      <feComponentTransfer>
+        <feFuncR type="discrete" tableValues="0 .125 .25 .375 .5 .625 .75 .875 1" />
+        <feFuncG type="discrete" tableValues="0 .125 .25 .375 .5 .625 .75 .875 1" />
+        <feFuncB type="discrete" tableValues="0 .125 .25 .375 .5 .625 .75 .875 1" />
+      </feComponentTransfer>
+    </filter>
+
+  </defs>
+</svg>
diff --git a/layout/reftests/first-letter/1385656-ref.html b/layout/reftests/first-letter/1385656-ref.html
new file mode 100644
index 0000000000..dc41cb2d34
--- /dev/null
+++ b/layout/reftests/first-letter/1385656-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  div { border: 5px solid transparent; }
+  div::first-line { }
+  div::first-letter { border: inherit; border-color: yellow; }
+</style>
+<div>
+  Some text. Does the first letter still have a border?
+</div>
diff --git a/layout/reftests/first-letter/1385656.html b/layout/reftests/first-letter/1385656.html
new file mode 100644
index 0000000000..f3277b6ef8
--- /dev/null
+++ b/layout/reftests/first-letter/1385656.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+  div { border: 5px solid transparent; }
+  div::first-line { }
+  div::first-letter { border: inherit; border-color: yellow; }
+</style>
+<div>
+  Some text.
+</div>
+<script>
+  onload = function() {
+    var div = document.querySelector("div");
+    window.width = div.offsetWidth; // Make sure we flush layout.
+    div.appendChild(document.createTextNode('Does the first letter still have a border?'));
+  }
+</script>
diff --git a/layout/reftests/first-letter/1404167-1-ref.html b/layout/reftests/first-letter/1404167-1-ref.html
new file mode 100644
index 0000000000..44f20b89df
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-1-ref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<style>
+text::first-letter {
+  font-size: 3em;
+}
+text {
+  font-size: 15px;
+}
+</style>
+<svg width="500px" height="50px">
+  <text x="0" y="40">The first-letter size should be 45px</text>
+</svg>
diff --git a/layout/reftests/first-letter/1404167-1.html b/layout/reftests/first-letter/1404167-1.html
new file mode 100644
index 0000000000..2c7b241488
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-1.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<style>
+text::first-letter {
+  font-size: 3em;
+}
+text {
+  font-size: 10px;
+}
+</style>
+<svg width="500px" height="50px">
+  <text x="0" y="40">The first-letter size should be 45px</text>
+</svg>
+<script>
+  document.body.offsetTop;
+  document.querySelector('text').style.fontSize = "15px";
+</script>
diff --git a/layout/reftests/first-letter/1404167-2-ref.html b/layout/reftests/first-letter/1404167-2-ref.html
new file mode 100644
index 0000000000..a756034b28
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-2-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+td::first-letter {
+  border: inherit;
+}
+</style>
+<table>
+  <tr>
+    <td style="border: 10px solid green">
+      This text should have a green border on the first letter.
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/first-letter/1404167-2.html b/layout/reftests/first-letter/1404167-2.html
new file mode 100644
index 0000000000..70f7c0f29a
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-2.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<style>
+td::first-letter {
+  border: inherit;
+}
+</style>
+<table>
+  <tr>
+    <td style="border: 10px solid red">
+      This text should have a green border on the first letter.
+    </td>
+  </tr>
+</table>
+<script>
+document.body.offsetTop;
+document.querySelector('td').style.borderColor = "green";
+document.body.offsetTop;
+</script>
diff --git a/layout/reftests/first-letter/1404167-3-ref.html b/layout/reftests/first-letter/1404167-3-ref.html
new file mode 100644
index 0000000000..c2646a66a4
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-3-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+fieldset::first-letter {
+  border: inherit;
+}
+</style>
+<fieldset style="border: 10px solid green;">
+  This text should have a green border on the first letter.
+</fieldset>
diff --git a/layout/reftests/first-letter/1404167-3.html b/layout/reftests/first-letter/1404167-3.html
new file mode 100644
index 0000000000..e815874500
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-3.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+fieldset::first-letter {
+  border: inherit;
+}
+</style>
+<fieldset style="border: 10px solid red;">
+  This text should have a green border on the first letter.
+</fieldset>
+<script>
+document.body.offsetTop;
+document.querySelector('fieldset').style.borderColor = "green";
+document.body.offsetTop;
+</script>
diff --git a/layout/reftests/first-letter/1404167-4-ref.html b/layout/reftests/first-letter/1404167-4-ref.html
new file mode 100644
index 0000000000..b08c8a24f5
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-4-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+div::first-letter {
+  color: green;
+}
+
+div::first-line {
+  color: blue;
+}
+</style>
+<div style="font-size: 20px">My first letter should be green, and the whole line 20px in size</div>
diff --git a/layout/reftests/first-letter/1404167-4.html b/layout/reftests/first-letter/1404167-4.html
new file mode 100644
index 0000000000..daa8643015
--- /dev/null
+++ b/layout/reftests/first-letter/1404167-4.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<style>
+div::first-letter {
+  color: green;
+}
+
+div::first-line {
+  color: blue;
+}
+</style>
+<div>My first letter should be green, and the whole line 20px in size</div>
+<script>
+document.body.offsetTop;
+document.querySelector('div').style.fontSize = "20px";
+document.body.offsetTop;
+</script>
diff --git a/layout/reftests/first-letter/229764-1.html b/layout/reftests/first-letter/229764-1.html
new file mode 100644
index 0000000000..5a2174ea2b
--- /dev/null
+++ b/layout/reftests/first-letter/229764-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+   p:first-letter {
+    float: left;
+    color: red;
+   }
+  </style>
+  <title>a first-letter testcase</title>
+ </head>
+ <body>
+  <p>Lorem ipsum dolor sit amet.</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/229764-2.html b/layout/reftests/first-letter/229764-2.html
new file mode 100644
index 0000000000..b806bd8e21
--- /dev/null
+++ b/layout/reftests/first-letter/229764-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+   p:first-letter {
+    float: left;
+    color: red;
+   }
+  </style>
+  <title>a first-letter testcase</title>
+  <script type="text/javascript">
+  window.onload = function() {
+   document.getElementsByTagName("style")[0].disabled = true;
+  }
+  </script>
+ </head>
+ <body>
+  <p>Lorem ipsum dolor sit amet.</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/229764-ref.html b/layout/reftests/first-letter/229764-ref.html
new file mode 100644
index 0000000000..168e8e5224
--- /dev/null
+++ b/layout/reftests/first-letter/229764-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>a first-letter testcase</title>
+ </head>
+ <body>
+  <p>Lorem ipsum dolor sit amet.</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/23605-1-ref.html b/layout/reftests/first-letter/23605-1-ref.html
new file mode 100644
index 0000000000..82ec762aa0
--- /dev/null
+++ b/layout/reftests/first-letter/23605-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">[T</span>ext]</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-1.html b/layout/reftests/first-letter/23605-1.html
new file mode 100644
index 0000000000..219d71dfd0
--- /dev/null
+++ b/layout/reftests/first-letter/23605-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>[Text]</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-2-ref.html b/layout/reftests/first-letter/23605-2-ref.html
new file mode 100644
index 0000000000..fb1977288e
--- /dev/null
+++ b/layout/reftests/first-letter/23605-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">"T</span>ext"</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-2.html b/layout/reftests/first-letter/23605-2.html
new file mode 100644
index 0000000000..4b9ab8b17c
--- /dev/null
+++ b/layout/reftests/first-letter/23605-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>"Text"</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-3-ref.html b/layout/reftests/first-letter/23605-3-ref.html
new file mode 100644
index 0000000000..1813a4c5f3
--- /dev/null
+++ b/layout/reftests/first-letter/23605-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">&ldquo;T</span>ext&rdquo;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-3.html b/layout/reftests/first-letter/23605-3.html
new file mode 100644
index 0000000000..a0550ea29e
--- /dev/null
+++ b/layout/reftests/first-letter/23605-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>&ldquo;Text&rdquo;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-4-ref.html b/layout/reftests/first-letter/23605-4-ref.html
new file mode 100644
index 0000000000..41be3223ce
--- /dev/null
+++ b/layout/reftests/first-letter/23605-4-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">&sbquo;T</span>ext&sbquo;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-4.html b/layout/reftests/first-letter/23605-4.html
new file mode 100644
index 0000000000..21d04b7d8e
--- /dev/null
+++ b/layout/reftests/first-letter/23605-4.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>&sbquo;Text&sbquo;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-5-ref.html b/layout/reftests/first-letter/23605-5-ref.html
new file mode 100644
index 0000000000..548f8a4fa7
--- /dev/null
+++ b/layout/reftests/first-letter/23605-5-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!--
+  See http://lists.w3.org/Archives/Public/www-style/2000Jan/0017.html and
+  http://www.w3.org/TR/CSS21/selector.html#first-letter
+  'If the letters that would form the first-letter are not in the same element,
+   such as "'T" in <p>'<em>T..., the UA may create a first-letter
+   pseudo-element from one of the elements, both elements, or simply not create
+   a pseudo-element.'
+  So it's not necessarily a bug if this test fails, but I'm including it anyway
+  to track whether the behaviour changes. The current behaviour at the time of
+  creating the test is that only the first element is included in the
+  pseudo-element.
+--> 
+<html>
+<head>
+  <style>
+   span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+ <p><span class="fake-first-letter">[</span><a href="http://www.mozilla.org/">A link to mozilla.org</a> is the
+  beginning of this paragraph.]</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-5.html b/layout/reftests/first-letter/23605-5.html
new file mode 100644
index 0000000000..903206e1ad
--- /dev/null
+++ b/layout/reftests/first-letter/23605-5.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!--
+  See http://lists.w3.org/Archives/Public/www-style/2000Jan/0017.html and
+  http://www.w3.org/TR/CSS21/selector.html#first-letter
+  'If the letters that would form the first-letter are not in the same element,
+   such as "'T" in <p>'<em>T..., the UA may create a first-letter
+   pseudo-element from one of the elements, both elements, or simply not create
+   a pseudo-element.'
+  So it's not necessarily a bug if this test fails, but I'm including it anyway
+  to track whether the behaviour changes. The current behaviour at the time of
+  creating the test is that only the first element is included in the
+  pseudo-element.
+--> 
+<html>
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+ <p>[<a href="http://www.mozilla.org/">A link to mozilla.org</a> is the
+  beginning of this paragraph.]</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-6-ref.html b/layout/reftests/first-letter/23605-6-ref.html
new file mode 100644
index 0000000000..03a310be42
--- /dev/null
+++ b/layout/reftests/first-letter/23605-6-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">"'[T</span>ext]'"</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/23605-6.html b/layout/reftests/first-letter/23605-6.html
new file mode 100644
index 0000000000..9da4aa3ae6
--- /dev/null
+++ b/layout/reftests/first-letter/23605-6.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>"'[Text]'"</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-1-ref.html b/layout/reftests/first-letter/329069-1-ref.html
new file mode 100644
index 0000000000..8ca5fcd7ee
--- /dev/null
+++ b/layout/reftests/first-letter/329069-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">&#x0065;&#x0301;</span>cole</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-1.html b/layout/reftests/first-letter/329069-1.html
new file mode 100644
index 0000000000..5e22833184
--- /dev/null
+++ b/layout/reftests/first-letter/329069-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>&#x0065;&#x0301;cole</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-2-ref.html b/layout/reftests/first-letter/329069-2-ref.html
new file mode 100644
index 0000000000..b8c9ec7fb3
--- /dev/null
+++ b/layout/reftests/first-letter/329069-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <style>
+    span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">&#x1101;&#x1170;&#x11B7;</span>&#x1101;&#x1170;&#x11B7;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-2.html b/layout/reftests/first-letter/329069-2.html
new file mode 100644
index 0000000000..67f9960d65
--- /dev/null
+++ b/layout/reftests/first-letter/329069-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>&#x1101;&#x1170;&#x11B7;&#x1101;&#x1170;&#x11B7;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-3-ref.html b/layout/reftests/first-letter/329069-3-ref.html
new file mode 100644
index 0000000000..6c1c075244
--- /dev/null
+++ b/layout/reftests/first-letter/329069-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <style>
+    span.fake-first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">&#xFF84;&#xFF9E;</span>&#xFF84;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-3.html b/layout/reftests/first-letter/329069-3.html
new file mode 100644
index 0000000000..4a3212d40f
--- /dev/null
+++ b/layout/reftests/first-letter/329069-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+</head>
+<body>
+  <p>&#xFF84;&#xFF9E;&#xFF84;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-4-ref.html b/layout/reftests/first-letter/329069-4-ref.html
new file mode 100644
index 0000000000..2e9ad9f81b
--- /dev/null
+++ b/layout/reftests/first-letter/329069-4-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="hi">
+<head>
+  <style>
+    span.fake-first-letter { color: red; }
+  </style>
+  <title>Devanagari first-letter 1</title>
+</head>
+<body>
+  <p><span class="fake-first-letter">&#x935;&#x93F;</span>&#x915;&#x93F;&#x92A;&#x940;&#x921;&#x93F;&#x92F;&#x93E;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-4.html b/layout/reftests/first-letter/329069-4.html
new file mode 100644
index 0000000000..d85dac9fbc
--- /dev/null
+++ b/layout/reftests/first-letter/329069-4.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="hi">
+<head>
+  <style>
+   p:first-letter { color: red; }
+  </style>
+  <title>Devanagari first-letter 1</title>
+</head>
+<body>
+  <p>&#x935;&#x93F;&#x915;&#x93F;&#x92A;&#x940;&#x921;&#x93F;&#x92F;&#x93E;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-5-ref.html b/layout/reftests/first-letter/329069-5-ref.html
new file mode 100644
index 0000000000..31311ad7fc
--- /dev/null
+++ b/layout/reftests/first-letter/329069-5-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="hi">
+<head>
+  <style>
+   @font-face { font-family: lohit; src: url(../fonts/ttf-indic/lohit_hi.ttf); }
+   body { font-family: lohit; }
+    span.fake-first-letter { color: red; }
+  </style>
+  <title>Devanagari first-letter 2</title>
+</head>
+<body>
+  <p><span class="fake-first-letter">&#x938;&#x94d;&#x925;&#x93F;</span>&#x924;&#x93F;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/329069-5.html b/layout/reftests/first-letter/329069-5.html
new file mode 100644
index 0000000000..3386e6aa5c
--- /dev/null
+++ b/layout/reftests/first-letter/329069-5.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="hi">
+<head>
+  <style>
+   @font-face { font-family: lohit; src: url(../fonts/ttf-indic/lohit_hi.ttf); }
+   body { font-family: lohit; }
+   p:first-letter { color: red; }
+  </style>
+  <title>Devanagari first-letter 2</title>
+</head>
+<body>
+  <p>&#x938;&#x94d;&#x925;&#x93F;&#x924;&#x93F;</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/342120-1-ref.xhtml b/layout/reftests/first-letter/342120-1-ref.xhtml
new file mode 100644
index 0000000000..9ca9f54e0f
--- /dev/null
+++ b/layout/reftests/first-letter/342120-1-ref.xhtml
@@ -0,0 +1,11 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+</head>
+
+<body>
+
+<div>,,, <strong id="s"><div></div><p id="p">1</p>2</strong> ...</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/first-letter/342120-1.xhtml b/layout/reftests/first-letter/342120-1.xhtml
new file mode 100644
index 0000000000..b0de87b0f5
--- /dev/null
+++ b/layout/reftests/first-letter/342120-1.xhtml
@@ -0,0 +1,33 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+
+<script>
+
+function boom ()
+{
+  var p = document.getElementById("p");
+  var s = document.getElementById("s");
+  
+  s.insertBefore(document.createElement("div"), p);
+  
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
+
+
+<style>
+
+strong:first-letter { color: red; }
+
+</style>
+
+</head>
+
+<body onload="setTimeout(boom, 30);">
+
+<div>,,, <strong id="s"><p id="p">1</p>2</strong> ...</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/first-letter/379799-1-ref.html b/layout/reftests/first-letter/379799-1-ref.html
new file mode 100644
index 0000000000..56c66e1bbe
--- /dev/null
+++ b/layout/reftests/first-letter/379799-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div class="fl" id="parent" style="color: green">
+  Foo <span id="test">Bar</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-letter/379799-1.html b/layout/reftests/first-letter/379799-1.html
new file mode 100644
index 0000000000..532b26407c
--- /dev/null
+++ b/layout/reftests/first-letter/379799-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style id="firstLetterSheet">
+  .fl:first-letter { color: red }
+</style>
+
+<script>
+
+function boom()
+{
+  document.getElementById("parent").className = "";
+  document.body.offsetWidth;
+  document.getElementById("test").style.position = "relative";
+}
+
+</script>
+
+</head>
+
+<body onload="boom()">
+
+<div class="fl" id="parent" style="color: green">
+  Foo <span id="test">Bar</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-letter/399941-1-ref.html b/layout/reftests/first-letter/399941-1-ref.html
new file mode 100644
index 0000000000..586bfd92e1
--- /dev/null
+++ b/layout/reftests/first-letter/399941-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Leading and trailing punctuation should all be included -->
+  <p><span class="fake-first-letter">"I!,"</span> said the Fly,</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-1.html b/layout/reftests/first-letter/399941-1.html
new file mode 100644
index 0000000000..c8de114751
--- /dev/null
+++ b/layout/reftests/first-letter/399941-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Leading and trailing punctuation should all be included -->
+  <p>"I!," said the Fly,</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-2-ref.html b/layout/reftests/first-letter/399941-2-ref.html
new file mode 100644
index 0000000000..6c0639fc1d
--- /dev/null
+++ b/layout/reftests/first-letter/399941-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941, revised in bug 1260366 due to spec changes</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Punctuation in class Pc should be included: there is a first-letter here -->
+  <p><span class="fake-first-letter">_I_,</span> said the Fly,</p>
+ <!-- Punctuation in class Pd should be included: there is a first-letter here -->
+  <p><span class="fake-first-letter">-I-,</span> said the Fly,</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-2.html b/layout/reftests/first-letter/399941-2.html
new file mode 100644
index 0000000000..d47ff75178
--- /dev/null
+++ b/layout/reftests/first-letter/399941-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Reference: Test case for bug 399941, revised in bug 1260366 due to spec changes</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Punctuation in class Pc should be included: there is a first-letter here -->
+  <p>_I_, said the Fly,</p>
+ <!-- Punctuation in class Pd should be included: there is a first-letter here -->
+  <p>-I-, said the Fly,</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-3-ref.html b/layout/reftests/first-letter/399941-3-ref.html
new file mode 100644
index 0000000000..101724ad97
--- /dev/null
+++ b/layout/reftests/first-letter/399941-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test non-ASCII punctuation -->
+  <p><span class="fake-first-letter">¿C</span>ómo está usted?</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-3.html b/layout/reftests/first-letter/399941-3.html
new file mode 100644
index 0000000000..f1df77c2c9
--- /dev/null
+++ b/layout/reftests/first-letter/399941-3.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test non-ASCII punctuation -->
+  <p>¿Cómo está usted?</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-4-ref.html b/layout/reftests/first-letter/399941-4-ref.html
new file mode 100644
index 0000000000..4396fa0a5a
--- /dev/null
+++ b/layout/reftests/first-letter/399941-4-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test 16-bit punctuation -->
+  <p><span class="fake-first-letter">&#x201c;I!,&#x201d;</span> said the Fly,</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-4.html b/layout/reftests/first-letter/399941-4.html
new file mode 100644
index 0000000000..6c7000a3a1
--- /dev/null
+++ b/layout/reftests/first-letter/399941-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test 16-bit punctuation -->
+  <p>&#x201c;I!,&#x201d; said the Fly,</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-5-ref.html b/layout/reftests/first-letter/399941-5-ref.html
new file mode 100644
index 0000000000..5a5baac1e8
--- /dev/null
+++ b/layout/reftests/first-letter/399941-5-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- If there is whitespace between the punctuation and the first letter, there is no first-letter -->
+  <p>"*" is an asterisk</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-5.html b/layout/reftests/first-letter/399941-5.html
new file mode 100644
index 0000000000..2e8fe8caab
--- /dev/null
+++ b/layout/reftests/first-letter/399941-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- If there is whitespace between the punctuation and the first letter, there is no first-letter -->
+  <p>"*" is an asterisk</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-6-ref.html b/layout/reftests/first-letter/399941-6-ref.html
new file mode 100644
index 0000000000..691b87ce86
--- /dev/null
+++ b/layout/reftests/first-letter/399941-6-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- :first-letter applies to digits (and following punctuation) -->
+  <p><span class="fake-first-letter">2,</span>000 miles</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-6.html b/layout/reftests/first-letter/399941-6.html
new file mode 100644
index 0000000000..39cc9ef39f
--- /dev/null
+++ b/layout/reftests/first-letter/399941-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- :first-letter applies to digits (and following punctuation) -->
+  <p>2,000 miles</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-7-ref.html b/layout/reftests/first-letter/399941-7-ref.html
new file mode 100644
index 0000000000..a172ddf349
--- /dev/null
+++ b/layout/reftests/first-letter/399941-7-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- :first-letter originally didn't apply to symbols,
+       but this changed in bug 1686512 -->
+  <p><span class="fake-first-letter">$</span>64,000</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-7.html b/layout/reftests/first-letter/399941-7.html
new file mode 100644
index 0000000000..f12e2bffa4
--- /dev/null
+++ b/layout/reftests/first-letter/399941-7.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- :first-letter originally didn't apply to symbols,
+       but this changed in bug 1686512 -->
+  <p>$64,000</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-8-ref.html b/layout/reftests/first-letter/399941-8-ref.html
new file mode 100644
index 0000000000..34c449c026
--- /dev/null
+++ b/layout/reftests/first-letter/399941-8-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test SMP characters -->
+  <p><span class="fake-first-letter">&#x10900;</span>&#x10901;&#x10909; is Phoenician</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-8.html b/layout/reftests/first-letter/399941-8.html
new file mode 100644
index 0000000000..6ec8b7677a
--- /dev/null
+++ b/layout/reftests/first-letter/399941-8.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test SMP characters -->
+  <p>&#x10900;&#x10901;&#x10909; is Phoenician</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-9-ref.html b/layout/reftests/first-letter/399941-9-ref.html
new file mode 100644
index 0000000000..671c3559d2
--- /dev/null
+++ b/layout/reftests/first-letter/399941-9-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test SMP characters and punctuation -->
+  <p><span class="fake-first-letter">&#x12470;&#x12000;&#x12470;</span>&#x12041; is cuneiform with punctuation</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/399941-9.html b/layout/reftests/first-letter/399941-9.html
new file mode 100644
index 0000000000..f696098958
--- /dev/null
+++ b/layout/reftests/first-letter/399941-9.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 399941.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test SMP characters and punctuation -->
+  <p>&#x12470;&#x12000;&#x12470;&#x12041; is cuneiform with punctuation</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/429968-1-ref.html b/layout/reftests/first-letter/429968-1-ref.html
new file mode 100644
index 0000000000..80977e5924
--- /dev/null
+++ b/layout/reftests/first-letter/429968-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body { white-space:pre; color:black; }
+/* FIXME (Bug 1058203): avoid line-height:normal since it seems to have
+   different meaning on ::first-letter or span */
+span.first-letter { text-decoration:underline;
+                    font-size:200%; line-height: 1.2; }
+</style>
+</head>
+<body>
+<span class="first-letter"></span>AB</body>
+</html>
diff --git a/layout/reftests/first-letter/429968-1a.html b/layout/reftests/first-letter/429968-1a.html
new file mode 100644
index 0000000000..592659ae23
--- /dev/null
+++ b/layout/reftests/first-letter/429968-1a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { white-space:pre; color:black; }
+/* FIXME (Bug 1058203): avoid line-height:normal since it seems to have
+   different meaning on ::first-letter or span */
+#inner::first-letter { color:red; text-decoration:underline;
+                       font-size:200%; line-height: 1.2; }
+</style>
+</head>
+<body><div id="inner"><span>
+</span>AB</div></body>
+</html>
diff --git a/layout/reftests/first-letter/429968-1b.html b/layout/reftests/first-letter/429968-1b.html
new file mode 100644
index 0000000000..dda8016e77
--- /dev/null
+++ b/layout/reftests/first-letter/429968-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { white-space:pre; color:blue; }
+/* FIXME (Bug 1058203): avoid line-height:normal since it seems to have
+   different meaning on ::first-letter or span */
+#inner::first-letter { color:red; text-decoration:underline;
+                       font-size:200%; line-height: 1.2; }
+</style>
+</head>
+<body><div id="inner"><span>
+</span>AB</div></body>
+<script>
+document.body.offsetTop;
+document.body.style.color = "black";
+</script>
+</html>
diff --git a/layout/reftests/first-letter/429968-2-ref.html b/layout/reftests/first-letter/429968-2-ref.html
new file mode 100644
index 0000000000..b541822a4d
--- /dev/null
+++ b/layout/reftests/first-letter/429968-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body { color:black; }
+span { color:lime; }
+</style>
+</head>
+<body><span>A</span>B</body>
+</html>
diff --git a/layout/reftests/first-letter/429968-2a.html b/layout/reftests/first-letter/429968-2a.html
new file mode 100644
index 0000000000..dd7d4091c3
--- /dev/null
+++ b/layout/reftests/first-letter/429968-2a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { white-space:pre; color:black; }
+#inner::first-letter { color:lime; }
+</style>
+</head>
+<body><div id="inner"><span id="s">
+</span>AB</div></body>
+<script>
+document.body.offsetTop;
+document.getElementById("s").textContent = "";
+</script>
+</html>
diff --git a/layout/reftests/first-letter/429968-2b.html b/layout/reftests/first-letter/429968-2b.html
new file mode 100644
index 0000000000..4f3daffa10
--- /dev/null
+++ b/layout/reftests/first-letter/429968-2b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { white-space:pre; color:black; }
+#inner::first-letter { color:lime; }
+</style>
+</head>
+<body><div id="inner"><span id="s">
+</span>AB</div></body>
+<script>
+document.body.offsetTop;
+document.getElementById("s").firstChild.data = "";
+</script>
+</html>
diff --git a/layout/reftests/first-letter/429968-2c.html b/layout/reftests/first-letter/429968-2c.html
new file mode 100644
index 0000000000..65bb91d3db
--- /dev/null
+++ b/layout/reftests/first-letter/429968-2c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body { white-space:pre; color:black; }
+#inner::first-letter { color:lime; }
+</style>
+</head>
+<body><div id="inner"><span id="s">
+</span>AB</div></body>
+<script>
+document.body.offsetTop;
+document.getElementById("s").style.whiteSpace = "normal";
+</script>
+</html>
diff --git a/layout/reftests/first-letter/441418-1-ref.html b/layout/reftests/first-letter/441418-1-ref.html
new file mode 100644
index 0000000000..124d6908f1
--- /dev/null
+++ b/layout/reftests/first-letter/441418-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p { color:black; }
+</style>
+</head>
+<body>
+<p><br>
+Hello
+<p>"<br>
+Hello
+<p>"<br>
+Hello
+</body>
+</html>
diff --git a/layout/reftests/first-letter/441418-1.html b/layout/reftests/first-letter/441418-1.html
new file mode 100644
index 0000000000..cfe01500e7
--- /dev/null
+++ b/layout/reftests/first-letter/441418-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p { width:0; color:black; }
+p::first-letter { color:yellow; }
+p.pre { white-space:pre; }
+</style>
+</head>
+<body>
+<p class="pre">
+Hello
+<p class="pre">"
+Hello
+<p>"
+Hello
+</body>
+</html>
diff --git a/layout/reftests/first-letter/469227-1-ref.html b/layout/reftests/first-letter/469227-1-ref.html
new file mode 100644
index 0000000000..2878ec28aa
--- /dev/null
+++ b/layout/reftests/first-letter/469227-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Testcase for issue in bug 469227 comment 8</title>
+<span></span>
+<p></p>
+<span style="margin-left: 30px; color: green">Hello</span>
diff --git a/layout/reftests/first-letter/469227-1.html b/layout/reftests/first-letter/469227-1.html
new file mode 100644
index 0000000000..f502297910
--- /dev/null
+++ b/layout/reftests/first-letter/469227-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Testcase for issue in bug 469227 comment 8</title>
+<style type="text/css">
+
+span, p::first-letter { color: green; }
+span.foo, p.foo::first-letter { position: relative; }
+span.foo, p.foo::first-letter { left: 30px; }
+
+</style>
+<span></span>
+<p class="foo"></p>
+<span class="foo">Hello</span>
diff --git a/layout/reftests/first-letter/484400-1-ref.html b/layout/reftests/first-letter/484400-1-ref.html
new file mode 100644
index 0000000000..0b30370483
--- /dev/null
+++ b/layout/reftests/first-letter/484400-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<style>
+  div::first-letter { color: red; font-size: 200%; background-color: blue; }
+</style>
+</head>
+<body>
+  <div>
+    T
+  </div>
+</body>
diff --git a/layout/reftests/first-letter/484400-1.html b/layout/reftests/first-letter/484400-1.html
new file mode 100644
index 0000000000..234f0ecd4c
--- /dev/null
+++ b/layout/reftests/first-letter/484400-1.html
@@ -0,0 +1,20 @@
+<html class="reftest-wait">
+<head>
+<style>
+  div::first-letter { color: red; font-size: 200%; background-color: blue; }
+</style>
+<script>
+function boom() {
+  document.documentElement.offsetWidth;
+  var s = document.getElementById("s");
+  s.remove();
+  document.documentElement.offsetWidth;
+  document.documentElement.removeAttribute("class");
+}
+</script>
+</head>
+<body onload="boom();">
+  <div>
+    <span id="s" style="position: absolute;">abcdefh</span>T
+  </div>
+</body>
diff --git a/layout/reftests/first-letter/594303-1-ref.html b/layout/reftests/first-letter/594303-1-ref.html
new file mode 100644
index 0000000000..cd196ab9b4
--- /dev/null
+++ b/layout/reftests/first-letter/594303-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>Testcase Bug 594303</title>
+<style>
+body { width: 300px; font-size: 16px }
+p::first-letter { font-size: 3em; float: left }
+</style>
+<p>This is a paragraph with a decent amount of text in it, enough to wrap to multiple lines.</p>
diff --git a/layout/reftests/first-letter/594303-1.html b/layout/reftests/first-letter/594303-1.html
new file mode 100644
index 0000000000..001584f7bd
--- /dev/null
+++ b/layout/reftests/first-letter/594303-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<title>Testcase Bug 594303</title>
+<style>
+body { width: 500px; font-size: 16px }
+p::first-letter { font-size: 3em; float: left }
+</style>
+<div style="float: right; width: 200px; height: 200px"></div>
+<p>This is a paragraph with a decent amount of text in it, enough to wrap to multiple lines.</p>
diff --git a/layout/reftests/first-letter/617869-1-ref.html b/layout/reftests/first-letter/617869-1-ref.html
new file mode 100644
index 0000000000..7a498948e9
--- /dev/null
+++ b/layout/reftests/first-letter/617869-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <style>
+    span.fake-first-letter { color: red; font-size: 200%; }
+  </style>
+</head>
+<body>
+  <p><span class="fake-first-letter">S</span>ome text</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/617869-1.html b/layout/reftests/first-letter/617869-1.html
new file mode 100644
index 0000000000..8b9db98aa0
--- /dev/null
+++ b/layout/reftests/first-letter/617869-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <style>
+   p:first-letter { color: red; font-size: 200%; }
+  </style>
+</head>
+<body>
+  <p>Some text</p>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/723509-1-ref.html b/layout/reftests/first-letter/723509-1-ref.html
new file mode 100644
index 0000000000..7114de4bf1
--- /dev/null
+++ b/layout/reftests/first-letter/723509-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 723509.html</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test characters that became "punctuation" in Unicode 6.1 -->
+  <p><span class="fake-first-letter">&#x00a7;S</span>ection</p>
+  <p><span class="fake-first-letter">&#x00b6;P</span>aragraph</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/723509-1.html b/layout/reftests/first-letter/723509-1.html
new file mode 100644
index 0000000000..e690089ffb
--- /dev/null
+++ b/layout/reftests/first-letter/723509-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Test case for bug 723509.html</title>
+  <style type="text/css">
+   p:first-letter {
+     color: lime;
+     background-color: olive;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Test characters that became "punctuation" in Unicode 6.1 -->
+  <p>&#x00a7;Section</p>
+  <p>&#x00b6;Paragraph</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/922550-1-ref.html b/layout/reftests/first-letter/922550-1-ref.html
new file mode 100644
index 0000000000..b0fc1531a6
--- /dev/null
+++ b/layout/reftests/first-letter/922550-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>New first letter punctuation in Unicode 6.3</title>
+  <style type="text/css">
+   span.fake-first-letter {
+     color: gold;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Leading and trailing punctuation should all be included -->
+  <p><span class="fake-first-letter">&#x2308;A&#x2309;,</span> &#x2308;B&#x2309;, &#x2308;C&#x2309;</p>
+  <p><span class="fake-first-letter">&#x230A;X&#x230B;,</span> &#x230A;Y&#x230B;, &#x230A;Z&#x230B;</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/922550-1.html b/layout/reftests/first-letter/922550-1.html
new file mode 100644
index 0000000000..7a01f61271
--- /dev/null
+++ b/layout/reftests/first-letter/922550-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>New first letter punctuation in Unicode 6.3</title>
+  <style type="text/css">
+   p:first-letter {
+     color: gold;
+   }
+  </style>
+ </head>
+ <body>
+ <!-- Leading and trailing punctuation should all be included -->
+  <p>&#x2308;A&#x2309;, &#x2308;B&#x2309;, &#x2308;C&#x2309;</p>
+  <p>&#x230A;X&#x230B;, &#x230A;Y&#x230B;, &#x230A;Z&#x230B;</p>
+ </body>
+</html>
diff --git a/layout/reftests/first-letter/958249-ref.html b/layout/reftests/first-letter/958249-ref.html
new file mode 100644
index 0000000000..c03c22a38d
--- /dev/null
+++ b/layout/reftests/first-letter/958249-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html><head>
+  <meta charset="utf-8">
+  <title>Bug 958249 test 1</title>
+  <style>
+        html,body {
+            color:black; background-color:white; font-size:16px;
+        }
+
+.logo::first-letter {
+  border:2px solid;
+}
+
+.logo2::first-letter {
+  float:left;
+  border:2px solid;
+}
+
+</style>
+<body>
+<div class="logo">P</div>
+<br clear="all">
+<div class="logo2">P</div>
+</body></html>
diff --git a/layout/reftests/first-letter/958249.html b/layout/reftests/first-letter/958249.html
new file mode 100644
index 0000000000..bb15ab6a46
--- /dev/null
+++ b/layout/reftests/first-letter/958249.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html><head>
+  <meta charset="utf-8">
+  <title>Bug 958249 test 1</title>
+  <style>
+        html,body {
+            color:black; background-color:white; font-size:16px;
+        }
+
+.logo::first-letter {
+  border:2px solid;
+}
+
+.logo2::first-letter {
+  float:left;
+  border:2px solid;
+}
+
+</style>
+<body>
+<div class="logo">P&nbsp;</div>
+<br clear="all">
+<div class="logo2">P&nbsp;</div>
+</body></html>
diff --git a/layout/reftests/first-letter/basic-1.html b/layout/reftests/first-letter/basic-1.html
new file mode 100644
index 0000000000..20c2c02c35
--- /dev/null
+++ b/layout/reftests/first-letter/basic-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div:first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>This is text</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/basic-2.html b/layout/reftests/first-letter/basic-2.html
new file mode 100644
index 0000000000..b8252e90c2
--- /dev/null
+++ b/layout/reftests/first-letter/basic-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>This is text</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/basic-ref.html b/layout/reftests/first-letter/basic-ref.html
new file mode 100644
index 0000000000..d1aa8815db
--- /dev/null
+++ b/layout/reftests/first-letter/basic-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { color: black; }
+  span { color: green; }
+  </style>
+</head>
+<body>
+  <div><span>T</span>his is text</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/dynamic-1-ref.html b/layout/reftests/first-letter/dynamic-1-ref.html
new file mode 100644
index 0000000000..fd00950f13
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  span:before { content: '"'; }
+  span:after { content: '"'; }
+  :after { border: 3px solid green; }
+  :first-letter { color: green; }
+</style>
+</head>
+<body>
+
+<p><span>Foo</span></p>
+
+<p id="p2"><span id="q2"></span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/first-letter/dynamic-1.html b/layout/reftests/first-letter/dynamic-1.html
new file mode 100644
index 0000000000..55cd3147d0
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+<script>function setTextContent(n, t) { n.textContent = t; }
+
+var stylesheets = [];
+function initFuzzerSpecific()
+{
+  var myStylesheetHolder = document.getElementsByTagName("head")[0];
+
+  for (var i = 0; i < 25; ++i) {
+    var s = document.createElementNS("http://www.w3.org/1999/xhtml", 'style');
+    s.style.display = "none";
+    myStylesheetHolder.appendChild(s);
+    stylesheets.push(s);
+  }
+}
+</script>
+<style>
+  span:before { content: open-quote; }
+  span:after { content: close-quote; }
+  span { quotes: '"' '"'; }
+</style>
+</head>
+<body>
+
+<p><span>Foo</span></p>
+
+<p id="p2"><span id="q2"></span></p>
+
+<script>
+  document.body.offsetWidth;
+  initFuzzerSpecific();
+  setTextContent(stylesheets[1], "*:after { border: 3px solid green; } :first-letter { color: green; }");
+  setTextContent(stylesheets[2], "*:before { counter-reset: chicken; }");
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/first-letter/dynamic-2-ref.html b/layout/reftests/first-letter/dynamic-2-ref.html
new file mode 100644
index 0000000000..b46bcb6d0a
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<p><q>Foo</q></p>
+
+<p id="p2">&lt;1&gt;0&lt;/1&gt;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/first-letter/dynamic-2.html b/layout/reftests/first-letter/dynamic-2.html
new file mode 100644
index 0000000000..3fb9c974d6
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-2.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+<script>
+function boom1()
+{
+  initFuzzerSpecific();
+  setTextContent(stylesheets[1], "*:first-letter { }");
+  setTextContent(stylesheets[2], "*:before { counter-reset: chicken; }");
+  document.body.offsetWidth;
+  boom2();
+}
+
+function boom2()
+{
+  setTextContent(stylesheets[3], "#q2:first-letter { content: 'generated'; }");
+  setTextContent(stylesheets[1], "");
+  setTextContent(stylesheets[4], "#q2 { quotes: '<1>' '</1>'; }");
+  document.body.offsetWidth;
+  boom3();
+}
+
+function boom3()
+{
+  document.getElementById("p2").style.counterReset = "egg";
+  setTextContent(stylesheets[1], "*:first-letter { }");
+}
+
+function setTextContent(n, t) { n.textContent = t; }
+
+var stylesheets = [];
+function initFuzzerSpecific()
+{
+  var myStylesheetHolder = document.getElementsByTagName("head")[0];
+
+  for (var i = 0; i < 25; ++i) {
+    var s = document.createElementNS("http://www.w3.org/1999/xhtml", 'style');
+    s.style.display = "none";
+    myStylesheetHolder.appendChild(s);
+    stylesheets.push(s);
+  }
+}
+</script>
+
+</head>
+<body>
+
+<p><q>Foo</q></p>
+
+<p id="p2"><q id="q2">0</q></p>
+
+<script>
+  document.body.offsetWidth;
+  boom1();
+</script>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/dynamic-3-ref.html b/layout/reftests/first-letter/dynamic-3-ref.html
new file mode 100644
index 0000000000..e6bd5262d7
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+<div>Text</div>
+</body>
+</html>
+
diff --git a/layout/reftests/first-letter/dynamic-3a.html b/layout/reftests/first-letter/dynamic-3a.html
new file mode 100644
index 0000000000..f19c9f13a3
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-3a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+  <style>
+    div#x::first-letter { color: blue; float: left; }
+  </style>
+</head>
+<body>
+<div id="x">Need at least two letters here</div>
+<script>
+  document.body.offsetWidth;
+  var div = document.getElementById("x");
+  div.id = "y";
+  div.firstChild.data = "Text";
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/first-letter/dynamic-3b.html b/layout/reftests/first-letter/dynamic-3b.html
new file mode 100644
index 0000000000..d82d40403b
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-3b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+  <style>
+    div#x::first-letter { color: blue; float: none }
+  </style>
+</head>
+<body>
+<div id="x">x</div>
+<script>
+  document.body.offsetWidth;
+  var div = document.getElementById("x");
+  div.id = "y";
+  div.firstChild.data = "Text";
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/first-letter/dynamic-4-ref.html b/layout/reftests/first-letter/dynamic-4-ref.html
new file mode 100644
index 0000000000..6ae1622cab
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-4-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    span { color: green; }
+    div::first-letter { font-size: 100px; }
+  </style>
+  <div style="color: red">
+    <span>X</span>
+  </div>
+</html>
diff --git a/layout/reftests/first-letter/dynamic-4.html b/layout/reftests/first-letter/dynamic-4.html
new file mode 100644
index 0000000000..636859e952
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-4.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <style>
+    span.x { color: green; }
+    div::first-letter { font-size: 100px; }
+  </style>
+  <div style="color: red">
+    <span>X</span>
+  </div>
+  <script>
+  addEventListener("load", function() {
+    // Make sure we do our class change after we've done our next restyle, so we
+    // won't get a spurious restyle hiding the problem we're testing.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        var s = document.querySelector("span");
+        s.className = 'x'
+        document.documentElement.className = "";
+      });
+    });
+  });
+  </script>
+</html>
diff --git a/layout/reftests/first-letter/dynamic-5-ref.html b/layout/reftests/first-letter/dynamic-5-ref.html
new file mode 100644
index 0000000000..760794a3f1
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-5-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+fieldset::first-letter {
+  color: green;
+}
+</style>
+<fieldset>Text</fieldset>
diff --git a/layout/reftests/first-letter/dynamic-5.html b/layout/reftests/first-letter/dynamic-5.html
new file mode 100644
index 0000000000..2d5638c3d3
--- /dev/null
+++ b/layout/reftests/first-letter/dynamic-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+fieldset::first-letter {
+  color: red;
+}
+fieldset.f::first-letter {
+  color: green;
+}
+</style>
+<fieldset>Text</fieldset>
+<script>
+window.onload = function() {
+  document.querySelector('fieldset').classList.add('f');
+}
+</script>
diff --git a/layout/reftests/first-letter/font-text-styles-floater-ref.html b/layout/reftests/first-letter/font-text-styles-floater-ref.html
new file mode 100644
index 0000000000..337aabeb99
--- /dev/null
+++ b/layout/reftests/first-letter/font-text-styles-floater-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing first-letter handling of font/text styles</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+html { overflow: hidden; }
+body {
+  margin: 20px;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-family: serif;
+}
+
+div { width: 5em; }
+p { width: 0.5em; margin: 0; font-style: italic; }
+span.boldnormal { font-weight: bold; font-style: normal; }
+p.floatingfirst::first-letter { float: left; }
+</style>
+
+</head>
+<body>
+<div>
+<p class="floatingfirst"><span class="boldnormal">G</span>onzo</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/font-text-styles-floater.html b/layout/reftests/first-letter/font-text-styles-floater.html
new file mode 100644
index 0000000000..b68a5579c8
--- /dev/null
+++ b/layout/reftests/first-letter/font-text-styles-floater.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing first-letter handling of font/text styles</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+html { overflow: hidden; }
+body {
+  margin: 20px;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-family: serif;
+}
+
+div { width: 5em; }
+p { width: 0.5em; margin: 0; font-style: italic; }
+p.floatingfirst::first-letter { float: left; font-weight: bold; text-transform: uppercase; font-style: normal; }
+</style>
+
+</head>
+<body>
+<div>
+<p class="floatingfirst">gonzo</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/font-text-styles-ref.html b/layout/reftests/first-letter/font-text-styles-ref.html
new file mode 100644
index 0000000000..a9e400d1b6
--- /dev/null
+++ b/layout/reftests/first-letter/font-text-styles-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing first-letter handling of font/text styles</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+html { overflow: hidden; }
+body {
+  margin: 1em;
+  font-size: 25px;
+  line-height: 1.2em;
+  font-family: serif;
+}
+
+div { width: 200px; }
+p { width: 0.5em; margin: 0; }
+span.bold { font-weight: bold; }
+span.bolditalic { font-weight: bold; font-style: italic; }
+span.floater { float: left; }
+span.sans { font-family: sans-serif; }
+</style>
+
+</head>
+<body>
+<div>
+<p><span class="bold">Y</span>ellow corndog</p>
+<p><span class="bolditalic">h</span>IPPIE BANANA</p>
+<p><span class="floater"><span class="sans">G</span>onzo macadamia</span></p>
+<p><span class="bolditalic">f</span>ELICITOUS <span class="bold">R</span>aspberry</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/font-text-styles.html b/layout/reftests/first-letter/font-text-styles.html
new file mode 100644
index 0000000000..e117a6bbf6
--- /dev/null
+++ b/layout/reftests/first-letter/font-text-styles.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testing first-letter handling of font/text styles</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+html { overflow: hidden; }
+body {
+  margin: 1em;
+  font-size: 25px;
+  line-height: 1.2em;
+  font-family: serif;
+}
+
+div { width: 200px; }
+p { width: 0.5em; margin: 0; }
+p:first-letter { font-weight: bold; text-transform: uppercase; }
+p.reverse:first-letter { font-style: italic; text-transform: lowercase; }
+span.floater { float: left; }
+span.floater:first-letter { font-family: sans-serif; text-transform: uppercase; }
+span.special { display: inline-block; }
+span.special:first-letter { font-weight: bold; text-transform: uppercase; }
+</style>
+
+</head>
+<body>
+<div>
+<p>yellow corndog</p>
+<p class="reverse">HIPPIE BANANA</p>
+<p><span class="floater">gonzo macadamia</span></p>
+<p class="reverse">FELICITOUS <span class="special">raspberry</span></p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/indic-clusters-1-ref.html b/layout/reftests/first-letter/indic-clusters-1-ref.html
new file mode 100644
index 0000000000..0b14703115
--- /dev/null
+++ b/layout/reftests/first-letter/indic-clusters-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 1048899</title>
+<style>
+@font-face { font-family: lohit; src: url(../fonts/ttf-indic/Lohit-Telugu.ttf); }
+body { font-family: lohit; }
+.first { color: red; font-weight: bold; }
+</style>
+</head>
+<body>
+<div><span class='first'>అ</span>మ్మ</div>
+<div><span class='first'>క</span>డలి</div>
+<div><span class='first'>జో</span>రు</div>
+<div><span class='first'>అం</span>దం</div>
+<div><span class='first'>వాఁ</span>డు</div>
+<div><span class='first'>కాం</span>డం</div>
+<div><span class='first'>కృ</span>తి</div>
+<div><span class='first'>ప్ర</span>జలు</div>
+<div><span class='first'>క్రాం</span>తి</div>
+<div><span class='first'>స్త్రీ</span>లు</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/indic-clusters-1.html b/layout/reftests/first-letter/indic-clusters-1.html
new file mode 100644
index 0000000000..e8420d1d02
--- /dev/null
+++ b/layout/reftests/first-letter/indic-clusters-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 1048899</title>
+<style>
+@font-face { font-family: lohit; src: url(../fonts/ttf-indic/Lohit-Telugu.ttf); }
+body { font-family: lohit; }
+.test::first-letter { color: red; font-weight: bold; }
+</style>
+</head>
+<body>
+<div class='test'>అమ్మ</div>
+<div class='test'>కడలి</div>
+<div class='test'>జోరు</div>
+<div class='test'>అందం</div>
+<div class='test'>వాఁడు</div>
+<div class='test'>కాండం</div>
+<div class='test'>కృతి</div>
+<div class='test'>ప్రజలు</div>
+<div class='test'>క్రాంతి</div>
+<div class='test'>స్త్రీలు</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/inline-height-empty-ref.html b/layout/reftests/first-letter/inline-height-empty-ref.html
new file mode 100644
index 0000000000..015b93ea53
--- /dev/null
+++ b/layout/reftests/first-letter/inline-height-empty-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1055865</title>
+<style>
+
+p { border: thin solid blue; color: transparent; font: 50px/50px serif; }
+
+p::first-letter { background: transparent; color: transparent }
+
+</style>
+<p>text</p>
diff --git a/layout/reftests/first-letter/inline-height-empty.html b/layout/reftests/first-letter/inline-height-empty.html
new file mode 100644
index 0000000000..d4840eb932
--- /dev/null
+++ b/layout/reftests/first-letter/inline-height-empty.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1055865</title>
+<style>
+
+p { border: thin solid blue; color: transparent; font: 50px/50px serif; }
+
+p::first-letter { background: transparent; color: transparent }
+
+</style>
+<p>&nbsp;text</p>
diff --git a/layout/reftests/first-letter/nested-1-ref.html b/layout/reftests/first-letter/nested-1-ref.html
new file mode 100644
index 0000000000..35bfb80f0c
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { color: black; }
+  span#letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>
+    <span>
+      <span id="letter">T</span>his is text
+    </span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/nested-1a.html b/layout/reftests/first-letter/nested-1a.html
new file mode 100644
index 0000000000..88748e3070
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>
+    <span>
+      This is text
+    </span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/nested-1b.html b/layout/reftests/first-letter/nested-1b.html
new file mode 100644
index 0000000000..58d69233f0
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>This is more text
+    <span>
+      This is text
+    </span>
+  </div>
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("div")[0].firstChild.data = "";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/nested-1c.html b/layout/reftests/first-letter/nested-1c.html
new file mode 100644
index 0000000000..8e24f7bc43
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>
+    <span>
+      
+    </span>
+  </div>
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("span")[0].firstChild.data = "This is text";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/nested-1d.html b/layout/reftests/first-letter/nested-1d.html
new file mode 100644
index 0000000000..2762ab4e5d
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>
+    <span>
+      
+    </span>
+  </div>
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("span")[0].
+      appendChild(document.createTextNode("This is text"));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/nested-1e.html b/layout/reftests/first-letter/nested-1e.html
new file mode 100644
index 0000000000..b8483c7257
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1e.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>
+    <span></span>
+  </div>
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("span")[0].
+      appendChild(document.createTextNode("This is text"));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/nested-1f.html b/layout/reftests/first-letter/nested-1f.html
new file mode 100644
index 0000000000..192ff4e25e
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1f.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: @charset</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>
+    <span>  </span>
+    <span>
+      This is text
+    </span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/nested-1g.html b/layout/reftests/first-letter/nested-1g.html
new file mode 100644
index 0000000000..e26335bb6b
--- /dev/null
+++ b/layout/reftests/first-letter/nested-1g.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Simon Montagu" href="http://smontagu.org/" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>
+    <span>T</span>his is text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/overflow-float-nooverflow-ref.html b/layout/reftests/first-letter/overflow-float-nooverflow-ref.html
new file mode 100644
index 0000000000..fad9f0e63d
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-float-nooverflow-ref.html
@@ -0,0 +1,14 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 8em; width: 5em;
+  padding: 3px;
+  background: yellow; color: black;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 1.2em; float: left; }
+
+</style>
+
+<div>Hello world, testing, testing, testing, testing</div>
diff --git a/layout/reftests/first-letter/overflow-float-nooverflow.html b/layout/reftests/first-letter/overflow-float-nooverflow.html
new file mode 100644
index 0000000000..ff90203443
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-float-nooverflow.html
@@ -0,0 +1,15 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 8em; width: 5em;
+  padding: 3px;
+  background: yellow; color: black;
+  overflow: auto;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 1.2em; float: left; }
+
+</style>
+
+<div>Hello world, testing, testing, testing, testing</div>
diff --git a/layout/reftests/first-letter/overflow-float-overflow-notref.html b/layout/reftests/first-letter/overflow-float-overflow-notref.html
new file mode 100644
index 0000000000..71653ab259
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-float-overflow-notref.html
@@ -0,0 +1,15 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 3em; width: 8em;
+  padding: 3px;
+  background: yellow; color: black;
+  overflow: hidden;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 6em; float: left; }
+
+</style>
+
+<div>Hello</div>
diff --git a/layout/reftests/first-letter/overflow-float-overflow.html b/layout/reftests/first-letter/overflow-float-overflow.html
new file mode 100644
index 0000000000..5d34cc0bdd
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-float-overflow.html
@@ -0,0 +1,15 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 3em; width: 8em;
+  padding: 3px;
+  background: yellow; color: black;
+  overflow: auto;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 6em; float: left; }
+
+</style>
+
+<div>Hello</div>
diff --git a/layout/reftests/first-letter/overflow-inline-nooverflow-ref.html b/layout/reftests/first-letter/overflow-inline-nooverflow-ref.html
new file mode 100644
index 0000000000..856c3a8a07
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-inline-nooverflow-ref.html
@@ -0,0 +1,14 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 8em; width: 5em;
+  padding: 3px;
+  background: yellow; color: black;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 1.2em }
+
+</style>
+
+<div>Hello world, testing, testing, testing, testing</div>
diff --git a/layout/reftests/first-letter/overflow-inline-nooverflow.html b/layout/reftests/first-letter/overflow-inline-nooverflow.html
new file mode 100644
index 0000000000..7a48a3c4c0
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-inline-nooverflow.html
@@ -0,0 +1,15 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 8em; width: 5em;
+  padding: 3px;
+  background: yellow; color: black;
+  overflow: auto;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 1.2em }
+
+</style>
+
+<div>Hello world, testing, testing, testing, testing</div>
diff --git a/layout/reftests/first-letter/overflow-inline-overflow-notref.html b/layout/reftests/first-letter/overflow-inline-overflow-notref.html
new file mode 100644
index 0000000000..772d835266
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-inline-overflow-notref.html
@@ -0,0 +1,14 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 3em; width: 8em;
+  padding: 3px;
+  background: yellow; color: black;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 4em }
+
+</style>
+
+<div>Hello</div>
diff --git a/layout/reftests/first-letter/overflow-inline-overflow-ref.html b/layout/reftests/first-letter/overflow-inline-overflow-ref.html
new file mode 100644
index 0000000000..196168c804
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-inline-overflow-ref.html
@@ -0,0 +1,15 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 3em; width: 8em;
+  padding: 3px;
+  background: yellow; color: black;
+  overflow: auto;
+  line-height: 1.0;
+}
+span { font-size: 4em }
+
+</style>
+
+<div><span>H</span>ello</div>
diff --git a/layout/reftests/first-letter/overflow-inline-overflow.html b/layout/reftests/first-letter/overflow-inline-overflow.html
new file mode 100644
index 0000000000..a7b95c1e9b
--- /dev/null
+++ b/layout/reftests/first-letter/overflow-inline-overflow.html
@@ -0,0 +1,15 @@
+<title>::first-letter and overflow</title>
+<style>
+
+div {
+  height: 3em; width: 8em;
+  padding: 3px;
+  background: yellow; color: black;
+  overflow: auto;
+  line-height: 1.0;
+}
+div::first-letter { font-size: 4em }
+
+</style>
+
+<div>Hello</div>
diff --git a/layout/reftests/first-letter/parent-style-1-ref.html b/layout/reftests/first-letter/parent-style-1-ref.html
new file mode 100644
index 0000000000..52847e1ba3
--- /dev/null
+++ b/layout/reftests/first-letter/parent-style-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div { float: left; overflow: scroll; font-size: 50px; width: 3em; line-height: 10px }
+div::first-letter { float: left; }
+</style>
+<body>
+<div>T<span style="font-size: 10px">his is text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/parent-style-1.html b/layout/reftests/first-letter/parent-style-1.html
new file mode 100644
index 0000000000..2b42290df7
--- /dev/null
+++ b/layout/reftests/first-letter/parent-style-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: :first-letter</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+<meta name="flags" content="" />
+<style>
+div { float: left; overflow: scroll; font-size: 50px; width: 3em; line-height: 10px }
+div::first-letter { float: inherit; }
+</style>
+<body>
+<div>T<span style="font-size: 10px">his is text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.  Text in a div.</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/quote-1-ref.html b/layout/reftests/first-letter/quote-1-ref.html
new file mode 100644
index 0000000000..9c8b1674f0
--- /dev/null
+++ b/layout/reftests/first-letter/quote-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+  div { color: black; }
+  span#letter { color: green; }
+  </style>
+</head>
+<body>
+  <div><span id="letter">"T</span>his is text"</span></div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/quote-1a.html b/layout/reftests/first-letter/quote-1a.html
new file mode 100644
index 0000000000..1b06d099dd
--- /dev/null
+++ b/layout/reftests/first-letter/quote-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div>"This is text"</div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/quote-1b.html b/layout/reftests/first-letter/quote-1b.html
new file mode 100644
index 0000000000..8f1fe62059
--- /dev/null
+++ b/layout/reftests/first-letter/quote-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  span:before { content: open-quote; }
+  span:after { content: close-quote; }
+  span { quotes: '"' '"'; }
+  </style>
+</head>
+<body>
+  <div><span>This is text</span></div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/quote-1c.html b/layout/reftests/first-letter/quote-1c.html
new file mode 100644
index 0000000000..5ece9a3dad
--- /dev/null
+++ b/layout/reftests/first-letter/quote-1c.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  span:before { content: open-quote "This "; }
+  span:after { content: close-quote; }
+  span { quotes: '"' '"'; }
+  </style>
+</head>
+<body>
+  <div><span>is text</span></div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/quote-1d.html b/layout/reftests/first-letter/quote-1d.html
new file mode 100644
index 0000000000..26aef7eb73
--- /dev/null
+++ b/layout/reftests/first-letter/quote-1d.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="dom" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div><span></span></div>
+  <script>
+    document.body.offsetWidth;
+    document.getElementsByTagName("span")[0].
+      appendChild(document.createTextNode('"'));
+    document.getElementsByTagName("span")[0].
+      appendChild(document.createTextNode('This is text"'));
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/quote-1e.html b/layout/reftests/first-letter/quote-1e.html
new file mode 100644
index 0000000000..e3b05922b1
--- /dev/null
+++ b/layout/reftests/first-letter/quote-1e.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  </style>
+</head>
+<body>
+  <div><a>"<span>This is text</span>"</a></div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/quote-1f.html b/layout/reftests/first-letter/quote-1f.html
new file mode 100644
index 0000000000..239f4d89e8
--- /dev/null
+++ b/layout/reftests/first-letter/quote-1f.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS 2.1 Test Suite: :first-letter</title>
+  <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+  <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+  <meta name="flags" content="" />
+  <style>
+  div { color: black; }
+  div::first-letter { color: green; }
+  span:before { content: "\"This "; }
+  </style>
+</head>
+<body>
+  <div><span>is text"</span></div>
+</body>
+</html>
diff --git a/layout/reftests/first-letter/reftest.list b/layout/reftests/first-letter/reftest.list
new file mode 100644
index 0000000000..b6aaa5e5e6
--- /dev/null
+++ b/layout/reftests/first-letter/reftest.list
@@ -0,0 +1,82 @@
+# basic functionality
+== basic-1.html basic-ref.html
+== basic-2.html basic-ref.html
+
+# parent ComputedStyle correct
+== parent-style-1.html parent-style-1-ref.html
+
+# others
+== nested-1a.html nested-1-ref.html
+== nested-1b.html nested-1-ref.html
+== nested-1c.html nested-1-ref.html
+== nested-1d.html nested-1-ref.html
+== nested-1e.html nested-1-ref.html
+== nested-1f.html nested-1-ref.html
+== nested-1g.html nested-1-ref.html
+== quote-1a.html quote-1-ref.html
+fails == quote-1b.html quote-1-ref.html # bug 509685
+fails == quote-1c.html quote-1-ref.html # bug 509685
+== quote-1c.html quote-1b.html
+fails == quote-1d.html quote-1-ref.html
+== quote-1d.html quote-1b.html
+fails == quote-1e.html quote-1-ref.html # bug 509685
+== quote-1e.html quote-1b.html
+== quote-1f.html quote-1-ref.html
+== dynamic-1.html dynamic-1-ref.html
+random-if(d2d) == dynamic-2.html dynamic-2-ref.html
+== dynamic-3a.html dynamic-3-ref.html
+== dynamic-3b.html dynamic-3-ref.html
+== dynamic-4.html dynamic-4-ref.html
+== dynamic-5.html dynamic-5-ref.html
+== 23605-1.html 23605-1-ref.html
+== 23605-2.html 23605-2-ref.html
+== 23605-3.html 23605-3-ref.html
+== 23605-4.html 23605-4-ref.html
+fuzzy-if(winWidget,0-177,0-1) == 23605-5.html 23605-5-ref.html # Antialiased pixel between the underline and the left square bracket
+== 23605-6.html 23605-6-ref.html
+!= 229764-1.html 229764-ref.html
+== 229764-2.html 229764-ref.html
+== 329069-1.html 329069-1-ref.html
+== 329069-2.html 329069-2-ref.html
+== 329069-3.html 329069-3-ref.html
+== 329069-4.html 329069-4-ref.html
+== 329069-5.html 329069-5-ref.html
+== 342120-1.xhtml 342120-1-ref.xhtml
+== 379799-1.html 379799-1-ref.html
+== 399941-1.html 399941-1-ref.html
+== 399941-2.html 399941-2-ref.html
+== 399941-3.html 399941-3-ref.html
+== 399941-4.html 399941-4-ref.html
+== 399941-5.html 399941-5-ref.html
+== 399941-6.html 399941-6-ref.html
+== 399941-7.html 399941-7-ref.html
+== 399941-8.html 399941-8-ref.html
+== 399941-9.html 399941-9-ref.html
+== 429968-1a.html 429968-1-ref.html
+== 429968-1b.html 429968-1-ref.html
+== 429968-2a.html 429968-2-ref.html
+== 429968-2b.html 429968-2-ref.html
+== 429968-2c.html 429968-2-ref.html
+== 441418-1.html 441418-1-ref.html
+== 469227-1.html 469227-1-ref.html
+== 484400-1.html 484400-1-ref.html
+== 594303-1.html 594303-1-ref.html
+fails-if(winWidget||cocoaWidget) fails-if(geckoview) == 617869-1.html 617869-1-ref.html # Bug 1558513 for GV
+== 723509-1.html 723509-1-ref.html
+== 922550-1.html 922550-1-ref.html
+== 958249.html 958249-ref.html
+== font-text-styles.html font-text-styles-ref.html
+random-if(gtkWidget) random-if(winWidget&&!d2d) == font-text-styles-floater.html font-text-styles-floater-ref.html # bug 992846
+== inline-height-empty.html inline-height-empty-ref.html
+== indic-clusters-1.html indic-clusters-1-ref.html
+== overflow-float-nooverflow.html overflow-float-nooverflow-ref.html
+!= overflow-float-overflow.html overflow-float-overflow-notref.html
+== overflow-inline-nooverflow.html overflow-inline-nooverflow-ref.html
+!= overflow-inline-overflow.html overflow-inline-overflow-notref.html
+== overflow-inline-overflow.html overflow-inline-overflow-ref.html
+
+== 1385656.html 1385656-ref.html
+== 1404167-1.html 1404167-1-ref.html
+== 1404167-2.html 1404167-2-ref.html
+== 1404167-3.html 1404167-3-ref.html
+== 1404167-4.html 1404167-4-ref.html
diff --git a/layout/reftests/first-line/287088-1-ref.html b/layout/reftests/first-line/287088-1-ref.html
new file mode 100644
index 0000000000..0411b1a1a4
--- /dev/null
+++ b/layout/reftests/first-line/287088-1-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style>
+div::first-line { color: red; background-color: blue; font-size: 200%; text-transform: uppercase; }
+</style>
+</head>
+<body>
+
+<div>
+Line number one.<br/>Line number two.<br/>Line number three.
+</div>
+
+<div style="height: 50000px;">
+<!-- to force a scrollbar -->
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/287088-1.html b/layout/reftests/first-line/287088-1.html
new file mode 100644
index 0000000000..3583b860d9
--- /dev/null
+++ b/layout/reftests/first-line/287088-1.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style>
+div::first-line { color: red; background-color: blue; font-size: 200%; text-transform: uppercase; }
+</style>
+</head>
+<body>
+
+<div>
+<span>Line number one.<br/>Line number two.<br/>Line number three.</span>
+</div>
+
+<div style="height: 50000px;">
+<!-- to force a scrollbar -->
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/287088-2-ref.html b/layout/reftests/first-line/287088-2-ref.html
new file mode 100644
index 0000000000..862d6e309c
--- /dev/null
+++ b/layout/reftests/first-line/287088-2-ref.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style>
+div::first-line { color: red; background-color: blue; font-size: 200%; text-transform: uppercase; }
+</style>
+</head>
+<body>
+
+<div>
+Line number one.<br/>Line number two.<br/>Line number three.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/287088-2.html b/layout/reftests/first-line/287088-2.html
new file mode 100644
index 0000000000..9d470b13a2
--- /dev/null
+++ b/layout/reftests/first-line/287088-2.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style>
+div::first-line { color: red; background-color: blue; font-size: 200%; text-transform: uppercase; }
+</style>
+</head>
+<body>
+
+<div>
+<span>Line number one.<br/>Line number two.<br/>Line number three.</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/403177-1-ref.html b/layout/reftests/first-line/403177-1-ref.html
new file mode 100644
index 0000000000..8fcfdaff75
--- /dev/null
+++ b/layout/reftests/first-line/403177-1-ref.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+<style>
+
+.fl:first-line { color: #ff00ff; background: #ffccff; }
+
+.flWithContent:first-line { }
+
+</style>
+</head>
+
+<body onload="document.getElementById('inner').removeAttribute('class');">
+
+<div id="outer" class="fl">
+  a
+  <div id="inner" style="float: left;" class="flWithContent">
+    b
+  </div>
+  c
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/403177-1.html b/layout/reftests/first-line/403177-1.html
new file mode 100644
index 0000000000..3d376704f5
--- /dev/null
+++ b/layout/reftests/first-line/403177-1.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+<style>
+
+.fl:first-line { color: #ff00ff; background: #ffccff; }
+
+.flWithContent:first-line { content: "generated"; }
+
+</style>
+</head>
+
+<body onload="document.getElementById('inner').removeAttribute('class');">
+
+<div id="outer" class="fl">
+  a
+  <div id="inner" style="float: left;" class="flWithContent">
+    b
+  </div>
+  c
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/469227-2-ref.html b/layout/reftests/first-line/469227-2-ref.html
new file mode 100644
index 0000000000..4e472dc3d9
--- /dev/null
+++ b/layout/reftests/first-line/469227-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>Testcase for issue in bug 469227 comment 9</title>
+<span style="border: medium solid green">Hello</span>
+<p>Hello</p>
diff --git a/layout/reftests/first-line/469227-2.html b/layout/reftests/first-line/469227-2.html
new file mode 100644
index 0000000000..ffaf2ed1c9
--- /dev/null
+++ b/layout/reftests/first-line/469227-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<title>Testcase for issue in bug 469227 comment 9</title>
+<style type="text/css">
+
+span, p::first-line { border: medium solid green; }
+
+</style>
+<span>Hello</span>
+<p>Hello</p>
diff --git a/layout/reftests/first-line/469227-3-ref.html b/layout/reftests/first-line/469227-3-ref.html
new file mode 100644
index 0000000000..cb39ac1742
--- /dev/null
+++ b/layout/reftests/first-line/469227-3-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<title>Testcase for issue in bug 469227 comment 9</title>
+<p>Hello</p>
+<span style="border: medium solid green">Hello</span>
diff --git a/layout/reftests/first-line/469227-3.html b/layout/reftests/first-line/469227-3.html
new file mode 100644
index 0000000000..c4895f24d4
--- /dev/null
+++ b/layout/reftests/first-line/469227-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<title>Testcase for issue in bug 469227 comment 9</title>
+<style type="text/css">
+
+span, p::first-line { border: medium solid green; }
+
+</style>
+<p>Hello</p>
+<span>Hello</span>
diff --git a/layout/reftests/first-line/basic-1.html b/layout/reftests/first-line/basic-1.html
new file mode 100644
index 0000000000..e63d8ae29e
--- /dev/null
+++ b/layout/reftests/first-line/basic-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="" />
+    <style>
+      body { color: red }
+      body::first-line { color: green; }
+    </style>
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
diff --git a/layout/reftests/first-line/basic-ref.html b/layout/reftests/first-line/basic-ref.html
new file mode 100644
index 0000000000..fb93056262
--- /dev/null
+++ b/layout/reftests/first-line/basic-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { color: green }
+    </style>
+  </head>
+  <body>
+    This should be green
+  </body>
+</html>
diff --git a/layout/reftests/first-line/border-not-apply-ref.html b/layout/reftests/first-line/border-not-apply-ref.html
new file mode 100644
index 0000000000..57cc100914
--- /dev/null
+++ b/layout/reftests/first-line/border-not-apply-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>border should not apply to :first-line (bug 469227)</title>
+<p>Hello</p>
diff --git a/layout/reftests/first-line/border-not-apply.html b/layout/reftests/first-line/border-not-apply.html
new file mode 100644
index 0000000000..8665963f36
--- /dev/null
+++ b/layout/reftests/first-line/border-not-apply.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<title>border should not apply to :first-line (bug 469227)</title>
+<style type="text/css">
+
+p::first-line {
+  /* specify all the properties in nsStyleBorder */
+  border-inline-start: medium solid red ! important;
+  border-inline-end: medium solid red ! important;
+  border: medium solid red ! important;
+  border-image: none ! important;
+  -moz-float-edge: content-box ! important;
+  border-radius: 0 ! important;
+  box-shadow: none ! important;
+}
+
+</style>
+<p>Hello</p>
diff --git a/layout/reftests/first-line/caption-insert-in-first-line-1.html b/layout/reftests/first-line/caption-insert-in-first-line-1.html
new file mode 100644
index 0000000000..6c0eb7f768
--- /dev/null
+++ b/layout/reftests/first-line/caption-insert-in-first-line-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+  #table { display: inline-table; }
+  #caption { display: table-caption; }
+  #tbody { display: table-row-group; }
+</style>
+<div id="x">
+  <span id="table">
+    <span id="tbody">be green</span>
+  </span>
+</div>
+<script>
+  x.offsetWidth;
+  var caption = document.createElement("span");
+  caption.id = "caption";
+  caption.textContent = "This should";
+  table.appendChild(caption);
+</script>
diff --git a/layout/reftests/first-line/caption-insert-in-first-line-2.html b/layout/reftests/first-line/caption-insert-in-first-line-2.html
new file mode 100644
index 0000000000..90d25010d1
--- /dev/null
+++ b/layout/reftests/first-line/caption-insert-in-first-line-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+  #table { display: inline-table; }
+  #caption { display: table-caption; }
+  #tbody { display: table-row-group; }
+</style>
+<div id="x">
+  <span id="table">
+    <span id="tbody">be green</span>
+  </span>
+</div>
+<script>
+  x.offsetWidth;
+  var caption = document.createElement("span");
+  caption.id = "caption";
+  caption.textContent = "This should";
+  table.insertBefore(caption, tbody);
+</script>
diff --git a/layout/reftests/first-line/caption-insert-in-first-line-ref.html b/layout/reftests/first-line/caption-insert-in-first-line-ref.html
new file mode 100644
index 0000000000..010a81fe4e
--- /dev/null
+++ b/layout/reftests/first-line/caption-insert-in-first-line-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  div { color: green; }
+  #table { display: inline-table; }
+  #caption { display: table-caption; }
+  #tbody { display: table-row-group; }
+</style>
+<div>
+  <span id="table">
+    <span id="caption">This should</span>
+    <span id="tbody">be green</span>
+  </span>
+</div>
diff --git a/layout/reftests/first-line/first-line-in-columnset-1-ref.html b/layout/reftests/first-line/first-line-in-columnset-1-ref.html
new file mode 100644
index 0000000000..903fdc9c4c
--- /dev/null
+++ b/layout/reftests/first-line/first-line-in-columnset-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; border: 10px solid green; column-count: 2 }
+  div::first-line { color: green; border: 10px solid red; }
+</style>
+<div>
+  <span style="border: 10px solid green">Some text</span>
+</div>
diff --git a/layout/reftests/first-line/first-line-in-columnset-1.html b/layout/reftests/first-line/first-line-in-columnset-1.html
new file mode 100644
index 0000000000..452f043198
--- /dev/null
+++ b/layout/reftests/first-line/first-line-in-columnset-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; border: 10px solid green; column-count: 2 }
+  div::first-line { color: green; border: 10px solid red; }
+</style>
+<div>
+  <span style="border: inherit">Some text</span>
+</div>
diff --git a/layout/reftests/first-line/font-styles-nooverflow.html b/layout/reftests/first-line/font-styles-nooverflow.html
new file mode 100644
index 0000000000..5cf63f1b5d
--- /dev/null
+++ b/layout/reftests/first-line/font-styles-nooverflow.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Simple first-line test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+html { overflow: hidden; }
+body {
+  margin: 20px;
+  font-family: serif;
+  font-size: 200%;
+  line-height: 1.5;
+  width: 400px;
+}
+
+div:first-line {
+  font-family: sans-serif;
+}
+
+.floatright {
+  float: right;
+}
+
+</style>
+
+</head>
+<body><div>sans-serif<br>serif <strong>bold serif <em>italic</em></strong><em><br>just italic<span class="floatright">italic too</span></em></div></body>
+</html>
diff --git a/layout/reftests/first-line/font-styles-ref.html b/layout/reftests/first-line/font-styles-ref.html
new file mode 100644
index 0000000000..d68b28a1d0
--- /dev/null
+++ b/layout/reftests/first-line/font-styles-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Simple first-line test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 20px;
+  font-family: serif;
+  font-size: 200%;
+  line-height: 1.5;
+  width: 400px;
+}
+
+span.sansserif {
+  font-family: sans-serif;
+}
+
+.floatright {
+  float: right;
+}
+
+</style>
+
+</head>
+<body><div><span class="sansserif">sans-serif</span><br>serif <strong>bold serif <em>italic</em></strong><em><br>just italic<span class="floatright">italic too</span></em></div></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/first-line/font-styles.html b/layout/reftests/first-line/font-styles.html
new file mode 100644
index 0000000000..a330f54e72
--- /dev/null
+++ b/layout/reftests/first-line/font-styles.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Simple first-line test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 20px;
+  font-family: serif;
+  font-size: 200%;
+  line-height: 1.5;
+  width: 400px;
+}
+
+div:first-line {
+  font-family: sans-serif;
+}
+
+.floatright {
+  float: right;
+}
+
+</style>
+
+</head>
+<body><div>sans-serif<br>serif <strong>bold serif <em>italic</em></strong><em><br>just italic<span class="floatright">italic too</span></em></div></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/first-line/ib-split-1-ref.html b/layout/reftests/first-line/ib-split-1-ref.html
new file mode 100644
index 0000000000..a60e9776dc
--- /dev/null
+++ b/layout/reftests/first-line/ib-split-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  #target { color: green; }
+</style>
+<div id="target">
+  <span>
+    <div>This should be green</div>
+  </span>
+</div>
diff --git a/layout/reftests/first-line/ib-split-1.html b/layout/reftests/first-line/ib-split-1.html
new file mode 100644
index 0000000000..5c2b2dd84f
--- /dev/null
+++ b/layout/reftests/first-line/ib-split-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  #target { color: green; }
+  #target::first-line { color: red; }
+</style>
+<div id="target">
+  <span>
+    <div>This should be green</div>
+  </span>
+</div>
diff --git a/layout/reftests/first-line/insertion-in-first-line-1.html b/layout/reftests/first-line/insertion-in-first-line-1.html
new file mode 100644
index 0000000000..2b2769724c
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"></div>
+<script>
+  x.offsetWidth;
+  x.appendChild(document.createTextNode('This should be green'));
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-10.html b/layout/reftests/first-line/insertion-in-first-line-10.html
new file mode 100644
index 0000000000..60f6898df5
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-10.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+  #y { display: inline-block; }
+</style>
+<div id="x"><span id="y">This should be </span></div>
+<script>
+  x.offsetWidth;
+  var span = document.createElement('span');
+  span.textContent = 'green';
+  y.appendChild(span);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-11.html b/layout/reftests/first-line/insertion-in-first-line-11.html
new file mode 100644
index 0000000000..cd27a622c0
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-11.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+  #y { display: inline-block; }
+</style>
+<div id="x"><span id="y">green</span></div>
+<script>
+  x.offsetWidth;
+  y.insertBefore(document.createTextNode('This should be '), y.firstChild);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-12.html b/layout/reftests/first-line/insertion-in-first-line-12.html
new file mode 100644
index 0000000000..da797bbf78
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-12.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+  #y { display: inline-block; }
+</style>
+<div id="x"><span id="y">green</span></div>
+<script>
+  x.offsetWidth;
+  var span = document.createElement('span');
+  span.textContent = 'This should be ';
+  y.insertBefore(span, y.firstChild);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-2.html b/layout/reftests/first-line/insertion-in-first-line-2.html
new file mode 100644
index 0000000000..95e695c9b4
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"></div>
+<script>
+  x.offsetWidth;
+  var span = document.createElement('span');
+  span.textContent = 'This should be green';
+  x.appendChild(span);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-3.html b/layout/reftests/first-line/insertion-in-first-line-3.html
new file mode 100644
index 0000000000..81857453f6
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-3.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"><span id="y">green</span></div>
+<script>
+  x.offsetWidth;
+  x.insertBefore(document.createTextNode('This should be '), y);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-4.html b/layout/reftests/first-line/insertion-in-first-line-4.html
new file mode 100644
index 0000000000..316b6dd42e
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-4.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"><span id="y">green</span></div>
+<script>
+  x.offsetWidth;
+  var span = document.createElement('span');
+  span.textContent = 'This should be ';
+  x.insertBefore(span, y);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-5.html b/layout/reftests/first-line/insertion-in-first-line-5.html
new file mode 100644
index 0000000000..f54e84d24b
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-5.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"><span id="y">This should be </span></div>
+<script>
+  x.offsetWidth;
+  y.appendChild(document.createTextNode('green'));
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-6.html b/layout/reftests/first-line/insertion-in-first-line-6.html
new file mode 100644
index 0000000000..853bce0318
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-6.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"><span id="y">This should be </span></div>
+<script>
+  x.offsetWidth;
+  var span = document.createElement('span');
+  span.textContent = 'green';
+  y.appendChild(span);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-7.html b/layout/reftests/first-line/insertion-in-first-line-7.html
new file mode 100644
index 0000000000..903fd9a2c3
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-7.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"><span id="y">green</span></div>
+<script>
+  x.offsetWidth;
+  y.insertBefore(document.createTextNode('This should be '), y.firstChild);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-8.html b/layout/reftests/first-line/insertion-in-first-line-8.html
new file mode 100644
index 0000000000..ad20048ff6
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-8.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+</style>
+<div id="x"><span id="y">green</span></div>
+<script>
+  x.offsetWidth;
+  var span = document.createElement('span');
+  span.textContent = 'This should be ';
+  y.insertBefore(span, y.firstChild);
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-9.html b/layout/reftests/first-line/insertion-in-first-line-9.html
new file mode 100644
index 0000000000..0458047adb
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-9.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  div { color: red; }
+  div::first-line { color: green }
+  #y { display: inline-block; }
+</style>
+<div id="x"><span id="y">This should be </span></div>
+<script>
+  x.offsetWidth;
+  y.appendChild(document.createTextNode('green'));
+</script>
diff --git a/layout/reftests/first-line/insertion-in-first-line-ref.html b/layout/reftests/first-line/insertion-in-first-line-ref.html
new file mode 100644
index 0000000000..c7babe0977
--- /dev/null
+++ b/layout/reftests/first-line/insertion-in-first-line-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+  div { color: green; }
+</style>
+<div>This should be green</div>
diff --git a/layout/reftests/first-line/out-of-flow-1-ref.html b/layout/reftests/first-line/out-of-flow-1-ref.html
new file mode 100644
index 0000000000..077268d7c3
--- /dev/null
+++ b/layout/reftests/first-line/out-of-flow-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { color: green }
+    </style>
+  </head>
+  <body>
+    <div><span style="float: left">This should be green</span></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/first-line/out-of-flow-1a.html b/layout/reftests/first-line/out-of-flow-1a.html
new file mode 100644
index 0000000000..5a4a824554
--- /dev/null
+++ b/layout/reftests/first-line/out-of-flow-1a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="" />
+    <style>
+      div { color: green }
+      div::first-line { color: red }
+    </style>
+  </head>
+  <body>
+    <div><span style="float: left">This should be green</span></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/first-line/out-of-flow-1b.html b/layout/reftests/first-line/out-of-flow-1b.html
new file mode 100644
index 0000000000..42d5b94881
--- /dev/null
+++ b/layout/reftests/first-line/out-of-flow-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="" />
+    <style>
+      div { color: red }
+      div::first-line { color: green }
+    </style>
+  </head>
+  <body>
+    <div><span><span style="float: left">This should be green</span></span></div>
+  </body>
+</html>
diff --git a/layout/reftests/first-line/out-of-flow-1c.html b/layout/reftests/first-line/out-of-flow-1c.html
new file mode 100644
index 0000000000..23c7d5b0c9
--- /dev/null
+++ b/layout/reftests/first-line/out-of-flow-1c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="dom" />
+    <style>
+      div { color: green }
+      div::first-line { color: red }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span class="some value" style="float: left">
+        This should be green
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/first-line/out-of-flow-1d.html b/layout/reftests/first-line/out-of-flow-1d.html
new file mode 100644
index 0000000000..f674011fb9
--- /dev/null
+++ b/layout/reftests/first-line/out-of-flow-1d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="dom" />
+    <style>
+      div { color: green }
+      div::first-line { color: red }
+    </style>
+    <script>
+      function runTest() {
+        var s = document.createElement("span");
+        s.setAttribute("style", "float: left");
+        s.appendChild(document.createTextNode("This should be green"));
+        var i = document.getElementById("i");
+        i.parentNode.insertBefore(s, i);
+      }
+    </script>
+  </head>
+  <body onload="runTest()">
+    <div><span id="i"></span></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/first-line/parent-style-1-ref.html b/layout/reftests/first-line/parent-style-1-ref.html
new file mode 100644
index 0000000000..01b7bf4e7f
--- /dev/null
+++ b/layout/reftests/first-line/parent-style-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+.a { overflow: scroll; }
+.b, .c { overflow: inherit; }
+
+</style>
+</head>
+<body>
+
+<div class="a"><span class="b"><div class="c"></div></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/parent-style-1.html b/layout/reftests/first-line/parent-style-1.html
new file mode 100644
index 0000000000..bf61009f5a
--- /dev/null
+++ b/layout/reftests/first-line/parent-style-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="" />
+<style>
+
+.a:first-line { }
+.a { overflow: scroll; }
+.b, .c { overflow: inherit; }
+
+</style>
+</head>
+<body>
+
+<div class="a"><span class="b"><div class="c"></div></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/parent-style-2-ref.html b/layout/reftests/first-line/parent-style-2-ref.html
new file mode 100644
index 0000000000..00d335e35a
--- /dev/null
+++ b/layout/reftests/first-line/parent-style-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { background: green; }
+    </style>
+  </head>
+  <body>
+    <div>OneTwo</div>
+  </body>
+</html>
diff --git a/layout/reftests/first-line/parent-style-2.html b/layout/reftests/first-line/parent-style-2.html
new file mode 100644
index 0000000000..a6266964b1
--- /dev/null
+++ b/layout/reftests/first-line/parent-style-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="" />
+    <style>
+      div { background: green; }
+      div::first-line { background-color: red; }
+      span.one { background: inherit; }
+      span.two { background-color: inherit; }
+    </style>
+  </head>
+  <body>
+    <div><span class="one">One</span><span class="two">Two</span></div>
+  </body>
diff --git a/layout/reftests/first-line/parent-style-3-ref.html b/layout/reftests/first-line/parent-style-3-ref.html
new file mode 100644
index 0000000000..35a19e3e69
--- /dev/null
+++ b/layout/reftests/first-line/parent-style-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { background: green; }
+    </style>
+  </head>
+  <body>
+    <div><p>OneTwo</p></div>
+  </body>
+</html>
diff --git a/layout/reftests/first-line/parent-style-3.html b/layout/reftests/first-line/parent-style-3.html
new file mode 100644
index 0000000000..dc7ad76386
--- /dev/null
+++ b/layout/reftests/first-line/parent-style-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: :first-line</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
+    <meta name="flags" content="" />
+    <style>
+      div, p { background: green; }
+      div::first-line, p::first-line { background-color: red; }
+      span.one { background: inherit; }
+      span.two { background-color: inherit; }
+    </style>
+  </head>
+  <body>
+    <div><p><span class="one">One</span><span class="two">Two</span></p></div>
+  </body>
diff --git a/layout/reftests/first-line/reftest.list b/layout/reftests/first-line/reftest.list
new file mode 100644
index 0000000000..5517711d33
--- /dev/null
+++ b/layout/reftests/first-line/reftest.list
@@ -0,0 +1,56 @@
+# basic functionality
+== basic-1.html basic-ref.html
+
+# handling of out-of-flows when ::first-line happens
+== out-of-flow-1a.html out-of-flow-1-ref.html
+== out-of-flow-1b.html out-of-flow-1-ref.html
+== out-of-flow-1c.html out-of-flow-1-ref.html
+== out-of-flow-1d.html out-of-flow-1-ref.html
+
+# parent computed style correct
+== parent-style-1.html parent-style-1-ref.html
+== parent-style-2.html parent-style-2-ref.html
+== parent-style-3.html parent-style-3-ref.html
+
+# stress-tests
+load stress-1.html # assertion test
+== stress-2.html stress-2-ref.html # assertion + rendering test
+load stress-3.html # assertion test
+load stress-4.html # assertion/crash test.
+load stress-5.html # assertion/crash test
+load stress-6.html # assertion/crash test
+load stress-7.html # assertion/crash test
+== stress-8.html stress-8-ref.html # assertion/crash test
+== stress-9.html stress-9-ref.html # assertion/crash test
+load stress-10.html # crash test
+== stress-11.xhtml stress-11-ref.xhtml
+
+== border-not-apply.html border-not-apply-ref.html
+== 287088-1.html 287088-1-ref.html
+== 287088-2.html 287088-2-ref.html
+== 403177-1.html 403177-1-ref.html
+== 469227-2.html 469227-2-ref.html
+== 469227-3.html 469227-3-ref.html
+
+random == restyle-inside-first-line.html restyle-inside-first-line-ref.html # bug 1523134
+== font-styles.html font-styles-ref.html
+== font-styles-nooverflow.html font-styles-ref.html
+
+== ib-split-1.html ib-split-1-ref.html
+
+== first-line-in-columnset-1.html first-line-in-columnset-1-ref.html
+
+== insertion-in-first-line-1.html insertion-in-first-line-ref.html
+== insertion-in-first-line-2.html insertion-in-first-line-ref.html
+== insertion-in-first-line-3.html insertion-in-first-line-ref.html
+== insertion-in-first-line-4.html insertion-in-first-line-ref.html
+== insertion-in-first-line-5.html insertion-in-first-line-ref.html
+== insertion-in-first-line-6.html insertion-in-first-line-ref.html
+== insertion-in-first-line-7.html insertion-in-first-line-ref.html
+== insertion-in-first-line-8.html insertion-in-first-line-ref.html
+== insertion-in-first-line-9.html insertion-in-first-line-ref.html
+== insertion-in-first-line-10.html insertion-in-first-line-ref.html
+== insertion-in-first-line-11.html insertion-in-first-line-ref.html
+== insertion-in-first-line-12.html insertion-in-first-line-ref.html
+== caption-insert-in-first-line-1.html caption-insert-in-first-line-ref.html
+== caption-insert-in-first-line-2.html caption-insert-in-first-line-ref.html
diff --git a/layout/reftests/first-line/restyle-inside-first-line-ref.html b/layout/reftests/first-line/restyle-inside-first-line-ref.html
new file mode 100644
index 0000000000..a2149cddc9
--- /dev/null
+++ b/layout/reftests/first-line/restyle-inside-first-line-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<title>Test for bug 945105: direct restyling of element inside of a ::first-line that extends to the next line</title>
+<style>
+body { background-color: white; color: black; width: 400px; height: 400px; }
+</style>
+<div style="width: 0"><span style="color: purple">This</span> <span>is some text</span></div>
diff --git a/layout/reftests/first-line/restyle-inside-first-line.html b/layout/reftests/first-line/restyle-inside-first-line.html
new file mode 100644
index 0000000000..5e5333db9b
--- /dev/null
+++ b/layout/reftests/first-line/restyle-inside-first-line.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>Test for bug 945105: direct restyling of element inside of a ::first-line that extends to the next line</title>
+<style>
+body { background-color: white; color: black; width: 400px; height: 400px; }
+div::first-line { color: purple; }
+</style>
+<div style="width: 0"><span id="x" style="visibility: hidden">This is some text</span></div>
+<script>
+document.body.firstChild.offsetWidth;
+document.getElementById("x").style.visibility = "visible";
+</script>
diff --git a/layout/reftests/first-line/stress-1.html b/layout/reftests/first-line/stress-1.html
new file mode 100644
index 0000000000..1add82e89b
--- /dev/null
+++ b/layout/reftests/first-line/stress-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+
+<style>
+  .fl:first-line { }
+  .inh { position: inherit; }
+  .abs { position: absolute; }
+  body { visibility: hidden; }
+</style>
+ 
+<script>
+
+function boom()
+{
+  x = document.getElementById("x");
+  y = document.getElementById("y");
+
+  x.setAttribute('class', "fl abs");
+  y.setAttribute('class', "inh");
+  setTimeout(boom2, 5);
+}
+
+function boom2()
+{
+  y.setAttribute('class', "abs");
+  document.body.offsetWidth;
+  document.documentElement.className = "";
+}
+
+</script>
+
+</head>
+
+<body onload="setTimeout(boom, 5);">
+<div id="x">
+  <p id="y">foo</p>
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/first-line/stress-10.html b/layout/reftests/first-line/stress-10.html
new file mode 100644
index 0000000000..79e6194187
--- /dev/null
+++ b/layout/reftests/first-line/stress-10.html
@@ -0,0 +1,5 @@
+<style>
+*::first-line { }
+*::before { content:"before text";}
+</style>
+<object style="position: fixed;column-count: 100;"><ol style="float: right;">
diff --git a/layout/reftests/first-line/stress-11-ref.xhtml b/layout/reftests/first-line/stress-11-ref.xhtml
new file mode 100644
index 0000000000..6249792a53
--- /dev/null
+++ b/layout/reftests/first-line/stress-11-ref.xhtml
@@ -0,0 +1,9 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<style>
+*::before { content:"--"; }
+</style>
+
+<caption></caption>
+<span></span>
+This should not crash Mozilla
+</html>
diff --git a/layout/reftests/first-line/stress-11.xhtml b/layout/reftests/first-line/stress-11.xhtml
new file mode 100644
index 0000000000..261250af26
--- /dev/null
+++ b/layout/reftests/first-line/stress-11.xhtml
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<style>
+*::first-line { }
+*::before { content:"--"; }
+</style>
+<script>
+function doe() {
+document.getElementsByTagName('caption')[0].removeAttribute('style');
+document.documentElement.offsetHeight;
+document.getElementsByTagName('span')[0].removeAttribute('style');
+}
+window.onload=doe;
+</script>
+
+<caption style="float: left;"></caption>
+<span style="float: right;"></span>
+This should not crash Mozilla
+</html>
diff --git a/layout/reftests/first-line/stress-2-ref.html b/layout/reftests/first-line/stress-2-ref.html
new file mode 100644
index 0000000000..586010e092
--- /dev/null
+++ b/layout/reftests/first-line/stress-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div>
+  <b><span>Foo</span></b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-2.html b/layout/reftests/first-line/stress-2.html
new file mode 100644
index 0000000000..5002007266
--- /dev/null
+++ b/layout/reftests/first-line/stress-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+
+<style>
+#fl:first-line { }
+</style>
+
+<script>
+function boom()
+{
+  document.getElementById("s").style.overflow = "auto";
+  document.body.offsetWidth;
+  document.documentElement.className = "";  
+}
+</script>
+
+</head>
+<body onload="setTimeout(boom, 300);">
+
+<div id="fl">
+  <b><span id="s">Foo</span></b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-3.html b/layout/reftests/first-line/stress-3.html
new file mode 100644
index 0000000000..8e43ca6882
--- /dev/null
+++ b/layout/reftests/first-line/stress-3.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait" id="fl" style="position: absolute">
+<head>
+
+<style>
+
+.flcounter:first-line { content: counter(egg); }
+
+#fl:first-line { }
+
+</style>
+
+<script>
+
+function boom()
+{
+  document.documentElement.appendChild(document.createTextNode("\n"));
+  document.getElementById("div").style.counterReset = "";
+  setTimeout(boom2, 20);
+}
+
+function boom2()
+{
+  document.body.removeAttribute("class");
+  document.body.offsetWidth;
+  document.documentElement.className = "";  
+}
+
+</script>
+</head>
+
+<body style="position: inherit; float: left;" class="flcounter" onload="boom();">
+<div id="div" style="counter-reset: chicken;"></div>
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-4.html b/layout/reftests/first-line/stress-4.html
new file mode 100644
index 0000000000..566dfd7ebd
--- /dev/null
+++ b/layout/reftests/first-line/stress-4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+#a:first-child::first-line { }
+</style>
+<script>
+  function runTest() {
+    document.getElementById("a").removeAttribute('style');
+    document.body.offsetWidth;
+    document.documentElement.className = "";  
+  }
+</script>
+</head><body onload="runTest()">
+
+<div style="position:absolute;">
+  <span id="a" style="position:fixed;">
+    <span>
+      <span style="display:table;position:absolute;">
+      </span>
+    </span>
+    Loading this should not crash Mozilla
+  </span>
+</div>
+
+
+</body></html>
diff --git a/layout/reftests/first-line/stress-5.html b/layout/reftests/first-line/stress-5.html
new file mode 100644
index 0000000000..486d378fa3
--- /dev/null
+++ b/layout/reftests/first-line/stress-5.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#b::first-letter { }
+#c::first-line { }
+</style>
+</head>
+<body>
+This page should not crash Mozilla
+<div id="c">
+  <table>
+    <div id="b" style="display:table-header-group;">
+      <q>
+        text
+        <div style="position:fixed;">
+          <q>y</q>
+        </div>
+      </q>  
+    </div>
+    <span style="display: table;"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-6.html b/layout/reftests/first-line/stress-6.html
new file mode 100644
index 0000000000..8883ea54f3
--- /dev/null
+++ b/layout/reftests/first-line/stress-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<style>
+#b td::first-line { font-size:110%;}
+nobr::first-line { font-size:110%;}
+
+#b td::after { content:"anonymous text"; }
+nobr::after{ content:"anonymous text"; }
+
+#b::before { content:"before text";}
+#b td::before { content:"before text";}
+</style>
+</head>
+<body>
+<table style="display: table-row;"></table><nobr style="display: list-item; column-count: 2;">
+<table id="b" style="display: inline;"></table>
+</nobr>
+<br>
+This page should not crash Mozilla
+<script>
+function doe(){
+   var td = document.createElement('td');;
+   td.setAttribute('height', '50%');
+   var tr = document.createElement('tr');;
+   tr.setAttribute('height', '50%');
+   tr.appendChild(td);
+   document.getElementsByTagName('table')[1].appendChild(tr);
+   document.body.offsetHeight;
+
+   var td = document.createElement('td');;
+   td.setAttribute('height', '50%');
+   document.getElementsByTagName('tr')[0].appendChild(td); 
+   document.body.offsetHeight;
+
+   var td = document.createElement('td');;
+   td.setAttribute('height', '50%');
+   document.getElementsByTagName('tr')[0].appendChild(td);
+
+   document.body.offsetWidth;
+   document.documentElement.className = "";  
+} 
+setTimeout(doe, 60);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-7.html b/layout/reftests/first-line/stress-7.html
new file mode 100644
index 0000000000..fb8fdfd594
--- /dev/null
+++ b/layout/reftests/first-line/stress-7.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+body > span::first-line { }
+span::before { content:"before text"; border:3px solid black;}
+</style>
+</head>
+<body>
+
+<span style=" float: left; column-count: 2;">
+  <span style="float: right;">
+    <span style=" float: right;column-count: 2;"></span>
+  </span>
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-8-ref.html b/layout/reftests/first-line/stress-8-ref.html
new file mode 100644
index 0000000000..30e9caa909
--- /dev/null
+++ b/layout/reftests/first-line/stress-8-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div>
+a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a
+b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b
+a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a
+b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b
+a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a
+b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b
+a b a b a b a b a b
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-8.html b/layout/reftests/first-line/stress-8.html
new file mode 100644
index 0000000000..120f2d0afa
--- /dev/null
+++ b/layout/reftests/first-line/stress-8.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head><style>
+ div:first-line {}
+</style></head>
+<body>
+<div>
+a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a
+b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b
+a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a
+b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b
+a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a
+b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b a b
+a b a b a b a b a b
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-9-ref.html b/layout/reftests/first-line/stress-9-ref.html
new file mode 100644
index 0000000000..773cefbe77
--- /dev/null
+++ b/layout/reftests/first-line/stress-9-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+*::after { content:"anonymous text"; }
+*::before { content:"before text"; }
+</style>
+</head>
+<body>
+
+<ol style="overflow: hidden;  float: right; column-count: 3;">
+<span style="overflow: auto;  float: left;"></span>
+</ol>
+</body>
+</html>
diff --git a/layout/reftests/first-line/stress-9.html b/layout/reftests/first-line/stress-9.html
new file mode 100644
index 0000000000..90e0b63beb
--- /dev/null
+++ b/layout/reftests/first-line/stress-9.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+*::first-line { }
+*::after { content:"anonymous text"; }
+*::before { content:"before text"; }
+</style>
+</head>
+<body>
+
+<ol style="overflow: hidden;  float: right; column-count: 3;">
+<span style="overflow: auto;  float: left;"></span>
+</ol>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/ahem.css b/layout/reftests/flexbox/ahem.css
new file mode 100644
index 0000000000..884a41198b
--- /dev/null
+++ b/layout/reftests/flexbox/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(../fonts/Ahem.ttf);
+}
diff --git a/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2-ref.xhtml b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2-ref.xhtml
new file mode 100644
index 0000000000..26033bf78f
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2-ref.xhtml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for behavior of the 'baseline' value for align-items and
+     align-self.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .flexbox {
+        display: block;
+        border: 1px dashed blue;
+        font: 14px sans-serif;
+      }
+
+      input { height: 30px; }
+
+      textarea {
+        width: 30px;
+        height: 50px;
+      }
+
+      div.multilinebutton {
+        /* For comparison vs. "button.multilinebutton" in the testcase: */
+        -moz-appearance: button;
+        display: block;
+        text-align: center;
+        font: 20px sans-serif;
+        padding-top: 1px;
+        height: 49px;
+        width: 20px;
+      }
+
+      div   { display: inline-block; }
+      table { display: inline-table; }
+
+      .lime   { background: lime;   }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="lime">text</div
+      ><input type="text" style="width: 20px; min-width: 0;" value="input"
+     /><textarea style="width: 30px">t e x t a r e a </textarea
+      ><table cellspacing="0" cellpadding="0">
+        <div class="multilinebutton">b<br/>t<br/>n</div>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2.xhtml b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2.xhtml
new file mode 100644
index 0000000000..853f2c6ed0
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-2.xhtml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase for behavior of the 'baseline' value for align-items (and
+     align-self, implicitly). This test baseline-aligns various types of
+     content, and the flexbox's vertical size depends on the aggregate
+     post-alignment height of its children.
+
+     This test checks baseline-alignment for a text <input> field, a
+     <textarea>, and a <button> with a multi-line label.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .flexbox {
+        display: flex;
+        align-items: baseline;
+        border: 1px dashed blue;
+        font: 14px sans-serif;
+      }
+
+      input { height: 30px; }
+
+      textarea {
+        width: 30px;
+        height: 50px;
+      }
+
+      button.multilinebutton {
+        font: 20px sans-serif;
+        color: black;
+        padding: 0;
+        height: 50px;
+        width: 20px;
+        box-sizing: content-box;
+      }
+
+      .lime   { background: lime;   }
+      .orange { background: orange; }
+      .pink   { background: pink;   }
+      .aqua   { background: aqua;   }
+      .violet { background: violet; }
+      .tan    { background: tan;    }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="lime">text</div>
+      <input type="text" style="width: 20px; min-width: 0;" value="input"/>
+      <textarea style="width: 30px">t e x t a r e a </textarea>
+      <button class="multilinebutton">b<br/>t<br/>n</button>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3-ref.xhtml b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3-ref.xhtml
new file mode 100644
index 0000000000..b138561977
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3-ref.xhtml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for behavior of the 'baseline' value for align-items and
+     align-self.
+
+     NOTE: For multi-line 'display: block' flex items in the testcase, we use
+     an inline-table here in the reference case, so that we get first-line
+     baseline alignment. (If we used an inline-block instead, that would give
+     us *last-line* baseline alignment.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .flexbox {
+        display: block;
+        border: 1px dashed blue;
+        font: 14px sans-serif;
+      }
+
+      div, .flexbox > label { display: inline-block; }
+      table { display: inline-table; }
+
+      .lime   { background: lime;   }
+      .pink   { background: pink;   }
+      .aqua   { background: aqua;   }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="lime">text</div
+      ><button>btn</button
+      ><label class="pink">label</label
+      ><table cellspacing="0" cellpadding="0"  class="aqua">
+        <label>lab<br/>el</label>
+      </table
+      ><table cellspacing="0" cellpadding="0">
+        <fieldset>field<br/>set</fieldset>
+      </table
+      ><table cellspacing="0" cellpadding="0">
+        <fieldset><legend>leg</legend>field<br/>set</fieldset>
+      </table
+      ><table cellspacing="0" cellpadding="0">
+        <fieldset><legend>leg<br/>end</legend>field<br/>set</fieldset>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3.xhtml b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3.xhtml
new file mode 100644
index 0000000000..94a9a1c9ed
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase for behavior of the 'baseline' value for align-items (and
+     align-self, implicitly).  This test has various types of baseline-aligned
+     content, and the flexbox's vertical size depends on the aggregate
+     post-alignment height of its children.
+
+     This test checks baseline-alignment for text <button>, for
+     various <input> fields, for <label>, and for <fieldset>.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      .flexbox {
+        display: flex;
+        align-items: baseline;
+        border: 1px dashed blue;
+        font: 14px sans-serif;
+      }
+
+      .big {
+        height: 100px;
+        font: 24px sans-serif;
+        margin-top: 20px;
+      }
+
+      .lime   { background: lime;   }
+      .pink   { background: pink;   }
+      .aqua   { background: aqua;   }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="lime">text</div>
+      <button>btn</button>
+      <label class="pink">label</label>
+      <label class="aqua">lab<br/>el</label>
+      <fieldset>field<br/>set</fieldset>
+      <fieldset><legend>leg</legend>field<br/>set</fieldset>
+      <fieldset><legend>leg<br/>end</legend>field<br/>set</fieldset>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4-ref.xhtml b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4-ref.xhtml
new file mode 100644
index 0000000000..867fa4cfc8
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4-ref.xhtml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for behavior of the 'baseline' value for align-items and
+     align-self.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        display: block;
+        border: 1px dashed blue;
+        font: 14px sans-serif;
+      }
+
+      div   { display: inline-block; }
+      table {
+        display: inline-table;
+        margin: 1px; /* to fix fuzziness from text overlapping table border */
+      }
+
+      .lime { background: lime; }
+      .pink { background: pink; }
+      .aqua { background: aqua; }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="lime">text</div
+      ><table class="pink" border="1">
+        <tr><td>tr1</td></tr>
+        <tr><td>tr2</td></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4.xhtml b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4.xhtml
new file mode 100644
index 0000000000..266134a030
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-align-self-baseline-horiz-4.xhtml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase for behavior of the 'baseline' value for align-items (and
+     align-self, implicitly). This test baseline-aligns a <table>.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        display: flex;
+        align-items: baseline;
+        border: 1px dashed blue;
+        font: 14px sans-serif;
+      }
+
+      table {
+        margin: 1px; /* to fix fuzziness from text overlapping table border */
+      }
+
+      .lime { background: lime; }
+      .pink { background: pink; }
+      .aqua { background: aqua; }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="lime">text</div>
+      <table class="pink" border="1">
+        <tr><td>tr1</td></tr>
+        <tr><td>tr2</td></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1-ref.html b/layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1-ref.html
new file mode 100644
index 0000000000..14359e5949
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      width: 100px;
+      height: 20px;
+      border: 5px solid black;
+    }
+    .container > * {
+      height: 18px;
+      float: left;
+    }
+    .itemA {
+      width: 38px;
+      background: purple;
+      border: 1px solid indigo;
+    }
+    .itemB {
+      width: 58px;
+      background: teal;
+      border: 1px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1.html b/layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1.html
new file mode 100644
index 0000000000..951cf918d6
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a horizontal flex container with box-sizing:border-box</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      width: 110px;
+      height: 30px;
+      border: 5px solid black;
+      box-sizing: border-box;
+    }
+    .itemA {
+      flex: 1 28px;
+      background: purple;
+      border: 1px solid indigo;
+    }
+    .itemB {
+      flex: 1 48px;
+      background: teal;
+      border: 1px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1-ref.html b/layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1-ref.html
new file mode 100644
index 0000000000..f02e22d957
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      width: 20px;
+      height: 100px;
+      border: 5px solid black;
+    }
+    .container > * {
+      width: 18px;
+    }
+    .itemA {
+      height: 38px;
+      background: purple;
+      border: 1px solid indigo;
+    }
+    .itemB {
+      height: 58px;
+      background: teal;
+      border: 1px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1.html b/layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1.html
new file mode 100644
index 0000000000..2351369b39
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-container-vert-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a horizontal flex container with box-sizing:border-box</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      flex-direction: column;
+      width: 30px;
+      height: 110px;
+      border: 5px solid black;
+      box-sizing: border-box;
+    }
+    .itemA {
+      flex: 1 28px;
+      background: purple;
+      border: 1px solid indigo;
+    }
+    .itemB {
+      flex: 1 48px;
+      background: teal;
+      border: 1px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1-ref.html b/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1-ref.html
new file mode 100644
index 0000000000..e4126b17c4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      width: 100px;
+      height: 30px;
+      border: 1px solid black;
+      float: left;
+      margin: 2px;
+    }
+    .container > * {
+      float: left; /* emulate the testcase's horizontal lineup of flex items */
+    }
+    .itemA {
+      width: 22px;
+      height: 22px;
+      background: purple;
+      border: 4px solid indigo;
+    }
+    .itemB {
+      width: 40px;
+      height: 20px;
+      background: teal;
+      border: 5px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <!-- 1 inflexible item -->
+  <div class="container">
+    <div class="itemA"></div>
+  </div>
+  <!-- 1 flexible item -->
+  <div class="container">
+    <div class="itemA" style="width: 92px"></div>
+  </div>
+
+  <div style="clear: both"></div>
+
+  <!-- SECOND ROW -->
+  <!-- 2 inflexible items -->
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+  <!-- 2 flexible items -->
+  <div class="container">
+    <div class="itemA" style="width: 32px"></div>
+    <div class="itemB" style="width: 50px"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1a.html b/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1a.html
new file mode 100644
index 0000000000..a74f4a81cf
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1a.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a horizontal flex container with box-sizing:border-box on its flex items</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      width: 100px;
+      height: 30px;
+      border: 1px solid black;
+      float: left;
+      margin: 2px;
+    }
+    .container > * {
+      box-sizing: border-box;
+    }
+    .itemA {
+      width: 30px;
+      background: purple;
+      border: 4px solid indigo;
+    }
+    .itemB {
+      width: 50px;
+      background: teal;
+      border: 5px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <!-- 1 inflexible item -->
+  <div class="container">
+    <div class="itemA"></div>
+  </div>
+  <!-- 1 flexible item -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+  </div>
+
+  <div style="clear: both"></div>
+
+  <!-- SECOND ROW -->
+  <!-- 2 inflexible items -->
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+  <!-- 2 flexible items -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+    <div class="itemB" style="flex-grow: 1"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1b.html b/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1b.html
new file mode 100644
index 0000000000..789dd14be0
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-items-horiz-1b.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a horizontal flex container with box-sizing:border-box on its flex items</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      width: 100px;
+      height: 30px;
+      border: 1px solid black;
+      float: left;
+      margin: 2px;
+    }
+    .container > * {
+      box-sizing: border-box;
+    }
+    .itemA {
+      flex-basis: 30px;
+      background: purple;
+      border: 4px solid indigo;
+    }
+    .itemB {
+      flex-basis: 50px;
+      background: teal;
+      border: 5px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <!-- 1 inflexible item -->
+  <div class="container">
+    <div class="itemA"></div>
+  </div>
+  <!-- 1 flexible item -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+  </div>
+
+  <div style="clear: both"></div>
+
+  <!-- SECOND ROW -->
+  <!-- 2 inflexible items -->
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+  <!-- 2 flexible items -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+    <div class="itemB" style="flex-grow: 1"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1-ref.html b/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1-ref.html
new file mode 100644
index 0000000000..5d1f50af25
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      width: 30px;
+      height: 100px;
+      border: 1px solid black;
+      float: left;
+      margin: 2px;
+    }
+    .itemA {
+      width: 22px;
+      height: 22px;
+      background: purple;
+      border: 4px solid indigo;
+    }
+    .itemB {
+      width: 20px;
+      height: 40px;
+      background: teal;
+      border: 5px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <!-- 1 inflexible item -->
+  <div class="container">
+    <div class="itemA"></div>
+  </div>
+  <!-- 1 flexible item -->
+  <div class="container">
+    <div class="itemA" style="height: 92px"></div>
+  </div>
+
+  <div style="clear: both"></div>
+
+  <!-- SECOND ROW -->
+  <!-- 2 inflexible items -->
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+  <!-- 2 flexible items -->
+  <div class="container">
+    <div class="itemA" style="height: 32px"></div>
+    <div class="itemB" style="height: 50px"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1a.html b/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1a.html
new file mode 100644
index 0000000000..e87e93372a
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1a.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a vertical flex container with box-sizing:border-box on its flex items</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      flex-direction: column;
+      width: 30px;
+      height: 100px;
+      border: 1px solid black;
+      float: left;
+      margin: 2px;
+    }
+    .container > * {
+      box-sizing: border-box;
+    }
+    .itemA {
+      height: 30px;
+      background: purple;
+      border: 4px solid indigo;
+    }
+    .itemB {
+      height: 50px;
+      background: teal;
+      border: 5px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <!-- 1 inflexible item -->
+  <div class="container">
+    <div class="itemA"></div>
+  </div>
+  <!-- 1 flexible item -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+  </div>
+
+  <div style="clear: both"></div>
+
+  <!-- SECOND ROW -->
+  <!-- 2 inflexible items -->
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+  <!-- 2 flexible items -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+    <div class="itemB" style="flex-grow: 1"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1b.html b/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1b.html
new file mode 100644
index 0000000000..7edbf83786
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1b.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a vertical flex container with box-sizing:border-box on its flex items</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      flex-direction: column;
+      width: 30px;
+      height: 100px;
+      border: 1px solid black;
+      float: left;
+      margin: 2px;
+    }
+    .container > * {
+      box-sizing: border-box;
+    }
+    .itemA {
+      flex-basis: 30px;
+      background: purple;
+      border: 4px solid indigo;
+    }
+    .itemB {
+      flex-basis: 50px;
+      background: teal;
+      border: 5px solid lightblue;
+    }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <!-- 1 inflexible item -->
+  <div class="container">
+    <div class="itemA"></div>
+  </div>
+  <!-- 1 flexible item -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+  </div>
+
+  <div style="clear: both"></div>
+
+  <!-- SECOND ROW -->
+  <!-- 2 inflexible items -->
+  <div class="container">
+    <div class="itemA"></div>
+    <div class="itemB"></div>
+  </div>
+  <!-- 2 flexible items -->
+  <div class="container">
+    <div class="itemA" style="flex-grow: 1"></div>
+    <div class="itemB" style="flex-grow: 1"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1-ref.html b/layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1-ref.html
new file mode 100644
index 0000000000..685e8a056c
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Reference Case</title>
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      height: 100px;
+      border: 1px solid black;
+    }
+    .min-content-height {
+      background: pink;
+      align-self: start;
+    }
+    .max-content-height {
+      background: lightblue;
+      align-self: start;
+    }
+    .auto-height {
+      background: orange;
+      height: auto;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="min-content-height">min</div>
+    <div class="max-content-height">max</div>
+    <div class="auto-height">auto</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1.html b/layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1.html
new file mode 100644
index 0000000000..d30efed851
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-bsize-keywords-no-stretch-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>Testing that the (default) 'align-items:stretch' only stretches flex items with height:auto (not height:[other-keyword])</title>
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      height: 100px;
+      border: 1px solid black;
+    }
+    .min-content-height {
+      background: pink;
+      height: -moz-min-content;
+      height: min-content;
+    }
+    .max-content-height {
+      background: lightblue;
+      height: -moz-max-content;
+      height: max-content;
+    }
+    .auto-height {
+      background: orange;
+      height: auto;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="min-content-height">min</div>
+    <div class="max-content-height">max</div>
+    <div class="auto-height">auto</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeContent-1-ref.html b/layout/reftests/flexbox/flexbox-dyn-changeContent-1-ref.html
new file mode 100644
index 0000000000..164c24806b
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeContent-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>
+    #flex {
+      display: inline-flex;
+      border: 1px solid black;
+    }
+    #itemA {
+      background: purple;
+      width: 50%;
+      flex: none;
+    }
+    #itemB {
+      background: lightblue;
+      flex: none;
+    }
+  </style>
+</head>
+<body>
+  <div id="flex">
+    <div id="itemA"></div>
+    <div id="itemB">BBBBB</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeContent-1.html b/layout/reftests/flexbox/flexbox-dyn-changeContent-1.html
new file mode 100644
index 0000000000..4a923397b9
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeContent-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <!-- This testcase ensures that we correctly re-evaluate the percent width on
+       the purple flex item "itemA", in response to the width of its flex
+       container changing due to the other item gaining some more content. -->
+  <style>
+    #flex {
+      display: inline-flex;
+      border: 1px solid black;
+    }
+    #itemA {
+      background: purple;
+      width: 50%;
+      flex: none;
+    }
+    #itemB {
+      background: lightblue;
+      flex: none;
+    }
+  </style>
+  <script>
+    function tweak() {
+      document.getElementById("itemB").innerText = "BBBBB";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", tweak, false);
+  </script>
+</head>
+<body>
+  <div id="flex">
+    <div id="itemA"></div>
+    <div id="itemB">BB</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeContent-2-ref.html b/layout/reftests/flexbox/flexbox-dyn-changeContent-2-ref.html
new file mode 100644
index 0000000000..4889b54944
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeContent-2-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>
+    #flex {
+      display: inline-flex;
+      flex-direction: column;
+      border: 1px solid black;
+      max-width: 50px;
+      height: 150px;
+    }
+    #itemA {
+      background: purple;
+      height: 50%;
+      flex: none;
+    }
+    #itemB {
+      background: lightblue;
+      flex: none;
+    }
+  </style>
+</head>
+<body>
+  <div id="flex">
+    <div id="itemA">A</div>
+    <div id="itemB">BB</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeContent-2.html b/layout/reftests/flexbox/flexbox-dyn-changeContent-2.html
new file mode 100644
index 0000000000..19288997d4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeContent-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <!-- This testcase ensures that we correctly re-evaluate the percent height
+       on the purple flex item "itemA", in response to the height of its flex
+       container being dynamically changed. -->
+  <style>
+    #flex {
+      display: inline-flex;
+      flex-direction: column;
+      border: 1px solid black;
+      max-width: 50px;
+      height: 60px;
+    }
+    #itemA {
+      background: purple;
+      height: 50%;
+      flex: none;
+    }
+    #itemB {
+      background: lightblue;
+      flex: none;
+    }
+  </style>
+  <script>
+    function tweak() {
+      document.getElementById("flex").style.height = "150px";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", tweak, false);
+  </script>
+</head>
+<body>
+  <div id="flex">
+    <div id="itemA">A</div>
+    <div id="itemB">BB</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-iframe.html b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-iframe.html
new file mode 100644
index 0000000000..3801464ee2
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-iframe.html
@@ -0,0 +1,24 @@
+<html>
+  <head>
+    <style>
+      body {
+        margin: 0;
+      }
+      .outerContainer {
+        display: flex;
+        height: 100px;
+        background-color: red;
+      }
+      .innerContainer {
+        display: flex;
+        flex: 1;
+        background-color: lime;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outerContainer">
+      <div class="innerContainer"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-ref.xhtml
new file mode 100644
index 0000000000..889ac83ce4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      #container {
+        width: 100px;
+        height: 100px;
+        background: lime;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1.xhtml
new file mode 100644
index 0000000000..889b479c04
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we reflow nested flex containers sufficiently when
+    the window (or the iframe we're inside of) is horizontally resized.
+
+    This test should end up rendering as a lime square, 100px by 100px.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      #frame {
+        width: 400px;
+        height: 200px;
+        border: 0;
+      }
+    </style>
+    <script>
+      function tweak() {
+        document.getElementById("frame").style.width = "100px";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <iframe id="frame" src="flexbox-dyn-changeFrameWidth-1-iframe.html"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-iframe.html b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-iframe.html
new file mode 100644
index 0000000000..41a4a4c802
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-iframe.html
@@ -0,0 +1,27 @@
+<html>
+  <head>
+    <style>
+      body {
+        margin: 0;
+      }
+      #container {
+        display: flex;
+        flex-direction: column;
+        border: 10px solid lime;
+        width: 80px;
+        height: 80px;
+        background-color: red;
+      }
+      #item {
+        background-color: lime;
+        width: 80px;
+        height: 80px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container">
+      <div id="item"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-ref.xhtml
new file mode 100644
index 0000000000..889ac83ce4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      #container {
+        width: 100px;
+        height: 100px;
+        background: lime;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2.xhtml
new file mode 100644
index 0000000000..fdb0590959
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-2.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we don't end up with the effects of an intermediate
+    "measuring" reflow left over, when we resize a window that contains a
+    vertical flex container with a fixed-height flex item.
+
+    This test should end up rendering as a lime square, 100px by 100px.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      #frame {
+        width: 400px;
+        height: 200px;
+        border: 0;
+      }
+    </style>
+    <script>
+      function tweak() {
+        document.getElementById("frame").style.width = "100px";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <iframe id="frame" src="flexbox-dyn-changeFrameWidth-2-iframe.html"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-iframe.html b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-iframe.html
new file mode 100644
index 0000000000..b3e7dc27c8
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-iframe.html
@@ -0,0 +1,29 @@
+<html>
+  <head>
+    <style>
+      body {
+        margin: 0;
+      }
+      #container {
+        display: flex;
+        flex-direction: column;
+        border: 10px solid lime;
+        width: 80px;
+        height: 80px;
+        background-color: red;
+      }
+      #item {
+        background-color: lime;
+        min-height: 0;
+        width: 80px;
+        height: auto;
+        line-height: 80px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container">
+      <div id="item">&nbsp;</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-ref.xhtml
new file mode 100644
index 0000000000..889ac83ce4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      #container {
+        width: 100px;
+        height: 100px;
+        background: lime;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3.xhtml
new file mode 100644
index 0000000000..c412469025
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-3.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we don't end up with the effects of an intermediate
+    "measuring" reflow left over, when we resize a window that contains a
+    vertical flex container with an auto-height flex item.
+
+    This test should end up rendering as a lime square, 100px by 100px.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      #frame {
+        width: 400px;
+        height: 200px;
+        border: 0;
+      }
+    </style>
+    <script>
+      function tweak() {
+        document.getElementById("frame").style.width = "100px";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <iframe id="frame" src="flexbox-dyn-changeFrameWidth-3-iframe.html"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-iframe.html b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-iframe.html
new file mode 100644
index 0000000000..72cb0af38b
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-iframe.html
@@ -0,0 +1,20 @@
+<html>
+  <head>
+    <style>
+      body {
+        margin: 0;
+      }
+      .container {
+        display: flex;
+        background-color: lime;
+        top: 0;
+        bottom: 0;
+        position: absolute;
+        width: 100px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-ref.xhtml
new file mode 100644
index 0000000000..889ac83ce4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      #container {
+        width: 100px;
+        height: 100px;
+        background: lime;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4.xhtml b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4.xhtml
new file mode 100644
index 0000000000..80a7a1cd5f
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we sufficiently reflow abspos flex containers that
+    have top:0;bottom:0 (which ends up effectively being like height:100%)
+    the window (or the iframe we're inside of) is vertically resized.
+
+    This test should end up rendering as a lime square, 100px by 100px.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      #frame {
+        width: 100px;
+        height: 50px;
+        border: 0;
+      }
+    </style>
+    <script>
+      function tweak() {
+        document.getElementById("frame").style.height = "100px";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <iframe id="frame" src="flexbox-dyn-changeFrameWidth-4-iframe.html"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeOrder-1-ref.html b/layout/reftests/flexbox/flexbox-dyn-changeOrder-1-ref.html
new file mode 100644
index 0000000000..fb43b103d9
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeOrder-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+<style>
+#limesquare {
+  width: 100px;
+  height: 100px;
+  background: lime;
+}
+</style>
+</head>
+<body>
+  <div id="limesquare"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeOrder-1a.html b/layout/reftests/flexbox/flexbox-dyn-changeOrder-1a.html
new file mode 100644
index 0000000000..0feed67be4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeOrder-1a.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we repaint, when a flex item is brought towards
+    the viewer in the stacking-order, without moving in the "x" or "y"
+    dimensions onscreen, using the "order" and "margin-left" properties.
+
+    This test should end up rendering as a lime square, 100px by 100px.
+-->
+<html class="reftest-wait">
+<head>
+<style>
+#container {
+  display: flex;
+}
+
+#container > * {
+  width: 100px;
+  height: 100px;
+}
+
+#a {
+  background-color: red;
+}
+
+#b {
+  background-color: lime;
+}
+
+.foreground {
+  order: 1;
+  margin-left: -100px;
+}
+</style>
+<script>
+  function tweak() {
+    var a = document.getElementById("a");
+    var b = document.getElementById("b");
+    a.classList.remove("foreground");
+    b.classList.add("foreground");
+    document.documentElement.removeAttribute("class");
+  }
+
+  window.addEventListener("MozReftestInvalidate", tweak);
+</script>
+</head>
+<body>
+  <div id="container">
+    <div id="a" class="foreground"></div>
+    <div id="b"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changeOrder-1b.html b/layout/reftests/flexbox/flexbox-dyn-changeOrder-1b.html
new file mode 100644
index 0000000000..5e53f3b447
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changeOrder-1b.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we repaint, when a flex item is brought towards
+    the viewer in the stacking-order, without moving in the "x" or "y"
+    dimensions onscreen, using the "order" and "left" properties.
+
+    This test should end up rendering as a lime square, 100px by 100px.
+-->
+<html class="reftest-wait">
+<head>
+<style>
+#container {
+  display: flex;
+}
+
+#container > * {
+  width: 100px;
+  height: 100px;
+  position: relative;
+}
+
+#a {
+  background-color: red;
+}
+
+#b {
+  background-color: lime;
+}
+
+.foreground {
+  order: 1;
+  left: -100px;
+}
+</style>
+<script>
+  function tweak() {
+    var a = document.getElementById("a");
+    var b = document.getElementById("b");
+    a.classList.remove("foreground");
+    b.classList.add("foreground");
+    document.documentElement.removeAttribute("class");
+  }
+
+  window.addEventListener("MozReftestInvalidate", tweak);
+</script>
+</head>
+<body>
+  <div id="container">
+    <div id="a" class="foreground"></div>
+    <div id="b"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changePadding-1-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-changePadding-1-ref.xhtml
new file mode 100644
index 0000000000..681a3cb4cc
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changePadding-1-ref.xhtml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      #container {
+        display: flex;
+        width: 100px;
+        height: 100px;
+        background: lime;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changePadding-1a.xhtml b/layout/reftests/flexbox/flexbox-dyn-changePadding-1a.xhtml
new file mode 100644
index 0000000000..600ab0fafa
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changePadding-1a.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we reflow sufficiently when a grandchild of a
+    flex container needs an incremental reflow.  This test should end up
+    rendering as a lime square, 100px by 100px.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      #container {
+        display: flex;
+        flex-direction: column;
+        width: 100px;
+      }
+      #item {
+        background: red;
+      }
+      #tweakMe {
+        height: 100px;
+        background: orange;
+        padding-left: 1px;
+      }
+    </style>
+    <script>
+      function tweak() {
+        var tweakMe = document.getElementById("tweakMe");
+        tweakMe.style.paddingLeft = "0";
+        tweakMe.style.background = "lime";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div id="container">
+      <div id="item">
+        <div id="tweakMe"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-changePadding-1b.xhtml b/layout/reftests/flexbox/flexbox-dyn-changePadding-1b.xhtml
new file mode 100644
index 0000000000..32390e6a27
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-changePadding-1b.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This test checks that we reflow sufficiently when a stretched, nested
+    flex container needs an incremental reflow.  This test should end up
+    rendering as a lime square, 100px by 100px.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      #outerContainer {
+        display: flex;
+        width: 100px;
+        height: 100px;
+        background: red;
+      }
+      #tweakMe {
+        display: flex;
+        background: orange;
+        width: 100px;
+        /* height should stretch to fill parent's height, via
+         * parent's "align-items: stretch" (the default) */
+
+        padding-left: 1px;
+      }
+    </style>
+    <script>
+      function tweak() {
+        var tweakMe = document.getElementById("tweakMe");
+        tweakMe.style.paddingLeft = "0";
+        tweakMe.style.background = "lime";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div id="outerContainer">
+      <div id="tweakMe"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1-ref.xhtml
new file mode 100644
index 0000000000..13e0880c09
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1-ref.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is like its textcase, but with the testcase's dynamic
+     modifications already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" id="f0">  <div>[OldText]</div></div>
+    <div class="flexbox" id="f1"><div>[OldText]</div>  </div>
+    <div class="flexbox" id="f2">[NewText]<div>[OldText]</div></div>
+    <div class="flexbox" id="f3">[NewText]  <div>[OldText]</div></div>
+    <div class="flexbox" id="f4">  [NewText]<div>[OldText]</div></div>
+    <div class="flexbox" id="f5"><div>[OldText]</div>[NewText]</div>
+    <div class="flexbox" id="f6"><div>[OldText]</div>[NewText]  </div>
+    <div class="flexbox" id="f7"><div>[OldText]</div>  [NewText]</div>
+    <div class="flexbox" id="f8">[NewText]  <div>[OldText]</div></div>
+    <div class="flexbox" id="f9">  [NewText]<div>[OldText]</div></div>
+    <div class="flexbox" id="f10"><div>[OldText]</div>[NewText]  </div>
+    <div class="flexbox" id="f11"><div>[OldText]</div>  [NewText]</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1.xhtml
new file mode 100644
index 0000000000..e271f4fb3e
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-1.xhtml
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & text) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function tweak() {
+        // Just inserting whitespace
+        // -------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f0");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f1");
+
+        // Inserting text or text with whitespace
+        // --------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"),   0, "f2");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]  "), 0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  [NewText]"), 0, "f4");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"),   1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]  "), 1, "f6");
+        insertNodeAtPosnInElem(document.createTextNode("  [NewText]"), 1, "f7");
+
+        // Same as the whitespace cases immediately above, but now with separate
+        // text nodes for the whitespace vs. the text
+        insertNodeAtPosnInElem(document.createTextNode("  "),        0, "f8");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f8");
+
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("  "),        0, "f9");
+
+        insertNodeAtPosnInElem(document.createTextNode("  "),        1, "f10");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f10");
+
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f11");
+        insertNodeAtPosnInElem(document.createTextNode("  "),        1, "f11");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><div>[OldText]</div></div>
+    <div class="flexbox" id="f1"><div>[OldText]</div></div>
+    <div class="flexbox" id="f2"><div>[OldText]</div></div>
+    <div class="flexbox" id="f3"><div>[OldText]</div></div>
+    <div class="flexbox" id="f4"><div>[OldText]</div></div>
+    <div class="flexbox" id="f5"><div>[OldText]</div></div>
+    <div class="flexbox" id="f6"><div>[OldText]</div></div>
+    <div class="flexbox" id="f7"><div>[OldText]</div></div>
+    <div class="flexbox" id="f8"><div>[OldText]</div></div>
+    <div class="flexbox" id="f9"><div>[OldText]</div></div>
+    <div class="flexbox" id="f10"><div>[OldText]</div></div>
+    <div class="flexbox" id="f11"><div>[OldText]</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2-ref.xhtml
new file mode 100644
index 0000000000..db3860fcef
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2-ref.xhtml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is like its textcase, but with the testcase's dynamic
+     modifications already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      <!-- to make inserted div elements stand out -->
+      div.inserted { background: teal; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" id="f8"><div class="inserted">[NewDiv]</div><div>[OldText]</div></div>
+    <div class="flexbox" id="f9"><div>[OldText]</div><div class="inserted">[NewDiv]</div></div>
+    <div class="flexbox" id="f10"><div class="inserted">[NewDiv]</div>  <div>[OldText]</div></div>
+    <div class="flexbox" id="f11">  <div class="inserted">[NewDiv]</div><div>[OldText]</div></div>
+    <div class="flexbox" id="f12"><div>[OldText]</div><div class="inserted">[NewDiv]</div>  </div>
+    <div class="flexbox" id="f13"><div>[OldText]</div>  <div class="inserted">[NewDiv]</div></div>
+    <div class="flexbox" id="f14"><div class="inserted">[NewDiv]</div>[NewText]<div>[OldText]</div></div>
+    <div class="flexbox" id="f15">[NewText]<div class="inserted">[NewDiv]</div><div>[OldText]</div></div>
+    <div class="flexbox" id="f16"><div>[OldText]</div><div class="inserted">[NewDiv]</div>[NewText]</div>
+    <div class="flexbox" id="f17"><div>[OldText]</div>[NewText]<div class="inserted">[NewDiv]</div></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2.xhtml
new file mode 100644
index 0000000000..b083ccd5f9
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2.xhtml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & divs) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      <!-- to make inserted div elements stand out -->
+      div.inserted { background: teal; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function createDivElem() {
+        var div = document.createElement("div");
+        div.setAttribute("class", "inserted");
+        div.appendChild(document.createTextNode("[NewDiv]"));
+        return div;
+      }
+
+      function tweak() {
+        // Inserting div, adjacent to inline content
+        // -----------------------------------------
+        insertNodeAtPosnInElem(createDivElem(), 0, "f0");
+        insertNodeAtPosnInElem(createDivElem(), 1, "f1");
+
+        // Inserting div and whitespace, before inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f2");
+        insertNodeAtPosnInElem(createDivElem(),               0, "f2");
+
+        insertNodeAtPosnInElem(createDivElem(),               0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f3");
+
+        // Inserting div and whitespace, after inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f4");
+        insertNodeAtPosnInElem(createDivElem(),               1, "f4");
+
+        insertNodeAtPosnInElem(createDivElem(),               1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f5");
+
+        // Inserting div and text, before inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f6");
+        insertNodeAtPosnInElem(createDivElem(),                      0, "f6");
+
+        insertNodeAtPosnInElem(createDivElem(),                      0, "f7");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f7");
+
+        // Inserting div and text, after inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f8");
+        insertNodeAtPosnInElem(createDivElem(),                      1, "f8");
+
+        insertNodeAtPosnInElem(createDivElem(),                      1, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f9");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><div>[OldText]</div></div>
+    <div class="flexbox" id="f1"><div>[OldText]</div></div>
+    <div class="flexbox" id="f2"><div>[OldText]</div></div>
+    <div class="flexbox" id="f3"><div>[OldText]</div></div>
+    <div class="flexbox" id="f4"><div>[OldText]</div></div>
+    <div class="flexbox" id="f5"><div>[OldText]</div></div>
+    <div class="flexbox" id="f6"><div>[OldText]</div></div>
+    <div class="flexbox" id="f7"><div>[OldText]</div></div>
+    <div class="flexbox" id="f8"><div>[OldText]</div></div>
+    <div class="flexbox" id="f9"><div>[OldText]</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3-ref.xhtml
new file mode 100644
index 0000000000..b29b16f186
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3-ref.xhtml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is like its textcase, but with the testcase's dynamic
+     modifications already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      <!-- to make inserted span elements stand out -->
+      span.inserted { background: teal; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><span class="inserted">[NewSpan]</span><div>[OldText]</div></div>
+    <div class="flexbox" id="f1"><div>[OldText]</div><span class="inserted">[NewSpan]</span></div>
+    <div class="flexbox" id="f2"><span class="inserted">[NewSpan]</span>  <div>[OldText]</div></div>
+    <div class="flexbox" id="f3">  <span class="inserted">[NewSpan]</span><div>[OldText]</div></div>
+    <div class="flexbox" id="f4"><div>[OldText]</div><span class="inserted">[NewSpan]</span>  </div>
+    <div class="flexbox" id="f5"><div>[OldText]</div>  <span class="inserted">[NewSpan]</span></div>
+    <div class="flexbox" id="f6"><span class="inserted">[NewSpan]</span>[NewText]<div>[OldText]</div></div>
+    <div class="flexbox" id="f7">[NewText]<span class="inserted">[NewSpan]</span><div>[OldText]</div></div>
+    <div class="flexbox" id="f8"><div>[OldText]</div><span class="inserted">[NewSpan]</span>[NewText]</div>
+    <div class="flexbox" id="f9"><div>[OldText]</div>[NewText]<span class="inserted">[NewSpan]</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3.xhtml
new file mode 100644
index 0000000000..faf54917de
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-3.xhtml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & spans) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      <!-- to make inserted span elements stand out -->
+      span.inserted { background: teal; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function createSpanElem() {
+        var span = document.createElement("span");
+        span.setAttribute("class", "inserted");
+        span.appendChild(document.createTextNode("[NewSpan]"));
+        return span;
+      }
+
+      function tweak() {
+        // Inserting span, on either side of existing content
+        // --------------------------------------------------
+        insertNodeAtPosnInElem(createSpanElem(), 0, "f0");
+        insertNodeAtPosnInElem(createSpanElem(), 1, "f1");
+
+        // Inserting span and whitespace, before existing content
+        // ------------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f2");
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f2");
+
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f3");
+
+        // Inserting span and whitespace, after existing content
+        // -----------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f4");
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f4");
+
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f5");
+
+        // Inserting span and text, before existing content
+        // ------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f6");
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f6");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f7");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f7");
+
+        // Inserting span and text, after existing content
+        // -----------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f8");
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f8");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f9");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><div>[OldText]</div></div>
+    <div class="flexbox" id="f1"><div>[OldText]</div></div>
+    <div class="flexbox" id="f2"><div>[OldText]</div></div>
+    <div class="flexbox" id="f3"><div>[OldText]</div></div>
+    <div class="flexbox" id="f4"><div>[OldText]</div></div>
+    <div class="flexbox" id="f5"><div>[OldText]</div></div>
+    <div class="flexbox" id="f6"><div>[OldText]</div></div>
+    <div class="flexbox" id="f7"><div>[OldText]</div></div>
+    <div class="flexbox" id="f8"><div>[OldText]</div></div>
+    <div class="flexbox" id="f9"><div>[OldText]</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-1.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-1.xhtml
new file mode 100644
index 0000000000..785063fdf7
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-1.xhtml
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & text) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function tweak() {
+        // Just inserting whitespace
+        // -------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f0");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f1");
+
+        // Inserting text or text with whitespace
+        // --------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"),   0, "f2");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]  "), 0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  [NewText]"), 0, "f4");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"),   1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]  "), 1, "f6");
+        insertNodeAtPosnInElem(document.createTextNode("  [NewText]"), 1, "f7");
+
+        // Same as the whitespace cases immediately above, but now with separate
+        // text nodes for the whitespace vs. the text
+        insertNodeAtPosnInElem(document.createTextNode("  "),        0, "f8");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f8");
+
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("  "),        0, "f9");
+
+        insertNodeAtPosnInElem(document.createTextNode("  "),        1, "f10");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f10");
+
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f11");
+        insertNodeAtPosnInElem(document.createTextNode("  "),        1, "f11");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><span>[OldText]</span></div>
+    <div class="flexbox" id="f1"><span>[OldText]</span></div>
+    <div class="flexbox" id="f2"><span>[OldText]</span></div>
+    <div class="flexbox" id="f3"><span>[OldText]</span></div>
+    <div class="flexbox" id="f4"><span>[OldText]</span></div>
+    <div class="flexbox" id="f5"><span>[OldText]</span></div>
+    <div class="flexbox" id="f6"><span>[OldText]</span></div>
+    <div class="flexbox" id="f7"><span>[OldText]</span></div>
+    <div class="flexbox" id="f8"><span>[OldText]</span></div>
+    <div class="flexbox" id="f9"><span>[OldText]</span></div>
+    <div class="flexbox" id="f10"><span>[OldText]</span></div>
+    <div class="flexbox" id="f11"><span>[OldText]</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-2.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-2.xhtml
new file mode 100644
index 0000000000..9c82796620
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-2.xhtml
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & divs) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body {
+        font-size: 10px;
+      }
+
+      div.inserted {
+        background: teal; /* To make inserted div elements stand out. */
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function createDivElem() {
+        var div = document.createElement("div");
+        div.setAttribute("class", "inserted");
+        div.appendChild(document.createTextNode("[NewDiv]"));
+        return div;
+      }
+
+      function tweak() {
+        // Inserting div, adjacent to inline content
+        // -----------------------------------------
+        insertNodeAtPosnInElem(createDivElem(), 0, "f0");
+        insertNodeAtPosnInElem(createDivElem(), 1, "f1");
+
+        // Inserting div and whitespace, before inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f2");
+        insertNodeAtPosnInElem(createDivElem(),               0, "f2");
+
+        insertNodeAtPosnInElem(createDivElem(),               0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f3");
+
+        // Inserting div and whitespace, after inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f4");
+        insertNodeAtPosnInElem(createDivElem(),               1, "f4");
+
+        insertNodeAtPosnInElem(createDivElem(),               1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f5");
+
+        // Inserting div and text, before inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f6");
+        insertNodeAtPosnInElem(createDivElem(),                      0, "f6");
+
+        insertNodeAtPosnInElem(createDivElem(),                      0, "f7");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f7");
+
+        // Inserting div and text, after inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f8");
+        insertNodeAtPosnInElem(createDivElem(),                      1, "f8");
+
+        insertNodeAtPosnInElem(createDivElem(),                      1, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f9");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><span>[OldText]</span></div>
+    <div class="flexbox" id="f1"><span>[OldText]</span></div>
+    <div class="flexbox" id="f2"><span>[OldText]</span></div>
+    <div class="flexbox" id="f3"><span>[OldText]</span></div>
+    <div class="flexbox" id="f4"><span>[OldText]</span></div>
+    <div class="flexbox" id="f5"><span>[OldText]</span></div>
+    <div class="flexbox" id="f6"><span>[OldText]</span></div>
+    <div class="flexbox" id="f7"><span>[OldText]</span></div>
+    <div class="flexbox" id="f8"><span>[OldText]</span></div>
+    <div class="flexbox" id="f9"><span>[OldText]</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-3.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-3.xhtml
new file mode 100644
index 0000000000..9f60c43160
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundSpan-3.xhtml
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & spans) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body {
+        font-size: 10px;
+      }
+
+      span.inserted {
+        background: teal; /* To make inserted span elements stand out. */
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function createSpanElem() {
+        var span = document.createElement("span");
+        span.setAttribute("class", "inserted");
+        span.appendChild(document.createTextNode("[NewSpan]"));
+        return span;
+      }
+
+      function tweak() {
+        // Inserting span, on either side of existing content
+        // --------------------------------------------------
+        insertNodeAtPosnInElem(createSpanElem(), 0, "f0");
+        insertNodeAtPosnInElem(createSpanElem(), 1, "f1");
+
+        // Inserting span and whitespace, before existing content
+        // ------------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f2");
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f2");
+
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f3");
+
+        // Inserting span and whitespace, after existing content
+        // -----------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f4");
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f4");
+
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f5");
+
+        // Inserting span and text, before existing content
+        // ------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f6");
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f6");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f7");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f7");
+
+        // Inserting span and text, after existing content
+        // -----------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f8");
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f8");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f9");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><span>[OldText]</span></div>
+    <div class="flexbox" id="f1"><span>[OldText]</span></div>
+    <div class="flexbox" id="f2"><span>[OldText]</span></div>
+    <div class="flexbox" id="f3"><span>[OldText]</span></div>
+    <div class="flexbox" id="f4"><span>[OldText]</span></div>
+    <div class="flexbox" id="f5"><span>[OldText]</span></div>
+    <div class="flexbox" id="f6"><span>[OldText]</span></div>
+    <div class="flexbox" id="f7"><span>[OldText]</span></div>
+    <div class="flexbox" id="f8"><span>[OldText]</span></div>
+    <div class="flexbox" id="f9"><span>[OldText]</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundText-1-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-1-ref.xhtml
new file mode 100644
index 0000000000..536a9fa83e
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-1-ref.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is like its textcase, but with the testcase's dynamic
+     modifications already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" id="f0">  [OldText]</div>
+    <div class="flexbox" id="f1">[OldText]  </div>
+    <div class="flexbox" id="f2">[NewText][OldText]</div>
+    <div class="flexbox" id="f3">[NewText]  [OldText]</div>
+    <div class="flexbox" id="f4">  [NewText][OldText]</div>
+    <div class="flexbox" id="f5">[OldText][NewText]</div>
+    <div class="flexbox" id="f6">[OldText][NewText]  </div>
+    <div class="flexbox" id="f7">[OldText]  [NewText]</div>
+    <div class="flexbox" id="f8">[NewText]  [OldText]</div>
+    <div class="flexbox" id="f9">  [NewText][OldText]</div>
+    <div class="flexbox" id="f10">[OldText][NewText]  </div>
+    <div class="flexbox" id="f11">[OldText]  [NewText]</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundText-1.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-1.xhtml
new file mode 100644
index 0000000000..37f63136a7
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-1.xhtml
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & text) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function tweak() {
+        // Just inserting whitespace
+        // -------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f0");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f1");
+
+        // Inserting text or text with whitespace
+        // --------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"),   0, "f2");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]  "), 0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  [NewText]"), 0, "f4");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"),   1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]  "), 1, "f6");
+        insertNodeAtPosnInElem(document.createTextNode("  [NewText]"), 1, "f7");
+
+        // Same as the whitespace cases immediately above, but now with separate
+        // text nodes for the whitespace vs. the text
+        insertNodeAtPosnInElem(document.createTextNode("  "),        0, "f8");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f8");
+
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("  "),        0, "f9");
+
+        insertNodeAtPosnInElem(document.createTextNode("  "),        1, "f10");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f10");
+
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f11");
+        insertNodeAtPosnInElem(document.createTextNode("  "),        1, "f11");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0">[OldText]</div>
+    <div class="flexbox" id="f1">[OldText]</div>
+    <div class="flexbox" id="f2">[OldText]</div>
+    <div class="flexbox" id="f3">[OldText]</div>
+    <div class="flexbox" id="f4">[OldText]</div>
+    <div class="flexbox" id="f5">[OldText]</div>
+    <div class="flexbox" id="f6">[OldText]</div>
+    <div class="flexbox" id="f7">[OldText]</div>
+    <div class="flexbox" id="f8">[OldText]</div>
+    <div class="flexbox" id="f9">[OldText]</div>
+    <div class="flexbox" id="f10">[OldText]</div>
+    <div class="flexbox" id="f11">[OldText]</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundText-2-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-2-ref.xhtml
new file mode 100644
index 0000000000..7e3468b1f3
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-2-ref.xhtml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is like its textcase, but with the testcase's dynamic
+     modifications already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body {
+        font-size: 10px;
+      }
+
+      div.inserted {
+        background: teal; /* To make inserted div elements stand out. */
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" id="f8"><div class="inserted">[NewDiv]</div>[OldText]</div>
+    <div class="flexbox" id="f9">[OldText]<div class="inserted">[NewDiv]</div></div>
+    <div class="flexbox" id="f10"><div class="inserted">[NewDiv]</div>  [OldText]</div>
+    <div class="flexbox" id="f11">  <div class="inserted">[NewDiv]</div>[OldText]</div>
+    <div class="flexbox" id="f12">[OldText]<div class="inserted">[NewDiv]</div>  </div>
+    <div class="flexbox" id="f13">[OldText]  <div class="inserted">[NewDiv]</div></div>
+    <div class="flexbox" id="f14"><div class="inserted">[NewDiv]</div>[NewText][OldText]</div>
+    <div class="flexbox" id="f15">[NewText]<div class="inserted">[NewDiv]</div>[OldText]</div>
+    <div class="flexbox" id="f16">[OldText]<div class="inserted">[NewDiv]</div>[NewText]</div>
+    <div class="flexbox" id="f17">[OldText][NewText]<div class="inserted">[NewDiv]</div></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundText-2.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-2.xhtml
new file mode 100644
index 0000000000..b907af8b57
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-2.xhtml
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & divs) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body {
+        font-size: 10px;
+      }
+
+      div.inserted {
+        background: teal; /* To make inserted div elements stand out. */
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function createDivElem() {
+        var div = document.createElement("div");
+        div.setAttribute("class", "inserted");
+        div.appendChild(document.createTextNode("[NewDiv]"));
+        return div;
+      }
+
+      function tweak() {
+        // Inserting div, adjacent to inline content
+        // -----------------------------------------
+        insertNodeAtPosnInElem(createDivElem(), 0, "f0");
+        insertNodeAtPosnInElem(createDivElem(), 1, "f1");
+
+        // Inserting div and whitespace, before inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f2");
+        insertNodeAtPosnInElem(createDivElem(),               0, "f2");
+
+        insertNodeAtPosnInElem(createDivElem(),               0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f3");
+
+        // Inserting div and whitespace, after inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f4");
+        insertNodeAtPosnInElem(createDivElem(),               1, "f4");
+
+        insertNodeAtPosnInElem(createDivElem(),               1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f5");
+
+        // Inserting div and text, before inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f6");
+        insertNodeAtPosnInElem(createDivElem(),                      0, "f6");
+
+        insertNodeAtPosnInElem(createDivElem(),                      0, "f7");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f7");
+
+        // Inserting div and text, after inline content
+        // ---------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f8");
+        insertNodeAtPosnInElem(createDivElem(),                      1, "f8");
+
+        insertNodeAtPosnInElem(createDivElem(),                      1, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f9");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0">[OldText]</div>
+    <div class="flexbox" id="f1">[OldText]</div>
+    <div class="flexbox" id="f2">[OldText]</div>
+    <div class="flexbox" id="f3">[OldText]</div>
+    <div class="flexbox" id="f4">[OldText]</div>
+    <div class="flexbox" id="f5">[OldText]</div>
+    <div class="flexbox" id="f6">[OldText]</div>
+    <div class="flexbox" id="f7">[OldText]</div>
+    <div class="flexbox" id="f8">[OldText]</div>
+    <div class="flexbox" id="f9">[OldText]</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundText-3-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-3-ref.xhtml
new file mode 100644
index 0000000000..45d357ab87
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-3-ref.xhtml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is like its textcase, but with the testcase's dynamic
+     modifications already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body {
+        font-size: 10px;
+      }
+
+      span.inserted {
+        background: teal; /* To make inserted span elements stand out. */
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><span class="inserted">[NewSpan]</span>[OldText]</div>
+    <div class="flexbox" id="f1">[OldText]<span class="inserted">[NewSpan]</span></div>
+    <div class="flexbox" id="f2"><span class="inserted">[NewSpan]</span>  [OldText]</div>
+    <div class="flexbox" id="f3">  <span class="inserted">[NewSpan]</span>[OldText]</div>
+    <div class="flexbox" id="f4">[OldText]<span class="inserted">[NewSpan]</span>  </div>
+    <div class="flexbox" id="f5">[OldText]  <span class="inserted">[NewSpan]</span></div>
+    <div class="flexbox" id="f6"><span class="inserted">[NewSpan]</span>[NewText][OldText]</div>
+    <div class="flexbox" id="f7">[NewText]<span class="inserted">[NewSpan]</span>[OldText]</div>
+    <div class="flexbox" id="f8">[OldText]<span class="inserted">[NewSpan]</span>[NewText]</div>
+    <div class="flexbox" id="f9">[OldText][NewText]<span class="inserted">[NewSpan]</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertAroundText-3.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-3.xhtml
new file mode 100644
index 0000000000..eca09eb851
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertAroundText-3.xhtml
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we reconstruct frames as necessary, after content
+     (including whitespace & spans) is dynamically inserted as a child of a
+     flexbox.  (Note that in cases where we know the whitespace is going to be
+     dropped, we don't bother reconstructing frames. This test is to be sure we
+     aren't overzealous with that optimization.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body {
+        font-size: 10px;
+      }
+
+      span.inserted {
+        background: teal; /* To make inserted span elements stand out. */
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function createSpanElem() {
+        var span = document.createElement("span");
+        span.setAttribute("class", "inserted");
+        span.appendChild(document.createTextNode("[NewSpan]"));
+        return span;
+      }
+
+      function tweak() {
+        // Inserting span, on either side of existing content
+        // --------------------------------------------------
+        insertNodeAtPosnInElem(createSpanElem(), 0, "f0");
+        insertNodeAtPosnInElem(createSpanElem(), 1, "f1");
+
+        // Inserting span and whitespace, before existing content
+        // ------------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f2");
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f2");
+
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f3");
+
+        // Inserting span and whitespace, after existing content
+        // -----------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f4");
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f4");
+
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f5");
+
+        // Inserting span and text, before existing content
+        // ------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f6");
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f6");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f7");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f7");
+
+        // Inserting span and text, after existing content
+        // -----------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f8");
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f8");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f9");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0">[OldText]</div>
+    <div class="flexbox" id="f1">[OldText]</div>
+    <div class="flexbox" id="f2">[OldText]</div>
+    <div class="flexbox" id="f3">[OldText]</div>
+    <div class="flexbox" id="f4">[OldText]</div>
+    <div class="flexbox" id="f5">[OldText]</div>
+    <div class="flexbox" id="f6">[OldText]</div>
+    <div class="flexbox" id="f7">[OldText]</div>
+    <div class="flexbox" id="f8">[OldText]</div>
+    <div class="flexbox" id="f9">[OldText]</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1-ref.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1-ref.xhtml
new file mode 100644
index 0000000000..0c0f9b5baa
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1-ref.xhtml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is like its textcase, but with the testcase's dynamic
+     modifications already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      <!-- to make inserted span elements stand out -->
+      span {
+        background: teal;
+        padding: 3px;
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" id="f0"><span/>[orig]</div>
+    <div class="flexbox" id="f1">[orig]<span/></div>
+    <div class="flexbox" id="f2"><span/>  [orig]</div>
+    <div class="flexbox" id="f3">  <span/>[orig]</div>
+    <div class="flexbox" id="f4">[orig]<span/>  </div>
+    <div class="flexbox" id="f5">[orig]  <span/></div>
+    <div class="flexbox" id="f6"><span/>[NewText][orig]</div>
+    <div class="flexbox" id="f7">[NewText]<span/>[orig]</div>
+    <div class="flexbox" id="f8">[orig]<span/>[NewText]</div>
+    <div class="flexbox" id="f9">[orig][NewText]<span/></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1.xhtml b/layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1.xhtml
new file mode 100644
index 0000000000..9bcd133529
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1.xhtml
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test is a variant of flexbox-dyn-insertAroundText-3.xhtml with the
+     inserted spans being empty & having padding. This triggered invalidation
+     issues with an older work-in-progress patch, so I'm adding this reftest to
+     track that issue & prevent it from regressing.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      body { font-size: 10px; }
+
+      <!-- to make inserted span elements stand out -->
+      span {
+        background: teal;
+        padding: 3px;
+      }
+
+      div.flexbox {
+        border: 1px dashed blue;
+        width: 300px;
+        display: flex;
+        justify-content: space-around;
+        margin-bottom: 1px;
+        white-space: pre;
+      }
+    </style>
+    <script>
+      function insertNodeAtPosnInElem(aNodeToInsert, aPosn, aParentId) {
+        var parent = document.getElementById(aParentId);
+        var insertBeforeTarget = parent.firstChild;
+        for (var i = 0; i &lt; aPosn; i++) {
+          insertBeforeTarget = insertBeforeTarget.nextSibling;
+        }
+        parent.insertBefore(aNodeToInsert, insertBeforeTarget);
+      }
+
+      function createSpanElem() {
+        return document.createElement("span");
+      }
+
+      function tweak() {
+        // Inserting span, on either side of existing content
+        // --------------------------------------------------
+        insertNodeAtPosnInElem(createSpanElem(), 0, "f0");
+        insertNodeAtPosnInElem(createSpanElem(), 1, "f1");
+
+        // Inserting span and whitespace, before existing content
+        // ------------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f2");
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f2");
+
+        insertNodeAtPosnInElem(createSpanElem(),              0, "f3");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 0, "f3");
+
+        // Inserting span and whitespace, after existing content
+        // -----------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f4");
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f4");
+
+        insertNodeAtPosnInElem(createSpanElem(),              1, "f5");
+        insertNodeAtPosnInElem(document.createTextNode("  "), 1, "f5");
+
+        // Inserting span and text, before existing content
+        // ------------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f6");
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f6");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     0, "f7");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 0, "f7");
+
+        // Inserting span and text, after existing content
+        // -----------------------------------------------
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f8");
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f8");
+
+        insertNodeAtPosnInElem(createSpanElem(),                     1, "f9");
+        insertNodeAtPosnInElem(document.createTextNode("[NewText]"), 1, "f9");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <div class="flexbox" id="f0">[orig]</div>
+    <div class="flexbox" id="f1">[orig]</div>
+    <div class="flexbox" id="f2">[orig]</div>
+    <div class="flexbox" id="f3">[orig]</div>
+    <div class="flexbox" id="f4">[orig]</div>
+    <div class="flexbox" id="f5">[orig]</div>
+    <div class="flexbox" id="f6">[orig]</div>
+    <div class="flexbox" id="f7">[orig]</div>
+    <div class="flexbox" id="f8">[orig]</div>
+    <div class="flexbox" id="f9">[orig]</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-empty-1-ref.xhtml b/layout/reftests/flexbox/flexbox-empty-1-ref.xhtml
new file mode 100644
index 0000000000..78810b1ce6
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-empty-1-ref.xhtml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for behavior of flex containers that have no children -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        border: 1px dotted blue;
+        background: yellow;
+      }
+
+      div.withPadding {
+        padding: 2px 3px 4px 5px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox"/>
+    <div class="flexbox" style="width: 5px"/>
+    <div class="flexbox" style="width: -moz-available"/>
+    <div class="flexbox" style="width: max-content"/>
+    <div class="flexbox" style="width: min-content"/>
+    <div class="flexbox" style="height: 6px"/>
+    <div class="flexbox" style="width: 7px; height: 8px"/>
+
+    <!-- now with padding -->
+    <div class="flexbox withPadding"/>
+    <div class="flexbox withPadding" style="width: 5px"/>
+    <div class="flexbox withPadding" style="width: -moz-available"/>
+    <div class="flexbox withPadding" style="width: max-content"/>
+    <div class="flexbox withPadding" style="width: min-content"/>
+    <div class="flexbox withPadding" style="height: 6px"/>
+    <div class="flexbox withPadding" style="width: 7px; height: 8px"/>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-empty-1a.xhtml b/layout/reftests/flexbox/flexbox-empty-1a.xhtml
new file mode 100644
index 0000000000..b0b578b165
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-empty-1a.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase for behavior of flex containers that have no children -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        border: 1px dotted blue;
+        background: yellow;
+        display: flex;
+      }
+
+      div.withPadding {
+        padding: 2px 3px 4px 5px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox"/>
+    <div class="flexbox" style="width: 5px"/>
+    <div class="flexbox" style="width: -moz-available"/>
+    <div class="flexbox" style="width: max-content"/>
+    <div class="flexbox" style="width: min-content"/>
+    <div class="flexbox" style="height: 6px"/>
+    <div class="flexbox" style="width: 7px; height: 8px"/>
+
+    <!-- now with padding -->
+    <div class="flexbox withPadding"/>
+    <div class="flexbox withPadding" style="width: 5px"/>
+    <div class="flexbox withPadding" style="width: -moz-available"/>
+    <div class="flexbox withPadding" style="width: max-content"/>
+    <div class="flexbox withPadding" style="width: min-content"/>
+    <div class="flexbox withPadding" style="height: 6px"/>
+    <div class="flexbox withPadding" style="width: 7px; height: 8px"/>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-empty-1b.xhtml b/layout/reftests/flexbox/flexbox-empty-1b.xhtml
new file mode 100644
index 0000000000..c64f236d43
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-empty-1b.xhtml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase for behavior of flex containers that have no children.  This
+     testcase differs from the "1a" variant in that it's got a single space
+     inside each flex container (which should be ignored, since the flexbox
+     spec says we shouldn't create a flex item for an entirely-whitespace run
+     of inline content).
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        border: 1px dotted blue;
+        background: yellow;
+        display: flex;
+      }
+
+      div.withPadding {
+        padding: 2px 3px 4px 5px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">  </div>
+    <div class="flexbox" style="width: 5px"> </div>
+    <div class="flexbox" style="width: -moz-available"> </div>
+    <div class="flexbox" style="width: max-content"> </div>
+    <div class="flexbox" style="width: min-content"> </div>
+    <div class="flexbox" style="height: 6px"> </div>
+    <div class="flexbox" style="width: 7px; height: 8px"> </div>
+
+    <!-- now with padding -->
+    <div class="flexbox withPadding"> </div>
+    <div class="flexbox withPadding" style="width: 5px"> </div>
+    <div class="flexbox withPadding" style="width: -moz-available"> </div>
+    <div class="flexbox withPadding" style="width: max-content"> </div>
+    <div class="flexbox withPadding" style="width: min-content"> </div>
+    <div class="flexbox withPadding" style="height: 6px"> </div>
+    <div class="flexbox withPadding" style="width: 7px; height: 8px"> </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001-ref.html b/layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001-ref.html
new file mode 100644
index 0000000000..8a302da771
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Synthesized flex container baseline.</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1313811">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+.ib {
+  display: inline-block;
+}
+.ig {
+  display: inline-grid;
+}
+.ib, .ig {
+  border-style: solid;
+  border-width: 3px 1px 5px 1px;
+  padding: 7px 10px 3px 8px;
+  margin: 5px 3px 2px 1px;
+}
+</style>
+
+</head><body>
+
+<pre>Inline-level context:</pre>
+Flexbox:<div class="ib"></div>
+Block:<div class="ig"></div>
+
+<pre>Grid-level context:</pre>
+<div style="display:inline-grid; grid-auto-flow:column; align-items:baseline; justify-items:start">
+Flexbox:<div class="ib"></div>
+Block:<div class="ig"></div>
+</div>
+
+<pre>Flexbox-level context:</pre>
+<div style="display:inline-flex; align-items:baseline; justify-items:start">
+Flexbox:<div class="ib" style="margin-bottom:0"></div>
+Block:<div class="ig"></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001.html b/layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001.html
new file mode 100644
index 0000000000..5f58b18ecc
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-empty-container-synthesized-baseline-001.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Synthesized flex container baseline.</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1313811">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-baselines">
+  <link rel="match" href="flexbox-empty-container-synthesized-baseline-001.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+.ib {
+  display: inline-block;
+}
+.if {
+  display: inline-flex;
+}
+.ib, .if {
+  border-style: solid;
+  border-width: 3px 1px 5px 1px;
+  padding: 7px 10px 3px 8px;
+  margin: 5px 3px 2px 1px;
+}
+</style>
+
+</head><body>
+
+<pre>Inline-level context:</pre>
+Flexbox:<div class="if"></div>
+Block:<div class="ib"></div>
+
+<pre>Grid-level context:</pre>
+<div style="display:inline-grid; grid-auto-flow:column; align-items:baseline; justify-items:start">
+Flexbox:<div class="if"></div>
+Block:<div class="ib" style="margin-bottom:0"></div>
+</div>
+
+<pre>Flexbox-level context:</pre>
+<div style="display:inline-flex; align-items:baseline; justify-items:start">
+Flexbox:<div class="if"></div>
+Block:<div class="ib" style="margin-bottom:0"></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/flexbox/flexbox-float-1-ref.xhtml b/layout/reftests/flexbox/flexbox-float-1-ref.xhtml
new file mode 100644
index 0000000000..1fd86bafd4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-1-ref.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        display: flex;
+        width: 400px;
+        margin-bottom: 2px;
+        font-family: sans-serif;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      aaa<div>[[[</div>bbb
+    </div>
+    <div class="flexbox">
+      aaa<div>]]]</div>bbb
+    </div>
+    <div class="flexbox">
+      aaa<div>[[[</div>
+    </div>
+    <div class="flexbox">
+      aaa<div>]]]</div>
+    </div>
+    <div class="flexbox">
+      <div>[[[</div>bbb
+    </div>
+    <div class="flexbox">
+      <div>]]]</div>bbb
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-float-1a.xhtml b/layout/reftests/flexbox/flexbox-float-1a.xhtml
new file mode 100644
index 0000000000..e5c336b465
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-1a.xhtml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that 'float' on a direct child of a flexbox won't
+     actually cause it to be floated.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        display: flex;
+        width: 400px;
+        margin-bottom: 2px;
+        font-family: sans-serif;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- These cases have a span as a direct child of the flexbox. The span
+         should become display:block (and hence form its own flex item),
+         but it shouldn't actually float.
+      -->
+    <div class="flexbox">
+      aaa<span style="float: left">[[[</span>bbb
+    </div>
+    <div class="flexbox">
+      aaa<span style="float: right">]]]</span>bbb
+    </div>
+    <div class="flexbox">
+      aaa<span style="float: left">[[[</span>
+    </div>
+    <div class="flexbox">
+      aaa<span style="float: right">]]]</span>
+    </div>
+    <div class="flexbox">
+      <span style="float: left">[[[</span>bbb
+    </div>
+    <div class="flexbox">
+      <span style="float: right">]]]</span>bbb
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-float-1b.xhtml b/layout/reftests/flexbox/flexbox-float-1b.xhtml
new file mode 100644
index 0000000000..d00b5304ee
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-1b.xhtml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test is like flexbox-float-1a.xhtml, but with the float-styled
+     element already being a block. (Should render the same.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        display: flex;
+        width: 400px;
+        margin-bottom: 2px;
+        font-family: sans-serif;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      aaa<div style="float: left">[[[</div>bbb
+    </div>
+    <div class="flexbox">
+      aaa<div style="float: right">]]]</div>bbb
+    </div>
+    <div class="flexbox">
+      aaa<div style="float: left">[[[</div>
+    </div>
+    <div class="flexbox">
+      aaa<div style="float: right">]]]</div>
+    </div>
+    <div class="flexbox">
+      <div style="float: left">[[[</div>bbb
+    </div>
+    <div class="flexbox">
+      <div style="float: right">]]]</div>bbb
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-float-1c.xhtml b/layout/reftests/flexbox/flexbox-float-1c.xhtml
new file mode 100644
index 0000000000..e906358131
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-1c.xhtml
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test is like flexbox-float-1a.xhtml, but with the float-styled
+     element dynamically inserted.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <script>
+      function generateFloat(aFloatDirection) {
+        var newElem = document.createElement("span");
+        newElem.setAttribute("style", "float: " + aFloatDirection);
+        newElem.innerHTML = aFloatDirection == "left" ? "[[[" : "]]]";
+        return newElem;
+      }
+
+      function tweak() {
+        var containerList = document.getElementsByClassName("flexbox");
+        for (var i = 0; i &lt; containerList.length; i++) {
+          var container = containerList[i];
+          var newElem = generateFloat(container.getAttribute("floatValToUse"));
+
+          var nodeToInsertBefore;
+          var insertPosn = container.getAttribute("insertPosn");
+          if (insertPosn == "begin") {
+            nodeToInsertBefore = container.firstChild;
+          } else if (insertPosn == "mid") {
+            nodeToInsertBefore = container.firstChild.nextSibling;
+          } else if (insertPosn == "end") {
+            nodeToInsertBefore = null;
+          }
+
+          container.insertBefore(newElem, nodeToInsertBefore);
+        }
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+    <style>
+      div.flexbox {
+        display: flex;
+        width: 400px;
+        margin-bottom: 2px;
+        font-family: sans-serif;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" floatValToUse="left" insertPosn="mid">
+      aaa<span>bbb</span>
+    </div>
+    <div class="flexbox" floatValToUse="right" insertPosn="mid">
+      aaa<span>bbb</span>
+    </div>
+    <div class="flexbox" floatValToUse="left" insertPosn="end">
+      aaa
+    </div>
+    <div class="flexbox" floatValToUse="right" insertPosn="end">
+      aaa
+    </div>
+    <div class="flexbox" floatValToUse="left" insertPosn="begin">
+      bbb
+    </div>
+    <div class="flexbox" floatValToUse="right" insertPosn="begin">
+      bbb
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-float-1d.xhtml b/layout/reftests/flexbox/flexbox-float-1d.xhtml
new file mode 100644
index 0000000000..4fdc493f12
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-1d.xhtml
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test is like flexbox-float-1b.xhtml, but with the float-styled
+     element dynamically inserted.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <script>
+      function generateFloat(aFloatDirection) {
+        var newElem = document.createElement("div");
+        newElem.setAttribute("style", "float: " + aFloatDirection);
+        newElem.innerHTML = aFloatDirection == "left" ? "[[[" : "]]]";
+        return newElem;
+      }
+
+      function tweak() {
+        var containerList = document.getElementsByClassName("flexbox");
+        for (var i = 0; i &lt; containerList.length; i++) {
+          var container = containerList[i];
+          var newElem = generateFloat(container.getAttribute("floatValToUse"));
+
+          var nodeToInsertBefore;
+          var insertPosn = container.getAttribute("insertPosn");
+          if (insertPosn == "begin") {
+            nodeToInsertBefore = container.firstChild;
+          } else if (insertPosn == "mid") {
+            nodeToInsertBefore = container.firstChild.nextSibling;
+          } else if (insertPosn == "end") {
+            nodeToInsertBefore = null;
+          }
+
+          container.insertBefore(newElem, nodeToInsertBefore);
+        }
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+    <style>
+      div.flexbox {
+        display: flex;
+        width: 400px;
+        margin-bottom: 2px;
+        font-family: sans-serif;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox" floatValToUse="left" insertPosn="mid">
+      aaa<span>bbb</span>
+    </div>
+    <div class="flexbox" floatValToUse="right" insertPosn="mid">
+      aaa<span>bbb</span>
+    </div>
+    <div class="flexbox" floatValToUse="left" insertPosn="end">
+      aaa
+    </div>
+    <div class="flexbox" floatValToUse="right" insertPosn="end">
+      aaa
+    </div>
+    <div class="flexbox" floatValToUse="left" insertPosn="begin">
+      bbb
+    </div>
+    <div class="flexbox" floatValToUse="right" insertPosn="begin">
+      bbb
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-float-2-ref.xhtml b/layout/reftests/flexbox/flexbox-float-2-ref.xhtml
new file mode 100644
index 0000000000..c6270dd49b
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-2-ref.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case uses a div with "text-align: center" in place of a
+     flex container, and has the text "lll" and "rrr" already placed at the
+     target position instead of having it positioned with the "float" property.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        text-align: center;
+        font-family: sans-serif;
+        width: 400px;
+        margin-bottom: 2px;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      lllaaabbb
+    </div>
+    <div class="flexbox">
+      aaabbbrrr
+    </div>
+
+    <div class="flexbox">
+      lllaaabbb
+    </div>
+    <div class="flexbox">
+      aaabbbrrr
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-float-2a.xhtml b/layout/reftests/flexbox/flexbox-float-2a.xhtml
new file mode 100644
index 0000000000..817e3fb2c4
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-2a.xhtml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that 'float' on a grandchild of a flex container _will_
+     cause the element to be floated.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        display: flex;
+        font-family: sans-serif;
+        width: 400px;
+        margin-bottom: 2px;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- These cases have a floated span as a grandchild of the flex container.
+         The span should float within its flex item. -->
+    <div class="flexbox">
+      <span>aaa<span style="float: left">lll</span>bbb</span>
+    </div>
+    <div class="flexbox">
+      <span>aaa<span style="float: right">rrr</span>bbb</span>
+    </div>
+
+    <!-- These cases have a floated div as a grandchild of the flex container.
+         The div should float within its flex item. -->
+    <div class="flexbox">
+      <span>aaa<div style="float: left">lll</div>bbb</span>
+    </div>
+    <div class="flexbox">
+      <span>aaa<div style="float: right">rrr</div>bbb</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-float-2b.xhtml b/layout/reftests/flexbox/flexbox-float-2b.xhtml
new file mode 100644
index 0000000000..29b9355ee6
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-float-2b.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that 'float' on a grandchild of a flex container _will_
+     cause the element to be floated.
+
+     This differs from the "2a" variant in that the flex items are <div>s
+     rather than <span>s (though that shouldn't matter, because <span> as a
+     flex item should become "display:block").
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        display: flex;
+        font-family: sans-serif;
+        width: 400px;
+        margin-bottom: 2px;
+        background: lightgreen;
+        justify-content: space-around;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- These cases have a floated span as a grandchild of the flex container.
+         The span should float within its flex item. -->
+    <div class="flexbox">
+      <div>aaa<span style="float: left">lll</span>bbb</div>
+    </div>
+    <div class="flexbox">
+      <div>aaa<span style="float: right">rrr</span>bbb</div>
+    </div>
+
+    <!-- These cases have a floated div as a grandchild of the flex container.
+         The div should float within its flex item. -->
+    <div class="flexbox">
+      <div>aaa<div style="float: left">lll</div>bbb</div>
+    </div>
+    <div class="flexbox">
+      <div>aaa<div style="float: right">rrr</div>bbb</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1-ref.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1-ref.xhtml
new file mode 100644
index 0000000000..b1008e7cc0
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1-ref.xhtml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Reference case, using a table with fixed-size cells instead of a
+     flex container.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <style>
+      table {
+        font: 10px Ahem;
+        height: 100px;
+        width: 200px;
+      }
+      td { vertical-align: top; }
+      td.a {
+        width: 30px;
+        background: lightgreen;
+      }
+      td.b {
+        width: 50px;
+        background: yellow;
+      }
+      td.inflex {
+        width: 20px;
+        background: gray;
+      }
+    </style>
+  </head>
+  <body>
+    <table cellspacing="0" cellpadding="0">
+      <tr>
+        <td class="a"/>
+        <td>text</td>
+        <td class="b"/>
+        <td><i>italic</i></td>
+        <td class="inflex"></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1a.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1a.xhtml
new file mode 100644
index 0000000000..6146e50522
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1a.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test has static inline content intermixed with flex items,
+     inside a flex container.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <style>
+      div { height: 100px; }
+      div.flexbox {
+        font: 10px Ahem;
+        width: 200px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 20px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 30px;
+        background: yellow;
+      }
+      div.inflex {
+        flex: 0 0 20px;
+        background: gray;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox"
+       ><div class="a"/>text<div class="b"/><i>italic</i
+       ><div class="inflex"/></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1b.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1b.xhtml
new file mode 100644
index 0000000000..933b770707
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-1b.xhtml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test inserts a new div into some inline content in a flex container.
+     That should split the inline content into two flex items.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <script>
+      function tweak() {
+        var flexbox = document.getElementsByClassName("flexbox")[0];
+        var insertionPoint = flexbox.firstChild.nextSibling.nextSibling;
+
+        var newDiv = document.createElement("div");
+        newDiv.setAttribute("class", "b");
+
+        flexbox.insertBefore(newDiv, insertionPoint);
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+    <style>
+      div { height: 100px; }
+      div.flexbox {
+        font: 10px Ahem;
+        width: 200px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 20px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 30px;
+        background: yellow;
+      }
+      div.inflex {
+        flex: 0 0 20px;
+        background: gray;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox"
+       ><div class="a"/>text<i>italic</i
+       ><div class="inflex"/></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-2-ref.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-2-ref.xhtml
new file mode 100644
index 0000000000..d1469e79c9
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-2-ref.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Reference case with a stretch of inline content in a flex container.
+     (The corresponding testcase has a div interrupting the run, which gets
+     removed, hopefully making it look like this reference case.)
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div { height: 100px; }
+      div.flexbox {
+        width: 200px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 20px;
+        background: lightgreen;
+      }
+      div.inflex {
+        flex: 0 0 20px;
+        background: gray;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox"
+       ><div class="a"/>text<i>italic</i
+       ><div class="inflex"/></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-2.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-2.xhtml
new file mode 100644
index 0000000000..bc0b341526
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-2.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test removes a div from the middle of some inline content in a flex
+     container. That should merge the inline content into a single flex item.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <script>
+      function tweak() {
+        var removeMe = document.getElementById("removeMe");
+        removeMe.parentNode.removeChild(removeMe);
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+    <style>
+      div { height: 100px; }
+      div.flexbox {
+        width: 200px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 20px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 30px;
+        background: yellow;
+      }
+      div.inflex {
+        flex: 0 0 20px;
+        background: gray;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox"
+       ><div class="a"/>text<div class="b" id="removeMe"/><i>italic</i
+       ><div class="inflex"/></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3-ref.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3-ref.xhtml
new file mode 100644
index 0000000000..4c28d8d206
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3-ref.xhtml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Reference case, using a block instead of a flexbox.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <style>
+      div#block {
+        width: 100px;
+        font: 10px Ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="block">abc def ghi jkl mno pqr stu</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3a.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3a.xhtml
new file mode 100644
index 0000000000..2b88ce2ae2
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3a.xhtml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test has a run of text in a flex container, for comparison
+     against the "b" & "c" variants of this test (which use dynamic tweaks).
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <style>
+      div#flexbox {
+        width: 100px;
+        display: flex;
+        font: 10px Ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="flexbox">abc def ghi jkl mno pqr stu</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3b.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3b.xhtml
new file mode 100644
index 0000000000..b5d509f18a
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3b.xhtml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test inserts a some inline content in a flex container, just before a
+     stretch of existing inline content. The new content should be incorporated
+     into the same anonymous flex item as the existing content.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <script>
+      function tweak() {
+        var newInlineContent = document.createTextNode("abc def ghi");
+
+        var flexbox = document.getElementById("flexbox");
+        flexbox.insertBefore(newInlineContent, flexbox.firstChild);
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+    <style>
+      div#flexbox {
+        width: 100px;
+        display: flex;
+        font: 10px Ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="flexbox"> jkl mno pqr stu</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3c.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3c.xhtml
new file mode 100644
index 0000000000..d532372a41
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3c.xhtml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test inserts a some inline content in a flex container, just after a
+     stretch of existing inline content. The new content should be incorporated
+     into the same anonymous flex item as the existing content.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <script>
+      function tweak() {
+        var newInlineContent = document.createTextNode("mno pqr stu");
+
+        var flexbox = document.getElementById("flexbox");
+        flexbox.insertBefore(newInlineContent, null);
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+    <style>
+      div#flexbox {
+        width: 100px;
+        display: flex;
+        font: 10px Ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="flexbox">abc def ghi jkl </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-4-ref.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-4-ref.xhtml
new file mode 100644
index 0000000000..cbb99ba9f0
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-4-ref.xhtml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- This reference case simply has text centered within a div. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div {
+        width: 200px;
+        height: 100px;
+        background: lightgreen;
+        text-align: center;
+      }
+    </style>
+  </head>
+  <body>
+    <div>text</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-4.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-4.xhtml
new file mode 100644
index 0000000000..c7a068d572
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-4.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that a flex container which only contains text
+     will render correctly. We use justify-content to position the text
+     in the center of the flex container, as a sanity-check to be sure we
+     are in fact getting a flex container.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+        background: lightgreen;
+        justify-content: center;
+        display: flex;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">text</div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-5-ref.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-5-ref.xhtml
new file mode 100644
index 0000000000..9e51122cad
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-5-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case is the same as the corresponding testcase,
+     but with the dynamic removal already performed.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+        background: lightgreen;
+        justify-content: space-around;
+        display: flex;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">text<div>div</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-inlinecontent-horiz-5.xhtml b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-5.xhtml
new file mode 100644
index 0000000000..8338d1871e
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-inlinecontent-horiz-5.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test removes a run of inline content from a flexbox, which
+     should trigger the removal of its now-empty anonymous flex item.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <script>
+      function tweak() {
+        var removeMe = document.getElementsByClassName("flexbox")[0].lastChild;
+        removeMe.parentNode.removeChild(removeMe);
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+    <style>
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+        background: lightgreen;
+        justify-content: space-around;
+        display: flex;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">text<div>div</div>
+      REMOVE ME
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1-ref.xhtml b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1-ref.xhtml
new file mode 100644
index 0000000000..2e228fd11a
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1-ref.xhtml
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Reference case - see documentation in corresponding testcase.
+     This reference uses blocks where the testcase uses flexboxes.
+     They should be sized the same, since they're basically just text
+     with no special flex sizing properties in play.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <style>
+      table {
+        width: 300px;
+        font: 10px Ahem;
+        margin-bottom: 2px;
+        border: 1px dashed black;
+      }
+
+      div.a { background: lightgreen; }
+      div.b { background: lightblue;  }
+
+      <!-- helper-classes for assigning pref / min / auto-width to our divs -->
+      div.prefWidth {
+        width: max-content;
+      }
+      div.minWidth {
+        width: min-content;
+      }
+      div.autoWidth {
+        width: auto;
+      }
+  </style>
+</head>
+<body>
+  <!-- both auto width -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b autoWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+
+   <!-- MIXING MIN WIDTH & AUTO -->
+   <!-- both min width -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b minWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- min,auto -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b autoWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- auto,min -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b minWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+
+   <!-- MIXING PREF WIDTH & AUTO -->
+   <!-- both prefWidth (NOTE: makes the table larger than it wants to be -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b prefWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- pref,auto -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b autoWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- auto,pref -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b prefWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+
+   <!-- MIXING PREF WIDTH & MIN WIDTH -->
+   <!-- min,pref -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b prefWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- pref,min -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b minWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1a.xhtml b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1a.xhtml
new file mode 100644
index 0000000000..dc1ae6f434
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1a.xhtml
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test has a number of tables, each with 2 flexboxes side-by-side,
+     whose "width" values depend on the flexbox's min and/or pref widths.
+
+     There's not enough space for both flexboxes to fit side-by-side, so their
+     width preferences must be balanced This exercises
+     nsFlexContainerFrame::GetPrefWidth() & ::GetMinWidth().
+
+     IN EACH CASE, div.a has these intrinsic widths:
+       Pref width: 2*40 + 1*50 + 2*10 = 150px   (2*aaaa + 1*aaaaa + 2*space)
+       Min width: 50px  (width of "aaaaa")
+     and div.b has these intrinsic widths:
+       Pref width: 5*20 + 3*10 + 7*10 = 200px   (5*bb + 3*b + 7*space)
+       Min width: 20px  (width "bb")
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <style>
+      table {
+        width: 300px;
+        font: 10px Ahem;
+        margin-bottom: 2px;
+        border: 1px dashed black;
+      }
+
+      div.a, div.b { display: flex; }
+
+      div.a { background: lightgreen; }
+      div.b { background: lightblue;  }
+
+      <!-- helper-classes for assigning pref / min / auto-width to our divs -->
+      div.prefWidth {
+        width: max-content;
+      }
+      div.minWidth {
+        width: min-content;
+      }
+      div.autoWidth {
+        width: auto;
+      }
+  </style>
+</head>
+<body>
+  <!-- both auto width -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b autoWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+
+   <!-- MIXING MIN WIDTH & AUTO -->
+   <!-- both min width -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b minWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- min,auto -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b autoWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- auto,min -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b minWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+
+   <!-- MIXING PREF WIDTH & AUTO -->
+   <!-- both prefWidth (NOTE: makes the table larger than it wants to be -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b prefWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- pref,auto -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b autoWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- auto,pref -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b prefWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+
+   <!-- MIXING PREF WIDTH & MIN WIDTH -->
+   <!-- min,pref -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b prefWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+   <!-- pref,min -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth">aaaa aaaa aaaaa</div></td>
+       <td><div class="b minWidth">bb bb b bb bb b bb b</div></td>
+   </tr></table>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1b.xhtml b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1b.xhtml
new file mode 100644
index 0000000000..0d0b1dd34c
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-1b.xhtml
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test has a number of tables, each with 2 flexboxes side-by-side,
+     whose "width" values depend on the flexbox's min and/or pref widths.
+
+     There's not enough space for both flexboxes to fit side-by-side, so their
+     width preferences must be balanced. This exercises
+     nsFlexContainerFrame::GetPrefWidth() & ::GetMinWidth().
+
+     IN EACH CASE, div.a has these intrinsic widths:
+       Pref width: 2*40 + 1*50 + 2*10 = 150px   (2*aaaa + 1*aaaaa + 2*space)
+       Min width: 50px  (width of "aaaaa")
+     and div.b has these intrinsic widths:
+       Pref width: 5*20 + 3*10 + 7*10 = 200px   (5*bb + 3*b + 7*space)
+       Min width: 20px  (width "bb")
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <style>
+      table {
+        width: 300px;
+        font: 10px Ahem;
+        margin-bottom: 2px;
+        border: 1px dashed black;
+      }
+
+      div.a, div.b { display: flex; }
+
+      div.a { background: lightgreen; }
+      div.b { background: lightblue;  }
+
+      <!-- helper-classes for assigning pref / min / auto-width to our divs -->
+      div.prefWidth {
+        width: max-content;
+      }
+      div.minWidth {
+        width: min-content;
+      }
+      div.autoWidth {
+        width: auto;
+      }
+  </style>
+</head>
+<body>
+  <!-- both auto width -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b autoWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+
+   <!-- MIXING MIN WIDTH & AUTO -->
+   <!-- both min width -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b minWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+   <!-- min,auto -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b autoWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+   <!-- auto,min -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b minWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+
+   <!-- MIXING PREF WIDTH & AUTO -->
+   <!-- both prefWidth (NOTE: makes the table larger than it wants to be -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b prefWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+   <!-- pref,auto -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b autoWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+   <!-- auto,pref -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a autoWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b prefWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+
+   <!-- MIXING PREF WIDTH & MIN WIDTH -->
+   <!-- min,pref -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a minWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b prefWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+   <!-- pref,min -->
+   <table cellpadding="0" cellspacing="0"><tr>
+       <td><div class="a prefWidth"><div>aaaa aaaa aaaaa</div></div></td>
+       <td><div class="b minWidth"><div>bb bb b bb bb b bb b</div></div></td>
+   </tr></table>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2-ref.xhtml b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2-ref.xhtml
new file mode 100644
index 0000000000..b71ef35d90
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2-ref.xhtml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This reference case has inline blocks in a div, in place of
+     flex items in a flex container.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { margin: 0; }
+
+      div.flexbox {
+        width: max-content;
+        /* We give the flex container a border and background so we can easily
+         * see how large it is. */
+        border: 2px dotted black;
+        background: lime;
+
+        font-size: 0; /* to prevent whitespace from having an effect */
+      }
+
+      div.wrapper {
+        display: inline-block;
+        border: 5px solid teal;
+        width:  40px;
+        height: 16px;
+      }
+      div.blueBlock {
+        width:  16px;
+        height: 16px;
+        background: rgb(0, 19, 127); /* matches solidblue.png */
+      }
+  </style>
+</head>
+<body>
+  <div class="flexbox">
+    <div class="wrapper"><div class="blueBlock"/></div>
+    <div class="wrapper"><div class="blueBlock"/></div>
+    <div class="wrapper"><div class="blueBlock"/></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2a.xhtml b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2a.xhtml
new file mode 100644
index 0000000000..40d2f68759
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2a.xhtml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test checks how a flexbox sizes itself to shrinkwrap its contents'
+     preferred sizes.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { margin: 0; }
+      div.flexbox {
+        display: flex;
+        width: max-content;
+
+        /* We give the flexbox a border and background so we can easily see how
+         * large it is. */
+        border: 2px dotted black;
+        background: lime;
+      }
+
+      div.imgWrapper {
+        border: 5px solid teal;
+        width: 40px;
+        height: 16px;
+      }
+      img {
+        vertical-align: top;
+      }
+  </style>
+</head>
+<body>
+  <div class="flexbox">
+    <div class="imgWrapper"><img src="solidblue.png"/></div>
+    <div class="imgWrapper"><img src="solidblue.png"/></div>
+    <div class="imgWrapper"><img src="solidblue.png"/></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2b.xhtml b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2b.xhtml
new file mode 100644
index 0000000000..29b3a5dfb5
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2b.xhtml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test is like the -2a variant, but with a <div> instead of an <img>
+     at the deepest level of nesting.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      body { margin: 0; }
+
+      div.flexbox {
+        display: flex;
+        width: max-content;
+
+        /* We give the flex container a border and background so we can easily
+         * see how large it is. */
+        border: 2px dotted black;
+        background: lime;
+      }
+
+      div.wrapper {
+        border: 5px solid teal;
+        width:  40px;
+        height: 16px;
+      }
+      div.blueBlock {
+        width:  16px;
+        height: 16px;
+        background: rgb(0, 19, 127); /* matches solidblue.png */
+      }
+  </style>
+</head>
+<body>
+  <div class="flexbox">
+    <div class="wrapper"><div class="blueBlock"/></div>
+    <div class="wrapper"><div class="blueBlock"/></div>
+    <div class="wrapper"><div class="blueBlock"/></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-invalidation-1-ref.html b/layout/reftests/flexbox/flexbox-invalidation-1-ref.html
new file mode 100644
index 0000000000..a9481b0a78
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-invalidation-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    Reference case, with testcase's dynamic tweak already performed.
+-->
+<html>
+  <head>
+    <style>
+      div#outer { margin-left: 40px }
+
+      div#flexContainer {
+        width: 100px;
+        height: 50px;
+        background: lightgray;
+        display: flex;
+        justify-content: center;
+      }
+
+      div#flexItem {
+        border: 1px solid black;
+        height: 200%;
+        background: purple;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="outer">
+      <div id="flexContainer">
+        <div id="flexItem">item</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-invalidation-1.html b/layout/reftests/flexbox/flexbox-invalidation-1.html
new file mode 100644
index 0000000000..70d8020bc1
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-invalidation-1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that we include our children's overflow areas in the
+     flex container's overflow area -- invalidating their old location and new
+     location when the flex container is moved, even if they stick outside the
+     flex container.
+-->
+<html class="reftest-wait">
+  <head>
+    <script>
+      function tweak() {
+        var outer = document.getElementById("outer");
+        outer.style.marginLeft = "40px";
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak);
+    </script>
+    <style>
+      div#flexContainer {
+        width: 100px;
+        height: 50px;
+        background: lightgray;
+        display: flex;
+        justify-content: center;
+      }
+
+      div#flexItem {
+        border: 1px solid black;
+        height: 200%;
+        background: purple;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="outer">
+      <div id="flexContainer">
+        <div id="flexItem">item</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001-ref.html b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001-ref.html
new file mode 100644
index 0000000000..60b0b9955a
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: dynamic change .left on abs.pos. item w. align-self:center</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.flexbox {
+  display: flex;
+  position: relative;
+  height: 100px;
+}
+
+#item {
+  background: grey;
+  position: relative;
+  align-self: center;
+  left: 20px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="flexbox">
+  <div id="item">X</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001.html b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001.html
new file mode 100644
index 0000000000..9c7b3b4087
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-001.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Flexbox Test: dynamic change .left on abs.pos. item w. align-self:center</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="flexbox-item-align-self-dynamic-pos-001-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.flexbox {
+  display: flex;
+  position: relative;
+  height: 100px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: center;
+  left: 10px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="flexbox">
+  <div id="item">X</div>
+</div>
+
+<script>
+  document.body.offsetLeft;
+  var items = Array.prototype.slice.call(document.querySelectorAll('#item'));
+  items.map(item =>  item.style.left = "20px");
+  document.body.offsetLeft;
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002-ref.html b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002-ref.html
new file mode 100644
index 0000000000..13b3b95021
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>Reference: dynamic change .left on abs.pos. item w. align-self:end</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.flexbox {
+  display: flex;
+  position: relative;
+  height: 100px;
+}
+
+#item {
+  background: grey;
+  position: relative;
+  align-self: end;
+  left: 20px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="flexbox">
+  <div id="item">X</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002.html b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002.html
new file mode 100644
index 0000000000..405ea1b236
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-item-align-self-dynamic-pos-002.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <title>CSS Flexbox Test: dynamic change .left on abs.pos. item w. align-self:end</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1405319">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="flexbox-item-align-self-dynamic-pos-002-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.flexbox {
+  display: flex;
+  height: 100px;
+}
+
+#item {
+  background: grey;
+  position: absolute;
+  align-self: end;
+  left: 10px;
+}
+
+</style>
+</head>
+<body>
+
+<div class="flexbox">
+  <div id="item">X</div>
+</div>
+
+<script>
+  document.body.offsetLeft;
+  var items = Array.prototype.slice.call(document.querySelectorAll('#item'));
+  items.map(item =>  item.style.left = "20px");
+  document.body.offsetLeft;
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1-ref.html b/layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1-ref.html
new file mode 100644
index 0000000000..eb79ba48c5
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Reference Case</title>
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      flex-direction: row;
+    }
+    .container > * {
+      writing-mode: vertical-lr;
+      border: 1px solid black;
+    }
+    .itemA {
+      background: purple;
+    }
+    .itemB {
+      background: teal;
+    }
+    .itemC {
+      background: blue;
+    }
+    .itemD {
+      background: yellow;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA">itemA</div>
+    <div class="itemB">itemB</div>
+    <div class="itemC">itemC</div>
+    <div class="itemD">itemD</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1.html b/layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1.html
new file mode 100644
index 0000000000..ff3cef0d68
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a horizonal flex container with keywords on min-width</title>
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      flex-direction: row;
+    }
+    .container > * {
+      writing-mode: vertical-lr;
+      border: 1px solid black;
+      flex-basis: 0;
+    }
+    .itemA {
+      background: purple;
+      min-width: -moz-max-content;
+      min-width: max-content;
+    }
+    .itemB {
+      background: teal;
+      min-width: -moz-min-content;
+      min-width: min-content;
+    }
+    .itemC {
+      background: blue;
+      min-width: -moz-fit-content;
+      min-width: fit-content;
+    }
+    .itemD {
+      background: yellow;
+      min-width: -moz-available;
+      min-width: -webkit-fill-available;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA">itemA</div>
+    <div class="itemB">itemB</div>
+    <div class="itemC">itemC</div>
+    <div class="itemD">itemD</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1-ref.html b/layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1-ref.html
new file mode 100644
index 0000000000..7593db06f7
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Reference Case</title>
+  <meta charset="utf-8">
+  <style>
+    .container {
+      width: -moz-fit-content;
+    }
+    .container > * {
+      border: 1px solid black;
+    }
+    .itemA {
+      background: purple;
+    }
+    .itemB {
+      background: teal;
+    }
+    .itemC {
+      background: blue;
+    }
+    .itemD {
+      background: yellow;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA">itemA</div>
+    <div class="itemB">itemB</div>
+    <div class="itemC">itemC</div>
+    <div class="itemD">itemD</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1.html b/layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1.html
new file mode 100644
index 0000000000..5ebeb0d404
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Test: Testing a vertical flex container with keywords on min-height</title>
+  <meta charset="utf-8">
+  <style>
+    .container {
+      display: flex;
+      width: -moz-fit-content;
+      width: fit-content;
+      flex-direction: column;
+    }
+    .container > * {
+      border: 1px solid black;
+      flex-basis: 0;
+    }
+    .itemA {
+      background: purple;
+      min-height: -moz-max-content;
+      min-height: max-content;
+    }
+    .itemB {
+      background: teal;
+      min-height: -moz-min-content;
+      min-height: min-content;
+    }
+    .itemC {
+      background: blue;
+      min-height: -moz-fit-content;
+      min-height: fit-content;
+    }
+    .itemD {
+      background: yellow;
+      min-height: -moz-available;
+      min-height: -webkit-fill-available;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="itemA">itemA</div>
+    <div class="itemB">itemB</div>
+    <div class="itemC">itemC</div>
+    <div class="itemD">itemD</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-1-ref.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-1-ref.xhtml
new file mode 100644
index 0000000000..02a2a90cdf
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-1-ref.xhtml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for absolutely positioned children of a flex container. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .abspos {
+        position: absolute;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+      }
+      div.a {
+        width: 100%;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 100%;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+      }
+      div.inflex {
+        width: 20px;
+        height: 100px;
+        background: gray;
+        display: inline-block;
+      }
+      div.noFlexFn {
+        width: 15px;
+        height: 15px;
+        background: teal;
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child abspos: -->
+      <div class="flexbox"
+           ><div class="a abspos" style="width: 30px"/><div class="b"/></div>
+      <!-- Second child abspos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="b abspos" style="width: 20px"/></div>
+      <!-- Middle child abspos: -->
+      <div class="flexbox"
+           ><div class="a" style="width: 80px"
+          /><div class="inflex abspos"
+          /><div class="b" style="width: 120px"/></div>
+      <!-- Third child abspos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox"
+           ><div class="inflex" style="margin-left: 15px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="noFlexFn abspos"
+          /><div class="inflex" style="margin-left: 30px"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-1.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-1.xhtml
new file mode 100644
index 0000000000..aa89dd714c
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-1.xhtml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with absolutely positioned children of a flex container.
+     This positioning is with respect to the containing block's left edge.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .abspos {
+        position: absolute;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 auto;
+        width: 30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 auto;
+        width: 20px;
+        height: 100px;
+        background: yellow;
+      }
+      div.inflex {
+        flex: none;
+        width: 20px;
+        height: 100px;
+        background: gray;
+      }
+      div.noFlexFn {
+        width: 15px;
+        height: 15px;
+        background: teal;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child abspos: -->
+      <div class="flexbox"><div class="a abspos"/><div class="b"/></div>
+      <!-- Second child abspos: -->
+      <div class="flexbox"><div class="a"/><div class="b abspos"/></div>
+      <!-- Middle child abspos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="inflex abspos"/><div class="b"/></div>
+      <!-- Third child abspos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox" style="justify-content: space-around"
+           ><div class="inflex"/><div class="inflex"/><div class="inflex"
+          /><div class="noFlexFn abspos"/><div class="inflex"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-2-ref.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-2-ref.xhtml
new file mode 100644
index 0000000000..00ebecc30f
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-2-ref.xhtml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for absolutely positioned children of a flex container. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .abspos {
+        position: absolute;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+      }
+      div.a {
+        width: 100%;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 100%;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+      }
+      div.inflex {
+        width: 20px;
+        height: 100px;
+        background: gray;
+        display: inline-block;
+      }
+      div.noFlexFn {
+        width: 16px;
+        height: 16px;
+        background: teal;
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child abspos: -->
+      <div class="flexbox"
+           ><div class="a abspos" style="width: 30px"/><div class="b"/></div>
+      <!-- Second child abspos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="b abspos"
+                                 style="width: 20px; left: 0"/></div>
+      <!-- Middle child abspos: -->
+      <div class="flexbox"
+           ><div class="a" style="width: 80px"
+          /><div class="inflex abspos" style="left: 0"
+          /><div class="b" style="width: 120px"/></div>
+      <!-- Third child abspos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox"
+           ><div class="inflex" style="margin-left: 15px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="noFlexFn abspos" style="left: 90px"
+          /><div class="inflex" style="margin-left: 30px"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-2.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-2.xhtml
new file mode 100644
index 0000000000..613c57cde5
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-2.xhtml
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with absolutely positioned children of a flex container.
+     In this testcase, we simply specify "position: absolute" without
+     actually doing any positioning, to test the "static position" of these
+     children.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .abspos {
+        position: absolute;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 auto;
+        width: 30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 auto;
+        width: 20px;
+        height: 100px;
+        background: yellow;
+      }
+      div.inflex {
+        flex: none;
+        width: 20px;
+        height: 100px;
+        background: gray;
+      }
+      div.noFlexFn {
+        width: 16px;
+        height: 16px;
+        background: teal;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child abspos: -->
+      <div class="flexbox"><div class="a abspos"/><div class="b"/></div>
+      <!-- Second child abspos: -->
+      <div class="flexbox"><div class="a"/><div class="b abspos"/></div>
+      <!-- Middle child abspos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="inflex abspos"/><div class="b"/></div>
+      <!-- Third child abspos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox" style="justify-content: space-around"
+           ><div class="inflex"/><div class="inflex"/><div class="inflex"
+          /><div class="noFlexFn abspos"/><div class="inflex"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-3-ref.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-3-ref.xhtml
new file mode 100644
index 0000000000..9bafa1506a
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-3-ref.xhtml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for absolutely positioned flex container. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        position: absolute;
+        border: 1px solid black;
+      }
+      div.a {
+        width: 80px;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 120px;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"><div class="a"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-3.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-3.xhtml
new file mode 100644
index 0000000000..21b8730c4b
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-3.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with absolutely positioned flex container.
+     This positioning is with respect to the containing block's left edge.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        display: flex;
+        position: absolute;
+        border: 1px solid black;
+      }
+      div.a {
+        flex: 1 0 30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 20px;
+        height: 100px;
+        background: yellow;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"><div class="a"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-4-ref.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-4-ref.xhtml
new file mode 100644
index 0000000000..4c675fa8ee
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-4-ref.xhtml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for absolutely positioned flex container & children. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .abspos {
+        position: absolute;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        position: absolute;
+        border: 1px solid black;
+      }
+      div.a {
+        width: 30px;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 100%;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"
+           ><div class="a abspos"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-absolute-4.xhtml b/layout/reftests/flexbox/flexbox-position-absolute-4.xhtml
new file mode 100644
index 0000000000..67974fcf67
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-absolute-4.xhtml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with absolutely positioned flex container & children.
+     The children's positioning is with respect to the flex container.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .abspos {
+        position: absolute;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        display: flex;
+        position: absolute;
+        border: 1px solid black;
+      }
+      div.a {
+        flex: 1 0 auto;
+        width:  30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 20px;
+        height: 100px;
+        background: yellow;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"><div class="a abspos"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-1-ref.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-1-ref.xhtml
new file mode 100644
index 0000000000..bcd3982e45
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-1-ref.xhtml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for fixed-position children of a flex container. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .fixedpos {
+        position: fixed;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+      }
+      div.a {
+        width: 100%;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 100%;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+      }
+      div.inflex {
+        width: 20px;
+        height: 100px;
+        background: gray;
+        display: inline-block;
+      }
+      div.noFlexFn {
+        width: 15px;
+        height: 15px;
+        background: teal;
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a fixedpos" style="width: 30px"/><div class="b"/></div>
+      <!-- Second child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="b fixedpos" style="width: 20px"/></div>
+      <!-- Middle child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a" style="width: 80px"
+          /><div class="inflex fixedpos"
+          /><div class="b" style="width: 120px"/></div>
+      <!-- Third child fixedpos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox"
+           ><div class="inflex" style="margin-left: 15px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="noFlexFn fixedpos"
+          /><div class="inflex" style="margin-left: 30px"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-1.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-1.xhtml
new file mode 100644
index 0000000000..6401fb2cb1
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-1.xhtml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with fixed-position children of a flex container.
+     The positioning is with respect to the containing block's left edge.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .fixedpos {
+        position: fixed;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 auto;
+        width: 30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 auto;
+        width: 20px;
+        height: 100px;
+        background: yellow;
+      }
+      div.inflex {
+        flex: none;
+        width: 20px;
+        height: 100px;
+        background: gray;
+      }
+      div.noFlexFn {
+        width: 15px;
+        height: 15px;
+        background: teal;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child fixedpos: -->
+      <div class="flexbox"><div class="a fixedpos"/><div class="b"/></div>
+      <!-- Second child fixedpos: -->
+      <div class="flexbox"><div class="a"/><div class="b fixedpos"/></div>
+      <!-- Middle child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="inflex fixedpos"/><div class="b"/></div>
+      <!-- Third child fixedpos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox" style="justify-content: space-around"
+           ><div class="inflex"/><div class="inflex"/><div class="inflex"
+          /><div class="noFlexFn fixedpos"/><div class="inflex"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-2-ref.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-2-ref.xhtml
new file mode 100644
index 0000000000..9476c8086f
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-2-ref.xhtml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for fixed-position children of a flex container. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .fixedpos {
+        position: absolute;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+      }
+      div.a {
+        width: 100%;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 100%;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+      }
+      div.inflex {
+        width: 20px;
+        height: 100px;
+        background: gray;
+        display: inline-block;
+      }
+      div.noFlexFn {
+        width: 16px;
+        height: 16px;
+        background: teal;
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a fixedpos" style="width: 30px"/><div class="b"/></div>
+      <!-- Second child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="b fixedpos"
+                                 style="width: 20px; left: 0"/></div>
+      <!-- Middle child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a" style="width: 80px"
+          /><div class="inflex fixedpos" style="left: 0"
+          /><div class="b" style="width: 120px"/></div>
+      <!-- Third child fixedpos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox"
+           ><div class="inflex" style="margin-left: 15px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="inflex" style="margin-left: 30px"
+          /><div class="noFlexFn fixedpos" style="left: 90px"
+          /><div class="inflex" style="margin-left: 30px"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-2.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-2.xhtml
new file mode 100644
index 0000000000..00a3c18a4f
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-2.xhtml
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with fixed-position children of a flex container.
+     In this testcase, we simply specify "position: fixed" without
+     actually doing any positioning, to test the "static position" of these
+     children.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .fixedpos {
+        position: fixed;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        width: 200px;
+        height: 100px;
+        display: flex;
+      }
+      div.a {
+        flex: 1 0 auto;
+        width: 30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 auto;
+        width: 20px;
+        height: 100px;
+        background: yellow;
+      }
+      div.inflex {
+        flex: none;
+        width: 20px;
+        height: 100px;
+        background: gray;
+      }
+      div.noFlexFn {
+        width: 16px;
+        height: 16px;
+        background: teal;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <!-- First child fixedpos: -->
+      <div class="flexbox"><div class="a fixedpos"/><div class="b"/></div>
+      <!-- Second child fixedpos: -->
+      <div class="flexbox"><div class="a"/><div class="b fixedpos"/></div>
+      <!-- Middle child fixedpos: -->
+      <div class="flexbox"
+           ><div class="a"/><div class="inflex fixedpos"/><div class="b"/></div>
+      <!-- Third child fixedpos, w/ inflexible items & justify-content: space-around: -->
+      <div class="flexbox" style="justify-content: space-around"
+           ><div class="inflex"/><div class="inflex"/><div class="inflex"
+          /><div class="noFlexFn fixedpos"/><div class="inflex"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-3-ref.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-3-ref.xhtml
new file mode 100644
index 0000000000..d0a086d60d
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-3-ref.xhtml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for fixed-position flex container. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        position: fixed;
+        border: 1px solid black;
+      }
+      div.a {
+        width: 80px;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 120px;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"><div class="a"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-3.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-3.xhtml
new file mode 100644
index 0000000000..a67481879d
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-3.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with fixed-position flex container.
+     This positioning is with respect to the viewport.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        display: flex;
+        position: fixed;
+        border: 1px solid black;
+      }
+      div.a {
+        flex: 1 0 30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 20px;
+        height: 100px;
+        background: yellow;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"><div class="a"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-4-ref.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-4-ref.xhtml
new file mode 100644
index 0000000000..8778326655
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-4-ref.xhtml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for fixed-position flex container & children. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .fixedpos {
+        position: fixed;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        position: fixed;
+        border: 2px dashed teal;
+      }
+      div.a {
+        width: 30px;
+        height: 100px;
+        background: lightgreen;
+        display: inline-block;
+      }
+      div.b {
+        width: 100%;
+        height: 100px;
+        background: yellow;
+        display: inline-block;
+        vertical-align: top;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"
+           ><div class="a fixedpos"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-position-fixed-4.xhtml b/layout/reftests/flexbox/flexbox-position-fixed-4.xhtml
new file mode 100644
index 0000000000..05c75baeeb
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-position-fixed-4.xhtml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     Testcase with fixed-position flex container & children.
+     All positioning is with respect to the viewport.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      div.containingBlock {
+        top: 15px;
+        left: 20px;
+        height: 400px;
+        position: absolute;
+        border: 2px dashed purple;
+      }
+      .fixedpos {
+        position: fixed;
+        left: 5px;
+        border: 2px dotted black;
+      }
+      div.flexbox {
+        top: 30px;
+        left: 40px;
+        width: 200px;
+        height: 100px;
+        display: flex;
+        position: fixed;
+        border: 2px dashed teal;
+      }
+      div.a {
+        flex: 1 0 auto;
+        width:  30px;
+        height: 100px;
+        background: lightgreen;
+      }
+      div.b {
+        flex: 2 0 20px;
+        height: 100px;
+        background: yellow;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="containingBlock">
+      <div class="flexbox"><div class="a fixedpos"/><div class="b"/></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-resizeviewport-1-helper.html b/layout/reftests/flexbox/flexbox-resizeviewport-1-helper.html
new file mode 100644
index 0000000000..66df03b9de
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-resizeviewport-1-helper.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Helper-file for reftest flexbox-resizeviewport-1.xhtml
+     I'm intentionally using quirks-mode (no doctype), so that
+     a 100% height will work. -->
+<html>
+  <head>
+    <style>
+      div.flexbox {
+        display: flex;
+        height: 100%;
+        border: 2px dashed black;
+      }
+      div.a {
+        flex: 1;
+        background: pink;
+      }
+      div.b {
+        flex: 1;
+        background: teal;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="a"></div><div class="b"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-resizeviewport-1-ref.xhtml b/layout/reftests/flexbox/flexbox-resizeviewport-1-ref.xhtml
new file mode 100644
index 0000000000..59ba62e64c
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-resizeviewport-1-ref.xhtml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      iframe {
+        width:  75px;
+        height: 75px;
+      }
+    </style>
+  </head>
+  <body>
+    <iframe src="flexbox-resizeviewport-1-helper.html" style="width: 50px"/>
+    <iframe src="flexbox-resizeviewport-1-helper.html" style="width: 125px"/>
+    <br/>
+    <iframe src="flexbox-resizeviewport-1-helper.html" style="height: 50px"/>
+    <iframe src="flexbox-resizeviewport-1-helper.html" style="height: 125px"/>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-resizeviewport-1.xhtml b/layout/reftests/flexbox/flexbox-resizeviewport-1.xhtml
new file mode 100644
index 0000000000..2875e8ee3b
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-resizeviewport-1.xhtml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase to be sure a flex container gets reflowed properly when its
+     iframe changes size. -->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      iframe {
+        width:  75px;
+        height: 75px;
+      }
+    </style>
+    <script>
+      function setElementPropertyTo(id, propertyName, propertyValue) {
+        var elem = document.getElementById(id);
+        elem.style[propertyName] = propertyValue;
+      }
+
+      function tweak() {
+        setElementPropertyTo("a", "width", "50px");
+        setElementPropertyTo("b", "width", "125px");
+        setElementPropertyTo("c", "height", "50px");
+        setElementPropertyTo("d", "height", "125px");
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <iframe id="a" src="flexbox-resizeviewport-1-helper.html"/>
+    <iframe id="b" src="flexbox-resizeviewport-1-helper.html"/>
+    <br/>
+    <iframe id="c" src="flexbox-resizeviewport-1-helper.html"/>
+    <iframe id="d" src="flexbox-resizeviewport-1-helper.html"/>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-resizeviewport-2-helper.html b/layout/reftests/flexbox/flexbox-resizeviewport-2-helper.html
new file mode 100644
index 0000000000..998bcbd527
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-resizeviewport-2-helper.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Helper-file for reftest flexbox-resizeviewport-2.xhtml
+     I'm intentionally using quirks-mode (no doctype), so that
+     a 100% width (block-size) will work. -->
+<html>
+  <head>
+    <style>
+      html { writing-mode: vertical-rl; }
+      div.flexbox {
+        display: flex;
+        width: 100%;
+        border: 2px dashed black;
+      }
+      div.a {
+        flex: 1;
+        background: pink;
+      }
+      div.b {
+        flex: 1;
+        background: teal;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="a"></div><div class="b"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-resizeviewport-2-ref.xhtml b/layout/reftests/flexbox/flexbox-resizeviewport-2-ref.xhtml
new file mode 100644
index 0000000000..9c76a32b8d
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-resizeviewport-2-ref.xhtml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      iframe {
+        width:  75px;
+        height: 75px;
+      }
+    </style>
+  </head>
+  <body>
+    <iframe src="flexbox-resizeviewport-2-helper.html" style="width: 50px"/>
+    <iframe src="flexbox-resizeviewport-2-helper.html" style="width: 125px"/>
+    <br/>
+    <iframe src="flexbox-resizeviewport-2-helper.html" style="height: 50px"/>
+    <iframe src="flexbox-resizeviewport-2-helper.html" style="height: 125px"/>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-resizeviewport-2.xhtml b/layout/reftests/flexbox/flexbox-resizeviewport-2.xhtml
new file mode 100644
index 0000000000..5a479364bb
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-resizeviewport-2.xhtml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase to be sure a flex container gets reflowed properly when its
+     iframe changes size. -->
+<!-- XXXdholbert This testcase can't actually test the scenario it's intended
+     to test right now (quirks-mode percent-BSize resolution in a vertical
+     writing mode), due to Bug 1441348.
+ -->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+      iframe {
+        width:  75px;
+        height: 75px;
+      }
+    </style>
+    <script>
+      function setElementPropertyTo(id, propertyName, propertyValue) {
+        var elem = document.getElementById(id);
+        elem.style[propertyName] = propertyValue;
+      }
+
+      function tweak() {
+        setElementPropertyTo("a", "width", "50px");
+        setElementPropertyTo("b", "width", "125px");
+        setElementPropertyTo("c", "height", "50px");
+        setElementPropertyTo("d", "height", "125px");
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", tweak, false);
+    </script>
+  </head>
+  <body>
+    <iframe id="a" src="flexbox-resizeviewport-2-helper.html"/>
+    <iframe id="b" src="flexbox-resizeviewport-2-helper.html"/>
+    <br/>
+    <iframe id="c" src="flexbox-resizeviewport-2-helper.html"/>
+    <iframe id="d" src="flexbox-resizeviewport-2-helper.html"/>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-styling-on-svg-1-ref.svg b/layout/reftests/flexbox/flexbox-styling-on-svg-1-ref.svg
new file mode 100644
index 0000000000..f2eef91e4e
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-styling-on-svg-1-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="100%" height="100%">
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/flexbox/flexbox-styling-on-svg-1.svg b/layout/reftests/flexbox/flexbox-styling-on-svg-1.svg
new file mode 100644
index 0000000000..c12e9dde55
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-styling-on-svg-1.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     style="display:flex"
+     width="100%" height="100%">
+
+  <title>Test that we ignore "display:flex" on a root SVG node</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=969460 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-1-ref.html b/layout/reftests/flexbox/flexbox-table-flex-items-1-ref.html
new file mode 100644
index 0000000000..d416d142c9
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-1-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Reference: caption size test for table flex items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1334403">
+  <style type="text/css">
+* { vertical-align: top; }
+.flex {
+  display: inline-flex;
+  border: 3px solid grey;
+  height: 73px;
+  width: 110px;
+  align-items: start;
+}
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  flex: auto;
+  min-width: 0;
+  min-height: 0;
+  width: 32px;
+  height: 22px;
+}
+
+caption { border: 1px dashed blue; height: 16px; }
+t { display:block; width:30px; height:20px; }
+i:nth-of-type(1) { width:10px; height:20px; }
+i:nth-of-type(2) { width:20px; height:10px; }
+
+.hma10 { margin: 7px 3px 1px auto; }
+.hmaa  { margin: 7px auto 1px auto; }
+.vma10 { margin: auto 7px 3px 1px; }
+.vmaa  { margin: auto 7px auto 1px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="hma10"><caption></caption><td><t></t></td></table></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="hmaa"><caption></caption><td><t></t></td></table><i></i></div>
+
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="vma10"><caption></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="vmaa"><caption></caption><td><t></t></td></table><i></i></div>
+
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="hma10"></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="hmaa"></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="vma10"></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="vmaa"></caption><td><t></t></td></table><i></i></div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-1.html b/layout/reftests/flexbox/flexbox-table-flex-items-1.html
new file mode 100644
index 0000000000..2348e3f80d
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-1.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: caption size test for table flex items</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1334403">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
+  <link rel="match" href="flexbox-table-flex-items-1-ref.html">
+  <style type="text/css">
+* { vertical-align: top; }
+.flex {
+  display: inline-flex;
+  border: 3px solid grey;
+  height: 73px;
+  width: 110px;
+  align-items: start;
+}
+
+table {
+  border: 1px solid;
+  padding: 0;
+  margin: 0;
+  background: lightgrey;
+  flex: auto;
+  min-width: 0;
+  min-height: 0;
+}
+
+caption { border: 1px dashed blue;}
+x { display:block; width:16px; height:16px; }
+t { display:block; width:30px; height:20px; }
+i:nth-of-type(1) { width:10px; height:20px; }
+i:nth-of-type(2) { width:20px; height:10px; }
+
+.hma10 { margin: 7px 3px 1px auto; }
+.hmaa  { margin: 7px auto 1px auto; }
+.vma10 { margin: auto 7px 3px 1px; }
+.vmaa  { margin: auto 7px auto 1px; }
+
+.vr { writing-mode: vertical-rl; }
+  </style>
+</head>
+<body>
+
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="hma10"><caption><x></x></caption><td><t></t></td></table></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="hmaa"><caption><x></x></caption><td><t></t></td></table><i></i></div>
+
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="vma10"><caption><x></x></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0 class="vmaa"><caption><x></x></caption><td><t></t></td></table><i></i></div>
+
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="hma10"><x></x></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="hmaa"><x></x></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="vma10"><x></x></caption><td><t></t></td></table><i></i></div>
+<div class="flex"><i></i><table cellpadding=0 cellspacing=0><caption class="vmaa"><x></x></caption><td><t></t></td></table><i></i></div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-2-ref.html b/layout/reftests/flexbox/flexbox-table-flex-items-2-ref.html
new file mode 100644
index 0000000000..98a93716a5
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-2-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-base-size">
+  <style>
+  .container {
+    display: flex;
+    width: 100px;
+    border: 1px solid black;
+  }
+
+  /* Two types of flex items: */
+  .table {
+    border: 2px solid teal;
+  }
+  .block {
+    border: 2px solid brown;
+  }
+
+  /* Each flex item gets one of these as its contents,
+     to have a nonzero content size: */
+  ib {
+    display: inline-block;
+    background: blue;
+    border: 1px solid gray;
+    width: 15px;
+    height: 10px;
+  }
+  </style>
+</head>
+<body>
+<!-- auto size: -->
+<div class="container">
+  <div class="table"><ib></ib></div>
+  <div class="block"><ib></ib></div>
+</div>
+
+<!-- px size: -->
+<div class="container">
+  <div class="table" style="width: 30px"><ib></ib></div>
+  <div class="block" style="width: 30px"><ib></ib></div>
+</div>
+
+<!-- % size: -->
+<div class="container">
+  <div class="table" style="width: 30%"><ib></ib></div>
+  <div class="block" style="width: 30%"><ib></ib></div>
+</div>
+
+<!-- calc() size: -->
+<div class="container">
+  <div class="table" style="width: calc(10px + 20%)"><ib></ib></div>
+  <div class="block" style="width: calc(10px + 20%)"><ib></ib></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-2.html b/layout/reftests/flexbox/flexbox-table-flex-items-2.html
new file mode 100644
index 0000000000..c11ce70802
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-2.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>
+    CSS Test: Testing that implicit "flex-basis: content" on table wrapper box
+    doesn't prevent explicit table size from influencing flex base size.
+  </title>
+  <!-- XXXdholbert NOTE: This probably eventually should move to our
+       upstreamed reftest directory.  But for now, this is just asserting
+       backwards-compatible/interoperable (but not necessary spec-compliant)
+       behavior, per https://github.com/w3c/csswg-drafts/issues/2604 -->
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-base-size">
+  <link rel="match" href="flexbox-table-flex-items-2.html">
+  <style>
+  .container {
+    display: flex;
+    width: 100px;
+    border: 1px solid black;
+  }
+
+  /* Two types of flex items: */
+  .table {
+    display: table;
+    border: 2px solid teal;
+  }
+  .block {
+    border: 2px solid brown;
+  }
+
+  /* Each flex item gets one of these as its contents,
+     to have a nonzero content size: */
+  ib {
+    display: inline-block;
+    background: blue;
+    border: 1px solid gray;
+    width: 15px;
+    height: 10px;
+  }
+  </style>
+</head>
+<body>
+<!-- auto size: -->
+<div class="container">
+  <div class="table"><ib></ib></div>
+  <div class="block"><ib></ib></div>
+</div>
+
+<!-- px size: -->
+<div class="container">
+  <div class="table" style="width: 30px"><ib></ib></div>
+  <div class="block" style="width: 30px"><ib></ib></div>
+</div>
+
+<!-- % size: -->
+<div class="container">
+  <div class="table" style="width: 30%"><ib></ib></div>
+  <div class="block" style="width: 30%"><ib></ib></div>
+</div>
+
+<!-- calc() size: -->
+<div class="container">
+  <div class="table" style="width: calc(10px + 20%)"><ib></ib></div>
+  <div class="block" style="width: calc(10px + 20%)"><ib></ib></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-3-ref.html b/layout/reftests/flexbox/flexbox-table-flex-items-3-ref.html
new file mode 100644
index 0000000000..568495f341
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-3-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-base-size">
+  <style>
+  .container {
+    display: flex;
+    flex-direction: column;
+    height: 100px;
+    float: left;
+    border: 1px solid black;
+  }
+
+  /* Two types of flex items: */
+  .table {
+    border: 2px solid teal;
+  }
+  .block {
+    border: 2px solid brown;
+  }
+
+  /* Each flex item gets one of these as its contents,
+     to have a nonzero content size: */
+  ib {
+    display: inline-block;
+    background: blue;
+    border: 1px solid gray;
+    width: 15px;
+    height: 10px;
+  }
+  </style>
+</head>
+<body>
+<!-- auto size: -->
+<div class="container">
+  <div class="table"><ib></ib></div>
+  <div class="block"><ib></ib></div>
+</div>
+
+<!-- px size: -->
+<div class="container">
+  <div class="table" style="height: 30px"><ib></ib></div>
+  <div class="block" style="height: 30px"><ib></ib></div>
+</div>
+
+<!-- % size: -->
+<div class="container">
+  <div class="table" style="height: 30%"><ib></ib></div>
+  <div class="block" style="height: 30%"><ib></ib></div>
+</div>
+
+<!-- calc() size: -->
+<div class="container">
+  <div class="table" style="height: calc(10px + 20%)"><ib></ib></div>
+  <div class="block" style="height: calc(10px + 20%)"><ib></ib></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-3.html b/layout/reftests/flexbox/flexbox-table-flex-items-3.html
new file mode 100644
index 0000000000..c68152856f
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-3.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>
+    CSS Test: Testing that implicit "flex-basis: content" on table wrapper box
+    doesn't prevent explicit table size from influencing flex base size.
+  </title>
+  <!-- XXXdholbert NOTE: This probably eventually should move to our
+       upstreamed reftest directory.  But for now, this is just asserting
+       backwards-compatible/interoperable (but not necessary spec-compliant)
+       behavior, per https://github.com/w3c/csswg-drafts/issues/2604 -->
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-base-size">
+  <link rel="match" href="flexbox-table-flex-items-3.html">
+  <style>
+  .container {
+    display: flex;
+    flex-direction: column;
+    height: 100px;
+    float: left;
+    border: 1px solid black;
+  }
+
+  /* Two types of flex items: */
+  .table {
+    display: table;
+    border: 2px solid teal;
+  }
+  .block {
+    border: 2px solid brown;
+  }
+
+  /* Each flex item gets one of these as its contents,
+     to have a nonzero content size: */
+  ib {
+    display: inline-block;
+    background: blue;
+    border: 1px solid gray;
+    width: 15px;
+    height: 10px;
+  }
+  </style>
+</head>
+<body>
+<!-- auto size: -->
+<div class="container">
+  <div class="table"><ib></ib></div>
+  <div class="block"><ib></ib></div>
+</div>
+
+<!-- px size: -->
+<div class="container">
+  <div class="table" style="height: 30px"><ib></ib></div>
+  <div class="block" style="height: 30px"><ib></ib></div>
+</div>
+
+<!-- % size: -->
+<div class="container">
+  <div class="table" style="height: 30%"><ib></ib></div>
+  <div class="block" style="height: 30%"><ib></ib></div>
+</div>
+
+<!-- calc() size: -->
+<div class="container">
+  <div class="table" style="height: calc(10px + 20%)"><ib></ib></div>
+  <div class="block" style="height: calc(10px + 20%)"><ib></ib></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-4-ref.html b/layout/reftests/flexbox/flexbox-table-flex-items-4-ref.html
new file mode 100644
index 0000000000..ac18887826
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-4-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>
+    CSS Reference Case
+  </title>
+  <style>
+    .container {
+      display: flex;
+      flex-wrap: wrap;
+      width: 300px;
+      border: 1px solid black;
+      font: 12px monospace;
+      margin-bottom: 5px;
+    }
+    .container > * {
+      flex: 1 400px; /* Bigger than flex container;
+                        should linewrap and cooperatively shrink to fit. */
+      padding: 5px 10px;
+    }
+    table {
+      width: 100%;
+      background: lightgray;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div>
+      <table><td>a</td></table>
+    </div>
+    <div>
+      <table><td>b</td></table>
+    </div>
+  </div>
+  <div class="container">
+    <div>
+      <table><td>a</td></table>
+    </div>
+    <div>
+      <table><td>b</td></table>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-4.html b/layout/reftests/flexbox/flexbox-table-flex-items-4.html
new file mode 100644
index 0000000000..9e6e5f3dc0
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>
+    CSS Test: Testing that tables with "table-layout:fixed" can shrink
+    from their default flex base size to fit their multi-line flex container.
+  </title>
+  <style>
+    .container {
+      display: flex;
+      flex-wrap: wrap;
+      width: 300px;
+      border: 1px solid black;
+      font: 12px monospace;
+      margin-bottom: 5px;
+    }
+    .forceMaxContent > * {
+      width: max-content;
+    }
+    .container > * {
+      display: flex;
+      padding: 5px 10px;
+    }
+    table {
+      width: 100%;
+      table-layout: fixed;
+      background: lightgray;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div>
+      <table><td>a</td></table>
+    </div>
+    <div>
+      <table><td>b</td></table>
+    </div>
+  </div>
+  <div class="container forceMaxContent">
+    <div>
+      <table><td>a</td></table>
+    </div>
+    <div>
+      <table><td>b</td></table>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-5-ref.html b/layout/reftests/flexbox/flexbox-table-flex-items-5-ref.html
new file mode 100644
index 0000000000..664d7a33dd
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-5-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>
+    CSS Reference Case
+  </title>
+  <style>
+    .container {
+      display: flex;
+      width: 300px;
+      border: 1px solid black;
+      margin-bottom: 5px;
+    }
+    .container > * {
+      margin: 5px;
+      background: lightgray;
+      flex: 1 400px; /* Bigger than flex container; should cooperatively shrink to fit. */
+      height: 30px;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div>
+      <table><td></td></table>
+    </div>
+    <div>
+      <table><td></td></table>
+    </div>
+  </div>
+  <div class="container">
+    <div>
+      <table><td></td></table>
+    </div>
+    <div>
+      <table><td></td></table>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-table-flex-items-5.html b/layout/reftests/flexbox/flexbox-table-flex-items-5.html
new file mode 100644
index 0000000000..2023e1c58b
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-table-flex-items-5.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>
+    CSS Test: Testing that tables with "table-layout:fixed" can shrink
+    from their default flex base size to fit their flex container.
+  </title>
+  <style>
+    .container {
+      display: flex;
+      width: 300px;
+      border: 1px solid black;
+      margin-bottom: 5px;
+    }
+    .forceMaxContent > * {
+      width: max-content;
+    }
+    .container > * {
+      margin: 5px;
+    }
+    table {
+      width: 100%;
+      height: 30px;
+      table-layout: fixed;
+      background: lightgray;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div>
+      <table><td></td></table>
+    </div>
+    <div>
+      <table><td></td></table>
+    </div>
+  </div>
+  <div class="container forceMaxContent">
+    <div>
+      <table><td></td></table>
+    </div>
+    <div>
+      <table><td></td></table>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-1-ref.html b/layout/reftests/flexbox/flexbox-widget-flex-items-1-ref.html
new file mode 100644
index 0000000000..f08e16d265
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      border: 2px dotted lightgray;
+      width: 400px;
+      height: 40px;
+      margin-bottom: 10px;
+    }
+    div.flexbox > * {
+      width: -moz-available;
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+      display: block;
+    }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <div class="flexbox"><input type="file"></div>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="password"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+  <div class="flexbox"><input type="text"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-1.html b/layout/reftests/flexbox/flexbox-widget-flex-items-1.html
new file mode 100644
index 0000000000..317112e9fb
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This testcase checks that flex containers honor those widgets (if any) in
+    our system theme that have only a single valid size (and hence should
+    refuse to flex).
+
+    e.g. in Gecko with a GTK theme, checkboxes and radio buttons have a single
+    valid size, and any specified widths (and min/max-widths) will have no
+    effect on their rendering (regardless of whether they're in a flex
+    container).
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      display: flex;
+      align-items: flex-start;
+      border: 2px dotted lightgray;
+      width: 400px;
+      height: 40px;
+      margin-bottom: 10px;
+    }
+    div.flexbox > * {
+      flex: 1;
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+    }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <div class="flexbox"><input type="file"></div>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="password"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+  <div class="flexbox"><input type="text"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-2-ref.html b/layout/reftests/flexbox/flexbox-widget-flex-items-2-ref.html
new file mode 100644
index 0000000000..ac52a17d84
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-2-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      background: lightgray;
+      width: 400px;
+      height: 40px;
+      margin-bottom: 10px;
+    }
+    div.flexbox > * {
+      min-width: 350px;
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+      display: block;
+      width: max-content;
+    }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <div class="flexbox"><input type="file"></div>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="password"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+  <div class="flexbox"><input type="text"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-2.html b/layout/reftests/flexbox/flexbox-widget-flex-items-2.html
new file mode 100644
index 0000000000..7e2ec2908c
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This testcase checks that, for any widgets that have a single valid size
+    (and hence refuse to flex), we don't honor the "min-width" property
+    when running the flex algorithm, just as we don't honor it outside
+    of flexbox contexts.
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      display: flex;
+      align-items: flex-start;
+      background: lightgray;
+      width: 400px;
+      height: 40px;
+      margin-bottom: 10px;
+    }
+    div.flexbox > * {
+      min-width: 350px;
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+    }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <div class="flexbox"><input type="file"></div>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="password"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+  <div class="flexbox"><input type="text"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-3-ref.html b/layout/reftests/flexbox/flexbox-widget-flex-items-3-ref.html
new file mode 100644
index 0000000000..61eb376384
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-3-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      background: lightgray;
+      width: 400px;
+      height: 40px;
+      margin-bottom: 10px;
+    }
+    div.flexbox > * {
+      max-width: 3px;
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+      display: block;
+    }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <div class="flexbox"><input type="file"></div>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="password"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+  <div class="flexbox"><input type="text"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-3.html b/layout/reftests/flexbox/flexbox-widget-flex-items-3.html
new file mode 100644
index 0000000000..dee3b4ad0c
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-3.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This testcase checks that, for any widgets that have a single valid size
+    (and hence refuse to flex), we don't honor the "max-width" property
+    when running the flex algorithm, just as we don't honor it outside
+    of flexbox contexts.
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      display: flex;
+      align-items: flex-start;
+      background: lightgray;
+      width: 400px;
+      height: 40px;
+      margin-bottom: 10px;
+    }
+    div.flexbox > * {
+      max-width: 3px;
+      min-width: 0; /* to override default 'min-width:auto' */
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+    }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <div class="flexbox"><input type="file"></div>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="password"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+  <div class="flexbox"><input type="text"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-4-ref.html b/layout/reftests/flexbox/flexbox-widget-flex-items-4-ref.html
new file mode 100644
index 0000000000..b34c4f51d5
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-4-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      background: lightgray;
+      float: left;
+      height: 60px;
+      margin-right: 10px;
+    }
+    div.flexbox > * {
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+      height: 100%;
+      display: block;
+    }
+    br { clear: left; }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <br>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <br>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/flexbox-widget-flex-items-4.html b/layout/reftests/flexbox/flexbox-widget-flex-items-4.html
new file mode 100644
index 0000000000..bb7c5e9584
--- /dev/null
+++ b/layout/reftests/flexbox/flexbox-widget-flex-items-4.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+    This testcase checks that, for any widgets that have a single valid size
+    (and hence refuse to flex), we don't stretch them in the cross-axis,
+    despite the "align-self: stretch" property.
+
+    These widgets can be allowed to be resized on some platforms but not others.
+    We'll account for that by giving them height: 100% in the reference case,
+    so that if they're allowed to stretch, then they'll stretch in both the
+    reference case and the testcase.
+-->
+<html>
+<head>
+  <style>
+    div.flexbox {
+      display: flex;
+      background: lightgray;
+      float: left;
+      height: 60px;
+      margin-right: 10px;
+    }
+    div.flexbox > * {
+      outline: 1px dashed black;
+      margin: 0;
+      vertical-align: top;
+      height: auto;
+      align-self: stretch;
+    }
+    br { clear: left; }
+  </style>
+</head>
+<body>
+  <div class="flexbox"><input type="button"></div>
+  <div class="flexbox"><input type="checkbox"></div>
+  <br>
+  <div class="flexbox"><input type="image"></div>
+  <div class="flexbox"><input type="radio"></div>
+  <br>
+  <div class="flexbox"><input type="reset"></div>
+  <div class="flexbox"><input type="submit"></div>
+</body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-empty-1-ref.html
new file mode 100644
index 0000000000..21d3342d90
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .flexContainer {
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1a.html b/layout/reftests/flexbox/pagination/flexbox-empty-1a.html
new file mode 100644
index 0000000000..bbb7b8ce02
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1a.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     and with the flex container having "flex-direction: row".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1b.html b/layout/reftests/flexbox/pagination/flexbox-empty-1b.html
new file mode 100644
index 0000000000..67cd110973
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1b.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     and with the flex container having "flex-direction: row-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row-reverse;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1c.html b/layout/reftests/flexbox/pagination/flexbox-empty-1c.html
new file mode 100644
index 0000000000..ba560e9bd9
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1c.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     and with the flex container having "flex-direction: column".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1d.html b/layout/reftests/flexbox/pagination/flexbox-empty-1d.html
new file mode 100644
index 0000000000..6a56362525
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1d.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     and with the flex container having "flex-direction: column-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column-reverse;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1e.html b/layout/reftests/flexbox/pagination/flexbox-empty-1e.html
new file mode 100644
index 0000000000..49f859e4b5
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1e.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     with the flex container overflowing its fixed-height-block parent,
+     and with the flex container having "flex-direction: row".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .fixedHeightBlock {
+      height: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div></div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div></div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1f.html b/layout/reftests/flexbox/pagination/flexbox-empty-1f.html
new file mode 100644
index 0000000000..7626af8d6a
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1f.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     with the flex container overflowing its fixed-height-block parent,
+     and with the flex container having "flex-direction: row-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .fixedHeightBlock {
+      height: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row-reverse;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div></div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div></div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1g.html b/layout/reftests/flexbox/pagination/flexbox-empty-1g.html
new file mode 100644
index 0000000000..7d9f44158f
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1g.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     with the flex container overflowing its fixed-height-block parent,
+     and with the flex container having "flex-direction: column".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .fixedHeightBlock {
+      height: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div></div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div></div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-1h.html b/layout/reftests/flexbox/pagination/flexbox-empty-1h.html
new file mode 100644
index 0000000000..37b6405a55
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-1h.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     various combinations of margin/border/padding helping it to be too tall,
+     with the flex container overflowing its fixed-height-block parent,
+     and with the flex container having "flex-direction: column-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+    }
+    .fixedHeightBlock {
+      height: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column-reverse;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- NO BORDERS/PADDING -->
+    <!-- ================== -->
+    <!-- content fits exactly into 1 column: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 10px"></div>
+    </div></div>
+
+    <!-- content fits, but margin-top pushes it to overflow: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        margin-top: 2px;"></div>
+    </div></div>
+
+    <!-- content is too tall, by 1px: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 11px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP -->
+    <!-- ====================== -->
+    <!-- content fits, but border-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-top make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        padding-top: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON BOTTOM -->
+    <!-- ========================= -->
+    <!-- content fits, but border-bottom-width makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-bottom makes us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-bottom: 2px"></div>
+    </div></div>
+
+    <!-- content fits, but border/padding-bottom make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-bottom-width: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+    <!-- BORDERS/PADDING ON TOP AND BOTTOM -->
+    <!-- ================================= -->
+    <!-- content fits, but border-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        border-top-width: 1px;
+                                        border-bottom-width: 1px"></div>
+    </div></div>
+
+    <!-- content fits, but padding-top/bottom combined make us too tall: -->
+    <div class="multicol"><div class="fixedHeightBlock">
+      <div class="flexContainer" style="height: 9px;
+                                        padding-top: 1px;
+                                        padding-bottom: 1px"></div>
+    </div></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-empty-2-ref.html
new file mode 100644
index 0000000000..f6911915c8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-2-ref.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     margin/border/padding that are larger than the available height,
+     and with the flex container having "flex-direction: row".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 2px;
+    }
+    .flexContainer {
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- MARGIN LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- margin-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 10px"></div>
+    </div>
+
+    <!-- margin-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 11px"></div>
+    </div>
+
+    <!-- margin-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 10px"></div>
+    </div>
+
+    <!-- margin-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- border-top-width is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 10px"></div>
+    </div>
+
+    <!-- border-top-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 11px"></div>
+    </div>
+
+    <!-- border-bottom-width is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 10px"></div>
+    </div>
+
+    <!-- border-bottom-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 11px"></div>
+    </div>
+
+    <!-- PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- ==================================== -->
+    <!-- padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 10px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 11px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 10px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER+PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =========================================== -->
+    <!-- border+padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 5px;
+                                        padding-top: 5px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 6px;
+                                        padding-top: 6px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 5px;
+                                        padding-bottom: 5px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 6px;
+                                        padding-bottom: 6px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-2a.html b/layout/reftests/flexbox/pagination/flexbox-empty-2a.html
new file mode 100644
index 0000000000..b9f98edefa
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-2a.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     margin/border/padding that are larger than the available height,
+     and with the flex container having "flex-direction: row".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- MARGIN LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- margin-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 10px"></div>
+    </div>
+
+    <!-- margin-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 11px"></div>
+    </div>
+
+    <!-- margin-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 10px"></div>
+    </div>
+
+    <!-- margin-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- border-top-width is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 10px"></div>
+    </div>
+
+    <!-- border-top-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 11px"></div>
+    </div>
+
+    <!-- border-bottom-width is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 10px"></div>
+    </div>
+
+    <!-- border-bottom-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 11px"></div>
+    </div>
+
+    <!-- PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- ==================================== -->
+    <!-- padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 10px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 11px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 10px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER+PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =========================================== -->
+    <!-- border+padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 5px;
+                                        padding-top: 5px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 6px;
+                                        padding-top: 6px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 5px;
+                                        padding-bottom: 5px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 6px;
+                                        padding-bottom: 6px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-2b.html b/layout/reftests/flexbox/pagination/flexbox-empty-2b.html
new file mode 100644
index 0000000000..e8c85f2a41
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-2b.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     margin/border/padding that are larger than the available height,
+     and with the flex container having "flex-direction: row-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row-reverse;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- MARGIN LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- margin-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 10px"></div>
+    </div>
+
+    <!-- margin-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 11px"></div>
+    </div>
+
+    <!-- margin-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 10px"></div>
+    </div>
+
+    <!-- margin-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- border-top-width is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 10px"></div>
+    </div>
+
+    <!-- border-top-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 11px"></div>
+    </div>
+
+    <!-- border-bottom-width is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 10px"></div>
+    </div>
+
+    <!-- border-bottom-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 11px"></div>
+    </div>
+
+    <!-- PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- ==================================== -->
+    <!-- padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 10px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 11px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 10px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER+PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =========================================== -->
+    <!-- border+padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 5px;
+                                        padding-top: 5px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 6px;
+                                        padding-top: 6px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 5px;
+                                        padding-bottom: 5px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 6px;
+                                        padding-bottom: 6px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-2c.html b/layout/reftests/flexbox/pagination/flexbox-empty-2c.html
new file mode 100644
index 0000000000..57c63cc68b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-2c.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     margin/border/padding that are larger than the available height,
+     and with the flex container having "flex-direction: column".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- MARGIN LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- margin-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 10px"></div>
+    </div>
+
+    <!-- margin-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 11px"></div>
+    </div>
+
+    <!-- margin-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 10px"></div>
+    </div>
+
+    <!-- margin-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- border-top-width is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 10px"></div>
+    </div>
+
+    <!-- border-top-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 11px"></div>
+    </div>
+
+    <!-- border-bottom-width is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 10px"></div>
+    </div>
+
+    <!-- border-bottom-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 11px"></div>
+    </div>
+
+    <!-- PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- ==================================== -->
+    <!-- padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 10px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 11px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 10px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER+PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =========================================== -->
+    <!-- border+padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 5px;
+                                        padding-top: 5px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 6px;
+                                        padding-top: 6px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 5px;
+                                        padding-bottom: 5px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 6px;
+                                        padding-bottom: 6px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-empty-2d.html b/layout/reftests/flexbox/pagination/flexbox-empty-2d.html
new file mode 100644
index 0000000000..bff0016745
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-empty-2d.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment an empty fixed-height flex container, with
+     margin/border/padding that are larger than the available height,
+     and with the flex container having "flex-direction: column-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 20px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 2px;
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column-reverse;
+      background: teal;
+      /* border-width is 0 by default; some sub-testcases will increase it. */
+      border: 0 dashed black;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- MARGIN LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- margin-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 10px"></div>
+    </div>
+
+    <!-- margin-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-top: 11px"></div>
+    </div>
+
+    <!-- margin-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 10px"></div>
+    </div>
+
+    <!-- margin-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        margin-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =================================== -->
+    <!-- border-top-width is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 10px"></div>
+    </div>
+
+    <!-- border-top-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top-width: 11px"></div>
+    </div>
+
+    <!-- border-bottom-width is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 10px"></div>
+    </div>
+
+    <!-- border-bottom-width is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom-width: 11px"></div>
+    </div>
+
+    <!-- PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- ==================================== -->
+    <!-- padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 10px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-top: 11px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 10px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        padding-bottom: 11px"></div>
+    </div>
+
+    <!-- BORDER+PADDING LARGER THAN AVAILABLE HEIGHT -->
+    <!-- =========================================== -->
+    <!-- border+padding-top is the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 5px;
+                                        padding-top: 5px"></div>
+    </div>
+
+    <!-- padding-top is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-top: 6px;
+                                        padding-top: 6px"></div>
+    </div>
+
+    <!-- padding-bottom is exactly the available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 5px;
+                                        padding-bottom: 5px"></div>
+    </div>
+
+    <!-- padding-bottom is larger than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px;
+                                        border-bottom: 6px;
+                                        padding-bottom: 6px"></div>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1-ref.html
new file mode 100644
index 0000000000..2ee6901e7d
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1-ref.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1a.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1a.html
new file mode 100644
index 0000000000..349b7f92e7
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1a.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1b.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1b.html
new file mode 100644
index 0000000000..660a8e1398
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1b.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1c.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1c.html
new file mode 100644
index 0000000000..ceaf678e41
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1c.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    flex-grow: 2;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    flex-grow: 1;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1d.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1d.html
new file mode 100644
index 0000000000..44ddf8a61b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1d.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column-reverse flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    flex-grow: 2;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1e.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1e.html
new file mode 100644
index 0000000000..24f8e14b9b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1e.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1f.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1f.html
new file mode 100644
index 0000000000..54c99d4078
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1f.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1g.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1g.html
new file mode 100644
index 0000000000..9ab52a8a39
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1g.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1h.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1h.html
new file mode 100644
index 0000000000..83f99ea000
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1h.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1i.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1i.html
new file mode 100644
index 0000000000..aade35b4d6
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1i.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-1j.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-1j.html
new file mode 100644
index 0000000000..6ccc50a553
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-1j.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-2-ref.html
new file mode 100644
index 0000000000..8881dd7174
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-2-ref.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 90px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 60px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 20px;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 30px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 35px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 70px;
+  }
+  .border-padding > header, .border-padding > nav, .border-padding > footer {
+    inset-block-start: 5px;
+  }
+  .border-padding > article {
+    inset-block-start: 30px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article style="inset-block-start: 30px"></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article style="inset-block-start: 35px"></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-2.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-2.html
new file mode 100644
index 0000000000..070cea0de4
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-2.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. The block-size of the flex container is made shorter than its flex items.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 90px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made so that the flex items are wrapping into
+       three lines, and each line is 30px wide. */
+    block-size: 60px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 20px;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1-ref.html
new file mode 100644
index 0000000000..ee12682ef1
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1a.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1a.html
new file mode 100644
index 0000000000..8ac70d9774
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1a.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1b.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1b.html
new file mode 100644
index 0000000000..042f09f424
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1b.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1c.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1c.html
new file mode 100644
index 0000000000..0129a7515c
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1c.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    flex-grow: 2;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    flex-grow: 1;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1d.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1d.html
new file mode 100644
index 0000000000..12730915c9
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1d.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column-reverse flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    flex-grow: 2;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1e.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1e.html
new file mode 100644
index 0000000000..960a342b00
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1e.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1f.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1f.html
new file mode 100644
index 0000000000..93770c5c92
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1f.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1g.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1g.html
new file mode 100644
index 0000000000..e8ccb5f4bd
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1g.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1h.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1h.html
new file mode 100644
index 0000000000..9408f49e3f
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1h.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1i.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1i.html
new file mode 100644
index 0000000000..7b75ceeca9
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1i.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1j.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1j.html
new file mode 100644
index 0000000000..ba7cd24347
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-1j.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2-ref.html
new file mode 100644
index 0000000000..277da6e417
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2-ref.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 90px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 60px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 20px;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 30px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 35px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 70px;
+  }
+  .border-padding > header, .border-padding > nav, .border-padding > footer {
+    inset-block-start: 5px;
+  }
+  .border-padding > article {
+    inset-block-start: 30px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article style="inset-block-start: 30px"></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article style="inset-block-start: 35px"></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2.html
new file mode 100644
index 0000000000..daca4b2e6d
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-lr-2.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-lr-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. The block-size of the flex container is made shorter than its flex items.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 90px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made so that the flex items are wrapping into
+       three lines, and each line is 30px wide. */
+    block-size: 60px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 20px;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1-ref.html
new file mode 100644
index 0000000000..d5c0093980
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1a.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1a.html
new file mode 100644
index 0000000000..828dab446c
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1a.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1b.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1b.html
new file mode 100644
index 0000000000..f4bee1f443
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1b.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1c.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1c.html
new file mode 100644
index 0000000000..a4420b4edf
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1c.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    flex-grow: 2;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    flex-grow: 1;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1d.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1d.html
new file mode 100644
index 0000000000..675788a24f
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1d.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column-reverse flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    flex-grow: 2;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1e.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1e.html
new file mode 100644
index 0000000000..e8a63a8892
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1e.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1f.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1f.html
new file mode 100644
index 0000000000..87c9ada1b0
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1f.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1g.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1g.html
new file mode 100644
index 0000000000..31bee7d96b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1g.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1h.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1h.html
new file mode 100644
index 0000000000..5af8aa0903
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1h.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1i.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1i.html
new file mode 100644
index 0000000000..05fa7143d6
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1i.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1j.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1j.html
new file mode 100644
index 0000000000..862e96e121
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-1j.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2-ref.html
new file mode 100644
index 0000000000..543e00eee5
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2-ref.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 90px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 60px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 20px;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 30px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 35px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 70px;
+  }
+  .border-padding > header, .border-padding > nav, .border-padding > footer {
+    inset-block-start: 5px;
+  }
+  .border-padding > article {
+    inset-block-start: 30px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article style="inset-block-start: 30px"></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article style="inset-block-start: 35px"></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2.html b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2.html
new file mode 100644
index 0000000000..cdca9383af
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-column-vertical-rl-2.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-column-vertical-rl-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. The block-size of the flex container is made shorter than its flex items.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 90px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made so that the flex items are wrapping into
+       three lines, and each line is 30px wide. */
+    block-size: 60px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 20px;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-1-ref.html
new file mode 100644
index 0000000000..852c1947fe
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-1-ref.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .line {
+    inline-size: 60px;
+    block-size: 50px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+    float: left;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    float: right;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    float: left;
+    margin-block-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    float: right;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <div class="line"><header></header><nav></nav></div>
+        <div style="block-size: 20px"><!-- row-gap --></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-1a.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-1a.html
new file mode 100644
index 0000000000..893a31d8e4
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-1a.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-1b.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-1b.html
new file mode 100644
index 0000000000..c3d953451c
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-1b.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-1c.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-1c.html
new file mode 100644
index 0000000000..76ccbaebfe
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-1c.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-1d.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-1d.html
new file mode 100644
index 0000000000..4a4d022ed8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-1d.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-1e.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-1e.html
new file mode 100644
index 0000000000..a0c30f3744
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-1e.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-1f.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-1f.html
new file mode 100644
index 0000000000..82ab768672
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-1f.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-2-ref.html
new file mode 100644
index 0000000000..e6ab0cca4d
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-2-ref.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .line {
+    inline-size: 60px;
+    block-size: 70px;
+  }
+  .with-gap .line {
+    block-size: 60px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+    float: left;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    float: right;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    float: left;
+    margin-block-start: 15px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    float: right;
+    margin-block-start: 20px;
+  }
+  .with-gap article, .with-gap footer {
+    margin-block-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <div class="line"><header></header><nav></nav></div>
+        <div style="block-size: 20px"><!-- row-gap --></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-2a.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-2a.html
new file mode 100644
index 0000000000..587171bb34
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-2a.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-2b.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-2b.html
new file mode 100644
index 0000000000..602fdd9704
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-2b.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1-ref.html
new file mode 100644
index 0000000000..f982fa8ede
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1-ref.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .line {
+    inline-size: 60px;
+    block-size: 50px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+    float: left;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    float: right;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    float: left;
+    margin-block-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    float: right;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <div class="line"><header></header><nav></nav></div>
+        <div style="block-size: 20px"><!-- row-gap --></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1a.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1a.html
new file mode 100644
index 0000000000..c4d1202645
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1a.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1b.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1b.html
new file mode 100644
index 0000000000..bae2ec839a
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1b.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1c.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1c.html
new file mode 100644
index 0000000000..6e2135b123
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1c.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1d.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1d.html
new file mode 100644
index 0000000000..daed00e37a
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1d.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1e.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1e.html
new file mode 100644
index 0000000000..7dce6e8e39
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1e.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1f.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1f.html
new file mode 100644
index 0000000000..919e9929e9
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-1f.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2-ref.html
new file mode 100644
index 0000000000..0a9cbe6693
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2-ref.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .line {
+    inline-size: 60px;
+    block-size: 70px;
+  }
+  .with-gap .line {
+    block-size: 60px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+    float: left;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    float: right;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    float: left;
+    margin-block-start: 15px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    float: right;
+    margin-block-start: 20px;
+  }
+  .with-gap article, .with-gap footer {
+    margin-block-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <div class="line"><header></header><nav></nav></div>
+        <div style="block-size: 20px"><!-- row-gap --></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2a.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2a.html
new file mode 100644
index 0000000000..0f179a7d97
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2a.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2b.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2b.html
new file mode 100644
index 0000000000..70e7fed050
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-lr-2b.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-lr-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1-ref.html
new file mode 100644
index 0000000000..ee7733abce
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1-ref.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .line {
+    inline-size: 60px;
+    block-size: 50px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+    float: left;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    float: right;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    float: left;
+    margin-block-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    float: right;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <div class="line"><header></header><nav></nav></div>
+        <div style="block-size: 20px"><!-- row-gap --></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1a.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1a.html
new file mode 100644
index 0000000000..e4f176116f
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1a.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1b.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1b.html
new file mode 100644
index 0000000000..2ef258b2ac
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1b.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1c.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1c.html
new file mode 100644
index 0000000000..86a3464e2e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1c.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1d.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1d.html
new file mode 100644
index 0000000000..114b236dc5
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1d.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1e.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1e.html
new file mode 100644
index 0000000000..6f68852a65
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1e.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1f.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1f.html
new file mode 100644
index 0000000000..badaa3ce5d
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-1f.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2-ref.html
new file mode 100644
index 0000000000..85b754b4e9
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2-ref.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of multi-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .line {
+    inline-size: 60px;
+    block-size: 70px;
+  }
+  .with-gap .line {
+    block-size: 60px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+    float: left;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    float: right;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    float: left;
+    margin-block-start: 15px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    float: right;
+    margin-block-start: 20px;
+  }
+  .with-gap article, .with-gap footer {
+    margin-block-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <div class="line"><header></header><nav></nav></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <div class="line"><header></header><nav></nav></div>
+        <div style="block-size: 20px"><!-- row-gap --></div>
+        <div class="line"><article></article><footer></footer></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2a.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2a.html
new file mode 100644
index 0000000000..8de49ab568
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2a.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2b.html b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2b.html
new file mode 100644
index 0000000000..b361f265a2
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-multi-row-vertical-rl-2b.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size multi-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-multi-row-vertical-rl-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size multi-line row flex container, with various combinations of margin/border/padding, alignments, and gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 70px;
+    inline-size: 200px;
+    column-width: 60px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 140px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .with-gap {
+    row-gap: 20px;
+    column-gap: 10px;
+  }
+
+  header, nav, article, footer {
+    inline-size: 30px;
+  }
+  .with-gap header, .with-gap nav, .with-gap article, .with-gap footer {
+    inline-size: 25px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-end;
+  }
+  nav {
+    background: yellow;
+    block-size: 40px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-start;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding with-gap">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1-ref.html
new file mode 100644
index 0000000000..17c0956b48
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1-ref.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1a.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1a.html
new file mode 100644
index 0000000000..e753bcc8db
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1a.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1b.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1b.html
new file mode 100644
index 0000000000..cb9d69a8a8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1b.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1c.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1c.html
new file mode 100644
index 0000000000..490fa8c2ee
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1c.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    flex-grow: 2;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    flex-grow: 1;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1d.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1d.html
new file mode 100644
index 0000000000..93ab363268
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1d.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column-reverse flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    flex-grow: 2;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1e.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1e.html
new file mode 100644
index 0000000000..96176b4c72
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1e.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1f.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1f.html
new file mode 100644
index 0000000000..f7082184fb
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1f.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1g.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1g.html
new file mode 100644
index 0000000000..5b540a8db7
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1g.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1h.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1h.html
new file mode 100644
index 0000000000..c4999c5ecf
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1h.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1i.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1i.html
new file mode 100644
index 0000000000..fd669b2d4f
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1i.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-1j.html b/layout/reftests/flexbox/pagination/flexbox-single-column-1j.html
new file mode 100644
index 0000000000..ffc297cfb4
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-1j.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-2-ref.html
new file mode 100644
index 0000000000..19628eb7fa
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-2-ref.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 85px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-2.html b/layout/reftests/flexbox/pagination/flexbox-single-column-2.html
new file mode 100644
index 0000000000..c637be9bc8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-2.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. The block-size of the flex container is made shorter than its flex items.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than all its flex items. */
+    block-size: 85px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-shrink: 0;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-3-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-3-ref.html
new file mode 100644
index 0000000000..656b43db99
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-3-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+    padding-block: 15px;
+  }
+  .flexContainer {
+    background: gray;
+    box-decoration-break: clone;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-3a.html b/layout/reftests/flexbox/pagination/flexbox-single-column-3a.html
new file mode 100644
index 0000000000..46ee650173
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-3a.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, row-gap, and box-decoration-break:clone.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-3b.html b/layout/reftests/flexbox/pagination/flexbox-single-column-3b.html
new file mode 100644
index 0000000000..a8ec6511a3
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-3b.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, row-gap, and box-decoration-break:clone.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-4-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-4-ref.html
new file mode 100644
index 0000000000..f390e7d7ba
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-4-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container in print context</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .flexContainer {
+    display: block;
+    background: gray;
+    border: 0.25in solid lightgray;
+  }
+  article {
+    background: yellow;
+    block-size: 2in;
+  }
+  </style>
+
+  <body>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+    <div class="flexContainer">
+      <div class="flexContainer">
+        <div class="flexContainer">
+          <!-- <article> is expected to have 1 inch in the first page and 1 inch
+               in the second page.  -->
+          <article></article>
+        </div>
+      </div>
+    </div>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-4.html b/layout/reftests/flexbox/pagination/flexbox-single-column-4.html
new file mode 100644
index 0000000000..54d45a73ef
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-4.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of nested block-size:auto flex containers with a tall flex item in print context, not top-of-page</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-4-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of a tall flex item in nested block-size:auto single-line column flex containers in print context.">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    border: 0.25in solid lightgray;
+  }
+  article {
+    background: yellow;
+    block-size: 2in;
+  }
+  </style>
+
+  <body>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+    <div class="flexContainer">
+      <div class="flexContainer">
+        <div class="flexContainer">
+          <!-- <article> is expected to have 1 inch in the first page and 1 inch
+               in the second page.  -->
+          <article></article>
+        </div>
+      </div>
+    </div>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-5-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-5-ref.html
new file mode 100644
index 0000000000..b38576798a
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-5-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of block-size:auto single-line column flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: block;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-5.html b/layout/reftests/flexbox/pagination/flexbox-single-column-5.html
new file mode 100644
index 0000000000..ea2bc11222
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-5.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-5-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flex containers can make progress in a zero block-size multicol.">
+
+  <style>
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-6-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-6-ref.html
new file mode 100644
index 0000000000..e929a9a0d8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-6-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of a fixed block-size single-line column flex container and a fixed block-size flex item that has overflows</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: block;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than its flex items. */
+    block-size: 40px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  article {
+    inline-size: 30px;
+    /* Block-size is deliberately made shorter than its <div> child. */
+    block-size: 70px;
+    background: cyan;
+  }
+  article > div {
+    inline-size: 20px;
+    block-size: 140px;
+    background: magenta;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <article><div></div></article>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-6.html b/layout/reftests/flexbox/pagination/flexbox-single-column-6.html
new file mode 100644
index 0000000000..366a7670a7
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-6.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of a fixed block-size single-line column flex container and a fixed block-size flex item that has overflows</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-6-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of a fixed block-size flex item that has overflows in a fixed block-size single-line column flex container.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than its flex items. */
+    block-size: 40px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  article {
+    inline-size: 30px;
+    /* Block-size is deliberately made shorter than its <div> child. */
+    block-size: 70px;
+    background: cyan;
+  }
+  article > div {
+    inline-size: 20px;
+    block-size: 140px;
+    background: magenta;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <article><div></div></article>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1-ref.html
new file mode 100644
index 0000000000..a2884afe0b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1a.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1a.html
new file mode 100644
index 0000000000..8e2b234518
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1a.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1b.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1b.html
new file mode 100644
index 0000000000..32d55664ed
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1b.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1c.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1c.html
new file mode 100644
index 0000000000..4b14b7a58c
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1c.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    flex-grow: 2;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    flex-grow: 1;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1d.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1d.html
new file mode 100644
index 0000000000..82cfc64f47
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1d.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column-reverse flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    flex-grow: 2;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1e.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1e.html
new file mode 100644
index 0000000000..fbb208b2ac
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1e.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1f.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1f.html
new file mode 100644
index 0000000000..04dff8815b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1f.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1g.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1g.html
new file mode 100644
index 0000000000..fa60c2da31
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1g.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1h.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1h.html
new file mode 100644
index 0000000000..f07619eea8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1h.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1i.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1i.html
new file mode 100644
index 0000000000..510016392a
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1i.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1j.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1j.html
new file mode 100644
index 0000000000..dff871d161
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-1j.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2-ref.html
new file mode 100644
index 0000000000..a65e6d42e2
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2-ref.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 85px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2.html
new file mode 100644
index 0000000000..3bfa127e2f
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-2.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. The block-size of the flex container is made shorter than its flex items.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than all its flex items. */
+    block-size: 85px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-shrink: 0;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3-ref.html
new file mode 100644
index 0000000000..fe6ca715c6
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3-ref.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+    padding-block: 15px;
+  }
+  .flexContainer {
+    background: gray;
+    box-decoration-break: clone;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3a.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3a.html
new file mode 100644
index 0000000000..04c459a045
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3a.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, row-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3b.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3b.html
new file mode 100644
index 0000000000..0e9a2a40ec
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-3b.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, row-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4-ref.html
new file mode 100644
index 0000000000..c6e933cb50
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container in print context</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .flexContainer {
+    display: block;
+    background: gray;
+    border: 0.25in solid lightgray;
+  }
+  article {
+    background: yellow;
+    block-size: 2in;
+  }
+  </style>
+
+  <body>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+    <div class="flexContainer">
+      <div class="flexContainer">
+        <div class="flexContainer">
+          <!-- <article> is expected to have 1 inch in the first page and 1 inch
+               in the second page.  -->
+          <article></article>
+        </div>
+      </div>
+    </div>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4.html
new file mode 100644
index 0000000000..6b9e964736
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-4.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of nested block-size:auto flex containers with a tall flex item in print context, not top-of-page</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-4-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of a tall flex item in nested block-size:auto single-line column flex containers in print context.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    border: 0.25in solid lightgray;
+  }
+  article {
+    background: yellow;
+    block-size: 2in;
+  }
+  </style>
+
+  <body>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+    <div class="flexContainer">
+      <div class="flexContainer">
+        <div class="flexContainer">
+          <!-- <article> is expected to have 1 inch in the first page and 1 inch
+               in the second page.  -->
+          <article></article>
+        </div>
+      </div>
+    </div>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5-ref.html
new file mode 100644
index 0000000000..93407a8a58
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of block-size:auto single-line column flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: block;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5.html
new file mode 100644
index 0000000000..abece966b0
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-5.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-5-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flex containers can make progress in a zero block-size multicol.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6-ref.html
new file mode 100644
index 0000000000..7ac7d3b6b0
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of a fixed block-size single-line column flex container and a fixed block-size flex item that has overflows</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: block;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than its flex items. */
+    block-size: 40px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  article {
+    inline-size: 30px;
+    /* Block-size is deliberately made shorter than its <div> child. */
+    block-size: 70px;
+    background: cyan;
+  }
+  article > div {
+    inline-size: 20px;
+    block-size: 140px;
+    background: magenta;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <article><div></div></article>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6.html
new file mode 100644
index 0000000000..4467324393
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-lr-6.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of a fixed block-size single-line column flex container and a fixed block-size flex item that has overflows</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-lr-6-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of a fixed block-size flex item that has overflows in a fixed block-size single-line column flex container.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than its flex items. */
+    block-size: 40px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  article {
+    inline-size: 30px;
+    /* Block-size is deliberately made shorter than its <div> child. */
+    block-size: 70px;
+    background: cyan;
+  }
+  article > div {
+    inline-size: 20px;
+    block-size: 140px;
+    background: magenta;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <article><div></div></article>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1-ref.html
new file mode 100644
index 0000000000..32b3f252a7
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1a.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1a.html
new file mode 100644
index 0000000000..e2f0d449d5
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1a.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1b.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1b.html
new file mode 100644
index 0000000000..23f2f64e55
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1b.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1c.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1c.html
new file mode 100644
index 0000000000..02f81d5ff8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1c.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    flex-grow: 2;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    flex-grow: 1;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1d.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1d.html
new file mode 100644
index 0000000000..19f5ba3355
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1d.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column-reverse flex container with flexible length flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flexible length flex items in a fixed block-size single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 150px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+    flex-grow: 2;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    flex-grow: 1;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    flex-grow: 2;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="block-size: 165px; row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1e.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1e.html
new file mode 100644
index 0000000000..dc2f8b1f81
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1e.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1f.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1f.html
new file mode 100644
index 0000000000..4801203c5e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1f.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 50px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1g.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1g.html
new file mode 100644
index 0000000000..94d5f4442b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1g.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1h.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1h.html
new file mode 100644
index 0000000000..56b7b0a434
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1h.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1i.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1i.html
new file mode 100644
index 0000000000..3b2e82693b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1i.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1j.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1j.html
new file mode 100644
index 0000000000..d551e539d8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-1j.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, and row-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2-ref.html
new file mode 100644
index 0000000000..4131706f62
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2-ref.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 85px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2.html
new file mode 100644
index 0000000000..1306a1f7fc
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-2.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a fixed block-size single-line column flex container, with various combinations of margin/border/padding, alignments, and row-gap. The block-size of the flex container is made shorter than its flex items.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than all its flex items. */
+    block-size: 85px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-shrink: 0;
+  }
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3-ref.html
new file mode 100644
index 0000000000..610f8b2359
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3-ref.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+    padding-block: 15px;
+  }
+  .flexContainer {
+    background: gray;
+    box-decoration-break: clone;
+  }
+  .gap {
+    block-size: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    position: relative;
+    inset-inline-start: 5px;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    position: relative;
+    inset-inline-start: 10px;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><div class="gap"></div><nav></nav><div class="gap"></div><article></article><div class="gap"></div><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3a.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3a.html
new file mode 100644
index 0000000000..5055c7d3c9
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3a.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line column flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column flex container, with various combinations of margin/border/padding, alignments, row-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header {
+    background: cyan;
+    block-size: 50px;
+  }
+  nav, article, footer {
+    inline-size: 30px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3b.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3b.html
new file mode 100644
index 0000000000..ff768b0d0e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-3b.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line column-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line column-reverse flex container, with various combinations of margin/border/padding, alignments, row-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column-reverse;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer {
+    background: cyan;
+    block-size: 50px;
+  }
+  article, nav, header {
+    inline-size: 30px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 25px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 50px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with row-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="row-gap: 5px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4-ref.html
new file mode 100644
index 0000000000..7f2b80d28d
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container in print context</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .flexContainer {
+    display: block;
+    background: gray;
+    border: 0.25in solid lightgray;
+  }
+  article {
+    background: yellow;
+    block-size: 2in;
+  }
+  </style>
+
+  <body>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+    <div class="flexContainer">
+      <div class="flexContainer">
+        <div class="flexContainer">
+          <!-- <article> is expected to have 1 inch in the first page and 1 inch
+               in the second page.  -->
+          <article></article>
+        </div>
+      </div>
+    </div>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4.html
new file mode 100644
index 0000000000..9fbdb6e0cd
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-4.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of nested block-size:auto flex containers with a tall flex item in print context, not top-of-page</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-4-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of a tall flex item in nested block-size:auto single-line column flex containers in print context.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    border: 0.25in solid lightgray;
+  }
+  article {
+    background: yellow;
+    block-size: 2in;
+  }
+  </style>
+
+  <body>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+    <div class="flexContainer">
+      <div class="flexContainer">
+        <div class="flexContainer">
+          <!-- <article> is expected to have 1 inch in the first page and 1 inch
+               in the second page.  -->
+          <article></article>
+        </div>
+      </div>
+    </div>
+    <div style="block-size: 0.25in; background: lightblue"></div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5-ref.html
new file mode 100644
index 0000000000..ab12ac5cf8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of block-size:auto single-line column flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: block;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5.html
new file mode 100644
index 0000000000..5ec4c440de
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-5.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-5-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flex containers can make progress in a zero block-size multicol.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6-ref.html
new file mode 100644
index 0000000000..163d3393b2
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of a fixed block-size single-line column flex container and a fixed block-size flex item that has overflows</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: block;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than its flex items. */
+    block-size: 40px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  article {
+    inline-size: 30px;
+    /* Block-size is deliberately made shorter than its <div> child. */
+    block-size: 70px;
+    background: cyan;
+  }
+  article > div {
+    inline-size: 20px;
+    block-size: 140px;
+    background: magenta;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <article><div></div></article>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6.html b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6.html
new file mode 100644
index 0000000000..8a3706050b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-column-vertical-rl-6.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of a fixed block-size single-line column flex container and a fixed block-size flex item that has overflows</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-column-vertical-rl-6-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of a fixed block-size flex item that has overflows in a fixed block-size single-line column flex container.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 190px;
+    column-width: 40px;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than its flex items. */
+    block-size: 40px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  article {
+    inline-size: 30px;
+    /* Block-size is deliberately made shorter than its <div> child. */
+    block-size: 70px;
+    background: cyan;
+  }
+  article > div {
+    inline-size: 20px;
+    block-size: 140px;
+    background: magenta;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <article><div></div></article>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <article><div></div></article>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1-ref.html
new file mode 100644
index 0000000000..6ec3a56de4
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1-ref.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 100px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <!-- Adjust top to simulate padding. -->
+        <header style="inset-block-start: 5px"></header><nav style="inset-block-start: 5px"></nav>
+        <article style="inset-block-start: 30px"></article><footer style="inset-block-start: 30px"></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px; inset-block-start: 5px"></header>
+        <nav style="inline-size: 22px; inset-block-start: 5px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 30px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 30px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1a.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1a.html
new file mode 100644
index 0000000000..7b46bb1a87
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1a.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1b.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1b.html
new file mode 100644
index 0000000000..54e77b913b
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1b.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1c.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1c.html
new file mode 100644
index 0000000000..d1f1c5f2f7
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1c.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 50px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1d.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1d.html
new file mode 100644
index 0000000000..6da222694c
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1d.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 50px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1e.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1e.html
new file mode 100644
index 0000000000..4e31713f60
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1e.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.  Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1f.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1f.html
new file mode 100644
index 0000000000..817139d2e8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1f.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 30px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1g.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1g.html
new file mode 100644
index 0000000000..428efa2948
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1g.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.  Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-1h.html b/layout/reftests/flexbox/pagination/flexbox-single-row-1h.html
new file mode 100644
index 0000000000..f19aa98d79
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-1h.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-2-ref.html
new file mode 100644
index 0000000000..a18b1de965
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-2-ref.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 80px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 15px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 5px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <!-- Adjust top to simulate padding. -->
+        <header style="inset-block-start: 5px"></header><nav style="inset-block-start: 5px"></nav>
+        <article style="inset-block-start: 20px"></article><footer style="inset-block-start: 10px"></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px; inset-block-start: 5px"></header>
+        <nav style="inline-size: 22px; inset-block-start: 5px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 20px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 10px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-2.html b/layout/reftests/flexbox/pagination/flexbox-single-row-2.html
new file mode 100644
index 0000000000..b114f96af2
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-2.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap. The block-size of the flex container is made shorter than <header>.">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than <header>. */
+    block-size: 80px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-3-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-3-ref.html
new file mode 100644
index 0000000000..608b8670e3
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-3-ref.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+    padding-block: 15px;
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid white;
+    block-size: 100px;
+    position: relative;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px"></header>
+        <nav style="inline-size: 22px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 25px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 25px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-3a.html b/layout/reftests/flexbox/pagination/flexbox-single-row-3a.html
new file mode 100644
index 0000000000..0fced5023a
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-3a.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, column-gap, and box-decoration-break:clone.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-3b.html b/layout/reftests/flexbox/pagination/flexbox-single-row-3b.html
new file mode 100644
index 0000000000..85bb663fa6
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-3b.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, column-gap, and box-decoration-break:clone.">
+
+  <style>
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-4-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-4-ref.html
new file mode 100644
index 0000000000..ebc6d6aab8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-4-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of block-size:auto single-line row flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: block;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abcdef</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abcdef</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-4.html b/layout/reftests/flexbox/pagination/flexbox-single-row-4.html
new file mode 100644
index 0000000000..9377d31bd2
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-4.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-4-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flex containers can make progress in a zero block-size multicol.">
+
+  <style>
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1-ref.html
new file mode 100644
index 0000000000..1245878626
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1-ref.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 100px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <!-- Adjust top to simulate padding. -->
+        <header style="inset-block-start: 5px"></header><nav style="inset-block-start: 5px"></nav>
+        <article style="inset-block-start: 30px"></article><footer style="inset-block-start: 30px"></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px; inset-block-start: 5px"></header>
+        <nav style="inline-size: 22px; inset-block-start: 5px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 30px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 30px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1a.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1a.html
new file mode 100644
index 0000000000..d217e40a79
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1a.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1b.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1b.html
new file mode 100644
index 0000000000..36606eb9c2
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1b.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1c.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1c.html
new file mode 100644
index 0000000000..2d15eec1a3
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1c.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 50px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1d.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1d.html
new file mode 100644
index 0000000000..342adad6f5
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1d.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 50px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1e.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1e.html
new file mode 100644
index 0000000000..3d0264a80c
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1e.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.  Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1f.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1f.html
new file mode 100644
index 0000000000..643264e68e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1f.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1g.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1g.html
new file mode 100644
index 0000000000..a29456fbe0
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1g.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.  Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1h.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1h.html
new file mode 100644
index 0000000000..7773a72a77
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-1h.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2-ref.html
new file mode 100644
index 0000000000..e7f573a0c8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2-ref.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 80px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 15px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 5px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <!-- Adjust top to simulate padding. -->
+        <header style="inset-block-start: 5px"></header><nav style="inset-block-start: 5px"></nav>
+        <article style="inset-block-start: 20px"></article><footer style="inset-block-start: 10px"></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px; inset-block-start: 5px"></header>
+        <nav style="inline-size: 22px; inset-block-start: 5px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 20px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 10px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2.html
new file mode 100644
index 0000000000..3630cc9115
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-2.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap. The block-size of the flex container is made shorter than <header>.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than <header>. */
+    block-size: 80px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3-ref.html
new file mode 100644
index 0000000000..93e9e832a8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3-ref.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+    padding-block: 15px;
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid white;
+    block-size: 100px;
+    position: relative;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px"></header>
+        <nav style="inline-size: 22px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 25px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 25px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3a.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3a.html
new file mode 100644
index 0000000000..5fc9c58f7e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3a.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, column-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3b.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3b.html
new file mode 100644
index 0000000000..e4f7adca3e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-3b.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, column-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4-ref.html
new file mode 100644
index 0000000000..8da3eb8c4e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of block-size:auto single-line row flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: block;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abcdef</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abcdef</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4.html
new file mode 100644
index 0000000000..bddacb191c
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-lr-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-lr-4-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flex containers can make progress in a zero block-size multicol.">
+
+  <style>
+  html {
+    writing-mode: vertical-lr;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1-ref.html
new file mode 100644
index 0000000000..7a0e90dcde
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1-ref.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 100px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <!-- Adjust top to simulate padding. -->
+        <header style="inset-block-start: 5px"></header><nav style="inset-block-start: 5px"></nav>
+        <article style="inset-block-start: 30px"></article><footer style="inset-block-start: 30px"></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px; inset-block-start: 5px"></header>
+        <nav style="inline-size: 22px; inset-block-start: 5px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 30px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 30px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1a.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1a.html
new file mode 100644
index 0000000000..925f83b062
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1a.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1b.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1b.html
new file mode 100644
index 0000000000..e8ef47b929
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1b.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1c.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1c.html
new file mode 100644
index 0000000000..d8b92674d8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1c.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+  }
+  header > div {
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    align-self: flex-start;
+  }
+  nav > div {
+    block-size: 25px;
+  }
+  article {
+    background: yellow;
+    align-self: center;
+  }
+  article > div {
+    block-size: 50px;
+  }
+  footer {
+    background: black;
+    align-self: flex-end;
+  }
+  footer > div {
+    block-size: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1d.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1d.html
new file mode 100644
index 0000000000..b73bf25ea8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1d.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with block-size:auto flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of block-size:auto flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+  }
+  footer > div {
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    align-self: flex-start;
+  }
+  article > div {
+    block-size: 25px;
+  }
+  nav {
+    background: yellow;
+    align-self: center;
+  }
+  nav > div {
+    block-size: 50px;
+  }
+  header {
+    background: black;
+    align-self: flex-end;
+  }
+  header > div {
+    block-size: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header><div></div></header><nav><div></div></nav>
+        <article><div></div></article><footer><div></div></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1e.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1e.html
new file mode 100644
index 0000000000..31417fe384
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1e.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.  Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1f.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1f.html
new file mode 100644
index 0000000000..4102f94e09
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1f.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap. Also use a script to enlarge multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 30px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Enlarge the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1g.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1g.html
new file mode 100644
index 0000000000..149a2b0c14
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1g.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap.  Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1h.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1h.html
new file mode 100644
index 0000000000..dd254dc1a8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-1h.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-1-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, and column-gap. Also use a script to shrink multicol block-size.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  footer, article, nav, header {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+
+  body.multicol-children-block-size > .multicol {
+    block-size: 50px;
+  }
+  </style>
+
+  <script>
+  function runTest() {
+    document.body.offsetHeight;
+
+    /* Shrink the multicol's block-size to exercise pulling and pushing flex items
+       of an already fragmented flex container. */
+    document.body.classList.add("multicol-children-block-size");
+  }
+  </script>
+
+  <body onload="runTest()">
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2-ref.html
new file mode 100644
index 0000000000..62934a94d0
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2-ref.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    block-size: 80px;
+    position: relative;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 15px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 5px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <!-- Adjust top to simulate padding. -->
+        <header style="inset-block-start: 5px"></header><nav style="inset-block-start: 5px"></nav>
+        <article style="inset-block-start: 20px"></article><footer style="inset-block-start: 10px"></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px; inset-block-start: 5px"></header>
+        <nav style="inline-size: 22px; inset-block-start: 5px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 20px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 10px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2.html
new file mode 100644
index 0000000000..51a996eafd
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-2.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of fixed block-size single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-2-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, and column-gap. The block-size of the flex container is made shorter than <header>.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid lightgray;
+    /* Block-size is deliberately made shorter than <header>. */
+    block-size: 80px;
+  }
+  .border-padding {
+    border-block-width: 10px;
+    padding-block: 5px;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Basic one without any margin/border/padding. -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border and padding. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3-ref.html
new file mode 100644
index 0000000000..f71268870d
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3-ref.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of single-line row flex container</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 50px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+    padding-block: 15px;
+  }
+  .flexContainer {
+    background: gray;
+    /* border-width is 0 by default; some sub-testcases will increase it. */
+    border: 0 solid white;
+    block-size: 100px;
+    position: relative;
+  }
+  .gap {
+    inline-size: 4px;
+    block-size: 100%;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    inline-size: 25px;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+    position: absolute;
+    inset-block-start: 0px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    position: absolute;
+    inset-block-start: 0px;
+    inset-inline-start: 25px;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 50px;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    position: absolute;
+    inset-block-start: 25px;
+    inset-inline-start: 75px;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with border, padding, and column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer border-padding">
+        <header style="inline-size: 22px"></header>
+        <nav style="inline-size: 22px; inset-inline-start: 26px"></nav>
+        <article style="inline-size: 22px; inset-block-start: 25px; inset-inline-start: 52px;"></article>
+        <footer style="inline-size: 22px; inset-block-start: 25px; inset-inline-start: 78px;"></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3a.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3a.html
new file mode 100644
index 0000000000..6d4fb10d60
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3a.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line row flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row flex container, with various combinations of margin/border/padding, alignments, column-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  header {
+    background: cyan;
+    block-size: 100px;
+  }
+  nav {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  article {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  footer {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3b.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3b.html
new file mode 100644
index 0000000000..cdd15cddeb
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-3b.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto and box-decoration-break:clone single-line row-reverse flex container with fixed block-size flex items</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-3-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of fixed block-size flex items in a block-size:auto single-line row-reverse flex container, with various combinations of margin/border/padding, alignments, column-gap, and box-decoration-break:clone.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    block-size: 80px;
+    inline-size: 320px;
+    column-count: 3;
+    column-fill: auto;
+    column-gap: 10px;
+    border: 5px solid orange;
+    margin-block-end: 5px; /* Just to separate each sub-testcase visually. */
+  }
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    background: gray;
+    border: 0 solid white;
+    border-block-width: 15px;
+    box-decoration-break: clone;
+  }
+
+  /* Note: flex items are in visual order as "CMYK": cyan, magenta, yellow, black. */
+  header, nav, article, footer {
+    flex-grow: 1;
+  }
+  footer {
+    background: cyan;
+    block-size: 100px;
+  }
+  article {
+    background: magenta;
+    block-size: 25px;
+    align-self: flex-start;
+  }
+  nav {
+    background: yellow;
+    block-size: 50px;
+    align-self: center;
+  }
+  header {
+    background: black;
+    block-size: 75px;
+    align-self: flex-end;
+  }
+  </style>
+
+  <body>
+    <!-- Test a container with margin-block-start. -->
+    <div class="multicol">
+      <div class="flexContainer" style="margin-block-start: 25px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container not at the top of the column/page. -->
+    <div class="multicol">
+      <div style="block-size: 25px"></div>
+      <div class="flexContainer">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+
+    <!-- Test a container with column-gap. -->
+    <div class="multicol">
+      <div class="flexContainer" style="column-gap: 4px">
+        <header></header><nav></nav><article></article><footer></footer>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4-ref.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4-ref.html
new file mode 100644
index 0000000000..1e9e887f95
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test Reference: Fragmentation of block-size:auto single-line row flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: block;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abcdef</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abcdef</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4.html b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4.html
new file mode 100644
index 0000000000..c8e4293e3e
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-single-row-vertical-rl-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <meta charset="utf-8">
+  <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line row flex container in a zero block-size multicol</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#pagination">
+  <link rel="match" href="flexbox-single-row-vertical-rl-4-ref.html">
+  <meta name="assert" content="This test verifies fragmentation of flex containers can make progress in a zero block-size multicol.">
+
+  <style>
+  html {
+    writing-mode: vertical-rl;
+  }
+  .multicol {
+    column-count: 2;
+    block-size: 0;
+    border: 1px solid black;
+    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
+  }
+
+  .flexContainer {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    padding: 1px;
+  }
+
+  .boxDecorationBreak {
+    padding: 5px;
+    box-decoration-break: clone;
+  }
+
+  </style>
+
+  <body>
+    <!-- Basic one with padding on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+
+    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
+    <div class="multicol">
+      <div class="flexContainer boxDecorationBreak">
+        <div>abc</div><div>def</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1-ref.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1-ref.html
new file mode 100644
index 0000000000..b9892af217
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      display: block;
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a-wrap.html
new file mode 100644
index 0000000000..e12e39ace1
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a-wrap.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row" and
+     "flex-wrap: wrap".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a.html
new file mode 100644
index 0000000000..2dde592514
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1a.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b-wrap.html
new file mode 100644
index 0000000000..5e5aa0ba7d
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b-wrap.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row-reverse" and
+     "flex-wrap: wrap".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row-reverse;
+      flex-wrap: wrap;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b.html
new file mode 100644
index 0000000000..2ea73ddfb7
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1b.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row-reverse;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c-wrap.html
new file mode 100644
index 0000000000..47a01df2cb
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c-wrap.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column" and
+     "flex-wrap: wrap".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      flex-wrap: wrap;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c.html
new file mode 100644
index 0000000000..9aeda66e04
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1c.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d-wrap.html
new file mode 100644
index 0000000000..c9c7f484ba
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d-wrap.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column-reverse"
+     and "flex-wrap: wrap".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column-reverse;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d.html
new file mode 100644
index 0000000000..adb1447519
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-1d.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column-reverse".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column-reverse;
+      justify-content: flex-end;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2-ref.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2-ref.html
new file mode 100644
index 0000000000..458ddd8cd1
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2-ref.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with several children in a
+     multi-line vertical flexbox.
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 38px;
+      width: 100px;
+      column-width: 60px;
+      column-fill: auto;
+      border: 2px solid purple;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      background: yellow;
+    }
+    .item {
+      width: 40px;
+      height: 15px;
+      border: 1px dotted teal;
+      margin: 1px;
+      font: 10px serif;
+      float: left;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: calc(19px*3)">
+        <div style="width: 50px">
+          <div class="item">1</div>
+          <div class="item">2</div>
+          <div class="item">3</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- auto-height container, with enough children that our last flex line
+         overflows (in the cross axis) -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: calc(19px*5)">
+        <div style="width: 50px">
+          <div class="item">1</div>
+          <div class="item">2</div>
+          <div class="item">3</div>
+          <div class="item">4</div>
+          <div class="item">5</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- fixed-height container-->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 70px">
+        <div style="width: 50px">
+          <div class="item">1</div>
+          <div class="item">2</div>
+          <div class="item">3</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- fixed-height container, with enough children that our last flex line
+         overflows (in the cross axis) -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 70px">
+        <div style="width: 100px">
+          <div class="item">1</div>
+          <div class="item">4</div>
+          <div class="item">2</div>
+          <div class="item">5</div>
+          <div class="item">3</div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2.html
new file mode 100644
index 0000000000..5989681ae4
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-2.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with several children in a
+     multi-line vertical flexbox.
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 38px;
+      width: 100px;
+      column-width: 60px;
+      column-fill: auto;
+      border: 2px solid purple;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      flex-wrap: wrap;
+      align-content: flex-start;
+      background: yellow;
+    }
+    .item {
+      width: 40px;
+      height: 15px;
+      border: 1px dotted teal;
+      margin: 1px;
+      font: 10px serif;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="item">1</div>
+        <div class="item">2</div>
+        <div class="item">3</div>
+      </div>
+    </div>
+
+    <!-- auto-height container, with enough children that our last flex line
+         overflows (in the cross axis) -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <div class="item">1</div>
+        <div class="item">2</div>
+        <div class="item">3</div>
+        <div class="item">4</div>
+        <div class="item">5</div>
+      </div>
+    </div>
+
+    <!-- fixed-height container-->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 70px">
+        <div class="item">1</div>
+        <div class="item">2</div>
+        <div class="item">3</div>
+      </div>
+    </div>
+
+    <!-- fixed-height container, with enough children that our last flex line
+         overflows (in the cross axis) -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 70px">
+        <div class="item">1</div>
+        <div class="item">2</div>
+        <div class="item">3</div>
+        <div class="item">4</div>
+        <div class="item">5</div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3-ref.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3-ref.html
new file mode 100644
index 0000000000..e21ddc8d23
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+      position: relative;
+    }
+    .flexContainer {
+      width: 40px;
+      background: teal;
+      border: 1px dashed black;
+    }
+    .continuation {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+    .item {
+      display: block;
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+      <div class="flexContainer continuation" style="height: 0px"></div>
+    </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+      <div class="flexContainer continuation" style="height: 0px"></div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+      <div class="flexContainer continuation" style="height: 4px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a-wrap.html
new file mode 100644
index 0000000000..074a676db5
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a-wrap.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row",
+     "flex-wrap: wrap", and "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a.html
new file mode 100644
index 0000000000..2196040388
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3a.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row" and
+     "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b-wrap.html
new file mode 100644
index 0000000000..3dbec66a67
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b-wrap.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row-reverse",
+     "flex-wrap: wrap" and "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row-reverse;
+      flex-wrap: wrap;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b.html
new file mode 100644
index 0000000000..b3f3211633
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3b.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: row-reverse" and
+     "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: row-reverse;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c-wrap.html
new file mode 100644
index 0000000000..0a36b822f2
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c-wrap.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column",
+     "flex-wrap: wrap", and "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      flex-wrap: wrap;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c.html
new file mode 100644
index 0000000000..80a35406dd
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3c.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column" and
+     "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d-wrap.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d-wrap.html
new file mode 100644
index 0000000000..c76e8d12a8
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d-wrap.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column-reverse",
+     "flex-wrap: wrap" and "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column-reverse;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d.html b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d.html
new file mode 100644
index 0000000000..f78ad833bf
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/flexbox-unbreakable-child-3d.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Testcase for how we fragment a flex container with a single unbreakable
+     child, with the flex container having "flex-direction: column-reverse" and
+     "box-decoration-break: clone".
+-->
+<html>
+  <head>
+    <style>
+    .multicol {
+      height: 10px;
+      width: 100px;
+      column-width: 30px;
+      column-fill: auto;
+      border: 2px solid orange;
+      margin-bottom: 15px; /* (just for spacing between testcases) */
+    }
+    .flexContainer {
+      display: flex;
+      flex-direction: column-reverse;
+      justify-content: flex-end;
+      background: teal;
+      border: 1px dashed black;
+      box-decoration-break: clone;
+    }
+    .item {
+      width: 100%;
+      height: 20px;
+      flex: none;
+    }
+    </style>
+  </head>
+  <body>
+    <!-- auto-height container: -->
+    <div class="multicol">
+      <div class="flexContainer">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, smaller than available height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 8px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, between available height and child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 15px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, same as child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 20px">
+        <img src="" class="item">
+      </div>
+    </div>
+
+    <!-- fixed-height container, larger than child height: -->
+    <div class="multicol">
+      <div class="flexContainer" style="height: 24px">
+        <img src="" class="item">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/flexbox/pagination/reftest.list b/layout/reftests/flexbox/pagination/reftest.list
new file mode 100644
index 0000000000..cb5e5e9a57
--- /dev/null
+++ b/layout/reftests/flexbox/pagination/reftest.list
@@ -0,0 +1,214 @@
+# Tests with an empty flex container being fragmented:
+== flexbox-empty-1a.html flexbox-empty-1-ref.html
+== flexbox-empty-1b.html flexbox-empty-1-ref.html
+== flexbox-empty-1c.html flexbox-empty-1-ref.html
+== flexbox-empty-1d.html flexbox-empty-1-ref.html
+
+# Tests with an empty flex container that overflows a short fixed-height block
+# being fragmented:
+== flexbox-empty-1e.html flexbox-empty-1-ref.html
+== flexbox-empty-1f.html flexbox-empty-1-ref.html
+== flexbox-empty-1g.html flexbox-empty-1-ref.html
+== flexbox-empty-1h.html flexbox-empty-1-ref.html
+
+# Tests with an empty flex container being fragmented, with margin, border,
+# and/or padding being taller than the available height:
+fuzzy-if(Android,0-128,0-10) == flexbox-empty-2a.html flexbox-empty-2-ref.html
+fuzzy-if(Android,0-128,0-10) == flexbox-empty-2b.html flexbox-empty-2-ref.html
+fuzzy-if(Android,0-128,0-10) == flexbox-empty-2c.html flexbox-empty-2-ref.html
+fuzzy-if(Android,0-128,0-10) == flexbox-empty-2d.html flexbox-empty-2-ref.html
+
+# Tests for how we fragment a flex container with one unbreakable child
+== flexbox-unbreakable-child-1a.html      flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-1a-wrap.html flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-1b.html      flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-1b-wrap.html flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-1c.html      flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-1c-wrap.html flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-1d.html      flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-1d-wrap.html flexbox-unbreakable-child-1-ref.html
+== flexbox-unbreakable-child-2.html       flexbox-unbreakable-child-2-ref.html
+
+# Tests for how we fragment a flex container with one unbreakable child and
+# "box-decoration-break: clone"
+== flexbox-unbreakable-child-3a.html      flexbox-unbreakable-child-3-ref.html
+== flexbox-unbreakable-child-3a-wrap.html flexbox-unbreakable-child-3-ref.html
+== flexbox-unbreakable-child-3b.html      flexbox-unbreakable-child-3-ref.html
+== flexbox-unbreakable-child-3b-wrap.html flexbox-unbreakable-child-3-ref.html
+== flexbox-unbreakable-child-3c.html      flexbox-unbreakable-child-3-ref.html
+== flexbox-unbreakable-child-3c-wrap.html flexbox-unbreakable-child-3-ref.html
+== flexbox-unbreakable-child-3d.html      flexbox-unbreakable-child-3-ref.html
+== flexbox-unbreakable-child-3d-wrap.html flexbox-unbreakable-child-3-ref.html
+
+# Tests for how we fragment flex items in a single-line column flex container.
+== flexbox-single-column-1a.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1b.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1c.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1d.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1e.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1f.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1g.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1h.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1i.html flexbox-single-column-1-ref.html
+== flexbox-single-column-1j.html flexbox-single-column-1-ref.html
+== flexbox-single-column-2.html flexbox-single-column-2-ref.html
+== flexbox-single-column-3a.html flexbox-single-column-3-ref.html
+== flexbox-single-column-3b.html flexbox-single-column-3-ref.html
+== flexbox-single-column-4.html flexbox-single-column-4-ref.html
+== flexbox-single-column-5.html flexbox-single-column-5-ref.html
+== flexbox-single-column-6.html flexbox-single-column-6-ref.html
+
+# Tests for how we fragment flex items in a single-line column flex container
+# under "writing-mode: vertical-lr".
+== flexbox-single-column-vertical-lr-1a.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1b.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1c.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1d.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1e.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1f.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1g.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1h.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1i.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-1j.html flexbox-single-column-vertical-lr-1-ref.html
+== flexbox-single-column-vertical-lr-2.html flexbox-single-column-vertical-lr-2-ref.html
+== flexbox-single-column-vertical-lr-3a.html flexbox-single-column-vertical-lr-3-ref.html
+== flexbox-single-column-vertical-lr-3b.html flexbox-single-column-vertical-lr-3-ref.html
+== flexbox-single-column-vertical-lr-4.html flexbox-single-column-vertical-lr-4-ref.html
+== flexbox-single-column-vertical-lr-5.html flexbox-single-column-vertical-lr-5-ref.html
+== flexbox-single-column-vertical-lr-6.html flexbox-single-column-vertical-lr-6-ref.html
+
+# Tests for how we fragment flex items in a single-line column flex container
+# under "writing-mode: vertical-rl".
+== flexbox-single-column-vertical-rl-1a.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1b.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1c.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1d.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1e.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1f.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1g.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1h.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1i.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-1j.html flexbox-single-column-vertical-rl-1-ref.html
+== flexbox-single-column-vertical-rl-2.html flexbox-single-column-vertical-rl-2-ref.html
+== flexbox-single-column-vertical-rl-3a.html flexbox-single-column-vertical-rl-3-ref.html
+== flexbox-single-column-vertical-rl-3b.html flexbox-single-column-vertical-rl-3-ref.html
+== flexbox-single-column-vertical-rl-4.html flexbox-single-column-vertical-rl-4-ref.html
+== flexbox-single-column-vertical-rl-5.html flexbox-single-column-vertical-rl-5-ref.html
+== flexbox-single-column-vertical-rl-6.html flexbox-single-column-vertical-rl-6-ref.html
+
+# Tests for how we fragment flex items in a multi-line column flex container.
+== flexbox-multi-column-1a.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1b.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1c.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1d.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1e.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1f.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1g.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1h.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1i.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-1j.html flexbox-multi-column-1-ref.html
+== flexbox-multi-column-2.html flexbox-multi-column-2-ref.html
+
+# Tests for how we fragment flex items in a multi-line column flex container
+# under "writing-mode: vertical-lr".
+== flexbox-multi-column-vertical-lr-1a.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1b.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1c.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1d.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1e.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1f.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1g.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1h.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1i.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-1j.html flexbox-multi-column-vertical-lr-1-ref.html
+== flexbox-multi-column-vertical-lr-2.html flexbox-multi-column-vertical-lr-2-ref.html
+
+# Tests for how we fragment flex items in a multi-line column flex container
+# under "writing-mode: vertical-rl".
+== flexbox-multi-column-vertical-rl-1a.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1b.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1c.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1d.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1e.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1f.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1g.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1h.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1i.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-1j.html flexbox-multi-column-vertical-rl-1-ref.html
+== flexbox-multi-column-vertical-rl-2.html flexbox-multi-column-vertical-rl-2-ref.html
+
+# Tests for how we fragment flex items in a single-line row flex container.
+== flexbox-single-row-1a.html flexbox-single-row-1-ref.html
+== flexbox-single-row-1b.html flexbox-single-row-1-ref.html
+== flexbox-single-row-1c.html flexbox-single-row-1-ref.html
+== flexbox-single-row-1d.html flexbox-single-row-1-ref.html
+== flexbox-single-row-1e.html flexbox-single-row-1-ref.html
+== flexbox-single-row-1f.html flexbox-single-row-1-ref.html
+== flexbox-single-row-1g.html flexbox-single-row-1-ref.html
+== flexbox-single-row-1h.html flexbox-single-row-1-ref.html
+== flexbox-single-row-2.html flexbox-single-row-2-ref.html
+== flexbox-single-row-3a.html flexbox-single-row-3-ref.html
+== flexbox-single-row-3b.html flexbox-single-row-3-ref.html
+== flexbox-single-row-4.html flexbox-single-row-4-ref.html
+
+# Tests for how we fragment flex items in a single-line row flex container
+# under "writing-mode: vertical-lr".
+== flexbox-single-row-vertical-lr-1a.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-1b.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-1c.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-1d.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-1e.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-1f.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-1g.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-1h.html flexbox-single-row-vertical-lr-1-ref.html
+== flexbox-single-row-vertical-lr-2.html flexbox-single-row-vertical-lr-2-ref.html
+== flexbox-single-row-vertical-lr-3a.html flexbox-single-row-vertical-lr-3-ref.html
+== flexbox-single-row-vertical-lr-3b.html flexbox-single-row-vertical-lr-3-ref.html
+== flexbox-single-row-vertical-lr-4.html flexbox-single-row-vertical-lr-4-ref.html
+
+# Tests for how we fragment flex items in a single-line row flex container
+# under "writing-mode: vertical-rl".
+== flexbox-single-row-vertical-rl-1a.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-1b.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-1c.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-1d.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-1e.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-1f.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-1g.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-1h.html flexbox-single-row-vertical-rl-1-ref.html
+== flexbox-single-row-vertical-rl-2.html flexbox-single-row-vertical-rl-2-ref.html
+== flexbox-single-row-vertical-rl-3a.html flexbox-single-row-vertical-rl-3-ref.html
+== flexbox-single-row-vertical-rl-3b.html flexbox-single-row-vertical-rl-3-ref.html
+== flexbox-single-row-vertical-rl-4.html flexbox-single-row-vertical-rl-4-ref.html
+
+# Tests for how we fragment flex items in a multi-line row flex container.
+== flexbox-multi-row-1a.html flexbox-multi-row-1-ref.html
+== flexbox-multi-row-1b.html flexbox-multi-row-1-ref.html
+== flexbox-multi-row-1c.html flexbox-multi-row-1-ref.html
+== flexbox-multi-row-1d.html flexbox-multi-row-1-ref.html
+== flexbox-multi-row-1e.html flexbox-multi-row-1-ref.html
+== flexbox-multi-row-1f.html flexbox-multi-row-1-ref.html
+== flexbox-multi-row-2a.html flexbox-multi-row-2-ref.html
+== flexbox-multi-row-2b.html flexbox-multi-row-2-ref.html
+
+# Tests for how we fragment flex items in a multi-line row flex container.
+# under "writing-mode: vertical-lr".
+== flexbox-multi-row-vertical-lr-1a.html flexbox-multi-row-vertical-lr-1-ref.html
+== flexbox-multi-row-vertical-lr-1b.html flexbox-multi-row-vertical-lr-1-ref.html
+== flexbox-multi-row-vertical-lr-1c.html flexbox-multi-row-vertical-lr-1-ref.html
+== flexbox-multi-row-vertical-lr-1d.html flexbox-multi-row-vertical-lr-1-ref.html
+== flexbox-multi-row-vertical-lr-1e.html flexbox-multi-row-vertical-lr-1-ref.html
+== flexbox-multi-row-vertical-lr-1f.html flexbox-multi-row-vertical-lr-1-ref.html
+== flexbox-multi-row-vertical-lr-2a.html flexbox-multi-row-vertical-lr-2-ref.html
+== flexbox-multi-row-vertical-lr-2b.html flexbox-multi-row-vertical-lr-2-ref.html
+
+# Tests for how we fragment flex items in a multi-line row flex container.
+# under "writing-mode: vertical-rl".
+== flexbox-multi-row-vertical-rl-1a.html flexbox-multi-row-vertical-rl-1-ref.html
+== flexbox-multi-row-vertical-rl-1b.html flexbox-multi-row-vertical-rl-1-ref.html
+== flexbox-multi-row-vertical-rl-1c.html flexbox-multi-row-vertical-rl-1-ref.html
+== flexbox-multi-row-vertical-rl-1d.html flexbox-multi-row-vertical-rl-1-ref.html
+== flexbox-multi-row-vertical-rl-1e.html flexbox-multi-row-vertical-rl-1-ref.html
+== flexbox-multi-row-vertical-rl-1f.html flexbox-multi-row-vertical-rl-1-ref.html
+== flexbox-multi-row-vertical-rl-2a.html flexbox-multi-row-vertical-rl-2-ref.html
+== flexbox-multi-row-vertical-rl-2b.html flexbox-multi-row-vertical-rl-2-ref.html
diff --git a/layout/reftests/flexbox/reftest.list b/layout/reftests/flexbox/reftest.list
new file mode 100644
index 0000000000..dbd6c705cd
--- /dev/null
+++ b/layout/reftests/flexbox/reftest.list
@@ -0,0 +1,127 @@
+# NOTE: Most of our flexbox tests have moved to the w3c-css reftest directory.
+# The tests that remain in *this* directory are still here because either:
+#   a) They (or one of their closely-related tests) use some moz-prefixed
+#      feature, e.g. MozReftestInvalidate.
+# ...or...
+#   b) They test a feature that has known bugs (e.g. bug 874713)
+#
+# Where possible & practical, we should try to address these so we can migrate
+# tests over to the w3c-css directory, so that they can become part of the
+# W3C's test suite.
+
+# SUBDIRECTORY: Reftests for paginated flex containers
+include pagination/reftest.list
+
+# Tests for cross-axis alignment (align-self / align-items properties)
+fails == flexbox-align-self-baseline-horiz-2.xhtml  flexbox-align-self-baseline-horiz-2-ref.xhtml # bug 793456, and possibly others
+== flexbox-align-self-baseline-horiz-3.xhtml flexbox-align-self-baseline-horiz-3-ref.xhtml
+== flexbox-align-self-baseline-horiz-4.xhtml flexbox-align-self-baseline-horiz-4-ref.xhtml
+== flexbox-item-align-self-dynamic-pos-001.html flexbox-item-align-self-dynamic-pos-001-ref.html
+== flexbox-item-align-self-dynamic-pos-002.html flexbox-item-align-self-dynamic-pos-002-ref.html
+
+# Tests for box-sizing on flex containers and flex items.
+== flexbox-box-sizing-on-container-horiz-1.html flexbox-box-sizing-on-container-horiz-1-ref.html
+== flexbox-box-sizing-on-container-vert-1.html flexbox-box-sizing-on-container-vert-1-ref.html
+== flexbox-box-sizing-on-items-horiz-1a.html flexbox-box-sizing-on-items-horiz-1-ref.html
+== flexbox-box-sizing-on-items-horiz-1b.html flexbox-box-sizing-on-items-horiz-1-ref.html
+== flexbox-box-sizing-on-items-vert-1a.html flexbox-box-sizing-on-items-vert-1-ref.html
+== flexbox-box-sizing-on-items-vert-1b.html flexbox-box-sizing-on-items-vert-1-ref.html
+
+# Tests for dynamic modifications of content inside/around a flex container
+== flexbox-dyn-changeContent-1.html flexbox-dyn-changeContent-1-ref.html
+== flexbox-dyn-changeContent-2.html flexbox-dyn-changeContent-2-ref.html
+== flexbox-dyn-changeFrameWidth-1.xhtml flexbox-dyn-changeFrameWidth-1-ref.xhtml
+== flexbox-dyn-changeFrameWidth-2.xhtml flexbox-dyn-changeFrameWidth-2-ref.xhtml
+== flexbox-dyn-changeFrameWidth-3.xhtml flexbox-dyn-changeFrameWidth-3-ref.xhtml
+== flexbox-dyn-changeFrameWidth-4.xhtml flexbox-dyn-changeFrameWidth-4-ref.xhtml
+== flexbox-dyn-changeOrder-1a.html flexbox-dyn-changeOrder-1-ref.html
+== flexbox-dyn-changeOrder-1b.html flexbox-dyn-changeOrder-1-ref.html
+== flexbox-dyn-changePadding-1a.xhtml flexbox-dyn-changePadding-1-ref.xhtml
+== flexbox-dyn-changePadding-1b.xhtml flexbox-dyn-changePadding-1-ref.xhtml
+
+# Tests for dynamic insertions of content into a flex container
+# (with existing [div | span | text] inside the flexbox, and new content
+# inserted adjacent to that existing content.)
+fuzzy(0-3,0-10) == flexbox-dyn-insertAroundDiv-1.xhtml flexbox-dyn-insertAroundDiv-1-ref.xhtml
+== flexbox-dyn-insertAroundDiv-2.xhtml flexbox-dyn-insertAroundDiv-2-ref.xhtml
+fuzzy(0-3,0-10) == flexbox-dyn-insertAroundDiv-3.xhtml flexbox-dyn-insertAroundDiv-3-ref.xhtml
+
+fuzzy(0-3,0-10) == flexbox-dyn-insertAroundSpan-1.xhtml flexbox-dyn-insertAroundDiv-1-ref.xhtml
+== flexbox-dyn-insertAroundSpan-2.xhtml flexbox-dyn-insertAroundDiv-2-ref.xhtml
+fuzzy(0-3,0-10) == flexbox-dyn-insertAroundSpan-3.xhtml flexbox-dyn-insertAroundDiv-3-ref.xhtml
+
+== flexbox-dyn-insertAroundText-1.xhtml flexbox-dyn-insertAroundText-1-ref.xhtml
+== flexbox-dyn-insertAroundText-2.xhtml flexbox-dyn-insertAroundText-2-ref.xhtml
+== flexbox-dyn-insertAroundText-3.xhtml flexbox-dyn-insertAroundText-3-ref.xhtml
+
+# Variant of one of the above tests, to regression-test an invalidation issue
+== flexbox-dyn-insertEmptySpan-1.xhtml flexbox-dyn-insertEmptySpan-1-ref.xhtml
+
+# Tests for empty flexboxes (with no flex items)
+== flexbox-empty-1a.xhtml  flexbox-empty-1-ref.xhtml
+== flexbox-empty-1b.xhtml  flexbox-empty-1-ref.xhtml
+== flexbox-empty-container-synthesized-baseline-001.html flexbox-empty-container-synthesized-baseline-001-ref.html
+
+# Tests for handling of floated elements inside a flexbox
+== flexbox-float-1a.xhtml  flexbox-float-1-ref.xhtml
+== flexbox-float-1b.xhtml  flexbox-float-1-ref.xhtml
+== flexbox-float-1c.xhtml  flexbox-float-1-ref.xhtml
+== flexbox-float-1d.xhtml  flexbox-float-1-ref.xhtml
+== flexbox-float-2a.xhtml  flexbox-float-2-ref.xhtml
+== flexbox-float-2b.xhtml  flexbox-float-2-ref.xhtml
+
+# Tests for handling of absolutely/fixed/relatively-positioned flex items.
+== flexbox-position-absolute-1.xhtml  flexbox-position-absolute-1-ref.xhtml
+== flexbox-position-absolute-2.xhtml  flexbox-position-absolute-2-ref.xhtml
+== flexbox-position-absolute-3.xhtml  flexbox-position-absolute-3-ref.xhtml
+== flexbox-position-absolute-4.xhtml  flexbox-position-absolute-4-ref.xhtml
+== flexbox-position-fixed-3.xhtml     flexbox-position-fixed-3-ref.xhtml
+fuzzy-if(Android,0-16,0-400) == flexbox-position-fixed-1.xhtml     flexbox-position-fixed-1-ref.xhtml
+fuzzy-if(Android,0-16,0-400) == flexbox-position-fixed-2.xhtml     flexbox-position-fixed-2-ref.xhtml
+== flexbox-position-fixed-3.xhtml     flexbox-position-fixed-3-ref.xhtml
+== flexbox-position-fixed-4.xhtml     flexbox-position-fixed-4-ref.xhtml
+
+# Tests for inline content in a flexbox that gets wrapped in an anonymous block
+fails == flexbox-inlinecontent-horiz-1a.xhtml flexbox-inlinecontent-horiz-1-ref.xhtml # reference case rendering is incorrect; bug 858333
+fails == flexbox-inlinecontent-horiz-1b.xhtml flexbox-inlinecontent-horiz-1-ref.xhtml # reference case rendering is incorrect; bug 858333
+== flexbox-inlinecontent-horiz-2.xhtml  flexbox-inlinecontent-horiz-2-ref.xhtml
+== flexbox-inlinecontent-horiz-3a.xhtml flexbox-inlinecontent-horiz-3-ref.xhtml
+== flexbox-inlinecontent-horiz-3b.xhtml flexbox-inlinecontent-horiz-3-ref.xhtml
+== flexbox-inlinecontent-horiz-3c.xhtml flexbox-inlinecontent-horiz-3-ref.xhtml
+== flexbox-inlinecontent-horiz-4.xhtml  flexbox-inlinecontent-horiz-4-ref.xhtml
+== flexbox-inlinecontent-horiz-5.xhtml  flexbox-inlinecontent-horiz-5-ref.xhtml
+
+# Tests for intrinsic sizing of flexboxes
+== flexbox-intrinsic-sizing-horiz-1a.xhtml flexbox-intrinsic-sizing-horiz-1-ref.xhtml
+== flexbox-intrinsic-sizing-horiz-1b.xhtml flexbox-intrinsic-sizing-horiz-1-ref.xhtml
+== flexbox-intrinsic-sizing-horiz-2a.xhtml flexbox-intrinsic-sizing-horiz-2-ref.xhtml
+== flexbox-intrinsic-sizing-horiz-2b.xhtml flexbox-intrinsic-sizing-horiz-2-ref.xhtml
+
+# Tests for invalidation after dynamic modifications
+== flexbox-invalidation-1.html flexbox-invalidation-1-ref.html
+
+# Tests for flexbox in an iframe that gets resized.
+fuzzy(0-1,0-8) fuzzy-if(cocoaWidget,0-1,0-14) == flexbox-resizeviewport-1.xhtml flexbox-resizeviewport-1-ref.xhtml
+fuzzy(0-1,0-5) == flexbox-resizeviewport-2.xhtml flexbox-resizeviewport-2-ref.xhtml
+
+# Tests for flexbox styling on things that don't support it
+== flexbox-styling-on-svg-1.svg flexbox-styling-on-svg-1-ref.svg
+
+# Tests with widgets as flex items
+fuzzy(0-1,0-1) == flexbox-widget-flex-items-1.html flexbox-widget-flex-items-1-ref.html
+fuzzy(0-1,0-19) fuzzy-if(swgl,0-26,0-20) == flexbox-widget-flex-items-2.html flexbox-widget-flex-items-2-ref.html
+skip-if(gtkWidget) fuzzy(0-6,0-8) == flexbox-widget-flex-items-3.html flexbox-widget-flex-items-3-ref.html # bug 1260965 for gtk
+fuzzy-if(gtkWidget,0-1,0-31) == flexbox-widget-flex-items-4.html flexbox-widget-flex-items-4-ref.html
+
+# Tests for table flex items
+== flexbox-table-flex-items-1.html flexbox-table-flex-items-1-ref.html
+== flexbox-table-flex-items-2.html flexbox-table-flex-items-2-ref.html
+== flexbox-table-flex-items-3.html flexbox-table-flex-items-3-ref.html
+== flexbox-table-flex-items-4.html flexbox-table-flex-items-4-ref.html
+== flexbox-table-flex-items-5.html flexbox-table-flex-items-5-ref.html
+
+# Tests for Bug 1500627. Keywords on min-height (block size) should behave as
+# the initial value. (i.e. auto)
+== flexbox-min-bsize-keywords-vert-1.html flexbox-min-bsize-keywords-vert-1-ref.html
+== flexbox-min-bsize-keywords-horiz-1.html flexbox-min-bsize-keywords-horiz-1-ref.html
+== flexbox-bsize-keywords-no-stretch-1.html flexbox-bsize-keywords-no-stretch-1-ref.html
diff --git a/layout/reftests/flexbox/solidblue.png b/layout/reftests/flexbox/solidblue.png
new file mode 100644
index 0000000000..a64b6a4255
Binary files /dev/null and b/layout/reftests/flexbox/solidblue.png differ
diff --git a/layout/reftests/floats/1114329-ref.html b/layout/reftests/floats/1114329-ref.html
new file mode 100644
index 0000000000..84e7b49ead
--- /dev/null
+++ b/layout/reftests/floats/1114329-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <style type="text/css">
+    p {  border: 1px solid black; }
+        .layout-main-page-content { width: 75%; float: right; text-align:right; }
+        .layout-right-column { width: 25%; float: left; }
+    </style>
+  </head>
+  <body>
+    <div>
+      <div class="layout-main-page-content">
+        <img src="foo">
+        <p dir="rtl" id="p_10">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p>
+        <p dir="rtl" id="p_20">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p>
+      </div>
+    </div>
+    <div class="layout-right-column" dir="rtl">
+      hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge
+      <img id="image" style="height: 280px; overflow: hidden;" src="foo" width="100%">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/floats/1114329.html b/layout/reftests/floats/1114329.html
new file mode 100644
index 0000000000..ad202f8f99
--- /dev/null
+++ b/layout/reftests/floats/1114329.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <style type="text/css">
+    p {  border: 1px solid black; }
+        .layout-main-page-content { width: 75%; float: right;}
+        .layout-right-column { width: 25%; float: left; }
+    </style>
+    <script type="text/javascript">
+      function do_test() {
+        document.getElementById("image").removeAttribute("hidden");
+        document.documentElement.removeAttribute("class");
+      };
+    </script>
+  </head>
+  <body dir="rtl" onload="do_test()">
+    <div>
+      <div class="layout-main-page-content">
+        <img src="foo">
+        <p dir="rtl" id="p_10">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p>
+        <p dir="rtl" id="p_20">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p>
+      </div>
+    </div>
+    <div class="layout-right-column">
+      hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge
+      <img id="image" hidden="true" style="height: 280px; overflow: hidden;" src="foo" width="100%">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/floats/1236745-1-ref.html b/layout/reftests/floats/1236745-1-ref.html
new file mode 100644
index 0000000000..79da184857
--- /dev/null
+++ b/layout/reftests/floats/1236745-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<title>Reftest, bug 1236745</title>
+<style>
+
+div.contain {
+  border: medium solid blue;
+  width: 100px;
+  height: 200px;
+}
+
+.float1 {
+  float: left;
+  background: yellow;
+  width: 10px;
+  height: 60px;
+}
+
+.float2 {
+  float: left; clear: left;
+  background: aqua;
+  width: 50px;
+  height: 50px;
+}
+
+.bfc {
+  float: right;
+  background: #00137f;
+  width: 50px;
+  height: 50px;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float1"></div>
+  <div class="bfc"></div>
+  <div class="float2"></div>
+</div>
diff --git a/layout/reftests/floats/1236745-1.html b/layout/reftests/floats/1236745-1.html
new file mode 100644
index 0000000000..e1264fb9a5
--- /dev/null
+++ b/layout/reftests/floats/1236745-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<title>Reftest, bug 1236745</title>
+<style>
+
+div.contain {
+  border: medium solid blue;
+  width: 100px;
+  height: 200px;
+}
+
+.float1 {
+  float: left;
+  background: yellow;
+  width: 10px;
+  height: 60px;
+}
+
+.float2 {
+  float: left; clear: left;
+  background: aqua;
+  width: 50px;
+  height: 50px;
+}
+
+.bfc {
+  overflow: hidden;
+  background: fuchsia;
+  /*
+   * Will be 90px wide (and thus 90px high) if placed based on only its
+   * top or based on a 50px height, but 50px wide (and thus 50px high)
+   * if placed based on a 90px height.
+   */
+}
+
+img {
+  width: 100%;
+  display: block;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float1"></div>
+  <div class="float2"></div>
+  <div class="bfc">
+    <img src="../bugs/solidblue.png"> <!-- 16x16 blue image -->
+  </div>
+</div>
diff --git a/layout/reftests/floats/1260031-1-ref.html b/layout/reftests/floats/1260031-1-ref.html
new file mode 100644
index 0000000000..8bdbe5f6bb
--- /dev/null
+++ b/layout/reftests/floats/1260031-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1260031 - Intrinsic width with float</title>
+  <style>
+    #left {
+      display: inline-block;
+      width: 50px;
+      height: 50px;
+      background: green;
+    }
+    #right {
+      display: inline-block;
+      width: 50px;
+      height: 50px;
+      background: blue;
+    }
+  </style>
+</head>
+<body>
+  <div id="test">
+    <div id="wrapper">
+      <div id="left"></div><div id="right"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/1260031-1.html b/layout/reftests/floats/1260031-1.html
new file mode 100644
index 0000000000..fdb2b99816
--- /dev/null
+++ b/layout/reftests/floats/1260031-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1260031 - Intrinsic width with float</title>
+  <style>
+    #wrapper {
+      background: red;
+      width: -moz-fit-content;
+      width: fit-content;
+    }
+    #left {
+      float: left;
+      width: 50px;
+      height: 50px;
+      background: green;
+    }
+    #right {
+      width: 50px;
+      height: 50px;
+      background: blue;
+    }
+  </style>
+</head>
+<body>
+  <div id="test">
+    <div id="wrapper">
+      <div id="left"></div>
+      <div id="right"></div>
+    </div>
+  </div>
+  <script>
+    document.getElementById("right").style = location.search.slice(1);
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/floats/1291110-1-ref.html b/layout/reftests/floats/1291110-1-ref.html
new file mode 100644
index 0000000000..5655fa212d
--- /dev/null
+++ b/layout/reftests/floats/1291110-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<style>
+.container {
+  position: relative;
+  width: 250px;
+  height: 300px;
+  border: 1px solid blue;
+}
+
+.float1 {
+  position: absolute;
+  width: 100px;
+  height: 50px;
+  background-color: green;
+}
+
+.float2 {
+  position: absolute;
+  top: 50px;
+  width: 180px;
+  height: 50px;
+  background-color: lightgreen;
+}
+
+.box {
+  position: absolute;
+  left: 180px;
+  width: 30px;
+  height: 80px;
+  background-color: blue;
+}
+</style>
+
+<div class="container">
+  <div class="float1"></div>
+  <div class="float2"></div>
+  <div class="box"></div>
+</div>
+<p>The test pass if the inline blue box does not overlap any of the green float boxes.</p>
diff --git a/layout/reftests/floats/1291110-1.html b/layout/reftests/floats/1291110-1.html
new file mode 100644
index 0000000000..dd1645744d
--- /dev/null
+++ b/layout/reftests/floats/1291110-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<style>
+.container {
+  width: 250px;
+  height: 300px;
+  border: 1px solid blue;
+}
+
+.float1 {
+  float: left;
+  width: 100px;
+  height: 50px;
+  background-color: green;
+}
+
+.float2 {
+  float: left;
+  width: 180px;
+  height: 50px;
+  background-color: lightgreen;
+}
+
+.box {
+  display: inline-block;
+  width: 30px;
+  height: 80px;
+  background-color: blue;
+}
+</style>
+
+<div class="container">
+  <div class="float1"></div>
+  <div class="float2"></div>
+  <div class="box"></div>
+</div>
+<p>The test pass if the inline blue box does not overlap any of the green float boxes.</p>
+
diff --git a/layout/reftests/floats/1291110-2-ref.html b/layout/reftests/floats/1291110-2-ref.html
new file mode 100644
index 0000000000..3fde1c3ac5
--- /dev/null
+++ b/layout/reftests/floats/1291110-2-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<style>
+.container {
+  position: relative;
+  width: 250px;
+  height: 300px;
+  border: 1px solid blue;
+}
+
+.float1 {
+  position: absolute;
+  width: 100px;
+  height: 50px;
+  background-color: green;
+}
+
+.float2 {
+  position: absolute;
+  top: 50px;
+  left: 70px;
+  width: 180px;
+  height: 50px;
+  background-color: lightgreen;
+}
+
+.box {
+  position: absolute;
+  top: 50px;
+  width: 30px;
+  height: 80px;
+  background-color: blue;
+}
+</style>
+
+<div class="container">
+  <div class="float1"></div>
+  <div class="float2"></div>
+  <div class="box"></div>
+</div>
+<p>The test pass if the inline blue box does not overlap any of the green float boxes.</p>
diff --git a/layout/reftests/floats/1291110-2.html b/layout/reftests/floats/1291110-2.html
new file mode 100644
index 0000000000..57b502ab7e
--- /dev/null
+++ b/layout/reftests/floats/1291110-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<style>
+.container {
+  width: 250px;
+  height: 300px;
+  border: 1px solid blue;
+}
+
+.float1 {
+  float: left;
+  width: 100px;
+  height: 50px;
+  background-color: green;
+}
+
+.float2 {
+  float: right;
+  width: 180px;
+  height: 50px;
+  background-color: lightgreen;
+}
+
+.box {
+  display: inline-block;
+  width: 30px;
+  height: 80px;
+  background-color: blue;
+}
+</style>
+
+<div class="container">
+  <div class="float1"></div>
+  <div class="float2"></div>
+  <div class="box"></div>
+</div>
+<p>The test pass if the inline blue box does not overlap any of the green float boxes.</p>
diff --git a/layout/reftests/floats/1322843-1-ref.html b/layout/reftests/floats/1322843-1-ref.html
new file mode 100644
index 0000000000..f3b15eb9e0
--- /dev/null
+++ b/layout/reftests/floats/1322843-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<title>Bug 1322843 - Intrinsic width with float</title>
+<style>
+  #outer {
+    width: 200px;
+    height: 200px;
+    background: green;
+  }
+</style>
+<div id="outer"></div>
diff --git a/layout/reftests/floats/1322843-1a.html b/layout/reftests/floats/1322843-1a.html
new file mode 100644
index 0000000000..c2f7ba2857
--- /dev/null
+++ b/layout/reftests/floats/1322843-1a.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>Bug 1322843 - Intrinsic width with float</title>
+<style>
+  #outer {
+    width: -moz-fit-content;
+    width: fit-content;
+    background: red;
+  }
+  #float1 {
+    float: left;
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+  #float2 {
+    float: right;
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+  #inner {
+    width: 200px;
+    height: 100px;
+    clear: both;
+    overflow: hidden; /* to establish block formatting context */
+    background: green;
+  }
+</style>
+<div id="outer">
+  <div id="float1"></div>
+  <div id="float2"></div>
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/floats/1322843-1b.html b/layout/reftests/floats/1322843-1b.html
new file mode 100644
index 0000000000..6ab8e1b42a
--- /dev/null
+++ b/layout/reftests/floats/1322843-1b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>Bug 1322843 - Intrinsic width with float</title>
+<style>
+  #outer {
+    width: -moz-fit-content;
+    width: fit-content;
+    background: red;
+  }
+  #float {
+    float: left;
+    width: 200px;
+    height: 100px;
+    background: green;
+  }
+  #inner {
+    width: 200px;
+    height: 100px;
+    clear: left;
+    overflow: hidden; /* to establish block formatting context */
+    background: green;
+  }
+</style>
+<div id="outer">
+  <div id="float"></div>
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/floats/1322843-1c.html b/layout/reftests/floats/1322843-1c.html
new file mode 100644
index 0000000000..2625f847df
--- /dev/null
+++ b/layout/reftests/floats/1322843-1c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>Bug 1322843 - Intrinsic width with float</title>
+<style>
+  #outer {
+    width: -moz-fit-content;
+    width: fit-content;
+    background: red;
+  }
+  #float {
+    float: right;
+    width: 200px;
+    height: 100px;
+    background: green;
+  }
+  #inner {
+    width: 200px;
+    height: 100px;
+    clear: right;
+    overflow: hidden; /* to establish block formatting context */
+    background: green;
+  }
+</style>
+<div id="outer">
+  <div id="float"></div>
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/floats/1322843-1d.html b/layout/reftests/floats/1322843-1d.html
new file mode 100644
index 0000000000..e8fb14ce46
--- /dev/null
+++ b/layout/reftests/floats/1322843-1d.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<title>Bug 1322843 - Intrinsic width with float</title>
+<style>
+  #outer {
+    width: -moz-fit-content;
+    width: fit-content;
+    background: red;
+  }
+  #float1 {
+    float: left;
+    width: 200px;
+    height: 100px;
+    background: green;
+  }
+  #float2 {
+    float: right;
+    clear: both;
+    width: 100px;
+    height: 0px;
+  }
+  #float3 {
+    float: left;
+    clear: both;
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+  #inner {
+    clear: right;
+    overflow: hidden; /* to establish block formatting context */
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+</style>
+<div id="outer">
+  <div id="float1"></div>
+  <div id="float2"></div>
+  <div id="float3"></div>
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/floats/1322843-1e.html b/layout/reftests/floats/1322843-1e.html
new file mode 100644
index 0000000000..493ed17349
--- /dev/null
+++ b/layout/reftests/floats/1322843-1e.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>Bug 1322843 - Intrinsic width with float</title>
+<style>
+  #outer {
+    width: -moz-fit-content;
+    width: fit-content;
+    background: red;
+  }
+  #float {
+    float: left;
+    width: 100px;
+    height: 200px;
+    background: green;
+  }
+  #inner {
+    width: 100px;
+    height: 200px;
+    clear: right;
+    overflow: hidden; /* to establish block formatting context */
+    background: green;
+  }
+</style>
+<div id="outer">
+  <div id="float"></div>
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/floats/1322843-1f.html b/layout/reftests/floats/1322843-1f.html
new file mode 100644
index 0000000000..49e9189b01
--- /dev/null
+++ b/layout/reftests/floats/1322843-1f.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>Bug 1322843 - Intrinsic width with float</title>
+<style>
+  #outer {
+    width: -moz-fit-content;
+    width: fit-content;
+    background: red;
+  }
+  #float1 {
+    float: right;
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+  #float2 {
+    float: right;
+    clear: right;
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+  #inner {
+    width: 100px;
+    height: 200px;
+    clear: left;
+    overflow: hidden; /* to establish block formatting context */
+    background: green;
+  }
+</style>
+<div id="outer">
+  <div id="float1"></div>
+  <div id="float2"></div>
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/floats/345369-1-ref.html b/layout/reftests/floats/345369-1-ref.html
new file mode 100644
index 0000000000..9febdf382b
--- /dev/null
+++ b/layout/reftests/floats/345369-1-ref.html
@@ -0,0 +1,9 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; position: absolute">
+  <div style="position: absolute; top: 0; left: 0; height: 0.5em; width: 1em; background: blue"></div>
+  <div style="position: absolute; top: 0.5em; left: 0; height: 2em; width: 10em; background: aqua"></div>
+
+  <span style="position: absolute; top: 2.5em; left: 0; height: 1em; width: 4em; background: maroon;"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-1.html b/layout/reftests/floats/345369-1.html
new file mode 100644
index 0000000000..714899a47d
--- /dev/null
+++ b/layout/reftests/floats/345369-1.html
@@ -0,0 +1,9 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; line-height: 1; font-family: sans-serif;">
+  <div style="float: left; height: 0.5em; width: 1em; background: blue"></div>
+  <div style="float: left; height: 2em; width: 10em; background: aqua"></div>
+
+  <span style="display:inline-block; height: 1em; width: 4em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-2-ref.html b/layout/reftests/floats/345369-2-ref.html
new file mode 100644
index 0000000000..76d999dcfa
--- /dev/null
+++ b/layout/reftests/floats/345369-2-ref.html
@@ -0,0 +1,10 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; position: relative">
+  <div style="position: absolute; top: 0; left: 0; height: 2em; width: 1em; background: blue"></div>
+  <div style="position: absolute; top: 2em; left: 0; height: 2em; width: 5em; background: aqua"></div>
+
+  <span style="position: absolute; top: 0; left: 1em; height: 1em; width: 4em; background: maroon; vertical-align: bottom"></span>
+  <span style="position: absolute; top: 1em; left: 5em; height: 3em; width: 4em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-2.html b/layout/reftests/floats/345369-2.html
new file mode 100644
index 0000000000..ccd4696a04
--- /dev/null
+++ b/layout/reftests/floats/345369-2.html
@@ -0,0 +1,12 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; line-height: 1; font-family: sans-serif;">
+  <div style="float: left; height: 2em; width: 1em; background: blue"></div>
+  <div style="float: left; clear: left; height: 2em; width: 5em; background: aqua"></div>
+
+  <!-- small <span style="font-size: 3em">big</span> -->
+
+  <span style="display:inline-block; height: 1em; width: 4em; background: maroon; vertical-align: bottom"></span>
+  <span style="display:inline-block; height: 3em; width: 4em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-3-ref.html b/layout/reftests/floats/345369-3-ref.html
new file mode 100644
index 0000000000..166f5e475f
--- /dev/null
+++ b/layout/reftests/floats/345369-3-ref.html
@@ -0,0 +1,10 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; position: relative">
+  <div style="position: absolute; top: 0; left: 0; height: 2em; width: 1em; background: blue"></div>
+  <div style="position: absolute; top: 2em; left: 0; height: 2em; width: 5em; background: aqua"></div>
+
+  <span style="position: absolute; top: 0; left: 1em; height: 1em; width: 4em; background: maroon; vertical-align: bottom"></span>
+  <span style="position: absolute; top: 4em; left: 0; height: 3em; width: 6em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-3.html b/layout/reftests/floats/345369-3.html
new file mode 100644
index 0000000000..f758302d9a
--- /dev/null
+++ b/layout/reftests/floats/345369-3.html
@@ -0,0 +1,10 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; line-height: 1; font-family: sans-serif;">
+  <div style="float: left; height: 2em; width: 1em; background: blue"></div>
+  <div style="float: left; clear: left; height: 2em; width: 5em; background: aqua"></div>
+
+  <span style="display:inline-block; height: 1em; width: 4em; background: maroon; vertical-align: bottom"></span>
+  <span style="display:inline-block; height: 3em; width: 6em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-4-ref.html b/layout/reftests/floats/345369-4-ref.html
new file mode 100644
index 0000000000..79d32213e2
--- /dev/null
+++ b/layout/reftests/floats/345369-4-ref.html
@@ -0,0 +1,10 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; position: relative">
+  <div style="position: absolute; top: 0; left: 0; height: 2em; width: 2em; background: blue"></div>
+  <div style="position: absolute; top: 2em; left: 0; height: 2em; width: 5em; background: aqua"></div>
+
+  <span style="position: absolute; top: 0; left: 2em; height: 1em; width: 3em; background: maroon; vertical-align: bottom"></span>
+  <span style="position: absolute; top: 1em; left: 5em; height: 3em; width: 5em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-4.html b/layout/reftests/floats/345369-4.html
new file mode 100644
index 0000000000..a5c53e2546
--- /dev/null
+++ b/layout/reftests/floats/345369-4.html
@@ -0,0 +1,10 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; line-height: 1; font-family: sans-serif;">
+  <div style="float: left; height: 2em; width: 2em; background: blue"></div>
+  <div style="float: left; clear: left; height: 2em; width: 5em; background: aqua"></div>
+
+  <span style="display:inline-block; height: 1em; width: 3em; background: maroon; vertical-align: bottom"></span>
+  <span style="display:inline-block; height: 3em; width: 5em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-5-ref.html b/layout/reftests/floats/345369-5-ref.html
new file mode 100644
index 0000000000..a38cc580ad
--- /dev/null
+++ b/layout/reftests/floats/345369-5-ref.html
@@ -0,0 +1,10 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; position: relative">
+  <div style="position: absolute; top: 0; left: 0; height: 2em; width: 2em; background: blue"></div>
+  <div style="position: absolute; top: 2em; left: 0; height: 2em; width: 5em; background: aqua"></div>
+
+  <span style="position: absolute; top: 0; left: 2em; height: 1em; width: 2em; background: maroon; vertical-align: bottom"></span>
+  <span style="position: absolute; top: 4em; left: 0; height: 3em; width: 6em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/345369-5.html b/layout/reftests/floats/345369-5.html
new file mode 100644
index 0000000000..0ed4014c1b
--- /dev/null
+++ b/layout/reftests/floats/345369-5.html
@@ -0,0 +1,10 @@
+<title>Ambiguous line width</title>
+
+<div style="background: yellow; width: 10em; height: 10em; line-height: 1; font-family: sans-serif;">
+  <div style="float: left; height: 2em; width: 2em; background: blue"></div>
+  <div style="float: left; clear: left; height: 2em; width: 5em; background: aqua"></div>
+
+  <span style="display:inline-block; height: 1em; width: 2em; background: maroon; vertical-align: bottom"></span>
+  <span style="display:inline-block; height: 3em; width: 6em; background: maroon; vertical-align: bottom"></span>
+
+</div>
diff --git a/layout/reftests/floats/429974-1-ref.html b/layout/reftests/floats/429974-1-ref.html
new file mode 100644
index 0000000000..d2d2e6aac5
--- /dev/null
+++ b/layout/reftests/floats/429974-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style type="text/css">
+
+.contain {
+  background: aqua; color: black;
+  height: 10px; margin: 2px 50px;
+}
+
+.fl, .fr { height: 5px; }
+.fl { float: left; width: 56px; }
+.fr { float: right; width: 73px; }
+
+.t { overflow: hidden; background: blue; height: 5px; width: 85px;
+     border-left: 1px solid blue; padding-left: 2px;
+     padding-right: 4px; border-right: 8px solid blue; }
+
+</style>
+
+</head>
+
+<body style="width: 400px">
+
+<div class="contain">
+	<div class="fl" id="p"></div>
+	<div class="fr"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="t"></div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/floats/429974-1.html b/layout/reftests/floats/429974-1.html
new file mode 100644
index 0000000000..56693a937b
--- /dev/null
+++ b/layout/reftests/floats/429974-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style type="text/css">
+
+.contain {
+  background: aqua; color: black;
+  height: 10px; margin: 2px 50px;
+}
+
+.fl, .fr { height: 5px; }
+.fl { float: left; width: 56px; }
+.fr { float: right; width: 73px; }
+
+.t { overflow: hidden; background: blue; height: 5px; width: 85px;
+     border-left: 1px solid blue; padding-left: 2px;
+     padding-right: 4px; border-right: 8px solid blue; }
+
+</style>
+
+</head>
+
+<body style="width: 400px" onload="document.getElementById('p').nextSibling.data = ' ';">
+
+<div class="contain">
+	<div class="fl" id="p"></div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+	<div class="fr"></div>
+</div>
+
+<div class="contain">
+	<div class="fl"></div>
+	<div class="t"></div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/floats/478834-1-ref.html b/layout/reftests/floats/478834-1-ref.html
new file mode 100644
index 0000000000..22cc4548e5
--- /dev/null
+++ b/layout/reftests/floats/478834-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 478834 Testcase</title>
+  <style>
+  html { overflow: hidden }
+  </style>
+</head>
+<body>
+<div style="background:teal; width: 500px">
+  <div style="background:yellow; width: 100px; height: 50px;"></div>
+  <div style="margin-right: 150px">
+    <table width="100%" style="background: fuchsia">
+      <tr><td>
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+      </td></tr>
+    </table>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/478834-1.html b/layout/reftests/floats/478834-1.html
new file mode 100644
index 0000000000..c38663ec23
--- /dev/null
+++ b/layout/reftests/floats/478834-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 478834 Testcase</title>
+  <style>
+  html { overflow: hidden }
+  </style>
+</head>
+<body>
+<div style="background:teal; width: 500px">
+  <div style="background:yellow; float:left; width: 100px; height: 50px;"></div>
+  <div style="margin-right: 150px">
+    <table width="100%" style="background: fuchsia">
+      <tr><td>
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+        x x x x x x x x x x x x x x x x x x x x x x
+      </td></tr>
+    </table>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/546048-1-ref.html b/layout/reftests/floats/546048-1-ref.html
new file mode 100644
index 0000000000..b12cfee4cf
--- /dev/null
+++ b/layout/reftests/floats/546048-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 546048</title>
+<style type="text/css">
+
+body { font-size: 10px }
+dl { min-height: 35px; }
+dt { float: left; width: 50%; padding-left: 45px; }
+span { float: left; }
+
+</style>
+
+</head>
+
+<body>
+	<dl>
+		<dt>
+			<span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span>					Heading<br />
+			This is the line that overlaps the float.
+	</dl>
+	<dl>
+		<dt>
+			<span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span>					Heading<br />
+			Here's an equivalent line where we don't simulate the image loading after the page.
+	</dl>
+
+</body>
+</html>
diff --git a/layout/reftests/floats/546048-1.html b/layout/reftests/floats/546048-1.html
new file mode 100644
index 0000000000..42f66377e8
--- /dev/null
+++ b/layout/reftests/floats/546048-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase, bug 546048</title>
+<script type="text/javascript">
+
+// Simulate the image loading after the page loads.
+function move_image()
+{
+    var img = document.querySelector("img");
+    var root = document.documentElement;
+    img.style.width='5px';
+    root.style.display='none';
+    img.offsetHeight;
+    root.style.display='';
+    img.offsetHeight;
+    img.style.width='';
+}
+
+window.addEventListener("load", move_image);
+
+</script>
+
+<style type="text/css">
+
+body { font-size: 10px }
+dl { min-height: 35px; }
+dt { float: left; width: 50%; padding-left: 45px; }
+span { float: left; }
+
+</style>
+
+</head>
+
+<body>
+	<dl>
+		<dt>
+			<span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span>					Heading<br />
+			This is the line that overlaps the float.
+	</dl>
+	<dl>
+		<dt>
+			<span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span>					Heading<br />
+			Here's an equivalent line where we don't simulate the image loading after the page.
+	</dl>
+
+</body>
+</html>
diff --git a/layout/reftests/floats/775350-1-ref.html b/layout/reftests/floats/775350-1-ref.html
new file mode 100644
index 0000000000..db8d6c2719
--- /dev/null
+++ b/layout/reftests/floats/775350-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+  <div id="top"></div>
+  <div>
+    <div style="float: left; position: relative;">
+      <div id="inner" style="display: block; top: 100px; width: 100px; height: 100px; background: pink; position:absolute;"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/775350-1.html b/layout/reftests/floats/775350-1.html
new file mode 100644
index 0000000000..8d5ffddb9a
--- /dev/null
+++ b/layout/reftests/floats/775350-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+  <script>
+
+function handleLoad() {
+  setTimeout(f1, 0);
+}
+
+function f1() {
+  document.getElementById("inner").style.top = "100px";
+  setTimeout(f2, 0);
+}
+
+function f2() {
+  document.getElementById("top").style.display = "block";
+  document.documentElement.removeAttribute("class");
+}
+
+  </script>
+</head>
+<body onload="handleLoad()">
+  <div id="top" style="display: none;"></div>
+  <div>
+    <div style="float: left; position: relative;">
+      <div id="inner" style="display: block; top: 110px; width: 100px; height: 100px; background: pink; position:absolute;"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/bfc-displace-1a-ref.html b/layout/reftests/floats/bfc-displace-1a-ref.html
new file mode 100644
index 0000000000..3171bdc03e
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-1a-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: left;
+  width: 250px;
+  margin-top: 7px;
+  height: 13px; /* fits exactly */
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 100px"></div>
+  <div class="bfc"></div>
+  <div class="float" style="width: 200px"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-1a.html b/layout/reftests/floats/bfc-displace-1a.html
new file mode 100644
index 0000000000..6189510401
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-1a.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  width: 250px;
+  margin-top: 7px;
+  height: 13px; /* fits exactly */
+  margin-bottom: 20px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-1b-ref.html b/layout/reftests/floats/bfc-displace-1b-ref.html
new file mode 100644
index 0000000000..1eddcbdf6c
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-1b-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: left;
+  clear: left;
+  width: 250px;
+  height: 14px; /* one pixel too tall to fit next to first float */
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-1b.html b/layout/reftests/floats/bfc-displace-1b.html
new file mode 100644
index 0000000000..b7d4ec4838
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-1b.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  width: 250px;
+  margin-top: 7px;
+  height: 14px; /* one pixel too tall to fit next to first float */
+  margin-bottom: 20px;
+  background: fuchsia;
+}
+
+</style>
+
+<div class="contain">
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-2a-ref.html b/layout/reftests/floats/bfc-displace-2a-ref.html
new file mode 100644
index 0000000000..0855ce8de4
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-2a-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.block {
+  height: 10px;
+  background: aqua;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: left;
+  width: 250px;
+  margin-top: 7px;
+  height: 13px; /* fits exactly */
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="block"></div>
+  <div class="float" style="width: 100px"></div>
+  <div class="bfc"></div>
+  <div class="float" style="width: 200px"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-2a.html b/layout/reftests/floats/bfc-displace-2a.html
new file mode 100644
index 0000000000..615b4a7595
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-2a.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.block {
+  height: 10px;
+  background: aqua;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  width: 250px;
+  margin-top: 7px;
+  height: 13px; /* fits exactly */
+  margin-bottom: 20px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="block"></div>
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-2b-ref.html b/layout/reftests/floats/bfc-displace-2b-ref.html
new file mode 100644
index 0000000000..bb6ede1cee
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-2b-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.block {
+  height: 10px;
+  background: aqua;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: left;
+  clear: left;
+  width: 250px;
+  height: 14px; /* one pixel too tall to fit next to first float */
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="block"></div>
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-2b.html b/layout/reftests/floats/bfc-displace-2b.html
new file mode 100644
index 0000000000..2e95777248
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-2b.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.block {
+  height: 10px;
+  background: aqua;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  width: 250px;
+  margin-top: 7px;
+  height: 14px; /* one pixel too tall to fit next to first float */
+  margin-bottom: 20px;
+  background: fuchsia;
+}
+
+</style>
+
+<div class="contain">
+  <div class="block"></div>
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-3a-ref.html b/layout/reftests/floats/bfc-displace-3a-ref.html
new file mode 100644
index 0000000000..b0744d3205
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-3a-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: left;
+  width: 250px;
+  height: 20px; /* fits exactly */
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 100px; margin-top: 7px;"></div>
+  <div class="bfc" style="margin-top: 7px"></div>
+  <div class="float" style="width: 200px"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-3a.html b/layout/reftests/floats/bfc-displace-3a.html
new file mode 100644
index 0000000000..6622fa723c
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-3a.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.margin {
+  margin-top: 3px;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  width: 250px;
+  margin-top: 7px; /* collapses */
+  height: 20px; /* fits exactly */
+  margin-bottom: 20px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="margin">
+    <div class="float" style="width: 100px"></div>
+    <div class="float" style="width: 200px"></div>
+    <div class="bfc"></div>
+  </div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-3b-ref.html b/layout/reftests/floats/bfc-displace-3b-ref.html
new file mode 100644
index 0000000000..284301c1f7
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-3b-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: left;
+  clear: left;
+  width: 250px;
+  height: 21px; /* one pixel too tall to fit next to first float */
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 100px; margin-top: 3px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-3b.html b/layout/reftests/floats/bfc-displace-3b.html
new file mode 100644
index 0000000000..d4dc7f9b3a
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-3b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.margin {
+  margin-top: 3px;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  width: 250px;
+  margin-top: 7px; /* does not collapse, due to clearance */
+  height: 21px; /* fits exactly */
+  margin-bottom: 20px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="margin">
+    <div class="float" style="width: 100px"></div>
+    <div class="float" style="width: 200px"></div>
+    <div class="bfc"></div>
+  </div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-4-ref.html b/layout/reftests/floats/bfc-displace-4-ref.html
new file mode 100644
index 0000000000..959f4bbef0
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-4-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: left;
+  width: 200px;
+  height: 15px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-displace-4.html b/layout/reftests/floats/bfc-displace-4.html
new file mode 100644
index 0000000000..2ff18c691e
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-4.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  width: 200px;
+  margin-right: 100px; /* ignored */
+  height: 15px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-shrink-1-ref.html b/layout/reftests/floats/bfc-shrink-1-ref.html
new file mode 100644
index 0000000000..071b66300a
--- /dev/null
+++ b/layout/reftests/floats/bfc-shrink-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  float: right;
+  width: 200px;
+  height: 50px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="bfc"></div>
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+</div>
diff --git a/layout/reftests/floats/bfc-shrink-1.html b/layout/reftests/floats/bfc-shrink-1.html
new file mode 100644
index 0000000000..6f89a90a52
--- /dev/null
+++ b/layout/reftests/floats/bfc-shrink-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+  border: medium solid;
+  width: 400px;
+  height: 400px;
+  background: yellow;
+}
+
+.float {
+  float: left;
+  clear: left;
+  height: 20px;
+  background: blue;
+}
+
+.bfc {
+  overflow: hidden;
+  height: 50px;
+  background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+  <div class="float" style="width: 100px"></div>
+  <div class="float" style="width: 200px"></div>
+  <div class="bfc"></div>
+</div>
diff --git a/layout/reftests/floats/border-box-wrap-around-float-ref.html b/layout/reftests/floats/border-box-wrap-around-float-ref.html
new file mode 100644
index 0000000000..d688e35485
--- /dev/null
+++ b/layout/reftests/floats/border-box-wrap-around-float-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      img { display: block; margin-left: 200px; height: 100px; width: 100px; }
+    </style>
+  </head>
+  <body>
+    <img src="../bugs/solidblue.png">
+  </body>
+</html>
diff --git a/layout/reftests/floats/border-box-wrap-around-float.html b/layout/reftests/floats/border-box-wrap-around-float.html
new file mode 100644
index 0000000000..dd5021352f
--- /dev/null
+++ b/layout/reftests/floats/border-box-wrap-around-float.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div { float: left; width: 200px; height: 200px; }
+      img { display: block; margin-left: 100px; height: 100px; width: 100px; }
+    </style>
+  </head>
+  <body>
+    <div></div>
+    <img src="../bugs/solidblue.png">
+  </body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-1-ref.html b/layout/reftests/floats/float-in-rtl-1-ref.html
new file mode 100644
index 0000000000..597bc68d0d
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-left:200px;"></div>
+</div>
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-left:100px;"></div>
+</div>
+<div style="background:silver;">
+  <div style="width:100px">This text should appear to the LEFT of the red and green blocks.</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-1a.html b/layout/reftests/floats/float-in-rtl-1a.html
new file mode 100644
index 0000000000..a20c1e3712
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div style="width:300px" dir="rtl">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+</div>
+<div style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-1b.html b/layout/reftests/floats/float-in-rtl-1b.html
new file mode 100644
index 0000000000..0d669dd15c
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+</div>
+<div style="width:200px" dir="rtl">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-1c.html b/layout/reftests/floats/float-in-rtl-1c.html
new file mode 100644
index 0000000000..95f03f289f
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-1c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div style="width:300px" dir="rtl">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+</div>
+<div style="width:200px" dir="rtl">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-1d.html b/layout/reftests/floats/float-in-rtl-1d.html
new file mode 100644
index 0000000000..2b9c91943f
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-1d.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div dir="rtl" style="width:300px">
+  <div style="width:300px">
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="width:200px">
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-2-ref.html b/layout/reftests/floats/float-in-rtl-2-ref.html
new file mode 100644
index 0000000000..385bb669be
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;"></div>
+</div>
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-left:100px;"></div>
+</div>
+<div style="background:silver;">
+  <div style="margin-left:200px;">This text should appear to the RIGHT of the green and red blocks.</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-2a.html b/layout/reftests/floats/float-in-rtl-2a.html
new file mode 100644
index 0000000000..6e3a6968d2
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-2a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div dir="rtl" style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+</div>
+<div style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-2b.html b/layout/reftests/floats/float-in-rtl-2b.html
new file mode 100644
index 0000000000..abe03dbeff
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-2b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+</div>
+<div dir="rtl" style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-2c.html b/layout/reftests/floats/float-in-rtl-2c.html
new file mode 100644
index 0000000000..8bfa838439
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-2c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div dir="rtl" style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+</div>
+<div dir="rtl" style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-2d.html b/layout/reftests/floats/float-in-rtl-2d.html
new file mode 100644
index 0000000000..c17b493e32
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-2d.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body>
+<div dir="rtl" style="width:-moz-fit-content">
+  <div style="width:300px">
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="width:200px">
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-3-ref.html b/layout/reftests/floats/float-in-rtl-3-ref.html
new file mode 100644
index 0000000000..0a6199b93f
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-right:200px;"></div>
+</div>
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-right:100px;"></div>
+</div>
+<div style="background:silver;">
+  <div style="width:100px;">This text should appear to the RIGHT of the green and red blocks.</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-3a.html b/layout/reftests/floats/float-in-rtl-3a.html
new file mode 100644
index 0000000000..33f905aed2
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-3a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div dir="ltr" style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+</div>
+<div style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-3b.html b/layout/reftests/floats/float-in-rtl-3b.html
new file mode 100644
index 0000000000..8e2ad66ba0
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-3b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+</div>
+<div dir="ltr" style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-3c.html b/layout/reftests/floats/float-in-rtl-3c.html
new file mode 100644
index 0000000000..9e6b6f999d
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-3c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div dir="ltr" style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+</div>
+<div dir="ltr" style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-3d.html b/layout/reftests/floats/float-in-rtl-3d.html
new file mode 100644
index 0000000000..cc784f744b
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-3d.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div dir="ltr" style="width:-moz-fit-content">
+  <div style="width:300px">
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="width:200px">
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+</div>
+<div style="background:silver">
+This text should appear to the RIGHT of the green and red blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-4-ref.html b/layout/reftests/floats/float-in-rtl-4-ref.html
new file mode 100644
index 0000000000..fc726af4d4
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-4-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;"></div>
+</div>
+<div style="width:0px;height:0px;overflow:visible">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-right:100px;"></div>
+</div>
+<div style="background:silver;">
+  <div style="margin-right:200px;">This text should appear to the LEFT of the red and green blocks.</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-4a.html b/layout/reftests/floats/float-in-rtl-4a.html
new file mode 100644
index 0000000000..04d416d40a
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-4a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div dir="ltr" style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+</div>
+<div style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-4b.html b/layout/reftests/floats/float-in-rtl-4b.html
new file mode 100644
index 0000000000..380ee3307f
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-4b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+</div>
+<div dir="ltr" style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-4c.html b/layout/reftests/floats/float-in-rtl-4c.html
new file mode 100644
index 0000000000..e4a9cfcd02
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-4c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div dir="ltr" style="width:300px">
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+</div>
+<div dir="ltr" style="width:200px">
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-4d.html b/layout/reftests/floats/float-in-rtl-4d.html
new file mode 100644
index 0000000000..b7af65b193
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-4d.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+</head>
+<body dir="rtl">
+<div dir="ltr" style="width:-moz-fit-content">
+  <div style="width:300px">
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="width:200px">
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+</div>
+<div style="background:silver">
+This text should appear to the LEFT of the red and green blocks.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-1-ref.html b/layout/reftests/floats/float-in-rtl-slr-1-ref.html
new file mode 100644
index 0000000000..f5af2bc196
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.slr {
+   writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:calc(100vh - 316px);"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:calc(100vh - 216px);"></div>
+  </div>
+  <div class="slr" style="background:silver; height: calc(100vh - 16px);">
+    <div style="height:100px;">This text should appear BELOW the red and green blocks.</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-1a.html b/layout/reftests/floats/float-in-rtl-slr-1a.html
new file mode 100644
index 0000000000..04e05bf2c4
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+   writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px" dir="rtl">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-1b.html b/layout/reftests/floats/float-in-rtl-slr-1b.html
new file mode 100644
index 0000000000..0d67449198
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-1b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+   writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px" dir="rtl">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-1c.html b/layout/reftests/floats/float-in-rtl-slr-1c.html
new file mode 100644
index 0000000000..41e3be793d
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-1c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+   writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px" dir="rtl">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px" dir="rtl">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-1d.html b/layout/reftests/floats/float-in-rtl-slr-1d.html
new file mode 100644
index 0000000000..8813c2a63e
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-1d.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-2-ref.html b/layout/reftests/floats/float-in-rtl-slr-2-ref.html
new file mode 100644
index 0000000000..b3cd61f6c7
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:calc(100vh - 116px);"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:calc(100vh - 216px);"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div class="slr" style="background:silver; height: calc(100vh - 16px);">
+      <div style="margin-bottom:200px;">This text should appear ABOVE the green and red blocks.</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-2a.html b/layout/reftests/floats/float-in-rtl-slr-2a.html
new file mode 100644
index 0000000000..31c4fe178f
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-2a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-2b.html b/layout/reftests/floats/float-in-rtl-slr-2b.html
new file mode 100644
index 0000000000..dd25587665
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-2b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="rtl" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-2c.html b/layout/reftests/floats/float-in-rtl-slr-2c.html
new file mode 100644
index 0000000000..4ee217ce1d
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-2c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="rtl" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-2d.html b/layout/reftests/floats/float-in-rtl-slr-2d.html
new file mode 100644
index 0000000000..b3b9623eec
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-2d.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-3-ref.html b/layout/reftests/floats/float-in-rtl-slr-3-ref.html
new file mode 100644
index 0000000000..4c99aa543c
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-3-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+ <div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:200px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:100px;"></div>
+  </div>
+  <div class="slr" style="background:silver; height:calc(100vh - 16px);">
+    <div style="margin-bottom:calc(100vh - 116px); direction:rtl">This text should appear ABOVE the green and red blocks.</div>
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-3a.html b/layout/reftests/floats/float-in-rtl-slr-3a.html
new file mode 100644
index 0000000000..641a6aa79a
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-3a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+ <div style="direction: rtl;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-3b.html b/layout/reftests/floats/float-in-rtl-slr-3b.html
new file mode 100644
index 0000000000..613ffac32e
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-3b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+ <div style="direction: rtl;">
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-3c.html b/layout/reftests/floats/float-in-rtl-slr-3c.html
new file mode 100644
index 0000000000..5c4669bb41
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-3c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+ <div style="direction: rtl;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-3d.html b/layout/reftests/floats/float-in-rtl-slr-3d.html
new file mode 100644
index 0000000000..ef7b1886fd
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-3d.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+}
+</style>
+</head>
+<body>
+ <div style="direction: rtl;">
+  <div dir="ltr" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+ This text should appear ABOVE the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-4-ref.html b/layout/reftests/floats/float-in-rtl-slr-4-ref.html
new file mode 100644
index 0000000000..1696cdd4d8
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-4-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+  direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:0"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:100px"></div>
+  </div>
+  <div class="slr" style="background:silver; height: calc(100vh - 16px);">
+    <div style="height: calc(100vh - 216px); margin-top: 200px">This text should appear BELOW the red and green blocks.</div>
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-4a.html b/layout/reftests/floats/float-in-rtl-slr-4a.html
new file mode 100644
index 0000000000..f94ed50980
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-4a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+  direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div>
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-4b.html b/layout/reftests/floats/float-in-rtl-slr-4b.html
new file mode 100644
index 0000000000..7520ea6ddb
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-4b.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+  direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div>
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-4c.html b/layout/reftests/floats/float-in-rtl-slr-4c.html
new file mode 100644
index 0000000000..000938f91c
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-4c.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+  direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div>
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-slr-4d.html b/layout/reftests/floats/float-in-rtl-slr-4d.html
new file mode 100644
index 0000000000..6fb5e8509b
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-slr-4d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="slr">
+<head>
+<style>
+.slr {
+  writing-mode: sideways-lr;
+  direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div>
+  <div dir="ltr" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-1-ref.html b/layout/reftests/floats/float-in-rtl-vlr-1-ref.html
new file mode 100644
index 0000000000..ec15eff4f5
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:200px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:100px;"></div>
+  </div>
+  <div class="vlr" style="background:silver; height: calc(100vh - 16px);">
+    <div style="height:100px;">This text should appear ABOVE the red and green blocks.</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-1a.html b/layout/reftests/floats/float-in-rtl-vlr-1a.html
new file mode 100644
index 0000000000..475188c400
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-1a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px" dir="rtl">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-1b.html b/layout/reftests/floats/float-in-rtl-vlr-1b.html
new file mode 100644
index 0000000000..30fcf9e1a9
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-1b.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px" dir="rtl">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-1c.html b/layout/reftests/floats/float-in-rtl-vlr-1c.html
new file mode 100644
index 0000000000..5f92680d76
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-1c.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px" dir="rtl">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px" dir="rtl">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-1d.html b/layout/reftests/floats/float-in-rtl-vlr-1d.html
new file mode 100644
index 0000000000..b6ce505b8d
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-1d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-2-ref.html b/layout/reftests/floats/float-in-rtl-vlr-2-ref.html
new file mode 100644
index 0000000000..570067b3d7
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:100px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div class="vlr" style="background:silver; height: calc(100vh - 16px);">
+      <div style="margin-top:200px;">This text should appear BELOW the green and red blocks.</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-2a.html b/layout/reftests/floats/float-in-rtl-vlr-2a.html
new file mode 100644
index 0000000000..efb5b68f81
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-2a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-2b.html b/layout/reftests/floats/float-in-rtl-vlr-2b.html
new file mode 100644
index 0000000000..976fcd4c78
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-2b.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="rtl" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-2c.html b/layout/reftests/floats/float-in-rtl-vlr-2c.html
new file mode 100644
index 0000000000..e130df96f2
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-2c.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="rtl" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-2d.html b/layout/reftests/floats/float-in-rtl-vlr-2d.html
new file mode 100644
index 0000000000..fafaa1e918
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-2d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-3-ref.html b/layout/reftests/floats/float-in-rtl-vlr-3-ref.html
new file mode 100644
index 0000000000..64182b14f9
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-3-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px;">
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:300px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:400px;"></div>
+  </div>
+  <div class="vlr" style="background:silver; height: 100%;">
+    <div style="padding-top:500px; direction:rtl">This text should appear BELOW the green and red blocks.</div>
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-3a.html b/layout/reftests/floats/float-in-rtl-vlr-3a.html
new file mode 100644
index 0000000000..979beded39
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-3a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-3b.html b/layout/reftests/floats/float-in-rtl-vlr-3b.html
new file mode 100644
index 0000000000..d66585e959
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-3b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-3c.html b/layout/reftests/floats/float-in-rtl-vlr-3c.html
new file mode 100644
index 0000000000..2309173654
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-3c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-3d.html b/layout/reftests/floats/float-in-rtl-vlr-3d.html
new file mode 100644
index 0000000000..341aa7aea0
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-3d.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div dir="ltr" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-4-ref.html b/layout/reftests/floats/float-in-rtl-vlr-4-ref.html
new file mode 100644
index 0000000000..1249cd3519
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-4-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px;">
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:500px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:400px;"></div>
+  </div>
+  <div class="vlr" style="background:silver; height: 100%;">
+    <div style="padding-bottom: 200px; direction:rtl">This text should appear ABOVE the red and green blocks.</div>
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-4a.html b/layout/reftests/floats/float-in-rtl-vlr-4a.html
new file mode 100644
index 0000000000..75ccc89d46
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-4a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-4b.html b/layout/reftests/floats/float-in-rtl-vlr-4b.html
new file mode 100644
index 0000000000..f56d7a3544
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-4b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-4c.html b/layout/reftests/floats/float-in-rtl-vlr-4c.html
new file mode 100644
index 0000000000..33543aeb3a
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-4c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vlr-4d.html b/layout/reftests/floats/float-in-rtl-vlr-4d.html
new file mode 100644
index 0000000000..631d196ca7
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vlr-4d.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="vlr">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vlr {
+   writing-mode: vertical-lr;
+   -webkit-writing-mode: vertical-lr;
+   writing-mode: tb-lr;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div dir="ltr" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-1-ref.html b/layout/reftests/floats/float-in-rtl-vrl-1-ref.html
new file mode 100644
index 0000000000..7931c3c4fa
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body dir=rtl>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:200px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:100px;"></div>
+  </div>
+  <div dir=ltr class="vrl" style="background:silver; height: calc(100vh - 16px);">
+    <div style="height:100px;">This text should appear ABOVE the red and green blocks.</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-1a.html b/layout/reftests/floats/float-in-rtl-vrl-1a.html
new file mode 100644
index 0000000000..7996d670ec
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-1a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px" dir="rtl">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-1b.html b/layout/reftests/floats/float-in-rtl-vrl-1b.html
new file mode 100644
index 0000000000..1171a11681
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-1b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px" dir="rtl">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-1c.html b/layout/reftests/floats/float-in-rtl-vrl-1c.html
new file mode 100644
index 0000000000..d7e42c2b89
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-1c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px" dir="rtl">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px" dir="rtl">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-1d.html b/layout/reftests/floats/float-in-rtl-vrl-1d.html
new file mode 100644
index 0000000000..b181e44915
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-1d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-2-ref.html b/layout/reftests/floats/float-in-rtl-vrl-2-ref.html
new file mode 100644
index 0000000000..a4dda9eb65
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body dir=rtl>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:100px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div dir=ltr class="vrl" style="background:silver; height: calc(100vh - 16px);">
+      <div style="margin-top:200px;">This text should appear BELOW the green and red blocks.</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-2a.html b/layout/reftests/floats/float-in-rtl-vrl-2a.html
new file mode 100644
index 0000000000..e920706edb
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-2a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-2b.html b/layout/reftests/floats/float-in-rtl-vrl-2b.html
new file mode 100644
index 0000000000..951270f4e0
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-2b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="rtl" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-2c.html b/layout/reftests/floats/float-in-rtl-vrl-2c.html
new file mode 100644
index 0000000000..5108dbdcb9
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-2c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="rtl" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-2d.html b/layout/reftests/floats/float-in-rtl-vrl-2d.html
new file mode 100644
index 0000000000..7f53dbe9a4
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-2d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: ltr;
+}
+</style>
+</head>
+<body>
+  <div dir="rtl" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-3-ref.html b/layout/reftests/floats/float-in-rtl-vrl-3-ref.html
new file mode 100644
index 0000000000..b16ea15fb9
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-3-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body dir=rtl>
+ <div style="height:600px;">
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:300px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:400px;"></div>
+  </div>
+  <div dir=ltr class="vrl" style="background:silver; height: 100%;">
+    <div style="padding-top:500px; direction:rtl">This text should appear BELOW the green and red blocks.</div>
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-3a.html b/layout/reftests/floats/float-in-rtl-vrl-3a.html
new file mode 100644
index 0000000000..1ffb583f59
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-3a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-3b.html b/layout/reftests/floats/float-in-rtl-vrl-3b.html
new file mode 100644
index 0000000000..a5b1db4bc9
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-3b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-3c.html b/layout/reftests/floats/float-in-rtl-vrl-3c.html
new file mode 100644
index 0000000000..aaef029166
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-3c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-3d.html b/layout/reftests/floats/float-in-rtl-vrl-3d.html
new file mode 100644
index 0000000000..142c433a0b
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-3d.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; direction: rtl;">
+  <div dir="ltr" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear BELOW the green and red blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-4-ref.html b/layout/reftests/floats/float-in-rtl-vrl-4-ref.html
new file mode 100644
index 0000000000..9758a39911
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-4-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+}
+</style>
+</head>
+<body dir=rtl>
+ <div style="height:600px;">
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;margin-top:500px;"></div>
+  </div>
+  <div style="height:0px;width:0px;overflow:visible">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:400px;"></div>
+  </div>
+  <div dir=ltr class="vrl" style="background:silver; height: 100%;">
+    <div style="padding-bottom: 200px; direction:rtl">This text should appear ABOVE the red and green blocks.</div>
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-4a.html b/layout/reftests/floats/float-in-rtl-vrl-4a.html
new file mode 100644
index 0000000000..4daa9e2d27
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-4a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-4b.html b/layout/reftests/floats/float-in-rtl-vrl-4b.html
new file mode 100644
index 0000000000..5b238a42f2
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-4b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-4c.html b/layout/reftests/floats/float-in-rtl-vrl-4c.html
new file mode 100644
index 0000000000..08a34370fc
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-4c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div dir="ltr" style="height:300px">
+    <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+  </div>
+  <div dir="ltr" style="height:200px">
+    <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-in-rtl-vrl-4d.html b/layout/reftests/floats/float-in-rtl-vrl-4d.html
new file mode 100644
index 0000000000..c456708109
--- /dev/null
+++ b/layout/reftests/floats/float-in-rtl-vrl-4d.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="vrl">
+<head>
+<title>Bug 1114329 testcase</title>
+<style>
+ .vrl {
+   writing-mode: vertical-rl;
+   -webkit-writing-mode: vertical-rl;
+   writing-mode: tb-rl;
+   direction: rtl;
+}
+</style>
+</head>
+<body>
+ <div style="height:600px; margin-top:0; margin-bottom:auto;">
+  <div dir="ltr" style="inline-size:-moz-fit-content">
+    <div style="height:300px">
+      <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;"></div>
+    </div>
+    <div style="height:200px">
+      <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;"></div>
+    </div>
+  </div>
+  <div style="background:silver">
+This text should appear ABOVE the red and green blocks.
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-outside-block-push-ref.html b/layout/reftests/floats/float-outside-block-push-ref.html
new file mode 100644
index 0000000000..945245727e
--- /dev/null
+++ b/layout/reftests/floats/float-outside-block-push-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>Testcase, bug 472252</title>
+
+<style type="text/css">
+#wrap {width:600px; border:1px solid;position:relative}
+.a {background:lime; color:#fff; width:80%;}
+.b {position:absolute; right:0; width:18%; background: cyan; color: #000; height:10em;}
+textarea {box-sizing: border-box; width: 100%; height:10em;}
+</style>
+
+<title>test</title>
+</head>
+<body>
+<div id="wrap">
+	<div class="b"></div>
+	<div class="a"><textarea></textarea></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/float-outside-block-push.html b/layout/reftests/floats/float-outside-block-push.html
new file mode 100644
index 0000000000..83760bfc14
--- /dev/null
+++ b/layout/reftests/floats/float-outside-block-push.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+    <title>CSS 2.1 Test Suite: float</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+
+<style type="text/css">
+#wrap {width:600px; border:1px solid;}
+.a {background:lime; color:#fff; width:80%;}
+.b {float:right; width:18%; background: cyan; color: #000; height:10em;}
+textarea {box-sizing: border-box; width: 100%; height:10em;}
+</style> 
+
+<title>test</title>
+</head>
+<body>
+<div id="wrap">
+	<div class="b"></div>
+	<div class="a"><textarea></textarea></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/floats/orthogonal-floats-1-ref.html b/layout/reftests/floats/orthogonal-floats-1-ref.html
new file mode 100644
index 0000000000..a5ccc8a3c8
--- /dev/null
+++ b/layout/reftests/floats/orthogonal-floats-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
+  <!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
+  <meta charset="utf-8">
+  <style type="text/css">
+  body {
+    margin: 8px;
+  }
+  p {
+    clear: both;
+  }
+  div#dummy {
+    height: 100px;
+    float: right;
+  }
+  div#reference {
+    background-color: green;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    z-index: -1;
+  }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="dummy"></div>
+
+  <div id="reference"></div>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/layout/reftests/floats/orthogonal-floats-1a.html b/layout/reftests/floats/orthogonal-floats-1a.html
new file mode 100644
index 0000000000..25604d1b6b
--- /dev/null
+++ b/layout/reftests/floats/orthogonal-floats-1a.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
+  <!-- based on testcases from Gerard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
+  <meta charset="utf-8">
+  <style type="text/css">
+  body {
+    margin: 8px;
+  }
+  p {
+    clear: both;
+  }
+  div.floated-right {
+    background: green;
+    color: green;
+    inline-size: 100px;
+    block-size: 20px;
+    float: right;
+    -ah-writing-mode: vertical-rl;
+    -webkit-writing-mode: vertical-rl;
+    writing-mode: tb-rl; /* IE 11 */
+    writing-mode: vertical-rl;
+  }
+  div#reference-overlapped-red {
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    z-index: -1;
+  }
+  </style>
+ </head>
+
+ <body>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div id="reference-overlapped-red"></div>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/layout/reftests/floats/orthogonal-floats-1b.html b/layout/reftests/floats/orthogonal-floats-1b.html
new file mode 100644
index 0000000000..ee682c0dfc
--- /dev/null
+++ b/layout/reftests/floats/orthogonal-floats-1b.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
+  <!-- based on testcases from Gerard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
+  <meta charset="utf-8">
+  <style type="text/css">
+  body {
+    margin: 8px;
+  }
+  p {
+    clear: both;
+  }
+  div.floated-right {
+    background: green;
+    color: green;
+    inline-size: 100px;
+    block-size: 20px;
+    float: right;
+    -ah-writing-mode: vertical-lr;
+    -webkit-writing-mode: vertical-lr;
+    writing-mode: tb-lr; /* IE 11 */
+    writing-mode: vertical-lr;
+  }
+  div#reference-overlapped-red {
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    z-index: -1;
+  }
+  </style>
+ </head>
+
+ <body>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div class="floated-right"></div>
+
+  <div id="reference-overlapped-red"></div>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/layout/reftests/floats/orthogonal-floats-1c.html b/layout/reftests/floats/orthogonal-floats-1c.html
new file mode 100644
index 0000000000..3c447b0ce9
--- /dev/null
+++ b/layout/reftests/floats/orthogonal-floats-1c.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
+  <!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
+  <meta charset="utf-8">
+  <style type="text/css">
+  @font-face {
+    font-family: Ahem;
+    src: url(../fonts/Ahem.ttf);
+  }
+  body {
+    margin: 8px;
+  }
+  p {
+    clear: both;
+  }
+  div.floated-right {
+    color: green;
+    float: right;
+    -ah-writing-mode: vertical-rl;
+    -webkit-writing-mode: vertical-rl;
+    writing-mode: tb-rl; /* IE 11 */
+    writing-mode: vertical-rl;
+    font: 20px/20px Ahem;
+  }
+  div#reference-overlapped-red {
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    z-index: -1;
+  }
+  </style>
+ </head>
+
+ <body>
+
+  <div class="floated-right">abcde</div>
+
+  <div class="floated-right">fghij</div>
+
+  <div class="floated-right">klmno</div>
+
+  <div class="floated-right">qrstu</div>
+
+  <div class="floated-right">vwxyz</div>
+
+  <div id="reference-overlapped-red"></div>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/layout/reftests/floats/orthogonal-floats-1d.html b/layout/reftests/floats/orthogonal-floats-1d.html
new file mode 100644
index 0000000000..97a22e1a66
--- /dev/null
+++ b/layout/reftests/floats/orthogonal-floats-1d.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</title>
+  <!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
+  <meta charset="utf-8">
+  <style type="text/css">
+  @font-face {
+    font-family: Ahem;
+    src: url(../fonts/Ahem.ttf);
+  }
+  body {
+    margin: 8px;
+  }
+  p {
+    clear: both;
+  }
+  div.floated-right {
+    color: green;
+    float: right;
+    -ah-writing-mode: vertical-lr;
+    -webkit-writing-mode: vertical-lr;
+    writing-mode: tb-lr; /* IE 11 */
+    writing-mode: vertical-lr;
+    font: 20px/20px Ahem;
+  }
+  div#reference-overlapped-red {
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    z-index: -1;
+  }
+  </style>
+ </head>
+
+ <body>
+
+  <div class="floated-right">abcde</div>
+
+  <div class="floated-right">fghij</div>
+
+  <div class="floated-right">klmno</div>
+
+  <div class="floated-right">qrstu</div>
+
+  <div class="floated-right">vwxyz</div>
+
+  <div id="reference-overlapped-red"></div>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-left-2-ref.html b/layout/reftests/floats/other-float-outside-rule-3-left-2-ref.html
new file mode 100644
index 0000000000..508b4741b2
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-left-2-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for float placement around other float in BFC but outside containing block</title>
+<div style="float: left; width: 500px; height: 500px">
+    <div style="margin-top: 300px; width: 475px; height: 10px; background: blue"></div>
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-left-2.html b/layout/reftests/floats/other-float-outside-rule-3-left-2.html
new file mode 100644
index 0000000000..b7ef87cbba
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-left-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: float placement around other float in BFC but outside containing block</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+  CSS2.1 9.5.1 rule 3 says:
+
+    The right outer edge of a left-floating box may not be to the right
+    of the left outer edge of any right-floating box that is to the
+    right of it. Analogous rules hold for right-floating elements. 
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+<div style="float: left; width: 500px; height: 500px">
+
+  <div style="float: right; width: 50px; height: 300px"></div>
+
+  <div style="margin-right: 100px"> <!-- 400px wide -->
+
+    <!-- we're testing the position of this float -->
+    <div style="float: left; width: 475px; height: 10px; background: blue"></div>
+
+  </div>
+
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-left-ref.html b/layout/reftests/floats/other-float-outside-rule-3-left-ref.html
new file mode 100644
index 0000000000..68b9f6adf8
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-left-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>Test for float placement around other float in BFC but outside containing block</title>
+
+<div style="float: left; width: 500px; height: 500px">
+  <div style="width: 425px; height: 10px; background: blue"></div>
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-left.html b/layout/reftests/floats/other-float-outside-rule-3-left.html
new file mode 100644
index 0000000000..42ae12baef
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-left.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: float placement around other float in BFC but outside containing block</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+  CSS2.1 9.5.1 rule 3 says:
+
+    The right outer edge of a left-floating box may not be to the right
+    of the left outer edge of any right-floating box that is to the
+    right of it. Analogous rules hold for right-floating elements. 
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+<div style="float: left; width: 500px; height: 500px">
+
+  <div style="float: right; width: 50px; height: 300px"></div>
+
+  <div style="margin-right: 100px"> <!-- 400px wide -->
+
+    <!-- we're testing the position of this float -->
+    <div style="float: left; width: 425px; height: 10px; background: blue"></div>
+
+  </div>
+
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-right-2-ref.html b/layout/reftests/floats/other-float-outside-rule-3-right-2-ref.html
new file mode 100644
index 0000000000..711010112e
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-right-2-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for float placement around other float in BFC but outside containing block</title>
+<div style="float: left; width: 500px; height: 500px">
+    <div style="margin-top: 300px; margin-left: 25px; width: 475px; height: 10px; background: blue"></div>
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-right-2.html b/layout/reftests/floats/other-float-outside-rule-3-right-2.html
new file mode 100644
index 0000000000..e2a0673ba3
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-right-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: float placement around other float in BFC but outside containing block</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+  CSS2.1 9.5.1 rule 3 says:
+
+    The right outer edge of a left-floating box may not be to the right
+    of the left outer edge of any right-floating box that is to the
+    right of it. Analogous rules hold for right-floating elements. 
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+<div style="float: left; width: 500px; height: 500px">
+
+  <div style="float: left; width: 50px; height: 300px"></div>
+
+  <div style="margin-left: 100px"> <!-- 400px wide -->
+
+    <!-- we're testing the position of this float -->
+    <div style="float: right; width: 475px; height: 10px; background: blue"></div>
+
+  </div>
+
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-right-ref.html b/layout/reftests/floats/other-float-outside-rule-3-right-ref.html
new file mode 100644
index 0000000000..305b7a59c3
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-right-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for float placement around other float in BFC but outside containing block</title>
+<div style="float: left; width: 500px; height: 500px">
+  <div style="margin-left: 75px; width: 425px; height: 10px; background: blue"></div>
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-3-right.html b/layout/reftests/floats/other-float-outside-rule-3-right.html
new file mode 100644
index 0000000000..b14382d1be
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-3-right.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: float placement around other float in BFC but outside containing block</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+  CSS2.1 9.5.1 rule 3 says:
+
+    The right outer edge of a left-floating box may not be to the right
+    of the left outer edge of any right-floating box that is to the
+    right of it. Analogous rules hold for right-floating elements. 
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+<div style="float: left; width: 500px; height: 500px">
+
+  <div style="float: left; width: 50px; height: 300px"></div>
+
+  <div style="margin-left: 100px"> <!-- 400px wide -->
+
+    <!-- we're testing the position of this float -->
+    <div style="float: right; width: 425px; height: 10px; background: blue"></div>
+
+  </div>
+
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-7-left-ref.html b/layout/reftests/floats/other-float-outside-rule-7-left-ref.html
new file mode 100644
index 0000000000..0c3efa6cd6
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-7-left-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for float placement around other float in BFC but outside containing block</title>
+<div style="float: left; width: 500px; height: 500px">
+    <div style="margin-top: 300px; margin-left: 100px; width: 425px; height: 10px; background: blue"></div>
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-7-left.html b/layout/reftests/floats/other-float-outside-rule-7-left.html
new file mode 100644
index 0000000000..3809b19a7d
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-7-left.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: float placement around other float in BFC but outside containing block</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+  CSS2.1 9.5.1 rule 7 says:
+
+    A left-floating box that has another left-floating box to its left
+    may not have its right outer edge to the right of its containing
+    block's right edge. (Loosely: a left float may not stick out at the
+    right edge, unless it is already as far to the left as possible.) An
+    analogous rule holds for right-floating elements. 
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+<div style="float: left; width: 500px; height: 500px">
+
+  <div style="float: left; width: 50px; height: 300px"></div>
+
+  <div style="margin-left: 100px"> <!-- 400px wide -->
+
+    <!-- we're testing the position of this float -->
+    <div style="float: left; width: 425px; height: 10px; background: blue"></div>
+
+  </div>
+
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-7-right-ref.html b/layout/reftests/floats/other-float-outside-rule-7-right-ref.html
new file mode 100644
index 0000000000..3ae3087da3
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-7-right-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<title>Test for float placement around other float in BFC but outside containing block</title>
+<div style="float: left; width: 500px; height: 500px">
+    <div style="margin-top: 300px; margin-left: -25px; width: 425px; height: 10px; background: blue"></div>
+</div>
diff --git a/layout/reftests/floats/other-float-outside-rule-7-right.html b/layout/reftests/floats/other-float-outside-rule-7-right.html
new file mode 100644
index 0000000000..fb8c0e821c
--- /dev/null
+++ b/layout/reftests/floats/other-float-outside-rule-7-right.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: float placement around other float in BFC but outside containing block</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+  CSS2.1 9.5.1 rule 7 says:
+
+    A left-floating box that has another left-floating box to its left
+    may not have its right outer edge to the right of its containing
+    block's right edge. (Loosely: a left float may not stick out at the
+    right edge, unless it is already as far to the left as possible.) An
+    analogous rule holds for right-floating elements. 
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+<div style="float: left; width: 500px; height: 500px">
+
+  <div style="float: right; width: 50px; height: 300px"></div>
+
+  <div style="margin-right: 100px"> <!-- 400px wide -->
+
+    <!-- we're testing the position of this float -->
+    <div style="float: right; width: 425px; height: 10px; background: blue"></div>
+
+  </div>
+
+</div>
diff --git a/layout/reftests/floats/reftest.list b/layout/reftests/floats/reftest.list
new file mode 100644
index 0000000000..c35925f2ce
--- /dev/null
+++ b/layout/reftests/floats/reftest.list
@@ -0,0 +1,114 @@
+== border-box-wrap-around-float.html border-box-wrap-around-float-ref.html
+== other-float-outside-rule-3-left.html other-float-outside-rule-3-left-ref.html
+== other-float-outside-rule-3-right.html other-float-outside-rule-3-right-ref.html
+fails == other-float-outside-rule-3-left-2.html other-float-outside-rule-3-left-2-ref.html # bug 616334
+fails == other-float-outside-rule-3-right-2.html other-float-outside-rule-3-right-2-ref.html # bug 616334
+fails == other-float-outside-rule-7-left.html other-float-outside-rule-7-left-ref.html # bug 616334
+fails == other-float-outside-rule-7-right.html other-float-outside-rule-7-right-ref.html # bug 616334
+fuzzy(0-5,0-1) == float-outside-block-push.html float-outside-block-push-ref.html # bug 815612
+== relative-float-1.html relative-float-1-ref.html
+== relative-float-2.html relative-float-2-ref.html
+== zero-height-float-base.html zero-height-float-ref.html
+fails == zero-height-float.html zero-height-float-ref.html # bug 81710
+== 345369-1.html 345369-1-ref.html
+fails == 345369-2.html 345369-2-ref.html
+== 345369-3.html 345369-3-ref.html
+== 345369-4.html 345369-4-ref.html
+== 345369-5.html 345369-5-ref.html
+== 429974-1.html 429974-1-ref.html
+== 478834-1.html 478834-1-ref.html
+== 546048-1.html 546048-1-ref.html
+== 775350-1.html 775350-1-ref.html
+== 1114329.html 1114329-ref.html
+== 1236745-1.html 1236745-1-ref.html
+== 1260031-1.html?display:table 1260031-1-ref.html
+== 1260031-1.html?display:table-cell 1260031-1-ref.html
+== 1260031-1.html?overflow:hidden 1260031-1-ref.html
+== 1291110-1.html 1291110-1-ref.html
+== 1291110-2.html 1291110-2-ref.html
+== 1322843-1a.html 1322843-1-ref.html
+== 1322843-1b.html 1322843-1-ref.html
+== 1322843-1c.html 1322843-1-ref.html
+== 1322843-1d.html 1322843-1-ref.html
+== 1322843-1e.html 1322843-1-ref.html
+== 1322843-1f.html 1322843-1-ref.html
+== float-in-rtl-1a.html float-in-rtl-1-ref.html
+fuzzy(0-1,0-27000) == float-in-rtl-1b.html float-in-rtl-1-ref.html
+fuzzy(0-1,0-27000) == float-in-rtl-1c.html float-in-rtl-1-ref.html
+fuzzy(0-1,0-27000) == float-in-rtl-1d.html float-in-rtl-1-ref.html
+== float-in-rtl-2a.html float-in-rtl-2-ref.html
+fuzzy(0-1,0-12000) == float-in-rtl-2b.html float-in-rtl-2-ref.html
+fuzzy(0-1,0-12000) == float-in-rtl-2c.html float-in-rtl-2-ref.html
+fuzzy(0-1,0-12000) == float-in-rtl-2d.html float-in-rtl-2-ref.html
+== float-in-rtl-3a.html float-in-rtl-3-ref.html
+fuzzy(0-1,0-27000) == float-in-rtl-3b.html float-in-rtl-3-ref.html
+fuzzy(0-1,0-27000) == float-in-rtl-3c.html float-in-rtl-3-ref.html
+fuzzy(0-1,0-27000) == float-in-rtl-3d.html float-in-rtl-3-ref.html
+== float-in-rtl-4a.html float-in-rtl-4-ref.html
+fuzzy(0-1,0-12000) == float-in-rtl-4b.html float-in-rtl-4-ref.html
+fuzzy(0-1,0-12000) == float-in-rtl-4c.html float-in-rtl-4-ref.html
+fuzzy(0-1,0-12000) == float-in-rtl-4d.html float-in-rtl-4-ref.html
+
+== bfc-displace-1a.html bfc-displace-1a-ref.html
+== bfc-displace-1b.html bfc-displace-1b-ref.html
+== bfc-displace-2a.html bfc-displace-2a-ref.html
+== bfc-displace-2b.html bfc-displace-2b-ref.html
+== bfc-displace-3a.html bfc-displace-3a-ref.html
+== bfc-displace-3b.html bfc-displace-3b-ref.html
+== bfc-displace-4.html bfc-displace-4-ref.html
+== bfc-shrink-1.html bfc-shrink-1-ref.html
+
+# Testcases that involve vertical writing mode.
+== float-in-rtl-vlr-1a.html float-in-rtl-vlr-1-ref.html
+== float-in-rtl-vlr-1b.html float-in-rtl-vlr-1-ref.html
+== float-in-rtl-vlr-1c.html float-in-rtl-vlr-1-ref.html
+== float-in-rtl-vlr-1d.html float-in-rtl-vlr-1-ref.html
+== float-in-rtl-vlr-2a.html float-in-rtl-vlr-2-ref.html
+== float-in-rtl-vlr-2b.html float-in-rtl-vlr-2-ref.html
+== float-in-rtl-vlr-2c.html float-in-rtl-vlr-2-ref.html
+== float-in-rtl-vlr-2d.html float-in-rtl-vlr-2-ref.html
+== float-in-rtl-vlr-3a.html float-in-rtl-vlr-3-ref.html
+== float-in-rtl-vlr-3b.html float-in-rtl-vlr-3-ref.html
+== float-in-rtl-vlr-3c.html float-in-rtl-vlr-3-ref.html
+== float-in-rtl-vlr-3d.html float-in-rtl-vlr-3-ref.html
+== float-in-rtl-vlr-4a.html float-in-rtl-vlr-4-ref.html
+== float-in-rtl-vlr-4b.html float-in-rtl-vlr-4-ref.html
+== float-in-rtl-vlr-4c.html float-in-rtl-vlr-4-ref.html
+== float-in-rtl-vlr-4d.html float-in-rtl-vlr-4-ref.html
+== float-in-rtl-vrl-1a.html float-in-rtl-vrl-1-ref.html
+== float-in-rtl-vrl-1b.html float-in-rtl-vrl-1-ref.html
+== float-in-rtl-vrl-1c.html float-in-rtl-vrl-1-ref.html
+== float-in-rtl-vrl-1d.html float-in-rtl-vrl-1-ref.html
+== float-in-rtl-vrl-2a.html float-in-rtl-vrl-2-ref.html
+== float-in-rtl-vrl-2b.html float-in-rtl-vrl-2-ref.html
+== float-in-rtl-vrl-2c.html float-in-rtl-vrl-2-ref.html
+== float-in-rtl-vrl-2d.html float-in-rtl-vrl-2-ref.html
+== float-in-rtl-vrl-3a.html float-in-rtl-vrl-3-ref.html
+== float-in-rtl-vrl-3b.html float-in-rtl-vrl-3-ref.html
+== float-in-rtl-vrl-3c.html float-in-rtl-vrl-3-ref.html
+== float-in-rtl-vrl-3d.html float-in-rtl-vrl-3-ref.html
+== float-in-rtl-vrl-4a.html float-in-rtl-vrl-4-ref.html
+== float-in-rtl-vrl-4b.html float-in-rtl-vrl-4-ref.html
+== float-in-rtl-vrl-4c.html float-in-rtl-vrl-4-ref.html
+== float-in-rtl-vrl-4d.html float-in-rtl-vrl-4-ref.html
+fuzzy-if(OSX,0-28,0-11) fuzzy-if(Android,0-16,0-2) == orthogonal-floats-1a.html orthogonal-floats-1-ref.html
+fuzzy-if(OSX,0-28,0-11) fuzzy-if(winWidget,0-137,0-3) == orthogonal-floats-1b.html orthogonal-floats-1-ref.html
+fuzzy-if(winWidget,0-135,0-700) == orthogonal-floats-1c.html orthogonal-floats-1-ref.html
+fuzzy-if(winWidget,0-135,0-700) == orthogonal-floats-1d.html orthogonal-floats-1-ref.html
+
+== float-in-rtl-slr-1a.html float-in-rtl-slr-1-ref.html
+== float-in-rtl-slr-1b.html float-in-rtl-slr-1-ref.html
+== float-in-rtl-slr-1c.html float-in-rtl-slr-1-ref.html
+== float-in-rtl-slr-1d.html float-in-rtl-slr-1-ref.html
+== float-in-rtl-slr-2a.html float-in-rtl-slr-2-ref.html
+== float-in-rtl-slr-2b.html float-in-rtl-slr-2-ref.html
+== float-in-rtl-slr-2c.html float-in-rtl-slr-2-ref.html
+== float-in-rtl-slr-2d.html float-in-rtl-slr-2-ref.html
+== float-in-rtl-slr-3a.html float-in-rtl-slr-3-ref.html
+== float-in-rtl-slr-3b.html float-in-rtl-slr-3-ref.html
+== float-in-rtl-slr-3c.html float-in-rtl-slr-3-ref.html
+== float-in-rtl-slr-3d.html float-in-rtl-slr-3-ref.html
+== float-in-rtl-slr-4a.html float-in-rtl-slr-4-ref.html
+== float-in-rtl-slr-4b.html float-in-rtl-slr-4-ref.html
+== float-in-rtl-slr-4c.html float-in-rtl-slr-4-ref.html
+== float-in-rtl-slr-4d.html float-in-rtl-slr-4-ref.html
diff --git a/layout/reftests/floats/relative-float-1-ref.html b/layout/reftests/floats/relative-float-1-ref.html
new file mode 100644
index 0000000000..9e4b4a5cc0
--- /dev/null
+++ b/layout/reftests/floats/relative-float-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <style>
+      div {
+        position: relative;
+        top: 20px;
+        left: 20px;
+        height: 100px;
+        width: 100px;
+        background: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/floats/relative-float-1.html b/layout/reftests/floats/relative-float-1.html
new file mode 100644
index 0000000000..9a25418eb0
--- /dev/null
+++ b/layout/reftests/floats/relative-float-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <style>
+      div {
+        float: left;
+        position: relative;
+        top: 20px;
+        left: 20px;
+        height: 100px;
+        width: 100px;
+        background: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/floats/relative-float-2-ref.html b/layout/reftests/floats/relative-float-2-ref.html
new file mode 100644
index 0000000000..ba8437c75d
--- /dev/null
+++ b/layout/reftests/floats/relative-float-2-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <style>
+      #a {
+        float: left;
+        height: 100px;
+        width: 100px
+      }
+      #b {
+        position: relative;
+        top: 20px;
+        left: 20px;
+        height: 100px;
+        width: 100px;
+        background: blue
+      }
+    </style>
+  </head>
+  <body>
+    <div id="a">
+      <div id="b">
+      </div>
+    </div>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    <br>Duis odio est, cursus non adipiscing at, fringilla quis eros.
+    <br>Sed volutpat nibh sit amet ante molestie a vehicula nulla gravida.
+    <br>Mauris elementum cursus urna id vestibulum.
+    <br>Etiam volutpat odio tincidunt libero ullamcorper elementum.
+    <br>Suspendisse potenti.
+    <br>Ut ut arcu lorem.
+    <br>Integer mi sapien, porta a pharetra et, varius laoreet eros.
+    <br>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+    <br>Sed ut mi at elit consequat aliquam id eu lectus.
+    <br>Etiam tincidunt diam et ante ullamcorper a convallis erat lobortis.
+    <br>Sed blandit ultrices dui et bibendum.
+    <br>Sed condimentum velit eget nibh rutrum cursus.
+    <br>Quisque pretium iaculis gravida.
+    <br>Proin risus eros, iaculis quis fermentum a, adipiscing id mauris.
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/floats/relative-float-2.html b/layout/reftests/floats/relative-float-2.html
new file mode 100644
index 0000000000..dd4c3d7e77
--- /dev/null
+++ b/layout/reftests/floats/relative-float-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <style>
+      #a {
+        float: left;
+        position: relative;
+        top: 20px;
+        left: 20px;
+        height: 100px;
+        width: 100px;
+        background: blue
+      }
+    </style>
+  </head>
+  <body>
+    <div id="a"></div>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    <br>Duis odio est, cursus non adipiscing at, fringilla quis eros.
+    <br>Sed volutpat nibh sit amet ante molestie a vehicula nulla gravida.
+    <br>Mauris elementum cursus urna id vestibulum.
+    <br>Etiam volutpat odio tincidunt libero ullamcorper elementum.
+    <br>Suspendisse potenti.
+    <br>Ut ut arcu lorem.
+    <br>Integer mi sapien, porta a pharetra et, varius laoreet eros.
+    <br>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+    <br>Sed ut mi at elit consequat aliquam id eu lectus.
+    <br>Etiam tincidunt diam et ante ullamcorper a convallis erat lobortis.
+    <br>Sed blandit ultrices dui et bibendum.
+    <br>Sed condimentum velit eget nibh rutrum cursus.
+    <br>Quisque pretium iaculis gravida.
+    <br>Proin risus eros, iaculis quis fermentum a, adipiscing id mauris.
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/floats/zero-height-float-base.html b/layout/reftests/floats/zero-height-float-base.html
new file mode 100644
index 0000000000..59acfe404e
--- /dev/null
+++ b/layout/reftests/floats/zero-height-float-base.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: wrapping around zero-height floats</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="wrapping around zero-height floats" />
+
+<div style="width: 500px; height: 500px; float: left; font-size: 12px;">
+
+  <div style="float: left; width: 10px; height: 30px"></div>
+  <div style="float: left; clear: left; width: 100px; height: 1px"></div>
+
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue;"></span>
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple;"></span>
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span>
+
+</div>
diff --git a/layout/reftests/floats/zero-height-float-ref.html b/layout/reftests/floats/zero-height-float-ref.html
new file mode 100644
index 0000000000..3b5fe07575
--- /dev/null
+++ b/layout/reftests/floats/zero-height-float-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<title>Test for wrapping around zero-height floats</title>
+
+<div style="width: 500px; height: 500px; float: left; font-size: 12px;">
+
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue; margin-left: 10px;"></span>
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple; margin-left: 100px;"></span>
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span>
+
+</div>
diff --git a/layout/reftests/floats/zero-height-float.html b/layout/reftests/floats/zero-height-float.html
new file mode 100644
index 0000000000..2714a3e6e3
--- /dev/null
+++ b/layout/reftests/floats/zero-height-float.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+    <title>CSS 2.1 Test Suite: wrapping around zero-height floats</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+    <meta name="flags" content="" />
+    <meta name="assert" content="wrapping around zero-height floats" />
+
+<div style="width: 500px; height: 500px; float: left; font-size: 12px;">
+
+  <div style="float: left; width: 10px; height: 30px"></div>
+  <div style="float: left; clear: left; width: 100px; height: 0"></div>
+
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue;"></span>
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple;"></span>
+  <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span>
+
+</div>
diff --git a/layout/reftests/font-face/486974-1.html b/layout/reftests/font-face/486974-1.html
new file mode 100644
index 0000000000..baee6e756c
--- /dev/null
+++ b/layout/reftests/font-face/486974-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA" }
+
+	span { font-style: oblique }
+	</style>
+</head>
+<body>
+
+<p>A<span>A</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-bad-checksums-ttf.html b/layout/reftests/font-face/507960-1-bad-checksums-ttf.html
new file mode 100644
index 0000000000..f34497c93e
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-bad-checksums-ttf.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge-bad-checksums.ttf);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-bad-checksums-woff.html b/layout/reftests/font-face/507960-1-bad-checksums-woff.html
new file mode 100644
index 0000000000..1dfea48638
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-bad-checksums-woff.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge-bad-checksums.woff);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-bad-offset-woff.html b/layout/reftests/font-face/507960-1-bad-offset-woff.html
new file mode 100644
index 0000000000..6c5f7eeffd
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-bad-offset-woff.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge-bad-offset.woff);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-bad-sfnt-version-ttf.html b/layout/reftests/font-face/507960-1-bad-sfnt-version-ttf.html
new file mode 100644
index 0000000000..28389c07a5
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-bad-sfnt-version-ttf.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge-bad-sfnt-version.ttf);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-bad-sfnt-version-woff.html b/layout/reftests/font-face/507960-1-bad-sfnt-version-woff.html
new file mode 100644
index 0000000000..5163297beb
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-bad-sfnt-version-woff.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge-bad-sfnt-version.woff);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-bad-woff-sig.html b/layout/reftests/font-face/507960-1-bad-woff-sig.html
new file mode 100644
index 0000000000..e710abc6f0
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-bad-woff-sig.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge-bad-woff-sig.woff);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-nofont.html b/layout/reftests/font-face/507960-1-nofont.html
new file mode 100644
index 0000000000..2c584a6faa
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-nofont.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<style type="text/css">
+  body {
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-ref.html b/layout/reftests/font-face/507960-1-ref.html
new file mode 100644
index 0000000000..a9694eedbc
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge.ttf);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-woff-bad-hint.html b/layout/reftests/font-face/507960-1-woff-bad-hint.html
new file mode 100644
index 0000000000..1d8002da96
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-woff-bad-hint.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge.woff) format("not-woff");
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-woff-hint.html b/layout/reftests/font-face/507960-1-woff-hint.html
new file mode 100644
index 0000000000..a0d84e2300
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-woff-hint.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge.woff) format("woff");
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/507960-1-woff.html b/layout/reftests/font-face/507960-1-woff.html
new file mode 100644
index 0000000000..97bc8a8a86
--- /dev/null
+++ b/layout/reftests/font-face/507960-1-woff.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+  @font-face {
+    font-family: test;
+    src: url(../fonts/DeLarge/DeLarge.woff);
+  }
+  body {
+    font-family: test;
+  }
+</style>
+</head>
+<body>
+  HELLO WORLD
+</body>
+</html>
diff --git a/layout/reftests/font-face/534352-1-extra-cmap-sentinel-ref.html b/layout/reftests/font-face/534352-1-extra-cmap-sentinel-ref.html
new file mode 100644
index 0000000000..d3116800ad
--- /dev/null
+++ b/layout/reftests/font-face/534352-1-extra-cmap-sentinel-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style type="text/css">
+body {
+  font-family: serif;
+}
+</style>
+</head>
+<body>
+This should NOT be in the default serif font.
+</body>
+</html>
diff --git a/layout/reftests/font-face/534352-1-extra-cmap-sentinel.html b/layout/reftests/font-face/534352-1-extra-cmap-sentinel.html
new file mode 100644
index 0000000000..c0a566bdd0
--- /dev/null
+++ b/layout/reftests/font-face/534352-1-extra-cmap-sentinel.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<!-- font Prototype.ttf (see bug 496573 comment #25 and bug 534352)
+     has a redundant [0xFFFF,0xFFFF] sentinel value in the cmap -->
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/Prototype.ttf);
+}
+
+body {
+  font-family: test, serif;
+}
+</style>
+</head>
+<body>
+This should NOT be in the default serif font.
+</body>
+</html>
diff --git a/layout/reftests/font-face/CAhem.ttf b/layout/reftests/font-face/CAhem.ttf
new file mode 100644
index 0000000000..682bb2a484
Binary files /dev/null and b/layout/reftests/font-face/CAhem.ttf differ
diff --git a/layout/reftests/font-face/ahem-metrics-1-ref.html b/layout/reftests/font-face/ahem-metrics-1-ref.html
new file mode 100644
index 0000000000..14eb6b2919
--- /dev/null
+++ b/layout/reftests/font-face/ahem-metrics-1-ref.html
@@ -0,0 +1,8 @@
+<title>Testcase, bug 467084</title>
+<style>
+body { background: white; }
+body > div { background: blue; height: 100px; width: 100px; padding: 5px; }
+body > div > div { background: aqua; height: 100px; width: 100px; }
+</style>
+<div><div></div></div>
+
diff --git a/layout/reftests/font-face/ahem-metrics-1.html b/layout/reftests/font-face/ahem-metrics-1.html
new file mode 100644
index 0000000000..e5a83113be
--- /dev/null
+++ b/layout/reftests/font-face/ahem-metrics-1.html
@@ -0,0 +1,8 @@
+<title>Testcase, bug 467084</title>
+<style>
+html { background: white; }
+@font-face { font-family: "AcidAhemTest"; src: url(../fonts/Ahem.ttf); }
+body { background: blue; height: 100px; width: 100px; padding: 5px; }
+span { color: transparent; background: aqua; font: 100px/1 AcidAhemTest; }
+</style>
+<span>X</span>
diff --git a/layout/reftests/font-face/bug-1481905-cancel-load-ref.html b/layout/reftests/font-face/bug-1481905-cancel-load-ref.html
new file mode 100644
index 0000000000..1cec246760
--- /dev/null
+++ b/layout/reftests/font-face/bug-1481905-cancel-load-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+  @font-face {
+    font-family: test;
+    src: url(../fonts/markA.ttf);
+  }
+</style>
+<div style="font-family: test, serif">ABC</div>
+<div style="font-family: serif">ABC</div>
diff --git a/layout/reftests/font-face/bug-1481905-cancel-load.html b/layout/reftests/font-face/bug-1481905-cancel-load.html
new file mode 100644
index 0000000000..8ca7b750e7
--- /dev/null
+++ b/layout/reftests/font-face/bug-1481905-cancel-load.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<style id="A">
+  @font-face {
+    font-family: test;
+    src: url("bug-1481905-cancel-load.sjs");
+  }
+</style>
+<style>
+  @font-face {
+    font-family: test;
+    src: url("bug-1481905-cancel-load.sjs");
+  }
+</style>
+<div style="font-family: test, serif">ABC</div>
+<div style="font-family: serif">ABC</div>
+<script>
+  document.body.offsetTop;
+  document.getElementById("A").remove();
+  document.documentElement.className = "";
+</script>
diff --git a/layout/reftests/font-face/bug-1481905-cancel-load.sjs b/layout/reftests/font-face/bug-1481905-cancel-load.sjs
new file mode 100644
index 0000000000..4e944902de
--- /dev/null
+++ b/layout/reftests/font-face/bug-1481905-cancel-load.sjs
@@ -0,0 +1,223 @@
+// Hex dump of the markA font data:
+const markA_data = [
+  0x00,  0x01,  0x00,  0x00,  0x00,  0x0d,  0x00,  0x80,
+  0x00,  0x03,  0x00,  0x50,  0x46,  0x46,  0x54,  0x4d,
+  0x8e,  0x9c,  0x75,  0x19,  0x00,  0x00,  0x06,  0x04,
+  0x00,  0x00,  0x00,  0x1c,  0x4f,  0x53,  0x2f,  0x32,
+  0x58,  0xbb,  0x62,  0x4b,  0x00,  0x00,  0x01,  0x58,
+  0x00,  0x00,  0x00,  0x60,  0x63,  0x6d,  0x61,  0x70,
+  0x00,  0x77,  0x06,  0xc2,  0x00,  0x00,  0x01,  0xcc,
+  0x00,  0x00,  0x01,  0x4a,  0x63,  0x76,  0x74,  0x20,
+  0x00,  0x21,  0x02,  0x79,  0x00,  0x00,  0x03,  0x18,
+  0x00,  0x00,  0x00,  0x04,  0x67,  0x61,  0x73,  0x70,
+  0xff,  0xff,  0x00,  0x03,  0x00,  0x00,  0x05,  0xfc,
+  0x00,  0x00,  0x00,  0x08,  0x67,  0x6c,  0x79,  0x66,
+  0x08,  0x2e,  0x9a,  0x4f,  0x00,  0x00,  0x03,  0x28,
+  0x00,  0x00,  0x00,  0x8c,  0x68,  0x65,  0x61,  0x64,
+  0x19,  0x61,  0xba,  0x49,  0x00,  0x00,  0x00,  0xdc,
+  0x00,  0x00,  0x00,  0x36,  0x68,  0x68,  0x65,  0x61,
+  0x08,  0x90,  0x05,  0x7e,  0x00,  0x00,  0x01,  0x14,
+  0x00,  0x00,  0x00,  0x24,  0x68,  0x6d,  0x74,  0x78,
+  0x0c,  0x7d,  0x00,  0x85,  0x00,  0x00,  0x01,  0xb8,
+  0x00,  0x00,  0x00,  0x14,  0x6c,  0x6f,  0x63,  0x61,
+  0x00,  0x54,  0x00,  0x9a,  0x00,  0x00,  0x03,  0x1c,
+  0x00,  0x00,  0x00,  0x0c,  0x6d,  0x61,  0x78,  0x70,
+  0x00,  0x4a,  0x00,  0x3d,  0x00,  0x00,  0x01,  0x38,
+  0x00,  0x00,  0x00,  0x20,  0x6e,  0x61,  0x6d,  0x65,
+  0x51,  0xbd,  0x5d,  0x1b,  0x00,  0x00,  0x03,  0xb4,
+  0x00,  0x00,  0x02,  0x19,  0x70,  0x6f,  0x73,  0x74,
+  0xff,  0xc0,  0x00,  0x58,  0x00,  0x00,  0x05,  0xd0,
+  0x00,  0x00,  0x00,  0x2c,  0x00,  0x01,  0x00,  0x00,
+  0x00,  0x01,  0x00,  0x00,  0xb3,  0x28,  0x11,  0xef,
+  0x5f,  0x0f,  0x3c,  0xf5,  0x00,  0x0b,  0x03,  0xe8,
+  0x00,  0x00,  0x00,  0x00,  0xda,  0x54,  0xbb,  0x86,
+  0x00,  0x00,  0x00,  0x00,  0xda,  0x54,  0xbb,  0x86,
+  0x00,  0x21,  0xff,  0x9c,  0x05,  0x78,  0x02,  0xbc,
+  0x00,  0x00,  0x00,  0x08,  0x00,  0x02,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x01,  0x00,  0x00,
+  0x02,  0xbc,  0xff,  0x9c,  0x00,  0x5a,  0x05,  0xdc,
+  0x00,  0x00,  0x00,  0x00,  0x05,  0x78,  0x00,  0x01,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x05,
+  0x00,  0x01,  0x00,  0x00,  0x00,  0x05,  0x00,  0x0c,
+  0x00,  0x03,  0x00,  0x00,  0x00,  0x00,  0x00,  0x02,
+  0x00,  0x00,  0x00,  0x01,  0x00,  0x01,  0x00,  0x00,
+  0x00,  0x40,  0x00,  0x2e,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x04,  0x04,  0xe2,  0x01,  0x90,  0x00,  0x05,
+  0x00,  0x00,  0x02,  0x8a,  0x02,  0xbc,  0x00,  0x00,
+  0x00,  0x8c,  0x02,  0x8a,  0x02,  0xbc,  0x00,  0x00,
+  0x01,  0xe0,  0x00,  0x31,  0x01,  0x02,  0x00,  0x00,
+  0x02,  0x00,  0x05,  0x03,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x01,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x50,  0x66,  0x45,  0x64,  0x00,  0x80,
+  0x00,  0x20,  0x00,  0x41,  0x03,  0x20,  0xff,  0x38,
+  0x00,  0x5a,  0x02,  0xbc,  0x00,  0x64,  0x00,  0x00,
+  0x00,  0x01,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x02,  0xbc,  0x00,  0x00,  0x00,  0x20,  0x00,  0x01,
+  0x01,  0x6c,  0x00,  0x21,  0x00,  0x00,  0x00,  0x00,
+  0x01,  0x4d,  0x00,  0x00,  0x03,  0xe8,  0x00,  0x00,
+  0x05,  0xdc,  0x00,  0x64,  0x00,  0x00,  0x00,  0x03,
+  0x00,  0x00,  0x00,  0x03,  0x00,  0x00,  0x00,  0x1c,
+  0x00,  0x01,  0x00,  0x00,  0x00,  0x00,  0x00,  0x44,
+  0x00,  0x03,  0x00,  0x01,  0x00,  0x00,  0x00,  0x1c,
+  0x00,  0x04,  0x00,  0x28,  0x00,  0x00,  0x00,  0x06,
+  0x00,  0x04,  0x00,  0x01,  0x00,  0x02,  0x00,  0x20,
+  0x00,  0x41,  0xff,  0xff,  0x00,  0x00,  0x00,  0x20,
+  0x00,  0x41,  0xff,  0xff,  0xff,  0xe3,  0xff,  0xc3,
+  0x00,  0x01,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x01,  0x06,  0x00,  0x00,  0x01,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x01,  0x02,
+  0x00,  0x00,  0x00,  0x02,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x01,  0x00,  0x00,  0x03,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x04,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x21,  0x02,  0x79,  0x00,  0x00,  0x00,  0x2a,
+  0x00,  0x2a,  0x00,  0x2a,  0x00,  0x2a,  0x00,  0x46,
+  0x00,  0x02,  0x00,  0x21,  0x00,  0x00,  0x01,  0x2a,
+  0x02,  0x9a,  0x00,  0x03,  0x00,  0x07,  0x00,  0x2e,
+  0xb1,  0x01,  0x00,  0x2f,  0x3c,  0xb2,  0x07,  0x04,
+  0x00,  0xed,  0x32,  0xb1,  0x06,  0x05,  0xdc,  0x3c,
+  0xb2,  0x03,  0x02,  0x00,  0xed,  0x32,  0x00,  0xb1,
+  0x03,  0x00,  0x2f,  0x3c,  0xb2,  0x05,  0x04,  0x00,
+  0xed,  0x32,  0xb2,  0x07,  0x06,  0x01,  0xfc,  0x3c,
+  0xb2,  0x01,  0x02,  0x00,  0xed,  0x32,  0x33,  0x11,
+  0x21,  0x11,  0x27,  0x33,  0x11,  0x23,  0x21,  0x01,
+  0x09,  0xe8,  0xc7,  0xc7,  0x02,  0x9a,  0xfd,  0x66,
+  0x21,  0x02,  0x58,  0x00,  0x00,  0x03,  0x00,  0x64,
+  0xff,  0x9c,  0x05,  0x78,  0x02,  0xbc,  0x00,  0x03,
+  0x00,  0x07,  0x00,  0x0b,  0x00,  0x00,  0x01,  0x35,
+  0x21,  0x15,  0x01,  0x35,  0x21,  0x15,  0x01,  0x35,
+  0x21,  0x15,  0x01,  0xf4,  0x01,  0xf4,  0xfd,  0x44,
+  0x03,  0x84,  0xfb,  0xb4,  0x05,  0x14,  0x01,  0xf4,
+  0xc8,  0xc8,  0xfe,  0xd4,  0xc8,  0xc8,  0xfe,  0xd4,
+  0xc8,  0xc8,  0x00,  0x00,  0x00,  0x00,  0x00,  0x0e,
+  0x00,  0xae,  0x00,  0x01,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x2b,  0x00,  0x58,  0x00,  0x01,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x01,  0x00,  0x05,
+  0x00,  0x90,  0x00,  0x01,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x02,  0x00,  0x07,  0x00,  0xa6,  0x00,  0x01,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x03,  0x00,  0x21,
+  0x00,  0xf2,  0x00,  0x01,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x04,  0x00,  0x05,  0x01,  0x20,  0x00,  0x01,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x05,  0x00,  0x10,
+  0x01,  0x48,  0x00,  0x01,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x06,  0x00,  0x05,  0x01,  0x65,  0x00,  0x03,
+  0x00,  0x01,  0x04,  0x09,  0x00,  0x00,  0x00,  0x56,
+  0x00,  0x00,  0x00,  0x03,  0x00,  0x01,  0x04,  0x09,
+  0x00,  0x01,  0x00,  0x0a,  0x00,  0x84,  0x00,  0x03,
+  0x00,  0x01,  0x04,  0x09,  0x00,  0x02,  0x00,  0x0e,
+  0x00,  0x96,  0x00,  0x03,  0x00,  0x01,  0x04,  0x09,
+  0x00,  0x03,  0x00,  0x42,  0x00,  0xae,  0x00,  0x03,
+  0x00,  0x01,  0x04,  0x09,  0x00,  0x04,  0x00,  0x0a,
+  0x01,  0x14,  0x00,  0x03,  0x00,  0x01,  0x04,  0x09,
+  0x00,  0x05,  0x00,  0x20,  0x01,  0x26,  0x00,  0x03,
+  0x00,  0x01,  0x04,  0x09,  0x00,  0x06,  0x00,  0x0a,
+  0x01,  0x59,  0x00,  0x43,  0x00,  0x6f,  0x00,  0x70,
+  0x00,  0x79,  0x00,  0x72,  0x00,  0x69,  0x00,  0x67,
+  0x00,  0x68,  0x00,  0x74,  0x00,  0x20,  0x00,  0x28,
+  0x00,  0x63,  0x00,  0x29,  0x00,  0x20,  0x00,  0x32,
+  0x00,  0x30,  0x00,  0x30,  0x00,  0x38,  0x00,  0x2d,
+  0x00,  0x32,  0x00,  0x30,  0x00,  0x32,  0x00,  0x30,
+  0x00,  0x20,  0x00,  0x4d,  0x00,  0x6f,  0x00,  0x7a,
+  0x00,  0x69,  0x00,  0x6c,  0x00,  0x6c,  0x00,  0x61,
+  0x00,  0x20,  0x00,  0x43,  0x00,  0x6f,  0x00,  0x72,
+  0x00,  0x70,  0x00,  0x6f,  0x00,  0x72,  0x00,  0x61,
+  0x00,  0x74,  0x00,  0x69,  0x00,  0x6f,  0x00,  0x6e,
+  0x00,  0x00,  0x43,  0x6f,  0x70,  0x79,  0x72,  0x69,
+  0x67,  0x68,  0x74,  0x20,  0x28,  0x63,  0x29,  0x20,
+  0x32,  0x30,  0x30,  0x38,  0x2d,  0x32,  0x30,  0x32,
+  0x30,  0x20,  0x4d,  0x6f,  0x7a,  0x69,  0x6c,  0x6c,
+  0x61,  0x20,  0x43,  0x6f,  0x72,  0x70,  0x6f,  0x72,
+  0x61,  0x74,  0x69,  0x6f,  0x6e,  0x00,  0x00,  0x4d,
+  0x00,  0x61,  0x00,  0x72,  0x00,  0x6b,  0x00,  0x41,
+  0x00,  0x00,  0x4d,  0x61,  0x72,  0x6b,  0x41,  0x00,
+  0x00,  0x52,  0x00,  0x65,  0x00,  0x67,  0x00,  0x75,
+  0x00,  0x6c,  0x00,  0x61,  0x00,  0x72,  0x00,  0x00,
+  0x52,  0x65,  0x67,  0x75,  0x6c,  0x61,  0x72,  0x00,
+  0x00,  0x46,  0x00,  0x6f,  0x00,  0x6e,  0x00,  0x74,
+  0x00,  0x46,  0x00,  0x6f,  0x00,  0x72,  0x00,  0x67,
+  0x00,  0x65,  0x00,  0x20,  0x00,  0x32,  0x00,  0x2e,
+  0x00,  0x30,  0x00,  0x20,  0x00,  0x3a,  0x00,  0x20,
+  0x00,  0x4d,  0x00,  0x61,  0x00,  0x72,  0x00,  0x6b,
+  0x00,  0x41,  0x00,  0x20,  0x00,  0x3a,  0x00,  0x20,
+  0x00,  0x32,  0x00,  0x37,  0x00,  0x2d,  0x00,  0x31,
+  0x00,  0x2d,  0x00,  0x32,  0x00,  0x30,  0x00,  0x32,
+  0x00,  0x30,  0x00,  0x00,  0x46,  0x6f,  0x6e,  0x74,
+  0x46,  0x6f,  0x72,  0x67,  0x65,  0x20,  0x32,  0x2e,
+  0x30,  0x20,  0x3a,  0x20,  0x4d,  0x61,  0x72,  0x6b,
+  0x41,  0x20,  0x3a,  0x20,  0x32,  0x37,  0x2d,  0x31,
+  0x2d,  0x32,  0x30,  0x32,  0x30,  0x00,  0x00,  0x4d,
+  0x00,  0x61,  0x00,  0x72,  0x00,  0x6b,  0x00,  0x41,
+  0x00,  0x00,  0x4d,  0x61,  0x72,  0x6b,  0x41,  0x00,
+  0x00,  0x56,  0x00,  0x65,  0x00,  0x72,  0x00,  0x73,
+  0x00,  0x69,  0x00,  0x6f,  0x00,  0x6e,  0x00,  0x20,
+  0x00,  0x30,  0x00,  0x30,  0x00,  0x31,  0x00,  0x2e,
+  0x00,  0x30,  0x00,  0x30,  0x00,  0x30,  0x00,  0x20,
+  0x00,  0x00,  0x56,  0x65,  0x72,  0x73,  0x69,  0x6f,
+  0x6e,  0x20,  0x30,  0x30,  0x31,  0x2e,  0x30,  0x30,
+  0x30,  0x20,  0x00,  0x00,  0x4d,  0x00,  0x61,  0x00,
+  0x72,  0x00,  0x6b,  0x00,  0x41,  0x00,  0x00,  0x4d,
+  0x61,  0x72,  0x6b,  0x41,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x02,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0xff,  0xb5,  0x00,  0x32,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,  0x00,
+  0x00,  0x05,  0x00,  0x00,  0x00,  0x01,  0x00,  0x02,
+  0x00,  0x03,  0x00,  0x24,  0x00,  0x00,  0x00,  0x01,
+  0xff,  0xff,  0x00,  0x02,  0x00,  0x00,  0x00,  0x01,
+  0x00,  0x00,  0x00,  0x00,  0xd9,  0xf2,  0xfe,  0x0c,
+  0x00,  0x00,  0x00,  0x00,  0xda,  0x54,  0xbb,  0x86,
+  0x00,  0x00,  0x00,  0x00,  0xda,  0x54,  0xbb,  0x86
+];
+
+const BinaryOutputStream =
+  Components.Constructor("@mozilla.org/binaryoutputstream;1",
+                         "nsIBinaryOutputStream", "setOutputStream");
+
+var timer;
+function handleRequest(request, response) {
+  response.setStatusLine(request.httpVersion, 200, "OK");
+  response.setHeader("Content-Type", "font/opentype", false);
+  response.processAsync();
+
+  function fontWrite(data) {
+    var stream = new BinaryOutputStream(response.bodyOutputStream);
+    stream.writeByteArray(data);
+  }
+
+  const nsITimer = Components.interfaces.nsITimer;
+
+  timer = Components.classes["@mozilla.org/timer;1"].createInstance(nsITimer);
+  timer.initWithCallback(function() {
+    fontWrite(markA_data);
+    response.finish();
+  }, 100, nsITimer.TYPE_ONE_SHOT);
+}
diff --git a/layout/reftests/font-face/bug533251-ref.html b/layout/reftests/font-face/bug533251-ref.html
new file mode 100644
index 0000000000..205aa119c3
--- /dev/null
+++ b/layout/reftests/font-face/bug533251-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>Bug 533251 crashtest</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.ttf);
+}
+
+body {
+  background-color: white;
+}
+
+p { font-family: test; }
+
+</style>
+</head>
+<body>
+<p>A</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/bug533251.html b/layout/reftests/font-face/bug533251.html
new file mode 100644
index 0000000000..2ff13480c9
--- /dev/null
+++ b/layout/reftests/font-face/bug533251.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html lang="ru">
+<head>
+<title>Bug 533251 crashtest</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.ttf);
+}
+
+body {
+  background-color: white;
+}
+
+div { 
+  font-family: Bongo2020; /* nonexistent font */ 
+  color: white;
+}
+
+p { font-family: test; }
+
+</style>
+</head>
+<body>
+<p>A</p>
+<div>This shouldn't crash...</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/cjkcisvs-1-ref.html b/layout/reftests/font-face/cjkcisvs-1-ref.html
new file mode 100644
index 0000000000..49c384b153
--- /dev/null
+++ b/layout/reftests/font-face/cjkcisvs-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html><meta charset=utf-8>
+<title>Duplicate encoded quartet</title>
+<style>
+@font-face { font-family: DupEncQuartet; src: url('../fonts/gw1270797.ttf') format("truetype"); }
+th { width: 72pt }
+td { font-size: 72pt; font-family: DupEncQuartet, sans-serif; text-align: center }
+</style>
+<body>
+<table border>
+<caption>Duplicate encoded quartet</caption>
+<tr>
+<th>CJK Compatibility Ideographs</td>
+<th>Adobe-Japan1 IVS</td>
+<th>Hanyo-Denshi IVS</td>
+<th>CJK Compatibility Ideographs Standardized Variant</td>
+</tr>
+<tr>
+<td>&#xE000;</td>
+<td>&#xE000;</td>
+<td>&#xE000;</td>
+<td>&#xE000;</td>
+</tr>
diff --git a/layout/reftests/font-face/cjkcisvs-1.html b/layout/reftests/font-face/cjkcisvs-1.html
new file mode 100644
index 0000000000..e0d63e4917
--- /dev/null
+++ b/layout/reftests/font-face/cjkcisvs-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html><meta charset=utf-8>
+<title>Duplicate encoded quartet</title>
+<style>
+@font-face { font-family: DupEncQuartet; src: url('../fonts/gw1270797.ttf') format("truetype"); }
+th { width: 72pt }
+td { font-size: 72pt; font-family: DupEncQuartet, sans-serif; text-align: center }
+</style>
+<body>
+<table border>
+<caption>Duplicate encoded quartet</caption>
+<tr>
+<th>CJK Compatibility Ideographs</td>
+<th>Adobe-Japan1 IVS</td>
+<th>Hanyo-Denshi IVS</td>
+<th>CJK Compatibility Ideographs Standardized Variant</td>
+</tr>
+<tr>
+<td>&#xFA19;</td>
+<td>&#x795E;&#xE0100;</td>
+<td>&#x795E;&#xE0103;</td>
+<td>&#x795E;&#xFE00;</td>
+</tr>
diff --git a/layout/reftests/font-face/color-1-notref.html b/layout/reftests/font-face/color-1-notref.html
new file mode 100644
index 0000000000..85a9e74df5
--- /dev/null
+++ b/layout/reftests/font-face/color-1-notref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: emoji;
+  src: url("../fonts/emoji.ttf");
+}
+
+span {
+  font-family: emoji;
+  font-size: 25pt;
+}
+</style>
+</head>
+<body>
+<span>&#xe000;</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/color-1-ref.html b/layout/reftests/font-face/color-1-ref.html
new file mode 100644
index 0000000000..6c3eaf44b8
--- /dev/null
+++ b/layout/reftests/font-face/color-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: emoji;
+  src: url("../fonts/emoji.ttf");
+}
+
+span {
+  font-family: emoji;
+  font-size: 25pt;
+  color: yellow;
+}
+</style>
+</head>
+<body>
+<span>&#xe000;</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/color-1a.html b/layout/reftests/font-face/color-1a.html
new file mode 100644
index 0000000000..28b4034a57
--- /dev/null
+++ b/layout/reftests/font-face/color-1a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: emojiyellow;
+  src: url("../fonts/emoji-yellow.ttf");
+}
+
+span {
+  font-family: emojiyellow;
+  font-size: 25pt;
+}
+</style>
+</head>
+<body>
+<span>&#xe000;</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/color-1b.html b/layout/reftests/font-face/color-1b.html
new file mode 100644
index 0000000000..8e2eefd2c9
--- /dev/null
+++ b/layout/reftests/font-face/color-1b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: emojiyellow;
+  src: url("../fonts/emoji-yellow.ttf");
+}
+
+span {
+  font-family: emojiyellow;
+  font-size: 25pt;
+  color: red;
+}
+</style>
+</head>
+<body>
+<span>&#xe000;</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/color-2-notref.html b/layout/reftests/font-face/color-2-notref.html
new file mode 100644
index 0000000000..eeb61944ad
--- /dev/null
+++ b/layout/reftests/font-face/color-2-notref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: colr-unset;
+  src: url("../fonts/colr-unset.ttf");
+}
+
+span {
+  font-family: colr-unset;
+  font-size: 25pt;
+}
+</style>
+</head>
+<body>
+<span>D</span><span>D</span><span>D</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/color-2-ref.html b/layout/reftests/font-face/color-2-ref.html
new file mode 100644
index 0000000000..0962a70e3e
--- /dev/null
+++ b/layout/reftests/font-face/color-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: colr-unset;
+  src: url("../fonts/colr-unset.ttf");
+}
+
+span {
+  font-family: colr-unset;
+  font-size: 25pt;
+}
+</style>
+</head>
+<body>
+<span>A</span><span>B</span><span>C</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/color-2a.html b/layout/reftests/font-face/color-2a.html
new file mode 100644
index 0000000000..3b9b25bcec
--- /dev/null
+++ b/layout/reftests/font-face/color-2a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: colr-unset;
+  src: url("../fonts/colr-unset.ttf");
+}
+
+span {
+  font-family: colr-unset;
+  font-size: 25pt;
+}
+</style>
+</head>
+<body>
+<span>A</span><span style="color: #00FF00FF">A</span><span style="color: #0000FFFF">A</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/colrv1-01-ref.html b/layout/reftests/font-face/colrv1-01-ref.html
new file mode 100644
index 0000000000..ef0d0d194a
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-01-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset=utf-8>
+<title>COLRv1 font test: comparing against CSS representation</title>
+<style>
+#ref { font: 0px serif; margin: 10px; padding: 10px; }
+#ref > div { width: 100px; height: 100px; display: inline-block; vertical-align: top; }
+span { display: inline-block; }
+.A { background: rgba(255, 0, 0, 1.0); }
+.B { background: rgba(255, 0, 0, 0.5); }
+.C { background: rgba(255, 0, 0, 0.1); }
+.D { background: linear-gradient(to right, rgb(0, 255, 0), rgb(0, 0, 255)); }
+.E { background: linear-gradient(to right, rgb(0, 255, 0) 25%, rgb(0, 0, 255) 75%); }
+.F { background: linear-gradient(to right, rgb(0, 255, 0) 25%, rgb(0, 0, 255) 75%); }
+.G { background: repeating-linear-gradient(to right, rgb(0, 255, 0) 40%, rgb(0, 0, 255) 60%); }
+.H { background: repeating-linear-gradient(to right, rgb(0, 255, 0) 40%, rgb(0, 0, 255) 60%, rgb(0, 255, 0) 80%); }
+.I { background: repeating-linear-gradient(to bottom, rgb(0, 255, 0) 40%, rgb(0, 0, 255) 60%, rgb(0, 255, 0) 80%); }
+.J { background: radial-gradient(rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255) 70.7107%); }
+.K { background: repeating-radial-gradient(rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255) 70.7107%); }
+.L { background: repeating-radial-gradient(rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255), rgb(0, 255, 0), rgb(255, 0, 0) 70.7107%); }
+.M { background: conic-gradient(rgb(0, 0, 255), rgb(0, 255, 0), rgb(255, 0, 0)); }
+.N { background: conic-gradient(rgb(0, 0, 255), rgb(0, 255, 0), rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255)); }
+.O { background: conic-gradient(rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255) 25%, rgb(0, 255, 0), rgb(255, 0, 0)); rotate: 0.25turn; }
+.P :nth-child(1) { background: rgb(0, 0, 255); width: 100%; height: 50%; }
+.P :nth-child(2) { background: rgb(255, 0, 0); width: 50%; height: 50%; }
+.P :nth-child(3) { background: rgb(0, 255, 0); width: 50%; height: 50%; }
+.Q { background: rgba(0, 255, 0); }
+.Q :nth-child(1) { background: rgb(255, 0, 0); width: 50%; height: 50%; translate: 50% 50%; rotate: 45deg; }
+.R { background: rgba(0, 0, 255); }
+.R :nth-child(1) { background: rgb(255, 0, 0); width: 50%; height: 50%; translate: 50% 50%; transform: skew(30deg); }
+.S { background: rgba(255, 0, 0); }
+.S :nth-child(1) { background: rgb(0, 255, 0); width: 50%; height: 50%; translate: 50% 50%; transform: skew(0, 30deg); }
+.T { background: rgba(0, 255, 0); }
+.T :nth-child(1) { background: rgb(0, 0, 255); width: 50%; height: 50%; translate: 50% 50%; transform: skew(-20deg, -20deg); }
+</style>
+
+<p>COLRv1 font rendering:</p>
+<div id="ref"><div><span></span><span></span><span></span></div></div>
+
+<script>
+ref.firstChild.classList = window.location.hash.substr(1);
+document.documentElement.classList = "";
+</script>
diff --git a/layout/reftests/font-face/colrv1-01.html b/layout/reftests/font-face/colrv1-01.html
new file mode 100644
index 0000000000..1ac9bc7ebb
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-01.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset=utf-8>
+<title>COLRv1 font test: comparing against CSS representation</title>
+<style>
+@font-face { font-family: CAhem; src: url("CAhem.ttf"); }
+#test { font: 100px/1 CAhem; margin: 10px; padding: 10px; }
+</style>
+
+<p>COLRv1 font rendering:</p>
+<div id="test"></div>
+
+<script>
+test.textContent = window.location.hash.substr(1);
+document.documentElement.classList = "";
+</script>
diff --git a/layout/reftests/font-face/colrv1-02.html b/layout/reftests/font-face/colrv1-02.html
new file mode 100644
index 0000000000..14cee4feb5
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-02.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: using the tech() function</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("../fonts/fira/FiraSansOT-RegularItalic.otf");  /* if tech() is not parsed */
+  src: url("CAhem.ttf") tech(color-COLRv1),
+       url("../fonts/fira/FiraSans-Regular.otf");
+}
+#test { font: 100px/1 CAhem, serif; margin: 10px; padding: 10px; }
+</style>
+
+<!-- This should render using CAhem if COLRv1 is enabled, and FiraSans if disabled.
+     If the tech() function fails to parse at all, we'll get Fira Italic. -->
+<div id="test">ABC</div>
diff --git a/layout/reftests/font-face/colrv1-02a-ref.html b/layout/reftests/font-face/colrv1-02a-ref.html
new file mode 100644
index 0000000000..dbd44cdb50
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-02a-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: using the tech() function</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+#test { font: 100px/1 CAhem, serif; margin: 10px; padding: 10px; }
+</style>
+
+<div id="test">ABC</div>
diff --git a/layout/reftests/font-face/colrv1-02b-ref.html b/layout/reftests/font-face/colrv1-02b-ref.html
new file mode 100644
index 0000000000..2312909ddc
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-02b-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: using the tech() function</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("../fonts/fira/FiraSans-Regular.otf");
+}
+#test { font: 100px/1 CAhem, serif; margin: 10px; padding: 10px; }
+</style>
+
+<div id="test">ABC</div>
diff --git a/layout/reftests/font-face/colrv1-03-ref.html b/layout/reftests/font-face/colrv1-03-ref.html
new file mode 100644
index 0000000000..e64dd664a9
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-03-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: radial-gradient edge cases</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+#test { font: 128px/1 CAhem, serif; margin: 10px; padding: 10px; }
+</style>
+
+<p>The two glyphs in each row should match:</p>
+<div id="test">
+0 0<br>
+1 1<br>
+2 2<br>
+a a<br>
+c c<br>
diff --git a/layout/reftests/font-face/colrv1-03.html b/layout/reftests/font-face/colrv1-03.html
new file mode 100644
index 0000000000..cb5e1ecaf7
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-03.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: radial-gradient edge cases</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+#test { font: 128px/1 CAhem, serif; margin: 10px; padding: 10px; }
+#_3a { font-variation-settings: "GRR1" 0; }
+#_3b { font-variation-settings: "GRR1" -100; }
+#_3c { font-variation-settings: "GRR1" -200; }
+#_d { font-variation-settings: "GRR1" -25; }
+</style>
+
+<p>The two glyphs in each row should match:</p>
+<div id="test">
+0 <span id="_3a">3</span><br>
+1 <span id="_3b">3</span><br>
+2 <span id="_3c">3</span><br>
+a b<br>
+c <span id="_d">d</span><br>
diff --git a/layout/reftests/font-face/colrv1-04-ref.html b/layout/reftests/font-face/colrv1-04-ref.html
new file mode 100644
index 0000000000..d24951344e
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-04-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: gradient color-stop edge cases</title>
+<style>
+.ref { margin: 10px; padding: 10px; line-height: 0; }
+span { display: inline-block; width: 100px; height: 100px; }
+.A { background: linear-gradient(to right, rgb(255, 0, 0) 10%, rgb(0, 255, 0), rgb(0, 0, 255) 90%); }
+.B { background: linear-gradient(to right, rgb(255, 0, 0) 30%, rgb(0, 255, 0), rgb(0, 0, 255) 70%); }
+.C { background: linear-gradient(to right, rgb(255, 0, 0) 50%, rgb(0, 0, 255) 50%); }
+.D { background: linear-gradient(to right, rgb(0, 0, 255) 30%, rgb(0, 255, 0), rgb(255, 0, 0) 70%); }
+.E { background: linear-gradient(to right, rgb(0, 0, 255) 10%, rgb(0, 255, 0), rgb(255, 0, 0) 90%); }
+.F { background: repeating-linear-gradient(to right, rgb(255, 0, 0) 10%, rgb(0, 255, 0), rgb(0, 0, 255) 90%); }
+.G { background: repeating-linear-gradient(to right, rgb(255, 0, 0) 30%, rgb(0, 255, 0), rgb(0, 0, 255) 70%); }
+.H { background: transparent; }
+.I { background: repeating-linear-gradient(to right, rgb(0, 0, 255) 30%, rgb(0, 255, 0), rgb(255, 0, 0) 70%); }
+.J { background: repeating-linear-gradient(to right, rgb(0, 0, 255) 10%, rgb(0, 255, 0), rgb(255, 0, 0) 90%); }
+</style>
+
+<p>The middle of the five glyphs should be purely red and blue:</p>
+<div class="ref"><span class=A></span> <span class=B></span> <span class=C></span> <span class=D></span> <span class=E></span></div>
+
+<p>The middle of the five glyphs should not render anything:</p>
+<div class="ref"><span class=F></span> <span class=G></span> <span class=H></span> <span class=I></span> <span class=J></span></div>
diff --git a/layout/reftests/font-face/colrv1-04.html b/layout/reftests/font-face/colrv1-04.html
new file mode 100644
index 0000000000..063a97e7e9
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-04.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: gradient color-stop edge cases</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+.test { margin: 10px; padding: 10px; }
+span { font: 100px/1 CAhem; }
+.a { font-variation-settings: initial; }
+.b { font-variation-settings: "COL1" 0.2, "COL3" -0.2; }
+.c { font-variation-settings: "COL1" 0.4, "COL3" -0.4; }
+.d { font-variation-settings: "COL1" 0.6, "COL3" -0.6; }
+.e { font-variation-settings: "COL1" 0.8, "COL3" -0.8; }
+</style>
+
+<p>The middle of the five glyphs should be purely red and blue:</p>
+<div class="test">
+<span class="a">e</span> <span class="b">e</span> <span class="c">e</span> <span class="d">e</span> <span class="e">e</span><br>
+</div>
+
+<p>The middle of the five glyphs should not render anything:</p>
+<div class="test">
+<span class="a">f</span> <span class="b">f</span> <span class="c">f</span> <span class="d">f</span> <span class="e">f</span><br>
+</div>
diff --git a/layout/reftests/font-face/colrv1-05-ref.html b/layout/reftests/font-face/colrv1-05-ref.html
new file mode 100644
index 0000000000..c58ef650db
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-05-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: compositing operators</title>
+<style>
+.ref { margin: 10px; padding: 10px; line-height: 0; font-size: 0; }
+span { display: inline-block; width: 100px; height: 100px; position: relative; }
+</style>
+
+<p>Some glyphs using PAINT_COMPOSITE:</p>
+<!-- using blocks to imitate the composited layers in CAhem.ttf -->
+<div class="ref">
+  <span class=g>
+    <div style="background: red; width: 70px; height: 70px; position: absolute; top: 0px; left: 0px;"></div>
+    <div style="background: blue; width: 70px; height: 70px; position: absolute; bottom: 0px; right: 0px;"></div>
+  </span>
+  <span class=h>
+    <div style="background: blue; width: 70px; height: 70px; position: absolute; bottom: 0px; right: 0px;"></div>
+    <div style="background: red; width: 40px; height: 40px; position: absolute; top: 30px; left: 30px;"></div>
+  </span>
+  <span class=i>
+    <div style="background: blue; width: 70px; height: 70px; position: absolute; bottom: 0px; right: 0px;"></div>
+    <div style="background: white; width: 40px; height: 40px; position: absolute; top: 30px; left: 30px;"></div>
+  </span>
+  <span class=j>
+    <div style="background: red; width: 40px; height: 40px; position: absolute; top: 30px; left: 30px;"></div>
+  </span>
+  <span class=k>
+    <div style="background: red; width: 70px; height: 70px; position: absolute; top: 0px; left: 0px;"></div>
+    <div style="background: blue; width: 70px; height: 70px; position: absolute; bottom: 0px; right: 0px;"></div>
+    <div style="background: black; width: 40px; height: 40px; position: absolute; top: 30px; left: 30px;"></div>
+  </span>
+  <span class=l>
+    <div style="background: red; width: 70px; height: 70px; position: absolute; top: 0px; left: 0px;"></div>
+    <div style="background: blue; width: 70px; height: 70px; position: absolute; bottom: 0px; right: 0px;"></div>
+    <div style="background: magenta; width: 40px; height: 40px; position: absolute; top: 30px; left: 30px;"></div>
+  </span>
+</div>
+
+<p>And painting them to a canvas element:</p>
+<canvas id=c width=600 height=100></canvas>
+<script>
+ctx = c.getContext("2d");
+
+// glyph "g"
+ctx.fillStyle = "red";
+ctx.fillRect(0, 0, 70, 70);
+ctx.fillStyle = "blue";
+ctx.fillRect(30, 30, 70, 70);
+ctx.translate(100, 0);
+
+// glyph "h"
+ctx.fillStyle = "blue";
+ctx.fillRect(30, 30, 70, 70);
+ctx.fillStyle = "red";
+ctx.fillRect(30, 30, 40, 40);
+ctx.translate(100, 0);
+
+// glyph "i"
+ctx.fillStyle = "blue";
+ctx.fillRect(30, 30, 70, 70);
+ctx.fillStyle = "white";
+ctx.fillRect(30, 30, 40, 40);
+ctx.translate(100, 0);
+
+// glyph "j"
+ctx.fillStyle = "red";
+ctx.fillRect(30, 30, 40, 40);
+ctx.translate(100, 0);
+
+// glyph "k"
+ctx.fillStyle = "red";
+ctx.fillRect(0, 0, 70, 70);
+ctx.fillStyle = "blue";
+ctx.fillRect(30, 30, 70, 70);
+ctx.fillStyle = "black";
+ctx.fillRect(30, 30, 40, 40);
+ctx.translate(100, 0);
+
+// glyph "l"
+ctx.fillStyle = "red";
+ctx.fillRect(0, 0, 70, 70);
+ctx.fillStyle = "blue";
+ctx.fillRect(30, 30, 70, 70);
+ctx.fillStyle = "magenta";
+ctx.fillRect(30, 30, 40, 40);
+ctx.translate(100, 0);
+
+</script>
diff --git a/layout/reftests/font-face/colrv1-05.html b/layout/reftests/font-face/colrv1-05.html
new file mode 100644
index 0000000000..e7716ba874
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-05.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: compositing operators</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+.test { margin: 10px; padding: 10px; }
+span { font: 100px/1 CAhem; }
+</style>
+
+<p>Some glyphs using PAINT_COMPOSITE:</p>
+<div class="test">
+<span>ghijkl</span>
+</div>
+
+<p>And painting them to a canvas element:</p>
+<canvas id=c width=600 height=100></canvas>
+<script>
+document.fonts.load("100px CAhem").then(function () {
+  ctx = c.getContext("2d");
+  ctx.font = "100px CAhem";
+  ctx.fillText("ghijkl", 0, 80);
+});
+</script>
diff --git a/layout/reftests/font-face/colrv1-06-ref.html b/layout/reftests/font-face/colrv1-06-ref.html
new file mode 100644
index 0000000000..87a7160258
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-06-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: radial gradient variations</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+p { margin: 0; }
+span { font: 120px/1 CAhem; }
+.a { font-variation-settings: "GRX0" 500, "GRR0" 50, "GRX1" 900, "GRR1" 150, "COL1" 0, "COL2" 0.5, "COL3" 1.0; }
+.e1 { font-variation-settings: "GRX0" 700, "GRR0" 100, "GRX1" 1000, "GRR1" 175, "COL1" 2.0, "COL2" 2.0, "COL3" 1.99; }
+.f { font-variation-settings: "GRX0" 500, "GRR0" 50, "GRX1" 900, "GRR1" 150, "COL1" 0.5, "COL2" 1.0, "COL3" 1.5; }
+.g { font-variation-settings: "GRX0" 500, "GRR0" 50, "GRX1" 900, "GRR1" 150, "COL1" 0, "COL2" 1.0, "COL3" 1.0; }
+</style>
+
+<p>All four lines should show the same set of gradients:</p>
+<div>
+  <div><span class=a>@#$</div>
+  <div><span class=a>@#$</div>
+  <div><span class=a>@#$</div>
+  <div><span class=a>@#$</div>
+</div>
+
+<p>Same again, but the leftmost gradient should be solid blue:</p>
+<div>
+  <div><span class=a><span class=e1>@</span>#$</div>
+</div>
+
+<p>And with the gradients shifted a half-cycle to the right:</p>
+<div>
+  <div><span class=f><span class=e1>@</span>#$</div>
+</div>
+
+<p>Left glyph is solid blue; no blue in the repeating gradients:</p>
+<div>
+  <div><span class=g><span class=e1>@</span>#$</div>
+</div>
diff --git a/layout/reftests/font-face/colrv1-06.html b/layout/reftests/font-face/colrv1-06.html
new file mode 100644
index 0000000000..a8c1fabf71
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-06.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: radial gradient variations</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+p { margin: 0; }
+span { font: 120px/1 CAhem; }
+.a { font-variation-settings: "GRX0" 500, "GRR0" 50, "GRX1" 900, "GRR1" 150, "COL1" 0, "COL2" 0.5, "COL3" 1.0; }
+.b { font-variation-settings: "GRX0" 700, "GRR0" 100, "GRX1" 900, "GRR1" 150, "COL1" -1.0, "COL2" 0.0, "COL3" 1.0; }
+.c { font-variation-settings: "GRX0" 300, "GRR0" 0, "GRX1" 700, "GRR1" 100, "COL1" 0.5, "COL2" 1.0, "COL3" 1.5; }
+.d { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 900, "GRR1" 150, "COL1" 0.5, "COL2" 0.75, "COL3" 1.0; }
+.e { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 300, "GRR1" 0, "COL1" -2.0, "COL2" -1.0, "COL3" 0.0; }
+.f { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 200, "GRR1" -25, "COL1" -2.0, "COL2" 0.0, "COL3" 2.0; }
+.g { font-variation-settings: "GRX0" 100, "GRR0" -50, "GRX1" 300, "GRR1" 0, "COL1" -2.0, "COL2" 0.0, "COL3" 0.0; }
+</style>
+
+<p>All four lines should show the same set of gradients:</p>
+<div>
+  <div><span class=a>@#$</div>
+  <div><span class=b>@#$</div>
+  <div><span class=c>@#$</div>
+  <div><span class=d>@#$</div>
+</div>
+
+<p>Same again, but the leftmost gradient should be solid blue:</p>
+<div>
+  <div><span class=e>@#$</div>
+</div>
+
+<p>And with the gradients shifted a half-cycle to the right:</p>
+<div>
+  <div><span class=f>@#$</div>
+</div>
+
+<p>Left glyph is solid blue; no blue in the repeating gradients:</p>
+<div>
+  <div><span class=g>@#$</div>
+</div>
diff --git a/layout/reftests/font-face/colrv1-07-ref.html b/layout/reftests/font-face/colrv1-07-ref.html
new file mode 100644
index 0000000000..a87e13816e
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-07-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: radial gradient with degenerate color line</title>
+<style>
+p { margin: 0; }
+div { height: 100px; position: relative; }
+/* Use CSS backgrounds to imitate the expected CAhem glyph rendering.
+   Antialiasing will differ, but otherwise the results should match. */
+span { display: inline-block; height: 40px; position: absolute; overflow: clip; }
+span.bg { width: 100px; top: 30px; background: red; }
+span.a { background: blue; border-radius: 20px; left: 30px; width: 200px; }
+span.b { background: blue; border-radius: 20px; left: 10px; width: 200px; }
+span.c { background: blue; border-radius: 20px; left: 50px; width: 200px; }
+span.d { background: blue; border-radius: 20px; left: 60px; width: 200px; }
+</style>
+
+<div><span class=bg><span class=a></span></span></div>
+<div><span class=bg><span class=b></span></span></div>
+<div><span class=bg><span class=c></span></span></div>
+<div><span class=bg><span class=d></span></span></div>
diff --git a/layout/reftests/font-face/colrv1-07.html b/layout/reftests/font-face/colrv1-07.html
new file mode 100644
index 0000000000..aef4b30dba
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-07.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: radial gradient with degenerate color line</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+p { margin: 0; }
+span { font: 100px/1 CAhem; }
+.a { font-variation-settings: "GRX0" 400, "GRR0" 200, "GRX1" 600, "GRR1" 200, "COL1" 0.5, "COL2" 0.5, "COL3" 0.5; }
+.b { font-variation-settings: "GRX0" 400, "GRR0" 200, "GRX1" 600, "GRR1" 200, "COL1" -0.5, "COL2" -0.5, "COL3" -0.5; }
+.c { font-variation-settings: "GRX0" 400, "GRR0" 200, "GRX1" 600, "GRR1" 200, "COL1" 1.5, "COL2" 1.5, "COL3" 1.5; }
+.d { font-variation-settings: "GRX0" 400, "GRR0" 200, "GRX1" 600, "GRR1" 200, "COL1" 2.0, "COL2" 2.0, "COL3" 2.0; }
+</style>
+
+<div>
+  <div><span class=a>@</div>
+  <div><span class=b>@</div>
+  <div><span class=c>@</div>
+  <div><span class=d>@</div>
+</div>
diff --git a/layout/reftests/font-face/colrv1-08-ref.html b/layout/reftests/font-face/colrv1-08-ref.html
new file mode 100644
index 0000000000..db9f04784d
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-08-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: linear gradient with degenerate color line</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+div div { width: 50px; height: 50px; }
+span { display: inline-block; height: 50px; }
+.blue { background: blue; }
+.red { background: red; }
+div:nth-child(1) .red { width: 0px }
+div:nth-child(1) .blue { width: 50px }
+div:nth-child(2) .red { width: 5px }
+div:nth-child(2) .blue { width: 45px }
+div:nth-child(3) .red { width: 10px }
+div:nth-child(3) .blue { width: 40px }
+div:nth-child(4) .red { width: 15px }
+div:nth-child(4) .blue { width: 35px }
+div:nth-child(5) .red { width: 20px }
+div:nth-child(5) .blue { width: 30px }
+div:nth-child(6) .red { width: 25px }
+div:nth-child(6) .blue { width: 25px }
+div:nth-child(7) .red { width: 30px }
+div:nth-child(7) .blue { width: 20px }
+div:nth-child(8) .red { width: 35px }
+div:nth-child(8) .blue { width: 15px }
+div:nth-child(9) .red { width: 40px }
+div:nth-child(9) .blue { width: 10px }
+</style>
+
+<div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+  <div><span class=red></span><span class=blue></span></div>
+</div>
diff --git a/layout/reftests/font-face/colrv1-08.html b/layout/reftests/font-face/colrv1-08.html
new file mode 100644
index 0000000000..c6eb22a8fd
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-08.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: linear gradient with degenerate color line</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+span { font: 50px/1 CAhem; }
+div:nth-child(1) span { font-variation-settings: "COL1" -2.0, "COL2" -2.0, "COL3" -2.0; }
+div:nth-child(2) span { font-variation-settings: "COL1" -1.5, "COL2" -1.5, "COL3" -1.5; }
+div:nth-child(3) span { font-variation-settings: "COL1" -1.0, "COL2" -1.0, "COL3" -1.0; }
+div:nth-child(4) span { font-variation-settings: "COL1" -0.5, "COL2" -0.5, "COL3" -0.5; }
+div:nth-child(5) span { font-variation-settings: "COL1" 0.0, "COL2" 0.0, "COL3" 0.0; }
+div:nth-child(6) span { font-variation-settings: "COL1" 0.5, "COL2" 0.5, "COL3" 0.5; }
+div:nth-child(7) span { font-variation-settings: "COL1" 1.0, "COL2" 1.0, "COL3" 1.0; }
+div:nth-child(8) span { font-variation-settings: "COL1" 1.5, "COL2" 1.5, "COL3" 1.5; }
+div:nth-child(9) span { font-variation-settings: "COL1" 2.0, "COL2" 2.0, "COL3" 2.0; }
+</style>
+
+<div>
+  <div><span>!</div>
+  <div><span>!</div>
+  <div><span>!</div>
+  <div><span>!</div>
+  <div><span>!</div>
+  <div><span>!</div>
+  <div><span>!</div>
+  <div><span>!</div>
+  <div><span>!</div>
+</div>
diff --git a/layout/reftests/font-face/colrv1-09-ref.html b/layout/reftests/font-face/colrv1-09-ref.html
new file mode 100644
index 0000000000..eaf5dda44c
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-09-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: reverse sweep, denormalized color line</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+span { font: 50px/1 CAhem; }
+</style>
+
+<div>
+  <div><span>n</span></div>
+</div>
diff --git a/layout/reftests/font-face/colrv1-09.html b/layout/reftests/font-face/colrv1-09.html
new file mode 100644
index 0000000000..6c7ae6e82e
--- /dev/null
+++ b/layout/reftests/font-face/colrv1-09.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<title>COLRv1 font test: reverse sweep, denormalized color line</title>
+<style>
+@font-face {
+  font-family: CAhem;
+  src: url("CAhem.ttf");
+}
+span { font: 50px/1 CAhem; }
+</style>
+
+<div>
+  <div><span>m</span></div>
+</div>
diff --git a/layout/reftests/font-face/cross-iframe-1-inner-1.html b/layout/reftests/font-face/cross-iframe-1-inner-1.html
new file mode 100644
index 0000000000..b799b7a850
--- /dev/null
+++ b/layout/reftests/font-face/cross-iframe-1-inner-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	html, body {
+		margin: 0;
+		padding: 0;
+	}
+
+	</style>
+</head>
+<body>
+
+<p><span style="font-family: MarkA">A</span><span style="font-family: MarkB">B</span><span style="font-family: MarkC">C</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/cross-iframe-1-inner-2.html b/layout/reftests/font-face/cross-iframe-1-inner-2.html
new file mode 100644
index 0000000000..f0d0345e38
--- /dev/null
+++ b/layout/reftests/font-face/cross-iframe-1-inner-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	html, body {
+		margin: 0;
+		padding: 0;
+	}
+
+	</style>
+</head>
+<body>
+
+<p><span style="font-family: MarkA">A</span><span style="font-family: MarkB">B</span><span style="font-family: MarkC">C</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/cross-iframe-1-ref.html b/layout/reftests/font-face/cross-iframe-1-ref.html
new file mode 100644
index 0000000000..3bacb4839a
--- /dev/null
+++ b/layout/reftests/font-face/cross-iframe-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	div {
+		margin: 0;
+		border: none;
+		padding: 0;
+		position: absolute;
+		left: 0;
+	}
+
+	</style>
+</head>
+<body>
+
+<!-- use nonexistent family to prevent kerning -->
+<p><span style="font-family: Nonexistent1">A</span><span style="font-family: Nonexistent2">B</span><span style="font-family: MarkD">D</span></p>
+
+<div style="top: 4em" src="cross-iframe-1-inner-1.html">
+<p><span style="font-family: MarkD">D</span><span style="font-family: Nonexistent2">B</span><span style="font-family: Nonexistent1">C</span></p>
+</div>
+<div style="top: 7em" src="cross-iframe-1-inner-2.html">
+<p><span>A</span><span style="font-family: MarkD">D</span><span>C</span></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/cross-iframe-1.html b/layout/reftests/font-face/cross-iframe-1.html
new file mode 100644
index 0000000000..351bca324f
--- /dev/null
+++ b/layout/reftests/font-face/cross-iframe-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkC";
+		src: url(../fonts/markC.ttf);
+	}
+
+	iframe {
+		margin: 0;
+		border: none;
+		padding: 0;
+		position: absolute;
+		left: 0;
+	}
+
+	</style>
+</head>
+<body>
+
+<p><span style="font-family: MarkA">A</span><span style="font-family: MarkB">B</span><span style="font-family: MarkC">C</span></p>
+
+<iframe style="top: 4em" src="cross-iframe-1-inner-1.html"></iframe>
+<iframe style="top: 7em" src="cross-iframe-1-inner-2.html"></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/delete-rule-1-ref.html b/layout/reftests/font-face/delete-rule-1-ref.html
new file mode 100644
index 0000000000..01485efc1c
--- /dev/null
+++ b/layout/reftests/font-face/delete-rule-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/delete-rule-1.html b/layout/reftests/font-face/delete-rule-1.html
new file mode 100644
index 0000000000..bc1307488d
--- /dev/null
+++ b/layout/reftests/font-face/delete-rule-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	body { font-family: "MarkA", "MarkB"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		var sheet = document.getElementsByTagName("style")[0].sheet;
+		for (var i = sheet.cssRules.length - 1; i >= 0; --i) {
+			if (sheet.cssRules[i].type == CSSRule.FONT_FACE_RULE) {
+				sheet.deleteRule(i);
+			}
+		}
+
+		document.documentElement.removeAttribute("class");
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/disable-sheet-1-ref.html b/layout/reftests/font-face/disable-sheet-1-ref.html
new file mode 100644
index 0000000000..01485efc1c
--- /dev/null
+++ b/layout/reftests/font-face/disable-sheet-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/disable-sheet-1.html b/layout/reftests/font-face/disable-sheet-1.html
new file mode 100644
index 0000000000..916b81f7f5
--- /dev/null
+++ b/layout/reftests/font-face/disable-sheet-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkA"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		document.getElementsByTagName("style")[0].disabled = true;
+		document.documentElement.removeAttribute("class");
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/disable-sheet-4-ref.html b/layout/reftests/font-face/disable-sheet-4-ref.html
new file mode 100644
index 0000000000..c6b1998903
--- /dev/null
+++ b/layout/reftests/font-face/disable-sheet-4-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "Mark2A"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/disable-sheet-4.html b/layout/reftests/font-face/disable-sheet-4.html
new file mode 100644
index 0000000000..1885ca6e27
--- /dev/null
+++ b/layout/reftests/font-face/disable-sheet-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "One"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		// The restore-size-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm();
+
+		document.getElementsByTagName("style")[0].disabled = true;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="restore-size-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/disable-sheet-5.html b/layout/reftests/font-face/disable-sheet-5.html
new file mode 100644
index 0000000000..c9b0bb6e19
--- /dev/null
+++ b/layout/reftests/font-face/disable-sheet-5.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "One"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[1].disabled = true;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-1-notref.html b/layout/reftests/font-face/download-1-notref.html
new file mode 100644
index 0000000000..7e6df9c92c
--- /dev/null
+++ b/layout/reftests/font-face/download-1-notref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-1.html b/layout/reftests/font-face/download-1.html
new file mode 100644
index 0000000000..e2fab2c08f
--- /dev/null
+++ b/layout/reftests/font-face/download-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-2-big-otf.html b/layout/reftests/font-face/download-2-big-otf.html
new file mode 100644
index 0000000000..e2a3a757d4
--- /dev/null
+++ b/layout/reftests/font-face/download-2-big-otf.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.otf);
+	}
+
+	body { font-family: "MarkA"; font-size: 50px; }
+
+	</style>
+</head>
+<body>
+
+<p>A</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-2-big.html b/layout/reftests/font-face/download-2-big.html
new file mode 100644
index 0000000000..3f57fd3307
--- /dev/null
+++ b/layout/reftests/font-face/download-2-big.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; font-size: 50px; }
+
+	</style>
+</head>
+<body>
+
+<p>A</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-2-ref.html b/layout/reftests/font-face/download-2-ref.html
new file mode 100644
index 0000000000..2fff8251eb
--- /dev/null
+++ b/layout/reftests/font-face/download-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	body { font-family: "MarkB"; }
+
+	</style>
+</head>
+<body>
+
+<p>B</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-2.html b/layout/reftests/font-face/download-2.html
new file mode 100644
index 0000000000..8e09e41600
--- /dev/null
+++ b/layout/reftests/font-face/download-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>A</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-3-notref.html b/layout/reftests/font-face/download-3-notref.html
new file mode 100644
index 0000000000..c178dbef5f
--- /dev/null
+++ b/layout/reftests/font-face/download-3-notref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+	body { font-family: "MarkA"; }
+	</style>
+</head>
+<body>
+
+<div id="t" style="visibility:hidden; width: -moz-fit-content">ABC</div>
+<script>
+  document.body.offsetWidth;
+  var n = document.getElementById("t");
+  var w = document.defaultView.getComputedStyle(n).width;
+  var h = document.defaultView.getComputedStyle(n).height;
+  var d = document.createElement("div");
+  d.style.width = w;
+  d.style.height = h;
+  d.style.backgroundColor = "green";
+  n.remove();
+  document.body.appendChild(d);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-3-ref.html b/layout/reftests/font-face/download-3-ref.html
new file mode 100644
index 0000000000..469c667ff4
--- /dev/null
+++ b/layout/reftests/font-face/download-3-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<div id="t" style="visibility:hidden; width: -moz-fit-content">ABC</div>
+<script>
+  // Force a reflow to make sure we start our font download now
+  document.body.offsetWidth;
+  window.addEventListener("load",
+    function() {
+      var n = document.getElementById("t");
+      var w = document.defaultView.getComputedStyle(n).width;
+      var h = document.defaultView.getComputedStyle(n).height;
+      var d = document.createElement("div");
+      d.style.width = w;
+      d.style.height = h;
+      d.style.backgroundColor = "green";
+      n.remove();
+      document.body.appendChild(d);
+    });
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-face/download-3.html b/layout/reftests/font-face/download-3.html
new file mode 100644
index 0000000000..8a5564ae01
--- /dev/null
+++ b/layout/reftests/font-face/download-3.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" style="display: none">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<div id="t" style="visibility:hidden; width: -moz-fit-content">ABC</div>
+<script>
+  // Make sure to show our stuff as late as we can, so we only get reflows
+  // from onload.  
+  window.addEventListener("DOMContentLoaded",
+    function() { document.documentElement.style.display = ""; })
+  window.addEventListener("load",
+    function() {
+      var n = document.getElementById("t");
+      var w = document.defaultView.getComputedStyle(n).width;
+      var h = document.defaultView.getComputedStyle(n).height;
+      var d = document.createElement("div");
+      d.style.width = w;
+      d.style.height = h;
+      d.style.backgroundColor = "green";
+      n.remove();
+      document.body.appendChild(d);
+    });
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-face/dynamic-duplicate-rule-1-ref.html b/layout/reftests/font-face/dynamic-duplicate-rule-1-ref.html
new file mode 100644
index 0000000000..ce1b30b3ef
--- /dev/null
+++ b/layout/reftests/font-face/dynamic-duplicate-rule-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+
+<style type="text/css" id="style1">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css">
+body {
+  font-family: serif;
+}
+.test {
+  font-family: foo;
+}
+</style>
+
+</head>
+
+<body>
+<div>
+foo <span class="test">bar</span> baz
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/font-face/dynamic-duplicate-rule-1a.html b/layout/reftests/font-face/dynamic-duplicate-rule-1a.html
new file mode 100644
index 0000000000..215f09f351
--- /dev/null
+++ b/layout/reftests/font-face/dynamic-duplicate-rule-1a.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+
+<!-- Testcase for bug 879963 regression.
+     We have two <style> elements with identical @font-face rules, which will
+     share a common proxy font entry. When the entry is loaded, the references
+     in both rules must be updated, otherwise text may disappear if the "wrong"
+     (non-updated) rule is subsequently used.
+     By disabling the first style element after the document has loaded (and the
+     user font has been resolved to a real font entry), we can check that the
+     second rule also works as expected.
+     Note that if a platform doesn't have any of the local() fonts listed,
+     the testcase will "pass" harmlessly as a no-op. -->
+
+<style type="text/css" id="style1">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css" id="style2">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css">
+body {
+  font-family: serif;
+}
+.test {
+  font-family: foo;
+}
+</style>
+
+<script type="application/javascript">
+function run() {
+  document.getElementById("style1").disabled = true;
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+
+<body onload="run()">
+<div>
+foo <span class="test">bar</span> baz
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/font-face/dynamic-duplicate-rule-1b.html b/layout/reftests/font-face/dynamic-duplicate-rule-1b.html
new file mode 100644
index 0000000000..647bf53d91
--- /dev/null
+++ b/layout/reftests/font-face/dynamic-duplicate-rule-1b.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+
+<!-- Testcase for bug 879963 regression.
+     Identical to dynamic-duplicate-rule-1a, except that we disable the
+     second rule (rather than the first), to allow for the possibility of
+     changes in how rules are ordered/searched. -->
+
+<style type="text/css" id="style1">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css" id="style2">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css">
+body {
+  font-family: serif;
+}
+.test {
+  font-family: foo;
+}
+</style>
+
+<script type="application/javascript">
+function run() {
+  document.getElementById("style2").disabled = true;
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+
+<body onload="run()">
+<div>
+foo <span class="test">bar</span> baz
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/font-face/dynamic-duplicate-rule-1c.html b/layout/reftests/font-face/dynamic-duplicate-rule-1c.html
new file mode 100644
index 0000000000..16fcb3437e
--- /dev/null
+++ b/layout/reftests/font-face/dynamic-duplicate-rule-1c.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+
+<!-- Testcase for bug 879963 regression.
+
+     This test is designed to hit the case where we were adding the same
+     proxy font entry to a family multiple times during user font set updates.
+
+     Note that if a platform doesn't have any of the local() fonts listed,
+     the testcase will "pass" harmlessly as a no-op. -->
+
+<style type="text/css" id="style1">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css" id="style2">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css" id="style3">
+@font-face {
+  font-family: foo;
+  src: local("Arial"),
+       local("DejaVu Sans"),
+       local("Free Sans"),
+       local("Open Sans"),
+       local("Droid Sans"),
+       local("Roboto");
+}
+</style>
+
+<style type="text/css">
+body {
+  font-family: serif;
+}
+.test {
+  font-family: foo;
+}
+</style>
+
+<script type="application/javascript">
+function run() {
+  // Disable one of our three identical style elements.
+  // This will trigger an update of the user font set,
+  // and there will still be two identical rules present.
+  document.getElementById("style3").disabled = true;
+
+  // Now we trigger the use of the 'foo' font family,
+  // so that font loading occurs.
+  // If there are duplicate proxy entries in the family,
+  // and only the first one gets replaced by the real face,
+  // blank text will result.
+  document.getElementById("test").className = "test";
+
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+
+<body onload="run()">
+<div>
+foo <span id="test">bar</span> baz
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-1-ref.html b/layout/reftests/font-face/enable-sheet-1-ref.html
new file mode 100644
index 0000000000..eb0b6405c4
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-1.html b/layout/reftests/font-face/enable-sheet-1.html
new file mode 100644
index 0000000000..b904e346f8
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkA"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[0].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm();
+
+		document.getElementsByTagName("style")[0].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-2.html b/layout/reftests/font-face/enable-sheet-2.html
new file mode 100644
index 0000000000..bd2cfc6d5c
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-2.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkA", "MarkB"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[0].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		// Allow an intermediate state where we lose the special "B" glyph.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[0].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-3.html b/layout/reftests/font-face/enable-sheet-3.html
new file mode 100644
index 0000000000..5dfdbedff6
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-3.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkA", "MarkB"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[1].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		// Allow an intermediate state where we lose the special "A" glyph.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[1].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-4-ref.html b/layout/reftests/font-face/enable-sheet-4-ref.html
new file mode 100644
index 0000000000..c6b1998903
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-4-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "Mark2A"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-4.html b/layout/reftests/font-face/enable-sheet-4.html
new file mode 100644
index 0000000000..3ba7c6e64a
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-4.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "One"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[0].disabled = true;
+
+	function run() {
+		// The restore-size-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm();
+
+		document.getElementsByTagName("style")[0].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="restore-size-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-5.html b/layout/reftests/font-face/enable-sheet-5.html
new file mode 100644
index 0000000000..357d970039
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-5.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "One"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[1].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[1].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-6.html b/layout/reftests/font-face/enable-sheet-6.html
new file mode 100644
index 0000000000..c25b2a33c9
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-6.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markB.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "One"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[0].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[0].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/enable-sheet-7.html b/layout/reftests/font-face/enable-sheet-7.html
new file mode 100644
index 0000000000..9e10d673c8
--- /dev/null
+++ b/layout/reftests/font-face/enable-sheet-7.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markB.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "One"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[1].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[1].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/ex-unit-1-dynamic.html b/layout/reftests/font-face/ex-unit-1-dynamic.html
new file mode 100644
index 0000000000..93a5e0aa20
--- /dev/null
+++ b/layout/reftests/font-face/ex-unit-1-dynamic.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>ex unit with Ahem font</title>
+<style type="text/css">
+html { background: white; }
+body { font-family: Ahhhem; font-size: 50px;
+       height: 2ex; width: 2ex; position: relative;
+       background: blue;  }
+</style>
+<script type="application/ecmascript">
+function run() {
+  document.getElementsByTagName("iframe")[0].contentWindow.arm();
+  document.getElementsByTagName("style")[0].sheet.insertRule(
+    '@font-face { font-family: "Ahhhem"; src: url(../fonts/Ahem.ttf); }',
+    0);
+}
+</script>
+<body onload="setTimeout(run, 20)">
+<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe>
+</body>
diff --git a/layout/reftests/font-face/ex-unit-1-ref.html b/layout/reftests/font-face/ex-unit-1-ref.html
new file mode 100644
index 0000000000..5b25263e3b
--- /dev/null
+++ b/layout/reftests/font-face/ex-unit-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>ex unit with Ahem font</title>
+<style type="text/css">
+html { background: white; }
+div { height: 80px; width: 80px; background: blue;  }
+</style>
+<div></div>
diff --git a/layout/reftests/font-face/ex-unit-1.html b/layout/reftests/font-face/ex-unit-1.html
new file mode 100644
index 0000000000..d39f101683
--- /dev/null
+++ b/layout/reftests/font-face/ex-unit-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>ex unit with Ahem font</title>
+<style type="text/css">
+@font-face { font-family: "Ahhhem"; src: url(../fonts/Ahem.ttf); }
+html { background: white; }
+body { font-family: Ahhhem; font-size: 50px; height: 2ex; width: 2ex; background: blue;  }
+</style>
diff --git a/layout/reftests/font-face/fallback-to-system-1-ref.html b/layout/reftests/font-face/fallback-to-system-1-ref.html
new file mode 100644
index 0000000000..08aacd5f5e
--- /dev/null
+++ b/layout/reftests/font-face/fallback-to-system-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	span {
+		/* to ensure the same vertical positioning of the text */
+		display: inline-block;
+		height: 3em;
+		width: 1em;
+		vertical-align: baseline;
+	}
+
+	</style>
+</head>
+<body>
+
+<p>DEF<span></span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/fallback-to-system-1.html b/layout/reftests/font-face/fallback-to-system-1.html
new file mode 100644
index 0000000000..5b6af1047b
--- /dev/null
+++ b/layout/reftests/font-face/fallback-to-system-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; line-height: 1.5em; }
+
+	span {
+		/* to ensure the same vertical positioning of the text */
+		display: inline-block;
+		height: 3em;
+		width: 1em;
+		vertical-align: baseline;
+	}
+
+	</style>
+</head>
+<body>
+
+<p>DEF<span></span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-display-1-ref.html b/layout/reftests/font-face/font-display-1-ref.html
new file mode 100644
index 0000000000..73e71fcb85
--- /dev/null
+++ b/layout/reftests/font-face/font-display-1-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>font-display test</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: test1-ref;
+  src: url(../fonts/markA.woff);
+}
+
+div.test {
+  font-size: 600%;
+  line-height: 1.3em;
+  width: 500px;
+}
+
+div.test p {
+  display: inline-block;
+  width: 150px;
+  margin: 0;
+}
+
+.auto { font-family: test1-ref; }
+.block { font-family: test1-ref; }
+.swap { font-family: test1-ref; }
+.fallback { font-family: test1-ref; }
+.optional { font-family: font-that-does-not-exist; }
+
+</style>
+</head>
+
+<body>
+<div class="test">
+<p class="auto">A</p>
+<p class="block">A</p>
+</div>
+<div class="test">
+<p class="swap">A</p>
+<p class="fallback">A</p>
+<p class="optional">A</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-display-1.html b/layout/reftests/font-face/font-display-1.html
new file mode 100644
index 0000000000..6f8c365e65
--- /dev/null
+++ b/layout/reftests/font-face/font-display-1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>font-display test</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: test1-auto;
+  src: url(../fonts/markA.woff);
+  font-display: auto;
+}
+
+@font-face {
+  font-family: test1-block;
+  src: url(../fonts/markA.woff);
+  font-display: block;
+}
+
+@font-face {
+  font-family: test1-swap;
+  src: url(../fonts/markA.woff);
+  font-display: swap;
+}
+
+@font-face {
+  font-family: test1-fallback;
+  src: url(../fonts/markA.woff);
+  font-display: fallback;
+}
+
+@font-face {
+  font-family: test1-optional;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=2000&test=font-display-1-optional);
+  font-display: optional;
+}
+
+div.test {
+  font-size: 600%;
+  line-height: 1.3em;
+  width: 500px;
+}
+
+div.test p {
+  display: inline-block;
+  width: 150px;
+  margin: 0;
+}
+
+.auto { font-family: test1-auto; }
+.block { font-family: test1-block; }
+.swap { font-family: test1-swap; }
+.fallback { font-family: test1-fallback; }
+.optional { font-family: test1-optional; }
+
+</style>
+</head>
+
+<body>
+<div class="test">
+<p class="auto">A</p>
+<p class="block">A</p>
+</div>
+<div class="test">
+<p class="swap">A</p>
+<p class="fallback">A</p>
+<p class="optional">A</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-display-2-ref.html b/layout/reftests/font-face/font-display-2-ref.html
new file mode 100644
index 0000000000..db45af7bcc
--- /dev/null
+++ b/layout/reftests/font-face/font-display-2-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>font-display test</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: test2-ref;
+  src: url(../fonts/markA.woff);
+}
+
+div.test {
+  font-size: 600%;
+  line-height: 1.3em;
+  width: 500px;
+}
+
+div.test p {
+  display: inline-block;
+  width: 150px;
+  margin: 0;
+}
+
+.auto { font-family: test2-ref; }
+.block { font-family: test2-ref; }
+.swap { font-family: test2-ref; }
+.fallback { font-family: font-that-does-not-exist; }
+.optional { font-family: font-that-does-not-exist; }
+
+</style>
+</head>
+
+<body>
+<div class="test">
+<p class="auto">A</p>
+<p class="block">A</p>
+</div>
+<div class="test">
+<p class="swap">A</p>
+<p class="fallback">A</p>
+<p class="optional">A</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-display-2.html b/layout/reftests/font-face/font-display-2.html
new file mode 100644
index 0000000000..617c6cfc71
--- /dev/null
+++ b/layout/reftests/font-face/font-display-2.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>font-display test</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: test2-auto;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=4500&test=font-display-2-auto);
+  font-display: auto;
+}
+
+@font-face {
+  font-family: test2-block;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=4500&test=font-display-2-block);
+  font-display: block;
+}
+
+@font-face {
+  font-family: test2-swap;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=4500&test=font-display-2-swap);
+  font-display: swap;
+}
+
+@font-face {
+  font-family: test2-fallback;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=4500&test=font-display-2-fallback);
+  font-display: fallback;
+}
+
+@font-face {
+  font-family: test2-optional;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=4500&test=font-display-2-optional);
+  font-display: optional;
+}
+
+div.test {
+  font-size: 600%;
+  line-height: 1.3em;
+  width: 500px;
+}
+
+div.test p {
+  display: inline-block;
+  width: 150px;
+  margin: 0;
+}
+
+.auto { font-family: test2-auto; }
+.block { font-family: test2-block; }
+.swap { font-family: test2-swap; }
+.fallback { font-family: test2-fallback; }
+.optional { font-family: test2-optional; }
+
+</style>
+</head>
+
+<body>
+<div class="test">
+<p class="auto">A</p>
+<p class="block">A</p>
+</div>
+<div class="test">
+<p class="swap">A</p>
+<p class="fallback">A</p>
+<p class="optional">A</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-error-404-1-ref.html b/layout/reftests/font-face/font-error-404-1-ref.html
new file mode 100644
index 0000000000..3c3ee58f5d
--- /dev/null
+++ b/layout/reftests/font-face/font-error-404-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+  font-family: monospace;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+Hello world
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-error-404-1.html b/layout/reftests/font-face/font-error-404-1.html
new file mode 100644
index 0000000000..defec9d082
--- /dev/null
+++ b/layout/reftests/font-face/font-error-404-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+/* When the font data is returned with a 404 (Not found) status, it should not be used */
+@font-face {
+  font-family: foo;
+  src: url(../fonts/Chunkfive.sjs?statusCode=404&statusReason=Not%20found);
+}
+body {
+  font-family: foo, monospace;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+Hello world
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-error-404-2-ref.html b/layout/reftests/font-face/font-error-404-2-ref.html
new file mode 100644
index 0000000000..e63d184531
--- /dev/null
+++ b/layout/reftests/font-face/font-error-404-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: foo;
+  src: url(../fonts/Chunkfive.otf);
+}
+body {
+  font-family: foo, monospace;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+Hello world
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-error-404-2.html b/layout/reftests/font-face/font-error-404-2.html
new file mode 100644
index 0000000000..18edf1b34e
--- /dev/null
+++ b/layout/reftests/font-face/font-error-404-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+/* Chunkfive.sjs with a 200 (OK) status should work identically to Chunkfive.otf */
+@font-face {
+  font-family: foo;
+  src: url(../fonts/Chunkfive.sjs?statusCode=200&statusReason=OK);
+}
+body {
+  font-family: foo, monospace;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+Hello world
+</body>
+</html>
diff --git a/layout/reftests/font-face/font-familiy-whitespace-1-notref.html b/layout/reftests/font-face/font-familiy-whitespace-1-notref.html
new file mode 100644
index 0000000000..3e6a46566b
--- /dev/null
+++ b/layout/reftests/font-face/font-familiy-whitespace-1-notref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+@font-face {
+  font-family: Awesome font;
+  src: url(../fonts/markA.ttf);
+}
+p { /* Default font */ }
+</style>
+<p>A
diff --git a/layout/reftests/font-face/font-familiy-whitespace-1-ref.html b/layout/reftests/font-face/font-familiy-whitespace-1-ref.html
new file mode 100644
index 0000000000..5baf0ece11
--- /dev/null
+++ b/layout/reftests/font-face/font-familiy-whitespace-1-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+@font-face {
+  font-family: Awesome font;
+  src: url(../fonts/markA.ttf);
+}
+p { font-family: Awesome font }
+</style>
+<p>A
diff --git a/layout/reftests/font-face/font-familiy-whitespace-1.html b/layout/reftests/font-face/font-familiy-whitespace-1.html
new file mode 100644
index 0000000000..237945b4c7
--- /dev/null
+++ b/layout/reftests/font-face/font-familiy-whitespace-1.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+@font-face {
+  font-family: Awesome font;
+  src: url(../fonts/markA.ttf);
+}
+p { font-family: Awesome/**/font }
+</style>
+<p>A
diff --git a/layout/reftests/font-face/font-redirect.html b/layout/reftests/font-face/font-redirect.html
new file mode 100644
index 0000000000..5341d07419
--- /dev/null
+++ b/layout/reftests/font-face/font-redirect.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA-redirect.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/helveticaneue-ultra-ref.html b/layout/reftests/font-face/helveticaneue-ultra-ref.html
new file mode 100644
index 0000000000..84c6756674
--- /dev/null
+++ b/layout/reftests/font-face/helveticaneue-ultra-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Helvetica Neue UltraLight</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 60pt;
+}
+
+@font-face {
+  font-family: MyUltralight;
+  src: local(HelveticaNeue-UltraLight);
+  font-weight: 100;
+}
+
+p {
+  font-family: MyUltralight, serif;
+  font-weight: 100;
+}
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p>Lovely lightness!!</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/helveticaneue-ultra.html b/layout/reftests/font-face/helveticaneue-ultra.html
new file mode 100644
index 0000000000..08761543c1
--- /dev/null
+++ b/layout/reftests/font-face/helveticaneue-ultra.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Helvetica Neue UltraLight</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 60pt;
+}
+
+p {
+  font-family: Helvetica Neue, serif;
+  font-weight: 100;
+}
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p>Lovely lightness!!</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/insert-rule-1-ref.html b/layout/reftests/font-face/insert-rule-1-ref.html
new file mode 100644
index 0000000000..df585c222e
--- /dev/null
+++ b/layout/reftests/font-face/insert-rule-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	body { font-family: "MarkA", "MarkB"; }
+	@font-face { font-family: "MarkA"; src: url(../fonts/markA.ttf); }
+	@font-face { font-family: "MarkB"; src: url(../fonts/markB.ttf); }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/insert-rule-1a.html b/layout/reftests/font-face/insert-rule-1a.html
new file mode 100644
index 0000000000..6f56229f53
--- /dev/null
+++ b/layout/reftests/font-face/insert-rule-1a.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face { font-family: 'MarkB'; src: url(../fonts/markB.ttf); }
+	body { font-family: "MarkA", "MarkB"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		var sheet = document.getElementsByTagName("style")[0].sheet;
+		sheet.insertRule("@font-face { font-family: 'MarkA'; src: url(../fonts/markA.ttf); }", sheet.cssRules.length);
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/insert-rule-1b.html b/layout/reftests/font-face/insert-rule-1b.html
new file mode 100644
index 0000000000..0b6e34307f
--- /dev/null
+++ b/layout/reftests/font-face/insert-rule-1b.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	body { font-family: "MarkA", "MarkB"; }
+	@font-face { font-family: 'MarkA'; src: url(../fonts/markA.ttf); }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		var sheet = document.getElementsByTagName("style")[0].sheet;
+		sheet.insertRule("@font-face { font-family: 'MarkB'; src: url(../fonts/markB.ttf); }", 0);
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/ivs-1-ref.html b/layout/reftests/font-face/ivs-1-ref.html
new file mode 100644
index 0000000000..0c71c77f39
--- /dev/null
+++ b/layout/reftests/font-face/ivs-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style>
+@font-face { font-family: IVSテスト; src: url('../fonts/gw432047.ttf') format("truetype"); }
+body { background: white }
+span { font-size: 72pt; font-family: IVSテスト, serif; border: 1px red solid }
+</style>
+</head>
+<body>
+<span>&#xE000;&#xE001;</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/ivs-1.html b/layout/reftests/font-face/ivs-1.html
new file mode 100644
index 0000000000..bdd417731d
--- /dev/null
+++ b/layout/reftests/font-face/ivs-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style>
+@font-face { font-family: IVSテスト; src: url('../fonts/gw432047.ttf') format("truetype"); }
+body { background: white }
+span { font-size: 72pt; font-family: IVSテスト, serif; border: 1px red solid }
+</style>
+</head>
+<body>
+<span>葛&#xE0100;葛&#xE0101;</span>
+</body>
+</html>
diff --git a/layout/reftests/font-face/load-badchecksum-ref.html b/layout/reftests/font-face/load-badchecksum-ref.html
new file mode 100644
index 0000000000..6e8cac31b0
--- /dev/null
+++ b/layout/reftests/font-face/load-badchecksum-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Checksums for downloadable fonts</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+  <style type="text/css">
+    body { margin: 50px; font-size: 24px; }
+    
+    @font-face {
+      font-family: VeraBadChecksum;
+      src: url(../fonts/VeraBd.ttf);
+    }
+    
+    @font-face {
+      font-family: VeraGoodChecksum;
+      src: url(../fonts/VeraBd-validchecksum.ttf);
+    }
+    
+    .verabad { font-family: VeraBadChecksum, Futura, sans-serif; }
+    .veragood { font-family: VeraGoodChecksum, Futura, sans-serif; }
+    
+  </style>
+
+  <script type="text/javascript">
+  </script>
+
+</head>
+<body>
+<p class="veragood">Fonts load with or without correct head table checksums</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/load-badchecksum.html b/layout/reftests/font-face/load-badchecksum.html
new file mode 100644
index 0000000000..22ee060eea
--- /dev/null
+++ b/layout/reftests/font-face/load-badchecksum.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Checksums for downloadable fonts</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+  <style type="text/css">
+    body { margin: 50px; font-size: 24px; }
+    
+    @font-face {
+      font-family: VeraBadChecksum;
+      src: url(../fonts/VeraBd.ttf);
+    }
+    
+    @font-face {
+      font-family: VeraGoodChecksum;
+      src: url(../fonts/VeraBd-validchecksum.ttf);
+    }
+    
+    .verabad { font-family: VeraBadChecksum, Futura, sans-serif; }
+    .veragood { font-family: VeraGoodChecksum, Futura, sans-serif; }
+    
+  </style>
+
+  <script type="text/javascript">
+  </script>
+
+</head>
+<body>
+<p class="verabad">Fonts load with or without correct head table checksums</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/load-badfullname-ref.html b/layout/reftests/font-face/load-badfullname-ref.html
new file mode 100644
index 0000000000..c422aacc3c
--- /dev/null
+++ b/layout/reftests/font-face/load-badfullname-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test of fonts with funky fullnames</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.ttf);
+}
+
+body {
+  margin: 50px;
+  font-size: 12pt;
+  font-family: Gill Sans, Futura, sans-serif;
+}
+
+p.test1 { font-size: 48pt; font-family: test, Futura, sans-serif; }
+p.test2 { font-size: 48pt; font-family: test, Futura, sans-serif; }
+
+</style>
+  
+</head>
+<body>
+
+<p>Letter A should <strong>not</strong> appear below:</p>
+
+<p class="test1">A</p>
+
+<p class="test2">A</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/load-badfullname.html b/layout/reftests/font-face/load-badfullname.html
new file mode 100644
index 0000000000..0c00694f64
--- /dev/null
+++ b/layout/reftests/font-face/load-badfullname.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test of fonts with funky fullnames</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: test1;
+  src: url(../fonts/markA-badfullname.ttf);
+}
+
+@font-face {
+  font-family: test2;
+  src: url(../fonts/markA-shortfullname.ttf);
+}
+
+body {
+  margin: 50px;
+  font-size: 12pt;
+  font-family: Gill Sans, Futura, sans-serif;
+}
+
+p.test1 { font-size: 48pt; font-family: test1, Futura, sans-serif; }
+p.test2 { font-size: 48pt; font-family: test2, Futura, sans-serif; }
+
+</style>
+  
+</head>
+<body>
+
+<p>Letter A should <strong>not</strong> appear below:</p>
+
+<p class="test1">A</p>
+
+<p class="test2">A</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/local-1-ref.html b/layout/reftests/font-face/local-1-ref.html
new file mode 100644
index 0000000000..7304b52655
--- /dev/null
+++ b/layout/reftests/font-face/local-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<title>test src: local() reference</title>
+	<style type="text/css">
+	  body {
+	    font-family: Nimbus Sans L, Helvetica, Bitstream Vera Sans,
+                         Arial, Liberation Sans, SwissA,
+                         Fira Sans OT, Fira Sans, Droid Sans, Roboto, serif;
+	  }
+	</style>
+</head>
+<body>
+  <p style="font-weight: normal;">
+    The quick brown fox jumped over the lazy dog
+  </p>
+  <p style="font-weight: bold;">
+    The quick brown fox jumped over the lazy dog
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/local-1.html b/layout/reftests/font-face/local-1.html
new file mode 100644
index 0000000000..64e4500024
--- /dev/null
+++ b/layout/reftests/font-face/local-1.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<title>test src: local()</title>
+	<!--
+
+	  Most systems are expected to have either Linotype's Helvetica or a
+	  substitute.  These are needed for PostScript or PDF support.  MS
+	  systems will have Monotype's Arial installed.  Systems with
+	  ghostscript will normally have Nimbus Sans L.  Linux systems without
+	  ghostscript may have Adobe's bitmap Helvetica for X11 or Ascender /
+	  Red Hat's Liberation Sans.
+
+	  The result will be compared with fonts chosen through font-family.
+	  Platform aliases (on Windows and Linux) will map family names from
+	  one substitute to another, but similar aliasing does not happen with
+	  face names in local().  Therefore, all Helvetica substitute fonts
+	  are included in the @font-face rules.
+
+	  Full names are specified for all fonts for MS Windows and Linux, and
+	  PostScript names are included for Mac for all fonts up to
+	  Helvetica, which is expected to be on every Mac.
+
+	  The generic fallback is chosen to be serif, which is not expected to
+	  be the same as any of the local (sans-serif) faces in the @font-face
+	  rules, so that it makes failure to reference the local faces more
+	  obvious.
+
+	  -->
+	<style type="text/css">
+	  @font-face {
+	     font-family: "Local";
+	     src: local(Nimbus Sans L), local(NimbusSansL-Regu),
+	          local(Helvetica), local(Bitstream Vera Sans),
+	          local(Arial), local(Liberation Sans), local(SwissA),
+	          local(Fira Sans OT), local(Fira Sans),
+	          local(Droid Sans), local(Roboto);
+	     font-weight: 100;
+	  }
+	  @font-face {
+	     font-family: "Local";
+	     src: local(Nimbus Sans L Bold), local(NimbusSansL-Bold),
+	          local(Helvetica Bold), local(Helvetica-Bold),
+                  local(Bitstream Vera Sans  Bold),
+	          local(Arial Bold), local(Liberation Sans Bold), local(SwissA Bold),
+	          local(Fira Sans OT Bold), local(Fira Sans Bold),
+	          local(Droid Sans Bold), local(Roboto Bold);
+	     font-weight: normal;
+	  }
+	  body { font-family: Local, serif }
+	</style>
+</head>
+<body>
+  <p style="font-weight: 100">
+    The quick brown fox jumped over the lazy dog
+  </p>
+  <p style="font-weight: normal;">
+    The quick brown fox jumped over the lazy dog
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/local-styled-1-ref.html b/layout/reftests/font-face/local-styled-1-ref.html
new file mode 100644
index 0000000000..d38f5974a6
--- /dev/null
+++ b/layout/reftests/font-face/local-styled-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: local(Nimbus Sans L), local(NimbusSansL-Regu),
+       local(Helvetica), local(Bitstream Vera Sans),
+       local(Arial), local(Liberation Sans), local(SwissA),
+       local(Fira Sans OT), local(Fira Sans),
+       local(Droid Sans), local(Roboto);
+}
+div {
+  font-family: test, serif;
+  margin: 10px;
+}
+</style>
+</head>
+<body>
+<div style="font-family:serif">
+This serif font should NOT be used below.
+</div>
+<hr>
+<div>
+These three lines should all use the same font face.
+</div>
+<div>
+This line should NOT be bold.
+</div>
+<div>
+This line should NOT be italic.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/local-styled-1.html b/layout/reftests/font-face/local-styled-1.html
new file mode 100644
index 0000000000..155fce8706
--- /dev/null
+++ b/layout/reftests/font-face/local-styled-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: local(Nimbus Sans L), local(NimbusSansL-Regu),
+       local(Helvetica), local(Bitstream Vera Sans),
+       local(Arial), local(Liberation Sans), local(SwissA),
+       local(Fira Sans OT), local(Fira Sans),
+       local(Droid Sans), local(Roboto);
+}
+@font-face {
+  font-family: test;
+  font-style: italic;
+  src: local(Nimbus Sans L), local(NimbusSansL-Regu),
+       local(Helvetica), local(Bitstream Vera Sans),
+       local(Arial), local(Liberation Sans), local(SwissA),
+       local(Fira Sans OT), local(Fira Sans),
+       local(Droid Sans), local(Roboto);
+}
+@font-face {
+  font-family: test;
+  font-weight: bold;
+  src: local(Nimbus Sans L), local(NimbusSansL-Regu),
+       local(Helvetica), local(Bitstream Vera Sans),
+       local(Arial), local(Liberation Sans), local(SwissA),
+       local(Fira Sans OT), local(Fira Sans),
+       local(Droid Sans), local(Roboto);
+}
+div {
+  font-family: test, serif;
+  margin: 10px;
+}
+</style>
+</head>
+<body>
+<div style="font-family:serif">
+This serif font should NOT be used below.
+</div>
+<hr>
+<div>
+These three lines should all use the same font face.
+</div>
+<div>
+<b>This line should NOT be bold.</b>
+</div>
+<div>
+<i>This line should NOT be italic.</i>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/media-query-add-1-ref.html b/layout/reftests/font-face/media-query-add-1-ref.html
new file mode 100644
index 0000000000..e2fab2c08f
--- /dev/null
+++ b/layout/reftests/font-face/media-query-add-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/media-query-add-1.html b/layout/reftests/font-face/media-query-add-1.html
new file mode 100644
index 0000000000..3371dff199
--- /dev/null
+++ b/layout/reftests/font-face/media-query-add-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	html, body, iframe { margin: 0; padding: 0; border: none; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		var iframe = document.getElementsByTagName("iframe")[0]
+		iframe.contentWindow.arm();
+		iframe.style.width = "300px";
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<iframe style="height: 5em; width: 100px" src="media-query-inner-1.html"></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/media-query-inner-1.html b/layout/reftests/font-face/media-query-inner-1.html
new file mode 100644
index 0000000000..30310fb05f
--- /dev/null
+++ b/layout/reftests/font-face/media-query-inner-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css" media="(min-width: 200px)">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkA"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function arm() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm();
+	}
+
+	</script>
+</head>
+<body>
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/media-query-remove-1-ref.html b/layout/reftests/font-face/media-query-remove-1-ref.html
new file mode 100644
index 0000000000..7e6df9c92c
--- /dev/null
+++ b/layout/reftests/font-face/media-query-remove-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/media-query-remove-1.html b/layout/reftests/font-face/media-query-remove-1.html
new file mode 100644
index 0000000000..bb1361ffc0
--- /dev/null
+++ b/layout/reftests/font-face/media-query-remove-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	html, body, iframe { margin: 0; padding: 0; border: none; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		var iframe = document.getElementsByTagName("iframe")[0]
+		iframe.contentWindow.arm();
+		iframe.style.width = "100px";
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<iframe style="height: 5em; width: 300px" src="media-query-inner-1.html"></iframe>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/meiryo-en-bold.html b/layout/reftests/font-face/meiryo-en-bold.html
new file mode 100644
index 0000000000..5672de37e4
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-en-bold.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Meiryo"; font-weight: bold; font-style: normal; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-en-bolditalic.html b/layout/reftests/font-face/meiryo-en-bolditalic.html
new file mode 100644
index 0000000000..aaaa1f977b
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-en-bolditalic.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Meiryo"; font-weight: bold; font-style: italic; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-en-italic.html b/layout/reftests/font-face/meiryo-en-italic.html
new file mode 100644
index 0000000000..5382ffab27
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-en-italic.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Meiryo"; font-weight: normal; font-style: italic; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-en-oblique.html b/layout/reftests/font-face/meiryo-en-oblique.html
new file mode 100644
index 0000000000..7036a80373
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-en-oblique.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Meiryo"; font-style: oblique; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-en.html b/layout/reftests/font-face/meiryo-en.html
new file mode 100644
index 0000000000..179ccb1246
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-en.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Meiryo"; font-weight: normal; font-style: normal; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-ja-bold.html b/layout/reftests/font-face/meiryo-ja-bold.html
new file mode 100644
index 0000000000..752d9b444f
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-ja-bold.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "メイリオ"; font-weight: bold; font-style: normal; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-ja-bolditalic.html b/layout/reftests/font-face/meiryo-ja-bolditalic.html
new file mode 100644
index 0000000000..95084f639e
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-ja-bolditalic.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "メイリオ"; font-weight: bold; font-style: italic; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-ja-italic.html b/layout/reftests/font-face/meiryo-ja-italic.html
new file mode 100644
index 0000000000..6bf1631f01
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-ja-italic.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "メイリオ"; font-weight: normal; font-style: italic; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-ja-oblique.html b/layout/reftests/font-face/meiryo-ja-oblique.html
new file mode 100644
index 0000000000..21b1a022d0
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-ja-oblique.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "メイリオ"; font-style: oblique; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/meiryo-ja.html b/layout/reftests/font-face/meiryo-ja.html
new file mode 100644
index 0000000000..0184415d76
--- /dev/null
+++ b/layout/reftests/font-face/meiryo-ja.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "メイリオ"; font-weight: normal; font-style: normal; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/missing-names-ref.html b/layout/reftests/font-face/missing-names-ref.html
new file mode 100644
index 0000000000..be9cc92784
--- /dev/null
+++ b/layout/reftests/font-face/missing-names-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Missing name tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+@font-face { font-family: markA-regular; src: url(../fonts/markA.ttf); }
+
+.markA-regular { font-family: markA-regular; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+<p>These lines should all be the same non-alphabetic character:</p>
+<p class="markA-regular">A</p>
+<p class="markA-regular">A</p>
+<p class="markA-regular">A</p>
+<p class="markA-regular">A</p>
+<p class="markA-regular">A</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/missing-names.html b/layout/reftests/font-face/missing-names.html
new file mode 100644
index 0000000000..9cc4a2ac7b
--- /dev/null
+++ b/layout/reftests/font-face/missing-names.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Missing name tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+@font-face { font-family: markA-regular; src: url(../fonts/markA.ttf); }
+@font-face { font-family: markA-nofamily; src: url(../fonts/markA-nofamily.ttf); }
+@font-face { font-family: markA-nofullname; src: url(../fonts/markA-nofullname.ttf); }
+@font-face { font-family: markA-nostyle; src: url(../fonts/markA-nostyle.ttf); }
+@font-face { font-family: markA-noversion; src: url(../fonts/markA-noversion.ttf); }
+
+.markA-regular { font-family: markA-regular; }
+.markA-nofamily { font-family: markA-nofamily; }
+.markA-nofullname { font-family: markA-nofullname; }
+.markA-noversion { font-family: markA-noversion; }
+.markA-nostyle { font-family: markA-nostyle; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+<p>These lines should all be the same non-alphabetic character:</p>
+<p class="markA-regular">A</p>
+<p class="markA-nofamily">A</p>
+<p class="markA-nofullname">A</p>
+<p class="markA-nostyle">A</p>
+<p class="markA-noversion">A</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/multiple-descriptor-1-notref.html b/layout/reftests/font-face/multiple-descriptor-1-notref.html
new file mode 100644
index 0000000000..421007bd4e
--- /dev/null
+++ b/layout/reftests/font-face/multiple-descriptor-1-notref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<p>ABC</p>
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/multiple-descriptor-1-ref.html b/layout/reftests/font-face/multiple-descriptor-1-ref.html
new file mode 100644
index 0000000000..e0e4230167
--- /dev/null
+++ b/layout/reftests/font-face/multiple-descriptor-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	/* The last descriptor in a given rule wins, per CSS 2.0 */
+
+	@font-face {
+		src: url(../fonts/markA.ttf);
+		font-family: "MarkA";
+	}
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+<p style="font-family: MarkA">ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/multiple-descriptor-1.html b/layout/reftests/font-face/multiple-descriptor-1.html
new file mode 100644
index 0000000000..0596026d98
--- /dev/null
+++ b/layout/reftests/font-face/multiple-descriptor-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	/* The last descriptor in a given rule wins, per CSS 2.0 */
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markB.ttf);
+		src: url(../fonts/markA.ttf);
+		font-family: "Two";
+	}
+
+	</style>
+</head>
+<body>
+
+<p style="font-family: One">ABC</p>
+<p style="font-family: Two">ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/multiple-in-family-1-notref.html b/layout/reftests/font-face/multiple-in-family-1-notref.html
new file mode 100644
index 0000000000..ec5e8f4da3
--- /dev/null
+++ b/layout/reftests/font-face/multiple-in-family-1-notref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+<p>A</p>
+<p>B</p>
+<p>C</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/multiple-in-family-1-ref.html b/layout/reftests/font-face/multiple-in-family-1-ref.html
new file mode 100644
index 0000000000..2e79e70d25
--- /dev/null
+++ b/layout/reftests/font-face/multiple-in-family-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	</style>
+</head>
+<body>
+
+<p style="font-family: MarkD">DDC</p>
+<p style="font-family: MarkA">A</p>
+<p style="font-family: MarkB">B</p>
+<p style="font-family: MarkA">C</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/multiple-in-family-1.html b/layout/reftests/font-face/multiple-in-family-1.html
new file mode 100644
index 0000000000..0bc5bc8d02
--- /dev/null
+++ b/layout/reftests/font-face/multiple-in-family-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	body { font-family: "MarkA", "MarkB"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+<p>A</p>
+<p>B</p>
+<p>C</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/multiple-in-family-1b.html b/layout/reftests/font-face/multiple-in-family-1b.html
new file mode 100644
index 0000000000..72dd13ebda
--- /dev/null
+++ b/layout/reftests/font-face/multiple-in-family-1b.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	/* This has the @font-face rules in the other order, in case that matters */
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA", "MarkB"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+<p>A</p>
+<p>B</p>
+<p>C</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-collision-bad-url-ref.html b/layout/reftests/font-face/name-collision-bad-url-ref.html
new file mode 100644
index 0000000000..b77bfc4f19
--- /dev/null
+++ b/layout/reftests/font-face/name-collision-bad-url-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Font name collision test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<!-- 
+  Font family names in @font-face rules take precedence over locally-available font families,
+  so none of the names of commonly used platform fonts should match against locally available
+  fonts.
+-->
+
+<style type="text/css">
+
+@font-face {
+  font-family: fallback;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+body {
+  margin: 50px;
+  font-family: fallback;
+}
+
+table {
+  margin-left: 3em;
+}
+
+table td {
+  font-family: fallback;
+  font-size: 24pt;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<p>All text below should appear in the same "fallback" font face:</p>
+
+<table>
+<tr class="sample"><td>Sample</td></tr>
+<tr class="arial"><td>Arial</td></tr>
+<tr class="timesnewroman"><td>Times New Roman</td></tr>
+<tr class="couriernew"><td>Courier New</td></tr>
+<tr class="futura"><td>Futura</td></tr>
+<tr class="helvetica"><td>Helvetica</td></tr>
+<tr class="times"><td>Times</td></tr>
+<tr class="courier"><td>Courier</td></tr>
+<tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
+<tr class="dejavusans"><td>DejaVu Sans</td></tr>
+<tr class="freesans"><td>FreeSans</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-collision-bad-url.html b/layout/reftests/font-face/name-collision-bad-url.html
new file mode 100644
index 0000000000..5fc31c1f50
--- /dev/null
+++ b/layout/reftests/font-face/name-collision-bad-url.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Font name collision test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<!-- 
+  Font family names in @font-face rules take precedence over locally-available font families,
+  so none of the names of commonly used platform fonts should match against locally available
+  fonts.
+-->
+
+<style type="text/css">
+
+@font-face {
+  font-family: fallback;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+body {
+  margin: 50px;
+  font-family: fallback;
+}
+
+table {
+  margin-left: 3em;
+}
+
+@font-face {
+  font-family: Sample;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.sample { font-family: Sample, fallback; }
+
+/* Windows */
+
+@font-face {
+  font-family: Arial;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.arial { font-family: Arial, fallback; }
+
+@font-face {
+  font-family: Times New Roman;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.timesnewroman { font-family: Times New Roman, fallback; }
+
+@font-face {
+  font-family: Courier New;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.couriernew { font-family: Courier New, fallback; }
+
+/* Mac OS X */
+
+@font-face {
+  font-family: Futura;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.futura { font-family: Futura, fallback; }
+
+@font-face {
+  font-family: Helvetica;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.helvetica { font-family: Helvetica, fallback; }
+
+@font-face {
+  font-family: Times;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.times { font-family: Times, fallback; }
+
+@font-face {
+  font-family: Courier;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.courier { font-family: Courier, fallback; }
+
+/* Linux */
+
+@font-face {
+  font-family: Bitstream Vera Sans;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.bitstreamverasans { font-family: Bitstream Vera Sans, fallback; }
+
+@font-face {
+  font-family: DejaVu Sans;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.dejavusans { font-family: DejaVu Sans, fallback; }
+
+@font-face {
+  font-family: FreeSans;
+  src: url(../fonts/bogus-dir/bogus-font.ttf);
+  font-weight: 900;
+}
+
+.freesans { font-family: FreeSans, fallback; }
+
+table {
+  font-family: Sample;
+}
+
+table td {
+  font-size: 24pt;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<p>All text below should appear in the same "fallback" font face:</p>
+
+<table>
+<tr class="sample"><td>Sample</td></tr>
+<tr class="arial"><td>Arial</td></tr>
+<tr class="timesnewroman"><td>Times New Roman</td></tr>
+<tr class="couriernew"><td>Courier New</td></tr>
+<tr class="futura"><td>Futura</td></tr>
+<tr class="helvetica"><td>Helvetica</td></tr>
+<tr class="times"><td>Times</td></tr>
+<tr class="courier"><td>Courier</td></tr>
+<tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
+<tr class="dejavusans"><td>DejaVu Sans</td></tr>
+<tr class="freesans"><td>FreeSans</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-collision-ref.html b/layout/reftests/font-face/name-collision-ref.html
new file mode 100644
index 0000000000..d5f5d4106f
--- /dev/null
+++ b/layout/reftests/font-face/name-collision-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Font name collision test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<!-- 
+  Font family names in @font-face rules take precedence over locally-available font families,
+  so none of the names of commonly used platform fonts should match against locally available
+  fonts.
+-->
+
+<style type="text/css">
+
+@font-face {
+  font-family: fallback;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+body {
+  margin: 50px;
+  font-family: fallback;
+}
+
+table {
+  margin-left: 3em;
+}
+
+@font-face {
+  font-family: Sample;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.sample { font-family: Sample, fallback; }
+
+table {
+  font-family: Sample;
+}
+
+table td {
+  font-size: 24pt;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<p>All text below should appear in the same extra bold font face:</p>
+
+<table>
+<tr class="sample"><td>Sample</td></tr>
+<tr class="arial"><td>Arial</td></tr>
+<tr class="timesnewroman"><td>Times New Roman</td></tr>
+<tr class="couriernew"><td>Courier New</td></tr>
+<tr class="futura"><td>Futura</td></tr>
+<tr class="helvetica"><td>Helvetica</td></tr>
+<tr class="times"><td>Times</td></tr>
+<tr class="courier"><td>Courier</td></tr>
+<tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
+<tr class="dejavusans"><td>DejaVu Sans</td></tr>
+<tr class="freesans"><td>FreeSans</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-collision-with-prefs-font-ref.html b/layout/reftests/font-face/name-collision-with-prefs-font-ref.html
new file mode 100644
index 0000000000..b1d522f51e
--- /dev/null
+++ b/layout/reftests/font-face/name-collision-with-prefs-font-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Bug 668758 - @font-face disrupts font preferences</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: serif;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<p>
+This should be rendered using the default serif font.
+</p>
+
+<pre>
+And this is preformatted text that ought to be monospaced.
+</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-collision-with-prefs-font.html b/layout/reftests/font-face/name-collision-with-prefs-font.html
new file mode 100644
index 0000000000..0f90870dea
--- /dev/null
+++ b/layout/reftests/font-face/name-collision-with-prefs-font.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Bug 668758 - @font-face disrupts font preferences</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+/* none of these @font-face declarations should affect the rendering! */
+@font-face {
+  font-family: Times;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+@font-face {
+  font-family: Times New Roman;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+@font-face {
+  font-family: Tms Rmn;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+@font-face {
+  font-family: Droid Serif;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+@font-face {
+  font-family: Courier;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+@font-face {
+  font-family: Courier New;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+@font-face {
+  font-family: Droid Sans Mono;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+body {
+  margin: 50px;
+  font-family: serif;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<p>
+This should be rendered using the default serif font.
+</p>
+
+<pre>
+And this is preformatted text that ought to be monospaced.
+</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-collision.html b/layout/reftests/font-face/name-collision.html
new file mode 100644
index 0000000000..5bff99d433
--- /dev/null
+++ b/layout/reftests/font-face/name-collision.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Font name collision test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<!-- 
+  Font family names in @font-face rules take precedence over locally-available font families,
+  so none of the names of commonly used platform fonts should match against locally available
+  fonts.
+-->
+
+<style type="text/css">
+
+@font-face {
+  font-family: fallback;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+body {
+  margin: 50px;
+  font-family: fallback;
+}
+
+table {
+  margin-left: 3em;
+}
+
+@font-face {
+  font-family: Sample;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.sample { font-family: Sample, fallback; }
+
+/* Windows */
+
+@font-face {
+  font-family: Arial;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.arial { font-family: Arial, fallback; }
+
+@font-face {
+  font-family: Times New Roman;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.timesnewroman { font-family: Times New Roman, fallback; }
+
+@font-face {
+  font-family: Courier New;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.couriernew { font-family: Courier New, fallback; }
+
+/* Mac OS X */
+
+@font-face {
+  font-family: Futura;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.futura { font-family: Futura, fallback; }
+
+@font-face {
+  font-family: Helvetica;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.helvetica { font-family: Helvetica, fallback; }
+
+@font-face {
+  font-family: Times;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.times { font-family: Times, fallback; }
+
+@font-face {
+  font-family: Courier;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.courier { font-family: Courier, fallback; }
+
+/* Linux */
+
+@font-face {
+  font-family: Bitstream Vera Sans;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.bitstreamverasans { font-family: Bitstream Vera Sans, fallback; }
+
+@font-face {
+  font-family: DejaVu Sans;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.dejavusans { font-family: DejaVu Sans, fallback; }
+
+@font-face {
+  font-family: FreeSans;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.freesans { font-family: FreeSans, fallback; }
+
+table {
+  font-family: Sample;
+}
+
+table td {
+  font-size: 24pt;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<p>All text below should appear in the same extra bold font face:</p>
+
+<table>
+<tr class="sample"><td>Sample</td></tr>
+<tr class="arial"><td>Arial</td></tr>
+<tr class="timesnewroman"><td>Times New Roman</td></tr>
+<tr class="couriernew"><td>Courier New</td></tr>
+<tr class="futura"><td>Futura</td></tr>
+<tr class="helvetica"><td>Helvetica</td></tr>
+<tr class="times"><td>Times</td></tr>
+<tr class="courier"><td>Courier</td></tr>
+<tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
+<tr class="dejavusans"><td>DejaVu Sans</td></tr>
+<tr class="freesans"><td>FreeSans</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-override-1-ref.html b/layout/reftests/font-face/name-override-1-ref.html
new file mode 100644
index 0000000000..839132295d
--- /dev/null
+++ b/layout/reftests/font-face/name-override-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	body { font-family: "MarkD"; }
+
+	</style>
+</head>
+<body>
+
+<p>DBD</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-override-1.html b/layout/reftests/font-face/name-override-1.html
new file mode 100644
index 0000000000..3acdcc13e7
--- /dev/null
+++ b/layout/reftests/font-face/name-override-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Foobar";
+		src: url(../fonts/markA.ttf), url(../fonts/markC.ttf);
+	}
+
+	body { font-family: "Foobar"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-override-simple-1-ref.html b/layout/reftests/font-face/name-override-simple-1-ref.html
new file mode 100644
index 0000000000..86828aa0d2
--- /dev/null
+++ b/layout/reftests/font-face/name-override-simple-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	body { font-family: "MarkD"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABD</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/name-override-simple-1.html b/layout/reftests/font-face/name-override-simple-1.html
new file mode 100644
index 0000000000..cddde019dc
--- /dev/null
+++ b/layout/reftests/font-face/name-override-simple-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Foobar";
+		src: url(../fonts/markC.ttf);
+	}
+
+	body { font-family: "Foobar"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/order-1-ref.html b/layout/reftests/font-face/order-1-ref.html
new file mode 100644
index 0000000000..e2fab2c08f
--- /dev/null
+++ b/layout/reftests/font-face/order-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/order-1.html b/layout/reftests/font-face/order-1.html
new file mode 100644
index 0000000000..cca7d18b7c
--- /dev/null
+++ b/layout/reftests/font-face/order-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/order-2-ref.html b/layout/reftests/font-face/order-2-ref.html
new file mode 100644
index 0000000000..704a12014d
--- /dev/null
+++ b/layout/reftests/font-face/order-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "MarkD", "Mark2A"; }
+
+	</style>
+</head>
+<body>
+
+<p>DAC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/order-2.html b/layout/reftests/font-face/order-2.html
new file mode 100644
index 0000000000..b6e6ddbb80
--- /dev/null
+++ b/layout/reftests/font-face/order-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markB.ttf);
+	}
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2B.ttf);
+	}
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/order-3-ref.html b/layout/reftests/font-face/order-3-ref.html
new file mode 100644
index 0000000000..704a12014d
--- /dev/null
+++ b/layout/reftests/font-face/order-3-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "MarkD", "Mark2A"; }
+
+	</style>
+</head>
+<body>
+
+<p>DAC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/order-3.html b/layout/reftests/font-face/order-3.html
new file mode 100644
index 0000000000..e481792da1
--- /dev/null
+++ b/layout/reftests/font-face/order-3.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markB.ttf);
+	}
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/mark2B.ttf);
+	}
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/prop-order-over-rule-order-1a.html b/layout/reftests/font-face/prop-order-over-rule-order-1a.html
new file mode 100644
index 0000000000..9b92535e29
--- /dev/null
+++ b/layout/reftests/font-face/prop-order-over-rule-order-1a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "MarkA", "Mark2A"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/prop-order-over-rule-order-1b.html b/layout/reftests/font-face/prop-order-over-rule-order-1b.html
new file mode 100644
index 0000000000..2d3c8d34e7
--- /dev/null
+++ b/layout/reftests/font-face/prop-order-over-rule-order-1b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "Mark2A", "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/prop-order-over-rule-order-2a.html b/layout/reftests/font-face/prop-order-over-rule-order-2a.html
new file mode 100644
index 0000000000..e295844789
--- /dev/null
+++ b/layout/reftests/font-face/prop-order-over-rule-order-2a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "MarkA", "Mark2A"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/prop-order-over-rule-order-2b.html b/layout/reftests/font-face/prop-order-over-rule-order-2b.html
new file mode 100644
index 0000000000..6e44aae59e
--- /dev/null
+++ b/layout/reftests/font-face/prop-order-over-rule-order-2b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2A";
+		src: url(../fonts/mark2A.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	body { font-family: "Mark2A", "MarkA"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/reflow-sanity-1-data.html b/layout/reftests/font-face/reflow-sanity-1-data.html
new file mode 100644
index 0000000000..9d9338ad52
--- /dev/null
+++ b/layout/reftests/font-face/reflow-sanity-1-data.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>test @font-face reflow sanity</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: reflow1data;
+  src: url(data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTY6cdRkAAAYEAAAAHE9TLzJYu2JLAAABWAAAAGBjbWFwAHcGwgAAAcwAAAFKY3Z0IAAhAnkAAAMYAAAABGdhc3D//wADAAAF/AAAAAhnbHlmCC6aTwAAAygAAACMaGVhZBlhukkAAADcAAAANmhoZWEIkAV+AAABFAAAACRobXR4DH0AhQAAAbgAAAAUbG9jYQBUAJoAAAMcAAAADG1heHAASgA9AAABOAAAACBuYW1lUb1dGwAAA7QAAAIZcG9zdP/AAFgAAAXQAAAALAABAAAAAQAAsygR718PPPUACwPoAAAAANpUu4YAAAAA2lS7hgAh/5wFeAK8AAAACAACAAAAAAAAAAEAAAK8/5wAWgXcAAAAAAV4AAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFAAwAAwAAAAAAAgAAAAEAAQAAAEAALgAAAAAABATiAZAABQAAAooCvAAAAIwCigK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAABAAAAAAAAAAAAAAAAUGZFZACAACAAQQMg/zgAWgK8AGQAAAABAAAAAAAAArwAAAAgAAEBbAAhAAAAAAFNAAAD6AAABdwAZAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAgAEH//wAAACAAQf///+P/wwABAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACECeQAAACoAKgAqACoARgACACEAAAEqApoAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESczESMhAQnox8cCmv1mIQJYAAADAGT/nAV4ArwAAwAHAAsAAAE1IRUBNSEVATUhFQH0AfT9RAOE+7QFFAH0yMj+1MjI/tTIyAAAAAAADgCuAAEAAAAAAAAAKwBYAAEAAAAAAAEABQCQAAEAAAAAAAIABwCmAAEAAAAAAAMAIQDyAAEAAAAAAAQABQEgAAEAAAAAAAUAEAFIAAEAAAAAAAYABQFlAAMAAQQJAAAAVgAAAAMAAQQJAAEACgCEAAMAAQQJAAIADgCWAAMAAQQJAAMAQgCuAAMAAQQJAAQACgEUAAMAAQQJAAUAIAEmAAMAAQQJAAYACgFZAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMAA4AC0AMgAwADIAMAAgAE0AbwB6AGkAbABsAGEAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AAENvcHlyaWdodCAoYykgMjAwOC0yMDIwIE1vemlsbGEgQ29ycG9yYXRpb24AAE0AYQByAGsAQQAATWFya0EAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAHIAawBBACAAOgAgADIANwAtADEALQAyADAAMgAwAABGb250Rm9yZ2UgMi4wIDogTWFya0EgOiAyNy0xLTIwMjAAAE0AYQByAGsAQQAATWFya0EAAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAwACAAAFZlcnNpb24gMDAxLjAwMCAAAE0AYQByAGsAQQAATWFya0EAAAAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgADACQAAAAB//8AAgAAAAEAAAAA2fL+DAAAAADaVLuGAAAAANpUu4Y=);
+}
+
+@font-face {
+  font-family: reflow1data;
+  src: url(data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTY6cdRkAAAYEAAAAHE9TLzJYu2JMAAABWAAAAGBjbWFwBHkGvQAAAcwAAAFKY3Z0IAAhAnkAAAMYAAAABGdhc3D//wADAAAF/AAAAAhnbHlmCC6aTwAAAygAAACMaGVhZBlhukkAAADcAAAANmhoZWEIkAV+AAABFAAAACRobXR4DH0AhQAAAbgAAAAUbG9jYQBUAJoAAAMcAAAADG1heHAASgA9AAABOAAAACBuYW1lU75fHgAAA7QAAAIZcG9zdP/AAFkAAAXQAAAALAABAAAAAQAApyIN718PPPUACwPoAAAAANpUu4YAAAAA2lS7hgAh/5wFeAK8AAAACAACAAAAAAAAAAEAAAK8/5wAWgXcAAAAAAV4AAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFAAwAAwAAAAAAAgAAAAEAAQAAAEAALgAAAAAABATiAZAABQAAAooCvAAAAIwCigK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAABAAAAAAAAAAAAAAAAUGZFZACAACAAQgMg/zgAWgK8AGQAAAABAAAAAAAAArwAAAAgAAEBbAAhAAAAAAFNAAAD6AAABdwAZAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAgAEL//wAAACAAQv///+P/wgABAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACECeQAAACoAKgAqACoARgACACEAAAEqApoAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESczESMhAQnox8cCmv1mIQJYAAADAGT/nAV4ArwAAwAHAAsAAAE1IRUBNSEVATUhFQH0AfT9RAOE+7QFFAH0yMj+1MjI/tTIyAAAAAAADgCuAAEAAAAAAAAAKwBYAAEAAAAAAAEABQCQAAEAAAAAAAIABwCmAAEAAAAAAAMAIQDyAAEAAAAAAAQABQEgAAEAAAAAAAUAEAFIAAEAAAAAAAYABQFlAAMAAQQJAAAAVgAAAAMAAQQJAAEACgCEAAMAAQQJAAIADgCWAAMAAQQJAAMAQgCuAAMAAQQJAAQACgEUAAMAAQQJAAUAIAEmAAMAAQQJAAYACgFZAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMAA4AC0AMgAwADIAMAAgAE0AbwB6AGkAbABsAGEAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AAENvcHlyaWdodCAoYykgMjAwOC0yMDIwIE1vemlsbGEgQ29ycG9yYXRpb24AAE0AYQByAGsAQgAATWFya0IAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAHIAawBCACAAOgAgADIANwAtADEALQAyADAAMgAwAABGb250Rm9yZ2UgMi4wIDogTWFya0IgOiAyNy0xLTIwMjAAAE0AYQByAGsAQgAATWFya0IAAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAwACAAAFZlcnNpb24gMDAxLjAwMCAAAE0AYQByAGsAQgAATWFya0IAAAAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgADACUAAAAB//8AAgAAAAEAAAAA2fL+DAAAAADaVLuGAAAAANpUu4Y=);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: reflow1data;
+  src: url(data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTY6cdRkAAAYEAAAAHE9TLzJYu2JNAAABWAAAAGBjbWFwAH8GvAAAAcwAAAFKY3Z0IAAhAnkAAAMYAAAABGdhc3D//wADAAAF/AAAAAhnbHlmCC6aTwAAAygAAACMaGVhZBlhukkAAADcAAAANmhoZWEIkAV+AAABFAAAACRobXR4DH0AhQAAAbgAAAAUbG9jYQBUAJoAAAMcAAAADG1heHAASgA9AAABOAAAACBuYW1lVb9hIQAAA7QAAAIZcG9zdP/AAFoAAAXQAAAALAABAAAAAQAAqxQJ518PPPUACwPoAAAAANpUu4YAAAAA2lS7hgAh/5wFeAK8AAAACAACAAAAAAAAAAEAAAK8/5wAWgXcAAAAAAV4AAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFAAwAAwAAAAAAAgAAAAEAAQAAAEAALgAAAAAABATiAZAABQAAAooCvAAAAIwCigK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAABAAAAAAAAAAAAAAAAUGZFZACAACAAQwMg/zgAWgK8AGQAAAABAAAAAAAAArwAAAAgAAEBbAAhAAAAAAFNAAAD6AAABdwAZAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAgAEP//wAAACAAQ////+P/wQABAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACECeQAAACoAKgAqACoARgACACEAAAEqApoAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESczESMhAQnox8cCmv1mIQJYAAADAGT/nAV4ArwAAwAHAAsAAAE1IRUBNSEVATUhFQH0AfT9RAOE+7QFFAH0yMj+1MjI/tTIyAAAAAAADgCuAAEAAAAAAAAAKwBYAAEAAAAAAAEABQCQAAEAAAAAAAIABwCmAAEAAAAAAAMAIQDyAAEAAAAAAAQABQEgAAEAAAAAAAUAEAFIAAEAAAAAAAYABQFlAAMAAQQJAAAAVgAAAAMAAQQJAAEACgCEAAMAAQQJAAIADgCWAAMAAQQJAAMAQgCuAAMAAQQJAAQACgEUAAMAAQQJAAUAIAEmAAMAAQQJAAYACgFZAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMAA4AC0AMgAwADIAMAAgAE0AbwB6AGkAbABsAGEAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AAENvcHlyaWdodCAoYykgMjAwOC0yMDIwIE1vemlsbGEgQ29ycG9yYXRpb24AAE0AYQByAGsAQwAATWFya0MAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAHIAawBDACAAOgAgADIANwAtADEALQAyADAAMgAwAABGb250Rm9yZ2UgMi4wIDogTWFya0MgOiAyNy0xLTIwMjAAAE0AYQByAGsAQwAATWFya0MAAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAwACAAAFZlcnNpb24gMDAxLjAwMCAAAE0AYQByAGsAQwAATWFya0MAAAAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgADACYAAAAB//8AAgAAAAEAAAAA2fL+DAAAAADaVLuGAAAAANpUu4Y=);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: reflow1data;
+  src: url(data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTY6cdRkAAAYEAAAAHE9TLzJYu2JOAAABWAAAAGBjbWFwAH0KuwAAAcwAAAFKY3Z0IAAhAnkAAAMYAAAABGdhc3D//wADAAAF/AAAAAhnbHlmCC6aTwAAAygAAACMaGVhZBlhukkAAADcAAAANmhoZWEIkAV+AAABFAAAACRobXR4DH0AhQAAAbgAAAAUbG9jYQBUAJoAAAMcAAAADG1heHAASgA9AAABOAAAACBuYW1lV8BjJAAAA7QAAAIZcG9zdP/AAFsAAAXQAAAALAABAAAAAQAApxX9318PPPUACwPoAAAAANpUu4YAAAAA2lS7hgAh/5wFeAK8AAAACAACAAAAAAAAAAEAAAK8/5wAWgXcAAAAAAV4AAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFAAwAAwAAAAAAAgAAAAEAAQAAAEAALgAAAAAABATiAZAABQAAAooCvAAAAIwCigK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAABAAAAAAAAAAAAAAAAUGZFZACAACAARAMg/zgAWgK8AGQAAAABAAAAAAAAArwAAAAgAAEBbAAhAAAAAAFNAAAD6AAABdwAZAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAgAET//wAAACAARP///+P/wAABAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACECeQAAACoAKgAqACoARgACACEAAAEqApoAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESczESMhAQnox8cCmv1mIQJYAAADAGT/nAV4ArwAAwAHAAsAAAE1IRUBNSEVATUhFQH0AfT9RAOE+7QFFAH0yMj+1MjI/tTIyAAAAAAADgCuAAEAAAAAAAAAKwBYAAEAAAAAAAEABQCQAAEAAAAAAAIABwCmAAEAAAAAAAMAIQDyAAEAAAAAAAQABQEgAAEAAAAAAAUAEAFIAAEAAAAAAAYABQFlAAMAAQQJAAAAVgAAAAMAAQQJAAEACgCEAAMAAQQJAAIADgCWAAMAAQQJAAMAQgCuAAMAAQQJAAQACgEUAAMAAQQJAAUAIAEmAAMAAQQJAAYACgFZAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMAA4AC0AMgAwADIAMAAgAE0AbwB6AGkAbABsAGEAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AAENvcHlyaWdodCAoYykgMjAwOC0yMDIwIE1vemlsbGEgQ29ycG9yYXRpb24AAE0AYQByAGsARAAATWFya0QAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAHIAawBEACAAOgAgADIANwAtADEALQAyADAAMgAwAABGb250Rm9yZ2UgMi4wIDogTWFya0QgOiAyNy0xLTIwMjAAAE0AYQByAGsARAAATWFya0QAAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAwACAAAFZlcnNpb24gMDAxLjAwMCAAAE0AYQByAGsARAAATWFya0QAAAAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgADACcAAAAB//8AAgAAAAEAAAAA2fL+DAAAAADaVLuGAAAAANpUu4Y=);
+  font-weight: bold;
+  font-style: italic;
+}
+
+div#test {
+  font-family: reflow1data;
+  font-size: 400%;
+  line-height: 1em;
+}
+
+div#test p {
+  margin: 0;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+<div id=test>
+<p>A</p>
+<p style="font-weight: bold">B</p>
+<p style="font-style: italic">C</p>
+<p style="font-style: italic; font-weight: bold">D</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/reflow-sanity-1-ref.html b/layout/reftests/font-face/reflow-sanity-1-ref.html
new file mode 100644
index 0000000000..c173a519b3
--- /dev/null
+++ b/layout/reftests/font-face/reflow-sanity-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>test @font-face reflow sanity</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: reflow1ref;
+  src: url(../fonts/markA.ttf);
+}
+
+div#test {
+  font-family: reflow1ref;
+  font-size: 400%;
+  line-height: 1em;
+}
+
+div#test p {
+  margin: 0;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+<div id=test>
+<p>A</p>
+<p>A</p>
+<p>A</p>
+<p>A</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/reflow-sanity-1.html b/layout/reftests/font-face/reflow-sanity-1.html
new file mode 100644
index 0000000000..2206483f3f
--- /dev/null
+++ b/layout/reftests/font-face/reflow-sanity-1.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>test @font-face reflow sanity</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: reflow1;
+  src: url(../fonts/markA.ttf);
+}
+
+@font-face {
+  font-family: reflow1;
+  src: url(../fonts/markB.ttf);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: reflow1;
+  src: url(../fonts/markC.ttf);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: reflow1;
+  src: url(../fonts/markD.ttf);
+  font-weight: bold;
+  font-style: italic;
+}
+
+div#test {
+  font-family: reflow1;
+  font-size: 400%;
+  line-height: 1em;
+}
+
+div#test p {
+  margin: 0;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+<div id=test>
+<p>A</p>
+<p style="font-weight: bold">B</p>
+<p style="font-style: italic">C</p>
+<p style="font-style: italic; font-weight: bold">D</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/reflow-sanity-delay-1-metrics.html b/layout/reftests/font-face/reflow-sanity-delay-1-metrics.html
new file mode 100644
index 0000000000..0ea0d88951
--- /dev/null
+++ b/layout/reftests/font-face/reflow-sanity-delay-1-metrics.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>test @font-face reflow sanity</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: reflow1metrics;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=2500&test=delay-1-metrics);
+}
+
+@font-face {
+  font-family: reflow1metrics;
+  src: url(../fonts/markfonts-delay.sjs?font=markB&delay=2200&test=delay-1-metrics);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: reflow1metrics;
+  src: url(../fonts/markfonts-delay.sjs?font=markC&delay=200&test=delay-1-metrics);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: reflow1metrics;
+  src: url(../fonts/markfonts-delay.sjs?font=markD&delay=900&test=delay-1-metrics);
+  font-weight: bold;
+  font-style: italic;
+}
+
+div#test {
+  font-family: reflow1metrics;
+  font-size: 400%;
+  line-height: 1em;
+}
+
+div#test p {
+  margin: 0;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+<div id=test>
+<p style="font-family: reflow1metrics, cursive;">A</p>
+<p style="font-family: reflow1metrics, fantasy; font-weight: bold">B</p>
+<p style="font-family: reflow1metrics, monospace; font-style: italic">C</p>
+<p style="font-family: reflow1metrics, sans-serif; font-style: italic; font-weight: bold">D</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/reflow-sanity-delay-1a.html b/layout/reftests/font-face/reflow-sanity-delay-1a.html
new file mode 100644
index 0000000000..741a14a76f
--- /dev/null
+++ b/layout/reftests/font-face/reflow-sanity-delay-1a.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>test @font-face reflow sanity</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: reflow1a;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=100&test=delay-1a);
+}
+
+@font-face {
+  font-family: reflow1a;
+  src: url(../fonts/markfonts-delay.sjs?font=markB&delay=1000&test=delay-1a);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: reflow1a;
+  src: url(../fonts/markfonts-delay.sjs?font=markC&delay=1500&test=delay-1a);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: reflow1a;
+  src: url(../fonts/markfonts-delay.sjs?font=markD&delay=2000&test=delay-1a);
+  font-weight: bold;
+  font-style: italic;
+}
+
+div#test {
+  font-family: reflow1a;
+  font-size: 400%;
+  line-height: 1em;
+}
+
+div#test p {
+  margin: 0;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+<div id=test>
+<p>A</p>
+<p style="font-weight: bold">B</p>
+<p style="font-style: italic">C</p>
+<p style="font-style: italic; font-weight: bold">D</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/reflow-sanity-delay-1b.html b/layout/reftests/font-face/reflow-sanity-delay-1b.html
new file mode 100644
index 0000000000..f49250c34a
--- /dev/null
+++ b/layout/reftests/font-face/reflow-sanity-delay-1b.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>test @font-face reflow sanity</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: reflow1b;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=2500&test=delay-1b);
+}
+
+@font-face {
+  font-family: reflow1b;
+  src: url(../fonts/markfonts-delay.sjs?font=markB&delay=500&test=delay-1b);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: reflow1b;
+  src: url(../fonts/markfonts-delay.sjs?font=markC&delay=1100&test=delay-1b);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: reflow1b;
+  src: url(../fonts/markfonts-delay.sjs?font=markD&delay=100&test=delay-1b);
+  font-weight: bold;
+  font-style: italic;
+}
+
+div#test {
+  font-family: reflow1b;
+  font-size: 400%;
+  line-height: 1em;
+}
+
+div#test p {
+  margin: 0;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+<div id=test>
+<p>A</p>
+<p style="font-weight: bold">B</p>
+<p style="font-style: italic">C</p>
+<p style="font-style: italic; font-weight: bold">D</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/reflow-sanity-delay-1c.html b/layout/reftests/font-face/reflow-sanity-delay-1c.html
new file mode 100644
index 0000000000..dd5e102083
--- /dev/null
+++ b/layout/reftests/font-face/reflow-sanity-delay-1c.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>test @font-face reflow sanity</title>
+<meta charset="utf-8">
+<style>
+body { margin: 20px }
+
+@font-face {
+  font-family: markA;
+  src: url(../fonts/markfonts-delay.sjs?font=markA&delay=2500&test=delay-1c);
+}
+
+@font-face {
+  font-family: markB;
+  src: url(../fonts/markfonts-delay.sjs?font=markB&delay=500&test=delay-1c);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: markC;
+  src: url(../fonts/markfonts-delay.sjs?font=markC&delay=1100&test=delay-1c);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: markD;
+  src: url(../fonts/markfonts-delay.sjs?font=markD&delay=100&test=delay-1c);
+  font-weight: bold;
+  font-style: italic;
+}
+
+div#test {
+  font-family: markA;
+  font-size: 400%;
+  line-height: 1em;
+}
+
+div#test p {
+  margin: 0;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+<div id=test>
+<p style="font-family: marka, markb, markc, markd;">A</p>
+<p style="font-family: marka, markb, markc, markd; font-weight: bold">B</p>
+<p style="font-family: marka, markb, markc, markd; font-style: italic">C</p>
+<p style="font-family: marka, markb, markc, markd; font-style: italic; font-weight: bold">D</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/reftest.list b/layout/reftests/font-face/reftest.list
new file mode 100644
index 0000000000..920a53a4d0
--- /dev/null
+++ b/layout/reftests/font-face/reftest.list
@@ -0,0 +1,249 @@
+!= download-1.html download-1-notref.html
+== download-2.html download-2-ref.html
+!= download-2.html about:blank
+random-if(winWidget||gtkWidget) == download-2-big.html download-2-big-otf.html # bug 470713
+!= download-2-big-otf.html about:blank
+asserts-if(Android&&!asyncPan,1-8) != download-3-notref.html download-3.html # bug 1019192
+asserts-if(Android,0-8) == download-3-ref.html download-3.html # same bugs as above
+asserts-if(Android,0-8) == fallback-to-system-1.html fallback-to-system-1-ref.html # just delayed assertions from above tests
+== name-override-simple-1.html name-override-simple-1-ref.html
+!= name-override-simple-1.html download-1-notref.html
+fails == name-override-1.html name-override-1-ref.html
+== multiple-descriptor-1.html multiple-descriptor-1-ref.html
+!= multiple-descriptor-1.html multiple-descriptor-1-notref.html
+== src-list-1.html src-list-1-ref.html
+== src-list-2.html src-list-2-ref.html
+random-if(winWidget||gtkWidget) == src-list-2-big-otf.html src-list-2-big-ref.html # bug 470713
+== src-list-format-1.html src-list-format-1-ref.html
+== src-list-format-2.html src-list-format-2-ref.html
+== src-list-format-4.html src-list-format-1-ref.html
+== src-list-format-5.html src-list-format-2-ref.html
+== src-list-format-7.html src-list-format-3-ref.html
+fails-if(Android) == src-list-local-full.html src-list-local-full-ref.html
+fails-if(Android) == src-list-local-full-quotes.html src-list-local-full-ref.html
+== src-list-local-fallback.html src-list-local-fallback-ref.html
+
+# data url tests (these don't need the HTTP server)
+== src-list-data-1.html src-list-data-ref.html
+== src-list-data-2.html src-list-data-ref.html
+== src-list-data-3.html src-list-data-ref.html
+== src-list-data-4.html src-list-data-ref.html
+
+# load with data url vs. font data load
+== src-list-actual-font-ref.html src-list-data-1.html
+
+# localized full fontnames should *not* match, only English ones (need locale-invariant key)
+skip == src-list-local-localized.html src-list-local-localized-ref.html # 486787, 486497
+
+# postscript name lookup
+# fontconfig only supports postscript name lookup from 2.10.92, Android not supported
+fails-if(Android) random-if(gtkWidget) == src-list-local-ps.html src-list-local-full-ref.html
+# Mac-specific test of 100 weight faces
+random-if(!cocoaWidget) == helveticaneue-ultra.html helveticaneue-ultra-ref.html
+
+== order-1.html order-1-ref.html
+== order-2.html order-2-ref.html
+== order-3.html order-3-ref.html
+== multiple-in-family-1.html multiple-in-family-1-ref.html
+== multiple-in-family-1b.html multiple-in-family-1-ref.html
+!= multiple-in-family-1.html multiple-in-family-1-notref.html
+== prop-order-over-rule-order-1a.html prop-order-over-rule-order-2a.html
+== prop-order-over-rule-order-1b.html prop-order-over-rule-order-2b.html
+!= prop-order-over-rule-order-1a.html prop-order-over-rule-order-1b.html
+== cross-iframe-1.html cross-iframe-1-ref.html
+
+# unicode-range
+== unicoderange-1.html unicoderange-1-ref.html
+== unicoderange-2.html unicoderange-2-ref.html
+== unicoderange-3.html unicoderange-3-ref.html
+== unicoderange-4.html unicoderange-4-ref.html
+
+# Dynamic changes
+# we need to skip these because of the bug that's causing order-2.html to fail
+== enable-sheet-1.html enable-sheet-1-ref.html
+skip == enable-sheet-2.html multiple-in-family-1-ref.html
+skip == enable-sheet-3.html multiple-in-family-1-ref.html
+== enable-sheet-4.html enable-sheet-4-ref.html
+== enable-sheet-5.html enable-sheet-4-ref.html
+skip == enable-sheet-6.html multiple-in-family-1-ref.html
+skip == enable-sheet-7.html multiple-in-family-1-ref.html
+== disable-sheet-1.html disable-sheet-1-ref.html
+# We're missing disable-sheet-{2,3,6,7} (analogs to
+# enable-sheet{2,3,6,7}) because I don't know how to detect test
+# completion for those cases.
+== disable-sheet-4.html disable-sheet-4-ref.html
+== disable-sheet-5.html disable-sheet-4-ref.html
+== sheet-set-base-1.html sheet-set-base-1-ref.html
+== sheet-set-switch-1.html sheet-set-switch-1-ref.html
+== insert-rule-1a.html insert-rule-1-ref.html
+== insert-rule-1b.html insert-rule-1-ref.html
+== delete-rule-1.html delete-rule-1-ref.html
+== media-query-add-1.html media-query-add-1-ref.html
+== media-query-remove-1.html media-query-remove-1-ref.html
+!= media-query-add-1-ref.html media-query-remove-1-ref.html
+
+== ahem-metrics-1.html ahem-metrics-1-ref.html
+== ex-unit-1.html ex-unit-1-ref.html
+== ex-unit-1-dynamic.html ex-unit-1-ref.html
+
+== local-1.html local-1-ref.html
+== local-styled-1.html local-styled-1-ref.html
+
+== synthetic-weight-style.html synthetic-weight-style-ref.html
+== synthetic-variations.html synthetic-variations-ref.html
+
+# Leak test
+load 486974-1.html
+
+# compare fonts with and without bad head checksum
+== load-badchecksum.html load-badchecksum-ref.html
+
+# @font-face names take precedence over names of platform fonts (bug 494360)
+== name-collision.html name-collision-ref.html
+== name-collision-bad-url.html name-collision-bad-url-ref.html
+
+== name-collision-with-prefs-font.html name-collision-with-prefs-font-ref.html # bug 668758
+== load-badfullname.html load-badfullname-ref.html
+
+# 507960-1-* : a collection of tests using DeLarge from openfontlibrary.org
+# check that the original DeLarge face (ttf) loads; if this fails,
+# none of the following tests are meaningful
+!= 507960-1-nofont.html 507960-1-ref.html
+# check that the WOFF version loads, with and without a format hint
+== 507960-1-woff.html 507960-1-ref.html
+== 507960-1-woff-hint.html 507960-1-ref.html
+# try damaged fonts that should still load (bad checksums)
+== 507960-1-bad-checksums-ttf.html 507960-1-ref.html
+== 507960-1-bad-checksums-woff.html 507960-1-ref.html
+# try versions that should NOT load (bad offsets, signatures, hint)
+!= 507960-1-bad-sfnt-version-ttf.html 507960-1-ref.html
+!= 507960-1-bad-sfnt-version-woff.html 507960-1-ref.html
+!= 507960-1-bad-woff-sig.html 507960-1-ref.html
+!= 507960-1-bad-offset-woff.html 507960-1-ref.html
+!= 507960-1-woff-bad-hint.html 507960-1-ref.html
+
+# Tests for bug 523717
+== underline-offset-change-1.html underline-offset-change-1-ref.html
+== underline-offset-change-2.html underline-offset-change-2-ref.html
+!= underline-offset-change-1-ref.html underline-offset-change-2-ref.html
+
+!= 534352-1-extra-cmap-sentinel.html 534352-1-extra-cmap-sentinel-ref.html
+== bug533251.html bug533251-ref.html
+
+# Bug 875287
+== font-familiy-whitespace-1.html font-familiy-whitespace-1-ref.html
+!= font-familiy-whitespace-1.html font-familiy-whitespace-1-notref.html
+
+skip-if(Android) == ivs-1.html ivs-1-ref.html # Android bug 1250229
+skip-if(Android) == cjkcisvs-1.html cjkcisvs-1-ref.html # Android bug 1250229, Bug 1392106
+
+== missing-names.html missing-names-ref.html
+
+# Tests for bug 670900 - handling of 404 (not found) error in @font-face URL
+# (using Chunkfive font data returned from a .sjs file)
+HTTP(..) == font-error-404-1.html font-error-404-1-ref.html # HTTP status 404, don't load
+HTTP(..) == font-error-404-2.html font-error-404-2-ref.html # HTTP status 200, load # random on win7, see bug 1786796 comment 9
+HTTP(..) != font-error-404-1.html font-error-404-2.html # sanity-check that the results differ
+
+# Font load redirection
+HTTP(..) == font-redirect.html order-1-ref.html
+
+# Tests for potential regressions from bug 879963
+== dynamic-duplicate-rule-1a.html dynamic-duplicate-rule-1-ref.html
+== dynamic-duplicate-rule-1b.html dynamic-duplicate-rule-1-ref.html
+== dynamic-duplicate-rule-1c.html dynamic-duplicate-rule-1-ref.html
+
+# Test for COLR and CPAL support
+fuzzy-if(OSX,198-198,172-172) == color-1a.html color-1-ref.html
+!= color-1a.html color-1-notref.html
+fuzzy-if(OSX,198-198,172-172) == color-1b.html color-1-ref.html
+== color-2a.html color-2-ref.html
+!= color-2a.html color-2-notref.html
+
+# COLRv1 (enhanced color font) format
+# Comparing COLRv1 glyph rendering to CSS backgrounds we can expect "fuzz" in lots of gradients
+# and along antialiased diagonals, etc., but the differences are barely perceptible to the eye.
+# These are skipped on Win7 because lack of font-variation support means the COLR table
+# in the test font CAhem.ttf will be dropped.
+defaults pref(gfx.font_rendering.colr_v1.enabled,true)
+fuzzy(0-64,0-200) == colrv1-01.html#A colrv1-01-ref.html#A
+fuzzy(0-32,0-200) == colrv1-01.html#B colrv1-01-ref.html#B
+fuzzy(0-8,0-10100) == colrv1-01.html#C colrv1-01-ref.html#C
+fuzzy(0-64,0-600) == colrv1-01.html#D colrv1-01-ref.html#D
+fuzzy(0-64,0-398) == colrv1-01.html#E colrv1-01-ref.html#E
+fuzzy(0-64,0-398) == colrv1-01.html#F colrv1-01-ref.html#F
+fuzzy(0-64,0-596) == colrv1-01.html#G colrv1-01-ref.html#G
+fuzzy(0-64,0-596) == colrv1-01.html#H colrv1-01-ref.html#H
+fuzzy(0-64,0-10100) == colrv1-01.html#I colrv1-01-ref.html#I
+fuzzy(0-64,0-6806) == colrv1-01.html#J colrv1-01-ref.html#J
+fuzzy(0-1,0-748) == colrv1-01.html#K colrv1-01-ref.html#K
+fuzzy(0-67,0-9494) == colrv1-01.html#L colrv1-01-ref.html#L
+fuzzy(0-64,0-3578) == colrv1-01.html#M colrv1-01-ref.html#M
+fuzzy(0-64,0-6116) == colrv1-01.html#N colrv1-01-ref.html#N
+fuzzy(0-80,0-5491) == colrv1-01.html#O colrv1-01-ref.html#O
+fuzzy(0-112,0-300) == colrv1-01.html#P colrv1-01-ref.html#P
+fuzzy(0-149,0-484) == colrv1-01.html#Q colrv1-01-ref.html#Q
+fuzzy(0-214,0-461) == colrv1-01.html#R colrv1-01-ref.html#R
+fuzzy(0-255,0-373) == colrv1-01.html#S colrv1-01-ref.html#S
+fuzzy(0-255,0-290) == colrv1-01.html#T colrv1-01-ref.html#T
+
+fuzzy(0-1,0-1) == colrv1-03.html colrv1-03-ref.html
+fuzzy(0-1,0-1800) fuzzy-if(Android,0-64,0-37100) == colrv1-04.html colrv1-04-ref.html
+fuzzy-if(Android,8-8,1484-1484) == colrv1-05.html colrv1-05-ref.html
+fuzzy(0-1,0-291) == colrv1-06.html colrv1-06-ref.html
+fuzzy(0-128,0-264) == colrv1-07.html colrv1-07-ref.html
+== colrv1-08.html colrv1-08-ref.html
+== colrv1-09.html colrv1-09-ref.html
+defaults
+
+# Check that the tech(color-COLRv1) function responds to whether COLRv1 support is enabled.
+defaults pref(layout.css.font-tech.enabled,true)
+pref(gfx.font_rendering.colr_v1.enabled,true) == colrv1-02.html colrv1-02a-ref.html
+pref(gfx.font_rendering.colr_v1.enabled,false) == colrv1-02.html colrv1-02b-ref.html
+defaults
+
+== woff2-1.html woff2-1-ref.html
+== woff2-totalsfntsize.html woff2-totalsfntsize-ref.html
+
+# sanity tests for reflow behavior with downloadable fonts
+HTTP(..) == reflow-sanity-1.html reflow-sanity-1-ref.html # random on win7, see bug 1786796 comment 9
+HTTP(..) == reflow-sanity-1-data.html reflow-sanity-1-ref.html
+HTTP(..) == reflow-sanity-1.html reflow-sanity-1-data.html
+HTTP(..) == reflow-sanity-delay-1a.html reflow-sanity-1-ref.html
+HTTP(..) == reflow-sanity-delay-1b.html reflow-sanity-1-ref.html
+HTTP(..) == reflow-sanity-delay-1c.html reflow-sanity-1-ref.html
+HTTP(..) == reflow-sanity-delay-1-metrics.html reflow-sanity-1-ref.html
+
+HTTP(..) == bug-1481905-cancel-load.html bug-1481905-cancel-load-ref.html
+
+# font-display, with the timeouts extended so that slow (debug) builds have a better chance to keep up
+pref(gfx.downloadable_fonts.fallback_delay,10000) pref(gfx.downloadable_fonts.fallback_delay_short,1000) HTTP(..) == font-display-1.html font-display-1-ref.html # normal font load (~500ms), bug 1392106
+HTTP(..) == font-display-2.html font-display-2-ref.html # font load takes 4500ms
+
+# Testing hack for Meiryo
+== meiryo-en.html meiryo-ja.html
+== meiryo-en-bold.html meiryo-ja-bold.html
+== meiryo-en-italic.html meiryo-ja-italic.html # Bug 1392106
+== meiryo-en-oblique.html meiryo-ja-oblique.html # Bug 1392106
+== meiryo-en-bolditalic.html meiryo-ja-bolditalic.html # Bug 1392106
+!= meiryo-en-bold.html meiryo-en.html
+!= meiryo-en-italic.html meiryo-en.html
+!= meiryo-en-oblique.html meiryo-en.html
+!= meiryo-en-bolditalic.html meiryo-en.html
+!= meiryo-en-bolditalic.html meiryo-en-bold.html
+
+# test support of variation-font format hints
+defaults pref(layout.css.font-variations.enabled,false)
+== variation-format-hint-1a.html variation-format-hint-1A-ref.html
+== variation-format-hint-1b.html variation-format-hint-1A-ref.html
+== variation-format-hint-1c.html variation-format-hint-1A-ref.html
+== variation-format-hint-1d.html variation-format-hint-1A-ref.html
+defaults pref(layout.css.font-variations.enabled,true)
+# Currently Windows 7 and macOS all fail on 
+# treeherder because our OS versions are too old to support variation fonts
+== variation-format-hint-1a.html variation-format-hint-1B-ttf-ref.html
+== variation-format-hint-1b.html variation-format-hint-1B-otf-ref.html
+== variation-format-hint-1c.html variation-format-hint-1B-woff-ref.html
+== variation-format-hint-1d.html variation-format-hint-1B-woff2-ref.html
+
+defaults
diff --git a/layout/reftests/font-face/resize-detector-iframe.html b/layout/reftests/font-face/resize-detector-iframe.html
new file mode 100644
index 0000000000..e0a87413f5
--- /dev/null
+++ b/layout/reftests/font-face/resize-detector-iframe.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>Resize-notifying IFRAME</title>
+	<script type="application/ecmascript">
+
+	var gTarget;
+
+	/* the test is done after the next resize */
+	function arm() {
+		gTarget = -1;
+		window.addEventListener("resize", got_resize);
+	}
+
+	/* the test is done after the next resize to wider than the current width */
+	function arm_for_wider() {
+		gTarget = window.innerWidth;
+		window.addEventListener("resize", got_resize);
+	}
+
+	function got_resize() {
+		if (window.innerWidth > gTarget) {
+			// Remove the class="reftest-wait" from the top window
+			window.top.document.documentElement.removeAttribute("class");
+		}
+	}
+
+	</script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/font-face/restore-size-detector-iframe.html b/layout/reftests/font-face/restore-size-detector-iframe.html
new file mode 100644
index 0000000000..ef3daa2f56
--- /dev/null
+++ b/layout/reftests/font-face/restore-size-detector-iframe.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>Resize-notifying IFRAME</title>
+	<script type="application/ecmascript">
+
+	var gTarget;
+
+	/*
+	 * the test is done after the width becomes narrower (immediately)
+	 * and then comes back to the same size.  However, the two things
+	 * might happen at once.
+	 */
+	function arm() {
+		gTarget = window.innerWidth;
+		window.addEventListener("resize", got_resize);
+		setTimeout(got_resize, 200);
+	}
+
+	function got_resize() {
+		if (window.innerWidth == gTarget) {
+			gTarget = -1;
+			// Remove the class="reftest-wait" from the top window
+			window.top.document.documentElement.removeAttribute("class");
+		}
+	}
+
+	</script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/font-face/sheet-set-base-1-ref.html b/layout/reftests/font-face/sheet-set-base-1-ref.html
new file mode 100644
index 0000000000..03109f278e
--- /dev/null
+++ b/layout/reftests/font-face/sheet-set-base-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkD"; }
+
+	</style>
+</head>
+<body>
+
+<p>DBC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/sheet-set-base-1.html b/layout/reftests/font-face/sheet-set-base-1.html
new file mode 100644
index 0000000000..f0b10b3c91
--- /dev/null
+++ b/layout/reftests/font-face/sheet-set-base-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css" title="Set A">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css" title="Set B">
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	body { font-family: "MarkA", "MarkB"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/sheet-set-switch-1-ref.html b/layout/reftests/font-face/sheet-set-switch-1-ref.html
new file mode 100644
index 0000000000..86525231a0
--- /dev/null
+++ b/layout/reftests/font-face/sheet-set-switch-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2D";
+		src: url(../fonts/mark2D.ttf);
+	}
+
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+
+	body { font-family: "Mark2D", "MarkB"; }
+
+	</style>
+</head>
+<body>
+
+<p>ADB</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/sheet-set-switch-1.html b/layout/reftests/font-face/sheet-set-switch-1.html
new file mode 100644
index 0000000000..243cd29f4f
--- /dev/null
+++ b/layout/reftests/font-face/sheet-set-switch-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css" title="Set A">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	</style>
+	<style type="text/css" title="Set B">
+
+	@font-face {
+		font-family: "Mark2B";
+		src: url(../fonts/mark2B.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkC";
+		src: url(../fonts/markC.ttf);
+	}
+
+	body { font-family: "MarkA", "Mark2B", "MarkC"; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.selectedStyleSheetSet = "Set B";
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-1-ref.html b/layout/reftests/font-face/src-list-1-ref.html
new file mode 100644
index 0000000000..660046dd14
--- /dev/null
+++ b/layout/reftests/font-face/src-list-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	body { font-family: "MarkD"; }
+
+	</style>
+</head>
+<body>
+
+<p>DBC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-1.html b/layout/reftests/font-face/src-list-1.html
new file mode 100644
index 0000000000..c968a00314
--- /dev/null
+++ b/layout/reftests/font-face/src-list-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf), url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-2-big-otf.html b/layout/reftests/font-face/src-list-2-big-otf.html
new file mode 100644
index 0000000000..98b4b8ee71
--- /dev/null
+++ b/layout/reftests/font-face/src-list-2-big-otf.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.otf), url(../fonts/markB.otf);
+	}
+
+	body { font-family: "One"; font-size: 50px; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-2-big-ref.html b/layout/reftests/font-face/src-list-2-big-ref.html
new file mode 100644
index 0000000000..ce855b7040
--- /dev/null
+++ b/layout/reftests/font-face/src-list-2-big-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	body { font-family: MarkD; font-size: 50px; }
+
+	</style>
+</head>
+<body>
+
+<p>DBC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-2-ref.html b/layout/reftests/font-face/src-list-2-ref.html
new file mode 100644
index 0000000000..02316eaace
--- /dev/null
+++ b/layout/reftests/font-face/src-list-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	body { font-family: MarkD; }
+
+	</style>
+</head>
+<body>
+
+<p>DBC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-2.html b/layout/reftests/font-face/src-list-2.html
new file mode 100644
index 0000000000..5cfb307ae1
--- /dev/null
+++ b/layout/reftests/font-face/src-list-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf), url(../fonts/markB.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-actual-font-ref.html b/layout/reftests/font-face/src-list-actual-font-ref.html
new file mode 100644
index 0000000000..a12ab9dcd0
--- /dev/null
+++ b/layout/reftests/font-face/src-list-actual-font-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/loadtest.ttf);
+}
+
+body {
+  margin: 20px;
+  font-size: 100px;
+  font-family: test;
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-data-1.html b/layout/reftests/font-face/src-list-data-1.html
new file mode 100644
index 0000000000..f313f48697
--- /dev/null
+++ b/layout/reftests/font-face/src-list-data-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(data:font/opentype;base64,AAEAAAARAQAABAAQRkZUTVsSEWAAAJ+4AAAAHEdERUYAJwDlAACf1AAAAB5HU1VCDlgOGAAAn/QAAABiT1MvMpP6Q0QAAAGYAAAAYGNtYXBJlAL1AAAFeAAAAlpjdnQgEIcRvwAAC4wAAABGZnBnbQ+0L6cAAAfUAAACZWdhc3AAAAAQAACfsAAAAAhnbHlmIlooQgAADZgAAIxIaGVhZPuNuY8AAAEcAAAANmhoZWENaQTiAAABVAAAACRobXR4XGQ3gAAAAfgAAAN+bG9jYdufulYAAAvUAAABwm1heHAB/QGYAAABeAAAACBuYW1lSPlt7wAAmeAAAAM8cG9zdIn/7pAAAJ0cAAACknByZXDMcRRIAAAKPAAAAU4AAQAAAAEAAFbFikZfDzz1AB8IAAAAAADK4Sh3AAAAAMuERqr/vv4ABjcHcQAAAAgAAgAAAAAAAAABAAAHcf3YAAAGbP++/74GNwABAAAAAAAAAAAAAAAAAAAA3wABAAAA4ABWAAUAAAAAAAIAAQACABYAAAEAAT4AAAAAAAICNgGQAAUAAAWaBTMAAAEfBZoFMwAAA9EAZgIAAAAAAAAAAAAAAAAAgAAAJ0AAAEoAAAAAAAAAAHB5cnMAQAAg+wIF4f3hAAAHcQIoAAAAAQAAAAAEYAXhAAAAIAACATsAAAAAAAACqQAAATsAAAGDAEoBSQA5BNAAMQK0ACUD6QA3A1YAMQE1AC0CMQBCAjEAKQKlAEoEJABKATUALQG8AEoBQQA1AtAACALUAEQB2wAZAtsANwKuAC0CrAAZAsAASgK8AEICTQAIArgANQK8ADkBagBKAWoASgQiAEoEIgBKBCIASgKFABkDaABCAv0AFALpAFICxABEAvkAUgJ0AFICaABSAuEAQwMKAFIBgQBSAacADAMAAFICXABSA98AUgMoAFIC1ABEAtAAUgLZAEQC4wBSAr4AJQKHAAQC7QBQAswAEgQMABkC4QAQArwADgJyABQCGgBSAxgACAIaADkETQA1BLoASgQAASUCqQAxAq4AUgKFAEICrgBKApMAQgHbABQCvAAMArIAUgFyAFIBbP/TAoEAUgFyAFID/QBSArIAUgKRAD8CrgBSAq4ASgH3AFICdgAlAfUAFAKyAE4CWgAQA4kAFAJqABACegAZAhQADAKwAD0BZABSArAAOQUAAHEBOwAAAYMASgJ8AEIDMQAEAtAAGQQAARAGbAA1AbwASgZsADUEAAE5BAABmgDXAAAEAAGqAoUAKQL9ABQC/QAUAv0AFAL9ABQC/QAUAv0AFARLABACxABEAnQAUgJ0AFICdABSAnQAUgGR//oBkQBSAXL/vgF0/8sC+QAUAygAUgLUAEQC1ABEAtQARALUAEQC1ABEAtQAOwLtAFAC7QBQAu0AUALtAFACwAAQAtQAUgLdAEICqQAxAqkAMQKpADECqQAxAqkAMQKpADED3QAxAoUAQgKTAEICkwBCApMAQgKTAEIBcv/fAXIAUgFy/74BdP/LAqEATAKyAFICkQA/ApEAPwKRAD8CkQA/ApEAPwKRAD8CsgBOArIATgKyAE4CsgBOAnoAGQKuAFICegAZAXIAUgJ0ACkB1AAfA9cARAPjAD8CvgAlAnYAJQLAABACcgAUAhQADAP9AQQD/QEEBAABHwP9AZgD/QFmBAABXAQAATkEAADXA7gAAAdwAAADuAAAB3AAAAJ6AAAB2wAAAT0AAAE9AAAA7QAAAXwAAABoAAABvABKAbwASgG8AEoDJgBKA8wASgE1ADEBNQAtATUALQJwADUCcAA1AnAANQKXAFIDxAA1AXwAAAHbAAADLQA1A6kASgMIAEoEYAAAAwQAFAAUAAAAAAADAAAAAwAAABwAAQAAAAABVAADAAEAAAAcAAQBOAAAAEQAQAAFAAQAQABMAH4AowClAKkArwC0ALgA1gD2AP8BMQFCAVMBYQF4AX4CxwLdIAogFCAaIB4gIiAmIC8gXyCsISIiEuAA+wL//wAAACAAQQBNAKAApQCoAK0AtAC3AL8A2AD4ATEBQQFSAWABeAF9AsYC2CAAIBAgGCAcICIgJiAvIF8grCEiIhLgAPsB////4wAA/+P/wv/B/7//vP+4/7b/sP+v/67/ff9u/1//U/89/zn98v3i4MDgu+C44LfgtOCx4KngeuAu37neyiDdBd0AAQAAAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAJQAmACcAKAAzACoAKwA2AC0ALgBWAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiNEJSYnKDMqKzYtLlYwMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYQB0dXd5gYaLkI+Rk5KUlpiXmZqcm52eoKKho6WkqKepqgAAZGUA1gCOamjbbGcAdocAAAAAZgAAAAAAAAAAAJWmb2MAAAAAAAAA12Jwc4Wxss7P09TQ0QAArbUA2gAA3t8AbdLVAHJ6cXt4fX5/fIOEAIKJioiuuL5ruru8br+9uQAAsAAssAATS7AqUFiwSnZZsAAjPxiwBitYPVlLsCpQWH1ZINSwARMuGC2wASwg2rAMKy2wAixLUlhFI1khLbADLGkYILBAUFghsEBZLbAELLAGK1ghIyF6WN0bzVkbS1JYWP0b7VkbIyGwBStYsEZ2WVjdG81ZWVkYLbAFLA1cWi2wBiyxIgGIUFiwIIhcXBuwAFktsAcssSQBiFBYsECIXFwbsABZLbAILBIRIDkvLbAJLCB9sAYrWMQbzVkgsAMlSSMgsAQmSrAAUFiKZYphILAAUFg4GyEhWRuKimEgsABSWDgbISFZWRgtsAossAYrWCEQGxAhWS2wCywg0rAMKy2wDCwgL7AHK1xYICBHI0ZhaiBYIGRiOBshIVkbIVktsA0sEhEgIDkvIIogR4pGYSOKIIojSrAAUFgjsABSWLBAOBshWRsjsABQWLBAZTgbIVlZLbAOLLAGK1g91hghIRsg1opLUlggiiNJILAAVVg4GyEhWRshIVlZLbAPLCMg1iAvsAcrXFgjIFhLUxshsAFZWIqwBCZJI4ojIIpJiiNhOBshISEhWRshISEhIVktsBAsINqwEistsBEsINKwEistsBIsIC+wBytcWCAgRyNGYWqKIEcjRiNhamAgWCBkYjgbISFZGyEhWS2wEywgiiCKhyCwAyVKZCOKB7AgUFg8G8BZLbAULLMAQAFAQkIBS7gQAGMAS7gQAGMgiiCKVVggiiCKUlgjYiCwACNCG2IgsAEjQlkgsEBSWLIAIABDY0KyASABQ2NCsCBjsBllHCFZGyEhWS2wFSywAUNjI7AAQ2MjLQAAALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWACwBCBFsAMrRLAJIEWyBHkCK7ADK0SwCCBFsglPAiuwAytEsAcgRbIIOgIrsAMrRLAGIEWyByUCK7ADK0SwBSBFsgYQAiuwAytEsAogRbIEmAIrsAMrRLALIEWyCi8CK7ADK0SwDCBFsgsuAiuwAytEsA0gRbIMGgIrsAMrRAGwDiBFsAMrRLARIEWyDhkCK7EDRnYrRLAQIEWyEQ8CK7EDRnYrRLAPIEWyED8CK7EDRnYrRLASIEW6AA5//wACK7EDRnYrRLATIEWyElQCK7EDRnYrRLAUIEWyEzYCK7EDRnYrRLAVIEWyFA4CK7EDRnYrRLAWIEWyFQoCK7EDRnYrRLAXIEWyFgkCK7EDRnYrRLAYIEWyFwcCK7EDRnYrRFmwFCsAAP5/AAAEYAXhAMMAYACiAKwAtAC6AMsA2wDjAPIAzwBeAHsAoADPAN0A5QE1AaoB+gJKAJoA0gCcAJ4A2QClALwAkAB2AEoAAAAAAAAAAAAAAAAANABSASgBogJiAwoDMgNoA54D0gQUBDoEWAR4BKwFDAVCBZQGPgaKBwIHeAekCDAIpgjQCP4JHAk+CVwJrApMCpAK/gtyC7wL9gwqDLAM5g0EDTYNng3EDkAOkA7wDzIPphAEEIAQsBD2ESwRihJMEooSvhLqEx4TUBNwE4gTohQkFH4U0hUuFaAV7BayFvYXIBdkF6wXyhg2GHgY6BlCGZwZzhpKGpga3BsSG5QcGBxaHJAc8B0KHWodsh2yHeYeNB7kH3QfoiBeIHwhQiFgIXwhmiHAIhoiaCK4IxgjkiP+JIYk/iWAJcomFiZwJsom9CccJ1InjifyKH4o6ClUKc4qYCrsK6gr6CwoLHws6i0kLWwt3i5sLvovmDBMMPAxsDJ6MuIzYjPgNHA1BDUmNUY1djW0Njg2sjcgN4w4CjigOSg6BjpYOqo7DDtuO7g8FDx+PJw83j0SPXw+MD7EP1g/tD/+QEhAbkCWQMhA6kEwQW5BrEHYQdhB2EHYQdhB2EHYQdhB2EHYQdhB2EH2QhRCMkJQQmhCkEK4Qt5DJENuQ7ZD4EQYRBhEGETERTRFUEVeRcBGJAAAAAIASgAAATkF4QADAAcAQACyBAEAK7EFDOmyAAMAKwGwCC+wBNawADKxBxPpsAEyswIHBAgrsQMQ6bADL7ECEOmxCQErALEABRESsAI5MDETMwMjAzUzFUrvN4Er1wXh+7X+auPjAAAAAQA5A7oBEAXhAAMAHwCyAAMAK7QDDQAIBCsBsAQvsAPWsQIR6bEFASsAMDETMwMjOdcemgXh/dkAAAAAAgAxAAAEoAXhABsAHwE7ALIaAQArshUWGTMzM7IHAwArsggLDDMzM7QAARoHDSuzAhEcHSQXM7EABOmzFBcYGyQXMrQFBBoHDSuzAxAeHyQXM7EFBOmzBgkKDSQXMgGwIC+wGtaxGQ7psBkQsQcBK7EIDumwCBCxFgErsRUO6bAVELELASuxDA7psSEBK7A2Gro/WvbqABUrCro/a/dlABUrCrAaELMCGgcTK7MDGgcTK7MGGgcTK7AZELMJGQgTK7AWELMKFgsTK7AVELMNFQwTK7MQFQwTK7MRFQwTK7MUFQwTK7AWELMXFgsTK7AZELMYGQgTK7AaELMbGgcTK7AZELMcGQgTK7AWELMdFgsTK7MeFgsTK7AZELMfGQgTKwNAEAIDBgkKDRARFBcYGxwdHh8uLi4uLi4uLi4uLi4uLi4usEAaADAxEzczEyM3MxMzAyETMwMzByMDMwcjAyMTIQMjEzchEyExG8YlxBrFOcU5AQQ5xTrBG8Alvhq/O8U8/vs7xTzfAQQl/vwBtsMBAsIBpP5cAaT+XML+/sP+SgG2/koBtsMBAgABACX/KQKPBlwAMwBeAAGwNC+wENaxHQ7psAAg1hGxAQ7psB0QsTEBK7ASMrEwEOmwFDKwMBCxBQErsBgysS0O6bAXMrE1ASuxEAARErAzObEdARESsAI5sTAxERKwCjmxLQURErAnOQAwMRM3FhcyNzQuBCcuAjUSNzUzFRYTByYmBwYHFB4EFx4HFQIHFSM1JiXADHVYBREWKxk3CERCSwTTe8kiwAYsK1AEERQtFzsJBjUULxUhDgwE8XvsAWYNugG5HT0xSCJMDFxjuE4BJTGDfRf+/Rk5RgICoB0/LUohVAoKTBxKKUY1RB7+rh/Z3SkABQA3//ADtAXyABQAGAAmADsARwCrALIVAQArsjgBACu0PgUANQQrshYDACuyBwMAK7QiBQA0BCu0Qy44Bw0rtEMFADMEK7QbEjgHDSu0GwUAMwQrAbBIL7AA1rEZEOmwGRCxHgErsQwQ6bAMELEnASuxPBDpsDwQsUABK7EyEOmxSQErsRkAERKxAxU5ObAeEbMSBxsiJBc5sAwSsQ4YOTmxPCcRErEWKjk5sEARsjguQzk5ObAyErEXNDk5ADAxExE0PgMzMhYXFxEUDgMjIicTATMBAwYzMjY1NRE2IyIGFRUBETQ+AzMyFxcRFA4DIyImJzcGFzInETYjIgYVFTcCER5CLUZQBAQCER5ALYEbYwIpg/3ddQQpEBMCJRITAcUCEB9BLn0cBAIQHz8tSFAEdwQpJQMCJBITA48BtQYYPC8lWCsr/ksGGD4tJ4f8mgXh+h8DjzcdDA4BtTcbDg77WgG0Bhk9LSeHKf5MBhk7MCRWLSs5AToBtDcaDw4AAwAx//ADLQXyACMALgA8AJUAsiIBACuwHTOxJwTpsg0DACuxOQfpAbA9L7AF1rEvDumwLxCwJCDWEbEADumwAC+xJA7psC8QsTMBK7QRDgA3BCuzFxEzCCuxGBHpsBwysT4BK7EkBRESsQMiOTmxMy8RErMNJysTJBc5sBcRsxUgISkkFzmxGBERErAaOQCxJyIRErAgObA5EbUAAxMcKzEkFzkwMRM0NjcmNTU0PgQzMhcWBxQDFhc2NxcGBxYXFSImJwYgJjcWFjMyNyYnDgITFBc2NyY2LgIjIgYVMVhSagoQKThaOcsxDgLNTEghDrAQTDclF348e/7+rtUCNys7QlhWBhAdKzdkAQIECA8gGScnATtzx3vh2RIMRD5MNyXXPTSi/vCub2BzIdWRPw3rS0CLwpRCVFaLnAoldgMib4ecYAIbLSkfTCUAAAAAAQAtA/QBBAXhAAYALgCyAwMAK7QADQAJBCsBsAcvsADWsAIysQUT6bEFE+mxCAErsQUAERKwATkAMDETEyM1MxUDLUhI13ED9AEK4+P+9gABAEL+1wIIBjUAFwATAAGwGC+wAdaxDQ7psRkBKwAwMRIQEjY2NzcXDgMCEBIWFhcXBy4DQjtYVh0eogojWkQ3NUxMGxqiDCdkTgH2AR4BK+C4Ly9UDjWwvf7h/ub+5caeJydUEkDL0wAAAAABACn+1wHwBjUAFwATAAGwGC+wBtaxEg7psRkBKwAwMRc+AxIQAiYmJyc3HgMSEAIGBgcHKQojWkQ3NUxMGhuiDCdkTkA8WFYdHtUONrC6AR8BGgEbx58nJ1QSQMzR/s7+4v7V37cvLwAAAAABAEoD5wJcBeEADgAqALIDAwArtAwNAAkEK7AKMgGwDy+wANaxBxfpsRABKwCxAwwRErALOTAxEzcXJzMHNxcHFwcnByc3SiukE5oTpCusc4NOTINzBOOURrCwRpQiilCYmFCKAAAAAAEASgEvA9sEjwALAFIAsAAvsAczsQEH6bAFMrIAAQors0AACgkrsgEACiuzQAEDCSsBsAwvsArWsAIysQkR6bAEMrIJCgors0AJBwkrsgoJCiuzQAoACSuxDQErADAxEzUhETMRIRUhESMRSgFyrAFz/o2sAomsAVr+pqz+pgFaAAAAAAEALf72AQQA4wAGACwAsAUvtAENAAkEKwGwBy+wBdawADKxAxPpsQMT6bEIASuxAwURErAGOQAwMTM1MxUDIxMt13FmSOPj/vYBCgABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABADUAAAEMAOMAAwApALIAAQArsQEM6bIAAQArsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDEzNTMVNdfj4wAAAQAI/20CyQXhAAMASQCyAQMAK7ACMwGwBC+wANaxAxHpsAMQsQEBK7ECEemxBQErsDYaujzd7DcAFSsKBLABELAAwLACELADwAKxAAMuLrBAGgEAMDEXATMBCAIfov3nkwZ0+YwAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAABABkAAAGJBeEACwA+ALIKAQArsgcDACu0AQAKBw0rtAEGABsEKwGwDC+wCtaxCRPpsgoJCiuzQAoACSuxDQErsQkKERKwBzkAMDETNT4DNzczESMRGTNWMyMGBoXdBJyNCi0zMBAO+h8EnAABADcAAAKPBfIAFABdALIAAQArsRIL6bIPAwArsQkK6bIJDwors0AJDAkrAbAVL7AM1rAAMrELE+mwCxCxBwErsRAT6bATMrEWASuxCwwRErADObAHEbASOQCxEgARErABObAJEbAQOTAxMzU+AxI3NCIVFSM1ECAREAEhFTcOMn9iVAKT3gJO/qYBXtsXTeTVAQ5nuLhpaQGF/on+sP2w2wAAAAEALf/wAnkF8gBAAKcAshcBACuxIQTpsiEXCiuzQCEdCSuyBgMAK7E9BOmyPQYKK7NAPUAJK7QvLhcGDSuxLwnpAbBBL7AC1rEAHTIysUAO6bAeMrBAELEjASuxERPpsBEQsAwg1hGxNhPpsDYvsQwT6bFCASuxQAIRErIbLi85OTmwNhG1FwYhKSo9JBc5sCMSsCc5sAwRsQ8mOTkAsS4hERKwETmwLxGwDzmwPRKwDDkwMRM0PgMzMh4DFRAHBxYRFA4DIyIuAzUzFhYzMjY1NDYuBScjNT4FPQI0LgIjIgYHLQQfOW9QTnI3IQZqAn8GITdzTlBwPCMG2QIfKy0ZAgIGDRgjNyMTJTMnFwwGAgwfGCkXAgQvRlqNVEI+UGg3F/7dagJk/sYZQ4NlTT9YiWM/lmplWhJgHUYWKw8QArgCCxIZIi0dPistL0UhYp4AAAACABkAAAKgBeEACgAQAFgAsgkBACuyAgMAK7QKCwkCDSuwBDOxCgTpsAYyAbARL7AJ1rAMMrEIDumwAzKyCAkKK7NACAYJK7IJCAors0AJAAkrsRIBKwCxCwoRErABObACEbAOOTAxEzUBMxEzFSMRIxEnMxE1IwcZAUPdZ2fKmpoNDAFIwgPX/CnC/rgBSMIB1y0tAAAAAAEASv/wAosF4QAlAIEAsiABACuxBQTpsgUgCiuzQAUACSuyEAMAK7ETC+m0GAsgEA0rsRgK6bILGAors0ALDwkrAbAmL7AP1rAAMrEUDumwDjKyFA8KK7NAFBIJK7APELECE+mwFBCxCAErsR4T6bEnASuxFA8RErAkObEIAhESsCA5ALEYCxESsBQ5MDETMxUUFjMyNjURNAciBhUjESEVIRE+AhcyHgIVERAhIi4DSt0dJiUfRiE1ugIX/qgIGkQZTm4rDv7fTm47IQgBtjtzWFpvAVBvAVAeAxjb/scGEh0CUHdSHv6w/nc7VIVoAAIAQv/wAoMF8gAdACoAawCyGgEAK7EhBOmyAwMAK7EJBOmyCQMKK7NACQYJK7QPKBoDDSuxDwfpAbArL7AA1rEeE+mwDDKwHhCxJAErsAYysRUT6bAEMrEsASuxHgARErAaObAkEbAPObAVErAZOQCxDygRErANOTAxExEQJBEVIzQmIyIGFRE2MzIeAhURFA4CIi4CFxQWMzI2NRE0JiIGB0ICQd0XLSccOzNQay0OEDR+vX8zEN0jIB8lJT0jAgE1A1gBZAH+m16iYEpa/vQlSHJZK/7NKVZ5TU15VhgUMDETAcISMikVAAAAAQAIAAACNQXhAAYANACyBQEAK7IBAwArsQAL6QGwBy+wBdaxBBTpsgQFCiuzQAQDCSuxCAErsQQFERKwBjkAMDETNSEVAyMTCAIt3eXhBQbb3fr8BQYAAAMANf/wAoMF8gAhAC0AOAB4ALIdAQArsSUK6bIMAwArsTYE6bQxLB0MDSuxMQvpAbA5L7AF1rAAMrEuE+mxIhPpsC4QsSkBK7AzMrEXE+mwETKxOgErsSIFERKyAwgdOTk5sC4RsAs5sCkSsgwlLDk5ObAXEbIPFBw5OTkAsTEsERKxFAM5OTAxEzU0NyY1NTQ+AzIeAxUVFAcWFRUUDgMiLgM3FhYzMjY2NTQmIgYTFBYyNjU0JiMiBjVzZgQgNnKcczUhBGdzBCE5d6R3OSEE1wIfLyUjCBtqGw8YUhkZKSUaAUKwvG1mrn8XNWpQPj5QajUXf65mbbywGTdvUkFBUm83cX9hPFJSmHJyAi5/ZGR/cV5YAAACADn/8AJ7BfIAHQAqAGsAsh0BACuxBQTpsgUdCiuzQAUBCSuyFgMAK7EnBOm0CyEdFg0rsQsH6QGwKy+wANawEDKxAhPpsB4ysAIQsQgBK7AjMrEbE+mxLAErsQIAERKwFTmwCBGwCzmwGxKwFjkAsSELERKwCTkwMRM1MxQWMzI2NREGIyIuAjURND4CMh4CFREQIBMUFjI2NxE0JiMiBhU53hYtJx07NFBqLQ8RM3+8fzMR/b7eJD4jAiMhHyQBVF6iYEpaARslR3NYKwElKVZ5Tk55Vin8qP6cA0kSMSkUAbsULzESAAAAAAIASgAAASEEYAADAAcALwCyAAEAK7EBDOmyBQIAK7EEDOkBsAgvsADWsAQysQMT6bAGMrEDE+mxCQErADAxMzUzFQM1MxVK19fX4+MDfePjAAAAAAIASv72ASEEYAAGAAoAMACyCAIAK7EHDOkBsAsvsAXWsQAHMjKxAxPpsAkysQMT6bEMASuxAwURErAGOQAwMTM1MxUDIxMDNTMVStdxZkdH1+Pj/vYBCgN94+MAAQBKAK4D2QUEAAYAEwABsAcvsADWsQQO6bEIASsAMDETNQEVAQEVSgOP/UYCugKJoAHbx/6c/pzHAAAAAgBKAd0D2QQMAAMABwAaALAAL7EBB+mwBC+xBQfpAbAIL7EJASsAMDETNSEVATUhFUoDj/xxA48B3aysAYOsrAAAAAABAEoArgPZBQQABgATAAGwBy+wAtaxBg7psQgBKwAwMTc1AQE1ARVKArr9RgOPrscBZAFkx/4loAAAAAACABkAAAJcBewAHwAjAC0AsgUDACuxHATpAbAkL7AS1rAgMrERDumwITKwERCxGQsrsQoO6bElASsAMDETPgMXHgMVFAcOAhURIxE0NjY3Njc2JiMmBgcDMzUjGQwrTHRCUnA0FFAnJDC+MS8pKwoGIicvRg4E19cE7CFHXDwDAj9kUidSiT9AlkX/AAEAZrpeRkgpG0MCYjH7aOMAAAAAAgBC//ADLwXyAC0ANwCkALIpAQArsSQG6bIGAwArsR4H6bQRMCkGDSu0EQYAGwQrtBY1KQYNK7QWBgAbBCsBsDgvsADWtCEOADcEK7AhELETASuxLhHpsC4QsTIBK7AaMrQLDgA3BCuxOQErsRMhERKxBR45ObAuEbMRFiQpJBc5sDISswYNHSYkFzmwCxGwJzkAsSQpERKwJzmwERGwJjmwMBKxCw05ObEWNRESsBo5MDETETQ+AjIeAhURIycOAiMiNRE0MzIWFxc1NCYiBhURFBYzMjcXBiMiLgIBFDMyNRE0IyIVQiJOnNWbTiOkFAQPOyORkSM5CwpayVpYZnUzmG3TapxOIgHVLzExLwEvA3krZm9KSm9mK/znOAgXJawB5aoiERAtM2trM/yHNWQ/Vo9HbWIBNzU1Acc1NQACABQAAALpBeEABwANAEsAsgABACuwAzOyAQMAK7QGCAABDSuxBgzpAbAOL7AA1rEHE+mwBxCxBAErsQMT6bEPASuxBAcRErMCAQgJJBc5ALEBCBESsAs5MDEzEyETIwMjAxMzAycjBxTkAQ7j1ynVKEeYQAYMBgXh+h8BM/7NAh0B2ycnAAAAAwBSAAACuAXhABAAGwAnAGcAshABACuxEQvpsgIDACuxJwvptBwbEAINK7EcCukBsCgvsADWsRET6bAcMrARELEVASuwITKxDhTpsQUO6bEpASuxFRERErAQObAFEbAIOQCxGxERErAOObAcEbAIObAnErAFOTAxMxEzMhYVFAYHHgQVEAUnMjc2NTQuAiMjNTI+AzQuAyNSws3HO04GFDYpIP6qM0ojNyE7JRsIFxY6IB0dIDoWFwXhttlqikMCDzdMiVT+YgzbHzeSUmglCMsCEidSd1InEgIAAAEARP/wApEF8gAtAGYAsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwLi+wANaxGBPpsBgQsR8BK7AOMrEjDumwDDKxLwErsRgAERKxBik5ObAfEbIHFSg5OTmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJ0QEHjh5p3k4HgICzgIECw4jGkYIBCcjKSvOBB44ead5OB4CATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyAAAAACAFIAAAK4BeEAEQAdADoAshEBACuxEgvpsgIDACuxHQvpAbAeL7AA1rESE+mwEhCxFgErsQsU6bEfASsAsR0SERKxCgk5OTAxMxEzMh4FEA4FIzcyNzYRNDQ1ECcmI1KuWn9iPicSBgYSJz5if1ovdRgXFxl0BeEYK1xjtK7+5a6yYlwrGd1RSwFBGzkbAUJJUAAAAQBSAAACTAXhAAsARQCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwDC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysQ0BKwAwMTMRIRUhETMVIxEhFVIB+v7jzc0BHQXh4/518v5i4wAAAAABAFIAAAJgBeEACQBAALIAAQArsgEDACuxBAzptAUIAAENK7EFDOkBsAovsADWsQkT6bAEMrIJAAors0AJAwkrs0AJBwkrsQsBKwAwMTMRIRUhETMVIxFSAg7+z83NBeHj/nXk/XEAAAEAQ//wApEF8gAsAIsAsiQBACuyJwEAK7EbBOmyBwMAK7ETC+myEwcKK7NAEw4JK7QgIScHDSuxIAnpAbAtL7AA1rEXE+mwFxCxHgErsA4ysSMT6bAMMrAjELEgFemwIC+xLgErsRcAERKwBjmwIBGyExonOTk5sB4SsRIbOTmwIxGxByU5OQCxGyQRErAlObAgEbArOTAxExE0PgMyHgIXFxUjNTQmJiIGFQcRFBYWMjY1NxEjNSERIycGIyInJjU0RAQeOHmneTgeAgLdAiVFJQICJUUlAlgBNYMaRmbLLwsBNQN3DC1xVkZEXmAjIefnDCU+OBod/HcMJT44Gh0BELv9EkhY1TApDAABAFIAAAK4BeEACwA/ALIAAQArsAczsgEDACuwBTO0AwoAAQ0rsQMM6QGwDC+wANaxCxPpsAIysAsQsQgBK7AEMrEHE+mxDQErADAxMxEzETMRMxEjESMRUt2s3d2sBeH9kgJu+h8Cj/1xAAABAFIAAAEvBeEAAwAhALIAAQArsgEDACsBsAQvsADWsQMT6bEDE+mxBQErADAxMxEzEVLdBeH6HwAAAAABAAz/8AFgBeEADwAsALIAAQArsQEL6bIIAwArAbAQL7AH1rEKE+myBwoKK7NABwAJK7ERASsAMDEXNTIWPgI1ETMRFAcGJyIMBBEpHhvdT0aYEw7ZAgYSMyUEqPs2iVRKAQAAAQBSAAAC7AXhABEAjQCyAAEAK7EKCzMzsgEDACuwBzMBsBIvsADWsRET6bACMrARELELASuxChPpsRMBK7A2GrrBmfHKABUrCg6wCxCwDcCwChCwCcCwDRCzDA0LEyuyDA0LIIogiiMGDhESOQCyCQwNLi4uAbIJDA0uLi6wQBoBsQsRERKwBzmwChGwCDkAsQEAERKwBDkwMTMRMxEVMzcTMwMTIwMnIwcHEVLdCAu418vm2JkGBg0zBeH+CxkZAfX+EfwOAo8fH3v97AAAAAEAUgAAAlQF4QAFACwAsgABACuxAwrpsgEDACsBsAYvsADWsQMT6bIDAAors0ADBQkrsQcBKwAwMTMRMxEhFVLdASUF4frszQAAAAABAFIAAAONBeEAFQCsALIAAQArsQkPMzOyAQMAK7AHMwGwFi+wANaxFQ7psBUQsRABK7EPD+mwDxCxCgErsQkO6bEXASuwNhq6wJn3SAAVKwoOsBIQsBHAsQMb+bAEwLo/gfgQABUrCg6wBRCwBsCxDhz5sA3AALcDBAUGDQ4REi4uLi4uLi4uAbcDBAUGDQ4REi4uLi4uLi4usEAaAbEQFRESsAI5sQoPERKwBzkAsQEAERKwDDkwMTMRIRMXMzcTIREjETUjBwMjAycjFRFSAQ6DCwQKgwEOzA0IjV6OCAwF4f1QUFACsPofA7JAQPxOA7JAQPxOAAEAUgAAAtcF4QAPAGYAsgABACuwCTOyAQMAK7AHMwGwEC+wANaxDw7psAIysA8QsQUBK7AKMrEJDumxEQErsDYausJH7xMAFSsKDrAMELALwLEDGfmwBMAAswMECwwuLi4uAbMDBAsMLi4uLrBAGgEAMDEzETMTFzM1ETMRIwMnIxURUsXXEgzLxdcSDAXh/PBGRgMQ+h8DEEZG/PAAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAACAFIAAAK0BeEACAAPAEoAsgABACuyAgMAK7EPDOm0BwkAAg0rsQcM6QGwEC+wANaxCBPpsAkysAgQsQwBK7EFE+mxEQErALEJBxESsAU5sQIPERKwBDkwMTMRMzIWEAYjEREyNjU0JiNS3abf36ZmQEJkBeHT/iHV/aYDO1uBg2YAAAACAET/jQK8BfIAGwArAGIAshYBACuxIAvpsxEgFggrsRIJ6bIHAwArsSgL6QGwLC+wANaxHBPpsBwQsSMBK7ENE+mxLQErsRwAERKxBho5ObAjEbAWObANErIHDxQ5OTkAsREWERKwFDmwIBGwDzkwMRMRND4DMh4CFxcRFAcWFxUiJwYjIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAi0hN6BDNzhUeDgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iV5YKwq9dRJDYF8gIwwlPTcdGgN3DCU+OBodAAAAAgBSAAACugXhAAsAFQBuALIAAQArsQcIMzOyAgMAK7EVC+kBsBYvsADWsQsT6bAMMrALELERASuwCDKxBA7psQcT6bEXASuwNhq6wQb0mAAVKwoOsAgQsAnAsAcQsAbAALEGCS4uAbEGCS4usEAaAQCxFQARErEEDDk5MDEzETMgERAHEyMDIxERMj4CNC4CI1LdAXl7jd1zOx8rOx8fOysfBeH+Tv7+VP0nAnv9hQNICidimGInCgAAAAABACX/7wKaBfIAMwBmALIuAQArsQMK6bISAwArsR0K6QGwNC+wD9axHxPpsAAg1hGxARPpsB8QsQUBK7AbMrEsE+mwGjKxNQErsR8BERKwCjmwBRGyAxQdOTk5sCwSsCc5ALEdAxEStQABDxobLCQXOTAxEzcQMzI3NC4DJy4CNTQ2NzIzMhceAhUHNCMGFxQeBhceAhUQJSIuAyXZaFoBES8bTwlCST+PkQUFWD5COxnZWUwBCAwZECcSMAhKPUj+zFJ4RCcMAaYU/wCmHT1WKXUOYHyuS4vUAiMlgX1KFNkClBIrIzMdOxtDDW9itEz+hQEzTHpxAAEABAAAAoMF4QAHADoAsgYBACuyAQMAK7EADOmwAzIBsAgvsAbWsQUT6bIFBgors0AFAwkrsgYFCiuzQAYACSuxCQErADAxEzUhFSMRIxEEAn/R3QT+4+P7AgT+AAAAAAEAUP/wAp4F4QAXAD8AshMBACuxBwvpsgEDACuwCzMBsBgvsADWsQMT6bADELEKASuxDRPpsRkBK7EDABESsBM5sQ0KERKwEjkAMDETETMRFBYWMjY1NxEzERQOAyIuAidQ3QIlRiQD3QQfN3moeTcfAgE1BKz7VAwlPTcdGgSs+1QMLXFWRUNgXyAAAQASAAACugXhAAkAPQCyCQEAK7IAAwArsAYzAbAKL7AA1rEBE+mwARCxBgErsQcT6bELASuxBgERErEICTk5ALEACRESsAM5MDETMxMXMzcTMwMjEtdvCA0Ibtfl3QXh/MVAQAM7+h8AAAAAAQAZAAAD9AXhABUAaQCyFQEAK7AOM7IAAwArsQYMMzMBsBYvsADWsQEO6bABELEGASuxBxHpsAcQsQwBK7ENDumxFwErsQEAERKwFTmwBhGwFDmwBxKxERI5ObAMEbAPObANErAOOQCxABURErIDCRE5OTkwMRMzExczNxMzExczNxMzAyMDJyMHAyMZzFgFEAZeoF4GEQRYzcusZg0IDGesBeH88jExAw788jExAw76HwLJWFj9NwAAAAABABAAAALRBeEAEQE+ALIAAQArsgsMETMzM7ICAwArsgMICTMzMwGwEi+wANawAjKxERPpsAMysBEQsQwBK7AIMrELE+mwCTKxEwErsDYaujz/7KEAFSsKusL17MYAFSsKusMT7GgAFSsLsAIQswECDBMrsQIMCLAAELMBAAgTK7rDEOxxABUrC7ADELMEAwsTK7o87exoABUrC7AAELMHAAgTK7rDEOxxABUrC7ADELMKAwsTK7EDCwiwERCzChEJEyu6wxPsaAAVKwuwAhCzDQIMEyu6PO3saAAVKwuwERCzDxEJEyuzEBEJEyuyBwAIIIogiiMGDhESObIQEQkREjmwDzmyBAMLIIogiiMGDhESObINAgwREjkAtgEEBwoNDxAuLi4uLi4uAbYBBAcKDQ8QLi4uLi4uLrBAGgEAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEPTw2ngHCAZ52fD02X8ECAV/AxcCyv6DEhIBff02/OkBwRIS/j8AAQAOAAACrgXhAAsASACyCgEAK7IAAwArsAYzAbAML7AA1rEBE+mwARCxCgErsQkT6bAJELEGASuxBxPpsQ0BK7EJChESsQMEOTkAsQAKERKwAzkwMRMzExczNxMzAxEjEQ7ZbwYEBm/Z4d0F4f4fDg4B4fyg/X8CgQAAAAEAFAAAAl4F4QAJADsAsgABACuxBwvpsgQDACuxAwvpAbAKL7EAASuxCRjpsAUysQsBK7EJABESsAc5ALEDBxESsQEGOTkwMTM1ASE1IRUBIRUUAVv+1wIY/qABYO4EGNvb+9XbAAAAAQBS/ysB4QXhAAgAMwCyBQEAK7EIBOmyAQMAK7EEBOkBsAkvsAjWsQcW6bACMrEFDumxBhbpsAMysQoBKwAwMRcRIRUjETMVIVIBj8rK/nEQBfHE+tPFAAEACP9MAxAGnAADAE0AAbAEL7AA1rEBEemwARCxAwErsQIR6bEFASuwNhq6wyHsOwAVKwoEsAAusAIusAAQsQEZ+bACELEDGfkCswABAgMuLi4usEAaAQAwMRMzASMIogJmqAac+LAAAQA5/ysByQXhAAgAPACyAAEAK7EIBOmyBAMAK7EDBOkBsAkvsAjWsAMysQcW6bAHELEBDumwAS+wBxCxABbpsAAvsQoBKwAwMRczESM1IREVITnLywGQ/nAQBS3E+g/FAAAAAAEANQMpBBkF4QAGABUAsgEDACuxBQbpAbAHL7EIASsAMDETATMBIwEBNQF96gF9x/7V/tUDKQK4/UgCH/3hAAABAEr+ugRx/2YAAwAXALADL7EAB+mxAAfpAbAEL7EFASsAMDEXIRUhSgQn+9marAABASUFGQJmBdEAAwAaALADL7EBCekBsAQvsADWsQIV6bEFASsAMDEBMxcjASXXap8F0bgAAgAx//ACaARxACUALQCAALIdAQArsiMBACuxKArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSgF6QGwLi+wANaxJg7psBEg1hGxEA7psCYQsR8BK7EGKzIysRoO6bEvASuxJhERErAjObEfEBESsgUVIDk5ObAaEbAdOQCxCigRErMAGBosJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJjcUFzI2NREGMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4u2gBJx0BHz4AAAACAFL/8AJkBeEAEQAdAFkAsgABACuyDAEAK7EVBOmyAQMAK7IFAgArsRsE6QGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVABESsBA5sQUbERKwAzkwMTMRMxE2MzIWFREUBiMiJicnFTUUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJwXh/jZailH9NVKJLRYXSvYdJycdAnQdJysZAAABAEL/7wJUBHEAGwBUALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsBwvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysR0BK7EUDxESsAM5ADAxExEQITIWFRUjNTQmIyIHERQzMjY1NTMVFAYjBEIBCImBzxgjOQE6IxjPgYn++AE7AeoBTI60WIczJ1r9pFonM5xttI0BAAACAEr/8AJcBeEAEQAdAFkAsgwBACuyDwEAK7EVBOmyCQMAK7IEAgArsRsE6QGwHi+wANaxEg7psBIQsQwBK7EIFzIysQsO6bEfASuxEgARErEEDzk5ALEVDBESsA05sQQbERKwCDkwMTcRNDYzMhYXFxEzESM1BiMiJjcUFjI2NRE0JiIGFUpSTSFSGRjPz1hMTlHPIC0nJy0gywLLUoktFxYByvofSlqJfR0nJx0CdBkrJx0AAAAAAgBC//ACWARxACQALwBZALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxKwjptCUNHwcNK7ElBukBsDAvsADWsQ4O6bAlMrAOELEWASuwJjKxGQ7psAsysTEBK7EWDhESsQcfOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCvpYCJSMhJwICARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfAbSeDCc/OR0cAAAAAQAUAAABywXpABgATACyFwEAK7IKAwArsQ4J6bIBAgArsBIzsQAJ6bAUMgGwGS+wF9awAjKxFg7psBAyshYXCiuzQBYUCSuyFxYKK7NAFwAJK7EaASsAMDETNTM1NTQ+AzMXFSYjIhcVFTMVIxEjERRpBBktYENhGyNCAWhozwOmuhEOM0J2RjkOsgi0EA26/FoDpgAAAAADAAz+bwK6BHEANAA/AFUAmwCyEgIAK7AWM7FQBOmwFzKwMi+xNwfpsCEvsUMH6QGwVi+wC9awBDKxVQ7psCUysAAg1hGxNQ7psFUQsUUBK7EbDumzOhtFCCuxLw7psBYysVcBK7E1CxESsQcCOTmxRVURErUhIyk+ElAkFzmxGzoRErEUGTk5ALEhNxEStQAEJS81PiQXObBDEbAHObBQErAZObASEbAUOTAxFzQ3JjU0NjcmJicnETQ+AzMyFzY3FSIHFxEUDgMjIicGFRQeAhceAxUUBiMmJjcUNzI2NTQmJycGExQWMzY1ESY0NjU0Jy4CIyIGFRURDKJ9UDEzOwUEBB0xbUiHR2ZESDAKBB8xbUkbDB0WPh0tOVhaM86UpKjJhztjKUZqTDEfHT8BAgMEChsUHR+4Xkwjci1gGyN5LSsBMQwlYkw+Z2YBuRhG/sMKJ19JPAIZGhAZEAQJCBo4ZEaYhgRgl04BJyQhIwwVLAJcETgGXwEzAQUKAQgLDx8UMxsY/s0AAAABAFIAAAJkBeEAEgBHALIAAQArsAszsgEDACuyBwIAK7EPCukBsBMvsADWsRIO6bACMrASELEMASuxCw7psRQBK7ELDBESsAc5ALEHDxESsAM5MDEzETMRNzY2MzIWFREjETQjIgcRUs8gHkkhTE/OMikaBeH+ISAeMYpR/GoDdzE1/I0AAAAAAgBSAAABIQXhAAMABwAwALIAAQArsgUDACuxBArpsgECACsBsAgvsADWsAQysQMO6bAGMrEDDumxCQErADAxMxEzEQM1MxVSz8/PBGD7oAUSz88AAv/T/n8BGwXhABQAGAA4ALIQAAArsQIE6bIWAwArsRUK6bIIAgArAbAZL7AE1rAVMrEKDumwFzKxGgErALECEBESsBQ5MDEHFjMyNTQ0NREzERQOAyMiJicnEzUzFS0dHEDPBBktYEQdLQgIec+2CI4DDwMEe/uDM0FzRjcGAgQGh8/PAAAAAAEAUgAAAn0F4QARAE0AsgABACuwCjOyAQMAK7IHAgArAbASL7AA1rERDumwAjKwERCxCwErsQoO6bETASuxCxERErAHObAKEbEJCDk5ALEHABESsQQNOTkwMTMRMxEVMzcTMwMTIwMnIwcHEVLPCgxlupW8x2YECgcaBeH9WiQkASX+lP0MAcUQEEL+fQAAAAEAUgAAASEF4QADACEAsgABACuyAQMAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8F4fofAAAAAAEAUgAAA7AEcQAfAHsAsgABACuxERgzM7IBAgArsgcCACuwDTOxHArpsBUysQMHECDAL7EcBekBsCAvsADWsR8O6bACMrAfELEZASuxGA7psBgQsRIBK7ERDumxIQErsRkfERKwBTmwGBGxCQc5ObEREhESsA05ALEDHBESsAk5sAERsAU5MDEzETMVMjY2MzIXPgIzMhYVESMRNCMiBxEjETQjIgcRUs8CPUwhZCcETkogTFDCOCklwjcpJQRgXj0yfQRKL4pR/GoDdzE1/I0DdzE1/I0AAAEAUgAAAmQEcQASAEcAsgABACuwCzOyAQIAK7IHAgArsQ8K6QGwEy+wANaxEg7psAIysBIQsQwBK7ELDumxFAErsQsMERKwBzkAsQEPERKwAzkwMTMRMxU3NjYzMhYVESMRNCMiBxFSzyAeSSFMT84yKRoEYF4gHjGKUfxqA3cxNfyNAAIAP//wAlIEcQAXADEATACyEgEAK7EeCOmyBwIAK7ErCOkBsDIvsADWsS4O6bAuELEgASuwJTKxDA7psTMBK7EuABESsAM5sCARsxIHIiMkFzmwDBKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1NxQXHgIzNjcRIjc2NTQnLgIjBgcRFhQGPwMcMW9KxzUOAh0zbUtKbzEcvwMEDB8VRgECAgEDBAwfFkQCAQIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwsJCxEiFgpnAjMLBAQJDBEhGApo/c0BBgwAAAAAAgBS/n8CZARxABEAHQBXALIMAQArsRUE6bIBAgArsgUCACuxGwTpsAAvAbAeL7AA1rERDumxAhIyMrARELEXASuxCQ7psR8BK7EJFxESsQUMOTkAsRUMERKwEDmxARsRErADOTAxExEzFTYzMhYVERQGIyImJycRERQWMjY1ETQmIgYVUs9YTE5RUk0hUhkYJy0hIS0n/n8F4UlailH9NVKJLRYX/jUCdxkrJx0CdB0nJx0AAgBK/n8CXARxABEAHQBXALIPAQArsRUE6bIJAgArsgQCACuxGwTpsAwvAbAeL7AA1rESDumwEhCxDAErsQgXMjKxCw7psR8BK7ESABESsQQPOTkAsRUPERKwDTmxCRsRErAIOTAxNxE0NjMyFhcXNTMRIxEGIyImNxQWMjY1ETQmIgYVSlJNIVIZGM/PWExOUc8gLScnLSDLAstSiS0XFkn6HwHLWol9HScrGQJ0HScnHQAAAQBSAAAB8ARxAA4AMQCyAAEAK7IBAgArsgYCACuxCQvpAbAPL7AA1rEODumwAjKxEAErALEBCRESsAM5MDEzETMVNjYzFSYjIgcGFRFSzwhkYyIeOCotBGB9KWXmCyUpPvz2AAEAJf/wAk4EcQArAHoAsiYBACuxAwfpsgMmCiuzQAMACSuyEAIAK7EbB+myGxAKK7NAGxkJKwGwLC+wC9axHQ7psAAg1hGxAQ7psB0QsQUBK7AZMrEjDumwGDKxLQErsQELERKwCDmxBR0RErMDBxImJBc5sCMRsCE5ALEbAxESsQsiOTkwMRMzFDMyJzQnLgI1ND4CNzIzMhceAhUjNCMGBxQWFhcWFxQGIyIuAyXAYUgBgUQ9Qxg2ZkgGBU41ODERwUM/AS8rLb4BgYdIbT0lCgFGqodKfEJCiUw3Ylw4AhocZlg7gwKBIVAtK7age7gxR2NQAAAAAQAU//AB2QV1ABYAVQCyDwEAK7ELCumyAQIAK7AFM7EACemwBzKyAQAKK7NAAQQJKwGwFy+wFdawAjKxCQ7psAQysgkVCiuzQAkHCSuwDDKyFQkKK7NAFQAJK7EYASsAMDETNTMRMxEzFSMRFDM3FQYjIi4DNREUac+NjUFMLUJEXy0ZBAOmugEV/uu6/dO4CMsOOUh4RjkCPgAAAQBO//ACYARgABIARwCyCwEAK7IQAQArsQUK6bIBAgArsAgzAbATL7AA1rEDDumwAxCxCwErsAcysQoO6bEUASuxAwARErAQOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJk7PMSkaz88fHkohTE/LA5X8iTE2A3L7oF4gHjCJAAAAAAEAEAAAAkoEYAAJAD0AsgkBACuyAAIAK7AGMwGwCi+wANaxAQ7pswkBAAgrsQgO6bABELEGASuxBw7psQsBKwCxAAkRErADOTAxEzMTFzM3EzMDIxDJRAgQCETJt8wEYP13SEgCifugAAAAAAEAFAAAA3UEYAAVALEAshUBACuwDjOyAAIAK7IGDA0zMzMBsBYvsADWsQEO6bABELEGASuxBxDpsAcQsQwBK7ENDumxFwErsDYauj+B+BAAFSsKDrAMELAKwAWwDRCwDsC6P5n42QAVKwuwChCzCwoMEyuyCwoMIIogiiMGDhESOQCxCgsuLgGyCgsOLi4usEAaAbEBABESsBU5sAYRsBQ5sAcSsRESOTmwDBGwDzkAsQAVERKyAwkROTk5MDETMxMXMzcTMxMXMzcTMwMjAycjBwMjFL1BCQwKVntWCg0IQb2mrFAKCAtQrARg/bdAQAJJ/bdAQAJJ+6ACFz8//ekAAAAAAQAQAAACWgRgABEAvwCyAAEAK7ELETMzsgICACuyAwgJMzMzAbASL7AC1rEDDumwETKwAxCxAA7psAAvsAMQsQgBK7AMMrEJDumxCw7psRMBK7A2Gro9W+3KABUrCg6wABCwAcCwERCwEMC6wmnumwAVKwqxAAEIsAIQsAHADrADELAEwLo9l+6bABUrCg6wCBCwB8CwCRCwCsAAtAEEBwoQLi4uLi4BtAEEBwoQLi4uLi6wQBoBsQgDERKwDjkAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEMGwwkoGBAZKw7DAyVQGBAZUAkICHv76Hx8BBv3i/b4BGx4e/uUAAAAAAQAZ/m8CYgRgABIAPwCyAAIAK7AGM7AML7ENCekBsBMvsADWsQEO6bABELEGASuxBw7psRQBK7EBABESsQwSOTkAsQANERKwAzkwMRMzExczNxMzAwYGIyc1FjM2NjUZylIECQRSysYQnHNcECE9SARg/VA5OQKw+0x/vgS4BAZvQwAAAQAMAAACBARgAAkAQQCyAAEAK7EHCemyBAIAK7EDCekBsAovsQABK7EJF+mwBTKxCwErsQkAERKwBzkAsQcAERKwATmxBAMRErAGOTAxMzUBIzUhFQEhFQwBHfABy/7jAR2oAvy8qP0EvAAAAQA9/jcCdwX2AB0AYgCyCAMAK7EJB+mwFi+xFQfpsAAvsQEG6QGwHi+wGdawBDKxEg7psAwyshIZCiuzQBIWCSuwCDKxHwErsRIZERKwDzkAsQAVERKyERIZOTk5sAERsA85sAkSsgUMDTk5OTAxEzUyNjURNDYXFSYGFREUBxYVERQWNxUGJjURNCYmPUg8wPaHa39/a4f2wBFCAcWjYykBjd+WBKwCUHf+c49OUoz+c3dQAqwElt8BjRQ2QAAAAQBS/gABEgacAAMAFwABsAQvsADWsQMO6bEDDumxBQErADAxExEzEVLA/gAInPdkAAAAAAEAOf43AnMF9gAdAGIAsg0DACuxDAfpsB0vsQAH6bAWL7EVBukBsB4vsAPWsAgysRoO6bAQMrIDGgors0ADHQkrsAwysR8BK7EaAxESsAY5ALEWABESsgMEGjk5ObAVEbAGObAMErIICRA5OTkwMRMWNjURNDcmNRE0Jgc1NhYVERQWFjMVBgYVERQGJzmHa39/aoj2wRBCMUg7wfb+5wJQdwGNi1NOjwGNd1ACrASW3/5zFzc+owRhJ/5z35YEAAEAcQUOBMkGgwAdADIAsBovsQYJ6bMMBhoIK7EWCemwHTIBsB4vsR8BKwCxGhYRErAAObEGDBESsQoQOTkwMRM+BDMyFhYXFjcyNzcXDgQjIicmIgYHB3EEEDxFeUI3cDQ5akRtRQ2HBBE7RnBAeZdzf2QTEgVIDClqUkIlHSVIAZkdOQwsalBEZUpbLS0AAAIASv5/ATkEYAADAAcAPgCyBQIAK7EEDOmwAC8BsAgvsATWsAAysQcT6bADMrMCBwQIK7EBEOmwAS+xAhDpsQkBKwCxBAARErABOTAxExMzEwM1MxVKN4E349f+fwRM+7QE/uPjAAAAAQBC/4UCTAYfAB8APQABsCAvsADWsREO6bARELEdASuwAzKxHBDpsAUysBwQsRULK7ALMrEYDumwCTKxIQErsRwdERKwDjkAMDETERA3NTMVFhYVFSM1NCMiFREUFzInNTMVFAYHESMRJkLQe2JdvUlISEoBvVxje9AB/AHpASkf8vQQkJtYh1pa/aRaAVubbJyREf7RAS0fAAAAAQAE//ADFAX0ADoAuACyMwEAK7A6M7EtC+myEwMAK7EcCum0CQozEw0rsCIztAkGABsEK7AkMrMZMxMIKwGwOy+wDtaxHw7psg4fCiuzQA4JCSuzBh8OCCuxJw7psicGCiuzQCckCSuwHxCxGQErsRgO6bE8ASuxBg4RErMECAs6JBc5sB8RsDY5sCcSsiIlKTk5ObAZEbArObAYErIuLzM5OTkAsS0zERKxADY5ObAJEbIELzA5OTmxHBkRErEOHzk5MDE3PgI3NjU0JyM1MycmNTQ+Ajc2HgIVIzQmBwYGFRQXFzMVIxYHFAceAjM2NxcGBiMiJiMiBgcHBAgfbT8lH7yTBk4fQnZQYIhHHdUzQC8rRgbTrhkBORA4KRRKCLwMi2QzuSUhOQwMPxRDdApvWERqiRX+WEZ6b0QCAkR3h1JWcQICYkRx4RmJZEpocwghEgS6FrbHZjMbGAAAAAEAGQAAArgF4QAZANIAshEBACuyAAMAK7IBBgczMzO0ExQRAA0rsAwztBMGABsEK7AOMrQXGBEADSuxCBkzM7QXBgAbBCuwCjIBsBovsADWsQET6bABELERASuwFTKxEBPpsAsyshARCiuzQBAKCSuwDTKyERAKK7NAERcJK7ATMrAQELEGASuxBxPpsRsBK7A2GrrBnPG7ABUrCrAAELAZwA6wARCwAsC6PmTxuwAVKwoOsAYQsAXABbAHELAIwAMAsQIFLi4BswIFCBkuLi4usEAaALEAGBESsAM5MDETMxMXMzcTMwMzFSMVMxUjESMRIzUzNSM1MxnZbgYEB27ZxJOwsLDdsLCwkwXh/h8ODgHh/Q+KiYn+rAFUiYmKAAIBEAUZAvAF4QADAAcANgCyAQMAK7AFM7EACumwBDKyAQMAK7EACukBsAgvsADWsQMO6bADELEEASuxBw7psQkBKwAwMQE1MxUzNTMVARC/Yr8FGcjIyMgAAAAAAwA1//AGNwXyAAcAEQA2AMUAsgcBACu0CwUANAQrsgMDACu0EAUANAQrtDMoBwMNK7QzBgAbBCuyKDMKK7NAKCwJK7QZIwcDDSu0GQYAGwQrsiMZCiuzQCMeCSsBsDcvsAHWsQkQ6bAJELESASuxJhHpsCYQsSoBK7AeMrQtEAAtBCuwHDKwLRCxDQErsQUQ6bE4ASuxEgkRErIHAgo5OTmwJhGxFTY5ObAqErIZEDM5OTmwLRGwLzmwDRKyBgsDOTk5ALEjKBEStgAEBQEJCA0kFzkwMRIQACAAEAAgABAAIAAREAAhIBMRND4DMzIXFxUjNTU0JiMGBxEUMzYnNTMVFA4DIyImJzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZIAhQjUDeTIweKGBkvAjE1BIoCFSNONVZgBgGyAnsBxf47/YX+PgQK/ev+gQF/AQsBDAF//GwCEwgbQzMrkzF9fRELIwI9/e0/Aj19fQgaRDMrYjEAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAQANf/wBjcF8gAHABEAHgApAO8AsgcBACu0CwUANAQrsgMDACu0EAUANAQrtB0fBwMNK7QdBQAxBCuwHDKyHR8KK7NAHRsJK7ESGjIytBQpBwMNK7QUBQAwBCsBsCovsAHWsQkQ6bAJELESASuxHhHpsB8ysB4QsSQBK7AbMrQWEAAsBCuxGhHpsBYQsQ0BK7EFEOmxKwErsDYausIj75sAFSsKsBsQsBzADrAaELAZwACwGS4BsRkcLi6wQBoBsRIJERKyBwIKOTk5sSQeERKwEDmxDRoRErIGCwM5OTkAsR0LERKyBQkAOTk5sB8RsA05sCkSsAg5sBQRsQQBOTkwMRIQACAAEAAgABAAIAAREAAhIBMRMzITFAYHEyMDIxERMzI2NjU0JiYjIzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZGxOcBITdql183LSstCgotKy0BsgJ7AcX+O/2F/j4ECv3r/oEBfwELAQwBf/u+A2/+/kxiL/5wAW3+kwHsKy8lJzErAAAAAAEBOQUjAscFxQADAB8AsAAvsQEG6bEBBukBsAQvsQABK7EDFumxBQErADAxATUhFQE5AY4FI6KiAAAAAAEBmgUZAtsF0QADABoAsAAvsQEJ6QGwBC+wANaxAhXpsQUBKwAwMQE3MwcBmmrXogUZuLgAAAAAAQAAAokA1wNtAAMAIgCwAC+xAQzpsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDERNTMV1wKJ5OQAAAAAAQGq/n8CVv+RAAYALACwBC+wBi+0AAYAGwQrAbAHL7AG1rECEemxAhHpsQgBKwCxBgQRErACOTAxBTMVByM3IwGqrC1oKD9vjYWFAAIAKf51Am0EYAAfACMAQQCyIQIAK7EgDOmwGy+xEgTpAbAkL7AA1rEPDumwDxCxBgsrsCAysQkO6bAiMrElASsAsSASERKzAAcVFiQXOTAxFzQ3PgI1ETMRFAYGBwYHBhYzFjY3Fw4DJy4DEzUzFSlQJyUvvjEvKSsKBiInL0YOswwsTHRCUnA0FL7XalKJP0CVRgEA/wBmu15GSCgbRAJjMVQhSFw7AgI/ZVIEDuPjAAAAAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQcAERKwCDmwBBG2AgEJCgsMDSQXOQCxAQwRErAPOTAxMxMhEyMDIwMDMxcjEzMDJyMHFOQBDuPXKdUoX9droASYQAYMBgXh+h8BM/7NBx+5+7cB2ycnAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQQHERK2AgEICQsMDSQXObADEbAKOQCxAQwRErAPOTAxMxMhEyMDIwMTNzMHAzMDJyMHFOQBDuPXKdUoOWrXoZKYQAYMBgXh+h8BM/7NBma5ufu3AdsnJwAAAAADABQAAALpBx8ABwAOABQAbQCyAAEAK7ADM7IBAwArtAYPAAENK7EGDOmwDi+wCzOxCQnpAbAVL7AA1rEHE+mwBxCxBAErsQMT6bEWASuxBwARErAIObAEEbcCAQkKDA4PECQXObADErALOQCxAQ8RErASObEJDhESsA05MDEzEyETIwMjAwM3MxcjJwcDMwMnIwcU5AEO49cp1ShnjdyNvT89D5hABgwGBeH6HwEz/s0GZrm5SEj7twHbJycAAAADABQAAALpBx8ABwAbACEAgwCyAAEAK7ADM7IBAwArtAYcAAENK7EGDOmwGC+xCwbpsBIysBUg1hGwCDOxDgbpAbAiL7AA1rEHE+mwBxCxBAErsQMT6bEjASuxBwARErEICTk5sAQRtwIBCw0VGBwdJBc5sAMSsRITOTkAsQEcERKwHzmxGBURErATObAOEbAJOTAxMxMhEyMDIwMDNTYzMhYXMjY3NxUGIyImIyIGBxMzAycjBxTkAQ7j1ynVKDQxPCF0Hxk3Dg8zOh90IRk3DmyYQAYMBgXh+h8BM/7NBmCYJyUCEAgJmCcnEAn7tQHbJycABAAUAAAC6QcvAAcACwARABUAhACyAAEAK7ADM7IBAwArtAYMAAENK7EGDOmwCC+wEjOxCQrpsBMyAbAWL7AI1rELDumzBwsICCuxABPpsAAvsQcT6bALELESASuxFQ7pswQVEggrsQMT6bEXASuxCwcRErIBBgw5OTmwEhGxDxA5ObAEErICBQ05OTkAsQEMERKwDzkwMTMTIRMjAyMDAzUzFQMzAycjBxM1MxUU5AEO49cp1ShdvxuYQAYMBj2/BeH6HwEz/s0GZsnJ+7cB2ycnAm7JyQAABAAUAAAC6QdxAAcADwAVAB0ApACyAAEAK7ADM7IBAwArtAYQAAENK7EGDOmwDy+0GQUANgQrsB0vtAsFADYEKwGwHi+wCda0Fw8ALgQrsBAyswcXCQgrsQAT6bAAL7EHE+mwFxCxGwErsBEytA0PAC4EK7MEDRsIK7EDE+mxHwErsRcHERKxAQY5ObAbEbQLDg8KFCQXObAEErECBTk5ALEBEBESsBM5sR0ZERKzCQwNCCQXOTAxMxMhEyMDIwMCNDYyFhQGIgMzAycjBwIUFjI2NCYiFOQBDuPXKdUoBVt/WFh/D5hABgwGPi86Ly86BeH6HwEz/s0GpHtSUntS+8sB2ycnAwY5Kys5KwAAAAACABAAAAQjBeEADwATAKkAsgwBACuxAA8zM7EJDOmyAgMAK7ABM7EEDOm0DhAMAg0rsQ4M6bQFCAwCDSuxBQ3pAbAUL7AA1rEPE+mwDxCxDQErsBEysQkT6bAEMrIJDQors0AJAgkrsAoysA0QsQcW6bEVASuwNhq6PWrt/wAVKwqwABCwAcAOsA8QsBPABbMODxMTK7MQDxMTKwMAsBMuAbMBDhATLi4uLrBAGgCxBAURErASOTAxMwEhFSERMxUjESEVIREjAxMzESMQAaQCb/7jzc0BHf4G41qdoAoF4eP+dfL+YuMBM/7NAh0CAgACAET+fwKRBfIALQA0AG8AsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwNS+wANaxGBPpsDEysBgQsR8BK7AOMrEjDumwDDKxNgErsRgAERKzBikuLyQXObAfEbUHFSgwMzQkFzmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJxMVMwczNzVEBB44ead5OB4CAs4CBAsOIxpGCAQnIykrzgQeOHmneTgeAsZAKWgtATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyD+f42FhY0AAAIAUgAAAkwHHwALAA8AVwCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwEC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysREBK7EJABESsQwPOTmwBxGxDQ45OQAwMTMRIRUhETMVIxEhFQEzFyNSAfr+483NAR3+I9dqoAXh4/518v5i4wcfuQAAAAACAFIAAAJMBx8ACwAPAFsAsgABACuxCQzpsgEDACuxBAzptAUIAAENK7EFDekBsBAvsADWsQsX6bACMrEJE+mwBDKxBxbpsQsX6bADMrERASuxCQARErAMObAHEbENDzk5sAsSsA45ADAxMxEhFSERMxUjESEVATczB1IB+v7jzc0BHf6gateiBeHj/nXy/mLjBma5uQAAAAIAUgAAAkwHHwALABIAcACyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6bASL7APM7ENCekBsBMvsADWsAwysQsX6bECDzIysQkT6bAEMrEHFumxCxfpsAMysRQBK7EJABESsQ0SOTmwBxGyDhAROTk5ALENEhESsBE5MDEzESEVIREzFSMRIRUBNzMXIycHUgH6/uPNzQEd/giN2469Pz4F4eP+dfL+YuMGZrm5SEgAAAMAUgAAAkwHLwALAA8AEwBvALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3psAwvsBAzsQ0K6bARMgGwFC+wANaxCxfpsAIysQkT6bAEMrEHFumwBxCwEyDWEbEQDumwEC+xEw7psAAQsQsX6bADMrAMM7EPDumxFQErADAxMxEhFSERMxUjESEVATUzFTM1MxVSAfr+483NAR3+Er9ivgXh4/518v5i4wZmycnJyQAAAAL/+gAAAT8HHwADAAcAKgCyBAEAK7IFAwArAbAIL7AE1rEHE+mwAjKxCQErsQcEERKxAQM5OQAwMQMzFyMDETMRBtdqnzrdBx+5+ZoF4fofAAAAAAIAUgAAAZgHHwADAAcAKgCyAAEAK7IBAwArAbAIL7AA1rAEMrEDE+mxCQErsQMAERKxBQc5OQAwMTMRMxEDNzMHUt3Za9eiBeH6HwZmubkAAv++AAABtAcfAAYACgA8ALIHAQArsggDACuwBi+wAzOxAQnpAbALL7AH1rEKE+mxDAErsQoHERKzAgEEBiQXOQCxAQYRErAFOTAxAzczFyMnBwMRMxFCjtuNvEA9Md0GZrm5SEj5mgXh+h8AA//LAAABqgcvAAMABwALAEUAsgQBACuyBQMAK7AAL7AIM7EBCumwCTIBsAwvsATWsQcT6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vj3dPb4GZsnJ+ZoF4fofBmbJyQAAAgAUAAACuAXhABUAIABkALITAQArsRYL6bIEAwArsRwL6bQBABMEDSuwHzOxAQzpsB0yAbAhL7AU1rACMrEWE+mwHDKzDBQADiu0HxUADAQrsBYQsRkBK7ENFOmxIgErALEAFhESsAw5sRwBERKwCzkwMRM1MxEzMh4FEA4FIyMREzI2AxImIxEzFSMUPq5af2I+JxIGBhInPmJ/Wq7ddTECAjF1VFQCj+QCbhgrXGO0rv7lrrJiXCsZAo/+TqIBcwFzn/5v5AACAFIAAALXBx8ADwAjAKcAsgABACuwCTOyAQMAK7AHM7AgL7ETBumwGjKwHSDWEbAQM7EWBukBsCQvsADWsQ8O6bACMrAPELEFASuwCjKxCQ7psSUBK7A2GrrCR+8TABUrCg6wDBCwC8CxAxn5sATAALMDBAsMLi4uLgGzAwQLDC4uLi6wQBoBsQ8AERKxEBE5ObAFEbMTFR0gJBc5sAkSsRobOTkAsSAdERKwGzmwFhGwETkwMTMRMxMXMzURMxEjAycjFREDNTYzMhYXMjY3NxUGIyImIyIGB1LF1xIMy8XXEgxOMTshdR8ZNg8OMzkfdSEZNg8F4fzwRkYDEPofAxBGRvzwBmCYJyUCEAgJmCcnEAkAAAAAAwBE//ACkQcfABcAGwArAE0AshMBACuxIAvpsgcDACuxKAvpAbAsL7AA1rEcE+mwHBCxIwErsQ0T6bEtASuxHAARErMGExgbJBc5sCMRsBk5sA0SsgcSGjk5OQAwMRMRND4DMh4CFxcRFA4DIi4CJxMzFyMTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgIz12qfBgIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gBg25+s8MJT03HRoDdwwlPjgaHQADAET/8AKRBx8AFwAbACsATQCyEwEAK7EgC+myBwMAK7EoC+kBsCwvsADWsRwT6bAcELEjASuxDRPpsS0BK7EcABESsgYTGDk5ObAjEbAZObANErMHEhobJBc5ADAxExE0PgMyHgIXFxEUDgMiLgInEzczBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtdq16KbAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5+s8MJT03HRoDdwwlPjgaHQAAAAADAET/8AKRBx8AFwAeAC4AYgCyEwEAK7EjC+myBwMAK7ErC+mwHi+wGzOxGQnpAbAvL7AA1rEfE+mwHxCxJgErsQ0T6bEwASuxHwARErMGExgZJBc5sCYRsRweOTmwDRKzBxIaGyQXOQCxGR4RErAdOTAxExE0PgMyHgIXFxEUDgMiLgInEzczFyMnBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAiuN2428QD0MAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5SEj6zwwlPTcdGgN3DCU+OBodAAAAAwBE//ACkQcfABcAKwA7AHMAshMBACuxMAvpsgcDACuxOAvpsCgvsRsG6bAiMrAlINYRsBgzsR4G6QGwPC+wANaxLBPpsCwQsTMBK7ENE+mxPQErsSwAERK0BhMYGygkFzmwMxGwHTmwDRKzBxIiJSQXOQCxKCURErAjObAeEbAZOTAxExE0PgMyHgIXFxEUDgMiLgInEzU2MzIWFzI2NzcVBiMiJiMiBgcTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgJeMTshdR8ZNg8OMzkfdSEZNg9vAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFTpgnJQIQCAmYJycQCfrNDCU9Nx0aA3cMJT44Gh0AAAQARP/wApEHLwAXABsAKwAvAIYAshMBACuxIAvpsgcDACuxKAvpsBgvsCwzsRkK6bAtMgGwMC+wANaxHBPpsBwQsBsg1hGxGA7psBgvsRsO6bAcELEjASuxDRPpsCwg1hGxLw7psTEBK7EYABESsBY5sBwRsRMGOTmxLBsRErMfICcoJBc5sS8jERKxEgc5ObANEbAKOQAwMRMRND4DMh4CFxcRFA4DIi4CJxM1MxUDFBYWMjY1NxE0JiYiBhUHEzUzFUQEHjh5p3k4HgICBB44ead5OB4CNb4YAiVFJQICJUUlAnu+ATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVUycn6zwwlPTcdGgN3DCU+OBodAbrJyQADADv/7AKRBfYAHwAoADAA4ACyHAEAK7EAHzMzsSQL6bIMAwArsQ8QMzOxLAvpAbAxL7AF1rEgE+mwKTKwIBCxJwErsSgqMjKxFhPpsBAysTIBK7A2Gro8+OyLABUrCrAALrAQELEPIfmwABCxHyH5uj0r7SsAFSsLsAAQswEADxMrsw4ADxMrsB8QsxEfEBMrsx4fEBMrBLMoHxATK7AAELMpAA8TK7IBAA8giiCKIwYOERI5sA45sh4fEBESObAROQC1AQ4RHigpLi4uLi4uAbYAAQ4PER4fLi4uLi4uLrBAGgGxJyARErEcDDk5ADAxFzcmJjUnETQ+AzMyFzczBxYWFRcRFA4DIyInBxMUFhYyNjU3EQcTJiciBhUHOy8SEgIEHjh5U1xCD3otFBcCBB44eVRgPw9lAiVFJQKTkwhCIyQCFJ0lVhkYA3cMLXFWRisvlidaGhn8iQwtcVZFKy8BSQwlPTcdGgHoRgHfZAE4Gh0AAAAAAgBQ//ACngcfABcAGwAmALIGAQArsRIL6QGwHC+wANaxFRPpsR0BK7EVABESsQUYOTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESMTMxcjUAQfN3moeTcfAgLdAyRGJQLdQddroAE1DC1xVkVDYF8gIwSs+1QMJT03HRoErAE+uQACAFD/8AKeBx8AFwAbACQAsgYBACuxEgvpAbAcL7AA1rEVE+mxHQErsRUAERKwBTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESM3NzMHUAQfN3moeTcfAgLdAyRGJQLd42vXogE1DC1xVkVDYF8gIwSs+1QMJT03HRoErIW5uQAAAAIAUP/wAp4HHwAXAB4ARACyBgEAK7ESC+mwHi+wGzOxGQnpAbAfL7AA1rEVE+mxIAErsRUAERKyBRgZOTk5ALEeEhESsgwWFzk5ObAZEbAdOTAxExQeAzI+Ajc3ESMRFAYGIiY1JxEjNzczFyMnB1AEHzd5qHk3HwIC3QMkRiUC3S2N2469Pz4BNQwtcVZFQ2BfICMErPtUDCU9Nx0aBKyFublISAAAAAMAUP/wAp4HLwAXABsAHwB4ALITAQArsQcL6bIBAwArsAszsBgvsBwzsRkK6bAdMgGwIC+wANaxAxPpsAMQsBsg1hGxGA7psBgvsRsO6bADELEKASuxDRPpsBwg1hGxHw7psSEBK7EYABESsBY5sAMRsBM5sRwbERKxBwY5ObEfChESsBI5ADAxExEzERQWFjI2NTcRMxEUDgMiLgInEzUzFTM1MxVQ3QIlRiQD3QQfN3moeTcfAjW/Yr4BNQSs+1QMJT03HRoErPtUDC1xVkVDYF8gBVTJycnJAAACABAAAAKwBx8ACwAPADMAAbAQL7AA1rELE+mwCxCxBgErsQUT6bERASuxBgsRErUBAwQMDQ8kFzmwBRGwDjkAMDETExEzERMjAwcjJwM3NzMHEOLd4dlvBgQGbxVq16EF4fyg/X8CgQNg/h8ODgHhhbm5AAIAUgAAArQF4QAKABEAUwCyAAEAK7IBAwArtAkLAAENK7EJDOm0BBEAAQ0rsQQM6QGwEi+wANaxChPpsQILMjKwChCxDgErsQcT6bETASsAsQsJERKwBzmxBBERErAGOTAxMxEzFTMyFhAGIxERMjY1NCYjUtsCpt/fpmZAQmQF4fHT/iDV/pgCSlqBg2YAAAEAQgAAAqgF8gAjAH4AsgABACuwEDOyBAMAK7EgCemyGgIAK7QZBgAbBCuyCAIAKwGwJC+wANaxIw7psCMQsRUBK7ELDumwHSDWEbQHDgA3BCuyHQcKK7NAHRAJK7AZMrElASuxHSMRErAEObEHFRESsAk5ALEZABESsAs5sBoRsAk5sCASsAc5MDEzETQ2MzIWFRQHFhEUDgIjNTI2NjU0JiYjNTI2NTQmIyIVEUKNi4WJWJgpXHFYLTMfHzMtIzMrK0oE03ukonttQVj+cLbpdynBM6yfqrM3jUIzLTdm+y0AAAMAMf/wAmgF0QAlACkAMQCJALIdAQArsiMBACuxLArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSwF6QGwMi+wANaxKg7psBEg1hGxEA7psCoQsR8BK7EGLzIysRoO6bEzASuxKhERErEjJjk5sBARsCk5sB8SswUVICckFzmwGhGxHSg5OQCxCiwRErMAGBowJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhMzFyMDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrNddroAw5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgFabj8CmgBJx0BHz4AAAAAAwAx//ACaAXRACUALQAxAIkAsh0BACuyIwEAK7EoCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xKAXpAbAyL7AA1rEmDumwESDWEbEQDumwJhCxHwErsQYrMjKxGg7psTMBK7EmERESsCM5sBARsC45sB8SswUVIC8kFzmwGhGyHTAxOTk5ALEKKBESswAYGiwkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImNxQXMjY1EQYTNzMHMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwxr16IBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeLtoAScdAR8+Azq4uAAAAAADADH/8AJoBdEAJQAsADQAoACyHQEAK7IjAQArsS8K6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EvBemwLC+wKTOxJwnpAbA1L7AA1rEtDumwESDWEbEQDumwLRCxHwErsQYyMjKxGg7psTYBK7EtERESsiMmJzk5ObAQEbAsObAfErMFFSArJBc5sBoRsx0oKSokFzkAsQovERKzABgaMyQXObEnLBESsCs5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM3MxcjJwcDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrKY3cjb0/PRs5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsbi4R0f8CmgBJx0BHz4AAAAAAwAx//ACaAXXACUAOQBBAK4Ash0BACuyIwEAK7E8CumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xPAXpsDYvsSkG6bAwMrAzINYRsCYzsSwG6QGwQi+wANaxOg7psBEg1hGxEA7psDoQsR8BK7EGPzIysRoO6bFDASuxOhERErMjJik2JBc5sR8QERKyBRUgOTk5sBoRsx0rMDMkFzkAsQo8ERKzABgaQCQXObE2MxESsDE5sCwRsCc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM1NjMyFhcyNjc3FQYjIiYjIgYHExQXMjY1EQYxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7a14xPCF0Hxk3Dg8zOh90IRk3Dl45IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsZcnJQIRCAiYJycQCPwCaAEnHQEfPgAABAAx//ACaAXhACUAKQAxADUArQCyHQEAK7IjAQArsSwK6bInAwArsDMzsSYK6bAyMrIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EsBekBsDYvsADWsSoO6bAqELApINYRsSYO6bAmL7EpDumwDzKwKRCxEQ7psBEvsCoQsR8BK7IGLzIyMjKxGg7psTUO6bE3ASuxKiYRErAjObEfKRESswUKFSAkFzmwNRGwHTkAsQosERKzABgaMCQXOTAxEzQ+Azc1NTQjIg4CFRUjNTQ2MzIWFRERFBcjJicjBgYjIiYTNTMVAxQXMjY1EQYTNTMVMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2s1vyk5IzOPi78BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeASxyMj8CmgBJx0BHz4DOsjIAAQAMf/wAmgGHQAlAC0ANQA9AMwAsh0BACuyIwEAK7EwCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xMAXpsC0vtDkFADYEK7A9L7QpBQA2BCsBsD4vsADWsS4O6bA2MrARINYRsRAO6bAuELQnDwAuBCuwJy+wLhCxHwErsQYzMjKxGg7pszsaHwgrtCsPAC4EK7E/ASuxLicRErAjObAQEbEoLTk5sB8StgUVIDg5PD0kFzmwOxGyHSksOTk5ALEKMBESswAYGjQkFzmxPTkRErMnKismJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhI0NjIWFAYiAxQXMjY1EQYSFBYyNjQmIjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztri1t/WFh/GzkjM48OLzovLzoBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeAToe1JSe1L8JWgBJx0BHz4DyzkrKzkrAAAAAAMAMf/wA6IEcQA2AD4ASQDHALI0AQArsDAzsTkK6bI0AQArsSUI6bIlNAors0AlKAkrshQCACuwGDOxCQjpsEUysgkUCiuzQAkQCSu0Px40FA0rsT8G6QGwSi+wANaxNw7psBAg1hGxDw7psDcQsTwBK7AGMrEgDumwPzKwIBCxJwErsEAysSoO6bAcMrFLASuxNxARErA0ObE8DxESsQUUOTmwIBGxFjI5ObAnErAwOQCxJTQRErAyObEeORESsQA3OTmwPxGwPTmwCRKwBTmwFBGwFjkwMRM0PgM3NTQjIg4CFRUjNTQ2MzIXNjcyFxYXESEVFRQeAjM2NzUzFRQOAyMiJwYjIiY3FBcyNjURBiUzNTQmJiMiBgcHMURiYk4EORQZCgTPoXVUREJgxzQOAf6qCA4hFUYDwQQdMW9LnkRmdztryzkjM48BUJUCJSIhJwICAQRqolY8KRB7ZhIvGyInL3uwNDMBxTMp/rrzDQgnHRgKZ3qBDCdiTj2Dg3i7aAEnHQEfPs2eDCc/OR0cAAAAAgBC/n8CVARxABsAIgBqALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsCMvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysSQBK7EPABESshwdHzk5ObAUEbIDHiA5OTmwFxKxISI5OQAwMRMRECEyFhUVIzU0JiMiBxEUMzI2NTUzFRQGIwQXFTMHMzc1QgEIiYHPGCM5ATojGM+Bif74rD8paS0BOwHqAUyOtFiHMyda/aRaJzOcbbSNAV6NhYWNAAMAQv/wAlgF0QAkACgAMwBoALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxLwjptCkNHwcNK7EpBukBsDQvsADWsQ4O6bApMrAOELEWASuwKjKxGQ7psAsysTUBK7EOABESsCU5sBYRswcfJigkFzmwGRKwJzkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzMXIwMzNTQmJiMiBgcHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAiLXa6AGlgIlIyEnAgIBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8E2bj9k54MJz85HRwAAAADAEL/8AJYBdEAJAAvADMAZACyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsSsI6bQlDR8HDSuxJQbpAbA0L7AA1rEODumwJTKwDhCxFgErsCYysRkO6bALMrE1ASuxFg4RErMHHzAxJBc5sBkRsTIzOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwcTNzMHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAr6WAiUjIScCAgZr16IBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8BtJ4MJz85HRwBz7i4AAADAEL/8AJYBdEAJAArADYAfgCyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsTII6bQsDR8HDSuxLAbpsCsvsCgzsSYJ6QGwNy+wANaxDg7psCwysA4QsRYBK7AtMrEZDumwCzKxOAErsQ4AERKxJSY5ObAWEbMHHykrJBc5sBkSsScoOTkAsSYrERKwKjkwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTNzMXIycHAzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCDI3bjr0/PgqWAiUjIScCAgEXAjMMJ2ZOQMUzKf668w0IJx0YCmd6gQwnYk49PVZWHwQhuLhHR/2TngwnPzkdHAAAAAAEAEL/8AJYBeEAJAAoADMANwCGALIfAQArsRQI6bIUHwors0AUFwkrsiYDACuwNTOxJQrpsDQysgcCACuxLwjptCkNHwcNK7EpBukBsDgvsADWsQ4O6bApMrAOELAoINYRsSUO6bAlL7EoDumwDhCxFgErsCoysRkO6bALMrA0INYRsTcO6bE5ASuxNCgRErIHHy85OTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzUzFQMzNTQmJiMiBgcHEzUzFUIEHDRuSsc1Dv6qCA8gFUYEwAQdMW5MSm8xHAIWvxeWAiUjIScCAnm+ARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfBCHIyP2TngwnPzkdHAHPyMgAAAL/3wAAASEF0QADAAcAHQABsAgvsADWsQIV6bEJASuxAgARErEEBTk5ADAxAzMXIwMzESMh12ugL8/PBdG4+ucEYAAAAgBSAAABkwXRAAMABwAdAAGwCC+wBNaxBhXpsQkBK7EGBBESsQABOTkAMDEzMxEjNTczB1LPz2rXoQRgubi4AAL/vgAAAbQF0QAGAAoALwCwBi+wAzOxAQnpAbALL7AA1rEDF+mxDAErsQMAERKxBwg5OQCxAQYRErAFOTAxAzczFyMnBwMzESNCjtuNvEA9Kc/PBRm4uEdH+ucEYAAAAAP/ywAAAaoF4QADAAcACwBHALIEAQArsgEDACuwCTOxAArpsAgysgUCACsBsAwvsATWsQcO6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vjfPNb4FGcjI+ucEYPugBRnIyAAAAAACAEz/8AJeBfgAHwAxAG0AshoBACuxJQjpsgwDACuyAwIAK7EuCOkBsDIvsADWsTEO6bAxELEnASuxFA7psTMBK7ExABEStAMICQshJBc5sCcRtgUKDBogKS4kFzmwFBKxDio5OQCxAy4RErAFObAMEbQHCA4QESQXOTAxExEQMzIXJicHJzcnNxYXNxcHFhURFA4DIyIuAjU2Bh4CMzY3ESI2LgIjBgcRTKw/XAwnUjdkLW0ZHF44ZX0CHTNsTEpuMhzCBAgNHhVGAgIECA0fFkQCARcCQwEXTm1eSD9YQmQbIlJCWMn1/XAMJ2JOPT1WVh8fFyMhFgpnAjMWIyEYCmj9zQAAAAACAFIAAAJkBdcAEgAmAH8AsgABACuwCzOyAQIAK7IHAgArsQ8K6bAjL7EWBumwHTKwICDWEbATM7EZBukBsCcvsADWsRIO6bACMrASELEMASuxCw7psSgBK7ESABESshMWIzk5ObAMEbAYObALErIHHSA5OTkAsQEPERKwAzmxIyARErAeObAZEbAUOTAxMxEzFTc2NjMyFhURIxE0IyIHEQM1NjMyFhcyNjc3FQYjIiYjIgYHUs8gHkkhTE/OMikajjE8IXUeGTcODzM6H3QhGTcOBGBeIB4xilH8agN3MTX8jQUZlyclAhEICJgnJxAIAAAAAwA///ACUgXRABcAGwAtAE8AshIBACuxIQjpsgcCACuxKgjpAbAuL7AA1rEtDumwLRCxIwErsCYysQwO6bEvASuxLQARErAYObAjEbQSGRsHJSQXObAMErEOGjk5ADAxExE0PgMzMhcWFREUDgMjIi4CNRMzFyMQBh4CMzY3ESI2LgIjBgcRPwMcMW9KxzUOAh0zbUtKbzEcINdroAQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBNm4+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF0QAXACkALQBLALISAQArsR0I6bIHAgArsSYI6QGwLi+wANaxKQ7psCkQsR8BK7AiMrEMDumxLwErsR8pERK0EgchKiskFzmwDBGyDiwtOTk5ADAxExE0PgMzMhcWFREUDgMjIi4CNTYGHgIzNjcRIjYuAiMGBxETNzMHPwMcMW9KxzUOAh0zbUtKbzEcwgQIDB8VRgECBAgMHxZEAgJr16IBFwIzDCdmTkDFMyn9wAwnYk49PVZWHx8XIyEWCmcCMxYjIRgKaP3NBAK4uAAAAAMAP//wAlIF0QAXAB4AMABlALISAQArsSQI6bIHAgArsS0I6bAeL7AbM7EZCekBsDEvsADWsTAO6bAwELEmASuwKTKxDA7psTIBK7EwABESsRgZOTmwJhG0EhweBygkFzmwDBKyDhobOTk5ALEZHhESsB05MDETETQ+AzMyFxYVERQOAyMiLgI1EzczFyMnBwIGHgIzNjcRIjYuAiMGBxE/Axwxb0rHNQ4CHTNtS0pvMRwMjduOvT8+BgQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBCG4uEdH+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF1wAXACsAPQB4ALISAQArsTEI6bIHAgArsToI6bAoL7EbBumwIjKwJSDWEbAYM7EeBukBsD4vsADWsT0O6bA9ELEzASuwNjKxDA7psT8BK7E9ABESshgbKDk5ObAzEbMSHQc1JBc5sAwSsg4iJTk5OQCxKCURErAjObAeEbAZOTAxExE0PgMzMhcWFREUDgMjIi4CNRM1NjMyFhcyNjc3FQYjIiYjIgYHEgYeAjM2NxEiNi4CIwYHET8DHDFvSsc1DgIdM21LSm8xHEExPCF0Hxk3Dg4zOR91IBk3D3MECAwfFUYBAgQIDB8WRAIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhlyclAhEICJgnJxAI+/YXIyEWCmcCMxYjIRgKaP3NAAQAP//wAlIF4QAXABsALQAxAHgAshIBACuxIQjpshkDACuwLzOxGArpsC4ysgcCACuxKgjpAbAyL7AA1rEtDumwLRCwGyDWEbEYDumwGC+xGw7psC0QsSMBK7AmMrEMDumwLiDWEbExDumxMwErsS4bERKyEgcqOTk5sCMRsCU5sQwxERKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1EzUzFQIGHgIzNjcRIjYuAiMGBxETNTMVPwMcMW9KxzUOAh0zbUtKbzEcGL8VBAgMHxVGAQIECAwfFkQCeb4BFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhyMj7/hcjIRYKZwIzFiMhGApo/c0EAsjIAAAAAwA//7ICUgSuAB0AIwApATQAshUBACuxJgjpshcBACuyBwIAK7EhCOkBsCovsADWsR4O6bMYHgAIK7QZDwAuBCuwGS+0GA8ALgQrsB4QsSgBK7ApMrEPDumzCg8oCCu0Cw8ALgQrsSsBK7A2Gro95+/AABUrCgSwGS6wCy6wGRCxGCL5sAsQsQoi+bo99u/6ABUrC7AZELMJGQoTK7AYELMMGAsTKwWzFxgLEyu6Pfbv+gAVKwuwGRCzGhkKEysEsx4ZChMruj327/oAFSsLsx8ZChMrsBgQsyQYCxMrBLMpGAsTK7IaGQogiiCKIwYOERI5sB85sAk5siQYCxESObAMOQBACwkKCwwYGRoeHyQpLi4uLi4uLi4uLi4BtQkMFxofJC4uLi4uLrBAGgGxGQARErEDHDk5sSgeERKxFQc5OQAwMRMRND4DMzIXNzMHFhcRFA4DIyInByM3JiYnNxMmBwYHExYzNjcRPwMcMW9KMzcVSx5YBgIdM21LOS4UUB8pLwLAfRIlRAIQECZGAQEXAjMMJ2ZOQBNQeVSR/cAMJ2JOPRBOeSd1J8YB5iMBCmj9ex8KZwGTAAAAAgBO//ACYAXRABIAFgBXALILAQArshABACuxBQrpsgECACuwCDMBsBcvsADWsQMO6bADELELASuwBzKxCg7psRgBK7EDABESshATFjk5ObALEbAUObAKErAVOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJhMzFyNOzzEpGs/PHx5KIUxPI9dqoMsDlfyJMTYDcvugXiAeMIkFWLgAAAACAE7/8AJgBdEAEgAWAFcAsgsBACuyEAEAK7EFCumyAQIAK7AIMwGwFy+wANaxAw7psAMQsQsBK7AHMrEKDumxGAErsQMAERKxEBM5ObALEbAUObAKErEVFjk5ALEFCxESsAw5MDE3ETMRFDMyNxEzESM1BwYGIyImEzczB07PMSkaz88fHkohTE/Ea9eiywOV/IkxNgNy+6BeIB4wiQSguLgAAAIATv/wAmAF0QASABkAbgCyCwEAK7IQAQArsQUK6bIBAgArsAgzsBkvsBYzsRQJ6QGwGi+wANaxAw7psAMQsQsBK7AHMrEKDumxGwErsQMAERKzEBMUGSQXObALEbAYObAKErIVFhc5OTkAsQULERKwDDmxFBkRErAYOTAxNxEzERQzMjcRMxEjNQcGBiMiJhM3MxcjJwdOzzEpGs/PHx5KIUxPEI7bjbxAPcsDlfyJMTYDcvugXiAeMIkEoLi4R0cAAAADAE7/8AJgBeEAEgAWABoAbwCyCwEAK7IQAQArsQUK6bIUAwArsBgzsRMK6bAXMrIBAgArsAgzAbAbL7AA1rEDDumwFTKwAxCxEw7psBMvsAMQsQsBK7EHFzIysQoO6bEaDumxHAErsQMTERKwEDmwCxGwBTkAsQULERKwDDkwMTcRMxEUMzI3ETMRIzUHBgYjIiYTNTMVMzUzFU7PMSkaz88fHkohTE8cv2K/ywOV/IkxNgNy+6BeIB4wiQSgyMjIyAAAAgAZ/m8CYgXRABIAFgBBALAGL7EFCekBsBcvsADWsRIO6bASELENASuxDA7psRgBK7ESABESsgEFCDk5ObANEbITFBY5OTmwDBKwFTkAMDETExQGBycVFjMyNjcTIwMHIycDNzczBxm+SD0xRhZzmxHGylIECQRSBGvXogRg+39EbgYEuAS+fwS0/VA5OQKwubi4AAIAUv5/AmQF4QARAB0AVwCyDAEAK7EVBOmyAQMAK7IFAgArsRsE6bAALwGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVDBESsBA5sQUbERKwAzkwMRMRMxE2MzIWFREUBiMiJicnEREUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJ/5/B2L+NlqKUf01UoktFhf+NQJ3GSsnHQJ0HScnHQAAAAADABn+bwJiBeEAEgAWABoAegCyFAMAK7AYM7ETCumwFzKyAAIAK7AGM7AML7ENCekBsBsvsBPWsRYO6bAWELABINYRsQAO6bAAL7EBDumwFhCxBgErsQcO6bAXINYRsRoO6bEcASuxEwARErEMDTk5sAERsBI5sRcWERKxAgU5OQCxAA0RErADOTAxEzMTFzM3EzMDBgYjJzUWMzY2NQM1MxUzNTMVGcpSBAkEUsrGEJxzXBAhPUiJvmO+BGD9UDk5ArD7TH++BLgEBm9DBTrIyMjIAAEAUgAAASEEYAADACEAsgABACuyAQIAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8EYPugAAAAAAEAKQAAAm0F4QANAEwAsgwBACuxCQrpsgMDACsBsA4vsAzWsAIysQkT6bAEMrIJDAors0AJBwkrs0AJCwkrsAkQsQEV6bABL7EPASsAsQMJERKxAA05OTAxEzU3ETMRNxUHESEVIREpQd55eQEl/f0CMd00Ap/+DV7dX/29zQJkAAAAAAEAHwAAAbYF4QALADkAsgoBACuyAwMAKwGwDC+wCtawAjKxCQ7psAQysgkKCiuzQAkHCSuyCgkKK7NACgEJK7ENASsAMDETNTcRMxE3FQcRIxEfZM9kZM8CMd1OAoX+HU7dTvzfAn8AAgBEAAADrgXhABcAJgBcALIRAQArsQ8M6bIRAQArsRwE6bIIAwArsQoM6bIIAwArsSIE6bQLDhEIDSuxCw3pAbAnL7AA1rEYE+mwGBCxHwErsQ8T6bAKMrENFumxKAErsRgAERKwFjkAMDETETQ+AzMhFSERMxUjESEVISIuAic3FBYWMjY1NxEmJyIGFQdEBB44eVMCRP7jzc0BHf28VHg4HgLbAiVFJQIGRCMkAgE1A3cMK2tQQ+P+dfL+YuM/XVohHgwlPTcdGgOFYAE4Gh0AAAADAD//8AOoBHEAKgA8AEYAnwCyJQEAK7AhM7EwCOmwFjKyMCUKK7NAMBkJK7IHAgArsAszsTkI6bBDMrQ9ESUHDSuxPQbpAbBHL7AA1rE8DumwPBCxMgErsRIO6bA9MrASELEYASuwPjKxGw7psA8ysUgBK7EyPBESsyUHNDkkFzmwEhGyCSM1OTk5sBgSsCE5ALEwJRESsCM5sBERsDw5sTk9ERKwMzmwBxGwCTkwMRMRND4DMzIXNjcyFxYVESEVFBYWMzY3NTMVFA4DIyInBiMiLgI1NgYeAjM2NxEiNi4CIwYHEQEzNTQmJiMiBhU/Axwxb0pqQkJoxzUO/qoIJR9GA8EEHTFvS2pARGZKbzEcwgQIDB8VRgECBAgMHxZEAgFQlQIkIyshARcCMwwnZk5APDsBxTMp/rr6ECkxCmd6gQwnYk49OTk9VlYfHxcjIRYKZwIzFiMhGApo/c0BlZ4MJz9LIQACACX/7wKaBx8AMAA3AIUAsisBACuxAwrpshIDACuxGgrpsDcvsTIJ6bA0MgGwOC+wD9axHBPpsAAg1hGxARPpsBwQsQUBK7AYMrEpE+mwFzKxOQErsQEPERKxMTc5ObAcEbAKObAFErMDGjI0JBc5sCkRsiQ1Njk5OQCxGgMRErUAAQ8XGCkkFzmxMjcRErAzOTAxEzcQMzI3NC4DJy4CNTQ2NzYeAhUHNCMGFxQeBhceAhUQJSIuAxMzFzczByMl2WhaAREvG08JQkk/j5FehDsZ2VlMAQgMGRAnEjAISj1I/sxSeEQnDD+9PUC8jdsBphT/AKYdPVYpdQ5gfK5Li9QCAkqBfUoU2QKUEisjMx07G0MNb2K0TP6FATNMenEFxUhIuQAAAAIAJf/wAk4F0QAoAC8AmgCyIwEAK7EDB+myAyMKK7NAAwAJK7IQAgArsRgH6bIYEAors0AYFgkrsC8vsSoJ6bAsMgGwMC+wC9awKTKxGg7psAAg1hGxAQ7psBoQsQUBK7AWMrEgDumwFTKxMQErsQELERKxCC85ObAaEbAqObAFErQDByMrLCQXObAgEbIeLS45OTkAsRgDERKxCx85ObEqLxESsCs5MDETMxQzMic0Jy4CNTQ+Ajc2HgIVIzQjBgcUFhYXFhcUBiMiLgMTMxc3MwcjJcBhSAGBRD1DGDZmSFZwMRHBQz8BLystvgGBh0htPSUKHbw9QLyN2wFGqodKfEJCiUw3Ylw4AgI4Zlg7gwKBIVAtK7age7gxR2NQBLZISLgAAAAAAwAQAAACsAcvAAsADwATAG8AsgoBACuyAAMAK7AGM7AML7AQM7ENCumwETIBsBQvsADWsQET6bABELEKASuxCRPpsw8JCggrsQwO6bAML7EPDumwCRCxBgErsQcT6bAQINYRsRMO6bEVASuxEA8RErEEAzk5ALEAChESsAM5MDETMxMXMzcTMwMRIxEDNTMVMzUzFRDZbwYEBm/Z4d2BvmK/BeH+Hw4OAeH8oP1/AoED5cnJyckAAAIAFAAAAl4HHwAJABAAUQCyAAEAK7EHC+myBAMAK7EDC+mwEC+xCwnpsA0yAbARL7EAASuxCRjpsAUysRIBK7EJABESsgcKDjk5OQCxAwcRErEBBjk5sQsQERKwDDkwMTM1ASE1IRUBIRUBMxc3MwcjFAFb/tcCGP6gAWD9+rw+P72N3O4EGNvb+9XbBx9ISLkAAAACAAwAAAIOBdEACQAQAFEAsgABACuxBwnpsgQCACuxAwnpsBAvsQsJ6bANMgGwES+wANaxDhfpsRIBK7EOABESsQUKOTkAsQcAERKwATmxBAMRErAGObELEBESsAw5MDEzNQEjNSEVASEVATMXNzMHIwwBHfABy/7jAR3+Fbw9QLyN26gC/Lyo/QS8BdFISLgAAAAAAQEEBRkC+gXRAAYAKQCwAC+wAzOxAQnpsQEJ6QGwBy+wANaxAxfpsQgBKwCxAQARErAFOTAxATczFyMnBwEEjdyNvT89BRm4uEdHAAEBBAUZAvoF0QAGACwAsAYvsQEJ6bADMrEBCemwBDIBsAcvsADWsQQX6bEIASsAsQEGERKwAjkwMQEzFzczByMBBL09P72N3AXRSEi4AAAAAQEfBRcC4QXVAA8AJwCwDC+0AwYAGwQrAbAQL7AA1rEIFumxEQErALEDDBESsQAIOTkwMQE3FjMyNjc3Fw4CIyImJwEfbilKIzsMDWoKI3c9P3EZBXdeLxgNCl4KITUxGAAAAAEBmAUSAmYF4QADACkAsgEDACuxAArpsgEDACuxAArpAbAEL7AA1rEDDumxAw7psQUBKwAwMQE1MxUBmM4FEs/PAAAAAgFmBP4CmAYdAAcADwBSALAHL7QLBQA2BCuwDy+0AwUANgQrAbAQL7AB1rQJDwAuBCuwCRCxDQErtAUPAC4EK7ERASuxDQkRErMDBgcCJBc5ALEPCxESswEEBQAkFzkwMQA0NjIWFAYiJhQWMjY0JiIBZlt+WVl+DS86Ly86BVB7UlJ7Uqw5Kys5KwABAVz+fwKmAAAAEQA/ALIDAQArsg8AACu0CwYAGwQrAbASL7AA1rQIEAAdBCuxEwErsQgAERKwAzkAsQsPERKwDTmwAxGxAAw5OTAxBTQ3NzMOAhUUFjI3BwYjIiYBXH8IYwofND5SLRA3MmBx02hlBggdWispJROKEmYAAQE5BRICxwXXABMAOACwEC+xAwbpsAoysA0g1hGwADOxBgbpAbAUL7EAASuxCxbpsRUBKwCxEA0RErALObAGEbABOTAxATU2MzIWFzI2NzcVBiMiJiMiBgcBOTE8IXQfGTcODzM6H3QhGTcOBRmXJyUCEQgImCcnEAgAAAIA1wUZA0gF0QADAAcAMQCwAC+wBDOxAQnpsAUysQEJ6bAGMgGwCC+wANaxBhjpsQkBK7EGABESsQIEOTkAMDETNzMHMzczB9dr16KPa9eiBRm4uLi4AAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoCiQLdA0wAAwAiALAAL7EBBOmxAQTpAbAEL7EAASu0AxgADQQrsQUBKwAwMRM1IRVKApMCicPDAAABAEoCiQODA0wAAwAXALAAL7EBBOmxAQTpAbAEL7EFASsAMDETNSEVSgM5AonDwwABADED9AEIBeEABgAtALICAwArtAANAAkEKwGwBy+wANaxBhPpsQYT6bEIASuxBgARErEDBDk5ADAxEzUTMwMzFTFxZkdHA/TjAQr+9uMAAAEALQP0AQQF4QAGAC4AsgMDACu0AA0ACQQrAbAHL7AA1rACMrEFE+mxBRPpsQgBK7EFABESsAE5ADAxExMjNTMVAy1ISNdxA/QBCuPj/vYAAQAt/vYBBADjAAYALACwBS+0AQ0ACQQrAbAHL7AF1rAAMrEDE+mxAxPpsQgBK7EDBRESsAY5ADAxMzUzFQMjEy3XcWZI4+P+9gEKAAIANQP0AjsF4QAGAA0AUwCyAgMAK7AJM7AGL7AHM7EEDOmwCzIBsA4vsADWsQYT6bADMrAGELEHASuxDRPpsAoysQ8BK7EGABESsAQ5sQ0HERKwCzkAsQQGERKxAQg5OTAxEzUTMwMzFTM1EzMDMxU1cWZHR1hxZkdHA/TjAQr+9uPjAQr+9uMAAAAAAgA1A/QCOwXhAAYADQBbALIDAwArsAozsQIM6bAIMrICAwors0ACBgkrsAcyAbAOL7AC1rAAMrEFE+mwBRCxCQErsAcysQwT6bEPASuxBQIRErABObEMCRESsAg5ALEDAhESsQUMOTkwMRMTIzUzFQMzEyM1MxUDNUhI13DISEjXcAP0AQrj4/72AQrj4/72AAAAAAIANf72AjsA4wAGAA0AWwCyAAEAK7AHM7EBDOmwCDKyAAEKK7NAAAQJK7ALMrIDAQArsgoBACsBsA4vsADWsAUysQMT6bADELEHASuwDDKxChPpsQ8BK7EDABESsAY5sQoHERKwDTkAMDEzNTMVAyMTMzUzFQMjEzXXcGdI59dwZ0jj4/72AQrj4/72AQoAAAEAUgI1AkYEKQALACgAsAkvtAMNAAkEK7QDDQAJBCsBsAwvsADWsQYX6bEGF+mxDQErADAxEzQ2MzIWFRQGIyImUpFrZpKSZmqSAzFmkpFnapKSAAMANQAAA48A4wADAAcACwBFALIAAQArsQQIMzOxAQzpsQUJMjKyAAEAK7EBDOkBsAwvsADWsQMT6bADELEEASuxBxPpsAcQsQgBK7ELE+mxDQErADAxMzUzFTM1MxUzNTMVNddr12rX4+Pj4+PjAAABADX/8ALuBfIAPQC0ALI3AQArsSoL6bIqNwors0AqLwkrsg0DACuxGwvpshsNCiuzQBsTCSu0AAE3DQ0rsCIztAAGABsEK7AkMrQFBDcNDSuwIDO0BQYAGwQrsB4yAbA+L7A81rECBjIysSYT6bEdITIysiY8CiuzQCYkCSuwHzKyPCYKK7NAPAAJK7AEMrAmELEuASuwFDKxMQ7psBIysT8BK7EmPBESsQw3OTmwLhGyDRs2OTk5sDESsBA5ADAxEzUzNSM1MzU0PgMyHgIXFxUjNSI2LgIjBgcVMxUjFTMVIxUUFhYzMjY1NzUzFRQOAyIuAicnNTVra2sEHzd5qHg4HgMCzwIECg8jGkYI6enp6QQnIykpAs8FHjh4qHk3HwICAiOJiYnuDC1xVkZEXmAjIVRUFyAhFwpl7omJie4MJT03HRpUVAwtcVZFQ2BfICPuAAAAAAIASgM1A1gF4QAHABUAjgCyAQMAK7EJDTMzsQAF6bADMrIAAQors0AABgkrsggPEjIyMgGwFi+wBtaxBRDpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7AFELEIASuxFQ/ptAoQAC0EK7AVELETASu0Eg8AHgQrsBIQsRABK7EPD+mwDxC0DRAALQQrsA0vsRcBK7ESExESsQsMOTkAMDETNSEVIxEjEQERMxMzEzMRIxEDIwMRSgFBaHEBBopDBkSJaE4zUAV5aGj9vAJE/bwCrP7BAT/9VAHB/j8Bwf4/AAAAAQBKAokCvgM1AAMAHwCwAC+xAQfpsQEH6QGwBC+xAAErsQMY6bEFASsAMDETNSEVSgJ0AomsrAABAAAAAARgBGAAAwAAESERIQRg+6AEYPugAAAAAQAUAAACsgXwAB8AZACyHgEAK7AZM7IKAwArsA0zsREJ6bIBAgArsBczsQAJ6bAbMgGwIC+wHtawAjKxHQ7psBYysh4dCiuzQB4ACSuwHRCxGgErsRkO6bEhASuxGh0RErEKETk5sBkRsQ8OOTkAMDETNTM1ND4EMzIWFxcVJiMiDgIVFSERIxEjESMRFGkCDCE1XD4hSRUUKUUfJwwCAWbPl88DprofLTFpP0gjCQQCuAwlTx0nHfugA6b8WgOmAAAAAAEAFAAAArIF8AAfAGoAsh4BACuwEDOyCgMAK7EUCemyAQIAK7AZM7EACemwGzIBsCAvsB7WsAIysR0O6bAYMrIdHgors0AdGwkrsh4dCiuzQB4ACSuwHRCxEQErsRAO6bEhASuxER0RErAKOQCxFAERErASOTAxEzUzNTQ+BDMyFhcXMxEjESYiDgIVFTMVIxEjERRpAgwhNVw+IUkVFKTPJT0nDAJoaM8DprofLTFpP0gjCQQC+h8FMQQlTx0nHbr8WgOmAAAAAAALAIoAAwABBAkAAAB4AAAAAwABBAkAAQAQAHgAAwABBAkAAgAOAIgAAwABBAkAAwAOAJYAAwABBAkABAAgAKQAAwABBAkABQAeAMQAAwABBAkABgAQAHgAAwABBAkACgCWAOIAAwABBAkACwBoAXgAAwABBAkADQCeAeAAAwABBAkADgA0An4ARwBlAG4AZQByAGEAdABlAGQAIABpAG4AIAAyADAAMAA5ACAAYgB5ACAARgBvAG4AdABMAGEAYgAgAFMAdAB1AGQAaQBvAC4AIABDAG8AcAB5AHIAaQBnAGgAdAAgAGkAbgBmAG8AIABwAGUAbgBkAGkAbgBnAC4AbABvAGEAZAB0AGUAcwB0AFIAZQBnAHUAbABhAHIAdwBlAGIAZgBvAG4AdABsAG8AYQBkAHQAZQBzAHQAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAxAEIAYQBzAGUAZAAgAG8AbgAgAEwAZQBhAGcAdQBlACAARwBvAHQAaABpAGMAIABiAHkAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUALAAgAG0AbwBkAGkAZgBpAGUAZAAgAGIAeQAgAEoAbwBoAG4AIABEAGEAZwBnAGUAdAB0AGgAdAB0AHAAOgAvAC8AdwB3AHcALgB0AGgAZQBsAGUAYQBnAHUAZQBvAGYAbQBvAHYAZQBhAGIAbABlAHQAeQBwAGUALgBjAG8AbQAvAGwAZQBhAGcAdQBlAC0AZwBvAHQAaABpAGMAQQBsAGwAIABmAG8AbgB0AHMAIABmAHIAbwBtACAAVABoAGUAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUAIABhAHIAZQAgAHMAdQBiAGoAZQBjAHQAIAB0AG8AIAB0AGgAZQAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAgAAAAAAAP9nAGYAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgACEAIgAjACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQA+AD8AQABBAEIAQwBEAEUARgBHAEgASQBKAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0AXgBfAGAAYQECAKMAhACFAJYAjgCLAQMAigDaAI0AwwDeAKIArQDJAMcArgBiAGMAkABkAMsAZQDIAMoAzwDMAM0AzgDpAGYA0wDQANEArwBnAJEA1gDUANUAaADrAO0AiQBqAGkAawBtAGwAbgCgAG8AcQBwAHIAcwB1AHQAdgB3AOoAeAB6AHkAewB9AHwAoQB/AH4AgACBAOwA7gC6ANcA4gDjALAAsQDkAOUAuwDmAOcA2ADhANsA3ADdAOAA2QDfAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQCyALMAtgC3AMQAtAC1AMUAhwCrARIBEwEUAIwA7wEVARYBFwd1bmkwMEEwB3VuaTAwQUQHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMTAHdW5pMjAxMQpmaWd1cmVkYXNoB3VuaTIwMkYHdW5pMjA1RgRFdXJvB3VuaUUwMDAHdW5pRkIwMQd1bmlGQjAyAAAAAQAB//8ADwAAAAEAAAAAyYlvMQAAAADGp3m3AAAAAMrhKHcAAQAAAAwAAAAWAAAAAgABAAEA3wABAAQAAAABAAAAAAABAAAACgAuADwAAkRGTFQADmxhdG4AGAAEAAAAAP//AAAABAAAAAD//wABAAAAAVRTVDEACAAAAAEAAAABAAQAAQAAAAEACAACAA4ABABEADMANgBWAAEABAAkACkALAAvAAA=);
+}
+
+body {
+  margin: 20px;
+  font-size: 100px;
+  font-family: test;
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-data-2.html b/layout/reftests/font-face/src-list-data-2.html
new file mode 100644
index 0000000000..6b3f6a8f7b
--- /dev/null
+++ b/layout/reftests/font-face/src-list-data-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(data:font/opentype,funkyfurryfoo), url(data:font/opentype;base64,AAEAAAARAQAABAAQRkZUTVsSEWAAAJ+4AAAAHEdERUYAJwDlAACf1AAAAB5HU1VCDlgOGAAAn/QAAABiT1MvMpP6Q0QAAAGYAAAAYGNtYXBJlAL1AAAFeAAAAlpjdnQgEIcRvwAAC4wAAABGZnBnbQ+0L6cAAAfUAAACZWdhc3AAAAAQAACfsAAAAAhnbHlmIlooQgAADZgAAIxIaGVhZPuNuY8AAAEcAAAANmhoZWENaQTiAAABVAAAACRobXR4XGQ3gAAAAfgAAAN+bG9jYdufulYAAAvUAAABwm1heHAB/QGYAAABeAAAACBuYW1lSPlt7wAAmeAAAAM8cG9zdIn/7pAAAJ0cAAACknByZXDMcRRIAAAKPAAAAU4AAQAAAAEAAFbFikZfDzz1AB8IAAAAAADK4Sh3AAAAAMuERqr/vv4ABjcHcQAAAAgAAgAAAAAAAAABAAAHcf3YAAAGbP++/74GNwABAAAAAAAAAAAAAAAAAAAA3wABAAAA4ABWAAUAAAAAAAIAAQACABYAAAEAAT4AAAAAAAICNgGQAAUAAAWaBTMAAAEfBZoFMwAAA9EAZgIAAAAAAAAAAAAAAAAAgAAAJ0AAAEoAAAAAAAAAAHB5cnMAQAAg+wIF4f3hAAAHcQIoAAAAAQAAAAAEYAXhAAAAIAACATsAAAAAAAACqQAAATsAAAGDAEoBSQA5BNAAMQK0ACUD6QA3A1YAMQE1AC0CMQBCAjEAKQKlAEoEJABKATUALQG8AEoBQQA1AtAACALUAEQB2wAZAtsANwKuAC0CrAAZAsAASgK8AEICTQAIArgANQK8ADkBagBKAWoASgQiAEoEIgBKBCIASgKFABkDaABCAv0AFALpAFICxABEAvkAUgJ0AFICaABSAuEAQwMKAFIBgQBSAacADAMAAFICXABSA98AUgMoAFIC1ABEAtAAUgLZAEQC4wBSAr4AJQKHAAQC7QBQAswAEgQMABkC4QAQArwADgJyABQCGgBSAxgACAIaADkETQA1BLoASgQAASUCqQAxAq4AUgKFAEICrgBKApMAQgHbABQCvAAMArIAUgFyAFIBbP/TAoEAUgFyAFID/QBSArIAUgKRAD8CrgBSAq4ASgH3AFICdgAlAfUAFAKyAE4CWgAQA4kAFAJqABACegAZAhQADAKwAD0BZABSArAAOQUAAHEBOwAAAYMASgJ8AEIDMQAEAtAAGQQAARAGbAA1AbwASgZsADUEAAE5BAABmgDXAAAEAAGqAoUAKQL9ABQC/QAUAv0AFAL9ABQC/QAUAv0AFARLABACxABEAnQAUgJ0AFICdABSAnQAUgGR//oBkQBSAXL/vgF0/8sC+QAUAygAUgLUAEQC1ABEAtQARALUAEQC1ABEAtQAOwLtAFAC7QBQAu0AUALtAFACwAAQAtQAUgLdAEICqQAxAqkAMQKpADECqQAxAqkAMQKpADED3QAxAoUAQgKTAEICkwBCApMAQgKTAEIBcv/fAXIAUgFy/74BdP/LAqEATAKyAFICkQA/ApEAPwKRAD8CkQA/ApEAPwKRAD8CsgBOArIATgKyAE4CsgBOAnoAGQKuAFICegAZAXIAUgJ0ACkB1AAfA9cARAPjAD8CvgAlAnYAJQLAABACcgAUAhQADAP9AQQD/QEEBAABHwP9AZgD/QFmBAABXAQAATkEAADXA7gAAAdwAAADuAAAB3AAAAJ6AAAB2wAAAT0AAAE9AAAA7QAAAXwAAABoAAABvABKAbwASgG8AEoDJgBKA8wASgE1ADEBNQAtATUALQJwADUCcAA1AnAANQKXAFIDxAA1AXwAAAHbAAADLQA1A6kASgMIAEoEYAAAAwQAFAAUAAAAAAADAAAAAwAAABwAAQAAAAABVAADAAEAAAAcAAQBOAAAAEQAQAAFAAQAQABMAH4AowClAKkArwC0ALgA1gD2AP8BMQFCAVMBYQF4AX4CxwLdIAogFCAaIB4gIiAmIC8gXyCsISIiEuAA+wL//wAAACAAQQBNAKAApQCoAK0AtAC3AL8A2AD4ATEBQQFSAWABeAF9AsYC2CAAIBAgGCAcICIgJiAvIF8grCEiIhLgAPsB////4wAA/+P/wv/B/7//vP+4/7b/sP+v/67/ff9u/1//U/89/zn98v3i4MDgu+C44LfgtOCx4KngeuAu37neyiDdBd0AAQAAAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAJQAmACcAKAAzACoAKwA2AC0ALgBWAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiNEJSYnKDMqKzYtLlYwMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYQB0dXd5gYaLkI+Rk5KUlpiXmZqcm52eoKKho6WkqKepqgAAZGUA1gCOamjbbGcAdocAAAAAZgAAAAAAAAAAAJWmb2MAAAAAAAAA12Jwc4Wxss7P09TQ0QAArbUA2gAA3t8AbdLVAHJ6cXt4fX5/fIOEAIKJioiuuL5ruru8br+9uQAAsAAssAATS7AqUFiwSnZZsAAjPxiwBitYPVlLsCpQWH1ZINSwARMuGC2wASwg2rAMKy2wAixLUlhFI1khLbADLGkYILBAUFghsEBZLbAELLAGK1ghIyF6WN0bzVkbS1JYWP0b7VkbIyGwBStYsEZ2WVjdG81ZWVkYLbAFLA1cWi2wBiyxIgGIUFiwIIhcXBuwAFktsAcssSQBiFBYsECIXFwbsABZLbAILBIRIDkvLbAJLCB9sAYrWMQbzVkgsAMlSSMgsAQmSrAAUFiKZYphILAAUFg4GyEhWRuKimEgsABSWDgbISFZWRgtsAossAYrWCEQGxAhWS2wCywg0rAMKy2wDCwgL7AHK1xYICBHI0ZhaiBYIGRiOBshIVkbIVktsA0sEhEgIDkvIIogR4pGYSOKIIojSrAAUFgjsABSWLBAOBshWRsjsABQWLBAZTgbIVlZLbAOLLAGK1g91hghIRsg1opLUlggiiNJILAAVVg4GyEhWRshIVlZLbAPLCMg1iAvsAcrXFgjIFhLUxshsAFZWIqwBCZJI4ojIIpJiiNhOBshISEhWRshISEhIVktsBAsINqwEistsBEsINKwEistsBIsIC+wBytcWCAgRyNGYWqKIEcjRiNhamAgWCBkYjgbISFZGyEhWS2wEywgiiCKhyCwAyVKZCOKB7AgUFg8G8BZLbAULLMAQAFAQkIBS7gQAGMAS7gQAGMgiiCKVVggiiCKUlgjYiCwACNCG2IgsAEjQlkgsEBSWLIAIABDY0KyASABQ2NCsCBjsBllHCFZGyEhWS2wFSywAUNjI7AAQ2MjLQAAALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWACwBCBFsAMrRLAJIEWyBHkCK7ADK0SwCCBFsglPAiuwAytEsAcgRbIIOgIrsAMrRLAGIEWyByUCK7ADK0SwBSBFsgYQAiuwAytEsAogRbIEmAIrsAMrRLALIEWyCi8CK7ADK0SwDCBFsgsuAiuwAytEsA0gRbIMGgIrsAMrRAGwDiBFsAMrRLARIEWyDhkCK7EDRnYrRLAQIEWyEQ8CK7EDRnYrRLAPIEWyED8CK7EDRnYrRLASIEW6AA5//wACK7EDRnYrRLATIEWyElQCK7EDRnYrRLAUIEWyEzYCK7EDRnYrRLAVIEWyFA4CK7EDRnYrRLAWIEWyFQoCK7EDRnYrRLAXIEWyFgkCK7EDRnYrRLAYIEWyFwcCK7EDRnYrRFmwFCsAAP5/AAAEYAXhAMMAYACiAKwAtAC6AMsA2wDjAPIAzwBeAHsAoADPAN0A5QE1AaoB+gJKAJoA0gCcAJ4A2QClALwAkAB2AEoAAAAAAAAAAAAAAAAANABSASgBogJiAwoDMgNoA54D0gQUBDoEWAR4BKwFDAVCBZQGPgaKBwIHeAekCDAIpgjQCP4JHAk+CVwJrApMCpAK/gtyC7wL9gwqDLAM5g0EDTYNng3EDkAOkA7wDzIPphAEEIAQsBD2ESwRihJMEooSvhLqEx4TUBNwE4gTohQkFH4U0hUuFaAV7BayFvYXIBdkF6wXyhg2GHgY6BlCGZwZzhpKGpga3BsSG5QcGBxaHJAc8B0KHWodsh2yHeYeNB7kH3QfoiBeIHwhQiFgIXwhmiHAIhoiaCK4IxgjkiP+JIYk/iWAJcomFiZwJsom9CccJ1InjifyKH4o6ClUKc4qYCrsK6gr6CwoLHws6i0kLWwt3i5sLvovmDBMMPAxsDJ6MuIzYjPgNHA1BDUmNUY1djW0Njg2sjcgN4w4CjigOSg6BjpYOqo7DDtuO7g8FDx+PJw83j0SPXw+MD7EP1g/tD/+QEhAbkCWQMhA6kEwQW5BrEHYQdhB2EHYQdhB2EHYQdhB2EHYQdhB2EH2QhRCMkJQQmhCkEK4Qt5DJENuQ7ZD4EQYRBhEGETERTRFUEVeRcBGJAAAAAIASgAAATkF4QADAAcAQACyBAEAK7EFDOmyAAMAKwGwCC+wBNawADKxBxPpsAEyswIHBAgrsQMQ6bADL7ECEOmxCQErALEABRESsAI5MDETMwMjAzUzFUrvN4Er1wXh+7X+auPjAAAAAQA5A7oBEAXhAAMAHwCyAAMAK7QDDQAIBCsBsAQvsAPWsQIR6bEFASsAMDETMwMjOdcemgXh/dkAAAAAAgAxAAAEoAXhABsAHwE7ALIaAQArshUWGTMzM7IHAwArsggLDDMzM7QAARoHDSuzAhEcHSQXM7EABOmzFBcYGyQXMrQFBBoHDSuzAxAeHyQXM7EFBOmzBgkKDSQXMgGwIC+wGtaxGQ7psBkQsQcBK7EIDumwCBCxFgErsRUO6bAVELELASuxDA7psSEBK7A2Gro/WvbqABUrCro/a/dlABUrCrAaELMCGgcTK7MDGgcTK7MGGgcTK7AZELMJGQgTK7AWELMKFgsTK7AVELMNFQwTK7MQFQwTK7MRFQwTK7MUFQwTK7AWELMXFgsTK7AZELMYGQgTK7AaELMbGgcTK7AZELMcGQgTK7AWELMdFgsTK7MeFgsTK7AZELMfGQgTKwNAEAIDBgkKDRARFBcYGxwdHh8uLi4uLi4uLi4uLi4uLi4usEAaADAxEzczEyM3MxMzAyETMwMzByMDMwcjAyMTIQMjEzchEyExG8YlxBrFOcU5AQQ5xTrBG8Alvhq/O8U8/vs7xTzfAQQl/vwBtsMBAsIBpP5cAaT+XML+/sP+SgG2/koBtsMBAgABACX/KQKPBlwAMwBeAAGwNC+wENaxHQ7psAAg1hGxAQ7psB0QsTEBK7ASMrEwEOmwFDKwMBCxBQErsBgysS0O6bAXMrE1ASuxEAARErAzObEdARESsAI5sTAxERKwCjmxLQURErAnOQAwMRM3FhcyNzQuBCcuAjUSNzUzFRYTByYmBwYHFB4EFx4HFQIHFSM1JiXADHVYBREWKxk3CERCSwTTe8kiwAYsK1AEERQtFzsJBjUULxUhDgwE8XvsAWYNugG5HT0xSCJMDFxjuE4BJTGDfRf+/Rk5RgICoB0/LUohVAoKTBxKKUY1RB7+rh/Z3SkABQA3//ADtAXyABQAGAAmADsARwCrALIVAQArsjgBACu0PgUANQQrshYDACuyBwMAK7QiBQA0BCu0Qy44Bw0rtEMFADMEK7QbEjgHDSu0GwUAMwQrAbBIL7AA1rEZEOmwGRCxHgErsQwQ6bAMELEnASuxPBDpsDwQsUABK7EyEOmxSQErsRkAERKxAxU5ObAeEbMSBxsiJBc5sAwSsQ4YOTmxPCcRErEWKjk5sEARsjguQzk5ObAyErEXNDk5ADAxExE0PgMzMhYXFxEUDgMjIicTATMBAwYzMjY1NRE2IyIGFRUBETQ+AzMyFxcRFA4DIyImJzcGFzInETYjIgYVFTcCER5CLUZQBAQCER5ALYEbYwIpg/3ddQQpEBMCJRITAcUCEB9BLn0cBAIQHz8tSFAEdwQpJQMCJBITA48BtQYYPC8lWCsr/ksGGD4tJ4f8mgXh+h8DjzcdDA4BtTcbDg77WgG0Bhk9LSeHKf5MBhk7MCRWLSs5AToBtDcaDw4AAwAx//ADLQXyACMALgA8AJUAsiIBACuwHTOxJwTpsg0DACuxOQfpAbA9L7AF1rEvDumwLxCwJCDWEbEADumwAC+xJA7psC8QsTMBK7QRDgA3BCuzFxEzCCuxGBHpsBwysT4BK7EkBRESsQMiOTmxMy8RErMNJysTJBc5sBcRsxUgISkkFzmxGBERErAaOQCxJyIRErAgObA5EbUAAxMcKzEkFzkwMRM0NjcmNTU0PgQzMhcWBxQDFhc2NxcGBxYXFSImJwYgJjcWFjMyNyYnDgITFBc2NyY2LgIjIgYVMVhSagoQKThaOcsxDgLNTEghDrAQTDclF348e/7+rtUCNys7QlhWBhAdKzdkAQIECA8gGScnATtzx3vh2RIMRD5MNyXXPTSi/vCub2BzIdWRPw3rS0CLwpRCVFaLnAoldgMib4ecYAIbLSkfTCUAAAAAAQAtA/QBBAXhAAYALgCyAwMAK7QADQAJBCsBsAcvsADWsAIysQUT6bEFE+mxCAErsQUAERKwATkAMDETEyM1MxUDLUhI13ED9AEK4+P+9gABAEL+1wIIBjUAFwATAAGwGC+wAdaxDQ7psRkBKwAwMRIQEjY2NzcXDgMCEBIWFhcXBy4DQjtYVh0eogojWkQ3NUxMGxqiDCdkTgH2AR4BK+C4Ly9UDjWwvf7h/ub+5caeJydUEkDL0wAAAAABACn+1wHwBjUAFwATAAGwGC+wBtaxEg7psRkBKwAwMRc+AxIQAiYmJyc3HgMSEAIGBgcHKQojWkQ3NUxMGhuiDCdkTkA8WFYdHtUONrC6AR8BGgEbx58nJ1QSQMzR/s7+4v7V37cvLwAAAAABAEoD5wJcBeEADgAqALIDAwArtAwNAAkEK7AKMgGwDy+wANaxBxfpsRABKwCxAwwRErALOTAxEzcXJzMHNxcHFwcnByc3SiukE5oTpCusc4NOTINzBOOURrCwRpQiilCYmFCKAAAAAAEASgEvA9sEjwALAFIAsAAvsAczsQEH6bAFMrIAAQors0AACgkrsgEACiuzQAEDCSsBsAwvsArWsAIysQkR6bAEMrIJCgors0AJBwkrsgoJCiuzQAoACSuxDQErADAxEzUhETMRIRUhESMRSgFyrAFz/o2sAomsAVr+pqz+pgFaAAAAAAEALf72AQQA4wAGACwAsAUvtAENAAkEKwGwBy+wBdawADKxAxPpsQMT6bEIASuxAwURErAGOQAwMTM1MxUDIxMt13FmSOPj/vYBCgABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABADUAAAEMAOMAAwApALIAAQArsQEM6bIAAQArsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDEzNTMVNdfj4wAAAQAI/20CyQXhAAMASQCyAQMAK7ACMwGwBC+wANaxAxHpsAMQsQEBK7ECEemxBQErsDYaujzd7DcAFSsKBLABELAAwLACELADwAKxAAMuLrBAGgEAMDEXATMBCAIfov3nkwZ0+YwAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAABABkAAAGJBeEACwA+ALIKAQArsgcDACu0AQAKBw0rtAEGABsEKwGwDC+wCtaxCRPpsgoJCiuzQAoACSuxDQErsQkKERKwBzkAMDETNT4DNzczESMRGTNWMyMGBoXdBJyNCi0zMBAO+h8EnAABADcAAAKPBfIAFABdALIAAQArsRIL6bIPAwArsQkK6bIJDwors0AJDAkrAbAVL7AM1rAAMrELE+mwCxCxBwErsRAT6bATMrEWASuxCwwRErADObAHEbASOQCxEgARErABObAJEbAQOTAxMzU+AxI3NCIVFSM1ECAREAEhFTcOMn9iVAKT3gJO/qYBXtsXTeTVAQ5nuLhpaQGF/on+sP2w2wAAAAEALf/wAnkF8gBAAKcAshcBACuxIQTpsiEXCiuzQCEdCSuyBgMAK7E9BOmyPQYKK7NAPUAJK7QvLhcGDSuxLwnpAbBBL7AC1rEAHTIysUAO6bAeMrBAELEjASuxERPpsBEQsAwg1hGxNhPpsDYvsQwT6bFCASuxQAIRErIbLi85OTmwNhG1FwYhKSo9JBc5sCMSsCc5sAwRsQ8mOTkAsS4hERKwETmwLxGwDzmwPRKwDDkwMRM0PgMzMh4DFRAHBxYRFA4DIyIuAzUzFhYzMjY1NDYuBScjNT4FPQI0LgIjIgYHLQQfOW9QTnI3IQZqAn8GITdzTlBwPCMG2QIfKy0ZAgIGDRgjNyMTJTMnFwwGAgwfGCkXAgQvRlqNVEI+UGg3F/7dagJk/sYZQ4NlTT9YiWM/lmplWhJgHUYWKw8QArgCCxIZIi0dPistL0UhYp4AAAACABkAAAKgBeEACgAQAFgAsgkBACuyAgMAK7QKCwkCDSuwBDOxCgTpsAYyAbARL7AJ1rAMMrEIDumwAzKyCAkKK7NACAYJK7IJCAors0AJAAkrsRIBKwCxCwoRErABObACEbAOOTAxEzUBMxEzFSMRIxEnMxE1IwcZAUPdZ2fKmpoNDAFIwgPX/CnC/rgBSMIB1y0tAAAAAAEASv/wAosF4QAlAIEAsiABACuxBQTpsgUgCiuzQAUACSuyEAMAK7ETC+m0GAsgEA0rsRgK6bILGAors0ALDwkrAbAmL7AP1rAAMrEUDumwDjKyFA8KK7NAFBIJK7APELECE+mwFBCxCAErsR4T6bEnASuxFA8RErAkObEIAhESsCA5ALEYCxESsBQ5MDETMxUUFjMyNjURNAciBhUjESEVIRE+AhcyHgIVERAhIi4DSt0dJiUfRiE1ugIX/qgIGkQZTm4rDv7fTm47IQgBtjtzWFpvAVBvAVAeAxjb/scGEh0CUHdSHv6w/nc7VIVoAAIAQv/wAoMF8gAdACoAawCyGgEAK7EhBOmyAwMAK7EJBOmyCQMKK7NACQYJK7QPKBoDDSuxDwfpAbArL7AA1rEeE+mwDDKwHhCxJAErsAYysRUT6bAEMrEsASuxHgARErAaObAkEbAPObAVErAZOQCxDygRErANOTAxExEQJBEVIzQmIyIGFRE2MzIeAhURFA4CIi4CFxQWMzI2NRE0JiIGB0ICQd0XLSccOzNQay0OEDR+vX8zEN0jIB8lJT0jAgE1A1gBZAH+m16iYEpa/vQlSHJZK/7NKVZ5TU15VhgUMDETAcISMikVAAAAAQAIAAACNQXhAAYANACyBQEAK7IBAwArsQAL6QGwBy+wBdaxBBTpsgQFCiuzQAQDCSuxCAErsQQFERKwBjkAMDETNSEVAyMTCAIt3eXhBQbb3fr8BQYAAAMANf/wAoMF8gAhAC0AOAB4ALIdAQArsSUK6bIMAwArsTYE6bQxLB0MDSuxMQvpAbA5L7AF1rAAMrEuE+mxIhPpsC4QsSkBK7AzMrEXE+mwETKxOgErsSIFERKyAwgdOTk5sC4RsAs5sCkSsgwlLDk5ObAXEbIPFBw5OTkAsTEsERKxFAM5OTAxEzU0NyY1NTQ+AzIeAxUVFAcWFRUUDgMiLgM3FhYzMjY2NTQmIgYTFBYyNjU0JiMiBjVzZgQgNnKcczUhBGdzBCE5d6R3OSEE1wIfLyUjCBtqGw8YUhkZKSUaAUKwvG1mrn8XNWpQPj5QajUXf65mbbywGTdvUkFBUm83cX9hPFJSmHJyAi5/ZGR/cV5YAAACADn/8AJ7BfIAHQAqAGsAsh0BACuxBQTpsgUdCiuzQAUBCSuyFgMAK7EnBOm0CyEdFg0rsQsH6QGwKy+wANawEDKxAhPpsB4ysAIQsQgBK7AjMrEbE+mxLAErsQIAERKwFTmwCBGwCzmwGxKwFjkAsSELERKwCTkwMRM1MxQWMzI2NREGIyIuAjURND4CMh4CFREQIBMUFjI2NxE0JiMiBhU53hYtJx07NFBqLQ8RM3+8fzMR/b7eJD4jAiMhHyQBVF6iYEpaARslR3NYKwElKVZ5Tk55Vin8qP6cA0kSMSkUAbsULzESAAAAAAIASgAAASEEYAADAAcALwCyAAEAK7EBDOmyBQIAK7EEDOkBsAgvsADWsAQysQMT6bAGMrEDE+mxCQErADAxMzUzFQM1MxVK19fX4+MDfePjAAAAAAIASv72ASEEYAAGAAoAMACyCAIAK7EHDOkBsAsvsAXWsQAHMjKxAxPpsAkysQMT6bEMASuxAwURErAGOQAwMTM1MxUDIxMDNTMVStdxZkdH1+Pj/vYBCgN94+MAAQBKAK4D2QUEAAYAEwABsAcvsADWsQQO6bEIASsAMDETNQEVAQEVSgOP/UYCugKJoAHbx/6c/pzHAAAAAgBKAd0D2QQMAAMABwAaALAAL7EBB+mwBC+xBQfpAbAIL7EJASsAMDETNSEVATUhFUoDj/xxA48B3aysAYOsrAAAAAABAEoArgPZBQQABgATAAGwBy+wAtaxBg7psQgBKwAwMTc1AQE1ARVKArr9RgOPrscBZAFkx/4loAAAAAACABkAAAJcBewAHwAjAC0AsgUDACuxHATpAbAkL7AS1rAgMrERDumwITKwERCxGQsrsQoO6bElASsAMDETPgMXHgMVFAcOAhURIxE0NjY3Njc2JiMmBgcDMzUjGQwrTHRCUnA0FFAnJDC+MS8pKwoGIicvRg4E19cE7CFHXDwDAj9kUidSiT9AlkX/AAEAZrpeRkgpG0MCYjH7aOMAAAAAAgBC//ADLwXyAC0ANwCkALIpAQArsSQG6bIGAwArsR4H6bQRMCkGDSu0EQYAGwQrtBY1KQYNK7QWBgAbBCsBsDgvsADWtCEOADcEK7AhELETASuxLhHpsC4QsTIBK7AaMrQLDgA3BCuxOQErsRMhERKxBR45ObAuEbMRFiQpJBc5sDISswYNHSYkFzmwCxGwJzkAsSQpERKwJzmwERGwJjmwMBKxCw05ObEWNRESsBo5MDETETQ+AjIeAhURIycOAiMiNRE0MzIWFxc1NCYiBhURFBYzMjcXBiMiLgIBFDMyNRE0IyIVQiJOnNWbTiOkFAQPOyORkSM5CwpayVpYZnUzmG3TapxOIgHVLzExLwEvA3krZm9KSm9mK/znOAgXJawB5aoiERAtM2trM/yHNWQ/Vo9HbWIBNzU1Acc1NQACABQAAALpBeEABwANAEsAsgABACuwAzOyAQMAK7QGCAABDSuxBgzpAbAOL7AA1rEHE+mwBxCxBAErsQMT6bEPASuxBAcRErMCAQgJJBc5ALEBCBESsAs5MDEzEyETIwMjAxMzAycjBxTkAQ7j1ynVKEeYQAYMBgXh+h8BM/7NAh0B2ycnAAAAAwBSAAACuAXhABAAGwAnAGcAshABACuxEQvpsgIDACuxJwvptBwbEAINK7EcCukBsCgvsADWsRET6bAcMrARELEVASuwITKxDhTpsQUO6bEpASuxFRERErAQObAFEbAIOQCxGxERErAOObAcEbAIObAnErAFOTAxMxEzMhYVFAYHHgQVEAUnMjc2NTQuAiMjNTI+AzQuAyNSws3HO04GFDYpIP6qM0ojNyE7JRsIFxY6IB0dIDoWFwXhttlqikMCDzdMiVT+YgzbHzeSUmglCMsCEidSd1InEgIAAAEARP/wApEF8gAtAGYAsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwLi+wANaxGBPpsBgQsR8BK7AOMrEjDumwDDKxLwErsRgAERKxBik5ObAfEbIHFSg5OTmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJ0QEHjh5p3k4HgICzgIECw4jGkYIBCcjKSvOBB44ead5OB4CATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyAAAAACAFIAAAK4BeEAEQAdADoAshEBACuxEgvpsgIDACuxHQvpAbAeL7AA1rESE+mwEhCxFgErsQsU6bEfASsAsR0SERKxCgk5OTAxMxEzMh4FEA4FIzcyNzYRNDQ1ECcmI1KuWn9iPicSBgYSJz5if1ovdRgXFxl0BeEYK1xjtK7+5a6yYlwrGd1RSwFBGzkbAUJJUAAAAQBSAAACTAXhAAsARQCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwDC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysQ0BKwAwMTMRIRUhETMVIxEhFVIB+v7jzc0BHQXh4/518v5i4wAAAAABAFIAAAJgBeEACQBAALIAAQArsgEDACuxBAzptAUIAAENK7EFDOkBsAovsADWsQkT6bAEMrIJAAors0AJAwkrs0AJBwkrsQsBKwAwMTMRIRUhETMVIxFSAg7+z83NBeHj/nXk/XEAAAEAQ//wApEF8gAsAIsAsiQBACuyJwEAK7EbBOmyBwMAK7ETC+myEwcKK7NAEw4JK7QgIScHDSuxIAnpAbAtL7AA1rEXE+mwFxCxHgErsA4ysSMT6bAMMrAjELEgFemwIC+xLgErsRcAERKwBjmwIBGyExonOTk5sB4SsRIbOTmwIxGxByU5OQCxGyQRErAlObAgEbArOTAxExE0PgMyHgIXFxUjNTQmJiIGFQcRFBYWMjY1NxEjNSERIycGIyInJjU0RAQeOHmneTgeAgLdAiVFJQICJUUlAlgBNYMaRmbLLwsBNQN3DC1xVkZEXmAjIefnDCU+OBod/HcMJT44Gh0BELv9EkhY1TApDAABAFIAAAK4BeEACwA/ALIAAQArsAczsgEDACuwBTO0AwoAAQ0rsQMM6QGwDC+wANaxCxPpsAIysAsQsQgBK7AEMrEHE+mxDQErADAxMxEzETMRMxEjESMRUt2s3d2sBeH9kgJu+h8Cj/1xAAABAFIAAAEvBeEAAwAhALIAAQArsgEDACsBsAQvsADWsQMT6bEDE+mxBQErADAxMxEzEVLdBeH6HwAAAAABAAz/8AFgBeEADwAsALIAAQArsQEL6bIIAwArAbAQL7AH1rEKE+myBwoKK7NABwAJK7ERASsAMDEXNTIWPgI1ETMRFAcGJyIMBBEpHhvdT0aYEw7ZAgYSMyUEqPs2iVRKAQAAAQBSAAAC7AXhABEAjQCyAAEAK7EKCzMzsgEDACuwBzMBsBIvsADWsRET6bACMrARELELASuxChPpsRMBK7A2GrrBmfHKABUrCg6wCxCwDcCwChCwCcCwDRCzDA0LEyuyDA0LIIogiiMGDhESOQCyCQwNLi4uAbIJDA0uLi6wQBoBsQsRERKwBzmwChGwCDkAsQEAERKwBDkwMTMRMxEVMzcTMwMTIwMnIwcHEVLdCAu418vm2JkGBg0zBeH+CxkZAfX+EfwOAo8fH3v97AAAAAEAUgAAAlQF4QAFACwAsgABACuxAwrpsgEDACsBsAYvsADWsQMT6bIDAAors0ADBQkrsQcBKwAwMTMRMxEhFVLdASUF4frszQAAAAABAFIAAAONBeEAFQCsALIAAQArsQkPMzOyAQMAK7AHMwGwFi+wANaxFQ7psBUQsRABK7EPD+mwDxCxCgErsQkO6bEXASuwNhq6wJn3SAAVKwoOsBIQsBHAsQMb+bAEwLo/gfgQABUrCg6wBRCwBsCxDhz5sA3AALcDBAUGDQ4REi4uLi4uLi4uAbcDBAUGDQ4REi4uLi4uLi4usEAaAbEQFRESsAI5sQoPERKwBzkAsQEAERKwDDkwMTMRIRMXMzcTIREjETUjBwMjAycjFRFSAQ6DCwQKgwEOzA0IjV6OCAwF4f1QUFACsPofA7JAQPxOA7JAQPxOAAEAUgAAAtcF4QAPAGYAsgABACuwCTOyAQMAK7AHMwGwEC+wANaxDw7psAIysA8QsQUBK7AKMrEJDumxEQErsDYausJH7xMAFSsKDrAMELALwLEDGfmwBMAAswMECwwuLi4uAbMDBAsMLi4uLrBAGgEAMDEzETMTFzM1ETMRIwMnIxURUsXXEgzLxdcSDAXh/PBGRgMQ+h8DEEZG/PAAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAACAFIAAAK0BeEACAAPAEoAsgABACuyAgMAK7EPDOm0BwkAAg0rsQcM6QGwEC+wANaxCBPpsAkysAgQsQwBK7EFE+mxEQErALEJBxESsAU5sQIPERKwBDkwMTMRMzIWEAYjEREyNjU0JiNS3abf36ZmQEJkBeHT/iHV/aYDO1uBg2YAAAACAET/jQK8BfIAGwArAGIAshYBACuxIAvpsxEgFggrsRIJ6bIHAwArsSgL6QGwLC+wANaxHBPpsBwQsSMBK7ENE+mxLQErsRwAERKxBho5ObAjEbAWObANErIHDxQ5OTkAsREWERKwFDmwIBGwDzkwMRMRND4DMh4CFxcRFAcWFxUiJwYjIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAi0hN6BDNzhUeDgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iV5YKwq9dRJDYF8gIwwlPTcdGgN3DCU+OBodAAAAAgBSAAACugXhAAsAFQBuALIAAQArsQcIMzOyAgMAK7EVC+kBsBYvsADWsQsT6bAMMrALELERASuwCDKxBA7psQcT6bEXASuwNhq6wQb0mAAVKwoOsAgQsAnAsAcQsAbAALEGCS4uAbEGCS4usEAaAQCxFQARErEEDDk5MDEzETMgERAHEyMDIxERMj4CNC4CI1LdAXl7jd1zOx8rOx8fOysfBeH+Tv7+VP0nAnv9hQNICidimGInCgAAAAABACX/7wKaBfIAMwBmALIuAQArsQMK6bISAwArsR0K6QGwNC+wD9axHxPpsAAg1hGxARPpsB8QsQUBK7AbMrEsE+mwGjKxNQErsR8BERKwCjmwBRGyAxQdOTk5sCwSsCc5ALEdAxEStQABDxobLCQXOTAxEzcQMzI3NC4DJy4CNTQ2NzIzMhceAhUHNCMGFxQeBhceAhUQJSIuAyXZaFoBES8bTwlCST+PkQUFWD5COxnZWUwBCAwZECcSMAhKPUj+zFJ4RCcMAaYU/wCmHT1WKXUOYHyuS4vUAiMlgX1KFNkClBIrIzMdOxtDDW9itEz+hQEzTHpxAAEABAAAAoMF4QAHADoAsgYBACuyAQMAK7EADOmwAzIBsAgvsAbWsQUT6bIFBgors0AFAwkrsgYFCiuzQAYACSuxCQErADAxEzUhFSMRIxEEAn/R3QT+4+P7AgT+AAAAAAEAUP/wAp4F4QAXAD8AshMBACuxBwvpsgEDACuwCzMBsBgvsADWsQMT6bADELEKASuxDRPpsRkBK7EDABESsBM5sQ0KERKwEjkAMDETETMRFBYWMjY1NxEzERQOAyIuAidQ3QIlRiQD3QQfN3moeTcfAgE1BKz7VAwlPTcdGgSs+1QMLXFWRUNgXyAAAQASAAACugXhAAkAPQCyCQEAK7IAAwArsAYzAbAKL7AA1rEBE+mwARCxBgErsQcT6bELASuxBgERErEICTk5ALEACRESsAM5MDETMxMXMzcTMwMjEtdvCA0Ibtfl3QXh/MVAQAM7+h8AAAAAAQAZAAAD9AXhABUAaQCyFQEAK7AOM7IAAwArsQYMMzMBsBYvsADWsQEO6bABELEGASuxBxHpsAcQsQwBK7ENDumxFwErsQEAERKwFTmwBhGwFDmwBxKxERI5ObAMEbAPObANErAOOQCxABURErIDCRE5OTkwMRMzExczNxMzExczNxMzAyMDJyMHAyMZzFgFEAZeoF4GEQRYzcusZg0IDGesBeH88jExAw788jExAw76HwLJWFj9NwAAAAABABAAAALRBeEAEQE+ALIAAQArsgsMETMzM7ICAwArsgMICTMzMwGwEi+wANawAjKxERPpsAMysBEQsQwBK7AIMrELE+mwCTKxEwErsDYaujz/7KEAFSsKusL17MYAFSsKusMT7GgAFSsLsAIQswECDBMrsQIMCLAAELMBAAgTK7rDEOxxABUrC7ADELMEAwsTK7o87exoABUrC7AAELMHAAgTK7rDEOxxABUrC7ADELMKAwsTK7EDCwiwERCzChEJEyu6wxPsaAAVKwuwAhCzDQIMEyu6PO3saAAVKwuwERCzDxEJEyuzEBEJEyuyBwAIIIogiiMGDhESObIQEQkREjmwDzmyBAMLIIogiiMGDhESObINAgwREjkAtgEEBwoNDxAuLi4uLi4uAbYBBAcKDQ8QLi4uLi4uLrBAGgEAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEPTw2ngHCAZ52fD02X8ECAV/AxcCyv6DEhIBff02/OkBwRIS/j8AAQAOAAACrgXhAAsASACyCgEAK7IAAwArsAYzAbAML7AA1rEBE+mwARCxCgErsQkT6bAJELEGASuxBxPpsQ0BK7EJChESsQMEOTkAsQAKERKwAzkwMRMzExczNxMzAxEjEQ7ZbwYEBm/Z4d0F4f4fDg4B4fyg/X8CgQAAAAEAFAAAAl4F4QAJADsAsgABACuxBwvpsgQDACuxAwvpAbAKL7EAASuxCRjpsAUysQsBK7EJABESsAc5ALEDBxESsQEGOTkwMTM1ASE1IRUBIRUUAVv+1wIY/qABYO4EGNvb+9XbAAAAAQBS/ysB4QXhAAgAMwCyBQEAK7EIBOmyAQMAK7EEBOkBsAkvsAjWsQcW6bACMrEFDumxBhbpsAMysQoBKwAwMRcRIRUjETMVIVIBj8rK/nEQBfHE+tPFAAEACP9MAxAGnAADAE0AAbAEL7AA1rEBEemwARCxAwErsQIR6bEFASuwNhq6wyHsOwAVKwoEsAAusAIusAAQsQEZ+bACELEDGfkCswABAgMuLi4usEAaAQAwMRMzASMIogJmqAac+LAAAQA5/ysByQXhAAgAPACyAAEAK7EIBOmyBAMAK7EDBOkBsAkvsAjWsAMysQcW6bAHELEBDumwAS+wBxCxABbpsAAvsQoBKwAwMRczESM1IREVITnLywGQ/nAQBS3E+g/FAAAAAAEANQMpBBkF4QAGABUAsgEDACuxBQbpAbAHL7EIASsAMDETATMBIwEBNQF96gF9x/7V/tUDKQK4/UgCH/3hAAABAEr+ugRx/2YAAwAXALADL7EAB+mxAAfpAbAEL7EFASsAMDEXIRUhSgQn+9marAABASUFGQJmBdEAAwAaALADL7EBCekBsAQvsADWsQIV6bEFASsAMDEBMxcjASXXap8F0bgAAgAx//ACaARxACUALQCAALIdAQArsiMBACuxKArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSgF6QGwLi+wANaxJg7psBEg1hGxEA7psCYQsR8BK7EGKzIysRoO6bEvASuxJhERErAjObEfEBESsgUVIDk5ObAaEbAdOQCxCigRErMAGBosJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJjcUFzI2NREGMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4u2gBJx0BHz4AAAACAFL/8AJkBeEAEQAdAFkAsgABACuyDAEAK7EVBOmyAQMAK7IFAgArsRsE6QGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVABESsBA5sQUbERKwAzkwMTMRMxE2MzIWFREUBiMiJicnFTUUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJwXh/jZailH9NVKJLRYXSvYdJycdAnQdJysZAAABAEL/7wJUBHEAGwBUALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsBwvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysR0BK7EUDxESsAM5ADAxExEQITIWFRUjNTQmIyIHERQzMjY1NTMVFAYjBEIBCImBzxgjOQE6IxjPgYn++AE7AeoBTI60WIczJ1r9pFonM5xttI0BAAACAEr/8AJcBeEAEQAdAFkAsgwBACuyDwEAK7EVBOmyCQMAK7IEAgArsRsE6QGwHi+wANaxEg7psBIQsQwBK7EIFzIysQsO6bEfASuxEgARErEEDzk5ALEVDBESsA05sQQbERKwCDkwMTcRNDYzMhYXFxEzESM1BiMiJjcUFjI2NRE0JiIGFUpSTSFSGRjPz1hMTlHPIC0nJy0gywLLUoktFxYByvofSlqJfR0nJx0CdBkrJx0AAAAAAgBC//ACWARxACQALwBZALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxKwjptCUNHwcNK7ElBukBsDAvsADWsQ4O6bAlMrAOELEWASuwJjKxGQ7psAsysTEBK7EWDhESsQcfOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCvpYCJSMhJwICARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfAbSeDCc/OR0cAAAAAQAUAAABywXpABgATACyFwEAK7IKAwArsQ4J6bIBAgArsBIzsQAJ6bAUMgGwGS+wF9awAjKxFg7psBAyshYXCiuzQBYUCSuyFxYKK7NAFwAJK7EaASsAMDETNTM1NTQ+AzMXFSYjIhcVFTMVIxEjERRpBBktYENhGyNCAWhozwOmuhEOM0J2RjkOsgi0EA26/FoDpgAAAAADAAz+bwK6BHEANAA/AFUAmwCyEgIAK7AWM7FQBOmwFzKwMi+xNwfpsCEvsUMH6QGwVi+wC9awBDKxVQ7psCUysAAg1hGxNQ7psFUQsUUBK7EbDumzOhtFCCuxLw7psBYysVcBK7E1CxESsQcCOTmxRVURErUhIyk+ElAkFzmxGzoRErEUGTk5ALEhNxEStQAEJS81PiQXObBDEbAHObBQErAZObASEbAUOTAxFzQ3JjU0NjcmJicnETQ+AzMyFzY3FSIHFxEUDgMjIicGFRQeAhceAxUUBiMmJjcUNzI2NTQmJycGExQWMzY1ESY0NjU0Jy4CIyIGFRURDKJ9UDEzOwUEBB0xbUiHR2ZESDAKBB8xbUkbDB0WPh0tOVhaM86UpKjJhztjKUZqTDEfHT8BAgMEChsUHR+4Xkwjci1gGyN5LSsBMQwlYkw+Z2YBuRhG/sMKJ19JPAIZGhAZEAQJCBo4ZEaYhgRgl04BJyQhIwwVLAJcETgGXwEzAQUKAQgLDx8UMxsY/s0AAAABAFIAAAJkBeEAEgBHALIAAQArsAszsgEDACuyBwIAK7EPCukBsBMvsADWsRIO6bACMrASELEMASuxCw7psRQBK7ELDBESsAc5ALEHDxESsAM5MDEzETMRNzY2MzIWFREjETQjIgcRUs8gHkkhTE/OMikaBeH+ISAeMYpR/GoDdzE1/I0AAAAAAgBSAAABIQXhAAMABwAwALIAAQArsgUDACuxBArpsgECACsBsAgvsADWsAQysQMO6bAGMrEDDumxCQErADAxMxEzEQM1MxVSz8/PBGD7oAUSz88AAv/T/n8BGwXhABQAGAA4ALIQAAArsQIE6bIWAwArsRUK6bIIAgArAbAZL7AE1rAVMrEKDumwFzKxGgErALECEBESsBQ5MDEHFjMyNTQ0NREzERQOAyMiJicnEzUzFS0dHEDPBBktYEQdLQgIec+2CI4DDwMEe/uDM0FzRjcGAgQGh8/PAAAAAAEAUgAAAn0F4QARAE0AsgABACuwCjOyAQMAK7IHAgArAbASL7AA1rERDumwAjKwERCxCwErsQoO6bETASuxCxERErAHObAKEbEJCDk5ALEHABESsQQNOTkwMTMRMxEVMzcTMwMTIwMnIwcHEVLPCgxlupW8x2YECgcaBeH9WiQkASX+lP0MAcUQEEL+fQAAAAEAUgAAASEF4QADACEAsgABACuyAQMAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8F4fofAAAAAAEAUgAAA7AEcQAfAHsAsgABACuxERgzM7IBAgArsgcCACuwDTOxHArpsBUysQMHECDAL7EcBekBsCAvsADWsR8O6bACMrAfELEZASuxGA7psBgQsRIBK7ERDumxIQErsRkfERKwBTmwGBGxCQc5ObEREhESsA05ALEDHBESsAk5sAERsAU5MDEzETMVMjY2MzIXPgIzMhYVESMRNCMiBxEjETQjIgcRUs8CPUwhZCcETkogTFDCOCklwjcpJQRgXj0yfQRKL4pR/GoDdzE1/I0DdzE1/I0AAAEAUgAAAmQEcQASAEcAsgABACuwCzOyAQIAK7IHAgArsQ8K6QGwEy+wANaxEg7psAIysBIQsQwBK7ELDumxFAErsQsMERKwBzkAsQEPERKwAzkwMTMRMxU3NjYzMhYVESMRNCMiBxFSzyAeSSFMT84yKRoEYF4gHjGKUfxqA3cxNfyNAAIAP//wAlIEcQAXADEATACyEgEAK7EeCOmyBwIAK7ErCOkBsDIvsADWsS4O6bAuELEgASuwJTKxDA7psTMBK7EuABESsAM5sCARsxIHIiMkFzmwDBKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1NxQXHgIzNjcRIjc2NTQnLgIjBgcRFhQGPwMcMW9KxzUOAh0zbUtKbzEcvwMEDB8VRgECAgEDBAwfFkQCAQIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwsJCxEiFgpnAjMLBAQJDBEhGApo/c0BBgwAAAAAAgBS/n8CZARxABEAHQBXALIMAQArsRUE6bIBAgArsgUCACuxGwTpsAAvAbAeL7AA1rERDumxAhIyMrARELEXASuxCQ7psR8BK7EJFxESsQUMOTkAsRUMERKwEDmxARsRErADOTAxExEzFTYzMhYVERQGIyImJycRERQWMjY1ETQmIgYVUs9YTE5RUk0hUhkYJy0hIS0n/n8F4UlailH9NVKJLRYX/jUCdxkrJx0CdB0nJx0AAgBK/n8CXARxABEAHQBXALIPAQArsRUE6bIJAgArsgQCACuxGwTpsAwvAbAeL7AA1rESDumwEhCxDAErsQgXMjKxCw7psR8BK7ESABESsQQPOTkAsRUPERKwDTmxCRsRErAIOTAxNxE0NjMyFhcXNTMRIxEGIyImNxQWMjY1ETQmIgYVSlJNIVIZGM/PWExOUc8gLScnLSDLAstSiS0XFkn6HwHLWol9HScrGQJ0HScnHQAAAQBSAAAB8ARxAA4AMQCyAAEAK7IBAgArsgYCACuxCQvpAbAPL7AA1rEODumwAjKxEAErALEBCRESsAM5MDEzETMVNjYzFSYjIgcGFRFSzwhkYyIeOCotBGB9KWXmCyUpPvz2AAEAJf/wAk4EcQArAHoAsiYBACuxAwfpsgMmCiuzQAMACSuyEAIAK7EbB+myGxAKK7NAGxkJKwGwLC+wC9axHQ7psAAg1hGxAQ7psB0QsQUBK7AZMrEjDumwGDKxLQErsQELERKwCDmxBR0RErMDBxImJBc5sCMRsCE5ALEbAxESsQsiOTkwMRMzFDMyJzQnLgI1ND4CNzIzMhceAhUjNCMGBxQWFhcWFxQGIyIuAyXAYUgBgUQ9Qxg2ZkgGBU41ODERwUM/AS8rLb4BgYdIbT0lCgFGqodKfEJCiUw3Ylw4AhocZlg7gwKBIVAtK7age7gxR2NQAAAAAQAU//AB2QV1ABYAVQCyDwEAK7ELCumyAQIAK7AFM7EACemwBzKyAQAKK7NAAQQJKwGwFy+wFdawAjKxCQ7psAQysgkVCiuzQAkHCSuwDDKyFQkKK7NAFQAJK7EYASsAMDETNTMRMxEzFSMRFDM3FQYjIi4DNREUac+NjUFMLUJEXy0ZBAOmugEV/uu6/dO4CMsOOUh4RjkCPgAAAQBO//ACYARgABIARwCyCwEAK7IQAQArsQUK6bIBAgArsAgzAbATL7AA1rEDDumwAxCxCwErsAcysQoO6bEUASuxAwARErAQOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJk7PMSkaz88fHkohTE/LA5X8iTE2A3L7oF4gHjCJAAAAAAEAEAAAAkoEYAAJAD0AsgkBACuyAAIAK7AGMwGwCi+wANaxAQ7pswkBAAgrsQgO6bABELEGASuxBw7psQsBKwCxAAkRErADOTAxEzMTFzM3EzMDIxDJRAgQCETJt8wEYP13SEgCifugAAAAAAEAFAAAA3UEYAAVALEAshUBACuwDjOyAAIAK7IGDA0zMzMBsBYvsADWsQEO6bABELEGASuxBxDpsAcQsQwBK7ENDumxFwErsDYauj+B+BAAFSsKDrAMELAKwAWwDRCwDsC6P5n42QAVKwuwChCzCwoMEyuyCwoMIIogiiMGDhESOQCxCgsuLgGyCgsOLi4usEAaAbEBABESsBU5sAYRsBQ5sAcSsRESOTmwDBGwDzkAsQAVERKyAwkROTk5MDETMxMXMzcTMxMXMzcTMwMjAycjBwMjFL1BCQwKVntWCg0IQb2mrFAKCAtQrARg/bdAQAJJ/bdAQAJJ+6ACFz8//ekAAAAAAQAQAAACWgRgABEAvwCyAAEAK7ELETMzsgICACuyAwgJMzMzAbASL7AC1rEDDumwETKwAxCxAA7psAAvsAMQsQgBK7AMMrEJDumxCw7psRMBK7A2Gro9W+3KABUrCg6wABCwAcCwERCwEMC6wmnumwAVKwqxAAEIsAIQsAHADrADELAEwLo9l+6bABUrCg6wCBCwB8CwCRCwCsAAtAEEBwoQLi4uLi4BtAEEBwoQLi4uLi6wQBoBsQgDERKwDjkAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEMGwwkoGBAZKw7DAyVQGBAZUAkICHv76Hx8BBv3i/b4BGx4e/uUAAAAAAQAZ/m8CYgRgABIAPwCyAAIAK7AGM7AML7ENCekBsBMvsADWsQEO6bABELEGASuxBw7psRQBK7EBABESsQwSOTkAsQANERKwAzkwMRMzExczNxMzAwYGIyc1FjM2NjUZylIECQRSysYQnHNcECE9SARg/VA5OQKw+0x/vgS4BAZvQwAAAQAMAAACBARgAAkAQQCyAAEAK7EHCemyBAIAK7EDCekBsAovsQABK7EJF+mwBTKxCwErsQkAERKwBzkAsQcAERKwATmxBAMRErAGOTAxMzUBIzUhFQEhFQwBHfABy/7jAR2oAvy8qP0EvAAAAQA9/jcCdwX2AB0AYgCyCAMAK7EJB+mwFi+xFQfpsAAvsQEG6QGwHi+wGdawBDKxEg7psAwyshIZCiuzQBIWCSuwCDKxHwErsRIZERKwDzkAsQAVERKyERIZOTk5sAERsA85sAkSsgUMDTk5OTAxEzUyNjURNDYXFSYGFREUBxYVERQWNxUGJjURNCYmPUg8wPaHa39/a4f2wBFCAcWjYykBjd+WBKwCUHf+c49OUoz+c3dQAqwElt8BjRQ2QAAAAQBS/gABEgacAAMAFwABsAQvsADWsQMO6bEDDumxBQErADAxExEzEVLA/gAInPdkAAAAAAEAOf43AnMF9gAdAGIAsg0DACuxDAfpsB0vsQAH6bAWL7EVBukBsB4vsAPWsAgysRoO6bAQMrIDGgors0ADHQkrsAwysR8BK7EaAxESsAY5ALEWABESsgMEGjk5ObAVEbAGObAMErIICRA5OTkwMRMWNjURNDcmNRE0Jgc1NhYVERQWFjMVBgYVERQGJzmHa39/aoj2wRBCMUg7wfb+5wJQdwGNi1NOjwGNd1ACrASW3/5zFzc+owRhJ/5z35YEAAEAcQUOBMkGgwAdADIAsBovsQYJ6bMMBhoIK7EWCemwHTIBsB4vsR8BKwCxGhYRErAAObEGDBESsQoQOTkwMRM+BDMyFhYXFjcyNzcXDgQjIicmIgYHB3EEEDxFeUI3cDQ5akRtRQ2HBBE7RnBAeZdzf2QTEgVIDClqUkIlHSVIAZkdOQwsalBEZUpbLS0AAAIASv5/ATkEYAADAAcAPgCyBQIAK7EEDOmwAC8BsAgvsATWsAAysQcT6bADMrMCBwQIK7EBEOmwAS+xAhDpsQkBKwCxBAARErABOTAxExMzEwM1MxVKN4E349f+fwRM+7QE/uPjAAAAAQBC/4UCTAYfAB8APQABsCAvsADWsREO6bARELEdASuwAzKxHBDpsAUysBwQsRULK7ALMrEYDumwCTKxIQErsRwdERKwDjkAMDETERA3NTMVFhYVFSM1NCMiFREUFzInNTMVFAYHESMRJkLQe2JdvUlISEoBvVxje9AB/AHpASkf8vQQkJtYh1pa/aRaAVubbJyREf7RAS0fAAAAAQAE//ADFAX0ADoAuACyMwEAK7A6M7EtC+myEwMAK7EcCum0CQozEw0rsCIztAkGABsEK7AkMrMZMxMIKwGwOy+wDtaxHw7psg4fCiuzQA4JCSuzBh8OCCuxJw7psicGCiuzQCckCSuwHxCxGQErsRgO6bE8ASuxBg4RErMECAs6JBc5sB8RsDY5sCcSsiIlKTk5ObAZEbArObAYErIuLzM5OTkAsS0zERKxADY5ObAJEbIELzA5OTmxHBkRErEOHzk5MDE3PgI3NjU0JyM1MycmNTQ+Ajc2HgIVIzQmBwYGFRQXFzMVIxYHFAceAjM2NxcGBiMiJiMiBgcHBAgfbT8lH7yTBk4fQnZQYIhHHdUzQC8rRgbTrhkBORA4KRRKCLwMi2QzuSUhOQwMPxRDdApvWERqiRX+WEZ6b0QCAkR3h1JWcQICYkRx4RmJZEpocwghEgS6FrbHZjMbGAAAAAEAGQAAArgF4QAZANIAshEBACuyAAMAK7IBBgczMzO0ExQRAA0rsAwztBMGABsEK7AOMrQXGBEADSuxCBkzM7QXBgAbBCuwCjIBsBovsADWsQET6bABELERASuwFTKxEBPpsAsyshARCiuzQBAKCSuwDTKyERAKK7NAERcJK7ATMrAQELEGASuxBxPpsRsBK7A2GrrBnPG7ABUrCrAAELAZwA6wARCwAsC6PmTxuwAVKwoOsAYQsAXABbAHELAIwAMAsQIFLi4BswIFCBkuLi4usEAaALEAGBESsAM5MDETMxMXMzcTMwMzFSMVMxUjESMRIzUzNSM1MxnZbgYEB27ZxJOwsLDdsLCwkwXh/h8ODgHh/Q+KiYn+rAFUiYmKAAIBEAUZAvAF4QADAAcANgCyAQMAK7AFM7EACumwBDKyAQMAK7EACukBsAgvsADWsQMO6bADELEEASuxBw7psQkBKwAwMQE1MxUzNTMVARC/Yr8FGcjIyMgAAAAAAwA1//AGNwXyAAcAEQA2AMUAsgcBACu0CwUANAQrsgMDACu0EAUANAQrtDMoBwMNK7QzBgAbBCuyKDMKK7NAKCwJK7QZIwcDDSu0GQYAGwQrsiMZCiuzQCMeCSsBsDcvsAHWsQkQ6bAJELESASuxJhHpsCYQsSoBK7AeMrQtEAAtBCuwHDKwLRCxDQErsQUQ6bE4ASuxEgkRErIHAgo5OTmwJhGxFTY5ObAqErIZEDM5OTmwLRGwLzmwDRKyBgsDOTk5ALEjKBEStgAEBQEJCA0kFzkwMRIQACAAEAAgABAAIAAREAAhIBMRND4DMzIXFxUjNTU0JiMGBxEUMzYnNTMVFA4DIyImJzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZIAhQjUDeTIweKGBkvAjE1BIoCFSNONVZgBgGyAnsBxf47/YX+PgQK/ev+gQF/AQsBDAF//GwCEwgbQzMrkzF9fRELIwI9/e0/Aj19fQgaRDMrYjEAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAQANf/wBjcF8gAHABEAHgApAO8AsgcBACu0CwUANAQrsgMDACu0EAUANAQrtB0fBwMNK7QdBQAxBCuwHDKyHR8KK7NAHRsJK7ESGjIytBQpBwMNK7QUBQAwBCsBsCovsAHWsQkQ6bAJELESASuxHhHpsB8ysB4QsSQBK7AbMrQWEAAsBCuxGhHpsBYQsQ0BK7EFEOmxKwErsDYausIj75sAFSsKsBsQsBzADrAaELAZwACwGS4BsRkcLi6wQBoBsRIJERKyBwIKOTk5sSQeERKwEDmxDRoRErIGCwM5OTkAsR0LERKyBQkAOTk5sB8RsA05sCkSsAg5sBQRsQQBOTkwMRIQACAAEAAgABAAIAAREAAhIBMRMzITFAYHEyMDIxERMzI2NjU0JiYjIzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZGxOcBITdql183LSstCgotKy0BsgJ7AcX+O/2F/j4ECv3r/oEBfwELAQwBf/u+A2/+/kxiL/5wAW3+kwHsKy8lJzErAAAAAAEBOQUjAscFxQADAB8AsAAvsQEG6bEBBukBsAQvsQABK7EDFumxBQErADAxATUhFQE5AY4FI6KiAAAAAAEBmgUZAtsF0QADABoAsAAvsQEJ6QGwBC+wANaxAhXpsQUBKwAwMQE3MwcBmmrXogUZuLgAAAAAAQAAAokA1wNtAAMAIgCwAC+xAQzpsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDERNTMV1wKJ5OQAAAAAAQGq/n8CVv+RAAYALACwBC+wBi+0AAYAGwQrAbAHL7AG1rECEemxAhHpsQgBKwCxBgQRErACOTAxBTMVByM3IwGqrC1oKD9vjYWFAAIAKf51Am0EYAAfACMAQQCyIQIAK7EgDOmwGy+xEgTpAbAkL7AA1rEPDumwDxCxBgsrsCAysQkO6bAiMrElASsAsSASERKzAAcVFiQXOTAxFzQ3PgI1ETMRFAYGBwYHBhYzFjY3Fw4DJy4DEzUzFSlQJyUvvjEvKSsKBiInL0YOswwsTHRCUnA0FL7XalKJP0CVRgEA/wBmu15GSCgbRAJjMVQhSFw7AgI/ZVIEDuPjAAAAAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQcAERKwCDmwBBG2AgEJCgsMDSQXOQCxAQwRErAPOTAxMxMhEyMDIwMDMxcjEzMDJyMHFOQBDuPXKdUoX9droASYQAYMBgXh+h8BM/7NBx+5+7cB2ycnAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQQHERK2AgEICQsMDSQXObADEbAKOQCxAQwRErAPOTAxMxMhEyMDIwMTNzMHAzMDJyMHFOQBDuPXKdUoOWrXoZKYQAYMBgXh+h8BM/7NBma5ufu3AdsnJwAAAAADABQAAALpBx8ABwAOABQAbQCyAAEAK7ADM7IBAwArtAYPAAENK7EGDOmwDi+wCzOxCQnpAbAVL7AA1rEHE+mwBxCxBAErsQMT6bEWASuxBwARErAIObAEEbcCAQkKDA4PECQXObADErALOQCxAQ8RErASObEJDhESsA05MDEzEyETIwMjAwM3MxcjJwcDMwMnIwcU5AEO49cp1ShnjdyNvT89D5hABgwGBeH6HwEz/s0GZrm5SEj7twHbJycAAAADABQAAALpBx8ABwAbACEAgwCyAAEAK7ADM7IBAwArtAYcAAENK7EGDOmwGC+xCwbpsBIysBUg1hGwCDOxDgbpAbAiL7AA1rEHE+mwBxCxBAErsQMT6bEjASuxBwARErEICTk5sAQRtwIBCw0VGBwdJBc5sAMSsRITOTkAsQEcERKwHzmxGBURErATObAOEbAJOTAxMxMhEyMDIwMDNTYzMhYXMjY3NxUGIyImIyIGBxMzAycjBxTkAQ7j1ynVKDQxPCF0Hxk3Dg8zOh90IRk3DmyYQAYMBgXh+h8BM/7NBmCYJyUCEAgJmCcnEAn7tQHbJycABAAUAAAC6QcvAAcACwARABUAhACyAAEAK7ADM7IBAwArtAYMAAENK7EGDOmwCC+wEjOxCQrpsBMyAbAWL7AI1rELDumzBwsICCuxABPpsAAvsQcT6bALELESASuxFQ7pswQVEggrsQMT6bEXASuxCwcRErIBBgw5OTmwEhGxDxA5ObAEErICBQ05OTkAsQEMERKwDzkwMTMTIRMjAyMDAzUzFQMzAycjBxM1MxUU5AEO49cp1ShdvxuYQAYMBj2/BeH6HwEz/s0GZsnJ+7cB2ycnAm7JyQAABAAUAAAC6QdxAAcADwAVAB0ApACyAAEAK7ADM7IBAwArtAYQAAENK7EGDOmwDy+0GQUANgQrsB0vtAsFADYEKwGwHi+wCda0Fw8ALgQrsBAyswcXCQgrsQAT6bAAL7EHE+mwFxCxGwErsBEytA0PAC4EK7MEDRsIK7EDE+mxHwErsRcHERKxAQY5ObAbEbQLDg8KFCQXObAEErECBTk5ALEBEBESsBM5sR0ZERKzCQwNCCQXOTAxMxMhEyMDIwMCNDYyFhQGIgMzAycjBwIUFjI2NCYiFOQBDuPXKdUoBVt/WFh/D5hABgwGPi86Ly86BeH6HwEz/s0GpHtSUntS+8sB2ycnAwY5Kys5KwAAAAACABAAAAQjBeEADwATAKkAsgwBACuxAA8zM7EJDOmyAgMAK7ABM7EEDOm0DhAMAg0rsQ4M6bQFCAwCDSuxBQ3pAbAUL7AA1rEPE+mwDxCxDQErsBEysQkT6bAEMrIJDQors0AJAgkrsAoysA0QsQcW6bEVASuwNhq6PWrt/wAVKwqwABCwAcAOsA8QsBPABbMODxMTK7MQDxMTKwMAsBMuAbMBDhATLi4uLrBAGgCxBAURErASOTAxMwEhFSERMxUjESEVIREjAxMzESMQAaQCb/7jzc0BHf4G41qdoAoF4eP+dfL+YuMBM/7NAh0CAgACAET+fwKRBfIALQA0AG8AsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwNS+wANaxGBPpsDEysBgQsR8BK7AOMrEjDumwDDKxNgErsRgAERKzBikuLyQXObAfEbUHFSgwMzQkFzmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJxMVMwczNzVEBB44ead5OB4CAs4CBAsOIxpGCAQnIykrzgQeOHmneTgeAsZAKWgtATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyD+f42FhY0AAAIAUgAAAkwHHwALAA8AVwCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwEC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysREBK7EJABESsQwPOTmwBxGxDQ45OQAwMTMRIRUhETMVIxEhFQEzFyNSAfr+483NAR3+I9dqoAXh4/518v5i4wcfuQAAAAACAFIAAAJMBx8ACwAPAFsAsgABACuxCQzpsgEDACuxBAzptAUIAAENK7EFDekBsBAvsADWsQsX6bACMrEJE+mwBDKxBxbpsQsX6bADMrERASuxCQARErAMObAHEbENDzk5sAsSsA45ADAxMxEhFSERMxUjESEVATczB1IB+v7jzc0BHf6gateiBeHj/nXy/mLjBma5uQAAAAIAUgAAAkwHHwALABIAcACyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6bASL7APM7ENCekBsBMvsADWsAwysQsX6bECDzIysQkT6bAEMrEHFumxCxfpsAMysRQBK7EJABESsQ0SOTmwBxGyDhAROTk5ALENEhESsBE5MDEzESEVIREzFSMRIRUBNzMXIycHUgH6/uPNzQEd/giN2469Pz4F4eP+dfL+YuMGZrm5SEgAAAMAUgAAAkwHLwALAA8AEwBvALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3psAwvsBAzsQ0K6bARMgGwFC+wANaxCxfpsAIysQkT6bAEMrEHFumwBxCwEyDWEbEQDumwEC+xEw7psAAQsQsX6bADMrAMM7EPDumxFQErADAxMxEhFSERMxUjESEVATUzFTM1MxVSAfr+483NAR3+Er9ivgXh4/518v5i4wZmycnJyQAAAAL/+gAAAT8HHwADAAcAKgCyBAEAK7IFAwArAbAIL7AE1rEHE+mwAjKxCQErsQcEERKxAQM5OQAwMQMzFyMDETMRBtdqnzrdBx+5+ZoF4fofAAAAAAIAUgAAAZgHHwADAAcAKgCyAAEAK7IBAwArAbAIL7AA1rAEMrEDE+mxCQErsQMAERKxBQc5OQAwMTMRMxEDNzMHUt3Za9eiBeH6HwZmubkAAv++AAABtAcfAAYACgA8ALIHAQArsggDACuwBi+wAzOxAQnpAbALL7AH1rEKE+mxDAErsQoHERKzAgEEBiQXOQCxAQYRErAFOTAxAzczFyMnBwMRMxFCjtuNvEA9Md0GZrm5SEj5mgXh+h8AA//LAAABqgcvAAMABwALAEUAsgQBACuyBQMAK7AAL7AIM7EBCumwCTIBsAwvsATWsQcT6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vj3dPb4GZsnJ+ZoF4fofBmbJyQAAAgAUAAACuAXhABUAIABkALITAQArsRYL6bIEAwArsRwL6bQBABMEDSuwHzOxAQzpsB0yAbAhL7AU1rACMrEWE+mwHDKzDBQADiu0HxUADAQrsBYQsRkBK7ENFOmxIgErALEAFhESsAw5sRwBERKwCzkwMRM1MxEzMh4FEA4FIyMREzI2AxImIxEzFSMUPq5af2I+JxIGBhInPmJ/Wq7ddTECAjF1VFQCj+QCbhgrXGO0rv7lrrJiXCsZAo/+TqIBcwFzn/5v5AACAFIAAALXBx8ADwAjAKcAsgABACuwCTOyAQMAK7AHM7AgL7ETBumwGjKwHSDWEbAQM7EWBukBsCQvsADWsQ8O6bACMrAPELEFASuwCjKxCQ7psSUBK7A2GrrCR+8TABUrCg6wDBCwC8CxAxn5sATAALMDBAsMLi4uLgGzAwQLDC4uLi6wQBoBsQ8AERKxEBE5ObAFEbMTFR0gJBc5sAkSsRobOTkAsSAdERKwGzmwFhGwETkwMTMRMxMXMzURMxEjAycjFREDNTYzMhYXMjY3NxUGIyImIyIGB1LF1xIMy8XXEgxOMTshdR8ZNg8OMzkfdSEZNg8F4fzwRkYDEPofAxBGRvzwBmCYJyUCEAgJmCcnEAkAAAAAAwBE//ACkQcfABcAGwArAE0AshMBACuxIAvpsgcDACuxKAvpAbAsL7AA1rEcE+mwHBCxIwErsQ0T6bEtASuxHAARErMGExgbJBc5sCMRsBk5sA0SsgcSGjk5OQAwMRMRND4DMh4CFxcRFA4DIi4CJxMzFyMTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgIz12qfBgIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gBg25+s8MJT03HRoDdwwlPjgaHQADAET/8AKRBx8AFwAbACsATQCyEwEAK7EgC+myBwMAK7EoC+kBsCwvsADWsRwT6bAcELEjASuxDRPpsS0BK7EcABESsgYTGDk5ObAjEbAZObANErMHEhobJBc5ADAxExE0PgMyHgIXFxEUDgMiLgInEzczBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtdq16KbAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5+s8MJT03HRoDdwwlPjgaHQAAAAADAET/8AKRBx8AFwAeAC4AYgCyEwEAK7EjC+myBwMAK7ErC+mwHi+wGzOxGQnpAbAvL7AA1rEfE+mwHxCxJgErsQ0T6bEwASuxHwARErMGExgZJBc5sCYRsRweOTmwDRKzBxIaGyQXOQCxGR4RErAdOTAxExE0PgMyHgIXFxEUDgMiLgInEzczFyMnBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAiuN2428QD0MAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5SEj6zwwlPTcdGgN3DCU+OBodAAAAAwBE//ACkQcfABcAKwA7AHMAshMBACuxMAvpsgcDACuxOAvpsCgvsRsG6bAiMrAlINYRsBgzsR4G6QGwPC+wANaxLBPpsCwQsTMBK7ENE+mxPQErsSwAERK0BhMYGygkFzmwMxGwHTmwDRKzBxIiJSQXOQCxKCURErAjObAeEbAZOTAxExE0PgMyHgIXFxEUDgMiLgInEzU2MzIWFzI2NzcVBiMiJiMiBgcTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgJeMTshdR8ZNg8OMzkfdSEZNg9vAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFTpgnJQIQCAmYJycQCfrNDCU9Nx0aA3cMJT44Gh0AAAQARP/wApEHLwAXABsAKwAvAIYAshMBACuxIAvpsgcDACuxKAvpsBgvsCwzsRkK6bAtMgGwMC+wANaxHBPpsBwQsBsg1hGxGA7psBgvsRsO6bAcELEjASuxDRPpsCwg1hGxLw7psTEBK7EYABESsBY5sBwRsRMGOTmxLBsRErMfICcoJBc5sS8jERKxEgc5ObANEbAKOQAwMRMRND4DMh4CFxcRFA4DIi4CJxM1MxUDFBYWMjY1NxE0JiYiBhUHEzUzFUQEHjh5p3k4HgICBB44ead5OB4CNb4YAiVFJQICJUUlAnu+ATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVUycn6zwwlPTcdGgN3DCU+OBodAbrJyQADADv/7AKRBfYAHwAoADAA4ACyHAEAK7EAHzMzsSQL6bIMAwArsQ8QMzOxLAvpAbAxL7AF1rEgE+mwKTKwIBCxJwErsSgqMjKxFhPpsBAysTIBK7A2Gro8+OyLABUrCrAALrAQELEPIfmwABCxHyH5uj0r7SsAFSsLsAAQswEADxMrsw4ADxMrsB8QsxEfEBMrsx4fEBMrBLMoHxATK7AAELMpAA8TK7IBAA8giiCKIwYOERI5sA45sh4fEBESObAROQC1AQ4RHigpLi4uLi4uAbYAAQ4PER4fLi4uLi4uLrBAGgGxJyARErEcDDk5ADAxFzcmJjUnETQ+AzMyFzczBxYWFRcRFA4DIyInBxMUFhYyNjU3EQcTJiciBhUHOy8SEgIEHjh5U1xCD3otFBcCBB44eVRgPw9lAiVFJQKTkwhCIyQCFJ0lVhkYA3cMLXFWRisvlidaGhn8iQwtcVZFKy8BSQwlPTcdGgHoRgHfZAE4Gh0AAAAAAgBQ//ACngcfABcAGwAmALIGAQArsRIL6QGwHC+wANaxFRPpsR0BK7EVABESsQUYOTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESMTMxcjUAQfN3moeTcfAgLdAyRGJQLdQddroAE1DC1xVkVDYF8gIwSs+1QMJT03HRoErAE+uQACAFD/8AKeBx8AFwAbACQAsgYBACuxEgvpAbAcL7AA1rEVE+mxHQErsRUAERKwBTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESM3NzMHUAQfN3moeTcfAgLdAyRGJQLd42vXogE1DC1xVkVDYF8gIwSs+1QMJT03HRoErIW5uQAAAAIAUP/wAp4HHwAXAB4ARACyBgEAK7ESC+mwHi+wGzOxGQnpAbAfL7AA1rEVE+mxIAErsRUAERKyBRgZOTk5ALEeEhESsgwWFzk5ObAZEbAdOTAxExQeAzI+Ajc3ESMRFAYGIiY1JxEjNzczFyMnB1AEHzd5qHk3HwIC3QMkRiUC3S2N2469Pz4BNQwtcVZFQ2BfICMErPtUDCU9Nx0aBKyFublISAAAAAMAUP/wAp4HLwAXABsAHwB4ALITAQArsQcL6bIBAwArsAszsBgvsBwzsRkK6bAdMgGwIC+wANaxAxPpsAMQsBsg1hGxGA7psBgvsRsO6bADELEKASuxDRPpsBwg1hGxHw7psSEBK7EYABESsBY5sAMRsBM5sRwbERKxBwY5ObEfChESsBI5ADAxExEzERQWFjI2NTcRMxEUDgMiLgInEzUzFTM1MxVQ3QIlRiQD3QQfN3moeTcfAjW/Yr4BNQSs+1QMJT03HRoErPtUDC1xVkVDYF8gBVTJycnJAAACABAAAAKwBx8ACwAPADMAAbAQL7AA1rELE+mwCxCxBgErsQUT6bERASuxBgsRErUBAwQMDQ8kFzmwBRGwDjkAMDETExEzERMjAwcjJwM3NzMHEOLd4dlvBgQGbxVq16EF4fyg/X8CgQNg/h8ODgHhhbm5AAIAUgAAArQF4QAKABEAUwCyAAEAK7IBAwArtAkLAAENK7EJDOm0BBEAAQ0rsQQM6QGwEi+wANaxChPpsQILMjKwChCxDgErsQcT6bETASsAsQsJERKwBzmxBBERErAGOTAxMxEzFTMyFhAGIxERMjY1NCYjUtsCpt/fpmZAQmQF4fHT/iDV/pgCSlqBg2YAAAEAQgAAAqgF8gAjAH4AsgABACuwEDOyBAMAK7EgCemyGgIAK7QZBgAbBCuyCAIAKwGwJC+wANaxIw7psCMQsRUBK7ELDumwHSDWEbQHDgA3BCuyHQcKK7NAHRAJK7AZMrElASuxHSMRErAEObEHFRESsAk5ALEZABESsAs5sBoRsAk5sCASsAc5MDEzETQ2MzIWFRQHFhEUDgIjNTI2NjU0JiYjNTI2NTQmIyIVEUKNi4WJWJgpXHFYLTMfHzMtIzMrK0oE03ukonttQVj+cLbpdynBM6yfqrM3jUIzLTdm+y0AAAMAMf/wAmgF0QAlACkAMQCJALIdAQArsiMBACuxLArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSwF6QGwMi+wANaxKg7psBEg1hGxEA7psCoQsR8BK7EGLzIysRoO6bEzASuxKhERErEjJjk5sBARsCk5sB8SswUVICckFzmwGhGxHSg5OQCxCiwRErMAGBowJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhMzFyMDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrNddroAw5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgFabj8CmgBJx0BHz4AAAAAAwAx//ACaAXRACUALQAxAIkAsh0BACuyIwEAK7EoCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xKAXpAbAyL7AA1rEmDumwESDWEbEQDumwJhCxHwErsQYrMjKxGg7psTMBK7EmERESsCM5sBARsC45sB8SswUVIC8kFzmwGhGyHTAxOTk5ALEKKBESswAYGiwkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImNxQXMjY1EQYTNzMHMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwxr16IBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeLtoAScdAR8+Azq4uAAAAAADADH/8AJoBdEAJQAsADQAoACyHQEAK7IjAQArsS8K6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EvBemwLC+wKTOxJwnpAbA1L7AA1rEtDumwESDWEbEQDumwLRCxHwErsQYyMjKxGg7psTYBK7EtERESsiMmJzk5ObAQEbAsObAfErMFFSArJBc5sBoRsx0oKSokFzkAsQovERKzABgaMyQXObEnLBESsCs5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM3MxcjJwcDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrKY3cjb0/PRs5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsbi4R0f8CmgBJx0BHz4AAAAAAwAx//ACaAXXACUAOQBBAK4Ash0BACuyIwEAK7E8CumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xPAXpsDYvsSkG6bAwMrAzINYRsCYzsSwG6QGwQi+wANaxOg7psBEg1hGxEA7psDoQsR8BK7EGPzIysRoO6bFDASuxOhERErMjJik2JBc5sR8QERKyBRUgOTk5sBoRsx0rMDMkFzkAsQo8ERKzABgaQCQXObE2MxESsDE5sCwRsCc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM1NjMyFhcyNjc3FQYjIiYjIgYHExQXMjY1EQYxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7a14xPCF0Hxk3Dg8zOh90IRk3Dl45IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsZcnJQIRCAiYJycQCPwCaAEnHQEfPgAABAAx//ACaAXhACUAKQAxADUArQCyHQEAK7IjAQArsSwK6bInAwArsDMzsSYK6bAyMrIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EsBekBsDYvsADWsSoO6bAqELApINYRsSYO6bAmL7EpDumwDzKwKRCxEQ7psBEvsCoQsR8BK7IGLzIyMjKxGg7psTUO6bE3ASuxKiYRErAjObEfKRESswUKFSAkFzmwNRGwHTkAsQosERKzABgaMCQXOTAxEzQ+Azc1NTQjIg4CFRUjNTQ2MzIWFRERFBcjJicjBgYjIiYTNTMVAxQXMjY1EQYTNTMVMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2s1vyk5IzOPi78BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeASxyMj8CmgBJx0BHz4DOsjIAAQAMf/wAmgGHQAlAC0ANQA9AMwAsh0BACuyIwEAK7EwCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xMAXpsC0vtDkFADYEK7A9L7QpBQA2BCsBsD4vsADWsS4O6bA2MrARINYRsRAO6bAuELQnDwAuBCuwJy+wLhCxHwErsQYzMjKxGg7pszsaHwgrtCsPAC4EK7E/ASuxLicRErAjObAQEbEoLTk5sB8StgUVIDg5PD0kFzmwOxGyHSksOTk5ALEKMBESswAYGjQkFzmxPTkRErMnKismJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhI0NjIWFAYiAxQXMjY1EQYSFBYyNjQmIjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztri1t/WFh/GzkjM48OLzovLzoBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeAToe1JSe1L8JWgBJx0BHz4DyzkrKzkrAAAAAAMAMf/wA6IEcQA2AD4ASQDHALI0AQArsDAzsTkK6bI0AQArsSUI6bIlNAors0AlKAkrshQCACuwGDOxCQjpsEUysgkUCiuzQAkQCSu0Px40FA0rsT8G6QGwSi+wANaxNw7psBAg1hGxDw7psDcQsTwBK7AGMrEgDumwPzKwIBCxJwErsEAysSoO6bAcMrFLASuxNxARErA0ObE8DxESsQUUOTmwIBGxFjI5ObAnErAwOQCxJTQRErAyObEeORESsQA3OTmwPxGwPTmwCRKwBTmwFBGwFjkwMRM0PgM3NTQjIg4CFRUjNTQ2MzIXNjcyFxYXESEVFRQeAjM2NzUzFRQOAyMiJwYjIiY3FBcyNjURBiUzNTQmJiMiBgcHMURiYk4EORQZCgTPoXVUREJgxzQOAf6qCA4hFUYDwQQdMW9LnkRmdztryzkjM48BUJUCJSIhJwICAQRqolY8KRB7ZhIvGyInL3uwNDMBxTMp/rrzDQgnHRgKZ3qBDCdiTj2Dg3i7aAEnHQEfPs2eDCc/OR0cAAAAAgBC/n8CVARxABsAIgBqALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsCMvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysSQBK7EPABESshwdHzk5ObAUEbIDHiA5OTmwFxKxISI5OQAwMRMRECEyFhUVIzU0JiMiBxEUMzI2NTUzFRQGIwQXFTMHMzc1QgEIiYHPGCM5ATojGM+Bif74rD8paS0BOwHqAUyOtFiHMyda/aRaJzOcbbSNAV6NhYWNAAMAQv/wAlgF0QAkACgAMwBoALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxLwjptCkNHwcNK7EpBukBsDQvsADWsQ4O6bApMrAOELEWASuwKjKxGQ7psAsysTUBK7EOABESsCU5sBYRswcfJigkFzmwGRKwJzkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzMXIwMzNTQmJiMiBgcHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAiLXa6AGlgIlIyEnAgIBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8E2bj9k54MJz85HRwAAAADAEL/8AJYBdEAJAAvADMAZACyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsSsI6bQlDR8HDSuxJQbpAbA0L7AA1rEODumwJTKwDhCxFgErsCYysRkO6bALMrE1ASuxFg4RErMHHzAxJBc5sBkRsTIzOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwcTNzMHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAr6WAiUjIScCAgZr16IBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8BtJ4MJz85HRwBz7i4AAADAEL/8AJYBdEAJAArADYAfgCyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsTII6bQsDR8HDSuxLAbpsCsvsCgzsSYJ6QGwNy+wANaxDg7psCwysA4QsRYBK7AtMrEZDumwCzKxOAErsQ4AERKxJSY5ObAWEbMHHykrJBc5sBkSsScoOTkAsSYrERKwKjkwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTNzMXIycHAzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCDI3bjr0/PgqWAiUjIScCAgEXAjMMJ2ZOQMUzKf668w0IJx0YCmd6gQwnYk49PVZWHwQhuLhHR/2TngwnPzkdHAAAAAAEAEL/8AJYBeEAJAAoADMANwCGALIfAQArsRQI6bIUHwors0AUFwkrsiYDACuwNTOxJQrpsDQysgcCACuxLwjptCkNHwcNK7EpBukBsDgvsADWsQ4O6bApMrAOELAoINYRsSUO6bAlL7EoDumwDhCxFgErsCoysRkO6bALMrA0INYRsTcO6bE5ASuxNCgRErIHHy85OTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzUzFQMzNTQmJiMiBgcHEzUzFUIEHDRuSsc1Dv6qCA8gFUYEwAQdMW5MSm8xHAIWvxeWAiUjIScCAnm+ARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfBCHIyP2TngwnPzkdHAHPyMgAAAL/3wAAASEF0QADAAcAHQABsAgvsADWsQIV6bEJASuxAgARErEEBTk5ADAxAzMXIwMzESMh12ugL8/PBdG4+ucEYAAAAgBSAAABkwXRAAMABwAdAAGwCC+wBNaxBhXpsQkBK7EGBBESsQABOTkAMDEzMxEjNTczB1LPz2rXoQRgubi4AAL/vgAAAbQF0QAGAAoALwCwBi+wAzOxAQnpAbALL7AA1rEDF+mxDAErsQMAERKxBwg5OQCxAQYRErAFOTAxAzczFyMnBwMzESNCjtuNvEA9Kc/PBRm4uEdH+ucEYAAAAAP/ywAAAaoF4QADAAcACwBHALIEAQArsgEDACuwCTOxAArpsAgysgUCACsBsAwvsATWsQcO6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vjfPNb4FGcjI+ucEYPugBRnIyAAAAAACAEz/8AJeBfgAHwAxAG0AshoBACuxJQjpsgwDACuyAwIAK7EuCOkBsDIvsADWsTEO6bAxELEnASuxFA7psTMBK7ExABEStAMICQshJBc5sCcRtgUKDBogKS4kFzmwFBKxDio5OQCxAy4RErAFObAMEbQHCA4QESQXOTAxExEQMzIXJicHJzcnNxYXNxcHFhURFA4DIyIuAjU2Bh4CMzY3ESI2LgIjBgcRTKw/XAwnUjdkLW0ZHF44ZX0CHTNsTEpuMhzCBAgNHhVGAgIECA0fFkQCARcCQwEXTm1eSD9YQmQbIlJCWMn1/XAMJ2JOPT1WVh8fFyMhFgpnAjMWIyEYCmj9zQAAAAACAFIAAAJkBdcAEgAmAH8AsgABACuwCzOyAQIAK7IHAgArsQ8K6bAjL7EWBumwHTKwICDWEbATM7EZBukBsCcvsADWsRIO6bACMrASELEMASuxCw7psSgBK7ESABESshMWIzk5ObAMEbAYObALErIHHSA5OTkAsQEPERKwAzmxIyARErAeObAZEbAUOTAxMxEzFTc2NjMyFhURIxE0IyIHEQM1NjMyFhcyNjc3FQYjIiYjIgYHUs8gHkkhTE/OMikajjE8IXUeGTcODzM6H3QhGTcOBGBeIB4xilH8agN3MTX8jQUZlyclAhEICJgnJxAIAAAAAwA///ACUgXRABcAGwAtAE8AshIBACuxIQjpsgcCACuxKgjpAbAuL7AA1rEtDumwLRCxIwErsCYysQwO6bEvASuxLQARErAYObAjEbQSGRsHJSQXObAMErEOGjk5ADAxExE0PgMzMhcWFREUDgMjIi4CNRMzFyMQBh4CMzY3ESI2LgIjBgcRPwMcMW9KxzUOAh0zbUtKbzEcINdroAQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBNm4+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF0QAXACkALQBLALISAQArsR0I6bIHAgArsSYI6QGwLi+wANaxKQ7psCkQsR8BK7AiMrEMDumxLwErsR8pERK0EgchKiskFzmwDBGyDiwtOTk5ADAxExE0PgMzMhcWFREUDgMjIi4CNTYGHgIzNjcRIjYuAiMGBxETNzMHPwMcMW9KxzUOAh0zbUtKbzEcwgQIDB8VRgECBAgMHxZEAgJr16IBFwIzDCdmTkDFMyn9wAwnYk49PVZWHx8XIyEWCmcCMxYjIRgKaP3NBAK4uAAAAAMAP//wAlIF0QAXAB4AMABlALISAQArsSQI6bIHAgArsS0I6bAeL7AbM7EZCekBsDEvsADWsTAO6bAwELEmASuwKTKxDA7psTIBK7EwABESsRgZOTmwJhG0EhweBygkFzmwDBKyDhobOTk5ALEZHhESsB05MDETETQ+AzMyFxYVERQOAyMiLgI1EzczFyMnBwIGHgIzNjcRIjYuAiMGBxE/Axwxb0rHNQ4CHTNtS0pvMRwMjduOvT8+BgQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBCG4uEdH+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF1wAXACsAPQB4ALISAQArsTEI6bIHAgArsToI6bAoL7EbBumwIjKwJSDWEbAYM7EeBukBsD4vsADWsT0O6bA9ELEzASuwNjKxDA7psT8BK7E9ABESshgbKDk5ObAzEbMSHQc1JBc5sAwSsg4iJTk5OQCxKCURErAjObAeEbAZOTAxExE0PgMzMhcWFREUDgMjIi4CNRM1NjMyFhcyNjc3FQYjIiYjIgYHEgYeAjM2NxEiNi4CIwYHET8DHDFvSsc1DgIdM21LSm8xHEExPCF0Hxk3Dg4zOR91IBk3D3MECAwfFUYBAgQIDB8WRAIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhlyclAhEICJgnJxAI+/YXIyEWCmcCMxYjIRgKaP3NAAQAP//wAlIF4QAXABsALQAxAHgAshIBACuxIQjpshkDACuwLzOxGArpsC4ysgcCACuxKgjpAbAyL7AA1rEtDumwLRCwGyDWEbEYDumwGC+xGw7psC0QsSMBK7AmMrEMDumwLiDWEbExDumxMwErsS4bERKyEgcqOTk5sCMRsCU5sQwxERKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1EzUzFQIGHgIzNjcRIjYuAiMGBxETNTMVPwMcMW9KxzUOAh0zbUtKbzEcGL8VBAgMHxVGAQIECAwfFkQCeb4BFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhyMj7/hcjIRYKZwIzFiMhGApo/c0EAsjIAAAAAwA//7ICUgSuAB0AIwApATQAshUBACuxJgjpshcBACuyBwIAK7EhCOkBsCovsADWsR4O6bMYHgAIK7QZDwAuBCuwGS+0GA8ALgQrsB4QsSgBK7ApMrEPDumzCg8oCCu0Cw8ALgQrsSsBK7A2Gro95+/AABUrCgSwGS6wCy6wGRCxGCL5sAsQsQoi+bo99u/6ABUrC7AZELMJGQoTK7AYELMMGAsTKwWzFxgLEyu6Pfbv+gAVKwuwGRCzGhkKEysEsx4ZChMruj327/oAFSsLsx8ZChMrsBgQsyQYCxMrBLMpGAsTK7IaGQogiiCKIwYOERI5sB85sAk5siQYCxESObAMOQBACwkKCwwYGRoeHyQpLi4uLi4uLi4uLi4BtQkMFxofJC4uLi4uLrBAGgGxGQARErEDHDk5sSgeERKxFQc5OQAwMRMRND4DMzIXNzMHFhcRFA4DIyInByM3JiYnNxMmBwYHExYzNjcRPwMcMW9KMzcVSx5YBgIdM21LOS4UUB8pLwLAfRIlRAIQECZGAQEXAjMMJ2ZOQBNQeVSR/cAMJ2JOPRBOeSd1J8YB5iMBCmj9ex8KZwGTAAAAAgBO//ACYAXRABIAFgBXALILAQArshABACuxBQrpsgECACuwCDMBsBcvsADWsQMO6bADELELASuwBzKxCg7psRgBK7EDABESshATFjk5ObALEbAUObAKErAVOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJhMzFyNOzzEpGs/PHx5KIUxPI9dqoMsDlfyJMTYDcvugXiAeMIkFWLgAAAACAE7/8AJgBdEAEgAWAFcAsgsBACuyEAEAK7EFCumyAQIAK7AIMwGwFy+wANaxAw7psAMQsQsBK7AHMrEKDumxGAErsQMAERKxEBM5ObALEbAUObAKErEVFjk5ALEFCxESsAw5MDE3ETMRFDMyNxEzESM1BwYGIyImEzczB07PMSkaz88fHkohTE/Ea9eiywOV/IkxNgNy+6BeIB4wiQSguLgAAAIATv/wAmAF0QASABkAbgCyCwEAK7IQAQArsQUK6bIBAgArsAgzsBkvsBYzsRQJ6QGwGi+wANaxAw7psAMQsQsBK7AHMrEKDumxGwErsQMAERKzEBMUGSQXObALEbAYObAKErIVFhc5OTkAsQULERKwDDmxFBkRErAYOTAxNxEzERQzMjcRMxEjNQcGBiMiJhM3MxcjJwdOzzEpGs/PHx5KIUxPEI7bjbxAPcsDlfyJMTYDcvugXiAeMIkEoLi4R0cAAAADAE7/8AJgBeEAEgAWABoAbwCyCwEAK7IQAQArsQUK6bIUAwArsBgzsRMK6bAXMrIBAgArsAgzAbAbL7AA1rEDDumwFTKwAxCxEw7psBMvsAMQsQsBK7EHFzIysQoO6bEaDumxHAErsQMTERKwEDmwCxGwBTkAsQULERKwDDkwMTcRMxEUMzI3ETMRIzUHBgYjIiYTNTMVMzUzFU7PMSkaz88fHkohTE8cv2K/ywOV/IkxNgNy+6BeIB4wiQSgyMjIyAAAAgAZ/m8CYgXRABIAFgBBALAGL7EFCekBsBcvsADWsRIO6bASELENASuxDA7psRgBK7ESABESsgEFCDk5ObANEbITFBY5OTmwDBKwFTkAMDETExQGBycVFjMyNjcTIwMHIycDNzczBxm+SD0xRhZzmxHGylIECQRSBGvXogRg+39EbgYEuAS+fwS0/VA5OQKwubi4AAIAUv5/AmQF4QARAB0AVwCyDAEAK7EVBOmyAQMAK7IFAgArsRsE6bAALwGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVDBESsBA5sQUbERKwAzkwMRMRMxE2MzIWFREUBiMiJicnEREUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJ/5/B2L+NlqKUf01UoktFhf+NQJ3GSsnHQJ0HScnHQAAAAADABn+bwJiBeEAEgAWABoAegCyFAMAK7AYM7ETCumwFzKyAAIAK7AGM7AML7ENCekBsBsvsBPWsRYO6bAWELABINYRsQAO6bAAL7EBDumwFhCxBgErsQcO6bAXINYRsRoO6bEcASuxEwARErEMDTk5sAERsBI5sRcWERKxAgU5OQCxAA0RErADOTAxEzMTFzM3EzMDBgYjJzUWMzY2NQM1MxUzNTMVGcpSBAkEUsrGEJxzXBAhPUiJvmO+BGD9UDk5ArD7TH++BLgEBm9DBTrIyMjIAAEAUgAAASEEYAADACEAsgABACuyAQIAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8EYPugAAAAAAEAKQAAAm0F4QANAEwAsgwBACuxCQrpsgMDACsBsA4vsAzWsAIysQkT6bAEMrIJDAors0AJBwkrs0AJCwkrsAkQsQEV6bABL7EPASsAsQMJERKxAA05OTAxEzU3ETMRNxUHESEVIREpQd55eQEl/f0CMd00Ap/+DV7dX/29zQJkAAAAAAEAHwAAAbYF4QALADkAsgoBACuyAwMAKwGwDC+wCtawAjKxCQ7psAQysgkKCiuzQAkHCSuyCgkKK7NACgEJK7ENASsAMDETNTcRMxE3FQcRIxEfZM9kZM8CMd1OAoX+HU7dTvzfAn8AAgBEAAADrgXhABcAJgBcALIRAQArsQ8M6bIRAQArsRwE6bIIAwArsQoM6bIIAwArsSIE6bQLDhEIDSuxCw3pAbAnL7AA1rEYE+mwGBCxHwErsQ8T6bAKMrENFumxKAErsRgAERKwFjkAMDETETQ+AzMhFSERMxUjESEVISIuAic3FBYWMjY1NxEmJyIGFQdEBB44eVMCRP7jzc0BHf28VHg4HgLbAiVFJQIGRCMkAgE1A3cMK2tQQ+P+dfL+YuM/XVohHgwlPTcdGgOFYAE4Gh0AAAADAD//8AOoBHEAKgA8AEYAnwCyJQEAK7AhM7EwCOmwFjKyMCUKK7NAMBkJK7IHAgArsAszsTkI6bBDMrQ9ESUHDSuxPQbpAbBHL7AA1rE8DumwPBCxMgErsRIO6bA9MrASELEYASuwPjKxGw7psA8ysUgBK7EyPBESsyUHNDkkFzmwEhGyCSM1OTk5sBgSsCE5ALEwJRESsCM5sBERsDw5sTk9ERKwMzmwBxGwCTkwMRMRND4DMzIXNjcyFxYVESEVFBYWMzY3NTMVFA4DIyInBiMiLgI1NgYeAjM2NxEiNi4CIwYHEQEzNTQmJiMiBhU/Axwxb0pqQkJoxzUO/qoIJR9GA8EEHTFvS2pARGZKbzEcwgQIDB8VRgECBAgMHxZEAgFQlQIkIyshARcCMwwnZk5APDsBxTMp/rr6ECkxCmd6gQwnYk49OTk9VlYfHxcjIRYKZwIzFiMhGApo/c0BlZ4MJz9LIQACACX/7wKaBx8AMAA3AIUAsisBACuxAwrpshIDACuxGgrpsDcvsTIJ6bA0MgGwOC+wD9axHBPpsAAg1hGxARPpsBwQsQUBK7AYMrEpE+mwFzKxOQErsQEPERKxMTc5ObAcEbAKObAFErMDGjI0JBc5sCkRsiQ1Njk5OQCxGgMRErUAAQ8XGCkkFzmxMjcRErAzOTAxEzcQMzI3NC4DJy4CNTQ2NzYeAhUHNCMGFxQeBhceAhUQJSIuAxMzFzczByMl2WhaAREvG08JQkk/j5FehDsZ2VlMAQgMGRAnEjAISj1I/sxSeEQnDD+9PUC8jdsBphT/AKYdPVYpdQ5gfK5Li9QCAkqBfUoU2QKUEisjMx07G0MNb2K0TP6FATNMenEFxUhIuQAAAAIAJf/wAk4F0QAoAC8AmgCyIwEAK7EDB+myAyMKK7NAAwAJK7IQAgArsRgH6bIYEAors0AYFgkrsC8vsSoJ6bAsMgGwMC+wC9awKTKxGg7psAAg1hGxAQ7psBoQsQUBK7AWMrEgDumwFTKxMQErsQELERKxCC85ObAaEbAqObAFErQDByMrLCQXObAgEbIeLS45OTkAsRgDERKxCx85ObEqLxESsCs5MDETMxQzMic0Jy4CNTQ+Ajc2HgIVIzQjBgcUFhYXFhcUBiMiLgMTMxc3MwcjJcBhSAGBRD1DGDZmSFZwMRHBQz8BLystvgGBh0htPSUKHbw9QLyN2wFGqodKfEJCiUw3Ylw4AgI4Zlg7gwKBIVAtK7age7gxR2NQBLZISLgAAAAAAwAQAAACsAcvAAsADwATAG8AsgoBACuyAAMAK7AGM7AML7AQM7ENCumwETIBsBQvsADWsQET6bABELEKASuxCRPpsw8JCggrsQwO6bAML7EPDumwCRCxBgErsQcT6bAQINYRsRMO6bEVASuxEA8RErEEAzk5ALEAChESsAM5MDETMxMXMzcTMwMRIxEDNTMVMzUzFRDZbwYEBm/Z4d2BvmK/BeH+Hw4OAeH8oP1/AoED5cnJyckAAAIAFAAAAl4HHwAJABAAUQCyAAEAK7EHC+myBAMAK7EDC+mwEC+xCwnpsA0yAbARL7EAASuxCRjpsAUysRIBK7EJABESsgcKDjk5OQCxAwcRErEBBjk5sQsQERKwDDkwMTM1ASE1IRUBIRUBMxc3MwcjFAFb/tcCGP6gAWD9+rw+P72N3O4EGNvb+9XbBx9ISLkAAAACAAwAAAIOBdEACQAQAFEAsgABACuxBwnpsgQCACuxAwnpsBAvsQsJ6bANMgGwES+wANaxDhfpsRIBK7EOABESsQUKOTkAsQcAERKwATmxBAMRErAGObELEBESsAw5MDEzNQEjNSEVASEVATMXNzMHIwwBHfABy/7jAR3+Fbw9QLyN26gC/Lyo/QS8BdFISLgAAAAAAQEEBRkC+gXRAAYAKQCwAC+wAzOxAQnpsQEJ6QGwBy+wANaxAxfpsQgBKwCxAQARErAFOTAxATczFyMnBwEEjdyNvT89BRm4uEdHAAEBBAUZAvoF0QAGACwAsAYvsQEJ6bADMrEBCemwBDIBsAcvsADWsQQX6bEIASsAsQEGERKwAjkwMQEzFzczByMBBL09P72N3AXRSEi4AAAAAQEfBRcC4QXVAA8AJwCwDC+0AwYAGwQrAbAQL7AA1rEIFumxEQErALEDDBESsQAIOTkwMQE3FjMyNjc3Fw4CIyImJwEfbilKIzsMDWoKI3c9P3EZBXdeLxgNCl4KITUxGAAAAAEBmAUSAmYF4QADACkAsgEDACuxAArpsgEDACuxAArpAbAEL7AA1rEDDumxAw7psQUBKwAwMQE1MxUBmM4FEs/PAAAAAgFmBP4CmAYdAAcADwBSALAHL7QLBQA2BCuwDy+0AwUANgQrAbAQL7AB1rQJDwAuBCuwCRCxDQErtAUPAC4EK7ERASuxDQkRErMDBgcCJBc5ALEPCxESswEEBQAkFzkwMQA0NjIWFAYiJhQWMjY0JiIBZlt+WVl+DS86Ly86BVB7UlJ7Uqw5Kys5KwABAVz+fwKmAAAAEQA/ALIDAQArsg8AACu0CwYAGwQrAbASL7AA1rQIEAAdBCuxEwErsQgAERKwAzkAsQsPERKwDTmwAxGxAAw5OTAxBTQ3NzMOAhUUFjI3BwYjIiYBXH8IYwofND5SLRA3MmBx02hlBggdWispJROKEmYAAQE5BRICxwXXABMAOACwEC+xAwbpsAoysA0g1hGwADOxBgbpAbAUL7EAASuxCxbpsRUBKwCxEA0RErALObAGEbABOTAxATU2MzIWFzI2NzcVBiMiJiMiBgcBOTE8IXQfGTcODzM6H3QhGTcOBRmXJyUCEQgImCcnEAgAAAIA1wUZA0gF0QADAAcAMQCwAC+wBDOxAQnpsAUysQEJ6bAGMgGwCC+wANaxBhjpsQkBK7EGABESsQIEOTkAMDETNzMHMzczB9dr16KPa9eiBRm4uLi4AAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoCiQLdA0wAAwAiALAAL7EBBOmxAQTpAbAEL7EAASu0AxgADQQrsQUBKwAwMRM1IRVKApMCicPDAAABAEoCiQODA0wAAwAXALAAL7EBBOmxAQTpAbAEL7EFASsAMDETNSEVSgM5AonDwwABADED9AEIBeEABgAtALICAwArtAANAAkEKwGwBy+wANaxBhPpsQYT6bEIASuxBgARErEDBDk5ADAxEzUTMwMzFTFxZkdHA/TjAQr+9uMAAAEALQP0AQQF4QAGAC4AsgMDACu0AA0ACQQrAbAHL7AA1rACMrEFE+mxBRPpsQgBK7EFABESsAE5ADAxExMjNTMVAy1ISNdxA/QBCuPj/vYAAQAt/vYBBADjAAYALACwBS+0AQ0ACQQrAbAHL7AF1rAAMrEDE+mxAxPpsQgBK7EDBRESsAY5ADAxMzUzFQMjEy3XcWZI4+P+9gEKAAIANQP0AjsF4QAGAA0AUwCyAgMAK7AJM7AGL7AHM7EEDOmwCzIBsA4vsADWsQYT6bADMrAGELEHASuxDRPpsAoysQ8BK7EGABESsAQ5sQ0HERKwCzkAsQQGERKxAQg5OTAxEzUTMwMzFTM1EzMDMxU1cWZHR1hxZkdHA/TjAQr+9uPjAQr+9uMAAAAAAgA1A/QCOwXhAAYADQBbALIDAwArsAozsQIM6bAIMrICAwors0ACBgkrsAcyAbAOL7AC1rAAMrEFE+mwBRCxCQErsAcysQwT6bEPASuxBQIRErABObEMCRESsAg5ALEDAhESsQUMOTkwMRMTIzUzFQMzEyM1MxUDNUhI13DISEjXcAP0AQrj4/72AQrj4/72AAAAAAIANf72AjsA4wAGAA0AWwCyAAEAK7AHM7EBDOmwCDKyAAEKK7NAAAQJK7ALMrIDAQArsgoBACsBsA4vsADWsAUysQMT6bADELEHASuwDDKxChPpsQ8BK7EDABESsAY5sQoHERKwDTkAMDEzNTMVAyMTMzUzFQMjEzXXcGdI59dwZ0jj4/72AQrj4/72AQoAAAEAUgI1AkYEKQALACgAsAkvtAMNAAkEK7QDDQAJBCsBsAwvsADWsQYX6bEGF+mxDQErADAxEzQ2MzIWFRQGIyImUpFrZpKSZmqSAzFmkpFnapKSAAMANQAAA48A4wADAAcACwBFALIAAQArsQQIMzOxAQzpsQUJMjKyAAEAK7EBDOkBsAwvsADWsQMT6bADELEEASuxBxPpsAcQsQgBK7ELE+mxDQErADAxMzUzFTM1MxUzNTMVNddr12rX4+Pj4+PjAAABADX/8ALuBfIAPQC0ALI3AQArsSoL6bIqNwors0AqLwkrsg0DACuxGwvpshsNCiuzQBsTCSu0AAE3DQ0rsCIztAAGABsEK7AkMrQFBDcNDSuwIDO0BQYAGwQrsB4yAbA+L7A81rECBjIysSYT6bEdITIysiY8CiuzQCYkCSuwHzKyPCYKK7NAPAAJK7AEMrAmELEuASuwFDKxMQ7psBIysT8BK7EmPBESsQw3OTmwLhGyDRs2OTk5sDESsBA5ADAxEzUzNSM1MzU0PgMyHgIXFxUjNSI2LgIjBgcVMxUjFTMVIxUUFhYzMjY1NzUzFRQOAyIuAicnNTVra2sEHzd5qHg4HgMCzwIECg8jGkYI6enp6QQnIykpAs8FHjh4qHk3HwICAiOJiYnuDC1xVkZEXmAjIVRUFyAhFwpl7omJie4MJT03HRpUVAwtcVZFQ2BfICPuAAAAAAIASgM1A1gF4QAHABUAjgCyAQMAK7EJDTMzsQAF6bADMrIAAQors0AABgkrsggPEjIyMgGwFi+wBtaxBRDpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7AFELEIASuxFQ/ptAoQAC0EK7AVELETASu0Eg8AHgQrsBIQsRABK7EPD+mwDxC0DRAALQQrsA0vsRcBK7ESExESsQsMOTkAMDETNSEVIxEjEQERMxMzEzMRIxEDIwMRSgFBaHEBBopDBkSJaE4zUAV5aGj9vAJE/bwCrP7BAT/9VAHB/j8Bwf4/AAAAAQBKAokCvgM1AAMAHwCwAC+xAQfpsQEH6QGwBC+xAAErsQMY6bEFASsAMDETNSEVSgJ0AomsrAABAAAAAARgBGAAAwAAESERIQRg+6AEYPugAAAAAQAUAAACsgXwAB8AZACyHgEAK7AZM7IKAwArsA0zsREJ6bIBAgArsBczsQAJ6bAbMgGwIC+wHtawAjKxHQ7psBYysh4dCiuzQB4ACSuwHRCxGgErsRkO6bEhASuxGh0RErEKETk5sBkRsQ8OOTkAMDETNTM1ND4EMzIWFxcVJiMiDgIVFSERIxEjESMRFGkCDCE1XD4hSRUUKUUfJwwCAWbPl88DprofLTFpP0gjCQQCuAwlTx0nHfugA6b8WgOmAAAAAAEAFAAAArIF8AAfAGoAsh4BACuwEDOyCgMAK7EUCemyAQIAK7AZM7EACemwGzIBsCAvsB7WsAIysR0O6bAYMrIdHgors0AdGwkrsh4dCiuzQB4ACSuwHRCxEQErsRAO6bEhASuxER0RErAKOQCxFAERErASOTAxEzUzNTQ+BDMyFhcXMxEjESYiDgIVFTMVIxEjERRpAgwhNVw+IUkVFKTPJT0nDAJoaM8DprofLTFpP0gjCQQC+h8FMQQlTx0nHbr8WgOmAAAAAAALAIoAAwABBAkAAAB4AAAAAwABBAkAAQAQAHgAAwABBAkAAgAOAIgAAwABBAkAAwAOAJYAAwABBAkABAAgAKQAAwABBAkABQAeAMQAAwABBAkABgAQAHgAAwABBAkACgCWAOIAAwABBAkACwBoAXgAAwABBAkADQCeAeAAAwABBAkADgA0An4ARwBlAG4AZQByAGEAdABlAGQAIABpAG4AIAAyADAAMAA5ACAAYgB5ACAARgBvAG4AdABMAGEAYgAgAFMAdAB1AGQAaQBvAC4AIABDAG8AcAB5AHIAaQBnAGgAdAAgAGkAbgBmAG8AIABwAGUAbgBkAGkAbgBnAC4AbABvAGEAZAB0AGUAcwB0AFIAZQBnAHUAbABhAHIAdwBlAGIAZgBvAG4AdABsAG8AYQBkAHQAZQBzAHQAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAxAEIAYQBzAGUAZAAgAG8AbgAgAEwAZQBhAGcAdQBlACAARwBvAHQAaABpAGMAIABiAHkAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUALAAgAG0AbwBkAGkAZgBpAGUAZAAgAGIAeQAgAEoAbwBoAG4AIABEAGEAZwBnAGUAdAB0AGgAdAB0AHAAOgAvAC8AdwB3AHcALgB0AGgAZQBsAGUAYQBnAHUAZQBvAGYAbQBvAHYAZQBhAGIAbABlAHQAeQBwAGUALgBjAG8AbQAvAGwAZQBhAGcAdQBlAC0AZwBvAHQAaABpAGMAQQBsAGwAIABmAG8AbgB0AHMAIABmAHIAbwBtACAAVABoAGUAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUAIABhAHIAZQAgAHMAdQBiAGoAZQBjAHQAIAB0AG8AIAB0AGgAZQAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAgAAAAAAAP9nAGYAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgACEAIgAjACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQA+AD8AQABBAEIAQwBEAEUARgBHAEgASQBKAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0AXgBfAGAAYQECAKMAhACFAJYAjgCLAQMAigDaAI0AwwDeAKIArQDJAMcArgBiAGMAkABkAMsAZQDIAMoAzwDMAM0AzgDpAGYA0wDQANEArwBnAJEA1gDUANUAaADrAO0AiQBqAGkAawBtAGwAbgCgAG8AcQBwAHIAcwB1AHQAdgB3AOoAeAB6AHkAewB9AHwAoQB/AH4AgACBAOwA7gC6ANcA4gDjALAAsQDkAOUAuwDmAOcA2ADhANsA3ADdAOAA2QDfAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQCyALMAtgC3AMQAtAC1AMUAhwCrARIBEwEUAIwA7wEVARYBFwd1bmkwMEEwB3VuaTAwQUQHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMTAHdW5pMjAxMQpmaWd1cmVkYXNoB3VuaTIwMkYHdW5pMjA1RgRFdXJvB3VuaUUwMDAHdW5pRkIwMQd1bmlGQjAyAAAAAQAB//8ADwAAAAEAAAAAyYlvMQAAAADGp3m3AAAAAMrhKHcAAQAAAAwAAAAWAAAAAgABAAEA3wABAAQAAAABAAAAAAABAAAACgAuADwAAkRGTFQADmxhdG4AGAAEAAAAAP//AAAABAAAAAD//wABAAAAAVRTVDEACAAAAAEAAAABAAQAAQAAAAEACAACAA4ABABEADMANgBWAAEABAAkACkALAAvAAA=);
+}
+
+body {
+  margin: 20px;
+  font-size: 100px;
+  font-family: test;
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-data-3.html b/layout/reftests/font-face/src-list-data-3.html
new file mode 100644
index 0000000000..5b6b2e4cb0
--- /dev/null
+++ b/layout/reftests/font-face/src-list-data-3.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(data:font/opentype;base64,AAEAAAARAQAABAAQRkZUTVsSEWAAAJ+4AAAAHEdERUYAJwDlAACf1AAAAB5HU1VCDlgOGAAAn/QAAABiT1MvMpP6Q0QAAAGYAAAAYGNtYXBJlAL1AAAFeAAAAlpjdnQgEIcRvwAAC4wAAABGZnBnbQ+0L6cAAAfUAAACZWdhc3AAAAAQAACfsAAAAAhnbHlmIlooQgAADZgAAIxIaGVhZPuNuY8AAAEcAAAANmhoZWENaQTiAAABVAAAACRobXR4XGQ3gAAAAfgAAAN+bG9jYdufulYAAAvUAAABwm1heHAB/QGYAAABeAAAACBuYW1lSPlt7wAAmeAAAAM8cG9zdIn/7pAAAJ0cAAACknByZXDMcRRIAAAKPAAAAU4AAQAAAAEAAFbFikZfDzz1AB8IAAAAAADK4Sh3AAAAAMuERqr/vv4ABjcHcQAAAAgAAgAAAAAAAAABAAAHcf3YAAAGbP++/74GNwABAAAAAAAAAAAAAAAAAAAA3wABAAAA4ABWAAUAAAAAAAIAAQACABYAAAEAAT4AAAAAAAICNgGQAAUAAAWaBTMAAAEfBZoFMwAAA9EAZgIAAAAAAAAAAAAAAAAAgAAAJ0AAAEoAAAAAAAAAAHB5cnMAQAAg+wIF4f3hAAAHcQIoAAAAAQAAAAAEYAXhAAAAIAACATsAAAAAAAACqQAAATsAAAGDAEoBSQA5BNAAMQK0ACUD6QA3A1YAMQE1AC0CMQBCAjEAKQKlAEoEJABKATUALQG8AEoBQQA1AtAACALUAEQB2wAZAtsANwKuAC0CrAAZAsAASgK8AEICTQAIArgANQK8ADkBagBKAWoASgQiAEoEIgBKBCIASgKFABkDaABCAv0AFALpAFICxABEAvkAUgJ0AFICaABSAuEAQwMKAFIBgQBSAacADAMAAFICXABSA98AUgMoAFIC1ABEAtAAUgLZAEQC4wBSAr4AJQKHAAQC7QBQAswAEgQMABkC4QAQArwADgJyABQCGgBSAxgACAIaADkETQA1BLoASgQAASUCqQAxAq4AUgKFAEICrgBKApMAQgHbABQCvAAMArIAUgFyAFIBbP/TAoEAUgFyAFID/QBSArIAUgKRAD8CrgBSAq4ASgH3AFICdgAlAfUAFAKyAE4CWgAQA4kAFAJqABACegAZAhQADAKwAD0BZABSArAAOQUAAHEBOwAAAYMASgJ8AEIDMQAEAtAAGQQAARAGbAA1AbwASgZsADUEAAE5BAABmgDXAAAEAAGqAoUAKQL9ABQC/QAUAv0AFAL9ABQC/QAUAv0AFARLABACxABEAnQAUgJ0AFICdABSAnQAUgGR//oBkQBSAXL/vgF0/8sC+QAUAygAUgLUAEQC1ABEAtQARALUAEQC1ABEAtQAOwLtAFAC7QBQAu0AUALtAFACwAAQAtQAUgLdAEICqQAxAqkAMQKpADECqQAxAqkAMQKpADED3QAxAoUAQgKTAEICkwBCApMAQgKTAEIBcv/fAXIAUgFy/74BdP/LAqEATAKyAFICkQA/ApEAPwKRAD8CkQA/ApEAPwKRAD8CsgBOArIATgKyAE4CsgBOAnoAGQKuAFICegAZAXIAUgJ0ACkB1AAfA9cARAPjAD8CvgAlAnYAJQLAABACcgAUAhQADAP9AQQD/QEEBAABHwP9AZgD/QFmBAABXAQAATkEAADXA7gAAAdwAAADuAAAB3AAAAJ6AAAB2wAAAT0AAAE9AAAA7QAAAXwAAABoAAABvABKAbwASgG8AEoDJgBKA8wASgE1ADEBNQAtATUALQJwADUCcAA1AnAANQKXAFIDxAA1AXwAAAHbAAADLQA1A6kASgMIAEoEYAAAAwQAFAAUAAAAAAADAAAAAwAAABwAAQAAAAABVAADAAEAAAAcAAQBOAAAAEQAQAAFAAQAQABMAH4AowClAKkArwC0ALgA1gD2AP8BMQFCAVMBYQF4AX4CxwLdIAogFCAaIB4gIiAmIC8gXyCsISIiEuAA+wL//wAAACAAQQBNAKAApQCoAK0AtAC3AL8A2AD4ATEBQQFSAWABeAF9AsYC2CAAIBAgGCAcICIgJiAvIF8grCEiIhLgAPsB////4wAA/+P/wv/B/7//vP+4/7b/sP+v/67/ff9u/1//U/89/zn98v3i4MDgu+C44LfgtOCx4KngeuAu37neyiDdBd0AAQAAAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAJQAmACcAKAAzACoAKwA2AC0ALgBWAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiNEJSYnKDMqKzYtLlYwMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYQB0dXd5gYaLkI+Rk5KUlpiXmZqcm52eoKKho6WkqKepqgAAZGUA1gCOamjbbGcAdocAAAAAZgAAAAAAAAAAAJWmb2MAAAAAAAAA12Jwc4Wxss7P09TQ0QAArbUA2gAA3t8AbdLVAHJ6cXt4fX5/fIOEAIKJioiuuL5ruru8br+9uQAAsAAssAATS7AqUFiwSnZZsAAjPxiwBitYPVlLsCpQWH1ZINSwARMuGC2wASwg2rAMKy2wAixLUlhFI1khLbADLGkYILBAUFghsEBZLbAELLAGK1ghIyF6WN0bzVkbS1JYWP0b7VkbIyGwBStYsEZ2WVjdG81ZWVkYLbAFLA1cWi2wBiyxIgGIUFiwIIhcXBuwAFktsAcssSQBiFBYsECIXFwbsABZLbAILBIRIDkvLbAJLCB9sAYrWMQbzVkgsAMlSSMgsAQmSrAAUFiKZYphILAAUFg4GyEhWRuKimEgsABSWDgbISFZWRgtsAossAYrWCEQGxAhWS2wCywg0rAMKy2wDCwgL7AHK1xYICBHI0ZhaiBYIGRiOBshIVkbIVktsA0sEhEgIDkvIIogR4pGYSOKIIojSrAAUFgjsABSWLBAOBshWRsjsABQWLBAZTgbIVlZLbAOLLAGK1g91hghIRsg1opLUlggiiNJILAAVVg4GyEhWRshIVlZLbAPLCMg1iAvsAcrXFgjIFhLUxshsAFZWIqwBCZJI4ojIIpJiiNhOBshISEhWRshISEhIVktsBAsINqwEistsBEsINKwEistsBIsIC+wBytcWCAgRyNGYWqKIEcjRiNhamAgWCBkYjgbISFZGyEhWS2wEywgiiCKhyCwAyVKZCOKB7AgUFg8G8BZLbAULLMAQAFAQkIBS7gQAGMAS7gQAGMgiiCKVVggiiCKUlgjYiCwACNCG2IgsAEjQlkgsEBSWLIAIABDY0KyASABQ2NCsCBjsBllHCFZGyEhWS2wFSywAUNjI7AAQ2MjLQAAALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWACwBCBFsAMrRLAJIEWyBHkCK7ADK0SwCCBFsglPAiuwAytEsAcgRbIIOgIrsAMrRLAGIEWyByUCK7ADK0SwBSBFsgYQAiuwAytEsAogRbIEmAIrsAMrRLALIEWyCi8CK7ADK0SwDCBFsgsuAiuwAytEsA0gRbIMGgIrsAMrRAGwDiBFsAMrRLARIEWyDhkCK7EDRnYrRLAQIEWyEQ8CK7EDRnYrRLAPIEWyED8CK7EDRnYrRLASIEW6AA5//wACK7EDRnYrRLATIEWyElQCK7EDRnYrRLAUIEWyEzYCK7EDRnYrRLAVIEWyFA4CK7EDRnYrRLAWIEWyFQoCK7EDRnYrRLAXIEWyFgkCK7EDRnYrRLAYIEWyFwcCK7EDRnYrRFmwFCsAAP5/AAAEYAXhAMMAYACiAKwAtAC6AMsA2wDjAPIAzwBeAHsAoADPAN0A5QE1AaoB+gJKAJoA0gCcAJ4A2QClALwAkAB2AEoAAAAAAAAAAAAAAAAANABSASgBogJiAwoDMgNoA54D0gQUBDoEWAR4BKwFDAVCBZQGPgaKBwIHeAekCDAIpgjQCP4JHAk+CVwJrApMCpAK/gtyC7wL9gwqDLAM5g0EDTYNng3EDkAOkA7wDzIPphAEEIAQsBD2ESwRihJMEooSvhLqEx4TUBNwE4gTohQkFH4U0hUuFaAV7BayFvYXIBdkF6wXyhg2GHgY6BlCGZwZzhpKGpga3BsSG5QcGBxaHJAc8B0KHWodsh2yHeYeNB7kH3QfoiBeIHwhQiFgIXwhmiHAIhoiaCK4IxgjkiP+JIYk/iWAJcomFiZwJsom9CccJ1InjifyKH4o6ClUKc4qYCrsK6gr6CwoLHws6i0kLWwt3i5sLvovmDBMMPAxsDJ6MuIzYjPgNHA1BDUmNUY1djW0Njg2sjcgN4w4CjigOSg6BjpYOqo7DDtuO7g8FDx+PJw83j0SPXw+MD7EP1g/tD/+QEhAbkCWQMhA6kEwQW5BrEHYQdhB2EHYQdhB2EHYQdhB2EHYQdhB2EH2QhRCMkJQQmhCkEK4Qt5DJENuQ7ZD4EQYRBhEGETERTRFUEVeRcBGJAAAAAIASgAAATkF4QADAAcAQACyBAEAK7EFDOmyAAMAKwGwCC+wBNawADKxBxPpsAEyswIHBAgrsQMQ6bADL7ECEOmxCQErALEABRESsAI5MDETMwMjAzUzFUrvN4Er1wXh+7X+auPjAAAAAQA5A7oBEAXhAAMAHwCyAAMAK7QDDQAIBCsBsAQvsAPWsQIR6bEFASsAMDETMwMjOdcemgXh/dkAAAAAAgAxAAAEoAXhABsAHwE7ALIaAQArshUWGTMzM7IHAwArsggLDDMzM7QAARoHDSuzAhEcHSQXM7EABOmzFBcYGyQXMrQFBBoHDSuzAxAeHyQXM7EFBOmzBgkKDSQXMgGwIC+wGtaxGQ7psBkQsQcBK7EIDumwCBCxFgErsRUO6bAVELELASuxDA7psSEBK7A2Gro/WvbqABUrCro/a/dlABUrCrAaELMCGgcTK7MDGgcTK7MGGgcTK7AZELMJGQgTK7AWELMKFgsTK7AVELMNFQwTK7MQFQwTK7MRFQwTK7MUFQwTK7AWELMXFgsTK7AZELMYGQgTK7AaELMbGgcTK7AZELMcGQgTK7AWELMdFgsTK7MeFgsTK7AZELMfGQgTKwNAEAIDBgkKDRARFBcYGxwdHh8uLi4uLi4uLi4uLi4uLi4usEAaADAxEzczEyM3MxMzAyETMwMzByMDMwcjAyMTIQMjEzchEyExG8YlxBrFOcU5AQQ5xTrBG8Alvhq/O8U8/vs7xTzfAQQl/vwBtsMBAsIBpP5cAaT+XML+/sP+SgG2/koBtsMBAgABACX/KQKPBlwAMwBeAAGwNC+wENaxHQ7psAAg1hGxAQ7psB0QsTEBK7ASMrEwEOmwFDKwMBCxBQErsBgysS0O6bAXMrE1ASuxEAARErAzObEdARESsAI5sTAxERKwCjmxLQURErAnOQAwMRM3FhcyNzQuBCcuAjUSNzUzFRYTByYmBwYHFB4EFx4HFQIHFSM1JiXADHVYBREWKxk3CERCSwTTe8kiwAYsK1AEERQtFzsJBjUULxUhDgwE8XvsAWYNugG5HT0xSCJMDFxjuE4BJTGDfRf+/Rk5RgICoB0/LUohVAoKTBxKKUY1RB7+rh/Z3SkABQA3//ADtAXyABQAGAAmADsARwCrALIVAQArsjgBACu0PgUANQQrshYDACuyBwMAK7QiBQA0BCu0Qy44Bw0rtEMFADMEK7QbEjgHDSu0GwUAMwQrAbBIL7AA1rEZEOmwGRCxHgErsQwQ6bAMELEnASuxPBDpsDwQsUABK7EyEOmxSQErsRkAERKxAxU5ObAeEbMSBxsiJBc5sAwSsQ4YOTmxPCcRErEWKjk5sEARsjguQzk5ObAyErEXNDk5ADAxExE0PgMzMhYXFxEUDgMjIicTATMBAwYzMjY1NRE2IyIGFRUBETQ+AzMyFxcRFA4DIyImJzcGFzInETYjIgYVFTcCER5CLUZQBAQCER5ALYEbYwIpg/3ddQQpEBMCJRITAcUCEB9BLn0cBAIQHz8tSFAEdwQpJQMCJBITA48BtQYYPC8lWCsr/ksGGD4tJ4f8mgXh+h8DjzcdDA4BtTcbDg77WgG0Bhk9LSeHKf5MBhk7MCRWLSs5AToBtDcaDw4AAwAx//ADLQXyACMALgA8AJUAsiIBACuwHTOxJwTpsg0DACuxOQfpAbA9L7AF1rEvDumwLxCwJCDWEbEADumwAC+xJA7psC8QsTMBK7QRDgA3BCuzFxEzCCuxGBHpsBwysT4BK7EkBRESsQMiOTmxMy8RErMNJysTJBc5sBcRsxUgISkkFzmxGBERErAaOQCxJyIRErAgObA5EbUAAxMcKzEkFzkwMRM0NjcmNTU0PgQzMhcWBxQDFhc2NxcGBxYXFSImJwYgJjcWFjMyNyYnDgITFBc2NyY2LgIjIgYVMVhSagoQKThaOcsxDgLNTEghDrAQTDclF348e/7+rtUCNys7QlhWBhAdKzdkAQIECA8gGScnATtzx3vh2RIMRD5MNyXXPTSi/vCub2BzIdWRPw3rS0CLwpRCVFaLnAoldgMib4ecYAIbLSkfTCUAAAAAAQAtA/QBBAXhAAYALgCyAwMAK7QADQAJBCsBsAcvsADWsAIysQUT6bEFE+mxCAErsQUAERKwATkAMDETEyM1MxUDLUhI13ED9AEK4+P+9gABAEL+1wIIBjUAFwATAAGwGC+wAdaxDQ7psRkBKwAwMRIQEjY2NzcXDgMCEBIWFhcXBy4DQjtYVh0eogojWkQ3NUxMGxqiDCdkTgH2AR4BK+C4Ly9UDjWwvf7h/ub+5caeJydUEkDL0wAAAAABACn+1wHwBjUAFwATAAGwGC+wBtaxEg7psRkBKwAwMRc+AxIQAiYmJyc3HgMSEAIGBgcHKQojWkQ3NUxMGhuiDCdkTkA8WFYdHtUONrC6AR8BGgEbx58nJ1QSQMzR/s7+4v7V37cvLwAAAAABAEoD5wJcBeEADgAqALIDAwArtAwNAAkEK7AKMgGwDy+wANaxBxfpsRABKwCxAwwRErALOTAxEzcXJzMHNxcHFwcnByc3SiukE5oTpCusc4NOTINzBOOURrCwRpQiilCYmFCKAAAAAAEASgEvA9sEjwALAFIAsAAvsAczsQEH6bAFMrIAAQors0AACgkrsgEACiuzQAEDCSsBsAwvsArWsAIysQkR6bAEMrIJCgors0AJBwkrsgoJCiuzQAoACSuxDQErADAxEzUhETMRIRUhESMRSgFyrAFz/o2sAomsAVr+pqz+pgFaAAAAAAEALf72AQQA4wAGACwAsAUvtAENAAkEKwGwBy+wBdawADKxAxPpsQMT6bEIASuxAwURErAGOQAwMTM1MxUDIxMt13FmSOPj/vYBCgABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABADUAAAEMAOMAAwApALIAAQArsQEM6bIAAQArsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDEzNTMVNdfj4wAAAQAI/20CyQXhAAMASQCyAQMAK7ACMwGwBC+wANaxAxHpsAMQsQEBK7ECEemxBQErsDYaujzd7DcAFSsKBLABELAAwLACELADwAKxAAMuLrBAGgEAMDEXATMBCAIfov3nkwZ0+YwAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAABABkAAAGJBeEACwA+ALIKAQArsgcDACu0AQAKBw0rtAEGABsEKwGwDC+wCtaxCRPpsgoJCiuzQAoACSuxDQErsQkKERKwBzkAMDETNT4DNzczESMRGTNWMyMGBoXdBJyNCi0zMBAO+h8EnAABADcAAAKPBfIAFABdALIAAQArsRIL6bIPAwArsQkK6bIJDwors0AJDAkrAbAVL7AM1rAAMrELE+mwCxCxBwErsRAT6bATMrEWASuxCwwRErADObAHEbASOQCxEgARErABObAJEbAQOTAxMzU+AxI3NCIVFSM1ECAREAEhFTcOMn9iVAKT3gJO/qYBXtsXTeTVAQ5nuLhpaQGF/on+sP2w2wAAAAEALf/wAnkF8gBAAKcAshcBACuxIQTpsiEXCiuzQCEdCSuyBgMAK7E9BOmyPQYKK7NAPUAJK7QvLhcGDSuxLwnpAbBBL7AC1rEAHTIysUAO6bAeMrBAELEjASuxERPpsBEQsAwg1hGxNhPpsDYvsQwT6bFCASuxQAIRErIbLi85OTmwNhG1FwYhKSo9JBc5sCMSsCc5sAwRsQ8mOTkAsS4hERKwETmwLxGwDzmwPRKwDDkwMRM0PgMzMh4DFRAHBxYRFA4DIyIuAzUzFhYzMjY1NDYuBScjNT4FPQI0LgIjIgYHLQQfOW9QTnI3IQZqAn8GITdzTlBwPCMG2QIfKy0ZAgIGDRgjNyMTJTMnFwwGAgwfGCkXAgQvRlqNVEI+UGg3F/7dagJk/sYZQ4NlTT9YiWM/lmplWhJgHUYWKw8QArgCCxIZIi0dPistL0UhYp4AAAACABkAAAKgBeEACgAQAFgAsgkBACuyAgMAK7QKCwkCDSuwBDOxCgTpsAYyAbARL7AJ1rAMMrEIDumwAzKyCAkKK7NACAYJK7IJCAors0AJAAkrsRIBKwCxCwoRErABObACEbAOOTAxEzUBMxEzFSMRIxEnMxE1IwcZAUPdZ2fKmpoNDAFIwgPX/CnC/rgBSMIB1y0tAAAAAAEASv/wAosF4QAlAIEAsiABACuxBQTpsgUgCiuzQAUACSuyEAMAK7ETC+m0GAsgEA0rsRgK6bILGAors0ALDwkrAbAmL7AP1rAAMrEUDumwDjKyFA8KK7NAFBIJK7APELECE+mwFBCxCAErsR4T6bEnASuxFA8RErAkObEIAhESsCA5ALEYCxESsBQ5MDETMxUUFjMyNjURNAciBhUjESEVIRE+AhcyHgIVERAhIi4DSt0dJiUfRiE1ugIX/qgIGkQZTm4rDv7fTm47IQgBtjtzWFpvAVBvAVAeAxjb/scGEh0CUHdSHv6w/nc7VIVoAAIAQv/wAoMF8gAdACoAawCyGgEAK7EhBOmyAwMAK7EJBOmyCQMKK7NACQYJK7QPKBoDDSuxDwfpAbArL7AA1rEeE+mwDDKwHhCxJAErsAYysRUT6bAEMrEsASuxHgARErAaObAkEbAPObAVErAZOQCxDygRErANOTAxExEQJBEVIzQmIyIGFRE2MzIeAhURFA4CIi4CFxQWMzI2NRE0JiIGB0ICQd0XLSccOzNQay0OEDR+vX8zEN0jIB8lJT0jAgE1A1gBZAH+m16iYEpa/vQlSHJZK/7NKVZ5TU15VhgUMDETAcISMikVAAAAAQAIAAACNQXhAAYANACyBQEAK7IBAwArsQAL6QGwBy+wBdaxBBTpsgQFCiuzQAQDCSuxCAErsQQFERKwBjkAMDETNSEVAyMTCAIt3eXhBQbb3fr8BQYAAAMANf/wAoMF8gAhAC0AOAB4ALIdAQArsSUK6bIMAwArsTYE6bQxLB0MDSuxMQvpAbA5L7AF1rAAMrEuE+mxIhPpsC4QsSkBK7AzMrEXE+mwETKxOgErsSIFERKyAwgdOTk5sC4RsAs5sCkSsgwlLDk5ObAXEbIPFBw5OTkAsTEsERKxFAM5OTAxEzU0NyY1NTQ+AzIeAxUVFAcWFRUUDgMiLgM3FhYzMjY2NTQmIgYTFBYyNjU0JiMiBjVzZgQgNnKcczUhBGdzBCE5d6R3OSEE1wIfLyUjCBtqGw8YUhkZKSUaAUKwvG1mrn8XNWpQPj5QajUXf65mbbywGTdvUkFBUm83cX9hPFJSmHJyAi5/ZGR/cV5YAAACADn/8AJ7BfIAHQAqAGsAsh0BACuxBQTpsgUdCiuzQAUBCSuyFgMAK7EnBOm0CyEdFg0rsQsH6QGwKy+wANawEDKxAhPpsB4ysAIQsQgBK7AjMrEbE+mxLAErsQIAERKwFTmwCBGwCzmwGxKwFjkAsSELERKwCTkwMRM1MxQWMzI2NREGIyIuAjURND4CMh4CFREQIBMUFjI2NxE0JiMiBhU53hYtJx07NFBqLQ8RM3+8fzMR/b7eJD4jAiMhHyQBVF6iYEpaARslR3NYKwElKVZ5Tk55Vin8qP6cA0kSMSkUAbsULzESAAAAAAIASgAAASEEYAADAAcALwCyAAEAK7EBDOmyBQIAK7EEDOkBsAgvsADWsAQysQMT6bAGMrEDE+mxCQErADAxMzUzFQM1MxVK19fX4+MDfePjAAAAAAIASv72ASEEYAAGAAoAMACyCAIAK7EHDOkBsAsvsAXWsQAHMjKxAxPpsAkysQMT6bEMASuxAwURErAGOQAwMTM1MxUDIxMDNTMVStdxZkdH1+Pj/vYBCgN94+MAAQBKAK4D2QUEAAYAEwABsAcvsADWsQQO6bEIASsAMDETNQEVAQEVSgOP/UYCugKJoAHbx/6c/pzHAAAAAgBKAd0D2QQMAAMABwAaALAAL7EBB+mwBC+xBQfpAbAIL7EJASsAMDETNSEVATUhFUoDj/xxA48B3aysAYOsrAAAAAABAEoArgPZBQQABgATAAGwBy+wAtaxBg7psQgBKwAwMTc1AQE1ARVKArr9RgOPrscBZAFkx/4loAAAAAACABkAAAJcBewAHwAjAC0AsgUDACuxHATpAbAkL7AS1rAgMrERDumwITKwERCxGQsrsQoO6bElASsAMDETPgMXHgMVFAcOAhURIxE0NjY3Njc2JiMmBgcDMzUjGQwrTHRCUnA0FFAnJDC+MS8pKwoGIicvRg4E19cE7CFHXDwDAj9kUidSiT9AlkX/AAEAZrpeRkgpG0MCYjH7aOMAAAAAAgBC//ADLwXyAC0ANwCkALIpAQArsSQG6bIGAwArsR4H6bQRMCkGDSu0EQYAGwQrtBY1KQYNK7QWBgAbBCsBsDgvsADWtCEOADcEK7AhELETASuxLhHpsC4QsTIBK7AaMrQLDgA3BCuxOQErsRMhERKxBR45ObAuEbMRFiQpJBc5sDISswYNHSYkFzmwCxGwJzkAsSQpERKwJzmwERGwJjmwMBKxCw05ObEWNRESsBo5MDETETQ+AjIeAhURIycOAiMiNRE0MzIWFxc1NCYiBhURFBYzMjcXBiMiLgIBFDMyNRE0IyIVQiJOnNWbTiOkFAQPOyORkSM5CwpayVpYZnUzmG3TapxOIgHVLzExLwEvA3krZm9KSm9mK/znOAgXJawB5aoiERAtM2trM/yHNWQ/Vo9HbWIBNzU1Acc1NQACABQAAALpBeEABwANAEsAsgABACuwAzOyAQMAK7QGCAABDSuxBgzpAbAOL7AA1rEHE+mwBxCxBAErsQMT6bEPASuxBAcRErMCAQgJJBc5ALEBCBESsAs5MDEzEyETIwMjAxMzAycjBxTkAQ7j1ynVKEeYQAYMBgXh+h8BM/7NAh0B2ycnAAAAAwBSAAACuAXhABAAGwAnAGcAshABACuxEQvpsgIDACuxJwvptBwbEAINK7EcCukBsCgvsADWsRET6bAcMrARELEVASuwITKxDhTpsQUO6bEpASuxFRERErAQObAFEbAIOQCxGxERErAOObAcEbAIObAnErAFOTAxMxEzMhYVFAYHHgQVEAUnMjc2NTQuAiMjNTI+AzQuAyNSws3HO04GFDYpIP6qM0ojNyE7JRsIFxY6IB0dIDoWFwXhttlqikMCDzdMiVT+YgzbHzeSUmglCMsCEidSd1InEgIAAAEARP/wApEF8gAtAGYAsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwLi+wANaxGBPpsBgQsR8BK7AOMrEjDumwDDKxLwErsRgAERKxBik5ObAfEbIHFSg5OTmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJ0QEHjh5p3k4HgICzgIECw4jGkYIBCcjKSvOBB44ead5OB4CATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyAAAAACAFIAAAK4BeEAEQAdADoAshEBACuxEgvpsgIDACuxHQvpAbAeL7AA1rESE+mwEhCxFgErsQsU6bEfASsAsR0SERKxCgk5OTAxMxEzMh4FEA4FIzcyNzYRNDQ1ECcmI1KuWn9iPicSBgYSJz5if1ovdRgXFxl0BeEYK1xjtK7+5a6yYlwrGd1RSwFBGzkbAUJJUAAAAQBSAAACTAXhAAsARQCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwDC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysQ0BKwAwMTMRIRUhETMVIxEhFVIB+v7jzc0BHQXh4/518v5i4wAAAAABAFIAAAJgBeEACQBAALIAAQArsgEDACuxBAzptAUIAAENK7EFDOkBsAovsADWsQkT6bAEMrIJAAors0AJAwkrs0AJBwkrsQsBKwAwMTMRIRUhETMVIxFSAg7+z83NBeHj/nXk/XEAAAEAQ//wApEF8gAsAIsAsiQBACuyJwEAK7EbBOmyBwMAK7ETC+myEwcKK7NAEw4JK7QgIScHDSuxIAnpAbAtL7AA1rEXE+mwFxCxHgErsA4ysSMT6bAMMrAjELEgFemwIC+xLgErsRcAERKwBjmwIBGyExonOTk5sB4SsRIbOTmwIxGxByU5OQCxGyQRErAlObAgEbArOTAxExE0PgMyHgIXFxUjNTQmJiIGFQcRFBYWMjY1NxEjNSERIycGIyInJjU0RAQeOHmneTgeAgLdAiVFJQICJUUlAlgBNYMaRmbLLwsBNQN3DC1xVkZEXmAjIefnDCU+OBod/HcMJT44Gh0BELv9EkhY1TApDAABAFIAAAK4BeEACwA/ALIAAQArsAczsgEDACuwBTO0AwoAAQ0rsQMM6QGwDC+wANaxCxPpsAIysAsQsQgBK7AEMrEHE+mxDQErADAxMxEzETMRMxEjESMRUt2s3d2sBeH9kgJu+h8Cj/1xAAABAFIAAAEvBeEAAwAhALIAAQArsgEDACsBsAQvsADWsQMT6bEDE+mxBQErADAxMxEzEVLdBeH6HwAAAAABAAz/8AFgBeEADwAsALIAAQArsQEL6bIIAwArAbAQL7AH1rEKE+myBwoKK7NABwAJK7ERASsAMDEXNTIWPgI1ETMRFAcGJyIMBBEpHhvdT0aYEw7ZAgYSMyUEqPs2iVRKAQAAAQBSAAAC7AXhABEAjQCyAAEAK7EKCzMzsgEDACuwBzMBsBIvsADWsRET6bACMrARELELASuxChPpsRMBK7A2GrrBmfHKABUrCg6wCxCwDcCwChCwCcCwDRCzDA0LEyuyDA0LIIogiiMGDhESOQCyCQwNLi4uAbIJDA0uLi6wQBoBsQsRERKwBzmwChGwCDkAsQEAERKwBDkwMTMRMxEVMzcTMwMTIwMnIwcHEVLdCAu418vm2JkGBg0zBeH+CxkZAfX+EfwOAo8fH3v97AAAAAEAUgAAAlQF4QAFACwAsgABACuxAwrpsgEDACsBsAYvsADWsQMT6bIDAAors0ADBQkrsQcBKwAwMTMRMxEhFVLdASUF4frszQAAAAABAFIAAAONBeEAFQCsALIAAQArsQkPMzOyAQMAK7AHMwGwFi+wANaxFQ7psBUQsRABK7EPD+mwDxCxCgErsQkO6bEXASuwNhq6wJn3SAAVKwoOsBIQsBHAsQMb+bAEwLo/gfgQABUrCg6wBRCwBsCxDhz5sA3AALcDBAUGDQ4REi4uLi4uLi4uAbcDBAUGDQ4REi4uLi4uLi4usEAaAbEQFRESsAI5sQoPERKwBzkAsQEAERKwDDkwMTMRIRMXMzcTIREjETUjBwMjAycjFRFSAQ6DCwQKgwEOzA0IjV6OCAwF4f1QUFACsPofA7JAQPxOA7JAQPxOAAEAUgAAAtcF4QAPAGYAsgABACuwCTOyAQMAK7AHMwGwEC+wANaxDw7psAIysA8QsQUBK7AKMrEJDumxEQErsDYausJH7xMAFSsKDrAMELALwLEDGfmwBMAAswMECwwuLi4uAbMDBAsMLi4uLrBAGgEAMDEzETMTFzM1ETMRIwMnIxURUsXXEgzLxdcSDAXh/PBGRgMQ+h8DEEZG/PAAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAACAFIAAAK0BeEACAAPAEoAsgABACuyAgMAK7EPDOm0BwkAAg0rsQcM6QGwEC+wANaxCBPpsAkysAgQsQwBK7EFE+mxEQErALEJBxESsAU5sQIPERKwBDkwMTMRMzIWEAYjEREyNjU0JiNS3abf36ZmQEJkBeHT/iHV/aYDO1uBg2YAAAACAET/jQK8BfIAGwArAGIAshYBACuxIAvpsxEgFggrsRIJ6bIHAwArsSgL6QGwLC+wANaxHBPpsBwQsSMBK7ENE+mxLQErsRwAERKxBho5ObAjEbAWObANErIHDxQ5OTkAsREWERKwFDmwIBGwDzkwMRMRND4DMh4CFxcRFAcWFxUiJwYjIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAi0hN6BDNzhUeDgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iV5YKwq9dRJDYF8gIwwlPTcdGgN3DCU+OBodAAAAAgBSAAACugXhAAsAFQBuALIAAQArsQcIMzOyAgMAK7EVC+kBsBYvsADWsQsT6bAMMrALELERASuwCDKxBA7psQcT6bEXASuwNhq6wQb0mAAVKwoOsAgQsAnAsAcQsAbAALEGCS4uAbEGCS4usEAaAQCxFQARErEEDDk5MDEzETMgERAHEyMDIxERMj4CNC4CI1LdAXl7jd1zOx8rOx8fOysfBeH+Tv7+VP0nAnv9hQNICidimGInCgAAAAABACX/7wKaBfIAMwBmALIuAQArsQMK6bISAwArsR0K6QGwNC+wD9axHxPpsAAg1hGxARPpsB8QsQUBK7AbMrEsE+mwGjKxNQErsR8BERKwCjmwBRGyAxQdOTk5sCwSsCc5ALEdAxEStQABDxobLCQXOTAxEzcQMzI3NC4DJy4CNTQ2NzIzMhceAhUHNCMGFxQeBhceAhUQJSIuAyXZaFoBES8bTwlCST+PkQUFWD5COxnZWUwBCAwZECcSMAhKPUj+zFJ4RCcMAaYU/wCmHT1WKXUOYHyuS4vUAiMlgX1KFNkClBIrIzMdOxtDDW9itEz+hQEzTHpxAAEABAAAAoMF4QAHADoAsgYBACuyAQMAK7EADOmwAzIBsAgvsAbWsQUT6bIFBgors0AFAwkrsgYFCiuzQAYACSuxCQErADAxEzUhFSMRIxEEAn/R3QT+4+P7AgT+AAAAAAEAUP/wAp4F4QAXAD8AshMBACuxBwvpsgEDACuwCzMBsBgvsADWsQMT6bADELEKASuxDRPpsRkBK7EDABESsBM5sQ0KERKwEjkAMDETETMRFBYWMjY1NxEzERQOAyIuAidQ3QIlRiQD3QQfN3moeTcfAgE1BKz7VAwlPTcdGgSs+1QMLXFWRUNgXyAAAQASAAACugXhAAkAPQCyCQEAK7IAAwArsAYzAbAKL7AA1rEBE+mwARCxBgErsQcT6bELASuxBgERErEICTk5ALEACRESsAM5MDETMxMXMzcTMwMjEtdvCA0Ibtfl3QXh/MVAQAM7+h8AAAAAAQAZAAAD9AXhABUAaQCyFQEAK7AOM7IAAwArsQYMMzMBsBYvsADWsQEO6bABELEGASuxBxHpsAcQsQwBK7ENDumxFwErsQEAERKwFTmwBhGwFDmwBxKxERI5ObAMEbAPObANErAOOQCxABURErIDCRE5OTkwMRMzExczNxMzExczNxMzAyMDJyMHAyMZzFgFEAZeoF4GEQRYzcusZg0IDGesBeH88jExAw788jExAw76HwLJWFj9NwAAAAABABAAAALRBeEAEQE+ALIAAQArsgsMETMzM7ICAwArsgMICTMzMwGwEi+wANawAjKxERPpsAMysBEQsQwBK7AIMrELE+mwCTKxEwErsDYaujz/7KEAFSsKusL17MYAFSsKusMT7GgAFSsLsAIQswECDBMrsQIMCLAAELMBAAgTK7rDEOxxABUrC7ADELMEAwsTK7o87exoABUrC7AAELMHAAgTK7rDEOxxABUrC7ADELMKAwsTK7EDCwiwERCzChEJEyu6wxPsaAAVKwuwAhCzDQIMEyu6PO3saAAVKwuwERCzDxEJEyuzEBEJEyuyBwAIIIogiiMGDhESObIQEQkREjmwDzmyBAMLIIogiiMGDhESObINAgwREjkAtgEEBwoNDxAuLi4uLi4uAbYBBAcKDQ8QLi4uLi4uLrBAGgEAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEPTw2ngHCAZ52fD02X8ECAV/AxcCyv6DEhIBff02/OkBwRIS/j8AAQAOAAACrgXhAAsASACyCgEAK7IAAwArsAYzAbAML7AA1rEBE+mwARCxCgErsQkT6bAJELEGASuxBxPpsQ0BK7EJChESsQMEOTkAsQAKERKwAzkwMRMzExczNxMzAxEjEQ7ZbwYEBm/Z4d0F4f4fDg4B4fyg/X8CgQAAAAEAFAAAAl4F4QAJADsAsgABACuxBwvpsgQDACuxAwvpAbAKL7EAASuxCRjpsAUysQsBK7EJABESsAc5ALEDBxESsQEGOTkwMTM1ASE1IRUBIRUUAVv+1wIY/qABYO4EGNvb+9XbAAAAAQBS/ysB4QXhAAgAMwCyBQEAK7EIBOmyAQMAK7EEBOkBsAkvsAjWsQcW6bACMrEFDumxBhbpsAMysQoBKwAwMRcRIRUjETMVIVIBj8rK/nEQBfHE+tPFAAEACP9MAxAGnAADAE0AAbAEL7AA1rEBEemwARCxAwErsQIR6bEFASuwNhq6wyHsOwAVKwoEsAAusAIusAAQsQEZ+bACELEDGfkCswABAgMuLi4usEAaAQAwMRMzASMIogJmqAac+LAAAQA5/ysByQXhAAgAPACyAAEAK7EIBOmyBAMAK7EDBOkBsAkvsAjWsAMysQcW6bAHELEBDumwAS+wBxCxABbpsAAvsQoBKwAwMRczESM1IREVITnLywGQ/nAQBS3E+g/FAAAAAAEANQMpBBkF4QAGABUAsgEDACuxBQbpAbAHL7EIASsAMDETATMBIwEBNQF96gF9x/7V/tUDKQK4/UgCH/3hAAABAEr+ugRx/2YAAwAXALADL7EAB+mxAAfpAbAEL7EFASsAMDEXIRUhSgQn+9marAABASUFGQJmBdEAAwAaALADL7EBCekBsAQvsADWsQIV6bEFASsAMDEBMxcjASXXap8F0bgAAgAx//ACaARxACUALQCAALIdAQArsiMBACuxKArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSgF6QGwLi+wANaxJg7psBEg1hGxEA7psCYQsR8BK7EGKzIysRoO6bEvASuxJhERErAjObEfEBESsgUVIDk5ObAaEbAdOQCxCigRErMAGBosJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJjcUFzI2NREGMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4u2gBJx0BHz4AAAACAFL/8AJkBeEAEQAdAFkAsgABACuyDAEAK7EVBOmyAQMAK7IFAgArsRsE6QGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVABESsBA5sQUbERKwAzkwMTMRMxE2MzIWFREUBiMiJicnFTUUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJwXh/jZailH9NVKJLRYXSvYdJycdAnQdJysZAAABAEL/7wJUBHEAGwBUALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsBwvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysR0BK7EUDxESsAM5ADAxExEQITIWFRUjNTQmIyIHERQzMjY1NTMVFAYjBEIBCImBzxgjOQE6IxjPgYn++AE7AeoBTI60WIczJ1r9pFonM5xttI0BAAACAEr/8AJcBeEAEQAdAFkAsgwBACuyDwEAK7EVBOmyCQMAK7IEAgArsRsE6QGwHi+wANaxEg7psBIQsQwBK7EIFzIysQsO6bEfASuxEgARErEEDzk5ALEVDBESsA05sQQbERKwCDkwMTcRNDYzMhYXFxEzESM1BiMiJjcUFjI2NRE0JiIGFUpSTSFSGRjPz1hMTlHPIC0nJy0gywLLUoktFxYByvofSlqJfR0nJx0CdBkrJx0AAAAAAgBC//ACWARxACQALwBZALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxKwjptCUNHwcNK7ElBukBsDAvsADWsQ4O6bAlMrAOELEWASuwJjKxGQ7psAsysTEBK7EWDhESsQcfOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCvpYCJSMhJwICARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfAbSeDCc/OR0cAAAAAQAUAAABywXpABgATACyFwEAK7IKAwArsQ4J6bIBAgArsBIzsQAJ6bAUMgGwGS+wF9awAjKxFg7psBAyshYXCiuzQBYUCSuyFxYKK7NAFwAJK7EaASsAMDETNTM1NTQ+AzMXFSYjIhcVFTMVIxEjERRpBBktYENhGyNCAWhozwOmuhEOM0J2RjkOsgi0EA26/FoDpgAAAAADAAz+bwK6BHEANAA/AFUAmwCyEgIAK7AWM7FQBOmwFzKwMi+xNwfpsCEvsUMH6QGwVi+wC9awBDKxVQ7psCUysAAg1hGxNQ7psFUQsUUBK7EbDumzOhtFCCuxLw7psBYysVcBK7E1CxESsQcCOTmxRVURErUhIyk+ElAkFzmxGzoRErEUGTk5ALEhNxEStQAEJS81PiQXObBDEbAHObBQErAZObASEbAUOTAxFzQ3JjU0NjcmJicnETQ+AzMyFzY3FSIHFxEUDgMjIicGFRQeAhceAxUUBiMmJjcUNzI2NTQmJycGExQWMzY1ESY0NjU0Jy4CIyIGFRURDKJ9UDEzOwUEBB0xbUiHR2ZESDAKBB8xbUkbDB0WPh0tOVhaM86UpKjJhztjKUZqTDEfHT8BAgMEChsUHR+4Xkwjci1gGyN5LSsBMQwlYkw+Z2YBuRhG/sMKJ19JPAIZGhAZEAQJCBo4ZEaYhgRgl04BJyQhIwwVLAJcETgGXwEzAQUKAQgLDx8UMxsY/s0AAAABAFIAAAJkBeEAEgBHALIAAQArsAszsgEDACuyBwIAK7EPCukBsBMvsADWsRIO6bACMrASELEMASuxCw7psRQBK7ELDBESsAc5ALEHDxESsAM5MDEzETMRNzY2MzIWFREjETQjIgcRUs8gHkkhTE/OMikaBeH+ISAeMYpR/GoDdzE1/I0AAAAAAgBSAAABIQXhAAMABwAwALIAAQArsgUDACuxBArpsgECACsBsAgvsADWsAQysQMO6bAGMrEDDumxCQErADAxMxEzEQM1MxVSz8/PBGD7oAUSz88AAv/T/n8BGwXhABQAGAA4ALIQAAArsQIE6bIWAwArsRUK6bIIAgArAbAZL7AE1rAVMrEKDumwFzKxGgErALECEBESsBQ5MDEHFjMyNTQ0NREzERQOAyMiJicnEzUzFS0dHEDPBBktYEQdLQgIec+2CI4DDwMEe/uDM0FzRjcGAgQGh8/PAAAAAAEAUgAAAn0F4QARAE0AsgABACuwCjOyAQMAK7IHAgArAbASL7AA1rERDumwAjKwERCxCwErsQoO6bETASuxCxERErAHObAKEbEJCDk5ALEHABESsQQNOTkwMTMRMxEVMzcTMwMTIwMnIwcHEVLPCgxlupW8x2YECgcaBeH9WiQkASX+lP0MAcUQEEL+fQAAAAEAUgAAASEF4QADACEAsgABACuyAQMAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8F4fofAAAAAAEAUgAAA7AEcQAfAHsAsgABACuxERgzM7IBAgArsgcCACuwDTOxHArpsBUysQMHECDAL7EcBekBsCAvsADWsR8O6bACMrAfELEZASuxGA7psBgQsRIBK7ERDumxIQErsRkfERKwBTmwGBGxCQc5ObEREhESsA05ALEDHBESsAk5sAERsAU5MDEzETMVMjY2MzIXPgIzMhYVESMRNCMiBxEjETQjIgcRUs8CPUwhZCcETkogTFDCOCklwjcpJQRgXj0yfQRKL4pR/GoDdzE1/I0DdzE1/I0AAAEAUgAAAmQEcQASAEcAsgABACuwCzOyAQIAK7IHAgArsQ8K6QGwEy+wANaxEg7psAIysBIQsQwBK7ELDumxFAErsQsMERKwBzkAsQEPERKwAzkwMTMRMxU3NjYzMhYVESMRNCMiBxFSzyAeSSFMT84yKRoEYF4gHjGKUfxqA3cxNfyNAAIAP//wAlIEcQAXADEATACyEgEAK7EeCOmyBwIAK7ErCOkBsDIvsADWsS4O6bAuELEgASuwJTKxDA7psTMBK7EuABESsAM5sCARsxIHIiMkFzmwDBKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1NxQXHgIzNjcRIjc2NTQnLgIjBgcRFhQGPwMcMW9KxzUOAh0zbUtKbzEcvwMEDB8VRgECAgEDBAwfFkQCAQIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwsJCxEiFgpnAjMLBAQJDBEhGApo/c0BBgwAAAAAAgBS/n8CZARxABEAHQBXALIMAQArsRUE6bIBAgArsgUCACuxGwTpsAAvAbAeL7AA1rERDumxAhIyMrARELEXASuxCQ7psR8BK7EJFxESsQUMOTkAsRUMERKwEDmxARsRErADOTAxExEzFTYzMhYVERQGIyImJycRERQWMjY1ETQmIgYVUs9YTE5RUk0hUhkYJy0hIS0n/n8F4UlailH9NVKJLRYX/jUCdxkrJx0CdB0nJx0AAgBK/n8CXARxABEAHQBXALIPAQArsRUE6bIJAgArsgQCACuxGwTpsAwvAbAeL7AA1rESDumwEhCxDAErsQgXMjKxCw7psR8BK7ESABESsQQPOTkAsRUPERKwDTmxCRsRErAIOTAxNxE0NjMyFhcXNTMRIxEGIyImNxQWMjY1ETQmIgYVSlJNIVIZGM/PWExOUc8gLScnLSDLAstSiS0XFkn6HwHLWol9HScrGQJ0HScnHQAAAQBSAAAB8ARxAA4AMQCyAAEAK7IBAgArsgYCACuxCQvpAbAPL7AA1rEODumwAjKxEAErALEBCRESsAM5MDEzETMVNjYzFSYjIgcGFRFSzwhkYyIeOCotBGB9KWXmCyUpPvz2AAEAJf/wAk4EcQArAHoAsiYBACuxAwfpsgMmCiuzQAMACSuyEAIAK7EbB+myGxAKK7NAGxkJKwGwLC+wC9axHQ7psAAg1hGxAQ7psB0QsQUBK7AZMrEjDumwGDKxLQErsQELERKwCDmxBR0RErMDBxImJBc5sCMRsCE5ALEbAxESsQsiOTkwMRMzFDMyJzQnLgI1ND4CNzIzMhceAhUjNCMGBxQWFhcWFxQGIyIuAyXAYUgBgUQ9Qxg2ZkgGBU41ODERwUM/AS8rLb4BgYdIbT0lCgFGqodKfEJCiUw3Ylw4AhocZlg7gwKBIVAtK7age7gxR2NQAAAAAQAU//AB2QV1ABYAVQCyDwEAK7ELCumyAQIAK7AFM7EACemwBzKyAQAKK7NAAQQJKwGwFy+wFdawAjKxCQ7psAQysgkVCiuzQAkHCSuwDDKyFQkKK7NAFQAJK7EYASsAMDETNTMRMxEzFSMRFDM3FQYjIi4DNREUac+NjUFMLUJEXy0ZBAOmugEV/uu6/dO4CMsOOUh4RjkCPgAAAQBO//ACYARgABIARwCyCwEAK7IQAQArsQUK6bIBAgArsAgzAbATL7AA1rEDDumwAxCxCwErsAcysQoO6bEUASuxAwARErAQOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJk7PMSkaz88fHkohTE/LA5X8iTE2A3L7oF4gHjCJAAAAAAEAEAAAAkoEYAAJAD0AsgkBACuyAAIAK7AGMwGwCi+wANaxAQ7pswkBAAgrsQgO6bABELEGASuxBw7psQsBKwCxAAkRErADOTAxEzMTFzM3EzMDIxDJRAgQCETJt8wEYP13SEgCifugAAAAAAEAFAAAA3UEYAAVALEAshUBACuwDjOyAAIAK7IGDA0zMzMBsBYvsADWsQEO6bABELEGASuxBxDpsAcQsQwBK7ENDumxFwErsDYauj+B+BAAFSsKDrAMELAKwAWwDRCwDsC6P5n42QAVKwuwChCzCwoMEyuyCwoMIIogiiMGDhESOQCxCgsuLgGyCgsOLi4usEAaAbEBABESsBU5sAYRsBQ5sAcSsRESOTmwDBGwDzkAsQAVERKyAwkROTk5MDETMxMXMzcTMxMXMzcTMwMjAycjBwMjFL1BCQwKVntWCg0IQb2mrFAKCAtQrARg/bdAQAJJ/bdAQAJJ+6ACFz8//ekAAAAAAQAQAAACWgRgABEAvwCyAAEAK7ELETMzsgICACuyAwgJMzMzAbASL7AC1rEDDumwETKwAxCxAA7psAAvsAMQsQgBK7AMMrEJDumxCw7psRMBK7A2Gro9W+3KABUrCg6wABCwAcCwERCwEMC6wmnumwAVKwqxAAEIsAIQsAHADrADELAEwLo9l+6bABUrCg6wCBCwB8CwCRCwCsAAtAEEBwoQLi4uLi4BtAEEBwoQLi4uLi6wQBoBsQgDERKwDjkAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEMGwwkoGBAZKw7DAyVQGBAZUAkICHv76Hx8BBv3i/b4BGx4e/uUAAAAAAQAZ/m8CYgRgABIAPwCyAAIAK7AGM7AML7ENCekBsBMvsADWsQEO6bABELEGASuxBw7psRQBK7EBABESsQwSOTkAsQANERKwAzkwMRMzExczNxMzAwYGIyc1FjM2NjUZylIECQRSysYQnHNcECE9SARg/VA5OQKw+0x/vgS4BAZvQwAAAQAMAAACBARgAAkAQQCyAAEAK7EHCemyBAIAK7EDCekBsAovsQABK7EJF+mwBTKxCwErsQkAERKwBzkAsQcAERKwATmxBAMRErAGOTAxMzUBIzUhFQEhFQwBHfABy/7jAR2oAvy8qP0EvAAAAQA9/jcCdwX2AB0AYgCyCAMAK7EJB+mwFi+xFQfpsAAvsQEG6QGwHi+wGdawBDKxEg7psAwyshIZCiuzQBIWCSuwCDKxHwErsRIZERKwDzkAsQAVERKyERIZOTk5sAERsA85sAkSsgUMDTk5OTAxEzUyNjURNDYXFSYGFREUBxYVERQWNxUGJjURNCYmPUg8wPaHa39/a4f2wBFCAcWjYykBjd+WBKwCUHf+c49OUoz+c3dQAqwElt8BjRQ2QAAAAQBS/gABEgacAAMAFwABsAQvsADWsQMO6bEDDumxBQErADAxExEzEVLA/gAInPdkAAAAAAEAOf43AnMF9gAdAGIAsg0DACuxDAfpsB0vsQAH6bAWL7EVBukBsB4vsAPWsAgysRoO6bAQMrIDGgors0ADHQkrsAwysR8BK7EaAxESsAY5ALEWABESsgMEGjk5ObAVEbAGObAMErIICRA5OTkwMRMWNjURNDcmNRE0Jgc1NhYVERQWFjMVBgYVERQGJzmHa39/aoj2wRBCMUg7wfb+5wJQdwGNi1NOjwGNd1ACrASW3/5zFzc+owRhJ/5z35YEAAEAcQUOBMkGgwAdADIAsBovsQYJ6bMMBhoIK7EWCemwHTIBsB4vsR8BKwCxGhYRErAAObEGDBESsQoQOTkwMRM+BDMyFhYXFjcyNzcXDgQjIicmIgYHB3EEEDxFeUI3cDQ5akRtRQ2HBBE7RnBAeZdzf2QTEgVIDClqUkIlHSVIAZkdOQwsalBEZUpbLS0AAAIASv5/ATkEYAADAAcAPgCyBQIAK7EEDOmwAC8BsAgvsATWsAAysQcT6bADMrMCBwQIK7EBEOmwAS+xAhDpsQkBKwCxBAARErABOTAxExMzEwM1MxVKN4E349f+fwRM+7QE/uPjAAAAAQBC/4UCTAYfAB8APQABsCAvsADWsREO6bARELEdASuwAzKxHBDpsAUysBwQsRULK7ALMrEYDumwCTKxIQErsRwdERKwDjkAMDETERA3NTMVFhYVFSM1NCMiFREUFzInNTMVFAYHESMRJkLQe2JdvUlISEoBvVxje9AB/AHpASkf8vQQkJtYh1pa/aRaAVubbJyREf7RAS0fAAAAAQAE//ADFAX0ADoAuACyMwEAK7A6M7EtC+myEwMAK7EcCum0CQozEw0rsCIztAkGABsEK7AkMrMZMxMIKwGwOy+wDtaxHw7psg4fCiuzQA4JCSuzBh8OCCuxJw7psicGCiuzQCckCSuwHxCxGQErsRgO6bE8ASuxBg4RErMECAs6JBc5sB8RsDY5sCcSsiIlKTk5ObAZEbArObAYErIuLzM5OTkAsS0zERKxADY5ObAJEbIELzA5OTmxHBkRErEOHzk5MDE3PgI3NjU0JyM1MycmNTQ+Ajc2HgIVIzQmBwYGFRQXFzMVIxYHFAceAjM2NxcGBiMiJiMiBgcHBAgfbT8lH7yTBk4fQnZQYIhHHdUzQC8rRgbTrhkBORA4KRRKCLwMi2QzuSUhOQwMPxRDdApvWERqiRX+WEZ6b0QCAkR3h1JWcQICYkRx4RmJZEpocwghEgS6FrbHZjMbGAAAAAEAGQAAArgF4QAZANIAshEBACuyAAMAK7IBBgczMzO0ExQRAA0rsAwztBMGABsEK7AOMrQXGBEADSuxCBkzM7QXBgAbBCuwCjIBsBovsADWsQET6bABELERASuwFTKxEBPpsAsyshARCiuzQBAKCSuwDTKyERAKK7NAERcJK7ATMrAQELEGASuxBxPpsRsBK7A2GrrBnPG7ABUrCrAAELAZwA6wARCwAsC6PmTxuwAVKwoOsAYQsAXABbAHELAIwAMAsQIFLi4BswIFCBkuLi4usEAaALEAGBESsAM5MDETMxMXMzcTMwMzFSMVMxUjESMRIzUzNSM1MxnZbgYEB27ZxJOwsLDdsLCwkwXh/h8ODgHh/Q+KiYn+rAFUiYmKAAIBEAUZAvAF4QADAAcANgCyAQMAK7AFM7EACumwBDKyAQMAK7EACukBsAgvsADWsQMO6bADELEEASuxBw7psQkBKwAwMQE1MxUzNTMVARC/Yr8FGcjIyMgAAAAAAwA1//AGNwXyAAcAEQA2AMUAsgcBACu0CwUANAQrsgMDACu0EAUANAQrtDMoBwMNK7QzBgAbBCuyKDMKK7NAKCwJK7QZIwcDDSu0GQYAGwQrsiMZCiuzQCMeCSsBsDcvsAHWsQkQ6bAJELESASuxJhHpsCYQsSoBK7AeMrQtEAAtBCuwHDKwLRCxDQErsQUQ6bE4ASuxEgkRErIHAgo5OTmwJhGxFTY5ObAqErIZEDM5OTmwLRGwLzmwDRKyBgsDOTk5ALEjKBEStgAEBQEJCA0kFzkwMRIQACAAEAAgABAAIAAREAAhIBMRND4DMzIXFxUjNTU0JiMGBxEUMzYnNTMVFA4DIyImJzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZIAhQjUDeTIweKGBkvAjE1BIoCFSNONVZgBgGyAnsBxf47/YX+PgQK/ev+gQF/AQsBDAF//GwCEwgbQzMrkzF9fRELIwI9/e0/Aj19fQgaRDMrYjEAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAQANf/wBjcF8gAHABEAHgApAO8AsgcBACu0CwUANAQrsgMDACu0EAUANAQrtB0fBwMNK7QdBQAxBCuwHDKyHR8KK7NAHRsJK7ESGjIytBQpBwMNK7QUBQAwBCsBsCovsAHWsQkQ6bAJELESASuxHhHpsB8ysB4QsSQBK7AbMrQWEAAsBCuxGhHpsBYQsQ0BK7EFEOmxKwErsDYausIj75sAFSsKsBsQsBzADrAaELAZwACwGS4BsRkcLi6wQBoBsRIJERKyBwIKOTk5sSQeERKwEDmxDRoRErIGCwM5OTkAsR0LERKyBQkAOTk5sB8RsA05sCkSsAg5sBQRsQQBOTkwMRIQACAAEAAgABAAIAAREAAhIBMRMzITFAYHEyMDIxERMzI2NjU0JiYjIzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZGxOcBITdql183LSstCgotKy0BsgJ7AcX+O/2F/j4ECv3r/oEBfwELAQwBf/u+A2/+/kxiL/5wAW3+kwHsKy8lJzErAAAAAAEBOQUjAscFxQADAB8AsAAvsQEG6bEBBukBsAQvsQABK7EDFumxBQErADAxATUhFQE5AY4FI6KiAAAAAAEBmgUZAtsF0QADABoAsAAvsQEJ6QGwBC+wANaxAhXpsQUBKwAwMQE3MwcBmmrXogUZuLgAAAAAAQAAAokA1wNtAAMAIgCwAC+xAQzpsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDERNTMV1wKJ5OQAAAAAAQGq/n8CVv+RAAYALACwBC+wBi+0AAYAGwQrAbAHL7AG1rECEemxAhHpsQgBKwCxBgQRErACOTAxBTMVByM3IwGqrC1oKD9vjYWFAAIAKf51Am0EYAAfACMAQQCyIQIAK7EgDOmwGy+xEgTpAbAkL7AA1rEPDumwDxCxBgsrsCAysQkO6bAiMrElASsAsSASERKzAAcVFiQXOTAxFzQ3PgI1ETMRFAYGBwYHBhYzFjY3Fw4DJy4DEzUzFSlQJyUvvjEvKSsKBiInL0YOswwsTHRCUnA0FL7XalKJP0CVRgEA/wBmu15GSCgbRAJjMVQhSFw7AgI/ZVIEDuPjAAAAAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQcAERKwCDmwBBG2AgEJCgsMDSQXOQCxAQwRErAPOTAxMxMhEyMDIwMDMxcjEzMDJyMHFOQBDuPXKdUoX9droASYQAYMBgXh+h8BM/7NBx+5+7cB2ycnAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQQHERK2AgEICQsMDSQXObADEbAKOQCxAQwRErAPOTAxMxMhEyMDIwMTNzMHAzMDJyMHFOQBDuPXKdUoOWrXoZKYQAYMBgXh+h8BM/7NBma5ufu3AdsnJwAAAAADABQAAALpBx8ABwAOABQAbQCyAAEAK7ADM7IBAwArtAYPAAENK7EGDOmwDi+wCzOxCQnpAbAVL7AA1rEHE+mwBxCxBAErsQMT6bEWASuxBwARErAIObAEEbcCAQkKDA4PECQXObADErALOQCxAQ8RErASObEJDhESsA05MDEzEyETIwMjAwM3MxcjJwcDMwMnIwcU5AEO49cp1ShnjdyNvT89D5hABgwGBeH6HwEz/s0GZrm5SEj7twHbJycAAAADABQAAALpBx8ABwAbACEAgwCyAAEAK7ADM7IBAwArtAYcAAENK7EGDOmwGC+xCwbpsBIysBUg1hGwCDOxDgbpAbAiL7AA1rEHE+mwBxCxBAErsQMT6bEjASuxBwARErEICTk5sAQRtwIBCw0VGBwdJBc5sAMSsRITOTkAsQEcERKwHzmxGBURErATObAOEbAJOTAxMxMhEyMDIwMDNTYzMhYXMjY3NxUGIyImIyIGBxMzAycjBxTkAQ7j1ynVKDQxPCF0Hxk3Dg8zOh90IRk3DmyYQAYMBgXh+h8BM/7NBmCYJyUCEAgJmCcnEAn7tQHbJycABAAUAAAC6QcvAAcACwARABUAhACyAAEAK7ADM7IBAwArtAYMAAENK7EGDOmwCC+wEjOxCQrpsBMyAbAWL7AI1rELDumzBwsICCuxABPpsAAvsQcT6bALELESASuxFQ7pswQVEggrsQMT6bEXASuxCwcRErIBBgw5OTmwEhGxDxA5ObAEErICBQ05OTkAsQEMERKwDzkwMTMTIRMjAyMDAzUzFQMzAycjBxM1MxUU5AEO49cp1ShdvxuYQAYMBj2/BeH6HwEz/s0GZsnJ+7cB2ycnAm7JyQAABAAUAAAC6QdxAAcADwAVAB0ApACyAAEAK7ADM7IBAwArtAYQAAENK7EGDOmwDy+0GQUANgQrsB0vtAsFADYEKwGwHi+wCda0Fw8ALgQrsBAyswcXCQgrsQAT6bAAL7EHE+mwFxCxGwErsBEytA0PAC4EK7MEDRsIK7EDE+mxHwErsRcHERKxAQY5ObAbEbQLDg8KFCQXObAEErECBTk5ALEBEBESsBM5sR0ZERKzCQwNCCQXOTAxMxMhEyMDIwMCNDYyFhQGIgMzAycjBwIUFjI2NCYiFOQBDuPXKdUoBVt/WFh/D5hABgwGPi86Ly86BeH6HwEz/s0GpHtSUntS+8sB2ycnAwY5Kys5KwAAAAACABAAAAQjBeEADwATAKkAsgwBACuxAA8zM7EJDOmyAgMAK7ABM7EEDOm0DhAMAg0rsQ4M6bQFCAwCDSuxBQ3pAbAUL7AA1rEPE+mwDxCxDQErsBEysQkT6bAEMrIJDQors0AJAgkrsAoysA0QsQcW6bEVASuwNhq6PWrt/wAVKwqwABCwAcAOsA8QsBPABbMODxMTK7MQDxMTKwMAsBMuAbMBDhATLi4uLrBAGgCxBAURErASOTAxMwEhFSERMxUjESEVIREjAxMzESMQAaQCb/7jzc0BHf4G41qdoAoF4eP+dfL+YuMBM/7NAh0CAgACAET+fwKRBfIALQA0AG8AsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwNS+wANaxGBPpsDEysBgQsR8BK7AOMrEjDumwDDKxNgErsRgAERKzBikuLyQXObAfEbUHFSgwMzQkFzmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJxMVMwczNzVEBB44ead5OB4CAs4CBAsOIxpGCAQnIykrzgQeOHmneTgeAsZAKWgtATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyD+f42FhY0AAAIAUgAAAkwHHwALAA8AVwCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwEC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysREBK7EJABESsQwPOTmwBxGxDQ45OQAwMTMRIRUhETMVIxEhFQEzFyNSAfr+483NAR3+I9dqoAXh4/518v5i4wcfuQAAAAACAFIAAAJMBx8ACwAPAFsAsgABACuxCQzpsgEDACuxBAzptAUIAAENK7EFDekBsBAvsADWsQsX6bACMrEJE+mwBDKxBxbpsQsX6bADMrERASuxCQARErAMObAHEbENDzk5sAsSsA45ADAxMxEhFSERMxUjESEVATczB1IB+v7jzc0BHf6gateiBeHj/nXy/mLjBma5uQAAAAIAUgAAAkwHHwALABIAcACyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6bASL7APM7ENCekBsBMvsADWsAwysQsX6bECDzIysQkT6bAEMrEHFumxCxfpsAMysRQBK7EJABESsQ0SOTmwBxGyDhAROTk5ALENEhESsBE5MDEzESEVIREzFSMRIRUBNzMXIycHUgH6/uPNzQEd/giN2469Pz4F4eP+dfL+YuMGZrm5SEgAAAMAUgAAAkwHLwALAA8AEwBvALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3psAwvsBAzsQ0K6bARMgGwFC+wANaxCxfpsAIysQkT6bAEMrEHFumwBxCwEyDWEbEQDumwEC+xEw7psAAQsQsX6bADMrAMM7EPDumxFQErADAxMxEhFSERMxUjESEVATUzFTM1MxVSAfr+483NAR3+Er9ivgXh4/518v5i4wZmycnJyQAAAAL/+gAAAT8HHwADAAcAKgCyBAEAK7IFAwArAbAIL7AE1rEHE+mwAjKxCQErsQcEERKxAQM5OQAwMQMzFyMDETMRBtdqnzrdBx+5+ZoF4fofAAAAAAIAUgAAAZgHHwADAAcAKgCyAAEAK7IBAwArAbAIL7AA1rAEMrEDE+mxCQErsQMAERKxBQc5OQAwMTMRMxEDNzMHUt3Za9eiBeH6HwZmubkAAv++AAABtAcfAAYACgA8ALIHAQArsggDACuwBi+wAzOxAQnpAbALL7AH1rEKE+mxDAErsQoHERKzAgEEBiQXOQCxAQYRErAFOTAxAzczFyMnBwMRMxFCjtuNvEA9Md0GZrm5SEj5mgXh+h8AA//LAAABqgcvAAMABwALAEUAsgQBACuyBQMAK7AAL7AIM7EBCumwCTIBsAwvsATWsQcT6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vj3dPb4GZsnJ+ZoF4fofBmbJyQAAAgAUAAACuAXhABUAIABkALITAQArsRYL6bIEAwArsRwL6bQBABMEDSuwHzOxAQzpsB0yAbAhL7AU1rACMrEWE+mwHDKzDBQADiu0HxUADAQrsBYQsRkBK7ENFOmxIgErALEAFhESsAw5sRwBERKwCzkwMRM1MxEzMh4FEA4FIyMREzI2AxImIxEzFSMUPq5af2I+JxIGBhInPmJ/Wq7ddTECAjF1VFQCj+QCbhgrXGO0rv7lrrJiXCsZAo/+TqIBcwFzn/5v5AACAFIAAALXBx8ADwAjAKcAsgABACuwCTOyAQMAK7AHM7AgL7ETBumwGjKwHSDWEbAQM7EWBukBsCQvsADWsQ8O6bACMrAPELEFASuwCjKxCQ7psSUBK7A2GrrCR+8TABUrCg6wDBCwC8CxAxn5sATAALMDBAsMLi4uLgGzAwQLDC4uLi6wQBoBsQ8AERKxEBE5ObAFEbMTFR0gJBc5sAkSsRobOTkAsSAdERKwGzmwFhGwETkwMTMRMxMXMzURMxEjAycjFREDNTYzMhYXMjY3NxUGIyImIyIGB1LF1xIMy8XXEgxOMTshdR8ZNg8OMzkfdSEZNg8F4fzwRkYDEPofAxBGRvzwBmCYJyUCEAgJmCcnEAkAAAAAAwBE//ACkQcfABcAGwArAE0AshMBACuxIAvpsgcDACuxKAvpAbAsL7AA1rEcE+mwHBCxIwErsQ0T6bEtASuxHAARErMGExgbJBc5sCMRsBk5sA0SsgcSGjk5OQAwMRMRND4DMh4CFxcRFA4DIi4CJxMzFyMTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgIz12qfBgIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gBg25+s8MJT03HRoDdwwlPjgaHQADAET/8AKRBx8AFwAbACsATQCyEwEAK7EgC+myBwMAK7EoC+kBsCwvsADWsRwT6bAcELEjASuxDRPpsS0BK7EcABESsgYTGDk5ObAjEbAZObANErMHEhobJBc5ADAxExE0PgMyHgIXFxEUDgMiLgInEzczBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtdq16KbAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5+s8MJT03HRoDdwwlPjgaHQAAAAADAET/8AKRBx8AFwAeAC4AYgCyEwEAK7EjC+myBwMAK7ErC+mwHi+wGzOxGQnpAbAvL7AA1rEfE+mwHxCxJgErsQ0T6bEwASuxHwARErMGExgZJBc5sCYRsRweOTmwDRKzBxIaGyQXOQCxGR4RErAdOTAxExE0PgMyHgIXFxEUDgMiLgInEzczFyMnBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAiuN2428QD0MAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5SEj6zwwlPTcdGgN3DCU+OBodAAAAAwBE//ACkQcfABcAKwA7AHMAshMBACuxMAvpsgcDACuxOAvpsCgvsRsG6bAiMrAlINYRsBgzsR4G6QGwPC+wANaxLBPpsCwQsTMBK7ENE+mxPQErsSwAERK0BhMYGygkFzmwMxGwHTmwDRKzBxIiJSQXOQCxKCURErAjObAeEbAZOTAxExE0PgMyHgIXFxEUDgMiLgInEzU2MzIWFzI2NzcVBiMiJiMiBgcTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgJeMTshdR8ZNg8OMzkfdSEZNg9vAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFTpgnJQIQCAmYJycQCfrNDCU9Nx0aA3cMJT44Gh0AAAQARP/wApEHLwAXABsAKwAvAIYAshMBACuxIAvpsgcDACuxKAvpsBgvsCwzsRkK6bAtMgGwMC+wANaxHBPpsBwQsBsg1hGxGA7psBgvsRsO6bAcELEjASuxDRPpsCwg1hGxLw7psTEBK7EYABESsBY5sBwRsRMGOTmxLBsRErMfICcoJBc5sS8jERKxEgc5ObANEbAKOQAwMRMRND4DMh4CFxcRFA4DIi4CJxM1MxUDFBYWMjY1NxE0JiYiBhUHEzUzFUQEHjh5p3k4HgICBB44ead5OB4CNb4YAiVFJQICJUUlAnu+ATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVUycn6zwwlPTcdGgN3DCU+OBodAbrJyQADADv/7AKRBfYAHwAoADAA4ACyHAEAK7EAHzMzsSQL6bIMAwArsQ8QMzOxLAvpAbAxL7AF1rEgE+mwKTKwIBCxJwErsSgqMjKxFhPpsBAysTIBK7A2Gro8+OyLABUrCrAALrAQELEPIfmwABCxHyH5uj0r7SsAFSsLsAAQswEADxMrsw4ADxMrsB8QsxEfEBMrsx4fEBMrBLMoHxATK7AAELMpAA8TK7IBAA8giiCKIwYOERI5sA45sh4fEBESObAROQC1AQ4RHigpLi4uLi4uAbYAAQ4PER4fLi4uLi4uLrBAGgGxJyARErEcDDk5ADAxFzcmJjUnETQ+AzMyFzczBxYWFRcRFA4DIyInBxMUFhYyNjU3EQcTJiciBhUHOy8SEgIEHjh5U1xCD3otFBcCBB44eVRgPw9lAiVFJQKTkwhCIyQCFJ0lVhkYA3cMLXFWRisvlidaGhn8iQwtcVZFKy8BSQwlPTcdGgHoRgHfZAE4Gh0AAAAAAgBQ//ACngcfABcAGwAmALIGAQArsRIL6QGwHC+wANaxFRPpsR0BK7EVABESsQUYOTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESMTMxcjUAQfN3moeTcfAgLdAyRGJQLdQddroAE1DC1xVkVDYF8gIwSs+1QMJT03HRoErAE+uQACAFD/8AKeBx8AFwAbACQAsgYBACuxEgvpAbAcL7AA1rEVE+mxHQErsRUAERKwBTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESM3NzMHUAQfN3moeTcfAgLdAyRGJQLd42vXogE1DC1xVkVDYF8gIwSs+1QMJT03HRoErIW5uQAAAAIAUP/wAp4HHwAXAB4ARACyBgEAK7ESC+mwHi+wGzOxGQnpAbAfL7AA1rEVE+mxIAErsRUAERKyBRgZOTk5ALEeEhESsgwWFzk5ObAZEbAdOTAxExQeAzI+Ajc3ESMRFAYGIiY1JxEjNzczFyMnB1AEHzd5qHk3HwIC3QMkRiUC3S2N2469Pz4BNQwtcVZFQ2BfICMErPtUDCU9Nx0aBKyFublISAAAAAMAUP/wAp4HLwAXABsAHwB4ALITAQArsQcL6bIBAwArsAszsBgvsBwzsRkK6bAdMgGwIC+wANaxAxPpsAMQsBsg1hGxGA7psBgvsRsO6bADELEKASuxDRPpsBwg1hGxHw7psSEBK7EYABESsBY5sAMRsBM5sRwbERKxBwY5ObEfChESsBI5ADAxExEzERQWFjI2NTcRMxEUDgMiLgInEzUzFTM1MxVQ3QIlRiQD3QQfN3moeTcfAjW/Yr4BNQSs+1QMJT03HRoErPtUDC1xVkVDYF8gBVTJycnJAAACABAAAAKwBx8ACwAPADMAAbAQL7AA1rELE+mwCxCxBgErsQUT6bERASuxBgsRErUBAwQMDQ8kFzmwBRGwDjkAMDETExEzERMjAwcjJwM3NzMHEOLd4dlvBgQGbxVq16EF4fyg/X8CgQNg/h8ODgHhhbm5AAIAUgAAArQF4QAKABEAUwCyAAEAK7IBAwArtAkLAAENK7EJDOm0BBEAAQ0rsQQM6QGwEi+wANaxChPpsQILMjKwChCxDgErsQcT6bETASsAsQsJERKwBzmxBBERErAGOTAxMxEzFTMyFhAGIxERMjY1NCYjUtsCpt/fpmZAQmQF4fHT/iDV/pgCSlqBg2YAAAEAQgAAAqgF8gAjAH4AsgABACuwEDOyBAMAK7EgCemyGgIAK7QZBgAbBCuyCAIAKwGwJC+wANaxIw7psCMQsRUBK7ELDumwHSDWEbQHDgA3BCuyHQcKK7NAHRAJK7AZMrElASuxHSMRErAEObEHFRESsAk5ALEZABESsAs5sBoRsAk5sCASsAc5MDEzETQ2MzIWFRQHFhEUDgIjNTI2NjU0JiYjNTI2NTQmIyIVEUKNi4WJWJgpXHFYLTMfHzMtIzMrK0oE03ukonttQVj+cLbpdynBM6yfqrM3jUIzLTdm+y0AAAMAMf/wAmgF0QAlACkAMQCJALIdAQArsiMBACuxLArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSwF6QGwMi+wANaxKg7psBEg1hGxEA7psCoQsR8BK7EGLzIysRoO6bEzASuxKhERErEjJjk5sBARsCk5sB8SswUVICckFzmwGhGxHSg5OQCxCiwRErMAGBowJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhMzFyMDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrNddroAw5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgFabj8CmgBJx0BHz4AAAAAAwAx//ACaAXRACUALQAxAIkAsh0BACuyIwEAK7EoCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xKAXpAbAyL7AA1rEmDumwESDWEbEQDumwJhCxHwErsQYrMjKxGg7psTMBK7EmERESsCM5sBARsC45sB8SswUVIC8kFzmwGhGyHTAxOTk5ALEKKBESswAYGiwkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImNxQXMjY1EQYTNzMHMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwxr16IBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeLtoAScdAR8+Azq4uAAAAAADADH/8AJoBdEAJQAsADQAoACyHQEAK7IjAQArsS8K6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EvBemwLC+wKTOxJwnpAbA1L7AA1rEtDumwESDWEbEQDumwLRCxHwErsQYyMjKxGg7psTYBK7EtERESsiMmJzk5ObAQEbAsObAfErMFFSArJBc5sBoRsx0oKSokFzkAsQovERKzABgaMyQXObEnLBESsCs5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM3MxcjJwcDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrKY3cjb0/PRs5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsbi4R0f8CmgBJx0BHz4AAAAAAwAx//ACaAXXACUAOQBBAK4Ash0BACuyIwEAK7E8CumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xPAXpsDYvsSkG6bAwMrAzINYRsCYzsSwG6QGwQi+wANaxOg7psBEg1hGxEA7psDoQsR8BK7EGPzIysRoO6bFDASuxOhERErMjJik2JBc5sR8QERKyBRUgOTk5sBoRsx0rMDMkFzkAsQo8ERKzABgaQCQXObE2MxESsDE5sCwRsCc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM1NjMyFhcyNjc3FQYjIiYjIgYHExQXMjY1EQYxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7a14xPCF0Hxk3Dg8zOh90IRk3Dl45IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsZcnJQIRCAiYJycQCPwCaAEnHQEfPgAABAAx//ACaAXhACUAKQAxADUArQCyHQEAK7IjAQArsSwK6bInAwArsDMzsSYK6bAyMrIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EsBekBsDYvsADWsSoO6bAqELApINYRsSYO6bAmL7EpDumwDzKwKRCxEQ7psBEvsCoQsR8BK7IGLzIyMjKxGg7psTUO6bE3ASuxKiYRErAjObEfKRESswUKFSAkFzmwNRGwHTkAsQosERKzABgaMCQXOTAxEzQ+Azc1NTQjIg4CFRUjNTQ2MzIWFRERFBcjJicjBgYjIiYTNTMVAxQXMjY1EQYTNTMVMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2s1vyk5IzOPi78BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeASxyMj8CmgBJx0BHz4DOsjIAAQAMf/wAmgGHQAlAC0ANQA9AMwAsh0BACuyIwEAK7EwCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xMAXpsC0vtDkFADYEK7A9L7QpBQA2BCsBsD4vsADWsS4O6bA2MrARINYRsRAO6bAuELQnDwAuBCuwJy+wLhCxHwErsQYzMjKxGg7pszsaHwgrtCsPAC4EK7E/ASuxLicRErAjObAQEbEoLTk5sB8StgUVIDg5PD0kFzmwOxGyHSksOTk5ALEKMBESswAYGjQkFzmxPTkRErMnKismJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhI0NjIWFAYiAxQXMjY1EQYSFBYyNjQmIjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztri1t/WFh/GzkjM48OLzovLzoBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeAToe1JSe1L8JWgBJx0BHz4DyzkrKzkrAAAAAAMAMf/wA6IEcQA2AD4ASQDHALI0AQArsDAzsTkK6bI0AQArsSUI6bIlNAors0AlKAkrshQCACuwGDOxCQjpsEUysgkUCiuzQAkQCSu0Px40FA0rsT8G6QGwSi+wANaxNw7psBAg1hGxDw7psDcQsTwBK7AGMrEgDumwPzKwIBCxJwErsEAysSoO6bAcMrFLASuxNxARErA0ObE8DxESsQUUOTmwIBGxFjI5ObAnErAwOQCxJTQRErAyObEeORESsQA3OTmwPxGwPTmwCRKwBTmwFBGwFjkwMRM0PgM3NTQjIg4CFRUjNTQ2MzIXNjcyFxYXESEVFRQeAjM2NzUzFRQOAyMiJwYjIiY3FBcyNjURBiUzNTQmJiMiBgcHMURiYk4EORQZCgTPoXVUREJgxzQOAf6qCA4hFUYDwQQdMW9LnkRmdztryzkjM48BUJUCJSIhJwICAQRqolY8KRB7ZhIvGyInL3uwNDMBxTMp/rrzDQgnHRgKZ3qBDCdiTj2Dg3i7aAEnHQEfPs2eDCc/OR0cAAAAAgBC/n8CVARxABsAIgBqALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsCMvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysSQBK7EPABESshwdHzk5ObAUEbIDHiA5OTmwFxKxISI5OQAwMRMRECEyFhUVIzU0JiMiBxEUMzI2NTUzFRQGIwQXFTMHMzc1QgEIiYHPGCM5ATojGM+Bif74rD8paS0BOwHqAUyOtFiHMyda/aRaJzOcbbSNAV6NhYWNAAMAQv/wAlgF0QAkACgAMwBoALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxLwjptCkNHwcNK7EpBukBsDQvsADWsQ4O6bApMrAOELEWASuwKjKxGQ7psAsysTUBK7EOABESsCU5sBYRswcfJigkFzmwGRKwJzkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzMXIwMzNTQmJiMiBgcHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAiLXa6AGlgIlIyEnAgIBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8E2bj9k54MJz85HRwAAAADAEL/8AJYBdEAJAAvADMAZACyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsSsI6bQlDR8HDSuxJQbpAbA0L7AA1rEODumwJTKwDhCxFgErsCYysRkO6bALMrE1ASuxFg4RErMHHzAxJBc5sBkRsTIzOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwcTNzMHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAr6WAiUjIScCAgZr16IBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8BtJ4MJz85HRwBz7i4AAADAEL/8AJYBdEAJAArADYAfgCyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsTII6bQsDR8HDSuxLAbpsCsvsCgzsSYJ6QGwNy+wANaxDg7psCwysA4QsRYBK7AtMrEZDumwCzKxOAErsQ4AERKxJSY5ObAWEbMHHykrJBc5sBkSsScoOTkAsSYrERKwKjkwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTNzMXIycHAzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCDI3bjr0/PgqWAiUjIScCAgEXAjMMJ2ZOQMUzKf668w0IJx0YCmd6gQwnYk49PVZWHwQhuLhHR/2TngwnPzkdHAAAAAAEAEL/8AJYBeEAJAAoADMANwCGALIfAQArsRQI6bIUHwors0AUFwkrsiYDACuwNTOxJQrpsDQysgcCACuxLwjptCkNHwcNK7EpBukBsDgvsADWsQ4O6bApMrAOELAoINYRsSUO6bAlL7EoDumwDhCxFgErsCoysRkO6bALMrA0INYRsTcO6bE5ASuxNCgRErIHHy85OTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzUzFQMzNTQmJiMiBgcHEzUzFUIEHDRuSsc1Dv6qCA8gFUYEwAQdMW5MSm8xHAIWvxeWAiUjIScCAnm+ARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfBCHIyP2TngwnPzkdHAHPyMgAAAL/3wAAASEF0QADAAcAHQABsAgvsADWsQIV6bEJASuxAgARErEEBTk5ADAxAzMXIwMzESMh12ugL8/PBdG4+ucEYAAAAgBSAAABkwXRAAMABwAdAAGwCC+wBNaxBhXpsQkBK7EGBBESsQABOTkAMDEzMxEjNTczB1LPz2rXoQRgubi4AAL/vgAAAbQF0QAGAAoALwCwBi+wAzOxAQnpAbALL7AA1rEDF+mxDAErsQMAERKxBwg5OQCxAQYRErAFOTAxAzczFyMnBwMzESNCjtuNvEA9Kc/PBRm4uEdH+ucEYAAAAAP/ywAAAaoF4QADAAcACwBHALIEAQArsgEDACuwCTOxAArpsAgysgUCACsBsAwvsATWsQcO6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vjfPNb4FGcjI+ucEYPugBRnIyAAAAAACAEz/8AJeBfgAHwAxAG0AshoBACuxJQjpsgwDACuyAwIAK7EuCOkBsDIvsADWsTEO6bAxELEnASuxFA7psTMBK7ExABEStAMICQshJBc5sCcRtgUKDBogKS4kFzmwFBKxDio5OQCxAy4RErAFObAMEbQHCA4QESQXOTAxExEQMzIXJicHJzcnNxYXNxcHFhURFA4DIyIuAjU2Bh4CMzY3ESI2LgIjBgcRTKw/XAwnUjdkLW0ZHF44ZX0CHTNsTEpuMhzCBAgNHhVGAgIECA0fFkQCARcCQwEXTm1eSD9YQmQbIlJCWMn1/XAMJ2JOPT1WVh8fFyMhFgpnAjMWIyEYCmj9zQAAAAACAFIAAAJkBdcAEgAmAH8AsgABACuwCzOyAQIAK7IHAgArsQ8K6bAjL7EWBumwHTKwICDWEbATM7EZBukBsCcvsADWsRIO6bACMrASELEMASuxCw7psSgBK7ESABESshMWIzk5ObAMEbAYObALErIHHSA5OTkAsQEPERKwAzmxIyARErAeObAZEbAUOTAxMxEzFTc2NjMyFhURIxE0IyIHEQM1NjMyFhcyNjc3FQYjIiYjIgYHUs8gHkkhTE/OMikajjE8IXUeGTcODzM6H3QhGTcOBGBeIB4xilH8agN3MTX8jQUZlyclAhEICJgnJxAIAAAAAwA///ACUgXRABcAGwAtAE8AshIBACuxIQjpsgcCACuxKgjpAbAuL7AA1rEtDumwLRCxIwErsCYysQwO6bEvASuxLQARErAYObAjEbQSGRsHJSQXObAMErEOGjk5ADAxExE0PgMzMhcWFREUDgMjIi4CNRMzFyMQBh4CMzY3ESI2LgIjBgcRPwMcMW9KxzUOAh0zbUtKbzEcINdroAQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBNm4+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF0QAXACkALQBLALISAQArsR0I6bIHAgArsSYI6QGwLi+wANaxKQ7psCkQsR8BK7AiMrEMDumxLwErsR8pERK0EgchKiskFzmwDBGyDiwtOTk5ADAxExE0PgMzMhcWFREUDgMjIi4CNTYGHgIzNjcRIjYuAiMGBxETNzMHPwMcMW9KxzUOAh0zbUtKbzEcwgQIDB8VRgECBAgMHxZEAgJr16IBFwIzDCdmTkDFMyn9wAwnYk49PVZWHx8XIyEWCmcCMxYjIRgKaP3NBAK4uAAAAAMAP//wAlIF0QAXAB4AMABlALISAQArsSQI6bIHAgArsS0I6bAeL7AbM7EZCekBsDEvsADWsTAO6bAwELEmASuwKTKxDA7psTIBK7EwABESsRgZOTmwJhG0EhweBygkFzmwDBKyDhobOTk5ALEZHhESsB05MDETETQ+AzMyFxYVERQOAyMiLgI1EzczFyMnBwIGHgIzNjcRIjYuAiMGBxE/Axwxb0rHNQ4CHTNtS0pvMRwMjduOvT8+BgQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBCG4uEdH+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF1wAXACsAPQB4ALISAQArsTEI6bIHAgArsToI6bAoL7EbBumwIjKwJSDWEbAYM7EeBukBsD4vsADWsT0O6bA9ELEzASuwNjKxDA7psT8BK7E9ABESshgbKDk5ObAzEbMSHQc1JBc5sAwSsg4iJTk5OQCxKCURErAjObAeEbAZOTAxExE0PgMzMhcWFREUDgMjIi4CNRM1NjMyFhcyNjc3FQYjIiYjIgYHEgYeAjM2NxEiNi4CIwYHET8DHDFvSsc1DgIdM21LSm8xHEExPCF0Hxk3Dg4zOR91IBk3D3MECAwfFUYBAgQIDB8WRAIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhlyclAhEICJgnJxAI+/YXIyEWCmcCMxYjIRgKaP3NAAQAP//wAlIF4QAXABsALQAxAHgAshIBACuxIQjpshkDACuwLzOxGArpsC4ysgcCACuxKgjpAbAyL7AA1rEtDumwLRCwGyDWEbEYDumwGC+xGw7psC0QsSMBK7AmMrEMDumwLiDWEbExDumxMwErsS4bERKyEgcqOTk5sCMRsCU5sQwxERKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1EzUzFQIGHgIzNjcRIjYuAiMGBxETNTMVPwMcMW9KxzUOAh0zbUtKbzEcGL8VBAgMHxVGAQIECAwfFkQCeb4BFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhyMj7/hcjIRYKZwIzFiMhGApo/c0EAsjIAAAAAwA//7ICUgSuAB0AIwApATQAshUBACuxJgjpshcBACuyBwIAK7EhCOkBsCovsADWsR4O6bMYHgAIK7QZDwAuBCuwGS+0GA8ALgQrsB4QsSgBK7ApMrEPDumzCg8oCCu0Cw8ALgQrsSsBK7A2Gro95+/AABUrCgSwGS6wCy6wGRCxGCL5sAsQsQoi+bo99u/6ABUrC7AZELMJGQoTK7AYELMMGAsTKwWzFxgLEyu6Pfbv+gAVKwuwGRCzGhkKEysEsx4ZChMruj327/oAFSsLsx8ZChMrsBgQsyQYCxMrBLMpGAsTK7IaGQogiiCKIwYOERI5sB85sAk5siQYCxESObAMOQBACwkKCwwYGRoeHyQpLi4uLi4uLi4uLi4BtQkMFxofJC4uLi4uLrBAGgGxGQARErEDHDk5sSgeERKxFQc5OQAwMRMRND4DMzIXNzMHFhcRFA4DIyInByM3JiYnNxMmBwYHExYzNjcRPwMcMW9KMzcVSx5YBgIdM21LOS4UUB8pLwLAfRIlRAIQECZGAQEXAjMMJ2ZOQBNQeVSR/cAMJ2JOPRBOeSd1J8YB5iMBCmj9ex8KZwGTAAAAAgBO//ACYAXRABIAFgBXALILAQArshABACuxBQrpsgECACuwCDMBsBcvsADWsQMO6bADELELASuwBzKxCg7psRgBK7EDABESshATFjk5ObALEbAUObAKErAVOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJhMzFyNOzzEpGs/PHx5KIUxPI9dqoMsDlfyJMTYDcvugXiAeMIkFWLgAAAACAE7/8AJgBdEAEgAWAFcAsgsBACuyEAEAK7EFCumyAQIAK7AIMwGwFy+wANaxAw7psAMQsQsBK7AHMrEKDumxGAErsQMAERKxEBM5ObALEbAUObAKErEVFjk5ALEFCxESsAw5MDE3ETMRFDMyNxEzESM1BwYGIyImEzczB07PMSkaz88fHkohTE/Ea9eiywOV/IkxNgNy+6BeIB4wiQSguLgAAAIATv/wAmAF0QASABkAbgCyCwEAK7IQAQArsQUK6bIBAgArsAgzsBkvsBYzsRQJ6QGwGi+wANaxAw7psAMQsQsBK7AHMrEKDumxGwErsQMAERKzEBMUGSQXObALEbAYObAKErIVFhc5OTkAsQULERKwDDmxFBkRErAYOTAxNxEzERQzMjcRMxEjNQcGBiMiJhM3MxcjJwdOzzEpGs/PHx5KIUxPEI7bjbxAPcsDlfyJMTYDcvugXiAeMIkEoLi4R0cAAAADAE7/8AJgBeEAEgAWABoAbwCyCwEAK7IQAQArsQUK6bIUAwArsBgzsRMK6bAXMrIBAgArsAgzAbAbL7AA1rEDDumwFTKwAxCxEw7psBMvsAMQsQsBK7EHFzIysQoO6bEaDumxHAErsQMTERKwEDmwCxGwBTkAsQULERKwDDkwMTcRMxEUMzI3ETMRIzUHBgYjIiYTNTMVMzUzFU7PMSkaz88fHkohTE8cv2K/ywOV/IkxNgNy+6BeIB4wiQSgyMjIyAAAAgAZ/m8CYgXRABIAFgBBALAGL7EFCekBsBcvsADWsRIO6bASELENASuxDA7psRgBK7ESABESsgEFCDk5ObANEbITFBY5OTmwDBKwFTkAMDETExQGBycVFjMyNjcTIwMHIycDNzczBxm+SD0xRhZzmxHGylIECQRSBGvXogRg+39EbgYEuAS+fwS0/VA5OQKwubi4AAIAUv5/AmQF4QARAB0AVwCyDAEAK7EVBOmyAQMAK7IFAgArsRsE6bAALwGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVDBESsBA5sQUbERKwAzkwMRMRMxE2MzIWFREUBiMiJicnEREUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJ/5/B2L+NlqKUf01UoktFhf+NQJ3GSsnHQJ0HScnHQAAAAADABn+bwJiBeEAEgAWABoAegCyFAMAK7AYM7ETCumwFzKyAAIAK7AGM7AML7ENCekBsBsvsBPWsRYO6bAWELABINYRsQAO6bAAL7EBDumwFhCxBgErsQcO6bAXINYRsRoO6bEcASuxEwARErEMDTk5sAERsBI5sRcWERKxAgU5OQCxAA0RErADOTAxEzMTFzM3EzMDBgYjJzUWMzY2NQM1MxUzNTMVGcpSBAkEUsrGEJxzXBAhPUiJvmO+BGD9UDk5ArD7TH++BLgEBm9DBTrIyMjIAAEAUgAAASEEYAADACEAsgABACuyAQIAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8EYPugAAAAAAEAKQAAAm0F4QANAEwAsgwBACuxCQrpsgMDACsBsA4vsAzWsAIysQkT6bAEMrIJDAors0AJBwkrs0AJCwkrsAkQsQEV6bABL7EPASsAsQMJERKxAA05OTAxEzU3ETMRNxUHESEVIREpQd55eQEl/f0CMd00Ap/+DV7dX/29zQJkAAAAAAEAHwAAAbYF4QALADkAsgoBACuyAwMAKwGwDC+wCtawAjKxCQ7psAQysgkKCiuzQAkHCSuyCgkKK7NACgEJK7ENASsAMDETNTcRMxE3FQcRIxEfZM9kZM8CMd1OAoX+HU7dTvzfAn8AAgBEAAADrgXhABcAJgBcALIRAQArsQ8M6bIRAQArsRwE6bIIAwArsQoM6bIIAwArsSIE6bQLDhEIDSuxCw3pAbAnL7AA1rEYE+mwGBCxHwErsQ8T6bAKMrENFumxKAErsRgAERKwFjkAMDETETQ+AzMhFSERMxUjESEVISIuAic3FBYWMjY1NxEmJyIGFQdEBB44eVMCRP7jzc0BHf28VHg4HgLbAiVFJQIGRCMkAgE1A3cMK2tQQ+P+dfL+YuM/XVohHgwlPTcdGgOFYAE4Gh0AAAADAD//8AOoBHEAKgA8AEYAnwCyJQEAK7AhM7EwCOmwFjKyMCUKK7NAMBkJK7IHAgArsAszsTkI6bBDMrQ9ESUHDSuxPQbpAbBHL7AA1rE8DumwPBCxMgErsRIO6bA9MrASELEYASuwPjKxGw7psA8ysUgBK7EyPBESsyUHNDkkFzmwEhGyCSM1OTk5sBgSsCE5ALEwJRESsCM5sBERsDw5sTk9ERKwMzmwBxGwCTkwMRMRND4DMzIXNjcyFxYVESEVFBYWMzY3NTMVFA4DIyInBiMiLgI1NgYeAjM2NxEiNi4CIwYHEQEzNTQmJiMiBhU/Axwxb0pqQkJoxzUO/qoIJR9GA8EEHTFvS2pARGZKbzEcwgQIDB8VRgECBAgMHxZEAgFQlQIkIyshARcCMwwnZk5APDsBxTMp/rr6ECkxCmd6gQwnYk49OTk9VlYfHxcjIRYKZwIzFiMhGApo/c0BlZ4MJz9LIQACACX/7wKaBx8AMAA3AIUAsisBACuxAwrpshIDACuxGgrpsDcvsTIJ6bA0MgGwOC+wD9axHBPpsAAg1hGxARPpsBwQsQUBK7AYMrEpE+mwFzKxOQErsQEPERKxMTc5ObAcEbAKObAFErMDGjI0JBc5sCkRsiQ1Njk5OQCxGgMRErUAAQ8XGCkkFzmxMjcRErAzOTAxEzcQMzI3NC4DJy4CNTQ2NzYeAhUHNCMGFxQeBhceAhUQJSIuAxMzFzczByMl2WhaAREvG08JQkk/j5FehDsZ2VlMAQgMGRAnEjAISj1I/sxSeEQnDD+9PUC8jdsBphT/AKYdPVYpdQ5gfK5Li9QCAkqBfUoU2QKUEisjMx07G0MNb2K0TP6FATNMenEFxUhIuQAAAAIAJf/wAk4F0QAoAC8AmgCyIwEAK7EDB+myAyMKK7NAAwAJK7IQAgArsRgH6bIYEAors0AYFgkrsC8vsSoJ6bAsMgGwMC+wC9awKTKxGg7psAAg1hGxAQ7psBoQsQUBK7AWMrEgDumwFTKxMQErsQELERKxCC85ObAaEbAqObAFErQDByMrLCQXObAgEbIeLS45OTkAsRgDERKxCx85ObEqLxESsCs5MDETMxQzMic0Jy4CNTQ+Ajc2HgIVIzQjBgcUFhYXFhcUBiMiLgMTMxc3MwcjJcBhSAGBRD1DGDZmSFZwMRHBQz8BLystvgGBh0htPSUKHbw9QLyN2wFGqodKfEJCiUw3Ylw4AgI4Zlg7gwKBIVAtK7age7gxR2NQBLZISLgAAAAAAwAQAAACsAcvAAsADwATAG8AsgoBACuyAAMAK7AGM7AML7AQM7ENCumwETIBsBQvsADWsQET6bABELEKASuxCRPpsw8JCggrsQwO6bAML7EPDumwCRCxBgErsQcT6bAQINYRsRMO6bEVASuxEA8RErEEAzk5ALEAChESsAM5MDETMxMXMzcTMwMRIxEDNTMVMzUzFRDZbwYEBm/Z4d2BvmK/BeH+Hw4OAeH8oP1/AoED5cnJyckAAAIAFAAAAl4HHwAJABAAUQCyAAEAK7EHC+myBAMAK7EDC+mwEC+xCwnpsA0yAbARL7EAASuxCRjpsAUysRIBK7EJABESsgcKDjk5OQCxAwcRErEBBjk5sQsQERKwDDkwMTM1ASE1IRUBIRUBMxc3MwcjFAFb/tcCGP6gAWD9+rw+P72N3O4EGNvb+9XbBx9ISLkAAAACAAwAAAIOBdEACQAQAFEAsgABACuxBwnpsgQCACuxAwnpsBAvsQsJ6bANMgGwES+wANaxDhfpsRIBK7EOABESsQUKOTkAsQcAERKwATmxBAMRErAGObELEBESsAw5MDEzNQEjNSEVASEVATMXNzMHIwwBHfABy/7jAR3+Fbw9QLyN26gC/Lyo/QS8BdFISLgAAAAAAQEEBRkC+gXRAAYAKQCwAC+wAzOxAQnpsQEJ6QGwBy+wANaxAxfpsQgBKwCxAQARErAFOTAxATczFyMnBwEEjdyNvT89BRm4uEdHAAEBBAUZAvoF0QAGACwAsAYvsQEJ6bADMrEBCemwBDIBsAcvsADWsQQX6bEIASsAsQEGERKwAjkwMQEzFzczByMBBL09P72N3AXRSEi4AAAAAQEfBRcC4QXVAA8AJwCwDC+0AwYAGwQrAbAQL7AA1rEIFumxEQErALEDDBESsQAIOTkwMQE3FjMyNjc3Fw4CIyImJwEfbilKIzsMDWoKI3c9P3EZBXdeLxgNCl4KITUxGAAAAAEBmAUSAmYF4QADACkAsgEDACuxAArpsgEDACuxAArpAbAEL7AA1rEDDumxAw7psQUBKwAwMQE1MxUBmM4FEs/PAAAAAgFmBP4CmAYdAAcADwBSALAHL7QLBQA2BCuwDy+0AwUANgQrAbAQL7AB1rQJDwAuBCuwCRCxDQErtAUPAC4EK7ERASuxDQkRErMDBgcCJBc5ALEPCxESswEEBQAkFzkwMQA0NjIWFAYiJhQWMjY0JiIBZlt+WVl+DS86Ly86BVB7UlJ7Uqw5Kys5KwABAVz+fwKmAAAAEQA/ALIDAQArsg8AACu0CwYAGwQrAbASL7AA1rQIEAAdBCuxEwErsQgAERKwAzkAsQsPERKwDTmwAxGxAAw5OTAxBTQ3NzMOAhUUFjI3BwYjIiYBXH8IYwofND5SLRA3MmBx02hlBggdWispJROKEmYAAQE5BRICxwXXABMAOACwEC+xAwbpsAoysA0g1hGwADOxBgbpAbAUL7EAASuxCxbpsRUBKwCxEA0RErALObAGEbABOTAxATU2MzIWFzI2NzcVBiMiJiMiBgcBOTE8IXQfGTcODzM6H3QhGTcOBRmXJyUCEQgImCcnEAgAAAIA1wUZA0gF0QADAAcAMQCwAC+wBDOxAQnpsAUysQEJ6bAGMgGwCC+wANaxBhjpsQkBK7EGABESsQIEOTkAMDETNzMHMzczB9dr16KPa9eiBRm4uLi4AAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoCiQLdA0wAAwAiALAAL7EBBOmxAQTpAbAEL7EAASu0AxgADQQrsQUBKwAwMRM1IRVKApMCicPDAAABAEoCiQODA0wAAwAXALAAL7EBBOmxAQTpAbAEL7EFASsAMDETNSEVSgM5AonDwwABADED9AEIBeEABgAtALICAwArtAANAAkEKwGwBy+wANaxBhPpsQYT6bEIASuxBgARErEDBDk5ADAxEzUTMwMzFTFxZkdHA/TjAQr+9uMAAAEALQP0AQQF4QAGAC4AsgMDACu0AA0ACQQrAbAHL7AA1rACMrEFE+mxBRPpsQgBK7EFABESsAE5ADAxExMjNTMVAy1ISNdxA/QBCuPj/vYAAQAt/vYBBADjAAYALACwBS+0AQ0ACQQrAbAHL7AF1rAAMrEDE+mxAxPpsQgBK7EDBRESsAY5ADAxMzUzFQMjEy3XcWZI4+P+9gEKAAIANQP0AjsF4QAGAA0AUwCyAgMAK7AJM7AGL7AHM7EEDOmwCzIBsA4vsADWsQYT6bADMrAGELEHASuxDRPpsAoysQ8BK7EGABESsAQ5sQ0HERKwCzkAsQQGERKxAQg5OTAxEzUTMwMzFTM1EzMDMxU1cWZHR1hxZkdHA/TjAQr+9uPjAQr+9uMAAAAAAgA1A/QCOwXhAAYADQBbALIDAwArsAozsQIM6bAIMrICAwors0ACBgkrsAcyAbAOL7AC1rAAMrEFE+mwBRCxCQErsAcysQwT6bEPASuxBQIRErABObEMCRESsAg5ALEDAhESsQUMOTkwMRMTIzUzFQMzEyM1MxUDNUhI13DISEjXcAP0AQrj4/72AQrj4/72AAAAAAIANf72AjsA4wAGAA0AWwCyAAEAK7AHM7EBDOmwCDKyAAEKK7NAAAQJK7ALMrIDAQArsgoBACsBsA4vsADWsAUysQMT6bADELEHASuwDDKxChPpsQ8BK7EDABESsAY5sQoHERKwDTkAMDEzNTMVAyMTMzUzFQMjEzXXcGdI59dwZ0jj4/72AQrj4/72AQoAAAEAUgI1AkYEKQALACgAsAkvtAMNAAkEK7QDDQAJBCsBsAwvsADWsQYX6bEGF+mxDQErADAxEzQ2MzIWFRQGIyImUpFrZpKSZmqSAzFmkpFnapKSAAMANQAAA48A4wADAAcACwBFALIAAQArsQQIMzOxAQzpsQUJMjKyAAEAK7EBDOkBsAwvsADWsQMT6bADELEEASuxBxPpsAcQsQgBK7ELE+mxDQErADAxMzUzFTM1MxUzNTMVNddr12rX4+Pj4+PjAAABADX/8ALuBfIAPQC0ALI3AQArsSoL6bIqNwors0AqLwkrsg0DACuxGwvpshsNCiuzQBsTCSu0AAE3DQ0rsCIztAAGABsEK7AkMrQFBDcNDSuwIDO0BQYAGwQrsB4yAbA+L7A81rECBjIysSYT6bEdITIysiY8CiuzQCYkCSuwHzKyPCYKK7NAPAAJK7AEMrAmELEuASuwFDKxMQ7psBIysT8BK7EmPBESsQw3OTmwLhGyDRs2OTk5sDESsBA5ADAxEzUzNSM1MzU0PgMyHgIXFxUjNSI2LgIjBgcVMxUjFTMVIxUUFhYzMjY1NzUzFRQOAyIuAicnNTVra2sEHzd5qHg4HgMCzwIECg8jGkYI6enp6QQnIykpAs8FHjh4qHk3HwICAiOJiYnuDC1xVkZEXmAjIVRUFyAhFwpl7omJie4MJT03HRpUVAwtcVZFQ2BfICPuAAAAAAIASgM1A1gF4QAHABUAjgCyAQMAK7EJDTMzsQAF6bADMrIAAQors0AABgkrsggPEjIyMgGwFi+wBtaxBRDpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7AFELEIASuxFQ/ptAoQAC0EK7AVELETASu0Eg8AHgQrsBIQsRABK7EPD+mwDxC0DRAALQQrsA0vsRcBK7ESExESsQsMOTkAMDETNSEVIxEjEQERMxMzEzMRIxEDIwMRSgFBaHEBBopDBkSJaE4zUAV5aGj9vAJE/bwCrP7BAT/9VAHB/j8Bwf4/AAAAAQBKAokCvgM1AAMAHwCwAC+xAQfpsQEH6QGwBC+xAAErsQMY6bEFASsAMDETNSEVSgJ0AomsrAABAAAAAARgBGAAAwAAESERIQRg+6AEYPugAAAAAQAUAAACsgXwAB8AZACyHgEAK7AZM7IKAwArsA0zsREJ6bIBAgArsBczsQAJ6bAbMgGwIC+wHtawAjKxHQ7psBYysh4dCiuzQB4ACSuwHRCxGgErsRkO6bEhASuxGh0RErEKETk5sBkRsQ8OOTkAMDETNTM1ND4EMzIWFxcVJiMiDgIVFSERIxEjESMRFGkCDCE1XD4hSRUUKUUfJwwCAWbPl88DprofLTFpP0gjCQQCuAwlTx0nHfugA6b8WgOmAAAAAAEAFAAAArIF8AAfAGoAsh4BACuwEDOyCgMAK7EUCemyAQIAK7AZM7EACemwGzIBsCAvsB7WsAIysR0O6bAYMrIdHgors0AdGwkrsh4dCiuzQB4ACSuwHRCxEQErsRAO6bEhASuxER0RErAKOQCxFAERErASOTAxEzUzNTQ+BDMyFhcXMxEjESYiDgIVFTMVIxEjERRpAgwhNVw+IUkVFKTPJT0nDAJoaM8DprofLTFpP0gjCQQC+h8FMQQlTx0nHbr8WgOmAAAAAAALAIoAAwABBAkAAAB4AAAAAwABBAkAAQAQAHgAAwABBAkAAgAOAIgAAwABBAkAAwAOAJYAAwABBAkABAAgAKQAAwABBAkABQAeAMQAAwABBAkABgAQAHgAAwABBAkACgCWAOIAAwABBAkACwBoAXgAAwABBAkADQCeAeAAAwABBAkADgA0An4ARwBlAG4AZQByAGEAdABlAGQAIABpAG4AIAAyADAAMAA5ACAAYgB5ACAARgBvAG4AdABMAGEAYgAgAFMAdAB1AGQAaQBvAC4AIABDAG8AcAB5AHIAaQBnAGgAdAAgAGkAbgBmAG8AIABwAGUAbgBkAGkAbgBnAC4AbABvAGEAZAB0AGUAcwB0AFIAZQBnAHUAbABhAHIAdwBlAGIAZgBvAG4AdABsAG8AYQBkAHQAZQBzAHQAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAxAEIAYQBzAGUAZAAgAG8AbgAgAEwAZQBhAGcAdQBlACAARwBvAHQAaABpAGMAIABiAHkAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUALAAgAG0AbwBkAGkAZgBpAGUAZAAgAGIAeQAgAEoAbwBoAG4AIABEAGEAZwBnAGUAdAB0AGgAdAB0AHAAOgAvAC8AdwB3AHcALgB0AGgAZQBsAGUAYQBnAHUAZQBvAGYAbQBvAHYAZQBhAGIAbABlAHQAeQBwAGUALgBjAG8AbQAvAGwAZQBhAGcAdQBlAC0AZwBvAHQAaABpAGMAQQBsAGwAIABmAG8AbgB0AHMAIABmAHIAbwBtACAAVABoAGUAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUAIABhAHIAZQAgAHMAdQBiAGoAZQBjAHQAIAB0AG8AIAB0AGgAZQAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAgAAAAAAAP9nAGYAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgACEAIgAjACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQA+AD8AQABBAEIAQwBEAEUARgBHAEgASQBKAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0AXgBfAGAAYQECAKMAhACFAJYAjgCLAQMAigDaAI0AwwDeAKIArQDJAMcArgBiAGMAkABkAMsAZQDIAMoAzwDMAM0AzgDpAGYA0wDQANEArwBnAJEA1gDUANUAaADrAO0AiQBqAGkAawBtAGwAbgCgAG8AcQBwAHIAcwB1AHQAdgB3AOoAeAB6AHkAewB9AHwAoQB/AH4AgACBAOwA7gC6ANcA4gDjALAAsQDkAOUAuwDmAOcA2ADhANsA3ADdAOAA2QDfAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQCyALMAtgC3AMQAtAC1AMUAhwCrARIBEwEUAIwA7wEVARYBFwd1bmkwMEEwB3VuaTAwQUQHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMTAHdW5pMjAxMQpmaWd1cmVkYXNoB3VuaTIwMkYHdW5pMjA1RgRFdXJvB3VuaUUwMDAHdW5pRkIwMQd1bmlGQjAyAAAAAQAB//8ADwAAAAEAAAAAyYlvMQAAAADGp3m3AAAAAMrhKHcAAQAAAAwAAAAWAAAAAgABAAEA3wABAAQAAAABAAAAAAABAAAACgAuADwAAkRGTFQADmxhdG4AGAAEAAAAAP//AAAABAAAAAD//wABAAAAAVRTVDEACAAAAAEAAAABAAQAAQAAAAEACAACAA4ABABEADMANgBWAAEABAAkACkALAAvAAA=);
+}
+
+body {
+  margin: 20px;
+  font-size: 100px;
+  font-family: serif;
+}
+p { margin: 0; padding: 0; }
+</style>
+<script type="text/javascript">
+function clearwait()
+{
+  window.top.document.documentElement.removeAttribute("class");
+}
+
+function dostuff()
+{
+  var el = document.getElementById("main");
+  el.style.fontFamily = "test";
+  setTimeout(clearwait, 20);
+}
+window.onload = dostuff;
+</script>
+</head>
+<body id="main">
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-data-4.html b/layout/reftests/font-face/src-list-data-4.html
new file mode 100644
index 0000000000..940aaae493
--- /dev/null
+++ b/layout/reftests/font-face/src-list-data-4.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(data:font/opentype,funkyfurryfoo), url(data:font/opentype;base64,AAEAAAARAQAABAAQRkZUTVsSEWAAAJ+4AAAAHEdERUYAJwDlAACf1AAAAB5HU1VCDlgOGAAAn/QAAABiT1MvMpP6Q0QAAAGYAAAAYGNtYXBJlAL1AAAFeAAAAlpjdnQgEIcRvwAAC4wAAABGZnBnbQ+0L6cAAAfUAAACZWdhc3AAAAAQAACfsAAAAAhnbHlmIlooQgAADZgAAIxIaGVhZPuNuY8AAAEcAAAANmhoZWENaQTiAAABVAAAACRobXR4XGQ3gAAAAfgAAAN+bG9jYdufulYAAAvUAAABwm1heHAB/QGYAAABeAAAACBuYW1lSPlt7wAAmeAAAAM8cG9zdIn/7pAAAJ0cAAACknByZXDMcRRIAAAKPAAAAU4AAQAAAAEAAFbFikZfDzz1AB8IAAAAAADK4Sh3AAAAAMuERqr/vv4ABjcHcQAAAAgAAgAAAAAAAAABAAAHcf3YAAAGbP++/74GNwABAAAAAAAAAAAAAAAAAAAA3wABAAAA4ABWAAUAAAAAAAIAAQACABYAAAEAAT4AAAAAAAICNgGQAAUAAAWaBTMAAAEfBZoFMwAAA9EAZgIAAAAAAAAAAAAAAAAAgAAAJ0AAAEoAAAAAAAAAAHB5cnMAQAAg+wIF4f3hAAAHcQIoAAAAAQAAAAAEYAXhAAAAIAACATsAAAAAAAACqQAAATsAAAGDAEoBSQA5BNAAMQK0ACUD6QA3A1YAMQE1AC0CMQBCAjEAKQKlAEoEJABKATUALQG8AEoBQQA1AtAACALUAEQB2wAZAtsANwKuAC0CrAAZAsAASgK8AEICTQAIArgANQK8ADkBagBKAWoASgQiAEoEIgBKBCIASgKFABkDaABCAv0AFALpAFICxABEAvkAUgJ0AFICaABSAuEAQwMKAFIBgQBSAacADAMAAFICXABSA98AUgMoAFIC1ABEAtAAUgLZAEQC4wBSAr4AJQKHAAQC7QBQAswAEgQMABkC4QAQArwADgJyABQCGgBSAxgACAIaADkETQA1BLoASgQAASUCqQAxAq4AUgKFAEICrgBKApMAQgHbABQCvAAMArIAUgFyAFIBbP/TAoEAUgFyAFID/QBSArIAUgKRAD8CrgBSAq4ASgH3AFICdgAlAfUAFAKyAE4CWgAQA4kAFAJqABACegAZAhQADAKwAD0BZABSArAAOQUAAHEBOwAAAYMASgJ8AEIDMQAEAtAAGQQAARAGbAA1AbwASgZsADUEAAE5BAABmgDXAAAEAAGqAoUAKQL9ABQC/QAUAv0AFAL9ABQC/QAUAv0AFARLABACxABEAnQAUgJ0AFICdABSAnQAUgGR//oBkQBSAXL/vgF0/8sC+QAUAygAUgLUAEQC1ABEAtQARALUAEQC1ABEAtQAOwLtAFAC7QBQAu0AUALtAFACwAAQAtQAUgLdAEICqQAxAqkAMQKpADECqQAxAqkAMQKpADED3QAxAoUAQgKTAEICkwBCApMAQgKTAEIBcv/fAXIAUgFy/74BdP/LAqEATAKyAFICkQA/ApEAPwKRAD8CkQA/ApEAPwKRAD8CsgBOArIATgKyAE4CsgBOAnoAGQKuAFICegAZAXIAUgJ0ACkB1AAfA9cARAPjAD8CvgAlAnYAJQLAABACcgAUAhQADAP9AQQD/QEEBAABHwP9AZgD/QFmBAABXAQAATkEAADXA7gAAAdwAAADuAAAB3AAAAJ6AAAB2wAAAT0AAAE9AAAA7QAAAXwAAABoAAABvABKAbwASgG8AEoDJgBKA8wASgE1ADEBNQAtATUALQJwADUCcAA1AnAANQKXAFIDxAA1AXwAAAHbAAADLQA1A6kASgMIAEoEYAAAAwQAFAAUAAAAAAADAAAAAwAAABwAAQAAAAABVAADAAEAAAAcAAQBOAAAAEQAQAAFAAQAQABMAH4AowClAKkArwC0ALgA1gD2AP8BMQFCAVMBYQF4AX4CxwLdIAogFCAaIB4gIiAmIC8gXyCsISIiEuAA+wL//wAAACAAQQBNAKAApQCoAK0AtAC3AL8A2AD4ATEBQQFSAWABeAF9AsYC2CAAIBAgGCAcICIgJiAvIF8grCEiIhLgAPsB////4wAA/+P/wv/B/7//vP+4/7b/sP+v/67/ff9u/1//U/89/zn98v3i4MDgu+C44LfgtOCx4KngeuAu37neyiDdBd0AAQAAAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAJQAmACcAKAAzACoAKwA2AC0ALgBWAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiNEJSYnKDMqKzYtLlYwMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYQB0dXd5gYaLkI+Rk5KUlpiXmZqcm52eoKKho6WkqKepqgAAZGUA1gCOamjbbGcAdocAAAAAZgAAAAAAAAAAAJWmb2MAAAAAAAAA12Jwc4Wxss7P09TQ0QAArbUA2gAA3t8AbdLVAHJ6cXt4fX5/fIOEAIKJioiuuL5ruru8br+9uQAAsAAssAATS7AqUFiwSnZZsAAjPxiwBitYPVlLsCpQWH1ZINSwARMuGC2wASwg2rAMKy2wAixLUlhFI1khLbADLGkYILBAUFghsEBZLbAELLAGK1ghIyF6WN0bzVkbS1JYWP0b7VkbIyGwBStYsEZ2WVjdG81ZWVkYLbAFLA1cWi2wBiyxIgGIUFiwIIhcXBuwAFktsAcssSQBiFBYsECIXFwbsABZLbAILBIRIDkvLbAJLCB9sAYrWMQbzVkgsAMlSSMgsAQmSrAAUFiKZYphILAAUFg4GyEhWRuKimEgsABSWDgbISFZWRgtsAossAYrWCEQGxAhWS2wCywg0rAMKy2wDCwgL7AHK1xYICBHI0ZhaiBYIGRiOBshIVkbIVktsA0sEhEgIDkvIIogR4pGYSOKIIojSrAAUFgjsABSWLBAOBshWRsjsABQWLBAZTgbIVlZLbAOLLAGK1g91hghIRsg1opLUlggiiNJILAAVVg4GyEhWRshIVlZLbAPLCMg1iAvsAcrXFgjIFhLUxshsAFZWIqwBCZJI4ojIIpJiiNhOBshISEhWRshISEhIVktsBAsINqwEistsBEsINKwEistsBIsIC+wBytcWCAgRyNGYWqKIEcjRiNhamAgWCBkYjgbISFZGyEhWS2wEywgiiCKhyCwAyVKZCOKB7AgUFg8G8BZLbAULLMAQAFAQkIBS7gQAGMAS7gQAGMgiiCKVVggiiCKUlgjYiCwACNCG2IgsAEjQlkgsEBSWLIAIABDY0KyASABQ2NCsCBjsBllHCFZGyEhWS2wFSywAUNjI7AAQ2MjLQAAALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWACwBCBFsAMrRLAJIEWyBHkCK7ADK0SwCCBFsglPAiuwAytEsAcgRbIIOgIrsAMrRLAGIEWyByUCK7ADK0SwBSBFsgYQAiuwAytEsAogRbIEmAIrsAMrRLALIEWyCi8CK7ADK0SwDCBFsgsuAiuwAytEsA0gRbIMGgIrsAMrRAGwDiBFsAMrRLARIEWyDhkCK7EDRnYrRLAQIEWyEQ8CK7EDRnYrRLAPIEWyED8CK7EDRnYrRLASIEW6AA5//wACK7EDRnYrRLATIEWyElQCK7EDRnYrRLAUIEWyEzYCK7EDRnYrRLAVIEWyFA4CK7EDRnYrRLAWIEWyFQoCK7EDRnYrRLAXIEWyFgkCK7EDRnYrRLAYIEWyFwcCK7EDRnYrRFmwFCsAAP5/AAAEYAXhAMMAYACiAKwAtAC6AMsA2wDjAPIAzwBeAHsAoADPAN0A5QE1AaoB+gJKAJoA0gCcAJ4A2QClALwAkAB2AEoAAAAAAAAAAAAAAAAANABSASgBogJiAwoDMgNoA54D0gQUBDoEWAR4BKwFDAVCBZQGPgaKBwIHeAekCDAIpgjQCP4JHAk+CVwJrApMCpAK/gtyC7wL9gwqDLAM5g0EDTYNng3EDkAOkA7wDzIPphAEEIAQsBD2ESwRihJMEooSvhLqEx4TUBNwE4gTohQkFH4U0hUuFaAV7BayFvYXIBdkF6wXyhg2GHgY6BlCGZwZzhpKGpga3BsSG5QcGBxaHJAc8B0KHWodsh2yHeYeNB7kH3QfoiBeIHwhQiFgIXwhmiHAIhoiaCK4IxgjkiP+JIYk/iWAJcomFiZwJsom9CccJ1InjifyKH4o6ClUKc4qYCrsK6gr6CwoLHws6i0kLWwt3i5sLvovmDBMMPAxsDJ6MuIzYjPgNHA1BDUmNUY1djW0Njg2sjcgN4w4CjigOSg6BjpYOqo7DDtuO7g8FDx+PJw83j0SPXw+MD7EP1g/tD/+QEhAbkCWQMhA6kEwQW5BrEHYQdhB2EHYQdhB2EHYQdhB2EHYQdhB2EH2QhRCMkJQQmhCkEK4Qt5DJENuQ7ZD4EQYRBhEGETERTRFUEVeRcBGJAAAAAIASgAAATkF4QADAAcAQACyBAEAK7EFDOmyAAMAKwGwCC+wBNawADKxBxPpsAEyswIHBAgrsQMQ6bADL7ECEOmxCQErALEABRESsAI5MDETMwMjAzUzFUrvN4Er1wXh+7X+auPjAAAAAQA5A7oBEAXhAAMAHwCyAAMAK7QDDQAIBCsBsAQvsAPWsQIR6bEFASsAMDETMwMjOdcemgXh/dkAAAAAAgAxAAAEoAXhABsAHwE7ALIaAQArshUWGTMzM7IHAwArsggLDDMzM7QAARoHDSuzAhEcHSQXM7EABOmzFBcYGyQXMrQFBBoHDSuzAxAeHyQXM7EFBOmzBgkKDSQXMgGwIC+wGtaxGQ7psBkQsQcBK7EIDumwCBCxFgErsRUO6bAVELELASuxDA7psSEBK7A2Gro/WvbqABUrCro/a/dlABUrCrAaELMCGgcTK7MDGgcTK7MGGgcTK7AZELMJGQgTK7AWELMKFgsTK7AVELMNFQwTK7MQFQwTK7MRFQwTK7MUFQwTK7AWELMXFgsTK7AZELMYGQgTK7AaELMbGgcTK7AZELMcGQgTK7AWELMdFgsTK7MeFgsTK7AZELMfGQgTKwNAEAIDBgkKDRARFBcYGxwdHh8uLi4uLi4uLi4uLi4uLi4usEAaADAxEzczEyM3MxMzAyETMwMzByMDMwcjAyMTIQMjEzchEyExG8YlxBrFOcU5AQQ5xTrBG8Alvhq/O8U8/vs7xTzfAQQl/vwBtsMBAsIBpP5cAaT+XML+/sP+SgG2/koBtsMBAgABACX/KQKPBlwAMwBeAAGwNC+wENaxHQ7psAAg1hGxAQ7psB0QsTEBK7ASMrEwEOmwFDKwMBCxBQErsBgysS0O6bAXMrE1ASuxEAARErAzObEdARESsAI5sTAxERKwCjmxLQURErAnOQAwMRM3FhcyNzQuBCcuAjUSNzUzFRYTByYmBwYHFB4EFx4HFQIHFSM1JiXADHVYBREWKxk3CERCSwTTe8kiwAYsK1AEERQtFzsJBjUULxUhDgwE8XvsAWYNugG5HT0xSCJMDFxjuE4BJTGDfRf+/Rk5RgICoB0/LUohVAoKTBxKKUY1RB7+rh/Z3SkABQA3//ADtAXyABQAGAAmADsARwCrALIVAQArsjgBACu0PgUANQQrshYDACuyBwMAK7QiBQA0BCu0Qy44Bw0rtEMFADMEK7QbEjgHDSu0GwUAMwQrAbBIL7AA1rEZEOmwGRCxHgErsQwQ6bAMELEnASuxPBDpsDwQsUABK7EyEOmxSQErsRkAERKxAxU5ObAeEbMSBxsiJBc5sAwSsQ4YOTmxPCcRErEWKjk5sEARsjguQzk5ObAyErEXNDk5ADAxExE0PgMzMhYXFxEUDgMjIicTATMBAwYzMjY1NRE2IyIGFRUBETQ+AzMyFxcRFA4DIyImJzcGFzInETYjIgYVFTcCER5CLUZQBAQCER5ALYEbYwIpg/3ddQQpEBMCJRITAcUCEB9BLn0cBAIQHz8tSFAEdwQpJQMCJBITA48BtQYYPC8lWCsr/ksGGD4tJ4f8mgXh+h8DjzcdDA4BtTcbDg77WgG0Bhk9LSeHKf5MBhk7MCRWLSs5AToBtDcaDw4AAwAx//ADLQXyACMALgA8AJUAsiIBACuwHTOxJwTpsg0DACuxOQfpAbA9L7AF1rEvDumwLxCwJCDWEbEADumwAC+xJA7psC8QsTMBK7QRDgA3BCuzFxEzCCuxGBHpsBwysT4BK7EkBRESsQMiOTmxMy8RErMNJysTJBc5sBcRsxUgISkkFzmxGBERErAaOQCxJyIRErAgObA5EbUAAxMcKzEkFzkwMRM0NjcmNTU0PgQzMhcWBxQDFhc2NxcGBxYXFSImJwYgJjcWFjMyNyYnDgITFBc2NyY2LgIjIgYVMVhSagoQKThaOcsxDgLNTEghDrAQTDclF348e/7+rtUCNys7QlhWBhAdKzdkAQIECA8gGScnATtzx3vh2RIMRD5MNyXXPTSi/vCub2BzIdWRPw3rS0CLwpRCVFaLnAoldgMib4ecYAIbLSkfTCUAAAAAAQAtA/QBBAXhAAYALgCyAwMAK7QADQAJBCsBsAcvsADWsAIysQUT6bEFE+mxCAErsQUAERKwATkAMDETEyM1MxUDLUhI13ED9AEK4+P+9gABAEL+1wIIBjUAFwATAAGwGC+wAdaxDQ7psRkBKwAwMRIQEjY2NzcXDgMCEBIWFhcXBy4DQjtYVh0eogojWkQ3NUxMGxqiDCdkTgH2AR4BK+C4Ly9UDjWwvf7h/ub+5caeJydUEkDL0wAAAAABACn+1wHwBjUAFwATAAGwGC+wBtaxEg7psRkBKwAwMRc+AxIQAiYmJyc3HgMSEAIGBgcHKQojWkQ3NUxMGhuiDCdkTkA8WFYdHtUONrC6AR8BGgEbx58nJ1QSQMzR/s7+4v7V37cvLwAAAAABAEoD5wJcBeEADgAqALIDAwArtAwNAAkEK7AKMgGwDy+wANaxBxfpsRABKwCxAwwRErALOTAxEzcXJzMHNxcHFwcnByc3SiukE5oTpCusc4NOTINzBOOURrCwRpQiilCYmFCKAAAAAAEASgEvA9sEjwALAFIAsAAvsAczsQEH6bAFMrIAAQors0AACgkrsgEACiuzQAEDCSsBsAwvsArWsAIysQkR6bAEMrIJCgors0AJBwkrsgoJCiuzQAoACSuxDQErADAxEzUhETMRIRUhESMRSgFyrAFz/o2sAomsAVr+pqz+pgFaAAAAAAEALf72AQQA4wAGACwAsAUvtAENAAkEKwGwBy+wBdawADKxAxPpsQMT6bEIASuxAwURErAGOQAwMTM1MxUDIxMt13FmSOPj/vYBCgABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABADUAAAEMAOMAAwApALIAAQArsQEM6bIAAQArsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDEzNTMVNdfj4wAAAQAI/20CyQXhAAMASQCyAQMAK7ACMwGwBC+wANaxAxHpsAMQsQEBK7ECEemxBQErsDYaujzd7DcAFSsKBLABELAAwLACELADwAKxAAMuLrBAGgEAMDEXATMBCAIfov3nkwZ0+YwAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAABABkAAAGJBeEACwA+ALIKAQArsgcDACu0AQAKBw0rtAEGABsEKwGwDC+wCtaxCRPpsgoJCiuzQAoACSuxDQErsQkKERKwBzkAMDETNT4DNzczESMRGTNWMyMGBoXdBJyNCi0zMBAO+h8EnAABADcAAAKPBfIAFABdALIAAQArsRIL6bIPAwArsQkK6bIJDwors0AJDAkrAbAVL7AM1rAAMrELE+mwCxCxBwErsRAT6bATMrEWASuxCwwRErADObAHEbASOQCxEgARErABObAJEbAQOTAxMzU+AxI3NCIVFSM1ECAREAEhFTcOMn9iVAKT3gJO/qYBXtsXTeTVAQ5nuLhpaQGF/on+sP2w2wAAAAEALf/wAnkF8gBAAKcAshcBACuxIQTpsiEXCiuzQCEdCSuyBgMAK7E9BOmyPQYKK7NAPUAJK7QvLhcGDSuxLwnpAbBBL7AC1rEAHTIysUAO6bAeMrBAELEjASuxERPpsBEQsAwg1hGxNhPpsDYvsQwT6bFCASuxQAIRErIbLi85OTmwNhG1FwYhKSo9JBc5sCMSsCc5sAwRsQ8mOTkAsS4hERKwETmwLxGwDzmwPRKwDDkwMRM0PgMzMh4DFRAHBxYRFA4DIyIuAzUzFhYzMjY1NDYuBScjNT4FPQI0LgIjIgYHLQQfOW9QTnI3IQZqAn8GITdzTlBwPCMG2QIfKy0ZAgIGDRgjNyMTJTMnFwwGAgwfGCkXAgQvRlqNVEI+UGg3F/7dagJk/sYZQ4NlTT9YiWM/lmplWhJgHUYWKw8QArgCCxIZIi0dPistL0UhYp4AAAACABkAAAKgBeEACgAQAFgAsgkBACuyAgMAK7QKCwkCDSuwBDOxCgTpsAYyAbARL7AJ1rAMMrEIDumwAzKyCAkKK7NACAYJK7IJCAors0AJAAkrsRIBKwCxCwoRErABObACEbAOOTAxEzUBMxEzFSMRIxEnMxE1IwcZAUPdZ2fKmpoNDAFIwgPX/CnC/rgBSMIB1y0tAAAAAAEASv/wAosF4QAlAIEAsiABACuxBQTpsgUgCiuzQAUACSuyEAMAK7ETC+m0GAsgEA0rsRgK6bILGAors0ALDwkrAbAmL7AP1rAAMrEUDumwDjKyFA8KK7NAFBIJK7APELECE+mwFBCxCAErsR4T6bEnASuxFA8RErAkObEIAhESsCA5ALEYCxESsBQ5MDETMxUUFjMyNjURNAciBhUjESEVIRE+AhcyHgIVERAhIi4DSt0dJiUfRiE1ugIX/qgIGkQZTm4rDv7fTm47IQgBtjtzWFpvAVBvAVAeAxjb/scGEh0CUHdSHv6w/nc7VIVoAAIAQv/wAoMF8gAdACoAawCyGgEAK7EhBOmyAwMAK7EJBOmyCQMKK7NACQYJK7QPKBoDDSuxDwfpAbArL7AA1rEeE+mwDDKwHhCxJAErsAYysRUT6bAEMrEsASuxHgARErAaObAkEbAPObAVErAZOQCxDygRErANOTAxExEQJBEVIzQmIyIGFRE2MzIeAhURFA4CIi4CFxQWMzI2NRE0JiIGB0ICQd0XLSccOzNQay0OEDR+vX8zEN0jIB8lJT0jAgE1A1gBZAH+m16iYEpa/vQlSHJZK/7NKVZ5TU15VhgUMDETAcISMikVAAAAAQAIAAACNQXhAAYANACyBQEAK7IBAwArsQAL6QGwBy+wBdaxBBTpsgQFCiuzQAQDCSuxCAErsQQFERKwBjkAMDETNSEVAyMTCAIt3eXhBQbb3fr8BQYAAAMANf/wAoMF8gAhAC0AOAB4ALIdAQArsSUK6bIMAwArsTYE6bQxLB0MDSuxMQvpAbA5L7AF1rAAMrEuE+mxIhPpsC4QsSkBK7AzMrEXE+mwETKxOgErsSIFERKyAwgdOTk5sC4RsAs5sCkSsgwlLDk5ObAXEbIPFBw5OTkAsTEsERKxFAM5OTAxEzU0NyY1NTQ+AzIeAxUVFAcWFRUUDgMiLgM3FhYzMjY2NTQmIgYTFBYyNjU0JiMiBjVzZgQgNnKcczUhBGdzBCE5d6R3OSEE1wIfLyUjCBtqGw8YUhkZKSUaAUKwvG1mrn8XNWpQPj5QajUXf65mbbywGTdvUkFBUm83cX9hPFJSmHJyAi5/ZGR/cV5YAAACADn/8AJ7BfIAHQAqAGsAsh0BACuxBQTpsgUdCiuzQAUBCSuyFgMAK7EnBOm0CyEdFg0rsQsH6QGwKy+wANawEDKxAhPpsB4ysAIQsQgBK7AjMrEbE+mxLAErsQIAERKwFTmwCBGwCzmwGxKwFjkAsSELERKwCTkwMRM1MxQWMzI2NREGIyIuAjURND4CMh4CFREQIBMUFjI2NxE0JiMiBhU53hYtJx07NFBqLQ8RM3+8fzMR/b7eJD4jAiMhHyQBVF6iYEpaARslR3NYKwElKVZ5Tk55Vin8qP6cA0kSMSkUAbsULzESAAAAAAIASgAAASEEYAADAAcALwCyAAEAK7EBDOmyBQIAK7EEDOkBsAgvsADWsAQysQMT6bAGMrEDE+mxCQErADAxMzUzFQM1MxVK19fX4+MDfePjAAAAAAIASv72ASEEYAAGAAoAMACyCAIAK7EHDOkBsAsvsAXWsQAHMjKxAxPpsAkysQMT6bEMASuxAwURErAGOQAwMTM1MxUDIxMDNTMVStdxZkdH1+Pj/vYBCgN94+MAAQBKAK4D2QUEAAYAEwABsAcvsADWsQQO6bEIASsAMDETNQEVAQEVSgOP/UYCugKJoAHbx/6c/pzHAAAAAgBKAd0D2QQMAAMABwAaALAAL7EBB+mwBC+xBQfpAbAIL7EJASsAMDETNSEVATUhFUoDj/xxA48B3aysAYOsrAAAAAABAEoArgPZBQQABgATAAGwBy+wAtaxBg7psQgBKwAwMTc1AQE1ARVKArr9RgOPrscBZAFkx/4loAAAAAACABkAAAJcBewAHwAjAC0AsgUDACuxHATpAbAkL7AS1rAgMrERDumwITKwERCxGQsrsQoO6bElASsAMDETPgMXHgMVFAcOAhURIxE0NjY3Njc2JiMmBgcDMzUjGQwrTHRCUnA0FFAnJDC+MS8pKwoGIicvRg4E19cE7CFHXDwDAj9kUidSiT9AlkX/AAEAZrpeRkgpG0MCYjH7aOMAAAAAAgBC//ADLwXyAC0ANwCkALIpAQArsSQG6bIGAwArsR4H6bQRMCkGDSu0EQYAGwQrtBY1KQYNK7QWBgAbBCsBsDgvsADWtCEOADcEK7AhELETASuxLhHpsC4QsTIBK7AaMrQLDgA3BCuxOQErsRMhERKxBR45ObAuEbMRFiQpJBc5sDISswYNHSYkFzmwCxGwJzkAsSQpERKwJzmwERGwJjmwMBKxCw05ObEWNRESsBo5MDETETQ+AjIeAhURIycOAiMiNRE0MzIWFxc1NCYiBhURFBYzMjcXBiMiLgIBFDMyNRE0IyIVQiJOnNWbTiOkFAQPOyORkSM5CwpayVpYZnUzmG3TapxOIgHVLzExLwEvA3krZm9KSm9mK/znOAgXJawB5aoiERAtM2trM/yHNWQ/Vo9HbWIBNzU1Acc1NQACABQAAALpBeEABwANAEsAsgABACuwAzOyAQMAK7QGCAABDSuxBgzpAbAOL7AA1rEHE+mwBxCxBAErsQMT6bEPASuxBAcRErMCAQgJJBc5ALEBCBESsAs5MDEzEyETIwMjAxMzAycjBxTkAQ7j1ynVKEeYQAYMBgXh+h8BM/7NAh0B2ycnAAAAAwBSAAACuAXhABAAGwAnAGcAshABACuxEQvpsgIDACuxJwvptBwbEAINK7EcCukBsCgvsADWsRET6bAcMrARELEVASuwITKxDhTpsQUO6bEpASuxFRERErAQObAFEbAIOQCxGxERErAOObAcEbAIObAnErAFOTAxMxEzMhYVFAYHHgQVEAUnMjc2NTQuAiMjNTI+AzQuAyNSws3HO04GFDYpIP6qM0ojNyE7JRsIFxY6IB0dIDoWFwXhttlqikMCDzdMiVT+YgzbHzeSUmglCMsCEidSd1InEgIAAAEARP/wApEF8gAtAGYAsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwLi+wANaxGBPpsBgQsR8BK7AOMrEjDumwDDKxLwErsRgAERKxBik5ObAfEbIHFSg5OTmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJ0QEHjh5p3k4HgICzgIECw4jGkYIBCcjKSvOBB44ead5OB4CATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyAAAAACAFIAAAK4BeEAEQAdADoAshEBACuxEgvpsgIDACuxHQvpAbAeL7AA1rESE+mwEhCxFgErsQsU6bEfASsAsR0SERKxCgk5OTAxMxEzMh4FEA4FIzcyNzYRNDQ1ECcmI1KuWn9iPicSBgYSJz5if1ovdRgXFxl0BeEYK1xjtK7+5a6yYlwrGd1RSwFBGzkbAUJJUAAAAQBSAAACTAXhAAsARQCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwDC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysQ0BKwAwMTMRIRUhETMVIxEhFVIB+v7jzc0BHQXh4/518v5i4wAAAAABAFIAAAJgBeEACQBAALIAAQArsgEDACuxBAzptAUIAAENK7EFDOkBsAovsADWsQkT6bAEMrIJAAors0AJAwkrs0AJBwkrsQsBKwAwMTMRIRUhETMVIxFSAg7+z83NBeHj/nXk/XEAAAEAQ//wApEF8gAsAIsAsiQBACuyJwEAK7EbBOmyBwMAK7ETC+myEwcKK7NAEw4JK7QgIScHDSuxIAnpAbAtL7AA1rEXE+mwFxCxHgErsA4ysSMT6bAMMrAjELEgFemwIC+xLgErsRcAERKwBjmwIBGyExonOTk5sB4SsRIbOTmwIxGxByU5OQCxGyQRErAlObAgEbArOTAxExE0PgMyHgIXFxUjNTQmJiIGFQcRFBYWMjY1NxEjNSERIycGIyInJjU0RAQeOHmneTgeAgLdAiVFJQICJUUlAlgBNYMaRmbLLwsBNQN3DC1xVkZEXmAjIefnDCU+OBod/HcMJT44Gh0BELv9EkhY1TApDAABAFIAAAK4BeEACwA/ALIAAQArsAczsgEDACuwBTO0AwoAAQ0rsQMM6QGwDC+wANaxCxPpsAIysAsQsQgBK7AEMrEHE+mxDQErADAxMxEzETMRMxEjESMRUt2s3d2sBeH9kgJu+h8Cj/1xAAABAFIAAAEvBeEAAwAhALIAAQArsgEDACsBsAQvsADWsQMT6bEDE+mxBQErADAxMxEzEVLdBeH6HwAAAAABAAz/8AFgBeEADwAsALIAAQArsQEL6bIIAwArAbAQL7AH1rEKE+myBwoKK7NABwAJK7ERASsAMDEXNTIWPgI1ETMRFAcGJyIMBBEpHhvdT0aYEw7ZAgYSMyUEqPs2iVRKAQAAAQBSAAAC7AXhABEAjQCyAAEAK7EKCzMzsgEDACuwBzMBsBIvsADWsRET6bACMrARELELASuxChPpsRMBK7A2GrrBmfHKABUrCg6wCxCwDcCwChCwCcCwDRCzDA0LEyuyDA0LIIogiiMGDhESOQCyCQwNLi4uAbIJDA0uLi6wQBoBsQsRERKwBzmwChGwCDkAsQEAERKwBDkwMTMRMxEVMzcTMwMTIwMnIwcHEVLdCAu418vm2JkGBg0zBeH+CxkZAfX+EfwOAo8fH3v97AAAAAEAUgAAAlQF4QAFACwAsgABACuxAwrpsgEDACsBsAYvsADWsQMT6bIDAAors0ADBQkrsQcBKwAwMTMRMxEhFVLdASUF4frszQAAAAABAFIAAAONBeEAFQCsALIAAQArsQkPMzOyAQMAK7AHMwGwFi+wANaxFQ7psBUQsRABK7EPD+mwDxCxCgErsQkO6bEXASuwNhq6wJn3SAAVKwoOsBIQsBHAsQMb+bAEwLo/gfgQABUrCg6wBRCwBsCxDhz5sA3AALcDBAUGDQ4REi4uLi4uLi4uAbcDBAUGDQ4REi4uLi4uLi4usEAaAbEQFRESsAI5sQoPERKwBzkAsQEAERKwDDkwMTMRIRMXMzcTIREjETUjBwMjAycjFRFSAQ6DCwQKgwEOzA0IjV6OCAwF4f1QUFACsPofA7JAQPxOA7JAQPxOAAEAUgAAAtcF4QAPAGYAsgABACuwCTOyAQMAK7AHMwGwEC+wANaxDw7psAIysA8QsQUBK7AKMrEJDumxEQErsDYausJH7xMAFSsKDrAMELALwLEDGfmwBMAAswMECwwuLi4uAbMDBAsMLi4uLrBAGgEAMDEzETMTFzM1ETMRIwMnIxURUsXXEgzLxdcSDAXh/PBGRgMQ+h8DEEZG/PAAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAACAFIAAAK0BeEACAAPAEoAsgABACuyAgMAK7EPDOm0BwkAAg0rsQcM6QGwEC+wANaxCBPpsAkysAgQsQwBK7EFE+mxEQErALEJBxESsAU5sQIPERKwBDkwMTMRMzIWEAYjEREyNjU0JiNS3abf36ZmQEJkBeHT/iHV/aYDO1uBg2YAAAACAET/jQK8BfIAGwArAGIAshYBACuxIAvpsxEgFggrsRIJ6bIHAwArsSgL6QGwLC+wANaxHBPpsBwQsSMBK7ENE+mxLQErsRwAERKxBho5ObAjEbAWObANErIHDxQ5OTkAsREWERKwFDmwIBGwDzkwMRMRND4DMh4CFxcRFAcWFxUiJwYjIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAi0hN6BDNzhUeDgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iV5YKwq9dRJDYF8gIwwlPTcdGgN3DCU+OBodAAAAAgBSAAACugXhAAsAFQBuALIAAQArsQcIMzOyAgMAK7EVC+kBsBYvsADWsQsT6bAMMrALELERASuwCDKxBA7psQcT6bEXASuwNhq6wQb0mAAVKwoOsAgQsAnAsAcQsAbAALEGCS4uAbEGCS4usEAaAQCxFQARErEEDDk5MDEzETMgERAHEyMDIxERMj4CNC4CI1LdAXl7jd1zOx8rOx8fOysfBeH+Tv7+VP0nAnv9hQNICidimGInCgAAAAABACX/7wKaBfIAMwBmALIuAQArsQMK6bISAwArsR0K6QGwNC+wD9axHxPpsAAg1hGxARPpsB8QsQUBK7AbMrEsE+mwGjKxNQErsR8BERKwCjmwBRGyAxQdOTk5sCwSsCc5ALEdAxEStQABDxobLCQXOTAxEzcQMzI3NC4DJy4CNTQ2NzIzMhceAhUHNCMGFxQeBhceAhUQJSIuAyXZaFoBES8bTwlCST+PkQUFWD5COxnZWUwBCAwZECcSMAhKPUj+zFJ4RCcMAaYU/wCmHT1WKXUOYHyuS4vUAiMlgX1KFNkClBIrIzMdOxtDDW9itEz+hQEzTHpxAAEABAAAAoMF4QAHADoAsgYBACuyAQMAK7EADOmwAzIBsAgvsAbWsQUT6bIFBgors0AFAwkrsgYFCiuzQAYACSuxCQErADAxEzUhFSMRIxEEAn/R3QT+4+P7AgT+AAAAAAEAUP/wAp4F4QAXAD8AshMBACuxBwvpsgEDACuwCzMBsBgvsADWsQMT6bADELEKASuxDRPpsRkBK7EDABESsBM5sQ0KERKwEjkAMDETETMRFBYWMjY1NxEzERQOAyIuAidQ3QIlRiQD3QQfN3moeTcfAgE1BKz7VAwlPTcdGgSs+1QMLXFWRUNgXyAAAQASAAACugXhAAkAPQCyCQEAK7IAAwArsAYzAbAKL7AA1rEBE+mwARCxBgErsQcT6bELASuxBgERErEICTk5ALEACRESsAM5MDETMxMXMzcTMwMjEtdvCA0Ibtfl3QXh/MVAQAM7+h8AAAAAAQAZAAAD9AXhABUAaQCyFQEAK7AOM7IAAwArsQYMMzMBsBYvsADWsQEO6bABELEGASuxBxHpsAcQsQwBK7ENDumxFwErsQEAERKwFTmwBhGwFDmwBxKxERI5ObAMEbAPObANErAOOQCxABURErIDCRE5OTkwMRMzExczNxMzExczNxMzAyMDJyMHAyMZzFgFEAZeoF4GEQRYzcusZg0IDGesBeH88jExAw788jExAw76HwLJWFj9NwAAAAABABAAAALRBeEAEQE+ALIAAQArsgsMETMzM7ICAwArsgMICTMzMwGwEi+wANawAjKxERPpsAMysBEQsQwBK7AIMrELE+mwCTKxEwErsDYaujz/7KEAFSsKusL17MYAFSsKusMT7GgAFSsLsAIQswECDBMrsQIMCLAAELMBAAgTK7rDEOxxABUrC7ADELMEAwsTK7o87exoABUrC7AAELMHAAgTK7rDEOxxABUrC7ADELMKAwsTK7EDCwiwERCzChEJEyu6wxPsaAAVKwuwAhCzDQIMEyu6PO3saAAVKwuwERCzDxEJEyuzEBEJEyuyBwAIIIogiiMGDhESObIQEQkREjmwDzmyBAMLIIogiiMGDhESObINAgwREjkAtgEEBwoNDxAuLi4uLi4uAbYBBAcKDQ8QLi4uLi4uLrBAGgEAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEPTw2ngHCAZ52fD02X8ECAV/AxcCyv6DEhIBff02/OkBwRIS/j8AAQAOAAACrgXhAAsASACyCgEAK7IAAwArsAYzAbAML7AA1rEBE+mwARCxCgErsQkT6bAJELEGASuxBxPpsQ0BK7EJChESsQMEOTkAsQAKERKwAzkwMRMzExczNxMzAxEjEQ7ZbwYEBm/Z4d0F4f4fDg4B4fyg/X8CgQAAAAEAFAAAAl4F4QAJADsAsgABACuxBwvpsgQDACuxAwvpAbAKL7EAASuxCRjpsAUysQsBK7EJABESsAc5ALEDBxESsQEGOTkwMTM1ASE1IRUBIRUUAVv+1wIY/qABYO4EGNvb+9XbAAAAAQBS/ysB4QXhAAgAMwCyBQEAK7EIBOmyAQMAK7EEBOkBsAkvsAjWsQcW6bACMrEFDumxBhbpsAMysQoBKwAwMRcRIRUjETMVIVIBj8rK/nEQBfHE+tPFAAEACP9MAxAGnAADAE0AAbAEL7AA1rEBEemwARCxAwErsQIR6bEFASuwNhq6wyHsOwAVKwoEsAAusAIusAAQsQEZ+bACELEDGfkCswABAgMuLi4usEAaAQAwMRMzASMIogJmqAac+LAAAQA5/ysByQXhAAgAPACyAAEAK7EIBOmyBAMAK7EDBOkBsAkvsAjWsAMysQcW6bAHELEBDumwAS+wBxCxABbpsAAvsQoBKwAwMRczESM1IREVITnLywGQ/nAQBS3E+g/FAAAAAAEANQMpBBkF4QAGABUAsgEDACuxBQbpAbAHL7EIASsAMDETATMBIwEBNQF96gF9x/7V/tUDKQK4/UgCH/3hAAABAEr+ugRx/2YAAwAXALADL7EAB+mxAAfpAbAEL7EFASsAMDEXIRUhSgQn+9marAABASUFGQJmBdEAAwAaALADL7EBCekBsAQvsADWsQIV6bEFASsAMDEBMxcjASXXap8F0bgAAgAx//ACaARxACUALQCAALIdAQArsiMBACuxKArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSgF6QGwLi+wANaxJg7psBEg1hGxEA7psCYQsR8BK7EGKzIysRoO6bEvASuxJhERErAjObEfEBESsgUVIDk5ObAaEbAdOQCxCigRErMAGBosJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJjcUFzI2NREGMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4u2gBJx0BHz4AAAACAFL/8AJkBeEAEQAdAFkAsgABACuyDAEAK7EVBOmyAQMAK7IFAgArsRsE6QGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVABESsBA5sQUbERKwAzkwMTMRMxE2MzIWFREUBiMiJicnFTUUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJwXh/jZailH9NVKJLRYXSvYdJycdAnQdJysZAAABAEL/7wJUBHEAGwBUALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsBwvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysR0BK7EUDxESsAM5ADAxExEQITIWFRUjNTQmIyIHERQzMjY1NTMVFAYjBEIBCImBzxgjOQE6IxjPgYn++AE7AeoBTI60WIczJ1r9pFonM5xttI0BAAACAEr/8AJcBeEAEQAdAFkAsgwBACuyDwEAK7EVBOmyCQMAK7IEAgArsRsE6QGwHi+wANaxEg7psBIQsQwBK7EIFzIysQsO6bEfASuxEgARErEEDzk5ALEVDBESsA05sQQbERKwCDkwMTcRNDYzMhYXFxEzESM1BiMiJjcUFjI2NRE0JiIGFUpSTSFSGRjPz1hMTlHPIC0nJy0gywLLUoktFxYByvofSlqJfR0nJx0CdBkrJx0AAAAAAgBC//ACWARxACQALwBZALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxKwjptCUNHwcNK7ElBukBsDAvsADWsQ4O6bAlMrAOELEWASuwJjKxGQ7psAsysTEBK7EWDhESsQcfOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCvpYCJSMhJwICARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfAbSeDCc/OR0cAAAAAQAUAAABywXpABgATACyFwEAK7IKAwArsQ4J6bIBAgArsBIzsQAJ6bAUMgGwGS+wF9awAjKxFg7psBAyshYXCiuzQBYUCSuyFxYKK7NAFwAJK7EaASsAMDETNTM1NTQ+AzMXFSYjIhcVFTMVIxEjERRpBBktYENhGyNCAWhozwOmuhEOM0J2RjkOsgi0EA26/FoDpgAAAAADAAz+bwK6BHEANAA/AFUAmwCyEgIAK7AWM7FQBOmwFzKwMi+xNwfpsCEvsUMH6QGwVi+wC9awBDKxVQ7psCUysAAg1hGxNQ7psFUQsUUBK7EbDumzOhtFCCuxLw7psBYysVcBK7E1CxESsQcCOTmxRVURErUhIyk+ElAkFzmxGzoRErEUGTk5ALEhNxEStQAEJS81PiQXObBDEbAHObBQErAZObASEbAUOTAxFzQ3JjU0NjcmJicnETQ+AzMyFzY3FSIHFxEUDgMjIicGFRQeAhceAxUUBiMmJjcUNzI2NTQmJycGExQWMzY1ESY0NjU0Jy4CIyIGFRURDKJ9UDEzOwUEBB0xbUiHR2ZESDAKBB8xbUkbDB0WPh0tOVhaM86UpKjJhztjKUZqTDEfHT8BAgMEChsUHR+4Xkwjci1gGyN5LSsBMQwlYkw+Z2YBuRhG/sMKJ19JPAIZGhAZEAQJCBo4ZEaYhgRgl04BJyQhIwwVLAJcETgGXwEzAQUKAQgLDx8UMxsY/s0AAAABAFIAAAJkBeEAEgBHALIAAQArsAszsgEDACuyBwIAK7EPCukBsBMvsADWsRIO6bACMrASELEMASuxCw7psRQBK7ELDBESsAc5ALEHDxESsAM5MDEzETMRNzY2MzIWFREjETQjIgcRUs8gHkkhTE/OMikaBeH+ISAeMYpR/GoDdzE1/I0AAAAAAgBSAAABIQXhAAMABwAwALIAAQArsgUDACuxBArpsgECACsBsAgvsADWsAQysQMO6bAGMrEDDumxCQErADAxMxEzEQM1MxVSz8/PBGD7oAUSz88AAv/T/n8BGwXhABQAGAA4ALIQAAArsQIE6bIWAwArsRUK6bIIAgArAbAZL7AE1rAVMrEKDumwFzKxGgErALECEBESsBQ5MDEHFjMyNTQ0NREzERQOAyMiJicnEzUzFS0dHEDPBBktYEQdLQgIec+2CI4DDwMEe/uDM0FzRjcGAgQGh8/PAAAAAAEAUgAAAn0F4QARAE0AsgABACuwCjOyAQMAK7IHAgArAbASL7AA1rERDumwAjKwERCxCwErsQoO6bETASuxCxERErAHObAKEbEJCDk5ALEHABESsQQNOTkwMTMRMxEVMzcTMwMTIwMnIwcHEVLPCgxlupW8x2YECgcaBeH9WiQkASX+lP0MAcUQEEL+fQAAAAEAUgAAASEF4QADACEAsgABACuyAQMAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8F4fofAAAAAAEAUgAAA7AEcQAfAHsAsgABACuxERgzM7IBAgArsgcCACuwDTOxHArpsBUysQMHECDAL7EcBekBsCAvsADWsR8O6bACMrAfELEZASuxGA7psBgQsRIBK7ERDumxIQErsRkfERKwBTmwGBGxCQc5ObEREhESsA05ALEDHBESsAk5sAERsAU5MDEzETMVMjY2MzIXPgIzMhYVESMRNCMiBxEjETQjIgcRUs8CPUwhZCcETkogTFDCOCklwjcpJQRgXj0yfQRKL4pR/GoDdzE1/I0DdzE1/I0AAAEAUgAAAmQEcQASAEcAsgABACuwCzOyAQIAK7IHAgArsQ8K6QGwEy+wANaxEg7psAIysBIQsQwBK7ELDumxFAErsQsMERKwBzkAsQEPERKwAzkwMTMRMxU3NjYzMhYVESMRNCMiBxFSzyAeSSFMT84yKRoEYF4gHjGKUfxqA3cxNfyNAAIAP//wAlIEcQAXADEATACyEgEAK7EeCOmyBwIAK7ErCOkBsDIvsADWsS4O6bAuELEgASuwJTKxDA7psTMBK7EuABESsAM5sCARsxIHIiMkFzmwDBKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1NxQXHgIzNjcRIjc2NTQnLgIjBgcRFhQGPwMcMW9KxzUOAh0zbUtKbzEcvwMEDB8VRgECAgEDBAwfFkQCAQIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwsJCxEiFgpnAjMLBAQJDBEhGApo/c0BBgwAAAAAAgBS/n8CZARxABEAHQBXALIMAQArsRUE6bIBAgArsgUCACuxGwTpsAAvAbAeL7AA1rERDumxAhIyMrARELEXASuxCQ7psR8BK7EJFxESsQUMOTkAsRUMERKwEDmxARsRErADOTAxExEzFTYzMhYVERQGIyImJycRERQWMjY1ETQmIgYVUs9YTE5RUk0hUhkYJy0hIS0n/n8F4UlailH9NVKJLRYX/jUCdxkrJx0CdB0nJx0AAgBK/n8CXARxABEAHQBXALIPAQArsRUE6bIJAgArsgQCACuxGwTpsAwvAbAeL7AA1rESDumwEhCxDAErsQgXMjKxCw7psR8BK7ESABESsQQPOTkAsRUPERKwDTmxCRsRErAIOTAxNxE0NjMyFhcXNTMRIxEGIyImNxQWMjY1ETQmIgYVSlJNIVIZGM/PWExOUc8gLScnLSDLAstSiS0XFkn6HwHLWol9HScrGQJ0HScnHQAAAQBSAAAB8ARxAA4AMQCyAAEAK7IBAgArsgYCACuxCQvpAbAPL7AA1rEODumwAjKxEAErALEBCRESsAM5MDEzETMVNjYzFSYjIgcGFRFSzwhkYyIeOCotBGB9KWXmCyUpPvz2AAEAJf/wAk4EcQArAHoAsiYBACuxAwfpsgMmCiuzQAMACSuyEAIAK7EbB+myGxAKK7NAGxkJKwGwLC+wC9axHQ7psAAg1hGxAQ7psB0QsQUBK7AZMrEjDumwGDKxLQErsQELERKwCDmxBR0RErMDBxImJBc5sCMRsCE5ALEbAxESsQsiOTkwMRMzFDMyJzQnLgI1ND4CNzIzMhceAhUjNCMGBxQWFhcWFxQGIyIuAyXAYUgBgUQ9Qxg2ZkgGBU41ODERwUM/AS8rLb4BgYdIbT0lCgFGqodKfEJCiUw3Ylw4AhocZlg7gwKBIVAtK7age7gxR2NQAAAAAQAU//AB2QV1ABYAVQCyDwEAK7ELCumyAQIAK7AFM7EACemwBzKyAQAKK7NAAQQJKwGwFy+wFdawAjKxCQ7psAQysgkVCiuzQAkHCSuwDDKyFQkKK7NAFQAJK7EYASsAMDETNTMRMxEzFSMRFDM3FQYjIi4DNREUac+NjUFMLUJEXy0ZBAOmugEV/uu6/dO4CMsOOUh4RjkCPgAAAQBO//ACYARgABIARwCyCwEAK7IQAQArsQUK6bIBAgArsAgzAbATL7AA1rEDDumwAxCxCwErsAcysQoO6bEUASuxAwARErAQOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJk7PMSkaz88fHkohTE/LA5X8iTE2A3L7oF4gHjCJAAAAAAEAEAAAAkoEYAAJAD0AsgkBACuyAAIAK7AGMwGwCi+wANaxAQ7pswkBAAgrsQgO6bABELEGASuxBw7psQsBKwCxAAkRErADOTAxEzMTFzM3EzMDIxDJRAgQCETJt8wEYP13SEgCifugAAAAAAEAFAAAA3UEYAAVALEAshUBACuwDjOyAAIAK7IGDA0zMzMBsBYvsADWsQEO6bABELEGASuxBxDpsAcQsQwBK7ENDumxFwErsDYauj+B+BAAFSsKDrAMELAKwAWwDRCwDsC6P5n42QAVKwuwChCzCwoMEyuyCwoMIIogiiMGDhESOQCxCgsuLgGyCgsOLi4usEAaAbEBABESsBU5sAYRsBQ5sAcSsRESOTmwDBGwDzkAsQAVERKyAwkROTk5MDETMxMXMzcTMxMXMzcTMwMjAycjBwMjFL1BCQwKVntWCg0IQb2mrFAKCAtQrARg/bdAQAJJ/bdAQAJJ+6ACFz8//ekAAAAAAQAQAAACWgRgABEAvwCyAAEAK7ELETMzsgICACuyAwgJMzMzAbASL7AC1rEDDumwETKwAxCxAA7psAAvsAMQsQgBK7AMMrEJDumxCw7psRMBK7A2Gro9W+3KABUrCg6wABCwAcCwERCwEMC6wmnumwAVKwqxAAEIsAIQsAHADrADELAEwLo9l+6bABUrCg6wCBCwB8CwCRCwCsAAtAEEBwoQLi4uLi4BtAEEBwoQLi4uLi6wQBoBsQgDERKwDjkAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEMGwwkoGBAZKw7DAyVQGBAZUAkICHv76Hx8BBv3i/b4BGx4e/uUAAAAAAQAZ/m8CYgRgABIAPwCyAAIAK7AGM7AML7ENCekBsBMvsADWsQEO6bABELEGASuxBw7psRQBK7EBABESsQwSOTkAsQANERKwAzkwMRMzExczNxMzAwYGIyc1FjM2NjUZylIECQRSysYQnHNcECE9SARg/VA5OQKw+0x/vgS4BAZvQwAAAQAMAAACBARgAAkAQQCyAAEAK7EHCemyBAIAK7EDCekBsAovsQABK7EJF+mwBTKxCwErsQkAERKwBzkAsQcAERKwATmxBAMRErAGOTAxMzUBIzUhFQEhFQwBHfABy/7jAR2oAvy8qP0EvAAAAQA9/jcCdwX2AB0AYgCyCAMAK7EJB+mwFi+xFQfpsAAvsQEG6QGwHi+wGdawBDKxEg7psAwyshIZCiuzQBIWCSuwCDKxHwErsRIZERKwDzkAsQAVERKyERIZOTk5sAERsA85sAkSsgUMDTk5OTAxEzUyNjURNDYXFSYGFREUBxYVERQWNxUGJjURNCYmPUg8wPaHa39/a4f2wBFCAcWjYykBjd+WBKwCUHf+c49OUoz+c3dQAqwElt8BjRQ2QAAAAQBS/gABEgacAAMAFwABsAQvsADWsQMO6bEDDumxBQErADAxExEzEVLA/gAInPdkAAAAAAEAOf43AnMF9gAdAGIAsg0DACuxDAfpsB0vsQAH6bAWL7EVBukBsB4vsAPWsAgysRoO6bAQMrIDGgors0ADHQkrsAwysR8BK7EaAxESsAY5ALEWABESsgMEGjk5ObAVEbAGObAMErIICRA5OTkwMRMWNjURNDcmNRE0Jgc1NhYVERQWFjMVBgYVERQGJzmHa39/aoj2wRBCMUg7wfb+5wJQdwGNi1NOjwGNd1ACrASW3/5zFzc+owRhJ/5z35YEAAEAcQUOBMkGgwAdADIAsBovsQYJ6bMMBhoIK7EWCemwHTIBsB4vsR8BKwCxGhYRErAAObEGDBESsQoQOTkwMRM+BDMyFhYXFjcyNzcXDgQjIicmIgYHB3EEEDxFeUI3cDQ5akRtRQ2HBBE7RnBAeZdzf2QTEgVIDClqUkIlHSVIAZkdOQwsalBEZUpbLS0AAAIASv5/ATkEYAADAAcAPgCyBQIAK7EEDOmwAC8BsAgvsATWsAAysQcT6bADMrMCBwQIK7EBEOmwAS+xAhDpsQkBKwCxBAARErABOTAxExMzEwM1MxVKN4E349f+fwRM+7QE/uPjAAAAAQBC/4UCTAYfAB8APQABsCAvsADWsREO6bARELEdASuwAzKxHBDpsAUysBwQsRULK7ALMrEYDumwCTKxIQErsRwdERKwDjkAMDETERA3NTMVFhYVFSM1NCMiFREUFzInNTMVFAYHESMRJkLQe2JdvUlISEoBvVxje9AB/AHpASkf8vQQkJtYh1pa/aRaAVubbJyREf7RAS0fAAAAAQAE//ADFAX0ADoAuACyMwEAK7A6M7EtC+myEwMAK7EcCum0CQozEw0rsCIztAkGABsEK7AkMrMZMxMIKwGwOy+wDtaxHw7psg4fCiuzQA4JCSuzBh8OCCuxJw7psicGCiuzQCckCSuwHxCxGQErsRgO6bE8ASuxBg4RErMECAs6JBc5sB8RsDY5sCcSsiIlKTk5ObAZEbArObAYErIuLzM5OTkAsS0zERKxADY5ObAJEbIELzA5OTmxHBkRErEOHzk5MDE3PgI3NjU0JyM1MycmNTQ+Ajc2HgIVIzQmBwYGFRQXFzMVIxYHFAceAjM2NxcGBiMiJiMiBgcHBAgfbT8lH7yTBk4fQnZQYIhHHdUzQC8rRgbTrhkBORA4KRRKCLwMi2QzuSUhOQwMPxRDdApvWERqiRX+WEZ6b0QCAkR3h1JWcQICYkRx4RmJZEpocwghEgS6FrbHZjMbGAAAAAEAGQAAArgF4QAZANIAshEBACuyAAMAK7IBBgczMzO0ExQRAA0rsAwztBMGABsEK7AOMrQXGBEADSuxCBkzM7QXBgAbBCuwCjIBsBovsADWsQET6bABELERASuwFTKxEBPpsAsyshARCiuzQBAKCSuwDTKyERAKK7NAERcJK7ATMrAQELEGASuxBxPpsRsBK7A2GrrBnPG7ABUrCrAAELAZwA6wARCwAsC6PmTxuwAVKwoOsAYQsAXABbAHELAIwAMAsQIFLi4BswIFCBkuLi4usEAaALEAGBESsAM5MDETMxMXMzcTMwMzFSMVMxUjESMRIzUzNSM1MxnZbgYEB27ZxJOwsLDdsLCwkwXh/h8ODgHh/Q+KiYn+rAFUiYmKAAIBEAUZAvAF4QADAAcANgCyAQMAK7AFM7EACumwBDKyAQMAK7EACukBsAgvsADWsQMO6bADELEEASuxBw7psQkBKwAwMQE1MxUzNTMVARC/Yr8FGcjIyMgAAAAAAwA1//AGNwXyAAcAEQA2AMUAsgcBACu0CwUANAQrsgMDACu0EAUANAQrtDMoBwMNK7QzBgAbBCuyKDMKK7NAKCwJK7QZIwcDDSu0GQYAGwQrsiMZCiuzQCMeCSsBsDcvsAHWsQkQ6bAJELESASuxJhHpsCYQsSoBK7AeMrQtEAAtBCuwHDKwLRCxDQErsQUQ6bE4ASuxEgkRErIHAgo5OTmwJhGxFTY5ObAqErIZEDM5OTmwLRGwLzmwDRKyBgsDOTk5ALEjKBEStgAEBQEJCA0kFzkwMRIQACAAEAAgABAAIAAREAAhIBMRND4DMzIXFxUjNTU0JiMGBxEUMzYnNTMVFA4DIyImJzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZIAhQjUDeTIweKGBkvAjE1BIoCFSNONVZgBgGyAnsBxf47/YX+PgQK/ev+gQF/AQsBDAF//GwCEwgbQzMrkzF9fRELIwI9/e0/Aj19fQgaRDMrYjEAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAQANf/wBjcF8gAHABEAHgApAO8AsgcBACu0CwUANAQrsgMDACu0EAUANAQrtB0fBwMNK7QdBQAxBCuwHDKyHR8KK7NAHRsJK7ESGjIytBQpBwMNK7QUBQAwBCsBsCovsAHWsQkQ6bAJELESASuxHhHpsB8ysB4QsSQBK7AbMrQWEAAsBCuxGhHpsBYQsQ0BK7EFEOmxKwErsDYausIj75sAFSsKsBsQsBzADrAaELAZwACwGS4BsRkcLi6wQBoBsRIJERKyBwIKOTk5sSQeERKwEDmxDRoRErIGCwM5OTkAsR0LERKyBQkAOTk5sB8RsA05sCkSsAg5sBQRsQQBOTkwMRIQACAAEAAgABAAIAAREAAhIBMRMzITFAYHEyMDIxERMzI2NjU0JiYjIzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZGxOcBITdql183LSstCgotKy0BsgJ7AcX+O/2F/j4ECv3r/oEBfwELAQwBf/u+A2/+/kxiL/5wAW3+kwHsKy8lJzErAAAAAAEBOQUjAscFxQADAB8AsAAvsQEG6bEBBukBsAQvsQABK7EDFumxBQErADAxATUhFQE5AY4FI6KiAAAAAAEBmgUZAtsF0QADABoAsAAvsQEJ6QGwBC+wANaxAhXpsQUBKwAwMQE3MwcBmmrXogUZuLgAAAAAAQAAAokA1wNtAAMAIgCwAC+xAQzpsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDERNTMV1wKJ5OQAAAAAAQGq/n8CVv+RAAYALACwBC+wBi+0AAYAGwQrAbAHL7AG1rECEemxAhHpsQgBKwCxBgQRErACOTAxBTMVByM3IwGqrC1oKD9vjYWFAAIAKf51Am0EYAAfACMAQQCyIQIAK7EgDOmwGy+xEgTpAbAkL7AA1rEPDumwDxCxBgsrsCAysQkO6bAiMrElASsAsSASERKzAAcVFiQXOTAxFzQ3PgI1ETMRFAYGBwYHBhYzFjY3Fw4DJy4DEzUzFSlQJyUvvjEvKSsKBiInL0YOswwsTHRCUnA0FL7XalKJP0CVRgEA/wBmu15GSCgbRAJjMVQhSFw7AgI/ZVIEDuPjAAAAAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQcAERKwCDmwBBG2AgEJCgsMDSQXOQCxAQwRErAPOTAxMxMhEyMDIwMDMxcjEzMDJyMHFOQBDuPXKdUoX9droASYQAYMBgXh+h8BM/7NBx+5+7cB2ycnAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQQHERK2AgEICQsMDSQXObADEbAKOQCxAQwRErAPOTAxMxMhEyMDIwMTNzMHAzMDJyMHFOQBDuPXKdUoOWrXoZKYQAYMBgXh+h8BM/7NBma5ufu3AdsnJwAAAAADABQAAALpBx8ABwAOABQAbQCyAAEAK7ADM7IBAwArtAYPAAENK7EGDOmwDi+wCzOxCQnpAbAVL7AA1rEHE+mwBxCxBAErsQMT6bEWASuxBwARErAIObAEEbcCAQkKDA4PECQXObADErALOQCxAQ8RErASObEJDhESsA05MDEzEyETIwMjAwM3MxcjJwcDMwMnIwcU5AEO49cp1ShnjdyNvT89D5hABgwGBeH6HwEz/s0GZrm5SEj7twHbJycAAAADABQAAALpBx8ABwAbACEAgwCyAAEAK7ADM7IBAwArtAYcAAENK7EGDOmwGC+xCwbpsBIysBUg1hGwCDOxDgbpAbAiL7AA1rEHE+mwBxCxBAErsQMT6bEjASuxBwARErEICTk5sAQRtwIBCw0VGBwdJBc5sAMSsRITOTkAsQEcERKwHzmxGBURErATObAOEbAJOTAxMxMhEyMDIwMDNTYzMhYXMjY3NxUGIyImIyIGBxMzAycjBxTkAQ7j1ynVKDQxPCF0Hxk3Dg8zOh90IRk3DmyYQAYMBgXh+h8BM/7NBmCYJyUCEAgJmCcnEAn7tQHbJycABAAUAAAC6QcvAAcACwARABUAhACyAAEAK7ADM7IBAwArtAYMAAENK7EGDOmwCC+wEjOxCQrpsBMyAbAWL7AI1rELDumzBwsICCuxABPpsAAvsQcT6bALELESASuxFQ7pswQVEggrsQMT6bEXASuxCwcRErIBBgw5OTmwEhGxDxA5ObAEErICBQ05OTkAsQEMERKwDzkwMTMTIRMjAyMDAzUzFQMzAycjBxM1MxUU5AEO49cp1ShdvxuYQAYMBj2/BeH6HwEz/s0GZsnJ+7cB2ycnAm7JyQAABAAUAAAC6QdxAAcADwAVAB0ApACyAAEAK7ADM7IBAwArtAYQAAENK7EGDOmwDy+0GQUANgQrsB0vtAsFADYEKwGwHi+wCda0Fw8ALgQrsBAyswcXCQgrsQAT6bAAL7EHE+mwFxCxGwErsBEytA0PAC4EK7MEDRsIK7EDE+mxHwErsRcHERKxAQY5ObAbEbQLDg8KFCQXObAEErECBTk5ALEBEBESsBM5sR0ZERKzCQwNCCQXOTAxMxMhEyMDIwMCNDYyFhQGIgMzAycjBwIUFjI2NCYiFOQBDuPXKdUoBVt/WFh/D5hABgwGPi86Ly86BeH6HwEz/s0GpHtSUntS+8sB2ycnAwY5Kys5KwAAAAACABAAAAQjBeEADwATAKkAsgwBACuxAA8zM7EJDOmyAgMAK7ABM7EEDOm0DhAMAg0rsQ4M6bQFCAwCDSuxBQ3pAbAUL7AA1rEPE+mwDxCxDQErsBEysQkT6bAEMrIJDQors0AJAgkrsAoysA0QsQcW6bEVASuwNhq6PWrt/wAVKwqwABCwAcAOsA8QsBPABbMODxMTK7MQDxMTKwMAsBMuAbMBDhATLi4uLrBAGgCxBAURErASOTAxMwEhFSERMxUjESEVIREjAxMzESMQAaQCb/7jzc0BHf4G41qdoAoF4eP+dfL+YuMBM/7NAh0CAgACAET+fwKRBfIALQA0AG8AsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwNS+wANaxGBPpsDEysBgQsR8BK7AOMrEjDumwDDKxNgErsRgAERKzBikuLyQXObAfEbUHFSgwMzQkFzmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJxMVMwczNzVEBB44ead5OB4CAs4CBAsOIxpGCAQnIykrzgQeOHmneTgeAsZAKWgtATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyD+f42FhY0AAAIAUgAAAkwHHwALAA8AVwCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwEC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysREBK7EJABESsQwPOTmwBxGxDQ45OQAwMTMRIRUhETMVIxEhFQEzFyNSAfr+483NAR3+I9dqoAXh4/518v5i4wcfuQAAAAACAFIAAAJMBx8ACwAPAFsAsgABACuxCQzpsgEDACuxBAzptAUIAAENK7EFDekBsBAvsADWsQsX6bACMrEJE+mwBDKxBxbpsQsX6bADMrERASuxCQARErAMObAHEbENDzk5sAsSsA45ADAxMxEhFSERMxUjESEVATczB1IB+v7jzc0BHf6gateiBeHj/nXy/mLjBma5uQAAAAIAUgAAAkwHHwALABIAcACyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6bASL7APM7ENCekBsBMvsADWsAwysQsX6bECDzIysQkT6bAEMrEHFumxCxfpsAMysRQBK7EJABESsQ0SOTmwBxGyDhAROTk5ALENEhESsBE5MDEzESEVIREzFSMRIRUBNzMXIycHUgH6/uPNzQEd/giN2469Pz4F4eP+dfL+YuMGZrm5SEgAAAMAUgAAAkwHLwALAA8AEwBvALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3psAwvsBAzsQ0K6bARMgGwFC+wANaxCxfpsAIysQkT6bAEMrEHFumwBxCwEyDWEbEQDumwEC+xEw7psAAQsQsX6bADMrAMM7EPDumxFQErADAxMxEhFSERMxUjESEVATUzFTM1MxVSAfr+483NAR3+Er9ivgXh4/518v5i4wZmycnJyQAAAAL/+gAAAT8HHwADAAcAKgCyBAEAK7IFAwArAbAIL7AE1rEHE+mwAjKxCQErsQcEERKxAQM5OQAwMQMzFyMDETMRBtdqnzrdBx+5+ZoF4fofAAAAAAIAUgAAAZgHHwADAAcAKgCyAAEAK7IBAwArAbAIL7AA1rAEMrEDE+mxCQErsQMAERKxBQc5OQAwMTMRMxEDNzMHUt3Za9eiBeH6HwZmubkAAv++AAABtAcfAAYACgA8ALIHAQArsggDACuwBi+wAzOxAQnpAbALL7AH1rEKE+mxDAErsQoHERKzAgEEBiQXOQCxAQYRErAFOTAxAzczFyMnBwMRMxFCjtuNvEA9Md0GZrm5SEj5mgXh+h8AA//LAAABqgcvAAMABwALAEUAsgQBACuyBQMAK7AAL7AIM7EBCumwCTIBsAwvsATWsQcT6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vj3dPb4GZsnJ+ZoF4fofBmbJyQAAAgAUAAACuAXhABUAIABkALITAQArsRYL6bIEAwArsRwL6bQBABMEDSuwHzOxAQzpsB0yAbAhL7AU1rACMrEWE+mwHDKzDBQADiu0HxUADAQrsBYQsRkBK7ENFOmxIgErALEAFhESsAw5sRwBERKwCzkwMRM1MxEzMh4FEA4FIyMREzI2AxImIxEzFSMUPq5af2I+JxIGBhInPmJ/Wq7ddTECAjF1VFQCj+QCbhgrXGO0rv7lrrJiXCsZAo/+TqIBcwFzn/5v5AACAFIAAALXBx8ADwAjAKcAsgABACuwCTOyAQMAK7AHM7AgL7ETBumwGjKwHSDWEbAQM7EWBukBsCQvsADWsQ8O6bACMrAPELEFASuwCjKxCQ7psSUBK7A2GrrCR+8TABUrCg6wDBCwC8CxAxn5sATAALMDBAsMLi4uLgGzAwQLDC4uLi6wQBoBsQ8AERKxEBE5ObAFEbMTFR0gJBc5sAkSsRobOTkAsSAdERKwGzmwFhGwETkwMTMRMxMXMzURMxEjAycjFREDNTYzMhYXMjY3NxUGIyImIyIGB1LF1xIMy8XXEgxOMTshdR8ZNg8OMzkfdSEZNg8F4fzwRkYDEPofAxBGRvzwBmCYJyUCEAgJmCcnEAkAAAAAAwBE//ACkQcfABcAGwArAE0AshMBACuxIAvpsgcDACuxKAvpAbAsL7AA1rEcE+mwHBCxIwErsQ0T6bEtASuxHAARErMGExgbJBc5sCMRsBk5sA0SsgcSGjk5OQAwMRMRND4DMh4CFxcRFA4DIi4CJxMzFyMTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgIz12qfBgIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gBg25+s8MJT03HRoDdwwlPjgaHQADAET/8AKRBx8AFwAbACsATQCyEwEAK7EgC+myBwMAK7EoC+kBsCwvsADWsRwT6bAcELEjASuxDRPpsS0BK7EcABESsgYTGDk5ObAjEbAZObANErMHEhobJBc5ADAxExE0PgMyHgIXFxEUDgMiLgInEzczBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtdq16KbAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5+s8MJT03HRoDdwwlPjgaHQAAAAADAET/8AKRBx8AFwAeAC4AYgCyEwEAK7EjC+myBwMAK7ErC+mwHi+wGzOxGQnpAbAvL7AA1rEfE+mwHxCxJgErsQ0T6bEwASuxHwARErMGExgZJBc5sCYRsRweOTmwDRKzBxIaGyQXOQCxGR4RErAdOTAxExE0PgMyHgIXFxEUDgMiLgInEzczFyMnBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAiuN2428QD0MAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5SEj6zwwlPTcdGgN3DCU+OBodAAAAAwBE//ACkQcfABcAKwA7AHMAshMBACuxMAvpsgcDACuxOAvpsCgvsRsG6bAiMrAlINYRsBgzsR4G6QGwPC+wANaxLBPpsCwQsTMBK7ENE+mxPQErsSwAERK0BhMYGygkFzmwMxGwHTmwDRKzBxIiJSQXOQCxKCURErAjObAeEbAZOTAxExE0PgMyHgIXFxEUDgMiLgInEzU2MzIWFzI2NzcVBiMiJiMiBgcTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgJeMTshdR8ZNg8OMzkfdSEZNg9vAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFTpgnJQIQCAmYJycQCfrNDCU9Nx0aA3cMJT44Gh0AAAQARP/wApEHLwAXABsAKwAvAIYAshMBACuxIAvpsgcDACuxKAvpsBgvsCwzsRkK6bAtMgGwMC+wANaxHBPpsBwQsBsg1hGxGA7psBgvsRsO6bAcELEjASuxDRPpsCwg1hGxLw7psTEBK7EYABESsBY5sBwRsRMGOTmxLBsRErMfICcoJBc5sS8jERKxEgc5ObANEbAKOQAwMRMRND4DMh4CFxcRFA4DIi4CJxM1MxUDFBYWMjY1NxE0JiYiBhUHEzUzFUQEHjh5p3k4HgICBB44ead5OB4CNb4YAiVFJQICJUUlAnu+ATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVUycn6zwwlPTcdGgN3DCU+OBodAbrJyQADADv/7AKRBfYAHwAoADAA4ACyHAEAK7EAHzMzsSQL6bIMAwArsQ8QMzOxLAvpAbAxL7AF1rEgE+mwKTKwIBCxJwErsSgqMjKxFhPpsBAysTIBK7A2Gro8+OyLABUrCrAALrAQELEPIfmwABCxHyH5uj0r7SsAFSsLsAAQswEADxMrsw4ADxMrsB8QsxEfEBMrsx4fEBMrBLMoHxATK7AAELMpAA8TK7IBAA8giiCKIwYOERI5sA45sh4fEBESObAROQC1AQ4RHigpLi4uLi4uAbYAAQ4PER4fLi4uLi4uLrBAGgGxJyARErEcDDk5ADAxFzcmJjUnETQ+AzMyFzczBxYWFRcRFA4DIyInBxMUFhYyNjU3EQcTJiciBhUHOy8SEgIEHjh5U1xCD3otFBcCBB44eVRgPw9lAiVFJQKTkwhCIyQCFJ0lVhkYA3cMLXFWRisvlidaGhn8iQwtcVZFKy8BSQwlPTcdGgHoRgHfZAE4Gh0AAAAAAgBQ//ACngcfABcAGwAmALIGAQArsRIL6QGwHC+wANaxFRPpsR0BK7EVABESsQUYOTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESMTMxcjUAQfN3moeTcfAgLdAyRGJQLdQddroAE1DC1xVkVDYF8gIwSs+1QMJT03HRoErAE+uQACAFD/8AKeBx8AFwAbACQAsgYBACuxEgvpAbAcL7AA1rEVE+mxHQErsRUAERKwBTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESM3NzMHUAQfN3moeTcfAgLdAyRGJQLd42vXogE1DC1xVkVDYF8gIwSs+1QMJT03HRoErIW5uQAAAAIAUP/wAp4HHwAXAB4ARACyBgEAK7ESC+mwHi+wGzOxGQnpAbAfL7AA1rEVE+mxIAErsRUAERKyBRgZOTk5ALEeEhESsgwWFzk5ObAZEbAdOTAxExQeAzI+Ajc3ESMRFAYGIiY1JxEjNzczFyMnB1AEHzd5qHk3HwIC3QMkRiUC3S2N2469Pz4BNQwtcVZFQ2BfICMErPtUDCU9Nx0aBKyFublISAAAAAMAUP/wAp4HLwAXABsAHwB4ALITAQArsQcL6bIBAwArsAszsBgvsBwzsRkK6bAdMgGwIC+wANaxAxPpsAMQsBsg1hGxGA7psBgvsRsO6bADELEKASuxDRPpsBwg1hGxHw7psSEBK7EYABESsBY5sAMRsBM5sRwbERKxBwY5ObEfChESsBI5ADAxExEzERQWFjI2NTcRMxEUDgMiLgInEzUzFTM1MxVQ3QIlRiQD3QQfN3moeTcfAjW/Yr4BNQSs+1QMJT03HRoErPtUDC1xVkVDYF8gBVTJycnJAAACABAAAAKwBx8ACwAPADMAAbAQL7AA1rELE+mwCxCxBgErsQUT6bERASuxBgsRErUBAwQMDQ8kFzmwBRGwDjkAMDETExEzERMjAwcjJwM3NzMHEOLd4dlvBgQGbxVq16EF4fyg/X8CgQNg/h8ODgHhhbm5AAIAUgAAArQF4QAKABEAUwCyAAEAK7IBAwArtAkLAAENK7EJDOm0BBEAAQ0rsQQM6QGwEi+wANaxChPpsQILMjKwChCxDgErsQcT6bETASsAsQsJERKwBzmxBBERErAGOTAxMxEzFTMyFhAGIxERMjY1NCYjUtsCpt/fpmZAQmQF4fHT/iDV/pgCSlqBg2YAAAEAQgAAAqgF8gAjAH4AsgABACuwEDOyBAMAK7EgCemyGgIAK7QZBgAbBCuyCAIAKwGwJC+wANaxIw7psCMQsRUBK7ELDumwHSDWEbQHDgA3BCuyHQcKK7NAHRAJK7AZMrElASuxHSMRErAEObEHFRESsAk5ALEZABESsAs5sBoRsAk5sCASsAc5MDEzETQ2MzIWFRQHFhEUDgIjNTI2NjU0JiYjNTI2NTQmIyIVEUKNi4WJWJgpXHFYLTMfHzMtIzMrK0oE03ukonttQVj+cLbpdynBM6yfqrM3jUIzLTdm+y0AAAMAMf/wAmgF0QAlACkAMQCJALIdAQArsiMBACuxLArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSwF6QGwMi+wANaxKg7psBEg1hGxEA7psCoQsR8BK7EGLzIysRoO6bEzASuxKhERErEjJjk5sBARsCk5sB8SswUVICckFzmwGhGxHSg5OQCxCiwRErMAGBowJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhMzFyMDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrNddroAw5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgFabj8CmgBJx0BHz4AAAAAAwAx//ACaAXRACUALQAxAIkAsh0BACuyIwEAK7EoCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xKAXpAbAyL7AA1rEmDumwESDWEbEQDumwJhCxHwErsQYrMjKxGg7psTMBK7EmERESsCM5sBARsC45sB8SswUVIC8kFzmwGhGyHTAxOTk5ALEKKBESswAYGiwkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImNxQXMjY1EQYTNzMHMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwxr16IBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeLtoAScdAR8+Azq4uAAAAAADADH/8AJoBdEAJQAsADQAoACyHQEAK7IjAQArsS8K6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EvBemwLC+wKTOxJwnpAbA1L7AA1rEtDumwESDWEbEQDumwLRCxHwErsQYyMjKxGg7psTYBK7EtERESsiMmJzk5ObAQEbAsObAfErMFFSArJBc5sBoRsx0oKSokFzkAsQovERKzABgaMyQXObEnLBESsCs5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM3MxcjJwcDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrKY3cjb0/PRs5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsbi4R0f8CmgBJx0BHz4AAAAAAwAx//ACaAXXACUAOQBBAK4Ash0BACuyIwEAK7E8CumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xPAXpsDYvsSkG6bAwMrAzINYRsCYzsSwG6QGwQi+wANaxOg7psBEg1hGxEA7psDoQsR8BK7EGPzIysRoO6bFDASuxOhERErMjJik2JBc5sR8QERKyBRUgOTk5sBoRsx0rMDMkFzkAsQo8ERKzABgaQCQXObE2MxESsDE5sCwRsCc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM1NjMyFhcyNjc3FQYjIiYjIgYHExQXMjY1EQYxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7a14xPCF0Hxk3Dg8zOh90IRk3Dl45IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsZcnJQIRCAiYJycQCPwCaAEnHQEfPgAABAAx//ACaAXhACUAKQAxADUArQCyHQEAK7IjAQArsSwK6bInAwArsDMzsSYK6bAyMrIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EsBekBsDYvsADWsSoO6bAqELApINYRsSYO6bAmL7EpDumwDzKwKRCxEQ7psBEvsCoQsR8BK7IGLzIyMjKxGg7psTUO6bE3ASuxKiYRErAjObEfKRESswUKFSAkFzmwNRGwHTkAsQosERKzABgaMCQXOTAxEzQ+Azc1NTQjIg4CFRUjNTQ2MzIWFRERFBcjJicjBgYjIiYTNTMVAxQXMjY1EQYTNTMVMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2s1vyk5IzOPi78BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeASxyMj8CmgBJx0BHz4DOsjIAAQAMf/wAmgGHQAlAC0ANQA9AMwAsh0BACuyIwEAK7EwCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xMAXpsC0vtDkFADYEK7A9L7QpBQA2BCsBsD4vsADWsS4O6bA2MrARINYRsRAO6bAuELQnDwAuBCuwJy+wLhCxHwErsQYzMjKxGg7pszsaHwgrtCsPAC4EK7E/ASuxLicRErAjObAQEbEoLTk5sB8StgUVIDg5PD0kFzmwOxGyHSksOTk5ALEKMBESswAYGjQkFzmxPTkRErMnKismJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhI0NjIWFAYiAxQXMjY1EQYSFBYyNjQmIjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztri1t/WFh/GzkjM48OLzovLzoBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeAToe1JSe1L8JWgBJx0BHz4DyzkrKzkrAAAAAAMAMf/wA6IEcQA2AD4ASQDHALI0AQArsDAzsTkK6bI0AQArsSUI6bIlNAors0AlKAkrshQCACuwGDOxCQjpsEUysgkUCiuzQAkQCSu0Px40FA0rsT8G6QGwSi+wANaxNw7psBAg1hGxDw7psDcQsTwBK7AGMrEgDumwPzKwIBCxJwErsEAysSoO6bAcMrFLASuxNxARErA0ObE8DxESsQUUOTmwIBGxFjI5ObAnErAwOQCxJTQRErAyObEeORESsQA3OTmwPxGwPTmwCRKwBTmwFBGwFjkwMRM0PgM3NTQjIg4CFRUjNTQ2MzIXNjcyFxYXESEVFRQeAjM2NzUzFRQOAyMiJwYjIiY3FBcyNjURBiUzNTQmJiMiBgcHMURiYk4EORQZCgTPoXVUREJgxzQOAf6qCA4hFUYDwQQdMW9LnkRmdztryzkjM48BUJUCJSIhJwICAQRqolY8KRB7ZhIvGyInL3uwNDMBxTMp/rrzDQgnHRgKZ3qBDCdiTj2Dg3i7aAEnHQEfPs2eDCc/OR0cAAAAAgBC/n8CVARxABsAIgBqALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsCMvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysSQBK7EPABESshwdHzk5ObAUEbIDHiA5OTmwFxKxISI5OQAwMRMRECEyFhUVIzU0JiMiBxEUMzI2NTUzFRQGIwQXFTMHMzc1QgEIiYHPGCM5ATojGM+Bif74rD8paS0BOwHqAUyOtFiHMyda/aRaJzOcbbSNAV6NhYWNAAMAQv/wAlgF0QAkACgAMwBoALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxLwjptCkNHwcNK7EpBukBsDQvsADWsQ4O6bApMrAOELEWASuwKjKxGQ7psAsysTUBK7EOABESsCU5sBYRswcfJigkFzmwGRKwJzkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzMXIwMzNTQmJiMiBgcHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAiLXa6AGlgIlIyEnAgIBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8E2bj9k54MJz85HRwAAAADAEL/8AJYBdEAJAAvADMAZACyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsSsI6bQlDR8HDSuxJQbpAbA0L7AA1rEODumwJTKwDhCxFgErsCYysRkO6bALMrE1ASuxFg4RErMHHzAxJBc5sBkRsTIzOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwcTNzMHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAr6WAiUjIScCAgZr16IBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8BtJ4MJz85HRwBz7i4AAADAEL/8AJYBdEAJAArADYAfgCyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsTII6bQsDR8HDSuxLAbpsCsvsCgzsSYJ6QGwNy+wANaxDg7psCwysA4QsRYBK7AtMrEZDumwCzKxOAErsQ4AERKxJSY5ObAWEbMHHykrJBc5sBkSsScoOTkAsSYrERKwKjkwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTNzMXIycHAzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCDI3bjr0/PgqWAiUjIScCAgEXAjMMJ2ZOQMUzKf668w0IJx0YCmd6gQwnYk49PVZWHwQhuLhHR/2TngwnPzkdHAAAAAAEAEL/8AJYBeEAJAAoADMANwCGALIfAQArsRQI6bIUHwors0AUFwkrsiYDACuwNTOxJQrpsDQysgcCACuxLwjptCkNHwcNK7EpBukBsDgvsADWsQ4O6bApMrAOELAoINYRsSUO6bAlL7EoDumwDhCxFgErsCoysRkO6bALMrA0INYRsTcO6bE5ASuxNCgRErIHHy85OTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzUzFQMzNTQmJiMiBgcHEzUzFUIEHDRuSsc1Dv6qCA8gFUYEwAQdMW5MSm8xHAIWvxeWAiUjIScCAnm+ARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfBCHIyP2TngwnPzkdHAHPyMgAAAL/3wAAASEF0QADAAcAHQABsAgvsADWsQIV6bEJASuxAgARErEEBTk5ADAxAzMXIwMzESMh12ugL8/PBdG4+ucEYAAAAgBSAAABkwXRAAMABwAdAAGwCC+wBNaxBhXpsQkBK7EGBBESsQABOTkAMDEzMxEjNTczB1LPz2rXoQRgubi4AAL/vgAAAbQF0QAGAAoALwCwBi+wAzOxAQnpAbALL7AA1rEDF+mxDAErsQMAERKxBwg5OQCxAQYRErAFOTAxAzczFyMnBwMzESNCjtuNvEA9Kc/PBRm4uEdH+ucEYAAAAAP/ywAAAaoF4QADAAcACwBHALIEAQArsgEDACuwCTOxAArpsAgysgUCACsBsAwvsATWsQcO6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vjfPNb4FGcjI+ucEYPugBRnIyAAAAAACAEz/8AJeBfgAHwAxAG0AshoBACuxJQjpsgwDACuyAwIAK7EuCOkBsDIvsADWsTEO6bAxELEnASuxFA7psTMBK7ExABEStAMICQshJBc5sCcRtgUKDBogKS4kFzmwFBKxDio5OQCxAy4RErAFObAMEbQHCA4QESQXOTAxExEQMzIXJicHJzcnNxYXNxcHFhURFA4DIyIuAjU2Bh4CMzY3ESI2LgIjBgcRTKw/XAwnUjdkLW0ZHF44ZX0CHTNsTEpuMhzCBAgNHhVGAgIECA0fFkQCARcCQwEXTm1eSD9YQmQbIlJCWMn1/XAMJ2JOPT1WVh8fFyMhFgpnAjMWIyEYCmj9zQAAAAACAFIAAAJkBdcAEgAmAH8AsgABACuwCzOyAQIAK7IHAgArsQ8K6bAjL7EWBumwHTKwICDWEbATM7EZBukBsCcvsADWsRIO6bACMrASELEMASuxCw7psSgBK7ESABESshMWIzk5ObAMEbAYObALErIHHSA5OTkAsQEPERKwAzmxIyARErAeObAZEbAUOTAxMxEzFTc2NjMyFhURIxE0IyIHEQM1NjMyFhcyNjc3FQYjIiYjIgYHUs8gHkkhTE/OMikajjE8IXUeGTcODzM6H3QhGTcOBGBeIB4xilH8agN3MTX8jQUZlyclAhEICJgnJxAIAAAAAwA///ACUgXRABcAGwAtAE8AshIBACuxIQjpsgcCACuxKgjpAbAuL7AA1rEtDumwLRCxIwErsCYysQwO6bEvASuxLQARErAYObAjEbQSGRsHJSQXObAMErEOGjk5ADAxExE0PgMzMhcWFREUDgMjIi4CNRMzFyMQBh4CMzY3ESI2LgIjBgcRPwMcMW9KxzUOAh0zbUtKbzEcINdroAQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBNm4+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF0QAXACkALQBLALISAQArsR0I6bIHAgArsSYI6QGwLi+wANaxKQ7psCkQsR8BK7AiMrEMDumxLwErsR8pERK0EgchKiskFzmwDBGyDiwtOTk5ADAxExE0PgMzMhcWFREUDgMjIi4CNTYGHgIzNjcRIjYuAiMGBxETNzMHPwMcMW9KxzUOAh0zbUtKbzEcwgQIDB8VRgECBAgMHxZEAgJr16IBFwIzDCdmTkDFMyn9wAwnYk49PVZWHx8XIyEWCmcCMxYjIRgKaP3NBAK4uAAAAAMAP//wAlIF0QAXAB4AMABlALISAQArsSQI6bIHAgArsS0I6bAeL7AbM7EZCekBsDEvsADWsTAO6bAwELEmASuwKTKxDA7psTIBK7EwABESsRgZOTmwJhG0EhweBygkFzmwDBKyDhobOTk5ALEZHhESsB05MDETETQ+AzMyFxYVERQOAyMiLgI1EzczFyMnBwIGHgIzNjcRIjYuAiMGBxE/Axwxb0rHNQ4CHTNtS0pvMRwMjduOvT8+BgQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBCG4uEdH+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF1wAXACsAPQB4ALISAQArsTEI6bIHAgArsToI6bAoL7EbBumwIjKwJSDWEbAYM7EeBukBsD4vsADWsT0O6bA9ELEzASuwNjKxDA7psT8BK7E9ABESshgbKDk5ObAzEbMSHQc1JBc5sAwSsg4iJTk5OQCxKCURErAjObAeEbAZOTAxExE0PgMzMhcWFREUDgMjIi4CNRM1NjMyFhcyNjc3FQYjIiYjIgYHEgYeAjM2NxEiNi4CIwYHET8DHDFvSsc1DgIdM21LSm8xHEExPCF0Hxk3Dg4zOR91IBk3D3MECAwfFUYBAgQIDB8WRAIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhlyclAhEICJgnJxAI+/YXIyEWCmcCMxYjIRgKaP3NAAQAP//wAlIF4QAXABsALQAxAHgAshIBACuxIQjpshkDACuwLzOxGArpsC4ysgcCACuxKgjpAbAyL7AA1rEtDumwLRCwGyDWEbEYDumwGC+xGw7psC0QsSMBK7AmMrEMDumwLiDWEbExDumxMwErsS4bERKyEgcqOTk5sCMRsCU5sQwxERKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1EzUzFQIGHgIzNjcRIjYuAiMGBxETNTMVPwMcMW9KxzUOAh0zbUtKbzEcGL8VBAgMHxVGAQIECAwfFkQCeb4BFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhyMj7/hcjIRYKZwIzFiMhGApo/c0EAsjIAAAAAwA//7ICUgSuAB0AIwApATQAshUBACuxJgjpshcBACuyBwIAK7EhCOkBsCovsADWsR4O6bMYHgAIK7QZDwAuBCuwGS+0GA8ALgQrsB4QsSgBK7ApMrEPDumzCg8oCCu0Cw8ALgQrsSsBK7A2Gro95+/AABUrCgSwGS6wCy6wGRCxGCL5sAsQsQoi+bo99u/6ABUrC7AZELMJGQoTK7AYELMMGAsTKwWzFxgLEyu6Pfbv+gAVKwuwGRCzGhkKEysEsx4ZChMruj327/oAFSsLsx8ZChMrsBgQsyQYCxMrBLMpGAsTK7IaGQogiiCKIwYOERI5sB85sAk5siQYCxESObAMOQBACwkKCwwYGRoeHyQpLi4uLi4uLi4uLi4BtQkMFxofJC4uLi4uLrBAGgGxGQARErEDHDk5sSgeERKxFQc5OQAwMRMRND4DMzIXNzMHFhcRFA4DIyInByM3JiYnNxMmBwYHExYzNjcRPwMcMW9KMzcVSx5YBgIdM21LOS4UUB8pLwLAfRIlRAIQECZGAQEXAjMMJ2ZOQBNQeVSR/cAMJ2JOPRBOeSd1J8YB5iMBCmj9ex8KZwGTAAAAAgBO//ACYAXRABIAFgBXALILAQArshABACuxBQrpsgECACuwCDMBsBcvsADWsQMO6bADELELASuwBzKxCg7psRgBK7EDABESshATFjk5ObALEbAUObAKErAVOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJhMzFyNOzzEpGs/PHx5KIUxPI9dqoMsDlfyJMTYDcvugXiAeMIkFWLgAAAACAE7/8AJgBdEAEgAWAFcAsgsBACuyEAEAK7EFCumyAQIAK7AIMwGwFy+wANaxAw7psAMQsQsBK7AHMrEKDumxGAErsQMAERKxEBM5ObALEbAUObAKErEVFjk5ALEFCxESsAw5MDE3ETMRFDMyNxEzESM1BwYGIyImEzczB07PMSkaz88fHkohTE/Ea9eiywOV/IkxNgNy+6BeIB4wiQSguLgAAAIATv/wAmAF0QASABkAbgCyCwEAK7IQAQArsQUK6bIBAgArsAgzsBkvsBYzsRQJ6QGwGi+wANaxAw7psAMQsQsBK7AHMrEKDumxGwErsQMAERKzEBMUGSQXObALEbAYObAKErIVFhc5OTkAsQULERKwDDmxFBkRErAYOTAxNxEzERQzMjcRMxEjNQcGBiMiJhM3MxcjJwdOzzEpGs/PHx5KIUxPEI7bjbxAPcsDlfyJMTYDcvugXiAeMIkEoLi4R0cAAAADAE7/8AJgBeEAEgAWABoAbwCyCwEAK7IQAQArsQUK6bIUAwArsBgzsRMK6bAXMrIBAgArsAgzAbAbL7AA1rEDDumwFTKwAxCxEw7psBMvsAMQsQsBK7EHFzIysQoO6bEaDumxHAErsQMTERKwEDmwCxGwBTkAsQULERKwDDkwMTcRMxEUMzI3ETMRIzUHBgYjIiYTNTMVMzUzFU7PMSkaz88fHkohTE8cv2K/ywOV/IkxNgNy+6BeIB4wiQSgyMjIyAAAAgAZ/m8CYgXRABIAFgBBALAGL7EFCekBsBcvsADWsRIO6bASELENASuxDA7psRgBK7ESABESsgEFCDk5ObANEbITFBY5OTmwDBKwFTkAMDETExQGBycVFjMyNjcTIwMHIycDNzczBxm+SD0xRhZzmxHGylIECQRSBGvXogRg+39EbgYEuAS+fwS0/VA5OQKwubi4AAIAUv5/AmQF4QARAB0AVwCyDAEAK7EVBOmyAQMAK7IFAgArsRsE6bAALwGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVDBESsBA5sQUbERKwAzkwMRMRMxE2MzIWFREUBiMiJicnEREUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJ/5/B2L+NlqKUf01UoktFhf+NQJ3GSsnHQJ0HScnHQAAAAADABn+bwJiBeEAEgAWABoAegCyFAMAK7AYM7ETCumwFzKyAAIAK7AGM7AML7ENCekBsBsvsBPWsRYO6bAWELABINYRsQAO6bAAL7EBDumwFhCxBgErsQcO6bAXINYRsRoO6bEcASuxEwARErEMDTk5sAERsBI5sRcWERKxAgU5OQCxAA0RErADOTAxEzMTFzM3EzMDBgYjJzUWMzY2NQM1MxUzNTMVGcpSBAkEUsrGEJxzXBAhPUiJvmO+BGD9UDk5ArD7TH++BLgEBm9DBTrIyMjIAAEAUgAAASEEYAADACEAsgABACuyAQIAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8EYPugAAAAAAEAKQAAAm0F4QANAEwAsgwBACuxCQrpsgMDACsBsA4vsAzWsAIysQkT6bAEMrIJDAors0AJBwkrs0AJCwkrsAkQsQEV6bABL7EPASsAsQMJERKxAA05OTAxEzU3ETMRNxUHESEVIREpQd55eQEl/f0CMd00Ap/+DV7dX/29zQJkAAAAAAEAHwAAAbYF4QALADkAsgoBACuyAwMAKwGwDC+wCtawAjKxCQ7psAQysgkKCiuzQAkHCSuyCgkKK7NACgEJK7ENASsAMDETNTcRMxE3FQcRIxEfZM9kZM8CMd1OAoX+HU7dTvzfAn8AAgBEAAADrgXhABcAJgBcALIRAQArsQ8M6bIRAQArsRwE6bIIAwArsQoM6bIIAwArsSIE6bQLDhEIDSuxCw3pAbAnL7AA1rEYE+mwGBCxHwErsQ8T6bAKMrENFumxKAErsRgAERKwFjkAMDETETQ+AzMhFSERMxUjESEVISIuAic3FBYWMjY1NxEmJyIGFQdEBB44eVMCRP7jzc0BHf28VHg4HgLbAiVFJQIGRCMkAgE1A3cMK2tQQ+P+dfL+YuM/XVohHgwlPTcdGgOFYAE4Gh0AAAADAD//8AOoBHEAKgA8AEYAnwCyJQEAK7AhM7EwCOmwFjKyMCUKK7NAMBkJK7IHAgArsAszsTkI6bBDMrQ9ESUHDSuxPQbpAbBHL7AA1rE8DumwPBCxMgErsRIO6bA9MrASELEYASuwPjKxGw7psA8ysUgBK7EyPBESsyUHNDkkFzmwEhGyCSM1OTk5sBgSsCE5ALEwJRESsCM5sBERsDw5sTk9ERKwMzmwBxGwCTkwMRMRND4DMzIXNjcyFxYVESEVFBYWMzY3NTMVFA4DIyInBiMiLgI1NgYeAjM2NxEiNi4CIwYHEQEzNTQmJiMiBhU/Axwxb0pqQkJoxzUO/qoIJR9GA8EEHTFvS2pARGZKbzEcwgQIDB8VRgECBAgMHxZEAgFQlQIkIyshARcCMwwnZk5APDsBxTMp/rr6ECkxCmd6gQwnYk49OTk9VlYfHxcjIRYKZwIzFiMhGApo/c0BlZ4MJz9LIQACACX/7wKaBx8AMAA3AIUAsisBACuxAwrpshIDACuxGgrpsDcvsTIJ6bA0MgGwOC+wD9axHBPpsAAg1hGxARPpsBwQsQUBK7AYMrEpE+mwFzKxOQErsQEPERKxMTc5ObAcEbAKObAFErMDGjI0JBc5sCkRsiQ1Njk5OQCxGgMRErUAAQ8XGCkkFzmxMjcRErAzOTAxEzcQMzI3NC4DJy4CNTQ2NzYeAhUHNCMGFxQeBhceAhUQJSIuAxMzFzczByMl2WhaAREvG08JQkk/j5FehDsZ2VlMAQgMGRAnEjAISj1I/sxSeEQnDD+9PUC8jdsBphT/AKYdPVYpdQ5gfK5Li9QCAkqBfUoU2QKUEisjMx07G0MNb2K0TP6FATNMenEFxUhIuQAAAAIAJf/wAk4F0QAoAC8AmgCyIwEAK7EDB+myAyMKK7NAAwAJK7IQAgArsRgH6bIYEAors0AYFgkrsC8vsSoJ6bAsMgGwMC+wC9awKTKxGg7psAAg1hGxAQ7psBoQsQUBK7AWMrEgDumwFTKxMQErsQELERKxCC85ObAaEbAqObAFErQDByMrLCQXObAgEbIeLS45OTkAsRgDERKxCx85ObEqLxESsCs5MDETMxQzMic0Jy4CNTQ+Ajc2HgIVIzQjBgcUFhYXFhcUBiMiLgMTMxc3MwcjJcBhSAGBRD1DGDZmSFZwMRHBQz8BLystvgGBh0htPSUKHbw9QLyN2wFGqodKfEJCiUw3Ylw4AgI4Zlg7gwKBIVAtK7age7gxR2NQBLZISLgAAAAAAwAQAAACsAcvAAsADwATAG8AsgoBACuyAAMAK7AGM7AML7AQM7ENCumwETIBsBQvsADWsQET6bABELEKASuxCRPpsw8JCggrsQwO6bAML7EPDumwCRCxBgErsQcT6bAQINYRsRMO6bEVASuxEA8RErEEAzk5ALEAChESsAM5MDETMxMXMzcTMwMRIxEDNTMVMzUzFRDZbwYEBm/Z4d2BvmK/BeH+Hw4OAeH8oP1/AoED5cnJyckAAAIAFAAAAl4HHwAJABAAUQCyAAEAK7EHC+myBAMAK7EDC+mwEC+xCwnpsA0yAbARL7EAASuxCRjpsAUysRIBK7EJABESsgcKDjk5OQCxAwcRErEBBjk5sQsQERKwDDkwMTM1ASE1IRUBIRUBMxc3MwcjFAFb/tcCGP6gAWD9+rw+P72N3O4EGNvb+9XbBx9ISLkAAAACAAwAAAIOBdEACQAQAFEAsgABACuxBwnpsgQCACuxAwnpsBAvsQsJ6bANMgGwES+wANaxDhfpsRIBK7EOABESsQUKOTkAsQcAERKwATmxBAMRErAGObELEBESsAw5MDEzNQEjNSEVASEVATMXNzMHIwwBHfABy/7jAR3+Fbw9QLyN26gC/Lyo/QS8BdFISLgAAAAAAQEEBRkC+gXRAAYAKQCwAC+wAzOxAQnpsQEJ6QGwBy+wANaxAxfpsQgBKwCxAQARErAFOTAxATczFyMnBwEEjdyNvT89BRm4uEdHAAEBBAUZAvoF0QAGACwAsAYvsQEJ6bADMrEBCemwBDIBsAcvsADWsQQX6bEIASsAsQEGERKwAjkwMQEzFzczByMBBL09P72N3AXRSEi4AAAAAQEfBRcC4QXVAA8AJwCwDC+0AwYAGwQrAbAQL7AA1rEIFumxEQErALEDDBESsQAIOTkwMQE3FjMyNjc3Fw4CIyImJwEfbilKIzsMDWoKI3c9P3EZBXdeLxgNCl4KITUxGAAAAAEBmAUSAmYF4QADACkAsgEDACuxAArpsgEDACuxAArpAbAEL7AA1rEDDumxAw7psQUBKwAwMQE1MxUBmM4FEs/PAAAAAgFmBP4CmAYdAAcADwBSALAHL7QLBQA2BCuwDy+0AwUANgQrAbAQL7AB1rQJDwAuBCuwCRCxDQErtAUPAC4EK7ERASuxDQkRErMDBgcCJBc5ALEPCxESswEEBQAkFzkwMQA0NjIWFAYiJhQWMjY0JiIBZlt+WVl+DS86Ly86BVB7UlJ7Uqw5Kys5KwABAVz+fwKmAAAAEQA/ALIDAQArsg8AACu0CwYAGwQrAbASL7AA1rQIEAAdBCuxEwErsQgAERKwAzkAsQsPERKwDTmwAxGxAAw5OTAxBTQ3NzMOAhUUFjI3BwYjIiYBXH8IYwofND5SLRA3MmBx02hlBggdWispJROKEmYAAQE5BRICxwXXABMAOACwEC+xAwbpsAoysA0g1hGwADOxBgbpAbAUL7EAASuxCxbpsRUBKwCxEA0RErALObAGEbABOTAxATU2MzIWFzI2NzcVBiMiJiMiBgcBOTE8IXQfGTcODzM6H3QhGTcOBRmXJyUCEQgImCcnEAgAAAIA1wUZA0gF0QADAAcAMQCwAC+wBDOxAQnpsAUysQEJ6bAGMgGwCC+wANaxBhjpsQkBK7EGABESsQIEOTkAMDETNzMHMzczB9dr16KPa9eiBRm4uLi4AAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoCiQLdA0wAAwAiALAAL7EBBOmxAQTpAbAEL7EAASu0AxgADQQrsQUBKwAwMRM1IRVKApMCicPDAAABAEoCiQODA0wAAwAXALAAL7EBBOmxAQTpAbAEL7EFASsAMDETNSEVSgM5AonDwwABADED9AEIBeEABgAtALICAwArtAANAAkEKwGwBy+wANaxBhPpsQYT6bEIASuxBgARErEDBDk5ADAxEzUTMwMzFTFxZkdHA/TjAQr+9uMAAAEALQP0AQQF4QAGAC4AsgMDACu0AA0ACQQrAbAHL7AA1rACMrEFE+mxBRPpsQgBK7EFABESsAE5ADAxExMjNTMVAy1ISNdxA/QBCuPj/vYAAQAt/vYBBADjAAYALACwBS+0AQ0ACQQrAbAHL7AF1rAAMrEDE+mxAxPpsQgBK7EDBRESsAY5ADAxMzUzFQMjEy3XcWZI4+P+9gEKAAIANQP0AjsF4QAGAA0AUwCyAgMAK7AJM7AGL7AHM7EEDOmwCzIBsA4vsADWsQYT6bADMrAGELEHASuxDRPpsAoysQ8BK7EGABESsAQ5sQ0HERKwCzkAsQQGERKxAQg5OTAxEzUTMwMzFTM1EzMDMxU1cWZHR1hxZkdHA/TjAQr+9uPjAQr+9uMAAAAAAgA1A/QCOwXhAAYADQBbALIDAwArsAozsQIM6bAIMrICAwors0ACBgkrsAcyAbAOL7AC1rAAMrEFE+mwBRCxCQErsAcysQwT6bEPASuxBQIRErABObEMCRESsAg5ALEDAhESsQUMOTkwMRMTIzUzFQMzEyM1MxUDNUhI13DISEjXcAP0AQrj4/72AQrj4/72AAAAAAIANf72AjsA4wAGAA0AWwCyAAEAK7AHM7EBDOmwCDKyAAEKK7NAAAQJK7ALMrIDAQArsgoBACsBsA4vsADWsAUysQMT6bADELEHASuwDDKxChPpsQ8BK7EDABESsAY5sQoHERKwDTkAMDEzNTMVAyMTMzUzFQMjEzXXcGdI59dwZ0jj4/72AQrj4/72AQoAAAEAUgI1AkYEKQALACgAsAkvtAMNAAkEK7QDDQAJBCsBsAwvsADWsQYX6bEGF+mxDQErADAxEzQ2MzIWFRQGIyImUpFrZpKSZmqSAzFmkpFnapKSAAMANQAAA48A4wADAAcACwBFALIAAQArsQQIMzOxAQzpsQUJMjKyAAEAK7EBDOkBsAwvsADWsQMT6bADELEEASuxBxPpsAcQsQgBK7ELE+mxDQErADAxMzUzFTM1MxUzNTMVNddr12rX4+Pj4+PjAAABADX/8ALuBfIAPQC0ALI3AQArsSoL6bIqNwors0AqLwkrsg0DACuxGwvpshsNCiuzQBsTCSu0AAE3DQ0rsCIztAAGABsEK7AkMrQFBDcNDSuwIDO0BQYAGwQrsB4yAbA+L7A81rECBjIysSYT6bEdITIysiY8CiuzQCYkCSuwHzKyPCYKK7NAPAAJK7AEMrAmELEuASuwFDKxMQ7psBIysT8BK7EmPBESsQw3OTmwLhGyDRs2OTk5sDESsBA5ADAxEzUzNSM1MzU0PgMyHgIXFxUjNSI2LgIjBgcVMxUjFTMVIxUUFhYzMjY1NzUzFRQOAyIuAicnNTVra2sEHzd5qHg4HgMCzwIECg8jGkYI6enp6QQnIykpAs8FHjh4qHk3HwICAiOJiYnuDC1xVkZEXmAjIVRUFyAhFwpl7omJie4MJT03HRpUVAwtcVZFQ2BfICPuAAAAAAIASgM1A1gF4QAHABUAjgCyAQMAK7EJDTMzsQAF6bADMrIAAQors0AABgkrsggPEjIyMgGwFi+wBtaxBRDpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7AFELEIASuxFQ/ptAoQAC0EK7AVELETASu0Eg8AHgQrsBIQsRABK7EPD+mwDxC0DRAALQQrsA0vsRcBK7ESExESsQsMOTkAMDETNSEVIxEjEQERMxMzEzMRIxEDIwMRSgFBaHEBBopDBkSJaE4zUAV5aGj9vAJE/bwCrP7BAT/9VAHB/j8Bwf4/AAAAAQBKAokCvgM1AAMAHwCwAC+xAQfpsQEH6QGwBC+xAAErsQMY6bEFASsAMDETNSEVSgJ0AomsrAABAAAAAARgBGAAAwAAESERIQRg+6AEYPugAAAAAQAUAAACsgXwAB8AZACyHgEAK7AZM7IKAwArsA0zsREJ6bIBAgArsBczsQAJ6bAbMgGwIC+wHtawAjKxHQ7psBYysh4dCiuzQB4ACSuwHRCxGgErsRkO6bEhASuxGh0RErEKETk5sBkRsQ8OOTkAMDETNTM1ND4EMzIWFxcVJiMiDgIVFSERIxEjESMRFGkCDCE1XD4hSRUUKUUfJwwCAWbPl88DprofLTFpP0gjCQQCuAwlTx0nHfugA6b8WgOmAAAAAAEAFAAAArIF8AAfAGoAsh4BACuwEDOyCgMAK7EUCemyAQIAK7AZM7EACemwGzIBsCAvsB7WsAIysR0O6bAYMrIdHgors0AdGwkrsh4dCiuzQB4ACSuwHRCxEQErsRAO6bEhASuxER0RErAKOQCxFAERErASOTAxEzUzNTQ+BDMyFhcXMxEjESYiDgIVFTMVIxEjERRpAgwhNVw+IUkVFKTPJT0nDAJoaM8DprofLTFpP0gjCQQC+h8FMQQlTx0nHbr8WgOmAAAAAAALAIoAAwABBAkAAAB4AAAAAwABBAkAAQAQAHgAAwABBAkAAgAOAIgAAwABBAkAAwAOAJYAAwABBAkABAAgAKQAAwABBAkABQAeAMQAAwABBAkABgAQAHgAAwABBAkACgCWAOIAAwABBAkACwBoAXgAAwABBAkADQCeAeAAAwABBAkADgA0An4ARwBlAG4AZQByAGEAdABlAGQAIABpAG4AIAAyADAAMAA5ACAAYgB5ACAARgBvAG4AdABMAGEAYgAgAFMAdAB1AGQAaQBvAC4AIABDAG8AcAB5AHIAaQBnAGgAdAAgAGkAbgBmAG8AIABwAGUAbgBkAGkAbgBnAC4AbABvAGEAZAB0AGUAcwB0AFIAZQBnAHUAbABhAHIAdwBlAGIAZgBvAG4AdABsAG8AYQBkAHQAZQBzAHQAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAxAEIAYQBzAGUAZAAgAG8AbgAgAEwAZQBhAGcAdQBlACAARwBvAHQAaABpAGMAIABiAHkAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUALAAgAG0AbwBkAGkAZgBpAGUAZAAgAGIAeQAgAEoAbwBoAG4AIABEAGEAZwBnAGUAdAB0AGgAdAB0AHAAOgAvAC8AdwB3AHcALgB0AGgAZQBsAGUAYQBnAHUAZQBvAGYAbQBvAHYAZQBhAGIAbABlAHQAeQBwAGUALgBjAG8AbQAvAGwAZQBhAGcAdQBlAC0AZwBvAHQAaABpAGMAQQBsAGwAIABmAG8AbgB0AHMAIABmAHIAbwBtACAAVABoAGUAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUAIABhAHIAZQAgAHMAdQBiAGoAZQBjAHQAIAB0AG8AIAB0AGgAZQAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAgAAAAAAAP9nAGYAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgACEAIgAjACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQA+AD8AQABBAEIAQwBEAEUARgBHAEgASQBKAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0AXgBfAGAAYQECAKMAhACFAJYAjgCLAQMAigDaAI0AwwDeAKIArQDJAMcArgBiAGMAkABkAMsAZQDIAMoAzwDMAM0AzgDpAGYA0wDQANEArwBnAJEA1gDUANUAaADrAO0AiQBqAGkAawBtAGwAbgCgAG8AcQBwAHIAcwB1AHQAdgB3AOoAeAB6AHkAewB9AHwAoQB/AH4AgACBAOwA7gC6ANcA4gDjALAAsQDkAOUAuwDmAOcA2ADhANsA3ADdAOAA2QDfAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQCyALMAtgC3AMQAtAC1AMUAhwCrARIBEwEUAIwA7wEVARYBFwd1bmkwMEEwB3VuaTAwQUQHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMTAHdW5pMjAxMQpmaWd1cmVkYXNoB3VuaTIwMkYHdW5pMjA1RgRFdXJvB3VuaUUwMDAHdW5pRkIwMQd1bmlGQjAyAAAAAQAB//8ADwAAAAEAAAAAyYlvMQAAAADGp3m3AAAAAMrhKHcAAQAAAAwAAAAWAAAAAgABAAEA3wABAAQAAAABAAAAAAABAAAACgAuADwAAkRGTFQADmxhdG4AGAAEAAAAAP//AAAABAAAAAD//wABAAAAAVRTVDEACAAAAAEAAAABAAQAAQAAAAEACAACAA4ABABEADMANgBWAAEABAAkACkALAAvAAA=);
+}
+
+body {
+  margin: 20px;
+  font-size: 100px;
+  font-family: serif;
+}
+p { margin: 0; padding: 0; }
+</style>
+<script type="text/javascript">
+function clearwait()
+{
+  window.top.document.documentElement.removeAttribute("class");
+}
+
+function dostuff()
+{
+  var el = document.getElementById("main");
+  el.style.fontFamily = "test";
+  setTimeout(clearwait, 20);
+}
+window.onload = dostuff;
+</script>
+</head>
+<body id="main">
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-data-ref.html b/layout/reftests/font-face/src-list-data-ref.html
new file mode 100644
index 0000000000..e951b27076
--- /dev/null
+++ b/layout/reftests/font-face/src-list-data-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(data:font/opentype;base64,AAEAAAARAQAABAAQRkZUTVsSEWAAAJ4kAAAAHEdERUYAJwDlAACeQAAAAB5HU1VCDlgOGAAAnmAAAABiT1MvMpP6Q0QAAAGYAAAAYGNtYXA989mHAAAFeAAAAjJjdnQgEIcRvwAAC2QAAABGZnBnbQ+0L6cAAAesAAACZWdhc3AAAAAQAACeHAAAAAhnbHlmIlooQgAADXAAAIxIaGVhZPrvmbwAAAEcAAAANmhoZWENaQTiAAABVAAAACRobXR4XGQ3gAAAAfgAAAN+bG9jYdufulYAAAusAAABwm1heHAB/QGYAAABeAAAACBuYW1lJoFCmQAAmbgAAAHOcG9zdIn/7pAAAJuIAAACknByZXDMcRRIAAAKFAAAAU4AAQAAAAEAALQyfd5fDzz1AB8IAAAAAADK4Sh3AAAAAMrmJtf/vv4ABjcHcQAAAAgAAgAAAAAAAAABAAAHcf3YAAAGbP++/74GNwABAAAAAAAAAAAAAAAAAAAA3wABAAAA4ABWAAUAAAAAAAIAAQACABYAAAEAAT4AAAAAAAICNgGQAAUAAAWaBTMAAAEfBZoFMwAAA9EAZgIAAAAAAAAAAAAAAAAAgAAAJ0AAAEoAAAAAAAAAAHB5cnMAQAAg+wIF4f3hAAAHcQIoAAAAAQAAAAAEYAXhAAAAIAACATsAAAAAAAACqQAAATsAAAGDAEoBSQA5BNAAMQK0ACUD6QA3A1YAMQE1AC0CMQBCAjEAKQKlAEoEJABKATUALQG8AEoBQQA1AtAACALUAEQB2wAZAtsANwKuAC0CrAAZAsAASgK8AEICTQAIArgANQK8ADkBagBKAWoASgQiAEoEIgBKBCIASgKFABkDaABCAv0AFALpAFICxABEAvkAUgJ0AFICaABSAuEAQwMKAFIBgQBSAacADAMAAFICXABSA98AUgMoAFIC1ABEAtAAUgLZAEQC4wBSAr4AJQKHAAQC7QBQAswAEgQMABkC4QAQArwADgJyABQCGgBSAxgACAIaADkETQA1BLoASgQAASUCqQAxAq4AUgKFAEICrgBKApMAQgHbABQCvAAMArIAUgFyAFIBbP/TAoEAUgFyAFID/QBSArIAUgKRAD8CrgBSAq4ASgH3AFICdgAlAfUAFAKyAE4CWgAQA4kAFAJqABACegAZAhQADAKwAD0BZABSArAAOQUAAHEBOwAAAYMASgJ8AEIDMQAEAtAAGQQAARAGbAA1AbwASgZsADUEAAE5BAABmgDXAAAEAAGqAoUAKQL9ABQC/QAUAv0AFAL9ABQC/QAUAv0AFARLABACxABEAnQAUgJ0AFICdABSAnQAUgGR//oBkQBSAXL/vgF0/8sC+QAUAygAUgLUAEQC1ABEAtQARALUAEQC1ABEAtQAOwLtAFAC7QBQAu0AUALtAFACwAAQAtQAUgLdAEICqQAxAqkAMQKpADECqQAxAqkAMQKpADED3QAxAoUAQgKTAEICkwBCApMAQgKTAEIBcv/fAXIAUgFy/74BdP/LAqEATAKyAFICkQA/ApEAPwKRAD8CkQA/ApEAPwKRAD8CsgBOArIATgKyAE4CsgBOAnoAGQKuAFICegAZAXIAUgJ0ACkB1AAfA9cARAPjAD8CvgAlAnYAJQLAABACcgAUAhQADAP9AQQD/QEEBAABHwP9AZgD/QFmBAABXAQAATkEAADXA7gAAAdwAAADuAAAB3AAAAJ6AAAB2wAAAT0AAAE9AAAA7QAAAXwAAABoAAABvABKAbwASgG8AEoDJgBKA8wASgE1ADEBNQAtATUALQJwADUCcAA1AnAANQKXAFIDxAA1AXwAAAHbAAADLQA1A6kASgMIAEoEYAAAAwQAFAAUAAAAAAADAAAAAwAAABwAAQAAAAABLAADAAEAAAAcAAQBEAAAAEAAQAAFAAAAfgCjAKUAqQCvALQAuADWAPYA/wExAUIBUwFhAXgBfgLHAt0gCiAUIBogHiAiICYgLyBfIKwhIiIS4AD7Av//AAAAIACgAKUAqACtALQAtwC/ANgA+AExAUEBUgFgAXgBfQLGAtggACAQIBggHCAiICYgLyBfIKwhIiIS4AD7Af///+P/wv/B/7//vP+4/7b/sP+v/67/ff9u/1//U/89/zn98v3i4MDgu+C44LfgtOCx4KngeuAu37neyiDdBd0AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMEBQYHCAkKCwwNDg8QERITFBUWFxgZGhscHR4fICEiIyQlJicoKSorLC0uLzAxMjM0NTY3ODk6Ozw9Pj9AQUJDREVGR0hJSktMTU5PUFFSU1RVVldYWVpbXF1eX2BhAHR1d3mBhouQj5GTkpSWmJeZmpybnZ6goqGjpaSop6mqAABkZQDWAI5qaNtsZwB2hwAAAABmAAAAAAAAAAAAlaZvYwAAAAAAAADXYnBzhbGyzs/T1NDRAACttQDaAADe3wBt0tUAcnpxe3h9fn98g4QAgomKiK64vmu6u7xuv725AACwACywABNLsCpQWLBKdlmwACM/GLAGK1g9WUuwKlBYfVkg1LABEy4YLbABLCDasAwrLbACLEtSWEUjWSEtsAMsaRggsEBQWCGwQFktsAQssAYrWCEjIXpY3RvNWRtLUlhY/RvtWRsjIbAFK1iwRnZZWN0bzVlZWRgtsAUsDVxaLbAGLLEiAYhQWLAgiFxcG7AAWS2wByyxJAGIUFiwQIhcXBuwAFktsAgsEhEgOS8tsAksIH2wBitYxBvNWSCwAyVJIyCwBCZKsABQWIplimEgsABQWDgbISFZG4qKYSCwAFJYOBshIVlZGC2wCiywBitYIRAbECFZLbALLCDSsAwrLbAMLCAvsAcrXFggIEcjRmFqIFggZGI4GyEhWRshWS2wDSwSESAgOS8giiBHikZhI4ogiiNKsABQWCOwAFJYsEA4GyFZGyOwAFBYsEBlOBshWVktsA4ssAYrWD3WGCEhGyDWiktSWCCKI0kgsABVWDgbISFZGyEhWVktsA8sIyDWIC+wBytcWCMgWEtTGyGwAVlYirAEJkkjiiMgikmKI2E4GyEhISFZGyEhISEhWS2wECwg2rASKy2wESwg0rASKy2wEiwgL7AHK1xYICBHI0ZhaoogRyNGI2FqYCBYIGRiOBshIVkbISFZLbATLCCKIIqHILADJUpkI4oHsCBQWDwbwFktsBQsswBAAUBCQgFLuBAAYwBLuBAAYyCKIIpVWCCKIIpSWCNiILAAI0IbYiCwASNCWSCwQFJYsgAgAENjQrIBIAFDY0KwIGOwGWUcIVkbISFZLbAVLLABQ2MjsABDYyMtAAAAuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYALAEIEWwAytEsAkgRbIEeQIrsAMrRLAIIEWyCU8CK7ADK0SwByBFsgg6AiuwAytEsAYgRbIHJQIrsAMrRLAFIEWyBhACK7ADK0SwCiBFsgSYAiuwAytEsAsgRbIKLwIrsAMrRLAMIEWyCy4CK7ADK0SwDSBFsgwaAiuwAytEAbAOIEWwAytEsBEgRbIOGQIrsQNGditEsBAgRbIRDwIrsQNGditEsA8gRbIQPwIrsQNGditEsBIgRboADn//AAIrsQNGditEsBMgRbISVAIrsQNGditEsBQgRbITNgIrsQNGditEsBUgRbIUDgIrsQNGditEsBYgRbIVCgIrsQNGditEsBcgRbIWCQIrsQNGditEsBggRbIXBwIrsQNGditEWbAUKwAA/n8AAARgBeEAwwBgAKIArAC0ALoAywDbAOMA8gDPAF4AewCgAM8A3QDlATUBqgH6AkoAmgDSAJwAngDZAKUAvACQAHYASgAAAAAAAAAAAAAAAAA0AFIBKAGiAmIDCgMyA2gDngPSBBQEOgRYBHgErAUMBUIFlAY+BooHAgd4B6QIMAimCNAI/gkcCT4JXAmsCkwKkAr+C3ILvAv2DCoMsAzmDQQNNg2eDcQOQA6QDvAPMg+mEAQQgBCwEPYRLBGKEkwSihK+EuoTHhNQE3ATiBOiFCQUfhTSFS4VoBXsFrIW9hcgF2QXrBfKGDYYeBjoGUIZnBnOGkoamBrcGxIblBwYHFockBzwHQodah2yHbId5h40HuQfdB+iIF4gfCFCIWAhfCGaIcAiGiJoIrgjGCOSI/4khiT+JYAlyiYWJnAmyib0JxwnUieOJ/IofijoKVQpzipgKuwrqCvoLCgsfCzqLSQtbC3eLmwu+i+YMEww8DGwMnoy4jNiM+A0cDUENSY1RjV2NbQ2ODayNyA3jDgKOKA5KDoGOlg6qjsMO247uDwUPH48nDzePRI9fD4wPsQ/WD+0P/5ASEBuQJZAyEDqQTBBbkGsQdhB2EHYQdhB2EHYQdhB2EHYQdhB2EHYQfZCFEIyQlBCaEKQQrhC3kMkQ25DtkPgRBhEGEQYRMRFNEVQRV5FwEYkAAAAAgBKAAABOQXhAAMABwBAALIEAQArsQUM6bIAAwArAbAIL7AE1rAAMrEHE+mwATKzAgcECCuxAxDpsAMvsQIQ6bEJASsAsQAFERKwAjkwMRMzAyMDNTMVSu83gSvXBeH7tf5q4+MAAAABADkDugEQBeEAAwAfALIAAwArtAMNAAgEKwGwBC+wA9axAhHpsQUBKwAwMRMzAyM51x6aBeH92QAAAAACADEAAASgBeEAGwAfATsAshoBACuyFRYZMzMzsgcDACuyCAsMMzMztAABGgcNK7MCERwdJBczsQAE6bMUFxgbJBcytAUEGgcNK7MDEB4fJBczsQUE6bMGCQoNJBcyAbAgL7Aa1rEZDumwGRCxBwErsQgO6bAIELEWASuxFQ7psBUQsQsBK7EMDumxIQErsDYauj9a9uoAFSsKuj9r92UAFSsKsBoQswIaBxMrswMaBxMrswYaBxMrsBkQswkZCBMrsBYQswoWCxMrsBUQsw0VDBMrsxAVDBMrsxEVDBMrsxQVDBMrsBYQsxcWCxMrsBkQsxgZCBMrsBoQsxsaBxMrsBkQsxwZCBMrsBYQsx0WCxMrsx4WCxMrsBkQsx8ZCBMrA0AQAgMGCQoNEBEUFxgbHB0eHy4uLi4uLi4uLi4uLi4uLi6wQBoAMDETNzMTIzczEzMDIRMzAzMHIwMzByMDIxMhAyMTNyETITEbxiXEGsU5xTkBBDnFOsEbwCW+Gr87xTz++zvFPN8BBCX+/AG2wwECwgGk/lwBpP5cwv7+w/5KAbb+SgG2wwECAAEAJf8pAo8GXAAzAF4AAbA0L7AQ1rEdDumwACDWEbEBDumwHRCxMQErsBIysTAQ6bAUMrAwELEFASuwGDKxLQ7psBcysTUBK7EQABESsDM5sR0BERKwAjmxMDERErAKObEtBRESsCc5ADAxEzcWFzI3NC4EJy4CNRI3NTMVFhMHJiYHBgcUHgQXHgcVAgcVIzUmJcAMdVgFERYrGTcIREJLBNN7ySLABiwrUAQRFC0XOwkGNRQvFSEODATxe+wBZg26AbkdPTFIIkwMXGO4TgElMYN9F/79GTlGAgKgHT8tSiFUCgpMHEopRjVEHv6uH9ndKQAFADf/8AO0BfIAFAAYACYAOwBHAKsAshUBACuyOAEAK7Q+BQA1BCuyFgMAK7IHAwArtCIFADQEK7RDLjgHDSu0QwUAMwQrtBsSOAcNK7QbBQAzBCsBsEgvsADWsRkQ6bAZELEeASuxDBDpsAwQsScBK7E8EOmwPBCxQAErsTIQ6bFJASuxGQARErEDFTk5sB4RsxIHGyIkFzmwDBKxDhg5ObE8JxESsRYqOTmwQBGyOC5DOTk5sDISsRc0OTkAMDETETQ+AzMyFhcXERQOAyMiJxMBMwEDBjMyNjU1ETYjIgYVFQERND4DMzIXFxEUDgMjIiYnNwYXMicRNiMiBhUVNwIRHkItRlAEBAIRHkAtgRtjAimD/d11BCkQEwIlEhMBxQIQH0EufRwEAhAfPy1IUAR3BCklAwIkEhMDjwG1Bhg8LyVYKyv+SwYYPi0nh/yaBeH6HwOPNx0MDgG1NxsODvtaAbQGGT0tJ4cp/kwGGTswJFYtKzkBOgG0NxoPDgADADH/8AMtBfIAIwAuADwAlQCyIgEAK7AdM7EnBOmyDQMAK7E5B+kBsD0vsAXWsS8O6bAvELAkINYRsQAO6bAAL7EkDumwLxCxMwErtBEOADcEK7MXETMIK7EYEemwHDKxPgErsSQFERKxAyI5ObEzLxESsw0nKxMkFzmwFxGzFSAhKSQXObEYERESsBo5ALEnIhESsCA5sDkRtQADExwrMSQXOTAxEzQ2NyY1NTQ+BDMyFxYHFAMWFzY3FwYHFhcVIiYnBiAmNxYWMzI3JicOAhMUFzY3JjYuAiMiBhUxWFJqChApOFo5yzEOAs1MSCEOsBBMNyUXfjx7/v6u1QI3KztCWFYGEB0rN2QBAgQIDyAZJycBO3PHe+HZEgxEPkw3Jdc9NKL+8K5vYHMh1ZE/DetLQIvClEJUVoucCiV2AyJvh5xgAhstKR9MJQAAAAABAC0D9AEEBeEABgAuALIDAwArtAANAAkEKwGwBy+wANawAjKxBRPpsQUT6bEIASuxBQARErABOQAwMRMTIzUzFQMtSEjXcQP0AQrj4/72AAEAQv7XAggGNQAXABMAAbAYL7AB1rENDumxGQErADAxEhASNjY3NxcOAwIQEhYWFxcHLgNCO1hWHR6iCiNaRDc1TEwbGqIMJ2ROAfYBHgEr4LgvL1QONbC9/uH+5v7lxp4nJ1QSQMvTAAAAAAEAKf7XAfAGNQAXABMAAbAYL7AG1rESDumxGQErADAxFz4DEhACJiYnJzceAxIQAgYGBwcpCiNaRDc1TEwaG6IMJ2ROQDxYVh0e1Q42sLoBHwEaARvHnycnVBJAzNH+zv7i/tXfty8vAAAAAAEASgPnAlwF4QAOACoAsgMDACu0DA0ACQQrsAoyAbAPL7AA1rEHF+mxEAErALEDDBESsAs5MDETNxcnMwc3FwcXBycHJzdKK6QTmhOkK6xzg05Mg3ME45RGsLBGlCKKUJiYUIoAAAAAAQBKAS8D2wSPAAsAUgCwAC+wBzOxAQfpsAUysgABCiuzQAAKCSuyAQAKK7NAAQMJKwGwDC+wCtawAjKxCRHpsAQysgkKCiuzQAkHCSuyCgkKK7NACgAJK7ENASsAMDETNSERMxEhFSERIxFKAXKsAXP+jawCiawBWv6mrP6mAVoAAAAAAQAt/vYBBADjAAYALACwBS+0AQ0ACQQrAbAHL7AF1rAAMrEDE+mxAxPpsQgBK7EDBRESsAY5ADAxMzUzFQMjEy3XcWZI4+P+9gEKAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAEANQAAAQwA4wADACkAsgABACuxAQzpsgABACuxAQzpAbAEL7AA1rEDE+mxAxPpsQUBKwAwMTM1MxU11+PjAAABAAj/bQLJBeEAAwBJALIBAwArsAIzAbAEL7AA1rEDEemwAxCxAQErsQIR6bEFASuwNhq6PN3sNwAVKwoEsAEQsADAsAIQsAPAArEAAy4usEAaAQAwMRcBMwEIAh+i/eeTBnT5jAAAAAIARP/wApEF8gAXACcARACyEwEAK7EcC+myBwMAK7EkC+kBsCgvsADWsRgT6bAYELEfASuxDRPpsSkBK7EYABESsQYTOTmxDR8RErEHEjk5ADAxExE0PgMyHgIXFxEUDgMiLgInNxQWFjI2NTcRNCYmIgYVB0QEHjh5p3k4HgICBB44ead5OB4C2wIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gIwwlPTcdGgN3DCU+OBodAAAAAAEAGQAAAYkF4QALAD4AsgoBACuyBwMAK7QBAAoHDSu0AQYAGwQrAbAML7AK1rEJE+myCgkKK7NACgAJK7ENASuxCQoRErAHOQAwMRM1PgM3NzMRIxEZM1YzIwYGhd0EnI0KLTMwEA76HwScAAEANwAAAo8F8gAUAF0AsgABACuxEgvpsg8DACuxCQrpsgkPCiuzQAkMCSsBsBUvsAzWsAAysQsT6bALELEHASuxEBPpsBMysRYBK7ELDBESsAM5sAcRsBI5ALESABESsAE5sAkRsBA5MDEzNT4DEjc0IhUVIzUQIBEQASEVNw4yf2JUApPeAk7+pgFe2xdN5NUBDme4uGlpAYX+if6w/bDbAAAAAQAt//ACeQXyAEAApwCyFwEAK7EhBOmyIRcKK7NAIR0JK7IGAwArsT0E6bI9Bgors0A9QAkrtC8uFwYNK7EvCekBsEEvsALWsQAdMjKxQA7psB4ysEAQsSMBK7ERE+mwERCwDCDWEbE2E+mwNi+xDBPpsUIBK7FAAhESshsuLzk5ObA2EbUXBiEpKj0kFzmwIxKwJzmwDBGxDyY5OQCxLiERErARObAvEbAPObA9ErAMOTAxEzQ+AzMyHgMVEAcHFhEUDgMjIi4DNTMWFjMyNjU0Ni4FJyM1PgU9AjQuAiMiBgctBB85b1BOcjchBmoCfwYhN3NOUHA8IwbZAh8rLRkCAgYNGCM3IxMlMycXDAYCDB8YKRcCBC9GWo1UQj5QaDcX/t1qAmT+xhlDg2VNP1iJYz+WamVaEmAdRhYrDxACuAILEhkiLR0+Ky0vRSFingAAAAIAGQAAAqAF4QAKABAAWACyCQEAK7ICAwArtAoLCQINK7AEM7EKBOmwBjIBsBEvsAnWsAwysQgO6bADMrIICQors0AIBgkrsgkICiuzQAkACSuxEgErALELChESsAE5sAIRsA45MDETNQEzETMVIxEjESczETUjBxkBQ91nZ8qamg0MAUjCA9f8KcL+uAFIwgHXLS0AAAAAAQBK//ACiwXhACUAgQCyIAEAK7EFBOmyBSAKK7NABQAJK7IQAwArsRML6bQYCyAQDSuxGArpsgsYCiuzQAsPCSsBsCYvsA/WsAAysRQO6bAOMrIUDwors0AUEgkrsA8QsQIT6bAUELEIASuxHhPpsScBK7EUDxESsCQ5sQgCERKwIDkAsRgLERKwFDkwMRMzFRQWMzI2NRE0ByIGFSMRIRUhET4CFzIeAhURECEiLgNK3R0mJR9GITW6Ahf+qAgaRBlObisO/t9ObjshCAG2O3NYWm8BUG8BUB4DGNv+xwYSHQJQd1Ie/rD+dztUhWgAAgBC//ACgwXyAB0AKgBrALIaAQArsSEE6bIDAwArsQkE6bIJAwors0AJBgkrtA8oGgMNK7EPB+kBsCsvsADWsR4T6bAMMrAeELEkASuwBjKxFRPpsAQysSwBK7EeABESsBo5sCQRsA85sBUSsBk5ALEPKBESsA05MDETERAkERUjNCYjIgYVETYzMh4CFREUDgIiLgIXFBYzMjY1ETQmIgYHQgJB3RctJxw7M1BrLQ4QNH69fzMQ3SMgHyUlPSMCATUDWAFkAf6bXqJgSlr+9CVIclkr/s0pVnlNTXlWGBQwMRMBwhIyKRUAAAABAAgAAAI1BeEABgA0ALIFAQArsgEDACuxAAvpAbAHL7AF1rEEFOmyBAUKK7NABAMJK7EIASuxBAURErAGOQAwMRM1IRUDIxMIAi3d5eEFBtvd+vwFBgAAAwA1//ACgwXyACEALQA4AHgAsh0BACuxJQrpsgwDACuxNgTptDEsHQwNK7ExC+kBsDkvsAXWsAAysS4T6bEiE+mwLhCxKQErsDMysRcT6bARMrE6ASuxIgURErIDCB05OTmwLhGwCzmwKRKyDCUsOTk5sBcRsg8UHDk5OQCxMSwRErEUAzk5MDETNTQ3JjU1ND4DMh4DFRUUBxYVFRQOAyIuAzcWFjMyNjY1NCYiBhMUFjI2NTQmIyIGNXNmBCA2cpxzNSEEZ3MEITl3pHc5IQTXAh8vJSMIG2obDxhSGRkpJRoBQrC8bWaufxc1alA+PlBqNRd/rmZtvLAZN29SQUFSbzdxf2E8UlKYcnICLn9kZH9xXlgAAAIAOf/wAnsF8gAdACoAawCyHQEAK7EFBOmyBR0KK7NABQEJK7IWAwArsScE6bQLIR0WDSuxCwfpAbArL7AA1rAQMrECE+mwHjKwAhCxCAErsCMysRsT6bEsASuxAgARErAVObAIEbALObAbErAWOQCxIQsRErAJOTAxEzUzFBYzMjY1EQYjIi4CNRE0PgIyHgIVERAgExQWMjY3ETQmIyIGFTneFi0nHTs0UGotDxEzf7x/MxH9vt4kPiMCIyEfJAFUXqJgSloBGyVHc1grASUpVnlOTnlWKfyo/pwDSRIxKRQBuxQvMRIAAAAAAgBKAAABIQRgAAMABwAvALIAAQArsQEM6bIFAgArsQQM6QGwCC+wANawBDKxAxPpsAYysQMT6bEJASsAMDEzNTMVAzUzFUrX19fj4wN94+MAAAAAAgBK/vYBIQRgAAYACgAwALIIAgArsQcM6QGwCy+wBdaxAAcyMrEDE+mwCTKxAxPpsQwBK7EDBRESsAY5ADAxMzUzFQMjEwM1MxVK13FmR0fX4+P+9gEKA33j4wABAEoArgPZBQQABgATAAGwBy+wANaxBA7psQgBKwAwMRM1ARUBARVKA4/9RgK6AomgAdvH/pz+nMcAAAACAEoB3QPZBAwAAwAHABoAsAAvsQEH6bAEL7EFB+kBsAgvsQkBKwAwMRM1IRUBNSEVSgOP/HEDjwHdrKwBg6ysAAAAAAEASgCuA9kFBAAGABMAAbAHL7AC1rEGDumxCAErADAxNzUBATUBFUoCuv1GA4+uxwFkAWTH/iWgAAAAAAIAGQAAAlwF7AAfACMALQCyBQMAK7EcBOkBsCQvsBLWsCAysREO6bAhMrARELEZCyuxCg7psSUBKwAwMRM+AxceAxUUBw4CFREjETQ2Njc2NzYmIyYGBwMzNSMZDCtMdEJScDQUUCckML4xLykrCgYiJy9GDgTX1wTsIUdcPAMCP2RSJ1KJP0CWRf8AAQBmul5GSCkbQwJiMfto4wAAAAACAEL/8AMvBfIALQA3AKQAsikBACuxJAbpsgYDACuxHgfptBEwKQYNK7QRBgAbBCu0FjUpBg0rtBYGABsEKwGwOC+wANa0IQ4ANwQrsCEQsRMBK7EuEemwLhCxMgErsBoytAsOADcEK7E5ASuxEyERErEFHjk5sC4RsxEWJCkkFzmwMhKzBg0dJiQXObALEbAnOQCxJCkRErAnObAREbAmObAwErELDTk5sRY1ERKwGjkwMRMRND4CMh4CFREjJw4CIyI1ETQzMhYXFzU0JiIGFREUFjMyNxcGIyIuAgEUMzI1ETQjIhVCIk6c1ZtOI6QUBA87I5GRIzkLClrJWlhmdTOYbdNqnE4iAdUvMTEvAS8DeStmb0pKb2Yr/Oc4CBclrAHlqiIREC0za2sz/Ic1ZD9Wj0dtYgE3NTUBxzU1AAIAFAAAAukF4QAHAA0ASwCyAAEAK7ADM7IBAwArtAYIAAENK7EGDOkBsA4vsADWsQcT6bAHELEEASuxAxPpsQ8BK7EEBxESswIBCAkkFzkAsQEIERKwCzkwMTMTIRMjAyMDEzMDJyMHFOQBDuPXKdUoR5hABgwGBeH6HwEz/s0CHQHbJycAAAADAFIAAAK4BeEAEAAbACcAZwCyEAEAK7ERC+myAgMAK7EnC+m0HBsQAg0rsRwK6QGwKC+wANaxERPpsBwysBEQsRUBK7AhMrEOFOmxBQ7psSkBK7EVERESsBA5sAURsAg5ALEbERESsA45sBwRsAg5sCcSsAU5MDEzETMyFhUUBgceBBUQBScyNzY1NC4CIyM1Mj4DNC4DI1LCzcc7TgYUNikg/qozSiM3ITslGwgXFjogHR0gOhYXBeG22WqKQwIPN0yJVP5iDNsfN5JSaCUIywISJ1J3UicSAgAAAQBE//ACkQXyAC0AZgCyKQEAK7EcC+myHCkKK7NAHCEJK7IHAwArsRUL6bIVBwors0AVDQkrAbAuL7AA1rEYE+mwGBCxHwErsA4ysSMO6bAMMrEvASuxGAARErEGKTk5sB8RsgcVKDk5ObAjErAKOQAwMRMRND4DMh4CFxcVIzUiNi4CIwYHERQWFjMyNj0CMxUUDgMiLgInRAQeOHmneTgeAgLOAgQLDiMaRggEJyMpK84EHjh5p3k4HgIBNQN3DC1xVkZEXmAjIc/PFyAhFwpl/IkMJT03HRrPzwwtcVZFQ2BfIAAAAAIAUgAAArgF4QARAB0AOgCyEQEAK7ESC+myAgMAK7EdC+kBsB4vsADWsRIT6bASELEWASuxCxTpsR8BKwCxHRIRErEKCTk5MDEzETMyHgUQDgUjNzI3NhE0NDUQJyYjUq5af2I+JxIGBhInPmJ/Wi91GBcXGXQF4RgrXGO0rv7lrrJiXCsZ3VFLAUEbORsBQklQAAABAFIAAAJMBeEACwBFALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3pAbAML7AA1rELF+mwAjKxCRPpsAQysQcW6bELF+mwAzKxDQErADAxMxEhFSERMxUjESEVUgH6/uPNzQEdBeHj/nXy/mLjAAAAAAEAUgAAAmAF4QAJAEAAsgABACuyAQMAK7EEDOm0BQgAAQ0rsQUM6QGwCi+wANaxCRPpsAQysgkACiuzQAkDCSuzQAkHCSuxCwErADAxMxEhFSERMxUjEVICDv7Pzc0F4eP+deT9cQAAAQBD//ACkQXyACwAiwCyJAEAK7InAQArsRsE6bIHAwArsRML6bITBwors0ATDgkrtCAhJwcNK7EgCekBsC0vsADWsRcT6bAXELEeASuwDjKxIxPpsAwysCMQsSAV6bAgL7EuASuxFwARErAGObAgEbITGic5OTmwHhKxEhs5ObAjEbEHJTk5ALEbJBESsCU5sCARsCs5MDETETQ+AzIeAhcXFSM1NCYmIgYVBxEUFhYyNjU3ESM1IREjJwYjIicmNTREBB44ead5OB4CAt0CJUUlAgIlRSUCWAE1gxpGZssvCwE1A3cMLXFWRkReYCMh5+cMJT44Gh38dwwlPjgaHQEQu/0SSFjVMCkMAAEAUgAAArgF4QALAD8AsgABACuwBzOyAQMAK7AFM7QDCgABDSuxAwzpAbAML7AA1rELE+mwAjKwCxCxCAErsAQysQcT6bENASsAMDEzETMRMxEzESMRIxFS3azd3awF4f2SAm76HwKP/XEAAAEAUgAAAS8F4QADACEAsgABACuyAQMAKwGwBC+wANaxAxPpsQMT6bEFASsAMDEzETMRUt0F4fofAAAAAAEADP/wAWAF4QAPACwAsgABACuxAQvpsggDACsBsBAvsAfWsQoT6bIHCgors0AHAAkrsREBKwAwMRc1MhY+AjURMxEUBwYnIgwEESkeG91PRpgTDtkCBhIzJQSo+zaJVEoBAAABAFIAAALsBeEAEQCNALIAAQArsQoLMzOyAQMAK7AHMwGwEi+wANaxERPpsAIysBEQsQsBK7EKE+mxEwErsDYausGZ8coAFSsKDrALELANwLAKELAJwLANELMMDQsTK7IMDQsgiiCKIwYOERI5ALIJDA0uLi4BsgkMDS4uLrBAGgGxCxERErAHObAKEbAIOQCxAQARErAEOTAxMxEzERUzNxMzAxMjAycjBwcRUt0IC7jXy+bYmQYGDTMF4f4LGRkB9f4R/A4Cjx8fe/3sAAAAAQBSAAACVAXhAAUALACyAAEAK7EDCumyAQMAKwGwBi+wANaxAxPpsgMACiuzQAMFCSuxBwErADAxMxEzESEVUt0BJQXh+uzNAAAAAAEAUgAAA40F4QAVAKwAsgABACuxCQ8zM7IBAwArsAczAbAWL7AA1rEVDumwFRCxEAErsQ8P6bAPELEKASuxCQ7psRcBK7A2GrrAmfdIABUrCg6wEhCwEcCxAxv5sATAuj+B+BAAFSsKDrAFELAGwLEOHPmwDcAAtwMEBQYNDhESLi4uLi4uLi4BtwMEBQYNDhESLi4uLi4uLi6wQBoBsRAVERKwAjmxCg8RErAHOQCxAQARErAMOTAxMxEhExczNxMhESMRNSMHAyMDJyMVEVIBDoMLBAqDAQ7MDQiNXo4IDAXh/VBQUAKw+h8DskBA/E4DskBA/E4AAQBSAAAC1wXhAA8AZgCyAAEAK7AJM7IBAwArsAczAbAQL7AA1rEPDumwAjKwDxCxBQErsAoysQkO6bERASuwNhq6wkfvEwAVKwoOsAwQsAvAsQMZ+bAEwACzAwQLDC4uLi4BswMECwwuLi4usEAaAQAwMTMRMxMXMzURMxEjAycjFRFSxdcSDMvF1xIMBeH88EZGAxD6HwMQRkb88AAAAAIARP/wApEF8gAXACcARACyEwEAK7EcC+myBwMAK7EkC+kBsCgvsADWsRgT6bAYELEfASuxDRPpsSkBK7EYABESsQYTOTmxDR8RErEHEjk5ADAxExE0PgMyHgIXFxEUDgMiLgInNxQWFjI2NTcRNCYmIgYVB0QEHjh5p3k4HgICBB44ead5OB4C2wIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gIwwlPTcdGgN3DCU+OBodAAAAAAIAUgAAArQF4QAIAA8ASgCyAAEAK7ICAwArsQ8M6bQHCQACDSuxBwzpAbAQL7AA1rEIE+mwCTKwCBCxDAErsQUT6bERASsAsQkHERKwBTmxAg8RErAEOTAxMxEzMhYQBiMRETI2NTQmI1Ldpt/fpmZAQmQF4dP+IdX9pgM7W4GDZgAAAAIARP+NArwF8gAbACsAYgCyFgEAK7EgC+mzESAWCCuxEgnpsgcDACuxKAvpAbAsL7AA1rEcE+mwHBCxIwErsQ0T6bEtASuxHAARErEGGjk5sCMRsBY5sA0SsgcPFDk5OQCxERYRErAUObAgEbAPOTAxExE0PgMyHgIXFxEUBxYXFSInBiMiLgInNxQWFjI2NTcRNCYmIgYVB0QEHjh5p3k4HgICLSE3oEM3OFR4OB4C2wIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJXlgrCr11EkNgXyAjDCU9Nx0aA3cMJT44Gh0AAAACAFIAAAK6BeEACwAVAG4AsgABACuxBwgzM7ICAwArsRUL6QGwFi+wANaxCxPpsAwysAsQsREBK7AIMrEEDumxBxPpsRcBK7A2GrrBBvSYABUrCg6wCBCwCcCwBxCwBsAAsQYJLi4BsQYJLi6wQBoBALEVABESsQQMOTkwMTMRMyAREAcTIwMjEREyPgI0LgIjUt0BeXuN3XM7Hys7Hx87Kx8F4f5O/v5U/ScCe/2FA0gKJ2KYYicKAAAAAAEAJf/vApoF8gAzAGYAsi4BACuxAwrpshIDACuxHQrpAbA0L7AP1rEfE+mwACDWEbEBE+mwHxCxBQErsBsysSwT6bAaMrE1ASuxHwERErAKObAFEbIDFB05OTmwLBKwJzkAsR0DERK1AAEPGhssJBc5MDETNxAzMjc0LgMnLgI1NDY3MjMyFx4CFQc0IwYXFB4GFx4CFRAlIi4DJdloWgERLxtPCUJJP4+RBQVYPkI7GdlZTAEIDBkQJxIwCEo9SP7MUnhEJwwBphT/AKYdPVYpdQ5gfK5Li9QCIyWBfUoU2QKUEisjMx07G0MNb2K0TP6FATNMenEAAQAEAAACgwXhAAcAOgCyBgEAK7IBAwArsQAM6bADMgGwCC+wBtaxBRPpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7EJASsAMDETNSEVIxEjEQQCf9HdBP7j4/sCBP4AAAAAAQBQ//ACngXhABcAPwCyEwEAK7EHC+myAQMAK7ALMwGwGC+wANaxAxPpsAMQsQoBK7ENE+mxGQErsQMAERKwEzmxDQoRErASOQAwMRMRMxEUFhYyNjU3ETMRFA4DIi4CJ1DdAiVGJAPdBB83eah5Nx8CATUErPtUDCU9Nx0aBKz7VAwtcVZFQ2BfIAABABIAAAK6BeEACQA9ALIJAQArsgADACuwBjMBsAovsADWsQET6bABELEGASuxBxPpsQsBK7EGARESsQgJOTkAsQAJERKwAzkwMRMzExczNxMzAyMS128IDQhu1+XdBeH8xUBAAzv6HwAAAAABABkAAAP0BeEAFQBpALIVAQArsA4zsgADACuxBgwzMwGwFi+wANaxAQ7psAEQsQYBK7EHEemwBxCxDAErsQ0O6bEXASuxAQARErAVObAGEbAUObAHErEREjk5sAwRsA85sA0SsA45ALEAFRESsgMJETk5OTAxEzMTFzM3EzMTFzM3EzMDIwMnIwcDIxnMWAUQBl6gXgYRBFjNy6xmDQgMZ6wF4fzyMTEDDvzyMTEDDvofAslYWP03AAAAAAEAEAAAAtEF4QARAT4AsgABACuyCwwRMzMzsgIDACuyAwgJMzMzAbASL7AA1rACMrERE+mwAzKwERCxDAErsAgysQsT6bAJMrETASuwNhq6PP/soQAVKwq6wvXsxgAVKwq6wxPsaAAVKwuwAhCzAQIMEyuxAgwIsAAQswEACBMrusMQ7HEAFSsLsAMQswQDCxMrujzt7GgAFSsLsAAQswcACBMrusMQ7HEAFSsLsAMQswoDCxMrsQMLCLARELMKEQkTK7rDE+xoABUrC7ACELMNAgwTK7o87exoABUrC7ARELMPEQkTK7MQEQkTK7IHAAggiiCKIwYOERI5shARCRESObAPObIEAwsgiiCKIwYOERI5sg0CDBESOQC2AQQHCg0PEC4uLi4uLi4BtgEEBwoNDxAuLi4uLi4usEAaAQCxAgARErEFDjk5MDEzEwMzExczNxMzAxMjAycjBwMQ9PDaeAcIBnnZ8PTZfwQIBX8DFwLK/oMSEgF9/Tb86QHBEhL+PwABAA4AAAKuBeEACwBIALIKAQArsgADACuwBjMBsAwvsADWsQET6bABELEKASuxCRPpsAkQsQYBK7EHE+mxDQErsQkKERKxAwQ5OQCxAAoRErADOTAxEzMTFzM3EzMDESMRDtlvBgQGb9nh3QXh/h8ODgHh/KD9fwKBAAAAAQAUAAACXgXhAAkAOwCyAAEAK7EHC+myBAMAK7EDC+kBsAovsQABK7EJGOmwBTKxCwErsQkAERKwBzkAsQMHERKxAQY5OTAxMzUBITUhFQEhFRQBW/7XAhj+oAFg7gQY29v71dsAAAABAFL/KwHhBeEACAAzALIFAQArsQgE6bIBAwArsQQE6QGwCS+wCNaxBxbpsAIysQUO6bEGFumwAzKxCgErADAxFxEhFSMRMxUhUgGPysr+cRAF8cT608UAAQAI/0wDEAacAAMATQABsAQvsADWsQER6bABELEDASuxAhHpsQUBK7A2GrrDIew7ABUrCgSwAC6wAi6wABCxARn5sAIQsQMZ+QKzAAECAy4uLi6wQBoBADAxEzMBIwiiAmaoBpz4sAABADn/KwHJBeEACAA8ALIAAQArsQgE6bIEAwArsQME6QGwCS+wCNawAzKxBxbpsAcQsQEO6bABL7AHELEAFumwAC+xCgErADAxFzMRIzUhERUhOcvLAZD+cBAFLcT6D8UAAAAAAQA1AykEGQXhAAYAFQCyAQMAK7EFBukBsAcvsQgBKwAwMRMBMwEjAQE1AX3qAX3H/tX+1QMpArj9SAIf/eEAAAEASv66BHH/ZgADABcAsAMvsQAH6bEAB+kBsAQvsQUBKwAwMRchFSFKBCf72ZqsAAEBJQUZAmYF0QADABoAsAMvsQEJ6QGwBC+wANaxAhXpsQUBKwAwMQEzFyMBJddqnwXRuAACADH/8AJoBHEAJQAtAIAAsh0BACuyIwEAK7EoCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xKAXpAbAuL7AA1rEmDumwESDWEbEQDumwJhCxHwErsQYrMjKxGg7psS8BK7EmERESsCM5sR8QERKyBRUgOTk5sBoRsB05ALEKKBESswAYGiwkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImNxQXMjY1EQYxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7a8s5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXi7aAEnHQEfPgAAAAIAUv/wAmQF4QARAB0AWQCyAAEAK7IMAQArsRUE6bIBAwArsgUCACuxGwTpAbAeL7AA1rERDumxAhIyMrARELEXASuxCQ7psR8BK7EJFxESsQUMOTkAsRUAERKwEDmxBRsRErADOTAxMxEzETYzMhYVERQGIyImJycVNRQWMjY1ETQmIgYVUs9YTE5RUk0hUhkYJy0hIS0nBeH+NlqKUf01UoktFhdK9h0nJx0CdB0nKxkAAAEAQv/vAlQEcQAbAFQAshoBACuxEQnpshEaCiuzQBEVCSuyAwIAK7EMCemyDAMKK7NADAgJKwGwHC+wANaxDw7psA8QsRQBK7AIMrEXDumwBjKxHQErsRQPERKwAzkAMDETERAhMhYVFSM1NCYjIgcRFDMyNjU1MxUUBiMEQgEIiYHPGCM5ATojGM+Bif74ATsB6gFMjrRYhzMnWv2kWicznG20jQEAAAIASv/wAlwF4QARAB0AWQCyDAEAK7IPAQArsRUE6bIJAwArsgQCACuxGwTpAbAeL7AA1rESDumwEhCxDAErsQgXMjKxCw7psR8BK7ESABESsQQPOTkAsRUMERKwDTmxBBsRErAIOTAxNxE0NjMyFhcXETMRIzUGIyImNxQWMjY1ETQmIgYVSlJNIVIZGM/PWExOUc8gLScnLSDLAstSiS0XFgHK+h9KWol9HScnHQJ0GSsnHQAAAAACAEL/8AJYBHEAJAAvAFkAsh8BACuxFAjpshQfCiuzQBQXCSuyBwIAK7ErCOm0JQ0fBw0rsSUG6QGwMC+wANaxDg7psCUysA4QsRYBK7AmMrEZDumwCzKxMQErsRYOERKxBx85OQAwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTMzU0JiYjIgYHB0IEHDRuSsc1Dv6qCA8gFUYEwAQdMW5MSm8xHAK+lgIlIyEnAgIBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8BtJ4MJz85HRwAAAABABQAAAHLBekAGABMALIXAQArsgoDACuxDgnpsgECACuwEjOxAAnpsBQyAbAZL7AX1rACMrEWDumwEDKyFhcKK7NAFhQJK7IXFgors0AXAAkrsRoBKwAwMRM1MzU1ND4DMxcVJiMiFxUVMxUjESMRFGkEGS1gQ2EbI0IBaGjPA6a6EQ4zQnZGOQ6yCLQQDbr8WgOmAAAAAAMADP5vAroEcQA0AD8AVQCbALISAgArsBYzsVAE6bAXMrAyL7E3B+mwIS+xQwfpAbBWL7AL1rAEMrFVDumwJTKwACDWEbE1DumwVRCxRQErsRsO6bM6G0UIK7EvDumwFjKxVwErsTULERKxBwI5ObFFVREStSEjKT4SUCQXObEbOhESsRQZOTkAsSE3ERK1AAQlLzU+JBc5sEMRsAc5sFASsBk5sBIRsBQ5MDEXNDcmNTQ2NyYmJycRND4DMzIXNjcVIgcXERQOAyMiJwYVFB4CFx4DFRQGIyYmNxQ3MjY1NCYnJwYTFBYzNjURJjQ2NTQnLgIjIgYVFREMon1QMTM7BQQEHTFtSIdHZkRIMAoEHzFtSRsMHRY+HS05WFozzpSkqMmHO2MpRmpMMR8dPwECAwQKGxQdH7heTCNyLWAbI3ktKwExDCViTD5nZgG5GEb+wwonX0k8AhkaEBkQBAkIGjhkRpiGBGCXTgEnJCEjDBUsAlwROAZfATMBBQoBCAsPHxQzGxj+zQAAAAEAUgAAAmQF4QASAEcAsgABACuwCzOyAQMAK7IHAgArsQ8K6QGwEy+wANaxEg7psAIysBIQsQwBK7ELDumxFAErsQsMERKwBzkAsQcPERKwAzkwMTMRMxE3NjYzMhYVESMRNCMiBxFSzyAeSSFMT84yKRoF4f4hIB4xilH8agN3MTX8jQAAAAACAFIAAAEhBeEAAwAHADAAsgABACuyBQMAK7EECumyAQIAKwGwCC+wANawBDKxAw7psAYysQMO6bEJASsAMDEzETMRAzUzFVLPz88EYPugBRLPzwAC/9P+fwEbBeEAFAAYADgAshAAACuxAgTpshYDACuxFQrpsggCACsBsBkvsATWsBUysQoO6bAXMrEaASsAsQIQERKwFDkwMQcWMzI1NDQ1ETMRFA4DIyImJycTNTMVLR0cQM8EGS1gRB0tCAh5z7YIjgMPAwR7+4MzQXNGNwYCBAaHz88AAAAAAQBSAAACfQXhABEATQCyAAEAK7AKM7IBAwArsgcCACsBsBIvsADWsREO6bACMrARELELASuxCg7psRMBK7ELERESsAc5sAoRsQkIOTkAsQcAERKxBA05OTAxMxEzERUzNxMzAxMjAycjBwcRUs8KDGW6lbzHZgQKBxoF4f1aJCQBJf6U/QwBxRAQQv59AAAAAQBSAAABIQXhAAMAIQCyAAEAK7IBAwArAbAEL7AA1rEDDumxAw7psQUBKwAwMTMRMxFSzwXh+h8AAAAAAQBSAAADsARxAB8AewCyAAEAK7ERGDMzsgECACuyBwIAK7ANM7EcCumwFTKxAwcQIMAvsRwF6QGwIC+wANaxHw7psAIysB8QsRkBK7EYDumwGBCxEgErsREO6bEhASuxGR8RErAFObAYEbEJBzk5sRESERKwDTkAsQMcERKwCTmwARGwBTkwMTMRMxUyNjYzMhc+AjMyFhURIxE0IyIHESMRNCMiBxFSzwI9TCFkJwROSiBMUMI4KSXCNyklBGBePTJ9BEovilH8agN3MTX8jQN3MTX8jQAAAQBSAAACZARxABIARwCyAAEAK7ALM7IBAgArsgcCACuxDwrpAbATL7AA1rESDumwAjKwEhCxDAErsQsO6bEUASuxCwwRErAHOQCxAQ8RErADOTAxMxEzFTc2NjMyFhURIxE0IyIHEVLPIB5JIUxPzjIpGgRgXiAeMYpR/GoDdzE1/I0AAgA///ACUgRxABcAMQBMALISAQArsR4I6bIHAgArsSsI6QGwMi+wANaxLg7psC4QsSABK7AlMrEMDumxMwErsS4AERKwAzmwIBGzEgciIyQXObAMErAOOQAwMRMRND4DMzIXFhURFA4DIyIuAjU3FBceAjM2NxEiNzY1NCcuAiMGBxEWFAY/Axwxb0rHNQ4CHTNtS0pvMRy/AwQMHxVGAQICAQMEDB8WRAIBAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfCwkLESIWCmcCMwsEBAkMESEYCmj9zQEGDAAAAAACAFL+fwJkBHEAEQAdAFcAsgwBACuxFQTpsgECACuyBQIAK7EbBOmwAC8BsB4vsADWsREO6bECEjIysBEQsRcBK7EJDumxHwErsQkXERKxBQw5OQCxFQwRErAQObEBGxESsAM5MDETETMVNjMyFhURFAYjIiYnJxERFBYyNjURNCYiBhVSz1hMTlFSTSFSGRgnLSEhLSf+fwXhSVqKUf01UoktFhf+NQJ3GSsnHQJ0HScnHQACAEr+fwJcBHEAEQAdAFcAsg8BACuxFQTpsgkCACuyBAIAK7EbBOmwDC8BsB4vsADWsRIO6bASELEMASuxCBcyMrELDumxHwErsRIAERKxBA85OQCxFQ8RErANObEJGxESsAg5MDE3ETQ2MzIWFxc1MxEjEQYjIiY3FBYyNjURNCYiBhVKUk0hUhkYz89YTE5RzyAtJyctIMsCy1KJLRcWSfofActaiX0dJysZAnQdJycdAAABAFIAAAHwBHEADgAxALIAAQArsgECACuyBgIAK7EJC+kBsA8vsADWsQ4O6bACMrEQASsAsQEJERKwAzkwMTMRMxU2NjMVJiMiBwYVEVLPCGRjIh44Ki0EYH0pZeYLJSk+/PYAAQAl//ACTgRxACsAegCyJgEAK7EDB+myAyYKK7NAAwAJK7IQAgArsRsH6bIbEAors0AbGQkrAbAsL7AL1rEdDumwACDWEbEBDumwHRCxBQErsBkysSMO6bAYMrEtASuxAQsRErAIObEFHRESswMHEiYkFzmwIxGwITkAsRsDERKxCyI5OTAxEzMUMzInNCcuAjU0PgI3MjMyFx4CFSM0IwYHFBYWFxYXFAYjIi4DJcBhSAGBRD1DGDZmSAYFTjU4MRHBQz8BLystvgGBh0htPSUKAUaqh0p8QkKJTDdiXDgCGhxmWDuDAoEhUC0rtqB7uDFHY1AAAAABABT/8AHZBXUAFgBVALIPAQArsQsK6bIBAgArsAUzsQAJ6bAHMrIBAAors0ABBAkrAbAXL7AV1rACMrEJDumwBDKyCRUKK7NACQcJK7AMMrIVCQors0AVAAkrsRgBKwAwMRM1MxEzETMVIxEUMzcVBiMiLgM1ERRpz42NQUwtQkRfLRkEA6a6ARX+67r907gIyw45SHhGOQI+AAABAE7/8AJgBGAAEgBHALILAQArshABACuxBQrpsgECACuwCDMBsBMvsADWsQMO6bADELELASuwBzKxCg7psRQBK7EDABESsBA5ALEFCxESsAw5MDE3ETMRFDMyNxEzESM1BwYGIyImTs8xKRrPzx8eSiFMT8sDlfyJMTYDcvugXiAeMIkAAAAAAQAQAAACSgRgAAkAPQCyCQEAK7IAAgArsAYzAbAKL7AA1rEBDumzCQEACCuxCA7psAEQsQYBK7EHDumxCwErALEACRESsAM5MDETMxMXMzcTMwMjEMlECBAIRMm3zARg/XdISAKJ+6AAAAAAAQAUAAADdQRgABUAsQCyFQEAK7AOM7IAAgArsgYMDTMzMwGwFi+wANaxAQ7psAEQsQYBK7EHEOmwBxCxDAErsQ0O6bEXASuwNhq6P4H4EAAVKwoOsAwQsArABbANELAOwLo/mfjZABUrC7AKELMLCgwTK7ILCgwgiiCKIwYOERI5ALEKCy4uAbIKCw4uLi6wQBoBsQEAERKwFTmwBhGwFDmwBxKxERI5ObAMEbAPOQCxABURErIDCRE5OTkwMRMzExczNxMzExczNxMzAyMDJyMHAyMUvUEJDApWe1YKDQhBvaasUAoIC1CsBGD9t0BAAkn9t0BAAkn7oAIXPz/96QAAAAABABAAAAJaBGAAEQC/ALIAAQArsQsRMzOyAgIAK7IDCAkzMzMBsBIvsALWsQMO6bARMrADELEADumwAC+wAxCxCAErsAwysQkO6bELDumxEwErsDYauj1b7coAFSsKDrAAELABwLARELAQwLrCae6bABUrCrEAAQiwAhCwAcAOsAMQsATAuj2X7psAFSsKDrAIELAHwLAJELAKwAC0AQQHChAuLi4uLgG0AQQHChAuLi4uLrBAGgGxCAMRErAOOQCxAgARErEFDjk5MDEzEwMzExczNxMzAxMjAycjBwMQwbDCSgYEBkrDsMDJVAYEBlQCQgIe/vofHwEG/eL9vgEbHh7+5QAAAAABABn+bwJiBGAAEgA/ALIAAgArsAYzsAwvsQ0J6QGwEy+wANaxAQ7psAEQsQYBK7EHDumxFAErsQEAERKxDBI5OQCxAA0RErADOTAxEzMTFzM3EzMDBgYjJzUWMzY2NRnKUgQJBFLKxhCcc1wQIT1IBGD9UDk5ArD7TH++BLgEBm9DAAABAAwAAAIEBGAACQBBALIAAQArsQcJ6bIEAgArsQMJ6QGwCi+xAAErsQkX6bAFMrELASuxCQARErAHOQCxBwARErABObEEAxESsAY5MDEzNQEjNSEVASEVDAEd8AHL/uMBHagC/Lyo/QS8AAABAD3+NwJ3BfYAHQBiALIIAwArsQkH6bAWL7EVB+mwAC+xAQbpAbAeL7AZ1rAEMrESDumwDDKyEhkKK7NAEhYJK7AIMrEfASuxEhkRErAPOQCxABURErIREhk5OTmwARGwDzmwCRKyBQwNOTk5MDETNTI2NRE0NhcVJgYVERQHFhURFBY3FQYmNRE0JiY9SDzA9odrf39rh/bAEUIBxaNjKQGN35YErAJQd/5zj05SjP5zd1ACrASW3wGNFDZAAAABAFL+AAESBpwAAwAXAAGwBC+wANaxAw7psQMO6bEFASsAMDETETMRUsD+AAic92QAAAAAAQA5/jcCcwX2AB0AYgCyDQMAK7EMB+mwHS+xAAfpsBYvsRUG6QGwHi+wA9awCDKxGg7psBAysgMaCiuzQAMdCSuwDDKxHwErsRoDERKwBjkAsRYAERKyAwQaOTk5sBURsAY5sAwSsggJEDk5OTAxExY2NRE0NyY1ETQmBzU2FhURFBYWMxUGBhURFAYnOYdrf39qiPbBEEIxSDvB9v7nAlB3AY2LU06PAY13UAKsBJbf/nMXNz6jBGEn/nPflgQAAQBxBQ4EyQaDAB0AMgCwGi+xBgnpswwGGggrsRYJ6bAdMgGwHi+xHwErALEaFhESsAA5sQYMERKxChA5OTAxEz4EMzIWFhcWNzI3NxcOBCMiJyYiBgcHcQQQPEV5QjdwNDlqRG1FDYcEETtGcEB5l3N/ZBMSBUgMKWpSQiUdJUgBmR05DCxqUERlSlstLQAAAgBK/n8BOQRgAAMABwA+ALIFAgArsQQM6bAALwGwCC+wBNawADKxBxPpsAMyswIHBAgrsQEQ6bABL7ECEOmxCQErALEEABESsAE5MDETEzMTAzUzFUo3gTfj1/5/BEz7tAT+4+MAAAABAEL/hQJMBh8AHwA9AAGwIC+wANaxEQ7psBEQsR0BK7ADMrEcEOmwBTKwHBCxFQsrsAsysRgO6bAJMrEhASuxHB0RErAOOQAwMRMREDc1MxUWFhUVIzU0IyIVERQXMic1MxUUBgcRIxEmQtB7Yl29SUhISgG9XGN70AH8AekBKR/y9BCQm1iHWlr9pFoBW5tsnJER/tEBLR8AAAABAAT/8AMUBfQAOgC4ALIzAQArsDozsS0L6bITAwArsRwK6bQJCjMTDSuwIjO0CQYAGwQrsCQysxkzEwgrAbA7L7AO1rEfDumyDh8KK7NADgkJK7MGHw4IK7EnDumyJwYKK7NAJyQJK7AfELEZASuxGA7psTwBK7EGDhESswQICzokFzmwHxGwNjmwJxKyIiUpOTk5sBkRsCs5sBgSsi4vMzk5OQCxLTMRErEANjk5sAkRsgQvMDk5ObEcGRESsQ4fOTkwMTc+Ajc2NTQnIzUzJyY1ND4CNzYeAhUjNCYHBgYVFBcXMxUjFgcUBx4CMzY3FwYGIyImIyIGBwcECB9tPyUfvJMGTh9CdlBgiEcd1TNALytGBtOuGQE5EDgpFEoIvAyLZDO5JSE5DAw/FEN0Cm9YRGqJFf5YRnpvRAICRHeHUlZxAgJiRHHhGYlkSmhzCCESBLoWtsdmMxsYAAAAAQAZAAACuAXhABkA0gCyEQEAK7IAAwArsgEGBzMzM7QTFBEADSuwDDO0EwYAGwQrsA4ytBcYEQANK7EIGTMztBcGABsEK7AKMgGwGi+wANaxARPpsAEQsREBK7AVMrEQE+mwCzKyEBEKK7NAEAoJK7ANMrIREAors0ARFwkrsBMysBAQsQYBK7EHE+mxGwErsDYausGc8bsAFSsKsAAQsBnADrABELACwLo+ZPG7ABUrCg6wBhCwBcAFsAcQsAjAAwCxAgUuLgGzAgUIGS4uLi6wQBoAsQAYERKwAzkwMRMzExczNxMzAzMVIxUzFSMRIxEjNTM1IzUzGdluBgQHbtnEk7CwsN2wsLCTBeH+Hw4OAeH9D4qJif6sAVSJiYoAAgEQBRkC8AXhAAMABwA2ALIBAwArsAUzsQAK6bAEMrIBAwArsQAK6QGwCC+wANaxAw7psAMQsQQBK7EHDumxCQErADAxATUzFTM1MxUBEL9ivwUZyMjIyAAAAAADADX/8AY3BfIABwARADYAxQCyBwEAK7QLBQA0BCuyAwMAK7QQBQA0BCu0MygHAw0rtDMGABsEK7IoMwors0AoLAkrtBkjBwMNK7QZBgAbBCuyIxkKK7NAIx4JKwGwNy+wAdaxCRDpsAkQsRIBK7EmEemwJhCxKgErsB4ytC0QAC0EK7AcMrAtELENASuxBRDpsTgBK7ESCRESsgcCCjk5ObAmEbEVNjk5sCoSshkQMzk5ObAtEbAvObANErIGCwM5OTkAsSMoERK2AAQFAQkIDSQXOTAxEhAAIAAQACAAEAAgABEQACEgExE0PgMzMhcXFSM1NTQmIwYHERQzNic1MxUUDgMjIiYnNQHDAnsBxP48/YX+tAF/AhQBgv6B/vP+9kgCFCNQN5MjB4oYGS8CMTUEigIVI041VmAGAbICewHF/jv9hf4+BAr96/6BAX8BCwEMAX/8bAITCBtDMyuTMX19EQsjAj397T8CPX19CBpEMytiMQAAAQBKAccBcwKJAAMAIgCwAC+xAQTpsQEE6QGwBC+wANaxAxXpsQMV6bEFASsAMDETNSEVSgEpAcfCwgAABAA1//AGNwXyAAcAEQAeACkA7wCyBwEAK7QLBQA0BCuyAwMAK7QQBQA0BCu0HR8HAw0rtB0FADEEK7AcMrIdHwors0AdGwkrsRIaMjK0FCkHAw0rtBQFADAEKwGwKi+wAdaxCRDpsAkQsRIBK7EeEemwHzKwHhCxJAErsBsytBYQACwEK7EaEemwFhCxDQErsQUQ6bErASuwNhq6wiPvmwAVKwqwGxCwHMAOsBoQsBnAALAZLgGxGRwuLrBAGgGxEgkRErIHAgo5OTmxJB4RErAQObENGhESsgYLAzk5OQCxHQsRErIFCQA5OTmwHxGwDTmwKRKwCDmwFBGxBAE5OTAxEhAAIAAQACAAEAAgABEQACEgExEzMhMUBgcTIwMjEREzMjY2NTQmJiMjNQHDAnsBxP48/YX+tAF/AhQBgv6B/vP+9kbE5wEhN2qXXzctKy0KCi0rLQGyAnsBxf47/YX+PgQK/ev+gQF/AQsBDAF/+74Db/7+TGIv/nABbf6TAewrLyUnMSsAAAAAAQE5BSMCxwXFAAMAHwCwAC+xAQbpsQEG6QGwBC+xAAErsQMW6bEFASsAMDEBNSEVATkBjgUjoqIAAAAAAQGaBRkC2wXRAAMAGgCwAC+xAQnpAbAEL7AA1rECFemxBQErADAxATczBwGaateiBRm4uAAAAAABAAACiQDXA20AAwAiALAAL7EBDOmxAQzpAbAEL7AA1rEDE+mxAxPpsQUBKwAwMRE1MxXXAonk5AAAAAABAar+fwJW/5EABgAsALAEL7AGL7QABgAbBCsBsAcvsAbWsQIR6bECEemxCAErALEGBBESsAI5MDEFMxUHIzcjAaqsLWgoP2+NhYUAAgAp/nUCbQRgAB8AIwBBALIhAgArsSAM6bAbL7ESBOkBsCQvsADWsQ8O6bAPELEGCyuwIDKxCQ7psCIysSUBKwCxIBIRErMABxUWJBc5MDEXNDc+AjURMxEUBgYHBgcGFjMWNjcXDgMnLgMTNTMVKVAnJS++MS8pKwoGIicvRg6zDCxMdEJScDQUvtdqUok/QJVGAQD/AGa7XkZIKBtEAmMxVCFIXDsCAj9lUgQO4+MAAAAAAwAUAAAC6QcfAAcACwARAFQAsgABACuwAzOyAQMAK7QGDAABDSuxBgzpAbASL7AA1rEHE+mwBxCxBAErsQMT6bETASuxBwARErAIObAEEbYCAQkKCwwNJBc5ALEBDBESsA85MDEzEyETIwMjAwMzFyMTMwMnIwcU5AEO49cp1Shf12ugBJhABgwGBeH6HwEz/s0HH7n7twHbJycAAwAUAAAC6QcfAAcACwARAFQAsgABACuwAzOyAQMAK7QGDAABDSuxBgzpAbASL7AA1rEHE+mwBxCxBAErsQMT6bETASuxBAcRErYCAQgJCwwNJBc5sAMRsAo5ALEBDBESsA85MDEzEyETIwMjAxM3MwcDMwMnIwcU5AEO49cp1Sg5atehkphABgwGBeH6HwEz/s0GZrm5+7cB2ycnAAAAAAMAFAAAAukHHwAHAA4AFABtALIAAQArsAMzsgEDACu0Bg8AAQ0rsQYM6bAOL7ALM7EJCekBsBUvsADWsQcT6bAHELEEASuxAxPpsRYBK7EHABESsAg5sAQRtwIBCQoMDg8QJBc5sAMSsAs5ALEBDxESsBI5sQkOERKwDTkwMTMTIRMjAyMDAzczFyMnBwMzAycjBxTkAQ7j1ynVKGeN3I29Pz0PmEAGDAYF4fofATP+zQZmublISPu3AdsnJwAAAAMAFAAAAukHHwAHABsAIQCDALIAAQArsAMzsgEDACu0BhwAAQ0rsQYM6bAYL7ELBumwEjKwFSDWEbAIM7EOBukBsCIvsADWsQcT6bAHELEEASuxAxPpsSMBK7EHABESsQgJOTmwBBG3AgELDRUYHB0kFzmwAxKxEhM5OQCxARwRErAfObEYFRESsBM5sA4RsAk5MDEzEyETIwMjAwM1NjMyFhcyNjc3FQYjIiYjIgYHEzMDJyMHFOQBDuPXKdUoNDE8IXQfGTcODzM6H3QhGTcObJhABgwGBeH6HwEz/s0GYJgnJQIQCAmYJycQCfu1AdsnJwAEABQAAALpBy8ABwALABEAFQCEALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6bAIL7ASM7EJCumwEzIBsBYvsAjWsQsO6bMHCwgIK7EAE+mwAC+xBxPpsAsQsRIBK7EVDumzBBUSCCuxAxPpsRcBK7ELBxESsgEGDDk5ObASEbEPEDk5sAQSsgIFDTk5OQCxAQwRErAPOTAxMxMhEyMDIwMDNTMVAzMDJyMHEzUzFRTkAQ7j1ynVKF2/G5hABgwGPb8F4fofATP+zQZmycn7twHbJycCbsnJAAAEABQAAALpB3EABwAPABUAHQCkALIAAQArsAMzsgEDACu0BhAAAQ0rsQYM6bAPL7QZBQA2BCuwHS+0CwUANgQrAbAeL7AJ1rQXDwAuBCuwEDKzBxcJCCuxABPpsAAvsQcT6bAXELEbASuwETK0DQ8ALgQrswQNGwgrsQMT6bEfASuxFwcRErEBBjk5sBsRtAsODwoUJBc5sAQSsQIFOTkAsQEQERKwEzmxHRkRErMJDA0IJBc5MDEzEyETIwMjAwI0NjIWFAYiAzMDJyMHAhQWMjY0JiIU5AEO49cp1SgFW39YWH8PmEAGDAY+LzovLzoF4fofATP+zQake1JSe1L7ywHbJycDBjkrKzkrAAAAAAIAEAAABCMF4QAPABMAqQCyDAEAK7EADzMzsQkM6bICAwArsAEzsQQM6bQOEAwCDSuxDgzptAUIDAINK7EFDekBsBQvsADWsQ8T6bAPELENASuwETKxCRPpsAQysgkNCiuzQAkCCSuwCjKwDRCxBxbpsRUBK7A2Gro9au3/ABUrCrAAELABwA6wDxCwE8AFsw4PExMrsxAPExMrAwCwEy4BswEOEBMuLi4usEAaALEEBRESsBI5MDEzASEVIREzFSMRIRUhESMDEzMRIxABpAJv/uPNzQEd/gbjWp2gCgXh4/518v5i4wEz/s0CHQICAAIARP5/ApEF8gAtADQAbwCyKQEAK7EcC+myHCkKK7NAHCEJK7IHAwArsRUL6bIVBwors0AVDQkrAbA1L7AA1rEYE+mwMTKwGBCxHwErsA4ysSMO6bAMMrE2ASuxGAARErMGKS4vJBc5sB8RtQcVKDAzNCQXObAjErAKOQAwMRMRND4DMh4CFxcVIzUiNi4CIwYHERQWFjMyNj0CMxUUDgMiLgInExUzBzM3NUQEHjh5p3k4HgICzgIECw4jGkYIBCcjKSvOBB44ead5OB4CxkApaC0BNQN3DC1xVkZEXmAjIc/PFyAhFwpl/IkMJT03HRrPzwwtcVZFQ2BfIP5/jYWFjQAAAgBSAAACTAcfAAsADwBXALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3pAbAQL7AA1rELF+mwAjKxCRPpsAQysQcW6bELF+mwAzKxEQErsQkAERKxDA85ObAHEbENDjk5ADAxMxEhFSERMxUjESEVATMXI1IB+v7jzc0BHf4j12qgBeHj/nXy/mLjBx+5AAAAAAIAUgAAAkwHHwALAA8AWwCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwEC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysREBK7EJABESsAw5sAcRsQ0POTmwCxKwDjkAMDEzESEVIREzFSMRIRUBNzMHUgH6/uPNzQEd/qBq16IF4eP+dfL+YuMGZrm5AAAAAgBSAAACTAcfAAsAEgBwALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3psBIvsA8zsQ0J6QGwEy+wANawDDKxCxfpsQIPMjKxCRPpsAQysQcW6bELF+mwAzKxFAErsQkAERKxDRI5ObAHEbIOEBE5OTkAsQ0SERKwETkwMTMRIRUhETMVIxEhFQE3MxcjJwdSAfr+483NAR3+CI3bjr0/PgXh4/518v5i4wZmublISAAAAwBSAAACTAcvAAsADwATAG8AsgABACuxCQzpsgEDACuxBAzptAUIAAENK7EFDemwDC+wEDOxDQrpsBEyAbAUL7AA1rELF+mwAjKxCRPpsAQysQcW6bAHELATINYRsRAO6bAQL7ETDumwABCxCxfpsAMysAwzsQ8O6bEVASsAMDEzESEVIREzFSMRIRUBNTMVMzUzFVIB+v7jzc0BHf4Sv2K+BeHj/nXy/mLjBmbJycnJAAAAAv/6AAABPwcfAAMABwAqALIEAQArsgUDACsBsAgvsATWsQcT6bACMrEJASuxBwQRErEBAzk5ADAxAzMXIwMRMxEG12qfOt0HH7n5mgXh+h8AAAAAAgBSAAABmAcfAAMABwAqALIAAQArsgEDACsBsAgvsADWsAQysQMT6bEJASuxAwARErEFBzk5ADAxMxEzEQM3MwdS3dlr16IF4fofBma5uQAC/74AAAG0Bx8ABgAKADwAsgcBACuyCAMAK7AGL7ADM7EBCekBsAsvsAfWsQoT6bEMASuxCgcRErMCAQQGJBc5ALEBBhESsAU5MDEDNzMXIycHAxEzEUKO2428QD0x3QZmublISPmaBeH6HwAD/8sAAAGqBy8AAwAHAAsARQCyBAEAK7IFAwArsAAvsAgzsQEK6bAJMgGwDC+wBNaxBxPpswMHBAgrsQAO6bAAL7EDDumzCAcECCuxCw7psQ0BKwAwMQM1MxUDETMRAzUzFTW+Pd09vgZmycn5mgXh+h8GZsnJAAACABQAAAK4BeEAFQAgAGQAshMBACuxFgvpsgQDACuxHAvptAEAEwQNK7AfM7EBDOmwHTIBsCEvsBTWsAIysRYT6bAcMrMMFAAOK7QfFQAMBCuwFhCxGQErsQ0U6bEiASsAsQAWERKwDDmxHAERErALOTAxEzUzETMyHgUQDgUjIxETMjYDEiYjETMVIxQ+rlp/Yj4nEgYGEic+Yn9art11MQICMXVUVAKP5AJuGCtcY7Su/uWusmJcKxkCj/5OogFzAXOf/m/kAAIAUgAAAtcHHwAPACMApwCyAAEAK7AJM7IBAwArsAczsCAvsRMG6bAaMrAdINYRsBAzsRYG6QGwJC+wANaxDw7psAIysA8QsQUBK7AKMrEJDumxJQErsDYausJH7xMAFSsKDrAMELALwLEDGfmwBMAAswMECwwuLi4uAbMDBAsMLi4uLrBAGgGxDwARErEQETk5sAURsxMVHSAkFzmwCRKxGhs5OQCxIB0RErAbObAWEbAROTAxMxEzExczNREzESMDJyMVEQM1NjMyFhcyNjc3FQYjIiYjIgYHUsXXEgzLxdcSDE4xOyF1Hxk2Dw4zOR91IRk2DwXh/PBGRgMQ+h8DEEZG/PAGYJgnJQIQCAmYJycQCQAAAAADAET/8AKRBx8AFwAbACsATQCyEwEAK7EgC+myBwMAK7EoC+kBsCwvsADWsRwT6bAcELEjASuxDRPpsS0BK7EcABESswYTGBskFzmwIxGwGTmwDRKyBxIaOTk5ADAxExE0PgMyHgIXFxEUDgMiLgInEzMXIxMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAjPXap8GAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAGDbn6zwwlPTcdGgN3DCU+OBodAAMARP/wApEHHwAXABsAKwBNALITAQArsSAL6bIHAwArsSgL6QGwLC+wANaxHBPpsBwQsSMBK7ENE+mxLQErsRwAERKyBhMYOTk5sCMRsBk5sA0SswcSGhskFzkAMDETETQ+AzIeAhcXERQOAyIuAicTNzMHAxQWFjI2NTcRNCYmIgYVB0QEHjh5p3k4HgICBB44ead5OB4C12rXopsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVUubn6zwwlPTcdGgN3DCU+OBodAAAAAAMARP/wApEHHwAXAB4ALgBiALITAQArsSML6bIHAwArsSsL6bAeL7AbM7EZCekBsC8vsADWsR8T6bAfELEmASuxDRPpsTABK7EfABESswYTGBkkFzmwJhGxHB45ObANErMHEhobJBc5ALEZHhESsB05MDETETQ+AzIeAhcXERQOAyIuAicTNzMXIycHAxQWFjI2NTcRNCYmIgYVB0QEHjh5p3k4HgICBB44ead5OB4CK43bjbxAPQwCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVUublISPrPDCU9Nx0aA3cMJT44Gh0AAAADAET/8AKRBx8AFwArADsAcwCyEwEAK7EwC+myBwMAK7E4C+mwKC+xGwbpsCIysCUg1hGwGDOxHgbpAbA8L7AA1rEsE+mwLBCxMwErsQ0T6bE9ASuxLAARErQGExgbKCQXObAzEbAdObANErMHEiIlJBc5ALEoJRESsCM5sB4RsBk5MDETETQ+AzIeAhcXERQOAyIuAicTNTYzMhYXMjY3NxUGIyImIyIGBxMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAl4xOyF1Hxk2Dw4zOR91IRk2D28CJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVOmCclAhAICZgnJxAJ+s0MJT03HRoDdwwlPjgaHQAABABE//ACkQcvABcAGwArAC8AhgCyEwEAK7EgC+myBwMAK7EoC+mwGC+wLDOxGQrpsC0yAbAwL7AA1rEcE+mwHBCwGyDWEbEYDumwGC+xGw7psBwQsSMBK7ENE+mwLCDWEbEvDumxMQErsRgAERKwFjmwHBGxEwY5ObEsGxESsx8gJygkFzmxLyMRErESBzk5sA0RsAo5ADAxExE0PgMyHgIXFxEUDgMiLgInEzUzFQMUFhYyNjU3ETQmJiIGFQcTNTMVRAQeOHmneTgeAgIEHjh5p3k4HgI1vhgCJUUlAgIlRSUCe74BNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gBVTJyfrPDCU9Nx0aA3cMJT44Gh0BusnJAAMAO//sApEF9gAfACgAMADgALIcAQArsQAfMzOxJAvpsgwDACuxDxAzM7EsC+kBsDEvsAXWsSAT6bApMrAgELEnASuxKCoyMrEWE+mwEDKxMgErsDYaujz47IsAFSsKsAAusBAQsQ8h+bAAELEfIfm6PSvtKwAVKwuwABCzAQAPEyuzDgAPEyuwHxCzER8QEyuzHh8QEysEsygfEBMrsAAQsykADxMrsgEADyCKIIojBg4REjmwDjmyHh8QERI5sBE5ALUBDhEeKCkuLi4uLi4BtgABDg8RHh8uLi4uLi4usEAaAbEnIBESsRwMOTkAMDEXNyYmNScRND4DMzIXNzMHFhYVFxEUDgMjIicHExQWFjI2NTcRBxMmJyIGFQc7LxISAgQeOHlTXEIPei0UFwIEHjh5VGA/D2UCJUUlApOTCEIjJAIUnSVWGRgDdwwtcVZGKy+WJ1oaGfyJDC1xVkUrLwFJDCU9Nx0aAehGAd9kATgaHQAAAAACAFD/8AKeBx8AFwAbACYAsgYBACuxEgvpAbAcL7AA1rEVE+mxHQErsRUAERKxBRg5OQAwMRMUHgMyPgI3NxEjERQGBiImNScRIxMzFyNQBB83eah5Nx8CAt0DJEYlAt1B12ugATUMLXFWRUNgXyAjBKz7VAwlPTcdGgSsAT65AAIAUP/wAp4HHwAXABsAJACyBgEAK7ESC+kBsBwvsADWsRUT6bEdASuxFQARErAFOQAwMRMUHgMyPgI3NxEjERQGBiImNScRIzc3MwdQBB83eah5Nx8CAt0DJEYlAt3ja9eiATUMLXFWRUNgXyAjBKz7VAwlPTcdGgSshbm5AAAAAgBQ//ACngcfABcAHgBEALIGAQArsRIL6bAeL7AbM7EZCekBsB8vsADWsRUT6bEgASuxFQARErIFGBk5OTkAsR4SERKyDBYXOTk5sBkRsB05MDETFB4DMj4CNzcRIxEUBgYiJjUnESM3NzMXIycHUAQfN3moeTcfAgLdAyRGJQLdLY3bjr0/PgE1DC1xVkVDYF8gIwSs+1QMJT03HRoErIW5uUhIAAAAAwBQ//ACngcvABcAGwAfAHgAshMBACuxBwvpsgEDACuwCzOwGC+wHDOxGQrpsB0yAbAgL7AA1rEDE+mwAxCwGyDWEbEYDumwGC+xGw7psAMQsQoBK7ENE+mwHCDWEbEfDumxIQErsRgAERKwFjmwAxGwEzmxHBsRErEHBjk5sR8KERKwEjkAMDETETMRFBYWMjY1NxEzERQOAyIuAicTNTMVMzUzFVDdAiVGJAPdBB83eah5Nx8CNb9ivgE1BKz7VAwlPTcdGgSs+1QMLXFWRUNgXyAFVMnJyckAAAIAEAAAArAHHwALAA8AMwABsBAvsADWsQsT6bALELEGASuxBRPpsREBK7EGCxEStQEDBAwNDyQXObAFEbAOOQAwMRMTETMREyMDByMnAzc3MwcQ4t3h2W8GBAZvFWrXoQXh/KD9fwKBA2D+Hw4OAeGFubkAAgBSAAACtAXhAAoAEQBTALIAAQArsgEDACu0CQsAAQ0rsQkM6bQEEQABDSuxBAzpAbASL7AA1rEKE+mxAgsyMrAKELEOASuxBxPpsRMBKwCxCwkRErAHObEEERESsAY5MDEzETMVMzIWEAYjEREyNjU0JiNS2wKm39+mZkBCZAXh8dP+INX+mAJKWoGDZgAAAQBCAAACqAXyACMAfgCyAAEAK7AQM7IEAwArsSAJ6bIaAgArtBkGABsEK7IIAgArAbAkL7AA1rEjDumwIxCxFQErsQsO6bAdINYRtAcOADcEK7IdBwors0AdEAkrsBkysSUBK7EdIxESsAQ5sQcVERKwCTkAsRkAERKwCzmwGhGwCTmwIBKwBzkwMTMRNDYzMhYVFAcWERQOAiM1MjY2NTQmJiM1MjY1NCYjIhURQo2LhYlYmClccVgtMx8fMy0jMysrSgTTe6Sie21BWP5wtul3KcEzrJ+qszeNQjMtN2b7LQAAAwAx//ACaAXRACUAKQAxAIkAsh0BACuyIwEAK7EsCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xLAXpAbAyL7AA1rEqDumwESDWEbEQDumwKhCxHwErsQYvMjKxGg7psTMBK7EqERESsSMmOTmwEBGwKTmwHxKzBRUgJyQXObAaEbEdKDk5ALEKLBESswAYGjAkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImEzMXIwMUFzI2NREGMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2s112ugDDkjM48BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeAVpuPwKaAEnHQEfPgAAAAADADH/8AJoBdEAJQAtADEAiQCyHQEAK7IjAQArsSgK6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EoBekBsDIvsADWsSYO6bARINYRsRAO6bAmELEfASuxBisyMrEaDumxMwErsSYRERKwIzmwEBGwLjmwHxKzBRUgLyQXObAaEbIdMDE5OTkAsQooERKzABgaLCQXOTAxEzQ+Azc1NTQjIg4CFRUjNTQ2MzIWFRERFBcjJicjBgYjIiY3FBcyNjURBhM3MwcxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7a8s5IzOPDGvXogEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4u2gBJx0BHz4DOri4AAAAAAMAMf/wAmgF0QAlACwANACgALIdAQArsiMBACuxLwrpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsS8F6bAsL7ApM7EnCekBsDUvsADWsS0O6bARINYRsRAO6bAtELEfASuxBjIyMrEaDumxNgErsS0RERKyIyYnOTk5sBARsCw5sB8SswUVICskFzmwGhGzHSgpKiQXOQCxCi8RErMAGBozJBc5sScsERKwKzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImEzczFyMnBwMUFzI2NREGMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2spjdyNvT89GzkjM48BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeASxuLhHR/wKaAEnHQEfPgAAAAADADH/8AJoBdcAJQA5AEEArgCyHQEAK7IjAQArsTwK6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7E8BemwNi+xKQbpsDAysDMg1hGwJjOxLAbpAbBCL7AA1rE6DumwESDWEbEQDumwOhCxHwErsQY/MjKxGg7psUMBK7E6ERESsyMmKTYkFzmxHxARErIFFSA5OTmwGhGzHSswMyQXOQCxCjwRErMAGBpAJBc5sTYzERKwMTmwLBGwJzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImEzU2MzIWFzI2NzcVBiMiJiMiBgcTFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrXjE8IXQfGTcODzM6H3QhGTcOXjkjM48BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeASxlyclAhEICJgnJxAI/AJoAScdAR8+AAAEADH/8AJoBeEAJQApADEANQCtALIdAQArsiMBACuxLArpsicDACuwMzOxJgrpsDIyshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSwF6QGwNi+wANaxKg7psCoQsCkg1hGxJg7psCYvsSkO6bAPMrApELERDumwES+wKhCxHwErsgYvMjIyMrEaDumxNQ7psTcBK7EqJhESsCM5sR8pERKzBQoVICQXObA1EbAdOQCxCiwRErMAGBowJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM1MxUDFBcyNjURBhM1MxUxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7azW/KTkjM4+LvwEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4BLHIyPwKaAEnHQEfPgM6yMgABAAx//ACaAYdACUALQA1AD0AzACyHQEAK7IjAQArsTAK6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EwBemwLS+0OQUANgQrsD0vtCkFADYEKwGwPi+wANaxLg7psDYysBEg1hGxEA7psC4QtCcPAC4EK7AnL7AuELEfASuxBjMyMrEaDumzOxofCCu0Kw8ALgQrsT8BK7EuJxESsCM5sBARsSgtOTmwHxK2BRUgODk8PSQXObA7EbIdKSw5OTkAsQowERKzABgaNCQXObE9ORESsycqKyYkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImEjQ2MhYUBiIDFBcyNjURBhIUFjI2NCYiMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2uLW39YWH8bOSMzjw4vOi8vOgEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4BOh7UlJ7UvwlaAEnHQEfPgPLOSsrOSsAAAAAAwAx//ADogRxADYAPgBJAMcAsjQBACuwMDOxOQrpsjQBACuxJQjpsiU0CiuzQCUoCSuyFAIAK7AYM7EJCOmwRTKyCRQKK7NACRAJK7Q/HjQUDSuxPwbpAbBKL7AA1rE3DumwECDWEbEPDumwNxCxPAErsAYysSAO6bA/MrAgELEnASuwQDKxKg7psBwysUsBK7E3EBESsDQ5sTwPERKxBRQ5ObAgEbEWMjk5sCcSsDA5ALElNBESsDI5sR45ERKxADc5ObA/EbA9ObAJErAFObAUEbAWOTAxEzQ+Azc1NCMiDgIVFSM1NDYzMhc2NzIXFhcRIRUVFB4CMzY3NTMVFA4DIyInBiMiJjcUFzI2NREGJTM1NCYmIyIGBwcxRGJiTgQ5FBkKBM+hdVREQmDHNA4B/qoIDiEVRgPBBB0xb0ueRGZ3O2vLOSMzjwFQlQIlIiEnAgIBBGqiVjwpEHtmEi8bIicve7A0MwHFMyn+uvMNCCcdGApneoEMJ2JOPYODeLtoAScdAR8+zZ4MJz85HRwAAAACAEL+fwJUBHEAGwAiAGoAshoBACuxEQnpshEaCiuzQBEVCSuyAwIAK7EMCemyDAMKK7NADAgJKwGwIy+wANaxDw7psA8QsRQBK7AIMrEXDumwBjKxJAErsQ8AERKyHB0fOTk5sBQRsgMeIDk5ObAXErEhIjk5ADAxExEQITIWFRUjNTQmIyIHERQzMjY1NTMVFAYjBBcVMwczNzVCAQiJgc8YIzkBOiMYz4GJ/visPylpLQE7AeoBTI60WIczJ1r9pFonM5xttI0BXo2FhY0AAwBC//ACWAXRACQAKAAzAGgAsh8BACuxFAjpshQfCiuzQBQXCSuyBwIAK7EvCOm0KQ0fBw0rsSkG6QGwNC+wANaxDg7psCkysA4QsRYBK7AqMrEZDumwCzKxNQErsQ4AERKwJTmwFhGzBx8mKCQXObAZErAnOQAwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTMxcjAzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCItdroAaWAiUjIScCAgEXAjMMJ2ZOQMUzKf668w0IJx0YCmd6gQwnYk49PVZWHwTZuP2TngwnPzkdHAAAAAMAQv/wAlgF0QAkAC8AMwBkALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxKwjptCUNHwcNK7ElBukBsDQvsADWsQ4O6bAlMrAOELEWASuwJjKxGQ7psAsysTUBK7EWDhESswcfMDEkFzmwGRGxMjM5OQAwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTMzU0JiYjIgYHBxM3MwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCvpYCJSMhJwICBmvXogEXAjMMJ2ZOQMUzKf668w0IJx0YCmd6gQwnYk49PVZWHwG0ngwnPzkdHAHPuLgAAAMAQv/wAlgF0QAkACsANgB+ALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxMgjptCwNHwcNK7EsBumwKy+wKDOxJgnpAbA3L7AA1rEODumwLDKwDhCxFgErsC0ysRkO6bALMrE4ASuxDgARErElJjk5sBYRswcfKSskFzmwGRKxJyg5OQCxJisRErAqOTAxExE0PgMzMhcWFREhFRUUHgIzNjc1MxUUDgMjIi4CJxM3MxcjJwcDMzU0JiYjIgYHB0IEHDRuSsc1Dv6qCA8gFUYEwAQdMW5MSm8xHAIMjduOvT8+CpYCJSMhJwICARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfBCG4uEdH/ZOeDCc/OR0cAAAAAAQAQv/wAlgF4QAkACgAMwA3AIYAsh8BACuxFAjpshQfCiuzQBQXCSuyJgMAK7A1M7ElCumwNDKyBwIAK7EvCOm0KQ0fBw0rsSkG6QGwOC+wANaxDg7psCkysA4QsCgg1hGxJQ7psCUvsSgO6bAOELEWASuwKjKxGQ7psAsysDQg1hGxNw7psTkBK7E0KBESsgcfLzk5OQAwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTNTMVAzM1NCYmIyIGBwcTNTMVQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAha/F5YCJSMhJwICeb4BFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8EIcjI/ZOeDCc/OR0cAc/IyAAAAv/fAAABIQXRAAMABwAdAAGwCC+wANaxAhXpsQkBK7ECABESsQQFOTkAMDEDMxcjAzMRIyHXa6Avz88F0bj65wRgAAACAFIAAAGTBdEAAwAHAB0AAbAIL7AE1rEGFemxCQErsQYEERKxAAE5OQAwMTMzESM1NzMHUs/PatehBGC5uLgAAv++AAABtAXRAAYACgAvALAGL7ADM7EBCekBsAsvsADWsQMX6bEMASuxAwARErEHCDk5ALEBBhESsAU5MDEDNzMXIycHAzMRI0KO2428QD0pz88FGbi4R0f65wRgAAAAA//LAAABqgXhAAMABwALAEcAsgQBACuyAQMAK7AJM7EACumwCDKyBQIAKwGwDC+wBNaxBw7pswMHBAgrsQAO6bAAL7EDDumzCAcECCuxCw7psQ0BKwAwMQM1MxUDETMRAzUzFTW+N881vgUZyMj65wRg+6AFGcjIAAAAAAIATP/wAl4F+AAfADEAbQCyGgEAK7ElCOmyDAMAK7IDAgArsS4I6QGwMi+wANaxMQ7psDEQsScBK7EUDumxMwErsTEAERK0AwgJCyEkFzmwJxG2BQoMGiApLiQXObAUErEOKjk5ALEDLhESsAU5sAwRtAcIDhARJBc5MDETERAzMhcmJwcnNyc3Fhc3FwcWFREUDgMjIi4CNTYGHgIzNjcRIjYuAiMGBxFMrD9cDCdSN2QtbRkcXjhlfQIdM2xMSm4yHMIECA0eFUYCAgQIDR8WRAIBFwJDARdObV5IP1hCZBsiUkJYyfX9cAwnYk49PVZWHx8XIyEWCmcCMxYjIRgKaP3NAAAAAAIAUgAAAmQF1wASACYAfwCyAAEAK7ALM7IBAgArsgcCACuxDwrpsCMvsRYG6bAdMrAgINYRsBMzsRkG6QGwJy+wANaxEg7psAIysBIQsQwBK7ELDumxKAErsRIAERKyExYjOTk5sAwRsBg5sAsSsgcdIDk5OQCxAQ8RErADObEjIBESsB45sBkRsBQ5MDEzETMVNzY2MzIWFREjETQjIgcRAzU2MzIWFzI2NzcVBiMiJiMiBgdSzyAeSSFMT84yKRqOMTwhdR4ZNw4PMzofdCEZNw4EYF4gHjGKUfxqA3cxNfyNBRmXJyUCEQgImCcnEAgAAAADAD//8AJSBdEAFwAbAC0ATwCyEgEAK7EhCOmyBwIAK7EqCOkBsC4vsADWsS0O6bAtELEjASuwJjKxDA7psS8BK7EtABESsBg5sCMRtBIZGwclJBc5sAwSsQ4aOTkAMDETETQ+AzMyFxYVERQOAyMiLgI1EzMXIxAGHgIzNjcRIjYuAiMGBxE/Axwxb0rHNQ4CHTNtS0pvMRwg12ugBAgMHxVGAQIECAwfFkQCARcCMwwnZk5AxTMp/cAMJ2JOPT1WVh8E2bj7/hcjIRYKZwIzFiMhGApo/c0AAAAAAwA///ACUgXRABcAKQAtAEsAshIBACuxHQjpsgcCACuxJgjpAbAuL7AA1rEpDumwKRCxHwErsCIysQwO6bEvASuxHykRErQSByEqKyQXObAMEbIOLC05OTkAMDETETQ+AzMyFxYVERQOAyMiLgI1NgYeAjM2NxEiNi4CIwYHERM3Mwc/Axwxb0rHNQ4CHTNtS0pvMRzCBAgMHxVGAQIECAwfFkQCAmvXogEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfHxcjIRYKZwIzFiMhGApo/c0EAri4AAAAAwA///ACUgXRABcAHgAwAGUAshIBACuxJAjpsgcCACuxLQjpsB4vsBszsRkJ6QGwMS+wANaxMA7psDAQsSYBK7ApMrEMDumxMgErsTAAERKxGBk5ObAmEbQSHB4HKCQXObAMErIOGhs5OTkAsRkeERKwHTkwMRMRND4DMzIXFhURFA4DIyIuAjUTNzMXIycHAgYeAjM2NxEiNi4CIwYHET8DHDFvSsc1DgIdM21LSm8xHAyN2469Pz4GBAgMHxVGAQIECAwfFkQCARcCMwwnZk5AxTMp/cAMJ2JOPT1WVh8EIbi4R0f7/hcjIRYKZwIzFiMhGApo/c0AAAAAAwA///ACUgXXABcAKwA9AHgAshIBACuxMQjpsgcCACuxOgjpsCgvsRsG6bAiMrAlINYRsBgzsR4G6QGwPi+wANaxPQ7psD0QsTMBK7A2MrEMDumxPwErsT0AERKyGBsoOTk5sDMRsxIdBzUkFzmwDBKyDiIlOTk5ALEoJRESsCM5sB4RsBk5MDETETQ+AzMyFxYVERQOAyMiLgI1EzU2MzIWFzI2NzcVBiMiJiMiBgcSBh4CMzY3ESI2LgIjBgcRPwMcMW9KxzUOAh0zbUtKbzEcQTE8IXQfGTcODjM5H3UgGTcPcwQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBCGXJyUCEQgImCcnEAj79hcjIRYKZwIzFiMhGApo/c0ABAA///ACUgXhABcAGwAtADEAeACyEgEAK7EhCOmyGQMAK7AvM7EYCumwLjKyBwIAK7EqCOkBsDIvsADWsS0O6bAtELAbINYRsRgO6bAYL7EbDumwLRCxIwErsCYysQwO6bAuINYRsTEO6bEzASuxLhsRErISByo5OTmwIxGwJTmxDDERErAOOQAwMRMRND4DMzIXFhURFA4DIyIuAjUTNTMVAgYeAjM2NxEiNi4CIwYHERM1MxU/Axwxb0rHNQ4CHTNtS0pvMRwYvxUECAwfFUYBAgQIDB8WRAJ5vgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBCHIyPv+FyMhFgpnAjMWIyEYCmj9zQQCyMgAAAADAD//sgJSBK4AHQAjACkBNACyFQEAK7EmCOmyFwEAK7IHAgArsSEI6QGwKi+wANaxHg7psxgeAAgrtBkPAC4EK7AZL7QYDwAuBCuwHhCxKAErsCkysQ8O6bMKDygIK7QLDwAuBCuxKwErsDYauj3n78AAFSsKBLAZLrALLrAZELEYIvmwCxCxCiL5uj327/oAFSsLsBkQswkZChMrsBgQswwYCxMrBbMXGAsTK7o99u/6ABUrC7AZELMaGQoTKwSzHhkKEyu6Pfbv+gAVKwuzHxkKEyuwGBCzJBgLEysEsykYCxMrshoZCiCKIIojBg4REjmwHzmwCTmyJBgLERI5sAw5AEALCQoLDBgZGh4fJCkuLi4uLi4uLi4uLgG1CQwXGh8kLi4uLi4usEAaAbEZABESsQMcOTmxKB4RErEVBzk5ADAxExE0PgMzMhc3MwcWFxEUDgMjIicHIzcmJic3EyYHBgcTFjM2NxE/Axwxb0ozNxVLHlgGAh0zbUs5LhRQHykvAsB9EiVEAhAQJkYBARcCMwwnZk5AE1B5VJH9wAwnYk49EE55J3UnxgHmIwEKaP17HwpnAZMAAAACAE7/8AJgBdEAEgAWAFcAsgsBACuyEAEAK7EFCumyAQIAK7AIMwGwFy+wANaxAw7psAMQsQsBK7AHMrEKDumxGAErsQMAERKyEBMWOTk5sAsRsBQ5sAoSsBU5ALEFCxESsAw5MDE3ETMRFDMyNxEzESM1BwYGIyImEzMXI07PMSkaz88fHkohTE8j12qgywOV/IkxNgNy+6BeIB4wiQVYuAAAAAIATv/wAmAF0QASABYAVwCyCwEAK7IQAQArsQUK6bIBAgArsAgzAbAXL7AA1rEDDumwAxCxCwErsAcysQoO6bEYASuxAwARErEQEzk5sAsRsBQ5sAoSsRUWOTkAsQULERKwDDkwMTcRMxEUMzI3ETMRIzUHBgYjIiYTNzMHTs8xKRrPzx8eSiFMT8Rr16LLA5X8iTE2A3L7oF4gHjCJBKC4uAAAAgBO//ACYAXRABIAGQBuALILAQArshABACuxBQrpsgECACuwCDOwGS+wFjOxFAnpAbAaL7AA1rEDDumwAxCxCwErsAcysQoO6bEbASuxAwARErMQExQZJBc5sAsRsBg5sAoSshUWFzk5OQCxBQsRErAMObEUGRESsBg5MDE3ETMRFDMyNxEzESM1BwYGIyImEzczFyMnB07PMSkaz88fHkohTE8QjtuNvEA9ywOV/IkxNgNy+6BeIB4wiQSguLhHRwAAAAMATv/wAmAF4QASABYAGgBvALILAQArshABACuxBQrpshQDACuwGDOxEwrpsBcysgECACuwCDMBsBsvsADWsQMO6bAVMrADELETDumwEy+wAxCxCwErsQcXMjKxCg7psRoO6bEcASuxAxMRErAQObALEbAFOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJhM1MxUzNTMVTs8xKRrPzx8eSiFMTxy/Yr/LA5X8iTE2A3L7oF4gHjCJBKDIyMjIAAACABn+bwJiBdEAEgAWAEEAsAYvsQUJ6QGwFy+wANaxEg7psBIQsQ0BK7EMDumxGAErsRIAERKyAQUIOTk5sA0RshMUFjk5ObAMErAVOQAwMRMTFAYHJxUWMzI2NxMjAwcjJwM3NzMHGb5IPTFGFnObEcbKUgQJBFIEa9eiBGD7f0RuBgS4BL5/BLT9UDk5ArC5uLgAAgBS/n8CZAXhABEAHQBXALIMAQArsRUE6bIBAwArsgUCACuxGwTpsAAvAbAeL7AA1rERDumxAhIyMrARELEXASuxCQ7psR8BK7EJFxESsQUMOTkAsRUMERKwEDmxBRsRErADOTAxExEzETYzMhYVERQGIyImJycRERQWMjY1ETQmIgYVUs9YTE5RUk0hUhkYJy0hIS0n/n8HYv42WopR/TVSiS0WF/41AncZKycdAnQdJycdAAAAAAMAGf5vAmIF4QASABYAGgB6ALIUAwArsBgzsRMK6bAXMrIAAgArsAYzsAwvsQ0J6QGwGy+wE9axFg7psBYQsAEg1hGxAA7psAAvsQEO6bAWELEGASuxBw7psBcg1hGxGg7psRwBK7ETABESsQwNOTmwARGwEjmxFxYRErECBTk5ALEADRESsAM5MDETMxMXMzcTMwMGBiMnNRYzNjY1AzUzFTM1MxUZylIECQRSysYQnHNcECE9SIm+Y74EYP1QOTkCsPtMf74EuAQGb0MFOsjIyMgAAQBSAAABIQRgAAMAIQCyAAEAK7IBAgArAbAEL7AA1rEDDumxAw7psQUBKwAwMTMRMxFSzwRg+6AAAAAAAQApAAACbQXhAA0ATACyDAEAK7EJCumyAwMAKwGwDi+wDNawAjKxCRPpsAQysgkMCiuzQAkHCSuzQAkLCSuwCRCxARXpsAEvsQ8BKwCxAwkRErEADTk5MDETNTcRMxE3FQcRIRUhESlB3nl5ASX9/QIx3TQCn/4NXt1f/b3NAmQAAAAAAQAfAAABtgXhAAsAOQCyCgEAK7IDAwArAbAML7AK1rACMrEJDumwBDKyCQoKK7NACQcJK7IKCQors0AKAQkrsQ0BKwAwMRM1NxEzETcVBxEjER9kz2RkzwIx3U4Chf4dTt1O/N8CfwACAEQAAAOuBeEAFwAmAFwAshEBACuxDwzpshEBACuxHATpsggDACuxCgzpsggDACuxIgTptAsOEQgNK7ELDekBsCcvsADWsRgT6bAYELEfASuxDxPpsAoysQ0W6bEoASuxGAARErAWOQAwMRMRND4DMyEVIREzFSMRIRUhIi4CJzcUFhYyNjU3ESYnIgYVB0QEHjh5UwJE/uPNzQEd/bxUeDgeAtsCJUUlAgZEIyQCATUDdwwra1BD4/518v5i4z9dWiEeDCU9Nx0aA4VgATgaHQAAAAMAP//wA6gEcQAqADwARgCfALIlAQArsCEzsTAI6bAWMrIwJQors0AwGQkrsgcCACuwCzOxOQjpsEMytD0RJQcNK7E9BukBsEcvsADWsTwO6bA8ELEyASuxEg7psD0ysBIQsRgBK7A+MrEbDumwDzKxSAErsTI8ERKzJQc0OSQXObASEbIJIzU5OTmwGBKwITkAsTAlERKwIzmwERGwPDmxOT0RErAzObAHEbAJOTAxExE0PgMzMhc2NzIXFhURIRUUFhYzNjc1MxUUDgMjIicGIyIuAjU2Bh4CMzY3ESI2LgIjBgcRATM1NCYmIyIGFT8DHDFvSmpCQmjHNQ7+qgglH0YDwQQdMW9LakBEZkpvMRzCBAgMHxVGAQIECAwfFkQCAVCVAiQjKyEBFwIzDCdmTkA8OwHFMyn+uvoQKTEKZ3qBDCdiTj05OT1WVh8fFyMhFgpnAjMWIyEYCmj9zQGVngwnP0shAAIAJf/vApoHHwAwADcAhQCyKwEAK7EDCumyEgMAK7EaCumwNy+xMgnpsDQyAbA4L7AP1rEcE+mwACDWEbEBE+mwHBCxBQErsBgysSkT6bAXMrE5ASuxAQ8RErExNzk5sBwRsAo5sAUSswMaMjQkFzmwKRGyJDU2OTk5ALEaAxEStQABDxcYKSQXObEyNxESsDM5MDETNxAzMjc0LgMnLgI1NDY3Nh4CFQc0IwYXFB4GFx4CFRAlIi4DEzMXNzMHIyXZaFoBES8bTwlCST+PkV6EOxnZWUwBCAwZECcSMAhKPUj+zFJ4RCcMP709QLyN2wGmFP8Aph09Vil1DmB8rkuL1AICSoF9ShTZApQSKyMzHTsbQw1vYrRM/oUBM0x6cQXFSEi5AAAAAgAl//ACTgXRACgALwCaALIjAQArsQMH6bIDIwors0ADAAkrshACACuxGAfpshgQCiuzQBgWCSuwLy+xKgnpsCwyAbAwL7AL1rApMrEaDumwACDWEbEBDumwGhCxBQErsBYysSAO6bAVMrExASuxAQsRErEILzk5sBoRsCo5sAUStAMHIyssJBc5sCARsh4tLjk5OQCxGAMRErELHzk5sSovERKwKzkwMRMzFDMyJzQnLgI1ND4CNzYeAhUjNCMGBxQWFhcWFxQGIyIuAxMzFzczByMlwGFIAYFEPUMYNmZIVnAxEcFDPwEvKy2+AYGHSG09JQodvD1AvI3bAUaqh0p8QkKJTDdiXDgCAjhmWDuDAoEhUC0rtqB7uDFHY1AEtkhIuAAAAAADABAAAAKwBy8ACwAPABMAbwCyCgEAK7IAAwArsAYzsAwvsBAzsQ0K6bARMgGwFC+wANaxARPpsAEQsQoBK7EJE+mzDwkKCCuxDA7psAwvsQ8O6bAJELEGASuxBxPpsBAg1hGxEw7psRUBK7EQDxESsQQDOTkAsQAKERKwAzkwMRMzExczNxMzAxEjEQM1MxUzNTMVENlvBgQGb9nh3YG+Yr8F4f4fDg4B4fyg/X8CgQPlycnJyQAAAgAUAAACXgcfAAkAEABRALIAAQArsQcL6bIEAwArsQML6bAQL7ELCemwDTIBsBEvsQABK7EJGOmwBTKxEgErsQkAERKyBwoOOTk5ALEDBxESsQEGOTmxCxARErAMOTAxMzUBITUhFQEhFQEzFzczByMUAVv+1wIY/qABYP36vD4/vY3c7gQY29v71dsHH0hIuQAAAAIADAAAAg4F0QAJABAAUQCyAAEAK7EHCemyBAIAK7EDCemwEC+xCwnpsA0yAbARL7AA1rEOF+mxEgErsQ4AERKxBQo5OQCxBwARErABObEEAxESsAY5sQsQERKwDDkwMTM1ASM1IRUBIRUBMxc3MwcjDAEd8AHL/uMBHf4VvD1AvI3bqAL8vKj9BLwF0UhIuAAAAAABAQQFGQL6BdEABgApALAAL7ADM7EBCemxAQnpAbAHL7AA1rEDF+mxCAErALEBABESsAU5MDEBNzMXIycHAQSN3I29Pz0FGbi4R0cAAQEEBRkC+gXRAAYALACwBi+xAQnpsAMysQEJ6bAEMgGwBy+wANaxBBfpsQgBKwCxAQYRErACOTAxATMXNzMHIwEEvT0/vY3cBdFISLgAAAABAR8FFwLhBdUADwAnALAML7QDBgAbBCsBsBAvsADWsQgW6bERASsAsQMMERKxAAg5OTAxATcWMzI2NzcXDgIjIiYnAR9uKUojOwwNagojdz0/cRkFd14vGA0KXgohNTEYAAAAAQGYBRICZgXhAAMAKQCyAQMAK7EACumyAQMAK7EACukBsAQvsADWsQMO6bEDDumxBQErADAxATUzFQGYzgUSz88AAAACAWYE/gKYBh0ABwAPAFIAsAcvtAsFADYEK7APL7QDBQA2BCsBsBAvsAHWtAkPAC4EK7AJELENASu0BQ8ALgQrsREBK7ENCRESswMGBwIkFzkAsQ8LERKzAQQFACQXOTAxADQ2MhYUBiImFBYyNjQmIgFmW35ZWX4NLzovLzoFUHtSUntSrDkrKzkrAAEBXP5/AqYAAAARAD8AsgMBACuyDwAAK7QLBgAbBCsBsBIvsADWtAgQAB0EK7ETASuxCAARErADOQCxCw8RErANObADEbEADDk5MDEFNDc3Mw4CFRQWMjcHBiMiJgFcfwhjCh80PlItEDcyYHHTaGUGCB1aKyklE4oSZgABATkFEgLHBdcAEwA4ALAQL7EDBumwCjKwDSDWEbAAM7EGBukBsBQvsQABK7ELFumxFQErALEQDRESsAs5sAYRsAE5MDEBNTYzMhYXMjY3NxUGIyImIyIGBwE5MTwhdB8ZNw4PMzofdCEZNw4FGZcnJQIRCAiYJycQCAAAAgDXBRkDSAXRAAMABwAxALAAL7AEM7EBCemwBTKxAQnpsAYyAbAIL7AA1rEGGOmxCQErsQYAERKxAgQ5OQAwMRM3MwczNzMH12vXoo9r16IFGbi4uLgAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAEASgKJAt0DTAADACIAsAAvsQEE6bEBBOkBsAQvsQABK7QDGAANBCuxBQErADAxEzUhFUoCkwKJw8MAAAEASgKJA4MDTAADABcAsAAvsQEE6bEBBOkBsAQvsQUBKwAwMRM1IRVKAzkCicPDAAEAMQP0AQgF4QAGAC0AsgIDACu0AA0ACQQrAbAHL7AA1rEGE+mxBhPpsQgBK7EGABESsQMEOTkAMDETNRMzAzMVMXFmR0cD9OMBCv724wAAAQAtA/QBBAXhAAYALgCyAwMAK7QADQAJBCsBsAcvsADWsAIysQUT6bEFE+mxCAErsQUAERKwATkAMDETEyM1MxUDLUhI13ED9AEK4+P+9gABAC3+9gEEAOMABgAsALAFL7QBDQAJBCsBsAcvsAXWsAAysQMT6bEDE+mxCAErsQMFERKwBjkAMDEzNTMVAyMTLddxZkjj4/72AQoAAgA1A/QCOwXhAAYADQBTALICAwArsAkzsAYvsAczsQQM6bALMgGwDi+wANaxBhPpsAMysAYQsQcBK7ENE+mwCjKxDwErsQYAERKwBDmxDQcRErALOQCxBAYRErEBCDk5MDETNRMzAzMVMzUTMwMzFTVxZkdHWHFmR0cD9OMBCv724+MBCv724wAAAAACADUD9AI7BeEABgANAFsAsgMDACuwCjOxAgzpsAgysgIDCiuzQAIGCSuwBzIBsA4vsALWsAAysQUT6bAFELEJASuwBzKxDBPpsQ8BK7EFAhESsAE5sQwJERKwCDkAsQMCERKxBQw5OTAxExMjNTMVAzMTIzUzFQM1SEjXcMhISNdwA/QBCuPj/vYBCuPj/vYAAAAAAgA1/vYCOwDjAAYADQBbALIAAQArsAczsQEM6bAIMrIAAQors0AABAkrsAsysgMBACuyCgEAKwGwDi+wANawBTKxAxPpsAMQsQcBK7AMMrEKE+mxDwErsQMAERKwBjmxCgcRErANOQAwMTM1MxUDIxMzNTMVAyMTNddwZ0jn13BnSOPj/vYBCuPj/vYBCgAAAQBSAjUCRgQpAAsAKACwCS+0Aw0ACQQrtAMNAAkEKwGwDC+wANaxBhfpsQYX6bENASsAMDETNDYzMhYVFAYjIiZSkWtmkpJmapIDMWaSkWdqkpIAAwA1AAADjwDjAAMABwALAEUAsgABACuxBAgzM7EBDOmxBQkyMrIAAQArsQEM6QGwDC+wANaxAxPpsAMQsQQBK7EHE+mwBxCxCAErsQsT6bENASsAMDEzNTMVMzUzFTM1MxU112vXatfj4+Pj4+MAAAEANf/wAu4F8gA9ALQAsjcBACuxKgvpsio3CiuzQCovCSuyDQMAK7EbC+myGw0KK7NAGxMJK7QAATcNDSuwIjO0AAYAGwQrsCQytAUENw0NK7AgM7QFBgAbBCuwHjIBsD4vsDzWsQIGMjKxJhPpsR0hMjKyJjwKK7NAJiQJK7AfMrI8Jgors0A8AAkrsAQysCYQsS4BK7AUMrExDumwEjKxPwErsSY8ERKxDDc5ObAuEbINGzY5OTmwMRKwEDkAMDETNTM1IzUzNTQ+AzIeAhcXFSM1IjYuAiMGBxUzFSMVMxUjFRQWFjMyNjU3NTMVFA4DIi4CJyc1NWtrawQfN3moeDgeAwLPAgQKDyMaRgjp6enpBCcjKSkCzwUeOHioeTcfAgICI4mJie4MLXFWRkReYCMhVFQXICEXCmXuiYmJ7gwlPTcdGlRUDC1xVkVDYF8gI+4AAAAAAgBKAzUDWAXhAAcAFQCOALIBAwArsQkNMzOxAAXpsAMysgABCiuzQAAGCSuyCA8SMjIyAbAWL7AG1rEFEOmyBQYKK7NABQMJK7IGBQors0AGAAkrsAUQsQgBK7EVD+m0ChAALQQrsBUQsRMBK7QSDwAeBCuwEhCxEAErsQ8P6bAPELQNEAAtBCuwDS+xFwErsRITERKxCww5OQAwMRM1IRUjESMRAREzEzMTMxEjEQMjAxFKAUFocQEGikMGRIloTjNQBXloaP28AkT9vAKs/sEBP/1UAcH+PwHB/j8AAAABAEoCiQK+AzUAAwAfALAAL7EBB+mxAQfpAbAEL7EAASuxAxjpsQUBKwAwMRM1IRVKAnQCiaysAAEAAAAABGAEYAADAAARIREhBGD7oARg+6AAAAABABQAAAKyBfAAHwBkALIeAQArsBkzsgoDACuwDTOxEQnpsgECACuwFzOxAAnpsBsyAbAgL7Ae1rACMrEdDumwFjKyHh0KK7NAHgAJK7AdELEaASuxGQ7psSEBK7EaHRESsQoROTmwGRGxDw45OQAwMRM1MzU0PgQzMhYXFxUmIyIOAhUVIREjESMRIxEUaQIMITVcPiFJFRQpRR8nDAIBZs+XzwOmuh8tMWk/SCMJBAK4DCVPHScd+6ADpvxaA6YAAAAAAQAUAAACsgXwAB8AagCyHgEAK7AQM7IKAwArsRQJ6bIBAgArsBkzsQAJ6bAbMgGwIC+wHtawAjKxHQ7psBgysh0eCiuzQB0bCSuyHh0KK7NAHgAJK7AdELERASuxEA7psSEBK7ERHRESsAo5ALEUARESsBI5MDETNTM1ND4EMzIWFxczESMRJiIOAhUVMxUjESMRFGkCDCE1XD4hSRUUpM8lPScMAmhozwOmuh8tMWk/SCMJBAL6HwUxBCVPHScduvxaA6YAAAAAAAgAZgADAAEECQAAAHgAAAADAAEECQABABwAeAADAAEECQACAA4AlAADAAEECQADAA4AogADAAEECQAEACwAsAADAAEECQAFAB4A3AADAAEECQAGABwAeAADAAEECQDIAG4A+gBHAGUAbgBlAHIAYQB0AGUAZAAgAGkAbgAgADIAMAAwADkAIABiAHkAIABGAG8AbgB0AEwAYQBiACAAUwB0AHUAZABpAG8ALgAgAEMAbwBwAHkAcgBpAGcAaAB0ACAAaQBuAGYAbwAgAHAAZQBuAGQAaQBuAGcALgBnAHIAdABlAHMAdAAtAG8AdAAtAG8AbgBsAHkAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AGcAcgB0AGUAcwB0AC0AbwB0AC0AbwBuAGwAeQAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADAAMAAxAC4AMAAwADEAVABoAGkAcwAgAGYAbwBuAHQAIAB3AGEAcwAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAdABoAGUAIABGAG8AbgB0ACAAUwBxAHUAaQByAHIAZQBsACAARwBlAG4AZQByAGEAdABvAHIALgAAAAIAAAAAAAD/ZwBmAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAEAAgADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAQQBCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwBgAGEBAgCjAIQAhQCWAI4AiwEDAIoA2gCNAMMA3gCiAK0AyQDHAK4AYgBjAJAAZADLAGUAyADKAM8AzADNAM4A6QBmANMA0ADRAK8AZwCRANYA1ADVAGgA6wDtAIkAagBpAGsAbQBsAG4AoABvAHEAcAByAHMAdQB0AHYAdwDqAHgAegB5AHsAfQB8AKEAfwB+AIAAgQDsAO4AugDXAOIA4wCwALEA5ADlALsA5gDnANgA4QDbANwA3QDgANkA3wEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREAsgCzALYAtwDEALQAtQDFAIcAqwESARMBFACMAO8BFQEWARcHdW5pMDBBMAd1bmkwMEFEB3VuaTIwMDAHdW5pMjAwMQd1bmkyMDAyB3VuaTIwMDMHdW5pMjAwNAd1bmkyMDA1B3VuaTIwMDYHdW5pMjAwNwd1bmkyMDA4B3VuaTIwMDkHdW5pMjAwQQd1bmkyMDEwB3VuaTIwMTEKZmlndXJlZGFzaAd1bmkyMDJGB3VuaTIwNUYERXVybwd1bmlFMDAwB3VuaUZCMDEHdW5pRkIwMgAAAAEAAf//AA8AAAABAAAAAMmJbzEAAAAAxqd5twAAAADK4Sh3AAEAAAAMAAAAFgAAAAIAAQABAN8AAQAEAAAAAQAAAAAAAQAAAAoALgA8AAJERkxUAA5sYXRuABgABAAAAAD//wAAAAQAAAAA//8AAQAAAAFUU1QxAAgAAAABAAAAAQAEAAEAAAABAAgAAgAOAAQARAAzADYAVgABAAQAJAApACwALwAA);
+}
+
+body {
+  margin: 20px;
+  font-size: 100px;
+  font-family: test;
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>PaSs</p>
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-1-ref.html b/layout/reftests/font-face/src-list-format-1-ref.html
new file mode 100644
index 0000000000..551d75b35f
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2D";
+		src: url(../fonts/mark2D.ttf);
+	}
+
+	body { font-family: "Mark2D"; }
+
+	</style>
+</head>
+<body>
+
+<p>DBC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-1.html b/layout/reftests/font-face/src-list-format-1.html
new file mode 100644
index 0000000000..437847a8d2
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf) format("unknown"), url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-2-ref.html b/layout/reftests/font-face/src-list-format-2-ref.html
new file mode 100644
index 0000000000..551d75b35f
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2D";
+		src: url(../fonts/mark2D.ttf);
+	}
+
+	body { font-family: "Mark2D"; }
+
+	</style>
+</head>
+<body>
+
+<p>DBC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-2.html b/layout/reftests/font-face/src-list-format-2.html
new file mode 100644
index 0000000000..2319f10558
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf) format("unknown"), url(../fonts/mark2A.ttf) format("truetype");
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-3-ref.html b/layout/reftests/font-face/src-list-format-3-ref.html
new file mode 100644
index 0000000000..02316eaace
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-3-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkD";
+		src: url(../fonts/markD.ttf);
+	}
+
+	body { font-family: MarkD; }
+
+	</style>
+</head>
+<body>
+
+<p>DBC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-4.html b/layout/reftests/font-face/src-list-format-4.html
new file mode 100644
index 0000000000..fa14bbaa27
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-4.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		/* assumes we don't support embedded-opentype and thus wouldn't try to load it */
+		src: url(../fonts/markA.ttf) format("embedded-opentype"), url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-5.html b/layout/reftests/font-face/src-list-format-5.html
new file mode 100644
index 0000000000..2719e26293
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-5.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		/* assumes we don't support embedded-opentype and thus wouldn't try to load it */
+		src: url(../fonts/markA.ttf) format("embedded-opentype"), url(../fonts/mark2A.ttf) format("truetype");
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-format-7.html b/layout/reftests/font-face/src-list-format-7.html
new file mode 100644
index 0000000000..fff76a7348
--- /dev/null
+++ b/layout/reftests/font-face/src-list-format-7.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "One";
+		src: url(../fonts/markA.ttf) format("truetype-aat"), url(../fonts/mark2A.ttf);
+	}
+
+	body { font-family: "One"; }
+
+	</style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-local-fallback-ref.html b/layout/reftests/font-face/src-list-local-fallback-ref.html
new file mode 100644
index 0000000000..388e1e92e6
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-fallback-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>src local on load fallback</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24pt;
+  font-family: sans-serif;
+}
+
+p { margin-left: 1em; }
+
+p { font-family: Futura, Bitstream Vera Sans, DejaVu Sans, Arial, serif; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<h4>These should appear in sans-serif face, not serif:</h4>
+
+<p id="test0">Simple use of src local()</p>
+
+<p id="test1">The URL for the font data is bogus</p>
+
+<p id="test2">The URL exists but does not return font data</p>
+
+<p id="test3">Same as above, but first local not found</p>
+
+<p id="test4">Same as above, bogus url follows unknown local font</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/src-list-local-fallback.html b/layout/reftests/font-face/src-list-local-fallback.html
new file mode 100644
index 0000000000..83845738a2
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-fallback.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>src local on load fallback</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24pt;
+  font-family: sans-serif;
+}
+
+p { margin-left: 1em; }
+
+@font-face {
+  font-family: test0;
+  src: local("Futura-Medium"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("DejaVu Sans"), local("Arial");
+}
+
+@font-face {
+  font-family: test1;
+  src: url(bogus-dir/bogus.ttf), local("Futura-Medium"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("DejaVu Sans"), local("Arial");
+}
+
+@font-face {
+  font-family: test2;
+  src: url(../fonts/README), local("Futura-Medium"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("DejaVu Sans"), local("Arial");
+}
+
+@font-face {
+  font-family: test3;
+  src: url(../fonts/README), local("Bogosity"), local("Futura-Medium"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("DejaVu Sans"), local("Arial");
+}
+
+@font-face {
+  font-family: test4;
+  src: url(../fonts/README), local("Bogosity"), url(bogus-dir/bogus.ttf), local("Futura-Medium"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("DejaVu Sans"), local("Arial");
+}
+
+#test0 { font-family: test0, serif; }
+#test1 { font-family: test1, serif; }
+#test2 { font-family: test2, serif; }
+#test3 { font-family: test3, serif; }
+#test4 { font-family: test4, serif; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<h4>These should appear in sans-serif face, not serif:</h4>
+
+<p id="test0">Simple use of src local()</p>
+
+<p id="test1">The URL for the font data is bogus</p>
+
+<p id="test2">The URL exists but does not return font data</p>
+
+<p id="test3">Same as above, but first local not found</p>
+
+<p id="test4">Same as above, bogus url follows unknown local font</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/src-list-local-full-quotes.html b/layout/reftests/font-face/src-list-local-full-quotes.html
new file mode 100644
index 0000000000..c63e6f4019
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-full-quotes.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>src local with full names</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24pt;
+}
+
+/* use full names */
+
+@font-face {
+  font-family: test-regular;
+  src: local("Helvetica Neue"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("DejaVu Sans"), local("FreeSans"), local("Free Sans"), local("SwissA"), local("Arial");
+}
+
+/* use Helvetica on the Mac, since Futura has no bold face on 10.4, 10.5 */
+@font-face {
+  font-family: test-bold;
+  src: local("Helvetica Neue Bold"), local("Bitstream Vera Sans Bold"), local("DejaVu Sans Bold"), local("FreeSans Bold"), local("Free Sans Bold"), local("SwissA Bold"), local("Arial Bold");
+}
+
+@font-face {
+  font-family: test-italic;
+  src: local("Helvetica Neue Italic"), local("Bitstream Vera Sans Oblique"), local("DejaVu Sans Oblique"), local("FreeSans Oblique"), local("Free Sans Oblique"), local("SwissA Italic"), local("Arial Italic");
+}
+
+.regular { font-family: test-regular, serif; }
+.bold { font-family: test-bold, serif; }
+.italic { font-family: test-italic, serif; }
+
+</style>
+
+<script type="text/javascript">
+
+</script>
+
+</head>
+<body>
+
+<p class="regular">This should be a sans-serif face</p>
+
+<p class="bold">This should be a bold sans-serif face</p>
+
+<p class="italic">This should be an italic sans-serif face</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-local-full-ref.html b/layout/reftests/font-face/src-list-local-full-ref.html
new file mode 100644
index 0000000000..4d357f8a2c
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-full-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>src local ref with regular, bold, italic</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24pt;
+}
+
+/* Bitstream Vera must be adjacent to DejaVu to because the latter is picked
+   up by fontconfig aliases for the former. */
+
+p { font-family: Helvetica Neue, Bitstream Vera Sans, DejaVu Sans, FreeSans, SwissA, Arial, serif; }
+
+.regular {  }
+.bold { font-weight: bold; }
+.italic { font-style: italic; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p class="regular">This should be a sans-serif face</p>
+
+<p class="bold">This should be a bold sans-serif face</p>
+
+<p class="italic">This should be an italic sans-serif face</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-local-full.html b/layout/reftests/font-face/src-list-local-full.html
new file mode 100644
index 0000000000..c4aafdfa1e
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-full.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>src local with full names</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24pt;
+}
+
+/* use full names */
+
+@font-face {
+  font-family: test-regular;
+  src: local(Helvetica Neue), local(Bitstream Vera Sans), local(Bitstream Vera Sans Roman), local(DejaVu Sans), local(FreeSans), local(Free Sans), local(SwissA), local(Arial);
+}
+
+/* use Helvetica on the Mac, since Futura has no bold face on 10.4, 10.5 */
+@font-face {
+  font-family: test-bold;
+  src: local(Helvetica Neue Bold), local(Bitstream Vera Sans Bold), local(DejaVu Sans Bold), local(FreeSans Bold), local(Free Sans Bold), local(SwissA Bold), local(Arial Bold);
+}
+
+@font-face {
+  font-family: test-italic;
+  src: local(Helvetica Neue Italic), local(Bitstream Vera Sans Oblique), local(DejaVu Sans Oblique), local(FreeSans Oblique), local(Free Sans Oblique), local(SwissA Italic), local(Arial Italic);
+}
+
+.regular { font-family: test-regular, serif; }
+.bold { font-family: test-bold, serif; }
+.italic { font-family: test-italic, serif; }
+
+</style>
+
+<script type="text/javascript">
+
+</script>
+
+</head>
+<body>
+
+<p class="regular">This should be a sans-serif face</p>
+
+<p class="bold">This should be a bold sans-serif face</p>
+
+<p class="italic">This should be an italic sans-serif face</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/src-list-local-localized-ref.html b/layout/reftests/font-face/src-list-local-localized-ref.html
new file mode 100644
index 0000000000..5647133f9e
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-localized-ref.html
@@ -0,0 +1,378 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized fullnames</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: testbackup;
+  src: url(../fonts/markA.ttf);
+}
+
+body {
+  margin: 50px;
+  font-size: 18px;
+  font-family: Futura, Helvetica, Calibri, Verdana, sans-serif;
+}
+
+table {
+  font-family: testbackup, serif;
+  border-collapse: collapse; 
+  margin-left: 1em;
+}
+
+td + td {
+  padding-left: 1em;
+}
+
+</style>
+
+
+</head>
+<body>
+
+<h4>The letter A should not appear below independent of locale:</h4>
+
+<p>(Mouse over to see local name used)</p>
+
+<table>
+<tr>
+<td class="test0">AA</td>
+<td class="test1">AA</td>
+<td class="test2">AA</td>
+<td class="test3">AA</td>
+<td class="test4">AA</td>
+<td class="test5">AA</td>
+<td class="test6">AA</td>
+<td class="test7">AA</td>
+<td class="test8">AA</td>
+<td class="test9">AA</td>
+</tr>
+<tr>
+<td class="test10">AA</td>
+<td class="test11">AA</td>
+<td class="test12">AA</td>
+<td class="test13">AA</td>
+<td class="test14">AA</td>
+<td class="test15">AA</td>
+<td class="test16">AA</td>
+<td class="test17">AA</td>
+<td class="test18">AA</td>
+<td class="test19">AA</td>
+</tr>
+<tr>
+<td class="test20">AA</td>
+<td class="test21">AA</td>
+<td class="test22">AA</td>
+<td class="test23">AA</td>
+<td class="test24">AA</td>
+<td class="test25">AA</td>
+<td class="test26">AA</td>
+<td class="test27">AA</td>
+<td class="test28">AA</td>
+<td class="test29">AA</td>
+</tr>
+<tr>
+<td class="test30">AA</td>
+<td class="test31">AA</td>
+<td class="test32">AA</td>
+<td class="test33">AA</td>
+<td class="test34">AA</td>
+<td class="test35">AA</td>
+<td class="test36">AA</td>
+<td class="test37">AA</td>
+<td class="test38">AA</td>
+<td class="test39">AA</td>
+</tr>
+<tr>
+<td class="test40">AA</td>
+<td class="test41">AA</td>
+<td class="test42">AA</td>
+<td class="test43">AA</td>
+<td class="test44">AA</td>
+<td class="test45">AA</td>
+<td class="test46">AA</td>
+<td class="test47">AA</td>
+<td class="test48">AA</td>
+<td class="test49">AA</td>
+</tr>
+<tr>
+<td class="test50">AA</td>
+<td class="test51">AA</td>
+<td class="test52">AA</td>
+<td class="test53">AA</td>
+<td class="test54">AA</td>
+<td class="test55">AA</td>
+<td class="test56">AA</td>
+<td class="test57">AA</td>
+<td class="test58">AA</td>
+<td class="test59">AA</td>
+</tr>
+<tr>
+<td class="test60">AA</td>
+<td class="test61">AA</td>
+<td class="test62">AA</td>
+<td class="test63">AA</td>
+<td class="test64">AA</td>
+<td class="test65">AA</td>
+<td class="test66">AA</td>
+<td class="test67">AA</td>
+<td class="test68">AA</td>
+<td class="test69">AA</td>
+</tr>
+<tr>
+<td class="test70">AA</td>
+<td class="test71">AA</td>
+<td class="test72">AA</td>
+<td class="test73">AA</td>
+<td class="test74">AA</td>
+<td class="test75">AA</td>
+<td class="test76">AA</td>
+<td class="test77">AA</td>
+<td class="test78">AA</td>
+<td class="test79">AA</td>
+</tr>
+<tr>
+<td class="test80">AA</td>
+<td class="test81">AA</td>
+<td class="test82">AA</td>
+<td class="test83">AA</td>
+<td class="test84">AA</td>
+<td class="test85">AA</td>
+<td class="test86">AA</td>
+<td class="test87">AA</td>
+<td class="test88">AA</td>
+<td class="test89">AA</td>
+</tr>
+<tr>
+<td class="test90">AA</td>
+<td class="test91">AA</td>
+<td class="test92">AA</td>
+<td class="test93">AA</td>
+<td class="test94">AA</td>
+<td class="test95">AA</td>
+<td class="test96">AA</td>
+<td class="test97">AA</td>
+<td class="test98">AA</td>
+<td class="test99">AA</td>
+</tr>
+<tr>
+<td class="test100">AA</td>
+<td class="test101">AA</td>
+<td class="test102">AA</td>
+<td class="test103">AA</td>
+<td class="test104">AA</td>
+<td class="test105">AA</td>
+<td class="test106">AA</td>
+<td class="test107">AA</td>
+<td class="test108">AA</td>
+<td class="test109">AA</td>
+</tr>
+<tr>
+<td class="test110">AA</td>
+<td class="test111">AA</td>
+<td class="test112">AA</td>
+<td class="test113">AA</td>
+<td class="test114">AA</td>
+<td class="test115">AA</td>
+<td class="test116">AA</td>
+<td class="test117">AA</td>
+<td class="test118">AA</td>
+<td class="test119">AA</td>
+</tr>
+<tr>
+<td class="test120">AA</td>
+<td class="test121">AA</td>
+<td class="test122">AA</td>
+<td class="test123">AA</td>
+<td class="test124">AA</td>
+<td class="test125">AA</td>
+<td class="test126">AA</td>
+<td class="test127">AA</td>
+<td class="test128">AA</td>
+<td class="test129">AA</td>
+</tr>
+<tr>
+<td class="test130">AA</td>
+<td class="test131">AA</td>
+<td class="test132">AA</td>
+<td class="test133">AA</td>
+<td class="test134">AA</td>
+<td class="test135">AA</td>
+<td class="test136">AA</td>
+<td class="test137">AA</td>
+<td class="test138">AA</td>
+<td class="test139">AA</td>
+</tr>
+<tr>
+<td class="test140">AA</td>
+<td class="test141">AA</td>
+<td class="test142">AA</td>
+<td class="test143">AA</td>
+<td class="test144">AA</td>
+<td class="test145">AA</td>
+<td class="test146">AA</td>
+<td class="test147">AA</td>
+<td class="test148">AA</td>
+<td class="test149">AA</td>
+</tr>
+<tr>
+<td class="test150">AA</td>
+<td class="test151">AA</td>
+<td class="test152">AA</td>
+<td class="test153">AA</td>
+<td class="test154">AA</td>
+<td class="test155">AA</td>
+<td class="test156">AA</td>
+<td class="test157">AA</td>
+<td class="test158">AA</td>
+<td class="test159">AA</td>
+</tr>
+<tr>
+<td class="test160">AA</td>
+<td class="test161">AA</td>
+<td class="test162">AA</td>
+<td class="test163">AA</td>
+<td class="test164">AA</td>
+<td class="test165">AA</td>
+<td class="test166">AA</td>
+<td class="test167">AA</td>
+<td class="test168">AA</td>
+<td class="test169">AA</td>
+</tr>
+<tr>
+<td class="test170">AA</td>
+<td class="test171">AA</td>
+<td class="test172">AA</td>
+<td class="test173">AA</td>
+<td class="test174">AA</td>
+<td class="test175">AA</td>
+<td class="test176">AA</td>
+<td class="test177">AA</td>
+<td class="test178">AA</td>
+<td class="test179">AA</td>
+</tr>
+<tr>
+<td class="test180">AA</td>
+<td class="test181">AA</td>
+<td class="test182">AA</td>
+<td class="test183">AA</td>
+<td class="test184">AA</td>
+<td class="test185">AA</td>
+<td class="test186">AA</td>
+<td class="test187">AA</td>
+<td class="test188">AA</td>
+<td class="test189">AA</td>
+</tr>
+<tr>
+<td class="test190">AA</td>
+<td class="test191">AA</td>
+<td class="test192">AA</td>
+<td class="test193">AA</td>
+<td class="test194">AA</td>
+<td class="test195">AA</td>
+<td class="test196">AA</td>
+<td class="test197">AA</td>
+<td class="test198">AA</td>
+<td class="test199">AA</td>
+</tr>
+<tr>
+<td class="test200">AA</td>
+<td class="test201">AA</td>
+<td class="test202">AA</td>
+<td class="test203">AA</td>
+<td class="test204">AA</td>
+<td class="test205">AA</td>
+<td class="test206">AA</td>
+<td class="test207">AA</td>
+<td class="test208">AA</td>
+<td class="test209">AA</td>
+</tr>
+<tr>
+<td class="test210">AA</td>
+<td class="test211">AA</td>
+<td class="test212">AA</td>
+<td class="test213">AA</td>
+<td class="test214">AA</td>
+<td class="test215">AA</td>
+<td class="test216">AA</td>
+<td class="test217">AA</td>
+<td class="test218">AA</td>
+<td class="test219">AA</td>
+</tr>
+<tr>
+<td class="test220">AA</td>
+<td class="test221">AA</td>
+<td class="test222">AA</td>
+<td class="test223">AA</td>
+<td class="test224">AA</td>
+<td class="test225">AA</td>
+<td class="test226">AA</td>
+<td class="test227">AA</td>
+<td class="test228">AA</td>
+<td class="test229">AA</td>
+</tr>
+<tr>
+<td class="test230">AA</td>
+<td class="test231">AA</td>
+<td class="test232">AA</td>
+<td class="test233">AA</td>
+<td class="test234">AA</td>
+<td class="test235">AA</td>
+<td class="test236">AA</td>
+<td class="test237">AA</td>
+<td class="test238">AA</td>
+<td class="test239">AA</td>
+</tr>
+<tr>
+<td class="test240">AA</td>
+<td class="test241">AA</td>
+<td class="test242">AA</td>
+<td class="test243">AA</td>
+<td class="test244">AA</td>
+<td class="test245">AA</td>
+<td class="test246">AA</td>
+<td class="test247">AA</td>
+<td class="test248">AA</td>
+<td class="test249">AA</td>
+</tr>
+<tr>
+<td class="test250">AA</td>
+<td class="test251">AA</td>
+<td class="test252">AA</td>
+<td class="test253">AA</td>
+<td class="test254">AA</td>
+<td class="test255">AA</td>
+<td class="test256">AA</td>
+<td class="test257">AA</td>
+<td class="test258">AA</td>
+<td class="test259">AA</td>
+</tr>
+<tr>
+<td class="test260">AA</td>
+<td class="test261">AA</td>
+<td class="test262">AA</td>
+<td class="test263">AA</td>
+<td class="test264">AA</td>
+<td class="test265">AA</td>
+<td class="test266">AA</td>
+<td class="test267">AA</td>
+<td class="test268">AA</td>
+<td class="test269">AA</td>
+</tr>
+<tr>
+<td class="test270">AA</td>
+<td class="test271">AA</td>
+<td class="test272">AA</td>
+<td class="test273">AA</td>
+<td class="test274">AA</td>
+<td class="test275">AA</td>
+<td class="test276">AA</td>
+<td class="test277">AA</td>
+<td class="test278">AA</td>
+</tr>
+</table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/src-list-local-localized.html b/layout/reftests/font-face/src-list-local-localized.html
new file mode 100644
index 0000000000..6638e514f6
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-localized.html
@@ -0,0 +1,939 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized fullnames</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: testbackup;
+  src: url(../fonts/markA.ttf);
+}
+
+body {
+  margin: 50px;
+  font-size: 18px;
+  font-family: Futura, Helvetica, Calibri, Verdana, sans-serif;
+}
+
+table {
+  font-family: testbackup, serif;
+  border-collapse: collapse; 
+  margin-left: 1em;
+}
+
+td + td {
+  padding-left: 1em;
+}
+
+</style>
+
+<style type="text/css">
+@font-face { font-family: test0; src: local("#궁서체 일반체"); }
+.test0 { font-family: test0, testbackup; }
+@font-face { font-family: test1; src: local("#헤드라인A 일반체"); }
+.test1 { font-family: test1, testbackup; }
+@font-face { font-family: test2; src: local("AppleGothic 일반체"); }
+.test2 { font-family: test2, testbackup; }
+@font-face { font-family: test3; src: local("Arial Black Normal"); }
+.test3 { font-family: test3, testbackup; }
+@font-face { font-family: test4; src: local("Arial Black Standard"); }
+.test4 { font-family: test4, testbackup; }
+@font-face { font-family: test5; src: local("Arial Black normal"); }
+.test5 { font-family: test5, testbackup; }
+@font-face { font-family: test6; src: local("Arial Black obyčejné"); }
+.test6 { font-family: test6, testbackup; }
+@font-face { font-family: test7; src: local("Arial Black Обычный"); }
+.test7 { font-family: test7, testbackup; }
+@font-face { font-family: test8; src: local("Arial Black Κανονικά"); }
+.test8 { font-family: test8, testbackup; }
+@font-face { font-family: test9; src: local("Arial Corsivo"); }
+.test9 { font-family: test9, testbackup; }
+@font-face { font-family: test10; src: local("Arial Cursief"); }
+.test10 { font-family: test10, testbackup; }
+@font-face { font-family: test11; src: local("Arial Cursiva"); }
+.test11 { font-family: test11, testbackup; }
+@font-face { font-family: test12; src: local("Arial Dőlt"); }
+.test12 { font-family: test12, testbackup; }
+@font-face { font-family: test13; src: local("Arial Etzana"); }
+.test13 { font-family: test13, testbackup; }
+@font-face { font-family: test14; src: local("Arial Fet Kursiv"); }
+.test14 { font-family: test14, testbackup; }
+@font-face { font-family: test15; src: local("Arial Fet"); }
+.test15 { font-family: test15, testbackup; }
+@font-face { font-family: test16; src: local("Arial Fett Kursiv"); }
+.test16 { font-family: test16, testbackup; }
+@font-face { font-family: test17; src: local("Arial Fett"); }
+.test17 { font-family: test17, testbackup; }
+@font-face { font-family: test18; src: local("Arial Félkövér dőlt"); }
+.test18 { font-family: test18, testbackup; }
+@font-face { font-family: test19; src: local("Arial Félkövér"); }
+.test19 { font-family: test19, testbackup; }
+@font-face { font-family: test20; src: local("Arial Gras Italique"); }
+.test20 { font-family: test20, testbackup; }
+@font-face { font-family: test21; src: local("Arial Gras"); }
+.test21 { font-family: test21, testbackup; }
+@font-face { font-family: test22; src: local("Arial Grassetto Corsivo"); }
+.test22 { font-family: test22, testbackup; }
+@font-face { font-family: test23; src: local("Arial Grassetto"); }
+.test23 { font-family: test23, testbackup; }
+@font-face { font-family: test24; src: local("Arial Halvfet Kursiv"); }
+.test24 { font-family: test24, testbackup; }
+@font-face { font-family: test25; src: local("Arial Halvfet"); }
+.test25 { font-family: test25, testbackup; }
+@font-face { font-family: test26; src: local("Arial Italique"); }
+.test26 { font-family: test26, testbackup; }
+@font-face { font-family: test27; src: local("Arial Itálico"); }
+.test27 { font-family: test27, testbackup; }
+@font-face { font-family: test28; src: local("Arial Kalın İtalik"); }
+.test28 { font-family: test28, testbackup; }
+@font-face { font-family: test29; src: local("Arial Kalın"); }
+.test29 { font-family: test29, testbackup; }
+@font-face { font-family: test30; src: local("Arial Krepko poševno"); }
+.test30 { font-family: test30, testbackup; }
+@font-face { font-family: test31; src: local("Arial Krepko"); }
+.test31 { font-family: test31, testbackup; }
+@font-face { font-family: test32; src: local("Arial Kursiv"); }
+.test32 { font-family: test32, testbackup; }
+@font-face { font-family: test33; src: local("Arial Kursivoitu"); }
+.test33 { font-family: test33, testbackup; }
+@font-face { font-family: test34; src: local("Arial Kursywa"); }
+.test34 { font-family: test34, testbackup; }
+@font-face { font-family: test35; src: local("Arial Kurzíva"); }
+.test35 { font-family: test35, testbackup; }
+@font-face { font-family: test36; src: local("Arial Lihavoitu Kursivoi"); }
+.test36 { font-family: test36, testbackup; }
+@font-face { font-family: test37; src: local("Arial Lihavoitu"); }
+.test37 { font-family: test37, testbackup; }
+@font-face { font-family: test38; src: local("Arial Lodi etzana"); }
+.test38 { font-family: test38, testbackup; }
+@font-face { font-family: test39; src: local("Arial Lodia"); }
+.test39 { font-family: test39, testbackup; }
+@font-face { font-family: test40; src: local("Arial Negreta"); }
+.test40 { font-family: test40, testbackup; }
+@font-face { font-family: test41; src: local("Arial Negrita Cursiva"); }
+.test41 { font-family: test41, testbackup; }
+@font-face { font-family: test42; src: local("Arial Negrita"); }
+.test42 { font-family: test42, testbackup; }
+@font-face { font-family: test43; src: local("Arial Negrito Itálico"); }
+.test43 { font-family: test43, testbackup; }
+@font-face { font-family: test44; src: local("Arial Negrito"); }
+.test44 { font-family: test44, testbackup; }
+@font-face { font-family: test45; src: local("Arial Pogrubiona kursywa"); }
+.test45 { font-family: test45, testbackup; }
+@font-face { font-family: test46; src: local("Arial Pogrubiony"); }
+.test46 { font-family: test46, testbackup; }
+@font-face { font-family: test47; src: local("Arial Poševno"); }
+.test47 { font-family: test47, testbackup; }
+@font-face { font-family: test48; src: local("Arial Tučná kurzíva"); }
+.test48 { font-family: test48, testbackup; }
+@font-face { font-family: test49; src: local("Arial Tučné"); }
+.test49 { font-family: test49, testbackup; }
+@font-face { font-family: test50; src: local("Arial Vet Cursief"); }
+.test50 { font-family: test50, testbackup; }
+@font-face { font-family: test51; src: local("Arial Vet"); }
+.test51 { font-family: test51, testbackup; }
+@font-face { font-family: test52; src: local("Arial fed kursiv"); }
+.test52 { font-family: test52, testbackup; }
+@font-face { font-family: test53; src: local("Arial fed"); }
+.test53 { font-family: test53, testbackup; }
+@font-face { font-family: test54; src: local("Arial kursiv"); }
+.test54 { font-family: test54, testbackup; }
+@font-face { font-family: test55; src: local("Arial kurzíva"); }
+.test55 { font-family: test55, testbackup; }
+@font-face { font-family: test56; src: local("Arial nghiêng đậm"); }
+.test56 { font-family: test56, testbackup; }
+@font-face { font-family: test57; src: local("Arial nghiêng"); }
+.test57 { font-family: test57, testbackup; }
+@font-face { font-family: test58; src: local("Arial tučné kurzíva"); }
+.test58 { font-family: test58, testbackup; }
+@font-face { font-family: test59; src: local("Arial tučné"); }
+.test59 { font-family: test59, testbackup; }
+@font-face { font-family: test60; src: local("Arial İtalik"); }
+.test60 { font-family: test60, testbackup; }
+@font-face { font-family: test61; src: local("Arial đậm"); }
+.test61 { font-family: test61, testbackup; }
+@font-face { font-family: test62; src: local("Arial Έντονα Πλάγια"); }
+.test62 { font-family: test62, testbackup; }
+@font-face { font-family: test63; src: local("Arial Έντονα"); }
+.test63 { font-family: test63, testbackup; }
+@font-face { font-family: test64; src: local("Arial Πλάγια"); }
+.test64 { font-family: test64, testbackup; }
+@font-face { font-family: test65; src: local("Arial Курсив"); }
+.test65 { font-family: test65, testbackup; }
+@font-face { font-family: test66; src: local("Arial Полужирный Курсив"); }
+.test66 { font-family: test66, testbackup; }
+@font-face { font-family: test67; src: local("Arial Полужирный"); }
+.test67 { font-family: test67, testbackup; }
+@font-face { font-family: test68; src: local("Brush Script MT Πλάγια"); }
+.test68 { font-family: test68, testbackup; }
+@font-face { font-family: test69; src: local("Brush Script MT Курсив"); }
+.test69 { font-family: test69, testbackup; }
+@font-face { font-family: test70; src: local("Century Gothic Halvfet"); }
+.test70 { font-family: test70, testbackup; }
+@font-face { font-family: test71; src: local("Century Gothic Italique"); }
+.test71 { font-family: test71, testbackup; }
+@font-face { font-family: test72; src: local("Century Gothic Kalın"); }
+.test72 { font-family: test72, testbackup; }
+@font-face { font-family: test73; src: local("Century Gothic Krepko poševno"); }
+.test73 { font-family: test73, testbackup; }
+@font-face { font-family: test74; src: local("Century Gothic Krepko"); }
+.test74 { font-family: test74, testbackup; }
+@font-face { font-family: test75; src: local("Century Gothic Kursiv"); }
+.test75 { font-family: test75, testbackup; }
+@font-face { font-family: test76; src: local("Comic Sans MS Negreta"); }
+.test76 { font-family: test76, testbackup; }
+@font-face { font-family: test77; src: local("Comic Sans MS Έντονα"); }
+.test77 { font-family: test77, testbackup; }
+@font-face { font-family: test78; src: local("Courier Carregado"); }
+.test78 { font-family: test78, testbackup; }
+@font-face { font-family: test79; src: local("Courier Fet"); }
+.test79 { font-family: test79, testbackup; }
+@font-face { font-family: test80; src: local("Courier Fett"); }
+.test80 { font-family: test80, testbackup; }
+@font-face { font-family: test81; src: local("Courier Gras"); }
+.test81 { font-family: test81, testbackup; }
+@font-face { font-family: test82; src: local("Courier lihava"); }
+.test82 { font-family: test82, testbackup; }
+@font-face { font-family: test83; src: local("Courier vet"); }
+.test83 { font-family: test83, testbackup; }
+@font-face { font-family: test84; src: local("Courier‭ ‬עבה"); }
+.test84 { font-family: test84, testbackup; }
+@font-face { font-family: test85; src: local("Courier‭ ‬أسود"); }
+.test85 { font-family: test85, testbackup; }
+@font-face { font-family: test86; src: local("Courier‭ ‬برجسته"); }
+.test86 { font-family: test86, testbackup; }
+@font-face { font-family: test87; src: local("EucrosiaUPC Полужирный"); }
+.test87 { font-family: test87, testbackup; }
+@font-face { font-family: test88; src: local("Franklin Gothic Medium Kursiv"); }
+.test88 { font-family: test88, testbackup; }
+@font-face { font-family: test89; src: local("Garamond Kursywa"); }
+.test89 { font-family: test89, testbackup; }
+@font-face { font-family: test90; src: local("Garamond Kurzíva"); }
+.test90 { font-family: test90, testbackup; }
+@font-face { font-family: test91; src: local("Georgia Italique"); }
+.test91 { font-family: test91, testbackup; }
+@font-face { font-family: test92; src: local("Georgia Itálico"); }
+.test92 { font-family: test92, testbackup; }
+@font-face { font-family: test93; src: local("Georgia Kalın İtalik"); }
+.test93 { font-family: test93, testbackup; }
+@font-face { font-family: test94; src: local("HGP明朝B"); }
+.test94 { font-family: test94, testbackup; }
+@font-face { font-family: test95; src: local("HGP明朝E"); }
+.test95 { font-family: test95, testbackup; }
+@font-face { font-family: test96; src: local("HGPｺﾞｼｯｸE"); }
+.test96 { font-family: test96, testbackup; }
+@font-face { font-family: test97; src: local("HGPｺﾞｼｯｸM"); }
+.test97 { font-family: test97, testbackup; }
+@font-face { font-family: test98; src: local("HGP創英角ｺﾞｼｯｸUB"); }
+.test98 { font-family: test98, testbackup; }
+@font-face { font-family: test99; src: local("HGS明朝B"); }
+.test99 { font-family: test99, testbackup; }
+@font-face { font-family: test100; src: local("HGS明朝E"); }
+.test100 { font-family: test100, testbackup; }
+@font-face { font-family: test101; src: local("HGS行書体"); }
+.test101 { font-family: test101, testbackup; }
+@font-face { font-family: test102; src: local("HGS教科書体"); }
+.test102 { font-family: test102, testbackup; }
+@font-face { font-family: test103; src: local("HGSｺﾞｼｯｸE"); }
+.test103 { font-family: test103, testbackup; }
+@font-face { font-family: test104; src: local("HGSｺﾞｼｯｸM"); }
+.test104 { font-family: test104, testbackup; }
+@font-face { font-family: test105; src: local("HGS創英ﾌﾟﾚｾﾞﾝｽEB"); }
+.test105 { font-family: test105, testbackup; }
+@font-face { font-family: test106; src: local("HG明朝B"); }
+.test106 { font-family: test106, testbackup; }
+@font-face { font-family: test107; src: local("HG正楷書体-PRO"); }
+.test107 { font-family: test107, testbackup; }
+@font-face { font-family: test108; src: local("HGｺﾞｼｯｸE"); }
+.test108 { font-family: test108, testbackup; }
+@font-face { font-family: test109; src: local("HGｺﾞｼｯｸM"); }
+.test109 { font-family: test109, testbackup; }
+@font-face { font-family: test110; src: local("HG丸ｺﾞｼｯｸM-PRO"); }
+.test110 { font-family: test110, testbackup; }
+@font-face { font-family: test111; src: local("HG創英ﾌﾟﾚｾﾞﾝｽEB"); }
+.test111 { font-family: test111, testbackup; }
+@font-face { font-family: test112; src: local("Helvetica Carregado"); }
+.test112 { font-family: test112, testbackup; }
+@font-face { font-family: test113; src: local("Helvetica‭ ‬עבה"); }
+.test113 { font-family: test113, testbackup; }
+@font-face { font-family: test114; src: local("Helvetica‭ ‬أسود"); }
+.test114 { font-family: test114, testbackup; }
+@font-face { font-family: test115; src: local("Helvetica‭ ‬برجسته"); }
+.test115 { font-family: test115, testbackup; }
+@font-face { font-family: test116; src: local("Osaka−等幅"); }
+.test116 { font-family: test116, testbackup; }
+@font-face { font-family: test117; src: local("Thonburi Carregado"); }
+.test117 { font-family: test117, testbackup; }
+@font-face { font-family: test118; src: local("Thonburi Gras"); }
+.test118 { font-family: test118, testbackup; }
+@font-face { font-family: test119; src: local("Thonburi vet"); }
+.test119 { font-family: test119, testbackup; }
+@font-face { font-family: test120; src: local("Times Cursiva"); }
+.test120 { font-family: test120, testbackup; }
+@font-face { font-family: test121; src: local("Times Gras"); }
+.test121 { font-family: test121, testbackup; }
+@font-face { font-family: test122; src: local("Times Negrita"); }
+.test122 { font-family: test122, testbackup; }
+@font-face { font-family: test123; src: local("Times New Roman Corsivo"); }
+.test123 { font-family: test123, testbackup; }
+@font-face { font-family: test124; src: local("Times New Roman Cursief"); }
+.test124 { font-family: test124, testbackup; }
+@font-face { font-family: test125; src: local("Times New Roman Cursiva"); }
+.test125 { font-family: test125, testbackup; }
+@font-face { font-family: test126; src: local("Times New Roman Dőlt"); }
+.test126 { font-family: test126, testbackup; }
+@font-face { font-family: test127; src: local("Times New Roman Etzana"); }
+.test127 { font-family: test127, testbackup; }
+@font-face { font-family: test128; src: local("Times New Roman Fet Kursiv"); }
+.test128 { font-family: test128, testbackup; }
+@font-face { font-family: test129; src: local("Times New Roman Fet"); }
+.test129 { font-family: test129, testbackup; }
+@font-face { font-family: test130; src: local("Times New Roman Fett Kursiv"); }
+.test130 { font-family: test130, testbackup; }
+@font-face { font-family: test131; src: local("Times New Roman Fett"); }
+.test131 { font-family: test131, testbackup; }
+@font-face { font-family: test132; src: local("Times New Roman Félkövér dőlt"); }
+.test132 { font-family: test132, testbackup; }
+@font-face { font-family: test133; src: local("Times New Roman Félkövér"); }
+.test133 { font-family: test133, testbackup; }
+@font-face { font-family: test134; src: local("Times New Roman Gras Italique"); }
+.test134 { font-family: test134, testbackup; }
+@font-face { font-family: test135; src: local("Times New Roman Gras"); }
+.test135 { font-family: test135, testbackup; }
+@font-face { font-family: test136; src: local("Times New Roman Grassetto Corsivo"); }
+.test136 { font-family: test136, testbackup; }
+@font-face { font-family: test137; src: local("Times New Roman Grassetto"); }
+.test137 { font-family: test137, testbackup; }
+@font-face { font-family: test138; src: local("Times New Roman Halvfet Kursiv"); }
+.test138 { font-family: test138, testbackup; }
+@font-face { font-family: test139; src: local("Times New Roman Halvfet"); }
+.test139 { font-family: test139, testbackup; }
+@font-face { font-family: test140; src: local("Times New Roman Italique"); }
+.test140 { font-family: test140, testbackup; }
+@font-face { font-family: test141; src: local("Times New Roman Itálico"); }
+.test141 { font-family: test141, testbackup; }
+@font-face { font-family: test142; src: local("Times New Roman Kalın İtalik"); }
+.test142 { font-family: test142, testbackup; }
+@font-face { font-family: test143; src: local("Times New Roman Kalın"); }
+.test143 { font-family: test143, testbackup; }
+@font-face { font-family: test144; src: local("Times New Roman Krepko poševno"); }
+.test144 { font-family: test144, testbackup; }
+@font-face { font-family: test145; src: local("Times New Roman Krepko"); }
+.test145 { font-family: test145, testbackup; }
+@font-face { font-family: test146; src: local("Times New Roman Kursiv"); }
+.test146 { font-family: test146, testbackup; }
+@font-face { font-family: test147; src: local("Times New Roman Kursivoitu"); }
+.test147 { font-family: test147, testbackup; }
+@font-face { font-family: test148; src: local("Times New Roman Kurzíva"); }
+.test148 { font-family: test148, testbackup; }
+@font-face { font-family: test149; src: local("Times New Roman Lihavoitu Kursivoi"); }
+.test149 { font-family: test149, testbackup; }
+@font-face { font-family: test150; src: local("Times New Roman Lihavoitu"); }
+.test150 { font-family: test150, testbackup; }
+@font-face { font-family: test151; src: local("Times New Roman Lodi etzana"); }
+.test151 { font-family: test151, testbackup; }
+@font-face { font-family: test152; src: local("Times New Roman Lodia"); }
+.test152 { font-family: test152, testbackup; }
+@font-face { font-family: test153; src: local("Times New Roman Negreta cursiva"); }
+.test153 { font-family: test153, testbackup; }
+@font-face { font-family: test154; src: local("Times New Roman Negreta"); }
+.test154 { font-family: test154, testbackup; }
+@font-face { font-family: test155; src: local("Times New Roman Negrita Cursiva"); }
+.test155 { font-family: test155, testbackup; }
+@font-face { font-family: test156; src: local("Times New Roman Negrita"); }
+.test156 { font-family: test156, testbackup; }
+@font-face { font-family: test157; src: local("Times New Roman Negrito Itálico"); }
+.test157 { font-family: test157, testbackup; }
+@font-face { font-family: test158; src: local("Times New Roman Negrito"); }
+.test158 { font-family: test158, testbackup; }
+@font-face { font-family: test159; src: local("Times New Roman Pogrubiona kursywa"); }
+.test159 { font-family: test159, testbackup; }
+@font-face { font-family: test160; src: local("Times New Roman Pogrubiona"); }
+.test160 { font-family: test160, testbackup; }
+@font-face { font-family: test161; src: local("Times New Roman Poševno"); }
+.test161 { font-family: test161, testbackup; }
+@font-face { font-family: test162; src: local("Times New Roman Tučná kurzíva"); }
+.test162 { font-family: test162, testbackup; }
+@font-face { font-family: test163; src: local("Times New Roman Tučné"); }
+.test163 { font-family: test163, testbackup; }
+@font-face { font-family: test164; src: local("Times New Roman Vet Cursief"); }
+.test164 { font-family: test164, testbackup; }
+@font-face { font-family: test165; src: local("Times New Roman Vet"); }
+.test165 { font-family: test165, testbackup; }
+@font-face { font-family: test166; src: local("Times New Roman cursiva"); }
+.test166 { font-family: test166, testbackup; }
+@font-face { font-family: test167; src: local("Times New Roman fed kursiv"); }
+.test167 { font-family: test167, testbackup; }
+@font-face { font-family: test168; src: local("Times New Roman fed"); }
+.test168 { font-family: test168, testbackup; }
+@font-face { font-family: test169; src: local("Times New Roman kursiv"); }
+.test169 { font-family: test169, testbackup; }
+@font-face { font-family: test170; src: local("Times New Roman kursywa"); }
+.test170 { font-family: test170, testbackup; }
+@font-face { font-family: test171; src: local("Times New Roman kurzíva"); }
+.test171 { font-family: test171, testbackup; }
+@font-face { font-family: test172; src: local("Times New Roman nghiêng đậm"); }
+.test172 { font-family: test172, testbackup; }
+@font-face { font-family: test173; src: local("Times New Roman nghiêng"); }
+.test173 { font-family: test173, testbackup; }
+@font-face { font-family: test174; src: local("Times New Roman tučné kurzíva"); }
+.test174 { font-family: test174, testbackup; }
+@font-face { font-family: test175; src: local("Times New Roman tučné"); }
+.test175 { font-family: test175, testbackup; }
+@font-face { font-family: test176; src: local("Times New Roman İtalik"); }
+.test176 { font-family: test176, testbackup; }
+@font-face { font-family: test177; src: local("Times New Roman đậm"); }
+.test177 { font-family: test177, testbackup; }
+@font-face { font-family: test178; src: local("Times New Roman Έντονα Πλάγια"); }
+.test178 { font-family: test178, testbackup; }
+@font-face { font-family: test179; src: local("Times New Roman Έντονα"); }
+.test179 { font-family: test179, testbackup; }
+@font-face { font-family: test180; src: local("Times New Roman Πλάγια"); }
+.test180 { font-family: test180, testbackup; }
+@font-face { font-family: test181; src: local("Times New Roman Курсив"); }
+.test181 { font-family: test181, testbackup; }
+@font-face { font-family: test182; src: local("Times New Roman Полужирный Курсив"); }
+.test182 { font-family: test182, testbackup; }
+@font-face { font-family: test183; src: local("Times New Roman Полужирный"); }
+.test183 { font-family: test183, testbackup; }
+@font-face { font-family: test184; src: local("Times grassetto"); }
+.test184 { font-family: test184, testbackup; }
+@font-face { font-family: test185; src: local("Verdana Corsivo"); }
+.test185 { font-family: test185, testbackup; }
+@font-face { font-family: test186; src: local("Verdana Cursief"); }
+.test186 { font-family: test186, testbackup; }
+@font-face { font-family: test187; src: local("Verdana Cursiva"); }
+.test187 { font-family: test187, testbackup; }
+@font-face { font-family: test188; src: local("Verdana Dőlt"); }
+.test188 { font-family: test188, testbackup; }
+@font-face { font-family: test189; src: local("Verdana Etzana"); }
+.test189 { font-family: test189, testbackup; }
+@font-face { font-family: test190; src: local("Verdana Fet Kursiv"); }
+.test190 { font-family: test190, testbackup; }
+@font-face { font-family: test191; src: local("Verdana Fet"); }
+.test191 { font-family: test191, testbackup; }
+@font-face { font-family: test192; src: local("Verdana Fett Kursiv"); }
+.test192 { font-family: test192, testbackup; }
+@font-face { font-family: test193; src: local("Verdana Fett"); }
+.test193 { font-family: test193, testbackup; }
+@font-face { font-family: test194; src: local("Verdana Félkövér dőlt"); }
+.test194 { font-family: test194, testbackup; }
+@font-face { font-family: test195; src: local("Verdana Félkövér"); }
+.test195 { font-family: test195, testbackup; }
+@font-face { font-family: test196; src: local("Verdana Gras Italique"); }
+.test196 { font-family: test196, testbackup; }
+@font-face { font-family: test197; src: local("Verdana Gras"); }
+.test197 { font-family: test197, testbackup; }
+@font-face { font-family: test198; src: local("Verdana Grassetto Corsivo"); }
+.test198 { font-family: test198, testbackup; }
+@font-face { font-family: test199; src: local("Verdana Grassetto"); }
+.test199 { font-family: test199, testbackup; }
+@font-face { font-family: test200; src: local("Verdana Halvfet Kursiv"); }
+.test200 { font-family: test200, testbackup; }
+@font-face { font-family: test201; src: local("Verdana Halvfet"); }
+.test201 { font-family: test201, testbackup; }
+@font-face { font-family: test202; src: local("Verdana Italique"); }
+.test202 { font-family: test202, testbackup; }
+@font-face { font-family: test203; src: local("Verdana Itálico"); }
+.test203 { font-family: test203, testbackup; }
+@font-face { font-family: test204; src: local("Verdana Kalın İtalik"); }
+.test204 { font-family: test204, testbackup; }
+@font-face { font-family: test205; src: local("Verdana Kalın"); }
+.test205 { font-family: test205, testbackup; }
+@font-face { font-family: test206; src: local("Verdana Krepko poševno"); }
+.test206 { font-family: test206, testbackup; }
+@font-face { font-family: test207; src: local("Verdana Krepko"); }
+.test207 { font-family: test207, testbackup; }
+@font-face { font-family: test208; src: local("Verdana Kursiv"); }
+.test208 { font-family: test208, testbackup; }
+@font-face { font-family: test209; src: local("Verdana Kursivoitu"); }
+.test209 { font-family: test209, testbackup; }
+@font-face { font-family: test210; src: local("Verdana Kursywa"); }
+.test210 { font-family: test210, testbackup; }
+@font-face { font-family: test211; src: local("Verdana Kurzíva"); }
+.test211 { font-family: test211, testbackup; }
+@font-face { font-family: test212; src: local("Verdana Lihavoitu Kursivoi"); }
+.test212 { font-family: test212, testbackup; }
+@font-face { font-family: test213; src: local("Verdana Lihavoitu"); }
+.test213 { font-family: test213, testbackup; }
+@font-face { font-family: test214; src: local("Verdana Lodi etzana"); }
+.test214 { font-family: test214, testbackup; }
+@font-face { font-family: test215; src: local("Verdana Lodia"); }
+.test215 { font-family: test215, testbackup; }
+@font-face { font-family: test216; src: local("Verdana Negreta cursiva"); }
+.test216 { font-family: test216, testbackup; }
+@font-face { font-family: test217; src: local("Verdana Negreta"); }
+.test217 { font-family: test217, testbackup; }
+@font-face { font-family: test218; src: local("Verdana Negrita Cursiva"); }
+.test218 { font-family: test218, testbackup; }
+@font-face { font-family: test219; src: local("Verdana Negrita"); }
+.test219 { font-family: test219, testbackup; }
+@font-face { font-family: test220; src: local("Verdana Negrito Itálico"); }
+.test220 { font-family: test220, testbackup; }
+@font-face { font-family: test221; src: local("Verdana Negrito"); }
+.test221 { font-family: test221, testbackup; }
+@font-face { font-family: test222; src: local("Verdana Pogrubiona kursywa"); }
+.test222 { font-family: test222, testbackup; }
+@font-face { font-family: test223; src: local("Verdana Pogrubiony"); }
+.test223 { font-family: test223, testbackup; }
+@font-face { font-family: test224; src: local("Verdana Poševno"); }
+.test224 { font-family: test224, testbackup; }
+@font-face { font-family: test225; src: local("Verdana Tučná kurzíva"); }
+.test225 { font-family: test225, testbackup; }
+@font-face { font-family: test226; src: local("Verdana Tučné"); }
+.test226 { font-family: test226, testbackup; }
+@font-face { font-family: test227; src: local("Verdana Vet Cursief"); }
+.test227 { font-family: test227, testbackup; }
+@font-face { font-family: test228; src: local("Verdana Vet"); }
+.test228 { font-family: test228, testbackup; }
+@font-face { font-family: test229; src: local("Verdana fed kursiv"); }
+.test229 { font-family: test229, testbackup; }
+@font-face { font-family: test230; src: local("Verdana fed"); }
+.test230 { font-family: test230, testbackup; }
+@font-face { font-family: test231; src: local("Verdana kursiv"); }
+.test231 { font-family: test231, testbackup; }
+@font-face { font-family: test232; src: local("Verdana kurzíva"); }
+.test232 { font-family: test232, testbackup; }
+@font-face { font-family: test233; src: local("Verdana tučné kurzíva"); }
+.test233 { font-family: test233, testbackup; }
+@font-face { font-family: test234; src: local("Verdana tučné"); }
+.test234 { font-family: test234, testbackup; }
+@font-face { font-family: test235; src: local("Verdana İtalik"); }
+.test235 { font-family: test235, testbackup; }
+@font-face { font-family: test236; src: local("Verdana Έντονα Πλάγια"); }
+.test236 { font-family: test236, testbackup; }
+@font-face { font-family: test237; src: local("Verdana Έντονα"); }
+.test237 { font-family: test237, testbackup; }
+@font-face { font-family: test238; src: local("Verdana Πλάγια"); }
+.test238 { font-family: test238, testbackup; }
+@font-face { font-family: test239; src: local("Verdana Курсив"); }
+.test239 { font-family: test239, testbackup; }
+@font-face { font-family: test240; src: local("Verdana Полужирный Курсив"); }
+.test240 { font-family: test240, testbackup; }
+@font-face { font-family: test241; src: local("Verdana Полужирный"); }
+.test241 { font-family: test241, testbackup; }
+@font-face { font-family: test242; src: local("儷宋 Pro"); }
+.test242 { font-family: test242, testbackup; }
+@font-face { font-family: test243; src: local("儷黑 Pro"); }
+.test243 { font-family: test243, testbackup; }
+@font-face { font-family: test244; src: local("ＭＳ 明朝"); }
+.test244 { font-family: test244, testbackup; }
+@font-face { font-family: test245; src: local("ＭＳ Ｐ明朝"); }
+.test245 { font-family: test245, testbackup; }
+@font-face { font-family: test246; src: local("ＭＳ ゴシック"); }
+.test246 { font-family: test246, testbackup; }
+@font-face { font-family: test247; src: local("ＭＳ Ｐゴシック"); }
+.test247 { font-family: test247, testbackup; }
+@font-face { font-family: test248; src: local("仿宋"); }
+.test248 { font-family: test248, testbackup; }
+@font-face { font-family: test249; src: local("楷体"); }
+.test249 { font-family: test249, testbackup; }
+@font-face { font-family: test250; src: local("굴림"); }
+.test250 { font-family: test250, testbackup; }
+@font-face { font-family: test251; src: local("궁서"); }
+.test251 { font-family: test251, testbackup; }
+@font-face { font-family: test252; src: local("돋움"); }
+.test252 { font-family: test252, testbackup; }
+@font-face { font-family: test253; src: local("바탕"); }
+.test253 { font-family: test253, testbackup; }
+@font-face { font-family: test254; src: local("標楷體"); }
+.test254 { font-family: test254, testbackup; }
+@font-face { font-family: test255; src: local("細明體"); }
+.test255 { font-family: test255, testbackup; }
+@font-face { font-family: test256; src: local("굴림체"); }
+.test256 { font-family: test256, testbackup; }
+@font-face { font-family: test257; src: local("바탕체"); }
+.test257 { font-family: test257, testbackup; }
+@font-face { font-family: test258; src: local("細明體-ExtB"); }
+.test258 { font-family: test258, testbackup; }
+@font-face { font-family: test259; src: local("細明體_HKSCS"); }
+.test259 { font-family: test259, testbackup; }
+@font-face { font-family: test260; src: local("メイリオ ボールド イタリック"); }
+.test260 { font-family: test260, testbackup; }
+@font-face { font-family: test261; src: local("メイリオ ボールド"); }
+.test261 { font-family: test261, testbackup; }
+@font-face { font-family: test262; src: local("メイリオ"); }
+.test262 { font-family: test262, testbackup; }
+@font-face { font-family: test263; src: local("华文仿宋"); }
+.test263 { font-family: test263, testbackup; }
+@font-face { font-family: test264; src: local("华文细黑"); }
+.test264 { font-family: test264, testbackup; }
+@font-face { font-family: test265; src: local("华文黑体"); }
+.test265 { font-family: test265, testbackup; }
+@font-face { font-family: test266; src: local("微软雅黑"); }
+.test266 { font-family: test266, testbackup; }
+@font-face { font-family: test267; src: local("新細明體"); }
+.test267 { font-family: test267, testbackup; }
+@font-face { font-family: test268; src: local("新細明體-ExtB"); }
+.test268 { font-family: test268, testbackup; }
+@font-face { font-family: test269; src: local("微軟正黑體 Bold"); }
+.test269 { font-family: test269, testbackup; }
+@font-face { font-family: test270; src: local("רעננה"); }
+.test270 { font-family: test270, testbackup; }
+@font-face { font-family: test271; src: local("微軟正黑體"); }
+.test271 { font-family: test271, testbackup; }
+@font-face { font-family: test272; src: local("蘋果儷中黑"); }
+.test272 { font-family: test272, testbackup; }
+@font-face { font-family: test273; src: local("蘋果儷細宋"); }
+.test273 { font-family: test273, testbackup; }
+@font-face { font-family: test274; src: local("ヒラギノ角ゴ Pro W3"); }
+.test274 { font-family: test274, testbackup; }
+@font-face { font-family: test275; src: local("ヒラギノ丸ゴ Pro W4"); }
+.test275 { font-family: test275, testbackup; }
+@font-face { font-family: test276; src: local("ヒラギノ明朝 Pro W6"); }
+.test276 { font-family: test276, testbackup; }
+@font-face { font-family: test277; src: local("ヒラギノ丸ゴ ProN W4"); }
+.test277 { font-family: test277, testbackup; }
+@font-face { font-family: test278; src: local("רעננה‭ ‬Bold"); }
+.test278 { font-family: test278, testbackup; }
+</style>
+
+</head>
+<body>
+
+<h4>The letter A should not appear below independent of locale:</h4>
+
+<p>(Mouse over to see local name used)</p>
+
+<table>
+<tr>
+<td class="test0" title="#궁서체 일반체">AA</td>
+<td class="test1" title="#헤드라인A 일반체">AA</td>
+<td class="test2" title="AppleGothic 일반체">AA</td>
+<td class="test3" title="Arial Black Normal">AA</td>
+<td class="test4" title="Arial Black Standard">AA</td>
+<td class="test5" title="Arial Black normal">AA</td>
+<td class="test6" title="Arial Black obyčejné">AA</td>
+<td class="test7" title="Arial Black Обычный">AA</td>
+<td class="test8" title="Arial Black Κανονικά">AA</td>
+<td class="test9" title="Arial Corsivo">AA</td>
+</tr>
+<tr>
+<td class="test10" title="Arial Cursief">AA</td>
+<td class="test11" title="Arial Cursiva">AA</td>
+<td class="test12" title="Arial Dőlt">AA</td>
+<td class="test13" title="Arial Etzana">AA</td>
+<td class="test14" title="Arial Fet Kursiv">AA</td>
+<td class="test15" title="Arial Fet">AA</td>
+<td class="test16" title="Arial Fett Kursiv">AA</td>
+<td class="test17" title="Arial Fett">AA</td>
+<td class="test18" title="Arial Félkövér dőlt">AA</td>
+<td class="test19" title="Arial Félkövér">AA</td>
+</tr>
+<tr>
+<td class="test20" title="Arial Gras Italique">AA</td>
+<td class="test21" title="Arial Gras">AA</td>
+<td class="test22" title="Arial Grassetto Corsivo">AA</td>
+<td class="test23" title="Arial Grassetto">AA</td>
+<td class="test24" title="Arial Halvfet Kursiv">AA</td>
+<td class="test25" title="Arial Halvfet">AA</td>
+<td class="test26" title="Arial Italique">AA</td>
+<td class="test27" title="Arial Itálico">AA</td>
+<td class="test28" title="Arial Kalın İtalik">AA</td>
+<td class="test29" title="Arial Kalın">AA</td>
+</tr>
+<tr>
+<td class="test30" title="Arial Krepko poševno">AA</td>
+<td class="test31" title="Arial Krepko">AA</td>
+<td class="test32" title="Arial Kursiv">AA</td>
+<td class="test33" title="Arial Kursivoitu">AA</td>
+<td class="test34" title="Arial Kursywa">AA</td>
+<td class="test35" title="Arial Kurzíva">AA</td>
+<td class="test36" title="Arial Lihavoitu Kursivoi">AA</td>
+<td class="test37" title="Arial Lihavoitu">AA</td>
+<td class="test38" title="Arial Lodi etzana">AA</td>
+<td class="test39" title="Arial Lodia">AA</td>
+</tr>
+<tr>
+<td class="test40" title="Arial Negreta">AA</td>
+<td class="test41" title="Arial Negrita Cursiva">AA</td>
+<td class="test42" title="Arial Negrita">AA</td>
+<td class="test43" title="Arial Negrito Itálico">AA</td>
+<td class="test44" title="Arial Negrito">AA</td>
+<td class="test45" title="Arial Pogrubiona kursywa">AA</td>
+<td class="test46" title="Arial Pogrubiony">AA</td>
+<td class="test47" title="Arial Poševno">AA</td>
+<td class="test48" title="Arial Tučná kurzíva">AA</td>
+<td class="test49" title="Arial Tučné">AA</td>
+</tr>
+<tr>
+<td class="test50" title="Arial Vet Cursief">AA</td>
+<td class="test51" title="Arial Vet">AA</td>
+<td class="test52" title="Arial fed kursiv">AA</td>
+<td class="test53" title="Arial fed">AA</td>
+<td class="test54" title="Arial kursiv">AA</td>
+<td class="test55" title="Arial kurzíva">AA</td>
+<td class="test56" title="Arial nghiêng đậm">AA</td>
+<td class="test57" title="Arial nghiêng">AA</td>
+<td class="test58" title="Arial tučné kurzíva">AA</td>
+<td class="test59" title="Arial tučné">AA</td>
+</tr>
+<tr>
+<td class="test60" title="Arial İtalik">AA</td>
+<td class="test61" title="Arial đậm">AA</td>
+<td class="test62" title="Arial Έντονα Πλάγια">AA</td>
+<td class="test63" title="Arial Έντονα">AA</td>
+<td class="test64" title="Arial Πλάγια">AA</td>
+<td class="test65" title="Arial Курсив">AA</td>
+<td class="test66" title="Arial Полужирный Курсив">AA</td>
+<td class="test67" title="Arial Полужирный">AA</td>
+<td class="test68" title="Brush Script MT Πλάγια">AA</td>
+<td class="test69" title="Brush Script MT Курсив">AA</td>
+</tr>
+<tr>
+<td class="test70" title="Century Gothic Halvfet">AA</td>
+<td class="test71" title="Century Gothic Italique">AA</td>
+<td class="test72" title="Century Gothic Kalın">AA</td>
+<td class="test73" title="Century Gothic Krepko poševno">AA</td>
+<td class="test74" title="Century Gothic Krepko">AA</td>
+<td class="test75" title="Century Gothic Kursiv">AA</td>
+<td class="test76" title="Comic Sans MS Negreta">AA</td>
+<td class="test77" title="Comic Sans MS Έντονα">AA</td>
+<td class="test78" title="Courier Carregado">AA</td>
+<td class="test79" title="Courier Fet">AA</td>
+</tr>
+<tr>
+<td class="test80" title="Courier Fett">AA</td>
+<td class="test81" title="Courier Gras">AA</td>
+<td class="test82" title="Courier lihava">AA</td>
+<td class="test83" title="Courier vet">AA</td>
+<td class="test84" title="Courier‭ ‬עבה">AA</td>
+<td class="test85" title="Courier‭ ‬أسود">AA</td>
+<td class="test86" title="Courier‭ ‬برجسته">AA</td>
+<td class="test87" title="EucrosiaUPC Полужирный">AA</td>
+<td class="test88" title="Franklin Gothic Medium Kursiv">AA</td>
+<td class="test89" title="Garamond Kursywa">AA</td>
+</tr>
+<tr>
+<td class="test90" title="Garamond Kurzíva">AA</td>
+<td class="test91" title="Georgia Italique">AA</td>
+<td class="test92" title="Georgia Itálico">AA</td>
+<td class="test93" title="Georgia Kalın İtalik">AA</td>
+<td class="test94" title="HGP明朝B">AA</td>
+<td class="test95" title="HGP明朝E">AA</td>
+<td class="test96" title="HGPｺﾞｼｯｸE">AA</td>
+<td class="test97" title="HGPｺﾞｼｯｸM">AA</td>
+<td class="test98" title="HGP創英角ｺﾞｼｯｸUB">AA</td>
+<td class="test99" title="HGS明朝B">AA</td>
+</tr>
+<tr>
+<td class="test100" title="HGS明朝E">AA</td>
+<td class="test101" title="HGS行書体">AA</td>
+<td class="test102" title="HGS教科書体">AA</td>
+<td class="test103" title="HGSｺﾞｼｯｸE">AA</td>
+<td class="test104" title="HGSｺﾞｼｯｸM">AA</td>
+<td class="test105" title="HGS創英ﾌﾟﾚｾﾞﾝｽEB">AA</td>
+<td class="test106" title="HG明朝B">AA</td>
+<td class="test107" title="HG正楷書体-PRO">AA</td>
+<td class="test108" title="HGｺﾞｼｯｸE">AA</td>
+<td class="test109" title="HGｺﾞｼｯｸM">AA</td>
+</tr>
+<tr>
+<td class="test110" title="HG丸ｺﾞｼｯｸM-PRO">AA</td>
+<td class="test111" title="HG創英ﾌﾟﾚｾﾞﾝｽEB">AA</td>
+<td class="test112" title="Helvetica Carregado">AA</td>
+<td class="test113" title="Helvetica‭ ‬עבה">AA</td>
+<td class="test114" title="Helvetica‭ ‬أسود">AA</td>
+<td class="test115" title="Helvetica‭ ‬برجسته">AA</td>
+<td class="test116" title="Osaka−等幅">AA</td>
+<td class="test117" title="Thonburi Carregado">AA</td>
+<td class="test118" title="Thonburi Gras">AA</td>
+<td class="test119" title="Thonburi vet">AA</td>
+</tr>
+<tr>
+<td class="test120" title="Times Cursiva">AA</td>
+<td class="test121" title="Times Gras">AA</td>
+<td class="test122" title="Times Negrita">AA</td>
+<td class="test123" title="Times New Roman Corsivo">AA</td>
+<td class="test124" title="Times New Roman Cursief">AA</td>
+<td class="test125" title="Times New Roman Cursiva">AA</td>
+<td class="test126" title="Times New Roman Dőlt">AA</td>
+<td class="test127" title="Times New Roman Etzana">AA</td>
+<td class="test128" title="Times New Roman Fet Kursiv">AA</td>
+<td class="test129" title="Times New Roman Fet">AA</td>
+</tr>
+<tr>
+<td class="test130" title="Times New Roman Fett Kursiv">AA</td>
+<td class="test131" title="Times New Roman Fett">AA</td>
+<td class="test132" title="Times New Roman Félkövér dőlt">AA</td>
+<td class="test133" title="Times New Roman Félkövér">AA</td>
+<td class="test134" title="Times New Roman Gras Italique">AA</td>
+<td class="test135" title="Times New Roman Gras">AA</td>
+<td class="test136" title="Times New Roman Grassetto Corsivo">AA</td>
+<td class="test137" title="Times New Roman Grassetto">AA</td>
+<td class="test138" title="Times New Roman Halvfet Kursiv">AA</td>
+<td class="test139" title="Times New Roman Halvfet">AA</td>
+</tr>
+<tr>
+<td class="test140" title="Times New Roman Italique">AA</td>
+<td class="test141" title="Times New Roman Itálico">AA</td>
+<td class="test142" title="Times New Roman Kalın İtalik">AA</td>
+<td class="test143" title="Times New Roman Kalın">AA</td>
+<td class="test144" title="Times New Roman Krepko poševno">AA</td>
+<td class="test145" title="Times New Roman Krepko">AA</td>
+<td class="test146" title="Times New Roman Kursiv">AA</td>
+<td class="test147" title="Times New Roman Kursivoitu">AA</td>
+<td class="test148" title="Times New Roman Kurzíva">AA</td>
+<td class="test149" title="Times New Roman Lihavoitu Kursivoi">AA</td>
+</tr>
+<tr>
+<td class="test150" title="Times New Roman Lihavoitu">AA</td>
+<td class="test151" title="Times New Roman Lodi etzana">AA</td>
+<td class="test152" title="Times New Roman Lodia">AA</td>
+<td class="test153" title="Times New Roman Negreta cursiva">AA</td>
+<td class="test154" title="Times New Roman Negreta">AA</td>
+<td class="test155" title="Times New Roman Negrita Cursiva">AA</td>
+<td class="test156" title="Times New Roman Negrita">AA</td>
+<td class="test157" title="Times New Roman Negrito Itálico">AA</td>
+<td class="test158" title="Times New Roman Negrito">AA</td>
+<td class="test159" title="Times New Roman Pogrubiona kursywa">AA</td>
+</tr>
+<tr>
+<td class="test160" title="Times New Roman Pogrubiona">AA</td>
+<td class="test161" title="Times New Roman Poševno">AA</td>
+<td class="test162" title="Times New Roman Tučná kurzíva">AA</td>
+<td class="test163" title="Times New Roman Tučné">AA</td>
+<td class="test164" title="Times New Roman Vet Cursief">AA</td>
+<td class="test165" title="Times New Roman Vet">AA</td>
+<td class="test166" title="Times New Roman cursiva">AA</td>
+<td class="test167" title="Times New Roman fed kursiv">AA</td>
+<td class="test168" title="Times New Roman fed">AA</td>
+<td class="test169" title="Times New Roman kursiv">AA</td>
+</tr>
+<tr>
+<td class="test170" title="Times New Roman kursywa">AA</td>
+<td class="test171" title="Times New Roman kurzíva">AA</td>
+<td class="test172" title="Times New Roman nghiêng đậm">AA</td>
+<td class="test173" title="Times New Roman nghiêng">AA</td>
+<td class="test174" title="Times New Roman tučné kurzíva">AA</td>
+<td class="test175" title="Times New Roman tučné">AA</td>
+<td class="test176" title="Times New Roman İtalik">AA</td>
+<td class="test177" title="Times New Roman đậm">AA</td>
+<td class="test178" title="Times New Roman Έντονα Πλάγια">AA</td>
+<td class="test179" title="Times New Roman Έντονα">AA</td>
+</tr>
+<tr>
+<td class="test180" title="Times New Roman Πλάγια">AA</td>
+<td class="test181" title="Times New Roman Курсив">AA</td>
+<td class="test182" title="Times New Roman Полужирный Курсив">AA</td>
+<td class="test183" title="Times New Roman Полужирный">AA</td>
+<td class="test184" title="Times grassetto">AA</td>
+<td class="test185" title="Verdana Corsivo">AA</td>
+<td class="test186" title="Verdana Cursief">AA</td>
+<td class="test187" title="Verdana Cursiva">AA</td>
+<td class="test188" title="Verdana Dőlt">AA</td>
+<td class="test189" title="Verdana Etzana">AA</td>
+</tr>
+<tr>
+<td class="test190" title="Verdana Fet Kursiv">AA</td>
+<td class="test191" title="Verdana Fet">AA</td>
+<td class="test192" title="Verdana Fett Kursiv">AA</td>
+<td class="test193" title="Verdana Fett">AA</td>
+<td class="test194" title="Verdana Félkövér dőlt">AA</td>
+<td class="test195" title="Verdana Félkövér">AA</td>
+<td class="test196" title="Verdana Gras Italique">AA</td>
+<td class="test197" title="Verdana Gras">AA</td>
+<td class="test198" title="Verdana Grassetto Corsivo">AA</td>
+<td class="test199" title="Verdana Grassetto">AA</td>
+</tr>
+<tr>
+<td class="test200" title="Verdana Halvfet Kursiv">AA</td>
+<td class="test201" title="Verdana Halvfet">AA</td>
+<td class="test202" title="Verdana Italique">AA</td>
+<td class="test203" title="Verdana Itálico">AA</td>
+<td class="test204" title="Verdana Kalın İtalik">AA</td>
+<td class="test205" title="Verdana Kalın">AA</td>
+<td class="test206" title="Verdana Krepko poševno">AA</td>
+<td class="test207" title="Verdana Krepko">AA</td>
+<td class="test208" title="Verdana Kursiv">AA</td>
+<td class="test209" title="Verdana Kursivoitu">AA</td>
+</tr>
+<tr>
+<td class="test210" title="Verdana Kursywa">AA</td>
+<td class="test211" title="Verdana Kurzíva">AA</td>
+<td class="test212" title="Verdana Lihavoitu Kursivoi">AA</td>
+<td class="test213" title="Verdana Lihavoitu">AA</td>
+<td class="test214" title="Verdana Lodi etzana">AA</td>
+<td class="test215" title="Verdana Lodia">AA</td>
+<td class="test216" title="Verdana Negreta cursiva">AA</td>
+<td class="test217" title="Verdana Negreta">AA</td>
+<td class="test218" title="Verdana Negrita Cursiva">AA</td>
+<td class="test219" title="Verdana Negrita">AA</td>
+</tr>
+<tr>
+<td class="test220" title="Verdana Negrito Itálico">AA</td>
+<td class="test221" title="Verdana Negrito">AA</td>
+<td class="test222" title="Verdana Pogrubiona kursywa">AA</td>
+<td class="test223" title="Verdana Pogrubiony">AA</td>
+<td class="test224" title="Verdana Poševno">AA</td>
+<td class="test225" title="Verdana Tučná kurzíva">AA</td>
+<td class="test226" title="Verdana Tučné">AA</td>
+<td class="test227" title="Verdana Vet Cursief">AA</td>
+<td class="test228" title="Verdana Vet">AA</td>
+<td class="test229" title="Verdana fed kursiv">AA</td>
+</tr>
+<tr>
+<td class="test230" title="Verdana fed">AA</td>
+<td class="test231" title="Verdana kursiv">AA</td>
+<td class="test232" title="Verdana kurzíva">AA</td>
+<td class="test233" title="Verdana tučné kurzíva">AA</td>
+<td class="test234" title="Verdana tučné">AA</td>
+<td class="test235" title="Verdana İtalik">AA</td>
+<td class="test236" title="Verdana Έντονα Πλάγια">AA</td>
+<td class="test237" title="Verdana Έντονα">AA</td>
+<td class="test238" title="Verdana Πλάγια">AA</td>
+<td class="test239" title="Verdana Курсив">AA</td>
+</tr>
+<tr>
+<td class="test240" title="Verdana Полужирный Курсив">AA</td>
+<td class="test241" title="Verdana Полужирный">AA</td>
+<td class="test242" title="儷宋 Pro">AA</td>
+<td class="test243" title="儷黑 Pro">AA</td>
+<td class="test244" title="ＭＳ 明朝">AA</td>
+<td class="test245" title="ＭＳ Ｐ明朝">AA</td>
+<td class="test246" title="ＭＳ ゴシック">AA</td>
+<td class="test247" title="ＭＳ Ｐゴシック">AA</td>
+<td class="test248" title="仿宋">AA</td>
+<td class="test249" title="楷体">AA</td>
+</tr>
+<tr>
+<td class="test250" title="굴림">AA</td>
+<td class="test251" title="궁서">AA</td>
+<td class="test252" title="돋움">AA</td>
+<td class="test253" title="바탕">AA</td>
+<td class="test254" title="標楷體">AA</td>
+<td class="test255" title="細明體">AA</td>
+<td class="test256" title="굴림체">AA</td>
+<td class="test257" title="바탕체">AA</td>
+<td class="test258" title="細明體-ExtB">AA</td>
+<td class="test259" title="細明體_HKSCS">AA</td>
+</tr>
+<tr>
+<td class="test260" title="メイリオ ボールド イタリック">AA</td>
+<td class="test261" title="メイリオ ボールド">AA</td>
+<td class="test262" title="メイリオ">AA</td>
+<td class="test263" title="华文仿宋">AA</td>
+<td class="test264" title="华文细黑">AA</td>
+<td class="test265" title="华文黑体">AA</td>
+<td class="test266" title="微软雅黑">AA</td>
+<td class="test267" title="新細明體">AA</td>
+<td class="test268" title="新細明體-ExtB">AA</td>
+<td class="test269" title="微軟正黑體 Bold">AA</td>
+</tr>
+<tr>
+<td class="test270" title="רעננה">AA</td>
+<td class="test271" title="微軟正黑體">AA</td>
+<td class="test272" title="蘋果儷中黑">AA</td>
+<td class="test273" title="蘋果儷細宋">AA</td>
+<td class="test274" title="ヒラギノ角ゴ Pro W3">AA</td>
+<td class="test275" title="ヒラギノ丸ゴ Pro W4">AA</td>
+<td class="test276" title="ヒラギノ明朝 Pro W6">AA</td>
+<td class="test277" title="ヒラギノ丸ゴ ProN W4">AA</td>
+<td class="test278" title="רעננה‭ ‬Bold">AA</td>
+</tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/src-list-local-ps.html b/layout/reftests/font-face/src-list-local-ps.html
new file mode 100644
index 0000000000..4ca4335dee
--- /dev/null
+++ b/layout/reftests/font-face/src-list-local-ps.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>src local with postscript names</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24pt;
+}
+
+/* use full names */
+
+@font-face {
+  font-family: test-regular;
+  src: local(HelveticaNeue), local(BitstreamVeraSans-Roman), local(FreeSans), 
+       local(SwissA), local(DejaVuSans), local(ArialMT);
+}
+
+/* use Helvetica on the Mac, since Futura has no bold face on 10.4, 10.5 */
+@font-face {
+  font-family: test-bold;
+  src: local(HelveticaNeue-Bold), local(BitstreamVeraSans-Bold), 
+       local(FreeSansBold), local(SwissA-Bold), local(DejaVuSans-Bold),
+       local(Arial-BoldMT);
+}
+
+@font-face {
+  font-family: test-italic;
+  src: local(HelveticaNeue-Italic), local(BitstreamVeraSans-Oblique), 
+       local(FreeSansOblique), local(SwissA-Italic),
+       local(DejaVuSans-Oblique), local(Arial-ItalicMT);
+}
+
+.regular { font-family: test-regular, serif; }
+.bold { font-family: test-bold, serif; }
+.italic { font-family: test-italic, serif; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p class="regular">This should be a sans-serif face</p>
+
+<p class="bold">This should be a bold sans-serif face</p>
+
+<p class="italic">This should be an italic sans-serif face</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/synthetic-variations-ref.html b/layout/reftests/font-face/synthetic-variations-ref.html
new file mode 100644
index 0000000000..f691640889
--- /dev/null
+++ b/layout/reftests/font-face/synthetic-variations-ref.html
@@ -0,0 +1,81 @@
+<!DOCTYPE HTML>
+<html><head>
+
+
+<title>@font-face and synthetic rendering</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  
+<style type="text/css">
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+body {
+  margin: 50px;
+  font-family: sans-serif;
+  font-size: 18pt;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+#test1, #test2, #test3 { font-family: test, Times New Roman, Times, Bitstream Vera, serif; }
+
+th, td {
+  padding-left: 1em;
+  padding-right: 1em;
+  text-align: left;
+}
+
+th { font-weight: normal; }
+td { font-weight: bold; }
+em { font-style: italic; }
+
+</style>
+
+   
+</head><body>
+
+<p>All lines should appear in a sans-serif face with proper bolding</p>
+
+<table id="test1">
+<tr class="w1"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w2"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w3"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w4"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w5"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w6"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w7"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w8"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w9"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+</table>
+
+<table id="test2">
+<tr class="w9"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w8"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w7"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w6"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w5"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w4"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w3"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w2"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+<tr class="w1"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr>
+</table>
+
+<table id="test3">
+<tr class="w1"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w2"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w3"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w4"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w5"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w6"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w7"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w8"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w9"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+</table>
+
+</body></html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/synthetic-variations.html b/layout/reftests/font-face/synthetic-variations.html
new file mode 100644
index 0000000000..c5fbd7e7b7
--- /dev/null
+++ b/layout/reftests/font-face/synthetic-variations.html
@@ -0,0 +1,140 @@
+<!DOCTYPE HTML>
+<html><head>
+
+
+<title>@font-face and synthetic rendering</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  
+<style type="text/css">
+
+@font-face {
+  font-family: test1;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test2;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test3;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test3;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: 300;
+}
+
+body {
+  margin: 50px;
+  font-family: sans-serif;
+  font-size: 18pt;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+#test1 { font-family: test1, Times New Roman, Times, Bitstream Vera, serif; }
+#test2 { font-family: test2, Times New Roman, Times, Bitstream Vera, serif; }
+#test3 { font-family: test3, Times New Roman, Times, Bitstream Vera, serif; }
+
+th, td {
+  font-weight: inherit;
+  padding-left: 1em;
+  padding-right: 1em;
+  text-align: left;
+}
+
+em { font-style: italic; }
+
+#test1 .w1 td, #test1 .w1 td span { font-weight: bolder; }
+#test1 .w2 td, #test1 .w2 td span { font-weight: bolder; }
+#test1 .w3 td, #test1 .w3 td span { font-weight: bolder; }
+#test1 .w4 td { font-weight: bolder; }
+#test1 .w5 td { font-weight: bolder; }
+#test1 .w6 th { font-weight: lighter; }
+#test1 .w7 th { font-weight: lighter; }
+#test1 .w8 th, #test1 .w8 th span { font-weight: lighter; }
+#test1 .w9 th, #test1 .w9 th span { font-weight: lighter; }
+
+#test2 .w1 td, #test2 .w1 td span { font-weight: bolder; }
+#test2 .w2 td, #test2 .w2 td span { font-weight: bolder; }
+#test2 .w3 td, #test2 .w3 td span { font-weight: bolder; }
+#test2 .w4 td { font-weight: bolder; }
+#test2 .w5 td { font-weight: bolder; }
+#test2 .w6 th { font-weight: lighter; }
+#test2 .w7 th { font-weight: lighter; }
+#test2 .w8 th, #test2 .w8 th span { font-weight: lighter; }
+#test2 .w9 th, #test2 .w9 th span { font-weight: lighter; }
+
+#test3 .w1 th, #test3 .w1 td, #test3 .w1 td span { font-weight: bolder; }
+#test3 .w2 th, #test3 .w2 td, #test3 .w2 td span { font-weight: bolder; }
+#test3 .w3 th, #test3 .w3 td, #test3 .w3 td span { font-weight: bolder; }
+#test3 .w4 td { font-weight: bolder; }
+#test3 .w5 td { font-weight: bolder; }
+#test3 .w6 th { font-weight: lighter; }
+#test3 .w7 th { font-weight: lighter; }
+#test3 .w8 td, #test3 .w8 th, #test3 .w8 th span { font-weight: lighter; }
+#test3 .w9 td, #test3 .w9 th, #test3 .w9 th span { font-weight: lighter; }
+
+</style>
+
+   
+</head><body>
+
+<p>All lines should appear in a sans-serif face with proper bolding</p>
+
+<table id="test1">
+<tr class="w1"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w2"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w3"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w4"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w5"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w6"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w7"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w8"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w9"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+</table>
+
+<table id="test2">
+<tr class="w9"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w8"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w7"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w6"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w5"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w4"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w3"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w2"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+<tr class="w1"><th><span>normal</span></th><th><em><span>italic</span></em></th><td><span>bold</span></td><td><em><span>bolditalic</span></em></td></tr>
+</table>
+
+<table id="test3">
+<tr class="w1"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w2"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w3"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w4"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w5"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w6"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w7"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w8"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+<tr class="w9"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr>
+</table>
+
+</body></html>
diff --git a/layout/reftests/font-face/synthetic-weight-style-ref.html b/layout/reftests/font-face/synthetic-weight-style-ref.html
new file mode 100644
index 0000000000..af44b593f2
--- /dev/null
+++ b/layout/reftests/font-face/synthetic-weight-style-ref.html
@@ -0,0 +1,120 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>@font-face and synthetic rendering</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@import url(../fonts/mplus/mplusfonts.css);
+
+body {
+  margin: 50px;
+  font-family: mplus1p, Futura, sans-serif;
+  font-size: 18pt;
+}
+
+table {
+  border-collapse: collapse; 
+  margin-left: 1em;
+}
+
+td + td {
+  padding-left: 1em;
+}
+
+</style>
+
+   
+</head>
+
+<body>
+
+<h4>Text below should appear in normal face with no synthetic bolding/italics</h4>
+
+<table>
+<tr>
+<td>100</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>200</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>300</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>400</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>500</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>600</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>700</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>800</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+<tr>
+<td>900</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+<td>Regular</td>
+<td>Italic</td>
+<td>Oblique</td>
+</tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/synthetic-weight-style.html b/layout/reftests/font-face/synthetic-weight-style.html
new file mode 100644
index 0000000000..332e62eae3
--- /dev/null
+++ b/layout/reftests/font-face/synthetic-weight-style.html
@@ -0,0 +1,165 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>@font-face and synthetic rendering</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@import url(../fonts/mplus/mplusfonts.css);
+
+body {
+  margin: 50px;
+  font-family: mplus1p, Futura, sans-serif;
+  font-size: 18pt;
+}
+
+table {
+  border-collapse: collapse; 
+  margin-left: 1em;
+}
+
+td + td {
+  padding-left: 1em;
+}
+
+@font-face { font-family: mplus-w1; font-weight: 100; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w1; font-style: italic; font-weight: 100; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w1; font-style: oblique; font-weight: 100; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w1 { font-family: mplus-w1; }
+
+@font-face { font-family: mplus-w2; font-weight: 200; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w2; font-style: italic; font-weight: 200; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w2; font-style: oblique; font-weight: 200; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w2 { font-family: mplus-w2; }
+
+@font-face { font-family: mplus-w3; font-weight: 300; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w3; font-style: italic; font-weight: 300; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w3; font-style: oblique; font-weight: 300; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w3 { font-family: mplus-w3; }
+
+@font-face { font-family: mplus-w4; font-weight: 400; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w4; font-style: italic; font-weight: 400; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w4; font-style: oblique; font-weight: 400; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w4 { font-family: mplus-w4; }
+
+@font-face { font-family: mplus-w5; font-weight: 500; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w5; font-style: italic; font-weight: 500; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w5; font-style: oblique; font-weight: 500; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w5 { font-family: mplus-w5; }
+
+@font-face { font-family: mplus-w6; font-weight: 600; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w6; font-style: italic; font-weight: 600; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w6; font-style: oblique; font-weight: 600; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w6 { font-family: mplus-w6; }
+
+@font-face { font-family: mplus-w7; font-weight: 700; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w7; font-style: italic; font-weight: 700; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w7; font-style: oblique; font-weight: 700; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w7 { font-family: mplus-w7; }
+
+@font-face { font-family: mplus-w8; font-weight: 800; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w8; font-style: italic; font-weight: 800; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w8; font-style: oblique; font-weight: 800; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w8 { font-family: mplus-w8; }
+
+@font-face { font-family: mplus-w9; font-weight: 900; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w9; font-style: italic; font-weight: 900; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+@font-face { font-family: mplus-w9; font-style: oblique; font-weight: 900; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
+.mplus-w9 { font-family: mplus-w9; }
+
+</style>
+
+   
+</head>
+
+<body>
+
+<h4>Text below should appear in normal face with no synthetic bolding/italics</h4>
+
+<table>
+<tr class="mplus-w1">
+<td style="font-family: mplus1p;">100</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 100;">Regular</td>
+<td style="font-style: italic;font-weight: 100;">Italic</td>
+<td style="font-style: oblique;font-weight: 100;">Oblique</td>
+</tr>
+<tr class="mplus-w2">
+<td style="font-family: mplus1p;">200</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 200;">Regular</td>
+<td style="font-style: italic;font-weight: 200;">Italic</td>
+<td style="font-style: oblique;font-weight: 200;">Oblique</td>
+</tr>
+<tr class="mplus-w3">
+<td style="font-family: mplus1p;">300</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 300;">Regular</td>
+<td style="font-style: italic;font-weight: 300;">Italic</td>
+<td style="font-style: oblique;font-weight: 300;">Oblique</td>
+</tr>
+<tr class="mplus-w4">
+<td style="font-family: mplus1p;">400</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 400;">Regular</td>
+<td style="font-style: italic;font-weight: 400;">Italic</td>
+<td style="font-style: oblique;font-weight: 400;">Oblique</td>
+</tr>
+<tr class="mplus-w5">
+<td style="font-family: mplus1p;">500</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 500;">Regular</td>
+<td style="font-style: italic;font-weight: 500;">Italic</td>
+<td style="font-style: oblique;font-weight: 500;">Oblique</td>
+</tr>
+<tr class="mplus-w6">
+<td style="font-family: mplus1p;">600</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 600;">Regular</td>
+<td style="font-style: italic;font-weight: 600;">Italic</td>
+<td style="font-style: oblique;font-weight: 600;">Oblique</td>
+</tr>
+<tr class="mplus-w7">
+<td style="font-family: mplus1p;">700</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 700;">Regular</td>
+<td style="font-style: italic;font-weight: 700;">Italic</td>
+<td style="font-style: oblique;font-weight: 700;">Oblique</td>
+</tr>
+<tr class="mplus-w8">
+<td style="font-family: mplus1p;">800</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 800;">Regular</td>
+<td style="font-style: italic;font-weight: 800;">Italic</td>
+<td style="font-style: oblique;font-weight: 800;">Oblique</td>
+</tr>
+<tr class="mplus-w9">
+<td style="font-family: mplus1p;">900</td>
+<td>Regular</td>
+<td style="font-style: italic;">Italic</td>
+<td style="font-style: oblique;">Oblique</td>
+<td style="font-weight: 900;">Regular</td>
+<td style="font-style: italic;font-weight: 900;">Italic</td>
+<td style="font-style: oblique;font-weight: 900;">Oblique</td>
+</tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-face/underline-offset-change-1-ref.html b/layout/reftests/font-face/underline-offset-change-1-ref.html
new file mode 100644
index 0000000000..a5124bc122
--- /dev/null
+++ b/layout/reftests/font-face/underline-offset-change-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Switching first font to one with higher underline (reference)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2AHighUnderline";
+		src: url(../fonts/mark2A-highunderline.ttf);
+	}
+
+	body { font-family: "Mark2AHighUnderline"; }
+
+	p { text-decoration: underline; border: blue solid; padding: 0.2em; }
+
+	</style>
+</head>
+<body>
+
+<p style="position:relative; width: max-content">A</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/underline-offset-change-1.html b/layout/reftests/font-face/underline-offset-change-1.html
new file mode 100644
index 0000000000..0f315e3163
--- /dev/null
+++ b/layout/reftests/font-face/underline-offset-change-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title>Switching first font to one with higher underline</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2AHighUnderline";
+		src: url(../fonts/mark2A-highunderline.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkALowUnderline";
+		src: url(../fonts/markA-lowunderline.ttf);
+	}
+
+	body { font-family: "Mark2AHighUnderline", "MarkALowUnderline"; }
+
+	p { text-decoration: underline; border: blue solid; padding: 0.2em; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[0].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[0].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">A<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/underline-offset-change-2-ref.html b/layout/reftests/font-face/underline-offset-change-2-ref.html
new file mode 100644
index 0000000000..864a90c8d8
--- /dev/null
+++ b/layout/reftests/font-face/underline-offset-change-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Switching first font to one with lower underline (reference)</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2ALowUnderline";
+		src: url(../fonts/mark2A-lowunderline.ttf);
+	}
+
+	body { font-family: "Mark2ALowUnderline"; }
+
+	p { text-decoration: underline; border: blue solid; padding: 0.2em; }
+
+	</style>
+</head>
+<body>
+
+<p style="position:relative; width: max-content">A</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/underline-offset-change-2.html b/layout/reftests/font-face/underline-offset-change-2.html
new file mode 100644
index 0000000000..9cbeef3442
--- /dev/null
+++ b/layout/reftests/font-face/underline-offset-change-2.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title>Switching first font to one with lower underline</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "Mark2ALowUnderline";
+		src: url(../fonts/mark2A-lowunderline.ttf);
+	}
+
+	</style>
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkAHighUnderline";
+		src: url(../fonts/markA-highunderline.ttf);
+	}
+
+	body { font-family: "Mark2ALowUnderline", "MarkAHighUnderline"; }
+
+	p { text-decoration: underline; border: blue solid; padding: 0.2em; }
+
+	</style>
+	<script type="application/ecmascript">
+
+	document.getElementsByTagName("style")[0].disabled = true;
+
+	function run() {
+		// The resize-detector iframe will remove the class attribute.
+		document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
+
+		document.getElementsByTagName("style")[0].disabled = false;
+	}
+
+	</script>
+</head>
+<body onload="setTimeout(run, 20)">
+
+<p style="position:relative; width: max-content">A<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-1-ref.html b/layout/reftests/font-face/unicoderange-1-ref.html
new file mode 100644
index 0000000000..9048468305
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "MarkD";
+    src: url(../fonts/markD.ttf);
+  }
+
+  @font-face {
+    font-family: "Mark2A";
+    src: url(../fonts/mark2A.ttf);
+  }
+
+  body { font-family: ahemspace, "MarkD", "Mark2A"; }
+
+  </style>
+</head>
+<body>
+
+<p>DAC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-1.html b/layout/reftests/font-face/unicoderange-1.html
new file mode 100644
index 0000000000..b1b008e01d
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markB.ttf);
+        unicode-range: u+42;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2B.ttf);
+        unicode-range: u+42;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2A.ttf);
+        unicode-range: u+41;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markA.ttf);
+        unicode-range: u+41;
+  }
+
+  body { font-family: ahemspace, "One"; }
+
+  </style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-2-ref.html b/layout/reftests/font-face/unicoderange-2-ref.html
new file mode 100644
index 0000000000..7b1194e4f5
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "MarkD";
+    src: url(../fonts/markD.ttf);
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2A.ttf);
+  }
+
+  body { font-family: ahemspace, "MarkD", "One"; }
+
+  </style>
+</head>
+<body>
+
+<p>DAC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-2.html b/layout/reftests/font-face/unicoderange-2.html
new file mode 100644
index 0000000000..e380b41368
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-2.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markB.ttf);
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2A.ttf);
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markB.ttf);
+        unicode-range: u+42;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2B.ttf);
+        unicode-range: u+42;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2A.ttf);
+        unicode-range: u+41;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markA.ttf);
+        unicode-range: u+41;
+  }
+
+  body { font-family: ahemspace, "One"; }
+
+  </style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-3-ref.html b/layout/reftests/font-face/unicoderange-3-ref.html
new file mode 100644
index 0000000000..1358cae30e
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-3-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "Mark2D";
+    src: url(../fonts/mark2D.ttf);
+  }
+
+  @font-face {
+    font-family: "MarkA";
+    src: url(../fonts/markA.ttf);
+  }
+
+  body { font-family: ahemspace, "Mark2D", "MarkA"; }
+
+  </style>
+</head>
+<body>
+
+<p>DAC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-3.html b/layout/reftests/font-face/unicoderange-3.html
new file mode 100644
index 0000000000..3cf278275c
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-3.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markB.ttf);
+        unicode-range: u+42;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2B.ttf);
+        unicode-range: u+41;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2A.ttf);
+        unicode-range: u+41;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markA.ttf);
+        unicode-range: u+42;
+  }
+
+  body { font-family: ahemspace, "One"; }
+
+  </style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-4-ref.html b/layout/reftests/font-face/unicoderange-4-ref.html
new file mode 100644
index 0000000000..9048468305
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-4-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "MarkD";
+    src: url(../fonts/markD.ttf);
+  }
+
+  @font-face {
+    font-family: "Mark2A";
+    src: url(../fonts/mark2A.ttf);
+  }
+
+  body { font-family: ahemspace, "MarkD", "Mark2A"; }
+
+  </style>
+</head>
+<body>
+
+<p>DAC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/unicoderange-4.html b/layout/reftests/font-face/unicoderange-4.html
new file mode 100644
index 0000000000..e3c899a031
--- /dev/null
+++ b/layout/reftests/font-face/unicoderange-4.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+  "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+
+  @font-face {
+    font-family: ahemspace;
+    src: url(../fonts/Ahem.ttf);
+    unicode-range: u+20;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markA.ttf);
+        unicode-range: u+4?;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/mark2B.ttf);
+        unicode-range: u+4?;
+  }
+
+  @font-face {
+    font-family: "One";
+    src: url(../fonts/markD.ttf);
+        unicode-range: u+4?;
+  }
+
+  body { font-family: ahemspace, "One"; }
+
+  </style>
+</head>
+<body>
+
+<p>ABC</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-face/variation-format-hint-1A-ref.html b/layout/reftests/font-face/variation-format-hint-1A-ref.html
new file mode 100644
index 0000000000..6fef9ea84d
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1A-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1B-otf-ref.html b/layout/reftests/font-face/variation-format-hint-1B-otf-ref.html
new file mode 100644
index 0000000000..5b97d8f398
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1B-otf-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.otf);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1B-ttf-ref.html b/layout/reftests/font-face/variation-format-hint-1B-ttf-ref.html
new file mode 100644
index 0000000000..20702094ee
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1B-ttf-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.ttf);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1B-woff-ref.html b/layout/reftests/font-face/variation-format-hint-1B-woff-ref.html
new file mode 100644
index 0000000000..a303ebb7ca
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1B-woff-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1B-woff2-ref.html b/layout/reftests/font-face/variation-format-hint-1B-woff2-ref.html
new file mode 100644
index 0000000000..b846b901e7
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1B-woff2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff2);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1a.html b/layout/reftests/font-face/variation-format-hint-1a.html
new file mode 100644
index 0000000000..5ff20bd7b8
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  /* this should load markB if variation font support is enabled,
+     and markA otherwise */
+  src: url(../fonts/markB.ttf) format("truetype-variations"),
+       url(../fonts/markA.woff);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1b.html b/layout/reftests/font-face/variation-format-hint-1b.html
new file mode 100644
index 0000000000..627570fbca
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  /* this should load markB if variation font support is enabled,
+     and markA otherwise */
+  src: url(../fonts/markB.otf) format("opentype-variations"),
+       url(../fonts/markA.woff);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1c.html b/layout/reftests/font-face/variation-format-hint-1c.html
new file mode 100644
index 0000000000..d12be4c16a
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1c.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  /* this should load markB if variation font support is enabled,
+     and markA otherwise */
+  src: url(../fonts/markB.woff) format("woff-variations"),
+       url(../fonts/markA.woff);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/variation-format-hint-1d.html b/layout/reftests/font-face/variation-format-hint-1d.html
new file mode 100644
index 0000000000..66e87f97be
--- /dev/null
+++ b/layout/reftests/font-face/variation-format-hint-1d.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+
+<style>
+@font-face {
+  font-family: test;
+  /* this should load markB if variation font support is enabled,
+     and markA otherwise */
+  src: url(../fonts/markB.woff2) format("woff2-variations"),
+       url(../fonts/markA.woff);
+}
+div {
+  font-family: test, serif;
+  font-size: 50px;
+  line-height: 2em;
+}
+</style>
+
+<div>
+ABC
+</div>
diff --git a/layout/reftests/font-face/woff2-1-ref.html b/layout/reftests/font-face/woff2-1-ref.html
new file mode 100644
index 0000000000..690f68fc31
--- /dev/null
+++ b/layout/reftests/font-face/woff2-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Test for WOFF2</title>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  font-family: test, monospace;
+  font-size: 24px;
+}  
+</style>
+</head>
+<body>
+Hello WOFF2 World!
+</body>
+</html>
diff --git a/layout/reftests/font-face/woff2-1.html b/layout/reftests/font-face/woff2-1.html
new file mode 100644
index 0000000000..35cd516a6d
--- /dev/null
+++ b/layout/reftests/font-face/woff2-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Test for WOFF2</title>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/GenR102.woff2);
+}
+body {
+  font-family: test, monospace;
+  font-size: 24px;
+}  
+</style>
+</head>
+<body>
+Hello WOFF2 World!
+</body>
+</html>
diff --git a/layout/reftests/font-face/woff2-totalsfntsize-ref.html b/layout/reftests/font-face/woff2-totalsfntsize-ref.html
new file mode 100644
index 0000000000..ee6dc8984e
--- /dev/null
+++ b/layout/reftests/font-face/woff2-totalsfntsize-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+@font-face {
+    font-family: "webfont";
+    src: url("../fonts/header-totalsfntsize-001.ttf") format("truetype");
+}
+#container {
+	width: 100px;
+	height: 38px;
+	position: relative;
+    overflow: hidden;
+}
+#test {
+    font: 41px "webfont";
+    position: absolute;
+    width: 41px;
+    height: 41px;
+    left: -1px;
+    top: -1px;
+}
+</style>
+</head>
+<body>
+This test makes sure WOFF2 renders as expected. The test passes if you see the word PASS below.
+<div id="container"><div id="test">P</div></div>
+</body>
+</html>
diff --git a/layout/reftests/font-face/woff2-totalsfntsize.html b/layout/reftests/font-face/woff2-totalsfntsize.html
new file mode 100644
index 0000000000..85be1a2d0d
--- /dev/null
+++ b/layout/reftests/font-face/woff2-totalsfntsize.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+@font-face {
+    font-family: "webfont";
+    src: url("../fonts/header-totalsfntsize-001.woff2") format("woff2");
+}
+#container {
+	width: 100px;
+	height: 38px;
+	position: relative;
+    overflow: hidden;
+}
+#test {
+    font: 41px "webfont";
+    position: absolute;
+    width: 41px;
+    height: 41px;
+    left: -1px;
+    top: -1px;
+}
+</style>
+</head>
+<body>
+This test makes sure WOFF2 renders as expected. The test passes if you see the word PASS below.
+<div id="container"><div id="test">P</div></div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/1376231-vertical-gpos-adjustments-ref.html b/layout/reftests/font-features/1376231-vertical-gpos-adjustments-ref.html
new file mode 100644
index 0000000000..7e5108e480
--- /dev/null
+++ b/layout/reftests/font-features/1376231-vertical-gpos-adjustments-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/NotoSansCJKjp-Regular.subset.otf);
+}
+body {
+  font-family: test, serif;
+  line-height: 2em;
+}
+p {
+  margin: 1em;
+}
+span {
+  display: inline-block;
+  inline-size: 9em; /* length of 9 standard CJK chars */
+}
+.v {
+  writing-mode: vertical-rl;
+}
+.green {
+  color: green;
+  background: green;
+}
+.overlay {
+  position: relative;
+  inset-block-start: -3em;
+}
+</style>
+</head>
+<body>
+There should be no red:
+<div>
+  <p><span>&nbsp;</p>
+  <p class="overlay"><span class="green">&nbsp;</p>
+  <p><span>&nbsp;</p>
+  <p class="overlay"><span class="green">&nbsp;</p>
+</div>
+<div class="v">
+  <p><span>&nbsp;</p>
+  <p class="overlay"><span class="green">&nbsp;</p>
+  <p><span>&nbsp;</p>
+  <p class="overlay"><span class="green">&nbsp;</p>
+</div>
diff --git a/layout/reftests/font-features/1376231-vertical-gpos-adjustments.html b/layout/reftests/font-features/1376231-vertical-gpos-adjustments.html
new file mode 100644
index 0000000000..0b0f9b9da2
--- /dev/null
+++ b/layout/reftests/font-features/1376231-vertical-gpos-adjustments.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/NotoSansCJKjp-Regular.subset.otf);
+}
+body {
+  font-family: test, serif;
+  line-height: 2em;
+}
+p {
+  margin: 1em;
+}
+span {
+  display: inline-block;
+}
+.v {
+  writing-mode: vertical-rl;
+}
+.halt {
+  font-feature-settings: "halt";
+  /* there are 3 characters in the text that should be affected by 'halt',
+     so if we add 1.5em of padding, the overall width will be the same */
+  padding-inline-end: 1.5em;
+}
+.palt {
+  font-feature-settings: "palt";
+  /* 'palt' results in even tighter spacing than 'halt', so we can add a
+     little more padding and the result should still be obscured by the
+     overlaid 'halt' span. (We don't try for an exact match as this involves
+     fractional pixel widths and would be very fragile.) */
+  padding-inline-end: 1.6em;
+}
+.vhal {
+  font-feature-settings: "vhal";
+  padding-inline-end: 1.5em;
+}
+.vpal {
+  font-feature-settings: "vpal";
+  padding-inline-end: 1.6em;
+}
+.red {
+  color: red;
+  background: red;
+}
+.green {
+  color: green;
+  background: green;
+}
+.overlay {
+  position: relative;
+  inset-block-start: -3em;
+}
+</style>
+</head>
+<body>
+There should be no red:
+<div>
+  <!-- check that the red 'halt' span is entirely hidden by the green default span -->
+  <p><span class="halt red">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+  <p class="overlay"><span class="green">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+  <!-- check that the red 'palt' span is entirely hidden by the green default span -->
+  <p><span class="palt red">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+  <p class="overlay"><span class="green">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+</div>
+<div class="v">
+  <!-- check the equivalent vertical-mode features -->
+  <p><span class="vhal red">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+  <p class="overlay"><span class="green">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+  <p><span class="vpal red">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+  <p class="overlay"><span class="green">&#x3084;&#x3063;&#x307B;&#x3046;&#x3001;&#x300C;&#x4E16;&#x754C;&#x300D;</p>
+</div>
diff --git a/layout/reftests/font-features/alternates-order-ref.html b/layout/reftests/font-features/alternates-order-ref.html
new file mode 100644
index 0000000000..6af3a76abe
--- /dev/null
+++ b/layout/reftests/font-features/alternates-order-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 800%;
+  line-height: 1.2em;
+}
+
+div { margin: 0 20px; }
+span {
+  font-feature-settings: "ss05"; /* crossed W */
+}
+
+/* tests that should NOT use the feature, due to case-sensitivity of font-feature-values names */
+#test2, #test3 { font-feature-settings: "ss05" off; }
+
+</style>
+</head>
+<body lang="en">
+<div><span id="test1">W</span> <span id="test2">W</span> <span id="test3">W</span></div>
+<div><span id="test4">W</span> <span id="test5">W</span> <span id="test6">W</span></div>
+<div><span id="test7">W</span> <span id="test8">W</span> <span id="test9">W</span></div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/alternates-order.html b/layout/reftests/font-features/alternates-order.html
new file mode 100644
index 0000000000..f7d073abfd
--- /dev/null
+++ b/layout/reftests/font-features/alternates-order.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+
+@font-face {
+  font-family: fontA;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "ss05" on;
+}
+
+@font-face {
+  font-family: fontB;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "ss05" off;
+}
+
+@font-feature-values libertine {
+  @styleset { 
+    crossed-doubleu: 5;
+    somethingElse: 4;
+  }
+}
+
+@font-feature-values fontA {
+  @styleset { aLtW: 5; }
+}
+
+@font-feature-values fontB {
+  @styleset { crossedW: 5; several: 1 3 5; }
+  @styleset { altW: 4; }
+}
+
+@font-feature-values fontB {
+  @styleset {
+    AlTw: 5;
+    defined-for-fontB: 5;
+    scriptJ: 3;
+  }
+}
+
+body {
+  font-family: libertine, sans-serif;
+  font-size: 800%;
+  line-height: 1.2em;
+}
+
+/* font-feature-settings: "ss05"; crossed W */
+
+div { margin: 0 20px; }
+
+#test1 {
+  font-variant-alternates: styleset(crossed-doubleu);
+}
+
+#test2 {
+  /* testing case-sensitivity of styleset name */
+  font-family: fontB;
+  font-variant-alternates: styleset(altW);
+}
+
+#test3 {
+  /* testing case-sensitivity of styleset name */
+  font-family: fontB;
+  font-variant-alternates: styleset(ALTW);
+}
+
+#test4 {
+  /* testing escapes in styleset name */
+  font-family: fontB;
+  font-variant-alternates: styleset(\41 lTw);
+}
+
+#test5 {
+  /* testing font-specificity of feature value rule */
+  font-family: fontA;
+  font-variant-alternates: styleset(defined-for-fontB);
+}
+
+#test6 {
+  /* testing one feature doesn't affect another */
+  font-variant-alternates: styleset(somethingElse);
+  font-feature-settings: "ss05" on;
+}
+
+#test7 {
+  /* testing font-specificity of feature value rule */
+  font-family: fontA;
+  font-variant-alternates: styleset(scriptJ);
+  font-feature-settings: "ss06";
+}
+
+#test8 {
+  /* testing that an undefined value doesn't affect the results */
+  font-family: fontB;
+  font-variant-alternates: styleset(scriptJ, somethingUndefined, defined-for-fontB);
+}
+
+#test9 {
+  /* testing matching of font name with escape */
+  font-family: font\62 ;
+  font-variant-alternates: styleset(defined-for-fontB);
+}
+
+</style>
+</head>
+<body lang="en">
+<div><span id="test1">W</span> <span id="test2">W</span> <span id="test3">W</span></div>
+<div><span id="test4">W</span> <span id="test5">W</span> <span id="test6">W</span></div>
+<div><span id="test7">W</span> <span id="test8">W</span> <span id="test9">W</span></div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/annotations-ref.html b/layout/reftests/font-features/annotations-ref.html
new file mode 100644
index 0000000000..a21ea28fc5
--- /dev/null
+++ b/layout/reftests/font-features/annotations-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Annotations test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 20px;
+  font-size: 800%;
+  font-family: Hiragino Maru Gothic ProN, Meiryo;
+}
+
+/* for platforms without these fonts the default glyphs will show */
+
+@font-face {
+  font-family: testMeiryo-circled;
+  src: local(Meiryo);
+  font-feature-settings: "nalt" 4;
+}
+
+@font-face {
+  font-family: testMeiryo-black-circled;
+  src: local(Meiryo);
+  font-feature-settings: "nalt" 5;
+}
+
+@font-face {
+  font-family: testMeiryo-rounded-box;
+  src: local(Meiryo);
+  font-feature-settings: "nalt" 9;
+}
+
+@font-face {
+  font-family: testHiraginoMaru-circled;
+  src: local(HiraMaruProN-W4), local(Hiragino Maru Gothic ProN W4);
+  font-feature-settings: "nalt" 1;
+}
+
+@font-face {
+  font-family: testHiraginoMaru-black-circled;
+  src: local(HiraMaruProN-W4), local(Hiragino Maru Gothic ProN W4);
+  font-feature-settings: "nalt" 4;
+}
+
+@font-face {
+  font-family: testHiraginoMaru-rounded-box;
+  src: local(HiraMaruProN-W4), local(Hiragino Maru Gothic ProN W4);
+  font-feature-settings: "nalt" 10;
+}
+
+#test1 {
+  font-family: testHiraginoMaru-circled, testMeiryo-circled;
+}
+
+#test2 {
+  font-family: testHiraginoMaru-black-circled, testMeiryo-black-circled;
+}
+
+#test3 {
+  font-family: testHiraginoMaru-rounded-box, testMeiryo-rounded-box;
+}
+
+</style>
+
+</head>
+<body>
+<div><span id="test1">1</span> <span id="test2">2</span> <span id="test3">3</span></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/annotations.html b/layout/reftests/font-features/annotations.html
new file mode 100644
index 0000000000..24574cf54b
--- /dev/null
+++ b/layout/reftests/font-features/annotations.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Annotations test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 20px;
+  font-size: 800%;
+  font-family: Hiragino Maru Gothic ProN, Meiryo;
+}
+
+/* for platforms without these fonts the default glyphs will show */
+
+@font-feature-values Hiragino Maru Gothic ProN {
+  @annotation { circled: 1; }
+  @annotation { black-circled: 4; }
+  @annotation { black-box: 8; }
+  @annotation { black-rounded-box: 10; }
+}
+
+@font-feature-values Meiryo {
+  @annotation { 
+    circled: 4;
+    black-circled: 5;
+    black-box: 7;
+    black-rounded-box: 9;
+  }
+}
+
+#test1 {
+  font-variant-alternates: annotation(circled);
+}
+
+#test2 {
+  font-variant-alternates: annotation(black-circled);
+}
+
+#test3 {
+  font-variant-alternates: annotation(black-rounded-box);
+}
+
+</style>
+
+</head>
+<body>
+<div><span id="test1">1</span> <span id="test2">2</span> <span id="test3">3</span></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/caps-fallback-allpetitecaps.html b/layout/reftests/font-features/caps-fallback-allpetitecaps.html
new file mode 100644
index 0000000000..9bfc703989
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-allpetitecaps.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+.allpetitecaps { font-variant-caps: all-petite-caps; }
+</style>
+</head>
+<body>
+<p class=allpetitecaps>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/caps-fallback-allsmallcaps.html b/layout/reftests/font-features/caps-fallback-allsmallcaps.html
new file mode 100644
index 0000000000..76db1c46fb
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-allsmallcaps.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+.allsmallcaps { font-variant-caps: all-small-caps; }
+</style>
+</head>
+<body>
+<p class=allsmallcaps>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/caps-fallback-default.html b/layout/reftests/font-features/caps-fallback-default.html
new file mode 100644
index 0000000000..790c974022
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-default.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+</style>
+</head>
+<body>
+<p class=default>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/caps-fallback-petitecaps.html b/layout/reftests/font-features/caps-fallback-petitecaps.html
new file mode 100644
index 0000000000..3dbaa15205
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-petitecaps.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+.petitecaps { font-variant-caps: petite-caps; }
+</style>
+</head>
+<body>
+<p class=petitecaps>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/caps-fallback-smallcaps1.html b/layout/reftests/font-features/caps-fallback-smallcaps1.html
new file mode 100644
index 0000000000..9d5d71e0a5
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-smallcaps1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+.smallcaps1 { font-variant: small-caps; }
+</style>
+</head>
+<body>
+<p class=smallcaps1>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/caps-fallback-smallcaps2.html b/layout/reftests/font-features/caps-fallback-smallcaps2.html
new file mode 100644
index 0000000000..665773fbae
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-smallcaps2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+.smallcaps2 { font-variant-caps: small-caps; }
+</style>
+</head>
+<body>
+<p class=smallcaps2>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/caps-fallback-smcp.html b/layout/reftests/font-features/caps-fallback-smcp.html
new file mode 100644
index 0000000000..ee29a4a813
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-smcp.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+.smcp { font-feature-settings: "smcp" on; }
+</style>
+</head>
+<body>
+<p class=smcp>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/caps-fallback-smcpc2sc.html b/layout/reftests/font-features/caps-fallback-smcpc2sc.html
new file mode 100644
index 0000000000..3b2ed841db
--- /dev/null
+++ b/layout/reftests/font-features/caps-fallback-smcpc2sc.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-caps fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
+@font-face {
+  font-family: firasans;
+  src: url(../fonts/fira/FiraSans-Regular.otf);
+}
+
+body {
+  margin: 20px;
+  font-family: firasans, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+
+.smcpc2sc { font-feature-settings: "smcp" on, "c2sc" on; }
+</style>
+</head>
+<body>
+<p class=smcpc2sc>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-across-space-1-ref.html b/layout/reftests/font-features/font-features-across-space-1-ref.html
new file mode 100644
index 0000000000..110ab16ae7
--- /dev/null
+++ b/layout/reftests/font-features/font-features-across-space-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>ligature-across-space test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+@font-face {
+  font-family: ligsym;
+  src: url(../fonts/LigatureSymbolsWithSpaces.woff);
+}
+
+td {
+  padding: 10px 5px;
+}
+
+.test {
+  font-family: ligsym;
+  font-size: 150%;
+  -webkit-font-feature-settings: "liga" on;
+  -o-font-feature-settings: "liga" on;
+  font-feature-settings: "liga" on;
+}
+</style>
+</head>
+
+<body>
+
+<table>
+<tr><td>calendar</td><td class="test">&#xe15e;</td></tr>
+<tr><td>daily calendar</td><td class="test">&#xe025;</td></tr>
+<tr><td>align left</td><td class="test">&#xe005;</td></tr>
+<tr><td>align center</td><td class="test">&#xe004;</td></tr>
+<tr><td>align right</td><td class="test">&#xe006;</td></tr>
+<tr><td>volume</td><td class="test">&#xe13b;</td></tr>
+<tr><td>volume down</td><td class="test">&#xe13c;</td></tr>
+<tr><td>volume up</td><td class="test">&#xe13d;</td></tr>
+<tr><td>zoom in</td><td class="test">&#xe142;</td></tr>
+<tr><td>zoom out</td><td class="test">&#xe143;</td></tr>
+<tr><td>heart</td><td class="test">&#xe06e;</td></tr>
+<tr><td>heart empty</td><td class="test">&#xe06f;</td></tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/font-features-across-space-1.html b/layout/reftests/font-features/font-features-across-space-1.html
new file mode 100644
index 0000000000..1f60e3d2c5
--- /dev/null
+++ b/layout/reftests/font-features/font-features-across-space-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>ligature-across-space test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+@font-face {
+  font-family: ligsym;
+  src: url(../fonts/LigatureSymbolsWithSpaces.woff);
+}
+
+td {
+  padding: 10px 5px;
+}
+
+.test {
+  font-family: ligsym;
+  font-size: 150%;
+  -webkit-font-feature-settings: "liga" on;
+  -o-font-feature-settings: "liga" on;
+  font-feature-settings: "liga" on;
+}
+</style>
+</head>
+
+<body>
+
+<table>
+<tr><td>calendar</td><td class="test">calendar</td></tr>
+<tr><td>daily calendar</td><td class="test">daily calendar</td></tr>
+<tr><td>align left</td><td class="test">align left</td></tr>
+<tr><td>align center</td><td class="test">align center</td></tr>
+<tr><td>align right</td><td class="test">align right</td></tr>
+<tr><td>volume</td><td class="test">volume</td></tr>
+<tr><td>volume down</td><td class="test">volume down</td></tr>
+<tr><td>volume up</td><td class="test">volume up</td></tr>
+<tr><td>zoom in</td><td class="test">zoom in</td></tr>
+<tr><td>zoom out</td><td class="test">zoom out</td></tr>
+<tr><td>heart</td><td class="test">heart</td></tr>
+<tr><td>heart empty</td><td class="test">heart empty</td></tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/font-features-hlig-2.html b/layout/reftests/font-features/font-features-hlig-2.html
new file mode 100644
index 0000000000..3fde28f26d
--- /dev/null
+++ b/layout/reftests/font-features/font-features-hlig-2.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "hlig";
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-hlig-3.html b/layout/reftests/font-features/font-features-hlig-3.html
new file mode 100644
index 0000000000..5efa9d13b6
--- /dev/null
+++ b/layout/reftests/font-features/font-features-hlig-3.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "hlig";
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-feature-settings: "hlig" off, "liga" off;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-hlig-4.html b/layout/reftests/font-features/font-features-hlig-4.html
new file mode 100644
index 0000000000..409c7f8085
--- /dev/null
+++ b/layout/reftests/font-features/font-features-hlig-4.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "hlig" off;
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-feature-settings: "hlig" on;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-hlig-5.html b/layout/reftests/font-features/font-features-hlig-5.html
new file mode 100644
index 0000000000..c076f64b9c
--- /dev/null
+++ b/layout/reftests/font-features/font-features-hlig-5.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "hlig";
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-feature-settings: "hlig" off;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-hlig.html b/layout/reftests/font-features/font-features-hlig.html
new file mode 100644
index 0000000000..1b93834fdd
--- /dev/null
+++ b/layout/reftests/font-features/font-features-hlig.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-feature-settings: "hlig" on;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-ligatures-none.html b/layout/reftests/font-features/font-features-ligatures-none.html
new file mode 100644
index 0000000000..418c8c9e2e
--- /dev/null
+++ b/layout/reftests/font-features/font-features-ligatures-none.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "hlig";
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-variant-ligatures: none;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-noliga.html b/layout/reftests/font-features/font-features-noliga.html
new file mode 100644
index 0000000000..c7e8e56b9f
--- /dev/null
+++ b/layout/reftests/font-features/font-features-noliga.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-feature-settings: "liga" 0;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-order-1.html b/layout/reftests/font-features/font-features-order-1.html
new file mode 100644
index 0000000000..a2d97256b8
--- /dev/null
+++ b/layout/reftests/font-features/font-features-order-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-feature-settings: "liga" 0, "liga" 1;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-order-2.html b/layout/reftests/font-features/font-features-order-2.html
new file mode 100644
index 0000000000..2b68c39453
--- /dev/null
+++ b/layout/reftests/font-features/font-features-order-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-feature-settings: "liga" 1, "liga" 0;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-order-3.html b/layout/reftests/font-features/font-features-order-3.html
new file mode 100644
index 0000000000..d38f8709f5
--- /dev/null
+++ b/layout/reftests/font-features/font-features-order-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "liga" on, "hlig" on;
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  /* font feature settings property should override font setting */
+  font-feature-settings: "liga" off, "hlig" off;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-order-4.html b/layout/reftests/font-features/font-features-order-4.html
new file mode 100644
index 0000000000..b8656e2d97
--- /dev/null
+++ b/layout/reftests/font-features/font-features-order-4.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "liga" on, "hlig" on;
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  /* font variant property should override font setting */
+  font-variant-ligatures: no-common-ligatures no-historical-ligatures;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-order-5.html b/layout/reftests/font-features/font-features-order-5.html
new file mode 100644
index 0000000000..52a8f0ba7f
--- /dev/null
+++ b/layout/reftests/font-features/font-features-order-5.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "liga" on, "hlig" on;
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  /* font variant property should override font setting but font feature
+     settings property should override that */
+  font-variant-ligatures: no-common-ligatures no-historical-ligatures;
+  font-feature-settings: "liga" on, "hlig" on;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-ref.html b/layout/reftests/font-features/font-features-ref.html
new file mode 100644
index 0000000000..89a20372cf
--- /dev/null
+++ b/layout/reftests/font-features/font-features-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-turkish-override-1.html b/layout/reftests/font-features/font-features-turkish-override-1.html
new file mode 100644
index 0000000000..9ba3e603a7
--- /dev/null
+++ b/layout/reftests/font-features/font-features-turkish-override-1.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-language-override: "TRK";
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-turkish-override-2.html b/layout/reftests/font-features/font-features-turkish-override-2.html
new file mode 100644
index 0000000000..165810e189
--- /dev/null
+++ b/layout/reftests/font-features/font-features-turkish-override-2.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-language-override: "TRK";
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+}
+</style>
+</head>
+<body lang="en">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-turkish-override-3.html b/layout/reftests/font-features/font-features-turkish-override-3.html
new file mode 100644
index 0000000000..b2c8c69450
--- /dev/null
+++ b/layout/reftests/font-features/font-features-turkish-override-3.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-language-override: "ENG";
+}
+</style>
+</head>
+<body lang="tr">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-turkish-override-4.html b/layout/reftests/font-features/font-features-turkish-override-4.html
new file mode 100644
index 0000000000..13c379c3d8
--- /dev/null
+++ b/layout/reftests/font-features/font-features-turkish-override-4.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-language-override: "ENG";
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+}
+</style>
+</head>
+<body lang="tr">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-turkish-override-5.html b/layout/reftests/font-features/font-features-turkish-override-5.html
new file mode 100644
index 0000000000..1e847cb1e1
--- /dev/null
+++ b/layout/reftests/font-features/font-features-turkish-override-5.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-language-override: "ENG";
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+  font-language-override: "TRK";
+}
+</style>
+</head>
+<body lang="de">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-turkish-ref.html b/layout/reftests/font-features/font-features-turkish-ref.html
new file mode 100644
index 0000000000..effe8144d7
--- /dev/null
+++ b/layout/reftests/font-features/font-features-turkish-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+}
+</style>
+</head>
+<body lang="en">
+fastest f&zwnj;irefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-features-turkish.html b/layout/reftests/font-features/font-features-turkish.html
new file mode 100644
index 0000000000..816c6006da
--- /dev/null
+++ b/layout/reftests/font-features/font-features-turkish.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  font-family: libertine, sans-serif;
+  font-size: 400%;
+  line-height: 2em;
+}
+</style>
+</head>
+<body lang="tr">
+fastest firefox
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-1.html b/layout/reftests/font-features/font-kerning-1.html
new file mode 100644
index 0000000000..a8450644fb
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+  /* font-feature-settings should take precedence over font-kerning,
+     so kerning should be DISabled here */
+  font-feature-settings: "kern" off;
+  font-kerning: normal;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-2.html b/layout/reftests/font-features/font-kerning-2.html
new file mode 100644
index 0000000000..1c230d28a5
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+  /* font-feature-settings should take precedence over font-kerning,
+     so kerning should be ENabled here. */
+  font-feature-settings: "kern" on;
+  font-kerning: none;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-3.html b/layout/reftests/font-features/font-kerning-3.html
new file mode 100644
index 0000000000..86208f0416
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+  font-feature-settings: "kern" off;
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-auto.html b/layout/reftests/font-features/font-kerning-auto.html
new file mode 100644
index 0000000000..4be9251b0e
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-auto.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-kerning: auto;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-kern.html b/layout/reftests/font-features/font-kerning-kern.html
new file mode 100644
index 0000000000..a37ca038a5
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-kern.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-feature-settings: "kern" on;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-nokern.html b/layout/reftests/font-features/font-kerning-nokern.html
new file mode 100644
index 0000000000..87044b89b2
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-nokern.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-feature-settings: "kern" off;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-none.html b/layout/reftests/font-features/font-kerning-none.html
new file mode 100644
index 0000000000..b8e66c07ca
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-none.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-kerning: none;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-normal.html b/layout/reftests/font-features/font-kerning-normal.html
new file mode 100644
index 0000000000..c368f016b1
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-normal.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff) format("woff");
+}
+body {
+  margin: 10px;
+  font-family: libertine, sans-serif;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-kerning: normal;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-table-none.html b/layout/reftests/font-features/font-kerning-table-none.html
new file mode 100644
index 0000000000..81ce583324
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-table-none.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: gentium;
+  /* font that has an old-style 'kern' table rather than GPOS 'kern' feature */
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  margin: 10px;
+  font-family: gentium;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-kerning: none;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-kerning-table-normal.html b/layout/reftests/font-features/font-kerning-table-normal.html
new file mode 100644
index 0000000000..fe1ad57e89
--- /dev/null
+++ b/layout/reftests/font-features/font-kerning-table-normal.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: gentium;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  margin: 10px;
+  font-family: gentium;
+  font-size: 600%;
+  line-height: 1.2em;
+  font-kerning: normal;
+}
+</style>
+</head>
+<body lang="en">
+<div>Ta To</div>
+<div>AVA</div>
+<div>AWAY</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-alternates-ref.html b/layout/reftests/font-features/font-variant-alternates-ref.html
new file mode 100644
index 0000000000..cd3dd4da65
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-alternates-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-alternates test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+
+<style type="text/css">
+</style>
+
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-alternates", true, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-alternates.html b/layout/reftests/font-features/font-variant-alternates.html
new file mode 100644
index 0000000000..4965305516
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-alternates.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-alternates test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+
+<style type="text/css">
+</style>
+
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-alternates", false, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-caps-ref.html b/layout/reftests/font-features/font-variant-caps-ref.html
new file mode 100644
index 0000000000..1eacf1bf60
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-caps-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-caps test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-caps", true, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-caps.html b/layout/reftests/font-features/font-variant-caps.html
new file mode 100644
index 0000000000..7fa6bf94b1
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-caps.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-caps test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-caps", false, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-debug.html b/layout/reftests/font-features/font-variant-debug.html
new file mode 100644
index 0000000000..9a3953bde4
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-debug.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "all", false, true));
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/font-variant-east-asian-ref.html b/layout/reftests/font-features/font-variant-east-asian-ref.html
new file mode 100644
index 0000000000..be2def6d9a
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-east-asian-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-east-asian test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-east-asian", true, false));
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/font-variant-east-asian.html b/layout/reftests/font-features/font-variant-east-asian.html
new file mode 100644
index 0000000000..15578245a7
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-east-asian.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-east-asian test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-east-asian", false, false));
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/font-variant-features.css b/layout/reftests/font-features/font-variant-features.css
new file mode 100644
index 0000000000..2035cb458f
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-features.css
@@ -0,0 +1,66 @@
+body { margin: 10px; }
+
+@font-face {
+  font-family: gsub-test;
+  src: url(../fonts/gsubtest/gsubtest-lookup3.otf);
+}
+
+td.prop {
+  font-family: Menlo, monospace;
+  font-weight: normal;
+  text-align: left;
+  font-size: 80%;
+}
+
+td.features {
+  font-family: gsub-test;
+}
+
+.invalid {
+  color: red;
+}
+
+@font-feature-values gsub-test {
+  @styleset { ok-alt-a: 1 3 5; ok-alt-b: 19; }
+  @character-variant { ok-1: 78 2; }
+  @character-variant { ok-3: 23; }
+  @character-variant { not-good: 0 2; }
+  @annotation { ok-4: 1; }
+  @annotation { bogus-font-doesnt-support: 23; }
+  @annotation { circled: 1; }
+  @character-variant { multi-def: 4; }
+  @annotation { multi-def: 3; }
+  @styleset { multi-def2: 3 4 5; }
+  @styleset { MULTI-def2: 2 6; }
+  @styleset { out-of-bounds1: 0; out-of-bounds2: 100; }
+  @styleset { scope-test1: 23; scope-test2: 24 1 }
+  @character-variant { scope-test1: 24; scope-test2: 23 2 }
+  @character-variant { overlap1: 23 1; overlap2: 23 2 }
+}
+
+@font-feature-values bogus-family {
+  @styleset { bogus: 3 4 7; }
+}
+
+@font-feature-values GSUB-tEsT {
+  @styleset { mixed-case: 3 4 7; }
+}
+
+@font-feature-values gSuB-tEsT {
+  @styleset { 3blah: 1 3; }
+}
+
+@font-feature-values gSuB-tEsT {
+  @styleset { moxie: 14; }
+  @styleset { 3blah: 1; }
+}
+
+@font-feature-values gSUB-TeST {
+  @styleset { moxie2: 14; }
+  @bongo { blah: 1; }
+}
+
+@font-feature-values gSUB-TEst {
+  @bongo { blah2: 1; }
+  @styleset { moxie3: 14; }
+}
diff --git a/layout/reftests/font-features/font-variant-features.js b/layout/reftests/font-features/font-variant-features.js
new file mode 100644
index 0000000000..5685663739
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-features.js
@@ -0,0 +1,287 @@
+
+// data associated with gsubtest test font for testing font features
+
+// prefix
+gPrefix = "";
+
+// equivalent properties
+// setting prop: value should match the specific feature settings listed
+//
+// each of these tests evaluate whether a given feature is enabled as required
+// and also whether features that shouldn't be enabled are or not.
+var gPropertyData = [
+  // font-variant (shorthand)
+  // valid values
+  { prop: "font-variant", value: "normal", features: {"smcp": 0} },
+  { prop: "font-variant", value: "small-caps", features: {"smcp": 1, "c2sc": 0} },
+  { prop: "font-variant", value: "none", features: {"liga": 0, "dlig": 0, "clig": 0, "calt": 0, "hlig": 0} },
+  { prop: "font-variant", value: "all-small-caps", features: {"smcp": 1, "c2sc": 1, "pcap": 0} },
+  { prop: "font-variant", value: "common-ligatures no-discretionary-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0, "calt": 1} },
+  { prop: "font-variant", value: "proportional-nums slashed-zero diagonal-fractions oldstyle-nums ordinal", features: {"frac": 1, "afrc": 0, "tnum": 0, "pnum": 1, "onum": 1, "ordn": 1, "zero": 1} },
+  { prop: "font-variant", value: "all-small-caps traditional", features: {"smcp": 1, "c2sc": 1, "pcap": 0, "trad": 1, "jp04": 0} },
+  { prop: "font-variant", value: "styleset(out-of-bounds1, out-of-bounds2) traditional", features: {"ss00": 0, "ss01": 0, "ss99": 0, "trad": 1} }, // out-of-bounds values but not invalid syntax
+  { prop: "font-variant", value: "styleset(ok-alt-a, ok-alt-b) historical-forms", features: {"ss01": 1, "ss02": 0, "ss03": 1, "ss04": 0, "ss05": 1, "ss19": 1, "ss20": 0, "hist": 1, "hlig": 0} },
+  { prop: "font-variant", value: "traditional historical-forms styleset(ok-alt-a, ok-alt-b)", features: {"trad": 1, "ss01": 1, "ss02": 0, "ss03": 1, "ss04": 0, "ss05": 1, "ss19": 1, "ss20": 0, "hist": 1, "hlig": 0} },
+  { prop: "font-variant", value: "styleset(scope-test2)", features: {"ss23": 0, "ss24": 1, "ss01": 1} },
+  { prop: "font-variant", value: "character-variant(scope-test2)", features: {"cv23": 2, "cv24": 0, "cv01": 0} },
+
+  // invalid values
+  { prop: "font-variant", value: "normal small-caps", features: {"smcp": 0}, invalid: true },
+  { prop: "font-variant", value: "common-ligatures none", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant", value: "none common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant", value: "small-caps potato", features: {"smcp": 0}, invalid: true },
+  { prop: "font-variant", value: "common-ligatures traditional no-common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "trad": 0}, invalid: true },
+  { prop: "font-variant", value: "common-ligatures traditional common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "trad": 0}, invalid: true },
+  { prop: "font-variant", value: "small-caps jis83 all-small-caps", features: {"smcp": 0, "c2sc": 0, "jp83": 0}, invalid: true },
+  { prop: "font-variant", value: "lining-nums traditional slashed-zero ordinal normal", features: {"lnum": 0, "onum": 0, "zero": 0, "trad": 0}, invalid: true },
+  { prop: "font-variant", value: "diagonal-fractions stacked-fractions", features: {"frac": 0, "afrc": 0}, invalid: true },
+  { prop: "font-variant", value: "stacked-fractions diagonal-fractions historical-ligatures", features: {"frac": 0, "afrc": 0, "hlig": 0}, invalid: true },
+  { prop: "font-variant", value: "super sub", features: {"subs": 0, "sups": 0}, invalid: true },
+  { prop: "font-variant", value: "super historical-ligatures sub", features: {"subs": 0, "sups": 0, "hlig": 0}, invalid: true },
+  { prop: "font-variant", value: "annotation(circled) annotation(circled)", features: {"nalt": 0, "lnum": 0, "onum": 0, "pnum": 0}, invalid: true },
+
+  // font-variant-alternates
+  // valid values
+  { prop: "font-variant-alternates", value: "normal", features: {"salt": 0, "swsh": 0} },
+  { prop: "font-variant-alternates", value: "historical-forms", features: {"hist": 1, "hlig": 0} },
+  { prop: "font-variant-alternates", value: "styleset(ok-alt-a, ok-alt-b)", features: {"ss01": 1, "ss02": 0, "ss03": 1, "ss04": 0, "ss05": 1, "ss19": 1, "ss20": 0} },
+  { prop: "font-variant-alternates", value: "styleset(ok-alt-a, ok-alt-b) historical-forms", features: {"ss01": 1, "ss02": 0, "ss03": 1, "ss04": 0, "ss05": 1, "ss19": 1, "ss20": 0, "hist": 1, "hlig": 0} },
+  { prop: "font-variant-alternates", value: "historical-forms styleset(ok-alt-a, ok-alt-b)", features: {"ss01": 1, "ss02": 0, "ss03": 1, "ss04": 0, "ss05": 1, "ss19": 1, "ss20": 0, "hist": 1, "hlig": 0} },
+  { prop: "font-variant-alternates", value: "character-variant(ok-1)", features: {"cv78": 2, "cv79": 0, "cv77": 0} },
+  { prop: "font-variant-alternates", value: "character-variant(ok-1, ok-3)", features: {"cv78": 2, "cv79": 0, "cv77": 0, "cv23": 1, "cv22": 0, "cv24": 0} },
+  { prop: "font-variant-alternates", value: "annotation(circled)", features: {"nalt": 1} },
+  { prop: "font-variant-alternates", value: "styleset(out-of-bounds1, out-of-bounds2)", features: {"ss00": 0, "ss01": 0, "ss99": 0} }, // out-of-bounds values but not invalid syntax
+  { prop: "font-variant-alternates", value: "styleset(circled)", features: {"nalt": 0, "ss00": 0, "ss01": 0} }, // circled defined for annotation not styleset
+  { prop: "font-variant-alternates", value: "styleset(scope-test1)", features: {"ss23": 1, "ss24": 0} },
+  { prop: "font-variant-alternates", value: "character-variant(scope-test1)", features: {"cv23": 0, "cv24": 1} },
+  { prop: "font-variant-alternates", value: "styleset(scope-test2)", features: {"ss23": 0, "ss24": 1, "ss01": 1} },
+  { prop: "font-variant-alternates", value: "character-variant(scope-test2)", features: {"cv23": 2, "cv24": 0, "cv01": 0} },
+  { prop: "font-variant-alternates", value: "character-variant(overlap1, overlap2)", features: {"cv23": 2} },
+  { prop: "font-variant-alternates", value: "character-variant(overlap2, overlap1)", features: {"cv23": 1} },
+
+  // invalid values
+  { prop: "font-variant-alternates", value: "historical-forms normal", features: {"hist": 0}, invalid: true },
+  { prop: "font-variant-alternates", value: "historical-forms historical-forms", features: {"hist": 0}, invalid: true },
+  { prop: "font-variant-alternates", value: "swash", features: {"swsh": 0}, invalid: true },
+  { prop: "font-variant-alternates", value: "swash(3)", features: {"swsh": 0}, invalid: true },
+  { prop: "font-variant-alternates", value: "annotation(a, b)", features: {"nalt": 0}, invalid: true },
+  { prop: "font-variant-alternates", value: "ornaments(a,b)", features: {"ornm": 0, "nalt": 0}, invalid: true },
+
+  // font-variant-caps
+  // valid values
+  { prop: "font-variant-caps", value: "normal", features: {"smcp": 0} },
+  { prop: "font-variant-caps", value: "small-caps", features: {"smcp": 1, "c2sc": 0} },
+  { prop: "font-variant-caps", value: "all-small-caps", features: {"smcp": 1, "c2sc": 1, "pcap": 0} },
+  { prop: "font-variant-caps", value: "petite-caps", features: {"pcap": 1, "smcp": 0} },
+  { prop: "font-variant-caps", value: "all-petite-caps", features: {"c2pc": 1, "pcap": 1, "smcp": 0} },
+  { prop: "font-variant-caps", value: "titling-caps", features: {"titl": 1, "smcp": 0} },
+  { prop: "font-variant-caps", value: "unicase", features: {"unic": 1, "titl": 0} },
+
+  // invalid values
+  { prop: "font-variant-caps", value: "normal small-caps", features: {"smcp": 0}, invalid: true },
+  { prop: "font-variant-caps", value: "small-caps potato", features: {"smcp": 0}, invalid: true },
+  { prop: "font-variant-caps", value: "small-caps petite-caps", features: {"smcp": 0, "pcap": 0}, invalid: true },
+  { prop: "font-variant-caps", value: "small-caps all-small-caps", features: {"smcp": 0, "c2sc": 0}, invalid: true },
+  { prop: "font-variant-caps", value: "small-cap", features: {"smcp": 0}, invalid: true },
+
+  // font-variant-east-asian
+  // valid values
+  { prop: "font-variant-east-asian", value: "jis78", features: {"jp78": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "jis83", features: {"jp83": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "jis90", features: {"jp90": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "jis04", features: {"jp04": 1, "jp78": 0} },
+  { prop: "font-variant-east-asian", value: "simplified", features: {"smpl": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "traditional", features: {"trad": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "full-width", features: {"fwid": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "proportional-width", features: {"pwid": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "ruby", features: {"ruby": 1, "jp04": 0} },
+  { prop: "font-variant-east-asian", value: "jis78 full-width", features: {"jp78": 1, "fwid": 1, "jp83": 0} },
+  { prop: "font-variant-east-asian", value: "jis78 full-width ruby", features: {"jp78": 1, "fwid": 1, "jp83": 0, "ruby": 1} },
+  { prop: "font-variant-east-asian", value: "simplified proportional-width", features: {"smpl": 1, "pwid": 1, "jp83": 0} },
+  { prop: "font-variant-east-asian", value: "ruby simplified", features: {"ruby": 1, "smpl": 1, "trad": 0} },
+
+  // invalid values
+  { prop: "font-variant-east-asian", value: "ruby normal", features: {"ruby": 0}, invalid: true },
+  { prop: "font-variant-east-asian", value: "jis90 jis04", features: {"jp90": 0, "jp04": 0}, invalid: true },
+  { prop: "font-variant-east-asian", value: "simplified traditional", features: {"smpl": 0, "trad": 0}, invalid: true },
+  { prop: "font-variant-east-asian", value: "full-width proportional-width", features: {"fwid": 0, "pwid": 0}, invalid: true },
+  { prop: "font-variant-east-asian", value: "ruby simplified ruby", features: {"ruby": 0, "smpl": 0, "jp04": 0}, invalid: true },
+  { prop: "font-variant-east-asian", value: "jis78 ruby simplified", features: {"ruby": 0, "smpl": 0, "jp78": 0}, invalid: true },
+
+  // font-variant-ligatures
+  // valid values
+  { prop: "font-variant-ligatures", value: "none", features: {"liga": 0, "dlig": 0, "clig": 0, "calt": 0, "hlig": 0} },
+  { prop: "font-variant-ligatures", value: "normal", features: {"liga": 1, "dlig": 0} },
+  { prop: "font-variant-ligatures", value: "common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "no-common-ligatures", features: {"liga": 0, "clig": 0, "dlig": 0, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "discretionary-ligatures", features: {"liga": 1, "clig": 1, "dlig": 1, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "no-discretionary-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "historical-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 1, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "no-historical-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "contextual", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "no-contextual", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0, "calt": 0} },
+  { prop: "font-variant-ligatures", value: "common-ligatures no-discretionary-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "historical-ligatures no-common-ligatures", features: {"clig": 0, "liga": 0, "dlig": 0, "hlig": 1, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "no-historical-ligatures discretionary-ligatures", features: {"liga": 1, "clig": 1, "dlig": 1, "hlig": 0, "calt": 1} },
+  { prop: "font-variant-ligatures", value: "common-ligatures no-discretionary-ligatures historical-ligatures no-contextual", features: {"clig": 1, "dlig": 0, "hlig": 1, "liga": 1, "calt": 0} },
+
+  // invalid values
+  { prop: "font-variant-ligatures", value: "common-ligatures none", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "none common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "common-ligatures normal", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "common-ligatures no-common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "common-ligatures common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "no-historical-ligatures historical-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "no-contextual contextual", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "no-discretionary-ligatures discretionary-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+  { prop: "font-variant-ligatures", value: "common-ligatures no-discretionary-ligatures no-common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0}, invalid: true },
+
+  // font-variant-numeric
+  // valid values
+  { prop: "font-variant-numeric", value: "normal", features: {"lnum": 0, "tnum": 0, "pnum": 0, "onum": 0} },
+  { prop: "font-variant-numeric", value: "lining-nums", features: {"lnum": 1, "onum": 0, "pnum": 0} },
+  { prop: "font-variant-numeric", value: "oldstyle-nums", features: {"lnum": 0, "onum": 1, "pnum": 0} },
+  { prop: "font-variant-numeric", value: "proportional-nums", features: {"lnum": 0, "onum": 0, "pnum": 1, "tnum": 0} },
+  { prop: "font-variant-numeric", value: "proportional-nums oldstyle-nums", features: {"lnum": 0, "onum": 1, "pnum": 1, "tnum": 0} },
+  { prop: "font-variant-numeric", value: "tabular-nums", features: {"tnum": 1, "onum": 0, "pnum": 0} },
+  { prop: "font-variant-numeric", value: "diagonal-fractions", features: {"frac": 1, "afrc": 0, "pnum": 0} },
+  { prop: "font-variant-numeric", value: "stacked-fractions", features: {"frac": 0, "afrc": 1, "pnum": 0} },
+  { prop: "font-variant-numeric", value: "slashed-zero", features: {"zero": 1, "pnum": 0} },
+  { prop: "font-variant-numeric", value: "ordinal", features: {"ordn": 1, "pnum": 0} },
+  { prop: "font-variant-numeric", value: "lining-nums diagonal-fractions", features: {"frac": 1, "afrc": 0, "lnum": 1} },
+  { prop: "font-variant-numeric", value: "tabular-nums stacked-fractions", features: {"frac": 0, "afrc": 1, "tnum": 1} },
+  { prop: "font-variant-numeric", value: "tabular-nums slashed-zero stacked-fractions", features: {"frac": 0, "afrc": 1, "tnum": 1, "zero": 1} },
+  { prop: "font-variant-numeric", value: "proportional-nums slashed-zero diagonal-fractions oldstyle-nums ordinal", features: {"frac": 1, "afrc": 0, "tnum": 0, "pnum": 1, "onum": 1, "ordn": 1, "zero": 1} },
+
+  // invalid values
+  { prop: "font-variant-numeric", value: "lining-nums normal", features: {"lnum": 0, "onum": 0}, invalid: true },
+  { prop: "font-variant-numeric", value: "lining-nums oldstyle-nums", features: {"lnum": 0, "onum": 0}, invalid: true },
+  { prop: "font-variant-numeric", value: "lining-nums normal slashed-zero ordinal", features: {"lnum": 0, "onum": 0, "zero": 0}, invalid: true },
+  { prop: "font-variant-numeric", value: "proportional-nums tabular-nums", features: {"pnum": 0, "tnum": 0}, invalid: true },
+  { prop: "font-variant-numeric", value: "diagonal-fractions stacked-fractions", features: {"frac": 0, "afrc": 0}, invalid: true },
+  { prop: "font-variant-numeric", value: "slashed-zero diagonal-fractions slashed-zero", features: {"frac": 0, "afrc": 0, "zero": 0}, invalid: true },
+  { prop: "font-variant-numeric", value: "lining-nums slashed-zero diagonal-fractions oldstyle-nums", features: {"frac": 0, "afrc": 0, "zero": 0, "onum": 0}, invalid: true },
+
+  // font-variant-position
+  // valid values
+  { prop: "font-variant-position", value: "normal", features: {"subs": 0, "sups": 0} },
+
+  // note: because of fallback, can *only* test activated features here
+  { prop: "font-variant-position", value: "super", features: {"sups": 1} },
+  { prop: "font-variant-position", value: "sub", features: {"subs": 1} },
+
+  // invalid values
+  { prop: "font-variant-position", value: "super sub", features: {"subs": 0, "sups": 0}, invalid: true },
+];
+
+// note: the code below requires an array "gFeatures" from :
+//   layout/reftests/fonts/gsubtest/gsubtest-features.js
+
+// The font defines feature lookups for all OpenType features for a
+// specific set of PUA codepoints, as listed in the gFeatures array.
+// Using these codepoints and feature combinations, tests can be
+// constructed to detect when certain features are enabled or not.
+
+// return a created table containing tests for a given property
+//
+// Ex: { prop: "font-variant-ligatures", value: "common-ligatures", features: {"liga": 1, "clig": 1, "dlig": 0, "hlig": 0} }
+//
+// This means that for the property 'font-variant-ligatures' with the value 'common-ligatures', the features listed should
+// either be explicitly enabled or disabled.
+
+// propData is the prop/value list with corresponding feature assertions
+// whichProp is either "all" or a specific subproperty (i.e. "font-variant-position")
+// isRef is true when this is the reference
+// debug outputs the prop/value pair along with the tests
+
+// default PASS codepoint used for reference rendering
+// need to use a PUA codepoint to avoid problems related to Freetype auto-hinting
+const kRefCodepoint = 0xe00c;
+
+function createFeatureTestTable(propData, whichProp, isRef, debug)
+{
+  var table = document.createElement("table");
+
+  if (typeof(isRef) == "undefined") {
+    isRef = false;
+  }
+
+  if (typeof(debug) == "undefined") {
+    debug = false;
+  }
+
+  var doAll = (whichProp == "all");
+  for (var i in propData) {
+    var data = propData[i];
+
+    if (!doAll && data.prop != whichProp) continue;
+
+    var row = document.createElement("tr");
+    var invalid = false;
+    if ("invalid" in data) {
+      invalid = true;
+      row.className = "invalid";
+    }
+
+    var cell = document.createElement("td");
+    cell.className = "prop";
+    var styledecl = gPrefix + data.prop + ": " + data.value + ";";
+    cell.innerHTML = styledecl;
+    row.appendChild(cell);
+    if (debug) {
+      table.appendChild(row);
+    }
+
+    row = document.createElement("tr");
+    if (invalid) {
+      row.className = "invalid";
+    }
+
+    cell = document.createElement("td");
+    cell.className = "features";
+    if (!isRef) {
+      cell.style.cssText = styledecl;
+    }
+
+    for (var f in data.features) {
+      var feature = data.features[f];
+
+      var cp, unsupported = "F".charCodeAt(0);
+      var basecp = gFeatures[f];
+
+      if (typeof(basecp) == "undefined") {
+        cp = unsupported;
+      } else {
+        switch(feature) {
+        case 0:
+          cp = basecp;
+          break;
+        case 1:
+          cp = basecp + 1;
+          break;
+        case 2:
+          cp = basecp + 2;
+          break;
+        case 3:
+          cp = basecp + 3;
+          break;
+        default:
+          cp = basecp + 1;
+          break;
+        }
+      }
+
+      var span = document.createElement("span");
+      var cpOut = (isRef ? kRefCodepoint : cp);
+      span.innerHTML = "&#x" + cpOut.toString(16) + ";";
+      span.title = f + "=" + feature;
+      cell.appendChild(span);
+    }
+    row.appendChild(cell);
+    table.appendChild(row);
+  }
+
+  return table;
+}
+
+
diff --git a/layout/reftests/font-features/font-variant-ligatures-ref.html b/layout/reftests/font-features/font-variant-ligatures-ref.html
new file mode 100644
index 0000000000..525f8d50b2
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-ligatures-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-ligatures test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-ligatures", true, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-ligatures.html b/layout/reftests/font-features/font-variant-ligatures.html
new file mode 100644
index 0000000000..7547c48c63
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-ligatures.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-ligatures test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-ligatures", false, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-numeric-ref.html b/layout/reftests/font-features/font-variant-numeric-ref.html
new file mode 100644
index 0000000000..795216b24b
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-numeric-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-numeric test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-numeric", true, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-numeric.html b/layout/reftests/font-features/font-variant-numeric.html
new file mode 100644
index 0000000000..5d40163bac
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-numeric.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-numeric test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-numeric", false, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-position-ref.html b/layout/reftests/font-features/font-variant-position-ref.html
new file mode 100644
index 0000000000..aaf18aec6f
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-position-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-position test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-position", true, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-position.html b/layout/reftests/font-features/font-variant-position.html
new file mode 100644
index 0000000000..f0d63ddb94
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-position.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant-position test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-position", false, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant-ref.html b/layout/reftests/font-features/font-variant-ref.html
new file mode 100644
index 0000000000..6fd182e879
--- /dev/null
+++ b/layout/reftests/font-features/font-variant-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant shorthand test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant", true, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/font-variant.html b/layout/reftests/font-features/font-variant.html
new file mode 100644
index 0000000000..bde0cd6c27
--- /dev/null
+++ b/layout/reftests/font-features/font-variant.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<title>font-variant shorthand test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript" src="../fonts/gsubtest/gsubtest-features.js"></script>
+<script type="text/javascript" src="font-variant-features.js"></script>
+<link rel="stylesheet" href="font-variant-features.css" type="text/css"/>
+</head>
+<body>
+<div id="content"></div>
+<script type="text/javascript">
+  document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant", false, false));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/font-features/fwid-spaces-ref.html b/layout/reftests/font-features/fwid-spaces-ref.html
new file mode 100644
index 0000000000..6fa999b45a
--- /dev/null
+++ b/layout/reftests/font-features/fwid-spaces-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html lang="ja">
+<head>
+<title>Full-width variations of regular spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+#test, #test pre {
+  font: 150% Hiragino Maru Gothic ProN, Meiryo, Yu Gothic, sans-serif;
+}
+
+#test pre span {
+  background-color: red;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+</style>
+
+</head>
+<body>
+<p>Rows should all be the same length:</p>
+<div id="test">
+<pre><span>&#x3000;&#xff41;&#x3000;&#xff42;&#x3000;&#xff43;&#x3000;&#xff21;&#x3000;&#xff22;&#x3000;&#xff23;&#x3000;</span></pre>
+<pre><span>&#x3000;&#xff41;&#x3000;&#xff42;&#x3000;&#xff43;&#x3000;&#xff21;&#x3000;&#xff22;&#x3000;&#xff23;&#x3000;</span></pre>
+<pre><span>&#xff42;&#xff41;&#x3000;&#xff42;&#xff21;&#x3000;&#xff42;&#xff42;&#x3000;&#xff42;&#xff22;&#x3000;&#xff43;</span></pre>
+<pre><span>&#xff42;&#xff41;&#x3000;&#xff42;&#xff21;&#x3000;&#xff42;&#xff42;&#x3000;&#xff42;&#xff22;&#x3000;&#xff43;</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/fwid-spaces.html b/layout/reftests/font-features/fwid-spaces.html
new file mode 100644
index 0000000000..61f935b254
--- /dev/null
+++ b/layout/reftests/font-features/fwid-spaces.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html lang="ja">
+<head>
+<title>Full-width variations of regular spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+#test, #test pre {
+  font: 150% Hiragino Maru Gothic ProN, Meiryo, Yu Gothic, sans-serif;
+  -webkit-font-feature-settings: "fwid" on;
+  font-feature-settings: "fwid" on;
+}
+
+#test pre span {
+  background-color: red;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+</style>
+
+</head>
+<body>
+<p>Rows should all be the same length:</p>
+<div id="test">
+<pre><span> a b c A B C </span></pre>
+<pre><span>&#x3000;a&#x3000;b&#x3000;c&#x3000;A&#x3000;B&#x3000;C&#x3000;</span></pre>
+<pre><span>ba bA bb bB c</span></pre>
+<pre><span>ba&#x3000;bA&#x3000;bb&#x3000;bB&#x3000;c</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-sanity-check-default.html b/layout/reftests/font-features/kerning-sanity-check-default.html
new file mode 100644
index 0000000000..aa2f1afbe1
--- /dev/null
+++ b/layout/reftests/font-features/kerning-sanity-check-default.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>kerning sanity checks</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+@font-face {
+  font-family: LinuxLibertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Arial, LinuxLibertine, sans-serif;
+  font-size: 300%;
+  line-height: 1.1em;
+  /* font-feature-settings == default */
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>AWAY</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-sanity-check-kern.html b/layout/reftests/font-features/kerning-sanity-check-kern.html
new file mode 100644
index 0000000000..66225cd372
--- /dev/null
+++ b/layout/reftests/font-features/kerning-sanity-check-kern.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>kerning sanity checks</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+@font-face {
+  font-family: LinuxLibertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Arial, LinuxLibertine, sans-serif;
+  font-size: 300%;
+  line-height: 1.1em;
+  -webkit-font-feature-settings: "kern" on;
+  font-feature-settings: "kern" on;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>AWAY</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-sanity-check-nokern.html b/layout/reftests/font-features/kerning-sanity-check-nokern.html
new file mode 100644
index 0000000000..1b49441f52
--- /dev/null
+++ b/layout/reftests/font-features/kerning-sanity-check-nokern.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>kerning sanity checks</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+@font-face {
+  font-family: LinuxLibertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Arial, LinuxLibertine, sans-serif;
+  font-size: 300%;
+  line-height: 1.1em;
+  -webkit-font-feature-settings: "kern" off;
+  font-feature-settings: "kern" off;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>AWAY</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-spaces-arial-default.html b/layout/reftests/font-features/kerning-spaces-arial-default.html
new file mode 100644
index 0000000000..995184318b
--- /dev/null
+++ b/layout/reftests/font-features/kerning-spaces-arial-default.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>testing contextual kerning with spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Arial, sans-serif;
+  font-size: 150%;
+  line-height: 1.1em;
+  /* font-feature-settings == default */
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>Q A Q</span></pre>
+<pre><span>Q L Q</span></pre>
+<pre><span>Q P Q</span></pre>
+<pre><span>Q T Q</span></pre>
+<pre><span>Q Y Q</span></pre>
+<pre><span>Q Α Q</span></pre>
+<pre><span>Q Δ Q</span></pre>
+<pre><span>Q Λ Q</span></pre>
+<pre><span>Q Ρ Q</span></pre>
+<pre><span>Q Τ Q</span></pre>
+<pre><span>Q Υ Q</span></pre>
+<pre><span>Q Ϋ Q</span></pre>
+<pre><span>Q ’ Q</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-spaces-arial-kern.html b/layout/reftests/font-features/kerning-spaces-arial-kern.html
new file mode 100644
index 0000000000..7b859073d8
--- /dev/null
+++ b/layout/reftests/font-features/kerning-spaces-arial-kern.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>testing contextual kerning with spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Arial, sans-serif;
+  font-size: 150%;
+  line-height: 1.1em;
+  -webkit-font-feature-settings: "kern" on;
+  font-feature-settings: "kern" on;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>Q A Q</span></pre>
+<pre><span>Q L Q</span></pre>
+<pre><span>Q P Q</span></pre>
+<pre><span>Q T Q</span></pre>
+<pre><span>Q Y Q</span></pre>
+<pre><span>Q Α Q</span></pre>
+<pre><span>Q Δ Q</span></pre>
+<pre><span>Q Λ Q</span></pre>
+<pre><span>Q Ρ Q</span></pre>
+<pre><span>Q Τ Q</span></pre>
+<pre><span>Q Υ Q</span></pre>
+<pre><span>Q Ϋ Q</span></pre>
+<pre><span>Q ’ Q</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-spaces-arial-nokern.html b/layout/reftests/font-features/kerning-spaces-arial-nokern.html
new file mode 100644
index 0000000000..d73007bacc
--- /dev/null
+++ b/layout/reftests/font-features/kerning-spaces-arial-nokern.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>testing contextual kerning with spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Arial, sans-serif;
+  font-size: 150%;
+  line-height: 1.1em;
+  -webkit-font-feature-settings: "kern" off;
+  font-feature-settings: "kern" off;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>Q A Q</span></pre>
+<pre><span>Q L Q</span></pre>
+<pre><span>Q P Q</span></pre>
+<pre><span>Q T Q</span></pre>
+<pre><span>Q Y Q</span></pre>
+<pre><span>Q Α Q</span></pre>
+<pre><span>Q Δ Q</span></pre>
+<pre><span>Q Λ Q</span></pre>
+<pre><span>Q Ρ Q</span></pre>
+<pre><span>Q Τ Q</span></pre>
+<pre><span>Q Υ Q</span></pre>
+<pre><span>Q Ϋ Q</span></pre>
+<pre><span>Q ’ Q</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-spaces-tnr-default.html b/layout/reftests/font-features/kerning-spaces-tnr-default.html
new file mode 100644
index 0000000000..c1b1eeb988
--- /dev/null
+++ b/layout/reftests/font-features/kerning-spaces-tnr-default.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>testing contextual kerning with spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Times New Roman, sans-serif;
+  font-size: 150%;
+  line-height: 1.1em;
+  /* font-feature-settings == default */
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>Q A Q</span></pre>
+<pre><span>Q L Q</span></pre>
+<pre><span>Q P Q</span></pre>
+<pre><span>Q T Q</span></pre>
+<pre><span>Q V Q</span></pre>
+<pre><span>Q W Q</span></pre>
+<pre><span>Q Y Q</span></pre>
+<pre><span>Q Ά Q</span></pre>
+<pre><span>Q Α Q</span></pre>
+<pre><span>Q Δ Q</span></pre>
+<pre><span>Q Λ Q</span></pre>
+<pre><span>Q Τ Q</span></pre>
+<pre><span>Q Υ Q</span></pre>
+<pre><span>Q Ϋ Q</span></pre>
+<pre><span>Q ’ Q</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-spaces-tnr-kern.html b/layout/reftests/font-features/kerning-spaces-tnr-kern.html
new file mode 100644
index 0000000000..18dbc18618
--- /dev/null
+++ b/layout/reftests/font-features/kerning-spaces-tnr-kern.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>testing contextual kerning with spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Times New Roman, sans-serif;
+  font-size: 150%;
+  line-height: 1.1em;
+  -webkit-font-feature-settings: "kern" on;
+  font-feature-settings: "kern" on;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>Q A Q</span></pre>
+<pre><span>Q L Q</span></pre>
+<pre><span>Q P Q</span></pre>
+<pre><span>Q T Q</span></pre>
+<pre><span>Q V Q</span></pre>
+<pre><span>Q W Q</span></pre>
+<pre><span>Q Y Q</span></pre>
+<pre><span>Q Ά Q</span></pre>
+<pre><span>Q Α Q</span></pre>
+<pre><span>Q Δ Q</span></pre>
+<pre><span>Q Λ Q</span></pre>
+<pre><span>Q Τ Q</span></pre>
+<pre><span>Q Υ Q</span></pre>
+<pre><span>Q Ϋ Q</span></pre>
+<pre><span>Q ’ Q</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/kerning-spaces-tnr-nokern.html b/layout/reftests/font-features/kerning-spaces-tnr-nokern.html
new file mode 100644
index 0000000000..0e033454c0
--- /dev/null
+++ b/layout/reftests/font-features/kerning-spaces-tnr-nokern.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>testing contextual kerning with spaces</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 5px;
+}
+
+div#test, div#test pre {
+  font-family: Times New Roman, sans-serif;
+  font-size: 150%;
+  line-height: 1.1em;
+  -webkit-font-feature-settings: "kern" off;
+  font-feature-settings: "kern" off;
+}
+
+pre {
+  margin: 0;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+<div id="test">
+<pre><span>Q A Q</span></pre>
+<pre><span>Q L Q</span></pre>
+<pre><span>Q P Q</span></pre>
+<pre><span>Q T Q</span></pre>
+<pre><span>Q V Q</span></pre>
+<pre><span>Q W Q</span></pre>
+<pre><span>Q Y Q</span></pre>
+<pre><span>Q Ά Q</span></pre>
+<pre><span>Q Α Q</span></pre>
+<pre><span>Q Δ Q</span></pre>
+<pre><span>Q Λ Q</span></pre>
+<pre><span>Q Τ Q</span></pre>
+<pre><span>Q Υ Q</span></pre>
+<pre><span>Q Ϋ Q</span></pre>
+<pre><span>Q ’ Q</span></pre>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-features/reftest.list b/layout/reftests/font-features/reftest.list
new file mode 100644
index 0000000000..d8d68fc4cd
--- /dev/null
+++ b/layout/reftests/font-features/reftest.list
@@ -0,0 +1,125 @@
+# Tests for opentype font feature control (bug 511339)
+#
+# These rely on the Linux Libertine font (loaded via @font-face)
+# to ensure that features are present.
+
+# check that Turkish language causes a change in rendering (no fi ligature)
+# (also works via Pango)
+!= font-features-turkish.html font-features-ref.html
+
+# check that disabling ligatures causes a change
+!= font-features-noliga.html font-features-ref.html
+
+# check that enabling optional ligatures causes a change
+!= font-features-hlig.html font-features-ref.html
+
+# compare Turkish rendering with reference using ZWNJ to break the ligature
+== font-features-turkish.html font-features-turkish-ref.html
+
+# compare Turkish rendering with explicitly disabled ligatures
+== font-features-turkish.html font-features-noliga.html
+
+# The following should pass even if feature support isn't available,
+# because both testcase and reference will have the default rendering,
+# though they're not really meaningful unless the tests above passed already.
+
+# compare feature specified within @font-face to same feature in style rule
+== font-features-hlig-2.html font-features-hlig.html
+== font-features-hlig-4.html font-features-hlig.html
+!= font-features-hlig-5.html font-features-hlig.html
+== font-features-ligatures-none.html font-features-noliga.html
+
+# check that feature in style rule overrides @font-face
+== font-features-hlig-3.html font-features-noliga.html
+
+# compare font-language-override rendering to lang-tagged rendering
+== font-features-turkish-override-1.html font-features-turkish.html
+== font-features-turkish-override-2.html font-features-turkish.html
+
+# check use of font-language-override to override explicit lang tag
+== font-features-turkish-override-3.html font-features-ref.html
+== font-features-turkish-override-4.html font-features-ref.html
+== font-features-turkish-override-5.html font-features-turkish.html
+
+# check that last value wins if a feature is repeated
+== font-features-order-1.html font-features-ref.html
+== font-features-order-2.html font-features-noliga.html
+
+# check priority of feature settings vs. font-variant subproperty
+== font-features-order-3.html font-features-noliga.html
+== font-features-order-4.html font-features-noliga.html
+== font-features-order-5.html font-features-hlig.html
+
+# check priority involving feature settings and font-variant-alternates
+== alternates-order.html alternates-order-ref.html
+
+# check that font-specific values line up with @font-face feature settings
+skip-if(winWidget) == annotations.html annotations-ref.html # bug 1447257
+
+# font-variant subproperties
+# test for specific features being on and others off, based on prop values
+# (debug problems with font-variant-debug.html which displays all props)
+== font-variant-alternates.html font-variant-alternates-ref.html
+== font-variant-caps.html font-variant-caps-ref.html
+== font-variant-east-asian.html font-variant-east-asian-ref.html
+== font-variant-ligatures.html font-variant-ligatures-ref.html
+== font-variant-numeric.html font-variant-numeric-ref.html
+== font-variant-position.html font-variant-position-ref.html
+
+# font-kerning
+!= font-kerning-normal.html font-kerning-none.html
+!= font-kerning-auto.html font-kerning-none.html
+== font-kerning-auto.html font-kerning-normal.html
+== font-kerning-normal.html font-kerning-kern.html
+== font-kerning-none.html font-kerning-nokern.html
+== font-kerning-1.html font-kerning-none.html
+== font-kerning-2.html font-kerning-normal.html
+== font-kerning-3.html font-kerning-none.html
+!= font-kerning-table-none.html font-kerning-table-normal.html
+
+# sanity check for kerning - with no spaces, kerning should occur
+== kerning-sanity-check-kern.html kerning-sanity-check-default.html
+!= kerning-sanity-check-nokern.html kerning-sanity-check-default.html
+
+# OpenType features should work across inter-word spaces
+== font-features-across-space-1.html font-features-across-space-1-ref.html
+== spacelookups.html spacelookups-ref.html
+# tests whether word cache is in use by testing for ignored space kerns
+== spacelookups-wordcache.html spacelookups-wordcache-ref.html
+# requires Japanese font with feature support, WinXP lacks one
+random-if(!winWidget&&!cocoaWidget) == fwid-spaces.html fwid-spaces-ref.html
+# Arial/Times New Roman on Win7+/OSX 10.6+ have kerning pairs that include spaces
+random-if(!winWidget&&!cocoaWidget) fails-if(winWidget||cocoaWidget) != kerning-spaces-arial-nokern.html kerning-spaces-arial-default.html
+random-if(!winWidget&&!cocoaWidget) fails-if(winWidget||cocoaWidget) == kerning-spaces-arial-kern.html kerning-spaces-arial-default.html
+random-if(!winWidget&&!cocoaWidget) fails-if(winWidget||cocoaWidget) != kerning-spaces-tnr-nokern.html kerning-spaces-tnr-default.html
+random-if(!winWidget&&!cocoaWidget) fails-if(winWidget||cocoaWidget) == kerning-spaces-tnr-kern.html kerning-spaces-tnr-default.html
+
+# font-variant-caps fallback
+# -- sanity check - none of these should look like the default rendering
+!= caps-fallback-smallcaps1.html caps-fallback-default.html
+!= caps-fallback-smallcaps2.html caps-fallback-default.html
+!= caps-fallback-petitecaps.html caps-fallback-default.html
+!= caps-fallback-allsmallcaps.html caps-fallback-default.html
+!= caps-fallback-allpetitecaps.html caps-fallback-default.html
+# -- normal or fallback rendering
+== caps-fallback-smallcaps1.html caps-fallback-smcp.html
+== caps-fallback-smallcaps2.html caps-fallback-smcp.html
+== caps-fallback-petitecaps.html caps-fallback-smcp.html
+== caps-fallback-allsmallcaps.html caps-fallback-smcpc2sc.html
+== caps-fallback-allpetitecaps.html caps-fallback-smcpc2sc.html
+
+== small-caps-missing-capital.html small-caps-missing-capital-ref.html
+
+# font-variant-position fallback
+random-if(cocoaWidget||Android) == subsuper-fallback.html subsuper-fallback-ref.html # bug 1139269
+!= subsuper-fallback.html subsuper-fallback-notref1.html
+!= subsuper-fallback.html subsuper-fallback-notref2.html
+!= subsuper-fallback.html subsuper-fallback-notref3.html
+!= subsuper-fallback-omega.html subsuper-fallback-omega-notref.html
+== subsuper-nofallback.html subsuper-nofallback-ref1.html
+random-if(cocoaWidget) == subsuper-nofallback.html subsuper-nofallback-ref2.html # bug 1139269
+!= subsuper-nofallback.html subsuper-nofallback-notref.html
+== subsuper-fallback-size.html subsuper-fallback-size-ref.html
+
+# GPOS spacing adjustments in vertical mode -- subsetted opentype/cff test font fails to load on Win7
+fuzzy-if(winWidget,0-1,0-70) == 1376231-vertical-gpos-adjustments.html 1376231-vertical-gpos-adjustments-ref.html
diff --git a/layout/reftests/font-features/small-caps-missing-capital-ref.html b/layout/reftests/font-features/small-caps-missing-capital-ref.html
new file mode 100644
index 0000000000..b27620f77e
--- /dev/null
+++ b/layout/reftests/font-features/small-caps-missing-capital-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  /* A font that supports the π symbol, but does not have a capital PI;
+     and supports the µ sign, but does not have a capital MU. */
+  src: url(../fonts/Prototype.ttf);
+}
+.test {
+  font-family: test;
+  font-size: 24px;
+  font-variant: small-caps;
+}
+</style>
+
+<p>The pi symbol must not be missing:</p>
+
+<p class=test><span style="font-variant:normal">π</span>-Test</p>
+
+<p>The micro sign µ must not be missing:</p>
+
+<p class=test>Is <span style="font-variant:normal">10µs</span> the same as 10ms?</p>
diff --git a/layout/reftests/font-features/small-caps-missing-capital.html b/layout/reftests/font-features/small-caps-missing-capital.html
new file mode 100644
index 0000000000..a29349fdbe
--- /dev/null
+++ b/layout/reftests/font-features/small-caps-missing-capital.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  /* A font that supports the π symbol, but does not have a capital PI;
+     and supports the µ sign, but does not have a capital MU. */
+  src: url(../fonts/Prototype.ttf);
+}
+.test {
+  font-family: test;
+  font-size: 24px;
+  font-variant: small-caps;
+}
+</style>
+
+<p>The pi symbol must not be missing:</p>
+
+<p class=test>π-Test</p>
+
+<p>The micro sign µ must not be missing:</p>
+
+<!-- Because we cannot do a fake-small-cap for µ, the complete run
+     "10µs" will be rendered without a small-caps effect. -->
+<p class=test>Is 10µs the same as 10ms?</p>
diff --git a/layout/reftests/font-features/spacelookups-ref.html b/layout/reftests/font-features/spacelookups-ref.html
new file mode 100644
index 0000000000..0206717301
--- /dev/null
+++ b/layout/reftests/font-features/spacelookups-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>contextual substitutions for fonts with spaces in lookups</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com"/>
+<style type="text/css">
+@font-face {
+  font-family: spacelookup-defscr-deflang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf);
+}
+body {
+  margin: 20px 40px;
+  line-height: 1.2;
+}
+
+div { font-size: 400%; }
+
+.spacelookup-defscr-deflang-deffeat { font-family: spacelookup-defscr-deflang-deffeat; }
+</style>
+
+</head>
+<body>
+<div class="spacelookup-defscr-deflang-deffeat">
+<span>&#xf007;</span>
+<span>&#xf007;</span>
+<span>&#xf007;</span>
+<span>&#xf007;</span>
+<span>&#xf007;</span>
+<span>&#xf007;</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/spacelookups-wordcache-ref.html b/layout/reftests/font-features/spacelookups-wordcache-ref.html
new file mode 100644
index 0000000000..cd6af0cf43
--- /dev/null
+++ b/layout/reftests/font-features/spacelookups-wordcache-ref.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>contextual substitutions for fonts with spaces in lookups</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com"/>
+<style type="text/css">
+
+@font-face {
+  font-family: spacelookup-defscr-deflang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-defscr-deflang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-deflang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-deflang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-fralang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-fralang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf);
+}
+
+body {
+  margin: 20px 40px;
+  line-height: 1.2;
+}
+
+div { font-size: 200%; }
+
+p { margin: 0; line-height: 1.2; }
+
+.spacelookup-defscr-deflang-deffeat { font-family: spacelookup-defscr-deflang-deffeat; }
+.spacelookup-defscr-deflang-ndeffeat { font-family: spacelookup-defscr-deflang-ndeffeat; }
+.spacelookup-latnscr-deflang-deffeat { font-family: spacelookup-latnscr-deflang-deffeat; }
+.spacelookup-latnscr-deflang-ndeffeat { font-family: spacelookup-latnscr-deflang-ndeffeat; }
+.spacelookup-latnscr-fralang-deffeat { font-family: spacelookup-latnscr-fralang-deffeat; }
+.spacelookup-latnscr-fralang-ndeffeat { font-family: spacelookup-latnscr-fralang-ndeffeat; }
+
+p.kern {
+  -webkit-font-feature-settings: "liga" on, "kern" on;
+  font-feature-settings: "liga" on, "kern" on;
+}
+
+p.nokern {
+  -webkit-font-feature-settings: "liga" on, "kern" off;
+  font-feature-settings: "liga" on, "kern" off;
+}
+
+</style>
+
+</head>
+<body>
+<div class="spacelookup-defscr-deflang-deffeat" lang="en">
+<p class="spacelookup-defscr-deflang-deffeat kern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-latnscr-deflang-deffeat kern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-latnscr-fralang-deffeat kern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-defscr-deflang-ndeffeat nokern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-latnscr-deflang-ndeffeat nokern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-latnscr-fralang-ndeffeat nokern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-defscr-deflang-ndeffeat kern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-latnscr-deflang-ndeffeat kern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+<p class="spacelookup-latnscr-fralang-ndeffeat kern">&#xf002; &#xf001; &#xf004; &#xf003; &#xf006; &#xf005;</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/spacelookups-wordcache.html b/layout/reftests/font-features/spacelookups-wordcache.html
new file mode 100644
index 0000000000..a3bd642b26
--- /dev/null
+++ b/layout/reftests/font-features/spacelookups-wordcache.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>contextual substitutions for fonts with spaces in lookups</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com"/>
+<meta name="bug" content="https://bugzilla.mozilla.org/show_bug.cgi?id=921858"/>
+<style type="text/css">
+
+@font-face {
+  font-family: spacelookup-defscr-deflang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-defscr-deflang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-deflang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-deflang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-fralang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-fralang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf);
+}
+
+body {
+  margin: 20px 40px;
+  line-height: 1.2;
+}
+
+div { font-size: 200%; }
+
+p { margin: 0; line-height: 1.2; }
+
+.spacelookup-defscr-deflang-deffeat { font-family: spacelookup-defscr-deflang-deffeat; }
+.spacelookup-defscr-deflang-ndeffeat { font-family: spacelookup-defscr-deflang-ndeffeat; }
+.spacelookup-latnscr-deflang-deffeat { font-family: spacelookup-latnscr-deflang-deffeat; }
+.spacelookup-latnscr-deflang-ndeffeat { font-family: spacelookup-latnscr-deflang-ndeffeat; }
+.spacelookup-latnscr-fralang-deffeat { font-family: spacelookup-latnscr-fralang-deffeat; }
+.spacelookup-latnscr-fralang-ndeffeat { font-family: spacelookup-latnscr-fralang-ndeffeat; }
+
+.dlig {
+  -webkit-font-feature-settings: "dlig" on;
+  font-feature-settings: "dlig" on;
+}
+</style>
+
+</head>
+<body>
+<div class="spacelookup-defscr-deflang-deffeat" lang="en">
+<p class="spacelookup-defscr-deflang-deffeat">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-latnscr-deflang-deffeat">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-latnscr-fralang-deffeat">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-defscr-deflang-ndeffeat">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-latnscr-deflang-ndeffeat">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-latnscr-fralang-ndeffeat">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-defscr-deflang-ndeffeat dlig">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-latnscr-deflang-ndeffeat dlig">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+<p class="spacelookup-latnscr-fralang-ndeffeat dlig">latn-script default-script fra-lang default-lang non-default-feature default-feature</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/spacelookups.html b/layout/reftests/font-features/spacelookups.html
new file mode 100644
index 0000000000..ab22ac9799
--- /dev/null
+++ b/layout/reftests/font-features/spacelookups.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>contextual substitutions for fonts with spaces in lookups</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com"/>
+<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#default-features"/>
+<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-feature-settings"/>
+<link rel="match" href="spacelookups-ref.html"/>
+<meta name="flags" content=""/>
+<meta name="assert" content="spaces in contextual lookups should not affect glyph substitutions"/>
+<meta name="bug" content="https://bugzilla.mozilla.org/show_bug.cgi?id=921858"/>
+<style type="text/css">
+/*
+  Fonts below contain different arrangements of features/lookups. All
+  contain substitution rules for words such "default-script". Each individual
+  font has additional substitution rules so that a sequence of words with
+  spaces will end up as a thumbs up icon glyph.
+*/
+
+@font-face {
+  font-family: spacelookup-defscr-deflang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-defscr-deflang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-deflang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-deflang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-fralang-deffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf);
+}
+
+@font-face {
+  font-family: spacelookup-latnscr-fralang-ndeffeat;
+  src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf);
+}
+
+body {
+  margin: 20px 40px;
+  line-height: 1.2;
+}
+
+div { font-size: 400%; }
+
+.spacelookup-defscr-deflang-deffeat { font-family: spacelookup-defscr-deflang-deffeat; }
+.spacelookup-defscr-deflang-ndeffeat { font-family: spacelookup-defscr-deflang-ndeffeat; }
+.spacelookup-latnscr-deflang-deffeat { font-family: spacelookup-latnscr-deflang-deffeat; }
+.spacelookup-latnscr-deflang-ndeffeat { font-family: spacelookup-latnscr-deflang-ndeffeat; }
+.spacelookup-latnscr-fralang-deffeat { font-family: spacelookup-latnscr-fralang-deffeat; }
+.spacelookup-latnscr-fralang-ndeffeat { font-family: spacelookup-latnscr-fralang-ndeffeat; }
+
+.dlig {
+  -webkit-font-feature-settings: "dlig" on;
+  font-feature-settings: "dlig" on;
+}
+</style>
+
+</head>
+<body>
+<div class="spacelookup-defscr-deflang-deffeat">
+<span class="spacelookup-defscr-deflang-deffeat">default-script default-lang default-feature</span>
+<span class="spacelookup-defscr-deflang-ndeffeat dlig">default-script default-lang non-default-feature</span>
+<span class="spacelookup-latnscr-deflang-deffeat">latn-script default-lang default-feature</span>
+<span class="spacelookup-latnscr-deflang-ndeffeat dlig">latn-script default-lang non-default-feature</span>
+<span class="spacelookup-latnscr-fralang-deffeat" lang="fr">latn-script fra-lang default-feature</span>
+<span class="spacelookup-latnscr-fralang-ndeffeat dlig" lang="fr">latn-script fra-lang non-default-feature</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-notref1.html b/layout/reftests/font-features/subsuper-fallback-notref1.html
new file mode 100644
index 0000000000..375d855fd2
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-notref1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+h4 { font-weight: normal }
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with synthesized glyphs:</h4>
+<p><span class=sub>3n</span>C<span class=super>2n</span> <span class=sub>n3</span>C<span class=super>n2</span></p>
+<p><span class=sub>3&pi;</span>C<span class=super>2&pi;</span> <span class=sub>&pi;3</span>C<span class=super>&pi;2</span></p>
+<p><span class=sub>3&#x1F4A9;</span>C<span class=super>2&#x1F4A9;</span> <span class=sub>&#x1F4A9;3</span>C<span class=super>&#x1F4A9;2</span></p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-notref2.html b/layout/reftests/font-features/subsuper-fallback-notref2.html
new file mode 100644
index 0000000000..40a89965bb
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-notref2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+h4 { font-weight: normal }
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with synthesized glyphs:</h4>
+<p><span class=sub>&#x2083;n</span>C<span class=super>&#x0b2;n</span> <span class=sub>n&#x2083;</span>C<span class=super>n&#x0b2;</span></p>
+<p><span class=sub>&#x2083;&pi;</span>C<span class=super>&#x0b2;&pi;</span> <span class=sub>&pi;&#x2083;</span>C<span class=super>&pi;&#x0b2;</span></p>
+<p><span class=sub>&#x2083;&#x1F4A9;</span>C<span class=super>&#x0b2;&#x1F4A9;</span> <span class=sub>&#x1F4A9;&#x2083;</span>C<span class=super>&#x1F4A9;&#x0b2;</span></p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-notref3.html b/layout/reftests/font-features/subsuper-fallback-notref3.html
new file mode 100644
index 0000000000..945c8b8a5a
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-notref3.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+@font-face {
+  font-family: subsuper-nofeat;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+h4 { font-weight: normal }
+
+.nofeat { font-family: subsuper-nofeat }
+.nofeat span.sub { font-variant-position: sub }
+.nofeat span.super { font-variant-position: super }
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with synthesized glyphs:</h4>
+<p><span class=sub>&#x2083;n</span>C<span class=super>&#x0b2;n</span> <span class=sub>n&#x2083;</span>C<span class=super>n&#x0b2;</span></p>
+<p><span class=sub>&#x2083;&pi;</span>C<span class=super>&#x0b2;&pi;</span> <span class=sub>&pi;&#x2083;</span>C<span class=super>&pi;&#x0b2;</span></p>
+<p class=nofeat><span class=sub>3&#x1F4A9;</span>C<span class=super>2&#x1F4A9;</span> <span class=sub>&#x1F4A9;3</span>C<span class=super>&#x1F4A9;2</span></p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-omega-notref.html b/layout/reftests/font-features/subsuper-fallback-omega-notref.html
new file mode 100644
index 0000000000..3ecc8a3ff3
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-omega-notref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper-nofeat.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 200px;
+}
+h4 { font-weight: normal }
+</style>
+</head>
+<body>
+<p>e&#x0b2;</p>
+<p>e&#x2082;</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-omega.html b/layout/reftests/font-features/subsuper-fallback-omega.html
new file mode 100644
index 0000000000..f27af2d484
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-omega.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 200px;
+}
+h4 { font-weight: normal }
+span.sub { font-variant-position: sub }
+span.super { font-variant-position: super }
+</style>
+</head>
+<body>
+<p>e<span class=super>2&omega;</span></p>
+<p>e<span class=sub>2&omega;</span></p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-ref.html b/layout/reftests/font-features/subsuper-fallback-ref.html
new file mode 100644
index 0000000000..32b665a51a
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper-nofeat.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+h4 { font-weight: normal }
+span.sub { font-variant-position: sub }
+span.super { font-variant-position: super }
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with synthesized glyphs:</h4>
+<p><span class=sub>3n</span>C<span class=super>2n</span> <span class=sub>n3</span>C<span class=super>n2</span></p>
+<p><span class=sub>3&pi;</span>C<span class=super>2&pi;</span> <span class=sub>&pi;3</span>C<span class=super>&pi;2</span></p>
+<p><span class=sub>3&#x1F4A9;</span>C<span class=super>2&#x1F4A9;</span> <span class=sub>&#x1F4A9;3</span>C<span class=super>&#x1F4A9;2</span></p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-size-ref.html b/layout/reftests/font-features/subsuper-fallback-size-ref.html
new file mode 100644
index 0000000000..e6e9111949
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-size-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 10px;
+  font-size: 50px;
+  line-height: 2;
+  width: -moz-fit-content;
+  background: black;
+}
+h4 { font-weight: normal; }
+span { font-size: 0.667em; } /* see NS_FONT_SUB_SUPER_SIZE_RATIO_LARGE */
+</style>
+</head>
+<body>
+<h4>The black bars should NOT be the same length</h4>
+<p>&nbsp;XXXXXXXXXX&nbsp;</p>
+<p>&nbsp;X<span>XXXXXXXX</span>X&nbsp;</p>
+<p>&nbsp;X<span>XXXXXXXX</span>X&nbsp;</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback-size.html b/layout/reftests/font-features/subsuper-fallback-size.html
new file mode 100644
index 0000000000..e042319cb3
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback-size.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 10px;
+  font-size: 50px;
+  line-height: 2;
+  width: -moz-fit-content;
+  background: black;
+}
+h4 { font-weight: normal; }
+span.sub { font-variant-position: sub; }
+span.super { font-variant-position: super; }
+</style>
+</head>
+<body>
+<h4>The black bars should NOT be the same length</h4>
+<p>&nbsp;XXXXXXXXXX&nbsp;</p>
+<p>&nbsp;X<span class=sub>XXXXXXXX</span>X&nbsp;</p>
+<p>&nbsp;X<span class=super>XXXXXXXX</span>X&nbsp;</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-fallback.html b/layout/reftests/font-features/subsuper-fallback.html
new file mode 100644
index 0000000000..28092d90c1
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-fallback.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 50px;
+}
+h4 { font-weight: normal }
+span.sub { font-variant-position: sub }
+span.super { font-variant-position: super }
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with synthesized glyphs:</h4>
+<p><span class=sub>3n</span>C<span class=super>2n</span> <span class=sub>n3</span>C<span class=super>n2</span></p>
+<p><span class=sub>3&pi;</span>C<span class=super>2&pi;</span> <span class=sub>&pi;3</span>C<span class=super>&pi;2</span></p>
+<p><span class=sub>3&#x1F4A9;</span>C<span class=super>2&#x1F4A9;</span> <span class=sub>&#x1F4A9;3</span>C<span class=super>&#x1F4A9;2</span></p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-nofallback-notref.html b/layout/reftests/font-features/subsuper-nofallback-notref.html
new file mode 100644
index 0000000000..5dfd66218b
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-nofallback-notref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 75px;
+}
+h4 { font-weight: normal }
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with variant glyphs:</h4>
+<p>
+<span class=sub>3</span>C<span class=super>2</span>
+<span class=sub>(3)</span>C<span class=super>(2)</span>
+<span class=sub>21+3</span>C<span class=super>45</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-nofallback-ref1.html b/layout/reftests/font-features/subsuper-nofallback-ref1.html
new file mode 100644
index 0000000000..2c015d026f
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-nofallback-ref1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 75px;
+}
+h4 { font-weight: normal }
+span.super {
+  -webkit-font-feature-settings: "sups" on;
+  font-feature-settings: "sups" on;
+}
+span.sub {
+  -webkit-font-feature-settings: "subs" on;
+  font-feature-settings: "subs" on;
+}
+
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with variant glyphs:</h4>
+<p>
+<span class=sub>3</span>C<span class=super>2</span>
+<span class=sub>(3)</span>C<span class=super>(2)</span>
+<span class=sub>21+3</span>C<span class=super>45</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-nofallback-ref2.html b/layout/reftests/font-features/subsuper-nofallback-ref2.html
new file mode 100644
index 0000000000..332e031777
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-nofallback-ref2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper-nofeat.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 75px;
+}
+h4 { font-weight: normal }
+
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with variant glyphs:</h4>
+<p>
+<span class=sub>&#x2083;</span>C<span class=super>&#x0b2;</span>
+<span class=sub>&#x208d;&#x2083;&#x208e;</span>C<span class=super>&#x207d;&#x0b2;&#x207e;</span>
+<span class=sub>&#x2082;&#x2081;&#x208a;&#x2083;</span>C<span class=super>&#x2074;&#x2075;</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/font-features/subsuper-nofallback.html b/layout/reftests/font-features/subsuper-nofallback.html
new file mode 100644
index 0000000000..92d1ccd3fb
--- /dev/null
+++ b/layout/reftests/font-features/subsuper-nofallback.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-variant-position fallback</title>
+<meta charset="UTF-8">
+<style>
+
+/* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
+@font-face {
+  font-family: subsuper;
+  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
+}
+
+body {
+  margin: 20px;
+  font-family: subsuper, sans-serif;
+}
+
+p {
+  margin: 0;
+  font-size: 75px;
+}
+h4 { font-weight: normal }
+span.sub { font-variant-position: sub }
+span.super { font-variant-position: super }
+</style>
+</head>
+<body>
+<h4>All the subscripts and superscripts should display with variant glyphs:</h4>
+<p>
+<span class=sub>3</span>C<span class=super>2</span>
+<span class=sub>(3)</span>C<span class=super>(2)</span>
+<span class=sub>21+3</span>C<span class=super>45</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/font-inflation/bug707855-innerFrame-ref.html b/layout/reftests/font-inflation/bug707855-innerFrame-ref.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/font-inflation/bug707855-innerFrame.html b/layout/reftests/font-inflation/bug707855-innerFrame.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/font-inflation/bug707855-ref.html b/layout/reftests/font-inflation/bug707855-ref.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/font-inflation/bug707855.html b/layout/reftests/font-inflation/bug707855.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/font-inflation/bullet-1-ref.html b/layout/reftests/font-inflation/bullet-1-ref.html
new file mode 100644
index 0000000000..6f87b94075
--- /dev/null
+++ b/layout/reftests/font-inflation/bullet-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<style>
+ul, li { line-height: 1.0; font-size: 35px; }
+ul { width: 500px; margin: 0; padding: 0 }
+li { margin: 0 0 0 50px; padding: 0 }
+</style>
+<ul>
+  <li>item</li>
+</ul>
diff --git a/layout/reftests/font-inflation/bullet-1.html b/layout/reftests/font-inflation/bullet-1.html
new file mode 100644
index 0000000000..6433753fd6
--- /dev/null
+++ b/layout/reftests/font-inflation/bullet-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<style>
+ul, li { line-height: 1.0; font-size: 15px; }
+ul { width: 500px; margin: 0; padding: 0 }
+li { margin: 0 0 0 50px; padding: 0 }
+</style>
+<ul>
+  <li>item</li>
+</ul>
diff --git a/layout/reftests/font-inflation/consecutive-inline-ref.html b/layout/reftests/font-inflation/consecutive-inline-ref.html
new file mode 100644
index 0000000000..9d5d163f01
--- /dev/null
+++ b/layout/reftests/font-inflation/consecutive-inline-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<style>
+  div {
+    width: 450px;
+    font-size: 34px;
+  }
+
+  a {
+    font-weight: bold;
+    line-height: 1.1em;
+    color: blue;
+  }
+
+  a#first {
+    font-size: 34px;
+    font-style: italic;
+  }
+
+  a#second {
+    font-size: 40px;
+  }
+
+</style>
+<!--
+In a 450 px container, the minimum font size at 15em per line is 30px. This
+means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
+gets mapped to 40px.
+-->
+<div>
+  <a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
+</div>
diff --git a/layout/reftests/font-inflation/consecutive-inline.html b/layout/reftests/font-inflation/consecutive-inline.html
new file mode 100644
index 0000000000..bb2e4b8c4a
--- /dev/null
+++ b/layout/reftests/font-inflation/consecutive-inline.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<style>
+  div {
+    width: 450px;
+    font-size: 12px;
+  }
+
+  a {
+    font-weight: bold;
+    line-height: 1.1em;
+    color: blue;
+  }
+
+  a#first {
+    font-size: 12px;
+    font-style: italic;
+  }
+
+  a#second {
+    font-size: 30px;
+  }
+
+</style>
+<!--
+In a 450 px container, the minimum font size at 15em per line is 30px. This
+means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
+gets mapped to 40px.
+-->
+<div>
+  <a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
+</div>
diff --git a/layout/reftests/font-inflation/container-with-clamping-innerFrame-ref.html b/layout/reftests/font-inflation/container-with-clamping-innerFrame-ref.html
new file mode 100644
index 0000000000..966612ec45
--- /dev/null
+++ b/layout/reftests/font-inflation/container-with-clamping-innerFrame-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<style>
+	div { background: yellow }
+	div { font-size: 20px; line-height: 1.0; width: 450px }
+</style>
+<!--
+Without the patch for bug 707855, we have a 450px container, and the minimum font size
+at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
+to 34px.
+
+With the patch, then we have a 240px container, so the minimum font size
+at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
+mapped to 20px.
+-->
+<div>Test to see if too large of a container causes a giant escalation of the font size when font inflation is enabled.</div>
diff --git a/layout/reftests/font-inflation/container-with-clamping-innerFrame.html b/layout/reftests/font-inflation/container-with-clamping-innerFrame.html
new file mode 100644
index 0000000000..f6a0cec990
--- /dev/null
+++ b/layout/reftests/font-inflation/container-with-clamping-innerFrame.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<style>
+	div { background: yellow }
+	div { font-size: 12px; line-height: 1.0; width: 450px }
+</style>
+<!--
+Without the patch for bug 707855, we have a 450px container, and the minimum font size
+at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
+to 34px.
+
+With the patch, then we have a 240px container, so the minimum font size
+at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
+mapped to 20px.
+-->
+<div>Test to see if too large of a container causes a giant escalation of the font size when font inflation is enabled.</div>
diff --git a/layout/reftests/font-inflation/container-with-clamping-ref.html b/layout/reftests/font-inflation/container-with-clamping-ref.html
new file mode 100644
index 0000000000..74e73798eb
--- /dev/null
+++ b/layout/reftests/font-inflation/container-with-clamping-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 12px; line-height: 1.0; width: 1200px }
+</style>
+<!--
+Without the patch for bug 707855, we have a 450px container, and the minimum font size
+at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
+to 34px.
+
+With the patch, then we have a 240px container, so the minimum font size
+at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
+mapped to 20px.
+-->
+<iframe src="container-with-clamping-innerFrame-ref.html" width="240" height="400">
+</iframe>
diff --git a/layout/reftests/font-inflation/container-with-clamping.html b/layout/reftests/font-inflation/container-with-clamping.html
new file mode 100644
index 0000000000..69afa734e3
--- /dev/null
+++ b/layout/reftests/font-inflation/container-with-clamping.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<!--
+Without the patch for bug 707855, we have a 450px container, and the minimum font size
+at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
+to 34px.
+
+With the patch, then we have a 240px container, so the minimum font size
+at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
+mapped to 20px.
+-->
+<iframe src="container-with-clamping-innerFrame.html" width="240" height="400">
+</iframe>
diff --git a/layout/reftests/font-inflation/css-transform-1-ref.html b/layout/reftests/font-inflation/css-transform-1-ref.html
new file mode 100644
index 0000000000..59cafed43c
--- /dev/null
+++ b/layout/reftests/font-inflation/css-transform-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; width: 150px; line-height: 1.0; white-space: nowrap }
+span { transform-origin: 0 0; transform: scale(1.2); }
+</style>
+<div><span>Hello world</span></div>
diff --git a/layout/reftests/font-inflation/css-transform-1.html b/layout/reftests/font-inflation/css-transform-1.html
new file mode 100644
index 0000000000..88250a5c9e
--- /dev/null
+++ b/layout/reftests/font-inflation/css-transform-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; width: 450px; line-height: 1.0 }
+span { transform-origin: 0 0; transform: scale(1.2); }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><span>Hello world</span></div>
diff --git a/layout/reftests/font-inflation/css-transform-2-ref.html b/layout/reftests/font-inflation/css-transform-2-ref.html
new file mode 100644
index 0000000000..33e0110c07
--- /dev/null
+++ b/layout/reftests/font-inflation/css-transform-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; width: 150px; line-height: 1.0; white-space: nowrap }
+p { transform-origin: 0 0; margin: 0; transform: scale(1.2); }
+</style>
+<div><p>Hello world</p></div>
diff --git a/layout/reftests/font-inflation/css-transform-2.html b/layout/reftests/font-inflation/css-transform-2.html
new file mode 100644
index 0000000000..68c6f60a3d
--- /dev/null
+++ b/layout/reftests/font-inflation/css-transform-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; width: 450px; line-height: 1.0 }
+p { transform-origin: 0 0; margin: 0; transform: scale(1.2); }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><p>Hello world</p></div>
diff --git a/layout/reftests/font-inflation/decoration-1-ref.html b/layout/reftests/font-inflation/decoration-1-ref.html
new file mode 100644
index 0000000000..ce2b0c0ef0
--- /dev/null
+++ b/layout/reftests/font-inflation/decoration-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 34px; line-height: 1.0; width: 450px }
+span { font-size: 36px }
+div { text-decoration: underline overline line-through }
+</style>
+<div>Hello <span>world</span></div>
diff --git a/layout/reftests/font-inflation/decoration-1.html b/layout/reftests/font-inflation/decoration-1.html
new file mode 100644
index 0000000000..9392fafcd1
--- /dev/null
+++ b/layout/reftests/font-inflation/decoration-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 12px; line-height: 1.0; width: 450px }
+span { font-size: 18px }
+div { text-decoration: underline overline line-through }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px
+and 18px gets mapped to 36px.
+-->
+<div>Hello <span>world</span></div>
diff --git a/layout/reftests/font-inflation/disable-fontinfl-on-mobile-2.html b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-2.html
new file mode 100644
index 0000000000..d251decdeb
--- /dev/null
+++ b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-2.html
@@ -0,0 +1,20 @@
+<!--
+Without the patch for bug 706198, this website should not show up as inflated. That means
+that with a 450px container, the minimum font size with 15em per line should be 30px.
+So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
+
+With the patch, the text should be uninflated, which means that 12px should still be
+12px.
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta content='True' name='HandheldFriendly' />
+    <style>
+      p { font-size: 12px; line-height: 1.0;}
+    </style>
+    <body>
+      <p>Some uninflated text.</p>
+    </body>
+  </head>
+</html>
diff --git a/layout/reftests/font-inflation/disable-fontinfl-on-mobile-3.html b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-3.html
new file mode 100644
index 0000000000..0bd4eaca7c
--- /dev/null
+++ b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-3.html
@@ -0,0 +1,20 @@
+<!--
+Without the patch for bug 706198, this website should not show up as inflated. That means
+that with a 450px container, the minimum font size with 15em per line should be 30px.
+So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
+
+With the patch, the text should be uninflated, which means that 12px should still be
+12px.
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
+    <style>
+      p { font-size: 12px; line-height: 1.0;}
+    </style>
+    <body>
+      <p>Some uninflated text.</p>
+    </body>
+  </head>
+</html>
diff --git a/layout/reftests/font-inflation/disable-fontinfl-on-mobile-5.html b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-5.html
new file mode 100644
index 0000000000..40149c9b58
--- /dev/null
+++ b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-5.html
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
+
+<!--
+The <meta name="viewport"> tag takes precedence over the doctype, so this
+should *not* be treated as a "mobile" site (bug 783565).
+-->
+<html>
+  <head>
+    <meta name="viewport" content="width=10000">
+    <style>
+      p { font-size: 12px; line-height: 1.0;}
+    </style>
+    <body>
+      <p>Some uninflated text.</p>
+    </body>
+  </head>
+</html>
diff --git a/layout/reftests/font-inflation/disable-fontinfl-on-mobile-ref.html b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-ref.html
new file mode 100644
index 0000000000..ab35ad7803
--- /dev/null
+++ b/layout/reftests/font-inflation/disable-fontinfl-on-mobile-ref.html
@@ -0,0 +1,19 @@
+<!--
+Without the patch for bug 706198, this website should not show up as inflated. That means
+that with a 450px container, the minimum font size with 15em per line should be 30px.
+So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
+
+With the patch, the text should be uninflated, which means that 12px should still be
+12px.
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      p { font-size: 12px; line-height: 1.0;}
+    </style>
+    <body>
+      <p>Some uninflated text.</p>
+    </body>
+  </head>
+</html>
diff --git a/layout/reftests/font-inflation/disable-fontinfl-on-mobile.html b/layout/reftests/font-inflation/disable-fontinfl-on-mobile.html
new file mode 100644
index 0000000000..1e182b37f1
--- /dev/null
+++ b/layout/reftests/font-inflation/disable-fontinfl-on-mobile.html
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
+
+<!--
+Without the patch for bug 706198, this website should not show up as inflated. That means
+that with a 450px container, the minimum font size with 15em per line should be 30px.
+So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
+
+With the patch, the text should be uninflated, which means that 12px should still be
+12px.
+-->
+<html>
+  <head>
+    <style>
+      p { font-size: 12px; line-height: 1.0;}
+    </style>
+    <body>
+      <p>Some uninflated text.</p>
+    </body>
+  </head>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-height-body-child-ref.html b/layout/reftests/font-inflation/fixed-height-body-child-ref.html
new file mode 100644
index 0000000000..1b492bf5cb
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-height-body-child-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
+into 30px-45px, so 12px gets mapped to 34px.
+-->
+<html>
+  <head>
+    <style>
+      body {
+        height: 100%;
+        /*
+         * We need overflow:hidden because we can't show a scrollbar due
+         * to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
+         */
+        overflow: hidden;
+      }
+
+      div {
+        width: 450px;
+      }
+
+      p {
+        line-height: 1.1;
+        font-size: 34px;
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+      <p>Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-height-body-child.html b/layout/reftests/font-inflation/fixed-height-body-child.html
new file mode 100644
index 0000000000..9efb024253
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-height-body-child.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
+into 30px-45px, so 12px gets mapped to 34px.
+-->
+<html>
+  <head>
+    <style>
+      body {
+        height: 100%;
+        /*
+         * We need overflow:hidden because we can't show a scrollbar due
+         * to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
+         */
+        overflow: hidden;
+      }
+
+      div {
+        width: 450px;
+      }
+
+      p {
+        line-height: 1.1;
+        font-size: 12px;
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+      <p>Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-height-body-ref.html b/layout/reftests/font-inflation/fixed-height-body-ref.html
new file mode 100644
index 0000000000..785c407b2b
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-height-body-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<!--
+The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
+into 30px-45px, so 12px gets mapped to 34px.
+-->
+<html>
+<head>
+  <style>
+    body {
+      height: 100%;
+      width: 450px;
+      line-height: 1.1;
+      font-size: 34px;
+      /*
+       * We need overflow:hidden because we can't show a scrollbar due
+       * to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
+       */
+      overflow: hidden;
+    }
+  </style>
+</head>
+  <body>
+    Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-height-body.html b/layout/reftests/font-inflation/fixed-height-body.html
new file mode 100644
index 0000000000..37919761ab
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-height-body.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<!--
+The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
+into 30px-45px, so 12px gets mapped to 34px.
+-->
+<html>
+<head>
+  <style>
+    body {
+      height: 100%;
+      width: 450px;
+      line-height: 1.1;
+      font-size: 12px;
+      /*
+       * We need overflow:hidden because we can't show a scrollbar due
+       * to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
+       */
+      overflow: hidden;
+    }
+  </style>
+</head>
+  <body>
+    Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-width-body-viewport-ref.html b/layout/reftests/font-inflation/fixed-width-body-viewport-ref.html
new file mode 100644
index 0000000000..e4858590c4
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-width-body-viewport-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<!--
+Our body is 2000px wide, but the effective container size for font inflation will be clamped to the
+viewport width of 1000px (this test uses a custom value for browser.viewport.desktopWidth).
+The minimum font size at 20em per line in an 1000px container is 50px. This means we map 0px-75px
+into 50px-75px, so 12px gets mapped to 54px.
+-->
+<html>
+<head>
+  <style>
+    body {
+      width: 2000px;
+      line-height: 1.1;
+      font-size: 54px;
+      overflow: hidden;
+      -moz-text-size-adjust: none;
+    }
+  </style>
+</head>
+  <body>
+    PERSONS attempting to find a motive in this narrative will be prosecuted;
+    persons attempting to find a moral in it will be banished;
+    persons attempting to find a plot in it will be shot.<br>
+    BY ORDER OF THE AUTHOR,<br>
+    Per G.G., Chief of Ordnance.
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-width-body-viewport.html b/layout/reftests/font-inflation/fixed-width-body-viewport.html
new file mode 100644
index 0000000000..b33a1d0938
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-width-body-viewport.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<!--
+Our body is 2000px wide, but the effective container size for font inflation will be clamped to the
+viewport width of 1000px (this test uses a custom value for browser.viewport.desktopWidth).
+The minimum font size at 20em per line in an 1000px container is 50px. This means we map 0px-75px
+into 50px-75px, so 12px gets mapped to 54px.
+-->
+<html>
+<head>
+  <style>
+    body {
+      width: 2000px;
+      line-height: 1.1;
+      font-size: 12px;
+      overflow: hidden;
+    }
+  </style>
+</head>
+  <body>
+    PERSONS attempting to find a motive in this narrative will be prosecuted;
+    persons attempting to find a moral in it will be banished;
+    persons attempting to find a plot in it will be shot.<br>
+    BY ORDER OF THE AUTHOR,<br>
+    Per G.G., Chief of Ordnance.
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-width-viewport-inflation-ref.html b/layout/reftests/font-inflation/fixed-width-viewport-inflation-ref.html
new file mode 100644
index 0000000000..30f3bd9c02
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-width-viewport-inflation-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<html>
+  <head>
+    <meta name="viewport" content="width=801"/>
+    <style>
+      :root { scrollbar-color: transparent transparent; }
+      div { width: 450px; font-size: 34px; line-height: 1.0; }
+    </style>
+    <script>
+      if (location.search)
+        document.documentElement.setAttribute("reftest-zoom", location.search.substr(1))
+    </script>
+  </head>
+  <body>
+    <div id="outer">
+      <div>Some inflated text.</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-width-viewport-inflation.html b/layout/reftests/font-inflation/fixed-width-viewport-inflation.html
new file mode 100644
index 0000000000..f7fcfb2f2b
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-width-viewport-inflation.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<html>
+  <head>
+    <meta name="viewport" content="width=801"/>
+    <style>
+      :root { scrollbar-color: transparent transparent; }
+      div { width: 450px; font-size: 12px; line-height: 1.0; }
+    </style>
+    <script>
+      if (location.search)
+        document.documentElement.setAttribute("reftest-zoom", location.search.substr(1))
+    </script>
+  </head>
+  <body>
+    <div id="outer">
+      <div>Some inflated text.</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/fixed-width-viewport-no-inflation.html b/layout/reftests/font-inflation/fixed-width-viewport-no-inflation.html
new file mode 100644
index 0000000000..2e43ad619c
--- /dev/null
+++ b/layout/reftests/font-inflation/fixed-width-viewport-no-inflation.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<html>
+  <head>
+    <meta name="viewport" content="width=800"/>
+    <style>
+      div { width: 450px; font-size: 12px; line-height: 1.0; }
+    </style>
+    <script>
+      if (location.search)
+        document.documentElement.setAttribute("reftest-zoom", location.search.substr(1))
+    </script>
+  </head>
+  <body>
+    <div id="outer">
+      <div>Some uninflated text.</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/font-inflation/form-button-fixed-height-ref.html b/layout/reftests/font-inflation/form-button-fixed-height-ref.html
new file mode 100644
index 0000000000..c59bba5044
--- /dev/null
+++ b/layout/reftests/font-inflation/form-button-fixed-height-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<meta charset="utf-8">
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 34px;
+  }
+
+  button {
+    font-size: 12px;
+    height: 20px;
+  }
+</style>
+<!--
+Because this button has a fixed height,
+font inflation should be disabled.
+-->
+<div class="outer">
+  <form><button>Add Comment</button></form>
+</div>
diff --git a/layout/reftests/font-inflation/form-button-fixed-height.html b/layout/reftests/font-inflation/form-button-fixed-height.html
new file mode 100644
index 0000000000..29cb6fa860
--- /dev/null
+++ b/layout/reftests/font-inflation/form-button-fixed-height.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<meta charset="utf-8">
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+  }
+
+  button {
+    font-size: 12px;
+    height: 20px;
+  }
+
+  .invisible {
+    color: white;
+  }
+</style>
+<!--
+Because this button has a fixed height,
+font inflation should be disabled.
+-->
+<div class="outer">
+  <form><button>Add Comment</button></form>
+  <p class="invisible">Some text to ensure the button gets inflated - if it
+  wasn't size-restricted, that is - but which shouldn't influence the visual
+  result otherwise.</p>
+</div>
diff --git a/layout/reftests/font-inflation/form-button-fixed-width-ref.html b/layout/reftests/font-inflation/form-button-fixed-width-ref.html
new file mode 100644
index 0000000000..e9c564397b
--- /dev/null
+++ b/layout/reftests/font-inflation/form-button-fixed-width-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<meta charset="utf-8">
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 34px;
+  }
+
+  button {
+    font-size: 12px;
+    width: 110px;
+  }
+</style>
+<!--
+Because this button has a fixed width,
+font inflation should be disabled.
+-->
+<div class="outer">
+  <form><button>Add Comment</button></form>
+</div>
diff --git a/layout/reftests/font-inflation/form-button-fixed-width.html b/layout/reftests/font-inflation/form-button-fixed-width.html
new file mode 100644
index 0000000000..8cad80deb1
--- /dev/null
+++ b/layout/reftests/font-inflation/form-button-fixed-width.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<meta charset="utf-8">
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+  }
+
+  button {
+    font-size: 12px;
+    width: 110px;
+  }
+
+  .invisible {
+    color: white;
+  }
+</style>
+<!--
+Because this button has a fixed width,
+font inflation should be disabled.
+-->
+<div class="outer">
+  <form><button>Add Comment</button></form>
+  <p class="invisible">Some text to ensure the button gets inflated - if it
+  wasn't size-restricted, that is - but which shouldn't influence the visual
+  result otherwise.</p>
+</div>
diff --git a/layout/reftests/font-inflation/form-button-ref.html b/layout/reftests/font-inflation/form-button-ref.html
new file mode 100644
index 0000000000..98f5280300
--- /dev/null
+++ b/layout/reftests/font-inflation/form-button-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<meta charset="utf-8">
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 34px;
+  }
+
+  button {
+    font-size: 34px;
+  }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div class="outer">
+  <form><button>Add Comment</button></form>
+</div>
diff --git a/layout/reftests/font-inflation/form-button.html b/layout/reftests/font-inflation/form-button.html
new file mode 100644
index 0000000000..68fda9c500
--- /dev/null
+++ b/layout/reftests/font-inflation/form-button.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<meta charset="utf-8">
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+  }
+
+  button {
+    font-size: 12px;
+  }
+
+  .invisible {
+    color: white;
+  }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div class="outer">
+  <form><button>Add Comment</button></form>
+  <p class="invisible">Some text to ensure the button gets inflated - if it
+  isn't size-restricted, that is - but which shouldn't influence the visual
+  result otherwise.</p>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-1-ref.html b/layout/reftests/font-inflation/height-constraint-percent-1-ref.html
new file mode 100644
index 0000000000..91993e60bb
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; width: 450px }
+#center-block { height: 80%;}
+#center-col { background: yellow; }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-1.html b/layout/reftests/font-inflation/height-constraint-percent-1.html
new file mode 100644
index 0000000000..bab1273640
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: 80%; }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-2-ref.html b/layout/reftests/font-inflation/height-constraint-percent-2-ref.html
new file mode 100644
index 0000000000..ffee64c8a5
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; width: 450px }
+#center-block { max-height: 80%;}
+#center-col { background: yellow; }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-2.html b/layout/reftests/font-inflation/height-constraint-percent-2.html
new file mode 100644
index 0000000000..a54f68fb80
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { max-height: 80%; }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-3-ref.html b/layout/reftests/font-inflation/height-constraint-percent-3-ref.html
new file mode 100644
index 0000000000..ba31368112
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; width: 450px }
+#center-block { height: calc(80% + 5%); }
+#center-col { background: yellow; }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-3.html b/layout/reftests/font-inflation/height-constraint-percent-3.html
new file mode 100644
index 0000000000..165fdc70ff
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-3.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: calc(80% + 5%); }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-4-ref.html b/layout/reftests/font-inflation/height-constraint-percent-4-ref.html
new file mode 100644
index 0000000000..440bac443e
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-4-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: 80%; }
+#center-col { background: yellow }
+#containing-block { height: 800px; }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the height of the containing block is constrained, the percent height should also
+be constrained, resulting in font inflation being disabled.
+-->
+<div id="containing-block">
+  <div id="center-block">
+    <div id="center-col">
+      <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-4.html b/layout/reftests/font-inflation/height-constraint-percent-4.html
new file mode 100644
index 0000000000..440bac443e
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-4.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: 80%; }
+#center-col { background: yellow }
+#containing-block { height: 800px; }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the height of the containing block is constrained, the percent height should also
+be constrained, resulting in font inflation being disabled.
+-->
+<div id="containing-block">
+  <div id="center-block">
+    <div id="center-col">
+      <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-5-ref.html b/layout/reftests/font-inflation/height-constraint-percent-5-ref.html
new file mode 100644
index 0000000000..eee590dd29
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-5-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: 80%; }
+#center-col { background: yellow }
+#containing-block { height: calc(400px + 20px); }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the height of the containing block is constrained, the percent height should also
+be constrained, resulting in font inflation being disabled.
+-->
+<div id="containing-block">
+  <div id="center-block">
+    <div id="center-col">
+      <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-5.html b/layout/reftests/font-inflation/height-constraint-percent-5.html
new file mode 100644
index 0000000000..eee590dd29
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-5.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: 80%; }
+#center-col { background: yellow }
+#containing-block { height: calc(400px + 20px); }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the height of the containing block is constrained, the percent height should also
+be constrained, resulting in font inflation being disabled.
+-->
+<div id="containing-block">
+  <div id="center-block">
+    <div id="center-col">
+      <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-6-ref.html b/layout/reftests/font-inflation/height-constraint-percent-6-ref.html
new file mode 100644
index 0000000000..d770afd6e6
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-6-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; width: 450px }
+#center-block { height: 400px; }
+#center-col { background: yellow; }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the height is constrained, this should not be inflated.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-6.html b/layout/reftests/font-inflation/height-constraint-percent-6.html
new file mode 100644
index 0000000000..cb241fda97
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-6.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: 400px; }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the height is constrained, this should not be inflated.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-7-ref.html b/layout/reftests/font-inflation/height-constraint-percent-7-ref.html
new file mode 100644
index 0000000000..6b74c83b16
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-7-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { max-height: 400px; }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the max height is constrained, this should not be inflated.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-7.html b/layout/reftests/font-inflation/height-constraint-percent-7.html
new file mode 100644
index 0000000000..6b74c83b16
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-7.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { max-height: 400px; }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+Because the max height is constrained, this should not be inflated.
+-->
+<div id="center-block">
+<div id="center-col">
+    <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-8-ref.html b/layout/reftests/font-inflation/height-constraint-percent-8-ref.html
new file mode 100644
index 0000000000..9f71de00d4
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-8-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 34px; width: 450px }
+#center-block { height: 80%; }
+#containing-block { height: 80%; }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="containing-block">
+  <div id="center-block">
+    <div id="center-col">
+      <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/height-constraint-percent-8.html b/layout/reftests/font-inflation/height-constraint-percent-8.html
new file mode 100644
index 0000000000..be5ec15d43
--- /dev/null
+++ b/layout/reftests/font-inflation/height-constraint-percent-8.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+div { margin-top: 0; font-size: 12px; width: 450px }
+#center-block { height: 80%; }
+#containing-block { height: 80%; }
+#center-col { background: yellow }
+p { margin-top: 0px; }
+
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div id="containing-block">
+  <div id="center-block">
+    <div id="center-col">
+      <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/input-checkbox.html b/layout/reftests/font-inflation/input-checkbox.html
new file mode 100644
index 0000000000..8c2edc87aa
--- /dev/null
+++ b/layout/reftests/font-inflation/input-checkbox.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html><head>
+<!-- Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/ -->
+<style>
+body { width: 450px }
+input { font-size: 12px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+</head>
+<body><input type="checkbox">I have a bike</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-inflation/input-radio.html b/layout/reftests/font-inflation/input-radio.html
new file mode 100644
index 0000000000..2ee3d2f14d
--- /dev/null
+++ b/layout/reftests/font-inflation/input-radio.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; }
+</style>
+<div><input type="radio">In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.</div>
\ No newline at end of file
diff --git a/layout/reftests/font-inflation/input-text-1-height-ref.html b/layout/reftests/font-inflation/input-text-1-height-ref.html
new file mode 100644
index 0000000000..7f50010017
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-1-height-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; width: 200px }
+input { height: 50px }
+</style>
+<!--
+Because this input has a fixed height (and also a fixed-width), font
+inflation should be disabled.
+-->
+<div><input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/input-text-1-height.html b/layout/reftests/font-inflation/input-text-1-height.html
new file mode 100644
index 0000000000..7f50010017
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-1-height.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; width: 200px }
+input { height: 50px }
+</style>
+<!--
+Because this input has a fixed height (and also a fixed-width), font
+inflation should be disabled.
+-->
+<div><input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/input-text-1-noheight-ref.html b/layout/reftests/font-inflation/input-text-1-noheight-ref.html
new file mode 100644
index 0000000000..52132e4f93
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-1-noheight-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; line-height: 1.0; width: 450px }
+input { font-size: 12px; width: 200px }
+</style>
+<!--
+Because the width of the input element is constrained, font inflation
+should be disabled for the input element, but not the div containing
+it.
+-->
+<div>test<input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/input-text-1-noheight.html b/layout/reftests/font-inflation/input-text-1-noheight.html
new file mode 100644
index 0000000000..8606b4eb96
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-1-noheight.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; width: 200px }
+</style>
+<!--
+Because the width of the input element is constrained, font inflation
+should be disabled for the input element, but not the div containing
+it.
+-->
+<div>test<input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/input-text-2-height-ref.html b/layout/reftests/font-inflation/input-text-2-height-ref.html
new file mode 100644
index 0000000000..055dd5c389
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-2-height-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; }
+input { height: 50px }
+</style>
+<!--
+Because this input has a fixed height (and also a fixed width), font
+inflation should be disabled.
+-->
+<div><input type="text" value="Hello world" size="15"></div>
diff --git a/layout/reftests/font-inflation/input-text-2-height.html b/layout/reftests/font-inflation/input-text-2-height.html
new file mode 100644
index 0000000000..055dd5c389
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-2-height.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; }
+input { height: 50px }
+</style>
+<!--
+Because this input has a fixed height (and also a fixed width), font
+inflation should be disabled.
+-->
+<div><input type="text" value="Hello world" size="15"></div>
diff --git a/layout/reftests/font-inflation/input-text-2-noheight-ref.html b/layout/reftests/font-inflation/input-text-2-noheight-ref.html
new file mode 100644
index 0000000000..f9f7335b96
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-2-noheight-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; line-height: 1.0; width: 450px }
+input { font-size: 34px; }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><input type="text" value="Hello world" size="15"></div>
diff --git a/layout/reftests/font-inflation/input-text-2-noheight.html b/layout/reftests/font-inflation/input-text-2-noheight.html
new file mode 100644
index 0000000000..331401ef34
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-2-noheight.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><input type="text" value="Hello world" size="15"></div>
diff --git a/layout/reftests/font-inflation/input-text-3-height-ref.html b/layout/reftests/font-inflation/input-text-3-height-ref.html
new file mode 100644
index 0000000000..16a0877f18
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-3-height-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; }
+input { height: 50px }
+</style>
+<!--
+Because this input has a fixed height (and also a fixed-width), font
+inflation should be disabled.
+-->
+<div><input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/input-text-3-height.html b/layout/reftests/font-inflation/input-text-3-height.html
new file mode 100644
index 0000000000..16a0877f18
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-3-height.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; }
+input { height: 50px }
+</style>
+<!--
+Because this input has a fixed height (and also a fixed-width), font
+inflation should be disabled.
+-->
+<div><input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/input-text-3-noheight-ref.html b/layout/reftests/font-inflation/input-text-3-noheight-ref.html
new file mode 100644
index 0000000000..6ca0c03f2d
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-3-noheight-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; line-height: 1.0; width: 450px }
+input { font-size: 34px; }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/input-text-3-noheight.html b/layout/reftests/font-inflation/input-text-3-noheight.html
new file mode 100644
index 0000000000..6e8c055354
--- /dev/null
+++ b/layout/reftests/font-inflation/input-text-3-noheight.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+input { font-size: 12px; }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><input type="text" value="Hello world"></div>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-1a-ref.html b/layout/reftests/font-inflation/intrinsic-fit-1a-ref.html
new file mode 100644
index 0000000000..389ac58282
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-1a-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 10px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: 60px;
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 60px container, the minimum font size at 15em per line is 4px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-1a.html b/layout/reftests/font-inflation/intrinsic-fit-1a.html
new file mode 100644
index 0000000000..8f4a03dd0b
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 10px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: -moz-fit-content; /* computes to 60px */
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 60px container, the minimum font size at 15em per line is 4px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-1b-ref.html b/layout/reftests/font-inflation/intrinsic-fit-1b-ref.html
new file mode 100644
index 0000000000..ee6a28c38c
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-1b-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 450px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: 300px;
+  font: 24px Ahem;
+}
+</style>
+<!--
+In a 300px container, the minimum font size at 15em per line is 20px.
+This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-1b.html b/layout/reftests/font-inflation/intrinsic-fit-1b.html
new file mode 100644
index 0000000000..ecd1bc6498
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 450px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: -moz-fit-content; /* computes to 300px */
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 300px container, the minimum font size at 15em per line is 20px.
+This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-1c-ref.html b/layout/reftests/font-inflation/intrinsic-fit-1c-ref.html
new file mode 100644
index 0000000000..75bf2ef98e
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-1c-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 150px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: 150px;
+  font: 14px Ahem;
+}
+</style>
+<!--
+In a 150px container, the minimum font size at 15em per line is 10px.
+This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-1c.html b/layout/reftests/font-inflation/intrinsic-fit-1c.html
new file mode 100644
index 0000000000..7fdb9380b9
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-1c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 150px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: -moz-fit-content; /* computes to 150px */
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 150px container, the minimum font size at 15em per line is 10px.
+This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-2a.html b/layout/reftests/font-inflation/intrinsic-fit-2a.html
new file mode 100644
index 0000000000..585bbcf823
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-2a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 10px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  float: left;
+  width: auto; /* computes to 60px */
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 60px container, the minimum font size at 15em per line is 4px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-2b.html b/layout/reftests/font-inflation/intrinsic-fit-2b.html
new file mode 100644
index 0000000000..5b121c81b2
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-2b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 450px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  float: left;
+  width: auto; /* computes to 300px */
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 300px container, the minimum font size at 15em per line is 20px.
+This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-fit-2c.html b/layout/reftests/font-inflation/intrinsic-fit-2c.html
new file mode 100644
index 0000000000..1614d893ae
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-fit-2c.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 150px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  float: left;
+  width: auto; /* computes to 150px */
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 150px container, the minimum font size at 15em per line is 10px.
+This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-max-1-ref.html b/layout/reftests/font-inflation/intrinsic-max-1-ref.html
new file mode 100644
index 0000000000..862b0e3f08
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-max-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 450px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: 300px;
+  font: 24px Ahem;
+}
+</style>
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-max-1.html b/layout/reftests/font-inflation/intrinsic-max-1.html
new file mode 100644
index 0000000000..2300a124d1
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-max-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 450px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: max-content; /* computes to 300px */
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 300px container, the minimum font size at 15em per line is 20px.
+This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
+-->
+<p>This is tiny bit of text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-min-1-ref.html b/layout/reftests/font-inflation/intrinsic-min-1-ref.html
new file mode 100644
index 0000000000..70a044637d
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-min-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 450px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: 60px;
+  font: 12px Ahem;
+}
+</style>
+<!--
+In a 60px container, the minimum font size at 15em per line is 4px.
+-->
+<p>This is some text.</p>
diff --git a/layout/reftests/font-inflation/intrinsic-min-1.html b/layout/reftests/font-inflation/intrinsic-min-1.html
new file mode 100644
index 0000000000..afb98d4405
--- /dev/null
+++ b/layout/reftests/font-inflation/intrinsic-min-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<style>
+@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
+html, body { margin: 0; padding: 0; }
+body { width: 450px }
+p {
+  margin: 0;
+  background: yellow;
+  color: blue;
+  width: min-content; /* computes to 60px */
+  font: 12px Ahem;
+}
+</style>
+<p>This is some text.</p>
diff --git a/layout/reftests/font-inflation/list-1-ref.html b/layout/reftests/font-inflation/list-1-ref.html
new file mode 100644
index 0000000000..43e66ad903
--- /dev/null
+++ b/layout/reftests/font-inflation/list-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<head>
+<style>
+div { background: yellow; line-height: 1.0; font-size: 12px; width: 480px; border: 1px solid red; }
+ol { padding-left: 120px; width: 400px;}
+li { font-size: 36px; }
+</style>
+</head>
+<!--
+In a 480px container, the minimum font size at 15em per line is 32px.
+This means we map 0px-48px into 32px-48px, so 12px gets mapped to 36px.
+The margins will be a little bit screwy, since we're fiddling with them
+to make the list rendering better.
+-->
+<body>
+<div>
+  <ol>
+    <li>Separate interface design from internals</li>
+    <li>Enable multiple user-interface strategies</li>
+    <li>Enable multiple-platform support</li>
+  </ol>
+</div>
+</body>
diff --git a/layout/reftests/font-inflation/list-1.html b/layout/reftests/font-inflation/list-1.html
new file mode 100644
index 0000000000..73adb1c622
--- /dev/null
+++ b/layout/reftests/font-inflation/list-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<head>
+<style>
+div { background: yellow; line-height: 1.0; border: 1px solid red; font-size: 12px; width: 480px; }
+ol { width: 480px;}
+</style>
+</head>
+<!--
+In a 480px container, the minimum font size at 15em per line is 32px.
+This means we map 0px-48px into 32px-48px, so 12px gets mapped to 36px.
+-->
+<body>
+<div>
+  <ol>
+    <li>Separate interface design from internals</li>
+    <li>Enable multiple user-interface strategies</li>
+    <li>Enable multiple-platform support</li>
+  </ol>
+</div>
+</body>
diff --git a/layout/reftests/font-inflation/maxRatio-1-ref.html b/layout/reftests/font-inflation/maxRatio-1-ref.html
new file mode 100644
index 0000000000..dce6c6d8e3
--- /dev/null
+++ b/layout/reftests/font-inflation/maxRatio-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 24px; width: 450px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+However, because we've enabled the maxRatio at a value of 2.0, the mapping
+function, which would normally return 34px/12px, or about 2.83, now
+returns a ratio capped at 2.0, thus the actual font size is 24px.
+-->
+<div>Hello world</div>
diff --git a/layout/reftests/font-inflation/maxRatio-1.html b/layout/reftests/font-inflation/maxRatio-1.html
new file mode 100644
index 0000000000..0cbc120ae9
--- /dev/null
+++ b/layout/reftests/font-inflation/maxRatio-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 12px; width: 450px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+However, because we've enabled the maxRatio at a value of 2.0, the mapping
+function, which would normally return 34px/12px, or about 2.83, now
+returns a ratio capped at 2.0, thus the actual font size is 24px.
+-->
+<div>Hello world</div>
diff --git a/layout/reftests/font-inflation/min-width-passes-1-ref.html b/layout/reftests/font-inflation/min-width-passes-1-ref.html
new file mode 100644
index 0000000000..1027e29d99
--- /dev/null
+++ b/layout/reftests/font-inflation/min-width-passes-1-ref.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+<title>Bug Reproduction</title>
+</head>
+<style type="text/css">
+html, body {
+  /*
+   * Work around bug 759755 / bug 757179.  Setting overflow hidden
+   * avoids these bugs being triggered due to the hypothetical scrollbar
+   * reflows.
+   */
+  overflow: hidden;
+}
+table { width: 100% }
+body, table, tbody, tr, td {
+  margin: 0; border: none; padding: 0; border-spacing: 0;
+}
+</style>
+<body>
+  <h1 id="welcome">Welcome to Bugzilla</h1>
+  <input type="button" id="find" value="Quick Search"></input>
+</body>
+</html>
diff --git a/layout/reftests/font-inflation/min-width-passes-1.html b/layout/reftests/font-inflation/min-width-passes-1.html
new file mode 100644
index 0000000000..0ab18996d9
--- /dev/null
+++ b/layout/reftests/font-inflation/min-width-passes-1.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<title>Bug Reproduction</title>
+</head>
+<style type="text/css">
+html, body {
+  /*
+   * Work around bug 759755 / bug 757179.  Setting overflow hidden
+   * avoids these bugs being triggered due to the hypothetical scrollbar
+   * reflows.
+   */
+  overflow: hidden;
+}
+table { width: 100% }
+body, table, tbody, tr, td {
+  margin: 0; border: none; padding: 0; border-spacing: 0;
+}
+</style>
+<body>
+<table><tr><td>
+  <h1 id="welcome">Welcome to Bugzilla</h1>
+  <input type="button" id="find" value="Quick Search"></input>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/font-inflation/preformatted-text-ref.html b/layout/reftests/font-inflation/preformatted-text-ref.html
new file mode 100644
index 0000000000..0a847a8066
--- /dev/null
+++ b/layout/reftests/font-inflation/preformatted-text-ref.html
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html>
+
+<!--
+This text is in a preformatted block, and should therefore not be inflated with the fix for bug 705446.
+-->
+<html>
+  <head>
+    <style>
+      pre { font-size: 12px; line-height: 1.0;}
+    </style>
+    <body>
+      <div>
+        <pre>
+             <div class="line" id="line1"><span style="color: red">Firefox</span> is quite neat</div>
+             <div class="line" id="line2">It browses the web fluidly</div>
+             <div class="line" id="line3">With no cares at all</div>
+        </pre>
+      </div>
+    </body>
+  </head>
+</html>
diff --git a/layout/reftests/font-inflation/preformatted-text.html b/layout/reftests/font-inflation/preformatted-text.html
new file mode 100644
index 0000000000..0a847a8066
--- /dev/null
+++ b/layout/reftests/font-inflation/preformatted-text.html
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html>
+
+<!--
+This text is in a preformatted block, and should therefore not be inflated with the fix for bug 705446.
+-->
+<html>
+  <head>
+    <style>
+      pre { font-size: 12px; line-height: 1.0;}
+    </style>
+    <body>
+      <div>
+        <pre>
+             <div class="line" id="line1"><span style="color: red">Firefox</span> is quite neat</div>
+             <div class="line" id="line2">It browses the web fluidly</div>
+             <div class="line" id="line3">With no cares at all</div>
+        </pre>
+      </div>
+    </body>
+  </head>
+</html>
diff --git a/layout/reftests/font-inflation/reftest.list b/layout/reftests/font-inflation/reftest.list
new file mode 100644
index 0000000000..20548830e7
--- /dev/null
+++ b/layout/reftests/font-inflation/reftest.list
@@ -0,0 +1,134 @@
+# The following tests were written before
+# font.size.inflation.lineThreshold was implemented, and thus assumed
+# that there wasn't a threshold of text required for inflation.  To run
+# them compatibly without having to rewrite all of them, we run them
+# with the lineThreshold preference explicitly set to zero.  However,
+# newer tests should probably focus more on testing nonzero values of
+# that preference.
+
+# The font-inflation code uses the meta-viewport tag as one of its inputs
+# when determining if font-inflation needs to be applied, so enable it for
+# these tests.
+defaults pref(dom.meta-viewport.enabled,true)
+
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) test-pref(font.size.inflation.maxRatio,200) == maxRatio-1.html maxRatio-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-1.html text-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-2.html text-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-3.html text-3-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-4.html text-4-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-1.html height-constraint-percent-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-2.html height-constraint-percent-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-3.html height-constraint-percent-3-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-4.html height-constraint-percent-4-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-5.html height-constraint-percent-5-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-6.html height-constraint-percent-6-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-7.html height-constraint-percent-7-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-8.html height-constraint-percent-8-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == decoration-1.html decoration-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == bullet-1.html bullet-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-1-height.html input-text-1-height-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-1-noheight.html input-text-1-noheight-ref.html # bug 1540176
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-2-height.html input-text-2-height-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-2-noheight.html input-text-2-noheight-ref.html # bug 1540176
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-3-height.html input-text-3-height-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-3-noheight.html input-text-3-noheight-ref.html # bug 1540176
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-1.html textarea-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-2.html textarea-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-3.html textarea-3-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == css-transform-1.html css-transform-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) fuzzy(0-1,0-19) == css-transform-2.html css-transform-2-ref.html
+fuzzy-if(asyncPan&&!layersGPUAccelerated,0-102,0-1764) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == container-with-clamping.html container-with-clamping-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) load video-1.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-min-1.html intrinsic-min-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-max-1.html intrinsic-max-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-fit-1a.html intrinsic-fit-1a-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-fit-1b.html intrinsic-fit-1b-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-fit-1c.html intrinsic-fit-1c-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-fit-2a.html intrinsic-fit-1a-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-fit-2b.html intrinsic-fit-1b-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == intrinsic-fit-2c.html intrinsic-fit-1c-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-1.html select-listbox-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-listbox-1.html select-listbox-1.html
+fuzzy(0-4,0-7) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-1.html select-combobox-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-combobox-1.html select-combobox-1.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-2.html select-listbox-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-listbox-2.html select-listbox-2.html
+fuzzy(0-1,0-4) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-2.html select-combobox-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-combobox-2.html select-combobox-2.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-3.html select-combobox-3-ref.html
+asserts-if(gtkWidget,0-4) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != input-checkbox.html input-checkbox.html
+asserts-if(gtkWidget,0-4) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != input-radio.html input-radio.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile.html disable-fontinfl-on-mobile-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile-2.html disable-fontinfl-on-mobile-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile-3.html disable-fontinfl-on-mobile-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != disable-fontinfl-on-mobile-5.html disable-fontinfl-on-mobile-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == preformatted-text.html preformatted-text-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-height-body.html fixed-height-body-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-height-body-child.html fixed-height-body-child-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == consecutive-inline.html consecutive-inline-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == form-button-fixed-height.html form-button-fixed-height-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == form-button-fixed-width.html form-button-fixed-width-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == form-button.html form-button-ref.html
+
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-width-viewport-no-inflation.html     fixed-width-viewport-no-inflation.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-width-viewport-no-inflation.html?0.5 fixed-width-viewport-no-inflation.html?0.5
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-width-viewport-inflation.html        fixed-width-viewport-inflation-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-width-viewport-inflation.html?2.0    fixed-width-viewport-inflation-ref.html?2.0
+
+# Ordinarily, reftests use a browser.viewport.desktopWidth of 800px, same as the
+# size of the reftest document.  The failure condition of the test below however
+# depends on the initial window size being smaller than the viewport the
+# MobileViewportManager eventually calculates, so we use a bigger value here.
+pref(ui.useOverlayScrollbars,1) test-pref(font.size.inflation.emPerLine,20) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) test-pref(browser.viewport.desktopWidth,1000) == fixed-width-body-viewport.html fixed-width-body-viewport-ref.html
+
+# The tests in the groups below use nonzero values of the lineThreshold
+# preference.
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == text-1.html text-1.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) skip-if(cocoaWidget) == list-1.html list-1-ref.html # Bug 1434812
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1a.html threshold-1a.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1b.html threshold-1b-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1c.html threshold-1c-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-2.html threshold-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-3.html threshold-3-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-1.html threshold-scope-float-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-2.html threshold-scope-float-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-overflow-1.html threshold-scope-float-overflow-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-overflow-2.html threshold-scope-float-overflow-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-1.html threshold-scope-cell-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-2.html threshold-scope-cell-2-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-3.html threshold-scope-cell-3-ref.html
+
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-flex-container-1.html threshold-scope-flex-container-1.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-flex-container-2.html threshold-scope-flex-container-2.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-grid-container-1.html threshold-scope-grid-container-1.html
+pref(ui.useOverlayScrollbars,1) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-flex-container-items-1.html threshold-scope-flex-container-items-1.html
+pref(ui.useOverlayScrollbars,1) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-flex-container-items-2.html threshold-scope-flex-container-items-2.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-grid-container-items-1.html threshold-scope-grid-container-items-1.html
+
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-under-1.html threshold-textarea-contents-under-1.html
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-under-2.html threshold-textarea-contents-under-2.html
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-at-1.html threshold-textarea-contents-at-1-ref.html
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-at-2.html threshold-textarea-contents-at-2-ref.html
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-under-1.html threshold-input-text-contents-under-1.html
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-under-2.html threshold-input-text-contents-under-2.html
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-at-1.html threshold-input-text-contents-at-1-ref.html # bug 1540176
+fuzzy-if(gtkWidget,0-1,0-10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-at-2.html threshold-input-text-contents-at-2-ref.html # bug 1540176
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-under-1.html threshold-select-listbox-contents-under-1.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-under-2.html threshold-select-listbox-contents-under-2.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-at-1.html threshold-select-listbox-contents-at-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-at-2.html threshold-select-listbox-contents-at-2-ref.html
+fuzzy-if(gtkWidget,0-1,0-8) fuzzy-if(Android,0-4,0-2) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-combobox-contents-under-1.html threshold-select-combobox-contents-under-1.html
+fuzzy-if(gtkWidget,0-1,0-8) fuzzy-if(Android,0-1,0-2) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) fuzzy-if(geckoview,0-4,0-2) == threshold-select-combobox-contents-under-2.html threshold-select-combobox-contents-under-2.html
+fuzzy(0-1,0-6) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-combobox-contents-at-1.html threshold-select-combobox-contents-at-1-ref.html
+fuzzy(0-1,0-6) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-combobox-contents-at-2.html threshold-select-combobox-contents-at-2-ref.html
+# End of nonzero lineThreshold preference group.
+
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == relevant-width-1.html relevant-width-1-ref.html
+test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == relevant-width-overflow-1.html relevant-width-overflow-1-ref.html
+
+pref(font.size.inflation.emPerLine,15) pref(font.size.inflation.forceEnabled,true) pref(font.size.inflation.lineThreshold,0) == min-width-passes-1.html min-width-passes-1-ref.html
+
+random-if(gtkWidget) pref(font.size.inflation.emPerLine,15) pref(font.size.inflation.forceEnabled,true) == xul-reflow-1.html xul-reflow-1-ref.html
+
+# reset the default preferences
+defaults
diff --git a/layout/reftests/font-inflation/relevant-width-1-ref.html b/layout/reftests/font-inflation/relevant-width-1-ref.html
new file mode 100644
index 0000000000..90b67e1b6a
--- /dev/null
+++ b/layout/reftests/font-inflation/relevant-width-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; width: 450px }
+div.inner { width: 300px }
+</style>
+<div class="middle">
+  Text in middle.
+  <div class="inner">Text in inner.</div>
+</div>
diff --git a/layout/reftests/font-inflation/relevant-width-1.html b/layout/reftests/font-inflation/relevant-width-1.html
new file mode 100644
index 0000000000..814917786d
--- /dev/null
+++ b/layout/reftests/font-inflation/relevant-width-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+div.outer { font-size: 12px; width: 600px }
+div.middle { width: 450px; }
+div.inner { width: 300px; }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div class="outer">
+  <div class="middle">
+    Text in middle.
+    <div class="inner">Text in inner.</div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/relevant-width-overflow-1-ref.html b/layout/reftests/font-inflation/relevant-width-overflow-1-ref.html
new file mode 100644
index 0000000000..96f555569c
--- /dev/null
+++ b/layout/reftests/font-inflation/relevant-width-overflow-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; width: 450px }
+div.inner { width: 300px; overflow: hidden; }
+</style>
+<div class="middle">
+  Text in middle.
+  <div class="inner">Text in inner.</div>
+</div>
diff --git a/layout/reftests/font-inflation/relevant-width-overflow-1.html b/layout/reftests/font-inflation/relevant-width-overflow-1.html
new file mode 100644
index 0000000000..ca6bf57c71
--- /dev/null
+++ b/layout/reftests/font-inflation/relevant-width-overflow-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<style>
+div.outer { font-size: 12px; width: 600px }
+div.middle { width: 450px; }
+div.inner { width: 300px; overflow: hidden; }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div class="outer">
+  <div class="middle">
+    Text in middle.
+    <div class="inner">Text in inner.</div>
+  </div>
+</div>
diff --git a/layout/reftests/font-inflation/select-combobox-1-ref.html b/layout/reftests/font-inflation/select-combobox-1-ref.html
new file mode 100644
index 0000000000..17d29405d1
--- /dev/null
+++ b/layout/reftests/font-inflation/select-combobox-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 34px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select><option>One</option><option>Two</option></select>
diff --git a/layout/reftests/font-inflation/select-combobox-1.html b/layout/reftests/font-inflation/select-combobox-1.html
new file mode 100644
index 0000000000..87b01d9bd9
--- /dev/null
+++ b/layout/reftests/font-inflation/select-combobox-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 12px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select><option>One</option><option>Two</option></select>
diff --git a/layout/reftests/font-inflation/select-combobox-2-ref.html b/layout/reftests/font-inflation/select-combobox-2-ref.html
new file mode 100644
index 0000000000..50c12dc928
--- /dev/null
+++ b/layout/reftests/font-inflation/select-combobox-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 34px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select>
+  <optgroup label="Counties">
+    <option>Arlington
+    <option>Fairfax
+    <option>Loudon
+    <option>Prince William
+  <optgroup label="Cities">
+    <option>Alexandria
+    <option>Falls Church
+    <option>Manassas
+    <option>Manassas Park
+</select>
diff --git a/layout/reftests/font-inflation/select-combobox-2.html b/layout/reftests/font-inflation/select-combobox-2.html
new file mode 100644
index 0000000000..19808ed1b0
--- /dev/null
+++ b/layout/reftests/font-inflation/select-combobox-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 12px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select>
+  <optgroup label="Counties">
+    <option>Arlington
+    <option>Fairfax
+    <option>Loudon
+    <option>Prince William
+  <optgroup label="Cities">
+    <option>Alexandria
+    <option>Falls Church
+    <option>Manassas
+    <option>Manassas Park
+</select>
diff --git a/layout/reftests/font-inflation/select-combobox-3-ref.html b/layout/reftests/font-inflation/select-combobox-3-ref.html
new file mode 100644
index 0000000000..3c966264c0
--- /dev/null
+++ b/layout/reftests/font-inflation/select-combobox-3-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+  body { line-height: 1.0; width: 450px; font-size: 34px; }
+  select { vertical-align: top; font-size: 12px; width: 100px; }
+</style>
+<!--
+Because the combobox has constrained width, font inflation
+should be disabled.
+-->
+<select><option>One</Option><option>Two</option></select>
diff --git a/layout/reftests/font-inflation/select-combobox-3.html b/layout/reftests/font-inflation/select-combobox-3.html
new file mode 100644
index 0000000000..3c966264c0
--- /dev/null
+++ b/layout/reftests/font-inflation/select-combobox-3.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+  body { line-height: 1.0; width: 450px; font-size: 34px; }
+  select { vertical-align: top; font-size: 12px; width: 100px; }
+</style>
+<!--
+Because the combobox has constrained width, font inflation
+should be disabled.
+-->
+<select><option>One</Option><option>Two</option></select>
diff --git a/layout/reftests/font-inflation/select-listbox-1-ref.html b/layout/reftests/font-inflation/select-listbox-1-ref.html
new file mode 100644
index 0000000000..e8758855b7
--- /dev/null
+++ b/layout/reftests/font-inflation/select-listbox-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 34px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select size="3"><option>One</option><option>Two</option></select>
diff --git a/layout/reftests/font-inflation/select-listbox-1.html b/layout/reftests/font-inflation/select-listbox-1.html
new file mode 100644
index 0000000000..a6b073f7f6
--- /dev/null
+++ b/layout/reftests/font-inflation/select-listbox-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 12px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select size="3"><option>One</option><option>Two</option></select>
diff --git a/layout/reftests/font-inflation/select-listbox-2-ref.html b/layout/reftests/font-inflation/select-listbox-2-ref.html
new file mode 100644
index 0000000000..d25b802758
--- /dev/null
+++ b/layout/reftests/font-inflation/select-listbox-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 34px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select size="3">
+  <optgroup label="Counties">
+    <option>Arlington
+    <option>Fairfax
+    <option>Loudon
+    <option>Prince William
+  <optgroup label="Cities">
+    <option>Alexandria
+    <option>Falls Church
+    <option>Manassas
+    <option>Manassas Park
+</select>
diff --git a/layout/reftests/font-inflation/select-listbox-2.html b/layout/reftests/font-inflation/select-listbox-2.html
new file mode 100644
index 0000000000..ba5da11247
--- /dev/null
+++ b/layout/reftests/font-inflation/select-listbox-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<style>
+body { width: 450px }
+body, select { font-size: 12px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<select size="3">
+  <optgroup label="Counties">
+    <option>Arlington
+    <option>Fairfax
+    <option>Loudon
+    <option>Prince William
+  <optgroup label="Cities">
+    <option>Alexandria
+    <option>Falls Church
+    <option>Manassas
+    <option>Manassas Park
+</select>
diff --git a/layout/reftests/font-inflation/text-1-ref.html b/layout/reftests/font-inflation/text-1-ref.html
new file mode 100644
index 0000000000..cdf5d85448
--- /dev/null
+++ b/layout/reftests/font-inflation/text-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 34px; width: 450px }
+</style>
+<div>Hello world</div>
diff --git a/layout/reftests/font-inflation/text-1.html b/layout/reftests/font-inflation/text-1.html
new file mode 100644
index 0000000000..3bc6129d36
--- /dev/null
+++ b/layout/reftests/font-inflation/text-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 12px; width: 450px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div>Hello world</div>
diff --git a/layout/reftests/font-inflation/text-2-ref.html b/layout/reftests/font-inflation/text-2-ref.html
new file mode 100644
index 0000000000..ea117963c0
--- /dev/null
+++ b/layout/reftests/font-inflation/text-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 34px; line-height: 1.0; width: 450px }
+</style>
+<div>Hello world</div>
diff --git a/layout/reftests/font-inflation/text-2.html b/layout/reftests/font-inflation/text-2.html
new file mode 100644
index 0000000000..848a40eb3a
--- /dev/null
+++ b/layout/reftests/font-inflation/text-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+div { font-size: 12px; line-height: 1.0; width: 450px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div>Hello world</div>
diff --git a/layout/reftests/font-inflation/text-3-ref.html b/layout/reftests/font-inflation/text-3-ref.html
new file mode 100644
index 0000000000..c2565f0c97
--- /dev/null
+++ b/layout/reftests/font-inflation/text-3-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+span { background: aqua }
+div { font-size: 34px; width: 450px }
+</style>
+<div><span>Hello world</span></div>
diff --git a/layout/reftests/font-inflation/text-3.html b/layout/reftests/font-inflation/text-3.html
new file mode 100644
index 0000000000..e410a10ace
--- /dev/null
+++ b/layout/reftests/font-inflation/text-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+span { background: aqua }
+div { font-size: 12px; width: 450px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><span>Hello world</span></div>
diff --git a/layout/reftests/font-inflation/text-4-ref.html b/layout/reftests/font-inflation/text-4-ref.html
new file mode 100644
index 0000000000..b8930c1171
--- /dev/null
+++ b/layout/reftests/font-inflation/text-4-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+span { background: aqua }
+div { font-size: 34px; line-height: 1.0; width: 450px }
+</style>
+<div><span>Hello world</span></div>
diff --git a/layout/reftests/font-inflation/text-4.html b/layout/reftests/font-inflation/text-4.html
new file mode 100644
index 0000000000..ba9ab9ef80
--- /dev/null
+++ b/layout/reftests/font-inflation/text-4.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { background: yellow }
+span { background: aqua }
+div { font-size: 12px; line-height: 1.0; width: 450px }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><span>Hello world</span></div>
diff --git a/layout/reftests/font-inflation/textarea-1-ref.html b/layout/reftests/font-inflation/textarea-1-ref.html
new file mode 100644
index 0000000000..78adafb84d
--- /dev/null
+++ b/layout/reftests/font-inflation/textarea-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; line-height: 1.0; width: 450px }
+textarea { font-size: 12px; width: 200px; height: 50px }
+textarea { line-height: 1.0 }
+</style>
+<!--
+Because the textarea has constrained width and height, font
+inflation should be disabled for this case.
+-->
+<div><textarea>Hello world</textarea></div>
diff --git a/layout/reftests/font-inflation/textarea-1.html b/layout/reftests/font-inflation/textarea-1.html
new file mode 100644
index 0000000000..f8bac798c1
--- /dev/null
+++ b/layout/reftests/font-inflation/textarea-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+textarea { font-size: 12px; width: 200px; height: 50px }
+textarea { line-height: 1.0 }
+</style>
+<!--
+Because the textarea has constrained width and height, font
+inflation should be disabled for this case.
+-->
+<div><textarea>Hello world</textarea></div>
diff --git a/layout/reftests/font-inflation/textarea-2-ref.html b/layout/reftests/font-inflation/textarea-2-ref.html
new file mode 100644
index 0000000000..da650e128f
--- /dev/null
+++ b/layout/reftests/font-inflation/textarea-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; line-height: 1.0; width: 450px }
+textarea { font-size: 34px; }
+textarea { line-height: 1.0 }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><textarea rows="4" cols="25">Hello world</textarea></div>
diff --git a/layout/reftests/font-inflation/textarea-2.html b/layout/reftests/font-inflation/textarea-2.html
new file mode 100644
index 0000000000..7405f70754
--- /dev/null
+++ b/layout/reftests/font-inflation/textarea-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+textarea { font-size: 12px; }
+textarea { line-height: 1.0 }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><textarea rows="4" cols="25">Hello world</textarea></div>
diff --git a/layout/reftests/font-inflation/textarea-3-ref.html b/layout/reftests/font-inflation/textarea-3-ref.html
new file mode 100644
index 0000000000..4f9d6065bc
--- /dev/null
+++ b/layout/reftests/font-inflation/textarea-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 34px; line-height: 1.0; width: 450px }
+textarea { font-size: 34px; }
+textarea { line-height: 1.0 }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><textarea>Hello world</textarea></div>
diff --git a/layout/reftests/font-inflation/textarea-3.html b/layout/reftests/font-inflation/textarea-3.html
new file mode 100644
index 0000000000..e4ed681f4a
--- /dev/null
+++ b/layout/reftests/font-inflation/textarea-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<style>
+div { font-size: 12px; line-height: 1.0; width: 450px }
+textarea { font-size: 12px; }
+textarea { line-height: 1.0 }
+</style>
+<!--
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+-->
+<div><textarea>Hello world</textarea></div>
diff --git a/layout/reftests/font-inflation/threshold-1a.html b/layout/reftests/font-inflation/threshold-1a.html
new file mode 100644
index 0000000000..0c204707b2
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-1a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-1b-ref.html b/layout/reftests/font-inflation/threshold-1b-ref.html
new file mode 100644
index 0000000000..3f6a472a2c
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-1b-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { font-size: 44px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-1b.html b/layout/reftests/font-inflation/threshold-1b.html
new file mode 100644
index 0000000000..76d7ebd77b
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-1b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-1c-ref.html b/layout/reftests/font-inflation/threshold-1c-ref.html
new file mode 100644
index 0000000000..f4ba6ed80d
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-1c-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { font-size: 44px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+123456789
+123456789
+12345678901</p>
diff --git a/layout/reftests/font-inflation/threshold-1c.html b/layout/reftests/font-inflation/threshold-1c.html
new file mode 100644
index 0000000000..9548035ccc
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-1c.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+123456789
+123456789
+12345678901</p>
diff --git a/layout/reftests/font-inflation/threshold-2-ref.html b/layout/reftests/font-inflation/threshold-2-ref.html
new file mode 100644
index 0000000000..8aa266621a
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: separate blocks count together</title>
+<style>
+body { font-size: 44px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>1234567890</p>
+<p>123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-2.html b/layout/reftests/font-inflation/threshold-2.html
new file mode 100644
index 0000000000..cdd7413eb0
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: separate blocks count together</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>1234567890</p>
+<p>123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-3-ref.html b/layout/reftests/font-inflation/threshold-3-ref.html
new file mode 100644
index 0000000000..5deaac49b8
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-3-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: separate blocks count together</title>
+<style>
+body { font-size: 44px; width: 600px; }
+h1, p { margin: 0 }
+h1 { font-size: 56px; }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>1234567890</p>
+<h1>Heading</h1>
+<p>123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-3.html b/layout/reftests/font-inflation/threshold-3.html
new file mode 100644
index 0000000000..eb842c5110
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: separate blocks count together</title>
+<style>
+body { font-size: 12px; width: 600px; }
+h1, p { margin: 0 }
+h1 { font-size: 48px; }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>1234567890</p>
+<h1>Heading</h1>
+<p>123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-input-text-contents-at-1-ref.html b/layout/reftests/font-inflation/threshold-input-text-contents-at-1-ref.html
new file mode 100644
index 0000000000..472ccc62bc
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-input-text-contents-at-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, input { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<input size="10" value="hi">
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-input-text-contents-at-1.html b/layout/reftests/font-inflation/threshold-input-text-contents-at-1.html
new file mode 100644
index 0000000000..b277c6556c
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-input-text-contents-at-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, input { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<input size="10" value="hi">
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-input-text-contents-at-2-ref.html b/layout/reftests/font-inflation/threshold-input-text-contents-at-2-ref.html
new file mode 100644
index 0000000000..639d05e8b9
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-input-text-contents-at-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, input { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<input size="10" value="this is a lot of text but it doesn't have an effect">
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-input-text-contents-at-2.html b/layout/reftests/font-inflation/threshold-input-text-contents-at-2.html
new file mode 100644
index 0000000000..a26f0e92ea
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-input-text-contents-at-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, input { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<input size="10" value="this is a lot of text but it doesn't have an effect">
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-input-text-contents-under-1.html b/layout/reftests/font-inflation/threshold-input-text-contents-under-1.html
new file mode 100644
index 0000000000..d464c66ab0
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-input-text-contents-under-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, input { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<input size="9" value="hi">
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-input-text-contents-under-2.html b/layout/reftests/font-inflation/threshold-input-text-contents-under-2.html
new file mode 100644
index 0000000000..adf81cb9e4
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-input-text-contents-under-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, input { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<input size="9" value="this is a lot of text but it doesn't have an effect">
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-cell-1-ref.html b/layout/reftests/font-inflation/threshold-scope-cell-1-ref.html
new file mode 100644
index 0000000000..4e06fa9d83
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-cell-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+table { border-spacing: 0 } /* FIXME: why is this needed?  Something to do with ComputeDescendantWidth in nsFontInflationData? */
+td { padding: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<table><tr><td style="width: 600px; font-size: 44px">123456789
+123456789
+123456789
+123456789
+1234567890</td></tr>
+<tr><td>123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+</table>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-cell-1.html b/layout/reftests/font-inflation/threshold-scope-cell-1.html
new file mode 100644
index 0000000000..85e8f6f0da
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-cell-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+table { border-spacing: 0 } /* FIXME: why is this needed?  Something to do with ComputeDescendantWidth in nsFontInflationData? */
+td { padding: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<table><tr><td style="width: 600px">123456789
+123456789
+123456789
+123456789
+1234567890</td></tr>
+<tr><td>123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+</table>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-cell-2-ref.html b/layout/reftests/font-inflation/threshold-scope-cell-2-ref.html
new file mode 100644
index 0000000000..f42a2fc382
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-cell-2-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+table { border-spacing: 0 } /* FIXME: why is this needed?  Something to do with ComputeDescendantWidth in nsFontInflationData? */
+td { padding: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<table><tr><td style="width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+<tr><td style="font-size: 44px">123456789
+123456789
+123456789
+123456789
+1234567890</td></tr>
+</table>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-cell-2.html b/layout/reftests/font-inflation/threshold-scope-cell-2.html
new file mode 100644
index 0000000000..3e485793c5
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-cell-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+table { border-spacing: 0 } /* FIXME: why is this needed?  Something to do with ComputeDescendantWidth in nsFontInflationData? */
+td { padding: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<table><tr><td style="width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+<tr><td>123456789
+123456789
+123456789
+123456789
+1234567890</td></tr>
+</table>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-cell-3-ref.html b/layout/reftests/font-inflation/threshold-scope-cell-3-ref.html
new file mode 100644
index 0000000000..3bb1f74a29
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-cell-3-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<table><tr><td style="width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+<tr><td>123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+</table>
+<p style="font-size: 44px">123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-cell-3.html b/layout/reftests/font-inflation/threshold-scope-cell-3.html
new file mode 100644
index 0000000000..0d71335c04
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-cell-3.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<table><tr><td style="width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+<tr><td>123456789
+123456789
+123456789
+123456789
+123456789</td></tr>
+</table>
+<p>123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-flex-container-1.html b/layout/reftests/font-inflation/threshold-scope-flex-container-1.html
new file mode 100644
index 0000000000..2499cce7f6
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-flex-container-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+  }
+
+  .outer > div {
+    display: flex;
+  }
+</style>
+<div class="outer">
+  <div>These</div>
+  <div>separate</div>
+  <div>flex</div>
+  <div>containers</div>
+  <div>shouldn't</div>
+  <div>be</div>
+  <div>inflated,</div>
+  <div>because</div>
+  <div>they</div>
+  <div>each</div>
+  <div>form</div>
+  <div>separate</div>
+  <div>formatting</div>
+  <div>contexts</div>
+  <div>and</div>
+  <div>should</div>
+  <div>therefore</div>
+  <div>be</div>
+  <div>considered</div>
+  <div>individually</div>
+  <div>when</div>
+  <div>evaluating</div>
+  <div>the</div>
+  <div>font</div>
+  <div>inflation</div>
+  <div>text</div>
+  <div>threshold.</div>
+</div>
diff --git a/layout/reftests/font-inflation/threshold-scope-flex-container-2.html b/layout/reftests/font-inflation/threshold-scope-flex-container-2.html
new file mode 100644
index 0000000000..fe228e2c7d
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-flex-container-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+  }
+
+  .outer > div {
+    display: inline-flex;
+  }
+</style>
+<div class="outer">
+  <div>These</div>
+  <div>separate</div>
+  <div>flex</div>
+  <div>containers</div>
+  <div>shouldn't</div>
+  <div>be</div>
+  <div>inflated,</div>
+  <div>because</div>
+  <div>they</div>
+  <div>each</div>
+  <div>form</div>
+  <div>separate</div>
+  <div>formatting</div>
+  <div>contexts</div>
+  <div>and</div>
+  <div>should</div>
+  <div>therefore</div>
+  <div>be</div>
+  <div>considered</div>
+  <div>individually</div>
+  <div>when</div>
+  <div>evaluating</div>
+  <div>the</div>
+  <div>font</div>
+  <div>inflation</div>
+  <div>text</div>
+  <div>threshold.</div>
+</div>
diff --git a/layout/reftests/font-inflation/threshold-scope-flex-container-items-1.html b/layout/reftests/font-inflation/threshold-scope-flex-container-items-1.html
new file mode 100644
index 0000000000..a970dd21dd
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-flex-container-items-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+    display: flex;
+  }
+
+</style>
+<div class="outer">
+  <div>These</div>
+  <div>separate</div>
+  <div>flex</div>
+  <div>items</div>
+  <div>shouldn't</div>
+  <div>be</div>
+  <div>inflated,</div>
+  <div>because</div>
+  <div>they</div>
+  <div>each</div>
+  <div>form</div>
+  <div>separate</div>
+  <div>formatting</div>
+  <div>contexts</div>
+  <div>and</div>
+  <div>should</div>
+  <div>therefore</div>
+  <div>be</div>
+  <div>considered</div>
+  <div>individually</div>
+  <div>when</div>
+  <div>evaluating</div>
+  <div>the</div>
+  <div>font</div>
+  <div>inflation</div>
+  <div>text</div>
+  <div>threshold.</div>
+</div>
diff --git a/layout/reftests/font-inflation/threshold-scope-flex-container-items-2.html b/layout/reftests/font-inflation/threshold-scope-flex-container-items-2.html
new file mode 100644
index 0000000000..86fee058a3
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-flex-container-items-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+    display: inline-flex;
+  }
+
+</style>
+<div class="outer">
+  <div>These</div>
+  <div>separate</div>
+  <div>flex</div>
+  <div>items</div>
+  <div>shouldn't</div>
+  <div>be</div>
+  <div>inflated,</div>
+  <div>because</div>
+  <div>they</div>
+  <div>each</div>
+  <div>form</div>
+  <div>separate</div>
+  <div>formatting</div>
+  <div>contexts</div>
+  <div>and</div>
+  <div>should</div>
+  <div>therefore</div>
+  <div>be</div>
+  <div>considered</div>
+  <div>individually</div>
+  <div>when</div>
+  <div>evaluating</div>
+  <div>the</div>
+  <div>font</div>
+  <div>inflation</div>
+  <div>text</div>
+  <div>threshold.</div>
+</div>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-1-ref.html b/layout/reftests/font-inflation/threshold-scope-float-1-ref.html
new file mode 100644
index 0000000000..54b1b4de80
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; width: 600px; font-size: 44px">123456789
+123456789
+123456789
+123456789
+1234567890</p>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-1.html b/layout/reftests/font-inflation/threshold-scope-float-1.html
new file mode 100644
index 0000000000..75aa541b8f
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; width: 600px">123456789
+123456789
+123456789
+123456789
+1234567890</p>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-2-ref.html b/layout/reftests/font-inflation/threshold-scope-float-2-ref.html
new file mode 100644
index 0000000000..7b0f11dfcc
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</p>
+<p style="font-size: 44px">123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-2.html b/layout/reftests/font-inflation/threshold-scope-float-2.html
new file mode 100644
index 0000000000..f8078f6b2b
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</p>
+<p>123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-overflow-1-ref.html b/layout/reftests/font-inflation/threshold-scope-float-overflow-1-ref.html
new file mode 100644
index 0000000000..4fcb6a40cc
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-overflow-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; overflow: hidden; width: 600px; font-size: 44px">123456789
+123456789
+123456789
+123456789
+1234567890</p>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-overflow-1.html b/layout/reftests/font-inflation/threshold-scope-float-overflow-1.html
new file mode 100644
index 0000000000..11cd34e406
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-overflow-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; overflow: hidden; width: 600px">123456789
+123456789
+123456789
+123456789
+1234567890</p>
+<p>123456789
+123456789
+123456789
+123456789
+123456789</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-overflow-2-ref.html b/layout/reftests/font-inflation/threshold-scope-float-overflow-2-ref.html
new file mode 100644
index 0000000000..73104b9c8a
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-overflow-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; overflow: hidden; width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</p>
+<p style="font-size: 44px">123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-float-overflow-2.html b/layout/reftests/font-inflation/threshold-scope-float-overflow-2.html
new file mode 100644
index 0000000000..1b57917a99
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-float-overflow-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test: scope of accumulation</title>
+<style>
+body { font-size: 12px; width: 600px; }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p style="float:right; overflow: hidden; width: 600px">123456789
+123456789
+123456789
+123456789
+123456789</p>
+<p>123456789
+123456789
+123456789
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-scope-grid-container-1.html b/layout/reftests/font-inflation/threshold-scope-grid-container-1.html
new file mode 100644
index 0000000000..0bb87bae46
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-grid-container-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+  }
+
+  .outer > div {
+    display: grid;
+  }
+</style>
+<div class="outer">
+  <div>These</div>
+  <div>separate</div>
+  <div>grid</div>
+  <div>containers</div>
+  <div>shouldn't</div>
+  <div>be</div>
+  <div>inflated,</div>
+  <div>because</div>
+  <div>they</div>
+  <div>each</div>
+  <div>form</div>
+  <div>separate</div>
+  <div>formatting</div>
+  <div>contexts</div>
+  <div>and</div>
+  <div>should</div>
+  <div>therefore</div>
+  <div>be</div>
+  <div>considered</div>
+  <div>individually</div>
+  <div>when</div>
+  <div>evaluating</div>
+  <div>the</div>
+  <div>font</div>
+  <div>inflation</div>
+  <div>text</div>
+  <div>threshold.</div>
+</div>
diff --git a/layout/reftests/font-inflation/threshold-scope-grid-container-items-1.html b/layout/reftests/font-inflation/threshold-scope-grid-container-items-1.html
new file mode 100644
index 0000000000..8e67935aff
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-scope-grid-container-items-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<style>
+  div.outer {
+    width: 450px;
+    font-size: 12px;
+    display: grid;
+  }
+
+</style>
+<div class="outer">
+  <div>These</div>
+  <div>separate</div>
+  <div>grid</div>
+  <div>items</div>
+  <div>shouldn't</div>
+  <div>be</div>
+  <div>inflated,</div>
+  <div>because</div>
+  <div>they</div>
+  <div>each</div>
+  <div>form</div>
+  <div>separate</div>
+  <div>formatting</div>
+  <div>contexts</div>
+  <div>and</div>
+  <div>should</div>
+  <div>therefore</div>
+  <div>be</div>
+  <div>considered</div>
+  <div>individually</div>
+  <div>when</div>
+  <div>evaluating</div>
+  <div>the</div>
+  <div>font</div>
+  <div>inflation</div>
+  <div>text</div>
+  <div>threshold.</div>
+</div>
diff --git a/layout/reftests/font-inflation/threshold-select-combobox-contents-at-1-ref.html b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-1-ref.html
new file mode 100644
index 0000000000..9e585c4bc9
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select>
+  <option>1234567890</option>
+  <option>2</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-combobox-contents-at-1.html b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-1.html
new file mode 100644
index 0000000000..8e24ea46ba
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select>
+  <option>1234567890</option>
+  <option>2</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-combobox-contents-at-2-ref.html b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-2-ref.html
new file mode 100644
index 0000000000..7ccb43a52c
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select>
+  <option>1234567890</option>
+  <option>23456789</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-combobox-contents-at-2.html b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-2.html
new file mode 100644
index 0000000000..87f5f3cedc
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-combobox-contents-at-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select>
+  <option>1234567890</option>
+  <option>23456789</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-combobox-contents-under-1.html b/layout/reftests/font-inflation/threshold-select-combobox-contents-under-1.html
new file mode 100644
index 0000000000..a29001f9e2
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-combobox-contents-under-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select>
+  <option>123456789</option>
+  <option>2</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-combobox-contents-under-2.html b/layout/reftests/font-inflation/threshold-select-combobox-contents-under-2.html
new file mode 100644
index 0000000000..de5e82b558
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-combobox-contents-under-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select>
+  <option>123456789</option>
+  <option>23456789</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-listbox-contents-at-1-ref.html b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-1-ref.html
new file mode 100644
index 0000000000..df3ce97425
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select size="3">
+  <option>1234567890</option>
+  <option>2</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-listbox-contents-at-1.html b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-1.html
new file mode 100644
index 0000000000..b43e209d5b
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select size="3">
+  <option>1234567890</option>
+  <option>2</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-listbox-contents-at-2-ref.html b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-2-ref.html
new file mode 100644
index 0000000000..7b79a99882
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select size="3">
+  <option>1234567890</option>
+  <option>23456789</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-listbox-contents-at-2.html b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-2.html
new file mode 100644
index 0000000000..8b7374e692
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-listbox-contents-at-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select size="3">
+  <option>1234567890</option>
+  <option>23456789</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-listbox-contents-under-1.html b/layout/reftests/font-inflation/threshold-select-listbox-contents-under-1.html
new file mode 100644
index 0000000000..777ac09f3a
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-listbox-contents-under-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select size="3">
+  <option>123456789</option>
+  <option>2</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-select-listbox-contents-under-2.html b/layout/reftests/font-inflation/threshold-select-listbox-contents-under-2.html
new file mode 100644
index 0000000000..abfada7e36
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-select-listbox-contents-under-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, select, option { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<select size="3">
+  <option>123456789</option>
+  <option>23456789</option>
+  <option>3</option>
+</select>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-textarea-contents-at-1-ref.html b/layout/reftests/font-inflation/threshold-textarea-contents-at-1-ref.html
new file mode 100644
index 0000000000..5728bb0fdf
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-textarea-contents-at-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, textarea { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<textarea rows="2" cols="10">
+hi
+</textarea>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-textarea-contents-at-1.html b/layout/reftests/font-inflation/threshold-textarea-contents-at-1.html
new file mode 100644
index 0000000000..d527e070f4
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-textarea-contents-at-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, textarea { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<textarea rows="2" cols="10">
+hi
+</textarea>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-textarea-contents-at-2-ref.html b/layout/reftests/font-inflation/threshold-textarea-contents-at-2-ref.html
new file mode 100644
index 0000000000..27dd261461
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-textarea-contents-at-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, textarea { font-size: 44px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<textarea rows="2" cols="10">
+this is a lot of text but it doesn't have an effect
+</textarea>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-textarea-contents-at-2.html b/layout/reftests/font-inflation/threshold-textarea-contents-at-2.html
new file mode 100644
index 0000000000..02989efe10
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-textarea-contents-at-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, textarea { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<textarea rows="2" cols="10">
+this is a lot of text but it doesn't have an effect
+</textarea>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-textarea-contents-under-1.html b/layout/reftests/font-inflation/threshold-textarea-contents-under-1.html
new file mode 100644
index 0000000000..7b8b623216
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-textarea-contents-under-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, textarea { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<textarea rows="2" cols="9">
+hi
+</textarea>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/threshold-textarea-contents-under-2.html b/layout/reftests/font-inflation/threshold-textarea-contents-under-2.html
new file mode 100644
index 0000000000..82c8faf0fa
--- /dev/null
+++ b/layout/reftests/font-inflation/threshold-textarea-contents-under-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>font.size.inflation.lineThreshold test</title>
+<style>
+body { width: 600px; }
+body, textarea { font-size: 12px }
+p { margin: 0 }
+</style>
+<!--
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+
+Further, with a lineThreshold of 100, we need 50 characters of 12px
+text to meet the line threshold.
+-->
+<p>123456789
+123456789
+<textarea rows="2" cols="9">
+this is a lot of text but it doesn't have an effect
+</textarea>
+123456789
+1234567890</p>
diff --git a/layout/reftests/font-inflation/video-1.html b/layout/reftests/font-inflation/video-1.html
new file mode 100644
index 0000000000..a8a4780dde
--- /dev/null
+++ b/layout/reftests/font-inflation/video-1.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<video src="../webm-video/black140x100.webm"></video>
diff --git a/layout/reftests/font-inflation/xul-reflow-1-ref.html b/layout/reftests/font-inflation/xul-reflow-1-ref.html
new file mode 100644
index 0000000000..a4ea6e8600
--- /dev/null
+++ b/layout/reftests/font-inflation/xul-reflow-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 764354</title>
+<style>
+#outer {
+  width: 300px;
+  height: 100px;
+  background: yellow; color: black;
+}
+.inner {
+  background: aqua; color: black;
+  text-align: center;
+}
+</style>
+
+<div id="outer">
+  <div class="inner">Text</div>
+  <div class="inner">Text</div>
+</div>
diff --git a/layout/reftests/font-inflation/xul-reflow-1.html b/layout/reftests/font-inflation/xul-reflow-1.html
new file mode 100644
index 0000000000..929fd98837
--- /dev/null
+++ b/layout/reftests/font-inflation/xul-reflow-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 764354</title>
+<style>
+#outer {
+  display: -moz-box;
+  overflow: hidden;
+  -moz-box-orient: vertical;
+  width: 300px;
+  height: 100px;
+  background: yellow; color: black;
+}
+.inner {
+  background: aqua; color: black;
+  text-align: center;
+}
+</style>
+
+<div id="outer">
+  <div class="inner">Text</div>
+  <div class="inner">Text</div>
+</div>
diff --git a/layout/reftests/font-loading-api/dynamic-insert-1-ref.html b/layout/reftests/font-loading-api/dynamic-insert-1-ref.html
new file mode 100644
index 0000000000..caf83dd053
--- /dev/null
+++ b/layout/reftests/font-loading-api/dynamic-insert-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: One;
+  src: url(../fonts/markA.ttf);
+}
+body { font-family: One; }
+</style>
+<p>ABC</p>
diff --git a/layout/reftests/font-loading-api/dynamic-insert-1.html b/layout/reftests/font-loading-api/dynamic-insert-1.html
new file mode 100644
index 0000000000..75adb021ce
--- /dev/null
+++ b/layout/reftests/font-loading-api/dynamic-insert-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+body { font-family: One; }
+</style>
+<script>
+window.addEventListener("MozReftestInvalidate", function() {
+  var face = new FontFace("One", "url(../fonts/markA.ttf)");
+  face.load().then(function() {
+    document.fonts.add(face);
+    document.documentElement.className = "";
+  });
+});
+</script>
+<p>ABC</p>
diff --git a/layout/reftests/font-loading-api/dynamic-remove-1-ref.html b/layout/reftests/font-loading-api/dynamic-remove-1-ref.html
new file mode 100644
index 0000000000..caf83dd053
--- /dev/null
+++ b/layout/reftests/font-loading-api/dynamic-remove-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: One;
+  src: url(../fonts/markA.ttf);
+}
+body { font-family: One; }
+</style>
+<p>ABC</p>
diff --git a/layout/reftests/font-loading-api/dynamic-remove-1.html b/layout/reftests/font-loading-api/dynamic-remove-1.html
new file mode 100644
index 0000000000..4f099fc5b3
--- /dev/null
+++ b/layout/reftests/font-loading-api/dynamic-remove-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+body { font-family: One; }
+</style>
+<script>
+var f1 = new FontFace("One", "url(../fonts/markA.ttf)");
+var f2 = new FontFace("One", "url(../fonts/mark2A.ttf)");
+
+f1.load();
+f2.load();
+
+Promise.all([f1.load(), f2.load()])
+  .then(function() {
+    document.fonts.add(f1);
+    document.fonts.add(f2);
+  })
+  .then(document.fonts.ready)
+  .then(function() {
+    document.fonts.delete(f2);
+    document.documentElement.className = "";
+  });
+</script>
+<p>ABC</p>
diff --git a/layout/reftests/font-loading-api/ex-unit-1.html b/layout/reftests/font-loading-api/ex-unit-1.html
new file mode 100644
index 0000000000..652cbfda11
--- /dev/null
+++ b/layout/reftests/font-loading-api/ex-unit-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- modeled on ../font-face/ex-unit-1.html -->
+<html class="reftest-wait">
+<title>ex unit with Ahem font</title>
+<style>
+html { background: white; }
+body { font-family: Ahhhem; font-size: 50px; height: 2ex; width: 2ex; background: blue;  }
+</style>
+<script>
+document.fonts.add(new FontFace("Ahhhem", "url(../fonts/Ahem.ttf)"));
+document.fonts.ready.then(function() { document.documentElement.className = ""; });
+</script>
diff --git a/layout/reftests/font-loading-api/multiple-sets-1-ref.html b/layout/reftests/font-loading-api/multiple-sets-1-ref.html
new file mode 100644
index 0000000000..5a59ff728b
--- /dev/null
+++ b/layout/reftests/font-loading-api/multiple-sets-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<iframe id=a src=multiple-sets-frame-ref.html></iframe>
+<iframe id=b src=multiple-sets-frame-ref.html></iframe>
diff --git a/layout/reftests/font-loading-api/multiple-sets-1.html b/layout/reftests/font-loading-api/multiple-sets-1.html
new file mode 100644
index 0000000000..3c4bc7d914
--- /dev/null
+++ b/layout/reftests/font-loading-api/multiple-sets-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<body onload=step()>
+<iframe id=a src=multiple-sets-frame.html></iframe>
+<iframe id=b src=multiple-sets-frame.html></iframe>
+<script>
+var events = 2;  // wait for load event and MozReftestInvalidate
+
+function step() {
+  if (--events == 0) {
+    var a = document.getElementById("a");
+    var b = document.getElementById("b");
+    var a_win = a.contentWindow;
+    var b_win = b.contentWindow;
+    var a_doc = a.contentDocument;
+    var b_doc = b.contentDocument;
+    var face = new a_win.FontFace("Ahem", "url(../fonts/Ahem.ttf)");
+    a_doc.fonts.add(face);
+    b_doc.fonts.add(face);
+    face.load().then(function() {
+      document.documentElement.className = "";
+    });
+  }
+}
+
+window.addEventListener("MozReftestInvalidate", step);
+</script>
diff --git a/layout/reftests/font-loading-api/multiple-sets-frame-ref.html b/layout/reftests/font-loading-api/multiple-sets-frame-ref.html
new file mode 100644
index 0000000000..d8dec9920c
--- /dev/null
+++ b/layout/reftests/font-loading-api/multiple-sets-frame-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+</style>
+<p style="font: 16px Ahem">Hello</p>
diff --git a/layout/reftests/font-loading-api/multiple-sets-frame.html b/layout/reftests/font-loading-api/multiple-sets-frame.html
new file mode 100644
index 0000000000..c185959632
--- /dev/null
+++ b/layout/reftests/font-loading-api/multiple-sets-frame.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="font: 16px Ahem">Hello</p>
diff --git a/layout/reftests/font-loading-api/name-collision.html b/layout/reftests/font-loading-api/name-collision.html
new file mode 100644
index 0000000000..50a8fffc60
--- /dev/null
+++ b/layout/reftests/font-loading-api/name-collision.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<!-- modeled after ../font-face/name-collision.html -->
+<html class="reftest-wait">
+<!--
+  Font family names in @font-face rules take precedence over locally-available font families,
+  so none of the names of commonly used platform fonts should match against locally available
+  fonts.
+-->
+<style>
+body { margin: 50px; font-family: fallback; }
+table { font-family: Sample; margin-left: 3em; }
+.sample { font-family: Sample, fallback; }
+table td { font-size: 24pt; }
+
+/* Windows */
+
+.arial { font-family: Arial, fallback; }
+.timesnewroman { font-family: Times New Roman, fallback; }
+.couriernew { font-family: Courier New, fallback; }
+
+/* Mac OS X */
+
+.futura { font-family: Futura, fallback; }
+.helvetica { font-family: Helvetica, fallback; }
+.times { font-family: Times, fallback; }
+.courier { font-family: Courier, fallback; }
+
+/* Linux */
+
+.bitstreamverasans { font-family: Bitstream Vera Sans, fallback; }
+.dejavusans { font-family: DejaVu Sans, fallback; }
+.freesans { font-family: FreeSans, fallback; }
+</style>
+<script>
+function addTestFont(aFamily) {
+  document.fonts.add(new FontFace(aFamily, "url(../fonts/mplus/mplus-1p-black.ttf)", { weight: 900 }));
+}
+
+document.fonts.add(new FontFace("fallback", "url(../fonts/mplus/mplus-1p-regular.ttf)"));
+
+addTestFont("Sample");
+
+/* Windows */
+
+addTestFont("Arial");
+addTestFont("Times New Roman");
+addTestFont("Courier New");
+
+/* Mac OS X */
+
+addTestFont("Futura");
+addTestFont("Helvetica");
+addTestFont("Times");
+addTestFont("Courier");
+
+/* Linux */
+
+addTestFont("Bitstream Vera Sans");
+addTestFont("DejaVu Sans");
+addTestFont("FreeSans");
+
+document.fonts.ready.then(function() { document.documentElement.className = ""; });
+</script>
+
+<p>All text below should appear in the same extra bold font face:</p>
+
+<table>
+<tr class="sample"><td>Sample</td></tr>
+<tr class="arial"><td>Arial</td></tr>
+<tr class="timesnewroman"><td>Times New Roman</td></tr>
+<tr class="couriernew"><td>Courier New</td></tr>
+<tr class="futura"><td>Futura</td></tr>
+<tr class="helvetica"><td>Helvetica</td></tr>
+<tr class="times"><td>Times</td></tr>
+<tr class="courier"><td>Courier</td></tr>
+<tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
+<tr class="dejavusans"><td>DejaVu Sans</td></tr>
+<tr class="freesans"><td>FreeSans</td></tr>
+</table>
diff --git a/layout/reftests/font-loading-api/order-1.html b/layout/reftests/font-loading-api/order-1.html
new file mode 100644
index 0000000000..3555be0cc9
--- /dev/null
+++ b/layout/reftests/font-loading-api/order-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- modeled on ../font-face/order-1.html -->
+<html class="reftest-wait">
+<style>
+body { font-family: "One"; }
+</style>
+<script>
+document.fonts.add(new FontFace("One", "url(../fonts/mark2A.ttf)"));
+document.fonts.add(new FontFace("One", "url(../fonts/markA.ttf)"));
+document.fonts.ready.then(function() { document.documentElement.className = ""; });
+</script>
+<p>ABC</p>
diff --git a/layout/reftests/font-loading-api/reftest.list b/layout/reftests/font-loading-api/reftest.list
new file mode 100644
index 0000000000..a1a64939de
--- /dev/null
+++ b/layout/reftests/font-loading-api/reftest.list
@@ -0,0 +1,9 @@
+== dynamic-insert-1.html dynamic-insert-1-ref.html
+== dynamic-remove-1.html dynamic-remove-1-ref.html
+== ex-unit-1.html ../font-face/ex-unit-1-ref.html
+fuzzy(0-2,0-10) == multiple-sets-1.html multiple-sets-1-ref.html
+== name-collision.html ../font-face/name-collision-ref.html
+== order-1.html ../font-face/order-1-ref.html
+== src-list-1.html ../font-face/src-list-1-ref.html
+== src-list-2.html ../font-face/src-list-2-ref.html
+== src-list-data-1.html ../font-face/src-list-data-ref.html
diff --git a/layout/reftests/font-loading-api/src-list-1.html b/layout/reftests/font-loading-api/src-list-1.html
new file mode 100644
index 0000000000..2af1bdc08f
--- /dev/null
+++ b/layout/reftests/font-loading-api/src-list-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!-- modeled on ../font-face/src-list-1.html -->
+<html class="reftest-wait">
+<style>
+body { font-family: One; }
+</style>
+<script>
+document.fonts.add(new FontFace("One", "url(../fonts/markA.ttf), url(../fonts/mark2A.ttf)"));
+document.fonts.ready.then(function() { document.documentElement.className = ""; });
+</script>
+<p>ABC</p>
diff --git a/layout/reftests/font-loading-api/src-list-2.html b/layout/reftests/font-loading-api/src-list-2.html
new file mode 100644
index 0000000000..9c8c83890b
--- /dev/null
+++ b/layout/reftests/font-loading-api/src-list-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<!-- modeled on ../font-face/src-list-2.html -->
+<html class="reftest-wait">
+<style>
+body { font-family: "One"; }
+</style>
+<script>
+document.fonts.add(new FontFace("One", "url(../fonts/markA.ttf), url(../fonts/markB.ttf)"));
+document.fonts.ready.then(function() { document.documentElement.className = ""; });
+</script>
+<p>ABC</p>
diff --git a/layout/reftests/font-loading-api/src-list-data-1.html b/layout/reftests/font-loading-api/src-list-data-1.html
new file mode 100644
index 0000000000..6d33ab1323
--- /dev/null
+++ b/layout/reftests/font-loading-api/src-list-data-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!-- modeled on ../font-face/src-list-data-1.html -->
+<html class="reftest-wait">
+<style>
+body { margin: 20px; font-size: 100px; font-family: test; }
+p { margin: 0; padding: 0; }
+</style>
+<script>
+document.fonts.add(new FontFace("test", "url(data:font/opentype;base64,AAEAAAARAQAABAAQRkZUTVsSEWAAAJ+4AAAAHEdERUYAJwDlAACf1AAAAB5HU1VCDlgOGAAAn/QAAABiT1MvMpP6Q0QAAAGYAAAAYGNtYXBJlAL1AAAFeAAAAlpjdnQgEIcRvwAAC4wAAABGZnBnbQ+0L6cAAAfUAAACZWdhc3AAAAAQAACfsAAAAAhnbHlmIlooQgAADZgAAIxIaGVhZPuNuY8AAAEcAAAANmhoZWENaQTiAAABVAAAACRobXR4XGQ3gAAAAfgAAAN+bG9jYdufulYAAAvUAAABwm1heHAB/QGYAAABeAAAACBuYW1lSPlt7wAAmeAAAAM8cG9zdIn/7pAAAJ0cAAACknByZXDMcRRIAAAKPAAAAU4AAQAAAAEAAFbFikZfDzz1AB8IAAAAAADK4Sh3AAAAAMuERqr/vv4ABjcHcQAAAAgAAgAAAAAAAAABAAAHcf3YAAAGbP++/74GNwABAAAAAAAAAAAAAAAAAAAA3wABAAAA4ABWAAUAAAAAAAIAAQACABYAAAEAAT4AAAAAAAICNgGQAAUAAAWaBTMAAAEfBZoFMwAAA9EAZgIAAAAAAAAAAAAAAAAAgAAAJ0AAAEoAAAAAAAAAAHB5cnMAQAAg+wIF4f3hAAAHcQIoAAAAAQAAAAAEYAXhAAAAIAACATsAAAAAAAACqQAAATsAAAGDAEoBSQA5BNAAMQK0ACUD6QA3A1YAMQE1AC0CMQBCAjEAKQKlAEoEJABKATUALQG8AEoBQQA1AtAACALUAEQB2wAZAtsANwKuAC0CrAAZAsAASgK8AEICTQAIArgANQK8ADkBagBKAWoASgQiAEoEIgBKBCIASgKFABkDaABCAv0AFALpAFICxABEAvkAUgJ0AFICaABSAuEAQwMKAFIBgQBSAacADAMAAFICXABSA98AUgMoAFIC1ABEAtAAUgLZAEQC4wBSAr4AJQKHAAQC7QBQAswAEgQMABkC4QAQArwADgJyABQCGgBSAxgACAIaADkETQA1BLoASgQAASUCqQAxAq4AUgKFAEICrgBKApMAQgHbABQCvAAMArIAUgFyAFIBbP/TAoEAUgFyAFID/QBSArIAUgKRAD8CrgBSAq4ASgH3AFICdgAlAfUAFAKyAE4CWgAQA4kAFAJqABACegAZAhQADAKwAD0BZABSArAAOQUAAHEBOwAAAYMASgJ8AEIDMQAEAtAAGQQAARAGbAA1AbwASgZsADUEAAE5BAABmgDXAAAEAAGqAoUAKQL9ABQC/QAUAv0AFAL9ABQC/QAUAv0AFARLABACxABEAnQAUgJ0AFICdABSAnQAUgGR//oBkQBSAXL/vgF0/8sC+QAUAygAUgLUAEQC1ABEAtQARALUAEQC1ABEAtQAOwLtAFAC7QBQAu0AUALtAFACwAAQAtQAUgLdAEICqQAxAqkAMQKpADECqQAxAqkAMQKpADED3QAxAoUAQgKTAEICkwBCApMAQgKTAEIBcv/fAXIAUgFy/74BdP/LAqEATAKyAFICkQA/ApEAPwKRAD8CkQA/ApEAPwKRAD8CsgBOArIATgKyAE4CsgBOAnoAGQKuAFICegAZAXIAUgJ0ACkB1AAfA9cARAPjAD8CvgAlAnYAJQLAABACcgAUAhQADAP9AQQD/QEEBAABHwP9AZgD/QFmBAABXAQAATkEAADXA7gAAAdwAAADuAAAB3AAAAJ6AAAB2wAAAT0AAAE9AAAA7QAAAXwAAABoAAABvABKAbwASgG8AEoDJgBKA8wASgE1ADEBNQAtATUALQJwADUCcAA1AnAANQKXAFIDxAA1AXwAAAHbAAADLQA1A6kASgMIAEoEYAAAAwQAFAAUAAAAAAADAAAAAwAAABwAAQAAAAABVAADAAEAAAAcAAQBOAAAAEQAQAAFAAQAQABMAH4AowClAKkArwC0ALgA1gD2AP8BMQFCAVMBYQF4AX4CxwLdIAogFCAaIB4gIiAmIC8gXyCsISIiEuAA+wL//wAAACAAQQBNAKAApQCoAK0AtAC3AL8A2AD4ATEBQQFSAWABeAF9AsYC2CAAIBAgGCAcICIgJiAvIF8grCEiIhLgAPsB////4wAA/+P/wv/B/7//vP+4/7b/sP+v/67/ff9u/1//U/89/zn98v3i4MDgu+C44LfgtOCx4KngeuAu37neyiDdBd0AAQAAAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAJQAmACcAKAAzACoAKwA2AC0ALgBWAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAADBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiNEJSYnKDMqKzYtLlYwMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYQB0dXd5gYaLkI+Rk5KUlpiXmZqcm52eoKKho6WkqKepqgAAZGUA1gCOamjbbGcAdocAAAAAZgAAAAAAAAAAAJWmb2MAAAAAAAAA12Jwc4Wxss7P09TQ0QAArbUA2gAA3t8AbdLVAHJ6cXt4fX5/fIOEAIKJioiuuL5ruru8br+9uQAAsAAssAATS7AqUFiwSnZZsAAjPxiwBitYPVlLsCpQWH1ZINSwARMuGC2wASwg2rAMKy2wAixLUlhFI1khLbADLGkYILBAUFghsEBZLbAELLAGK1ghIyF6WN0bzVkbS1JYWP0b7VkbIyGwBStYsEZ2WVjdG81ZWVkYLbAFLA1cWi2wBiyxIgGIUFiwIIhcXBuwAFktsAcssSQBiFBYsECIXFwbsABZLbAILBIRIDkvLbAJLCB9sAYrWMQbzVkgsAMlSSMgsAQmSrAAUFiKZYphILAAUFg4GyEhWRuKimEgsABSWDgbISFZWRgtsAossAYrWCEQGxAhWS2wCywg0rAMKy2wDCwgL7AHK1xYICBHI0ZhaiBYIGRiOBshIVkbIVktsA0sEhEgIDkvIIogR4pGYSOKIIojSrAAUFgjsABSWLBAOBshWRsjsABQWLBAZTgbIVlZLbAOLLAGK1g91hghIRsg1opLUlggiiNJILAAVVg4GyEhWRshIVlZLbAPLCMg1iAvsAcrXFgjIFhLUxshsAFZWIqwBCZJI4ojIIpJiiNhOBshISEhWRshISEhIVktsBAsINqwEistsBEsINKwEistsBIsIC+wBytcWCAgRyNGYWqKIEcjRiNhamAgWCBkYjgbISFZGyEhWS2wEywgiiCKhyCwAyVKZCOKB7AgUFg8G8BZLbAULLMAQAFAQkIBS7gQAGMAS7gQAGMgiiCKVVggiiCKUlgjYiCwACNCG2IgsAEjQlkgsEBSWLIAIABDY0KyASABQ2NCsCBjsBllHCFZGyEhWS2wFSywAUNjI7AAQ2MjLQAAALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWACwBCBFsAMrRLAJIEWyBHkCK7ADK0SwCCBFsglPAiuwAytEsAcgRbIIOgIrsAMrRLAGIEWyByUCK7ADK0SwBSBFsgYQAiuwAytEsAogRbIEmAIrsAMrRLALIEWyCi8CK7ADK0SwDCBFsgsuAiuwAytEsA0gRbIMGgIrsAMrRAGwDiBFsAMrRLARIEWyDhkCK7EDRnYrRLAQIEWyEQ8CK7EDRnYrRLAPIEWyED8CK7EDRnYrRLASIEW6AA5//wACK7EDRnYrRLATIEWyElQCK7EDRnYrRLAUIEWyEzYCK7EDRnYrRLAVIEWyFA4CK7EDRnYrRLAWIEWyFQoCK7EDRnYrRLAXIEWyFgkCK7EDRnYrRLAYIEWyFwcCK7EDRnYrRFmwFCsAAP5/AAAEYAXhAMMAYACiAKwAtAC6AMsA2wDjAPIAzwBeAHsAoADPAN0A5QE1AaoB+gJKAJoA0gCcAJ4A2QClALwAkAB2AEoAAAAAAAAAAAAAAAAANABSASgBogJiAwoDMgNoA54D0gQUBDoEWAR4BKwFDAVCBZQGPgaKBwIHeAekCDAIpgjQCP4JHAk+CVwJrApMCpAK/gtyC7wL9gwqDLAM5g0EDTYNng3EDkAOkA7wDzIPphAEEIAQsBD2ESwRihJMEooSvhLqEx4TUBNwE4gTohQkFH4U0hUuFaAV7BayFvYXIBdkF6wXyhg2GHgY6BlCGZwZzhpKGpga3BsSG5QcGBxaHJAc8B0KHWodsh2yHeYeNB7kH3QfoiBeIHwhQiFgIXwhmiHAIhoiaCK4IxgjkiP+JIYk/iWAJcomFiZwJsom9CccJ1InjifyKH4o6ClUKc4qYCrsK6gr6CwoLHws6i0kLWwt3i5sLvovmDBMMPAxsDJ6MuIzYjPgNHA1BDUmNUY1djW0Njg2sjcgN4w4CjigOSg6BjpYOqo7DDtuO7g8FDx+PJw83j0SPXw+MD7EP1g/tD/+QEhAbkCWQMhA6kEwQW5BrEHYQdhB2EHYQdhB2EHYQdhB2EHYQdhB2EH2QhRCMkJQQmhCkEK4Qt5DJENuQ7ZD4EQYRBhEGETERTRFUEVeRcBGJAAAAAIASgAAATkF4QADAAcAQACyBAEAK7EFDOmyAAMAKwGwCC+wBNawADKxBxPpsAEyswIHBAgrsQMQ6bADL7ECEOmxCQErALEABRESsAI5MDETMwMjAzUzFUrvN4Er1wXh+7X+auPjAAAAAQA5A7oBEAXhAAMAHwCyAAMAK7QDDQAIBCsBsAQvsAPWsQIR6bEFASsAMDETMwMjOdcemgXh/dkAAAAAAgAxAAAEoAXhABsAHwE7ALIaAQArshUWGTMzM7IHAwArsggLDDMzM7QAARoHDSuzAhEcHSQXM7EABOmzFBcYGyQXMrQFBBoHDSuzAxAeHyQXM7EFBOmzBgkKDSQXMgGwIC+wGtaxGQ7psBkQsQcBK7EIDumwCBCxFgErsRUO6bAVELELASuxDA7psSEBK7A2Gro/WvbqABUrCro/a/dlABUrCrAaELMCGgcTK7MDGgcTK7MGGgcTK7AZELMJGQgTK7AWELMKFgsTK7AVELMNFQwTK7MQFQwTK7MRFQwTK7MUFQwTK7AWELMXFgsTK7AZELMYGQgTK7AaELMbGgcTK7AZELMcGQgTK7AWELMdFgsTK7MeFgsTK7AZELMfGQgTKwNAEAIDBgkKDRARFBcYGxwdHh8uLi4uLi4uLi4uLi4uLi4usEAaADAxEzczEyM3MxMzAyETMwMzByMDMwcjAyMTIQMjEzchEyExG8YlxBrFOcU5AQQ5xTrBG8Alvhq/O8U8/vs7xTzfAQQl/vwBtsMBAsIBpP5cAaT+XML+/sP+SgG2/koBtsMBAgABACX/KQKPBlwAMwBeAAGwNC+wENaxHQ7psAAg1hGxAQ7psB0QsTEBK7ASMrEwEOmwFDKwMBCxBQErsBgysS0O6bAXMrE1ASuxEAARErAzObEdARESsAI5sTAxERKwCjmxLQURErAnOQAwMRM3FhcyNzQuBCcuAjUSNzUzFRYTByYmBwYHFB4EFx4HFQIHFSM1JiXADHVYBREWKxk3CERCSwTTe8kiwAYsK1AEERQtFzsJBjUULxUhDgwE8XvsAWYNugG5HT0xSCJMDFxjuE4BJTGDfRf+/Rk5RgICoB0/LUohVAoKTBxKKUY1RB7+rh/Z3SkABQA3//ADtAXyABQAGAAmADsARwCrALIVAQArsjgBACu0PgUANQQrshYDACuyBwMAK7QiBQA0BCu0Qy44Bw0rtEMFADMEK7QbEjgHDSu0GwUAMwQrAbBIL7AA1rEZEOmwGRCxHgErsQwQ6bAMELEnASuxPBDpsDwQsUABK7EyEOmxSQErsRkAERKxAxU5ObAeEbMSBxsiJBc5sAwSsQ4YOTmxPCcRErEWKjk5sEARsjguQzk5ObAyErEXNDk5ADAxExE0PgMzMhYXFxEUDgMjIicTATMBAwYzMjY1NRE2IyIGFRUBETQ+AzMyFxcRFA4DIyImJzcGFzInETYjIgYVFTcCER5CLUZQBAQCER5ALYEbYwIpg/3ddQQpEBMCJRITAcUCEB9BLn0cBAIQHz8tSFAEdwQpJQMCJBITA48BtQYYPC8lWCsr/ksGGD4tJ4f8mgXh+h8DjzcdDA4BtTcbDg77WgG0Bhk9LSeHKf5MBhk7MCRWLSs5AToBtDcaDw4AAwAx//ADLQXyACMALgA8AJUAsiIBACuwHTOxJwTpsg0DACuxOQfpAbA9L7AF1rEvDumwLxCwJCDWEbEADumwAC+xJA7psC8QsTMBK7QRDgA3BCuzFxEzCCuxGBHpsBwysT4BK7EkBRESsQMiOTmxMy8RErMNJysTJBc5sBcRsxUgISkkFzmxGBERErAaOQCxJyIRErAgObA5EbUAAxMcKzEkFzkwMRM0NjcmNTU0PgQzMhcWBxQDFhc2NxcGBxYXFSImJwYgJjcWFjMyNyYnDgITFBc2NyY2LgIjIgYVMVhSagoQKThaOcsxDgLNTEghDrAQTDclF348e/7+rtUCNys7QlhWBhAdKzdkAQIECA8gGScnATtzx3vh2RIMRD5MNyXXPTSi/vCub2BzIdWRPw3rS0CLwpRCVFaLnAoldgMib4ecYAIbLSkfTCUAAAAAAQAtA/QBBAXhAAYALgCyAwMAK7QADQAJBCsBsAcvsADWsAIysQUT6bEFE+mxCAErsQUAERKwATkAMDETEyM1MxUDLUhI13ED9AEK4+P+9gABAEL+1wIIBjUAFwATAAGwGC+wAdaxDQ7psRkBKwAwMRIQEjY2NzcXDgMCEBIWFhcXBy4DQjtYVh0eogojWkQ3NUxMGxqiDCdkTgH2AR4BK+C4Ly9UDjWwvf7h/ub+5caeJydUEkDL0wAAAAABACn+1wHwBjUAFwATAAGwGC+wBtaxEg7psRkBKwAwMRc+AxIQAiYmJyc3HgMSEAIGBgcHKQojWkQ3NUxMGhuiDCdkTkA8WFYdHtUONrC6AR8BGgEbx58nJ1QSQMzR/s7+4v7V37cvLwAAAAABAEoD5wJcBeEADgAqALIDAwArtAwNAAkEK7AKMgGwDy+wANaxBxfpsRABKwCxAwwRErALOTAxEzcXJzMHNxcHFwcnByc3SiukE5oTpCusc4NOTINzBOOURrCwRpQiilCYmFCKAAAAAAEASgEvA9sEjwALAFIAsAAvsAczsQEH6bAFMrIAAQors0AACgkrsgEACiuzQAEDCSsBsAwvsArWsAIysQkR6bAEMrIJCgors0AJBwkrsgoJCiuzQAoACSuxDQErADAxEzUhETMRIRUhESMRSgFyrAFz/o2sAomsAVr+pqz+pgFaAAAAAAEALf72AQQA4wAGACwAsAUvtAENAAkEKwGwBy+wBdawADKxAxPpsQMT6bEIASuxAwURErAGOQAwMTM1MxUDIxMt13FmSOPj/vYBCgABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABADUAAAEMAOMAAwApALIAAQArsQEM6bIAAQArsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDEzNTMVNdfj4wAAAQAI/20CyQXhAAMASQCyAQMAK7ACMwGwBC+wANaxAxHpsAMQsQEBK7ECEemxBQErsDYaujzd7DcAFSsKBLABELAAwLACELADwAKxAAMuLrBAGgEAMDEXATMBCAIfov3nkwZ0+YwAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAABABkAAAGJBeEACwA+ALIKAQArsgcDACu0AQAKBw0rtAEGABsEKwGwDC+wCtaxCRPpsgoJCiuzQAoACSuxDQErsQkKERKwBzkAMDETNT4DNzczESMRGTNWMyMGBoXdBJyNCi0zMBAO+h8EnAABADcAAAKPBfIAFABdALIAAQArsRIL6bIPAwArsQkK6bIJDwors0AJDAkrAbAVL7AM1rAAMrELE+mwCxCxBwErsRAT6bATMrEWASuxCwwRErADObAHEbASOQCxEgARErABObAJEbAQOTAxMzU+AxI3NCIVFSM1ECAREAEhFTcOMn9iVAKT3gJO/qYBXtsXTeTVAQ5nuLhpaQGF/on+sP2w2wAAAAEALf/wAnkF8gBAAKcAshcBACuxIQTpsiEXCiuzQCEdCSuyBgMAK7E9BOmyPQYKK7NAPUAJK7QvLhcGDSuxLwnpAbBBL7AC1rEAHTIysUAO6bAeMrBAELEjASuxERPpsBEQsAwg1hGxNhPpsDYvsQwT6bFCASuxQAIRErIbLi85OTmwNhG1FwYhKSo9JBc5sCMSsCc5sAwRsQ8mOTkAsS4hERKwETmwLxGwDzmwPRKwDDkwMRM0PgMzMh4DFRAHBxYRFA4DIyIuAzUzFhYzMjY1NDYuBScjNT4FPQI0LgIjIgYHLQQfOW9QTnI3IQZqAn8GITdzTlBwPCMG2QIfKy0ZAgIGDRgjNyMTJTMnFwwGAgwfGCkXAgQvRlqNVEI+UGg3F/7dagJk/sYZQ4NlTT9YiWM/lmplWhJgHUYWKw8QArgCCxIZIi0dPistL0UhYp4AAAACABkAAAKgBeEACgAQAFgAsgkBACuyAgMAK7QKCwkCDSuwBDOxCgTpsAYyAbARL7AJ1rAMMrEIDumwAzKyCAkKK7NACAYJK7IJCAors0AJAAkrsRIBKwCxCwoRErABObACEbAOOTAxEzUBMxEzFSMRIxEnMxE1IwcZAUPdZ2fKmpoNDAFIwgPX/CnC/rgBSMIB1y0tAAAAAAEASv/wAosF4QAlAIEAsiABACuxBQTpsgUgCiuzQAUACSuyEAMAK7ETC+m0GAsgEA0rsRgK6bILGAors0ALDwkrAbAmL7AP1rAAMrEUDumwDjKyFA8KK7NAFBIJK7APELECE+mwFBCxCAErsR4T6bEnASuxFA8RErAkObEIAhESsCA5ALEYCxESsBQ5MDETMxUUFjMyNjURNAciBhUjESEVIRE+AhcyHgIVERAhIi4DSt0dJiUfRiE1ugIX/qgIGkQZTm4rDv7fTm47IQgBtjtzWFpvAVBvAVAeAxjb/scGEh0CUHdSHv6w/nc7VIVoAAIAQv/wAoMF8gAdACoAawCyGgEAK7EhBOmyAwMAK7EJBOmyCQMKK7NACQYJK7QPKBoDDSuxDwfpAbArL7AA1rEeE+mwDDKwHhCxJAErsAYysRUT6bAEMrEsASuxHgARErAaObAkEbAPObAVErAZOQCxDygRErANOTAxExEQJBEVIzQmIyIGFRE2MzIeAhURFA4CIi4CFxQWMzI2NRE0JiIGB0ICQd0XLSccOzNQay0OEDR+vX8zEN0jIB8lJT0jAgE1A1gBZAH+m16iYEpa/vQlSHJZK/7NKVZ5TU15VhgUMDETAcISMikVAAAAAQAIAAACNQXhAAYANACyBQEAK7IBAwArsQAL6QGwBy+wBdaxBBTpsgQFCiuzQAQDCSuxCAErsQQFERKwBjkAMDETNSEVAyMTCAIt3eXhBQbb3fr8BQYAAAMANf/wAoMF8gAhAC0AOAB4ALIdAQArsSUK6bIMAwArsTYE6bQxLB0MDSuxMQvpAbA5L7AF1rAAMrEuE+mxIhPpsC4QsSkBK7AzMrEXE+mwETKxOgErsSIFERKyAwgdOTk5sC4RsAs5sCkSsgwlLDk5ObAXEbIPFBw5OTkAsTEsERKxFAM5OTAxEzU0NyY1NTQ+AzIeAxUVFAcWFRUUDgMiLgM3FhYzMjY2NTQmIgYTFBYyNjU0JiMiBjVzZgQgNnKcczUhBGdzBCE5d6R3OSEE1wIfLyUjCBtqGw8YUhkZKSUaAUKwvG1mrn8XNWpQPj5QajUXf65mbbywGTdvUkFBUm83cX9hPFJSmHJyAi5/ZGR/cV5YAAACADn/8AJ7BfIAHQAqAGsAsh0BACuxBQTpsgUdCiuzQAUBCSuyFgMAK7EnBOm0CyEdFg0rsQsH6QGwKy+wANawEDKxAhPpsB4ysAIQsQgBK7AjMrEbE+mxLAErsQIAERKwFTmwCBGwCzmwGxKwFjkAsSELERKwCTkwMRM1MxQWMzI2NREGIyIuAjURND4CMh4CFREQIBMUFjI2NxE0JiMiBhU53hYtJx07NFBqLQ8RM3+8fzMR/b7eJD4jAiMhHyQBVF6iYEpaARslR3NYKwElKVZ5Tk55Vin8qP6cA0kSMSkUAbsULzESAAAAAAIASgAAASEEYAADAAcALwCyAAEAK7EBDOmyBQIAK7EEDOkBsAgvsADWsAQysQMT6bAGMrEDE+mxCQErADAxMzUzFQM1MxVK19fX4+MDfePjAAAAAAIASv72ASEEYAAGAAoAMACyCAIAK7EHDOkBsAsvsAXWsQAHMjKxAxPpsAkysQMT6bEMASuxAwURErAGOQAwMTM1MxUDIxMDNTMVStdxZkdH1+Pj/vYBCgN94+MAAQBKAK4D2QUEAAYAEwABsAcvsADWsQQO6bEIASsAMDETNQEVAQEVSgOP/UYCugKJoAHbx/6c/pzHAAAAAgBKAd0D2QQMAAMABwAaALAAL7EBB+mwBC+xBQfpAbAIL7EJASsAMDETNSEVATUhFUoDj/xxA48B3aysAYOsrAAAAAABAEoArgPZBQQABgATAAGwBy+wAtaxBg7psQgBKwAwMTc1AQE1ARVKArr9RgOPrscBZAFkx/4loAAAAAACABkAAAJcBewAHwAjAC0AsgUDACuxHATpAbAkL7AS1rAgMrERDumwITKwERCxGQsrsQoO6bElASsAMDETPgMXHgMVFAcOAhURIxE0NjY3Njc2JiMmBgcDMzUjGQwrTHRCUnA0FFAnJDC+MS8pKwoGIicvRg4E19cE7CFHXDwDAj9kUidSiT9AlkX/AAEAZrpeRkgpG0MCYjH7aOMAAAAAAgBC//ADLwXyAC0ANwCkALIpAQArsSQG6bIGAwArsR4H6bQRMCkGDSu0EQYAGwQrtBY1KQYNK7QWBgAbBCsBsDgvsADWtCEOADcEK7AhELETASuxLhHpsC4QsTIBK7AaMrQLDgA3BCuxOQErsRMhERKxBR45ObAuEbMRFiQpJBc5sDISswYNHSYkFzmwCxGwJzkAsSQpERKwJzmwERGwJjmwMBKxCw05ObEWNRESsBo5MDETETQ+AjIeAhURIycOAiMiNRE0MzIWFxc1NCYiBhURFBYzMjcXBiMiLgIBFDMyNRE0IyIVQiJOnNWbTiOkFAQPOyORkSM5CwpayVpYZnUzmG3TapxOIgHVLzExLwEvA3krZm9KSm9mK/znOAgXJawB5aoiERAtM2trM/yHNWQ/Vo9HbWIBNzU1Acc1NQACABQAAALpBeEABwANAEsAsgABACuwAzOyAQMAK7QGCAABDSuxBgzpAbAOL7AA1rEHE+mwBxCxBAErsQMT6bEPASuxBAcRErMCAQgJJBc5ALEBCBESsAs5MDEzEyETIwMjAxMzAycjBxTkAQ7j1ynVKEeYQAYMBgXh+h8BM/7NAh0B2ycnAAAAAwBSAAACuAXhABAAGwAnAGcAshABACuxEQvpsgIDACuxJwvptBwbEAINK7EcCukBsCgvsADWsRET6bAcMrARELEVASuwITKxDhTpsQUO6bEpASuxFRERErAQObAFEbAIOQCxGxERErAOObAcEbAIObAnErAFOTAxMxEzMhYVFAYHHgQVEAUnMjc2NTQuAiMjNTI+AzQuAyNSws3HO04GFDYpIP6qM0ojNyE7JRsIFxY6IB0dIDoWFwXhttlqikMCDzdMiVT+YgzbHzeSUmglCMsCEidSd1InEgIAAAEARP/wApEF8gAtAGYAsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwLi+wANaxGBPpsBgQsR8BK7AOMrEjDumwDDKxLwErsRgAERKxBik5ObAfEbIHFSg5OTmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJ0QEHjh5p3k4HgICzgIECw4jGkYIBCcjKSvOBB44ead5OB4CATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyAAAAACAFIAAAK4BeEAEQAdADoAshEBACuxEgvpsgIDACuxHQvpAbAeL7AA1rESE+mwEhCxFgErsQsU6bEfASsAsR0SERKxCgk5OTAxMxEzMh4FEA4FIzcyNzYRNDQ1ECcmI1KuWn9iPicSBgYSJz5if1ovdRgXFxl0BeEYK1xjtK7+5a6yYlwrGd1RSwFBGzkbAUJJUAAAAQBSAAACTAXhAAsARQCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwDC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysQ0BKwAwMTMRIRUhETMVIxEhFVIB+v7jzc0BHQXh4/518v5i4wAAAAABAFIAAAJgBeEACQBAALIAAQArsgEDACuxBAzptAUIAAENK7EFDOkBsAovsADWsQkT6bAEMrIJAAors0AJAwkrs0AJBwkrsQsBKwAwMTMRIRUhETMVIxFSAg7+z83NBeHj/nXk/XEAAAEAQ//wApEF8gAsAIsAsiQBACuyJwEAK7EbBOmyBwMAK7ETC+myEwcKK7NAEw4JK7QgIScHDSuxIAnpAbAtL7AA1rEXE+mwFxCxHgErsA4ysSMT6bAMMrAjELEgFemwIC+xLgErsRcAERKwBjmwIBGyExonOTk5sB4SsRIbOTmwIxGxByU5OQCxGyQRErAlObAgEbArOTAxExE0PgMyHgIXFxUjNTQmJiIGFQcRFBYWMjY1NxEjNSERIycGIyInJjU0RAQeOHmneTgeAgLdAiVFJQICJUUlAlgBNYMaRmbLLwsBNQN3DC1xVkZEXmAjIefnDCU+OBod/HcMJT44Gh0BELv9EkhY1TApDAABAFIAAAK4BeEACwA/ALIAAQArsAczsgEDACuwBTO0AwoAAQ0rsQMM6QGwDC+wANaxCxPpsAIysAsQsQgBK7AEMrEHE+mxDQErADAxMxEzETMRMxEjESMRUt2s3d2sBeH9kgJu+h8Cj/1xAAABAFIAAAEvBeEAAwAhALIAAQArsgEDACsBsAQvsADWsQMT6bEDE+mxBQErADAxMxEzEVLdBeH6HwAAAAABAAz/8AFgBeEADwAsALIAAQArsQEL6bIIAwArAbAQL7AH1rEKE+myBwoKK7NABwAJK7ERASsAMDEXNTIWPgI1ETMRFAcGJyIMBBEpHhvdT0aYEw7ZAgYSMyUEqPs2iVRKAQAAAQBSAAAC7AXhABEAjQCyAAEAK7EKCzMzsgEDACuwBzMBsBIvsADWsRET6bACMrARELELASuxChPpsRMBK7A2GrrBmfHKABUrCg6wCxCwDcCwChCwCcCwDRCzDA0LEyuyDA0LIIogiiMGDhESOQCyCQwNLi4uAbIJDA0uLi6wQBoBsQsRERKwBzmwChGwCDkAsQEAERKwBDkwMTMRMxEVMzcTMwMTIwMnIwcHEVLdCAu418vm2JkGBg0zBeH+CxkZAfX+EfwOAo8fH3v97AAAAAEAUgAAAlQF4QAFACwAsgABACuxAwrpsgEDACsBsAYvsADWsQMT6bIDAAors0ADBQkrsQcBKwAwMTMRMxEhFVLdASUF4frszQAAAAABAFIAAAONBeEAFQCsALIAAQArsQkPMzOyAQMAK7AHMwGwFi+wANaxFQ7psBUQsRABK7EPD+mwDxCxCgErsQkO6bEXASuwNhq6wJn3SAAVKwoOsBIQsBHAsQMb+bAEwLo/gfgQABUrCg6wBRCwBsCxDhz5sA3AALcDBAUGDQ4REi4uLi4uLi4uAbcDBAUGDQ4REi4uLi4uLi4usEAaAbEQFRESsAI5sQoPERKwBzkAsQEAERKwDDkwMTMRIRMXMzcTIREjETUjBwMjAycjFRFSAQ6DCwQKgwEOzA0IjV6OCAwF4f1QUFACsPofA7JAQPxOA7JAQPxOAAEAUgAAAtcF4QAPAGYAsgABACuwCTOyAQMAK7AHMwGwEC+wANaxDw7psAIysA8QsQUBK7AKMrEJDumxEQErsDYausJH7xMAFSsKDrAMELALwLEDGfmwBMAAswMECwwuLi4uAbMDBAsMLi4uLrBAGgEAMDEzETMTFzM1ETMRIwMnIxURUsXXEgzLxdcSDAXh/PBGRgMQ+h8DEEZG/PAAAAACAET/8AKRBfIAFwAnAEQAshMBACuxHAvpsgcDACuxJAvpAbAoL7AA1rEYE+mwGBCxHwErsQ0T6bEpASuxGAARErEGEzk5sQ0fERKxBxI5OQAwMRMRND4DMh4CFxcRFA4DIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfICMMJT03HRoDdwwlPjgaHQAAAAACAFIAAAK0BeEACAAPAEoAsgABACuyAgMAK7EPDOm0BwkAAg0rsQcM6QGwEC+wANaxCBPpsAkysAgQsQwBK7EFE+mxEQErALEJBxESsAU5sQIPERKwBDkwMTMRMzIWEAYjEREyNjU0JiNS3abf36ZmQEJkBeHT/iHV/aYDO1uBg2YAAAACAET/jQK8BfIAGwArAGIAshYBACuxIAvpsxEgFggrsRIJ6bIHAwArsSgL6QGwLC+wANaxHBPpsBwQsSMBK7ENE+mxLQErsRwAERKxBho5ObAjEbAWObANErIHDxQ5OTkAsREWERKwFDmwIBGwDzkwMRMRND4DMh4CFxcRFAcWFxUiJwYjIi4CJzcUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAi0hN6BDNzhUeDgeAtsCJUUlAgIlRSUCATUDdwwtcVZGRF5gIyH8iV5YKwq9dRJDYF8gIwwlPTcdGgN3DCU+OBodAAAAAgBSAAACugXhAAsAFQBuALIAAQArsQcIMzOyAgMAK7EVC+kBsBYvsADWsQsT6bAMMrALELERASuwCDKxBA7psQcT6bEXASuwNhq6wQb0mAAVKwoOsAgQsAnAsAcQsAbAALEGCS4uAbEGCS4usEAaAQCxFQARErEEDDk5MDEzETMgERAHEyMDIxERMj4CNC4CI1LdAXl7jd1zOx8rOx8fOysfBeH+Tv7+VP0nAnv9hQNICidimGInCgAAAAABACX/7wKaBfIAMwBmALIuAQArsQMK6bISAwArsR0K6QGwNC+wD9axHxPpsAAg1hGxARPpsB8QsQUBK7AbMrEsE+mwGjKxNQErsR8BERKwCjmwBRGyAxQdOTk5sCwSsCc5ALEdAxEStQABDxobLCQXOTAxEzcQMzI3NC4DJy4CNTQ2NzIzMhceAhUHNCMGFxQeBhceAhUQJSIuAyXZaFoBES8bTwlCST+PkQUFWD5COxnZWUwBCAwZECcSMAhKPUj+zFJ4RCcMAaYU/wCmHT1WKXUOYHyuS4vUAiMlgX1KFNkClBIrIzMdOxtDDW9itEz+hQEzTHpxAAEABAAAAoMF4QAHADoAsgYBACuyAQMAK7EADOmwAzIBsAgvsAbWsQUT6bIFBgors0AFAwkrsgYFCiuzQAYACSuxCQErADAxEzUhFSMRIxEEAn/R3QT+4+P7AgT+AAAAAAEAUP/wAp4F4QAXAD8AshMBACuxBwvpsgEDACuwCzMBsBgvsADWsQMT6bADELEKASuxDRPpsRkBK7EDABESsBM5sQ0KERKwEjkAMDETETMRFBYWMjY1NxEzERQOAyIuAidQ3QIlRiQD3QQfN3moeTcfAgE1BKz7VAwlPTcdGgSs+1QMLXFWRUNgXyAAAQASAAACugXhAAkAPQCyCQEAK7IAAwArsAYzAbAKL7AA1rEBE+mwARCxBgErsQcT6bELASuxBgERErEICTk5ALEACRESsAM5MDETMxMXMzcTMwMjEtdvCA0Ibtfl3QXh/MVAQAM7+h8AAAAAAQAZAAAD9AXhABUAaQCyFQEAK7AOM7IAAwArsQYMMzMBsBYvsADWsQEO6bABELEGASuxBxHpsAcQsQwBK7ENDumxFwErsQEAERKwFTmwBhGwFDmwBxKxERI5ObAMEbAPObANErAOOQCxABURErIDCRE5OTkwMRMzExczNxMzExczNxMzAyMDJyMHAyMZzFgFEAZeoF4GEQRYzcusZg0IDGesBeH88jExAw788jExAw76HwLJWFj9NwAAAAABABAAAALRBeEAEQE+ALIAAQArsgsMETMzM7ICAwArsgMICTMzMwGwEi+wANawAjKxERPpsAMysBEQsQwBK7AIMrELE+mwCTKxEwErsDYaujz/7KEAFSsKusL17MYAFSsKusMT7GgAFSsLsAIQswECDBMrsQIMCLAAELMBAAgTK7rDEOxxABUrC7ADELMEAwsTK7o87exoABUrC7AAELMHAAgTK7rDEOxxABUrC7ADELMKAwsTK7EDCwiwERCzChEJEyu6wxPsaAAVKwuwAhCzDQIMEyu6PO3saAAVKwuwERCzDxEJEyuzEBEJEyuyBwAIIIogiiMGDhESObIQEQkREjmwDzmyBAMLIIogiiMGDhESObINAgwREjkAtgEEBwoNDxAuLi4uLi4uAbYBBAcKDQ8QLi4uLi4uLrBAGgEAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEPTw2ngHCAZ52fD02X8ECAV/AxcCyv6DEhIBff02/OkBwRIS/j8AAQAOAAACrgXhAAsASACyCgEAK7IAAwArsAYzAbAML7AA1rEBE+mwARCxCgErsQkT6bAJELEGASuxBxPpsQ0BK7EJChESsQMEOTkAsQAKERKwAzkwMRMzExczNxMzAxEjEQ7ZbwYEBm/Z4d0F4f4fDg4B4fyg/X8CgQAAAAEAFAAAAl4F4QAJADsAsgABACuxBwvpsgQDACuxAwvpAbAKL7EAASuxCRjpsAUysQsBK7EJABESsAc5ALEDBxESsQEGOTkwMTM1ASE1IRUBIRUUAVv+1wIY/qABYO4EGNvb+9XbAAAAAQBS/ysB4QXhAAgAMwCyBQEAK7EIBOmyAQMAK7EEBOkBsAkvsAjWsQcW6bACMrEFDumxBhbpsAMysQoBKwAwMRcRIRUjETMVIVIBj8rK/nEQBfHE+tPFAAEACP9MAxAGnAADAE0AAbAEL7AA1rEBEemwARCxAwErsQIR6bEFASuwNhq6wyHsOwAVKwoEsAAusAIusAAQsQEZ+bACELEDGfkCswABAgMuLi4usEAaAQAwMRMzASMIogJmqAac+LAAAQA5/ysByQXhAAgAPACyAAEAK7EIBOmyBAMAK7EDBOkBsAkvsAjWsAMysQcW6bAHELEBDumwAS+wBxCxABbpsAAvsQoBKwAwMRczESM1IREVITnLywGQ/nAQBS3E+g/FAAAAAAEANQMpBBkF4QAGABUAsgEDACuxBQbpAbAHL7EIASsAMDETATMBIwEBNQF96gF9x/7V/tUDKQK4/UgCH/3hAAABAEr+ugRx/2YAAwAXALADL7EAB+mxAAfpAbAEL7EFASsAMDEXIRUhSgQn+9marAABASUFGQJmBdEAAwAaALADL7EBCekBsAQvsADWsQIV6bEFASsAMDEBMxcjASXXap8F0bgAAgAx//ACaARxACUALQCAALIdAQArsiMBACuxKArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSgF6QGwLi+wANaxJg7psBEg1hGxEA7psCYQsR8BK7EGKzIysRoO6bEvASuxJhERErAjObEfEBESsgUVIDk5ObAaEbAdOQCxCigRErMAGBosJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJjcUFzI2NREGMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwEEaqJWPCkQJVZmEi8bIicve7CUav6h/q9tVhRGJUV4u2gBJx0BHz4AAAACAFL/8AJkBeEAEQAdAFkAsgABACuyDAEAK7EVBOmyAQMAK7IFAgArsRsE6QGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVABESsBA5sQUbERKwAzkwMTMRMxE2MzIWFREUBiMiJicnFTUUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJwXh/jZailH9NVKJLRYXSvYdJycdAnQdJysZAAABAEL/7wJUBHEAGwBUALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsBwvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysR0BK7EUDxESsAM5ADAxExEQITIWFRUjNTQmIyIHERQzMjY1NTMVFAYjBEIBCImBzxgjOQE6IxjPgYn++AE7AeoBTI60WIczJ1r9pFonM5xttI0BAAACAEr/8AJcBeEAEQAdAFkAsgwBACuyDwEAK7EVBOmyCQMAK7IEAgArsRsE6QGwHi+wANaxEg7psBIQsQwBK7EIFzIysQsO6bEfASuxEgARErEEDzk5ALEVDBESsA05sQQbERKwCDkwMTcRNDYzMhYXFxEzESM1BiMiJjcUFjI2NRE0JiIGFUpSTSFSGRjPz1hMTlHPIC0nJy0gywLLUoktFxYByvofSlqJfR0nJx0CdBkrJx0AAAAAAgBC//ACWARxACQALwBZALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxKwjptCUNHwcNK7ElBukBsDAvsADWsQ4O6bAlMrAOELEWASuwJjKxGQ7psAsysTEBK7EWDhESsQcfOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCvpYCJSMhJwICARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfAbSeDCc/OR0cAAAAAQAUAAABywXpABgATACyFwEAK7IKAwArsQ4J6bIBAgArsBIzsQAJ6bAUMgGwGS+wF9awAjKxFg7psBAyshYXCiuzQBYUCSuyFxYKK7NAFwAJK7EaASsAMDETNTM1NTQ+AzMXFSYjIhcVFTMVIxEjERRpBBktYENhGyNCAWhozwOmuhEOM0J2RjkOsgi0EA26/FoDpgAAAAADAAz+bwK6BHEANAA/AFUAmwCyEgIAK7AWM7FQBOmwFzKwMi+xNwfpsCEvsUMH6QGwVi+wC9awBDKxVQ7psCUysAAg1hGxNQ7psFUQsUUBK7EbDumzOhtFCCuxLw7psBYysVcBK7E1CxESsQcCOTmxRVURErUhIyk+ElAkFzmxGzoRErEUGTk5ALEhNxEStQAEJS81PiQXObBDEbAHObBQErAZObASEbAUOTAxFzQ3JjU0NjcmJicnETQ+AzMyFzY3FSIHFxEUDgMjIicGFRQeAhceAxUUBiMmJjcUNzI2NTQmJycGExQWMzY1ESY0NjU0Jy4CIyIGFRURDKJ9UDEzOwUEBB0xbUiHR2ZESDAKBB8xbUkbDB0WPh0tOVhaM86UpKjJhztjKUZqTDEfHT8BAgMEChsUHR+4Xkwjci1gGyN5LSsBMQwlYkw+Z2YBuRhG/sMKJ19JPAIZGhAZEAQJCBo4ZEaYhgRgl04BJyQhIwwVLAJcETgGXwEzAQUKAQgLDx8UMxsY/s0AAAABAFIAAAJkBeEAEgBHALIAAQArsAszsgEDACuyBwIAK7EPCukBsBMvsADWsRIO6bACMrASELEMASuxCw7psRQBK7ELDBESsAc5ALEHDxESsAM5MDEzETMRNzY2MzIWFREjETQjIgcRUs8gHkkhTE/OMikaBeH+ISAeMYpR/GoDdzE1/I0AAAAAAgBSAAABIQXhAAMABwAwALIAAQArsgUDACuxBArpsgECACsBsAgvsADWsAQysQMO6bAGMrEDDumxCQErADAxMxEzEQM1MxVSz8/PBGD7oAUSz88AAv/T/n8BGwXhABQAGAA4ALIQAAArsQIE6bIWAwArsRUK6bIIAgArAbAZL7AE1rAVMrEKDumwFzKxGgErALECEBESsBQ5MDEHFjMyNTQ0NREzERQOAyMiJicnEzUzFS0dHEDPBBktYEQdLQgIec+2CI4DDwMEe/uDM0FzRjcGAgQGh8/PAAAAAAEAUgAAAn0F4QARAE0AsgABACuwCjOyAQMAK7IHAgArAbASL7AA1rERDumwAjKwERCxCwErsQoO6bETASuxCxERErAHObAKEbEJCDk5ALEHABESsQQNOTkwMTMRMxEVMzcTMwMTIwMnIwcHEVLPCgxlupW8x2YECgcaBeH9WiQkASX+lP0MAcUQEEL+fQAAAAEAUgAAASEF4QADACEAsgABACuyAQMAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8F4fofAAAAAAEAUgAAA7AEcQAfAHsAsgABACuxERgzM7IBAgArsgcCACuwDTOxHArpsBUysQMHECDAL7EcBekBsCAvsADWsR8O6bACMrAfELEZASuxGA7psBgQsRIBK7ERDumxIQErsRkfERKwBTmwGBGxCQc5ObEREhESsA05ALEDHBESsAk5sAERsAU5MDEzETMVMjY2MzIXPgIzMhYVESMRNCMiBxEjETQjIgcRUs8CPUwhZCcETkogTFDCOCklwjcpJQRgXj0yfQRKL4pR/GoDdzE1/I0DdzE1/I0AAAEAUgAAAmQEcQASAEcAsgABACuwCzOyAQIAK7IHAgArsQ8K6QGwEy+wANaxEg7psAIysBIQsQwBK7ELDumxFAErsQsMERKwBzkAsQEPERKwAzkwMTMRMxU3NjYzMhYVESMRNCMiBxFSzyAeSSFMT84yKRoEYF4gHjGKUfxqA3cxNfyNAAIAP//wAlIEcQAXADEATACyEgEAK7EeCOmyBwIAK7ErCOkBsDIvsADWsS4O6bAuELEgASuwJTKxDA7psTMBK7EuABESsAM5sCARsxIHIiMkFzmwDBKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1NxQXHgIzNjcRIjc2NTQnLgIjBgcRFhQGPwMcMW9KxzUOAh0zbUtKbzEcvwMEDB8VRgECAgEDBAwfFkQCAQIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwsJCxEiFgpnAjMLBAQJDBEhGApo/c0BBgwAAAAAAgBS/n8CZARxABEAHQBXALIMAQArsRUE6bIBAgArsgUCACuxGwTpsAAvAbAeL7AA1rERDumxAhIyMrARELEXASuxCQ7psR8BK7EJFxESsQUMOTkAsRUMERKwEDmxARsRErADOTAxExEzFTYzMhYVERQGIyImJycRERQWMjY1ETQmIgYVUs9YTE5RUk0hUhkYJy0hIS0n/n8F4UlailH9NVKJLRYX/jUCdxkrJx0CdB0nJx0AAgBK/n8CXARxABEAHQBXALIPAQArsRUE6bIJAgArsgQCACuxGwTpsAwvAbAeL7AA1rESDumwEhCxDAErsQgXMjKxCw7psR8BK7ESABESsQQPOTkAsRUPERKwDTmxCRsRErAIOTAxNxE0NjMyFhcXNTMRIxEGIyImNxQWMjY1ETQmIgYVSlJNIVIZGM/PWExOUc8gLScnLSDLAstSiS0XFkn6HwHLWol9HScrGQJ0HScnHQAAAQBSAAAB8ARxAA4AMQCyAAEAK7IBAgArsgYCACuxCQvpAbAPL7AA1rEODumwAjKxEAErALEBCRESsAM5MDEzETMVNjYzFSYjIgcGFRFSzwhkYyIeOCotBGB9KWXmCyUpPvz2AAEAJf/wAk4EcQArAHoAsiYBACuxAwfpsgMmCiuzQAMACSuyEAIAK7EbB+myGxAKK7NAGxkJKwGwLC+wC9axHQ7psAAg1hGxAQ7psB0QsQUBK7AZMrEjDumwGDKxLQErsQELERKwCDmxBR0RErMDBxImJBc5sCMRsCE5ALEbAxESsQsiOTkwMRMzFDMyJzQnLgI1ND4CNzIzMhceAhUjNCMGBxQWFhcWFxQGIyIuAyXAYUgBgUQ9Qxg2ZkgGBU41ODERwUM/AS8rLb4BgYdIbT0lCgFGqodKfEJCiUw3Ylw4AhocZlg7gwKBIVAtK7age7gxR2NQAAAAAQAU//AB2QV1ABYAVQCyDwEAK7ELCumyAQIAK7AFM7EACemwBzKyAQAKK7NAAQQJKwGwFy+wFdawAjKxCQ7psAQysgkVCiuzQAkHCSuwDDKyFQkKK7NAFQAJK7EYASsAMDETNTMRMxEzFSMRFDM3FQYjIi4DNREUac+NjUFMLUJEXy0ZBAOmugEV/uu6/dO4CMsOOUh4RjkCPgAAAQBO//ACYARgABIARwCyCwEAK7IQAQArsQUK6bIBAgArsAgzAbATL7AA1rEDDumwAxCxCwErsAcysQoO6bEUASuxAwARErAQOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJk7PMSkaz88fHkohTE/LA5X8iTE2A3L7oF4gHjCJAAAAAAEAEAAAAkoEYAAJAD0AsgkBACuyAAIAK7AGMwGwCi+wANaxAQ7pswkBAAgrsQgO6bABELEGASuxBw7psQsBKwCxAAkRErADOTAxEzMTFzM3EzMDIxDJRAgQCETJt8wEYP13SEgCifugAAAAAAEAFAAAA3UEYAAVALEAshUBACuwDjOyAAIAK7IGDA0zMzMBsBYvsADWsQEO6bABELEGASuxBxDpsAcQsQwBK7ENDumxFwErsDYauj+B+BAAFSsKDrAMELAKwAWwDRCwDsC6P5n42QAVKwuwChCzCwoMEyuyCwoMIIogiiMGDhESOQCxCgsuLgGyCgsOLi4usEAaAbEBABESsBU5sAYRsBQ5sAcSsRESOTmwDBGwDzkAsQAVERKyAwkROTk5MDETMxMXMzcTMxMXMzcTMwMjAycjBwMjFL1BCQwKVntWCg0IQb2mrFAKCAtQrARg/bdAQAJJ/bdAQAJJ+6ACFz8//ekAAAAAAQAQAAACWgRgABEAvwCyAAEAK7ELETMzsgICACuyAwgJMzMzAbASL7AC1rEDDumwETKwAxCxAA7psAAvsAMQsQgBK7AMMrEJDumxCw7psRMBK7A2Gro9W+3KABUrCg6wABCwAcCwERCwEMC6wmnumwAVKwqxAAEIsAIQsAHADrADELAEwLo9l+6bABUrCg6wCBCwB8CwCRCwCsAAtAEEBwoQLi4uLi4BtAEEBwoQLi4uLi6wQBoBsQgDERKwDjkAsQIAERKxBQ45OTAxMxMDMxMXMzcTMwMTIwMnIwcDEMGwwkoGBAZKw7DAyVQGBAZUAkICHv76Hx8BBv3i/b4BGx4e/uUAAAAAAQAZ/m8CYgRgABIAPwCyAAIAK7AGM7AML7ENCekBsBMvsADWsQEO6bABELEGASuxBw7psRQBK7EBABESsQwSOTkAsQANERKwAzkwMRMzExczNxMzAwYGIyc1FjM2NjUZylIECQRSysYQnHNcECE9SARg/VA5OQKw+0x/vgS4BAZvQwAAAQAMAAACBARgAAkAQQCyAAEAK7EHCemyBAIAK7EDCekBsAovsQABK7EJF+mwBTKxCwErsQkAERKwBzkAsQcAERKwATmxBAMRErAGOTAxMzUBIzUhFQEhFQwBHfABy/7jAR2oAvy8qP0EvAAAAQA9/jcCdwX2AB0AYgCyCAMAK7EJB+mwFi+xFQfpsAAvsQEG6QGwHi+wGdawBDKxEg7psAwyshIZCiuzQBIWCSuwCDKxHwErsRIZERKwDzkAsQAVERKyERIZOTk5sAERsA85sAkSsgUMDTk5OTAxEzUyNjURNDYXFSYGFREUBxYVERQWNxUGJjURNCYmPUg8wPaHa39/a4f2wBFCAcWjYykBjd+WBKwCUHf+c49OUoz+c3dQAqwElt8BjRQ2QAAAAQBS/gABEgacAAMAFwABsAQvsADWsQMO6bEDDumxBQErADAxExEzEVLA/gAInPdkAAAAAAEAOf43AnMF9gAdAGIAsg0DACuxDAfpsB0vsQAH6bAWL7EVBukBsB4vsAPWsAgysRoO6bAQMrIDGgors0ADHQkrsAwysR8BK7EaAxESsAY5ALEWABESsgMEGjk5ObAVEbAGObAMErIICRA5OTkwMRMWNjURNDcmNRE0Jgc1NhYVERQWFjMVBgYVERQGJzmHa39/aoj2wRBCMUg7wfb+5wJQdwGNi1NOjwGNd1ACrASW3/5zFzc+owRhJ/5z35YEAAEAcQUOBMkGgwAdADIAsBovsQYJ6bMMBhoIK7EWCemwHTIBsB4vsR8BKwCxGhYRErAAObEGDBESsQoQOTkwMRM+BDMyFhYXFjcyNzcXDgQjIicmIgYHB3EEEDxFeUI3cDQ5akRtRQ2HBBE7RnBAeZdzf2QTEgVIDClqUkIlHSVIAZkdOQwsalBEZUpbLS0AAAIASv5/ATkEYAADAAcAPgCyBQIAK7EEDOmwAC8BsAgvsATWsAAysQcT6bADMrMCBwQIK7EBEOmwAS+xAhDpsQkBKwCxBAARErABOTAxExMzEwM1MxVKN4E349f+fwRM+7QE/uPjAAAAAQBC/4UCTAYfAB8APQABsCAvsADWsREO6bARELEdASuwAzKxHBDpsAUysBwQsRULK7ALMrEYDumwCTKxIQErsRwdERKwDjkAMDETERA3NTMVFhYVFSM1NCMiFREUFzInNTMVFAYHESMRJkLQe2JdvUlISEoBvVxje9AB/AHpASkf8vQQkJtYh1pa/aRaAVubbJyREf7RAS0fAAAAAQAE//ADFAX0ADoAuACyMwEAK7A6M7EtC+myEwMAK7EcCum0CQozEw0rsCIztAkGABsEK7AkMrMZMxMIKwGwOy+wDtaxHw7psg4fCiuzQA4JCSuzBh8OCCuxJw7psicGCiuzQCckCSuwHxCxGQErsRgO6bE8ASuxBg4RErMECAs6JBc5sB8RsDY5sCcSsiIlKTk5ObAZEbArObAYErIuLzM5OTkAsS0zERKxADY5ObAJEbIELzA5OTmxHBkRErEOHzk5MDE3PgI3NjU0JyM1MycmNTQ+Ajc2HgIVIzQmBwYGFRQXFzMVIxYHFAceAjM2NxcGBiMiJiMiBgcHBAgfbT8lH7yTBk4fQnZQYIhHHdUzQC8rRgbTrhkBORA4KRRKCLwMi2QzuSUhOQwMPxRDdApvWERqiRX+WEZ6b0QCAkR3h1JWcQICYkRx4RmJZEpocwghEgS6FrbHZjMbGAAAAAEAGQAAArgF4QAZANIAshEBACuyAAMAK7IBBgczMzO0ExQRAA0rsAwztBMGABsEK7AOMrQXGBEADSuxCBkzM7QXBgAbBCuwCjIBsBovsADWsQET6bABELERASuwFTKxEBPpsAsyshARCiuzQBAKCSuwDTKyERAKK7NAERcJK7ATMrAQELEGASuxBxPpsRsBK7A2GrrBnPG7ABUrCrAAELAZwA6wARCwAsC6PmTxuwAVKwoOsAYQsAXABbAHELAIwAMAsQIFLi4BswIFCBkuLi4usEAaALEAGBESsAM5MDETMxMXMzcTMwMzFSMVMxUjESMRIzUzNSM1MxnZbgYEB27ZxJOwsLDdsLCwkwXh/h8ODgHh/Q+KiYn+rAFUiYmKAAIBEAUZAvAF4QADAAcANgCyAQMAK7AFM7EACumwBDKyAQMAK7EACukBsAgvsADWsQMO6bADELEEASuxBw7psQkBKwAwMQE1MxUzNTMVARC/Yr8FGcjIyMgAAAAAAwA1//AGNwXyAAcAEQA2AMUAsgcBACu0CwUANAQrsgMDACu0EAUANAQrtDMoBwMNK7QzBgAbBCuyKDMKK7NAKCwJK7QZIwcDDSu0GQYAGwQrsiMZCiuzQCMeCSsBsDcvsAHWsQkQ6bAJELESASuxJhHpsCYQsSoBK7AeMrQtEAAtBCuwHDKwLRCxDQErsQUQ6bE4ASuxEgkRErIHAgo5OTmwJhGxFTY5ObAqErIZEDM5OTmwLRGwLzmwDRKyBgsDOTk5ALEjKBEStgAEBQEJCA0kFzkwMRIQACAAEAAgABAAIAAREAAhIBMRND4DMzIXFxUjNTU0JiMGBxEUMzYnNTMVFA4DIyImJzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZIAhQjUDeTIweKGBkvAjE1BIoCFSNONVZgBgGyAnsBxf47/YX+PgQK/ev+gQF/AQsBDAF//GwCEwgbQzMrkzF9fRELIwI9/e0/Aj19fQgaRDMrYjEAAAEASgHHAXMCiQADACIAsAAvsQEE6bEBBOkBsAQvsADWsQMV6bEDFemxBQErADAxEzUhFUoBKQHHwsIAAAQANf/wBjcF8gAHABEAHgApAO8AsgcBACu0CwUANAQrsgMDACu0EAUANAQrtB0fBwMNK7QdBQAxBCuwHDKyHR8KK7NAHRsJK7ESGjIytBQpBwMNK7QUBQAwBCsBsCovsAHWsQkQ6bAJELESASuxHhHpsB8ysB4QsSQBK7AbMrQWEAAsBCuxGhHpsBYQsQ0BK7EFEOmxKwErsDYausIj75sAFSsKsBsQsBzADrAaELAZwACwGS4BsRkcLi6wQBoBsRIJERKyBwIKOTk5sSQeERKwEDmxDRoRErIGCwM5OTkAsR0LERKyBQkAOTk5sB8RsA05sCkSsAg5sBQRsQQBOTkwMRIQACAAEAAgABAAIAAREAAhIBMRMzITFAYHEyMDIxERMzI2NjU0JiYjIzUBwwJ7AcT+PP2F/rQBfwIUAYL+gf7z/vZGxOcBITdql183LSstCgotKy0BsgJ7AcX+O/2F/j4ECv3r/oEBfwELAQwBf/u+A2/+/kxiL/5wAW3+kwHsKy8lJzErAAAAAAEBOQUjAscFxQADAB8AsAAvsQEG6bEBBukBsAQvsQABK7EDFumxBQErADAxATUhFQE5AY4FI6KiAAAAAAEBmgUZAtsF0QADABoAsAAvsQEJ6QGwBC+wANaxAhXpsQUBKwAwMQE3MwcBmmrXogUZuLgAAAAAAQAAAokA1wNtAAMAIgCwAC+xAQzpsQEM6QGwBC+wANaxAxPpsQMT6bEFASsAMDERNTMV1wKJ5OQAAAAAAQGq/n8CVv+RAAYALACwBC+wBi+0AAYAGwQrAbAHL7AG1rECEemxAhHpsQgBKwCxBgQRErACOTAxBTMVByM3IwGqrC1oKD9vjYWFAAIAKf51Am0EYAAfACMAQQCyIQIAK7EgDOmwGy+xEgTpAbAkL7AA1rEPDumwDxCxBgsrsCAysQkO6bAiMrElASsAsSASERKzAAcVFiQXOTAxFzQ3PgI1ETMRFAYGBwYHBhYzFjY3Fw4DJy4DEzUzFSlQJyUvvjEvKSsKBiInL0YOswwsTHRCUnA0FL7XalKJP0CVRgEA/wBmu15GSCgbRAJjMVQhSFw7AgI/ZVIEDuPjAAAAAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQcAERKwCDmwBBG2AgEJCgsMDSQXOQCxAQwRErAPOTAxMxMhEyMDIwMDMxcjEzMDJyMHFOQBDuPXKdUoX9droASYQAYMBgXh+h8BM/7NBx+5+7cB2ycnAAMAFAAAAukHHwAHAAsAEQBUALIAAQArsAMzsgEDACu0BgwAAQ0rsQYM6QGwEi+wANaxBxPpsAcQsQQBK7EDE+mxEwErsQQHERK2AgEICQsMDSQXObADEbAKOQCxAQwRErAPOTAxMxMhEyMDIwMTNzMHAzMDJyMHFOQBDuPXKdUoOWrXoZKYQAYMBgXh+h8BM/7NBma5ufu3AdsnJwAAAAADABQAAALpBx8ABwAOABQAbQCyAAEAK7ADM7IBAwArtAYPAAENK7EGDOmwDi+wCzOxCQnpAbAVL7AA1rEHE+mwBxCxBAErsQMT6bEWASuxBwARErAIObAEEbcCAQkKDA4PECQXObADErALOQCxAQ8RErASObEJDhESsA05MDEzEyETIwMjAwM3MxcjJwcDMwMnIwcU5AEO49cp1ShnjdyNvT89D5hABgwGBeH6HwEz/s0GZrm5SEj7twHbJycAAAADABQAAALpBx8ABwAbACEAgwCyAAEAK7ADM7IBAwArtAYcAAENK7EGDOmwGC+xCwbpsBIysBUg1hGwCDOxDgbpAbAiL7AA1rEHE+mwBxCxBAErsQMT6bEjASuxBwARErEICTk5sAQRtwIBCw0VGBwdJBc5sAMSsRITOTkAsQEcERKwHzmxGBURErATObAOEbAJOTAxMxMhEyMDIwMDNTYzMhYXMjY3NxUGIyImIyIGBxMzAycjBxTkAQ7j1ynVKDQxPCF0Hxk3Dg8zOh90IRk3DmyYQAYMBgXh+h8BM/7NBmCYJyUCEAgJmCcnEAn7tQHbJycABAAUAAAC6QcvAAcACwARABUAhACyAAEAK7ADM7IBAwArtAYMAAENK7EGDOmwCC+wEjOxCQrpsBMyAbAWL7AI1rELDumzBwsICCuxABPpsAAvsQcT6bALELESASuxFQ7pswQVEggrsQMT6bEXASuxCwcRErIBBgw5OTmwEhGxDxA5ObAEErICBQ05OTkAsQEMERKwDzkwMTMTIRMjAyMDAzUzFQMzAycjBxM1MxUU5AEO49cp1ShdvxuYQAYMBj2/BeH6HwEz/s0GZsnJ+7cB2ycnAm7JyQAABAAUAAAC6QdxAAcADwAVAB0ApACyAAEAK7ADM7IBAwArtAYQAAENK7EGDOmwDy+0GQUANgQrsB0vtAsFADYEKwGwHi+wCda0Fw8ALgQrsBAyswcXCQgrsQAT6bAAL7EHE+mwFxCxGwErsBEytA0PAC4EK7MEDRsIK7EDE+mxHwErsRcHERKxAQY5ObAbEbQLDg8KFCQXObAEErECBTk5ALEBEBESsBM5sR0ZERKzCQwNCCQXOTAxMxMhEyMDIwMCNDYyFhQGIgMzAycjBwIUFjI2NCYiFOQBDuPXKdUoBVt/WFh/D5hABgwGPi86Ly86BeH6HwEz/s0GpHtSUntS+8sB2ycnAwY5Kys5KwAAAAACABAAAAQjBeEADwATAKkAsgwBACuxAA8zM7EJDOmyAgMAK7ABM7EEDOm0DhAMAg0rsQ4M6bQFCAwCDSuxBQ3pAbAUL7AA1rEPE+mwDxCxDQErsBEysQkT6bAEMrIJDQors0AJAgkrsAoysA0QsQcW6bEVASuwNhq6PWrt/wAVKwqwABCwAcAOsA8QsBPABbMODxMTK7MQDxMTKwMAsBMuAbMBDhATLi4uLrBAGgCxBAURErASOTAxMwEhFSERMxUjESEVIREjAxMzESMQAaQCb/7jzc0BHf4G41qdoAoF4eP+dfL+YuMBM/7NAh0CAgACAET+fwKRBfIALQA0AG8AsikBACuxHAvpshwpCiuzQBwhCSuyBwMAK7EVC+myFQcKK7NAFQ0JKwGwNS+wANaxGBPpsDEysBgQsR8BK7AOMrEjDumwDDKxNgErsRgAERKzBikuLyQXObAfEbUHFSgwMzQkFzmwIxKwCjkAMDETETQ+AzIeAhcXFSM1IjYuAiMGBxEUFhYzMjY9AjMVFA4DIi4CJxMVMwczNzVEBB44ead5OB4CAs4CBAsOIxpGCAQnIykrzgQeOHmneTgeAsZAKWgtATUDdwwtcVZGRF5gIyHPzxcgIRcKZfyJDCU9Nx0az88MLXFWRUNgXyD+f42FhY0AAAIAUgAAAkwHHwALAA8AVwCyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6QGwEC+wANaxCxfpsAIysQkT6bAEMrEHFumxCxfpsAMysREBK7EJABESsQwPOTmwBxGxDQ45OQAwMTMRIRUhETMVIxEhFQEzFyNSAfr+483NAR3+I9dqoAXh4/518v5i4wcfuQAAAAACAFIAAAJMBx8ACwAPAFsAsgABACuxCQzpsgEDACuxBAzptAUIAAENK7EFDekBsBAvsADWsQsX6bACMrEJE+mwBDKxBxbpsQsX6bADMrERASuxCQARErAMObAHEbENDzk5sAsSsA45ADAxMxEhFSERMxUjESEVATczB1IB+v7jzc0BHf6gateiBeHj/nXy/mLjBma5uQAAAAIAUgAAAkwHHwALABIAcACyAAEAK7EJDOmyAQMAK7EEDOm0BQgAAQ0rsQUN6bASL7APM7ENCekBsBMvsADWsAwysQsX6bECDzIysQkT6bAEMrEHFumxCxfpsAMysRQBK7EJABESsQ0SOTmwBxGyDhAROTk5ALENEhESsBE5MDEzESEVIREzFSMRIRUBNzMXIycHUgH6/uPNzQEd/giN2469Pz4F4eP+dfL+YuMGZrm5SEgAAAMAUgAAAkwHLwALAA8AEwBvALIAAQArsQkM6bIBAwArsQQM6bQFCAABDSuxBQ3psAwvsBAzsQ0K6bARMgGwFC+wANaxCxfpsAIysQkT6bAEMrEHFumwBxCwEyDWEbEQDumwEC+xEw7psAAQsQsX6bADMrAMM7EPDumxFQErADAxMxEhFSERMxUjESEVATUzFTM1MxVSAfr+483NAR3+Er9ivgXh4/518v5i4wZmycnJyQAAAAL/+gAAAT8HHwADAAcAKgCyBAEAK7IFAwArAbAIL7AE1rEHE+mwAjKxCQErsQcEERKxAQM5OQAwMQMzFyMDETMRBtdqnzrdBx+5+ZoF4fofAAAAAAIAUgAAAZgHHwADAAcAKgCyAAEAK7IBAwArAbAIL7AA1rAEMrEDE+mxCQErsQMAERKxBQc5OQAwMTMRMxEDNzMHUt3Za9eiBeH6HwZmubkAAv++AAABtAcfAAYACgA8ALIHAQArsggDACuwBi+wAzOxAQnpAbALL7AH1rEKE+mxDAErsQoHERKzAgEEBiQXOQCxAQYRErAFOTAxAzczFyMnBwMRMxFCjtuNvEA9Md0GZrm5SEj5mgXh+h8AA//LAAABqgcvAAMABwALAEUAsgQBACuyBQMAK7AAL7AIM7EBCumwCTIBsAwvsATWsQcT6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vj3dPb4GZsnJ+ZoF4fofBmbJyQAAAgAUAAACuAXhABUAIABkALITAQArsRYL6bIEAwArsRwL6bQBABMEDSuwHzOxAQzpsB0yAbAhL7AU1rACMrEWE+mwHDKzDBQADiu0HxUADAQrsBYQsRkBK7ENFOmxIgErALEAFhESsAw5sRwBERKwCzkwMRM1MxEzMh4FEA4FIyMREzI2AxImIxEzFSMUPq5af2I+JxIGBhInPmJ/Wq7ddTECAjF1VFQCj+QCbhgrXGO0rv7lrrJiXCsZAo/+TqIBcwFzn/5v5AACAFIAAALXBx8ADwAjAKcAsgABACuwCTOyAQMAK7AHM7AgL7ETBumwGjKwHSDWEbAQM7EWBukBsCQvsADWsQ8O6bACMrAPELEFASuwCjKxCQ7psSUBK7A2GrrCR+8TABUrCg6wDBCwC8CxAxn5sATAALMDBAsMLi4uLgGzAwQLDC4uLi6wQBoBsQ8AERKxEBE5ObAFEbMTFR0gJBc5sAkSsRobOTkAsSAdERKwGzmwFhGwETkwMTMRMxMXMzURMxEjAycjFREDNTYzMhYXMjY3NxUGIyImIyIGB1LF1xIMy8XXEgxOMTshdR8ZNg8OMzkfdSEZNg8F4fzwRkYDEPofAxBGRvzwBmCYJyUCEAgJmCcnEAkAAAAAAwBE//ACkQcfABcAGwArAE0AshMBACuxIAvpsgcDACuxKAvpAbAsL7AA1rEcE+mwHBCxIwErsQ0T6bEtASuxHAARErMGExgbJBc5sCMRsBk5sA0SsgcSGjk5OQAwMRMRND4DMh4CFxcRFA4DIi4CJxMzFyMTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgIz12qfBgIlRSUCAiVFJQIBNQN3DC1xVkZEXmAjIfyJDC1xVkVDYF8gBg25+s8MJT03HRoDdwwlPjgaHQADAET/8AKRBx8AFwAbACsATQCyEwEAK7EgC+myBwMAK7EoC+kBsCwvsADWsRwT6bAcELEjASuxDRPpsS0BK7EcABESsgYTGDk5ObAjEbAZObANErMHEhobJBc5ADAxExE0PgMyHgIXFxEUDgMiLgInEzczBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAtdq16KbAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5+s8MJT03HRoDdwwlPjgaHQAAAAADAET/8AKRBx8AFwAeAC4AYgCyEwEAK7EjC+myBwMAK7ErC+mwHi+wGzOxGQnpAbAvL7AA1rEfE+mwHxCxJgErsQ0T6bEwASuxHwARErMGExgZJBc5sCYRsRweOTmwDRKzBxIaGyQXOQCxGR4RErAdOTAxExE0PgMyHgIXFxEUDgMiLgInEzczFyMnBwMUFhYyNjU3ETQmJiIGFQdEBB44ead5OB4CAgQeOHmneTgeAiuN2428QD0MAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFVLm5SEj6zwwlPTcdGgN3DCU+OBodAAAAAwBE//ACkQcfABcAKwA7AHMAshMBACuxMAvpsgcDACuxOAvpsCgvsRsG6bAiMrAlINYRsBgzsR4G6QGwPC+wANaxLBPpsCwQsTMBK7ENE+mxPQErsSwAERK0BhMYGygkFzmwMxGwHTmwDRKzBxIiJSQXOQCxKCURErAjObAeEbAZOTAxExE0PgMyHgIXFxEUDgMiLgInEzU2MzIWFzI2NzcVBiMiJiMiBgcTFBYWMjY1NxE0JiYiBhUHRAQeOHmneTgeAgIEHjh5p3k4HgJeMTshdR8ZNg8OMzkfdSEZNg9vAiVFJQICJUUlAgE1A3cMLXFWRkReYCMh/IkMLXFWRUNgXyAFTpgnJQIQCAmYJycQCfrNDCU9Nx0aA3cMJT44Gh0AAAQARP/wApEHLwAXABsAKwAvAIYAshMBACuxIAvpsgcDACuxKAvpsBgvsCwzsRkK6bAtMgGwMC+wANaxHBPpsBwQsBsg1hGxGA7psBgvsRsO6bAcELEjASuxDRPpsCwg1hGxLw7psTEBK7EYABESsBY5sBwRsRMGOTmxLBsRErMfICcoJBc5sS8jERKxEgc5ObANEbAKOQAwMRMRND4DMh4CFxcRFA4DIi4CJxM1MxUDFBYWMjY1NxE0JiYiBhUHEzUzFUQEHjh5p3k4HgICBB44ead5OB4CNb4YAiVFJQICJUUlAnu+ATUDdwwtcVZGRF5gIyH8iQwtcVZFQ2BfIAVUycn6zwwlPTcdGgN3DCU+OBodAbrJyQADADv/7AKRBfYAHwAoADAA4ACyHAEAK7EAHzMzsSQL6bIMAwArsQ8QMzOxLAvpAbAxL7AF1rEgE+mwKTKwIBCxJwErsSgqMjKxFhPpsBAysTIBK7A2Gro8+OyLABUrCrAALrAQELEPIfmwABCxHyH5uj0r7SsAFSsLsAAQswEADxMrsw4ADxMrsB8QsxEfEBMrsx4fEBMrBLMoHxATK7AAELMpAA8TK7IBAA8giiCKIwYOERI5sA45sh4fEBESObAROQC1AQ4RHigpLi4uLi4uAbYAAQ4PER4fLi4uLi4uLrBAGgGxJyARErEcDDk5ADAxFzcmJjUnETQ+AzMyFzczBxYWFRcRFA4DIyInBxMUFhYyNjU3EQcTJiciBhUHOy8SEgIEHjh5U1xCD3otFBcCBB44eVRgPw9lAiVFJQKTkwhCIyQCFJ0lVhkYA3cMLXFWRisvlidaGhn8iQwtcVZFKy8BSQwlPTcdGgHoRgHfZAE4Gh0AAAAAAgBQ//ACngcfABcAGwAmALIGAQArsRIL6QGwHC+wANaxFRPpsR0BK7EVABESsQUYOTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESMTMxcjUAQfN3moeTcfAgLdAyRGJQLdQddroAE1DC1xVkVDYF8gIwSs+1QMJT03HRoErAE+uQACAFD/8AKeBx8AFwAbACQAsgYBACuxEgvpAbAcL7AA1rEVE+mxHQErsRUAERKwBTkAMDETFB4DMj4CNzcRIxEUBgYiJjUnESM3NzMHUAQfN3moeTcfAgLdAyRGJQLd42vXogE1DC1xVkVDYF8gIwSs+1QMJT03HRoErIW5uQAAAAIAUP/wAp4HHwAXAB4ARACyBgEAK7ESC+mwHi+wGzOxGQnpAbAfL7AA1rEVE+mxIAErsRUAERKyBRgZOTk5ALEeEhESsgwWFzk5ObAZEbAdOTAxExQeAzI+Ajc3ESMRFAYGIiY1JxEjNzczFyMnB1AEHzd5qHk3HwIC3QMkRiUC3S2N2469Pz4BNQwtcVZFQ2BfICMErPtUDCU9Nx0aBKyFublISAAAAAMAUP/wAp4HLwAXABsAHwB4ALITAQArsQcL6bIBAwArsAszsBgvsBwzsRkK6bAdMgGwIC+wANaxAxPpsAMQsBsg1hGxGA7psBgvsRsO6bADELEKASuxDRPpsBwg1hGxHw7psSEBK7EYABESsBY5sAMRsBM5sRwbERKxBwY5ObEfChESsBI5ADAxExEzERQWFjI2NTcRMxEUDgMiLgInEzUzFTM1MxVQ3QIlRiQD3QQfN3moeTcfAjW/Yr4BNQSs+1QMJT03HRoErPtUDC1xVkVDYF8gBVTJycnJAAACABAAAAKwBx8ACwAPADMAAbAQL7AA1rELE+mwCxCxBgErsQUT6bERASuxBgsRErUBAwQMDQ8kFzmwBRGwDjkAMDETExEzERMjAwcjJwM3NzMHEOLd4dlvBgQGbxVq16EF4fyg/X8CgQNg/h8ODgHhhbm5AAIAUgAAArQF4QAKABEAUwCyAAEAK7IBAwArtAkLAAENK7EJDOm0BBEAAQ0rsQQM6QGwEi+wANaxChPpsQILMjKwChCxDgErsQcT6bETASsAsQsJERKwBzmxBBERErAGOTAxMxEzFTMyFhAGIxERMjY1NCYjUtsCpt/fpmZAQmQF4fHT/iDV/pgCSlqBg2YAAAEAQgAAAqgF8gAjAH4AsgABACuwEDOyBAMAK7EgCemyGgIAK7QZBgAbBCuyCAIAKwGwJC+wANaxIw7psCMQsRUBK7ELDumwHSDWEbQHDgA3BCuyHQcKK7NAHRAJK7AZMrElASuxHSMRErAEObEHFRESsAk5ALEZABESsAs5sBoRsAk5sCASsAc5MDEzETQ2MzIWFRQHFhEUDgIjNTI2NjU0JiYjNTI2NTQmIyIVEUKNi4WJWJgpXHFYLTMfHzMtIzMrK0oE03ukonttQVj+cLbpdynBM6yfqrM3jUIzLTdm+y0AAAMAMf/wAmgF0QAlACkAMQCJALIdAQArsiMBACuxLArpshUCACuxCgjpsgoVCiuzQAoRCSuxICMQIMAvsSwF6QGwMi+wANaxKg7psBEg1hGxEA7psCoQsR8BK7EGLzIysRoO6bEzASuxKhERErEjJjk5sBARsCk5sB8SswUVICckFzmwGhGxHSg5OQCxCiwRErMAGBowJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhMzFyMDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrNddroAw5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgFabj8CmgBJx0BHz4AAAAAAwAx//ACaAXRACUALQAxAIkAsh0BACuyIwEAK7EoCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xKAXpAbAyL7AA1rEmDumwESDWEbEQDumwJhCxHwErsQYrMjKxGg7psTMBK7EmERESsCM5sBARsC45sB8SswUVIC8kFzmwGhGyHTAxOTk5ALEKKBESswAYGiwkFzkwMRM0PgM3NTU0IyIOAhUVIzU0NjMyFhURERQXIyYnIwYGIyImNxQXMjY1EQYTNzMHMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2vLOSMzjwxr16IBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeLtoAScdAR8+Azq4uAAAAAADADH/8AJoBdEAJQAsADQAoACyHQEAK7IjAQArsS8K6bIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EvBemwLC+wKTOxJwnpAbA1L7AA1rEtDumwESDWEbEQDumwLRCxHwErsQYyMjKxGg7psTYBK7EtERESsiMmJzk5ObAQEbAsObAfErMFFSArJBc5sBoRsx0oKSokFzkAsQovERKzABgaMyQXObEnLBESsCs5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM3MxcjJwcDFBcyNjURBjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztrKY3cjb0/PRs5IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsbi4R0f8CmgBJx0BHz4AAAAAAwAx//ACaAXXACUAOQBBAK4Ash0BACuyIwEAK7E8CumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xPAXpsDYvsSkG6bAwMrAzINYRsCYzsSwG6QGwQi+wANaxOg7psBEg1hGxEA7psDoQsR8BK7EGPzIysRoO6bFDASuxOhERErMjJik2JBc5sR8QERKyBRUgOTk5sBoRsx0rMDMkFzkAsQo8ERKzABgaQCQXObE2MxESsDE5sCwRsCc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhM1NjMyFhcyNjc3FQYjIiYjIgYHExQXMjY1EQYxRGJiTgQ5FBkKBM+hdWaWDsoSAQ4UWzc7a14xPCF0Hxk3Dg8zOh90IRk3Dl45IzOPAQRqolY8KRAlVmYSLxsiJy97sJRq/qH+r21WFEYlRXgEsZcnJQIRCAiYJycQCPwCaAEnHQEfPgAABAAx//ACaAXhACUAKQAxADUArQCyHQEAK7IjAQArsSwK6bInAwArsDMzsSYK6bAyMrIVAgArsQoI6bIKFQors0AKEQkrsSAjECDAL7EsBekBsDYvsADWsSoO6bAqELApINYRsSYO6bAmL7EpDumwDzKwKRCxEQ7psBEvsCoQsR8BK7IGLzIyMjKxGg7psTUO6bE3ASuxKiYRErAjObEfKRESswUKFSAkFzmwNRGwHTkAsQosERKzABgaMCQXOTAxEzQ+Azc1NTQjIg4CFRUjNTQ2MzIWFRERFBcjJicjBgYjIiYTNTMVAxQXMjY1EQYTNTMVMURiYk4EORQZCgTPoXVmlg7KEgEOFFs3O2s1vyk5IzOPi78BBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeASxyMj8CmgBJx0BHz4DOsjIAAQAMf/wAmgGHQAlAC0ANQA9AMwAsh0BACuyIwEAK7EwCumyFQIAK7EKCOmyChUKK7NAChEJK7EgIxAgwC+xMAXpsC0vtDkFADYEK7A9L7QpBQA2BCsBsD4vsADWsS4O6bA2MrARINYRsRAO6bAuELQnDwAuBCuwJy+wLhCxHwErsQYzMjKxGg7pszsaHwgrtCsPAC4EK7E/ASuxLicRErAjObAQEbEoLTk5sB8StgUVIDg5PD0kFzmwOxGyHSksOTk5ALEKMBESswAYGjQkFzmxPTkRErMnKismJBc5MDETND4DNzU1NCMiDgIVFSM1NDYzMhYVEREUFyMmJyMGBiMiJhI0NjIWFAYiAxQXMjY1EQYSFBYyNjQmIjFEYmJOBDkUGQoEz6F1ZpYOyhIBDhRbNztri1t/WFh/GzkjM48OLzovLzoBBGqiVjwpECVWZhIvGyInL3uwlGr+of6vbVYURiVFeAToe1JSe1L8JWgBJx0BHz4DyzkrKzkrAAAAAAMAMf/wA6IEcQA2AD4ASQDHALI0AQArsDAzsTkK6bI0AQArsSUI6bIlNAors0AlKAkrshQCACuwGDOxCQjpsEUysgkUCiuzQAkQCSu0Px40FA0rsT8G6QGwSi+wANaxNw7psBAg1hGxDw7psDcQsTwBK7AGMrEgDumwPzKwIBCxJwErsEAysSoO6bAcMrFLASuxNxARErA0ObE8DxESsQUUOTmwIBGxFjI5ObAnErAwOQCxJTQRErAyObEeORESsQA3OTmwPxGwPTmwCRKwBTmwFBGwFjkwMRM0PgM3NTQjIg4CFRUjNTQ2MzIXNjcyFxYXESEVFRQeAjM2NzUzFRQOAyMiJwYjIiY3FBcyNjURBiUzNTQmJiMiBgcHMURiYk4EORQZCgTPoXVUREJgxzQOAf6qCA4hFUYDwQQdMW9LnkRmdztryzkjM48BUJUCJSIhJwICAQRqolY8KRB7ZhIvGyInL3uwNDMBxTMp/rrzDQgnHRgKZ3qBDCdiTj2Dg3i7aAEnHQEfPs2eDCc/OR0cAAAAAgBC/n8CVARxABsAIgBqALIaAQArsREJ6bIRGgors0ARFQkrsgMCACuxDAnpsgwDCiuzQAwICSsBsCMvsADWsQ8O6bAPELEUASuwCDKxFw7psAYysSQBK7EPABESshwdHzk5ObAUEbIDHiA5OTmwFxKxISI5OQAwMRMRECEyFhUVIzU0JiMiBxEUMzI2NTUzFRQGIwQXFTMHMzc1QgEIiYHPGCM5ATojGM+Bif74rD8paS0BOwHqAUyOtFiHMyda/aRaJzOcbbSNAV6NhYWNAAMAQv/wAlgF0QAkACgAMwBoALIfAQArsRQI6bIUHwors0AUFwkrsgcCACuxLwjptCkNHwcNK7EpBukBsDQvsADWsQ4O6bApMrAOELEWASuwKjKxGQ7psAsysTUBK7EOABESsCU5sBYRswcfJigkFzmwGRKwJzkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzMXIwMzNTQmJiMiBgcHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAiLXa6AGlgIlIyEnAgIBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8E2bj9k54MJz85HRwAAAADAEL/8AJYBdEAJAAvADMAZACyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsSsI6bQlDR8HDSuxJQbpAbA0L7AA1rEODumwJTKwDhCxFgErsCYysRkO6bALMrE1ASuxFg4RErMHHzAxJBc5sBkRsTIzOTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzM1NCYmIyIGBwcTNzMHQgQcNG5KxzUO/qoIDyAVRgTABB0xbkxKbzEcAr6WAiUjIScCAgZr16IBFwIzDCdmTkDFMyn+uvMNCCcdGApneoEMJ2JOPT1WVh8BtJ4MJz85HRwBz7i4AAADAEL/8AJYBdEAJAArADYAfgCyHwEAK7EUCOmyFB8KK7NAFBcJK7IHAgArsTII6bQsDR8HDSuxLAbpsCsvsCgzsSYJ6QGwNy+wANaxDg7psCwysA4QsRYBK7AtMrEZDumwCzKxOAErsQ4AERKxJSY5ObAWEbMHHykrJBc5sBkSsScoOTkAsSYrERKwKjkwMRMRND4DMzIXFhURIRUVFB4CMzY3NTMVFA4DIyIuAicTNzMXIycHAzM1NCYmIyIGBwdCBBw0bkrHNQ7+qggPIBVGBMAEHTFuTEpvMRwCDI3bjr0/PgqWAiUjIScCAgEXAjMMJ2ZOQMUzKf668w0IJx0YCmd6gQwnYk49PVZWHwQhuLhHR/2TngwnPzkdHAAAAAAEAEL/8AJYBeEAJAAoADMANwCGALIfAQArsRQI6bIUHwors0AUFwkrsiYDACuwNTOxJQrpsDQysgcCACuxLwjptCkNHwcNK7EpBukBsDgvsADWsQ4O6bApMrAOELAoINYRsSUO6bAlL7EoDumwDhCxFgErsCoysRkO6bALMrA0INYRsTcO6bE5ASuxNCgRErIHHy85OTkAMDETETQ+AzMyFxYVESEVFRQeAjM2NzUzFRQOAyMiLgInEzUzFQMzNTQmJiMiBgcHEzUzFUIEHDRuSsc1Dv6qCA8gFUYEwAQdMW5MSm8xHAIWvxeWAiUjIScCAnm+ARcCMwwnZk5AxTMp/rrzDQgnHRgKZ3qBDCdiTj09VlYfBCHIyP2TngwnPzkdHAHPyMgAAAL/3wAAASEF0QADAAcAHQABsAgvsADWsQIV6bEJASuxAgARErEEBTk5ADAxAzMXIwMzESMh12ugL8/PBdG4+ucEYAAAAgBSAAABkwXRAAMABwAdAAGwCC+wBNaxBhXpsQkBK7EGBBESsQABOTkAMDEzMxEjNTczB1LPz2rXoQRgubi4AAL/vgAAAbQF0QAGAAoALwCwBi+wAzOxAQnpAbALL7AA1rEDF+mxDAErsQMAERKxBwg5OQCxAQYRErAFOTAxAzczFyMnBwMzESNCjtuNvEA9Kc/PBRm4uEdH+ucEYAAAAAP/ywAAAaoF4QADAAcACwBHALIEAQArsgEDACuwCTOxAArpsAgysgUCACsBsAwvsATWsQcO6bMDBwQIK7EADumwAC+xAw7pswgHBAgrsQsO6bENASsAMDEDNTMVAxEzEQM1MxU1vjfPNb4FGcjI+ucEYPugBRnIyAAAAAACAEz/8AJeBfgAHwAxAG0AshoBACuxJQjpsgwDACuyAwIAK7EuCOkBsDIvsADWsTEO6bAxELEnASuxFA7psTMBK7ExABEStAMICQshJBc5sCcRtgUKDBogKS4kFzmwFBKxDio5OQCxAy4RErAFObAMEbQHCA4QESQXOTAxExEQMzIXJicHJzcnNxYXNxcHFhURFA4DIyIuAjU2Bh4CMzY3ESI2LgIjBgcRTKw/XAwnUjdkLW0ZHF44ZX0CHTNsTEpuMhzCBAgNHhVGAgIECA0fFkQCARcCQwEXTm1eSD9YQmQbIlJCWMn1/XAMJ2JOPT1WVh8fFyMhFgpnAjMWIyEYCmj9zQAAAAACAFIAAAJkBdcAEgAmAH8AsgABACuwCzOyAQIAK7IHAgArsQ8K6bAjL7EWBumwHTKwICDWEbATM7EZBukBsCcvsADWsRIO6bACMrASELEMASuxCw7psSgBK7ESABESshMWIzk5ObAMEbAYObALErIHHSA5OTkAsQEPERKwAzmxIyARErAeObAZEbAUOTAxMxEzFTc2NjMyFhURIxE0IyIHEQM1NjMyFhcyNjc3FQYjIiYjIgYHUs8gHkkhTE/OMikajjE8IXUeGTcODzM6H3QhGTcOBGBeIB4xilH8agN3MTX8jQUZlyclAhEICJgnJxAIAAAAAwA///ACUgXRABcAGwAtAE8AshIBACuxIQjpsgcCACuxKgjpAbAuL7AA1rEtDumwLRCxIwErsCYysQwO6bEvASuxLQARErAYObAjEbQSGRsHJSQXObAMErEOGjk5ADAxExE0PgMzMhcWFREUDgMjIi4CNRMzFyMQBh4CMzY3ESI2LgIjBgcRPwMcMW9KxzUOAh0zbUtKbzEcINdroAQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBNm4+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF0QAXACkALQBLALISAQArsR0I6bIHAgArsSYI6QGwLi+wANaxKQ7psCkQsR8BK7AiMrEMDumxLwErsR8pERK0EgchKiskFzmwDBGyDiwtOTk5ADAxExE0PgMzMhcWFREUDgMjIi4CNTYGHgIzNjcRIjYuAiMGBxETNzMHPwMcMW9KxzUOAh0zbUtKbzEcwgQIDB8VRgECBAgMHxZEAgJr16IBFwIzDCdmTkDFMyn9wAwnYk49PVZWHx8XIyEWCmcCMxYjIRgKaP3NBAK4uAAAAAMAP//wAlIF0QAXAB4AMABlALISAQArsSQI6bIHAgArsS0I6bAeL7AbM7EZCekBsDEvsADWsTAO6bAwELEmASuwKTKxDA7psTIBK7EwABESsRgZOTmwJhG0EhweBygkFzmwDBKyDhobOTk5ALEZHhESsB05MDETETQ+AzMyFxYVERQOAyMiLgI1EzczFyMnBwIGHgIzNjcRIjYuAiMGBxE/Axwxb0rHNQ4CHTNtS0pvMRwMjduOvT8+BgQIDB8VRgECBAgMHxZEAgEXAjMMJ2ZOQMUzKf3ADCdiTj09VlYfBCG4uEdH+/4XIyEWCmcCMxYjIRgKaP3NAAAAAAMAP//wAlIF1wAXACsAPQB4ALISAQArsTEI6bIHAgArsToI6bAoL7EbBumwIjKwJSDWEbAYM7EeBukBsD4vsADWsT0O6bA9ELEzASuwNjKxDA7psT8BK7E9ABESshgbKDk5ObAzEbMSHQc1JBc5sAwSsg4iJTk5OQCxKCURErAjObAeEbAZOTAxExE0PgMzMhcWFREUDgMjIi4CNRM1NjMyFhcyNjc3FQYjIiYjIgYHEgYeAjM2NxEiNi4CIwYHET8DHDFvSsc1DgIdM21LSm8xHEExPCF0Hxk3Dg4zOR91IBk3D3MECAwfFUYBAgQIDB8WRAIBFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhlyclAhEICJgnJxAI+/YXIyEWCmcCMxYjIRgKaP3NAAQAP//wAlIF4QAXABsALQAxAHgAshIBACuxIQjpshkDACuwLzOxGArpsC4ysgcCACuxKgjpAbAyL7AA1rEtDumwLRCwGyDWEbEYDumwGC+xGw7psC0QsSMBK7AmMrEMDumwLiDWEbExDumxMwErsS4bERKyEgcqOTk5sCMRsCU5sQwxERKwDjkAMDETETQ+AzMyFxYVERQOAyMiLgI1EzUzFQIGHgIzNjcRIjYuAiMGBxETNTMVPwMcMW9KxzUOAh0zbUtKbzEcGL8VBAgMHxVGAQIECAwfFkQCeb4BFwIzDCdmTkDFMyn9wAwnYk49PVZWHwQhyMj7/hcjIRYKZwIzFiMhGApo/c0EAsjIAAAAAwA//7ICUgSuAB0AIwApATQAshUBACuxJgjpshcBACuyBwIAK7EhCOkBsCovsADWsR4O6bMYHgAIK7QZDwAuBCuwGS+0GA8ALgQrsB4QsSgBK7ApMrEPDumzCg8oCCu0Cw8ALgQrsSsBK7A2Gro95+/AABUrCgSwGS6wCy6wGRCxGCL5sAsQsQoi+bo99u/6ABUrC7AZELMJGQoTK7AYELMMGAsTKwWzFxgLEyu6Pfbv+gAVKwuwGRCzGhkKEysEsx4ZChMruj327/oAFSsLsx8ZChMrsBgQsyQYCxMrBLMpGAsTK7IaGQogiiCKIwYOERI5sB85sAk5siQYCxESObAMOQBACwkKCwwYGRoeHyQpLi4uLi4uLi4uLi4BtQkMFxofJC4uLi4uLrBAGgGxGQARErEDHDk5sSgeERKxFQc5OQAwMRMRND4DMzIXNzMHFhcRFA4DIyInByM3JiYnNxMmBwYHExYzNjcRPwMcMW9KMzcVSx5YBgIdM21LOS4UUB8pLwLAfRIlRAIQECZGAQEXAjMMJ2ZOQBNQeVSR/cAMJ2JOPRBOeSd1J8YB5iMBCmj9ex8KZwGTAAAAAgBO//ACYAXRABIAFgBXALILAQArshABACuxBQrpsgECACuwCDMBsBcvsADWsQMO6bADELELASuwBzKxCg7psRgBK7EDABESshATFjk5ObALEbAUObAKErAVOQCxBQsRErAMOTAxNxEzERQzMjcRMxEjNQcGBiMiJhMzFyNOzzEpGs/PHx5KIUxPI9dqoMsDlfyJMTYDcvugXiAeMIkFWLgAAAACAE7/8AJgBdEAEgAWAFcAsgsBACuyEAEAK7EFCumyAQIAK7AIMwGwFy+wANaxAw7psAMQsQsBK7AHMrEKDumxGAErsQMAERKxEBM5ObALEbAUObAKErEVFjk5ALEFCxESsAw5MDE3ETMRFDMyNxEzESM1BwYGIyImEzczB07PMSkaz88fHkohTE/Ea9eiywOV/IkxNgNy+6BeIB4wiQSguLgAAAIATv/wAmAF0QASABkAbgCyCwEAK7IQAQArsQUK6bIBAgArsAgzsBkvsBYzsRQJ6QGwGi+wANaxAw7psAMQsQsBK7AHMrEKDumxGwErsQMAERKzEBMUGSQXObALEbAYObAKErIVFhc5OTkAsQULERKwDDmxFBkRErAYOTAxNxEzERQzMjcRMxEjNQcGBiMiJhM3MxcjJwdOzzEpGs/PHx5KIUxPEI7bjbxAPcsDlfyJMTYDcvugXiAeMIkEoLi4R0cAAAADAE7/8AJgBeEAEgAWABoAbwCyCwEAK7IQAQArsQUK6bIUAwArsBgzsRMK6bAXMrIBAgArsAgzAbAbL7AA1rEDDumwFTKwAxCxEw7psBMvsAMQsQsBK7EHFzIysQoO6bEaDumxHAErsQMTERKwEDmwCxGwBTkAsQULERKwDDkwMTcRMxEUMzI3ETMRIzUHBgYjIiYTNTMVMzUzFU7PMSkaz88fHkohTE8cv2K/ywOV/IkxNgNy+6BeIB4wiQSgyMjIyAAAAgAZ/m8CYgXRABIAFgBBALAGL7EFCekBsBcvsADWsRIO6bASELENASuxDA7psRgBK7ESABESsgEFCDk5ObANEbITFBY5OTmwDBKwFTkAMDETExQGBycVFjMyNjcTIwMHIycDNzczBxm+SD0xRhZzmxHGylIECQRSBGvXogRg+39EbgYEuAS+fwS0/VA5OQKwubi4AAIAUv5/AmQF4QARAB0AVwCyDAEAK7EVBOmyAQMAK7IFAgArsRsE6bAALwGwHi+wANaxEQ7psQISMjKwERCxFwErsQkO6bEfASuxCRcRErEFDDk5ALEVDBESsBA5sQUbERKwAzkwMRMRMxE2MzIWFREUBiMiJicnEREUFjI2NRE0JiIGFVLPWExOUVJNIVIZGCctISEtJ/5/B2L+NlqKUf01UoktFhf+NQJ3GSsnHQJ0HScnHQAAAAADABn+bwJiBeEAEgAWABoAegCyFAMAK7AYM7ETCumwFzKyAAIAK7AGM7AML7ENCekBsBsvsBPWsRYO6bAWELABINYRsQAO6bAAL7EBDumwFhCxBgErsQcO6bAXINYRsRoO6bEcASuxEwARErEMDTk5sAERsBI5sRcWERKxAgU5OQCxAA0RErADOTAxEzMTFzM3EzMDBgYjJzUWMzY2NQM1MxUzNTMVGcpSBAkEUsrGEJxzXBAhPUiJvmO+BGD9UDk5ArD7TH++BLgEBm9DBTrIyMjIAAEAUgAAASEEYAADACEAsgABACuyAQIAKwGwBC+wANaxAw7psQMO6bEFASsAMDEzETMRUs8EYPugAAAAAAEAKQAAAm0F4QANAEwAsgwBACuxCQrpsgMDACsBsA4vsAzWsAIysQkT6bAEMrIJDAors0AJBwkrs0AJCwkrsAkQsQEV6bABL7EPASsAsQMJERKxAA05OTAxEzU3ETMRNxUHESEVIREpQd55eQEl/f0CMd00Ap/+DV7dX/29zQJkAAAAAAEAHwAAAbYF4QALADkAsgoBACuyAwMAKwGwDC+wCtawAjKxCQ7psAQysgkKCiuzQAkHCSuyCgkKK7NACgEJK7ENASsAMDETNTcRMxE3FQcRIxEfZM9kZM8CMd1OAoX+HU7dTvzfAn8AAgBEAAADrgXhABcAJgBcALIRAQArsQ8M6bIRAQArsRwE6bIIAwArsQoM6bIIAwArsSIE6bQLDhEIDSuxCw3pAbAnL7AA1rEYE+mwGBCxHwErsQ8T6bAKMrENFumxKAErsRgAERKwFjkAMDETETQ+AzMhFSERMxUjESEVISIuAic3FBYWMjY1NxEmJyIGFQdEBB44eVMCRP7jzc0BHf28VHg4HgLbAiVFJQIGRCMkAgE1A3cMK2tQQ+P+dfL+YuM/XVohHgwlPTcdGgOFYAE4Gh0AAAADAD//8AOoBHEAKgA8AEYAnwCyJQEAK7AhM7EwCOmwFjKyMCUKK7NAMBkJK7IHAgArsAszsTkI6bBDMrQ9ESUHDSuxPQbpAbBHL7AA1rE8DumwPBCxMgErsRIO6bA9MrASELEYASuwPjKxGw7psA8ysUgBK7EyPBESsyUHNDkkFzmwEhGyCSM1OTk5sBgSsCE5ALEwJRESsCM5sBERsDw5sTk9ERKwMzmwBxGwCTkwMRMRND4DMzIXNjcyFxYVESEVFBYWMzY3NTMVFA4DIyInBiMiLgI1NgYeAjM2NxEiNi4CIwYHEQEzNTQmJiMiBhU/Axwxb0pqQkJoxzUO/qoIJR9GA8EEHTFvS2pARGZKbzEcwgQIDB8VRgECBAgMHxZEAgFQlQIkIyshARcCMwwnZk5APDsBxTMp/rr6ECkxCmd6gQwnYk49OTk9VlYfHxcjIRYKZwIzFiMhGApo/c0BlZ4MJz9LIQACACX/7wKaBx8AMAA3AIUAsisBACuxAwrpshIDACuxGgrpsDcvsTIJ6bA0MgGwOC+wD9axHBPpsAAg1hGxARPpsBwQsQUBK7AYMrEpE+mwFzKxOQErsQEPERKxMTc5ObAcEbAKObAFErMDGjI0JBc5sCkRsiQ1Njk5OQCxGgMRErUAAQ8XGCkkFzmxMjcRErAzOTAxEzcQMzI3NC4DJy4CNTQ2NzYeAhUHNCMGFxQeBhceAhUQJSIuAxMzFzczByMl2WhaAREvG08JQkk/j5FehDsZ2VlMAQgMGRAnEjAISj1I/sxSeEQnDD+9PUC8jdsBphT/AKYdPVYpdQ5gfK5Li9QCAkqBfUoU2QKUEisjMx07G0MNb2K0TP6FATNMenEFxUhIuQAAAAIAJf/wAk4F0QAoAC8AmgCyIwEAK7EDB+myAyMKK7NAAwAJK7IQAgArsRgH6bIYEAors0AYFgkrsC8vsSoJ6bAsMgGwMC+wC9awKTKxGg7psAAg1hGxAQ7psBoQsQUBK7AWMrEgDumwFTKxMQErsQELERKxCC85ObAaEbAqObAFErQDByMrLCQXObAgEbIeLS45OTkAsRgDERKxCx85ObEqLxESsCs5MDETMxQzMic0Jy4CNTQ+Ajc2HgIVIzQjBgcUFhYXFhcUBiMiLgMTMxc3MwcjJcBhSAGBRD1DGDZmSFZwMRHBQz8BLystvgGBh0htPSUKHbw9QLyN2wFGqodKfEJCiUw3Ylw4AgI4Zlg7gwKBIVAtK7age7gxR2NQBLZISLgAAAAAAwAQAAACsAcvAAsADwATAG8AsgoBACuyAAMAK7AGM7AML7AQM7ENCumwETIBsBQvsADWsQET6bABELEKASuxCRPpsw8JCggrsQwO6bAML7EPDumwCRCxBgErsQcT6bAQINYRsRMO6bEVASuxEA8RErEEAzk5ALEAChESsAM5MDETMxMXMzcTMwMRIxEDNTMVMzUzFRDZbwYEBm/Z4d2BvmK/BeH+Hw4OAeH8oP1/AoED5cnJyckAAAIAFAAAAl4HHwAJABAAUQCyAAEAK7EHC+myBAMAK7EDC+mwEC+xCwnpsA0yAbARL7EAASuxCRjpsAUysRIBK7EJABESsgcKDjk5OQCxAwcRErEBBjk5sQsQERKwDDkwMTM1ASE1IRUBIRUBMxc3MwcjFAFb/tcCGP6gAWD9+rw+P72N3O4EGNvb+9XbBx9ISLkAAAACAAwAAAIOBdEACQAQAFEAsgABACuxBwnpsgQCACuxAwnpsBAvsQsJ6bANMgGwES+wANaxDhfpsRIBK7EOABESsQUKOTkAsQcAERKwATmxBAMRErAGObELEBESsAw5MDEzNQEjNSEVASEVATMXNzMHIwwBHfABy/7jAR3+Fbw9QLyN26gC/Lyo/QS8BdFISLgAAAAAAQEEBRkC+gXRAAYAKQCwAC+wAzOxAQnpsQEJ6QGwBy+wANaxAxfpsQgBKwCxAQARErAFOTAxATczFyMnBwEEjdyNvT89BRm4uEdHAAEBBAUZAvoF0QAGACwAsAYvsQEJ6bADMrEBCemwBDIBsAcvsADWsQQX6bEIASsAsQEGERKwAjkwMQEzFzczByMBBL09P72N3AXRSEi4AAAAAQEfBRcC4QXVAA8AJwCwDC+0AwYAGwQrAbAQL7AA1rEIFumxEQErALEDDBESsQAIOTkwMQE3FjMyNjc3Fw4CIyImJwEfbilKIzsMDWoKI3c9P3EZBXdeLxgNCl4KITUxGAAAAAEBmAUSAmYF4QADACkAsgEDACuxAArpsgEDACuxAArpAbAEL7AA1rEDDumxAw7psQUBKwAwMQE1MxUBmM4FEs/PAAAAAgFmBP4CmAYdAAcADwBSALAHL7QLBQA2BCuwDy+0AwUANgQrAbAQL7AB1rQJDwAuBCuwCRCxDQErtAUPAC4EK7ERASuxDQkRErMDBgcCJBc5ALEPCxESswEEBQAkFzkwMQA0NjIWFAYiJhQWMjY0JiIBZlt+WVl+DS86Ly86BVB7UlJ7Uqw5Kys5KwABAVz+fwKmAAAAEQA/ALIDAQArsg8AACu0CwYAGwQrAbASL7AA1rQIEAAdBCuxEwErsQgAERKwAzkAsQsPERKwDTmwAxGxAAw5OTAxBTQ3NzMOAhUUFjI3BwYjIiYBXH8IYwofND5SLRA3MmBx02hlBggdWispJROKEmYAAQE5BRICxwXXABMAOACwEC+xAwbpsAoysA0g1hGwADOxBgbpAbAUL7EAASuxCxbpsRUBKwCxEA0RErALObAGEbABOTAxATU2MzIWFzI2NzcVBiMiJiMiBgcBOTE8IXQfGTcODzM6H3QhGTcOBRmXJyUCEQgImCcnEAgAAAIA1wUZA0gF0QADAAcAMQCwAC+wBDOxAQnpsAUysQEJ6bAGMgGwCC+wANaxBhjpsQkBK7EGABESsQIEOTkAMDETNzMHMzczB9dr16KPa9eiBRm4uLi4AAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoBxwFzAokAAwAiALAAL7EBBOmxAQTpAbAEL7AA1rEDFemxAxXpsQUBKwAwMRM1IRVKASkBx8LCAAABAEoCiQLdA0wAAwAiALAAL7EBBOmxAQTpAbAEL7EAASu0AxgADQQrsQUBKwAwMRM1IRVKApMCicPDAAABAEoCiQODA0wAAwAXALAAL7EBBOmxAQTpAbAEL7EFASsAMDETNSEVSgM5AonDwwABADED9AEIBeEABgAtALICAwArtAANAAkEKwGwBy+wANaxBhPpsQYT6bEIASuxBgARErEDBDk5ADAxEzUTMwMzFTFxZkdHA/TjAQr+9uMAAAEALQP0AQQF4QAGAC4AsgMDACu0AA0ACQQrAbAHL7AA1rACMrEFE+mxBRPpsQgBK7EFABESsAE5ADAxExMjNTMVAy1ISNdxA/QBCuPj/vYAAQAt/vYBBADjAAYALACwBS+0AQ0ACQQrAbAHL7AF1rAAMrEDE+mxAxPpsQgBK7EDBRESsAY5ADAxMzUzFQMjEy3XcWZI4+P+9gEKAAIANQP0AjsF4QAGAA0AUwCyAgMAK7AJM7AGL7AHM7EEDOmwCzIBsA4vsADWsQYT6bADMrAGELEHASuxDRPpsAoysQ8BK7EGABESsAQ5sQ0HERKwCzkAsQQGERKxAQg5OTAxEzUTMwMzFTM1EzMDMxU1cWZHR1hxZkdHA/TjAQr+9uPjAQr+9uMAAAAAAgA1A/QCOwXhAAYADQBbALIDAwArsAozsQIM6bAIMrICAwors0ACBgkrsAcyAbAOL7AC1rAAMrEFE+mwBRCxCQErsAcysQwT6bEPASuxBQIRErABObEMCRESsAg5ALEDAhESsQUMOTkwMRMTIzUzFQMzEyM1MxUDNUhI13DISEjXcAP0AQrj4/72AQrj4/72AAAAAAIANf72AjsA4wAGAA0AWwCyAAEAK7AHM7EBDOmwCDKyAAEKK7NAAAQJK7ALMrIDAQArsgoBACsBsA4vsADWsAUysQMT6bADELEHASuwDDKxChPpsQ8BK7EDABESsAY5sQoHERKwDTkAMDEzNTMVAyMTMzUzFQMjEzXXcGdI59dwZ0jj4/72AQrj4/72AQoAAAEAUgI1AkYEKQALACgAsAkvtAMNAAkEK7QDDQAJBCsBsAwvsADWsQYX6bEGF+mxDQErADAxEzQ2MzIWFRQGIyImUpFrZpKSZmqSAzFmkpFnapKSAAMANQAAA48A4wADAAcACwBFALIAAQArsQQIMzOxAQzpsQUJMjKyAAEAK7EBDOkBsAwvsADWsQMT6bADELEEASuxBxPpsAcQsQgBK7ELE+mxDQErADAxMzUzFTM1MxUzNTMVNddr12rX4+Pj4+PjAAABADX/8ALuBfIAPQC0ALI3AQArsSoL6bIqNwors0AqLwkrsg0DACuxGwvpshsNCiuzQBsTCSu0AAE3DQ0rsCIztAAGABsEK7AkMrQFBDcNDSuwIDO0BQYAGwQrsB4yAbA+L7A81rECBjIysSYT6bEdITIysiY8CiuzQCYkCSuwHzKyPCYKK7NAPAAJK7AEMrAmELEuASuwFDKxMQ7psBIysT8BK7EmPBESsQw3OTmwLhGyDRs2OTk5sDESsBA5ADAxEzUzNSM1MzU0PgMyHgIXFxUjNSI2LgIjBgcVMxUjFTMVIxUUFhYzMjY1NzUzFRQOAyIuAicnNTVra2sEHzd5qHg4HgMCzwIECg8jGkYI6enp6QQnIykpAs8FHjh4qHk3HwICAiOJiYnuDC1xVkZEXmAjIVRUFyAhFwpl7omJie4MJT03HRpUVAwtcVZFQ2BfICPuAAAAAAIASgM1A1gF4QAHABUAjgCyAQMAK7EJDTMzsQAF6bADMrIAAQors0AABgkrsggPEjIyMgGwFi+wBtaxBRDpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7AFELEIASuxFQ/ptAoQAC0EK7AVELETASu0Eg8AHgQrsBIQsRABK7EPD+mwDxC0DRAALQQrsA0vsRcBK7ESExESsQsMOTkAMDETNSEVIxEjEQERMxMzEzMRIxEDIwMRSgFBaHEBBopDBkSJaE4zUAV5aGj9vAJE/bwCrP7BAT/9VAHB/j8Bwf4/AAAAAQBKAokCvgM1AAMAHwCwAC+xAQfpsQEH6QGwBC+xAAErsQMY6bEFASsAMDETNSEVSgJ0AomsrAABAAAAAARgBGAAAwAAESERIQRg+6AEYPugAAAAAQAUAAACsgXwAB8AZACyHgEAK7AZM7IKAwArsA0zsREJ6bIBAgArsBczsQAJ6bAbMgGwIC+wHtawAjKxHQ7psBYysh4dCiuzQB4ACSuwHRCxGgErsRkO6bEhASuxGh0RErEKETk5sBkRsQ8OOTkAMDETNTM1ND4EMzIWFxcVJiMiDgIVFSERIxEjESMRFGkCDCE1XD4hSRUUKUUfJwwCAWbPl88DprofLTFpP0gjCQQCuAwlTx0nHfugA6b8WgOmAAAAAAEAFAAAArIF8AAfAGoAsh4BACuwEDOyCgMAK7EUCemyAQIAK7AZM7EACemwGzIBsCAvsB7WsAIysR0O6bAYMrIdHgors0AdGwkrsh4dCiuzQB4ACSuwHRCxEQErsRAO6bEhASuxER0RErAKOQCxFAERErASOTAxEzUzNTQ+BDMyFhcXMxEjESYiDgIVFTMVIxEjERRpAgwhNVw+IUkVFKTPJT0nDAJoaM8DprofLTFpP0gjCQQC+h8FMQQlTx0nHbr8WgOmAAAAAAALAIoAAwABBAkAAAB4AAAAAwABBAkAAQAQAHgAAwABBAkAAgAOAIgAAwABBAkAAwAOAJYAAwABBAkABAAgAKQAAwABBAkABQAeAMQAAwABBAkABgAQAHgAAwABBAkACgCWAOIAAwABBAkACwBoAXgAAwABBAkADQCeAeAAAwABBAkADgA0An4ARwBlAG4AZQByAGEAdABlAGQAIABpAG4AIAAyADAAMAA5ACAAYgB5ACAARgBvAG4AdABMAGEAYgAgAFMAdAB1AGQAaQBvAC4AIABDAG8AcAB5AHIAaQBnAGgAdAAgAGkAbgBmAG8AIABwAGUAbgBkAGkAbgBnAC4AbABvAGEAZAB0AGUAcwB0AFIAZQBnAHUAbABhAHIAdwBlAGIAZgBvAG4AdABsAG8AYQBkAHQAZQBzAHQAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAxAEIAYQBzAGUAZAAgAG8AbgAgAEwAZQBhAGcAdQBlACAARwBvAHQAaABpAGMAIABiAHkAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUALAAgAG0AbwBkAGkAZgBpAGUAZAAgAGIAeQAgAEoAbwBoAG4AIABEAGEAZwBnAGUAdAB0AGgAdAB0AHAAOgAvAC8AdwB3AHcALgB0AGgAZQBsAGUAYQBnAHUAZQBvAGYAbQBvAHYAZQBhAGIAbABlAHQAeQBwAGUALgBjAG8AbQAvAGwAZQBhAGcAdQBlAC0AZwBvAHQAaABpAGMAQQBsAGwAIABmAG8AbgB0AHMAIABmAHIAbwBtACAAVABoAGUAIABMAGUAYQBnAHUAZQAgAG8AZgAgAE0AbwB2AGUAYQBiAGwAZQAgAFQAeQBwAGUAIABhAHIAZQAgAHMAdQBiAGoAZQBjAHQAIAB0AG8AIAB0AGgAZQAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAgAAAAAAAP9nAGYAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgACEAIgAjACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQA+AD8AQABBAEIAQwBEAEUARgBHAEgASQBKAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0AXgBfAGAAYQECAKMAhACFAJYAjgCLAQMAigDaAI0AwwDeAKIArQDJAMcArgBiAGMAkABkAMsAZQDIAMoAzwDMAM0AzgDpAGYA0wDQANEArwBnAJEA1gDUANUAaADrAO0AiQBqAGkAawBtAGwAbgCgAG8AcQBwAHIAcwB1AHQAdgB3AOoAeAB6AHkAewB9AHwAoQB/AH4AgACBAOwA7gC6ANcA4gDjALAAsQDkAOUAuwDmAOcA2ADhANsA3ADdAOAA2QDfAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQCyALMAtgC3AMQAtAC1AMUAhwCrARIBEwEUAIwA7wEVARYBFwd1bmkwMEEwB3VuaTAwQUQHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMTAHdW5pMjAxMQpmaWd1cmVkYXNoB3VuaTIwMkYHdW5pMjA1RgRFdXJvB3VuaUUwMDAHdW5pRkIwMQd1bmlGQjAyAAAAAQAB//8ADwAAAAEAAAAAyYlvMQAAAADGp3m3AAAAAMrhKHcAAQAAAAwAAAAWAAAAAgABAAEA3wABAAQAAAABAAAAAAABAAAACgAuADwAAkRGTFQADmxhdG4AGAAEAAAAAP//AAAABAAAAAD//wABAAAAAVRTVDEACAAAAAEAAAABAAQAAQAAAAEACAACAA4ABABEADMANgBWAAEABAAkACkALAAvAAA=)"));
+document.fonts.ready.then(function() { document.documentElement.className = ""; });
+</script>
+<p>FAIL</p>
diff --git a/layout/reftests/font-matching/1367860-1.htm b/layout/reftests/font-matching/1367860-1.htm
new file mode 100644
index 0000000000..53516dfe86
--- /dev/null
+++ b/layout/reftests/font-matching/1367860-1.htm
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!--
+Reftest for Bug 1367860
+Case 1: Language tag on ancestor / font-family on descendant
+  (passes before patch)
+-->
+
+<html>
+<head>
+  <meta charset="UTF-8">
+</head>
+<body>
+  <div lang="ja" style="font-family: InvalidFontName;">
+    These two lines should be exactly the same.
+  </div>
+  <div lang="ja"><div style="font-family: InvalidFontName;">
+    These two lines should be exactly the same.
+  </div></div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/1367860-2.htm b/layout/reftests/font-matching/1367860-2.htm
new file mode 100644
index 0000000000..977743989e
--- /dev/null
+++ b/layout/reftests/font-matching/1367860-2.htm
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!--
+Reftest for Bug 1367860
+Case 2: Language tag on descendant / font-family on ancestor
+  (fails before patch)
+-->
+
+<html>
+<head>
+  <meta charset="UTF-8">
+</head>
+<body>
+  <div lang="ja" style="font-family: InvalidFontName;">
+    These two lines should be exactly the same.
+  </div>
+  <div style="font-family: InvalidFontName;"><div lang="ja">
+    These two lines should be exactly the same.
+  </div></div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/1367860-3.htm b/layout/reftests/font-matching/1367860-3.htm
new file mode 100644
index 0000000000..6791e2f167
--- /dev/null
+++ b/layout/reftests/font-matching/1367860-3.htm
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!--
+Reftest for Bug 1367860
+Case 3: No font-family
+  (fails before patch)
+-->
+
+<html>
+<head>
+  <meta charset="UTF-8">
+</head>
+<body>
+  <div lang="ja" style="font-family: InvalidFontName;">
+    These two lines should be exactly the same.
+  </div>
+  <div lang="ja">
+    These two lines should be exactly the same.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/1367860-ref.htm b/layout/reftests/font-matching/1367860-ref.htm
new file mode 100644
index 0000000000..c78ead43ab
--- /dev/null
+++ b/layout/reftests/font-matching/1367860-ref.htm
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!--
+Reftest for Bug 1367860
+Reference for all cases
+-->
+
+<html>
+<head>
+  <meta charset="UTF-8">
+</head>
+<body lang="ja" style="font-family: InvalidFontName;">
+  <div>These two lines should be exactly the same.</div>
+  <div>These two lines should be exactly the same.</div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/1394311-ref.htm b/layout/reftests/font-matching/1394311-ref.htm
new file mode 100644
index 0000000000..f5ef6ef41f
--- /dev/null
+++ b/layout/reftests/font-matching/1394311-ref.htm
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--
+Reftest for Bug 1394311 (reference file)
+-->
+<html>
+<head>
+<meta charset="UTF-8">
+<style>
+span {
+  font-family: Foo;  /* insert a bogus font-family to avoid Bug 1367860 */
+  font-weight: bold;
+  border: 2px solid black;
+}
+</style>
+</head>
+<body style="font-size: xx-large">
+  <span lang="zh-cn">述</span><span lang="zh-cn">述</span><span lang="zh-hans">述</span><span lang="zh-hans">述</span><br>
+  <span lang="zh-tw">述</span><span lang="zh-tw">述</span><span lang="zh-hant">述</span><span lang="zh-hant">述</span><br>
+  <span lang="ja-jp">述</span><span lang="ja-jp">述</span><br>
+  <span lang="ko-kr">述</span><span lang="ko-kr">述</span><br>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/1394311.htm b/layout/reftests/font-matching/1394311.htm
new file mode 100644
index 0000000000..186ae11cb4
--- /dev/null
+++ b/layout/reftests/font-matching/1394311.htm
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--
+Reftest for Bug 1394311
+-->
+<html>
+<head>
+<meta charset="UTF-8">
+<style>
+span {
+  font-family: Foo;  /* insert a bogus font-family to avoid Bug 1367860 */
+  font-weight: bold;
+  border: 2px solid black;
+}
+</style>
+</head>
+<body style="font-size: xx-large">
+  <span lang="zh-CN">述</span><span lang="ZH-CN">述</span><span lang="zh-Hans">述</span><span lang="ZH-HANS">述</span><br>
+  <span lang="zh-TW">述</span><span lang="ZH-TW">述</span><span lang="zh-Hant">述</span><span lang="ZH-HANT">述</span><br>
+  <span lang="ja-JP">述</span><span lang="JA-JP">述</span><br>
+  <span lang="ko-KR">述</span><span lang="KO-KR">述</span><br>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/1458158-1-ref.html b/layout/reftests/font-matching/1458158-1-ref.html
new file mode 100644
index 0000000000..18af0c3352
--- /dev/null
+++ b/layout/reftests/font-matching/1458158-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+    @font-face {
+        font-family: arial_bold;
+        font-weight: bold;
+        src: local("Arial Bold");
+    }
+    @font-face {
+        font-family: arial_black;
+        font-weight: 900;
+        src: local("Arial Black");
+    }
+    h1 {
+        font-family: arial_bold;
+    }
+    b {
+        font-family: arial_black, arial_bold;
+    }
+    x {
+        font-family: Arial;
+        font-size: 2em;
+        color: transparent;
+    }
+</style>
+<h1>bold العربي <b>bolder العربي</b><x>A</x></h1>
diff --git a/layout/reftests/font-matching/1458158-1.html b/layout/reftests/font-matching/1458158-1.html
new file mode 100644
index 0000000000..b4d04a18c4
--- /dev/null
+++ b/layout/reftests/font-matching/1458158-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+    @font-face {
+        font-family: arial_black;
+        font-weight: 900;
+        src: local("Arial Black");
+    }
+    h1 {
+        font-family: Arial;
+        font-weight: bold;
+    }
+    /* We include an extra-large invisible character in the test line
+       to ensure a consistent baseline; otherwise differing metrics
+       between the various Arial faces can disrupt it. */
+    x {
+        font-family: Arial;
+        font-size: 2em;
+        color: transparent;
+    }
+</style>
+<h1>bold العربي <b>bolder العربي</b><x>A</x></h1>
diff --git a/layout/reftests/font-matching/1850672-1-ref.html b/layout/reftests/font-matching/1850672-1-ref.html
new file mode 100644
index 0000000000..af7c90d773
--- /dev/null
+++ b/layout/reftests/font-matching/1850672-1-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<meta charset=utf-8>
+<p>Both lines should look the same:</p>
+<div style="font-size:xxx-large;">
+<div style="font-family:'Yu Gothic', serif;">
+lorem ipsum
+</div>
+<div style="font-family:'Yu Gothic', serif;">
+lorem ipsum
+</div>
+</body>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/1850672-1.html b/layout/reftests/font-matching/1850672-1.html
new file mode 100644
index 0000000000..3d411c121b
--- /dev/null
+++ b/layout/reftests/font-matching/1850672-1.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<meta charset=utf-8>
+<p>Both lines should look the same:</p>
+<div style="font-size:xxx-large;">
+<div style="font-family:'Yu Gothic', serif;">
+lorem ipsum
+</div>
+<div style="font-family:'游ゴシック', serif;">
+lorem ipsum
+</div>
+</body>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family-ref.xhtml b/layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family-ref.xhtml
new file mode 100644
index 0000000000..fb00a9aa95
--- /dev/null
+++ b/layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family-ref.xhtml
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1: Font matching algorithm (reference)</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	</head>
+	<body>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+<div style="font-family: FontDoesNotExist">
+  Every line of text in this page should be in the same font.
+</div>
+
+	</body>
+</html>
diff --git a/layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family.xhtml b/layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family.xhtml
new file mode 100644
index 0000000000..a3dcdba69c
--- /dev/null
+++ b/layout/reftests/font-matching/CSS21-t1502-no-inherited-font-family.xhtml
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS 2.1: Font matching algorithm</title>
+		<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+		<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+		<meta name="assert" content="That the 'UA-dependent default 'font-family'' described in step (5) does not vary based on the ancestor's font-family property." />
+	</head>
+	<body>
+
+<div style="font-family: Arial, Helvetica, sans-serif">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+<div style="font-family: Arial, Helvetica">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+<div style="font-family: Arial">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+<div style="font-family: Times New Roman, Times, serif">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+<div style="font-family: Times New Roman, Times">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+<div style="font-family: Times New Roman">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+<div style="font-family: Courier New, Courier, monospace">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+<div style="font-family: Verdana">
+  <div style="font-family: FontDoesNotExist">
+    Every line of text in this page should be in the same font.
+  </div>
+</div>
+
+	</body>
+</html>
diff --git a/layout/reftests/font-matching/apple-symbols-1-notref.html b/layout/reftests/font-matching/apple-symbols-1-notref.html
new file mode 100644
index 0000000000..b216a4ff50
--- /dev/null
+++ b/layout/reftests/font-matching/apple-symbols-1-notref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Apple Symbols test</title>
+<style>
+@font-face {
+  font-family: "Ahem";
+  src: url(../fonts/Ahem.ttf);
+}
+body {
+  font-family: "Ahem", /* Ahem bullet first to establish consistent line metrics */
+               /* "Apple Symbols", */ /* Apple Symbols for the rest of the chars */
+               "Menlo", /* fallbacks for when Apple Symbols fails */
+               "Hiragino Kaku Gothic Pro",
+               sans-serif;
+  font-size: 36px;
+  line-height: 60px;
+}
+</style>
+</head>
+<body>
+&#x2219;&#x25E6;&#x25ce;&#x2611;&#x261e;
+</body>
+</html>
diff --git a/layout/reftests/font-matching/apple-symbols-1.html b/layout/reftests/font-matching/apple-symbols-1.html
new file mode 100644
index 0000000000..ba92206f17
--- /dev/null
+++ b/layout/reftests/font-matching/apple-symbols-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Apple Symbols test</title>
+<style>
+@font-face {
+  font-family: "Ahem";
+  src: url(../fonts/Ahem.ttf);
+}
+body {
+  font-family: "Ahem", /* Ahem bullet first to establish consistent line metrics */
+               "Apple Symbols", /* Apple Symbols for the rest of the chars */
+               "Menlo", /* fallbacks for when Apple Symbols fails */
+               "Hiragino Kaku Gothic Pro",
+               sans-serif;
+  font-size: 36px;
+  line-height: 60px;
+}
+</style>
+</head>
+<body>
+&#x2219;&#x25E6;&#x25ce;&#x2611;&#x261e;
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-arabic-ref.html b/layout/reftests/font-matching/arial-arabic-ref.html
new file mode 100644
index 0000000000..f5665f6c53
--- /dev/null
+++ b/layout/reftests/font-matching/arial-arabic-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 769475 - test for italicized Arabic script in Arial</title>
+<style type="text/css">
+body {
+  font-family: arial, serif;
+  font-size: 36px;
+  line-height: 72px;
+}
+span {
+  color: white;
+}
+</style>
+</head>
+<body lang="ar">
+<!-- the white span should have the same width whether it's italicized or not,
+  -- as Arial does not have Arabic characters in the italic face but we should
+  -- apply synthetic italic to the regular face, NOT fall back to a different
+  -- family from prefs.
+  -->
+<div>العربي <span>العربي</span> العربي</div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-arabic.html b/layout/reftests/font-matching/arial-arabic.html
new file mode 100644
index 0000000000..5f363ca261
--- /dev/null
+++ b/layout/reftests/font-matching/arial-arabic.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 769475 - test for italicized Arabic script in Arial</title>
+<style type="text/css">
+body {
+  font-family: arial, serif;
+  font-size: 36px;
+  line-height: 72px;
+}
+span {
+  font-style: italic;
+  color: white;
+}
+</style>
+</head>
+<body lang="ar">
+<!-- the white span should have the same width whether it's italicized or not,
+  -- as Arial does not have Arabic characters in the italic face but we should
+  -- apply synthetic italic to the regular face, NOT fall back to a different
+  -- family from prefs.
+  -->
+<div>العربي <span>العربي</span> العربي</div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-variations-1-ref.html b/layout/reftests/font-matching/arial-variations-1-ref.html
new file mode 100644
index 0000000000..5956b40c8d
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-1-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1 { font-family: Arial, sans-serif; }
+p#test2 { font-family: Georgia, serif; }
+p#test3 { font-family: Georgia, serif; }
+p#test4 { font-family: Georgia, serif; }
+
+p#test1 { color: black; }
+p#test2 { color: red; }
+p#test3 { color: red; }
+p#test4 { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1">{ font-family: Arial, sans-serif; }</p>
+<p id="test2">{ font-family: Arial Bold, Georgia, serif; }</p>
+<p id="test3">{ font-family: Arial Italic, Georgia, serif; }</p>
+<p id="test4">{ font-family: Arial Bold Italic, Georgia, serif; }</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-variations-1.html b/layout/reftests/font-matching/arial-variations-1.html
new file mode 100644
index 0000000000..72c93ef9b8
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1 { font-family: Arial, sans-serif; }
+p#test2 { font-family: Arial Bold, Georgia, serif; }
+p#test3 { font-family: Arial Italic, Georgia, serif; }
+p#test4 { font-family: Arial Bold Italic, Georgia, serif; }
+
+p#test1 { color: black; }
+p#test2 { color: red; }
+p#test3 { color: red; }
+p#test4 { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1">{ font-family: Arial, sans-serif; }</p>
+<p id="test2">{ font-family: Arial Bold, Georgia, serif; }</p>
+<p id="test3">{ font-family: Arial Italic, Georgia, serif; }</p>
+<p id="test4">{ font-family: Arial Bold Italic, Georgia, serif; }</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-variations-2-ref.html b/layout/reftests/font-matching/arial-variations-2-ref.html
new file mode 100644
index 0000000000..04c8c8601a
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-2-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1a { font-family: Arial, sans-serif; }
+p#test2a { font-family: Georgia, serif; }
+p#test3a { font-family: Georgia, serif; }
+p#test4a { font-family: Georgia, serif; }
+
+p#test1a { color: black; }
+p#test2a { color: red; }
+p#test3a { color: red; }
+p#test4a { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1a">{ font-family: arial, sans-serif; }</p>
+<p id="test2a">{ font-family: arial bold, georgia, serif; }</p>
+<p id="test3a">{ font-family: arial italic, georgia, serif; }</p>
+<p id="test4a">{ font-family: arial bold italic, georgia, serif; }</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-variations-2.html b/layout/reftests/font-matching/arial-variations-2.html
new file mode 100644
index 0000000000..a6daf7157b
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-2.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1a { font-family: arial, sans-serif; }
+p#test2a { font-family: arial bold, georgia, serif; }
+p#test3a { font-family: arial italic, georgia, serif; }
+p#test4a { font-family: arial bold italic, georgia, serif; }
+
+p#test1a { color: black; }
+p#test2a { color: red; }
+p#test3a { color: red; }
+p#test4a { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1a">{ font-family: arial, sans-serif; }</p>
+<p id="test2a">{ font-family: arial bold, georgia, serif; }</p>
+<p id="test3a">{ font-family: arial italic, georgia, serif; }</p>
+<p id="test4a">{ font-family: arial bold italic, georgia, serif; }</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-variations-3-ref.html b/layout/reftests/font-matching/arial-variations-3-ref.html
new file mode 100644
index 0000000000..625a51a49c
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-3-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1b { font-family: Georgia, serif; }
+p#test2b { font-family: Georgia, serif; }
+p#test3b { font-family: Georgia, serif; }
+p#test4b { font-family: Georgia, serif; }
+
+p#test1b { color: red; }
+p#test2b { color: red; }
+p#test3b { color: red; }
+p#test4b { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1b">{ font-family: ArialMT, Georgia, serif; }</p>
+<p id="test2b">{ font-family: Arial-BoldMT, Georgia, serif; }</p>
+<p id="test3b">{ font-family: Arial-ItalicMT, Georgia, serif; }</p>
+<p id="test4b">{ font-family: Arial-BoldItalicMT, Georgia, serif; }</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-variations-3.html b/layout/reftests/font-matching/arial-variations-3.html
new file mode 100644
index 0000000000..ce1ca3ffc7
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-3.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1b { font-family: ArialMT, Georgia, serif; }
+p#test2b { font-family: Arial-BoldMT, Georgia, serif; }
+p#test3b { font-family: Arial-ItalicMT, Georgia, serif; }
+p#test4b { font-family: Arial-BoldItalicMT, Georgia, serif; }
+
+p#test1b { color: red; }
+p#test2b { color: red; }
+p#test3b { color: red; }
+p#test4b { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1b">{ font-family: ArialMT, Georgia, serif; }</p>
+<p id="test2b">{ font-family: Arial-BoldMT, Georgia, serif; }</p>
+<p id="test3b">{ font-family: Arial-ItalicMT, Georgia, serif; }</p>
+<p id="test4b">{ font-family: Arial-BoldItalicMT, Georgia, serif; }</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/arial-variations-4-ref.html b/layout/reftests/font-matching/arial-variations-4-ref.html
new file mode 100644
index 0000000000..843851d254
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-4-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1c { font-family: Georgia, serif; }
+p#test2c { font-family: Georgia, serif; }
+p#test3c { font-family: Georgia, serif; }
+p#test4c { font-family: Georgia, serif; }
+
+p#test1c { color: red; }
+p#test2c { color: red; }
+p#test3c { color: red; }
+p#test4c { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1c">{ font-family: arialmt, georgia, serif; }</p>
+<p id="test2c">{ font-family: arial-boldmt, georgia, serif; }</p>
+<p id="test3c">{ font-family: arial-italicmt, georgia, serif; }</p>
+<p id="test4c">{ font-family: arial-bolditalicmt, georgia, serif; }</p>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arial-variations-4.html b/layout/reftests/font-matching/arial-variations-4.html
new file mode 100644
index 0000000000..a52d97daa6
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-4.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1c { font-family: arialmt, georgia, serif; }
+p#test2c { font-family: arial-boldmt, georgia, serif; }
+p#test3c { font-family: arial-italicmt, georgia, serif; }
+p#test4c { font-family: arial-bolditalicmt, georgia, serif; }
+
+p#test1c { color: red; }
+p#test2c { color: red; }
+p#test3c { color: red; }
+p#test4c { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1c">{ font-family: arialmt, georgia, serif; }</p>
+<p id="test2c">{ font-family: arial-boldmt, georgia, serif; }</p>
+<p id="test3c">{ font-family: arial-italicmt, georgia, serif; }</p>
+<p id="test4c">{ font-family: arial-bolditalicmt, georgia, serif; }</p>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arial-variations-5-ref.html b/layout/reftests/font-matching/arial-variations-5-ref.html
new file mode 100644
index 0000000000..583c5d51d7
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-5-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1d { font-family: Arial, sans-serif; }
+p#test2d { font-family: Georgia, serif; }
+p#test3d { font-family: Georgia, serif; }
+p#test4d { font-family: Georgia, serif; }
+
+p#test1d { color: black; }
+p#test2d { color: red; }
+p#test3d { color: red; }
+p#test4d { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1d">{ font-family: "Arial", sans-serif; }</p>
+<p id="test2d">{ font-family: "Arial Bold", Georgia, serif; }</p>
+<p id="test3d">{ font-family: "Arial Italic", Georgia, serif; }</p>
+<p id="test4d">{ font-family: "Arial Bold Italic", Georgia, serif; }</p>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arial-variations-5.html b/layout/reftests/font-matching/arial-variations-5.html
new file mode 100644
index 0000000000..73d2371282
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-5.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1d { font-family: "Arial", sans-serif; }
+p#test2d { font-family: "Arial Bold", Georgia, serif; }
+p#test3d { font-family: "Arial Italic", Georgia, serif; }
+p#test4d { font-family: "Arial Bold Italic", Georgia, serif; }
+
+p#test1d { color: black; }
+p#test2d { color: red; }
+p#test3d { color: red; }
+p#test4d { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1d">{ font-family: "Arial", sans-serif; }</p>
+<p id="test2d">{ font-family: "Arial Bold", Georgia, serif; }</p>
+<p id="test3d">{ font-family: "Arial Italic", Georgia, serif; }</p>
+<p id="test4d">{ font-family: "Arial Bold Italic", Georgia, serif; }</p>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arial-variations-6-ref.html b/layout/reftests/font-matching/arial-variations-6-ref.html
new file mode 100644
index 0000000000..60fba9530e
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-6-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1e { font-family: Arial, sans-serif; }
+p#test2e { font-family: Georgia, serif; }
+p#test3e { font-family: Georgia, serif; }
+p#test4e { font-family: Georgia, serif; }
+
+p#test1e { color: black; }
+p#test2e { color: red; }
+p#test3e { color: red; }
+p#test4e { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1e">{ font-family: "arial", sans-serif; }</p>
+<p id="test2e">{ font-family: "arial bold", georgia, serif; }</p>
+<p id="test3e">{ font-family: "arial italic", georgia, serif; }</p>
+<p id="test4e">{ font-family: "arial bold italic", georgia, serif; }</p>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arial-variations-6.html b/layout/reftests/font-matching/arial-variations-6.html
new file mode 100644
index 0000000000..0dd1e3b407
--- /dev/null
+++ b/layout/reftests/font-matching/arial-variations-6.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Arial Variations</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+p#test1e { font-family: "arial", sans-serif; }
+p#test2e { font-family: "arial bold", georgia, serif; }
+p#test3e { font-family: "arial italic", georgia, serif; }
+p#test4e { font-family: "arial bold italic", georgia, serif; }
+
+p#test1e { color: black; }
+p#test2e { color: red; }
+p#test3e { color: red; }
+p#test4e { color: red; }
+
+#tests {
+  font-size: 18pt;
+  margin-left: 0.5em;
+}
+
+</style>
+
+</head>
+<body>
+
+<p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
+
+<div id="tests">
+<p id="test1e">{ font-family: "arial", sans-serif; }</p>
+<p id="test2e">{ font-family: "arial bold", georgia, serif; }</p>
+<p id="test3e">{ font-family: "arial italic", georgia, serif; }</p>
+<p id="test4e">{ font-family: "arial bold italic", georgia, serif; }</p>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arialunicode-bold.html b/layout/reftests/font-matching/arialunicode-bold.html
new file mode 100644
index 0000000000..3b765c3801
--- /dev/null
+++ b/layout/reftests/font-matching/arialunicode-bold.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Arial Unicode MS, serif; font-weight: bold; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arialunicode-bolditalic.html b/layout/reftests/font-matching/arialunicode-bolditalic.html
new file mode 100644
index 0000000000..728bead4fc
--- /dev/null
+++ b/layout/reftests/font-matching/arialunicode-bolditalic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Arial Unicode MS, serif; font-weight: bold; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arialunicode-italic.html b/layout/reftests/font-matching/arialunicode-italic.html
new file mode 100644
index 0000000000..c9ab0231c3
--- /dev/null
+++ b/layout/reftests/font-matching/arialunicode-italic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Arial Unicode MS, serif; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arialunicode-oblique.html b/layout/reftests/font-matching/arialunicode-oblique.html
new file mode 100644
index 0000000000..c9ab0231c3
--- /dev/null
+++ b/layout/reftests/font-matching/arialunicode-oblique.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Arial Unicode MS, serif; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/arialunicode.html b/layout/reftests/font-matching/arialunicode.html
new file mode 100644
index 0000000000..92469691e7
--- /dev/null
+++ b/layout/reftests/font-matching/arialunicode.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Arial Unicode MS, serif; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/bold-system-fallback-1-notref.html b/layout/reftests/font-matching/bold-system-fallback-1-notref.html
new file mode 100644
index 0000000000..c6f8709f2e
--- /dev/null
+++ b/layout/reftests/font-matching/bold-system-fallback-1-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>Test for bold when system fallback is used</title>
+</head>
+<body>
+<!--
+  -- On OS X and Win7, the Plantagenet Cherokee font is only available in Regular weight.
+  --
+  -- Cherokee text including <b> elements taken from
+  -- http://chr.wikipedia.org/wiki/%E1%8F%A9%E1%8E%A6%E1%8F%A7%E1%8E%A7%E1%8F%85%E1%8F%8D%E1%8F%95%E1%8E%BE_%E1%8E%A4%E1%8F%82%E1%8E%BE%E1%8F%97%E1%8F%85%E1%8F%97
+  --
+  -->
+<p>ᏩᎦᏧᎧᏅᏍᏕᎾ ᎤᏂᎾᏗᏅᏗ ᎨᏒᎢ ᎠᏂᏙᎾᎥ ᎠᎴᏫᏍᏙᏗ ᎢᏳᏩᎪᏗ ᎯᎳᎪ ᎢᏳ ᏚᏂᎬᏩᎶᏔᏅ ᎠᎴ ᎠᎵᏌᎳᏗᏍᎬ
+ᎭᏫᎾᏗᏢ ᎠᏕᎸ ᏄᎾᏍᏛ ᎤᏂᎾᏗᏅᏗ ᎦᏣᏄᎳᎯᎨ ᎬᎾᏬᏍᎬ ᎤᎾᏤᎵ ᎧᏃᎮᏍᎩ ᏄᎵᏍᏔᏅ ᎢᎦᏘᎭ ᎢᎬᏁᎸ, ᎭᏫᎾᏗᏢ ᏧᏓᎴᎾᎢ
+ᎠᎵᏐᏆᎸᏗ ᎤᏂᎾᏗᏅᏗ ᎦᏙ ᎤᏍᏗ ᎨᏒᎢ ᎠᏂᏙᎾᎥ ᎠᎴᏫᏍᏙᏗ ᎢᏳᏩᎪᏗ ᎯᎳᎪ ᎢᏳ ᏚᏂᎬᏩᎶᏔᏅ ᎠᎴ ᎦᎶᏍᎬ.</p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/bold-system-fallback-1.html b/layout/reftests/font-matching/bold-system-fallback-1.html
new file mode 100644
index 0000000000..037f7306e3
--- /dev/null
+++ b/layout/reftests/font-matching/bold-system-fallback-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>Test for bold when system fallback is used</title>
+</head>
+<body>
+<!--
+  -- On OS X and Win7, the Plantagenet Cherokee font is only available in Regular weight.
+  --
+  -- Cherokee text including <b> elements taken from
+  -- http://chr.wikipedia.org/wiki/%E1%8F%A9%E1%8E%A6%E1%8F%A7%E1%8E%A7%E1%8F%85%E1%8F%8D%E1%8F%95%E1%8E%BE_%E1%8E%A4%E1%8F%82%E1%8E%BE%E1%8F%97%E1%8F%85%E1%8F%97
+  --
+  -->
+<p><b>ᏩᎦᏧᎧᏅᏍᏕᎾ ᎤᏂᎾᏗᏅᏗ</b> ᎨᏒᎢ ᎠᏂᏙᎾᎥ ᎠᎴᏫᏍᏙᏗ ᎢᏳᏩᎪᏗ ᎯᎳᎪ ᎢᏳ ᏚᏂᎬᏩᎶᏔᏅ ᎠᎴ ᎠᎵᏌᎳᏗᏍᎬ
+ᎭᏫᎾᏗᏢ ᎠᏕᎸ ᏄᎾᏍᏛ ᎤᏂᎾᏗᏅᏗ ᎦᏣᏄᎳᎯᎨ ᎬᎾᏬᏍᎬ ᎤᎾᏤᎵ ᎧᏃᎮᏍᎩ ᏄᎵᏍᏔᏅ ᎢᎦᏘᎭ ᎢᎬᏁᎸ, ᎭᏫᎾᏗᏢ ᏧᏓᎴᎾᎢ
+<b>ᎠᎵᏐᏆᎸᏗ ᎤᏂᎾᏗᏅᏗ</b> ᎦᏙ ᎤᏍᏗ ᎨᏒᎢ ᎠᏂᏙᎾᎥ ᎠᎴᏫᏍᏙᏗ ᎢᏳᏩᎪᏗ ᎯᎳᎪ ᎢᏳ ᏚᏂᎬᏩᎶᏔᏅ ᎠᎴ ᎦᎶᏍᎬ.</p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/bold-system-fallback-2-notref.html b/layout/reftests/font-matching/bold-system-fallback-2-notref.html
new file mode 100644
index 0000000000..2a019c6de6
--- /dev/null
+++ b/layout/reftests/font-matching/bold-system-fallback-2-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>Test for bold when system fallback is used</title>
+</head>
+<body>
+<!--
+  -- Chess symbols will use Droid Sans Fallback on Android,
+  -- which only has a single weight.
+  --
+  -- On some platforms there may be "regular" glyphs in the Bold face
+  -- of the fallback font used (e.g. Menlo on OS X), so this will
+  -- not reliably pass there.
+  -->
+<p>&#x2654;&#x2655;&#x2656;&#x2657;&#x2658;&#x2659;</p>
+<p>&#x2654;&#x2655;&#x2656;&#x2657;&#x2658;&#x2659;</p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/bold-system-fallback-2.html b/layout/reftests/font-matching/bold-system-fallback-2.html
new file mode 100644
index 0000000000..40400a846e
--- /dev/null
+++ b/layout/reftests/font-matching/bold-system-fallback-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>Test for bold when system fallback is used</title>
+</head>
+<body>
+<!--
+  -- Chess symbols will use Droid Sans Fallback on Android,
+  -- which only has a single weight.
+  --
+  -- On some platforms there may be "regular" glyphs in the Bold face
+  -- of the fallback font used (e.g. Menlo on OS X), so this will
+  -- not reliably pass there.
+  -->
+<p>&#x2654;&#x2655;&#x2656;&#x2657;&#x2658;&#x2659;</p>
+<p><b>&#x2654;&#x2655;&#x2656;&#x2657;&#x2658;&#x2659;</b></p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/defaultfont-bold.html b/layout/reftests/font-matching/defaultfont-bold.html
new file mode 100644
index 0000000000..8d4de33951
--- /dev/null
+++ b/layout/reftests/font-matching/defaultfont-bold.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-weight: bold; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultfont-bolditalic.html b/layout/reftests/font-matching/defaultfont-bolditalic.html
new file mode 100644
index 0000000000..d8db0d7d9c
--- /dev/null
+++ b/layout/reftests/font-matching/defaultfont-bolditalic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-weight: bold; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultfont-italic.html b/layout/reftests/font-matching/defaultfont-italic.html
new file mode 100644
index 0000000000..76d4ca0e52
--- /dev/null
+++ b/layout/reftests/font-matching/defaultfont-italic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultfont-oblique.html b/layout/reftests/font-matching/defaultfont-oblique.html
new file mode 100644
index 0000000000..9930095dcb
--- /dev/null
+++ b/layout/reftests/font-matching/defaultfont-oblique.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-style: oblique; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultfont.html b/layout/reftests/font-matching/defaultfont.html
new file mode 100644
index 0000000000..18629c8052
--- /dev/null
+++ b/layout/reftests/font-matching/defaultfont.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+</style>
+</head>
+<body><p>Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultjapanese-bold.html b/layout/reftests/font-matching/defaultjapanese-bold.html
new file mode 100644
index 0000000000..d25f250fae
--- /dev/null
+++ b/layout/reftests/font-matching/defaultjapanese-bold.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-weight: bold; font-style: normal; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultjapanese-bolditalic.html b/layout/reftests/font-matching/defaultjapanese-bolditalic.html
new file mode 100644
index 0000000000..3487e2eea8
--- /dev/null
+++ b/layout/reftests/font-matching/defaultjapanese-bolditalic.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-weight: bold; font-style: italic; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultjapanese-italic.html b/layout/reftests/font-matching/defaultjapanese-italic.html
new file mode 100644
index 0000000000..0d7d4d0560
--- /dev/null
+++ b/layout/reftests/font-matching/defaultjapanese-italic.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-weight: normal; font-style: italic; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultjapanese-oblique.html b/layout/reftests/font-matching/defaultjapanese-oblique.html
new file mode 100644
index 0000000000..fb0c3d5429
--- /dev/null
+++ b/layout/reftests/font-matching/defaultjapanese-oblique.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-style: oblique; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/defaultjapanese.html b/layout/reftests/font-matching/defaultjapanese.html
new file mode 100644
index 0000000000..ff3ad7b822
--- /dev/null
+++ b/layout/reftests/font-matching/defaultjapanese.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-weight: normal; font-style: normal; }
+</style>
+</head>
+<body><p id="test">魅力的な人</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/descriptor-ranges-ref.html b/layout/reftests/font-matching/descriptor-ranges-ref.html
new file mode 100644
index 0000000000..b76460fb98
--- /dev/null
+++ b/layout/reftests/font-matching/descriptor-ranges-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style id="dynamicStyles">
+</style>
+
+<div id="testContents" style="columns: 2; font-size: 10px;">
+</div>
+
+<script>
+/* Reference file creates only a single face in each test font-family,
+   so that it will always have the expected rendering without relying
+   on the font-matching algorithm to choose between faces. */
+function createFontFaceRules(family, descriptor, expectedMatch, unexpectedMatch) {
+    return `@font-face { font-family: ${family}; src: url(../fonts/Chunkfive.otf); ${descriptor}: ${expectedMatch}; }\n`;
+}
+</script>
+
+<script src="descriptor-ranges.js"></script>
diff --git a/layout/reftests/font-matching/descriptor-ranges.html b/layout/reftests/font-matching/descriptor-ranges.html
new file mode 100644
index 0000000000..573e4398da
--- /dev/null
+++ b/layout/reftests/font-matching/descriptor-ranges.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style id="dynamicStyles">
+</style>
+
+<div id="testContents" style="columns: 2; font-size: 10px;">
+</div>
+
+<script>
+/* Create font-family with two faces; the testcase to use the face with the
+   'expectedMatch' descriptor, and not the 'unexpectedMatch'. So any testcase
+   whose text is replaced by Ahem glyphs has failed font-matching. */
+function createFontFaceRules(family, descriptor, expectedMatch, unexpectedMatch) {
+    return `@font-face { font-family: ${family}; src: url(../fonts/Chunkfive.otf); ${descriptor}: ${expectedMatch}; }\n` +
+           `@font-face { font-family: ${family}; src: url(../fonts/Ahem.ttf); ${descriptor}: ${unexpectedMatch}; }\n`;
+}
+</script>
+
+<script src="descriptor-ranges.js"></script>
diff --git a/layout/reftests/font-matching/descriptor-ranges.js b/layout/reftests/font-matching/descriptor-ranges.js
new file mode 100644
index 0000000000..e59bd0d45c
--- /dev/null
+++ b/layout/reftests/font-matching/descriptor-ranges.js
@@ -0,0 +1,79 @@
+/* Script used by descriptor-ranges.html and descriptor-ranges-ref.html
+   to create @font-face rules and test elements for a collection of
+   font-matching testcases. */
+
+// To create unique font-family names for each testcase.
+let serial = 0;
+
+// Accumulators for the lists of @font-face rules and test elements.
+let fontFaceRules = "";
+let testElements = "";
+
+// Create a <div> element with the font properties to match. Its text reports
+// the property-value and corresponding pair of descriptors being tested.
+// (The associated createFontFaceRules() function is defined separately in the
+// test and reference files.)
+function createTestElement(family, weight, style, stretch, value, expected, unexpected) {
+    return `<div style="font-family:${family}; font-weight:${weight}; font-style:${style}; font-stretch:${stretch};">` +
+           `${family} ${value} (${expected} vs ${unexpected})</div>\n`;
+}
+
+// Create testcases for the given descriptor.
+// Each testcase has a test property value, and a list of @font-face descriptors
+// to be matched against the property, where each descriptor in the list should
+// be preferred over the next.
+function testDescriptor(descriptorName, testCases) {
+    testElements += `<div style="background:yellow;padding:0.5em">Tests of ${descriptorName} descriptor:</div>\n`;
+    testCases.forEach(function (testCase) {
+        // Go though test cases, checking each descriptor has higher priority than next in the list
+        for (let i = 0; i < testCase.testDescriptors.length - 1; i++) {
+            serial++;
+            let expectedMatch   = testCase.testDescriptors[i];
+            let unexpectedMatch = testCase.testDescriptors[i + 1];
+            let familyName = "test_" + serial;
+            fontFaceRules += createFontFaceRules(familyName, descriptorName, expectedMatch, unexpectedMatch);
+            let testWeight  = (descriptorName == "font-weight")  ? testCase.value : "normal";
+            let testStyle   = (descriptorName == "font-style")   ? testCase.value : "normal";
+            let testStretch = (descriptorName == "font-stretch") ? testCase.value : "normal";
+            testElements += createTestElement(familyName, testWeight, testStyle, testStretch,
+                                              testCase.value, expectedMatch, unexpectedMatch);
+        }
+    });
+}
+
+// Testcases (from web-platform/tests/css/css-fonts/variations/at-font-face-font-matching.html,
+// with a couple of extras). In each case, for the given property value, the testDescriptors
+// are listed from 'best' to 'worse' match, as evaluated by the font-matching algorithm in
+// https://drafts.csswg.org/css-fonts-4/#font-style-matching.
+testDescriptor("font-weight", [
+    { value: "400", testDescriptors: ["400", "450 460", "500", "350 399", "351 398", "501 550", "502 560"] },
+    { value: "430", testDescriptors: ["420 440", "450 460", "500", "400 425", "350 399", "340 398", "501 550", "502 560"] },
+    { value: "500", testDescriptors: ["500", "450 460", "400", "350 399", "351 398", "501 550", "502 560"] },
+    { value: "501", testDescriptors: ["501", "502 510", "503 520", "500", "450 460", "390 410", "300 350"] },
+    { value: "399", testDescriptors: ["350 399", "340 360", "200 300", "400", "450 460", "500 501", "502 510"] },
+    { value: "350", testDescriptors: ["200 300", "250 280", "420 450", "430 440", "445"] },
+    { value: "550", testDescriptors: ["600 800", "700 900", "420 450", "430 440", "425"] }
+]);
+
+testDescriptor("font-stretch", [
+    { value: "100%", testDescriptors: ["100%", "110% 120%", "115% 116%"] },
+    { value: "110%", testDescriptors: ["110% 120%", "115% 116%", "105%", "100%", "50% 80%", "60% 70%"] },
+    { value: "90%",  testDescriptors: ["90% 100%", "50% 80%", "60% 70%", "110% 140%", "120% 130%"] },
+]);
+
+testDescriptor("font-style", [
+    { value: "normal",         testDescriptors: ["normal", "oblique 0deg", "oblique 10deg 40deg", "oblique 20deg 30deg", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "italic",         testDescriptors: ["italic", "oblique 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "oblique 5deg 10deg", "oblique 5deg", "normal", "oblique 0deg", "oblique -60deg -30deg", "oblique -50deg -40deg" ] },
+    { value: "oblique 20deg",  testDescriptors: ["oblique 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "oblique 10deg", "italic", "oblique 0deg", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique 21deg",  testDescriptors: ["oblique 21deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "oblique 20deg", "oblique 10deg", "italic", "oblique 0deg",  "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique 10deg",  testDescriptors: ["oblique 10deg", "oblique 5deg", "oblique 15deg 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "italic", "oblique 0deg", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique 0deg",   testDescriptors: ["oblique 0deg", "oblique 5deg", "oblique 15deg 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "italic", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique -10deg", testDescriptors: ["oblique -10deg", "oblique -5deg", "oblique -1deg 0deg", "oblique -20deg -15deg", "oblique -60deg -30deg", "oblique -50deg -40deg", "italic", "oblique 0deg 10deg", "oblique 40deg 50deg" ] },
+    { value: "oblique -20deg", testDescriptors: ["oblique -20deg", "oblique -60deg -40deg", "oblique -10deg", "italic", "oblique 0deg", "oblique 30deg 60deg", "oblique 40deg 50deg"] },
+    { value: "oblique -21deg", testDescriptors: ["oblique -21deg", "oblique -60deg -40deg", "oblique -10deg", "italic", "oblique 0deg", "oblique 30deg 60deg", "oblique 40deg 50deg"] },
+]);
+
+// Stuff the @font-face rules and test elements into the document.
+// Any testcases that render Ahem glyphs are failures.
+document.getElementById("dynamicStyles").innerHTML = fontFaceRules;
+document.getElementById("testContents").innerHTML = testElements;
diff --git a/layout/reftests/font-matching/emoji-fallback-1-ref.html b/layout/reftests/font-matching/emoji-fallback-1-ref.html
new file mode 100644
index 0000000000..d7c6eb6a83
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-fallback-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji fallback</title>
+<style>
+div {
+  font-size: 48pt;
+}
+#test {
+  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Twemoji Mozilla', 'Noto Color Emoji';
+  font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div><span id=test>&#x231a;&#x231b;&#x1f300;&#x1f301;</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-fallback-1.html b/layout/reftests/font-matching/emoji-fallback-1.html
new file mode 100644
index 0000000000..57fda93275
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-fallback-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji fallback</title>
+<style>
+div {
+  font-size: 48pt;
+}
+#test {
+  font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div><span id=test>&#x231a;&#x231b;&#x1f300;&#x1f301;</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-fallback-2-ref.html b/layout/reftests/font-matching/emoji-fallback-2-ref.html
new file mode 100644
index 0000000000..144f08f1b8
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-fallback-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji fallback to text font</title>
+<style>
+div {
+  font-size: 48pt;
+}
+#test {
+  font-family: 'Segoe UI Symbol', 'Apple Symbols', 'Noto Sans Symbols';
+  font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div><span id=test>&#x231a;&#xfe0e;&#x231b;&#xfe0e;&#x1f300;&#xfe0e;&#x1f301;&#xfe0e;</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-fallback-2.html b/layout/reftests/font-matching/emoji-fallback-2.html
new file mode 100644
index 0000000000..e9aa618d6a
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-fallback-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji fallback to text font</title>
+<style>
+div {
+  font-size: 48pt;
+}
+#test {
+  /* Because of the presence of the U+FE0E variation selectors, we should prefer the
+     the monochrome fonts even though color-emoji fonts are listed first. */
+  font-family: 'Segoe UI Emoji', 'Twemoji Mozilla', 'Apple Color Emoji', 'Noto Color Emoji',
+               'Segoe UI Symbol', 'Apple Symbols', 'Noto Sans Symbols';
+  font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div><span id=test>&#x231a;&#xfe0e;&#x231b;&#xfe0e;&#x1f300;&#xfe0e;&#x1f301;&#xfe0e;</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-fallback-3-ref.html b/layout/reftests/font-matching/emoji-fallback-3-ref.html
new file mode 100644
index 0000000000..94fee73901
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-fallback-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji fallback to color font</title>
+<style>
+div {
+  font-size: 48pt;
+}
+#test {
+  font-family: 'Segoe UI Emoji', 'Twemoji Mozilla', 'Apple Color Emoji', 'Noto Color Emoji';
+  font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div><span id=test>&#x1f170;&#x1f171;</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-fallback-3.html b/layout/reftests/font-matching/emoji-fallback-3.html
new file mode 100644
index 0000000000..42f4d09ec7
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-fallback-3.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji fallback to color font</title>
+<style>
+div {
+  font-size: 48pt;
+}
+#test {
+  /* Because of the presence of the U+FE0F variation selectors, we should find
+     a color-emoji font even though the b/w symbol fonts are listed first. */
+  font-family: 'Segoe UI Symbol', 'Apple Symbols', 'Noto Sans Symbols',
+               'Segoe UI Emoji', 'Twemoji Mozilla', 'Apple Color Emoji', 'Noto Color Emoji';
+  font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div><span id=test>&#x1f170;&#xfe0f;&#x1f171;&#xfe0f;</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-keycap-2-notref.html b/layout/reftests/font-matching/emoji-keycap-2-notref.html
new file mode 100644
index 0000000000..78ca47f02e
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-keycap-2-notref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font: 100px/2 serif, Segoe UI Emoji">0&#xfe0f;&#x20e3;</div>
diff --git a/layout/reftests/font-matching/emoji-keycap-2.html b/layout/reftests/font-matching/emoji-keycap-2.html
new file mode 100644
index 0000000000..16b9f6ab63
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-keycap-2.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font: 100px/2 serif, Twemoji Mozilla, Segoe UI Emoji">0&#xfe0f;&#x20e3;</div>
diff --git a/layout/reftests/font-matching/emoji-keycap-notref.html b/layout/reftests/font-matching/emoji-keycap-notref.html
new file mode 100644
index 0000000000..d4ec6f4003
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-keycap-notref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>keycap emoji</title>
+<style>
+#test {
+    font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div id=test>
+<div>&#x23;&#x20e3;&#x30;&#x20e3;</div>
+<div>&#x23;&#x23;&#x20e3;&#x30;&#x20e3;</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-keycap.html b/layout/reftests/font-matching/emoji-keycap.html
new file mode 100644
index 0000000000..5bc803566e
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-keycap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>keycap emoji</title>
+<style>
+#test {
+    font-size: 24pt;
+}
+</style>
+</head>
+<body>
+
+<div id=test>
+<div>&#x23;&#xfe0f;&#x20e3;&#x30;&#xfe0f;&#x20e3;</div>
+<div>&#x23;&#x23;&#xfe0f;&#x20e3;&#x30;&#xfe0f;&#x20e3;</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-skintone-ref.html b/layout/reftests/font-matching/emoji-skintone-ref.html
new file mode 100644
index 0000000000..77efa66820
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-skintone-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji with skintone</title>
+<style>
+#test {
+    font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Twemoji Mozilla', 'Noto Color Emoji', 'Segoe UI Symbol', 'Apple Symbols', 'DejaVu Sans', 'Noto Sans Symbols';
+}
+</style>
+</head>
+<body>
+
+<div id=test>
+<span>&#x261d;&#x1f3fb;&#x261d;&#xfe0e;&#x261d;&#x1f3fb;</span><br>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-skintone.html b/layout/reftests/font-matching/emoji-skintone.html
new file mode 100644
index 0000000000..dcb4f106df
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-skintone.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="utf-8">
+<title>emoji with skintone</title>
+<style>
+#test {
+    font-family: 'Segoe UI Symbol', 'Apple Symbols', 'DejaVu Sans', 'Noto Sans Symbols', 'Segoe UI Emoji', 'Apple Color Emoji', 'Twemoji Mozilla', 'Noto Color Emoji';
+}
+</style>
+</head>
+<body>
+
+<div id=test>
+<span>&#x261d;&#x1f3fb;&#x261d;&#xfe0e;&#x261d;&#x1f3fb;</span><br>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/emoji-subregion-flag-notref.html b/layout/reftests/font-matching/emoji-subregion-flag-notref.html
new file mode 100644
index 0000000000..83d4c9a5de
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-subregion-flag-notref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<h1>England: &#x1f3f4;</h1>
+
diff --git a/layout/reftests/font-matching/emoji-subregion-flag.html b/layout/reftests/font-matching/emoji-subregion-flag.html
new file mode 100644
index 0000000000..9ba29cf276
--- /dev/null
+++ b/layout/reftests/font-matching/emoji-subregion-flag.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<h1>England: &#x1f3f4;&#xe0067;&#xe0062;&#xe0065;&#xe006e;&#xe0067;&#xe007f;</h1>
+
diff --git a/layout/reftests/font-matching/fallback-respects-generic-1-ref.html b/layout/reftests/font-matching/fallback-respects-generic-1-ref.html
new file mode 100644
index 0000000000..c812c5a03b
--- /dev/null
+++ b/layout/reftests/font-matching/fallback-respects-generic-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<style>
+.a { font: 32px serif; }
+.b { font: 32px sans-serif; }
+strut { font-size: 2em; }
+</style>
+<p>The first Chinese line should use the <tt>serif</tt> font setting from prefs;
+the second should use the <tt>sans-serif</tt> font setting.</p>
+<p class="a"><span lang="zh-CN">你好吗？</span><strut>&nbsp;</strut></p>
+<p class="b"><span lang="zh-CN">你好吗？</span><strut>&nbsp;</strut></p>
diff --git a/layout/reftests/font-matching/fallback-respects-generic-1.html b/layout/reftests/font-matching/fallback-respects-generic-1.html
new file mode 100644
index 0000000000..a4b504e289
--- /dev/null
+++ b/layout/reftests/font-matching/fallback-respects-generic-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<style>
+.a { font: 32px serif; }
+.b { font: 32px sans-serif; }
+strut { font-size: 2em; } /* to force stable line height/baseline position */
+</style>
+<p>The first Chinese line should use the <tt>serif</tt> font setting from prefs;
+the second should use the <tt>sans-serif</tt> font setting.</p>
+<p class="a">你好吗？<strut>&nbsp;</strut></p>
+<p class="b">你好吗？<strut>&nbsp;</strut></p>
diff --git a/layout/reftests/font-matching/familyname-escapedidents-ref.html b/layout/reftests/font-matching/familyname-escapedidents-ref.html
new file mode 100644
index 0000000000..2f54eb85a7
--- /dev/null
+++ b/layout/reftests/font-matching/familyname-escapedidents-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Escaped family names test</title>
+<meta charset="UTF-8">
+<style>
+body { margin: 20px; }
+#test, #test2 { font-family: serif; }
+</style>
+
+</head>
+<body>
+<p id=test>Should be serif</p>
+<p id=test2>Should be serif</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/familyname-escapedidents.html b/layout/reftests/font-matching/familyname-escapedidents.html
new file mode 100644
index 0000000000..0a328d6b13
--- /dev/null
+++ b/layout/reftests/font-matching/familyname-escapedidents.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Escaped family names test</title>
+<meta charset="UTF-8">
+<style>
+body { margin: 20px; }
+#test { font-family: \20 Arial, \20 Verdana, \20 Deja Vu Sans, \20 Fira Sans, \20 Fira Sans OT, serif; }
+#test2 { font-family: Arial\20 , Verdana\20 , Deja Vu Sans\20 , Fira Sans\20 , Fira Sans OT\20 , serif; }
+</style>
+
+</head>
+<body>
+<p id=test>Should be serif</p>
+<p id=test2>Should be serif</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/font-shorthand-stretch-1.html b/layout/reftests/font-matching/font-shorthand-stretch-1.html
new file mode 100644
index 0000000000..1ac3073bf5
--- /dev/null
+++ b/layout/reftests/font-matching/font-shorthand-stretch-1.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+/* load 9 faces of DejaVu Sans in the "dvs" family, with appropriate style descriptors */
+@font-face {
+  font-family: dvs;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-weight: bold;
+  src: url(../fonts/dejavu-sans/DejaVuSans-Bold.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  src: url(../fonts/dejavu-sans/DejaVuSans-Oblique.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  font-weight: bold;
+  src: url(../fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf);
+}
+@font-face { /* note that there is no ExtraLight Condensed or Oblique */
+  font-family: dvs;
+  font-weight: 200;
+  src: url(../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-weight: bold;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  font-weight: bold;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf);
+}
+
+body {
+  font-family: dvs, serif;
+  font-size: 24px;
+}
+.l {
+  font-weight: 200;
+}
+</style>
+</head>
+<body>
+<!-- all 4 levels of "condensed" come out the same; "condensed" takes priority over "light" -->
+<div style="font: ultra-condensed 24px dvs, serif">ultra-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font: extra-condensed 24px dvs, serif">extra-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font: condensed 24px dvs, serif">condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font: semi-condensed 24px dvs, serif">semi-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<!-- "normal" and all 4 levels of "expanded" come out the same; "light" is available, but only in upright, not italic -->
+<div style="font: 24px dvs">normal <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font: semi-expanded 24px dvs, serif">semi-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font: expanded 24px dvs, serif">expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font: extra-expanded 24px dvs, serif">extra-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font: ultra-expanded 24px dvs, serif">ultra-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+</body>
+</html>
+
diff --git a/layout/reftests/font-matching/font-stretch-1-ref.html b/layout/reftests/font-matching/font-stretch-1-ref.html
new file mode 100644
index 0000000000..2fe8f2cf31
--- /dev/null
+++ b/layout/reftests/font-matching/font-stretch-1-ref.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+/* each face is loaded as a separate family, so we can address them individually
+   without involving the style-matching algorithm */
+@font-face {
+  font-family: dvs;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+@font-face {
+  font-family: dvsb;
+  src: url(../fonts/dejavu-sans/DejaVuSans-Bold.ttf);
+}
+@font-face {
+  font-family: dvsi;
+  src: url(../fonts/dejavu-sans/DejaVuSans-Oblique.ttf);
+}
+@font-face {
+  font-family: dvsbi;
+  src: url(../fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf);
+}
+@font-face { /* note that there is no ExtraLight Condensed or Oblique */
+  font-family: dvsl;
+  src: url(../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf);
+}
+@font-face {
+  font-family: dvsc;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed.ttf);
+}
+@font-face {
+  font-family: dvscb;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf);
+}
+@font-face {
+  font-family: dvsci;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf);
+}
+@font-face {
+  font-family: dvscbi;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf);
+}
+
+body {
+  font-family: dvs, serif;
+  font-size: 24px;
+}
+
+.b { font-family: dvsb; }
+.i { font-family: dvsi; }
+.bi { font-family: dvsbi; }
+.l { font-family: dvsl; }
+.c { font-family: dvsc; }
+.cb { font-family: dvscb; }
+.ci { font-family: dvsci; }
+.cbi { font-family: dvscbi; }
+</style>
+</head>
+<body>
+<!-- all 4 levels of "condensed" come out the same; "condensed" takes priority over "light" -->
+<div class="c">ultra-condensed <span class="ci">italic</span> <span class="cb">bold <span class="cbi">italic</span></span> <span class="c">light <span class="ci">italic</span></span></div>
+<div class="c">extra-condensed <span class="ci">italic</span> <span class="cb">bold <span class="cbi">italic</span></span> <span class="c">light <span class="ci">italic</span></span></div>
+<div class="c">condensed <span class="ci">italic</span> <span class="cb">bold <span class="cbi">italic</span></span> <span class="c">light <span class="ci">italic</span></span></div>
+<div class="c">semi-condensed <span class="ci">italic</span> <span class="cb">bold <span class="cbi">italic</span></span> <span class="c">light <span class="ci">italic</span></span></div>
+<!-- "normal" and all 4 levels of "expanded" come out the same; "light" is available, but only in upright, not italic -->
+<div>normal <span class="i">italic</span> <span class="b">bold <span class="bi">italic</span></span> <span class="l">light <span class="i">italic</span></span></div>
+<div>semi-expanded <span class="i">italic</span> <span class="b">bold <span class="bi">italic</span></span> <span class="l">light <span class="i">italic</span></span></div>
+<div>expanded <span class="i">italic</span> <span class="b">bold <span class="bi">italic</span></span> <span class="l">light <span class="i">italic</span></span></div>
+<div>extra-expanded <span class="i">italic</span> <span class="b">bold <span class="bi">italic</span></span> <span class="l">light <span class="i">italic</span></span></div>
+<div>ultra-expanded <span class="i">italic</span> <span class="b">bold <span class="bi">italic</span></span> <span class="l">light <span class="i">italic</span></span></div>
+</body>
+</html>
+
diff --git a/layout/reftests/font-matching/font-stretch-1.html b/layout/reftests/font-matching/font-stretch-1.html
new file mode 100644
index 0000000000..ca86a08ed9
--- /dev/null
+++ b/layout/reftests/font-matching/font-stretch-1.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+/* load 9 faces of DejaVu Sans in the "dvs" family, with appropriate style descriptors */
+@font-face {
+  font-family: dvs;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-weight: bold;
+  src: url(../fonts/dejavu-sans/DejaVuSans-Bold.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  src: url(../fonts/dejavu-sans/DejaVuSans-Oblique.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  font-weight: bold;
+  src: url(../fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf);
+}
+@font-face { /* note that there is no ExtraLight Condensed or Oblique */
+  font-family: dvs;
+  font-weight: 200;
+  src: url(../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-weight: bold;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf);
+}
+@font-face {
+  font-family: dvs;
+  font-style: italic;
+  font-weight: bold;
+  font-stretch: condensed;
+  src: url(../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf);
+}
+
+body {
+  font-family: dvs, serif;
+  font-size: 24px;
+}
+.l {
+  font-weight: 200;
+}
+</style>
+</head>
+<body>
+<!-- all 4 levels of "condensed" come out the same; "condensed" takes priority over "light" -->
+<div style="font-stretch: ultra-condensed">ultra-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font-stretch: extra-condensed">extra-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font-stretch: condensed">condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font-stretch: semi-condensed">semi-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<!-- "normal" and all 4 levels of "expanded" come out the same; "light" is available, but only in upright, not italic -->
+<div style="font-stretch: normal">normal <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font-stretch: semi-expanded">semi-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font-stretch: expanded">expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font-stretch: extra-expanded">extra-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+<div style="font-stretch: ultra-expanded">ultra-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
+</body>
+</html>
+
diff --git a/layout/reftests/font-matching/font-synthesis-1-ref.html b/layout/reftests/font-matching/font-synthesis-1-ref.html
new file mode 100644
index 0000000000..35e5911db3
--- /dev/null
+++ b/layout/reftests/font-matching/font-synthesis-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  font-family: test; /* family that lacks bold and italic faces */
+  font-size: 36px;
+  margin: 1em;
+}
+</style>
+</head>
+<body>
+<p>Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p>Hello, cruel <b>world!</b>
+<p>Hello, <i>cruel</i> world<i>!</i>
+<p>Hello, cruel world!
+</body>
+</html>
diff --git a/layout/reftests/font-matching/font-synthesis-1.html b/layout/reftests/font-matching/font-synthesis-1.html
new file mode 100644
index 0000000000..ebccfcac81
--- /dev/null
+++ b/layout/reftests/font-matching/font-synthesis-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  font-family: test; /* family that lacks bold and italic faces */
+  font-size: 36px;
+  margin: 1em;
+}
+</style>
+</head>
+<body>
+<p>Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p style="font-synthesis:weight">Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p style="font-synthesis:style">Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p style="font-synthesis:none">Hello, <i>cruel</i> <b>world<i>!</i></b>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/font-synthesis-2-ref.html b/layout/reftests/font-matching/font-synthesis-2-ref.html
new file mode 100644
index 0000000000..3bec8c0147
--- /dev/null
+++ b/layout/reftests/font-matching/font-synthesis-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  /* try for a locally-installed font that lacks Bold and Italic faces */
+  font-family: Papyrus, /* OS X */
+               Microsoft Sans Serif, /* Windows */
+               /* XXX no idea what to try for Linux desktop systems :( */
+               Droid Sans Fallback, /* Android, B2G */
+               test; /* fallback to avoid failures on "none of the above" */
+  font-size: 36px;
+  margin: 1em;
+}
+</style>
+</head>
+<body>
+<p>Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p>Hello, cruel <b>world!</b>
+<p>Hello, <i>cruel</i> world<i>!</i>
+<p>Hello, cruel world!
+</body>
+</html>
diff --git a/layout/reftests/font-matching/font-synthesis-2.html b/layout/reftests/font-matching/font-synthesis-2.html
new file mode 100644
index 0000000000..408d5f7537
--- /dev/null
+++ b/layout/reftests/font-matching/font-synthesis-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  /* try for a locally-installed font that lacks Bold and Italic faces */
+  font-family: Papyrus, /* OS X */
+               Microsoft Sans Serif, /* Windows */
+               /* XXX no idea what to try for Linux desktop systems :( */
+               Droid Sans Fallback, /* Android, B2G */
+               test; /* fallback to avoid failures on "none of the above" */
+  font-size: 36px;
+  margin: 1em;
+}
+</style>
+</head>
+<body>
+<p>Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p style="font-synthesis:weight">Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p style="font-synthesis:style">Hello, <i>cruel</i> <b>world<i>!</i></b>
+<p style="font-synthesis:none">Hello, <i>cruel</i> <b>world<i>!</i></b>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/hiragino-kaku-1-notref.html b/layout/reftests/font-matching/hiragino-kaku-1-notref.html
new file mode 100644
index 0000000000..c0f052d4b8
--- /dev/null
+++ b/layout/reftests/font-matching/hiragino-kaku-1-notref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="font: 36px serif">こんにちは</div>
diff --git a/layout/reftests/font-matching/hiragino-kaku-1.html b/layout/reftests/font-matching/hiragino-kaku-1.html
new file mode 100644
index 0000000000..a3eee129db
--- /dev/null
+++ b/layout/reftests/font-matching/hiragino-kaku-1.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<!-- check that the legacy Hiragino Kaku Gothic name is recognized -->
+<div style="font: 36px Hiragino Kaku Gothic ProN, serif">こんにちは</div>
diff --git a/layout/reftests/font-matching/illformed-lang-tags-1.html b/layout/reftests/font-matching/illformed-lang-tags-1.html
new file mode 100644
index 0000000000..31ae0914b7
--- /dev/null
+++ b/layout/reftests/font-matching/illformed-lang-tags-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<style>
+body {
+  font: 32px sans-serif;
+}
+.description {
+  font: 16px serif;
+}
+div {
+  position: relative;
+  height: 3em;
+}
+div p {
+  position: absolute;
+  color: red;
+}
+p + p {
+  color: green;
+}
+.red {
+  color: red;
+}
+.green {
+  color: green;
+}
+</style>
+<body>
+<p class=description>In each line, the <span class=green>green</span> glyphs should exactly overlay the <span class=red>red</span> ones:</p>
+</body>
+<script>
+// Some ideographs that should have lang-specific font variants (examples found in
+// https://en.wikipedia.org/wiki/Han_unification).
+const doingTest = (location.search != "?ref");
+const testStr = "今令免入全关具刃化外情才抵次海直真示神空者草蔥角道雇骨";
+["zh-CN", "zh-HK", "zh-TW", "ja-JP", "ko-KR", "ja-JP-alalc97"].forEach((lang) => {
+  let div = document.createElement("div");
+  document.body.appendChild(div);
+  // Create two layers of text, red and then green. In the test rendering, one layer
+  // has the "correct" lang tag, and the other has an ill-formed version with underscore;
+  // nevertheless we want it to render identically.
+  let p1 = document.createElement("p");
+  p1.lang = lang;
+  p1.textContent = testStr;
+  div.appendChild(p1);
+  if (doingTest) {
+    lang = lang.replace("-", "_");
+  }
+  let p2 = document.createElement("p");
+  p2.lang = lang;
+  p2.textContent = testStr;
+  div.appendChild(p2);
+});
+</script>
diff --git a/layout/reftests/font-matching/impact-bold.html b/layout/reftests/font-matching/impact-bold.html
new file mode 100644
index 0000000000..78a17c14cc
--- /dev/null
+++ b/layout/reftests/font-matching/impact-bold.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Impact, serif; font-weight: bold; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/impact-bolditalic.html b/layout/reftests/font-matching/impact-bolditalic.html
new file mode 100644
index 0000000000..c0c273ce40
--- /dev/null
+++ b/layout/reftests/font-matching/impact-bolditalic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Impact, serif; font-weight: bold; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/impact-italic.html b/layout/reftests/font-matching/impact-italic.html
new file mode 100644
index 0000000000..ce6a3ca7df
--- /dev/null
+++ b/layout/reftests/font-matching/impact-italic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Impact, serif; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/impact-oblique.html b/layout/reftests/font-matching/impact-oblique.html
new file mode 100644
index 0000000000..f9e378a0b4
--- /dev/null
+++ b/layout/reftests/font-matching/impact-oblique.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Impact, serif; font-style: oblique; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/impact.html b/layout/reftests/font-matching/impact.html
new file mode 100644
index 0000000000..4644a88e7b
--- /dev/null
+++ b/layout/reftests/font-matching/impact.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: Impact, serif; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/italic-oblique-1.html b/layout/reftests/font-matching/italic-oblique-1.html
new file mode 100644
index 0000000000..ae7e70fa6b
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+  font-style: italic;
+}
+
+body { margin: 30px }
+p { margin: 0; font: italic 600% test, serif; }
+</style>
+</head>
+<body>
+<p>BBB</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-2.html b/layout/reftests/font-matching/italic-oblique-2.html
new file mode 100644
index 0000000000..f5ae4c33b5
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markC.woff);
+  font-style: oblique;
+}
+
+body { margin: 30px }
+p { margin: 0; font: italic 600% test, serif; }
+</style>
+</head>
+<body>
+<p>CCC</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-3.html b/layout/reftests/font-matching/italic-oblique-3.html
new file mode 100644
index 0000000000..5d1c95bfe6
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-3.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mark2B.woff);
+  font-style: oblique;
+}
+
+body { margin: 30px }
+p { margin: 0; font: italic 600% test, serif; }
+</style>
+</head>
+<body>
+<p>BBB</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-4.html b/layout/reftests/font-matching/italic-oblique-4.html
new file mode 100644
index 0000000000..92438c6a19
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-4.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mark2B.woff);
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+  font-style: italic;
+}
+
+body { margin: 30px }
+p { margin: 0; font: italic 600% test, serif; }
+</style>
+</head>
+<body>
+<p>BBB</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-5.html b/layout/reftests/font-matching/italic-oblique-5.html
new file mode 100644
index 0000000000..d71ffa7803
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-5.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mark2B.woff);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+  font-style: oblique;
+}
+
+body { margin: 30px }
+p { margin: 0; font: oblique 600% test, serif; }
+</style>
+</head>
+<body>
+<p>BBB</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-6.html b/layout/reftests/font-matching/italic-oblique-6.html
new file mode 100644
index 0000000000..3d249c504b
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-6.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markC.woff);
+  font-style: oblique;
+}
+
+body { margin: 30px }
+p { margin: 0; font: oblique 600% test, serif; }
+</style>
+</head>
+<body>
+<p>CCC</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-7.html b/layout/reftests/font-matching/italic-oblique-7.html
new file mode 100644
index 0000000000..3064fa534c
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-7.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mark2B.woff);
+  font-style: italic;
+}
+
+body { margin: 30px }
+p { margin: 0; font: oblique 600% test, serif; }
+</style>
+</head>
+<body>
+<p>AAA</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-8.html b/layout/reftests/font-matching/italic-oblique-8.html
new file mode 100644
index 0000000000..13783610dd
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-8.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test1;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test2;
+  src: url(../fonts/markB.woff);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: test3;
+  src: url(../fonts/markC.woff);
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: test3;
+  src: url(../fonts/mark2C.woff);
+  font-style: italic;
+}
+
+body { margin: 30px }
+p { margin: 0; font: oblique 600% test1, test2, test3, serif; }
+</style>
+</head>
+<body>
+<p>CCC</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-9.html b/layout/reftests/font-matching/italic-oblique-9.html
new file mode 100644
index 0000000000..a669682abf
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-9.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test1;
+  src: url(../fonts/markA.woff);
+}
+
+@font-face {
+  font-family: test2;
+  src: url(../fonts/markC.woff);
+  font-style: italic;
+}
+
+@font-face {
+  font-family: test3;
+  src: url(../fonts/mark2C.woff);
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: test3;
+  src: url(../fonts/mark2A.woff);
+  font-style: italic;
+}
+
+body { margin: 30px }
+p { margin: 0; font: oblique 600% test1, test2, test3, serif; }
+</style>
+</head>
+<body>
+<p>CCC</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-kinnari-ref.html b/layout/reftests/font-matching/italic-oblique-kinnari-ref.html
new file mode 100644
index 0000000000..4499ebc0b4
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-kinnari-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/mark2A.woff);
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+  font-style: italic;
+}
+
+body { margin: 30px }
+p { margin: 0; font: italic 300% kinnari, test, serif; }
+</style>
+</head>
+<body>
+<p>AAA</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-kinnari.html b/layout/reftests/font-matching/italic-oblique-kinnari.html
new file mode 100644
index 0000000000..f465d247e4
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-kinnari.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/mark2A.woff);
+  font-style: oblique;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markB.woff);
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+  font-style: italic;
+}
+
+body { margin: 30px }
+p { margin: 0; font: oblique 300% kinnari, test, serif; }
+</style>
+</head>
+<body>
+<p>AAA</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/italic-oblique-ref.html b/layout/reftests/font-matching/italic-oblique-ref.html
new file mode 100644
index 0000000000..d1fc2939cb
--- /dev/null
+++ b/layout/reftests/font-matching/italic-oblique-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<head>
+<title>style matching - italic/oblique</title>
+<link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
+<link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
+<link rel="match" href="italic-oblique-1-ref.html">
+<meta name="flags" content="font matching must distinguish between italic and oblique">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/markA.woff);
+}
+body { margin: 30px }
+p { margin: 0; font: 600% test, serif; }
+</style>
+</head>
+<body>
+<p>AAA</p>
+</body>
+</html>
+
+
diff --git a/layout/reftests/font-matching/legacy-family-names-1-ref.html b/layout/reftests/font-matching/legacy-family-names-1-ref.html
new file mode 100644
index 0000000000..71be452695
--- /dev/null
+++ b/layout/reftests/font-matching/legacy-family-names-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<style>
+body { font-family: Avenir Next, serif; font-weight: 900; }
+</style>
+<body>
+Hello world
+</body>
diff --git a/layout/reftests/font-matching/legacy-family-names-1.html b/layout/reftests/font-matching/legacy-family-names-1.html
new file mode 100644
index 0000000000..7cec0ffd45
--- /dev/null
+++ b/layout/reftests/font-matching/legacy-family-names-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<style>
+body { font-family: Avenir Next Heavy, serif; }
+</style>
+<body>
+Hello world
+</body>
diff --git a/layout/reftests/font-matching/legacy-family-names-2-ref.html b/layout/reftests/font-matching/legacy-family-names-2-ref.html
new file mode 100644
index 0000000000..2a9ba84246
--- /dev/null
+++ b/layout/reftests/font-matching/legacy-family-names-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<style>
+body { font-family: Arial, serif; font-weight: 900; }
+</style>
+<body>
+Hello world
+</body>
diff --git a/layout/reftests/font-matching/legacy-family-names-2.html b/layout/reftests/font-matching/legacy-family-names-2.html
new file mode 100644
index 0000000000..112a540742
--- /dev/null
+++ b/layout/reftests/font-matching/legacy-family-names-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<style>
+body { font-family: Arial Black, serif; }
+</style>
+<body>
+Hello world
+</body>
diff --git a/layout/reftests/font-matching/localized-family-names-001-ref.html b/layout/reftests/font-matching/localized-family-names-001-ref.html
new file mode 100644
index 0000000000..6cd0c22188
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-001-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names (ref)</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+}
+
+#test2 { font-family: "Apple LiSung"; }
+#test3 { font-family: "BatangChe"; }
+#test9 { font-family: "Dotum"; }
+#test10 { font-family: "FangSong"; }
+#test12 { font-family: "Gulim"; }
+#test14 { font-family: "Gungsuh"; }
+#test15 { font-family: "HY Kak Headline Std"; }
+#test17 { font-family: "Hiragino Kaku Gothic Pro"; }
+#test18 { font-family: "Hiragino Kaku Gothic StdN"; }
+#test19 { font-family: "Hiragino Kaku Gothic Std"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test2">蘋果儷細宋 Apple LiSung</p>
+<p id="test3">바탕체 BatangChe</p>
+<p id="test9">돋움 Dotum</p>
+<p id="test10">仿宋 FangSong</p>
+<p id="test12">굴림 Gulim</p>
+<p id="test14">궁서 Gungsuh</p>
+<p id="test15">HY각헤드라인 Std HY Kak Headline Std</p>
+<p id="test17">ヒラギノ角ゴ Pro Hiragino Kaku Gothic Pro</p>
+<p id="test18">ヒラギノ角ゴ StdN Hiragino Kaku Gothic StdN</p>
+<p id="test19">ヒラギノ角ゴ Std Hiragino Kaku Gothic Std</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/localized-family-names-001.html b/layout/reftests/font-matching/localized-family-names-001.html
new file mode 100644
index 0000000000..d5396a62b1
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-001.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+}
+
+#test2 { font-family: "蘋果儷細宋"; }
+#test3 { font-family: "바탕체"; }
+#test9 { font-family: "돋움"; }
+#test10 { font-family: "仿宋"; }
+#test12 { font-family: "굴림"; }
+#test14 { font-family: "궁서"; }
+#test15 { font-family: "HY각헤드라인 Std"; }
+#test17 { font-family: "ヒラギノ角ゴ Pro"; }
+#test18 { font-family: "ヒラギノ角ゴ StdN"; }
+#test19 { font-family: "ヒラギノ角ゴ Std"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test2">蘋果儷細宋 Apple LiSung</p>
+<p id="test3">바탕체 BatangChe</p>
+<p id="test9">돋움 Dotum</p>
+<p id="test10">仿宋 FangSong</p>
+<p id="test12">굴림 Gulim</p>
+<p id="test14">궁서 Gungsuh</p>
+<p id="test15">HY각헤드라인 Std HY Kak Headline Std</p>
+<p id="test17">ヒラギノ角ゴ Pro Hiragino Kaku Gothic Pro</p>
+<p id="test18">ヒラギノ角ゴ StdN Hiragino Kaku Gothic StdN</p>
+<p id="test19">ヒラギノ角ゴ Std Hiragino Kaku Gothic Std</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/localized-family-names-002-ref.html b/layout/reftests/font-matching/localized-family-names-002-ref.html
new file mode 100644
index 0000000000..6ab9a06e39
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-002-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names (ref)</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+}
+
+#test20 { font-family: "Hiragino Maru Gothic ProN"; }
+#test22 { font-family: "Hiragino Mincho ProN"; }
+#test23 { font-family: "Hiragino Mincho Pro"; }
+#test24 { font-family: "KaiTi"; }
+#test30 { font-family: "LiHei Pro"; }
+#test31 { font-family: "LiSong Pro"; }
+#test33 { font-family: "MS Mincho"; }
+#test34 { font-family: "MS PGothic"; }
+#test35 { font-family: "MS PMincho"; }
+#test36 { font-family: "Malgun Gothic"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test20">ヒラギノ丸ゴ ProN Hiragino Maru Gothic ProN</p>
+<p id="test22">ヒラギノ明朝 ProN Hiragino Mincho ProN</p>
+<p id="test23">ヒラギノ明朝 Pro Hiragino Mincho Pro</p>
+<p id="test24">楷体 KaiTi</p>
+<p id="test30">儷黑 Pro LiHei Pro</p>
+<p id="test31">儷宋 Pro LiSong Pro</p>
+<p id="test33">ＭＳ 明朝 MS Mincho</p>
+<p id="test34">ＭＳ Ｐゴシック MS PGothic</p>
+<p id="test35">ＭＳ Ｐ明朝 MS PMincho</p>
+<p id="test36">맑은 고딕 Malgun Gothic</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/localized-family-names-002.html b/layout/reftests/font-matching/localized-family-names-002.html
new file mode 100644
index 0000000000..5a7fffc2aa
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-002.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+}
+
+#test20 { font-family: "ヒラギノ丸ゴ ProN"; }
+#test22 { font-family: "ヒラギノ明朝 ProN"; }
+#test23 { font-family: "ヒラギノ明朝 Pro"; }
+#test24 { font-family: "楷体"; }
+#test30 { font-family: "儷黑 Pro"; }
+#test31 { font-family: "儷宋 Pro"; }
+#test33 { font-family: "ＭＳ 明朝"; }
+#test34 { font-family: "ＭＳ Ｐゴシック"; }
+#test35 { font-family: "ＭＳ Ｐ明朝"; }
+#test36 { font-family: "맑은 고딕"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test20">ヒラギノ丸ゴ ProN Hiragino Maru Gothic ProN</p>
+<p id="test22">ヒラギノ明朝 ProN Hiragino Mincho ProN</p>
+<p id="test23">ヒラギノ明朝 Pro Hiragino Mincho Pro</p>
+<p id="test24">楷体 KaiTi</p>
+<p id="test30">儷黑 Pro LiHei Pro</p>
+<p id="test31">儷宋 Pro LiSong Pro</p>
+<p id="test33">ＭＳ 明朝 MS Mincho</p>
+<p id="test34">ＭＳ Ｐゴシック MS PGothic</p>
+<p id="test35">ＭＳ Ｐ明朝 MS PMincho</p>
+<p id="test36">맑은 고딕 Malgun Gothic</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/localized-family-names-003-ref.html b/layout/reftests/font-matching/localized-family-names-003-ref.html
new file mode 100644
index 0000000000..c1be37bdae
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-003-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names (ref)</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+  line-height: 1.8em;
+}
+
+#test37 { font-family: "Meiryo"; }
+#test38 { font-family: "Microsoft JhengHei"; }
+#test39 { font-family: "Microsoft YaHei"; }
+#test40 { font-family: "MingLiU-ExtB"; }
+#test41 { font-family: "MingLiU"; }
+#test43 { font-family: "MingLiU_HKSCS"; }
+#test44 { font-family: "NSimSun"; }
+#test46 { font-family: "PMingLiU"; }
+#test47 { font-family: "Raanana"; }
+#test48 { font-family: "STFangsong"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test37">メイリオ Meiryo</p>
+<p id="test38">微軟正黑體 Microsoft JhengHei</p>
+<p id="test39">微软雅黑 Microsoft YaHei</p>
+<p id="test40">細明體-ExtB MingLiU-ExtB</p>
+<p id="test41">細明體 MingLiU</p>
+<p id="test43">細明體_HKSCS MingLiU_HKSCS</p>
+<p id="test44">新宋体 NSimSun</p>
+<p id="test46">新細明體 PMingLiU</p>
+<p id="test47">רעננה Raanana</p>
+<p id="test48">华文仿宋 STFangsong</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/localized-family-names-003.html b/layout/reftests/font-matching/localized-family-names-003.html
new file mode 100644
index 0000000000..e7a2cf1548
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-003.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+  line-height: 1.8em;
+}
+
+#test37 { font-family: "メイリオ"; }
+#test38 { font-family: "微軟正黑體"; }
+#test39 { font-family: "微软雅黑"; }
+#test40 { font-family: "細明體-ExtB"; }
+#test41 { font-family: "細明體"; }
+#test43 { font-family: "細明體_HKSCS"; }
+#test44 { font-family: "新宋体"; }
+#test46 { font-family: "新細明體"; }
+#test47 { font-family: "רעננה"; }
+#test48 { font-family: "华文仿宋"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test37">メイリオ Meiryo</p>
+<p id="test38">微軟正黑體 Microsoft JhengHei</p>
+<p id="test39">微软雅黑 Microsoft YaHei</p>
+<p id="test40">細明體-ExtB MingLiU-ExtB</p>
+<p id="test41">細明體 MingLiU</p>
+<p id="test43">細明體_HKSCS MingLiU_HKSCS</p>
+<p id="test44">新宋体 NSimSun</p>
+<p id="test46">新細明體 PMingLiU</p>
+<p id="test47">רעננה Raanana</p>
+<p id="test48">华文仿宋 STFangsong</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/localized-family-names-004-ref.html b/layout/reftests/font-matching/localized-family-names-004-ref.html
new file mode 100644
index 0000000000..6ef138d8be
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-004-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names (ref)</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+}
+
+#test49 { font-family: "STHeiti"; }
+#test51 { font-family: "STSong"; }
+#test52 { font-family: "Sazanami Gothic"; }
+#test53 { font-family: "Sazanami Mincho"; }
+#test54 { font-family: "SimHei"; }
+#test55 { font-family: "SimSun"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test49">华文黑体 STHeiti</p>
+<p id="test51">华文宋体 STSong</p>
+<p id="test52">さざなみゴシック Sazanami Gothic</p>
+<p id="test53">さざなみ明朝 Sazanami Mincho</p>
+<p id="test54">黑体 SimHei</p>
+<p id="test55">宋体 SimSun</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/localized-family-names-004.html b/layout/reftests/font-matching/localized-family-names-004.html
new file mode 100644
index 0000000000..52ff487485
--- /dev/null
+++ b/layout/reftests/font-matching/localized-family-names-004.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Localized font family names</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 24px;
+}
+
+#test49 { font-family: "华文黑体"; }
+#test51 { font-family: "华文宋体"; }
+#test52 { font-family: "さざなみゴシック"; }
+#test53 { font-family: "さざなみ明朝"; }
+#test54 { font-family: "黑体"; }
+#test55 { font-family: "宋体"; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p id="test49">华文黑体 STHeiti</p>
+<p id="test51">华文宋体 STSong</p>
+<p id="test52">さざなみゴシック Sazanami Gothic</p>
+<p id="test53">さざなみ明朝 Sazanami Mincho</p>
+<p id="test54">黑体 SimHei</p>
+<p id="test55">宋体 SimSun</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/lucidaconsole-bold.html b/layout/reftests/font-matching/lucidaconsole-bold.html
new file mode 100644
index 0000000000..9b17188cd5
--- /dev/null
+++ b/layout/reftests/font-matching/lucidaconsole-bold.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Lucida Console", serif; font-weight: bold; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/lucidaconsole-bolditalic.html b/layout/reftests/font-matching/lucidaconsole-bolditalic.html
new file mode 100644
index 0000000000..2d9c82104a
--- /dev/null
+++ b/layout/reftests/font-matching/lucidaconsole-bolditalic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Lucida Console", serif; font-weight: bold; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/lucidaconsole-italic.html b/layout/reftests/font-matching/lucidaconsole-italic.html
new file mode 100644
index 0000000000..1403a8ee9e
--- /dev/null
+++ b/layout/reftests/font-matching/lucidaconsole-italic.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Lucida Console", serif; font-style: italic; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/lucidaconsole-oblique.html b/layout/reftests/font-matching/lucidaconsole-oblique.html
new file mode 100644
index 0000000000..7125faeaac
--- /dev/null
+++ b/layout/reftests/font-matching/lucidaconsole-oblique.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Lucida Console", serif; font-style: oblique; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/lucidaconsole.html b/layout/reftests/font-matching/lucidaconsole.html
new file mode 100644
index 0000000000..f200475225
--- /dev/null
+++ b/layout/reftests/font-matching/lucidaconsole.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+body { margin: 50px; font-size: 72pt; }
+#test { font-family: "Lucida Console", serif; }
+</style>
+</head>
+<body><p id="test">Bongo</p></body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/normalmedium-notref.html b/layout/reftests/font-matching/normalmedium-notref.html
new file mode 100644
index 0000000000..33925b92dd
--- /dev/null
+++ b/layout/reftests/font-matching/normalmedium-notref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Mapping 400 to medium</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+p { font-size: 24pt; font-family: mplus1p; font-weight: 200; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<h4>The two lines below should match</h4>
+
+<p id="test1">Fiddling fiddlesticks!</p>
+<p id="test2">Fiddling fiddlesticks!</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/normalmedium-ref.html b/layout/reftests/font-matching/normalmedium-ref.html
new file mode 100644
index 0000000000..b8b8df4ce2
--- /dev/null
+++ b/layout/reftests/font-matching/normalmedium-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Mapping 400 to medium</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+p { font-size: 24pt; font-family: mplus1p; font-weight: normal; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<h4>The two lines below should match</h4>
+
+<p id="test1">Fiddling fiddlesticks!</p>
+<p id="test2">Fiddling fiddlesticks!</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/normalmedium.html b/layout/reftests/font-matching/normalmedium.html
new file mode 100644
index 0000000000..7a29c5a66d
--- /dev/null
+++ b/layout/reftests/font-matching/normalmedium.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Mapping 400 to medium</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+p { font-size: 24pt; }
+#test1 { font-family: mplus1p; font-weight: normal; }
+#test2 { font-family: mplus1p; font-weight: 500; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<h4>The two lines below should match</h4>
+
+<p id="test1">Fiddling fiddlesticks!</p>
+<p id="test2">Fiddling fiddlesticks!</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/osaka-mono-exists-ref.html b/layout/reftests/font-matching/osaka-mono-exists-ref.html
new file mode 100644
index 0000000000..5e3ab9d467
--- /dev/null
+++ b/layout/reftests/font-matching/osaka-mono-exists-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: Ahem;
+  src: local("Ahem"), url("../fonts/Ahem.ttf");
+  unicode-range: U+0-7F; /* ASCII only */
+}
+div { font-size: 50px; line-height: 100px; }
+.ref { font-family: Ahem, "Osaka", serif; writing-mode: vertical-rl; }
+</style>
+</head>
+<body>
+<p>The two Japanese characters below should use the same font:
+if "Osaka" is present, the name "Osaka-Mono" should also work.</p>
+<div><span class=ref>絵</div>
+<div><span class=ref>絵</div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/osaka-mono-exists.html b/layout/reftests/font-matching/osaka-mono-exists.html
new file mode 100644
index 0000000000..d73ac216e6
--- /dev/null
+++ b/layout/reftests/font-matching/osaka-mono-exists.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: Ahem;
+  src: local("Ahem"), url("../fonts/Ahem.ttf");
+  unicode-range: U+0-7F; /* ASCII only */
+}
+div { font-size: 50px; line-height: 100px; }
+/* We use vertical writing-mode because in horizontal mode, the Regular and Mono
+   faces have slightly different line-height metrics, and so although the glyph
+   would match, its positioning would differ. */
+.ref { font-family: Ahem, "Osaka", serif; writing-mode: vertical-rl; }
+.test { font-family: Ahem, "Osaka-Mono", serif; writing-mode: vertical-rl; }
+</style>
+</head>
+<body>
+<p>The two Japanese characters below should use the same font:
+if "Osaka" is present, the name "Osaka-Mono" should also work.</p>
+<div><span class=ref>絵</div>
+<div><span class=test>絵</div>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/osaka-mono-ref.html b/layout/reftests/font-matching/osaka-mono-ref.html
new file mode 100644
index 0000000000..ae6e6468f4
--- /dev/null
+++ b/layout/reftests/font-matching/osaka-mono-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+textarea { font-family: "Osaka-Mono"; font-size: 72pt; }
+</style>
+</head>
+<body><textarea>海の絵</textarea></body>
+</html>
diff --git a/layout/reftests/font-matching/osaka-mono.html b/layout/reftests/font-matching/osaka-mono.html
new file mode 100644
index 0000000000..9202df1f86
--- /dev/null
+++ b/layout/reftests/font-matching/osaka-mono.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+textarea { font-size: 72pt; }
+</style>
+</head>
+<body><textarea>海の絵</textarea></body>
+</html>
diff --git a/layout/reftests/font-matching/reftest.list b/layout/reftests/font-matching/reftest.list
new file mode 100644
index 0000000000..fe5f3a2065
--- /dev/null
+++ b/layout/reftests/font-matching/reftest.list
@@ -0,0 +1,201 @@
+# Font-matching reftests may fail intermittently/transiently due to asynch fallback,
+# so we disable the async mechanism for this directory.
+defaults pref(gfx.font_rendering.fallback.async,false)
+
+== CSS21-t1502-no-inherited-font-family.xhtml CSS21-t1502-no-inherited-font-family-ref.xhtml
+
+# tests for bug 1394311 (case-insensitive lang tag processing)
+# (First attempt is random-if(windows 7), due to intermittent failure with a
+# single missing character - see bug 1451723 & more generally bug 1392106.)
+pref(font.default.zh-CN,"serif") pref(font.default.zh-TW,"serif") pref(font.default.ja,"serif") pref(font.default.ko,"serif") == 1394311.htm 1394311-ref.htm
+pref(font.default.zh-CN,"sans-serif") pref(font.default.zh-TW,"sans-serif") pref(font.default.ja,"sans-serif") pref(font.default.ko,"sans-serif") == 1394311.htm 1394311-ref.htm
+
+# tests for bug 1367860 (correct default generic font based on language)
+== 1367860-1.htm 1367860-ref.htm
+== 1367860-2.htm 1367860-ref.htm
+== 1367860-3.htm 1367860-ref.htm
+
+# Test for bug 1458158: Arabic text in Arial weight 900 should fall back to Bold rather than Regular.
+# Limited to Windows because this is specific to the fonts shipped on Windows by default.
+skip-if(!winWidget) == 1458158-1.html 1458158-1-ref.html
+
+# basic tests for bug 538730
+!= synthetic-bold-1.html synthetic-bold-1-ref.html
+!= synthetic-bold-2.html synthetic-bold-2-ref.html
+
+# synthetic bold/italic tests
+!= defaultfont-bold.html defaultfont.html
+!= defaultfont-italic.html defaultfont.html
+!= defaultfont-oblique.html defaultfont.html
+!= defaultfont-bolditalic.html defaultfont.html
+!= defaultfont-bolditalic.html defaultfont-bold.html
+
+!= defaultjapanese-bold.html defaultjapanese.html
+!= defaultjapanese-italic.html defaultjapanese.html
+!= defaultjapanese-oblique.html defaultjapanese.html
+!= defaultjapanese-bolditalic.html defaultjapanese.html
+!= defaultjapanese-bolditalic.html defaultjapanese-bold.html
+
+random-if(cocoaWidget) != impact-bold.html impact.html # bug 539418
+!= impact-italic.html impact.html
+!= impact-oblique.html impact.html
+!= impact-bolditalic.html impact.html
+!= impact-bolditalic.html impact-bold.html
+
+!= arialunicode-bold.html arialunicode.html
+!= arialunicode-italic.html arialunicode.html
+!= arialunicode-oblique.html arialunicode.html
+!= arialunicode-bolditalic.html arialunicode.html
+!= arialunicode-bolditalic.html arialunicode-bold.html
+
+!= lucidaconsole-bold.html lucidaconsole.html
+!= lucidaconsole-italic.html lucidaconsole.html
+!= lucidaconsole-oblique.html lucidaconsole.html
+!= lucidaconsole-bolditalic.html lucidaconsole.html
+!= lucidaconsole-bolditalic.html lucidaconsole-bold.html
+
+# checking that we don't match fullnames, psnames (see bug 538103)
+== arial-variations-1.html arial-variations-1-ref.html
+== arial-variations-2.html arial-variations-2-ref.html
+== arial-variations-3.html arial-variations-3-ref.html
+== arial-variations-4.html arial-variations-4-ref.html
+== arial-variations-5.html arial-variations-5-ref.html
+== arial-variations-6.html arial-variations-6-ref.html
+
+# localized font family names should always match just as English names do
+== localized-family-names-001.html localized-family-names-001-ref.html # Bug 1392106
+== localized-family-names-002.html localized-family-names-002-ref.html
+== localized-family-names-003.html localized-family-names-003-ref.html # Bug 1392106
+== localized-family-names-004.html localized-family-names-004-ref.html
+
+# family names with escaped spaces shouldn't match the names without the spaces
+fails-if(gtkWidget) == familyname-escapedidents.html familyname-escapedidents-ref.html # bug 1309425, bug 1328771
+
+# weight mapping tests
+== normalmedium.html normalmedium-ref.html
+!= normalmedium.html normalmedium-notref.html
+
+# Linux fails due to bug 604815
+== weightmapping-12.html weightmapping-12-ref.html
+== weightmapping-25.html weightmapping-25-ref.html
+== weightmapping-45.html weightmapping-45-ref.html
+== weightmapping-458.html weightmapping-458-ref.html
+== weightmapping-478.html weightmapping-478-ref.html
+== weightmapping-7.html weightmapping-7-ref.html
+== weightmapping-12579.html weightmapping-12579-ref.html
+
+== stretchmapping-all.html stretchmapping-all-ref.html
+== stretchmapping-reverse.html stretchmapping-reverse-ref.html
+fuzzy-if(Android,0-4,0-8) == stretchmapping-35.html stretchmapping-35-ref.html
+== stretchmapping-137.html stretchmapping-137-ref.html
+
+# test for font-stretch using @font-face
+== font-stretch-1.html font-stretch-1-ref.html
+== font-shorthand-stretch-1.html font-stretch-1-ref.html
+
+# bug 724231 - applying synthetic styles to a single @font-face font
+# should apply artificial obliquing, not switch to a true styled face
+fails-if(geckoview) != synthetic-style-1.html synthetic-style-1-notref.html # Bug 1558513 for GV
+fails-if(geckoview) != synthetic-style-2.html synthetic-style-2-notref.html # Bug 1558513 for GV
+
+# Bug 765906 - synthetic bold should be used if necessary together with system fallback.
+# **NOTE** we skip these on Linux because of bug 769659.
+# test 1 uses Cherokee; expected to pass on OS X and Win7
+random-if(!cocoaWidget) skip-if(gtkWidget) != bold-system-fallback-1.html bold-system-fallback-1-notref.html
+# test 2 uses Chess symbols; expected to pass on Android
+random-if(!Android) skip-if(gtkWidget) != bold-system-fallback-2.html bold-system-fallback-2-notref.html
+
+# Bug 769475 - applying 'italic' to Arabic text in Arial should NOT change family or metrics.
+# Expected to pass on MacOSX and Windows; other platforms unknown, depending on font availability.
+random-if(!(cocoaWidget||winWidget)) == arial-arabic.html arial-arabic-ref.html
+
+!= syntheticbold-rotated.html syntheticbold-rotated-ref.html
+
+== font-synthesis-1.html font-synthesis-1-ref.html
+== font-synthesis-2.html font-synthesis-2-ref.html
+
+# Bug 1060791 - support for format 10 cmap in Apple Symbols;
+# relevant fonts not present on other platforms.
+skip-if(!cocoaWidget) != apple-symbols-1.html apple-symbols-1-notref.html
+
+# distinguish between italic and oblique
+== simple-oblique.html simple-oblique-ref.html
+== italic-oblique-1.html italic-oblique-ref.html
+== italic-oblique-2.html italic-oblique-ref.html
+== italic-oblique-3.html italic-oblique-ref.html
+== italic-oblique-4.html italic-oblique-ref.html
+== italic-oblique-5.html italic-oblique-ref.html
+== italic-oblique-6.html italic-oblique-ref.html
+== italic-oblique-7.html italic-oblique-ref.html
+== italic-oblique-8.html italic-oblique-ref.html
+== italic-oblique-9.html italic-oblique-ref.html
+!= italic-oblique-kinnari.html italic-oblique-kinnari-ref.html
+
+# GTK and Windows 7 don't have full emoji and symbol font, so emoji-fallback-2
+# don't work well.
+== emoji-fallback-1.html emoji-fallback-1-ref.html
+skip-if(gtkWidget) == emoji-fallback-2.html emoji-fallback-2-ref.html
+== emoji-fallback-3.html emoji-fallback-3-ref.html
+!= emoji-keycap.html emoji-keycap-notref.html
+# Dependent on Windows emoji font names, so not expected to be meaningful on other platforms:
+skip-if(!winWidget) != emoji-keycap-2.html emoji-keycap-2-notref.html
+== emoji-skintone.html emoji-skintone-ref.html
+# Random on Android because font availability varies depending on the version/device.
+random-if(Android) != emoji-subregion-flag.html emoji-subregion-flag-notref.html
+
+# system font generic per-language tests, only works under OSX currently
+# Bug 1212731 - initial implementation caused startup regression and
+# regression with full-width digits display in UI elements. Disable
+# tests until these problems are corrected.
+# random-if(!OSX) == system-generic-fallback-1.html system-generic-fallback-1-ref.html
+# random-if(!OSX) == system-generic-fallback-2.html system-generic-fallback-2-ref.html
+# random-if(!OSX) == system-generic-fallback-3.html system-generic-fallback-3-ref.html
+# random-if(!OSX) == system-generic-fallback-4.html system-generic-fallback-4-ref.html
+# random-if(!OSX) != system-generic-fallback-ko.html system-generic-fallback-ja.html
+# random-if(!OSX) != system-generic-fallback-zh-tw.html system-generic-fallback-ja.html
+# random-if(!OSX) != system-generic-fallback-zh-cn.html system-generic-fallback-ja.html
+# random-if(!OSX) != system-generic-fallback-zh-tw.html system-generic-fallback-zh-cn.html
+
+# Tests for legacy font family name (GDI-model families) matching;
+# these depend on specific fonts that are available as standard on macOS and Windows,
+# and are not expected to pass on platforms that don't have those same fonts.
+skip-if(!cocoaWidget) == legacy-family-names-1.html legacy-family-names-1-ref.html
+skip-if(!winWidget) == legacy-family-names-2.html legacy-family-names-2-ref.html
+
+== descriptor-ranges.html descriptor-ranges-ref.html
+
+# Test that prefs font fallback respects the CSS generic from content (bug 1687426)
+skip-if(Android) == fallback-respects-generic-1.html fallback-respects-generic-1-ref.html # fonts present on Android are too unpredictable for easy testing
+
+skip-if(Android) != system-ui-fallback.html system-ui-fallback-notref.html # Roboto supports the characters in the reftest, and that's better behavior.
+== system-ui-fallback-2.html system-ui-fallback-2-ref.html
+
+# Japanese monospace font on macOS is Osaka-mono
+# If Osaka is present then Osaka-mono should also be available.
+skip-if(!cocoaWidget) == osaka-mono-exists.html osaka-mono-exists-ref.html
+# Disabled because Osaka-Mono isn't available on automation.
+# skip-if(!cocoaWidget) == osaka-mono.html osaka-mono-ref.html
+
+# Try to use Wingdings font (assumed present on Windows and macOS)
+random-if(!winWidget&&!cocoaWidget) == wingdings-1.html wingdings-1-ref.html
+random-if(!winWidget&&!cocoaWidget) != wingdings-1.html wingdings-1-notref.html
+
+== illformed-lang-tags-1.html illformed-lang-tags-1.html?ref
+
+# Test for legacy name of Hiragino Sans, expected to work on macOS only
+skip-if(!cocoaWidget) != hiragino-kaku-1.html hiragino-kaku-1-notref.html
+
+pref(ui.font.menu,"serif") == system-font-pref.html system-font-pref.html
+# These make some assumptions about the menu font that seem to hold across
+# platforms, like menu being a sans font by default.
+test-pref(ui.font.menu,"serif") != system-font-pref.html system-font-pref.html
+pref(ui.font.menu,"serif") test-pref(ui.font.menu.italic,true) != system-font-pref.html system-font-pref.html
+pref(ui.font.menu,"serif") test-pref(ui.font.menu.size,"2.0") != system-font-pref.html system-font-pref.html
+pref(ui.font.menu,"serif") test-pref(ui.font.menu.weight,"800") != system-font-pref.html system-font-pref.html
+
+# Check that localized font name works, even when visibility level is restricted.
+# (Assumes Windows has Yu Gothic present.)
+skip-if(!winWidget) pref(layout.css.font-visibility,1) == 1850672-1.html 1850672-1-ref.html
+
+# Reset default prefs.
+defaults
diff --git a/layout/reftests/font-matching/simple-oblique-ref.html b/layout/reftests/font-matching/simple-oblique-ref.html
new file mode 100644
index 0000000000..d021f51d02
--- /dev/null
+++ b/layout/reftests/font-matching/simple-oblique-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>oblique italic equivalence</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 300%;
+}
+
+#sans { font-family: sans-serif; }
+#serif { font-family: serif; }
+#mono { font-family: monospace; }
+
+p {
+  margin: 0;
+  font-style: italic;
+  line-height: 1.3em;
+}
+</style>
+
+</head>
+<body>
+
+<p id=sans>UNICORN asteroid</p>
+<p id=serif>UNICORN asteroid</p>
+<p id=mono>UNICORN asteroid</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/simple-oblique.html b/layout/reftests/font-matching/simple-oblique.html
new file mode 100644
index 0000000000..cb4671f4d8
--- /dev/null
+++ b/layout/reftests/font-matching/simple-oblique.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>oblique italic equivalence</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-size: 300%;
+}
+
+#sans { font-family: sans-serif; }
+#serif { font-family: serif; }
+#mono { font-family: monospace; }
+
+p {
+  margin: 0;
+  font-style: oblique;
+  line-height: 1.3em;
+}
+</style>
+
+</head>
+<body>
+
+<p id=sans>UNICORN asteroid</p>
+<p id=serif>UNICORN asteroid</p>
+<p id=mono>UNICORN asteroid</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/stretchmapping-137-ref.html b/layout/reftests/font-matching/stretchmapping-137-ref.html
new file mode 100644
index 0000000000..a42b81c836
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-137-ref.html
@@ -0,0 +1,348 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-stretch mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+table {
+  border-collapse: collapse;
+  font-size: 28px;
+}
+
+td {
+  padding: 0; margin: 0;
+  font-family: test;
+}
+
+th {
+  font-weight: inherit;
+}
+
+p { width: 300px; }
+
+.red { color: red; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: 400;
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test800;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: test900;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+.w1 .fs1 { font-family: test100; }
+.w2 .fs1 { font-family: test100; }
+.w3 .fs1 { font-family: test100; }
+.w4 .fs1 { font-family: test400; }
+.w5 .fs1 { font-family: test400; }
+.w6 .fs1 { font-family: test400; }
+.w7 .fs1 { font-family: test400; }
+.w8 .fs1 { font-family: test400; }
+.w9 .fs1 { font-family: test400; }
+
+.w1 .fs2 { font-family: test100; }
+.w2 .fs2 { font-family: test100; }
+.w3 .fs2 { font-family: test100; }
+.w4 .fs2 { font-family: test400; }
+.w5 .fs2 { font-family: test400; }
+.w6 .fs2 { font-family: test400; }
+.w7 .fs2 { font-family: test400; }
+.w8 .fs2 { font-family: test400; }
+.w9 .fs2 { font-family: test400; }
+
+.w1 .fs3 { font-family: test200; }
+.w2 .fs3 { font-family: test200; }
+.w3 .fs3 { font-family: test200; }
+.w4 .fs3 { font-family: test200; }
+.w5 .fs3 { font-family: test200; }
+.w6 .fs3 { font-family: test800; }
+.w7 .fs3 { font-family: test800; }
+.w8 .fs3 { font-family: test800; }
+.w9 .fs3 { font-family: test800; }
+
+.w1 .fs4 { font-family: test200; }
+.w2 .fs4 { font-family: test200; }
+.w3 .fs4 { font-family: test200; }
+.w4 .fs4 { font-family: test200; }
+.w5 .fs4 { font-family: test200; }
+.w6 .fs4 { font-family: test800; }
+.w7 .fs4 { font-family: test800; }
+.w8 .fs4 { font-family: test800; }
+.w9 .fs4 { font-family: test800; }
+
+.w1 .fs5 { font-family: test200; }
+.w2 .fs5 { font-family: test200; }
+.w3 .fs5 { font-family: test200; }
+.w4 .fs5 { font-family: test200; }
+.w5 .fs5 { font-family: test200; }
+.w6 .fs5 { font-family: test800; }
+.w7 .fs5 { font-family: test800; }
+.w8 .fs5 { font-family: test800; }
+.w9 .fs5 { font-family: test800; }
+
+.w1 .fs6 { font-family: test500; }
+.w2 .fs6 { font-family: test500; }
+.w3 .fs6 { font-family: test500; }
+.w4 .fs6 { font-family: test500; }
+.w5 .fs6 { font-family: test500; }
+.w6 .fs6 { font-family: test900; }
+.w7 .fs6 { font-family: test900; }
+.w8 .fs6 { font-family: test900; }
+.w9 .fs6 { font-family: test900; }
+
+.w1 .fs7 { font-family: test500; }
+.w2 .fs7 { font-family: test500; }
+.w3 .fs7 { font-family: test500; }
+.w4 .fs7 { font-family: test500; }
+.w5 .fs7 { font-family: test500; }
+.w6 .fs7 { font-family: test900; }
+.w7 .fs7 { font-family: test900; }
+.w8 .fs7 { font-family: test900; }
+.w9 .fs7 { font-family: test900; }
+
+.w1 .fs8 { font-family: test500; }
+.w2 .fs8 { font-family: test500; }
+.w3 .fs8 { font-family: test500; }
+.w4 .fs8 { font-family: test500; }
+.w5 .fs8 { font-family: test500; }
+.w6 .fs8 { font-family: test900; }
+.w7 .fs8 { font-family: test900; }
+.w8 .fs8 { font-family: test900; }
+.w9 .fs8 { font-family: test900; }
+
+.w1 .fs9 { font-family: test500; }
+.w2 .fs9 { font-family: test500; }
+.w3 .fs9 { font-family: test500; }
+.w4 .fs9 { font-family: test500; }
+.w5 .fs9 { font-family: test500; }
+.w6 .fs9 { font-family: test900; }
+.w7 .fs9 { font-family: test900; }
+.w8 .fs9 { font-family: test900; }
+.w9 .fs9 { font-family: test900; }
+
+</style>
+</head>
+<body>
+
+<p>Font family with ultra-condensed 100, 400, condensed 200, 800 and expanded 500, 900</p>
+
+<table>
+<thead>
+<th></th>
+<th class="red">1</th>
+<th>2</th>
+<th class="red">3</th>
+<th>4</th>
+<th>5</th>
+<th>6</th>
+<th class="red">7</th>
+<th>8</th>
+<th>9</th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/stretchmapping-137.html b/layout/reftests/font-matching/stretchmapping-137.html
new file mode 100644
index 0000000000..81f45f66de
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-137.html
@@ -0,0 +1,268 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-stretch mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+table {
+  border-collapse: collapse;
+  font-size: 28px;
+}
+
+td {
+  padding: 0; margin: 0;
+  font-family: test;
+}
+
+th {
+  font-weight: inherit;
+}
+
+p { width: 300px; }
+
+.red { color: red; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: 400;
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test800;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: test900;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+.fs1 { font-stretch: ultra-condensed; }
+.fs2 { font-stretch: extra-condensed; }
+.fs3 { font-stretch: condensed; }
+.fs4 { font-stretch: semi-condensed; }
+.fs5 { font-stretch: normal; }
+.fs6 { font-stretch: semi-expanded; }
+.fs7 { font-stretch: expanded; }
+.fs8 { font-stretch: extra-expanded; }
+.fs9 { font-stretch: ultra-expanded; }
+
+</style>
+</head>
+<body>
+
+<p>Font family with ultra-condensed 100, 400, condensed 200, 800 and expanded 500, 900</p>
+
+<table>
+<thead>
+<th></th>
+<th class="red">1</th>
+<th>2</th>
+<th class="red">3</th>
+<th>4</th>
+<th>5</th>
+<th>6</th>
+<th class="red">7</th>
+<th>8</th>
+<th>9</th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="fs1"><span>か</span></td>
+<td class="fs2"><span>か</span></td>
+<td class="fs3"><span>か</span></td>
+<td class="fs4"><span>か</span></td>
+<td class="fs5"><span>か</span></td>
+<td class="fs6"><span>か</span></td>
+<td class="fs7"><span>か</span></td>
+<td class="fs8"><span>か</span></td>
+<td class="fs9"><span>か</span></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/stretchmapping-35-ref.html b/layout/reftests/font-matching/stretchmapping-35-ref.html
new file mode 100644
index 0000000000..2124a68742
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-35-ref.html
@@ -0,0 +1,320 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-stretch mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+table {
+  border-collapse: collapse;
+  font-size: 28px;
+}
+
+td {
+  padding: 0; margin: 0;
+  font-family: test;
+}
+
+th {
+  font-weight: inherit;
+}
+
+p { width: 300px; }
+
+.red { color: red; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test900;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+.w1 .fs1 { font-family: test100; }
+.w2 .fs1 { font-family: test100; }
+.w3 .fs1 { font-family: test100; }
+.w4 .fs1 { font-family: test100; }
+.w5 .fs1 { font-family: test100; }
+.w6 .fs1 { font-family: test900; }
+.w7 .fs1 { font-family: test900; }
+.w8 .fs1 { font-family: test900; }
+.w9 .fs1 { font-family: test900; }
+
+.w1 .fs2 { font-family: test100; }
+.w2 .fs2 { font-family: test100; }
+.w3 .fs2 { font-family: test100; }
+.w4 .fs2 { font-family: test100; }
+.w5 .fs2 { font-family: test100; }
+.w6 .fs2 { font-family: test900; }
+.w7 .fs2 { font-family: test900; }
+.w8 .fs2 { font-family: test900; }
+.w9 .fs2 { font-family: test900; }
+
+.w1 .fs3 { font-family: test100; }
+.w2 .fs3 { font-family: test100; }
+.w3 .fs3 { font-family: test100; }
+.w4 .fs3 { font-family: test100; }
+.w5 .fs3 { font-family: test100; }
+.w6 .fs3 { font-family: test900; }
+.w7 .fs3 { font-family: test900; }
+.w8 .fs3 { font-family: test900; }
+.w9 .fs3 { font-family: test900; }
+
+.w1 .fs4 { font-family: test100; }
+.w2 .fs4 { font-family: test100; }
+.w3 .fs4 { font-family: test100; }
+.w4 .fs4 { font-family: test100; }
+.w5 .fs4 { font-family: test100; }
+.w6 .fs4 { font-family: test900; }
+.w7 .fs4 { font-family: test900; }
+.w8 .fs4 { font-family: test900; }
+.w9 .fs4 { font-family: test900; }
+
+.w1 .fs5 { font-family: test200; }
+.w2 .fs5 { font-family: test200; }
+.w3 .fs5 { font-family: test200; }
+.w4 .fs5 { font-family: test500; }
+.w5 .fs5 { font-family: test500; }
+.w6 .fs5 { font-family: test500; }
+.w7 .fs5 { font-family: test500; }
+.w8 .fs5 { font-family: test500; }
+.w9 .fs5 { font-family: test500; }
+
+.w1 .fs6 { font-family: test200; }
+.w2 .fs6 { font-family: test200; }
+.w3 .fs6 { font-family: test200; }
+.w4 .fs6 { font-family: test500; }
+.w5 .fs6 { font-family: test500; }
+.w6 .fs6 { font-family: test500; }
+.w7 .fs6 { font-family: test500; }
+.w8 .fs6 { font-family: test500; }
+.w9 .fs6 { font-family: test500; }
+
+.w1 .fs7 { font-family: test200; }
+.w2 .fs7 { font-family: test200; }
+.w3 .fs7 { font-family: test200; }
+.w4 .fs7 { font-family: test500; }
+.w5 .fs7 { font-family: test500; }
+.w6 .fs7 { font-family: test500; }
+.w7 .fs7 { font-family: test500; }
+.w8 .fs7 { font-family: test500; }
+.w9 .fs7 { font-family: test500; }
+
+.w1 .fs8 { font-family: test200; }
+.w2 .fs8 { font-family: test200; }
+.w3 .fs8 { font-family: test200; }
+.w4 .fs8 { font-family: test500; }
+.w5 .fs8 { font-family: test500; }
+.w6 .fs8 { font-family: test500; }
+.w7 .fs8 { font-family: test500; }
+.w8 .fs8 { font-family: test500; }
+.w9 .fs8 { font-family: test500; }
+
+.w1 .fs9 { font-family: test200; }
+.w2 .fs9 { font-family: test200; }
+.w3 .fs9 { font-family: test200; }
+.w4 .fs9 { font-family: test500; }
+.w5 .fs9 { font-family: test500; }
+.w6 .fs9 { font-family: test500; }
+.w7 .fs9 { font-family: test500; }
+.w8 .fs9 { font-family: test500; }
+.w9 .fs9 { font-family: test500; }
+
+</style>
+</head>
+<body>
+
+<p>Font family with normal width 200, 500 and condensed 100, 900</p>
+
+<table>
+<thead>
+<th></th>
+<th>1</th>
+<th>2</th>
+<th class="red">3</th>
+<th>4</th>
+<th class="red">5</th>
+<th>6</th>
+<th>7</th>
+<th>8</th>
+<th>9</th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/stretchmapping-35.html b/layout/reftests/font-matching/stretchmapping-35.html
new file mode 100644
index 0000000000..a6c1245b39
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-35.html
@@ -0,0 +1,240 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-stretch mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+table {
+  border-collapse: collapse;
+  font-size: 28px;
+}
+
+td {
+  padding: 0; margin: 0;
+  font-family: test;
+}
+
+th {
+  font-weight: inherit;
+}
+
+p { width: 300px; }
+
+.red { color: red; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test900;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+.fs1 { font-stretch: ultra-condensed; }
+.fs2 { font-stretch: extra-condensed; }
+.fs3 { font-stretch: condensed; }
+.fs4 { font-stretch: semi-condensed; }
+.fs5 { font-stretch: normal; }
+.fs6 { font-stretch: semi-expanded; }
+.fs7 { font-stretch: expanded; }
+.fs8 { font-stretch: extra-expanded; }
+.fs9 { font-stretch: ultra-expanded; }
+
+</style>
+</head>
+<body>
+
+<p>Font family with normal width 200, 500 and condensed 100, 900</p>
+
+<table>
+<thead>
+<th></th>
+<th>1</th>
+<th>2</th>
+<th class="red">3</th>
+<th>4</th>
+<th class="red">5</th>
+<th>6</th>
+<th>7</th>
+<th>8</th>
+<th>9</th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="fs1"><span>あ</span></td>
+<td class="fs2"><span>あ</span></td>
+<td class="fs3"><span>あ</span></td>
+<td class="fs4"><span>あ</span></td>
+<td class="fs5"><span>あ</span></td>
+<td class="fs6"><span>あ</span></td>
+<td class="fs7"><span>あ</span></td>
+<td class="fs8"><span>あ</span></td>
+<td class="fs9"><span>あ</span></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/stretchmapping-all-ref.html b/layout/reftests/font-matching/stretchmapping-all-ref.html
new file mode 100644
index 0000000000..267e50b4ca
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-all-ref.html
@@ -0,0 +1,366 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-stretch matching tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Calibri, Verdana, sans-serif;
+}
+
+p { margin: 0; padding: 0; }
+
+table {
+  border-collapse: collapse;
+}
+
+th { 
+  font-weight: normal;
+  background-color: #eee;
+}
+
+th, td { width: 3em; text-align: left; }
+tr th { text-align: left; }
+
+.fstest-full { font-family: fstest-full; }
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd2.ttf);
+  font-stretch: extra-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd3.ttf);
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd5.ttf);
+  font-stretch: normal;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd8.ttf);
+  font-stretch: extra-expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd9.ttf);
+  font-stretch: ultra-expanded;
+}
+
+.fstest-1-3 { font-family: fstest-1-3; }
+
+@font-face {
+  font-family: fstest-1-3;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-1-3;
+  src: url(../fonts/csstest-widths-wd3.ttf);
+  font-stretch: condensed;
+}
+
+.fstest-1-4 { font-family: fstest-1-4; }
+
+@font-face {
+  font-family: fstest-1-4;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-1-4;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+.fstest-1-5 { font-family: fstest-1-5; }
+
+@font-face {
+  font-family: fstest-1-5;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-1-5;
+  src: url(../fonts/csstest-widths-wd5.ttf);
+  font-stretch: normal;
+}
+
+.fstest-2-6 { font-family: fstest-2-6; }
+
+@font-face {
+  font-family: fstest-2-6;
+  src: url(../fonts/csstest-widths-wd2.ttf);
+  font-stretch: extra-condensed;
+}
+
+@font-face {
+  font-family: fstest-2-6;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+.fstest-4-6 { font-family: fstest-4-6; }
+
+@font-face {
+  font-family: fstest-4-6;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+@font-face {
+  font-family: fstest-4-6;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+.fstest-4-7 { font-family: fstest-4-7; }
+
+@font-face {
+  font-family: fstest-4-7;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+@font-face {
+  font-family: fstest-4-7;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+.fstest-6-7 { font-family: fstest-6-7; }
+
+@font-face {
+  font-family: fstest-6-7;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+@font-face {
+  font-family: fstest-6-7;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+.fstest-7-9 { font-family: fstest-7-9; }
+
+@font-face {
+  font-family: fstest-7-9;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: fstest-7-9;
+  src: url(../fonts/csstest-widths-wd9.ttf);
+  font-stretch: ultra-expanded;
+}
+
+.fstest-8-9 { font-family: fstest-8-9; }
+
+@font-face {
+  font-family: fstest-8-9;
+  src: url(../fonts/csstest-widths-wd8.ttf);
+  font-stretch: extra-expanded;
+}
+
+@font-face {
+  font-family: fstest-8-9;
+  src: url(../fonts/csstest-widths-wd9.ttf);
+  font-stretch: ultra-expanded;
+}
+
+.fs1 { font-stretch: ultra-condensed; }
+.fs2 { font-stretch: extra-condensed; }
+.fs3 { font-stretch: condensed; }
+.fs4 { font-stretch: semi-condensed; }
+.fs5 { font-stretch: normal; }
+.fs6 { font-stretch: semi-expanded; }
+.fs7 { font-stretch: expanded; }
+.fs8 { font-stretch: extra-expanded; }
+.fs9 { font-stretch: ultra-expanded; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p>font-stretch mapping with different font family sets</p>
+<p>(only numbers should appear in the body of the table)</p>
+
+<table>
+<thead>
+<th>width</th>
+<th>full</th>
+<th>1-3</th>
+<th>1-4</th>
+<th>1-5</th>
+<th>2-6</th>
+<th>4-6</th>
+<th>4-7</th>
+<th>6-7</th>
+<th>7-9</th>
+<th>8-9</th>
+</thead>
+<tr class="fs1">
+<th>1</th>
+<td class="fstest-full">1</td>
+<td class="fstest-1-3">1</td>
+<td class="fstest-1-4">1</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs2">
+<th>2</th>
+<td class="fstest-full">2</td>
+<td class="fstest-1-3">1</td>
+<td class="fstest-1-4">1</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs3">
+<th>3</th>
+<td class="fstest-full">3</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">1</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs4">
+<th>4</th>
+<td class="fstest-full">4</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs5">
+<th>5</th>
+<td class="fstest-full">5</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs6">
+<th>6</th>
+<td class="fstest-full">6</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs7">
+<th>7</th>
+<td class="fstest-full">7</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">7</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs8">
+<th>8</th>
+<td class="fstest-full">8</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">7</td>
+<td class="fstest-7-9">9</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs9">
+<th>9</th>
+<td class="fstest-full">9</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">7</td>
+<td class="fstest-7-9">9</td>
+<td class="fstest-8-9">9</td>
+</tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/stretchmapping-all.html b/layout/reftests/font-matching/stretchmapping-all.html
new file mode 100644
index 0000000000..904fcd8f3b
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-all.html
@@ -0,0 +1,505 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>font-stretch matching tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Calibri, Verdana, sans-serif;
+}
+
+p { margin: 0; padding: 0; }
+
+table {
+  border-collapse: collapse;
+}
+
+th { 
+  font-weight: normal;
+  background-color: #eee;
+}
+
+th, td { width: 3em; text-align: left; }
+tr th { text-align: left; }
+
+.fstest-full { font-family: fstest-full; }
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd2.ttf);
+  font-stretch: extra-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd3.ttf);
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd5.ttf);
+  font-stretch: normal;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd8.ttf);
+  font-stretch: extra-expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd9.ttf);
+  font-stretch: ultra-expanded;
+}
+
+.fstest-1-3 { font-family: fstest-1-3; }
+
+@font-face {
+  font-family: fstest-1-3;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-1-3;
+  src: url(../fonts/csstest-widths-wd3.ttf);
+  font-stretch: condensed;
+}
+
+.fstest-1-4 { font-family: fstest-1-4; }
+
+@font-face {
+  font-family: fstest-1-4;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-1-4;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+.fstest-1-5 { font-family: fstest-1-5; }
+
+@font-face {
+  font-family: fstest-1-5;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-1-5;
+  src: url(../fonts/csstest-widths-wd5.ttf);
+  font-stretch: normal;
+}
+
+.fstest-2-6 { font-family: fstest-2-6; }
+
+@font-face {
+  font-family: fstest-2-6;
+  src: url(../fonts/csstest-widths-wd2.ttf);
+  font-stretch: extra-condensed;
+}
+
+@font-face {
+  font-family: fstest-2-6;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+.fstest-4-6 { font-family: fstest-4-6; }
+
+@font-face {
+  font-family: fstest-4-6;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+@font-face {
+  font-family: fstest-4-6;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+.fstest-4-7 { font-family: fstest-4-7; }
+
+@font-face {
+  font-family: fstest-4-7;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-condensed;
+}
+
+@font-face {
+  font-family: fstest-4-7;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+.fstest-6-7 { font-family: fstest-6-7; }
+
+@font-face {
+  font-family: fstest-6-7;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-expanded;
+}
+
+@font-face {
+  font-family: fstest-6-7;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+.fstest-7-9 { font-family: fstest-7-9; }
+
+@font-face {
+  font-family: fstest-7-9;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: fstest-7-9;
+  src: url(../fonts/csstest-widths-wd9.ttf);
+  font-stretch: ultra-expanded;
+}
+
+.fstest-8-9 { font-family: fstest-8-9; }
+
+@font-face {
+  font-family: fstest-8-9;
+  src: url(../fonts/csstest-widths-wd8.ttf);
+  font-stretch: extra-expanded;
+}
+
+@font-face {
+  font-family: fstest-8-9;
+  src: url(../fonts/csstest-widths-wd9.ttf);
+  font-stretch: ultra-expanded;
+}
+
+.fs1 { font-stretch: ultra-condensed; }
+.fs2 { font-stretch: extra-condensed; }
+.fs3 { font-stretch: condensed; }
+.fs4 { font-stretch: semi-condensed; }
+.fs5 { font-stretch: normal; }
+.fs6 { font-stretch: semi-expanded; }
+.fs7 { font-stretch: expanded; }
+.fs8 { font-stretch: extra-expanded; }
+.fs9 { font-stretch: ultra-expanded; }
+
+</style>
+  
+<script type="text/javascript">
+
+</script>
+  
+</head>
+<body>
+
+<p>font-stretch mapping with different font family sets</p>
+<p>(only numbers should appear in the body of the table)</p>
+
+<table>
+<thead>
+<th>width</th>
+<th>full</th>
+<th>1-3</th>
+<th>1-4</th>
+<th>1-5</th>
+<th>2-6</th>
+<th>4-6</th>
+<th>4-7</th>
+<th>6-7</th>
+<th>7-9</th>
+<th>8-9</th>
+</thead>
+<tr class="fs1">
+<th>1</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs2">
+<th>2</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs3">
+<th>3</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs4">
+<th>4</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs5">
+<th>5</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs6">
+<th>6</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs7">
+<th>7</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs8">
+<th>8</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+<tr class="fs9">
+<th>9</th>
+<td class="fstest-full">F</td>
+<td class="fstest-1-3">F</td>
+<td class="fstest-1-4">F</td>
+<td class="fstest-1-5">F</td>
+<td class="fstest-2-6">F</td>
+<td class="fstest-4-6">F</td>
+<td class="fstest-4-7">F</td>
+<td class="fstest-6-7">F</td>
+<td class="fstest-7-9">F</td>
+<td class="fstest-8-9">F</td>
+</tr>
+</table>
+
+<!--
+
+<p>Results based on spec logic:</p>
+
+<table>
+<thead>
+<th>width</th>
+<th>full</th>
+<th>1-3</th>
+<th>1-4</th>
+<th>1-5</th>
+<th>2-6</th>
+<th>4-6</th>
+<th>4-7</th>
+<th>6-7</th>
+<th>7-9</th>
+<th>8-9</th>
+</thead>
+<tr class="fs1">
+<th>1</th>
+<td class="fstest-full">1</td>
+<td class="fstest-1-3">1</td>
+<td class="fstest-1-4">1</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs2">
+<th>2</th>
+<td class="fstest-full">2</td>
+<td class="fstest-1-3">1</td>
+<td class="fstest-1-4">1</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs3">
+<th>3</th>
+<td class="fstest-full">3</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">1</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs4">
+<th>4</th>
+<td class="fstest-full">4</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">1</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs5">
+<th>5</th>
+<td class="fstest-full">5</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">2</td>
+<td class="fstest-4-6">4</td>
+<td class="fstest-4-7">4</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs6">
+<th>6</th>
+<td class="fstest-full">6</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">6</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs7">
+<th>7</th>
+<td class="fstest-full">7</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">7</td>
+<td class="fstest-7-9">7</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs8">
+<th>8</th>
+<td class="fstest-full">8</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">7</td>
+<td class="fstest-7-9">9</td>
+<td class="fstest-8-9">8</td>
+</tr>
+<tr class="fs9">
+<th>9</th>
+<td class="fstest-full">9</td>
+<td class="fstest-1-3">3</td>
+<td class="fstest-1-4">4</td>
+<td class="fstest-1-5">5</td>
+<td class="fstest-2-6">6</td>
+<td class="fstest-4-6">6</td>
+<td class="fstest-4-7">7</td>
+<td class="fstest-6-7">7</td>
+<td class="fstest-7-9">9</td>
+<td class="fstest-8-9">9</td>
+</tr>
+</table>
+
+-->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/stretchmapping-reverse-ref.html b/layout/reftests/font-matching/stretchmapping-reverse-ref.html
new file mode 100644
index 0000000000..2a8fde16cb
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-reverse-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Assure OS/2 usWidthClass isn't referenced</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd5.ttf);
+  font-stretch: normal;
+}
+
+body {
+  margin: 50px;
+}
+
+p.test {
+  font-family: fstest-full;
+  font-size: 24px;
+}
+
+.fs9 { font-stretch: ultra-condensed; }
+.fs8 { font-stretch: extra-condensed; }
+.fs7 { font-stretch: condensed; }
+.fs6 { font-stretch: semi-condensed; }
+.fs5 { font-stretch: normal; }
+.fs4 { font-stretch: semi-expanded; }
+.fs3 { font-stretch: expanded; }
+.fs2 { font-stretch: extra-expanded; }
+.fs1 { font-stretch: ultra-expanded; }
+
+</style>
+  
+</head>
+<body>
+
+<p>The numbers below should appear in ascending sequence:</p>
+
+<p class="test">
+<span class="fs1">1</span>
+<span class="fs2">2</span>
+<span class="fs3">3</span>
+<span class="fs4">4</span>
+<span class="fs5">5</span>
+<span class="fs6">6</span>
+<span class="fs7">7</span>
+<span class="fs8">8</span>
+<span class="fs9">9</span>
+</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/stretchmapping-reverse.html b/layout/reftests/font-matching/stretchmapping-reverse.html
new file mode 100644
index 0000000000..ef3b0b1ed1
--- /dev/null
+++ b/layout/reftests/font-matching/stretchmapping-reverse.html
@@ -0,0 +1,102 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Assure OS/2 usWidthClass isn't referenced</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd9.ttf);
+  font-stretch: ultra-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd8.ttf);
+  font-stretch: extra-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd7.ttf);
+  font-stretch: condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd6.ttf);
+  font-stretch: semi-condensed;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd5.ttf);
+  font-stretch: normal;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd4.ttf);
+  font-stretch: semi-expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd3.ttf);
+  font-stretch: expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd2.ttf);
+  font-stretch: extra-expanded;
+}
+
+@font-face {
+  font-family: fstest-full;
+  src: url(../fonts/csstest-widths-wd1.ttf);
+  font-stretch: ultra-expanded;
+}
+
+body {
+  margin: 50px;
+}
+
+p.test {
+  font-family: fstest-full;
+  font-size: 24px;
+}
+
+.fs9 { font-stretch: ultra-condensed; }
+.fs8 { font-stretch: extra-condensed; }
+.fs7 { font-stretch: condensed; }
+.fs6 { font-stretch: semi-condensed; }
+.fs5 { font-stretch: normal; }
+.fs4 { font-stretch: semi-expanded; }
+.fs3 { font-stretch: expanded; }
+.fs2 { font-stretch: extra-expanded; }
+.fs1 { font-stretch: ultra-expanded; }
+
+</style>
+  
+</head>
+<body>
+
+<p>The numbers below should appear in ascending sequence:</p>
+
+<p class="test">
+<span class="fs1">F</span>
+<span class="fs2">F</span>
+<span class="fs3">F</span>
+<span class="fs4">F</span>
+<span class="fs5">F</span>
+<span class="fs6">F</span>
+<span class="fs7">F</span>
+<span class="fs8">F</span>
+<span class="fs9">F</span>
+</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/synthetic-bold-1-ref.html b/layout/reftests/font-matching/synthetic-bold-1-ref.html
new file mode 100644
index 0000000000..9d5b28369f
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-bold-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<style type="text/css">
+body { font-family: Symbol, OpenSymbol, "Standard Symbols L"; font-size: 2em; }
+</style>
+</head>
+<body>
+<p>&#xf061;&#xf062;&#xf063; abc</p>
+<p>&#xf061;&#xf062;&#xf063; abc</p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/synthetic-bold-1.html b/layout/reftests/font-matching/synthetic-bold-1.html
new file mode 100644
index 0000000000..77588b06bb
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-bold-1.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style type="text/css">
+body { font-family: Symbol, OpenSymbol, "Standard Symbols L"; font-size: 2em; }
+</style>
+</head>
+<!-- if synthetic bolding is working, this should NOT match the reference -->
+<body>
+<p>&#xf061;&#xf062;&#xf063; abc</p>
+<p><b>&#xf061;&#xf062;&#xf063; abc</b></p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/synthetic-bold-2-ref.html b/layout/reftests/font-matching/synthetic-bold-2-ref.html
new file mode 100644
index 0000000000..b5a8f0d69e
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-bold-2-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<style type="text/css">
+body { font-family: "Apple Chancery", Impact, "Microsoft Sans Serif", "URW Chancery L"; font-size: 2em; }
+</style>
+</head>
+<body>
+<p>Hello World</p>
+<p>Hello World</p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/synthetic-bold-2.html b/layout/reftests/font-matching/synthetic-bold-2.html
new file mode 100644
index 0000000000..7da903c146
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-bold-2.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style type="text/css">
+body { font-family: "Apple Chancery", Impact, "Microsoft Sans Serif", "URW Chancery L"; font-size: 2em; }
+</style>
+</head>
+<!-- if synthetic bolding is working, this should NOT match the reference -->
+<body>
+<p>Hello World</p>
+<p><b>Hello World</b></p>
+</body>
+</html>
diff --git a/layout/reftests/font-matching/synthetic-style-1-notref.html b/layout/reftests/font-matching/synthetic-style-1-notref.html
new file mode 100644
index 0000000000..0cc51da48f
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-style-1-notref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Synthetic italic should not use true italic face</title>
+<!-- see bug 724231 -->
+<style type="text/css">
+body {
+  font-family: "Times New Roman", "Times", "DejaVu Serif", "FreeSerif", "Droid Serif", sans-serif;
+}
+</style>
+</head>
+<body>
+<p><i>Synthetic italics</i> should <i>not</i> use the true italic face.
+</body>
+</html>
diff --git a/layout/reftests/font-matching/synthetic-style-1.html b/layout/reftests/font-matching/synthetic-style-1.html
new file mode 100644
index 0000000000..4db379273c
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-style-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Synthetic italic should not use true italic face</title>
+<!-- see bug 724231 -->
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: local(Times New Roman), local(Times), local(DejaVu Serif), local(FreeSerif), local(Droid Serif);
+}
+body {
+  font-family: test, sans-serif;
+}
+</style>
+</head>
+<body>
+<p><i>Synthetic italics</i> should <i>not</i> use the true italic face.
+</body>
+</html>
diff --git a/layout/reftests/font-matching/synthetic-style-2-notref.html b/layout/reftests/font-matching/synthetic-style-2-notref.html
new file mode 100644
index 0000000000..e3fa7fb6af
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-style-2-notref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Synthetic bold should not use true bold face</title>
+<!-- see bug 724231 -->
+<style type="text/css">
+body {
+  font-family: "Times New Roman", "Times", "DejaVu Serif", "FreeSerif", "Droid Serif", sans-serif;
+}
+</style>
+</head>
+<body>
+<p><b>Synthetic bold</b> should <b>not</b> use the true bold face.
+</body>
+</html>
diff --git a/layout/reftests/font-matching/synthetic-style-2.html b/layout/reftests/font-matching/synthetic-style-2.html
new file mode 100644
index 0000000000..3885119112
--- /dev/null
+++ b/layout/reftests/font-matching/synthetic-style-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Synthetic bold should not use true bold face</title>
+<!-- see bug 724231 -->
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: local(Times New Roman), local(Times), local(DejaVu Serif), local(FreeSerif), local(Droid Serif);
+}
+body {
+  font-family: test, sans-serif;
+}
+</style>
+</head>
+<body>
+<p><b>Synthetic bold</b> should <b>not</b> use the true bold face.
+</body>
+</html>
diff --git a/layout/reftests/font-matching/syntheticbold-rotated-ref.html b/layout/reftests/font-matching/syntheticbold-rotated-ref.html
new file mode 100644
index 0000000000..2065e31583
--- /dev/null
+++ b/layout/reftests/font-matching/syntheticbold-rotated-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>rotated synthetic bold</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+
+body {
+  margin: 150px 0px;
+  font-size: 800%;
+}
+
+p { margin: 0; }
+
+.test {
+  font-family: libertine;
+  display: inline-block;
+  transform: rotate(90deg);
+}
+
+</style>
+
+</head>
+<body>
+
+<p><span class="test">uh oh!</span></p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/syntheticbold-rotated.html b/layout/reftests/font-matching/syntheticbold-rotated.html
new file mode 100644
index 0000000000..bb856c0c36
--- /dev/null
+++ b/layout/reftests/font-matching/syntheticbold-rotated.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>rotated synthetic bold</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+
+body {
+  margin: 150px 0px;
+  font-size: 800%;
+}
+
+p { margin: 0; }
+
+.test {
+  font-family: libertine;
+  display: inline-block;
+  transform: rotate(90deg);
+  font-weight: bold;
+}
+
+</style>
+
+</head>
+<body>
+
+<p><span class="test">uh oh!</span></p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/font-matching/system-font-pref.html b/layout/reftests/font-matching/system-font-pref.html
new file mode 100644
index 0000000000..97411bb8f9
--- /dev/null
+++ b/layout/reftests/font-matching/system-font-pref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="font: menu">Hey
diff --git a/layout/reftests/font-matching/system-generic-fallback-1-ref.html b/layout/reftests/font-matching/system-generic-fallback-1-ref.html
new file mode 100644
index 0000000000..84deb813a1
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div lang="en" id=test>
+<p></p>
+<p></p>
+<p></p>
+<p></p>
+<p></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-1.html b/layout/reftests/font-matching/system-generic-fallback-1.html
new file mode 100644
index 0000000000..d06d5259cb
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div id=test>
+<p></p>
+<p lang="ru"></p>
+<p lang="el"></p>
+<p lang="he"></p>
+<p lang="ar"></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-2-ref.html b/layout/reftests/font-matching/system-generic-fallback-2-ref.html
new file mode 100644
index 0000000000..efe6f93739
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-2-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div id=test>
+<p lang="zh-tw"></p>
+<p lang="zh-tw"></p>
+<p lang="zh-tw"></p>
+<p lang="zh-tw"></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-2.html b/layout/reftests/font-matching/system-generic-fallback-2.html
new file mode 100644
index 0000000000..2e1b02655c
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div id=test>
+<p lang="zh-tw"></p>
+<p lang="zh-TW"></p>
+<p lang="zh_tw"></p>
+<p lang="zh_TW"></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-3-ref.html b/layout/reftests/font-matching/system-generic-fallback-3-ref.html
new file mode 100644
index 0000000000..0ddd8c5d94
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-3-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div id=test>
+<p lang="zh-cn"></p>
+<p lang="zh-cn"></p>
+<p lang="zh-cn"></p>
+<p lang="zh-cn"></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-3.html b/layout/reftests/font-matching/system-generic-fallback-3.html
new file mode 100644
index 0000000000..a704d234c4
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-3.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div id=test>
+<p lang="zh-cn"></p>
+<p lang="zh-CN"></p>
+<p lang="zh_cn"></p>
+<p lang="zh_CN"></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-4-ref.html b/layout/reftests/font-matching/system-generic-fallback-4-ref.html
new file mode 100644
index 0000000000..5961caaf53
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-4-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div id=test>
+<p lang="zh-hk"></p>
+<p lang="zh-hk"></p>
+<p lang="zh-hk"></p>
+<p lang="zh-hk"></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-4.html b/layout/reftests/font-matching/system-generic-fallback-4.html
new file mode 100644
index 0000000000..d7ffee3e97
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-4.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  width: 200px;
+  font-size: 32px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+#test { width: 500px }
+</style>
+
+</head>
+<body>
+
+<div id=test>
+<p lang="zh-hk"></p>
+<p lang="zh-HK"></p>
+<p lang="zh_hk"></p>
+<p lang="zh_HK"></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-ja.html b/layout/reftests/font-matching/system-generic-fallback-ja.html
new file mode 100644
index 0000000000..844200111f
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-ja.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  font-size: 80px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+</style>
+
+</head>
+<body>
+
+<div lang="ja" id=test>
+<p></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-ko.html b/layout/reftests/font-matching/system-generic-fallback-ko.html
new file mode 100644
index 0000000000..526ab817d8
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-ko.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  font-size: 80px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+</style>
+
+</head>
+<body>
+
+<div lang="ko" id=test>
+<p></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-zh-cn.html b/layout/reftests/font-matching/system-generic-fallback-zh-cn.html
new file mode 100644
index 0000000000..afcabb396c
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-zh-cn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  font-size: 80px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+</style>
+
+</head>
+<body>
+
+<div lang="zh-cn" id=test>
+<p></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-generic-fallback-zh-tw.html b/layout/reftests/font-matching/system-generic-fallback-zh-tw.html
new file mode 100644
index 0000000000..64cc1aded5
--- /dev/null
+++ b/layout/reftests/font-matching/system-generic-fallback-zh-tw.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>system generic linked families</title>
+<meta charset="utf-8">
+
+<style>
+body {
+  margin: 50px;
+}
+
+p {
+  margin: 0;
+  display: inline-block;
+  font-size: 80px;
+  line-height: 1.3em;
+}
+
+p + p { margin-top: 5px; }
+
+#test p:before { content: "123abc 途外"; }
+#test p { font-family: -apple-system; }
+</style>
+
+</head>
+<body>
+
+<div lang="zh-tw" id=test>
+<p></p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/system-ui-fallback-2-ref.html b/layout/reftests/font-matching/system-ui-fallback-2-ref.html
new file mode 100644
index 0000000000..6e60fefe18
--- /dev/null
+++ b/layout/reftests/font-matching/system-ui-fallback-2-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<h1 style="font-family: system-ui">&#1576;</h1>
diff --git a/layout/reftests/font-matching/system-ui-fallback-2.html b/layout/reftests/font-matching/system-ui-fallback-2.html
new file mode 100644
index 0000000000..a39c4e2a2d
--- /dev/null
+++ b/layout/reftests/font-matching/system-ui-fallback-2.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<h1 style="font-family: nonexistent, system-ui">&#1576;</h1>
diff --git a/layout/reftests/font-matching/system-ui-fallback-notref.html b/layout/reftests/font-matching/system-ui-fallback-notref.html
new file mode 100644
index 0000000000..6484bd2e6d
--- /dev/null
+++ b/layout/reftests/font-matching/system-ui-fallback-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="font:36px system-ui, sans-serif">你好</div>
diff --git a/layout/reftests/font-matching/system-ui-fallback.html b/layout/reftests/font-matching/system-ui-fallback.html
new file mode 100644
index 0000000000..1710dc1405
--- /dev/null
+++ b/layout/reftests/font-matching/system-ui-fallback.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<!--
+  NOTE(emilio): The rendering _could_ be the same if the system-ui font
+  supported the glyphs, but we rely on it not doing so for now.
+
+  When we implement proper multi-lingual font support (at least on macOS), this
+  is expected to render the same
+-->
+<div style="font:36px system-ui, serif">你好</div>
diff --git a/layout/reftests/font-matching/weightmapping-12-ref.html b/layout/reftests/font-matching/weightmapping-12-ref.html
new file mode 100644
index 0000000000..f985dac4f6
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-12-ref.html
@@ -0,0 +1,222 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 .clili { font-family: test100; }
+.w1 .cli { font-family: test100; }
+.w1 .cnor { font-family: test100; }
+.w1 .cbo { font-family: test200; }
+.w1 .cbobo { font-family: test200; font-weight: bold; }
+
+.w2 .clili { font-family: test100; }
+.w2 .cli { font-family: test100; }
+.w2 .cnor { font-family: test200; }
+.w2 .cbo { font-family: test200; }
+.w2 .cbobo { font-family: test200; font-weight: bold; }
+
+.w3 .clili { font-family: test100; }
+.w3 .cli { font-family: test100; }
+.w3 .cnor { font-family: test200; }
+.w3 .cbo { font-family: test200; }
+.w3 .cbobo { font-family: test200; font-weight: bold; }
+
+.w4 .clili { font-family: test100; }
+.w4 .cli { font-family: test100; }
+.w4 .cnor { font-family: test200; }
+.w4 .cbo { font-family: test200; font-weight: bold; }
+.w4 .cbobo { font-family: test200; font-weight: bold; }
+
+.w5 .clili { font-family: test100; }
+.w5 .cli { font-family: test100; }
+.w5 .cnor { font-family: test200; }
+.w5 .cbo { font-family: test200; font-weight: bold; }
+.w5 .cbobo { font-family: test200; font-weight: bold; }
+
+.w6 .clili { font-family: test100; }
+.w6 .cli { font-family: test200; }
+.w6 .cnor { font-family: test200; font-weight: bold; }
+.w6 .cbo { font-family: test200; font-weight: bold; }
+.w6 .cbobo { font-family: test200; font-weight: bold; }
+
+.w7 .clili { font-family: test100; }
+.w7 .cli { font-family: test200; }
+.w7 .cnor { font-family: test200; font-weight: bold; }
+.w7 .cbo { font-family: test200; font-weight: bold; }
+.w7 .cbobo { font-family: test200; font-weight: bold; }
+
+.w8 .clili { font-family: test200; }
+.w8 .cli { font-family: test200; font-weight: bold; }
+.w8 .cnor { font-family: test200; font-weight: bold; }
+.w8 .cbo { font-family: test200; font-weight: bold; }
+.w8 .cbobo { font-family: test200; font-weight: bold; }
+
+.w9 .clili { font-family: test200; }
+.w9 .cli { font-family: test200; font-weight: bold; }
+.w9 .cnor { font-family: test200; font-weight: bold; }
+.w9 .cbo { font-family: test200; font-weight: bold; }
+.w9 .cbobo { font-family: test200; font-weight: bold; }
+
+.w1 th { font-weight: 100; }
+.w2 th { font-weight: 200; }
+.w3 th { font-weight: 300; }
+.w4 th { font-weight: 400; }
+.w5 th { font-weight: 500; }
+.w6 th { font-weight: 600; }
+.w7 th { font-weight: 700; }
+.w8 th { font-weight: 800; }
+.w9 th { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 100, 200 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th class="red">100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th class="red">200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-12.html b/layout/reftests/font-matching/weightmapping-12.html
new file mode 100644
index 0000000000..d64a716f21
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-12.html
@@ -0,0 +1,174 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+td.cnor { font-weight: inherit; }
+td.cbo { font-weight: bolder; }
+td.cbobo, td.cbobo span { font-weight: bolder; }
+td.cli { font-weight: lighter; }
+td.clili, td.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 100, 200 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th class="red">100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th class="red">200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-12579-ref.html b/layout/reftests/font-matching/weightmapping-12579-ref.html
new file mode 100644
index 0000000000..a7b27d312a
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-12579-ref.html
@@ -0,0 +1,255 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+@font-face {
+  font-family: test700;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+}
+
+@font-face {
+  font-family: test900;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 .clili { font-family: test100; }
+.w1 .cli { font-family: test100; }
+.w1 .cnor { font-family: test100; }
+.w1 .cbo { font-family: test500; }
+.w1 .cbobo { font-family: test700; }
+
+.w2 .clili { font-family: test100; }
+.w2 .cli { font-family: test100; }
+.w2 .cnor { font-family: test200; }
+.w2 .cbo { font-family: test500; }
+.w2 .cbobo { font-family: test700; }
+
+.w3 .clili { font-family: test100; }
+.w3 .cli { font-family: test100; }
+.w3 .cnor { font-family: test200; }
+.w3 .cbo { font-family: test500; }
+.w3 .cbobo { font-family: test700; }
+
+.w4 .clili { font-family: test100; }
+.w4 .cli { font-family: test100; }
+.w4 .cnor { font-family: test500; }
+.w4 .cbo { font-family: test700; }
+.w4 .cbobo { font-family: test900; }
+
+.w5 .clili { font-family: test100; }
+.w5 .cli { font-family: test100; }
+.w5 .cnor { font-family: test500; }
+.w5 .cbo { font-family: test700; }
+.w5 .cbobo { font-family: test900; }
+
+.w6 .clili { font-family: test100; }
+.w6 .cli { font-family: test500; }
+.w6 .cnor { font-family: test700; }
+.w6 .cbo { font-family: test900; }
+.w6 .cbobo { font-family: test900; }
+
+.w7 .clili { font-family: test100; }
+.w7 .cli { font-family: test500; }
+.w7 .cnor { font-family: test700; }
+.w7 .cbo { font-family: test900; }
+.w7 .cbobo { font-family: test900; }
+
+.w8 .clili { font-family: test500; }
+.w8 .cli { font-family: test700; }
+.w8 .cnor { font-family: test900; }
+.w8 .cbo { font-family: test900; }
+.w8 .cbobo { font-family: test900; }
+
+.w9 .clili { font-family: test500; }
+.w9 .cli { font-family: test700; }
+.w9 .cnor { font-family: test900; }
+.w9 .cbo { font-family: test900; }
+.w9 .cbobo { font-family: test900; }
+
+.w1 th { font-weight: 100; }
+.w2 th { font-weight: 200; }
+.w3 th { font-weight: 300; }
+.w4 th { font-weight: 400; }
+.w5 th { font-weight: 500; }
+.w6 th { font-weight: 600; }
+.w7 th { font-weight: 700; }
+.w8 th { font-weight: 800; }
+.w9 th { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 100, 200, 500, 700, 900 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th class="red">100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th class="red">200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th class="red">700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th class="red">900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-12579.html b/layout/reftests/font-matching/weightmapping-12579.html
new file mode 100644
index 0000000000..bdce065ecf
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-12579.html
@@ -0,0 +1,207 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+@font-face {
+  font-family: test100;
+  src: url(../fonts/mplus/mplus-1p-thin.ttf);
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+@font-face {
+  font-family: test700;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+}
+
+@font-face {
+  font-family: test900;
+  src: url(../fonts/mplus/mplus-1p-black.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+td.cnor { font-weight: inherit; }
+td.cbo { font-weight: bolder; }
+td.cbobo, td.cbobo span { font-weight: bolder; }
+td.cli { font-weight: lighter; }
+td.clili, td.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 100, 200, 500, 700, 900 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th class="red">100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th class="red">200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th class="red">700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th class="red">900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-25-ref.html b/layout/reftests/font-matching/weightmapping-25-ref.html
new file mode 100644
index 0000000000..8f216c27f3
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-25-ref.html
@@ -0,0 +1,222 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 .clili { font-family: test200; }
+.w1 .cli { font-family: test200; }
+.w1 .cnor { font-family: test200; }
+.w1 .cbo { font-family: test500; }
+.w1 .cbobo { font-family: test500; font-weight: bold; }
+
+.w2 .clili { font-family: test200; }
+.w2 .cli { font-family: test200; }
+.w2 .cnor { font-family: test200; }
+.w2 .cbo { font-family: test500; }
+.w2 .cbobo { font-family: test500; font-weight: bold; }
+
+.w3 .clili { font-family: test200; }
+.w3 .cli { font-family: test200; }
+.w3 .cnor { font-family: test200; }
+.w3 .cbo { font-family: test500; }
+.w3 .cbobo { font-family: test500; font-weight: bold; }
+
+.w4 .clili { font-family: test200; }
+.w4 .cli { font-family: test200; }
+.w4 .cnor { font-family: test500; }
+.w4 .cbo { font-family: test500; font-weight: bold; }
+.w4 .cbobo { font-family: test500; font-weight: bold; }
+
+.w5 .clili { font-family: test200; }
+.w5 .cli { font-family: test200; }
+.w5 .cnor { font-family: test500; }
+.w5 .cbo { font-family: test500; font-weight: bold; }
+.w5 .cbobo { font-family: test500; font-weight: bold; }
+
+.w6 .clili { font-family: test200; }
+.w6 .cli { font-family: test500; }
+.w6 .cnor { font-family: test500; font-weight: bold; }
+.w6 .cbo { font-family: test500; font-weight: bold; }
+.w6 .cbobo { font-family: test500; font-weight: bold; }
+
+.w7 .clili { font-family: test200; }
+.w7 .cli { font-family: test500; }
+.w7 .cnor { font-family: test500; font-weight: bold; }
+.w7 .cbo { font-family: test500; font-weight: bold; }
+.w7 .cbobo { font-family: test500; font-weight: bold; }
+
+.w8 .clili { font-family: test500; }
+.w8 .cli { font-family: test500; font-weight: bold; }
+.w8 .cnor { font-family: test500; font-weight: bold; }
+.w8 .cbo { font-family: test500; font-weight: bold; }
+.w8 .cbobo { font-family: test500; font-weight: bold; }
+
+.w9 .clili { font-family: test500; }
+.w9 .cli { font-family: test500; font-weight: bold; }
+.w9 .cnor { font-family: test500; font-weight: bold; }
+.w9 .cbo { font-family: test500; font-weight: bold; }
+.w9 .cbobo { font-family: test500; font-weight: bold; }
+
+.w1 th { font-weight: 100; }
+.w2 th { font-weight: 200; }
+.w3 th { font-weight: 300; }
+.w4 th { font-weight: 400; }
+.w5 th { font-weight: 500; }
+.w6 th { font-weight: 600; }
+.w7 th { font-weight: 700; }
+.w8 th { font-weight: 800; }
+.w9 th { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 200, 500 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th class="red">200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-25.html b/layout/reftests/font-matching/weightmapping-25.html
new file mode 100644
index 0000000000..360d875ad5
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-25.html
@@ -0,0 +1,174 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test200;
+  src: url(../fonts/mplus/mplus-1p-light.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+td.cnor { font-weight: inherit; }
+td.cbo { font-weight: bolder; }
+td.cbobo, td.cbobo span { font-weight: bolder; }
+td.cli { font-weight: lighter; }
+td.clili, td.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 200, 500 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th class="red">200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-45-ref.html b/layout/reftests/font-matching/weightmapping-45-ref.html
new file mode 100644
index 0000000000..4115999093
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-45-ref.html
@@ -0,0 +1,222 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 .clili { font-family: test400; }
+.w1 .cli { font-family: test400; }
+.w1 .cnor { font-family: test400; }
+.w1 .cbo { font-family: test400; }
+.w1 .cbobo { font-family: test500; font-weight: bold; }
+
+.w2 .clili { font-family: test400; }
+.w2 .cli { font-family: test400; }
+.w2 .cnor { font-family: test400; }
+.w2 .cbo { font-family: test400; }
+.w2 .cbobo { font-family: test500; font-weight: bold; }
+
+.w3 .clili { font-family: test400; }
+.w3 .cli { font-family: test400; }
+.w3 .cnor { font-family: test400; }
+.w3 .cbo { font-family: test400; }
+.w3 .cbobo { font-family: test500; font-weight: bold; }
+
+.w4 .clili { font-family: test400; }
+.w4 .cli { font-family: test400; }
+.w4 .cnor { font-family: test400; }
+.w4 .cbo { font-family: test500; font-weight: bold; }
+.w4 .cbobo { font-family: test500; font-weight: bold; }
+
+.w5 .clili { font-family: test400; }
+.w5 .cli { font-family: test400; }
+.w5 .cnor { font-family: test500; }
+.w5 .cbo { font-family: test500; font-weight: bold; }
+.w5 .cbobo { font-family: test500; font-weight: bold; }
+
+.w6 .clili { font-family: test400; }
+.w6 .cli { font-family: test400; }
+.w6 .cnor { font-family: test500; font-weight: bold; }
+.w6 .cbo { font-family: test500; font-weight: bold; }
+.w6 .cbobo { font-family: test500; font-weight: bold; }
+
+.w7 .clili { font-family: test400; }
+.w7 .cli { font-family: test400; }
+.w7 .cnor { font-family: test500; font-weight: bold; }
+.w7 .cbo { font-family: test500; font-weight: bold; }
+.w7 .cbobo { font-family: test500; font-weight: bold; }
+
+.w8 .clili { font-family: test400; }
+.w8 .cli { font-family: test500; font-weight: bold; }
+.w8 .cnor { font-family: test500; font-weight: bold; }
+.w8 .cbo { font-family: test500; font-weight: bold; }
+.w8 .cbobo { font-family: test500; font-weight: bold; }
+
+.w9 .clili { font-family: test400; }
+.w9 .cli { font-family: test500; font-weight: bold; }
+.w9 .cnor { font-family: test500; font-weight: bold; }
+.w9 .cbo { font-family: test500; font-weight: bold; }
+.w9 .cbobo { font-family: test500; font-weight: bold; }
+
+.w1 th { font-weight: 100; }
+.w2 th { font-weight: 200; }
+.w3 th { font-weight: 300; }
+.w4 th { font-weight: 400; }
+.w5 th { font-weight: 500; }
+.w6 th { font-weight: 600; }
+.w7 th { font-weight: 700; }
+.w8 th { font-weight: 800; }
+.w9 th { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 400, 500 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th class="red">400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-45.html b/layout/reftests/font-matching/weightmapping-45.html
new file mode 100644
index 0000000000..49647aea01
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-45.html
@@ -0,0 +1,174 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+td.cnor { font-weight: inherit; }
+td.cbo { font-weight: bolder; }
+td.cbobo, td.cbobo span { font-weight: bolder; }
+td.cli { font-weight: lighter; }
+td.clili, td.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 400, 500 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th class="red">400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-458-ref.html b/layout/reftests/font-matching/weightmapping-458-ref.html
new file mode 100644
index 0000000000..56cf4d7432
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-458-ref.html
@@ -0,0 +1,233 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+@font-face {
+  font-family: test800;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 .clili { font-family: test400; }
+.w1 .cli { font-family: test400; }
+.w1 .cnor { font-family: test400; }
+.w1 .cbo { font-family: test400; }
+.w1 .cbobo { font-family: test800; }
+
+.w2 .clili { font-family: test400; }
+.w2 .cli { font-family: test400; }
+.w2 .cnor { font-family: test400; }
+.w2 .cbo { font-family: test400; }
+.w2 .cbobo { font-family: test800; }
+
+.w3 .clili { font-family: test400; }
+.w3 .cli { font-family: test400; }
+.w3 .cnor { font-family: test400; }
+.w3 .cbo { font-family: test400; }
+.w3 .cbobo { font-family: test800; }
+
+.w4 .clili { font-family: test400; }
+.w4 .cli { font-family: test400; }
+.w4 .cnor { font-family: test400; }
+.w4 .cbo { font-family: test800; }
+.w4 .cbobo { font-family: test800; }
+
+.w5 .clili { font-family: test400; }
+.w5 .cli { font-family: test400; }
+.w5 .cnor { font-family: test500; }
+.w5 .cbo { font-family: test800; }
+.w5 .cbobo { font-family: test800; }
+
+.w6 .clili { font-family: test400; }
+.w6 .cli { font-family: test400; }
+.w6 .cnor { font-family: test800; }
+.w6 .cbo { font-family: test800; }
+.w6 .cbobo { font-family: test800; }
+
+.w7 .clili { font-family: test400; }
+.w7 .cli { font-family: test400; }
+.w7 .cnor { font-family: test800; }
+.w7 .cbo { font-family: test800; }
+.w7 .cbobo { font-family: test800; }
+
+.w8 .clili { font-family: test400; }
+.w8 .cli { font-family: test800; }
+.w8 .cnor { font-family: test800; }
+.w8 .cbo { font-family: test800; }
+.w8 .cbobo { font-family: test800; }
+
+.w9 .clili { font-family: test400; }
+.w9 .cli { font-family: test800; }
+.w9 .cnor { font-family: test800; }
+.w9 .cbo { font-family: test800; }
+.w9 .cbobo { font-family: test800; }
+
+.w1 th { font-weight: 100; }
+.w2 th { font-weight: 200; }
+.w3 th { font-weight: 300; }
+.w4 th { font-weight: 400; }
+.w5 th { font-weight: 500; }
+.w6 th { font-weight: 600; }
+.w7 th { font-weight: 700; }
+.w8 th { font-weight: 800; }
+.w9 th { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 400, 500, 800 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th class="red">400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th class="red">800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-458.html b/layout/reftests/font-matching/weightmapping-458.html
new file mode 100644
index 0000000000..4c4461ab03
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-458.html
@@ -0,0 +1,185 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+@font-face {
+  font-family: test500;
+  src: url(../fonts/mplus/mplus-1p-medium.ttf);
+}
+
+@font-face {
+  font-family: test800;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+td.cnor { font-weight: inherit; }
+td.cbo { font-weight: bolder; }
+td.cbobo, td.cbobo span { font-weight: bolder; }
+td.cli { font-weight: lighter; }
+td.clili, td.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 400, 500, 800 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th class="red">400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th class="red">500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th>700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th class="red">800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-478-ref.html b/layout/reftests/font-matching/weightmapping-478-ref.html
new file mode 100644
index 0000000000..a170d3a35b
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-478-ref.html
@@ -0,0 +1,233 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+@font-face {
+  font-family: test700;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+}
+
+@font-face {
+  font-family: test800;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 .clili { font-family: test400; }
+.w1 .cli { font-family: test400; }
+.w1 .cnor { font-family: test400; }
+.w1 .cbo { font-family: test400; }
+.w1 .cbobo { font-family: test700; }
+
+.w2 .clili { font-family: test400; }
+.w2 .cli { font-family: test400; }
+.w2 .cnor { font-family: test400; }
+.w2 .cbo { font-family: test400; }
+.w2 .cbobo { font-family: test700; }
+
+.w3 .clili { font-family: test400; }
+.w3 .cli { font-family: test400; }
+.w3 .cnor { font-family: test400; }
+.w3 .cbo { font-family: test400; }
+.w3 .cbobo { font-family: test700; }
+
+.w4 .clili { font-family: test400; }
+.w4 .cli { font-family: test400; }
+.w4 .cnor { font-family: test400; }
+.w4 .cbo { font-family: test700; }
+.w4 .cbobo { font-family: test800; }
+
+.w5 .clili { font-family: test400; }
+.w5 .cli { font-family: test400; }
+.w5 .cnor { font-family: test400; }
+.w5 .cbo { font-family: test700; }
+.w5 .cbobo { font-family: test800; }
+
+.w6 .clili { font-family: test400; }
+.w6 .cli { font-family: test400; }
+.w6 .cnor { font-family: test700; }
+.w6 .cbo { font-family: test800; }
+.w6 .cbobo { font-family: test800; }
+
+.w7 .clili { font-family: test400; }
+.w7 .cli { font-family: test400; }
+.w7 .cnor { font-family: test700; }
+.w7 .cbo { font-family: test800; }
+.w7 .cbobo { font-family: test800; }
+
+.w8 .clili { font-family: test400; }
+.w8 .cli { font-family: test700; }
+.w8 .cnor { font-family: test800; }
+.w8 .cbo { font-family: test800; }
+.w8 .cbobo { font-family: test800; }
+
+.w9 .clili { font-family: test400; }
+.w9 .cli { font-family: test700; }
+.w9 .cnor { font-family: test800; }
+.w9 .cbo { font-family: test800; }
+.w9 .cbobo { font-family: test800; }
+
+.w1 th { font-weight: 100; }
+.w2 th { font-weight: 200; }
+.w3 th { font-weight: 300; }
+.w4 th { font-weight: 400; }
+.w5 th { font-weight: 500; }
+.w6 th { font-weight: 600; }
+.w7 th { font-weight: 700; }
+.w8 th { font-weight: 800; }
+.w9 th { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 400, 700, 800 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th class="red">400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th class="red">700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th class="red">800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-478.html b/layout/reftests/font-matching/weightmapping-478.html
new file mode 100644
index 0000000000..9c61689c45
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-478.html
@@ -0,0 +1,185 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: test400;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+@font-face {
+  font-family: test700;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+}
+
+@font-face {
+  font-family: test800;
+  src: url(../fonts/mplus/mplus-1p-heavy.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+td.cnor { font-weight: inherit; }
+td.cbo { font-weight: bolder; }
+td.cbobo, td.cbobo span { font-weight: bolder; }
+td.cli { font-weight: lighter; }
+td.clili, td.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 400, 700, 800 weights</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th class="red">400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th class="red">700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th class="red">800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-7-ref.html b/layout/reftests/font-matching/weightmapping-7-ref.html
new file mode 100644
index 0000000000..53888decd0
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-7-ref.html
@@ -0,0 +1,211 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: test700;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 .clili { font-family: test700; }
+.w1 .cli { font-family: test700; }
+.w1 .cnor { font-family: test700; }
+.w1 .cbo { font-family: test700; }
+.w1 .cbobo { font-family: test700; }
+
+.w2 .clili { font-family: test700; }
+.w2 .cli { font-family: test700; }
+.w2 .cnor { font-family: test700; }
+.w2 .cbo { font-family: test700; }
+.w2 .cbobo { font-family: test700; }
+
+.w3 .clili { font-family: test700; }
+.w3 .cli { font-family: test700; }
+.w3 .cnor { font-family: test700; }
+.w3 .cbo { font-family: test700; }
+.w3 .cbobo { font-family: test700; }
+
+.w4 .clili { font-family: test700; }
+.w4 .cli { font-family: test700; }
+.w4 .cnor { font-family: test700; }
+.w4 .cbo { font-family: test700; }
+.w4 .cbobo { font-family: test700; }
+
+.w5 .clili { font-family: test700; }
+.w5 .cli { font-family: test700; }
+.w5 .cnor { font-family: test700; }
+.w5 .cbo { font-family: test700; }
+.w5 .cbobo { font-family: test700; }
+
+.w6 .clili { font-family: test700; }
+.w6 .cli { font-family: test700; }
+.w6 .cnor { font-family: test700; }
+.w6 .cbo { font-family: test700; }
+.w6 .cbobo { font-family: test700; }
+
+.w7 .clili { font-family: test700; }
+.w7 .cli { font-family: test700; }
+.w7 .cnor { font-family: test700; }
+.w7 .cbo { font-family: test700; }
+.w7 .cbobo { font-family: test700; }
+
+.w8 .clili { font-family: test700; }
+.w8 .cli { font-family: test700; }
+.w8 .cnor { font-family: test700; }
+.w8 .cbo { font-family: test700; }
+.w8 .cbobo { font-family: test700; }
+
+.w9 .clili { font-family: test700; }
+.w9 .cli { font-family: test700; }
+.w9 .cnor { font-family: test700; }
+.w9 .cbo { font-family: test700; }
+.w9 .cbobo { font-family: test700; }
+
+.w1 th { font-weight: 100; }
+.w2 th { font-weight: 200; }
+.w3 th { font-weight: 300; }
+.w4 th { font-weight: 400; }
+.w5 th { font-weight: 500; }
+.w6 th { font-weight: 600; }
+.w7 th { font-weight: 700; }
+.w8 th { font-weight: 800; }
+.w9 th { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 700 weight</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th class="red">700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/weightmapping-7.html b/layout/reftests/font-matching/weightmapping-7.html
new file mode 100644
index 0000000000..6b2ad74ee7
--- /dev/null
+++ b/layout/reftests/font-matching/weightmapping-7.html
@@ -0,0 +1,163 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Weight mapping tests</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  
+<style type="text/css">
+
+body {
+  margin: 50px;
+  font-family: Futura, Verdana, sans-serif;
+}
+
+h3, h4 { font-weight: normal; }
+
+/* make all the spans blocks to avoid influence of what's outside them
+   on line-height calculations */
+span { display: block; }
+
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: test700;
+  src: url(../fonts/mplus/mplus-1p-bold.ttf);
+}
+
+table {
+  border-collapse: collapse;
+  font-family: test;
+  font-size: 20px;
+}
+
+td {
+  padding: 0; margin: 0;
+}
+
+th {
+  font-weight: inherit;
+}
+
+.red { color: red; }
+
+th.cnor { font-weight: inherit; }
+th.cbo { font-weight: bolder; }
+th.cbobo, th.cbobo span { font-weight: bolder; }
+th.cli { font-weight: lighter; }
+th.clili, th.clili span { font-weight: lighter; }
+
+td.cnor { font-weight: inherit; }
+td.cbo { font-weight: bolder; }
+td.cbobo, td.cbobo span { font-weight: bolder; }
+td.cli { font-weight: lighter; }
+td.clili, td.clili span { font-weight: lighter; }
+
+thead { font-weight: 400; font-size: 75%; }
+
+.w1 { font-weight: 100; }
+.w2 { font-weight: 200; }
+.w3 { font-weight: 300; }
+.w4 { font-weight: 400; }
+.w5 { font-weight: 500; }
+.w6 { font-weight: 600; }
+.w7 { font-weight: 700; }
+.w8 { font-weight: 800; }
+.w9 { font-weight: 900; }
+
+</style>
+</head>
+<body>
+
+<h3>Font family with 700 weight</h3>
+
+<table>
+<thead>
+<th></th>
+<th class="clili"><span>lighter lighter</span></th>
+<th class="cli"><span>lighter</span></th>
+<th class="cnor"><span>normal</span></th>
+<th class="cbo"><span>bolder</span></th>
+<th class="cbobo"><span>bolder bolder</span></th>
+</thead>
+<tr class="w1">
+<th>100</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w2">
+<th>200</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w3">
+<th>300</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w4">
+<th>400</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w5">
+<th>500</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w6">
+<th>600</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w7">
+<th class="red">700</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w8">
+<th>800</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+<tr class="w9">
+<th>900</th>
+<td class="clili"><span>東京特許許可局</span></td>
+<td class="cli"><span>東京特許許可局</span></td>
+<td class="cnor"><span>東京特許許可局</span></td>
+<td class="cbo"><span>東京特許許可局</span></td>
+<td class="cbobo"><span>東京特許許可局</span></td>
+</tr>
+</table>
+
+<p>tokyotokkyokyokakyoku</p>
+
+</body>
+</html>
diff --git a/layout/reftests/font-matching/wingdings-1-notref.html b/layout/reftests/font-matching/wingdings-1-notref.html
new file mode 100644
index 0000000000..83acbacd0e
--- /dev/null
+++ b/layout/reftests/font-matching/wingdings-1-notref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+</style>
+<body>
+Trying the Wingdings font: <span>abcdef 12345</span>
diff --git a/layout/reftests/font-matching/wingdings-1-ref.html b/layout/reftests/font-matching/wingdings-1-ref.html
new file mode 100644
index 0000000000..898559baa3
--- /dev/null
+++ b/layout/reftests/font-matching/wingdings-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+span {
+  font-family: Wingdings, sans-serif;
+}
+</style>
+<body>
+Trying the Wingdings font:
+<span>&#xf061;&#xf062;&#xf063;&#xf064;&#xf065;&#xf066;&#xf020;&#xf031;&#xf032;&#xf033;&#xf034;&#xf035;</span>
diff --git a/layout/reftests/font-matching/wingdings-1.html b/layout/reftests/font-matching/wingdings-1.html
new file mode 100644
index 0000000000..f3dd3e68bd
--- /dev/null
+++ b/layout/reftests/font-matching/wingdings-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+span {
+  font-family: Wingdings, sans-serif;
+}
+</style>
+<body>
+Trying the Wingdings font: <span>abcdef 12345</span>
diff --git a/layout/reftests/font-variations/font-optical-sizing-1-notref.html b/layout/reftests/font-variations/font-optical-sizing-1-notref.html
new file mode 100644
index 0000000000..9f4c74b167
--- /dev/null
+++ b/layout/reftests/font-variations/font-optical-sizing-1-notref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: Voto;
+  src: url(../fonts/VotoSerifGX.latin1.ttf);
+}
+body {
+  font-family: Voto;
+  font-variation-settings: "wght" 50;
+  font-optical-sizing: none; /* disable automatic optical size applications,
+                                so this should NOT match the testcase */
+}
+span {
+  font-variation-settings: "wght" 100;
+}
+</style>
+</head>
+<body>
+<div style="font-size: 9px">Voto <span>bold</span> at 9px</div>
+<div style="font-size: 12px">Voto <span>bold</span> at 12px</div>
+<div style="font-size: 16px">Voto <span>bold</span> at 16px</div>
+<div style="font-size: 24px">Voto <span>bold</span> at 24px</div>
+<div style="font-size: 32px">Voto <span>bold</span> at 32px</div>
+<div style="font-size: 48px">Voto <span>bold</span> at 48px</div>
+<div style="font-size: 72px">Voto <span>bold</span> at 72px</div>
+<div style="font-size: 96px">Voto <span>bold</span> at 96px</div>
+</body>
+</html>
diff --git a/layout/reftests/font-variations/font-optical-sizing-1-ref.html b/layout/reftests/font-variations/font-optical-sizing-1-ref.html
new file mode 100644
index 0000000000..66ee74d85a
--- /dev/null
+++ b/layout/reftests/font-variations/font-optical-sizing-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: Voto;
+  src: url(../fonts/VotoSerifGX.latin1.ttf);
+}
+body {
+  font-family: Voto;
+  font-optical-sizing: none;
+}
+</style>
+</head>
+<body>
+<!-- Voto has an optical size axis that ranges from 12.0 to 72.0,
+     so for sizes outside that range the value applied will be clamped -->
+<div style="font-size: 9px;  font-variation-settings: 'wght' 50, 'opsz' 12;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 12;">bold</span> at 9px</div>
+<div style="font-size: 12px; font-variation-settings: 'wght' 50, 'opsz' 12;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 12;">bold</span> at 12px</div>
+<div style="font-size: 16px; font-variation-settings: 'wght' 50, 'opsz' 16;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 16;">bold</span> at 16px</div>
+<div style="font-size: 24px; font-variation-settings: 'wght' 50, 'opsz' 24;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 24;">bold</span> at 24px</div>
+<div style="font-size: 32px; font-variation-settings: 'wght' 50, 'opsz' 32;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 32;">bold</span> at 32px</div>
+<div style="font-size: 48px; font-variation-settings: 'wght' 50, 'opsz' 48;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 48;">bold</span> at 48px</div>
+<div style="font-size: 72px; font-variation-settings: 'wght' 50, 'opsz' 72;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 72;">bold</span> at 72px</div>
+<div style="font-size: 96px; font-variation-settings: 'wght' 50, 'opsz' 72;">Voto <span style="font-variation-settings: 'wght' 100, 'opsz' 72;">bold</span> at 96px</div>
+</body>
+</html>
diff --git a/layout/reftests/font-variations/font-optical-sizing-1.html b/layout/reftests/font-variations/font-optical-sizing-1.html
new file mode 100644
index 0000000000..8520d74bc1
--- /dev/null
+++ b/layout/reftests/font-variations/font-optical-sizing-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: Voto;
+  src: url(../fonts/VotoSerifGX.latin1.ttf);
+}
+body {
+  font-family: Voto;
+  font-variation-settings: "wght" 50;
+  font-optical-sizing: auto;
+}
+span {
+  font-variation-settings: "wght" 100; /* Voto weights are non-standard,
+                                          so this is actually quite bold */
+}
+</style>
+</head>
+<body>
+<div style="font-size: 9px">Voto <span>bold</span> at 9px</div>
+<div style="font-size: 12px">Voto <span>bold</span> at 12px</div>
+<div style="font-size: 16px">Voto <span>bold</span> at 16px</div>
+<div style="font-size: 24px">Voto <span>bold</span> at 24px</div>
+<div style="font-size: 32px">Voto <span>bold</span> at 32px</div>
+<div style="font-size: 48px">Voto <span>bold</span> at 48px</div>
+<div style="font-size: 72px">Voto <span>bold</span> at 72px</div>
+<div style="font-size: 96px">Voto <span>bold</span> at 96px</div>
+</body>
+</html>
diff --git a/layout/reftests/font-variations/reftest.list b/layout/reftests/font-variations/reftest.list
new file mode 100644
index 0000000000..1daffda875
--- /dev/null
+++ b/layout/reftests/font-variations/reftest.list
@@ -0,0 +1,11 @@
+# enable variation font support
+defaults pref(layout.css.font-variations.enabled,true)
+
+== font-optical-sizing-1.html font-optical-sizing-1-ref.html
+
+# We're not running recent enough Windows7/macOS versions in CI yet, so this will fail until they are updated.
+# Also fails under webrender (bug 1441323, bug 1442693).
+!= font-optical-sizing-1.html font-optical-sizing-1-notref.html
+
+# reset the default preferences
+defaults
diff --git a/layout/reftests/fonts/Ahem.ttf b/layout/reftests/fonts/Ahem.ttf
new file mode 100644
index 0000000000..ac81cb0316
Binary files /dev/null and b/layout/reftests/fonts/Ahem.ttf differ
diff --git a/layout/reftests/fonts/AmiriQuran.otf b/layout/reftests/fonts/AmiriQuran.otf
new file mode 100644
index 0000000000..5f785bb967
Binary files /dev/null and b/layout/reftests/fonts/AmiriQuran.otf differ
diff --git a/layout/reftests/fonts/AmiriQuranColored.otf b/layout/reftests/fonts/AmiriQuranColored.otf
new file mode 100644
index 0000000000..306d826483
Binary files /dev/null and b/layout/reftests/fonts/AmiriQuranColored.otf differ
diff --git a/layout/reftests/fonts/AwamiNastaliq-Regular.woff b/layout/reftests/fonts/AwamiNastaliq-Regular.woff
new file mode 100644
index 0000000000..5ea21ed74b
Binary files /dev/null and b/layout/reftests/fonts/AwamiNastaliq-Regular.woff differ
diff --git a/layout/reftests/fonts/BitPattern.woff b/layout/reftests/fonts/BitPattern.woff
new file mode 100644
index 0000000000..e4e8244057
Binary files /dev/null and b/layout/reftests/fonts/BitPattern.woff differ
diff --git a/layout/reftests/fonts/Chunkfive-license.txt b/layout/reftests/fonts/Chunkfive-license.txt
new file mode 100644
index 0000000000..f1a20ac1a8
--- /dev/null
+++ b/layout/reftests/fonts/Chunkfive-license.txt
@@ -0,0 +1,97 @@
+Copyright (c) <dates>, <Copyright Holder> (<URL|email>),
+with Reserved Font Name <Reserved Font Name>.
+Copyright (c) <dates>, <additional Copyright Holder> (<URL|email>),
+with Reserved Font Name <additional Reserved Font Name>.
+Copyright (c) <dates>, <additional Copyright Holder> (<URL|email>).
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/layout/reftests/fonts/Chunkfive.otf b/layout/reftests/fonts/Chunkfive.otf
new file mode 100644
index 0000000000..33d53d53e0
Binary files /dev/null and b/layout/reftests/fonts/Chunkfive.otf differ
diff --git a/layout/reftests/fonts/Chunkfive.sjs b/layout/reftests/fonts/Chunkfive.sjs
new file mode 100644
index 0000000000..fe09ccbe5f
--- /dev/null
+++ b/layout/reftests/fonts/Chunkfive.sjs
@@ -0,0 +1,597 @@
+// This returns the content of Chunkfive.otf from a .sjs file, for testing.
+// Accepts query parameters statusCode and statusReason to specify the HTTP response status.
+
+const BinaryOutputStream =
+  Components.Constructor("@mozilla.org/binaryoutputstream;1",
+                         "nsIBinaryOutputStream",
+                         "setOutputStream");
+
+function handleRequest(request, response)
+{
+  var params = {};
+  if (request.queryString) {
+    params = parseQueryString(request.queryString);
+  }
+  var statusCode = params.statusCode ? parseInt(params.statusCode) : 200;
+  var statusReason = params.statusReason ? params.statusReason : "OK";
+  response.setStatusLine(request.httpVersion, statusCode, statusReason);
+
+  response.setHeader("Cache-Control", "no-cache", false);
+
+  var stream = new BinaryOutputStream(response.bodyOutputStream);
+  stream.writeByteArray(FONT_DATA);
+}
+
+/**
+ * Helper function to create a JS object representing the url parameters from
+ * the request's queryString.
+ *
+ * @param  aQueryString
+ *         The request's query string.
+ * @return A JS object representing the url parameters from the request's
+ *         queryString.
+ */
+function parseQueryString(aQueryString) {
+  var paramArray = aQueryString.split("&");
+  var regex = /^([^=]+)=(.*)$/;
+  var params = {};
+
+  for (var i = 0, sz = paramArray.length; i < sz; i++) {
+    var match = regex.exec(paramArray[i]);
+    if (!match) {
+      throw "Bad parameter in queryString!  '" + paramArray[i] + "'";
+    }
+    params[decodeURIComponent(match[1])] = decodeURIComponent(match[2]);
+  }
+
+  return params;
+}
+
+// this is Chunkfive.otf dumped into a byte array
+const FONT_DATA = [
+0x4F, 0x54, 0x54, 0x4F, 0x00, 0x0B, 0x00, 0x80, 0x00, 0x03, 0x00, 0x30, 0x43, 0x46, 0x46, 0x20,
+0xD4, 0xAD, 0xBB, 0x78, 0x00, 0x00, 0x09, 0x14, 0x00, 0x00, 0x18, 0xF3, 0x47, 0x50, 0x4F, 0x53,
+0xD6, 0x25, 0xE9, 0x0C, 0x00, 0x00, 0x08, 0x04, 0x00, 0x00, 0x01, 0x10, 0x4F, 0x53, 0x2F, 0x32,
+0x83, 0x73, 0x1C, 0xF8, 0x00, 0x00, 0x01, 0x20, 0x00, 0x00, 0x00, 0x60, 0x63, 0x6D, 0x61, 0x70,
+0xEE, 0xE1, 0x97, 0xF6, 0x00, 0x00, 0x03, 0x60, 0x00, 0x00, 0x02, 0x2C, 0x68, 0x65, 0x61, 0x64,
+0xEF, 0x96, 0x50, 0x25, 0x00, 0x00, 0x00, 0xBC, 0x00, 0x00, 0x00, 0x36, 0x68, 0x68, 0x65, 0x61,
+0x06, 0xE8, 0x03, 0x39, 0x00, 0x00, 0x00, 0xF4, 0x00, 0x00, 0x00, 0x24, 0x68, 0x6D, 0x74, 0x78,
+0xBF, 0x05, 0x05, 0xC9, 0x00, 0x00, 0x05, 0x8C, 0x00, 0x00, 0x01, 0x52, 0x6B, 0x65, 0x72, 0x6E,
+0x02, 0x06, 0x01, 0xF3, 0x00, 0x00, 0x07, 0x00, 0x00, 0x00, 0x01, 0x02, 0x6D, 0x61, 0x78, 0x70,
+0x00, 0x55, 0x50, 0x00, 0x00, 0x00, 0x01, 0x18, 0x00, 0x00, 0x00, 0x06, 0x6E, 0x61, 0x6D, 0x65,
+0x25, 0x8F, 0xC0, 0x52, 0x00, 0x00, 0x01, 0x80, 0x00, 0x00, 0x01, 0xDD, 0x70, 0x6F, 0x73, 0x74,
+0xFF, 0xB8, 0x00, 0x32, 0x00, 0x00, 0x06, 0xE0, 0x00, 0x00, 0x00, 0x20, 0x00, 0x01, 0x00, 0x00,
+0x00, 0x01, 0x00, 0x00, 0x3F, 0x86, 0x55, 0x06, 0x5F, 0x0F, 0x3C, 0xF5, 0x00, 0x03, 0x03, 0xE8,
+0x00, 0x00, 0x00, 0x00, 0xC6, 0x44, 0x06, 0x7E, 0x00, 0x00, 0x00, 0x00, 0xC6, 0x44, 0x06, 0x7E,
+0xFF, 0xF6, 0xFF, 0x1A, 0x04, 0x01, 0x03, 0x2F, 0x00, 0x00, 0x00, 0x03, 0x00, 0x02, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x02, 0xEE, 0xFF, 0x06, 0x00, 0x00, 0x03, 0xF7,
+0xFF, 0xF6, 0xFF, 0xE7, 0x04, 0x01, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x54, 0x00, 0x00, 0x50, 0x00, 0x00, 0x55, 0x00, 0x00,
+0x00, 0x02, 0x02, 0x43, 0x01, 0x90, 0x00, 0x05, 0x00, 0x04, 0x02, 0xBC, 0x02, 0x8A, 0x00, 0x00,
+0x00, 0x8C, 0x02, 0xBC, 0x02, 0x8A, 0x00, 0x00, 0x01, 0xDD, 0x00, 0x32, 0x00, 0xFA, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x80, 0x00, 0x00, 0x21, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x70, 0x79, 0x72, 0x73, 0x00, 0x40,
+0x00, 0x20, 0x20, 0x22, 0x02, 0xEE, 0xFF, 0x06, 0x00, 0x00, 0x03, 0x2F, 0x00, 0xE6, 0x00, 0x00,
+0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x01, 0xF4, 0x02, 0xBB, 0x00, 0x00, 0x00, 0x20, 0x00, 0x02,
+0x00, 0x00, 0x00, 0x10, 0x00, 0xC6, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3C,
+0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x09, 0x00, 0x3C, 0x00, 0x01,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x00, 0x07, 0x00, 0x45, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x03, 0x00, 0x11, 0x00, 0x4C, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0x00, 0x09,
+0x00, 0x3C, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x05, 0x00, 0x00, 0x00, 0x5D, 0x00, 0x01,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x06, 0x00, 0x09, 0x00, 0x3C, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x10, 0x00, 0x09, 0x00, 0x3C, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x11, 0x00, 0x07,
+0x00, 0x45, 0x00, 0x03, 0x00, 0x01, 0x04, 0x09, 0x00, 0x00, 0x00, 0x78, 0x00, 0x5D, 0x00, 0x03,
+0x00, 0x01, 0x04, 0x09, 0x00, 0x01, 0x00, 0x12, 0x00, 0xD5, 0x00, 0x03, 0x00, 0x01, 0x04, 0x09,
+0x00, 0x02, 0x00, 0x0E, 0x00, 0xE7, 0x00, 0x03, 0x00, 0x01, 0x04, 0x09, 0x00, 0x03, 0x00, 0x22,
+0x00, 0xF5, 0x00, 0x03, 0x00, 0x01, 0x04, 0x09, 0x00, 0x04, 0x00, 0x12, 0x00, 0xD5, 0x00, 0x03,
+0x00, 0x01, 0x04, 0x09, 0x00, 0x05, 0x00, 0x00, 0x00, 0x5D, 0x00, 0x03, 0x00, 0x01, 0x04, 0x09,
+0x00, 0x06, 0x00, 0x12, 0x00, 0xD5, 0x47, 0x65, 0x6E, 0x65, 0x72, 0x61, 0x74, 0x65, 0x64, 0x20,
+0x69, 0x6E, 0x20, 0x32, 0x30, 0x30, 0x39, 0x20, 0x62, 0x79, 0x20, 0x46, 0x6F, 0x6E, 0x74, 0x4C,
+0x61, 0x62, 0x20, 0x53, 0x74, 0x75, 0x64, 0x69, 0x6F, 0x2E, 0x20, 0x43, 0x6F, 0x70, 0x79, 0x72,
+0x69, 0x67, 0x68, 0x74, 0x20, 0x69, 0x6E, 0x66, 0x6F, 0x20, 0x70, 0x65, 0x6E, 0x64, 0x69, 0x6E,
+0x67, 0x2E, 0x43, 0x68, 0x75, 0x6E, 0x6B, 0x46, 0x69, 0x76, 0x65, 0x52, 0x65, 0x67, 0x75, 0x6C,
+0x61, 0x72, 0x46, 0x4F, 0x4E, 0x54, 0x4C, 0x41, 0x42, 0x3A, 0x4F, 0x54, 0x46, 0x45, 0x58, 0x50,
+0x4F, 0x52, 0x54, 0x00, 0x47, 0x00, 0x65, 0x00, 0x6E, 0x00, 0x65, 0x00, 0x72, 0x00, 0x61, 0x00,
+0x74, 0x00, 0x65, 0x00, 0x64, 0x00, 0x20, 0x00, 0x69, 0x00, 0x6E, 0x00, 0x20, 0x00, 0x32, 0x00,
+0x30, 0x00, 0x30, 0x00, 0x39, 0x00, 0x20, 0x00, 0x62, 0x00, 0x79, 0x00, 0x20, 0x00, 0x46, 0x00,
+0x6F, 0x00, 0x6E, 0x00, 0x74, 0x00, 0x4C, 0x00, 0x61, 0x00, 0x62, 0x00, 0x20, 0x00, 0x53, 0x00,
+0x74, 0x00, 0x75, 0x00, 0x64, 0x00, 0x69, 0x00, 0x6F, 0x00, 0x2E, 0x00, 0x20, 0x00, 0x43, 0x00,
+0x6F, 0x00, 0x70, 0x00, 0x79, 0x00, 0x72, 0x00, 0x69, 0x00, 0x67, 0x00, 0x68, 0x00, 0x74, 0x00,
+0x20, 0x00, 0x69, 0x00, 0x6E, 0x00, 0x66, 0x00, 0x6F, 0x00, 0x20, 0x00, 0x70, 0x00, 0x65, 0x00,
+0x6E, 0x00, 0x64, 0x00, 0x69, 0x00, 0x6E, 0x00, 0x67, 0x00, 0x2E, 0x00, 0x43, 0x00, 0x68, 0x00,
+0x75, 0x00, 0x6E, 0x00, 0x6B, 0x00, 0x46, 0x00, 0x69, 0x00, 0x76, 0x00, 0x65, 0x00, 0x52, 0x00,
+0x65, 0x00, 0x67, 0x00, 0x75, 0x00, 0x6C, 0x00, 0x61, 0x00, 0x72, 0x00, 0x46, 0x00, 0x4F, 0x00,
+0x4E, 0x00, 0x54, 0x00, 0x4C, 0x00, 0x41, 0x00, 0x42, 0x00, 0x3A, 0x00, 0x4F, 0x00, 0x54, 0x00,
+0x46, 0x00, 0x45, 0x00, 0x58, 0x00, 0x50, 0x00, 0x4F, 0x00, 0x52, 0x00, 0x54, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x03, 0x00, 0x00, 0x00, 0x03, 0x00, 0x00, 0x01, 0x22, 0x00, 0x01, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x1C, 0x00, 0x03, 0x00, 0x01, 0x00, 0x00, 0x01, 0x22, 0x00, 0x00, 0x01, 0x06,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0x00, 0x00, 0x00, 0x03,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x03, 0x52, 0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0x53, 0x54, 0x00, 0x00, 0x45, 0x4B,
+0x37, 0x00, 0x51, 0x3F, 0x40, 0x41, 0x42, 0x43, 0x47, 0x48, 0x49, 0x4A, 0x46, 0x4C, 0x00, 0x4F,
+0x00, 0x31, 0x25, 0x10, 0x0D, 0x0F, 0x0E, 0x20, 0x32, 0x26, 0x22, 0x33, 0x34, 0x1D, 0x35, 0x24,
+0x11, 0x36, 0x18, 0x2D, 0x28, 0x2C, 0x27, 0x23, 0x29, 0x21, 0x2A, 0x3E, 0x2F, 0x3B, 0x3C, 0x3D,
+0x00, 0x00, 0x00, 0x38, 0x39, 0x3A, 0x1B, 0x04, 0x05, 0x06, 0x07, 0x08, 0x09, 0x1C, 0x13, 0x14,
+0x12, 0x0A, 0x15, 0x16, 0x17, 0x2B, 0x0C, 0x0B, 0x1E, 0x1A, 0x19, 0x1F, 0x2E, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x4D, 0x4E, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x30, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x04, 0x01, 0x0A, 0x00, 0x00, 0x00, 0x22, 0x00, 0x20, 0x00, 0x04, 0x00, 0x02,
+0x00, 0x21, 0x00, 0x29, 0x00, 0x2E, 0x00, 0x30, 0x00, 0x35, 0x00, 0x39, 0x00, 0x3B, 0x00, 0x3D,
+0x00, 0x5D, 0x00, 0x63, 0x00, 0x64, 0x00, 0x6A, 0x00, 0x7A, 0x02, 0xDA, 0x20, 0x14, 0x20, 0x22,
+0xFF, 0xFF, 0x00, 0x00, 0x00, 0x20, 0x00, 0x27, 0x00, 0x2C, 0x00, 0x30, 0x00, 0x31, 0x00, 0x36,
+0x00, 0x3A, 0x00, 0x3D, 0x00, 0x3F, 0x00, 0x61, 0x00, 0x64, 0x00, 0x65, 0x00, 0x6B, 0x02, 0xDA,
+0x20, 0x13, 0x20, 0x22, 0xFF, 0xFF, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x21, 0x00, 0x0E,
+0x00, 0x11, 0x00, 0x00, 0x00, 0x12, 0x00, 0x00, 0xFF, 0xD7, 0xFF, 0xB7, 0xFF, 0x9F, 0x00, 0x00,
+0xFD, 0x56, 0xE0, 0x3A, 0xE0, 0x2E, 0x00, 0x01, 0x00, 0x22, 0x00, 0x24, 0x00, 0x28, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x26, 0x00, 0x00, 0x00, 0x26, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x5C, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0x00, 0x52, 0x00, 0x44,
+0x00, 0x53, 0x00, 0x54, 0x00, 0x45, 0x00, 0x4B, 0x00, 0x37, 0x00, 0x46, 0x00, 0x4C, 0x00, 0x31,
+0x00, 0x25, 0x00, 0x10, 0x00, 0x0D, 0x00, 0x0F, 0x00, 0x0E, 0x00, 0x20, 0x00, 0x32, 0x00, 0x26,
+0x00, 0x22, 0x00, 0x33, 0x00, 0x34, 0x00, 0x1D, 0x00, 0x35, 0x00, 0x24, 0x00, 0x11, 0x00, 0x36,
+0x00, 0x18, 0x00, 0x2D, 0x00, 0x28, 0x00, 0x2C, 0x00, 0x27, 0x00, 0x23, 0x00, 0x29, 0x00, 0x21,
+0x00, 0x2A, 0x00, 0x3E, 0x00, 0x2F, 0x00, 0x3B, 0x00, 0x3C, 0x00, 0x3D, 0x00, 0x1C, 0x00, 0x13,
+0x00, 0x14, 0x00, 0x12, 0x00, 0x0A, 0x00, 0x15, 0x00, 0x16, 0x00, 0x17, 0x00, 0x2B, 0x00, 0x0C,
+0x00, 0x0B, 0x00, 0x1E, 0x00, 0x1A, 0x00, 0x19, 0x00, 0x1F, 0x00, 0x2E, 0x01, 0x18, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x01, 0x18, 0x00, 0x00, 0x00, 0xFA, 0x00, 0x00, 0x02, 0x1E, 0x00, 0x05,
+0x01, 0x82, 0x00, 0x19, 0x02, 0x80, 0x00, 0x0A, 0x02, 0x95, 0x00, 0x19, 0x01, 0x4A, 0x00, 0x19,
+0x01, 0x68, 0x00, 0x0E, 0x02, 0x3E, 0x00, 0x0B, 0x02, 0x77, 0x00, 0x0F, 0x01, 0x6B, 0x00, 0x0F,
+0x02, 0xAF, 0x00, 0x19, 0x02, 0xD0, 0x00, 0x19, 0x02, 0xAE, 0x00, 0x0F, 0x03, 0x37, 0x00, 0x0F,
+0x03, 0x30, 0x00, 0x19, 0x02, 0x87, 0x00, 0x19, 0x01, 0x4C, 0x00, 0x19, 0x03, 0x8C, 0x00, 0x19,
+0x02, 0x7E, 0x00, 0x19, 0x02, 0x94, 0x00, 0x19, 0x01, 0x9E, 0x00, 0x19, 0x02, 0x80, 0x00, 0x19,
+0x02, 0x89, 0x00, 0x14, 0x03, 0x68, 0x00, 0x00, 0x02, 0x7A, 0x00, 0x0A, 0x02, 0x8E, 0x00, 0x26,
+0x03, 0x2F, 0x00, 0x19, 0x02, 0x65, 0x00, 0x00, 0x02, 0x44, 0xFF, 0xF7, 0x02, 0x8D, 0x00, 0x19,
+0x03, 0xF7, 0xFF, 0xF6, 0x03, 0x00, 0x00, 0x19, 0x02, 0xE1, 0x00, 0x0F, 0x03, 0xF0, 0x00, 0x19,
+0x03, 0x41, 0x00, 0x00, 0x03, 0x08, 0x00, 0x0F, 0x02, 0xBD, 0x00, 0x0F, 0x02, 0xE1, 0x00, 0x19,
+0x03, 0x05, 0xFF, 0xF6, 0x03, 0x43, 0x00, 0x19, 0x01, 0xFC, 0x00, 0x0F, 0x02, 0xC6, 0x00, 0x19,
+0x02, 0xF3, 0x00, 0x0F, 0x02, 0x29, 0x00, 0x19, 0x02, 0xCA, 0x00, 0x19, 0x03, 0x41, 0x00, 0x00,
+0x02, 0x08, 0x00, 0x02, 0x02, 0x7E, 0x00, 0x19, 0x01, 0x7E, 0x00, 0x19, 0x01, 0xCF, 0x00, 0x14,
+0x02, 0x62, 0x00, 0x19, 0x02, 0xE4, 0x00, 0x0F, 0x01, 0x02, 0x00, 0x0F, 0x02, 0x58, 0x00, 0x0F,
+0x02, 0x90, 0x00, 0x1F, 0x02, 0x13, 0x00, 0x01, 0x02, 0xD0, 0x00, 0x1D, 0x02, 0x8D, 0x00, 0x00,
+0x02, 0x87, 0x00, 0x1E, 0x02, 0x9D, 0xFF, 0xF6, 0x01, 0xF0, 0x00, 0x19, 0x02, 0x4E, 0x00, 0x19,
+0x02, 0x1C, 0x00, 0x0F, 0x02, 0x48, 0x00, 0x0A, 0x02, 0x41, 0x00, 0x0F, 0x01, 0x11, 0x00, 0x24,
+0x01, 0x10, 0xFF, 0xFA, 0x00, 0xFE, 0x00, 0x0F, 0x02, 0x45, 0x00, 0x10, 0x02, 0x36, 0x00, 0x0F,
+0x02, 0x2F, 0x00, 0x0F, 0x02, 0x4B, 0x00, 0x0F, 0x01, 0x82, 0x00, 0x2F, 0x01, 0x2E, 0x00, 0x05,
+0x01, 0xBF, 0x00, 0x20, 0x02, 0x77, 0x00, 0x2A, 0x01, 0xF6, 0x00, 0x2C, 0x01, 0x5C, 0x00, 0x3C,
+0x02, 0x57, 0x00, 0x0F, 0x01, 0x34, 0x00, 0x1C, 0x01, 0x84, 0x00, 0x19, 0x00, 0x19, 0x00, 0x00,
+0x00, 0x03, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xFF, 0xB5, 0x00, 0x32, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0xFE, 0x00, 0x01, 0x00, 0x28, 0x00, 0xC0, 0x00, 0x05,
+0x00, 0x30, 0x00, 0x10, 0x00, 0x04, 0xFF, 0xE2, 0x00, 0x10, 0x00, 0x0A, 0xFF, 0xE2, 0x00, 0x10,
+0x00, 0x0B, 0xFF, 0xE2, 0x00, 0x10, 0x00, 0x1F, 0xFF, 0xC4, 0x00, 0x10, 0x00, 0x29, 0xFF, 0xB0,
+0x00, 0x10, 0x00, 0x38, 0xFF, 0xE2, 0x00, 0x18, 0x00, 0x10, 0xFF, 0x9C, 0x00, 0x21, 0x00, 0x04,
+0xFF, 0xC4, 0x00, 0x21, 0x00, 0x0A, 0xFF, 0xC4, 0x00, 0x21, 0x00, 0x0B, 0xFF, 0xE2, 0x00, 0x21,
+0x00, 0x17, 0xFF, 0xC4, 0x00, 0x21, 0x00, 0x1F, 0xFF, 0xE2, 0x00, 0x21, 0x00, 0x2B, 0xFF, 0xC4,
+0x00, 0x21, 0x00, 0x38, 0xFF, 0xC4, 0x00, 0x27, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x27, 0x00, 0x0A,
+0xFF, 0xC4, 0x00, 0x27, 0x00, 0x0B, 0xFF, 0xD8, 0x00, 0x27, 0x00, 0x17, 0xFF, 0xC4, 0x00, 0x27,
+0x00, 0x1F, 0xFF, 0xD8, 0x00, 0x27, 0x00, 0x2B, 0xFF, 0xC4, 0x00, 0x27, 0x00, 0x38, 0xFF, 0xC4,
+0x00, 0x29, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x29, 0x00, 0x0A, 0xFF, 0xC4, 0x00, 0x29, 0x00, 0x0B,
+0xFF, 0xC4, 0x00, 0x29, 0x00, 0x1F, 0xFF, 0xC4, 0x00, 0x29, 0x00, 0x38, 0xFF, 0xC4, 0x00, 0x32,
+0x00, 0x04, 0xFF, 0xC4, 0x00, 0x32, 0x00, 0x0A, 0xFF, 0xC4, 0x00, 0x32, 0x00, 0x0B, 0xFF, 0xE2,
+0x00, 0x32, 0x00, 0x17, 0xFF, 0xC4, 0x00, 0x32, 0x00, 0x1F, 0xFF, 0xE2, 0x00, 0x32, 0x00, 0x2B,
+0xFF, 0xC4, 0x00, 0x32, 0x00, 0x38, 0xFF, 0xC4, 0x00, 0x3E, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x3E,
+0x00, 0x0A, 0xFF, 0xB0, 0x00, 0x3E, 0x00, 0x0B, 0xFF, 0xD8, 0x00, 0x3E, 0x00, 0x17, 0xFF, 0xC4,
+0x00, 0x3E, 0x00, 0x1F, 0xFF, 0xE2, 0x00, 0x3E, 0x00, 0x2B, 0xFF, 0xC4, 0x00, 0x3E, 0x00, 0x38,
+0xFF, 0xC4, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x0A, 0x00, 0x1E, 0x00, 0x2C, 0x00, 0x01,
+0x6C, 0x61, 0x74, 0x6E, 0x00, 0x08, 0x00, 0x04, 0x00, 0x00, 0x00, 0x00, 0xFF, 0xFF, 0x00, 0x01,
+0x00, 0x00, 0x00, 0x01, 0x6B, 0x65, 0x72, 0x6E, 0x00, 0x08, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00,
+0x00, 0x01, 0x00, 0x04, 0x00, 0x02, 0x00, 0x00, 0x00, 0x01, 0x00, 0x08, 0x00, 0x01, 0x00, 0xC6,
+0x00, 0x04, 0x00, 0x00, 0x00, 0x07, 0x00, 0x18, 0x00, 0x32, 0x00, 0x38, 0x00, 0x56, 0x00, 0x74,
+0x00, 0x8A, 0x00, 0xA8, 0x00, 0x06, 0x00, 0x04, 0xFF, 0xE2, 0x00, 0x0A, 0xFF, 0xE2, 0x00, 0x0B,
+0xFF, 0xE2, 0x00, 0x1F, 0xFF, 0xC4, 0x00, 0x29, 0xFF, 0xB0, 0x00, 0x38, 0xFF, 0xE2, 0x00, 0x01,
+0x00, 0x10, 0xFF, 0x9C, 0x00, 0x07, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x0A, 0xFF, 0xC4, 0x00, 0x0B,
+0xFF, 0xE2, 0x00, 0x17, 0xFF, 0xC4, 0x00, 0x1F, 0xFF, 0xE2, 0x00, 0x2B, 0xFF, 0xC4, 0x00, 0x38,
+0xFF, 0xC4, 0x00, 0x07, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x0A, 0xFF, 0xC4, 0x00, 0x0B, 0xFF, 0xD8,
+0x00, 0x17, 0xFF, 0xC4, 0x00, 0x1F, 0xFF, 0xD8, 0x00, 0x2B, 0xFF, 0xC4, 0x00, 0x38, 0xFF, 0xC4,
+0x00, 0x05, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x0A, 0xFF, 0xC4, 0x00, 0x0B, 0xFF, 0xC4, 0x00, 0x1F,
+0xFF, 0xC4, 0x00, 0x38, 0xFF, 0xC4, 0x00, 0x07, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x0A, 0xFF, 0xC4,
+0x00, 0x0B, 0xFF, 0xE2, 0x00, 0x17, 0xFF, 0xC4, 0x00, 0x1F, 0xFF, 0xE2, 0x00, 0x2B, 0xFF, 0xC4,
+0x00, 0x38, 0xFF, 0xC4, 0x00, 0x07, 0x00, 0x04, 0xFF, 0xC4, 0x00, 0x0A, 0xFF, 0xB0, 0x00, 0x0B,
+0xFF, 0xD8, 0x00, 0x17, 0xFF, 0xC4, 0x00, 0x1F, 0xFF, 0xE2, 0x00, 0x2B, 0xFF, 0xC4, 0x00, 0x38,
+0xFF, 0xC4, 0x00, 0x01, 0x00, 0x07, 0x00, 0x10, 0x00, 0x18, 0x00, 0x21, 0x00, 0x27, 0x00, 0x29,
+0x00, 0x32, 0x00, 0x3E, 0x01, 0x00, 0x04, 0x02, 0x00, 0x01, 0x01, 0x01, 0x0A, 0x43, 0x68, 0x75,
+0x6E, 0x6B, 0x46, 0x69, 0x76, 0x65, 0x00, 0x01, 0x01, 0x01, 0x1F, 0xF8, 0x10, 0x00, 0xF8, 0x1D,
+0x02, 0xF8, 0x1D, 0x03, 0xF8, 0x19, 0x04, 0x81, 0xFB, 0x7A, 0xFA, 0x95, 0xF9, 0xC3, 0x05, 0xD9,
+0x0F, 0xF7, 0x8B, 0x11, 0xA0, 0x1C, 0x17, 0xCA, 0x12, 0x00, 0x03, 0x01, 0x01, 0x06, 0x08, 0x11,
+0x2E, 0x6E, 0x75, 0x6C, 0x6C, 0x43, 0x52, 0x43, 0x68, 0x75, 0x6E, 0x6B, 0x46, 0x69, 0x76, 0x65,
+0x00, 0x00, 0x00, 0x01, 0x87, 0x01, 0x88, 0x00, 0x01, 0x00, 0x46, 0x00, 0x47, 0x00, 0x48, 0x00,
+0x49, 0x00, 0x4A, 0x00, 0x4B, 0x00, 0x50, 0x00, 0x56, 0x00, 0x55, 0x00, 0x23, 0x00, 0x25, 0x00,
+0x24, 0x00, 0x22, 0x00, 0x2F, 0x00, 0x4F, 0x00, 0x4D, 0x00, 0x4E, 0x00, 0x51, 0x00, 0x52, 0x00,
+0x53, 0x00, 0x31, 0x00, 0x59, 0x00, 0x58, 0x00, 0x45, 0x00, 0x4C, 0x00, 0x2C, 0x00, 0x57, 0x00,
+0x5A, 0x00, 0x26, 0x00, 0x38, 0x00, 0x29, 0x00, 0x36, 0x00, 0x2E, 0x00, 0x21, 0x00, 0x28, 0x00,
+0x35, 0x00, 0x33, 0x00, 0x37, 0x00, 0x39, 0x00, 0x54, 0x00, 0x34, 0x00, 0x32, 0x00, 0x5B, 0x00,
+0x3B, 0x00, 0x84, 0x00, 0x20, 0x00, 0x27, 0x00, 0x2A, 0x00, 0x2B, 0x00, 0x2D, 0x00, 0x30, 0x00,
+0x0F, 0x00, 0x42, 0x00, 0x43, 0x00, 0x44, 0x00, 0x3C, 0x00, 0x3D, 0x00, 0x3E, 0x00, 0x3A, 0x00,
+0x12, 0x00, 0x13, 0x00, 0x14, 0x00, 0x15, 0x00, 0x16, 0x00, 0x68, 0x00, 0x0D, 0x00, 0x1B, 0x00,
+0x17, 0x00, 0x18, 0x00, 0x19, 0x00, 0x1A, 0x00, 0x0E, 0x00, 0x1C, 0x00, 0x6F, 0x00, 0x89, 0x00,
+0x1E, 0x00, 0x74, 0x00, 0x11, 0x00, 0x02, 0x00, 0x09, 0x00, 0x0A, 0x00, 0x55, 0x02, 0x00, 0x01,
+0x00, 0x02, 0x00, 0x05, 0x00, 0x06, 0x00, 0x09, 0x00, 0x5E, 0x00, 0xA2, 0x01, 0x01, 0x01, 0x52,
+0x01, 0x80, 0x01, 0xB5, 0x02, 0x06, 0x02, 0x55, 0x02, 0x9B, 0x03, 0x07, 0x03, 0x48, 0x03, 0xA2,
+0x03, 0xE8, 0x04, 0x2B, 0x04, 0x7A, 0x04, 0xA6, 0x05, 0x1A, 0x05, 0x68, 0x05, 0xBA, 0x05, 0xED,
+0x06, 0x1F, 0x06, 0x6A, 0x06, 0xD1, 0x07, 0x26, 0x07, 0x5B, 0x07, 0xA4, 0x07, 0xE3, 0x08, 0x2E,
+0x08, 0x73, 0x08, 0xE8, 0x09, 0x31, 0x09, 0x7A, 0x09, 0xD3, 0x09, 0xD6, 0x0A, 0x3C, 0x0A, 0x69,
+0x0A, 0xE9, 0x0B, 0x30, 0x0B, 0x83, 0x0C, 0x0D, 0x0C, 0x89, 0x0D, 0x2F, 0x0D, 0x78, 0x0D, 0xB7,
+0x0D, 0xBA, 0x0E, 0x0E, 0x0E, 0x4C, 0x0E, 0x64, 0x0E, 0x9D, 0x0E, 0xC3, 0x0F, 0x14, 0x0F, 0x22,
+0x0F, 0x9A, 0x0F, 0xF3, 0x10, 0x52, 0x10, 0x91, 0x10, 0x93, 0x10, 0xC6, 0x11, 0x15, 0x11, 0x41,
+0x11, 0xA3, 0x12, 0x0F, 0x12, 0x4A, 0x12, 0xA4, 0x12, 0xBD, 0x12, 0xE4, 0x13, 0x08, 0x13, 0x7F,
+0x13, 0xB0, 0x14, 0x3A, 0x14, 0xAF, 0x14, 0xBF, 0x14, 0xF2, 0x15, 0x02, 0x15, 0x11, 0x15, 0x30,
+0x15, 0x40, 0x15, 0x8F, 0x15, 0xB3, 0x15, 0xEC, 0x16, 0x25, 0x0E, 0xFD, 0x12, 0x0E, 0x0E, 0xFC,
+0x18, 0x0E, 0x2B, 0x79, 0xF7, 0x1C, 0xDD, 0xEE, 0xDB, 0xF7, 0x1B, 0x01, 0xF8, 0x4F, 0xF7, 0x3A,
+0x15, 0x5E, 0x55, 0x57, 0x88, 0x69, 0x1B, 0x37, 0x7E, 0xC2, 0xA6, 0x85, 0x1F, 0xF7, 0xCF, 0x06,
+0xA0, 0xC4, 0x80, 0xD8, 0x7F, 0xAE, 0x08, 0xDF, 0x6E, 0x30, 0xC8, 0xFB, 0x0B, 0x1B, 0xFB, 0x2B,
+0xFB, 0x0A, 0x2A, 0xFB, 0x38, 0xFB, 0x54, 0xF7, 0x20, 0x3C, 0xF7, 0x10, 0xF3, 0xDB, 0xA2, 0xCB,
+0xD5, 0x1F, 0xFB, 0x8B, 0xF7, 0xCA, 0x15, 0xCB, 0x94, 0x61, 0x65, 0x8C, 0x1F, 0xFB, 0x2B, 0x06,
+0xA4, 0x8D, 0x99, 0xC2, 0xC8, 0x1B, 0x0E, 0xFB, 0x90, 0x2B, 0x0A, 0xF7, 0x83, 0xF7, 0x16, 0xF7,
+0x1E, 0x30, 0x0A, 0xCD, 0xF7, 0x5A, 0x03, 0xF8, 0x2F, 0xF9, 0x7B, 0x15, 0x98, 0x71, 0x46, 0x97,
+0x57, 0x1B, 0xFB, 0x48, 0x79, 0xFB, 0x12, 0x52, 0x1F, 0x36, 0x62, 0xFB, 0x16, 0xB4, 0xFB, 0x83,
+0x63, 0xFB, 0x17, 0xF7, 0xBE, 0xF7, 0x17, 0x4F, 0xF7, 0x83, 0xE6, 0xF7, 0x16, 0x30, 0xE0, 0x07,
+0xAF, 0x95, 0x9C, 0xA1, 0xA6, 0x9C, 0x86, 0x86, 0x96, 0x1E, 0x0E, 0x8D, 0xFB, 0x61, 0xF7, 0x1B,
+0xD4, 0xF7, 0x15, 0xF7, 0x8C, 0x30, 0x0A, 0x95, 0xF7, 0x69, 0xF7, 0x23, 0xF7, 0x5B, 0x03, 0xA3,
+0xFB, 0x09, 0x15, 0xB1, 0x68, 0xDC, 0x57, 0xF7, 0x02, 0x8A, 0x08, 0xF7, 0x66, 0x8C, 0xF1, 0xF7,
+0x00, 0xF7, 0x3A, 0x1A, 0xF7, 0xBF, 0xC7, 0xF7, 0x17, 0xFB, 0x82, 0x07, 0x77, 0x6C, 0x05, 0x9F,
+0x77, 0x61, 0xA0, 0x5F, 0x1B, 0xFB, 0x39, 0x35, 0x25, 0xFB, 0x2F, 0xFB, 0x12, 0xCF, 0xFB, 0x10,
+0xF7, 0x40, 0xCB, 0xB2, 0xB0, 0x9D, 0x99, 0x1F, 0x69, 0x07, 0x61, 0x71, 0x57, 0x31, 0x3F, 0x40,
+0xB7, 0x9F, 0x74, 0x1E, 0xF7, 0x26, 0xF7, 0x99, 0x22, 0x0A, 0xA2, 0x2B, 0x0A, 0xF7, 0x7E, 0xF7,
+0x2D, 0xF7, 0x7C, 0x77, 0x12, 0xA4, 0x2E, 0x0A, 0xF7, 0x0E, 0xF7, 0x66, 0x13, 0xF4, 0xF7, 0xE7,
+0x34, 0x0A, 0x43, 0xF7, 0x21, 0x06, 0xB6, 0x97, 0xBD, 0xBE, 0xC6, 0x8B, 0x50, 0x69, 0x1E, 0xFB,
+0xA4, 0xF7, 0x95, 0xF7, 0x17, 0x5C, 0xF7, 0x3B, 0x07, 0xF4, 0x77, 0xF7, 0x07, 0xFB, 0x2F, 0x42,
+0x42, 0x4D, 0x79, 0x80, 0x1E, 0xF7, 0xCC, 0xFB, 0x86, 0xFB, 0x16, 0x07, 0x13, 0xEC, 0xB5, 0xFC,
+0x7D, 0x06, 0x13, 0xF4, 0x61, 0xFB, 0x17, 0xF7, 0xCE, 0x06, 0x0E, 0xFB, 0xC8, 0x2B, 0x0A, 0xF8,
+0x32, 0xF7, 0x5F, 0x12, 0xA4, 0x2A, 0x0A, 0xF7, 0xC5, 0x34, 0x0A, 0x5B, 0xF8, 0x05, 0xFB, 0x7C,
+0xFB, 0x16, 0x06, 0x13, 0xC8, 0xB5, 0xFB, 0x83, 0x06, 0x13, 0xE0, 0x61, 0xFB, 0x17, 0xF7, 0xAC,
+0x06, 0x13, 0xD0, 0xFB, 0x90, 0xF9, 0x1A, 0x24, 0x0A, 0xFB, 0xAA, 0xFB, 0x65, 0xF7, 0x1A, 0xF9,
+0x00, 0xF7, 0x5F, 0x12, 0xE1, 0x2A, 0x0A, 0xF7, 0x14, 0xD1, 0x15, 0x5B, 0x8D, 0x2A, 0xFB, 0x08,
+0x1E, 0xFB, 0x1A, 0x07, 0xF7, 0x9E, 0xB1, 0xF7, 0x2F, 0xF7, 0x10, 0x1F, 0xF8, 0x42, 0xFB, 0x7C,
+0xFB, 0x16, 0x07, 0x13, 0xC8, 0xB5, 0x06, 0x13, 0xD0, 0x7D, 0xF7, 0xA8, 0x24, 0x0A, 0x4B, 0x7E,
+0xF7, 0x14, 0xF7, 0x9F, 0x30, 0x0A, 0x96, 0xF7, 0x61, 0xF7, 0x22, 0xF7, 0x61, 0x03, 0xF7, 0xB6,
+0x7E, 0x15, 0xF7, 0x2C, 0xF7, 0x0F, 0xEA, 0xF7, 0x3A, 0x89, 0x1F, 0x88, 0xF7, 0x3B, 0xFB, 0x09,
+0xEA, 0xFB, 0x32, 0x8D, 0x08, 0xFB, 0x1E, 0xFB, 0x1B, 0x2E, 0xFB, 0x3B, 0x8A, 0x1F, 0xFB, 0x45,
+0x89, 0xF7, 0x1E, 0x33, 0xF7, 0x23, 0x1B, 0xF7, 0x14, 0x04, 0x61, 0x6B, 0xC1, 0xDD, 0xD4, 0xA9,
+0xC5, 0xB2, 0x1F, 0xBA, 0x8A, 0xA5, 0x51, 0x40, 0x1A, 0x40, 0x72, 0x51, 0x60, 0x1E, 0x0E, 0x84,
+0x7D, 0xF7, 0x27, 0xFB, 0x19, 0xF7, 0x19, 0xF7, 0x7F, 0xF7, 0x18, 0x12, 0x9A, 0x2E, 0x0A, 0xF7,
+0x09, 0xF7, 0x55, 0x13, 0xB4, 0x9A, 0xF8, 0x04, 0x15, 0x13, 0xAC, 0xB5, 0xFB, 0x1E, 0x06, 0xFB,
+0x3A, 0xBD, 0x3D, 0xF7, 0x2B, 0xE0, 0xAE, 0xBF, 0xA4, 0xA1, 0x1E, 0x13, 0x74, 0xA6, 0x4C, 0x05,
+0xF7, 0x51, 0xF7, 0x19, 0x5A, 0xF8, 0x03, 0xFB, 0x97, 0xFB, 0x18, 0xCD, 0xFB, 0x33, 0x06, 0x5E,
+0x6F, 0x6C, 0x68, 0x62, 0x7E, 0xB3, 0xE1, 0x1E, 0xF7, 0x85, 0xFB, 0x86, 0x07, 0x0E, 0xFB, 0xA7,
+0x79, 0xF7, 0x16, 0xF7, 0x96, 0xF7, 0x16, 0xF7, 0x2B, 0x77, 0x01, 0xD0, 0xF7, 0x4C, 0x03, 0x9A,
+0xF8, 0x06, 0x15, 0xC1, 0xFB, 0x46, 0x06, 0xFB, 0x14, 0x8E, 0x90, 0x39, 0xF7, 0x2A, 0x1B, 0xA2,
+0xCF, 0x92, 0x97, 0xA9, 0x1F, 0xF7, 0x14, 0x07, 0x83, 0x78, 0x6C, 0x82, 0x7E, 0x1B, 0x64, 0x92,
+0xB9, 0xAD, 0x1F, 0xF7, 0x46, 0xEA, 0xF7, 0x16, 0x2C, 0xF7, 0x2B, 0x07, 0xFB, 0x4C, 0x50, 0x05,
+0x2F, 0x55, 0x07, 0x0E, 0xBC, 0x8B, 0xF7, 0x16, 0xF7, 0x42, 0xF7, 0x05, 0xF7, 0x2D, 0xF7, 0x15,
+0x12, 0xDE, 0xF7, 0x63, 0xF7, 0x15, 0xF7, 0x74, 0xFB, 0x54, 0xF7, 0x76, 0x13, 0xF4, 0xF8, 0x29,
+0x16, 0xF7, 0x55, 0xDA, 0xC9, 0xF7, 0x21, 0xEC, 0x4F, 0xC0, 0x43, 0x9F, 0x1F, 0x13, 0xF8, 0xD6,
+0xA9, 0xA2, 0xB4, 0xDF, 0x1A, 0xF7, 0x01, 0x3C, 0xC9, 0xFB, 0x3A, 0x1E, 0xFC, 0x09, 0xFB, 0x15,
+0xC5, 0xFC, 0x4C, 0x51, 0xFB, 0x16, 0x06, 0xF7, 0xED, 0xF7, 0x16, 0x15, 0x3B, 0xF7, 0x42, 0xD8,
+0x06, 0x13, 0xF4, 0xC2, 0xA8, 0x66, 0x58, 0x55, 0x64, 0x6B, 0x61, 0x1F, 0x7A, 0xF8, 0x49, 0x15,
+0x13, 0xF8, 0xB1, 0xA7, 0x70, 0x5D, 0x5B, 0x7C, 0x6E, 0x56, 0x1F, 0x4E, 0xF7, 0x2A, 0x06, 0x0E,
+0xDD, 0x26, 0x0A, 0xE2, 0xF7, 0x61, 0xF7, 0x50, 0xF7, 0x7A, 0x03, 0xF7, 0xDA, 0x16, 0xF7, 0x8A,
+0xF7, 0x1E, 0xF7, 0x17, 0xF7, 0x78, 0xF7, 0x53, 0xFB, 0x1E, 0xF7, 0x29, 0xFB, 0x86, 0x1F, 0xFB,
+0xC5, 0xFB, 0x18, 0xC9, 0xFC, 0x46, 0x4D, 0xFB, 0x19, 0x06, 0xF8, 0x5B, 0xF7, 0xFB, 0x15, 0xFB,
+0x11, 0x5F, 0x28, 0x21, 0x89, 0x1E, 0x65, 0xF8, 0x46, 0xB1, 0x06, 0xF5, 0xB7, 0x26, 0x20, 0x1F,
+0x0E, 0xBB, 0x7B, 0xF7, 0x3F, 0xF8, 0x16, 0xF7, 0x32, 0xFB, 0x32, 0xF7, 0x3E, 0x12, 0x9A, 0xF7,
+0x7E, 0xF7, 0x75, 0xF7, 0x47, 0x13, 0xD8, 0xF8, 0xBE, 0xF7, 0x91, 0x15, 0x81, 0x82, 0x49, 0x33,
+0x37, 0x1B, 0x2C, 0x58, 0xE4, 0xEE, 0xF7, 0x01, 0xBA, 0xE4, 0xD3, 0xD2, 0xAB, 0x4E, 0x4A, 0x8E,
+0x1F, 0xF7, 0x47, 0xF7, 0xB0, 0xFB, 0x31, 0x06, 0x74, 0x53, 0x05, 0x13, 0xB8, 0x97, 0x82, 0x5E,
+0xC3, 0x27, 0x1B, 0xFB, 0x17, 0xFB, 0x41, 0xFB, 0x1E, 0xFB, 0x7A, 0xFB, 0x73, 0xF7, 0x21, 0xFB,
+0x1C, 0xF7, 0x68, 0xF7, 0x17, 0xF3, 0xCD, 0xD6, 0xCF, 0x1F, 0x0E, 0xF7, 0x4D, 0x2B, 0x0A, 0xCF,
+0xF7, 0x0C, 0xF8, 0x10, 0x77, 0x01, 0xF9, 0xBC, 0x34, 0x0A, 0x45, 0x06, 0xFB, 0x45, 0xF8, 0xCC,
+0x05, 0xFC, 0x14, 0xFB, 0x15, 0xB4, 0x06, 0xFB, 0x1B, 0xFC, 0x4B, 0x05, 0x47, 0xFB, 0x17, 0xF7,
+0xD2, 0xF7, 0x17, 0x3D, 0x06, 0xA0, 0xCF, 0x05, 0xF7, 0x61, 0x06, 0xA0, 0x47, 0x05, 0x2C, 0xFB,
+0x17, 0xF8, 0x25, 0x06, 0xFC, 0x42, 0xF8, 0xAB, 0x15, 0xCD, 0xFB, 0x6C, 0x05, 0xFB, 0x17, 0x06,
+0x0E, 0xF7, 0x46, 0x8B, 0xF7, 0x15, 0xF8, 0x4D, 0xF7, 0x15, 0x01, 0xDF, 0xF7, 0x3F, 0xF7, 0xC3,
+0xF7, 0x3B, 0x03, 0xF9, 0xAB, 0xF9, 0x4F, 0x15, 0xFB, 0xC1, 0xFB, 0x15, 0xCF, 0x06, 0x8C, 0xFB,
+0x82, 0xFB, 0x8A, 0xF8, 0x03, 0x05, 0xFB, 0xB3, 0xFB, 0x15, 0xC5, 0xFC, 0x4D, 0x50, 0xFB, 0x15,
+0xF7, 0xC7, 0xF7, 0x15, 0x3E, 0xF7, 0x90, 0x06, 0xF7, 0x93, 0xFC, 0x11, 0x05, 0xF7, 0x6B, 0xF8,
+0xCE, 0xCD, 0x06, 0x0E, 0x94, 0x2B, 0x0A, 0xF7, 0x7F, 0xF7, 0x1A, 0xFB, 0x1A, 0xF7, 0x2C, 0x12,
+0xCE, 0xF7, 0x56, 0xF7, 0x0B, 0xF7, 0x61, 0x13, 0xB8, 0xF7, 0xE1, 0x34, 0x0A, 0x43, 0xF7, 0x22,
+0x06, 0xB6, 0x97, 0xBD, 0xBE, 0xC6, 0x88, 0x50, 0x69, 0x1E, 0xFB, 0xA5, 0xF7, 0x90, 0xF7, 0x17,
+0x5C, 0xF7, 0x3B, 0x07, 0xF4, 0x71, 0xF7, 0x07, 0xFB, 0x2F, 0x4C, 0x5D, 0x6A, 0x5C, 0x69, 0x1E,
+0x13, 0xD8, 0x74, 0xC9, 0x05, 0xFB, 0x69, 0xFB, 0x16, 0xB5, 0xFB, 0x83, 0x61, 0xFB, 0x17, 0xF7,
+0xC8, 0x06, 0x0E, 0xFB, 0xC6, 0x2B, 0x0A, 0xF8, 0xFF, 0x77, 0x12, 0xA4, 0xF7, 0x7D, 0xFB, 0x52,
+0xF7, 0x52, 0x13, 0xE0, 0xF7, 0xD1, 0x34, 0x0A, 0x50, 0xF8, 0xFF, 0xFB, 0x7C, 0xFB, 0x15, 0x06,
+0x13, 0xD0, 0xB5, 0xFC, 0x7E, 0x06, 0x13, 0xE0, 0x60, 0xFB, 0x17, 0xF7, 0xB8, 0x06, 0x0E, 0xF7,
+0xA2, 0x2B, 0x0A, 0xF7, 0x82, 0xF7, 0x16, 0xFB, 0x16, 0xF7, 0x24, 0x12, 0xCE, 0xF7, 0x57, 0xE2,
+0xF7, 0x5B, 0xE6, 0xF7, 0x61, 0x13, 0xDC, 0xF7, 0xD6, 0x34, 0x0A, 0x4F, 0xF7, 0x46, 0x06, 0xB4,
+0x98, 0x9E, 0xAB, 0xB3, 0x8D, 0x6A, 0x3A, 0x1E, 0xFB, 0x93, 0xF7, 0x97, 0xF7, 0x1A, 0x4F, 0xF7,
+0x36, 0x07, 0xB6, 0x95, 0xA9, 0xB6, 0xBA, 0x82, 0x3F, 0x5B, 0x1E, 0xFB, 0x89, 0xF7, 0x92, 0xF7,
+0x1B, 0x5A, 0xF7, 0x1E, 0x07, 0x13, 0xBC, 0xF7, 0x0E, 0x72, 0xF7, 0x0A, 0xFB, 0x36, 0x46, 0x5C,
+0x66, 0x68, 0x6C, 0x1E, 0xA3, 0x7B, 0x6B, 0xBB, 0x26, 0x1B, 0x4C, 0x5D, 0x55, 0x78, 0x7B, 0x1F,
+0x13, 0xDC, 0x75, 0xC6, 0x05, 0xFB, 0x51, 0xFB, 0x18, 0xB5, 0xFB, 0x80, 0x61, 0xFB, 0x17, 0xF7,
+0xBD, 0x06, 0x0E, 0x8B, 0xFB, 0x60, 0xF7, 0x17, 0xC9, 0xF7, 0x16, 0xF7, 0x8C, 0xF7, 0x21, 0x01,
+0xCE, 0xF7, 0x5F, 0xF7, 0x23, 0xF7, 0x6B, 0x03, 0xF8, 0x31, 0xF7, 0x88, 0x15, 0x20, 0x0A, 0xFC,
+0x18, 0xFC, 0x54, 0x15, 0xF7, 0xBF, 0xF7, 0x17, 0x55, 0xF0, 0x06, 0x85, 0x92, 0xB3, 0x6A, 0xDE,
+0x1B, 0xF7, 0x15, 0xEE, 0xED, 0xF7, 0x33, 0xF7, 0x22, 0x3B, 0xF7, 0x0C, 0xFB, 0x30, 0x4F, 0x61,
+0x6E, 0x7D, 0x78, 0x1F, 0x7A, 0xAE, 0x05, 0xFB, 0x79, 0xFB, 0x19, 0xB5, 0xFC, 0x4C, 0x61, 0x06,
+0x0E, 0xA1, 0xFB, 0x7A, 0xF7, 0x17, 0xE5, 0xF7, 0x21, 0xF7, 0x8C, 0xF7, 0x0C, 0x95, 0x77, 0x12,
+0xA4, 0xF7, 0x6B, 0xF7, 0x23, 0xF7, 0x5F, 0x13, 0xEC, 0xF8, 0x13, 0xF7, 0x95, 0x15, 0x20, 0x0A,
+0x4A, 0xFC, 0x7B, 0x15, 0xF7, 0xD1, 0xF7, 0x1A, 0x5A, 0xF8, 0x66, 0xBC, 0xF7, 0x16, 0xFB, 0x7D,
+0x06, 0x78, 0x6D, 0x05, 0x13, 0xDC, 0x98, 0x81, 0x5F, 0xA6, 0x4A, 0x1B, 0xFB, 0x19, 0x21, 0x37,
+0xFB, 0x41, 0xFB, 0x35, 0xF1, 0x26, 0xF7, 0x14, 0xC6, 0xB9, 0xA2, 0x9E, 0xA2, 0x1F, 0xFB, 0x18,
+0x4A, 0x07, 0x0E, 0xFB, 0x74, 0x2B, 0x0A, 0xF7, 0x6A, 0xF7, 0x48, 0x01, 0xD0, 0xF7, 0x51, 0x03,
+0xF7, 0xC8, 0x34, 0x0A, 0x59, 0xF2, 0x06, 0xE3, 0xBE, 0xA2, 0xE5, 0x1E, 0xF7, 0x48, 0x07, 0x24,
+0x71, 0x62, 0x5B, 0x71, 0x1F, 0x6D, 0xCB, 0x05, 0xFB, 0x50, 0xFB, 0x16, 0xB6, 0xFB, 0x83, 0x5F,
+0xFB, 0x17, 0xF7, 0xAF, 0x06, 0x0E, 0x8D, 0x8B, 0xF7, 0x18, 0xF7, 0x2F, 0xF7, 0x00, 0xF7, 0x42,
+0x30, 0x0A, 0xDC, 0xF7, 0x61, 0xF7, 0x23, 0xF7, 0x58, 0x03, 0xA4, 0x29, 0x0A, 0xF7, 0x2F, 0xD7,
+0x06, 0xF7, 0x23, 0xF7, 0x0C, 0xCD, 0xF7, 0x18, 0xF7, 0x06, 0x5F, 0xEF, 0xFB, 0x7C, 0x1F, 0xFB,
+0xD8, 0x06, 0xF7, 0xCB, 0xFB, 0x16, 0x28, 0x0A, 0x96, 0x8B, 0xF7, 0x10, 0xF7, 0x8F, 0xF7, 0x11,
+0x01, 0xF8, 0x0B, 0xF8, 0x0B, 0x15, 0xCE, 0x06, 0x40, 0x3F, 0x45, 0xD7, 0x05, 0xBA, 0xF7, 0x11,
+0xFB, 0xD8, 0xFB, 0x11, 0xB8, 0x06, 0xF7, 0x10, 0xFB, 0x1C, 0x25, 0xFB, 0x07, 0x05, 0x48, 0xFB,
+0x10, 0xF7, 0x94, 0xF7, 0x10, 0x4A, 0x06, 0xD3, 0xDC, 0xD7, 0x3A, 0x05, 0x5C, 0xFB, 0x10, 0xF7,
+0xD3, 0xF7, 0x10, 0x5C, 0x06, 0xFB, 0x12, 0xF7, 0x24, 0xF5, 0xF6, 0x05, 0xCD, 0xF7, 0x11, 0xFB,
+0x93, 0x06, 0x0E, 0xF7, 0x7E, 0xA0, 0x76, 0xF8, 0x06, 0x30, 0x0A, 0xF9, 0x08, 0xF7, 0x88, 0x03,
+0xF7, 0xAE, 0xF7, 0x2D, 0x15, 0x89, 0xA8, 0x82, 0xCE, 0x7D, 0xBB, 0x75, 0xD4, 0x18, 0xAD, 0xF7,
+0x16, 0xFB, 0xA1, 0xFB, 0x16, 0xB6, 0x06, 0xF7, 0x05, 0xFC, 0x06, 0x05, 0xF7, 0x62, 0x06, 0xD3,
+0xF7, 0x76, 0xD0, 0xFB, 0x76, 0x05, 0xF7, 0x67, 0x06, 0xF7, 0x09, 0xF8, 0x06, 0x05, 0xB4, 0xF7,
+0x16, 0xFB, 0x88, 0xFB, 0x16, 0xB4, 0x06, 0x7A, 0x50, 0x7C, 0x56, 0x82, 0x42, 0x88, 0x6B, 0x19,
+0x89, 0x06, 0x87, 0xAE, 0x7C, 0xF4, 0x73, 0xD8, 0x65, 0xF7, 0x16, 0x18, 0xFB, 0x4D, 0x06, 0x6B,
+0xFB, 0x04, 0x6D, 0x28, 0x83, 0x2C, 0x88, 0x62, 0x19, 0x0E, 0x87, 0x82, 0xF7, 0x21, 0xFB, 0x03,
+0x76, 0xF8, 0x10, 0xF7, 0x16, 0xF7, 0x84, 0x77, 0x12, 0x95, 0xF7, 0x6B, 0xEC, 0xF7, 0x8D, 0xFB,
+0x5F, 0xF7, 0x5F, 0x13, 0xBA, 0xF8, 0x04, 0xF8, 0x6C, 0x15, 0x97, 0x78, 0x67, 0xA5, 0x44, 0x1B,
+0xFB, 0x0F, 0xFB, 0x01, 0x28, 0xFB, 0x30, 0xFB, 0x1F, 0xE6, 0xFB, 0x11, 0xF7, 0x21, 0xD0, 0xB7,
+0xAD, 0x97, 0x98, 0x1F, 0x13, 0x7C, 0x9C, 0x66, 0x05, 0xF7, 0x7E, 0xF7, 0x16, 0x5B, 0xF9, 0x00,
+0xFB, 0x8D, 0xFB, 0x16, 0x06, 0x13, 0xBA, 0xB9, 0x06, 0xFB, 0x23, 0xFC, 0x01, 0x22, 0x0A, 0x9B,
+0x2B, 0x0A, 0xF7, 0x80, 0xF7, 0x18, 0xF7, 0x8F, 0x77, 0x12, 0xB1, 0x32, 0x0A, 0xF7, 0xC5, 0x16,
+0xF7, 0x17, 0x66, 0xDF, 0x07, 0xAE, 0xA3, 0xD7, 0xFB, 0x00, 0x05, 0x61, 0xFB, 0x17, 0xF7, 0xBC,
+0xF7, 0x17, 0x59, 0x06, 0xFB, 0x1B, 0xF7, 0x55, 0xCF, 0xB6, 0x05, 0xD8, 0xF7, 0x18, 0xFB, 0xAC,
+0xFB, 0x18, 0x21, 0x0A, 0xF7, 0x45, 0x31, 0x0A, 0xF7, 0x63, 0x03, 0xF7, 0xE8, 0xF9, 0x4F, 0x15,
+0xFB, 0xCF, 0xFB, 0x15, 0xC1, 0xFC, 0x4C, 0x55, 0xFB, 0x16, 0xF7, 0xCF, 0xF7, 0x16, 0x55, 0xF6,
+0x06, 0xD5, 0xCA, 0xF7, 0x00, 0xFB, 0x3E, 0x05, 0x47, 0xFB, 0x16, 0xF8, 0x1A, 0xF7, 0x16, 0x51,
+0x06, 0xFB, 0x5E, 0xF7, 0xCF, 0xF7, 0x25, 0xF7, 0x11, 0x05, 0xC5, 0xF7, 0x15, 0xFB, 0xE1, 0xFB,
+0x15, 0xD3, 0x06, 0xFB, 0x4E, 0xFB, 0x37, 0x05, 0xF7, 0x37, 0xC1, 0x07, 0x0E, 0x72, 0xA0, 0x76,
+0xF8, 0x09, 0xF7, 0x13, 0x01, 0xF7, 0xDA, 0xF7, 0x36, 0x15, 0x89, 0xA0, 0x80, 0xB9, 0x7E, 0xB1,
+0x5D, 0xF5, 0x18, 0xBD, 0xF7, 0x13, 0xFB, 0xC4, 0xFB, 0x13, 0xBA, 0x06, 0xF7, 0x4E, 0xFC, 0x09,
+0x05, 0xF7, 0x2F, 0x06, 0xF7, 0x41, 0xF8, 0x09, 0x05, 0xBF, 0xF7, 0x13, 0xFB, 0x96, 0xFB, 0x13,
+0xC0, 0x06, 0x5B, 0x26, 0x7A, 0x64, 0x7F, 0x59, 0x8A, 0x76, 0x19, 0x0E, 0x51, 0xF8, 0x09, 0xF7,
+0x13, 0x01, 0xF7, 0xD1, 0xF7, 0x6D, 0x15, 0x4A, 0xF7, 0x30, 0x05, 0xBA, 0xF7, 0x13, 0xFB, 0xC8,
+0xFB, 0x14, 0xB4, 0x06, 0xF7, 0x57, 0xFC, 0x06, 0x7D, 0x61, 0x81, 0x6D, 0x74, 0x6E, 0x6C, 0x91,
+0x19, 0x76, 0x8F, 0x77, 0x9A, 0x7A, 0x9A, 0x40, 0xFB, 0x0A, 0x18, 0xA9, 0x71, 0xB2, 0x76, 0xBF,
+0x88, 0xF7, 0x25, 0x8A, 0xB4, 0xDB, 0xA8, 0xC9, 0xF7, 0x52, 0xF8, 0x62, 0x18, 0xBB, 0xF7, 0x10,
+0xFB, 0x92, 0xFB, 0x13, 0xB9, 0x06, 0x0E, 0x9A, 0x8B, 0xF7, 0x19, 0xFB, 0x19, 0xF7, 0x76, 0xD1,
+0xF7, 0x19, 0xBC, 0xF7, 0x71, 0xFB, 0x18, 0xF7, 0x18, 0x12, 0xE3, 0xF7, 0x63, 0xF7, 0x34, 0xF7,
+0x41, 0x13, 0xAE, 0x2D, 0x0A, 0xF8, 0xEF, 0x06, 0x13, 0x76, 0xF7, 0x76, 0xFB, 0x41, 0x07, 0x13,
+0xAE, 0x2E, 0xFB, 0x34, 0xF7, 0x37, 0xF7, 0x52, 0xF7, 0x19, 0xFB, 0x52, 0xF7, 0x1E, 0xF7, 0x34,
+0x07, 0x13, 0xB6, 0x32, 0xF7, 0x41, 0xF7, 0x71, 0xFC, 0xEF, 0x07, 0x0E, 0xF8, 0x0D, 0xA0, 0x76,
+0xF8, 0xCD, 0x30, 0x0A, 0xF7, 0xD4, 0xF7, 0x76, 0x15, 0x87, 0xA9, 0x7A, 0xF7, 0x0B, 0x80, 0xBB,
+0x71, 0xF7, 0x26, 0x18, 0xC5, 0xF7, 0x16, 0xFB, 0xDE, 0xFB, 0x16, 0xC3, 0x06, 0xF7, 0x18, 0xFC,
+0xCD, 0x05, 0xF7, 0x7C, 0x06, 0xC8, 0xF7, 0x84, 0x92, 0xA8, 0x98, 0xCA, 0x8F, 0xA9, 0x19, 0x8F,
+0x06, 0x90, 0x6C, 0x96, 0x50, 0x94, 0x69, 0xC7, 0xFB, 0x82, 0x18, 0xF7, 0x81, 0x06, 0xF7, 0x29,
+0xF8, 0xCD, 0x05, 0xC2, 0xF7, 0x16, 0xFB, 0xB2, 0xFB, 0x16, 0xC2, 0x06, 0x69, 0xFB, 0x2C, 0x82,
+0x61, 0x7A, 0x23, 0x87, 0x5E, 0x19, 0x86, 0x06, 0x86, 0xBD, 0x80, 0xDD, 0x7D, 0xCC, 0x4C, 0xF7,
+0xA8, 0x18, 0xFB, 0x64, 0x06, 0x59, 0xFB, 0x75, 0x77, 0x2C, 0x70, 0xFB, 0x11, 0x89, 0x6F, 0x19,
+0x0E, 0xF7, 0x16, 0x8B, 0xF7, 0x18, 0xF7, 0x2B, 0xF7, 0x19, 0xF7, 0x2B, 0xF7, 0x18, 0x01, 0xDB,
+0xF7, 0x63, 0xF7, 0x52, 0xF7, 0x64, 0x14, 0xE0, 0x2F, 0x0A, 0xC2, 0xFC, 0x47, 0x54, 0xFB, 0x18,
+0xF7, 0xD8, 0xF7, 0x18, 0x4D, 0xF7, 0x2B, 0xF7, 0x52, 0xFB, 0x2B, 0x50, 0xFB, 0x18, 0xF7, 0xD9,
+0xF7, 0x18, 0x51, 0xF8, 0x47, 0xC5, 0xF7, 0x18, 0xFB, 0xD9, 0xFB, 0x18, 0xC6, 0xFB, 0x2B, 0xFB,
+0x52, 0xF7, 0x2B, 0xC9, 0xF7, 0x18, 0xFB, 0xD8, 0x06, 0x0E, 0xEE, 0x7A, 0xF7, 0x44, 0xF8, 0x2E,
+0x30, 0x0A, 0xD2, 0xF7, 0x64, 0xF7, 0x5D, 0xF7, 0x50, 0x03, 0x9A, 0xF8, 0xCD, 0x15, 0xC3, 0xFB,
+0x8B, 0x06, 0xFB, 0x77, 0xF7, 0x00, 0x21, 0xF7, 0x5E, 0x85, 0x1E, 0xF7, 0x50, 0xEE, 0xF6, 0xF7,
+0x81, 0x1F, 0xF7, 0x87, 0xC1, 0xF7, 0x15, 0xFB, 0xBC, 0xFB, 0x18, 0xC1, 0xFB, 0x68, 0x07, 0xFB,
+0x40, 0x63, 0x73, 0x4E, 0x4B, 0x67, 0xAD, 0xF7, 0x35, 0x1E, 0xF7, 0x6C, 0xC1, 0xF7, 0x15, 0xFB,
+0xD2, 0x07, 0x0E, 0xF8, 0x06, 0x31, 0x0A, 0xF7, 0x34, 0xF8, 0x78, 0xF7, 0x61, 0x03, 0xF9, 0x67,
+0xF8, 0x9F, 0x15, 0x50, 0x07, 0x8C, 0xFB, 0xE2, 0x05, 0x52, 0xFB, 0x16, 0xF7, 0xD0, 0xF7, 0x16,
+0x54, 0xF8, 0x4C, 0xC2, 0xF7, 0x15, 0xFC, 0x11, 0x06, 0x2B, 0xFC, 0x0A, 0x26, 0xF8, 0x0A, 0x05,
+0xFC, 0x0F, 0xFB, 0x15, 0xC0, 0xFC, 0x4D, 0x55, 0xFB, 0x15, 0xF7, 0xA3, 0xF7, 0x15, 0x52, 0xF8,
+0x1E, 0x8F, 0x06, 0x8E, 0x59, 0x98, 0x52, 0x90, 0x7A, 0xF7, 0x04, 0xFC, 0x23, 0x18, 0xF7, 0x65,
+0x06, 0xF4, 0xF8, 0x19, 0x92, 0xA2, 0x99, 0xCD, 0x93, 0xB8, 0x19, 0x0E, 0xF7, 0x57, 0x0E, 0xF7,
+0x1E, 0x82, 0xF7, 0x3C, 0xFB, 0x1E, 0x76, 0xF7, 0x8E, 0xF6, 0xF7, 0x42, 0xF7, 0x48, 0x12, 0x9A,
+0xF7, 0x86, 0xF7, 0x8F, 0xF7, 0x47, 0x13, 0x7C, 0xF8, 0x9D, 0x16, 0xF7, 0x5C, 0xF7, 0x8E, 0xB3,
+0xF6, 0xFB, 0xE0, 0x20, 0xC8, 0x61, 0x06, 0x13, 0xBC, 0x71, 0x7C, 0x73, 0x74, 0x52, 0x1B, 0x34,
+0x59, 0xDD, 0xF1, 0xEF, 0xC3, 0xE3, 0xDC, 0xC6, 0xBF, 0x5D, 0x3A, 0x8E, 0x1F, 0xF7, 0x47, 0xF7,
+0xBB, 0xFB, 0x29, 0x06, 0x76, 0x43, 0x05, 0x9B, 0x7B, 0x69, 0xCF, 0xFB, 0x25, 0x1B, 0xFB, 0x30,
+0xFB, 0x2B, 0xFB, 0x2A, 0xFB, 0x6E, 0xFB, 0x6C, 0xF7, 0x1F, 0xFB, 0x1C, 0xF7, 0x43, 0xD8, 0xC9,
+0xAE, 0xB0, 0xA1, 0x1F, 0x0E, 0xCA, 0x26, 0x0A, 0x9A, 0xF7, 0x27, 0xE1, 0xF7, 0x63, 0xDF, 0xF7,
+0x27, 0x03, 0x9A, 0xF9, 0x4F, 0x15, 0xFB, 0x98, 0xF7, 0x27, 0xF7, 0x14, 0xE1, 0xFC, 0x46, 0x39,
+0xFB, 0x19, 0xF8, 0x08, 0xF7, 0x19, 0x38, 0xF8, 0x46, 0xDF, 0xFB, 0x14, 0xF7, 0x27, 0xF7, 0x98,
+0x07, 0x0E, 0xEE, 0x7F, 0xF7, 0x24, 0xFB, 0x24, 0xF7, 0x6B, 0xFB, 0x5F, 0xF7, 0x18, 0xF7, 0x2F,
+0xF7, 0x04, 0xF7, 0x3E, 0xF7, 0x16, 0x12, 0xDC, 0xF7, 0x62, 0xEF, 0xF7, 0x76, 0xFB, 0x4D, 0xF7,
+0x5B, 0x13, 0x9E, 0xA4, 0xF8, 0xCC, 0x15, 0xC3, 0xFC, 0x48, 0x53, 0x06, 0x13, 0x3E, 0xFB, 0x18,
+0xF7, 0xD7, 0xF7, 0x18, 0x4E, 0xF7, 0x2F, 0x07, 0xE4, 0x96, 0x75, 0x30, 0x1F, 0x13, 0x5E, 0xFB,
+0x09, 0xCA, 0x46, 0xF7, 0x17, 0xF7, 0x03, 0xAE, 0xD8, 0xDE, 0x1E, 0xC2, 0x48, 0x6A, 0x07, 0x77,
+0x83, 0x7F, 0x7C, 0x79, 0x85, 0xA4, 0xB6, 0xD3, 0x4D, 0xC7, 0x46, 0x95, 0x1E, 0x13, 0x9D, 0xDE,
+0x97, 0xC9, 0xC2, 0xD9, 0x1A, 0xF7, 0x06, 0x5E, 0xE7, 0xFB, 0x7C, 0x1E, 0xFB, 0xD9, 0x06, 0xF7,
+0xCC, 0xFB, 0x16, 0x15, 0xC5, 0xAC, 0x6D, 0x50, 0x56, 0x65, 0x6F, 0x51, 0x1F, 0x5E, 0xF7, 0x3E,
+0x06, 0x0E, 0xF7, 0x1B, 0xA0, 0x76, 0xF8, 0xCD, 0x30, 0x0A, 0xF8, 0x38, 0xF7, 0x74, 0x15, 0x89,
+0xA7, 0x7E, 0xB7, 0x7B, 0xBC, 0x36, 0xF7, 0x74, 0x18, 0xC1, 0x06, 0x8C, 0xF7, 0x16, 0x05, 0xFC,
+0x05, 0xFB, 0x16, 0xC2, 0x06, 0xF7, 0x9D, 0xFC, 0xCD, 0x05, 0xF7, 0x4C, 0x06, 0xF7, 0x84, 0xF8,
+0xCD, 0x05, 0xBC, 0xF7, 0x16, 0xFB, 0xB0, 0x06, 0x8C, 0xFB, 0x16, 0x05, 0xBF, 0x06, 0x30, 0xFB,
+0x6E, 0x77, 0x59, 0x7D, 0x5A, 0x89, 0x6F, 0x19, 0x0E, 0xF7, 0x59, 0x8B, 0xF7, 0x15, 0xF8, 0x4C,
+0x30, 0x0A, 0xF7, 0xF9, 0xF7, 0x15, 0x15, 0x32, 0x06, 0xF2, 0xF7, 0x17, 0xA0, 0x6F, 0xD7, 0x25,
+0x05, 0x52, 0xFB, 0x16, 0xF8, 0x23, 0xF7, 0x16, 0x51, 0x06, 0xFB, 0x48, 0xF7, 0x8A, 0xF7, 0x2B,
+0xF7, 0x55, 0x05, 0xE0, 0xF7, 0x16, 0xFB, 0xE0, 0xFB, 0x16, 0xE3, 0x06, 0x25, 0xFB, 0x19, 0x29,
+0xF7, 0x19, 0x05, 0xC5, 0xF7, 0x16, 0xFC, 0x20, 0xFB, 0x16, 0xBF, 0x06, 0xF7, 0x49, 0xFB, 0x8D,
+0xFB, 0x27, 0xFB, 0x53, 0x05, 0x34, 0xFB, 0x15, 0xF7, 0xE0, 0x06, 0x0E, 0xFB, 0x16, 0x7F, 0xF7,
+0x11, 0xFB, 0x05, 0xF7, 0x48, 0xF7, 0x20, 0xF7, 0x48, 0x23, 0xF3, 0x23, 0xF7, 0x08, 0x12, 0x9E,
+0xF7, 0x16, 0xFB, 0x16, 0xF7, 0x4D, 0xEA, 0xF7, 0x51, 0xFB, 0x23, 0xF7, 0x16, 0xFB, 0x16, 0xF7,
+0x23, 0x13, 0x65, 0x00, 0xF7, 0x20, 0x16, 0x94, 0xC8, 0x05, 0x13, 0x92, 0x40, 0x65, 0xA3, 0xC4,
+0x68, 0xD3, 0x1B, 0xEC, 0xE4, 0xC3, 0xE9, 0xF4, 0x36, 0xA8, 0x3F, 0xA5, 0x1F, 0x4B, 0xA1, 0x50,
+0x97, 0xA7, 0x1A, 0xA4, 0x9D, 0x96, 0xA0, 0x1E, 0x13, 0xA4, 0x80, 0xBD, 0xBF, 0x69, 0x61, 0x1F,
+0xF7, 0x16, 0xF7, 0x48, 0xFB, 0x0F, 0x06, 0x83, 0x49, 0x05, 0x13, 0x8D, 0x00, 0xB6, 0x76, 0x4F,
+0xAE, 0x47, 0x1B, 0x44, 0x22, 0x60, 0x25, 0x2D, 0xCC, 0x61, 0xCF, 0x73, 0x1F, 0xD3, 0x72, 0xD6,
+0x86, 0x6D, 0x1A, 0x6F, 0x73, 0x85, 0x77, 0x1E, 0x13, 0x65, 0x00, 0x6D, 0x3F, 0x99, 0xC0, 0x1F,
+0xFB, 0x1A, 0xFB, 0x48, 0x06, 0x0E, 0xD3, 0x7C, 0xF7, 0x3B, 0xFB, 0x17, 0x76, 0xF8, 0xC8, 0xF7,
+0x1B, 0xFB, 0x1B, 0xF7, 0x2D, 0x12, 0xA4, 0xF7, 0x4E, 0xFB, 0x41, 0xF7, 0x41, 0xF7, 0xA7, 0xF7,
+0x49, 0xFB, 0x49, 0xF7, 0x5B, 0x13, 0x66, 0xF7, 0x5C, 0x16, 0x96, 0xD8, 0x05, 0x13, 0xA9, 0x5E,
+0xB1, 0xD1, 0x5C, 0xF0, 0x1B, 0xF7, 0x0B, 0xF7, 0x26, 0xC3, 0xF7, 0x30, 0x1F, 0xF7, 0x7F, 0xFC,
+0x20, 0x73, 0xF2, 0x1A, 0xAE, 0xB3, 0x9D, 0xA8, 0xD1, 0xC5, 0x61, 0x41, 0x1E, 0x13, 0xAA, 0xF7,
+0x49, 0xF7, 0x8F, 0xFB, 0x40, 0x06, 0x81, 0x37, 0x05, 0x13, 0x96, 0xD6, 0x63, 0x36, 0xA6, 0x37,
+0x1B, 0x29, 0xFB, 0x20, 0x48, 0xFB, 0x28, 0x1F, 0xFB, 0x93, 0xF8, 0x14, 0xAC, 0x3D, 0x1A, 0x61,
+0x59, 0x83, 0x68, 0x1E, 0x61, 0x8D, 0x37, 0x99, 0xDF, 0x1A, 0x13, 0x6A, 0xFB, 0x4E, 0xFB, 0x90,
+0x06, 0x0E, 0xF7, 0x09, 0x22, 0xF7, 0x1D, 0xFB, 0x1D, 0xF7, 0x67, 0x21, 0xF7, 0x2A, 0xF5, 0xE6,
+0xF7, 0x65, 0xF7, 0x26, 0x12, 0x9A, 0xF7, 0x70, 0xF7, 0x80, 0xF7, 0x72, 0x13, 0x3E, 0xF7, 0xF9,
+0x16, 0xA6, 0xA6, 0x8D, 0x8F, 0xA3, 0x1F, 0x13, 0x5E, 0x50, 0xA1, 0xBE, 0x57, 0xDD, 0x1B, 0xEF,
+0xBD, 0xD2, 0xE4, 0x1F, 0xBE, 0x49, 0x6E, 0x07, 0x13, 0x9E, 0x7A, 0x89, 0x6F, 0x79, 0x72, 0x80,
+0xAD, 0xAA, 0x83, 0x1E, 0xC2, 0xC7, 0xA7, 0xE0, 0xF4, 0x1A, 0xF7, 0x69, 0x21, 0xF7, 0x22, 0xFB,
+0x80, 0xFB, 0x5D, 0xFB, 0x1B, 0xFB, 0x24, 0xFB, 0x60, 0x1E, 0x13, 0x3E, 0xFB, 0x80, 0xF7, 0x20,
+0xFB, 0x0A, 0xF7, 0x5E, 0x1E, 0xF7, 0xEF, 0x04, 0x50, 0x67, 0x73, 0x73, 0x74, 0x1F, 0x88, 0x9C,
+0x8A, 0x9D, 0x9F, 0x1A, 0xF7, 0x09, 0xC2, 0xE1, 0xC7, 0x8A, 0x1E, 0xD5, 0xBA, 0x2D, 0xFB, 0x07,
+0x7D, 0x8A, 0x7E, 0x8A, 0x7F, 0x1F, 0xA2, 0x6B, 0x66, 0x9B, 0x60, 0x1B, 0xFB, 0x59, 0x04, 0x73,
+0x74, 0x96, 0xA1, 0x77, 0x1F, 0xB3, 0x99, 0x9F, 0xAC, 0xAC, 0x1B, 0xAD, 0x97, 0x69, 0x59, 0x92,
+0x1F, 0x7D, 0x7B, 0x79, 0x83, 0x78, 0x1B, 0x0E, 0x36, 0x2B, 0x0A, 0xFB, 0x17, 0xF7, 0x5B, 0xF0,
+0xF7, 0x5C, 0xFB, 0x15, 0xF7, 0x15, 0x12, 0xA4, 0xF7, 0x16, 0xF7, 0x7C, 0xF7, 0x21, 0x13, 0xAC,
+0xF7, 0x2F, 0xF7, 0xC0, 0x15, 0x13, 0x9C, 0xD2, 0xF7, 0x03, 0x07, 0xFB, 0x85, 0xFB, 0x84, 0x05,
+0xFB, 0x17, 0xF8, 0x8B, 0x07, 0x13, 0x6C, 0xF7, 0x5B, 0xFB, 0x21, 0x07, 0x13, 0x9C, 0x47, 0x22,
+0x07, 0xF7, 0x82, 0xF7, 0x84, 0x05, 0xF7, 0x15, 0xFC, 0x83, 0x07, 0x13, 0xAC, 0xFB, 0x5C, 0x07,
+0x0E, 0xD7, 0x8B, 0xF7, 0x18, 0xF8, 0x46, 0xF7, 0x19, 0x01, 0xAA, 0xF7, 0x3D, 0xF7, 0xC8, 0xF7,
+0x46, 0x03, 0xF7, 0x5D, 0xF8, 0x48, 0x15, 0x8A, 0xF7, 0x16, 0xF7, 0x51, 0x8C, 0xFC, 0x00, 0xFC,
+0x49, 0x05, 0xFB, 0x16, 0xF9, 0x29, 0xF7, 0x98, 0xFB, 0x45, 0x07, 0x8A, 0xFB, 0x14, 0x05, 0xFB,
+0x4D, 0x06, 0xF8, 0x02, 0xF8, 0x46, 0x89, 0xF7, 0x19, 0x05, 0xFD, 0x24, 0xFB, 0x9B, 0x06, 0x0E,
+0xF7, 0x57, 0x0E, 0xFB, 0x0A, 0x8A, 0xF7, 0x65, 0xF7, 0xF3, 0xF7, 0x30, 0x12, 0xF7, 0x15, 0xF7,
+0x7D, 0xFB, 0x63, 0xF7, 0x4E, 0x70, 0xF7, 0x4E, 0x13, 0xC8, 0xF7, 0x02, 0xF8, 0x71, 0x15, 0xB3,
+0xAD, 0xC0, 0xB5, 0xB6, 0x1B, 0xAE, 0xB2, 0x82, 0x65, 0x1F, 0x13, 0xD0, 0x54, 0xFB, 0x33, 0x57,
+0x2F, 0x1A, 0x8C, 0x3B, 0x05, 0xF7, 0x4D, 0xC2, 0x06, 0x13, 0xC8, 0xC7, 0xF7, 0x33, 0xAB, 0xF7,
+0x16, 0x1A, 0xF7, 0x1B, 0x22, 0xD1, 0xFB, 0x19, 0x27, 0x31, 0x5B, 0x3A, 0x45, 0x1E, 0x13, 0xE0,
+0xF7, 0x13, 0xFC, 0x78, 0x27, 0x0A, 0x0E, 0x8B, 0x8B, 0xF7, 0x19, 0xF7, 0x13, 0xF7, 0x19, 0xE0,
+0xF7, 0x71, 0xFB, 0x18, 0xF7, 0x18, 0x12, 0xE2, 0xF7, 0x64, 0xF7, 0x2B, 0xF7, 0x45, 0x13, 0xDC,
+0x2F, 0x0A, 0xC9, 0xFC, 0x46, 0x4D, 0xFB, 0x19, 0xF8, 0x08, 0xF7, 0x19, 0x25, 0xF7, 0x13, 0xF7,
+0x52, 0xF7, 0x19, 0xFB, 0x52, 0xF7, 0x42, 0xF7, 0x2B, 0x06, 0x13, 0xEC, 0x32, 0xF7, 0x45, 0xF7,
+0x71, 0xFC, 0xEA, 0x07, 0x0E, 0xFB, 0x94, 0x26, 0x0A, 0xE3, 0xF7, 0x63, 0x03, 0x2D, 0x0A, 0xF7,
+0xE0, 0xF7, 0x19, 0x4D, 0xF8, 0x46, 0xC9, 0xF7, 0x18, 0xFB, 0xE0, 0x06, 0x0E, 0xFB, 0x43, 0xFB,
+0x60, 0xF7, 0x1A, 0xF9, 0x12, 0xF7, 0x17, 0x01, 0xF7, 0x28, 0xF7, 0x63, 0x03, 0xA0, 0xFB, 0x55,
+0x15, 0x85, 0x9A, 0x9D, 0x86, 0x9E, 0x1B, 0xF7, 0x62, 0xD7, 0xF0, 0xF7, 0x45, 0x1F, 0xF8, 0x82,
+0xDE, 0xF7, 0x17, 0xFC, 0x0C, 0xFB, 0x17, 0xE1, 0xFC, 0x82, 0x07, 0x20, 0x6A, 0x66, 0x59, 0x79,
+0x7D, 0x8E, 0x91, 0x7E, 0x1E, 0x0E, 0x6F, 0x26, 0x0A, 0xDB, 0xF7, 0x64, 0xF7, 0x15, 0xF7, 0x3C,
+0x03, 0x2F, 0x0A, 0xC2, 0xFC, 0x46, 0x54, 0xFB, 0x19, 0xF8, 0xC4, 0xF7, 0x98, 0xFB, 0x3C, 0xFB,
+0x13, 0xFB, 0x15, 0xF8, 0x46, 0xC0, 0xF7, 0x18, 0xFB, 0xD0, 0x06, 0x0E, 0xF1, 0x79, 0xF7, 0x31,
+0xF8, 0x3D, 0xF7, 0x2E, 0x01, 0x9A, 0xF7, 0x8B, 0xF7, 0x69, 0xF7, 0x8E, 0x03, 0xF8, 0x09, 0x79,
+0x15, 0xF7, 0x76, 0xF7, 0x12, 0xF7, 0x1E, 0xF7, 0x76, 0xF7, 0x75, 0xFB, 0x06, 0xF7, 0x27, 0xFB,
+0x89, 0xFB, 0x63, 0xFB, 0x24, 0xFB, 0x29, 0xFB, 0x6C, 0xFB, 0x8E, 0xF7, 0x29, 0xFB, 0x0D, 0xF7,
+0x65, 0x1F, 0xF7, 0x31, 0x04, 0x4B, 0x5C, 0xDE, 0xF7, 0x17, 0xF7, 0x10, 0xB5, 0xE3, 0xC8, 0x8A,
+0x1F, 0xD8, 0xAC, 0x2A, 0xFB, 0x0D, 0xFB, 0x10, 0x64, 0x38, 0x4C, 0x1F, 0x0E, 0xFC, 0x10, 0x87,
+0xF7, 0x72, 0x01, 0x9A, 0xF7, 0x78, 0x03, 0x9A, 0xF3, 0x23, 0x0A, 0x65, 0x78, 0xF7, 0x16, 0xFB,
+0x03, 0xF7, 0x14, 0xDE, 0xF7, 0x0D, 0xC3, 0xF7, 0x21, 0x12, 0x9A, 0xF7, 0x52, 0xF7, 0x09, 0xF7,
+0x5F, 0x13, 0xBC, 0xD9, 0xF7, 0xEA, 0x15, 0xA0, 0xB1, 0xBF, 0xA4, 0xC6, 0x1B, 0xC1, 0xB4, 0x80,
+0x5E, 0x1F, 0x68, 0x07, 0x91, 0x86, 0x68, 0xA8, 0x50, 0x1B, 0xFB, 0x05, 0x2C, 0x44, 0xFB, 0x05,
+0xFB, 0x08, 0xF1, 0x58, 0xEA, 0xAF, 0xC9, 0x98, 0xBE, 0xB0, 0x1F, 0x13, 0x7C, 0xA3, 0x5E, 0x05,
+0xF7, 0x6A, 0xF7, 0x14, 0x4F, 0xF7, 0x57, 0x06, 0xF7, 0x35, 0xFB, 0x2B, 0xB8, 0xFB, 0x0C, 0x2F,
+0x35, 0x5C, 0x73, 0x63, 0x1E, 0x13, 0xBC, 0xF7, 0x72, 0xFB, 0xEF, 0x15, 0x6D, 0x74, 0x9E, 0xA7,
+0xAA, 0x9D, 0xA1, 0xB3, 0xB5, 0x99, 0x73, 0x86, 0x8E, 0x1F, 0x65, 0x07, 0x7C, 0x82, 0x72, 0x79,
+0x6D, 0x1B, 0x0E, 0x9D, 0x80, 0xF7, 0x16, 0x29, 0x76, 0xF8, 0x03, 0xF7, 0x21, 0xF7, 0x86, 0x77,
+0x12, 0xAA, 0x2E, 0x0A, 0xF7, 0x21, 0xF7, 0x70, 0x13, 0x7A, 0xF7, 0x94, 0x16, 0x9A, 0xAD, 0x05,
+0x13, 0xBA, 0x73, 0xA7, 0xA7, 0x76, 0xD7, 0x1B, 0xF7, 0x21, 0xE2, 0xF2, 0xF7, 0x2E, 0x8E, 0x1F,
+0xF7, 0x1A, 0x8E, 0x3A, 0xF7, 0x14, 0xFB, 0x2C, 0x1B, 0x5A, 0x4F, 0x76, 0x71, 0x75, 0x1F, 0xF7,
+0xB5, 0xFB, 0x86, 0xFB, 0x17, 0x07, 0x13, 0xB6, 0xB5, 0xFC, 0x7D, 0x06, 0x13, 0x7A, 0x61, 0xFB,
+0x16, 0x06, 0xF8, 0x13, 0xF7, 0x88, 0x15, 0x13, 0xBA, 0x20, 0x0A, 0x0E, 0x20, 0x7D, 0xF7, 0x27,
+0xF7, 0x21, 0xF7, 0x7F, 0xFB, 0x16, 0xF7, 0x16, 0x12, 0x8C, 0xF7, 0x64, 0xF7, 0x2B, 0xF7, 0x27,
+0x13, 0xD8, 0xF7, 0xFC, 0xF7, 0xA6, 0x15, 0xF7, 0x27, 0xF7, 0x76, 0xFB, 0x0A, 0x06, 0x7A, 0x5B,
+0x05, 0x9F, 0x7A, 0x63, 0xB0, 0x47, 0x1B, 0xFB, 0x14, 0xFB, 0x0A, 0x3C, 0xFB, 0x45, 0xFB, 0x46,
+0xF7, 0x14, 0x32, 0xF7, 0x27, 0xF7, 0x00, 0xE5, 0xBE, 0xBE, 0xBA, 0x1F, 0x33, 0xF1, 0x6A, 0x67,
+0x68, 0x75, 0x56, 0x8C, 0x19, 0x4B, 0x8C, 0x64, 0xBF, 0xCC, 0x1A, 0x13, 0xB8, 0xCC, 0xA8, 0xCA,
+0xC6, 0x1E, 0x13, 0xD8, 0xB9, 0x9A, 0x52, 0x5B, 0x8D, 0x1F, 0x0E, 0xDD, 0x8B, 0xF7, 0x18, 0xF8,
+0x49, 0xF7, 0x17, 0x01, 0xE0, 0xF7, 0x61, 0xF7, 0x23, 0xF7, 0x58, 0x03, 0xA8, 0x29, 0x0A, 0xF7,
+0x1C, 0xB6, 0x06, 0xF7, 0x3A, 0xFB, 0xA0, 0x05, 0xF7, 0x54, 0xF7, 0x16, 0x51, 0x06, 0xFB, 0x04,
+0xF7, 0x45, 0x05, 0xCA, 0xAE, 0xB8, 0xC3, 0xD5, 0x1A, 0xF7, 0x06, 0x5F, 0xF7, 0x06, 0xFB, 0x7C,
+0x1E, 0xFB, 0xD8, 0x06, 0xF7, 0xCB, 0xFB, 0x17, 0x28, 0x0A, 0x9A, 0x0E, 0x94, 0x2B, 0x0A, 0xF7,
+0x80, 0xF7, 0x19, 0xF7, 0x8E, 0x77, 0x12, 0xA9, 0x32, 0x0A, 0xF7, 0xDF, 0x16, 0xF7, 0x17, 0x44,
+0xDF, 0x07, 0xAE, 0xA3, 0xF7, 0x3C, 0xFB, 0x83, 0x05, 0xF7, 0x36, 0xF7, 0x17, 0x62, 0x06, 0xFB,
+0x1F, 0xF7, 0x5B, 0xCA, 0xB0, 0x05, 0xD8, 0xF7, 0x19, 0xFB, 0xAC, 0xFB, 0x19, 0x21, 0x0A, 0xAA,
+0x8B, 0xF7, 0x16, 0xF8, 0x4D, 0xF7, 0x14, 0x01, 0xF7, 0x7D, 0xF7, 0x63, 0x03, 0xF8, 0x05, 0xF8,
+0x14, 0x15, 0x87, 0x9C, 0x76, 0xB8, 0x85, 0x9E, 0x51, 0xF5, 0x18, 0xBF, 0xF7, 0x14, 0xFB, 0xEA,
+0xFB, 0x14, 0xBC, 0x06, 0xF7, 0x56, 0xFB, 0xD7, 0x05, 0xFB, 0x0A, 0x52, 0xFB, 0x16, 0xF7, 0xD4,
+0xF7, 0x16, 0x53, 0xF7, 0x08, 0x07, 0xF7, 0x4D, 0xF7, 0xD9, 0x05, 0xC1, 0xF7, 0x14, 0xFB, 0xA1,
+0xFB, 0x14, 0xC2, 0x06, 0x54, 0x26, 0x80, 0x73, 0x75, 0x61, 0x87, 0x77, 0x19, 0x0E, 0xFB, 0x22,
+0x8B, 0xF7, 0x19, 0xF8, 0xCA, 0x77, 0x01, 0xF7, 0x3F, 0xF7, 0x63, 0x03, 0xD2, 0xF8, 0x5D, 0x15,
+0xEF, 0xBA, 0x05, 0xFC, 0x07, 0x27, 0xFB, 0x19, 0xF8, 0x24, 0xF7, 0x19, 0x2E, 0xF8, 0xCA, 0xFB,
+0x46, 0x07, 0x42, 0x34, 0x5E, 0x7B, 0x52, 0x6F, 0x08, 0x0E, 0x5B, 0x8B, 0xF7, 0x19, 0xFB, 0x19,
+0xF7, 0x69, 0xF7, 0xE3, 0xF7, 0x36, 0x12, 0xF7, 0xF0, 0xF7, 0x4B, 0xFB, 0x1A, 0xF7, 0x3C, 0x13,
+0xB0, 0xF7, 0x21, 0xF8, 0x6C, 0x15, 0xAB, 0xA9, 0xB2, 0xB7, 0xC1, 0x1B, 0xB9, 0xB1, 0x7C, 0x58,
+0x4D, 0x21, 0x61, 0x44, 0x4C, 0x1F, 0x4B, 0x58, 0x70, 0x6E, 0x54, 0x31, 0x08, 0xFB, 0x25, 0x07,
+0x13, 0x68, 0xF8, 0xB0, 0xF7, 0x69, 0xFB, 0x3C, 0x06, 0x13, 0xA8, 0x3B, 0xFB, 0x44, 0x07, 0xA2,
+0xB3, 0xDA, 0xCA, 0xBB, 0xAA, 0x08, 0x13, 0xB0, 0xF5, 0xD0, 0xC1, 0xB3, 0xF7, 0x07, 0x1A, 0xF7,
+0x1B, 0x22, 0xDF, 0xFB, 0x19, 0x27, 0x31, 0x60, 0x3A, 0x45, 0x1E, 0x0E, 0x29, 0x7E, 0xF7, 0x2E,
+0xF7, 0x2A, 0xF7, 0x0B, 0xF7, 0x28, 0xF7, 0x2C, 0x12, 0xF7, 0xE7, 0xF7, 0x3B, 0xFB, 0x3B, 0xF7,
+0x4E, 0x13, 0xE8, 0xF7, 0x8C, 0x7E, 0x15, 0xF7, 0x1B, 0xF7, 0x22, 0xD3, 0xF7, 0x28, 0xE5, 0x4E,
+0xBE, 0x6B, 0xA2, 0x1F, 0x13, 0xF0, 0xA5, 0x9F, 0xBB, 0xB2, 0xCF, 0x1A, 0xF7, 0x14, 0x2F, 0xDF,
+0xFB, 0x37, 0x30, 0x34, 0x53, 0x64, 0x67, 0x1E, 0xEC, 0xFB, 0x09, 0x05, 0xB0, 0xAE, 0xB7, 0xA2,
+0xB1, 0x1B, 0xB5, 0xB9, 0x72, 0x55, 0x5E, 0x66, 0x73, 0x5B, 0x1F, 0x42, 0xFB, 0x0B, 0xD6, 0x06,
+0xBD, 0xAC, 0x78, 0x55, 0x59, 0x69, 0x70, 0x53, 0x52, 0x65, 0xA7, 0xB0, 0x66, 0x1F, 0x25, 0x21,
+0x05, 0x51, 0xB2, 0xEE, 0x54, 0xEA, 0x1B, 0x0E, 0x55, 0x8B, 0xF7, 0x18, 0xCC, 0xF7, 0x00, 0xF8,
+0x1E, 0x77, 0x01, 0xF7, 0xBE, 0xF7, 0x63, 0x03, 0x95, 0xF7, 0x59, 0x15, 0xF7, 0xB4, 0x4A, 0x4C,
+0xFB, 0x18, 0xF7, 0xD8, 0xF7, 0x18, 0x55, 0xCC, 0xC0, 0xF7, 0x00, 0x56, 0xF8, 0x1E, 0xFB, 0x63,
+0x06, 0xFB, 0xB4, 0xFB, 0xFB, 0x05, 0xF7, 0x20, 0x68, 0x15, 0xF7, 0x28, 0xF7, 0x4D, 0x05, 0xFB,
+0x4D, 0x07, 0x0E, 0x4E, 0x7E, 0xF7, 0x34, 0xF7, 0x59, 0xF7, 0x19, 0xD4, 0xF7, 0x29, 0x01, 0xF8,
+0x0A, 0xF7, 0x50, 0x03, 0xF7, 0x9B, 0x7E, 0x15, 0xF7, 0x25, 0xF7, 0x2E, 0xE0, 0xF7, 0x3C, 0xF7,
+0x2F, 0xFB, 0x08, 0xDD, 0xFB, 0x09, 0x5A, 0x64, 0x80, 0x7E, 0x77, 0x1F, 0x9C, 0xEC, 0x05, 0xF7,
+0xA1, 0xF7, 0x29, 0xFC, 0x20, 0x06, 0x4E, 0xFB, 0xEC, 0xF7, 0x14, 0x52, 0x05, 0xA1, 0xA0, 0xA6,
+0xA3, 0xB9, 0x1B, 0xC4, 0xB8, 0x5F, 0x56, 0x51, 0x60, 0x61, 0x48, 0x51, 0x60, 0xAD, 0xB3, 0x64,
+0x1F, 0xFB, 0x01, 0xFB, 0x05, 0x05, 0x4D, 0xB4, 0xF5, 0x50, 0xF0, 0x1B, 0x0E, 0xFC, 0x01, 0xF8,
+0x3B, 0x76, 0xF7, 0xBF, 0x77, 0x01, 0xAF, 0xF9, 0x51, 0x15, 0xB0, 0xFB, 0xBF, 0x05, 0xF7, 0x11,
+0x06, 0xAF, 0xF7, 0xBF, 0x05, 0x0E, 0xFC, 0x02, 0xFB, 0x41, 0x76, 0xF8, 0x1A, 0x77, 0x01, 0xE4,
+0xF7, 0x4A, 0x03, 0xF7, 0x01, 0xFB, 0x56, 0x15, 0xF1, 0xE6, 0xCB, 0xF7, 0x0E, 0x87, 0xF7, 0x15,
+0xFB, 0x4A, 0xBB, 0x18, 0x95, 0xFB, 0x2B, 0x69, 0x36, 0x44, 0x32, 0x08, 0x0E, 0xFC, 0x14, 0x83,
+0xF7, 0x6E, 0xE1, 0xF7, 0x6E, 0x01, 0x9A, 0xF7, 0x74, 0x03, 0x9A, 0xED, 0x15, 0x57, 0xB9, 0x55,
+0xCC, 0xCF, 0xB8, 0x2C, 0x0A, 0xF7, 0xC4, 0x04, 0x57, 0xBC, 0x55, 0xC9, 0xD2, 0xB5, 0x2C, 0x0A,
+0x0E, 0x52, 0x82, 0xF7, 0x31, 0xF7, 0x43, 0xF7, 0x24, 0xE0, 0xF7, 0x32, 0x01, 0x9B, 0xF7, 0x4F,
+0xF7, 0x4C, 0xF7, 0x47, 0x03, 0xF8, 0xB6, 0xF9, 0x0B, 0x15, 0x50, 0xBD, 0xFB, 0x02, 0xAA, 0x48,
+0x89, 0xFB, 0x9B, 0x83, 0x69, 0xFB, 0x9D, 0x8E, 0xFB, 0x19, 0x91, 0xFB, 0x5C, 0xF7, 0x0D, 0xFB,
+0x0A, 0xF7, 0x38, 0x90, 0x08, 0xF7, 0x37, 0x90, 0xEB, 0xF7, 0x06, 0xF7, 0x1A, 0x1A, 0xF7, 0x1C,
+0x21, 0xE7, 0xFB, 0x14, 0x86, 0x1E, 0x56, 0x89, 0x57, 0x74, 0x71, 0x71, 0x95, 0xD5, 0xBA, 0xC7,
+0xD5, 0x8D, 0x08, 0xC8, 0xBE, 0x6C, 0x77, 0xAD, 0x1F, 0xFB, 0x40, 0xFB, 0x46, 0x15, 0xC7, 0x8C,
+0x9F, 0x58, 0x8C, 0x64, 0x08, 0x5B, 0x8C, 0x62, 0x65, 0x58, 0x1B, 0x4B, 0x6E, 0xCF, 0xBD, 0x1F,
+0x9B, 0x9F, 0xB3, 0xAE, 0xBA, 0x8D, 0x08, 0x0E, 0x43, 0xA0, 0x76, 0xF8, 0x89, 0xF7, 0x5A, 0xFB,
+0x19, 0xF7, 0x19, 0x12, 0x9A, 0xF7, 0x34, 0x13, 0xD0, 0x9A, 0xF8, 0x89, 0x15, 0xF7, 0x34, 0x06,
+0x13, 0xB0, 0xCC, 0xF7, 0x38, 0x07, 0xFB, 0xA0, 0xFC, 0xCA, 0x05, 0xF7, 0x6C, 0x06, 0xF7, 0xA1,
+0xF8, 0xCA, 0x05, 0xF7, 0x19, 0xFC, 0xB1, 0x07, 0x0E, 0x3C, 0x7E, 0xF7, 0x22, 0xF8, 0x5C, 0xF7,
+0x12, 0x12, 0x9A, 0xF7, 0x41, 0xFB, 0x20, 0xF7, 0x38, 0xF7, 0x27, 0xF7, 0x3A, 0xFB, 0x2C, 0xF7,
+0x3F, 0x13, 0xE4, 0x9A, 0xF7, 0x61, 0x15, 0xFB, 0x0F, 0xEE, 0x2C, 0xF7, 0x3A, 0xF7, 0x35, 0xF2,
+0xEA, 0xF7, 0x0F, 0xCF, 0x68, 0xD3, 0x47, 0xAC, 0x1E, 0x13, 0xD8, 0xB7, 0xA0, 0xB3, 0xBC, 0xCD,
+0x1A, 0xF7, 0x03, 0x37, 0xE1, 0xFB, 0x2F, 0xFB, 0x2A, 0x33, 0x35, 0xFB, 0x03, 0x5B, 0xA4, 0x54,
+0xBD, 0x6D, 0x1E, 0x13, 0xE4, 0x49, 0x6A, 0x61, 0x3D, 0x4A, 0x1A, 0xF7, 0x41, 0x91, 0x15, 0xB0,
+0xA7, 0xAE, 0xA9, 0x9C, 0x1E, 0xB9, 0x89, 0xDC, 0x7A, 0x45, 0x1A, 0x54, 0x8A, 0x61, 0x70, 0x5A,
+0x1B, 0x59, 0x60, 0xAE, 0xBA, 0x1F, 0x13, 0xD8, 0xF7, 0x3F, 0xF7, 0xCB, 0x15, 0x6D, 0x74, 0x73,
+0x72, 0x7F, 0x1E, 0x6A, 0x8C, 0x49, 0x95, 0xC2, 0x1A, 0xAC, 0xAC, 0xA9, 0xB2, 0xB3, 0xAE, 0x70,
+0x67, 0x1E, 0x0E, 0x58, 0x82, 0xF7, 0x32, 0xE0, 0xF7, 0x24, 0xF7, 0x43, 0xF7, 0x31, 0x01, 0x9A,
+0xF7, 0x47, 0xF7, 0x43, 0xF7, 0x5E, 0x03, 0xAE, 0xD1, 0x15, 0xC6, 0x59, 0xF7, 0x02, 0x6C, 0xCE,
+0x8D, 0xF7, 0x9B, 0x93, 0xB4, 0xF7, 0x8A, 0x87, 0xF7, 0x2C, 0x85, 0xF7, 0x5C, 0xFB, 0x13, 0xF7,
+0x0A, 0xFB, 0x38, 0x86, 0x08, 0xFB, 0x37, 0x86, 0x2B, 0xFB, 0x06, 0xFB, 0x1A, 0x1A, 0xFB, 0x1C,
+0xF5, 0x2F, 0xF7, 0x14, 0x90, 0x1E, 0xC0, 0x8D, 0xB6, 0xA2, 0xA5, 0xA5, 0x8C, 0x33, 0x5A, 0x5D,
+0x41, 0x89, 0x08, 0x4E, 0x58, 0xAA, 0x9F, 0x69, 0x1F, 0xF7, 0x40, 0xF7, 0x46, 0x15, 0x4F, 0x8A,
+0x77, 0xBE, 0x8A, 0xB2, 0x08, 0xBB, 0x8A, 0xB4, 0xB1, 0xBE, 0x1B, 0xCB, 0x9F, 0x47, 0x59, 0x1F,
+0x7B, 0x77, 0x6C, 0x68, 0x5C, 0x89, 0x08, 0x0E, 0xFB, 0x90, 0x33, 0x0A, 0xBA, 0xF7, 0x40, 0x15,
+0xF7, 0xB6, 0xF7, 0x19, 0xFB, 0xB6, 0x06, 0x0E, 0xFB, 0xE4, 0xFB, 0x41, 0x76, 0xF8, 0x6B, 0xF7,
+0x72, 0x01, 0xC6, 0xF7, 0x78, 0x03, 0xC6, 0xF8, 0x15, 0x15, 0x56, 0xBD, 0x54, 0xCA, 0xD3, 0xB6,
+0x25, 0x0A, 0x55, 0xFC, 0x96, 0x15, 0xD2, 0xE4, 0xAD, 0xE0, 0x81, 0xF7, 0x2B, 0xF7, 0x4A, 0x5B,
+0x18, 0x8F, 0xFB, 0x15, 0x4B, 0xFB, 0x0E, 0x25, 0x30, 0x08, 0x0E, 0xFB, 0x53, 0x33, 0x0A, 0xAB,
+0xF7, 0x40, 0x15, 0xF8, 0x0D, 0xF7, 0x19, 0xFC, 0x0D, 0x06, 0x0E, 0x84, 0x33, 0x0A, 0xB5, 0xF7,
+0x40, 0x15, 0xF8, 0xAF, 0xF7, 0x19, 0xFC, 0xAF, 0x06, 0x0E, 0xFB, 0x1C, 0xF7, 0x40, 0xF7, 0x19,
+0xE3, 0xF7, 0x19, 0x01, 0xB7, 0xF7, 0x40, 0x15, 0xF8, 0x30, 0xF7, 0x19, 0xFC, 0x30, 0x06, 0xE3,
+0x04, 0xF8, 0x30, 0xF7, 0x19, 0xFC, 0x30, 0x06, 0x0E, 0xFB, 0xB6, 0xF7, 0x6A, 0xF7, 0x72, 0x01,
+0xC7, 0xF7, 0x78, 0x03, 0xC7, 0xF7, 0xD6, 0x23, 0x0A, 0x64, 0x7F, 0xF7, 0x2F, 0xF8, 0x2C, 0xF7,
+0x35, 0x01, 0x9A, 0xF7, 0x5A, 0xF7, 0x3E, 0xF7, 0x5D, 0x03, 0xF7, 0xC2, 0x7F, 0x15, 0xF7, 0x49,
+0xF0, 0xF7, 0x1C, 0xF7, 0x72, 0xF7, 0x71, 0x30, 0xF7, 0x25, 0xFB, 0x58, 0xFB, 0x3A, 0xFB, 0x08,
+0xFB, 0x27, 0xFB, 0x68, 0xFB, 0x8A, 0xF7, 0x0C, 0xFB, 0x0B, 0xF7, 0x3B, 0x1F, 0xF7, 0x2F, 0x04,
+0x63, 0x5A, 0xDC, 0xF7, 0x15, 0xF7, 0x0E, 0xB9, 0xD8, 0xB0, 0x8A, 0x1F, 0xBC, 0xB1, 0x35, 0xFB,
+0x0B, 0xFB, 0x0E, 0x68, 0x3A, 0x5D, 0x1F, 0x0E, 0xFB, 0xDE, 0x8A, 0xF7, 0x65, 0xF8, 0x7F, 0x77,
+0x01, 0xAB, 0xF7, 0x79, 0x03, 0xA7, 0xF1, 0x27, 0x0A, 0xC5, 0xF7, 0x2F, 0x15, 0xF7, 0x18, 0x06,
+0xC0, 0xF7, 0x90, 0x05, 0xF7, 0x52, 0xFB, 0x83, 0xFB, 0x52, 0x07, 0x0E, 0xFB, 0x8E, 0xFB, 0x50,
+0x76, 0xFA, 0x94, 0x77, 0x01, 0xA4, 0xF7, 0x4C, 0x03, 0xF7, 0x98, 0xF9, 0xC3, 0x15, 0x38, 0x43,
+0xFB, 0x2C, 0xFB, 0x57, 0xFB, 0x80, 0x1A, 0xFB, 0x78, 0xF7, 0x13, 0xFB, 0x57, 0xF7, 0x00, 0x29,
+0x1E, 0xF2, 0xF6, 0x05, 0x50, 0xD1, 0x2C, 0xF7, 0x0D, 0xF7, 0x73, 0x1A, 0xF7, 0x6C, 0xF5, 0xF7,
+0x0F, 0xBB, 0xC5, 0x1E, 0x0E, 0xFB, 0x8E, 0xFB, 0x51, 0x76, 0xFA, 0x94, 0x77, 0x01, 0xF7, 0x47,
+0xF7, 0x4C, 0x03, 0xA4, 0xF9, 0x58, 0x15, 0xBB, 0x51, 0xF5, 0xFB, 0x0F, 0xFB, 0x6C, 0x1A, 0xFB,
+0x73, 0x2C, 0xFB, 0x0D, 0x50, 0x45, 0x1E, 0xF2, 0x20, 0x05, 0xF7, 0x00, 0xED, 0xF7, 0x13, 0xF7,
+0x57, 0xF7, 0x78, 0x1A, 0xF7, 0x80, 0xFB, 0x2C, 0xF7, 0x57, 0x38, 0xD3, 0x1E, 0x0E, 0x7E, 0x98,
+0xF8, 0x8B, 0x9C, 0xF7, 0x7B, 0x8B, 0x06, 0xFB, 0x92, 0x8D, 0x07, 0xF7, 0xAC, 0x14, 0xF9, 0x12,
+0x15, 0xA0, 0x13, 0x00, 0x15, 0x01, 0x01, 0x16, 0x30, 0x46, 0x50, 0x63, 0x6F, 0x78, 0x8B, 0x9A,
+0xA9, 0xB6, 0xBA, 0xC6, 0xCF, 0xD6, 0xDB, 0xDF, 0xE9, 0xF2, 0xF8, 0xFC, 0x3F, 0x6E, 0x5A, 0x61,
+0x65, 0x69, 0xBF, 0xCF, 0x1E, 0xDA, 0x87, 0xAF, 0xBC, 0xB2, 0x1B, 0xB7, 0xA7, 0x4C, 0x4F, 0x1F,
+0x0B, 0xD3, 0x06, 0xFB, 0x08, 0x46, 0x05, 0xF8, 0x58, 0xFB, 0x7B, 0xFB, 0x17, 0x07, 0x13, 0xE8,
+0xB4, 0xFC, 0x7D, 0x06, 0x13, 0xF0, 0x62, 0xFB, 0x16, 0x06, 0x0E, 0x15, 0xD7, 0xA8, 0xBC, 0xB5,
+0xB1, 0xAD, 0x57, 0x47, 0x1E, 0x3C, 0x8F, 0x67, 0x5A, 0x64, 0x1B, 0x5F, 0x6F, 0xCA, 0xC7, 0x1F,
+0x0E, 0x15, 0x56, 0xBA, 0x54, 0xCD, 0xD6, 0xB3, 0x25, 0x0A, 0x0E, 0x15, 0x5B, 0xB8, 0x56, 0xCA,
+0xD2, 0xB2, 0xB9, 0xC2, 0xB9, 0x62, 0xC3, 0x46, 0x45, 0x65, 0x53, 0x5D, 0x1E, 0x0E, 0xBB, 0xC7,
+0xBE, 0x61, 0xCA, 0x42, 0x42, 0x63, 0x4C, 0x58, 0x1E, 0x0B, 0x8B, 0xF7, 0x19, 0xF8, 0x46, 0xF7,
+0x18, 0x01, 0x0B, 0x15, 0x57, 0xBC, 0x58, 0xCC, 0xD4, 0xB9, 0xBA, 0xC3, 0xC4, 0x5B, 0xBC, 0x44,
+0x43, 0x61, 0x53, 0x59, 0x1E, 0x0B, 0x15, 0xC5, 0xAE, 0x6B, 0x50, 0x56, 0x63, 0x6D, 0x51, 0x1F,
+0x5E, 0xF7, 0x42, 0x06, 0x0E, 0xF8, 0xCC, 0x15, 0xC3, 0xFC, 0x48, 0x53, 0xFB, 0x18, 0xF7, 0xD6,
+0xF7, 0x18, 0x4E, 0x0B, 0xF7, 0x7C, 0xFB, 0x60, 0xF7, 0x6E, 0xFB, 0x60, 0xF7, 0x52, 0x13, 0xE0,
+0x0B, 0x8B, 0xF7, 0x17, 0x0B, 0xBA, 0xC6, 0xBD, 0x62, 0xC9, 0x43, 0x43, 0x64, 0x4D, 0x59, 0x1E,
+0x0B, 0x2F, 0x0A, 0xCA, 0xFC, 0x46, 0x4C, 0xFB, 0x19, 0x0B, 0xF7, 0x86, 0xFB, 0x5C, 0xF7, 0x5C,
+0x0B, 0xA4, 0xF8, 0xCB, 0x15, 0x0B, 0xF7, 0x16, 0x01, 0x0B, 0x8B, 0xF7, 0x16, 0xF8, 0x4C, 0xF7,
+0x15, 0x01, 0xDA, 0x0B, 0xF7, 0x7B, 0xFB, 0x52, 0xF7, 0x52, 0x13, 0xF0, 0x0B, 0xF7, 0x40, 0xF7,
+0x19, 0x01, 0x0B, 0xF7, 0x17, 0x15, 0x0B, 0x00,
+];
diff --git a/layout/reftests/fonts/Chunkfive.ttf b/layout/reftests/fonts/Chunkfive.ttf
new file mode 100644
index 0000000000..cc4e1982f4
Binary files /dev/null and b/layout/reftests/fonts/Chunkfive.ttf differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.ttf b/layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.ttf
new file mode 100644
index 0000000000..22ae2a93f6
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.ttf differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.woff b/layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.woff
new file mode 100644
index 0000000000..49eb3c71b2
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge-bad-checksums.woff differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge-bad-offset.woff b/layout/reftests/fonts/DeLarge/DeLarge-bad-offset.woff
new file mode 100644
index 0000000000..7e72ad10cd
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge-bad-offset.woff differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.ttf b/layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.ttf
new file mode 100644
index 0000000000..08bd2fdcf2
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.ttf differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.woff b/layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.woff
new file mode 100644
index 0000000000..8464123f98
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge-bad-sfnt-version.woff differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge-bad-woff-sig.woff b/layout/reftests/fonts/DeLarge/DeLarge-bad-woff-sig.woff
new file mode 100644
index 0000000000..de73d04628
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge-bad-woff-sig.woff differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge.ttf b/layout/reftests/fonts/DeLarge/DeLarge.ttf
new file mode 100644
index 0000000000..d90bac4f4d
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge.ttf differ
diff --git a/layout/reftests/fonts/DeLarge/DeLarge.woff b/layout/reftests/fonts/DeLarge/DeLarge.woff
new file mode 100644
index 0000000000..e8440843b4
Binary files /dev/null and b/layout/reftests/fonts/DeLarge/DeLarge.woff differ
diff --git a/layout/reftests/fonts/DeLarge/README b/layout/reftests/fonts/DeLarge/README
new file mode 100644
index 0000000000..7e2a73d816
--- /dev/null
+++ b/layout/reftests/fonts/DeLarge/README
@@ -0,0 +1,7 @@
+DeLarge by PintassilgoPrints, licensed under the Open Font License
+(http://scripts.sil.org/OFL)
+
+Downloaded from http://openfontlibrary.org/media/files/PintassilgoPrints/429
+
+In addition to the original .ttf file and a .woff conversion,
+there are several "damaged" versions here for testing purposes.
diff --git a/layout/reftests/fonts/DejaVuSansMono.otf b/layout/reftests/fonts/DejaVuSansMono.otf
new file mode 100644
index 0000000000..6f1b034bfc
Binary files /dev/null and b/layout/reftests/fonts/DejaVuSansMono.otf differ
diff --git a/layout/reftests/fonts/DejaVuSansMono.woff b/layout/reftests/fonts/DejaVuSansMono.woff
new file mode 100644
index 0000000000..6ea41ad5ba
Binary files /dev/null and b/layout/reftests/fonts/DejaVuSansMono.woff differ
diff --git a/layout/reftests/fonts/DroidSansArabic-noGSUB.ttf b/layout/reftests/fonts/DroidSansArabic-noGSUB.ttf
new file mode 100644
index 0000000000..3835ac02b9
Binary files /dev/null and b/layout/reftests/fonts/DroidSansArabic-noGSUB.ttf differ
diff --git a/layout/reftests/fonts/JuniusX-Regular.woff2 b/layout/reftests/fonts/JuniusX-Regular.woff2
new file mode 100644
index 0000000000..7d83cbd1c5
Binary files /dev/null and b/layout/reftests/fonts/JuniusX-Regular.woff2 differ
diff --git a/layout/reftests/fonts/LigatureSymbolsWithSpaces.woff b/layout/reftests/fonts/LigatureSymbolsWithSpaces.woff
new file mode 100644
index 0000000000..1f0e7ca007
Binary files /dev/null and b/layout/reftests/fonts/LigatureSymbolsWithSpaces.woff differ
diff --git a/layout/reftests/fonts/LinLibertine_Re-4.7.5.woff b/layout/reftests/fonts/LinLibertine_Re-4.7.5.woff
new file mode 100644
index 0000000000..c953a546f0
Binary files /dev/null and b/layout/reftests/fonts/LinLibertine_Re-4.7.5.woff differ
diff --git a/layout/reftests/fonts/MiaoUnicode-Regular.ttf b/layout/reftests/fonts/MiaoUnicode-Regular.ttf
new file mode 100644
index 0000000000..f8e81f9cf5
Binary files /dev/null and b/layout/reftests/fonts/MiaoUnicode-Regular.ttf differ
diff --git a/layout/reftests/fonts/NotoNastaliqUrdu-Regular.ttf b/layout/reftests/fonts/NotoNastaliqUrdu-Regular.ttf
new file mode 100644
index 0000000000..891f633d80
Binary files /dev/null and b/layout/reftests/fonts/NotoNastaliqUrdu-Regular.ttf differ
diff --git a/layout/reftests/fonts/NotoSansBalinese-Regular.ttf b/layout/reftests/fonts/NotoSansBalinese-Regular.ttf
new file mode 100644
index 0000000000..7bfea930c8
Binary files /dev/null and b/layout/reftests/fonts/NotoSansBalinese-Regular.ttf differ
diff --git a/layout/reftests/fonts/NotoSansCJKjp-Regular.subset.otf b/layout/reftests/fonts/NotoSansCJKjp-Regular.subset.otf
new file mode 100644
index 0000000000..3f9a72a92b
Binary files /dev/null and b/layout/reftests/fonts/NotoSansCJKjp-Regular.subset.otf differ
diff --git a/layout/reftests/fonts/NotoSansMongolian-Regular.ttf b/layout/reftests/fonts/NotoSansMongolian-Regular.ttf
new file mode 100644
index 0000000000..29fbdadef4
Binary files /dev/null and b/layout/reftests/fonts/NotoSansMongolian-Regular.ttf differ
diff --git a/layout/reftests/fonts/PositioningTest1.ttf b/layout/reftests/fonts/PositioningTest1.ttf
new file mode 100644
index 0000000000..e825bc26c5
Binary files /dev/null and b/layout/reftests/fonts/PositioningTest1.ttf differ
diff --git a/layout/reftests/fonts/PositioningTest2.ttf b/layout/reftests/fonts/PositioningTest2.ttf
new file mode 100644
index 0000000000..40293cbe6a
Binary files /dev/null and b/layout/reftests/fonts/PositioningTest2.ttf differ
diff --git a/layout/reftests/fonts/Prototype.ttf b/layout/reftests/fonts/Prototype.ttf
new file mode 100644
index 0000000000..c70bf00f47
Binary files /dev/null and b/layout/reftests/fonts/Prototype.ttf differ
diff --git a/layout/reftests/fonts/README b/layout/reftests/fonts/README
new file mode 100644
index 0000000000..fd2410568f
--- /dev/null
+++ b/layout/reftests/fonts/README
@@ -0,0 +1,33 @@
+
+Notes about fonts in this directory
+
+Ahem.ttf - ACID3 test font
+
+markXXX.ttf and markXXX.otf
+
+These fonts are autogenerated with FontForge using the Python script mark-generate.py.  
+See the comments in that file for more information on how to run the script.
+
+The markX.ttf and markX.otf fonts contain a single glyph for the X character consisting
+of three stacked boxes.  The mark2X.ttf and mark2X.otf files also contain just a glyph for the
+character X but the glyph is similar to the space mark character.  The markXmark2Y.ttf has
+two glyphs, the first glyph for X and the second glyph for Y.
+
+The markA.eot and markB.eot files are for EOT-related testing.  The markA.eot file is just 
+a copy of markA.ttf while markB.eot is a valid EOT file embedding the contents of markB.ttf
+with a null root string (so it can be used in IE without domain-specific restrictions).
+
+
+PositioningTest1.ttf, PositioningTest2.ttf
+
+These fonts were generated with FontForge and then OpenType tables added with MS VOLT.
+The glyphs are from Charis SIL (see http://scripts.sil.org/CharisSILFont), released under the
+Open Font License.
+
+In both fonts, the lowercase 'o' glyph should appear raised when rendered. Font 1 uses a GPOS
+positioning rule to achieve this, so it tests whether vertical deltas are being handled
+correctly. Font 2 uses a GSUB substitution to replace the 'o' with a glyph that has already
+been offset within the em-square, so no vertical delta is involved.
+
+Finally, the capital 'O' character maps directly to the shifted 'o' glyph, so this can be
+used for comparison without requiring any OpenType layout support.
diff --git a/layout/reftests/fonts/ShipporiMincho-LICENSE.txt b/layout/reftests/fonts/ShipporiMincho-LICENSE.txt
new file mode 100644
index 0000000000..f04d85a7a7
--- /dev/null
+++ b/layout/reftests/fonts/ShipporiMincho-LICENSE.txt
@@ -0,0 +1,92 @@
+This Font Software is licensed under the SIL Open Font License,
+Version 1.1.
+
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font
+creation efforts of academic and linguistic communities, and to
+provide a free and open framework in which fonts may be shared and
+improved in partnership with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply to
+any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software
+components as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to,
+deleting, or substituting -- in part or in whole -- any of the
+components of the Original Version, by changing formats or by porting
+the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed,
+modify, redistribute, and sell modified and unmodified copies of the
+Font Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in
+Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the
+corresponding Copyright Holder. This restriction only applies to the
+primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created using
+the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file
diff --git a/layout/reftests/fonts/ShipporiMincho-Regular.subset.otf b/layout/reftests/fonts/ShipporiMincho-Regular.subset.otf
new file mode 100644
index 0000000000..b6fdba19dd
Binary files /dev/null and b/layout/reftests/fonts/ShipporiMincho-Regular.subset.otf differ
diff --git a/layout/reftests/fonts/SourceSerifPro-Regular.ttf.woff2 b/layout/reftests/fonts/SourceSerifPro-Regular.ttf.woff2
new file mode 100644
index 0000000000..c40a3c1174
Binary files /dev/null and b/layout/reftests/fonts/SourceSerifPro-Regular.ttf.woff2 differ
diff --git a/layout/reftests/fonts/TAMLThiruValluvar-Regular.ttf b/layout/reftests/fonts/TAMLThiruValluvar-Regular.ttf
new file mode 100644
index 0000000000..82b4d6a437
Binary files /dev/null and b/layout/reftests/fonts/TAMLThiruValluvar-Regular.ttf differ
diff --git a/layout/reftests/fonts/VeraBd-validchecksum.ttf b/layout/reftests/fonts/VeraBd-validchecksum.ttf
new file mode 100644
index 0000000000..88efaf0aa6
Binary files /dev/null and b/layout/reftests/fonts/VeraBd-validchecksum.ttf differ
diff --git a/layout/reftests/fonts/VeraBd.ttf b/layout/reftests/fonts/VeraBd.ttf
new file mode 100644
index 0000000000..51d6111d72
Binary files /dev/null and b/layout/reftests/fonts/VeraBd.ttf differ
diff --git a/layout/reftests/fonts/VotoSerifGX.latin1.ttf b/layout/reftests/fonts/VotoSerifGX.latin1.ttf
new file mode 100644
index 0000000000..98035ead8d
Binary files /dev/null and b/layout/reftests/fonts/VotoSerifGX.latin1.ttf differ
diff --git a/layout/reftests/fonts/colr-unset.ttf b/layout/reftests/fonts/colr-unset.ttf
new file mode 100644
index 0000000000..a78fd30a59
Binary files /dev/null and b/layout/reftests/fonts/colr-unset.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd1.ttf b/layout/reftests/fonts/csstest-widths-wd1.ttf
new file mode 100644
index 0000000000..efcc7ab33d
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd1.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd2.ttf b/layout/reftests/fonts/csstest-widths-wd2.ttf
new file mode 100644
index 0000000000..20ecf37570
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd2.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd3.ttf b/layout/reftests/fonts/csstest-widths-wd3.ttf
new file mode 100644
index 0000000000..28a9e311de
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd3.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd4.ttf b/layout/reftests/fonts/csstest-widths-wd4.ttf
new file mode 100644
index 0000000000..e40c65d54e
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd4.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd5.ttf b/layout/reftests/fonts/csstest-widths-wd5.ttf
new file mode 100644
index 0000000000..7bf4fcb540
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd5.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd6.ttf b/layout/reftests/fonts/csstest-widths-wd6.ttf
new file mode 100644
index 0000000000..b240d9bc8b
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd6.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd7.ttf b/layout/reftests/fonts/csstest-widths-wd7.ttf
new file mode 100644
index 0000000000..39afcea20f
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd7.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd8.ttf b/layout/reftests/fonts/csstest-widths-wd8.ttf
new file mode 100644
index 0000000000..82f500400b
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd8.ttf differ
diff --git a/layout/reftests/fonts/csstest-widths-wd9.ttf b/layout/reftests/fonts/csstest-widths-wd9.ttf
new file mode 100644
index 0000000000..4050a11713
Binary files /dev/null and b/layout/reftests/fonts/csstest-widths-wd9.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSans-Bold.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSans-Bold.ttf
new file mode 100644
index 0000000000..99f323d750
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSans-Bold.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf
new file mode 100644
index 0000000000..b782758767
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf
new file mode 100644
index 0000000000..013c0ec9de
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSans-Oblique.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSans-Oblique.ttf
new file mode 100644
index 0000000000..8459dc8cab
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSans-Oblique.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSans.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSans.ttf
new file mode 100644
index 0000000000..84ca1d7503
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSans.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf
new file mode 100644
index 0000000000..a12913762a
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf
new file mode 100644
index 0000000000..b93b02a1ca
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf
new file mode 100644
index 0000000000..68a783e969
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf differ
diff --git a/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed.ttf b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed.ttf
new file mode 100644
index 0000000000..d2a5e439ec
Binary files /dev/null and b/layout/reftests/fonts/dejavu-sans/DejaVuSansCondensed.ttf differ
diff --git a/layout/reftests/fonts/emoji-yellow.ttf b/layout/reftests/fonts/emoji-yellow.ttf
new file mode 100644
index 0000000000..9feeb86c01
Binary files /dev/null and b/layout/reftests/fonts/emoji-yellow.ttf differ
diff --git a/layout/reftests/fonts/emoji.ttf b/layout/reftests/fonts/emoji.ttf
new file mode 100644
index 0000000000..0444270c93
Binary files /dev/null and b/layout/reftests/fonts/emoji.ttf differ
diff --git a/layout/reftests/fonts/fira/FiraSans-Regular.otf b/layout/reftests/fonts/fira/FiraSans-Regular.otf
new file mode 100644
index 0000000000..3ba5363c77
Binary files /dev/null and b/layout/reftests/fonts/fira/FiraSans-Regular.otf differ
diff --git a/layout/reftests/fonts/fira/FiraSansOT-Bold.otf b/layout/reftests/fonts/fira/FiraSansOT-Bold.otf
new file mode 100644
index 0000000000..1459b030e2
Binary files /dev/null and b/layout/reftests/fonts/fira/FiraSansOT-Bold.otf differ
diff --git a/layout/reftests/fonts/fira/FiraSansOT-BoldItalic.otf b/layout/reftests/fonts/fira/FiraSansOT-BoldItalic.otf
new file mode 100644
index 0000000000..cf251fe32c
Binary files /dev/null and b/layout/reftests/fonts/fira/FiraSansOT-BoldItalic.otf differ
diff --git a/layout/reftests/fonts/fira/FiraSansOT-Regular.otf b/layout/reftests/fonts/fira/FiraSansOT-Regular.otf
new file mode 100644
index 0000000000..4a802afc9b
Binary files /dev/null and b/layout/reftests/fonts/fira/FiraSansOT-Regular.otf differ
diff --git a/layout/reftests/fonts/fira/FiraSansOT-RegularItalic.otf b/layout/reftests/fonts/fira/FiraSansOT-RegularItalic.otf
new file mode 100644
index 0000000000..82a4844ec5
Binary files /dev/null and b/layout/reftests/fonts/fira/FiraSansOT-RegularItalic.otf differ
diff --git a/layout/reftests/fonts/generate-bitpattern-font.pl b/layout/reftests/fonts/generate-bitpattern-font.pl
new file mode 100644
index 0000000000..d47ff4541f
--- /dev/null
+++ b/layout/reftests/fonts/generate-bitpattern-font.pl
@@ -0,0 +1,35 @@
+#!/usr/bin/perl -w
+
+# Generates an SVG Font where each glyph (identified on stdin by four
+# hex characters) consists of a bit pattern representing the Unicode
+# code point it is the glyph for.
+
+use strict;
+
+print <<EOF;
+<svg xmlns="http://www.w3.org/2000/svg">
+<font id="BitPattern" horiz-adv-x="1000">
+  <font-face font-family="BitPattern" units-per-em="1000" ascent="800"/>
+EOF
+
+while (<>) {
+  chomp;
+  next if /^\s*$/;
+  die unless /^[0-9A-Fa-f]{4}$/;
+  my $c = hex;
+  my $s = "  <glyph unicode='&#x$_;' d='";
+  for (my $i = 0; $i < 32; $i++) {
+    if ($c & (1 << $i)) {
+      my $x = 100 * (7 - ($i % 8));
+      my $y = 100 * int($i / 8);
+      $s .= "M$x,$y v80h80v-80z ";
+    }
+  }
+  $s .= "'/>\n";
+  print $s;
+}
+
+print <<EOF;
+</font>
+</svg>
+EOF
diff --git a/layout/reftests/fonts/glyphwiki-license.txt b/layout/reftests/fonts/glyphwiki-license.txt
new file mode 100644
index 0000000000..927c138d6a
--- /dev/null
+++ b/layout/reftests/fonts/glyphwiki-license.txt
@@ -0,0 +1,13 @@
+gw432047.ttf, gw1270797.ttf
+
+<http://en.glyphwiki.org/wiki/GlyphWiki:License>
+'''This document is a direct translation of the October 8th, 2008 revision of the Japanese original at ([[GlyphWiki:データ・記事のライセンス]]). This translation is provided as a service, and should not be taken to be a definitive statement. Please be aware that in case the Japanese original and the English version differ, the Japanese original takes precedence.'''
+
+*Data and article usage licence
+
+The glyphs registered at the GlyphWiki, as well as the articles, can be freely used by anyone. Reuse of this data, such as reproduction or modification of the glyps, is permitted. The are no specific restrictions with regards to displaying the author's name. Reuse of GlyphWiki data as the basis for a new font, or direct usage of fonts and glyphs copied from GlyphWiki in published work is allowed. GlyphWiki does not hold copyright on any citations used throughout GlyphWiki articles. Please consult their respective licences when reusing such content.
+
+<http://glyphwiki.org/wiki/GlyphWiki:%E3%83%87%E3%83%BC%E3%82%BF%E3%83%BB%E8%A8%98%E4%BA%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%82%BB%E3%83%B3%E3%82%B9>
+*データ及び記事のライセンス
+
+グリフウィキに登録されているグリフデータおよび記事は、誰もが自由に利用できることとします。複製、改変などの二次利用を認めるものとします。著作者表示も特に制限を設けません。新しいフォントのベースデータとして用いることや、そのままコピーしたものをフォントとして著作物とすることを妨げません。記事中に引用されている部分については、グリフウィキには著作権はありませんので引用元のライセンスを確認してください。
diff --git a/layout/reftests/fonts/graphite/README.txt b/layout/reftests/fonts/graphite/README.txt
new file mode 100644
index 0000000000..dc684d1c4b
--- /dev/null
+++ b/layout/reftests/fonts/graphite/README.txt
@@ -0,0 +1,37 @@
+
+Test fonts with Graphite tables for testing
+
+Original font: League Gothic by League of Moveable Type, converted to TT via FontSquirrel
+
+Kerning, GDEF/GSUB/GPOS info stripped out and the name table edited to
+produce grtest-template.ttx.
+
+Making a test font:
+
+1. Build ttx from template
+  sed -e 's/xxxfontnamexxx/grtestxxx/' grtest-template.ttx >grtestxxx-src.ttx
+
+2. Make the font
+  ttx grtestxxx-src.ttx
+  
+3. Edit GDL file
+
+4. Compile the GDL into the ttf
+
+../graphite-compiler.sh -d -v3 -w3521 -w510 font.gdl grtestxxx-src.ttf grtestxxx.ttf
+
+Where graphite-compiler.sh is a script to run the graphite compiler in wine on OSX
+(the compiler is available both as a Windows exe and as source).
+
+Graphite compiler download:
+http://scripts.sil.org/cms/scripts/page.php?item_id=GraphiteCompilerDownload
+
+grtest-simple.ttf
+Simple FAIL ==> PaSs substitution via graphite or via OT with TST1=1
+
+grtest-multipass.ttf
+Several passes where the end result is FAIL ==> PaSs or via OT with TST1=1
+
+grtest-langfeat.ttf
+FAIL ==> PaSs substitution enabled via language or feature settings or via OT with TST1=1
+
diff --git a/layout/reftests/fonts/graphite/grtest-langfeat.gdl b/layout/reftests/fonts/graphite/grtest-langfeat.gdl
new file mode 100644
index 0000000000..fd76c126c4
--- /dev/null
+++ b/layout/reftests/fonts/graphite/grtest-langfeat.gdl
@@ -0,0 +1,62 @@
+#include "stddef.gdh"
+#define LG_USENG 1033
+
+table(glyph)
+clsFail = codepoint("FAIL");
+clsPass = codepoint("PaSs");
+endtable
+
+table (feature)
+
+failtopass 
+{
+  id = "FTPS";
+  name.LG_USENG = string("Pass substitution");
+  default = 0;
+}
+
+failtopass2 
+{
+  id = "FTP2";
+  name.LG_USENG = string("Pass substitution 2");
+  default = 0;
+}
+
+passtofail 
+{
+  id = "PTFL";
+  name.LG_USENG = string("Pass to fail substitution");
+  default = 0;
+}
+
+endtable
+
+table (language)
+
+french {
+  languages = ( "fr" );
+  failtopass = 1;
+}
+
+french2 {
+  languages = ( "fra" );
+  passtofail = 1;
+}
+
+endtable;
+
+table(substitution)
+
+pass(1)
+
+if (failtopass || failtopass2)
+clsFail > clsPass;
+endif;
+
+if (passtofail)
+clsPass > clsFail;
+endif;
+
+endpass;
+
+endtable
\ No newline at end of file
diff --git a/layout/reftests/fonts/graphite/grtest-langfeat.ttf b/layout/reftests/fonts/graphite/grtest-langfeat.ttf
new file mode 100644
index 0000000000..3dc0afe58d
Binary files /dev/null and b/layout/reftests/fonts/graphite/grtest-langfeat.ttf differ
diff --git a/layout/reftests/fonts/graphite/grtest-multipass.gdl b/layout/reftests/fonts/graphite/grtest-multipass.gdl
new file mode 100644
index 0000000000..154f710c89
--- /dev/null
+++ b/layout/reftests/fonts/graphite/grtest-multipass.gdl
@@ -0,0 +1,49 @@
+#include "stddef.gdh"
+
+table(glyph)
+gSpace = codepoint(" ");
+
+gA = codepoint("A");
+gB = codepoint("B");
+gC = codepoint("C");
+gF = codepoint("F");
+gI = codepoint("I");
+gL = codepoint("L");
+gP = codepoint("P");
+gS = codepoint("S");
+ga = codepoint("a");
+gs = codepoint("s");
+g1 = codepoint("1");
+g2 = codepoint("2");
+g3 = codepoint("3");
+g4 = codepoint("4");
+
+clsFail = codepoint("FAIL");
+clsPass = codepoint("PaSs");
+cls1234 = codepoint("1234");
+cls5678 = codepoint("5678");
+endtable
+
+table(substitution)
+
+pass(1)
+clsFail > cls1234;
+endpass;
+
+pass(2)
+cls1234 > @1 @1;
+endpass;
+
+pass(3)
+cls1234 cls1234 > @1 cls5678;
+endpass;
+
+pass(4)
+cls1234 cls5678 > _ clsFail;
+endpass;
+
+pass(5)
+gF gA gI gL > gP ga gS gs;
+endpass;
+
+endtable
\ No newline at end of file
diff --git a/layout/reftests/fonts/graphite/grtest-multipass.ttf b/layout/reftests/fonts/graphite/grtest-multipass.ttf
new file mode 100644
index 0000000000..a7df58647e
Binary files /dev/null and b/layout/reftests/fonts/graphite/grtest-multipass.ttf differ
diff --git a/layout/reftests/fonts/graphite/grtest-ot-only.ttf b/layout/reftests/fonts/graphite/grtest-ot-only.ttf
new file mode 100644
index 0000000000..b8f2efc268
Binary files /dev/null and b/layout/reftests/fonts/graphite/grtest-ot-only.ttf differ
diff --git a/layout/reftests/fonts/graphite/grtest-ot-only.ttx b/layout/reftests/fonts/graphite/grtest-ot-only.ttx
new file mode 100644
index 0000000000..de116e5d3c
--- /dev/null
+++ b/layout/reftests/fonts/graphite/grtest-ot-only.ttx
@@ -0,0 +1,24101 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.3">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="exclamdown"/>
+    <GlyphID id="100" name="cent"/>
+    <GlyphID id="101" name="sterling"/>
+    <GlyphID id="102" name="yen"/>
+    <GlyphID id="103" name="dieresis"/>
+    <GlyphID id="104" name="copyright"/>
+    <GlyphID id="105" name="uni00AD"/>
+    <GlyphID id="106" name="registered"/>
+    <GlyphID id="107" name="macron"/>
+    <GlyphID id="108" name="acute"/>
+    <GlyphID id="109" name="periodcentered"/>
+    <GlyphID id="110" name="cedilla"/>
+    <GlyphID id="111" name="questiondown"/>
+    <GlyphID id="112" name="Agrave"/>
+    <GlyphID id="113" name="Aacute"/>
+    <GlyphID id="114" name="Acircumflex"/>
+    <GlyphID id="115" name="Atilde"/>
+    <GlyphID id="116" name="Adieresis"/>
+    <GlyphID id="117" name="Aring"/>
+    <GlyphID id="118" name="AE"/>
+    <GlyphID id="119" name="Ccedilla"/>
+    <GlyphID id="120" name="Egrave"/>
+    <GlyphID id="121" name="Eacute"/>
+    <GlyphID id="122" name="Ecircumflex"/>
+    <GlyphID id="123" name="Edieresis"/>
+    <GlyphID id="124" name="Igrave"/>
+    <GlyphID id="125" name="Iacute"/>
+    <GlyphID id="126" name="Icircumflex"/>
+    <GlyphID id="127" name="Idieresis"/>
+    <GlyphID id="128" name="Eth"/>
+    <GlyphID id="129" name="Ntilde"/>
+    <GlyphID id="130" name="Ograve"/>
+    <GlyphID id="131" name="Oacute"/>
+    <GlyphID id="132" name="Ocircumflex"/>
+    <GlyphID id="133" name="Otilde"/>
+    <GlyphID id="134" name="Odieresis"/>
+    <GlyphID id="135" name="Oslash"/>
+    <GlyphID id="136" name="Ugrave"/>
+    <GlyphID id="137" name="Uacute"/>
+    <GlyphID id="138" name="Ucircumflex"/>
+    <GlyphID id="139" name="Udieresis"/>
+    <GlyphID id="140" name="Yacute"/>
+    <GlyphID id="141" name="Thorn"/>
+    <GlyphID id="142" name="germandbls"/>
+    <GlyphID id="143" name="agrave"/>
+    <GlyphID id="144" name="aacute"/>
+    <GlyphID id="145" name="acircumflex"/>
+    <GlyphID id="146" name="atilde"/>
+    <GlyphID id="147" name="adieresis"/>
+    <GlyphID id="148" name="aring"/>
+    <GlyphID id="149" name="ae"/>
+    <GlyphID id="150" name="ccedilla"/>
+    <GlyphID id="151" name="egrave"/>
+    <GlyphID id="152" name="eacute"/>
+    <GlyphID id="153" name="ecircumflex"/>
+    <GlyphID id="154" name="edieresis"/>
+    <GlyphID id="155" name="igrave"/>
+    <GlyphID id="156" name="iacute"/>
+    <GlyphID id="157" name="icircumflex"/>
+    <GlyphID id="158" name="idieresis"/>
+    <GlyphID id="159" name="eth"/>
+    <GlyphID id="160" name="ntilde"/>
+    <GlyphID id="161" name="ograve"/>
+    <GlyphID id="162" name="oacute"/>
+    <GlyphID id="163" name="ocircumflex"/>
+    <GlyphID id="164" name="otilde"/>
+    <GlyphID id="165" name="odieresis"/>
+    <GlyphID id="166" name="oslash"/>
+    <GlyphID id="167" name="ugrave"/>
+    <GlyphID id="168" name="uacute"/>
+    <GlyphID id="169" name="ucircumflex"/>
+    <GlyphID id="170" name="udieresis"/>
+    <GlyphID id="171" name="yacute"/>
+    <GlyphID id="172" name="thorn"/>
+    <GlyphID id="173" name="ydieresis"/>
+    <GlyphID id="174" name="dotlessi"/>
+    <GlyphID id="175" name="Lslash"/>
+    <GlyphID id="176" name="lslash"/>
+    <GlyphID id="177" name="OE"/>
+    <GlyphID id="178" name="oe"/>
+    <GlyphID id="179" name="Scaron"/>
+    <GlyphID id="180" name="scaron"/>
+    <GlyphID id="181" name="Ydieresis"/>
+    <GlyphID id="182" name="Zcaron"/>
+    <GlyphID id="183" name="zcaron"/>
+    <GlyphID id="184" name="circumflex"/>
+    <GlyphID id="185" name="caron"/>
+    <GlyphID id="186" name="breve"/>
+    <GlyphID id="187" name="dotaccent"/>
+    <GlyphID id="188" name="ring"/>
+    <GlyphID id="189" name="ogonek"/>
+    <GlyphID id="190" name="tilde"/>
+    <GlyphID id="191" name="hungarumlaut"/>
+    <GlyphID id="192" name="uni2000"/>
+    <GlyphID id="193" name="uni2001"/>
+    <GlyphID id="194" name="uni2002"/>
+    <GlyphID id="195" name="uni2003"/>
+    <GlyphID id="196" name="uni2004"/>
+    <GlyphID id="197" name="uni2005"/>
+    <GlyphID id="198" name="uni2006"/>
+    <GlyphID id="199" name="uni2007"/>
+    <GlyphID id="200" name="uni2008"/>
+    <GlyphID id="201" name="uni2009"/>
+    <GlyphID id="202" name="uni200A"/>
+    <GlyphID id="203" name="uni2010"/>
+    <GlyphID id="204" name="uni2011"/>
+    <GlyphID id="205" name="figuredash"/>
+    <GlyphID id="206" name="endash"/>
+    <GlyphID id="207" name="emdash"/>
+    <GlyphID id="208" name="quoteleft"/>
+    <GlyphID id="209" name="quoteright"/>
+    <GlyphID id="210" name="quotesinglbase"/>
+    <GlyphID id="211" name="quotedblleft"/>
+    <GlyphID id="212" name="quotedblright"/>
+    <GlyphID id="213" name="quotedblbase"/>
+    <GlyphID id="214" name="bullet"/>
+    <GlyphID id="215" name="ellipsis"/>
+    <GlyphID id="216" name="uni202F"/>
+    <GlyphID id="217" name="uni205F"/>
+    <GlyphID id="218" name="Euro"/>
+    <GlyphID id="219" name="trademark"/>
+    <GlyphID id="220" name="minus"/>
+    <GlyphID id="221" name="uniE000"/>
+    <GlyphID id="222" name="uniFB01"/>
+    <GlyphID id="223" name="uniFB02"/>
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.0"/>
+    <checkSumAdjustment value="0x5dc89719"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Nov 10 07:06:31 2011"/>
+    <modified value="Thu Nov 10 07:06:31 2011"/>
+    <xMin value="-66"/>
+    <yMin value="-512"/>
+    <xMax value="1591"/>
+    <yMax value="1905"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1905"/>
+    <descent value="-552"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="1904"/>
+    <minLeftSideBearing value="-66"/>
+    <minRightSideBearing value="-66"/>
+    <xMaxExtent value="1591"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="223"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="224"/>
+    <maxPoints value="86"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="318"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="566"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000000"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00100111"/>
+    <ulUnicodeRange2 value="01000000 00000000 00000000 01001010"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="64258"/>
+    <sTypoAscender value="1505"/>
+    <sTypoDescender value="-543"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1905"/>
+    <usWinDescent value="552"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1120"/>
+    <sCapHeight value="1505"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="2"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="315" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="765" lsb="20"/>
+    <mtx name="AE" width="1099" lsb="16"/>
+    <mtx name="Aacute" width="765" lsb="20"/>
+    <mtx name="Acircumflex" width="765" lsb="20"/>
+    <mtx name="Adieresis" width="765" lsb="20"/>
+    <mtx name="Agrave" width="765" lsb="20"/>
+    <mtx name="Aring" width="765" lsb="20"/>
+    <mtx name="Atilde" width="765" lsb="20"/>
+    <mtx name="B" width="745" lsb="82"/>
+    <mtx name="C" width="708" lsb="68"/>
+    <mtx name="Ccedilla" width="708" lsb="68"/>
+    <mtx name="D" width="761" lsb="82"/>
+    <mtx name="E" width="628" lsb="82"/>
+    <mtx name="Eacute" width="628" lsb="82"/>
+    <mtx name="Ecircumflex" width="628" lsb="82"/>
+    <mtx name="Edieresis" width="628" lsb="82"/>
+    <mtx name="Egrave" width="628" lsb="82"/>
+    <mtx name="Eth" width="761" lsb="20"/>
+    <mtx name="Euro" width="813" lsb="53"/>
+    <mtx name="F" width="616" lsb="82"/>
+    <mtx name="G" width="737" lsb="67"/>
+    <mtx name="H" width="778" lsb="82"/>
+    <mtx name="I" width="385" lsb="82"/>
+    <mtx name="Iacute" width="401" lsb="82"/>
+    <mtx name="Icircumflex" width="370" lsb="-66"/>
+    <mtx name="Idieresis" width="372" lsb="-53"/>
+    <mtx name="Igrave" width="401" lsb="-6"/>
+    <mtx name="J" width="423" lsb="12"/>
+    <mtx name="K" width="768" lsb="82"/>
+    <mtx name="L" width="604" lsb="82"/>
+    <mtx name="Lslash" width="628" lsb="41"/>
+    <mtx name="M" width="991" lsb="82"/>
+    <mtx name="N" width="808" lsb="82"/>
+    <mtx name="Ntilde" width="808" lsb="82"/>
+    <mtx name="O" width="724" lsb="68"/>
+    <mtx name="OE" width="983" lsb="68"/>
+    <mtx name="Oacute" width="724" lsb="68"/>
+    <mtx name="Ocircumflex" width="724" lsb="68"/>
+    <mtx name="Odieresis" width="724" lsb="68"/>
+    <mtx name="Ograve" width="724" lsb="68"/>
+    <mtx name="Oslash" width="724" lsb="59"/>
+    <mtx name="Otilde" width="724" lsb="68"/>
+    <mtx name="P" width="720" lsb="82"/>
+    <mtx name="Q" width="729" lsb="68"/>
+    <mtx name="R" width="739" lsb="82"/>
+    <mtx name="S" width="702" lsb="37"/>
+    <mtx name="Scaron" width="702" lsb="37"/>
+    <mtx name="T" width="647" lsb="4"/>
+    <mtx name="Thorn" width="724" lsb="82"/>
+    <mtx name="U" width="749" lsb="80"/>
+    <mtx name="Uacute" width="749" lsb="80"/>
+    <mtx name="Ucircumflex" width="749" lsb="80"/>
+    <mtx name="Udieresis" width="749" lsb="80"/>
+    <mtx name="Ugrave" width="749" lsb="80"/>
+    <mtx name="V" width="716" lsb="18"/>
+    <mtx name="W" width="1036" lsb="25"/>
+    <mtx name="X" width="737" lsb="16"/>
+    <mtx name="Y" width="700" lsb="14"/>
+    <mtx name="Yacute" width="704" lsb="16"/>
+    <mtx name="Ydieresis" width="704" lsb="16"/>
+    <mtx name="Z" width="626" lsb="20"/>
+    <mtx name="Zcaron" width="626" lsb="20"/>
+    <mtx name="a" width="681" lsb="49"/>
+    <mtx name="aacute" width="681" lsb="49"/>
+    <mtx name="acircumflex" width="681" lsb="49"/>
+    <mtx name="acute" width="1024" lsb="410"/>
+    <mtx name="adieresis" width="681" lsb="49"/>
+    <mtx name="ae" width="989" lsb="49"/>
+    <mtx name="agrave" width="681" lsb="49"/>
+    <mtx name="ampersand" width="854" lsb="49"/>
+    <mtx name="aring" width="681" lsb="49"/>
+    <mtx name="asciicircum" width="1101" lsb="53"/>
+    <mtx name="asciitilde" width="1280" lsb="113"/>
+    <mtx name="asterisk" width="677" lsb="74"/>
+    <mtx name="at" width="872" lsb="66"/>
+    <mtx name="atilde" width="681" lsb="49"/>
+    <mtx name="b" width="686" lsb="82"/>
+    <mtx name="backslash" width="792" lsb="8"/>
+    <mtx name="bar" width="356" lsb="82"/>
+    <mtx name="braceleft" width="688" lsb="61"/>
+    <mtx name="braceright" width="688" lsb="57"/>
+    <mtx name="bracketleft" width="538" lsb="82"/>
+    <mtx name="bracketright" width="538" lsb="57"/>
+    <mtx name="breve" width="1024" lsb="287"/>
+    <mtx name="bullet" width="663" lsb="82"/>
+    <mtx name="c" width="645" lsb="66"/>
+    <mtx name="caron" width="1021" lsb="260"/>
+    <mtx name="ccedilla" width="645" lsb="66"/>
+    <mtx name="cedilla" width="1024" lsb="426"/>
+    <mtx name="cent" width="636" lsb="66"/>
+    <mtx name="circumflex" width="1021" lsb="260"/>
+    <mtx name="colon" width="362" lsb="74"/>
+    <mtx name="comma" width="309" lsb="45"/>
+    <mtx name="copyright" width="1644" lsb="53"/>
+    <mtx name="d" width="686" lsb="74"/>
+    <mtx name="dieresis" width="1024" lsb="272"/>
+    <mtx name="dollar" width="692" lsb="37"/>
+    <mtx name="dotaccent" width="1021" lsb="408"/>
+    <mtx name="dotlessi" width="370" lsb="82"/>
+    <mtx name="e" width="659" lsb="66"/>
+    <mtx name="eacute" width="659" lsb="66"/>
+    <mtx name="ecircumflex" width="659" lsb="66"/>
+    <mtx name="edieresis" width="659" lsb="66"/>
+    <mtx name="egrave" width="659" lsb="66"/>
+    <mtx name="eight" width="696" lsb="53"/>
+    <mtx name="ellipsis" width="964" lsb="53"/>
+    <mtx name="emdash" width="972" lsb="74"/>
+    <mtx name="endash" width="806" lsb="74"/>
+    <mtx name="equal" width="1058" lsb="74"/>
+    <mtx name="eth" width="673" lsb="76"/>
+    <mtx name="exclam" width="387" lsb="74"/>
+    <mtx name="exclamdown" width="387" lsb="74"/>
+    <mtx name="f" width="475" lsb="20"/>
+    <mtx name="figuredash" width="444" lsb="74"/>
+    <mtx name="five" width="704" lsb="74"/>
+    <mtx name="four" width="684" lsb="25"/>
+    <mtx name="g" width="700" lsb="12"/>
+    <mtx name="germandbls" width="733" lsb="66"/>
+    <mtx name="grave" width="1024" lsb="293"/>
+    <mtx name="greater" width="1058" lsb="74"/>
+    <mtx name="h" width="690" lsb="82"/>
+    <mtx name="hungarumlaut" width="1024" lsb="215"/>
+    <mtx name="hyphen" width="444" lsb="74"/>
+    <mtx name="i" width="370" lsb="82"/>
+    <mtx name="iacute" width="370" lsb="82"/>
+    <mtx name="icircumflex" width="370" lsb="-66"/>
+    <mtx name="idieresis" width="372" lsb="-53"/>
+    <mtx name="igrave" width="370" lsb="-33"/>
+    <mtx name="j" width="364" lsb="-45"/>
+    <mtx name="k" width="641" lsb="82"/>
+    <mtx name="l" width="370" lsb="82"/>
+    <mtx name="less" width="1058" lsb="74"/>
+    <mtx name="lslash" width="468" lsb="31"/>
+    <mtx name="m" width="1021" lsb="82"/>
+    <mtx name="macron" width="1024" lsb="313"/>
+    <mtx name="minus" width="776" lsb="74"/>
+    <mtx name="n" width="690" lsb="82"/>
+    <mtx name="nine" width="700" lsb="57"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="ntilde" width="690" lsb="82"/>
+    <mtx name="numbersign" width="1232" lsb="49"/>
+    <mtx name="o" width="657" lsb="63"/>
+    <mtx name="oacute" width="657" lsb="63"/>
+    <mtx name="ocircumflex" width="657" lsb="63"/>
+    <mtx name="odieresis" width="657" lsb="63"/>
+    <mtx name="oe" width="995" lsb="63"/>
+    <mtx name="ogonek" width="1024" lsb="348"/>
+    <mtx name="ograve" width="657" lsb="63"/>
+    <mtx name="one" width="475" lsb="25"/>
+    <mtx name="oslash" width="657" lsb="63"/>
+    <mtx name="otilde" width="657" lsb="63"/>
+    <mtx name="p" width="686" lsb="82"/>
+    <mtx name="parenleft" width="561" lsb="66"/>
+    <mtx name="parenright" width="561" lsb="41"/>
+    <mtx name="percent" width="1001" lsb="55"/>
+    <mtx name="period" width="321" lsb="53"/>
+    <mtx name="periodcentered" width="215" lsb="0"/>
+    <mtx name="plus" width="1060" lsb="74"/>
+    <mtx name="q" width="686" lsb="74"/>
+    <mtx name="question" width="645" lsb="25"/>
+    <mtx name="questiondown" width="645" lsb="41"/>
+    <mtx name="quotedbl" width="329" lsb="57"/>
+    <mtx name="quotedblbase" width="624" lsb="53"/>
+    <mtx name="quotedblleft" width="624" lsb="53"/>
+    <mtx name="quotedblright" width="624" lsb="53"/>
+    <mtx name="quoteleft" width="309" lsb="49"/>
+    <mtx name="quoteright" width="309" lsb="45"/>
+    <mtx name="quotesinglbase" width="309" lsb="45"/>
+    <mtx name="quotesingle" width="309" lsb="45"/>
+    <mtx name="r" width="503" lsb="82"/>
+    <mtx name="registered" width="1644" lsb="53"/>
+    <mtx name="ring" width="1021" lsb="358"/>
+    <mtx name="s" width="630" lsb="37"/>
+    <mtx name="scaron" width="630" lsb="37"/>
+    <mtx name="semicolon" width="362" lsb="74"/>
+    <mtx name="seven" width="589" lsb="8"/>
+    <mtx name="six" width="700" lsb="66"/>
+    <mtx name="slash" width="720" lsb="8"/>
+    <mtx name="space" width="315" lsb="0"/>
+    <mtx name="sterling" width="817" lsb="4"/>
+    <mtx name="t" width="501" lsb="20"/>
+    <mtx name="thorn" width="686" lsb="82"/>
+    <mtx name="three" width="686" lsb="45"/>
+    <mtx name="tilde" width="1024" lsb="313"/>
+    <mtx name="trademark" width="937" lsb="74"/>
+    <mtx name="two" width="731" lsb="55"/>
+    <mtx name="u" width="690" lsb="78"/>
+    <mtx name="uacute" width="690" lsb="78"/>
+    <mtx name="ucircumflex" width="690" lsb="78"/>
+    <mtx name="udieresis" width="690" lsb="78"/>
+    <mtx name="ugrave" width="690" lsb="78"/>
+    <mtx name="underscore" width="1210" lsb="74"/>
+    <mtx name="uni00A0" width="315" lsb="0"/>
+    <mtx name="uni00AD" width="444" lsb="74"/>
+    <mtx name="uni2000" width="952" lsb="0"/>
+    <mtx name="uni2001" width="1904" lsb="0"/>
+    <mtx name="uni2002" width="952" lsb="0"/>
+    <mtx name="uni2003" width="1904" lsb="0"/>
+    <mtx name="uni2004" width="634" lsb="0"/>
+    <mtx name="uni2005" width="475" lsb="0"/>
+    <mtx name="uni2006" width="317" lsb="0"/>
+    <mtx name="uni2007" width="317" lsb="0"/>
+    <mtx name="uni2008" width="237" lsb="0"/>
+    <mtx name="uni2009" width="380" lsb="0"/>
+    <mtx name="uni200A" width="104" lsb="0"/>
+    <mtx name="uni2010" width="444" lsb="74"/>
+    <mtx name="uni2011" width="444" lsb="74"/>
+    <mtx name="uni202F" width="380" lsb="0"/>
+    <mtx name="uni205F" width="475" lsb="0"/>
+    <mtx name="uniE000" width="1120" lsb="0"/>
+    <mtx name="uniFB01" width="772" lsb="20"/>
+    <mtx name="uniFB02" width="772" lsb="20"/>
+    <mtx name="v" width="602" lsb="16"/>
+    <mtx name="w" width="905" lsb="20"/>
+    <mtx name="x" width="618" lsb="16"/>
+    <mtx name="y" width="634" lsb="25"/>
+    <mtx name="yacute" width="634" lsb="25"/>
+    <mtx name="ydieresis" width="634" lsb="25"/>
+    <mtx name="yen" width="720" lsb="25"/>
+    <mtx name="z" width="532" lsb="12"/>
+    <mtx name="zcaron" width="532" lsb="12"/>
+    <mtx name="zero" width="724" lsb="68"/>
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+    <cmap_format_0 platformID="1" platEncID="0" language="0">
+      <map code="0x0" name=".null"/>
+      <map code="0x1" name=".notdef"/>
+      <map code="0x2" name=".notdef"/>
+      <map code="0x3" name=".notdef"/>
+      <map code="0x4" name=".notdef"/>
+      <map code="0x5" name=".notdef"/>
+      <map code="0x6" name=".notdef"/>
+      <map code="0x7" name=".notdef"/>
+      <map code="0x8" name=".null"/>
+      <map code="0x9" name="nonmarkingreturn"/>
+      <map code="0xa" name=".notdef"/>
+      <map code="0xb" name=".notdef"/>
+      <map code="0xc" name=".notdef"/>
+      <map code="0xd" name="nonmarkingreturn"/>
+      <map code="0xe" name=".notdef"/>
+      <map code="0xf" name=".notdef"/>
+      <map code="0x10" name=".notdef"/>
+      <map code="0x11" name=".notdef"/>
+      <map code="0x12" name=".notdef"/>
+      <map code="0x13" name=".notdef"/>
+      <map code="0x14" name=".notdef"/>
+      <map code="0x15" name=".notdef"/>
+      <map code="0x16" name=".notdef"/>
+      <map code="0x17" name=".notdef"/>
+      <map code="0x18" name=".notdef"/>
+      <map code="0x19" name=".notdef"/>
+      <map code="0x1a" name=".notdef"/>
+      <map code="0x1b" name=".notdef"/>
+      <map code="0x1c" name=".notdef"/>
+      <map code="0x1d" name=".null"/>
+      <map code="0x1e" name=".notdef"/>
+      <map code="0x1f" name=".notdef"/>
+      <map code="0x20" name="space"/>
+      <map code="0x21" name="exclam"/>
+      <map code="0x22" name="quotedbl"/>
+      <map code="0x23" name="numbersign"/>
+      <map code="0x24" name="dollar"/>
+      <map code="0x25" name="percent"/>
+      <map code="0x26" name="ampersand"/>
+      <map code="0x27" name="quotesingle"/>
+      <map code="0x28" name="parenleft"/>
+      <map code="0x29" name="parenright"/>
+      <map code="0x2a" name="asterisk"/>
+      <map code="0x2b" name="plus"/>
+      <map code="0x2c" name="comma"/>
+      <map code="0x2d" name="hyphen"/>
+      <map code="0x2e" name="period"/>
+      <map code="0x2f" name="slash"/>
+      <map code="0x30" name="zero"/>
+      <map code="0x31" name="one"/>
+      <map code="0x32" name="two"/>
+      <map code="0x33" name="three"/>
+      <map code="0x34" name="four"/>
+      <map code="0x35" name="five"/>
+      <map code="0x36" name="six"/>
+      <map code="0x37" name="seven"/>
+      <map code="0x38" name="eight"/>
+      <map code="0x39" name="nine"/>
+      <map code="0x3a" name="colon"/>
+      <map code="0x3b" name="semicolon"/>
+      <map code="0x3c" name="less"/>
+      <map code="0x3d" name="equal"/>
+      <map code="0x3e" name="greater"/>
+      <map code="0x3f" name="question"/>
+      <map code="0x40" name="at"/>
+      <map code="0x41" name="A"/>
+      <map code="0x42" name="B"/>
+      <map code="0x43" name="C"/>
+      <map code="0x44" name="D"/>
+      <map code="0x45" name="E"/>
+      <map code="0x46" name="F"/>
+      <map code="0x47" name="G"/>
+      <map code="0x48" name="H"/>
+      <map code="0x49" name="I"/>
+      <map code="0x4a" name="J"/>
+      <map code="0x4b" name="K"/>
+      <map code="0x4c" name="L"/>
+      <map code="0x4d" name="M"/>
+      <map code="0x4e" name="N"/>
+      <map code="0x4f" name="O"/>
+      <map code="0x50" name="P"/>
+      <map code="0x51" name="Q"/>
+      <map code="0x52" name="R"/>
+      <map code="0x53" name="S"/>
+      <map code="0x54" name="T"/>
+      <map code="0x55" name="U"/>
+      <map code="0x56" name="V"/>
+      <map code="0x57" name="W"/>
+      <map code="0x58" name="X"/>
+      <map code="0x59" name="Y"/>
+      <map code="0x5a" name="Z"/>
+      <map code="0x5b" name="bracketleft"/>
+      <map code="0x5c" name="backslash"/>
+      <map code="0x5d" name="bracketright"/>
+      <map code="0x5e" name="asciicircum"/>
+      <map code="0x5f" name="underscore"/>
+      <map code="0x60" name="grave"/>
+      <map code="0x61" name="a"/>
+      <map code="0x62" name="b"/>
+      <map code="0x63" name="c"/>
+      <map code="0x64" name="d"/>
+      <map code="0x65" name="e"/>
+      <map code="0x66" name="f"/>
+      <map code="0x67" name="g"/>
+      <map code="0x68" name="h"/>
+      <map code="0x69" name="i"/>
+      <map code="0x6a" name="j"/>
+      <map code="0x6b" name="k"/>
+      <map code="0x6c" name="l"/>
+      <map code="0x6d" name="m"/>
+      <map code="0x6e" name="n"/>
+      <map code="0x6f" name="o"/>
+      <map code="0x70" name="p"/>
+      <map code="0x71" name="q"/>
+      <map code="0x72" name="r"/>
+      <map code="0x73" name="s"/>
+      <map code="0x74" name="t"/>
+      <map code="0x75" name="u"/>
+      <map code="0x76" name="v"/>
+      <map code="0x77" name="w"/>
+      <map code="0x78" name="x"/>
+      <map code="0x79" name="y"/>
+      <map code="0x7a" name="z"/>
+      <map code="0x7b" name="braceleft"/>
+      <map code="0x7c" name="bar"/>
+      <map code="0x7d" name="braceright"/>
+      <map code="0x7e" name="asciitilde"/>
+      <map code="0x7f" name=".notdef"/>
+      <map code="0x80" name="Adieresis"/>
+      <map code="0x81" name="Aring"/>
+      <map code="0x82" name="Ccedilla"/>
+      <map code="0x83" name="Eacute"/>
+      <map code="0x84" name="Ntilde"/>
+      <map code="0x85" name="Odieresis"/>
+      <map code="0x86" name="Udieresis"/>
+      <map code="0x87" name="aacute"/>
+      <map code="0x88" name="agrave"/>
+      <map code="0x89" name="acircumflex"/>
+      <map code="0x8a" name="adieresis"/>
+      <map code="0x8b" name="atilde"/>
+      <map code="0x8c" name="aring"/>
+      <map code="0x8d" name="ccedilla"/>
+      <map code="0x8e" name="eacute"/>
+      <map code="0x8f" name="egrave"/>
+      <map code="0x90" name="ecircumflex"/>
+      <map code="0x91" name="edieresis"/>
+      <map code="0x92" name="iacute"/>
+      <map code="0x93" name="igrave"/>
+      <map code="0x94" name="icircumflex"/>
+      <map code="0x95" name="idieresis"/>
+      <map code="0x96" name="ntilde"/>
+      <map code="0x97" name="oacute"/>
+      <map code="0x98" name="ograve"/>
+      <map code="0x99" name="ocircumflex"/>
+      <map code="0x9a" name="odieresis"/>
+      <map code="0x9b" name="otilde"/>
+      <map code="0x9c" name="uacute"/>
+      <map code="0x9d" name="ugrave"/>
+      <map code="0x9e" name="ucircumflex"/>
+      <map code="0x9f" name="udieresis"/>
+      <map code="0xa0" name=".notdef"/>
+      <map code="0xa1" name=".notdef"/>
+      <map code="0xa2" name="cent"/>
+      <map code="0xa3" name="sterling"/>
+      <map code="0xa4" name=".notdef"/>
+      <map code="0xa5" name="bullet"/>
+      <map code="0xa6" name=".notdef"/>
+      <map code="0xa7" name="germandbls"/>
+      <map code="0xa8" name="registered"/>
+      <map code="0xa9" name="copyright"/>
+      <map code="0xaa" name="trademark"/>
+      <map code="0xab" name="acute"/>
+      <map code="0xac" name="dieresis"/>
+      <map code="0xad" name=".notdef"/>
+      <map code="0xae" name="AE"/>
+      <map code="0xaf" name="Oslash"/>
+      <map code="0xb0" name=".notdef"/>
+      <map code="0xb1" name=".notdef"/>
+      <map code="0xb2" name=".notdef"/>
+      <map code="0xb3" name=".notdef"/>
+      <map code="0xb4" name="yen"/>
+      <map code="0xb5" name=".notdef"/>
+      <map code="0xb6" name=".notdef"/>
+      <map code="0xb7" name=".notdef"/>
+      <map code="0xb8" name=".notdef"/>
+      <map code="0xb9" name=".notdef"/>
+      <map code="0xba" name=".notdef"/>
+      <map code="0xbb" name=".notdef"/>
+      <map code="0xbc" name=".notdef"/>
+      <map code="0xbd" name=".notdef"/>
+      <map code="0xbe" name="ae"/>
+      <map code="0xbf" name="oslash"/>
+      <map code="0xc0" name="questiondown"/>
+      <map code="0xc1" name="exclamdown"/>
+      <map code="0xc2" name=".notdef"/>
+      <map code="0xc3" name=".notdef"/>
+      <map code="0xc4" name=".notdef"/>
+      <map code="0xc5" name=".notdef"/>
+      <map code="0xc6" name=".notdef"/>
+      <map code="0xc7" name=".notdef"/>
+      <map code="0xc8" name=".notdef"/>
+      <map code="0xc9" name="ellipsis"/>
+      <map code="0xca" name="uni00A0"/>
+      <map code="0xcb" name="Agrave"/>
+      <map code="0xcc" name="Atilde"/>
+      <map code="0xcd" name="Otilde"/>
+      <map code="0xce" name="OE"/>
+      <map code="0xcf" name="oe"/>
+      <map code="0xd0" name="endash"/>
+      <map code="0xd1" name="emdash"/>
+      <map code="0xd2" name="quotedblleft"/>
+      <map code="0xd3" name="quotedblright"/>
+      <map code="0xd4" name="quoteleft"/>
+      <map code="0xd5" name="quoteright"/>
+      <map code="0xd6" name=".notdef"/>
+      <map code="0xd7" name=".notdef"/>
+      <map code="0xd8" name="ydieresis"/>
+      <map code="0xd9" name="Ydieresis"/>
+      <map code="0xda" name=".notdef"/>
+      <map code="0xdb" name="Euro"/>
+      <map code="0xdc" name=".notdef"/>
+      <map code="0xdd" name=".notdef"/>
+      <map code="0xde" name="uniFB01"/>
+      <map code="0xdf" name="uniFB02"/>
+      <map code="0xe0" name=".notdef"/>
+      <map code="0xe1" name="periodcentered"/>
+      <map code="0xe2" name="quotesinglbase"/>
+      <map code="0xe3" name="quotedblbase"/>
+      <map code="0xe4" name=".notdef"/>
+      <map code="0xe5" name="Acircumflex"/>
+      <map code="0xe6" name="Ecircumflex"/>
+      <map code="0xe7" name="Aacute"/>
+      <map code="0xe8" name="Edieresis"/>
+      <map code="0xe9" name="Egrave"/>
+      <map code="0xea" name="Iacute"/>
+      <map code="0xeb" name="Icircumflex"/>
+      <map code="0xec" name="Idieresis"/>
+      <map code="0xed" name="Igrave"/>
+      <map code="0xee" name="Oacute"/>
+      <map code="0xef" name="Ocircumflex"/>
+      <map code="0xf0" name=".notdef"/>
+      <map code="0xf1" name="Ograve"/>
+      <map code="0xf2" name="Uacute"/>
+      <map code="0xf3" name="Ucircumflex"/>
+      <map code="0xf4" name="Ugrave"/>
+      <map code="0xf5" name="dotlessi"/>
+      <map code="0xf6" name="circumflex"/>
+      <map code="0xf7" name="tilde"/>
+      <map code="0xf8" name="macron"/>
+      <map code="0xf9" name="breve"/>
+      <map code="0xfa" name="dotaccent"/>
+      <map code="0xfb" name="ring"/>
+      <map code="0xfc" name="cedilla"/>
+      <map code="0xfd" name="hungarumlaut"/>
+      <map code="0xfe" name="ogonek"/>
+      <map code="0xff" name="caron"/>
+    </cmap_format_0>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+  </cmap>
+
+  <fpgm>
+    <assembly>
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SZP0[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      74
+      SROUND[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      MIAP[1]
+      RTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      RDTG[ ]
+      EIF[ ]
+      DUP[ ]
+      MDRP[10100]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SZP0[ ]
+      MDAP[0]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      2
+      FDEF[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      RCVT[ ]
+      SWAP[ ]
+      EIF[ ]
+      POP[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      FDEF[ ]
+      ROUND[01]
+      RTG[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      LT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SWAP[ ]
+      POP[ ]
+      ROFF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      IF[ ]
+      MIRP[11101]
+      ELSE[ ]
+      MIRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      CALL[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      70
+      SROUND[ ]
+      EIF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      FDEF[ ]
+      GFV[ ]
+      NOT[ ]
+      AND[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      34 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      36 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      FDEF[ ]
+      DUP[ ]
+      RDTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      MDRP[00100]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      ROLL[ ]
+      NEG[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      ROLL[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SRP0[ ]
+      ELSE[ ]
+      SRP0[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      ROLL[ ]
+      GC[0]
+      SUB[ ]
+      SWAP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      NEG[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      MDRP[10110]
+      RTG[ ]
+      POP[ ]
+      POP[ ]
+      ELSE[ ]
+      DUP[ ]
+      MDRP[10110]
+      ROLL[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[0]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      NEQ[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      FDEF[ ]
+      SWAP[ ]
+      DUP[ ]
+      MDRP[10110]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SWAP[ ]
+      DUP[ ]
+      IF[ ]
+      MPPEM[ ]
+      GTEQ[ ]
+      ELSE[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      EIF[ ]
+      IF[ ]
+      ROLL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      DUP[ ]
+      ROLL[ ]
+      MD[0]
+      ROLL[ ]
+      SWAP[ ]
+      SUB[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SWAP[ ]
+      SUB[ ]
+      ROUND[10]
+      ADD[ ]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      FDEF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SDPVTL[1]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[1]
+      ABS[ ]
+      SWAP[ ]
+      ROLL[ ]
+      SPVTL[1]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      LT[ ]
+      IF[ ]
+      ALIGNRP[ ]
+      ELSE[ ]
+      MDRP[00000]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      FDEF[ ]
+      PUSHB[ ]  /* 4 values pushed */
+      0 64 1 64
+      WS[ ]
+      WS[ ]
+      SVTCA[1]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      NEQ[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      GT[ ]
+      IF[ ]
+      SWAP[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      WS[ ]
+      ELSE[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SWAP[ ]
+      WS[ ]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      0 32 0
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      1 32 1
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      MUL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      25
+      NEG[ ]
+      JMPR[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      ENDF[ ]
+    </assembly>
+  </fpgm>
+
+  <prep>
+    <assembly>
+      PUSHW[ ]  /* 1 value pushed */
+      511
+      SCANCTRL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SCANTYPE[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      1 1
+      INSTCTRL[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      70 6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      GT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      128
+      EIF[ ]
+      SCVTCI[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SVTCA[0]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 121 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      9 79 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      8 58 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      7 37 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      6 16 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 152 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      10 47 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      11 46 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      12 26 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      SVTCA[1]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      14 25 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      17 15 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      16 63 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      DUP[ ]
+      RCVT[ ]
+      PUSHW[ ]  /* 3 values pushed */
+      14 32767 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      18 84 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      19 54 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      20 14 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      22
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      21 10 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      23
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      22 9 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      24
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      23 7 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      CALL[ ]
+    </assembly>
+  </prep>
+
+  <cvt>
+    <cv index="0" value="-385"/>
+    <cv index="1" value="0"/>
+    <cv index="2" value="1120"/>
+    <cv index="3" value="1505"/>
+    <cv index="4" value="195"/>
+    <cv index="5" value="96"/>
+    <cv index="6" value="162"/>
+    <cv index="7" value="172"/>
+    <cv index="8" value="180"/>
+    <cv index="9" value="186"/>
+    <cv index="10" value="203"/>
+    <cv index="11" value="219"/>
+    <cv index="12" value="227"/>
+    <cv index="13" value="242"/>
+    <cv index="14" value="207"/>
+    <cv index="15" value="94"/>
+    <cv index="16" value="123"/>
+    <cv index="17" value="160"/>
+    <cv index="18" value="207"/>
+    <cv index="19" value="221"/>
+    <cv index="20" value="229"/>
+    <cv index="21" value="309"/>
+    <cv index="22" value="426"/>
+    <cv index="23" value="506"/>
+    <cv index="24" value="586"/>
+    <cv index="25" value="154"/>
+    <cv index="26" value="210"/>
+    <cv index="27" value="156"/>
+    <cv index="28" value="158"/>
+    <cv index="29" value="217"/>
+    <cv index="30" value="165"/>
+    <cv index="31" value="188"/>
+    <cv index="32" value="144"/>
+    <cv index="33" value="118"/>
+    <cv index="34" value="74"/>
+  </cvt>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="20" yMin="0" xMax="745" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 8 9
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="AE" xMin="16" yMin="0" xMax="1059" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="436" y="1505" on="1"/>
+        <pt x="1059" y="1505" on="1"/>
+        <pt x="1059" y="1278" on="1"/>
+        <pt x="774" y="1278" on="1"/>
+        <pt x="774" y="883" on="1"/>
+        <pt x="979" y="883" on="1"/>
+        <pt x="979" y="641" on="1"/>
+        <pt x="774" y="641" on="1"/>
+        <pt x="774" y="227" on="1"/>
+        <pt x="1059" y="227" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="553" y="0" on="1"/>
+        <pt x="553" y="307" on="1"/>
+        <pt x="326" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="393" y="541" on="1"/>
+        <pt x="553" y="541" on="1"/>
+        <pt x="553" y="1055" on="1"/>
+        <pt x="543" y="1055" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          14 16 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 2 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15722 -4609 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          14 15 19 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 15 19 19
+          CALL[ ]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          1 14 16 19
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aacute" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="293" y="1638" on="1"/>
+        <pt x="399" y="1823" on="1"/>
+        <pt x="614" y="1823" on="1"/>
+        <pt x="453" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 8 9 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Acircumflex" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="1638" on="1"/>
+        <pt x="274" y="1823" on="1"/>
+        <pt x="494" y="1823" on="1"/>
+        <pt x="635" y="1638" on="1"/>
+        <pt x="446" y="1638" on="1"/>
+        <pt x="383" y="1710" on="1"/>
+        <pt x="322" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 15 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 9 10 12 14 15 16
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Adieresis" xMin="20" yMin="0" xMax="745" yMax="1839">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1638" on="1"/>
+        <pt x="143" y="1839" on="1"/>
+        <pt x="334" y="1839" on="1"/>
+        <pt x="334" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="432" y="1839" on="1"/>
+        <pt x="623" y="1839" on="1"/>
+        <pt x="623" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          7 11 8 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          4 21 18 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 12
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 5 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Agrave" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="141" y="1823" on="1"/>
+        <pt x="356" y="1823" on="1"/>
+        <pt x="463" y="1638" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 9 10 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aring" xMin="20" yMin="0" xMax="745" yMax="1905">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1700" on="0"/>
+        <pt x="231" y="1823" on="0"/>
+        <pt x="322" y="1905" on="0"/>
+        <pt x="449" y="1905" on="0"/>
+        <pt x="537" y="1823" on="0"/>
+        <pt x="537" y="1700" on="0"/>
+        <pt x="449" y="1618" on="0"/>
+        <pt x="322" y="1618" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="309" y="1790" on="0"/>
+        <pt x="309" y="1733" on="0"/>
+        <pt x="356" y="1690" on="0"/>
+        <pt x="414" y="1690" on="0"/>
+        <pt x="461" y="1733" on="0"/>
+        <pt x="461" y="1790" on="0"/>
+        <pt x="414" y="1833" on="0"/>
+        <pt x="356" y="1833" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 16 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          25 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          23 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          7 23 9 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          13 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 13 27 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 15 10 20
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 12 13 8
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Atilde" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="184" y="1632" on="1"/>
+        <pt x="184" y="1784" on="1"/>
+        <pt x="233" y="1823" on="0"/>
+        <pt x="293" y="1823" on="1"/>
+        <pt x="326" y="1823" on="0"/>
+        <pt x="442" y="1786" on="0"/>
+        <pt x="473" y="1784" on="1"/>
+        <pt x="498" y="1784" on="0"/>
+        <pt x="553" y="1800" on="0"/>
+        <pt x="567" y="1808" on="1"/>
+        <pt x="582" y="1817" on="1"/>
+        <pt x="582" y="1665" on="1"/>
+        <pt x="531" y="1626" on="0"/>
+        <pt x="473" y="1626" on="1"/>
+        <pt x="442" y="1626" on="0"/>
+        <pt x="326" y="1665" on="0"/>
+        <pt x="293" y="1665" on="1"/>
+        <pt x="268" y="1665" on="0"/>
+        <pt x="213" y="1649" on="0"/>
+        <pt x="199" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 28 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          14 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 11 13 21 24 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="B" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="276" y="1505" on="1"/>
+        <pt x="481" y="1505" on="0"/>
+        <pt x="680" y="1323" on="0"/>
+        <pt x="680" y="1106" on="1"/>
+        <pt x="680" y="1000" on="0"/>
+        <pt x="621" y="862" on="0"/>
+        <pt x="543" y="795" on="1"/>
+        <pt x="549" y="793" on="0"/>
+        <pt x="569" y="778" on="0"/>
+        <pt x="623" y="723" on="0"/>
+        <pt x="664" y="647" on="0"/>
+        <pt x="696" y="510" on="0"/>
+        <pt x="696" y="426" on="1"/>
+        <pt x="696" y="12" on="0"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="219" on="1"/>
+        <pt x="377" y="219" on="0"/>
+        <pt x="412" y="250" on="1"/>
+        <pt x="467" y="305" on="0"/>
+        <pt x="467" y="451" on="1"/>
+        <pt x="467" y="533" on="0"/>
+        <pt x="434" y="637" on="0"/>
+        <pt x="375" y="674" on="0"/>
+        <pt x="338" y="682" on="0"/>
+        <pt x="311" y="682" on="1"/>
+        <pt x="303" y="682" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="885" on="1"/>
+        <pt x="326" y="885" on="0"/>
+        <pt x="348" y="887" on="0"/>
+        <pt x="406" y="905" on="0"/>
+        <pt x="438" y="944" on="0"/>
+        <pt x="467" y="1026" on="0"/>
+        <pt x="467" y="1145" on="0"/>
+        <pt x="438" y="1227" on="0"/>
+        <pt x="406" y="1266" on="0"/>
+        <pt x="348" y="1284" on="0"/>
+        <pt x="326" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          28 27 16 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          14 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="C" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 41
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 21 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ccedilla" xMin="68" yMin="-385" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="268" y="-111" on="1"/>
+        <pt x="268" y="-252" on="1"/>
+        <pt x="332" y="-252" on="1"/>
+        <pt x="291" y="-385" on="1"/>
+        <pt x="395" y="-385" on="1"/>
+        <pt x="440" y="-252" on="1"/>
+        <pt x="440" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 41 46 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          7 21 40 48 51 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="D" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="444" y="302" on="1"/>
+        <pt x="467" y="377" on="0"/>
+        <pt x="467" y="698" on="1"/>
+        <pt x="467" y="725" on="0"/>
+        <pt x="467" y="782" on="0"/>
+        <pt x="467" y="809" on="1"/>
+        <pt x="467" y="1131" on="0"/>
+        <pt x="444" y="1204" on="1"/>
+        <pt x="419" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 9
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="E" xMin="82" yMin="0" xMax="588" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eacute" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="342" y="1823" on="1"/>
+        <pt x="557" y="1823" on="1"/>
+        <pt x="395" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ecircumflex" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="84" y="1638" on="1"/>
+        <pt x="225" y="1823" on="1"/>
+        <pt x="444" y="1823" on="1"/>
+        <pt x="586" y="1638" on="1"/>
+        <pt x="397" y="1638" on="1"/>
+        <pt x="334" y="1710" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 16 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Edieresis" xMin="82" yMin="0" xMax="588" yMax="1839">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1638" on="1"/>
+        <pt x="94" y="1839" on="1"/>
+        <pt x="285" y="1839" on="1"/>
+        <pt x="285" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="383" y="1638" on="1"/>
+        <pt x="383" y="1839" on="1"/>
+        <pt x="573" y="1839" on="1"/>
+        <pt x="573" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Egrave" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="111" y="1823" on="1"/>
+        <pt x="326" y="1823" on="1"/>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eth" xMin="20" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="20" y="655" on="1"/>
+        <pt x="20" y="883" on="1"/>
+        <pt x="82" y="883" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="655" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="469" y="383" on="0"/>
+        <pt x="467" y="754" on="1"/>
+        <pt x="469" y="1125" on="0"/>
+        <pt x="420" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="387" y="883" on="1"/>
+        <pt x="387" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 19 4 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          12 20 0 14
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          31 21 0 12 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Euro" xMin="53" yMin="-16" xMax="750" yMax="1522">
+      <contour>
+        <pt x="53" y="547" on="1"/>
+        <pt x="53" y="684" on="1"/>
+        <pt x="160" y="684" on="1"/>
+        <pt x="160" y="821" on="1"/>
+        <pt x="53" y="821" on="1"/>
+        <pt x="53" y="958" on="1"/>
+        <pt x="160" y="958" on="1"/>
+        <pt x="160" y="1196" on="1"/>
+        <pt x="160" y="1208" on="0"/>
+        <pt x="164" y="1253" on="0"/>
+        <pt x="195" y="1366" on="0"/>
+        <pt x="250" y="1452" on="0"/>
+        <pt x="371" y="1522" on="0"/>
+        <pt x="539" y="1522" on="0"/>
+        <pt x="659" y="1454" on="0"/>
+        <pt x="715" y="1360" on="0"/>
+        <pt x="745" y="1264" on="0"/>
+        <pt x="748" y="1229" on="1"/>
+        <pt x="750" y="1196" on="1"/>
+        <pt x="750" y="1112" on="1"/>
+        <pt x="543" y="1112" on="1"/>
+        <pt x="543" y="1196" on="1"/>
+        <pt x="541" y="1196" on="0"/>
+        <pt x="545" y="1219" on="0"/>
+        <pt x="535" y="1251" on="0"/>
+        <pt x="520" y="1284" on="0"/>
+        <pt x="485" y="1307" on="0"/>
+        <pt x="459" y="1307" on="1"/>
+        <pt x="389" y="1297" on="0"/>
+        <pt x="381" y="1196" on="1"/>
+        <pt x="381" y="958" on="1"/>
+        <pt x="614" y="958" on="1"/>
+        <pt x="614" y="821" on="1"/>
+        <pt x="381" y="821" on="1"/>
+        <pt x="381" y="684" on="1"/>
+        <pt x="614" y="684" on="1"/>
+        <pt x="614" y="547" on="1"/>
+        <pt x="381" y="547" on="1"/>
+        <pt x="381" y="309" on="1"/>
+        <pt x="381" y="297" on="0"/>
+        <pt x="385" y="260" on="0"/>
+        <pt x="424" y="199" on="0"/>
+        <pt x="459" y="199" on="1"/>
+        <pt x="500" y="199" on="0"/>
+        <pt x="541" y="254" on="0"/>
+        <pt x="541" y="283" on="1"/>
+        <pt x="543" y="309" on="1"/>
+        <pt x="543" y="393" on="1"/>
+        <pt x="750" y="393" on="1"/>
+        <pt x="750" y="309" on="1"/>
+        <pt x="750" y="297" on="0"/>
+        <pt x="745" y="252" on="0"/>
+        <pt x="715" y="139" on="0"/>
+        <pt x="659" y="53" on="0"/>
+        <pt x="539" y="-16" on="0"/>
+        <pt x="371" y="-16" on="0"/>
+        <pt x="250" y="51" on="0"/>
+        <pt x="195" y="147" on="0"/>
+        <pt x="164" y="242" on="0"/>
+        <pt x="162" y="274" on="1"/>
+        <pt x="160" y="309" on="1"/>
+        <pt x="160" y="547" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          55 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          42 55 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 42 47 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 19 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          5 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 6
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 33
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 60 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 38 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          60 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 60 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 27 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="F" xMin="82" yMin="0" xMax="608" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="608" y="1505" on="1"/>
+        <pt x="608" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="G" xMin="67" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="965" on="1"/>
+        <pt x="436" y="965" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="291" on="1"/>
+        <pt x="289" y="279" on="0"/>
+        <pt x="291" y="242" on="0"/>
+        <pt x="328" y="180" on="0"/>
+        <pt x="397" y="180" on="0"/>
+        <pt x="434" y="236" on="0"/>
+        <pt x="434" y="262" on="1"/>
+        <pt x="436" y="291" on="1"/>
+        <pt x="436" y="563" on="1"/>
+        <pt x="348" y="563" on="1"/>
+        <pt x="348" y="750" on="1"/>
+        <pt x="657" y="750" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="526" y="0" on="1"/>
+        <pt x="500" y="72" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="125" y="-16" on="0"/>
+        <pt x="78" y="197" on="1"/>
+        <pt x="67" y="245" on="0"/>
+        <pt x="67" y="286" on="1"/>
+        <pt x="67" y="298" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          36 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          39 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 19 14 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          32 33 39 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 26 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 27
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 37
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 36
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="H" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="475" y="883" on="1"/>
+        <pt x="475" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="696" y="0" on="1"/>
+        <pt x="475" y="0" on="1"/>
+        <pt x="475" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 10 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="I" xMin="82" yMin="0" xMax="303" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Iacute" xMin="82" yMin="0" xMax="408" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="1638" on="1"/>
+        <pt x="193" y="1823" on="1"/>
+        <pt x="408" y="1823" on="1"/>
+        <pt x="246" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1823">
+      <contour>
+        <pt x="-66" y="1638" on="1"/>
+        <pt x="76" y="1823" on="1"/>
+        <pt x="295" y="1823" on="1"/>
+        <pt x="436" y="1638" on="1"/>
+        <pt x="248" y="1638" on="1"/>
+        <pt x="184" y="1710" on="1"/>
+        <pt x="123" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="295" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 4 6
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Idieresis" xMin="-53" yMin="0" xMax="426" yMax="1839">
+      <contour>
+        <pt x="-53" y="1638" on="1"/>
+        <pt x="-53" y="1839" on="1"/>
+        <pt x="137" y="1839" on="1"/>
+        <pt x="137" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="0" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="236" y="1839" on="1"/>
+        <pt x="426" y="1839" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Igrave" xMin="-6" yMin="0" xMax="319" yMax="1823">
+      <contour>
+        <pt x="-6" y="1823" on="1"/>
+        <pt x="209" y="1823" on="1"/>
+        <pt x="315" y="1638" on="1"/>
+        <pt x="156" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="0" on="1"/>
+        <pt x="98" y="1505" on="1"/>
+        <pt x="319" y="1505" on="1"/>
+        <pt x="319" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="J" xMin="12" yMin="-15" xMax="352" yMax="1505">
+      <contour>
+        <pt x="12" y="-14" on="1"/>
+        <pt x="12" y="203" on="1"/>
+        <pt x="16" y="203" on="0"/>
+        <pt x="33" y="201" on="0"/>
+        <pt x="74" y="207" on="0"/>
+        <pt x="104" y="225" on="0"/>
+        <pt x="131" y="276" on="0"/>
+        <pt x="131" y="313" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="352" y="279" on="1"/>
+        <pt x="352" y="142" on="0"/>
+        <pt x="273" y="58" on="1"/>
+        <pt x="203" y="-16" on="0"/>
+        <pt x="51" y="-15" on="1"/>
+        <pt x="32" y="-15" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 7 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="K" xMin="82" yMin="0" xMax="748" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="1004" on="1"/>
+        <pt x="303" y="979" on="1"/>
+        <pt x="311" y="979" on="1"/>
+        <pt x="322" y="1004" on="1"/>
+        <pt x="506" y="1505" on="1"/>
+        <pt x="721" y="1505" on="1"/>
+        <pt x="518" y="1010" on="1"/>
+        <pt x="748" y="0" on="1"/>
+        <pt x="532" y="0" on="1"/>
+        <pt x="379" y="655" on="1"/>
+        <pt x="373" y="686" on="1"/>
+        <pt x="367" y="686" on="1"/>
+        <pt x="354" y="655" on="1"/>
+        <pt x="303" y="532" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15975 -3638 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 13 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 13 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="L" xMin="82" yMin="0" xMax="596" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="205" on="1"/>
+        <pt x="596" y="205" on="1"/>
+        <pt x="596" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 5 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Lslash" xMin="41" yMin="0" xMax="621" yMax="1505">
+      <contour>
+        <pt x="41" y="561" on="1"/>
+        <pt x="41" y="782" on="1"/>
+        <pt x="106" y="834" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="328" y="1505" on="1"/>
+        <pt x="328" y="1006" on="1"/>
+        <pt x="449" y="1100" on="1"/>
+        <pt x="449" y="879" on="1"/>
+        <pt x="328" y="784" on="1"/>
+        <pt x="328" y="205" on="1"/>
+        <pt x="621" y="205" on="1"/>
+        <pt x="621" y="0" on="1"/>
+        <pt x="106" y="0" on="1"/>
+        <pt x="106" y="612" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 11 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="M" xMin="82" yMin="0" xMax="909" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="483" y="817" on="1"/>
+        <pt x="494" y="737" on="1"/>
+        <pt x="498" y="737" on="1"/>
+        <pt x="508" y="817" on="1"/>
+        <pt x="639" y="1505" on="1"/>
+        <pt x="909" y="1505" on="1"/>
+        <pt x="909" y="0" on="1"/>
+        <pt x="705" y="0" on="1"/>
+        <pt x="705" y="946" on="1"/>
+        <pt x="705" y="1010" on="1"/>
+        <pt x="692" y="1010" on="1"/>
+        <pt x="684" y="946" on="1"/>
+        <pt x="543" y="0" on="1"/>
+        <pt x="449" y="0" on="1"/>
+        <pt x="307" y="946" on="1"/>
+        <pt x="299" y="1010" on="1"/>
+        <pt x="287" y="1010" on="1"/>
+        <pt x="287" y="946" on="1"/>
+        <pt x="287" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16231 -2232 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 27
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          14 28
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          16 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="N" xMin="82" yMin="0" xMax="727" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ntilde" xMin="82" yMin="0" xMax="727" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="207" y="1632" on="1"/>
+        <pt x="207" y="1784" on="1"/>
+        <pt x="256" y="1823" on="0"/>
+        <pt x="315" y="1823" on="1"/>
+        <pt x="348" y="1823" on="0"/>
+        <pt x="465" y="1786" on="0"/>
+        <pt x="496" y="1784" on="1"/>
+        <pt x="521" y="1784" on="0"/>
+        <pt x="575" y="1800" on="0"/>
+        <pt x="590" y="1808" on="1"/>
+        <pt x="604" y="1817" on="1"/>
+        <pt x="604" y="1665" on="1"/>
+        <pt x="553" y="1626" on="0"/>
+        <pt x="496" y="1626" on="1"/>
+        <pt x="465" y="1626" on="0"/>
+        <pt x="348" y="1665" on="0"/>
+        <pt x="315" y="1665" on="1"/>
+        <pt x="290" y="1665" on="0"/>
+        <pt x="236" y="1649" on="0"/>
+        <pt x="221" y="1640" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          19 21 29 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 27
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="O" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="OE" xMin="68" yMin="0" xMax="942" yMax="1505">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1251" on="0"/>
+        <pt x="102" y="1358" on="0"/>
+        <pt x="158" y="1438" on="0"/>
+        <pt x="279" y="1505" on="0"/>
+        <pt x="362" y="1505" on="1"/>
+        <pt x="942" y="1505" on="1"/>
+        <pt x="942" y="1278" on="1"/>
+        <pt x="657" y="1278" on="1"/>
+        <pt x="657" y="883" on="1"/>
+        <pt x="862" y="883" on="1"/>
+        <pt x="862" y="641" on="1"/>
+        <pt x="657" y="641" on="1"/>
+        <pt x="657" y="227" on="1"/>
+        <pt x="942" y="227" on="1"/>
+        <pt x="942" y="0" on="1"/>
+        <pt x="362" y="0" on="1"/>
+        <pt x="278" y="0" on="0"/>
+        <pt x="158" y="63" on="0"/>
+        <pt x="102" y="156" on="0"/>
+        <pt x="72" y="246" on="0"/>
+        <pt x="70" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1210" on="1"/>
+        <pt x="430" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 17 8 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oacute" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="285" y="1638" on="1"/>
+        <pt x="391" y="1823" on="1"/>
+        <pt x="606" y="1823" on="1"/>
+        <pt x="444" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 19 24
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ocircumflex" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="254" y="1823" on="1"/>
+        <pt x="473" y="1823" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+        <pt x="362" y="1710" on="1"/>
+        <pt x="301" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          48 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Odieresis" xMin="68" yMin="-16" xMax="657" yMax="1839">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="123" y="1638" on="1"/>
+        <pt x="123" y="1839" on="1"/>
+        <pt x="313" y="1839" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <contour>
+        <pt x="412" y="1638" on="1"/>
+        <pt x="412" y="1839" on="1"/>
+        <pt x="602" y="1839" on="1"/>
+        <pt x="602" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 32 39 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ograve" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="121" y="1823" on="1"/>
+        <pt x="336" y="1823" on="1"/>
+        <pt x="442" y="1638" on="1"/>
+        <pt x="283" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 18 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oslash" xMin="59" yMin="-20" xMax="657" yMax="1526">
+      <contour>
+        <pt x="59" y="-20" on="1"/>
+        <pt x="106" y="137" on="1"/>
+        <pt x="88" y="174" on="0"/>
+        <pt x="70" y="260" on="0"/>
+        <pt x="70" y="285" on="1"/>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="362" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="520" y="1479" on="1"/>
+        <pt x="535" y="1526" on="1"/>
+        <pt x="657" y="1526" on="1"/>
+        <pt x="612" y="1376" on="1"/>
+        <pt x="632" y="1337" on="0"/>
+        <pt x="655" y="1247" on="0"/>
+        <pt x="655" y="1221" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="203" y="27" on="1"/>
+        <pt x="188" y="-20" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="797" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="727" on="1"/>
+        <pt x="436" y="1206" on="1"/>
+        <pt x="428" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          28 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 31
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          32 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 42
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15608 -4981 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 33
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 33
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15659 -4821 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          14 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 31 16 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          40 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          41 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 15
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 31 16
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 6 values pushed */
+          1 14 17 30 40 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          0 1 14 15 17 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Otilde" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="164" y="1632" on="1"/>
+        <pt x="164" y="1784" on="1"/>
+        <pt x="213" y="1823" on="0"/>
+        <pt x="272" y="1823" on="1"/>
+        <pt x="305" y="1823" on="0"/>
+        <pt x="422" y="1786" on="0"/>
+        <pt x="453" y="1784" on="1"/>
+        <pt x="478" y="1784" on="0"/>
+        <pt x="532" y="1800" on="0"/>
+        <pt x="547" y="1808" on="1"/>
+        <pt x="561" y="1817" on="1"/>
+        <pt x="561" y="1665" on="1"/>
+        <pt x="510" y="1626" on="0"/>
+        <pt x="453" y="1626" on="1"/>
+        <pt x="422" y="1626" on="0"/>
+        <pt x="305" y="1665" on="0"/>
+        <pt x="272" y="1665" on="1"/>
+        <pt x="247" y="1665" on="0"/>
+        <pt x="193" y="1649" on="0"/>
+        <pt x="178" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          56 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          61 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 19 24 27 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 34 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="P" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="469" y="1505" on="0"/>
+        <pt x="692" y="1294" on="0"/>
+        <pt x="692" y="815" on="0"/>
+        <pt x="469" y="602" on="0"/>
+        <pt x="303" y="602" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="827" on="1"/>
+        <pt x="405" y="827" on="0"/>
+        <pt x="469" y="918" on="0"/>
+        <pt x="469" y="1047" on="1"/>
+        <pt x="469" y="1178" on="0"/>
+        <pt x="403" y="1280" on="0"/>
+        <pt x="303" y="1280" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          7 9 0 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Q" xMin="68" yMin="-115" xMax="700" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="215" on="0"/>
+        <pt x="612" y="127" on="1"/>
+        <pt x="645" y="84" on="0"/>
+        <pt x="700" y="74" on="1"/>
+        <pt x="700" y="-115" on="1"/>
+        <pt x="540" y="-115" on="0"/>
+        <pt x="473" y="2" on="1"/>
+        <pt x="418" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="278" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          17 32 22 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 26
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 15 20
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="R" xMin="82" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="680" y="1505" on="0"/>
+        <pt x="680" y="1071" on="1"/>
+        <pt x="680" y="813" on="0"/>
+        <pt x="557" y="729" on="1"/>
+        <pt x="698" y="0" on="1"/>
+        <pt x="477" y="0" on="1"/>
+        <pt x="362" y="635" on="1"/>
+        <pt x="303" y="635" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="840" on="1"/>
+        <pt x="334" y="840" on="0"/>
+        <pt x="377" y="850" on="0"/>
+        <pt x="436" y="889" on="0"/>
+        <pt x="467" y="987" on="0"/>
+        <pt x="467" y="1139" on="0"/>
+        <pt x="436" y="1237" on="0"/>
+        <pt x="377" y="1276" on="0"/>
+        <pt x="334" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16122 -2920 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="S" xMin="37" yMin="-16" xMax="666" yMax="1522">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="361" y="1522" on="0"/>
+        <pt x="366" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="516" y="1487" on="1"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          46 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 20 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 26 27 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Scaron" xMin="37" yMin="-16" xMax="666" yMax="1823">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="450" y="1524" on="0"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <contour>
+        <pt x="100" y="1823" on="1"/>
+        <pt x="289" y="1823" on="1"/>
+        <pt x="350" y="1751" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="602" y="1823" on="1"/>
+        <pt x="461" y="1638" on="1"/>
+        <pt x="242" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          43 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          50 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          41 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 50 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 53 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 23 24 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="T" xMin="4" yMin="0" xMax="643" yMax="1505">
+      <contour>
+        <pt x="4" y="1278" on="1"/>
+        <pt x="4" y="1505" on="1"/>
+        <pt x="643" y="1505" on="1"/>
+        <pt x="643" y="1278" on="1"/>
+        <pt x="434" y="1278" on="1"/>
+        <pt x="434" y="0" on="1"/>
+        <pt x="213" y="0" on="1"/>
+        <pt x="213" y="1278" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Thorn" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="1264" on="1"/>
+        <pt x="303" y="1264" on="1"/>
+        <pt x="469" y="1264" on="0"/>
+        <pt x="692" y="1053" on="0"/>
+        <pt x="692" y="573" on="0"/>
+        <pt x="469" y="360" on="0"/>
+        <pt x="303" y="360" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="586" on="1"/>
+        <pt x="405" y="586" on="0"/>
+        <pt x="469" y="676" on="0"/>
+        <pt x="469" y="805" on="1"/>
+        <pt x="469" y="936" on="0"/>
+        <pt x="403" y="1038" on="0"/>
+        <pt x="303" y="1038" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          9 11 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          4 17 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 11
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="U" xMin="80" yMin="-16" xMax="670" yMax="1505">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Uacute" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="1638" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="629" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ucircumflex" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="125" y="1638" on="1"/>
+        <pt x="266" y="1823" on="1"/>
+        <pt x="485" y="1823" on="1"/>
+        <pt x="627" y="1638" on="1"/>
+        <pt x="438" y="1638" on="1"/>
+        <pt x="375" y="1710" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 24 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          30 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Udieresis" xMin="80" yMin="-16" xMax="670" yMax="1839">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="135" y="1638" on="1"/>
+        <pt x="135" y="1839" on="1"/>
+        <pt x="326" y="1839" on="1"/>
+        <pt x="326" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="424" y="1638" on="1"/>
+        <pt x="424" y="1839" on="1"/>
+        <pt x="614" y="1839" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ugrave" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="145" y="1823" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+        <pt x="307" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 24
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="V" xMin="18" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="18" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="678" on="1"/>
+        <pt x="352" y="614" on="1"/>
+        <pt x="365" y="614" on="1"/>
+        <pt x="373" y="678" on="1"/>
+        <pt x="483" y="1505" on="1"/>
+        <pt x="698" y="1505" on="1"/>
+        <pt x="469" y="0" on="1"/>
+        <pt x="248" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="W" xMin="25" yMin="0" xMax="1012" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="229" y="1505" on="1"/>
+        <pt x="317" y="723" on="1"/>
+        <pt x="322" y="674" on="1"/>
+        <pt x="338" y="674" on="1"/>
+        <pt x="344" y="723" on="1"/>
+        <pt x="438" y="1505" on="1"/>
+        <pt x="598" y="1505" on="1"/>
+        <pt x="692" y="723" on="1"/>
+        <pt x="698" y="674" on="1"/>
+        <pt x="715" y="674" on="1"/>
+        <pt x="719" y="723" on="1"/>
+        <pt x="807" y="1505" on="1"/>
+        <pt x="1012" y="1505" on="1"/>
+        <pt x="809" y="0" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="535" y="713" on="1"/>
+        <pt x="522" y="801" on="1"/>
+        <pt x="514" y="801" on="1"/>
+        <pt x="502" y="713" on="1"/>
+        <pt x="399" y="0" on="1"/>
+        <pt x="227" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="X" xMin="16" yMin="0" xMax="721" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="260" y="791" on="1"/>
+        <pt x="20" y="1505" on="1"/>
+        <pt x="238" y="1505" on="1"/>
+        <pt x="358" y="1124" on="1"/>
+        <pt x="365" y="1106" on="1"/>
+        <pt x="373" y="1106" on="1"/>
+        <pt x="379" y="1124" on="1"/>
+        <pt x="500" y="1505" on="1"/>
+        <pt x="717" y="1505" on="1"/>
+        <pt x="477" y="791" on="1"/>
+        <pt x="721" y="0" on="1"/>
+        <pt x="504" y="0" on="1"/>
+        <pt x="377" y="449" on="1"/>
+        <pt x="373" y="467" on="1"/>
+        <pt x="365" y="467" on="1"/>
+        <pt x="360" y="449" on="1"/>
+        <pt x="233" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 12 17
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15615 -4959 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15627 -4922 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 2 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 3 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 3 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 17 9 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 2 12 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          15 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 0 8
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 9
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 2 12
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Y" xMin="14" yMin="0" xMax="686" yMax="1505">
+      <contour>
+        <pt x="14" y="1505" on="1"/>
+        <pt x="231" y="1505" on="1"/>
+        <pt x="342" y="1024" on="1"/>
+        <pt x="348" y="1010" on="1"/>
+        <pt x="352" y="1010" on="1"/>
+        <pt x="358" y="1024" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="686" y="1505" on="1"/>
+        <pt x="461" y="641" on="1"/>
+        <pt x="461" y="0" on="1"/>
+        <pt x="240" y="0" on="1"/>
+        <pt x="240" y="641" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Yacute" xMin="16" yMin="0" xMax="688" yMax="1823">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="242" y="641" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="254" y="1638" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="575" y="1823" on="1"/>
+        <pt x="414" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          1 3 4 12 13 15
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ydieresis" xMin="16" yMin="0" xMax="688" yMax="1839">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="242" y="641" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="113" y="1839" on="1"/>
+        <pt x="303" y="1839" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="401" y="1638" on="1"/>
+        <pt x="401" y="1839" on="1"/>
+        <pt x="592" y="1839" on="1"/>
+        <pt x="592" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          15 9 10 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Z" xMin="20" yMin="0" xMax="606" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Zcaron" xMin="20" yMin="0" xMax="606" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="88" y="1823" on="1"/>
+        <pt x="276" y="1823" on="1"/>
+        <pt x="338" y="1751" on="1"/>
+        <pt x="401" y="1823" on="1"/>
+        <pt x="590" y="1823" on="1"/>
+        <pt x="449" y="1638" on="1"/>
+        <pt x="229" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 14
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="a" xMin="49" yMin="-16" xMax="616" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aacute" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 48 49
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acircumflex" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="231" y="1489" on="1"/>
+        <pt x="451" y="1489" on="1"/>
+        <pt x="592" y="1305" on="1"/>
+        <pt x="403" y="1305" on="1"/>
+        <pt x="340" y="1376" on="1"/>
+        <pt x="279" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          47 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 50
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 38 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 40 41 42
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acute" xMin="410" yMin="1305" xMax="731" yMax="1489">
+      <contour>
+        <pt x="410" y="1305" on="1"/>
+        <pt x="516" y="1489" on="1"/>
+        <pt x="731" y="1489" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="adieresis" xMin="49" yMin="-16" xMax="616" yMax="1505">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1305" on="1"/>
+        <pt x="102" y="1505" on="1"/>
+        <pt x="293" y="1505" on="1"/>
+        <pt x="293" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="391" y="1505" on="1"/>
+        <pt x="582" y="1505" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 47 50
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          55 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 38
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 10 21 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ae" xMin="49" yMin="-16" xMax="930" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="502" y="1085" on="1"/>
+        <pt x="568" y="1136" on="0"/>
+        <pt x="664" y="1137" on="1"/>
+        <pt x="863" y="1137" on="0"/>
+        <pt x="915" y="940" on="1"/>
+        <pt x="929" y="889" on="0"/>
+        <pt x="930" y="848" on="1"/>
+        <pt x="930" y="522" on="1"/>
+        <pt x="588" y="522" on="1"/>
+        <pt x="588" y="279" on="1"/>
+        <pt x="588" y="266" on="1"/>
+        <pt x="588" y="258" on="0"/>
+        <pt x="596" y="219" on="0"/>
+        <pt x="610" y="190" on="0"/>
+        <pt x="643" y="166" on="0"/>
+        <pt x="664" y="166" on="1"/>
+        <pt x="734" y="176" on="0"/>
+        <pt x="737" y="279" on="1"/>
+        <pt x="737" y="401" on="1"/>
+        <pt x="930" y="401" on="1"/>
+        <pt x="930" y="272" on="1"/>
+        <pt x="930" y="260" on="0"/>
+        <pt x="926" y="221" on="0"/>
+        <pt x="897" y="123" on="0"/>
+        <pt x="848" y="45" on="0"/>
+        <pt x="737" y="-16" on="0"/>
+        <pt x="662" y="-16" on="1"/>
+        <pt x="504" y="-16" on="0"/>
+        <pt x="436" y="115" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="588" y="684" on="1"/>
+        <pt x="737" y="684" on="1"/>
+        <pt x="737" y="842" on="1"/>
+        <pt x="737" y="854" on="0"/>
+        <pt x="735" y="893" on="0"/>
+        <pt x="698" y="956" on="0"/>
+        <pt x="664" y="956" on="1"/>
+        <pt x="631" y="956" on="0"/>
+        <pt x="592" y="899" on="0"/>
+        <pt x="590" y="870" on="1"/>
+        <pt x="588" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          37 52 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 37 40 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          20 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          69
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 20 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          63 30 52 20 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          74
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          75 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 20
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 50
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 52
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="agrave" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 47
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 39
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ampersand" xMin="49" yMin="-16" xMax="813" yMax="1522">
+      <contour>
+        <pt x="49" y="315" on="1"/>
+        <pt x="49" y="430" on="0"/>
+        <pt x="137" y="629" on="0"/>
+        <pt x="219" y="752" on="1"/>
+        <pt x="113" y="977" on="0"/>
+        <pt x="113" y="1194" on="1"/>
+        <pt x="113" y="1212" on="1"/>
+        <pt x="113" y="1224" on="0"/>
+        <pt x="123" y="1292" on="0"/>
+        <pt x="139" y="1354" on="0"/>
+        <pt x="180" y="1430" on="0"/>
+        <pt x="236" y="1485" on="0"/>
+        <pt x="326" y="1522" on="0"/>
+        <pt x="383" y="1522" on="1"/>
+        <pt x="586" y="1522" on="0"/>
+        <pt x="635" y="1307" on="1"/>
+        <pt x="649" y="1246" on="0"/>
+        <pt x="647" y="1194" on="1"/>
+        <pt x="647" y="1032" on="0"/>
+        <pt x="442" y="760" on="1"/>
+        <pt x="518" y="586" on="0"/>
+        <pt x="590" y="475" on="1"/>
+        <pt x="623" y="571" on="0"/>
+        <pt x="637" y="686" on="1"/>
+        <pt x="813" y="653" on="1"/>
+        <pt x="797" y="440" on="0"/>
+        <pt x="721" y="295" on="1"/>
+        <pt x="776" y="232" on="0"/>
+        <pt x="813" y="219" on="1"/>
+        <pt x="813" y="-16" on="1"/>
+        <pt x="790" y="-16" on="0"/>
+        <pt x="664" y="59" on="0"/>
+        <pt x="604" y="123" on="1"/>
+        <pt x="481" y="-16" on="0"/>
+        <pt x="223" y="-16" on="0"/>
+        <pt x="49" y="178" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="326" on="1"/>
+        <pt x="264" y="260" on="0"/>
+        <pt x="319" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="421" y="176" on="0"/>
+        <pt x="487" y="262" on="1"/>
+        <pt x="399" y="401" on="0"/>
+        <pt x="313" y="557" on="1"/>
+        <pt x="307" y="547" on="0"/>
+        <pt x="291" y="510" on="0"/>
+        <pt x="262" y="392" on="0"/>
+      </contour>
+      <contour>
+        <pt x="305" y="1194" on="1"/>
+        <pt x="305" y="1083" on="0"/>
+        <pt x="360" y="948" on="1"/>
+        <pt x="460" y="1104" on="0"/>
+        <pt x="461" y="1200" on="1"/>
+        <pt x="459" y="1202" on="0"/>
+        <pt x="463" y="1229" on="0"/>
+        <pt x="455" y="1274" on="0"/>
+        <pt x="440" y="1315" on="0"/>
+        <pt x="408" y="1346" on="0"/>
+        <pt x="383" y="1346" on="1"/>
+        <pt x="344" y="1346" on="0"/>
+        <pt x="305" y="1270" on="0"/>
+        <pt x="305" y="1233" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          34 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 17 51 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          62 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 34
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 39 43 19
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          21 32 33 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          39 34
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 3 19 28 43 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aring" xMin="49" yMin="-16" xMax="616" yMax="1565">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="188" y="1360" on="0"/>
+        <pt x="188" y="1483" on="0"/>
+        <pt x="279" y="1565" on="0"/>
+        <pt x="406" y="1565" on="0"/>
+        <pt x="494" y="1483" on="0"/>
+        <pt x="494" y="1360" on="0"/>
+        <pt x="406" y="1278" on="0"/>
+        <pt x="279" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="266" y="1450" on="0"/>
+        <pt x="266" y="1393" on="0"/>
+        <pt x="313" y="1350" on="0"/>
+        <pt x="371" y="1350" on="0"/>
+        <pt x="418" y="1393" on="0"/>
+        <pt x="418" y="1450" on="0"/>
+        <pt x="371" y="1493" on="0"/>
+        <pt x="313" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          57 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          41 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          39 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 51
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          59 26 31 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          43 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 45
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 21 32 56 57 60 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 41 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 48
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          39 42 43 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciicircum" xMin="53" yMin="809" xMax="1049" yMax="1505">
+      <contour>
+        <pt x="53" y="809" on="1"/>
+        <pt x="434" y="1505" on="1"/>
+        <pt x="668" y="1505" on="1"/>
+        <pt x="1049" y="809" on="1"/>
+        <pt x="850" y="809" on="1"/>
+        <pt x="551" y="1352" on="1"/>
+        <pt x="252" y="809" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciitilde" xMin="113" yMin="1294" xMax="1225" yMax="1667">
+      <contour>
+        <pt x="113" y="1352" on="1"/>
+        <pt x="117" y="1364" on="0"/>
+        <pt x="133" y="1405" on="0"/>
+        <pt x="193" y="1511" on="0"/>
+        <pt x="262" y="1593" on="0"/>
+        <pt x="383" y="1659" on="0"/>
+        <pt x="449" y="1659" on="1"/>
+        <pt x="504" y="1659" on="0"/>
+        <pt x="616" y="1622" on="0"/>
+        <pt x="668" y="1593" on="0"/>
+        <pt x="725" y="1556" on="1"/>
+        <pt x="831" y="1484" on="0"/>
+        <pt x="899" y="1485" on="1"/>
+        <pt x="1008" y="1485" on="0"/>
+        <pt x="1077" y="1638" on="1"/>
+        <pt x="1090" y="1667" on="1"/>
+        <pt x="1225" y="1610" on="1"/>
+        <pt x="1221" y="1598" on="0"/>
+        <pt x="1204" y="1554" on="0"/>
+        <pt x="1145" y="1448" on="0"/>
+        <pt x="1075" y="1368" on="0"/>
+        <pt x="963" y="1300" on="0"/>
+        <pt x="899" y="1300" on="1"/>
+        <pt x="778" y="1300" on="0"/>
+        <pt x="627" y="1401" on="1"/>
+        <pt x="512" y="1475" on="0"/>
+        <pt x="385" y="1475" on="0"/>
+        <pt x="285" y="1384" on="0"/>
+        <pt x="266" y="1339" on="1"/>
+        <pt x="248" y="1294" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          12 6 26 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 16
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asterisk" xMin="74" yMin="999" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="1251" on="1"/>
+        <pt x="117" y="1399" on="1"/>
+        <pt x="281" y="1329" on="1"/>
+        <pt x="262" y="1505" on="1"/>
+        <pt x="416" y="1505" on="1"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="561" y="1399" on="1"/>
+        <pt x="604" y="1251" on="1"/>
+        <pt x="432" y="1217" on="1"/>
+        <pt x="547" y="1079" on="1"/>
+        <pt x="416" y="999" on="1"/>
+        <pt x="338" y="1151" on="1"/>
+        <pt x="262" y="999" on="1"/>
+        <pt x="131" y="1079" on="1"/>
+        <pt x="246" y="1217" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          12 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="at" xMin="66" yMin="-16" xMax="815" yMax="1522">
+      <contour>
+        <pt x="66" y="303" on="1"/>
+        <pt x="66" y="1192" on="1"/>
+        <pt x="66" y="1235" on="0"/>
+        <pt x="100" y="1337" on="0"/>
+        <pt x="178" y="1448" on="0"/>
+        <pt x="334" y="1522" on="0"/>
+        <pt x="547" y="1522" on="0"/>
+        <pt x="702" y="1448" on="0"/>
+        <pt x="780" y="1337" on="0"/>
+        <pt x="815" y="1235" on="0"/>
+        <pt x="815" y="1192" on="1"/>
+        <pt x="815" y="399" on="1"/>
+        <pt x="651" y="399" on="1"/>
+        <pt x="631" y="455" on="1"/>
+        <pt x="627" y="447" on="0"/>
+        <pt x="612" y="424" on="0"/>
+        <pt x="553" y="387" on="0"/>
+        <pt x="518" y="387" on="1"/>
+        <pt x="373" y="387" on="0"/>
+        <pt x="373" y="559" on="1"/>
+        <pt x="373" y="1044" on="1"/>
+        <pt x="373" y="1214" on="0"/>
+        <pt x="518" y="1214" on="1"/>
+        <pt x="553" y="1214" on="0"/>
+        <pt x="610" y="1180" on="0"/>
+        <pt x="621" y="1163" on="1"/>
+        <pt x="631" y="1147" on="1"/>
+        <pt x="631" y="1192" on="1"/>
+        <pt x="631" y="1243" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="340" y="1350" on="0"/>
+        <pt x="250" y="1243" on="0"/>
+        <pt x="250" y="1192" on="1"/>
+        <pt x="250" y="303" on="1"/>
+        <pt x="250" y="250" on="0"/>
+        <pt x="338" y="150" on="0"/>
+        <pt x="440" y="150" on="1"/>
+        <pt x="557" y="150" on="0"/>
+        <pt x="608" y="213" on="1"/>
+        <pt x="760" y="127" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="440" y="-16" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="178" y="55" on="0"/>
+        <pt x="100" y="164" on="0"/>
+        <pt x="66" y="262" on="0"/>
+      </contour>
+      <contour>
+        <pt x="535" y="573" on="1"/>
+        <pt x="535" y="520" on="0"/>
+        <pt x="582" y="520" on="1"/>
+        <pt x="631" y="520" on="0"/>
+        <pt x="631" y="573" on="1"/>
+        <pt x="631" y="1028" on="1"/>
+        <pt x="631" y="1081" on="0"/>
+        <pt x="582" y="1081" on="1"/>
+        <pt x="535" y="1081" on="0"/>
+        <pt x="535" y="1028" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 6
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 7
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          17 48 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 53 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          33 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 22 36 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 13 29 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 53
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="atilde" xMin="49" yMin="-16" xMax="616" yMax="1495">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1305" on="1"/>
+        <pt x="143" y="1456" on="1"/>
+        <pt x="192" y="1495" on="0"/>
+        <pt x="252" y="1495" on="1"/>
+        <pt x="285" y="1495" on="0"/>
+        <pt x="401" y="1458" on="0"/>
+        <pt x="432" y="1456" on="1"/>
+        <pt x="457" y="1456" on="0"/>
+        <pt x="512" y="1473" on="0"/>
+        <pt x="526" y="1481" on="1"/>
+        <pt x="541" y="1489" on="1"/>
+        <pt x="541" y="1337" on="1"/>
+        <pt x="490" y="1298" on="0"/>
+        <pt x="432" y="1298" on="1"/>
+        <pt x="401" y="1298" on="0"/>
+        <pt x="285" y="1337" on="0"/>
+        <pt x="252" y="1337" on="1"/>
+        <pt x="227" y="1337" on="0"/>
+        <pt x="172" y="1321" on="0"/>
+        <pt x="158" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          60 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          66
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          58 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 63
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          67 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          35 38 41 54
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 43 48 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 64
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="b" xMin="82" yMin="-16" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="217" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="899" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="backslash" xMin="8" yMin="-180" xMax="784" yMax="1692">
+      <contour>
+        <pt x="8" y="1692" on="1"/>
+        <pt x="170" y="1692" on="1"/>
+        <pt x="784" y="-180" on="1"/>
+        <pt x="616" y="-180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15583 -5061 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          SPVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          0 1 2 3
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bar" xMin="82" yMin="-512" xMax="274" yMax="1692">
+      <contour>
+        <pt x="82" y="-512" on="1"/>
+        <pt x="82" y="1692" on="1"/>
+        <pt x="274" y="1692" on="1"/>
+        <pt x="274" y="-512" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceleft" xMin="61" yMin="-453" xMax="631" yMax="1522">
+      <contour>
+        <pt x="61" y="453" on="1"/>
+        <pt x="61" y="616" on="1"/>
+        <pt x="133" y="616" on="0"/>
+        <pt x="193" y="715" on="0"/>
+        <pt x="193" y="756" on="1"/>
+        <pt x="193" y="1153" on="1"/>
+        <pt x="193" y="1376" on="0"/>
+        <pt x="385" y="1526" on="0"/>
+        <pt x="631" y="1522" on="1"/>
+        <pt x="631" y="1350" on="1"/>
+        <pt x="496" y="1352" on="0"/>
+        <pt x="389" y="1272" on="0"/>
+        <pt x="389" y="1153" on="1"/>
+        <pt x="389" y="756" on="1"/>
+        <pt x="389" y="613" on="0"/>
+        <pt x="262" y="535" on="1"/>
+        <pt x="389" y="453" on="0"/>
+        <pt x="389" y="313" on="1"/>
+        <pt x="389" y="-84" on="1"/>
+        <pt x="389" y="-203" on="0"/>
+        <pt x="496" y="-283" on="0"/>
+        <pt x="631" y="-281" on="1"/>
+        <pt x="631" y="-453" on="1"/>
+        <pt x="385" y="-457" on="0"/>
+        <pt x="193" y="-307" on="0"/>
+        <pt x="193" y="-84" on="1"/>
+        <pt x="193" y="313" on="1"/>
+        <pt x="193" y="333" on="0"/>
+        <pt x="176" y="387" on="0"/>
+        <pt x="110" y="451" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 18 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          17 18 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 12 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceright" xMin="57" yMin="-453" xMax="627" yMax="1522">
+      <contour>
+        <pt x="57" y="-281" on="1"/>
+        <pt x="192" y="-283" on="0"/>
+        <pt x="299" y="-203" on="0"/>
+        <pt x="299" y="-84" on="1"/>
+        <pt x="299" y="313" on="1"/>
+        <pt x="299" y="452" on="0"/>
+        <pt x="426" y="535" on="1"/>
+        <pt x="299" y="613" on="0"/>
+        <pt x="299" y="756" on="1"/>
+        <pt x="299" y="1153" on="1"/>
+        <pt x="299" y="1272" on="0"/>
+        <pt x="193" y="1352" on="0"/>
+        <pt x="57" y="1350" on="1"/>
+        <pt x="57" y="1522" on="1"/>
+        <pt x="303" y="1526" on="0"/>
+        <pt x="496" y="1376" on="0"/>
+        <pt x="496" y="1153" on="1"/>
+        <pt x="496" y="756" on="1"/>
+        <pt x="496" y="733" on="0"/>
+        <pt x="512" y="678" on="0"/>
+        <pt x="578" y="616" on="0"/>
+        <pt x="627" y="616" on="1"/>
+        <pt x="627" y="453" on="1"/>
+        <pt x="555" y="449" on="0"/>
+        <pt x="496" y="352" on="0"/>
+        <pt x="496" y="313" on="1"/>
+        <pt x="496" y="-84" on="1"/>
+        <pt x="496" y="-307" on="0"/>
+        <pt x="303" y="-457" on="0"/>
+        <pt x="57" y="-453" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 4 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 16
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketleft" xMin="82" yMin="-213" xMax="481" yMax="1505">
+      <contour>
+        <pt x="82" y="-16" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="481" y="1505" on="1"/>
+        <pt x="481" y="1309" on="1"/>
+        <pt x="279" y="1309" on="1"/>
+        <pt x="279" y="-16" on="1"/>
+        <pt x="481" y="-16" on="1"/>
+        <pt x="481" y="-213" on="1"/>
+        <pt x="82" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketright" xMin="57" yMin="-213" xMax="457" yMax="1505">
+      <contour>
+        <pt x="57" y="-16" on="1"/>
+        <pt x="260" y="-16" on="1"/>
+        <pt x="260" y="1309" on="1"/>
+        <pt x="57" y="1309" on="1"/>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="457" y="1505" on="1"/>
+        <pt x="457" y="-16" on="1"/>
+        <pt x="457" y="-213" on="1"/>
+        <pt x="57" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="breve" xMin="287" yMin="1303" xMax="737" yMax="1493">
+      <contour>
+        <pt x="287" y="1399" on="1"/>
+        <pt x="397" y="1493" on="1"/>
+        <pt x="438" y="1446" on="0"/>
+        <pt x="512" y="1446" on="1"/>
+        <pt x="547" y="1446" on="0"/>
+        <pt x="606" y="1470" on="0"/>
+        <pt x="618" y="1483" on="1"/>
+        <pt x="631" y="1493" on="1"/>
+        <pt x="737" y="1399" on="1"/>
+        <pt x="727" y="1389" on="0"/>
+        <pt x="692" y="1356" on="0"/>
+        <pt x="573" y="1303" on="0"/>
+        <pt x="512" y="1303" on="1"/>
+        <pt x="449" y="1303" on="0"/>
+        <pt x="336" y="1352" on="0"/>
+        <pt x="311" y="1376" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bullet" xMin="82" yMin="565" xMax="582" yMax="1065">
+      <contour>
+        <pt x="82" y="817" on="1"/>
+        <pt x="82" y="919" on="0"/>
+        <pt x="227" y="1065" on="0"/>
+        <pt x="334" y="1065" on="1"/>
+        <pt x="436" y="1065" on="0"/>
+        <pt x="582" y="920" on="0"/>
+        <pt x="582" y="817" on="1"/>
+        <pt x="582" y="711" on="0"/>
+        <pt x="436" y="565" on="0"/>
+        <pt x="334" y="565" on="1"/>
+        <pt x="228" y="565" on="0"/>
+        <pt x="82" y="711" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="c" xMin="66" yMin="-16" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="caron" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1489" on="1"/>
+        <pt x="449" y="1489" on="1"/>
+        <pt x="510" y="1417" on="1"/>
+        <pt x="573" y="1489" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="621" y="1305" on="1"/>
+        <pt x="401" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ccedilla" xMin="66" yMin="-385" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <contour>
+        <pt x="238" y="-111" on="1"/>
+        <pt x="238" y="-252" on="1"/>
+        <pt x="301" y="-252" on="1"/>
+        <pt x="260" y="-385" on="1"/>
+        <pt x="365" y="-385" on="1"/>
+        <pt x="410" y="-252" on="1"/>
+        <pt x="410" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          28 29 31
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 30 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 34
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cedilla" xMin="426" yMin="-385" xMax="598" yMax="-111">
+      <contour>
+        <pt x="426" y="-111" on="1"/>
+        <pt x="598" y="-111" on="1"/>
+        <pt x="598" y="-252" on="1"/>
+        <pt x="553" y="-385" on="1"/>
+        <pt x="449" y="-385" on="1"/>
+        <pt x="489" y="-252" on="1"/>
+        <pt x="426" y="-252" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cent" xMin="66" yMin="-123" xMax="588" yMax="1567">
+      <contour>
+        <pt x="66" y="508" on="1"/>
+        <pt x="66" y="997" on="1"/>
+        <pt x="66" y="1294" on="0"/>
+        <pt x="274" y="1325" on="1"/>
+        <pt x="274" y="1567" on="1"/>
+        <pt x="397" y="1567" on="1"/>
+        <pt x="397" y="1323" on="1"/>
+        <pt x="495" y="1307" on="0"/>
+        <pt x="588" y="1163" on="0"/>
+        <pt x="588" y="1008" on="1"/>
+        <pt x="588" y="920" on="1"/>
+        <pt x="399" y="920" on="1"/>
+        <pt x="399" y="1055" on="1"/>
+        <pt x="399" y="1145" on="0"/>
+        <pt x="326" y="1145" on="1"/>
+        <pt x="254" y="1145" on="0"/>
+        <pt x="254" y="1055" on="1"/>
+        <pt x="254" y="451" on="1"/>
+        <pt x="254" y="361" on="0"/>
+        <pt x="326" y="360" on="1"/>
+        <pt x="400" y="360" on="0"/>
+        <pt x="399" y="451" on="1"/>
+        <pt x="399" y="606" on="1"/>
+        <pt x="588" y="606" on="1"/>
+        <pt x="588" y="498" on="1"/>
+        <pt x="588" y="342" on="0"/>
+        <pt x="496" y="197" on="0"/>
+        <pt x="397" y="180" on="1"/>
+        <pt x="397" y="-123" on="1"/>
+        <pt x="274" y="-123" on="1"/>
+        <pt x="274" y="178" on="1"/>
+        <pt x="66" y="209" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          28 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="circumflex" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="401" y="1489" on="1"/>
+        <pt x="621" y="1489" on="1"/>
+        <pt x="762" y="1305" on="1"/>
+        <pt x="573" y="1305" on="1"/>
+        <pt x="510" y="1376" on="1"/>
+        <pt x="449" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="colon" xMin="74" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="comma" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="copyright" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="627" y="487" on="1"/>
+        <pt x="627" y="1018" on="1"/>
+        <pt x="627" y="1026" on="0"/>
+        <pt x="629" y="1053" on="0"/>
+        <pt x="649" y="1120" on="0"/>
+        <pt x="684" y="1171" on="0"/>
+        <pt x="764" y="1214" on="0"/>
+        <pt x="819" y="1214" on="1"/>
+        <pt x="966" y="1214" on="0"/>
+        <pt x="1001" y="1067" on="1"/>
+        <pt x="1008" y="1018" on="1"/>
+        <pt x="1008" y="893" on="1"/>
+        <pt x="870" y="893" on="1"/>
+        <pt x="870" y="1018" on="1"/>
+        <pt x="870" y="1035" on="1"/>
+        <pt x="870" y="1046" on="0"/>
+        <pt x="846" y="1081" on="0"/>
+        <pt x="821" y="1081" on="1"/>
+        <pt x="774" y="1079" on="0"/>
+        <pt x="772" y="1018" on="1"/>
+        <pt x="772" y="487" on="1"/>
+        <pt x="772" y="424" on="0"/>
+        <pt x="821" y="424" on="1"/>
+        <pt x="874" y="426" on="0"/>
+        <pt x="870" y="487" on="1"/>
+        <pt x="870" y="612" on="1"/>
+        <pt x="1008" y="612" on="1"/>
+        <pt x="1008" y="487" on="1"/>
+        <pt x="1008" y="479" on="0"/>
+        <pt x="1006" y="453" on="0"/>
+        <pt x="985" y="385" on="0"/>
+        <pt x="950" y="334" on="0"/>
+        <pt x="872" y="291" on="0"/>
+        <pt x="819" y="291" on="1"/>
+        <pt x="733" y="291" on="0"/>
+        <pt x="637" y="389" on="0"/>
+        <pt x="631" y="438" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 40 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          40 51 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 40 44 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 35 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 35 30 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          45 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          25 16 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          0 4 5 1 9 8 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="d" xMin="74" yMin="-16" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1505" on="1"/>
+        <pt x="604" y="1505" on="1"/>
+        <pt x="604" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="217" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="899" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dieresis" xMin="272" yMin="1305" xMax="752" yMax="1505">
+      <contour>
+        <pt x="272" y="1305" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="463" y="1505" on="1"/>
+        <pt x="463" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="561" y="1305" on="1"/>
+        <pt x="561" y="1505" on="1"/>
+        <pt x="752" y="1505" on="1"/>
+        <pt x="752" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dollar" xMin="37" yMin="-215" xMax="655" yMax="1628">
+      <contour>
+        <pt x="37" y="358" on="1"/>
+        <pt x="229" y="371" on="1"/>
+        <pt x="241" y="185" on="0"/>
+        <pt x="358" y="184" on="1"/>
+        <pt x="446" y="184" on="0"/>
+        <pt x="451" y="369" on="1"/>
+        <pt x="451" y="398" on="0"/>
+        <pt x="434" y="459" on="0"/>
+        <pt x="412" y="508" on="0"/>
+        <pt x="369" y="580" on="0"/>
+        <pt x="344" y="614" on="0"/>
+        <pt x="289" y="690" on="0"/>
+        <pt x="281" y="702" on="1"/>
+        <pt x="213" y="794" on="0"/>
+        <pt x="147" y="893" on="0"/>
+        <pt x="72" y="1077" on="0"/>
+        <pt x="72" y="1155" on="1"/>
+        <pt x="76" y="1448" on="0"/>
+        <pt x="287" y="1497" on="1"/>
+        <pt x="287" y="1628" on="1"/>
+        <pt x="410" y="1628" on="1"/>
+        <pt x="410" y="1503" on="1"/>
+        <pt x="611" y="1480" on="0"/>
+        <pt x="645" y="1221" on="1"/>
+        <pt x="453" y="1196" on="1"/>
+        <pt x="447" y="1253" on="0"/>
+        <pt x="403" y="1323" on="0"/>
+        <pt x="360" y="1321" on="1"/>
+        <pt x="280" y="1319" on="0"/>
+        <pt x="276" y="1159" on="1"/>
+        <pt x="276" y="1130" on="0"/>
+        <pt x="293" y="1067" on="0"/>
+        <pt x="313" y="1022" on="0"/>
+        <pt x="358" y="948" on="0"/>
+        <pt x="381" y="915" on="0"/>
+        <pt x="440" y="831" on="0"/>
+        <pt x="449" y="821" on="1"/>
+        <pt x="455" y="811" on="0"/>
+        <pt x="508" y="735" on="0"/>
+        <pt x="528" y="707" on="0"/>
+        <pt x="575" y="633" on="0"/>
+        <pt x="596" y="592" on="0"/>
+        <pt x="629" y="522" on="0"/>
+        <pt x="643" y="469" on="0"/>
+        <pt x="655" y="401" on="0"/>
+        <pt x="655" y="371" on="1"/>
+        <pt x="651" y="33" on="0"/>
+        <pt x="410" y="2" on="1"/>
+        <pt x="410" y="-215" on="1"/>
+        <pt x="287" y="-215" on="1"/>
+        <pt x="287" y="6" on="1"/>
+        <pt x="51" y="47" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotaccent" xMin="408" yMin="1298" xMax="614" yMax="1505">
+      <contour>
+        <pt x="408" y="1298" on="1"/>
+        <pt x="408" y="1505" on="1"/>
+        <pt x="614" y="1505" on="1"/>
+        <pt x="614" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotlessi" xMin="82" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="e" xMin="66" yMin="-16" xMax="600" yMax="1137">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 31
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eacute" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 48 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 51
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ecircumflex" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="80" y="1305" on="1"/>
+        <pt x="221" y="1489" on="1"/>
+        <pt x="440" y="1489" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+        <pt x="393" y="1305" on="1"/>
+        <pt x="330" y="1376" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          44 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 41 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 43
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="edieresis" xMin="66" yMin="-16" xMax="600" yMax="1505">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          38 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          52 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 31 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="egrave" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 38 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eight" xMin="53" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="53" y="322" on="1"/>
+        <pt x="53" y="498" on="1"/>
+        <pt x="53" y="686" on="0"/>
+        <pt x="168" y="795" on="1"/>
+        <pt x="66" y="897" on="0"/>
+        <pt x="66" y="1071" on="1"/>
+        <pt x="66" y="1198" on="1"/>
+        <pt x="66" y="1221" on="0"/>
+        <pt x="70" y="1274" on="0"/>
+        <pt x="102" y="1380" on="0"/>
+        <pt x="156" y="1460" on="0"/>
+        <pt x="270" y="1522" on="0"/>
+        <pt x="426" y="1522" on="0"/>
+        <pt x="541" y="1460" on="0"/>
+        <pt x="594" y="1380" on="0"/>
+        <pt x="627" y="1274" on="0"/>
+        <pt x="631" y="1221" on="0"/>
+        <pt x="631" y="1198" on="1"/>
+        <pt x="631" y="1071" on="1"/>
+        <pt x="631" y="897" on="0"/>
+        <pt x="528" y="795" on="1"/>
+        <pt x="643" y="686" on="0"/>
+        <pt x="643" y="498" on="1"/>
+        <pt x="643" y="322" on="1"/>
+        <pt x="643" y="297" on="0"/>
+        <pt x="639" y="242" on="0"/>
+        <pt x="606" y="131" on="0"/>
+        <pt x="549" y="49" on="0"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="147" y="49" on="0"/>
+        <pt x="90" y="131" on="0"/>
+        <pt x="57" y="242" on="0"/>
+        <pt x="53" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="268" y="410" on="1"/>
+        <pt x="270" y="283" on="0"/>
+        <pt x="301" y="186" on="0"/>
+        <pt x="348" y="186" on="1"/>
+        <pt x="385" y="186" on="0"/>
+        <pt x="420" y="246" on="0"/>
+        <pt x="428" y="328" on="0"/>
+        <pt x="428" y="410" on="1"/>
+        <pt x="428" y="562" on="0"/>
+        <pt x="401" y="676" on="0"/>
+        <pt x="295" y="676" on="0"/>
+        <pt x="268" y="562" on="0"/>
+      </contour>
+      <contour>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="993" on="0"/>
+        <pt x="307" y="893" on="0"/>
+        <pt x="389" y="893" on="0"/>
+        <pt x="414" y="993" on="0"/>
+        <pt x="414" y="1120" on="1"/>
+        <pt x="414" y="1233" on="0"/>
+        <pt x="389" y="1327" on="0"/>
+        <pt x="348" y="1327" on="1"/>
+        <pt x="311" y="1327" on="0"/>
+        <pt x="285" y="1239" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          49 44 29 12 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          58 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 37 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 20 28
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 3
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ellipsis" xMin="53" yMin="0" xMax="911" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="375" y="0" on="1"/>
+        <pt x="375" y="227" on="1"/>
+        <pt x="590" y="227" on="1"/>
+        <pt x="590" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="696" y="0" on="1"/>
+        <pt x="696" y="227" on="1"/>
+        <pt x="911" y="227" on="1"/>
+        <pt x="911" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="emdash" xMin="74" yMin="649" xMax="899" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="899" y="844" on="1"/>
+        <pt x="899" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="endash" xMin="74" yMin="649" xMax="733" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="733" y="844" on="1"/>
+        <pt x="733" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 24 0 13 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="equal" xMin="74" yMin="477" xMax="985" yMax="1036">
+      <contour>
+        <pt x="74" y="477" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="985" y="649" on="1"/>
+        <pt x="985" y="477" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="864" on="1"/>
+        <pt x="74" y="1036" on="1"/>
+        <pt x="985" y="1036" on="1"/>
+        <pt x="985" y="864" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eth" xMin="76" yMin="-16" xMax="606" yMax="1528">
+      <contour>
+        <pt x="76" y="279" on="1"/>
+        <pt x="76" y="858" on="1"/>
+        <pt x="76" y="1137" on="0"/>
+        <pt x="248" y="1137" on="1"/>
+        <pt x="311" y="1137" on="0"/>
+        <pt x="403" y="1059" on="1"/>
+        <pt x="391" y="1168" on="0"/>
+        <pt x="352" y="1262" on="1"/>
+        <pt x="270" y="1190" on="1"/>
+        <pt x="215" y="1253" on="1"/>
+        <pt x="315" y="1341" on="1"/>
+        <pt x="270" y="1407" on="1"/>
+        <pt x="379" y="1507" on="1"/>
+        <pt x="404" y="1480" on="0"/>
+        <pt x="432" y="1446" on="1"/>
+        <pt x="526" y="1528" on="1"/>
+        <pt x="582" y="1462" on="1"/>
+        <pt x="481" y="1374" on="1"/>
+        <pt x="606" y="1173" on="0"/>
+        <pt x="606" y="928" on="1"/>
+        <pt x="606" y="272" on="1"/>
+        <pt x="606" y="260" on="0"/>
+        <pt x="604" y="221" on="0"/>
+        <pt x="575" y="123" on="0"/>
+        <pt x="524" y="45" on="0"/>
+        <pt x="416" y="-16" on="0"/>
+        <pt x="340" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="156" y="45" on="0"/>
+        <pt x="106" y="131" on="0"/>
+        <pt x="78" y="217" on="0"/>
+        <pt x="78" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="272" y="279" on="0"/>
+        <pt x="268" y="256" on="0"/>
+        <pt x="276" y="221" on="0"/>
+        <pt x="289" y="188" on="0"/>
+        <pt x="319" y="166" on="0"/>
+        <pt x="340" y="166" on="1"/>
+        <pt x="410" y="176" on="0"/>
+        <pt x="412" y="279" on="1"/>
+        <pt x="412" y="842" on="1"/>
+        <pt x="410" y="842" on="0"/>
+        <pt x="414" y="864" on="0"/>
+        <pt x="406" y="899" on="0"/>
+        <pt x="393" y="932" on="0"/>
+        <pt x="362" y="956" on="0"/>
+        <pt x="340" y="956" on="1"/>
+        <pt x="272" y="946" on="0"/>
+        <pt x="270" y="842" on="1"/>
+        <pt x="270" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 8 9 11 33
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 10 12 26 32 41 46
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 42
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 46
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 8 14 16 17
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclam" xMin="74" yMin="0" xMax="313" yMax="1505">
+      <contour>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="313" y="1505" on="1"/>
+        <pt x="258" y="406" on="1"/>
+        <pt x="129" y="406" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="0" on="1"/>
+        <pt x="86" y="227" on="1"/>
+        <pt x="301" y="227" on="1"/>
+        <pt x="301" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclamdown" xMin="74" yMin="-385" xMax="313" yMax="1120">
+      <contour>
+        <pt x="74" y="-385" on="1"/>
+        <pt x="129" y="715" on="1"/>
+        <pt x="258" y="715" on="1"/>
+        <pt x="313" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="893" on="1"/>
+        <pt x="86" y="1120" on="1"/>
+        <pt x="301" y="1120" on="1"/>
+        <pt x="301" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="f" xMin="20" yMin="0" xMax="459" yMax="1513">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1137" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1202" on="0"/>
+        <pt x="129" y="1268" on="0"/>
+        <pt x="154" y="1386" on="0"/>
+        <pt x="199" y="1456" on="0"/>
+        <pt x="295" y="1513" on="0"/>
+        <pt x="362" y="1513" on="1"/>
+        <pt x="459" y="1499" on="1"/>
+        <pt x="459" y="1321" on="1"/>
+        <pt x="432" y="1329" on="0"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="331" y="1329" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1133" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 22 20 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          23 22 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 23 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="figuredash" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="five" xMin="74" yMin="-16" xMax="651" yMax="1505">
+      <contour>
+        <pt x="74" y="438" on="1"/>
+        <pt x="295" y="438" on="1"/>
+        <pt x="295" y="379" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="324" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="399" y="176" on="0"/>
+        <pt x="430" y="266" on="0"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="713" on="1"/>
+        <pt x="430" y="824" on="0"/>
+        <pt x="360" y="823" on="1"/>
+        <pt x="327" y="823" on="0"/>
+        <pt x="274" y="743" on="0"/>
+        <pt x="274" y="713" on="1"/>
+        <pt x="88" y="713" on="1"/>
+        <pt x="88" y="1505" on="1"/>
+        <pt x="623" y="1505" on="1"/>
+        <pt x="623" y="1286" on="1"/>
+        <pt x="279" y="1286" on="1"/>
+        <pt x="279" y="973" on="1"/>
+        <pt x="287" y="979" on="0"/>
+        <pt x="313" y="997" on="0"/>
+        <pt x="381" y="1026" on="0"/>
+        <pt x="406" y="1024" on="1"/>
+        <pt x="484" y="1024" on="0"/>
+        <pt x="594" y="944" on="0"/>
+        <pt x="637" y="825" on="0"/>
+        <pt x="651" y="743" on="0"/>
+        <pt x="651" y="713" on="1"/>
+        <pt x="651" y="377" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="284" y="-16" on="0"/>
+        <pt x="174" y="43" on="0"/>
+        <pt x="115" y="127" on="0"/>
+        <pt x="82" y="260" on="0"/>
+        <pt x="74" y="364" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          32 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 32 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          24 11 32 16 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          11 24 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 11 15 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 18 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="four" xMin="25" yMin="0" xMax="672" yMax="1505">
+      <contour>
+        <pt x="25" y="328" on="1"/>
+        <pt x="25" y="522" on="1"/>
+        <pt x="348" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="522" on="1"/>
+        <pt x="672" y="522" on="1"/>
+        <pt x="672" y="328" on="1"/>
+        <pt x="569" y="328" on="1"/>
+        <pt x="569" y="0" on="1"/>
+        <pt x="367" y="0" on="1"/>
+        <pt x="367" y="328" on="1"/>
+      </contour>
+      <contour>
+        <pt x="213" y="522" on="1"/>
+        <pt x="367" y="522" on="1"/>
+        <pt x="367" y="993" on="1"/>
+        <pt x="367" y="1038" on="1"/>
+        <pt x="354" y="1038" on="1"/>
+        <pt x="342" y="993" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          10 11 9 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 8 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 8 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="g" xMin="12" yMin="-401" xMax="698" yMax="1137">
+      <contour>
+        <pt x="12" y="-184" on="1"/>
+        <pt x="12" y="-90" on="0"/>
+        <pt x="174" y="-14" on="1"/>
+        <pt x="49" y="21" on="0"/>
+        <pt x="49" y="135" on="1"/>
+        <pt x="49" y="180" on="0"/>
+        <pt x="129" y="276" on="0"/>
+        <pt x="178" y="303" on="1"/>
+        <pt x="127" y="338" on="0"/>
+        <pt x="68" y="459" on="0"/>
+        <pt x="63" y="504" on="1"/>
+        <pt x="59" y="547" on="1"/>
+        <pt x="59" y="852" on="1"/>
+        <pt x="59" y="864" on="0"/>
+        <pt x="63" y="901" on="0"/>
+        <pt x="92" y="999" on="0"/>
+        <pt x="141" y="1075" on="0"/>
+        <pt x="250" y="1137" on="0"/>
+        <pt x="322" y="1137" on="1"/>
+        <pt x="457" y="1137" on="0"/>
+        <pt x="528" y="1034" on="1"/>
+        <pt x="630" y="1136" on="0"/>
+        <pt x="698" y="1137" on="1"/>
+        <pt x="698" y="952" on="1"/>
+        <pt x="626" y="952" on="0"/>
+        <pt x="578" y="928" on="1"/>
+        <pt x="588" y="858" on="1"/>
+        <pt x="588" y="541" on="1"/>
+        <pt x="588" y="531" on="0"/>
+        <pt x="584" y="492" on="0"/>
+        <pt x="553" y="397" on="0"/>
+        <pt x="504" y="324" on="0"/>
+        <pt x="395" y="264" on="0"/>
+        <pt x="322" y="264" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="283" y="266" on="1"/>
+        <pt x="254" y="241" on="0"/>
+        <pt x="254" y="215" on="1"/>
+        <pt x="254" y="199" on="0"/>
+        <pt x="276" y="174" on="0"/>
+        <pt x="338" y="158" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="412" y="145" on="1"/>
+        <pt x="469" y="137" on="0"/>
+        <pt x="557" y="111" on="0"/>
+        <pt x="647" y="55" on="0"/>
+        <pt x="698" y="-45" on="0"/>
+        <pt x="698" y="-115" on="1"/>
+        <pt x="698" y="-267" on="0"/>
+        <pt x="492" y="-401" on="0"/>
+        <pt x="344" y="-401" on="1"/>
+        <pt x="180" y="-397" on="0"/>
+        <pt x="12" y="-301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="213" y="-150" on="1"/>
+        <pt x="213" y="-228" on="0"/>
+        <pt x="348" y="-227" on="1"/>
+        <pt x="407" y="-227" on="0"/>
+        <pt x="506" y="-188" on="0"/>
+        <pt x="506" y="-152" on="1"/>
+        <pt x="506" y="-119" on="0"/>
+        <pt x="465" y="-84" on="0"/>
+        <pt x="395" y="-72" on="1"/>
+        <pt x="289" y="-51" on="1"/>
+        <pt x="213" y="-95" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="509" on="1"/>
+        <pt x="262" y="492" on="0"/>
+        <pt x="293" y="436" on="0"/>
+        <pt x="322" y="436" on="1"/>
+        <pt x="385" y="442" on="0"/>
+        <pt x="385" y="537" on="1"/>
+        <pt x="385" y="844" on="1"/>
+        <pt x="384" y="845" on="0"/>
+        <pt x="384" y="850" on="0"/>
+        <pt x="386" y="860" on="0"/>
+        <pt x="386" y="861" on="1"/>
+        <pt x="386" y="869" on="0"/>
+        <pt x="383" y="880" on="1"/>
+        <pt x="379" y="895" on="0"/>
+        <pt x="369" y="926" on="0"/>
+        <pt x="342" y="946" on="0"/>
+        <pt x="322" y="946" on="1"/>
+        <pt x="293" y="946" on="0"/>
+        <pt x="262" y="895" on="0"/>
+        <pt x="262" y="868" on="1"/>
+        <pt x="262" y="844" on="1"/>
+        <pt x="262" y="537" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          80 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          55 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          67 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          86
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          85 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          85
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          58 27 69 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          87 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 2
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 85
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          33 35 41 62 18 80
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 58
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 4 37 47 53 62
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          80
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="germandbls" xMin="66" yMin="0" xMax="680" yMax="1522">
+      <contour>
+        <pt x="66" y="0" on="1"/>
+        <pt x="66" y="1235" on="1"/>
+        <pt x="66" y="1358" on="0"/>
+        <pt x="207" y="1522" on="0"/>
+        <pt x="346" y="1522" on="1"/>
+        <pt x="479" y="1522" on="0"/>
+        <pt x="616" y="1360" on="0"/>
+        <pt x="616" y="1237" on="1"/>
+        <pt x="616" y="1128" on="0"/>
+        <pt x="528" y="1063" on="1"/>
+        <pt x="680" y="975" on="0"/>
+        <pt x="680" y="575" on="1"/>
+        <pt x="680" y="393" on="0"/>
+        <pt x="639" y="160" on="0"/>
+        <pt x="547" y="41" on="0"/>
+        <pt x="434" y="0" on="0"/>
+        <pt x="346" y="0" on="1"/>
+        <pt x="346" y="193" on="1"/>
+        <pt x="391" y="193" on="0"/>
+        <pt x="442" y="244" on="0"/>
+        <pt x="473" y="416" on="0"/>
+        <pt x="473" y="575" on="1"/>
+        <pt x="473" y="745" on="0"/>
+        <pt x="442" y="924" on="0"/>
+        <pt x="391" y="979" on="0"/>
+        <pt x="346" y="979" on="1"/>
+        <pt x="346" y="1120" on="1"/>
+        <pt x="381" y="1120" on="0"/>
+        <pt x="432" y="1186" on="0"/>
+        <pt x="432" y="1237" on="1"/>
+        <pt x="432" y="1282" on="0"/>
+        <pt x="389" y="1337" on="0"/>
+        <pt x="346" y="1337" on="1"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="272" y="1235" on="1"/>
+        <pt x="272" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          26 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="grave" xMin="293" yMin="1305" xMax="614" yMax="1489">
+      <contour>
+        <pt x="293" y="1489" on="1"/>
+        <pt x="508" y="1489" on="1"/>
+        <pt x="614" y="1305" on="1"/>
+        <pt x="455" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="greater" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="174" on="1"/>
+        <pt x="74" y="373" on="1"/>
+        <pt x="772" y="729" on="1"/>
+        <pt x="74" y="1085" on="1"/>
+        <pt x="74" y="1284" on="1"/>
+        <pt x="985" y="809" on="1"/>
+        <pt x="985" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="h" xMin="82" yMin="0" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hungarumlaut" xMin="215" yMin="1305" xMax="840" yMax="1489">
+      <contour>
+        <pt x="215" y="1305" on="1"/>
+        <pt x="322" y="1489" on="1"/>
+        <pt x="537" y="1489" on="1"/>
+        <pt x="375" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="518" y="1305" on="1"/>
+        <pt x="625" y="1489" on="1"/>
+        <pt x="840" y="1489" on="1"/>
+        <pt x="678" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hyphen" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="i" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1298" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="iacute" xMin="82" yMin="0" xMax="403" yMax="1489">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1305" on="1"/>
+        <pt x="188" y="1489" on="1"/>
+        <pt x="403" y="1489" on="1"/>
+        <pt x="242" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1489">
+      <contour>
+        <pt x="-66" y="1305" on="1"/>
+        <pt x="76" y="1489" on="1"/>
+        <pt x="295" y="1489" on="1"/>
+        <pt x="436" y="1305" on="1"/>
+        <pt x="248" y="1305" on="1"/>
+        <pt x="184" y="1376" on="1"/>
+        <pt x="123" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="idieresis" xMin="-53" yMin="0" xMax="426" yMax="1505">
+      <contour>
+        <pt x="-53" y="1305" on="1"/>
+        <pt x="-53" y="1505" on="1"/>
+        <pt x="137" y="1505" on="1"/>
+        <pt x="137" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1305" on="1"/>
+        <pt x="236" y="1505" on="1"/>
+        <pt x="426" y="1505" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="igrave" xMin="-33" yMin="0" xMax="289" yMax="1489">
+      <contour>
+        <pt x="-33" y="1489" on="1"/>
+        <pt x="182" y="1489" on="1"/>
+        <pt x="289" y="1305" on="1"/>
+        <pt x="129" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="j" xMin="-45" yMin="-385" xMax="283" yMax="1505">
+      <contour>
+        <pt x="-45" y="-182" on="1"/>
+        <pt x="-16" y="-190" on="0"/>
+        <pt x="12" y="-190" on="1"/>
+        <pt x="76" y="-190" on="0"/>
+        <pt x="76" y="-48" on="1"/>
+        <pt x="76" y="-45" on="0"/>
+        <pt x="76" y="-30" on="0"/>
+        <pt x="76" y="-27" on="1"/>
+        <pt x="76" y="1120" on="1"/>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="-29" on="1"/>
+        <pt x="283" y="-80" on="0"/>
+        <pt x="279" y="-145" on="0"/>
+        <pt x="254" y="-260" on="0"/>
+        <pt x="209" y="-330" on="0"/>
+        <pt x="113" y="-385" on="0"/>
+        <pt x="45" y="-385" on="1"/>
+        <pt x="16" y="-385" on="0"/>
+        <pt x="-29" y="-379" on="0"/>
+        <pt x="-37" y="-377" on="1"/>
+        <pt x="-45" y="-373" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="1298" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="283" y="1505" on="1"/>
+        <pt x="283" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="k" xMin="82" yMin="0" xMax="637" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="827" on="1"/>
+        <pt x="289" y="791" on="1"/>
+        <pt x="299" y="791" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="412" y="1120" on="1"/>
+        <pt x="598" y="1120" on="1"/>
+        <pt x="449" y="756" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="438" y="0" on="1"/>
+        <pt x="336" y="453" on="1"/>
+        <pt x="332" y="469" on="1"/>
+        <pt x="322" y="469" on="1"/>
+        <pt x="315" y="453" on="1"/>
+        <pt x="289" y="387" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="l" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="less" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="809" on="1"/>
+        <pt x="985" y="1284" on="1"/>
+        <pt x="985" y="1085" on="1"/>
+        <pt x="287" y="729" on="1"/>
+        <pt x="985" y="373" on="1"/>
+        <pt x="985" y="174" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="lslash" xMin="31" yMin="0" xMax="438" yMax="1505">
+      <contour>
+        <pt x="31" y="561" on="1"/>
+        <pt x="31" y="782" on="1"/>
+        <pt x="131" y="860" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="338" y="1505" on="1"/>
+        <pt x="338" y="1022" on="1"/>
+        <pt x="438" y="1100" on="1"/>
+        <pt x="438" y="879" on="1"/>
+        <pt x="338" y="801" on="1"/>
+        <pt x="338" y="0" on="1"/>
+        <pt x="131" y="0" on="1"/>
+        <pt x="131" y="639" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="m" xMin="82" yMin="0" xMax="944" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="291" y="1026" on="0"/>
+        <pt x="352" y="1087" on="0"/>
+        <pt x="428" y="1137" on="0"/>
+        <pt x="461" y="1137" on="1"/>
+        <pt x="561" y="1137" on="0"/>
+        <pt x="600" y="1012" on="1"/>
+        <pt x="604" y="1016" on="0"/>
+        <pt x="682" y="1090" on="0"/>
+        <pt x="756" y="1137" on="0"/>
+        <pt x="788" y="1137" on="1"/>
+        <pt x="864" y="1137" on="0"/>
+        <pt x="944" y="999" on="0"/>
+        <pt x="944" y="918" on="1"/>
+        <pt x="944" y="0" on="1"/>
+        <pt x="750" y="0" on="1"/>
+        <pt x="750" y="887" on="1"/>
+        <pt x="750" y="936" on="0"/>
+        <pt x="694" y="936" on="1"/>
+        <pt x="653" y="936" on="0"/>
+        <pt x="616" y="883" on="1"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="422" y="0" on="1"/>
+        <pt x="422" y="887" on="1"/>
+        <pt x="422" y="936" on="0"/>
+        <pt x="367" y="936" on="1"/>
+        <pt x="326" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 24
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="macron" xMin="313" yMin="1315" xMax="711" yMax="1477">
+      <contour>
+        <pt x="313" y="1315" on="1"/>
+        <pt x="313" y="1477" on="1"/>
+        <pt x="711" y="1477" on="1"/>
+        <pt x="711" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="minus" xMin="74" yMin="649" xMax="702" yMax="821">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="702" y="821" on="1"/>
+        <pt x="702" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="n" xMin="82" yMin="0" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nine" xMin="57" yMin="-16" xMax="635" yMax="1522">
+      <contour>
+        <pt x="57" y="340" on="1"/>
+        <pt x="57" y="434" on="1"/>
+        <pt x="279" y="434" on="1"/>
+        <pt x="279" y="272" on="0"/>
+        <pt x="301" y="176" on="0"/>
+        <pt x="346" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="414" y="250" on="0"/>
+        <pt x="414" y="340" on="1"/>
+        <pt x="414" y="623" on="1"/>
+        <pt x="355" y="586" on="0"/>
+        <pt x="303" y="586" on="1"/>
+        <pt x="223" y="586" on="0"/>
+        <pt x="117" y="657" on="0"/>
+        <pt x="72" y="772" on="0"/>
+        <pt x="57" y="860" on="0"/>
+        <pt x="57" y="903" on="1"/>
+        <pt x="57" y="1196" on="1"/>
+        <pt x="57" y="1237" on="0"/>
+        <pt x="74" y="1323" on="0"/>
+        <pt x="125" y="1444" on="0"/>
+        <pt x="252" y="1522" on="0"/>
+        <pt x="440" y="1522" on="0"/>
+        <pt x="567" y="1444" on="0"/>
+        <pt x="618" y="1323" on="0"/>
+        <pt x="635" y="1237" on="0"/>
+        <pt x="635" y="1196" on="1"/>
+        <pt x="635" y="340" on="1"/>
+        <pt x="635" y="-16" on="0"/>
+        <pt x="57" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="279" y="825" on="1"/>
+        <pt x="279" y="807" on="0"/>
+        <pt x="315" y="758" on="0"/>
+        <pt x="377" y="758" on="0"/>
+        <pt x="412" y="799" on="0"/>
+        <pt x="414" y="819" on="1"/>
+        <pt x="414" y="1262" on="1"/>
+        <pt x="414" y="1282" on="0"/>
+        <pt x="379" y="1329" on="0"/>
+        <pt x="346" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="279" y="1280" on="0"/>
+        <pt x="279" y="1262" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 33 29 22 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="ntilde" xMin="82" yMin="0" xMax="612" yMax="1495">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="147" y="1305" on="1"/>
+        <pt x="147" y="1456" on="1"/>
+        <pt x="196" y="1495" on="0"/>
+        <pt x="256" y="1495" on="1"/>
+        <pt x="289" y="1495" on="0"/>
+        <pt x="406" y="1458" on="0"/>
+        <pt x="436" y="1456" on="1"/>
+        <pt x="461" y="1456" on="0"/>
+        <pt x="516" y="1473" on="0"/>
+        <pt x="530" y="1481" on="1"/>
+        <pt x="545" y="1489" on="1"/>
+        <pt x="545" y="1337" on="1"/>
+        <pt x="494" y="1298" on="0"/>
+        <pt x="436" y="1298" on="1"/>
+        <pt x="405" y="1298" on="0"/>
+        <pt x="289" y="1337" on="0"/>
+        <pt x="256" y="1337" on="1"/>
+        <pt x="231" y="1337" on="0"/>
+        <pt x="176" y="1321" on="0"/>
+        <pt x="162" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 22 35
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 29 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="numbersign" xMin="49" yMin="0" xMax="1184" yMax="1505">
+      <contour>
+        <pt x="49" y="438" on="1"/>
+        <pt x="76" y="633" on="1"/>
+        <pt x="274" y="633" on="1"/>
+        <pt x="311" y="891" on="1"/>
+        <pt x="115" y="891" on="1"/>
+        <pt x="141" y="1085" on="1"/>
+        <pt x="338" y="1085" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="592" y="1505" on="1"/>
+        <pt x="535" y="1085" on="1"/>
+        <pt x="795" y="1085" on="1"/>
+        <pt x="852" y="1505" on="1"/>
+        <pt x="1049" y="1505" on="1"/>
+        <pt x="991" y="1085" on="1"/>
+        <pt x="1184" y="1085" on="1"/>
+        <pt x="1157" y="891" on="1"/>
+        <pt x="965" y="891" on="1"/>
+        <pt x="928" y="633" on="1"/>
+        <pt x="1118" y="633" on="1"/>
+        <pt x="1092" y="438" on="1"/>
+        <pt x="901" y="438" on="1"/>
+        <pt x="842" y="0" on="1"/>
+        <pt x="645" y="0" on="1"/>
+        <pt x="705" y="438" on="1"/>
+        <pt x="444" y="438" on="1"/>
+        <pt x="385" y="0" on="1"/>
+        <pt x="188" y="0" on="1"/>
+        <pt x="248" y="438" on="1"/>
+      </contour>
+      <contour>
+        <pt x="471" y="633" on="1"/>
+        <pt x="731" y="633" on="1"/>
+        <pt x="768" y="891" on="1"/>
+        <pt x="508" y="891" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 25
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 11 12
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 17 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          20 23 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 16 30 31
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          6 9 10 13
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16218 -2326 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16235 -2203 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          20 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          24 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          27 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          28 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 8 19
+          CALL[ ]
+          SPVTCA[1]
+          NPUSHB[ ]  /* 16 values pushed */
+          2 3 6 9 10 13 16 17 20 23 24 27 28 29 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="o" xMin="63" yMin="-16" xMax="594" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="257" y="259" on="1"/>
+        <pt x="257" y="250" on="0"/>
+        <pt x="260" y="239" on="1"/>
+        <pt x="264" y="222" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="399" y="853" on="1"/>
+        <pt x="400" y="857" on="0"/>
+        <pt x="400" y="861" on="1"/>
+        <pt x="400" y="870" on="0"/>
+        <pt x="397" y="882" on="1"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="259" y="278" on="0"/>
+        <pt x="259" y="272" on="0"/>
+        <pt x="257" y="260" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 34 35
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oacute" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="367" y="1489" on="1"/>
+        <pt x="582" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 7 33 42 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 44 45
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ocircumflex" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="219" y="1489" on="1"/>
+        <pt x="438" y="1489" on="1"/>
+        <pt x="580" y="1305" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="328" y="1376" on="1"/>
+        <pt x="266" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          48 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 25
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 28 30 7 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 26 27
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="odieresis" xMin="63" yMin="-16" xMax="594" yMax="1505">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          25 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          18 7 42
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oe" xMin="63" yMin="-16" xMax="936" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="566" y="1136" on="0"/>
+        <pt x="670" y="1137" on="1"/>
+        <pt x="869" y="1137" on="0"/>
+        <pt x="922" y="940" on="1"/>
+        <pt x="936" y="889" on="0"/>
+        <pt x="936" y="848" on="1"/>
+        <pt x="936" y="522" on="1"/>
+        <pt x="594" y="522" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="256" on="0"/>
+        <pt x="602" y="215" on="0"/>
+        <pt x="639" y="166" on="0"/>
+        <pt x="670" y="166" on="1"/>
+        <pt x="740" y="176" on="0"/>
+        <pt x="743" y="279" on="1"/>
+        <pt x="743" y="401" on="1"/>
+        <pt x="936" y="401" on="1"/>
+        <pt x="936" y="272" on="1"/>
+        <pt x="936" y="260" on="0"/>
+        <pt x="932" y="221" on="0"/>
+        <pt x="903" y="123" on="0"/>
+        <pt x="854" y="45" on="0"/>
+        <pt x="743" y="-16" on="0"/>
+        <pt x="668" y="-16" on="1"/>
+        <pt x="562" y="-16" on="0"/>
+        <pt x="498" y="41" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="594" y="684" on="1"/>
+        <pt x="743" y="684" on="1"/>
+        <pt x="743" y="842" on="1"/>
+        <pt x="743" y="854" on="0"/>
+        <pt x="741" y="893" on="0"/>
+        <pt x="705" y="956" on="0"/>
+        <pt x="670" y="956" on="1"/>
+        <pt x="627" y="956" on="0"/>
+        <pt x="594" y="881" on="0"/>
+        <pt x="594" y="848" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          37 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          48 37 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 48 25 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          61 17 37 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          71
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          60 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          72 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          37 7 52 57
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 35 53
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 61
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ogonek" xMin="348" yMin="-385" xMax="678" yMax="0">
+      <contour>
+        <pt x="348" y="-211" on="1"/>
+        <pt x="348" y="-107" on="0"/>
+        <pt x="475" y="-6" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="582" y="0" on="1"/>
+        <pt x="572" y="-8" on="0"/>
+        <pt x="541" y="-37" on="0"/>
+        <pt x="489" y="-127" on="0"/>
+        <pt x="489" y="-170" on="1"/>
+        <pt x="489" y="-211" on="0"/>
+        <pt x="551" y="-248" on="0"/>
+        <pt x="633" y="-248" on="0"/>
+        <pt x="678" y="-229" on="1"/>
+        <pt x="662" y="-367" on="1"/>
+        <pt x="607" y="-385" on="0"/>
+        <pt x="557" y="-385" on="1"/>
+        <pt x="461" y="-385" on="0"/>
+        <pt x="348" y="-283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          8 16 0 29 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ograve" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="1489" on="1"/>
+        <pt x="313" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+        <pt x="260" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 25 27 7 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 26
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="one" xMin="25" yMin="0" xMax="393" yMax="1505">
+      <contour>
+        <pt x="25" y="1180" on="1"/>
+        <pt x="25" y="1321" on="1"/>
+        <pt x="76" y="1331" on="0"/>
+        <pt x="162" y="1376" on="0"/>
+        <pt x="213" y="1427" on="0"/>
+        <pt x="248" y="1475" on="0"/>
+        <pt x="254" y="1491" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="393" y="1505" on="1"/>
+        <pt x="393" y="0" on="1"/>
+        <pt x="172" y="0" on="1"/>
+        <pt x="172" y="1180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 10 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oslash" xMin="63" yMin="-78" xMax="594" yMax="1198">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="379" y="1137" on="0"/>
+        <pt x="434" y="1118" on="1"/>
+        <pt x="455" y="1198" on="1"/>
+        <pt x="530" y="1198" on="1"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="588" y="993" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="271" y="-16" on="0"/>
+        <pt x="225" y="0" on="1"/>
+        <pt x="205" y="-78" on="1"/>
+        <pt x="125" y="-78" on="1"/>
+        <pt x="156" y="43" on="1"/>
+        <pt x="115" y="82" on="0"/>
+        <pt x="68" y="199" on="0"/>
+        <pt x="66" y="238" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="436" on="1"/>
+        <pt x="383" y="922" on="1"/>
+        <pt x="365" y="957" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="274" y="197" on="1"/>
+        <pt x="290" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="682" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          24 30 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          24 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          10 15 40 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15847 -4160 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 34
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 34
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 24 11 19
+          CALL[ ]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          23 24 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          26 25 10 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          30 25 10 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          36 24 11 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          41 24 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          26 25 10
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 24 11
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          SVTCA[0]
+          NPUSHB[ ]  /* 11 values pushed */
+          9 10 11 12 24 25 26 30 31 36 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 6 values pushed */
+          9 12 23 26 31 36
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="otilde" xMin="63" yMin="-16" xMax="594" yMax="1495">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="131" y="1305" on="1"/>
+        <pt x="131" y="1456" on="1"/>
+        <pt x="180" y="1495" on="0"/>
+        <pt x="240" y="1495" on="1"/>
+        <pt x="273" y="1495" on="0"/>
+        <pt x="389" y="1458" on="0"/>
+        <pt x="420" y="1456" on="1"/>
+        <pt x="445" y="1456" on="0"/>
+        <pt x="500" y="1473" on="0"/>
+        <pt x="514" y="1481" on="1"/>
+        <pt x="528" y="1489" on="1"/>
+        <pt x="528" y="1337" on="1"/>
+        <pt x="477" y="1298" on="0"/>
+        <pt x="420" y="1298" on="1"/>
+        <pt x="389" y="1298" on="0"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="240" y="1337" on="1"/>
+        <pt x="215" y="1337" on="0"/>
+        <pt x="160" y="1321" on="0"/>
+        <pt x="145" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          61 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          24 27 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 29 7 53
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 34 37
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="p" xMin="82" yMin="-385" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenleft" xMin="66" yMin="-297" xMax="520" yMax="1589">
+      <contour>
+        <pt x="66" y="502" on="0"/>
+        <pt x="66" y="788" on="0"/>
+        <pt x="125" y="1087" on="0"/>
+        <pt x="213" y="1311" on="0"/>
+        <pt x="299" y="1495" on="0"/>
+        <pt x="328" y="1542" on="1"/>
+        <pt x="358" y="1589" on="1"/>
+        <pt x="520" y="1505" on="1"/>
+        <pt x="510" y="1491" on="0"/>
+        <pt x="475" y="1438" on="0"/>
+        <pt x="385" y="1262" on="0"/>
+        <pt x="317" y="1073" on="0"/>
+        <pt x="262" y="786" on="0"/>
+        <pt x="262" y="504" on="0"/>
+        <pt x="315" y="221" on="0"/>
+        <pt x="391" y="23" on="0"/>
+        <pt x="467" y="-135" on="0"/>
+        <pt x="494" y="-174" on="1"/>
+        <pt x="520" y="-213" on="1"/>
+        <pt x="358" y="-297" on="1"/>
+        <pt x="346" y="-279" on="0"/>
+        <pt x="307" y="-215" on="0"/>
+        <pt x="207" y="-12" on="0"/>
+        <pt x="129" y="199" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenright" xMin="41" yMin="-297" xMax="496" yMax="1589">
+      <contour>
+        <pt x="41" y="-213" on="1"/>
+        <pt x="51" y="-199" on="0"/>
+        <pt x="86" y="-145" on="0"/>
+        <pt x="176" y="31" on="0"/>
+        <pt x="244" y="217" on="0"/>
+        <pt x="299" y="504" on="0"/>
+        <pt x="299" y="786" on="0"/>
+        <pt x="246" y="1069" on="0"/>
+        <pt x="170" y="1268" on="0"/>
+        <pt x="94" y="1427" on="0"/>
+        <pt x="68" y="1466" on="1"/>
+        <pt x="41" y="1505" on="1"/>
+        <pt x="203" y="1589" on="1"/>
+        <pt x="215" y="1571" on="0"/>
+        <pt x="254" y="1507" on="0"/>
+        <pt x="354" y="1303" on="0"/>
+        <pt x="432" y="1094" on="0"/>
+        <pt x="496" y="788" on="0"/>
+        <pt x="496" y="502" on="0"/>
+        <pt x="436" y="203" on="0"/>
+        <pt x="348" y="-20" on="0"/>
+        <pt x="262" y="-203" on="0"/>
+        <pt x="233" y="-250" on="1"/>
+        <pt x="203" y="-297" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="percent" xMin="55" yMin="-16" xMax="948" yMax="1522">
+      <contour>
+        <pt x="55" y="911" on="1"/>
+        <pt x="55" y="1348" on="1"/>
+        <pt x="55" y="1354" on="0"/>
+        <pt x="57" y="1378" on="0"/>
+        <pt x="74" y="1438" on="0"/>
+        <pt x="104" y="1485" on="0"/>
+        <pt x="170" y="1522" on="0"/>
+        <pt x="215" y="1522" on="1"/>
+        <pt x="285" y="1522" on="0"/>
+        <pt x="365" y="1434" on="0"/>
+        <pt x="369" y="1391" on="1"/>
+        <pt x="373" y="1348" on="1"/>
+        <pt x="373" y="911" on="1"/>
+        <pt x="373" y="905" on="0"/>
+        <pt x="371" y="881" on="0"/>
+        <pt x="354" y="819" on="0"/>
+        <pt x="324" y="774" on="0"/>
+        <pt x="260" y="735" on="0"/>
+        <pt x="215" y="735" on="1"/>
+        <pt x="86" y="735" on="0"/>
+        <pt x="59" y="870" on="1"/>
+      </contour>
+      <contour>
+        <pt x="158" y="0" on="1"/>
+        <pt x="711" y="1505" on="1"/>
+        <pt x="842" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="178" y="911" on="1"/>
+        <pt x="174" y="856" on="0"/>
+        <pt x="215" y="856" on="1"/>
+        <pt x="231" y="856" on="0"/>
+        <pt x="250" y="885" on="0"/>
+        <pt x="250" y="897" on="1"/>
+        <pt x="250" y="911" on="1"/>
+        <pt x="250" y="1348" on="1"/>
+        <pt x="252" y="1403" on="0"/>
+        <pt x="215" y="1403" on="1"/>
+        <pt x="197" y="1403" on="0"/>
+        <pt x="178" y="1376" on="0"/>
+        <pt x="178" y="1362" on="1"/>
+        <pt x="178" y="1348" on="1"/>
+      </contour>
+      <contour>
+        <pt x="631" y="158" on="1"/>
+        <pt x="631" y="594" on="1"/>
+        <pt x="631" y="600" on="0"/>
+        <pt x="633" y="625" on="0"/>
+        <pt x="649" y="686" on="0"/>
+        <pt x="680" y="731" on="0"/>
+        <pt x="745" y="770" on="0"/>
+        <pt x="791" y="770" on="1"/>
+        <pt x="916" y="770" on="0"/>
+        <pt x="944" y="635" on="1"/>
+        <pt x="948" y="594" on="1"/>
+        <pt x="948" y="158" on="1"/>
+        <pt x="948" y="152" on="0"/>
+        <pt x="946" y="127" on="0"/>
+        <pt x="930" y="68" on="0"/>
+        <pt x="899" y="20" on="0"/>
+        <pt x="836" y="-16" on="0"/>
+        <pt x="791" y="-16" on="1"/>
+        <pt x="719" y="-16" on="0"/>
+        <pt x="639" y="70" on="0"/>
+        <pt x="635" y="115" on="1"/>
+      </contour>
+      <contour>
+        <pt x="754" y="158" on="1"/>
+        <pt x="750" y="101" on="0"/>
+        <pt x="791" y="100" on="1"/>
+        <pt x="828" y="100" on="0"/>
+        <pt x="825" y="158" on="1"/>
+        <pt x="825" y="594" on="1"/>
+        <pt x="827" y="649" on="0"/>
+        <pt x="791" y="649" on="1"/>
+        <pt x="773" y="649" on="0"/>
+        <pt x="754" y="623" on="0"/>
+        <pt x="754" y="608" on="1"/>
+        <pt x="754" y="594" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          62 5 0 53 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          34 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 46 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 5 0 51 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 18 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 5 0 51 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          72
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          73 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 27 34
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 24
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 42
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 46 67
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 52
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="period" xMin="53" yMin="0" xMax="268" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="periodcentered" xMin="0" yMin="649" xMax="215" yMax="877">
+      <contour>
+        <pt x="0" y="649" on="1"/>
+        <pt x="0" y="877" on="1"/>
+        <pt x="215" y="877" on="1"/>
+        <pt x="215" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="plus" xMin="74" yMin="303" xMax="987" yMax="1167">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="444" y="821" on="1"/>
+        <pt x="444" y="1167" on="1"/>
+        <pt x="616" y="1167" on="1"/>
+        <pt x="616" y="821" on="1"/>
+        <pt x="987" y="821" on="1"/>
+        <pt x="987" y="649" on="1"/>
+        <pt x="616" y="649" on="1"/>
+        <pt x="616" y="303" on="1"/>
+        <pt x="444" y="303" on="1"/>
+        <pt x="444" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 3 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="q" xMin="74" yMin="-385" xMax="604" yMax="1137">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1120" on="1"/>
+        <pt x="604" y="1120" on="1"/>
+        <pt x="604" y="-385" on="1"/>
+        <pt x="397" y="-385" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="221" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="903" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="question" xMin="25" yMin="0" xMax="604" yMax="1513">
+      <contour>
+        <pt x="25" y="1260" on="1"/>
+        <pt x="37" y="1293" on="0"/>
+        <pt x="80" y="1364" on="0"/>
+        <pt x="156" y="1456" on="0"/>
+        <pt x="272" y="1516" on="0"/>
+        <pt x="338" y="1513" on="1"/>
+        <pt x="420" y="1511" on="0"/>
+        <pt x="532" y="1448" on="0"/>
+        <pt x="584" y="1348" on="0"/>
+        <pt x="604" y="1266" on="0"/>
+        <pt x="604" y="1227" on="1"/>
+        <pt x="604" y="1145" on="0"/>
+        <pt x="524" y="1008" on="1"/>
+        <pt x="485" y="945" on="0"/>
+        <pt x="449" y="881" on="0"/>
+        <pt x="401" y="731" on="0"/>
+        <pt x="401" y="662" on="1"/>
+        <pt x="401" y="406" on="1"/>
+        <pt x="211" y="406" on="1"/>
+        <pt x="211" y="662" on="1"/>
+        <pt x="211" y="764" on="0"/>
+        <pt x="260" y="950" on="0"/>
+        <pt x="307" y="1044" on="0"/>
+        <pt x="348" y="1114" on="1"/>
+        <pt x="391" y="1186" on="0"/>
+        <pt x="401" y="1227" on="1"/>
+        <pt x="407" y="1254" on="0"/>
+        <pt x="373" y="1321" on="0"/>
+        <pt x="334" y="1321" on="1"/>
+        <pt x="287" y="1323" on="0"/>
+        <pt x="217" y="1225" on="0"/>
+        <pt x="203" y="1176" on="1"/>
+      </contour>
+      <contour>
+        <pt x="199" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="414" y="227" on="1"/>
+        <pt x="199" y="227" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 11
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="questiondown" xMin="41" yMin="-393" xMax="621" yMax="1120">
+      <contour>
+        <pt x="41" y="-106" on="1"/>
+        <pt x="41" y="-24" on="0"/>
+        <pt x="121" y="113" on="1"/>
+        <pt x="160" y="176" on="0"/>
+        <pt x="197" y="240" on="0"/>
+        <pt x="244" y="389" on="0"/>
+        <pt x="244" y="459" on="1"/>
+        <pt x="244" y="715" on="1"/>
+        <pt x="434" y="715" on="1"/>
+        <pt x="434" y="459" on="1"/>
+        <pt x="434" y="357" on="0"/>
+        <pt x="385" y="170" on="0"/>
+        <pt x="338" y="76" on="0"/>
+        <pt x="297" y="6" on="1"/>
+        <pt x="254" y="-66" on="0"/>
+        <pt x="244" y="-106" on="1"/>
+        <pt x="238" y="-133" on="0"/>
+        <pt x="272" y="-201" on="0"/>
+        <pt x="311" y="-201" on="1"/>
+        <pt x="358" y="-203" on="0"/>
+        <pt x="428" y="-104" on="0"/>
+        <pt x="442" y="-55" on="1"/>
+        <pt x="621" y="-139" on="1"/>
+        <pt x="609" y="-172" on="0"/>
+        <pt x="565" y="-244" on="0"/>
+        <pt x="489" y="-336" on="0"/>
+        <pt x="373" y="-395" on="0"/>
+        <pt x="307" y="-393" on="1"/>
+        <pt x="225" y="-391" on="0"/>
+        <pt x="113" y="-328" on="0"/>
+        <pt x="61" y="-227" on="0"/>
+        <pt x="41" y="-145" on="0"/>
+      </contour>
+      <contour>
+        <pt x="231" y="893" on="1"/>
+        <pt x="231" y="1120" on="1"/>
+        <pt x="446" y="1120" on="1"/>
+        <pt x="446" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          33 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 7 21 22
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedbl" xMin="57" yMin="954" xMax="272" yMax="1505">
+      <contour>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="242" y="954" on="1"/>
+        <pt x="88" y="954" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 8 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblbase" xMin="53" yMin="-266" xMax="571" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+        <pt x="156" y="-266" on="1"/>
+        <pt x="53" y="-266" on="1"/>
+        <pt x="125" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="0" on="1"/>
+        <pt x="356" y="227" on="1"/>
+        <pt x="571" y="227" on="1"/>
+        <pt x="571" y="0" on="1"/>
+        <pt x="459" y="-266" on="1"/>
+        <pt x="356" y="-266" on="1"/>
+        <pt x="428" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 4 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblleft" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="53" y="1239" on="1"/>
+        <pt x="166" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="197" y="1239" on="1"/>
+        <pt x="268" y="1239" on="1"/>
+        <pt x="268" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="356" y="1239" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="500" y="1239" on="1"/>
+        <pt x="571" y="1239" on="1"/>
+        <pt x="571" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblright" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="125" y="1278" on="1"/>
+        <pt x="53" y="1278" on="1"/>
+        <pt x="53" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1278" on="1"/>
+        <pt x="156" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="428" y="1278" on="1"/>
+        <pt x="356" y="1278" on="1"/>
+        <pt x="356" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="571" y="1278" on="1"/>
+        <pt x="459" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 2 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteleft" xMin="49" yMin="1012" xMax="264" yMax="1505">
+      <contour>
+        <pt x="49" y="1012" on="1"/>
+        <pt x="49" y="1239" on="1"/>
+        <pt x="162" y="1505" on="1"/>
+        <pt x="264" y="1505" on="1"/>
+        <pt x="193" y="1239" on="1"/>
+        <pt x="264" y="1239" on="1"/>
+        <pt x="264" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteright" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesinglbase" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesingle" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="r" xMin="82" yMin="0" xMax="496" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="995" on="1"/>
+        <pt x="297" y="1036" on="0"/>
+        <pt x="397" y="1137" on="0"/>
+        <pt x="496" y="1137" on="1"/>
+        <pt x="496" y="907" on="1"/>
+        <pt x="462" y="918" on="0"/>
+        <pt x="432" y="918" on="1"/>
+        <pt x="376" y="918" on="0"/>
+        <pt x="334" y="881" on="1"/>
+        <pt x="289" y="840" on="0"/>
+        <pt x="289" y="778" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="registered" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="625" y="313" on="1"/>
+        <pt x="625" y="1192" on="1"/>
+        <pt x="821" y="1192" on="1"/>
+        <pt x="1052" y="1192" on="0"/>
+        <pt x="1053" y="934" on="1"/>
+        <pt x="1053" y="858" on="0"/>
+        <pt x="1020" y="760" on="0"/>
+        <pt x="965" y="713" on="1"/>
+        <pt x="1071" y="313" on="1"/>
+        <pt x="920" y="313" on="1"/>
+        <pt x="825" y="678" on="1"/>
+        <pt x="770" y="678" on="1"/>
+        <pt x="770" y="313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="770" y="805" on="1"/>
+        <pt x="815" y="805" on="1"/>
+        <pt x="858" y="805" on="0"/>
+        <pt x="903" y="848" on="0"/>
+        <pt x="913" y="895" on="0"/>
+        <pt x="913" y="932" on="1"/>
+        <pt x="913" y="971" on="0"/>
+        <pt x="903" y="1020" on="0"/>
+        <pt x="858" y="1063" on="0"/>
+        <pt x="815" y="1063" on="1"/>
+        <pt x="770" y="1063" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 31 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 5 0 49 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 26
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          20 41 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          20 5 0 48 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          22 16 0 44 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15837 -4197 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 28
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 26
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 9 0
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ring" xMin="358" yMin="1278" xMax="664" yMax="1565">
+      <contour>
+        <pt x="358" y="1360" on="0"/>
+        <pt x="358" y="1483" on="0"/>
+        <pt x="449" y="1565" on="0"/>
+        <pt x="575" y="1565" on="0"/>
+        <pt x="664" y="1483" on="0"/>
+        <pt x="664" y="1360" on="0"/>
+        <pt x="575" y="1278" on="0"/>
+        <pt x="449" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="436" y="1450" on="0"/>
+        <pt x="436" y="1393" on="0"/>
+        <pt x="483" y="1350" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="588" y="1393" on="0"/>
+        <pt x="588" y="1450" on="0"/>
+        <pt x="541" y="1493" on="0"/>
+        <pt x="483" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          9 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          5 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 6 7 2
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 4 5 0
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="s" xMin="37" yMin="-16" xMax="590" yMax="1137">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="330" y="1137" on="0"/>
+        <pt x="335" y="1137" on="1"/>
+        <pt x="413" y="1137" on="0"/>
+        <pt x="466" y="1111" on="1"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 25 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 18 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 34
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="scaron" xMin="37" yMin="-16" xMax="590" yMax="1489">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="410" y="1139" on="0"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <contour>
+        <pt x="66" y="1489" on="1"/>
+        <pt x="254" y="1489" on="1"/>
+        <pt x="315" y="1417" on="1"/>
+        <pt x="379" y="1489" on="1"/>
+        <pt x="567" y="1489" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+        <pt x="207" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 35 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          24 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 24 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          42 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 47
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 7 35 43 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 45 46
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 31
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="semicolon" xMin="74" yMin="-266" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="176" y="-266" on="1"/>
+        <pt x="74" y="-266" on="1"/>
+        <pt x="145" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="seven" xMin="8" yMin="0" xMax="565" yMax="1505">
+      <contour>
+        <pt x="8" y="1286" on="1"/>
+        <pt x="8" y="1505" on="1"/>
+        <pt x="565" y="1505" on="1"/>
+        <pt x="565" y="1284" on="1"/>
+        <pt x="344" y="0" on="1"/>
+        <pt x="115" y="0" on="1"/>
+        <pt x="340" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 20
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 4 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="six" xMin="66" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="66" y="309" on="1"/>
+        <pt x="66" y="1165" on="1"/>
+        <pt x="66" y="1521" on="0"/>
+        <pt x="643" y="1522" on="0"/>
+        <pt x="643" y="1165" on="1"/>
+        <pt x="643" y="1071" on="1"/>
+        <pt x="422" y="1071" on="1"/>
+        <pt x="422" y="1233" on="0"/>
+        <pt x="399" y="1329" on="0"/>
+        <pt x="354" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="287" y="1255" on="0"/>
+        <pt x="287" y="1165" on="1"/>
+        <pt x="287" y="897" on="1"/>
+        <pt x="346" y="934" on="0"/>
+        <pt x="397" y="934" on="1"/>
+        <pt x="477" y="934" on="0"/>
+        <pt x="584" y="862" on="0"/>
+        <pt x="629" y="748" on="0"/>
+        <pt x="643" y="659" on="0"/>
+        <pt x="643" y="616" on="1"/>
+        <pt x="643" y="309" on="1"/>
+        <pt x="643" y="268" on="0"/>
+        <pt x="627" y="182" on="0"/>
+        <pt x="575" y="61" on="0"/>
+        <pt x="449" y="-16" on="0"/>
+        <pt x="260" y="-16" on="0"/>
+        <pt x="133" y="61" on="0"/>
+        <pt x="82" y="182" on="0"/>
+        <pt x="66" y="268" on="0"/>
+      </contour>
+      <contour>
+        <pt x="287" y="244" on="1"/>
+        <pt x="287" y="224" on="0"/>
+        <pt x="322" y="176" on="0"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="422" y="225" on="0"/>
+        <pt x="422" y="244" on="1"/>
+        <pt x="422" y="694" on="1"/>
+        <pt x="422" y="712" on="0"/>
+        <pt x="385" y="762" on="0"/>
+        <pt x="324" y="762" on="0"/>
+        <pt x="289" y="721" on="0"/>
+        <pt x="287" y="700" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          15 40 26 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="slash" xMin="8" yMin="-147" xMax="713" yMax="1505">
+      <contour>
+        <pt x="8" y="-147" on="1"/>
+        <pt x="551" y="1505" on="1"/>
+        <pt x="713" y="1505" on="1"/>
+        <pt x="176" y="-147" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15581 -5065 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[00000]
+          SPVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 3
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="sterling" xMin="4" yMin="-16" xMax="788" yMax="1522">
+      <contour>
+        <pt x="4" y="63" on="1"/>
+        <pt x="12" y="83" on="0"/>
+        <pt x="43" y="150" on="0"/>
+        <pt x="152" y="266" on="0"/>
+        <pt x="215" y="276" on="1"/>
+        <pt x="252" y="387" on="0"/>
+        <pt x="252" y="475" on="1"/>
+        <pt x="252" y="543" on="0"/>
+        <pt x="221" y="649" on="1"/>
+        <pt x="33" y="649" on="1"/>
+        <pt x="33" y="786" on="1"/>
+        <pt x="180" y="786" on="1"/>
+        <pt x="174" y="807" on="1"/>
+        <pt x="96" y="1061" on="0"/>
+        <pt x="96" y="1149" on="1"/>
+        <pt x="96" y="1219" on="0"/>
+        <pt x="127" y="1341" on="0"/>
+        <pt x="193" y="1452" on="0"/>
+        <pt x="311" y="1520" on="0"/>
+        <pt x="391" y="1522" on="1"/>
+        <pt x="487" y="1524" on="0"/>
+        <pt x="623" y="1456" on="0"/>
+        <pt x="694" y="1337" on="0"/>
+        <pt x="723" y="1202" on="0"/>
+        <pt x="723" y="1120" on="1"/>
+        <pt x="510" y="1120" on="1"/>
+        <pt x="510" y="1206" on="0"/>
+        <pt x="459" y="1319" on="0"/>
+        <pt x="395" y="1317" on="1"/>
+        <pt x="348" y="1315" on="0"/>
+        <pt x="305" y="1217" on="0"/>
+        <pt x="305" y="1149" on="1"/>
+        <pt x="305" y="1036" on="0"/>
+        <pt x="375" y="811" on="1"/>
+        <pt x="381" y="786" on="1"/>
+        <pt x="592" y="786" on="1"/>
+        <pt x="592" y="649" on="1"/>
+        <pt x="418" y="649" on="1"/>
+        <pt x="443" y="549" on="0"/>
+        <pt x="442" y="475" on="1"/>
+        <pt x="442" y="371" on="0"/>
+        <pt x="385" y="256" on="1"/>
+        <pt x="401" y="248" on="0"/>
+        <pt x="457" y="215" on="0"/>
+        <pt x="498" y="197" on="0"/>
+        <pt x="518" y="197" on="1"/>
+        <pt x="592" y="201" on="0"/>
+        <pt x="600" y="387" on="1"/>
+        <pt x="788" y="365" on="1"/>
+        <pt x="776" y="183" on="0"/>
+        <pt x="637" y="-16" on="0"/>
+        <pt x="537" y="-16" on="1"/>
+        <pt x="486" y="-16" on="0"/>
+        <pt x="301" y="86" on="0"/>
+        <pt x="264" y="86" on="1"/>
+        <pt x="231" y="86" on="0"/>
+        <pt x="174" y="35" on="0"/>
+        <pt x="162" y="8" on="1"/>
+        <pt x="150" y="-16" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          51 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          45 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          9 10 51 19 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          9 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          25 51 19 8
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          14 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 14 9 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 31 14 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 39 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 8 11 58
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          34 37 41
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          46 47 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 47 48
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 31
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="t" xMin="20" yMin="-16" xMax="473" yMax="1397">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1397" on="1"/>
+        <pt x="332" y="1397" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="473" y="1120" on="1"/>
+        <pt x="473" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="377" on="1"/>
+        <pt x="332" y="193" on="0"/>
+        <pt x="397" y="193" on="1"/>
+        <pt x="473" y="201" on="1"/>
+        <pt x="473" y="-2" on="1"/>
+        <pt x="428" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="294" y="-16" on="0"/>
+        <pt x="199" y="41" on="0"/>
+        <pt x="154" y="113" on="0"/>
+        <pt x="129" y="233" on="0"/>
+        <pt x="125" y="303" on="0"/>
+        <pt x="125" y="360" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 4 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="thorn" xMin="82" yMin="-385" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="three" xMin="45" yMin="-16" xMax="633" yMax="1522">
+      <contour>
+        <pt x="45" y="1071" on="1"/>
+        <pt x="45" y="1141" on="0"/>
+        <pt x="49" y="1231" on="0"/>
+        <pt x="80" y="1372" on="0"/>
+        <pt x="137" y="1456" on="0"/>
+        <pt x="248" y="1522" on="0"/>
+        <pt x="328" y="1522" on="1"/>
+        <pt x="406" y="1522" on="0"/>
+        <pt x="520" y="1460" on="0"/>
+        <pt x="575" y="1380" on="0"/>
+        <pt x="608" y="1276" on="0"/>
+        <pt x="614" y="1221" on="0"/>
+        <pt x="614" y="1198" on="1"/>
+        <pt x="614" y="907" on="0"/>
+        <pt x="508" y="801" on="1"/>
+        <pt x="506" y="799" on="1"/>
+        <pt x="633" y="699" on="0"/>
+        <pt x="633" y="385" on="1"/>
+        <pt x="633" y="360" on="0"/>
+        <pt x="627" y="293" on="0"/>
+        <pt x="594" y="162" on="0"/>
+        <pt x="539" y="61" on="0"/>
+        <pt x="424" y="-16" on="0"/>
+        <pt x="346" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="154" y="47" on="0"/>
+        <pt x="94" y="135" on="0"/>
+        <pt x="59" y="272" on="0"/>
+        <pt x="53" y="371" on="0"/>
+        <pt x="53" y="434" on="1"/>
+        <pt x="270" y="434" on="1"/>
+        <pt x="272" y="284" on="0"/>
+        <pt x="303" y="178" on="0"/>
+        <pt x="346" y="178" on="1"/>
+        <pt x="391" y="178" on="0"/>
+        <pt x="416" y="279" on="0"/>
+        <pt x="416" y="369" on="1"/>
+        <pt x="416" y="387" on="0"/>
+        <pt x="418" y="483" on="0"/>
+        <pt x="416" y="512" on="0"/>
+        <pt x="410" y="582" on="0"/>
+        <pt x="397" y="604" on="0"/>
+        <pt x="373" y="647" on="0"/>
+        <pt x="338" y="662" on="0"/>
+        <pt x="283" y="678" on="0"/>
+        <pt x="248" y="680" on="1"/>
+        <pt x="229" y="680" on="1"/>
+        <pt x="229" y="864" on="1"/>
+        <pt x="266" y="866" on="0"/>
+        <pt x="317" y="877" on="0"/>
+        <pt x="356" y="895" on="0"/>
+        <pt x="379" y="920" on="0"/>
+        <pt x="391" y="954" on="0"/>
+        <pt x="397" y="999" on="0"/>
+        <pt x="397" y="1028" on="1"/>
+        <pt x="397" y="1090" on="1"/>
+        <pt x="397" y="1133" on="1"/>
+        <pt x="397" y="1178" on="0"/>
+        <pt x="395" y="1225" on="0"/>
+        <pt x="383" y="1294" on="0"/>
+        <pt x="352" y="1327" on="0"/>
+        <pt x="328" y="1327" on="1"/>
+        <pt x="287" y="1327" on="0"/>
+        <pt x="264" y="1229" on="0"/>
+        <pt x="262" y="1071" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          33 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 33 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          61 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 61 64 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          47 46 23 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          65
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 29
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          64 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          66 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          27 46 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          23 6 33 41 42 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 38
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="tilde" xMin="313" yMin="1298" xMax="711" yMax="1495">
+      <contour>
+        <pt x="313" y="1305" on="1"/>
+        <pt x="313" y="1456" on="1"/>
+        <pt x="362" y="1495" on="0"/>
+        <pt x="422" y="1495" on="1"/>
+        <pt x="455" y="1495" on="0"/>
+        <pt x="571" y="1458" on="0"/>
+        <pt x="602" y="1456" on="1"/>
+        <pt x="627" y="1456" on="0"/>
+        <pt x="682" y="1473" on="0"/>
+        <pt x="696" y="1481" on="1"/>
+        <pt x="711" y="1489" on="1"/>
+        <pt x="711" y="1337" on="1"/>
+        <pt x="660" y="1298" on="0"/>
+        <pt x="602" y="1298" on="1"/>
+        <pt x="571" y="1298" on="0"/>
+        <pt x="455" y="1337" on="0"/>
+        <pt x="422" y="1337" on="1"/>
+        <pt x="397" y="1337" on="0"/>
+        <pt x="342" y="1321" on="0"/>
+        <pt x="328" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="trademark" xMin="74" yMin="821" xMax="856" yMax="1505">
+      <contour>
+        <pt x="74" y="1401" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="395" y="1401" on="1"/>
+        <pt x="291" y="1401" on="1"/>
+        <pt x="291" y="821" on="1"/>
+        <pt x="178" y="821" on="1"/>
+        <pt x="178" y="1401" on="1"/>
+      </contour>
+      <contour>
+        <pt x="440" y="821" on="1"/>
+        <pt x="440" y="1505" on="1"/>
+        <pt x="578" y="1505" on="1"/>
+        <pt x="645" y="1186" on="1"/>
+        <pt x="651" y="1186" on="1"/>
+        <pt x="719" y="1505" on="1"/>
+        <pt x="856" y="1505" on="1"/>
+        <pt x="856" y="821" on="1"/>
+        <pt x="752" y="821" on="1"/>
+        <pt x="752" y="1270" on="1"/>
+        <pt x="674" y="821" on="1"/>
+        <pt x="623" y="821" on="1"/>
+        <pt x="543" y="1270" on="1"/>
+        <pt x="543" y="821" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 13
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 15 18
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          10 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 15 0 30 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          13 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="two" xMin="55" yMin="0" xMax="655" yMax="1522">
+      <contour>
+        <pt x="55" y="0" on="1"/>
+        <pt x="55" y="219" on="1"/>
+        <pt x="69" y="242" on="0"/>
+        <pt x="119" y="319" on="0"/>
+        <pt x="246" y="547" on="0"/>
+        <pt x="344" y="760" on="0"/>
+        <pt x="428" y="1030" on="0"/>
+        <pt x="430" y="1133" on="1"/>
+        <pt x="430" y="1317" on="0"/>
+        <pt x="283" y="1317" on="0"/>
+        <pt x="283" y="1133" on="1"/>
+        <pt x="283" y="1028" on="1"/>
+        <pt x="61" y="1028" on="1"/>
+        <pt x="61" y="1133" on="1"/>
+        <pt x="61" y="1522" on="0"/>
+        <pt x="651" y="1522" on="0"/>
+        <pt x="651" y="1147" on="1"/>
+        <pt x="651" y="811" on="0"/>
+        <pt x="305" y="219" on="1"/>
+        <pt x="655" y="219" on="1"/>
+        <pt x="655" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          15 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 12 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="u" xMin="78" yMin="-16" xMax="608" yMax="1120">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uacute" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="274" y="1305" on="1"/>
+        <pt x="381" y="1489" on="1"/>
+        <pt x="596" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 22
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ucircumflex" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1305" on="1"/>
+        <pt x="236" y="1489" on="1"/>
+        <pt x="455" y="1489" on="1"/>
+        <pt x="596" y="1305" on="1"/>
+        <pt x="408" y="1305" on="1"/>
+        <pt x="344" y="1376" on="1"/>
+        <pt x="283" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 19 20 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="udieresis" xMin="78" yMin="-16" xMax="608" yMax="1505">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="106" y="1305" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="395" y="1305" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="586" y="1505" on="1"/>
+        <pt x="586" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ugrave" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1489" on="1"/>
+        <pt x="328" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+        <pt x="274" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 19 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="underscore" xMin="74" yMin="-326" xMax="1137" yMax="-154">
+      <contour>
+        <pt x="74" y="-154" on="1"/>
+        <pt x="1137" y="-154" on="1"/>
+        <pt x="1137" y="-326" on="1"/>
+        <pt x="74" y="-326" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2011" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1120" yMax="1120">
+      <contour>
+        <pt x="0" y="1120" on="1"/>
+        <pt x="1120" y="1120" on="1"/>
+        <pt x="1120" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB01" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="526" y="1321" on="1"/>
+        <pt x="485" y="1333" on="0"/>
+        <pt x="416" y="1333" on="1"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="690" y="1120" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB02" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="690" y="1505" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="1329" on="1"/>
+        <pt x="446" y="1333" on="0"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 30 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="v" xMin="16" yMin="0" xMax="586" yMax="1120">
+      <contour>
+        <pt x="16" y="1120" on="1"/>
+        <pt x="217" y="1120" on="1"/>
+        <pt x="285" y="471" on="1"/>
+        <pt x="293" y="399" on="1"/>
+        <pt x="309" y="399" on="1"/>
+        <pt x="317" y="471" on="1"/>
+        <pt x="385" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="403" y="0" on="1"/>
+        <pt x="199" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          9 1 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="w" xMin="20" yMin="0" xMax="885" yMax="1120">
+      <contour>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="209" y="1120" on="1"/>
+        <pt x="274" y="535" on="1"/>
+        <pt x="283" y="471" on="1"/>
+        <pt x="295" y="471" on="1"/>
+        <pt x="305" y="535" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="514" y="1120" on="1"/>
+        <pt x="600" y="535" on="1"/>
+        <pt x="610" y="471" on="1"/>
+        <pt x="623" y="471" on="1"/>
+        <pt x="631" y="535" on="1"/>
+        <pt x="696" y="1120" on="1"/>
+        <pt x="885" y="1120" on="1"/>
+        <pt x="719" y="0" on="1"/>
+        <pt x="547" y="0" on="1"/>
+        <pt x="467" y="535" on="1"/>
+        <pt x="457" y="598" on="1"/>
+        <pt x="449" y="598" on="1"/>
+        <pt x="438" y="535" on="1"/>
+        <pt x="358" y="0" on="1"/>
+        <pt x="186" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 12 13
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16281 -1831 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          11 10 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 10 12
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 11 14
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="x" xMin="16" yMin="0" xMax="602" yMax="1120">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="209" y="578" on="1"/>
+        <pt x="33" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="301" y="858" on="1"/>
+        <pt x="307" y="827" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="317" y="858" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="410" y="578" on="1"/>
+        <pt x="602" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="317" y="283" on="1"/>
+        <pt x="311" y="313" on="1"/>
+        <pt x="307" y="313" on="1"/>
+        <pt x="301" y="283" on="1"/>
+        <pt x="217" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15707 -4662 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          -15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="y" xMin="25" yMin="-401" xMax="610" yMax="1120">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yacute" xMin="25" yMin="-401" xMax="610" yMax="1489">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="215" y="-33" on="1"/>
+        <pt x="215" y="-101" on="0"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="103" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="395" y="-211" on="0"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1305" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="553" y="1489" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 5 8
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 20 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ydieresis" xMin="25" yMin="-401" xMax="610" yMax="1505">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="78" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="367" y="1305" on="1"/>
+        <pt x="367" y="1505" on="1"/>
+        <pt x="557" y="1505" on="1"/>
+        <pt x="557" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yen" xMin="25" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="242" y="1505" on="1"/>
+        <pt x="352" y="1024" on="1"/>
+        <pt x="358" y="1010" on="1"/>
+        <pt x="362" y="1010" on="1"/>
+        <pt x="369" y="1024" on="1"/>
+        <pt x="479" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="500" y="752" on="1"/>
+        <pt x="647" y="752" on="1"/>
+        <pt x="647" y="614" on="1"/>
+        <pt x="471" y="614" on="1"/>
+        <pt x="471" y="477" on="1"/>
+        <pt x="647" y="477" on="1"/>
+        <pt x="647" y="340" on="1"/>
+        <pt x="471" y="340" on="1"/>
+        <pt x="471" y="0" on="1"/>
+        <pt x="250" y="0" on="1"/>
+        <pt x="250" y="340" on="1"/>
+        <pt x="74" y="340" on="1"/>
+        <pt x="74" y="477" on="1"/>
+        <pt x="250" y="477" on="1"/>
+        <pt x="250" y="614" on="1"/>
+        <pt x="74" y="614" on="1"/>
+        <pt x="74" y="752" on="1"/>
+        <pt x="221" y="752" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 7
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 20 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          23 24 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 25
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          23 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 16 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[00000]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          2 5 8 25
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 24
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="z" xMin="12" yMin="0" xMax="516" yMax="1120">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zcaron" xMin="12" yMin="0" xMax="526" yMax="1489">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="25" y="1489" on="1"/>
+        <pt x="213" y="1489" on="1"/>
+        <pt x="274" y="1417" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="526" y="1489" on="1"/>
+        <pt x="385" y="1305" on="1"/>
+        <pt x="166" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zero" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+  </glyf>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      Generated in 2009 by FontLab Studio. Copyright info pending.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      grtest-ot-only
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      webfont
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      grtest-ot-only Regular
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      Version 001.001 
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      grtest-ot-only
+    </namerecord>
+    <namerecord nameID="200" platformID="3" platEncID="1" langID="0x409">
+      This font was generated by the Font Squirrel Generator.
+    </namerecord>
+  </name>
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="Euro"/>
+      <psName name="uniE000"/>
+      <psName name="uniFB01"/>
+      <psName name="uniFB02"/>
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="15"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c9896f31 00000000
+      c6a779b7 00000000 cae12877 
+    </hexdata>
+  </FFTM>
+
+  <GDEF>
+    <Version value="1.0"/>
+    <GlyphClassDef Format="2">
+      <ClassDef glyph=".null" class="1"/>
+      <ClassDef glyph="A" class="1"/>
+      <ClassDef glyph="AE" class="1"/>
+      <ClassDef glyph="Aacute" class="1"/>
+      <ClassDef glyph="Acircumflex" class="1"/>
+      <ClassDef glyph="Adieresis" class="1"/>
+      <ClassDef glyph="Agrave" class="1"/>
+      <ClassDef glyph="Aring" class="1"/>
+      <ClassDef glyph="Atilde" class="1"/>
+      <ClassDef glyph="B" class="1"/>
+      <ClassDef glyph="C" class="1"/>
+      <ClassDef glyph="Ccedilla" class="1"/>
+      <ClassDef glyph="D" class="1"/>
+      <ClassDef glyph="E" class="1"/>
+      <ClassDef glyph="Eacute" class="1"/>
+      <ClassDef glyph="Ecircumflex" class="1"/>
+      <ClassDef glyph="Edieresis" class="1"/>
+      <ClassDef glyph="Egrave" class="1"/>
+      <ClassDef glyph="Eth" class="1"/>
+      <ClassDef glyph="Euro" class="1"/>
+      <ClassDef glyph="F" class="1"/>
+      <ClassDef glyph="G" class="1"/>
+      <ClassDef glyph="H" class="1"/>
+      <ClassDef glyph="I" class="1"/>
+      <ClassDef glyph="Iacute" class="1"/>
+      <ClassDef glyph="Icircumflex" class="1"/>
+      <ClassDef glyph="Idieresis" class="1"/>
+      <ClassDef glyph="Igrave" class="1"/>
+      <ClassDef glyph="J" class="1"/>
+      <ClassDef glyph="K" class="1"/>
+      <ClassDef glyph="L" class="1"/>
+      <ClassDef glyph="Lslash" class="1"/>
+      <ClassDef glyph="M" class="1"/>
+      <ClassDef glyph="N" class="1"/>
+      <ClassDef glyph="Ntilde" class="1"/>
+      <ClassDef glyph="O" class="1"/>
+      <ClassDef glyph="OE" class="1"/>
+      <ClassDef glyph="Oacute" class="1"/>
+      <ClassDef glyph="Ocircumflex" class="1"/>
+      <ClassDef glyph="Odieresis" class="1"/>
+      <ClassDef glyph="Ograve" class="1"/>
+      <ClassDef glyph="Oslash" class="1"/>
+      <ClassDef glyph="Otilde" class="1"/>
+      <ClassDef glyph="P" class="1"/>
+      <ClassDef glyph="Q" class="1"/>
+      <ClassDef glyph="R" class="1"/>
+      <ClassDef glyph="S" class="1"/>
+      <ClassDef glyph="Scaron" class="1"/>
+      <ClassDef glyph="T" class="1"/>
+      <ClassDef glyph="Thorn" class="1"/>
+      <ClassDef glyph="U" class="1"/>
+      <ClassDef glyph="Uacute" class="1"/>
+      <ClassDef glyph="Ucircumflex" class="1"/>
+      <ClassDef glyph="Udieresis" class="1"/>
+      <ClassDef glyph="Ugrave" class="1"/>
+      <ClassDef glyph="V" class="1"/>
+      <ClassDef glyph="W" class="1"/>
+      <ClassDef glyph="X" class="1"/>
+      <ClassDef glyph="Y" class="1"/>
+      <ClassDef glyph="Yacute" class="1"/>
+      <ClassDef glyph="Ydieresis" class="1"/>
+      <ClassDef glyph="Z" class="1"/>
+      <ClassDef glyph="Zcaron" class="1"/>
+      <ClassDef glyph="a" class="1"/>
+      <ClassDef glyph="aacute" class="1"/>
+      <ClassDef glyph="acircumflex" class="1"/>
+      <ClassDef glyph="acute" class="1"/>
+      <ClassDef glyph="adieresis" class="1"/>
+      <ClassDef glyph="ae" class="1"/>
+      <ClassDef glyph="agrave" class="1"/>
+      <ClassDef glyph="ampersand" class="1"/>
+      <ClassDef glyph="aring" class="1"/>
+      <ClassDef glyph="asciicircum" class="1"/>
+      <ClassDef glyph="asciitilde" class="1"/>
+      <ClassDef glyph="asterisk" class="1"/>
+      <ClassDef glyph="at" class="1"/>
+      <ClassDef glyph="atilde" class="1"/>
+      <ClassDef glyph="b" class="1"/>
+      <ClassDef glyph="backslash" class="1"/>
+      <ClassDef glyph="bar" class="1"/>
+      <ClassDef glyph="braceleft" class="1"/>
+      <ClassDef glyph="braceright" class="1"/>
+      <ClassDef glyph="bracketleft" class="1"/>
+      <ClassDef glyph="bracketright" class="1"/>
+      <ClassDef glyph="breve" class="1"/>
+      <ClassDef glyph="bullet" class="1"/>
+      <ClassDef glyph="c" class="1"/>
+      <ClassDef glyph="caron" class="1"/>
+      <ClassDef glyph="ccedilla" class="1"/>
+      <ClassDef glyph="cedilla" class="1"/>
+      <ClassDef glyph="cent" class="1"/>
+      <ClassDef glyph="circumflex" class="1"/>
+      <ClassDef glyph="colon" class="1"/>
+      <ClassDef glyph="comma" class="1"/>
+      <ClassDef glyph="copyright" class="1"/>
+      <ClassDef glyph="d" class="1"/>
+      <ClassDef glyph="dieresis" class="1"/>
+      <ClassDef glyph="dollar" class="1"/>
+      <ClassDef glyph="dotaccent" class="1"/>
+      <ClassDef glyph="dotlessi" class="1"/>
+      <ClassDef glyph="e" class="1"/>
+      <ClassDef glyph="eacute" class="1"/>
+      <ClassDef glyph="ecircumflex" class="1"/>
+      <ClassDef glyph="edieresis" class="1"/>
+      <ClassDef glyph="egrave" class="1"/>
+      <ClassDef glyph="eight" class="1"/>
+      <ClassDef glyph="ellipsis" class="1"/>
+      <ClassDef glyph="emdash" class="1"/>
+      <ClassDef glyph="endash" class="1"/>
+      <ClassDef glyph="equal" class="1"/>
+      <ClassDef glyph="eth" class="1"/>
+      <ClassDef glyph="exclam" class="1"/>
+      <ClassDef glyph="exclamdown" class="1"/>
+      <ClassDef glyph="f" class="1"/>
+      <ClassDef glyph="figuredash" class="1"/>
+      <ClassDef glyph="five" class="1"/>
+      <ClassDef glyph="four" class="1"/>
+      <ClassDef glyph="g" class="1"/>
+      <ClassDef glyph="germandbls" class="1"/>
+      <ClassDef glyph="grave" class="1"/>
+      <ClassDef glyph="greater" class="1"/>
+      <ClassDef glyph="h" class="1"/>
+      <ClassDef glyph="hungarumlaut" class="1"/>
+      <ClassDef glyph="hyphen" class="1"/>
+      <ClassDef glyph="i" class="1"/>
+      <ClassDef glyph="iacute" class="1"/>
+      <ClassDef glyph="icircumflex" class="1"/>
+      <ClassDef glyph="idieresis" class="1"/>
+      <ClassDef glyph="igrave" class="1"/>
+      <ClassDef glyph="j" class="1"/>
+      <ClassDef glyph="k" class="1"/>
+      <ClassDef glyph="l" class="1"/>
+      <ClassDef glyph="less" class="1"/>
+      <ClassDef glyph="lslash" class="1"/>
+      <ClassDef glyph="m" class="1"/>
+      <ClassDef glyph="macron" class="1"/>
+      <ClassDef glyph="minus" class="1"/>
+      <ClassDef glyph="n" class="1"/>
+      <ClassDef glyph="nine" class="1"/>
+      <ClassDef glyph="nonmarkingreturn" class="1"/>
+      <ClassDef glyph="ntilde" class="1"/>
+      <ClassDef glyph="numbersign" class="1"/>
+      <ClassDef glyph="o" class="1"/>
+      <ClassDef glyph="oacute" class="1"/>
+      <ClassDef glyph="ocircumflex" class="1"/>
+      <ClassDef glyph="odieresis" class="1"/>
+      <ClassDef glyph="oe" class="1"/>
+      <ClassDef glyph="ogonek" class="1"/>
+      <ClassDef glyph="ograve" class="1"/>
+      <ClassDef glyph="one" class="1"/>
+      <ClassDef glyph="oslash" class="1"/>
+      <ClassDef glyph="otilde" class="1"/>
+      <ClassDef glyph="p" class="1"/>
+      <ClassDef glyph="parenleft" class="1"/>
+      <ClassDef glyph="parenright" class="1"/>
+      <ClassDef glyph="percent" class="1"/>
+      <ClassDef glyph="period" class="1"/>
+      <ClassDef glyph="periodcentered" class="1"/>
+      <ClassDef glyph="plus" class="1"/>
+      <ClassDef glyph="q" class="1"/>
+      <ClassDef glyph="question" class="1"/>
+      <ClassDef glyph="questiondown" class="1"/>
+      <ClassDef glyph="quotedbl" class="1"/>
+      <ClassDef glyph="quotedblbase" class="1"/>
+      <ClassDef glyph="quotedblleft" class="1"/>
+      <ClassDef glyph="quotedblright" class="1"/>
+      <ClassDef glyph="quoteleft" class="1"/>
+      <ClassDef glyph="quoteright" class="1"/>
+      <ClassDef glyph="quotesinglbase" class="1"/>
+      <ClassDef glyph="quotesingle" class="1"/>
+      <ClassDef glyph="r" class="1"/>
+      <ClassDef glyph="registered" class="1"/>
+      <ClassDef glyph="ring" class="1"/>
+      <ClassDef glyph="s" class="1"/>
+      <ClassDef glyph="scaron" class="1"/>
+      <ClassDef glyph="semicolon" class="1"/>
+      <ClassDef glyph="seven" class="1"/>
+      <ClassDef glyph="six" class="1"/>
+      <ClassDef glyph="slash" class="1"/>
+      <ClassDef glyph="space" class="1"/>
+      <ClassDef glyph="sterling" class="1"/>
+      <ClassDef glyph="t" class="1"/>
+      <ClassDef glyph="thorn" class="1"/>
+      <ClassDef glyph="three" class="1"/>
+      <ClassDef glyph="tilde" class="1"/>
+      <ClassDef glyph="trademark" class="1"/>
+      <ClassDef glyph="two" class="1"/>
+      <ClassDef glyph="u" class="1"/>
+      <ClassDef glyph="uacute" class="1"/>
+      <ClassDef glyph="ucircumflex" class="1"/>
+      <ClassDef glyph="udieresis" class="1"/>
+      <ClassDef glyph="ugrave" class="1"/>
+      <ClassDef glyph="underscore" class="1"/>
+      <ClassDef glyph="uni00A0" class="1"/>
+      <ClassDef glyph="uni00AD" class="1"/>
+      <ClassDef glyph="uni2000" class="1"/>
+      <ClassDef glyph="uni2001" class="1"/>
+      <ClassDef glyph="uni2002" class="1"/>
+      <ClassDef glyph="uni2003" class="1"/>
+      <ClassDef glyph="uni2004" class="1"/>
+      <ClassDef glyph="uni2005" class="1"/>
+      <ClassDef glyph="uni2006" class="1"/>
+      <ClassDef glyph="uni2007" class="1"/>
+      <ClassDef glyph="uni2008" class="1"/>
+      <ClassDef glyph="uni2009" class="1"/>
+      <ClassDef glyph="uni200A" class="1"/>
+      <ClassDef glyph="uni2010" class="1"/>
+      <ClassDef glyph="uni2011" class="1"/>
+      <ClassDef glyph="uni202F" class="1"/>
+      <ClassDef glyph="uni205F" class="1"/>
+      <ClassDef glyph="uniE000" class="1"/>
+      <ClassDef glyph="uniFB01" class="1"/>
+      <ClassDef glyph="uniFB02" class="1"/>
+      <ClassDef glyph="v" class="1"/>
+      <ClassDef glyph="w" class="1"/>
+      <ClassDef glyph="x" class="1"/>
+      <ClassDef glyph="y" class="1"/>
+      <ClassDef glyph="yacute" class="1"/>
+      <ClassDef glyph="ydieresis" class="1"/>
+      <ClassDef glyph="yen" class="1"/>
+      <ClassDef glyph="z" class="1"/>
+      <ClassDef glyph="zcaron" class="1"/>
+      <ClassDef glyph="zero" class="1"/>
+    </GlyphClassDef>
+    <LigCaretList>
+      <Coverage Format="2">
+      </Coverage>
+      <!-- LigGlyphCount=0 -->
+    </LigCaretList>
+  </GDEF>
+
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=0 -->
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+      <ScriptRecord index="1">
+        <ScriptTag value="latn"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="TST1"/>
+        <Feature>
+          <!-- LookupCount=1 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="1"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <SingleSubst index="0" Format="2">
+          <Substitution in="A" out="a"/>
+          <Substitution in="F" out="P"/>
+          <Substitution in="I" out="S"/>
+          <Substitution in="L" out="s"/>
+        </SingleSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+
+</ttFont>
diff --git a/layout/reftests/fonts/graphite/grtest-ot.ttx b/layout/reftests/fonts/graphite/grtest-ot.ttx
new file mode 100644
index 0000000000..a3be8ab4e9
--- /dev/null
+++ b/layout/reftests/fonts/graphite/grtest-ot.ttx
@@ -0,0 +1,24101 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.3">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="exclamdown"/>
+    <GlyphID id="100" name="cent"/>
+    <GlyphID id="101" name="sterling"/>
+    <GlyphID id="102" name="yen"/>
+    <GlyphID id="103" name="dieresis"/>
+    <GlyphID id="104" name="copyright"/>
+    <GlyphID id="105" name="uni00AD"/>
+    <GlyphID id="106" name="registered"/>
+    <GlyphID id="107" name="macron"/>
+    <GlyphID id="108" name="acute"/>
+    <GlyphID id="109" name="periodcentered"/>
+    <GlyphID id="110" name="cedilla"/>
+    <GlyphID id="111" name="questiondown"/>
+    <GlyphID id="112" name="Agrave"/>
+    <GlyphID id="113" name="Aacute"/>
+    <GlyphID id="114" name="Acircumflex"/>
+    <GlyphID id="115" name="Atilde"/>
+    <GlyphID id="116" name="Adieresis"/>
+    <GlyphID id="117" name="Aring"/>
+    <GlyphID id="118" name="AE"/>
+    <GlyphID id="119" name="Ccedilla"/>
+    <GlyphID id="120" name="Egrave"/>
+    <GlyphID id="121" name="Eacute"/>
+    <GlyphID id="122" name="Ecircumflex"/>
+    <GlyphID id="123" name="Edieresis"/>
+    <GlyphID id="124" name="Igrave"/>
+    <GlyphID id="125" name="Iacute"/>
+    <GlyphID id="126" name="Icircumflex"/>
+    <GlyphID id="127" name="Idieresis"/>
+    <GlyphID id="128" name="Eth"/>
+    <GlyphID id="129" name="Ntilde"/>
+    <GlyphID id="130" name="Ograve"/>
+    <GlyphID id="131" name="Oacute"/>
+    <GlyphID id="132" name="Ocircumflex"/>
+    <GlyphID id="133" name="Otilde"/>
+    <GlyphID id="134" name="Odieresis"/>
+    <GlyphID id="135" name="Oslash"/>
+    <GlyphID id="136" name="Ugrave"/>
+    <GlyphID id="137" name="Uacute"/>
+    <GlyphID id="138" name="Ucircumflex"/>
+    <GlyphID id="139" name="Udieresis"/>
+    <GlyphID id="140" name="Yacute"/>
+    <GlyphID id="141" name="Thorn"/>
+    <GlyphID id="142" name="germandbls"/>
+    <GlyphID id="143" name="agrave"/>
+    <GlyphID id="144" name="aacute"/>
+    <GlyphID id="145" name="acircumflex"/>
+    <GlyphID id="146" name="atilde"/>
+    <GlyphID id="147" name="adieresis"/>
+    <GlyphID id="148" name="aring"/>
+    <GlyphID id="149" name="ae"/>
+    <GlyphID id="150" name="ccedilla"/>
+    <GlyphID id="151" name="egrave"/>
+    <GlyphID id="152" name="eacute"/>
+    <GlyphID id="153" name="ecircumflex"/>
+    <GlyphID id="154" name="edieresis"/>
+    <GlyphID id="155" name="igrave"/>
+    <GlyphID id="156" name="iacute"/>
+    <GlyphID id="157" name="icircumflex"/>
+    <GlyphID id="158" name="idieresis"/>
+    <GlyphID id="159" name="eth"/>
+    <GlyphID id="160" name="ntilde"/>
+    <GlyphID id="161" name="ograve"/>
+    <GlyphID id="162" name="oacute"/>
+    <GlyphID id="163" name="ocircumflex"/>
+    <GlyphID id="164" name="otilde"/>
+    <GlyphID id="165" name="odieresis"/>
+    <GlyphID id="166" name="oslash"/>
+    <GlyphID id="167" name="ugrave"/>
+    <GlyphID id="168" name="uacute"/>
+    <GlyphID id="169" name="ucircumflex"/>
+    <GlyphID id="170" name="udieresis"/>
+    <GlyphID id="171" name="yacute"/>
+    <GlyphID id="172" name="thorn"/>
+    <GlyphID id="173" name="ydieresis"/>
+    <GlyphID id="174" name="dotlessi"/>
+    <GlyphID id="175" name="Lslash"/>
+    <GlyphID id="176" name="lslash"/>
+    <GlyphID id="177" name="OE"/>
+    <GlyphID id="178" name="oe"/>
+    <GlyphID id="179" name="Scaron"/>
+    <GlyphID id="180" name="scaron"/>
+    <GlyphID id="181" name="Ydieresis"/>
+    <GlyphID id="182" name="Zcaron"/>
+    <GlyphID id="183" name="zcaron"/>
+    <GlyphID id="184" name="circumflex"/>
+    <GlyphID id="185" name="caron"/>
+    <GlyphID id="186" name="breve"/>
+    <GlyphID id="187" name="dotaccent"/>
+    <GlyphID id="188" name="ring"/>
+    <GlyphID id="189" name="ogonek"/>
+    <GlyphID id="190" name="tilde"/>
+    <GlyphID id="191" name="hungarumlaut"/>
+    <GlyphID id="192" name="uni2000"/>
+    <GlyphID id="193" name="uni2001"/>
+    <GlyphID id="194" name="uni2002"/>
+    <GlyphID id="195" name="uni2003"/>
+    <GlyphID id="196" name="uni2004"/>
+    <GlyphID id="197" name="uni2005"/>
+    <GlyphID id="198" name="uni2006"/>
+    <GlyphID id="199" name="uni2007"/>
+    <GlyphID id="200" name="uni2008"/>
+    <GlyphID id="201" name="uni2009"/>
+    <GlyphID id="202" name="uni200A"/>
+    <GlyphID id="203" name="uni2010"/>
+    <GlyphID id="204" name="uni2011"/>
+    <GlyphID id="205" name="figuredash"/>
+    <GlyphID id="206" name="endash"/>
+    <GlyphID id="207" name="emdash"/>
+    <GlyphID id="208" name="quoteleft"/>
+    <GlyphID id="209" name="quoteright"/>
+    <GlyphID id="210" name="quotesinglbase"/>
+    <GlyphID id="211" name="quotedblleft"/>
+    <GlyphID id="212" name="quotedblright"/>
+    <GlyphID id="213" name="quotedblbase"/>
+    <GlyphID id="214" name="bullet"/>
+    <GlyphID id="215" name="ellipsis"/>
+    <GlyphID id="216" name="uni202F"/>
+    <GlyphID id="217" name="uni205F"/>
+    <GlyphID id="218" name="Euro"/>
+    <GlyphID id="219" name="trademark"/>
+    <GlyphID id="220" name="minus"/>
+    <GlyphID id="221" name="uniE000"/>
+    <GlyphID id="222" name="uniFB01"/>
+    <GlyphID id="223" name="uniFB02"/>
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.0"/>
+    <checkSumAdjustment value="0x5dc89719"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Nov 10 07:06:31 2011"/>
+    <modified value="Thu Nov 10 07:06:31 2011"/>
+    <xMin value="-66"/>
+    <yMin value="-512"/>
+    <xMax value="1591"/>
+    <yMax value="1905"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1905"/>
+    <descent value="-552"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="1904"/>
+    <minLeftSideBearing value="-66"/>
+    <minRightSideBearing value="-66"/>
+    <xMaxExtent value="1591"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="223"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="224"/>
+    <maxPoints value="86"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="318"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="566"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000000"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00100111"/>
+    <ulUnicodeRange2 value="01000000 00000000 00000000 01001010"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="64258"/>
+    <sTypoAscender value="1505"/>
+    <sTypoDescender value="-543"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1905"/>
+    <usWinDescent value="552"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1120"/>
+    <sCapHeight value="1505"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="2"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="315" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="765" lsb="20"/>
+    <mtx name="AE" width="1099" lsb="16"/>
+    <mtx name="Aacute" width="765" lsb="20"/>
+    <mtx name="Acircumflex" width="765" lsb="20"/>
+    <mtx name="Adieresis" width="765" lsb="20"/>
+    <mtx name="Agrave" width="765" lsb="20"/>
+    <mtx name="Aring" width="765" lsb="20"/>
+    <mtx name="Atilde" width="765" lsb="20"/>
+    <mtx name="B" width="745" lsb="82"/>
+    <mtx name="C" width="708" lsb="68"/>
+    <mtx name="Ccedilla" width="708" lsb="68"/>
+    <mtx name="D" width="761" lsb="82"/>
+    <mtx name="E" width="628" lsb="82"/>
+    <mtx name="Eacute" width="628" lsb="82"/>
+    <mtx name="Ecircumflex" width="628" lsb="82"/>
+    <mtx name="Edieresis" width="628" lsb="82"/>
+    <mtx name="Egrave" width="628" lsb="82"/>
+    <mtx name="Eth" width="761" lsb="20"/>
+    <mtx name="Euro" width="813" lsb="53"/>
+    <mtx name="F" width="616" lsb="82"/>
+    <mtx name="G" width="737" lsb="67"/>
+    <mtx name="H" width="778" lsb="82"/>
+    <mtx name="I" width="385" lsb="82"/>
+    <mtx name="Iacute" width="401" lsb="82"/>
+    <mtx name="Icircumflex" width="370" lsb="-66"/>
+    <mtx name="Idieresis" width="372" lsb="-53"/>
+    <mtx name="Igrave" width="401" lsb="-6"/>
+    <mtx name="J" width="423" lsb="12"/>
+    <mtx name="K" width="768" lsb="82"/>
+    <mtx name="L" width="604" lsb="82"/>
+    <mtx name="Lslash" width="628" lsb="41"/>
+    <mtx name="M" width="991" lsb="82"/>
+    <mtx name="N" width="808" lsb="82"/>
+    <mtx name="Ntilde" width="808" lsb="82"/>
+    <mtx name="O" width="724" lsb="68"/>
+    <mtx name="OE" width="983" lsb="68"/>
+    <mtx name="Oacute" width="724" lsb="68"/>
+    <mtx name="Ocircumflex" width="724" lsb="68"/>
+    <mtx name="Odieresis" width="724" lsb="68"/>
+    <mtx name="Ograve" width="724" lsb="68"/>
+    <mtx name="Oslash" width="724" lsb="59"/>
+    <mtx name="Otilde" width="724" lsb="68"/>
+    <mtx name="P" width="720" lsb="82"/>
+    <mtx name="Q" width="729" lsb="68"/>
+    <mtx name="R" width="739" lsb="82"/>
+    <mtx name="S" width="702" lsb="37"/>
+    <mtx name="Scaron" width="702" lsb="37"/>
+    <mtx name="T" width="647" lsb="4"/>
+    <mtx name="Thorn" width="724" lsb="82"/>
+    <mtx name="U" width="749" lsb="80"/>
+    <mtx name="Uacute" width="749" lsb="80"/>
+    <mtx name="Ucircumflex" width="749" lsb="80"/>
+    <mtx name="Udieresis" width="749" lsb="80"/>
+    <mtx name="Ugrave" width="749" lsb="80"/>
+    <mtx name="V" width="716" lsb="18"/>
+    <mtx name="W" width="1036" lsb="25"/>
+    <mtx name="X" width="737" lsb="16"/>
+    <mtx name="Y" width="700" lsb="14"/>
+    <mtx name="Yacute" width="704" lsb="16"/>
+    <mtx name="Ydieresis" width="704" lsb="16"/>
+    <mtx name="Z" width="626" lsb="20"/>
+    <mtx name="Zcaron" width="626" lsb="20"/>
+    <mtx name="a" width="681" lsb="49"/>
+    <mtx name="aacute" width="681" lsb="49"/>
+    <mtx name="acircumflex" width="681" lsb="49"/>
+    <mtx name="acute" width="1024" lsb="410"/>
+    <mtx name="adieresis" width="681" lsb="49"/>
+    <mtx name="ae" width="989" lsb="49"/>
+    <mtx name="agrave" width="681" lsb="49"/>
+    <mtx name="ampersand" width="854" lsb="49"/>
+    <mtx name="aring" width="681" lsb="49"/>
+    <mtx name="asciicircum" width="1101" lsb="53"/>
+    <mtx name="asciitilde" width="1280" lsb="113"/>
+    <mtx name="asterisk" width="677" lsb="74"/>
+    <mtx name="at" width="872" lsb="66"/>
+    <mtx name="atilde" width="681" lsb="49"/>
+    <mtx name="b" width="686" lsb="82"/>
+    <mtx name="backslash" width="792" lsb="8"/>
+    <mtx name="bar" width="356" lsb="82"/>
+    <mtx name="braceleft" width="688" lsb="61"/>
+    <mtx name="braceright" width="688" lsb="57"/>
+    <mtx name="bracketleft" width="538" lsb="82"/>
+    <mtx name="bracketright" width="538" lsb="57"/>
+    <mtx name="breve" width="1024" lsb="287"/>
+    <mtx name="bullet" width="663" lsb="82"/>
+    <mtx name="c" width="645" lsb="66"/>
+    <mtx name="caron" width="1021" lsb="260"/>
+    <mtx name="ccedilla" width="645" lsb="66"/>
+    <mtx name="cedilla" width="1024" lsb="426"/>
+    <mtx name="cent" width="636" lsb="66"/>
+    <mtx name="circumflex" width="1021" lsb="260"/>
+    <mtx name="colon" width="362" lsb="74"/>
+    <mtx name="comma" width="309" lsb="45"/>
+    <mtx name="copyright" width="1644" lsb="53"/>
+    <mtx name="d" width="686" lsb="74"/>
+    <mtx name="dieresis" width="1024" lsb="272"/>
+    <mtx name="dollar" width="692" lsb="37"/>
+    <mtx name="dotaccent" width="1021" lsb="408"/>
+    <mtx name="dotlessi" width="370" lsb="82"/>
+    <mtx name="e" width="659" lsb="66"/>
+    <mtx name="eacute" width="659" lsb="66"/>
+    <mtx name="ecircumflex" width="659" lsb="66"/>
+    <mtx name="edieresis" width="659" lsb="66"/>
+    <mtx name="egrave" width="659" lsb="66"/>
+    <mtx name="eight" width="696" lsb="53"/>
+    <mtx name="ellipsis" width="964" lsb="53"/>
+    <mtx name="emdash" width="972" lsb="74"/>
+    <mtx name="endash" width="806" lsb="74"/>
+    <mtx name="equal" width="1058" lsb="74"/>
+    <mtx name="eth" width="673" lsb="76"/>
+    <mtx name="exclam" width="387" lsb="74"/>
+    <mtx name="exclamdown" width="387" lsb="74"/>
+    <mtx name="f" width="475" lsb="20"/>
+    <mtx name="figuredash" width="444" lsb="74"/>
+    <mtx name="five" width="704" lsb="74"/>
+    <mtx name="four" width="684" lsb="25"/>
+    <mtx name="g" width="700" lsb="12"/>
+    <mtx name="germandbls" width="733" lsb="66"/>
+    <mtx name="grave" width="1024" lsb="293"/>
+    <mtx name="greater" width="1058" lsb="74"/>
+    <mtx name="h" width="690" lsb="82"/>
+    <mtx name="hungarumlaut" width="1024" lsb="215"/>
+    <mtx name="hyphen" width="444" lsb="74"/>
+    <mtx name="i" width="370" lsb="82"/>
+    <mtx name="iacute" width="370" lsb="82"/>
+    <mtx name="icircumflex" width="370" lsb="-66"/>
+    <mtx name="idieresis" width="372" lsb="-53"/>
+    <mtx name="igrave" width="370" lsb="-33"/>
+    <mtx name="j" width="364" lsb="-45"/>
+    <mtx name="k" width="641" lsb="82"/>
+    <mtx name="l" width="370" lsb="82"/>
+    <mtx name="less" width="1058" lsb="74"/>
+    <mtx name="lslash" width="468" lsb="31"/>
+    <mtx name="m" width="1021" lsb="82"/>
+    <mtx name="macron" width="1024" lsb="313"/>
+    <mtx name="minus" width="776" lsb="74"/>
+    <mtx name="n" width="690" lsb="82"/>
+    <mtx name="nine" width="700" lsb="57"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="ntilde" width="690" lsb="82"/>
+    <mtx name="numbersign" width="1232" lsb="49"/>
+    <mtx name="o" width="657" lsb="63"/>
+    <mtx name="oacute" width="657" lsb="63"/>
+    <mtx name="ocircumflex" width="657" lsb="63"/>
+    <mtx name="odieresis" width="657" lsb="63"/>
+    <mtx name="oe" width="995" lsb="63"/>
+    <mtx name="ogonek" width="1024" lsb="348"/>
+    <mtx name="ograve" width="657" lsb="63"/>
+    <mtx name="one" width="475" lsb="25"/>
+    <mtx name="oslash" width="657" lsb="63"/>
+    <mtx name="otilde" width="657" lsb="63"/>
+    <mtx name="p" width="686" lsb="82"/>
+    <mtx name="parenleft" width="561" lsb="66"/>
+    <mtx name="parenright" width="561" lsb="41"/>
+    <mtx name="percent" width="1001" lsb="55"/>
+    <mtx name="period" width="321" lsb="53"/>
+    <mtx name="periodcentered" width="215" lsb="0"/>
+    <mtx name="plus" width="1060" lsb="74"/>
+    <mtx name="q" width="686" lsb="74"/>
+    <mtx name="question" width="645" lsb="25"/>
+    <mtx name="questiondown" width="645" lsb="41"/>
+    <mtx name="quotedbl" width="329" lsb="57"/>
+    <mtx name="quotedblbase" width="624" lsb="53"/>
+    <mtx name="quotedblleft" width="624" lsb="53"/>
+    <mtx name="quotedblright" width="624" lsb="53"/>
+    <mtx name="quoteleft" width="309" lsb="49"/>
+    <mtx name="quoteright" width="309" lsb="45"/>
+    <mtx name="quotesinglbase" width="309" lsb="45"/>
+    <mtx name="quotesingle" width="309" lsb="45"/>
+    <mtx name="r" width="503" lsb="82"/>
+    <mtx name="registered" width="1644" lsb="53"/>
+    <mtx name="ring" width="1021" lsb="358"/>
+    <mtx name="s" width="630" lsb="37"/>
+    <mtx name="scaron" width="630" lsb="37"/>
+    <mtx name="semicolon" width="362" lsb="74"/>
+    <mtx name="seven" width="589" lsb="8"/>
+    <mtx name="six" width="700" lsb="66"/>
+    <mtx name="slash" width="720" lsb="8"/>
+    <mtx name="space" width="315" lsb="0"/>
+    <mtx name="sterling" width="817" lsb="4"/>
+    <mtx name="t" width="501" lsb="20"/>
+    <mtx name="thorn" width="686" lsb="82"/>
+    <mtx name="three" width="686" lsb="45"/>
+    <mtx name="tilde" width="1024" lsb="313"/>
+    <mtx name="trademark" width="937" lsb="74"/>
+    <mtx name="two" width="731" lsb="55"/>
+    <mtx name="u" width="690" lsb="78"/>
+    <mtx name="uacute" width="690" lsb="78"/>
+    <mtx name="ucircumflex" width="690" lsb="78"/>
+    <mtx name="udieresis" width="690" lsb="78"/>
+    <mtx name="ugrave" width="690" lsb="78"/>
+    <mtx name="underscore" width="1210" lsb="74"/>
+    <mtx name="uni00A0" width="315" lsb="0"/>
+    <mtx name="uni00AD" width="444" lsb="74"/>
+    <mtx name="uni2000" width="952" lsb="0"/>
+    <mtx name="uni2001" width="1904" lsb="0"/>
+    <mtx name="uni2002" width="952" lsb="0"/>
+    <mtx name="uni2003" width="1904" lsb="0"/>
+    <mtx name="uni2004" width="634" lsb="0"/>
+    <mtx name="uni2005" width="475" lsb="0"/>
+    <mtx name="uni2006" width="317" lsb="0"/>
+    <mtx name="uni2007" width="317" lsb="0"/>
+    <mtx name="uni2008" width="237" lsb="0"/>
+    <mtx name="uni2009" width="380" lsb="0"/>
+    <mtx name="uni200A" width="104" lsb="0"/>
+    <mtx name="uni2010" width="444" lsb="74"/>
+    <mtx name="uni2011" width="444" lsb="74"/>
+    <mtx name="uni202F" width="380" lsb="0"/>
+    <mtx name="uni205F" width="475" lsb="0"/>
+    <mtx name="uniE000" width="1120" lsb="0"/>
+    <mtx name="uniFB01" width="772" lsb="20"/>
+    <mtx name="uniFB02" width="772" lsb="20"/>
+    <mtx name="v" width="602" lsb="16"/>
+    <mtx name="w" width="905" lsb="20"/>
+    <mtx name="x" width="618" lsb="16"/>
+    <mtx name="y" width="634" lsb="25"/>
+    <mtx name="yacute" width="634" lsb="25"/>
+    <mtx name="ydieresis" width="634" lsb="25"/>
+    <mtx name="yen" width="720" lsb="25"/>
+    <mtx name="z" width="532" lsb="12"/>
+    <mtx name="zcaron" width="532" lsb="12"/>
+    <mtx name="zero" width="724" lsb="68"/>
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+    <cmap_format_0 platformID="1" platEncID="0" language="0">
+      <map code="0x0" name=".null"/>
+      <map code="0x1" name=".notdef"/>
+      <map code="0x2" name=".notdef"/>
+      <map code="0x3" name=".notdef"/>
+      <map code="0x4" name=".notdef"/>
+      <map code="0x5" name=".notdef"/>
+      <map code="0x6" name=".notdef"/>
+      <map code="0x7" name=".notdef"/>
+      <map code="0x8" name=".null"/>
+      <map code="0x9" name="nonmarkingreturn"/>
+      <map code="0xa" name=".notdef"/>
+      <map code="0xb" name=".notdef"/>
+      <map code="0xc" name=".notdef"/>
+      <map code="0xd" name="nonmarkingreturn"/>
+      <map code="0xe" name=".notdef"/>
+      <map code="0xf" name=".notdef"/>
+      <map code="0x10" name=".notdef"/>
+      <map code="0x11" name=".notdef"/>
+      <map code="0x12" name=".notdef"/>
+      <map code="0x13" name=".notdef"/>
+      <map code="0x14" name=".notdef"/>
+      <map code="0x15" name=".notdef"/>
+      <map code="0x16" name=".notdef"/>
+      <map code="0x17" name=".notdef"/>
+      <map code="0x18" name=".notdef"/>
+      <map code="0x19" name=".notdef"/>
+      <map code="0x1a" name=".notdef"/>
+      <map code="0x1b" name=".notdef"/>
+      <map code="0x1c" name=".notdef"/>
+      <map code="0x1d" name=".null"/>
+      <map code="0x1e" name=".notdef"/>
+      <map code="0x1f" name=".notdef"/>
+      <map code="0x20" name="space"/>
+      <map code="0x21" name="exclam"/>
+      <map code="0x22" name="quotedbl"/>
+      <map code="0x23" name="numbersign"/>
+      <map code="0x24" name="dollar"/>
+      <map code="0x25" name="percent"/>
+      <map code="0x26" name="ampersand"/>
+      <map code="0x27" name="quotesingle"/>
+      <map code="0x28" name="parenleft"/>
+      <map code="0x29" name="parenright"/>
+      <map code="0x2a" name="asterisk"/>
+      <map code="0x2b" name="plus"/>
+      <map code="0x2c" name="comma"/>
+      <map code="0x2d" name="hyphen"/>
+      <map code="0x2e" name="period"/>
+      <map code="0x2f" name="slash"/>
+      <map code="0x30" name="zero"/>
+      <map code="0x31" name="one"/>
+      <map code="0x32" name="two"/>
+      <map code="0x33" name="three"/>
+      <map code="0x34" name="four"/>
+      <map code="0x35" name="five"/>
+      <map code="0x36" name="six"/>
+      <map code="0x37" name="seven"/>
+      <map code="0x38" name="eight"/>
+      <map code="0x39" name="nine"/>
+      <map code="0x3a" name="colon"/>
+      <map code="0x3b" name="semicolon"/>
+      <map code="0x3c" name="less"/>
+      <map code="0x3d" name="equal"/>
+      <map code="0x3e" name="greater"/>
+      <map code="0x3f" name="question"/>
+      <map code="0x40" name="at"/>
+      <map code="0x41" name="A"/>
+      <map code="0x42" name="B"/>
+      <map code="0x43" name="C"/>
+      <map code="0x44" name="D"/>
+      <map code="0x45" name="E"/>
+      <map code="0x46" name="F"/>
+      <map code="0x47" name="G"/>
+      <map code="0x48" name="H"/>
+      <map code="0x49" name="I"/>
+      <map code="0x4a" name="J"/>
+      <map code="0x4b" name="K"/>
+      <map code="0x4c" name="L"/>
+      <map code="0x4d" name="M"/>
+      <map code="0x4e" name="N"/>
+      <map code="0x4f" name="O"/>
+      <map code="0x50" name="P"/>
+      <map code="0x51" name="Q"/>
+      <map code="0x52" name="R"/>
+      <map code="0x53" name="S"/>
+      <map code="0x54" name="T"/>
+      <map code="0x55" name="U"/>
+      <map code="0x56" name="V"/>
+      <map code="0x57" name="W"/>
+      <map code="0x58" name="X"/>
+      <map code="0x59" name="Y"/>
+      <map code="0x5a" name="Z"/>
+      <map code="0x5b" name="bracketleft"/>
+      <map code="0x5c" name="backslash"/>
+      <map code="0x5d" name="bracketright"/>
+      <map code="0x5e" name="asciicircum"/>
+      <map code="0x5f" name="underscore"/>
+      <map code="0x60" name="grave"/>
+      <map code="0x61" name="a"/>
+      <map code="0x62" name="b"/>
+      <map code="0x63" name="c"/>
+      <map code="0x64" name="d"/>
+      <map code="0x65" name="e"/>
+      <map code="0x66" name="f"/>
+      <map code="0x67" name="g"/>
+      <map code="0x68" name="h"/>
+      <map code="0x69" name="i"/>
+      <map code="0x6a" name="j"/>
+      <map code="0x6b" name="k"/>
+      <map code="0x6c" name="l"/>
+      <map code="0x6d" name="m"/>
+      <map code="0x6e" name="n"/>
+      <map code="0x6f" name="o"/>
+      <map code="0x70" name="p"/>
+      <map code="0x71" name="q"/>
+      <map code="0x72" name="r"/>
+      <map code="0x73" name="s"/>
+      <map code="0x74" name="t"/>
+      <map code="0x75" name="u"/>
+      <map code="0x76" name="v"/>
+      <map code="0x77" name="w"/>
+      <map code="0x78" name="x"/>
+      <map code="0x79" name="y"/>
+      <map code="0x7a" name="z"/>
+      <map code="0x7b" name="braceleft"/>
+      <map code="0x7c" name="bar"/>
+      <map code="0x7d" name="braceright"/>
+      <map code="0x7e" name="asciitilde"/>
+      <map code="0x7f" name=".notdef"/>
+      <map code="0x80" name="Adieresis"/>
+      <map code="0x81" name="Aring"/>
+      <map code="0x82" name="Ccedilla"/>
+      <map code="0x83" name="Eacute"/>
+      <map code="0x84" name="Ntilde"/>
+      <map code="0x85" name="Odieresis"/>
+      <map code="0x86" name="Udieresis"/>
+      <map code="0x87" name="aacute"/>
+      <map code="0x88" name="agrave"/>
+      <map code="0x89" name="acircumflex"/>
+      <map code="0x8a" name="adieresis"/>
+      <map code="0x8b" name="atilde"/>
+      <map code="0x8c" name="aring"/>
+      <map code="0x8d" name="ccedilla"/>
+      <map code="0x8e" name="eacute"/>
+      <map code="0x8f" name="egrave"/>
+      <map code="0x90" name="ecircumflex"/>
+      <map code="0x91" name="edieresis"/>
+      <map code="0x92" name="iacute"/>
+      <map code="0x93" name="igrave"/>
+      <map code="0x94" name="icircumflex"/>
+      <map code="0x95" name="idieresis"/>
+      <map code="0x96" name="ntilde"/>
+      <map code="0x97" name="oacute"/>
+      <map code="0x98" name="ograve"/>
+      <map code="0x99" name="ocircumflex"/>
+      <map code="0x9a" name="odieresis"/>
+      <map code="0x9b" name="otilde"/>
+      <map code="0x9c" name="uacute"/>
+      <map code="0x9d" name="ugrave"/>
+      <map code="0x9e" name="ucircumflex"/>
+      <map code="0x9f" name="udieresis"/>
+      <map code="0xa0" name=".notdef"/>
+      <map code="0xa1" name=".notdef"/>
+      <map code="0xa2" name="cent"/>
+      <map code="0xa3" name="sterling"/>
+      <map code="0xa4" name=".notdef"/>
+      <map code="0xa5" name="bullet"/>
+      <map code="0xa6" name=".notdef"/>
+      <map code="0xa7" name="germandbls"/>
+      <map code="0xa8" name="registered"/>
+      <map code="0xa9" name="copyright"/>
+      <map code="0xaa" name="trademark"/>
+      <map code="0xab" name="acute"/>
+      <map code="0xac" name="dieresis"/>
+      <map code="0xad" name=".notdef"/>
+      <map code="0xae" name="AE"/>
+      <map code="0xaf" name="Oslash"/>
+      <map code="0xb0" name=".notdef"/>
+      <map code="0xb1" name=".notdef"/>
+      <map code="0xb2" name=".notdef"/>
+      <map code="0xb3" name=".notdef"/>
+      <map code="0xb4" name="yen"/>
+      <map code="0xb5" name=".notdef"/>
+      <map code="0xb6" name=".notdef"/>
+      <map code="0xb7" name=".notdef"/>
+      <map code="0xb8" name=".notdef"/>
+      <map code="0xb9" name=".notdef"/>
+      <map code="0xba" name=".notdef"/>
+      <map code="0xbb" name=".notdef"/>
+      <map code="0xbc" name=".notdef"/>
+      <map code="0xbd" name=".notdef"/>
+      <map code="0xbe" name="ae"/>
+      <map code="0xbf" name="oslash"/>
+      <map code="0xc0" name="questiondown"/>
+      <map code="0xc1" name="exclamdown"/>
+      <map code="0xc2" name=".notdef"/>
+      <map code="0xc3" name=".notdef"/>
+      <map code="0xc4" name=".notdef"/>
+      <map code="0xc5" name=".notdef"/>
+      <map code="0xc6" name=".notdef"/>
+      <map code="0xc7" name=".notdef"/>
+      <map code="0xc8" name=".notdef"/>
+      <map code="0xc9" name="ellipsis"/>
+      <map code="0xca" name="uni00A0"/>
+      <map code="0xcb" name="Agrave"/>
+      <map code="0xcc" name="Atilde"/>
+      <map code="0xcd" name="Otilde"/>
+      <map code="0xce" name="OE"/>
+      <map code="0xcf" name="oe"/>
+      <map code="0xd0" name="endash"/>
+      <map code="0xd1" name="emdash"/>
+      <map code="0xd2" name="quotedblleft"/>
+      <map code="0xd3" name="quotedblright"/>
+      <map code="0xd4" name="quoteleft"/>
+      <map code="0xd5" name="quoteright"/>
+      <map code="0xd6" name=".notdef"/>
+      <map code="0xd7" name=".notdef"/>
+      <map code="0xd8" name="ydieresis"/>
+      <map code="0xd9" name="Ydieresis"/>
+      <map code="0xda" name=".notdef"/>
+      <map code="0xdb" name="Euro"/>
+      <map code="0xdc" name=".notdef"/>
+      <map code="0xdd" name=".notdef"/>
+      <map code="0xde" name="uniFB01"/>
+      <map code="0xdf" name="uniFB02"/>
+      <map code="0xe0" name=".notdef"/>
+      <map code="0xe1" name="periodcentered"/>
+      <map code="0xe2" name="quotesinglbase"/>
+      <map code="0xe3" name="quotedblbase"/>
+      <map code="0xe4" name=".notdef"/>
+      <map code="0xe5" name="Acircumflex"/>
+      <map code="0xe6" name="Ecircumflex"/>
+      <map code="0xe7" name="Aacute"/>
+      <map code="0xe8" name="Edieresis"/>
+      <map code="0xe9" name="Egrave"/>
+      <map code="0xea" name="Iacute"/>
+      <map code="0xeb" name="Icircumflex"/>
+      <map code="0xec" name="Idieresis"/>
+      <map code="0xed" name="Igrave"/>
+      <map code="0xee" name="Oacute"/>
+      <map code="0xef" name="Ocircumflex"/>
+      <map code="0xf0" name=".notdef"/>
+      <map code="0xf1" name="Ograve"/>
+      <map code="0xf2" name="Uacute"/>
+      <map code="0xf3" name="Ucircumflex"/>
+      <map code="0xf4" name="Ugrave"/>
+      <map code="0xf5" name="dotlessi"/>
+      <map code="0xf6" name="circumflex"/>
+      <map code="0xf7" name="tilde"/>
+      <map code="0xf8" name="macron"/>
+      <map code="0xf9" name="breve"/>
+      <map code="0xfa" name="dotaccent"/>
+      <map code="0xfb" name="ring"/>
+      <map code="0xfc" name="cedilla"/>
+      <map code="0xfd" name="hungarumlaut"/>
+      <map code="0xfe" name="ogonek"/>
+      <map code="0xff" name="caron"/>
+    </cmap_format_0>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+  </cmap>
+
+  <fpgm>
+    <assembly>
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SZP0[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      74
+      SROUND[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      MIAP[1]
+      RTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      RDTG[ ]
+      EIF[ ]
+      DUP[ ]
+      MDRP[10100]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SZP0[ ]
+      MDAP[0]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      2
+      FDEF[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      RCVT[ ]
+      SWAP[ ]
+      EIF[ ]
+      POP[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      FDEF[ ]
+      ROUND[01]
+      RTG[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      LT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SWAP[ ]
+      POP[ ]
+      ROFF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      IF[ ]
+      MIRP[11101]
+      ELSE[ ]
+      MIRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      CALL[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      70
+      SROUND[ ]
+      EIF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      FDEF[ ]
+      GFV[ ]
+      NOT[ ]
+      AND[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      34 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      36 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      FDEF[ ]
+      DUP[ ]
+      RDTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      MDRP[00100]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      ROLL[ ]
+      NEG[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      ROLL[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SRP0[ ]
+      ELSE[ ]
+      SRP0[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      ROLL[ ]
+      GC[0]
+      SUB[ ]
+      SWAP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      NEG[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      MDRP[10110]
+      RTG[ ]
+      POP[ ]
+      POP[ ]
+      ELSE[ ]
+      DUP[ ]
+      MDRP[10110]
+      ROLL[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[0]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      NEQ[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      FDEF[ ]
+      SWAP[ ]
+      DUP[ ]
+      MDRP[10110]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SWAP[ ]
+      DUP[ ]
+      IF[ ]
+      MPPEM[ ]
+      GTEQ[ ]
+      ELSE[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      EIF[ ]
+      IF[ ]
+      ROLL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      DUP[ ]
+      ROLL[ ]
+      MD[0]
+      ROLL[ ]
+      SWAP[ ]
+      SUB[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SWAP[ ]
+      SUB[ ]
+      ROUND[10]
+      ADD[ ]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      FDEF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SDPVTL[1]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[1]
+      ABS[ ]
+      SWAP[ ]
+      ROLL[ ]
+      SPVTL[1]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      LT[ ]
+      IF[ ]
+      ALIGNRP[ ]
+      ELSE[ ]
+      MDRP[00000]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      FDEF[ ]
+      PUSHB[ ]  /* 4 values pushed */
+      0 64 1 64
+      WS[ ]
+      WS[ ]
+      SVTCA[1]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      NEQ[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      GT[ ]
+      IF[ ]
+      SWAP[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      WS[ ]
+      ELSE[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SWAP[ ]
+      WS[ ]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      0 32 0
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      1 32 1
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      MUL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      25
+      NEG[ ]
+      JMPR[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      ENDF[ ]
+    </assembly>
+  </fpgm>
+
+  <prep>
+    <assembly>
+      PUSHW[ ]  /* 1 value pushed */
+      511
+      SCANCTRL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SCANTYPE[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      1 1
+      INSTCTRL[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      70 6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      GT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      128
+      EIF[ ]
+      SCVTCI[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SVTCA[0]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 121 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      9 79 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      8 58 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      7 37 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      6 16 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 152 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      10 47 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      11 46 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      12 26 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      SVTCA[1]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      14 25 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      17 15 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      16 63 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      DUP[ ]
+      RCVT[ ]
+      PUSHW[ ]  /* 3 values pushed */
+      14 32767 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      18 84 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      19 54 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      20 14 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      22
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      21 10 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      23
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      22 9 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      24
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      23 7 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      CALL[ ]
+    </assembly>
+  </prep>
+
+  <cvt>
+    <cv index="0" value="-385"/>
+    <cv index="1" value="0"/>
+    <cv index="2" value="1120"/>
+    <cv index="3" value="1505"/>
+    <cv index="4" value="195"/>
+    <cv index="5" value="96"/>
+    <cv index="6" value="162"/>
+    <cv index="7" value="172"/>
+    <cv index="8" value="180"/>
+    <cv index="9" value="186"/>
+    <cv index="10" value="203"/>
+    <cv index="11" value="219"/>
+    <cv index="12" value="227"/>
+    <cv index="13" value="242"/>
+    <cv index="14" value="207"/>
+    <cv index="15" value="94"/>
+    <cv index="16" value="123"/>
+    <cv index="17" value="160"/>
+    <cv index="18" value="207"/>
+    <cv index="19" value="221"/>
+    <cv index="20" value="229"/>
+    <cv index="21" value="309"/>
+    <cv index="22" value="426"/>
+    <cv index="23" value="506"/>
+    <cv index="24" value="586"/>
+    <cv index="25" value="154"/>
+    <cv index="26" value="210"/>
+    <cv index="27" value="156"/>
+    <cv index="28" value="158"/>
+    <cv index="29" value="217"/>
+    <cv index="30" value="165"/>
+    <cv index="31" value="188"/>
+    <cv index="32" value="144"/>
+    <cv index="33" value="118"/>
+    <cv index="34" value="74"/>
+  </cvt>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="20" yMin="0" xMax="745" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 8 9
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="AE" xMin="16" yMin="0" xMax="1059" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="436" y="1505" on="1"/>
+        <pt x="1059" y="1505" on="1"/>
+        <pt x="1059" y="1278" on="1"/>
+        <pt x="774" y="1278" on="1"/>
+        <pt x="774" y="883" on="1"/>
+        <pt x="979" y="883" on="1"/>
+        <pt x="979" y="641" on="1"/>
+        <pt x="774" y="641" on="1"/>
+        <pt x="774" y="227" on="1"/>
+        <pt x="1059" y="227" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="553" y="0" on="1"/>
+        <pt x="553" y="307" on="1"/>
+        <pt x="326" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="393" y="541" on="1"/>
+        <pt x="553" y="541" on="1"/>
+        <pt x="553" y="1055" on="1"/>
+        <pt x="543" y="1055" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          14 16 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 2 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15722 -4609 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          14 15 19 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 15 19 19
+          CALL[ ]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          1 14 16 19
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aacute" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="293" y="1638" on="1"/>
+        <pt x="399" y="1823" on="1"/>
+        <pt x="614" y="1823" on="1"/>
+        <pt x="453" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 8 9 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Acircumflex" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="1638" on="1"/>
+        <pt x="274" y="1823" on="1"/>
+        <pt x="494" y="1823" on="1"/>
+        <pt x="635" y="1638" on="1"/>
+        <pt x="446" y="1638" on="1"/>
+        <pt x="383" y="1710" on="1"/>
+        <pt x="322" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 15 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 9 10 12 14 15 16
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Adieresis" xMin="20" yMin="0" xMax="745" yMax="1839">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1638" on="1"/>
+        <pt x="143" y="1839" on="1"/>
+        <pt x="334" y="1839" on="1"/>
+        <pt x="334" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="432" y="1839" on="1"/>
+        <pt x="623" y="1839" on="1"/>
+        <pt x="623" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          7 11 8 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          4 21 18 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 12
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 5 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Agrave" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="141" y="1823" on="1"/>
+        <pt x="356" y="1823" on="1"/>
+        <pt x="463" y="1638" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 9 10 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aring" xMin="20" yMin="0" xMax="745" yMax="1905">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1700" on="0"/>
+        <pt x="231" y="1823" on="0"/>
+        <pt x="322" y="1905" on="0"/>
+        <pt x="449" y="1905" on="0"/>
+        <pt x="537" y="1823" on="0"/>
+        <pt x="537" y="1700" on="0"/>
+        <pt x="449" y="1618" on="0"/>
+        <pt x="322" y="1618" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="309" y="1790" on="0"/>
+        <pt x="309" y="1733" on="0"/>
+        <pt x="356" y="1690" on="0"/>
+        <pt x="414" y="1690" on="0"/>
+        <pt x="461" y="1733" on="0"/>
+        <pt x="461" y="1790" on="0"/>
+        <pt x="414" y="1833" on="0"/>
+        <pt x="356" y="1833" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 16 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          25 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          23 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          7 23 9 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          13 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 13 27 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 15 10 20
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 12 13 8
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Atilde" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="184" y="1632" on="1"/>
+        <pt x="184" y="1784" on="1"/>
+        <pt x="233" y="1823" on="0"/>
+        <pt x="293" y="1823" on="1"/>
+        <pt x="326" y="1823" on="0"/>
+        <pt x="442" y="1786" on="0"/>
+        <pt x="473" y="1784" on="1"/>
+        <pt x="498" y="1784" on="0"/>
+        <pt x="553" y="1800" on="0"/>
+        <pt x="567" y="1808" on="1"/>
+        <pt x="582" y="1817" on="1"/>
+        <pt x="582" y="1665" on="1"/>
+        <pt x="531" y="1626" on="0"/>
+        <pt x="473" y="1626" on="1"/>
+        <pt x="442" y="1626" on="0"/>
+        <pt x="326" y="1665" on="0"/>
+        <pt x="293" y="1665" on="1"/>
+        <pt x="268" y="1665" on="0"/>
+        <pt x="213" y="1649" on="0"/>
+        <pt x="199" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 28 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          14 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 11 13 21 24 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="B" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="276" y="1505" on="1"/>
+        <pt x="481" y="1505" on="0"/>
+        <pt x="680" y="1323" on="0"/>
+        <pt x="680" y="1106" on="1"/>
+        <pt x="680" y="1000" on="0"/>
+        <pt x="621" y="862" on="0"/>
+        <pt x="543" y="795" on="1"/>
+        <pt x="549" y="793" on="0"/>
+        <pt x="569" y="778" on="0"/>
+        <pt x="623" y="723" on="0"/>
+        <pt x="664" y="647" on="0"/>
+        <pt x="696" y="510" on="0"/>
+        <pt x="696" y="426" on="1"/>
+        <pt x="696" y="12" on="0"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="219" on="1"/>
+        <pt x="377" y="219" on="0"/>
+        <pt x="412" y="250" on="1"/>
+        <pt x="467" y="305" on="0"/>
+        <pt x="467" y="451" on="1"/>
+        <pt x="467" y="533" on="0"/>
+        <pt x="434" y="637" on="0"/>
+        <pt x="375" y="674" on="0"/>
+        <pt x="338" y="682" on="0"/>
+        <pt x="311" y="682" on="1"/>
+        <pt x="303" y="682" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="885" on="1"/>
+        <pt x="326" y="885" on="0"/>
+        <pt x="348" y="887" on="0"/>
+        <pt x="406" y="905" on="0"/>
+        <pt x="438" y="944" on="0"/>
+        <pt x="467" y="1026" on="0"/>
+        <pt x="467" y="1145" on="0"/>
+        <pt x="438" y="1227" on="0"/>
+        <pt x="406" y="1266" on="0"/>
+        <pt x="348" y="1284" on="0"/>
+        <pt x="326" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          28 27 16 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          14 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="C" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 41
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 21 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ccedilla" xMin="68" yMin="-385" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="268" y="-111" on="1"/>
+        <pt x="268" y="-252" on="1"/>
+        <pt x="332" y="-252" on="1"/>
+        <pt x="291" y="-385" on="1"/>
+        <pt x="395" y="-385" on="1"/>
+        <pt x="440" y="-252" on="1"/>
+        <pt x="440" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 41 46 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          7 21 40 48 51 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="D" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="444" y="302" on="1"/>
+        <pt x="467" y="377" on="0"/>
+        <pt x="467" y="698" on="1"/>
+        <pt x="467" y="725" on="0"/>
+        <pt x="467" y="782" on="0"/>
+        <pt x="467" y="809" on="1"/>
+        <pt x="467" y="1131" on="0"/>
+        <pt x="444" y="1204" on="1"/>
+        <pt x="419" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 9
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="E" xMin="82" yMin="0" xMax="588" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eacute" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="342" y="1823" on="1"/>
+        <pt x="557" y="1823" on="1"/>
+        <pt x="395" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ecircumflex" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="84" y="1638" on="1"/>
+        <pt x="225" y="1823" on="1"/>
+        <pt x="444" y="1823" on="1"/>
+        <pt x="586" y="1638" on="1"/>
+        <pt x="397" y="1638" on="1"/>
+        <pt x="334" y="1710" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 16 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Edieresis" xMin="82" yMin="0" xMax="588" yMax="1839">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1638" on="1"/>
+        <pt x="94" y="1839" on="1"/>
+        <pt x="285" y="1839" on="1"/>
+        <pt x="285" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="383" y="1638" on="1"/>
+        <pt x="383" y="1839" on="1"/>
+        <pt x="573" y="1839" on="1"/>
+        <pt x="573" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Egrave" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="111" y="1823" on="1"/>
+        <pt x="326" y="1823" on="1"/>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eth" xMin="20" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="20" y="655" on="1"/>
+        <pt x="20" y="883" on="1"/>
+        <pt x="82" y="883" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="655" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="469" y="383" on="0"/>
+        <pt x="467" y="754" on="1"/>
+        <pt x="469" y="1125" on="0"/>
+        <pt x="420" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="387" y="883" on="1"/>
+        <pt x="387" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 19 4 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          12 20 0 14
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          31 21 0 12 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Euro" xMin="53" yMin="-16" xMax="750" yMax="1522">
+      <contour>
+        <pt x="53" y="547" on="1"/>
+        <pt x="53" y="684" on="1"/>
+        <pt x="160" y="684" on="1"/>
+        <pt x="160" y="821" on="1"/>
+        <pt x="53" y="821" on="1"/>
+        <pt x="53" y="958" on="1"/>
+        <pt x="160" y="958" on="1"/>
+        <pt x="160" y="1196" on="1"/>
+        <pt x="160" y="1208" on="0"/>
+        <pt x="164" y="1253" on="0"/>
+        <pt x="195" y="1366" on="0"/>
+        <pt x="250" y="1452" on="0"/>
+        <pt x="371" y="1522" on="0"/>
+        <pt x="539" y="1522" on="0"/>
+        <pt x="659" y="1454" on="0"/>
+        <pt x="715" y="1360" on="0"/>
+        <pt x="745" y="1264" on="0"/>
+        <pt x="748" y="1229" on="1"/>
+        <pt x="750" y="1196" on="1"/>
+        <pt x="750" y="1112" on="1"/>
+        <pt x="543" y="1112" on="1"/>
+        <pt x="543" y="1196" on="1"/>
+        <pt x="541" y="1196" on="0"/>
+        <pt x="545" y="1219" on="0"/>
+        <pt x="535" y="1251" on="0"/>
+        <pt x="520" y="1284" on="0"/>
+        <pt x="485" y="1307" on="0"/>
+        <pt x="459" y="1307" on="1"/>
+        <pt x="389" y="1297" on="0"/>
+        <pt x="381" y="1196" on="1"/>
+        <pt x="381" y="958" on="1"/>
+        <pt x="614" y="958" on="1"/>
+        <pt x="614" y="821" on="1"/>
+        <pt x="381" y="821" on="1"/>
+        <pt x="381" y="684" on="1"/>
+        <pt x="614" y="684" on="1"/>
+        <pt x="614" y="547" on="1"/>
+        <pt x="381" y="547" on="1"/>
+        <pt x="381" y="309" on="1"/>
+        <pt x="381" y="297" on="0"/>
+        <pt x="385" y="260" on="0"/>
+        <pt x="424" y="199" on="0"/>
+        <pt x="459" y="199" on="1"/>
+        <pt x="500" y="199" on="0"/>
+        <pt x="541" y="254" on="0"/>
+        <pt x="541" y="283" on="1"/>
+        <pt x="543" y="309" on="1"/>
+        <pt x="543" y="393" on="1"/>
+        <pt x="750" y="393" on="1"/>
+        <pt x="750" y="309" on="1"/>
+        <pt x="750" y="297" on="0"/>
+        <pt x="745" y="252" on="0"/>
+        <pt x="715" y="139" on="0"/>
+        <pt x="659" y="53" on="0"/>
+        <pt x="539" y="-16" on="0"/>
+        <pt x="371" y="-16" on="0"/>
+        <pt x="250" y="51" on="0"/>
+        <pt x="195" y="147" on="0"/>
+        <pt x="164" y="242" on="0"/>
+        <pt x="162" y="274" on="1"/>
+        <pt x="160" y="309" on="1"/>
+        <pt x="160" y="547" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          55 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          42 55 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 42 47 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 19 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          5 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 6
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 33
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 60 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 38 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          60 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 60 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 27 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="F" xMin="82" yMin="0" xMax="608" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="608" y="1505" on="1"/>
+        <pt x="608" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="G" xMin="67" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="965" on="1"/>
+        <pt x="436" y="965" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="291" on="1"/>
+        <pt x="289" y="279" on="0"/>
+        <pt x="291" y="242" on="0"/>
+        <pt x="328" y="180" on="0"/>
+        <pt x="397" y="180" on="0"/>
+        <pt x="434" y="236" on="0"/>
+        <pt x="434" y="262" on="1"/>
+        <pt x="436" y="291" on="1"/>
+        <pt x="436" y="563" on="1"/>
+        <pt x="348" y="563" on="1"/>
+        <pt x="348" y="750" on="1"/>
+        <pt x="657" y="750" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="526" y="0" on="1"/>
+        <pt x="500" y="72" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="125" y="-16" on="0"/>
+        <pt x="78" y="197" on="1"/>
+        <pt x="67" y="245" on="0"/>
+        <pt x="67" y="286" on="1"/>
+        <pt x="67" y="298" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          36 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          39 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 19 14 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          32 33 39 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 26 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 27
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 37
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 36
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="H" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="475" y="883" on="1"/>
+        <pt x="475" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="696" y="0" on="1"/>
+        <pt x="475" y="0" on="1"/>
+        <pt x="475" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 10 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="I" xMin="82" yMin="0" xMax="303" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Iacute" xMin="82" yMin="0" xMax="408" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="1638" on="1"/>
+        <pt x="193" y="1823" on="1"/>
+        <pt x="408" y="1823" on="1"/>
+        <pt x="246" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1823">
+      <contour>
+        <pt x="-66" y="1638" on="1"/>
+        <pt x="76" y="1823" on="1"/>
+        <pt x="295" y="1823" on="1"/>
+        <pt x="436" y="1638" on="1"/>
+        <pt x="248" y="1638" on="1"/>
+        <pt x="184" y="1710" on="1"/>
+        <pt x="123" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="295" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 4 6
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Idieresis" xMin="-53" yMin="0" xMax="426" yMax="1839">
+      <contour>
+        <pt x="-53" y="1638" on="1"/>
+        <pt x="-53" y="1839" on="1"/>
+        <pt x="137" y="1839" on="1"/>
+        <pt x="137" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="0" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="236" y="1839" on="1"/>
+        <pt x="426" y="1839" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Igrave" xMin="-6" yMin="0" xMax="319" yMax="1823">
+      <contour>
+        <pt x="-6" y="1823" on="1"/>
+        <pt x="209" y="1823" on="1"/>
+        <pt x="315" y="1638" on="1"/>
+        <pt x="156" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="0" on="1"/>
+        <pt x="98" y="1505" on="1"/>
+        <pt x="319" y="1505" on="1"/>
+        <pt x="319" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="J" xMin="12" yMin="-15" xMax="352" yMax="1505">
+      <contour>
+        <pt x="12" y="-14" on="1"/>
+        <pt x="12" y="203" on="1"/>
+        <pt x="16" y="203" on="0"/>
+        <pt x="33" y="201" on="0"/>
+        <pt x="74" y="207" on="0"/>
+        <pt x="104" y="225" on="0"/>
+        <pt x="131" y="276" on="0"/>
+        <pt x="131" y="313" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="352" y="279" on="1"/>
+        <pt x="352" y="142" on="0"/>
+        <pt x="273" y="58" on="1"/>
+        <pt x="203" y="-16" on="0"/>
+        <pt x="51" y="-15" on="1"/>
+        <pt x="32" y="-15" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 7 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="K" xMin="82" yMin="0" xMax="748" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="1004" on="1"/>
+        <pt x="303" y="979" on="1"/>
+        <pt x="311" y="979" on="1"/>
+        <pt x="322" y="1004" on="1"/>
+        <pt x="506" y="1505" on="1"/>
+        <pt x="721" y="1505" on="1"/>
+        <pt x="518" y="1010" on="1"/>
+        <pt x="748" y="0" on="1"/>
+        <pt x="532" y="0" on="1"/>
+        <pt x="379" y="655" on="1"/>
+        <pt x="373" y="686" on="1"/>
+        <pt x="367" y="686" on="1"/>
+        <pt x="354" y="655" on="1"/>
+        <pt x="303" y="532" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15975 -3638 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 13 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 13 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="L" xMin="82" yMin="0" xMax="596" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="205" on="1"/>
+        <pt x="596" y="205" on="1"/>
+        <pt x="596" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 5 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Lslash" xMin="41" yMin="0" xMax="621" yMax="1505">
+      <contour>
+        <pt x="41" y="561" on="1"/>
+        <pt x="41" y="782" on="1"/>
+        <pt x="106" y="834" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="328" y="1505" on="1"/>
+        <pt x="328" y="1006" on="1"/>
+        <pt x="449" y="1100" on="1"/>
+        <pt x="449" y="879" on="1"/>
+        <pt x="328" y="784" on="1"/>
+        <pt x="328" y="205" on="1"/>
+        <pt x="621" y="205" on="1"/>
+        <pt x="621" y="0" on="1"/>
+        <pt x="106" y="0" on="1"/>
+        <pt x="106" y="612" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 11 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="M" xMin="82" yMin="0" xMax="909" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="483" y="817" on="1"/>
+        <pt x="494" y="737" on="1"/>
+        <pt x="498" y="737" on="1"/>
+        <pt x="508" y="817" on="1"/>
+        <pt x="639" y="1505" on="1"/>
+        <pt x="909" y="1505" on="1"/>
+        <pt x="909" y="0" on="1"/>
+        <pt x="705" y="0" on="1"/>
+        <pt x="705" y="946" on="1"/>
+        <pt x="705" y="1010" on="1"/>
+        <pt x="692" y="1010" on="1"/>
+        <pt x="684" y="946" on="1"/>
+        <pt x="543" y="0" on="1"/>
+        <pt x="449" y="0" on="1"/>
+        <pt x="307" y="946" on="1"/>
+        <pt x="299" y="1010" on="1"/>
+        <pt x="287" y="1010" on="1"/>
+        <pt x="287" y="946" on="1"/>
+        <pt x="287" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16231 -2232 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 27
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          14 28
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          16 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="N" xMin="82" yMin="0" xMax="727" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ntilde" xMin="82" yMin="0" xMax="727" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="207" y="1632" on="1"/>
+        <pt x="207" y="1784" on="1"/>
+        <pt x="256" y="1823" on="0"/>
+        <pt x="315" y="1823" on="1"/>
+        <pt x="348" y="1823" on="0"/>
+        <pt x="465" y="1786" on="0"/>
+        <pt x="496" y="1784" on="1"/>
+        <pt x="521" y="1784" on="0"/>
+        <pt x="575" y="1800" on="0"/>
+        <pt x="590" y="1808" on="1"/>
+        <pt x="604" y="1817" on="1"/>
+        <pt x="604" y="1665" on="1"/>
+        <pt x="553" y="1626" on="0"/>
+        <pt x="496" y="1626" on="1"/>
+        <pt x="465" y="1626" on="0"/>
+        <pt x="348" y="1665" on="0"/>
+        <pt x="315" y="1665" on="1"/>
+        <pt x="290" y="1665" on="0"/>
+        <pt x="236" y="1649" on="0"/>
+        <pt x="221" y="1640" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          19 21 29 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 27
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="O" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="OE" xMin="68" yMin="0" xMax="942" yMax="1505">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1251" on="0"/>
+        <pt x="102" y="1358" on="0"/>
+        <pt x="158" y="1438" on="0"/>
+        <pt x="279" y="1505" on="0"/>
+        <pt x="362" y="1505" on="1"/>
+        <pt x="942" y="1505" on="1"/>
+        <pt x="942" y="1278" on="1"/>
+        <pt x="657" y="1278" on="1"/>
+        <pt x="657" y="883" on="1"/>
+        <pt x="862" y="883" on="1"/>
+        <pt x="862" y="641" on="1"/>
+        <pt x="657" y="641" on="1"/>
+        <pt x="657" y="227" on="1"/>
+        <pt x="942" y="227" on="1"/>
+        <pt x="942" y="0" on="1"/>
+        <pt x="362" y="0" on="1"/>
+        <pt x="278" y="0" on="0"/>
+        <pt x="158" y="63" on="0"/>
+        <pt x="102" y="156" on="0"/>
+        <pt x="72" y="246" on="0"/>
+        <pt x="70" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1210" on="1"/>
+        <pt x="430" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 17 8 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oacute" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="285" y="1638" on="1"/>
+        <pt x="391" y="1823" on="1"/>
+        <pt x="606" y="1823" on="1"/>
+        <pt x="444" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 19 24
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ocircumflex" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="254" y="1823" on="1"/>
+        <pt x="473" y="1823" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+        <pt x="362" y="1710" on="1"/>
+        <pt x="301" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          48 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Odieresis" xMin="68" yMin="-16" xMax="657" yMax="1839">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="123" y="1638" on="1"/>
+        <pt x="123" y="1839" on="1"/>
+        <pt x="313" y="1839" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <contour>
+        <pt x="412" y="1638" on="1"/>
+        <pt x="412" y="1839" on="1"/>
+        <pt x="602" y="1839" on="1"/>
+        <pt x="602" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 32 39 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ograve" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="121" y="1823" on="1"/>
+        <pt x="336" y="1823" on="1"/>
+        <pt x="442" y="1638" on="1"/>
+        <pt x="283" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 18 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oslash" xMin="59" yMin="-20" xMax="657" yMax="1526">
+      <contour>
+        <pt x="59" y="-20" on="1"/>
+        <pt x="106" y="137" on="1"/>
+        <pt x="88" y="174" on="0"/>
+        <pt x="70" y="260" on="0"/>
+        <pt x="70" y="285" on="1"/>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="362" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="520" y="1479" on="1"/>
+        <pt x="535" y="1526" on="1"/>
+        <pt x="657" y="1526" on="1"/>
+        <pt x="612" y="1376" on="1"/>
+        <pt x="632" y="1337" on="0"/>
+        <pt x="655" y="1247" on="0"/>
+        <pt x="655" y="1221" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="203" y="27" on="1"/>
+        <pt x="188" y="-20" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="797" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="727" on="1"/>
+        <pt x="436" y="1206" on="1"/>
+        <pt x="428" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          28 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 31
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          32 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 42
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15608 -4981 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 33
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 33
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15659 -4821 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          14 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 31 16 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          40 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          41 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 15
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 31 16
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 6 values pushed */
+          1 14 17 30 40 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          0 1 14 15 17 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Otilde" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="164" y="1632" on="1"/>
+        <pt x="164" y="1784" on="1"/>
+        <pt x="213" y="1823" on="0"/>
+        <pt x="272" y="1823" on="1"/>
+        <pt x="305" y="1823" on="0"/>
+        <pt x="422" y="1786" on="0"/>
+        <pt x="453" y="1784" on="1"/>
+        <pt x="478" y="1784" on="0"/>
+        <pt x="532" y="1800" on="0"/>
+        <pt x="547" y="1808" on="1"/>
+        <pt x="561" y="1817" on="1"/>
+        <pt x="561" y="1665" on="1"/>
+        <pt x="510" y="1626" on="0"/>
+        <pt x="453" y="1626" on="1"/>
+        <pt x="422" y="1626" on="0"/>
+        <pt x="305" y="1665" on="0"/>
+        <pt x="272" y="1665" on="1"/>
+        <pt x="247" y="1665" on="0"/>
+        <pt x="193" y="1649" on="0"/>
+        <pt x="178" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          56 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          61 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 19 24 27 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 34 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="P" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="469" y="1505" on="0"/>
+        <pt x="692" y="1294" on="0"/>
+        <pt x="692" y="815" on="0"/>
+        <pt x="469" y="602" on="0"/>
+        <pt x="303" y="602" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="827" on="1"/>
+        <pt x="405" y="827" on="0"/>
+        <pt x="469" y="918" on="0"/>
+        <pt x="469" y="1047" on="1"/>
+        <pt x="469" y="1178" on="0"/>
+        <pt x="403" y="1280" on="0"/>
+        <pt x="303" y="1280" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          7 9 0 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Q" xMin="68" yMin="-115" xMax="700" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="215" on="0"/>
+        <pt x="612" y="127" on="1"/>
+        <pt x="645" y="84" on="0"/>
+        <pt x="700" y="74" on="1"/>
+        <pt x="700" y="-115" on="1"/>
+        <pt x="540" y="-115" on="0"/>
+        <pt x="473" y="2" on="1"/>
+        <pt x="418" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="278" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          17 32 22 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 26
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 15 20
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="R" xMin="82" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="680" y="1505" on="0"/>
+        <pt x="680" y="1071" on="1"/>
+        <pt x="680" y="813" on="0"/>
+        <pt x="557" y="729" on="1"/>
+        <pt x="698" y="0" on="1"/>
+        <pt x="477" y="0" on="1"/>
+        <pt x="362" y="635" on="1"/>
+        <pt x="303" y="635" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="840" on="1"/>
+        <pt x="334" y="840" on="0"/>
+        <pt x="377" y="850" on="0"/>
+        <pt x="436" y="889" on="0"/>
+        <pt x="467" y="987" on="0"/>
+        <pt x="467" y="1139" on="0"/>
+        <pt x="436" y="1237" on="0"/>
+        <pt x="377" y="1276" on="0"/>
+        <pt x="334" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16122 -2920 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="S" xMin="37" yMin="-16" xMax="666" yMax="1522">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="361" y="1522" on="0"/>
+        <pt x="366" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="516" y="1487" on="1"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          46 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 20 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 26 27 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Scaron" xMin="37" yMin="-16" xMax="666" yMax="1823">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="450" y="1524" on="0"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <contour>
+        <pt x="100" y="1823" on="1"/>
+        <pt x="289" y="1823" on="1"/>
+        <pt x="350" y="1751" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="602" y="1823" on="1"/>
+        <pt x="461" y="1638" on="1"/>
+        <pt x="242" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          43 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          50 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          41 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 50 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 53 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 23 24 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="T" xMin="4" yMin="0" xMax="643" yMax="1505">
+      <contour>
+        <pt x="4" y="1278" on="1"/>
+        <pt x="4" y="1505" on="1"/>
+        <pt x="643" y="1505" on="1"/>
+        <pt x="643" y="1278" on="1"/>
+        <pt x="434" y="1278" on="1"/>
+        <pt x="434" y="0" on="1"/>
+        <pt x="213" y="0" on="1"/>
+        <pt x="213" y="1278" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Thorn" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="1264" on="1"/>
+        <pt x="303" y="1264" on="1"/>
+        <pt x="469" y="1264" on="0"/>
+        <pt x="692" y="1053" on="0"/>
+        <pt x="692" y="573" on="0"/>
+        <pt x="469" y="360" on="0"/>
+        <pt x="303" y="360" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="586" on="1"/>
+        <pt x="405" y="586" on="0"/>
+        <pt x="469" y="676" on="0"/>
+        <pt x="469" y="805" on="1"/>
+        <pt x="469" y="936" on="0"/>
+        <pt x="403" y="1038" on="0"/>
+        <pt x="303" y="1038" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          9 11 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          4 17 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 11
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="U" xMin="80" yMin="-16" xMax="670" yMax="1505">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Uacute" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="1638" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="629" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ucircumflex" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="125" y="1638" on="1"/>
+        <pt x="266" y="1823" on="1"/>
+        <pt x="485" y="1823" on="1"/>
+        <pt x="627" y="1638" on="1"/>
+        <pt x="438" y="1638" on="1"/>
+        <pt x="375" y="1710" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 24 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          30 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Udieresis" xMin="80" yMin="-16" xMax="670" yMax="1839">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="135" y="1638" on="1"/>
+        <pt x="135" y="1839" on="1"/>
+        <pt x="326" y="1839" on="1"/>
+        <pt x="326" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="424" y="1638" on="1"/>
+        <pt x="424" y="1839" on="1"/>
+        <pt x="614" y="1839" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ugrave" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="145" y="1823" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+        <pt x="307" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 24
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="V" xMin="18" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="18" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="678" on="1"/>
+        <pt x="352" y="614" on="1"/>
+        <pt x="365" y="614" on="1"/>
+        <pt x="373" y="678" on="1"/>
+        <pt x="483" y="1505" on="1"/>
+        <pt x="698" y="1505" on="1"/>
+        <pt x="469" y="0" on="1"/>
+        <pt x="248" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="W" xMin="25" yMin="0" xMax="1012" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="229" y="1505" on="1"/>
+        <pt x="317" y="723" on="1"/>
+        <pt x="322" y="674" on="1"/>
+        <pt x="338" y="674" on="1"/>
+        <pt x="344" y="723" on="1"/>
+        <pt x="438" y="1505" on="1"/>
+        <pt x="598" y="1505" on="1"/>
+        <pt x="692" y="723" on="1"/>
+        <pt x="698" y="674" on="1"/>
+        <pt x="715" y="674" on="1"/>
+        <pt x="719" y="723" on="1"/>
+        <pt x="807" y="1505" on="1"/>
+        <pt x="1012" y="1505" on="1"/>
+        <pt x="809" y="0" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="535" y="713" on="1"/>
+        <pt x="522" y="801" on="1"/>
+        <pt x="514" y="801" on="1"/>
+        <pt x="502" y="713" on="1"/>
+        <pt x="399" y="0" on="1"/>
+        <pt x="227" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="X" xMin="16" yMin="0" xMax="721" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="260" y="791" on="1"/>
+        <pt x="20" y="1505" on="1"/>
+        <pt x="238" y="1505" on="1"/>
+        <pt x="358" y="1124" on="1"/>
+        <pt x="365" y="1106" on="1"/>
+        <pt x="373" y="1106" on="1"/>
+        <pt x="379" y="1124" on="1"/>
+        <pt x="500" y="1505" on="1"/>
+        <pt x="717" y="1505" on="1"/>
+        <pt x="477" y="791" on="1"/>
+        <pt x="721" y="0" on="1"/>
+        <pt x="504" y="0" on="1"/>
+        <pt x="377" y="449" on="1"/>
+        <pt x="373" y="467" on="1"/>
+        <pt x="365" y="467" on="1"/>
+        <pt x="360" y="449" on="1"/>
+        <pt x="233" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 12 17
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15615 -4959 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15627 -4922 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 2 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 3 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 3 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 17 9 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 2 12 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          15 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 0 8
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 9
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 2 12
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Y" xMin="14" yMin="0" xMax="686" yMax="1505">
+      <contour>
+        <pt x="14" y="1505" on="1"/>
+        <pt x="231" y="1505" on="1"/>
+        <pt x="342" y="1024" on="1"/>
+        <pt x="348" y="1010" on="1"/>
+        <pt x="352" y="1010" on="1"/>
+        <pt x="358" y="1024" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="686" y="1505" on="1"/>
+        <pt x="461" y="641" on="1"/>
+        <pt x="461" y="0" on="1"/>
+        <pt x="240" y="0" on="1"/>
+        <pt x="240" y="641" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Yacute" xMin="16" yMin="0" xMax="688" yMax="1823">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="242" y="641" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="254" y="1638" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="575" y="1823" on="1"/>
+        <pt x="414" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          1 3 4 12 13 15
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ydieresis" xMin="16" yMin="0" xMax="688" yMax="1839">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="242" y="641" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="113" y="1839" on="1"/>
+        <pt x="303" y="1839" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="401" y="1638" on="1"/>
+        <pt x="401" y="1839" on="1"/>
+        <pt x="592" y="1839" on="1"/>
+        <pt x="592" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          15 9 10 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Z" xMin="20" yMin="0" xMax="606" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Zcaron" xMin="20" yMin="0" xMax="606" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="88" y="1823" on="1"/>
+        <pt x="276" y="1823" on="1"/>
+        <pt x="338" y="1751" on="1"/>
+        <pt x="401" y="1823" on="1"/>
+        <pt x="590" y="1823" on="1"/>
+        <pt x="449" y="1638" on="1"/>
+        <pt x="229" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 14
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="a" xMin="49" yMin="-16" xMax="616" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aacute" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 48 49
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acircumflex" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="231" y="1489" on="1"/>
+        <pt x="451" y="1489" on="1"/>
+        <pt x="592" y="1305" on="1"/>
+        <pt x="403" y="1305" on="1"/>
+        <pt x="340" y="1376" on="1"/>
+        <pt x="279" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          47 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 50
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 38 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 40 41 42
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acute" xMin="410" yMin="1305" xMax="731" yMax="1489">
+      <contour>
+        <pt x="410" y="1305" on="1"/>
+        <pt x="516" y="1489" on="1"/>
+        <pt x="731" y="1489" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="adieresis" xMin="49" yMin="-16" xMax="616" yMax="1505">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1305" on="1"/>
+        <pt x="102" y="1505" on="1"/>
+        <pt x="293" y="1505" on="1"/>
+        <pt x="293" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="391" y="1505" on="1"/>
+        <pt x="582" y="1505" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 47 50
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          55 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 38
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 10 21 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ae" xMin="49" yMin="-16" xMax="930" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="502" y="1085" on="1"/>
+        <pt x="568" y="1136" on="0"/>
+        <pt x="664" y="1137" on="1"/>
+        <pt x="863" y="1137" on="0"/>
+        <pt x="915" y="940" on="1"/>
+        <pt x="929" y="889" on="0"/>
+        <pt x="930" y="848" on="1"/>
+        <pt x="930" y="522" on="1"/>
+        <pt x="588" y="522" on="1"/>
+        <pt x="588" y="279" on="1"/>
+        <pt x="588" y="266" on="1"/>
+        <pt x="588" y="258" on="0"/>
+        <pt x="596" y="219" on="0"/>
+        <pt x="610" y="190" on="0"/>
+        <pt x="643" y="166" on="0"/>
+        <pt x="664" y="166" on="1"/>
+        <pt x="734" y="176" on="0"/>
+        <pt x="737" y="279" on="1"/>
+        <pt x="737" y="401" on="1"/>
+        <pt x="930" y="401" on="1"/>
+        <pt x="930" y="272" on="1"/>
+        <pt x="930" y="260" on="0"/>
+        <pt x="926" y="221" on="0"/>
+        <pt x="897" y="123" on="0"/>
+        <pt x="848" y="45" on="0"/>
+        <pt x="737" y="-16" on="0"/>
+        <pt x="662" y="-16" on="1"/>
+        <pt x="504" y="-16" on="0"/>
+        <pt x="436" y="115" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="588" y="684" on="1"/>
+        <pt x="737" y="684" on="1"/>
+        <pt x="737" y="842" on="1"/>
+        <pt x="737" y="854" on="0"/>
+        <pt x="735" y="893" on="0"/>
+        <pt x="698" y="956" on="0"/>
+        <pt x="664" y="956" on="1"/>
+        <pt x="631" y="956" on="0"/>
+        <pt x="592" y="899" on="0"/>
+        <pt x="590" y="870" on="1"/>
+        <pt x="588" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          37 52 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 37 40 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          20 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          69
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 20 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          63 30 52 20 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          74
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          75 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 20
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 50
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 52
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="agrave" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 47
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 39
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ampersand" xMin="49" yMin="-16" xMax="813" yMax="1522">
+      <contour>
+        <pt x="49" y="315" on="1"/>
+        <pt x="49" y="430" on="0"/>
+        <pt x="137" y="629" on="0"/>
+        <pt x="219" y="752" on="1"/>
+        <pt x="113" y="977" on="0"/>
+        <pt x="113" y="1194" on="1"/>
+        <pt x="113" y="1212" on="1"/>
+        <pt x="113" y="1224" on="0"/>
+        <pt x="123" y="1292" on="0"/>
+        <pt x="139" y="1354" on="0"/>
+        <pt x="180" y="1430" on="0"/>
+        <pt x="236" y="1485" on="0"/>
+        <pt x="326" y="1522" on="0"/>
+        <pt x="383" y="1522" on="1"/>
+        <pt x="586" y="1522" on="0"/>
+        <pt x="635" y="1307" on="1"/>
+        <pt x="649" y="1246" on="0"/>
+        <pt x="647" y="1194" on="1"/>
+        <pt x="647" y="1032" on="0"/>
+        <pt x="442" y="760" on="1"/>
+        <pt x="518" y="586" on="0"/>
+        <pt x="590" y="475" on="1"/>
+        <pt x="623" y="571" on="0"/>
+        <pt x="637" y="686" on="1"/>
+        <pt x="813" y="653" on="1"/>
+        <pt x="797" y="440" on="0"/>
+        <pt x="721" y="295" on="1"/>
+        <pt x="776" y="232" on="0"/>
+        <pt x="813" y="219" on="1"/>
+        <pt x="813" y="-16" on="1"/>
+        <pt x="790" y="-16" on="0"/>
+        <pt x="664" y="59" on="0"/>
+        <pt x="604" y="123" on="1"/>
+        <pt x="481" y="-16" on="0"/>
+        <pt x="223" y="-16" on="0"/>
+        <pt x="49" y="178" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="326" on="1"/>
+        <pt x="264" y="260" on="0"/>
+        <pt x="319" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="421" y="176" on="0"/>
+        <pt x="487" y="262" on="1"/>
+        <pt x="399" y="401" on="0"/>
+        <pt x="313" y="557" on="1"/>
+        <pt x="307" y="547" on="0"/>
+        <pt x="291" y="510" on="0"/>
+        <pt x="262" y="392" on="0"/>
+      </contour>
+      <contour>
+        <pt x="305" y="1194" on="1"/>
+        <pt x="305" y="1083" on="0"/>
+        <pt x="360" y="948" on="1"/>
+        <pt x="460" y="1104" on="0"/>
+        <pt x="461" y="1200" on="1"/>
+        <pt x="459" y="1202" on="0"/>
+        <pt x="463" y="1229" on="0"/>
+        <pt x="455" y="1274" on="0"/>
+        <pt x="440" y="1315" on="0"/>
+        <pt x="408" y="1346" on="0"/>
+        <pt x="383" y="1346" on="1"/>
+        <pt x="344" y="1346" on="0"/>
+        <pt x="305" y="1270" on="0"/>
+        <pt x="305" y="1233" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          34 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 17 51 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          62 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 34
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 39 43 19
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          21 32 33 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          39 34
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 3 19 28 43 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aring" xMin="49" yMin="-16" xMax="616" yMax="1565">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="188" y="1360" on="0"/>
+        <pt x="188" y="1483" on="0"/>
+        <pt x="279" y="1565" on="0"/>
+        <pt x="406" y="1565" on="0"/>
+        <pt x="494" y="1483" on="0"/>
+        <pt x="494" y="1360" on="0"/>
+        <pt x="406" y="1278" on="0"/>
+        <pt x="279" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="266" y="1450" on="0"/>
+        <pt x="266" y="1393" on="0"/>
+        <pt x="313" y="1350" on="0"/>
+        <pt x="371" y="1350" on="0"/>
+        <pt x="418" y="1393" on="0"/>
+        <pt x="418" y="1450" on="0"/>
+        <pt x="371" y="1493" on="0"/>
+        <pt x="313" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          57 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          41 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          39 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 51
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          59 26 31 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          43 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 45
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 21 32 56 57 60 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 41 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 48
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          39 42 43 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciicircum" xMin="53" yMin="809" xMax="1049" yMax="1505">
+      <contour>
+        <pt x="53" y="809" on="1"/>
+        <pt x="434" y="1505" on="1"/>
+        <pt x="668" y="1505" on="1"/>
+        <pt x="1049" y="809" on="1"/>
+        <pt x="850" y="809" on="1"/>
+        <pt x="551" y="1352" on="1"/>
+        <pt x="252" y="809" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciitilde" xMin="113" yMin="1294" xMax="1225" yMax="1667">
+      <contour>
+        <pt x="113" y="1352" on="1"/>
+        <pt x="117" y="1364" on="0"/>
+        <pt x="133" y="1405" on="0"/>
+        <pt x="193" y="1511" on="0"/>
+        <pt x="262" y="1593" on="0"/>
+        <pt x="383" y="1659" on="0"/>
+        <pt x="449" y="1659" on="1"/>
+        <pt x="504" y="1659" on="0"/>
+        <pt x="616" y="1622" on="0"/>
+        <pt x="668" y="1593" on="0"/>
+        <pt x="725" y="1556" on="1"/>
+        <pt x="831" y="1484" on="0"/>
+        <pt x="899" y="1485" on="1"/>
+        <pt x="1008" y="1485" on="0"/>
+        <pt x="1077" y="1638" on="1"/>
+        <pt x="1090" y="1667" on="1"/>
+        <pt x="1225" y="1610" on="1"/>
+        <pt x="1221" y="1598" on="0"/>
+        <pt x="1204" y="1554" on="0"/>
+        <pt x="1145" y="1448" on="0"/>
+        <pt x="1075" y="1368" on="0"/>
+        <pt x="963" y="1300" on="0"/>
+        <pt x="899" y="1300" on="1"/>
+        <pt x="778" y="1300" on="0"/>
+        <pt x="627" y="1401" on="1"/>
+        <pt x="512" y="1475" on="0"/>
+        <pt x="385" y="1475" on="0"/>
+        <pt x="285" y="1384" on="0"/>
+        <pt x="266" y="1339" on="1"/>
+        <pt x="248" y="1294" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          12 6 26 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 16
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asterisk" xMin="74" yMin="999" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="1251" on="1"/>
+        <pt x="117" y="1399" on="1"/>
+        <pt x="281" y="1329" on="1"/>
+        <pt x="262" y="1505" on="1"/>
+        <pt x="416" y="1505" on="1"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="561" y="1399" on="1"/>
+        <pt x="604" y="1251" on="1"/>
+        <pt x="432" y="1217" on="1"/>
+        <pt x="547" y="1079" on="1"/>
+        <pt x="416" y="999" on="1"/>
+        <pt x="338" y="1151" on="1"/>
+        <pt x="262" y="999" on="1"/>
+        <pt x="131" y="1079" on="1"/>
+        <pt x="246" y="1217" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          12 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="at" xMin="66" yMin="-16" xMax="815" yMax="1522">
+      <contour>
+        <pt x="66" y="303" on="1"/>
+        <pt x="66" y="1192" on="1"/>
+        <pt x="66" y="1235" on="0"/>
+        <pt x="100" y="1337" on="0"/>
+        <pt x="178" y="1448" on="0"/>
+        <pt x="334" y="1522" on="0"/>
+        <pt x="547" y="1522" on="0"/>
+        <pt x="702" y="1448" on="0"/>
+        <pt x="780" y="1337" on="0"/>
+        <pt x="815" y="1235" on="0"/>
+        <pt x="815" y="1192" on="1"/>
+        <pt x="815" y="399" on="1"/>
+        <pt x="651" y="399" on="1"/>
+        <pt x="631" y="455" on="1"/>
+        <pt x="627" y="447" on="0"/>
+        <pt x="612" y="424" on="0"/>
+        <pt x="553" y="387" on="0"/>
+        <pt x="518" y="387" on="1"/>
+        <pt x="373" y="387" on="0"/>
+        <pt x="373" y="559" on="1"/>
+        <pt x="373" y="1044" on="1"/>
+        <pt x="373" y="1214" on="0"/>
+        <pt x="518" y="1214" on="1"/>
+        <pt x="553" y="1214" on="0"/>
+        <pt x="610" y="1180" on="0"/>
+        <pt x="621" y="1163" on="1"/>
+        <pt x="631" y="1147" on="1"/>
+        <pt x="631" y="1192" on="1"/>
+        <pt x="631" y="1243" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="340" y="1350" on="0"/>
+        <pt x="250" y="1243" on="0"/>
+        <pt x="250" y="1192" on="1"/>
+        <pt x="250" y="303" on="1"/>
+        <pt x="250" y="250" on="0"/>
+        <pt x="338" y="150" on="0"/>
+        <pt x="440" y="150" on="1"/>
+        <pt x="557" y="150" on="0"/>
+        <pt x="608" y="213" on="1"/>
+        <pt x="760" y="127" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="440" y="-16" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="178" y="55" on="0"/>
+        <pt x="100" y="164" on="0"/>
+        <pt x="66" y="262" on="0"/>
+      </contour>
+      <contour>
+        <pt x="535" y="573" on="1"/>
+        <pt x="535" y="520" on="0"/>
+        <pt x="582" y="520" on="1"/>
+        <pt x="631" y="520" on="0"/>
+        <pt x="631" y="573" on="1"/>
+        <pt x="631" y="1028" on="1"/>
+        <pt x="631" y="1081" on="0"/>
+        <pt x="582" y="1081" on="1"/>
+        <pt x="535" y="1081" on="0"/>
+        <pt x="535" y="1028" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 6
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 7
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          17 48 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 53 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          33 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 22 36 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 13 29 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 53
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="atilde" xMin="49" yMin="-16" xMax="616" yMax="1495">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1305" on="1"/>
+        <pt x="143" y="1456" on="1"/>
+        <pt x="192" y="1495" on="0"/>
+        <pt x="252" y="1495" on="1"/>
+        <pt x="285" y="1495" on="0"/>
+        <pt x="401" y="1458" on="0"/>
+        <pt x="432" y="1456" on="1"/>
+        <pt x="457" y="1456" on="0"/>
+        <pt x="512" y="1473" on="0"/>
+        <pt x="526" y="1481" on="1"/>
+        <pt x="541" y="1489" on="1"/>
+        <pt x="541" y="1337" on="1"/>
+        <pt x="490" y="1298" on="0"/>
+        <pt x="432" y="1298" on="1"/>
+        <pt x="401" y="1298" on="0"/>
+        <pt x="285" y="1337" on="0"/>
+        <pt x="252" y="1337" on="1"/>
+        <pt x="227" y="1337" on="0"/>
+        <pt x="172" y="1321" on="0"/>
+        <pt x="158" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          60 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          66
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          58 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 63
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          67 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          35 38 41 54
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 43 48 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 64
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="b" xMin="82" yMin="-16" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="217" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="899" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="backslash" xMin="8" yMin="-180" xMax="784" yMax="1692">
+      <contour>
+        <pt x="8" y="1692" on="1"/>
+        <pt x="170" y="1692" on="1"/>
+        <pt x="784" y="-180" on="1"/>
+        <pt x="616" y="-180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15583 -5061 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          SPVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          0 1 2 3
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bar" xMin="82" yMin="-512" xMax="274" yMax="1692">
+      <contour>
+        <pt x="82" y="-512" on="1"/>
+        <pt x="82" y="1692" on="1"/>
+        <pt x="274" y="1692" on="1"/>
+        <pt x="274" y="-512" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceleft" xMin="61" yMin="-453" xMax="631" yMax="1522">
+      <contour>
+        <pt x="61" y="453" on="1"/>
+        <pt x="61" y="616" on="1"/>
+        <pt x="133" y="616" on="0"/>
+        <pt x="193" y="715" on="0"/>
+        <pt x="193" y="756" on="1"/>
+        <pt x="193" y="1153" on="1"/>
+        <pt x="193" y="1376" on="0"/>
+        <pt x="385" y="1526" on="0"/>
+        <pt x="631" y="1522" on="1"/>
+        <pt x="631" y="1350" on="1"/>
+        <pt x="496" y="1352" on="0"/>
+        <pt x="389" y="1272" on="0"/>
+        <pt x="389" y="1153" on="1"/>
+        <pt x="389" y="756" on="1"/>
+        <pt x="389" y="613" on="0"/>
+        <pt x="262" y="535" on="1"/>
+        <pt x="389" y="453" on="0"/>
+        <pt x="389" y="313" on="1"/>
+        <pt x="389" y="-84" on="1"/>
+        <pt x="389" y="-203" on="0"/>
+        <pt x="496" y="-283" on="0"/>
+        <pt x="631" y="-281" on="1"/>
+        <pt x="631" y="-453" on="1"/>
+        <pt x="385" y="-457" on="0"/>
+        <pt x="193" y="-307" on="0"/>
+        <pt x="193" y="-84" on="1"/>
+        <pt x="193" y="313" on="1"/>
+        <pt x="193" y="333" on="0"/>
+        <pt x="176" y="387" on="0"/>
+        <pt x="110" y="451" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 18 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          17 18 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 12 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceright" xMin="57" yMin="-453" xMax="627" yMax="1522">
+      <contour>
+        <pt x="57" y="-281" on="1"/>
+        <pt x="192" y="-283" on="0"/>
+        <pt x="299" y="-203" on="0"/>
+        <pt x="299" y="-84" on="1"/>
+        <pt x="299" y="313" on="1"/>
+        <pt x="299" y="452" on="0"/>
+        <pt x="426" y="535" on="1"/>
+        <pt x="299" y="613" on="0"/>
+        <pt x="299" y="756" on="1"/>
+        <pt x="299" y="1153" on="1"/>
+        <pt x="299" y="1272" on="0"/>
+        <pt x="193" y="1352" on="0"/>
+        <pt x="57" y="1350" on="1"/>
+        <pt x="57" y="1522" on="1"/>
+        <pt x="303" y="1526" on="0"/>
+        <pt x="496" y="1376" on="0"/>
+        <pt x="496" y="1153" on="1"/>
+        <pt x="496" y="756" on="1"/>
+        <pt x="496" y="733" on="0"/>
+        <pt x="512" y="678" on="0"/>
+        <pt x="578" y="616" on="0"/>
+        <pt x="627" y="616" on="1"/>
+        <pt x="627" y="453" on="1"/>
+        <pt x="555" y="449" on="0"/>
+        <pt x="496" y="352" on="0"/>
+        <pt x="496" y="313" on="1"/>
+        <pt x="496" y="-84" on="1"/>
+        <pt x="496" y="-307" on="0"/>
+        <pt x="303" y="-457" on="0"/>
+        <pt x="57" y="-453" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 4 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 16
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketleft" xMin="82" yMin="-213" xMax="481" yMax="1505">
+      <contour>
+        <pt x="82" y="-16" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="481" y="1505" on="1"/>
+        <pt x="481" y="1309" on="1"/>
+        <pt x="279" y="1309" on="1"/>
+        <pt x="279" y="-16" on="1"/>
+        <pt x="481" y="-16" on="1"/>
+        <pt x="481" y="-213" on="1"/>
+        <pt x="82" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketright" xMin="57" yMin="-213" xMax="457" yMax="1505">
+      <contour>
+        <pt x="57" y="-16" on="1"/>
+        <pt x="260" y="-16" on="1"/>
+        <pt x="260" y="1309" on="1"/>
+        <pt x="57" y="1309" on="1"/>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="457" y="1505" on="1"/>
+        <pt x="457" y="-16" on="1"/>
+        <pt x="457" y="-213" on="1"/>
+        <pt x="57" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="breve" xMin="287" yMin="1303" xMax="737" yMax="1493">
+      <contour>
+        <pt x="287" y="1399" on="1"/>
+        <pt x="397" y="1493" on="1"/>
+        <pt x="438" y="1446" on="0"/>
+        <pt x="512" y="1446" on="1"/>
+        <pt x="547" y="1446" on="0"/>
+        <pt x="606" y="1470" on="0"/>
+        <pt x="618" y="1483" on="1"/>
+        <pt x="631" y="1493" on="1"/>
+        <pt x="737" y="1399" on="1"/>
+        <pt x="727" y="1389" on="0"/>
+        <pt x="692" y="1356" on="0"/>
+        <pt x="573" y="1303" on="0"/>
+        <pt x="512" y="1303" on="1"/>
+        <pt x="449" y="1303" on="0"/>
+        <pt x="336" y="1352" on="0"/>
+        <pt x="311" y="1376" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bullet" xMin="82" yMin="565" xMax="582" yMax="1065">
+      <contour>
+        <pt x="82" y="817" on="1"/>
+        <pt x="82" y="919" on="0"/>
+        <pt x="227" y="1065" on="0"/>
+        <pt x="334" y="1065" on="1"/>
+        <pt x="436" y="1065" on="0"/>
+        <pt x="582" y="920" on="0"/>
+        <pt x="582" y="817" on="1"/>
+        <pt x="582" y="711" on="0"/>
+        <pt x="436" y="565" on="0"/>
+        <pt x="334" y="565" on="1"/>
+        <pt x="228" y="565" on="0"/>
+        <pt x="82" y="711" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="c" xMin="66" yMin="-16" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="caron" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1489" on="1"/>
+        <pt x="449" y="1489" on="1"/>
+        <pt x="510" y="1417" on="1"/>
+        <pt x="573" y="1489" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="621" y="1305" on="1"/>
+        <pt x="401" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ccedilla" xMin="66" yMin="-385" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <contour>
+        <pt x="238" y="-111" on="1"/>
+        <pt x="238" y="-252" on="1"/>
+        <pt x="301" y="-252" on="1"/>
+        <pt x="260" y="-385" on="1"/>
+        <pt x="365" y="-385" on="1"/>
+        <pt x="410" y="-252" on="1"/>
+        <pt x="410" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          28 29 31
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 30 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 34
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cedilla" xMin="426" yMin="-385" xMax="598" yMax="-111">
+      <contour>
+        <pt x="426" y="-111" on="1"/>
+        <pt x="598" y="-111" on="1"/>
+        <pt x="598" y="-252" on="1"/>
+        <pt x="553" y="-385" on="1"/>
+        <pt x="449" y="-385" on="1"/>
+        <pt x="489" y="-252" on="1"/>
+        <pt x="426" y="-252" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cent" xMin="66" yMin="-123" xMax="588" yMax="1567">
+      <contour>
+        <pt x="66" y="508" on="1"/>
+        <pt x="66" y="997" on="1"/>
+        <pt x="66" y="1294" on="0"/>
+        <pt x="274" y="1325" on="1"/>
+        <pt x="274" y="1567" on="1"/>
+        <pt x="397" y="1567" on="1"/>
+        <pt x="397" y="1323" on="1"/>
+        <pt x="495" y="1307" on="0"/>
+        <pt x="588" y="1163" on="0"/>
+        <pt x="588" y="1008" on="1"/>
+        <pt x="588" y="920" on="1"/>
+        <pt x="399" y="920" on="1"/>
+        <pt x="399" y="1055" on="1"/>
+        <pt x="399" y="1145" on="0"/>
+        <pt x="326" y="1145" on="1"/>
+        <pt x="254" y="1145" on="0"/>
+        <pt x="254" y="1055" on="1"/>
+        <pt x="254" y="451" on="1"/>
+        <pt x="254" y="361" on="0"/>
+        <pt x="326" y="360" on="1"/>
+        <pt x="400" y="360" on="0"/>
+        <pt x="399" y="451" on="1"/>
+        <pt x="399" y="606" on="1"/>
+        <pt x="588" y="606" on="1"/>
+        <pt x="588" y="498" on="1"/>
+        <pt x="588" y="342" on="0"/>
+        <pt x="496" y="197" on="0"/>
+        <pt x="397" y="180" on="1"/>
+        <pt x="397" y="-123" on="1"/>
+        <pt x="274" y="-123" on="1"/>
+        <pt x="274" y="178" on="1"/>
+        <pt x="66" y="209" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          28 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="circumflex" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="401" y="1489" on="1"/>
+        <pt x="621" y="1489" on="1"/>
+        <pt x="762" y="1305" on="1"/>
+        <pt x="573" y="1305" on="1"/>
+        <pt x="510" y="1376" on="1"/>
+        <pt x="449" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="colon" xMin="74" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="comma" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="copyright" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="627" y="487" on="1"/>
+        <pt x="627" y="1018" on="1"/>
+        <pt x="627" y="1026" on="0"/>
+        <pt x="629" y="1053" on="0"/>
+        <pt x="649" y="1120" on="0"/>
+        <pt x="684" y="1171" on="0"/>
+        <pt x="764" y="1214" on="0"/>
+        <pt x="819" y="1214" on="1"/>
+        <pt x="966" y="1214" on="0"/>
+        <pt x="1001" y="1067" on="1"/>
+        <pt x="1008" y="1018" on="1"/>
+        <pt x="1008" y="893" on="1"/>
+        <pt x="870" y="893" on="1"/>
+        <pt x="870" y="1018" on="1"/>
+        <pt x="870" y="1035" on="1"/>
+        <pt x="870" y="1046" on="0"/>
+        <pt x="846" y="1081" on="0"/>
+        <pt x="821" y="1081" on="1"/>
+        <pt x="774" y="1079" on="0"/>
+        <pt x="772" y="1018" on="1"/>
+        <pt x="772" y="487" on="1"/>
+        <pt x="772" y="424" on="0"/>
+        <pt x="821" y="424" on="1"/>
+        <pt x="874" y="426" on="0"/>
+        <pt x="870" y="487" on="1"/>
+        <pt x="870" y="612" on="1"/>
+        <pt x="1008" y="612" on="1"/>
+        <pt x="1008" y="487" on="1"/>
+        <pt x="1008" y="479" on="0"/>
+        <pt x="1006" y="453" on="0"/>
+        <pt x="985" y="385" on="0"/>
+        <pt x="950" y="334" on="0"/>
+        <pt x="872" y="291" on="0"/>
+        <pt x="819" y="291" on="1"/>
+        <pt x="733" y="291" on="0"/>
+        <pt x="637" y="389" on="0"/>
+        <pt x="631" y="438" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 40 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          40 51 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 40 44 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 35 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 35 30 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          45 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          25 16 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          0 4 5 1 9 8 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="d" xMin="74" yMin="-16" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1505" on="1"/>
+        <pt x="604" y="1505" on="1"/>
+        <pt x="604" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="217" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="899" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dieresis" xMin="272" yMin="1305" xMax="752" yMax="1505">
+      <contour>
+        <pt x="272" y="1305" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="463" y="1505" on="1"/>
+        <pt x="463" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="561" y="1305" on="1"/>
+        <pt x="561" y="1505" on="1"/>
+        <pt x="752" y="1505" on="1"/>
+        <pt x="752" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dollar" xMin="37" yMin="-215" xMax="655" yMax="1628">
+      <contour>
+        <pt x="37" y="358" on="1"/>
+        <pt x="229" y="371" on="1"/>
+        <pt x="241" y="185" on="0"/>
+        <pt x="358" y="184" on="1"/>
+        <pt x="446" y="184" on="0"/>
+        <pt x="451" y="369" on="1"/>
+        <pt x="451" y="398" on="0"/>
+        <pt x="434" y="459" on="0"/>
+        <pt x="412" y="508" on="0"/>
+        <pt x="369" y="580" on="0"/>
+        <pt x="344" y="614" on="0"/>
+        <pt x="289" y="690" on="0"/>
+        <pt x="281" y="702" on="1"/>
+        <pt x="213" y="794" on="0"/>
+        <pt x="147" y="893" on="0"/>
+        <pt x="72" y="1077" on="0"/>
+        <pt x="72" y="1155" on="1"/>
+        <pt x="76" y="1448" on="0"/>
+        <pt x="287" y="1497" on="1"/>
+        <pt x="287" y="1628" on="1"/>
+        <pt x="410" y="1628" on="1"/>
+        <pt x="410" y="1503" on="1"/>
+        <pt x="611" y="1480" on="0"/>
+        <pt x="645" y="1221" on="1"/>
+        <pt x="453" y="1196" on="1"/>
+        <pt x="447" y="1253" on="0"/>
+        <pt x="403" y="1323" on="0"/>
+        <pt x="360" y="1321" on="1"/>
+        <pt x="280" y="1319" on="0"/>
+        <pt x="276" y="1159" on="1"/>
+        <pt x="276" y="1130" on="0"/>
+        <pt x="293" y="1067" on="0"/>
+        <pt x="313" y="1022" on="0"/>
+        <pt x="358" y="948" on="0"/>
+        <pt x="381" y="915" on="0"/>
+        <pt x="440" y="831" on="0"/>
+        <pt x="449" y="821" on="1"/>
+        <pt x="455" y="811" on="0"/>
+        <pt x="508" y="735" on="0"/>
+        <pt x="528" y="707" on="0"/>
+        <pt x="575" y="633" on="0"/>
+        <pt x="596" y="592" on="0"/>
+        <pt x="629" y="522" on="0"/>
+        <pt x="643" y="469" on="0"/>
+        <pt x="655" y="401" on="0"/>
+        <pt x="655" y="371" on="1"/>
+        <pt x="651" y="33" on="0"/>
+        <pt x="410" y="2" on="1"/>
+        <pt x="410" y="-215" on="1"/>
+        <pt x="287" y="-215" on="1"/>
+        <pt x="287" y="6" on="1"/>
+        <pt x="51" y="47" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotaccent" xMin="408" yMin="1298" xMax="614" yMax="1505">
+      <contour>
+        <pt x="408" y="1298" on="1"/>
+        <pt x="408" y="1505" on="1"/>
+        <pt x="614" y="1505" on="1"/>
+        <pt x="614" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotlessi" xMin="82" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="e" xMin="66" yMin="-16" xMax="600" yMax="1137">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 31
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eacute" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 48 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 51
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ecircumflex" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="80" y="1305" on="1"/>
+        <pt x="221" y="1489" on="1"/>
+        <pt x="440" y="1489" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+        <pt x="393" y="1305" on="1"/>
+        <pt x="330" y="1376" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          44 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 41 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 43
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="edieresis" xMin="66" yMin="-16" xMax="600" yMax="1505">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          38 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          52 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 31 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="egrave" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 38 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eight" xMin="53" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="53" y="322" on="1"/>
+        <pt x="53" y="498" on="1"/>
+        <pt x="53" y="686" on="0"/>
+        <pt x="168" y="795" on="1"/>
+        <pt x="66" y="897" on="0"/>
+        <pt x="66" y="1071" on="1"/>
+        <pt x="66" y="1198" on="1"/>
+        <pt x="66" y="1221" on="0"/>
+        <pt x="70" y="1274" on="0"/>
+        <pt x="102" y="1380" on="0"/>
+        <pt x="156" y="1460" on="0"/>
+        <pt x="270" y="1522" on="0"/>
+        <pt x="426" y="1522" on="0"/>
+        <pt x="541" y="1460" on="0"/>
+        <pt x="594" y="1380" on="0"/>
+        <pt x="627" y="1274" on="0"/>
+        <pt x="631" y="1221" on="0"/>
+        <pt x="631" y="1198" on="1"/>
+        <pt x="631" y="1071" on="1"/>
+        <pt x="631" y="897" on="0"/>
+        <pt x="528" y="795" on="1"/>
+        <pt x="643" y="686" on="0"/>
+        <pt x="643" y="498" on="1"/>
+        <pt x="643" y="322" on="1"/>
+        <pt x="643" y="297" on="0"/>
+        <pt x="639" y="242" on="0"/>
+        <pt x="606" y="131" on="0"/>
+        <pt x="549" y="49" on="0"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="147" y="49" on="0"/>
+        <pt x="90" y="131" on="0"/>
+        <pt x="57" y="242" on="0"/>
+        <pt x="53" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="268" y="410" on="1"/>
+        <pt x="270" y="283" on="0"/>
+        <pt x="301" y="186" on="0"/>
+        <pt x="348" y="186" on="1"/>
+        <pt x="385" y="186" on="0"/>
+        <pt x="420" y="246" on="0"/>
+        <pt x="428" y="328" on="0"/>
+        <pt x="428" y="410" on="1"/>
+        <pt x="428" y="562" on="0"/>
+        <pt x="401" y="676" on="0"/>
+        <pt x="295" y="676" on="0"/>
+        <pt x="268" y="562" on="0"/>
+      </contour>
+      <contour>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="993" on="0"/>
+        <pt x="307" y="893" on="0"/>
+        <pt x="389" y="893" on="0"/>
+        <pt x="414" y="993" on="0"/>
+        <pt x="414" y="1120" on="1"/>
+        <pt x="414" y="1233" on="0"/>
+        <pt x="389" y="1327" on="0"/>
+        <pt x="348" y="1327" on="1"/>
+        <pt x="311" y="1327" on="0"/>
+        <pt x="285" y="1239" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          49 44 29 12 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          58 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 37 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 20 28
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 3
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ellipsis" xMin="53" yMin="0" xMax="911" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="375" y="0" on="1"/>
+        <pt x="375" y="227" on="1"/>
+        <pt x="590" y="227" on="1"/>
+        <pt x="590" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="696" y="0" on="1"/>
+        <pt x="696" y="227" on="1"/>
+        <pt x="911" y="227" on="1"/>
+        <pt x="911" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="emdash" xMin="74" yMin="649" xMax="899" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="899" y="844" on="1"/>
+        <pt x="899" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="endash" xMin="74" yMin="649" xMax="733" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="733" y="844" on="1"/>
+        <pt x="733" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 24 0 13 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="equal" xMin="74" yMin="477" xMax="985" yMax="1036">
+      <contour>
+        <pt x="74" y="477" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="985" y="649" on="1"/>
+        <pt x="985" y="477" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="864" on="1"/>
+        <pt x="74" y="1036" on="1"/>
+        <pt x="985" y="1036" on="1"/>
+        <pt x="985" y="864" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eth" xMin="76" yMin="-16" xMax="606" yMax="1528">
+      <contour>
+        <pt x="76" y="279" on="1"/>
+        <pt x="76" y="858" on="1"/>
+        <pt x="76" y="1137" on="0"/>
+        <pt x="248" y="1137" on="1"/>
+        <pt x="311" y="1137" on="0"/>
+        <pt x="403" y="1059" on="1"/>
+        <pt x="391" y="1168" on="0"/>
+        <pt x="352" y="1262" on="1"/>
+        <pt x="270" y="1190" on="1"/>
+        <pt x="215" y="1253" on="1"/>
+        <pt x="315" y="1341" on="1"/>
+        <pt x="270" y="1407" on="1"/>
+        <pt x="379" y="1507" on="1"/>
+        <pt x="404" y="1480" on="0"/>
+        <pt x="432" y="1446" on="1"/>
+        <pt x="526" y="1528" on="1"/>
+        <pt x="582" y="1462" on="1"/>
+        <pt x="481" y="1374" on="1"/>
+        <pt x="606" y="1173" on="0"/>
+        <pt x="606" y="928" on="1"/>
+        <pt x="606" y="272" on="1"/>
+        <pt x="606" y="260" on="0"/>
+        <pt x="604" y="221" on="0"/>
+        <pt x="575" y="123" on="0"/>
+        <pt x="524" y="45" on="0"/>
+        <pt x="416" y="-16" on="0"/>
+        <pt x="340" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="156" y="45" on="0"/>
+        <pt x="106" y="131" on="0"/>
+        <pt x="78" y="217" on="0"/>
+        <pt x="78" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="272" y="279" on="0"/>
+        <pt x="268" y="256" on="0"/>
+        <pt x="276" y="221" on="0"/>
+        <pt x="289" y="188" on="0"/>
+        <pt x="319" y="166" on="0"/>
+        <pt x="340" y="166" on="1"/>
+        <pt x="410" y="176" on="0"/>
+        <pt x="412" y="279" on="1"/>
+        <pt x="412" y="842" on="1"/>
+        <pt x="410" y="842" on="0"/>
+        <pt x="414" y="864" on="0"/>
+        <pt x="406" y="899" on="0"/>
+        <pt x="393" y="932" on="0"/>
+        <pt x="362" y="956" on="0"/>
+        <pt x="340" y="956" on="1"/>
+        <pt x="272" y="946" on="0"/>
+        <pt x="270" y="842" on="1"/>
+        <pt x="270" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 8 9 11 33
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 10 12 26 32 41 46
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 42
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 46
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 8 14 16 17
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclam" xMin="74" yMin="0" xMax="313" yMax="1505">
+      <contour>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="313" y="1505" on="1"/>
+        <pt x="258" y="406" on="1"/>
+        <pt x="129" y="406" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="0" on="1"/>
+        <pt x="86" y="227" on="1"/>
+        <pt x="301" y="227" on="1"/>
+        <pt x="301" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclamdown" xMin="74" yMin="-385" xMax="313" yMax="1120">
+      <contour>
+        <pt x="74" y="-385" on="1"/>
+        <pt x="129" y="715" on="1"/>
+        <pt x="258" y="715" on="1"/>
+        <pt x="313" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="893" on="1"/>
+        <pt x="86" y="1120" on="1"/>
+        <pt x="301" y="1120" on="1"/>
+        <pt x="301" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="f" xMin="20" yMin="0" xMax="459" yMax="1513">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1137" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1202" on="0"/>
+        <pt x="129" y="1268" on="0"/>
+        <pt x="154" y="1386" on="0"/>
+        <pt x="199" y="1456" on="0"/>
+        <pt x="295" y="1513" on="0"/>
+        <pt x="362" y="1513" on="1"/>
+        <pt x="459" y="1499" on="1"/>
+        <pt x="459" y="1321" on="1"/>
+        <pt x="432" y="1329" on="0"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="331" y="1329" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1133" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 22 20 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          23 22 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 23 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="figuredash" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="five" xMin="74" yMin="-16" xMax="651" yMax="1505">
+      <contour>
+        <pt x="74" y="438" on="1"/>
+        <pt x="295" y="438" on="1"/>
+        <pt x="295" y="379" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="324" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="399" y="176" on="0"/>
+        <pt x="430" y="266" on="0"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="713" on="1"/>
+        <pt x="430" y="824" on="0"/>
+        <pt x="360" y="823" on="1"/>
+        <pt x="327" y="823" on="0"/>
+        <pt x="274" y="743" on="0"/>
+        <pt x="274" y="713" on="1"/>
+        <pt x="88" y="713" on="1"/>
+        <pt x="88" y="1505" on="1"/>
+        <pt x="623" y="1505" on="1"/>
+        <pt x="623" y="1286" on="1"/>
+        <pt x="279" y="1286" on="1"/>
+        <pt x="279" y="973" on="1"/>
+        <pt x="287" y="979" on="0"/>
+        <pt x="313" y="997" on="0"/>
+        <pt x="381" y="1026" on="0"/>
+        <pt x="406" y="1024" on="1"/>
+        <pt x="484" y="1024" on="0"/>
+        <pt x="594" y="944" on="0"/>
+        <pt x="637" y="825" on="0"/>
+        <pt x="651" y="743" on="0"/>
+        <pt x="651" y="713" on="1"/>
+        <pt x="651" y="377" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="284" y="-16" on="0"/>
+        <pt x="174" y="43" on="0"/>
+        <pt x="115" y="127" on="0"/>
+        <pt x="82" y="260" on="0"/>
+        <pt x="74" y="364" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          32 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 32 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          24 11 32 16 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          11 24 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 11 15 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 18 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="four" xMin="25" yMin="0" xMax="672" yMax="1505">
+      <contour>
+        <pt x="25" y="328" on="1"/>
+        <pt x="25" y="522" on="1"/>
+        <pt x="348" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="522" on="1"/>
+        <pt x="672" y="522" on="1"/>
+        <pt x="672" y="328" on="1"/>
+        <pt x="569" y="328" on="1"/>
+        <pt x="569" y="0" on="1"/>
+        <pt x="367" y="0" on="1"/>
+        <pt x="367" y="328" on="1"/>
+      </contour>
+      <contour>
+        <pt x="213" y="522" on="1"/>
+        <pt x="367" y="522" on="1"/>
+        <pt x="367" y="993" on="1"/>
+        <pt x="367" y="1038" on="1"/>
+        <pt x="354" y="1038" on="1"/>
+        <pt x="342" y="993" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          10 11 9 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 8 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 8 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="g" xMin="12" yMin="-401" xMax="698" yMax="1137">
+      <contour>
+        <pt x="12" y="-184" on="1"/>
+        <pt x="12" y="-90" on="0"/>
+        <pt x="174" y="-14" on="1"/>
+        <pt x="49" y="21" on="0"/>
+        <pt x="49" y="135" on="1"/>
+        <pt x="49" y="180" on="0"/>
+        <pt x="129" y="276" on="0"/>
+        <pt x="178" y="303" on="1"/>
+        <pt x="127" y="338" on="0"/>
+        <pt x="68" y="459" on="0"/>
+        <pt x="63" y="504" on="1"/>
+        <pt x="59" y="547" on="1"/>
+        <pt x="59" y="852" on="1"/>
+        <pt x="59" y="864" on="0"/>
+        <pt x="63" y="901" on="0"/>
+        <pt x="92" y="999" on="0"/>
+        <pt x="141" y="1075" on="0"/>
+        <pt x="250" y="1137" on="0"/>
+        <pt x="322" y="1137" on="1"/>
+        <pt x="457" y="1137" on="0"/>
+        <pt x="528" y="1034" on="1"/>
+        <pt x="630" y="1136" on="0"/>
+        <pt x="698" y="1137" on="1"/>
+        <pt x="698" y="952" on="1"/>
+        <pt x="626" y="952" on="0"/>
+        <pt x="578" y="928" on="1"/>
+        <pt x="588" y="858" on="1"/>
+        <pt x="588" y="541" on="1"/>
+        <pt x="588" y="531" on="0"/>
+        <pt x="584" y="492" on="0"/>
+        <pt x="553" y="397" on="0"/>
+        <pt x="504" y="324" on="0"/>
+        <pt x="395" y="264" on="0"/>
+        <pt x="322" y="264" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="283" y="266" on="1"/>
+        <pt x="254" y="241" on="0"/>
+        <pt x="254" y="215" on="1"/>
+        <pt x="254" y="199" on="0"/>
+        <pt x="276" y="174" on="0"/>
+        <pt x="338" y="158" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="412" y="145" on="1"/>
+        <pt x="469" y="137" on="0"/>
+        <pt x="557" y="111" on="0"/>
+        <pt x="647" y="55" on="0"/>
+        <pt x="698" y="-45" on="0"/>
+        <pt x="698" y="-115" on="1"/>
+        <pt x="698" y="-267" on="0"/>
+        <pt x="492" y="-401" on="0"/>
+        <pt x="344" y="-401" on="1"/>
+        <pt x="180" y="-397" on="0"/>
+        <pt x="12" y="-301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="213" y="-150" on="1"/>
+        <pt x="213" y="-228" on="0"/>
+        <pt x="348" y="-227" on="1"/>
+        <pt x="407" y="-227" on="0"/>
+        <pt x="506" y="-188" on="0"/>
+        <pt x="506" y="-152" on="1"/>
+        <pt x="506" y="-119" on="0"/>
+        <pt x="465" y="-84" on="0"/>
+        <pt x="395" y="-72" on="1"/>
+        <pt x="289" y="-51" on="1"/>
+        <pt x="213" y="-95" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="509" on="1"/>
+        <pt x="262" y="492" on="0"/>
+        <pt x="293" y="436" on="0"/>
+        <pt x="322" y="436" on="1"/>
+        <pt x="385" y="442" on="0"/>
+        <pt x="385" y="537" on="1"/>
+        <pt x="385" y="844" on="1"/>
+        <pt x="384" y="845" on="0"/>
+        <pt x="384" y="850" on="0"/>
+        <pt x="386" y="860" on="0"/>
+        <pt x="386" y="861" on="1"/>
+        <pt x="386" y="869" on="0"/>
+        <pt x="383" y="880" on="1"/>
+        <pt x="379" y="895" on="0"/>
+        <pt x="369" y="926" on="0"/>
+        <pt x="342" y="946" on="0"/>
+        <pt x="322" y="946" on="1"/>
+        <pt x="293" y="946" on="0"/>
+        <pt x="262" y="895" on="0"/>
+        <pt x="262" y="868" on="1"/>
+        <pt x="262" y="844" on="1"/>
+        <pt x="262" y="537" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          80 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          55 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          67 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          86
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          85 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          85
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          58 27 69 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          87 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 2
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 85
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          33 35 41 62 18 80
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 58
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 4 37 47 53 62
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          80
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="germandbls" xMin="66" yMin="0" xMax="680" yMax="1522">
+      <contour>
+        <pt x="66" y="0" on="1"/>
+        <pt x="66" y="1235" on="1"/>
+        <pt x="66" y="1358" on="0"/>
+        <pt x="207" y="1522" on="0"/>
+        <pt x="346" y="1522" on="1"/>
+        <pt x="479" y="1522" on="0"/>
+        <pt x="616" y="1360" on="0"/>
+        <pt x="616" y="1237" on="1"/>
+        <pt x="616" y="1128" on="0"/>
+        <pt x="528" y="1063" on="1"/>
+        <pt x="680" y="975" on="0"/>
+        <pt x="680" y="575" on="1"/>
+        <pt x="680" y="393" on="0"/>
+        <pt x="639" y="160" on="0"/>
+        <pt x="547" y="41" on="0"/>
+        <pt x="434" y="0" on="0"/>
+        <pt x="346" y="0" on="1"/>
+        <pt x="346" y="193" on="1"/>
+        <pt x="391" y="193" on="0"/>
+        <pt x="442" y="244" on="0"/>
+        <pt x="473" y="416" on="0"/>
+        <pt x="473" y="575" on="1"/>
+        <pt x="473" y="745" on="0"/>
+        <pt x="442" y="924" on="0"/>
+        <pt x="391" y="979" on="0"/>
+        <pt x="346" y="979" on="1"/>
+        <pt x="346" y="1120" on="1"/>
+        <pt x="381" y="1120" on="0"/>
+        <pt x="432" y="1186" on="0"/>
+        <pt x="432" y="1237" on="1"/>
+        <pt x="432" y="1282" on="0"/>
+        <pt x="389" y="1337" on="0"/>
+        <pt x="346" y="1337" on="1"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="272" y="1235" on="1"/>
+        <pt x="272" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          26 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="grave" xMin="293" yMin="1305" xMax="614" yMax="1489">
+      <contour>
+        <pt x="293" y="1489" on="1"/>
+        <pt x="508" y="1489" on="1"/>
+        <pt x="614" y="1305" on="1"/>
+        <pt x="455" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="greater" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="174" on="1"/>
+        <pt x="74" y="373" on="1"/>
+        <pt x="772" y="729" on="1"/>
+        <pt x="74" y="1085" on="1"/>
+        <pt x="74" y="1284" on="1"/>
+        <pt x="985" y="809" on="1"/>
+        <pt x="985" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="h" xMin="82" yMin="0" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hungarumlaut" xMin="215" yMin="1305" xMax="840" yMax="1489">
+      <contour>
+        <pt x="215" y="1305" on="1"/>
+        <pt x="322" y="1489" on="1"/>
+        <pt x="537" y="1489" on="1"/>
+        <pt x="375" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="518" y="1305" on="1"/>
+        <pt x="625" y="1489" on="1"/>
+        <pt x="840" y="1489" on="1"/>
+        <pt x="678" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hyphen" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="i" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1298" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="iacute" xMin="82" yMin="0" xMax="403" yMax="1489">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1305" on="1"/>
+        <pt x="188" y="1489" on="1"/>
+        <pt x="403" y="1489" on="1"/>
+        <pt x="242" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1489">
+      <contour>
+        <pt x="-66" y="1305" on="1"/>
+        <pt x="76" y="1489" on="1"/>
+        <pt x="295" y="1489" on="1"/>
+        <pt x="436" y="1305" on="1"/>
+        <pt x="248" y="1305" on="1"/>
+        <pt x="184" y="1376" on="1"/>
+        <pt x="123" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="idieresis" xMin="-53" yMin="0" xMax="426" yMax="1505">
+      <contour>
+        <pt x="-53" y="1305" on="1"/>
+        <pt x="-53" y="1505" on="1"/>
+        <pt x="137" y="1505" on="1"/>
+        <pt x="137" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1305" on="1"/>
+        <pt x="236" y="1505" on="1"/>
+        <pt x="426" y="1505" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="igrave" xMin="-33" yMin="0" xMax="289" yMax="1489">
+      <contour>
+        <pt x="-33" y="1489" on="1"/>
+        <pt x="182" y="1489" on="1"/>
+        <pt x="289" y="1305" on="1"/>
+        <pt x="129" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="j" xMin="-45" yMin="-385" xMax="283" yMax="1505">
+      <contour>
+        <pt x="-45" y="-182" on="1"/>
+        <pt x="-16" y="-190" on="0"/>
+        <pt x="12" y="-190" on="1"/>
+        <pt x="76" y="-190" on="0"/>
+        <pt x="76" y="-48" on="1"/>
+        <pt x="76" y="-45" on="0"/>
+        <pt x="76" y="-30" on="0"/>
+        <pt x="76" y="-27" on="1"/>
+        <pt x="76" y="1120" on="1"/>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="-29" on="1"/>
+        <pt x="283" y="-80" on="0"/>
+        <pt x="279" y="-145" on="0"/>
+        <pt x="254" y="-260" on="0"/>
+        <pt x="209" y="-330" on="0"/>
+        <pt x="113" y="-385" on="0"/>
+        <pt x="45" y="-385" on="1"/>
+        <pt x="16" y="-385" on="0"/>
+        <pt x="-29" y="-379" on="0"/>
+        <pt x="-37" y="-377" on="1"/>
+        <pt x="-45" y="-373" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="1298" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="283" y="1505" on="1"/>
+        <pt x="283" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="k" xMin="82" yMin="0" xMax="637" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="827" on="1"/>
+        <pt x="289" y="791" on="1"/>
+        <pt x="299" y="791" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="412" y="1120" on="1"/>
+        <pt x="598" y="1120" on="1"/>
+        <pt x="449" y="756" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="438" y="0" on="1"/>
+        <pt x="336" y="453" on="1"/>
+        <pt x="332" y="469" on="1"/>
+        <pt x="322" y="469" on="1"/>
+        <pt x="315" y="453" on="1"/>
+        <pt x="289" y="387" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="l" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="less" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="809" on="1"/>
+        <pt x="985" y="1284" on="1"/>
+        <pt x="985" y="1085" on="1"/>
+        <pt x="287" y="729" on="1"/>
+        <pt x="985" y="373" on="1"/>
+        <pt x="985" y="174" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="lslash" xMin="31" yMin="0" xMax="438" yMax="1505">
+      <contour>
+        <pt x="31" y="561" on="1"/>
+        <pt x="31" y="782" on="1"/>
+        <pt x="131" y="860" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="338" y="1505" on="1"/>
+        <pt x="338" y="1022" on="1"/>
+        <pt x="438" y="1100" on="1"/>
+        <pt x="438" y="879" on="1"/>
+        <pt x="338" y="801" on="1"/>
+        <pt x="338" y="0" on="1"/>
+        <pt x="131" y="0" on="1"/>
+        <pt x="131" y="639" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="m" xMin="82" yMin="0" xMax="944" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="291" y="1026" on="0"/>
+        <pt x="352" y="1087" on="0"/>
+        <pt x="428" y="1137" on="0"/>
+        <pt x="461" y="1137" on="1"/>
+        <pt x="561" y="1137" on="0"/>
+        <pt x="600" y="1012" on="1"/>
+        <pt x="604" y="1016" on="0"/>
+        <pt x="682" y="1090" on="0"/>
+        <pt x="756" y="1137" on="0"/>
+        <pt x="788" y="1137" on="1"/>
+        <pt x="864" y="1137" on="0"/>
+        <pt x="944" y="999" on="0"/>
+        <pt x="944" y="918" on="1"/>
+        <pt x="944" y="0" on="1"/>
+        <pt x="750" y="0" on="1"/>
+        <pt x="750" y="887" on="1"/>
+        <pt x="750" y="936" on="0"/>
+        <pt x="694" y="936" on="1"/>
+        <pt x="653" y="936" on="0"/>
+        <pt x="616" y="883" on="1"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="422" y="0" on="1"/>
+        <pt x="422" y="887" on="1"/>
+        <pt x="422" y="936" on="0"/>
+        <pt x="367" y="936" on="1"/>
+        <pt x="326" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 24
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="macron" xMin="313" yMin="1315" xMax="711" yMax="1477">
+      <contour>
+        <pt x="313" y="1315" on="1"/>
+        <pt x="313" y="1477" on="1"/>
+        <pt x="711" y="1477" on="1"/>
+        <pt x="711" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="minus" xMin="74" yMin="649" xMax="702" yMax="821">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="702" y="821" on="1"/>
+        <pt x="702" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="n" xMin="82" yMin="0" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nine" xMin="57" yMin="-16" xMax="635" yMax="1522">
+      <contour>
+        <pt x="57" y="340" on="1"/>
+        <pt x="57" y="434" on="1"/>
+        <pt x="279" y="434" on="1"/>
+        <pt x="279" y="272" on="0"/>
+        <pt x="301" y="176" on="0"/>
+        <pt x="346" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="414" y="250" on="0"/>
+        <pt x="414" y="340" on="1"/>
+        <pt x="414" y="623" on="1"/>
+        <pt x="355" y="586" on="0"/>
+        <pt x="303" y="586" on="1"/>
+        <pt x="223" y="586" on="0"/>
+        <pt x="117" y="657" on="0"/>
+        <pt x="72" y="772" on="0"/>
+        <pt x="57" y="860" on="0"/>
+        <pt x="57" y="903" on="1"/>
+        <pt x="57" y="1196" on="1"/>
+        <pt x="57" y="1237" on="0"/>
+        <pt x="74" y="1323" on="0"/>
+        <pt x="125" y="1444" on="0"/>
+        <pt x="252" y="1522" on="0"/>
+        <pt x="440" y="1522" on="0"/>
+        <pt x="567" y="1444" on="0"/>
+        <pt x="618" y="1323" on="0"/>
+        <pt x="635" y="1237" on="0"/>
+        <pt x="635" y="1196" on="1"/>
+        <pt x="635" y="340" on="1"/>
+        <pt x="635" y="-16" on="0"/>
+        <pt x="57" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="279" y="825" on="1"/>
+        <pt x="279" y="807" on="0"/>
+        <pt x="315" y="758" on="0"/>
+        <pt x="377" y="758" on="0"/>
+        <pt x="412" y="799" on="0"/>
+        <pt x="414" y="819" on="1"/>
+        <pt x="414" y="1262" on="1"/>
+        <pt x="414" y="1282" on="0"/>
+        <pt x="379" y="1329" on="0"/>
+        <pt x="346" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="279" y="1280" on="0"/>
+        <pt x="279" y="1262" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 33 29 22 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="ntilde" xMin="82" yMin="0" xMax="612" yMax="1495">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="147" y="1305" on="1"/>
+        <pt x="147" y="1456" on="1"/>
+        <pt x="196" y="1495" on="0"/>
+        <pt x="256" y="1495" on="1"/>
+        <pt x="289" y="1495" on="0"/>
+        <pt x="406" y="1458" on="0"/>
+        <pt x="436" y="1456" on="1"/>
+        <pt x="461" y="1456" on="0"/>
+        <pt x="516" y="1473" on="0"/>
+        <pt x="530" y="1481" on="1"/>
+        <pt x="545" y="1489" on="1"/>
+        <pt x="545" y="1337" on="1"/>
+        <pt x="494" y="1298" on="0"/>
+        <pt x="436" y="1298" on="1"/>
+        <pt x="405" y="1298" on="0"/>
+        <pt x="289" y="1337" on="0"/>
+        <pt x="256" y="1337" on="1"/>
+        <pt x="231" y="1337" on="0"/>
+        <pt x="176" y="1321" on="0"/>
+        <pt x="162" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 22 35
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 29 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="numbersign" xMin="49" yMin="0" xMax="1184" yMax="1505">
+      <contour>
+        <pt x="49" y="438" on="1"/>
+        <pt x="76" y="633" on="1"/>
+        <pt x="274" y="633" on="1"/>
+        <pt x="311" y="891" on="1"/>
+        <pt x="115" y="891" on="1"/>
+        <pt x="141" y="1085" on="1"/>
+        <pt x="338" y="1085" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="592" y="1505" on="1"/>
+        <pt x="535" y="1085" on="1"/>
+        <pt x="795" y="1085" on="1"/>
+        <pt x="852" y="1505" on="1"/>
+        <pt x="1049" y="1505" on="1"/>
+        <pt x="991" y="1085" on="1"/>
+        <pt x="1184" y="1085" on="1"/>
+        <pt x="1157" y="891" on="1"/>
+        <pt x="965" y="891" on="1"/>
+        <pt x="928" y="633" on="1"/>
+        <pt x="1118" y="633" on="1"/>
+        <pt x="1092" y="438" on="1"/>
+        <pt x="901" y="438" on="1"/>
+        <pt x="842" y="0" on="1"/>
+        <pt x="645" y="0" on="1"/>
+        <pt x="705" y="438" on="1"/>
+        <pt x="444" y="438" on="1"/>
+        <pt x="385" y="0" on="1"/>
+        <pt x="188" y="0" on="1"/>
+        <pt x="248" y="438" on="1"/>
+      </contour>
+      <contour>
+        <pt x="471" y="633" on="1"/>
+        <pt x="731" y="633" on="1"/>
+        <pt x="768" y="891" on="1"/>
+        <pt x="508" y="891" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 25
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 11 12
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 17 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          20 23 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 16 30 31
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          6 9 10 13
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16218 -2326 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16235 -2203 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          20 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          24 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          27 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          28 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 8 19
+          CALL[ ]
+          SPVTCA[1]
+          NPUSHB[ ]  /* 16 values pushed */
+          2 3 6 9 10 13 16 17 20 23 24 27 28 29 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="o" xMin="63" yMin="-16" xMax="594" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="257" y="259" on="1"/>
+        <pt x="257" y="250" on="0"/>
+        <pt x="260" y="239" on="1"/>
+        <pt x="264" y="222" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="399" y="853" on="1"/>
+        <pt x="400" y="857" on="0"/>
+        <pt x="400" y="861" on="1"/>
+        <pt x="400" y="870" on="0"/>
+        <pt x="397" y="882" on="1"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="259" y="278" on="0"/>
+        <pt x="259" y="272" on="0"/>
+        <pt x="257" y="260" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 34 35
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oacute" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="367" y="1489" on="1"/>
+        <pt x="582" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 7 33 42 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 44 45
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ocircumflex" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="219" y="1489" on="1"/>
+        <pt x="438" y="1489" on="1"/>
+        <pt x="580" y="1305" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="328" y="1376" on="1"/>
+        <pt x="266" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          48 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 25
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 28 30 7 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 26 27
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="odieresis" xMin="63" yMin="-16" xMax="594" yMax="1505">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          25 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          18 7 42
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oe" xMin="63" yMin="-16" xMax="936" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="566" y="1136" on="0"/>
+        <pt x="670" y="1137" on="1"/>
+        <pt x="869" y="1137" on="0"/>
+        <pt x="922" y="940" on="1"/>
+        <pt x="936" y="889" on="0"/>
+        <pt x="936" y="848" on="1"/>
+        <pt x="936" y="522" on="1"/>
+        <pt x="594" y="522" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="256" on="0"/>
+        <pt x="602" y="215" on="0"/>
+        <pt x="639" y="166" on="0"/>
+        <pt x="670" y="166" on="1"/>
+        <pt x="740" y="176" on="0"/>
+        <pt x="743" y="279" on="1"/>
+        <pt x="743" y="401" on="1"/>
+        <pt x="936" y="401" on="1"/>
+        <pt x="936" y="272" on="1"/>
+        <pt x="936" y="260" on="0"/>
+        <pt x="932" y="221" on="0"/>
+        <pt x="903" y="123" on="0"/>
+        <pt x="854" y="45" on="0"/>
+        <pt x="743" y="-16" on="0"/>
+        <pt x="668" y="-16" on="1"/>
+        <pt x="562" y="-16" on="0"/>
+        <pt x="498" y="41" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="594" y="684" on="1"/>
+        <pt x="743" y="684" on="1"/>
+        <pt x="743" y="842" on="1"/>
+        <pt x="743" y="854" on="0"/>
+        <pt x="741" y="893" on="0"/>
+        <pt x="705" y="956" on="0"/>
+        <pt x="670" y="956" on="1"/>
+        <pt x="627" y="956" on="0"/>
+        <pt x="594" y="881" on="0"/>
+        <pt x="594" y="848" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          37 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          48 37 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 48 25 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          61 17 37 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          71
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          60 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          72 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          37 7 52 57
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 35 53
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 61
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ogonek" xMin="348" yMin="-385" xMax="678" yMax="0">
+      <contour>
+        <pt x="348" y="-211" on="1"/>
+        <pt x="348" y="-107" on="0"/>
+        <pt x="475" y="-6" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="582" y="0" on="1"/>
+        <pt x="572" y="-8" on="0"/>
+        <pt x="541" y="-37" on="0"/>
+        <pt x="489" y="-127" on="0"/>
+        <pt x="489" y="-170" on="1"/>
+        <pt x="489" y="-211" on="0"/>
+        <pt x="551" y="-248" on="0"/>
+        <pt x="633" y="-248" on="0"/>
+        <pt x="678" y="-229" on="1"/>
+        <pt x="662" y="-367" on="1"/>
+        <pt x="607" y="-385" on="0"/>
+        <pt x="557" y="-385" on="1"/>
+        <pt x="461" y="-385" on="0"/>
+        <pt x="348" y="-283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          8 16 0 29 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ograve" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="1489" on="1"/>
+        <pt x="313" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+        <pt x="260" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 25 27 7 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 26
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="one" xMin="25" yMin="0" xMax="393" yMax="1505">
+      <contour>
+        <pt x="25" y="1180" on="1"/>
+        <pt x="25" y="1321" on="1"/>
+        <pt x="76" y="1331" on="0"/>
+        <pt x="162" y="1376" on="0"/>
+        <pt x="213" y="1427" on="0"/>
+        <pt x="248" y="1475" on="0"/>
+        <pt x="254" y="1491" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="393" y="1505" on="1"/>
+        <pt x="393" y="0" on="1"/>
+        <pt x="172" y="0" on="1"/>
+        <pt x="172" y="1180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 10 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oslash" xMin="63" yMin="-78" xMax="594" yMax="1198">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="379" y="1137" on="0"/>
+        <pt x="434" y="1118" on="1"/>
+        <pt x="455" y="1198" on="1"/>
+        <pt x="530" y="1198" on="1"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="588" y="993" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="271" y="-16" on="0"/>
+        <pt x="225" y="0" on="1"/>
+        <pt x="205" y="-78" on="1"/>
+        <pt x="125" y="-78" on="1"/>
+        <pt x="156" y="43" on="1"/>
+        <pt x="115" y="82" on="0"/>
+        <pt x="68" y="199" on="0"/>
+        <pt x="66" y="238" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="436" on="1"/>
+        <pt x="383" y="922" on="1"/>
+        <pt x="365" y="957" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="274" y="197" on="1"/>
+        <pt x="290" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="682" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          24 30 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          24 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          10 15 40 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15847 -4160 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 34
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 34
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 24 11 19
+          CALL[ ]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          23 24 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          26 25 10 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          30 25 10 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          36 24 11 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          41 24 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          26 25 10
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 24 11
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          SVTCA[0]
+          NPUSHB[ ]  /* 11 values pushed */
+          9 10 11 12 24 25 26 30 31 36 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 6 values pushed */
+          9 12 23 26 31 36
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="otilde" xMin="63" yMin="-16" xMax="594" yMax="1495">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="131" y="1305" on="1"/>
+        <pt x="131" y="1456" on="1"/>
+        <pt x="180" y="1495" on="0"/>
+        <pt x="240" y="1495" on="1"/>
+        <pt x="273" y="1495" on="0"/>
+        <pt x="389" y="1458" on="0"/>
+        <pt x="420" y="1456" on="1"/>
+        <pt x="445" y="1456" on="0"/>
+        <pt x="500" y="1473" on="0"/>
+        <pt x="514" y="1481" on="1"/>
+        <pt x="528" y="1489" on="1"/>
+        <pt x="528" y="1337" on="1"/>
+        <pt x="477" y="1298" on="0"/>
+        <pt x="420" y="1298" on="1"/>
+        <pt x="389" y="1298" on="0"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="240" y="1337" on="1"/>
+        <pt x="215" y="1337" on="0"/>
+        <pt x="160" y="1321" on="0"/>
+        <pt x="145" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          61 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          24 27 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 29 7 53
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 34 37
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="p" xMin="82" yMin="-385" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenleft" xMin="66" yMin="-297" xMax="520" yMax="1589">
+      <contour>
+        <pt x="66" y="502" on="0"/>
+        <pt x="66" y="788" on="0"/>
+        <pt x="125" y="1087" on="0"/>
+        <pt x="213" y="1311" on="0"/>
+        <pt x="299" y="1495" on="0"/>
+        <pt x="328" y="1542" on="1"/>
+        <pt x="358" y="1589" on="1"/>
+        <pt x="520" y="1505" on="1"/>
+        <pt x="510" y="1491" on="0"/>
+        <pt x="475" y="1438" on="0"/>
+        <pt x="385" y="1262" on="0"/>
+        <pt x="317" y="1073" on="0"/>
+        <pt x="262" y="786" on="0"/>
+        <pt x="262" y="504" on="0"/>
+        <pt x="315" y="221" on="0"/>
+        <pt x="391" y="23" on="0"/>
+        <pt x="467" y="-135" on="0"/>
+        <pt x="494" y="-174" on="1"/>
+        <pt x="520" y="-213" on="1"/>
+        <pt x="358" y="-297" on="1"/>
+        <pt x="346" y="-279" on="0"/>
+        <pt x="307" y="-215" on="0"/>
+        <pt x="207" y="-12" on="0"/>
+        <pt x="129" y="199" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenright" xMin="41" yMin="-297" xMax="496" yMax="1589">
+      <contour>
+        <pt x="41" y="-213" on="1"/>
+        <pt x="51" y="-199" on="0"/>
+        <pt x="86" y="-145" on="0"/>
+        <pt x="176" y="31" on="0"/>
+        <pt x="244" y="217" on="0"/>
+        <pt x="299" y="504" on="0"/>
+        <pt x="299" y="786" on="0"/>
+        <pt x="246" y="1069" on="0"/>
+        <pt x="170" y="1268" on="0"/>
+        <pt x="94" y="1427" on="0"/>
+        <pt x="68" y="1466" on="1"/>
+        <pt x="41" y="1505" on="1"/>
+        <pt x="203" y="1589" on="1"/>
+        <pt x="215" y="1571" on="0"/>
+        <pt x="254" y="1507" on="0"/>
+        <pt x="354" y="1303" on="0"/>
+        <pt x="432" y="1094" on="0"/>
+        <pt x="496" y="788" on="0"/>
+        <pt x="496" y="502" on="0"/>
+        <pt x="436" y="203" on="0"/>
+        <pt x="348" y="-20" on="0"/>
+        <pt x="262" y="-203" on="0"/>
+        <pt x="233" y="-250" on="1"/>
+        <pt x="203" y="-297" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="percent" xMin="55" yMin="-16" xMax="948" yMax="1522">
+      <contour>
+        <pt x="55" y="911" on="1"/>
+        <pt x="55" y="1348" on="1"/>
+        <pt x="55" y="1354" on="0"/>
+        <pt x="57" y="1378" on="0"/>
+        <pt x="74" y="1438" on="0"/>
+        <pt x="104" y="1485" on="0"/>
+        <pt x="170" y="1522" on="0"/>
+        <pt x="215" y="1522" on="1"/>
+        <pt x="285" y="1522" on="0"/>
+        <pt x="365" y="1434" on="0"/>
+        <pt x="369" y="1391" on="1"/>
+        <pt x="373" y="1348" on="1"/>
+        <pt x="373" y="911" on="1"/>
+        <pt x="373" y="905" on="0"/>
+        <pt x="371" y="881" on="0"/>
+        <pt x="354" y="819" on="0"/>
+        <pt x="324" y="774" on="0"/>
+        <pt x="260" y="735" on="0"/>
+        <pt x="215" y="735" on="1"/>
+        <pt x="86" y="735" on="0"/>
+        <pt x="59" y="870" on="1"/>
+      </contour>
+      <contour>
+        <pt x="158" y="0" on="1"/>
+        <pt x="711" y="1505" on="1"/>
+        <pt x="842" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="178" y="911" on="1"/>
+        <pt x="174" y="856" on="0"/>
+        <pt x="215" y="856" on="1"/>
+        <pt x="231" y="856" on="0"/>
+        <pt x="250" y="885" on="0"/>
+        <pt x="250" y="897" on="1"/>
+        <pt x="250" y="911" on="1"/>
+        <pt x="250" y="1348" on="1"/>
+        <pt x="252" y="1403" on="0"/>
+        <pt x="215" y="1403" on="1"/>
+        <pt x="197" y="1403" on="0"/>
+        <pt x="178" y="1376" on="0"/>
+        <pt x="178" y="1362" on="1"/>
+        <pt x="178" y="1348" on="1"/>
+      </contour>
+      <contour>
+        <pt x="631" y="158" on="1"/>
+        <pt x="631" y="594" on="1"/>
+        <pt x="631" y="600" on="0"/>
+        <pt x="633" y="625" on="0"/>
+        <pt x="649" y="686" on="0"/>
+        <pt x="680" y="731" on="0"/>
+        <pt x="745" y="770" on="0"/>
+        <pt x="791" y="770" on="1"/>
+        <pt x="916" y="770" on="0"/>
+        <pt x="944" y="635" on="1"/>
+        <pt x="948" y="594" on="1"/>
+        <pt x="948" y="158" on="1"/>
+        <pt x="948" y="152" on="0"/>
+        <pt x="946" y="127" on="0"/>
+        <pt x="930" y="68" on="0"/>
+        <pt x="899" y="20" on="0"/>
+        <pt x="836" y="-16" on="0"/>
+        <pt x="791" y="-16" on="1"/>
+        <pt x="719" y="-16" on="0"/>
+        <pt x="639" y="70" on="0"/>
+        <pt x="635" y="115" on="1"/>
+      </contour>
+      <contour>
+        <pt x="754" y="158" on="1"/>
+        <pt x="750" y="101" on="0"/>
+        <pt x="791" y="100" on="1"/>
+        <pt x="828" y="100" on="0"/>
+        <pt x="825" y="158" on="1"/>
+        <pt x="825" y="594" on="1"/>
+        <pt x="827" y="649" on="0"/>
+        <pt x="791" y="649" on="1"/>
+        <pt x="773" y="649" on="0"/>
+        <pt x="754" y="623" on="0"/>
+        <pt x="754" y="608" on="1"/>
+        <pt x="754" y="594" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          62 5 0 53 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          34 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 46 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 5 0 51 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 18 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 5 0 51 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          72
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          73 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 27 34
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 24
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 42
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 46 67
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 52
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="period" xMin="53" yMin="0" xMax="268" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="periodcentered" xMin="0" yMin="649" xMax="215" yMax="877">
+      <contour>
+        <pt x="0" y="649" on="1"/>
+        <pt x="0" y="877" on="1"/>
+        <pt x="215" y="877" on="1"/>
+        <pt x="215" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="plus" xMin="74" yMin="303" xMax="987" yMax="1167">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="444" y="821" on="1"/>
+        <pt x="444" y="1167" on="1"/>
+        <pt x="616" y="1167" on="1"/>
+        <pt x="616" y="821" on="1"/>
+        <pt x="987" y="821" on="1"/>
+        <pt x="987" y="649" on="1"/>
+        <pt x="616" y="649" on="1"/>
+        <pt x="616" y="303" on="1"/>
+        <pt x="444" y="303" on="1"/>
+        <pt x="444" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 3 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="q" xMin="74" yMin="-385" xMax="604" yMax="1137">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1120" on="1"/>
+        <pt x="604" y="1120" on="1"/>
+        <pt x="604" y="-385" on="1"/>
+        <pt x="397" y="-385" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="221" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="903" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="question" xMin="25" yMin="0" xMax="604" yMax="1513">
+      <contour>
+        <pt x="25" y="1260" on="1"/>
+        <pt x="37" y="1293" on="0"/>
+        <pt x="80" y="1364" on="0"/>
+        <pt x="156" y="1456" on="0"/>
+        <pt x="272" y="1516" on="0"/>
+        <pt x="338" y="1513" on="1"/>
+        <pt x="420" y="1511" on="0"/>
+        <pt x="532" y="1448" on="0"/>
+        <pt x="584" y="1348" on="0"/>
+        <pt x="604" y="1266" on="0"/>
+        <pt x="604" y="1227" on="1"/>
+        <pt x="604" y="1145" on="0"/>
+        <pt x="524" y="1008" on="1"/>
+        <pt x="485" y="945" on="0"/>
+        <pt x="449" y="881" on="0"/>
+        <pt x="401" y="731" on="0"/>
+        <pt x="401" y="662" on="1"/>
+        <pt x="401" y="406" on="1"/>
+        <pt x="211" y="406" on="1"/>
+        <pt x="211" y="662" on="1"/>
+        <pt x="211" y="764" on="0"/>
+        <pt x="260" y="950" on="0"/>
+        <pt x="307" y="1044" on="0"/>
+        <pt x="348" y="1114" on="1"/>
+        <pt x="391" y="1186" on="0"/>
+        <pt x="401" y="1227" on="1"/>
+        <pt x="407" y="1254" on="0"/>
+        <pt x="373" y="1321" on="0"/>
+        <pt x="334" y="1321" on="1"/>
+        <pt x="287" y="1323" on="0"/>
+        <pt x="217" y="1225" on="0"/>
+        <pt x="203" y="1176" on="1"/>
+      </contour>
+      <contour>
+        <pt x="199" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="414" y="227" on="1"/>
+        <pt x="199" y="227" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 11
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="questiondown" xMin="41" yMin="-393" xMax="621" yMax="1120">
+      <contour>
+        <pt x="41" y="-106" on="1"/>
+        <pt x="41" y="-24" on="0"/>
+        <pt x="121" y="113" on="1"/>
+        <pt x="160" y="176" on="0"/>
+        <pt x="197" y="240" on="0"/>
+        <pt x="244" y="389" on="0"/>
+        <pt x="244" y="459" on="1"/>
+        <pt x="244" y="715" on="1"/>
+        <pt x="434" y="715" on="1"/>
+        <pt x="434" y="459" on="1"/>
+        <pt x="434" y="357" on="0"/>
+        <pt x="385" y="170" on="0"/>
+        <pt x="338" y="76" on="0"/>
+        <pt x="297" y="6" on="1"/>
+        <pt x="254" y="-66" on="0"/>
+        <pt x="244" y="-106" on="1"/>
+        <pt x="238" y="-133" on="0"/>
+        <pt x="272" y="-201" on="0"/>
+        <pt x="311" y="-201" on="1"/>
+        <pt x="358" y="-203" on="0"/>
+        <pt x="428" y="-104" on="0"/>
+        <pt x="442" y="-55" on="1"/>
+        <pt x="621" y="-139" on="1"/>
+        <pt x="609" y="-172" on="0"/>
+        <pt x="565" y="-244" on="0"/>
+        <pt x="489" y="-336" on="0"/>
+        <pt x="373" y="-395" on="0"/>
+        <pt x="307" y="-393" on="1"/>
+        <pt x="225" y="-391" on="0"/>
+        <pt x="113" y="-328" on="0"/>
+        <pt x="61" y="-227" on="0"/>
+        <pt x="41" y="-145" on="0"/>
+      </contour>
+      <contour>
+        <pt x="231" y="893" on="1"/>
+        <pt x="231" y="1120" on="1"/>
+        <pt x="446" y="1120" on="1"/>
+        <pt x="446" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          33 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 7 21 22
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedbl" xMin="57" yMin="954" xMax="272" yMax="1505">
+      <contour>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="242" y="954" on="1"/>
+        <pt x="88" y="954" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 8 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblbase" xMin="53" yMin="-266" xMax="571" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+        <pt x="156" y="-266" on="1"/>
+        <pt x="53" y="-266" on="1"/>
+        <pt x="125" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="0" on="1"/>
+        <pt x="356" y="227" on="1"/>
+        <pt x="571" y="227" on="1"/>
+        <pt x="571" y="0" on="1"/>
+        <pt x="459" y="-266" on="1"/>
+        <pt x="356" y="-266" on="1"/>
+        <pt x="428" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 4 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblleft" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="53" y="1239" on="1"/>
+        <pt x="166" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="197" y="1239" on="1"/>
+        <pt x="268" y="1239" on="1"/>
+        <pt x="268" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="356" y="1239" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="500" y="1239" on="1"/>
+        <pt x="571" y="1239" on="1"/>
+        <pt x="571" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblright" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="125" y="1278" on="1"/>
+        <pt x="53" y="1278" on="1"/>
+        <pt x="53" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1278" on="1"/>
+        <pt x="156" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="428" y="1278" on="1"/>
+        <pt x="356" y="1278" on="1"/>
+        <pt x="356" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="571" y="1278" on="1"/>
+        <pt x="459" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 2 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteleft" xMin="49" yMin="1012" xMax="264" yMax="1505">
+      <contour>
+        <pt x="49" y="1012" on="1"/>
+        <pt x="49" y="1239" on="1"/>
+        <pt x="162" y="1505" on="1"/>
+        <pt x="264" y="1505" on="1"/>
+        <pt x="193" y="1239" on="1"/>
+        <pt x="264" y="1239" on="1"/>
+        <pt x="264" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteright" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesinglbase" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesingle" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="r" xMin="82" yMin="0" xMax="496" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="995" on="1"/>
+        <pt x="297" y="1036" on="0"/>
+        <pt x="397" y="1137" on="0"/>
+        <pt x="496" y="1137" on="1"/>
+        <pt x="496" y="907" on="1"/>
+        <pt x="462" y="918" on="0"/>
+        <pt x="432" y="918" on="1"/>
+        <pt x="376" y="918" on="0"/>
+        <pt x="334" y="881" on="1"/>
+        <pt x="289" y="840" on="0"/>
+        <pt x="289" y="778" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="registered" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="625" y="313" on="1"/>
+        <pt x="625" y="1192" on="1"/>
+        <pt x="821" y="1192" on="1"/>
+        <pt x="1052" y="1192" on="0"/>
+        <pt x="1053" y="934" on="1"/>
+        <pt x="1053" y="858" on="0"/>
+        <pt x="1020" y="760" on="0"/>
+        <pt x="965" y="713" on="1"/>
+        <pt x="1071" y="313" on="1"/>
+        <pt x="920" y="313" on="1"/>
+        <pt x="825" y="678" on="1"/>
+        <pt x="770" y="678" on="1"/>
+        <pt x="770" y="313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="770" y="805" on="1"/>
+        <pt x="815" y="805" on="1"/>
+        <pt x="858" y="805" on="0"/>
+        <pt x="903" y="848" on="0"/>
+        <pt x="913" y="895" on="0"/>
+        <pt x="913" y="932" on="1"/>
+        <pt x="913" y="971" on="0"/>
+        <pt x="903" y="1020" on="0"/>
+        <pt x="858" y="1063" on="0"/>
+        <pt x="815" y="1063" on="1"/>
+        <pt x="770" y="1063" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 31 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 5 0 49 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 26
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          20 41 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          20 5 0 48 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          22 16 0 44 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15837 -4197 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 28
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 26
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 9 0
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ring" xMin="358" yMin="1278" xMax="664" yMax="1565">
+      <contour>
+        <pt x="358" y="1360" on="0"/>
+        <pt x="358" y="1483" on="0"/>
+        <pt x="449" y="1565" on="0"/>
+        <pt x="575" y="1565" on="0"/>
+        <pt x="664" y="1483" on="0"/>
+        <pt x="664" y="1360" on="0"/>
+        <pt x="575" y="1278" on="0"/>
+        <pt x="449" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="436" y="1450" on="0"/>
+        <pt x="436" y="1393" on="0"/>
+        <pt x="483" y="1350" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="588" y="1393" on="0"/>
+        <pt x="588" y="1450" on="0"/>
+        <pt x="541" y="1493" on="0"/>
+        <pt x="483" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          9 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          5 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 6 7 2
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 4 5 0
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="s" xMin="37" yMin="-16" xMax="590" yMax="1137">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="330" y="1137" on="0"/>
+        <pt x="335" y="1137" on="1"/>
+        <pt x="413" y="1137" on="0"/>
+        <pt x="466" y="1111" on="1"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 25 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 18 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 34
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="scaron" xMin="37" yMin="-16" xMax="590" yMax="1489">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="410" y="1139" on="0"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <contour>
+        <pt x="66" y="1489" on="1"/>
+        <pt x="254" y="1489" on="1"/>
+        <pt x="315" y="1417" on="1"/>
+        <pt x="379" y="1489" on="1"/>
+        <pt x="567" y="1489" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+        <pt x="207" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 35 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          24 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 24 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          42 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 47
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 7 35 43 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 45 46
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 31
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="semicolon" xMin="74" yMin="-266" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="176" y="-266" on="1"/>
+        <pt x="74" y="-266" on="1"/>
+        <pt x="145" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="seven" xMin="8" yMin="0" xMax="565" yMax="1505">
+      <contour>
+        <pt x="8" y="1286" on="1"/>
+        <pt x="8" y="1505" on="1"/>
+        <pt x="565" y="1505" on="1"/>
+        <pt x="565" y="1284" on="1"/>
+        <pt x="344" y="0" on="1"/>
+        <pt x="115" y="0" on="1"/>
+        <pt x="340" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 20
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 4 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="six" xMin="66" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="66" y="309" on="1"/>
+        <pt x="66" y="1165" on="1"/>
+        <pt x="66" y="1521" on="0"/>
+        <pt x="643" y="1522" on="0"/>
+        <pt x="643" y="1165" on="1"/>
+        <pt x="643" y="1071" on="1"/>
+        <pt x="422" y="1071" on="1"/>
+        <pt x="422" y="1233" on="0"/>
+        <pt x="399" y="1329" on="0"/>
+        <pt x="354" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="287" y="1255" on="0"/>
+        <pt x="287" y="1165" on="1"/>
+        <pt x="287" y="897" on="1"/>
+        <pt x="346" y="934" on="0"/>
+        <pt x="397" y="934" on="1"/>
+        <pt x="477" y="934" on="0"/>
+        <pt x="584" y="862" on="0"/>
+        <pt x="629" y="748" on="0"/>
+        <pt x="643" y="659" on="0"/>
+        <pt x="643" y="616" on="1"/>
+        <pt x="643" y="309" on="1"/>
+        <pt x="643" y="268" on="0"/>
+        <pt x="627" y="182" on="0"/>
+        <pt x="575" y="61" on="0"/>
+        <pt x="449" y="-16" on="0"/>
+        <pt x="260" y="-16" on="0"/>
+        <pt x="133" y="61" on="0"/>
+        <pt x="82" y="182" on="0"/>
+        <pt x="66" y="268" on="0"/>
+      </contour>
+      <contour>
+        <pt x="287" y="244" on="1"/>
+        <pt x="287" y="224" on="0"/>
+        <pt x="322" y="176" on="0"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="422" y="225" on="0"/>
+        <pt x="422" y="244" on="1"/>
+        <pt x="422" y="694" on="1"/>
+        <pt x="422" y="712" on="0"/>
+        <pt x="385" y="762" on="0"/>
+        <pt x="324" y="762" on="0"/>
+        <pt x="289" y="721" on="0"/>
+        <pt x="287" y="700" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          15 40 26 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="slash" xMin="8" yMin="-147" xMax="713" yMax="1505">
+      <contour>
+        <pt x="8" y="-147" on="1"/>
+        <pt x="551" y="1505" on="1"/>
+        <pt x="713" y="1505" on="1"/>
+        <pt x="176" y="-147" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15581 -5065 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[00000]
+          SPVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 3
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="sterling" xMin="4" yMin="-16" xMax="788" yMax="1522">
+      <contour>
+        <pt x="4" y="63" on="1"/>
+        <pt x="12" y="83" on="0"/>
+        <pt x="43" y="150" on="0"/>
+        <pt x="152" y="266" on="0"/>
+        <pt x="215" y="276" on="1"/>
+        <pt x="252" y="387" on="0"/>
+        <pt x="252" y="475" on="1"/>
+        <pt x="252" y="543" on="0"/>
+        <pt x="221" y="649" on="1"/>
+        <pt x="33" y="649" on="1"/>
+        <pt x="33" y="786" on="1"/>
+        <pt x="180" y="786" on="1"/>
+        <pt x="174" y="807" on="1"/>
+        <pt x="96" y="1061" on="0"/>
+        <pt x="96" y="1149" on="1"/>
+        <pt x="96" y="1219" on="0"/>
+        <pt x="127" y="1341" on="0"/>
+        <pt x="193" y="1452" on="0"/>
+        <pt x="311" y="1520" on="0"/>
+        <pt x="391" y="1522" on="1"/>
+        <pt x="487" y="1524" on="0"/>
+        <pt x="623" y="1456" on="0"/>
+        <pt x="694" y="1337" on="0"/>
+        <pt x="723" y="1202" on="0"/>
+        <pt x="723" y="1120" on="1"/>
+        <pt x="510" y="1120" on="1"/>
+        <pt x="510" y="1206" on="0"/>
+        <pt x="459" y="1319" on="0"/>
+        <pt x="395" y="1317" on="1"/>
+        <pt x="348" y="1315" on="0"/>
+        <pt x="305" y="1217" on="0"/>
+        <pt x="305" y="1149" on="1"/>
+        <pt x="305" y="1036" on="0"/>
+        <pt x="375" y="811" on="1"/>
+        <pt x="381" y="786" on="1"/>
+        <pt x="592" y="786" on="1"/>
+        <pt x="592" y="649" on="1"/>
+        <pt x="418" y="649" on="1"/>
+        <pt x="443" y="549" on="0"/>
+        <pt x="442" y="475" on="1"/>
+        <pt x="442" y="371" on="0"/>
+        <pt x="385" y="256" on="1"/>
+        <pt x="401" y="248" on="0"/>
+        <pt x="457" y="215" on="0"/>
+        <pt x="498" y="197" on="0"/>
+        <pt x="518" y="197" on="1"/>
+        <pt x="592" y="201" on="0"/>
+        <pt x="600" y="387" on="1"/>
+        <pt x="788" y="365" on="1"/>
+        <pt x="776" y="183" on="0"/>
+        <pt x="637" y="-16" on="0"/>
+        <pt x="537" y="-16" on="1"/>
+        <pt x="486" y="-16" on="0"/>
+        <pt x="301" y="86" on="0"/>
+        <pt x="264" y="86" on="1"/>
+        <pt x="231" y="86" on="0"/>
+        <pt x="174" y="35" on="0"/>
+        <pt x="162" y="8" on="1"/>
+        <pt x="150" y="-16" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          51 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          45 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          9 10 51 19 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          9 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          25 51 19 8
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          14 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 14 9 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 31 14 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 39 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 8 11 58
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          34 37 41
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          46 47 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 47 48
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 31
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="t" xMin="20" yMin="-16" xMax="473" yMax="1397">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1397" on="1"/>
+        <pt x="332" y="1397" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="473" y="1120" on="1"/>
+        <pt x="473" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="377" on="1"/>
+        <pt x="332" y="193" on="0"/>
+        <pt x="397" y="193" on="1"/>
+        <pt x="473" y="201" on="1"/>
+        <pt x="473" y="-2" on="1"/>
+        <pt x="428" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="294" y="-16" on="0"/>
+        <pt x="199" y="41" on="0"/>
+        <pt x="154" y="113" on="0"/>
+        <pt x="129" y="233" on="0"/>
+        <pt x="125" y="303" on="0"/>
+        <pt x="125" y="360" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 4 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="thorn" xMin="82" yMin="-385" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="three" xMin="45" yMin="-16" xMax="633" yMax="1522">
+      <contour>
+        <pt x="45" y="1071" on="1"/>
+        <pt x="45" y="1141" on="0"/>
+        <pt x="49" y="1231" on="0"/>
+        <pt x="80" y="1372" on="0"/>
+        <pt x="137" y="1456" on="0"/>
+        <pt x="248" y="1522" on="0"/>
+        <pt x="328" y="1522" on="1"/>
+        <pt x="406" y="1522" on="0"/>
+        <pt x="520" y="1460" on="0"/>
+        <pt x="575" y="1380" on="0"/>
+        <pt x="608" y="1276" on="0"/>
+        <pt x="614" y="1221" on="0"/>
+        <pt x="614" y="1198" on="1"/>
+        <pt x="614" y="907" on="0"/>
+        <pt x="508" y="801" on="1"/>
+        <pt x="506" y="799" on="1"/>
+        <pt x="633" y="699" on="0"/>
+        <pt x="633" y="385" on="1"/>
+        <pt x="633" y="360" on="0"/>
+        <pt x="627" y="293" on="0"/>
+        <pt x="594" y="162" on="0"/>
+        <pt x="539" y="61" on="0"/>
+        <pt x="424" y="-16" on="0"/>
+        <pt x="346" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="154" y="47" on="0"/>
+        <pt x="94" y="135" on="0"/>
+        <pt x="59" y="272" on="0"/>
+        <pt x="53" y="371" on="0"/>
+        <pt x="53" y="434" on="1"/>
+        <pt x="270" y="434" on="1"/>
+        <pt x="272" y="284" on="0"/>
+        <pt x="303" y="178" on="0"/>
+        <pt x="346" y="178" on="1"/>
+        <pt x="391" y="178" on="0"/>
+        <pt x="416" y="279" on="0"/>
+        <pt x="416" y="369" on="1"/>
+        <pt x="416" y="387" on="0"/>
+        <pt x="418" y="483" on="0"/>
+        <pt x="416" y="512" on="0"/>
+        <pt x="410" y="582" on="0"/>
+        <pt x="397" y="604" on="0"/>
+        <pt x="373" y="647" on="0"/>
+        <pt x="338" y="662" on="0"/>
+        <pt x="283" y="678" on="0"/>
+        <pt x="248" y="680" on="1"/>
+        <pt x="229" y="680" on="1"/>
+        <pt x="229" y="864" on="1"/>
+        <pt x="266" y="866" on="0"/>
+        <pt x="317" y="877" on="0"/>
+        <pt x="356" y="895" on="0"/>
+        <pt x="379" y="920" on="0"/>
+        <pt x="391" y="954" on="0"/>
+        <pt x="397" y="999" on="0"/>
+        <pt x="397" y="1028" on="1"/>
+        <pt x="397" y="1090" on="1"/>
+        <pt x="397" y="1133" on="1"/>
+        <pt x="397" y="1178" on="0"/>
+        <pt x="395" y="1225" on="0"/>
+        <pt x="383" y="1294" on="0"/>
+        <pt x="352" y="1327" on="0"/>
+        <pt x="328" y="1327" on="1"/>
+        <pt x="287" y="1327" on="0"/>
+        <pt x="264" y="1229" on="0"/>
+        <pt x="262" y="1071" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          33 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 33 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          61 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 61 64 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          47 46 23 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          65
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 29
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          64 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          66 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          27 46 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          23 6 33 41 42 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 38
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="tilde" xMin="313" yMin="1298" xMax="711" yMax="1495">
+      <contour>
+        <pt x="313" y="1305" on="1"/>
+        <pt x="313" y="1456" on="1"/>
+        <pt x="362" y="1495" on="0"/>
+        <pt x="422" y="1495" on="1"/>
+        <pt x="455" y="1495" on="0"/>
+        <pt x="571" y="1458" on="0"/>
+        <pt x="602" y="1456" on="1"/>
+        <pt x="627" y="1456" on="0"/>
+        <pt x="682" y="1473" on="0"/>
+        <pt x="696" y="1481" on="1"/>
+        <pt x="711" y="1489" on="1"/>
+        <pt x="711" y="1337" on="1"/>
+        <pt x="660" y="1298" on="0"/>
+        <pt x="602" y="1298" on="1"/>
+        <pt x="571" y="1298" on="0"/>
+        <pt x="455" y="1337" on="0"/>
+        <pt x="422" y="1337" on="1"/>
+        <pt x="397" y="1337" on="0"/>
+        <pt x="342" y="1321" on="0"/>
+        <pt x="328" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="trademark" xMin="74" yMin="821" xMax="856" yMax="1505">
+      <contour>
+        <pt x="74" y="1401" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="395" y="1401" on="1"/>
+        <pt x="291" y="1401" on="1"/>
+        <pt x="291" y="821" on="1"/>
+        <pt x="178" y="821" on="1"/>
+        <pt x="178" y="1401" on="1"/>
+      </contour>
+      <contour>
+        <pt x="440" y="821" on="1"/>
+        <pt x="440" y="1505" on="1"/>
+        <pt x="578" y="1505" on="1"/>
+        <pt x="645" y="1186" on="1"/>
+        <pt x="651" y="1186" on="1"/>
+        <pt x="719" y="1505" on="1"/>
+        <pt x="856" y="1505" on="1"/>
+        <pt x="856" y="821" on="1"/>
+        <pt x="752" y="821" on="1"/>
+        <pt x="752" y="1270" on="1"/>
+        <pt x="674" y="821" on="1"/>
+        <pt x="623" y="821" on="1"/>
+        <pt x="543" y="1270" on="1"/>
+        <pt x="543" y="821" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 13
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 15 18
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          10 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 15 0 30 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          13 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="two" xMin="55" yMin="0" xMax="655" yMax="1522">
+      <contour>
+        <pt x="55" y="0" on="1"/>
+        <pt x="55" y="219" on="1"/>
+        <pt x="69" y="242" on="0"/>
+        <pt x="119" y="319" on="0"/>
+        <pt x="246" y="547" on="0"/>
+        <pt x="344" y="760" on="0"/>
+        <pt x="428" y="1030" on="0"/>
+        <pt x="430" y="1133" on="1"/>
+        <pt x="430" y="1317" on="0"/>
+        <pt x="283" y="1317" on="0"/>
+        <pt x="283" y="1133" on="1"/>
+        <pt x="283" y="1028" on="1"/>
+        <pt x="61" y="1028" on="1"/>
+        <pt x="61" y="1133" on="1"/>
+        <pt x="61" y="1522" on="0"/>
+        <pt x="651" y="1522" on="0"/>
+        <pt x="651" y="1147" on="1"/>
+        <pt x="651" y="811" on="0"/>
+        <pt x="305" y="219" on="1"/>
+        <pt x="655" y="219" on="1"/>
+        <pt x="655" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          15 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 12 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="u" xMin="78" yMin="-16" xMax="608" yMax="1120">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uacute" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="274" y="1305" on="1"/>
+        <pt x="381" y="1489" on="1"/>
+        <pt x="596" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 22
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ucircumflex" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1305" on="1"/>
+        <pt x="236" y="1489" on="1"/>
+        <pt x="455" y="1489" on="1"/>
+        <pt x="596" y="1305" on="1"/>
+        <pt x="408" y="1305" on="1"/>
+        <pt x="344" y="1376" on="1"/>
+        <pt x="283" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 19 20 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="udieresis" xMin="78" yMin="-16" xMax="608" yMax="1505">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="106" y="1305" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="395" y="1305" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="586" y="1505" on="1"/>
+        <pt x="586" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ugrave" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1489" on="1"/>
+        <pt x="328" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+        <pt x="274" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 19 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="underscore" xMin="74" yMin="-326" xMax="1137" yMax="-154">
+      <contour>
+        <pt x="74" y="-154" on="1"/>
+        <pt x="1137" y="-154" on="1"/>
+        <pt x="1137" y="-326" on="1"/>
+        <pt x="74" y="-326" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2011" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1120" yMax="1120">
+      <contour>
+        <pt x="0" y="1120" on="1"/>
+        <pt x="1120" y="1120" on="1"/>
+        <pt x="1120" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB01" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="526" y="1321" on="1"/>
+        <pt x="485" y="1333" on="0"/>
+        <pt x="416" y="1333" on="1"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="690" y="1120" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB02" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="690" y="1505" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="1329" on="1"/>
+        <pt x="446" y="1333" on="0"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 30 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="v" xMin="16" yMin="0" xMax="586" yMax="1120">
+      <contour>
+        <pt x="16" y="1120" on="1"/>
+        <pt x="217" y="1120" on="1"/>
+        <pt x="285" y="471" on="1"/>
+        <pt x="293" y="399" on="1"/>
+        <pt x="309" y="399" on="1"/>
+        <pt x="317" y="471" on="1"/>
+        <pt x="385" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="403" y="0" on="1"/>
+        <pt x="199" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          9 1 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="w" xMin="20" yMin="0" xMax="885" yMax="1120">
+      <contour>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="209" y="1120" on="1"/>
+        <pt x="274" y="535" on="1"/>
+        <pt x="283" y="471" on="1"/>
+        <pt x="295" y="471" on="1"/>
+        <pt x="305" y="535" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="514" y="1120" on="1"/>
+        <pt x="600" y="535" on="1"/>
+        <pt x="610" y="471" on="1"/>
+        <pt x="623" y="471" on="1"/>
+        <pt x="631" y="535" on="1"/>
+        <pt x="696" y="1120" on="1"/>
+        <pt x="885" y="1120" on="1"/>
+        <pt x="719" y="0" on="1"/>
+        <pt x="547" y="0" on="1"/>
+        <pt x="467" y="535" on="1"/>
+        <pt x="457" y="598" on="1"/>
+        <pt x="449" y="598" on="1"/>
+        <pt x="438" y="535" on="1"/>
+        <pt x="358" y="0" on="1"/>
+        <pt x="186" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 12 13
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16281 -1831 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          11 10 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 10 12
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 11 14
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="x" xMin="16" yMin="0" xMax="602" yMax="1120">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="209" y="578" on="1"/>
+        <pt x="33" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="301" y="858" on="1"/>
+        <pt x="307" y="827" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="317" y="858" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="410" y="578" on="1"/>
+        <pt x="602" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="317" y="283" on="1"/>
+        <pt x="311" y="313" on="1"/>
+        <pt x="307" y="313" on="1"/>
+        <pt x="301" y="283" on="1"/>
+        <pt x="217" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15707 -4662 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          -15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="y" xMin="25" yMin="-401" xMax="610" yMax="1120">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yacute" xMin="25" yMin="-401" xMax="610" yMax="1489">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="215" y="-33" on="1"/>
+        <pt x="215" y="-101" on="0"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="103" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="395" y="-211" on="0"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1305" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="553" y="1489" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 5 8
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 20 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ydieresis" xMin="25" yMin="-401" xMax="610" yMax="1505">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="78" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="367" y="1305" on="1"/>
+        <pt x="367" y="1505" on="1"/>
+        <pt x="557" y="1505" on="1"/>
+        <pt x="557" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yen" xMin="25" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="242" y="1505" on="1"/>
+        <pt x="352" y="1024" on="1"/>
+        <pt x="358" y="1010" on="1"/>
+        <pt x="362" y="1010" on="1"/>
+        <pt x="369" y="1024" on="1"/>
+        <pt x="479" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="500" y="752" on="1"/>
+        <pt x="647" y="752" on="1"/>
+        <pt x="647" y="614" on="1"/>
+        <pt x="471" y="614" on="1"/>
+        <pt x="471" y="477" on="1"/>
+        <pt x="647" y="477" on="1"/>
+        <pt x="647" y="340" on="1"/>
+        <pt x="471" y="340" on="1"/>
+        <pt x="471" y="0" on="1"/>
+        <pt x="250" y="0" on="1"/>
+        <pt x="250" y="340" on="1"/>
+        <pt x="74" y="340" on="1"/>
+        <pt x="74" y="477" on="1"/>
+        <pt x="250" y="477" on="1"/>
+        <pt x="250" y="614" on="1"/>
+        <pt x="74" y="614" on="1"/>
+        <pt x="74" y="752" on="1"/>
+        <pt x="221" y="752" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 7
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 20 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          23 24 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 25
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          23 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 16 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[00000]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          2 5 8 25
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 24
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="z" xMin="12" yMin="0" xMax="516" yMax="1120">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zcaron" xMin="12" yMin="0" xMax="526" yMax="1489">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="25" y="1489" on="1"/>
+        <pt x="213" y="1489" on="1"/>
+        <pt x="274" y="1417" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="526" y="1489" on="1"/>
+        <pt x="385" y="1305" on="1"/>
+        <pt x="166" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zero" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+  </glyf>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      Generated in 2009 by FontLab Studio. Copyright info pending.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      grtest-ot
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      webfont
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      grtest-ot Regular
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      Version 001.001 
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      grtest-ot
+    </namerecord>
+    <namerecord nameID="200" platformID="3" platEncID="1" langID="0x409">
+      This font was generated by the Font Squirrel Generator.
+    </namerecord>
+  </name>
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="Euro"/>
+      <psName name="uniE000"/>
+      <psName name="uniFB01"/>
+      <psName name="uniFB02"/>
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="15"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c9896f31 00000000
+      c6a779b7 00000000 cae12877 
+    </hexdata>
+  </FFTM>
+
+  <GDEF>
+    <Version value="1.0"/>
+    <GlyphClassDef Format="2">
+      <ClassDef glyph=".null" class="1"/>
+      <ClassDef glyph="A" class="1"/>
+      <ClassDef glyph="AE" class="1"/>
+      <ClassDef glyph="Aacute" class="1"/>
+      <ClassDef glyph="Acircumflex" class="1"/>
+      <ClassDef glyph="Adieresis" class="1"/>
+      <ClassDef glyph="Agrave" class="1"/>
+      <ClassDef glyph="Aring" class="1"/>
+      <ClassDef glyph="Atilde" class="1"/>
+      <ClassDef glyph="B" class="1"/>
+      <ClassDef glyph="C" class="1"/>
+      <ClassDef glyph="Ccedilla" class="1"/>
+      <ClassDef glyph="D" class="1"/>
+      <ClassDef glyph="E" class="1"/>
+      <ClassDef glyph="Eacute" class="1"/>
+      <ClassDef glyph="Ecircumflex" class="1"/>
+      <ClassDef glyph="Edieresis" class="1"/>
+      <ClassDef glyph="Egrave" class="1"/>
+      <ClassDef glyph="Eth" class="1"/>
+      <ClassDef glyph="Euro" class="1"/>
+      <ClassDef glyph="F" class="1"/>
+      <ClassDef glyph="G" class="1"/>
+      <ClassDef glyph="H" class="1"/>
+      <ClassDef glyph="I" class="1"/>
+      <ClassDef glyph="Iacute" class="1"/>
+      <ClassDef glyph="Icircumflex" class="1"/>
+      <ClassDef glyph="Idieresis" class="1"/>
+      <ClassDef glyph="Igrave" class="1"/>
+      <ClassDef glyph="J" class="1"/>
+      <ClassDef glyph="K" class="1"/>
+      <ClassDef glyph="L" class="1"/>
+      <ClassDef glyph="Lslash" class="1"/>
+      <ClassDef glyph="M" class="1"/>
+      <ClassDef glyph="N" class="1"/>
+      <ClassDef glyph="Ntilde" class="1"/>
+      <ClassDef glyph="O" class="1"/>
+      <ClassDef glyph="OE" class="1"/>
+      <ClassDef glyph="Oacute" class="1"/>
+      <ClassDef glyph="Ocircumflex" class="1"/>
+      <ClassDef glyph="Odieresis" class="1"/>
+      <ClassDef glyph="Ograve" class="1"/>
+      <ClassDef glyph="Oslash" class="1"/>
+      <ClassDef glyph="Otilde" class="1"/>
+      <ClassDef glyph="P" class="1"/>
+      <ClassDef glyph="Q" class="1"/>
+      <ClassDef glyph="R" class="1"/>
+      <ClassDef glyph="S" class="1"/>
+      <ClassDef glyph="Scaron" class="1"/>
+      <ClassDef glyph="T" class="1"/>
+      <ClassDef glyph="Thorn" class="1"/>
+      <ClassDef glyph="U" class="1"/>
+      <ClassDef glyph="Uacute" class="1"/>
+      <ClassDef glyph="Ucircumflex" class="1"/>
+      <ClassDef glyph="Udieresis" class="1"/>
+      <ClassDef glyph="Ugrave" class="1"/>
+      <ClassDef glyph="V" class="1"/>
+      <ClassDef glyph="W" class="1"/>
+      <ClassDef glyph="X" class="1"/>
+      <ClassDef glyph="Y" class="1"/>
+      <ClassDef glyph="Yacute" class="1"/>
+      <ClassDef glyph="Ydieresis" class="1"/>
+      <ClassDef glyph="Z" class="1"/>
+      <ClassDef glyph="Zcaron" class="1"/>
+      <ClassDef glyph="a" class="1"/>
+      <ClassDef glyph="aacute" class="1"/>
+      <ClassDef glyph="acircumflex" class="1"/>
+      <ClassDef glyph="acute" class="1"/>
+      <ClassDef glyph="adieresis" class="1"/>
+      <ClassDef glyph="ae" class="1"/>
+      <ClassDef glyph="agrave" class="1"/>
+      <ClassDef glyph="ampersand" class="1"/>
+      <ClassDef glyph="aring" class="1"/>
+      <ClassDef glyph="asciicircum" class="1"/>
+      <ClassDef glyph="asciitilde" class="1"/>
+      <ClassDef glyph="asterisk" class="1"/>
+      <ClassDef glyph="at" class="1"/>
+      <ClassDef glyph="atilde" class="1"/>
+      <ClassDef glyph="b" class="1"/>
+      <ClassDef glyph="backslash" class="1"/>
+      <ClassDef glyph="bar" class="1"/>
+      <ClassDef glyph="braceleft" class="1"/>
+      <ClassDef glyph="braceright" class="1"/>
+      <ClassDef glyph="bracketleft" class="1"/>
+      <ClassDef glyph="bracketright" class="1"/>
+      <ClassDef glyph="breve" class="1"/>
+      <ClassDef glyph="bullet" class="1"/>
+      <ClassDef glyph="c" class="1"/>
+      <ClassDef glyph="caron" class="1"/>
+      <ClassDef glyph="ccedilla" class="1"/>
+      <ClassDef glyph="cedilla" class="1"/>
+      <ClassDef glyph="cent" class="1"/>
+      <ClassDef glyph="circumflex" class="1"/>
+      <ClassDef glyph="colon" class="1"/>
+      <ClassDef glyph="comma" class="1"/>
+      <ClassDef glyph="copyright" class="1"/>
+      <ClassDef glyph="d" class="1"/>
+      <ClassDef glyph="dieresis" class="1"/>
+      <ClassDef glyph="dollar" class="1"/>
+      <ClassDef glyph="dotaccent" class="1"/>
+      <ClassDef glyph="dotlessi" class="1"/>
+      <ClassDef glyph="e" class="1"/>
+      <ClassDef glyph="eacute" class="1"/>
+      <ClassDef glyph="ecircumflex" class="1"/>
+      <ClassDef glyph="edieresis" class="1"/>
+      <ClassDef glyph="egrave" class="1"/>
+      <ClassDef glyph="eight" class="1"/>
+      <ClassDef glyph="ellipsis" class="1"/>
+      <ClassDef glyph="emdash" class="1"/>
+      <ClassDef glyph="endash" class="1"/>
+      <ClassDef glyph="equal" class="1"/>
+      <ClassDef glyph="eth" class="1"/>
+      <ClassDef glyph="exclam" class="1"/>
+      <ClassDef glyph="exclamdown" class="1"/>
+      <ClassDef glyph="f" class="1"/>
+      <ClassDef glyph="figuredash" class="1"/>
+      <ClassDef glyph="five" class="1"/>
+      <ClassDef glyph="four" class="1"/>
+      <ClassDef glyph="g" class="1"/>
+      <ClassDef glyph="germandbls" class="1"/>
+      <ClassDef glyph="grave" class="1"/>
+      <ClassDef glyph="greater" class="1"/>
+      <ClassDef glyph="h" class="1"/>
+      <ClassDef glyph="hungarumlaut" class="1"/>
+      <ClassDef glyph="hyphen" class="1"/>
+      <ClassDef glyph="i" class="1"/>
+      <ClassDef glyph="iacute" class="1"/>
+      <ClassDef glyph="icircumflex" class="1"/>
+      <ClassDef glyph="idieresis" class="1"/>
+      <ClassDef glyph="igrave" class="1"/>
+      <ClassDef glyph="j" class="1"/>
+      <ClassDef glyph="k" class="1"/>
+      <ClassDef glyph="l" class="1"/>
+      <ClassDef glyph="less" class="1"/>
+      <ClassDef glyph="lslash" class="1"/>
+      <ClassDef glyph="m" class="1"/>
+      <ClassDef glyph="macron" class="1"/>
+      <ClassDef glyph="minus" class="1"/>
+      <ClassDef glyph="n" class="1"/>
+      <ClassDef glyph="nine" class="1"/>
+      <ClassDef glyph="nonmarkingreturn" class="1"/>
+      <ClassDef glyph="ntilde" class="1"/>
+      <ClassDef glyph="numbersign" class="1"/>
+      <ClassDef glyph="o" class="1"/>
+      <ClassDef glyph="oacute" class="1"/>
+      <ClassDef glyph="ocircumflex" class="1"/>
+      <ClassDef glyph="odieresis" class="1"/>
+      <ClassDef glyph="oe" class="1"/>
+      <ClassDef glyph="ogonek" class="1"/>
+      <ClassDef glyph="ograve" class="1"/>
+      <ClassDef glyph="one" class="1"/>
+      <ClassDef glyph="oslash" class="1"/>
+      <ClassDef glyph="otilde" class="1"/>
+      <ClassDef glyph="p" class="1"/>
+      <ClassDef glyph="parenleft" class="1"/>
+      <ClassDef glyph="parenright" class="1"/>
+      <ClassDef glyph="percent" class="1"/>
+      <ClassDef glyph="period" class="1"/>
+      <ClassDef glyph="periodcentered" class="1"/>
+      <ClassDef glyph="plus" class="1"/>
+      <ClassDef glyph="q" class="1"/>
+      <ClassDef glyph="question" class="1"/>
+      <ClassDef glyph="questiondown" class="1"/>
+      <ClassDef glyph="quotedbl" class="1"/>
+      <ClassDef glyph="quotedblbase" class="1"/>
+      <ClassDef glyph="quotedblleft" class="1"/>
+      <ClassDef glyph="quotedblright" class="1"/>
+      <ClassDef glyph="quoteleft" class="1"/>
+      <ClassDef glyph="quoteright" class="1"/>
+      <ClassDef glyph="quotesinglbase" class="1"/>
+      <ClassDef glyph="quotesingle" class="1"/>
+      <ClassDef glyph="r" class="1"/>
+      <ClassDef glyph="registered" class="1"/>
+      <ClassDef glyph="ring" class="1"/>
+      <ClassDef glyph="s" class="1"/>
+      <ClassDef glyph="scaron" class="1"/>
+      <ClassDef glyph="semicolon" class="1"/>
+      <ClassDef glyph="seven" class="1"/>
+      <ClassDef glyph="six" class="1"/>
+      <ClassDef glyph="slash" class="1"/>
+      <ClassDef glyph="space" class="1"/>
+      <ClassDef glyph="sterling" class="1"/>
+      <ClassDef glyph="t" class="1"/>
+      <ClassDef glyph="thorn" class="1"/>
+      <ClassDef glyph="three" class="1"/>
+      <ClassDef glyph="tilde" class="1"/>
+      <ClassDef glyph="trademark" class="1"/>
+      <ClassDef glyph="two" class="1"/>
+      <ClassDef glyph="u" class="1"/>
+      <ClassDef glyph="uacute" class="1"/>
+      <ClassDef glyph="ucircumflex" class="1"/>
+      <ClassDef glyph="udieresis" class="1"/>
+      <ClassDef glyph="ugrave" class="1"/>
+      <ClassDef glyph="underscore" class="1"/>
+      <ClassDef glyph="uni00A0" class="1"/>
+      <ClassDef glyph="uni00AD" class="1"/>
+      <ClassDef glyph="uni2000" class="1"/>
+      <ClassDef glyph="uni2001" class="1"/>
+      <ClassDef glyph="uni2002" class="1"/>
+      <ClassDef glyph="uni2003" class="1"/>
+      <ClassDef glyph="uni2004" class="1"/>
+      <ClassDef glyph="uni2005" class="1"/>
+      <ClassDef glyph="uni2006" class="1"/>
+      <ClassDef glyph="uni2007" class="1"/>
+      <ClassDef glyph="uni2008" class="1"/>
+      <ClassDef glyph="uni2009" class="1"/>
+      <ClassDef glyph="uni200A" class="1"/>
+      <ClassDef glyph="uni2010" class="1"/>
+      <ClassDef glyph="uni2011" class="1"/>
+      <ClassDef glyph="uni202F" class="1"/>
+      <ClassDef glyph="uni205F" class="1"/>
+      <ClassDef glyph="uniE000" class="1"/>
+      <ClassDef glyph="uniFB01" class="1"/>
+      <ClassDef glyph="uniFB02" class="1"/>
+      <ClassDef glyph="v" class="1"/>
+      <ClassDef glyph="w" class="1"/>
+      <ClassDef glyph="x" class="1"/>
+      <ClassDef glyph="y" class="1"/>
+      <ClassDef glyph="yacute" class="1"/>
+      <ClassDef glyph="ydieresis" class="1"/>
+      <ClassDef glyph="yen" class="1"/>
+      <ClassDef glyph="z" class="1"/>
+      <ClassDef glyph="zcaron" class="1"/>
+      <ClassDef glyph="zero" class="1"/>
+    </GlyphClassDef>
+    <LigCaretList>
+      <Coverage Format="2">
+      </Coverage>
+      <!-- LigGlyphCount=0 -->
+    </LigCaretList>
+  </GDEF>
+
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=0 -->
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+      <ScriptRecord index="1">
+        <ScriptTag value="latn"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="TST1"/>
+        <Feature>
+          <!-- LookupCount=1 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="1"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <SingleSubst index="0" Format="2">
+          <Substitution in="A" out="a"/>
+          <Substitution in="F" out="P"/>
+          <Substitution in="I" out="S"/>
+          <Substitution in="L" out="s"/>
+        </SingleSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+
+</ttFont>
diff --git a/layout/reftests/fonts/graphite/grtest-ref.ttf b/layout/reftests/fonts/graphite/grtest-ref.ttf
new file mode 100644
index 0000000000..5e72659048
Binary files /dev/null and b/layout/reftests/fonts/graphite/grtest-ref.ttf differ
diff --git a/layout/reftests/fonts/graphite/grtest-ref.ttx b/layout/reftests/fonts/graphite/grtest-ref.ttx
new file mode 100644
index 0000000000..576ab6a356
--- /dev/null
+++ b/layout/reftests/fonts/graphite/grtest-ref.ttx
@@ -0,0 +1,23816 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.3">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="exclamdown"/>
+    <GlyphID id="100" name="cent"/>
+    <GlyphID id="101" name="sterling"/>
+    <GlyphID id="102" name="yen"/>
+    <GlyphID id="103" name="dieresis"/>
+    <GlyphID id="104" name="copyright"/>
+    <GlyphID id="105" name="uni00AD"/>
+    <GlyphID id="106" name="registered"/>
+    <GlyphID id="107" name="macron"/>
+    <GlyphID id="108" name="acute"/>
+    <GlyphID id="109" name="periodcentered"/>
+    <GlyphID id="110" name="cedilla"/>
+    <GlyphID id="111" name="questiondown"/>
+    <GlyphID id="112" name="Agrave"/>
+    <GlyphID id="113" name="Aacute"/>
+    <GlyphID id="114" name="Acircumflex"/>
+    <GlyphID id="115" name="Atilde"/>
+    <GlyphID id="116" name="Adieresis"/>
+    <GlyphID id="117" name="Aring"/>
+    <GlyphID id="118" name="AE"/>
+    <GlyphID id="119" name="Ccedilla"/>
+    <GlyphID id="120" name="Egrave"/>
+    <GlyphID id="121" name="Eacute"/>
+    <GlyphID id="122" name="Ecircumflex"/>
+    <GlyphID id="123" name="Edieresis"/>
+    <GlyphID id="124" name="Igrave"/>
+    <GlyphID id="125" name="Iacute"/>
+    <GlyphID id="126" name="Icircumflex"/>
+    <GlyphID id="127" name="Idieresis"/>
+    <GlyphID id="128" name="Eth"/>
+    <GlyphID id="129" name="Ntilde"/>
+    <GlyphID id="130" name="Ograve"/>
+    <GlyphID id="131" name="Oacute"/>
+    <GlyphID id="132" name="Ocircumflex"/>
+    <GlyphID id="133" name="Otilde"/>
+    <GlyphID id="134" name="Odieresis"/>
+    <GlyphID id="135" name="Oslash"/>
+    <GlyphID id="136" name="Ugrave"/>
+    <GlyphID id="137" name="Uacute"/>
+    <GlyphID id="138" name="Ucircumflex"/>
+    <GlyphID id="139" name="Udieresis"/>
+    <GlyphID id="140" name="Yacute"/>
+    <GlyphID id="141" name="Thorn"/>
+    <GlyphID id="142" name="germandbls"/>
+    <GlyphID id="143" name="agrave"/>
+    <GlyphID id="144" name="aacute"/>
+    <GlyphID id="145" name="acircumflex"/>
+    <GlyphID id="146" name="atilde"/>
+    <GlyphID id="147" name="adieresis"/>
+    <GlyphID id="148" name="aring"/>
+    <GlyphID id="149" name="ae"/>
+    <GlyphID id="150" name="ccedilla"/>
+    <GlyphID id="151" name="egrave"/>
+    <GlyphID id="152" name="eacute"/>
+    <GlyphID id="153" name="ecircumflex"/>
+    <GlyphID id="154" name="edieresis"/>
+    <GlyphID id="155" name="igrave"/>
+    <GlyphID id="156" name="iacute"/>
+    <GlyphID id="157" name="icircumflex"/>
+    <GlyphID id="158" name="idieresis"/>
+    <GlyphID id="159" name="eth"/>
+    <GlyphID id="160" name="ntilde"/>
+    <GlyphID id="161" name="ograve"/>
+    <GlyphID id="162" name="oacute"/>
+    <GlyphID id="163" name="ocircumflex"/>
+    <GlyphID id="164" name="otilde"/>
+    <GlyphID id="165" name="odieresis"/>
+    <GlyphID id="166" name="oslash"/>
+    <GlyphID id="167" name="ugrave"/>
+    <GlyphID id="168" name="uacute"/>
+    <GlyphID id="169" name="ucircumflex"/>
+    <GlyphID id="170" name="udieresis"/>
+    <GlyphID id="171" name="yacute"/>
+    <GlyphID id="172" name="thorn"/>
+    <GlyphID id="173" name="ydieresis"/>
+    <GlyphID id="174" name="dotlessi"/>
+    <GlyphID id="175" name="Lslash"/>
+    <GlyphID id="176" name="lslash"/>
+    <GlyphID id="177" name="OE"/>
+    <GlyphID id="178" name="oe"/>
+    <GlyphID id="179" name="Scaron"/>
+    <GlyphID id="180" name="scaron"/>
+    <GlyphID id="181" name="Ydieresis"/>
+    <GlyphID id="182" name="Zcaron"/>
+    <GlyphID id="183" name="zcaron"/>
+    <GlyphID id="184" name="circumflex"/>
+    <GlyphID id="185" name="caron"/>
+    <GlyphID id="186" name="breve"/>
+    <GlyphID id="187" name="dotaccent"/>
+    <GlyphID id="188" name="ring"/>
+    <GlyphID id="189" name="ogonek"/>
+    <GlyphID id="190" name="tilde"/>
+    <GlyphID id="191" name="hungarumlaut"/>
+    <GlyphID id="192" name="uni2000"/>
+    <GlyphID id="193" name="uni2001"/>
+    <GlyphID id="194" name="uni2002"/>
+    <GlyphID id="195" name="uni2003"/>
+    <GlyphID id="196" name="uni2004"/>
+    <GlyphID id="197" name="uni2005"/>
+    <GlyphID id="198" name="uni2006"/>
+    <GlyphID id="199" name="uni2007"/>
+    <GlyphID id="200" name="uni2008"/>
+    <GlyphID id="201" name="uni2009"/>
+    <GlyphID id="202" name="uni200A"/>
+    <GlyphID id="203" name="uni2010"/>
+    <GlyphID id="204" name="uni2011"/>
+    <GlyphID id="205" name="figuredash"/>
+    <GlyphID id="206" name="endash"/>
+    <GlyphID id="207" name="emdash"/>
+    <GlyphID id="208" name="quoteleft"/>
+    <GlyphID id="209" name="quoteright"/>
+    <GlyphID id="210" name="quotesinglbase"/>
+    <GlyphID id="211" name="quotedblleft"/>
+    <GlyphID id="212" name="quotedblright"/>
+    <GlyphID id="213" name="quotedblbase"/>
+    <GlyphID id="214" name="bullet"/>
+    <GlyphID id="215" name="ellipsis"/>
+    <GlyphID id="216" name="uni202F"/>
+    <GlyphID id="217" name="uni205F"/>
+    <GlyphID id="218" name="Euro"/>
+    <GlyphID id="219" name="trademark"/>
+    <GlyphID id="220" name="minus"/>
+    <GlyphID id="221" name="uniE000"/>
+    <GlyphID id="222" name="uniFB01"/>
+    <GlyphID id="223" name="uniFB02"/>
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.0"/>
+    <checkSumAdjustment value="0x5dc89719"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Nov 10 07:06:31 2011"/>
+    <modified value="Thu Nov 10 07:06:31 2011"/>
+    <xMin value="-66"/>
+    <yMin value="-512"/>
+    <xMax value="1591"/>
+    <yMax value="1905"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1905"/>
+    <descent value="-552"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="1904"/>
+    <minLeftSideBearing value="-66"/>
+    <minRightSideBearing value="-66"/>
+    <xMaxExtent value="1591"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="223"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="224"/>
+    <maxPoints value="86"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="318"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="566"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000000"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00100111"/>
+    <ulUnicodeRange2 value="01000000 00000000 00000000 01001010"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="64258"/>
+    <sTypoAscender value="1505"/>
+    <sTypoDescender value="-543"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1905"/>
+    <usWinDescent value="552"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1120"/>
+    <sCapHeight value="1505"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="2"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="315" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="765" lsb="20"/>
+    <mtx name="AE" width="1099" lsb="16"/>
+    <mtx name="Aacute" width="765" lsb="20"/>
+    <mtx name="Acircumflex" width="765" lsb="20"/>
+    <mtx name="Adieresis" width="765" lsb="20"/>
+    <mtx name="Agrave" width="765" lsb="20"/>
+    <mtx name="Aring" width="765" lsb="20"/>
+    <mtx name="Atilde" width="765" lsb="20"/>
+    <mtx name="B" width="745" lsb="82"/>
+    <mtx name="C" width="708" lsb="68"/>
+    <mtx name="Ccedilla" width="708" lsb="68"/>
+    <mtx name="D" width="761" lsb="82"/>
+    <mtx name="E" width="628" lsb="82"/>
+    <mtx name="Eacute" width="628" lsb="82"/>
+    <mtx name="Ecircumflex" width="628" lsb="82"/>
+    <mtx name="Edieresis" width="628" lsb="82"/>
+    <mtx name="Egrave" width="628" lsb="82"/>
+    <mtx name="Eth" width="761" lsb="20"/>
+    <mtx name="Euro" width="813" lsb="53"/>
+    <mtx name="F" width="616" lsb="82"/>
+    <mtx name="G" width="737" lsb="67"/>
+    <mtx name="H" width="778" lsb="82"/>
+    <mtx name="I" width="385" lsb="82"/>
+    <mtx name="Iacute" width="401" lsb="82"/>
+    <mtx name="Icircumflex" width="370" lsb="-66"/>
+    <mtx name="Idieresis" width="372" lsb="-53"/>
+    <mtx name="Igrave" width="401" lsb="-6"/>
+    <mtx name="J" width="423" lsb="12"/>
+    <mtx name="K" width="768" lsb="82"/>
+    <mtx name="L" width="604" lsb="82"/>
+    <mtx name="Lslash" width="628" lsb="41"/>
+    <mtx name="M" width="991" lsb="82"/>
+    <mtx name="N" width="808" lsb="82"/>
+    <mtx name="Ntilde" width="808" lsb="82"/>
+    <mtx name="O" width="724" lsb="68"/>
+    <mtx name="OE" width="983" lsb="68"/>
+    <mtx name="Oacute" width="724" lsb="68"/>
+    <mtx name="Ocircumflex" width="724" lsb="68"/>
+    <mtx name="Odieresis" width="724" lsb="68"/>
+    <mtx name="Ograve" width="724" lsb="68"/>
+    <mtx name="Oslash" width="724" lsb="59"/>
+    <mtx name="Otilde" width="724" lsb="68"/>
+    <mtx name="P" width="720" lsb="82"/>
+    <mtx name="Q" width="729" lsb="68"/>
+    <mtx name="R" width="739" lsb="82"/>
+    <mtx name="S" width="702" lsb="37"/>
+    <mtx name="Scaron" width="702" lsb="37"/>
+    <mtx name="T" width="647" lsb="4"/>
+    <mtx name="Thorn" width="724" lsb="82"/>
+    <mtx name="U" width="749" lsb="80"/>
+    <mtx name="Uacute" width="749" lsb="80"/>
+    <mtx name="Ucircumflex" width="749" lsb="80"/>
+    <mtx name="Udieresis" width="749" lsb="80"/>
+    <mtx name="Ugrave" width="749" lsb="80"/>
+    <mtx name="V" width="716" lsb="18"/>
+    <mtx name="W" width="1036" lsb="25"/>
+    <mtx name="X" width="737" lsb="16"/>
+    <mtx name="Y" width="700" lsb="14"/>
+    <mtx name="Yacute" width="704" lsb="16"/>
+    <mtx name="Ydieresis" width="704" lsb="16"/>
+    <mtx name="Z" width="626" lsb="20"/>
+    <mtx name="Zcaron" width="626" lsb="20"/>
+    <mtx name="a" width="681" lsb="49"/>
+    <mtx name="aacute" width="681" lsb="49"/>
+    <mtx name="acircumflex" width="681" lsb="49"/>
+    <mtx name="acute" width="1024" lsb="410"/>
+    <mtx name="adieresis" width="681" lsb="49"/>
+    <mtx name="ae" width="989" lsb="49"/>
+    <mtx name="agrave" width="681" lsb="49"/>
+    <mtx name="ampersand" width="854" lsb="49"/>
+    <mtx name="aring" width="681" lsb="49"/>
+    <mtx name="asciicircum" width="1101" lsb="53"/>
+    <mtx name="asciitilde" width="1280" lsb="113"/>
+    <mtx name="asterisk" width="677" lsb="74"/>
+    <mtx name="at" width="872" lsb="66"/>
+    <mtx name="atilde" width="681" lsb="49"/>
+    <mtx name="b" width="686" lsb="82"/>
+    <mtx name="backslash" width="792" lsb="8"/>
+    <mtx name="bar" width="356" lsb="82"/>
+    <mtx name="braceleft" width="688" lsb="61"/>
+    <mtx name="braceright" width="688" lsb="57"/>
+    <mtx name="bracketleft" width="538" lsb="82"/>
+    <mtx name="bracketright" width="538" lsb="57"/>
+    <mtx name="breve" width="1024" lsb="287"/>
+    <mtx name="bullet" width="663" lsb="82"/>
+    <mtx name="c" width="645" lsb="66"/>
+    <mtx name="caron" width="1021" lsb="260"/>
+    <mtx name="ccedilla" width="645" lsb="66"/>
+    <mtx name="cedilla" width="1024" lsb="426"/>
+    <mtx name="cent" width="636" lsb="66"/>
+    <mtx name="circumflex" width="1021" lsb="260"/>
+    <mtx name="colon" width="362" lsb="74"/>
+    <mtx name="comma" width="309" lsb="45"/>
+    <mtx name="copyright" width="1644" lsb="53"/>
+    <mtx name="d" width="686" lsb="74"/>
+    <mtx name="dieresis" width="1024" lsb="272"/>
+    <mtx name="dollar" width="692" lsb="37"/>
+    <mtx name="dotaccent" width="1021" lsb="408"/>
+    <mtx name="dotlessi" width="370" lsb="82"/>
+    <mtx name="e" width="659" lsb="66"/>
+    <mtx name="eacute" width="659" lsb="66"/>
+    <mtx name="ecircumflex" width="659" lsb="66"/>
+    <mtx name="edieresis" width="659" lsb="66"/>
+    <mtx name="egrave" width="659" lsb="66"/>
+    <mtx name="eight" width="696" lsb="53"/>
+    <mtx name="ellipsis" width="964" lsb="53"/>
+    <mtx name="emdash" width="972" lsb="74"/>
+    <mtx name="endash" width="806" lsb="74"/>
+    <mtx name="equal" width="1058" lsb="74"/>
+    <mtx name="eth" width="673" lsb="76"/>
+    <mtx name="exclam" width="387" lsb="74"/>
+    <mtx name="exclamdown" width="387" lsb="74"/>
+    <mtx name="f" width="475" lsb="20"/>
+    <mtx name="figuredash" width="444" lsb="74"/>
+    <mtx name="five" width="704" lsb="74"/>
+    <mtx name="four" width="684" lsb="25"/>
+    <mtx name="g" width="700" lsb="12"/>
+    <mtx name="germandbls" width="733" lsb="66"/>
+    <mtx name="grave" width="1024" lsb="293"/>
+    <mtx name="greater" width="1058" lsb="74"/>
+    <mtx name="h" width="690" lsb="82"/>
+    <mtx name="hungarumlaut" width="1024" lsb="215"/>
+    <mtx name="hyphen" width="444" lsb="74"/>
+    <mtx name="i" width="370" lsb="82"/>
+    <mtx name="iacute" width="370" lsb="82"/>
+    <mtx name="icircumflex" width="370" lsb="-66"/>
+    <mtx name="idieresis" width="372" lsb="-53"/>
+    <mtx name="igrave" width="370" lsb="-33"/>
+    <mtx name="j" width="364" lsb="-45"/>
+    <mtx name="k" width="641" lsb="82"/>
+    <mtx name="l" width="370" lsb="82"/>
+    <mtx name="less" width="1058" lsb="74"/>
+    <mtx name="lslash" width="468" lsb="31"/>
+    <mtx name="m" width="1021" lsb="82"/>
+    <mtx name="macron" width="1024" lsb="313"/>
+    <mtx name="minus" width="776" lsb="74"/>
+    <mtx name="n" width="690" lsb="82"/>
+    <mtx name="nine" width="700" lsb="57"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="ntilde" width="690" lsb="82"/>
+    <mtx name="numbersign" width="1232" lsb="49"/>
+    <mtx name="o" width="657" lsb="63"/>
+    <mtx name="oacute" width="657" lsb="63"/>
+    <mtx name="ocircumflex" width="657" lsb="63"/>
+    <mtx name="odieresis" width="657" lsb="63"/>
+    <mtx name="oe" width="995" lsb="63"/>
+    <mtx name="ogonek" width="1024" lsb="348"/>
+    <mtx name="ograve" width="657" lsb="63"/>
+    <mtx name="one" width="475" lsb="25"/>
+    <mtx name="oslash" width="657" lsb="63"/>
+    <mtx name="otilde" width="657" lsb="63"/>
+    <mtx name="p" width="686" lsb="82"/>
+    <mtx name="parenleft" width="561" lsb="66"/>
+    <mtx name="parenright" width="561" lsb="41"/>
+    <mtx name="percent" width="1001" lsb="55"/>
+    <mtx name="period" width="321" lsb="53"/>
+    <mtx name="periodcentered" width="215" lsb="0"/>
+    <mtx name="plus" width="1060" lsb="74"/>
+    <mtx name="q" width="686" lsb="74"/>
+    <mtx name="question" width="645" lsb="25"/>
+    <mtx name="questiondown" width="645" lsb="41"/>
+    <mtx name="quotedbl" width="329" lsb="57"/>
+    <mtx name="quotedblbase" width="624" lsb="53"/>
+    <mtx name="quotedblleft" width="624" lsb="53"/>
+    <mtx name="quotedblright" width="624" lsb="53"/>
+    <mtx name="quoteleft" width="309" lsb="49"/>
+    <mtx name="quoteright" width="309" lsb="45"/>
+    <mtx name="quotesinglbase" width="309" lsb="45"/>
+    <mtx name="quotesingle" width="309" lsb="45"/>
+    <mtx name="r" width="503" lsb="82"/>
+    <mtx name="registered" width="1644" lsb="53"/>
+    <mtx name="ring" width="1021" lsb="358"/>
+    <mtx name="s" width="630" lsb="37"/>
+    <mtx name="scaron" width="630" lsb="37"/>
+    <mtx name="semicolon" width="362" lsb="74"/>
+    <mtx name="seven" width="589" lsb="8"/>
+    <mtx name="six" width="700" lsb="66"/>
+    <mtx name="slash" width="720" lsb="8"/>
+    <mtx name="space" width="315" lsb="0"/>
+    <mtx name="sterling" width="817" lsb="4"/>
+    <mtx name="t" width="501" lsb="20"/>
+    <mtx name="thorn" width="686" lsb="82"/>
+    <mtx name="three" width="686" lsb="45"/>
+    <mtx name="tilde" width="1024" lsb="313"/>
+    <mtx name="trademark" width="937" lsb="74"/>
+    <mtx name="two" width="731" lsb="55"/>
+    <mtx name="u" width="690" lsb="78"/>
+    <mtx name="uacute" width="690" lsb="78"/>
+    <mtx name="ucircumflex" width="690" lsb="78"/>
+    <mtx name="udieresis" width="690" lsb="78"/>
+    <mtx name="ugrave" width="690" lsb="78"/>
+    <mtx name="underscore" width="1210" lsb="74"/>
+    <mtx name="uni00A0" width="315" lsb="0"/>
+    <mtx name="uni00AD" width="444" lsb="74"/>
+    <mtx name="uni2000" width="952" lsb="0"/>
+    <mtx name="uni2001" width="1904" lsb="0"/>
+    <mtx name="uni2002" width="952" lsb="0"/>
+    <mtx name="uni2003" width="1904" lsb="0"/>
+    <mtx name="uni2004" width="634" lsb="0"/>
+    <mtx name="uni2005" width="475" lsb="0"/>
+    <mtx name="uni2006" width="317" lsb="0"/>
+    <mtx name="uni2007" width="317" lsb="0"/>
+    <mtx name="uni2008" width="237" lsb="0"/>
+    <mtx name="uni2009" width="380" lsb="0"/>
+    <mtx name="uni200A" width="104" lsb="0"/>
+    <mtx name="uni2010" width="444" lsb="74"/>
+    <mtx name="uni2011" width="444" lsb="74"/>
+    <mtx name="uni202F" width="380" lsb="0"/>
+    <mtx name="uni205F" width="475" lsb="0"/>
+    <mtx name="uniE000" width="1120" lsb="0"/>
+    <mtx name="uniFB01" width="772" lsb="20"/>
+    <mtx name="uniFB02" width="772" lsb="20"/>
+    <mtx name="v" width="602" lsb="16"/>
+    <mtx name="w" width="905" lsb="20"/>
+    <mtx name="x" width="618" lsb="16"/>
+    <mtx name="y" width="634" lsb="25"/>
+    <mtx name="yacute" width="634" lsb="25"/>
+    <mtx name="ydieresis" width="634" lsb="25"/>
+    <mtx name="yen" width="720" lsb="25"/>
+    <mtx name="z" width="532" lsb="12"/>
+    <mtx name="zcaron" width="532" lsb="12"/>
+    <mtx name="zero" width="724" lsb="68"/>
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+    <cmap_format_0 platformID="1" platEncID="0" language="0">
+      <map code="0x0" name=".null"/>
+      <map code="0x1" name=".notdef"/>
+      <map code="0x2" name=".notdef"/>
+      <map code="0x3" name=".notdef"/>
+      <map code="0x4" name=".notdef"/>
+      <map code="0x5" name=".notdef"/>
+      <map code="0x6" name=".notdef"/>
+      <map code="0x7" name=".notdef"/>
+      <map code="0x8" name=".null"/>
+      <map code="0x9" name="nonmarkingreturn"/>
+      <map code="0xa" name=".notdef"/>
+      <map code="0xb" name=".notdef"/>
+      <map code="0xc" name=".notdef"/>
+      <map code="0xd" name="nonmarkingreturn"/>
+      <map code="0xe" name=".notdef"/>
+      <map code="0xf" name=".notdef"/>
+      <map code="0x10" name=".notdef"/>
+      <map code="0x11" name=".notdef"/>
+      <map code="0x12" name=".notdef"/>
+      <map code="0x13" name=".notdef"/>
+      <map code="0x14" name=".notdef"/>
+      <map code="0x15" name=".notdef"/>
+      <map code="0x16" name=".notdef"/>
+      <map code="0x17" name=".notdef"/>
+      <map code="0x18" name=".notdef"/>
+      <map code="0x19" name=".notdef"/>
+      <map code="0x1a" name=".notdef"/>
+      <map code="0x1b" name=".notdef"/>
+      <map code="0x1c" name=".notdef"/>
+      <map code="0x1d" name=".null"/>
+      <map code="0x1e" name=".notdef"/>
+      <map code="0x1f" name=".notdef"/>
+      <map code="0x20" name="space"/>
+      <map code="0x21" name="exclam"/>
+      <map code="0x22" name="quotedbl"/>
+      <map code="0x23" name="numbersign"/>
+      <map code="0x24" name="dollar"/>
+      <map code="0x25" name="percent"/>
+      <map code="0x26" name="ampersand"/>
+      <map code="0x27" name="quotesingle"/>
+      <map code="0x28" name="parenleft"/>
+      <map code="0x29" name="parenright"/>
+      <map code="0x2a" name="asterisk"/>
+      <map code="0x2b" name="plus"/>
+      <map code="0x2c" name="comma"/>
+      <map code="0x2d" name="hyphen"/>
+      <map code="0x2e" name="period"/>
+      <map code="0x2f" name="slash"/>
+      <map code="0x30" name="zero"/>
+      <map code="0x31" name="one"/>
+      <map code="0x32" name="two"/>
+      <map code="0x33" name="three"/>
+      <map code="0x34" name="four"/>
+      <map code="0x35" name="five"/>
+      <map code="0x36" name="six"/>
+      <map code="0x37" name="seven"/>
+      <map code="0x38" name="eight"/>
+      <map code="0x39" name="nine"/>
+      <map code="0x3a" name="colon"/>
+      <map code="0x3b" name="semicolon"/>
+      <map code="0x3c" name="less"/>
+      <map code="0x3d" name="equal"/>
+      <map code="0x3e" name="greater"/>
+      <map code="0x3f" name="question"/>
+      <map code="0x40" name="at"/>
+      <map code="0x41" name="A"/>
+      <map code="0x42" name="B"/>
+      <map code="0x43" name="C"/>
+      <map code="0x44" name="D"/>
+      <map code="0x45" name="E"/>
+      <map code="0x46" name="F"/>
+      <map code="0x47" name="G"/>
+      <map code="0x48" name="H"/>
+      <map code="0x49" name="I"/>
+      <map code="0x4a" name="J"/>
+      <map code="0x4b" name="K"/>
+      <map code="0x4c" name="L"/>
+      <map code="0x4d" name="M"/>
+      <map code="0x4e" name="N"/>
+      <map code="0x4f" name="O"/>
+      <map code="0x50" name="P"/>
+      <map code="0x51" name="Q"/>
+      <map code="0x52" name="R"/>
+      <map code="0x53" name="S"/>
+      <map code="0x54" name="T"/>
+      <map code="0x55" name="U"/>
+      <map code="0x56" name="V"/>
+      <map code="0x57" name="W"/>
+      <map code="0x58" name="X"/>
+      <map code="0x59" name="Y"/>
+      <map code="0x5a" name="Z"/>
+      <map code="0x5b" name="bracketleft"/>
+      <map code="0x5c" name="backslash"/>
+      <map code="0x5d" name="bracketright"/>
+      <map code="0x5e" name="asciicircum"/>
+      <map code="0x5f" name="underscore"/>
+      <map code="0x60" name="grave"/>
+      <map code="0x61" name="a"/>
+      <map code="0x62" name="b"/>
+      <map code="0x63" name="c"/>
+      <map code="0x64" name="d"/>
+      <map code="0x65" name="e"/>
+      <map code="0x66" name="f"/>
+      <map code="0x67" name="g"/>
+      <map code="0x68" name="h"/>
+      <map code="0x69" name="i"/>
+      <map code="0x6a" name="j"/>
+      <map code="0x6b" name="k"/>
+      <map code="0x6c" name="l"/>
+      <map code="0x6d" name="m"/>
+      <map code="0x6e" name="n"/>
+      <map code="0x6f" name="o"/>
+      <map code="0x70" name="p"/>
+      <map code="0x71" name="q"/>
+      <map code="0x72" name="r"/>
+      <map code="0x73" name="s"/>
+      <map code="0x74" name="t"/>
+      <map code="0x75" name="u"/>
+      <map code="0x76" name="v"/>
+      <map code="0x77" name="w"/>
+      <map code="0x78" name="x"/>
+      <map code="0x79" name="y"/>
+      <map code="0x7a" name="z"/>
+      <map code="0x7b" name="braceleft"/>
+      <map code="0x7c" name="bar"/>
+      <map code="0x7d" name="braceright"/>
+      <map code="0x7e" name="asciitilde"/>
+      <map code="0x7f" name=".notdef"/>
+      <map code="0x80" name="Adieresis"/>
+      <map code="0x81" name="Aring"/>
+      <map code="0x82" name="Ccedilla"/>
+      <map code="0x83" name="Eacute"/>
+      <map code="0x84" name="Ntilde"/>
+      <map code="0x85" name="Odieresis"/>
+      <map code="0x86" name="Udieresis"/>
+      <map code="0x87" name="aacute"/>
+      <map code="0x88" name="agrave"/>
+      <map code="0x89" name="acircumflex"/>
+      <map code="0x8a" name="adieresis"/>
+      <map code="0x8b" name="atilde"/>
+      <map code="0x8c" name="aring"/>
+      <map code="0x8d" name="ccedilla"/>
+      <map code="0x8e" name="eacute"/>
+      <map code="0x8f" name="egrave"/>
+      <map code="0x90" name="ecircumflex"/>
+      <map code="0x91" name="edieresis"/>
+      <map code="0x92" name="iacute"/>
+      <map code="0x93" name="igrave"/>
+      <map code="0x94" name="icircumflex"/>
+      <map code="0x95" name="idieresis"/>
+      <map code="0x96" name="ntilde"/>
+      <map code="0x97" name="oacute"/>
+      <map code="0x98" name="ograve"/>
+      <map code="0x99" name="ocircumflex"/>
+      <map code="0x9a" name="odieresis"/>
+      <map code="0x9b" name="otilde"/>
+      <map code="0x9c" name="uacute"/>
+      <map code="0x9d" name="ugrave"/>
+      <map code="0x9e" name="ucircumflex"/>
+      <map code="0x9f" name="udieresis"/>
+      <map code="0xa0" name=".notdef"/>
+      <map code="0xa1" name=".notdef"/>
+      <map code="0xa2" name="cent"/>
+      <map code="0xa3" name="sterling"/>
+      <map code="0xa4" name=".notdef"/>
+      <map code="0xa5" name="bullet"/>
+      <map code="0xa6" name=".notdef"/>
+      <map code="0xa7" name="germandbls"/>
+      <map code="0xa8" name="registered"/>
+      <map code="0xa9" name="copyright"/>
+      <map code="0xaa" name="trademark"/>
+      <map code="0xab" name="acute"/>
+      <map code="0xac" name="dieresis"/>
+      <map code="0xad" name=".notdef"/>
+      <map code="0xae" name="AE"/>
+      <map code="0xaf" name="Oslash"/>
+      <map code="0xb0" name=".notdef"/>
+      <map code="0xb1" name=".notdef"/>
+      <map code="0xb2" name=".notdef"/>
+      <map code="0xb3" name=".notdef"/>
+      <map code="0xb4" name="yen"/>
+      <map code="0xb5" name=".notdef"/>
+      <map code="0xb6" name=".notdef"/>
+      <map code="0xb7" name=".notdef"/>
+      <map code="0xb8" name=".notdef"/>
+      <map code="0xb9" name=".notdef"/>
+      <map code="0xba" name=".notdef"/>
+      <map code="0xbb" name=".notdef"/>
+      <map code="0xbc" name=".notdef"/>
+      <map code="0xbd" name=".notdef"/>
+      <map code="0xbe" name="ae"/>
+      <map code="0xbf" name="oslash"/>
+      <map code="0xc0" name="questiondown"/>
+      <map code="0xc1" name="exclamdown"/>
+      <map code="0xc2" name=".notdef"/>
+      <map code="0xc3" name=".notdef"/>
+      <map code="0xc4" name=".notdef"/>
+      <map code="0xc5" name=".notdef"/>
+      <map code="0xc6" name=".notdef"/>
+      <map code="0xc7" name=".notdef"/>
+      <map code="0xc8" name=".notdef"/>
+      <map code="0xc9" name="ellipsis"/>
+      <map code="0xca" name="uni00A0"/>
+      <map code="0xcb" name="Agrave"/>
+      <map code="0xcc" name="Atilde"/>
+      <map code="0xcd" name="Otilde"/>
+      <map code="0xce" name="OE"/>
+      <map code="0xcf" name="oe"/>
+      <map code="0xd0" name="endash"/>
+      <map code="0xd1" name="emdash"/>
+      <map code="0xd2" name="quotedblleft"/>
+      <map code="0xd3" name="quotedblright"/>
+      <map code="0xd4" name="quoteleft"/>
+      <map code="0xd5" name="quoteright"/>
+      <map code="0xd6" name=".notdef"/>
+      <map code="0xd7" name=".notdef"/>
+      <map code="0xd8" name="ydieresis"/>
+      <map code="0xd9" name="Ydieresis"/>
+      <map code="0xda" name=".notdef"/>
+      <map code="0xdb" name="Euro"/>
+      <map code="0xdc" name=".notdef"/>
+      <map code="0xdd" name=".notdef"/>
+      <map code="0xde" name="uniFB01"/>
+      <map code="0xdf" name="uniFB02"/>
+      <map code="0xe0" name=".notdef"/>
+      <map code="0xe1" name="periodcentered"/>
+      <map code="0xe2" name="quotesinglbase"/>
+      <map code="0xe3" name="quotedblbase"/>
+      <map code="0xe4" name=".notdef"/>
+      <map code="0xe5" name="Acircumflex"/>
+      <map code="0xe6" name="Ecircumflex"/>
+      <map code="0xe7" name="Aacute"/>
+      <map code="0xe8" name="Edieresis"/>
+      <map code="0xe9" name="Egrave"/>
+      <map code="0xea" name="Iacute"/>
+      <map code="0xeb" name="Icircumflex"/>
+      <map code="0xec" name="Idieresis"/>
+      <map code="0xed" name="Igrave"/>
+      <map code="0xee" name="Oacute"/>
+      <map code="0xef" name="Ocircumflex"/>
+      <map code="0xf0" name=".notdef"/>
+      <map code="0xf1" name="Ograve"/>
+      <map code="0xf2" name="Uacute"/>
+      <map code="0xf3" name="Ucircumflex"/>
+      <map code="0xf4" name="Ugrave"/>
+      <map code="0xf5" name="dotlessi"/>
+      <map code="0xf6" name="circumflex"/>
+      <map code="0xf7" name="tilde"/>
+      <map code="0xf8" name="macron"/>
+      <map code="0xf9" name="breve"/>
+      <map code="0xfa" name="dotaccent"/>
+      <map code="0xfb" name="ring"/>
+      <map code="0xfc" name="cedilla"/>
+      <map code="0xfd" name="hungarumlaut"/>
+      <map code="0xfe" name="ogonek"/>
+      <map code="0xff" name="caron"/>
+    </cmap_format_0>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+  </cmap>
+
+  <fpgm>
+    <assembly>
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SZP0[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      74
+      SROUND[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      MIAP[1]
+      RTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      RDTG[ ]
+      EIF[ ]
+      DUP[ ]
+      MDRP[10100]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SZP0[ ]
+      MDAP[0]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      2
+      FDEF[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      RCVT[ ]
+      SWAP[ ]
+      EIF[ ]
+      POP[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      FDEF[ ]
+      ROUND[01]
+      RTG[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      LT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SWAP[ ]
+      POP[ ]
+      ROFF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      IF[ ]
+      MIRP[11101]
+      ELSE[ ]
+      MIRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      CALL[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      70
+      SROUND[ ]
+      EIF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      FDEF[ ]
+      GFV[ ]
+      NOT[ ]
+      AND[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      34 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      36 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      FDEF[ ]
+      DUP[ ]
+      RDTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      MDRP[00100]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      ROLL[ ]
+      NEG[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      ROLL[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SRP0[ ]
+      ELSE[ ]
+      SRP0[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      ROLL[ ]
+      GC[0]
+      SUB[ ]
+      SWAP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      NEG[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      MDRP[10110]
+      RTG[ ]
+      POP[ ]
+      POP[ ]
+      ELSE[ ]
+      DUP[ ]
+      MDRP[10110]
+      ROLL[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[0]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      NEQ[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      FDEF[ ]
+      SWAP[ ]
+      DUP[ ]
+      MDRP[10110]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SWAP[ ]
+      DUP[ ]
+      IF[ ]
+      MPPEM[ ]
+      GTEQ[ ]
+      ELSE[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      EIF[ ]
+      IF[ ]
+      ROLL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      DUP[ ]
+      ROLL[ ]
+      MD[0]
+      ROLL[ ]
+      SWAP[ ]
+      SUB[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SWAP[ ]
+      SUB[ ]
+      ROUND[10]
+      ADD[ ]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      FDEF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SDPVTL[1]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[1]
+      ABS[ ]
+      SWAP[ ]
+      ROLL[ ]
+      SPVTL[1]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      LT[ ]
+      IF[ ]
+      ALIGNRP[ ]
+      ELSE[ ]
+      MDRP[00000]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      FDEF[ ]
+      PUSHB[ ]  /* 4 values pushed */
+      0 64 1 64
+      WS[ ]
+      WS[ ]
+      SVTCA[1]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      NEQ[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      GT[ ]
+      IF[ ]
+      SWAP[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      WS[ ]
+      ELSE[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SWAP[ ]
+      WS[ ]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      0 32 0
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      1 32 1
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      MUL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      25
+      NEG[ ]
+      JMPR[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      ENDF[ ]
+    </assembly>
+  </fpgm>
+
+  <prep>
+    <assembly>
+      PUSHW[ ]  /* 1 value pushed */
+      511
+      SCANCTRL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SCANTYPE[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      1 1
+      INSTCTRL[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      70 6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      GT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      128
+      EIF[ ]
+      SCVTCI[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SVTCA[0]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 121 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      9 79 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      8 58 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      7 37 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      6 16 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 152 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      10 47 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      11 46 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      12 26 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      SVTCA[1]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      14 25 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      17 15 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      16 63 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      DUP[ ]
+      RCVT[ ]
+      PUSHW[ ]  /* 3 values pushed */
+      14 32767 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      18 84 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      19 54 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      20 14 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      22
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      21 10 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      23
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      22 9 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      24
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      23 7 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      CALL[ ]
+    </assembly>
+  </prep>
+
+  <cvt>
+    <cv index="0" value="-385"/>
+    <cv index="1" value="0"/>
+    <cv index="2" value="1120"/>
+    <cv index="3" value="1505"/>
+    <cv index="4" value="195"/>
+    <cv index="5" value="96"/>
+    <cv index="6" value="162"/>
+    <cv index="7" value="172"/>
+    <cv index="8" value="180"/>
+    <cv index="9" value="186"/>
+    <cv index="10" value="203"/>
+    <cv index="11" value="219"/>
+    <cv index="12" value="227"/>
+    <cv index="13" value="242"/>
+    <cv index="14" value="207"/>
+    <cv index="15" value="94"/>
+    <cv index="16" value="123"/>
+    <cv index="17" value="160"/>
+    <cv index="18" value="207"/>
+    <cv index="19" value="221"/>
+    <cv index="20" value="229"/>
+    <cv index="21" value="309"/>
+    <cv index="22" value="426"/>
+    <cv index="23" value="506"/>
+    <cv index="24" value="586"/>
+    <cv index="25" value="154"/>
+    <cv index="26" value="210"/>
+    <cv index="27" value="156"/>
+    <cv index="28" value="158"/>
+    <cv index="29" value="217"/>
+    <cv index="30" value="165"/>
+    <cv index="31" value="188"/>
+    <cv index="32" value="144"/>
+    <cv index="33" value="118"/>
+    <cv index="34" value="74"/>
+  </cvt>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="20" yMin="0" xMax="745" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 8 9
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="AE" xMin="16" yMin="0" xMax="1059" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="436" y="1505" on="1"/>
+        <pt x="1059" y="1505" on="1"/>
+        <pt x="1059" y="1278" on="1"/>
+        <pt x="774" y="1278" on="1"/>
+        <pt x="774" y="883" on="1"/>
+        <pt x="979" y="883" on="1"/>
+        <pt x="979" y="641" on="1"/>
+        <pt x="774" y="641" on="1"/>
+        <pt x="774" y="227" on="1"/>
+        <pt x="1059" y="227" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="553" y="0" on="1"/>
+        <pt x="553" y="307" on="1"/>
+        <pt x="326" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="393" y="541" on="1"/>
+        <pt x="553" y="541" on="1"/>
+        <pt x="553" y="1055" on="1"/>
+        <pt x="543" y="1055" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          14 16 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 2 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15722 -4609 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          14 15 19 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 15 19 19
+          CALL[ ]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          1 14 16 19
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aacute" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="293" y="1638" on="1"/>
+        <pt x="399" y="1823" on="1"/>
+        <pt x="614" y="1823" on="1"/>
+        <pt x="453" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 8 9 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Acircumflex" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="1638" on="1"/>
+        <pt x="274" y="1823" on="1"/>
+        <pt x="494" y="1823" on="1"/>
+        <pt x="635" y="1638" on="1"/>
+        <pt x="446" y="1638" on="1"/>
+        <pt x="383" y="1710" on="1"/>
+        <pt x="322" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 15 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 9 10 12 14 15 16
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Adieresis" xMin="20" yMin="0" xMax="745" yMax="1839">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1638" on="1"/>
+        <pt x="143" y="1839" on="1"/>
+        <pt x="334" y="1839" on="1"/>
+        <pt x="334" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="432" y="1839" on="1"/>
+        <pt x="623" y="1839" on="1"/>
+        <pt x="623" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          7 11 8 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          4 21 18 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 12
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 5 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Agrave" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="141" y="1823" on="1"/>
+        <pt x="356" y="1823" on="1"/>
+        <pt x="463" y="1638" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 9 10 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aring" xMin="20" yMin="0" xMax="745" yMax="1905">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1700" on="0"/>
+        <pt x="231" y="1823" on="0"/>
+        <pt x="322" y="1905" on="0"/>
+        <pt x="449" y="1905" on="0"/>
+        <pt x="537" y="1823" on="0"/>
+        <pt x="537" y="1700" on="0"/>
+        <pt x="449" y="1618" on="0"/>
+        <pt x="322" y="1618" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="309" y="1790" on="0"/>
+        <pt x="309" y="1733" on="0"/>
+        <pt x="356" y="1690" on="0"/>
+        <pt x="414" y="1690" on="0"/>
+        <pt x="461" y="1733" on="0"/>
+        <pt x="461" y="1790" on="0"/>
+        <pt x="414" y="1833" on="0"/>
+        <pt x="356" y="1833" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 16 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          25 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          23 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          7 23 9 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          13 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 13 27 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 15 10 20
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 12 13 8
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Atilde" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="184" y="1632" on="1"/>
+        <pt x="184" y="1784" on="1"/>
+        <pt x="233" y="1823" on="0"/>
+        <pt x="293" y="1823" on="1"/>
+        <pt x="326" y="1823" on="0"/>
+        <pt x="442" y="1786" on="0"/>
+        <pt x="473" y="1784" on="1"/>
+        <pt x="498" y="1784" on="0"/>
+        <pt x="553" y="1800" on="0"/>
+        <pt x="567" y="1808" on="1"/>
+        <pt x="582" y="1817" on="1"/>
+        <pt x="582" y="1665" on="1"/>
+        <pt x="531" y="1626" on="0"/>
+        <pt x="473" y="1626" on="1"/>
+        <pt x="442" y="1626" on="0"/>
+        <pt x="326" y="1665" on="0"/>
+        <pt x="293" y="1665" on="1"/>
+        <pt x="268" y="1665" on="0"/>
+        <pt x="213" y="1649" on="0"/>
+        <pt x="199" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 28 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          14 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 11 13 21 24 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="B" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="276" y="1505" on="1"/>
+        <pt x="481" y="1505" on="0"/>
+        <pt x="680" y="1323" on="0"/>
+        <pt x="680" y="1106" on="1"/>
+        <pt x="680" y="1000" on="0"/>
+        <pt x="621" y="862" on="0"/>
+        <pt x="543" y="795" on="1"/>
+        <pt x="549" y="793" on="0"/>
+        <pt x="569" y="778" on="0"/>
+        <pt x="623" y="723" on="0"/>
+        <pt x="664" y="647" on="0"/>
+        <pt x="696" y="510" on="0"/>
+        <pt x="696" y="426" on="1"/>
+        <pt x="696" y="12" on="0"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="219" on="1"/>
+        <pt x="377" y="219" on="0"/>
+        <pt x="412" y="250" on="1"/>
+        <pt x="467" y="305" on="0"/>
+        <pt x="467" y="451" on="1"/>
+        <pt x="467" y="533" on="0"/>
+        <pt x="434" y="637" on="0"/>
+        <pt x="375" y="674" on="0"/>
+        <pt x="338" y="682" on="0"/>
+        <pt x="311" y="682" on="1"/>
+        <pt x="303" y="682" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="885" on="1"/>
+        <pt x="326" y="885" on="0"/>
+        <pt x="348" y="887" on="0"/>
+        <pt x="406" y="905" on="0"/>
+        <pt x="438" y="944" on="0"/>
+        <pt x="467" y="1026" on="0"/>
+        <pt x="467" y="1145" on="0"/>
+        <pt x="438" y="1227" on="0"/>
+        <pt x="406" y="1266" on="0"/>
+        <pt x="348" y="1284" on="0"/>
+        <pt x="326" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          28 27 16 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          14 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="C" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 41
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 21 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ccedilla" xMin="68" yMin="-385" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="268" y="-111" on="1"/>
+        <pt x="268" y="-252" on="1"/>
+        <pt x="332" y="-252" on="1"/>
+        <pt x="291" y="-385" on="1"/>
+        <pt x="395" y="-385" on="1"/>
+        <pt x="440" y="-252" on="1"/>
+        <pt x="440" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 41 46 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          7 21 40 48 51 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="D" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="444" y="302" on="1"/>
+        <pt x="467" y="377" on="0"/>
+        <pt x="467" y="698" on="1"/>
+        <pt x="467" y="725" on="0"/>
+        <pt x="467" y="782" on="0"/>
+        <pt x="467" y="809" on="1"/>
+        <pt x="467" y="1131" on="0"/>
+        <pt x="444" y="1204" on="1"/>
+        <pt x="419" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 9
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="E" xMin="82" yMin="0" xMax="588" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eacute" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="342" y="1823" on="1"/>
+        <pt x="557" y="1823" on="1"/>
+        <pt x="395" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ecircumflex" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="84" y="1638" on="1"/>
+        <pt x="225" y="1823" on="1"/>
+        <pt x="444" y="1823" on="1"/>
+        <pt x="586" y="1638" on="1"/>
+        <pt x="397" y="1638" on="1"/>
+        <pt x="334" y="1710" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 16 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Edieresis" xMin="82" yMin="0" xMax="588" yMax="1839">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1638" on="1"/>
+        <pt x="94" y="1839" on="1"/>
+        <pt x="285" y="1839" on="1"/>
+        <pt x="285" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="383" y="1638" on="1"/>
+        <pt x="383" y="1839" on="1"/>
+        <pt x="573" y="1839" on="1"/>
+        <pt x="573" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Egrave" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="111" y="1823" on="1"/>
+        <pt x="326" y="1823" on="1"/>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eth" xMin="20" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="20" y="655" on="1"/>
+        <pt x="20" y="883" on="1"/>
+        <pt x="82" y="883" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="655" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="469" y="383" on="0"/>
+        <pt x="467" y="754" on="1"/>
+        <pt x="469" y="1125" on="0"/>
+        <pt x="420" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="387" y="883" on="1"/>
+        <pt x="387" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 19 4 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          12 20 0 14
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          31 21 0 12 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Euro" xMin="53" yMin="-16" xMax="750" yMax="1522">
+      <contour>
+        <pt x="53" y="547" on="1"/>
+        <pt x="53" y="684" on="1"/>
+        <pt x="160" y="684" on="1"/>
+        <pt x="160" y="821" on="1"/>
+        <pt x="53" y="821" on="1"/>
+        <pt x="53" y="958" on="1"/>
+        <pt x="160" y="958" on="1"/>
+        <pt x="160" y="1196" on="1"/>
+        <pt x="160" y="1208" on="0"/>
+        <pt x="164" y="1253" on="0"/>
+        <pt x="195" y="1366" on="0"/>
+        <pt x="250" y="1452" on="0"/>
+        <pt x="371" y="1522" on="0"/>
+        <pt x="539" y="1522" on="0"/>
+        <pt x="659" y="1454" on="0"/>
+        <pt x="715" y="1360" on="0"/>
+        <pt x="745" y="1264" on="0"/>
+        <pt x="748" y="1229" on="1"/>
+        <pt x="750" y="1196" on="1"/>
+        <pt x="750" y="1112" on="1"/>
+        <pt x="543" y="1112" on="1"/>
+        <pt x="543" y="1196" on="1"/>
+        <pt x="541" y="1196" on="0"/>
+        <pt x="545" y="1219" on="0"/>
+        <pt x="535" y="1251" on="0"/>
+        <pt x="520" y="1284" on="0"/>
+        <pt x="485" y="1307" on="0"/>
+        <pt x="459" y="1307" on="1"/>
+        <pt x="389" y="1297" on="0"/>
+        <pt x="381" y="1196" on="1"/>
+        <pt x="381" y="958" on="1"/>
+        <pt x="614" y="958" on="1"/>
+        <pt x="614" y="821" on="1"/>
+        <pt x="381" y="821" on="1"/>
+        <pt x="381" y="684" on="1"/>
+        <pt x="614" y="684" on="1"/>
+        <pt x="614" y="547" on="1"/>
+        <pt x="381" y="547" on="1"/>
+        <pt x="381" y="309" on="1"/>
+        <pt x="381" y="297" on="0"/>
+        <pt x="385" y="260" on="0"/>
+        <pt x="424" y="199" on="0"/>
+        <pt x="459" y="199" on="1"/>
+        <pt x="500" y="199" on="0"/>
+        <pt x="541" y="254" on="0"/>
+        <pt x="541" y="283" on="1"/>
+        <pt x="543" y="309" on="1"/>
+        <pt x="543" y="393" on="1"/>
+        <pt x="750" y="393" on="1"/>
+        <pt x="750" y="309" on="1"/>
+        <pt x="750" y="297" on="0"/>
+        <pt x="745" y="252" on="0"/>
+        <pt x="715" y="139" on="0"/>
+        <pt x="659" y="53" on="0"/>
+        <pt x="539" y="-16" on="0"/>
+        <pt x="371" y="-16" on="0"/>
+        <pt x="250" y="51" on="0"/>
+        <pt x="195" y="147" on="0"/>
+        <pt x="164" y="242" on="0"/>
+        <pt x="162" y="274" on="1"/>
+        <pt x="160" y="309" on="1"/>
+        <pt x="160" y="547" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          55 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          42 55 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 42 47 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 19 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          5 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 6
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 33
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 60 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 38 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          60 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 60 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 27 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="F" xMin="82" yMin="0" xMax="608" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="608" y="1505" on="1"/>
+        <pt x="608" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="G" xMin="67" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="965" on="1"/>
+        <pt x="436" y="965" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="291" on="1"/>
+        <pt x="289" y="279" on="0"/>
+        <pt x="291" y="242" on="0"/>
+        <pt x="328" y="180" on="0"/>
+        <pt x="397" y="180" on="0"/>
+        <pt x="434" y="236" on="0"/>
+        <pt x="434" y="262" on="1"/>
+        <pt x="436" y="291" on="1"/>
+        <pt x="436" y="563" on="1"/>
+        <pt x="348" y="563" on="1"/>
+        <pt x="348" y="750" on="1"/>
+        <pt x="657" y="750" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="526" y="0" on="1"/>
+        <pt x="500" y="72" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="125" y="-16" on="0"/>
+        <pt x="78" y="197" on="1"/>
+        <pt x="67" y="245" on="0"/>
+        <pt x="67" y="286" on="1"/>
+        <pt x="67" y="298" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          36 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          39 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 19 14 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          32 33 39 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 26 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 27
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 37
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 36
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="H" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="475" y="883" on="1"/>
+        <pt x="475" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="696" y="0" on="1"/>
+        <pt x="475" y="0" on="1"/>
+        <pt x="475" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 10 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="I" xMin="82" yMin="0" xMax="303" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Iacute" xMin="82" yMin="0" xMax="408" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="1638" on="1"/>
+        <pt x="193" y="1823" on="1"/>
+        <pt x="408" y="1823" on="1"/>
+        <pt x="246" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1823">
+      <contour>
+        <pt x="-66" y="1638" on="1"/>
+        <pt x="76" y="1823" on="1"/>
+        <pt x="295" y="1823" on="1"/>
+        <pt x="436" y="1638" on="1"/>
+        <pt x="248" y="1638" on="1"/>
+        <pt x="184" y="1710" on="1"/>
+        <pt x="123" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="295" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 4 6
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Idieresis" xMin="-53" yMin="0" xMax="426" yMax="1839">
+      <contour>
+        <pt x="-53" y="1638" on="1"/>
+        <pt x="-53" y="1839" on="1"/>
+        <pt x="137" y="1839" on="1"/>
+        <pt x="137" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="0" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="236" y="1839" on="1"/>
+        <pt x="426" y="1839" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Igrave" xMin="-6" yMin="0" xMax="319" yMax="1823">
+      <contour>
+        <pt x="-6" y="1823" on="1"/>
+        <pt x="209" y="1823" on="1"/>
+        <pt x="315" y="1638" on="1"/>
+        <pt x="156" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="0" on="1"/>
+        <pt x="98" y="1505" on="1"/>
+        <pt x="319" y="1505" on="1"/>
+        <pt x="319" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="J" xMin="12" yMin="-15" xMax="352" yMax="1505">
+      <contour>
+        <pt x="12" y="-14" on="1"/>
+        <pt x="12" y="203" on="1"/>
+        <pt x="16" y="203" on="0"/>
+        <pt x="33" y="201" on="0"/>
+        <pt x="74" y="207" on="0"/>
+        <pt x="104" y="225" on="0"/>
+        <pt x="131" y="276" on="0"/>
+        <pt x="131" y="313" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="352" y="279" on="1"/>
+        <pt x="352" y="142" on="0"/>
+        <pt x="273" y="58" on="1"/>
+        <pt x="203" y="-16" on="0"/>
+        <pt x="51" y="-15" on="1"/>
+        <pt x="32" y="-15" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 7 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="K" xMin="82" yMin="0" xMax="748" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="1004" on="1"/>
+        <pt x="303" y="979" on="1"/>
+        <pt x="311" y="979" on="1"/>
+        <pt x="322" y="1004" on="1"/>
+        <pt x="506" y="1505" on="1"/>
+        <pt x="721" y="1505" on="1"/>
+        <pt x="518" y="1010" on="1"/>
+        <pt x="748" y="0" on="1"/>
+        <pt x="532" y="0" on="1"/>
+        <pt x="379" y="655" on="1"/>
+        <pt x="373" y="686" on="1"/>
+        <pt x="367" y="686" on="1"/>
+        <pt x="354" y="655" on="1"/>
+        <pt x="303" y="532" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15975 -3638 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 13 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 13 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="L" xMin="82" yMin="0" xMax="596" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="205" on="1"/>
+        <pt x="596" y="205" on="1"/>
+        <pt x="596" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 5 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Lslash" xMin="41" yMin="0" xMax="621" yMax="1505">
+      <contour>
+        <pt x="41" y="561" on="1"/>
+        <pt x="41" y="782" on="1"/>
+        <pt x="106" y="834" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="328" y="1505" on="1"/>
+        <pt x="328" y="1006" on="1"/>
+        <pt x="449" y="1100" on="1"/>
+        <pt x="449" y="879" on="1"/>
+        <pt x="328" y="784" on="1"/>
+        <pt x="328" y="205" on="1"/>
+        <pt x="621" y="205" on="1"/>
+        <pt x="621" y="0" on="1"/>
+        <pt x="106" y="0" on="1"/>
+        <pt x="106" y="612" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 11 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="M" xMin="82" yMin="0" xMax="909" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="483" y="817" on="1"/>
+        <pt x="494" y="737" on="1"/>
+        <pt x="498" y="737" on="1"/>
+        <pt x="508" y="817" on="1"/>
+        <pt x="639" y="1505" on="1"/>
+        <pt x="909" y="1505" on="1"/>
+        <pt x="909" y="0" on="1"/>
+        <pt x="705" y="0" on="1"/>
+        <pt x="705" y="946" on="1"/>
+        <pt x="705" y="1010" on="1"/>
+        <pt x="692" y="1010" on="1"/>
+        <pt x="684" y="946" on="1"/>
+        <pt x="543" y="0" on="1"/>
+        <pt x="449" y="0" on="1"/>
+        <pt x="307" y="946" on="1"/>
+        <pt x="299" y="1010" on="1"/>
+        <pt x="287" y="1010" on="1"/>
+        <pt x="287" y="946" on="1"/>
+        <pt x="287" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16231 -2232 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 27
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          14 28
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          16 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="N" xMin="82" yMin="0" xMax="727" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ntilde" xMin="82" yMin="0" xMax="727" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="207" y="1632" on="1"/>
+        <pt x="207" y="1784" on="1"/>
+        <pt x="256" y="1823" on="0"/>
+        <pt x="315" y="1823" on="1"/>
+        <pt x="348" y="1823" on="0"/>
+        <pt x="465" y="1786" on="0"/>
+        <pt x="496" y="1784" on="1"/>
+        <pt x="521" y="1784" on="0"/>
+        <pt x="575" y="1800" on="0"/>
+        <pt x="590" y="1808" on="1"/>
+        <pt x="604" y="1817" on="1"/>
+        <pt x="604" y="1665" on="1"/>
+        <pt x="553" y="1626" on="0"/>
+        <pt x="496" y="1626" on="1"/>
+        <pt x="465" y="1626" on="0"/>
+        <pt x="348" y="1665" on="0"/>
+        <pt x="315" y="1665" on="1"/>
+        <pt x="290" y="1665" on="0"/>
+        <pt x="236" y="1649" on="0"/>
+        <pt x="221" y="1640" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          19 21 29 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 27
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="O" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="OE" xMin="68" yMin="0" xMax="942" yMax="1505">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1251" on="0"/>
+        <pt x="102" y="1358" on="0"/>
+        <pt x="158" y="1438" on="0"/>
+        <pt x="279" y="1505" on="0"/>
+        <pt x="362" y="1505" on="1"/>
+        <pt x="942" y="1505" on="1"/>
+        <pt x="942" y="1278" on="1"/>
+        <pt x="657" y="1278" on="1"/>
+        <pt x="657" y="883" on="1"/>
+        <pt x="862" y="883" on="1"/>
+        <pt x="862" y="641" on="1"/>
+        <pt x="657" y="641" on="1"/>
+        <pt x="657" y="227" on="1"/>
+        <pt x="942" y="227" on="1"/>
+        <pt x="942" y="0" on="1"/>
+        <pt x="362" y="0" on="1"/>
+        <pt x="278" y="0" on="0"/>
+        <pt x="158" y="63" on="0"/>
+        <pt x="102" y="156" on="0"/>
+        <pt x="72" y="246" on="0"/>
+        <pt x="70" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1210" on="1"/>
+        <pt x="430" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 17 8 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oacute" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="285" y="1638" on="1"/>
+        <pt x="391" y="1823" on="1"/>
+        <pt x="606" y="1823" on="1"/>
+        <pt x="444" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 19 24
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ocircumflex" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="254" y="1823" on="1"/>
+        <pt x="473" y="1823" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+        <pt x="362" y="1710" on="1"/>
+        <pt x="301" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          48 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Odieresis" xMin="68" yMin="-16" xMax="657" yMax="1839">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="123" y="1638" on="1"/>
+        <pt x="123" y="1839" on="1"/>
+        <pt x="313" y="1839" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <contour>
+        <pt x="412" y="1638" on="1"/>
+        <pt x="412" y="1839" on="1"/>
+        <pt x="602" y="1839" on="1"/>
+        <pt x="602" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 32 39 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ograve" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="121" y="1823" on="1"/>
+        <pt x="336" y="1823" on="1"/>
+        <pt x="442" y="1638" on="1"/>
+        <pt x="283" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 18 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oslash" xMin="59" yMin="-20" xMax="657" yMax="1526">
+      <contour>
+        <pt x="59" y="-20" on="1"/>
+        <pt x="106" y="137" on="1"/>
+        <pt x="88" y="174" on="0"/>
+        <pt x="70" y="260" on="0"/>
+        <pt x="70" y="285" on="1"/>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="362" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="520" y="1479" on="1"/>
+        <pt x="535" y="1526" on="1"/>
+        <pt x="657" y="1526" on="1"/>
+        <pt x="612" y="1376" on="1"/>
+        <pt x="632" y="1337" on="0"/>
+        <pt x="655" y="1247" on="0"/>
+        <pt x="655" y="1221" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="203" y="27" on="1"/>
+        <pt x="188" y="-20" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="797" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="727" on="1"/>
+        <pt x="436" y="1206" on="1"/>
+        <pt x="428" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          28 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 31
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          32 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 42
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15608 -4981 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 33
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 33
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15659 -4821 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          14 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 31 16 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          40 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          41 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 15
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 31 16
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 6 values pushed */
+          1 14 17 30 40 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          0 1 14 15 17 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Otilde" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="164" y="1632" on="1"/>
+        <pt x="164" y="1784" on="1"/>
+        <pt x="213" y="1823" on="0"/>
+        <pt x="272" y="1823" on="1"/>
+        <pt x="305" y="1823" on="0"/>
+        <pt x="422" y="1786" on="0"/>
+        <pt x="453" y="1784" on="1"/>
+        <pt x="478" y="1784" on="0"/>
+        <pt x="532" y="1800" on="0"/>
+        <pt x="547" y="1808" on="1"/>
+        <pt x="561" y="1817" on="1"/>
+        <pt x="561" y="1665" on="1"/>
+        <pt x="510" y="1626" on="0"/>
+        <pt x="453" y="1626" on="1"/>
+        <pt x="422" y="1626" on="0"/>
+        <pt x="305" y="1665" on="0"/>
+        <pt x="272" y="1665" on="1"/>
+        <pt x="247" y="1665" on="0"/>
+        <pt x="193" y="1649" on="0"/>
+        <pt x="178" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          56 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          61 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 19 24 27 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 34 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="P" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="469" y="1505" on="0"/>
+        <pt x="692" y="1294" on="0"/>
+        <pt x="692" y="815" on="0"/>
+        <pt x="469" y="602" on="0"/>
+        <pt x="303" y="602" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="827" on="1"/>
+        <pt x="405" y="827" on="0"/>
+        <pt x="469" y="918" on="0"/>
+        <pt x="469" y="1047" on="1"/>
+        <pt x="469" y="1178" on="0"/>
+        <pt x="403" y="1280" on="0"/>
+        <pt x="303" y="1280" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          7 9 0 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Q" xMin="68" yMin="-115" xMax="700" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="215" on="0"/>
+        <pt x="612" y="127" on="1"/>
+        <pt x="645" y="84" on="0"/>
+        <pt x="700" y="74" on="1"/>
+        <pt x="700" y="-115" on="1"/>
+        <pt x="540" y="-115" on="0"/>
+        <pt x="473" y="2" on="1"/>
+        <pt x="418" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="278" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          17 32 22 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 26
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 15 20
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="R" xMin="82" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="680" y="1505" on="0"/>
+        <pt x="680" y="1071" on="1"/>
+        <pt x="680" y="813" on="0"/>
+        <pt x="557" y="729" on="1"/>
+        <pt x="698" y="0" on="1"/>
+        <pt x="477" y="0" on="1"/>
+        <pt x="362" y="635" on="1"/>
+        <pt x="303" y="635" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="840" on="1"/>
+        <pt x="334" y="840" on="0"/>
+        <pt x="377" y="850" on="0"/>
+        <pt x="436" y="889" on="0"/>
+        <pt x="467" y="987" on="0"/>
+        <pt x="467" y="1139" on="0"/>
+        <pt x="436" y="1237" on="0"/>
+        <pt x="377" y="1276" on="0"/>
+        <pt x="334" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16122 -2920 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="S" xMin="37" yMin="-16" xMax="666" yMax="1522">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="361" y="1522" on="0"/>
+        <pt x="366" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="516" y="1487" on="1"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          46 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 20 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 26 27 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Scaron" xMin="37" yMin="-16" xMax="666" yMax="1823">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="450" y="1524" on="0"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <contour>
+        <pt x="100" y="1823" on="1"/>
+        <pt x="289" y="1823" on="1"/>
+        <pt x="350" y="1751" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="602" y="1823" on="1"/>
+        <pt x="461" y="1638" on="1"/>
+        <pt x="242" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          43 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          50 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          41 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 50 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 53 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 23 24 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="T" xMin="4" yMin="0" xMax="643" yMax="1505">
+      <contour>
+        <pt x="4" y="1278" on="1"/>
+        <pt x="4" y="1505" on="1"/>
+        <pt x="643" y="1505" on="1"/>
+        <pt x="643" y="1278" on="1"/>
+        <pt x="434" y="1278" on="1"/>
+        <pt x="434" y="0" on="1"/>
+        <pt x="213" y="0" on="1"/>
+        <pt x="213" y="1278" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Thorn" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="1264" on="1"/>
+        <pt x="303" y="1264" on="1"/>
+        <pt x="469" y="1264" on="0"/>
+        <pt x="692" y="1053" on="0"/>
+        <pt x="692" y="573" on="0"/>
+        <pt x="469" y="360" on="0"/>
+        <pt x="303" y="360" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="586" on="1"/>
+        <pt x="405" y="586" on="0"/>
+        <pt x="469" y="676" on="0"/>
+        <pt x="469" y="805" on="1"/>
+        <pt x="469" y="936" on="0"/>
+        <pt x="403" y="1038" on="0"/>
+        <pt x="303" y="1038" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          9 11 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          4 17 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 11
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="U" xMin="80" yMin="-16" xMax="670" yMax="1505">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Uacute" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="1638" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="629" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ucircumflex" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="125" y="1638" on="1"/>
+        <pt x="266" y="1823" on="1"/>
+        <pt x="485" y="1823" on="1"/>
+        <pt x="627" y="1638" on="1"/>
+        <pt x="438" y="1638" on="1"/>
+        <pt x="375" y="1710" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 24 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          30 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Udieresis" xMin="80" yMin="-16" xMax="670" yMax="1839">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="135" y="1638" on="1"/>
+        <pt x="135" y="1839" on="1"/>
+        <pt x="326" y="1839" on="1"/>
+        <pt x="326" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="424" y="1638" on="1"/>
+        <pt x="424" y="1839" on="1"/>
+        <pt x="614" y="1839" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ugrave" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="145" y="1823" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+        <pt x="307" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 24
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="V" xMin="18" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="18" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="678" on="1"/>
+        <pt x="352" y="614" on="1"/>
+        <pt x="365" y="614" on="1"/>
+        <pt x="373" y="678" on="1"/>
+        <pt x="483" y="1505" on="1"/>
+        <pt x="698" y="1505" on="1"/>
+        <pt x="469" y="0" on="1"/>
+        <pt x="248" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="W" xMin="25" yMin="0" xMax="1012" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="229" y="1505" on="1"/>
+        <pt x="317" y="723" on="1"/>
+        <pt x="322" y="674" on="1"/>
+        <pt x="338" y="674" on="1"/>
+        <pt x="344" y="723" on="1"/>
+        <pt x="438" y="1505" on="1"/>
+        <pt x="598" y="1505" on="1"/>
+        <pt x="692" y="723" on="1"/>
+        <pt x="698" y="674" on="1"/>
+        <pt x="715" y="674" on="1"/>
+        <pt x="719" y="723" on="1"/>
+        <pt x="807" y="1505" on="1"/>
+        <pt x="1012" y="1505" on="1"/>
+        <pt x="809" y="0" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="535" y="713" on="1"/>
+        <pt x="522" y="801" on="1"/>
+        <pt x="514" y="801" on="1"/>
+        <pt x="502" y="713" on="1"/>
+        <pt x="399" y="0" on="1"/>
+        <pt x="227" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="X" xMin="16" yMin="0" xMax="721" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="260" y="791" on="1"/>
+        <pt x="20" y="1505" on="1"/>
+        <pt x="238" y="1505" on="1"/>
+        <pt x="358" y="1124" on="1"/>
+        <pt x="365" y="1106" on="1"/>
+        <pt x="373" y="1106" on="1"/>
+        <pt x="379" y="1124" on="1"/>
+        <pt x="500" y="1505" on="1"/>
+        <pt x="717" y="1505" on="1"/>
+        <pt x="477" y="791" on="1"/>
+        <pt x="721" y="0" on="1"/>
+        <pt x="504" y="0" on="1"/>
+        <pt x="377" y="449" on="1"/>
+        <pt x="373" y="467" on="1"/>
+        <pt x="365" y="467" on="1"/>
+        <pt x="360" y="449" on="1"/>
+        <pt x="233" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 12 17
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15615 -4959 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15627 -4922 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 2 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 3 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 3 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 17 9 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 2 12 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          15 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 0 8
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 9
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 2 12
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Y" xMin="14" yMin="0" xMax="686" yMax="1505">
+      <contour>
+        <pt x="14" y="1505" on="1"/>
+        <pt x="231" y="1505" on="1"/>
+        <pt x="342" y="1024" on="1"/>
+        <pt x="348" y="1010" on="1"/>
+        <pt x="352" y="1010" on="1"/>
+        <pt x="358" y="1024" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="686" y="1505" on="1"/>
+        <pt x="461" y="641" on="1"/>
+        <pt x="461" y="0" on="1"/>
+        <pt x="240" y="0" on="1"/>
+        <pt x="240" y="641" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Yacute" xMin="16" yMin="0" xMax="688" yMax="1823">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="242" y="641" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="254" y="1638" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="575" y="1823" on="1"/>
+        <pt x="414" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          1 3 4 12 13 15
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ydieresis" xMin="16" yMin="0" xMax="688" yMax="1839">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="242" y="641" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="113" y="1839" on="1"/>
+        <pt x="303" y="1839" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="401" y="1638" on="1"/>
+        <pt x="401" y="1839" on="1"/>
+        <pt x="592" y="1839" on="1"/>
+        <pt x="592" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          15 9 10 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Z" xMin="20" yMin="0" xMax="606" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Zcaron" xMin="20" yMin="0" xMax="606" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="88" y="1823" on="1"/>
+        <pt x="276" y="1823" on="1"/>
+        <pt x="338" y="1751" on="1"/>
+        <pt x="401" y="1823" on="1"/>
+        <pt x="590" y="1823" on="1"/>
+        <pt x="449" y="1638" on="1"/>
+        <pt x="229" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 14
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="a" xMin="49" yMin="-16" xMax="616" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aacute" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 48 49
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acircumflex" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="231" y="1489" on="1"/>
+        <pt x="451" y="1489" on="1"/>
+        <pt x="592" y="1305" on="1"/>
+        <pt x="403" y="1305" on="1"/>
+        <pt x="340" y="1376" on="1"/>
+        <pt x="279" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          47 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 50
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 38 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 40 41 42
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acute" xMin="410" yMin="1305" xMax="731" yMax="1489">
+      <contour>
+        <pt x="410" y="1305" on="1"/>
+        <pt x="516" y="1489" on="1"/>
+        <pt x="731" y="1489" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="adieresis" xMin="49" yMin="-16" xMax="616" yMax="1505">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1305" on="1"/>
+        <pt x="102" y="1505" on="1"/>
+        <pt x="293" y="1505" on="1"/>
+        <pt x="293" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="391" y="1505" on="1"/>
+        <pt x="582" y="1505" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 47 50
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          55 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 38
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 10 21 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ae" xMin="49" yMin="-16" xMax="930" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="502" y="1085" on="1"/>
+        <pt x="568" y="1136" on="0"/>
+        <pt x="664" y="1137" on="1"/>
+        <pt x="863" y="1137" on="0"/>
+        <pt x="915" y="940" on="1"/>
+        <pt x="929" y="889" on="0"/>
+        <pt x="930" y="848" on="1"/>
+        <pt x="930" y="522" on="1"/>
+        <pt x="588" y="522" on="1"/>
+        <pt x="588" y="279" on="1"/>
+        <pt x="588" y="266" on="1"/>
+        <pt x="588" y="258" on="0"/>
+        <pt x="596" y="219" on="0"/>
+        <pt x="610" y="190" on="0"/>
+        <pt x="643" y="166" on="0"/>
+        <pt x="664" y="166" on="1"/>
+        <pt x="734" y="176" on="0"/>
+        <pt x="737" y="279" on="1"/>
+        <pt x="737" y="401" on="1"/>
+        <pt x="930" y="401" on="1"/>
+        <pt x="930" y="272" on="1"/>
+        <pt x="930" y="260" on="0"/>
+        <pt x="926" y="221" on="0"/>
+        <pt x="897" y="123" on="0"/>
+        <pt x="848" y="45" on="0"/>
+        <pt x="737" y="-16" on="0"/>
+        <pt x="662" y="-16" on="1"/>
+        <pt x="504" y="-16" on="0"/>
+        <pt x="436" y="115" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="588" y="684" on="1"/>
+        <pt x="737" y="684" on="1"/>
+        <pt x="737" y="842" on="1"/>
+        <pt x="737" y="854" on="0"/>
+        <pt x="735" y="893" on="0"/>
+        <pt x="698" y="956" on="0"/>
+        <pt x="664" y="956" on="1"/>
+        <pt x="631" y="956" on="0"/>
+        <pt x="592" y="899" on="0"/>
+        <pt x="590" y="870" on="1"/>
+        <pt x="588" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          37 52 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 37 40 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          20 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          69
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 20 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          63 30 52 20 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          74
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          75 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 20
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 50
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 52
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="agrave" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 47
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 39
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ampersand" xMin="49" yMin="-16" xMax="813" yMax="1522">
+      <contour>
+        <pt x="49" y="315" on="1"/>
+        <pt x="49" y="430" on="0"/>
+        <pt x="137" y="629" on="0"/>
+        <pt x="219" y="752" on="1"/>
+        <pt x="113" y="977" on="0"/>
+        <pt x="113" y="1194" on="1"/>
+        <pt x="113" y="1212" on="1"/>
+        <pt x="113" y="1224" on="0"/>
+        <pt x="123" y="1292" on="0"/>
+        <pt x="139" y="1354" on="0"/>
+        <pt x="180" y="1430" on="0"/>
+        <pt x="236" y="1485" on="0"/>
+        <pt x="326" y="1522" on="0"/>
+        <pt x="383" y="1522" on="1"/>
+        <pt x="586" y="1522" on="0"/>
+        <pt x="635" y="1307" on="1"/>
+        <pt x="649" y="1246" on="0"/>
+        <pt x="647" y="1194" on="1"/>
+        <pt x="647" y="1032" on="0"/>
+        <pt x="442" y="760" on="1"/>
+        <pt x="518" y="586" on="0"/>
+        <pt x="590" y="475" on="1"/>
+        <pt x="623" y="571" on="0"/>
+        <pt x="637" y="686" on="1"/>
+        <pt x="813" y="653" on="1"/>
+        <pt x="797" y="440" on="0"/>
+        <pt x="721" y="295" on="1"/>
+        <pt x="776" y="232" on="0"/>
+        <pt x="813" y="219" on="1"/>
+        <pt x="813" y="-16" on="1"/>
+        <pt x="790" y="-16" on="0"/>
+        <pt x="664" y="59" on="0"/>
+        <pt x="604" y="123" on="1"/>
+        <pt x="481" y="-16" on="0"/>
+        <pt x="223" y="-16" on="0"/>
+        <pt x="49" y="178" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="326" on="1"/>
+        <pt x="264" y="260" on="0"/>
+        <pt x="319" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="421" y="176" on="0"/>
+        <pt x="487" y="262" on="1"/>
+        <pt x="399" y="401" on="0"/>
+        <pt x="313" y="557" on="1"/>
+        <pt x="307" y="547" on="0"/>
+        <pt x="291" y="510" on="0"/>
+        <pt x="262" y="392" on="0"/>
+      </contour>
+      <contour>
+        <pt x="305" y="1194" on="1"/>
+        <pt x="305" y="1083" on="0"/>
+        <pt x="360" y="948" on="1"/>
+        <pt x="460" y="1104" on="0"/>
+        <pt x="461" y="1200" on="1"/>
+        <pt x="459" y="1202" on="0"/>
+        <pt x="463" y="1229" on="0"/>
+        <pt x="455" y="1274" on="0"/>
+        <pt x="440" y="1315" on="0"/>
+        <pt x="408" y="1346" on="0"/>
+        <pt x="383" y="1346" on="1"/>
+        <pt x="344" y="1346" on="0"/>
+        <pt x="305" y="1270" on="0"/>
+        <pt x="305" y="1233" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          34 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 17 51 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          62 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 34
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 39 43 19
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          21 32 33 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          39 34
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 3 19 28 43 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aring" xMin="49" yMin="-16" xMax="616" yMax="1565">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="188" y="1360" on="0"/>
+        <pt x="188" y="1483" on="0"/>
+        <pt x="279" y="1565" on="0"/>
+        <pt x="406" y="1565" on="0"/>
+        <pt x="494" y="1483" on="0"/>
+        <pt x="494" y="1360" on="0"/>
+        <pt x="406" y="1278" on="0"/>
+        <pt x="279" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="266" y="1450" on="0"/>
+        <pt x="266" y="1393" on="0"/>
+        <pt x="313" y="1350" on="0"/>
+        <pt x="371" y="1350" on="0"/>
+        <pt x="418" y="1393" on="0"/>
+        <pt x="418" y="1450" on="0"/>
+        <pt x="371" y="1493" on="0"/>
+        <pt x="313" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          57 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          41 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          39 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 51
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          59 26 31 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          43 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 45
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 21 32 56 57 60 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 41 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 48
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          39 42 43 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciicircum" xMin="53" yMin="809" xMax="1049" yMax="1505">
+      <contour>
+        <pt x="53" y="809" on="1"/>
+        <pt x="434" y="1505" on="1"/>
+        <pt x="668" y="1505" on="1"/>
+        <pt x="1049" y="809" on="1"/>
+        <pt x="850" y="809" on="1"/>
+        <pt x="551" y="1352" on="1"/>
+        <pt x="252" y="809" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciitilde" xMin="113" yMin="1294" xMax="1225" yMax="1667">
+      <contour>
+        <pt x="113" y="1352" on="1"/>
+        <pt x="117" y="1364" on="0"/>
+        <pt x="133" y="1405" on="0"/>
+        <pt x="193" y="1511" on="0"/>
+        <pt x="262" y="1593" on="0"/>
+        <pt x="383" y="1659" on="0"/>
+        <pt x="449" y="1659" on="1"/>
+        <pt x="504" y="1659" on="0"/>
+        <pt x="616" y="1622" on="0"/>
+        <pt x="668" y="1593" on="0"/>
+        <pt x="725" y="1556" on="1"/>
+        <pt x="831" y="1484" on="0"/>
+        <pt x="899" y="1485" on="1"/>
+        <pt x="1008" y="1485" on="0"/>
+        <pt x="1077" y="1638" on="1"/>
+        <pt x="1090" y="1667" on="1"/>
+        <pt x="1225" y="1610" on="1"/>
+        <pt x="1221" y="1598" on="0"/>
+        <pt x="1204" y="1554" on="0"/>
+        <pt x="1145" y="1448" on="0"/>
+        <pt x="1075" y="1368" on="0"/>
+        <pt x="963" y="1300" on="0"/>
+        <pt x="899" y="1300" on="1"/>
+        <pt x="778" y="1300" on="0"/>
+        <pt x="627" y="1401" on="1"/>
+        <pt x="512" y="1475" on="0"/>
+        <pt x="385" y="1475" on="0"/>
+        <pt x="285" y="1384" on="0"/>
+        <pt x="266" y="1339" on="1"/>
+        <pt x="248" y="1294" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          12 6 26 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 16
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asterisk" xMin="74" yMin="999" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="1251" on="1"/>
+        <pt x="117" y="1399" on="1"/>
+        <pt x="281" y="1329" on="1"/>
+        <pt x="262" y="1505" on="1"/>
+        <pt x="416" y="1505" on="1"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="561" y="1399" on="1"/>
+        <pt x="604" y="1251" on="1"/>
+        <pt x="432" y="1217" on="1"/>
+        <pt x="547" y="1079" on="1"/>
+        <pt x="416" y="999" on="1"/>
+        <pt x="338" y="1151" on="1"/>
+        <pt x="262" y="999" on="1"/>
+        <pt x="131" y="1079" on="1"/>
+        <pt x="246" y="1217" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          12 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="at" xMin="66" yMin="-16" xMax="815" yMax="1522">
+      <contour>
+        <pt x="66" y="303" on="1"/>
+        <pt x="66" y="1192" on="1"/>
+        <pt x="66" y="1235" on="0"/>
+        <pt x="100" y="1337" on="0"/>
+        <pt x="178" y="1448" on="0"/>
+        <pt x="334" y="1522" on="0"/>
+        <pt x="547" y="1522" on="0"/>
+        <pt x="702" y="1448" on="0"/>
+        <pt x="780" y="1337" on="0"/>
+        <pt x="815" y="1235" on="0"/>
+        <pt x="815" y="1192" on="1"/>
+        <pt x="815" y="399" on="1"/>
+        <pt x="651" y="399" on="1"/>
+        <pt x="631" y="455" on="1"/>
+        <pt x="627" y="447" on="0"/>
+        <pt x="612" y="424" on="0"/>
+        <pt x="553" y="387" on="0"/>
+        <pt x="518" y="387" on="1"/>
+        <pt x="373" y="387" on="0"/>
+        <pt x="373" y="559" on="1"/>
+        <pt x="373" y="1044" on="1"/>
+        <pt x="373" y="1214" on="0"/>
+        <pt x="518" y="1214" on="1"/>
+        <pt x="553" y="1214" on="0"/>
+        <pt x="610" y="1180" on="0"/>
+        <pt x="621" y="1163" on="1"/>
+        <pt x="631" y="1147" on="1"/>
+        <pt x="631" y="1192" on="1"/>
+        <pt x="631" y="1243" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="340" y="1350" on="0"/>
+        <pt x="250" y="1243" on="0"/>
+        <pt x="250" y="1192" on="1"/>
+        <pt x="250" y="303" on="1"/>
+        <pt x="250" y="250" on="0"/>
+        <pt x="338" y="150" on="0"/>
+        <pt x="440" y="150" on="1"/>
+        <pt x="557" y="150" on="0"/>
+        <pt x="608" y="213" on="1"/>
+        <pt x="760" y="127" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="440" y="-16" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="178" y="55" on="0"/>
+        <pt x="100" y="164" on="0"/>
+        <pt x="66" y="262" on="0"/>
+      </contour>
+      <contour>
+        <pt x="535" y="573" on="1"/>
+        <pt x="535" y="520" on="0"/>
+        <pt x="582" y="520" on="1"/>
+        <pt x="631" y="520" on="0"/>
+        <pt x="631" y="573" on="1"/>
+        <pt x="631" y="1028" on="1"/>
+        <pt x="631" y="1081" on="0"/>
+        <pt x="582" y="1081" on="1"/>
+        <pt x="535" y="1081" on="0"/>
+        <pt x="535" y="1028" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 6
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 7
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          17 48 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 53 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          33 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 22 36 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 13 29 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 53
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="atilde" xMin="49" yMin="-16" xMax="616" yMax="1495">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1305" on="1"/>
+        <pt x="143" y="1456" on="1"/>
+        <pt x="192" y="1495" on="0"/>
+        <pt x="252" y="1495" on="1"/>
+        <pt x="285" y="1495" on="0"/>
+        <pt x="401" y="1458" on="0"/>
+        <pt x="432" y="1456" on="1"/>
+        <pt x="457" y="1456" on="0"/>
+        <pt x="512" y="1473" on="0"/>
+        <pt x="526" y="1481" on="1"/>
+        <pt x="541" y="1489" on="1"/>
+        <pt x="541" y="1337" on="1"/>
+        <pt x="490" y="1298" on="0"/>
+        <pt x="432" y="1298" on="1"/>
+        <pt x="401" y="1298" on="0"/>
+        <pt x="285" y="1337" on="0"/>
+        <pt x="252" y="1337" on="1"/>
+        <pt x="227" y="1337" on="0"/>
+        <pt x="172" y="1321" on="0"/>
+        <pt x="158" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          60 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          66
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          58 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 63
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          67 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          35 38 41 54
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 43 48 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 64
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="b" xMin="82" yMin="-16" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="217" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="899" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="backslash" xMin="8" yMin="-180" xMax="784" yMax="1692">
+      <contour>
+        <pt x="8" y="1692" on="1"/>
+        <pt x="170" y="1692" on="1"/>
+        <pt x="784" y="-180" on="1"/>
+        <pt x="616" y="-180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15583 -5061 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          SPVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          0 1 2 3
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bar" xMin="82" yMin="-512" xMax="274" yMax="1692">
+      <contour>
+        <pt x="82" y="-512" on="1"/>
+        <pt x="82" y="1692" on="1"/>
+        <pt x="274" y="1692" on="1"/>
+        <pt x="274" y="-512" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceleft" xMin="61" yMin="-453" xMax="631" yMax="1522">
+      <contour>
+        <pt x="61" y="453" on="1"/>
+        <pt x="61" y="616" on="1"/>
+        <pt x="133" y="616" on="0"/>
+        <pt x="193" y="715" on="0"/>
+        <pt x="193" y="756" on="1"/>
+        <pt x="193" y="1153" on="1"/>
+        <pt x="193" y="1376" on="0"/>
+        <pt x="385" y="1526" on="0"/>
+        <pt x="631" y="1522" on="1"/>
+        <pt x="631" y="1350" on="1"/>
+        <pt x="496" y="1352" on="0"/>
+        <pt x="389" y="1272" on="0"/>
+        <pt x="389" y="1153" on="1"/>
+        <pt x="389" y="756" on="1"/>
+        <pt x="389" y="613" on="0"/>
+        <pt x="262" y="535" on="1"/>
+        <pt x="389" y="453" on="0"/>
+        <pt x="389" y="313" on="1"/>
+        <pt x="389" y="-84" on="1"/>
+        <pt x="389" y="-203" on="0"/>
+        <pt x="496" y="-283" on="0"/>
+        <pt x="631" y="-281" on="1"/>
+        <pt x="631" y="-453" on="1"/>
+        <pt x="385" y="-457" on="0"/>
+        <pt x="193" y="-307" on="0"/>
+        <pt x="193" y="-84" on="1"/>
+        <pt x="193" y="313" on="1"/>
+        <pt x="193" y="333" on="0"/>
+        <pt x="176" y="387" on="0"/>
+        <pt x="110" y="451" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 18 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          17 18 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 12 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceright" xMin="57" yMin="-453" xMax="627" yMax="1522">
+      <contour>
+        <pt x="57" y="-281" on="1"/>
+        <pt x="192" y="-283" on="0"/>
+        <pt x="299" y="-203" on="0"/>
+        <pt x="299" y="-84" on="1"/>
+        <pt x="299" y="313" on="1"/>
+        <pt x="299" y="452" on="0"/>
+        <pt x="426" y="535" on="1"/>
+        <pt x="299" y="613" on="0"/>
+        <pt x="299" y="756" on="1"/>
+        <pt x="299" y="1153" on="1"/>
+        <pt x="299" y="1272" on="0"/>
+        <pt x="193" y="1352" on="0"/>
+        <pt x="57" y="1350" on="1"/>
+        <pt x="57" y="1522" on="1"/>
+        <pt x="303" y="1526" on="0"/>
+        <pt x="496" y="1376" on="0"/>
+        <pt x="496" y="1153" on="1"/>
+        <pt x="496" y="756" on="1"/>
+        <pt x="496" y="733" on="0"/>
+        <pt x="512" y="678" on="0"/>
+        <pt x="578" y="616" on="0"/>
+        <pt x="627" y="616" on="1"/>
+        <pt x="627" y="453" on="1"/>
+        <pt x="555" y="449" on="0"/>
+        <pt x="496" y="352" on="0"/>
+        <pt x="496" y="313" on="1"/>
+        <pt x="496" y="-84" on="1"/>
+        <pt x="496" y="-307" on="0"/>
+        <pt x="303" y="-457" on="0"/>
+        <pt x="57" y="-453" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 4 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 16
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketleft" xMin="82" yMin="-213" xMax="481" yMax="1505">
+      <contour>
+        <pt x="82" y="-16" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="481" y="1505" on="1"/>
+        <pt x="481" y="1309" on="1"/>
+        <pt x="279" y="1309" on="1"/>
+        <pt x="279" y="-16" on="1"/>
+        <pt x="481" y="-16" on="1"/>
+        <pt x="481" y="-213" on="1"/>
+        <pt x="82" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketright" xMin="57" yMin="-213" xMax="457" yMax="1505">
+      <contour>
+        <pt x="57" y="-16" on="1"/>
+        <pt x="260" y="-16" on="1"/>
+        <pt x="260" y="1309" on="1"/>
+        <pt x="57" y="1309" on="1"/>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="457" y="1505" on="1"/>
+        <pt x="457" y="-16" on="1"/>
+        <pt x="457" y="-213" on="1"/>
+        <pt x="57" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="breve" xMin="287" yMin="1303" xMax="737" yMax="1493">
+      <contour>
+        <pt x="287" y="1399" on="1"/>
+        <pt x="397" y="1493" on="1"/>
+        <pt x="438" y="1446" on="0"/>
+        <pt x="512" y="1446" on="1"/>
+        <pt x="547" y="1446" on="0"/>
+        <pt x="606" y="1470" on="0"/>
+        <pt x="618" y="1483" on="1"/>
+        <pt x="631" y="1493" on="1"/>
+        <pt x="737" y="1399" on="1"/>
+        <pt x="727" y="1389" on="0"/>
+        <pt x="692" y="1356" on="0"/>
+        <pt x="573" y="1303" on="0"/>
+        <pt x="512" y="1303" on="1"/>
+        <pt x="449" y="1303" on="0"/>
+        <pt x="336" y="1352" on="0"/>
+        <pt x="311" y="1376" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bullet" xMin="82" yMin="565" xMax="582" yMax="1065">
+      <contour>
+        <pt x="82" y="817" on="1"/>
+        <pt x="82" y="919" on="0"/>
+        <pt x="227" y="1065" on="0"/>
+        <pt x="334" y="1065" on="1"/>
+        <pt x="436" y="1065" on="0"/>
+        <pt x="582" y="920" on="0"/>
+        <pt x="582" y="817" on="1"/>
+        <pt x="582" y="711" on="0"/>
+        <pt x="436" y="565" on="0"/>
+        <pt x="334" y="565" on="1"/>
+        <pt x="228" y="565" on="0"/>
+        <pt x="82" y="711" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="c" xMin="66" yMin="-16" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="caron" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1489" on="1"/>
+        <pt x="449" y="1489" on="1"/>
+        <pt x="510" y="1417" on="1"/>
+        <pt x="573" y="1489" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="621" y="1305" on="1"/>
+        <pt x="401" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ccedilla" xMin="66" yMin="-385" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <contour>
+        <pt x="238" y="-111" on="1"/>
+        <pt x="238" y="-252" on="1"/>
+        <pt x="301" y="-252" on="1"/>
+        <pt x="260" y="-385" on="1"/>
+        <pt x="365" y="-385" on="1"/>
+        <pt x="410" y="-252" on="1"/>
+        <pt x="410" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          28 29 31
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 30 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 34
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cedilla" xMin="426" yMin="-385" xMax="598" yMax="-111">
+      <contour>
+        <pt x="426" y="-111" on="1"/>
+        <pt x="598" y="-111" on="1"/>
+        <pt x="598" y="-252" on="1"/>
+        <pt x="553" y="-385" on="1"/>
+        <pt x="449" y="-385" on="1"/>
+        <pt x="489" y="-252" on="1"/>
+        <pt x="426" y="-252" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cent" xMin="66" yMin="-123" xMax="588" yMax="1567">
+      <contour>
+        <pt x="66" y="508" on="1"/>
+        <pt x="66" y="997" on="1"/>
+        <pt x="66" y="1294" on="0"/>
+        <pt x="274" y="1325" on="1"/>
+        <pt x="274" y="1567" on="1"/>
+        <pt x="397" y="1567" on="1"/>
+        <pt x="397" y="1323" on="1"/>
+        <pt x="495" y="1307" on="0"/>
+        <pt x="588" y="1163" on="0"/>
+        <pt x="588" y="1008" on="1"/>
+        <pt x="588" y="920" on="1"/>
+        <pt x="399" y="920" on="1"/>
+        <pt x="399" y="1055" on="1"/>
+        <pt x="399" y="1145" on="0"/>
+        <pt x="326" y="1145" on="1"/>
+        <pt x="254" y="1145" on="0"/>
+        <pt x="254" y="1055" on="1"/>
+        <pt x="254" y="451" on="1"/>
+        <pt x="254" y="361" on="0"/>
+        <pt x="326" y="360" on="1"/>
+        <pt x="400" y="360" on="0"/>
+        <pt x="399" y="451" on="1"/>
+        <pt x="399" y="606" on="1"/>
+        <pt x="588" y="606" on="1"/>
+        <pt x="588" y="498" on="1"/>
+        <pt x="588" y="342" on="0"/>
+        <pt x="496" y="197" on="0"/>
+        <pt x="397" y="180" on="1"/>
+        <pt x="397" y="-123" on="1"/>
+        <pt x="274" y="-123" on="1"/>
+        <pt x="274" y="178" on="1"/>
+        <pt x="66" y="209" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          28 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="circumflex" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="401" y="1489" on="1"/>
+        <pt x="621" y="1489" on="1"/>
+        <pt x="762" y="1305" on="1"/>
+        <pt x="573" y="1305" on="1"/>
+        <pt x="510" y="1376" on="1"/>
+        <pt x="449" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="colon" xMin="74" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="comma" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="copyright" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="627" y="487" on="1"/>
+        <pt x="627" y="1018" on="1"/>
+        <pt x="627" y="1026" on="0"/>
+        <pt x="629" y="1053" on="0"/>
+        <pt x="649" y="1120" on="0"/>
+        <pt x="684" y="1171" on="0"/>
+        <pt x="764" y="1214" on="0"/>
+        <pt x="819" y="1214" on="1"/>
+        <pt x="966" y="1214" on="0"/>
+        <pt x="1001" y="1067" on="1"/>
+        <pt x="1008" y="1018" on="1"/>
+        <pt x="1008" y="893" on="1"/>
+        <pt x="870" y="893" on="1"/>
+        <pt x="870" y="1018" on="1"/>
+        <pt x="870" y="1035" on="1"/>
+        <pt x="870" y="1046" on="0"/>
+        <pt x="846" y="1081" on="0"/>
+        <pt x="821" y="1081" on="1"/>
+        <pt x="774" y="1079" on="0"/>
+        <pt x="772" y="1018" on="1"/>
+        <pt x="772" y="487" on="1"/>
+        <pt x="772" y="424" on="0"/>
+        <pt x="821" y="424" on="1"/>
+        <pt x="874" y="426" on="0"/>
+        <pt x="870" y="487" on="1"/>
+        <pt x="870" y="612" on="1"/>
+        <pt x="1008" y="612" on="1"/>
+        <pt x="1008" y="487" on="1"/>
+        <pt x="1008" y="479" on="0"/>
+        <pt x="1006" y="453" on="0"/>
+        <pt x="985" y="385" on="0"/>
+        <pt x="950" y="334" on="0"/>
+        <pt x="872" y="291" on="0"/>
+        <pt x="819" y="291" on="1"/>
+        <pt x="733" y="291" on="0"/>
+        <pt x="637" y="389" on="0"/>
+        <pt x="631" y="438" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 40 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          40 51 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 40 44 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 35 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 35 30 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          45 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          25 16 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          0 4 5 1 9 8 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="d" xMin="74" yMin="-16" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1505" on="1"/>
+        <pt x="604" y="1505" on="1"/>
+        <pt x="604" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="217" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="899" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dieresis" xMin="272" yMin="1305" xMax="752" yMax="1505">
+      <contour>
+        <pt x="272" y="1305" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="463" y="1505" on="1"/>
+        <pt x="463" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="561" y="1305" on="1"/>
+        <pt x="561" y="1505" on="1"/>
+        <pt x="752" y="1505" on="1"/>
+        <pt x="752" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dollar" xMin="37" yMin="-215" xMax="655" yMax="1628">
+      <contour>
+        <pt x="37" y="358" on="1"/>
+        <pt x="229" y="371" on="1"/>
+        <pt x="241" y="185" on="0"/>
+        <pt x="358" y="184" on="1"/>
+        <pt x="446" y="184" on="0"/>
+        <pt x="451" y="369" on="1"/>
+        <pt x="451" y="398" on="0"/>
+        <pt x="434" y="459" on="0"/>
+        <pt x="412" y="508" on="0"/>
+        <pt x="369" y="580" on="0"/>
+        <pt x="344" y="614" on="0"/>
+        <pt x="289" y="690" on="0"/>
+        <pt x="281" y="702" on="1"/>
+        <pt x="213" y="794" on="0"/>
+        <pt x="147" y="893" on="0"/>
+        <pt x="72" y="1077" on="0"/>
+        <pt x="72" y="1155" on="1"/>
+        <pt x="76" y="1448" on="0"/>
+        <pt x="287" y="1497" on="1"/>
+        <pt x="287" y="1628" on="1"/>
+        <pt x="410" y="1628" on="1"/>
+        <pt x="410" y="1503" on="1"/>
+        <pt x="611" y="1480" on="0"/>
+        <pt x="645" y="1221" on="1"/>
+        <pt x="453" y="1196" on="1"/>
+        <pt x="447" y="1253" on="0"/>
+        <pt x="403" y="1323" on="0"/>
+        <pt x="360" y="1321" on="1"/>
+        <pt x="280" y="1319" on="0"/>
+        <pt x="276" y="1159" on="1"/>
+        <pt x="276" y="1130" on="0"/>
+        <pt x="293" y="1067" on="0"/>
+        <pt x="313" y="1022" on="0"/>
+        <pt x="358" y="948" on="0"/>
+        <pt x="381" y="915" on="0"/>
+        <pt x="440" y="831" on="0"/>
+        <pt x="449" y="821" on="1"/>
+        <pt x="455" y="811" on="0"/>
+        <pt x="508" y="735" on="0"/>
+        <pt x="528" y="707" on="0"/>
+        <pt x="575" y="633" on="0"/>
+        <pt x="596" y="592" on="0"/>
+        <pt x="629" y="522" on="0"/>
+        <pt x="643" y="469" on="0"/>
+        <pt x="655" y="401" on="0"/>
+        <pt x="655" y="371" on="1"/>
+        <pt x="651" y="33" on="0"/>
+        <pt x="410" y="2" on="1"/>
+        <pt x="410" y="-215" on="1"/>
+        <pt x="287" y="-215" on="1"/>
+        <pt x="287" y="6" on="1"/>
+        <pt x="51" y="47" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotaccent" xMin="408" yMin="1298" xMax="614" yMax="1505">
+      <contour>
+        <pt x="408" y="1298" on="1"/>
+        <pt x="408" y="1505" on="1"/>
+        <pt x="614" y="1505" on="1"/>
+        <pt x="614" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotlessi" xMin="82" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="e" xMin="66" yMin="-16" xMax="600" yMax="1137">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 31
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eacute" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 48 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 51
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ecircumflex" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="80" y="1305" on="1"/>
+        <pt x="221" y="1489" on="1"/>
+        <pt x="440" y="1489" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+        <pt x="393" y="1305" on="1"/>
+        <pt x="330" y="1376" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          44 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 41 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 43
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="edieresis" xMin="66" yMin="-16" xMax="600" yMax="1505">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          38 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          52 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 31 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="egrave" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 38 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eight" xMin="53" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="53" y="322" on="1"/>
+        <pt x="53" y="498" on="1"/>
+        <pt x="53" y="686" on="0"/>
+        <pt x="168" y="795" on="1"/>
+        <pt x="66" y="897" on="0"/>
+        <pt x="66" y="1071" on="1"/>
+        <pt x="66" y="1198" on="1"/>
+        <pt x="66" y="1221" on="0"/>
+        <pt x="70" y="1274" on="0"/>
+        <pt x="102" y="1380" on="0"/>
+        <pt x="156" y="1460" on="0"/>
+        <pt x="270" y="1522" on="0"/>
+        <pt x="426" y="1522" on="0"/>
+        <pt x="541" y="1460" on="0"/>
+        <pt x="594" y="1380" on="0"/>
+        <pt x="627" y="1274" on="0"/>
+        <pt x="631" y="1221" on="0"/>
+        <pt x="631" y="1198" on="1"/>
+        <pt x="631" y="1071" on="1"/>
+        <pt x="631" y="897" on="0"/>
+        <pt x="528" y="795" on="1"/>
+        <pt x="643" y="686" on="0"/>
+        <pt x="643" y="498" on="1"/>
+        <pt x="643" y="322" on="1"/>
+        <pt x="643" y="297" on="0"/>
+        <pt x="639" y="242" on="0"/>
+        <pt x="606" y="131" on="0"/>
+        <pt x="549" y="49" on="0"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="147" y="49" on="0"/>
+        <pt x="90" y="131" on="0"/>
+        <pt x="57" y="242" on="0"/>
+        <pt x="53" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="268" y="410" on="1"/>
+        <pt x="270" y="283" on="0"/>
+        <pt x="301" y="186" on="0"/>
+        <pt x="348" y="186" on="1"/>
+        <pt x="385" y="186" on="0"/>
+        <pt x="420" y="246" on="0"/>
+        <pt x="428" y="328" on="0"/>
+        <pt x="428" y="410" on="1"/>
+        <pt x="428" y="562" on="0"/>
+        <pt x="401" y="676" on="0"/>
+        <pt x="295" y="676" on="0"/>
+        <pt x="268" y="562" on="0"/>
+      </contour>
+      <contour>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="993" on="0"/>
+        <pt x="307" y="893" on="0"/>
+        <pt x="389" y="893" on="0"/>
+        <pt x="414" y="993" on="0"/>
+        <pt x="414" y="1120" on="1"/>
+        <pt x="414" y="1233" on="0"/>
+        <pt x="389" y="1327" on="0"/>
+        <pt x="348" y="1327" on="1"/>
+        <pt x="311" y="1327" on="0"/>
+        <pt x="285" y="1239" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          49 44 29 12 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          58 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 37 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 20 28
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 3
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ellipsis" xMin="53" yMin="0" xMax="911" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="375" y="0" on="1"/>
+        <pt x="375" y="227" on="1"/>
+        <pt x="590" y="227" on="1"/>
+        <pt x="590" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="696" y="0" on="1"/>
+        <pt x="696" y="227" on="1"/>
+        <pt x="911" y="227" on="1"/>
+        <pt x="911" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="emdash" xMin="74" yMin="649" xMax="899" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="899" y="844" on="1"/>
+        <pt x="899" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="endash" xMin="74" yMin="649" xMax="733" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="733" y="844" on="1"/>
+        <pt x="733" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 24 0 13 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="equal" xMin="74" yMin="477" xMax="985" yMax="1036">
+      <contour>
+        <pt x="74" y="477" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="985" y="649" on="1"/>
+        <pt x="985" y="477" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="864" on="1"/>
+        <pt x="74" y="1036" on="1"/>
+        <pt x="985" y="1036" on="1"/>
+        <pt x="985" y="864" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eth" xMin="76" yMin="-16" xMax="606" yMax="1528">
+      <contour>
+        <pt x="76" y="279" on="1"/>
+        <pt x="76" y="858" on="1"/>
+        <pt x="76" y="1137" on="0"/>
+        <pt x="248" y="1137" on="1"/>
+        <pt x="311" y="1137" on="0"/>
+        <pt x="403" y="1059" on="1"/>
+        <pt x="391" y="1168" on="0"/>
+        <pt x="352" y="1262" on="1"/>
+        <pt x="270" y="1190" on="1"/>
+        <pt x="215" y="1253" on="1"/>
+        <pt x="315" y="1341" on="1"/>
+        <pt x="270" y="1407" on="1"/>
+        <pt x="379" y="1507" on="1"/>
+        <pt x="404" y="1480" on="0"/>
+        <pt x="432" y="1446" on="1"/>
+        <pt x="526" y="1528" on="1"/>
+        <pt x="582" y="1462" on="1"/>
+        <pt x="481" y="1374" on="1"/>
+        <pt x="606" y="1173" on="0"/>
+        <pt x="606" y="928" on="1"/>
+        <pt x="606" y="272" on="1"/>
+        <pt x="606" y="260" on="0"/>
+        <pt x="604" y="221" on="0"/>
+        <pt x="575" y="123" on="0"/>
+        <pt x="524" y="45" on="0"/>
+        <pt x="416" y="-16" on="0"/>
+        <pt x="340" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="156" y="45" on="0"/>
+        <pt x="106" y="131" on="0"/>
+        <pt x="78" y="217" on="0"/>
+        <pt x="78" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="272" y="279" on="0"/>
+        <pt x="268" y="256" on="0"/>
+        <pt x="276" y="221" on="0"/>
+        <pt x="289" y="188" on="0"/>
+        <pt x="319" y="166" on="0"/>
+        <pt x="340" y="166" on="1"/>
+        <pt x="410" y="176" on="0"/>
+        <pt x="412" y="279" on="1"/>
+        <pt x="412" y="842" on="1"/>
+        <pt x="410" y="842" on="0"/>
+        <pt x="414" y="864" on="0"/>
+        <pt x="406" y="899" on="0"/>
+        <pt x="393" y="932" on="0"/>
+        <pt x="362" y="956" on="0"/>
+        <pt x="340" y="956" on="1"/>
+        <pt x="272" y="946" on="0"/>
+        <pt x="270" y="842" on="1"/>
+        <pt x="270" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 8 9 11 33
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 10 12 26 32 41 46
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 42
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 46
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 8 14 16 17
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclam" xMin="74" yMin="0" xMax="313" yMax="1505">
+      <contour>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="313" y="1505" on="1"/>
+        <pt x="258" y="406" on="1"/>
+        <pt x="129" y="406" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="0" on="1"/>
+        <pt x="86" y="227" on="1"/>
+        <pt x="301" y="227" on="1"/>
+        <pt x="301" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclamdown" xMin="74" yMin="-385" xMax="313" yMax="1120">
+      <contour>
+        <pt x="74" y="-385" on="1"/>
+        <pt x="129" y="715" on="1"/>
+        <pt x="258" y="715" on="1"/>
+        <pt x="313" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="893" on="1"/>
+        <pt x="86" y="1120" on="1"/>
+        <pt x="301" y="1120" on="1"/>
+        <pt x="301" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="f" xMin="20" yMin="0" xMax="459" yMax="1513">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1137" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1202" on="0"/>
+        <pt x="129" y="1268" on="0"/>
+        <pt x="154" y="1386" on="0"/>
+        <pt x="199" y="1456" on="0"/>
+        <pt x="295" y="1513" on="0"/>
+        <pt x="362" y="1513" on="1"/>
+        <pt x="459" y="1499" on="1"/>
+        <pt x="459" y="1321" on="1"/>
+        <pt x="432" y="1329" on="0"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="331" y="1329" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1133" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 22 20 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          23 22 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 23 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="figuredash" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="five" xMin="74" yMin="-16" xMax="651" yMax="1505">
+      <contour>
+        <pt x="74" y="438" on="1"/>
+        <pt x="295" y="438" on="1"/>
+        <pt x="295" y="379" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="324" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="399" y="176" on="0"/>
+        <pt x="430" y="266" on="0"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="713" on="1"/>
+        <pt x="430" y="824" on="0"/>
+        <pt x="360" y="823" on="1"/>
+        <pt x="327" y="823" on="0"/>
+        <pt x="274" y="743" on="0"/>
+        <pt x="274" y="713" on="1"/>
+        <pt x="88" y="713" on="1"/>
+        <pt x="88" y="1505" on="1"/>
+        <pt x="623" y="1505" on="1"/>
+        <pt x="623" y="1286" on="1"/>
+        <pt x="279" y="1286" on="1"/>
+        <pt x="279" y="973" on="1"/>
+        <pt x="287" y="979" on="0"/>
+        <pt x="313" y="997" on="0"/>
+        <pt x="381" y="1026" on="0"/>
+        <pt x="406" y="1024" on="1"/>
+        <pt x="484" y="1024" on="0"/>
+        <pt x="594" y="944" on="0"/>
+        <pt x="637" y="825" on="0"/>
+        <pt x="651" y="743" on="0"/>
+        <pt x="651" y="713" on="1"/>
+        <pt x="651" y="377" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="284" y="-16" on="0"/>
+        <pt x="174" y="43" on="0"/>
+        <pt x="115" y="127" on="0"/>
+        <pt x="82" y="260" on="0"/>
+        <pt x="74" y="364" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          32 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 32 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          24 11 32 16 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          11 24 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 11 15 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 18 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="four" xMin="25" yMin="0" xMax="672" yMax="1505">
+      <contour>
+        <pt x="25" y="328" on="1"/>
+        <pt x="25" y="522" on="1"/>
+        <pt x="348" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="522" on="1"/>
+        <pt x="672" y="522" on="1"/>
+        <pt x="672" y="328" on="1"/>
+        <pt x="569" y="328" on="1"/>
+        <pt x="569" y="0" on="1"/>
+        <pt x="367" y="0" on="1"/>
+        <pt x="367" y="328" on="1"/>
+      </contour>
+      <contour>
+        <pt x="213" y="522" on="1"/>
+        <pt x="367" y="522" on="1"/>
+        <pt x="367" y="993" on="1"/>
+        <pt x="367" y="1038" on="1"/>
+        <pt x="354" y="1038" on="1"/>
+        <pt x="342" y="993" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          10 11 9 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 8 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 8 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="g" xMin="12" yMin="-401" xMax="698" yMax="1137">
+      <contour>
+        <pt x="12" y="-184" on="1"/>
+        <pt x="12" y="-90" on="0"/>
+        <pt x="174" y="-14" on="1"/>
+        <pt x="49" y="21" on="0"/>
+        <pt x="49" y="135" on="1"/>
+        <pt x="49" y="180" on="0"/>
+        <pt x="129" y="276" on="0"/>
+        <pt x="178" y="303" on="1"/>
+        <pt x="127" y="338" on="0"/>
+        <pt x="68" y="459" on="0"/>
+        <pt x="63" y="504" on="1"/>
+        <pt x="59" y="547" on="1"/>
+        <pt x="59" y="852" on="1"/>
+        <pt x="59" y="864" on="0"/>
+        <pt x="63" y="901" on="0"/>
+        <pt x="92" y="999" on="0"/>
+        <pt x="141" y="1075" on="0"/>
+        <pt x="250" y="1137" on="0"/>
+        <pt x="322" y="1137" on="1"/>
+        <pt x="457" y="1137" on="0"/>
+        <pt x="528" y="1034" on="1"/>
+        <pt x="630" y="1136" on="0"/>
+        <pt x="698" y="1137" on="1"/>
+        <pt x="698" y="952" on="1"/>
+        <pt x="626" y="952" on="0"/>
+        <pt x="578" y="928" on="1"/>
+        <pt x="588" y="858" on="1"/>
+        <pt x="588" y="541" on="1"/>
+        <pt x="588" y="531" on="0"/>
+        <pt x="584" y="492" on="0"/>
+        <pt x="553" y="397" on="0"/>
+        <pt x="504" y="324" on="0"/>
+        <pt x="395" y="264" on="0"/>
+        <pt x="322" y="264" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="283" y="266" on="1"/>
+        <pt x="254" y="241" on="0"/>
+        <pt x="254" y="215" on="1"/>
+        <pt x="254" y="199" on="0"/>
+        <pt x="276" y="174" on="0"/>
+        <pt x="338" y="158" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="412" y="145" on="1"/>
+        <pt x="469" y="137" on="0"/>
+        <pt x="557" y="111" on="0"/>
+        <pt x="647" y="55" on="0"/>
+        <pt x="698" y="-45" on="0"/>
+        <pt x="698" y="-115" on="1"/>
+        <pt x="698" y="-267" on="0"/>
+        <pt x="492" y="-401" on="0"/>
+        <pt x="344" y="-401" on="1"/>
+        <pt x="180" y="-397" on="0"/>
+        <pt x="12" y="-301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="213" y="-150" on="1"/>
+        <pt x="213" y="-228" on="0"/>
+        <pt x="348" y="-227" on="1"/>
+        <pt x="407" y="-227" on="0"/>
+        <pt x="506" y="-188" on="0"/>
+        <pt x="506" y="-152" on="1"/>
+        <pt x="506" y="-119" on="0"/>
+        <pt x="465" y="-84" on="0"/>
+        <pt x="395" y="-72" on="1"/>
+        <pt x="289" y="-51" on="1"/>
+        <pt x="213" y="-95" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="509" on="1"/>
+        <pt x="262" y="492" on="0"/>
+        <pt x="293" y="436" on="0"/>
+        <pt x="322" y="436" on="1"/>
+        <pt x="385" y="442" on="0"/>
+        <pt x="385" y="537" on="1"/>
+        <pt x="385" y="844" on="1"/>
+        <pt x="384" y="845" on="0"/>
+        <pt x="384" y="850" on="0"/>
+        <pt x="386" y="860" on="0"/>
+        <pt x="386" y="861" on="1"/>
+        <pt x="386" y="869" on="0"/>
+        <pt x="383" y="880" on="1"/>
+        <pt x="379" y="895" on="0"/>
+        <pt x="369" y="926" on="0"/>
+        <pt x="342" y="946" on="0"/>
+        <pt x="322" y="946" on="1"/>
+        <pt x="293" y="946" on="0"/>
+        <pt x="262" y="895" on="0"/>
+        <pt x="262" y="868" on="1"/>
+        <pt x="262" y="844" on="1"/>
+        <pt x="262" y="537" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          80 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          55 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          67 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          86
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          85 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          85
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          58 27 69 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          87 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 2
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 85
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          33 35 41 62 18 80
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 58
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 4 37 47 53 62
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          80
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="germandbls" xMin="66" yMin="0" xMax="680" yMax="1522">
+      <contour>
+        <pt x="66" y="0" on="1"/>
+        <pt x="66" y="1235" on="1"/>
+        <pt x="66" y="1358" on="0"/>
+        <pt x="207" y="1522" on="0"/>
+        <pt x="346" y="1522" on="1"/>
+        <pt x="479" y="1522" on="0"/>
+        <pt x="616" y="1360" on="0"/>
+        <pt x="616" y="1237" on="1"/>
+        <pt x="616" y="1128" on="0"/>
+        <pt x="528" y="1063" on="1"/>
+        <pt x="680" y="975" on="0"/>
+        <pt x="680" y="575" on="1"/>
+        <pt x="680" y="393" on="0"/>
+        <pt x="639" y="160" on="0"/>
+        <pt x="547" y="41" on="0"/>
+        <pt x="434" y="0" on="0"/>
+        <pt x="346" y="0" on="1"/>
+        <pt x="346" y="193" on="1"/>
+        <pt x="391" y="193" on="0"/>
+        <pt x="442" y="244" on="0"/>
+        <pt x="473" y="416" on="0"/>
+        <pt x="473" y="575" on="1"/>
+        <pt x="473" y="745" on="0"/>
+        <pt x="442" y="924" on="0"/>
+        <pt x="391" y="979" on="0"/>
+        <pt x="346" y="979" on="1"/>
+        <pt x="346" y="1120" on="1"/>
+        <pt x="381" y="1120" on="0"/>
+        <pt x="432" y="1186" on="0"/>
+        <pt x="432" y="1237" on="1"/>
+        <pt x="432" y="1282" on="0"/>
+        <pt x="389" y="1337" on="0"/>
+        <pt x="346" y="1337" on="1"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="272" y="1235" on="1"/>
+        <pt x="272" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          26 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="grave" xMin="293" yMin="1305" xMax="614" yMax="1489">
+      <contour>
+        <pt x="293" y="1489" on="1"/>
+        <pt x="508" y="1489" on="1"/>
+        <pt x="614" y="1305" on="1"/>
+        <pt x="455" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="greater" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="174" on="1"/>
+        <pt x="74" y="373" on="1"/>
+        <pt x="772" y="729" on="1"/>
+        <pt x="74" y="1085" on="1"/>
+        <pt x="74" y="1284" on="1"/>
+        <pt x="985" y="809" on="1"/>
+        <pt x="985" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="h" xMin="82" yMin="0" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hungarumlaut" xMin="215" yMin="1305" xMax="840" yMax="1489">
+      <contour>
+        <pt x="215" y="1305" on="1"/>
+        <pt x="322" y="1489" on="1"/>
+        <pt x="537" y="1489" on="1"/>
+        <pt x="375" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="518" y="1305" on="1"/>
+        <pt x="625" y="1489" on="1"/>
+        <pt x="840" y="1489" on="1"/>
+        <pt x="678" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hyphen" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="i" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1298" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="iacute" xMin="82" yMin="0" xMax="403" yMax="1489">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1305" on="1"/>
+        <pt x="188" y="1489" on="1"/>
+        <pt x="403" y="1489" on="1"/>
+        <pt x="242" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1489">
+      <contour>
+        <pt x="-66" y="1305" on="1"/>
+        <pt x="76" y="1489" on="1"/>
+        <pt x="295" y="1489" on="1"/>
+        <pt x="436" y="1305" on="1"/>
+        <pt x="248" y="1305" on="1"/>
+        <pt x="184" y="1376" on="1"/>
+        <pt x="123" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="idieresis" xMin="-53" yMin="0" xMax="426" yMax="1505">
+      <contour>
+        <pt x="-53" y="1305" on="1"/>
+        <pt x="-53" y="1505" on="1"/>
+        <pt x="137" y="1505" on="1"/>
+        <pt x="137" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1305" on="1"/>
+        <pt x="236" y="1505" on="1"/>
+        <pt x="426" y="1505" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="igrave" xMin="-33" yMin="0" xMax="289" yMax="1489">
+      <contour>
+        <pt x="-33" y="1489" on="1"/>
+        <pt x="182" y="1489" on="1"/>
+        <pt x="289" y="1305" on="1"/>
+        <pt x="129" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="j" xMin="-45" yMin="-385" xMax="283" yMax="1505">
+      <contour>
+        <pt x="-45" y="-182" on="1"/>
+        <pt x="-16" y="-190" on="0"/>
+        <pt x="12" y="-190" on="1"/>
+        <pt x="76" y="-190" on="0"/>
+        <pt x="76" y="-48" on="1"/>
+        <pt x="76" y="-45" on="0"/>
+        <pt x="76" y="-30" on="0"/>
+        <pt x="76" y="-27" on="1"/>
+        <pt x="76" y="1120" on="1"/>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="-29" on="1"/>
+        <pt x="283" y="-80" on="0"/>
+        <pt x="279" y="-145" on="0"/>
+        <pt x="254" y="-260" on="0"/>
+        <pt x="209" y="-330" on="0"/>
+        <pt x="113" y="-385" on="0"/>
+        <pt x="45" y="-385" on="1"/>
+        <pt x="16" y="-385" on="0"/>
+        <pt x="-29" y="-379" on="0"/>
+        <pt x="-37" y="-377" on="1"/>
+        <pt x="-45" y="-373" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="1298" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="283" y="1505" on="1"/>
+        <pt x="283" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="k" xMin="82" yMin="0" xMax="637" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="827" on="1"/>
+        <pt x="289" y="791" on="1"/>
+        <pt x="299" y="791" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="412" y="1120" on="1"/>
+        <pt x="598" y="1120" on="1"/>
+        <pt x="449" y="756" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="438" y="0" on="1"/>
+        <pt x="336" y="453" on="1"/>
+        <pt x="332" y="469" on="1"/>
+        <pt x="322" y="469" on="1"/>
+        <pt x="315" y="453" on="1"/>
+        <pt x="289" y="387" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="l" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="less" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="809" on="1"/>
+        <pt x="985" y="1284" on="1"/>
+        <pt x="985" y="1085" on="1"/>
+        <pt x="287" y="729" on="1"/>
+        <pt x="985" y="373" on="1"/>
+        <pt x="985" y="174" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="lslash" xMin="31" yMin="0" xMax="438" yMax="1505">
+      <contour>
+        <pt x="31" y="561" on="1"/>
+        <pt x="31" y="782" on="1"/>
+        <pt x="131" y="860" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="338" y="1505" on="1"/>
+        <pt x="338" y="1022" on="1"/>
+        <pt x="438" y="1100" on="1"/>
+        <pt x="438" y="879" on="1"/>
+        <pt x="338" y="801" on="1"/>
+        <pt x="338" y="0" on="1"/>
+        <pt x="131" y="0" on="1"/>
+        <pt x="131" y="639" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="m" xMin="82" yMin="0" xMax="944" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="291" y="1026" on="0"/>
+        <pt x="352" y="1087" on="0"/>
+        <pt x="428" y="1137" on="0"/>
+        <pt x="461" y="1137" on="1"/>
+        <pt x="561" y="1137" on="0"/>
+        <pt x="600" y="1012" on="1"/>
+        <pt x="604" y="1016" on="0"/>
+        <pt x="682" y="1090" on="0"/>
+        <pt x="756" y="1137" on="0"/>
+        <pt x="788" y="1137" on="1"/>
+        <pt x="864" y="1137" on="0"/>
+        <pt x="944" y="999" on="0"/>
+        <pt x="944" y="918" on="1"/>
+        <pt x="944" y="0" on="1"/>
+        <pt x="750" y="0" on="1"/>
+        <pt x="750" y="887" on="1"/>
+        <pt x="750" y="936" on="0"/>
+        <pt x="694" y="936" on="1"/>
+        <pt x="653" y="936" on="0"/>
+        <pt x="616" y="883" on="1"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="422" y="0" on="1"/>
+        <pt x="422" y="887" on="1"/>
+        <pt x="422" y="936" on="0"/>
+        <pt x="367" y="936" on="1"/>
+        <pt x="326" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 24
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="macron" xMin="313" yMin="1315" xMax="711" yMax="1477">
+      <contour>
+        <pt x="313" y="1315" on="1"/>
+        <pt x="313" y="1477" on="1"/>
+        <pt x="711" y="1477" on="1"/>
+        <pt x="711" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="minus" xMin="74" yMin="649" xMax="702" yMax="821">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="702" y="821" on="1"/>
+        <pt x="702" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="n" xMin="82" yMin="0" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nine" xMin="57" yMin="-16" xMax="635" yMax="1522">
+      <contour>
+        <pt x="57" y="340" on="1"/>
+        <pt x="57" y="434" on="1"/>
+        <pt x="279" y="434" on="1"/>
+        <pt x="279" y="272" on="0"/>
+        <pt x="301" y="176" on="0"/>
+        <pt x="346" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="414" y="250" on="0"/>
+        <pt x="414" y="340" on="1"/>
+        <pt x="414" y="623" on="1"/>
+        <pt x="355" y="586" on="0"/>
+        <pt x="303" y="586" on="1"/>
+        <pt x="223" y="586" on="0"/>
+        <pt x="117" y="657" on="0"/>
+        <pt x="72" y="772" on="0"/>
+        <pt x="57" y="860" on="0"/>
+        <pt x="57" y="903" on="1"/>
+        <pt x="57" y="1196" on="1"/>
+        <pt x="57" y="1237" on="0"/>
+        <pt x="74" y="1323" on="0"/>
+        <pt x="125" y="1444" on="0"/>
+        <pt x="252" y="1522" on="0"/>
+        <pt x="440" y="1522" on="0"/>
+        <pt x="567" y="1444" on="0"/>
+        <pt x="618" y="1323" on="0"/>
+        <pt x="635" y="1237" on="0"/>
+        <pt x="635" y="1196" on="1"/>
+        <pt x="635" y="340" on="1"/>
+        <pt x="635" y="-16" on="0"/>
+        <pt x="57" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="279" y="825" on="1"/>
+        <pt x="279" y="807" on="0"/>
+        <pt x="315" y="758" on="0"/>
+        <pt x="377" y="758" on="0"/>
+        <pt x="412" y="799" on="0"/>
+        <pt x="414" y="819" on="1"/>
+        <pt x="414" y="1262" on="1"/>
+        <pt x="414" y="1282" on="0"/>
+        <pt x="379" y="1329" on="0"/>
+        <pt x="346" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="279" y="1280" on="0"/>
+        <pt x="279" y="1262" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 33 29 22 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="ntilde" xMin="82" yMin="0" xMax="612" yMax="1495">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="147" y="1305" on="1"/>
+        <pt x="147" y="1456" on="1"/>
+        <pt x="196" y="1495" on="0"/>
+        <pt x="256" y="1495" on="1"/>
+        <pt x="289" y="1495" on="0"/>
+        <pt x="406" y="1458" on="0"/>
+        <pt x="436" y="1456" on="1"/>
+        <pt x="461" y="1456" on="0"/>
+        <pt x="516" y="1473" on="0"/>
+        <pt x="530" y="1481" on="1"/>
+        <pt x="545" y="1489" on="1"/>
+        <pt x="545" y="1337" on="1"/>
+        <pt x="494" y="1298" on="0"/>
+        <pt x="436" y="1298" on="1"/>
+        <pt x="405" y="1298" on="0"/>
+        <pt x="289" y="1337" on="0"/>
+        <pt x="256" y="1337" on="1"/>
+        <pt x="231" y="1337" on="0"/>
+        <pt x="176" y="1321" on="0"/>
+        <pt x="162" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 22 35
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 29 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="numbersign" xMin="49" yMin="0" xMax="1184" yMax="1505">
+      <contour>
+        <pt x="49" y="438" on="1"/>
+        <pt x="76" y="633" on="1"/>
+        <pt x="274" y="633" on="1"/>
+        <pt x="311" y="891" on="1"/>
+        <pt x="115" y="891" on="1"/>
+        <pt x="141" y="1085" on="1"/>
+        <pt x="338" y="1085" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="592" y="1505" on="1"/>
+        <pt x="535" y="1085" on="1"/>
+        <pt x="795" y="1085" on="1"/>
+        <pt x="852" y="1505" on="1"/>
+        <pt x="1049" y="1505" on="1"/>
+        <pt x="991" y="1085" on="1"/>
+        <pt x="1184" y="1085" on="1"/>
+        <pt x="1157" y="891" on="1"/>
+        <pt x="965" y="891" on="1"/>
+        <pt x="928" y="633" on="1"/>
+        <pt x="1118" y="633" on="1"/>
+        <pt x="1092" y="438" on="1"/>
+        <pt x="901" y="438" on="1"/>
+        <pt x="842" y="0" on="1"/>
+        <pt x="645" y="0" on="1"/>
+        <pt x="705" y="438" on="1"/>
+        <pt x="444" y="438" on="1"/>
+        <pt x="385" y="0" on="1"/>
+        <pt x="188" y="0" on="1"/>
+        <pt x="248" y="438" on="1"/>
+      </contour>
+      <contour>
+        <pt x="471" y="633" on="1"/>
+        <pt x="731" y="633" on="1"/>
+        <pt x="768" y="891" on="1"/>
+        <pt x="508" y="891" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 25
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 11 12
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 17 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          20 23 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 16 30 31
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          6 9 10 13
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16218 -2326 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16235 -2203 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          20 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          24 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          27 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          28 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 8 19
+          CALL[ ]
+          SPVTCA[1]
+          NPUSHB[ ]  /* 16 values pushed */
+          2 3 6 9 10 13 16 17 20 23 24 27 28 29 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="o" xMin="63" yMin="-16" xMax="594" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="257" y="259" on="1"/>
+        <pt x="257" y="250" on="0"/>
+        <pt x="260" y="239" on="1"/>
+        <pt x="264" y="222" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="399" y="853" on="1"/>
+        <pt x="400" y="857" on="0"/>
+        <pt x="400" y="861" on="1"/>
+        <pt x="400" y="870" on="0"/>
+        <pt x="397" y="882" on="1"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="259" y="278" on="0"/>
+        <pt x="259" y="272" on="0"/>
+        <pt x="257" y="260" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 34 35
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oacute" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="367" y="1489" on="1"/>
+        <pt x="582" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 7 33 42 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 44 45
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ocircumflex" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="219" y="1489" on="1"/>
+        <pt x="438" y="1489" on="1"/>
+        <pt x="580" y="1305" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="328" y="1376" on="1"/>
+        <pt x="266" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          48 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 25
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 28 30 7 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 26 27
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="odieresis" xMin="63" yMin="-16" xMax="594" yMax="1505">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          25 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          18 7 42
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oe" xMin="63" yMin="-16" xMax="936" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="566" y="1136" on="0"/>
+        <pt x="670" y="1137" on="1"/>
+        <pt x="869" y="1137" on="0"/>
+        <pt x="922" y="940" on="1"/>
+        <pt x="936" y="889" on="0"/>
+        <pt x="936" y="848" on="1"/>
+        <pt x="936" y="522" on="1"/>
+        <pt x="594" y="522" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="256" on="0"/>
+        <pt x="602" y="215" on="0"/>
+        <pt x="639" y="166" on="0"/>
+        <pt x="670" y="166" on="1"/>
+        <pt x="740" y="176" on="0"/>
+        <pt x="743" y="279" on="1"/>
+        <pt x="743" y="401" on="1"/>
+        <pt x="936" y="401" on="1"/>
+        <pt x="936" y="272" on="1"/>
+        <pt x="936" y="260" on="0"/>
+        <pt x="932" y="221" on="0"/>
+        <pt x="903" y="123" on="0"/>
+        <pt x="854" y="45" on="0"/>
+        <pt x="743" y="-16" on="0"/>
+        <pt x="668" y="-16" on="1"/>
+        <pt x="562" y="-16" on="0"/>
+        <pt x="498" y="41" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="594" y="684" on="1"/>
+        <pt x="743" y="684" on="1"/>
+        <pt x="743" y="842" on="1"/>
+        <pt x="743" y="854" on="0"/>
+        <pt x="741" y="893" on="0"/>
+        <pt x="705" y="956" on="0"/>
+        <pt x="670" y="956" on="1"/>
+        <pt x="627" y="956" on="0"/>
+        <pt x="594" y="881" on="0"/>
+        <pt x="594" y="848" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          37 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          48 37 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 48 25 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          61 17 37 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          71
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          60 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          72 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          37 7 52 57
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 35 53
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 61
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ogonek" xMin="348" yMin="-385" xMax="678" yMax="0">
+      <contour>
+        <pt x="348" y="-211" on="1"/>
+        <pt x="348" y="-107" on="0"/>
+        <pt x="475" y="-6" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="582" y="0" on="1"/>
+        <pt x="572" y="-8" on="0"/>
+        <pt x="541" y="-37" on="0"/>
+        <pt x="489" y="-127" on="0"/>
+        <pt x="489" y="-170" on="1"/>
+        <pt x="489" y="-211" on="0"/>
+        <pt x="551" y="-248" on="0"/>
+        <pt x="633" y="-248" on="0"/>
+        <pt x="678" y="-229" on="1"/>
+        <pt x="662" y="-367" on="1"/>
+        <pt x="607" y="-385" on="0"/>
+        <pt x="557" y="-385" on="1"/>
+        <pt x="461" y="-385" on="0"/>
+        <pt x="348" y="-283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          8 16 0 29 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ograve" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="1489" on="1"/>
+        <pt x="313" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+        <pt x="260" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 25 27 7 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 26
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="one" xMin="25" yMin="0" xMax="393" yMax="1505">
+      <contour>
+        <pt x="25" y="1180" on="1"/>
+        <pt x="25" y="1321" on="1"/>
+        <pt x="76" y="1331" on="0"/>
+        <pt x="162" y="1376" on="0"/>
+        <pt x="213" y="1427" on="0"/>
+        <pt x="248" y="1475" on="0"/>
+        <pt x="254" y="1491" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="393" y="1505" on="1"/>
+        <pt x="393" y="0" on="1"/>
+        <pt x="172" y="0" on="1"/>
+        <pt x="172" y="1180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 10 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oslash" xMin="63" yMin="-78" xMax="594" yMax="1198">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="379" y="1137" on="0"/>
+        <pt x="434" y="1118" on="1"/>
+        <pt x="455" y="1198" on="1"/>
+        <pt x="530" y="1198" on="1"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="588" y="993" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="271" y="-16" on="0"/>
+        <pt x="225" y="0" on="1"/>
+        <pt x="205" y="-78" on="1"/>
+        <pt x="125" y="-78" on="1"/>
+        <pt x="156" y="43" on="1"/>
+        <pt x="115" y="82" on="0"/>
+        <pt x="68" y="199" on="0"/>
+        <pt x="66" y="238" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="436" on="1"/>
+        <pt x="383" y="922" on="1"/>
+        <pt x="365" y="957" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="274" y="197" on="1"/>
+        <pt x="290" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="682" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          24 30 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          24 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          10 15 40 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15847 -4160 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 34
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 34
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 24 11 19
+          CALL[ ]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          23 24 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          26 25 10 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          30 25 10 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          36 24 11 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          41 24 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          26 25 10
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 24 11
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          SVTCA[0]
+          NPUSHB[ ]  /* 11 values pushed */
+          9 10 11 12 24 25 26 30 31 36 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 6 values pushed */
+          9 12 23 26 31 36
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="otilde" xMin="63" yMin="-16" xMax="594" yMax="1495">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="131" y="1305" on="1"/>
+        <pt x="131" y="1456" on="1"/>
+        <pt x="180" y="1495" on="0"/>
+        <pt x="240" y="1495" on="1"/>
+        <pt x="273" y="1495" on="0"/>
+        <pt x="389" y="1458" on="0"/>
+        <pt x="420" y="1456" on="1"/>
+        <pt x="445" y="1456" on="0"/>
+        <pt x="500" y="1473" on="0"/>
+        <pt x="514" y="1481" on="1"/>
+        <pt x="528" y="1489" on="1"/>
+        <pt x="528" y="1337" on="1"/>
+        <pt x="477" y="1298" on="0"/>
+        <pt x="420" y="1298" on="1"/>
+        <pt x="389" y="1298" on="0"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="240" y="1337" on="1"/>
+        <pt x="215" y="1337" on="0"/>
+        <pt x="160" y="1321" on="0"/>
+        <pt x="145" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          61 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          24 27 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 29 7 53
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 34 37
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="p" xMin="82" yMin="-385" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenleft" xMin="66" yMin="-297" xMax="520" yMax="1589">
+      <contour>
+        <pt x="66" y="502" on="0"/>
+        <pt x="66" y="788" on="0"/>
+        <pt x="125" y="1087" on="0"/>
+        <pt x="213" y="1311" on="0"/>
+        <pt x="299" y="1495" on="0"/>
+        <pt x="328" y="1542" on="1"/>
+        <pt x="358" y="1589" on="1"/>
+        <pt x="520" y="1505" on="1"/>
+        <pt x="510" y="1491" on="0"/>
+        <pt x="475" y="1438" on="0"/>
+        <pt x="385" y="1262" on="0"/>
+        <pt x="317" y="1073" on="0"/>
+        <pt x="262" y="786" on="0"/>
+        <pt x="262" y="504" on="0"/>
+        <pt x="315" y="221" on="0"/>
+        <pt x="391" y="23" on="0"/>
+        <pt x="467" y="-135" on="0"/>
+        <pt x="494" y="-174" on="1"/>
+        <pt x="520" y="-213" on="1"/>
+        <pt x="358" y="-297" on="1"/>
+        <pt x="346" y="-279" on="0"/>
+        <pt x="307" y="-215" on="0"/>
+        <pt x="207" y="-12" on="0"/>
+        <pt x="129" y="199" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenright" xMin="41" yMin="-297" xMax="496" yMax="1589">
+      <contour>
+        <pt x="41" y="-213" on="1"/>
+        <pt x="51" y="-199" on="0"/>
+        <pt x="86" y="-145" on="0"/>
+        <pt x="176" y="31" on="0"/>
+        <pt x="244" y="217" on="0"/>
+        <pt x="299" y="504" on="0"/>
+        <pt x="299" y="786" on="0"/>
+        <pt x="246" y="1069" on="0"/>
+        <pt x="170" y="1268" on="0"/>
+        <pt x="94" y="1427" on="0"/>
+        <pt x="68" y="1466" on="1"/>
+        <pt x="41" y="1505" on="1"/>
+        <pt x="203" y="1589" on="1"/>
+        <pt x="215" y="1571" on="0"/>
+        <pt x="254" y="1507" on="0"/>
+        <pt x="354" y="1303" on="0"/>
+        <pt x="432" y="1094" on="0"/>
+        <pt x="496" y="788" on="0"/>
+        <pt x="496" y="502" on="0"/>
+        <pt x="436" y="203" on="0"/>
+        <pt x="348" y="-20" on="0"/>
+        <pt x="262" y="-203" on="0"/>
+        <pt x="233" y="-250" on="1"/>
+        <pt x="203" y="-297" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="percent" xMin="55" yMin="-16" xMax="948" yMax="1522">
+      <contour>
+        <pt x="55" y="911" on="1"/>
+        <pt x="55" y="1348" on="1"/>
+        <pt x="55" y="1354" on="0"/>
+        <pt x="57" y="1378" on="0"/>
+        <pt x="74" y="1438" on="0"/>
+        <pt x="104" y="1485" on="0"/>
+        <pt x="170" y="1522" on="0"/>
+        <pt x="215" y="1522" on="1"/>
+        <pt x="285" y="1522" on="0"/>
+        <pt x="365" y="1434" on="0"/>
+        <pt x="369" y="1391" on="1"/>
+        <pt x="373" y="1348" on="1"/>
+        <pt x="373" y="911" on="1"/>
+        <pt x="373" y="905" on="0"/>
+        <pt x="371" y="881" on="0"/>
+        <pt x="354" y="819" on="0"/>
+        <pt x="324" y="774" on="0"/>
+        <pt x="260" y="735" on="0"/>
+        <pt x="215" y="735" on="1"/>
+        <pt x="86" y="735" on="0"/>
+        <pt x="59" y="870" on="1"/>
+      </contour>
+      <contour>
+        <pt x="158" y="0" on="1"/>
+        <pt x="711" y="1505" on="1"/>
+        <pt x="842" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="178" y="911" on="1"/>
+        <pt x="174" y="856" on="0"/>
+        <pt x="215" y="856" on="1"/>
+        <pt x="231" y="856" on="0"/>
+        <pt x="250" y="885" on="0"/>
+        <pt x="250" y="897" on="1"/>
+        <pt x="250" y="911" on="1"/>
+        <pt x="250" y="1348" on="1"/>
+        <pt x="252" y="1403" on="0"/>
+        <pt x="215" y="1403" on="1"/>
+        <pt x="197" y="1403" on="0"/>
+        <pt x="178" y="1376" on="0"/>
+        <pt x="178" y="1362" on="1"/>
+        <pt x="178" y="1348" on="1"/>
+      </contour>
+      <contour>
+        <pt x="631" y="158" on="1"/>
+        <pt x="631" y="594" on="1"/>
+        <pt x="631" y="600" on="0"/>
+        <pt x="633" y="625" on="0"/>
+        <pt x="649" y="686" on="0"/>
+        <pt x="680" y="731" on="0"/>
+        <pt x="745" y="770" on="0"/>
+        <pt x="791" y="770" on="1"/>
+        <pt x="916" y="770" on="0"/>
+        <pt x="944" y="635" on="1"/>
+        <pt x="948" y="594" on="1"/>
+        <pt x="948" y="158" on="1"/>
+        <pt x="948" y="152" on="0"/>
+        <pt x="946" y="127" on="0"/>
+        <pt x="930" y="68" on="0"/>
+        <pt x="899" y="20" on="0"/>
+        <pt x="836" y="-16" on="0"/>
+        <pt x="791" y="-16" on="1"/>
+        <pt x="719" y="-16" on="0"/>
+        <pt x="639" y="70" on="0"/>
+        <pt x="635" y="115" on="1"/>
+      </contour>
+      <contour>
+        <pt x="754" y="158" on="1"/>
+        <pt x="750" y="101" on="0"/>
+        <pt x="791" y="100" on="1"/>
+        <pt x="828" y="100" on="0"/>
+        <pt x="825" y="158" on="1"/>
+        <pt x="825" y="594" on="1"/>
+        <pt x="827" y="649" on="0"/>
+        <pt x="791" y="649" on="1"/>
+        <pt x="773" y="649" on="0"/>
+        <pt x="754" y="623" on="0"/>
+        <pt x="754" y="608" on="1"/>
+        <pt x="754" y="594" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          62 5 0 53 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          34 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 46 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 5 0 51 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 18 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 5 0 51 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          72
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          73 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 27 34
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 24
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 42
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 46 67
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 52
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="period" xMin="53" yMin="0" xMax="268" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="periodcentered" xMin="0" yMin="649" xMax="215" yMax="877">
+      <contour>
+        <pt x="0" y="649" on="1"/>
+        <pt x="0" y="877" on="1"/>
+        <pt x="215" y="877" on="1"/>
+        <pt x="215" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="plus" xMin="74" yMin="303" xMax="987" yMax="1167">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="444" y="821" on="1"/>
+        <pt x="444" y="1167" on="1"/>
+        <pt x="616" y="1167" on="1"/>
+        <pt x="616" y="821" on="1"/>
+        <pt x="987" y="821" on="1"/>
+        <pt x="987" y="649" on="1"/>
+        <pt x="616" y="649" on="1"/>
+        <pt x="616" y="303" on="1"/>
+        <pt x="444" y="303" on="1"/>
+        <pt x="444" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 3 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="q" xMin="74" yMin="-385" xMax="604" yMax="1137">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1120" on="1"/>
+        <pt x="604" y="1120" on="1"/>
+        <pt x="604" y="-385" on="1"/>
+        <pt x="397" y="-385" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="221" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="903" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="question" xMin="25" yMin="0" xMax="604" yMax="1513">
+      <contour>
+        <pt x="25" y="1260" on="1"/>
+        <pt x="37" y="1293" on="0"/>
+        <pt x="80" y="1364" on="0"/>
+        <pt x="156" y="1456" on="0"/>
+        <pt x="272" y="1516" on="0"/>
+        <pt x="338" y="1513" on="1"/>
+        <pt x="420" y="1511" on="0"/>
+        <pt x="532" y="1448" on="0"/>
+        <pt x="584" y="1348" on="0"/>
+        <pt x="604" y="1266" on="0"/>
+        <pt x="604" y="1227" on="1"/>
+        <pt x="604" y="1145" on="0"/>
+        <pt x="524" y="1008" on="1"/>
+        <pt x="485" y="945" on="0"/>
+        <pt x="449" y="881" on="0"/>
+        <pt x="401" y="731" on="0"/>
+        <pt x="401" y="662" on="1"/>
+        <pt x="401" y="406" on="1"/>
+        <pt x="211" y="406" on="1"/>
+        <pt x="211" y="662" on="1"/>
+        <pt x="211" y="764" on="0"/>
+        <pt x="260" y="950" on="0"/>
+        <pt x="307" y="1044" on="0"/>
+        <pt x="348" y="1114" on="1"/>
+        <pt x="391" y="1186" on="0"/>
+        <pt x="401" y="1227" on="1"/>
+        <pt x="407" y="1254" on="0"/>
+        <pt x="373" y="1321" on="0"/>
+        <pt x="334" y="1321" on="1"/>
+        <pt x="287" y="1323" on="0"/>
+        <pt x="217" y="1225" on="0"/>
+        <pt x="203" y="1176" on="1"/>
+      </contour>
+      <contour>
+        <pt x="199" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="414" y="227" on="1"/>
+        <pt x="199" y="227" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 11
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="questiondown" xMin="41" yMin="-393" xMax="621" yMax="1120">
+      <contour>
+        <pt x="41" y="-106" on="1"/>
+        <pt x="41" y="-24" on="0"/>
+        <pt x="121" y="113" on="1"/>
+        <pt x="160" y="176" on="0"/>
+        <pt x="197" y="240" on="0"/>
+        <pt x="244" y="389" on="0"/>
+        <pt x="244" y="459" on="1"/>
+        <pt x="244" y="715" on="1"/>
+        <pt x="434" y="715" on="1"/>
+        <pt x="434" y="459" on="1"/>
+        <pt x="434" y="357" on="0"/>
+        <pt x="385" y="170" on="0"/>
+        <pt x="338" y="76" on="0"/>
+        <pt x="297" y="6" on="1"/>
+        <pt x="254" y="-66" on="0"/>
+        <pt x="244" y="-106" on="1"/>
+        <pt x="238" y="-133" on="0"/>
+        <pt x="272" y="-201" on="0"/>
+        <pt x="311" y="-201" on="1"/>
+        <pt x="358" y="-203" on="0"/>
+        <pt x="428" y="-104" on="0"/>
+        <pt x="442" y="-55" on="1"/>
+        <pt x="621" y="-139" on="1"/>
+        <pt x="609" y="-172" on="0"/>
+        <pt x="565" y="-244" on="0"/>
+        <pt x="489" y="-336" on="0"/>
+        <pt x="373" y="-395" on="0"/>
+        <pt x="307" y="-393" on="1"/>
+        <pt x="225" y="-391" on="0"/>
+        <pt x="113" y="-328" on="0"/>
+        <pt x="61" y="-227" on="0"/>
+        <pt x="41" y="-145" on="0"/>
+      </contour>
+      <contour>
+        <pt x="231" y="893" on="1"/>
+        <pt x="231" y="1120" on="1"/>
+        <pt x="446" y="1120" on="1"/>
+        <pt x="446" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          33 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 7 21 22
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedbl" xMin="57" yMin="954" xMax="272" yMax="1505">
+      <contour>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="242" y="954" on="1"/>
+        <pt x="88" y="954" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 8 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblbase" xMin="53" yMin="-266" xMax="571" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+        <pt x="156" y="-266" on="1"/>
+        <pt x="53" y="-266" on="1"/>
+        <pt x="125" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="0" on="1"/>
+        <pt x="356" y="227" on="1"/>
+        <pt x="571" y="227" on="1"/>
+        <pt x="571" y="0" on="1"/>
+        <pt x="459" y="-266" on="1"/>
+        <pt x="356" y="-266" on="1"/>
+        <pt x="428" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 4 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblleft" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="53" y="1239" on="1"/>
+        <pt x="166" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="197" y="1239" on="1"/>
+        <pt x="268" y="1239" on="1"/>
+        <pt x="268" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="356" y="1239" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="500" y="1239" on="1"/>
+        <pt x="571" y="1239" on="1"/>
+        <pt x="571" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblright" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="125" y="1278" on="1"/>
+        <pt x="53" y="1278" on="1"/>
+        <pt x="53" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1278" on="1"/>
+        <pt x="156" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="428" y="1278" on="1"/>
+        <pt x="356" y="1278" on="1"/>
+        <pt x="356" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="571" y="1278" on="1"/>
+        <pt x="459" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 2 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteleft" xMin="49" yMin="1012" xMax="264" yMax="1505">
+      <contour>
+        <pt x="49" y="1012" on="1"/>
+        <pt x="49" y="1239" on="1"/>
+        <pt x="162" y="1505" on="1"/>
+        <pt x="264" y="1505" on="1"/>
+        <pt x="193" y="1239" on="1"/>
+        <pt x="264" y="1239" on="1"/>
+        <pt x="264" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteright" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesinglbase" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesingle" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="r" xMin="82" yMin="0" xMax="496" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="995" on="1"/>
+        <pt x="297" y="1036" on="0"/>
+        <pt x="397" y="1137" on="0"/>
+        <pt x="496" y="1137" on="1"/>
+        <pt x="496" y="907" on="1"/>
+        <pt x="462" y="918" on="0"/>
+        <pt x="432" y="918" on="1"/>
+        <pt x="376" y="918" on="0"/>
+        <pt x="334" y="881" on="1"/>
+        <pt x="289" y="840" on="0"/>
+        <pt x="289" y="778" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="registered" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="625" y="313" on="1"/>
+        <pt x="625" y="1192" on="1"/>
+        <pt x="821" y="1192" on="1"/>
+        <pt x="1052" y="1192" on="0"/>
+        <pt x="1053" y="934" on="1"/>
+        <pt x="1053" y="858" on="0"/>
+        <pt x="1020" y="760" on="0"/>
+        <pt x="965" y="713" on="1"/>
+        <pt x="1071" y="313" on="1"/>
+        <pt x="920" y="313" on="1"/>
+        <pt x="825" y="678" on="1"/>
+        <pt x="770" y="678" on="1"/>
+        <pt x="770" y="313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="770" y="805" on="1"/>
+        <pt x="815" y="805" on="1"/>
+        <pt x="858" y="805" on="0"/>
+        <pt x="903" y="848" on="0"/>
+        <pt x="913" y="895" on="0"/>
+        <pt x="913" y="932" on="1"/>
+        <pt x="913" y="971" on="0"/>
+        <pt x="903" y="1020" on="0"/>
+        <pt x="858" y="1063" on="0"/>
+        <pt x="815" y="1063" on="1"/>
+        <pt x="770" y="1063" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 31 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 5 0 49 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 26
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          20 41 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          20 5 0 48 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          22 16 0 44 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15837 -4197 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 28
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 26
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 9 0
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ring" xMin="358" yMin="1278" xMax="664" yMax="1565">
+      <contour>
+        <pt x="358" y="1360" on="0"/>
+        <pt x="358" y="1483" on="0"/>
+        <pt x="449" y="1565" on="0"/>
+        <pt x="575" y="1565" on="0"/>
+        <pt x="664" y="1483" on="0"/>
+        <pt x="664" y="1360" on="0"/>
+        <pt x="575" y="1278" on="0"/>
+        <pt x="449" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="436" y="1450" on="0"/>
+        <pt x="436" y="1393" on="0"/>
+        <pt x="483" y="1350" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="588" y="1393" on="0"/>
+        <pt x="588" y="1450" on="0"/>
+        <pt x="541" y="1493" on="0"/>
+        <pt x="483" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          9 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          5 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 6 7 2
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 4 5 0
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="s" xMin="37" yMin="-16" xMax="590" yMax="1137">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="330" y="1137" on="0"/>
+        <pt x="335" y="1137" on="1"/>
+        <pt x="413" y="1137" on="0"/>
+        <pt x="466" y="1111" on="1"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 25 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 18 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 34
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="scaron" xMin="37" yMin="-16" xMax="590" yMax="1489">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="410" y="1139" on="0"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <contour>
+        <pt x="66" y="1489" on="1"/>
+        <pt x="254" y="1489" on="1"/>
+        <pt x="315" y="1417" on="1"/>
+        <pt x="379" y="1489" on="1"/>
+        <pt x="567" y="1489" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+        <pt x="207" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 35 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          24 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 24 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          42 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 47
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 7 35 43 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 45 46
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 31
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="semicolon" xMin="74" yMin="-266" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="176" y="-266" on="1"/>
+        <pt x="74" y="-266" on="1"/>
+        <pt x="145" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="seven" xMin="8" yMin="0" xMax="565" yMax="1505">
+      <contour>
+        <pt x="8" y="1286" on="1"/>
+        <pt x="8" y="1505" on="1"/>
+        <pt x="565" y="1505" on="1"/>
+        <pt x="565" y="1284" on="1"/>
+        <pt x="344" y="0" on="1"/>
+        <pt x="115" y="0" on="1"/>
+        <pt x="340" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 20
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 4 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="six" xMin="66" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="66" y="309" on="1"/>
+        <pt x="66" y="1165" on="1"/>
+        <pt x="66" y="1521" on="0"/>
+        <pt x="643" y="1522" on="0"/>
+        <pt x="643" y="1165" on="1"/>
+        <pt x="643" y="1071" on="1"/>
+        <pt x="422" y="1071" on="1"/>
+        <pt x="422" y="1233" on="0"/>
+        <pt x="399" y="1329" on="0"/>
+        <pt x="354" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="287" y="1255" on="0"/>
+        <pt x="287" y="1165" on="1"/>
+        <pt x="287" y="897" on="1"/>
+        <pt x="346" y="934" on="0"/>
+        <pt x="397" y="934" on="1"/>
+        <pt x="477" y="934" on="0"/>
+        <pt x="584" y="862" on="0"/>
+        <pt x="629" y="748" on="0"/>
+        <pt x="643" y="659" on="0"/>
+        <pt x="643" y="616" on="1"/>
+        <pt x="643" y="309" on="1"/>
+        <pt x="643" y="268" on="0"/>
+        <pt x="627" y="182" on="0"/>
+        <pt x="575" y="61" on="0"/>
+        <pt x="449" y="-16" on="0"/>
+        <pt x="260" y="-16" on="0"/>
+        <pt x="133" y="61" on="0"/>
+        <pt x="82" y="182" on="0"/>
+        <pt x="66" y="268" on="0"/>
+      </contour>
+      <contour>
+        <pt x="287" y="244" on="1"/>
+        <pt x="287" y="224" on="0"/>
+        <pt x="322" y="176" on="0"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="422" y="225" on="0"/>
+        <pt x="422" y="244" on="1"/>
+        <pt x="422" y="694" on="1"/>
+        <pt x="422" y="712" on="0"/>
+        <pt x="385" y="762" on="0"/>
+        <pt x="324" y="762" on="0"/>
+        <pt x="289" y="721" on="0"/>
+        <pt x="287" y="700" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          15 40 26 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="slash" xMin="8" yMin="-147" xMax="713" yMax="1505">
+      <contour>
+        <pt x="8" y="-147" on="1"/>
+        <pt x="551" y="1505" on="1"/>
+        <pt x="713" y="1505" on="1"/>
+        <pt x="176" y="-147" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15581 -5065 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[00000]
+          SPVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 3
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="sterling" xMin="4" yMin="-16" xMax="788" yMax="1522">
+      <contour>
+        <pt x="4" y="63" on="1"/>
+        <pt x="12" y="83" on="0"/>
+        <pt x="43" y="150" on="0"/>
+        <pt x="152" y="266" on="0"/>
+        <pt x="215" y="276" on="1"/>
+        <pt x="252" y="387" on="0"/>
+        <pt x="252" y="475" on="1"/>
+        <pt x="252" y="543" on="0"/>
+        <pt x="221" y="649" on="1"/>
+        <pt x="33" y="649" on="1"/>
+        <pt x="33" y="786" on="1"/>
+        <pt x="180" y="786" on="1"/>
+        <pt x="174" y="807" on="1"/>
+        <pt x="96" y="1061" on="0"/>
+        <pt x="96" y="1149" on="1"/>
+        <pt x="96" y="1219" on="0"/>
+        <pt x="127" y="1341" on="0"/>
+        <pt x="193" y="1452" on="0"/>
+        <pt x="311" y="1520" on="0"/>
+        <pt x="391" y="1522" on="1"/>
+        <pt x="487" y="1524" on="0"/>
+        <pt x="623" y="1456" on="0"/>
+        <pt x="694" y="1337" on="0"/>
+        <pt x="723" y="1202" on="0"/>
+        <pt x="723" y="1120" on="1"/>
+        <pt x="510" y="1120" on="1"/>
+        <pt x="510" y="1206" on="0"/>
+        <pt x="459" y="1319" on="0"/>
+        <pt x="395" y="1317" on="1"/>
+        <pt x="348" y="1315" on="0"/>
+        <pt x="305" y="1217" on="0"/>
+        <pt x="305" y="1149" on="1"/>
+        <pt x="305" y="1036" on="0"/>
+        <pt x="375" y="811" on="1"/>
+        <pt x="381" y="786" on="1"/>
+        <pt x="592" y="786" on="1"/>
+        <pt x="592" y="649" on="1"/>
+        <pt x="418" y="649" on="1"/>
+        <pt x="443" y="549" on="0"/>
+        <pt x="442" y="475" on="1"/>
+        <pt x="442" y="371" on="0"/>
+        <pt x="385" y="256" on="1"/>
+        <pt x="401" y="248" on="0"/>
+        <pt x="457" y="215" on="0"/>
+        <pt x="498" y="197" on="0"/>
+        <pt x="518" y="197" on="1"/>
+        <pt x="592" y="201" on="0"/>
+        <pt x="600" y="387" on="1"/>
+        <pt x="788" y="365" on="1"/>
+        <pt x="776" y="183" on="0"/>
+        <pt x="637" y="-16" on="0"/>
+        <pt x="537" y="-16" on="1"/>
+        <pt x="486" y="-16" on="0"/>
+        <pt x="301" y="86" on="0"/>
+        <pt x="264" y="86" on="1"/>
+        <pt x="231" y="86" on="0"/>
+        <pt x="174" y="35" on="0"/>
+        <pt x="162" y="8" on="1"/>
+        <pt x="150" y="-16" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          51 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          45 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          9 10 51 19 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          9 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          25 51 19 8
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          14 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 14 9 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 31 14 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 39 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 8 11 58
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          34 37 41
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          46 47 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 47 48
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 31
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="t" xMin="20" yMin="-16" xMax="473" yMax="1397">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1397" on="1"/>
+        <pt x="332" y="1397" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="473" y="1120" on="1"/>
+        <pt x="473" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="377" on="1"/>
+        <pt x="332" y="193" on="0"/>
+        <pt x="397" y="193" on="1"/>
+        <pt x="473" y="201" on="1"/>
+        <pt x="473" y="-2" on="1"/>
+        <pt x="428" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="294" y="-16" on="0"/>
+        <pt x="199" y="41" on="0"/>
+        <pt x="154" y="113" on="0"/>
+        <pt x="129" y="233" on="0"/>
+        <pt x="125" y="303" on="0"/>
+        <pt x="125" y="360" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 4 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="thorn" xMin="82" yMin="-385" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="three" xMin="45" yMin="-16" xMax="633" yMax="1522">
+      <contour>
+        <pt x="45" y="1071" on="1"/>
+        <pt x="45" y="1141" on="0"/>
+        <pt x="49" y="1231" on="0"/>
+        <pt x="80" y="1372" on="0"/>
+        <pt x="137" y="1456" on="0"/>
+        <pt x="248" y="1522" on="0"/>
+        <pt x="328" y="1522" on="1"/>
+        <pt x="406" y="1522" on="0"/>
+        <pt x="520" y="1460" on="0"/>
+        <pt x="575" y="1380" on="0"/>
+        <pt x="608" y="1276" on="0"/>
+        <pt x="614" y="1221" on="0"/>
+        <pt x="614" y="1198" on="1"/>
+        <pt x="614" y="907" on="0"/>
+        <pt x="508" y="801" on="1"/>
+        <pt x="506" y="799" on="1"/>
+        <pt x="633" y="699" on="0"/>
+        <pt x="633" y="385" on="1"/>
+        <pt x="633" y="360" on="0"/>
+        <pt x="627" y="293" on="0"/>
+        <pt x="594" y="162" on="0"/>
+        <pt x="539" y="61" on="0"/>
+        <pt x="424" y="-16" on="0"/>
+        <pt x="346" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="154" y="47" on="0"/>
+        <pt x="94" y="135" on="0"/>
+        <pt x="59" y="272" on="0"/>
+        <pt x="53" y="371" on="0"/>
+        <pt x="53" y="434" on="1"/>
+        <pt x="270" y="434" on="1"/>
+        <pt x="272" y="284" on="0"/>
+        <pt x="303" y="178" on="0"/>
+        <pt x="346" y="178" on="1"/>
+        <pt x="391" y="178" on="0"/>
+        <pt x="416" y="279" on="0"/>
+        <pt x="416" y="369" on="1"/>
+        <pt x="416" y="387" on="0"/>
+        <pt x="418" y="483" on="0"/>
+        <pt x="416" y="512" on="0"/>
+        <pt x="410" y="582" on="0"/>
+        <pt x="397" y="604" on="0"/>
+        <pt x="373" y="647" on="0"/>
+        <pt x="338" y="662" on="0"/>
+        <pt x="283" y="678" on="0"/>
+        <pt x="248" y="680" on="1"/>
+        <pt x="229" y="680" on="1"/>
+        <pt x="229" y="864" on="1"/>
+        <pt x="266" y="866" on="0"/>
+        <pt x="317" y="877" on="0"/>
+        <pt x="356" y="895" on="0"/>
+        <pt x="379" y="920" on="0"/>
+        <pt x="391" y="954" on="0"/>
+        <pt x="397" y="999" on="0"/>
+        <pt x="397" y="1028" on="1"/>
+        <pt x="397" y="1090" on="1"/>
+        <pt x="397" y="1133" on="1"/>
+        <pt x="397" y="1178" on="0"/>
+        <pt x="395" y="1225" on="0"/>
+        <pt x="383" y="1294" on="0"/>
+        <pt x="352" y="1327" on="0"/>
+        <pt x="328" y="1327" on="1"/>
+        <pt x="287" y="1327" on="0"/>
+        <pt x="264" y="1229" on="0"/>
+        <pt x="262" y="1071" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          33 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 33 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          61 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 61 64 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          47 46 23 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          65
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 29
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          64 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          66 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          27 46 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          23 6 33 41 42 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 38
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="tilde" xMin="313" yMin="1298" xMax="711" yMax="1495">
+      <contour>
+        <pt x="313" y="1305" on="1"/>
+        <pt x="313" y="1456" on="1"/>
+        <pt x="362" y="1495" on="0"/>
+        <pt x="422" y="1495" on="1"/>
+        <pt x="455" y="1495" on="0"/>
+        <pt x="571" y="1458" on="0"/>
+        <pt x="602" y="1456" on="1"/>
+        <pt x="627" y="1456" on="0"/>
+        <pt x="682" y="1473" on="0"/>
+        <pt x="696" y="1481" on="1"/>
+        <pt x="711" y="1489" on="1"/>
+        <pt x="711" y="1337" on="1"/>
+        <pt x="660" y="1298" on="0"/>
+        <pt x="602" y="1298" on="1"/>
+        <pt x="571" y="1298" on="0"/>
+        <pt x="455" y="1337" on="0"/>
+        <pt x="422" y="1337" on="1"/>
+        <pt x="397" y="1337" on="0"/>
+        <pt x="342" y="1321" on="0"/>
+        <pt x="328" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="trademark" xMin="74" yMin="821" xMax="856" yMax="1505">
+      <contour>
+        <pt x="74" y="1401" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="395" y="1401" on="1"/>
+        <pt x="291" y="1401" on="1"/>
+        <pt x="291" y="821" on="1"/>
+        <pt x="178" y="821" on="1"/>
+        <pt x="178" y="1401" on="1"/>
+      </contour>
+      <contour>
+        <pt x="440" y="821" on="1"/>
+        <pt x="440" y="1505" on="1"/>
+        <pt x="578" y="1505" on="1"/>
+        <pt x="645" y="1186" on="1"/>
+        <pt x="651" y="1186" on="1"/>
+        <pt x="719" y="1505" on="1"/>
+        <pt x="856" y="1505" on="1"/>
+        <pt x="856" y="821" on="1"/>
+        <pt x="752" y="821" on="1"/>
+        <pt x="752" y="1270" on="1"/>
+        <pt x="674" y="821" on="1"/>
+        <pt x="623" y="821" on="1"/>
+        <pt x="543" y="1270" on="1"/>
+        <pt x="543" y="821" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 13
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 15 18
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          10 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 15 0 30 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          13 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="two" xMin="55" yMin="0" xMax="655" yMax="1522">
+      <contour>
+        <pt x="55" y="0" on="1"/>
+        <pt x="55" y="219" on="1"/>
+        <pt x="69" y="242" on="0"/>
+        <pt x="119" y="319" on="0"/>
+        <pt x="246" y="547" on="0"/>
+        <pt x="344" y="760" on="0"/>
+        <pt x="428" y="1030" on="0"/>
+        <pt x="430" y="1133" on="1"/>
+        <pt x="430" y="1317" on="0"/>
+        <pt x="283" y="1317" on="0"/>
+        <pt x="283" y="1133" on="1"/>
+        <pt x="283" y="1028" on="1"/>
+        <pt x="61" y="1028" on="1"/>
+        <pt x="61" y="1133" on="1"/>
+        <pt x="61" y="1522" on="0"/>
+        <pt x="651" y="1522" on="0"/>
+        <pt x="651" y="1147" on="1"/>
+        <pt x="651" y="811" on="0"/>
+        <pt x="305" y="219" on="1"/>
+        <pt x="655" y="219" on="1"/>
+        <pt x="655" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          15 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 12 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="u" xMin="78" yMin="-16" xMax="608" yMax="1120">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uacute" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="274" y="1305" on="1"/>
+        <pt x="381" y="1489" on="1"/>
+        <pt x="596" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 22
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ucircumflex" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1305" on="1"/>
+        <pt x="236" y="1489" on="1"/>
+        <pt x="455" y="1489" on="1"/>
+        <pt x="596" y="1305" on="1"/>
+        <pt x="408" y="1305" on="1"/>
+        <pt x="344" y="1376" on="1"/>
+        <pt x="283" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 19 20 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="udieresis" xMin="78" yMin="-16" xMax="608" yMax="1505">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="106" y="1305" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="395" y="1305" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="586" y="1505" on="1"/>
+        <pt x="586" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ugrave" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1489" on="1"/>
+        <pt x="328" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+        <pt x="274" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 19 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="underscore" xMin="74" yMin="-326" xMax="1137" yMax="-154">
+      <contour>
+        <pt x="74" y="-154" on="1"/>
+        <pt x="1137" y="-154" on="1"/>
+        <pt x="1137" y="-326" on="1"/>
+        <pt x="74" y="-326" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2011" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1120" yMax="1120">
+      <contour>
+        <pt x="0" y="1120" on="1"/>
+        <pt x="1120" y="1120" on="1"/>
+        <pt x="1120" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB01" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="526" y="1321" on="1"/>
+        <pt x="485" y="1333" on="0"/>
+        <pt x="416" y="1333" on="1"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="690" y="1120" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB02" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="690" y="1505" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="1329" on="1"/>
+        <pt x="446" y="1333" on="0"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 30 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="v" xMin="16" yMin="0" xMax="586" yMax="1120">
+      <contour>
+        <pt x="16" y="1120" on="1"/>
+        <pt x="217" y="1120" on="1"/>
+        <pt x="285" y="471" on="1"/>
+        <pt x="293" y="399" on="1"/>
+        <pt x="309" y="399" on="1"/>
+        <pt x="317" y="471" on="1"/>
+        <pt x="385" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="403" y="0" on="1"/>
+        <pt x="199" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          9 1 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="w" xMin="20" yMin="0" xMax="885" yMax="1120">
+      <contour>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="209" y="1120" on="1"/>
+        <pt x="274" y="535" on="1"/>
+        <pt x="283" y="471" on="1"/>
+        <pt x="295" y="471" on="1"/>
+        <pt x="305" y="535" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="514" y="1120" on="1"/>
+        <pt x="600" y="535" on="1"/>
+        <pt x="610" y="471" on="1"/>
+        <pt x="623" y="471" on="1"/>
+        <pt x="631" y="535" on="1"/>
+        <pt x="696" y="1120" on="1"/>
+        <pt x="885" y="1120" on="1"/>
+        <pt x="719" y="0" on="1"/>
+        <pt x="547" y="0" on="1"/>
+        <pt x="467" y="535" on="1"/>
+        <pt x="457" y="598" on="1"/>
+        <pt x="449" y="598" on="1"/>
+        <pt x="438" y="535" on="1"/>
+        <pt x="358" y="0" on="1"/>
+        <pt x="186" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 12 13
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16281 -1831 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          11 10 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 10 12
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 11 14
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="x" xMin="16" yMin="0" xMax="602" yMax="1120">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="209" y="578" on="1"/>
+        <pt x="33" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="301" y="858" on="1"/>
+        <pt x="307" y="827" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="317" y="858" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="410" y="578" on="1"/>
+        <pt x="602" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="317" y="283" on="1"/>
+        <pt x="311" y="313" on="1"/>
+        <pt x="307" y="313" on="1"/>
+        <pt x="301" y="283" on="1"/>
+        <pt x="217" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15707 -4662 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          -15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="y" xMin="25" yMin="-401" xMax="610" yMax="1120">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yacute" xMin="25" yMin="-401" xMax="610" yMax="1489">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="215" y="-33" on="1"/>
+        <pt x="215" y="-101" on="0"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="103" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="395" y="-211" on="0"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1305" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="553" y="1489" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 5 8
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 20 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ydieresis" xMin="25" yMin="-401" xMax="610" yMax="1505">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="78" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="367" y="1305" on="1"/>
+        <pt x="367" y="1505" on="1"/>
+        <pt x="557" y="1505" on="1"/>
+        <pt x="557" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yen" xMin="25" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="242" y="1505" on="1"/>
+        <pt x="352" y="1024" on="1"/>
+        <pt x="358" y="1010" on="1"/>
+        <pt x="362" y="1010" on="1"/>
+        <pt x="369" y="1024" on="1"/>
+        <pt x="479" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="500" y="752" on="1"/>
+        <pt x="647" y="752" on="1"/>
+        <pt x="647" y="614" on="1"/>
+        <pt x="471" y="614" on="1"/>
+        <pt x="471" y="477" on="1"/>
+        <pt x="647" y="477" on="1"/>
+        <pt x="647" y="340" on="1"/>
+        <pt x="471" y="340" on="1"/>
+        <pt x="471" y="0" on="1"/>
+        <pt x="250" y="0" on="1"/>
+        <pt x="250" y="340" on="1"/>
+        <pt x="74" y="340" on="1"/>
+        <pt x="74" y="477" on="1"/>
+        <pt x="250" y="477" on="1"/>
+        <pt x="250" y="614" on="1"/>
+        <pt x="74" y="614" on="1"/>
+        <pt x="74" y="752" on="1"/>
+        <pt x="221" y="752" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 7
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 20 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          23 24 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 25
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          23 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 16 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[00000]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          2 5 8 25
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 24
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="z" xMin="12" yMin="0" xMax="516" yMax="1120">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zcaron" xMin="12" yMin="0" xMax="526" yMax="1489">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="25" y="1489" on="1"/>
+        <pt x="213" y="1489" on="1"/>
+        <pt x="274" y="1417" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="526" y="1489" on="1"/>
+        <pt x="385" y="1305" on="1"/>
+        <pt x="166" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zero" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+  </glyf>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      Generated in 2009 by FontLab Studio. Copyright info pending.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      grtest-ref
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      webfont
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      grtest-ref Regular
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      Version 001.001 
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      grtest-ref
+    </namerecord>
+    <namerecord nameID="200" platformID="3" platEncID="1" langID="0x409">
+      This font was generated by the Font Squirrel Generator.
+    </namerecord>
+  </name>
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="Euro"/>
+      <psName name="uniE000"/>
+      <psName name="uniFB01"/>
+      <psName name="uniFB02"/>
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="15"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c9896f31 00000000
+      c6a779b7 00000000 cae12877 
+    </hexdata>
+  </FFTM>
+
+
+</ttFont>
diff --git a/layout/reftests/fonts/graphite/grtest-simple.gdl b/layout/reftests/fonts/graphite/grtest-simple.gdl
new file mode 100644
index 0000000000..071613bd1e
--- /dev/null
+++ b/layout/reftests/fonts/graphite/grtest-simple.gdl
@@ -0,0 +1,14 @@
+#include "stddef.gdh"
+
+table(glyph)
+clsFail = codepoint("FAIL");
+clsPass = codepoint("PaSs");
+endtable
+
+table(substitution)
+
+pass(1)
+clsFail > clsPass;
+endpass;
+
+endtable
\ No newline at end of file
diff --git a/layout/reftests/fonts/graphite/grtest-simple.ttf b/layout/reftests/fonts/graphite/grtest-simple.ttf
new file mode 100644
index 0000000000..67d20c7f92
Binary files /dev/null and b/layout/reftests/fonts/graphite/grtest-simple.ttf differ
diff --git a/layout/reftests/fonts/graphite/grtest-template.ttx b/layout/reftests/fonts/graphite/grtest-template.ttx
new file mode 100644
index 0000000000..5317d2fb2d
--- /dev/null
+++ b/layout/reftests/fonts/graphite/grtest-template.ttx
@@ -0,0 +1,24101 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.3">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="exclamdown"/>
+    <GlyphID id="100" name="cent"/>
+    <GlyphID id="101" name="sterling"/>
+    <GlyphID id="102" name="yen"/>
+    <GlyphID id="103" name="dieresis"/>
+    <GlyphID id="104" name="copyright"/>
+    <GlyphID id="105" name="uni00AD"/>
+    <GlyphID id="106" name="registered"/>
+    <GlyphID id="107" name="macron"/>
+    <GlyphID id="108" name="acute"/>
+    <GlyphID id="109" name="periodcentered"/>
+    <GlyphID id="110" name="cedilla"/>
+    <GlyphID id="111" name="questiondown"/>
+    <GlyphID id="112" name="Agrave"/>
+    <GlyphID id="113" name="Aacute"/>
+    <GlyphID id="114" name="Acircumflex"/>
+    <GlyphID id="115" name="Atilde"/>
+    <GlyphID id="116" name="Adieresis"/>
+    <GlyphID id="117" name="Aring"/>
+    <GlyphID id="118" name="AE"/>
+    <GlyphID id="119" name="Ccedilla"/>
+    <GlyphID id="120" name="Egrave"/>
+    <GlyphID id="121" name="Eacute"/>
+    <GlyphID id="122" name="Ecircumflex"/>
+    <GlyphID id="123" name="Edieresis"/>
+    <GlyphID id="124" name="Igrave"/>
+    <GlyphID id="125" name="Iacute"/>
+    <GlyphID id="126" name="Icircumflex"/>
+    <GlyphID id="127" name="Idieresis"/>
+    <GlyphID id="128" name="Eth"/>
+    <GlyphID id="129" name="Ntilde"/>
+    <GlyphID id="130" name="Ograve"/>
+    <GlyphID id="131" name="Oacute"/>
+    <GlyphID id="132" name="Ocircumflex"/>
+    <GlyphID id="133" name="Otilde"/>
+    <GlyphID id="134" name="Odieresis"/>
+    <GlyphID id="135" name="Oslash"/>
+    <GlyphID id="136" name="Ugrave"/>
+    <GlyphID id="137" name="Uacute"/>
+    <GlyphID id="138" name="Ucircumflex"/>
+    <GlyphID id="139" name="Udieresis"/>
+    <GlyphID id="140" name="Yacute"/>
+    <GlyphID id="141" name="Thorn"/>
+    <GlyphID id="142" name="germandbls"/>
+    <GlyphID id="143" name="agrave"/>
+    <GlyphID id="144" name="aacute"/>
+    <GlyphID id="145" name="acircumflex"/>
+    <GlyphID id="146" name="atilde"/>
+    <GlyphID id="147" name="adieresis"/>
+    <GlyphID id="148" name="aring"/>
+    <GlyphID id="149" name="ae"/>
+    <GlyphID id="150" name="ccedilla"/>
+    <GlyphID id="151" name="egrave"/>
+    <GlyphID id="152" name="eacute"/>
+    <GlyphID id="153" name="ecircumflex"/>
+    <GlyphID id="154" name="edieresis"/>
+    <GlyphID id="155" name="igrave"/>
+    <GlyphID id="156" name="iacute"/>
+    <GlyphID id="157" name="icircumflex"/>
+    <GlyphID id="158" name="idieresis"/>
+    <GlyphID id="159" name="eth"/>
+    <GlyphID id="160" name="ntilde"/>
+    <GlyphID id="161" name="ograve"/>
+    <GlyphID id="162" name="oacute"/>
+    <GlyphID id="163" name="ocircumflex"/>
+    <GlyphID id="164" name="otilde"/>
+    <GlyphID id="165" name="odieresis"/>
+    <GlyphID id="166" name="oslash"/>
+    <GlyphID id="167" name="ugrave"/>
+    <GlyphID id="168" name="uacute"/>
+    <GlyphID id="169" name="ucircumflex"/>
+    <GlyphID id="170" name="udieresis"/>
+    <GlyphID id="171" name="yacute"/>
+    <GlyphID id="172" name="thorn"/>
+    <GlyphID id="173" name="ydieresis"/>
+    <GlyphID id="174" name="dotlessi"/>
+    <GlyphID id="175" name="Lslash"/>
+    <GlyphID id="176" name="lslash"/>
+    <GlyphID id="177" name="OE"/>
+    <GlyphID id="178" name="oe"/>
+    <GlyphID id="179" name="Scaron"/>
+    <GlyphID id="180" name="scaron"/>
+    <GlyphID id="181" name="Ydieresis"/>
+    <GlyphID id="182" name="Zcaron"/>
+    <GlyphID id="183" name="zcaron"/>
+    <GlyphID id="184" name="circumflex"/>
+    <GlyphID id="185" name="caron"/>
+    <GlyphID id="186" name="breve"/>
+    <GlyphID id="187" name="dotaccent"/>
+    <GlyphID id="188" name="ring"/>
+    <GlyphID id="189" name="ogonek"/>
+    <GlyphID id="190" name="tilde"/>
+    <GlyphID id="191" name="hungarumlaut"/>
+    <GlyphID id="192" name="uni2000"/>
+    <GlyphID id="193" name="uni2001"/>
+    <GlyphID id="194" name="uni2002"/>
+    <GlyphID id="195" name="uni2003"/>
+    <GlyphID id="196" name="uni2004"/>
+    <GlyphID id="197" name="uni2005"/>
+    <GlyphID id="198" name="uni2006"/>
+    <GlyphID id="199" name="uni2007"/>
+    <GlyphID id="200" name="uni2008"/>
+    <GlyphID id="201" name="uni2009"/>
+    <GlyphID id="202" name="uni200A"/>
+    <GlyphID id="203" name="uni2010"/>
+    <GlyphID id="204" name="uni2011"/>
+    <GlyphID id="205" name="figuredash"/>
+    <GlyphID id="206" name="endash"/>
+    <GlyphID id="207" name="emdash"/>
+    <GlyphID id="208" name="quoteleft"/>
+    <GlyphID id="209" name="quoteright"/>
+    <GlyphID id="210" name="quotesinglbase"/>
+    <GlyphID id="211" name="quotedblleft"/>
+    <GlyphID id="212" name="quotedblright"/>
+    <GlyphID id="213" name="quotedblbase"/>
+    <GlyphID id="214" name="bullet"/>
+    <GlyphID id="215" name="ellipsis"/>
+    <GlyphID id="216" name="uni202F"/>
+    <GlyphID id="217" name="uni205F"/>
+    <GlyphID id="218" name="Euro"/>
+    <GlyphID id="219" name="trademark"/>
+    <GlyphID id="220" name="minus"/>
+    <GlyphID id="221" name="uniE000"/>
+    <GlyphID id="222" name="uniFB01"/>
+    <GlyphID id="223" name="uniFB02"/>
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.0"/>
+    <checkSumAdjustment value="0x5dc89719"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Nov 10 07:06:31 2011"/>
+    <modified value="Thu Nov 10 07:06:31 2011"/>
+    <xMin value="-66"/>
+    <yMin value="-512"/>
+    <xMax value="1591"/>
+    <yMax value="1905"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1905"/>
+    <descent value="-552"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="1904"/>
+    <minLeftSideBearing value="-66"/>
+    <minRightSideBearing value="-66"/>
+    <xMaxExtent value="1591"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="223"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="224"/>
+    <maxPoints value="86"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="318"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="566"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000000"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00100111"/>
+    <ulUnicodeRange2 value="01000000 00000000 00000000 01001010"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="64258"/>
+    <sTypoAscender value="1505"/>
+    <sTypoDescender value="-543"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1905"/>
+    <usWinDescent value="552"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1120"/>
+    <sCapHeight value="1505"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="2"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="315" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="765" lsb="20"/>
+    <mtx name="AE" width="1099" lsb="16"/>
+    <mtx name="Aacute" width="765" lsb="20"/>
+    <mtx name="Acircumflex" width="765" lsb="20"/>
+    <mtx name="Adieresis" width="765" lsb="20"/>
+    <mtx name="Agrave" width="765" lsb="20"/>
+    <mtx name="Aring" width="765" lsb="20"/>
+    <mtx name="Atilde" width="765" lsb="20"/>
+    <mtx name="B" width="745" lsb="82"/>
+    <mtx name="C" width="708" lsb="68"/>
+    <mtx name="Ccedilla" width="708" lsb="68"/>
+    <mtx name="D" width="761" lsb="82"/>
+    <mtx name="E" width="628" lsb="82"/>
+    <mtx name="Eacute" width="628" lsb="82"/>
+    <mtx name="Ecircumflex" width="628" lsb="82"/>
+    <mtx name="Edieresis" width="628" lsb="82"/>
+    <mtx name="Egrave" width="628" lsb="82"/>
+    <mtx name="Eth" width="761" lsb="20"/>
+    <mtx name="Euro" width="813" lsb="53"/>
+    <mtx name="F" width="616" lsb="82"/>
+    <mtx name="G" width="737" lsb="67"/>
+    <mtx name="H" width="778" lsb="82"/>
+    <mtx name="I" width="385" lsb="82"/>
+    <mtx name="Iacute" width="401" lsb="82"/>
+    <mtx name="Icircumflex" width="370" lsb="-66"/>
+    <mtx name="Idieresis" width="372" lsb="-53"/>
+    <mtx name="Igrave" width="401" lsb="-6"/>
+    <mtx name="J" width="423" lsb="12"/>
+    <mtx name="K" width="768" lsb="82"/>
+    <mtx name="L" width="604" lsb="82"/>
+    <mtx name="Lslash" width="628" lsb="41"/>
+    <mtx name="M" width="991" lsb="82"/>
+    <mtx name="N" width="808" lsb="82"/>
+    <mtx name="Ntilde" width="808" lsb="82"/>
+    <mtx name="O" width="724" lsb="68"/>
+    <mtx name="OE" width="983" lsb="68"/>
+    <mtx name="Oacute" width="724" lsb="68"/>
+    <mtx name="Ocircumflex" width="724" lsb="68"/>
+    <mtx name="Odieresis" width="724" lsb="68"/>
+    <mtx name="Ograve" width="724" lsb="68"/>
+    <mtx name="Oslash" width="724" lsb="59"/>
+    <mtx name="Otilde" width="724" lsb="68"/>
+    <mtx name="P" width="720" lsb="82"/>
+    <mtx name="Q" width="729" lsb="68"/>
+    <mtx name="R" width="739" lsb="82"/>
+    <mtx name="S" width="702" lsb="37"/>
+    <mtx name="Scaron" width="702" lsb="37"/>
+    <mtx name="T" width="647" lsb="4"/>
+    <mtx name="Thorn" width="724" lsb="82"/>
+    <mtx name="U" width="749" lsb="80"/>
+    <mtx name="Uacute" width="749" lsb="80"/>
+    <mtx name="Ucircumflex" width="749" lsb="80"/>
+    <mtx name="Udieresis" width="749" lsb="80"/>
+    <mtx name="Ugrave" width="749" lsb="80"/>
+    <mtx name="V" width="716" lsb="18"/>
+    <mtx name="W" width="1036" lsb="25"/>
+    <mtx name="X" width="737" lsb="16"/>
+    <mtx name="Y" width="700" lsb="14"/>
+    <mtx name="Yacute" width="704" lsb="16"/>
+    <mtx name="Ydieresis" width="704" lsb="16"/>
+    <mtx name="Z" width="626" lsb="20"/>
+    <mtx name="Zcaron" width="626" lsb="20"/>
+    <mtx name="a" width="681" lsb="49"/>
+    <mtx name="aacute" width="681" lsb="49"/>
+    <mtx name="acircumflex" width="681" lsb="49"/>
+    <mtx name="acute" width="1024" lsb="410"/>
+    <mtx name="adieresis" width="681" lsb="49"/>
+    <mtx name="ae" width="989" lsb="49"/>
+    <mtx name="agrave" width="681" lsb="49"/>
+    <mtx name="ampersand" width="854" lsb="49"/>
+    <mtx name="aring" width="681" lsb="49"/>
+    <mtx name="asciicircum" width="1101" lsb="53"/>
+    <mtx name="asciitilde" width="1280" lsb="113"/>
+    <mtx name="asterisk" width="677" lsb="74"/>
+    <mtx name="at" width="872" lsb="66"/>
+    <mtx name="atilde" width="681" lsb="49"/>
+    <mtx name="b" width="686" lsb="82"/>
+    <mtx name="backslash" width="792" lsb="8"/>
+    <mtx name="bar" width="356" lsb="82"/>
+    <mtx name="braceleft" width="688" lsb="61"/>
+    <mtx name="braceright" width="688" lsb="57"/>
+    <mtx name="bracketleft" width="538" lsb="82"/>
+    <mtx name="bracketright" width="538" lsb="57"/>
+    <mtx name="breve" width="1024" lsb="287"/>
+    <mtx name="bullet" width="663" lsb="82"/>
+    <mtx name="c" width="645" lsb="66"/>
+    <mtx name="caron" width="1021" lsb="260"/>
+    <mtx name="ccedilla" width="645" lsb="66"/>
+    <mtx name="cedilla" width="1024" lsb="426"/>
+    <mtx name="cent" width="636" lsb="66"/>
+    <mtx name="circumflex" width="1021" lsb="260"/>
+    <mtx name="colon" width="362" lsb="74"/>
+    <mtx name="comma" width="309" lsb="45"/>
+    <mtx name="copyright" width="1644" lsb="53"/>
+    <mtx name="d" width="686" lsb="74"/>
+    <mtx name="dieresis" width="1024" lsb="272"/>
+    <mtx name="dollar" width="692" lsb="37"/>
+    <mtx name="dotaccent" width="1021" lsb="408"/>
+    <mtx name="dotlessi" width="370" lsb="82"/>
+    <mtx name="e" width="659" lsb="66"/>
+    <mtx name="eacute" width="659" lsb="66"/>
+    <mtx name="ecircumflex" width="659" lsb="66"/>
+    <mtx name="edieresis" width="659" lsb="66"/>
+    <mtx name="egrave" width="659" lsb="66"/>
+    <mtx name="eight" width="696" lsb="53"/>
+    <mtx name="ellipsis" width="964" lsb="53"/>
+    <mtx name="emdash" width="972" lsb="74"/>
+    <mtx name="endash" width="806" lsb="74"/>
+    <mtx name="equal" width="1058" lsb="74"/>
+    <mtx name="eth" width="673" lsb="76"/>
+    <mtx name="exclam" width="387" lsb="74"/>
+    <mtx name="exclamdown" width="387" lsb="74"/>
+    <mtx name="f" width="475" lsb="20"/>
+    <mtx name="figuredash" width="444" lsb="74"/>
+    <mtx name="five" width="704" lsb="74"/>
+    <mtx name="four" width="684" lsb="25"/>
+    <mtx name="g" width="700" lsb="12"/>
+    <mtx name="germandbls" width="733" lsb="66"/>
+    <mtx name="grave" width="1024" lsb="293"/>
+    <mtx name="greater" width="1058" lsb="74"/>
+    <mtx name="h" width="690" lsb="82"/>
+    <mtx name="hungarumlaut" width="1024" lsb="215"/>
+    <mtx name="hyphen" width="444" lsb="74"/>
+    <mtx name="i" width="370" lsb="82"/>
+    <mtx name="iacute" width="370" lsb="82"/>
+    <mtx name="icircumflex" width="370" lsb="-66"/>
+    <mtx name="idieresis" width="372" lsb="-53"/>
+    <mtx name="igrave" width="370" lsb="-33"/>
+    <mtx name="j" width="364" lsb="-45"/>
+    <mtx name="k" width="641" lsb="82"/>
+    <mtx name="l" width="370" lsb="82"/>
+    <mtx name="less" width="1058" lsb="74"/>
+    <mtx name="lslash" width="468" lsb="31"/>
+    <mtx name="m" width="1021" lsb="82"/>
+    <mtx name="macron" width="1024" lsb="313"/>
+    <mtx name="minus" width="776" lsb="74"/>
+    <mtx name="n" width="690" lsb="82"/>
+    <mtx name="nine" width="700" lsb="57"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="ntilde" width="690" lsb="82"/>
+    <mtx name="numbersign" width="1232" lsb="49"/>
+    <mtx name="o" width="657" lsb="63"/>
+    <mtx name="oacute" width="657" lsb="63"/>
+    <mtx name="ocircumflex" width="657" lsb="63"/>
+    <mtx name="odieresis" width="657" lsb="63"/>
+    <mtx name="oe" width="995" lsb="63"/>
+    <mtx name="ogonek" width="1024" lsb="348"/>
+    <mtx name="ograve" width="657" lsb="63"/>
+    <mtx name="one" width="475" lsb="25"/>
+    <mtx name="oslash" width="657" lsb="63"/>
+    <mtx name="otilde" width="657" lsb="63"/>
+    <mtx name="p" width="686" lsb="82"/>
+    <mtx name="parenleft" width="561" lsb="66"/>
+    <mtx name="parenright" width="561" lsb="41"/>
+    <mtx name="percent" width="1001" lsb="55"/>
+    <mtx name="period" width="321" lsb="53"/>
+    <mtx name="periodcentered" width="215" lsb="0"/>
+    <mtx name="plus" width="1060" lsb="74"/>
+    <mtx name="q" width="686" lsb="74"/>
+    <mtx name="question" width="645" lsb="25"/>
+    <mtx name="questiondown" width="645" lsb="41"/>
+    <mtx name="quotedbl" width="329" lsb="57"/>
+    <mtx name="quotedblbase" width="624" lsb="53"/>
+    <mtx name="quotedblleft" width="624" lsb="53"/>
+    <mtx name="quotedblright" width="624" lsb="53"/>
+    <mtx name="quoteleft" width="309" lsb="49"/>
+    <mtx name="quoteright" width="309" lsb="45"/>
+    <mtx name="quotesinglbase" width="309" lsb="45"/>
+    <mtx name="quotesingle" width="309" lsb="45"/>
+    <mtx name="r" width="503" lsb="82"/>
+    <mtx name="registered" width="1644" lsb="53"/>
+    <mtx name="ring" width="1021" lsb="358"/>
+    <mtx name="s" width="630" lsb="37"/>
+    <mtx name="scaron" width="630" lsb="37"/>
+    <mtx name="semicolon" width="362" lsb="74"/>
+    <mtx name="seven" width="589" lsb="8"/>
+    <mtx name="six" width="700" lsb="66"/>
+    <mtx name="slash" width="720" lsb="8"/>
+    <mtx name="space" width="315" lsb="0"/>
+    <mtx name="sterling" width="817" lsb="4"/>
+    <mtx name="t" width="501" lsb="20"/>
+    <mtx name="thorn" width="686" lsb="82"/>
+    <mtx name="three" width="686" lsb="45"/>
+    <mtx name="tilde" width="1024" lsb="313"/>
+    <mtx name="trademark" width="937" lsb="74"/>
+    <mtx name="two" width="731" lsb="55"/>
+    <mtx name="u" width="690" lsb="78"/>
+    <mtx name="uacute" width="690" lsb="78"/>
+    <mtx name="ucircumflex" width="690" lsb="78"/>
+    <mtx name="udieresis" width="690" lsb="78"/>
+    <mtx name="ugrave" width="690" lsb="78"/>
+    <mtx name="underscore" width="1210" lsb="74"/>
+    <mtx name="uni00A0" width="315" lsb="0"/>
+    <mtx name="uni00AD" width="444" lsb="74"/>
+    <mtx name="uni2000" width="952" lsb="0"/>
+    <mtx name="uni2001" width="1904" lsb="0"/>
+    <mtx name="uni2002" width="952" lsb="0"/>
+    <mtx name="uni2003" width="1904" lsb="0"/>
+    <mtx name="uni2004" width="634" lsb="0"/>
+    <mtx name="uni2005" width="475" lsb="0"/>
+    <mtx name="uni2006" width="317" lsb="0"/>
+    <mtx name="uni2007" width="317" lsb="0"/>
+    <mtx name="uni2008" width="237" lsb="0"/>
+    <mtx name="uni2009" width="380" lsb="0"/>
+    <mtx name="uni200A" width="104" lsb="0"/>
+    <mtx name="uni2010" width="444" lsb="74"/>
+    <mtx name="uni2011" width="444" lsb="74"/>
+    <mtx name="uni202F" width="380" lsb="0"/>
+    <mtx name="uni205F" width="475" lsb="0"/>
+    <mtx name="uniE000" width="1120" lsb="0"/>
+    <mtx name="uniFB01" width="772" lsb="20"/>
+    <mtx name="uniFB02" width="772" lsb="20"/>
+    <mtx name="v" width="602" lsb="16"/>
+    <mtx name="w" width="905" lsb="20"/>
+    <mtx name="x" width="618" lsb="16"/>
+    <mtx name="y" width="634" lsb="25"/>
+    <mtx name="yacute" width="634" lsb="25"/>
+    <mtx name="ydieresis" width="634" lsb="25"/>
+    <mtx name="yen" width="720" lsb="25"/>
+    <mtx name="z" width="532" lsb="12"/>
+    <mtx name="zcaron" width="532" lsb="12"/>
+    <mtx name="zero" width="724" lsb="68"/>
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+    <cmap_format_0 platformID="1" platEncID="0" language="0">
+      <map code="0x0" name=".null"/>
+      <map code="0x1" name=".notdef"/>
+      <map code="0x2" name=".notdef"/>
+      <map code="0x3" name=".notdef"/>
+      <map code="0x4" name=".notdef"/>
+      <map code="0x5" name=".notdef"/>
+      <map code="0x6" name=".notdef"/>
+      <map code="0x7" name=".notdef"/>
+      <map code="0x8" name=".null"/>
+      <map code="0x9" name="nonmarkingreturn"/>
+      <map code="0xa" name=".notdef"/>
+      <map code="0xb" name=".notdef"/>
+      <map code="0xc" name=".notdef"/>
+      <map code="0xd" name="nonmarkingreturn"/>
+      <map code="0xe" name=".notdef"/>
+      <map code="0xf" name=".notdef"/>
+      <map code="0x10" name=".notdef"/>
+      <map code="0x11" name=".notdef"/>
+      <map code="0x12" name=".notdef"/>
+      <map code="0x13" name=".notdef"/>
+      <map code="0x14" name=".notdef"/>
+      <map code="0x15" name=".notdef"/>
+      <map code="0x16" name=".notdef"/>
+      <map code="0x17" name=".notdef"/>
+      <map code="0x18" name=".notdef"/>
+      <map code="0x19" name=".notdef"/>
+      <map code="0x1a" name=".notdef"/>
+      <map code="0x1b" name=".notdef"/>
+      <map code="0x1c" name=".notdef"/>
+      <map code="0x1d" name=".null"/>
+      <map code="0x1e" name=".notdef"/>
+      <map code="0x1f" name=".notdef"/>
+      <map code="0x20" name="space"/>
+      <map code="0x21" name="exclam"/>
+      <map code="0x22" name="quotedbl"/>
+      <map code="0x23" name="numbersign"/>
+      <map code="0x24" name="dollar"/>
+      <map code="0x25" name="percent"/>
+      <map code="0x26" name="ampersand"/>
+      <map code="0x27" name="quotesingle"/>
+      <map code="0x28" name="parenleft"/>
+      <map code="0x29" name="parenright"/>
+      <map code="0x2a" name="asterisk"/>
+      <map code="0x2b" name="plus"/>
+      <map code="0x2c" name="comma"/>
+      <map code="0x2d" name="hyphen"/>
+      <map code="0x2e" name="period"/>
+      <map code="0x2f" name="slash"/>
+      <map code="0x30" name="zero"/>
+      <map code="0x31" name="one"/>
+      <map code="0x32" name="two"/>
+      <map code="0x33" name="three"/>
+      <map code="0x34" name="four"/>
+      <map code="0x35" name="five"/>
+      <map code="0x36" name="six"/>
+      <map code="0x37" name="seven"/>
+      <map code="0x38" name="eight"/>
+      <map code="0x39" name="nine"/>
+      <map code="0x3a" name="colon"/>
+      <map code="0x3b" name="semicolon"/>
+      <map code="0x3c" name="less"/>
+      <map code="0x3d" name="equal"/>
+      <map code="0x3e" name="greater"/>
+      <map code="0x3f" name="question"/>
+      <map code="0x40" name="at"/>
+      <map code="0x41" name="A"/>
+      <map code="0x42" name="B"/>
+      <map code="0x43" name="C"/>
+      <map code="0x44" name="D"/>
+      <map code="0x45" name="E"/>
+      <map code="0x46" name="F"/>
+      <map code="0x47" name="G"/>
+      <map code="0x48" name="H"/>
+      <map code="0x49" name="I"/>
+      <map code="0x4a" name="J"/>
+      <map code="0x4b" name="K"/>
+      <map code="0x4c" name="L"/>
+      <map code="0x4d" name="M"/>
+      <map code="0x4e" name="N"/>
+      <map code="0x4f" name="O"/>
+      <map code="0x50" name="P"/>
+      <map code="0x51" name="Q"/>
+      <map code="0x52" name="R"/>
+      <map code="0x53" name="S"/>
+      <map code="0x54" name="T"/>
+      <map code="0x55" name="U"/>
+      <map code="0x56" name="V"/>
+      <map code="0x57" name="W"/>
+      <map code="0x58" name="X"/>
+      <map code="0x59" name="Y"/>
+      <map code="0x5a" name="Z"/>
+      <map code="0x5b" name="bracketleft"/>
+      <map code="0x5c" name="backslash"/>
+      <map code="0x5d" name="bracketright"/>
+      <map code="0x5e" name="asciicircum"/>
+      <map code="0x5f" name="underscore"/>
+      <map code="0x60" name="grave"/>
+      <map code="0x61" name="a"/>
+      <map code="0x62" name="b"/>
+      <map code="0x63" name="c"/>
+      <map code="0x64" name="d"/>
+      <map code="0x65" name="e"/>
+      <map code="0x66" name="f"/>
+      <map code="0x67" name="g"/>
+      <map code="0x68" name="h"/>
+      <map code="0x69" name="i"/>
+      <map code="0x6a" name="j"/>
+      <map code="0x6b" name="k"/>
+      <map code="0x6c" name="l"/>
+      <map code="0x6d" name="m"/>
+      <map code="0x6e" name="n"/>
+      <map code="0x6f" name="o"/>
+      <map code="0x70" name="p"/>
+      <map code="0x71" name="q"/>
+      <map code="0x72" name="r"/>
+      <map code="0x73" name="s"/>
+      <map code="0x74" name="t"/>
+      <map code="0x75" name="u"/>
+      <map code="0x76" name="v"/>
+      <map code="0x77" name="w"/>
+      <map code="0x78" name="x"/>
+      <map code="0x79" name="y"/>
+      <map code="0x7a" name="z"/>
+      <map code="0x7b" name="braceleft"/>
+      <map code="0x7c" name="bar"/>
+      <map code="0x7d" name="braceright"/>
+      <map code="0x7e" name="asciitilde"/>
+      <map code="0x7f" name=".notdef"/>
+      <map code="0x80" name="Adieresis"/>
+      <map code="0x81" name="Aring"/>
+      <map code="0x82" name="Ccedilla"/>
+      <map code="0x83" name="Eacute"/>
+      <map code="0x84" name="Ntilde"/>
+      <map code="0x85" name="Odieresis"/>
+      <map code="0x86" name="Udieresis"/>
+      <map code="0x87" name="aacute"/>
+      <map code="0x88" name="agrave"/>
+      <map code="0x89" name="acircumflex"/>
+      <map code="0x8a" name="adieresis"/>
+      <map code="0x8b" name="atilde"/>
+      <map code="0x8c" name="aring"/>
+      <map code="0x8d" name="ccedilla"/>
+      <map code="0x8e" name="eacute"/>
+      <map code="0x8f" name="egrave"/>
+      <map code="0x90" name="ecircumflex"/>
+      <map code="0x91" name="edieresis"/>
+      <map code="0x92" name="iacute"/>
+      <map code="0x93" name="igrave"/>
+      <map code="0x94" name="icircumflex"/>
+      <map code="0x95" name="idieresis"/>
+      <map code="0x96" name="ntilde"/>
+      <map code="0x97" name="oacute"/>
+      <map code="0x98" name="ograve"/>
+      <map code="0x99" name="ocircumflex"/>
+      <map code="0x9a" name="odieresis"/>
+      <map code="0x9b" name="otilde"/>
+      <map code="0x9c" name="uacute"/>
+      <map code="0x9d" name="ugrave"/>
+      <map code="0x9e" name="ucircumflex"/>
+      <map code="0x9f" name="udieresis"/>
+      <map code="0xa0" name=".notdef"/>
+      <map code="0xa1" name=".notdef"/>
+      <map code="0xa2" name="cent"/>
+      <map code="0xa3" name="sterling"/>
+      <map code="0xa4" name=".notdef"/>
+      <map code="0xa5" name="bullet"/>
+      <map code="0xa6" name=".notdef"/>
+      <map code="0xa7" name="germandbls"/>
+      <map code="0xa8" name="registered"/>
+      <map code="0xa9" name="copyright"/>
+      <map code="0xaa" name="trademark"/>
+      <map code="0xab" name="acute"/>
+      <map code="0xac" name="dieresis"/>
+      <map code="0xad" name=".notdef"/>
+      <map code="0xae" name="AE"/>
+      <map code="0xaf" name="Oslash"/>
+      <map code="0xb0" name=".notdef"/>
+      <map code="0xb1" name=".notdef"/>
+      <map code="0xb2" name=".notdef"/>
+      <map code="0xb3" name=".notdef"/>
+      <map code="0xb4" name="yen"/>
+      <map code="0xb5" name=".notdef"/>
+      <map code="0xb6" name=".notdef"/>
+      <map code="0xb7" name=".notdef"/>
+      <map code="0xb8" name=".notdef"/>
+      <map code="0xb9" name=".notdef"/>
+      <map code="0xba" name=".notdef"/>
+      <map code="0xbb" name=".notdef"/>
+      <map code="0xbc" name=".notdef"/>
+      <map code="0xbd" name=".notdef"/>
+      <map code="0xbe" name="ae"/>
+      <map code="0xbf" name="oslash"/>
+      <map code="0xc0" name="questiondown"/>
+      <map code="0xc1" name="exclamdown"/>
+      <map code="0xc2" name=".notdef"/>
+      <map code="0xc3" name=".notdef"/>
+      <map code="0xc4" name=".notdef"/>
+      <map code="0xc5" name=".notdef"/>
+      <map code="0xc6" name=".notdef"/>
+      <map code="0xc7" name=".notdef"/>
+      <map code="0xc8" name=".notdef"/>
+      <map code="0xc9" name="ellipsis"/>
+      <map code="0xca" name="uni00A0"/>
+      <map code="0xcb" name="Agrave"/>
+      <map code="0xcc" name="Atilde"/>
+      <map code="0xcd" name="Otilde"/>
+      <map code="0xce" name="OE"/>
+      <map code="0xcf" name="oe"/>
+      <map code="0xd0" name="endash"/>
+      <map code="0xd1" name="emdash"/>
+      <map code="0xd2" name="quotedblleft"/>
+      <map code="0xd3" name="quotedblright"/>
+      <map code="0xd4" name="quoteleft"/>
+      <map code="0xd5" name="quoteright"/>
+      <map code="0xd6" name=".notdef"/>
+      <map code="0xd7" name=".notdef"/>
+      <map code="0xd8" name="ydieresis"/>
+      <map code="0xd9" name="Ydieresis"/>
+      <map code="0xda" name=".notdef"/>
+      <map code="0xdb" name="Euro"/>
+      <map code="0xdc" name=".notdef"/>
+      <map code="0xdd" name=".notdef"/>
+      <map code="0xde" name="uniFB01"/>
+      <map code="0xdf" name="uniFB02"/>
+      <map code="0xe0" name=".notdef"/>
+      <map code="0xe1" name="periodcentered"/>
+      <map code="0xe2" name="quotesinglbase"/>
+      <map code="0xe3" name="quotedblbase"/>
+      <map code="0xe4" name=".notdef"/>
+      <map code="0xe5" name="Acircumflex"/>
+      <map code="0xe6" name="Ecircumflex"/>
+      <map code="0xe7" name="Aacute"/>
+      <map code="0xe8" name="Edieresis"/>
+      <map code="0xe9" name="Egrave"/>
+      <map code="0xea" name="Iacute"/>
+      <map code="0xeb" name="Icircumflex"/>
+      <map code="0xec" name="Idieresis"/>
+      <map code="0xed" name="Igrave"/>
+      <map code="0xee" name="Oacute"/>
+      <map code="0xef" name="Ocircumflex"/>
+      <map code="0xf0" name=".notdef"/>
+      <map code="0xf1" name="Ograve"/>
+      <map code="0xf2" name="Uacute"/>
+      <map code="0xf3" name="Ucircumflex"/>
+      <map code="0xf4" name="Ugrave"/>
+      <map code="0xf5" name="dotlessi"/>
+      <map code="0xf6" name="circumflex"/>
+      <map code="0xf7" name="tilde"/>
+      <map code="0xf8" name="macron"/>
+      <map code="0xf9" name="breve"/>
+      <map code="0xfa" name="dotaccent"/>
+      <map code="0xfb" name="ring"/>
+      <map code="0xfc" name="cedilla"/>
+      <map code="0xfd" name="hungarumlaut"/>
+      <map code="0xfe" name="ogonek"/>
+      <map code="0xff" name="caron"/>
+    </cmap_format_0>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xa1" name="exclamdown"/><!-- INVERTED EXCLAMATION MARK -->
+      <map code="0xa2" name="cent"/><!-- CENT SIGN -->
+      <map code="0xa3" name="sterling"/><!-- POUND SIGN -->
+      <map code="0xa5" name="yen"/><!-- YEN SIGN -->
+      <map code="0xa8" name="dieresis"/><!-- DIAERESIS -->
+      <map code="0xa9" name="copyright"/><!-- COPYRIGHT SIGN -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0xae" name="registered"/><!-- REGISTERED SIGN -->
+      <map code="0xaf" name="macron"/><!-- MACRON -->
+      <map code="0xb4" name="acute"/><!-- ACUTE ACCENT -->
+      <map code="0xb7" name="periodcentered"/><!-- MIDDLE DOT -->
+      <map code="0xb8" name="cedilla"/><!-- CEDILLA -->
+      <map code="0xbf" name="questiondown"/><!-- INVERTED QUESTION MARK -->
+      <map code="0xc0" name="Agrave"/><!-- LATIN CAPITAL LETTER A WITH GRAVE -->
+      <map code="0xc1" name="Aacute"/><!-- LATIN CAPITAL LETTER A WITH ACUTE -->
+      <map code="0xc2" name="Acircumflex"/><!-- LATIN CAPITAL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xc3" name="Atilde"/><!-- LATIN CAPITAL LETTER A WITH TILDE -->
+      <map code="0xc4" name="Adieresis"/><!-- LATIN CAPITAL LETTER A WITH DIAERESIS -->
+      <map code="0xc5" name="Aring"/><!-- LATIN CAPITAL LETTER A WITH RING ABOVE -->
+      <map code="0xc6" name="AE"/><!-- LATIN CAPITAL LETTER AE -->
+      <map code="0xc7" name="Ccedilla"/><!-- LATIN CAPITAL LETTER C WITH CEDILLA -->
+      <map code="0xc8" name="Egrave"/><!-- LATIN CAPITAL LETTER E WITH GRAVE -->
+      <map code="0xc9" name="Eacute"/><!-- LATIN CAPITAL LETTER E WITH ACUTE -->
+      <map code="0xca" name="Ecircumflex"/><!-- LATIN CAPITAL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xcb" name="Edieresis"/><!-- LATIN CAPITAL LETTER E WITH DIAERESIS -->
+      <map code="0xcc" name="Igrave"/><!-- LATIN CAPITAL LETTER I WITH GRAVE -->
+      <map code="0xcd" name="Iacute"/><!-- LATIN CAPITAL LETTER I WITH ACUTE -->
+      <map code="0xce" name="Icircumflex"/><!-- LATIN CAPITAL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xcf" name="Idieresis"/><!-- LATIN CAPITAL LETTER I WITH DIAERESIS -->
+      <map code="0xd0" name="Eth"/><!-- LATIN CAPITAL LETTER ETH -->
+      <map code="0xd1" name="Ntilde"/><!-- LATIN CAPITAL LETTER N WITH TILDE -->
+      <map code="0xd2" name="Ograve"/><!-- LATIN CAPITAL LETTER O WITH GRAVE -->
+      <map code="0xd3" name="Oacute"/><!-- LATIN CAPITAL LETTER O WITH ACUTE -->
+      <map code="0xd4" name="Ocircumflex"/><!-- LATIN CAPITAL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xd5" name="Otilde"/><!-- LATIN CAPITAL LETTER O WITH TILDE -->
+      <map code="0xd6" name="Odieresis"/><!-- LATIN CAPITAL LETTER O WITH DIAERESIS -->
+      <map code="0xd8" name="Oslash"/><!-- LATIN CAPITAL LETTER O WITH STROKE -->
+      <map code="0xd9" name="Ugrave"/><!-- LATIN CAPITAL LETTER U WITH GRAVE -->
+      <map code="0xda" name="Uacute"/><!-- LATIN CAPITAL LETTER U WITH ACUTE -->
+      <map code="0xdb" name="Ucircumflex"/><!-- LATIN CAPITAL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xdc" name="Udieresis"/><!-- LATIN CAPITAL LETTER U WITH DIAERESIS -->
+      <map code="0xdd" name="Yacute"/><!-- LATIN CAPITAL LETTER Y WITH ACUTE -->
+      <map code="0xde" name="Thorn"/><!-- LATIN CAPITAL LETTER THORN -->
+      <map code="0xdf" name="germandbls"/><!-- LATIN SMALL LETTER SHARP S -->
+      <map code="0xe0" name="agrave"/><!-- LATIN SMALL LETTER A WITH GRAVE -->
+      <map code="0xe1" name="aacute"/><!-- LATIN SMALL LETTER A WITH ACUTE -->
+      <map code="0xe2" name="acircumflex"/><!-- LATIN SMALL LETTER A WITH CIRCUMFLEX -->
+      <map code="0xe3" name="atilde"/><!-- LATIN SMALL LETTER A WITH TILDE -->
+      <map code="0xe4" name="adieresis"/><!-- LATIN SMALL LETTER A WITH DIAERESIS -->
+      <map code="0xe5" name="aring"/><!-- LATIN SMALL LETTER A WITH RING ABOVE -->
+      <map code="0xe6" name="ae"/><!-- LATIN SMALL LETTER AE -->
+      <map code="0xe7" name="ccedilla"/><!-- LATIN SMALL LETTER C WITH CEDILLA -->
+      <map code="0xe8" name="egrave"/><!-- LATIN SMALL LETTER E WITH GRAVE -->
+      <map code="0xe9" name="eacute"/><!-- LATIN SMALL LETTER E WITH ACUTE -->
+      <map code="0xea" name="ecircumflex"/><!-- LATIN SMALL LETTER E WITH CIRCUMFLEX -->
+      <map code="0xeb" name="edieresis"/><!-- LATIN SMALL LETTER E WITH DIAERESIS -->
+      <map code="0xec" name="igrave"/><!-- LATIN SMALL LETTER I WITH GRAVE -->
+      <map code="0xed" name="iacute"/><!-- LATIN SMALL LETTER I WITH ACUTE -->
+      <map code="0xee" name="icircumflex"/><!-- LATIN SMALL LETTER I WITH CIRCUMFLEX -->
+      <map code="0xef" name="idieresis"/><!-- LATIN SMALL LETTER I WITH DIAERESIS -->
+      <map code="0xf0" name="eth"/><!-- LATIN SMALL LETTER ETH -->
+      <map code="0xf1" name="ntilde"/><!-- LATIN SMALL LETTER N WITH TILDE -->
+      <map code="0xf2" name="ograve"/><!-- LATIN SMALL LETTER O WITH GRAVE -->
+      <map code="0xf3" name="oacute"/><!-- LATIN SMALL LETTER O WITH ACUTE -->
+      <map code="0xf4" name="ocircumflex"/><!-- LATIN SMALL LETTER O WITH CIRCUMFLEX -->
+      <map code="0xf5" name="otilde"/><!-- LATIN SMALL LETTER O WITH TILDE -->
+      <map code="0xf6" name="odieresis"/><!-- LATIN SMALL LETTER O WITH DIAERESIS -->
+      <map code="0xf8" name="oslash"/><!-- LATIN SMALL LETTER O WITH STROKE -->
+      <map code="0xf9" name="ugrave"/><!-- LATIN SMALL LETTER U WITH GRAVE -->
+      <map code="0xfa" name="uacute"/><!-- LATIN SMALL LETTER U WITH ACUTE -->
+      <map code="0xfb" name="ucircumflex"/><!-- LATIN SMALL LETTER U WITH CIRCUMFLEX -->
+      <map code="0xfc" name="udieresis"/><!-- LATIN SMALL LETTER U WITH DIAERESIS -->
+      <map code="0xfd" name="yacute"/><!-- LATIN SMALL LETTER Y WITH ACUTE -->
+      <map code="0xfe" name="thorn"/><!-- LATIN SMALL LETTER THORN -->
+      <map code="0xff" name="ydieresis"/><!-- LATIN SMALL LETTER Y WITH DIAERESIS -->
+      <map code="0x131" name="dotlessi"/><!-- LATIN SMALL LETTER DOTLESS I -->
+      <map code="0x141" name="Lslash"/><!-- LATIN CAPITAL LETTER L WITH STROKE -->
+      <map code="0x142" name="lslash"/><!-- LATIN SMALL LETTER L WITH STROKE -->
+      <map code="0x152" name="OE"/><!-- LATIN CAPITAL LIGATURE OE -->
+      <map code="0x153" name="oe"/><!-- LATIN SMALL LIGATURE OE -->
+      <map code="0x160" name="Scaron"/><!-- LATIN CAPITAL LETTER S WITH CARON -->
+      <map code="0x161" name="scaron"/><!-- LATIN SMALL LETTER S WITH CARON -->
+      <map code="0x178" name="Ydieresis"/><!-- LATIN CAPITAL LETTER Y WITH DIAERESIS -->
+      <map code="0x17d" name="Zcaron"/><!-- LATIN CAPITAL LETTER Z WITH CARON -->
+      <map code="0x17e" name="zcaron"/><!-- LATIN SMALL LETTER Z WITH CARON -->
+      <map code="0x2c6" name="circumflex"/><!-- MODIFIER LETTER CIRCUMFLEX ACCENT -->
+      <map code="0x2c7" name="caron"/><!-- CARON -->
+      <map code="0x2d8" name="breve"/><!-- BREVE -->
+      <map code="0x2d9" name="dotaccent"/><!-- DOT ABOVE -->
+      <map code="0x2da" name="ring"/><!-- RING ABOVE -->
+      <map code="0x2db" name="ogonek"/><!-- OGONEK -->
+      <map code="0x2dc" name="tilde"/><!-- SMALL TILDE -->
+      <map code="0x2dd" name="hungarumlaut"/><!-- DOUBLE ACUTE ACCENT -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x2018" name="quoteleft"/><!-- LEFT SINGLE QUOTATION MARK -->
+      <map code="0x2019" name="quoteright"/><!-- RIGHT SINGLE QUOTATION MARK -->
+      <map code="0x201a" name="quotesinglbase"/><!-- SINGLE LOW-9 QUOTATION MARK -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x201e" name="quotedblbase"/><!-- DOUBLE LOW-9 QUOTATION MARK -->
+      <map code="0x2022" name="bullet"/><!-- BULLET -->
+      <map code="0x2026" name="ellipsis"/><!-- HORIZONTAL ELLIPSIS -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x20ac" name="Euro"/><!-- EURO SIGN -->
+      <map code="0x2122" name="trademark"/><!-- TRADE MARK SIGN -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+      <map code="0xfb01" name="uniFB01"/><!-- LATIN SMALL LIGATURE FI -->
+      <map code="0xfb02" name="uniFB02"/><!-- LATIN SMALL LIGATURE FL -->
+    </cmap_format_4>
+  </cmap>
+
+  <fpgm>
+    <assembly>
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SZP0[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      74
+      SROUND[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      MIAP[1]
+      RTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      42
+      LT[ ]
+      IF[ ]
+      RDTG[ ]
+      EIF[ ]
+      DUP[ ]
+      MDRP[10100]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SZP0[ ]
+      MDAP[0]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      2
+      FDEF[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      RCVT[ ]
+      SWAP[ ]
+      EIF[ ]
+      POP[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      FDEF[ ]
+      ROUND[01]
+      RTG[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      LT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SWAP[ ]
+      POP[ ]
+      ROFF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      IF[ ]
+      MIRP[11101]
+      ELSE[ ]
+      MIRP[01101]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      CALL[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      70
+      SROUND[ ]
+      EIF[ ]
+      IF[ ]
+      MDRP[11101]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      FDEF[ ]
+      GFV[ ]
+      NOT[ ]
+      AND[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      34 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      FDEF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      36 1
+      GETINFO[ ]
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GETINFO[ ]
+      NOT[ ]
+      NOT[ ]
+      ELSE[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      FDEF[ ]
+      DUP[ ]
+      RDTG[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      MDRP[00100]
+      ELSE[ ]
+      MDRP[01101]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      ROLL[ ]
+      NEG[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      ROLL[ ]
+      ROLL[ ]
+      SUB[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      RTG[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      SRP0[ ]
+      ELSE[ ]
+      SRP0[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      FDEF[ ]
+      SRP2[ ]
+      SRP1[ ]
+      DUP[ ]
+      DUP[ ]
+      IP[ ]
+      MDAP[1]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      ROLL[ ]
+      GC[0]
+      SUB[ ]
+      SWAP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[1]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      NEG[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      IF[ ]
+      RTDG[ ]
+      MDRP[10110]
+      RTG[ ]
+      POP[ ]
+      POP[ ]
+      ELSE[ ]
+      DUP[ ]
+      MDRP[10110]
+      ROLL[ ]
+      MPPEM[ ]
+      GT[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      MD[0]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      NEQ[ ]
+      IF[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      FDEF[ ]
+      SWAP[ ]
+      DUP[ ]
+      MDRP[10110]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SWAP[ ]
+      DUP[ ]
+      IF[ ]
+      MPPEM[ ]
+      GTEQ[ ]
+      ELSE[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      EIF[ ]
+      IF[ ]
+      ROLL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      MINDEX[ ]
+      MD[0]
+      SWAP[ ]
+      ROLL[ ]
+      SWAP[ ]
+      DUP[ ]
+      ROLL[ ]
+      MD[0]
+      ROLL[ ]
+      SWAP[ ]
+      SUB[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      FDEF[ ]
+      DUP[ ]
+      MDRP[11010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      FDEF[ ]
+      DUP[ ]
+      MDRP[10010]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      CALL[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      FDEF[ ]
+      DUP[ ]
+      MDAP[1]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      DUP[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SUB[ ]
+      ROUND[10]
+      ROLL[ ]
+      DUP[ ]
+      GC[1]
+      SWAP[ ]
+      GC[0]
+      SWAP[ ]
+      SUB[ ]
+      ROUND[10]
+      ADD[ ]
+      DUP[ ]
+      IF[ ]
+      DUP[ ]
+      ABS[ ]
+      DIV[ ]
+      SHPIX[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      FDEF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      SDPVTL[1]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CINDEX[ ]
+      MD[1]
+      ABS[ ]
+      SWAP[ ]
+      ROLL[ ]
+      SPVTL[1]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      LT[ ]
+      IF[ ]
+      ALIGNRP[ ]
+      ELSE[ ]
+      MDRP[00000]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      FDEF[ ]
+      PUSHB[ ]  /* 4 values pushed */
+      0 64 1 64
+      WS[ ]
+      WS[ ]
+      SVTCA[1]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHW[ ]  /* 1 value pushed */
+      4096
+      MUL[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      NEQ[ ]
+      IF[ ]
+      DUP[ ]
+      ROLL[ ]
+      DUP[ ]
+      ROLL[ ]
+      GT[ ]
+      IF[ ]
+      SWAP[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      SWAP[ ]
+      WS[ ]
+      ELSE[ ]
+      DIV[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SWAP[ ]
+      WS[ ]
+      EIF[ ]
+      DUP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      64
+      GT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      0 32 0
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      1 32 1
+      RS[ ]
+      MUL[ ]
+      WS[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      32
+      MUL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      25
+      NEG[ ]
+      JMPR[ ]
+      POP[ ]
+      EIF[ ]
+      ELSE[ ]
+      POP[ ]
+      POP[ ]
+      EIF[ ]
+      ENDF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      FDEF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      0
+      RS[ ]
+      MUL[ ]
+      SWAP[ ]
+      ENDF[ ]
+    </assembly>
+  </fpgm>
+
+  <prep>
+    <assembly>
+      PUSHW[ ]  /* 1 value pushed */
+      511
+      SCANCTRL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      1
+      SCANTYPE[ ]
+      SVTCA[0]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      LT[ ]
+      IF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      1 1
+      INSTCTRL[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      70 6
+      CALL[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      EIF[ ]
+      MPPEM[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      GT[ ]
+      IF[ ]
+      POP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      128
+      EIF[ ]
+      SCVTCI[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      CALL[ ]
+      NOT[ ]
+      IF[ ]
+      SVTCA[0]
+      PUSHB[ ]  /* 1 value pushed */
+      4
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      9
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 121 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      8
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      9 79 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      7
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      8 58 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      6
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      7 37 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      5
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      6 16 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      10
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      4 152 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      11
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      10 47 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      12
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      11 46 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      13
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      12 26 2
+      CALL[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      SVTCA[1]
+      PUSHB[ ]  /* 1 value pushed */
+      14
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      3
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      17
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      14 25 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      16
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      17 15 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      15
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      16 63 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      18
+      DUP[ ]
+      RCVT[ ]
+      PUSHW[ ]  /* 3 values pushed */
+      14 32767 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      19
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      18 84 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      19 54 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      21
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      20 14 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      22
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      21 10 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      23
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      22 9 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      24
+      DUP[ ]
+      RCVT[ ]
+      PUSHB[ ]  /* 3 values pushed */
+      23 7 2
+      CALL[ ]
+      PUSHB[ ]  /* 2 values pushed */
+      3 70
+      SROUND[ ]
+      CALL[ ]
+      WCVTP[ ]
+      EIF[ ]
+      PUSHB[ ]  /* 1 value pushed */
+      20
+      CALL[ ]
+    </assembly>
+  </prep>
+
+  <cvt>
+    <cv index="0" value="-385"/>
+    <cv index="1" value="0"/>
+    <cv index="2" value="1120"/>
+    <cv index="3" value="1505"/>
+    <cv index="4" value="195"/>
+    <cv index="5" value="96"/>
+    <cv index="6" value="162"/>
+    <cv index="7" value="172"/>
+    <cv index="8" value="180"/>
+    <cv index="9" value="186"/>
+    <cv index="10" value="203"/>
+    <cv index="11" value="219"/>
+    <cv index="12" value="227"/>
+    <cv index="13" value="242"/>
+    <cv index="14" value="207"/>
+    <cv index="15" value="94"/>
+    <cv index="16" value="123"/>
+    <cv index="17" value="160"/>
+    <cv index="18" value="207"/>
+    <cv index="19" value="221"/>
+    <cv index="20" value="229"/>
+    <cv index="21" value="309"/>
+    <cv index="22" value="426"/>
+    <cv index="23" value="506"/>
+    <cv index="24" value="586"/>
+    <cv index="25" value="154"/>
+    <cv index="26" value="210"/>
+    <cv index="27" value="156"/>
+    <cv index="28" value="158"/>
+    <cv index="29" value="217"/>
+    <cv index="30" value="165"/>
+    <cv index="31" value="188"/>
+    <cv index="32" value="144"/>
+    <cv index="33" value="118"/>
+    <cv index="34" value="74"/>
+  </cvt>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="20" yMin="0" xMax="745" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 8 9
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="AE" xMin="16" yMin="0" xMax="1059" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="436" y="1505" on="1"/>
+        <pt x="1059" y="1505" on="1"/>
+        <pt x="1059" y="1278" on="1"/>
+        <pt x="774" y="1278" on="1"/>
+        <pt x="774" y="883" on="1"/>
+        <pt x="979" y="883" on="1"/>
+        <pt x="979" y="641" on="1"/>
+        <pt x="774" y="641" on="1"/>
+        <pt x="774" y="227" on="1"/>
+        <pt x="1059" y="227" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="553" y="0" on="1"/>
+        <pt x="553" y="307" on="1"/>
+        <pt x="326" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="393" y="541" on="1"/>
+        <pt x="553" y="541" on="1"/>
+        <pt x="553" y="1055" on="1"/>
+        <pt x="543" y="1055" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          14 16 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 12 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 2 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15722 -4609 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          14 15 19 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 15 19 19
+          CALL[ ]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          1 14 16 19
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aacute" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="293" y="1638" on="1"/>
+        <pt x="399" y="1823" on="1"/>
+        <pt x="614" y="1823" on="1"/>
+        <pt x="453" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 8 9 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Acircumflex" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="1638" on="1"/>
+        <pt x="274" y="1823" on="1"/>
+        <pt x="494" y="1823" on="1"/>
+        <pt x="635" y="1638" on="1"/>
+        <pt x="446" y="1638" on="1"/>
+        <pt x="383" y="1710" on="1"/>
+        <pt x="322" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 15 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 9 10 12 14 15 16
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Adieresis" xMin="20" yMin="0" xMax="745" yMax="1839">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1638" on="1"/>
+        <pt x="143" y="1839" on="1"/>
+        <pt x="334" y="1839" on="1"/>
+        <pt x="334" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="432" y="1839" on="1"/>
+        <pt x="623" y="1839" on="1"/>
+        <pt x="623" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          7 11 8 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          4 21 18 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 12
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 5 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Agrave" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="141" y="1823" on="1"/>
+        <pt x="356" y="1823" on="1"/>
+        <pt x="463" y="1638" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 12 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          2 1 9 10 11 12 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Aring" xMin="20" yMin="0" xMax="745" yMax="1905">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1700" on="0"/>
+        <pt x="231" y="1823" on="0"/>
+        <pt x="322" y="1905" on="0"/>
+        <pt x="449" y="1905" on="0"/>
+        <pt x="537" y="1823" on="0"/>
+        <pt x="537" y="1700" on="0"/>
+        <pt x="449" y="1618" on="0"/>
+        <pt x="322" y="1618" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <contour>
+        <pt x="309" y="1790" on="0"/>
+        <pt x="309" y="1733" on="0"/>
+        <pt x="356" y="1690" on="0"/>
+        <pt x="414" y="1690" on="0"/>
+        <pt x="461" y="1733" on="0"/>
+        <pt x="461" y="1790" on="0"/>
+        <pt x="414" y="1833" on="0"/>
+        <pt x="356" y="1833" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 16 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          25 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          23 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          7 23 9 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          13 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 13 27 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 15 10 20
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 12 13 8
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Atilde" xMin="20" yMin="0" xMax="745" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="248" y="1505" on="1"/>
+        <pt x="518" y="1505" on="1"/>
+        <pt x="745" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="489" y="307" on="1"/>
+        <pt x="276" y="307" on="1"/>
+        <pt x="236" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="184" y="1632" on="1"/>
+        <pt x="184" y="1784" on="1"/>
+        <pt x="233" y="1823" on="0"/>
+        <pt x="293" y="1823" on="1"/>
+        <pt x="326" y="1823" on="0"/>
+        <pt x="442" y="1786" on="0"/>
+        <pt x="473" y="1784" on="1"/>
+        <pt x="498" y="1784" on="0"/>
+        <pt x="553" y="1800" on="0"/>
+        <pt x="567" y="1808" on="1"/>
+        <pt x="582" y="1817" on="1"/>
+        <pt x="582" y="1665" on="1"/>
+        <pt x="531" y="1626" on="0"/>
+        <pt x="473" y="1626" on="1"/>
+        <pt x="442" y="1626" on="0"/>
+        <pt x="326" y="1665" on="0"/>
+        <pt x="293" y="1665" on="1"/>
+        <pt x="268" y="1665" on="0"/>
+        <pt x="213" y="1649" on="0"/>
+        <pt x="199" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="541" on="1"/>
+        <pt x="459" y="541" on="1"/>
+        <pt x="395" y="1016" on="1"/>
+        <pt x="389" y="1055" on="1"/>
+        <pt x="377" y="1055" on="1"/>
+        <pt x="371" y="1016" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 28 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          14 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SRP1[ ]
+          PUSHB[ ]  /* 8 values pushed */
+          2 1 11 13 21 24 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="B" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="276" y="1505" on="1"/>
+        <pt x="481" y="1505" on="0"/>
+        <pt x="680" y="1323" on="0"/>
+        <pt x="680" y="1106" on="1"/>
+        <pt x="680" y="1000" on="0"/>
+        <pt x="621" y="862" on="0"/>
+        <pt x="543" y="795" on="1"/>
+        <pt x="549" y="793" on="0"/>
+        <pt x="569" y="778" on="0"/>
+        <pt x="623" y="723" on="0"/>
+        <pt x="664" y="647" on="0"/>
+        <pt x="696" y="510" on="0"/>
+        <pt x="696" y="426" on="1"/>
+        <pt x="696" y="12" on="0"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="219" on="1"/>
+        <pt x="377" y="219" on="0"/>
+        <pt x="412" y="250" on="1"/>
+        <pt x="467" y="305" on="0"/>
+        <pt x="467" y="451" on="1"/>
+        <pt x="467" y="533" on="0"/>
+        <pt x="434" y="637" on="0"/>
+        <pt x="375" y="674" on="0"/>
+        <pt x="338" y="682" on="0"/>
+        <pt x="311" y="682" on="1"/>
+        <pt x="303" y="682" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="885" on="1"/>
+        <pt x="326" y="885" on="0"/>
+        <pt x="348" y="887" on="0"/>
+        <pt x="406" y="905" on="0"/>
+        <pt x="438" y="944" on="0"/>
+        <pt x="467" y="1026" on="0"/>
+        <pt x="467" y="1145" on="0"/>
+        <pt x="438" y="1227" on="0"/>
+        <pt x="406" y="1266" on="0"/>
+        <pt x="348" y="1284" on="0"/>
+        <pt x="326" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          28 27 16 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          14 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="C" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 41
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 21 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ccedilla" xMin="68" yMin="-385" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="989" on="1"/>
+        <pt x="451" y="989" on="1"/>
+        <pt x="451" y="1196" on="1"/>
+        <pt x="449" y="1196" on="0"/>
+        <pt x="453" y="1219" on="0"/>
+        <pt x="442" y="1251" on="0"/>
+        <pt x="428" y="1284" on="0"/>
+        <pt x="393" y="1307" on="0"/>
+        <pt x="367" y="1307" on="1"/>
+        <pt x="297" y="1297" on="0"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="293" y="260" on="0"/>
+        <pt x="332" y="199" on="0"/>
+        <pt x="367" y="199" on="1"/>
+        <pt x="408" y="199" on="0"/>
+        <pt x="451" y="254" on="0"/>
+        <pt x="451" y="283" on="1"/>
+        <pt x="451" y="309" on="1"/>
+        <pt x="451" y="516" on="1"/>
+        <pt x="657" y="516" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="268" y="-111" on="1"/>
+        <pt x="268" y="-252" on="1"/>
+        <pt x="332" y="-252" on="1"/>
+        <pt x="291" y="-385" on="1"/>
+        <pt x="395" y="-385" on="1"/>
+        <pt x="440" y="-252" on="1"/>
+        <pt x="440" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          28 41 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 28 33 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 13 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 41 46 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          7 21 40 48 51 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="D" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="444" y="302" on="1"/>
+        <pt x="467" y="377" on="0"/>
+        <pt x="467" y="698" on="1"/>
+        <pt x="467" y="725" on="0"/>
+        <pt x="467" y="782" on="0"/>
+        <pt x="467" y="809" on="1"/>
+        <pt x="467" y="1131" on="0"/>
+        <pt x="444" y="1204" on="1"/>
+        <pt x="419" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 9
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="E" xMin="82" yMin="0" xMax="588" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eacute" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="342" y="1823" on="1"/>
+        <pt x="557" y="1823" on="1"/>
+        <pt x="395" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ecircumflex" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="84" y="1638" on="1"/>
+        <pt x="225" y="1823" on="1"/>
+        <pt x="444" y="1823" on="1"/>
+        <pt x="586" y="1638" on="1"/>
+        <pt x="397" y="1638" on="1"/>
+        <pt x="334" y="1710" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 16 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Edieresis" xMin="82" yMin="0" xMax="588" yMax="1839">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1638" on="1"/>
+        <pt x="94" y="1839" on="1"/>
+        <pt x="285" y="1839" on="1"/>
+        <pt x="285" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="383" y="1638" on="1"/>
+        <pt x="383" y="1839" on="1"/>
+        <pt x="573" y="1839" on="1"/>
+        <pt x="573" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Egrave" xMin="82" yMin="0" xMax="588" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="588" y="1505" on="1"/>
+        <pt x="588" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="641" on="1"/>
+        <pt x="303" y="641" on="1"/>
+        <pt x="303" y="227" on="1"/>
+        <pt x="588" y="227" on="1"/>
+        <pt x="588" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="111" y="1823" on="1"/>
+        <pt x="326" y="1823" on="1"/>
+        <pt x="432" y="1638" on="1"/>
+        <pt x="272" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 15
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Eth" xMin="20" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="20" y="655" on="1"/>
+        <pt x="20" y="883" on="1"/>
+        <pt x="82" y="883" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="256" y="1505" on="1"/>
+        <pt x="346" y="1505" on="0"/>
+        <pt x="473" y="1481" on="0"/>
+        <pt x="571" y="1438" on="0"/>
+        <pt x="633" y="1346" on="0"/>
+        <pt x="672" y="1247" on="0"/>
+        <pt x="690" y="1067" on="0"/>
+        <pt x="696" y="893" on="0"/>
+        <pt x="696" y="610" on="0"/>
+        <pt x="690" y="436" on="0"/>
+        <pt x="672" y="258" on="0"/>
+        <pt x="633" y="160" on="0"/>
+        <pt x="571" y="68" on="0"/>
+        <pt x="473" y="25" on="0"/>
+        <pt x="346" y="0" on="0"/>
+        <pt x="256" y="0" on="1"/>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="655" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="221" on="1"/>
+        <pt x="420" y="221" on="0"/>
+        <pt x="469" y="383" on="0"/>
+        <pt x="467" y="754" on="1"/>
+        <pt x="469" y="1125" on="0"/>
+        <pt x="420" y="1284" on="0"/>
+        <pt x="303" y="1284" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="387" y="883" on="1"/>
+        <pt x="387" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 19 4 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          12 20 0 14
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          31 21 0 12 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 20
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Euro" xMin="53" yMin="-16" xMax="750" yMax="1522">
+      <contour>
+        <pt x="53" y="547" on="1"/>
+        <pt x="53" y="684" on="1"/>
+        <pt x="160" y="684" on="1"/>
+        <pt x="160" y="821" on="1"/>
+        <pt x="53" y="821" on="1"/>
+        <pt x="53" y="958" on="1"/>
+        <pt x="160" y="958" on="1"/>
+        <pt x="160" y="1196" on="1"/>
+        <pt x="160" y="1208" on="0"/>
+        <pt x="164" y="1253" on="0"/>
+        <pt x="195" y="1366" on="0"/>
+        <pt x="250" y="1452" on="0"/>
+        <pt x="371" y="1522" on="0"/>
+        <pt x="539" y="1522" on="0"/>
+        <pt x="659" y="1454" on="0"/>
+        <pt x="715" y="1360" on="0"/>
+        <pt x="745" y="1264" on="0"/>
+        <pt x="748" y="1229" on="1"/>
+        <pt x="750" y="1196" on="1"/>
+        <pt x="750" y="1112" on="1"/>
+        <pt x="543" y="1112" on="1"/>
+        <pt x="543" y="1196" on="1"/>
+        <pt x="541" y="1196" on="0"/>
+        <pt x="545" y="1219" on="0"/>
+        <pt x="535" y="1251" on="0"/>
+        <pt x="520" y="1284" on="0"/>
+        <pt x="485" y="1307" on="0"/>
+        <pt x="459" y="1307" on="1"/>
+        <pt x="389" y="1297" on="0"/>
+        <pt x="381" y="1196" on="1"/>
+        <pt x="381" y="958" on="1"/>
+        <pt x="614" y="958" on="1"/>
+        <pt x="614" y="821" on="1"/>
+        <pt x="381" y="821" on="1"/>
+        <pt x="381" y="684" on="1"/>
+        <pt x="614" y="684" on="1"/>
+        <pt x="614" y="547" on="1"/>
+        <pt x="381" y="547" on="1"/>
+        <pt x="381" y="309" on="1"/>
+        <pt x="381" y="297" on="0"/>
+        <pt x="385" y="260" on="0"/>
+        <pt x="424" y="199" on="0"/>
+        <pt x="459" y="199" on="1"/>
+        <pt x="500" y="199" on="0"/>
+        <pt x="541" y="254" on="0"/>
+        <pt x="541" y="283" on="1"/>
+        <pt x="543" y="309" on="1"/>
+        <pt x="543" y="393" on="1"/>
+        <pt x="750" y="393" on="1"/>
+        <pt x="750" y="309" on="1"/>
+        <pt x="750" y="297" on="0"/>
+        <pt x="745" y="252" on="0"/>
+        <pt x="715" y="139" on="0"/>
+        <pt x="659" y="53" on="0"/>
+        <pt x="539" y="-16" on="0"/>
+        <pt x="371" y="-16" on="0"/>
+        <pt x="250" y="51" on="0"/>
+        <pt x="195" y="147" on="0"/>
+        <pt x="164" y="242" on="0"/>
+        <pt x="162" y="274" on="1"/>
+        <pt x="160" y="309" on="1"/>
+        <pt x="160" y="547" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          55 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          42 55 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 42 47 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 13 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 19 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 55 13 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          5 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 6
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 33
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 60 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 38 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          60 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 60 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 27 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="F" xMin="82" yMin="0" xMax="608" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="608" y="1505" on="1"/>
+        <pt x="608" y="1278" on="1"/>
+        <pt x="303" y="1278" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="508" y="883" on="1"/>
+        <pt x="508" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          5 8 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="G" xMin="67" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="965" on="1"/>
+        <pt x="436" y="965" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+        <pt x="289" y="291" on="1"/>
+        <pt x="289" y="279" on="0"/>
+        <pt x="291" y="242" on="0"/>
+        <pt x="328" y="180" on="0"/>
+        <pt x="397" y="180" on="0"/>
+        <pt x="434" y="236" on="0"/>
+        <pt x="434" y="262" on="1"/>
+        <pt x="436" y="291" on="1"/>
+        <pt x="436" y="563" on="1"/>
+        <pt x="348" y="563" on="1"/>
+        <pt x="348" y="750" on="1"/>
+        <pt x="657" y="750" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="526" y="0" on="1"/>
+        <pt x="500" y="72" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="125" y="-16" on="0"/>
+        <pt x="78" y="197" on="1"/>
+        <pt x="67" y="245" on="0"/>
+        <pt x="67" y="286" on="1"/>
+        <pt x="67" y="298" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          36 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          39 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 19 14 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          32 33 39 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          46 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 26 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 27
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 37
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 36
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="H" xMin="82" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="883" on="1"/>
+        <pt x="475" y="883" on="1"/>
+        <pt x="475" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="696" y="0" on="1"/>
+        <pt x="475" y="0" on="1"/>
+        <pt x="475" y="655" on="1"/>
+        <pt x="303" y="655" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 10 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="I" xMin="82" yMin="0" xMax="303" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Iacute" xMin="82" yMin="0" xMax="408" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="1638" on="1"/>
+        <pt x="193" y="1823" on="1"/>
+        <pt x="408" y="1823" on="1"/>
+        <pt x="246" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1823">
+      <contour>
+        <pt x="-66" y="1638" on="1"/>
+        <pt x="76" y="1823" on="1"/>
+        <pt x="295" y="1823" on="1"/>
+        <pt x="436" y="1638" on="1"/>
+        <pt x="248" y="1638" on="1"/>
+        <pt x="184" y="1710" on="1"/>
+        <pt x="123" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="295" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 1 4 6
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Idieresis" xMin="-53" yMin="0" xMax="426" yMax="1839">
+      <contour>
+        <pt x="-53" y="1638" on="1"/>
+        <pt x="-53" y="1839" on="1"/>
+        <pt x="137" y="1839" on="1"/>
+        <pt x="137" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="0" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1638" on="1"/>
+        <pt x="236" y="1839" on="1"/>
+        <pt x="426" y="1839" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Igrave" xMin="-6" yMin="0" xMax="319" yMax="1823">
+      <contour>
+        <pt x="-6" y="1823" on="1"/>
+        <pt x="209" y="1823" on="1"/>
+        <pt x="315" y="1638" on="1"/>
+        <pt x="156" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="0" on="1"/>
+        <pt x="98" y="1505" on="1"/>
+        <pt x="319" y="1505" on="1"/>
+        <pt x="319" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="J" xMin="12" yMin="-15" xMax="352" yMax="1505">
+      <contour>
+        <pt x="12" y="-14" on="1"/>
+        <pt x="12" y="203" on="1"/>
+        <pt x="16" y="203" on="0"/>
+        <pt x="33" y="201" on="0"/>
+        <pt x="74" y="207" on="0"/>
+        <pt x="104" y="225" on="0"/>
+        <pt x="131" y="276" on="0"/>
+        <pt x="131" y="313" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="352" y="279" on="1"/>
+        <pt x="352" y="142" on="0"/>
+        <pt x="273" y="58" on="1"/>
+        <pt x="203" y="-16" on="0"/>
+        <pt x="51" y="-15" on="1"/>
+        <pt x="32" y="-15" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 7 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="K" xMin="82" yMin="0" xMax="748" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="1004" on="1"/>
+        <pt x="303" y="979" on="1"/>
+        <pt x="311" y="979" on="1"/>
+        <pt x="322" y="1004" on="1"/>
+        <pt x="506" y="1505" on="1"/>
+        <pt x="721" y="1505" on="1"/>
+        <pt x="518" y="1010" on="1"/>
+        <pt x="748" y="0" on="1"/>
+        <pt x="532" y="0" on="1"/>
+        <pt x="379" y="655" on="1"/>
+        <pt x="373" y="686" on="1"/>
+        <pt x="367" y="686" on="1"/>
+        <pt x="354" y="655" on="1"/>
+        <pt x="303" y="532" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15975 -3638 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 13 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 13 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 13
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="L" xMin="82" yMin="0" xMax="596" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="303" y="205" on="1"/>
+        <pt x="596" y="205" on="1"/>
+        <pt x="596" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 5 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Lslash" xMin="41" yMin="0" xMax="621" yMax="1505">
+      <contour>
+        <pt x="41" y="561" on="1"/>
+        <pt x="41" y="782" on="1"/>
+        <pt x="106" y="834" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="328" y="1505" on="1"/>
+        <pt x="328" y="1006" on="1"/>
+        <pt x="449" y="1100" on="1"/>
+        <pt x="449" y="879" on="1"/>
+        <pt x="328" y="784" on="1"/>
+        <pt x="328" y="205" on="1"/>
+        <pt x="621" y="205" on="1"/>
+        <pt x="621" y="0" on="1"/>
+        <pt x="106" y="0" on="1"/>
+        <pt x="106" y="612" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 12 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 11 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 21
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="M" xMin="82" yMin="0" xMax="909" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="352" y="1505" on="1"/>
+        <pt x="483" y="817" on="1"/>
+        <pt x="494" y="737" on="1"/>
+        <pt x="498" y="737" on="1"/>
+        <pt x="508" y="817" on="1"/>
+        <pt x="639" y="1505" on="1"/>
+        <pt x="909" y="1505" on="1"/>
+        <pt x="909" y="0" on="1"/>
+        <pt x="705" y="0" on="1"/>
+        <pt x="705" y="946" on="1"/>
+        <pt x="705" y="1010" on="1"/>
+        <pt x="692" y="1010" on="1"/>
+        <pt x="684" y="946" on="1"/>
+        <pt x="543" y="0" on="1"/>
+        <pt x="449" y="0" on="1"/>
+        <pt x="307" y="946" on="1"/>
+        <pt x="299" y="1010" on="1"/>
+        <pt x="287" y="1010" on="1"/>
+        <pt x="287" y="946" on="1"/>
+        <pt x="287" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 15
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16231 -2232 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 27
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          14 28
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 8 values pushed */
+          3 4 5 6 13 14 17 18
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          16 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="N" xMin="82" yMin="0" xMax="727" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ntilde" xMin="82" yMin="0" xMax="727" yMax="1823">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="279" y="1505" on="1"/>
+        <pt x="494" y="721" on="1"/>
+        <pt x="512" y="651" on="1"/>
+        <pt x="524" y="651" on="1"/>
+        <pt x="524" y="721" on="1"/>
+        <pt x="524" y="1505" on="1"/>
+        <pt x="727" y="1505" on="1"/>
+        <pt x="727" y="0" on="1"/>
+        <pt x="530" y="0" on="1"/>
+        <pt x="315" y="784" on="1"/>
+        <pt x="297" y="854" on="1"/>
+        <pt x="285" y="854" on="1"/>
+        <pt x="285" y="784" on="1"/>
+        <pt x="285" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="207" y="1632" on="1"/>
+        <pt x="207" y="1784" on="1"/>
+        <pt x="256" y="1823" on="0"/>
+        <pt x="315" y="1823" on="1"/>
+        <pt x="348" y="1823" on="0"/>
+        <pt x="465" y="1786" on="0"/>
+        <pt x="496" y="1784" on="1"/>
+        <pt x="521" y="1784" on="0"/>
+        <pt x="575" y="1800" on="0"/>
+        <pt x="590" y="1808" on="1"/>
+        <pt x="604" y="1817" on="1"/>
+        <pt x="604" y="1665" on="1"/>
+        <pt x="553" y="1626" on="0"/>
+        <pt x="496" y="1626" on="1"/>
+        <pt x="465" y="1626" on="0"/>
+        <pt x="348" y="1665" on="0"/>
+        <pt x="315" y="1665" on="1"/>
+        <pt x="290" y="1665" on="0"/>
+        <pt x="236" y="1649" on="0"/>
+        <pt x="221" y="1640" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15801 -4333 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[00000]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          3 4 11 12
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          19 21 29 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 27
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="O" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="OE" xMin="68" yMin="0" xMax="942" yMax="1505">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1251" on="0"/>
+        <pt x="102" y="1358" on="0"/>
+        <pt x="158" y="1438" on="0"/>
+        <pt x="279" y="1505" on="0"/>
+        <pt x="362" y="1505" on="1"/>
+        <pt x="942" y="1505" on="1"/>
+        <pt x="942" y="1278" on="1"/>
+        <pt x="657" y="1278" on="1"/>
+        <pt x="657" y="883" on="1"/>
+        <pt x="862" y="883" on="1"/>
+        <pt x="862" y="641" on="1"/>
+        <pt x="657" y="641" on="1"/>
+        <pt x="657" y="227" on="1"/>
+        <pt x="942" y="227" on="1"/>
+        <pt x="942" y="0" on="1"/>
+        <pt x="362" y="0" on="1"/>
+        <pt x="278" y="0" on="0"/>
+        <pt x="158" y="63" on="0"/>
+        <pt x="102" y="156" on="0"/>
+        <pt x="72" y="246" on="0"/>
+        <pt x="70" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1210" on="1"/>
+        <pt x="430" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 17 8 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          13 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oacute" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="285" y="1638" on="1"/>
+        <pt x="391" y="1823" on="1"/>
+        <pt x="606" y="1823" on="1"/>
+        <pt x="444" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 19 24
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ocircumflex" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="254" y="1823" on="1"/>
+        <pt x="473" y="1823" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+        <pt x="426" y="1638" on="1"/>
+        <pt x="362" y="1710" on="1"/>
+        <pt x="301" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          48 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 26 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Odieresis" xMin="68" yMin="-16" xMax="657" yMax="1839">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="123" y="1638" on="1"/>
+        <pt x="123" y="1839" on="1"/>
+        <pt x="313" y="1839" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <contour>
+        <pt x="412" y="1638" on="1"/>
+        <pt x="412" y="1839" on="1"/>
+        <pt x="602" y="1839" on="1"/>
+        <pt x="602" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 32 39 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ograve" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="121" y="1823" on="1"/>
+        <pt x="336" y="1823" on="1"/>
+        <pt x="442" y="1638" on="1"/>
+        <pt x="283" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 19 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 18 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Oslash" xMin="59" yMin="-20" xMax="657" yMax="1526">
+      <contour>
+        <pt x="59" y="-20" on="1"/>
+        <pt x="106" y="137" on="1"/>
+        <pt x="88" y="174" on="0"/>
+        <pt x="70" y="260" on="0"/>
+        <pt x="70" y="285" on="1"/>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="362" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="520" y="1479" on="1"/>
+        <pt x="535" y="1526" on="1"/>
+        <pt x="657" y="1526" on="1"/>
+        <pt x="612" y="1376" on="1"/>
+        <pt x="632" y="1337" on="0"/>
+        <pt x="655" y="1247" on="0"/>
+        <pt x="655" y="1221" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="203" y="27" on="1"/>
+        <pt x="188" y="-20" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="797" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="727" on="1"/>
+        <pt x="436" y="1206" on="1"/>
+        <pt x="428" y="1306" on="0"/>
+        <pt x="362" y="1307" on="1"/>
+        <pt x="327" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          28 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 31
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 16
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          32 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 42
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15608 -4981 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 33
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 33
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15659 -4821 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          14 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 31 16 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          40 31 16 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          41 0 15 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 15
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 31 16
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 6 values pushed */
+          1 14 17 30 40 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          0 1 14 15 17 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Otilde" xMin="68" yMin="-16" xMax="657" yMax="1823">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="164" y="1632" on="1"/>
+        <pt x="164" y="1784" on="1"/>
+        <pt x="213" y="1823" on="0"/>
+        <pt x="272" y="1823" on="1"/>
+        <pt x="305" y="1823" on="0"/>
+        <pt x="422" y="1786" on="0"/>
+        <pt x="453" y="1784" on="1"/>
+        <pt x="478" y="1784" on="0"/>
+        <pt x="532" y="1800" on="0"/>
+        <pt x="547" y="1808" on="1"/>
+        <pt x="561" y="1817" on="1"/>
+        <pt x="561" y="1665" on="1"/>
+        <pt x="510" y="1626" on="0"/>
+        <pt x="453" y="1626" on="1"/>
+        <pt x="422" y="1626" on="0"/>
+        <pt x="305" y="1665" on="0"/>
+        <pt x="272" y="1665" on="1"/>
+        <pt x="247" y="1665" on="0"/>
+        <pt x="193" y="1649" on="0"/>
+        <pt x="178" y="1640" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          56 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          61 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          6 19 24 27 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 18 34 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="P" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="469" y="1505" on="0"/>
+        <pt x="692" y="1294" on="0"/>
+        <pt x="692" y="815" on="0"/>
+        <pt x="469" y="602" on="0"/>
+        <pt x="303" y="602" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="827" on="1"/>
+        <pt x="405" y="827" on="0"/>
+        <pt x="469" y="918" on="0"/>
+        <pt x="469" y="1047" on="1"/>
+        <pt x="469" y="1178" on="0"/>
+        <pt x="403" y="1280" on="0"/>
+        <pt x="303" y="1280" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          7 9 0 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Q" xMin="68" yMin="-115" xMax="700" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="215" on="0"/>
+        <pt x="612" y="127" on="1"/>
+        <pt x="645" y="84" on="0"/>
+        <pt x="700" y="74" on="1"/>
+        <pt x="700" y="-115" on="1"/>
+        <pt x="540" y="-115" on="0"/>
+        <pt x="473" y="2" on="1"/>
+        <pt x="418" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="278" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 11
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          17 32 22 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 26
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 15 20
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="R" xMin="82" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="303" y="1505" on="1"/>
+        <pt x="680" y="1505" on="0"/>
+        <pt x="680" y="1071" on="1"/>
+        <pt x="680" y="813" on="0"/>
+        <pt x="557" y="729" on="1"/>
+        <pt x="698" y="0" on="1"/>
+        <pt x="477" y="0" on="1"/>
+        <pt x="362" y="635" on="1"/>
+        <pt x="303" y="635" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="840" on="1"/>
+        <pt x="334" y="840" on="0"/>
+        <pt x="377" y="850" on="0"/>
+        <pt x="436" y="889" on="0"/>
+        <pt x="467" y="987" on="0"/>
+        <pt x="467" y="1139" on="0"/>
+        <pt x="436" y="1237" on="0"/>
+        <pt x="377" y="1276" on="0"/>
+        <pt x="334" y="1286" on="0"/>
+        <pt x="303" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -16122 -2920 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="S" xMin="37" yMin="-16" xMax="666" yMax="1522">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="361" y="1522" on="0"/>
+        <pt x="366" y="1522" on="1"/>
+        <pt x="454" y="1522" on="0"/>
+        <pt x="516" y="1487" on="1"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          46 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 20 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 26 27 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Scaron" xMin="37" yMin="-16" xMax="666" yMax="1823">
+      <contour>
+        <pt x="37" y="422" on="1"/>
+        <pt x="254" y="442" on="1"/>
+        <pt x="254" y="186" on="0"/>
+        <pt x="358" y="186" on="1"/>
+        <pt x="448" y="186" on="0"/>
+        <pt x="449" y="352" on="1"/>
+        <pt x="449" y="381" on="0"/>
+        <pt x="432" y="442" on="0"/>
+        <pt x="385" y="528" on="0"/>
+        <pt x="358" y="569" on="0"/>
+        <pt x="279" y="686" on="0"/>
+        <pt x="270" y="700" on="1"/>
+        <pt x="204" y="796" on="0"/>
+        <pt x="131" y="920" on="0"/>
+        <pt x="68" y="1094" on="0"/>
+        <pt x="68" y="1169" on="1"/>
+        <pt x="68" y="1308" on="0"/>
+        <pt x="211" y="1520" on="0"/>
+        <pt x="356" y="1522" on="1"/>
+        <pt x="450" y="1524" on="0"/>
+        <pt x="582" y="1450" on="0"/>
+        <pt x="641" y="1321" on="0"/>
+        <pt x="666" y="1196" on="0"/>
+        <pt x="666" y="1122" on="1"/>
+        <pt x="449" y="1102" on="1"/>
+        <pt x="449" y="1319" on="0"/>
+        <pt x="360" y="1319" on="1"/>
+        <pt x="284" y="1317" on="0"/>
+        <pt x="285" y="1169" on="1"/>
+        <pt x="285" y="1151" on="0"/>
+        <pt x="293" y="1108" on="0"/>
+        <pt x="305" y="1073" on="0"/>
+        <pt x="330" y="1022" on="0"/>
+        <pt x="346" y="993" on="0"/>
+        <pt x="385" y="934" on="0"/>
+        <pt x="403" y="907" on="0"/>
+        <pt x="451" y="840" on="0"/>
+        <pt x="459" y="827" on="1"/>
+        <pt x="533" y="716" on="0"/>
+        <pt x="594" y="618" on="0"/>
+        <pt x="666" y="438" on="0"/>
+        <pt x="666" y="362" on="1"/>
+        <pt x="666" y="-17" on="0"/>
+        <pt x="358" y="-16" on="1"/>
+        <pt x="276" y="-16" on="0"/>
+        <pt x="156" y="35" on="0"/>
+        <pt x="88" y="111" on="0"/>
+        <pt x="49" y="233" on="0"/>
+        <pt x="37" y="346" on="0"/>
+      </contour>
+      <contour>
+        <pt x="100" y="1823" on="1"/>
+        <pt x="289" y="1823" on="1"/>
+        <pt x="350" y="1751" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="602" y="1823" on="1"/>
+        <pt x="461" y="1638" on="1"/>
+        <pt x="242" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          43 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          18 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          50 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          28 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          41 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 50 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 53 54
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 1 15 23 24 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="T" xMin="4" yMin="0" xMax="643" yMax="1505">
+      <contour>
+        <pt x="4" y="1278" on="1"/>
+        <pt x="4" y="1505" on="1"/>
+        <pt x="643" y="1505" on="1"/>
+        <pt x="643" y="1278" on="1"/>
+        <pt x="434" y="1278" on="1"/>
+        <pt x="434" y="0" on="1"/>
+        <pt x="213" y="0" on="1"/>
+        <pt x="213" y="1278" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Thorn" xMin="82" yMin="0" xMax="692" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="1264" on="1"/>
+        <pt x="303" y="1264" on="1"/>
+        <pt x="469" y="1264" on="0"/>
+        <pt x="692" y="1053" on="0"/>
+        <pt x="692" y="573" on="0"/>
+        <pt x="469" y="360" on="0"/>
+        <pt x="303" y="360" on="1"/>
+        <pt x="303" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="303" y="586" on="1"/>
+        <pt x="405" y="586" on="0"/>
+        <pt x="469" y="676" on="0"/>
+        <pt x="469" y="805" on="1"/>
+        <pt x="469" y="936" on="0"/>
+        <pt x="403" y="1038" on="0"/>
+        <pt x="303" y="1038" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          9 11 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 12
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          4 17 0 1 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 11
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="U" xMin="80" yMin="-16" xMax="670" yMax="1505">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Uacute" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="1638" on="1"/>
+        <pt x="414" y="1823" on="1"/>
+        <pt x="629" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ucircumflex" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="125" y="1638" on="1"/>
+        <pt x="266" y="1823" on="1"/>
+        <pt x="485" y="1823" on="1"/>
+        <pt x="627" y="1638" on="1"/>
+        <pt x="438" y="1638" on="1"/>
+        <pt x="375" y="1710" on="1"/>
+        <pt x="313" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 24 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          30 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Udieresis" xMin="80" yMin="-16" xMax="670" yMax="1839">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="297" on="0"/>
+        <pt x="303" y="260" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="446" y="254" on="0"/>
+        <pt x="446" y="283" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="297" on="0"/>
+        <pt x="666" y="252" on="0"/>
+        <pt x="635" y="139" on="0"/>
+        <pt x="580" y="53" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="170" y="51" on="0"/>
+        <pt x="115" y="147" on="0"/>
+        <pt x="84" y="242" on="0"/>
+        <pt x="82" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="135" y="1638" on="1"/>
+        <pt x="135" y="1839" on="1"/>
+        <pt x="326" y="1839" on="1"/>
+        <pt x="326" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="424" y="1638" on="1"/>
+        <pt x="424" y="1839" on="1"/>
+        <pt x="614" y="1839" on="1"/>
+        <pt x="614" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ugrave" xMin="80" yMin="-16" xMax="670" yMax="1823">
+      <contour>
+        <pt x="80" y="309" on="1"/>
+        <pt x="80" y="297" on="0"/>
+        <pt x="84" y="252" on="0"/>
+        <pt x="115" y="139" on="0"/>
+        <pt x="170" y="53" on="0"/>
+        <pt x="291" y="-16" on="0"/>
+        <pt x="459" y="-16" on="0"/>
+        <pt x="580" y="51" on="0"/>
+        <pt x="635" y="147" on="0"/>
+        <pt x="666" y="242" on="0"/>
+        <pt x="668" y="274" on="1"/>
+        <pt x="670" y="309" on="1"/>
+        <pt x="670" y="1505" on="1"/>
+        <pt x="449" y="1505" on="1"/>
+        <pt x="449" y="309" on="1"/>
+        <pt x="449" y="297" on="0"/>
+        <pt x="446" y="260" on="0"/>
+        <pt x="410" y="199" on="0"/>
+        <pt x="340" y="199" on="0"/>
+        <pt x="303" y="254" on="0"/>
+        <pt x="303" y="283" on="1"/>
+        <pt x="301" y="309" on="1"/>
+        <pt x="301" y="1505" on="1"/>
+        <pt x="80" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="145" y="1823" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="467" y="1638" on="1"/>
+        <pt x="307" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          6 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 24
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="V" xMin="18" yMin="0" xMax="698" yMax="1505">
+      <contour>
+        <pt x="18" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="678" on="1"/>
+        <pt x="352" y="614" on="1"/>
+        <pt x="365" y="614" on="1"/>
+        <pt x="373" y="678" on="1"/>
+        <pt x="483" y="1505" on="1"/>
+        <pt x="698" y="1505" on="1"/>
+        <pt x="469" y="0" on="1"/>
+        <pt x="248" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 9
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="W" xMin="25" yMin="0" xMax="1012" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="229" y="1505" on="1"/>
+        <pt x="317" y="723" on="1"/>
+        <pt x="322" y="674" on="1"/>
+        <pt x="338" y="674" on="1"/>
+        <pt x="344" y="723" on="1"/>
+        <pt x="438" y="1505" on="1"/>
+        <pt x="598" y="1505" on="1"/>
+        <pt x="692" y="723" on="1"/>
+        <pt x="698" y="674" on="1"/>
+        <pt x="715" y="674" on="1"/>
+        <pt x="719" y="723" on="1"/>
+        <pt x="807" y="1505" on="1"/>
+        <pt x="1012" y="1505" on="1"/>
+        <pt x="809" y="0" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="535" y="713" on="1"/>
+        <pt x="522" y="801" on="1"/>
+        <pt x="514" y="801" on="1"/>
+        <pt x="502" y="713" on="1"/>
+        <pt x="399" y="0" on="1"/>
+        <pt x="227" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="X" xMin="16" yMin="0" xMax="721" yMax="1505">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="260" y="791" on="1"/>
+        <pt x="20" y="1505" on="1"/>
+        <pt x="238" y="1505" on="1"/>
+        <pt x="358" y="1124" on="1"/>
+        <pt x="365" y="1106" on="1"/>
+        <pt x="373" y="1106" on="1"/>
+        <pt x="379" y="1124" on="1"/>
+        <pt x="500" y="1505" on="1"/>
+        <pt x="717" y="1505" on="1"/>
+        <pt x="477" y="791" on="1"/>
+        <pt x="721" y="0" on="1"/>
+        <pt x="504" y="0" on="1"/>
+        <pt x="377" y="449" on="1"/>
+        <pt x="373" y="467" on="1"/>
+        <pt x="365" y="467" on="1"/>
+        <pt x="360" y="449" on="1"/>
+        <pt x="233" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 12 17
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15615 -4959 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15627 -4922 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 2 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 3 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 0 8 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15600 -5007 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 3 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 17 9 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 2 12 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15597 -5016 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          15 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 17 9 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 0 8
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 9
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 11
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          13 2 12
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 7 values pushed */
+          1 4 7 10 13 15 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Y" xMin="14" yMin="0" xMax="686" yMax="1505">
+      <contour>
+        <pt x="14" y="1505" on="1"/>
+        <pt x="231" y="1505" on="1"/>
+        <pt x="342" y="1024" on="1"/>
+        <pt x="348" y="1010" on="1"/>
+        <pt x="352" y="1010" on="1"/>
+        <pt x="358" y="1024" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="686" y="1505" on="1"/>
+        <pt x="461" y="641" on="1"/>
+        <pt x="461" y="0" on="1"/>
+        <pt x="240" y="0" on="1"/>
+        <pt x="240" y="641" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Yacute" xMin="16" yMin="0" xMax="688" yMax="1823">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="242" y="641" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+      </contour>
+      <contour>
+        <pt x="254" y="1638" on="1"/>
+        <pt x="360" y="1823" on="1"/>
+        <pt x="575" y="1823" on="1"/>
+        <pt x="414" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          1 3 4 12 13 15
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Ydieresis" xMin="16" yMin="0" xMax="688" yMax="1839">
+      <contour>
+        <pt x="16" y="1505" on="1"/>
+        <pt x="233" y="1505" on="1"/>
+        <pt x="344" y="1024" on="1"/>
+        <pt x="350" y="1010" on="1"/>
+        <pt x="354" y="1010" on="1"/>
+        <pt x="360" y="1024" on="1"/>
+        <pt x="471" y="1505" on="1"/>
+        <pt x="688" y="1505" on="1"/>
+        <pt x="463" y="641" on="1"/>
+        <pt x="463" y="0" on="1"/>
+        <pt x="242" y="0" on="1"/>
+        <pt x="242" y="641" on="1"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1638" on="1"/>
+        <pt x="113" y="1839" on="1"/>
+        <pt x="303" y="1839" on="1"/>
+        <pt x="303" y="1638" on="1"/>
+      </contour>
+      <contour>
+        <pt x="401" y="1638" on="1"/>
+        <pt x="401" y="1839" on="1"/>
+        <pt x="592" y="1839" on="1"/>
+        <pt x="592" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          15 9 10 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Z" xMin="20" yMin="0" xMax="606" yMax="1505">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="Zcaron" xMin="20" yMin="0" xMax="606" yMax="1823">
+      <contour>
+        <pt x="20" y="0" on="1"/>
+        <pt x="20" y="238" on="1"/>
+        <pt x="367" y="1286" on="1"/>
+        <pt x="70" y="1286" on="1"/>
+        <pt x="70" y="1505" on="1"/>
+        <pt x="606" y="1505" on="1"/>
+        <pt x="606" y="1286" on="1"/>
+        <pt x="254" y="219" on="1"/>
+        <pt x="606" y="219" on="1"/>
+        <pt x="606" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="88" y="1823" on="1"/>
+        <pt x="276" y="1823" on="1"/>
+        <pt x="338" y="1751" on="1"/>
+        <pt x="401" y="1823" on="1"/>
+        <pt x="590" y="1823" on="1"/>
+        <pt x="449" y="1638" on="1"/>
+        <pt x="229" y="1638" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 11
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 24
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 10 14
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="a" xMin="49" yMin="-16" xMax="616" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aacute" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 43
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 47
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 48 49
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acircumflex" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="231" y="1489" on="1"/>
+        <pt x="451" y="1489" on="1"/>
+        <pt x="592" y="1305" on="1"/>
+        <pt x="403" y="1305" on="1"/>
+        <pt x="340" y="1376" on="1"/>
+        <pt x="279" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          47 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 50
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          54 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 38 39
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 40 41 42
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="acute" xMin="410" yMin="1305" xMax="731" yMax="1489">
+      <contour>
+        <pt x="410" y="1305" on="1"/>
+        <pt x="516" y="1489" on="1"/>
+        <pt x="731" y="1489" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="adieresis" xMin="49" yMin="-16" xMax="616" yMax="1505">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1305" on="1"/>
+        <pt x="102" y="1505" on="1"/>
+        <pt x="293" y="1505" on="1"/>
+        <pt x="293" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="391" y="1505" on="1"/>
+        <pt x="582" y="1505" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 47 50
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          55 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 38
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 10 21 32
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ae" xMin="49" yMin="-16" xMax="930" yMax="1137">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="502" y="1085" on="1"/>
+        <pt x="568" y="1136" on="0"/>
+        <pt x="664" y="1137" on="1"/>
+        <pt x="863" y="1137" on="0"/>
+        <pt x="915" y="940" on="1"/>
+        <pt x="929" y="889" on="0"/>
+        <pt x="930" y="848" on="1"/>
+        <pt x="930" y="522" on="1"/>
+        <pt x="588" y="522" on="1"/>
+        <pt x="588" y="279" on="1"/>
+        <pt x="588" y="266" on="1"/>
+        <pt x="588" y="258" on="0"/>
+        <pt x="596" y="219" on="0"/>
+        <pt x="610" y="190" on="0"/>
+        <pt x="643" y="166" on="0"/>
+        <pt x="664" y="166" on="1"/>
+        <pt x="734" y="176" on="0"/>
+        <pt x="737" y="279" on="1"/>
+        <pt x="737" y="401" on="1"/>
+        <pt x="930" y="401" on="1"/>
+        <pt x="930" y="272" on="1"/>
+        <pt x="930" y="260" on="0"/>
+        <pt x="926" y="221" on="0"/>
+        <pt x="897" y="123" on="0"/>
+        <pt x="848" y="45" on="0"/>
+        <pt x="737" y="-16" on="0"/>
+        <pt x="662" y="-16" on="1"/>
+        <pt x="504" y="-16" on="0"/>
+        <pt x="436" y="115" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="588" y="684" on="1"/>
+        <pt x="737" y="684" on="1"/>
+        <pt x="737" y="842" on="1"/>
+        <pt x="737" y="854" on="0"/>
+        <pt x="735" y="893" on="0"/>
+        <pt x="698" y="956" on="0"/>
+        <pt x="664" y="956" on="1"/>
+        <pt x="631" y="956" on="0"/>
+        <pt x="592" y="899" on="0"/>
+        <pt x="590" y="870" on="1"/>
+        <pt x="588" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          52 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          37 52 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 37 40 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          20 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          69
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 20 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          63 30 52 20 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          74
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          75 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 20
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 50
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 52
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 55
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          63
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="agrave" xMin="49" yMin="-16" xMax="616" yMax="1489">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          42 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 47
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          5 21 32 39
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 48
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ampersand" xMin="49" yMin="-16" xMax="813" yMax="1522">
+      <contour>
+        <pt x="49" y="315" on="1"/>
+        <pt x="49" y="430" on="0"/>
+        <pt x="137" y="629" on="0"/>
+        <pt x="219" y="752" on="1"/>
+        <pt x="113" y="977" on="0"/>
+        <pt x="113" y="1194" on="1"/>
+        <pt x="113" y="1212" on="1"/>
+        <pt x="113" y="1224" on="0"/>
+        <pt x="123" y="1292" on="0"/>
+        <pt x="139" y="1354" on="0"/>
+        <pt x="180" y="1430" on="0"/>
+        <pt x="236" y="1485" on="0"/>
+        <pt x="326" y="1522" on="0"/>
+        <pt x="383" y="1522" on="1"/>
+        <pt x="586" y="1522" on="0"/>
+        <pt x="635" y="1307" on="1"/>
+        <pt x="649" y="1246" on="0"/>
+        <pt x="647" y="1194" on="1"/>
+        <pt x="647" y="1032" on="0"/>
+        <pt x="442" y="760" on="1"/>
+        <pt x="518" y="586" on="0"/>
+        <pt x="590" y="475" on="1"/>
+        <pt x="623" y="571" on="0"/>
+        <pt x="637" y="686" on="1"/>
+        <pt x="813" y="653" on="1"/>
+        <pt x="797" y="440" on="0"/>
+        <pt x="721" y="295" on="1"/>
+        <pt x="776" y="232" on="0"/>
+        <pt x="813" y="219" on="1"/>
+        <pt x="813" y="-16" on="1"/>
+        <pt x="790" y="-16" on="0"/>
+        <pt x="664" y="59" on="0"/>
+        <pt x="604" y="123" on="1"/>
+        <pt x="481" y="-16" on="0"/>
+        <pt x="223" y="-16" on="0"/>
+        <pt x="49" y="178" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="326" on="1"/>
+        <pt x="264" y="260" on="0"/>
+        <pt x="319" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="421" y="176" on="0"/>
+        <pt x="487" y="262" on="1"/>
+        <pt x="399" y="401" on="0"/>
+        <pt x="313" y="557" on="1"/>
+        <pt x="307" y="547" on="0"/>
+        <pt x="291" y="510" on="0"/>
+        <pt x="262" y="392" on="0"/>
+      </contour>
+      <contour>
+        <pt x="305" y="1194" on="1"/>
+        <pt x="305" y="1083" on="0"/>
+        <pt x="360" y="948" on="1"/>
+        <pt x="460" y="1104" on="0"/>
+        <pt x="461" y="1200" on="1"/>
+        <pt x="459" y="1202" on="0"/>
+        <pt x="463" y="1229" on="0"/>
+        <pt x="455" y="1274" on="0"/>
+        <pt x="440" y="1315" on="0"/>
+        <pt x="408" y="1346" on="0"/>
+        <pt x="383" y="1346" on="1"/>
+        <pt x="344" y="1346" on="0"/>
+        <pt x="305" y="1270" on="0"/>
+        <pt x="305" y="1233" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          34 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          36 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 17 51 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          62 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 34
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 39 43 19
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          21 32 33 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          39 34
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 3 19 28 43 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="aring" xMin="49" yMin="-16" xMax="616" yMax="1565">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="188" y="1360" on="0"/>
+        <pt x="188" y="1483" on="0"/>
+        <pt x="279" y="1565" on="0"/>
+        <pt x="406" y="1565" on="0"/>
+        <pt x="494" y="1483" on="0"/>
+        <pt x="494" y="1360" on="0"/>
+        <pt x="406" y="1278" on="0"/>
+        <pt x="279" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <contour>
+        <pt x="266" y="1450" on="0"/>
+        <pt x="266" y="1393" on="0"/>
+        <pt x="313" y="1350" on="0"/>
+        <pt x="371" y="1350" on="0"/>
+        <pt x="418" y="1393" on="0"/>
+        <pt x="418" y="1450" on="0"/>
+        <pt x="371" y="1493" on="0"/>
+        <pt x="313" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          57 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          41 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          39 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 51
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          59 26 31 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          43 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 45
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 21 32 56 57 60 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 41 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 48
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 52
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 57
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          39 42 43 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciicircum" xMin="53" yMin="809" xMax="1049" yMax="1505">
+      <contour>
+        <pt x="53" y="809" on="1"/>
+        <pt x="434" y="1505" on="1"/>
+        <pt x="668" y="1505" on="1"/>
+        <pt x="1049" y="809" on="1"/>
+        <pt x="850" y="809" on="1"/>
+        <pt x="551" y="1352" on="1"/>
+        <pt x="252" y="809" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asciitilde" xMin="113" yMin="1294" xMax="1225" yMax="1667">
+      <contour>
+        <pt x="113" y="1352" on="1"/>
+        <pt x="117" y="1364" on="0"/>
+        <pt x="133" y="1405" on="0"/>
+        <pt x="193" y="1511" on="0"/>
+        <pt x="262" y="1593" on="0"/>
+        <pt x="383" y="1659" on="0"/>
+        <pt x="449" y="1659" on="1"/>
+        <pt x="504" y="1659" on="0"/>
+        <pt x="616" y="1622" on="0"/>
+        <pt x="668" y="1593" on="0"/>
+        <pt x="725" y="1556" on="1"/>
+        <pt x="831" y="1484" on="0"/>
+        <pt x="899" y="1485" on="1"/>
+        <pt x="1008" y="1485" on="0"/>
+        <pt x="1077" y="1638" on="1"/>
+        <pt x="1090" y="1667" on="1"/>
+        <pt x="1225" y="1610" on="1"/>
+        <pt x="1221" y="1598" on="0"/>
+        <pt x="1204" y="1554" on="0"/>
+        <pt x="1145" y="1448" on="0"/>
+        <pt x="1075" y="1368" on="0"/>
+        <pt x="963" y="1300" on="0"/>
+        <pt x="899" y="1300" on="1"/>
+        <pt x="778" y="1300" on="0"/>
+        <pt x="627" y="1401" on="1"/>
+        <pt x="512" y="1475" on="0"/>
+        <pt x="385" y="1475" on="0"/>
+        <pt x="285" y="1384" on="0"/>
+        <pt x="266" y="1339" on="1"/>
+        <pt x="248" y="1294" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 9
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          12 6 26 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 16
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="asterisk" xMin="74" yMin="999" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="1251" on="1"/>
+        <pt x="117" y="1399" on="1"/>
+        <pt x="281" y="1329" on="1"/>
+        <pt x="262" y="1505" on="1"/>
+        <pt x="416" y="1505" on="1"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="561" y="1399" on="1"/>
+        <pt x="604" y="1251" on="1"/>
+        <pt x="432" y="1217" on="1"/>
+        <pt x="547" y="1079" on="1"/>
+        <pt x="416" y="999" on="1"/>
+        <pt x="338" y="1151" on="1"/>
+        <pt x="262" y="999" on="1"/>
+        <pt x="131" y="1079" on="1"/>
+        <pt x="246" y="1217" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          12 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="at" xMin="66" yMin="-16" xMax="815" yMax="1522">
+      <contour>
+        <pt x="66" y="303" on="1"/>
+        <pt x="66" y="1192" on="1"/>
+        <pt x="66" y="1235" on="0"/>
+        <pt x="100" y="1337" on="0"/>
+        <pt x="178" y="1448" on="0"/>
+        <pt x="334" y="1522" on="0"/>
+        <pt x="547" y="1522" on="0"/>
+        <pt x="702" y="1448" on="0"/>
+        <pt x="780" y="1337" on="0"/>
+        <pt x="815" y="1235" on="0"/>
+        <pt x="815" y="1192" on="1"/>
+        <pt x="815" y="399" on="1"/>
+        <pt x="651" y="399" on="1"/>
+        <pt x="631" y="455" on="1"/>
+        <pt x="627" y="447" on="0"/>
+        <pt x="612" y="424" on="0"/>
+        <pt x="553" y="387" on="0"/>
+        <pt x="518" y="387" on="1"/>
+        <pt x="373" y="387" on="0"/>
+        <pt x="373" y="559" on="1"/>
+        <pt x="373" y="1044" on="1"/>
+        <pt x="373" y="1214" on="0"/>
+        <pt x="518" y="1214" on="1"/>
+        <pt x="553" y="1214" on="0"/>
+        <pt x="610" y="1180" on="0"/>
+        <pt x="621" y="1163" on="1"/>
+        <pt x="631" y="1147" on="1"/>
+        <pt x="631" y="1192" on="1"/>
+        <pt x="631" y="1243" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="340" y="1350" on="0"/>
+        <pt x="250" y="1243" on="0"/>
+        <pt x="250" y="1192" on="1"/>
+        <pt x="250" y="303" on="1"/>
+        <pt x="250" y="250" on="0"/>
+        <pt x="338" y="150" on="0"/>
+        <pt x="440" y="150" on="1"/>
+        <pt x="557" y="150" on="0"/>
+        <pt x="608" y="213" on="1"/>
+        <pt x="760" y="127" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="440" y="-16" on="1"/>
+        <pt x="334" y="-16" on="0"/>
+        <pt x="178" y="55" on="0"/>
+        <pt x="100" y="164" on="0"/>
+        <pt x="66" y="262" on="0"/>
+      </contour>
+      <contour>
+        <pt x="535" y="573" on="1"/>
+        <pt x="535" y="520" on="0"/>
+        <pt x="582" y="520" on="1"/>
+        <pt x="631" y="520" on="0"/>
+        <pt x="631" y="573" on="1"/>
+        <pt x="631" y="1028" on="1"/>
+        <pt x="631" y="1081" on="0"/>
+        <pt x="582" y="1081" on="1"/>
+        <pt x="535" y="1081" on="0"/>
+        <pt x="535" y="1028" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          41 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 6
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 7
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          17 48 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          17 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 53 41 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          22 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          33 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          11 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 30
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 22 36 41
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 13 29 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 53
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="atilde" xMin="49" yMin="-16" xMax="616" yMax="1495">
+      <contour>
+        <pt x="49" y="260" on="1"/>
+        <pt x="49" y="366" on="0"/>
+        <pt x="117" y="528" on="0"/>
+        <pt x="215" y="614" on="0"/>
+        <pt x="313" y="674" on="0"/>
+        <pt x="391" y="715" on="0"/>
+        <pt x="395" y="731" on="1"/>
+        <pt x="395" y="768" on="1"/>
+        <pt x="395" y="854" on="1"/>
+        <pt x="395" y="956" on="0"/>
+        <pt x="338" y="956" on="1"/>
+        <pt x="318" y="956" on="0"/>
+        <pt x="293" y="938" on="0"/>
+        <pt x="283" y="891" on="0"/>
+        <pt x="279" y="864" on="0"/>
+        <pt x="279" y="830" on="1"/>
+        <pt x="279" y="791" on="1"/>
+        <pt x="72" y="791" on="1"/>
+        <pt x="72" y="838" on="1"/>
+        <pt x="72" y="961" on="0"/>
+        <pt x="233" y="1137" on="0"/>
+        <pt x="350" y="1137" on="1"/>
+        <pt x="452" y="1137" on="0"/>
+        <pt x="602" y="989" on="0"/>
+        <pt x="602" y="883" on="1"/>
+        <pt x="602" y="532" on="1"/>
+        <pt x="602" y="195" on="1"/>
+        <pt x="602" y="86" on="0"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="396" y="20" on="0"/>
+        <pt x="395" y="90" on="1"/>
+        <pt x="381" y="90" on="1"/>
+        <pt x="361" y="53" on="0"/>
+        <pt x="270" y="-16" on="0"/>
+        <pt x="215" y="-16" on="1"/>
+        <pt x="156" y="-16" on="0"/>
+        <pt x="49" y="104" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="1305" on="1"/>
+        <pt x="143" y="1456" on="1"/>
+        <pt x="192" y="1495" on="0"/>
+        <pt x="252" y="1495" on="1"/>
+        <pt x="285" y="1495" on="0"/>
+        <pt x="401" y="1458" on="0"/>
+        <pt x="432" y="1456" on="1"/>
+        <pt x="457" y="1456" on="0"/>
+        <pt x="512" y="1473" on="0"/>
+        <pt x="526" y="1481" on="1"/>
+        <pt x="541" y="1489" on="1"/>
+        <pt x="541" y="1337" on="1"/>
+        <pt x="490" y="1298" on="0"/>
+        <pt x="432" y="1298" on="1"/>
+        <pt x="401" y="1298" on="0"/>
+        <pt x="285" y="1337" on="0"/>
+        <pt x="252" y="1337" on="1"/>
+        <pt x="227" y="1337" on="0"/>
+        <pt x="172" y="1321" on="0"/>
+        <pt x="158" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="252" y="291" on="1"/>
+        <pt x="252" y="187" on="0"/>
+        <pt x="309" y="186" on="1"/>
+        <pt x="344" y="186" on="0"/>
+        <pt x="395" y="225" on="0"/>
+        <pt x="395" y="254" on="1"/>
+        <pt x="395" y="541" on="1"/>
+        <pt x="252" y="479" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          21 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 17 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 35
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          60 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          66
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          58 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 63
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          67 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          35 38 41 54
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 21 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 43 48 51
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 24 26 64
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="b" xMin="82" yMin="-16" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="217" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="899" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="backslash" xMin="8" yMin="-180" xMax="784" yMax="1692">
+      <contour>
+        <pt x="8" y="1692" on="1"/>
+        <pt x="170" y="1692" on="1"/>
+        <pt x="784" y="-180" on="1"/>
+        <pt x="616" y="-180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15583 -5061 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 25
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 25
+          MIRP[11001]
+          SPVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          0 1 2 3
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bar" xMin="82" yMin="-512" xMax="274" yMax="1692">
+      <contour>
+        <pt x="82" y="-512" on="1"/>
+        <pt x="82" y="1692" on="1"/>
+        <pt x="274" y="1692" on="1"/>
+        <pt x="274" y="-512" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceleft" xMin="61" yMin="-453" xMax="631" yMax="1522">
+      <contour>
+        <pt x="61" y="453" on="1"/>
+        <pt x="61" y="616" on="1"/>
+        <pt x="133" y="616" on="0"/>
+        <pt x="193" y="715" on="0"/>
+        <pt x="193" y="756" on="1"/>
+        <pt x="193" y="1153" on="1"/>
+        <pt x="193" y="1376" on="0"/>
+        <pt x="385" y="1526" on="0"/>
+        <pt x="631" y="1522" on="1"/>
+        <pt x="631" y="1350" on="1"/>
+        <pt x="496" y="1352" on="0"/>
+        <pt x="389" y="1272" on="0"/>
+        <pt x="389" y="1153" on="1"/>
+        <pt x="389" y="756" on="1"/>
+        <pt x="389" y="613" on="0"/>
+        <pt x="262" y="535" on="1"/>
+        <pt x="389" y="453" on="0"/>
+        <pt x="389" y="313" on="1"/>
+        <pt x="389" y="-84" on="1"/>
+        <pt x="389" y="-203" on="0"/>
+        <pt x="496" y="-283" on="0"/>
+        <pt x="631" y="-281" on="1"/>
+        <pt x="631" y="-453" on="1"/>
+        <pt x="385" y="-457" on="0"/>
+        <pt x="193" y="-307" on="0"/>
+        <pt x="193" y="-84" on="1"/>
+        <pt x="193" y="313" on="1"/>
+        <pt x="193" y="333" on="0"/>
+        <pt x="176" y="387" on="0"/>
+        <pt x="110" y="451" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 18 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          17 18 25
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 12 13
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="braceright" xMin="57" yMin="-453" xMax="627" yMax="1522">
+      <contour>
+        <pt x="57" y="-281" on="1"/>
+        <pt x="192" y="-283" on="0"/>
+        <pt x="299" y="-203" on="0"/>
+        <pt x="299" y="-84" on="1"/>
+        <pt x="299" y="313" on="1"/>
+        <pt x="299" y="452" on="0"/>
+        <pt x="426" y="535" on="1"/>
+        <pt x="299" y="613" on="0"/>
+        <pt x="299" y="756" on="1"/>
+        <pt x="299" y="1153" on="1"/>
+        <pt x="299" y="1272" on="0"/>
+        <pt x="193" y="1352" on="0"/>
+        <pt x="57" y="1350" on="1"/>
+        <pt x="57" y="1522" on="1"/>
+        <pt x="303" y="1526" on="0"/>
+        <pt x="496" y="1376" on="0"/>
+        <pt x="496" y="1153" on="1"/>
+        <pt x="496" y="756" on="1"/>
+        <pt x="496" y="733" on="0"/>
+        <pt x="512" y="678" on="0"/>
+        <pt x="578" y="616" on="0"/>
+        <pt x="627" y="616" on="1"/>
+        <pt x="627" y="453" on="1"/>
+        <pt x="555" y="449" on="0"/>
+        <pt x="496" y="352" on="0"/>
+        <pt x="496" y="313" on="1"/>
+        <pt x="496" y="-84" on="1"/>
+        <pt x="496" y="-307" on="0"/>
+        <pt x="303" y="-457" on="0"/>
+        <pt x="57" y="-453" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          13 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          21 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 4 26
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 16
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketleft" xMin="82" yMin="-213" xMax="481" yMax="1505">
+      <contour>
+        <pt x="82" y="-16" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="481" y="1505" on="1"/>
+        <pt x="481" y="1309" on="1"/>
+        <pt x="279" y="1309" on="1"/>
+        <pt x="279" y="-16" on="1"/>
+        <pt x="481" y="-16" on="1"/>
+        <pt x="481" y="-213" on="1"/>
+        <pt x="82" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bracketright" xMin="57" yMin="-213" xMax="457" yMax="1505">
+      <contour>
+        <pt x="57" y="-16" on="1"/>
+        <pt x="260" y="-16" on="1"/>
+        <pt x="260" y="1309" on="1"/>
+        <pt x="57" y="1309" on="1"/>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="457" y="1505" on="1"/>
+        <pt x="457" y="-16" on="1"/>
+        <pt x="457" y="-213" on="1"/>
+        <pt x="57" y="-213" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 22
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="breve" xMin="287" yMin="1303" xMax="737" yMax="1493">
+      <contour>
+        <pt x="287" y="1399" on="1"/>
+        <pt x="397" y="1493" on="1"/>
+        <pt x="438" y="1446" on="0"/>
+        <pt x="512" y="1446" on="1"/>
+        <pt x="547" y="1446" on="0"/>
+        <pt x="606" y="1470" on="0"/>
+        <pt x="618" y="1483" on="1"/>
+        <pt x="631" y="1493" on="1"/>
+        <pt x="737" y="1399" on="1"/>
+        <pt x="727" y="1389" on="0"/>
+        <pt x="692" y="1356" on="0"/>
+        <pt x="573" y="1303" on="0"/>
+        <pt x="512" y="1303" on="1"/>
+        <pt x="449" y="1303" on="0"/>
+        <pt x="336" y="1352" on="0"/>
+        <pt x="311" y="1376" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          8 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="bullet" xMin="82" yMin="565" xMax="582" yMax="1065">
+      <contour>
+        <pt x="82" y="817" on="1"/>
+        <pt x="82" y="919" on="0"/>
+        <pt x="227" y="1065" on="0"/>
+        <pt x="334" y="1065" on="1"/>
+        <pt x="436" y="1065" on="0"/>
+        <pt x="582" y="920" on="0"/>
+        <pt x="582" y="817" on="1"/>
+        <pt x="582" y="711" on="0"/>
+        <pt x="436" y="565" on="0"/>
+        <pt x="334" y="565" on="1"/>
+        <pt x="228" y="565" on="0"/>
+        <pt x="82" y="711" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="c" xMin="66" yMin="-16" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="caron" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1489" on="1"/>
+        <pt x="449" y="1489" on="1"/>
+        <pt x="510" y="1417" on="1"/>
+        <pt x="573" y="1489" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="621" y="1305" on="1"/>
+        <pt x="401" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ccedilla" xMin="66" yMin="-385" xMax="596" yMax="1137">
+      <contour>
+        <pt x="66" y="315" on="1"/>
+        <pt x="66" y="805" on="1"/>
+        <pt x="66" y="1137" on="0"/>
+        <pt x="330" y="1137" on="1"/>
+        <pt x="467" y="1137" on="0"/>
+        <pt x="596" y="995" on="0"/>
+        <pt x="596" y="815" on="1"/>
+        <pt x="596" y="727" on="1"/>
+        <pt x="389" y="727" on="1"/>
+        <pt x="389" y="862" on="1"/>
+        <pt x="389" y="913" on="0"/>
+        <pt x="365" y="952" on="0"/>
+        <pt x="330" y="952" on="1"/>
+        <pt x="273" y="952" on="0"/>
+        <pt x="272" y="862" on="1"/>
+        <pt x="272" y="258" on="1"/>
+        <pt x="272" y="168" on="0"/>
+        <pt x="330" y="168" on="1"/>
+        <pt x="365" y="168" on="0"/>
+        <pt x="389" y="207" on="0"/>
+        <pt x="389" y="258" on="1"/>
+        <pt x="389" y="414" on="1"/>
+        <pt x="596" y="414" on="1"/>
+        <pt x="596" y="305" on="1"/>
+        <pt x="596" y="125" on="0"/>
+        <pt x="467" y="-16" on="0"/>
+        <pt x="330" y="-16" on="1"/>
+        <pt x="66" y="-17" on="0"/>
+      </contour>
+      <contour>
+        <pt x="238" y="-111" on="1"/>
+        <pt x="238" y="-252" on="1"/>
+        <pt x="301" y="-252" on="1"/>
+        <pt x="260" y="-385" on="1"/>
+        <pt x="365" y="-385" on="1"/>
+        <pt x="410" y="-252" on="1"/>
+        <pt x="410" y="-111" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          17 26 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 21 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 12 8 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          28 29 31
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 30 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 34
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cedilla" xMin="426" yMin="-385" xMax="598" yMax="-111">
+      <contour>
+        <pt x="426" y="-111" on="1"/>
+        <pt x="598" y="-111" on="1"/>
+        <pt x="598" y="-252" on="1"/>
+        <pt x="553" y="-385" on="1"/>
+        <pt x="449" y="-385" on="1"/>
+        <pt x="489" y="-252" on="1"/>
+        <pt x="426" y="-252" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="cent" xMin="66" yMin="-123" xMax="588" yMax="1567">
+      <contour>
+        <pt x="66" y="508" on="1"/>
+        <pt x="66" y="997" on="1"/>
+        <pt x="66" y="1294" on="0"/>
+        <pt x="274" y="1325" on="1"/>
+        <pt x="274" y="1567" on="1"/>
+        <pt x="397" y="1567" on="1"/>
+        <pt x="397" y="1323" on="1"/>
+        <pt x="495" y="1307" on="0"/>
+        <pt x="588" y="1163" on="0"/>
+        <pt x="588" y="1008" on="1"/>
+        <pt x="588" y="920" on="1"/>
+        <pt x="399" y="920" on="1"/>
+        <pt x="399" y="1055" on="1"/>
+        <pt x="399" y="1145" on="0"/>
+        <pt x="326" y="1145" on="1"/>
+        <pt x="254" y="1145" on="0"/>
+        <pt x="254" y="1055" on="1"/>
+        <pt x="254" y="451" on="1"/>
+        <pt x="254" y="361" on="0"/>
+        <pt x="326" y="360" on="1"/>
+        <pt x="400" y="360" on="0"/>
+        <pt x="399" y="451" on="1"/>
+        <pt x="399" y="606" on="1"/>
+        <pt x="588" y="606" on="1"/>
+        <pt x="588" y="498" on="1"/>
+        <pt x="588" y="342" on="0"/>
+        <pt x="496" y="197" on="0"/>
+        <pt x="397" y="180" on="1"/>
+        <pt x="397" y="-123" on="1"/>
+        <pt x="274" y="-123" on="1"/>
+        <pt x="274" y="178" on="1"/>
+        <pt x="66" y="209" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          28 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="circumflex" xMin="260" yMin="1305" xMax="762" yMax="1489">
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="401" y="1489" on="1"/>
+        <pt x="621" y="1489" on="1"/>
+        <pt x="762" y="1305" on="1"/>
+        <pt x="573" y="1305" on="1"/>
+        <pt x="510" y="1376" on="1"/>
+        <pt x="449" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="colon" xMin="74" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="comma" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="copyright" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="627" y="487" on="1"/>
+        <pt x="627" y="1018" on="1"/>
+        <pt x="627" y="1026" on="0"/>
+        <pt x="629" y="1053" on="0"/>
+        <pt x="649" y="1120" on="0"/>
+        <pt x="684" y="1171" on="0"/>
+        <pt x="764" y="1214" on="0"/>
+        <pt x="819" y="1214" on="1"/>
+        <pt x="966" y="1214" on="0"/>
+        <pt x="1001" y="1067" on="1"/>
+        <pt x="1008" y="1018" on="1"/>
+        <pt x="1008" y="893" on="1"/>
+        <pt x="870" y="893" on="1"/>
+        <pt x="870" y="1018" on="1"/>
+        <pt x="870" y="1035" on="1"/>
+        <pt x="870" y="1046" on="0"/>
+        <pt x="846" y="1081" on="0"/>
+        <pt x="821" y="1081" on="1"/>
+        <pt x="774" y="1079" on="0"/>
+        <pt x="772" y="1018" on="1"/>
+        <pt x="772" y="487" on="1"/>
+        <pt x="772" y="424" on="0"/>
+        <pt x="821" y="424" on="1"/>
+        <pt x="874" y="426" on="0"/>
+        <pt x="870" y="487" on="1"/>
+        <pt x="870" y="612" on="1"/>
+        <pt x="1008" y="612" on="1"/>
+        <pt x="1008" y="487" on="1"/>
+        <pt x="1008" y="479" on="0"/>
+        <pt x="1006" y="453" on="0"/>
+        <pt x="985" y="385" on="0"/>
+        <pt x="950" y="334" on="0"/>
+        <pt x="872" y="291" on="0"/>
+        <pt x="819" y="291" on="1"/>
+        <pt x="733" y="291" on="0"/>
+        <pt x="637" y="389" on="0"/>
+        <pt x="631" y="438" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 40 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          51 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          40 51 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 40 44 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 35 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          35 25 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 35 30 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          45 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          25 16 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          0 4 5 1 9 8 13
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="d" xMin="74" yMin="-16" xMax="604" yMax="1505">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1505" on="1"/>
+        <pt x="604" y="1505" on="1"/>
+        <pt x="604" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="217" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="899" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dieresis" xMin="272" yMin="1305" xMax="752" yMax="1505">
+      <contour>
+        <pt x="272" y="1305" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="463" y="1505" on="1"/>
+        <pt x="463" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="561" y="1305" on="1"/>
+        <pt x="561" y="1505" on="1"/>
+        <pt x="752" y="1505" on="1"/>
+        <pt x="752" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dollar" xMin="37" yMin="-215" xMax="655" yMax="1628">
+      <contour>
+        <pt x="37" y="358" on="1"/>
+        <pt x="229" y="371" on="1"/>
+        <pt x="241" y="185" on="0"/>
+        <pt x="358" y="184" on="1"/>
+        <pt x="446" y="184" on="0"/>
+        <pt x="451" y="369" on="1"/>
+        <pt x="451" y="398" on="0"/>
+        <pt x="434" y="459" on="0"/>
+        <pt x="412" y="508" on="0"/>
+        <pt x="369" y="580" on="0"/>
+        <pt x="344" y="614" on="0"/>
+        <pt x="289" y="690" on="0"/>
+        <pt x="281" y="702" on="1"/>
+        <pt x="213" y="794" on="0"/>
+        <pt x="147" y="893" on="0"/>
+        <pt x="72" y="1077" on="0"/>
+        <pt x="72" y="1155" on="1"/>
+        <pt x="76" y="1448" on="0"/>
+        <pt x="287" y="1497" on="1"/>
+        <pt x="287" y="1628" on="1"/>
+        <pt x="410" y="1628" on="1"/>
+        <pt x="410" y="1503" on="1"/>
+        <pt x="611" y="1480" on="0"/>
+        <pt x="645" y="1221" on="1"/>
+        <pt x="453" y="1196" on="1"/>
+        <pt x="447" y="1253" on="0"/>
+        <pt x="403" y="1323" on="0"/>
+        <pt x="360" y="1321" on="1"/>
+        <pt x="280" y="1319" on="0"/>
+        <pt x="276" y="1159" on="1"/>
+        <pt x="276" y="1130" on="0"/>
+        <pt x="293" y="1067" on="0"/>
+        <pt x="313" y="1022" on="0"/>
+        <pt x="358" y="948" on="0"/>
+        <pt x="381" y="915" on="0"/>
+        <pt x="440" y="831" on="0"/>
+        <pt x="449" y="821" on="1"/>
+        <pt x="455" y="811" on="0"/>
+        <pt x="508" y="735" on="0"/>
+        <pt x="528" y="707" on="0"/>
+        <pt x="575" y="633" on="0"/>
+        <pt x="596" y="592" on="0"/>
+        <pt x="629" y="522" on="0"/>
+        <pt x="643" y="469" on="0"/>
+        <pt x="655" y="401" on="0"/>
+        <pt x="655" y="371" on="1"/>
+        <pt x="651" y="33" on="0"/>
+        <pt x="410" y="2" on="1"/>
+        <pt x="410" y="-215" on="1"/>
+        <pt x="287" y="-215" on="1"/>
+        <pt x="287" y="6" on="1"/>
+        <pt x="51" y="47" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotaccent" xMin="408" yMin="1298" xMax="614" yMax="1505">
+      <contour>
+        <pt x="408" y="1298" on="1"/>
+        <pt x="408" y="1505" on="1"/>
+        <pt x="614" y="1505" on="1"/>
+        <pt x="614" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="dotlessi" xMin="82" yMin="0" xMax="289" yMax="1120">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="e" xMin="66" yMin="-16" xMax="600" yMax="1137">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 31
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eacute" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="264" y="1305" on="1"/>
+        <pt x="371" y="1489" on="1"/>
+        <pt x="586" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          37 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 48 49
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 51
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ecircumflex" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="80" y="1305" on="1"/>
+        <pt x="221" y="1489" on="1"/>
+        <pt x="440" y="1489" on="1"/>
+        <pt x="582" y="1305" on="1"/>
+        <pt x="393" y="1305" on="1"/>
+        <pt x="330" y="1376" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          44 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          44 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          38 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          55
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          56 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 38
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 41 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 40
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          38 43
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="edieresis" xMin="66" yMin="-16" xMax="600" yMax="1505">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          38 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          53
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          56
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          40 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          55 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          57 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          52 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 31 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="egrave" xMin="66" yMin="-16" xMax="600" yMax="1489">
+      <contour>
+        <pt x="66" y="279" on="1"/>
+        <pt x="66" y="842" on="1"/>
+        <pt x="66" y="854" on="0"/>
+        <pt x="70" y="893" on="0"/>
+        <pt x="98" y="995" on="0"/>
+        <pt x="150" y="1073" on="0"/>
+        <pt x="260" y="1137" on="0"/>
+        <pt x="334" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="586" y="940" on="1"/>
+        <pt x="600" y="889" on="0"/>
+        <pt x="600" y="848" on="1"/>
+        <pt x="600" y="522" on="1"/>
+        <pt x="258" y="522" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="258" y="266" on="1"/>
+        <pt x="258" y="258" on="0"/>
+        <pt x="266" y="219" on="0"/>
+        <pt x="281" y="190" on="0"/>
+        <pt x="313" y="166" on="0"/>
+        <pt x="334" y="166" on="1"/>
+        <pt x="404" y="176" on="0"/>
+        <pt x="408" y="279" on="1"/>
+        <pt x="408" y="401" on="1"/>
+        <pt x="600" y="401" on="1"/>
+        <pt x="600" y="272" on="1"/>
+        <pt x="600" y="260" on="0"/>
+        <pt x="596" y="221" on="0"/>
+        <pt x="567" y="123" on="0"/>
+        <pt x="518" y="45" on="0"/>
+        <pt x="408" y="-16" on="0"/>
+        <pt x="332" y="-16" on="1"/>
+        <pt x="258" y="-16" on="0"/>
+        <pt x="147" y="45" on="0"/>
+        <pt x="98" y="131" on="0"/>
+        <pt x="70" y="217" on="0"/>
+        <pt x="68" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="102" y="1489" on="1"/>
+        <pt x="317" y="1489" on="1"/>
+        <pt x="424" y="1305" on="1"/>
+        <pt x="264" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="684" on="1"/>
+        <pt x="408" y="684" on="1"/>
+        <pt x="408" y="842" on="1"/>
+        <pt x="408" y="854" on="0"/>
+        <pt x="406" y="893" on="0"/>
+        <pt x="369" y="956" on="0"/>
+        <pt x="334" y="956" on="1"/>
+        <pt x="301" y="956" on="0"/>
+        <pt x="262" y="899" on="0"/>
+        <pt x="260" y="870" on="1"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          31 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 8
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          41 13 31 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          52
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          53 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          7 31 38 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eight" xMin="53" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="53" y="322" on="1"/>
+        <pt x="53" y="498" on="1"/>
+        <pt x="53" y="686" on="0"/>
+        <pt x="168" y="795" on="1"/>
+        <pt x="66" y="897" on="0"/>
+        <pt x="66" y="1071" on="1"/>
+        <pt x="66" y="1198" on="1"/>
+        <pt x="66" y="1221" on="0"/>
+        <pt x="70" y="1274" on="0"/>
+        <pt x="102" y="1380" on="0"/>
+        <pt x="156" y="1460" on="0"/>
+        <pt x="270" y="1522" on="0"/>
+        <pt x="426" y="1522" on="0"/>
+        <pt x="541" y="1460" on="0"/>
+        <pt x="594" y="1380" on="0"/>
+        <pt x="627" y="1274" on="0"/>
+        <pt x="631" y="1221" on="0"/>
+        <pt x="631" y="1198" on="1"/>
+        <pt x="631" y="1071" on="1"/>
+        <pt x="631" y="897" on="0"/>
+        <pt x="528" y="795" on="1"/>
+        <pt x="643" y="686" on="0"/>
+        <pt x="643" y="498" on="1"/>
+        <pt x="643" y="322" on="1"/>
+        <pt x="643" y="297" on="0"/>
+        <pt x="639" y="242" on="0"/>
+        <pt x="606" y="131" on="0"/>
+        <pt x="549" y="49" on="0"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="147" y="49" on="0"/>
+        <pt x="90" y="131" on="0"/>
+        <pt x="57" y="242" on="0"/>
+        <pt x="53" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="268" y="410" on="1"/>
+        <pt x="270" y="283" on="0"/>
+        <pt x="301" y="186" on="0"/>
+        <pt x="348" y="186" on="1"/>
+        <pt x="385" y="186" on="0"/>
+        <pt x="420" y="246" on="0"/>
+        <pt x="428" y="328" on="0"/>
+        <pt x="428" y="410" on="1"/>
+        <pt x="428" y="562" on="0"/>
+        <pt x="401" y="676" on="0"/>
+        <pt x="295" y="676" on="0"/>
+        <pt x="268" y="562" on="0"/>
+      </contour>
+      <contour>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="993" on="0"/>
+        <pt x="307" y="893" on="0"/>
+        <pt x="389" y="893" on="0"/>
+        <pt x="414" y="993" on="0"/>
+        <pt x="414" y="1120" on="1"/>
+        <pt x="414" y="1233" on="0"/>
+        <pt x="389" y="1327" on="0"/>
+        <pt x="348" y="1327" on="1"/>
+        <pt x="311" y="1327" on="0"/>
+        <pt x="285" y="1239" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          49 44 29 12 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          57
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          34 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          23 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          58 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          34 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 29
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          12 37 44
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 20 28
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 44
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 3
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ellipsis" xMin="53" yMin="0" xMax="911" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="375" y="0" on="1"/>
+        <pt x="375" y="227" on="1"/>
+        <pt x="590" y="227" on="1"/>
+        <pt x="590" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="696" y="0" on="1"/>
+        <pt x="696" y="227" on="1"/>
+        <pt x="911" y="227" on="1"/>
+        <pt x="911" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 8
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="emdash" xMin="74" yMin="649" xMax="899" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="899" y="844" on="1"/>
+        <pt x="899" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="endash" xMin="74" yMin="649" xMax="733" yMax="844">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="844" on="1"/>
+        <pt x="733" y="844" on="1"/>
+        <pt x="733" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 24 0 13 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="equal" xMin="74" yMin="477" xMax="985" yMax="1036">
+      <contour>
+        <pt x="74" y="477" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="985" y="649" on="1"/>
+        <pt x="985" y="477" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="864" on="1"/>
+        <pt x="74" y="1036" on="1"/>
+        <pt x="985" y="1036" on="1"/>
+        <pt x="985" y="864" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="eth" xMin="76" yMin="-16" xMax="606" yMax="1528">
+      <contour>
+        <pt x="76" y="279" on="1"/>
+        <pt x="76" y="858" on="1"/>
+        <pt x="76" y="1137" on="0"/>
+        <pt x="248" y="1137" on="1"/>
+        <pt x="311" y="1137" on="0"/>
+        <pt x="403" y="1059" on="1"/>
+        <pt x="391" y="1168" on="0"/>
+        <pt x="352" y="1262" on="1"/>
+        <pt x="270" y="1190" on="1"/>
+        <pt x="215" y="1253" on="1"/>
+        <pt x="315" y="1341" on="1"/>
+        <pt x="270" y="1407" on="1"/>
+        <pt x="379" y="1507" on="1"/>
+        <pt x="404" y="1480" on="0"/>
+        <pt x="432" y="1446" on="1"/>
+        <pt x="526" y="1528" on="1"/>
+        <pt x="582" y="1462" on="1"/>
+        <pt x="481" y="1374" on="1"/>
+        <pt x="606" y="1173" on="0"/>
+        <pt x="606" y="928" on="1"/>
+        <pt x="606" y="272" on="1"/>
+        <pt x="606" y="260" on="0"/>
+        <pt x="604" y="221" on="0"/>
+        <pt x="575" y="123" on="0"/>
+        <pt x="524" y="45" on="0"/>
+        <pt x="416" y="-16" on="0"/>
+        <pt x="340" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="156" y="45" on="0"/>
+        <pt x="106" y="131" on="0"/>
+        <pt x="78" y="217" on="0"/>
+        <pt x="78" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="272" y="279" on="0"/>
+        <pt x="268" y="256" on="0"/>
+        <pt x="276" y="221" on="0"/>
+        <pt x="289" y="188" on="0"/>
+        <pt x="319" y="166" on="0"/>
+        <pt x="340" y="166" on="1"/>
+        <pt x="410" y="176" on="0"/>
+        <pt x="412" y="279" on="1"/>
+        <pt x="412" y="842" on="1"/>
+        <pt x="410" y="842" on="0"/>
+        <pt x="414" y="864" on="0"/>
+        <pt x="406" y="899" on="0"/>
+        <pt x="393" y="932" on="0"/>
+        <pt x="362" y="956" on="0"/>
+        <pt x="340" y="956" on="1"/>
+        <pt x="272" y="946" on="0"/>
+        <pt x="270" y="842" on="1"/>
+        <pt x="270" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          37 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          12 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 8 9 11 33
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP1[ ]
+          PUSHB[ ]  /* 7 values pushed */
+          5 10 12 26 32 41 46
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 42
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 46
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 8 14 16 17
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclam" xMin="74" yMin="0" xMax="313" yMax="1505">
+      <contour>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="313" y="1505" on="1"/>
+        <pt x="258" y="406" on="1"/>
+        <pt x="129" y="406" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="0" on="1"/>
+        <pt x="86" y="227" on="1"/>
+        <pt x="301" y="227" on="1"/>
+        <pt x="301" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="exclamdown" xMin="74" yMin="-385" xMax="313" yMax="1120">
+      <contour>
+        <pt x="74" y="-385" on="1"/>
+        <pt x="129" y="715" on="1"/>
+        <pt x="258" y="715" on="1"/>
+        <pt x="313" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="86" y="893" on="1"/>
+        <pt x="86" y="1120" on="1"/>
+        <pt x="301" y="1120" on="1"/>
+        <pt x="301" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          2 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="f" xMin="20" yMin="0" xMax="459" yMax="1513">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1137" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1202" on="0"/>
+        <pt x="129" y="1268" on="0"/>
+        <pt x="154" y="1386" on="0"/>
+        <pt x="199" y="1456" on="0"/>
+        <pt x="295" y="1513" on="0"/>
+        <pt x="362" y="1513" on="1"/>
+        <pt x="459" y="1499" on="1"/>
+        <pt x="459" y="1321" on="1"/>
+        <pt x="432" y="1329" on="0"/>
+        <pt x="397" y="1329" on="1"/>
+        <pt x="331" y="1329" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1133" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          22 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 22 20 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          23 22 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 23 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="figuredash" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="five" xMin="74" yMin="-16" xMax="651" yMax="1505">
+      <contour>
+        <pt x="74" y="438" on="1"/>
+        <pt x="295" y="438" on="1"/>
+        <pt x="295" y="379" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="324" y="176" on="0"/>
+        <pt x="362" y="176" on="1"/>
+        <pt x="399" y="176" on="0"/>
+        <pt x="430" y="266" on="0"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="713" on="1"/>
+        <pt x="430" y="824" on="0"/>
+        <pt x="360" y="823" on="1"/>
+        <pt x="327" y="823" on="0"/>
+        <pt x="274" y="743" on="0"/>
+        <pt x="274" y="713" on="1"/>
+        <pt x="88" y="713" on="1"/>
+        <pt x="88" y="1505" on="1"/>
+        <pt x="623" y="1505" on="1"/>
+        <pt x="623" y="1286" on="1"/>
+        <pt x="279" y="1286" on="1"/>
+        <pt x="279" y="973" on="1"/>
+        <pt x="287" y="979" on="0"/>
+        <pt x="313" y="997" on="0"/>
+        <pt x="381" y="1026" on="0"/>
+        <pt x="406" y="1024" on="1"/>
+        <pt x="484" y="1024" on="0"/>
+        <pt x="594" y="944" on="0"/>
+        <pt x="637" y="825" on="0"/>
+        <pt x="651" y="743" on="0"/>
+        <pt x="651" y="713" on="1"/>
+        <pt x="651" y="377" on="1"/>
+        <pt x="651" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="284" y="-16" on="0"/>
+        <pt x="174" y="43" on="0"/>
+        <pt x="115" y="127" on="0"/>
+        <pt x="82" y="260" on="0"/>
+        <pt x="74" y="364" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          32 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 32 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 11
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          24 11 32 16 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          11 24 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 11 15 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 20 18 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="four" xMin="25" yMin="0" xMax="672" yMax="1505">
+      <contour>
+        <pt x="25" y="328" on="1"/>
+        <pt x="25" y="522" on="1"/>
+        <pt x="348" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="522" on="1"/>
+        <pt x="672" y="522" on="1"/>
+        <pt x="672" y="328" on="1"/>
+        <pt x="569" y="328" on="1"/>
+        <pt x="569" y="0" on="1"/>
+        <pt x="367" y="0" on="1"/>
+        <pt x="367" y="328" on="1"/>
+      </contour>
+      <contour>
+        <pt x="213" y="522" on="1"/>
+        <pt x="367" y="522" on="1"/>
+        <pt x="367" y="993" on="1"/>
+        <pt x="367" y="1038" on="1"/>
+        <pt x="354" y="1038" on="1"/>
+        <pt x="342" y="993" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          10 11 9 2 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          10 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 8 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 8 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="g" xMin="12" yMin="-401" xMax="698" yMax="1137">
+      <contour>
+        <pt x="12" y="-184" on="1"/>
+        <pt x="12" y="-90" on="0"/>
+        <pt x="174" y="-14" on="1"/>
+        <pt x="49" y="21" on="0"/>
+        <pt x="49" y="135" on="1"/>
+        <pt x="49" y="180" on="0"/>
+        <pt x="129" y="276" on="0"/>
+        <pt x="178" y="303" on="1"/>
+        <pt x="127" y="338" on="0"/>
+        <pt x="68" y="459" on="0"/>
+        <pt x="63" y="504" on="1"/>
+        <pt x="59" y="547" on="1"/>
+        <pt x="59" y="852" on="1"/>
+        <pt x="59" y="864" on="0"/>
+        <pt x="63" y="901" on="0"/>
+        <pt x="92" y="999" on="0"/>
+        <pt x="141" y="1075" on="0"/>
+        <pt x="250" y="1137" on="0"/>
+        <pt x="322" y="1137" on="1"/>
+        <pt x="457" y="1137" on="0"/>
+        <pt x="528" y="1034" on="1"/>
+        <pt x="630" y="1136" on="0"/>
+        <pt x="698" y="1137" on="1"/>
+        <pt x="698" y="952" on="1"/>
+        <pt x="626" y="952" on="0"/>
+        <pt x="578" y="928" on="1"/>
+        <pt x="588" y="858" on="1"/>
+        <pt x="588" y="541" on="1"/>
+        <pt x="588" y="531" on="0"/>
+        <pt x="584" y="492" on="0"/>
+        <pt x="553" y="397" on="0"/>
+        <pt x="504" y="324" on="0"/>
+        <pt x="395" y="264" on="0"/>
+        <pt x="322" y="264" on="1"/>
+        <pt x="295" y="264" on="0"/>
+        <pt x="283" y="266" on="1"/>
+        <pt x="254" y="241" on="0"/>
+        <pt x="254" y="215" on="1"/>
+        <pt x="254" y="199" on="0"/>
+        <pt x="276" y="174" on="0"/>
+        <pt x="338" y="158" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="412" y="145" on="1"/>
+        <pt x="469" y="137" on="0"/>
+        <pt x="557" y="111" on="0"/>
+        <pt x="647" y="55" on="0"/>
+        <pt x="698" y="-45" on="0"/>
+        <pt x="698" y="-115" on="1"/>
+        <pt x="698" y="-267" on="0"/>
+        <pt x="492" y="-401" on="0"/>
+        <pt x="344" y="-401" on="1"/>
+        <pt x="180" y="-397" on="0"/>
+        <pt x="12" y="-301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="213" y="-150" on="1"/>
+        <pt x="213" y="-228" on="0"/>
+        <pt x="348" y="-227" on="1"/>
+        <pt x="407" y="-227" on="0"/>
+        <pt x="506" y="-188" on="0"/>
+        <pt x="506" y="-152" on="1"/>
+        <pt x="506" y="-119" on="0"/>
+        <pt x="465" y="-84" on="0"/>
+        <pt x="395" y="-72" on="1"/>
+        <pt x="289" y="-51" on="1"/>
+        <pt x="213" y="-95" on="0"/>
+      </contour>
+      <contour>
+        <pt x="262" y="509" on="1"/>
+        <pt x="262" y="492" on="0"/>
+        <pt x="293" y="436" on="0"/>
+        <pt x="322" y="436" on="1"/>
+        <pt x="385" y="442" on="0"/>
+        <pt x="385" y="537" on="1"/>
+        <pt x="385" y="844" on="1"/>
+        <pt x="384" y="845" on="0"/>
+        <pt x="384" y="850" on="0"/>
+        <pt x="386" y="860" on="0"/>
+        <pt x="386" y="861" on="1"/>
+        <pt x="386" y="869" on="0"/>
+        <pt x="383" y="880" on="1"/>
+        <pt x="379" y="895" on="0"/>
+        <pt x="369" y="926" on="0"/>
+        <pt x="342" y="946" on="0"/>
+        <pt x="322" y="946" on="1"/>
+        <pt x="293" y="946" on="0"/>
+        <pt x="262" y="895" on="0"/>
+        <pt x="262" y="868" on="1"/>
+        <pt x="262" y="844" on="1"/>
+        <pt x="262" y="537" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          80 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          55 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          67 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          86
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          85 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          85
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          58 27 69 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          87 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          53 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 2
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          69 85
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          33 35 41 62 18 80
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 58
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 55
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          0 4 37 47 53 62
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          80
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="germandbls" xMin="66" yMin="0" xMax="680" yMax="1522">
+      <contour>
+        <pt x="66" y="0" on="1"/>
+        <pt x="66" y="1235" on="1"/>
+        <pt x="66" y="1358" on="0"/>
+        <pt x="207" y="1522" on="0"/>
+        <pt x="346" y="1522" on="1"/>
+        <pt x="479" y="1522" on="0"/>
+        <pt x="616" y="1360" on="0"/>
+        <pt x="616" y="1237" on="1"/>
+        <pt x="616" y="1128" on="0"/>
+        <pt x="528" y="1063" on="1"/>
+        <pt x="680" y="975" on="0"/>
+        <pt x="680" y="575" on="1"/>
+        <pt x="680" y="393" on="0"/>
+        <pt x="639" y="160" on="0"/>
+        <pt x="547" y="41" on="0"/>
+        <pt x="434" y="0" on="0"/>
+        <pt x="346" y="0" on="1"/>
+        <pt x="346" y="193" on="1"/>
+        <pt x="391" y="193" on="0"/>
+        <pt x="442" y="244" on="0"/>
+        <pt x="473" y="416" on="0"/>
+        <pt x="473" y="575" on="1"/>
+        <pt x="473" y="745" on="0"/>
+        <pt x="442" y="924" on="0"/>
+        <pt x="391" y="979" on="0"/>
+        <pt x="346" y="979" on="1"/>
+        <pt x="346" y="1120" on="1"/>
+        <pt x="381" y="1120" on="0"/>
+        <pt x="432" y="1186" on="0"/>
+        <pt x="432" y="1237" on="1"/>
+        <pt x="432" y="1282" on="0"/>
+        <pt x="389" y="1337" on="0"/>
+        <pt x="346" y="1337" on="1"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="272" y="1235" on="1"/>
+        <pt x="272" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          4 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          26 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          7 14 0 55 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          29 7 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 16 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 35
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="grave" xMin="293" yMin="1305" xMax="614" yMax="1489">
+      <contour>
+        <pt x="293" y="1489" on="1"/>
+        <pt x="508" y="1489" on="1"/>
+        <pt x="614" y="1305" on="1"/>
+        <pt x="455" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="greater" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="174" on="1"/>
+        <pt x="74" y="373" on="1"/>
+        <pt x="772" y="729" on="1"/>
+        <pt x="74" y="1085" on="1"/>
+        <pt x="74" y="1284" on="1"/>
+        <pt x="985" y="809" on="1"/>
+        <pt x="985" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="h" xMin="82" yMin="0" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hungarumlaut" xMin="215" yMin="1305" xMax="840" yMax="1489">
+      <contour>
+        <pt x="215" y="1305" on="1"/>
+        <pt x="322" y="1489" on="1"/>
+        <pt x="537" y="1489" on="1"/>
+        <pt x="375" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="518" y="1305" on="1"/>
+        <pt x="625" y="1489" on="1"/>
+        <pt x="840" y="1489" on="1"/>
+        <pt x="678" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="hyphen" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="i" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1298" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="iacute" xMin="82" yMin="0" xMax="403" yMax="1489">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="1305" on="1"/>
+        <pt x="188" y="1489" on="1"/>
+        <pt x="403" y="1489" on="1"/>
+        <pt x="242" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 4
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="icircumflex" xMin="-66" yMin="0" xMax="436" yMax="1489">
+      <contour>
+        <pt x="-66" y="1305" on="1"/>
+        <pt x="76" y="1489" on="1"/>
+        <pt x="295" y="1489" on="1"/>
+        <pt x="436" y="1305" on="1"/>
+        <pt x="248" y="1305" on="1"/>
+        <pt x="184" y="1376" on="1"/>
+        <pt x="123" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="idieresis" xMin="-53" yMin="0" xMax="426" yMax="1505">
+      <contour>
+        <pt x="-53" y="1305" on="1"/>
+        <pt x="-53" y="1505" on="1"/>
+        <pt x="137" y="1505" on="1"/>
+        <pt x="137" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="236" y="1305" on="1"/>
+        <pt x="236" y="1505" on="1"/>
+        <pt x="426" y="1505" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          4 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          8 7 4 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="igrave" xMin="-33" yMin="0" xMax="289" yMax="1489">
+      <contour>
+        <pt x="-33" y="1489" on="1"/>
+        <pt x="182" y="1489" on="1"/>
+        <pt x="289" y="1305" on="1"/>
+        <pt x="129" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="j" xMin="-45" yMin="-385" xMax="283" yMax="1505">
+      <contour>
+        <pt x="-45" y="-182" on="1"/>
+        <pt x="-16" y="-190" on="0"/>
+        <pt x="12" y="-190" on="1"/>
+        <pt x="76" y="-190" on="0"/>
+        <pt x="76" y="-48" on="1"/>
+        <pt x="76" y="-45" on="0"/>
+        <pt x="76" y="-30" on="0"/>
+        <pt x="76" y="-27" on="1"/>
+        <pt x="76" y="1120" on="1"/>
+        <pt x="283" y="1120" on="1"/>
+        <pt x="283" y="-29" on="1"/>
+        <pt x="283" y="-80" on="0"/>
+        <pt x="279" y="-145" on="0"/>
+        <pt x="254" y="-260" on="0"/>
+        <pt x="209" y="-330" on="0"/>
+        <pt x="113" y="-385" on="0"/>
+        <pt x="45" y="-385" on="1"/>
+        <pt x="16" y="-385" on="0"/>
+        <pt x="-29" y="-379" on="0"/>
+        <pt x="-37" y="-377" on="1"/>
+        <pt x="-45" y="-373" on="1"/>
+      </contour>
+      <contour>
+        <pt x="76" y="1298" on="1"/>
+        <pt x="76" y="1505" on="1"/>
+        <pt x="283" y="1505" on="1"/>
+        <pt x="283" y="1298" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="k" xMin="82" yMin="0" xMax="637" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="827" on="1"/>
+        <pt x="289" y="791" on="1"/>
+        <pt x="299" y="791" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="412" y="1120" on="1"/>
+        <pt x="598" y="1120" on="1"/>
+        <pt x="449" y="756" on="1"/>
+        <pt x="637" y="0" on="1"/>
+        <pt x="438" y="0" on="1"/>
+        <pt x="336" y="453" on="1"/>
+        <pt x="332" y="469" on="1"/>
+        <pt x="322" y="469" on="1"/>
+        <pt x="315" y="453" on="1"/>
+        <pt x="289" y="387" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 8
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 13
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="l" xMin="82" yMin="0" xMax="289" yMax="1505">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="less" xMin="74" yMin="174" xMax="985" yMax="1284">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="809" on="1"/>
+        <pt x="985" y="1284" on="1"/>
+        <pt x="985" y="1085" on="1"/>
+        <pt x="287" y="729" on="1"/>
+        <pt x="985" y="373" on="1"/>
+        <pt x="985" y="174" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="lslash" xMin="31" yMin="0" xMax="438" yMax="1505">
+      <contour>
+        <pt x="31" y="561" on="1"/>
+        <pt x="31" y="782" on="1"/>
+        <pt x="131" y="860" on="1"/>
+        <pt x="131" y="1505" on="1"/>
+        <pt x="338" y="1505" on="1"/>
+        <pt x="338" y="1022" on="1"/>
+        <pt x="438" y="1100" on="1"/>
+        <pt x="438" y="879" on="1"/>
+        <pt x="338" y="801" on="1"/>
+        <pt x="338" y="0" on="1"/>
+        <pt x="131" y="0" on="1"/>
+        <pt x="131" y="639" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="m" xMin="82" yMin="0" xMax="944" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="291" y="1026" on="0"/>
+        <pt x="352" y="1087" on="0"/>
+        <pt x="428" y="1137" on="0"/>
+        <pt x="461" y="1137" on="1"/>
+        <pt x="561" y="1137" on="0"/>
+        <pt x="600" y="1012" on="1"/>
+        <pt x="604" y="1016" on="0"/>
+        <pt x="682" y="1090" on="0"/>
+        <pt x="756" y="1137" on="0"/>
+        <pt x="788" y="1137" on="1"/>
+        <pt x="864" y="1137" on="0"/>
+        <pt x="944" y="999" on="0"/>
+        <pt x="944" y="918" on="1"/>
+        <pt x="944" y="0" on="1"/>
+        <pt x="750" y="0" on="1"/>
+        <pt x="750" y="887" on="1"/>
+        <pt x="750" y="936" on="0"/>
+        <pt x="694" y="936" on="1"/>
+        <pt x="653" y="936" on="0"/>
+        <pt x="616" y="883" on="1"/>
+        <pt x="616" y="0" on="1"/>
+        <pt x="422" y="0" on="1"/>
+        <pt x="422" y="887" on="1"/>
+        <pt x="422" y="936" on="0"/>
+        <pt x="367" y="936" on="1"/>
+        <pt x="326" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 24
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          SRP0[ ]
+          DUP[ ]
+          MDRP[00000]
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          28 5
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 7
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="macron" xMin="313" yMin="1315" xMax="711" yMax="1477">
+      <contour>
+        <pt x="313" y="1315" on="1"/>
+        <pt x="313" y="1477" on="1"/>
+        <pt x="711" y="1477" on="1"/>
+        <pt x="711" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="minus" xMin="74" yMin="649" xMax="702" yMax="821">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="702" y="821" on="1"/>
+        <pt x="702" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 24
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="n" xMin="82" yMin="0" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nine" xMin="57" yMin="-16" xMax="635" yMax="1522">
+      <contour>
+        <pt x="57" y="340" on="1"/>
+        <pt x="57" y="434" on="1"/>
+        <pt x="279" y="434" on="1"/>
+        <pt x="279" y="272" on="0"/>
+        <pt x="301" y="176" on="0"/>
+        <pt x="346" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="414" y="250" on="0"/>
+        <pt x="414" y="340" on="1"/>
+        <pt x="414" y="623" on="1"/>
+        <pt x="355" y="586" on="0"/>
+        <pt x="303" y="586" on="1"/>
+        <pt x="223" y="586" on="0"/>
+        <pt x="117" y="657" on="0"/>
+        <pt x="72" y="772" on="0"/>
+        <pt x="57" y="860" on="0"/>
+        <pt x="57" y="903" on="1"/>
+        <pt x="57" y="1196" on="1"/>
+        <pt x="57" y="1237" on="0"/>
+        <pt x="74" y="1323" on="0"/>
+        <pt x="125" y="1444" on="0"/>
+        <pt x="252" y="1522" on="0"/>
+        <pt x="440" y="1522" on="0"/>
+        <pt x="567" y="1444" on="0"/>
+        <pt x="618" y="1323" on="0"/>
+        <pt x="635" y="1237" on="0"/>
+        <pt x="635" y="1196" on="1"/>
+        <pt x="635" y="340" on="1"/>
+        <pt x="635" y="-16" on="0"/>
+        <pt x="57" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="279" y="825" on="1"/>
+        <pt x="279" y="807" on="0"/>
+        <pt x="315" y="758" on="0"/>
+        <pt x="377" y="758" on="0"/>
+        <pt x="412" y="799" on="0"/>
+        <pt x="414" y="819" on="1"/>
+        <pt x="414" y="1262" on="1"/>
+        <pt x="414" y="1282" on="0"/>
+        <pt x="379" y="1329" on="0"/>
+        <pt x="346" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="279" y="1280" on="0"/>
+        <pt x="279" y="1262" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 1 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 4
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          11 33 29 22 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          33 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="ntilde" xMin="82" yMin="0" xMax="612" yMax="1495">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1026" on="1"/>
+        <pt x="321" y="1058" on="1"/>
+        <pt x="351" y="1088" on="0"/>
+        <pt x="424" y="1137" on="0"/>
+        <pt x="457" y="1137" on="1"/>
+        <pt x="533" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="0" on="1"/>
+        <pt x="406" y="0" on="1"/>
+        <pt x="406" y="887" on="1"/>
+        <pt x="406" y="936" on="0"/>
+        <pt x="356" y="936" on="1"/>
+        <pt x="315" y="936" on="0"/>
+        <pt x="289" y="883" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="147" y="1305" on="1"/>
+        <pt x="147" y="1456" on="1"/>
+        <pt x="196" y="1495" on="0"/>
+        <pt x="256" y="1495" on="1"/>
+        <pt x="289" y="1495" on="0"/>
+        <pt x="406" y="1458" on="0"/>
+        <pt x="436" y="1456" on="1"/>
+        <pt x="461" y="1456" on="0"/>
+        <pt x="516" y="1473" on="0"/>
+        <pt x="530" y="1481" on="1"/>
+        <pt x="545" y="1489" on="1"/>
+        <pt x="545" y="1337" on="1"/>
+        <pt x="494" y="1298" on="0"/>
+        <pt x="436" y="1298" on="1"/>
+        <pt x="405" y="1298" on="0"/>
+        <pt x="289" y="1337" on="0"/>
+        <pt x="256" y="1337" on="1"/>
+        <pt x="231" y="1337" on="0"/>
+        <pt x="176" y="1321" on="0"/>
+        <pt x="162" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          22 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 22 35
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 29 32
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 32
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="numbersign" xMin="49" yMin="0" xMax="1184" yMax="1505">
+      <contour>
+        <pt x="49" y="438" on="1"/>
+        <pt x="76" y="633" on="1"/>
+        <pt x="274" y="633" on="1"/>
+        <pt x="311" y="891" on="1"/>
+        <pt x="115" y="891" on="1"/>
+        <pt x="141" y="1085" on="1"/>
+        <pt x="338" y="1085" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="592" y="1505" on="1"/>
+        <pt x="535" y="1085" on="1"/>
+        <pt x="795" y="1085" on="1"/>
+        <pt x="852" y="1505" on="1"/>
+        <pt x="1049" y="1505" on="1"/>
+        <pt x="991" y="1085" on="1"/>
+        <pt x="1184" y="1085" on="1"/>
+        <pt x="1157" y="891" on="1"/>
+        <pt x="965" y="891" on="1"/>
+        <pt x="928" y="633" on="1"/>
+        <pt x="1118" y="633" on="1"/>
+        <pt x="1092" y="438" on="1"/>
+        <pt x="901" y="438" on="1"/>
+        <pt x="842" y="0" on="1"/>
+        <pt x="645" y="0" on="1"/>
+        <pt x="705" y="438" on="1"/>
+        <pt x="444" y="438" on="1"/>
+        <pt x="385" y="0" on="1"/>
+        <pt x="188" y="0" on="1"/>
+        <pt x="248" y="438" on="1"/>
+      </contour>
+      <contour>
+        <pt x="471" y="633" on="1"/>
+        <pt x="731" y="633" on="1"/>
+        <pt x="768" y="891" on="1"/>
+        <pt x="508" y="891" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 25
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 11 12
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          0 1 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 17 28 29
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          20 23 24 27
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          5 4 26 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 16 30 31
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 4
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          6 9 10 13
+          DEPTH[ ]
+          SLOOP[ ]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16218 -2326 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16235 -2203 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          2 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          10 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          13 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          17 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          20 21 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          23 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          24 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          27 26 7 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          28 25 8 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          29 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          30 22 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 8 19
+          CALL[ ]
+          SPVTCA[1]
+          NPUSHB[ ]  /* 16 values pushed */
+          2 3 6 9 10 13 16 17 20 23 24 27 28 29 30 31
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="o" xMin="63" yMin="-16" xMax="594" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="257" y="259" on="1"/>
+        <pt x="257" y="250" on="0"/>
+        <pt x="260" y="239" on="1"/>
+        <pt x="264" y="222" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="399" y="853" on="1"/>
+        <pt x="400" y="857" on="0"/>
+        <pt x="400" y="861" on="1"/>
+        <pt x="400" y="870" on="0"/>
+        <pt x="397" y="882" on="1"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+        <pt x="259" y="278" on="0"/>
+        <pt x="259" y="272" on="0"/>
+        <pt x="257" y="260" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          46 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 34 35
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oacute" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="1305" on="1"/>
+        <pt x="367" y="1489" on="1"/>
+        <pt x="582" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          29 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          41 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 41
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 7 33 42 43
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 44 45
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ocircumflex" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="219" y="1489" on="1"/>
+        <pt x="438" y="1489" on="1"/>
+        <pt x="580" y="1305" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+        <pt x="328" y="1376" on="1"/>
+        <pt x="266" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          49
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          48 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          48 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 25
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 28 30 7 40
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 26 27
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          25 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="odieresis" xMin="63" yMin="-16" xMax="594" yMax="1505">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="90" y="1305" on="1"/>
+        <pt x="90" y="1505" on="1"/>
+        <pt x="281" y="1505" on="1"/>
+        <pt x="281" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="379" y="1305" on="1"/>
+        <pt x="379" y="1505" on="1"/>
+        <pt x="569" y="1505" on="1"/>
+        <pt x="569" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          25 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          24 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          46 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          18 7 42
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 49
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oe" xMin="63" yMin="-16" xMax="936" yMax="1137">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="434" y="1137" on="0"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="566" y="1136" on="0"/>
+        <pt x="670" y="1137" on="1"/>
+        <pt x="869" y="1137" on="0"/>
+        <pt x="922" y="940" on="1"/>
+        <pt x="936" y="889" on="0"/>
+        <pt x="936" y="848" on="1"/>
+        <pt x="936" y="522" on="1"/>
+        <pt x="594" y="522" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="256" on="0"/>
+        <pt x="602" y="215" on="0"/>
+        <pt x="639" y="166" on="0"/>
+        <pt x="670" y="166" on="1"/>
+        <pt x="740" y="176" on="0"/>
+        <pt x="743" y="279" on="1"/>
+        <pt x="743" y="401" on="1"/>
+        <pt x="936" y="401" on="1"/>
+        <pt x="936" y="272" on="1"/>
+        <pt x="936" y="260" on="0"/>
+        <pt x="932" y="221" on="0"/>
+        <pt x="903" y="123" on="0"/>
+        <pt x="854" y="45" on="0"/>
+        <pt x="743" y="-16" on="0"/>
+        <pt x="668" y="-16" on="1"/>
+        <pt x="562" y="-16" on="0"/>
+        <pt x="498" y="41" on="1"/>
+        <pt x="430" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <contour>
+        <pt x="594" y="684" on="1"/>
+        <pt x="743" y="684" on="1"/>
+        <pt x="743" y="842" on="1"/>
+        <pt x="743" y="854" on="0"/>
+        <pt x="741" y="893" on="0"/>
+        <pt x="705" y="956" on="0"/>
+        <pt x="670" y="956" on="1"/>
+        <pt x="627" y="956" on="0"/>
+        <pt x="594" y="881" on="0"/>
+        <pt x="594" y="848" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          37 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          48 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          48 37 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 48 25 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          57 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          67
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          61 17 37 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          71
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          60 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          72 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 60
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          37 7 52 57
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          9 35 53
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          48 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          57 61
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ogonek" xMin="348" yMin="-385" xMax="678" yMax="0">
+      <contour>
+        <pt x="348" y="-211" on="1"/>
+        <pt x="348" y="-107" on="0"/>
+        <pt x="475" y="-6" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="582" y="0" on="1"/>
+        <pt x="572" y="-8" on="0"/>
+        <pt x="541" y="-37" on="0"/>
+        <pt x="489" y="-127" on="0"/>
+        <pt x="489" y="-170" on="1"/>
+        <pt x="489" y="-211" on="0"/>
+        <pt x="551" y="-248" on="0"/>
+        <pt x="633" y="-248" on="0"/>
+        <pt x="678" y="-229" on="1"/>
+        <pt x="662" y="-367" on="1"/>
+        <pt x="607" y="-385" on="0"/>
+        <pt x="557" y="-385" on="1"/>
+        <pt x="461" y="-385" on="0"/>
+        <pt x="348" y="-283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          15 0 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          8 16 0 29 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ograve" xMin="63" yMin="-16" xMax="594" yMax="1489">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="98" y="1489" on="1"/>
+        <pt x="313" y="1489" on="1"/>
+        <pt x="420" y="1305" on="1"/>
+        <pt x="260" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          46
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          45 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          45
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          38
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          47 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          45 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 25 27 7 37
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 26
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="one" xMin="25" yMin="0" xMax="393" yMax="1505">
+      <contour>
+        <pt x="25" y="1180" on="1"/>
+        <pt x="25" y="1321" on="1"/>
+        <pt x="76" y="1331" on="0"/>
+        <pt x="162" y="1376" on="0"/>
+        <pt x="213" y="1427" on="0"/>
+        <pt x="248" y="1475" on="0"/>
+        <pt x="254" y="1491" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="393" y="1505" on="1"/>
+        <pt x="393" y="0" on="1"/>
+        <pt x="172" y="0" on="1"/>
+        <pt x="172" y="1180" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 0 10 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          1 6 0 27 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 19
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="oslash" xMin="63" yMin="-78" xMax="594" yMax="1198">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="379" y="1137" on="0"/>
+        <pt x="434" y="1118" on="1"/>
+        <pt x="455" y="1198" on="1"/>
+        <pt x="530" y="1198" on="1"/>
+        <pt x="500" y="1077" on="1"/>
+        <pt x="588" y="993" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="271" y="-16" on="0"/>
+        <pt x="225" y="0" on="1"/>
+        <pt x="205" y="-78" on="1"/>
+        <pt x="125" y="-78" on="1"/>
+        <pt x="156" y="43" on="1"/>
+        <pt x="115" y="82" on="0"/>
+        <pt x="68" y="199" on="0"/>
+        <pt x="66" y="238" on="1"/>
+      </contour>
+      <contour>
+        <pt x="258" y="436" on="1"/>
+        <pt x="383" y="922" on="1"/>
+        <pt x="365" y="957" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+      </contour>
+      <contour>
+        <pt x="274" y="197" on="1"/>
+        <pt x="290" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="682" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          38 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 8
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          24 30 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          25 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          24 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          10 15 40 8
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15847 -4160 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 34
+          MIRP[11001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 34
+          MIRP[11001]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          9 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          12 24 11 19
+          CALL[ ]
+          SFVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          23 24 11 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          26 25 10 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          30 25 10 19
+          CALL[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15862 -4102 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          31 25 10 19
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          36 24 11 19
+          CALL[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 4 values pushed */
+          41 24 11 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          26 25 10
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          IP[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          36 24 11
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          SVTCA[0]
+          NPUSHB[ ]  /* 11 values pushed */
+          9 10 11 12 24 25 26 30 31 36 41
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 6 values pushed */
+          9 12 23 26 31 36
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 28
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          40 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 7
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="otilde" xMin="63" yMin="-16" xMax="594" yMax="1495">
+      <contour>
+        <pt x="63" y="279" on="1"/>
+        <pt x="63" y="842" on="1"/>
+        <pt x="63" y="854" on="0"/>
+        <pt x="66" y="893" on="0"/>
+        <pt x="94" y="995" on="0"/>
+        <pt x="143" y="1073" on="0"/>
+        <pt x="254" y="1137" on="0"/>
+        <pt x="328" y="1137" on="1"/>
+        <pt x="527" y="1137" on="0"/>
+        <pt x="580" y="940" on="1"/>
+        <pt x="594" y="889" on="0"/>
+        <pt x="594" y="848" on="1"/>
+        <pt x="594" y="272" on="1"/>
+        <pt x="594" y="260" on="0"/>
+        <pt x="592" y="221" on="0"/>
+        <pt x="563" y="123" on="0"/>
+        <pt x="512" y="45" on="0"/>
+        <pt x="403" y="-16" on="0"/>
+        <pt x="328" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="143" y="45" on="0"/>
+        <pt x="94" y="131" on="0"/>
+        <pt x="66" y="217" on="0"/>
+        <pt x="66" y="248" on="1"/>
+      </contour>
+      <contour>
+        <pt x="131" y="1305" on="1"/>
+        <pt x="131" y="1456" on="1"/>
+        <pt x="180" y="1495" on="0"/>
+        <pt x="240" y="1495" on="1"/>
+        <pt x="273" y="1495" on="0"/>
+        <pt x="389" y="1458" on="0"/>
+        <pt x="420" y="1456" on="1"/>
+        <pt x="445" y="1456" on="0"/>
+        <pt x="500" y="1473" on="0"/>
+        <pt x="514" y="1481" on="1"/>
+        <pt x="528" y="1489" on="1"/>
+        <pt x="528" y="1337" on="1"/>
+        <pt x="477" y="1298" on="0"/>
+        <pt x="420" y="1298" on="1"/>
+        <pt x="389" y="1298" on="0"/>
+        <pt x="272" y="1337" on="0"/>
+        <pt x="240" y="1337" on="1"/>
+        <pt x="215" y="1337" on="0"/>
+        <pt x="160" y="1321" on="0"/>
+        <pt x="145" y="1313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="260" y="279" on="0"/>
+        <pt x="256" y="256" on="0"/>
+        <pt x="264" y="221" on="0"/>
+        <pt x="276" y="188" on="0"/>
+        <pt x="307" y="166" on="0"/>
+        <pt x="328" y="166" on="1"/>
+        <pt x="398" y="176" on="0"/>
+        <pt x="399" y="279" on="1"/>
+        <pt x="399" y="842" on="1"/>
+        <pt x="397" y="842" on="0"/>
+        <pt x="401" y="864" on="0"/>
+        <pt x="393" y="899" on="0"/>
+        <pt x="381" y="932" on="0"/>
+        <pt x="350" y="956" on="0"/>
+        <pt x="328" y="956" on="1"/>
+        <pt x="260" y="946" on="0"/>
+        <pt x="258" y="842" on="1"/>
+        <pt x="258" y="279" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          18 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          49 8
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          58 8
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          27 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          37
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          30 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          62
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          61 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          51 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          63 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          24 27 40
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          51
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 29 7 53
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          14 34 37
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          40 37
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="p" xMin="82" yMin="-385" xMax="612" yMax="1137">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenleft" xMin="66" yMin="-297" xMax="520" yMax="1589">
+      <contour>
+        <pt x="66" y="502" on="0"/>
+        <pt x="66" y="788" on="0"/>
+        <pt x="125" y="1087" on="0"/>
+        <pt x="213" y="1311" on="0"/>
+        <pt x="299" y="1495" on="0"/>
+        <pt x="328" y="1542" on="1"/>
+        <pt x="358" y="1589" on="1"/>
+        <pt x="520" y="1505" on="1"/>
+        <pt x="510" y="1491" on="0"/>
+        <pt x="475" y="1438" on="0"/>
+        <pt x="385" y="1262" on="0"/>
+        <pt x="317" y="1073" on="0"/>
+        <pt x="262" y="786" on="0"/>
+        <pt x="262" y="504" on="0"/>
+        <pt x="315" y="221" on="0"/>
+        <pt x="391" y="23" on="0"/>
+        <pt x="467" y="-135" on="0"/>
+        <pt x="494" y="-174" on="1"/>
+        <pt x="520" y="-213" on="1"/>
+        <pt x="358" y="-297" on="1"/>
+        <pt x="346" y="-279" on="0"/>
+        <pt x="307" y="-215" on="0"/>
+        <pt x="207" y="-12" on="0"/>
+        <pt x="129" y="199" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="parenright" xMin="41" yMin="-297" xMax="496" yMax="1589">
+      <contour>
+        <pt x="41" y="-213" on="1"/>
+        <pt x="51" y="-199" on="0"/>
+        <pt x="86" y="-145" on="0"/>
+        <pt x="176" y="31" on="0"/>
+        <pt x="244" y="217" on="0"/>
+        <pt x="299" y="504" on="0"/>
+        <pt x="299" y="786" on="0"/>
+        <pt x="246" y="1069" on="0"/>
+        <pt x="170" y="1268" on="0"/>
+        <pt x="94" y="1427" on="0"/>
+        <pt x="68" y="1466" on="1"/>
+        <pt x="41" y="1505" on="1"/>
+        <pt x="203" y="1589" on="1"/>
+        <pt x="215" y="1571" on="0"/>
+        <pt x="254" y="1507" on="0"/>
+        <pt x="354" y="1303" on="0"/>
+        <pt x="432" y="1094" on="0"/>
+        <pt x="496" y="788" on="0"/>
+        <pt x="496" y="502" on="0"/>
+        <pt x="436" y="203" on="0"/>
+        <pt x="348" y="-20" on="0"/>
+        <pt x="262" y="-203" on="0"/>
+        <pt x="233" y="-250" on="1"/>
+        <pt x="203" y="-297" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="percent" xMin="55" yMin="-16" xMax="948" yMax="1522">
+      <contour>
+        <pt x="55" y="911" on="1"/>
+        <pt x="55" y="1348" on="1"/>
+        <pt x="55" y="1354" on="0"/>
+        <pt x="57" y="1378" on="0"/>
+        <pt x="74" y="1438" on="0"/>
+        <pt x="104" y="1485" on="0"/>
+        <pt x="170" y="1522" on="0"/>
+        <pt x="215" y="1522" on="1"/>
+        <pt x="285" y="1522" on="0"/>
+        <pt x="365" y="1434" on="0"/>
+        <pt x="369" y="1391" on="1"/>
+        <pt x="373" y="1348" on="1"/>
+        <pt x="373" y="911" on="1"/>
+        <pt x="373" y="905" on="0"/>
+        <pt x="371" y="881" on="0"/>
+        <pt x="354" y="819" on="0"/>
+        <pt x="324" y="774" on="0"/>
+        <pt x="260" y="735" on="0"/>
+        <pt x="215" y="735" on="1"/>
+        <pt x="86" y="735" on="0"/>
+        <pt x="59" y="870" on="1"/>
+      </contour>
+      <contour>
+        <pt x="158" y="0" on="1"/>
+        <pt x="711" y="1505" on="1"/>
+        <pt x="842" y="1505" on="1"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="178" y="911" on="1"/>
+        <pt x="174" y="856" on="0"/>
+        <pt x="215" y="856" on="1"/>
+        <pt x="231" y="856" on="0"/>
+        <pt x="250" y="885" on="0"/>
+        <pt x="250" y="897" on="1"/>
+        <pt x="250" y="911" on="1"/>
+        <pt x="250" y="1348" on="1"/>
+        <pt x="252" y="1403" on="0"/>
+        <pt x="215" y="1403" on="1"/>
+        <pt x="197" y="1403" on="0"/>
+        <pt x="178" y="1376" on="0"/>
+        <pt x="178" y="1362" on="1"/>
+        <pt x="178" y="1348" on="1"/>
+      </contour>
+      <contour>
+        <pt x="631" y="158" on="1"/>
+        <pt x="631" y="594" on="1"/>
+        <pt x="631" y="600" on="0"/>
+        <pt x="633" y="625" on="0"/>
+        <pt x="649" y="686" on="0"/>
+        <pt x="680" y="731" on="0"/>
+        <pt x="745" y="770" on="0"/>
+        <pt x="791" y="770" on="1"/>
+        <pt x="916" y="770" on="0"/>
+        <pt x="944" y="635" on="1"/>
+        <pt x="948" y="594" on="1"/>
+        <pt x="948" y="158" on="1"/>
+        <pt x="948" y="152" on="0"/>
+        <pt x="946" y="127" on="0"/>
+        <pt x="930" y="68" on="0"/>
+        <pt x="899" y="20" on="0"/>
+        <pt x="836" y="-16" on="0"/>
+        <pt x="791" y="-16" on="1"/>
+        <pt x="719" y="-16" on="0"/>
+        <pt x="639" y="70" on="0"/>
+        <pt x="635" y="115" on="1"/>
+      </contour>
+      <contour>
+        <pt x="754" y="158" on="1"/>
+        <pt x="750" y="101" on="0"/>
+        <pt x="791" y="100" on="1"/>
+        <pt x="828" y="100" on="0"/>
+        <pt x="825" y="158" on="1"/>
+        <pt x="825" y="594" on="1"/>
+        <pt x="827" y="649" on="0"/>
+        <pt x="791" y="649" on="1"/>
+        <pt x="773" y="649" on="0"/>
+        <pt x="754" y="623" on="0"/>
+        <pt x="754" y="608" on="1"/>
+        <pt x="754" y="594" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          62 5 0 53 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          22 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          34 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 46 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          67 5 0 51 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 18 56 7 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          27 5 0 51 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          72
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          25 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          60
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          50 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          73 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP1[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          18 7 27 34
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 24
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          60 39
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          22 42
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          56 46 67
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          50
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 52
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="period" xMin="53" yMin="0" xMax="268" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="periodcentered" xMin="0" yMin="649" xMax="215" yMax="877">
+      <contour>
+        <pt x="0" y="649" on="1"/>
+        <pt x="0" y="877" on="1"/>
+        <pt x="215" y="877" on="1"/>
+        <pt x="215" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="plus" xMin="74" yMin="303" xMax="987" yMax="1167">
+      <contour>
+        <pt x="74" y="649" on="1"/>
+        <pt x="74" y="821" on="1"/>
+        <pt x="444" y="821" on="1"/>
+        <pt x="444" y="1167" on="1"/>
+        <pt x="616" y="1167" on="1"/>
+        <pt x="616" y="821" on="1"/>
+        <pt x="987" y="821" on="1"/>
+        <pt x="987" y="649" on="1"/>
+        <pt x="616" y="649" on="1"/>
+        <pt x="616" y="303" on="1"/>
+        <pt x="444" y="303" on="1"/>
+        <pt x="444" y="649" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 7
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 3 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 10 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 10 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="q" xMin="74" yMin="-385" xMax="604" yMax="1137">
+      <contour>
+        <pt x="74" y="203" on="1"/>
+        <pt x="74" y="918" on="1"/>
+        <pt x="74" y="1000" on="0"/>
+        <pt x="156" y="1137" on="0"/>
+        <pt x="233" y="1137" on="1"/>
+        <pt x="266" y="1137" on="0"/>
+        <pt x="348" y="1092" on="0"/>
+        <pt x="373" y="1069" on="1"/>
+        <pt x="397" y="1047" on="1"/>
+        <pt x="397" y="1120" on="1"/>
+        <pt x="604" y="1120" on="1"/>
+        <pt x="604" y="-385" on="1"/>
+        <pt x="397" y="-385" on="1"/>
+        <pt x="397" y="74" on="1"/>
+        <pt x="309" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="155" y="-16" on="0"/>
+        <pt x="74" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="281" y="246" on="1"/>
+        <pt x="281" y="217" on="0"/>
+        <pt x="313" y="178" on="0"/>
+        <pt x="358" y="178" on="0"/>
+        <pt x="397" y="221" on="0"/>
+        <pt x="397" y="246" on="1"/>
+        <pt x="397" y="874" on="1"/>
+        <pt x="397" y="903" on="0"/>
+        <pt x="358" y="942" on="0"/>
+        <pt x="313" y="942" on="0"/>
+        <pt x="281" y="903" on="0"/>
+        <pt x="281" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 15
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="question" xMin="25" yMin="0" xMax="604" yMax="1513">
+      <contour>
+        <pt x="25" y="1260" on="1"/>
+        <pt x="37" y="1293" on="0"/>
+        <pt x="80" y="1364" on="0"/>
+        <pt x="156" y="1456" on="0"/>
+        <pt x="272" y="1516" on="0"/>
+        <pt x="338" y="1513" on="1"/>
+        <pt x="420" y="1511" on="0"/>
+        <pt x="532" y="1448" on="0"/>
+        <pt x="584" y="1348" on="0"/>
+        <pt x="604" y="1266" on="0"/>
+        <pt x="604" y="1227" on="1"/>
+        <pt x="604" y="1145" on="0"/>
+        <pt x="524" y="1008" on="1"/>
+        <pt x="485" y="945" on="0"/>
+        <pt x="449" y="881" on="0"/>
+        <pt x="401" y="731" on="0"/>
+        <pt x="401" y="662" on="1"/>
+        <pt x="401" y="406" on="1"/>
+        <pt x="211" y="406" on="1"/>
+        <pt x="211" y="662" on="1"/>
+        <pt x="211" y="764" on="0"/>
+        <pt x="260" y="950" on="0"/>
+        <pt x="307" y="1044" on="0"/>
+        <pt x="348" y="1114" on="1"/>
+        <pt x="391" y="1186" on="0"/>
+        <pt x="401" y="1227" on="1"/>
+        <pt x="407" y="1254" on="0"/>
+        <pt x="373" y="1321" on="0"/>
+        <pt x="334" y="1321" on="1"/>
+        <pt x="287" y="1323" on="0"/>
+        <pt x="217" y="1225" on="0"/>
+        <pt x="203" y="1176" on="1"/>
+      </contour>
+      <contour>
+        <pt x="199" y="0" on="1"/>
+        <pt x="414" y="0" on="1"/>
+        <pt x="414" y="227" on="1"/>
+        <pt x="199" y="227" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 11
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="questiondown" xMin="41" yMin="-393" xMax="621" yMax="1120">
+      <contour>
+        <pt x="41" y="-106" on="1"/>
+        <pt x="41" y="-24" on="0"/>
+        <pt x="121" y="113" on="1"/>
+        <pt x="160" y="176" on="0"/>
+        <pt x="197" y="240" on="0"/>
+        <pt x="244" y="389" on="0"/>
+        <pt x="244" y="459" on="1"/>
+        <pt x="244" y="715" on="1"/>
+        <pt x="434" y="715" on="1"/>
+        <pt x="434" y="459" on="1"/>
+        <pt x="434" y="357" on="0"/>
+        <pt x="385" y="170" on="0"/>
+        <pt x="338" y="76" on="0"/>
+        <pt x="297" y="6" on="1"/>
+        <pt x="254" y="-66" on="0"/>
+        <pt x="244" y="-106" on="1"/>
+        <pt x="238" y="-133" on="0"/>
+        <pt x="272" y="-201" on="0"/>
+        <pt x="311" y="-201" on="1"/>
+        <pt x="358" y="-203" on="0"/>
+        <pt x="428" y="-104" on="0"/>
+        <pt x="442" y="-55" on="1"/>
+        <pt x="621" y="-139" on="1"/>
+        <pt x="609" y="-172" on="0"/>
+        <pt x="565" y="-244" on="0"/>
+        <pt x="489" y="-336" on="0"/>
+        <pt x="373" y="-395" on="0"/>
+        <pt x="307" y="-393" on="1"/>
+        <pt x="225" y="-391" on="0"/>
+        <pt x="113" y="-328" on="0"/>
+        <pt x="61" y="-227" on="0"/>
+        <pt x="41" y="-145" on="0"/>
+      </contour>
+      <contour>
+        <pt x="231" y="893" on="1"/>
+        <pt x="231" y="1120" on="1"/>
+        <pt x="446" y="1120" on="1"/>
+        <pt x="446" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          33 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          32 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 11
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          37 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 18
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          0 7 21 22
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedbl" xMin="57" yMin="954" xMax="272" yMax="1505">
+      <contour>
+        <pt x="57" y="1505" on="1"/>
+        <pt x="272" y="1505" on="1"/>
+        <pt x="242" y="954" on="1"/>
+        <pt x="88" y="954" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 13 0 8 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblbase" xMin="53" yMin="-266" xMax="571" yMax="227">
+      <contour>
+        <pt x="53" y="0" on="1"/>
+        <pt x="53" y="227" on="1"/>
+        <pt x="268" y="227" on="1"/>
+        <pt x="268" y="0" on="1"/>
+        <pt x="156" y="-266" on="1"/>
+        <pt x="53" y="-266" on="1"/>
+        <pt x="125" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="0" on="1"/>
+        <pt x="356" y="227" on="1"/>
+        <pt x="571" y="227" on="1"/>
+        <pt x="571" y="0" on="1"/>
+        <pt x="459" y="-266" on="1"/>
+        <pt x="356" y="-266" on="1"/>
+        <pt x="428" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 4 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          10 1 0
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblleft" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="53" y="1239" on="1"/>
+        <pt x="166" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="197" y="1239" on="1"/>
+        <pt x="268" y="1239" on="1"/>
+        <pt x="268" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="356" y="1239" on="1"/>
+        <pt x="469" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="500" y="1239" on="1"/>
+        <pt x="571" y="1239" on="1"/>
+        <pt x="571" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          4 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 7
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          4 6
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 8
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotedblright" xMin="53" yMin="1012" xMax="571" yMax="1505">
+      <contour>
+        <pt x="53" y="1012" on="1"/>
+        <pt x="125" y="1278" on="1"/>
+        <pt x="53" y="1278" on="1"/>
+        <pt x="53" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1278" on="1"/>
+        <pt x="156" y="1012" on="1"/>
+      </contour>
+      <contour>
+        <pt x="356" y="1012" on="1"/>
+        <pt x="428" y="1278" on="1"/>
+        <pt x="356" y="1278" on="1"/>
+        <pt x="356" y="1505" on="1"/>
+        <pt x="571" y="1505" on="1"/>
+        <pt x="571" y="1278" on="1"/>
+        <pt x="459" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          2 12
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 2 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          15 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteleft" xMin="49" yMin="1012" xMax="264" yMax="1505">
+      <contour>
+        <pt x="49" y="1012" on="1"/>
+        <pt x="49" y="1239" on="1"/>
+        <pt x="162" y="1505" on="1"/>
+        <pt x="264" y="1505" on="1"/>
+        <pt x="193" y="1239" on="1"/>
+        <pt x="264" y="1239" on="1"/>
+        <pt x="264" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          2 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 4
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quoteright" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesinglbase" xMin="45" yMin="-266" xMax="260" yMax="227">
+      <contour>
+        <pt x="45" y="0" on="1"/>
+        <pt x="45" y="227" on="1"/>
+        <pt x="260" y="227" on="1"/>
+        <pt x="260" y="0" on="1"/>
+        <pt x="147" y="-266" on="1"/>
+        <pt x="45" y="-266" on="1"/>
+        <pt x="117" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="quotesingle" xMin="45" yMin="1012" xMax="260" yMax="1505">
+      <contour>
+        <pt x="45" y="1012" on="1"/>
+        <pt x="117" y="1278" on="1"/>
+        <pt x="45" y="1278" on="1"/>
+        <pt x="45" y="1505" on="1"/>
+        <pt x="260" y="1505" on="1"/>
+        <pt x="260" y="1278" on="1"/>
+        <pt x="147" y="1012" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          0 13 0 9 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="r" xMin="82" yMin="0" xMax="496" yMax="1137">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="995" on="1"/>
+        <pt x="297" y="1036" on="0"/>
+        <pt x="397" y="1137" on="0"/>
+        <pt x="496" y="1137" on="1"/>
+        <pt x="496" y="907" on="1"/>
+        <pt x="462" y="918" on="0"/>
+        <pt x="432" y="918" on="1"/>
+        <pt x="376" y="918" on="0"/>
+        <pt x="334" y="881" on="1"/>
+        <pt x="289" y="840" on="0"/>
+        <pt x="289" y="778" on="1"/>
+        <pt x="289" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          1 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="registered" xMin="53" yMin="-16" xMax="1591" yMax="1522">
+      <contour>
+        <pt x="53" y="434" on="0"/>
+        <pt x="53" y="1069" on="0"/>
+        <pt x="504" y="1522" on="0"/>
+        <pt x="1139" y="1522" on="0"/>
+        <pt x="1591" y="1069" on="0"/>
+        <pt x="1591" y="434" on="0"/>
+        <pt x="1139" y="-16" on="0"/>
+        <pt x="504" y="-16" on="0"/>
+      </contour>
+      <contour>
+        <pt x="172" y="1018" on="0"/>
+        <pt x="172" y="485" on="0"/>
+        <pt x="555" y="102" on="0"/>
+        <pt x="1087" y="102" on="0"/>
+        <pt x="1473" y="485" on="0"/>
+        <pt x="1473" y="752" on="1"/>
+        <pt x="1473" y="1020" on="0"/>
+        <pt x="1090" y="1403" on="0"/>
+        <pt x="821" y="1403" on="1"/>
+        <pt x="555" y="1403" on="0"/>
+      </contour>
+      <contour>
+        <pt x="625" y="313" on="1"/>
+        <pt x="625" y="1192" on="1"/>
+        <pt x="821" y="1192" on="1"/>
+        <pt x="1052" y="1192" on="0"/>
+        <pt x="1053" y="934" on="1"/>
+        <pt x="1053" y="858" on="0"/>
+        <pt x="1020" y="760" on="0"/>
+        <pt x="965" y="713" on="1"/>
+        <pt x="1071" y="313" on="1"/>
+        <pt x="920" y="313" on="1"/>
+        <pt x="825" y="678" on="1"/>
+        <pt x="770" y="678" on="1"/>
+        <pt x="770" y="313" on="1"/>
+      </contour>
+      <contour>
+        <pt x="770" y="805" on="1"/>
+        <pt x="815" y="805" on="1"/>
+        <pt x="858" y="805" on="0"/>
+        <pt x="903" y="848" on="0"/>
+        <pt x="913" y="895" on="0"/>
+        <pt x="913" y="932" on="1"/>
+        <pt x="913" y="971" on="0"/>
+        <pt x="903" y="1020" on="0"/>
+        <pt x="858" y="1063" on="0"/>
+        <pt x="815" y="1063" on="1"/>
+        <pt x="770" y="1063" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          7 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          16 5 0 52 4
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 31 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          29 5 0 49 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 26
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          20 41 7 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          20 5 0 48 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          9 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          22 16 0 44 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          43 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15837 -4197 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          28
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          25 28
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          18 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          7 2 10
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 30
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 26
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 11 3
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 9 0
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 1
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ring" xMin="358" yMin="1278" xMax="664" yMax="1565">
+      <contour>
+        <pt x="358" y="1360" on="0"/>
+        <pt x="358" y="1483" on="0"/>
+        <pt x="449" y="1565" on="0"/>
+        <pt x="575" y="1565" on="0"/>
+        <pt x="664" y="1483" on="0"/>
+        <pt x="664" y="1360" on="0"/>
+        <pt x="575" y="1278" on="0"/>
+        <pt x="449" y="1278" on="0"/>
+      </contour>
+      <contour>
+        <pt x="436" y="1450" on="0"/>
+        <pt x="436" y="1393" on="0"/>
+        <pt x="483" y="1350" on="0"/>
+        <pt x="541" y="1350" on="0"/>
+        <pt x="588" y="1393" on="0"/>
+        <pt x="588" y="1450" on="0"/>
+        <pt x="541" y="1493" on="0"/>
+        <pt x="483" y="1493" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          11 5 0 54 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          MDAP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          3 5 0 54 4
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[10110]
+          PUSHB[ ]  /* 5 values pushed */
+          9 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          5 15 0 46 4
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 6 7 2
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          1 4 5 0
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="s" xMin="37" yMin="-16" xMax="590" yMax="1137">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="330" y="1137" on="0"/>
+        <pt x="335" y="1137" on="1"/>
+        <pt x="413" y="1137" on="0"/>
+        <pt x="466" y="1111" on="1"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          38 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 38 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          27 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 27 25 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          35 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          3 7 18 38
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          33
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          27 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 34
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="scaron" xMin="37" yMin="-16" xMax="590" yMax="1489">
+      <contour>
+        <pt x="37" y="326" on="1"/>
+        <pt x="229" y="326" on="1"/>
+        <pt x="229" y="156" on="0"/>
+        <pt x="326" y="156" on="1"/>
+        <pt x="398" y="156" on="0"/>
+        <pt x="397" y="291" on="1"/>
+        <pt x="397" y="365" on="0"/>
+        <pt x="268" y="489" on="1"/>
+        <pt x="200" y="555" on="0"/>
+        <pt x="139" y="621" on="0"/>
+        <pt x="72" y="758" on="0"/>
+        <pt x="72" y="834" on="1"/>
+        <pt x="72" y="889" on="0"/>
+        <pt x="96" y="987" on="0"/>
+        <pt x="150" y="1079" on="0"/>
+        <pt x="252" y="1135" on="0"/>
+        <pt x="324" y="1137" on="1"/>
+        <pt x="410" y="1139" on="0"/>
+        <pt x="522" y="1083" on="0"/>
+        <pt x="571" y="981" on="0"/>
+        <pt x="588" y="893" on="0"/>
+        <pt x="588" y="834" on="1"/>
+        <pt x="395" y="834" on="1"/>
+        <pt x="395" y="965" on="0"/>
+        <pt x="328" y="965" on="1"/>
+        <pt x="265" y="963" on="0"/>
+        <pt x="264" y="834" on="1"/>
+        <pt x="264" y="801" on="0"/>
+        <pt x="311" y="721" on="0"/>
+        <pt x="354" y="676" on="0"/>
+        <pt x="399" y="633" on="1"/>
+        <pt x="589" y="451" on="0"/>
+        <pt x="590" y="291" on="1"/>
+        <pt x="590" y="168" on="0"/>
+        <pt x="461" y="-16" on="0"/>
+        <pt x="326" y="-16" on="1"/>
+        <pt x="254" y="-16" on="0"/>
+        <pt x="145" y="33" on="0"/>
+        <pt x="84" y="104" on="0"/>
+        <pt x="47" y="203" on="0"/>
+        <pt x="37" y="283" on="0"/>
+      </contour>
+      <contour>
+        <pt x="66" y="1489" on="1"/>
+        <pt x="254" y="1489" on="1"/>
+        <pt x="315" y="1417" on="1"/>
+        <pt x="379" y="1489" on="1"/>
+        <pt x="567" y="1489" on="1"/>
+        <pt x="426" y="1305" on="1"/>
+        <pt x="207" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          35 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 35 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 3 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 7
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          24 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 24 22 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          42 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          44
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          48
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          41
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          32 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          49 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 47
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          42
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP2[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          3 7 35 43 44
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 45 46
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          24 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 31
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          42 47
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="semicolon" xMin="74" yMin="-266" xMax="289" yMax="1120">
+      <contour>
+        <pt x="74" y="0" on="1"/>
+        <pt x="74" y="227" on="1"/>
+        <pt x="289" y="227" on="1"/>
+        <pt x="289" y="0" on="1"/>
+        <pt x="176" y="-266" on="1"/>
+        <pt x="74" y="-266" on="1"/>
+        <pt x="145" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="74" y="893" on="1"/>
+        <pt x="74" y="1120" on="1"/>
+        <pt x="289" y="1120" on="1"/>
+        <pt x="289" y="893" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          8 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 12
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="seven" xMin="8" yMin="0" xMax="565" yMax="1505">
+      <contour>
+        <pt x="8" y="1286" on="1"/>
+        <pt x="8" y="1505" on="1"/>
+        <pt x="565" y="1505" on="1"/>
+        <pt x="565" y="1284" on="1"/>
+        <pt x="344" y="0" on="1"/>
+        <pt x="115" y="0" on="1"/>
+        <pt x="340" y="1286" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          5 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          4 20
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 4 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 5
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="six" xMin="66" yMin="-16" xMax="643" yMax="1522">
+      <contour>
+        <pt x="66" y="309" on="1"/>
+        <pt x="66" y="1165" on="1"/>
+        <pt x="66" y="1521" on="0"/>
+        <pt x="643" y="1522" on="0"/>
+        <pt x="643" y="1165" on="1"/>
+        <pt x="643" y="1071" on="1"/>
+        <pt x="422" y="1071" on="1"/>
+        <pt x="422" y="1233" on="0"/>
+        <pt x="399" y="1329" on="0"/>
+        <pt x="354" y="1329" on="1"/>
+        <pt x="315" y="1329" on="0"/>
+        <pt x="287" y="1255" on="0"/>
+        <pt x="287" y="1165" on="1"/>
+        <pt x="287" y="897" on="1"/>
+        <pt x="346" y="934" on="0"/>
+        <pt x="397" y="934" on="1"/>
+        <pt x="477" y="934" on="0"/>
+        <pt x="584" y="862" on="0"/>
+        <pt x="629" y="748" on="0"/>
+        <pt x="643" y="659" on="0"/>
+        <pt x="643" y="616" on="1"/>
+        <pt x="643" y="309" on="1"/>
+        <pt x="643" y="268" on="0"/>
+        <pt x="627" y="182" on="0"/>
+        <pt x="575" y="61" on="0"/>
+        <pt x="449" y="-16" on="0"/>
+        <pt x="260" y="-16" on="0"/>
+        <pt x="133" y="61" on="0"/>
+        <pt x="82" y="182" on="0"/>
+        <pt x="66" y="268" on="0"/>
+      </contour>
+      <contour>
+        <pt x="287" y="244" on="1"/>
+        <pt x="287" y="224" on="0"/>
+        <pt x="322" y="176" on="0"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="385" y="176" on="0"/>
+        <pt x="422" y="225" on="0"/>
+        <pt x="422" y="244" on="1"/>
+        <pt x="422" y="694" on="1"/>
+        <pt x="422" y="712" on="0"/>
+        <pt x="385" y="762" on="0"/>
+        <pt x="324" y="762" on="0"/>
+        <pt x="289" y="721" on="0"/>
+        <pt x="287" y="700" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          26 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          3 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 3 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          15 40 26 3 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          30 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          44 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          30 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          15 40
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="slash" xMin="8" yMin="-147" xMax="713" yMax="1505">
+      <contour>
+        <pt x="8" y="-147" on="1"/>
+        <pt x="551" y="1505" on="1"/>
+        <pt x="713" y="1505" on="1"/>
+        <pt x="176" y="-147" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 17
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 17
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15581 -5065 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDRP[00000]
+          SPVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 3
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="sterling" xMin="4" yMin="-16" xMax="788" yMax="1522">
+      <contour>
+        <pt x="4" y="63" on="1"/>
+        <pt x="12" y="83" on="0"/>
+        <pt x="43" y="150" on="0"/>
+        <pt x="152" y="266" on="0"/>
+        <pt x="215" y="276" on="1"/>
+        <pt x="252" y="387" on="0"/>
+        <pt x="252" y="475" on="1"/>
+        <pt x="252" y="543" on="0"/>
+        <pt x="221" y="649" on="1"/>
+        <pt x="33" y="649" on="1"/>
+        <pt x="33" y="786" on="1"/>
+        <pt x="180" y="786" on="1"/>
+        <pt x="174" y="807" on="1"/>
+        <pt x="96" y="1061" on="0"/>
+        <pt x="96" y="1149" on="1"/>
+        <pt x="96" y="1219" on="0"/>
+        <pt x="127" y="1341" on="0"/>
+        <pt x="193" y="1452" on="0"/>
+        <pt x="311" y="1520" on="0"/>
+        <pt x="391" y="1522" on="1"/>
+        <pt x="487" y="1524" on="0"/>
+        <pt x="623" y="1456" on="0"/>
+        <pt x="694" y="1337" on="0"/>
+        <pt x="723" y="1202" on="0"/>
+        <pt x="723" y="1120" on="1"/>
+        <pt x="510" y="1120" on="1"/>
+        <pt x="510" y="1206" on="0"/>
+        <pt x="459" y="1319" on="0"/>
+        <pt x="395" y="1317" on="1"/>
+        <pt x="348" y="1315" on="0"/>
+        <pt x="305" y="1217" on="0"/>
+        <pt x="305" y="1149" on="1"/>
+        <pt x="305" y="1036" on="0"/>
+        <pt x="375" y="811" on="1"/>
+        <pt x="381" y="786" on="1"/>
+        <pt x="592" y="786" on="1"/>
+        <pt x="592" y="649" on="1"/>
+        <pt x="418" y="649" on="1"/>
+        <pt x="443" y="549" on="0"/>
+        <pt x="442" y="475" on="1"/>
+        <pt x="442" y="371" on="0"/>
+        <pt x="385" y="256" on="1"/>
+        <pt x="401" y="248" on="0"/>
+        <pt x="457" y="215" on="0"/>
+        <pt x="498" y="197" on="0"/>
+        <pt x="518" y="197" on="1"/>
+        <pt x="592" y="201" on="0"/>
+        <pt x="600" y="387" on="1"/>
+        <pt x="788" y="365" on="1"/>
+        <pt x="776" y="183" on="0"/>
+        <pt x="637" y="-16" on="0"/>
+        <pt x="537" y="-16" on="1"/>
+        <pt x="486" y="-16" on="0"/>
+        <pt x="301" y="86" on="0"/>
+        <pt x="264" y="86" on="1"/>
+        <pt x="231" y="86" on="0"/>
+        <pt x="174" y="35" on="0"/>
+        <pt x="162" y="8" on="1"/>
+        <pt x="150" y="-16" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          51 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          58
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          45 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          19 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 10
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          9 10 51 19 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          34
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          9 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          36
+          SHP[0]
+          PUSHB[ ]  /* 4 values pushed */
+          25 51 19 8
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          59
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          31 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          14 31 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 14 9 9
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          6 31 14 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          39 14
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          39 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 39 36 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          60 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 14
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          4 8 11 58
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          31
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          34 37 41
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          43
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          46 47 51
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          45 51
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 54
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          4 47 48
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 31
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="t" xMin="20" yMin="-16" xMax="473" yMax="1397">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1397" on="1"/>
+        <pt x="332" y="1397" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="473" y="1120" on="1"/>
+        <pt x="473" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="377" on="1"/>
+        <pt x="332" y="193" on="0"/>
+        <pt x="397" y="193" on="1"/>
+        <pt x="473" y="201" on="1"/>
+        <pt x="473" y="-2" on="1"/>
+        <pt x="428" y="-16" on="0"/>
+        <pt x="362" y="-16" on="1"/>
+        <pt x="294" y="-16" on="0"/>
+        <pt x="199" y="41" on="0"/>
+        <pt x="154" y="113" on="0"/>
+        <pt x="129" y="233" on="0"/>
+        <pt x="125" y="303" on="0"/>
+        <pt x="125" y="360" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          15 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 0 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 1 4 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 21 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 7 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 9 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 21 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="thorn" xMin="82" yMin="-385" xMax="612" yMax="1505">
+      <contour>
+        <pt x="82" y="-385" on="1"/>
+        <pt x="82" y="1505" on="1"/>
+        <pt x="289" y="1505" on="1"/>
+        <pt x="289" y="1047" on="1"/>
+        <pt x="377" y="1137" on="0"/>
+        <pt x="453" y="1137" on="1"/>
+        <pt x="531" y="1137" on="0"/>
+        <pt x="612" y="999" on="0"/>
+        <pt x="612" y="918" on="1"/>
+        <pt x="612" y="203" on="1"/>
+        <pt x="612" y="121" on="0"/>
+        <pt x="530" y="-16" on="0"/>
+        <pt x="453" y="-16" on="1"/>
+        <pt x="420" y="-16" on="0"/>
+        <pt x="338" y="29" on="0"/>
+        <pt x="313" y="51" on="1"/>
+        <pt x="289" y="74" on="1"/>
+        <pt x="289" y="-385" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="246" on="1"/>
+        <pt x="289" y="221" on="0"/>
+        <pt x="328" y="178" on="0"/>
+        <pt x="373" y="178" on="0"/>
+        <pt x="406" y="217" on="0"/>
+        <pt x="406" y="246" on="1"/>
+        <pt x="406" y="874" on="1"/>
+        <pt x="406" y="903" on="0"/>
+        <pt x="373" y="942" on="0"/>
+        <pt x="328" y="942" on="0"/>
+        <pt x="289" y="903" on="0"/>
+        <pt x="289" y="874" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          12 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          5 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          27 4
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          17 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          2 18
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          21 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 27
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="three" xMin="45" yMin="-16" xMax="633" yMax="1522">
+      <contour>
+        <pt x="45" y="1071" on="1"/>
+        <pt x="45" y="1141" on="0"/>
+        <pt x="49" y="1231" on="0"/>
+        <pt x="80" y="1372" on="0"/>
+        <pt x="137" y="1456" on="0"/>
+        <pt x="248" y="1522" on="0"/>
+        <pt x="328" y="1522" on="1"/>
+        <pt x="406" y="1522" on="0"/>
+        <pt x="520" y="1460" on="0"/>
+        <pt x="575" y="1380" on="0"/>
+        <pt x="608" y="1276" on="0"/>
+        <pt x="614" y="1221" on="0"/>
+        <pt x="614" y="1198" on="1"/>
+        <pt x="614" y="907" on="0"/>
+        <pt x="508" y="801" on="1"/>
+        <pt x="506" y="799" on="1"/>
+        <pt x="633" y="699" on="0"/>
+        <pt x="633" y="385" on="1"/>
+        <pt x="633" y="360" on="0"/>
+        <pt x="627" y="293" on="0"/>
+        <pt x="594" y="162" on="0"/>
+        <pt x="539" y="61" on="0"/>
+        <pt x="424" y="-16" on="0"/>
+        <pt x="346" y="-16" on="1"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="154" y="47" on="0"/>
+        <pt x="94" y="135" on="0"/>
+        <pt x="59" y="272" on="0"/>
+        <pt x="53" y="371" on="0"/>
+        <pt x="53" y="434" on="1"/>
+        <pt x="270" y="434" on="1"/>
+        <pt x="272" y="284" on="0"/>
+        <pt x="303" y="178" on="0"/>
+        <pt x="346" y="178" on="1"/>
+        <pt x="391" y="178" on="0"/>
+        <pt x="416" y="279" on="0"/>
+        <pt x="416" y="369" on="1"/>
+        <pt x="416" y="387" on="0"/>
+        <pt x="418" y="483" on="0"/>
+        <pt x="416" y="512" on="0"/>
+        <pt x="410" y="582" on="0"/>
+        <pt x="397" y="604" on="0"/>
+        <pt x="373" y="647" on="0"/>
+        <pt x="338" y="662" on="0"/>
+        <pt x="283" y="678" on="0"/>
+        <pt x="248" y="680" on="1"/>
+        <pt x="229" y="680" on="1"/>
+        <pt x="229" y="864" on="1"/>
+        <pt x="266" y="866" on="0"/>
+        <pt x="317" y="877" on="0"/>
+        <pt x="356" y="895" on="0"/>
+        <pt x="379" y="920" on="0"/>
+        <pt x="391" y="954" on="0"/>
+        <pt x="397" y="999" on="0"/>
+        <pt x="397" y="1028" on="1"/>
+        <pt x="397" y="1090" on="1"/>
+        <pt x="397" y="1133" on="1"/>
+        <pt x="397" y="1178" on="0"/>
+        <pt x="395" y="1225" on="0"/>
+        <pt x="383" y="1294" on="0"/>
+        <pt x="352" y="1327" on="0"/>
+        <pt x="328" y="1327" on="1"/>
+        <pt x="287" y="1327" on="0"/>
+        <pt x="264" y="1229" on="0"/>
+        <pt x="262" y="1071" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          23 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          33 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          33 23 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 33 29 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          61 4
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          61 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 61 64 9
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          47 46 23 6 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          47 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          65
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          0 29
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          64 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          35 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          54 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          12 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          66 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          64 2
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          27 46 47
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SRP1[ ]
+          PUSHB[ ]  /* 6 values pushed */
+          23 6 33 41 42 61
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          35
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          39
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 38
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          46 33
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          47
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          61
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="tilde" xMin="313" yMin="1298" xMax="711" yMax="1495">
+      <contour>
+        <pt x="313" y="1305" on="1"/>
+        <pt x="313" y="1456" on="1"/>
+        <pt x="362" y="1495" on="0"/>
+        <pt x="422" y="1495" on="1"/>
+        <pt x="455" y="1495" on="0"/>
+        <pt x="571" y="1458" on="0"/>
+        <pt x="602" y="1456" on="1"/>
+        <pt x="627" y="1456" on="0"/>
+        <pt x="682" y="1473" on="0"/>
+        <pt x="696" y="1481" on="1"/>
+        <pt x="711" y="1489" on="1"/>
+        <pt x="711" y="1337" on="1"/>
+        <pt x="660" y="1298" on="0"/>
+        <pt x="602" y="1298" on="1"/>
+        <pt x="571" y="1298" on="0"/>
+        <pt x="455" y="1337" on="0"/>
+        <pt x="422" y="1337" on="1"/>
+        <pt x="397" y="1337" on="0"/>
+        <pt x="342" y="1321" on="0"/>
+        <pt x="328" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          3 6
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          6 6
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 22
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          21 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="trademark" xMin="74" yMin="821" xMax="856" yMax="1505">
+      <contour>
+        <pt x="74" y="1401" on="1"/>
+        <pt x="74" y="1505" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="395" y="1401" on="1"/>
+        <pt x="291" y="1401" on="1"/>
+        <pt x="291" y="821" on="1"/>
+        <pt x="178" y="821" on="1"/>
+        <pt x="178" y="1401" on="1"/>
+      </contour>
+      <contour>
+        <pt x="440" y="821" on="1"/>
+        <pt x="440" y="1505" on="1"/>
+        <pt x="578" y="1505" on="1"/>
+        <pt x="645" y="1186" on="1"/>
+        <pt x="651" y="1186" on="1"/>
+        <pt x="719" y="1505" on="1"/>
+        <pt x="856" y="1505" on="1"/>
+        <pt x="856" y="821" on="1"/>
+        <pt x="752" y="821" on="1"/>
+        <pt x="752" y="1270" on="1"/>
+        <pt x="674" y="821" on="1"/>
+        <pt x="623" y="821" on="1"/>
+        <pt x="543" y="1270" on="1"/>
+        <pt x="543" y="821" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 13
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 5
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 0 6 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          8 15 18
+          SHP[0]
+          SHP[0]
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          5 16
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          5 6 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 5 3 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 5 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 6 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 15
+          MIRP[01001]
+          PUSHB[ ]  /* 5 values pushed */
+          10 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          18 15 0 30 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 15
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          SRP0[ ]
+          PUSHB[ ]  /* 5 values pushed */
+          13 16 0 45 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="two" xMin="55" yMin="0" xMax="655" yMax="1522">
+      <contour>
+        <pt x="55" y="0" on="1"/>
+        <pt x="55" y="219" on="1"/>
+        <pt x="69" y="242" on="0"/>
+        <pt x="119" y="319" on="0"/>
+        <pt x="246" y="547" on="0"/>
+        <pt x="344" y="760" on="0"/>
+        <pt x="428" y="1030" on="0"/>
+        <pt x="430" y="1133" on="1"/>
+        <pt x="430" y="1317" on="0"/>
+        <pt x="283" y="1317" on="0"/>
+        <pt x="283" y="1133" on="1"/>
+        <pt x="283" y="1028" on="1"/>
+        <pt x="61" y="1028" on="1"/>
+        <pt x="61" y="1133" on="1"/>
+        <pt x="61" y="1522" on="0"/>
+        <pt x="651" y="1522" on="0"/>
+        <pt x="651" y="1147" on="1"/>
+        <pt x="651" y="811" on="0"/>
+        <pt x="305" y="219" on="1"/>
+        <pt x="655" y="219" on="1"/>
+        <pt x="655" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          15 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          9 15 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 9 12 9
+          CALL[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          22 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 12
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="u" xMin="78" yMin="-16" xMax="608" yMax="1120">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uacute" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="274" y="1305" on="1"/>
+        <pt x="381" y="1489" on="1"/>
+        <pt x="596" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          21 22
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ucircumflex" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="94" y="1305" on="1"/>
+        <pt x="236" y="1489" on="1"/>
+        <pt x="455" y="1489" on="1"/>
+        <pt x="596" y="1305" on="1"/>
+        <pt x="408" y="1305" on="1"/>
+        <pt x="344" y="1376" on="1"/>
+        <pt x="283" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          16 19 20 25
+          DEPTH[ ]
+          SLOOP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          21 22 23
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 25
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="udieresis" xMin="78" yMin="-16" xMax="608" yMax="1505">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="106" y="1305" on="1"/>
+        <pt x="106" y="1505" on="1"/>
+        <pt x="297" y="1505" on="1"/>
+        <pt x="297" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="395" y="1305" on="1"/>
+        <pt x="395" y="1505" on="1"/>
+        <pt x="586" y="1505" on="1"/>
+        <pt x="586" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 23
+          SHP[0]
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 19
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ugrave" xMin="78" yMin="-16" xMax="608" yMax="1489">
+      <contour>
+        <pt x="78" y="203" on="1"/>
+        <pt x="78" y="1120" on="1"/>
+        <pt x="285" y="1120" on="1"/>
+        <pt x="285" y="233" on="1"/>
+        <pt x="285" y="184" on="0"/>
+        <pt x="334" y="184" on="1"/>
+        <pt x="375" y="184" on="0"/>
+        <pt x="401" y="238" on="1"/>
+        <pt x="401" y="1120" on="1"/>
+        <pt x="608" y="1120" on="1"/>
+        <pt x="608" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="401" y="94" on="1"/>
+        <pt x="370" y="62" on="1"/>
+        <pt x="340" y="32" on="0"/>
+        <pt x="266" y="-16" on="0"/>
+        <pt x="233" y="-16" on="1"/>
+        <pt x="157" y="-16" on="0"/>
+        <pt x="78" y="121" on="0"/>
+      </contour>
+      <contour>
+        <pt x="113" y="1489" on="1"/>
+        <pt x="328" y="1489" on="1"/>
+        <pt x="434" y="1305" on="1"/>
+        <pt x="274" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          11 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          16 19 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          5 11
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="underscore" xMin="74" yMin="-326" xMax="1137" yMax="-154">
+      <contour>
+        <pt x="74" y="-154" on="1"/>
+        <pt x="1137" y="-154" on="1"/>
+        <pt x="1137" y="-326" on="1"/>
+        <pt x="74" y="-326" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          0 7
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni2011" xMin="74" yMin="455" xMax="371" yMax="649">
+      <contour>
+        <pt x="74" y="455" on="1"/>
+        <pt x="74" y="649" on="1"/>
+        <pt x="371" y="649" on="1"/>
+        <pt x="371" y="455" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          1 4
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          3 21
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          5 1
+          CALL[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1120" yMax="1120">
+      <contour>
+        <pt x="0" y="1120" on="1"/>
+        <pt x="1120" y="1120" on="1"/>
+        <pt x="1120" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB01" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="526" y="1321" on="1"/>
+        <pt x="485" y="1333" on="0"/>
+        <pt x="416" y="1333" on="1"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="690" y="1120" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          17 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          25 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          10 17
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          15 14
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="uniFB02" xMin="20" yMin="0" xMax="690" yMax="1520">
+      <contour>
+        <pt x="20" y="934" on="1"/>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="125" y="1120" on="1"/>
+        <pt x="125" y="1151" on="1"/>
+        <pt x="125" y="1196" on="0"/>
+        <pt x="127" y="1245" on="0"/>
+        <pt x="139" y="1350" on="0"/>
+        <pt x="172" y="1413" on="0"/>
+        <pt x="225" y="1485" on="0"/>
+        <pt x="317" y="1520" on="0"/>
+        <pt x="379" y="1520" on="1"/>
+        <pt x="412" y="1520" on="0"/>
+        <pt x="485" y="1511" on="0"/>
+        <pt x="506" y="1507" on="1"/>
+        <pt x="526" y="1505" on="1"/>
+        <pt x="690" y="1505" on="1"/>
+        <pt x="690" y="0" on="1"/>
+        <pt x="483" y="0" on="1"/>
+        <pt x="483" y="1329" on="1"/>
+        <pt x="446" y="1333" on="0"/>
+        <pt x="385" y="1333" on="0"/>
+        <pt x="346" y="1296" on="0"/>
+        <pt x="334" y="1217" on="0"/>
+        <pt x="332" y="1188" on="0"/>
+        <pt x="332" y="1149" on="1"/>
+        <pt x="332" y="1120" on="1"/>
+        <pt x="436" y="1120" on="1"/>
+        <pt x="436" y="934" on="1"/>
+        <pt x="332" y="934" on="1"/>
+        <pt x="332" y="0" on="1"/>
+        <pt x="125" y="0" on="1"/>
+        <pt x="125" y="934" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          30 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          20 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          1 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          32
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          30
+          MDRP[10110]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          29 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          29 30 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 29 27 9
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          30 29 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 30 0 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          29
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          16 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          33 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 29
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="v" xMin="16" yMin="0" xMax="586" yMax="1120">
+      <contour>
+        <pt x="16" y="1120" on="1"/>
+        <pt x="217" y="1120" on="1"/>
+        <pt x="285" y="471" on="1"/>
+        <pt x="293" y="399" on="1"/>
+        <pt x="309" y="399" on="1"/>
+        <pt x="317" y="471" on="1"/>
+        <pt x="385" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="403" y="0" on="1"/>
+        <pt x="199" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          9 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 4 values pushed */
+          9 1 0 8
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 9
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="w" xMin="20" yMin="0" xMax="885" yMax="1120">
+      <contour>
+        <pt x="20" y="1120" on="1"/>
+        <pt x="209" y="1120" on="1"/>
+        <pt x="274" y="535" on="1"/>
+        <pt x="283" y="471" on="1"/>
+        <pt x="295" y="471" on="1"/>
+        <pt x="305" y="535" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="514" y="1120" on="1"/>
+        <pt x="600" y="535" on="1"/>
+        <pt x="610" y="471" on="1"/>
+        <pt x="623" y="471" on="1"/>
+        <pt x="631" y="535" on="1"/>
+        <pt x="696" y="1120" on="1"/>
+        <pt x="885" y="1120" on="1"/>
+        <pt x="719" y="0" on="1"/>
+        <pt x="547" y="0" on="1"/>
+        <pt x="467" y="535" on="1"/>
+        <pt x="457" y="598" on="1"/>
+        <pt x="449" y="598" on="1"/>
+        <pt x="438" y="535" on="1"/>
+        <pt x="358" y="0" on="1"/>
+        <pt x="186" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          21 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          6 12 13
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 16
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          23 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          16257 -2032 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          16281 -1831 21
+          CALL[ ]
+          SFVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SRP0[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          11 10 12 19
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          11 10 12
+          DUP[ ]
+          ROLL[ ]
+          DUP[ ]
+          ROLL[ ]
+          SWAP[ ]
+          SPVTL[0]
+          SFVTPV[ ]
+          SRP1[ ]
+          SRP2[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          10 11
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 3 values pushed */
+          10 11 14
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          20
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 18
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          15
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 21
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 9 17
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="x" xMin="16" yMin="0" xMax="602" yMax="1120">
+      <contour>
+        <pt x="16" y="0" on="1"/>
+        <pt x="209" y="578" on="1"/>
+        <pt x="33" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="301" y="858" on="1"/>
+        <pt x="307" y="827" on="1"/>
+        <pt x="311" y="827" on="1"/>
+        <pt x="317" y="858" on="1"/>
+        <pt x="391" y="1120" on="1"/>
+        <pt x="586" y="1120" on="1"/>
+        <pt x="410" y="578" on="1"/>
+        <pt x="602" y="0" on="1"/>
+        <pt x="401" y="0" on="1"/>
+        <pt x="317" y="283" on="1"/>
+        <pt x="311" y="313" on="1"/>
+        <pt x="307" y="313" on="1"/>
+        <pt x="301" y="283" on="1"/>
+        <pt x="217" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 17
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 3 values pushed */
+          2 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          3 8 9
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          3 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          9 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          11 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          19 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          15707 -4662 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          -15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          SFVTL[0]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          4
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15767 -4453 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          MDRP[00000]
+          PUSHB[ ]  /* 1 value pushed */
+          9
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDRP[00000]
+          SVTCA[0]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 5 values pushed */
+          1 4 7 10 16
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[1]
+          PUSHB[ ]  /* 2 values pushed */
+          8 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 14
+          IP[ ]
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="y" xMin="25" yMin="-401" xMax="610" yMax="1120">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          20 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          1 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yacute" xMin="25" yMin="-401" xMax="610" yMax="1489">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="215" y="-33" on="1"/>
+        <pt x="215" y="-101" on="0"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="103" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="395" y="-211" on="0"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+      </contour>
+      <contour>
+        <pt x="231" y="1305" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="553" y="1489" on="1"/>
+        <pt x="391" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          5 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          18 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          24 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          18 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 5 8
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SRP1[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          19 20 22
+          IP[ ]
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="ydieresis" xMin="25" yMin="-401" xMax="610" yMax="1505">
+      <contour>
+        <pt x="25" y="1120" on="1"/>
+        <pt x="227" y="1120" on="1"/>
+        <pt x="309" y="432" on="1"/>
+        <pt x="313" y="375" on="1"/>
+        <pt x="322" y="375" on="1"/>
+        <pt x="326" y="432" on="1"/>
+        <pt x="408" y="1120" on="1"/>
+        <pt x="610" y="1120" on="1"/>
+        <pt x="412" y="-84" on="1"/>
+        <pt x="396" y="-211" on="0"/>
+        <pt x="240" y="-401" on="0"/>
+        <pt x="125" y="-401" on="1"/>
+        <pt x="33" y="-397" on="1"/>
+        <pt x="33" y="-213" on="1"/>
+        <pt x="49" y="-217" on="0"/>
+        <pt x="82" y="-217" on="1"/>
+        <pt x="143" y="-211" on="0"/>
+        <pt x="215" y="-100" on="0"/>
+        <pt x="215" y="-33" on="1"/>
+      </contour>
+      <contour>
+        <pt x="78" y="1305" on="1"/>
+        <pt x="78" y="1505" on="1"/>
+        <pt x="268" y="1505" on="1"/>
+        <pt x="268" y="1305" on="1"/>
+      </contour>
+      <contour>
+        <pt x="367" y="1305" on="1"/>
+        <pt x="367" y="1505" on="1"/>
+        <pt x="557" y="1505" on="1"/>
+        <pt x="557" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          20 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SHP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          19 10
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SHP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          13 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          27
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          22 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          0 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          1 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          22
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 14
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          23
+          DUP[ ]
+          MDRP[10110]
+          SRP1[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          26 14
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          28 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          19 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          12 13
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP1[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          18
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          23 22
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 13
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="yen" xMin="25" yMin="0" xMax="696" yMax="1505">
+      <contour>
+        <pt x="25" y="1505" on="1"/>
+        <pt x="242" y="1505" on="1"/>
+        <pt x="352" y="1024" on="1"/>
+        <pt x="358" y="1010" on="1"/>
+        <pt x="362" y="1010" on="1"/>
+        <pt x="369" y="1024" on="1"/>
+        <pt x="479" y="1505" on="1"/>
+        <pt x="696" y="1505" on="1"/>
+        <pt x="500" y="752" on="1"/>
+        <pt x="647" y="752" on="1"/>
+        <pt x="647" y="614" on="1"/>
+        <pt x="471" y="614" on="1"/>
+        <pt x="471" y="477" on="1"/>
+        <pt x="647" y="477" on="1"/>
+        <pt x="647" y="340" on="1"/>
+        <pt x="471" y="340" on="1"/>
+        <pt x="471" y="0" on="1"/>
+        <pt x="250" y="0" on="1"/>
+        <pt x="250" y="340" on="1"/>
+        <pt x="74" y="340" on="1"/>
+        <pt x="74" y="477" on="1"/>
+        <pt x="250" y="477" on="1"/>
+        <pt x="250" y="614" on="1"/>
+        <pt x="74" y="614" on="1"/>
+        <pt x="74" y="752" on="1"/>
+        <pt x="221" y="752" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          0 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 3 values pushed */
+          1 6 7
+          SHP[1]
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 20 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          19 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          14
+          SHP[0]
+          PUSHB[ ]  /* 5 values pushed */
+          23 24 17 0 13
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          8 25
+          SHP[1]
+          SHP[1]
+          PUSHB[ ]  /* 5 values pushed */
+          23 6 0 27 4
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          26
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          1 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          17 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          21
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          16 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          11
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          16 17 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 16 10 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          PUSHB[ ]  /* 3 values pushed */
+          17 16 10
+          CALL[ ]
+          PUSHB[ ]  /* 4 values pushed */
+          64 17 23 9
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          19
+          SHP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          27 1
+          CALL[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          54
+          SMD[ ]
+          PUSHW[ ]  /* 3 values pushed */
+          -15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          25
+          MDRP[00000]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          2
+          MDRP[00000]
+          PUSHW[ ]  /* 3 values pushed */
+          15972 -3653 21
+          CALL[ ]
+          SPVFS[ ]
+          SFVTPV[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          MDRP[00000]
+          SFVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          SRP0[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          8
+          MDRP[00000]
+          SPVTCA[1]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          2 5
+          MDAP[0]
+          MDAP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 4 values pushed */
+          2 5 8 25
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          MDAP[0]
+          PUSHB[ ]  /* 1 value pushed */
+          64
+          SMD[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          0 24
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          3
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="z" xMin="12" yMin="0" xMax="516" yMax="1120">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          10
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          0 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 23
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          5
+          SHP[0]
+          PUSHB[ ]  /* 2 values pushed */
+          11 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          9 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          7
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zcaron" xMin="12" yMin="0" xMax="526" yMax="1489">
+      <contour>
+        <pt x="12" y="0" on="1"/>
+        <pt x="12" y="168" on="1"/>
+        <pt x="297" y="932" on="1"/>
+        <pt x="57" y="932" on="1"/>
+        <pt x="57" y="1120" on="1"/>
+        <pt x="516" y="1120" on="1"/>
+        <pt x="516" y="952" on="1"/>
+        <pt x="231" y="188" on="1"/>
+        <pt x="516" y="188" on="1"/>
+        <pt x="516" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="25" y="1489" on="1"/>
+        <pt x="213" y="1489" on="1"/>
+        <pt x="274" y="1417" on="1"/>
+        <pt x="338" y="1489" on="1"/>
+        <pt x="526" y="1489" on="1"/>
+        <pt x="385" y="1305" on="1"/>
+        <pt x="166" y="1305" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          0 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 9
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          4 2 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          3 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          16
+          MDAP[1]
+          PUSHB[ ]  /* 2 values pushed */
+          11 9
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          13
+          SHP[0]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          17
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          14 23
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          18 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          14 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          5 10
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          PUSHB[ ]  /* 2 values pushed */
+          7 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          1
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          4 3
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          6
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          11 16
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 1 value pushed */
+          12
+          IP[ ]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+    <TTGlyph name="zero" xMin="68" yMin="-16" xMax="657" yMax="1522">
+      <contour>
+        <pt x="68" y="309" on="1"/>
+        <pt x="68" y="1196" on="1"/>
+        <pt x="68" y="1208" on="0"/>
+        <pt x="72" y="1253" on="0"/>
+        <pt x="102" y="1366" on="0"/>
+        <pt x="158" y="1452" on="0"/>
+        <pt x="279" y="1522" on="0"/>
+        <pt x="446" y="1522" on="0"/>
+        <pt x="567" y="1454" on="0"/>
+        <pt x="623" y="1360" on="0"/>
+        <pt x="653" y="1264" on="0"/>
+        <pt x="655" y="1229" on="1"/>
+        <pt x="657" y="1196" on="1"/>
+        <pt x="657" y="309" on="1"/>
+        <pt x="657" y="297" on="0"/>
+        <pt x="653" y="252" on="0"/>
+        <pt x="623" y="139" on="0"/>
+        <pt x="567" y="53" on="0"/>
+        <pt x="446" y="-16" on="0"/>
+        <pt x="279" y="-16" on="0"/>
+        <pt x="158" y="51" on="0"/>
+        <pt x="102" y="147" on="0"/>
+        <pt x="72" y="242" on="0"/>
+        <pt x="70" y="274" on="1"/>
+      </contour>
+      <contour>
+        <pt x="289" y="309" on="1"/>
+        <pt x="289" y="297" on="0"/>
+        <pt x="291" y="260" on="0"/>
+        <pt x="328" y="199" on="0"/>
+        <pt x="397" y="199" on="0"/>
+        <pt x="434" y="254" on="0"/>
+        <pt x="434" y="283" on="1"/>
+        <pt x="436" y="309" on="1"/>
+        <pt x="436" y="1196" on="1"/>
+        <pt x="436" y="1208" on="0"/>
+        <pt x="434" y="1245" on="0"/>
+        <pt x="397" y="1307" on="0"/>
+        <pt x="328" y="1307" on="0"/>
+        <pt x="291" y="1251" on="0"/>
+        <pt x="291" y="1225" on="1"/>
+        <pt x="289" y="1196" on="1"/>
+      </contour>
+      <instructions><assembly>
+          SVTCA[0]
+          PUSHB[ ]  /* 3 values pushed */
+          19 1 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          28 11
+          MIRP[01001]
+          PUSHB[ ]  /* 3 values pushed */
+          7 3 0
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          36 11
+          MIRP[01001]
+          SVTCA[1]
+          PUSHB[ ]  /* 1 value pushed */
+          40
+          MDAP[1]
+          PUSHB[ ]  /* 1 value pushed */
+          0
+          MDRP[10110]
+          PUSHB[ ]  /* 2 values pushed */
+          24 19
+          MIRP[01001]
+          PUSHB[ ]  /* 1 value pushed */
+          24
+          SRP0[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          31 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 19
+          MIRP[01001]
+          PUSHB[ ]  /* 2 values pushed */
+          41 1
+          CALL[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          24 0
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          6 19
+          IP[ ]
+          IP[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          13 31
+          SRP1[ ]
+          SRP2[ ]
+          PUSHB[ ]  /* 2 values pushed */
+          7 18
+          IP[ ]
+          IP[ ]
+          SVTCA[0]
+          IUP[0]
+          IUP[1]
+        </assembly></instructions>
+    </TTGlyph>
+
+  </glyf>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      Generated in 2009 by FontLab Studio. Copyright info pending.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      xxxfontnamexxx
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      webfont
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      xxxfontnamexxx Regular
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      Version 001.001 
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      xxxfontnamexxx
+    </namerecord>
+    <namerecord nameID="200" platformID="3" platEncID="1" langID="0x409">
+      This font was generated by the Font Squirrel Generator.
+    </namerecord>
+  </name>
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="Euro"/>
+      <psName name="uniE000"/>
+      <psName name="uniFB01"/>
+      <psName name="uniFB02"/>
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="15"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c9896f31 00000000
+      c6a779b7 00000000 cae12877 
+    </hexdata>
+  </FFTM>
+
+  <GDEF>
+    <Version value="1.0"/>
+    <GlyphClassDef Format="2">
+      <ClassDef glyph=".null" class="1"/>
+      <ClassDef glyph="A" class="1"/>
+      <ClassDef glyph="AE" class="1"/>
+      <ClassDef glyph="Aacute" class="1"/>
+      <ClassDef glyph="Acircumflex" class="1"/>
+      <ClassDef glyph="Adieresis" class="1"/>
+      <ClassDef glyph="Agrave" class="1"/>
+      <ClassDef glyph="Aring" class="1"/>
+      <ClassDef glyph="Atilde" class="1"/>
+      <ClassDef glyph="B" class="1"/>
+      <ClassDef glyph="C" class="1"/>
+      <ClassDef glyph="Ccedilla" class="1"/>
+      <ClassDef glyph="D" class="1"/>
+      <ClassDef glyph="E" class="1"/>
+      <ClassDef glyph="Eacute" class="1"/>
+      <ClassDef glyph="Ecircumflex" class="1"/>
+      <ClassDef glyph="Edieresis" class="1"/>
+      <ClassDef glyph="Egrave" class="1"/>
+      <ClassDef glyph="Eth" class="1"/>
+      <ClassDef glyph="Euro" class="1"/>
+      <ClassDef glyph="F" class="1"/>
+      <ClassDef glyph="G" class="1"/>
+      <ClassDef glyph="H" class="1"/>
+      <ClassDef glyph="I" class="1"/>
+      <ClassDef glyph="Iacute" class="1"/>
+      <ClassDef glyph="Icircumflex" class="1"/>
+      <ClassDef glyph="Idieresis" class="1"/>
+      <ClassDef glyph="Igrave" class="1"/>
+      <ClassDef glyph="J" class="1"/>
+      <ClassDef glyph="K" class="1"/>
+      <ClassDef glyph="L" class="1"/>
+      <ClassDef glyph="Lslash" class="1"/>
+      <ClassDef glyph="M" class="1"/>
+      <ClassDef glyph="N" class="1"/>
+      <ClassDef glyph="Ntilde" class="1"/>
+      <ClassDef glyph="O" class="1"/>
+      <ClassDef glyph="OE" class="1"/>
+      <ClassDef glyph="Oacute" class="1"/>
+      <ClassDef glyph="Ocircumflex" class="1"/>
+      <ClassDef glyph="Odieresis" class="1"/>
+      <ClassDef glyph="Ograve" class="1"/>
+      <ClassDef glyph="Oslash" class="1"/>
+      <ClassDef glyph="Otilde" class="1"/>
+      <ClassDef glyph="P" class="1"/>
+      <ClassDef glyph="Q" class="1"/>
+      <ClassDef glyph="R" class="1"/>
+      <ClassDef glyph="S" class="1"/>
+      <ClassDef glyph="Scaron" class="1"/>
+      <ClassDef glyph="T" class="1"/>
+      <ClassDef glyph="Thorn" class="1"/>
+      <ClassDef glyph="U" class="1"/>
+      <ClassDef glyph="Uacute" class="1"/>
+      <ClassDef glyph="Ucircumflex" class="1"/>
+      <ClassDef glyph="Udieresis" class="1"/>
+      <ClassDef glyph="Ugrave" class="1"/>
+      <ClassDef glyph="V" class="1"/>
+      <ClassDef glyph="W" class="1"/>
+      <ClassDef glyph="X" class="1"/>
+      <ClassDef glyph="Y" class="1"/>
+      <ClassDef glyph="Yacute" class="1"/>
+      <ClassDef glyph="Ydieresis" class="1"/>
+      <ClassDef glyph="Z" class="1"/>
+      <ClassDef glyph="Zcaron" class="1"/>
+      <ClassDef glyph="a" class="1"/>
+      <ClassDef glyph="aacute" class="1"/>
+      <ClassDef glyph="acircumflex" class="1"/>
+      <ClassDef glyph="acute" class="1"/>
+      <ClassDef glyph="adieresis" class="1"/>
+      <ClassDef glyph="ae" class="1"/>
+      <ClassDef glyph="agrave" class="1"/>
+      <ClassDef glyph="ampersand" class="1"/>
+      <ClassDef glyph="aring" class="1"/>
+      <ClassDef glyph="asciicircum" class="1"/>
+      <ClassDef glyph="asciitilde" class="1"/>
+      <ClassDef glyph="asterisk" class="1"/>
+      <ClassDef glyph="at" class="1"/>
+      <ClassDef glyph="atilde" class="1"/>
+      <ClassDef glyph="b" class="1"/>
+      <ClassDef glyph="backslash" class="1"/>
+      <ClassDef glyph="bar" class="1"/>
+      <ClassDef glyph="braceleft" class="1"/>
+      <ClassDef glyph="braceright" class="1"/>
+      <ClassDef glyph="bracketleft" class="1"/>
+      <ClassDef glyph="bracketright" class="1"/>
+      <ClassDef glyph="breve" class="1"/>
+      <ClassDef glyph="bullet" class="1"/>
+      <ClassDef glyph="c" class="1"/>
+      <ClassDef glyph="caron" class="1"/>
+      <ClassDef glyph="ccedilla" class="1"/>
+      <ClassDef glyph="cedilla" class="1"/>
+      <ClassDef glyph="cent" class="1"/>
+      <ClassDef glyph="circumflex" class="1"/>
+      <ClassDef glyph="colon" class="1"/>
+      <ClassDef glyph="comma" class="1"/>
+      <ClassDef glyph="copyright" class="1"/>
+      <ClassDef glyph="d" class="1"/>
+      <ClassDef glyph="dieresis" class="1"/>
+      <ClassDef glyph="dollar" class="1"/>
+      <ClassDef glyph="dotaccent" class="1"/>
+      <ClassDef glyph="dotlessi" class="1"/>
+      <ClassDef glyph="e" class="1"/>
+      <ClassDef glyph="eacute" class="1"/>
+      <ClassDef glyph="ecircumflex" class="1"/>
+      <ClassDef glyph="edieresis" class="1"/>
+      <ClassDef glyph="egrave" class="1"/>
+      <ClassDef glyph="eight" class="1"/>
+      <ClassDef glyph="ellipsis" class="1"/>
+      <ClassDef glyph="emdash" class="1"/>
+      <ClassDef glyph="endash" class="1"/>
+      <ClassDef glyph="equal" class="1"/>
+      <ClassDef glyph="eth" class="1"/>
+      <ClassDef glyph="exclam" class="1"/>
+      <ClassDef glyph="exclamdown" class="1"/>
+      <ClassDef glyph="f" class="1"/>
+      <ClassDef glyph="figuredash" class="1"/>
+      <ClassDef glyph="five" class="1"/>
+      <ClassDef glyph="four" class="1"/>
+      <ClassDef glyph="g" class="1"/>
+      <ClassDef glyph="germandbls" class="1"/>
+      <ClassDef glyph="grave" class="1"/>
+      <ClassDef glyph="greater" class="1"/>
+      <ClassDef glyph="h" class="1"/>
+      <ClassDef glyph="hungarumlaut" class="1"/>
+      <ClassDef glyph="hyphen" class="1"/>
+      <ClassDef glyph="i" class="1"/>
+      <ClassDef glyph="iacute" class="1"/>
+      <ClassDef glyph="icircumflex" class="1"/>
+      <ClassDef glyph="idieresis" class="1"/>
+      <ClassDef glyph="igrave" class="1"/>
+      <ClassDef glyph="j" class="1"/>
+      <ClassDef glyph="k" class="1"/>
+      <ClassDef glyph="l" class="1"/>
+      <ClassDef glyph="less" class="1"/>
+      <ClassDef glyph="lslash" class="1"/>
+      <ClassDef glyph="m" class="1"/>
+      <ClassDef glyph="macron" class="1"/>
+      <ClassDef glyph="minus" class="1"/>
+      <ClassDef glyph="n" class="1"/>
+      <ClassDef glyph="nine" class="1"/>
+      <ClassDef glyph="nonmarkingreturn" class="1"/>
+      <ClassDef glyph="ntilde" class="1"/>
+      <ClassDef glyph="numbersign" class="1"/>
+      <ClassDef glyph="o" class="1"/>
+      <ClassDef glyph="oacute" class="1"/>
+      <ClassDef glyph="ocircumflex" class="1"/>
+      <ClassDef glyph="odieresis" class="1"/>
+      <ClassDef glyph="oe" class="1"/>
+      <ClassDef glyph="ogonek" class="1"/>
+      <ClassDef glyph="ograve" class="1"/>
+      <ClassDef glyph="one" class="1"/>
+      <ClassDef glyph="oslash" class="1"/>
+      <ClassDef glyph="otilde" class="1"/>
+      <ClassDef glyph="p" class="1"/>
+      <ClassDef glyph="parenleft" class="1"/>
+      <ClassDef glyph="parenright" class="1"/>
+      <ClassDef glyph="percent" class="1"/>
+      <ClassDef glyph="period" class="1"/>
+      <ClassDef glyph="periodcentered" class="1"/>
+      <ClassDef glyph="plus" class="1"/>
+      <ClassDef glyph="q" class="1"/>
+      <ClassDef glyph="question" class="1"/>
+      <ClassDef glyph="questiondown" class="1"/>
+      <ClassDef glyph="quotedbl" class="1"/>
+      <ClassDef glyph="quotedblbase" class="1"/>
+      <ClassDef glyph="quotedblleft" class="1"/>
+      <ClassDef glyph="quotedblright" class="1"/>
+      <ClassDef glyph="quoteleft" class="1"/>
+      <ClassDef glyph="quoteright" class="1"/>
+      <ClassDef glyph="quotesinglbase" class="1"/>
+      <ClassDef glyph="quotesingle" class="1"/>
+      <ClassDef glyph="r" class="1"/>
+      <ClassDef glyph="registered" class="1"/>
+      <ClassDef glyph="ring" class="1"/>
+      <ClassDef glyph="s" class="1"/>
+      <ClassDef glyph="scaron" class="1"/>
+      <ClassDef glyph="semicolon" class="1"/>
+      <ClassDef glyph="seven" class="1"/>
+      <ClassDef glyph="six" class="1"/>
+      <ClassDef glyph="slash" class="1"/>
+      <ClassDef glyph="space" class="1"/>
+      <ClassDef glyph="sterling" class="1"/>
+      <ClassDef glyph="t" class="1"/>
+      <ClassDef glyph="thorn" class="1"/>
+      <ClassDef glyph="three" class="1"/>
+      <ClassDef glyph="tilde" class="1"/>
+      <ClassDef glyph="trademark" class="1"/>
+      <ClassDef glyph="two" class="1"/>
+      <ClassDef glyph="u" class="1"/>
+      <ClassDef glyph="uacute" class="1"/>
+      <ClassDef glyph="ucircumflex" class="1"/>
+      <ClassDef glyph="udieresis" class="1"/>
+      <ClassDef glyph="ugrave" class="1"/>
+      <ClassDef glyph="underscore" class="1"/>
+      <ClassDef glyph="uni00A0" class="1"/>
+      <ClassDef glyph="uni00AD" class="1"/>
+      <ClassDef glyph="uni2000" class="1"/>
+      <ClassDef glyph="uni2001" class="1"/>
+      <ClassDef glyph="uni2002" class="1"/>
+      <ClassDef glyph="uni2003" class="1"/>
+      <ClassDef glyph="uni2004" class="1"/>
+      <ClassDef glyph="uni2005" class="1"/>
+      <ClassDef glyph="uni2006" class="1"/>
+      <ClassDef glyph="uni2007" class="1"/>
+      <ClassDef glyph="uni2008" class="1"/>
+      <ClassDef glyph="uni2009" class="1"/>
+      <ClassDef glyph="uni200A" class="1"/>
+      <ClassDef glyph="uni2010" class="1"/>
+      <ClassDef glyph="uni2011" class="1"/>
+      <ClassDef glyph="uni202F" class="1"/>
+      <ClassDef glyph="uni205F" class="1"/>
+      <ClassDef glyph="uniE000" class="1"/>
+      <ClassDef glyph="uniFB01" class="1"/>
+      <ClassDef glyph="uniFB02" class="1"/>
+      <ClassDef glyph="v" class="1"/>
+      <ClassDef glyph="w" class="1"/>
+      <ClassDef glyph="x" class="1"/>
+      <ClassDef glyph="y" class="1"/>
+      <ClassDef glyph="yacute" class="1"/>
+      <ClassDef glyph="ydieresis" class="1"/>
+      <ClassDef glyph="yen" class="1"/>
+      <ClassDef glyph="z" class="1"/>
+      <ClassDef glyph="zcaron" class="1"/>
+      <ClassDef glyph="zero" class="1"/>
+    </GlyphClassDef>
+    <LigCaretList>
+      <Coverage Format="2">
+      </Coverage>
+      <!-- LigGlyphCount=0 -->
+    </LigCaretList>
+  </GDEF>
+
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=0 -->
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+      <ScriptRecord index="1">
+        <ScriptTag value="latn"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="TST1"/>
+        <Feature>
+          <!-- LookupCount=1 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="1"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <SingleSubst index="0" Format="2">
+          <Substitution in="A" out="a"/>
+          <Substitution in="F" out="P"/>
+          <Substitution in="I" out="S"/>
+          <Substitution in="L" out="s"/>
+        </SingleSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+
+</ttFont>
diff --git a/layout/reftests/fonts/gsubtest/gsubtest-features.js b/layout/reftests/fonts/gsubtest/gsubtest-features.js
new file mode 100644
index 0000000000..fef981cb76
--- /dev/null
+++ b/layout/reftests/fonts/gsubtest/gsubtest-features.js
@@ -0,0 +1,105 @@
+
+/* This file is autogenerated by makegsubfonts.py */
+
+/* 
+  Features defined in gsubtest fonts with associated base
+  codepoints for each feature:
+
+    cp = codepoint for feature featX
+
+    cp   default   PASS
+    cp   featX=1   FAIL
+    cp   featX=2   FAIL
+
+    cp+1 default   FAIL
+    cp+1 featX=1   PASS
+    cp+1 featX=2   FAIL
+
+    cp+2 default   FAIL
+    cp+2 featX=1   FAIL
+    cp+2 featX=2   PASS
+
+*/
+
+var gFeatures = {
+  "MWL1": 0xe000, "NUM2": 0xe004, "PRIV": 0xe008, "T3ST": 0xe00c,
+  "TPSP": 0xe010, "abvf": 0xe014, "abvm": 0xe018, "abvs": 0xe01c,
+  "afrc": 0xe020, "akhn": 0xe024, "blwf": 0xe028, "blwm": 0xe02c,
+  "blws": 0xe030, "c2pc": 0xe034, "c2sc": 0xe038, "calt": 0xe03c,
+  "case": 0xe040, "ccmp": 0xe044, "cfar": 0xe048, "cjct": 0xe04c,
+  "clig": 0xe050, "cpct": 0xe054, "cpsp": 0xe058, "cswh": 0xe05c,
+  "curs": 0xe060, "cv00": 0xe064, "cv01": 0xe068, "cv02": 0xe06c,
+  "cv03": 0xe070, "cv04": 0xe074, "cv05": 0xe078, "cv06": 0xe07c,
+  "cv07": 0xe080, "cv08": 0xe084, "cv09": 0xe088, "cv10": 0xe08c,
+  "cv11": 0xe090, "cv12": 0xe094, "cv13": 0xe098, "cv14": 0xe09c,
+  "cv15": 0xe0a0, "cv16": 0xe0a4, "cv17": 0xe0a8, "cv18": 0xe0ac,
+  "cv19": 0xe0b0, "cv20": 0xe0b4, "cv21": 0xe0b8, "cv22": 0xe0bc,
+  "cv23": 0xe0c0, "cv24": 0xe0c4, "cv25": 0xe0c8, "cv26": 0xe0cc,
+  "cv27": 0xe0d0, "cv28": 0xe0d4, "cv29": 0xe0d8, "cv30": 0xe0dc,
+  "cv31": 0xe0e0, "cv32": 0xe0e4, "cv33": 0xe0e8, "cv34": 0xe0ec,
+  "cv35": 0xe0f0, "cv36": 0xe0f4, "cv37": 0xe0f8, "cv38": 0xe0fc,
+  "cv39": 0xe100, "cv40": 0xe104, "cv41": 0xe108, "cv42": 0xe10c,
+  "cv43": 0xe110, "cv44": 0xe114, "cv45": 0xe118, "cv46": 0xe11c,
+  "cv47": 0xe120, "cv48": 0xe124, "cv49": 0xe128, "cv50": 0xe12c,
+  "cv51": 0xe130, "cv52": 0xe134, "cv53": 0xe138, "cv54": 0xe13c,
+  "cv55": 0xe140, "cv56": 0xe144, "cv57": 0xe148, "cv58": 0xe14c,
+  "cv59": 0xe150, "cv60": 0xe154, "cv61": 0xe158, "cv62": 0xe15c,
+  "cv63": 0xe160, "cv64": 0xe164, "cv65": 0xe168, "cv66": 0xe16c,
+  "cv67": 0xe170, "cv68": 0xe174, "cv69": 0xe178, "cv70": 0xe17c,
+  "cv71": 0xe180, "cv72": 0xe184, "cv73": 0xe188, "cv74": 0xe18c,
+  "cv75": 0xe190, "cv76": 0xe194, "cv77": 0xe198, "cv78": 0xe19c,
+  "cv79": 0xe1a0, "cv80": 0xe1a4, "cv81": 0xe1a8, "cv82": 0xe1ac,
+  "cv83": 0xe1b0, "cv84": 0xe1b4, "cv85": 0xe1b8, "cv86": 0xe1bc,
+  "cv87": 0xe1c0, "cv88": 0xe1c4, "cv89": 0xe1c8, "cv90": 0xe1cc,
+  "cv91": 0xe1d0, "cv92": 0xe1d4, "cv93": 0xe1d8, "cv94": 0xe1dc,
+  "cv95": 0xe1e0, "cv96": 0xe1e4, "cv97": 0xe1e8, "cv98": 0xe1ec,
+  "cv99": 0xe1f0, "dist": 0xe1f4, "dlig": 0xe1f8, "dnom": 0xe1fc,
+  "expt": 0xe200, "falt": 0xe204, "fin2": 0xe208, "fin3": 0xe20c,
+  "fina": 0xe210, "frac": 0xe214, "fwid": 0xe218, "half": 0xe21c,
+  "haln": 0xe220, "halt": 0xe224, "hist": 0xe228, "hkna": 0xe22c,
+  "hlig": 0xe230, "hngl": 0xe234, "hojo": 0xe238, "hwid": 0xe23c,
+  "init": 0xe240, "isol": 0xe244, "ital": 0xe248, "jalt": 0xe24c,
+  "jp04": 0xe250, "jp78": 0xe254, "jp83": 0xe258, "jp90": 0xe25c,
+  "kern": 0xe260, "lfbd": 0xe264, "liga": 0xe268, "ljmo": 0xe26c,
+  "lnum": 0xe270, "locl": 0xe274, "ltra": 0xe278, "ltrm": 0xe27c,
+  "mark": 0xe280, "med2": 0xe284, "medi": 0xe288, "mgrk": 0xe28c,
+  "mkmk": 0xe290, "mset": 0xe294, "nalt": 0xe298, "nlck": 0xe29c,
+  "nukt": 0xe2a0, "numr": 0xe2a4, "onum": 0xe2a8, "opbd": 0xe2ac,
+  "ordn": 0xe2b0, "ornm": 0xe2b4, "palt": 0xe2b8, "pcap": 0xe2bc,
+  "pkna": 0xe2c0, "pnum": 0xe2c4, "pref": 0xe2c8, "pres": 0xe2cc,
+  "pstf": 0xe2d0, "psts": 0xe2d4, "pwid": 0xe2d8, "qwid": 0xe2dc,
+  "rand": 0xe2e0, "rkrf": 0xe2e4, "rlig": 0xe2e8, "rphf": 0xe2ec,
+  "rtbd": 0xe2f0, "rtla": 0xe2f4, "rtlm": 0xe2f8, "ruby": 0xe2fc,
+  "salt": 0xe300, "sinf": 0xe304, "size": 0xe308, "smcp": 0xe30c,
+  "smpl": 0xe310, "ss00": 0xe314, "ss01": 0xe318, "ss02": 0xe31c,
+  "ss03": 0xe320, "ss04": 0xe324, "ss05": 0xe328, "ss06": 0xe32c,
+  "ss07": 0xe330, "ss08": 0xe334, "ss09": 0xe338, "ss10": 0xe33c,
+  "ss11": 0xe340, "ss12": 0xe344, "ss13": 0xe348, "ss14": 0xe34c,
+  "ss15": 0xe350, "ss16": 0xe354, "ss17": 0xe358, "ss18": 0xe35c,
+  "ss19": 0xe360, "ss20": 0xe364, "ss21": 0xe368, "ss22": 0xe36c,
+  "ss23": 0xe370, "ss24": 0xe374, "ss25": 0xe378, "ss26": 0xe37c,
+  "ss27": 0xe380, "ss28": 0xe384, "ss29": 0xe388, "ss30": 0xe38c,
+  "ss31": 0xe390, "ss32": 0xe394, "ss33": 0xe398, "ss34": 0xe39c,
+  "ss35": 0xe3a0, "ss36": 0xe3a4, "ss37": 0xe3a8, "ss38": 0xe3ac,
+  "ss39": 0xe3b0, "ss40": 0xe3b4, "ss41": 0xe3b8, "ss42": 0xe3bc,
+  "ss43": 0xe3c0, "ss44": 0xe3c4, "ss45": 0xe3c8, "ss46": 0xe3cc,
+  "ss47": 0xe3d0, "ss48": 0xe3d4, "ss49": 0xe3d8, "ss50": 0xe3dc,
+  "ss51": 0xe3e0, "ss52": 0xe3e4, "ss53": 0xe3e8, "ss54": 0xe3ec,
+  "ss55": 0xe3f0, "ss56": 0xe3f4, "ss57": 0xe3f8, "ss58": 0xe3fc,
+  "ss59": 0xe400, "ss60": 0xe404, "ss61": 0xe408, "ss62": 0xe40c,
+  "ss63": 0xe410, "ss64": 0xe414, "ss65": 0xe418, "ss66": 0xe41c,
+  "ss67": 0xe420, "ss68": 0xe424, "ss69": 0xe428, "ss70": 0xe42c,
+  "ss71": 0xe430, "ss72": 0xe434, "ss73": 0xe438, "ss74": 0xe43c,
+  "ss75": 0xe440, "ss76": 0xe444, "ss77": 0xe448, "ss78": 0xe44c,
+  "ss79": 0xe450, "ss80": 0xe454, "ss81": 0xe458, "ss82": 0xe45c,
+  "ss83": 0xe460, "ss84": 0xe464, "ss85": 0xe468, "ss86": 0xe46c,
+  "ss87": 0xe470, "ss88": 0xe474, "ss89": 0xe478, "ss90": 0xe47c,
+  "ss91": 0xe480, "ss92": 0xe484, "ss93": 0xe488, "ss94": 0xe48c,
+  "ss95": 0xe490, "ss96": 0xe494, "ss97": 0xe498, "ss98": 0xe49c,
+  "ss99": 0xe4a0, "subs": 0xe4a4, "sups": 0xe4a8, "swsh": 0xe4ac,
+  "titl": 0xe4b0, "tjmo": 0xe4b4, "tnam": 0xe4b8, "tnum": 0xe4bc,
+  "trad": 0xe4c0, "twid": 0xe4c4, "unic": 0xe4c8, "valt": 0xe4cc,
+  "vatu": 0xe4d0, "vert": 0xe4d4, "vhal": 0xe4d8, "vjmo": 0xe4dc,
+  "vkna": 0xe4e0, "vkrn": 0xe4e4, "vpal": 0xe4e8, "vrt2": 0xe4ec,
+  "zero": 0xe4f0
+};
diff --git a/layout/reftests/fonts/gsubtest/gsubtest-features.txt b/layout/reftests/fonts/gsubtest/gsubtest-features.txt
new file mode 100644
index 0000000000..eb976de2be
--- /dev/null
+++ b/layout/reftests/fonts/gsubtest/gsubtest-features.txt
@@ -0,0 +1,328 @@
+# Feature To Unicode Mapping
+# --------------------------
+# This file is structured as:
+#	feature tag  target  first alternate  second alternate  third alternate
+# with tab being the delimiter.
+#
+# Lines beginning with # should be ignored.
+# Empty or whitespace only lines should be ignored.
+
+abvf
+abvm
+abvs
+afrc
+akhn
+blwf
+blwm
+blws
+calt
+case
+ccmp
+cfar
+cjct
+clig
+cpct
+cpsp
+cswh
+curs
+# cv00 is a deliberately invalid feature tag
+cv00
+cv01
+cv02
+cv03
+cv04
+cv05
+cv06
+cv07
+cv08
+cv09
+cv10
+cv11
+cv12
+cv13
+cv14
+cv15
+cv16
+cv17
+cv18
+cv19
+cv20
+cv21
+cv22
+cv23
+cv24
+cv25
+cv26
+cv27
+cv28
+cv29
+cv30
+cv31
+cv32
+cv33
+cv34
+cv35
+cv36
+cv37
+cv38
+cv39
+cv40
+cv41
+cv42
+cv43
+cv44
+cv45
+cv46
+cv47
+cv48
+cv49
+cv50
+cv51
+cv52
+cv53
+cv54
+cv55
+cv56
+cv57
+cv58
+cv59
+cv60
+cv61
+cv62
+cv63
+cv64
+cv65
+cv66
+cv67
+cv68
+cv69
+cv70
+cv71
+cv72
+cv73
+cv74
+cv75
+cv76
+cv77
+cv78
+cv79
+cv80
+cv81
+cv82
+cv83
+cv84
+cv85
+cv86
+cv87
+cv88
+cv89
+cv90
+cv91
+cv92
+cv93
+cv94
+cv95
+cv96
+cv97
+cv98
+cv99
+c2pc
+c2sc
+dist
+dlig
+dnom
+expt
+falt
+fin2
+fin3
+fina
+frac
+fwid
+half
+haln
+halt
+hist
+hkna
+hlig
+hngl
+hojo
+hwid
+init
+isol
+ital
+jalt
+jp78
+jp83
+jp90
+jp04
+kern
+lfbd
+liga
+ljmo
+lnum
+locl
+ltra
+ltrm
+mark
+med2
+medi
+mgrk
+mkmk
+mset
+nalt
+nlck
+nukt
+numr
+onum
+opbd
+ordn
+ornm
+palt
+pcap
+pkna
+pnum
+pref
+pres
+pstf
+psts
+pwid
+qwid
+rand
+rkrf
+rlig
+rphf
+rtbd
+rtla
+rtlm
+ruby
+salt
+sinf
+size
+smcp
+smpl
+# ss00 is a deliberately invalid feature tag
+ss00
+ss01
+ss02
+ss03
+ss04
+ss05
+ss06
+ss07
+ss08
+ss09
+ss10
+ss11
+ss12
+ss13
+ss14
+ss15
+ss16
+ss17
+ss18
+ss19
+ss20
+ss21
+ss22
+ss23
+ss24
+ss25
+ss26
+ss27
+ss28
+ss29
+ss30
+ss31
+ss32
+ss33
+ss34
+ss35
+ss36
+ss37
+ss38
+ss39
+ss40
+ss41
+ss42
+ss43
+ss44
+ss45
+ss46
+ss47
+ss48
+ss49
+ss50
+ss51
+ss52
+ss53
+ss54
+ss55
+ss56
+ss57
+ss58
+ss59
+ss60
+ss61
+ss62
+ss63
+ss64
+ss65
+ss66
+ss67
+ss68
+ss69
+ss70
+ss71
+ss72
+ss73
+ss74
+ss75
+ss76
+ss77
+ss78
+ss79
+ss80
+ss81
+ss82
+ss83
+ss84
+ss85
+ss86
+ss87
+ss88
+ss89
+ss90
+ss91
+ss92
+ss93
+ss94
+ss95
+ss96
+ss97
+ss98
+ss99
+subs
+sups
+swsh
+titl
+tjmo
+tnam
+tnum
+trad
+twid
+unic
+valt
+vatu
+vert
+vhal
+vjmo
+vkna
+vkrn
+vpal
+vrt2
+zero
+MWL1
+NUM2
+PRIV
+T3ST
+TPSP
diff --git a/layout/reftests/fonts/gsubtest/gsubtest-lookup1.otf b/layout/reftests/fonts/gsubtest/gsubtest-lookup1.otf
new file mode 100644
index 0000000000..34ec50f9dd
Binary files /dev/null and b/layout/reftests/fonts/gsubtest/gsubtest-lookup1.otf differ
diff --git a/layout/reftests/fonts/gsubtest/gsubtest-lookup3.otf b/layout/reftests/fonts/gsubtest/gsubtest-lookup3.otf
new file mode 100644
index 0000000000..1933648132
Binary files /dev/null and b/layout/reftests/fonts/gsubtest/gsubtest-lookup3.otf differ
diff --git a/layout/reftests/fonts/gsubtest/gsubtest-shell.ttx b/layout/reftests/fonts/gsubtest/gsubtest-shell.ttx
new file mode 100644
index 0000000000..541f11f004
--- /dev/null
+++ b/layout/reftests/fonts/gsubtest/gsubtest-shell.ttx
@@ -0,0 +1,304 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="OTTO" ttLibVersion="2.2">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name="space"/>
+    <GlyphID id="2" name="F"/>
+    <GlyphID id="3" name="P"/>
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.0"/>
+    <checkSumAdjustment value="0xae4c554b"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00000011"/>
+    <unitsPerEm value="1000"/>
+    <created value="Tue Mar 22 13:46:27 2011"/>
+    <modified value="Tue Mar 22 13:46:27 2011"/>
+    <xMin value="100"/>
+    <yMin value="-10"/>
+    <xMax value="2204"/>
+    <yMax value="710"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="3"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="750"/>
+    <descent value="-250"/>
+    <lineGap value="9"/>
+    <advanceWidthMax value="2304"/>
+    <minLeftSideBearing value="100"/>
+    <minRightSideBearing value="100"/>
+    <xMaxExtent value="2204"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="4"/>
+  </hhea>
+
+  <maxp>
+    <tableVersion value="0x5000"/>
+    <numGlyphs value="4"/>
+  </maxp>
+
+  <OS_2>
+    <version value="4"/>
+    <xAvgCharWidth value="1525"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000000"/>
+    <ySubscriptXSize value="650"/>
+    <ySubscriptYSize value="600"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="75"/>
+    <ySuperscriptXSize value="650"/>
+    <ySuperscriptYSize value="600"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="350"/>
+    <yStrikeoutSize value="50"/>
+    <yStrikeoutPosition value="300"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="None"/>
+    <fsSelection value="00000001 11000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="80"/>
+    <sTypoAscender value="750"/>
+    <sTypoDescender value="-250"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1000"/>
+    <usWinDescent value="0"/>
+    <ulCodePageRange1 value="00100000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="500"/>
+    <sCapHeight value="750"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="0"/>
+  </OS_2>
+
+  <name>
+    <namerecord nameID="1" platformID="1" platEncID="0" langID="0x0">
+      __familyName__
+    </namerecord>
+    <namerecord nameID="2" platformID="1" platEncID="0" langID="0x0">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="1" platEncID="0" langID="0x0">
+      1.000;TPSP;__familyName__-Regular
+    </namerecord>
+    <namerecord nameID="4" platformID="1" platEncID="0" langID="0x0">
+      __familyName__
+    </namerecord>
+    <namerecord nameID="5" platformID="1" platEncID="0" langID="0x0">
+      Version 1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="1" platEncID="0" langID="0x0">
+      __familyName__-Regular
+    </namerecord>
+    <namerecord nameID="9" platformID="3" platEncID="0" langID="0x0">
+      Tal Leming with modifications by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="0" langID="0x0">
+      http://scripts.sil.org/OFL
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      __familyName__
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      1.000;TPSP;__familyName__-Regular
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      __familyName__
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      Version 1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      __familyName__-Regular
+    </namerecord>
+    <namerecord nameID="9" platformID="3" platEncID="1" langID="0x409">
+      Tal Leming with modifications by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      http://scripts.sil.org/OFL
+    </namerecord>
+  </name>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+    </cmap_format_4>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+    </cmap_format_4>
+  </cmap>
+
+  <post>
+    <formatType value="3.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-75"/>
+    <underlineThickness value="50"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+  </post>
+
+  <CFF>
+
+    <CFFFont name="__familyName__-Regular">
+      <version value="001.000"/>
+      <FullName value="__familyName__"/>
+      <FamilyName value="__familyName__"/>
+      <Weight value="Normal"/>
+      <isFixedPitch value="0"/>
+      <ItalicAngle value="0"/>
+      <UnderlineThickness value="50"/>
+      <PaintType value="0"/>
+      <CharstringType value="2"/>
+      <FontMatrix value="0.001 0 0 0.001 0 0"/>
+      <FontBBox value="100 0 2204 750"/>
+      <StrokeWidth value="0"/>
+      <!-- charset is dumped separately as the 'GlyphOrder' element -->
+      <Encoding name="StandardEncoding"/>
+      <Private>
+        <BlueValues value="0 0"/>
+        <BlueScale value="0.039625"/>
+        <BlueShift value="7"/>
+        <BlueFuzz value="1"/>
+        <ForceBold value="0"/>
+        <LanguageGroup value="0"/>
+        <ExpansionFactor value="0.06"/>
+        <initialRandomSeed value="0"/>
+        <defaultWidthX value="750"/>
+        <nominalWidthX value="2406"/>
+      </Private>
+      <CharStrings>
+        <CharString name=".notdef">
+          endchar
+        </CharString>
+        <CharString name="F">
+          -102 787 hmoveto
+          31 119 rlineto
+          203 hlineto
+          32 -119 rlineto
+          246 hlineto
+          -213 700 rlineto
+          -296 hlineto
+          -213 -700 rlineto
+          -477 hmoveto
+          237 244 245 162 -245 130 287 164 -524 hlineto
+          1586 -700 rmoveto
+          518 180 -281 520 -237 hlineto
+          -332 -700 rmoveto
+          237 700 -237 hlineto
+          -434 -196 rmoveto
+          60 -228 rlineto
+          -120 hlineto
+          endchar
+        </CharString>
+        <CharString name="P">
+          -107 394 306 rmoveto
+          153 86 82 115 115 -86 82 -153 hvcurveto
+          -294 -15 91 -670 -91 -15 297 15 -101 291 hlineto
+          632 -291 rmoveto
+          -15 276 15 -67 vlineto
+          -254 690 rlineto
+          -12 hlineto
+          -219 -593 rlineto
+          -69 -25 -46 -28 -59 hhcurveto
+          -5 -15 259 15 -26 hlineto
+          -67 -35 34 71 26 hvcurveto
+          43 116 rlineto
+          232 hlineto
+          78 -221 rlineto
+          599 695 rmoveto
+          -28 -11 -5 -6 -14 -22 -44 34 -78 hhcurveto
+          -124 -91 -73 -106 -95 52 -64 147 -61 hvcurveto
+          126 -52 30 -44 -79 vvcurveto
+          -81 -55 -50 -81 -103 -85 70 168 -17 vhcurveto
+          -15 -253 15 hlineto
+          22 4 13 15 18 45 32 -37 98 hhcurveto
+          130 92 82 116 83 -32 66 -173 73 hvcurveto
+          -120 50 -33 43 72 vvcurveto
+          71 51 49 82 90 65 -92 -119 13 vhcurveto
+          15 226 hlineto
+          -1118 -207 rmoveto
+          -119 -49 -63 -96 vhcurveto
+          -82 364 82 hlineto
+          96 49 -63 -119 hvcurveto
+          312 53 rmoveto
+          108 -305 rlineto
+          -221 hlineto
+          1420 459 rmoveto
+          -28 -11 -5 -6 -14 -22 -44 34 -78 hhcurveto
+          -124 -91 -73 -106 -95 52 -64 147 -61 hvcurveto
+          126 -52 30 -44 -79 vvcurveto
+          -81 -55 -50 -81 -103 -85 70 168 -17 vhcurveto
+          -15 -253 15 hlineto
+          22 4 13 15 18 45 32 -37 98 hhcurveto
+          130 92 82 116 83 -32 66 -173 73 hvcurveto
+          -120 50 -33 43 72 vvcurveto
+          71 51 49 82 90 65 -92 -119 13 vhcurveto
+          15 226 hlineto
+          endchar
+        </CharString>
+        <CharString name="space">
+          endchar
+        </CharString>
+      </CharStrings>
+    </CFFFont>
+
+    <GlobalSubrs>
+      <!-- The 'index' attribute is only for humans; it is ignored when parsed. -->
+    </GlobalSubrs>
+
+  </CFF>
+
+  <hmtx>
+    <mtx name=".notdef" width="750" lsb="0"/>
+    <mtx name="F" width="2304" lsb="100"/>
+    <mtx name="P" width="2299" lsb="100"/>
+    <mtx name="space" width="750" lsb="0"/>
+  </hmtx>
+
+</ttFont>
diff --git a/layout/reftests/fonts/gsubtest/makegsubfonts.py b/layout/reftests/fonts/gsubtest/makegsubfonts.py
new file mode 100644
index 0000000000..8cd6476d97
--- /dev/null
+++ b/layout/reftests/fonts/gsubtest/makegsubfonts.py
@@ -0,0 +1,515 @@
+import os
+import textwrap
+from xml.etree import ElementTree
+from fontTools.ttLib import TTFont, newTable
+from fontTools.misc.psCharStrings import T2CharString
+from fontTools.ttLib.tables.otTables import (
+    GSUB,
+    ScriptList,
+    ScriptRecord,
+    Script,
+    DefaultLangSys,
+    FeatureList,
+    FeatureRecord,
+    Feature,
+    LookupList,
+    Lookup,
+    AlternateSubst,
+    SingleSubst,
+)
+
+# paths
+directory = os.path.dirname(__file__)
+shellSourcePath = os.path.join(directory, "gsubtest-shell.ttx")
+shellTempPath = os.path.join(directory, "gsubtest-shell.otf")
+featureList = os.path.join(directory, "gsubtest-features.txt")
+javascriptData = os.path.join(directory, "gsubtest-features.js")
+outputPath = os.path.join(os.path.dirname(directory), "gsubtest-lookup%d")
+
+baseCodepoint = 0xE000
+
+# -------
+# Features
+# -------
+
+f = open(featureList, "rb")
+text = f.read()
+f.close()
+mapping = []
+for line in text.splitlines():
+    line = line.strip()
+    if not line:
+        continue
+    if line.startswith("#"):
+        continue
+    # parse
+    values = line.split("\t")
+    tag = values.pop(0)
+    mapping.append(tag)
+
+# --------
+# Outlines
+# --------
+
+
+def addGlyphToCFF(
+    glyphName=None,
+    program=None,
+    private=None,
+    globalSubrs=None,
+    charStringsIndex=None,
+    topDict=None,
+    charStrings=None,
+):
+    charString = T2CharString(program=program, private=private, globalSubrs=globalSubrs)
+    charStringsIndex.append(charString)
+    glyphID = len(topDict.charset)
+    charStrings.charStrings[glyphName] = glyphID
+    topDict.charset.append(glyphName)
+
+
+def makeLookup1():
+    # make a variation of the shell TTX data
+    f = open(shellSourcePath)
+    ttxData = f.read()
+    f.close()
+    ttxData = ttxData.replace("__familyName__", "gsubtest-lookup1")
+    tempShellSourcePath = shellSourcePath + ".temp"
+    f = open(tempShellSourcePath, "wb")
+    f.write(ttxData)
+    f.close()
+
+    # compile the shell
+    shell = TTFont(sfntVersion="OTTO")
+    shell.importXML(tempShellSourcePath)
+    shell.save(shellTempPath)
+    os.remove(tempShellSourcePath)
+
+    # load the shell
+    shell = TTFont(shellTempPath)
+
+    # grab the PASS and FAIL data
+    hmtx = shell["hmtx"]
+    glyphSet = shell.getGlyphSet()
+
+    failGlyph = glyphSet["F"]
+    failGlyph.decompile()
+    failGlyphProgram = list(failGlyph.program)
+    failGlyphMetrics = hmtx["F"]
+
+    passGlyph = glyphSet["P"]
+    passGlyph.decompile()
+    passGlyphProgram = list(passGlyph.program)
+    passGlyphMetrics = hmtx["P"]
+
+    # grab some tables
+    hmtx = shell["hmtx"]
+    cmap = shell["cmap"]
+
+    # start the glyph order
+    existingGlyphs = [".notdef", "space", "F", "P"]
+    glyphOrder = list(existingGlyphs)
+
+    # start the CFF
+    cff = shell["CFF "].cff
+    globalSubrs = cff.GlobalSubrs
+    topDict = cff.topDictIndex[0]
+    topDict.charset = existingGlyphs
+    private = topDict.Private
+    charStrings = topDict.CharStrings
+    charStringsIndex = charStrings.charStringsIndex
+
+    features = sorted(mapping)
+
+    # build the outline, hmtx and cmap data
+    cp = baseCodepoint
+    for index, tag in enumerate(features):
+        # tag.pass
+        glyphName = "%s.pass" % tag
+        glyphOrder.append(glyphName)
+        addGlyphToCFF(
+            glyphName=glyphName,
+            program=passGlyphProgram,
+            private=private,
+            globalSubrs=globalSubrs,
+            charStringsIndex=charStringsIndex,
+            topDict=topDict,
+            charStrings=charStrings,
+        )
+        hmtx[glyphName] = passGlyphMetrics
+
+        for table in cmap.tables:
+            if table.format == 4:
+                table.cmap[cp] = glyphName
+            else:
+                raise NotImplementedError(
+                    "Unsupported cmap table format: %d" % table.format
+                )
+        cp += 1
+
+        # tag.fail
+        glyphName = "%s.fail" % tag
+        glyphOrder.append(glyphName)
+        addGlyphToCFF(
+            glyphName=glyphName,
+            program=failGlyphProgram,
+            private=private,
+            globalSubrs=globalSubrs,
+            charStringsIndex=charStringsIndex,
+            topDict=topDict,
+            charStrings=charStrings,
+        )
+        hmtx[glyphName] = failGlyphMetrics
+
+        for table in cmap.tables:
+            if table.format == 4:
+                table.cmap[cp] = glyphName
+            else:
+                raise NotImplementedError(
+                    "Unsupported cmap table format: %d" % table.format
+                )
+
+                # bump this up so that the sequence is the same as the lookup 3 font
+        cp += 3
+
+    # set the glyph order
+    shell.setGlyphOrder(glyphOrder)
+
+    # start the GSUB
+    shell["GSUB"] = newTable("GSUB")
+    gsub = shell["GSUB"].table = GSUB()
+    gsub.Version = 1.0
+
+    # make a list of all the features we will make
+    featureCount = len(features)
+
+    # set up the script list
+    scriptList = gsub.ScriptList = ScriptList()
+    scriptList.ScriptCount = 1
+    scriptList.ScriptRecord = []
+    scriptRecord = ScriptRecord()
+    scriptList.ScriptRecord.append(scriptRecord)
+    scriptRecord.ScriptTag = "DFLT"
+    script = scriptRecord.Script = Script()
+    defaultLangSys = script.DefaultLangSys = DefaultLangSys()
+    defaultLangSys.FeatureCount = featureCount
+    defaultLangSys.FeatureIndex = range(defaultLangSys.FeatureCount)
+    defaultLangSys.ReqFeatureIndex = 65535
+    defaultLangSys.LookupOrder = None
+    script.LangSysCount = 0
+    script.LangSysRecord = []
+
+    # set up the feature list
+    featureList = gsub.FeatureList = FeatureList()
+    featureList.FeatureCount = featureCount
+    featureList.FeatureRecord = []
+    for index, tag in enumerate(features):
+        # feature record
+        featureRecord = FeatureRecord()
+        featureRecord.FeatureTag = tag
+        feature = featureRecord.Feature = Feature()
+        featureList.FeatureRecord.append(featureRecord)
+        # feature
+        feature.FeatureParams = None
+        feature.LookupCount = 1
+        feature.LookupListIndex = [index]
+
+    # write the lookups
+    lookupList = gsub.LookupList = LookupList()
+    lookupList.LookupCount = featureCount
+    lookupList.Lookup = []
+    for tag in features:
+        # lookup
+        lookup = Lookup()
+        lookup.LookupType = 1
+        lookup.LookupFlag = 0
+        lookup.SubTableCount = 1
+        lookup.SubTable = []
+        lookupList.Lookup.append(lookup)
+        # subtable
+        subtable = SingleSubst()
+        subtable.Format = 2
+        subtable.LookupType = 1
+        subtable.mapping = {
+            "%s.pass" % tag: "%s.fail" % tag,
+            "%s.fail" % tag: "%s.pass" % tag,
+        }
+        lookup.SubTable.append(subtable)
+
+    path = outputPath % 1 + ".otf"
+    if os.path.exists(path):
+        os.remove(path)
+    shell.save(path)
+
+    # get rid of the shell
+    if os.path.exists(shellTempPath):
+        os.remove(shellTempPath)
+
+
+def makeLookup3():
+    # make a variation of the shell TTX data
+    f = open(shellSourcePath)
+    ttxData = f.read()
+    f.close()
+    ttxData = ttxData.replace("__familyName__", "gsubtest-lookup3")
+    tempShellSourcePath = shellSourcePath + ".temp"
+    f = open(tempShellSourcePath, "wb")
+    f.write(ttxData)
+    f.close()
+
+    # compile the shell
+    shell = TTFont(sfntVersion="OTTO")
+    shell.importXML(tempShellSourcePath)
+    shell.save(shellTempPath)
+    os.remove(tempShellSourcePath)
+
+    # load the shell
+    shell = TTFont(shellTempPath)
+
+    # grab the PASS and FAIL data
+    hmtx = shell["hmtx"]
+    glyphSet = shell.getGlyphSet()
+
+    failGlyph = glyphSet["F"]
+    failGlyph.decompile()
+    failGlyphProgram = list(failGlyph.program)
+    failGlyphMetrics = hmtx["F"]
+
+    passGlyph = glyphSet["P"]
+    passGlyph.decompile()
+    passGlyphProgram = list(passGlyph.program)
+    passGlyphMetrics = hmtx["P"]
+
+    # grab some tables
+    hmtx = shell["hmtx"]
+    cmap = shell["cmap"]
+
+    # start the glyph order
+    existingGlyphs = [".notdef", "space", "F", "P"]
+    glyphOrder = list(existingGlyphs)
+
+    # start the CFF
+    cff = shell["CFF "].cff
+    globalSubrs = cff.GlobalSubrs
+    topDict = cff.topDictIndex[0]
+    topDict.charset = existingGlyphs
+    private = topDict.Private
+    charStrings = topDict.CharStrings
+    charStringsIndex = charStrings.charStringsIndex
+
+    features = sorted(mapping)
+
+    # build the outline, hmtx and cmap data
+    cp = baseCodepoint
+    for index, tag in enumerate(features):
+        # tag.pass
+        glyphName = "%s.pass" % tag
+        glyphOrder.append(glyphName)
+        addGlyphToCFF(
+            glyphName=glyphName,
+            program=passGlyphProgram,
+            private=private,
+            globalSubrs=globalSubrs,
+            charStringsIndex=charStringsIndex,
+            topDict=topDict,
+            charStrings=charStrings,
+        )
+        hmtx[glyphName] = passGlyphMetrics
+
+        # tag.fail
+        glyphName = "%s.fail" % tag
+        glyphOrder.append(glyphName)
+        addGlyphToCFF(
+            glyphName=glyphName,
+            program=failGlyphProgram,
+            private=private,
+            globalSubrs=globalSubrs,
+            charStringsIndex=charStringsIndex,
+            topDict=topDict,
+            charStrings=charStrings,
+        )
+        hmtx[glyphName] = failGlyphMetrics
+
+        # tag.default
+        glyphName = "%s.default" % tag
+        glyphOrder.append(glyphName)
+        addGlyphToCFF(
+            glyphName=glyphName,
+            program=passGlyphProgram,
+            private=private,
+            globalSubrs=globalSubrs,
+            charStringsIndex=charStringsIndex,
+            topDict=topDict,
+            charStrings=charStrings,
+        )
+        hmtx[glyphName] = passGlyphMetrics
+
+        for table in cmap.tables:
+            if table.format == 4:
+                table.cmap[cp] = glyphName
+            else:
+                raise NotImplementedError(
+                    "Unsupported cmap table format: %d" % table.format
+                )
+        cp += 1
+
+        # tag.alt1,2,3
+        for i in range(1, 4):
+            glyphName = "%s.alt%d" % (tag, i)
+            glyphOrder.append(glyphName)
+            addGlyphToCFF(
+                glyphName=glyphName,
+                program=failGlyphProgram,
+                private=private,
+                globalSubrs=globalSubrs,
+                charStringsIndex=charStringsIndex,
+                topDict=topDict,
+                charStrings=charStrings,
+            )
+            hmtx[glyphName] = failGlyphMetrics
+            for table in cmap.tables:
+                if table.format == 4:
+                    table.cmap[cp] = glyphName
+                else:
+                    raise NotImplementedError(
+                        "Unsupported cmap table format: %d" % table.format
+                    )
+            cp += 1
+
+    # set the glyph order
+    shell.setGlyphOrder(glyphOrder)
+
+    # start the GSUB
+    shell["GSUB"] = newTable("GSUB")
+    gsub = shell["GSUB"].table = GSUB()
+    gsub.Version = 1.0
+
+    # make a list of all the features we will make
+    featureCount = len(features)
+
+    # set up the script list
+    scriptList = gsub.ScriptList = ScriptList()
+    scriptList.ScriptCount = 1
+    scriptList.ScriptRecord = []
+    scriptRecord = ScriptRecord()
+    scriptList.ScriptRecord.append(scriptRecord)
+    scriptRecord.ScriptTag = "DFLT"
+    script = scriptRecord.Script = Script()
+    defaultLangSys = script.DefaultLangSys = DefaultLangSys()
+    defaultLangSys.FeatureCount = featureCount
+    defaultLangSys.FeatureIndex = range(defaultLangSys.FeatureCount)
+    defaultLangSys.ReqFeatureIndex = 65535
+    defaultLangSys.LookupOrder = None
+    script.LangSysCount = 0
+    script.LangSysRecord = []
+
+    # set up the feature list
+    featureList = gsub.FeatureList = FeatureList()
+    featureList.FeatureCount = featureCount
+    featureList.FeatureRecord = []
+    for index, tag in enumerate(features):
+        # feature record
+        featureRecord = FeatureRecord()
+        featureRecord.FeatureTag = tag
+        feature = featureRecord.Feature = Feature()
+        featureList.FeatureRecord.append(featureRecord)
+        # feature
+        feature.FeatureParams = None
+        feature.LookupCount = 1
+        feature.LookupListIndex = [index]
+
+    # write the lookups
+    lookupList = gsub.LookupList = LookupList()
+    lookupList.LookupCount = featureCount
+    lookupList.Lookup = []
+    for tag in features:
+        # lookup
+        lookup = Lookup()
+        lookup.LookupType = 3
+        lookup.LookupFlag = 0
+        lookup.SubTableCount = 1
+        lookup.SubTable = []
+        lookupList.Lookup.append(lookup)
+        # subtable
+        subtable = AlternateSubst()
+        subtable.Format = 1
+        subtable.LookupType = 3
+        subtable.alternates = {
+            "%s.default" % tag: ["%s.fail" % tag, "%s.fail" % tag, "%s.fail" % tag],
+            "%s.alt1" % tag: ["%s.pass" % tag, "%s.fail" % tag, "%s.fail" % tag],
+            "%s.alt2" % tag: ["%s.fail" % tag, "%s.pass" % tag, "%s.fail" % tag],
+            "%s.alt3" % tag: ["%s.fail" % tag, "%s.fail" % tag, "%s.pass" % tag],
+        }
+        lookup.SubTable.append(subtable)
+
+    path = outputPath % 3 + ".otf"
+    if os.path.exists(path):
+        os.remove(path)
+    shell.save(path)
+
+    # get rid of the shell
+    if os.path.exists(shellTempPath):
+        os.remove(shellTempPath)
+
+
+def makeJavascriptData():
+    features = sorted(mapping)
+    outStr = []
+
+    outStr.append("")
+    outStr.append("/* This file is autogenerated by makegsubfonts.py */")
+    outStr.append("")
+    outStr.append("/* ")
+    outStr.append("  Features defined in gsubtest fonts with associated base")
+    outStr.append("  codepoints for each feature:")
+    outStr.append("")
+    outStr.append("    cp = codepoint for feature featX")
+    outStr.append("")
+    outStr.append("    cp   default   PASS")
+    outStr.append("    cp   featX=1   FAIL")
+    outStr.append("    cp   featX=2   FAIL")
+    outStr.append("")
+    outStr.append("    cp+1 default   FAIL")
+    outStr.append("    cp+1 featX=1   PASS")
+    outStr.append("    cp+1 featX=2   FAIL")
+    outStr.append("")
+    outStr.append("    cp+2 default   FAIL")
+    outStr.append("    cp+2 featX=1   FAIL")
+    outStr.append("    cp+2 featX=2   PASS")
+    outStr.append("")
+    outStr.append("*/")
+    outStr.append("")
+    outStr.append("var gFeatures = {")
+    cp = baseCodepoint
+
+    taglist = []
+    for tag in features:
+        taglist.append('"%s": 0x%x' % (tag, cp))
+        cp += 4
+
+    outStr.append(
+        textwrap.fill(", ".join(taglist), initial_indent="  ", subsequent_indent="  ")
+    )
+    outStr.append("};")
+    outStr.append("")
+
+    if os.path.exists(javascriptData):
+        os.remove(javascriptData)
+
+    f = open(javascriptData, "wb")
+    f.write("\n".join(outStr))
+    f.close()
+
+
+# build fonts
+
+print("Making lookup type 1 font...")
+makeLookup1()
+
+print("Making lookup type 3 font...")
+makeLookup3()
+
+# output javascript data
+
+print("Making javascript data file...")
+makeJavascriptData()
diff --git a/layout/reftests/fonts/gw1270797.ttf b/layout/reftests/fonts/gw1270797.ttf
new file mode 100644
index 0000000000..3434adad8d
Binary files /dev/null and b/layout/reftests/fonts/gw1270797.ttf differ
diff --git a/layout/reftests/fonts/gw432047.ttf b/layout/reftests/fonts/gw432047.ttf
new file mode 100644
index 0000000000..b33d9ef1d3
Binary files /dev/null and b/layout/reftests/fonts/gw432047.ttf differ
diff --git a/layout/reftests/fonts/header-totalsfntsize-001.ttf b/layout/reftests/fonts/header-totalsfntsize-001.ttf
new file mode 100644
index 0000000000..a5aaab21ad
Binary files /dev/null and b/layout/reftests/fonts/header-totalsfntsize-001.ttf differ
diff --git a/layout/reftests/fonts/header-totalsfntsize-001.woff2 b/layout/reftests/fonts/header-totalsfntsize-001.woff2
new file mode 100644
index 0000000000..e02a0d8677
Binary files /dev/null and b/layout/reftests/fonts/header-totalsfntsize-001.woff2 differ
diff --git a/layout/reftests/fonts/loadtest-license.txt b/layout/reftests/fonts/loadtest-license.txt
new file mode 100644
index 0000000000..972e5721d1
--- /dev/null
+++ b/layout/reftests/fonts/loadtest-license.txt
@@ -0,0 +1,7 @@
+loadtest is based on League Gothic, from League of Moveable Type.  All fonts
+from The League of Moveable Type are subject to the Open Font License.
+
+http://www.theleagueofmoveabletype.com/league-gothic
+
+http://scripts.sil.org/OFL
+
diff --git a/layout/reftests/fonts/loadtest.ttf b/layout/reftests/fonts/loadtest.ttf
new file mode 100644
index 0000000000..71dc2492b3
Binary files /dev/null and b/layout/reftests/fonts/loadtest.ttf differ
diff --git a/layout/reftests/fonts/mark-generate.py b/layout/reftests/fonts/mark-generate.py
new file mode 100755
index 0000000000..85f56a8a2e
--- /dev/null
+++ b/layout/reftests/fonts/mark-generate.py
@@ -0,0 +1,168 @@
+#!/usr/bin/python
+# vim: set shiftwidth=4 tabstop=8 autoindent expandtab:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+# For general fontforge documentation, see:
+#   http://fontforge.sourceforge.net/
+# For fontforge scripting documentation, see:
+#   http://fontforge.sourceforge.net/scripting-tutorial.html
+#   http://fontforge.sourceforge.net/scripting.html
+# and most importantly:
+#   http://fontforge.sourceforge.net/python.html
+
+# To install what you need, on Ubuntu,
+#   sudo apt-get install python-fontforge
+
+import fontforge
+
+# generate a set of fonts, each with our special glyph at one codepoint,
+# and nothing else
+for codepoint in range(ord("A"), ord("D") + 1):
+    for mark, width in [("", 1500), ("2", 1800)]:
+        charname = chr(codepoint)
+        f = fontforge.font()
+        n = "Mark" + mark + charname
+        f.fontname = n
+        f.familyname = n
+        f.fullname = n
+        f.copyright = "Copyright (c) 2008-2020 Mozilla Corporation"
+
+        g = f.createChar(ord(" "), "space")
+        g.width = 1000
+
+        g = f.createChar(codepoint, charname)
+        g.importOutlines("mark" + mark + "-glyph.svg")
+        g.width = width
+
+        f.generate("mark" + mark + charname + ".ttf")
+        f.generate("mark" + mark + charname + ".otf")
+
+
+for codepoint in range(ord("A"), ord("A") + 1):
+    for mark, width in [("", 1500), ("2", 1800)]:
+        for uposname, upos in [("low", -350), ("high", -50)]:
+            charname = chr(codepoint)
+            f = fontforge.font()
+            n = "Mark" + mark + charname
+            f.fontname = n
+            f.familyname = n
+            f.fullname = n
+            f.descent = 400
+            f.upos = upos
+            f.uwidth = 100
+            f.copyright = "Copyright (c) 2008-2020 Mozilla Corporation"
+
+            g = f.createChar(ord(" "), "space")
+            g.width = 1000
+
+            g = f.createChar(codepoint, charname)
+            g.importOutlines("mark" + mark + "-glyph.svg")
+            g.width = width
+
+            f.generate("mark" + mark + charname + "-" + uposname + "underline.ttf")
+
+# font with a ligature involving a space
+
+f = fontforge.font()
+n = "MarkAB-spaceliga"
+f.fontname = n
+f.familyname = n
+f.fullname = n
+f.copyright = "Copyright (c) 2008-2011 Mozilla Corporation"
+
+g = f.createChar(ord(" "), "space")
+g.width = 1000
+for charname in ["A", "B"]:
+    g = f.createChar(ord(charname), charname)
+    g.importOutlines("mark-glyph.svg")
+    g.width = 1500
+
+f.addLookup("liga-table", "gsub_ligature", (), (("liga", (("latn", ("dflt")),)),))
+f.addLookupSubtable("liga-table", "liga-subtable")
+g = f.createChar(-1, "spaceA")
+g.glyphclass = "baseligature"
+g.addPosSub("liga-subtable", ("space", "A"))
+g.importOutlines("mark2-glyph.svg")
+g.width = 1800
+
+f.generate("markAB-spaceliga.otf")
+
+# font with a known line-height (which is greater than winascent + windescent).
+
+f = fontforge.font()
+lineheight = 1500
+n = "MarkA-lineheight" + str(lineheight)
+f.fontname = n
+f.familyname = n
+f.fullname = n
+f.copyright = "Copyright (c) 2008-2011 Mozilla Corporation"
+
+g = f.createChar(ord(" "), "space")
+g.width = 1000
+g = f.createChar(ord("A"), "A")
+g.importOutlines("mark-glyph.svg")
+g.width = 1500
+
+f.os2_typoascent_add = False
+f.os2_typoascent = 800
+f.os2_typodescent_add = False
+f.os2_typodescent = -200
+f.os2_use_typo_metrics = True
+f.os2_typolinegap = lineheight - (f.os2_typoascent - f.os2_typodescent)
+# glyph height is 800 (hhea ascender - descender)
+f.hhea_linegap = lineheight - 800
+
+f.generate("markA-lineheight" + str(lineheight) + ".ttf")
+
+# Fonts with known winHeight and typoLineHeight such that winHeight is much
+# larger than typoLineHeight.
+f = fontforge.font()
+typoLineHeight = 2700
+winHeight = 6000
+n = "MarkA-lineheight" + str(winHeight)
+n = n + "-typolineheight" + str(typoLineHeight)
+f.fontname = n
+f.familyname = n
+f.fullname = n
+f.copyright = "Copyright (c) 2008-2015 Mozilla Corporation"
+
+g = f.createChar(ord(" "), "space")
+g.width = 1000
+g = f.createChar(ord("A"), "A")
+g.importOutlines("mark-glyph.svg")
+g.width = 1500
+
+f.os2_typoascent_add = False
+f.os2_typoascent = 800
+f.os2_typodescent_add = False
+f.os2_typodescent = -200
+f.os2_typolinegap = typoLineHeight - (f.os2_typoascent - f.os2_typodescent)
+
+f.hhea_ascent = winHeight / 2
+f.hhea_ascent_add = False
+f.hhea_descent = winHeight / 2
+f.hhea_descent_add = False
+f.hhea_linegap = 0
+
+f.os2_winascent = winHeight / 2
+f.os2_winascent_add = False
+f.os2_windescent = winHeight / 2
+f.os2_windescent_add = False
+
+f.os2_use_typo_metrics = True
+f.generate(
+    "markA-lineheight"
+    + str(winHeight)
+    + "-typolineheight"
+    + str(typoLineHeight)
+    + ".otf"
+)
+f.generate(
+    "markA-lineheight"
+    + str(winHeight)
+    + "-typolineheight"
+    + str(typoLineHeight)
+    + ".ttf"
+)
diff --git a/layout/reftests/fonts/mark-glyph.svg b/layout/reftests/fonts/mark-glyph.svg
new file mode 100644
index 0000000000..10adee25e2
--- /dev/null
+++ b/layout/reftests/fonts/mark-glyph.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1500 1000" width="1500px" height="1000px">
+  <rect x="500" y="100" height="200" width="500" fill="black" />
+  <rect x="300" y="400" height="200" width="900" fill="black" />
+  <!-- baseline defaults to being at 800 -->
+  <rect x="100" y="700" height="200" width="1300" fill="black" />
+</svg>
diff --git a/layout/reftests/fonts/mark2-glyph.svg b/layout/reftests/fonts/mark2-glyph.svg
new file mode 100644
index 0000000000..d38515d136
--- /dev/null
+++ b/layout/reftests/fonts/mark2-glyph.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1800 1000" width="1800px" height="1000px">
+  <polygon fill="black" points="100,100 100,800 1700,800 1700,100 1500,100 1500,600 300,600 300,100" />
+</svg>
diff --git a/layout/reftests/fonts/mark2A-highunderline.ttf b/layout/reftests/fonts/mark2A-highunderline.ttf
new file mode 100644
index 0000000000..eff8114b66
Binary files /dev/null and b/layout/reftests/fonts/mark2A-highunderline.ttf differ
diff --git a/layout/reftests/fonts/mark2A-lowunderline.ttf b/layout/reftests/fonts/mark2A-lowunderline.ttf
new file mode 100644
index 0000000000..7ab2cb9903
Binary files /dev/null and b/layout/reftests/fonts/mark2A-lowunderline.ttf differ
diff --git a/layout/reftests/fonts/mark2A.otf b/layout/reftests/fonts/mark2A.otf
new file mode 100644
index 0000000000..e8c92a027d
Binary files /dev/null and b/layout/reftests/fonts/mark2A.otf differ
diff --git a/layout/reftests/fonts/mark2A.ttf b/layout/reftests/fonts/mark2A.ttf
new file mode 100644
index 0000000000..87ff30a975
Binary files /dev/null and b/layout/reftests/fonts/mark2A.ttf differ
diff --git a/layout/reftests/fonts/mark2A.woff b/layout/reftests/fonts/mark2A.woff
new file mode 100644
index 0000000000..acda4f3d9f
Binary files /dev/null and b/layout/reftests/fonts/mark2A.woff differ
diff --git a/layout/reftests/fonts/mark2B.otf b/layout/reftests/fonts/mark2B.otf
new file mode 100644
index 0000000000..c685faace2
Binary files /dev/null and b/layout/reftests/fonts/mark2B.otf differ
diff --git a/layout/reftests/fonts/mark2B.ttf b/layout/reftests/fonts/mark2B.ttf
new file mode 100644
index 0000000000..ec06d5ab86
Binary files /dev/null and b/layout/reftests/fonts/mark2B.ttf differ
diff --git a/layout/reftests/fonts/mark2B.woff b/layout/reftests/fonts/mark2B.woff
new file mode 100644
index 0000000000..f83fbbc0ac
Binary files /dev/null and b/layout/reftests/fonts/mark2B.woff differ
diff --git a/layout/reftests/fonts/mark2C.otf b/layout/reftests/fonts/mark2C.otf
new file mode 100644
index 0000000000..ad503965ec
Binary files /dev/null and b/layout/reftests/fonts/mark2C.otf differ
diff --git a/layout/reftests/fonts/mark2C.ttf b/layout/reftests/fonts/mark2C.ttf
new file mode 100644
index 0000000000..faf3324572
Binary files /dev/null and b/layout/reftests/fonts/mark2C.ttf differ
diff --git a/layout/reftests/fonts/mark2C.woff b/layout/reftests/fonts/mark2C.woff
new file mode 100644
index 0000000000..f4f8a622cb
Binary files /dev/null and b/layout/reftests/fonts/mark2C.woff differ
diff --git a/layout/reftests/fonts/mark2D.otf b/layout/reftests/fonts/mark2D.otf
new file mode 100644
index 0000000000..5931dda871
Binary files /dev/null and b/layout/reftests/fonts/mark2D.otf differ
diff --git a/layout/reftests/fonts/mark2D.ttf b/layout/reftests/fonts/mark2D.ttf
new file mode 100644
index 0000000000..6caea27a6d
Binary files /dev/null and b/layout/reftests/fonts/mark2D.ttf differ
diff --git a/layout/reftests/fonts/mark2D.woff b/layout/reftests/fonts/mark2D.woff
new file mode 100644
index 0000000000..f03d1b73d6
Binary files /dev/null and b/layout/reftests/fonts/mark2D.woff differ
diff --git a/layout/reftests/fonts/markA-badfullname.ttf b/layout/reftests/fonts/markA-badfullname.ttf
new file mode 100644
index 0000000000..46cbabc707
Binary files /dev/null and b/layout/reftests/fonts/markA-badfullname.ttf differ
diff --git a/layout/reftests/fonts/markA-copyright.ttf b/layout/reftests/fonts/markA-copyright.ttf
new file mode 100644
index 0000000000..dc6f420c06
Binary files /dev/null and b/layout/reftests/fonts/markA-copyright.ttf differ
diff --git a/layout/reftests/fonts/markA-copyrightps.ttf b/layout/reftests/fonts/markA-copyrightps.ttf
new file mode 100644
index 0000000000..494d577c88
Binary files /dev/null and b/layout/reftests/fonts/markA-copyrightps.ttf differ
diff --git a/layout/reftests/fonts/markA-highunderline.ttf b/layout/reftests/fonts/markA-highunderline.ttf
new file mode 100644
index 0000000000..241399d3be
Binary files /dev/null and b/layout/reftests/fonts/markA-highunderline.ttf differ
diff --git a/layout/reftests/fonts/markA-lineheight1500.ttf b/layout/reftests/fonts/markA-lineheight1500.ttf
new file mode 100644
index 0000000000..16fea45c99
Binary files /dev/null and b/layout/reftests/fonts/markA-lineheight1500.ttf differ
diff --git a/layout/reftests/fonts/markA-lineheight6000-typolineheight2700.otf b/layout/reftests/fonts/markA-lineheight6000-typolineheight2700.otf
new file mode 100644
index 0000000000..ad8240d903
Binary files /dev/null and b/layout/reftests/fonts/markA-lineheight6000-typolineheight2700.otf differ
diff --git a/layout/reftests/fonts/markA-lineheight6000-typolineheight2700.ttf b/layout/reftests/fonts/markA-lineheight6000-typolineheight2700.ttf
new file mode 100644
index 0000000000..8d14bf1dd3
Binary files /dev/null and b/layout/reftests/fonts/markA-lineheight6000-typolineheight2700.ttf differ
diff --git a/layout/reftests/fonts/markA-lowunderline.ttf b/layout/reftests/fonts/markA-lowunderline.ttf
new file mode 100644
index 0000000000..baf273fe92
Binary files /dev/null and b/layout/reftests/fonts/markA-lowunderline.ttf differ
diff --git a/layout/reftests/fonts/markA-nofamily.ttf b/layout/reftests/fonts/markA-nofamily.ttf
new file mode 100644
index 0000000000..c1fa44f216
Binary files /dev/null and b/layout/reftests/fonts/markA-nofamily.ttf differ
diff --git a/layout/reftests/fonts/markA-nofullname.ttf b/layout/reftests/fonts/markA-nofullname.ttf
new file mode 100644
index 0000000000..a1987bff0e
Binary files /dev/null and b/layout/reftests/fonts/markA-nofullname.ttf differ
diff --git a/layout/reftests/fonts/markA-nopostscript.ttf b/layout/reftests/fonts/markA-nopostscript.ttf
new file mode 100644
index 0000000000..5fee8d6625
Binary files /dev/null and b/layout/reftests/fonts/markA-nopostscript.ttf differ
diff --git a/layout/reftests/fonts/markA-nospace.ttf b/layout/reftests/fonts/markA-nospace.ttf
new file mode 100644
index 0000000000..66f5fee2e4
Binary files /dev/null and b/layout/reftests/fonts/markA-nospace.ttf differ
diff --git a/layout/reftests/fonts/markA-nostyle.ttf b/layout/reftests/fonts/markA-nostyle.ttf
new file mode 100644
index 0000000000..f935441971
Binary files /dev/null and b/layout/reftests/fonts/markA-nostyle.ttf differ
diff --git a/layout/reftests/fonts/markA-noversion.ttf b/layout/reftests/fonts/markA-noversion.ttf
new file mode 100644
index 0000000000..bcfc690b72
Binary files /dev/null and b/layout/reftests/fonts/markA-noversion.ttf differ
diff --git a/layout/reftests/fonts/markA-redirect.ttf b/layout/reftests/fonts/markA-redirect.ttf
new file mode 100644
index 0000000000..4eb90b4aca
--- /dev/null
+++ b/layout/reftests/fonts/markA-redirect.ttf
@@ -0,0 +1 @@
+This is not a font!
\ No newline at end of file
diff --git a/layout/reftests/fonts/markA-redirect.ttf^headers^ b/layout/reftests/fonts/markA-redirect.ttf^headers^
new file mode 100644
index 0000000000..f3f0f6a01f
--- /dev/null
+++ b/layout/reftests/fonts/markA-redirect.ttf^headers^
@@ -0,0 +1,2 @@
+HTTP 301 Moved Permanently
+Location: markA.ttf
diff --git a/layout/reftests/fonts/markA-shortfullname.ttf b/layout/reftests/fonts/markA-shortfullname.ttf
new file mode 100644
index 0000000000..7ad3d0df47
Binary files /dev/null and b/layout/reftests/fonts/markA-shortfullname.ttf differ
diff --git a/layout/reftests/fonts/markA.eot b/layout/reftests/fonts/markA.eot
new file mode 100644
index 0000000000..66f5fee2e4
Binary files /dev/null and b/layout/reftests/fonts/markA.eot differ
diff --git a/layout/reftests/fonts/markA.otf b/layout/reftests/fonts/markA.otf
new file mode 100644
index 0000000000..a9c9acd33e
Binary files /dev/null and b/layout/reftests/fonts/markA.otf differ
diff --git a/layout/reftests/fonts/markA.ttf b/layout/reftests/fonts/markA.ttf
new file mode 100644
index 0000000000..353e7ac332
Binary files /dev/null and b/layout/reftests/fonts/markA.ttf differ
diff --git a/layout/reftests/fonts/markA.woff b/layout/reftests/fonts/markA.woff
new file mode 100644
index 0000000000..066a8a96ff
Binary files /dev/null and b/layout/reftests/fonts/markA.woff differ
diff --git a/layout/reftests/fonts/markAB-spaceliga.otf b/layout/reftests/fonts/markAB-spaceliga.otf
new file mode 100644
index 0000000000..a7e678c654
Binary files /dev/null and b/layout/reftests/fonts/markAB-spaceliga.otf differ
diff --git a/layout/reftests/fonts/markB.eot b/layout/reftests/fonts/markB.eot
new file mode 100644
index 0000000000..fc6334e70d
Binary files /dev/null and b/layout/reftests/fonts/markB.eot differ
diff --git a/layout/reftests/fonts/markB.otf b/layout/reftests/fonts/markB.otf
new file mode 100644
index 0000000000..b128327668
Binary files /dev/null and b/layout/reftests/fonts/markB.otf differ
diff --git a/layout/reftests/fonts/markB.ttf b/layout/reftests/fonts/markB.ttf
new file mode 100644
index 0000000000..c683ddf945
Binary files /dev/null and b/layout/reftests/fonts/markB.ttf differ
diff --git a/layout/reftests/fonts/markB.woff b/layout/reftests/fonts/markB.woff
new file mode 100644
index 0000000000..49f00e46f0
Binary files /dev/null and b/layout/reftests/fonts/markB.woff differ
diff --git a/layout/reftests/fonts/markB.woff2 b/layout/reftests/fonts/markB.woff2
new file mode 100644
index 0000000000..ab20a7dfff
Binary files /dev/null and b/layout/reftests/fonts/markB.woff2 differ
diff --git a/layout/reftests/fonts/markC.otf b/layout/reftests/fonts/markC.otf
new file mode 100644
index 0000000000..72deabb283
Binary files /dev/null and b/layout/reftests/fonts/markC.otf differ
diff --git a/layout/reftests/fonts/markC.ttf b/layout/reftests/fonts/markC.ttf
new file mode 100644
index 0000000000..c2cff114c5
Binary files /dev/null and b/layout/reftests/fonts/markC.ttf differ
diff --git a/layout/reftests/fonts/markC.woff b/layout/reftests/fonts/markC.woff
new file mode 100644
index 0000000000..cacf2fd785
Binary files /dev/null and b/layout/reftests/fonts/markC.woff differ
diff --git a/layout/reftests/fonts/markD.otf b/layout/reftests/fonts/markD.otf
new file mode 100644
index 0000000000..e7778db0d3
Binary files /dev/null and b/layout/reftests/fonts/markD.otf differ
diff --git a/layout/reftests/fonts/markD.ttf b/layout/reftests/fonts/markD.ttf
new file mode 100644
index 0000000000..9ab4602190
Binary files /dev/null and b/layout/reftests/fonts/markD.ttf differ
diff --git a/layout/reftests/fonts/markD.woff b/layout/reftests/fonts/markD.woff
new file mode 100644
index 0000000000..dcf264aef9
Binary files /dev/null and b/layout/reftests/fonts/markD.woff differ
diff --git a/layout/reftests/fonts/markfonts-delay.sjs b/layout/reftests/fonts/markfonts-delay.sjs
new file mode 100644
index 0000000000..88d701b53c
--- /dev/null
+++ b/layout/reftests/fonts/markfonts-delay.sjs
@@ -0,0 +1,78 @@
+
+/* Data dumped using python code from image/test/reftest/generic/check-header.sjs */
+
+const markA_data = [
+  0x0,  0x1,  0x0,  0x0,  0x0,  0xD,  0x0,  0x80,  0x0,  0x3,  0x0,  0x50,  0x46,  0x46,  0x54,  0x4D,  0x8E,  0x9C,  0x75,  0x19,  0x0,  0x0,  0x6,  0x4,  0x0,  0x0,  0x0,  0x1C,  0x4F,  0x53,  0x2F,  0x32,  0x58,  0xBB,  0x62,  0x4B,  0x0,  0x0,  0x1,  0x58,  0x0,  0x0,  0x0,  0x60,  0x63,  0x6D,  0x61,  0x70,  0x0,  0x77,  0x6,  0xC2,  0x0,  0x0,  0x1,  0xCC,  0x0,  0x0,  0x1,  0x4A,  0x63,  0x76,  0x74,  0x20,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x3,  0x18,  0x0,  0x0,  0x0,  0x4,  0x67,  0x61,  0x73,  0x70,  0xFF,  0xFF,  0x0,  0x3,  0x0,  0x0,  0x5,  0xFC,  0x0,  0x0,  0x0,  0x8,  0x67,  0x6C,  0x79,  0x66,  0x8,  0x2E,  0x9A,  0x4F,  0x0,  0x0,  0x3,  0x28,  0x0,  0x0,  0x0,  0x8C,  0x68,  0x65,  0x61,  0x64,  0x19,  0x61,  0xBA,  0x49,  0x0,  0x0,  0x0,  0xDC,  0x0,  0x0,  0x0,  0x36,  0x68,  0x68,  0x65,  0x61,  0x8,  0x90,  0x5,  0x7E,  0x0,  0x0,  0x1,  0x14,  0x0,  0x0,  0x0,  0x24,  0x68,  0x6D,  0x74,  0x78,  0xC,  0x7D,  0x0,  0x85,  0x0,  0x0,  0x1,  0xB8,  0x0,  0x0,  0x0,  0x14,  0x6C,  0x6F,  0x63,  0x61,  0x0,  0x54,  0x0,  0x9A,  0x0,  0x0,  0x3,  0x1C,  0x0,  0x0,  0x0,  0xC,  0x6D,  0x61,  0x78,  0x70,  0x0,  0x4A,  0x0,  0x3D,  0x0,  0x0,  0x1,  0x38,  0x0,  0x0,  0x0,  0x20,  0x6E,  0x61,  0x6D,  0x65,  0x51,  0xBD,  0x5D,  0x1B,  0x0,  0x0,  0x3,  0xB4,  0x0,  0x0,  0x2,  0x19,  0x70,  0x6F,  0x73,  0x74,  0xFF,  0xC0,  0x0,  0x58,  0x0,  0x0,  0x5,  0xD0,  0x0,  0x0,  0x0,  0x2C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0xB3,  0x28,  0x11,  0xEF,  0x5F,  0xF,  0x3C,  0xF5,  0x0,  0xB,  0x3,  0xE8,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x21,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x2,  0xBC,  0xFF,  0x9C,  0x0,  0x5A,  0x5,  0xDC,  0x0,  0x0,  0x0,  0x0,  0x5,  0x78,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x1,  0x0,  0x0,  0x0,  0x5,  0x0,  0xC,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x1,  0x0,  0x0,  0x0,  0x40,  0x0,  0x2E,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x4,  0xE2,  0x1,  0x90,  0x0,  0x5,  0x0,  0x0,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8C,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x1,  0xE0,  0x0,  0x31,  0x1,  0x2,  0x0,  0x0,  0x2,  0x0,  0x5,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x50,  0x66,  0x45,  0x64,  0x0,  0x80,  0x0,  0x20,  0x0,  0x41,  0x3,  0x20,  0xFF,  0x38,  0x0,  0x5A,  0x2,  0xBC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x20,  0x0,  0x1,  0x1,  0x6C,  0x0,  0x21,  0x0,  0x0,  0x0,  0x0,  0x1,  0x4D,  0x0,  0x0,  0x3,  0xE8,  0x0,  0x0,  0x5,  0xDC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x44,  0x0,  0x3,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x4,  0x0,  0x28,  0x0,  0x0,  0x0,  0x6,  0x0,  0x4,  0x0,  0x1,  0x0,  0x2,  0x0,  0x20,  0x0,  0x41,  0xFF,  0xFF,  0x0,  0x0,  0x0,  0x20,  0x0,  0x41,  0xFF,  0xFF,  0xFF,  0xE3,  0xFF,  0xC3,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x6,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x2,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x46,  0x0,  0x2,  0x0,  0x21,  0x0,  0x0,  0x1,  0x2A,  0x2,  0x9A,  0x0,  0x3,  0x0,  0x7,  0x0,  0x2E,  0xB1,  0x1,  0x0,  0x2F,  0x3C,  0xB2,  0x7,  0x4,  0x0,  0xED,  0x32,  0xB1,  0x6,  0x5,  0xDC,  0x3C,  0xB2,  0x3,  0x2,  0x0,  0xED,  0x32,  0x0,  0xB1,  0x3,  0x0,  0x2F,  0x3C,  0xB2,  0x5,  0x4,  0x0,  0xED,  0x32,  0xB2,  0x7,  0x6,  0x1,  0xFC,  0x3C,  0xB2,  0x1,  0x2,  0x0,  0xED,  0x32,  0x33,  0x11,  0x21,  0x11,  0x27,  0x33,  0x11,  0x23,  0x21,  0x1,  0x9,  0xE8,  0xC7,  0xC7,  0x2,  0x9A,  0xFD,  0x66,  0x21,  0x2,  0x58,  0x0,  0x0,  0x3,  0x0,  0x64,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x3,  0x0,  0x7,  0x0,  0xB,  0x0,  0x0,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0xF4,  0x1,  0xF4,  0xFD,  0x44,  0x3,  0x84,  0xFB,  0xB4,  0x5,  0x14,  0x1,  0xF4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0x0,  0x0,  0x0,  0x0,  0x0,  0xE,  0x0,  0xAE,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2B,  0x0,  0x58,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x5,  0x0,  0x90,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x7,  0x0,  0xA6,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x3,  0x0,  0x21,  0x0,  0xF2,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x5,  0x1,  0x20,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x10,  0x1,  0x48,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x6,  0x0,  0x5,  0x1,  0x65,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x0,  0x0,  0x56,  0x0,  0x0,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x1,  0x0,  0xA,  0x0,  0x84,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x2,  0x0,  0xE,  0x0,  0x96,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x3,  0x0,  0x42,  0x0,  0xAE,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x4,  0x0,  0xA,  0x1,  0x14,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x5,  0x0,  0x20,  0x1,  0x26,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x6,  0x0,  0xA,  0x1,  0x59,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x70,  0x0,  0x79,  0x0,  0x72,  0x0,  0x69,  0x0,  0x67,  0x0,  0x68,  0x0,  0x74,  0x0,  0x20,  0x0,  0x28,  0x0,  0x63,  0x0,  0x29,  0x0,  0x20,  0x0,  0x32,  0x0,  0x30,  0x0,  0x30,  0x0,  0x38,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x6F,  0x0,  0x7A,  0x0,  0x69,  0x0,  0x6C,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x20,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x70,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x61,  0x0,  0x74,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x0,  0x43,  0x6F,  0x70,  0x79,  0x72,  0x69,  0x67,  0x68,  0x74,  0x20,  0x28,  0x63,  0x29,  0x20,  0x32,  0x30,  0x30,  0x38,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x20,  0x4D,  0x6F,  0x7A,  0x69,  0x6C,  0x6C,  0x61,  0x20,  0x43,  0x6F,  0x72,  0x70,  0x6F,  0x72,  0x61,  0x74,  0x69,  0x6F,  0x6E,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x41,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x41,  0x0,  0x0,  0x52,  0x0,  0x65,  0x0,  0x67,  0x0,  0x75,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x72,  0x0,  0x0,  0x52,  0x65,  0x67,  0x75,  0x6C,  0x61,  0x72,  0x0,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x74,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x67,  0x0,  0x65,  0x0,  0x20,  0x0,  0x32,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x41,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x32,  0x0,  0x37,  0x0,  0x2D,  0x0,  0x31,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x0,  0x46,  0x6F,  0x6E,  0x74,  0x46,  0x6F,  0x72,  0x67,  0x65,  0x20,  0x32,  0x2E,  0x30,  0x20,  0x3A,  0x20,  0x4D,  0x61,  0x72,  0x6B,  0x41,  0x20,  0x3A,  0x20,  0x32,  0x37,  0x2D,  0x31,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x41,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x41,  0x0,  0x0,  0x56,  0x0,  0x65,  0x0,  0x72,  0x0,  0x73,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x20,  0x0,  0x30,  0x0,  0x30,  0x0,  0x31,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x30,  0x0,  0x30,  0x0,  0x20,  0x0,  0x0,  0x56,  0x65,  0x72,  0x73,  0x69,  0x6F,  0x6E,  0x20,  0x30,  0x30,  0x31,  0x2E,  0x30,  0x30,  0x30,  0x20,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x41,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x41,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0xFF,  0xB5,  0x0,  0x32,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x0,  0x0,  0x1,  0x0,  0x2,  0x0,  0x3,  0x0,  0x24,  0x0,  0x0,  0x0,  0x1,  0xFF,  0xFF,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0xD9,  0xF2,  0xFE,  0xC,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86
+];
+
+const markB_data = [
+  0x0,  0x1,  0x0,  0x0,  0x0,  0xD,  0x0,  0x80,  0x0,  0x3,  0x0,  0x50,  0x46,  0x46,  0x54,  0x4D,  0x8E,  0x9C,  0x75,  0x19,  0x0,  0x0,  0x6,  0x4,  0x0,  0x0,  0x0,  0x1C,  0x4F,  0x53,  0x2F,  0x32,  0x58,  0xBB,  0x62,  0x4C,  0x0,  0x0,  0x1,  0x58,  0x0,  0x0,  0x0,  0x60,  0x63,  0x6D,  0x61,  0x70,  0x4,  0x79,  0x6,  0xBD,  0x0,  0x0,  0x1,  0xCC,  0x0,  0x0,  0x1,  0x4A,  0x63,  0x76,  0x74,  0x20,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x3,  0x18,  0x0,  0x0,  0x0,  0x4,  0x67,  0x61,  0x73,  0x70,  0xFF,  0xFF,  0x0,  0x3,  0x0,  0x0,  0x5,  0xFC,  0x0,  0x0,  0x0,  0x8,  0x67,  0x6C,  0x79,  0x66,  0x8,  0x2E,  0x9A,  0x4F,  0x0,  0x0,  0x3,  0x28,  0x0,  0x0,  0x0,  0x8C,  0x68,  0x65,  0x61,  0x64,  0x19,  0x61,  0xBA,  0x49,  0x0,  0x0,  0x0,  0xDC,  0x0,  0x0,  0x0,  0x36,  0x68,  0x68,  0x65,  0x61,  0x8,  0x90,  0x5,  0x7E,  0x0,  0x0,  0x1,  0x14,  0x0,  0x0,  0x0,  0x24,  0x68,  0x6D,  0x74,  0x78,  0xC,  0x7D,  0x0,  0x85,  0x0,  0x0,  0x1,  0xB8,  0x0,  0x0,  0x0,  0x14,  0x6C,  0x6F,  0x63,  0x61,  0x0,  0x54,  0x0,  0x9A,  0x0,  0x0,  0x3,  0x1C,  0x0,  0x0,  0x0,  0xC,  0x6D,  0x61,  0x78,  0x70,  0x0,  0x4A,  0x0,  0x3D,  0x0,  0x0,  0x1,  0x38,  0x0,  0x0,  0x0,  0x20,  0x6E,  0x61,  0x6D,  0x65,  0x53,  0xBE,  0x5F,  0x1E,  0x0,  0x0,  0x3,  0xB4,  0x0,  0x0,  0x2,  0x19,  0x70,  0x6F,  0x73,  0x74,  0xFF,  0xC0,  0x0,  0x59,  0x0,  0x0,  0x5,  0xD0,  0x0,  0x0,  0x0,  0x2C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0xA7,  0x22,  0xD,  0xEF,  0x5F,  0xF,  0x3C,  0xF5,  0x0,  0xB,  0x3,  0xE8,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x21,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x2,  0xBC,  0xFF,  0x9C,  0x0,  0x5A,  0x5,  0xDC,  0x0,  0x0,  0x0,  0x0,  0x5,  0x78,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x1,  0x0,  0x0,  0x0,  0x5,  0x0,  0xC,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x1,  0x0,  0x0,  0x0,  0x40,  0x0,  0x2E,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x4,  0xE2,  0x1,  0x90,  0x0,  0x5,  0x0,  0x0,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8C,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x1,  0xE0,  0x0,  0x31,  0x1,  0x2,  0x0,  0x0,  0x2,  0x0,  0x5,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x50,  0x66,  0x45,  0x64,  0x0,  0x80,  0x0,  0x20,  0x0,  0x42,  0x3,  0x20,  0xFF,  0x38,  0x0,  0x5A,  0x2,  0xBC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x20,  0x0,  0x1,  0x1,  0x6C,  0x0,  0x21,  0x0,  0x0,  0x0,  0x0,  0x1,  0x4D,  0x0,  0x0,  0x3,  0xE8,  0x0,  0x0,  0x5,  0xDC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x44,  0x0,  0x3,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x4,  0x0,  0x28,  0x0,  0x0,  0x0,  0x6,  0x0,  0x4,  0x0,  0x1,  0x0,  0x2,  0x0,  0x20,  0x0,  0x42,  0xFF,  0xFF,  0x0,  0x0,  0x0,  0x20,  0x0,  0x42,  0xFF,  0xFF,  0xFF,  0xE3,  0xFF,  0xC2,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x6,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x2,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x46,  0x0,  0x2,  0x0,  0x21,  0x0,  0x0,  0x1,  0x2A,  0x2,  0x9A,  0x0,  0x3,  0x0,  0x7,  0x0,  0x2E,  0xB1,  0x1,  0x0,  0x2F,  0x3C,  0xB2,  0x7,  0x4,  0x0,  0xED,  0x32,  0xB1,  0x6,  0x5,  0xDC,  0x3C,  0xB2,  0x3,  0x2,  0x0,  0xED,  0x32,  0x0,  0xB1,  0x3,  0x0,  0x2F,  0x3C,  0xB2,  0x5,  0x4,  0x0,  0xED,  0x32,  0xB2,  0x7,  0x6,  0x1,  0xFC,  0x3C,  0xB2,  0x1,  0x2,  0x0,  0xED,  0x32,  0x33,  0x11,  0x21,  0x11,  0x27,  0x33,  0x11,  0x23,  0x21,  0x1,  0x9,  0xE8,  0xC7,  0xC7,  0x2,  0x9A,  0xFD,  0x66,  0x21,  0x2,  0x58,  0x0,  0x0,  0x3,  0x0,  0x64,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x3,  0x0,  0x7,  0x0,  0xB,  0x0,  0x0,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0xF4,  0x1,  0xF4,  0xFD,  0x44,  0x3,  0x84,  0xFB,  0xB4,  0x5,  0x14,  0x1,  0xF4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0x0,  0x0,  0x0,  0x0,  0x0,  0xE,  0x0,  0xAE,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2B,  0x0,  0x58,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x5,  0x0,  0x90,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x7,  0x0,  0xA6,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x3,  0x0,  0x21,  0x0,  0xF2,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x5,  0x1,  0x20,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x10,  0x1,  0x48,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x6,  0x0,  0x5,  0x1,  0x65,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x0,  0x0,  0x56,  0x0,  0x0,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x1,  0x0,  0xA,  0x0,  0x84,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x2,  0x0,  0xE,  0x0,  0x96,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x3,  0x0,  0x42,  0x0,  0xAE,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x4,  0x0,  0xA,  0x1,  0x14,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x5,  0x0,  0x20,  0x1,  0x26,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x6,  0x0,  0xA,  0x1,  0x59,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x70,  0x0,  0x79,  0x0,  0x72,  0x0,  0x69,  0x0,  0x67,  0x0,  0x68,  0x0,  0x74,  0x0,  0x20,  0x0,  0x28,  0x0,  0x63,  0x0,  0x29,  0x0,  0x20,  0x0,  0x32,  0x0,  0x30,  0x0,  0x30,  0x0,  0x38,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x6F,  0x0,  0x7A,  0x0,  0x69,  0x0,  0x6C,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x20,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x70,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x61,  0x0,  0x74,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x0,  0x43,  0x6F,  0x70,  0x79,  0x72,  0x69,  0x67,  0x68,  0x74,  0x20,  0x28,  0x63,  0x29,  0x20,  0x32,  0x30,  0x30,  0x38,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x20,  0x4D,  0x6F,  0x7A,  0x69,  0x6C,  0x6C,  0x61,  0x20,  0x43,  0x6F,  0x72,  0x70,  0x6F,  0x72,  0x61,  0x74,  0x69,  0x6F,  0x6E,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x42,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x42,  0x0,  0x0,  0x52,  0x0,  0x65,  0x0,  0x67,  0x0,  0x75,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x72,  0x0,  0x0,  0x52,  0x65,  0x67,  0x75,  0x6C,  0x61,  0x72,  0x0,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x74,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x67,  0x0,  0x65,  0x0,  0x20,  0x0,  0x32,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x42,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x32,  0x0,  0x37,  0x0,  0x2D,  0x0,  0x31,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x0,  0x46,  0x6F,  0x6E,  0x74,  0x46,  0x6F,  0x72,  0x67,  0x65,  0x20,  0x32,  0x2E,  0x30,  0x20,  0x3A,  0x20,  0x4D,  0x61,  0x72,  0x6B,  0x42,  0x20,  0x3A,  0x20,  0x32,  0x37,  0x2D,  0x31,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x42,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x42,  0x0,  0x0,  0x56,  0x0,  0x65,  0x0,  0x72,  0x0,  0x73,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x20,  0x0,  0x30,  0x0,  0x30,  0x0,  0x31,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x30,  0x0,  0x30,  0x0,  0x20,  0x0,  0x0,  0x56,  0x65,  0x72,  0x73,  0x69,  0x6F,  0x6E,  0x20,  0x30,  0x30,  0x31,  0x2E,  0x30,  0x30,  0x30,  0x20,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x42,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x42,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0xFF,  0xB5,  0x0,  0x32,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x0,  0x0,  0x1,  0x0,  0x2,  0x0,  0x3,  0x0,  0x25,  0x0,  0x0,  0x0,  0x1,  0xFF,  0xFF,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0xD9,  0xF2,  0xFE,  0xC,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86
+];
+
+const markC_data = [
+  0x0,  0x1,  0x0,  0x0,  0x0,  0xD,  0x0,  0x80,  0x0,  0x3,  0x0,  0x50,  0x46,  0x46,  0x54,  0x4D,  0x8E,  0x9C,  0x75,  0x19,  0x0,  0x0,  0x6,  0x4,  0x0,  0x0,  0x0,  0x1C,  0x4F,  0x53,  0x2F,  0x32,  0x58,  0xBB,  0x62,  0x4D,  0x0,  0x0,  0x1,  0x58,  0x0,  0x0,  0x0,  0x60,  0x63,  0x6D,  0x61,  0x70,  0x0,  0x7F,  0x6,  0xBC,  0x0,  0x0,  0x1,  0xCC,  0x0,  0x0,  0x1,  0x4A,  0x63,  0x76,  0x74,  0x20,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x3,  0x18,  0x0,  0x0,  0x0,  0x4,  0x67,  0x61,  0x73,  0x70,  0xFF,  0xFF,  0x0,  0x3,  0x0,  0x0,  0x5,  0xFC,  0x0,  0x0,  0x0,  0x8,  0x67,  0x6C,  0x79,  0x66,  0x8,  0x2E,  0x9A,  0x4F,  0x0,  0x0,  0x3,  0x28,  0x0,  0x0,  0x0,  0x8C,  0x68,  0x65,  0x61,  0x64,  0x19,  0x61,  0xBA,  0x49,  0x0,  0x0,  0x0,  0xDC,  0x0,  0x0,  0x0,  0x36,  0x68,  0x68,  0x65,  0x61,  0x8,  0x90,  0x5,  0x7E,  0x0,  0x0,  0x1,  0x14,  0x0,  0x0,  0x0,  0x24,  0x68,  0x6D,  0x74,  0x78,  0xC,  0x7D,  0x0,  0x85,  0x0,  0x0,  0x1,  0xB8,  0x0,  0x0,  0x0,  0x14,  0x6C,  0x6F,  0x63,  0x61,  0x0,  0x54,  0x0,  0x9A,  0x0,  0x0,  0x3,  0x1C,  0x0,  0x0,  0x0,  0xC,  0x6D,  0x61,  0x78,  0x70,  0x0,  0x4A,  0x0,  0x3D,  0x0,  0x0,  0x1,  0x38,  0x0,  0x0,  0x0,  0x20,  0x6E,  0x61,  0x6D,  0x65,  0x55,  0xBF,  0x61,  0x21,  0x0,  0x0,  0x3,  0xB4,  0x0,  0x0,  0x2,  0x19,  0x70,  0x6F,  0x73,  0x74,  0xFF,  0xC0,  0x0,  0x5A,  0x0,  0x0,  0x5,  0xD0,  0x0,  0x0,  0x0,  0x2C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0xAB,  0x14,  0x9,  0xE7,  0x5F,  0xF,  0x3C,  0xF5,  0x0,  0xB,  0x3,  0xE8,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x21,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x2,  0xBC,  0xFF,  0x9C,  0x0,  0x5A,  0x5,  0xDC,  0x0,  0x0,  0x0,  0x0,  0x5,  0x78,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x1,  0x0,  0x0,  0x0,  0x5,  0x0,  0xC,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x1,  0x0,  0x0,  0x0,  0x40,  0x0,  0x2E,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x4,  0xE2,  0x1,  0x90,  0x0,  0x5,  0x0,  0x0,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8C,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x1,  0xE0,  0x0,  0x31,  0x1,  0x2,  0x0,  0x0,  0x2,  0x0,  0x5,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x50,  0x66,  0x45,  0x64,  0x0,  0x80,  0x0,  0x20,  0x0,  0x43,  0x3,  0x20,  0xFF,  0x38,  0x0,  0x5A,  0x2,  0xBC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x20,  0x0,  0x1,  0x1,  0x6C,  0x0,  0x21,  0x0,  0x0,  0x0,  0x0,  0x1,  0x4D,  0x0,  0x0,  0x3,  0xE8,  0x0,  0x0,  0x5,  0xDC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x44,  0x0,  0x3,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x4,  0x0,  0x28,  0x0,  0x0,  0x0,  0x6,  0x0,  0x4,  0x0,  0x1,  0x0,  0x2,  0x0,  0x20,  0x0,  0x43,  0xFF,  0xFF,  0x0,  0x0,  0x0,  0x20,  0x0,  0x43,  0xFF,  0xFF,  0xFF,  0xE3,  0xFF,  0xC1,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x6,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x2,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x46,  0x0,  0x2,  0x0,  0x21,  0x0,  0x0,  0x1,  0x2A,  0x2,  0x9A,  0x0,  0x3,  0x0,  0x7,  0x0,  0x2E,  0xB1,  0x1,  0x0,  0x2F,  0x3C,  0xB2,  0x7,  0x4,  0x0,  0xED,  0x32,  0xB1,  0x6,  0x5,  0xDC,  0x3C,  0xB2,  0x3,  0x2,  0x0,  0xED,  0x32,  0x0,  0xB1,  0x3,  0x0,  0x2F,  0x3C,  0xB2,  0x5,  0x4,  0x0,  0xED,  0x32,  0xB2,  0x7,  0x6,  0x1,  0xFC,  0x3C,  0xB2,  0x1,  0x2,  0x0,  0xED,  0x32,  0x33,  0x11,  0x21,  0x11,  0x27,  0x33,  0x11,  0x23,  0x21,  0x1,  0x9,  0xE8,  0xC7,  0xC7,  0x2,  0x9A,  0xFD,  0x66,  0x21,  0x2,  0x58,  0x0,  0x0,  0x3,  0x0,  0x64,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x3,  0x0,  0x7,  0x0,  0xB,  0x0,  0x0,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0xF4,  0x1,  0xF4,  0xFD,  0x44,  0x3,  0x84,  0xFB,  0xB4,  0x5,  0x14,  0x1,  0xF4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0x0,  0x0,  0x0,  0x0,  0x0,  0xE,  0x0,  0xAE,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2B,  0x0,  0x58,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x5,  0x0,  0x90,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x7,  0x0,  0xA6,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x3,  0x0,  0x21,  0x0,  0xF2,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x5,  0x1,  0x20,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x10,  0x1,  0x48,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x6,  0x0,  0x5,  0x1,  0x65,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x0,  0x0,  0x56,  0x0,  0x0,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x1,  0x0,  0xA,  0x0,  0x84,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x2,  0x0,  0xE,  0x0,  0x96,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x3,  0x0,  0x42,  0x0,  0xAE,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x4,  0x0,  0xA,  0x1,  0x14,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x5,  0x0,  0x20,  0x1,  0x26,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x6,  0x0,  0xA,  0x1,  0x59,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x70,  0x0,  0x79,  0x0,  0x72,  0x0,  0x69,  0x0,  0x67,  0x0,  0x68,  0x0,  0x74,  0x0,  0x20,  0x0,  0x28,  0x0,  0x63,  0x0,  0x29,  0x0,  0x20,  0x0,  0x32,  0x0,  0x30,  0x0,  0x30,  0x0,  0x38,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x6F,  0x0,  0x7A,  0x0,  0x69,  0x0,  0x6C,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x20,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x70,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x61,  0x0,  0x74,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x0,  0x43,  0x6F,  0x70,  0x79,  0x72,  0x69,  0x67,  0x68,  0x74,  0x20,  0x28,  0x63,  0x29,  0x20,  0x32,  0x30,  0x30,  0x38,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x20,  0x4D,  0x6F,  0x7A,  0x69,  0x6C,  0x6C,  0x61,  0x20,  0x43,  0x6F,  0x72,  0x70,  0x6F,  0x72,  0x61,  0x74,  0x69,  0x6F,  0x6E,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x43,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x43,  0x0,  0x0,  0x52,  0x0,  0x65,  0x0,  0x67,  0x0,  0x75,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x72,  0x0,  0x0,  0x52,  0x65,  0x67,  0x75,  0x6C,  0x61,  0x72,  0x0,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x74,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x67,  0x0,  0x65,  0x0,  0x20,  0x0,  0x32,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x43,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x32,  0x0,  0x37,  0x0,  0x2D,  0x0,  0x31,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x0,  0x46,  0x6F,  0x6E,  0x74,  0x46,  0x6F,  0x72,  0x67,  0x65,  0x20,  0x32,  0x2E,  0x30,  0x20,  0x3A,  0x20,  0x4D,  0x61,  0x72,  0x6B,  0x43,  0x20,  0x3A,  0x20,  0x32,  0x37,  0x2D,  0x31,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x43,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x43,  0x0,  0x0,  0x56,  0x0,  0x65,  0x0,  0x72,  0x0,  0x73,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x20,  0x0,  0x30,  0x0,  0x30,  0x0,  0x31,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x30,  0x0,  0x30,  0x0,  0x20,  0x0,  0x0,  0x56,  0x65,  0x72,  0x73,  0x69,  0x6F,  0x6E,  0x20,  0x30,  0x30,  0x31,  0x2E,  0x30,  0x30,  0x30,  0x20,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x43,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x43,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0xFF,  0xB5,  0x0,  0x32,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x0,  0x0,  0x1,  0x0,  0x2,  0x0,  0x3,  0x0,  0x26,  0x0,  0x0,  0x0,  0x1,  0xFF,  0xFF,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0xD9,  0xF2,  0xFE,  0xC,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86
+];
+
+const markD_data = [
+  0x0,  0x1,  0x0,  0x0,  0x0,  0xD,  0x0,  0x80,  0x0,  0x3,  0x0,  0x50,  0x46,  0x46,  0x54,  0x4D,  0x8E,  0x9C,  0x75,  0x19,  0x0,  0x0,  0x6,  0x4,  0x0,  0x0,  0x0,  0x1C,  0x4F,  0x53,  0x2F,  0x32,  0x58,  0xBB,  0x62,  0x4E,  0x0,  0x0,  0x1,  0x58,  0x0,  0x0,  0x0,  0x60,  0x63,  0x6D,  0x61,  0x70,  0x0,  0x7D,  0xA,  0xBB,  0x0,  0x0,  0x1,  0xCC,  0x0,  0x0,  0x1,  0x4A,  0x63,  0x76,  0x74,  0x20,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x3,  0x18,  0x0,  0x0,  0x0,  0x4,  0x67,  0x61,  0x73,  0x70,  0xFF,  0xFF,  0x0,  0x3,  0x0,  0x0,  0x5,  0xFC,  0x0,  0x0,  0x0,  0x8,  0x67,  0x6C,  0x79,  0x66,  0x8,  0x2E,  0x9A,  0x4F,  0x0,  0x0,  0x3,  0x28,  0x0,  0x0,  0x0,  0x8C,  0x68,  0x65,  0x61,  0x64,  0x19,  0x61,  0xBA,  0x49,  0x0,  0x0,  0x0,  0xDC,  0x0,  0x0,  0x0,  0x36,  0x68,  0x68,  0x65,  0x61,  0x8,  0x90,  0x5,  0x7E,  0x0,  0x0,  0x1,  0x14,  0x0,  0x0,  0x0,  0x24,  0x68,  0x6D,  0x74,  0x78,  0xC,  0x7D,  0x0,  0x85,  0x0,  0x0,  0x1,  0xB8,  0x0,  0x0,  0x0,  0x14,  0x6C,  0x6F,  0x63,  0x61,  0x0,  0x54,  0x0,  0x9A,  0x0,  0x0,  0x3,  0x1C,  0x0,  0x0,  0x0,  0xC,  0x6D,  0x61,  0x78,  0x70,  0x0,  0x4A,  0x0,  0x3D,  0x0,  0x0,  0x1,  0x38,  0x0,  0x0,  0x0,  0x20,  0x6E,  0x61,  0x6D,  0x65,  0x57,  0xC0,  0x63,  0x24,  0x0,  0x0,  0x3,  0xB4,  0x0,  0x0,  0x2,  0x19,  0x70,  0x6F,  0x73,  0x74,  0xFF,  0xC0,  0x0,  0x5B,  0x0,  0x0,  0x5,  0xD0,  0x0,  0x0,  0x0,  0x2C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0xA7,  0x15,  0xFD,  0xDF,  0x5F,  0xF,  0x3C,  0xF5,  0x0,  0xB,  0x3,  0xE8,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x21,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x2,  0xBC,  0xFF,  0x9C,  0x0,  0x5A,  0x5,  0xDC,  0x0,  0x0,  0x0,  0x0,  0x5,  0x78,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x1,  0x0,  0x0,  0x0,  0x5,  0x0,  0xC,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x1,  0x0,  0x0,  0x0,  0x40,  0x0,  0x2E,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x4,  0xE2,  0x1,  0x90,  0x0,  0x5,  0x0,  0x0,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x8C,  0x2,  0x8A,  0x2,  0xBC,  0x0,  0x0,  0x1,  0xE0,  0x0,  0x31,  0x1,  0x2,  0x0,  0x0,  0x2,  0x0,  0x5,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x50,  0x66,  0x45,  0x64,  0x0,  0x80,  0x0,  0x20,  0x0,  0x44,  0x3,  0x20,  0xFF,  0x38,  0x0,  0x5A,  0x2,  0xBC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0xBC,  0x0,  0x0,  0x0,  0x20,  0x0,  0x1,  0x1,  0x6C,  0x0,  0x21,  0x0,  0x0,  0x0,  0x0,  0x1,  0x4D,  0x0,  0x0,  0x3,  0xE8,  0x0,  0x0,  0x5,  0xDC,  0x0,  0x64,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x44,  0x0,  0x3,  0x0,  0x1,  0x0,  0x0,  0x0,  0x1C,  0x0,  0x4,  0x0,  0x28,  0x0,  0x0,  0x0,  0x6,  0x0,  0x4,  0x0,  0x1,  0x0,  0x2,  0x0,  0x20,  0x0,  0x44,  0xFF,  0xFF,  0x0,  0x0,  0x0,  0x20,  0x0,  0x44,  0xFF,  0xFF,  0xFF,  0xE3,  0xFF,  0xC0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x6,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x2,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x3,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x21,  0x2,  0x79,  0x0,  0x0,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x2A,  0x0,  0x46,  0x0,  0x2,  0x0,  0x21,  0x0,  0x0,  0x1,  0x2A,  0x2,  0x9A,  0x0,  0x3,  0x0,  0x7,  0x0,  0x2E,  0xB1,  0x1,  0x0,  0x2F,  0x3C,  0xB2,  0x7,  0x4,  0x0,  0xED,  0x32,  0xB1,  0x6,  0x5,  0xDC,  0x3C,  0xB2,  0x3,  0x2,  0x0,  0xED,  0x32,  0x0,  0xB1,  0x3,  0x0,  0x2F,  0x3C,  0xB2,  0x5,  0x4,  0x0,  0xED,  0x32,  0xB2,  0x7,  0x6,  0x1,  0xFC,  0x3C,  0xB2,  0x1,  0x2,  0x0,  0xED,  0x32,  0x33,  0x11,  0x21,  0x11,  0x27,  0x33,  0x11,  0x23,  0x21,  0x1,  0x9,  0xE8,  0xC7,  0xC7,  0x2,  0x9A,  0xFD,  0x66,  0x21,  0x2,  0x58,  0x0,  0x0,  0x3,  0x0,  0x64,  0xFF,  0x9C,  0x5,  0x78,  0x2,  0xBC,  0x0,  0x3,  0x0,  0x7,  0x0,  0xB,  0x0,  0x0,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0x35,  0x21,  0x15,  0x1,  0xF4,  0x1,  0xF4,  0xFD,  0x44,  0x3,  0x84,  0xFB,  0xB4,  0x5,  0x14,  0x1,  0xF4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0xFE,  0xD4,  0xC8,  0xC8,  0x0,  0x0,  0x0,  0x0,  0x0,  0xE,  0x0,  0xAE,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2B,  0x0,  0x58,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x1,  0x0,  0x5,  0x0,  0x90,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x7,  0x0,  0xA6,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x3,  0x0,  0x21,  0x0,  0xF2,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x4,  0x0,  0x5,  0x1,  0x20,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x10,  0x1,  0x48,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0x0,  0x6,  0x0,  0x5,  0x1,  0x65,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x0,  0x0,  0x56,  0x0,  0x0,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x1,  0x0,  0xA,  0x0,  0x84,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x2,  0x0,  0xE,  0x0,  0x96,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x3,  0x0,  0x42,  0x0,  0xAE,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x4,  0x0,  0xA,  0x1,  0x14,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x5,  0x0,  0x20,  0x1,  0x26,  0x0,  0x3,  0x0,  0x1,  0x4,  0x9,  0x0,  0x6,  0x0,  0xA,  0x1,  0x59,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x70,  0x0,  0x79,  0x0,  0x72,  0x0,  0x69,  0x0,  0x67,  0x0,  0x68,  0x0,  0x74,  0x0,  0x20,  0x0,  0x28,  0x0,  0x63,  0x0,  0x29,  0x0,  0x20,  0x0,  0x32,  0x0,  0x30,  0x0,  0x30,  0x0,  0x38,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x6F,  0x0,  0x7A,  0x0,  0x69,  0x0,  0x6C,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x20,  0x0,  0x43,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x70,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x61,  0x0,  0x74,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x0,  0x43,  0x6F,  0x70,  0x79,  0x72,  0x69,  0x67,  0x68,  0x74,  0x20,  0x28,  0x63,  0x29,  0x20,  0x32,  0x30,  0x30,  0x38,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x20,  0x4D,  0x6F,  0x7A,  0x69,  0x6C,  0x6C,  0x61,  0x20,  0x43,  0x6F,  0x72,  0x70,  0x6F,  0x72,  0x61,  0x74,  0x69,  0x6F,  0x6E,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x44,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x44,  0x0,  0x0,  0x52,  0x0,  0x65,  0x0,  0x67,  0x0,  0x75,  0x0,  0x6C,  0x0,  0x61,  0x0,  0x72,  0x0,  0x0,  0x52,  0x65,  0x67,  0x75,  0x6C,  0x61,  0x72,  0x0,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x74,  0x0,  0x46,  0x0,  0x6F,  0x0,  0x72,  0x0,  0x67,  0x0,  0x65,  0x0,  0x20,  0x0,  0x32,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x44,  0x0,  0x20,  0x0,  0x3A,  0x0,  0x20,  0x0,  0x32,  0x0,  0x37,  0x0,  0x2D,  0x0,  0x31,  0x0,  0x2D,  0x0,  0x32,  0x0,  0x30,  0x0,  0x32,  0x0,  0x30,  0x0,  0x0,  0x46,  0x6F,  0x6E,  0x74,  0x46,  0x6F,  0x72,  0x67,  0x65,  0x20,  0x32,  0x2E,  0x30,  0x20,  0x3A,  0x20,  0x4D,  0x61,  0x72,  0x6B,  0x44,  0x20,  0x3A,  0x20,  0x32,  0x37,  0x2D,  0x31,  0x2D,  0x32,  0x30,  0x32,  0x30,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x44,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x44,  0x0,  0x0,  0x56,  0x0,  0x65,  0x0,  0x72,  0x0,  0x73,  0x0,  0x69,  0x0,  0x6F,  0x0,  0x6E,  0x0,  0x20,  0x0,  0x30,  0x0,  0x30,  0x0,  0x31,  0x0,  0x2E,  0x0,  0x30,  0x0,  0x30,  0x0,  0x30,  0x0,  0x20,  0x0,  0x0,  0x56,  0x65,  0x72,  0x73,  0x69,  0x6F,  0x6E,  0x20,  0x30,  0x30,  0x31,  0x2E,  0x30,  0x30,  0x30,  0x20,  0x0,  0x0,  0x4D,  0x0,  0x61,  0x0,  0x72,  0x0,  0x6B,  0x0,  0x44,  0x0,  0x0,  0x4D,  0x61,  0x72,  0x6B,  0x44,  0x0,  0x0,  0x0,  0x0,  0x0,  0x2,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0xFF,  0xB5,  0x0,  0x32,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x0,  0x5,  0x0,  0x0,  0x0,  0x1,  0x0,  0x2,  0x0,  0x3,  0x0,  0x27,  0x0,  0x0,  0x0,  0x1,  0xFF,  0xFF,  0x0,  0x2,  0x0,  0x0,  0x0,  0x1,  0x0,  0x0,  0x0,  0x0,  0xD9,  0xF2,  0xFE,  0xC,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86,  0x0,  0x0,  0x0,  0x0,  0xDA,  0x54,  0xBB,  0x86
+];
+
+const BinaryOutputStream = Components.Constructor("@mozilla.org/binaryoutputstream;1", "nsIBinaryOutputStream", "setOutputStream");
+
+/**
+ * The timer is needed when a delay is set. We need it to be out of the method
+ * so it is not eaten alive by the GC.
+ */
+var timer;
+
+function handleRequest(request, response) {
+  var query = {};
+  request.queryString.split('&').forEach(function (val) {
+    var [name, value] = val.split('=');
+    query[name] = unescape(value);
+  });
+
+  response.setStatusLine(request.httpVersion, 200, "OK");
+  response.setHeader("Content-Type", "font/opentype", false);
+
+  function fontWrite(data) {
+    var stream = new BinaryOutputStream(response.bodyOutputStream);
+    stream.writeByteArray(data);
+  }
+
+  var f;
+  switch (query["font"]) {
+    case "markB":
+      f = markB_data;
+      break;
+    case "markC":
+      f = markC_data;
+      break;
+    case "markD":
+      f = markD_data;
+      break;
+    case "markA":
+    default:
+      f = markA_data;
+      break;
+  }
+
+  // If there is no delay, we write the image and leave.
+  if (!("delay" in query)) {
+    fontWrite(f);
+    return;
+  }
+
+  // If there is a delay, we create a timer which, when it fires, will write
+  // image and leave.
+  response.processAsync();
+  const nsITimer = Components.interfaces.nsITimer;
+
+  timer = Components.classes["@mozilla.org/timer;1"].createInstance(nsITimer);
+  timer.initWithCallback(function() {
+    fontWrite(f);
+    response.finish();
+  }, query["delay"], nsITimer.TYPE_ONE_SHOT);
+}
+
+
diff --git a/layout/reftests/fonts/mplus/mplus-1p-black.ttf b/layout/reftests/fonts/mplus/mplus-1p-black.ttf
new file mode 100644
index 0000000000..79f648f055
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-black.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-1p-bold.ttf b/layout/reftests/fonts/mplus/mplus-1p-bold.ttf
new file mode 100644
index 0000000000..2011eed38f
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-bold.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-1p-heavy.ttf b/layout/reftests/fonts/mplus/mplus-1p-heavy.ttf
new file mode 100644
index 0000000000..25a31cc2fc
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-heavy.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-1p-light.ttf b/layout/reftests/fonts/mplus/mplus-1p-light.ttf
new file mode 100644
index 0000000000..7207051087
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-light.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-1p-medium.ttf b/layout/reftests/fonts/mplus/mplus-1p-medium.ttf
new file mode 100644
index 0000000000..61f86b2863
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-medium.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-1p-regular-no-OT.ttf b/layout/reftests/fonts/mplus/mplus-1p-regular-no-OT.ttf
new file mode 100644
index 0000000000..53f8094ca3
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-regular-no-OT.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-1p-regular.ttf b/layout/reftests/fonts/mplus/mplus-1p-regular.ttf
new file mode 100644
index 0000000000..9d2a5da85a
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-regular.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-1p-thin.ttf b/layout/reftests/fonts/mplus/mplus-1p-thin.ttf
new file mode 100644
index 0000000000..ce1be6b7cc
Binary files /dev/null and b/layout/reftests/fonts/mplus/mplus-1p-thin.ttf differ
diff --git a/layout/reftests/fonts/mplus/mplus-license.txt b/layout/reftests/fonts/mplus/mplus-license.txt
new file mode 100644
index 0000000000..c9cdca3fe6
--- /dev/null
+++ b/layout/reftests/fonts/mplus/mplus-license.txt
@@ -0,0 +1,16 @@
+M+ FONTS                                Copyright (C) 2002-2009 M+ FONTS PROJECT
+
+-
+
+LICENSE_E
+
+
+
+
+These fonts are free softwares.
+Unlimited permission is granted to use, copy, and distribute it, with
+or without modification, either commercially and noncommercially.
+THESE FONTS ARE PROVIDED "AS IS" WITHOUT WARRANTY.
+
+
+http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/
diff --git a/layout/reftests/fonts/mplus/mplusfonts.css b/layout/reftests/fonts/mplus/mplusfonts.css
new file mode 100644
index 0000000000..eda570ac7f
--- /dev/null
+++ b/layout/reftests/fonts/mplus/mplusfonts.css
@@ -0,0 +1,48 @@
+
+/* M+ outline fonts */
+
+/* mplus-1p - http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/index-en.html */
+
+@font-face {
+  font-family: mplus1p;
+  src: url(mplus-1p-thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(mplus-1p-light.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(mplus-1p-regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(mplus-1p-medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(mplus-1p-bold.ttf);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(mplus-1p-heavy.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: mplus1p;
+  src: url(mplus-1p-black.ttf);
+  font-weight: 900;
+}
+
+
diff --git a/layout/reftests/fonts/sil/AwamiNastaliq-Regular.woff b/layout/reftests/fonts/sil/AwamiNastaliq-Regular.woff
new file mode 100644
index 0000000000..0c894cc93d
Binary files /dev/null and b/layout/reftests/fonts/sil/AwamiNastaliq-Regular.woff differ
diff --git a/layout/reftests/fonts/sil/Charis-license.txt b/layout/reftests/fonts/sil/Charis-license.txt
new file mode 100644
index 0000000000..b3a335dc78
--- /dev/null
+++ b/layout/reftests/fonts/sil/Charis-license.txt
@@ -0,0 +1,94 @@
+This Font Software is Copyright (c) 1997-2013, SIL International (http://scripts.sil.org/)
+with Reserved Font Names "Charis" and "SIL".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/layout/reftests/fonts/sil/CharisSIL-R.ttf b/layout/reftests/fonts/sil/CharisSIL-R.ttf
new file mode 100644
index 0000000000..f0abfe0cfc
Binary files /dev/null and b/layout/reftests/fonts/sil/CharisSIL-R.ttf differ
diff --git a/layout/reftests/fonts/sil/GenAI102.ttf b/layout/reftests/fonts/sil/GenAI102.ttf
new file mode 100644
index 0000000000..cf51ae6a22
Binary files /dev/null and b/layout/reftests/fonts/sil/GenAI102.ttf differ
diff --git a/layout/reftests/fonts/sil/GenAR102.ttf b/layout/reftests/fonts/sil/GenAR102.ttf
new file mode 100644
index 0000000000..3621d57f12
Binary files /dev/null and b/layout/reftests/fonts/sil/GenAR102.ttf differ
diff --git a/layout/reftests/fonts/sil/GenI102.ttf b/layout/reftests/fonts/sil/GenI102.ttf
new file mode 100644
index 0000000000..ed832f7fd3
Binary files /dev/null and b/layout/reftests/fonts/sil/GenI102.ttf differ
diff --git a/layout/reftests/fonts/sil/GenR102.ttf b/layout/reftests/fonts/sil/GenR102.ttf
new file mode 100644
index 0000000000..a8c1756743
Binary files /dev/null and b/layout/reftests/fonts/sil/GenR102.ttf differ
diff --git a/layout/reftests/fonts/sil/GenR102.woff2 b/layout/reftests/fonts/sil/GenR102.woff2
new file mode 100644
index 0000000000..6e8b6d17e2
Binary files /dev/null and b/layout/reftests/fonts/sil/GenR102.woff2 differ
diff --git a/layout/reftests/fonts/sil/Gentium-license.txt b/layout/reftests/fonts/sil/Gentium-license.txt
new file mode 100644
index 0000000000..c07459b266
--- /dev/null
+++ b/layout/reftests/fonts/sil/Gentium-license.txt
@@ -0,0 +1,101 @@
+http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&item_id=Gentium_download
+
+This Font Software is Copyright (c) 2003-2005, SIL International (http://scripts.sil.org/).
+All Rights Reserved.
+
+"Gentium" is a Reserved Font Name for this Font Software.
+"SIL" is a Reserved Font Name for this Font Software.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.0.
+No modification of the license is permitted, only verbatim copy is allowed.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.0 - 22 November 2005
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of cooperative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide an open
+framework in which fonts may be shared and improved in partnership with
+others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and sold with any software provided that the font
+names of derivative works are changed. The fonts and derivatives,
+however, cannot be released under any other type of license.
+
+DEFINITIONS
+"Font Software" refers to any and all of the following:
+	- font files
+	- data files
+	- source code
+	- build scripts
+	- documentation
+
+"Reserved Font Name" refers to the Font Software name as seen by
+users and any other names as specified after the copyright statement.
+
+"Standard Version" refers to the collection of Font Software
+components as distributed by the Copyright Holder.
+
+"Modified Version" refers to any derivative font software made by
+adding to, deleting, or substituting -- in part or in whole --
+any of the components of the Standard Version, by changing formats
+or by porting the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Standard or Modified Versions, may be sold by itself.
+
+2) Standard or Modified Versions of the Font Software may be bundled,
+redistributed and sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s), in part or in whole, unless explicit written permission is
+granted by the Copyright Holder. This restriction applies to all 
+references stored in the Font Software, such as the font menu name and
+other font description fields, which are used to differentiate the
+font from others.
+
+4) The name(s) of the Copyright Holder or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed using this license, and may not be distributed
+under any other license.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/layout/reftests/fonts/sil/Padauk.ttf b/layout/reftests/fonts/sil/Padauk.ttf
new file mode 100644
index 0000000000..68958e98fd
Binary files /dev/null and b/layout/reftests/fonts/sil/Padauk.ttf differ
diff --git a/layout/reftests/fonts/sil/PigLatin-nographite.ttf b/layout/reftests/fonts/sil/PigLatin-nographite.ttf
new file mode 100644
index 0000000000..359c0adfb0
Binary files /dev/null and b/layout/reftests/fonts/sil/PigLatin-nographite.ttf differ
diff --git a/layout/reftests/fonts/sil/PigLatinBenchmark_v3.ttf b/layout/reftests/fonts/sil/PigLatinBenchmark_v3.ttf
new file mode 100644
index 0000000000..411935215a
Binary files /dev/null and b/layout/reftests/fonts/sil/PigLatinBenchmark_v3.ttf differ
diff --git a/layout/reftests/fonts/sil/Scheherazade-BidiBug.woff b/layout/reftests/fonts/sil/Scheherazade-BidiBug.woff
new file mode 100644
index 0000000000..e7a7802740
Binary files /dev/null and b/layout/reftests/fonts/sil/Scheherazade-BidiBug.woff differ
diff --git a/layout/reftests/fonts/sil/Scheherazade-R 2012-07-03c.ttf b/layout/reftests/fonts/sil/Scheherazade-R 2012-07-03c.ttf
new file mode 100644
index 0000000000..b697ac9f9b
Binary files /dev/null and b/layout/reftests/fonts/sil/Scheherazade-R 2012-07-03c.ttf differ
diff --git a/layout/reftests/fonts/sil/ScheherazadeRegOT-license.txt b/layout/reftests/fonts/sil/ScheherazadeRegOT-license.txt
new file mode 100644
index 0000000000..6d8f0a0352
--- /dev/null
+++ b/layout/reftests/fonts/sil/ScheherazadeRegOT-license.txt
@@ -0,0 +1,98 @@
+http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&item_id=ArabicFonts_Download
+
+Copyright (c) 2004-2007, SIL International (http://www.sil.org/).
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1,
+with Reserved Font Names "Scheherazade" and "SIL".
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+
diff --git a/layout/reftests/fonts/sil/ScheherazadeRegOT.ttf b/layout/reftests/fonts/sil/ScheherazadeRegOT.ttf
new file mode 100644
index 0000000000..970f7f18e5
Binary files /dev/null and b/layout/reftests/fonts/sil/ScheherazadeRegOT.ttf differ
diff --git a/layout/reftests/fonts/sil/silfonts.css b/layout/reftests/fonts/sil/silfonts.css
new file mode 100644
index 0000000000..94ebd823d8
--- /dev/null
+++ b/layout/reftests/fonts/sil/silfonts.css
@@ -0,0 +1,34 @@
+
+/* SIL fonts */
+
+/* Gentium - http://scripts.sil.org/gentium */
+/* Note: only regular and italic faces, no bold faces */
+
+@font-face {
+  font-family: Gentium;
+  src: url(GenR102.ttf);
+}
+
+@font-face {
+  font-family: Gentium;
+  src: url(GenI102.ttf);
+  font-style: italic;
+}  
+
+@font-face {
+  font-family: GentiumAlt;
+  src: url(GenAR102.ttf);
+}
+
+@font-face {
+  font-family: GentiumAlt;
+  src: url(GenAI102.ttf);
+  font-style: italic;
+}
+
+/* Scheherazade - http://scripts.sil.org/ArabicFonts */
+
+@font-face {
+  font-family: Scheherazade;
+  src: url(ScheherazadeRegOT.ttf) format("opentype");
+}  
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf
new file mode 100644
index 0000000000..98f893aa2f
Binary files /dev/null and b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf differ
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttx b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttx
new file mode 100644
index 0000000000..95f073aa51
--- /dev/null
+++ b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttx
@@ -0,0 +1,4965 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.4">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="uni00AD"/>
+    <GlyphID id="100" name="uni2000"/>
+    <GlyphID id="101" name="uni2001"/>
+    <GlyphID id="102" name="uni2002"/>
+    <GlyphID id="103" name="uni2003"/>
+    <GlyphID id="104" name="uni2004"/>
+    <GlyphID id="105" name="uni2005"/>
+    <GlyphID id="106" name="uni2006"/>
+    <GlyphID id="107" name="uni2007"/>
+    <GlyphID id="108" name="uni2008"/>
+    <GlyphID id="109" name="uni2009"/>
+    <GlyphID id="110" name="uni200A"/>
+    <GlyphID id="111" name="uni2010"/>
+    <GlyphID id="112" name="uni2011"/>
+    <GlyphID id="113" name="figuredash"/>
+    <GlyphID id="114" name="endash"/>
+    <GlyphID id="115" name="emdash"/>
+    <GlyphID id="116" name="quotedblleft"/>
+    <GlyphID id="117" name="quotedblright"/>
+    <GlyphID id="118" name="uni202F"/>
+    <GlyphID id="119" name="uni205F"/>
+    <GlyphID id="120" name="minus"/>
+    <GlyphID id="121" name="uniE000"/>
+
+    <GlyphID id="122" name="defaultscript"/>
+    <GlyphID id="123" name="latinscript"/>
+    <GlyphID id="124" name="defaultlang"/>
+    <GlyphID id="125" name="frenchlang"/>
+    <GlyphID id="126" name="defaultfeature"/>
+    <GlyphID id="127" name="nondefaultfeature"/>
+    <GlyphID id="128" name="good"/>
+
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.00099182129"/>
+    <checkSumAdjustment value="0x126e2e07"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Dec 23 09:44:54 2010"/>
+    <modified value="Thu Dec 23 09:44:54 2010"/>
+    <xMin value="-72"/>
+    <yMin value="-563"/>
+    <xMax value="2073"/>
+    <yMax value="1722"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1536"/>
+    <descent value="-512"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="2195"/>
+    <minLeftSideBearing value="-72"/>
+    <minRightSideBearing value="-62"/>
+    <xMaxExtent value="2073"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="122"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="122"/>
+    <maxPoints value="81"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="335"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="994"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000100"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00000001"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 01000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="57344"/>
+    <sTypoAscender value="1536"/>
+    <sTypoDescender value="-512"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1722"/>
+    <usWinDescent value="563"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1126"/>
+    <sCapHeight value="1577"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="1"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="532" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="1474" lsb="61"/>
+    <mtx name="B" width="1308" lsb="174"/>
+    <mtx name="C" width="1357" lsb="123"/>
+    <mtx name="D" width="1503" lsb="174"/>
+    <mtx name="E" width="1150" lsb="174"/>
+    <mtx name="F" width="1112" lsb="174"/>
+    <mtx name="G" width="1525" lsb="123"/>
+    <mtx name="H" width="1519" lsb="174"/>
+    <mtx name="I" width="528" lsb="174"/>
+    <mtx name="J" width="585" lsb="-20"/>
+    <mtx name="K" width="1265" lsb="174"/>
+    <mtx name="L" width="1202" lsb="174"/>
+    <mtx name="M" width="1742" lsb="174"/>
+    <mtx name="N" width="1482" lsb="174"/>
+    <mtx name="O" width="1554" lsb="123"/>
+    <mtx name="P" width="1265" lsb="174"/>
+    <mtx name="Q" width="1554" lsb="123"/>
+    <mtx name="R" width="1349" lsb="174"/>
+    <mtx name="S" width="1361" lsb="117"/>
+    <mtx name="T" width="1150" lsb="20"/>
+    <mtx name="U" width="1460" lsb="174"/>
+    <mtx name="V" width="1433" lsb="61"/>
+    <mtx name="W" width="2019" lsb="61"/>
+    <mtx name="X" width="1345" lsb="61"/>
+    <mtx name="Y" width="1263" lsb="20"/>
+    <mtx name="Z" width="1257" lsb="104"/>
+    <mtx name="a" width="1155" lsb="123"/>
+    <mtx name="ampersand" width="1802" lsb="123"/>
+    <mtx name="asciicircum" width="1339" lsb="82"/>
+    <mtx name="asciitilde" width="1349" lsb="123"/>
+    <mtx name="asterisk" width="1265" lsb="100"/>
+    <mtx name="at" width="2195" lsb="123"/>
+    <mtx name="b" width="1292" lsb="174"/>
+    <mtx name="backslash" width="905" lsb="51"/>
+    <mtx name="bar" width="503" lsb="174"/>
+    <mtx name="braceleft" width="962" lsb="164"/>
+    <mtx name="braceright" width="962" lsb="143"/>
+    <mtx name="bracketleft" width="735" lsb="174"/>
+    <mtx name="bracketright" width="735" lsb="143"/>
+    <mtx name="c" width="1044" lsb="113"/>
+    <mtx name="colon" width="514" lsb="143"/>
+    <mtx name="comma" width="413" lsb="82"/>
+    <mtx name="d" width="1333" lsb="123"/>
+    <mtx name="dollar" width="1341" lsb="117"/>
+    <mtx name="e" width="1187" lsb="113"/>
+    <mtx name="eight" width="1216" lsb="133"/>
+    <mtx name="emdash" width="1558" lsb="82"/>
+    <mtx name="endash" width="1312" lsb="61"/>
+    <mtx name="equal" width="1394" lsb="133"/>
+    <mtx name="exclam" width="575" lsb="174"/>
+    <mtx name="f" width="825" lsb="61"/>
+    <mtx name="figuredash" width="708" lsb="113"/>
+    <mtx name="five" width="1208" lsb="143"/>
+    <mtx name="four" width="1286" lsb="82"/>
+    <mtx name="g" width="1261" lsb="123"/>
+    <mtx name="grave" width="729" lsb="113"/>
+    <mtx name="greater" width="1433" lsb="143"/>
+    <mtx name="h" width="1241" lsb="174"/>
+    <mtx name="hyphen" width="708" lsb="113"/>
+    <mtx name="i" width="555" lsb="174"/>
+    <mtx name="j" width="452" lsb="-72"/>
+    <mtx name="k" width="1157" lsb="174"/>
+    <mtx name="l" width="573" lsb="174"/>
+    <mtx name="less" width="1433" lsb="154"/>
+    <mtx name="m" width="1882" lsb="174"/>
+    <mtx name="minus" width="1331" lsb="102"/>
+    <mtx name="n" width="1261" lsb="174"/>
+    <mtx name="nine" width="1269" lsb="123"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="numbersign" width="1689" lsb="82"/>
+    <mtx name="o" width="1224" lsb="123"/>
+    <mtx name="one" width="731" lsb="102"/>
+    <mtx name="p" width="1292" lsb="174"/>
+    <mtx name="parenleft" width="692" lsb="123"/>
+    <mtx name="parenright" width="692" lsb="61"/>
+    <mtx name="percent" width="2066" lsb="123"/>
+    <mtx name="period" width="411" lsb="92"/>
+    <mtx name="plus" width="1331" lsb="102"/>
+    <mtx name="q" width="1292" lsb="123"/>
+    <mtx name="question" width="1032" lsb="84"/>
+    <mtx name="quotedbl" width="774" lsb="92"/>
+    <mtx name="quotedblleft" width="774" lsb="92"/>
+    <mtx name="quotedblright" width="774" lsb="92"/>
+    <mtx name="quotesingle" width="423" lsb="92"/>
+    <mtx name="r" width="940" lsb="174"/>
+    <mtx name="s" width="1026" lsb="92"/>
+    <mtx name="semicolon" width="526" lsb="143"/>
+    <mtx name="seven" width="1058" lsb="10"/>
+    <mtx name="six" width="1269" lsb="131"/>
+    <mtx name="slash" width="884" lsb="41"/>
+    <mtx name="space" width="532" lsb="0"/>
+    <mtx name="t" width="819" lsb="92"/>
+    <mtx name="three" width="1142" lsb="82"/>
+    <mtx name="two" width="1126" lsb="102"/>
+    <mtx name="u" width="1261" lsb="164"/>
+    <mtx name="underscore" width="1353" lsb="113"/>
+    <mtx name="uni00A0" width="532" lsb="0"/>
+    <mtx name="uni00AD" width="708" lsb="113"/>
+    <mtx name="uni2000" width="860" lsb="0"/>
+    <mtx name="uni2001" width="1722" lsb="0"/>
+    <mtx name="uni2002" width="860" lsb="0"/>
+    <mtx name="uni2003" width="1722" lsb="0"/>
+    <mtx name="uni2004" width="573" lsb="0"/>
+    <mtx name="uni2005" width="430" lsb="0"/>
+    <mtx name="uni2006" width="286" lsb="0"/>
+    <mtx name="uni2007" width="286" lsb="0"/>
+    <mtx name="uni2008" width="215" lsb="0"/>
+    <mtx name="uni2009" width="344" lsb="0"/>
+    <mtx name="uni200A" width="94" lsb="0"/>
+    <mtx name="uni2010" width="708" lsb="113"/>
+    <mtx name="uni2011" width="708" lsb="113"/>
+    <mtx name="uni202F" width="344" lsb="0"/>
+    <mtx name="uni205F" width="430" lsb="0"/>
+    <mtx name="uniE000" width="1125" lsb="0"/>
+    <mtx name="v" width="1144" lsb="72"/>
+    <mtx name="w" width="1632" lsb="72"/>
+    <mtx name="x" width="1216" lsb="82"/>
+    <mtx name="y" width="1126" lsb="59"/>
+    <mtx name="z" width="1060" lsb="102"/>
+    <mtx name="zero" width="1253" lsb="123"/>
+
+    <mtx name="defaultscript" width="1536" lsb="0"/>
+    <mtx name="latinscript" width="1792" lsb="16"/>
+    <mtx name="defaultlang" width="1536" lsb="0"/>
+    <mtx name="frenchlang" width="1536" lsb="0"/>
+    <mtx name="defaultfeature" width="1536" lsb="0"/>
+    <mtx name="nondefaultfeature" width="1536" lsb="0"/>
+    <mtx name="good" width="1536" lsb="0"/>
+
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+    </cmap_format_4>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="61" yMin="0" xMax="1413" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="643" y="1577" on="1"/>
+        <pt x="831" y="1577" on="1"/>
+        <pt x="1413" y="0" on="1"/>
+        <pt x="1223" y="0" on="1"/>
+        <pt x="1024" y="537" on="1"/>
+        <pt x="449" y="537" on="1"/>
+        <pt x="252" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="506" y="692" on="1"/>
+        <pt x="967" y="692" on="1"/>
+        <pt x="737" y="1319" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="B" xMin="174" yMin="-25" xMax="1184" yMax="1599">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="471" y="1538" on="0"/>
+        <pt x="618" y="1599" on="0"/>
+        <pt x="709" y="1599" on="1"/>
+        <pt x="875" y="1599" on="0"/>
+        <pt x="1112" y="1376" on="0"/>
+        <pt x="1112" y="1143" on="1"/>
+        <pt x="1110" y="920" on="0"/>
+        <pt x="952" y="819" on="1"/>
+        <pt x="1081" y="760" on="0"/>
+        <pt x="1184" y="569" on="0"/>
+        <pt x="1184" y="485" on="1"/>
+        <pt x="1184" y="475" on="1"/>
+        <pt x="1184" y="432" on="0"/>
+        <pt x="1182" y="377" on="0"/>
+        <pt x="1161" y="262" on="0"/>
+        <pt x="1124" y="182" on="0"/>
+        <pt x="1047" y="82" on="0"/>
+        <pt x="936" y="18" on="0"/>
+        <pt x="762" y="-25" on="0"/>
+        <pt x="651" y="-25" on="1"/>
+        <pt x="514" y="-21" on="0"/>
+        <pt x="354" y="92" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="236" on="1"/>
+        <pt x="501" y="144" on="0"/>
+        <pt x="651" y="143" on="1"/>
+        <pt x="729" y="143" on="0"/>
+        <pt x="850" y="176" on="0"/>
+        <pt x="924" y="215" on="0"/>
+        <pt x="977" y="293" on="0"/>
+        <pt x="999" y="338" on="0"/>
+        <pt x="1012" y="428" on="0"/>
+        <pt x="1012" y="439" on="1"/>
+        <pt x="1012" y="485" on="1"/>
+        <pt x="1012" y="516" on="0"/>
+        <pt x="985" y="584" on="0"/>
+        <pt x="920" y="670" on="0"/>
+        <pt x="772" y="729" on="0"/>
+        <pt x="668" y="733" on="1"/>
+        <pt x="609" y="729" on="0"/>
+        <pt x="354" y="729" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="877" on="1"/>
+        <pt x="466" y="877" on="1"/>
+        <pt x="498" y="877" on="0"/>
+        <pt x="639" y="883" on="0"/>
+        <pt x="671" y="890" on="1"/>
+        <pt x="756" y="909" on="1"/>
+        <pt x="809" y="921" on="0"/>
+        <pt x="860" y="961" on="0"/>
+        <pt x="918" y="1016" on="0"/>
+        <pt x="940" y="1096" on="0"/>
+        <pt x="940" y="1147" on="1"/>
+        <pt x="938" y="1292" on="0"/>
+        <pt x="803" y="1432" on="0"/>
+        <pt x="709" y="1432" on="1"/>
+        <pt x="549" y="1432" on="0"/>
+        <pt x="354" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="C" xMin="123" yMin="-25" xMax="1315" yMax="1597">
+      <contour>
+        <pt x="123" y="752" on="1"/>
+        <pt x="123" y="955" on="0"/>
+        <pt x="242" y="1288" on="0"/>
+        <pt x="432" y="1489" on="0"/>
+        <pt x="659" y="1597" on="0"/>
+        <pt x="774" y="1597" on="1"/>
+        <pt x="866" y="1597" on="0"/>
+        <pt x="1030" y="1552" on="0"/>
+        <pt x="1135" y="1491" on="0"/>
+        <pt x="1214" y="1427" on="0"/>
+        <pt x="1233" y="1405" on="1"/>
+        <pt x="1249" y="1382" on="1"/>
+        <pt x="1124" y="1262" on="1"/>
+        <pt x="1113" y="1279" on="1"/>
+        <pt x="1106" y="1290" on="0"/>
+        <pt x="1044" y="1348" on="0"/>
+        <pt x="973" y="1391" on="0"/>
+        <pt x="846" y="1425" on="0"/>
+        <pt x="772" y="1425" on="1"/>
+        <pt x="586" y="1425" on="0"/>
+        <pt x="307" y="1077" on="0"/>
+        <pt x="307" y="752" on="1"/>
+        <pt x="307" y="496" on="0"/>
+        <pt x="569" y="147" on="0"/>
+        <pt x="758" y="147" on="1"/>
+        <pt x="803" y="147" on="0"/>
+        <pt x="891" y="160" on="0"/>
+        <pt x="965" y="180" on="0"/>
+        <pt x="1032" y="207" on="0"/>
+        <pt x="1087" y="236" on="0"/>
+        <pt x="1133" y="264" on="0"/>
+        <pt x="1167" y="291" on="0"/>
+        <pt x="1192" y="311" on="0"/>
+        <pt x="1198" y="317" on="1"/>
+        <pt x="1204" y="324" on="1"/>
+        <pt x="1315" y="217" on="1"/>
+        <pt x="1254" y="141" on="0"/>
+        <pt x="1198" y="102" on="1"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="762" y="-25" on="1"/>
+        <pt x="488" y="-25" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="D" xMin="174" yMin="-25" xMax="1380" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1403" on="1"/>
+        <pt x="559" y="1596" on="0"/>
+        <pt x="819" y="1597" on="1"/>
+        <pt x="930" y="1597" on="0"/>
+        <pt x="1122" y="1507" on="0"/>
+        <pt x="1286" y="1323" on="0"/>
+        <pt x="1380" y="995" on="0"/>
+        <pt x="1380" y="778" on="1"/>
+        <pt x="1380" y="436" on="0"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="758" y="-25" on="1"/>
+        <pt x="568" y="-21" on="0"/>
+        <pt x="354" y="117" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="281" on="1"/>
+        <pt x="551" y="152" on="0"/>
+        <pt x="758" y="152" on="1"/>
+        <pt x="946" y="152" on="0"/>
+        <pt x="1200" y="506" on="0"/>
+        <pt x="1200" y="778" on="1"/>
+        <pt x="1200" y="1093" on="0"/>
+        <pt x="977" y="1417" on="0"/>
+        <pt x="825" y="1421" on="1"/>
+        <pt x="544" y="1421" on="0"/>
+        <pt x="354" y="1227" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="E" xMin="174" yMin="0" xMax="1069" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="854" y="176" on="1"/>
+        <pt x="1069" y="186" on="1"/>
+        <pt x="1069" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="F" xMin="174" yMin="0" xMax="1040" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="G" xMin="123" yMin="-25" xMax="1350" yMax="1597">
+      <contour>
+        <pt x="123" y="764" on="1"/>
+        <pt x="123" y="948" on="0"/>
+        <pt x="219" y="1241" on="0"/>
+        <pt x="367" y="1423" on="0"/>
+        <pt x="565" y="1546" on="0"/>
+        <pt x="756" y="1595" on="0"/>
+        <pt x="852" y="1597" on="1"/>
+        <pt x="942" y="1597" on="0"/>
+        <pt x="1108" y="1548" on="0"/>
+        <pt x="1219" y="1477" on="0"/>
+        <pt x="1305" y="1405" on="0"/>
+        <pt x="1323" y="1380" on="1"/>
+        <pt x="1343" y="1356" on="1"/>
+        <pt x="1219" y="1235" on="1"/>
+        <pt x="1215" y="1243" on="0"/>
+        <pt x="1194" y="1270" on="0"/>
+        <pt x="1128" y="1337" on="0"/>
+        <pt x="1053" y="1389" on="0"/>
+        <pt x="928" y="1432" on="0"/>
+        <pt x="860" y="1434" on="1"/>
+        <pt x="770" y="1434" on="0"/>
+        <pt x="590" y="1364" on="0"/>
+        <pt x="418" y="1217" on="0"/>
+        <pt x="309" y="944" on="0"/>
+        <pt x="309" y="764" on="1"/>
+        <pt x="309" y="664" on="0"/>
+        <pt x="369" y="461" on="0"/>
+        <pt x="489" y="272" on="0"/>
+        <pt x="711" y="154" on="0"/>
+        <pt x="854" y="152" on="1"/>
+        <pt x="952" y="152" on="0"/>
+        <pt x="1190" y="260" on="0"/>
+        <pt x="1190" y="319" on="1"/>
+        <pt x="1190" y="625" on="1"/>
+        <pt x="979" y="625" on="1"/>
+        <pt x="870" y="625" on="0"/>
+        <pt x="813" y="655" on="1"/>
+        <pt x="813" y="819" on="1"/>
+        <pt x="887" y="801" on="0"/>
+        <pt x="985" y="801" on="1"/>
+        <pt x="1350" y="801" on="1"/>
+        <pt x="1350" y="311" on="1"/>
+        <pt x="1350" y="176" on="0"/>
+        <pt x="1049" y="-20" on="0"/>
+        <pt x="862" y="-25" on="1"/>
+        <pt x="702" y="-25" on="0"/>
+        <pt x="442" y="78" on="0"/>
+        <pt x="279" y="240" on="0"/>
+        <pt x="168" y="453" on="0"/>
+        <pt x="123" y="660" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="H" xMin="174" yMin="0" xMax="1346" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="1165" y="893" on="1"/>
+        <pt x="1165" y="1577" on="1"/>
+        <pt x="1346" y="1577" on="1"/>
+        <pt x="1346" y="0" on="1"/>
+        <pt x="1165" y="0" on="1"/>
+        <pt x="1165" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="I" xMin="174" yMin="0" xMax="354" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="J" xMin="-20" yMin="-530" xMax="414" yMax="1577">
+      <contour>
+        <pt x="-20" y="-369" on="1"/>
+        <pt x="89" y="-338" on="0"/>
+        <pt x="233" y="-174" on="0"/>
+        <pt x="233" y="-35" on="1"/>
+        <pt x="233" y="1577" on="1"/>
+        <pt x="414" y="1577" on="1"/>
+        <pt x="414" y="-35" on="1"/>
+        <pt x="414" y="-129" on="0"/>
+        <pt x="362" y="-287" on="0"/>
+        <pt x="287" y="-391" on="0"/>
+        <pt x="182" y="-473" on="0"/>
+        <pt x="94" y="-514" on="0"/>
+        <pt x="45" y="-530" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="K" xMin="174" yMin="0" xMax="1225" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="866" on="1"/>
+        <pt x="895" y="1577" on="1"/>
+        <pt x="1122" y="1577" on="1"/>
+        <pt x="532" y="840" on="1"/>
+        <pt x="577" y="834" on="0"/>
+        <pt x="711" y="770" on="0"/>
+        <pt x="750" y="725" on="1"/>
+        <pt x="795" y="680" on="0"/>
+        <pt x="1194" y="39" on="0"/>
+        <pt x="1225" y="4" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="1006" y="0" on="1"/>
+        <pt x="971" y="37" on="0"/>
+        <pt x="664" y="553" on="0"/>
+        <pt x="627" y="592" on="1"/>
+        <pt x="545" y="682" on="0"/>
+        <pt x="442" y="682" on="1"/>
+        <pt x="381" y="682" on="0"/>
+        <pt x="354" y="676" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="L" xMin="174" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="915" y="176" on="1"/>
+        <pt x="1130" y="186" on="1"/>
+        <pt x="1130" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="M" xMin="174" yMin="0" xMax="1569" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="868" y="225" on="1"/>
+        <pt x="870" y="211" on="1"/>
+        <pt x="872" y="225" on="1"/>
+        <pt x="1389" y="1577" on="1"/>
+        <pt x="1569" y="1577" on="1"/>
+        <pt x="1569" y="0" on="1"/>
+        <pt x="1389" y="0" on="1"/>
+        <pt x="1389" y="1106" on="1"/>
+        <pt x="1391" y="1137" on="1"/>
+        <pt x="1382" y="1106" on="1"/>
+        <pt x="958" y="0" on="1"/>
+        <pt x="784" y="0" on="1"/>
+        <pt x="360" y="1106" on="1"/>
+        <pt x="352" y="1137" on="1"/>
+        <pt x="354" y="1106" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="N" xMin="174" yMin="0" xMax="1309" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1575" on="1"/>
+        <pt x="1116" y="336" on="1"/>
+        <pt x="1130" y="307" on="1"/>
+        <pt x="1128" y="336" on="1"/>
+        <pt x="1128" y="1577" on="1"/>
+        <pt x="1309" y="1577" on="1"/>
+        <pt x="1309" y="0" on="1"/>
+        <pt x="1128" y="0" on="1"/>
+        <pt x="1128" y="2" on="1"/>
+        <pt x="367" y="1245" on="1"/>
+        <pt x="352" y="1274" on="1"/>
+        <pt x="354" y="1245" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="O" xMin="123" yMin="-14" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="565" on="0"/>
+        <pt x="123" y="1016" on="0"/>
+        <pt x="233" y="1343" on="0"/>
+        <pt x="428" y="1520" on="0"/>
+        <pt x="649" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="882" y="1595" on="0"/>
+        <pt x="1063" y="1548" on="0"/>
+        <pt x="1235" y="1434" on="0"/>
+        <pt x="1356" y="1255" on="0"/>
+        <pt x="1432" y="975" on="0"/>
+        <pt x="1432" y="795" on="1"/>
+        <pt x="1432" y="568" on="0"/>
+        <pt x="1321" y="240" on="0"/>
+        <pt x="1128" y="63" on="0"/>
+        <pt x="907" y="-14" on="0"/>
+        <pt x="645" y="-14" on="0"/>
+        <pt x="426" y="63" on="0"/>
+        <pt x="233" y="238" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="795" on="1"/>
+        <pt x="303" y="615" on="0"/>
+        <pt x="383" y="354" on="0"/>
+        <pt x="522" y="215" on="0"/>
+        <pt x="682" y="154" on="0"/>
+        <pt x="870" y="154" on="0"/>
+        <pt x="1030" y="215" on="0"/>
+        <pt x="1169" y="352" on="0"/>
+        <pt x="1251" y="612" on="0"/>
+        <pt x="1251" y="791" on="1"/>
+        <pt x="1251" y="967" on="0"/>
+        <pt x="1171" y="1225" on="0"/>
+        <pt x="1032" y="1364" on="0"/>
+        <pt x="874" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1368" on="0"/>
+        <pt x="383" y="1229" on="0"/>
+        <pt x="303" y="973" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="P" xMin="174" yMin="0" xMax="1163" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1454" on="1"/>
+        <pt x="544" y="1597" on="0"/>
+        <pt x="719" y="1597" on="1"/>
+        <pt x="879" y="1591" on="0"/>
+        <pt x="1161" y="1323" on="0"/>
+        <pt x="1163" y="1102" on="1"/>
+        <pt x="1163" y="815" on="0"/>
+        <pt x="887" y="473" on="0"/>
+        <pt x="676" y="473" on="1"/>
+        <pt x="506" y="475" on="0"/>
+        <pt x="354" y="580" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="760" on="1"/>
+        <pt x="520" y="631" on="0"/>
+        <pt x="684" y="629" on="1"/>
+        <pt x="817" y="633" on="0"/>
+        <pt x="991" y="887" on="0"/>
+        <pt x="991" y="1102" on="1"/>
+        <pt x="989" y="1247" on="0"/>
+        <pt x="817" y="1423" on="0"/>
+        <pt x="719" y="1430" on="1"/>
+        <pt x="621" y="1430" on="0"/>
+        <pt x="465" y="1372" on="0"/>
+        <pt x="354" y="1303" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Q" xMin="123" yMin="-270" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="780" on="1"/>
+        <pt x="123" y="962" on="0"/>
+        <pt x="199" y="1249" on="0"/>
+        <pt x="322" y="1432" on="0"/>
+        <pt x="496" y="1550" on="0"/>
+        <pt x="678" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="909" y="1595" on="0"/>
+        <pt x="1130" y="1511" on="0"/>
+        <pt x="1321" y="1333" on="0"/>
+        <pt x="1432" y="1004" on="0"/>
+        <pt x="1432" y="780" on="1"/>
+        <pt x="1432" y="573" on="0"/>
+        <pt x="1337" y="262" on="0"/>
+        <pt x="1169" y="84" on="0"/>
+        <pt x="975" y="-8" on="0"/>
+        <pt x="858" y="-20" on="1"/>
+        <pt x="928" y="-102" on="0"/>
+        <pt x="1090" y="-102" on="1"/>
+        <pt x="1143" y="-102" on="0"/>
+        <pt x="1282" y="-70" on="1"/>
+        <pt x="1331" y="-231" on="1"/>
+        <pt x="1243" y="-270" on="0"/>
+        <pt x="1090" y="-270" on="1"/>
+        <pt x="994" y="-270" on="0"/>
+        <pt x="838" y="-219" on="0"/>
+        <pt x="745" y="-133" on="0"/>
+        <pt x="692" y="-59" on="0"/>
+        <pt x="676" y="-18" on="1"/>
+        <pt x="432" y="11" on="0"/>
+        <pt x="123" y="389" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="784" on="1"/>
+        <pt x="303" y="604" on="0"/>
+        <pt x="383" y="344" on="0"/>
+        <pt x="522" y="205" on="0"/>
+        <pt x="682" y="143" on="0"/>
+        <pt x="870" y="143" on="0"/>
+        <pt x="1030" y="205" on="0"/>
+        <pt x="1169" y="342" on="0"/>
+        <pt x="1251" y="602" on="0"/>
+        <pt x="1251" y="780" on="1"/>
+        <pt x="1251" y="923" on="0"/>
+        <pt x="1198" y="1149" on="0"/>
+        <pt x="1108" y="1292" on="0"/>
+        <pt x="985" y="1389" on="0"/>
+        <pt x="854" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1364" on="0"/>
+        <pt x="385" y="1223" on="0"/>
+        <pt x="303" y="962" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="R" xMin="174" yMin="0" xMax="1319" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="465" y="1532" on="0"/>
+        <pt x="618" y="1597" on="0"/>
+        <pt x="711" y="1597" on="1"/>
+        <pt x="879" y="1593" on="0"/>
+        <pt x="1133" y="1376" on="0"/>
+        <pt x="1133" y="1149" on="1"/>
+        <pt x="1133" y="997" on="0"/>
+        <pt x="1024" y="784" on="0"/>
+        <pt x="877" y="686" on="0"/>
+        <pt x="780" y="666" on="1"/>
+        <pt x="862" y="596" on="0"/>
+        <pt x="1241" y="59" on="0"/>
+        <pt x="1319" y="4" on="1"/>
+        <pt x="1319" y="0" on="1"/>
+        <pt x="1096" y="0" on="1"/>
+        <pt x="1043" y="39" on="0"/>
+        <pt x="881" y="254" on="0"/>
+        <pt x="745" y="461" on="0"/>
+        <pt x="580" y="639" on="0"/>
+        <pt x="514" y="651" on="1"/>
+        <pt x="401" y="651" on="0"/>
+        <pt x="354" y="653" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="799" on="1"/>
+        <pt x="657" y="799" on="1"/>
+        <pt x="778" y="801" on="0"/>
+        <pt x="958" y="961" on="0"/>
+        <pt x="961" y="1149" on="1"/>
+        <pt x="961" y="1288" on="0"/>
+        <pt x="809" y="1425" on="0"/>
+        <pt x="711" y="1430" on="1"/>
+        <pt x="611" y="1430" on="0"/>
+        <pt x="459" y="1376" on="0"/>
+        <pt x="354" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="S" xMin="117" yMin="-23" xMax="1237" yMax="1599">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="320" y="274" on="0"/>
+        <pt x="569" y="145" on="0"/>
+        <pt x="717" y="141" on="1"/>
+        <pt x="860" y="141" on="0"/>
+        <pt x="1065" y="293" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="485" on="0"/>
+        <pt x="1020" y="573" on="0"/>
+        <pt x="965" y="627" on="0"/>
+        <pt x="852" y="680" on="0"/>
+        <pt x="774" y="707" on="0"/>
+        <pt x="705" y="727" on="1"/>
+        <pt x="691" y="731" on="0"/>
+        <pt x="684" y="733" on="1"/>
+        <pt x="590" y="762" on="0"/>
+        <pt x="489" y="797" on="0"/>
+        <pt x="342" y="872" on="0"/>
+        <pt x="266" y="952" on="0"/>
+        <pt x="209" y="1081" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1269" on="0"/>
+        <pt x="281" y="1432" on="0"/>
+        <pt x="385" y="1524" on="0"/>
+        <pt x="520" y="1581" on="0"/>
+        <pt x="629" y="1599" on="0"/>
+        <pt x="680" y="1599" on="1"/>
+        <pt x="830" y="1599" on="0"/>
+        <pt x="1090" y="1497" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="913" y="1435" on="0"/>
+        <pt x="680" y="1436" on="1"/>
+        <pt x="637" y="1436" on="0"/>
+        <pt x="549" y="1413" on="0"/>
+        <pt x="446" y="1360" on="0"/>
+        <pt x="381" y="1245" on="0"/>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1118" on="0"/>
+        <pt x="426" y="1044" on="0"/>
+        <pt x="477" y="999" on="0"/>
+        <pt x="596" y="948" on="0"/>
+        <pt x="657" y="928" on="0"/>
+        <pt x="733" y="905" on="1"/>
+        <pt x="823" y="876" on="0"/>
+        <pt x="936" y="836" on="0"/>
+        <pt x="1087" y="756" on="0"/>
+        <pt x="1174" y="664" on="0"/>
+        <pt x="1237" y="520" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="215" on="0"/>
+        <pt x="930" y="-23" on="0"/>
+        <pt x="713" y="-23" on="1"/>
+        <pt x="316" y="-10" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="T" xMin="20" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="20" y="1421" on="1"/>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="1130" y="1577" on="1"/>
+        <pt x="1130" y="1421" on="1"/>
+        <pt x="662" y="1421" on="1"/>
+        <pt x="662" y="0" on="1"/>
+        <pt x="481" y="0" on="1"/>
+        <pt x="481" y="1421" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="U" xMin="174" yMin="-25" xMax="1286" yMax="1577">
+      <contour>
+        <pt x="174" y="489" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="494" on="1"/>
+        <pt x="354" y="400" on="0"/>
+        <pt x="412" y="262" on="0"/>
+        <pt x="494" y="188" on="0"/>
+        <pt x="604" y="143" on="0"/>
+        <pt x="688" y="133" on="0"/>
+        <pt x="774" y="133" on="0"/>
+        <pt x="856" y="143" on="0"/>
+        <pt x="967" y="188" on="0"/>
+        <pt x="1047" y="260" on="0"/>
+        <pt x="1106" y="397" on="0"/>
+        <pt x="1106" y="489" on="1"/>
+        <pt x="1106" y="1577" on="1"/>
+        <pt x="1286" y="1577" on="1"/>
+        <pt x="1286" y="489" on="1"/>
+        <pt x="1286" y="356" on="0"/>
+        <pt x="1200" y="158" on="0"/>
+        <pt x="1081" y="53" on="0"/>
+        <pt x="918" y="-8" on="0"/>
+        <pt x="795" y="-25" on="0"/>
+        <pt x="731" y="-25" on="1"/>
+        <pt x="665" y="-25" on="0"/>
+        <pt x="545" y="-8" on="0"/>
+        <pt x="379" y="53" on="0"/>
+        <pt x="260" y="158" on="0"/>
+        <pt x="174" y="356" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="V" xMin="61" yMin="0" xMax="1372" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="252" y="1577" on="1"/>
+        <pt x="711" y="281" on="1"/>
+        <pt x="717" y="254" on="1"/>
+        <pt x="723" y="281" on="1"/>
+        <pt x="1182" y="1577" on="1"/>
+        <pt x="1372" y="1577" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="623" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="W" xMin="61" yMin="0" xMax="1958" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="250" y="1577" on="1"/>
+        <pt x="578" y="307" on="1"/>
+        <pt x="582" y="283" on="1"/>
+        <pt x="586" y="307" on="1"/>
+        <pt x="913" y="1577" on="1"/>
+        <pt x="1104" y="1577" on="1"/>
+        <pt x="1432" y="307" on="1"/>
+        <pt x="1436" y="283" on="1"/>
+        <pt x="1440" y="307" on="1"/>
+        <pt x="1767" y="1577" on="1"/>
+        <pt x="1958" y="1577" on="1"/>
+        <pt x="1511" y="0" on="1"/>
+        <pt x="1362" y="0" on="1"/>
+        <pt x="1014" y="1217" on="1"/>
+        <pt x="1008" y="1253" on="1"/>
+        <pt x="1001" y="1217" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="508" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="X" xMin="61" yMin="0" xMax="1284" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="561" y="786" on="1"/>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="281" y="1577" on="1"/>
+        <pt x="672" y="961" on="1"/>
+        <pt x="1065" y="1577" on="1"/>
+        <pt x="1284" y="1577" on="1"/>
+        <pt x="782" y="786" on="1"/>
+        <pt x="1284" y="0" on="1"/>
+        <pt x="1063" y="0" on="1"/>
+        <pt x="672" y="612" on="1"/>
+        <pt x="283" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Y" xMin="20" yMin="0" xMax="1243" yMax="1577">
+      <contour>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="238" y="1577" on="1"/>
+        <pt x="635" y="950" on="1"/>
+        <pt x="1034" y="1577" on="1"/>
+        <pt x="1243" y="1577" on="1"/>
+        <pt x="723" y="756" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="545" y="0" on="1"/>
+        <pt x="545" y="756" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Z" xMin="104" yMin="0" xMax="1155" yMax="1577">
+      <contour>
+        <pt x="104" y="0" on="1"/>
+        <pt x="104" y="168" on="1"/>
+        <pt x="893" y="1409" on="1"/>
+        <pt x="125" y="1409" on="1"/>
+        <pt x="125" y="1577" on="1"/>
+        <pt x="1112" y="1577" on="1"/>
+        <pt x="1112" y="1413" on="1"/>
+        <pt x="324" y="168" on="1"/>
+        <pt x="918" y="168" on="1"/>
+        <pt x="941" y="167" on="0"/>
+        <pt x="962" y="167" on="1"/>
+        <pt x="1116" y="167" on="0"/>
+        <pt x="1155" y="207" on="1"/>
+        <pt x="1155" y="33" on="1"/>
+        <pt x="1137" y="17" on="0"/>
+        <pt x="1016" y="0" on="0"/>
+        <pt x="965" y="0" on="1"/>
+        <pt x="913" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="a" xMin="123" yMin="-25" xMax="1083" yMax="1151">
+      <contour>
+        <pt x="123" y="283" on="1"/>
+        <pt x="123" y="355" on="0"/>
+        <pt x="152" y="459" on="0"/>
+        <pt x="229" y="561" on="0"/>
+        <pt x="393" y="633" on="0"/>
+        <pt x="518" y="651" on="1"/>
+        <pt x="731" y="680" on="0"/>
+        <pt x="803" y="698" on="1"/>
+        <pt x="803" y="827" on="1"/>
+        <pt x="803" y="878" on="0"/>
+        <pt x="739" y="1010" on="0"/>
+        <pt x="676" y="1010" on="1"/>
+        <pt x="457" y="1010" on="0"/>
+        <pt x="332" y="903" on="1"/>
+        <pt x="314" y="883" on="0"/>
+        <pt x="317" y="844" on="0"/>
+        <pt x="332" y="829" on="1"/>
+        <pt x="168" y="799" on="1"/>
+        <pt x="148" y="825" on="0"/>
+        <pt x="148" y="863" on="1"/>
+        <pt x="148" y="887" on="0"/>
+        <pt x="156" y="915" on="1"/>
+        <pt x="176" y="989" on="0"/>
+        <pt x="248" y="1030" on="1"/>
+        <pt x="466" y="1151" on="0"/>
+        <pt x="693" y="1151" on="1"/>
+        <pt x="697" y="1151" on="0"/>
+        <pt x="700" y="1151" on="1"/>
+        <pt x="800" y="1151" on="0"/>
+        <pt x="930" y="1028" on="0"/>
+        <pt x="969" y="893" on="0"/>
+        <pt x="969" y="827" on="1"/>
+        <pt x="969" y="272" on="1"/>
+        <pt x="969" y="256" on="0"/>
+        <pt x="977" y="207" on="0"/>
+        <pt x="1034" y="109" on="0"/>
+        <pt x="1083" y="78" on="1"/>
+        <pt x="973" y="-25" on="1"/>
+        <pt x="854" y="22" on="0"/>
+        <pt x="815" y="174" on="1"/>
+        <pt x="629" y="-25" on="0"/>
+        <pt x="430" y="-25" on="1"/>
+        <pt x="410" y="-25" on="0"/>
+        <pt x="352" y="-16" on="0"/>
+        <pt x="256" y="20" on="0"/>
+        <pt x="180" y="82" on="0"/>
+        <pt x="123" y="203" on="0"/>
+      </contour>
+      <contour>
+        <pt x="293" y="283" on="1"/>
+        <pt x="293" y="234" on="0"/>
+        <pt x="328" y="162" on="0"/>
+        <pt x="377" y="131" on="0"/>
+        <pt x="412" y="119" on="0"/>
+        <pt x="424" y="119" on="1"/>
+        <pt x="528" y="119" on="0"/>
+        <pt x="729" y="252" on="0"/>
+        <pt x="803" y="344" on="1"/>
+        <pt x="803" y="551" on="1"/>
+        <pt x="703" y="531" on="0"/>
+        <pt x="537" y="508" on="1"/>
+        <pt x="385" y="488" on="0"/>
+        <pt x="293" y="379" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="ampersand" xMin="123" yMin="-14" xMax="1690" yMax="1577">
+      <contour>
+        <pt x="123" y="410" on="1"/>
+        <pt x="123" y="560" on="0"/>
+        <pt x="313" y="768" on="0"/>
+        <pt x="485" y="864" on="1"/>
+        <pt x="381" y="979" on="0"/>
+        <pt x="274" y="1155" on="0"/>
+        <pt x="274" y="1241" on="1"/>
+        <pt x="274" y="1333" on="0"/>
+        <pt x="350" y="1468" on="0"/>
+        <pt x="481" y="1542" on="0"/>
+        <pt x="627" y="1577" on="0"/>
+        <pt x="709" y="1577" on="1"/>
+        <pt x="887" y="1577" on="0"/>
+        <pt x="1135" y="1417" on="0"/>
+        <pt x="1135" y="1241" on="1"/>
+        <pt x="1135" y="1120" on="0"/>
+        <pt x="930" y="942" on="0"/>
+        <pt x="737" y="844" on="1"/>
+        <pt x="1114" y="440" on="1"/>
+        <pt x="1145" y="487" on="0"/>
+        <pt x="1172" y="542" on="1"/>
+        <pt x="1241" y="680" on="1"/>
+        <pt x="1296" y="793" on="1"/>
+        <pt x="1423" y="715" on="1"/>
+        <pt x="1261" y="391" on="0"/>
+        <pt x="1223" y="328" on="1"/>
+        <pt x="1405" y="148" on="0"/>
+        <pt x="1434" y="154" on="1"/>
+        <pt x="1471" y="154" on="0"/>
+        <pt x="1503" y="160" on="0"/>
+        <pt x="1554" y="213" on="0"/>
+        <pt x="1579" y="268" on="1"/>
+        <pt x="1690" y="203" on="1"/>
+        <pt x="1655" y="125" on="0"/>
+        <pt x="1593" y="33" on="0"/>
+        <pt x="1522" y="-2" on="0"/>
+        <pt x="1479" y="-10" on="0"/>
+        <pt x="1434" y="-10" on="1"/>
+        <pt x="1362" y="-18" on="0"/>
+        <pt x="1128" y="197" on="1"/>
+        <pt x="944" y="-14" on="0"/>
+        <pt x="637" y="-14" on="1"/>
+        <pt x="578" y="-14" on="0"/>
+        <pt x="416" y="33" on="0"/>
+        <pt x="242" y="127" on="0"/>
+        <pt x="123" y="301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="410" on="1"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="432" y="205" on="0"/>
+        <pt x="580" y="158" on="0"/>
+        <pt x="637" y="158" on="1"/>
+        <pt x="864" y="160" on="0"/>
+        <pt x="1014" y="309" on="1"/>
+        <pt x="582" y="764" on="1"/>
+        <pt x="447" y="690" on="0"/>
+        <pt x="295" y="523" on="0"/>
+      </contour>
+      <contour>
+        <pt x="446" y="1241" on="1"/>
+        <pt x="446" y="1151" on="0"/>
+        <pt x="641" y="946" on="1"/>
+        <pt x="741" y="997" on="0"/>
+        <pt x="862" y="1071" on="0"/>
+        <pt x="963" y="1184" on="0"/>
+        <pt x="963" y="1241" on="1"/>
+        <pt x="963" y="1354" on="0"/>
+        <pt x="815" y="1454" on="0"/>
+        <pt x="709" y="1454" on="1"/>
+        <pt x="600" y="1454" on="0"/>
+        <pt x="446" y="1352" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciicircum" xMin="82" yMin="0" xMax="1257" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="596" y="1126" on="1"/>
+        <pt x="743" y="1126" on="1"/>
+        <pt x="1257" y="0" on="1"/>
+        <pt x="1110" y="0" on="1"/>
+        <pt x="670" y="965" on="1"/>
+        <pt x="229" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciitilde" xMin="123" yMin="535" xMax="1227" yMax="782">
+      <contour>
+        <pt x="123" y="709" on="1"/>
+        <pt x="133" y="717" on="0"/>
+        <pt x="176" y="741" on="0"/>
+        <pt x="332" y="782" on="0"/>
+        <pt x="422" y="782" on="1"/>
+        <pt x="504" y="782" on="0"/>
+        <pt x="678" y="719" on="1"/>
+        <pt x="854" y="658" on="0"/>
+        <pt x="940" y="657" on="1"/>
+        <pt x="1012" y="657" on="0"/>
+        <pt x="1128" y="680" on="0"/>
+        <pt x="1151" y="692" on="1"/>
+        <pt x="1174" y="705" on="1"/>
+        <pt x="1227" y="602" on="1"/>
+        <pt x="1121" y="534" on="0"/>
+        <pt x="940" y="535" on="1"/>
+        <pt x="846" y="535" on="0"/>
+        <pt x="645" y="604" on="1"/>
+        <pt x="491" y="659" on="0"/>
+        <pt x="422" y="659" on="1"/>
+        <pt x="344" y="659" on="0"/>
+        <pt x="225" y="635" on="0"/>
+        <pt x="205" y="623" on="1"/>
+        <pt x="184" y="610" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asterisk" xMin="100" yMin="567" xMax="1165" yMax="1577">
+      <contour>
+        <pt x="100" y="1161" on="1"/>
+        <pt x="152" y="1294" on="1"/>
+        <pt x="565" y="1128" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="705" y="1577" on="1"/>
+        <pt x="700" y="1128" on="1"/>
+        <pt x="1114" y="1294" on="1"/>
+        <pt x="1165" y="1161" on="1"/>
+        <pt x="741" y="995" on="1"/>
+        <pt x="1036" y="668" on="1"/>
+        <pt x="918" y="567" on="1"/>
+        <pt x="633" y="920" on="1"/>
+        <pt x="350" y="567" on="1"/>
+        <pt x="227" y="668" on="1"/>
+        <pt x="522" y="995" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="at" xMin="123" yMin="-403" xMax="2073" yMax="1577">
+      <contour>
+        <pt x="123" y="535" on="1"/>
+        <pt x="123" y="801" on="0"/>
+        <pt x="406" y="1284" on="0"/>
+        <pt x="879" y="1577" on="0"/>
+        <pt x="1145" y="1577" on="1"/>
+        <pt x="1360" y="1577" on="0"/>
+        <pt x="1720" y="1425" on="0"/>
+        <pt x="1948" y="1178" on="0"/>
+        <pt x="2073" y="872" on="0"/>
+        <pt x="2073" y="713" on="1"/>
+        <pt x="2073" y="555" on="0"/>
+        <pt x="1964" y="305" on="0"/>
+        <pt x="1806" y="164" on="0"/>
+        <pt x="1614" y="70" on="0"/>
+        <pt x="1466" y="39" on="0"/>
+        <pt x="1411" y="39" on="1"/>
+        <pt x="1245" y="39" on="0"/>
+        <pt x="1284" y="221" on="1"/>
+        <pt x="1075" y="37" on="0"/>
+        <pt x="872" y="39" on="1"/>
+        <pt x="596" y="41" on="0"/>
+        <pt x="596" y="422" on="1"/>
+        <pt x="596" y="584" on="0"/>
+        <pt x="709" y="877" on="0"/>
+        <pt x="879" y="1071" on="0"/>
+        <pt x="1075" y="1186" on="0"/>
+        <pt x="1161" y="1186" on="1"/>
+        <pt x="1351" y="1186" on="0"/>
+        <pt x="1458" y="1022" on="1"/>
+        <pt x="1487" y="1143" on="1"/>
+        <pt x="1647" y="1106" on="1"/>
+        <pt x="1438" y="178" on="0"/>
+        <pt x="1438" y="168" on="1"/>
+        <pt x="1444" y="162" on="0"/>
+        <pt x="1546" y="182" on="0"/>
+        <pt x="1690" y="254" on="0"/>
+        <pt x="1825" y="371" on="0"/>
+        <pt x="1915" y="582" on="0"/>
+        <pt x="1909" y="713" on="1"/>
+        <pt x="1909" y="840" on="0"/>
+        <pt x="1806" y="1085" on="0"/>
+        <pt x="1618" y="1288" on="0"/>
+        <pt x="1321" y="1413" on="0"/>
+        <pt x="1145" y="1413" on="1"/>
+        <pt x="924" y="1413" on="0"/>
+        <pt x="524" y="1163" on="0"/>
+        <pt x="287" y="756" on="0"/>
+        <pt x="287" y="535" on="1"/>
+        <pt x="287" y="205" on="0"/>
+        <pt x="797" y="-240" on="0"/>
+        <pt x="1145" y="-240" on="1"/>
+        <pt x="1327" y="-240" on="0"/>
+        <pt x="1606" y="-143" on="0"/>
+        <pt x="1808" y="25" on="1"/>
+        <pt x="1911" y="-102" on="1"/>
+        <pt x="1680" y="-292" on="0"/>
+        <pt x="1358" y="-403" on="0"/>
+        <pt x="1145" y="-403" on="1"/>
+        <pt x="875" y="-403" on="0"/>
+        <pt x="408" y="-164" on="0"/>
+        <pt x="123" y="271" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="422" on="1"/>
+        <pt x="760" y="168" on="0"/>
+        <pt x="872" y="162" on="1"/>
+        <pt x="950" y="160" on="0"/>
+        <pt x="1114" y="242" on="0"/>
+        <pt x="1245" y="371" on="0"/>
+        <pt x="1315" y="453" on="0"/>
+        <pt x="1341" y="489" on="1"/>
+        <pt x="1417" y="834" on="1"/>
+        <pt x="1362" y="969" on="0"/>
+        <pt x="1237" y="1063" on="0"/>
+        <pt x="1161" y="1063" on="1"/>
+        <pt x="1026" y="1063" on="0"/>
+        <pt x="760" y="686" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="b" xMin="174" yMin="-25" xMax="1169" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="backslash" xMin="51" yMin="-532" xMax="854" yMax="1577">
+      <contour>
+        <pt x="51" y="1577" on="1"/>
+        <pt x="221" y="1577" on="1"/>
+        <pt x="854" y="-532" on="1"/>
+        <pt x="684" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bar" xMin="174" yMin="-532" xMax="330" yMax="1700">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1700" on="1"/>
+        <pt x="330" y="1700" on="1"/>
+        <pt x="330" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceleft" xMin="164" yMin="-545" xMax="819" yMax="1700">
+      <contour>
+        <pt x="164" y="526" on="1"/>
+        <pt x="164" y="629" on="1"/>
+        <pt x="252" y="629" on="0"/>
+        <pt x="350" y="705" on="0"/>
+        <pt x="356" y="741" on="1"/>
+        <pt x="360" y="778" on="1"/>
+        <pt x="360" y="1389" on="1"/>
+        <pt x="360" y="1436" on="0"/>
+        <pt x="379" y="1530" on="0"/>
+        <pt x="422" y="1634" on="0"/>
+        <pt x="516" y="1700" on="0"/>
+        <pt x="582" y="1700" on="1"/>
+        <pt x="641" y="1700" on="0"/>
+        <pt x="760" y="1667" on="0"/>
+        <pt x="791" y="1651" on="1"/>
+        <pt x="819" y="1632" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="705" y="1528" on="0"/>
+        <pt x="582" y="1528" on="1"/>
+        <pt x="533" y="1528" on="0"/>
+        <pt x="532" y="1389" on="1"/>
+        <pt x="532" y="776" on="1"/>
+        <pt x="532" y="770" on="0"/>
+        <pt x="530" y="750" on="0"/>
+        <pt x="514" y="700" on="0"/>
+        <pt x="489" y="653" on="0"/>
+        <pt x="436" y="598" on="0"/>
+        <pt x="401" y="578" on="1"/>
+        <pt x="438" y="558" on="0"/>
+        <pt x="492" y="502" on="0"/>
+        <pt x="516" y="457" on="0"/>
+        <pt x="530" y="406" on="0"/>
+        <pt x="532" y="385" on="0"/>
+        <pt x="532" y="379" on="1"/>
+        <pt x="532" y="-233" on="1"/>
+        <pt x="532" y="-372" on="0"/>
+        <pt x="582" y="-373" on="1"/>
+        <pt x="637" y="-373" on="0"/>
+        <pt x="727" y="-352" on="0"/>
+        <pt x="745" y="-344" on="1"/>
+        <pt x="762" y="-334" on="1"/>
+        <pt x="819" y="-477" on="1"/>
+        <pt x="717" y="-545" on="0"/>
+        <pt x="582" y="-545" on="1"/>
+        <pt x="516" y="-545" on="0"/>
+        <pt x="422" y="-479" on="0"/>
+        <pt x="379" y="-375" on="0"/>
+        <pt x="360" y="-281" on="0"/>
+        <pt x="360" y="-233" on="1"/>
+        <pt x="360" y="377" on="1"/>
+        <pt x="360" y="383" on="0"/>
+        <pt x="358" y="403" on="0"/>
+        <pt x="336" y="455" on="0"/>
+        <pt x="299" y="494" on="0"/>
+        <pt x="219" y="526" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceright" xMin="143" yMin="-545" xMax="799" yMax="1700">
+      <contour>
+        <pt x="143" y="-477" on="1"/>
+        <pt x="201" y="-334" on="1"/>
+        <pt x="258" y="-373" on="0"/>
+        <pt x="381" y="-373" on="1"/>
+        <pt x="430" y="-373" on="0"/>
+        <pt x="430" y="-233" on="1"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="391" on="0"/>
+        <pt x="438" y="438" on="0"/>
+        <pt x="502" y="545" on="0"/>
+        <pt x="559" y="578" on="1"/>
+        <pt x="502" y="611" on="0"/>
+        <pt x="438" y="711" on="0"/>
+        <pt x="430" y="760" on="0"/>
+        <pt x="430" y="776" on="1"/>
+        <pt x="430" y="1389" on="1"/>
+        <pt x="430" y="1528" on="0"/>
+        <pt x="381" y="1528" on="1"/>
+        <pt x="326" y="1528" on="0"/>
+        <pt x="236" y="1507" on="0"/>
+        <pt x="217" y="1499" on="1"/>
+        <pt x="201" y="1489" on="1"/>
+        <pt x="143" y="1632" on="1"/>
+        <pt x="245" y="1700" on="0"/>
+        <pt x="381" y="1700" on="1"/>
+        <pt x="447" y="1700" on="0"/>
+        <pt x="541" y="1634" on="0"/>
+        <pt x="584" y="1530" on="0"/>
+        <pt x="602" y="1436" on="0"/>
+        <pt x="602" y="1389" on="1"/>
+        <pt x="602" y="778" on="1"/>
+        <pt x="602" y="772" on="0"/>
+        <pt x="604" y="752" on="0"/>
+        <pt x="625" y="700" on="0"/>
+        <pt x="662" y="662" on="0"/>
+        <pt x="743" y="629" on="0"/>
+        <pt x="799" y="629" on="1"/>
+        <pt x="799" y="526" on="1"/>
+        <pt x="746" y="526" on="0"/>
+        <pt x="666" y="498" on="0"/>
+        <pt x="629" y="459" on="0"/>
+        <pt x="606" y="410" on="0"/>
+        <pt x="602" y="387" on="0"/>
+        <pt x="602" y="379" on="1"/>
+        <pt x="602" y="-233" on="1"/>
+        <pt x="602" y="-280" on="0"/>
+        <pt x="584" y="-375" on="0"/>
+        <pt x="541" y="-479" on="0"/>
+        <pt x="446" y="-545" on="0"/>
+        <pt x="381" y="-545" on="1"/>
+        <pt x="322" y="-545" on="0"/>
+        <pt x="203" y="-512" on="0"/>
+        <pt x="172" y="-496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketleft" xMin="174" yMin="-532" xMax="592" yMax="1577">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="592" y="1577" on="1"/>
+        <pt x="592" y="1454" on="1"/>
+        <pt x="346" y="1454" on="1"/>
+        <pt x="346" y="-410" on="1"/>
+        <pt x="592" y="-410" on="1"/>
+        <pt x="592" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketright" xMin="143" yMin="-532" xMax="561" yMax="1577">
+      <contour>
+        <pt x="143" y="-410" on="1"/>
+        <pt x="389" y="-410" on="1"/>
+        <pt x="389" y="1454" on="1"/>
+        <pt x="143" y="1454" on="1"/>
+        <pt x="143" y="1577" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="561" y="-532" on="1"/>
+        <pt x="143" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="c" xMin="113" yMin="-25" xMax="963" yMax="1151">
+      <contour>
+        <pt x="113" y="543" on="1"/>
+        <pt x="113" y="838" on="0"/>
+        <pt x="262" y="997" on="1"/>
+        <pt x="406" y="1151" on="0"/>
+        <pt x="582" y="1151" on="1"/>
+        <pt x="589" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="662" y="1149" on="0"/>
+        <pt x="780" y="1110" on="0"/>
+        <pt x="856" y="1057" on="0"/>
+        <pt x="915" y="1006" on="0"/>
+        <pt x="930" y="987" on="1"/>
+        <pt x="942" y="971" on="1"/>
+        <pt x="834" y="868" on="1"/>
+        <pt x="832" y="872" on="0"/>
+        <pt x="819" y="889" on="0"/>
+        <pt x="778" y="928" on="0"/>
+        <pt x="727" y="958" on="0"/>
+        <pt x="641" y="985" on="0"/>
+        <pt x="592" y="987" on="1"/>
+        <pt x="588" y="987" on="0"/>
+        <pt x="584" y="987" on="1"/>
+        <pt x="470" y="987" on="0"/>
+        <pt x="379" y="874" on="1"/>
+        <pt x="285" y="757" on="0"/>
+        <pt x="285" y="543" on="1"/>
+        <pt x="285" y="371" on="0"/>
+        <pt x="449" y="139" on="0"/>
+        <pt x="582" y="139" on="1"/>
+        <pt x="633" y="139" on="0"/>
+        <pt x="694" y="147" on="0"/>
+        <pt x="799" y="203" on="0"/>
+        <pt x="856" y="256" on="1"/>
+        <pt x="963" y="154" on="1"/>
+        <pt x="881" y="72" on="0"/>
+        <pt x="733" y="-12" on="0"/>
+        <pt x="649" y="-25" on="0"/>
+        <pt x="582" y="-25" on="1"/>
+        <pt x="373" y="-25" on="0"/>
+        <pt x="113" y="299" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="colon" xMin="143" yMin="-14" xMax="371" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="307" y="213" on="0"/>
+        <pt x="371" y="150" on="0"/>
+        <pt x="371" y="51" on="0"/>
+        <pt x="307" y="-14" on="0"/>
+        <pt x="209" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="comma" xMin="82" yMin="-287" xMax="322" yMax="213">
+      <contour>
+        <pt x="82" y="51" on="0"/>
+        <pt x="82" y="150" on="0"/>
+        <pt x="147" y="213" on="0"/>
+        <pt x="197" y="213" on="1"/>
+        <pt x="258" y="213" on="0"/>
+        <pt x="322" y="113" on="0"/>
+        <pt x="322" y="45" on="1"/>
+        <pt x="320" y="-102" on="0"/>
+        <pt x="170" y="-287" on="1"/>
+        <pt x="84" y="-258" on="1"/>
+        <pt x="186" y="-131" on="0"/>
+        <pt x="205" y="-14" on="1"/>
+        <pt x="150" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="d" xMin="123" yMin="-25" xMax="1251" yMax="1679">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1679" on="1"/>
+        <pt x="1118" y="1679" on="1"/>
+        <pt x="1118" y="270" on="1"/>
+        <pt x="1120" y="254" on="0"/>
+        <pt x="1130" y="207" on="0"/>
+        <pt x="1198" y="100" on="0"/>
+        <pt x="1251" y="74" on="1"/>
+        <pt x="1110" y="-25" on="1"/>
+        <pt x="967" y="53" on="0"/>
+        <pt x="946" y="217" on="1"/>
+        <pt x="757" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="dollar" xMin="117" yMin="-139" xMax="1237" yMax="1722">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="373" y="186" on="0"/>
+        <pt x="629" y="147" on="1"/>
+        <pt x="629" y="754" on="1"/>
+        <pt x="551" y="779" on="0"/>
+        <pt x="449" y="817" on="0"/>
+        <pt x="328" y="887" on="0"/>
+        <pt x="258" y="967" on="0"/>
+        <pt x="209" y="1087" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1280" on="0"/>
+        <pt x="293" y="1454" on="0"/>
+        <pt x="428" y="1546" on="0"/>
+        <pt x="559" y="1591" on="0"/>
+        <pt x="629" y="1597" on="1"/>
+        <pt x="629" y="1722" on="1"/>
+        <pt x="760" y="1722" on="1"/>
+        <pt x="760" y="1595" on="1"/>
+        <pt x="1020" y="1570" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="938" y="1407" on="0"/>
+        <pt x="760" y="1430" on="1"/>
+        <pt x="760" y="893" on="1"/>
+        <pt x="869" y="858" on="0"/>
+        <pt x="1004" y="801" on="0"/>
+        <pt x="1159" y="694" on="0"/>
+        <pt x="1237" y="537" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="227" on="0"/>
+        <pt x="961" y="-8" on="0"/>
+        <pt x="760" y="-20" on="1"/>
+        <pt x="760" y="-139" on="1"/>
+        <pt x="629" y="-139" on="1"/>
+        <pt x="629" y="-16" on="1"/>
+        <pt x="293" y="23" on="0"/>
+      </contour>
+      <contour>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1077" on="0"/>
+        <pt x="510" y="973" on="0"/>
+        <pt x="629" y="934" on="1"/>
+        <pt x="629" y="1432" on="1"/>
+        <pt x="531" y="1418" on="0"/>
+        <pt x="381" y="1294" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="143" on="1"/>
+        <pt x="889" y="155" on="0"/>
+        <pt x="1065" y="305" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="545" on="0"/>
+        <pt x="907" y="666" on="0"/>
+        <pt x="760" y="713" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="e" xMin="113" yMin="-25" xMax="1059" yMax="1151">
+      <contour>
+        <pt x="113" y="309" on="0"/>
+        <pt x="113" y="793" on="0"/>
+        <pt x="389" y="1151" on="0"/>
+        <pt x="598" y="1151" on="1"/>
+        <pt x="717" y="1151" on="0"/>
+        <pt x="897" y="1059" on="0"/>
+        <pt x="989" y="936" on="0"/>
+        <pt x="1044" y="780" on="0"/>
+        <pt x="1059" y="682" on="0"/>
+        <pt x="1059" y="647" on="1"/>
+        <pt x="1059" y="571" on="1"/>
+        <pt x="285" y="571" on="1"/>
+        <pt x="285" y="378" on="0"/>
+        <pt x="455" y="127" on="0"/>
+        <pt x="606" y="127" on="1"/>
+        <pt x="721" y="127" on="0"/>
+        <pt x="801" y="176" on="1"/>
+        <pt x="881" y="223" on="0"/>
+        <pt x="954" y="322" on="1"/>
+        <pt x="1059" y="221" on="1"/>
+        <pt x="987" y="133" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="717" y="-16" on="0"/>
+        <pt x="657" y="-25" on="0"/>
+        <pt x="606" y="-25" on="1"/>
+        <pt x="379" y="-25" on="0"/>
+      </contour>
+      <contour>
+        <pt x="309" y="723" on="1"/>
+        <pt x="879" y="723" on="1"/>
+        <pt x="869" y="770" on="0"/>
+        <pt x="834" y="854" on="0"/>
+        <pt x="772" y="944" on="0"/>
+        <pt x="666" y="999" on="0"/>
+        <pt x="598" y="999" on="1"/>
+        <pt x="498" y="999" on="0"/>
+        <pt x="344" y="846" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="eight" xMin="133" yMin="-23" xMax="1083" yMax="1599">
+      <contour>
+        <pt x="133" y="350" on="1"/>
+        <pt x="135" y="493" on="0"/>
+        <pt x="326" y="733" on="0"/>
+        <pt x="455" y="821" on="1"/>
+        <pt x="174" y="1044" on="0"/>
+        <pt x="174" y="1260" on="1"/>
+        <pt x="174" y="1352" on="0"/>
+        <pt x="250" y="1489" on="0"/>
+        <pt x="381" y="1565" on="0"/>
+        <pt x="526" y="1599" on="0"/>
+        <pt x="690" y="1599" on="0"/>
+        <pt x="836" y="1565" on="0"/>
+        <pt x="967" y="1489" on="0"/>
+        <pt x="1042" y="1352" on="0"/>
+        <pt x="1042" y="1260" on="1"/>
+        <pt x="1042" y="1117" on="0"/>
+        <pt x="846" y="893" on="0"/>
+        <pt x="723" y="819" on="1"/>
+        <pt x="809" y="756" on="0"/>
+        <pt x="911" y="670" on="0"/>
+        <pt x="1028" y="547" on="0"/>
+        <pt x="1083" y="420" on="0"/>
+        <pt x="1083" y="350" on="1"/>
+        <pt x="1083" y="272" on="0"/>
+        <pt x="1034" y="147" on="0"/>
+        <pt x="965" y="72" on="0"/>
+        <pt x="860" y="16" on="0"/>
+        <pt x="778" y="-8" on="0"/>
+        <pt x="674" y="-23" on="0"/>
+        <pt x="654" y="-23" on="1"/>
+        <pt x="612" y="-23" on="1"/>
+        <pt x="608" y="-23" on="1"/>
+        <pt x="572" y="-23" on="1"/>
+        <pt x="559" y="-23" on="0"/>
+        <pt x="449" y="-10" on="0"/>
+        <pt x="369" y="14" on="0"/>
+        <pt x="258" y="70" on="0"/>
+        <pt x="186" y="145" on="0"/>
+        <pt x="133" y="272" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="350" on="1"/>
+        <pt x="307" y="295" on="0"/>
+        <pt x="346" y="209" on="0"/>
+        <pt x="418" y="162" on="0"/>
+        <pt x="481" y="131" on="0"/>
+        <pt x="524" y="127" on="1"/>
+        <pt x="579" y="122" on="1"/>
+        <pt x="590" y="121" on="0"/>
+        <pt x="608" y="121" on="1"/>
+        <pt x="610" y="121" on="1"/>
+        <pt x="633" y="121" on="0"/>
+        <pt x="678" y="123" on="0"/>
+        <pt x="778" y="147" on="0"/>
+        <pt x="850" y="190" on="0"/>
+        <pt x="909" y="285" on="0"/>
+        <pt x="909" y="350" on="1"/>
+        <pt x="909" y="436" on="0"/>
+        <pt x="737" y="612" on="0"/>
+        <pt x="569" y="733" on="1"/>
+        <pt x="321" y="573" on="0"/>
+      </contour>
+      <contour>
+        <pt x="348" y="1260" on="1"/>
+        <pt x="348" y="1170" on="0"/>
+        <pt x="483" y="1001" on="0"/>
+        <pt x="604" y="907" on="1"/>
+        <pt x="657" y="936" on="0"/>
+        <pt x="762" y="1014" on="0"/>
+        <pt x="868" y="1174" on="0"/>
+        <pt x="868" y="1260" on="1"/>
+        <pt x="868" y="1371" on="0"/>
+        <pt x="717" y="1468" on="0"/>
+        <pt x="500" y="1468" on="0"/>
+        <pt x="348" y="1371" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="emdash" xMin="82" yMin="498" xMax="1477" yMax="631">
+      <contour>
+        <pt x="82" y="498" on="1"/>
+        <pt x="82" y="631" on="1"/>
+        <pt x="1477" y="631" on="1"/>
+        <pt x="1477" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="endash" xMin="61" yMin="498" xMax="1190" yMax="631">
+      <contour>
+        <pt x="61" y="498" on="1"/>
+        <pt x="61" y="631" on="1"/>
+        <pt x="1190" y="631" on="1"/>
+        <pt x="1190" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="equal" xMin="133" yMin="344" xMax="1262" yMax="809">
+      <contour>
+        <pt x="133" y="344" on="1"/>
+        <pt x="133" y="481" on="1"/>
+        <pt x="1262" y="481" on="1"/>
+        <pt x="1262" y="344" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="672" on="1"/>
+        <pt x="133" y="809" on="1"/>
+        <pt x="1262" y="809" on="1"/>
+        <pt x="1262" y="672" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="exclam" xMin="174" yMin="-14" xMax="401" yMax="1679">
+      <contour>
+        <pt x="174" y="51" on="0"/>
+        <pt x="174" y="150" on="0"/>
+        <pt x="240" y="213" on="0"/>
+        <pt x="338" y="213" on="0"/>
+        <pt x="401" y="150" on="0"/>
+        <pt x="401" y="51" on="0"/>
+        <pt x="338" y="-14" on="0"/>
+        <pt x="240" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="195" y="1679" on="1"/>
+        <pt x="383" y="1679" on="1"/>
+        <pt x="356" y="377" on="1"/>
+        <pt x="221" y="377" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="f" xMin="61" yMin="0" xMax="887" yMax="1690">
+      <contour>
+        <pt x="61" y="983" on="1"/>
+        <pt x="61" y="1126" on="1"/>
+        <pt x="207" y="1126" on="1"/>
+        <pt x="207" y="1323" on="1"/>
+        <pt x="207" y="1690" on="0"/>
+        <pt x="524" y="1690" on="1"/>
+        <pt x="731" y="1690" on="0"/>
+        <pt x="887" y="1561" on="1"/>
+        <pt x="776" y="1454" on="1"/>
+        <pt x="657" y="1546" on="0"/>
+        <pt x="524" y="1546" on="1"/>
+        <pt x="475" y="1546" on="0"/>
+        <pt x="414" y="1516" on="0"/>
+        <pt x="385" y="1444" on="0"/>
+        <pt x="377" y="1380" on="0"/>
+        <pt x="377" y="1323" on="1"/>
+        <pt x="377" y="1126" on="1"/>
+        <pt x="709" y="1126" on="1"/>
+        <pt x="709" y="983" on="1"/>
+        <pt x="377" y="983" on="1"/>
+        <pt x="377" y="0" on="1"/>
+        <pt x="207" y="0" on="1"/>
+        <pt x="207" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="figuredash" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="five" xMin="143" yMin="-440" xMax="1077" yMax="1157">
+      <contour>
+        <pt x="143" y="-301" on="1"/>
+        <pt x="250" y="-197" on="1"/>
+        <pt x="258" y="-205" on="0"/>
+        <pt x="291" y="-231" on="0"/>
+        <pt x="416" y="-274" on="0"/>
+        <pt x="489" y="-274" on="1"/>
+        <pt x="639" y="-274" on="0"/>
+        <pt x="901" y="-43" on="0"/>
+        <pt x="901" y="170" on="1"/>
+        <pt x="901" y="285" on="0"/>
+        <pt x="733" y="492" on="0"/>
+        <pt x="614" y="492" on="1"/>
+        <pt x="456" y="492" on="0"/>
+        <pt x="344" y="416" on="1"/>
+        <pt x="178" y="416" on="1"/>
+        <pt x="178" y="1157" on="1"/>
+        <pt x="948" y="1157" on="1"/>
+        <pt x="948" y="1001" on="1"/>
+        <pt x="344" y="1001" on="1"/>
+        <pt x="344" y="588" on="1"/>
+        <pt x="463" y="641" on="0"/>
+        <pt x="614" y="641" on="1"/>
+        <pt x="794" y="641" on="0"/>
+        <pt x="1069" y="354" on="0"/>
+        <pt x="1077" y="170" on="1"/>
+        <pt x="1077" y="23" on="0"/>
+        <pt x="963" y="-219" on="0"/>
+        <pt x="784" y="-362" on="0"/>
+        <pt x="586" y="-440" on="0"/>
+        <pt x="489" y="-440" on="1"/>
+        <pt x="385" y="-440" on="0"/>
+        <pt x="213" y="-371" on="0"/>
+        <pt x="178" y="-336" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="four" xMin="82" yMin="-440" xMax="1225" yMax="1157">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="90" on="1"/>
+        <pt x="885" y="1157" on="1"/>
+        <pt x="993" y="1157" on="1"/>
+        <pt x="993" y="150" on="1"/>
+        <pt x="1225" y="150" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="993" y="0" on="1"/>
+        <pt x="993" y="-440" on="1"/>
+        <pt x="827" y="-440" on="1"/>
+        <pt x="827" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="141" on="1"/>
+        <pt x="346" y="150" on="1"/>
+        <pt x="827" y="150" on="1"/>
+        <pt x="827" y="838" on="1"/>
+        <pt x="336" y="172" on="1"/>
+        <pt x="307" y="143" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="g" xMin="123" yMin="-563" xMax="1184" yMax="1257">
+      <contour>
+        <pt x="123" y="-221" on="1"/>
+        <pt x="125" y="-96" on="0"/>
+        <pt x="211" y="55" on="0"/>
+        <pt x="295" y="117" on="1"/>
+        <pt x="199" y="158" on="0"/>
+        <pt x="190" y="250" on="1"/>
+        <pt x="190" y="346" on="0"/>
+        <pt x="336" y="463" on="1"/>
+        <pt x="166" y="559" on="0"/>
+        <pt x="166" y="795" on="1"/>
+        <pt x="166" y="887" on="0"/>
+        <pt x="254" y="1034" on="0"/>
+        <pt x="393" y="1114" on="0"/>
+        <pt x="539" y="1155" on="0"/>
+        <pt x="606" y="1155" on="1"/>
+        <pt x="669" y="1155" on="0"/>
+        <pt x="743" y="1137" on="1"/>
+        <pt x="876" y="1258" on="0"/>
+        <pt x="1053" y="1257" on="1"/>
+        <pt x="1108" y="1257" on="0"/>
+        <pt x="1176" y="1237" on="1"/>
+        <pt x="1147" y="1094" on="1"/>
+        <pt x="1110" y="1106" on="0"/>
+        <pt x="1053" y="1106" on="1"/>
+        <pt x="965" y="1106" on="0"/>
+        <pt x="887" y="1073" on="1"/>
+        <pt x="1047" y="971" on="0"/>
+        <pt x="1047" y="795" on="1"/>
+        <pt x="1047" y="680" on="0"/>
+        <pt x="958" y="516" on="0"/>
+        <pt x="817" y="436" on="0"/>
+        <pt x="678" y="403" on="0"/>
+        <pt x="606" y="403" on="1"/>
+        <pt x="536" y="403" on="0"/>
+        <pt x="483" y="414" on="1"/>
+        <pt x="362" y="328" on="0"/>
+        <pt x="362" y="250" on="1"/>
+        <pt x="368" y="244" on="0"/>
+        <pt x="461" y="238" on="0"/>
+        <pt x="535" y="236" on="1"/>
+        <pt x="608" y="233" on="1"/>
+        <pt x="727" y="227" on="0"/>
+        <pt x="903" y="197" on="0"/>
+        <pt x="1085" y="129" on="0"/>
+        <pt x="1184" y="-6" on="0"/>
+        <pt x="1184" y="-102" on="1"/>
+        <pt x="1184" y="-301" on="0"/>
+        <pt x="895" y="-563" on="0"/>
+        <pt x="614" y="-563" on="1"/>
+        <pt x="415" y="-563" on="0"/>
+        <pt x="123" y="-366" on="0"/>
+      </contour>
+      <contour>
+        <pt x="297" y="-221" on="1"/>
+        <pt x="297" y="-303" on="0"/>
+        <pt x="485" y="-410" on="0"/>
+        <pt x="614" y="-410" on="1"/>
+        <pt x="811" y="-410" on="0"/>
+        <pt x="1020" y="-236" on="0"/>
+        <pt x="1020" y="-102" on="1"/>
+        <pt x="1020" y="-49" on="0"/>
+        <pt x="948" y="25" on="0"/>
+        <pt x="813" y="61" on="0"/>
+        <pt x="692" y="78" on="0"/>
+        <pt x="606" y="82" on="1"/>
+        <pt x="487" y="82" on="0"/>
+        <pt x="459" y="84" on="1"/>
+        <pt x="375" y="33" on="0"/>
+        <pt x="297" y="-92" on="0"/>
+      </contour>
+      <contour>
+        <pt x="338" y="795" on="1"/>
+        <pt x="338" y="715" on="0"/>
+        <pt x="391" y="604" on="0"/>
+        <pt x="479" y="553" on="0"/>
+        <pt x="561" y="535" on="0"/>
+        <pt x="651" y="535" on="0"/>
+        <pt x="735" y="557" on="0"/>
+        <pt x="821" y="610" on="0"/>
+        <pt x="874" y="719" on="0"/>
+        <pt x="874" y="795" on="1"/>
+        <pt x="874" y="908" on="0"/>
+        <pt x="702" y="1024" on="0"/>
+        <pt x="510" y="1024" on="0"/>
+        <pt x="338" y="908" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="grave" xMin="113" yMin="1251" xMax="616" yMax="1577">
+      <contour>
+        <pt x="113" y="1432" on="1"/>
+        <pt x="156" y="1577" on="1"/>
+        <pt x="616" y="1348" on="1"/>
+        <pt x="573" y="1251" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="greater" xMin="143" yMin="-14" xMax="1280" yMax="1161">
+      <contour>
+        <pt x="143" y="-14" on="1"/>
+        <pt x="143" y="133" on="1"/>
+        <pt x="1116" y="573" on="1"/>
+        <pt x="143" y="1014" on="1"/>
+        <pt x="143" y="1161" on="1"/>
+        <pt x="1280" y="647" on="1"/>
+        <pt x="1280" y="500" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="h" xMin="174" yMin="0" xMax="1098" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="605" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="hyphen" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="i" xMin="174" yMin="0" xMax="381" yMax="1577">
+      <contour>
+        <pt x="174" y="1430" on="0"/>
+        <pt x="174" y="1520" on="0"/>
+        <pt x="233" y="1577" on="0"/>
+        <pt x="324" y="1577" on="0"/>
+        <pt x="381" y="1520" on="0"/>
+        <pt x="381" y="1430" on="0"/>
+        <pt x="324" y="1370" on="0"/>
+        <pt x="233" y="1370" on="0"/>
+      </contour>
+      <contour>
+        <pt x="193" y="0" on="1"/>
+        <pt x="193" y="1126" on="1"/>
+        <pt x="362" y="1126" on="1"/>
+        <pt x="362" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="j" xMin="-72" yMin="-563" xMax="279" yMax="1577">
+      <contour>
+        <pt x="-72" y="-401" on="1"/>
+        <pt x="-11" y="-393" on="0"/>
+        <pt x="90" y="-207" on="0"/>
+        <pt x="90" y="-88" on="1"/>
+        <pt x="90" y="1126" on="1"/>
+        <pt x="260" y="1126" on="1"/>
+        <pt x="260" y="-88" on="1"/>
+        <pt x="260" y="-266" on="0"/>
+        <pt x="86" y="-526" on="0"/>
+        <pt x="-20" y="-563" on="1"/>
+      </contour>
+      <contour>
+        <pt x="72" y="1430" on="0"/>
+        <pt x="72" y="1520" on="0"/>
+        <pt x="131" y="1577" on="0"/>
+        <pt x="221" y="1577" on="0"/>
+        <pt x="279" y="1520" on="0"/>
+        <pt x="279" y="1430" on="0"/>
+        <pt x="221" y="1370" on="0"/>
+        <pt x="131" y="1370" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="k" xMin="174" yMin="0" xMax="1167" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="729" on="1"/>
+        <pt x="729" y="997" on="0"/>
+        <pt x="795" y="1126" on="1"/>
+        <pt x="969" y="1126" on="1"/>
+        <pt x="934" y="993" on="0"/>
+        <pt x="502" y="668" on="1"/>
+        <pt x="568" y="641" on="0"/>
+        <pt x="616" y="588" on="1"/>
+        <pt x="954" y="207" on="1"/>
+        <pt x="1144" y="0" on="0"/>
+        <pt x="1167" y="0" on="1"/>
+        <pt x="936" y="0" on="1"/>
+        <pt x="911" y="8" on="0"/>
+        <pt x="756" y="174" on="0"/>
+        <pt x="526" y="442" on="0"/>
+        <pt x="494" y="477" on="1"/>
+        <pt x="433" y="540" on="0"/>
+        <pt x="395" y="551" on="1"/>
+        <pt x="375" y="557" on="0"/>
+        <pt x="346" y="549" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="l" xMin="174" yMin="-25" xMax="502" yMax="1679">
+      <contour>
+        <pt x="174" y="299" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="344" y="1679" on="1"/>
+        <pt x="344" y="299" on="1"/>
+        <pt x="344" y="188" on="0"/>
+        <pt x="367" y="166" on="1"/>
+        <pt x="412" y="121" on="0"/>
+        <pt x="502" y="121" on="1"/>
+        <pt x="496" y="-25" on="1"/>
+        <pt x="316" y="-25" on="0"/>
+        <pt x="246" y="45" on="1"/>
+        <pt x="174" y="117" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="less" xMin="154" yMin="-14" xMax="1290" yMax="1161">
+      <contour>
+        <pt x="154" y="500" on="1"/>
+        <pt x="154" y="647" on="1"/>
+        <pt x="1290" y="1161" on="1"/>
+        <pt x="1290" y="1014" on="1"/>
+        <pt x="315" y="573" on="1"/>
+        <pt x="1290" y="133" on="1"/>
+        <pt x="1290" y="-14" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="m" xMin="174" yMin="0" xMax="1718" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="903" on="1"/>
+        <pt x="571" y="1151" on="0"/>
+        <pt x="772" y="1151" on="1"/>
+        <pt x="993" y="1151" on="0"/>
+        <pt x="1026" y="897" on="1"/>
+        <pt x="1253" y="1151" on="0"/>
+        <pt x="1458" y="1151" on="1"/>
+        <pt x="1718" y="1151" on="0"/>
+        <pt x="1718" y="801" on="1"/>
+        <pt x="1718" y="0" on="1"/>
+        <pt x="1546" y="0" on="1"/>
+        <pt x="1546" y="801" on="1"/>
+        <pt x="1546" y="979" on="0"/>
+        <pt x="1458" y="979" on="1"/>
+        <pt x="1384" y="979" on="0"/>
+        <pt x="1251" y="930" on="0"/>
+        <pt x="1137" y="831" on="0"/>
+        <pt x="1077" y="770" on="0"/>
+        <pt x="1032" y="715" on="1"/>
+        <pt x="1032" y="0" on="1"/>
+        <pt x="860" y="0" on="1"/>
+        <pt x="860" y="801" on="1"/>
+        <pt x="860" y="979" on="0"/>
+        <pt x="772" y="979" on="1"/>
+        <pt x="698" y="979" on="0"/>
+        <pt x="565" y="930" on="0"/>
+        <pt x="451" y="831" on="0"/>
+        <pt x="391" y="770" on="0"/>
+        <pt x="346" y="715" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="minus" xMin="102" yMin="496" xMax="1229" yMax="633">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="n" xMin="174" yMin="0" xMax="1098" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="611" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nine" xMin="123" yMin="-440" xMax="1139" yMax="1182">
+      <contour>
+        <pt x="123" y="662" on="1"/>
+        <pt x="123" y="742" on="0"/>
+        <pt x="174" y="909" on="0"/>
+        <pt x="279" y="1075" on="0"/>
+        <pt x="477" y="1182" on="0"/>
+        <pt x="608" y="1182" on="1"/>
+        <pt x="862" y="1182" on="0"/>
+        <pt x="1139" y="799" on="0"/>
+        <pt x="1139" y="440" on="1"/>
+        <pt x="1139" y="331" on="0"/>
+        <pt x="1098" y="100" on="0"/>
+        <pt x="1001" y="-137" on="0"/>
+        <pt x="866" y="-324" on="0"/>
+        <pt x="659" y="-440" on="0"/>
+        <pt x="537" y="-440" on="1"/>
+        <pt x="420" y="-440" on="0"/>
+        <pt x="219" y="-365" on="0"/>
+        <pt x="164" y="-326" on="1"/>
+        <pt x="276" y="-217" on="1"/>
+        <pt x="395" y="-283" on="0"/>
+        <pt x="535" y="-283" on="1"/>
+        <pt x="650" y="-283" on="0"/>
+        <pt x="825" y="-133" on="0"/>
+        <pt x="922" y="106" on="0"/>
+        <pt x="969" y="346" on="0"/>
+        <pt x="973" y="463" on="1"/>
+        <pt x="793" y="197" on="0"/>
+        <pt x="559" y="197" on="1"/>
+        <pt x="366" y="197" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="662" on="1"/>
+        <pt x="295" y="498" on="0"/>
+        <pt x="442" y="348" on="0"/>
+        <pt x="559" y="348" on="1"/>
+        <pt x="786" y="348" on="0"/>
+        <pt x="950" y="684" on="1"/>
+        <pt x="915" y="854" on="0"/>
+        <pt x="739" y="1030" on="0"/>
+        <pt x="608" y="1030" on="1"/>
+        <pt x="497" y="1030" on="0"/>
+        <pt x="348" y="897" on="0"/>
+        <pt x="295" y="740" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="numbersign" xMin="82" yMin="0" xMax="1608" yMax="1577">
+      <contour>
+        <pt x="82" y="489" on="1"/>
+        <pt x="117" y="637" on="1"/>
+        <pt x="455" y="637" on="1"/>
+        <pt x="543" y="999" on="1"/>
+        <pt x="195" y="999" on="1"/>
+        <pt x="229" y="1147" on="1"/>
+        <pt x="580" y="1147" on="1"/>
+        <pt x="686" y="1577" on="1"/>
+        <pt x="838" y="1577" on="1"/>
+        <pt x="731" y="1147" on="1"/>
+        <pt x="1092" y="1147" on="1"/>
+        <pt x="1198" y="1577" on="1"/>
+        <pt x="1350" y="1577" on="1"/>
+        <pt x="1243" y="1147" on="1"/>
+        <pt x="1608" y="1147" on="1"/>
+        <pt x="1573" y="999" on="1"/>
+        <pt x="1206" y="999" on="1"/>
+        <pt x="1118" y="637" on="1"/>
+        <pt x="1495" y="637" on="1"/>
+        <pt x="1460" y="489" on="1"/>
+        <pt x="1081" y="489" on="1"/>
+        <pt x="963" y="0" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="930" y="489" on="1"/>
+        <pt x="569" y="489" on="1"/>
+        <pt x="451" y="0" on="1"/>
+        <pt x="299" y="0" on="1"/>
+        <pt x="418" y="489" on="1"/>
+      </contour>
+      <contour>
+        <pt x="606" y="637" on="1"/>
+        <pt x="967" y="637" on="1"/>
+        <pt x="1055" y="999" on="1"/>
+        <pt x="694" y="999" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="o" xMin="123" yMin="-25" xMax="1102" yMax="1151">
+      <contour>
+        <pt x="123" y="397" on="0"/>
+        <pt x="123" y="729" on="0"/>
+        <pt x="205" y="967" on="0"/>
+        <pt x="348" y="1094" on="0"/>
+        <pt x="514" y="1151" on="0"/>
+        <pt x="711" y="1151" on="0"/>
+        <pt x="877" y="1094" on="0"/>
+        <pt x="1020" y="967" on="0"/>
+        <pt x="1102" y="729" on="0"/>
+        <pt x="1102" y="397" on="0"/>
+        <pt x="1020" y="160" on="0"/>
+        <pt x="877" y="33" on="0"/>
+        <pt x="711" y="-25" on="0"/>
+        <pt x="514" y="-25" on="0"/>
+        <pt x="348" y="33" on="0"/>
+        <pt x="205" y="160" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="801" on="0"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="748" y="119" on="0"/>
+        <pt x="930" y="326" on="0"/>
+        <pt x="930" y="801" on="0"/>
+        <pt x="748" y="1008" on="0"/>
+        <pt x="477" y="1008" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="one" xMin="102" yMin="0" xMax="561" yMax="1157">
+      <contour>
+        <pt x="102" y="936" on="1"/>
+        <pt x="395" y="1157" on="1"/>
+        <pt x="561" y="1157" on="1"/>
+        <pt x="561" y="0" on="1"/>
+        <pt x="395" y="0" on="1"/>
+        <pt x="395" y="983" on="1"/>
+        <pt x="213" y="829" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="p" xMin="174" yMin="-532" xMax="1169" yMax="1151">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="-532" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenleft" xMin="123" yMin="-535" xMax="631" yMax="1577">
+      <contour>
+        <pt x="123" y="520" on="1"/>
+        <pt x="123" y="618" on="0"/>
+        <pt x="150" y="862" on="0"/>
+        <pt x="221" y="1157" on="0"/>
+        <pt x="328" y="1397" on="0"/>
+        <pt x="508" y="1567" on="0"/>
+        <pt x="618" y="1577" on="1"/>
+        <pt x="631" y="1434" on="1"/>
+        <pt x="535" y="1399" on="0"/>
+        <pt x="393" y="1180" on="0"/>
+        <pt x="326" y="889" on="0"/>
+        <pt x="295" y="633" on="0"/>
+        <pt x="295" y="520" on="1"/>
+        <pt x="295" y="409" on="0"/>
+        <pt x="326" y="154" on="0"/>
+        <pt x="393" y="-137" on="0"/>
+        <pt x="535" y="-358" on="0"/>
+        <pt x="631" y="-391" on="1"/>
+        <pt x="618" y="-535" on="1"/>
+        <pt x="505" y="-523" on="0"/>
+        <pt x="326" y="-350" on="0"/>
+        <pt x="221" y="-113" on="0"/>
+        <pt x="150" y="178" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenright" xMin="61" yMin="-535" xMax="569" yMax="1577">
+      <contour>
+        <pt x="61" y="-391" on="1"/>
+        <pt x="157" y="-358" on="0"/>
+        <pt x="299" y="-137" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="397" y="410" on="0"/>
+        <pt x="397" y="520" on="1"/>
+        <pt x="397" y="633" on="0"/>
+        <pt x="367" y="889" on="0"/>
+        <pt x="299" y="1180" on="0"/>
+        <pt x="158" y="1399" on="0"/>
+        <pt x="61" y="1434" on="1"/>
+        <pt x="74" y="1577" on="1"/>
+        <pt x="185" y="1567" on="0"/>
+        <pt x="365" y="1397" on="0"/>
+        <pt x="471" y="1157" on="0"/>
+        <pt x="543" y="862" on="0"/>
+        <pt x="569" y="618" on="0"/>
+        <pt x="569" y="520" on="1"/>
+        <pt x="569" y="420" on="0"/>
+        <pt x="543" y="178" on="0"/>
+        <pt x="471" y="-113" on="0"/>
+        <pt x="367" y="-350" on="0"/>
+        <pt x="186" y="-522" on="0"/>
+        <pt x="74" y="-535" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="percent" xMin="123" yMin="-96" xMax="1944" yMax="1667">
+      <contour>
+        <pt x="123" y="1049" on="0"/>
+        <pt x="123" y="1286" on="0"/>
+        <pt x="193" y="1460" on="0"/>
+        <pt x="309" y="1552" on="0"/>
+        <pt x="438" y="1595" on="0"/>
+        <pt x="510" y="1595" on="1"/>
+        <pt x="584" y="1595" on="0"/>
+        <pt x="713" y="1554" on="0"/>
+        <pt x="831" y="1460" on="0"/>
+        <pt x="899" y="1284" on="0"/>
+        <pt x="899" y="1163" on="1"/>
+        <pt x="897" y="936" on="0"/>
+        <pt x="670" y="737" on="0"/>
+        <pt x="512" y="737" on="1"/>
+        <pt x="440" y="737" on="0"/>
+        <pt x="311" y="780" on="0"/>
+        <pt x="193" y="872" on="0"/>
+      </contour>
+      <contour>
+        <pt x="276" y="1167" on="1"/>
+        <pt x="276" y="999" on="0"/>
+        <pt x="416" y="852" on="0"/>
+        <pt x="608" y="852" on="0"/>
+        <pt x="743" y="997" on="0"/>
+        <pt x="745" y="1163" on="1"/>
+        <pt x="745" y="1333" on="0"/>
+        <pt x="608" y="1481" on="0"/>
+        <pt x="510" y="1481" on="1"/>
+        <pt x="414" y="1479" on="0"/>
+        <pt x="276" y="1333" on="0"/>
+      </contour>
+      <contour>
+        <pt x="350" y="-96" on="1"/>
+        <pt x="1538" y="1667" on="1"/>
+        <pt x="1714" y="1667" on="1"/>
+        <pt x="526" y="-96" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1167" y="416" on="1"/>
+        <pt x="1169" y="643" on="0"/>
+        <pt x="1395" y="844" on="0"/>
+        <pt x="1554" y="846" on="1"/>
+        <pt x="1628" y="846" on="0"/>
+        <pt x="1757" y="803" on="0"/>
+        <pt x="1876" y="711" on="0"/>
+        <pt x="1944" y="532" on="0"/>
+        <pt x="1944" y="412" on="1"/>
+        <pt x="1942" y="185" on="0"/>
+        <pt x="1714" y="-14" on="0"/>
+        <pt x="1556" y="-14" on="1"/>
+        <pt x="1484" y="-14" on="0"/>
+        <pt x="1356" y="29" on="0"/>
+        <pt x="1237" y="121" on="0"/>
+        <pt x="1167" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1323" y="412" on="1"/>
+        <pt x="1323" y="246" on="0"/>
+        <pt x="1460" y="100" on="0"/>
+        <pt x="1653" y="100" on="0"/>
+        <pt x="1788" y="246" on="0"/>
+        <pt x="1790" y="412" on="1"/>
+        <pt x="1790" y="580" on="0"/>
+        <pt x="1655" y="729" on="0"/>
+        <pt x="1559" y="731" on="1"/>
+        <pt x="1463" y="731" on="0"/>
+        <pt x="1323" y="582" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="period" xMin="92" yMin="-14" xMax="319" yMax="213">
+      <contour>
+        <pt x="92" y="51" on="0"/>
+        <pt x="92" y="150" on="0"/>
+        <pt x="158" y="213" on="0"/>
+        <pt x="256" y="213" on="0"/>
+        <pt x="319" y="150" on="0"/>
+        <pt x="319" y="51" on="0"/>
+        <pt x="256" y="-14" on="0"/>
+        <pt x="158" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="plus" xMin="102" yMin="0" xMax="1229" yMax="1126">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="586" y="633" on="1"/>
+        <pt x="586" y="1126" on="1"/>
+        <pt x="723" y="1126" on="1"/>
+        <pt x="723" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+        <pt x="723" y="496" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="586" y="0" on="1"/>
+        <pt x="586" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="q" xMin="123" yMin="-532" xMax="1118" yMax="1151">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1126" on="1"/>
+        <pt x="1118" y="1126" on="1"/>
+        <pt x="1118" y="-532" on="1"/>
+        <pt x="946" y="-532" on="1"/>
+        <pt x="946" y="215" on="1"/>
+        <pt x="753" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="question" xMin="84" yMin="-14" xMax="958" yMax="1679">
+      <contour>
+        <pt x="84" y="1393" on="1"/>
+        <pt x="90" y="1405" on="0"/>
+        <pt x="117" y="1444" on="0"/>
+        <pt x="203" y="1542" on="0"/>
+        <pt x="299" y="1618" on="0"/>
+        <pt x="453" y="1679" on="0"/>
+        <pt x="532" y="1679" on="1"/>
+        <pt x="636" y="1679" on="0"/>
+        <pt x="797" y="1628" on="0"/>
+        <pt x="887" y="1550" on="0"/>
+        <pt x="942" y="1446" on="0"/>
+        <pt x="958" y="1358" on="0"/>
+        <pt x="958" y="1311" on="1"/>
+        <pt x="958" y="1233" on="0"/>
+        <pt x="909" y="1094" on="0"/>
+        <pt x="795" y="954" on="0"/>
+        <pt x="759" y="920" on="1"/>
+        <pt x="645" y="813" on="1"/>
+        <pt x="481" y="663" on="0"/>
+        <pt x="481" y="600" on="1"/>
+        <pt x="481" y="512" on="0"/>
+        <pt x="575" y="428" on="1"/>
+        <pt x="471" y="338" on="1"/>
+        <pt x="418" y="385" on="0"/>
+        <pt x="367" y="444" on="0"/>
+        <pt x="324" y="543" on="0"/>
+        <pt x="324" y="602" on="1"/>
+        <pt x="324" y="692" on="0"/>
+        <pt x="428" y="840" on="0"/>
+        <pt x="537" y="936" on="1"/>
+        <pt x="611" y="1004" on="0"/>
+        <pt x="700" y="1100" on="0"/>
+        <pt x="784" y="1243" on="0"/>
+        <pt x="786" y="1311" on="1"/>
+        <pt x="786" y="1536" on="0"/>
+        <pt x="532" y="1536" on="1"/>
+        <pt x="473" y="1536" on="0"/>
+        <pt x="360" y="1485" on="0"/>
+        <pt x="283" y="1413" on="0"/>
+        <pt x="221" y="1341" on="0"/>
+        <pt x="207" y="1315" on="1"/>
+        <pt x="193" y="1290" on="1"/>
+      </contour>
+      <contour>
+        <pt x="399" y="51" on="0"/>
+        <pt x="399" y="150" on="0"/>
+        <pt x="465" y="213" on="0"/>
+        <pt x="563" y="213" on="0"/>
+        <pt x="627" y="150" on="0"/>
+        <pt x="627" y="51" on="0"/>
+        <pt x="563" y="-14" on="0"/>
+        <pt x="465" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedbl" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblleft" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1245" on="1"/>
+        <pt x="94" y="1392" on="0"/>
+        <pt x="244" y="1577" on="1"/>
+        <pt x="330" y="1548" on="1"/>
+        <pt x="228" y="1421" on="0"/>
+        <pt x="207" y="1305" on="1"/>
+        <pt x="262" y="1305" on="0"/>
+        <pt x="332" y="1239" on="0"/>
+        <pt x="332" y="1141" on="0"/>
+        <pt x="266" y="1077" on="0"/>
+        <pt x="217" y="1077" on="1"/>
+        <pt x="156" y="1077" on="0"/>
+        <pt x="92" y="1177" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1245" on="1"/>
+        <pt x="444" y="1392" on="0"/>
+        <pt x="594" y="1577" on="1"/>
+        <pt x="680" y="1548" on="1"/>
+        <pt x="578" y="1421" on="0"/>
+        <pt x="557" y="1305" on="1"/>
+        <pt x="612" y="1305" on="0"/>
+        <pt x="682" y="1239" on="0"/>
+        <pt x="682" y="1141" on="0"/>
+        <pt x="616" y="1077" on="0"/>
+        <pt x="567" y="1077" on="1"/>
+        <pt x="506" y="1077" on="0"/>
+        <pt x="442" y="1177" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblright" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotesingle" xMin="92" yMin="1077" xMax="332" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="r" xMin="174" yMin="0" xMax="903" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="487" y="1151" on="0"/>
+        <pt x="631" y="1151" on="1"/>
+        <pt x="709" y="1151" on="0"/>
+        <pt x="846" y="1094" on="0"/>
+        <pt x="874" y="1065" on="1"/>
+        <pt x="903" y="1038" on="1"/>
+        <pt x="784" y="924" on="1"/>
+        <pt x="735" y="987" on="0"/>
+        <pt x="639" y="987" on="1"/>
+        <pt x="481" y="987" on="0"/>
+        <pt x="346" y="705" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="s" xMin="92" yMin="-25" xMax="924" yMax="1151">
+      <contour>
+        <pt x="92" y="205" on="1"/>
+        <pt x="211" y="301" on="1"/>
+        <pt x="256" y="219" on="0"/>
+        <pt x="436" y="121" on="0"/>
+        <pt x="537" y="119" on="1"/>
+        <pt x="629" y="119" on="0"/>
+        <pt x="760" y="217" on="0"/>
+        <pt x="760" y="309" on="1"/>
+        <pt x="760" y="364" on="0"/>
+        <pt x="674" y="446" on="0"/>
+        <pt x="586" y="481" on="0"/>
+        <pt x="426" y="530" on="0"/>
+        <pt x="328" y="569" on="0"/>
+        <pt x="213" y="643" on="0"/>
+        <pt x="158" y="754" on="0"/>
+        <pt x="158" y="829" on="1"/>
+        <pt x="158" y="907" on="0"/>
+        <pt x="211" y="1028" on="0"/>
+        <pt x="289" y="1096" on="0"/>
+        <pt x="391" y="1139" on="0"/>
+        <pt x="471" y="1151" on="0"/>
+        <pt x="510" y="1151" on="1"/>
+        <pt x="733" y="1151" on="0"/>
+        <pt x="864" y="1020" on="1"/>
+        <pt x="754" y="913" on="1"/>
+        <pt x="666" y="1007" on="0"/>
+        <pt x="510" y="1008" on="1"/>
+        <pt x="471" y="1008" on="0"/>
+        <pt x="395" y="985" on="0"/>
+        <pt x="322" y="899" on="0"/>
+        <pt x="322" y="829" on="1"/>
+        <pt x="322" y="794" on="0"/>
+        <pt x="356" y="743" on="0"/>
+        <pt x="436" y="702" on="0"/>
+        <pt x="496" y="680" on="0"/>
+        <pt x="555" y="662" on="1"/>
+        <pt x="629" y="639" on="0"/>
+        <pt x="702" y="614" on="0"/>
+        <pt x="819" y="553" on="0"/>
+        <pt x="877" y="489" on="0"/>
+        <pt x="924" y="379" on="0"/>
+        <pt x="924" y="309" on="1"/>
+        <pt x="924" y="147" on="0"/>
+        <pt x="694" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="401" y="-25" on="0"/>
+        <pt x="162" y="94" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="semicolon" xMin="143" yMin="-287" xMax="383" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="258" y="213" on="1"/>
+        <pt x="319" y="213" on="0"/>
+        <pt x="383" y="113" on="0"/>
+        <pt x="383" y="45" on="1"/>
+        <pt x="381" y="-102" on="0"/>
+        <pt x="231" y="-287" on="1"/>
+        <pt x="145" y="-258" on="1"/>
+        <pt x="247" y="-131" on="0"/>
+        <pt x="266" y="-14" on="1"/>
+        <pt x="211" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="seven" xMin="10" yMin="-440" xMax="997" yMax="1157">
+      <contour>
+        <pt x="10" y="-328" on="1"/>
+        <pt x="96" y="-275" on="0"/>
+        <pt x="602" y="614" on="0"/>
+        <pt x="786" y="993" on="1"/>
+        <pt x="90" y="993" on="1"/>
+        <pt x="90" y="1157" on="1"/>
+        <pt x="997" y="1157" on="1"/>
+        <pt x="997" y="1036" on="1"/>
+        <pt x="802" y="626" on="0"/>
+        <pt x="236" y="-391" on="0"/>
+        <pt x="125" y="-440" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="six" xMin="131" yMin="-14" xMax="1147" yMax="1608">
+      <contour>
+        <pt x="131" y="727" on="1"/>
+        <pt x="131" y="1087" on="0"/>
+        <pt x="471" y="1608" on="0"/>
+        <pt x="725" y="1608" on="1"/>
+        <pt x="913" y="1608" on="0"/>
+        <pt x="1081" y="1473" on="1"/>
+        <pt x="971" y="1366" on="1"/>
+        <pt x="871" y="1450" on="0"/>
+        <pt x="731" y="1450" on="1"/>
+        <pt x="616" y="1450" on="0"/>
+        <pt x="442" y="1298" on="0"/>
+        <pt x="348" y="1059" on="0"/>
+        <pt x="299" y="817" on="0"/>
+        <pt x="297" y="702" on="1"/>
+        <pt x="473" y="970" on="0"/>
+        <pt x="711" y="971" on="1"/>
+        <pt x="904" y="971" on="0"/>
+        <pt x="1147" y="748" on="0"/>
+        <pt x="1147" y="506" on="1"/>
+        <pt x="1147" y="426" on="0"/>
+        <pt x="1096" y="258" on="0"/>
+        <pt x="991" y="92" on="0"/>
+        <pt x="793" y="-14" on="0"/>
+        <pt x="662" y="-14" on="1"/>
+        <pt x="408" y="-14" on="0"/>
+        <pt x="131" y="369" on="0"/>
+      </contour>
+      <contour>
+        <pt x="319" y="481" on="1"/>
+        <pt x="354" y="313" on="0"/>
+        <pt x="530" y="137" on="0"/>
+        <pt x="662" y="137" on="1"/>
+        <pt x="773" y="137" on="0"/>
+        <pt x="922" y="270" on="0"/>
+        <pt x="975" y="428" on="0"/>
+        <pt x="975" y="506" on="1"/>
+        <pt x="975" y="670" on="0"/>
+        <pt x="827" y="819" on="0"/>
+        <pt x="711" y="819" on="1"/>
+        <pt x="481" y="819" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="slash" xMin="41" yMin="-532" xMax="844" yMax="1577">
+      <contour>
+        <pt x="41" y="-532" on="1"/>
+        <pt x="674" y="1577" on="1"/>
+        <pt x="844" y="1577" on="1"/>
+        <pt x="211" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="t" xMin="92" yMin="-25" xMax="788" yMax="1434">
+      <contour>
+        <pt x="92" y="983" on="1"/>
+        <pt x="92" y="1126" on="1"/>
+        <pt x="236" y="1126" on="1"/>
+        <pt x="236" y="1434" on="1"/>
+        <pt x="408" y="1434" on="1"/>
+        <pt x="408" y="1126" on="1"/>
+        <pt x="678" y="1126" on="1"/>
+        <pt x="678" y="983" on="1"/>
+        <pt x="408" y="983" on="1"/>
+        <pt x="408" y="328" on="1"/>
+        <pt x="408" y="287" on="0"/>
+        <pt x="412" y="236" on="0"/>
+        <pt x="430" y="158" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="514" y="119" on="1"/>
+        <pt x="610" y="119" on="0"/>
+        <pt x="692" y="197" on="1"/>
+        <pt x="788" y="104" on="1"/>
+        <pt x="653" y="-25" on="0"/>
+        <pt x="469" y="-25" on="1"/>
+        <pt x="236" y="-25" on="0"/>
+        <pt x="236" y="328" on="1"/>
+        <pt x="236" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="three" xMin="82" yMin="-440" xMax="1022" yMax="1182">
+      <contour>
+        <pt x="82" y="-313" on="1"/>
+        <pt x="190" y="-207" on="1"/>
+        <pt x="200" y="-215" on="0"/>
+        <pt x="236" y="-240" on="0"/>
+        <pt x="360" y="-276" on="0"/>
+        <pt x="428" y="-274" on="1"/>
+        <pt x="520" y="-274" on="0"/>
+        <pt x="705" y="-188" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="848" y="166" on="1"/>
+        <pt x="848" y="264" on="0"/>
+        <pt x="700" y="414" on="0"/>
+        <pt x="600" y="414" on="1"/>
+        <pt x="559" y="414" on="0"/>
+        <pt x="469" y="401" on="0"/>
+        <pt x="399" y="387" on="0"/>
+        <pt x="344" y="371" on="0"/>
+        <pt x="328" y="365" on="1"/>
+        <pt x="311" y="360" on="1"/>
+        <pt x="311" y="504" on="1"/>
+        <pt x="477" y="572" on="0"/>
+        <pt x="670" y="733" on="0"/>
+        <pt x="670" y="850" on="1"/>
+        <pt x="670" y="924" on="0"/>
+        <pt x="565" y="1016" on="0"/>
+        <pt x="492" y="1016" on="1"/>
+        <pt x="439" y="1016" on="0"/>
+        <pt x="346" y="987" on="0"/>
+        <pt x="287" y="944" on="0"/>
+        <pt x="244" y="901" on="0"/>
+        <pt x="233" y="887" on="1"/>
+        <pt x="225" y="872" on="1"/>
+        <pt x="129" y="967" on="1"/>
+        <pt x="133" y="975" on="0"/>
+        <pt x="152" y="1004" on="0"/>
+        <pt x="215" y="1079" on="0"/>
+        <pt x="291" y="1135" on="0"/>
+        <pt x="420" y="1182" on="0"/>
+        <pt x="489" y="1182" on="1"/>
+        <pt x="634" y="1182" on="0"/>
+        <pt x="838" y="995" on="0"/>
+        <pt x="838" y="850" on="1"/>
+        <pt x="838" y="692" on="0"/>
+        <pt x="655" y="557" on="1"/>
+        <pt x="807" y="539" on="0"/>
+        <pt x="1018" y="322" on="0"/>
+        <pt x="1022" y="166" on="1"/>
+        <pt x="1022" y="19" on="0"/>
+        <pt x="907" y="-223" on="0"/>
+        <pt x="725" y="-365" on="0"/>
+        <pt x="524" y="-440" on="0"/>
+        <pt x="428" y="-440" on="1"/>
+        <pt x="340" y="-440" on="0"/>
+        <pt x="166" y="-377" on="0"/>
+        <pt x="123" y="-344" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="two" xMin="102" yMin="0" xMax="1014" yMax="1182">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="131" on="1"/>
+        <pt x="173" y="180" on="1"/>
+        <pt x="217" y="211" on="0"/>
+        <pt x="440" y="389" on="0"/>
+        <pt x="610" y="549" on="0"/>
+        <pt x="752" y="741" on="0"/>
+        <pt x="752" y="807" on="1"/>
+        <pt x="752" y="916" on="0"/>
+        <pt x="639" y="1020" on="0"/>
+        <pt x="543" y="1018" on="1"/>
+        <pt x="490" y="1018" on="0"/>
+        <pt x="387" y="979" on="0"/>
+        <pt x="319" y="926" on="0"/>
+        <pt x="268" y="870" on="0"/>
+        <pt x="256" y="852" on="1"/>
+        <pt x="244" y="834" on="1"/>
+        <pt x="140" y="932" on="0"/>
+        <pt x="139" y="934" on="1"/>
+        <pt x="182" y="1012" on="0"/>
+        <pt x="406" y="1180" on="0"/>
+        <pt x="545" y="1182" on="1"/>
+        <pt x="725" y="1182" on="0"/>
+        <pt x="926" y="997" on="0"/>
+        <pt x="926" y="819" on="1"/>
+        <pt x="926" y="680" on="0"/>
+        <pt x="596" y="311" on="0"/>
+        <pt x="385" y="150" on="1"/>
+        <pt x="1012" y="150" on="1"/>
+        <pt x="1014" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="u" xMin="164" yMin="-25" xMax="1087" yMax="1126">
+      <contour>
+        <pt x="164" y="326" on="1"/>
+        <pt x="164" y="1126" on="1"/>
+        <pt x="336" y="1126" on="1"/>
+        <pt x="336" y="326" on="1"/>
+        <pt x="336" y="148" on="0"/>
+        <pt x="424" y="147" on="1"/>
+        <pt x="657" y="147" on="0"/>
+        <pt x="915" y="416" on="1"/>
+        <pt x="915" y="1126" on="1"/>
+        <pt x="1087" y="1126" on="1"/>
+        <pt x="1087" y="0" on="1"/>
+        <pt x="915" y="0" on="1"/>
+        <pt x="915" y="236" on="1"/>
+        <pt x="643" y="-24" on="0"/>
+        <pt x="424" y="-25" on="1"/>
+        <pt x="164" y="-24" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="underscore" xMin="113" yMin="-131" xMax="1241" yMax="0">
+      <contour>
+        <pt x="113" y="0" on="1"/>
+        <pt x="1241" y="0" on="1"/>
+        <pt x="1241" y="-131" on="1"/>
+        <pt x="113" y="-131" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2011" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1125" yMax="1125">
+      <contour>
+        <pt x="0" y="1125" on="1"/>
+        <pt x="1125" y="1125" on="1"/>
+        <pt x="1125" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="v" xMin="72" yMin="0" xMax="1073" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="270" y="1126" on="1"/>
+        <pt x="563" y="256" on="1"/>
+        <pt x="569" y="217" on="1"/>
+        <pt x="573" y="236" on="1"/>
+        <pt x="575" y="254" on="0"/>
+        <pt x="575" y="256" on="1"/>
+        <pt x="821" y="1069" on="0"/>
+        <pt x="887" y="1126" on="1"/>
+        <pt x="1073" y="1126" on="1"/>
+        <pt x="1038" y="1083" on="0"/>
+        <pt x="827" y="520" on="0"/>
+        <pt x="739" y="260" on="1"/>
+        <pt x="651" y="0" on="1"/>
+        <pt x="502" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="w" xMin="72" yMin="0" xMax="1561" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="258" y="1126" on="1"/>
+        <pt x="481" y="287" on="1"/>
+        <pt x="487" y="244" on="1"/>
+        <pt x="494" y="287" on="1"/>
+        <pt x="733" y="1126" on="1"/>
+        <pt x="881" y="1126" on="1"/>
+        <pt x="1120" y="287" on="1"/>
+        <pt x="1128" y="244" on="1"/>
+        <pt x="1135" y="287" on="1"/>
+        <pt x="1352" y="1104" on="0"/>
+        <pt x="1393" y="1126" on="1"/>
+        <pt x="1561" y="1126" on="1"/>
+        <pt x="1536" y="1101" on="0"/>
+        <pt x="1358" y="539" on="0"/>
+        <pt x="1282" y="270" on="1"/>
+        <pt x="1204" y="0" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="807" y="868" on="1"/>
+        <pt x="559" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="x" xMin="82" yMin="0" xMax="1135" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="111" y="12" on="0"/>
+        <pt x="428" y="440" on="0"/>
+        <pt x="520" y="575" on="1"/>
+        <pt x="123" y="1126" on="1"/>
+        <pt x="340" y="1126" on="1"/>
+        <pt x="618" y="719" on="1"/>
+        <pt x="884" y="1114" on="0"/>
+        <pt x="922" y="1126" on="1"/>
+        <pt x="1135" y="1126" on="1"/>
+        <pt x="1086" y="1103" on="0"/>
+        <pt x="715" y="578" on="1"/>
+        <pt x="1124" y="0" on="1"/>
+        <pt x="907" y="0" on="1"/>
+        <pt x="616" y="434" on="1"/>
+        <pt x="321" y="8" on="0"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="y" xMin="59" yMin="-563" xMax="1137" yMax="1126">
+      <contour>
+        <pt x="59" y="-414" on="1"/>
+        <pt x="196" y="-406" on="0"/>
+        <pt x="276" y="-326" on="1"/>
+        <pt x="315" y="-287" on="0"/>
+        <pt x="385" y="-168" on="0"/>
+        <pt x="440" y="-35" on="1"/>
+        <pt x="496" y="102" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="285" y="1126" on="1"/>
+        <pt x="590" y="336" on="1"/>
+        <pt x="897" y="1090" on="0"/>
+        <pt x="942" y="1126" on="1"/>
+        <pt x="1137" y="1126" on="1"/>
+        <pt x="1092" y="1083" on="0"/>
+        <pt x="922" y="705" on="0"/>
+        <pt x="602" y="-80" on="1"/>
+        <pt x="547" y="-211" on="1"/>
+        <pt x="527" y="-258" on="0"/>
+        <pt x="442" y="-391" on="0"/>
+        <pt x="393" y="-438" on="1"/>
+        <pt x="274" y="-553" on="0"/>
+        <pt x="102" y="-563" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="z" xMin="102" yMin="0" xMax="979" yMax="1126">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="145" on="1"/>
+        <pt x="737" y="983" on="1"/>
+        <pt x="102" y="983" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="944" y="1126" on="1"/>
+        <pt x="944" y="983" on="1"/>
+        <pt x="309" y="145" on="1"/>
+        <pt x="834" y="145" on="1"/>
+        <pt x="947" y="145" on="0"/>
+        <pt x="979" y="180" on="1"/>
+        <pt x="979" y="35" on="1"/>
+        <pt x="967" y="21" on="0"/>
+        <pt x="893" y="4" on="0"/>
+        <pt x="862" y="2" on="1"/>
+        <pt x="831" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="zero" xMin="123" yMin="-23" xMax="1130" yMax="1182">
+      <contour>
+        <pt x="123" y="414" on="0"/>
+        <pt x="123" y="745" on="0"/>
+        <pt x="211" y="989" on="0"/>
+        <pt x="360" y="1120" on="0"/>
+        <pt x="530" y="1182" on="0"/>
+        <pt x="723" y="1182" on="0"/>
+        <pt x="893" y="1120" on="0"/>
+        <pt x="1042" y="989" on="0"/>
+        <pt x="1130" y="745" on="0"/>
+        <pt x="1130" y="414" on="0"/>
+        <pt x="1042" y="170" on="0"/>
+        <pt x="893" y="39" on="0"/>
+        <pt x="723" y="-23" on="0"/>
+        <pt x="530" y="-23" on="0"/>
+        <pt x="360" y="39" on="0"/>
+        <pt x="211" y="170" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="817" on="0"/>
+        <pt x="295" y="342" on="0"/>
+        <pt x="487" y="129" on="0"/>
+        <pt x="766" y="129" on="0"/>
+        <pt x="958" y="342" on="0"/>
+        <pt x="958" y="817" on="0"/>
+        <pt x="766" y="1030" on="0"/>
+        <pt x="487" y="1030" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultscript" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+      </contour>
+      <contour>
+        <pt x="896" y="161" on="1"/>
+        <pt x="896" y="351" on="1"/>
+        <pt x="896" y="365" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="865" y="384" on="1"/>
+        <pt x="673" y="384" on="1"/>
+        <pt x="660" y="384" on="0"/>
+        <pt x="640" y="364" on="0"/>
+        <pt x="640" y="351" on="1"/>
+        <pt x="640" y="161" on="1"/>
+        <pt x="640" y="148" on="0"/>
+        <pt x="660" y="128" on="0"/>
+        <pt x="673" y="128" on="1"/>
+        <pt x="865" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="894" y="505" on="1"/>
+        <pt x="912" y="1126" on="1"/>
+        <pt x="912" y="1138" on="0"/>
+        <pt x="902" y="1144" on="1"/>
+        <pt x="892" y="1152" on="0"/>
+        <pt x="878" y="1152" on="1"/>
+        <pt x="658" y="1152" on="1"/>
+        <pt x="644" y="1152" on="0"/>
+        <pt x="634" y="1144" on="1"/>
+        <pt x="624" y="1138" on="0"/>
+        <pt x="624" y="1126" on="1"/>
+        <pt x="641" y="505" on="1"/>
+        <pt x="641" y="495" on="0"/>
+        <pt x="661" y="480" on="0"/>
+        <pt x="675" y="480" on="1"/>
+        <pt x="860" y="480" on="1"/>
+        <pt x="874" y="480" on="0"/>
+        <pt x="893" y="495" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="latinscript" xMin="16" yMin="-128" xMax="1776" yMax="1536">
+      <contour>
+        <pt x="1024" y="161" on="1"/>
+        <pt x="1024" y="351" on="1"/>
+        <pt x="1024" y="365" on="0"/>
+        <pt x="1005" y="384" on="0"/>
+        <pt x="992" y="384" on="1"/>
+        <pt x="800" y="384" on="1"/>
+        <pt x="787" y="384" on="0"/>
+        <pt x="768" y="365" on="0"/>
+        <pt x="768" y="351" on="1"/>
+        <pt x="768" y="161" on="1"/>
+        <pt x="768" y="147" on="0"/>
+        <pt x="787" y="128" on="0"/>
+        <pt x="800" y="128" on="1"/>
+        <pt x="992" y="128" on="1"/>
+        <pt x="1005" y="128" on="0"/>
+        <pt x="1024" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1022" y="535" on="1"/>
+        <pt x="1040" y="994" on="1"/>
+        <pt x="1040" y="1006" on="0"/>
+        <pt x="1030" y="1013" on="1"/>
+        <pt x="1017" y="1024" on="0"/>
+        <pt x="1006" y="1024" on="1"/>
+        <pt x="786" y="1024" on="1"/>
+        <pt x="775" y="1024" on="0"/>
+        <pt x="762" y="1013" on="1"/>
+        <pt x="752" y="1006" on="0"/>
+        <pt x="752" y="992" on="1"/>
+        <pt x="769" y="535" on="1"/>
+        <pt x="769" y="525" on="0"/>
+        <pt x="789" y="512" on="0"/>
+        <pt x="803" y="512" on="1"/>
+        <pt x="988" y="512" on="1"/>
+        <pt x="1002" y="512" on="0"/>
+        <pt x="1021" y="525" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1008" y="1469" on="1"/>
+        <pt x="1776" y="61" on="1"/>
+        <pt x="1811" y="-2" on="0"/>
+        <pt x="1774" y="-65" on="1"/>
+        <pt x="1757" y="-94" on="0"/>
+        <pt x="1698" y="-128" on="0"/>
+        <pt x="1664" y="-128" on="1"/>
+        <pt x="128" y="-128" on="1"/>
+        <pt x="94" y="-128" on="0"/>
+        <pt x="35" y="-94" on="0"/>
+        <pt x="18" y="-65" on="1"/>
+        <pt x="-19" y="-2" on="0"/>
+        <pt x="16" y="61" on="1"/>
+        <pt x="784" y="1469" on="1"/>
+        <pt x="801" y="1500" on="0"/>
+        <pt x="861" y="1536" on="0"/>
+        <pt x="931" y="1536" on="0"/>
+        <pt x="991" y="1500" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1097" y="457" on="1"/>
+        <pt x="951" y="311" on="1"/>
+        <pt x="941" y="301" on="0"/>
+        <pt x="915" y="301" on="0"/>
+        <pt x="905" y="311" on="1"/>
+        <pt x="768" y="448" on="1"/>
+        <pt x="631" y="311" on="1"/>
+        <pt x="621" y="301" on="0"/>
+        <pt x="595" y="301" on="0"/>
+        <pt x="585" y="311" on="1"/>
+        <pt x="439" y="457" on="1"/>
+        <pt x="429" y="467" on="0"/>
+        <pt x="429" y="493" on="0"/>
+        <pt x="439" y="503" on="1"/>
+        <pt x="576" y="640" on="1"/>
+        <pt x="439" y="777" on="1"/>
+        <pt x="429" y="787" on="0"/>
+        <pt x="429" y="813" on="0"/>
+        <pt x="439" y="823" on="1"/>
+        <pt x="585" y="969" on="1"/>
+        <pt x="595" y="979" on="0"/>
+        <pt x="621" y="979" on="0"/>
+        <pt x="631" y="969" on="1"/>
+        <pt x="768" y="832" on="1"/>
+        <pt x="905" y="969" on="1"/>
+        <pt x="915" y="979" on="0"/>
+        <pt x="941" y="979" on="0"/>
+        <pt x="951" y="969" on="1"/>
+        <pt x="1097" y="823" on="1"/>
+        <pt x="1107" y="813" on="0"/>
+        <pt x="1107" y="787" on="0"/>
+        <pt x="1097" y="777" on="1"/>
+        <pt x="960" y="640" on="1"/>
+        <pt x="1097" y="503" on="1"/>
+        <pt x="1107" y="493" on="0"/>
+        <pt x="1107" y="467" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1312" y="492" on="0"/>
+        <pt x="1312" y="788" on="0"/>
+        <pt x="1166" y="1038" on="0"/>
+        <pt x="916" y="1184" on="0"/>
+        <pt x="620" y="1184" on="0"/>
+        <pt x="370" y="1038" on="0"/>
+        <pt x="224" y="788" on="0"/>
+        <pt x="224" y="492" on="0"/>
+        <pt x="370" y="242" on="0"/>
+        <pt x="620" y="96" on="0"/>
+        <pt x="916" y="96" on="0"/>
+        <pt x="1166" y="242" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="frenchlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1149" y="414" on="1"/>
+        <pt x="1149" y="440" on="0"/>
+        <pt x="1130" y="459" on="1"/>
+        <pt x="949" y="640" on="1"/>
+        <pt x="1130" y="821" on="1"/>
+        <pt x="1149" y="840" on="0"/>
+        <pt x="1149" y="866" on="1"/>
+        <pt x="1149" y="893" on="0"/>
+        <pt x="1130" y="912" on="1"/>
+        <pt x="1040" y="1002" on="1"/>
+        <pt x="1021" y="1021" on="0"/>
+        <pt x="994" y="1021" on="1"/>
+        <pt x="968" y="1021" on="0"/>
+        <pt x="949" y="1002" on="1"/>
+        <pt x="768" y="821" on="1"/>
+        <pt x="587" y="1002" on="1"/>
+        <pt x="568" y="1021" on="0"/>
+        <pt x="542" y="1021" on="1"/>
+        <pt x="515" y="1021" on="0"/>
+        <pt x="496" y="1002" on="1"/>
+        <pt x="406" y="912" on="1"/>
+        <pt x="387" y="893" on="0"/>
+        <pt x="387" y="866" on="1"/>
+        <pt x="387" y="840" on="0"/>
+        <pt x="406" y="821" on="1"/>
+        <pt x="587" y="640" on="1"/>
+        <pt x="406" y="459" on="1"/>
+        <pt x="387" y="440" on="0"/>
+        <pt x="387" y="414" on="1"/>
+        <pt x="387" y="387" on="0"/>
+        <pt x="406" y="368" on="1"/>
+        <pt x="496" y="278" on="1"/>
+        <pt x="515" y="259" on="0"/>
+        <pt x="542" y="259" on="1"/>
+        <pt x="568" y="259" on="0"/>
+        <pt x="587" y="278" on="1"/>
+        <pt x="768" y="459" on="1"/>
+        <pt x="949" y="278" on="1"/>
+        <pt x="968" y="259" on="0"/>
+        <pt x="994" y="259" on="1"/>
+        <pt x="1021" y="259" on="0"/>
+        <pt x="1040" y="278" on="1"/>
+        <pt x="1130" y="368" on="1"/>
+        <pt x="1149" y="387" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1216" y="576" on="1"/>
+        <pt x="1216" y="704" on="1"/>
+        <pt x="1216" y="730" on="0"/>
+        <pt x="1178" y="768" on="0"/>
+        <pt x="1152" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="358" y="768" on="0"/>
+        <pt x="320" y="730" on="0"/>
+        <pt x="320" y="704" on="1"/>
+        <pt x="320" y="576" on="1"/>
+        <pt x="320" y="550" on="0"/>
+        <pt x="358" y="512" on="0"/>
+        <pt x="384" y="512" on="1"/>
+        <pt x="1152" y="512" on="1"/>
+        <pt x="1178" y="512" on="0"/>
+        <pt x="1216" y="550" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nondefaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="896" y="160" on="1"/>
+        <pt x="896" y="352" on="1"/>
+        <pt x="896" y="366" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="864" y="384" on="1"/>
+        <pt x="672" y="384" on="1"/>
+        <pt x="658" y="384" on="0"/>
+        <pt x="640" y="366" on="0"/>
+        <pt x="640" y="352" on="1"/>
+        <pt x="640" y="160" on="1"/>
+        <pt x="640" y="146" on="0"/>
+        <pt x="658" y="128" on="0"/>
+        <pt x="672" y="128" on="1"/>
+        <pt x="864" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="146" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1152" y="832" on="1"/>
+        <pt x="1152" y="920" on="0"/>
+        <pt x="1041" y="1070" on="0"/>
+        <pt x="875" y="1152" on="0"/>
+        <pt x="788" y="1152" on="1"/>
+        <pt x="545" y="1152" on="0"/>
+        <pt x="417" y="939" on="1"/>
+        <pt x="402" y="915" on="0"/>
+        <pt x="425" y="897" on="1"/>
+        <pt x="557" y="797" on="1"/>
+        <pt x="564" y="791" on="0"/>
+        <pt x="576" y="791" on="1"/>
+        <pt x="592" y="791" on="0"/>
+        <pt x="601" y="803" on="1"/>
+        <pt x="654" y="871" on="0"/>
+        <pt x="687" y="895" on="1"/>
+        <pt x="721" y="919" on="0"/>
+        <pt x="773" y="919" on="1"/>
+        <pt x="821" y="919" on="0"/>
+        <pt x="896" y="867" on="0"/>
+        <pt x="896" y="834" on="1"/>
+        <pt x="896" y="796" on="0"/>
+        <pt x="856" y="750" on="0"/>
+        <pt x="808" y="728" on="1"/>
+        <pt x="745" y="700" on="0"/>
+        <pt x="640" y="583" on="0"/>
+        <pt x="640" y="516" on="1"/>
+        <pt x="640" y="480" on="1"/>
+        <pt x="640" y="466" on="0"/>
+        <pt x="658" y="448" on="0"/>
+        <pt x="672" y="448" on="1"/>
+        <pt x="864" y="448" on="1"/>
+        <pt x="878" y="448" on="0"/>
+        <pt x="896" y="466" on="0"/>
+        <pt x="896" y="480" on="1"/>
+        <pt x="896" y="499" on="0"/>
+        <pt x="939" y="560" on="0"/>
+        <pt x="972" y="579" on="1"/>
+        <pt x="1004" y="597" on="0"/>
+        <pt x="1038" y="618" on="0"/>
+        <pt x="1096" y="667" on="0"/>
+        <pt x="1127" y="714" on="0"/>
+        <pt x="1152" y="788" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="good" xMin="0" yMin="-128" xMax="1536" yMax="1536">
+      <contour>
+        <pt x="256" y="166" on="0"/>
+        <pt x="256" y="218" on="0"/>
+        <pt x="218" y="256" on="0"/>
+        <pt x="166" y="256" on="0"/>
+        <pt x="128" y="218" on="0"/>
+        <pt x="128" y="166" on="0"/>
+        <pt x="166" y="128" on="0"/>
+        <pt x="218" y="128" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1408" y="768" on="1"/>
+        <pt x="1408" y="819" on="0"/>
+        <pt x="1330" y="896" on="0"/>
+        <pt x="1280" y="896" on="1"/>
+        <pt x="928" y="896" on="1"/>
+        <pt x="928" y="954" on="0"/>
+        <pt x="1024" y="1157" on="0"/>
+        <pt x="1024" y="1216" on="1"/>
+        <pt x="1024" y="1314" on="0"/>
+        <pt x="960" y="1408" on="0"/>
+        <pt x="864" y="1408" on="1"/>
+        <pt x="838" y="1382" on="0"/>
+        <pt x="814" y="1264" on="0"/>
+        <pt x="777" y="1131" on="0"/>
+        <pt x="736" y="1088" on="1"/>
+        <pt x="714" y="1065" on="0"/>
+        <pt x="659" y="997" on="1"/>
+        <pt x="655" y="992" on="0"/>
+        <pt x="617" y="942" on="0"/>
+        <pt x="592" y="910" on="0"/>
+        <pt x="548" y="857" on="0"/>
+        <pt x="512" y="822" on="0"/>
+        <pt x="471" y="786" on="0"/>
+        <pt x="432" y="768" on="0"/>
+        <pt x="416" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="384" y="128" on="1"/>
+        <pt x="416" y="128" on="1"/>
+        <pt x="429" y="128" on="0"/>
+        <pt x="466" y="122" on="0"/>
+        <pt x="495" y="115" on="0"/>
+        <pt x="542" y="100" on="0"/>
+        <pt x="565" y="92" on="0"/>
+        <pt x="613" y="75" on="0"/>
+        <pt x="618" y="73" on="1"/>
+        <pt x="829" y="0" on="0"/>
+        <pt x="960" y="0" on="1"/>
+        <pt x="1081" y="0" on="1"/>
+        <pt x="1273" y="0" on="0"/>
+        <pt x="1273" y="167" on="1"/>
+        <pt x="1273" y="193" on="0"/>
+        <pt x="1268" y="223" on="1"/>
+        <pt x="1298" y="239" on="0"/>
+        <pt x="1333" y="312" on="0"/>
+        <pt x="1333" y="386" on="0"/>
+        <pt x="1315" y="418" on="1"/>
+        <pt x="1368" y="468" on="0"/>
+        <pt x="1368" y="537" on="1"/>
+        <pt x="1368" y="562" on="0"/>
+        <pt x="1348" y="623" on="0"/>
+        <pt x="1333" y="640" on="1"/>
+        <pt x="1365" y="641" on="0"/>
+        <pt x="1408" y="733" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="769" on="1"/>
+        <pt x="1536" y="680" on="0"/>
+        <pt x="1487" y="606" on="1"/>
+        <pt x="1496" y="573" on="0"/>
+        <pt x="1496" y="537" on="1"/>
+        <pt x="1496" y="460" on="0"/>
+        <pt x="1458" y="393" on="1"/>
+        <pt x="1461" y="372" on="0"/>
+        <pt x="1461" y="350" on="1"/>
+        <pt x="1461" y="249" on="0"/>
+        <pt x="1401" y="172" on="1"/>
+        <pt x="1402" y="33" on="0"/>
+        <pt x="1230" y="-128" on="0"/>
+        <pt x="1089" y="-128" on="1"/>
+        <pt x="1053" y="-128" on="1"/>
+        <pt x="960" y="-128" on="1"/>
+        <pt x="864" y="-128" on="0"/>
+        <pt x="677" y="-83" on="0"/>
+        <pt x="554" y="-40" on="1"/>
+        <pt x="438" y="0" on="0"/>
+        <pt x="416" y="0" on="1"/>
+        <pt x="128" y="0" on="1"/>
+        <pt x="75" y="0" on="0"/>
+        <pt x="0" y="75" on="0"/>
+        <pt x="0" y="128" on="1"/>
+        <pt x="0" y="768" on="1"/>
+        <pt x="0" y="821" on="0"/>
+        <pt x="75" y="896" on="0"/>
+        <pt x="128" y="896" on="1"/>
+        <pt x="402" y="896" on="1"/>
+        <pt x="438" y="920" on="0"/>
+        <pt x="539" y="1051" on="1"/>
+        <pt x="597" y="1126" on="0"/>
+        <pt x="646" y="1179" on="1"/>
+        <pt x="670" y="1204" on="0"/>
+        <pt x="693" y="1325" on="0"/>
+        <pt x="731" y="1457" on="0"/>
+        <pt x="774" y="1499" on="1"/>
+        <pt x="813" y="1536" on="0"/>
+        <pt x="864" y="1536" on="1"/>
+        <pt x="948" y="1536" on="0"/>
+        <pt x="1082" y="1471" on="0"/>
+        <pt x="1152" y="1333" on="0"/>
+        <pt x="1152" y="1216" on="1"/>
+        <pt x="1152" y="1123" on="0"/>
+        <pt x="1104" y="1024" on="1"/>
+        <pt x="1280" y="1024" on="1"/>
+        <pt x="1384" y="1024" on="0"/>
+        <pt x="1536" y="872" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+  </glyf>
+
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="uniE000"/>
+
+      <psName name="defaultscript"/>
+      <psName name="latinscript"/>
+      <psName name="defaultlang"/>
+      <psName name="frenchlang"/>
+      <psName name="defaultfeature"/>
+      <psName name="nondefaultfeature"/>
+      <psName name="good"/>
+
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="4" rangeGaspBehavior="2"/>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="3"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c7feb0df 00000000
+      c5b5ab33 00000000 c938ca96 
+    </hexdata>
+  </FFTM>
+
+
+  <GPOS>
+    <Version value="1.0"/>
+    <ScriptList>
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <FeatureRecord index="0">
+        <FeatureTag value="kern"/>
+        <Feature>
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <Lookup index="0">
+        <LookupType value="2"/>
+        <LookupFlag value="0"/>
+        <PairPos index="0" Format="1">
+          <Coverage Format="1">
+            <Glyph value="space"/>
+            <Glyph value="defaultscript"/>
+            <Glyph value="defaultlang"/>
+            <Glyph value="defaultfeature"/>
+          </Coverage>
+          <ValueFormat1 value="4"/>
+          <ValueFormat2 value="0"/>
+
+          <!-- space -->
+          <PairSet index="0">
+            <PairValueRecord index="0">
+              <SecondGlyph value="latinscript"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="1">
+              <SecondGlyph value="frenchlang"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="2">
+              <SecondGlyph value="nondefaultfeature"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultscript -->
+          <PairSet index="1">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultlang -->
+          <PairSet index="2">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultfeature -->
+          <PairSet index="3">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+        </PairPos>
+      </Lookup>
+    </LookupList>
+  </GPOS>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      This Font Software is licensed under the SIL Open Font License, Version 1.1.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="10" platformID="3" platEncID="1" langID="0x409">
+      Testing font assembled from Junction with the inclusion of icon glyphs from Font Awesome by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      http://scripts.sil.org/OFL_web
+    </namerecord>
+  </name>
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="1"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="1">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="1"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="2">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="2"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="3">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="3"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="4">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="4"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="5">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="5"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="6">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="6"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="7">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="7"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="8">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="8"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="n">
+            <Ligature components="o,n,hyphen,d,e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="nondefaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="d">
+            <Ligature components="e,f,a,u,l,t,hyphen,s,c,r,i,p,t" glyph="defaultscript"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,l,a,n,g" glyph="defaultlang"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="defaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="f">
+            <Ligature components="r,a,hyphen,l,a,n,g" glyph="frenchlang"/>
+          </LigatureSet>
+          <LigatureSet glyph="l">
+            <Ligature components="a,t,n,hyphen,s,c,r,i,p,t" glyph="latinscript"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+
+<!--
+  default script - default lang - default feature
+  default script - default lang - non-default feature
+  default script - lang - default feature
+  default script - lang - non-default feature
+  script - default lang - default feature
+  script - default lang - non-default feature
+  script - lang - default feature
+  script - lang - non-default feature
+-->
+
+      <Lookup index="1">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="2">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="3">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="4">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="5">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="6">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="7">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="8">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+</ttFont>
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf
new file mode 100644
index 0000000000..7f0fe7cd50
Binary files /dev/null and b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf differ
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttx b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttx
new file mode 100644
index 0000000000..ff79b03acd
--- /dev/null
+++ b/layout/reftests/fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttx
@@ -0,0 +1,4966 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.4">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="uni00AD"/>
+    <GlyphID id="100" name="uni2000"/>
+    <GlyphID id="101" name="uni2001"/>
+    <GlyphID id="102" name="uni2002"/>
+    <GlyphID id="103" name="uni2003"/>
+    <GlyphID id="104" name="uni2004"/>
+    <GlyphID id="105" name="uni2005"/>
+    <GlyphID id="106" name="uni2006"/>
+    <GlyphID id="107" name="uni2007"/>
+    <GlyphID id="108" name="uni2008"/>
+    <GlyphID id="109" name="uni2009"/>
+    <GlyphID id="110" name="uni200A"/>
+    <GlyphID id="111" name="uni2010"/>
+    <GlyphID id="112" name="uni2011"/>
+    <GlyphID id="113" name="figuredash"/>
+    <GlyphID id="114" name="endash"/>
+    <GlyphID id="115" name="emdash"/>
+    <GlyphID id="116" name="quotedblleft"/>
+    <GlyphID id="117" name="quotedblright"/>
+    <GlyphID id="118" name="uni202F"/>
+    <GlyphID id="119" name="uni205F"/>
+    <GlyphID id="120" name="minus"/>
+    <GlyphID id="121" name="uniE000"/>
+
+    <GlyphID id="122" name="defaultscript"/>
+    <GlyphID id="123" name="latinscript"/>
+    <GlyphID id="124" name="defaultlang"/>
+    <GlyphID id="125" name="frenchlang"/>
+    <GlyphID id="126" name="defaultfeature"/>
+    <GlyphID id="127" name="nondefaultfeature"/>
+    <GlyphID id="128" name="good"/>
+
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.00099182129"/>
+    <checkSumAdjustment value="0x126e2e07"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Dec 23 09:44:54 2010"/>
+    <modified value="Thu Dec 23 09:44:54 2010"/>
+    <xMin value="-72"/>
+    <yMin value="-563"/>
+    <xMax value="2073"/>
+    <yMax value="1722"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1536"/>
+    <descent value="-512"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="2195"/>
+    <minLeftSideBearing value="-72"/>
+    <minRightSideBearing value="-62"/>
+    <xMaxExtent value="2073"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="122"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="122"/>
+    <maxPoints value="81"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="335"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="994"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000100"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00000001"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 01000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="57344"/>
+    <sTypoAscender value="1536"/>
+    <sTypoDescender value="-512"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1722"/>
+    <usWinDescent value="563"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1126"/>
+    <sCapHeight value="1577"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="1"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="532" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="1474" lsb="61"/>
+    <mtx name="B" width="1308" lsb="174"/>
+    <mtx name="C" width="1357" lsb="123"/>
+    <mtx name="D" width="1503" lsb="174"/>
+    <mtx name="E" width="1150" lsb="174"/>
+    <mtx name="F" width="1112" lsb="174"/>
+    <mtx name="G" width="1525" lsb="123"/>
+    <mtx name="H" width="1519" lsb="174"/>
+    <mtx name="I" width="528" lsb="174"/>
+    <mtx name="J" width="585" lsb="-20"/>
+    <mtx name="K" width="1265" lsb="174"/>
+    <mtx name="L" width="1202" lsb="174"/>
+    <mtx name="M" width="1742" lsb="174"/>
+    <mtx name="N" width="1482" lsb="174"/>
+    <mtx name="O" width="1554" lsb="123"/>
+    <mtx name="P" width="1265" lsb="174"/>
+    <mtx name="Q" width="1554" lsb="123"/>
+    <mtx name="R" width="1349" lsb="174"/>
+    <mtx name="S" width="1361" lsb="117"/>
+    <mtx name="T" width="1150" lsb="20"/>
+    <mtx name="U" width="1460" lsb="174"/>
+    <mtx name="V" width="1433" lsb="61"/>
+    <mtx name="W" width="2019" lsb="61"/>
+    <mtx name="X" width="1345" lsb="61"/>
+    <mtx name="Y" width="1263" lsb="20"/>
+    <mtx name="Z" width="1257" lsb="104"/>
+    <mtx name="a" width="1155" lsb="123"/>
+    <mtx name="ampersand" width="1802" lsb="123"/>
+    <mtx name="asciicircum" width="1339" lsb="82"/>
+    <mtx name="asciitilde" width="1349" lsb="123"/>
+    <mtx name="asterisk" width="1265" lsb="100"/>
+    <mtx name="at" width="2195" lsb="123"/>
+    <mtx name="b" width="1292" lsb="174"/>
+    <mtx name="backslash" width="905" lsb="51"/>
+    <mtx name="bar" width="503" lsb="174"/>
+    <mtx name="braceleft" width="962" lsb="164"/>
+    <mtx name="braceright" width="962" lsb="143"/>
+    <mtx name="bracketleft" width="735" lsb="174"/>
+    <mtx name="bracketright" width="735" lsb="143"/>
+    <mtx name="c" width="1044" lsb="113"/>
+    <mtx name="colon" width="514" lsb="143"/>
+    <mtx name="comma" width="413" lsb="82"/>
+    <mtx name="d" width="1333" lsb="123"/>
+    <mtx name="dollar" width="1341" lsb="117"/>
+    <mtx name="e" width="1187" lsb="113"/>
+    <mtx name="eight" width="1216" lsb="133"/>
+    <mtx name="emdash" width="1558" lsb="82"/>
+    <mtx name="endash" width="1312" lsb="61"/>
+    <mtx name="equal" width="1394" lsb="133"/>
+    <mtx name="exclam" width="575" lsb="174"/>
+    <mtx name="f" width="825" lsb="61"/>
+    <mtx name="figuredash" width="708" lsb="113"/>
+    <mtx name="five" width="1208" lsb="143"/>
+    <mtx name="four" width="1286" lsb="82"/>
+    <mtx name="g" width="1261" lsb="123"/>
+    <mtx name="grave" width="729" lsb="113"/>
+    <mtx name="greater" width="1433" lsb="143"/>
+    <mtx name="h" width="1241" lsb="174"/>
+    <mtx name="hyphen" width="708" lsb="113"/>
+    <mtx name="i" width="555" lsb="174"/>
+    <mtx name="j" width="452" lsb="-72"/>
+    <mtx name="k" width="1157" lsb="174"/>
+    <mtx name="l" width="573" lsb="174"/>
+    <mtx name="less" width="1433" lsb="154"/>
+    <mtx name="m" width="1882" lsb="174"/>
+    <mtx name="minus" width="1331" lsb="102"/>
+    <mtx name="n" width="1261" lsb="174"/>
+    <mtx name="nine" width="1269" lsb="123"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="numbersign" width="1689" lsb="82"/>
+    <mtx name="o" width="1224" lsb="123"/>
+    <mtx name="one" width="731" lsb="102"/>
+    <mtx name="p" width="1292" lsb="174"/>
+    <mtx name="parenleft" width="692" lsb="123"/>
+    <mtx name="parenright" width="692" lsb="61"/>
+    <mtx name="percent" width="2066" lsb="123"/>
+    <mtx name="period" width="411" lsb="92"/>
+    <mtx name="plus" width="1331" lsb="102"/>
+    <mtx name="q" width="1292" lsb="123"/>
+    <mtx name="question" width="1032" lsb="84"/>
+    <mtx name="quotedbl" width="774" lsb="92"/>
+    <mtx name="quotedblleft" width="774" lsb="92"/>
+    <mtx name="quotedblright" width="774" lsb="92"/>
+    <mtx name="quotesingle" width="423" lsb="92"/>
+    <mtx name="r" width="940" lsb="174"/>
+    <mtx name="s" width="1026" lsb="92"/>
+    <mtx name="semicolon" width="526" lsb="143"/>
+    <mtx name="seven" width="1058" lsb="10"/>
+    <mtx name="six" width="1269" lsb="131"/>
+    <mtx name="slash" width="884" lsb="41"/>
+    <mtx name="space" width="532" lsb="0"/>
+    <mtx name="t" width="819" lsb="92"/>
+    <mtx name="three" width="1142" lsb="82"/>
+    <mtx name="two" width="1126" lsb="102"/>
+    <mtx name="u" width="1261" lsb="164"/>
+    <mtx name="underscore" width="1353" lsb="113"/>
+    <mtx name="uni00A0" width="532" lsb="0"/>
+    <mtx name="uni00AD" width="708" lsb="113"/>
+    <mtx name="uni2000" width="860" lsb="0"/>
+    <mtx name="uni2001" width="1722" lsb="0"/>
+    <mtx name="uni2002" width="860" lsb="0"/>
+    <mtx name="uni2003" width="1722" lsb="0"/>
+    <mtx name="uni2004" width="573" lsb="0"/>
+    <mtx name="uni2005" width="430" lsb="0"/>
+    <mtx name="uni2006" width="286" lsb="0"/>
+    <mtx name="uni2007" width="286" lsb="0"/>
+    <mtx name="uni2008" width="215" lsb="0"/>
+    <mtx name="uni2009" width="344" lsb="0"/>
+    <mtx name="uni200A" width="94" lsb="0"/>
+    <mtx name="uni2010" width="708" lsb="113"/>
+    <mtx name="uni2011" width="708" lsb="113"/>
+    <mtx name="uni202F" width="344" lsb="0"/>
+    <mtx name="uni205F" width="430" lsb="0"/>
+    <mtx name="uniE000" width="1125" lsb="0"/>
+    <mtx name="v" width="1144" lsb="72"/>
+    <mtx name="w" width="1632" lsb="72"/>
+    <mtx name="x" width="1216" lsb="82"/>
+    <mtx name="y" width="1126" lsb="59"/>
+    <mtx name="z" width="1060" lsb="102"/>
+    <mtx name="zero" width="1253" lsb="123"/>
+
+    <mtx name="defaultscript" width="1536" lsb="0"/>
+    <mtx name="latinscript" width="1792" lsb="16"/>
+    <mtx name="defaultlang" width="1536" lsb="0"/>
+    <mtx name="frenchlang" width="1536" lsb="0"/>
+    <mtx name="defaultfeature" width="1536" lsb="0"/>
+    <mtx name="nondefaultfeature" width="1536" lsb="0"/>
+    <mtx name="good" width="1536" lsb="0"/>
+
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+    </cmap_format_4>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="61" yMin="0" xMax="1413" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="643" y="1577" on="1"/>
+        <pt x="831" y="1577" on="1"/>
+        <pt x="1413" y="0" on="1"/>
+        <pt x="1223" y="0" on="1"/>
+        <pt x="1024" y="537" on="1"/>
+        <pt x="449" y="537" on="1"/>
+        <pt x="252" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="506" y="692" on="1"/>
+        <pt x="967" y="692" on="1"/>
+        <pt x="737" y="1319" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="B" xMin="174" yMin="-25" xMax="1184" yMax="1599">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="471" y="1538" on="0"/>
+        <pt x="618" y="1599" on="0"/>
+        <pt x="709" y="1599" on="1"/>
+        <pt x="875" y="1599" on="0"/>
+        <pt x="1112" y="1376" on="0"/>
+        <pt x="1112" y="1143" on="1"/>
+        <pt x="1110" y="920" on="0"/>
+        <pt x="952" y="819" on="1"/>
+        <pt x="1081" y="760" on="0"/>
+        <pt x="1184" y="569" on="0"/>
+        <pt x="1184" y="485" on="1"/>
+        <pt x="1184" y="475" on="1"/>
+        <pt x="1184" y="432" on="0"/>
+        <pt x="1182" y="377" on="0"/>
+        <pt x="1161" y="262" on="0"/>
+        <pt x="1124" y="182" on="0"/>
+        <pt x="1047" y="82" on="0"/>
+        <pt x="936" y="18" on="0"/>
+        <pt x="762" y="-25" on="0"/>
+        <pt x="651" y="-25" on="1"/>
+        <pt x="514" y="-21" on="0"/>
+        <pt x="354" y="92" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="236" on="1"/>
+        <pt x="501" y="144" on="0"/>
+        <pt x="651" y="143" on="1"/>
+        <pt x="729" y="143" on="0"/>
+        <pt x="850" y="176" on="0"/>
+        <pt x="924" y="215" on="0"/>
+        <pt x="977" y="293" on="0"/>
+        <pt x="999" y="338" on="0"/>
+        <pt x="1012" y="428" on="0"/>
+        <pt x="1012" y="439" on="1"/>
+        <pt x="1012" y="485" on="1"/>
+        <pt x="1012" y="516" on="0"/>
+        <pt x="985" y="584" on="0"/>
+        <pt x="920" y="670" on="0"/>
+        <pt x="772" y="729" on="0"/>
+        <pt x="668" y="733" on="1"/>
+        <pt x="609" y="729" on="0"/>
+        <pt x="354" y="729" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="877" on="1"/>
+        <pt x="466" y="877" on="1"/>
+        <pt x="498" y="877" on="0"/>
+        <pt x="639" y="883" on="0"/>
+        <pt x="671" y="890" on="1"/>
+        <pt x="756" y="909" on="1"/>
+        <pt x="809" y="921" on="0"/>
+        <pt x="860" y="961" on="0"/>
+        <pt x="918" y="1016" on="0"/>
+        <pt x="940" y="1096" on="0"/>
+        <pt x="940" y="1147" on="1"/>
+        <pt x="938" y="1292" on="0"/>
+        <pt x="803" y="1432" on="0"/>
+        <pt x="709" y="1432" on="1"/>
+        <pt x="549" y="1432" on="0"/>
+        <pt x="354" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="C" xMin="123" yMin="-25" xMax="1315" yMax="1597">
+      <contour>
+        <pt x="123" y="752" on="1"/>
+        <pt x="123" y="955" on="0"/>
+        <pt x="242" y="1288" on="0"/>
+        <pt x="432" y="1489" on="0"/>
+        <pt x="659" y="1597" on="0"/>
+        <pt x="774" y="1597" on="1"/>
+        <pt x="866" y="1597" on="0"/>
+        <pt x="1030" y="1552" on="0"/>
+        <pt x="1135" y="1491" on="0"/>
+        <pt x="1214" y="1427" on="0"/>
+        <pt x="1233" y="1405" on="1"/>
+        <pt x="1249" y="1382" on="1"/>
+        <pt x="1124" y="1262" on="1"/>
+        <pt x="1113" y="1279" on="1"/>
+        <pt x="1106" y="1290" on="0"/>
+        <pt x="1044" y="1348" on="0"/>
+        <pt x="973" y="1391" on="0"/>
+        <pt x="846" y="1425" on="0"/>
+        <pt x="772" y="1425" on="1"/>
+        <pt x="586" y="1425" on="0"/>
+        <pt x="307" y="1077" on="0"/>
+        <pt x="307" y="752" on="1"/>
+        <pt x="307" y="496" on="0"/>
+        <pt x="569" y="147" on="0"/>
+        <pt x="758" y="147" on="1"/>
+        <pt x="803" y="147" on="0"/>
+        <pt x="891" y="160" on="0"/>
+        <pt x="965" y="180" on="0"/>
+        <pt x="1032" y="207" on="0"/>
+        <pt x="1087" y="236" on="0"/>
+        <pt x="1133" y="264" on="0"/>
+        <pt x="1167" y="291" on="0"/>
+        <pt x="1192" y="311" on="0"/>
+        <pt x="1198" y="317" on="1"/>
+        <pt x="1204" y="324" on="1"/>
+        <pt x="1315" y="217" on="1"/>
+        <pt x="1254" y="141" on="0"/>
+        <pt x="1198" y="102" on="1"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="762" y="-25" on="1"/>
+        <pt x="488" y="-25" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="D" xMin="174" yMin="-25" xMax="1380" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1403" on="1"/>
+        <pt x="559" y="1596" on="0"/>
+        <pt x="819" y="1597" on="1"/>
+        <pt x="930" y="1597" on="0"/>
+        <pt x="1122" y="1507" on="0"/>
+        <pt x="1286" y="1323" on="0"/>
+        <pt x="1380" y="995" on="0"/>
+        <pt x="1380" y="778" on="1"/>
+        <pt x="1380" y="436" on="0"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="758" y="-25" on="1"/>
+        <pt x="568" y="-21" on="0"/>
+        <pt x="354" y="117" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="281" on="1"/>
+        <pt x="551" y="152" on="0"/>
+        <pt x="758" y="152" on="1"/>
+        <pt x="946" y="152" on="0"/>
+        <pt x="1200" y="506" on="0"/>
+        <pt x="1200" y="778" on="1"/>
+        <pt x="1200" y="1093" on="0"/>
+        <pt x="977" y="1417" on="0"/>
+        <pt x="825" y="1421" on="1"/>
+        <pt x="544" y="1421" on="0"/>
+        <pt x="354" y="1227" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="E" xMin="174" yMin="0" xMax="1069" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="854" y="176" on="1"/>
+        <pt x="1069" y="186" on="1"/>
+        <pt x="1069" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="F" xMin="174" yMin="0" xMax="1040" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="G" xMin="123" yMin="-25" xMax="1350" yMax="1597">
+      <contour>
+        <pt x="123" y="764" on="1"/>
+        <pt x="123" y="948" on="0"/>
+        <pt x="219" y="1241" on="0"/>
+        <pt x="367" y="1423" on="0"/>
+        <pt x="565" y="1546" on="0"/>
+        <pt x="756" y="1595" on="0"/>
+        <pt x="852" y="1597" on="1"/>
+        <pt x="942" y="1597" on="0"/>
+        <pt x="1108" y="1548" on="0"/>
+        <pt x="1219" y="1477" on="0"/>
+        <pt x="1305" y="1405" on="0"/>
+        <pt x="1323" y="1380" on="1"/>
+        <pt x="1343" y="1356" on="1"/>
+        <pt x="1219" y="1235" on="1"/>
+        <pt x="1215" y="1243" on="0"/>
+        <pt x="1194" y="1270" on="0"/>
+        <pt x="1128" y="1337" on="0"/>
+        <pt x="1053" y="1389" on="0"/>
+        <pt x="928" y="1432" on="0"/>
+        <pt x="860" y="1434" on="1"/>
+        <pt x="770" y="1434" on="0"/>
+        <pt x="590" y="1364" on="0"/>
+        <pt x="418" y="1217" on="0"/>
+        <pt x="309" y="944" on="0"/>
+        <pt x="309" y="764" on="1"/>
+        <pt x="309" y="664" on="0"/>
+        <pt x="369" y="461" on="0"/>
+        <pt x="489" y="272" on="0"/>
+        <pt x="711" y="154" on="0"/>
+        <pt x="854" y="152" on="1"/>
+        <pt x="952" y="152" on="0"/>
+        <pt x="1190" y="260" on="0"/>
+        <pt x="1190" y="319" on="1"/>
+        <pt x="1190" y="625" on="1"/>
+        <pt x="979" y="625" on="1"/>
+        <pt x="870" y="625" on="0"/>
+        <pt x="813" y="655" on="1"/>
+        <pt x="813" y="819" on="1"/>
+        <pt x="887" y="801" on="0"/>
+        <pt x="985" y="801" on="1"/>
+        <pt x="1350" y="801" on="1"/>
+        <pt x="1350" y="311" on="1"/>
+        <pt x="1350" y="176" on="0"/>
+        <pt x="1049" y="-20" on="0"/>
+        <pt x="862" y="-25" on="1"/>
+        <pt x="702" y="-25" on="0"/>
+        <pt x="442" y="78" on="0"/>
+        <pt x="279" y="240" on="0"/>
+        <pt x="168" y="453" on="0"/>
+        <pt x="123" y="660" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="H" xMin="174" yMin="0" xMax="1346" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="1165" y="893" on="1"/>
+        <pt x="1165" y="1577" on="1"/>
+        <pt x="1346" y="1577" on="1"/>
+        <pt x="1346" y="0" on="1"/>
+        <pt x="1165" y="0" on="1"/>
+        <pt x="1165" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="I" xMin="174" yMin="0" xMax="354" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="J" xMin="-20" yMin="-530" xMax="414" yMax="1577">
+      <contour>
+        <pt x="-20" y="-369" on="1"/>
+        <pt x="89" y="-338" on="0"/>
+        <pt x="233" y="-174" on="0"/>
+        <pt x="233" y="-35" on="1"/>
+        <pt x="233" y="1577" on="1"/>
+        <pt x="414" y="1577" on="1"/>
+        <pt x="414" y="-35" on="1"/>
+        <pt x="414" y="-129" on="0"/>
+        <pt x="362" y="-287" on="0"/>
+        <pt x="287" y="-391" on="0"/>
+        <pt x="182" y="-473" on="0"/>
+        <pt x="94" y="-514" on="0"/>
+        <pt x="45" y="-530" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="K" xMin="174" yMin="0" xMax="1225" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="866" on="1"/>
+        <pt x="895" y="1577" on="1"/>
+        <pt x="1122" y="1577" on="1"/>
+        <pt x="532" y="840" on="1"/>
+        <pt x="577" y="834" on="0"/>
+        <pt x="711" y="770" on="0"/>
+        <pt x="750" y="725" on="1"/>
+        <pt x="795" y="680" on="0"/>
+        <pt x="1194" y="39" on="0"/>
+        <pt x="1225" y="4" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="1006" y="0" on="1"/>
+        <pt x="971" y="37" on="0"/>
+        <pt x="664" y="553" on="0"/>
+        <pt x="627" y="592" on="1"/>
+        <pt x="545" y="682" on="0"/>
+        <pt x="442" y="682" on="1"/>
+        <pt x="381" y="682" on="0"/>
+        <pt x="354" y="676" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="L" xMin="174" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="915" y="176" on="1"/>
+        <pt x="1130" y="186" on="1"/>
+        <pt x="1130" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="M" xMin="174" yMin="0" xMax="1569" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="868" y="225" on="1"/>
+        <pt x="870" y="211" on="1"/>
+        <pt x="872" y="225" on="1"/>
+        <pt x="1389" y="1577" on="1"/>
+        <pt x="1569" y="1577" on="1"/>
+        <pt x="1569" y="0" on="1"/>
+        <pt x="1389" y="0" on="1"/>
+        <pt x="1389" y="1106" on="1"/>
+        <pt x="1391" y="1137" on="1"/>
+        <pt x="1382" y="1106" on="1"/>
+        <pt x="958" y="0" on="1"/>
+        <pt x="784" y="0" on="1"/>
+        <pt x="360" y="1106" on="1"/>
+        <pt x="352" y="1137" on="1"/>
+        <pt x="354" y="1106" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="N" xMin="174" yMin="0" xMax="1309" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1575" on="1"/>
+        <pt x="1116" y="336" on="1"/>
+        <pt x="1130" y="307" on="1"/>
+        <pt x="1128" y="336" on="1"/>
+        <pt x="1128" y="1577" on="1"/>
+        <pt x="1309" y="1577" on="1"/>
+        <pt x="1309" y="0" on="1"/>
+        <pt x="1128" y="0" on="1"/>
+        <pt x="1128" y="2" on="1"/>
+        <pt x="367" y="1245" on="1"/>
+        <pt x="352" y="1274" on="1"/>
+        <pt x="354" y="1245" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="O" xMin="123" yMin="-14" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="565" on="0"/>
+        <pt x="123" y="1016" on="0"/>
+        <pt x="233" y="1343" on="0"/>
+        <pt x="428" y="1520" on="0"/>
+        <pt x="649" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="882" y="1595" on="0"/>
+        <pt x="1063" y="1548" on="0"/>
+        <pt x="1235" y="1434" on="0"/>
+        <pt x="1356" y="1255" on="0"/>
+        <pt x="1432" y="975" on="0"/>
+        <pt x="1432" y="795" on="1"/>
+        <pt x="1432" y="568" on="0"/>
+        <pt x="1321" y="240" on="0"/>
+        <pt x="1128" y="63" on="0"/>
+        <pt x="907" y="-14" on="0"/>
+        <pt x="645" y="-14" on="0"/>
+        <pt x="426" y="63" on="0"/>
+        <pt x="233" y="238" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="795" on="1"/>
+        <pt x="303" y="615" on="0"/>
+        <pt x="383" y="354" on="0"/>
+        <pt x="522" y="215" on="0"/>
+        <pt x="682" y="154" on="0"/>
+        <pt x="870" y="154" on="0"/>
+        <pt x="1030" y="215" on="0"/>
+        <pt x="1169" y="352" on="0"/>
+        <pt x="1251" y="612" on="0"/>
+        <pt x="1251" y="791" on="1"/>
+        <pt x="1251" y="967" on="0"/>
+        <pt x="1171" y="1225" on="0"/>
+        <pt x="1032" y="1364" on="0"/>
+        <pt x="874" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1368" on="0"/>
+        <pt x="383" y="1229" on="0"/>
+        <pt x="303" y="973" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="P" xMin="174" yMin="0" xMax="1163" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1454" on="1"/>
+        <pt x="544" y="1597" on="0"/>
+        <pt x="719" y="1597" on="1"/>
+        <pt x="879" y="1591" on="0"/>
+        <pt x="1161" y="1323" on="0"/>
+        <pt x="1163" y="1102" on="1"/>
+        <pt x="1163" y="815" on="0"/>
+        <pt x="887" y="473" on="0"/>
+        <pt x="676" y="473" on="1"/>
+        <pt x="506" y="475" on="0"/>
+        <pt x="354" y="580" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="760" on="1"/>
+        <pt x="520" y="631" on="0"/>
+        <pt x="684" y="629" on="1"/>
+        <pt x="817" y="633" on="0"/>
+        <pt x="991" y="887" on="0"/>
+        <pt x="991" y="1102" on="1"/>
+        <pt x="989" y="1247" on="0"/>
+        <pt x="817" y="1423" on="0"/>
+        <pt x="719" y="1430" on="1"/>
+        <pt x="621" y="1430" on="0"/>
+        <pt x="465" y="1372" on="0"/>
+        <pt x="354" y="1303" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Q" xMin="123" yMin="-270" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="780" on="1"/>
+        <pt x="123" y="962" on="0"/>
+        <pt x="199" y="1249" on="0"/>
+        <pt x="322" y="1432" on="0"/>
+        <pt x="496" y="1550" on="0"/>
+        <pt x="678" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="909" y="1595" on="0"/>
+        <pt x="1130" y="1511" on="0"/>
+        <pt x="1321" y="1333" on="0"/>
+        <pt x="1432" y="1004" on="0"/>
+        <pt x="1432" y="780" on="1"/>
+        <pt x="1432" y="573" on="0"/>
+        <pt x="1337" y="262" on="0"/>
+        <pt x="1169" y="84" on="0"/>
+        <pt x="975" y="-8" on="0"/>
+        <pt x="858" y="-20" on="1"/>
+        <pt x="928" y="-102" on="0"/>
+        <pt x="1090" y="-102" on="1"/>
+        <pt x="1143" y="-102" on="0"/>
+        <pt x="1282" y="-70" on="1"/>
+        <pt x="1331" y="-231" on="1"/>
+        <pt x="1243" y="-270" on="0"/>
+        <pt x="1090" y="-270" on="1"/>
+        <pt x="994" y="-270" on="0"/>
+        <pt x="838" y="-219" on="0"/>
+        <pt x="745" y="-133" on="0"/>
+        <pt x="692" y="-59" on="0"/>
+        <pt x="676" y="-18" on="1"/>
+        <pt x="432" y="11" on="0"/>
+        <pt x="123" y="389" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="784" on="1"/>
+        <pt x="303" y="604" on="0"/>
+        <pt x="383" y="344" on="0"/>
+        <pt x="522" y="205" on="0"/>
+        <pt x="682" y="143" on="0"/>
+        <pt x="870" y="143" on="0"/>
+        <pt x="1030" y="205" on="0"/>
+        <pt x="1169" y="342" on="0"/>
+        <pt x="1251" y="602" on="0"/>
+        <pt x="1251" y="780" on="1"/>
+        <pt x="1251" y="923" on="0"/>
+        <pt x="1198" y="1149" on="0"/>
+        <pt x="1108" y="1292" on="0"/>
+        <pt x="985" y="1389" on="0"/>
+        <pt x="854" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1364" on="0"/>
+        <pt x="385" y="1223" on="0"/>
+        <pt x="303" y="962" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="R" xMin="174" yMin="0" xMax="1319" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="465" y="1532" on="0"/>
+        <pt x="618" y="1597" on="0"/>
+        <pt x="711" y="1597" on="1"/>
+        <pt x="879" y="1593" on="0"/>
+        <pt x="1133" y="1376" on="0"/>
+        <pt x="1133" y="1149" on="1"/>
+        <pt x="1133" y="997" on="0"/>
+        <pt x="1024" y="784" on="0"/>
+        <pt x="877" y="686" on="0"/>
+        <pt x="780" y="666" on="1"/>
+        <pt x="862" y="596" on="0"/>
+        <pt x="1241" y="59" on="0"/>
+        <pt x="1319" y="4" on="1"/>
+        <pt x="1319" y="0" on="1"/>
+        <pt x="1096" y="0" on="1"/>
+        <pt x="1043" y="39" on="0"/>
+        <pt x="881" y="254" on="0"/>
+        <pt x="745" y="461" on="0"/>
+        <pt x="580" y="639" on="0"/>
+        <pt x="514" y="651" on="1"/>
+        <pt x="401" y="651" on="0"/>
+        <pt x="354" y="653" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="799" on="1"/>
+        <pt x="657" y="799" on="1"/>
+        <pt x="778" y="801" on="0"/>
+        <pt x="958" y="961" on="0"/>
+        <pt x="961" y="1149" on="1"/>
+        <pt x="961" y="1288" on="0"/>
+        <pt x="809" y="1425" on="0"/>
+        <pt x="711" y="1430" on="1"/>
+        <pt x="611" y="1430" on="0"/>
+        <pt x="459" y="1376" on="0"/>
+        <pt x="354" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="S" xMin="117" yMin="-23" xMax="1237" yMax="1599">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="320" y="274" on="0"/>
+        <pt x="569" y="145" on="0"/>
+        <pt x="717" y="141" on="1"/>
+        <pt x="860" y="141" on="0"/>
+        <pt x="1065" y="293" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="485" on="0"/>
+        <pt x="1020" y="573" on="0"/>
+        <pt x="965" y="627" on="0"/>
+        <pt x="852" y="680" on="0"/>
+        <pt x="774" y="707" on="0"/>
+        <pt x="705" y="727" on="1"/>
+        <pt x="691" y="731" on="0"/>
+        <pt x="684" y="733" on="1"/>
+        <pt x="590" y="762" on="0"/>
+        <pt x="489" y="797" on="0"/>
+        <pt x="342" y="872" on="0"/>
+        <pt x="266" y="952" on="0"/>
+        <pt x="209" y="1081" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1269" on="0"/>
+        <pt x="281" y="1432" on="0"/>
+        <pt x="385" y="1524" on="0"/>
+        <pt x="520" y="1581" on="0"/>
+        <pt x="629" y="1599" on="0"/>
+        <pt x="680" y="1599" on="1"/>
+        <pt x="830" y="1599" on="0"/>
+        <pt x="1090" y="1497" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="913" y="1435" on="0"/>
+        <pt x="680" y="1436" on="1"/>
+        <pt x="637" y="1436" on="0"/>
+        <pt x="549" y="1413" on="0"/>
+        <pt x="446" y="1360" on="0"/>
+        <pt x="381" y="1245" on="0"/>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1118" on="0"/>
+        <pt x="426" y="1044" on="0"/>
+        <pt x="477" y="999" on="0"/>
+        <pt x="596" y="948" on="0"/>
+        <pt x="657" y="928" on="0"/>
+        <pt x="733" y="905" on="1"/>
+        <pt x="823" y="876" on="0"/>
+        <pt x="936" y="836" on="0"/>
+        <pt x="1087" y="756" on="0"/>
+        <pt x="1174" y="664" on="0"/>
+        <pt x="1237" y="520" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="215" on="0"/>
+        <pt x="930" y="-23" on="0"/>
+        <pt x="713" y="-23" on="1"/>
+        <pt x="316" y="-10" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="T" xMin="20" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="20" y="1421" on="1"/>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="1130" y="1577" on="1"/>
+        <pt x="1130" y="1421" on="1"/>
+        <pt x="662" y="1421" on="1"/>
+        <pt x="662" y="0" on="1"/>
+        <pt x="481" y="0" on="1"/>
+        <pt x="481" y="1421" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="U" xMin="174" yMin="-25" xMax="1286" yMax="1577">
+      <contour>
+        <pt x="174" y="489" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="494" on="1"/>
+        <pt x="354" y="400" on="0"/>
+        <pt x="412" y="262" on="0"/>
+        <pt x="494" y="188" on="0"/>
+        <pt x="604" y="143" on="0"/>
+        <pt x="688" y="133" on="0"/>
+        <pt x="774" y="133" on="0"/>
+        <pt x="856" y="143" on="0"/>
+        <pt x="967" y="188" on="0"/>
+        <pt x="1047" y="260" on="0"/>
+        <pt x="1106" y="397" on="0"/>
+        <pt x="1106" y="489" on="1"/>
+        <pt x="1106" y="1577" on="1"/>
+        <pt x="1286" y="1577" on="1"/>
+        <pt x="1286" y="489" on="1"/>
+        <pt x="1286" y="356" on="0"/>
+        <pt x="1200" y="158" on="0"/>
+        <pt x="1081" y="53" on="0"/>
+        <pt x="918" y="-8" on="0"/>
+        <pt x="795" y="-25" on="0"/>
+        <pt x="731" y="-25" on="1"/>
+        <pt x="665" y="-25" on="0"/>
+        <pt x="545" y="-8" on="0"/>
+        <pt x="379" y="53" on="0"/>
+        <pt x="260" y="158" on="0"/>
+        <pt x="174" y="356" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="V" xMin="61" yMin="0" xMax="1372" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="252" y="1577" on="1"/>
+        <pt x="711" y="281" on="1"/>
+        <pt x="717" y="254" on="1"/>
+        <pt x="723" y="281" on="1"/>
+        <pt x="1182" y="1577" on="1"/>
+        <pt x="1372" y="1577" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="623" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="W" xMin="61" yMin="0" xMax="1958" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="250" y="1577" on="1"/>
+        <pt x="578" y="307" on="1"/>
+        <pt x="582" y="283" on="1"/>
+        <pt x="586" y="307" on="1"/>
+        <pt x="913" y="1577" on="1"/>
+        <pt x="1104" y="1577" on="1"/>
+        <pt x="1432" y="307" on="1"/>
+        <pt x="1436" y="283" on="1"/>
+        <pt x="1440" y="307" on="1"/>
+        <pt x="1767" y="1577" on="1"/>
+        <pt x="1958" y="1577" on="1"/>
+        <pt x="1511" y="0" on="1"/>
+        <pt x="1362" y="0" on="1"/>
+        <pt x="1014" y="1217" on="1"/>
+        <pt x="1008" y="1253" on="1"/>
+        <pt x="1001" y="1217" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="508" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="X" xMin="61" yMin="0" xMax="1284" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="561" y="786" on="1"/>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="281" y="1577" on="1"/>
+        <pt x="672" y="961" on="1"/>
+        <pt x="1065" y="1577" on="1"/>
+        <pt x="1284" y="1577" on="1"/>
+        <pt x="782" y="786" on="1"/>
+        <pt x="1284" y="0" on="1"/>
+        <pt x="1063" y="0" on="1"/>
+        <pt x="672" y="612" on="1"/>
+        <pt x="283" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Y" xMin="20" yMin="0" xMax="1243" yMax="1577">
+      <contour>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="238" y="1577" on="1"/>
+        <pt x="635" y="950" on="1"/>
+        <pt x="1034" y="1577" on="1"/>
+        <pt x="1243" y="1577" on="1"/>
+        <pt x="723" y="756" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="545" y="0" on="1"/>
+        <pt x="545" y="756" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Z" xMin="104" yMin="0" xMax="1155" yMax="1577">
+      <contour>
+        <pt x="104" y="0" on="1"/>
+        <pt x="104" y="168" on="1"/>
+        <pt x="893" y="1409" on="1"/>
+        <pt x="125" y="1409" on="1"/>
+        <pt x="125" y="1577" on="1"/>
+        <pt x="1112" y="1577" on="1"/>
+        <pt x="1112" y="1413" on="1"/>
+        <pt x="324" y="168" on="1"/>
+        <pt x="918" y="168" on="1"/>
+        <pt x="941" y="167" on="0"/>
+        <pt x="962" y="167" on="1"/>
+        <pt x="1116" y="167" on="0"/>
+        <pt x="1155" y="207" on="1"/>
+        <pt x="1155" y="33" on="1"/>
+        <pt x="1137" y="17" on="0"/>
+        <pt x="1016" y="0" on="0"/>
+        <pt x="965" y="0" on="1"/>
+        <pt x="913" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="a" xMin="123" yMin="-25" xMax="1083" yMax="1151">
+      <contour>
+        <pt x="123" y="283" on="1"/>
+        <pt x="123" y="355" on="0"/>
+        <pt x="152" y="459" on="0"/>
+        <pt x="229" y="561" on="0"/>
+        <pt x="393" y="633" on="0"/>
+        <pt x="518" y="651" on="1"/>
+        <pt x="731" y="680" on="0"/>
+        <pt x="803" y="698" on="1"/>
+        <pt x="803" y="827" on="1"/>
+        <pt x="803" y="878" on="0"/>
+        <pt x="739" y="1010" on="0"/>
+        <pt x="676" y="1010" on="1"/>
+        <pt x="457" y="1010" on="0"/>
+        <pt x="332" y="903" on="1"/>
+        <pt x="314" y="883" on="0"/>
+        <pt x="317" y="844" on="0"/>
+        <pt x="332" y="829" on="1"/>
+        <pt x="168" y="799" on="1"/>
+        <pt x="148" y="825" on="0"/>
+        <pt x="148" y="863" on="1"/>
+        <pt x="148" y="887" on="0"/>
+        <pt x="156" y="915" on="1"/>
+        <pt x="176" y="989" on="0"/>
+        <pt x="248" y="1030" on="1"/>
+        <pt x="466" y="1151" on="0"/>
+        <pt x="693" y="1151" on="1"/>
+        <pt x="697" y="1151" on="0"/>
+        <pt x="700" y="1151" on="1"/>
+        <pt x="800" y="1151" on="0"/>
+        <pt x="930" y="1028" on="0"/>
+        <pt x="969" y="893" on="0"/>
+        <pt x="969" y="827" on="1"/>
+        <pt x="969" y="272" on="1"/>
+        <pt x="969" y="256" on="0"/>
+        <pt x="977" y="207" on="0"/>
+        <pt x="1034" y="109" on="0"/>
+        <pt x="1083" y="78" on="1"/>
+        <pt x="973" y="-25" on="1"/>
+        <pt x="854" y="22" on="0"/>
+        <pt x="815" y="174" on="1"/>
+        <pt x="629" y="-25" on="0"/>
+        <pt x="430" y="-25" on="1"/>
+        <pt x="410" y="-25" on="0"/>
+        <pt x="352" y="-16" on="0"/>
+        <pt x="256" y="20" on="0"/>
+        <pt x="180" y="82" on="0"/>
+        <pt x="123" y="203" on="0"/>
+      </contour>
+      <contour>
+        <pt x="293" y="283" on="1"/>
+        <pt x="293" y="234" on="0"/>
+        <pt x="328" y="162" on="0"/>
+        <pt x="377" y="131" on="0"/>
+        <pt x="412" y="119" on="0"/>
+        <pt x="424" y="119" on="1"/>
+        <pt x="528" y="119" on="0"/>
+        <pt x="729" y="252" on="0"/>
+        <pt x="803" y="344" on="1"/>
+        <pt x="803" y="551" on="1"/>
+        <pt x="703" y="531" on="0"/>
+        <pt x="537" y="508" on="1"/>
+        <pt x="385" y="488" on="0"/>
+        <pt x="293" y="379" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="ampersand" xMin="123" yMin="-14" xMax="1690" yMax="1577">
+      <contour>
+        <pt x="123" y="410" on="1"/>
+        <pt x="123" y="560" on="0"/>
+        <pt x="313" y="768" on="0"/>
+        <pt x="485" y="864" on="1"/>
+        <pt x="381" y="979" on="0"/>
+        <pt x="274" y="1155" on="0"/>
+        <pt x="274" y="1241" on="1"/>
+        <pt x="274" y="1333" on="0"/>
+        <pt x="350" y="1468" on="0"/>
+        <pt x="481" y="1542" on="0"/>
+        <pt x="627" y="1577" on="0"/>
+        <pt x="709" y="1577" on="1"/>
+        <pt x="887" y="1577" on="0"/>
+        <pt x="1135" y="1417" on="0"/>
+        <pt x="1135" y="1241" on="1"/>
+        <pt x="1135" y="1120" on="0"/>
+        <pt x="930" y="942" on="0"/>
+        <pt x="737" y="844" on="1"/>
+        <pt x="1114" y="440" on="1"/>
+        <pt x="1145" y="487" on="0"/>
+        <pt x="1172" y="542" on="1"/>
+        <pt x="1241" y="680" on="1"/>
+        <pt x="1296" y="793" on="1"/>
+        <pt x="1423" y="715" on="1"/>
+        <pt x="1261" y="391" on="0"/>
+        <pt x="1223" y="328" on="1"/>
+        <pt x="1405" y="148" on="0"/>
+        <pt x="1434" y="154" on="1"/>
+        <pt x="1471" y="154" on="0"/>
+        <pt x="1503" y="160" on="0"/>
+        <pt x="1554" y="213" on="0"/>
+        <pt x="1579" y="268" on="1"/>
+        <pt x="1690" y="203" on="1"/>
+        <pt x="1655" y="125" on="0"/>
+        <pt x="1593" y="33" on="0"/>
+        <pt x="1522" y="-2" on="0"/>
+        <pt x="1479" y="-10" on="0"/>
+        <pt x="1434" y="-10" on="1"/>
+        <pt x="1362" y="-18" on="0"/>
+        <pt x="1128" y="197" on="1"/>
+        <pt x="944" y="-14" on="0"/>
+        <pt x="637" y="-14" on="1"/>
+        <pt x="578" y="-14" on="0"/>
+        <pt x="416" y="33" on="0"/>
+        <pt x="242" y="127" on="0"/>
+        <pt x="123" y="301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="410" on="1"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="432" y="205" on="0"/>
+        <pt x="580" y="158" on="0"/>
+        <pt x="637" y="158" on="1"/>
+        <pt x="864" y="160" on="0"/>
+        <pt x="1014" y="309" on="1"/>
+        <pt x="582" y="764" on="1"/>
+        <pt x="447" y="690" on="0"/>
+        <pt x="295" y="523" on="0"/>
+      </contour>
+      <contour>
+        <pt x="446" y="1241" on="1"/>
+        <pt x="446" y="1151" on="0"/>
+        <pt x="641" y="946" on="1"/>
+        <pt x="741" y="997" on="0"/>
+        <pt x="862" y="1071" on="0"/>
+        <pt x="963" y="1184" on="0"/>
+        <pt x="963" y="1241" on="1"/>
+        <pt x="963" y="1354" on="0"/>
+        <pt x="815" y="1454" on="0"/>
+        <pt x="709" y="1454" on="1"/>
+        <pt x="600" y="1454" on="0"/>
+        <pt x="446" y="1352" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciicircum" xMin="82" yMin="0" xMax="1257" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="596" y="1126" on="1"/>
+        <pt x="743" y="1126" on="1"/>
+        <pt x="1257" y="0" on="1"/>
+        <pt x="1110" y="0" on="1"/>
+        <pt x="670" y="965" on="1"/>
+        <pt x="229" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciitilde" xMin="123" yMin="535" xMax="1227" yMax="782">
+      <contour>
+        <pt x="123" y="709" on="1"/>
+        <pt x="133" y="717" on="0"/>
+        <pt x="176" y="741" on="0"/>
+        <pt x="332" y="782" on="0"/>
+        <pt x="422" y="782" on="1"/>
+        <pt x="504" y="782" on="0"/>
+        <pt x="678" y="719" on="1"/>
+        <pt x="854" y="658" on="0"/>
+        <pt x="940" y="657" on="1"/>
+        <pt x="1012" y="657" on="0"/>
+        <pt x="1128" y="680" on="0"/>
+        <pt x="1151" y="692" on="1"/>
+        <pt x="1174" y="705" on="1"/>
+        <pt x="1227" y="602" on="1"/>
+        <pt x="1121" y="534" on="0"/>
+        <pt x="940" y="535" on="1"/>
+        <pt x="846" y="535" on="0"/>
+        <pt x="645" y="604" on="1"/>
+        <pt x="491" y="659" on="0"/>
+        <pt x="422" y="659" on="1"/>
+        <pt x="344" y="659" on="0"/>
+        <pt x="225" y="635" on="0"/>
+        <pt x="205" y="623" on="1"/>
+        <pt x="184" y="610" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asterisk" xMin="100" yMin="567" xMax="1165" yMax="1577">
+      <contour>
+        <pt x="100" y="1161" on="1"/>
+        <pt x="152" y="1294" on="1"/>
+        <pt x="565" y="1128" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="705" y="1577" on="1"/>
+        <pt x="700" y="1128" on="1"/>
+        <pt x="1114" y="1294" on="1"/>
+        <pt x="1165" y="1161" on="1"/>
+        <pt x="741" y="995" on="1"/>
+        <pt x="1036" y="668" on="1"/>
+        <pt x="918" y="567" on="1"/>
+        <pt x="633" y="920" on="1"/>
+        <pt x="350" y="567" on="1"/>
+        <pt x="227" y="668" on="1"/>
+        <pt x="522" y="995" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="at" xMin="123" yMin="-403" xMax="2073" yMax="1577">
+      <contour>
+        <pt x="123" y="535" on="1"/>
+        <pt x="123" y="801" on="0"/>
+        <pt x="406" y="1284" on="0"/>
+        <pt x="879" y="1577" on="0"/>
+        <pt x="1145" y="1577" on="1"/>
+        <pt x="1360" y="1577" on="0"/>
+        <pt x="1720" y="1425" on="0"/>
+        <pt x="1948" y="1178" on="0"/>
+        <pt x="2073" y="872" on="0"/>
+        <pt x="2073" y="713" on="1"/>
+        <pt x="2073" y="555" on="0"/>
+        <pt x="1964" y="305" on="0"/>
+        <pt x="1806" y="164" on="0"/>
+        <pt x="1614" y="70" on="0"/>
+        <pt x="1466" y="39" on="0"/>
+        <pt x="1411" y="39" on="1"/>
+        <pt x="1245" y="39" on="0"/>
+        <pt x="1284" y="221" on="1"/>
+        <pt x="1075" y="37" on="0"/>
+        <pt x="872" y="39" on="1"/>
+        <pt x="596" y="41" on="0"/>
+        <pt x="596" y="422" on="1"/>
+        <pt x="596" y="584" on="0"/>
+        <pt x="709" y="877" on="0"/>
+        <pt x="879" y="1071" on="0"/>
+        <pt x="1075" y="1186" on="0"/>
+        <pt x="1161" y="1186" on="1"/>
+        <pt x="1351" y="1186" on="0"/>
+        <pt x="1458" y="1022" on="1"/>
+        <pt x="1487" y="1143" on="1"/>
+        <pt x="1647" y="1106" on="1"/>
+        <pt x="1438" y="178" on="0"/>
+        <pt x="1438" y="168" on="1"/>
+        <pt x="1444" y="162" on="0"/>
+        <pt x="1546" y="182" on="0"/>
+        <pt x="1690" y="254" on="0"/>
+        <pt x="1825" y="371" on="0"/>
+        <pt x="1915" y="582" on="0"/>
+        <pt x="1909" y="713" on="1"/>
+        <pt x="1909" y="840" on="0"/>
+        <pt x="1806" y="1085" on="0"/>
+        <pt x="1618" y="1288" on="0"/>
+        <pt x="1321" y="1413" on="0"/>
+        <pt x="1145" y="1413" on="1"/>
+        <pt x="924" y="1413" on="0"/>
+        <pt x="524" y="1163" on="0"/>
+        <pt x="287" y="756" on="0"/>
+        <pt x="287" y="535" on="1"/>
+        <pt x="287" y="205" on="0"/>
+        <pt x="797" y="-240" on="0"/>
+        <pt x="1145" y="-240" on="1"/>
+        <pt x="1327" y="-240" on="0"/>
+        <pt x="1606" y="-143" on="0"/>
+        <pt x="1808" y="25" on="1"/>
+        <pt x="1911" y="-102" on="1"/>
+        <pt x="1680" y="-292" on="0"/>
+        <pt x="1358" y="-403" on="0"/>
+        <pt x="1145" y="-403" on="1"/>
+        <pt x="875" y="-403" on="0"/>
+        <pt x="408" y="-164" on="0"/>
+        <pt x="123" y="271" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="422" on="1"/>
+        <pt x="760" y="168" on="0"/>
+        <pt x="872" y="162" on="1"/>
+        <pt x="950" y="160" on="0"/>
+        <pt x="1114" y="242" on="0"/>
+        <pt x="1245" y="371" on="0"/>
+        <pt x="1315" y="453" on="0"/>
+        <pt x="1341" y="489" on="1"/>
+        <pt x="1417" y="834" on="1"/>
+        <pt x="1362" y="969" on="0"/>
+        <pt x="1237" y="1063" on="0"/>
+        <pt x="1161" y="1063" on="1"/>
+        <pt x="1026" y="1063" on="0"/>
+        <pt x="760" y="686" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="b" xMin="174" yMin="-25" xMax="1169" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="backslash" xMin="51" yMin="-532" xMax="854" yMax="1577">
+      <contour>
+        <pt x="51" y="1577" on="1"/>
+        <pt x="221" y="1577" on="1"/>
+        <pt x="854" y="-532" on="1"/>
+        <pt x="684" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bar" xMin="174" yMin="-532" xMax="330" yMax="1700">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1700" on="1"/>
+        <pt x="330" y="1700" on="1"/>
+        <pt x="330" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceleft" xMin="164" yMin="-545" xMax="819" yMax="1700">
+      <contour>
+        <pt x="164" y="526" on="1"/>
+        <pt x="164" y="629" on="1"/>
+        <pt x="252" y="629" on="0"/>
+        <pt x="350" y="705" on="0"/>
+        <pt x="356" y="741" on="1"/>
+        <pt x="360" y="778" on="1"/>
+        <pt x="360" y="1389" on="1"/>
+        <pt x="360" y="1436" on="0"/>
+        <pt x="379" y="1530" on="0"/>
+        <pt x="422" y="1634" on="0"/>
+        <pt x="516" y="1700" on="0"/>
+        <pt x="582" y="1700" on="1"/>
+        <pt x="641" y="1700" on="0"/>
+        <pt x="760" y="1667" on="0"/>
+        <pt x="791" y="1651" on="1"/>
+        <pt x="819" y="1632" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="705" y="1528" on="0"/>
+        <pt x="582" y="1528" on="1"/>
+        <pt x="533" y="1528" on="0"/>
+        <pt x="532" y="1389" on="1"/>
+        <pt x="532" y="776" on="1"/>
+        <pt x="532" y="770" on="0"/>
+        <pt x="530" y="750" on="0"/>
+        <pt x="514" y="700" on="0"/>
+        <pt x="489" y="653" on="0"/>
+        <pt x="436" y="598" on="0"/>
+        <pt x="401" y="578" on="1"/>
+        <pt x="438" y="558" on="0"/>
+        <pt x="492" y="502" on="0"/>
+        <pt x="516" y="457" on="0"/>
+        <pt x="530" y="406" on="0"/>
+        <pt x="532" y="385" on="0"/>
+        <pt x="532" y="379" on="1"/>
+        <pt x="532" y="-233" on="1"/>
+        <pt x="532" y="-372" on="0"/>
+        <pt x="582" y="-373" on="1"/>
+        <pt x="637" y="-373" on="0"/>
+        <pt x="727" y="-352" on="0"/>
+        <pt x="745" y="-344" on="1"/>
+        <pt x="762" y="-334" on="1"/>
+        <pt x="819" y="-477" on="1"/>
+        <pt x="717" y="-545" on="0"/>
+        <pt x="582" y="-545" on="1"/>
+        <pt x="516" y="-545" on="0"/>
+        <pt x="422" y="-479" on="0"/>
+        <pt x="379" y="-375" on="0"/>
+        <pt x="360" y="-281" on="0"/>
+        <pt x="360" y="-233" on="1"/>
+        <pt x="360" y="377" on="1"/>
+        <pt x="360" y="383" on="0"/>
+        <pt x="358" y="403" on="0"/>
+        <pt x="336" y="455" on="0"/>
+        <pt x="299" y="494" on="0"/>
+        <pt x="219" y="526" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceright" xMin="143" yMin="-545" xMax="799" yMax="1700">
+      <contour>
+        <pt x="143" y="-477" on="1"/>
+        <pt x="201" y="-334" on="1"/>
+        <pt x="258" y="-373" on="0"/>
+        <pt x="381" y="-373" on="1"/>
+        <pt x="430" y="-373" on="0"/>
+        <pt x="430" y="-233" on="1"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="391" on="0"/>
+        <pt x="438" y="438" on="0"/>
+        <pt x="502" y="545" on="0"/>
+        <pt x="559" y="578" on="1"/>
+        <pt x="502" y="611" on="0"/>
+        <pt x="438" y="711" on="0"/>
+        <pt x="430" y="760" on="0"/>
+        <pt x="430" y="776" on="1"/>
+        <pt x="430" y="1389" on="1"/>
+        <pt x="430" y="1528" on="0"/>
+        <pt x="381" y="1528" on="1"/>
+        <pt x="326" y="1528" on="0"/>
+        <pt x="236" y="1507" on="0"/>
+        <pt x="217" y="1499" on="1"/>
+        <pt x="201" y="1489" on="1"/>
+        <pt x="143" y="1632" on="1"/>
+        <pt x="245" y="1700" on="0"/>
+        <pt x="381" y="1700" on="1"/>
+        <pt x="447" y="1700" on="0"/>
+        <pt x="541" y="1634" on="0"/>
+        <pt x="584" y="1530" on="0"/>
+        <pt x="602" y="1436" on="0"/>
+        <pt x="602" y="1389" on="1"/>
+        <pt x="602" y="778" on="1"/>
+        <pt x="602" y="772" on="0"/>
+        <pt x="604" y="752" on="0"/>
+        <pt x="625" y="700" on="0"/>
+        <pt x="662" y="662" on="0"/>
+        <pt x="743" y="629" on="0"/>
+        <pt x="799" y="629" on="1"/>
+        <pt x="799" y="526" on="1"/>
+        <pt x="746" y="526" on="0"/>
+        <pt x="666" y="498" on="0"/>
+        <pt x="629" y="459" on="0"/>
+        <pt x="606" y="410" on="0"/>
+        <pt x="602" y="387" on="0"/>
+        <pt x="602" y="379" on="1"/>
+        <pt x="602" y="-233" on="1"/>
+        <pt x="602" y="-280" on="0"/>
+        <pt x="584" y="-375" on="0"/>
+        <pt x="541" y="-479" on="0"/>
+        <pt x="446" y="-545" on="0"/>
+        <pt x="381" y="-545" on="1"/>
+        <pt x="322" y="-545" on="0"/>
+        <pt x="203" y="-512" on="0"/>
+        <pt x="172" y="-496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketleft" xMin="174" yMin="-532" xMax="592" yMax="1577">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="592" y="1577" on="1"/>
+        <pt x="592" y="1454" on="1"/>
+        <pt x="346" y="1454" on="1"/>
+        <pt x="346" y="-410" on="1"/>
+        <pt x="592" y="-410" on="1"/>
+        <pt x="592" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketright" xMin="143" yMin="-532" xMax="561" yMax="1577">
+      <contour>
+        <pt x="143" y="-410" on="1"/>
+        <pt x="389" y="-410" on="1"/>
+        <pt x="389" y="1454" on="1"/>
+        <pt x="143" y="1454" on="1"/>
+        <pt x="143" y="1577" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="561" y="-532" on="1"/>
+        <pt x="143" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="c" xMin="113" yMin="-25" xMax="963" yMax="1151">
+      <contour>
+        <pt x="113" y="543" on="1"/>
+        <pt x="113" y="838" on="0"/>
+        <pt x="262" y="997" on="1"/>
+        <pt x="406" y="1151" on="0"/>
+        <pt x="582" y="1151" on="1"/>
+        <pt x="589" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="662" y="1149" on="0"/>
+        <pt x="780" y="1110" on="0"/>
+        <pt x="856" y="1057" on="0"/>
+        <pt x="915" y="1006" on="0"/>
+        <pt x="930" y="987" on="1"/>
+        <pt x="942" y="971" on="1"/>
+        <pt x="834" y="868" on="1"/>
+        <pt x="832" y="872" on="0"/>
+        <pt x="819" y="889" on="0"/>
+        <pt x="778" y="928" on="0"/>
+        <pt x="727" y="958" on="0"/>
+        <pt x="641" y="985" on="0"/>
+        <pt x="592" y="987" on="1"/>
+        <pt x="588" y="987" on="0"/>
+        <pt x="584" y="987" on="1"/>
+        <pt x="470" y="987" on="0"/>
+        <pt x="379" y="874" on="1"/>
+        <pt x="285" y="757" on="0"/>
+        <pt x="285" y="543" on="1"/>
+        <pt x="285" y="371" on="0"/>
+        <pt x="449" y="139" on="0"/>
+        <pt x="582" y="139" on="1"/>
+        <pt x="633" y="139" on="0"/>
+        <pt x="694" y="147" on="0"/>
+        <pt x="799" y="203" on="0"/>
+        <pt x="856" y="256" on="1"/>
+        <pt x="963" y="154" on="1"/>
+        <pt x="881" y="72" on="0"/>
+        <pt x="733" y="-12" on="0"/>
+        <pt x="649" y="-25" on="0"/>
+        <pt x="582" y="-25" on="1"/>
+        <pt x="373" y="-25" on="0"/>
+        <pt x="113" y="299" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="colon" xMin="143" yMin="-14" xMax="371" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="307" y="213" on="0"/>
+        <pt x="371" y="150" on="0"/>
+        <pt x="371" y="51" on="0"/>
+        <pt x="307" y="-14" on="0"/>
+        <pt x="209" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="comma" xMin="82" yMin="-287" xMax="322" yMax="213">
+      <contour>
+        <pt x="82" y="51" on="0"/>
+        <pt x="82" y="150" on="0"/>
+        <pt x="147" y="213" on="0"/>
+        <pt x="197" y="213" on="1"/>
+        <pt x="258" y="213" on="0"/>
+        <pt x="322" y="113" on="0"/>
+        <pt x="322" y="45" on="1"/>
+        <pt x="320" y="-102" on="0"/>
+        <pt x="170" y="-287" on="1"/>
+        <pt x="84" y="-258" on="1"/>
+        <pt x="186" y="-131" on="0"/>
+        <pt x="205" y="-14" on="1"/>
+        <pt x="150" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="d" xMin="123" yMin="-25" xMax="1251" yMax="1679">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1679" on="1"/>
+        <pt x="1118" y="1679" on="1"/>
+        <pt x="1118" y="270" on="1"/>
+        <pt x="1120" y="254" on="0"/>
+        <pt x="1130" y="207" on="0"/>
+        <pt x="1198" y="100" on="0"/>
+        <pt x="1251" y="74" on="1"/>
+        <pt x="1110" y="-25" on="1"/>
+        <pt x="967" y="53" on="0"/>
+        <pt x="946" y="217" on="1"/>
+        <pt x="757" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="dollar" xMin="117" yMin="-139" xMax="1237" yMax="1722">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="373" y="186" on="0"/>
+        <pt x="629" y="147" on="1"/>
+        <pt x="629" y="754" on="1"/>
+        <pt x="551" y="779" on="0"/>
+        <pt x="449" y="817" on="0"/>
+        <pt x="328" y="887" on="0"/>
+        <pt x="258" y="967" on="0"/>
+        <pt x="209" y="1087" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1280" on="0"/>
+        <pt x="293" y="1454" on="0"/>
+        <pt x="428" y="1546" on="0"/>
+        <pt x="559" y="1591" on="0"/>
+        <pt x="629" y="1597" on="1"/>
+        <pt x="629" y="1722" on="1"/>
+        <pt x="760" y="1722" on="1"/>
+        <pt x="760" y="1595" on="1"/>
+        <pt x="1020" y="1570" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="938" y="1407" on="0"/>
+        <pt x="760" y="1430" on="1"/>
+        <pt x="760" y="893" on="1"/>
+        <pt x="869" y="858" on="0"/>
+        <pt x="1004" y="801" on="0"/>
+        <pt x="1159" y="694" on="0"/>
+        <pt x="1237" y="537" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="227" on="0"/>
+        <pt x="961" y="-8" on="0"/>
+        <pt x="760" y="-20" on="1"/>
+        <pt x="760" y="-139" on="1"/>
+        <pt x="629" y="-139" on="1"/>
+        <pt x="629" y="-16" on="1"/>
+        <pt x="293" y="23" on="0"/>
+      </contour>
+      <contour>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1077" on="0"/>
+        <pt x="510" y="973" on="0"/>
+        <pt x="629" y="934" on="1"/>
+        <pt x="629" y="1432" on="1"/>
+        <pt x="531" y="1418" on="0"/>
+        <pt x="381" y="1294" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="143" on="1"/>
+        <pt x="889" y="155" on="0"/>
+        <pt x="1065" y="305" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="545" on="0"/>
+        <pt x="907" y="666" on="0"/>
+        <pt x="760" y="713" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="e" xMin="113" yMin="-25" xMax="1059" yMax="1151">
+      <contour>
+        <pt x="113" y="309" on="0"/>
+        <pt x="113" y="793" on="0"/>
+        <pt x="389" y="1151" on="0"/>
+        <pt x="598" y="1151" on="1"/>
+        <pt x="717" y="1151" on="0"/>
+        <pt x="897" y="1059" on="0"/>
+        <pt x="989" y="936" on="0"/>
+        <pt x="1044" y="780" on="0"/>
+        <pt x="1059" y="682" on="0"/>
+        <pt x="1059" y="647" on="1"/>
+        <pt x="1059" y="571" on="1"/>
+        <pt x="285" y="571" on="1"/>
+        <pt x="285" y="378" on="0"/>
+        <pt x="455" y="127" on="0"/>
+        <pt x="606" y="127" on="1"/>
+        <pt x="721" y="127" on="0"/>
+        <pt x="801" y="176" on="1"/>
+        <pt x="881" y="223" on="0"/>
+        <pt x="954" y="322" on="1"/>
+        <pt x="1059" y="221" on="1"/>
+        <pt x="987" y="133" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="717" y="-16" on="0"/>
+        <pt x="657" y="-25" on="0"/>
+        <pt x="606" y="-25" on="1"/>
+        <pt x="379" y="-25" on="0"/>
+      </contour>
+      <contour>
+        <pt x="309" y="723" on="1"/>
+        <pt x="879" y="723" on="1"/>
+        <pt x="869" y="770" on="0"/>
+        <pt x="834" y="854" on="0"/>
+        <pt x="772" y="944" on="0"/>
+        <pt x="666" y="999" on="0"/>
+        <pt x="598" y="999" on="1"/>
+        <pt x="498" y="999" on="0"/>
+        <pt x="344" y="846" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="eight" xMin="133" yMin="-23" xMax="1083" yMax="1599">
+      <contour>
+        <pt x="133" y="350" on="1"/>
+        <pt x="135" y="493" on="0"/>
+        <pt x="326" y="733" on="0"/>
+        <pt x="455" y="821" on="1"/>
+        <pt x="174" y="1044" on="0"/>
+        <pt x="174" y="1260" on="1"/>
+        <pt x="174" y="1352" on="0"/>
+        <pt x="250" y="1489" on="0"/>
+        <pt x="381" y="1565" on="0"/>
+        <pt x="526" y="1599" on="0"/>
+        <pt x="690" y="1599" on="0"/>
+        <pt x="836" y="1565" on="0"/>
+        <pt x="967" y="1489" on="0"/>
+        <pt x="1042" y="1352" on="0"/>
+        <pt x="1042" y="1260" on="1"/>
+        <pt x="1042" y="1117" on="0"/>
+        <pt x="846" y="893" on="0"/>
+        <pt x="723" y="819" on="1"/>
+        <pt x="809" y="756" on="0"/>
+        <pt x="911" y="670" on="0"/>
+        <pt x="1028" y="547" on="0"/>
+        <pt x="1083" y="420" on="0"/>
+        <pt x="1083" y="350" on="1"/>
+        <pt x="1083" y="272" on="0"/>
+        <pt x="1034" y="147" on="0"/>
+        <pt x="965" y="72" on="0"/>
+        <pt x="860" y="16" on="0"/>
+        <pt x="778" y="-8" on="0"/>
+        <pt x="674" y="-23" on="0"/>
+        <pt x="654" y="-23" on="1"/>
+        <pt x="612" y="-23" on="1"/>
+        <pt x="608" y="-23" on="1"/>
+        <pt x="572" y="-23" on="1"/>
+        <pt x="559" y="-23" on="0"/>
+        <pt x="449" y="-10" on="0"/>
+        <pt x="369" y="14" on="0"/>
+        <pt x="258" y="70" on="0"/>
+        <pt x="186" y="145" on="0"/>
+        <pt x="133" y="272" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="350" on="1"/>
+        <pt x="307" y="295" on="0"/>
+        <pt x="346" y="209" on="0"/>
+        <pt x="418" y="162" on="0"/>
+        <pt x="481" y="131" on="0"/>
+        <pt x="524" y="127" on="1"/>
+        <pt x="579" y="122" on="1"/>
+        <pt x="590" y="121" on="0"/>
+        <pt x="608" y="121" on="1"/>
+        <pt x="610" y="121" on="1"/>
+        <pt x="633" y="121" on="0"/>
+        <pt x="678" y="123" on="0"/>
+        <pt x="778" y="147" on="0"/>
+        <pt x="850" y="190" on="0"/>
+        <pt x="909" y="285" on="0"/>
+        <pt x="909" y="350" on="1"/>
+        <pt x="909" y="436" on="0"/>
+        <pt x="737" y="612" on="0"/>
+        <pt x="569" y="733" on="1"/>
+        <pt x="321" y="573" on="0"/>
+      </contour>
+      <contour>
+        <pt x="348" y="1260" on="1"/>
+        <pt x="348" y="1170" on="0"/>
+        <pt x="483" y="1001" on="0"/>
+        <pt x="604" y="907" on="1"/>
+        <pt x="657" y="936" on="0"/>
+        <pt x="762" y="1014" on="0"/>
+        <pt x="868" y="1174" on="0"/>
+        <pt x="868" y="1260" on="1"/>
+        <pt x="868" y="1371" on="0"/>
+        <pt x="717" y="1468" on="0"/>
+        <pt x="500" y="1468" on="0"/>
+        <pt x="348" y="1371" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="emdash" xMin="82" yMin="498" xMax="1477" yMax="631">
+      <contour>
+        <pt x="82" y="498" on="1"/>
+        <pt x="82" y="631" on="1"/>
+        <pt x="1477" y="631" on="1"/>
+        <pt x="1477" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="endash" xMin="61" yMin="498" xMax="1190" yMax="631">
+      <contour>
+        <pt x="61" y="498" on="1"/>
+        <pt x="61" y="631" on="1"/>
+        <pt x="1190" y="631" on="1"/>
+        <pt x="1190" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="equal" xMin="133" yMin="344" xMax="1262" yMax="809">
+      <contour>
+        <pt x="133" y="344" on="1"/>
+        <pt x="133" y="481" on="1"/>
+        <pt x="1262" y="481" on="1"/>
+        <pt x="1262" y="344" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="672" on="1"/>
+        <pt x="133" y="809" on="1"/>
+        <pt x="1262" y="809" on="1"/>
+        <pt x="1262" y="672" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="exclam" xMin="174" yMin="-14" xMax="401" yMax="1679">
+      <contour>
+        <pt x="174" y="51" on="0"/>
+        <pt x="174" y="150" on="0"/>
+        <pt x="240" y="213" on="0"/>
+        <pt x="338" y="213" on="0"/>
+        <pt x="401" y="150" on="0"/>
+        <pt x="401" y="51" on="0"/>
+        <pt x="338" y="-14" on="0"/>
+        <pt x="240" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="195" y="1679" on="1"/>
+        <pt x="383" y="1679" on="1"/>
+        <pt x="356" y="377" on="1"/>
+        <pt x="221" y="377" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="f" xMin="61" yMin="0" xMax="887" yMax="1690">
+      <contour>
+        <pt x="61" y="983" on="1"/>
+        <pt x="61" y="1126" on="1"/>
+        <pt x="207" y="1126" on="1"/>
+        <pt x="207" y="1323" on="1"/>
+        <pt x="207" y="1690" on="0"/>
+        <pt x="524" y="1690" on="1"/>
+        <pt x="731" y="1690" on="0"/>
+        <pt x="887" y="1561" on="1"/>
+        <pt x="776" y="1454" on="1"/>
+        <pt x="657" y="1546" on="0"/>
+        <pt x="524" y="1546" on="1"/>
+        <pt x="475" y="1546" on="0"/>
+        <pt x="414" y="1516" on="0"/>
+        <pt x="385" y="1444" on="0"/>
+        <pt x="377" y="1380" on="0"/>
+        <pt x="377" y="1323" on="1"/>
+        <pt x="377" y="1126" on="1"/>
+        <pt x="709" y="1126" on="1"/>
+        <pt x="709" y="983" on="1"/>
+        <pt x="377" y="983" on="1"/>
+        <pt x="377" y="0" on="1"/>
+        <pt x="207" y="0" on="1"/>
+        <pt x="207" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="figuredash" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="five" xMin="143" yMin="-440" xMax="1077" yMax="1157">
+      <contour>
+        <pt x="143" y="-301" on="1"/>
+        <pt x="250" y="-197" on="1"/>
+        <pt x="258" y="-205" on="0"/>
+        <pt x="291" y="-231" on="0"/>
+        <pt x="416" y="-274" on="0"/>
+        <pt x="489" y="-274" on="1"/>
+        <pt x="639" y="-274" on="0"/>
+        <pt x="901" y="-43" on="0"/>
+        <pt x="901" y="170" on="1"/>
+        <pt x="901" y="285" on="0"/>
+        <pt x="733" y="492" on="0"/>
+        <pt x="614" y="492" on="1"/>
+        <pt x="456" y="492" on="0"/>
+        <pt x="344" y="416" on="1"/>
+        <pt x="178" y="416" on="1"/>
+        <pt x="178" y="1157" on="1"/>
+        <pt x="948" y="1157" on="1"/>
+        <pt x="948" y="1001" on="1"/>
+        <pt x="344" y="1001" on="1"/>
+        <pt x="344" y="588" on="1"/>
+        <pt x="463" y="641" on="0"/>
+        <pt x="614" y="641" on="1"/>
+        <pt x="794" y="641" on="0"/>
+        <pt x="1069" y="354" on="0"/>
+        <pt x="1077" y="170" on="1"/>
+        <pt x="1077" y="23" on="0"/>
+        <pt x="963" y="-219" on="0"/>
+        <pt x="784" y="-362" on="0"/>
+        <pt x="586" y="-440" on="0"/>
+        <pt x="489" y="-440" on="1"/>
+        <pt x="385" y="-440" on="0"/>
+        <pt x="213" y="-371" on="0"/>
+        <pt x="178" y="-336" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="four" xMin="82" yMin="-440" xMax="1225" yMax="1157">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="90" on="1"/>
+        <pt x="885" y="1157" on="1"/>
+        <pt x="993" y="1157" on="1"/>
+        <pt x="993" y="150" on="1"/>
+        <pt x="1225" y="150" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="993" y="0" on="1"/>
+        <pt x="993" y="-440" on="1"/>
+        <pt x="827" y="-440" on="1"/>
+        <pt x="827" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="141" on="1"/>
+        <pt x="346" y="150" on="1"/>
+        <pt x="827" y="150" on="1"/>
+        <pt x="827" y="838" on="1"/>
+        <pt x="336" y="172" on="1"/>
+        <pt x="307" y="143" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="g" xMin="123" yMin="-563" xMax="1184" yMax="1257">
+      <contour>
+        <pt x="123" y="-221" on="1"/>
+        <pt x="125" y="-96" on="0"/>
+        <pt x="211" y="55" on="0"/>
+        <pt x="295" y="117" on="1"/>
+        <pt x="199" y="158" on="0"/>
+        <pt x="190" y="250" on="1"/>
+        <pt x="190" y="346" on="0"/>
+        <pt x="336" y="463" on="1"/>
+        <pt x="166" y="559" on="0"/>
+        <pt x="166" y="795" on="1"/>
+        <pt x="166" y="887" on="0"/>
+        <pt x="254" y="1034" on="0"/>
+        <pt x="393" y="1114" on="0"/>
+        <pt x="539" y="1155" on="0"/>
+        <pt x="606" y="1155" on="1"/>
+        <pt x="669" y="1155" on="0"/>
+        <pt x="743" y="1137" on="1"/>
+        <pt x="876" y="1258" on="0"/>
+        <pt x="1053" y="1257" on="1"/>
+        <pt x="1108" y="1257" on="0"/>
+        <pt x="1176" y="1237" on="1"/>
+        <pt x="1147" y="1094" on="1"/>
+        <pt x="1110" y="1106" on="0"/>
+        <pt x="1053" y="1106" on="1"/>
+        <pt x="965" y="1106" on="0"/>
+        <pt x="887" y="1073" on="1"/>
+        <pt x="1047" y="971" on="0"/>
+        <pt x="1047" y="795" on="1"/>
+        <pt x="1047" y="680" on="0"/>
+        <pt x="958" y="516" on="0"/>
+        <pt x="817" y="436" on="0"/>
+        <pt x="678" y="403" on="0"/>
+        <pt x="606" y="403" on="1"/>
+        <pt x="536" y="403" on="0"/>
+        <pt x="483" y="414" on="1"/>
+        <pt x="362" y="328" on="0"/>
+        <pt x="362" y="250" on="1"/>
+        <pt x="368" y="244" on="0"/>
+        <pt x="461" y="238" on="0"/>
+        <pt x="535" y="236" on="1"/>
+        <pt x="608" y="233" on="1"/>
+        <pt x="727" y="227" on="0"/>
+        <pt x="903" y="197" on="0"/>
+        <pt x="1085" y="129" on="0"/>
+        <pt x="1184" y="-6" on="0"/>
+        <pt x="1184" y="-102" on="1"/>
+        <pt x="1184" y="-301" on="0"/>
+        <pt x="895" y="-563" on="0"/>
+        <pt x="614" y="-563" on="1"/>
+        <pt x="415" y="-563" on="0"/>
+        <pt x="123" y="-366" on="0"/>
+      </contour>
+      <contour>
+        <pt x="297" y="-221" on="1"/>
+        <pt x="297" y="-303" on="0"/>
+        <pt x="485" y="-410" on="0"/>
+        <pt x="614" y="-410" on="1"/>
+        <pt x="811" y="-410" on="0"/>
+        <pt x="1020" y="-236" on="0"/>
+        <pt x="1020" y="-102" on="1"/>
+        <pt x="1020" y="-49" on="0"/>
+        <pt x="948" y="25" on="0"/>
+        <pt x="813" y="61" on="0"/>
+        <pt x="692" y="78" on="0"/>
+        <pt x="606" y="82" on="1"/>
+        <pt x="487" y="82" on="0"/>
+        <pt x="459" y="84" on="1"/>
+        <pt x="375" y="33" on="0"/>
+        <pt x="297" y="-92" on="0"/>
+      </contour>
+      <contour>
+        <pt x="338" y="795" on="1"/>
+        <pt x="338" y="715" on="0"/>
+        <pt x="391" y="604" on="0"/>
+        <pt x="479" y="553" on="0"/>
+        <pt x="561" y="535" on="0"/>
+        <pt x="651" y="535" on="0"/>
+        <pt x="735" y="557" on="0"/>
+        <pt x="821" y="610" on="0"/>
+        <pt x="874" y="719" on="0"/>
+        <pt x="874" y="795" on="1"/>
+        <pt x="874" y="908" on="0"/>
+        <pt x="702" y="1024" on="0"/>
+        <pt x="510" y="1024" on="0"/>
+        <pt x="338" y="908" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="grave" xMin="113" yMin="1251" xMax="616" yMax="1577">
+      <contour>
+        <pt x="113" y="1432" on="1"/>
+        <pt x="156" y="1577" on="1"/>
+        <pt x="616" y="1348" on="1"/>
+        <pt x="573" y="1251" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="greater" xMin="143" yMin="-14" xMax="1280" yMax="1161">
+      <contour>
+        <pt x="143" y="-14" on="1"/>
+        <pt x="143" y="133" on="1"/>
+        <pt x="1116" y="573" on="1"/>
+        <pt x="143" y="1014" on="1"/>
+        <pt x="143" y="1161" on="1"/>
+        <pt x="1280" y="647" on="1"/>
+        <pt x="1280" y="500" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="h" xMin="174" yMin="0" xMax="1098" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="605" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="hyphen" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="i" xMin="174" yMin="0" xMax="381" yMax="1577">
+      <contour>
+        <pt x="174" y="1430" on="0"/>
+        <pt x="174" y="1520" on="0"/>
+        <pt x="233" y="1577" on="0"/>
+        <pt x="324" y="1577" on="0"/>
+        <pt x="381" y="1520" on="0"/>
+        <pt x="381" y="1430" on="0"/>
+        <pt x="324" y="1370" on="0"/>
+        <pt x="233" y="1370" on="0"/>
+      </contour>
+      <contour>
+        <pt x="193" y="0" on="1"/>
+        <pt x="193" y="1126" on="1"/>
+        <pt x="362" y="1126" on="1"/>
+        <pt x="362" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="j" xMin="-72" yMin="-563" xMax="279" yMax="1577">
+      <contour>
+        <pt x="-72" y="-401" on="1"/>
+        <pt x="-11" y="-393" on="0"/>
+        <pt x="90" y="-207" on="0"/>
+        <pt x="90" y="-88" on="1"/>
+        <pt x="90" y="1126" on="1"/>
+        <pt x="260" y="1126" on="1"/>
+        <pt x="260" y="-88" on="1"/>
+        <pt x="260" y="-266" on="0"/>
+        <pt x="86" y="-526" on="0"/>
+        <pt x="-20" y="-563" on="1"/>
+      </contour>
+      <contour>
+        <pt x="72" y="1430" on="0"/>
+        <pt x="72" y="1520" on="0"/>
+        <pt x="131" y="1577" on="0"/>
+        <pt x="221" y="1577" on="0"/>
+        <pt x="279" y="1520" on="0"/>
+        <pt x="279" y="1430" on="0"/>
+        <pt x="221" y="1370" on="0"/>
+        <pt x="131" y="1370" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="k" xMin="174" yMin="0" xMax="1167" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="729" on="1"/>
+        <pt x="729" y="997" on="0"/>
+        <pt x="795" y="1126" on="1"/>
+        <pt x="969" y="1126" on="1"/>
+        <pt x="934" y="993" on="0"/>
+        <pt x="502" y="668" on="1"/>
+        <pt x="568" y="641" on="0"/>
+        <pt x="616" y="588" on="1"/>
+        <pt x="954" y="207" on="1"/>
+        <pt x="1144" y="0" on="0"/>
+        <pt x="1167" y="0" on="1"/>
+        <pt x="936" y="0" on="1"/>
+        <pt x="911" y="8" on="0"/>
+        <pt x="756" y="174" on="0"/>
+        <pt x="526" y="442" on="0"/>
+        <pt x="494" y="477" on="1"/>
+        <pt x="433" y="540" on="0"/>
+        <pt x="395" y="551" on="1"/>
+        <pt x="375" y="557" on="0"/>
+        <pt x="346" y="549" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="l" xMin="174" yMin="-25" xMax="502" yMax="1679">
+      <contour>
+        <pt x="174" y="299" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="344" y="1679" on="1"/>
+        <pt x="344" y="299" on="1"/>
+        <pt x="344" y="188" on="0"/>
+        <pt x="367" y="166" on="1"/>
+        <pt x="412" y="121" on="0"/>
+        <pt x="502" y="121" on="1"/>
+        <pt x="496" y="-25" on="1"/>
+        <pt x="316" y="-25" on="0"/>
+        <pt x="246" y="45" on="1"/>
+        <pt x="174" y="117" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="less" xMin="154" yMin="-14" xMax="1290" yMax="1161">
+      <contour>
+        <pt x="154" y="500" on="1"/>
+        <pt x="154" y="647" on="1"/>
+        <pt x="1290" y="1161" on="1"/>
+        <pt x="1290" y="1014" on="1"/>
+        <pt x="315" y="573" on="1"/>
+        <pt x="1290" y="133" on="1"/>
+        <pt x="1290" y="-14" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="m" xMin="174" yMin="0" xMax="1718" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="903" on="1"/>
+        <pt x="571" y="1151" on="0"/>
+        <pt x="772" y="1151" on="1"/>
+        <pt x="993" y="1151" on="0"/>
+        <pt x="1026" y="897" on="1"/>
+        <pt x="1253" y="1151" on="0"/>
+        <pt x="1458" y="1151" on="1"/>
+        <pt x="1718" y="1151" on="0"/>
+        <pt x="1718" y="801" on="1"/>
+        <pt x="1718" y="0" on="1"/>
+        <pt x="1546" y="0" on="1"/>
+        <pt x="1546" y="801" on="1"/>
+        <pt x="1546" y="979" on="0"/>
+        <pt x="1458" y="979" on="1"/>
+        <pt x="1384" y="979" on="0"/>
+        <pt x="1251" y="930" on="0"/>
+        <pt x="1137" y="831" on="0"/>
+        <pt x="1077" y="770" on="0"/>
+        <pt x="1032" y="715" on="1"/>
+        <pt x="1032" y="0" on="1"/>
+        <pt x="860" y="0" on="1"/>
+        <pt x="860" y="801" on="1"/>
+        <pt x="860" y="979" on="0"/>
+        <pt x="772" y="979" on="1"/>
+        <pt x="698" y="979" on="0"/>
+        <pt x="565" y="930" on="0"/>
+        <pt x="451" y="831" on="0"/>
+        <pt x="391" y="770" on="0"/>
+        <pt x="346" y="715" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="minus" xMin="102" yMin="496" xMax="1229" yMax="633">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="n" xMin="174" yMin="0" xMax="1098" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="611" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nine" xMin="123" yMin="-440" xMax="1139" yMax="1182">
+      <contour>
+        <pt x="123" y="662" on="1"/>
+        <pt x="123" y="742" on="0"/>
+        <pt x="174" y="909" on="0"/>
+        <pt x="279" y="1075" on="0"/>
+        <pt x="477" y="1182" on="0"/>
+        <pt x="608" y="1182" on="1"/>
+        <pt x="862" y="1182" on="0"/>
+        <pt x="1139" y="799" on="0"/>
+        <pt x="1139" y="440" on="1"/>
+        <pt x="1139" y="331" on="0"/>
+        <pt x="1098" y="100" on="0"/>
+        <pt x="1001" y="-137" on="0"/>
+        <pt x="866" y="-324" on="0"/>
+        <pt x="659" y="-440" on="0"/>
+        <pt x="537" y="-440" on="1"/>
+        <pt x="420" y="-440" on="0"/>
+        <pt x="219" y="-365" on="0"/>
+        <pt x="164" y="-326" on="1"/>
+        <pt x="276" y="-217" on="1"/>
+        <pt x="395" y="-283" on="0"/>
+        <pt x="535" y="-283" on="1"/>
+        <pt x="650" y="-283" on="0"/>
+        <pt x="825" y="-133" on="0"/>
+        <pt x="922" y="106" on="0"/>
+        <pt x="969" y="346" on="0"/>
+        <pt x="973" y="463" on="1"/>
+        <pt x="793" y="197" on="0"/>
+        <pt x="559" y="197" on="1"/>
+        <pt x="366" y="197" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="662" on="1"/>
+        <pt x="295" y="498" on="0"/>
+        <pt x="442" y="348" on="0"/>
+        <pt x="559" y="348" on="1"/>
+        <pt x="786" y="348" on="0"/>
+        <pt x="950" y="684" on="1"/>
+        <pt x="915" y="854" on="0"/>
+        <pt x="739" y="1030" on="0"/>
+        <pt x="608" y="1030" on="1"/>
+        <pt x="497" y="1030" on="0"/>
+        <pt x="348" y="897" on="0"/>
+        <pt x="295" y="740" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="numbersign" xMin="82" yMin="0" xMax="1608" yMax="1577">
+      <contour>
+        <pt x="82" y="489" on="1"/>
+        <pt x="117" y="637" on="1"/>
+        <pt x="455" y="637" on="1"/>
+        <pt x="543" y="999" on="1"/>
+        <pt x="195" y="999" on="1"/>
+        <pt x="229" y="1147" on="1"/>
+        <pt x="580" y="1147" on="1"/>
+        <pt x="686" y="1577" on="1"/>
+        <pt x="838" y="1577" on="1"/>
+        <pt x="731" y="1147" on="1"/>
+        <pt x="1092" y="1147" on="1"/>
+        <pt x="1198" y="1577" on="1"/>
+        <pt x="1350" y="1577" on="1"/>
+        <pt x="1243" y="1147" on="1"/>
+        <pt x="1608" y="1147" on="1"/>
+        <pt x="1573" y="999" on="1"/>
+        <pt x="1206" y="999" on="1"/>
+        <pt x="1118" y="637" on="1"/>
+        <pt x="1495" y="637" on="1"/>
+        <pt x="1460" y="489" on="1"/>
+        <pt x="1081" y="489" on="1"/>
+        <pt x="963" y="0" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="930" y="489" on="1"/>
+        <pt x="569" y="489" on="1"/>
+        <pt x="451" y="0" on="1"/>
+        <pt x="299" y="0" on="1"/>
+        <pt x="418" y="489" on="1"/>
+      </contour>
+      <contour>
+        <pt x="606" y="637" on="1"/>
+        <pt x="967" y="637" on="1"/>
+        <pt x="1055" y="999" on="1"/>
+        <pt x="694" y="999" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="o" xMin="123" yMin="-25" xMax="1102" yMax="1151">
+      <contour>
+        <pt x="123" y="397" on="0"/>
+        <pt x="123" y="729" on="0"/>
+        <pt x="205" y="967" on="0"/>
+        <pt x="348" y="1094" on="0"/>
+        <pt x="514" y="1151" on="0"/>
+        <pt x="711" y="1151" on="0"/>
+        <pt x="877" y="1094" on="0"/>
+        <pt x="1020" y="967" on="0"/>
+        <pt x="1102" y="729" on="0"/>
+        <pt x="1102" y="397" on="0"/>
+        <pt x="1020" y="160" on="0"/>
+        <pt x="877" y="33" on="0"/>
+        <pt x="711" y="-25" on="0"/>
+        <pt x="514" y="-25" on="0"/>
+        <pt x="348" y="33" on="0"/>
+        <pt x="205" y="160" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="801" on="0"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="748" y="119" on="0"/>
+        <pt x="930" y="326" on="0"/>
+        <pt x="930" y="801" on="0"/>
+        <pt x="748" y="1008" on="0"/>
+        <pt x="477" y="1008" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="one" xMin="102" yMin="0" xMax="561" yMax="1157">
+      <contour>
+        <pt x="102" y="936" on="1"/>
+        <pt x="395" y="1157" on="1"/>
+        <pt x="561" y="1157" on="1"/>
+        <pt x="561" y="0" on="1"/>
+        <pt x="395" y="0" on="1"/>
+        <pt x="395" y="983" on="1"/>
+        <pt x="213" y="829" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="p" xMin="174" yMin="-532" xMax="1169" yMax="1151">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="-532" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenleft" xMin="123" yMin="-535" xMax="631" yMax="1577">
+      <contour>
+        <pt x="123" y="520" on="1"/>
+        <pt x="123" y="618" on="0"/>
+        <pt x="150" y="862" on="0"/>
+        <pt x="221" y="1157" on="0"/>
+        <pt x="328" y="1397" on="0"/>
+        <pt x="508" y="1567" on="0"/>
+        <pt x="618" y="1577" on="1"/>
+        <pt x="631" y="1434" on="1"/>
+        <pt x="535" y="1399" on="0"/>
+        <pt x="393" y="1180" on="0"/>
+        <pt x="326" y="889" on="0"/>
+        <pt x="295" y="633" on="0"/>
+        <pt x="295" y="520" on="1"/>
+        <pt x="295" y="409" on="0"/>
+        <pt x="326" y="154" on="0"/>
+        <pt x="393" y="-137" on="0"/>
+        <pt x="535" y="-358" on="0"/>
+        <pt x="631" y="-391" on="1"/>
+        <pt x="618" y="-535" on="1"/>
+        <pt x="505" y="-523" on="0"/>
+        <pt x="326" y="-350" on="0"/>
+        <pt x="221" y="-113" on="0"/>
+        <pt x="150" y="178" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenright" xMin="61" yMin="-535" xMax="569" yMax="1577">
+      <contour>
+        <pt x="61" y="-391" on="1"/>
+        <pt x="157" y="-358" on="0"/>
+        <pt x="299" y="-137" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="397" y="410" on="0"/>
+        <pt x="397" y="520" on="1"/>
+        <pt x="397" y="633" on="0"/>
+        <pt x="367" y="889" on="0"/>
+        <pt x="299" y="1180" on="0"/>
+        <pt x="158" y="1399" on="0"/>
+        <pt x="61" y="1434" on="1"/>
+        <pt x="74" y="1577" on="1"/>
+        <pt x="185" y="1567" on="0"/>
+        <pt x="365" y="1397" on="0"/>
+        <pt x="471" y="1157" on="0"/>
+        <pt x="543" y="862" on="0"/>
+        <pt x="569" y="618" on="0"/>
+        <pt x="569" y="520" on="1"/>
+        <pt x="569" y="420" on="0"/>
+        <pt x="543" y="178" on="0"/>
+        <pt x="471" y="-113" on="0"/>
+        <pt x="367" y="-350" on="0"/>
+        <pt x="186" y="-522" on="0"/>
+        <pt x="74" y="-535" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="percent" xMin="123" yMin="-96" xMax="1944" yMax="1667">
+      <contour>
+        <pt x="123" y="1049" on="0"/>
+        <pt x="123" y="1286" on="0"/>
+        <pt x="193" y="1460" on="0"/>
+        <pt x="309" y="1552" on="0"/>
+        <pt x="438" y="1595" on="0"/>
+        <pt x="510" y="1595" on="1"/>
+        <pt x="584" y="1595" on="0"/>
+        <pt x="713" y="1554" on="0"/>
+        <pt x="831" y="1460" on="0"/>
+        <pt x="899" y="1284" on="0"/>
+        <pt x="899" y="1163" on="1"/>
+        <pt x="897" y="936" on="0"/>
+        <pt x="670" y="737" on="0"/>
+        <pt x="512" y="737" on="1"/>
+        <pt x="440" y="737" on="0"/>
+        <pt x="311" y="780" on="0"/>
+        <pt x="193" y="872" on="0"/>
+      </contour>
+      <contour>
+        <pt x="276" y="1167" on="1"/>
+        <pt x="276" y="999" on="0"/>
+        <pt x="416" y="852" on="0"/>
+        <pt x="608" y="852" on="0"/>
+        <pt x="743" y="997" on="0"/>
+        <pt x="745" y="1163" on="1"/>
+        <pt x="745" y="1333" on="0"/>
+        <pt x="608" y="1481" on="0"/>
+        <pt x="510" y="1481" on="1"/>
+        <pt x="414" y="1479" on="0"/>
+        <pt x="276" y="1333" on="0"/>
+      </contour>
+      <contour>
+        <pt x="350" y="-96" on="1"/>
+        <pt x="1538" y="1667" on="1"/>
+        <pt x="1714" y="1667" on="1"/>
+        <pt x="526" y="-96" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1167" y="416" on="1"/>
+        <pt x="1169" y="643" on="0"/>
+        <pt x="1395" y="844" on="0"/>
+        <pt x="1554" y="846" on="1"/>
+        <pt x="1628" y="846" on="0"/>
+        <pt x="1757" y="803" on="0"/>
+        <pt x="1876" y="711" on="0"/>
+        <pt x="1944" y="532" on="0"/>
+        <pt x="1944" y="412" on="1"/>
+        <pt x="1942" y="185" on="0"/>
+        <pt x="1714" y="-14" on="0"/>
+        <pt x="1556" y="-14" on="1"/>
+        <pt x="1484" y="-14" on="0"/>
+        <pt x="1356" y="29" on="0"/>
+        <pt x="1237" y="121" on="0"/>
+        <pt x="1167" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1323" y="412" on="1"/>
+        <pt x="1323" y="246" on="0"/>
+        <pt x="1460" y="100" on="0"/>
+        <pt x="1653" y="100" on="0"/>
+        <pt x="1788" y="246" on="0"/>
+        <pt x="1790" y="412" on="1"/>
+        <pt x="1790" y="580" on="0"/>
+        <pt x="1655" y="729" on="0"/>
+        <pt x="1559" y="731" on="1"/>
+        <pt x="1463" y="731" on="0"/>
+        <pt x="1323" y="582" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="period" xMin="92" yMin="-14" xMax="319" yMax="213">
+      <contour>
+        <pt x="92" y="51" on="0"/>
+        <pt x="92" y="150" on="0"/>
+        <pt x="158" y="213" on="0"/>
+        <pt x="256" y="213" on="0"/>
+        <pt x="319" y="150" on="0"/>
+        <pt x="319" y="51" on="0"/>
+        <pt x="256" y="-14" on="0"/>
+        <pt x="158" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="plus" xMin="102" yMin="0" xMax="1229" yMax="1126">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="586" y="633" on="1"/>
+        <pt x="586" y="1126" on="1"/>
+        <pt x="723" y="1126" on="1"/>
+        <pt x="723" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+        <pt x="723" y="496" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="586" y="0" on="1"/>
+        <pt x="586" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="q" xMin="123" yMin="-532" xMax="1118" yMax="1151">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1126" on="1"/>
+        <pt x="1118" y="1126" on="1"/>
+        <pt x="1118" y="-532" on="1"/>
+        <pt x="946" y="-532" on="1"/>
+        <pt x="946" y="215" on="1"/>
+        <pt x="753" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="question" xMin="84" yMin="-14" xMax="958" yMax="1679">
+      <contour>
+        <pt x="84" y="1393" on="1"/>
+        <pt x="90" y="1405" on="0"/>
+        <pt x="117" y="1444" on="0"/>
+        <pt x="203" y="1542" on="0"/>
+        <pt x="299" y="1618" on="0"/>
+        <pt x="453" y="1679" on="0"/>
+        <pt x="532" y="1679" on="1"/>
+        <pt x="636" y="1679" on="0"/>
+        <pt x="797" y="1628" on="0"/>
+        <pt x="887" y="1550" on="0"/>
+        <pt x="942" y="1446" on="0"/>
+        <pt x="958" y="1358" on="0"/>
+        <pt x="958" y="1311" on="1"/>
+        <pt x="958" y="1233" on="0"/>
+        <pt x="909" y="1094" on="0"/>
+        <pt x="795" y="954" on="0"/>
+        <pt x="759" y="920" on="1"/>
+        <pt x="645" y="813" on="1"/>
+        <pt x="481" y="663" on="0"/>
+        <pt x="481" y="600" on="1"/>
+        <pt x="481" y="512" on="0"/>
+        <pt x="575" y="428" on="1"/>
+        <pt x="471" y="338" on="1"/>
+        <pt x="418" y="385" on="0"/>
+        <pt x="367" y="444" on="0"/>
+        <pt x="324" y="543" on="0"/>
+        <pt x="324" y="602" on="1"/>
+        <pt x="324" y="692" on="0"/>
+        <pt x="428" y="840" on="0"/>
+        <pt x="537" y="936" on="1"/>
+        <pt x="611" y="1004" on="0"/>
+        <pt x="700" y="1100" on="0"/>
+        <pt x="784" y="1243" on="0"/>
+        <pt x="786" y="1311" on="1"/>
+        <pt x="786" y="1536" on="0"/>
+        <pt x="532" y="1536" on="1"/>
+        <pt x="473" y="1536" on="0"/>
+        <pt x="360" y="1485" on="0"/>
+        <pt x="283" y="1413" on="0"/>
+        <pt x="221" y="1341" on="0"/>
+        <pt x="207" y="1315" on="1"/>
+        <pt x="193" y="1290" on="1"/>
+      </contour>
+      <contour>
+        <pt x="399" y="51" on="0"/>
+        <pt x="399" y="150" on="0"/>
+        <pt x="465" y="213" on="0"/>
+        <pt x="563" y="213" on="0"/>
+        <pt x="627" y="150" on="0"/>
+        <pt x="627" y="51" on="0"/>
+        <pt x="563" y="-14" on="0"/>
+        <pt x="465" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedbl" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblleft" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1245" on="1"/>
+        <pt x="94" y="1392" on="0"/>
+        <pt x="244" y="1577" on="1"/>
+        <pt x="330" y="1548" on="1"/>
+        <pt x="228" y="1421" on="0"/>
+        <pt x="207" y="1305" on="1"/>
+        <pt x="262" y="1305" on="0"/>
+        <pt x="332" y="1239" on="0"/>
+        <pt x="332" y="1141" on="0"/>
+        <pt x="266" y="1077" on="0"/>
+        <pt x="217" y="1077" on="1"/>
+        <pt x="156" y="1077" on="0"/>
+        <pt x="92" y="1177" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1245" on="1"/>
+        <pt x="444" y="1392" on="0"/>
+        <pt x="594" y="1577" on="1"/>
+        <pt x="680" y="1548" on="1"/>
+        <pt x="578" y="1421" on="0"/>
+        <pt x="557" y="1305" on="1"/>
+        <pt x="612" y="1305" on="0"/>
+        <pt x="682" y="1239" on="0"/>
+        <pt x="682" y="1141" on="0"/>
+        <pt x="616" y="1077" on="0"/>
+        <pt x="567" y="1077" on="1"/>
+        <pt x="506" y="1077" on="0"/>
+        <pt x="442" y="1177" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblright" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotesingle" xMin="92" yMin="1077" xMax="332" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="r" xMin="174" yMin="0" xMax="903" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="487" y="1151" on="0"/>
+        <pt x="631" y="1151" on="1"/>
+        <pt x="709" y="1151" on="0"/>
+        <pt x="846" y="1094" on="0"/>
+        <pt x="874" y="1065" on="1"/>
+        <pt x="903" y="1038" on="1"/>
+        <pt x="784" y="924" on="1"/>
+        <pt x="735" y="987" on="0"/>
+        <pt x="639" y="987" on="1"/>
+        <pt x="481" y="987" on="0"/>
+        <pt x="346" y="705" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="s" xMin="92" yMin="-25" xMax="924" yMax="1151">
+      <contour>
+        <pt x="92" y="205" on="1"/>
+        <pt x="211" y="301" on="1"/>
+        <pt x="256" y="219" on="0"/>
+        <pt x="436" y="121" on="0"/>
+        <pt x="537" y="119" on="1"/>
+        <pt x="629" y="119" on="0"/>
+        <pt x="760" y="217" on="0"/>
+        <pt x="760" y="309" on="1"/>
+        <pt x="760" y="364" on="0"/>
+        <pt x="674" y="446" on="0"/>
+        <pt x="586" y="481" on="0"/>
+        <pt x="426" y="530" on="0"/>
+        <pt x="328" y="569" on="0"/>
+        <pt x="213" y="643" on="0"/>
+        <pt x="158" y="754" on="0"/>
+        <pt x="158" y="829" on="1"/>
+        <pt x="158" y="907" on="0"/>
+        <pt x="211" y="1028" on="0"/>
+        <pt x="289" y="1096" on="0"/>
+        <pt x="391" y="1139" on="0"/>
+        <pt x="471" y="1151" on="0"/>
+        <pt x="510" y="1151" on="1"/>
+        <pt x="733" y="1151" on="0"/>
+        <pt x="864" y="1020" on="1"/>
+        <pt x="754" y="913" on="1"/>
+        <pt x="666" y="1007" on="0"/>
+        <pt x="510" y="1008" on="1"/>
+        <pt x="471" y="1008" on="0"/>
+        <pt x="395" y="985" on="0"/>
+        <pt x="322" y="899" on="0"/>
+        <pt x="322" y="829" on="1"/>
+        <pt x="322" y="794" on="0"/>
+        <pt x="356" y="743" on="0"/>
+        <pt x="436" y="702" on="0"/>
+        <pt x="496" y="680" on="0"/>
+        <pt x="555" y="662" on="1"/>
+        <pt x="629" y="639" on="0"/>
+        <pt x="702" y="614" on="0"/>
+        <pt x="819" y="553" on="0"/>
+        <pt x="877" y="489" on="0"/>
+        <pt x="924" y="379" on="0"/>
+        <pt x="924" y="309" on="1"/>
+        <pt x="924" y="147" on="0"/>
+        <pt x="694" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="401" y="-25" on="0"/>
+        <pt x="162" y="94" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="semicolon" xMin="143" yMin="-287" xMax="383" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="258" y="213" on="1"/>
+        <pt x="319" y="213" on="0"/>
+        <pt x="383" y="113" on="0"/>
+        <pt x="383" y="45" on="1"/>
+        <pt x="381" y="-102" on="0"/>
+        <pt x="231" y="-287" on="1"/>
+        <pt x="145" y="-258" on="1"/>
+        <pt x="247" y="-131" on="0"/>
+        <pt x="266" y="-14" on="1"/>
+        <pt x="211" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="seven" xMin="10" yMin="-440" xMax="997" yMax="1157">
+      <contour>
+        <pt x="10" y="-328" on="1"/>
+        <pt x="96" y="-275" on="0"/>
+        <pt x="602" y="614" on="0"/>
+        <pt x="786" y="993" on="1"/>
+        <pt x="90" y="993" on="1"/>
+        <pt x="90" y="1157" on="1"/>
+        <pt x="997" y="1157" on="1"/>
+        <pt x="997" y="1036" on="1"/>
+        <pt x="802" y="626" on="0"/>
+        <pt x="236" y="-391" on="0"/>
+        <pt x="125" y="-440" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="six" xMin="131" yMin="-14" xMax="1147" yMax="1608">
+      <contour>
+        <pt x="131" y="727" on="1"/>
+        <pt x="131" y="1087" on="0"/>
+        <pt x="471" y="1608" on="0"/>
+        <pt x="725" y="1608" on="1"/>
+        <pt x="913" y="1608" on="0"/>
+        <pt x="1081" y="1473" on="1"/>
+        <pt x="971" y="1366" on="1"/>
+        <pt x="871" y="1450" on="0"/>
+        <pt x="731" y="1450" on="1"/>
+        <pt x="616" y="1450" on="0"/>
+        <pt x="442" y="1298" on="0"/>
+        <pt x="348" y="1059" on="0"/>
+        <pt x="299" y="817" on="0"/>
+        <pt x="297" y="702" on="1"/>
+        <pt x="473" y="970" on="0"/>
+        <pt x="711" y="971" on="1"/>
+        <pt x="904" y="971" on="0"/>
+        <pt x="1147" y="748" on="0"/>
+        <pt x="1147" y="506" on="1"/>
+        <pt x="1147" y="426" on="0"/>
+        <pt x="1096" y="258" on="0"/>
+        <pt x="991" y="92" on="0"/>
+        <pt x="793" y="-14" on="0"/>
+        <pt x="662" y="-14" on="1"/>
+        <pt x="408" y="-14" on="0"/>
+        <pt x="131" y="369" on="0"/>
+      </contour>
+      <contour>
+        <pt x="319" y="481" on="1"/>
+        <pt x="354" y="313" on="0"/>
+        <pt x="530" y="137" on="0"/>
+        <pt x="662" y="137" on="1"/>
+        <pt x="773" y="137" on="0"/>
+        <pt x="922" y="270" on="0"/>
+        <pt x="975" y="428" on="0"/>
+        <pt x="975" y="506" on="1"/>
+        <pt x="975" y="670" on="0"/>
+        <pt x="827" y="819" on="0"/>
+        <pt x="711" y="819" on="1"/>
+        <pt x="481" y="819" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="slash" xMin="41" yMin="-532" xMax="844" yMax="1577">
+      <contour>
+        <pt x="41" y="-532" on="1"/>
+        <pt x="674" y="1577" on="1"/>
+        <pt x="844" y="1577" on="1"/>
+        <pt x="211" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="t" xMin="92" yMin="-25" xMax="788" yMax="1434">
+      <contour>
+        <pt x="92" y="983" on="1"/>
+        <pt x="92" y="1126" on="1"/>
+        <pt x="236" y="1126" on="1"/>
+        <pt x="236" y="1434" on="1"/>
+        <pt x="408" y="1434" on="1"/>
+        <pt x="408" y="1126" on="1"/>
+        <pt x="678" y="1126" on="1"/>
+        <pt x="678" y="983" on="1"/>
+        <pt x="408" y="983" on="1"/>
+        <pt x="408" y="328" on="1"/>
+        <pt x="408" y="287" on="0"/>
+        <pt x="412" y="236" on="0"/>
+        <pt x="430" y="158" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="514" y="119" on="1"/>
+        <pt x="610" y="119" on="0"/>
+        <pt x="692" y="197" on="1"/>
+        <pt x="788" y="104" on="1"/>
+        <pt x="653" y="-25" on="0"/>
+        <pt x="469" y="-25" on="1"/>
+        <pt x="236" y="-25" on="0"/>
+        <pt x="236" y="328" on="1"/>
+        <pt x="236" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="three" xMin="82" yMin="-440" xMax="1022" yMax="1182">
+      <contour>
+        <pt x="82" y="-313" on="1"/>
+        <pt x="190" y="-207" on="1"/>
+        <pt x="200" y="-215" on="0"/>
+        <pt x="236" y="-240" on="0"/>
+        <pt x="360" y="-276" on="0"/>
+        <pt x="428" y="-274" on="1"/>
+        <pt x="520" y="-274" on="0"/>
+        <pt x="705" y="-188" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="848" y="166" on="1"/>
+        <pt x="848" y="264" on="0"/>
+        <pt x="700" y="414" on="0"/>
+        <pt x="600" y="414" on="1"/>
+        <pt x="559" y="414" on="0"/>
+        <pt x="469" y="401" on="0"/>
+        <pt x="399" y="387" on="0"/>
+        <pt x="344" y="371" on="0"/>
+        <pt x="328" y="365" on="1"/>
+        <pt x="311" y="360" on="1"/>
+        <pt x="311" y="504" on="1"/>
+        <pt x="477" y="572" on="0"/>
+        <pt x="670" y="733" on="0"/>
+        <pt x="670" y="850" on="1"/>
+        <pt x="670" y="924" on="0"/>
+        <pt x="565" y="1016" on="0"/>
+        <pt x="492" y="1016" on="1"/>
+        <pt x="439" y="1016" on="0"/>
+        <pt x="346" y="987" on="0"/>
+        <pt x="287" y="944" on="0"/>
+        <pt x="244" y="901" on="0"/>
+        <pt x="233" y="887" on="1"/>
+        <pt x="225" y="872" on="1"/>
+        <pt x="129" y="967" on="1"/>
+        <pt x="133" y="975" on="0"/>
+        <pt x="152" y="1004" on="0"/>
+        <pt x="215" y="1079" on="0"/>
+        <pt x="291" y="1135" on="0"/>
+        <pt x="420" y="1182" on="0"/>
+        <pt x="489" y="1182" on="1"/>
+        <pt x="634" y="1182" on="0"/>
+        <pt x="838" y="995" on="0"/>
+        <pt x="838" y="850" on="1"/>
+        <pt x="838" y="692" on="0"/>
+        <pt x="655" y="557" on="1"/>
+        <pt x="807" y="539" on="0"/>
+        <pt x="1018" y="322" on="0"/>
+        <pt x="1022" y="166" on="1"/>
+        <pt x="1022" y="19" on="0"/>
+        <pt x="907" y="-223" on="0"/>
+        <pt x="725" y="-365" on="0"/>
+        <pt x="524" y="-440" on="0"/>
+        <pt x="428" y="-440" on="1"/>
+        <pt x="340" y="-440" on="0"/>
+        <pt x="166" y="-377" on="0"/>
+        <pt x="123" y="-344" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="two" xMin="102" yMin="0" xMax="1014" yMax="1182">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="131" on="1"/>
+        <pt x="173" y="180" on="1"/>
+        <pt x="217" y="211" on="0"/>
+        <pt x="440" y="389" on="0"/>
+        <pt x="610" y="549" on="0"/>
+        <pt x="752" y="741" on="0"/>
+        <pt x="752" y="807" on="1"/>
+        <pt x="752" y="916" on="0"/>
+        <pt x="639" y="1020" on="0"/>
+        <pt x="543" y="1018" on="1"/>
+        <pt x="490" y="1018" on="0"/>
+        <pt x="387" y="979" on="0"/>
+        <pt x="319" y="926" on="0"/>
+        <pt x="268" y="870" on="0"/>
+        <pt x="256" y="852" on="1"/>
+        <pt x="244" y="834" on="1"/>
+        <pt x="140" y="932" on="0"/>
+        <pt x="139" y="934" on="1"/>
+        <pt x="182" y="1012" on="0"/>
+        <pt x="406" y="1180" on="0"/>
+        <pt x="545" y="1182" on="1"/>
+        <pt x="725" y="1182" on="0"/>
+        <pt x="926" y="997" on="0"/>
+        <pt x="926" y="819" on="1"/>
+        <pt x="926" y="680" on="0"/>
+        <pt x="596" y="311" on="0"/>
+        <pt x="385" y="150" on="1"/>
+        <pt x="1012" y="150" on="1"/>
+        <pt x="1014" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="u" xMin="164" yMin="-25" xMax="1087" yMax="1126">
+      <contour>
+        <pt x="164" y="326" on="1"/>
+        <pt x="164" y="1126" on="1"/>
+        <pt x="336" y="1126" on="1"/>
+        <pt x="336" y="326" on="1"/>
+        <pt x="336" y="148" on="0"/>
+        <pt x="424" y="147" on="1"/>
+        <pt x="657" y="147" on="0"/>
+        <pt x="915" y="416" on="1"/>
+        <pt x="915" y="1126" on="1"/>
+        <pt x="1087" y="1126" on="1"/>
+        <pt x="1087" y="0" on="1"/>
+        <pt x="915" y="0" on="1"/>
+        <pt x="915" y="236" on="1"/>
+        <pt x="643" y="-24" on="0"/>
+        <pt x="424" y="-25" on="1"/>
+        <pt x="164" y="-24" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="underscore" xMin="113" yMin="-131" xMax="1241" yMax="0">
+      <contour>
+        <pt x="113" y="0" on="1"/>
+        <pt x="1241" y="0" on="1"/>
+        <pt x="1241" y="-131" on="1"/>
+        <pt x="113" y="-131" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2011" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1125" yMax="1125">
+      <contour>
+        <pt x="0" y="1125" on="1"/>
+        <pt x="1125" y="1125" on="1"/>
+        <pt x="1125" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="v" xMin="72" yMin="0" xMax="1073" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="270" y="1126" on="1"/>
+        <pt x="563" y="256" on="1"/>
+        <pt x="569" y="217" on="1"/>
+        <pt x="573" y="236" on="1"/>
+        <pt x="575" y="254" on="0"/>
+        <pt x="575" y="256" on="1"/>
+        <pt x="821" y="1069" on="0"/>
+        <pt x="887" y="1126" on="1"/>
+        <pt x="1073" y="1126" on="1"/>
+        <pt x="1038" y="1083" on="0"/>
+        <pt x="827" y="520" on="0"/>
+        <pt x="739" y="260" on="1"/>
+        <pt x="651" y="0" on="1"/>
+        <pt x="502" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="w" xMin="72" yMin="0" xMax="1561" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="258" y="1126" on="1"/>
+        <pt x="481" y="287" on="1"/>
+        <pt x="487" y="244" on="1"/>
+        <pt x="494" y="287" on="1"/>
+        <pt x="733" y="1126" on="1"/>
+        <pt x="881" y="1126" on="1"/>
+        <pt x="1120" y="287" on="1"/>
+        <pt x="1128" y="244" on="1"/>
+        <pt x="1135" y="287" on="1"/>
+        <pt x="1352" y="1104" on="0"/>
+        <pt x="1393" y="1126" on="1"/>
+        <pt x="1561" y="1126" on="1"/>
+        <pt x="1536" y="1101" on="0"/>
+        <pt x="1358" y="539" on="0"/>
+        <pt x="1282" y="270" on="1"/>
+        <pt x="1204" y="0" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="807" y="868" on="1"/>
+        <pt x="559" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="x" xMin="82" yMin="0" xMax="1135" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="111" y="12" on="0"/>
+        <pt x="428" y="440" on="0"/>
+        <pt x="520" y="575" on="1"/>
+        <pt x="123" y="1126" on="1"/>
+        <pt x="340" y="1126" on="1"/>
+        <pt x="618" y="719" on="1"/>
+        <pt x="884" y="1114" on="0"/>
+        <pt x="922" y="1126" on="1"/>
+        <pt x="1135" y="1126" on="1"/>
+        <pt x="1086" y="1103" on="0"/>
+        <pt x="715" y="578" on="1"/>
+        <pt x="1124" y="0" on="1"/>
+        <pt x="907" y="0" on="1"/>
+        <pt x="616" y="434" on="1"/>
+        <pt x="321" y="8" on="0"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="y" xMin="59" yMin="-563" xMax="1137" yMax="1126">
+      <contour>
+        <pt x="59" y="-414" on="1"/>
+        <pt x="196" y="-406" on="0"/>
+        <pt x="276" y="-326" on="1"/>
+        <pt x="315" y="-287" on="0"/>
+        <pt x="385" y="-168" on="0"/>
+        <pt x="440" y="-35" on="1"/>
+        <pt x="496" y="102" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="285" y="1126" on="1"/>
+        <pt x="590" y="336" on="1"/>
+        <pt x="897" y="1090" on="0"/>
+        <pt x="942" y="1126" on="1"/>
+        <pt x="1137" y="1126" on="1"/>
+        <pt x="1092" y="1083" on="0"/>
+        <pt x="922" y="705" on="0"/>
+        <pt x="602" y="-80" on="1"/>
+        <pt x="547" y="-211" on="1"/>
+        <pt x="527" y="-258" on="0"/>
+        <pt x="442" y="-391" on="0"/>
+        <pt x="393" y="-438" on="1"/>
+        <pt x="274" y="-553" on="0"/>
+        <pt x="102" y="-563" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="z" xMin="102" yMin="0" xMax="979" yMax="1126">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="145" on="1"/>
+        <pt x="737" y="983" on="1"/>
+        <pt x="102" y="983" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="944" y="1126" on="1"/>
+        <pt x="944" y="983" on="1"/>
+        <pt x="309" y="145" on="1"/>
+        <pt x="834" y="145" on="1"/>
+        <pt x="947" y="145" on="0"/>
+        <pt x="979" y="180" on="1"/>
+        <pt x="979" y="35" on="1"/>
+        <pt x="967" y="21" on="0"/>
+        <pt x="893" y="4" on="0"/>
+        <pt x="862" y="2" on="1"/>
+        <pt x="831" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="zero" xMin="123" yMin="-23" xMax="1130" yMax="1182">
+      <contour>
+        <pt x="123" y="414" on="0"/>
+        <pt x="123" y="745" on="0"/>
+        <pt x="211" y="989" on="0"/>
+        <pt x="360" y="1120" on="0"/>
+        <pt x="530" y="1182" on="0"/>
+        <pt x="723" y="1182" on="0"/>
+        <pt x="893" y="1120" on="0"/>
+        <pt x="1042" y="989" on="0"/>
+        <pt x="1130" y="745" on="0"/>
+        <pt x="1130" y="414" on="0"/>
+        <pt x="1042" y="170" on="0"/>
+        <pt x="893" y="39" on="0"/>
+        <pt x="723" y="-23" on="0"/>
+        <pt x="530" y="-23" on="0"/>
+        <pt x="360" y="39" on="0"/>
+        <pt x="211" y="170" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="817" on="0"/>
+        <pt x="295" y="342" on="0"/>
+        <pt x="487" y="129" on="0"/>
+        <pt x="766" y="129" on="0"/>
+        <pt x="958" y="342" on="0"/>
+        <pt x="958" y="817" on="0"/>
+        <pt x="766" y="1030" on="0"/>
+        <pt x="487" y="1030" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultscript" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+      </contour>
+      <contour>
+        <pt x="896" y="161" on="1"/>
+        <pt x="896" y="351" on="1"/>
+        <pt x="896" y="365" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="865" y="384" on="1"/>
+        <pt x="673" y="384" on="1"/>
+        <pt x="660" y="384" on="0"/>
+        <pt x="640" y="364" on="0"/>
+        <pt x="640" y="351" on="1"/>
+        <pt x="640" y="161" on="1"/>
+        <pt x="640" y="148" on="0"/>
+        <pt x="660" y="128" on="0"/>
+        <pt x="673" y="128" on="1"/>
+        <pt x="865" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="894" y="505" on="1"/>
+        <pt x="912" y="1126" on="1"/>
+        <pt x="912" y="1138" on="0"/>
+        <pt x="902" y="1144" on="1"/>
+        <pt x="892" y="1152" on="0"/>
+        <pt x="878" y="1152" on="1"/>
+        <pt x="658" y="1152" on="1"/>
+        <pt x="644" y="1152" on="0"/>
+        <pt x="634" y="1144" on="1"/>
+        <pt x="624" y="1138" on="0"/>
+        <pt x="624" y="1126" on="1"/>
+        <pt x="641" y="505" on="1"/>
+        <pt x="641" y="495" on="0"/>
+        <pt x="661" y="480" on="0"/>
+        <pt x="675" y="480" on="1"/>
+        <pt x="860" y="480" on="1"/>
+        <pt x="874" y="480" on="0"/>
+        <pt x="893" y="495" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="latinscript" xMin="16" yMin="-128" xMax="1776" yMax="1536">
+      <contour>
+        <pt x="1024" y="161" on="1"/>
+        <pt x="1024" y="351" on="1"/>
+        <pt x="1024" y="365" on="0"/>
+        <pt x="1005" y="384" on="0"/>
+        <pt x="992" y="384" on="1"/>
+        <pt x="800" y="384" on="1"/>
+        <pt x="787" y="384" on="0"/>
+        <pt x="768" y="365" on="0"/>
+        <pt x="768" y="351" on="1"/>
+        <pt x="768" y="161" on="1"/>
+        <pt x="768" y="147" on="0"/>
+        <pt x="787" y="128" on="0"/>
+        <pt x="800" y="128" on="1"/>
+        <pt x="992" y="128" on="1"/>
+        <pt x="1005" y="128" on="0"/>
+        <pt x="1024" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1022" y="535" on="1"/>
+        <pt x="1040" y="994" on="1"/>
+        <pt x="1040" y="1006" on="0"/>
+        <pt x="1030" y="1013" on="1"/>
+        <pt x="1017" y="1024" on="0"/>
+        <pt x="1006" y="1024" on="1"/>
+        <pt x="786" y="1024" on="1"/>
+        <pt x="775" y="1024" on="0"/>
+        <pt x="762" y="1013" on="1"/>
+        <pt x="752" y="1006" on="0"/>
+        <pt x="752" y="992" on="1"/>
+        <pt x="769" y="535" on="1"/>
+        <pt x="769" y="525" on="0"/>
+        <pt x="789" y="512" on="0"/>
+        <pt x="803" y="512" on="1"/>
+        <pt x="988" y="512" on="1"/>
+        <pt x="1002" y="512" on="0"/>
+        <pt x="1021" y="525" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1008" y="1469" on="1"/>
+        <pt x="1776" y="61" on="1"/>
+        <pt x="1811" y="-2" on="0"/>
+        <pt x="1774" y="-65" on="1"/>
+        <pt x="1757" y="-94" on="0"/>
+        <pt x="1698" y="-128" on="0"/>
+        <pt x="1664" y="-128" on="1"/>
+        <pt x="128" y="-128" on="1"/>
+        <pt x="94" y="-128" on="0"/>
+        <pt x="35" y="-94" on="0"/>
+        <pt x="18" y="-65" on="1"/>
+        <pt x="-19" y="-2" on="0"/>
+        <pt x="16" y="61" on="1"/>
+        <pt x="784" y="1469" on="1"/>
+        <pt x="801" y="1500" on="0"/>
+        <pt x="861" y="1536" on="0"/>
+        <pt x="931" y="1536" on="0"/>
+        <pt x="991" y="1500" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1097" y="457" on="1"/>
+        <pt x="951" y="311" on="1"/>
+        <pt x="941" y="301" on="0"/>
+        <pt x="915" y="301" on="0"/>
+        <pt x="905" y="311" on="1"/>
+        <pt x="768" y="448" on="1"/>
+        <pt x="631" y="311" on="1"/>
+        <pt x="621" y="301" on="0"/>
+        <pt x="595" y="301" on="0"/>
+        <pt x="585" y="311" on="1"/>
+        <pt x="439" y="457" on="1"/>
+        <pt x="429" y="467" on="0"/>
+        <pt x="429" y="493" on="0"/>
+        <pt x="439" y="503" on="1"/>
+        <pt x="576" y="640" on="1"/>
+        <pt x="439" y="777" on="1"/>
+        <pt x="429" y="787" on="0"/>
+        <pt x="429" y="813" on="0"/>
+        <pt x="439" y="823" on="1"/>
+        <pt x="585" y="969" on="1"/>
+        <pt x="595" y="979" on="0"/>
+        <pt x="621" y="979" on="0"/>
+        <pt x="631" y="969" on="1"/>
+        <pt x="768" y="832" on="1"/>
+        <pt x="905" y="969" on="1"/>
+        <pt x="915" y="979" on="0"/>
+        <pt x="941" y="979" on="0"/>
+        <pt x="951" y="969" on="1"/>
+        <pt x="1097" y="823" on="1"/>
+        <pt x="1107" y="813" on="0"/>
+        <pt x="1107" y="787" on="0"/>
+        <pt x="1097" y="777" on="1"/>
+        <pt x="960" y="640" on="1"/>
+        <pt x="1097" y="503" on="1"/>
+        <pt x="1107" y="493" on="0"/>
+        <pt x="1107" y="467" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1312" y="492" on="0"/>
+        <pt x="1312" y="788" on="0"/>
+        <pt x="1166" y="1038" on="0"/>
+        <pt x="916" y="1184" on="0"/>
+        <pt x="620" y="1184" on="0"/>
+        <pt x="370" y="1038" on="0"/>
+        <pt x="224" y="788" on="0"/>
+        <pt x="224" y="492" on="0"/>
+        <pt x="370" y="242" on="0"/>
+        <pt x="620" y="96" on="0"/>
+        <pt x="916" y="96" on="0"/>
+        <pt x="1166" y="242" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="frenchlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1149" y="414" on="1"/>
+        <pt x="1149" y="440" on="0"/>
+        <pt x="1130" y="459" on="1"/>
+        <pt x="949" y="640" on="1"/>
+        <pt x="1130" y="821" on="1"/>
+        <pt x="1149" y="840" on="0"/>
+        <pt x="1149" y="866" on="1"/>
+        <pt x="1149" y="893" on="0"/>
+        <pt x="1130" y="912" on="1"/>
+        <pt x="1040" y="1002" on="1"/>
+        <pt x="1021" y="1021" on="0"/>
+        <pt x="994" y="1021" on="1"/>
+        <pt x="968" y="1021" on="0"/>
+        <pt x="949" y="1002" on="1"/>
+        <pt x="768" y="821" on="1"/>
+        <pt x="587" y="1002" on="1"/>
+        <pt x="568" y="1021" on="0"/>
+        <pt x="542" y="1021" on="1"/>
+        <pt x="515" y="1021" on="0"/>
+        <pt x="496" y="1002" on="1"/>
+        <pt x="406" y="912" on="1"/>
+        <pt x="387" y="893" on="0"/>
+        <pt x="387" y="866" on="1"/>
+        <pt x="387" y="840" on="0"/>
+        <pt x="406" y="821" on="1"/>
+        <pt x="587" y="640" on="1"/>
+        <pt x="406" y="459" on="1"/>
+        <pt x="387" y="440" on="0"/>
+        <pt x="387" y="414" on="1"/>
+        <pt x="387" y="387" on="0"/>
+        <pt x="406" y="368" on="1"/>
+        <pt x="496" y="278" on="1"/>
+        <pt x="515" y="259" on="0"/>
+        <pt x="542" y="259" on="1"/>
+        <pt x="568" y="259" on="0"/>
+        <pt x="587" y="278" on="1"/>
+        <pt x="768" y="459" on="1"/>
+        <pt x="949" y="278" on="1"/>
+        <pt x="968" y="259" on="0"/>
+        <pt x="994" y="259" on="1"/>
+        <pt x="1021" y="259" on="0"/>
+        <pt x="1040" y="278" on="1"/>
+        <pt x="1130" y="368" on="1"/>
+        <pt x="1149" y="387" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1216" y="576" on="1"/>
+        <pt x="1216" y="704" on="1"/>
+        <pt x="1216" y="730" on="0"/>
+        <pt x="1178" y="768" on="0"/>
+        <pt x="1152" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="358" y="768" on="0"/>
+        <pt x="320" y="730" on="0"/>
+        <pt x="320" y="704" on="1"/>
+        <pt x="320" y="576" on="1"/>
+        <pt x="320" y="550" on="0"/>
+        <pt x="358" y="512" on="0"/>
+        <pt x="384" y="512" on="1"/>
+        <pt x="1152" y="512" on="1"/>
+        <pt x="1178" y="512" on="0"/>
+        <pt x="1216" y="550" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nondefaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="896" y="160" on="1"/>
+        <pt x="896" y="352" on="1"/>
+        <pt x="896" y="366" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="864" y="384" on="1"/>
+        <pt x="672" y="384" on="1"/>
+        <pt x="658" y="384" on="0"/>
+        <pt x="640" y="366" on="0"/>
+        <pt x="640" y="352" on="1"/>
+        <pt x="640" y="160" on="1"/>
+        <pt x="640" y="146" on="0"/>
+        <pt x="658" y="128" on="0"/>
+        <pt x="672" y="128" on="1"/>
+        <pt x="864" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="146" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1152" y="832" on="1"/>
+        <pt x="1152" y="920" on="0"/>
+        <pt x="1041" y="1070" on="0"/>
+        <pt x="875" y="1152" on="0"/>
+        <pt x="788" y="1152" on="1"/>
+        <pt x="545" y="1152" on="0"/>
+        <pt x="417" y="939" on="1"/>
+        <pt x="402" y="915" on="0"/>
+        <pt x="425" y="897" on="1"/>
+        <pt x="557" y="797" on="1"/>
+        <pt x="564" y="791" on="0"/>
+        <pt x="576" y="791" on="1"/>
+        <pt x="592" y="791" on="0"/>
+        <pt x="601" y="803" on="1"/>
+        <pt x="654" y="871" on="0"/>
+        <pt x="687" y="895" on="1"/>
+        <pt x="721" y="919" on="0"/>
+        <pt x="773" y="919" on="1"/>
+        <pt x="821" y="919" on="0"/>
+        <pt x="896" y="867" on="0"/>
+        <pt x="896" y="834" on="1"/>
+        <pt x="896" y="796" on="0"/>
+        <pt x="856" y="750" on="0"/>
+        <pt x="808" y="728" on="1"/>
+        <pt x="745" y="700" on="0"/>
+        <pt x="640" y="583" on="0"/>
+        <pt x="640" y="516" on="1"/>
+        <pt x="640" y="480" on="1"/>
+        <pt x="640" y="466" on="0"/>
+        <pt x="658" y="448" on="0"/>
+        <pt x="672" y="448" on="1"/>
+        <pt x="864" y="448" on="1"/>
+        <pt x="878" y="448" on="0"/>
+        <pt x="896" y="466" on="0"/>
+        <pt x="896" y="480" on="1"/>
+        <pt x="896" y="499" on="0"/>
+        <pt x="939" y="560" on="0"/>
+        <pt x="972" y="579" on="1"/>
+        <pt x="1004" y="597" on="0"/>
+        <pt x="1038" y="618" on="0"/>
+        <pt x="1096" y="667" on="0"/>
+        <pt x="1127" y="714" on="0"/>
+        <pt x="1152" y="788" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="good" xMin="0" yMin="-128" xMax="1536" yMax="1536">
+      <contour>
+        <pt x="256" y="166" on="0"/>
+        <pt x="256" y="218" on="0"/>
+        <pt x="218" y="256" on="0"/>
+        <pt x="166" y="256" on="0"/>
+        <pt x="128" y="218" on="0"/>
+        <pt x="128" y="166" on="0"/>
+        <pt x="166" y="128" on="0"/>
+        <pt x="218" y="128" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1408" y="768" on="1"/>
+        <pt x="1408" y="819" on="0"/>
+        <pt x="1330" y="896" on="0"/>
+        <pt x="1280" y="896" on="1"/>
+        <pt x="928" y="896" on="1"/>
+        <pt x="928" y="954" on="0"/>
+        <pt x="1024" y="1157" on="0"/>
+        <pt x="1024" y="1216" on="1"/>
+        <pt x="1024" y="1314" on="0"/>
+        <pt x="960" y="1408" on="0"/>
+        <pt x="864" y="1408" on="1"/>
+        <pt x="838" y="1382" on="0"/>
+        <pt x="814" y="1264" on="0"/>
+        <pt x="777" y="1131" on="0"/>
+        <pt x="736" y="1088" on="1"/>
+        <pt x="714" y="1065" on="0"/>
+        <pt x="659" y="997" on="1"/>
+        <pt x="655" y="992" on="0"/>
+        <pt x="617" y="942" on="0"/>
+        <pt x="592" y="910" on="0"/>
+        <pt x="548" y="857" on="0"/>
+        <pt x="512" y="822" on="0"/>
+        <pt x="471" y="786" on="0"/>
+        <pt x="432" y="768" on="0"/>
+        <pt x="416" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="384" y="128" on="1"/>
+        <pt x="416" y="128" on="1"/>
+        <pt x="429" y="128" on="0"/>
+        <pt x="466" y="122" on="0"/>
+        <pt x="495" y="115" on="0"/>
+        <pt x="542" y="100" on="0"/>
+        <pt x="565" y="92" on="0"/>
+        <pt x="613" y="75" on="0"/>
+        <pt x="618" y="73" on="1"/>
+        <pt x="829" y="0" on="0"/>
+        <pt x="960" y="0" on="1"/>
+        <pt x="1081" y="0" on="1"/>
+        <pt x="1273" y="0" on="0"/>
+        <pt x="1273" y="167" on="1"/>
+        <pt x="1273" y="193" on="0"/>
+        <pt x="1268" y="223" on="1"/>
+        <pt x="1298" y="239" on="0"/>
+        <pt x="1333" y="312" on="0"/>
+        <pt x="1333" y="386" on="0"/>
+        <pt x="1315" y="418" on="1"/>
+        <pt x="1368" y="468" on="0"/>
+        <pt x="1368" y="537" on="1"/>
+        <pt x="1368" y="562" on="0"/>
+        <pt x="1348" y="623" on="0"/>
+        <pt x="1333" y="640" on="1"/>
+        <pt x="1365" y="641" on="0"/>
+        <pt x="1408" y="733" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="769" on="1"/>
+        <pt x="1536" y="680" on="0"/>
+        <pt x="1487" y="606" on="1"/>
+        <pt x="1496" y="573" on="0"/>
+        <pt x="1496" y="537" on="1"/>
+        <pt x="1496" y="460" on="0"/>
+        <pt x="1458" y="393" on="1"/>
+        <pt x="1461" y="372" on="0"/>
+        <pt x="1461" y="350" on="1"/>
+        <pt x="1461" y="249" on="0"/>
+        <pt x="1401" y="172" on="1"/>
+        <pt x="1402" y="33" on="0"/>
+        <pt x="1230" y="-128" on="0"/>
+        <pt x="1089" y="-128" on="1"/>
+        <pt x="1053" y="-128" on="1"/>
+        <pt x="960" y="-128" on="1"/>
+        <pt x="864" y="-128" on="0"/>
+        <pt x="677" y="-83" on="0"/>
+        <pt x="554" y="-40" on="1"/>
+        <pt x="438" y="0" on="0"/>
+        <pt x="416" y="0" on="1"/>
+        <pt x="128" y="0" on="1"/>
+        <pt x="75" y="0" on="0"/>
+        <pt x="0" y="75" on="0"/>
+        <pt x="0" y="128" on="1"/>
+        <pt x="0" y="768" on="1"/>
+        <pt x="0" y="821" on="0"/>
+        <pt x="75" y="896" on="0"/>
+        <pt x="128" y="896" on="1"/>
+        <pt x="402" y="896" on="1"/>
+        <pt x="438" y="920" on="0"/>
+        <pt x="539" y="1051" on="1"/>
+        <pt x="597" y="1126" on="0"/>
+        <pt x="646" y="1179" on="1"/>
+        <pt x="670" y="1204" on="0"/>
+        <pt x="693" y="1325" on="0"/>
+        <pt x="731" y="1457" on="0"/>
+        <pt x="774" y="1499" on="1"/>
+        <pt x="813" y="1536" on="0"/>
+        <pt x="864" y="1536" on="1"/>
+        <pt x="948" y="1536" on="0"/>
+        <pt x="1082" y="1471" on="0"/>
+        <pt x="1152" y="1333" on="0"/>
+        <pt x="1152" y="1216" on="1"/>
+        <pt x="1152" y="1123" on="0"/>
+        <pt x="1104" y="1024" on="1"/>
+        <pt x="1280" y="1024" on="1"/>
+        <pt x="1384" y="1024" on="0"/>
+        <pt x="1536" y="872" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+  </glyf>
+
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="uniE000"/>
+
+      <psName name="defaultscript"/>
+      <psName name="latinscript"/>
+      <psName name="defaultlang"/>
+      <psName name="frenchlang"/>
+      <psName name="defaultfeature"/>
+      <psName name="nondefaultfeature"/>
+      <psName name="good"/>
+
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="4" rangeGaspBehavior="2"/>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="3"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c7feb0df 00000000
+      c5b5ab33 00000000 c938ca96 
+    </hexdata>
+  </FFTM>
+
+
+  <GPOS>
+    <Version value="1.0"/>
+    <ScriptList>
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <FeatureRecord index="0">
+        <FeatureTag value="kern"/>
+        <Feature>
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <Lookup index="0">
+        <LookupType value="2"/>
+        <LookupFlag value="0"/>
+        <PairPos index="0" Format="1">
+          <Coverage Format="1">
+            <Glyph value="space"/>
+            <Glyph value="defaultscript"/>
+            <Glyph value="defaultlang"/>
+            <Glyph value="defaultfeature"/>
+          </Coverage>
+          <ValueFormat1 value="4"/>
+          <ValueFormat2 value="0"/>
+
+          <!-- space -->
+          <PairSet index="0">
+            <PairValueRecord index="0">
+              <SecondGlyph value="latinscript"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="1">
+              <SecondGlyph value="frenchlang"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="2">
+              <SecondGlyph value="nondefaultfeature"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultscript -->
+          <PairSet index="1">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultlang -->
+          <PairSet index="2">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultfeature -->
+          <PairSet index="3">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+        </PairPos>
+      </Lookup>
+    </LookupList>
+  </GPOS>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      This Font Software is licensed under the SIL Open Font License, Version 1.1.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      spacelookupdefscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="10" platformID="3" platEncID="1" langID="0x409">
+      Testing font assembled from Junction with the inclusion of icon glyphs from Font Awesome by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      http://scripts.sil.org/OFL_web
+    </namerecord>
+  </name>
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+            <FeatureIndex index="1" value="2"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="1">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="1"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="2">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="2"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="3">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="3"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="4">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="4"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="5">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="5"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="6">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="6"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="7">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="7"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="8">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="8"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="n">
+            <Ligature components="o,n,hyphen,d,e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="nondefaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="d">
+            <Ligature components="e,f,a,u,l,t,hyphen,s,c,r,i,p,t" glyph="defaultscript"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,l,a,n,g" glyph="defaultlang"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="defaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="f">
+            <Ligature components="r,a,hyphen,l,a,n,g" glyph="frenchlang"/>
+          </LigatureSet>
+          <LigatureSet glyph="l">
+            <Ligature components="a,t,n,hyphen,s,c,r,i,p,t" glyph="latinscript"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+
+<!--
+  default script - default lang - default feature
+  default script - default lang - non-default feature
+  default script - lang - default feature
+  default script - lang - non-default feature
+  script - default lang - default feature
+  script - default lang - non-default feature
+  script - lang - default feature
+  script - lang - non-default feature
+-->
+
+      <Lookup index="1">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="2">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="3">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="4">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="5">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="6">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="7">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="8">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+</ttFont>
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf
new file mode 100644
index 0000000000..311dd0e4a6
Binary files /dev/null and b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf differ
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttx b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttx
new file mode 100644
index 0000000000..c1124467e0
--- /dev/null
+++ b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttx
@@ -0,0 +1,4975 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.4">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="uni00AD"/>
+    <GlyphID id="100" name="uni2000"/>
+    <GlyphID id="101" name="uni2001"/>
+    <GlyphID id="102" name="uni2002"/>
+    <GlyphID id="103" name="uni2003"/>
+    <GlyphID id="104" name="uni2004"/>
+    <GlyphID id="105" name="uni2005"/>
+    <GlyphID id="106" name="uni2006"/>
+    <GlyphID id="107" name="uni2007"/>
+    <GlyphID id="108" name="uni2008"/>
+    <GlyphID id="109" name="uni2009"/>
+    <GlyphID id="110" name="uni200A"/>
+    <GlyphID id="111" name="uni2010"/>
+    <GlyphID id="112" name="uni2011"/>
+    <GlyphID id="113" name="figuredash"/>
+    <GlyphID id="114" name="endash"/>
+    <GlyphID id="115" name="emdash"/>
+    <GlyphID id="116" name="quotedblleft"/>
+    <GlyphID id="117" name="quotedblright"/>
+    <GlyphID id="118" name="uni202F"/>
+    <GlyphID id="119" name="uni205F"/>
+    <GlyphID id="120" name="minus"/>
+    <GlyphID id="121" name="uniE000"/>
+
+    <GlyphID id="122" name="defaultscript"/>
+    <GlyphID id="123" name="latinscript"/>
+    <GlyphID id="124" name="defaultlang"/>
+    <GlyphID id="125" name="frenchlang"/>
+    <GlyphID id="126" name="defaultfeature"/>
+    <GlyphID id="127" name="nondefaultfeature"/>
+    <GlyphID id="128" name="good"/>
+
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.00099182129"/>
+    <checkSumAdjustment value="0x126e2e07"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Dec 23 09:44:54 2010"/>
+    <modified value="Thu Dec 23 09:44:54 2010"/>
+    <xMin value="-72"/>
+    <yMin value="-563"/>
+    <xMax value="2073"/>
+    <yMax value="1722"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1536"/>
+    <descent value="-512"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="2195"/>
+    <minLeftSideBearing value="-72"/>
+    <minRightSideBearing value="-62"/>
+    <xMaxExtent value="2073"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="122"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="122"/>
+    <maxPoints value="81"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="335"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="994"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000100"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00000001"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 01000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="57344"/>
+    <sTypoAscender value="1536"/>
+    <sTypoDescender value="-512"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1722"/>
+    <usWinDescent value="563"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1126"/>
+    <sCapHeight value="1577"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="1"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="532" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="1474" lsb="61"/>
+    <mtx name="B" width="1308" lsb="174"/>
+    <mtx name="C" width="1357" lsb="123"/>
+    <mtx name="D" width="1503" lsb="174"/>
+    <mtx name="E" width="1150" lsb="174"/>
+    <mtx name="F" width="1112" lsb="174"/>
+    <mtx name="G" width="1525" lsb="123"/>
+    <mtx name="H" width="1519" lsb="174"/>
+    <mtx name="I" width="528" lsb="174"/>
+    <mtx name="J" width="585" lsb="-20"/>
+    <mtx name="K" width="1265" lsb="174"/>
+    <mtx name="L" width="1202" lsb="174"/>
+    <mtx name="M" width="1742" lsb="174"/>
+    <mtx name="N" width="1482" lsb="174"/>
+    <mtx name="O" width="1554" lsb="123"/>
+    <mtx name="P" width="1265" lsb="174"/>
+    <mtx name="Q" width="1554" lsb="123"/>
+    <mtx name="R" width="1349" lsb="174"/>
+    <mtx name="S" width="1361" lsb="117"/>
+    <mtx name="T" width="1150" lsb="20"/>
+    <mtx name="U" width="1460" lsb="174"/>
+    <mtx name="V" width="1433" lsb="61"/>
+    <mtx name="W" width="2019" lsb="61"/>
+    <mtx name="X" width="1345" lsb="61"/>
+    <mtx name="Y" width="1263" lsb="20"/>
+    <mtx name="Z" width="1257" lsb="104"/>
+    <mtx name="a" width="1155" lsb="123"/>
+    <mtx name="ampersand" width="1802" lsb="123"/>
+    <mtx name="asciicircum" width="1339" lsb="82"/>
+    <mtx name="asciitilde" width="1349" lsb="123"/>
+    <mtx name="asterisk" width="1265" lsb="100"/>
+    <mtx name="at" width="2195" lsb="123"/>
+    <mtx name="b" width="1292" lsb="174"/>
+    <mtx name="backslash" width="905" lsb="51"/>
+    <mtx name="bar" width="503" lsb="174"/>
+    <mtx name="braceleft" width="962" lsb="164"/>
+    <mtx name="braceright" width="962" lsb="143"/>
+    <mtx name="bracketleft" width="735" lsb="174"/>
+    <mtx name="bracketright" width="735" lsb="143"/>
+    <mtx name="c" width="1044" lsb="113"/>
+    <mtx name="colon" width="514" lsb="143"/>
+    <mtx name="comma" width="413" lsb="82"/>
+    <mtx name="d" width="1333" lsb="123"/>
+    <mtx name="dollar" width="1341" lsb="117"/>
+    <mtx name="e" width="1187" lsb="113"/>
+    <mtx name="eight" width="1216" lsb="133"/>
+    <mtx name="emdash" width="1558" lsb="82"/>
+    <mtx name="endash" width="1312" lsb="61"/>
+    <mtx name="equal" width="1394" lsb="133"/>
+    <mtx name="exclam" width="575" lsb="174"/>
+    <mtx name="f" width="825" lsb="61"/>
+    <mtx name="figuredash" width="708" lsb="113"/>
+    <mtx name="five" width="1208" lsb="143"/>
+    <mtx name="four" width="1286" lsb="82"/>
+    <mtx name="g" width="1261" lsb="123"/>
+    <mtx name="grave" width="729" lsb="113"/>
+    <mtx name="greater" width="1433" lsb="143"/>
+    <mtx name="h" width="1241" lsb="174"/>
+    <mtx name="hyphen" width="708" lsb="113"/>
+    <mtx name="i" width="555" lsb="174"/>
+    <mtx name="j" width="452" lsb="-72"/>
+    <mtx name="k" width="1157" lsb="174"/>
+    <mtx name="l" width="573" lsb="174"/>
+    <mtx name="less" width="1433" lsb="154"/>
+    <mtx name="m" width="1882" lsb="174"/>
+    <mtx name="minus" width="1331" lsb="102"/>
+    <mtx name="n" width="1261" lsb="174"/>
+    <mtx name="nine" width="1269" lsb="123"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="numbersign" width="1689" lsb="82"/>
+    <mtx name="o" width="1224" lsb="123"/>
+    <mtx name="one" width="731" lsb="102"/>
+    <mtx name="p" width="1292" lsb="174"/>
+    <mtx name="parenleft" width="692" lsb="123"/>
+    <mtx name="parenright" width="692" lsb="61"/>
+    <mtx name="percent" width="2066" lsb="123"/>
+    <mtx name="period" width="411" lsb="92"/>
+    <mtx name="plus" width="1331" lsb="102"/>
+    <mtx name="q" width="1292" lsb="123"/>
+    <mtx name="question" width="1032" lsb="84"/>
+    <mtx name="quotedbl" width="774" lsb="92"/>
+    <mtx name="quotedblleft" width="774" lsb="92"/>
+    <mtx name="quotedblright" width="774" lsb="92"/>
+    <mtx name="quotesingle" width="423" lsb="92"/>
+    <mtx name="r" width="940" lsb="174"/>
+    <mtx name="s" width="1026" lsb="92"/>
+    <mtx name="semicolon" width="526" lsb="143"/>
+    <mtx name="seven" width="1058" lsb="10"/>
+    <mtx name="six" width="1269" lsb="131"/>
+    <mtx name="slash" width="884" lsb="41"/>
+    <mtx name="space" width="532" lsb="0"/>
+    <mtx name="t" width="819" lsb="92"/>
+    <mtx name="three" width="1142" lsb="82"/>
+    <mtx name="two" width="1126" lsb="102"/>
+    <mtx name="u" width="1261" lsb="164"/>
+    <mtx name="underscore" width="1353" lsb="113"/>
+    <mtx name="uni00A0" width="532" lsb="0"/>
+    <mtx name="uni00AD" width="708" lsb="113"/>
+    <mtx name="uni2000" width="860" lsb="0"/>
+    <mtx name="uni2001" width="1722" lsb="0"/>
+    <mtx name="uni2002" width="860" lsb="0"/>
+    <mtx name="uni2003" width="1722" lsb="0"/>
+    <mtx name="uni2004" width="573" lsb="0"/>
+    <mtx name="uni2005" width="430" lsb="0"/>
+    <mtx name="uni2006" width="286" lsb="0"/>
+    <mtx name="uni2007" width="286" lsb="0"/>
+    <mtx name="uni2008" width="215" lsb="0"/>
+    <mtx name="uni2009" width="344" lsb="0"/>
+    <mtx name="uni200A" width="94" lsb="0"/>
+    <mtx name="uni2010" width="708" lsb="113"/>
+    <mtx name="uni2011" width="708" lsb="113"/>
+    <mtx name="uni202F" width="344" lsb="0"/>
+    <mtx name="uni205F" width="430" lsb="0"/>
+    <mtx name="uniE000" width="1125" lsb="0"/>
+    <mtx name="v" width="1144" lsb="72"/>
+    <mtx name="w" width="1632" lsb="72"/>
+    <mtx name="x" width="1216" lsb="82"/>
+    <mtx name="y" width="1126" lsb="59"/>
+    <mtx name="z" width="1060" lsb="102"/>
+    <mtx name="zero" width="1253" lsb="123"/>
+
+    <mtx name="defaultscript" width="1536" lsb="0"/>
+    <mtx name="latinscript" width="1792" lsb="16"/>
+    <mtx name="defaultlang" width="1536" lsb="0"/>
+    <mtx name="frenchlang" width="1536" lsb="0"/>
+    <mtx name="defaultfeature" width="1536" lsb="0"/>
+    <mtx name="nondefaultfeature" width="1536" lsb="0"/>
+    <mtx name="good" width="1536" lsb="0"/>
+
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+    </cmap_format_4>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="61" yMin="0" xMax="1413" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="643" y="1577" on="1"/>
+        <pt x="831" y="1577" on="1"/>
+        <pt x="1413" y="0" on="1"/>
+        <pt x="1223" y="0" on="1"/>
+        <pt x="1024" y="537" on="1"/>
+        <pt x="449" y="537" on="1"/>
+        <pt x="252" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="506" y="692" on="1"/>
+        <pt x="967" y="692" on="1"/>
+        <pt x="737" y="1319" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="B" xMin="174" yMin="-25" xMax="1184" yMax="1599">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="471" y="1538" on="0"/>
+        <pt x="618" y="1599" on="0"/>
+        <pt x="709" y="1599" on="1"/>
+        <pt x="875" y="1599" on="0"/>
+        <pt x="1112" y="1376" on="0"/>
+        <pt x="1112" y="1143" on="1"/>
+        <pt x="1110" y="920" on="0"/>
+        <pt x="952" y="819" on="1"/>
+        <pt x="1081" y="760" on="0"/>
+        <pt x="1184" y="569" on="0"/>
+        <pt x="1184" y="485" on="1"/>
+        <pt x="1184" y="475" on="1"/>
+        <pt x="1184" y="432" on="0"/>
+        <pt x="1182" y="377" on="0"/>
+        <pt x="1161" y="262" on="0"/>
+        <pt x="1124" y="182" on="0"/>
+        <pt x="1047" y="82" on="0"/>
+        <pt x="936" y="18" on="0"/>
+        <pt x="762" y="-25" on="0"/>
+        <pt x="651" y="-25" on="1"/>
+        <pt x="514" y="-21" on="0"/>
+        <pt x="354" y="92" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="236" on="1"/>
+        <pt x="501" y="144" on="0"/>
+        <pt x="651" y="143" on="1"/>
+        <pt x="729" y="143" on="0"/>
+        <pt x="850" y="176" on="0"/>
+        <pt x="924" y="215" on="0"/>
+        <pt x="977" y="293" on="0"/>
+        <pt x="999" y="338" on="0"/>
+        <pt x="1012" y="428" on="0"/>
+        <pt x="1012" y="439" on="1"/>
+        <pt x="1012" y="485" on="1"/>
+        <pt x="1012" y="516" on="0"/>
+        <pt x="985" y="584" on="0"/>
+        <pt x="920" y="670" on="0"/>
+        <pt x="772" y="729" on="0"/>
+        <pt x="668" y="733" on="1"/>
+        <pt x="609" y="729" on="0"/>
+        <pt x="354" y="729" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="877" on="1"/>
+        <pt x="466" y="877" on="1"/>
+        <pt x="498" y="877" on="0"/>
+        <pt x="639" y="883" on="0"/>
+        <pt x="671" y="890" on="1"/>
+        <pt x="756" y="909" on="1"/>
+        <pt x="809" y="921" on="0"/>
+        <pt x="860" y="961" on="0"/>
+        <pt x="918" y="1016" on="0"/>
+        <pt x="940" y="1096" on="0"/>
+        <pt x="940" y="1147" on="1"/>
+        <pt x="938" y="1292" on="0"/>
+        <pt x="803" y="1432" on="0"/>
+        <pt x="709" y="1432" on="1"/>
+        <pt x="549" y="1432" on="0"/>
+        <pt x="354" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="C" xMin="123" yMin="-25" xMax="1315" yMax="1597">
+      <contour>
+        <pt x="123" y="752" on="1"/>
+        <pt x="123" y="955" on="0"/>
+        <pt x="242" y="1288" on="0"/>
+        <pt x="432" y="1489" on="0"/>
+        <pt x="659" y="1597" on="0"/>
+        <pt x="774" y="1597" on="1"/>
+        <pt x="866" y="1597" on="0"/>
+        <pt x="1030" y="1552" on="0"/>
+        <pt x="1135" y="1491" on="0"/>
+        <pt x="1214" y="1427" on="0"/>
+        <pt x="1233" y="1405" on="1"/>
+        <pt x="1249" y="1382" on="1"/>
+        <pt x="1124" y="1262" on="1"/>
+        <pt x="1113" y="1279" on="1"/>
+        <pt x="1106" y="1290" on="0"/>
+        <pt x="1044" y="1348" on="0"/>
+        <pt x="973" y="1391" on="0"/>
+        <pt x="846" y="1425" on="0"/>
+        <pt x="772" y="1425" on="1"/>
+        <pt x="586" y="1425" on="0"/>
+        <pt x="307" y="1077" on="0"/>
+        <pt x="307" y="752" on="1"/>
+        <pt x="307" y="496" on="0"/>
+        <pt x="569" y="147" on="0"/>
+        <pt x="758" y="147" on="1"/>
+        <pt x="803" y="147" on="0"/>
+        <pt x="891" y="160" on="0"/>
+        <pt x="965" y="180" on="0"/>
+        <pt x="1032" y="207" on="0"/>
+        <pt x="1087" y="236" on="0"/>
+        <pt x="1133" y="264" on="0"/>
+        <pt x="1167" y="291" on="0"/>
+        <pt x="1192" y="311" on="0"/>
+        <pt x="1198" y="317" on="1"/>
+        <pt x="1204" y="324" on="1"/>
+        <pt x="1315" y="217" on="1"/>
+        <pt x="1254" y="141" on="0"/>
+        <pt x="1198" y="102" on="1"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="762" y="-25" on="1"/>
+        <pt x="488" y="-25" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="D" xMin="174" yMin="-25" xMax="1380" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1403" on="1"/>
+        <pt x="559" y="1596" on="0"/>
+        <pt x="819" y="1597" on="1"/>
+        <pt x="930" y="1597" on="0"/>
+        <pt x="1122" y="1507" on="0"/>
+        <pt x="1286" y="1323" on="0"/>
+        <pt x="1380" y="995" on="0"/>
+        <pt x="1380" y="778" on="1"/>
+        <pt x="1380" y="436" on="0"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="758" y="-25" on="1"/>
+        <pt x="568" y="-21" on="0"/>
+        <pt x="354" y="117" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="281" on="1"/>
+        <pt x="551" y="152" on="0"/>
+        <pt x="758" y="152" on="1"/>
+        <pt x="946" y="152" on="0"/>
+        <pt x="1200" y="506" on="0"/>
+        <pt x="1200" y="778" on="1"/>
+        <pt x="1200" y="1093" on="0"/>
+        <pt x="977" y="1417" on="0"/>
+        <pt x="825" y="1421" on="1"/>
+        <pt x="544" y="1421" on="0"/>
+        <pt x="354" y="1227" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="E" xMin="174" yMin="0" xMax="1069" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="854" y="176" on="1"/>
+        <pt x="1069" y="186" on="1"/>
+        <pt x="1069" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="F" xMin="174" yMin="0" xMax="1040" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="G" xMin="123" yMin="-25" xMax="1350" yMax="1597">
+      <contour>
+        <pt x="123" y="764" on="1"/>
+        <pt x="123" y="948" on="0"/>
+        <pt x="219" y="1241" on="0"/>
+        <pt x="367" y="1423" on="0"/>
+        <pt x="565" y="1546" on="0"/>
+        <pt x="756" y="1595" on="0"/>
+        <pt x="852" y="1597" on="1"/>
+        <pt x="942" y="1597" on="0"/>
+        <pt x="1108" y="1548" on="0"/>
+        <pt x="1219" y="1477" on="0"/>
+        <pt x="1305" y="1405" on="0"/>
+        <pt x="1323" y="1380" on="1"/>
+        <pt x="1343" y="1356" on="1"/>
+        <pt x="1219" y="1235" on="1"/>
+        <pt x="1215" y="1243" on="0"/>
+        <pt x="1194" y="1270" on="0"/>
+        <pt x="1128" y="1337" on="0"/>
+        <pt x="1053" y="1389" on="0"/>
+        <pt x="928" y="1432" on="0"/>
+        <pt x="860" y="1434" on="1"/>
+        <pt x="770" y="1434" on="0"/>
+        <pt x="590" y="1364" on="0"/>
+        <pt x="418" y="1217" on="0"/>
+        <pt x="309" y="944" on="0"/>
+        <pt x="309" y="764" on="1"/>
+        <pt x="309" y="664" on="0"/>
+        <pt x="369" y="461" on="0"/>
+        <pt x="489" y="272" on="0"/>
+        <pt x="711" y="154" on="0"/>
+        <pt x="854" y="152" on="1"/>
+        <pt x="952" y="152" on="0"/>
+        <pt x="1190" y="260" on="0"/>
+        <pt x="1190" y="319" on="1"/>
+        <pt x="1190" y="625" on="1"/>
+        <pt x="979" y="625" on="1"/>
+        <pt x="870" y="625" on="0"/>
+        <pt x="813" y="655" on="1"/>
+        <pt x="813" y="819" on="1"/>
+        <pt x="887" y="801" on="0"/>
+        <pt x="985" y="801" on="1"/>
+        <pt x="1350" y="801" on="1"/>
+        <pt x="1350" y="311" on="1"/>
+        <pt x="1350" y="176" on="0"/>
+        <pt x="1049" y="-20" on="0"/>
+        <pt x="862" y="-25" on="1"/>
+        <pt x="702" y="-25" on="0"/>
+        <pt x="442" y="78" on="0"/>
+        <pt x="279" y="240" on="0"/>
+        <pt x="168" y="453" on="0"/>
+        <pt x="123" y="660" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="H" xMin="174" yMin="0" xMax="1346" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="1165" y="893" on="1"/>
+        <pt x="1165" y="1577" on="1"/>
+        <pt x="1346" y="1577" on="1"/>
+        <pt x="1346" y="0" on="1"/>
+        <pt x="1165" y="0" on="1"/>
+        <pt x="1165" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="I" xMin="174" yMin="0" xMax="354" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="J" xMin="-20" yMin="-530" xMax="414" yMax="1577">
+      <contour>
+        <pt x="-20" y="-369" on="1"/>
+        <pt x="89" y="-338" on="0"/>
+        <pt x="233" y="-174" on="0"/>
+        <pt x="233" y="-35" on="1"/>
+        <pt x="233" y="1577" on="1"/>
+        <pt x="414" y="1577" on="1"/>
+        <pt x="414" y="-35" on="1"/>
+        <pt x="414" y="-129" on="0"/>
+        <pt x="362" y="-287" on="0"/>
+        <pt x="287" y="-391" on="0"/>
+        <pt x="182" y="-473" on="0"/>
+        <pt x="94" y="-514" on="0"/>
+        <pt x="45" y="-530" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="K" xMin="174" yMin="0" xMax="1225" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="866" on="1"/>
+        <pt x="895" y="1577" on="1"/>
+        <pt x="1122" y="1577" on="1"/>
+        <pt x="532" y="840" on="1"/>
+        <pt x="577" y="834" on="0"/>
+        <pt x="711" y="770" on="0"/>
+        <pt x="750" y="725" on="1"/>
+        <pt x="795" y="680" on="0"/>
+        <pt x="1194" y="39" on="0"/>
+        <pt x="1225" y="4" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="1006" y="0" on="1"/>
+        <pt x="971" y="37" on="0"/>
+        <pt x="664" y="553" on="0"/>
+        <pt x="627" y="592" on="1"/>
+        <pt x="545" y="682" on="0"/>
+        <pt x="442" y="682" on="1"/>
+        <pt x="381" y="682" on="0"/>
+        <pt x="354" y="676" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="L" xMin="174" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="915" y="176" on="1"/>
+        <pt x="1130" y="186" on="1"/>
+        <pt x="1130" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="M" xMin="174" yMin="0" xMax="1569" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="868" y="225" on="1"/>
+        <pt x="870" y="211" on="1"/>
+        <pt x="872" y="225" on="1"/>
+        <pt x="1389" y="1577" on="1"/>
+        <pt x="1569" y="1577" on="1"/>
+        <pt x="1569" y="0" on="1"/>
+        <pt x="1389" y="0" on="1"/>
+        <pt x="1389" y="1106" on="1"/>
+        <pt x="1391" y="1137" on="1"/>
+        <pt x="1382" y="1106" on="1"/>
+        <pt x="958" y="0" on="1"/>
+        <pt x="784" y="0" on="1"/>
+        <pt x="360" y="1106" on="1"/>
+        <pt x="352" y="1137" on="1"/>
+        <pt x="354" y="1106" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="N" xMin="174" yMin="0" xMax="1309" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1575" on="1"/>
+        <pt x="1116" y="336" on="1"/>
+        <pt x="1130" y="307" on="1"/>
+        <pt x="1128" y="336" on="1"/>
+        <pt x="1128" y="1577" on="1"/>
+        <pt x="1309" y="1577" on="1"/>
+        <pt x="1309" y="0" on="1"/>
+        <pt x="1128" y="0" on="1"/>
+        <pt x="1128" y="2" on="1"/>
+        <pt x="367" y="1245" on="1"/>
+        <pt x="352" y="1274" on="1"/>
+        <pt x="354" y="1245" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="O" xMin="123" yMin="-14" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="565" on="0"/>
+        <pt x="123" y="1016" on="0"/>
+        <pt x="233" y="1343" on="0"/>
+        <pt x="428" y="1520" on="0"/>
+        <pt x="649" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="882" y="1595" on="0"/>
+        <pt x="1063" y="1548" on="0"/>
+        <pt x="1235" y="1434" on="0"/>
+        <pt x="1356" y="1255" on="0"/>
+        <pt x="1432" y="975" on="0"/>
+        <pt x="1432" y="795" on="1"/>
+        <pt x="1432" y="568" on="0"/>
+        <pt x="1321" y="240" on="0"/>
+        <pt x="1128" y="63" on="0"/>
+        <pt x="907" y="-14" on="0"/>
+        <pt x="645" y="-14" on="0"/>
+        <pt x="426" y="63" on="0"/>
+        <pt x="233" y="238" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="795" on="1"/>
+        <pt x="303" y="615" on="0"/>
+        <pt x="383" y="354" on="0"/>
+        <pt x="522" y="215" on="0"/>
+        <pt x="682" y="154" on="0"/>
+        <pt x="870" y="154" on="0"/>
+        <pt x="1030" y="215" on="0"/>
+        <pt x="1169" y="352" on="0"/>
+        <pt x="1251" y="612" on="0"/>
+        <pt x="1251" y="791" on="1"/>
+        <pt x="1251" y="967" on="0"/>
+        <pt x="1171" y="1225" on="0"/>
+        <pt x="1032" y="1364" on="0"/>
+        <pt x="874" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1368" on="0"/>
+        <pt x="383" y="1229" on="0"/>
+        <pt x="303" y="973" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="P" xMin="174" yMin="0" xMax="1163" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1454" on="1"/>
+        <pt x="544" y="1597" on="0"/>
+        <pt x="719" y="1597" on="1"/>
+        <pt x="879" y="1591" on="0"/>
+        <pt x="1161" y="1323" on="0"/>
+        <pt x="1163" y="1102" on="1"/>
+        <pt x="1163" y="815" on="0"/>
+        <pt x="887" y="473" on="0"/>
+        <pt x="676" y="473" on="1"/>
+        <pt x="506" y="475" on="0"/>
+        <pt x="354" y="580" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="760" on="1"/>
+        <pt x="520" y="631" on="0"/>
+        <pt x="684" y="629" on="1"/>
+        <pt x="817" y="633" on="0"/>
+        <pt x="991" y="887" on="0"/>
+        <pt x="991" y="1102" on="1"/>
+        <pt x="989" y="1247" on="0"/>
+        <pt x="817" y="1423" on="0"/>
+        <pt x="719" y="1430" on="1"/>
+        <pt x="621" y="1430" on="0"/>
+        <pt x="465" y="1372" on="0"/>
+        <pt x="354" y="1303" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Q" xMin="123" yMin="-270" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="780" on="1"/>
+        <pt x="123" y="962" on="0"/>
+        <pt x="199" y="1249" on="0"/>
+        <pt x="322" y="1432" on="0"/>
+        <pt x="496" y="1550" on="0"/>
+        <pt x="678" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="909" y="1595" on="0"/>
+        <pt x="1130" y="1511" on="0"/>
+        <pt x="1321" y="1333" on="0"/>
+        <pt x="1432" y="1004" on="0"/>
+        <pt x="1432" y="780" on="1"/>
+        <pt x="1432" y="573" on="0"/>
+        <pt x="1337" y="262" on="0"/>
+        <pt x="1169" y="84" on="0"/>
+        <pt x="975" y="-8" on="0"/>
+        <pt x="858" y="-20" on="1"/>
+        <pt x="928" y="-102" on="0"/>
+        <pt x="1090" y="-102" on="1"/>
+        <pt x="1143" y="-102" on="0"/>
+        <pt x="1282" y="-70" on="1"/>
+        <pt x="1331" y="-231" on="1"/>
+        <pt x="1243" y="-270" on="0"/>
+        <pt x="1090" y="-270" on="1"/>
+        <pt x="994" y="-270" on="0"/>
+        <pt x="838" y="-219" on="0"/>
+        <pt x="745" y="-133" on="0"/>
+        <pt x="692" y="-59" on="0"/>
+        <pt x="676" y="-18" on="1"/>
+        <pt x="432" y="11" on="0"/>
+        <pt x="123" y="389" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="784" on="1"/>
+        <pt x="303" y="604" on="0"/>
+        <pt x="383" y="344" on="0"/>
+        <pt x="522" y="205" on="0"/>
+        <pt x="682" y="143" on="0"/>
+        <pt x="870" y="143" on="0"/>
+        <pt x="1030" y="205" on="0"/>
+        <pt x="1169" y="342" on="0"/>
+        <pt x="1251" y="602" on="0"/>
+        <pt x="1251" y="780" on="1"/>
+        <pt x="1251" y="923" on="0"/>
+        <pt x="1198" y="1149" on="0"/>
+        <pt x="1108" y="1292" on="0"/>
+        <pt x="985" y="1389" on="0"/>
+        <pt x="854" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1364" on="0"/>
+        <pt x="385" y="1223" on="0"/>
+        <pt x="303" y="962" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="R" xMin="174" yMin="0" xMax="1319" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="465" y="1532" on="0"/>
+        <pt x="618" y="1597" on="0"/>
+        <pt x="711" y="1597" on="1"/>
+        <pt x="879" y="1593" on="0"/>
+        <pt x="1133" y="1376" on="0"/>
+        <pt x="1133" y="1149" on="1"/>
+        <pt x="1133" y="997" on="0"/>
+        <pt x="1024" y="784" on="0"/>
+        <pt x="877" y="686" on="0"/>
+        <pt x="780" y="666" on="1"/>
+        <pt x="862" y="596" on="0"/>
+        <pt x="1241" y="59" on="0"/>
+        <pt x="1319" y="4" on="1"/>
+        <pt x="1319" y="0" on="1"/>
+        <pt x="1096" y="0" on="1"/>
+        <pt x="1043" y="39" on="0"/>
+        <pt x="881" y="254" on="0"/>
+        <pt x="745" y="461" on="0"/>
+        <pt x="580" y="639" on="0"/>
+        <pt x="514" y="651" on="1"/>
+        <pt x="401" y="651" on="0"/>
+        <pt x="354" y="653" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="799" on="1"/>
+        <pt x="657" y="799" on="1"/>
+        <pt x="778" y="801" on="0"/>
+        <pt x="958" y="961" on="0"/>
+        <pt x="961" y="1149" on="1"/>
+        <pt x="961" y="1288" on="0"/>
+        <pt x="809" y="1425" on="0"/>
+        <pt x="711" y="1430" on="1"/>
+        <pt x="611" y="1430" on="0"/>
+        <pt x="459" y="1376" on="0"/>
+        <pt x="354" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="S" xMin="117" yMin="-23" xMax="1237" yMax="1599">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="320" y="274" on="0"/>
+        <pt x="569" y="145" on="0"/>
+        <pt x="717" y="141" on="1"/>
+        <pt x="860" y="141" on="0"/>
+        <pt x="1065" y="293" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="485" on="0"/>
+        <pt x="1020" y="573" on="0"/>
+        <pt x="965" y="627" on="0"/>
+        <pt x="852" y="680" on="0"/>
+        <pt x="774" y="707" on="0"/>
+        <pt x="705" y="727" on="1"/>
+        <pt x="691" y="731" on="0"/>
+        <pt x="684" y="733" on="1"/>
+        <pt x="590" y="762" on="0"/>
+        <pt x="489" y="797" on="0"/>
+        <pt x="342" y="872" on="0"/>
+        <pt x="266" y="952" on="0"/>
+        <pt x="209" y="1081" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1269" on="0"/>
+        <pt x="281" y="1432" on="0"/>
+        <pt x="385" y="1524" on="0"/>
+        <pt x="520" y="1581" on="0"/>
+        <pt x="629" y="1599" on="0"/>
+        <pt x="680" y="1599" on="1"/>
+        <pt x="830" y="1599" on="0"/>
+        <pt x="1090" y="1497" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="913" y="1435" on="0"/>
+        <pt x="680" y="1436" on="1"/>
+        <pt x="637" y="1436" on="0"/>
+        <pt x="549" y="1413" on="0"/>
+        <pt x="446" y="1360" on="0"/>
+        <pt x="381" y="1245" on="0"/>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1118" on="0"/>
+        <pt x="426" y="1044" on="0"/>
+        <pt x="477" y="999" on="0"/>
+        <pt x="596" y="948" on="0"/>
+        <pt x="657" y="928" on="0"/>
+        <pt x="733" y="905" on="1"/>
+        <pt x="823" y="876" on="0"/>
+        <pt x="936" y="836" on="0"/>
+        <pt x="1087" y="756" on="0"/>
+        <pt x="1174" y="664" on="0"/>
+        <pt x="1237" y="520" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="215" on="0"/>
+        <pt x="930" y="-23" on="0"/>
+        <pt x="713" y="-23" on="1"/>
+        <pt x="316" y="-10" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="T" xMin="20" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="20" y="1421" on="1"/>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="1130" y="1577" on="1"/>
+        <pt x="1130" y="1421" on="1"/>
+        <pt x="662" y="1421" on="1"/>
+        <pt x="662" y="0" on="1"/>
+        <pt x="481" y="0" on="1"/>
+        <pt x="481" y="1421" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="U" xMin="174" yMin="-25" xMax="1286" yMax="1577">
+      <contour>
+        <pt x="174" y="489" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="494" on="1"/>
+        <pt x="354" y="400" on="0"/>
+        <pt x="412" y="262" on="0"/>
+        <pt x="494" y="188" on="0"/>
+        <pt x="604" y="143" on="0"/>
+        <pt x="688" y="133" on="0"/>
+        <pt x="774" y="133" on="0"/>
+        <pt x="856" y="143" on="0"/>
+        <pt x="967" y="188" on="0"/>
+        <pt x="1047" y="260" on="0"/>
+        <pt x="1106" y="397" on="0"/>
+        <pt x="1106" y="489" on="1"/>
+        <pt x="1106" y="1577" on="1"/>
+        <pt x="1286" y="1577" on="1"/>
+        <pt x="1286" y="489" on="1"/>
+        <pt x="1286" y="356" on="0"/>
+        <pt x="1200" y="158" on="0"/>
+        <pt x="1081" y="53" on="0"/>
+        <pt x="918" y="-8" on="0"/>
+        <pt x="795" y="-25" on="0"/>
+        <pt x="731" y="-25" on="1"/>
+        <pt x="665" y="-25" on="0"/>
+        <pt x="545" y="-8" on="0"/>
+        <pt x="379" y="53" on="0"/>
+        <pt x="260" y="158" on="0"/>
+        <pt x="174" y="356" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="V" xMin="61" yMin="0" xMax="1372" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="252" y="1577" on="1"/>
+        <pt x="711" y="281" on="1"/>
+        <pt x="717" y="254" on="1"/>
+        <pt x="723" y="281" on="1"/>
+        <pt x="1182" y="1577" on="1"/>
+        <pt x="1372" y="1577" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="623" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="W" xMin="61" yMin="0" xMax="1958" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="250" y="1577" on="1"/>
+        <pt x="578" y="307" on="1"/>
+        <pt x="582" y="283" on="1"/>
+        <pt x="586" y="307" on="1"/>
+        <pt x="913" y="1577" on="1"/>
+        <pt x="1104" y="1577" on="1"/>
+        <pt x="1432" y="307" on="1"/>
+        <pt x="1436" y="283" on="1"/>
+        <pt x="1440" y="307" on="1"/>
+        <pt x="1767" y="1577" on="1"/>
+        <pt x="1958" y="1577" on="1"/>
+        <pt x="1511" y="0" on="1"/>
+        <pt x="1362" y="0" on="1"/>
+        <pt x="1014" y="1217" on="1"/>
+        <pt x="1008" y="1253" on="1"/>
+        <pt x="1001" y="1217" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="508" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="X" xMin="61" yMin="0" xMax="1284" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="561" y="786" on="1"/>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="281" y="1577" on="1"/>
+        <pt x="672" y="961" on="1"/>
+        <pt x="1065" y="1577" on="1"/>
+        <pt x="1284" y="1577" on="1"/>
+        <pt x="782" y="786" on="1"/>
+        <pt x="1284" y="0" on="1"/>
+        <pt x="1063" y="0" on="1"/>
+        <pt x="672" y="612" on="1"/>
+        <pt x="283" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Y" xMin="20" yMin="0" xMax="1243" yMax="1577">
+      <contour>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="238" y="1577" on="1"/>
+        <pt x="635" y="950" on="1"/>
+        <pt x="1034" y="1577" on="1"/>
+        <pt x="1243" y="1577" on="1"/>
+        <pt x="723" y="756" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="545" y="0" on="1"/>
+        <pt x="545" y="756" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Z" xMin="104" yMin="0" xMax="1155" yMax="1577">
+      <contour>
+        <pt x="104" y="0" on="1"/>
+        <pt x="104" y="168" on="1"/>
+        <pt x="893" y="1409" on="1"/>
+        <pt x="125" y="1409" on="1"/>
+        <pt x="125" y="1577" on="1"/>
+        <pt x="1112" y="1577" on="1"/>
+        <pt x="1112" y="1413" on="1"/>
+        <pt x="324" y="168" on="1"/>
+        <pt x="918" y="168" on="1"/>
+        <pt x="941" y="167" on="0"/>
+        <pt x="962" y="167" on="1"/>
+        <pt x="1116" y="167" on="0"/>
+        <pt x="1155" y="207" on="1"/>
+        <pt x="1155" y="33" on="1"/>
+        <pt x="1137" y="17" on="0"/>
+        <pt x="1016" y="0" on="0"/>
+        <pt x="965" y="0" on="1"/>
+        <pt x="913" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="a" xMin="123" yMin="-25" xMax="1083" yMax="1151">
+      <contour>
+        <pt x="123" y="283" on="1"/>
+        <pt x="123" y="355" on="0"/>
+        <pt x="152" y="459" on="0"/>
+        <pt x="229" y="561" on="0"/>
+        <pt x="393" y="633" on="0"/>
+        <pt x="518" y="651" on="1"/>
+        <pt x="731" y="680" on="0"/>
+        <pt x="803" y="698" on="1"/>
+        <pt x="803" y="827" on="1"/>
+        <pt x="803" y="878" on="0"/>
+        <pt x="739" y="1010" on="0"/>
+        <pt x="676" y="1010" on="1"/>
+        <pt x="457" y="1010" on="0"/>
+        <pt x="332" y="903" on="1"/>
+        <pt x="314" y="883" on="0"/>
+        <pt x="317" y="844" on="0"/>
+        <pt x="332" y="829" on="1"/>
+        <pt x="168" y="799" on="1"/>
+        <pt x="148" y="825" on="0"/>
+        <pt x="148" y="863" on="1"/>
+        <pt x="148" y="887" on="0"/>
+        <pt x="156" y="915" on="1"/>
+        <pt x="176" y="989" on="0"/>
+        <pt x="248" y="1030" on="1"/>
+        <pt x="466" y="1151" on="0"/>
+        <pt x="693" y="1151" on="1"/>
+        <pt x="697" y="1151" on="0"/>
+        <pt x="700" y="1151" on="1"/>
+        <pt x="800" y="1151" on="0"/>
+        <pt x="930" y="1028" on="0"/>
+        <pt x="969" y="893" on="0"/>
+        <pt x="969" y="827" on="1"/>
+        <pt x="969" y="272" on="1"/>
+        <pt x="969" y="256" on="0"/>
+        <pt x="977" y="207" on="0"/>
+        <pt x="1034" y="109" on="0"/>
+        <pt x="1083" y="78" on="1"/>
+        <pt x="973" y="-25" on="1"/>
+        <pt x="854" y="22" on="0"/>
+        <pt x="815" y="174" on="1"/>
+        <pt x="629" y="-25" on="0"/>
+        <pt x="430" y="-25" on="1"/>
+        <pt x="410" y="-25" on="0"/>
+        <pt x="352" y="-16" on="0"/>
+        <pt x="256" y="20" on="0"/>
+        <pt x="180" y="82" on="0"/>
+        <pt x="123" y="203" on="0"/>
+      </contour>
+      <contour>
+        <pt x="293" y="283" on="1"/>
+        <pt x="293" y="234" on="0"/>
+        <pt x="328" y="162" on="0"/>
+        <pt x="377" y="131" on="0"/>
+        <pt x="412" y="119" on="0"/>
+        <pt x="424" y="119" on="1"/>
+        <pt x="528" y="119" on="0"/>
+        <pt x="729" y="252" on="0"/>
+        <pt x="803" y="344" on="1"/>
+        <pt x="803" y="551" on="1"/>
+        <pt x="703" y="531" on="0"/>
+        <pt x="537" y="508" on="1"/>
+        <pt x="385" y="488" on="0"/>
+        <pt x="293" y="379" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="ampersand" xMin="123" yMin="-14" xMax="1690" yMax="1577">
+      <contour>
+        <pt x="123" y="410" on="1"/>
+        <pt x="123" y="560" on="0"/>
+        <pt x="313" y="768" on="0"/>
+        <pt x="485" y="864" on="1"/>
+        <pt x="381" y="979" on="0"/>
+        <pt x="274" y="1155" on="0"/>
+        <pt x="274" y="1241" on="1"/>
+        <pt x="274" y="1333" on="0"/>
+        <pt x="350" y="1468" on="0"/>
+        <pt x="481" y="1542" on="0"/>
+        <pt x="627" y="1577" on="0"/>
+        <pt x="709" y="1577" on="1"/>
+        <pt x="887" y="1577" on="0"/>
+        <pt x="1135" y="1417" on="0"/>
+        <pt x="1135" y="1241" on="1"/>
+        <pt x="1135" y="1120" on="0"/>
+        <pt x="930" y="942" on="0"/>
+        <pt x="737" y="844" on="1"/>
+        <pt x="1114" y="440" on="1"/>
+        <pt x="1145" y="487" on="0"/>
+        <pt x="1172" y="542" on="1"/>
+        <pt x="1241" y="680" on="1"/>
+        <pt x="1296" y="793" on="1"/>
+        <pt x="1423" y="715" on="1"/>
+        <pt x="1261" y="391" on="0"/>
+        <pt x="1223" y="328" on="1"/>
+        <pt x="1405" y="148" on="0"/>
+        <pt x="1434" y="154" on="1"/>
+        <pt x="1471" y="154" on="0"/>
+        <pt x="1503" y="160" on="0"/>
+        <pt x="1554" y="213" on="0"/>
+        <pt x="1579" y="268" on="1"/>
+        <pt x="1690" y="203" on="1"/>
+        <pt x="1655" y="125" on="0"/>
+        <pt x="1593" y="33" on="0"/>
+        <pt x="1522" y="-2" on="0"/>
+        <pt x="1479" y="-10" on="0"/>
+        <pt x="1434" y="-10" on="1"/>
+        <pt x="1362" y="-18" on="0"/>
+        <pt x="1128" y="197" on="1"/>
+        <pt x="944" y="-14" on="0"/>
+        <pt x="637" y="-14" on="1"/>
+        <pt x="578" y="-14" on="0"/>
+        <pt x="416" y="33" on="0"/>
+        <pt x="242" y="127" on="0"/>
+        <pt x="123" y="301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="410" on="1"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="432" y="205" on="0"/>
+        <pt x="580" y="158" on="0"/>
+        <pt x="637" y="158" on="1"/>
+        <pt x="864" y="160" on="0"/>
+        <pt x="1014" y="309" on="1"/>
+        <pt x="582" y="764" on="1"/>
+        <pt x="447" y="690" on="0"/>
+        <pt x="295" y="523" on="0"/>
+      </contour>
+      <contour>
+        <pt x="446" y="1241" on="1"/>
+        <pt x="446" y="1151" on="0"/>
+        <pt x="641" y="946" on="1"/>
+        <pt x="741" y="997" on="0"/>
+        <pt x="862" y="1071" on="0"/>
+        <pt x="963" y="1184" on="0"/>
+        <pt x="963" y="1241" on="1"/>
+        <pt x="963" y="1354" on="0"/>
+        <pt x="815" y="1454" on="0"/>
+        <pt x="709" y="1454" on="1"/>
+        <pt x="600" y="1454" on="0"/>
+        <pt x="446" y="1352" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciicircum" xMin="82" yMin="0" xMax="1257" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="596" y="1126" on="1"/>
+        <pt x="743" y="1126" on="1"/>
+        <pt x="1257" y="0" on="1"/>
+        <pt x="1110" y="0" on="1"/>
+        <pt x="670" y="965" on="1"/>
+        <pt x="229" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciitilde" xMin="123" yMin="535" xMax="1227" yMax="782">
+      <contour>
+        <pt x="123" y="709" on="1"/>
+        <pt x="133" y="717" on="0"/>
+        <pt x="176" y="741" on="0"/>
+        <pt x="332" y="782" on="0"/>
+        <pt x="422" y="782" on="1"/>
+        <pt x="504" y="782" on="0"/>
+        <pt x="678" y="719" on="1"/>
+        <pt x="854" y="658" on="0"/>
+        <pt x="940" y="657" on="1"/>
+        <pt x="1012" y="657" on="0"/>
+        <pt x="1128" y="680" on="0"/>
+        <pt x="1151" y="692" on="1"/>
+        <pt x="1174" y="705" on="1"/>
+        <pt x="1227" y="602" on="1"/>
+        <pt x="1121" y="534" on="0"/>
+        <pt x="940" y="535" on="1"/>
+        <pt x="846" y="535" on="0"/>
+        <pt x="645" y="604" on="1"/>
+        <pt x="491" y="659" on="0"/>
+        <pt x="422" y="659" on="1"/>
+        <pt x="344" y="659" on="0"/>
+        <pt x="225" y="635" on="0"/>
+        <pt x="205" y="623" on="1"/>
+        <pt x="184" y="610" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asterisk" xMin="100" yMin="567" xMax="1165" yMax="1577">
+      <contour>
+        <pt x="100" y="1161" on="1"/>
+        <pt x="152" y="1294" on="1"/>
+        <pt x="565" y="1128" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="705" y="1577" on="1"/>
+        <pt x="700" y="1128" on="1"/>
+        <pt x="1114" y="1294" on="1"/>
+        <pt x="1165" y="1161" on="1"/>
+        <pt x="741" y="995" on="1"/>
+        <pt x="1036" y="668" on="1"/>
+        <pt x="918" y="567" on="1"/>
+        <pt x="633" y="920" on="1"/>
+        <pt x="350" y="567" on="1"/>
+        <pt x="227" y="668" on="1"/>
+        <pt x="522" y="995" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="at" xMin="123" yMin="-403" xMax="2073" yMax="1577">
+      <contour>
+        <pt x="123" y="535" on="1"/>
+        <pt x="123" y="801" on="0"/>
+        <pt x="406" y="1284" on="0"/>
+        <pt x="879" y="1577" on="0"/>
+        <pt x="1145" y="1577" on="1"/>
+        <pt x="1360" y="1577" on="0"/>
+        <pt x="1720" y="1425" on="0"/>
+        <pt x="1948" y="1178" on="0"/>
+        <pt x="2073" y="872" on="0"/>
+        <pt x="2073" y="713" on="1"/>
+        <pt x="2073" y="555" on="0"/>
+        <pt x="1964" y="305" on="0"/>
+        <pt x="1806" y="164" on="0"/>
+        <pt x="1614" y="70" on="0"/>
+        <pt x="1466" y="39" on="0"/>
+        <pt x="1411" y="39" on="1"/>
+        <pt x="1245" y="39" on="0"/>
+        <pt x="1284" y="221" on="1"/>
+        <pt x="1075" y="37" on="0"/>
+        <pt x="872" y="39" on="1"/>
+        <pt x="596" y="41" on="0"/>
+        <pt x="596" y="422" on="1"/>
+        <pt x="596" y="584" on="0"/>
+        <pt x="709" y="877" on="0"/>
+        <pt x="879" y="1071" on="0"/>
+        <pt x="1075" y="1186" on="0"/>
+        <pt x="1161" y="1186" on="1"/>
+        <pt x="1351" y="1186" on="0"/>
+        <pt x="1458" y="1022" on="1"/>
+        <pt x="1487" y="1143" on="1"/>
+        <pt x="1647" y="1106" on="1"/>
+        <pt x="1438" y="178" on="0"/>
+        <pt x="1438" y="168" on="1"/>
+        <pt x="1444" y="162" on="0"/>
+        <pt x="1546" y="182" on="0"/>
+        <pt x="1690" y="254" on="0"/>
+        <pt x="1825" y="371" on="0"/>
+        <pt x="1915" y="582" on="0"/>
+        <pt x="1909" y="713" on="1"/>
+        <pt x="1909" y="840" on="0"/>
+        <pt x="1806" y="1085" on="0"/>
+        <pt x="1618" y="1288" on="0"/>
+        <pt x="1321" y="1413" on="0"/>
+        <pt x="1145" y="1413" on="1"/>
+        <pt x="924" y="1413" on="0"/>
+        <pt x="524" y="1163" on="0"/>
+        <pt x="287" y="756" on="0"/>
+        <pt x="287" y="535" on="1"/>
+        <pt x="287" y="205" on="0"/>
+        <pt x="797" y="-240" on="0"/>
+        <pt x="1145" y="-240" on="1"/>
+        <pt x="1327" y="-240" on="0"/>
+        <pt x="1606" y="-143" on="0"/>
+        <pt x="1808" y="25" on="1"/>
+        <pt x="1911" y="-102" on="1"/>
+        <pt x="1680" y="-292" on="0"/>
+        <pt x="1358" y="-403" on="0"/>
+        <pt x="1145" y="-403" on="1"/>
+        <pt x="875" y="-403" on="0"/>
+        <pt x="408" y="-164" on="0"/>
+        <pt x="123" y="271" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="422" on="1"/>
+        <pt x="760" y="168" on="0"/>
+        <pt x="872" y="162" on="1"/>
+        <pt x="950" y="160" on="0"/>
+        <pt x="1114" y="242" on="0"/>
+        <pt x="1245" y="371" on="0"/>
+        <pt x="1315" y="453" on="0"/>
+        <pt x="1341" y="489" on="1"/>
+        <pt x="1417" y="834" on="1"/>
+        <pt x="1362" y="969" on="0"/>
+        <pt x="1237" y="1063" on="0"/>
+        <pt x="1161" y="1063" on="1"/>
+        <pt x="1026" y="1063" on="0"/>
+        <pt x="760" y="686" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="b" xMin="174" yMin="-25" xMax="1169" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="backslash" xMin="51" yMin="-532" xMax="854" yMax="1577">
+      <contour>
+        <pt x="51" y="1577" on="1"/>
+        <pt x="221" y="1577" on="1"/>
+        <pt x="854" y="-532" on="1"/>
+        <pt x="684" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bar" xMin="174" yMin="-532" xMax="330" yMax="1700">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1700" on="1"/>
+        <pt x="330" y="1700" on="1"/>
+        <pt x="330" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceleft" xMin="164" yMin="-545" xMax="819" yMax="1700">
+      <contour>
+        <pt x="164" y="526" on="1"/>
+        <pt x="164" y="629" on="1"/>
+        <pt x="252" y="629" on="0"/>
+        <pt x="350" y="705" on="0"/>
+        <pt x="356" y="741" on="1"/>
+        <pt x="360" y="778" on="1"/>
+        <pt x="360" y="1389" on="1"/>
+        <pt x="360" y="1436" on="0"/>
+        <pt x="379" y="1530" on="0"/>
+        <pt x="422" y="1634" on="0"/>
+        <pt x="516" y="1700" on="0"/>
+        <pt x="582" y="1700" on="1"/>
+        <pt x="641" y="1700" on="0"/>
+        <pt x="760" y="1667" on="0"/>
+        <pt x="791" y="1651" on="1"/>
+        <pt x="819" y="1632" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="705" y="1528" on="0"/>
+        <pt x="582" y="1528" on="1"/>
+        <pt x="533" y="1528" on="0"/>
+        <pt x="532" y="1389" on="1"/>
+        <pt x="532" y="776" on="1"/>
+        <pt x="532" y="770" on="0"/>
+        <pt x="530" y="750" on="0"/>
+        <pt x="514" y="700" on="0"/>
+        <pt x="489" y="653" on="0"/>
+        <pt x="436" y="598" on="0"/>
+        <pt x="401" y="578" on="1"/>
+        <pt x="438" y="558" on="0"/>
+        <pt x="492" y="502" on="0"/>
+        <pt x="516" y="457" on="0"/>
+        <pt x="530" y="406" on="0"/>
+        <pt x="532" y="385" on="0"/>
+        <pt x="532" y="379" on="1"/>
+        <pt x="532" y="-233" on="1"/>
+        <pt x="532" y="-372" on="0"/>
+        <pt x="582" y="-373" on="1"/>
+        <pt x="637" y="-373" on="0"/>
+        <pt x="727" y="-352" on="0"/>
+        <pt x="745" y="-344" on="1"/>
+        <pt x="762" y="-334" on="1"/>
+        <pt x="819" y="-477" on="1"/>
+        <pt x="717" y="-545" on="0"/>
+        <pt x="582" y="-545" on="1"/>
+        <pt x="516" y="-545" on="0"/>
+        <pt x="422" y="-479" on="0"/>
+        <pt x="379" y="-375" on="0"/>
+        <pt x="360" y="-281" on="0"/>
+        <pt x="360" y="-233" on="1"/>
+        <pt x="360" y="377" on="1"/>
+        <pt x="360" y="383" on="0"/>
+        <pt x="358" y="403" on="0"/>
+        <pt x="336" y="455" on="0"/>
+        <pt x="299" y="494" on="0"/>
+        <pt x="219" y="526" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceright" xMin="143" yMin="-545" xMax="799" yMax="1700">
+      <contour>
+        <pt x="143" y="-477" on="1"/>
+        <pt x="201" y="-334" on="1"/>
+        <pt x="258" y="-373" on="0"/>
+        <pt x="381" y="-373" on="1"/>
+        <pt x="430" y="-373" on="0"/>
+        <pt x="430" y="-233" on="1"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="391" on="0"/>
+        <pt x="438" y="438" on="0"/>
+        <pt x="502" y="545" on="0"/>
+        <pt x="559" y="578" on="1"/>
+        <pt x="502" y="611" on="0"/>
+        <pt x="438" y="711" on="0"/>
+        <pt x="430" y="760" on="0"/>
+        <pt x="430" y="776" on="1"/>
+        <pt x="430" y="1389" on="1"/>
+        <pt x="430" y="1528" on="0"/>
+        <pt x="381" y="1528" on="1"/>
+        <pt x="326" y="1528" on="0"/>
+        <pt x="236" y="1507" on="0"/>
+        <pt x="217" y="1499" on="1"/>
+        <pt x="201" y="1489" on="1"/>
+        <pt x="143" y="1632" on="1"/>
+        <pt x="245" y="1700" on="0"/>
+        <pt x="381" y="1700" on="1"/>
+        <pt x="447" y="1700" on="0"/>
+        <pt x="541" y="1634" on="0"/>
+        <pt x="584" y="1530" on="0"/>
+        <pt x="602" y="1436" on="0"/>
+        <pt x="602" y="1389" on="1"/>
+        <pt x="602" y="778" on="1"/>
+        <pt x="602" y="772" on="0"/>
+        <pt x="604" y="752" on="0"/>
+        <pt x="625" y="700" on="0"/>
+        <pt x="662" y="662" on="0"/>
+        <pt x="743" y="629" on="0"/>
+        <pt x="799" y="629" on="1"/>
+        <pt x="799" y="526" on="1"/>
+        <pt x="746" y="526" on="0"/>
+        <pt x="666" y="498" on="0"/>
+        <pt x="629" y="459" on="0"/>
+        <pt x="606" y="410" on="0"/>
+        <pt x="602" y="387" on="0"/>
+        <pt x="602" y="379" on="1"/>
+        <pt x="602" y="-233" on="1"/>
+        <pt x="602" y="-280" on="0"/>
+        <pt x="584" y="-375" on="0"/>
+        <pt x="541" y="-479" on="0"/>
+        <pt x="446" y="-545" on="0"/>
+        <pt x="381" y="-545" on="1"/>
+        <pt x="322" y="-545" on="0"/>
+        <pt x="203" y="-512" on="0"/>
+        <pt x="172" y="-496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketleft" xMin="174" yMin="-532" xMax="592" yMax="1577">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="592" y="1577" on="1"/>
+        <pt x="592" y="1454" on="1"/>
+        <pt x="346" y="1454" on="1"/>
+        <pt x="346" y="-410" on="1"/>
+        <pt x="592" y="-410" on="1"/>
+        <pt x="592" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketright" xMin="143" yMin="-532" xMax="561" yMax="1577">
+      <contour>
+        <pt x="143" y="-410" on="1"/>
+        <pt x="389" y="-410" on="1"/>
+        <pt x="389" y="1454" on="1"/>
+        <pt x="143" y="1454" on="1"/>
+        <pt x="143" y="1577" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="561" y="-532" on="1"/>
+        <pt x="143" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="c" xMin="113" yMin="-25" xMax="963" yMax="1151">
+      <contour>
+        <pt x="113" y="543" on="1"/>
+        <pt x="113" y="838" on="0"/>
+        <pt x="262" y="997" on="1"/>
+        <pt x="406" y="1151" on="0"/>
+        <pt x="582" y="1151" on="1"/>
+        <pt x="589" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="662" y="1149" on="0"/>
+        <pt x="780" y="1110" on="0"/>
+        <pt x="856" y="1057" on="0"/>
+        <pt x="915" y="1006" on="0"/>
+        <pt x="930" y="987" on="1"/>
+        <pt x="942" y="971" on="1"/>
+        <pt x="834" y="868" on="1"/>
+        <pt x="832" y="872" on="0"/>
+        <pt x="819" y="889" on="0"/>
+        <pt x="778" y="928" on="0"/>
+        <pt x="727" y="958" on="0"/>
+        <pt x="641" y="985" on="0"/>
+        <pt x="592" y="987" on="1"/>
+        <pt x="588" y="987" on="0"/>
+        <pt x="584" y="987" on="1"/>
+        <pt x="470" y="987" on="0"/>
+        <pt x="379" y="874" on="1"/>
+        <pt x="285" y="757" on="0"/>
+        <pt x="285" y="543" on="1"/>
+        <pt x="285" y="371" on="0"/>
+        <pt x="449" y="139" on="0"/>
+        <pt x="582" y="139" on="1"/>
+        <pt x="633" y="139" on="0"/>
+        <pt x="694" y="147" on="0"/>
+        <pt x="799" y="203" on="0"/>
+        <pt x="856" y="256" on="1"/>
+        <pt x="963" y="154" on="1"/>
+        <pt x="881" y="72" on="0"/>
+        <pt x="733" y="-12" on="0"/>
+        <pt x="649" y="-25" on="0"/>
+        <pt x="582" y="-25" on="1"/>
+        <pt x="373" y="-25" on="0"/>
+        <pt x="113" y="299" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="colon" xMin="143" yMin="-14" xMax="371" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="307" y="213" on="0"/>
+        <pt x="371" y="150" on="0"/>
+        <pt x="371" y="51" on="0"/>
+        <pt x="307" y="-14" on="0"/>
+        <pt x="209" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="comma" xMin="82" yMin="-287" xMax="322" yMax="213">
+      <contour>
+        <pt x="82" y="51" on="0"/>
+        <pt x="82" y="150" on="0"/>
+        <pt x="147" y="213" on="0"/>
+        <pt x="197" y="213" on="1"/>
+        <pt x="258" y="213" on="0"/>
+        <pt x="322" y="113" on="0"/>
+        <pt x="322" y="45" on="1"/>
+        <pt x="320" y="-102" on="0"/>
+        <pt x="170" y="-287" on="1"/>
+        <pt x="84" y="-258" on="1"/>
+        <pt x="186" y="-131" on="0"/>
+        <pt x="205" y="-14" on="1"/>
+        <pt x="150" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="d" xMin="123" yMin="-25" xMax="1251" yMax="1679">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1679" on="1"/>
+        <pt x="1118" y="1679" on="1"/>
+        <pt x="1118" y="270" on="1"/>
+        <pt x="1120" y="254" on="0"/>
+        <pt x="1130" y="207" on="0"/>
+        <pt x="1198" y="100" on="0"/>
+        <pt x="1251" y="74" on="1"/>
+        <pt x="1110" y="-25" on="1"/>
+        <pt x="967" y="53" on="0"/>
+        <pt x="946" y="217" on="1"/>
+        <pt x="757" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="dollar" xMin="117" yMin="-139" xMax="1237" yMax="1722">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="373" y="186" on="0"/>
+        <pt x="629" y="147" on="1"/>
+        <pt x="629" y="754" on="1"/>
+        <pt x="551" y="779" on="0"/>
+        <pt x="449" y="817" on="0"/>
+        <pt x="328" y="887" on="0"/>
+        <pt x="258" y="967" on="0"/>
+        <pt x="209" y="1087" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1280" on="0"/>
+        <pt x="293" y="1454" on="0"/>
+        <pt x="428" y="1546" on="0"/>
+        <pt x="559" y="1591" on="0"/>
+        <pt x="629" y="1597" on="1"/>
+        <pt x="629" y="1722" on="1"/>
+        <pt x="760" y="1722" on="1"/>
+        <pt x="760" y="1595" on="1"/>
+        <pt x="1020" y="1570" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="938" y="1407" on="0"/>
+        <pt x="760" y="1430" on="1"/>
+        <pt x="760" y="893" on="1"/>
+        <pt x="869" y="858" on="0"/>
+        <pt x="1004" y="801" on="0"/>
+        <pt x="1159" y="694" on="0"/>
+        <pt x="1237" y="537" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="227" on="0"/>
+        <pt x="961" y="-8" on="0"/>
+        <pt x="760" y="-20" on="1"/>
+        <pt x="760" y="-139" on="1"/>
+        <pt x="629" y="-139" on="1"/>
+        <pt x="629" y="-16" on="1"/>
+        <pt x="293" y="23" on="0"/>
+      </contour>
+      <contour>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1077" on="0"/>
+        <pt x="510" y="973" on="0"/>
+        <pt x="629" y="934" on="1"/>
+        <pt x="629" y="1432" on="1"/>
+        <pt x="531" y="1418" on="0"/>
+        <pt x="381" y="1294" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="143" on="1"/>
+        <pt x="889" y="155" on="0"/>
+        <pt x="1065" y="305" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="545" on="0"/>
+        <pt x="907" y="666" on="0"/>
+        <pt x="760" y="713" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="e" xMin="113" yMin="-25" xMax="1059" yMax="1151">
+      <contour>
+        <pt x="113" y="309" on="0"/>
+        <pt x="113" y="793" on="0"/>
+        <pt x="389" y="1151" on="0"/>
+        <pt x="598" y="1151" on="1"/>
+        <pt x="717" y="1151" on="0"/>
+        <pt x="897" y="1059" on="0"/>
+        <pt x="989" y="936" on="0"/>
+        <pt x="1044" y="780" on="0"/>
+        <pt x="1059" y="682" on="0"/>
+        <pt x="1059" y="647" on="1"/>
+        <pt x="1059" y="571" on="1"/>
+        <pt x="285" y="571" on="1"/>
+        <pt x="285" y="378" on="0"/>
+        <pt x="455" y="127" on="0"/>
+        <pt x="606" y="127" on="1"/>
+        <pt x="721" y="127" on="0"/>
+        <pt x="801" y="176" on="1"/>
+        <pt x="881" y="223" on="0"/>
+        <pt x="954" y="322" on="1"/>
+        <pt x="1059" y="221" on="1"/>
+        <pt x="987" y="133" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="717" y="-16" on="0"/>
+        <pt x="657" y="-25" on="0"/>
+        <pt x="606" y="-25" on="1"/>
+        <pt x="379" y="-25" on="0"/>
+      </contour>
+      <contour>
+        <pt x="309" y="723" on="1"/>
+        <pt x="879" y="723" on="1"/>
+        <pt x="869" y="770" on="0"/>
+        <pt x="834" y="854" on="0"/>
+        <pt x="772" y="944" on="0"/>
+        <pt x="666" y="999" on="0"/>
+        <pt x="598" y="999" on="1"/>
+        <pt x="498" y="999" on="0"/>
+        <pt x="344" y="846" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="eight" xMin="133" yMin="-23" xMax="1083" yMax="1599">
+      <contour>
+        <pt x="133" y="350" on="1"/>
+        <pt x="135" y="493" on="0"/>
+        <pt x="326" y="733" on="0"/>
+        <pt x="455" y="821" on="1"/>
+        <pt x="174" y="1044" on="0"/>
+        <pt x="174" y="1260" on="1"/>
+        <pt x="174" y="1352" on="0"/>
+        <pt x="250" y="1489" on="0"/>
+        <pt x="381" y="1565" on="0"/>
+        <pt x="526" y="1599" on="0"/>
+        <pt x="690" y="1599" on="0"/>
+        <pt x="836" y="1565" on="0"/>
+        <pt x="967" y="1489" on="0"/>
+        <pt x="1042" y="1352" on="0"/>
+        <pt x="1042" y="1260" on="1"/>
+        <pt x="1042" y="1117" on="0"/>
+        <pt x="846" y="893" on="0"/>
+        <pt x="723" y="819" on="1"/>
+        <pt x="809" y="756" on="0"/>
+        <pt x="911" y="670" on="0"/>
+        <pt x="1028" y="547" on="0"/>
+        <pt x="1083" y="420" on="0"/>
+        <pt x="1083" y="350" on="1"/>
+        <pt x="1083" y="272" on="0"/>
+        <pt x="1034" y="147" on="0"/>
+        <pt x="965" y="72" on="0"/>
+        <pt x="860" y="16" on="0"/>
+        <pt x="778" y="-8" on="0"/>
+        <pt x="674" y="-23" on="0"/>
+        <pt x="654" y="-23" on="1"/>
+        <pt x="612" y="-23" on="1"/>
+        <pt x="608" y="-23" on="1"/>
+        <pt x="572" y="-23" on="1"/>
+        <pt x="559" y="-23" on="0"/>
+        <pt x="449" y="-10" on="0"/>
+        <pt x="369" y="14" on="0"/>
+        <pt x="258" y="70" on="0"/>
+        <pt x="186" y="145" on="0"/>
+        <pt x="133" y="272" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="350" on="1"/>
+        <pt x="307" y="295" on="0"/>
+        <pt x="346" y="209" on="0"/>
+        <pt x="418" y="162" on="0"/>
+        <pt x="481" y="131" on="0"/>
+        <pt x="524" y="127" on="1"/>
+        <pt x="579" y="122" on="1"/>
+        <pt x="590" y="121" on="0"/>
+        <pt x="608" y="121" on="1"/>
+        <pt x="610" y="121" on="1"/>
+        <pt x="633" y="121" on="0"/>
+        <pt x="678" y="123" on="0"/>
+        <pt x="778" y="147" on="0"/>
+        <pt x="850" y="190" on="0"/>
+        <pt x="909" y="285" on="0"/>
+        <pt x="909" y="350" on="1"/>
+        <pt x="909" y="436" on="0"/>
+        <pt x="737" y="612" on="0"/>
+        <pt x="569" y="733" on="1"/>
+        <pt x="321" y="573" on="0"/>
+      </contour>
+      <contour>
+        <pt x="348" y="1260" on="1"/>
+        <pt x="348" y="1170" on="0"/>
+        <pt x="483" y="1001" on="0"/>
+        <pt x="604" y="907" on="1"/>
+        <pt x="657" y="936" on="0"/>
+        <pt x="762" y="1014" on="0"/>
+        <pt x="868" y="1174" on="0"/>
+        <pt x="868" y="1260" on="1"/>
+        <pt x="868" y="1371" on="0"/>
+        <pt x="717" y="1468" on="0"/>
+        <pt x="500" y="1468" on="0"/>
+        <pt x="348" y="1371" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="emdash" xMin="82" yMin="498" xMax="1477" yMax="631">
+      <contour>
+        <pt x="82" y="498" on="1"/>
+        <pt x="82" y="631" on="1"/>
+        <pt x="1477" y="631" on="1"/>
+        <pt x="1477" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="endash" xMin="61" yMin="498" xMax="1190" yMax="631">
+      <contour>
+        <pt x="61" y="498" on="1"/>
+        <pt x="61" y="631" on="1"/>
+        <pt x="1190" y="631" on="1"/>
+        <pt x="1190" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="equal" xMin="133" yMin="344" xMax="1262" yMax="809">
+      <contour>
+        <pt x="133" y="344" on="1"/>
+        <pt x="133" y="481" on="1"/>
+        <pt x="1262" y="481" on="1"/>
+        <pt x="1262" y="344" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="672" on="1"/>
+        <pt x="133" y="809" on="1"/>
+        <pt x="1262" y="809" on="1"/>
+        <pt x="1262" y="672" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="exclam" xMin="174" yMin="-14" xMax="401" yMax="1679">
+      <contour>
+        <pt x="174" y="51" on="0"/>
+        <pt x="174" y="150" on="0"/>
+        <pt x="240" y="213" on="0"/>
+        <pt x="338" y="213" on="0"/>
+        <pt x="401" y="150" on="0"/>
+        <pt x="401" y="51" on="0"/>
+        <pt x="338" y="-14" on="0"/>
+        <pt x="240" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="195" y="1679" on="1"/>
+        <pt x="383" y="1679" on="1"/>
+        <pt x="356" y="377" on="1"/>
+        <pt x="221" y="377" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="f" xMin="61" yMin="0" xMax="887" yMax="1690">
+      <contour>
+        <pt x="61" y="983" on="1"/>
+        <pt x="61" y="1126" on="1"/>
+        <pt x="207" y="1126" on="1"/>
+        <pt x="207" y="1323" on="1"/>
+        <pt x="207" y="1690" on="0"/>
+        <pt x="524" y="1690" on="1"/>
+        <pt x="731" y="1690" on="0"/>
+        <pt x="887" y="1561" on="1"/>
+        <pt x="776" y="1454" on="1"/>
+        <pt x="657" y="1546" on="0"/>
+        <pt x="524" y="1546" on="1"/>
+        <pt x="475" y="1546" on="0"/>
+        <pt x="414" y="1516" on="0"/>
+        <pt x="385" y="1444" on="0"/>
+        <pt x="377" y="1380" on="0"/>
+        <pt x="377" y="1323" on="1"/>
+        <pt x="377" y="1126" on="1"/>
+        <pt x="709" y="1126" on="1"/>
+        <pt x="709" y="983" on="1"/>
+        <pt x="377" y="983" on="1"/>
+        <pt x="377" y="0" on="1"/>
+        <pt x="207" y="0" on="1"/>
+        <pt x="207" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="figuredash" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="five" xMin="143" yMin="-440" xMax="1077" yMax="1157">
+      <contour>
+        <pt x="143" y="-301" on="1"/>
+        <pt x="250" y="-197" on="1"/>
+        <pt x="258" y="-205" on="0"/>
+        <pt x="291" y="-231" on="0"/>
+        <pt x="416" y="-274" on="0"/>
+        <pt x="489" y="-274" on="1"/>
+        <pt x="639" y="-274" on="0"/>
+        <pt x="901" y="-43" on="0"/>
+        <pt x="901" y="170" on="1"/>
+        <pt x="901" y="285" on="0"/>
+        <pt x="733" y="492" on="0"/>
+        <pt x="614" y="492" on="1"/>
+        <pt x="456" y="492" on="0"/>
+        <pt x="344" y="416" on="1"/>
+        <pt x="178" y="416" on="1"/>
+        <pt x="178" y="1157" on="1"/>
+        <pt x="948" y="1157" on="1"/>
+        <pt x="948" y="1001" on="1"/>
+        <pt x="344" y="1001" on="1"/>
+        <pt x="344" y="588" on="1"/>
+        <pt x="463" y="641" on="0"/>
+        <pt x="614" y="641" on="1"/>
+        <pt x="794" y="641" on="0"/>
+        <pt x="1069" y="354" on="0"/>
+        <pt x="1077" y="170" on="1"/>
+        <pt x="1077" y="23" on="0"/>
+        <pt x="963" y="-219" on="0"/>
+        <pt x="784" y="-362" on="0"/>
+        <pt x="586" y="-440" on="0"/>
+        <pt x="489" y="-440" on="1"/>
+        <pt x="385" y="-440" on="0"/>
+        <pt x="213" y="-371" on="0"/>
+        <pt x="178" y="-336" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="four" xMin="82" yMin="-440" xMax="1225" yMax="1157">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="90" on="1"/>
+        <pt x="885" y="1157" on="1"/>
+        <pt x="993" y="1157" on="1"/>
+        <pt x="993" y="150" on="1"/>
+        <pt x="1225" y="150" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="993" y="0" on="1"/>
+        <pt x="993" y="-440" on="1"/>
+        <pt x="827" y="-440" on="1"/>
+        <pt x="827" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="141" on="1"/>
+        <pt x="346" y="150" on="1"/>
+        <pt x="827" y="150" on="1"/>
+        <pt x="827" y="838" on="1"/>
+        <pt x="336" y="172" on="1"/>
+        <pt x="307" y="143" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="g" xMin="123" yMin="-563" xMax="1184" yMax="1257">
+      <contour>
+        <pt x="123" y="-221" on="1"/>
+        <pt x="125" y="-96" on="0"/>
+        <pt x="211" y="55" on="0"/>
+        <pt x="295" y="117" on="1"/>
+        <pt x="199" y="158" on="0"/>
+        <pt x="190" y="250" on="1"/>
+        <pt x="190" y="346" on="0"/>
+        <pt x="336" y="463" on="1"/>
+        <pt x="166" y="559" on="0"/>
+        <pt x="166" y="795" on="1"/>
+        <pt x="166" y="887" on="0"/>
+        <pt x="254" y="1034" on="0"/>
+        <pt x="393" y="1114" on="0"/>
+        <pt x="539" y="1155" on="0"/>
+        <pt x="606" y="1155" on="1"/>
+        <pt x="669" y="1155" on="0"/>
+        <pt x="743" y="1137" on="1"/>
+        <pt x="876" y="1258" on="0"/>
+        <pt x="1053" y="1257" on="1"/>
+        <pt x="1108" y="1257" on="0"/>
+        <pt x="1176" y="1237" on="1"/>
+        <pt x="1147" y="1094" on="1"/>
+        <pt x="1110" y="1106" on="0"/>
+        <pt x="1053" y="1106" on="1"/>
+        <pt x="965" y="1106" on="0"/>
+        <pt x="887" y="1073" on="1"/>
+        <pt x="1047" y="971" on="0"/>
+        <pt x="1047" y="795" on="1"/>
+        <pt x="1047" y="680" on="0"/>
+        <pt x="958" y="516" on="0"/>
+        <pt x="817" y="436" on="0"/>
+        <pt x="678" y="403" on="0"/>
+        <pt x="606" y="403" on="1"/>
+        <pt x="536" y="403" on="0"/>
+        <pt x="483" y="414" on="1"/>
+        <pt x="362" y="328" on="0"/>
+        <pt x="362" y="250" on="1"/>
+        <pt x="368" y="244" on="0"/>
+        <pt x="461" y="238" on="0"/>
+        <pt x="535" y="236" on="1"/>
+        <pt x="608" y="233" on="1"/>
+        <pt x="727" y="227" on="0"/>
+        <pt x="903" y="197" on="0"/>
+        <pt x="1085" y="129" on="0"/>
+        <pt x="1184" y="-6" on="0"/>
+        <pt x="1184" y="-102" on="1"/>
+        <pt x="1184" y="-301" on="0"/>
+        <pt x="895" y="-563" on="0"/>
+        <pt x="614" y="-563" on="1"/>
+        <pt x="415" y="-563" on="0"/>
+        <pt x="123" y="-366" on="0"/>
+      </contour>
+      <contour>
+        <pt x="297" y="-221" on="1"/>
+        <pt x="297" y="-303" on="0"/>
+        <pt x="485" y="-410" on="0"/>
+        <pt x="614" y="-410" on="1"/>
+        <pt x="811" y="-410" on="0"/>
+        <pt x="1020" y="-236" on="0"/>
+        <pt x="1020" y="-102" on="1"/>
+        <pt x="1020" y="-49" on="0"/>
+        <pt x="948" y="25" on="0"/>
+        <pt x="813" y="61" on="0"/>
+        <pt x="692" y="78" on="0"/>
+        <pt x="606" y="82" on="1"/>
+        <pt x="487" y="82" on="0"/>
+        <pt x="459" y="84" on="1"/>
+        <pt x="375" y="33" on="0"/>
+        <pt x="297" y="-92" on="0"/>
+      </contour>
+      <contour>
+        <pt x="338" y="795" on="1"/>
+        <pt x="338" y="715" on="0"/>
+        <pt x="391" y="604" on="0"/>
+        <pt x="479" y="553" on="0"/>
+        <pt x="561" y="535" on="0"/>
+        <pt x="651" y="535" on="0"/>
+        <pt x="735" y="557" on="0"/>
+        <pt x="821" y="610" on="0"/>
+        <pt x="874" y="719" on="0"/>
+        <pt x="874" y="795" on="1"/>
+        <pt x="874" y="908" on="0"/>
+        <pt x="702" y="1024" on="0"/>
+        <pt x="510" y="1024" on="0"/>
+        <pt x="338" y="908" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="grave" xMin="113" yMin="1251" xMax="616" yMax="1577">
+      <contour>
+        <pt x="113" y="1432" on="1"/>
+        <pt x="156" y="1577" on="1"/>
+        <pt x="616" y="1348" on="1"/>
+        <pt x="573" y="1251" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="greater" xMin="143" yMin="-14" xMax="1280" yMax="1161">
+      <contour>
+        <pt x="143" y="-14" on="1"/>
+        <pt x="143" y="133" on="1"/>
+        <pt x="1116" y="573" on="1"/>
+        <pt x="143" y="1014" on="1"/>
+        <pt x="143" y="1161" on="1"/>
+        <pt x="1280" y="647" on="1"/>
+        <pt x="1280" y="500" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="h" xMin="174" yMin="0" xMax="1098" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="605" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="hyphen" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="i" xMin="174" yMin="0" xMax="381" yMax="1577">
+      <contour>
+        <pt x="174" y="1430" on="0"/>
+        <pt x="174" y="1520" on="0"/>
+        <pt x="233" y="1577" on="0"/>
+        <pt x="324" y="1577" on="0"/>
+        <pt x="381" y="1520" on="0"/>
+        <pt x="381" y="1430" on="0"/>
+        <pt x="324" y="1370" on="0"/>
+        <pt x="233" y="1370" on="0"/>
+      </contour>
+      <contour>
+        <pt x="193" y="0" on="1"/>
+        <pt x="193" y="1126" on="1"/>
+        <pt x="362" y="1126" on="1"/>
+        <pt x="362" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="j" xMin="-72" yMin="-563" xMax="279" yMax="1577">
+      <contour>
+        <pt x="-72" y="-401" on="1"/>
+        <pt x="-11" y="-393" on="0"/>
+        <pt x="90" y="-207" on="0"/>
+        <pt x="90" y="-88" on="1"/>
+        <pt x="90" y="1126" on="1"/>
+        <pt x="260" y="1126" on="1"/>
+        <pt x="260" y="-88" on="1"/>
+        <pt x="260" y="-266" on="0"/>
+        <pt x="86" y="-526" on="0"/>
+        <pt x="-20" y="-563" on="1"/>
+      </contour>
+      <contour>
+        <pt x="72" y="1430" on="0"/>
+        <pt x="72" y="1520" on="0"/>
+        <pt x="131" y="1577" on="0"/>
+        <pt x="221" y="1577" on="0"/>
+        <pt x="279" y="1520" on="0"/>
+        <pt x="279" y="1430" on="0"/>
+        <pt x="221" y="1370" on="0"/>
+        <pt x="131" y="1370" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="k" xMin="174" yMin="0" xMax="1167" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="729" on="1"/>
+        <pt x="729" y="997" on="0"/>
+        <pt x="795" y="1126" on="1"/>
+        <pt x="969" y="1126" on="1"/>
+        <pt x="934" y="993" on="0"/>
+        <pt x="502" y="668" on="1"/>
+        <pt x="568" y="641" on="0"/>
+        <pt x="616" y="588" on="1"/>
+        <pt x="954" y="207" on="1"/>
+        <pt x="1144" y="0" on="0"/>
+        <pt x="1167" y="0" on="1"/>
+        <pt x="936" y="0" on="1"/>
+        <pt x="911" y="8" on="0"/>
+        <pt x="756" y="174" on="0"/>
+        <pt x="526" y="442" on="0"/>
+        <pt x="494" y="477" on="1"/>
+        <pt x="433" y="540" on="0"/>
+        <pt x="395" y="551" on="1"/>
+        <pt x="375" y="557" on="0"/>
+        <pt x="346" y="549" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="l" xMin="174" yMin="-25" xMax="502" yMax="1679">
+      <contour>
+        <pt x="174" y="299" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="344" y="1679" on="1"/>
+        <pt x="344" y="299" on="1"/>
+        <pt x="344" y="188" on="0"/>
+        <pt x="367" y="166" on="1"/>
+        <pt x="412" y="121" on="0"/>
+        <pt x="502" y="121" on="1"/>
+        <pt x="496" y="-25" on="1"/>
+        <pt x="316" y="-25" on="0"/>
+        <pt x="246" y="45" on="1"/>
+        <pt x="174" y="117" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="less" xMin="154" yMin="-14" xMax="1290" yMax="1161">
+      <contour>
+        <pt x="154" y="500" on="1"/>
+        <pt x="154" y="647" on="1"/>
+        <pt x="1290" y="1161" on="1"/>
+        <pt x="1290" y="1014" on="1"/>
+        <pt x="315" y="573" on="1"/>
+        <pt x="1290" y="133" on="1"/>
+        <pt x="1290" y="-14" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="m" xMin="174" yMin="0" xMax="1718" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="903" on="1"/>
+        <pt x="571" y="1151" on="0"/>
+        <pt x="772" y="1151" on="1"/>
+        <pt x="993" y="1151" on="0"/>
+        <pt x="1026" y="897" on="1"/>
+        <pt x="1253" y="1151" on="0"/>
+        <pt x="1458" y="1151" on="1"/>
+        <pt x="1718" y="1151" on="0"/>
+        <pt x="1718" y="801" on="1"/>
+        <pt x="1718" y="0" on="1"/>
+        <pt x="1546" y="0" on="1"/>
+        <pt x="1546" y="801" on="1"/>
+        <pt x="1546" y="979" on="0"/>
+        <pt x="1458" y="979" on="1"/>
+        <pt x="1384" y="979" on="0"/>
+        <pt x="1251" y="930" on="0"/>
+        <pt x="1137" y="831" on="0"/>
+        <pt x="1077" y="770" on="0"/>
+        <pt x="1032" y="715" on="1"/>
+        <pt x="1032" y="0" on="1"/>
+        <pt x="860" y="0" on="1"/>
+        <pt x="860" y="801" on="1"/>
+        <pt x="860" y="979" on="0"/>
+        <pt x="772" y="979" on="1"/>
+        <pt x="698" y="979" on="0"/>
+        <pt x="565" y="930" on="0"/>
+        <pt x="451" y="831" on="0"/>
+        <pt x="391" y="770" on="0"/>
+        <pt x="346" y="715" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="minus" xMin="102" yMin="496" xMax="1229" yMax="633">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="n" xMin="174" yMin="0" xMax="1098" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="611" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nine" xMin="123" yMin="-440" xMax="1139" yMax="1182">
+      <contour>
+        <pt x="123" y="662" on="1"/>
+        <pt x="123" y="742" on="0"/>
+        <pt x="174" y="909" on="0"/>
+        <pt x="279" y="1075" on="0"/>
+        <pt x="477" y="1182" on="0"/>
+        <pt x="608" y="1182" on="1"/>
+        <pt x="862" y="1182" on="0"/>
+        <pt x="1139" y="799" on="0"/>
+        <pt x="1139" y="440" on="1"/>
+        <pt x="1139" y="331" on="0"/>
+        <pt x="1098" y="100" on="0"/>
+        <pt x="1001" y="-137" on="0"/>
+        <pt x="866" y="-324" on="0"/>
+        <pt x="659" y="-440" on="0"/>
+        <pt x="537" y="-440" on="1"/>
+        <pt x="420" y="-440" on="0"/>
+        <pt x="219" y="-365" on="0"/>
+        <pt x="164" y="-326" on="1"/>
+        <pt x="276" y="-217" on="1"/>
+        <pt x="395" y="-283" on="0"/>
+        <pt x="535" y="-283" on="1"/>
+        <pt x="650" y="-283" on="0"/>
+        <pt x="825" y="-133" on="0"/>
+        <pt x="922" y="106" on="0"/>
+        <pt x="969" y="346" on="0"/>
+        <pt x="973" y="463" on="1"/>
+        <pt x="793" y="197" on="0"/>
+        <pt x="559" y="197" on="1"/>
+        <pt x="366" y="197" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="662" on="1"/>
+        <pt x="295" y="498" on="0"/>
+        <pt x="442" y="348" on="0"/>
+        <pt x="559" y="348" on="1"/>
+        <pt x="786" y="348" on="0"/>
+        <pt x="950" y="684" on="1"/>
+        <pt x="915" y="854" on="0"/>
+        <pt x="739" y="1030" on="0"/>
+        <pt x="608" y="1030" on="1"/>
+        <pt x="497" y="1030" on="0"/>
+        <pt x="348" y="897" on="0"/>
+        <pt x="295" y="740" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="numbersign" xMin="82" yMin="0" xMax="1608" yMax="1577">
+      <contour>
+        <pt x="82" y="489" on="1"/>
+        <pt x="117" y="637" on="1"/>
+        <pt x="455" y="637" on="1"/>
+        <pt x="543" y="999" on="1"/>
+        <pt x="195" y="999" on="1"/>
+        <pt x="229" y="1147" on="1"/>
+        <pt x="580" y="1147" on="1"/>
+        <pt x="686" y="1577" on="1"/>
+        <pt x="838" y="1577" on="1"/>
+        <pt x="731" y="1147" on="1"/>
+        <pt x="1092" y="1147" on="1"/>
+        <pt x="1198" y="1577" on="1"/>
+        <pt x="1350" y="1577" on="1"/>
+        <pt x="1243" y="1147" on="1"/>
+        <pt x="1608" y="1147" on="1"/>
+        <pt x="1573" y="999" on="1"/>
+        <pt x="1206" y="999" on="1"/>
+        <pt x="1118" y="637" on="1"/>
+        <pt x="1495" y="637" on="1"/>
+        <pt x="1460" y="489" on="1"/>
+        <pt x="1081" y="489" on="1"/>
+        <pt x="963" y="0" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="930" y="489" on="1"/>
+        <pt x="569" y="489" on="1"/>
+        <pt x="451" y="0" on="1"/>
+        <pt x="299" y="0" on="1"/>
+        <pt x="418" y="489" on="1"/>
+      </contour>
+      <contour>
+        <pt x="606" y="637" on="1"/>
+        <pt x="967" y="637" on="1"/>
+        <pt x="1055" y="999" on="1"/>
+        <pt x="694" y="999" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="o" xMin="123" yMin="-25" xMax="1102" yMax="1151">
+      <contour>
+        <pt x="123" y="397" on="0"/>
+        <pt x="123" y="729" on="0"/>
+        <pt x="205" y="967" on="0"/>
+        <pt x="348" y="1094" on="0"/>
+        <pt x="514" y="1151" on="0"/>
+        <pt x="711" y="1151" on="0"/>
+        <pt x="877" y="1094" on="0"/>
+        <pt x="1020" y="967" on="0"/>
+        <pt x="1102" y="729" on="0"/>
+        <pt x="1102" y="397" on="0"/>
+        <pt x="1020" y="160" on="0"/>
+        <pt x="877" y="33" on="0"/>
+        <pt x="711" y="-25" on="0"/>
+        <pt x="514" y="-25" on="0"/>
+        <pt x="348" y="33" on="0"/>
+        <pt x="205" y="160" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="801" on="0"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="748" y="119" on="0"/>
+        <pt x="930" y="326" on="0"/>
+        <pt x="930" y="801" on="0"/>
+        <pt x="748" y="1008" on="0"/>
+        <pt x="477" y="1008" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="one" xMin="102" yMin="0" xMax="561" yMax="1157">
+      <contour>
+        <pt x="102" y="936" on="1"/>
+        <pt x="395" y="1157" on="1"/>
+        <pt x="561" y="1157" on="1"/>
+        <pt x="561" y="0" on="1"/>
+        <pt x="395" y="0" on="1"/>
+        <pt x="395" y="983" on="1"/>
+        <pt x="213" y="829" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="p" xMin="174" yMin="-532" xMax="1169" yMax="1151">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="-532" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenleft" xMin="123" yMin="-535" xMax="631" yMax="1577">
+      <contour>
+        <pt x="123" y="520" on="1"/>
+        <pt x="123" y="618" on="0"/>
+        <pt x="150" y="862" on="0"/>
+        <pt x="221" y="1157" on="0"/>
+        <pt x="328" y="1397" on="0"/>
+        <pt x="508" y="1567" on="0"/>
+        <pt x="618" y="1577" on="1"/>
+        <pt x="631" y="1434" on="1"/>
+        <pt x="535" y="1399" on="0"/>
+        <pt x="393" y="1180" on="0"/>
+        <pt x="326" y="889" on="0"/>
+        <pt x="295" y="633" on="0"/>
+        <pt x="295" y="520" on="1"/>
+        <pt x="295" y="409" on="0"/>
+        <pt x="326" y="154" on="0"/>
+        <pt x="393" y="-137" on="0"/>
+        <pt x="535" y="-358" on="0"/>
+        <pt x="631" y="-391" on="1"/>
+        <pt x="618" y="-535" on="1"/>
+        <pt x="505" y="-523" on="0"/>
+        <pt x="326" y="-350" on="0"/>
+        <pt x="221" y="-113" on="0"/>
+        <pt x="150" y="178" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenright" xMin="61" yMin="-535" xMax="569" yMax="1577">
+      <contour>
+        <pt x="61" y="-391" on="1"/>
+        <pt x="157" y="-358" on="0"/>
+        <pt x="299" y="-137" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="397" y="410" on="0"/>
+        <pt x="397" y="520" on="1"/>
+        <pt x="397" y="633" on="0"/>
+        <pt x="367" y="889" on="0"/>
+        <pt x="299" y="1180" on="0"/>
+        <pt x="158" y="1399" on="0"/>
+        <pt x="61" y="1434" on="1"/>
+        <pt x="74" y="1577" on="1"/>
+        <pt x="185" y="1567" on="0"/>
+        <pt x="365" y="1397" on="0"/>
+        <pt x="471" y="1157" on="0"/>
+        <pt x="543" y="862" on="0"/>
+        <pt x="569" y="618" on="0"/>
+        <pt x="569" y="520" on="1"/>
+        <pt x="569" y="420" on="0"/>
+        <pt x="543" y="178" on="0"/>
+        <pt x="471" y="-113" on="0"/>
+        <pt x="367" y="-350" on="0"/>
+        <pt x="186" y="-522" on="0"/>
+        <pt x="74" y="-535" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="percent" xMin="123" yMin="-96" xMax="1944" yMax="1667">
+      <contour>
+        <pt x="123" y="1049" on="0"/>
+        <pt x="123" y="1286" on="0"/>
+        <pt x="193" y="1460" on="0"/>
+        <pt x="309" y="1552" on="0"/>
+        <pt x="438" y="1595" on="0"/>
+        <pt x="510" y="1595" on="1"/>
+        <pt x="584" y="1595" on="0"/>
+        <pt x="713" y="1554" on="0"/>
+        <pt x="831" y="1460" on="0"/>
+        <pt x="899" y="1284" on="0"/>
+        <pt x="899" y="1163" on="1"/>
+        <pt x="897" y="936" on="0"/>
+        <pt x="670" y="737" on="0"/>
+        <pt x="512" y="737" on="1"/>
+        <pt x="440" y="737" on="0"/>
+        <pt x="311" y="780" on="0"/>
+        <pt x="193" y="872" on="0"/>
+      </contour>
+      <contour>
+        <pt x="276" y="1167" on="1"/>
+        <pt x="276" y="999" on="0"/>
+        <pt x="416" y="852" on="0"/>
+        <pt x="608" y="852" on="0"/>
+        <pt x="743" y="997" on="0"/>
+        <pt x="745" y="1163" on="1"/>
+        <pt x="745" y="1333" on="0"/>
+        <pt x="608" y="1481" on="0"/>
+        <pt x="510" y="1481" on="1"/>
+        <pt x="414" y="1479" on="0"/>
+        <pt x="276" y="1333" on="0"/>
+      </contour>
+      <contour>
+        <pt x="350" y="-96" on="1"/>
+        <pt x="1538" y="1667" on="1"/>
+        <pt x="1714" y="1667" on="1"/>
+        <pt x="526" y="-96" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1167" y="416" on="1"/>
+        <pt x="1169" y="643" on="0"/>
+        <pt x="1395" y="844" on="0"/>
+        <pt x="1554" y="846" on="1"/>
+        <pt x="1628" y="846" on="0"/>
+        <pt x="1757" y="803" on="0"/>
+        <pt x="1876" y="711" on="0"/>
+        <pt x="1944" y="532" on="0"/>
+        <pt x="1944" y="412" on="1"/>
+        <pt x="1942" y="185" on="0"/>
+        <pt x="1714" y="-14" on="0"/>
+        <pt x="1556" y="-14" on="1"/>
+        <pt x="1484" y="-14" on="0"/>
+        <pt x="1356" y="29" on="0"/>
+        <pt x="1237" y="121" on="0"/>
+        <pt x="1167" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1323" y="412" on="1"/>
+        <pt x="1323" y="246" on="0"/>
+        <pt x="1460" y="100" on="0"/>
+        <pt x="1653" y="100" on="0"/>
+        <pt x="1788" y="246" on="0"/>
+        <pt x="1790" y="412" on="1"/>
+        <pt x="1790" y="580" on="0"/>
+        <pt x="1655" y="729" on="0"/>
+        <pt x="1559" y="731" on="1"/>
+        <pt x="1463" y="731" on="0"/>
+        <pt x="1323" y="582" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="period" xMin="92" yMin="-14" xMax="319" yMax="213">
+      <contour>
+        <pt x="92" y="51" on="0"/>
+        <pt x="92" y="150" on="0"/>
+        <pt x="158" y="213" on="0"/>
+        <pt x="256" y="213" on="0"/>
+        <pt x="319" y="150" on="0"/>
+        <pt x="319" y="51" on="0"/>
+        <pt x="256" y="-14" on="0"/>
+        <pt x="158" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="plus" xMin="102" yMin="0" xMax="1229" yMax="1126">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="586" y="633" on="1"/>
+        <pt x="586" y="1126" on="1"/>
+        <pt x="723" y="1126" on="1"/>
+        <pt x="723" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+        <pt x="723" y="496" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="586" y="0" on="1"/>
+        <pt x="586" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="q" xMin="123" yMin="-532" xMax="1118" yMax="1151">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1126" on="1"/>
+        <pt x="1118" y="1126" on="1"/>
+        <pt x="1118" y="-532" on="1"/>
+        <pt x="946" y="-532" on="1"/>
+        <pt x="946" y="215" on="1"/>
+        <pt x="753" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="question" xMin="84" yMin="-14" xMax="958" yMax="1679">
+      <contour>
+        <pt x="84" y="1393" on="1"/>
+        <pt x="90" y="1405" on="0"/>
+        <pt x="117" y="1444" on="0"/>
+        <pt x="203" y="1542" on="0"/>
+        <pt x="299" y="1618" on="0"/>
+        <pt x="453" y="1679" on="0"/>
+        <pt x="532" y="1679" on="1"/>
+        <pt x="636" y="1679" on="0"/>
+        <pt x="797" y="1628" on="0"/>
+        <pt x="887" y="1550" on="0"/>
+        <pt x="942" y="1446" on="0"/>
+        <pt x="958" y="1358" on="0"/>
+        <pt x="958" y="1311" on="1"/>
+        <pt x="958" y="1233" on="0"/>
+        <pt x="909" y="1094" on="0"/>
+        <pt x="795" y="954" on="0"/>
+        <pt x="759" y="920" on="1"/>
+        <pt x="645" y="813" on="1"/>
+        <pt x="481" y="663" on="0"/>
+        <pt x="481" y="600" on="1"/>
+        <pt x="481" y="512" on="0"/>
+        <pt x="575" y="428" on="1"/>
+        <pt x="471" y="338" on="1"/>
+        <pt x="418" y="385" on="0"/>
+        <pt x="367" y="444" on="0"/>
+        <pt x="324" y="543" on="0"/>
+        <pt x="324" y="602" on="1"/>
+        <pt x="324" y="692" on="0"/>
+        <pt x="428" y="840" on="0"/>
+        <pt x="537" y="936" on="1"/>
+        <pt x="611" y="1004" on="0"/>
+        <pt x="700" y="1100" on="0"/>
+        <pt x="784" y="1243" on="0"/>
+        <pt x="786" y="1311" on="1"/>
+        <pt x="786" y="1536" on="0"/>
+        <pt x="532" y="1536" on="1"/>
+        <pt x="473" y="1536" on="0"/>
+        <pt x="360" y="1485" on="0"/>
+        <pt x="283" y="1413" on="0"/>
+        <pt x="221" y="1341" on="0"/>
+        <pt x="207" y="1315" on="1"/>
+        <pt x="193" y="1290" on="1"/>
+      </contour>
+      <contour>
+        <pt x="399" y="51" on="0"/>
+        <pt x="399" y="150" on="0"/>
+        <pt x="465" y="213" on="0"/>
+        <pt x="563" y="213" on="0"/>
+        <pt x="627" y="150" on="0"/>
+        <pt x="627" y="51" on="0"/>
+        <pt x="563" y="-14" on="0"/>
+        <pt x="465" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedbl" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblleft" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1245" on="1"/>
+        <pt x="94" y="1392" on="0"/>
+        <pt x="244" y="1577" on="1"/>
+        <pt x="330" y="1548" on="1"/>
+        <pt x="228" y="1421" on="0"/>
+        <pt x="207" y="1305" on="1"/>
+        <pt x="262" y="1305" on="0"/>
+        <pt x="332" y="1239" on="0"/>
+        <pt x="332" y="1141" on="0"/>
+        <pt x="266" y="1077" on="0"/>
+        <pt x="217" y="1077" on="1"/>
+        <pt x="156" y="1077" on="0"/>
+        <pt x="92" y="1177" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1245" on="1"/>
+        <pt x="444" y="1392" on="0"/>
+        <pt x="594" y="1577" on="1"/>
+        <pt x="680" y="1548" on="1"/>
+        <pt x="578" y="1421" on="0"/>
+        <pt x="557" y="1305" on="1"/>
+        <pt x="612" y="1305" on="0"/>
+        <pt x="682" y="1239" on="0"/>
+        <pt x="682" y="1141" on="0"/>
+        <pt x="616" y="1077" on="0"/>
+        <pt x="567" y="1077" on="1"/>
+        <pt x="506" y="1077" on="0"/>
+        <pt x="442" y="1177" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblright" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotesingle" xMin="92" yMin="1077" xMax="332" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="r" xMin="174" yMin="0" xMax="903" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="487" y="1151" on="0"/>
+        <pt x="631" y="1151" on="1"/>
+        <pt x="709" y="1151" on="0"/>
+        <pt x="846" y="1094" on="0"/>
+        <pt x="874" y="1065" on="1"/>
+        <pt x="903" y="1038" on="1"/>
+        <pt x="784" y="924" on="1"/>
+        <pt x="735" y="987" on="0"/>
+        <pt x="639" y="987" on="1"/>
+        <pt x="481" y="987" on="0"/>
+        <pt x="346" y="705" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="s" xMin="92" yMin="-25" xMax="924" yMax="1151">
+      <contour>
+        <pt x="92" y="205" on="1"/>
+        <pt x="211" y="301" on="1"/>
+        <pt x="256" y="219" on="0"/>
+        <pt x="436" y="121" on="0"/>
+        <pt x="537" y="119" on="1"/>
+        <pt x="629" y="119" on="0"/>
+        <pt x="760" y="217" on="0"/>
+        <pt x="760" y="309" on="1"/>
+        <pt x="760" y="364" on="0"/>
+        <pt x="674" y="446" on="0"/>
+        <pt x="586" y="481" on="0"/>
+        <pt x="426" y="530" on="0"/>
+        <pt x="328" y="569" on="0"/>
+        <pt x="213" y="643" on="0"/>
+        <pt x="158" y="754" on="0"/>
+        <pt x="158" y="829" on="1"/>
+        <pt x="158" y="907" on="0"/>
+        <pt x="211" y="1028" on="0"/>
+        <pt x="289" y="1096" on="0"/>
+        <pt x="391" y="1139" on="0"/>
+        <pt x="471" y="1151" on="0"/>
+        <pt x="510" y="1151" on="1"/>
+        <pt x="733" y="1151" on="0"/>
+        <pt x="864" y="1020" on="1"/>
+        <pt x="754" y="913" on="1"/>
+        <pt x="666" y="1007" on="0"/>
+        <pt x="510" y="1008" on="1"/>
+        <pt x="471" y="1008" on="0"/>
+        <pt x="395" y="985" on="0"/>
+        <pt x="322" y="899" on="0"/>
+        <pt x="322" y="829" on="1"/>
+        <pt x="322" y="794" on="0"/>
+        <pt x="356" y="743" on="0"/>
+        <pt x="436" y="702" on="0"/>
+        <pt x="496" y="680" on="0"/>
+        <pt x="555" y="662" on="1"/>
+        <pt x="629" y="639" on="0"/>
+        <pt x="702" y="614" on="0"/>
+        <pt x="819" y="553" on="0"/>
+        <pt x="877" y="489" on="0"/>
+        <pt x="924" y="379" on="0"/>
+        <pt x="924" y="309" on="1"/>
+        <pt x="924" y="147" on="0"/>
+        <pt x="694" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="401" y="-25" on="0"/>
+        <pt x="162" y="94" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="semicolon" xMin="143" yMin="-287" xMax="383" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="258" y="213" on="1"/>
+        <pt x="319" y="213" on="0"/>
+        <pt x="383" y="113" on="0"/>
+        <pt x="383" y="45" on="1"/>
+        <pt x="381" y="-102" on="0"/>
+        <pt x="231" y="-287" on="1"/>
+        <pt x="145" y="-258" on="1"/>
+        <pt x="247" y="-131" on="0"/>
+        <pt x="266" y="-14" on="1"/>
+        <pt x="211" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="seven" xMin="10" yMin="-440" xMax="997" yMax="1157">
+      <contour>
+        <pt x="10" y="-328" on="1"/>
+        <pt x="96" y="-275" on="0"/>
+        <pt x="602" y="614" on="0"/>
+        <pt x="786" y="993" on="1"/>
+        <pt x="90" y="993" on="1"/>
+        <pt x="90" y="1157" on="1"/>
+        <pt x="997" y="1157" on="1"/>
+        <pt x="997" y="1036" on="1"/>
+        <pt x="802" y="626" on="0"/>
+        <pt x="236" y="-391" on="0"/>
+        <pt x="125" y="-440" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="six" xMin="131" yMin="-14" xMax="1147" yMax="1608">
+      <contour>
+        <pt x="131" y="727" on="1"/>
+        <pt x="131" y="1087" on="0"/>
+        <pt x="471" y="1608" on="0"/>
+        <pt x="725" y="1608" on="1"/>
+        <pt x="913" y="1608" on="0"/>
+        <pt x="1081" y="1473" on="1"/>
+        <pt x="971" y="1366" on="1"/>
+        <pt x="871" y="1450" on="0"/>
+        <pt x="731" y="1450" on="1"/>
+        <pt x="616" y="1450" on="0"/>
+        <pt x="442" y="1298" on="0"/>
+        <pt x="348" y="1059" on="0"/>
+        <pt x="299" y="817" on="0"/>
+        <pt x="297" y="702" on="1"/>
+        <pt x="473" y="970" on="0"/>
+        <pt x="711" y="971" on="1"/>
+        <pt x="904" y="971" on="0"/>
+        <pt x="1147" y="748" on="0"/>
+        <pt x="1147" y="506" on="1"/>
+        <pt x="1147" y="426" on="0"/>
+        <pt x="1096" y="258" on="0"/>
+        <pt x="991" y="92" on="0"/>
+        <pt x="793" y="-14" on="0"/>
+        <pt x="662" y="-14" on="1"/>
+        <pt x="408" y="-14" on="0"/>
+        <pt x="131" y="369" on="0"/>
+      </contour>
+      <contour>
+        <pt x="319" y="481" on="1"/>
+        <pt x="354" y="313" on="0"/>
+        <pt x="530" y="137" on="0"/>
+        <pt x="662" y="137" on="1"/>
+        <pt x="773" y="137" on="0"/>
+        <pt x="922" y="270" on="0"/>
+        <pt x="975" y="428" on="0"/>
+        <pt x="975" y="506" on="1"/>
+        <pt x="975" y="670" on="0"/>
+        <pt x="827" y="819" on="0"/>
+        <pt x="711" y="819" on="1"/>
+        <pt x="481" y="819" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="slash" xMin="41" yMin="-532" xMax="844" yMax="1577">
+      <contour>
+        <pt x="41" y="-532" on="1"/>
+        <pt x="674" y="1577" on="1"/>
+        <pt x="844" y="1577" on="1"/>
+        <pt x="211" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="t" xMin="92" yMin="-25" xMax="788" yMax="1434">
+      <contour>
+        <pt x="92" y="983" on="1"/>
+        <pt x="92" y="1126" on="1"/>
+        <pt x="236" y="1126" on="1"/>
+        <pt x="236" y="1434" on="1"/>
+        <pt x="408" y="1434" on="1"/>
+        <pt x="408" y="1126" on="1"/>
+        <pt x="678" y="1126" on="1"/>
+        <pt x="678" y="983" on="1"/>
+        <pt x="408" y="983" on="1"/>
+        <pt x="408" y="328" on="1"/>
+        <pt x="408" y="287" on="0"/>
+        <pt x="412" y="236" on="0"/>
+        <pt x="430" y="158" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="514" y="119" on="1"/>
+        <pt x="610" y="119" on="0"/>
+        <pt x="692" y="197" on="1"/>
+        <pt x="788" y="104" on="1"/>
+        <pt x="653" y="-25" on="0"/>
+        <pt x="469" y="-25" on="1"/>
+        <pt x="236" y="-25" on="0"/>
+        <pt x="236" y="328" on="1"/>
+        <pt x="236" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="three" xMin="82" yMin="-440" xMax="1022" yMax="1182">
+      <contour>
+        <pt x="82" y="-313" on="1"/>
+        <pt x="190" y="-207" on="1"/>
+        <pt x="200" y="-215" on="0"/>
+        <pt x="236" y="-240" on="0"/>
+        <pt x="360" y="-276" on="0"/>
+        <pt x="428" y="-274" on="1"/>
+        <pt x="520" y="-274" on="0"/>
+        <pt x="705" y="-188" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="848" y="166" on="1"/>
+        <pt x="848" y="264" on="0"/>
+        <pt x="700" y="414" on="0"/>
+        <pt x="600" y="414" on="1"/>
+        <pt x="559" y="414" on="0"/>
+        <pt x="469" y="401" on="0"/>
+        <pt x="399" y="387" on="0"/>
+        <pt x="344" y="371" on="0"/>
+        <pt x="328" y="365" on="1"/>
+        <pt x="311" y="360" on="1"/>
+        <pt x="311" y="504" on="1"/>
+        <pt x="477" y="572" on="0"/>
+        <pt x="670" y="733" on="0"/>
+        <pt x="670" y="850" on="1"/>
+        <pt x="670" y="924" on="0"/>
+        <pt x="565" y="1016" on="0"/>
+        <pt x="492" y="1016" on="1"/>
+        <pt x="439" y="1016" on="0"/>
+        <pt x="346" y="987" on="0"/>
+        <pt x="287" y="944" on="0"/>
+        <pt x="244" y="901" on="0"/>
+        <pt x="233" y="887" on="1"/>
+        <pt x="225" y="872" on="1"/>
+        <pt x="129" y="967" on="1"/>
+        <pt x="133" y="975" on="0"/>
+        <pt x="152" y="1004" on="0"/>
+        <pt x="215" y="1079" on="0"/>
+        <pt x="291" y="1135" on="0"/>
+        <pt x="420" y="1182" on="0"/>
+        <pt x="489" y="1182" on="1"/>
+        <pt x="634" y="1182" on="0"/>
+        <pt x="838" y="995" on="0"/>
+        <pt x="838" y="850" on="1"/>
+        <pt x="838" y="692" on="0"/>
+        <pt x="655" y="557" on="1"/>
+        <pt x="807" y="539" on="0"/>
+        <pt x="1018" y="322" on="0"/>
+        <pt x="1022" y="166" on="1"/>
+        <pt x="1022" y="19" on="0"/>
+        <pt x="907" y="-223" on="0"/>
+        <pt x="725" y="-365" on="0"/>
+        <pt x="524" y="-440" on="0"/>
+        <pt x="428" y="-440" on="1"/>
+        <pt x="340" y="-440" on="0"/>
+        <pt x="166" y="-377" on="0"/>
+        <pt x="123" y="-344" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="two" xMin="102" yMin="0" xMax="1014" yMax="1182">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="131" on="1"/>
+        <pt x="173" y="180" on="1"/>
+        <pt x="217" y="211" on="0"/>
+        <pt x="440" y="389" on="0"/>
+        <pt x="610" y="549" on="0"/>
+        <pt x="752" y="741" on="0"/>
+        <pt x="752" y="807" on="1"/>
+        <pt x="752" y="916" on="0"/>
+        <pt x="639" y="1020" on="0"/>
+        <pt x="543" y="1018" on="1"/>
+        <pt x="490" y="1018" on="0"/>
+        <pt x="387" y="979" on="0"/>
+        <pt x="319" y="926" on="0"/>
+        <pt x="268" y="870" on="0"/>
+        <pt x="256" y="852" on="1"/>
+        <pt x="244" y="834" on="1"/>
+        <pt x="140" y="932" on="0"/>
+        <pt x="139" y="934" on="1"/>
+        <pt x="182" y="1012" on="0"/>
+        <pt x="406" y="1180" on="0"/>
+        <pt x="545" y="1182" on="1"/>
+        <pt x="725" y="1182" on="0"/>
+        <pt x="926" y="997" on="0"/>
+        <pt x="926" y="819" on="1"/>
+        <pt x="926" y="680" on="0"/>
+        <pt x="596" y="311" on="0"/>
+        <pt x="385" y="150" on="1"/>
+        <pt x="1012" y="150" on="1"/>
+        <pt x="1014" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="u" xMin="164" yMin="-25" xMax="1087" yMax="1126">
+      <contour>
+        <pt x="164" y="326" on="1"/>
+        <pt x="164" y="1126" on="1"/>
+        <pt x="336" y="1126" on="1"/>
+        <pt x="336" y="326" on="1"/>
+        <pt x="336" y="148" on="0"/>
+        <pt x="424" y="147" on="1"/>
+        <pt x="657" y="147" on="0"/>
+        <pt x="915" y="416" on="1"/>
+        <pt x="915" y="1126" on="1"/>
+        <pt x="1087" y="1126" on="1"/>
+        <pt x="1087" y="0" on="1"/>
+        <pt x="915" y="0" on="1"/>
+        <pt x="915" y="236" on="1"/>
+        <pt x="643" y="-24" on="0"/>
+        <pt x="424" y="-25" on="1"/>
+        <pt x="164" y="-24" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="underscore" xMin="113" yMin="-131" xMax="1241" yMax="0">
+      <contour>
+        <pt x="113" y="0" on="1"/>
+        <pt x="1241" y="0" on="1"/>
+        <pt x="1241" y="-131" on="1"/>
+        <pt x="113" y="-131" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2011" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1125" yMax="1125">
+      <contour>
+        <pt x="0" y="1125" on="1"/>
+        <pt x="1125" y="1125" on="1"/>
+        <pt x="1125" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="v" xMin="72" yMin="0" xMax="1073" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="270" y="1126" on="1"/>
+        <pt x="563" y="256" on="1"/>
+        <pt x="569" y="217" on="1"/>
+        <pt x="573" y="236" on="1"/>
+        <pt x="575" y="254" on="0"/>
+        <pt x="575" y="256" on="1"/>
+        <pt x="821" y="1069" on="0"/>
+        <pt x="887" y="1126" on="1"/>
+        <pt x="1073" y="1126" on="1"/>
+        <pt x="1038" y="1083" on="0"/>
+        <pt x="827" y="520" on="0"/>
+        <pt x="739" y="260" on="1"/>
+        <pt x="651" y="0" on="1"/>
+        <pt x="502" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="w" xMin="72" yMin="0" xMax="1561" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="258" y="1126" on="1"/>
+        <pt x="481" y="287" on="1"/>
+        <pt x="487" y="244" on="1"/>
+        <pt x="494" y="287" on="1"/>
+        <pt x="733" y="1126" on="1"/>
+        <pt x="881" y="1126" on="1"/>
+        <pt x="1120" y="287" on="1"/>
+        <pt x="1128" y="244" on="1"/>
+        <pt x="1135" y="287" on="1"/>
+        <pt x="1352" y="1104" on="0"/>
+        <pt x="1393" y="1126" on="1"/>
+        <pt x="1561" y="1126" on="1"/>
+        <pt x="1536" y="1101" on="0"/>
+        <pt x="1358" y="539" on="0"/>
+        <pt x="1282" y="270" on="1"/>
+        <pt x="1204" y="0" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="807" y="868" on="1"/>
+        <pt x="559" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="x" xMin="82" yMin="0" xMax="1135" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="111" y="12" on="0"/>
+        <pt x="428" y="440" on="0"/>
+        <pt x="520" y="575" on="1"/>
+        <pt x="123" y="1126" on="1"/>
+        <pt x="340" y="1126" on="1"/>
+        <pt x="618" y="719" on="1"/>
+        <pt x="884" y="1114" on="0"/>
+        <pt x="922" y="1126" on="1"/>
+        <pt x="1135" y="1126" on="1"/>
+        <pt x="1086" y="1103" on="0"/>
+        <pt x="715" y="578" on="1"/>
+        <pt x="1124" y="0" on="1"/>
+        <pt x="907" y="0" on="1"/>
+        <pt x="616" y="434" on="1"/>
+        <pt x="321" y="8" on="0"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="y" xMin="59" yMin="-563" xMax="1137" yMax="1126">
+      <contour>
+        <pt x="59" y="-414" on="1"/>
+        <pt x="196" y="-406" on="0"/>
+        <pt x="276" y="-326" on="1"/>
+        <pt x="315" y="-287" on="0"/>
+        <pt x="385" y="-168" on="0"/>
+        <pt x="440" y="-35" on="1"/>
+        <pt x="496" y="102" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="285" y="1126" on="1"/>
+        <pt x="590" y="336" on="1"/>
+        <pt x="897" y="1090" on="0"/>
+        <pt x="942" y="1126" on="1"/>
+        <pt x="1137" y="1126" on="1"/>
+        <pt x="1092" y="1083" on="0"/>
+        <pt x="922" y="705" on="0"/>
+        <pt x="602" y="-80" on="1"/>
+        <pt x="547" y="-211" on="1"/>
+        <pt x="527" y="-258" on="0"/>
+        <pt x="442" y="-391" on="0"/>
+        <pt x="393" y="-438" on="1"/>
+        <pt x="274" y="-553" on="0"/>
+        <pt x="102" y="-563" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="z" xMin="102" yMin="0" xMax="979" yMax="1126">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="145" on="1"/>
+        <pt x="737" y="983" on="1"/>
+        <pt x="102" y="983" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="944" y="1126" on="1"/>
+        <pt x="944" y="983" on="1"/>
+        <pt x="309" y="145" on="1"/>
+        <pt x="834" y="145" on="1"/>
+        <pt x="947" y="145" on="0"/>
+        <pt x="979" y="180" on="1"/>
+        <pt x="979" y="35" on="1"/>
+        <pt x="967" y="21" on="0"/>
+        <pt x="893" y="4" on="0"/>
+        <pt x="862" y="2" on="1"/>
+        <pt x="831" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="zero" xMin="123" yMin="-23" xMax="1130" yMax="1182">
+      <contour>
+        <pt x="123" y="414" on="0"/>
+        <pt x="123" y="745" on="0"/>
+        <pt x="211" y="989" on="0"/>
+        <pt x="360" y="1120" on="0"/>
+        <pt x="530" y="1182" on="0"/>
+        <pt x="723" y="1182" on="0"/>
+        <pt x="893" y="1120" on="0"/>
+        <pt x="1042" y="989" on="0"/>
+        <pt x="1130" y="745" on="0"/>
+        <pt x="1130" y="414" on="0"/>
+        <pt x="1042" y="170" on="0"/>
+        <pt x="893" y="39" on="0"/>
+        <pt x="723" y="-23" on="0"/>
+        <pt x="530" y="-23" on="0"/>
+        <pt x="360" y="39" on="0"/>
+        <pt x="211" y="170" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="817" on="0"/>
+        <pt x="295" y="342" on="0"/>
+        <pt x="487" y="129" on="0"/>
+        <pt x="766" y="129" on="0"/>
+        <pt x="958" y="342" on="0"/>
+        <pt x="958" y="817" on="0"/>
+        <pt x="766" y="1030" on="0"/>
+        <pt x="487" y="1030" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultscript" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+      </contour>
+      <contour>
+        <pt x="896" y="161" on="1"/>
+        <pt x="896" y="351" on="1"/>
+        <pt x="896" y="365" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="865" y="384" on="1"/>
+        <pt x="673" y="384" on="1"/>
+        <pt x="660" y="384" on="0"/>
+        <pt x="640" y="364" on="0"/>
+        <pt x="640" y="351" on="1"/>
+        <pt x="640" y="161" on="1"/>
+        <pt x="640" y="148" on="0"/>
+        <pt x="660" y="128" on="0"/>
+        <pt x="673" y="128" on="1"/>
+        <pt x="865" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="894" y="505" on="1"/>
+        <pt x="912" y="1126" on="1"/>
+        <pt x="912" y="1138" on="0"/>
+        <pt x="902" y="1144" on="1"/>
+        <pt x="892" y="1152" on="0"/>
+        <pt x="878" y="1152" on="1"/>
+        <pt x="658" y="1152" on="1"/>
+        <pt x="644" y="1152" on="0"/>
+        <pt x="634" y="1144" on="1"/>
+        <pt x="624" y="1138" on="0"/>
+        <pt x="624" y="1126" on="1"/>
+        <pt x="641" y="505" on="1"/>
+        <pt x="641" y="495" on="0"/>
+        <pt x="661" y="480" on="0"/>
+        <pt x="675" y="480" on="1"/>
+        <pt x="860" y="480" on="1"/>
+        <pt x="874" y="480" on="0"/>
+        <pt x="893" y="495" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="latinscript" xMin="16" yMin="-128" xMax="1776" yMax="1536">
+      <contour>
+        <pt x="1024" y="161" on="1"/>
+        <pt x="1024" y="351" on="1"/>
+        <pt x="1024" y="365" on="0"/>
+        <pt x="1005" y="384" on="0"/>
+        <pt x="992" y="384" on="1"/>
+        <pt x="800" y="384" on="1"/>
+        <pt x="787" y="384" on="0"/>
+        <pt x="768" y="365" on="0"/>
+        <pt x="768" y="351" on="1"/>
+        <pt x="768" y="161" on="1"/>
+        <pt x="768" y="147" on="0"/>
+        <pt x="787" y="128" on="0"/>
+        <pt x="800" y="128" on="1"/>
+        <pt x="992" y="128" on="1"/>
+        <pt x="1005" y="128" on="0"/>
+        <pt x="1024" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1022" y="535" on="1"/>
+        <pt x="1040" y="994" on="1"/>
+        <pt x="1040" y="1006" on="0"/>
+        <pt x="1030" y="1013" on="1"/>
+        <pt x="1017" y="1024" on="0"/>
+        <pt x="1006" y="1024" on="1"/>
+        <pt x="786" y="1024" on="1"/>
+        <pt x="775" y="1024" on="0"/>
+        <pt x="762" y="1013" on="1"/>
+        <pt x="752" y="1006" on="0"/>
+        <pt x="752" y="992" on="1"/>
+        <pt x="769" y="535" on="1"/>
+        <pt x="769" y="525" on="0"/>
+        <pt x="789" y="512" on="0"/>
+        <pt x="803" y="512" on="1"/>
+        <pt x="988" y="512" on="1"/>
+        <pt x="1002" y="512" on="0"/>
+        <pt x="1021" y="525" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1008" y="1469" on="1"/>
+        <pt x="1776" y="61" on="1"/>
+        <pt x="1811" y="-2" on="0"/>
+        <pt x="1774" y="-65" on="1"/>
+        <pt x="1757" y="-94" on="0"/>
+        <pt x="1698" y="-128" on="0"/>
+        <pt x="1664" y="-128" on="1"/>
+        <pt x="128" y="-128" on="1"/>
+        <pt x="94" y="-128" on="0"/>
+        <pt x="35" y="-94" on="0"/>
+        <pt x="18" y="-65" on="1"/>
+        <pt x="-19" y="-2" on="0"/>
+        <pt x="16" y="61" on="1"/>
+        <pt x="784" y="1469" on="1"/>
+        <pt x="801" y="1500" on="0"/>
+        <pt x="861" y="1536" on="0"/>
+        <pt x="931" y="1536" on="0"/>
+        <pt x="991" y="1500" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1097" y="457" on="1"/>
+        <pt x="951" y="311" on="1"/>
+        <pt x="941" y="301" on="0"/>
+        <pt x="915" y="301" on="0"/>
+        <pt x="905" y="311" on="1"/>
+        <pt x="768" y="448" on="1"/>
+        <pt x="631" y="311" on="1"/>
+        <pt x="621" y="301" on="0"/>
+        <pt x="595" y="301" on="0"/>
+        <pt x="585" y="311" on="1"/>
+        <pt x="439" y="457" on="1"/>
+        <pt x="429" y="467" on="0"/>
+        <pt x="429" y="493" on="0"/>
+        <pt x="439" y="503" on="1"/>
+        <pt x="576" y="640" on="1"/>
+        <pt x="439" y="777" on="1"/>
+        <pt x="429" y="787" on="0"/>
+        <pt x="429" y="813" on="0"/>
+        <pt x="439" y="823" on="1"/>
+        <pt x="585" y="969" on="1"/>
+        <pt x="595" y="979" on="0"/>
+        <pt x="621" y="979" on="0"/>
+        <pt x="631" y="969" on="1"/>
+        <pt x="768" y="832" on="1"/>
+        <pt x="905" y="969" on="1"/>
+        <pt x="915" y="979" on="0"/>
+        <pt x="941" y="979" on="0"/>
+        <pt x="951" y="969" on="1"/>
+        <pt x="1097" y="823" on="1"/>
+        <pt x="1107" y="813" on="0"/>
+        <pt x="1107" y="787" on="0"/>
+        <pt x="1097" y="777" on="1"/>
+        <pt x="960" y="640" on="1"/>
+        <pt x="1097" y="503" on="1"/>
+        <pt x="1107" y="493" on="0"/>
+        <pt x="1107" y="467" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1312" y="492" on="0"/>
+        <pt x="1312" y="788" on="0"/>
+        <pt x="1166" y="1038" on="0"/>
+        <pt x="916" y="1184" on="0"/>
+        <pt x="620" y="1184" on="0"/>
+        <pt x="370" y="1038" on="0"/>
+        <pt x="224" y="788" on="0"/>
+        <pt x="224" y="492" on="0"/>
+        <pt x="370" y="242" on="0"/>
+        <pt x="620" y="96" on="0"/>
+        <pt x="916" y="96" on="0"/>
+        <pt x="1166" y="242" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="frenchlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1149" y="414" on="1"/>
+        <pt x="1149" y="440" on="0"/>
+        <pt x="1130" y="459" on="1"/>
+        <pt x="949" y="640" on="1"/>
+        <pt x="1130" y="821" on="1"/>
+        <pt x="1149" y="840" on="0"/>
+        <pt x="1149" y="866" on="1"/>
+        <pt x="1149" y="893" on="0"/>
+        <pt x="1130" y="912" on="1"/>
+        <pt x="1040" y="1002" on="1"/>
+        <pt x="1021" y="1021" on="0"/>
+        <pt x="994" y="1021" on="1"/>
+        <pt x="968" y="1021" on="0"/>
+        <pt x="949" y="1002" on="1"/>
+        <pt x="768" y="821" on="1"/>
+        <pt x="587" y="1002" on="1"/>
+        <pt x="568" y="1021" on="0"/>
+        <pt x="542" y="1021" on="1"/>
+        <pt x="515" y="1021" on="0"/>
+        <pt x="496" y="1002" on="1"/>
+        <pt x="406" y="912" on="1"/>
+        <pt x="387" y="893" on="0"/>
+        <pt x="387" y="866" on="1"/>
+        <pt x="387" y="840" on="0"/>
+        <pt x="406" y="821" on="1"/>
+        <pt x="587" y="640" on="1"/>
+        <pt x="406" y="459" on="1"/>
+        <pt x="387" y="440" on="0"/>
+        <pt x="387" y="414" on="1"/>
+        <pt x="387" y="387" on="0"/>
+        <pt x="406" y="368" on="1"/>
+        <pt x="496" y="278" on="1"/>
+        <pt x="515" y="259" on="0"/>
+        <pt x="542" y="259" on="1"/>
+        <pt x="568" y="259" on="0"/>
+        <pt x="587" y="278" on="1"/>
+        <pt x="768" y="459" on="1"/>
+        <pt x="949" y="278" on="1"/>
+        <pt x="968" y="259" on="0"/>
+        <pt x="994" y="259" on="1"/>
+        <pt x="1021" y="259" on="0"/>
+        <pt x="1040" y="278" on="1"/>
+        <pt x="1130" y="368" on="1"/>
+        <pt x="1149" y="387" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1216" y="576" on="1"/>
+        <pt x="1216" y="704" on="1"/>
+        <pt x="1216" y="730" on="0"/>
+        <pt x="1178" y="768" on="0"/>
+        <pt x="1152" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="358" y="768" on="0"/>
+        <pt x="320" y="730" on="0"/>
+        <pt x="320" y="704" on="1"/>
+        <pt x="320" y="576" on="1"/>
+        <pt x="320" y="550" on="0"/>
+        <pt x="358" y="512" on="0"/>
+        <pt x="384" y="512" on="1"/>
+        <pt x="1152" y="512" on="1"/>
+        <pt x="1178" y="512" on="0"/>
+        <pt x="1216" y="550" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nondefaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="896" y="160" on="1"/>
+        <pt x="896" y="352" on="1"/>
+        <pt x="896" y="366" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="864" y="384" on="1"/>
+        <pt x="672" y="384" on="1"/>
+        <pt x="658" y="384" on="0"/>
+        <pt x="640" y="366" on="0"/>
+        <pt x="640" y="352" on="1"/>
+        <pt x="640" y="160" on="1"/>
+        <pt x="640" y="146" on="0"/>
+        <pt x="658" y="128" on="0"/>
+        <pt x="672" y="128" on="1"/>
+        <pt x="864" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="146" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1152" y="832" on="1"/>
+        <pt x="1152" y="920" on="0"/>
+        <pt x="1041" y="1070" on="0"/>
+        <pt x="875" y="1152" on="0"/>
+        <pt x="788" y="1152" on="1"/>
+        <pt x="545" y="1152" on="0"/>
+        <pt x="417" y="939" on="1"/>
+        <pt x="402" y="915" on="0"/>
+        <pt x="425" y="897" on="1"/>
+        <pt x="557" y="797" on="1"/>
+        <pt x="564" y="791" on="0"/>
+        <pt x="576" y="791" on="1"/>
+        <pt x="592" y="791" on="0"/>
+        <pt x="601" y="803" on="1"/>
+        <pt x="654" y="871" on="0"/>
+        <pt x="687" y="895" on="1"/>
+        <pt x="721" y="919" on="0"/>
+        <pt x="773" y="919" on="1"/>
+        <pt x="821" y="919" on="0"/>
+        <pt x="896" y="867" on="0"/>
+        <pt x="896" y="834" on="1"/>
+        <pt x="896" y="796" on="0"/>
+        <pt x="856" y="750" on="0"/>
+        <pt x="808" y="728" on="1"/>
+        <pt x="745" y="700" on="0"/>
+        <pt x="640" y="583" on="0"/>
+        <pt x="640" y="516" on="1"/>
+        <pt x="640" y="480" on="1"/>
+        <pt x="640" y="466" on="0"/>
+        <pt x="658" y="448" on="0"/>
+        <pt x="672" y="448" on="1"/>
+        <pt x="864" y="448" on="1"/>
+        <pt x="878" y="448" on="0"/>
+        <pt x="896" y="466" on="0"/>
+        <pt x="896" y="480" on="1"/>
+        <pt x="896" y="499" on="0"/>
+        <pt x="939" y="560" on="0"/>
+        <pt x="972" y="579" on="1"/>
+        <pt x="1004" y="597" on="0"/>
+        <pt x="1038" y="618" on="0"/>
+        <pt x="1096" y="667" on="0"/>
+        <pt x="1127" y="714" on="0"/>
+        <pt x="1152" y="788" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="good" xMin="0" yMin="-128" xMax="1536" yMax="1536">
+      <contour>
+        <pt x="256" y="166" on="0"/>
+        <pt x="256" y="218" on="0"/>
+        <pt x="218" y="256" on="0"/>
+        <pt x="166" y="256" on="0"/>
+        <pt x="128" y="218" on="0"/>
+        <pt x="128" y="166" on="0"/>
+        <pt x="166" y="128" on="0"/>
+        <pt x="218" y="128" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1408" y="768" on="1"/>
+        <pt x="1408" y="819" on="0"/>
+        <pt x="1330" y="896" on="0"/>
+        <pt x="1280" y="896" on="1"/>
+        <pt x="928" y="896" on="1"/>
+        <pt x="928" y="954" on="0"/>
+        <pt x="1024" y="1157" on="0"/>
+        <pt x="1024" y="1216" on="1"/>
+        <pt x="1024" y="1314" on="0"/>
+        <pt x="960" y="1408" on="0"/>
+        <pt x="864" y="1408" on="1"/>
+        <pt x="838" y="1382" on="0"/>
+        <pt x="814" y="1264" on="0"/>
+        <pt x="777" y="1131" on="0"/>
+        <pt x="736" y="1088" on="1"/>
+        <pt x="714" y="1065" on="0"/>
+        <pt x="659" y="997" on="1"/>
+        <pt x="655" y="992" on="0"/>
+        <pt x="617" y="942" on="0"/>
+        <pt x="592" y="910" on="0"/>
+        <pt x="548" y="857" on="0"/>
+        <pt x="512" y="822" on="0"/>
+        <pt x="471" y="786" on="0"/>
+        <pt x="432" y="768" on="0"/>
+        <pt x="416" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="384" y="128" on="1"/>
+        <pt x="416" y="128" on="1"/>
+        <pt x="429" y="128" on="0"/>
+        <pt x="466" y="122" on="0"/>
+        <pt x="495" y="115" on="0"/>
+        <pt x="542" y="100" on="0"/>
+        <pt x="565" y="92" on="0"/>
+        <pt x="613" y="75" on="0"/>
+        <pt x="618" y="73" on="1"/>
+        <pt x="829" y="0" on="0"/>
+        <pt x="960" y="0" on="1"/>
+        <pt x="1081" y="0" on="1"/>
+        <pt x="1273" y="0" on="0"/>
+        <pt x="1273" y="167" on="1"/>
+        <pt x="1273" y="193" on="0"/>
+        <pt x="1268" y="223" on="1"/>
+        <pt x="1298" y="239" on="0"/>
+        <pt x="1333" y="312" on="0"/>
+        <pt x="1333" y="386" on="0"/>
+        <pt x="1315" y="418" on="1"/>
+        <pt x="1368" y="468" on="0"/>
+        <pt x="1368" y="537" on="1"/>
+        <pt x="1368" y="562" on="0"/>
+        <pt x="1348" y="623" on="0"/>
+        <pt x="1333" y="640" on="1"/>
+        <pt x="1365" y="641" on="0"/>
+        <pt x="1408" y="733" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="769" on="1"/>
+        <pt x="1536" y="680" on="0"/>
+        <pt x="1487" y="606" on="1"/>
+        <pt x="1496" y="573" on="0"/>
+        <pt x="1496" y="537" on="1"/>
+        <pt x="1496" y="460" on="0"/>
+        <pt x="1458" y="393" on="1"/>
+        <pt x="1461" y="372" on="0"/>
+        <pt x="1461" y="350" on="1"/>
+        <pt x="1461" y="249" on="0"/>
+        <pt x="1401" y="172" on="1"/>
+        <pt x="1402" y="33" on="0"/>
+        <pt x="1230" y="-128" on="0"/>
+        <pt x="1089" y="-128" on="1"/>
+        <pt x="1053" y="-128" on="1"/>
+        <pt x="960" y="-128" on="1"/>
+        <pt x="864" y="-128" on="0"/>
+        <pt x="677" y="-83" on="0"/>
+        <pt x="554" y="-40" on="1"/>
+        <pt x="438" y="0" on="0"/>
+        <pt x="416" y="0" on="1"/>
+        <pt x="128" y="0" on="1"/>
+        <pt x="75" y="0" on="0"/>
+        <pt x="0" y="75" on="0"/>
+        <pt x="0" y="128" on="1"/>
+        <pt x="0" y="768" on="1"/>
+        <pt x="0" y="821" on="0"/>
+        <pt x="75" y="896" on="0"/>
+        <pt x="128" y="896" on="1"/>
+        <pt x="402" y="896" on="1"/>
+        <pt x="438" y="920" on="0"/>
+        <pt x="539" y="1051" on="1"/>
+        <pt x="597" y="1126" on="0"/>
+        <pt x="646" y="1179" on="1"/>
+        <pt x="670" y="1204" on="0"/>
+        <pt x="693" y="1325" on="0"/>
+        <pt x="731" y="1457" on="0"/>
+        <pt x="774" y="1499" on="1"/>
+        <pt x="813" y="1536" on="0"/>
+        <pt x="864" y="1536" on="1"/>
+        <pt x="948" y="1536" on="0"/>
+        <pt x="1082" y="1471" on="0"/>
+        <pt x="1152" y="1333" on="0"/>
+        <pt x="1152" y="1216" on="1"/>
+        <pt x="1152" y="1123" on="0"/>
+        <pt x="1104" y="1024" on="1"/>
+        <pt x="1280" y="1024" on="1"/>
+        <pt x="1384" y="1024" on="0"/>
+        <pt x="1536" y="872" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+  </glyf>
+
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="uniE000"/>
+
+      <psName name="defaultscript"/>
+      <psName name="latinscript"/>
+      <psName name="defaultlang"/>
+      <psName name="frenchlang"/>
+      <psName name="defaultfeature"/>
+      <psName name="nondefaultfeature"/>
+      <psName name="good"/>
+
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="4" rangeGaspBehavior="2"/>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="3"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c7feb0df 00000000
+      c5b5ab33 00000000 c938ca96 
+    </hexdata>
+  </FFTM>
+
+
+  <GPOS>
+    <Version value="1.0"/>
+    <ScriptList>
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <FeatureRecord index="0">
+        <FeatureTag value="kern"/>
+        <Feature>
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <Lookup index="0">
+        <LookupType value="2"/>
+        <LookupFlag value="0"/>
+        <PairPos index="0" Format="1">
+          <Coverage Format="1">
+            <Glyph value="space"/>
+            <Glyph value="defaultscript"/>
+            <Glyph value="defaultlang"/>
+            <Glyph value="defaultfeature"/>
+          </Coverage>
+          <ValueFormat1 value="4"/>
+          <ValueFormat2 value="0"/>
+
+          <!-- space -->
+          <PairSet index="0">
+            <PairValueRecord index="0">
+              <SecondGlyph value="latinscript"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="1">
+              <SecondGlyph value="frenchlang"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="2">
+              <SecondGlyph value="nondefaultfeature"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultscript -->
+          <PairSet index="1">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultlang -->
+          <PairSet index="2">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultfeature -->
+          <PairSet index="3">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+        </PairPos>
+      </Lookup>
+    </LookupList>
+  </GPOS>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      This Font Software is licensed under the SIL Open Font License, Version 1.1.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangdeffeat
+    </namerecord>
+    <namerecord nameID="10" platformID="3" platEncID="1" langID="0x409">
+      Testing font assembled from Junction with the inclusion of icon glyphs from Font Awesome by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      http://scripts.sil.org/OFL_web
+    </namerecord>
+  </name>
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+      <ScriptRecord index="1">
+        <ScriptTag value="latn"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="5"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="1">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="1"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="2">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="2"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="3">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="3"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="4">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="4"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="5">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="5"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="6">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="6"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="7">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="7"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="8">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="8"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="n">
+            <Ligature components="o,n,hyphen,d,e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="nondefaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="d">
+            <Ligature components="e,f,a,u,l,t,hyphen,s,c,r,i,p,t" glyph="defaultscript"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,l,a,n,g" glyph="defaultlang"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="defaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="f">
+            <Ligature components="r,a,hyphen,l,a,n,g" glyph="frenchlang"/>
+          </LigatureSet>
+          <LigatureSet glyph="l">
+            <Ligature components="a,t,n,hyphen,s,c,r,i,p,t" glyph="latinscript"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+
+<!--
+  default script - default lang - default feature
+  default script - default lang - non-default feature
+  default script - lang - default feature
+  default script - lang - non-default feature
+  script - default lang - default feature
+  script - default lang - non-default feature
+  script - lang - default feature
+  script - lang - non-default feature
+-->
+
+      <Lookup index="1">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="2">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="3">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="4">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="5">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="6">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="7">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="8">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+</ttFont>
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf
new file mode 100644
index 0000000000..e67d925458
Binary files /dev/null and b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf differ
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttx b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttx
new file mode 100644
index 0000000000..cc12170521
--- /dev/null
+++ b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttx
@@ -0,0 +1,4976 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.4">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="uni00AD"/>
+    <GlyphID id="100" name="uni2000"/>
+    <GlyphID id="101" name="uni2001"/>
+    <GlyphID id="102" name="uni2002"/>
+    <GlyphID id="103" name="uni2003"/>
+    <GlyphID id="104" name="uni2004"/>
+    <GlyphID id="105" name="uni2005"/>
+    <GlyphID id="106" name="uni2006"/>
+    <GlyphID id="107" name="uni2007"/>
+    <GlyphID id="108" name="uni2008"/>
+    <GlyphID id="109" name="uni2009"/>
+    <GlyphID id="110" name="uni200A"/>
+    <GlyphID id="111" name="uni2010"/>
+    <GlyphID id="112" name="uni2011"/>
+    <GlyphID id="113" name="figuredash"/>
+    <GlyphID id="114" name="endash"/>
+    <GlyphID id="115" name="emdash"/>
+    <GlyphID id="116" name="quotedblleft"/>
+    <GlyphID id="117" name="quotedblright"/>
+    <GlyphID id="118" name="uni202F"/>
+    <GlyphID id="119" name="uni205F"/>
+    <GlyphID id="120" name="minus"/>
+    <GlyphID id="121" name="uniE000"/>
+
+    <GlyphID id="122" name="defaultscript"/>
+    <GlyphID id="123" name="latinscript"/>
+    <GlyphID id="124" name="defaultlang"/>
+    <GlyphID id="125" name="frenchlang"/>
+    <GlyphID id="126" name="defaultfeature"/>
+    <GlyphID id="127" name="nondefaultfeature"/>
+    <GlyphID id="128" name="good"/>
+
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.00099182129"/>
+    <checkSumAdjustment value="0x126e2e07"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Dec 23 09:44:54 2010"/>
+    <modified value="Thu Dec 23 09:44:54 2010"/>
+    <xMin value="-72"/>
+    <yMin value="-563"/>
+    <xMax value="2073"/>
+    <yMax value="1722"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1536"/>
+    <descent value="-512"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="2195"/>
+    <minLeftSideBearing value="-72"/>
+    <minRightSideBearing value="-62"/>
+    <xMaxExtent value="2073"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="122"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="122"/>
+    <maxPoints value="81"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="335"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="994"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000100"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00000001"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 01000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="57344"/>
+    <sTypoAscender value="1536"/>
+    <sTypoDescender value="-512"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1722"/>
+    <usWinDescent value="563"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1126"/>
+    <sCapHeight value="1577"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="1"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="532" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="1474" lsb="61"/>
+    <mtx name="B" width="1308" lsb="174"/>
+    <mtx name="C" width="1357" lsb="123"/>
+    <mtx name="D" width="1503" lsb="174"/>
+    <mtx name="E" width="1150" lsb="174"/>
+    <mtx name="F" width="1112" lsb="174"/>
+    <mtx name="G" width="1525" lsb="123"/>
+    <mtx name="H" width="1519" lsb="174"/>
+    <mtx name="I" width="528" lsb="174"/>
+    <mtx name="J" width="585" lsb="-20"/>
+    <mtx name="K" width="1265" lsb="174"/>
+    <mtx name="L" width="1202" lsb="174"/>
+    <mtx name="M" width="1742" lsb="174"/>
+    <mtx name="N" width="1482" lsb="174"/>
+    <mtx name="O" width="1554" lsb="123"/>
+    <mtx name="P" width="1265" lsb="174"/>
+    <mtx name="Q" width="1554" lsb="123"/>
+    <mtx name="R" width="1349" lsb="174"/>
+    <mtx name="S" width="1361" lsb="117"/>
+    <mtx name="T" width="1150" lsb="20"/>
+    <mtx name="U" width="1460" lsb="174"/>
+    <mtx name="V" width="1433" lsb="61"/>
+    <mtx name="W" width="2019" lsb="61"/>
+    <mtx name="X" width="1345" lsb="61"/>
+    <mtx name="Y" width="1263" lsb="20"/>
+    <mtx name="Z" width="1257" lsb="104"/>
+    <mtx name="a" width="1155" lsb="123"/>
+    <mtx name="ampersand" width="1802" lsb="123"/>
+    <mtx name="asciicircum" width="1339" lsb="82"/>
+    <mtx name="asciitilde" width="1349" lsb="123"/>
+    <mtx name="asterisk" width="1265" lsb="100"/>
+    <mtx name="at" width="2195" lsb="123"/>
+    <mtx name="b" width="1292" lsb="174"/>
+    <mtx name="backslash" width="905" lsb="51"/>
+    <mtx name="bar" width="503" lsb="174"/>
+    <mtx name="braceleft" width="962" lsb="164"/>
+    <mtx name="braceright" width="962" lsb="143"/>
+    <mtx name="bracketleft" width="735" lsb="174"/>
+    <mtx name="bracketright" width="735" lsb="143"/>
+    <mtx name="c" width="1044" lsb="113"/>
+    <mtx name="colon" width="514" lsb="143"/>
+    <mtx name="comma" width="413" lsb="82"/>
+    <mtx name="d" width="1333" lsb="123"/>
+    <mtx name="dollar" width="1341" lsb="117"/>
+    <mtx name="e" width="1187" lsb="113"/>
+    <mtx name="eight" width="1216" lsb="133"/>
+    <mtx name="emdash" width="1558" lsb="82"/>
+    <mtx name="endash" width="1312" lsb="61"/>
+    <mtx name="equal" width="1394" lsb="133"/>
+    <mtx name="exclam" width="575" lsb="174"/>
+    <mtx name="f" width="825" lsb="61"/>
+    <mtx name="figuredash" width="708" lsb="113"/>
+    <mtx name="five" width="1208" lsb="143"/>
+    <mtx name="four" width="1286" lsb="82"/>
+    <mtx name="g" width="1261" lsb="123"/>
+    <mtx name="grave" width="729" lsb="113"/>
+    <mtx name="greater" width="1433" lsb="143"/>
+    <mtx name="h" width="1241" lsb="174"/>
+    <mtx name="hyphen" width="708" lsb="113"/>
+    <mtx name="i" width="555" lsb="174"/>
+    <mtx name="j" width="452" lsb="-72"/>
+    <mtx name="k" width="1157" lsb="174"/>
+    <mtx name="l" width="573" lsb="174"/>
+    <mtx name="less" width="1433" lsb="154"/>
+    <mtx name="m" width="1882" lsb="174"/>
+    <mtx name="minus" width="1331" lsb="102"/>
+    <mtx name="n" width="1261" lsb="174"/>
+    <mtx name="nine" width="1269" lsb="123"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="numbersign" width="1689" lsb="82"/>
+    <mtx name="o" width="1224" lsb="123"/>
+    <mtx name="one" width="731" lsb="102"/>
+    <mtx name="p" width="1292" lsb="174"/>
+    <mtx name="parenleft" width="692" lsb="123"/>
+    <mtx name="parenright" width="692" lsb="61"/>
+    <mtx name="percent" width="2066" lsb="123"/>
+    <mtx name="period" width="411" lsb="92"/>
+    <mtx name="plus" width="1331" lsb="102"/>
+    <mtx name="q" width="1292" lsb="123"/>
+    <mtx name="question" width="1032" lsb="84"/>
+    <mtx name="quotedbl" width="774" lsb="92"/>
+    <mtx name="quotedblleft" width="774" lsb="92"/>
+    <mtx name="quotedblright" width="774" lsb="92"/>
+    <mtx name="quotesingle" width="423" lsb="92"/>
+    <mtx name="r" width="940" lsb="174"/>
+    <mtx name="s" width="1026" lsb="92"/>
+    <mtx name="semicolon" width="526" lsb="143"/>
+    <mtx name="seven" width="1058" lsb="10"/>
+    <mtx name="six" width="1269" lsb="131"/>
+    <mtx name="slash" width="884" lsb="41"/>
+    <mtx name="space" width="532" lsb="0"/>
+    <mtx name="t" width="819" lsb="92"/>
+    <mtx name="three" width="1142" lsb="82"/>
+    <mtx name="two" width="1126" lsb="102"/>
+    <mtx name="u" width="1261" lsb="164"/>
+    <mtx name="underscore" width="1353" lsb="113"/>
+    <mtx name="uni00A0" width="532" lsb="0"/>
+    <mtx name="uni00AD" width="708" lsb="113"/>
+    <mtx name="uni2000" width="860" lsb="0"/>
+    <mtx name="uni2001" width="1722" lsb="0"/>
+    <mtx name="uni2002" width="860" lsb="0"/>
+    <mtx name="uni2003" width="1722" lsb="0"/>
+    <mtx name="uni2004" width="573" lsb="0"/>
+    <mtx name="uni2005" width="430" lsb="0"/>
+    <mtx name="uni2006" width="286" lsb="0"/>
+    <mtx name="uni2007" width="286" lsb="0"/>
+    <mtx name="uni2008" width="215" lsb="0"/>
+    <mtx name="uni2009" width="344" lsb="0"/>
+    <mtx name="uni200A" width="94" lsb="0"/>
+    <mtx name="uni2010" width="708" lsb="113"/>
+    <mtx name="uni2011" width="708" lsb="113"/>
+    <mtx name="uni202F" width="344" lsb="0"/>
+    <mtx name="uni205F" width="430" lsb="0"/>
+    <mtx name="uniE000" width="1125" lsb="0"/>
+    <mtx name="v" width="1144" lsb="72"/>
+    <mtx name="w" width="1632" lsb="72"/>
+    <mtx name="x" width="1216" lsb="82"/>
+    <mtx name="y" width="1126" lsb="59"/>
+    <mtx name="z" width="1060" lsb="102"/>
+    <mtx name="zero" width="1253" lsb="123"/>
+
+    <mtx name="defaultscript" width="1536" lsb="0"/>
+    <mtx name="latinscript" width="1792" lsb="16"/>
+    <mtx name="defaultlang" width="1536" lsb="0"/>
+    <mtx name="frenchlang" width="1536" lsb="0"/>
+    <mtx name="defaultfeature" width="1536" lsb="0"/>
+    <mtx name="nondefaultfeature" width="1536" lsb="0"/>
+    <mtx name="good" width="1536" lsb="0"/>
+
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+    </cmap_format_4>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="61" yMin="0" xMax="1413" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="643" y="1577" on="1"/>
+        <pt x="831" y="1577" on="1"/>
+        <pt x="1413" y="0" on="1"/>
+        <pt x="1223" y="0" on="1"/>
+        <pt x="1024" y="537" on="1"/>
+        <pt x="449" y="537" on="1"/>
+        <pt x="252" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="506" y="692" on="1"/>
+        <pt x="967" y="692" on="1"/>
+        <pt x="737" y="1319" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="B" xMin="174" yMin="-25" xMax="1184" yMax="1599">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="471" y="1538" on="0"/>
+        <pt x="618" y="1599" on="0"/>
+        <pt x="709" y="1599" on="1"/>
+        <pt x="875" y="1599" on="0"/>
+        <pt x="1112" y="1376" on="0"/>
+        <pt x="1112" y="1143" on="1"/>
+        <pt x="1110" y="920" on="0"/>
+        <pt x="952" y="819" on="1"/>
+        <pt x="1081" y="760" on="0"/>
+        <pt x="1184" y="569" on="0"/>
+        <pt x="1184" y="485" on="1"/>
+        <pt x="1184" y="475" on="1"/>
+        <pt x="1184" y="432" on="0"/>
+        <pt x="1182" y="377" on="0"/>
+        <pt x="1161" y="262" on="0"/>
+        <pt x="1124" y="182" on="0"/>
+        <pt x="1047" y="82" on="0"/>
+        <pt x="936" y="18" on="0"/>
+        <pt x="762" y="-25" on="0"/>
+        <pt x="651" y="-25" on="1"/>
+        <pt x="514" y="-21" on="0"/>
+        <pt x="354" y="92" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="236" on="1"/>
+        <pt x="501" y="144" on="0"/>
+        <pt x="651" y="143" on="1"/>
+        <pt x="729" y="143" on="0"/>
+        <pt x="850" y="176" on="0"/>
+        <pt x="924" y="215" on="0"/>
+        <pt x="977" y="293" on="0"/>
+        <pt x="999" y="338" on="0"/>
+        <pt x="1012" y="428" on="0"/>
+        <pt x="1012" y="439" on="1"/>
+        <pt x="1012" y="485" on="1"/>
+        <pt x="1012" y="516" on="0"/>
+        <pt x="985" y="584" on="0"/>
+        <pt x="920" y="670" on="0"/>
+        <pt x="772" y="729" on="0"/>
+        <pt x="668" y="733" on="1"/>
+        <pt x="609" y="729" on="0"/>
+        <pt x="354" y="729" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="877" on="1"/>
+        <pt x="466" y="877" on="1"/>
+        <pt x="498" y="877" on="0"/>
+        <pt x="639" y="883" on="0"/>
+        <pt x="671" y="890" on="1"/>
+        <pt x="756" y="909" on="1"/>
+        <pt x="809" y="921" on="0"/>
+        <pt x="860" y="961" on="0"/>
+        <pt x="918" y="1016" on="0"/>
+        <pt x="940" y="1096" on="0"/>
+        <pt x="940" y="1147" on="1"/>
+        <pt x="938" y="1292" on="0"/>
+        <pt x="803" y="1432" on="0"/>
+        <pt x="709" y="1432" on="1"/>
+        <pt x="549" y="1432" on="0"/>
+        <pt x="354" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="C" xMin="123" yMin="-25" xMax="1315" yMax="1597">
+      <contour>
+        <pt x="123" y="752" on="1"/>
+        <pt x="123" y="955" on="0"/>
+        <pt x="242" y="1288" on="0"/>
+        <pt x="432" y="1489" on="0"/>
+        <pt x="659" y="1597" on="0"/>
+        <pt x="774" y="1597" on="1"/>
+        <pt x="866" y="1597" on="0"/>
+        <pt x="1030" y="1552" on="0"/>
+        <pt x="1135" y="1491" on="0"/>
+        <pt x="1214" y="1427" on="0"/>
+        <pt x="1233" y="1405" on="1"/>
+        <pt x="1249" y="1382" on="1"/>
+        <pt x="1124" y="1262" on="1"/>
+        <pt x="1113" y="1279" on="1"/>
+        <pt x="1106" y="1290" on="0"/>
+        <pt x="1044" y="1348" on="0"/>
+        <pt x="973" y="1391" on="0"/>
+        <pt x="846" y="1425" on="0"/>
+        <pt x="772" y="1425" on="1"/>
+        <pt x="586" y="1425" on="0"/>
+        <pt x="307" y="1077" on="0"/>
+        <pt x="307" y="752" on="1"/>
+        <pt x="307" y="496" on="0"/>
+        <pt x="569" y="147" on="0"/>
+        <pt x="758" y="147" on="1"/>
+        <pt x="803" y="147" on="0"/>
+        <pt x="891" y="160" on="0"/>
+        <pt x="965" y="180" on="0"/>
+        <pt x="1032" y="207" on="0"/>
+        <pt x="1087" y="236" on="0"/>
+        <pt x="1133" y="264" on="0"/>
+        <pt x="1167" y="291" on="0"/>
+        <pt x="1192" y="311" on="0"/>
+        <pt x="1198" y="317" on="1"/>
+        <pt x="1204" y="324" on="1"/>
+        <pt x="1315" y="217" on="1"/>
+        <pt x="1254" y="141" on="0"/>
+        <pt x="1198" y="102" on="1"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="762" y="-25" on="1"/>
+        <pt x="488" y="-25" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="D" xMin="174" yMin="-25" xMax="1380" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1403" on="1"/>
+        <pt x="559" y="1596" on="0"/>
+        <pt x="819" y="1597" on="1"/>
+        <pt x="930" y="1597" on="0"/>
+        <pt x="1122" y="1507" on="0"/>
+        <pt x="1286" y="1323" on="0"/>
+        <pt x="1380" y="995" on="0"/>
+        <pt x="1380" y="778" on="1"/>
+        <pt x="1380" y="436" on="0"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="758" y="-25" on="1"/>
+        <pt x="568" y="-21" on="0"/>
+        <pt x="354" y="117" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="281" on="1"/>
+        <pt x="551" y="152" on="0"/>
+        <pt x="758" y="152" on="1"/>
+        <pt x="946" y="152" on="0"/>
+        <pt x="1200" y="506" on="0"/>
+        <pt x="1200" y="778" on="1"/>
+        <pt x="1200" y="1093" on="0"/>
+        <pt x="977" y="1417" on="0"/>
+        <pt x="825" y="1421" on="1"/>
+        <pt x="544" y="1421" on="0"/>
+        <pt x="354" y="1227" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="E" xMin="174" yMin="0" xMax="1069" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="854" y="176" on="1"/>
+        <pt x="1069" y="186" on="1"/>
+        <pt x="1069" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="F" xMin="174" yMin="0" xMax="1040" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="G" xMin="123" yMin="-25" xMax="1350" yMax="1597">
+      <contour>
+        <pt x="123" y="764" on="1"/>
+        <pt x="123" y="948" on="0"/>
+        <pt x="219" y="1241" on="0"/>
+        <pt x="367" y="1423" on="0"/>
+        <pt x="565" y="1546" on="0"/>
+        <pt x="756" y="1595" on="0"/>
+        <pt x="852" y="1597" on="1"/>
+        <pt x="942" y="1597" on="0"/>
+        <pt x="1108" y="1548" on="0"/>
+        <pt x="1219" y="1477" on="0"/>
+        <pt x="1305" y="1405" on="0"/>
+        <pt x="1323" y="1380" on="1"/>
+        <pt x="1343" y="1356" on="1"/>
+        <pt x="1219" y="1235" on="1"/>
+        <pt x="1215" y="1243" on="0"/>
+        <pt x="1194" y="1270" on="0"/>
+        <pt x="1128" y="1337" on="0"/>
+        <pt x="1053" y="1389" on="0"/>
+        <pt x="928" y="1432" on="0"/>
+        <pt x="860" y="1434" on="1"/>
+        <pt x="770" y="1434" on="0"/>
+        <pt x="590" y="1364" on="0"/>
+        <pt x="418" y="1217" on="0"/>
+        <pt x="309" y="944" on="0"/>
+        <pt x="309" y="764" on="1"/>
+        <pt x="309" y="664" on="0"/>
+        <pt x="369" y="461" on="0"/>
+        <pt x="489" y="272" on="0"/>
+        <pt x="711" y="154" on="0"/>
+        <pt x="854" y="152" on="1"/>
+        <pt x="952" y="152" on="0"/>
+        <pt x="1190" y="260" on="0"/>
+        <pt x="1190" y="319" on="1"/>
+        <pt x="1190" y="625" on="1"/>
+        <pt x="979" y="625" on="1"/>
+        <pt x="870" y="625" on="0"/>
+        <pt x="813" y="655" on="1"/>
+        <pt x="813" y="819" on="1"/>
+        <pt x="887" y="801" on="0"/>
+        <pt x="985" y="801" on="1"/>
+        <pt x="1350" y="801" on="1"/>
+        <pt x="1350" y="311" on="1"/>
+        <pt x="1350" y="176" on="0"/>
+        <pt x="1049" y="-20" on="0"/>
+        <pt x="862" y="-25" on="1"/>
+        <pt x="702" y="-25" on="0"/>
+        <pt x="442" y="78" on="0"/>
+        <pt x="279" y="240" on="0"/>
+        <pt x="168" y="453" on="0"/>
+        <pt x="123" y="660" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="H" xMin="174" yMin="0" xMax="1346" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="1165" y="893" on="1"/>
+        <pt x="1165" y="1577" on="1"/>
+        <pt x="1346" y="1577" on="1"/>
+        <pt x="1346" y="0" on="1"/>
+        <pt x="1165" y="0" on="1"/>
+        <pt x="1165" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="I" xMin="174" yMin="0" xMax="354" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="J" xMin="-20" yMin="-530" xMax="414" yMax="1577">
+      <contour>
+        <pt x="-20" y="-369" on="1"/>
+        <pt x="89" y="-338" on="0"/>
+        <pt x="233" y="-174" on="0"/>
+        <pt x="233" y="-35" on="1"/>
+        <pt x="233" y="1577" on="1"/>
+        <pt x="414" y="1577" on="1"/>
+        <pt x="414" y="-35" on="1"/>
+        <pt x="414" y="-129" on="0"/>
+        <pt x="362" y="-287" on="0"/>
+        <pt x="287" y="-391" on="0"/>
+        <pt x="182" y="-473" on="0"/>
+        <pt x="94" y="-514" on="0"/>
+        <pt x="45" y="-530" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="K" xMin="174" yMin="0" xMax="1225" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="866" on="1"/>
+        <pt x="895" y="1577" on="1"/>
+        <pt x="1122" y="1577" on="1"/>
+        <pt x="532" y="840" on="1"/>
+        <pt x="577" y="834" on="0"/>
+        <pt x="711" y="770" on="0"/>
+        <pt x="750" y="725" on="1"/>
+        <pt x="795" y="680" on="0"/>
+        <pt x="1194" y="39" on="0"/>
+        <pt x="1225" y="4" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="1006" y="0" on="1"/>
+        <pt x="971" y="37" on="0"/>
+        <pt x="664" y="553" on="0"/>
+        <pt x="627" y="592" on="1"/>
+        <pt x="545" y="682" on="0"/>
+        <pt x="442" y="682" on="1"/>
+        <pt x="381" y="682" on="0"/>
+        <pt x="354" y="676" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="L" xMin="174" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="915" y="176" on="1"/>
+        <pt x="1130" y="186" on="1"/>
+        <pt x="1130" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="M" xMin="174" yMin="0" xMax="1569" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="868" y="225" on="1"/>
+        <pt x="870" y="211" on="1"/>
+        <pt x="872" y="225" on="1"/>
+        <pt x="1389" y="1577" on="1"/>
+        <pt x="1569" y="1577" on="1"/>
+        <pt x="1569" y="0" on="1"/>
+        <pt x="1389" y="0" on="1"/>
+        <pt x="1389" y="1106" on="1"/>
+        <pt x="1391" y="1137" on="1"/>
+        <pt x="1382" y="1106" on="1"/>
+        <pt x="958" y="0" on="1"/>
+        <pt x="784" y="0" on="1"/>
+        <pt x="360" y="1106" on="1"/>
+        <pt x="352" y="1137" on="1"/>
+        <pt x="354" y="1106" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="N" xMin="174" yMin="0" xMax="1309" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1575" on="1"/>
+        <pt x="1116" y="336" on="1"/>
+        <pt x="1130" y="307" on="1"/>
+        <pt x="1128" y="336" on="1"/>
+        <pt x="1128" y="1577" on="1"/>
+        <pt x="1309" y="1577" on="1"/>
+        <pt x="1309" y="0" on="1"/>
+        <pt x="1128" y="0" on="1"/>
+        <pt x="1128" y="2" on="1"/>
+        <pt x="367" y="1245" on="1"/>
+        <pt x="352" y="1274" on="1"/>
+        <pt x="354" y="1245" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="O" xMin="123" yMin="-14" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="565" on="0"/>
+        <pt x="123" y="1016" on="0"/>
+        <pt x="233" y="1343" on="0"/>
+        <pt x="428" y="1520" on="0"/>
+        <pt x="649" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="882" y="1595" on="0"/>
+        <pt x="1063" y="1548" on="0"/>
+        <pt x="1235" y="1434" on="0"/>
+        <pt x="1356" y="1255" on="0"/>
+        <pt x="1432" y="975" on="0"/>
+        <pt x="1432" y="795" on="1"/>
+        <pt x="1432" y="568" on="0"/>
+        <pt x="1321" y="240" on="0"/>
+        <pt x="1128" y="63" on="0"/>
+        <pt x="907" y="-14" on="0"/>
+        <pt x="645" y="-14" on="0"/>
+        <pt x="426" y="63" on="0"/>
+        <pt x="233" y="238" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="795" on="1"/>
+        <pt x="303" y="615" on="0"/>
+        <pt x="383" y="354" on="0"/>
+        <pt x="522" y="215" on="0"/>
+        <pt x="682" y="154" on="0"/>
+        <pt x="870" y="154" on="0"/>
+        <pt x="1030" y="215" on="0"/>
+        <pt x="1169" y="352" on="0"/>
+        <pt x="1251" y="612" on="0"/>
+        <pt x="1251" y="791" on="1"/>
+        <pt x="1251" y="967" on="0"/>
+        <pt x="1171" y="1225" on="0"/>
+        <pt x="1032" y="1364" on="0"/>
+        <pt x="874" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1368" on="0"/>
+        <pt x="383" y="1229" on="0"/>
+        <pt x="303" y="973" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="P" xMin="174" yMin="0" xMax="1163" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1454" on="1"/>
+        <pt x="544" y="1597" on="0"/>
+        <pt x="719" y="1597" on="1"/>
+        <pt x="879" y="1591" on="0"/>
+        <pt x="1161" y="1323" on="0"/>
+        <pt x="1163" y="1102" on="1"/>
+        <pt x="1163" y="815" on="0"/>
+        <pt x="887" y="473" on="0"/>
+        <pt x="676" y="473" on="1"/>
+        <pt x="506" y="475" on="0"/>
+        <pt x="354" y="580" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="760" on="1"/>
+        <pt x="520" y="631" on="0"/>
+        <pt x="684" y="629" on="1"/>
+        <pt x="817" y="633" on="0"/>
+        <pt x="991" y="887" on="0"/>
+        <pt x="991" y="1102" on="1"/>
+        <pt x="989" y="1247" on="0"/>
+        <pt x="817" y="1423" on="0"/>
+        <pt x="719" y="1430" on="1"/>
+        <pt x="621" y="1430" on="0"/>
+        <pt x="465" y="1372" on="0"/>
+        <pt x="354" y="1303" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Q" xMin="123" yMin="-270" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="780" on="1"/>
+        <pt x="123" y="962" on="0"/>
+        <pt x="199" y="1249" on="0"/>
+        <pt x="322" y="1432" on="0"/>
+        <pt x="496" y="1550" on="0"/>
+        <pt x="678" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="909" y="1595" on="0"/>
+        <pt x="1130" y="1511" on="0"/>
+        <pt x="1321" y="1333" on="0"/>
+        <pt x="1432" y="1004" on="0"/>
+        <pt x="1432" y="780" on="1"/>
+        <pt x="1432" y="573" on="0"/>
+        <pt x="1337" y="262" on="0"/>
+        <pt x="1169" y="84" on="0"/>
+        <pt x="975" y="-8" on="0"/>
+        <pt x="858" y="-20" on="1"/>
+        <pt x="928" y="-102" on="0"/>
+        <pt x="1090" y="-102" on="1"/>
+        <pt x="1143" y="-102" on="0"/>
+        <pt x="1282" y="-70" on="1"/>
+        <pt x="1331" y="-231" on="1"/>
+        <pt x="1243" y="-270" on="0"/>
+        <pt x="1090" y="-270" on="1"/>
+        <pt x="994" y="-270" on="0"/>
+        <pt x="838" y="-219" on="0"/>
+        <pt x="745" y="-133" on="0"/>
+        <pt x="692" y="-59" on="0"/>
+        <pt x="676" y="-18" on="1"/>
+        <pt x="432" y="11" on="0"/>
+        <pt x="123" y="389" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="784" on="1"/>
+        <pt x="303" y="604" on="0"/>
+        <pt x="383" y="344" on="0"/>
+        <pt x="522" y="205" on="0"/>
+        <pt x="682" y="143" on="0"/>
+        <pt x="870" y="143" on="0"/>
+        <pt x="1030" y="205" on="0"/>
+        <pt x="1169" y="342" on="0"/>
+        <pt x="1251" y="602" on="0"/>
+        <pt x="1251" y="780" on="1"/>
+        <pt x="1251" y="923" on="0"/>
+        <pt x="1198" y="1149" on="0"/>
+        <pt x="1108" y="1292" on="0"/>
+        <pt x="985" y="1389" on="0"/>
+        <pt x="854" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1364" on="0"/>
+        <pt x="385" y="1223" on="0"/>
+        <pt x="303" y="962" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="R" xMin="174" yMin="0" xMax="1319" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="465" y="1532" on="0"/>
+        <pt x="618" y="1597" on="0"/>
+        <pt x="711" y="1597" on="1"/>
+        <pt x="879" y="1593" on="0"/>
+        <pt x="1133" y="1376" on="0"/>
+        <pt x="1133" y="1149" on="1"/>
+        <pt x="1133" y="997" on="0"/>
+        <pt x="1024" y="784" on="0"/>
+        <pt x="877" y="686" on="0"/>
+        <pt x="780" y="666" on="1"/>
+        <pt x="862" y="596" on="0"/>
+        <pt x="1241" y="59" on="0"/>
+        <pt x="1319" y="4" on="1"/>
+        <pt x="1319" y="0" on="1"/>
+        <pt x="1096" y="0" on="1"/>
+        <pt x="1043" y="39" on="0"/>
+        <pt x="881" y="254" on="0"/>
+        <pt x="745" y="461" on="0"/>
+        <pt x="580" y="639" on="0"/>
+        <pt x="514" y="651" on="1"/>
+        <pt x="401" y="651" on="0"/>
+        <pt x="354" y="653" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="799" on="1"/>
+        <pt x="657" y="799" on="1"/>
+        <pt x="778" y="801" on="0"/>
+        <pt x="958" y="961" on="0"/>
+        <pt x="961" y="1149" on="1"/>
+        <pt x="961" y="1288" on="0"/>
+        <pt x="809" y="1425" on="0"/>
+        <pt x="711" y="1430" on="1"/>
+        <pt x="611" y="1430" on="0"/>
+        <pt x="459" y="1376" on="0"/>
+        <pt x="354" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="S" xMin="117" yMin="-23" xMax="1237" yMax="1599">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="320" y="274" on="0"/>
+        <pt x="569" y="145" on="0"/>
+        <pt x="717" y="141" on="1"/>
+        <pt x="860" y="141" on="0"/>
+        <pt x="1065" y="293" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="485" on="0"/>
+        <pt x="1020" y="573" on="0"/>
+        <pt x="965" y="627" on="0"/>
+        <pt x="852" y="680" on="0"/>
+        <pt x="774" y="707" on="0"/>
+        <pt x="705" y="727" on="1"/>
+        <pt x="691" y="731" on="0"/>
+        <pt x="684" y="733" on="1"/>
+        <pt x="590" y="762" on="0"/>
+        <pt x="489" y="797" on="0"/>
+        <pt x="342" y="872" on="0"/>
+        <pt x="266" y="952" on="0"/>
+        <pt x="209" y="1081" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1269" on="0"/>
+        <pt x="281" y="1432" on="0"/>
+        <pt x="385" y="1524" on="0"/>
+        <pt x="520" y="1581" on="0"/>
+        <pt x="629" y="1599" on="0"/>
+        <pt x="680" y="1599" on="1"/>
+        <pt x="830" y="1599" on="0"/>
+        <pt x="1090" y="1497" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="913" y="1435" on="0"/>
+        <pt x="680" y="1436" on="1"/>
+        <pt x="637" y="1436" on="0"/>
+        <pt x="549" y="1413" on="0"/>
+        <pt x="446" y="1360" on="0"/>
+        <pt x="381" y="1245" on="0"/>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1118" on="0"/>
+        <pt x="426" y="1044" on="0"/>
+        <pt x="477" y="999" on="0"/>
+        <pt x="596" y="948" on="0"/>
+        <pt x="657" y="928" on="0"/>
+        <pt x="733" y="905" on="1"/>
+        <pt x="823" y="876" on="0"/>
+        <pt x="936" y="836" on="0"/>
+        <pt x="1087" y="756" on="0"/>
+        <pt x="1174" y="664" on="0"/>
+        <pt x="1237" y="520" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="215" on="0"/>
+        <pt x="930" y="-23" on="0"/>
+        <pt x="713" y="-23" on="1"/>
+        <pt x="316" y="-10" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="T" xMin="20" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="20" y="1421" on="1"/>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="1130" y="1577" on="1"/>
+        <pt x="1130" y="1421" on="1"/>
+        <pt x="662" y="1421" on="1"/>
+        <pt x="662" y="0" on="1"/>
+        <pt x="481" y="0" on="1"/>
+        <pt x="481" y="1421" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="U" xMin="174" yMin="-25" xMax="1286" yMax="1577">
+      <contour>
+        <pt x="174" y="489" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="494" on="1"/>
+        <pt x="354" y="400" on="0"/>
+        <pt x="412" y="262" on="0"/>
+        <pt x="494" y="188" on="0"/>
+        <pt x="604" y="143" on="0"/>
+        <pt x="688" y="133" on="0"/>
+        <pt x="774" y="133" on="0"/>
+        <pt x="856" y="143" on="0"/>
+        <pt x="967" y="188" on="0"/>
+        <pt x="1047" y="260" on="0"/>
+        <pt x="1106" y="397" on="0"/>
+        <pt x="1106" y="489" on="1"/>
+        <pt x="1106" y="1577" on="1"/>
+        <pt x="1286" y="1577" on="1"/>
+        <pt x="1286" y="489" on="1"/>
+        <pt x="1286" y="356" on="0"/>
+        <pt x="1200" y="158" on="0"/>
+        <pt x="1081" y="53" on="0"/>
+        <pt x="918" y="-8" on="0"/>
+        <pt x="795" y="-25" on="0"/>
+        <pt x="731" y="-25" on="1"/>
+        <pt x="665" y="-25" on="0"/>
+        <pt x="545" y="-8" on="0"/>
+        <pt x="379" y="53" on="0"/>
+        <pt x="260" y="158" on="0"/>
+        <pt x="174" y="356" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="V" xMin="61" yMin="0" xMax="1372" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="252" y="1577" on="1"/>
+        <pt x="711" y="281" on="1"/>
+        <pt x="717" y="254" on="1"/>
+        <pt x="723" y="281" on="1"/>
+        <pt x="1182" y="1577" on="1"/>
+        <pt x="1372" y="1577" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="623" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="W" xMin="61" yMin="0" xMax="1958" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="250" y="1577" on="1"/>
+        <pt x="578" y="307" on="1"/>
+        <pt x="582" y="283" on="1"/>
+        <pt x="586" y="307" on="1"/>
+        <pt x="913" y="1577" on="1"/>
+        <pt x="1104" y="1577" on="1"/>
+        <pt x="1432" y="307" on="1"/>
+        <pt x="1436" y="283" on="1"/>
+        <pt x="1440" y="307" on="1"/>
+        <pt x="1767" y="1577" on="1"/>
+        <pt x="1958" y="1577" on="1"/>
+        <pt x="1511" y="0" on="1"/>
+        <pt x="1362" y="0" on="1"/>
+        <pt x="1014" y="1217" on="1"/>
+        <pt x="1008" y="1253" on="1"/>
+        <pt x="1001" y="1217" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="508" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="X" xMin="61" yMin="0" xMax="1284" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="561" y="786" on="1"/>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="281" y="1577" on="1"/>
+        <pt x="672" y="961" on="1"/>
+        <pt x="1065" y="1577" on="1"/>
+        <pt x="1284" y="1577" on="1"/>
+        <pt x="782" y="786" on="1"/>
+        <pt x="1284" y="0" on="1"/>
+        <pt x="1063" y="0" on="1"/>
+        <pt x="672" y="612" on="1"/>
+        <pt x="283" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Y" xMin="20" yMin="0" xMax="1243" yMax="1577">
+      <contour>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="238" y="1577" on="1"/>
+        <pt x="635" y="950" on="1"/>
+        <pt x="1034" y="1577" on="1"/>
+        <pt x="1243" y="1577" on="1"/>
+        <pt x="723" y="756" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="545" y="0" on="1"/>
+        <pt x="545" y="756" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Z" xMin="104" yMin="0" xMax="1155" yMax="1577">
+      <contour>
+        <pt x="104" y="0" on="1"/>
+        <pt x="104" y="168" on="1"/>
+        <pt x="893" y="1409" on="1"/>
+        <pt x="125" y="1409" on="1"/>
+        <pt x="125" y="1577" on="1"/>
+        <pt x="1112" y="1577" on="1"/>
+        <pt x="1112" y="1413" on="1"/>
+        <pt x="324" y="168" on="1"/>
+        <pt x="918" y="168" on="1"/>
+        <pt x="941" y="167" on="0"/>
+        <pt x="962" y="167" on="1"/>
+        <pt x="1116" y="167" on="0"/>
+        <pt x="1155" y="207" on="1"/>
+        <pt x="1155" y="33" on="1"/>
+        <pt x="1137" y="17" on="0"/>
+        <pt x="1016" y="0" on="0"/>
+        <pt x="965" y="0" on="1"/>
+        <pt x="913" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="a" xMin="123" yMin="-25" xMax="1083" yMax="1151">
+      <contour>
+        <pt x="123" y="283" on="1"/>
+        <pt x="123" y="355" on="0"/>
+        <pt x="152" y="459" on="0"/>
+        <pt x="229" y="561" on="0"/>
+        <pt x="393" y="633" on="0"/>
+        <pt x="518" y="651" on="1"/>
+        <pt x="731" y="680" on="0"/>
+        <pt x="803" y="698" on="1"/>
+        <pt x="803" y="827" on="1"/>
+        <pt x="803" y="878" on="0"/>
+        <pt x="739" y="1010" on="0"/>
+        <pt x="676" y="1010" on="1"/>
+        <pt x="457" y="1010" on="0"/>
+        <pt x="332" y="903" on="1"/>
+        <pt x="314" y="883" on="0"/>
+        <pt x="317" y="844" on="0"/>
+        <pt x="332" y="829" on="1"/>
+        <pt x="168" y="799" on="1"/>
+        <pt x="148" y="825" on="0"/>
+        <pt x="148" y="863" on="1"/>
+        <pt x="148" y="887" on="0"/>
+        <pt x="156" y="915" on="1"/>
+        <pt x="176" y="989" on="0"/>
+        <pt x="248" y="1030" on="1"/>
+        <pt x="466" y="1151" on="0"/>
+        <pt x="693" y="1151" on="1"/>
+        <pt x="697" y="1151" on="0"/>
+        <pt x="700" y="1151" on="1"/>
+        <pt x="800" y="1151" on="0"/>
+        <pt x="930" y="1028" on="0"/>
+        <pt x="969" y="893" on="0"/>
+        <pt x="969" y="827" on="1"/>
+        <pt x="969" y="272" on="1"/>
+        <pt x="969" y="256" on="0"/>
+        <pt x="977" y="207" on="0"/>
+        <pt x="1034" y="109" on="0"/>
+        <pt x="1083" y="78" on="1"/>
+        <pt x="973" y="-25" on="1"/>
+        <pt x="854" y="22" on="0"/>
+        <pt x="815" y="174" on="1"/>
+        <pt x="629" y="-25" on="0"/>
+        <pt x="430" y="-25" on="1"/>
+        <pt x="410" y="-25" on="0"/>
+        <pt x="352" y="-16" on="0"/>
+        <pt x="256" y="20" on="0"/>
+        <pt x="180" y="82" on="0"/>
+        <pt x="123" y="203" on="0"/>
+      </contour>
+      <contour>
+        <pt x="293" y="283" on="1"/>
+        <pt x="293" y="234" on="0"/>
+        <pt x="328" y="162" on="0"/>
+        <pt x="377" y="131" on="0"/>
+        <pt x="412" y="119" on="0"/>
+        <pt x="424" y="119" on="1"/>
+        <pt x="528" y="119" on="0"/>
+        <pt x="729" y="252" on="0"/>
+        <pt x="803" y="344" on="1"/>
+        <pt x="803" y="551" on="1"/>
+        <pt x="703" y="531" on="0"/>
+        <pt x="537" y="508" on="1"/>
+        <pt x="385" y="488" on="0"/>
+        <pt x="293" y="379" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="ampersand" xMin="123" yMin="-14" xMax="1690" yMax="1577">
+      <contour>
+        <pt x="123" y="410" on="1"/>
+        <pt x="123" y="560" on="0"/>
+        <pt x="313" y="768" on="0"/>
+        <pt x="485" y="864" on="1"/>
+        <pt x="381" y="979" on="0"/>
+        <pt x="274" y="1155" on="0"/>
+        <pt x="274" y="1241" on="1"/>
+        <pt x="274" y="1333" on="0"/>
+        <pt x="350" y="1468" on="0"/>
+        <pt x="481" y="1542" on="0"/>
+        <pt x="627" y="1577" on="0"/>
+        <pt x="709" y="1577" on="1"/>
+        <pt x="887" y="1577" on="0"/>
+        <pt x="1135" y="1417" on="0"/>
+        <pt x="1135" y="1241" on="1"/>
+        <pt x="1135" y="1120" on="0"/>
+        <pt x="930" y="942" on="0"/>
+        <pt x="737" y="844" on="1"/>
+        <pt x="1114" y="440" on="1"/>
+        <pt x="1145" y="487" on="0"/>
+        <pt x="1172" y="542" on="1"/>
+        <pt x="1241" y="680" on="1"/>
+        <pt x="1296" y="793" on="1"/>
+        <pt x="1423" y="715" on="1"/>
+        <pt x="1261" y="391" on="0"/>
+        <pt x="1223" y="328" on="1"/>
+        <pt x="1405" y="148" on="0"/>
+        <pt x="1434" y="154" on="1"/>
+        <pt x="1471" y="154" on="0"/>
+        <pt x="1503" y="160" on="0"/>
+        <pt x="1554" y="213" on="0"/>
+        <pt x="1579" y="268" on="1"/>
+        <pt x="1690" y="203" on="1"/>
+        <pt x="1655" y="125" on="0"/>
+        <pt x="1593" y="33" on="0"/>
+        <pt x="1522" y="-2" on="0"/>
+        <pt x="1479" y="-10" on="0"/>
+        <pt x="1434" y="-10" on="1"/>
+        <pt x="1362" y="-18" on="0"/>
+        <pt x="1128" y="197" on="1"/>
+        <pt x="944" y="-14" on="0"/>
+        <pt x="637" y="-14" on="1"/>
+        <pt x="578" y="-14" on="0"/>
+        <pt x="416" y="33" on="0"/>
+        <pt x="242" y="127" on="0"/>
+        <pt x="123" y="301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="410" on="1"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="432" y="205" on="0"/>
+        <pt x="580" y="158" on="0"/>
+        <pt x="637" y="158" on="1"/>
+        <pt x="864" y="160" on="0"/>
+        <pt x="1014" y="309" on="1"/>
+        <pt x="582" y="764" on="1"/>
+        <pt x="447" y="690" on="0"/>
+        <pt x="295" y="523" on="0"/>
+      </contour>
+      <contour>
+        <pt x="446" y="1241" on="1"/>
+        <pt x="446" y="1151" on="0"/>
+        <pt x="641" y="946" on="1"/>
+        <pt x="741" y="997" on="0"/>
+        <pt x="862" y="1071" on="0"/>
+        <pt x="963" y="1184" on="0"/>
+        <pt x="963" y="1241" on="1"/>
+        <pt x="963" y="1354" on="0"/>
+        <pt x="815" y="1454" on="0"/>
+        <pt x="709" y="1454" on="1"/>
+        <pt x="600" y="1454" on="0"/>
+        <pt x="446" y="1352" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciicircum" xMin="82" yMin="0" xMax="1257" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="596" y="1126" on="1"/>
+        <pt x="743" y="1126" on="1"/>
+        <pt x="1257" y="0" on="1"/>
+        <pt x="1110" y="0" on="1"/>
+        <pt x="670" y="965" on="1"/>
+        <pt x="229" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciitilde" xMin="123" yMin="535" xMax="1227" yMax="782">
+      <contour>
+        <pt x="123" y="709" on="1"/>
+        <pt x="133" y="717" on="0"/>
+        <pt x="176" y="741" on="0"/>
+        <pt x="332" y="782" on="0"/>
+        <pt x="422" y="782" on="1"/>
+        <pt x="504" y="782" on="0"/>
+        <pt x="678" y="719" on="1"/>
+        <pt x="854" y="658" on="0"/>
+        <pt x="940" y="657" on="1"/>
+        <pt x="1012" y="657" on="0"/>
+        <pt x="1128" y="680" on="0"/>
+        <pt x="1151" y="692" on="1"/>
+        <pt x="1174" y="705" on="1"/>
+        <pt x="1227" y="602" on="1"/>
+        <pt x="1121" y="534" on="0"/>
+        <pt x="940" y="535" on="1"/>
+        <pt x="846" y="535" on="0"/>
+        <pt x="645" y="604" on="1"/>
+        <pt x="491" y="659" on="0"/>
+        <pt x="422" y="659" on="1"/>
+        <pt x="344" y="659" on="0"/>
+        <pt x="225" y="635" on="0"/>
+        <pt x="205" y="623" on="1"/>
+        <pt x="184" y="610" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asterisk" xMin="100" yMin="567" xMax="1165" yMax="1577">
+      <contour>
+        <pt x="100" y="1161" on="1"/>
+        <pt x="152" y="1294" on="1"/>
+        <pt x="565" y="1128" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="705" y="1577" on="1"/>
+        <pt x="700" y="1128" on="1"/>
+        <pt x="1114" y="1294" on="1"/>
+        <pt x="1165" y="1161" on="1"/>
+        <pt x="741" y="995" on="1"/>
+        <pt x="1036" y="668" on="1"/>
+        <pt x="918" y="567" on="1"/>
+        <pt x="633" y="920" on="1"/>
+        <pt x="350" y="567" on="1"/>
+        <pt x="227" y="668" on="1"/>
+        <pt x="522" y="995" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="at" xMin="123" yMin="-403" xMax="2073" yMax="1577">
+      <contour>
+        <pt x="123" y="535" on="1"/>
+        <pt x="123" y="801" on="0"/>
+        <pt x="406" y="1284" on="0"/>
+        <pt x="879" y="1577" on="0"/>
+        <pt x="1145" y="1577" on="1"/>
+        <pt x="1360" y="1577" on="0"/>
+        <pt x="1720" y="1425" on="0"/>
+        <pt x="1948" y="1178" on="0"/>
+        <pt x="2073" y="872" on="0"/>
+        <pt x="2073" y="713" on="1"/>
+        <pt x="2073" y="555" on="0"/>
+        <pt x="1964" y="305" on="0"/>
+        <pt x="1806" y="164" on="0"/>
+        <pt x="1614" y="70" on="0"/>
+        <pt x="1466" y="39" on="0"/>
+        <pt x="1411" y="39" on="1"/>
+        <pt x="1245" y="39" on="0"/>
+        <pt x="1284" y="221" on="1"/>
+        <pt x="1075" y="37" on="0"/>
+        <pt x="872" y="39" on="1"/>
+        <pt x="596" y="41" on="0"/>
+        <pt x="596" y="422" on="1"/>
+        <pt x="596" y="584" on="0"/>
+        <pt x="709" y="877" on="0"/>
+        <pt x="879" y="1071" on="0"/>
+        <pt x="1075" y="1186" on="0"/>
+        <pt x="1161" y="1186" on="1"/>
+        <pt x="1351" y="1186" on="0"/>
+        <pt x="1458" y="1022" on="1"/>
+        <pt x="1487" y="1143" on="1"/>
+        <pt x="1647" y="1106" on="1"/>
+        <pt x="1438" y="178" on="0"/>
+        <pt x="1438" y="168" on="1"/>
+        <pt x="1444" y="162" on="0"/>
+        <pt x="1546" y="182" on="0"/>
+        <pt x="1690" y="254" on="0"/>
+        <pt x="1825" y="371" on="0"/>
+        <pt x="1915" y="582" on="0"/>
+        <pt x="1909" y="713" on="1"/>
+        <pt x="1909" y="840" on="0"/>
+        <pt x="1806" y="1085" on="0"/>
+        <pt x="1618" y="1288" on="0"/>
+        <pt x="1321" y="1413" on="0"/>
+        <pt x="1145" y="1413" on="1"/>
+        <pt x="924" y="1413" on="0"/>
+        <pt x="524" y="1163" on="0"/>
+        <pt x="287" y="756" on="0"/>
+        <pt x="287" y="535" on="1"/>
+        <pt x="287" y="205" on="0"/>
+        <pt x="797" y="-240" on="0"/>
+        <pt x="1145" y="-240" on="1"/>
+        <pt x="1327" y="-240" on="0"/>
+        <pt x="1606" y="-143" on="0"/>
+        <pt x="1808" y="25" on="1"/>
+        <pt x="1911" y="-102" on="1"/>
+        <pt x="1680" y="-292" on="0"/>
+        <pt x="1358" y="-403" on="0"/>
+        <pt x="1145" y="-403" on="1"/>
+        <pt x="875" y="-403" on="0"/>
+        <pt x="408" y="-164" on="0"/>
+        <pt x="123" y="271" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="422" on="1"/>
+        <pt x="760" y="168" on="0"/>
+        <pt x="872" y="162" on="1"/>
+        <pt x="950" y="160" on="0"/>
+        <pt x="1114" y="242" on="0"/>
+        <pt x="1245" y="371" on="0"/>
+        <pt x="1315" y="453" on="0"/>
+        <pt x="1341" y="489" on="1"/>
+        <pt x="1417" y="834" on="1"/>
+        <pt x="1362" y="969" on="0"/>
+        <pt x="1237" y="1063" on="0"/>
+        <pt x="1161" y="1063" on="1"/>
+        <pt x="1026" y="1063" on="0"/>
+        <pt x="760" y="686" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="b" xMin="174" yMin="-25" xMax="1169" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="backslash" xMin="51" yMin="-532" xMax="854" yMax="1577">
+      <contour>
+        <pt x="51" y="1577" on="1"/>
+        <pt x="221" y="1577" on="1"/>
+        <pt x="854" y="-532" on="1"/>
+        <pt x="684" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bar" xMin="174" yMin="-532" xMax="330" yMax="1700">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1700" on="1"/>
+        <pt x="330" y="1700" on="1"/>
+        <pt x="330" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceleft" xMin="164" yMin="-545" xMax="819" yMax="1700">
+      <contour>
+        <pt x="164" y="526" on="1"/>
+        <pt x="164" y="629" on="1"/>
+        <pt x="252" y="629" on="0"/>
+        <pt x="350" y="705" on="0"/>
+        <pt x="356" y="741" on="1"/>
+        <pt x="360" y="778" on="1"/>
+        <pt x="360" y="1389" on="1"/>
+        <pt x="360" y="1436" on="0"/>
+        <pt x="379" y="1530" on="0"/>
+        <pt x="422" y="1634" on="0"/>
+        <pt x="516" y="1700" on="0"/>
+        <pt x="582" y="1700" on="1"/>
+        <pt x="641" y="1700" on="0"/>
+        <pt x="760" y="1667" on="0"/>
+        <pt x="791" y="1651" on="1"/>
+        <pt x="819" y="1632" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="705" y="1528" on="0"/>
+        <pt x="582" y="1528" on="1"/>
+        <pt x="533" y="1528" on="0"/>
+        <pt x="532" y="1389" on="1"/>
+        <pt x="532" y="776" on="1"/>
+        <pt x="532" y="770" on="0"/>
+        <pt x="530" y="750" on="0"/>
+        <pt x="514" y="700" on="0"/>
+        <pt x="489" y="653" on="0"/>
+        <pt x="436" y="598" on="0"/>
+        <pt x="401" y="578" on="1"/>
+        <pt x="438" y="558" on="0"/>
+        <pt x="492" y="502" on="0"/>
+        <pt x="516" y="457" on="0"/>
+        <pt x="530" y="406" on="0"/>
+        <pt x="532" y="385" on="0"/>
+        <pt x="532" y="379" on="1"/>
+        <pt x="532" y="-233" on="1"/>
+        <pt x="532" y="-372" on="0"/>
+        <pt x="582" y="-373" on="1"/>
+        <pt x="637" y="-373" on="0"/>
+        <pt x="727" y="-352" on="0"/>
+        <pt x="745" y="-344" on="1"/>
+        <pt x="762" y="-334" on="1"/>
+        <pt x="819" y="-477" on="1"/>
+        <pt x="717" y="-545" on="0"/>
+        <pt x="582" y="-545" on="1"/>
+        <pt x="516" y="-545" on="0"/>
+        <pt x="422" y="-479" on="0"/>
+        <pt x="379" y="-375" on="0"/>
+        <pt x="360" y="-281" on="0"/>
+        <pt x="360" y="-233" on="1"/>
+        <pt x="360" y="377" on="1"/>
+        <pt x="360" y="383" on="0"/>
+        <pt x="358" y="403" on="0"/>
+        <pt x="336" y="455" on="0"/>
+        <pt x="299" y="494" on="0"/>
+        <pt x="219" y="526" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceright" xMin="143" yMin="-545" xMax="799" yMax="1700">
+      <contour>
+        <pt x="143" y="-477" on="1"/>
+        <pt x="201" y="-334" on="1"/>
+        <pt x="258" y="-373" on="0"/>
+        <pt x="381" y="-373" on="1"/>
+        <pt x="430" y="-373" on="0"/>
+        <pt x="430" y="-233" on="1"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="391" on="0"/>
+        <pt x="438" y="438" on="0"/>
+        <pt x="502" y="545" on="0"/>
+        <pt x="559" y="578" on="1"/>
+        <pt x="502" y="611" on="0"/>
+        <pt x="438" y="711" on="0"/>
+        <pt x="430" y="760" on="0"/>
+        <pt x="430" y="776" on="1"/>
+        <pt x="430" y="1389" on="1"/>
+        <pt x="430" y="1528" on="0"/>
+        <pt x="381" y="1528" on="1"/>
+        <pt x="326" y="1528" on="0"/>
+        <pt x="236" y="1507" on="0"/>
+        <pt x="217" y="1499" on="1"/>
+        <pt x="201" y="1489" on="1"/>
+        <pt x="143" y="1632" on="1"/>
+        <pt x="245" y="1700" on="0"/>
+        <pt x="381" y="1700" on="1"/>
+        <pt x="447" y="1700" on="0"/>
+        <pt x="541" y="1634" on="0"/>
+        <pt x="584" y="1530" on="0"/>
+        <pt x="602" y="1436" on="0"/>
+        <pt x="602" y="1389" on="1"/>
+        <pt x="602" y="778" on="1"/>
+        <pt x="602" y="772" on="0"/>
+        <pt x="604" y="752" on="0"/>
+        <pt x="625" y="700" on="0"/>
+        <pt x="662" y="662" on="0"/>
+        <pt x="743" y="629" on="0"/>
+        <pt x="799" y="629" on="1"/>
+        <pt x="799" y="526" on="1"/>
+        <pt x="746" y="526" on="0"/>
+        <pt x="666" y="498" on="0"/>
+        <pt x="629" y="459" on="0"/>
+        <pt x="606" y="410" on="0"/>
+        <pt x="602" y="387" on="0"/>
+        <pt x="602" y="379" on="1"/>
+        <pt x="602" y="-233" on="1"/>
+        <pt x="602" y="-280" on="0"/>
+        <pt x="584" y="-375" on="0"/>
+        <pt x="541" y="-479" on="0"/>
+        <pt x="446" y="-545" on="0"/>
+        <pt x="381" y="-545" on="1"/>
+        <pt x="322" y="-545" on="0"/>
+        <pt x="203" y="-512" on="0"/>
+        <pt x="172" y="-496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketleft" xMin="174" yMin="-532" xMax="592" yMax="1577">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="592" y="1577" on="1"/>
+        <pt x="592" y="1454" on="1"/>
+        <pt x="346" y="1454" on="1"/>
+        <pt x="346" y="-410" on="1"/>
+        <pt x="592" y="-410" on="1"/>
+        <pt x="592" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketright" xMin="143" yMin="-532" xMax="561" yMax="1577">
+      <contour>
+        <pt x="143" y="-410" on="1"/>
+        <pt x="389" y="-410" on="1"/>
+        <pt x="389" y="1454" on="1"/>
+        <pt x="143" y="1454" on="1"/>
+        <pt x="143" y="1577" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="561" y="-532" on="1"/>
+        <pt x="143" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="c" xMin="113" yMin="-25" xMax="963" yMax="1151">
+      <contour>
+        <pt x="113" y="543" on="1"/>
+        <pt x="113" y="838" on="0"/>
+        <pt x="262" y="997" on="1"/>
+        <pt x="406" y="1151" on="0"/>
+        <pt x="582" y="1151" on="1"/>
+        <pt x="589" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="662" y="1149" on="0"/>
+        <pt x="780" y="1110" on="0"/>
+        <pt x="856" y="1057" on="0"/>
+        <pt x="915" y="1006" on="0"/>
+        <pt x="930" y="987" on="1"/>
+        <pt x="942" y="971" on="1"/>
+        <pt x="834" y="868" on="1"/>
+        <pt x="832" y="872" on="0"/>
+        <pt x="819" y="889" on="0"/>
+        <pt x="778" y="928" on="0"/>
+        <pt x="727" y="958" on="0"/>
+        <pt x="641" y="985" on="0"/>
+        <pt x="592" y="987" on="1"/>
+        <pt x="588" y="987" on="0"/>
+        <pt x="584" y="987" on="1"/>
+        <pt x="470" y="987" on="0"/>
+        <pt x="379" y="874" on="1"/>
+        <pt x="285" y="757" on="0"/>
+        <pt x="285" y="543" on="1"/>
+        <pt x="285" y="371" on="0"/>
+        <pt x="449" y="139" on="0"/>
+        <pt x="582" y="139" on="1"/>
+        <pt x="633" y="139" on="0"/>
+        <pt x="694" y="147" on="0"/>
+        <pt x="799" y="203" on="0"/>
+        <pt x="856" y="256" on="1"/>
+        <pt x="963" y="154" on="1"/>
+        <pt x="881" y="72" on="0"/>
+        <pt x="733" y="-12" on="0"/>
+        <pt x="649" y="-25" on="0"/>
+        <pt x="582" y="-25" on="1"/>
+        <pt x="373" y="-25" on="0"/>
+        <pt x="113" y="299" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="colon" xMin="143" yMin="-14" xMax="371" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="307" y="213" on="0"/>
+        <pt x="371" y="150" on="0"/>
+        <pt x="371" y="51" on="0"/>
+        <pt x="307" y="-14" on="0"/>
+        <pt x="209" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="comma" xMin="82" yMin="-287" xMax="322" yMax="213">
+      <contour>
+        <pt x="82" y="51" on="0"/>
+        <pt x="82" y="150" on="0"/>
+        <pt x="147" y="213" on="0"/>
+        <pt x="197" y="213" on="1"/>
+        <pt x="258" y="213" on="0"/>
+        <pt x="322" y="113" on="0"/>
+        <pt x="322" y="45" on="1"/>
+        <pt x="320" y="-102" on="0"/>
+        <pt x="170" y="-287" on="1"/>
+        <pt x="84" y="-258" on="1"/>
+        <pt x="186" y="-131" on="0"/>
+        <pt x="205" y="-14" on="1"/>
+        <pt x="150" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="d" xMin="123" yMin="-25" xMax="1251" yMax="1679">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1679" on="1"/>
+        <pt x="1118" y="1679" on="1"/>
+        <pt x="1118" y="270" on="1"/>
+        <pt x="1120" y="254" on="0"/>
+        <pt x="1130" y="207" on="0"/>
+        <pt x="1198" y="100" on="0"/>
+        <pt x="1251" y="74" on="1"/>
+        <pt x="1110" y="-25" on="1"/>
+        <pt x="967" y="53" on="0"/>
+        <pt x="946" y="217" on="1"/>
+        <pt x="757" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="dollar" xMin="117" yMin="-139" xMax="1237" yMax="1722">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="373" y="186" on="0"/>
+        <pt x="629" y="147" on="1"/>
+        <pt x="629" y="754" on="1"/>
+        <pt x="551" y="779" on="0"/>
+        <pt x="449" y="817" on="0"/>
+        <pt x="328" y="887" on="0"/>
+        <pt x="258" y="967" on="0"/>
+        <pt x="209" y="1087" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1280" on="0"/>
+        <pt x="293" y="1454" on="0"/>
+        <pt x="428" y="1546" on="0"/>
+        <pt x="559" y="1591" on="0"/>
+        <pt x="629" y="1597" on="1"/>
+        <pt x="629" y="1722" on="1"/>
+        <pt x="760" y="1722" on="1"/>
+        <pt x="760" y="1595" on="1"/>
+        <pt x="1020" y="1570" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="938" y="1407" on="0"/>
+        <pt x="760" y="1430" on="1"/>
+        <pt x="760" y="893" on="1"/>
+        <pt x="869" y="858" on="0"/>
+        <pt x="1004" y="801" on="0"/>
+        <pt x="1159" y="694" on="0"/>
+        <pt x="1237" y="537" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="227" on="0"/>
+        <pt x="961" y="-8" on="0"/>
+        <pt x="760" y="-20" on="1"/>
+        <pt x="760" y="-139" on="1"/>
+        <pt x="629" y="-139" on="1"/>
+        <pt x="629" y="-16" on="1"/>
+        <pt x="293" y="23" on="0"/>
+      </contour>
+      <contour>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1077" on="0"/>
+        <pt x="510" y="973" on="0"/>
+        <pt x="629" y="934" on="1"/>
+        <pt x="629" y="1432" on="1"/>
+        <pt x="531" y="1418" on="0"/>
+        <pt x="381" y="1294" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="143" on="1"/>
+        <pt x="889" y="155" on="0"/>
+        <pt x="1065" y="305" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="545" on="0"/>
+        <pt x="907" y="666" on="0"/>
+        <pt x="760" y="713" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="e" xMin="113" yMin="-25" xMax="1059" yMax="1151">
+      <contour>
+        <pt x="113" y="309" on="0"/>
+        <pt x="113" y="793" on="0"/>
+        <pt x="389" y="1151" on="0"/>
+        <pt x="598" y="1151" on="1"/>
+        <pt x="717" y="1151" on="0"/>
+        <pt x="897" y="1059" on="0"/>
+        <pt x="989" y="936" on="0"/>
+        <pt x="1044" y="780" on="0"/>
+        <pt x="1059" y="682" on="0"/>
+        <pt x="1059" y="647" on="1"/>
+        <pt x="1059" y="571" on="1"/>
+        <pt x="285" y="571" on="1"/>
+        <pt x="285" y="378" on="0"/>
+        <pt x="455" y="127" on="0"/>
+        <pt x="606" y="127" on="1"/>
+        <pt x="721" y="127" on="0"/>
+        <pt x="801" y="176" on="1"/>
+        <pt x="881" y="223" on="0"/>
+        <pt x="954" y="322" on="1"/>
+        <pt x="1059" y="221" on="1"/>
+        <pt x="987" y="133" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="717" y="-16" on="0"/>
+        <pt x="657" y="-25" on="0"/>
+        <pt x="606" y="-25" on="1"/>
+        <pt x="379" y="-25" on="0"/>
+      </contour>
+      <contour>
+        <pt x="309" y="723" on="1"/>
+        <pt x="879" y="723" on="1"/>
+        <pt x="869" y="770" on="0"/>
+        <pt x="834" y="854" on="0"/>
+        <pt x="772" y="944" on="0"/>
+        <pt x="666" y="999" on="0"/>
+        <pt x="598" y="999" on="1"/>
+        <pt x="498" y="999" on="0"/>
+        <pt x="344" y="846" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="eight" xMin="133" yMin="-23" xMax="1083" yMax="1599">
+      <contour>
+        <pt x="133" y="350" on="1"/>
+        <pt x="135" y="493" on="0"/>
+        <pt x="326" y="733" on="0"/>
+        <pt x="455" y="821" on="1"/>
+        <pt x="174" y="1044" on="0"/>
+        <pt x="174" y="1260" on="1"/>
+        <pt x="174" y="1352" on="0"/>
+        <pt x="250" y="1489" on="0"/>
+        <pt x="381" y="1565" on="0"/>
+        <pt x="526" y="1599" on="0"/>
+        <pt x="690" y="1599" on="0"/>
+        <pt x="836" y="1565" on="0"/>
+        <pt x="967" y="1489" on="0"/>
+        <pt x="1042" y="1352" on="0"/>
+        <pt x="1042" y="1260" on="1"/>
+        <pt x="1042" y="1117" on="0"/>
+        <pt x="846" y="893" on="0"/>
+        <pt x="723" y="819" on="1"/>
+        <pt x="809" y="756" on="0"/>
+        <pt x="911" y="670" on="0"/>
+        <pt x="1028" y="547" on="0"/>
+        <pt x="1083" y="420" on="0"/>
+        <pt x="1083" y="350" on="1"/>
+        <pt x="1083" y="272" on="0"/>
+        <pt x="1034" y="147" on="0"/>
+        <pt x="965" y="72" on="0"/>
+        <pt x="860" y="16" on="0"/>
+        <pt x="778" y="-8" on="0"/>
+        <pt x="674" y="-23" on="0"/>
+        <pt x="654" y="-23" on="1"/>
+        <pt x="612" y="-23" on="1"/>
+        <pt x="608" y="-23" on="1"/>
+        <pt x="572" y="-23" on="1"/>
+        <pt x="559" y="-23" on="0"/>
+        <pt x="449" y="-10" on="0"/>
+        <pt x="369" y="14" on="0"/>
+        <pt x="258" y="70" on="0"/>
+        <pt x="186" y="145" on="0"/>
+        <pt x="133" y="272" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="350" on="1"/>
+        <pt x="307" y="295" on="0"/>
+        <pt x="346" y="209" on="0"/>
+        <pt x="418" y="162" on="0"/>
+        <pt x="481" y="131" on="0"/>
+        <pt x="524" y="127" on="1"/>
+        <pt x="579" y="122" on="1"/>
+        <pt x="590" y="121" on="0"/>
+        <pt x="608" y="121" on="1"/>
+        <pt x="610" y="121" on="1"/>
+        <pt x="633" y="121" on="0"/>
+        <pt x="678" y="123" on="0"/>
+        <pt x="778" y="147" on="0"/>
+        <pt x="850" y="190" on="0"/>
+        <pt x="909" y="285" on="0"/>
+        <pt x="909" y="350" on="1"/>
+        <pt x="909" y="436" on="0"/>
+        <pt x="737" y="612" on="0"/>
+        <pt x="569" y="733" on="1"/>
+        <pt x="321" y="573" on="0"/>
+      </contour>
+      <contour>
+        <pt x="348" y="1260" on="1"/>
+        <pt x="348" y="1170" on="0"/>
+        <pt x="483" y="1001" on="0"/>
+        <pt x="604" y="907" on="1"/>
+        <pt x="657" y="936" on="0"/>
+        <pt x="762" y="1014" on="0"/>
+        <pt x="868" y="1174" on="0"/>
+        <pt x="868" y="1260" on="1"/>
+        <pt x="868" y="1371" on="0"/>
+        <pt x="717" y="1468" on="0"/>
+        <pt x="500" y="1468" on="0"/>
+        <pt x="348" y="1371" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="emdash" xMin="82" yMin="498" xMax="1477" yMax="631">
+      <contour>
+        <pt x="82" y="498" on="1"/>
+        <pt x="82" y="631" on="1"/>
+        <pt x="1477" y="631" on="1"/>
+        <pt x="1477" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="endash" xMin="61" yMin="498" xMax="1190" yMax="631">
+      <contour>
+        <pt x="61" y="498" on="1"/>
+        <pt x="61" y="631" on="1"/>
+        <pt x="1190" y="631" on="1"/>
+        <pt x="1190" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="equal" xMin="133" yMin="344" xMax="1262" yMax="809">
+      <contour>
+        <pt x="133" y="344" on="1"/>
+        <pt x="133" y="481" on="1"/>
+        <pt x="1262" y="481" on="1"/>
+        <pt x="1262" y="344" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="672" on="1"/>
+        <pt x="133" y="809" on="1"/>
+        <pt x="1262" y="809" on="1"/>
+        <pt x="1262" y="672" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="exclam" xMin="174" yMin="-14" xMax="401" yMax="1679">
+      <contour>
+        <pt x="174" y="51" on="0"/>
+        <pt x="174" y="150" on="0"/>
+        <pt x="240" y="213" on="0"/>
+        <pt x="338" y="213" on="0"/>
+        <pt x="401" y="150" on="0"/>
+        <pt x="401" y="51" on="0"/>
+        <pt x="338" y="-14" on="0"/>
+        <pt x="240" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="195" y="1679" on="1"/>
+        <pt x="383" y="1679" on="1"/>
+        <pt x="356" y="377" on="1"/>
+        <pt x="221" y="377" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="f" xMin="61" yMin="0" xMax="887" yMax="1690">
+      <contour>
+        <pt x="61" y="983" on="1"/>
+        <pt x="61" y="1126" on="1"/>
+        <pt x="207" y="1126" on="1"/>
+        <pt x="207" y="1323" on="1"/>
+        <pt x="207" y="1690" on="0"/>
+        <pt x="524" y="1690" on="1"/>
+        <pt x="731" y="1690" on="0"/>
+        <pt x="887" y="1561" on="1"/>
+        <pt x="776" y="1454" on="1"/>
+        <pt x="657" y="1546" on="0"/>
+        <pt x="524" y="1546" on="1"/>
+        <pt x="475" y="1546" on="0"/>
+        <pt x="414" y="1516" on="0"/>
+        <pt x="385" y="1444" on="0"/>
+        <pt x="377" y="1380" on="0"/>
+        <pt x="377" y="1323" on="1"/>
+        <pt x="377" y="1126" on="1"/>
+        <pt x="709" y="1126" on="1"/>
+        <pt x="709" y="983" on="1"/>
+        <pt x="377" y="983" on="1"/>
+        <pt x="377" y="0" on="1"/>
+        <pt x="207" y="0" on="1"/>
+        <pt x="207" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="figuredash" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="five" xMin="143" yMin="-440" xMax="1077" yMax="1157">
+      <contour>
+        <pt x="143" y="-301" on="1"/>
+        <pt x="250" y="-197" on="1"/>
+        <pt x="258" y="-205" on="0"/>
+        <pt x="291" y="-231" on="0"/>
+        <pt x="416" y="-274" on="0"/>
+        <pt x="489" y="-274" on="1"/>
+        <pt x="639" y="-274" on="0"/>
+        <pt x="901" y="-43" on="0"/>
+        <pt x="901" y="170" on="1"/>
+        <pt x="901" y="285" on="0"/>
+        <pt x="733" y="492" on="0"/>
+        <pt x="614" y="492" on="1"/>
+        <pt x="456" y="492" on="0"/>
+        <pt x="344" y="416" on="1"/>
+        <pt x="178" y="416" on="1"/>
+        <pt x="178" y="1157" on="1"/>
+        <pt x="948" y="1157" on="1"/>
+        <pt x="948" y="1001" on="1"/>
+        <pt x="344" y="1001" on="1"/>
+        <pt x="344" y="588" on="1"/>
+        <pt x="463" y="641" on="0"/>
+        <pt x="614" y="641" on="1"/>
+        <pt x="794" y="641" on="0"/>
+        <pt x="1069" y="354" on="0"/>
+        <pt x="1077" y="170" on="1"/>
+        <pt x="1077" y="23" on="0"/>
+        <pt x="963" y="-219" on="0"/>
+        <pt x="784" y="-362" on="0"/>
+        <pt x="586" y="-440" on="0"/>
+        <pt x="489" y="-440" on="1"/>
+        <pt x="385" y="-440" on="0"/>
+        <pt x="213" y="-371" on="0"/>
+        <pt x="178" y="-336" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="four" xMin="82" yMin="-440" xMax="1225" yMax="1157">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="90" on="1"/>
+        <pt x="885" y="1157" on="1"/>
+        <pt x="993" y="1157" on="1"/>
+        <pt x="993" y="150" on="1"/>
+        <pt x="1225" y="150" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="993" y="0" on="1"/>
+        <pt x="993" y="-440" on="1"/>
+        <pt x="827" y="-440" on="1"/>
+        <pt x="827" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="141" on="1"/>
+        <pt x="346" y="150" on="1"/>
+        <pt x="827" y="150" on="1"/>
+        <pt x="827" y="838" on="1"/>
+        <pt x="336" y="172" on="1"/>
+        <pt x="307" y="143" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="g" xMin="123" yMin="-563" xMax="1184" yMax="1257">
+      <contour>
+        <pt x="123" y="-221" on="1"/>
+        <pt x="125" y="-96" on="0"/>
+        <pt x="211" y="55" on="0"/>
+        <pt x="295" y="117" on="1"/>
+        <pt x="199" y="158" on="0"/>
+        <pt x="190" y="250" on="1"/>
+        <pt x="190" y="346" on="0"/>
+        <pt x="336" y="463" on="1"/>
+        <pt x="166" y="559" on="0"/>
+        <pt x="166" y="795" on="1"/>
+        <pt x="166" y="887" on="0"/>
+        <pt x="254" y="1034" on="0"/>
+        <pt x="393" y="1114" on="0"/>
+        <pt x="539" y="1155" on="0"/>
+        <pt x="606" y="1155" on="1"/>
+        <pt x="669" y="1155" on="0"/>
+        <pt x="743" y="1137" on="1"/>
+        <pt x="876" y="1258" on="0"/>
+        <pt x="1053" y="1257" on="1"/>
+        <pt x="1108" y="1257" on="0"/>
+        <pt x="1176" y="1237" on="1"/>
+        <pt x="1147" y="1094" on="1"/>
+        <pt x="1110" y="1106" on="0"/>
+        <pt x="1053" y="1106" on="1"/>
+        <pt x="965" y="1106" on="0"/>
+        <pt x="887" y="1073" on="1"/>
+        <pt x="1047" y="971" on="0"/>
+        <pt x="1047" y="795" on="1"/>
+        <pt x="1047" y="680" on="0"/>
+        <pt x="958" y="516" on="0"/>
+        <pt x="817" y="436" on="0"/>
+        <pt x="678" y="403" on="0"/>
+        <pt x="606" y="403" on="1"/>
+        <pt x="536" y="403" on="0"/>
+        <pt x="483" y="414" on="1"/>
+        <pt x="362" y="328" on="0"/>
+        <pt x="362" y="250" on="1"/>
+        <pt x="368" y="244" on="0"/>
+        <pt x="461" y="238" on="0"/>
+        <pt x="535" y="236" on="1"/>
+        <pt x="608" y="233" on="1"/>
+        <pt x="727" y="227" on="0"/>
+        <pt x="903" y="197" on="0"/>
+        <pt x="1085" y="129" on="0"/>
+        <pt x="1184" y="-6" on="0"/>
+        <pt x="1184" y="-102" on="1"/>
+        <pt x="1184" y="-301" on="0"/>
+        <pt x="895" y="-563" on="0"/>
+        <pt x="614" y="-563" on="1"/>
+        <pt x="415" y="-563" on="0"/>
+        <pt x="123" y="-366" on="0"/>
+      </contour>
+      <contour>
+        <pt x="297" y="-221" on="1"/>
+        <pt x="297" y="-303" on="0"/>
+        <pt x="485" y="-410" on="0"/>
+        <pt x="614" y="-410" on="1"/>
+        <pt x="811" y="-410" on="0"/>
+        <pt x="1020" y="-236" on="0"/>
+        <pt x="1020" y="-102" on="1"/>
+        <pt x="1020" y="-49" on="0"/>
+        <pt x="948" y="25" on="0"/>
+        <pt x="813" y="61" on="0"/>
+        <pt x="692" y="78" on="0"/>
+        <pt x="606" y="82" on="1"/>
+        <pt x="487" y="82" on="0"/>
+        <pt x="459" y="84" on="1"/>
+        <pt x="375" y="33" on="0"/>
+        <pt x="297" y="-92" on="0"/>
+      </contour>
+      <contour>
+        <pt x="338" y="795" on="1"/>
+        <pt x="338" y="715" on="0"/>
+        <pt x="391" y="604" on="0"/>
+        <pt x="479" y="553" on="0"/>
+        <pt x="561" y="535" on="0"/>
+        <pt x="651" y="535" on="0"/>
+        <pt x="735" y="557" on="0"/>
+        <pt x="821" y="610" on="0"/>
+        <pt x="874" y="719" on="0"/>
+        <pt x="874" y="795" on="1"/>
+        <pt x="874" y="908" on="0"/>
+        <pt x="702" y="1024" on="0"/>
+        <pt x="510" y="1024" on="0"/>
+        <pt x="338" y="908" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="grave" xMin="113" yMin="1251" xMax="616" yMax="1577">
+      <contour>
+        <pt x="113" y="1432" on="1"/>
+        <pt x="156" y="1577" on="1"/>
+        <pt x="616" y="1348" on="1"/>
+        <pt x="573" y="1251" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="greater" xMin="143" yMin="-14" xMax="1280" yMax="1161">
+      <contour>
+        <pt x="143" y="-14" on="1"/>
+        <pt x="143" y="133" on="1"/>
+        <pt x="1116" y="573" on="1"/>
+        <pt x="143" y="1014" on="1"/>
+        <pt x="143" y="1161" on="1"/>
+        <pt x="1280" y="647" on="1"/>
+        <pt x="1280" y="500" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="h" xMin="174" yMin="0" xMax="1098" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="605" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="hyphen" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="i" xMin="174" yMin="0" xMax="381" yMax="1577">
+      <contour>
+        <pt x="174" y="1430" on="0"/>
+        <pt x="174" y="1520" on="0"/>
+        <pt x="233" y="1577" on="0"/>
+        <pt x="324" y="1577" on="0"/>
+        <pt x="381" y="1520" on="0"/>
+        <pt x="381" y="1430" on="0"/>
+        <pt x="324" y="1370" on="0"/>
+        <pt x="233" y="1370" on="0"/>
+      </contour>
+      <contour>
+        <pt x="193" y="0" on="1"/>
+        <pt x="193" y="1126" on="1"/>
+        <pt x="362" y="1126" on="1"/>
+        <pt x="362" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="j" xMin="-72" yMin="-563" xMax="279" yMax="1577">
+      <contour>
+        <pt x="-72" y="-401" on="1"/>
+        <pt x="-11" y="-393" on="0"/>
+        <pt x="90" y="-207" on="0"/>
+        <pt x="90" y="-88" on="1"/>
+        <pt x="90" y="1126" on="1"/>
+        <pt x="260" y="1126" on="1"/>
+        <pt x="260" y="-88" on="1"/>
+        <pt x="260" y="-266" on="0"/>
+        <pt x="86" y="-526" on="0"/>
+        <pt x="-20" y="-563" on="1"/>
+      </contour>
+      <contour>
+        <pt x="72" y="1430" on="0"/>
+        <pt x="72" y="1520" on="0"/>
+        <pt x="131" y="1577" on="0"/>
+        <pt x="221" y="1577" on="0"/>
+        <pt x="279" y="1520" on="0"/>
+        <pt x="279" y="1430" on="0"/>
+        <pt x="221" y="1370" on="0"/>
+        <pt x="131" y="1370" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="k" xMin="174" yMin="0" xMax="1167" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="729" on="1"/>
+        <pt x="729" y="997" on="0"/>
+        <pt x="795" y="1126" on="1"/>
+        <pt x="969" y="1126" on="1"/>
+        <pt x="934" y="993" on="0"/>
+        <pt x="502" y="668" on="1"/>
+        <pt x="568" y="641" on="0"/>
+        <pt x="616" y="588" on="1"/>
+        <pt x="954" y="207" on="1"/>
+        <pt x="1144" y="0" on="0"/>
+        <pt x="1167" y="0" on="1"/>
+        <pt x="936" y="0" on="1"/>
+        <pt x="911" y="8" on="0"/>
+        <pt x="756" y="174" on="0"/>
+        <pt x="526" y="442" on="0"/>
+        <pt x="494" y="477" on="1"/>
+        <pt x="433" y="540" on="0"/>
+        <pt x="395" y="551" on="1"/>
+        <pt x="375" y="557" on="0"/>
+        <pt x="346" y="549" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="l" xMin="174" yMin="-25" xMax="502" yMax="1679">
+      <contour>
+        <pt x="174" y="299" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="344" y="1679" on="1"/>
+        <pt x="344" y="299" on="1"/>
+        <pt x="344" y="188" on="0"/>
+        <pt x="367" y="166" on="1"/>
+        <pt x="412" y="121" on="0"/>
+        <pt x="502" y="121" on="1"/>
+        <pt x="496" y="-25" on="1"/>
+        <pt x="316" y="-25" on="0"/>
+        <pt x="246" y="45" on="1"/>
+        <pt x="174" y="117" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="less" xMin="154" yMin="-14" xMax="1290" yMax="1161">
+      <contour>
+        <pt x="154" y="500" on="1"/>
+        <pt x="154" y="647" on="1"/>
+        <pt x="1290" y="1161" on="1"/>
+        <pt x="1290" y="1014" on="1"/>
+        <pt x="315" y="573" on="1"/>
+        <pt x="1290" y="133" on="1"/>
+        <pt x="1290" y="-14" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="m" xMin="174" yMin="0" xMax="1718" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="903" on="1"/>
+        <pt x="571" y="1151" on="0"/>
+        <pt x="772" y="1151" on="1"/>
+        <pt x="993" y="1151" on="0"/>
+        <pt x="1026" y="897" on="1"/>
+        <pt x="1253" y="1151" on="0"/>
+        <pt x="1458" y="1151" on="1"/>
+        <pt x="1718" y="1151" on="0"/>
+        <pt x="1718" y="801" on="1"/>
+        <pt x="1718" y="0" on="1"/>
+        <pt x="1546" y="0" on="1"/>
+        <pt x="1546" y="801" on="1"/>
+        <pt x="1546" y="979" on="0"/>
+        <pt x="1458" y="979" on="1"/>
+        <pt x="1384" y="979" on="0"/>
+        <pt x="1251" y="930" on="0"/>
+        <pt x="1137" y="831" on="0"/>
+        <pt x="1077" y="770" on="0"/>
+        <pt x="1032" y="715" on="1"/>
+        <pt x="1032" y="0" on="1"/>
+        <pt x="860" y="0" on="1"/>
+        <pt x="860" y="801" on="1"/>
+        <pt x="860" y="979" on="0"/>
+        <pt x="772" y="979" on="1"/>
+        <pt x="698" y="979" on="0"/>
+        <pt x="565" y="930" on="0"/>
+        <pt x="451" y="831" on="0"/>
+        <pt x="391" y="770" on="0"/>
+        <pt x="346" y="715" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="minus" xMin="102" yMin="496" xMax="1229" yMax="633">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="n" xMin="174" yMin="0" xMax="1098" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="611" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nine" xMin="123" yMin="-440" xMax="1139" yMax="1182">
+      <contour>
+        <pt x="123" y="662" on="1"/>
+        <pt x="123" y="742" on="0"/>
+        <pt x="174" y="909" on="0"/>
+        <pt x="279" y="1075" on="0"/>
+        <pt x="477" y="1182" on="0"/>
+        <pt x="608" y="1182" on="1"/>
+        <pt x="862" y="1182" on="0"/>
+        <pt x="1139" y="799" on="0"/>
+        <pt x="1139" y="440" on="1"/>
+        <pt x="1139" y="331" on="0"/>
+        <pt x="1098" y="100" on="0"/>
+        <pt x="1001" y="-137" on="0"/>
+        <pt x="866" y="-324" on="0"/>
+        <pt x="659" y="-440" on="0"/>
+        <pt x="537" y="-440" on="1"/>
+        <pt x="420" y="-440" on="0"/>
+        <pt x="219" y="-365" on="0"/>
+        <pt x="164" y="-326" on="1"/>
+        <pt x="276" y="-217" on="1"/>
+        <pt x="395" y="-283" on="0"/>
+        <pt x="535" y="-283" on="1"/>
+        <pt x="650" y="-283" on="0"/>
+        <pt x="825" y="-133" on="0"/>
+        <pt x="922" y="106" on="0"/>
+        <pt x="969" y="346" on="0"/>
+        <pt x="973" y="463" on="1"/>
+        <pt x="793" y="197" on="0"/>
+        <pt x="559" y="197" on="1"/>
+        <pt x="366" y="197" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="662" on="1"/>
+        <pt x="295" y="498" on="0"/>
+        <pt x="442" y="348" on="0"/>
+        <pt x="559" y="348" on="1"/>
+        <pt x="786" y="348" on="0"/>
+        <pt x="950" y="684" on="1"/>
+        <pt x="915" y="854" on="0"/>
+        <pt x="739" y="1030" on="0"/>
+        <pt x="608" y="1030" on="1"/>
+        <pt x="497" y="1030" on="0"/>
+        <pt x="348" y="897" on="0"/>
+        <pt x="295" y="740" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="numbersign" xMin="82" yMin="0" xMax="1608" yMax="1577">
+      <contour>
+        <pt x="82" y="489" on="1"/>
+        <pt x="117" y="637" on="1"/>
+        <pt x="455" y="637" on="1"/>
+        <pt x="543" y="999" on="1"/>
+        <pt x="195" y="999" on="1"/>
+        <pt x="229" y="1147" on="1"/>
+        <pt x="580" y="1147" on="1"/>
+        <pt x="686" y="1577" on="1"/>
+        <pt x="838" y="1577" on="1"/>
+        <pt x="731" y="1147" on="1"/>
+        <pt x="1092" y="1147" on="1"/>
+        <pt x="1198" y="1577" on="1"/>
+        <pt x="1350" y="1577" on="1"/>
+        <pt x="1243" y="1147" on="1"/>
+        <pt x="1608" y="1147" on="1"/>
+        <pt x="1573" y="999" on="1"/>
+        <pt x="1206" y="999" on="1"/>
+        <pt x="1118" y="637" on="1"/>
+        <pt x="1495" y="637" on="1"/>
+        <pt x="1460" y="489" on="1"/>
+        <pt x="1081" y="489" on="1"/>
+        <pt x="963" y="0" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="930" y="489" on="1"/>
+        <pt x="569" y="489" on="1"/>
+        <pt x="451" y="0" on="1"/>
+        <pt x="299" y="0" on="1"/>
+        <pt x="418" y="489" on="1"/>
+      </contour>
+      <contour>
+        <pt x="606" y="637" on="1"/>
+        <pt x="967" y="637" on="1"/>
+        <pt x="1055" y="999" on="1"/>
+        <pt x="694" y="999" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="o" xMin="123" yMin="-25" xMax="1102" yMax="1151">
+      <contour>
+        <pt x="123" y="397" on="0"/>
+        <pt x="123" y="729" on="0"/>
+        <pt x="205" y="967" on="0"/>
+        <pt x="348" y="1094" on="0"/>
+        <pt x="514" y="1151" on="0"/>
+        <pt x="711" y="1151" on="0"/>
+        <pt x="877" y="1094" on="0"/>
+        <pt x="1020" y="967" on="0"/>
+        <pt x="1102" y="729" on="0"/>
+        <pt x="1102" y="397" on="0"/>
+        <pt x="1020" y="160" on="0"/>
+        <pt x="877" y="33" on="0"/>
+        <pt x="711" y="-25" on="0"/>
+        <pt x="514" y="-25" on="0"/>
+        <pt x="348" y="33" on="0"/>
+        <pt x="205" y="160" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="801" on="0"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="748" y="119" on="0"/>
+        <pt x="930" y="326" on="0"/>
+        <pt x="930" y="801" on="0"/>
+        <pt x="748" y="1008" on="0"/>
+        <pt x="477" y="1008" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="one" xMin="102" yMin="0" xMax="561" yMax="1157">
+      <contour>
+        <pt x="102" y="936" on="1"/>
+        <pt x="395" y="1157" on="1"/>
+        <pt x="561" y="1157" on="1"/>
+        <pt x="561" y="0" on="1"/>
+        <pt x="395" y="0" on="1"/>
+        <pt x="395" y="983" on="1"/>
+        <pt x="213" y="829" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="p" xMin="174" yMin="-532" xMax="1169" yMax="1151">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="-532" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenleft" xMin="123" yMin="-535" xMax="631" yMax="1577">
+      <contour>
+        <pt x="123" y="520" on="1"/>
+        <pt x="123" y="618" on="0"/>
+        <pt x="150" y="862" on="0"/>
+        <pt x="221" y="1157" on="0"/>
+        <pt x="328" y="1397" on="0"/>
+        <pt x="508" y="1567" on="0"/>
+        <pt x="618" y="1577" on="1"/>
+        <pt x="631" y="1434" on="1"/>
+        <pt x="535" y="1399" on="0"/>
+        <pt x="393" y="1180" on="0"/>
+        <pt x="326" y="889" on="0"/>
+        <pt x="295" y="633" on="0"/>
+        <pt x="295" y="520" on="1"/>
+        <pt x="295" y="409" on="0"/>
+        <pt x="326" y="154" on="0"/>
+        <pt x="393" y="-137" on="0"/>
+        <pt x="535" y="-358" on="0"/>
+        <pt x="631" y="-391" on="1"/>
+        <pt x="618" y="-535" on="1"/>
+        <pt x="505" y="-523" on="0"/>
+        <pt x="326" y="-350" on="0"/>
+        <pt x="221" y="-113" on="0"/>
+        <pt x="150" y="178" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenright" xMin="61" yMin="-535" xMax="569" yMax="1577">
+      <contour>
+        <pt x="61" y="-391" on="1"/>
+        <pt x="157" y="-358" on="0"/>
+        <pt x="299" y="-137" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="397" y="410" on="0"/>
+        <pt x="397" y="520" on="1"/>
+        <pt x="397" y="633" on="0"/>
+        <pt x="367" y="889" on="0"/>
+        <pt x="299" y="1180" on="0"/>
+        <pt x="158" y="1399" on="0"/>
+        <pt x="61" y="1434" on="1"/>
+        <pt x="74" y="1577" on="1"/>
+        <pt x="185" y="1567" on="0"/>
+        <pt x="365" y="1397" on="0"/>
+        <pt x="471" y="1157" on="0"/>
+        <pt x="543" y="862" on="0"/>
+        <pt x="569" y="618" on="0"/>
+        <pt x="569" y="520" on="1"/>
+        <pt x="569" y="420" on="0"/>
+        <pt x="543" y="178" on="0"/>
+        <pt x="471" y="-113" on="0"/>
+        <pt x="367" y="-350" on="0"/>
+        <pt x="186" y="-522" on="0"/>
+        <pt x="74" y="-535" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="percent" xMin="123" yMin="-96" xMax="1944" yMax="1667">
+      <contour>
+        <pt x="123" y="1049" on="0"/>
+        <pt x="123" y="1286" on="0"/>
+        <pt x="193" y="1460" on="0"/>
+        <pt x="309" y="1552" on="0"/>
+        <pt x="438" y="1595" on="0"/>
+        <pt x="510" y="1595" on="1"/>
+        <pt x="584" y="1595" on="0"/>
+        <pt x="713" y="1554" on="0"/>
+        <pt x="831" y="1460" on="0"/>
+        <pt x="899" y="1284" on="0"/>
+        <pt x="899" y="1163" on="1"/>
+        <pt x="897" y="936" on="0"/>
+        <pt x="670" y="737" on="0"/>
+        <pt x="512" y="737" on="1"/>
+        <pt x="440" y="737" on="0"/>
+        <pt x="311" y="780" on="0"/>
+        <pt x="193" y="872" on="0"/>
+      </contour>
+      <contour>
+        <pt x="276" y="1167" on="1"/>
+        <pt x="276" y="999" on="0"/>
+        <pt x="416" y="852" on="0"/>
+        <pt x="608" y="852" on="0"/>
+        <pt x="743" y="997" on="0"/>
+        <pt x="745" y="1163" on="1"/>
+        <pt x="745" y="1333" on="0"/>
+        <pt x="608" y="1481" on="0"/>
+        <pt x="510" y="1481" on="1"/>
+        <pt x="414" y="1479" on="0"/>
+        <pt x="276" y="1333" on="0"/>
+      </contour>
+      <contour>
+        <pt x="350" y="-96" on="1"/>
+        <pt x="1538" y="1667" on="1"/>
+        <pt x="1714" y="1667" on="1"/>
+        <pt x="526" y="-96" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1167" y="416" on="1"/>
+        <pt x="1169" y="643" on="0"/>
+        <pt x="1395" y="844" on="0"/>
+        <pt x="1554" y="846" on="1"/>
+        <pt x="1628" y="846" on="0"/>
+        <pt x="1757" y="803" on="0"/>
+        <pt x="1876" y="711" on="0"/>
+        <pt x="1944" y="532" on="0"/>
+        <pt x="1944" y="412" on="1"/>
+        <pt x="1942" y="185" on="0"/>
+        <pt x="1714" y="-14" on="0"/>
+        <pt x="1556" y="-14" on="1"/>
+        <pt x="1484" y="-14" on="0"/>
+        <pt x="1356" y="29" on="0"/>
+        <pt x="1237" y="121" on="0"/>
+        <pt x="1167" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1323" y="412" on="1"/>
+        <pt x="1323" y="246" on="0"/>
+        <pt x="1460" y="100" on="0"/>
+        <pt x="1653" y="100" on="0"/>
+        <pt x="1788" y="246" on="0"/>
+        <pt x="1790" y="412" on="1"/>
+        <pt x="1790" y="580" on="0"/>
+        <pt x="1655" y="729" on="0"/>
+        <pt x="1559" y="731" on="1"/>
+        <pt x="1463" y="731" on="0"/>
+        <pt x="1323" y="582" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="period" xMin="92" yMin="-14" xMax="319" yMax="213">
+      <contour>
+        <pt x="92" y="51" on="0"/>
+        <pt x="92" y="150" on="0"/>
+        <pt x="158" y="213" on="0"/>
+        <pt x="256" y="213" on="0"/>
+        <pt x="319" y="150" on="0"/>
+        <pt x="319" y="51" on="0"/>
+        <pt x="256" y="-14" on="0"/>
+        <pt x="158" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="plus" xMin="102" yMin="0" xMax="1229" yMax="1126">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="586" y="633" on="1"/>
+        <pt x="586" y="1126" on="1"/>
+        <pt x="723" y="1126" on="1"/>
+        <pt x="723" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+        <pt x="723" y="496" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="586" y="0" on="1"/>
+        <pt x="586" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="q" xMin="123" yMin="-532" xMax="1118" yMax="1151">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1126" on="1"/>
+        <pt x="1118" y="1126" on="1"/>
+        <pt x="1118" y="-532" on="1"/>
+        <pt x="946" y="-532" on="1"/>
+        <pt x="946" y="215" on="1"/>
+        <pt x="753" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="question" xMin="84" yMin="-14" xMax="958" yMax="1679">
+      <contour>
+        <pt x="84" y="1393" on="1"/>
+        <pt x="90" y="1405" on="0"/>
+        <pt x="117" y="1444" on="0"/>
+        <pt x="203" y="1542" on="0"/>
+        <pt x="299" y="1618" on="0"/>
+        <pt x="453" y="1679" on="0"/>
+        <pt x="532" y="1679" on="1"/>
+        <pt x="636" y="1679" on="0"/>
+        <pt x="797" y="1628" on="0"/>
+        <pt x="887" y="1550" on="0"/>
+        <pt x="942" y="1446" on="0"/>
+        <pt x="958" y="1358" on="0"/>
+        <pt x="958" y="1311" on="1"/>
+        <pt x="958" y="1233" on="0"/>
+        <pt x="909" y="1094" on="0"/>
+        <pt x="795" y="954" on="0"/>
+        <pt x="759" y="920" on="1"/>
+        <pt x="645" y="813" on="1"/>
+        <pt x="481" y="663" on="0"/>
+        <pt x="481" y="600" on="1"/>
+        <pt x="481" y="512" on="0"/>
+        <pt x="575" y="428" on="1"/>
+        <pt x="471" y="338" on="1"/>
+        <pt x="418" y="385" on="0"/>
+        <pt x="367" y="444" on="0"/>
+        <pt x="324" y="543" on="0"/>
+        <pt x="324" y="602" on="1"/>
+        <pt x="324" y="692" on="0"/>
+        <pt x="428" y="840" on="0"/>
+        <pt x="537" y="936" on="1"/>
+        <pt x="611" y="1004" on="0"/>
+        <pt x="700" y="1100" on="0"/>
+        <pt x="784" y="1243" on="0"/>
+        <pt x="786" y="1311" on="1"/>
+        <pt x="786" y="1536" on="0"/>
+        <pt x="532" y="1536" on="1"/>
+        <pt x="473" y="1536" on="0"/>
+        <pt x="360" y="1485" on="0"/>
+        <pt x="283" y="1413" on="0"/>
+        <pt x="221" y="1341" on="0"/>
+        <pt x="207" y="1315" on="1"/>
+        <pt x="193" y="1290" on="1"/>
+      </contour>
+      <contour>
+        <pt x="399" y="51" on="0"/>
+        <pt x="399" y="150" on="0"/>
+        <pt x="465" y="213" on="0"/>
+        <pt x="563" y="213" on="0"/>
+        <pt x="627" y="150" on="0"/>
+        <pt x="627" y="51" on="0"/>
+        <pt x="563" y="-14" on="0"/>
+        <pt x="465" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedbl" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblleft" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1245" on="1"/>
+        <pt x="94" y="1392" on="0"/>
+        <pt x="244" y="1577" on="1"/>
+        <pt x="330" y="1548" on="1"/>
+        <pt x="228" y="1421" on="0"/>
+        <pt x="207" y="1305" on="1"/>
+        <pt x="262" y="1305" on="0"/>
+        <pt x="332" y="1239" on="0"/>
+        <pt x="332" y="1141" on="0"/>
+        <pt x="266" y="1077" on="0"/>
+        <pt x="217" y="1077" on="1"/>
+        <pt x="156" y="1077" on="0"/>
+        <pt x="92" y="1177" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1245" on="1"/>
+        <pt x="444" y="1392" on="0"/>
+        <pt x="594" y="1577" on="1"/>
+        <pt x="680" y="1548" on="1"/>
+        <pt x="578" y="1421" on="0"/>
+        <pt x="557" y="1305" on="1"/>
+        <pt x="612" y="1305" on="0"/>
+        <pt x="682" y="1239" on="0"/>
+        <pt x="682" y="1141" on="0"/>
+        <pt x="616" y="1077" on="0"/>
+        <pt x="567" y="1077" on="1"/>
+        <pt x="506" y="1077" on="0"/>
+        <pt x="442" y="1177" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblright" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotesingle" xMin="92" yMin="1077" xMax="332" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="r" xMin="174" yMin="0" xMax="903" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="487" y="1151" on="0"/>
+        <pt x="631" y="1151" on="1"/>
+        <pt x="709" y="1151" on="0"/>
+        <pt x="846" y="1094" on="0"/>
+        <pt x="874" y="1065" on="1"/>
+        <pt x="903" y="1038" on="1"/>
+        <pt x="784" y="924" on="1"/>
+        <pt x="735" y="987" on="0"/>
+        <pt x="639" y="987" on="1"/>
+        <pt x="481" y="987" on="0"/>
+        <pt x="346" y="705" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="s" xMin="92" yMin="-25" xMax="924" yMax="1151">
+      <contour>
+        <pt x="92" y="205" on="1"/>
+        <pt x="211" y="301" on="1"/>
+        <pt x="256" y="219" on="0"/>
+        <pt x="436" y="121" on="0"/>
+        <pt x="537" y="119" on="1"/>
+        <pt x="629" y="119" on="0"/>
+        <pt x="760" y="217" on="0"/>
+        <pt x="760" y="309" on="1"/>
+        <pt x="760" y="364" on="0"/>
+        <pt x="674" y="446" on="0"/>
+        <pt x="586" y="481" on="0"/>
+        <pt x="426" y="530" on="0"/>
+        <pt x="328" y="569" on="0"/>
+        <pt x="213" y="643" on="0"/>
+        <pt x="158" y="754" on="0"/>
+        <pt x="158" y="829" on="1"/>
+        <pt x="158" y="907" on="0"/>
+        <pt x="211" y="1028" on="0"/>
+        <pt x="289" y="1096" on="0"/>
+        <pt x="391" y="1139" on="0"/>
+        <pt x="471" y="1151" on="0"/>
+        <pt x="510" y="1151" on="1"/>
+        <pt x="733" y="1151" on="0"/>
+        <pt x="864" y="1020" on="1"/>
+        <pt x="754" y="913" on="1"/>
+        <pt x="666" y="1007" on="0"/>
+        <pt x="510" y="1008" on="1"/>
+        <pt x="471" y="1008" on="0"/>
+        <pt x="395" y="985" on="0"/>
+        <pt x="322" y="899" on="0"/>
+        <pt x="322" y="829" on="1"/>
+        <pt x="322" y="794" on="0"/>
+        <pt x="356" y="743" on="0"/>
+        <pt x="436" y="702" on="0"/>
+        <pt x="496" y="680" on="0"/>
+        <pt x="555" y="662" on="1"/>
+        <pt x="629" y="639" on="0"/>
+        <pt x="702" y="614" on="0"/>
+        <pt x="819" y="553" on="0"/>
+        <pt x="877" y="489" on="0"/>
+        <pt x="924" y="379" on="0"/>
+        <pt x="924" y="309" on="1"/>
+        <pt x="924" y="147" on="0"/>
+        <pt x="694" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="401" y="-25" on="0"/>
+        <pt x="162" y="94" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="semicolon" xMin="143" yMin="-287" xMax="383" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="258" y="213" on="1"/>
+        <pt x="319" y="213" on="0"/>
+        <pt x="383" y="113" on="0"/>
+        <pt x="383" y="45" on="1"/>
+        <pt x="381" y="-102" on="0"/>
+        <pt x="231" y="-287" on="1"/>
+        <pt x="145" y="-258" on="1"/>
+        <pt x="247" y="-131" on="0"/>
+        <pt x="266" y="-14" on="1"/>
+        <pt x="211" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="seven" xMin="10" yMin="-440" xMax="997" yMax="1157">
+      <contour>
+        <pt x="10" y="-328" on="1"/>
+        <pt x="96" y="-275" on="0"/>
+        <pt x="602" y="614" on="0"/>
+        <pt x="786" y="993" on="1"/>
+        <pt x="90" y="993" on="1"/>
+        <pt x="90" y="1157" on="1"/>
+        <pt x="997" y="1157" on="1"/>
+        <pt x="997" y="1036" on="1"/>
+        <pt x="802" y="626" on="0"/>
+        <pt x="236" y="-391" on="0"/>
+        <pt x="125" y="-440" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="six" xMin="131" yMin="-14" xMax="1147" yMax="1608">
+      <contour>
+        <pt x="131" y="727" on="1"/>
+        <pt x="131" y="1087" on="0"/>
+        <pt x="471" y="1608" on="0"/>
+        <pt x="725" y="1608" on="1"/>
+        <pt x="913" y="1608" on="0"/>
+        <pt x="1081" y="1473" on="1"/>
+        <pt x="971" y="1366" on="1"/>
+        <pt x="871" y="1450" on="0"/>
+        <pt x="731" y="1450" on="1"/>
+        <pt x="616" y="1450" on="0"/>
+        <pt x="442" y="1298" on="0"/>
+        <pt x="348" y="1059" on="0"/>
+        <pt x="299" y="817" on="0"/>
+        <pt x="297" y="702" on="1"/>
+        <pt x="473" y="970" on="0"/>
+        <pt x="711" y="971" on="1"/>
+        <pt x="904" y="971" on="0"/>
+        <pt x="1147" y="748" on="0"/>
+        <pt x="1147" y="506" on="1"/>
+        <pt x="1147" y="426" on="0"/>
+        <pt x="1096" y="258" on="0"/>
+        <pt x="991" y="92" on="0"/>
+        <pt x="793" y="-14" on="0"/>
+        <pt x="662" y="-14" on="1"/>
+        <pt x="408" y="-14" on="0"/>
+        <pt x="131" y="369" on="0"/>
+      </contour>
+      <contour>
+        <pt x="319" y="481" on="1"/>
+        <pt x="354" y="313" on="0"/>
+        <pt x="530" y="137" on="0"/>
+        <pt x="662" y="137" on="1"/>
+        <pt x="773" y="137" on="0"/>
+        <pt x="922" y="270" on="0"/>
+        <pt x="975" y="428" on="0"/>
+        <pt x="975" y="506" on="1"/>
+        <pt x="975" y="670" on="0"/>
+        <pt x="827" y="819" on="0"/>
+        <pt x="711" y="819" on="1"/>
+        <pt x="481" y="819" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="slash" xMin="41" yMin="-532" xMax="844" yMax="1577">
+      <contour>
+        <pt x="41" y="-532" on="1"/>
+        <pt x="674" y="1577" on="1"/>
+        <pt x="844" y="1577" on="1"/>
+        <pt x="211" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="t" xMin="92" yMin="-25" xMax="788" yMax="1434">
+      <contour>
+        <pt x="92" y="983" on="1"/>
+        <pt x="92" y="1126" on="1"/>
+        <pt x="236" y="1126" on="1"/>
+        <pt x="236" y="1434" on="1"/>
+        <pt x="408" y="1434" on="1"/>
+        <pt x="408" y="1126" on="1"/>
+        <pt x="678" y="1126" on="1"/>
+        <pt x="678" y="983" on="1"/>
+        <pt x="408" y="983" on="1"/>
+        <pt x="408" y="328" on="1"/>
+        <pt x="408" y="287" on="0"/>
+        <pt x="412" y="236" on="0"/>
+        <pt x="430" y="158" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="514" y="119" on="1"/>
+        <pt x="610" y="119" on="0"/>
+        <pt x="692" y="197" on="1"/>
+        <pt x="788" y="104" on="1"/>
+        <pt x="653" y="-25" on="0"/>
+        <pt x="469" y="-25" on="1"/>
+        <pt x="236" y="-25" on="0"/>
+        <pt x="236" y="328" on="1"/>
+        <pt x="236" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="three" xMin="82" yMin="-440" xMax="1022" yMax="1182">
+      <contour>
+        <pt x="82" y="-313" on="1"/>
+        <pt x="190" y="-207" on="1"/>
+        <pt x="200" y="-215" on="0"/>
+        <pt x="236" y="-240" on="0"/>
+        <pt x="360" y="-276" on="0"/>
+        <pt x="428" y="-274" on="1"/>
+        <pt x="520" y="-274" on="0"/>
+        <pt x="705" y="-188" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="848" y="166" on="1"/>
+        <pt x="848" y="264" on="0"/>
+        <pt x="700" y="414" on="0"/>
+        <pt x="600" y="414" on="1"/>
+        <pt x="559" y="414" on="0"/>
+        <pt x="469" y="401" on="0"/>
+        <pt x="399" y="387" on="0"/>
+        <pt x="344" y="371" on="0"/>
+        <pt x="328" y="365" on="1"/>
+        <pt x="311" y="360" on="1"/>
+        <pt x="311" y="504" on="1"/>
+        <pt x="477" y="572" on="0"/>
+        <pt x="670" y="733" on="0"/>
+        <pt x="670" y="850" on="1"/>
+        <pt x="670" y="924" on="0"/>
+        <pt x="565" y="1016" on="0"/>
+        <pt x="492" y="1016" on="1"/>
+        <pt x="439" y="1016" on="0"/>
+        <pt x="346" y="987" on="0"/>
+        <pt x="287" y="944" on="0"/>
+        <pt x="244" y="901" on="0"/>
+        <pt x="233" y="887" on="1"/>
+        <pt x="225" y="872" on="1"/>
+        <pt x="129" y="967" on="1"/>
+        <pt x="133" y="975" on="0"/>
+        <pt x="152" y="1004" on="0"/>
+        <pt x="215" y="1079" on="0"/>
+        <pt x="291" y="1135" on="0"/>
+        <pt x="420" y="1182" on="0"/>
+        <pt x="489" y="1182" on="1"/>
+        <pt x="634" y="1182" on="0"/>
+        <pt x="838" y="995" on="0"/>
+        <pt x="838" y="850" on="1"/>
+        <pt x="838" y="692" on="0"/>
+        <pt x="655" y="557" on="1"/>
+        <pt x="807" y="539" on="0"/>
+        <pt x="1018" y="322" on="0"/>
+        <pt x="1022" y="166" on="1"/>
+        <pt x="1022" y="19" on="0"/>
+        <pt x="907" y="-223" on="0"/>
+        <pt x="725" y="-365" on="0"/>
+        <pt x="524" y="-440" on="0"/>
+        <pt x="428" y="-440" on="1"/>
+        <pt x="340" y="-440" on="0"/>
+        <pt x="166" y="-377" on="0"/>
+        <pt x="123" y="-344" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="two" xMin="102" yMin="0" xMax="1014" yMax="1182">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="131" on="1"/>
+        <pt x="173" y="180" on="1"/>
+        <pt x="217" y="211" on="0"/>
+        <pt x="440" y="389" on="0"/>
+        <pt x="610" y="549" on="0"/>
+        <pt x="752" y="741" on="0"/>
+        <pt x="752" y="807" on="1"/>
+        <pt x="752" y="916" on="0"/>
+        <pt x="639" y="1020" on="0"/>
+        <pt x="543" y="1018" on="1"/>
+        <pt x="490" y="1018" on="0"/>
+        <pt x="387" y="979" on="0"/>
+        <pt x="319" y="926" on="0"/>
+        <pt x="268" y="870" on="0"/>
+        <pt x="256" y="852" on="1"/>
+        <pt x="244" y="834" on="1"/>
+        <pt x="140" y="932" on="0"/>
+        <pt x="139" y="934" on="1"/>
+        <pt x="182" y="1012" on="0"/>
+        <pt x="406" y="1180" on="0"/>
+        <pt x="545" y="1182" on="1"/>
+        <pt x="725" y="1182" on="0"/>
+        <pt x="926" y="997" on="0"/>
+        <pt x="926" y="819" on="1"/>
+        <pt x="926" y="680" on="0"/>
+        <pt x="596" y="311" on="0"/>
+        <pt x="385" y="150" on="1"/>
+        <pt x="1012" y="150" on="1"/>
+        <pt x="1014" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="u" xMin="164" yMin="-25" xMax="1087" yMax="1126">
+      <contour>
+        <pt x="164" y="326" on="1"/>
+        <pt x="164" y="1126" on="1"/>
+        <pt x="336" y="1126" on="1"/>
+        <pt x="336" y="326" on="1"/>
+        <pt x="336" y="148" on="0"/>
+        <pt x="424" y="147" on="1"/>
+        <pt x="657" y="147" on="0"/>
+        <pt x="915" y="416" on="1"/>
+        <pt x="915" y="1126" on="1"/>
+        <pt x="1087" y="1126" on="1"/>
+        <pt x="1087" y="0" on="1"/>
+        <pt x="915" y="0" on="1"/>
+        <pt x="915" y="236" on="1"/>
+        <pt x="643" y="-24" on="0"/>
+        <pt x="424" y="-25" on="1"/>
+        <pt x="164" y="-24" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="underscore" xMin="113" yMin="-131" xMax="1241" yMax="0">
+      <contour>
+        <pt x="113" y="0" on="1"/>
+        <pt x="1241" y="0" on="1"/>
+        <pt x="1241" y="-131" on="1"/>
+        <pt x="113" y="-131" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2011" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1125" yMax="1125">
+      <contour>
+        <pt x="0" y="1125" on="1"/>
+        <pt x="1125" y="1125" on="1"/>
+        <pt x="1125" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="v" xMin="72" yMin="0" xMax="1073" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="270" y="1126" on="1"/>
+        <pt x="563" y="256" on="1"/>
+        <pt x="569" y="217" on="1"/>
+        <pt x="573" y="236" on="1"/>
+        <pt x="575" y="254" on="0"/>
+        <pt x="575" y="256" on="1"/>
+        <pt x="821" y="1069" on="0"/>
+        <pt x="887" y="1126" on="1"/>
+        <pt x="1073" y="1126" on="1"/>
+        <pt x="1038" y="1083" on="0"/>
+        <pt x="827" y="520" on="0"/>
+        <pt x="739" y="260" on="1"/>
+        <pt x="651" y="0" on="1"/>
+        <pt x="502" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="w" xMin="72" yMin="0" xMax="1561" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="258" y="1126" on="1"/>
+        <pt x="481" y="287" on="1"/>
+        <pt x="487" y="244" on="1"/>
+        <pt x="494" y="287" on="1"/>
+        <pt x="733" y="1126" on="1"/>
+        <pt x="881" y="1126" on="1"/>
+        <pt x="1120" y="287" on="1"/>
+        <pt x="1128" y="244" on="1"/>
+        <pt x="1135" y="287" on="1"/>
+        <pt x="1352" y="1104" on="0"/>
+        <pt x="1393" y="1126" on="1"/>
+        <pt x="1561" y="1126" on="1"/>
+        <pt x="1536" y="1101" on="0"/>
+        <pt x="1358" y="539" on="0"/>
+        <pt x="1282" y="270" on="1"/>
+        <pt x="1204" y="0" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="807" y="868" on="1"/>
+        <pt x="559" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="x" xMin="82" yMin="0" xMax="1135" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="111" y="12" on="0"/>
+        <pt x="428" y="440" on="0"/>
+        <pt x="520" y="575" on="1"/>
+        <pt x="123" y="1126" on="1"/>
+        <pt x="340" y="1126" on="1"/>
+        <pt x="618" y="719" on="1"/>
+        <pt x="884" y="1114" on="0"/>
+        <pt x="922" y="1126" on="1"/>
+        <pt x="1135" y="1126" on="1"/>
+        <pt x="1086" y="1103" on="0"/>
+        <pt x="715" y="578" on="1"/>
+        <pt x="1124" y="0" on="1"/>
+        <pt x="907" y="0" on="1"/>
+        <pt x="616" y="434" on="1"/>
+        <pt x="321" y="8" on="0"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="y" xMin="59" yMin="-563" xMax="1137" yMax="1126">
+      <contour>
+        <pt x="59" y="-414" on="1"/>
+        <pt x="196" y="-406" on="0"/>
+        <pt x="276" y="-326" on="1"/>
+        <pt x="315" y="-287" on="0"/>
+        <pt x="385" y="-168" on="0"/>
+        <pt x="440" y="-35" on="1"/>
+        <pt x="496" y="102" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="285" y="1126" on="1"/>
+        <pt x="590" y="336" on="1"/>
+        <pt x="897" y="1090" on="0"/>
+        <pt x="942" y="1126" on="1"/>
+        <pt x="1137" y="1126" on="1"/>
+        <pt x="1092" y="1083" on="0"/>
+        <pt x="922" y="705" on="0"/>
+        <pt x="602" y="-80" on="1"/>
+        <pt x="547" y="-211" on="1"/>
+        <pt x="527" y="-258" on="0"/>
+        <pt x="442" y="-391" on="0"/>
+        <pt x="393" y="-438" on="1"/>
+        <pt x="274" y="-553" on="0"/>
+        <pt x="102" y="-563" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="z" xMin="102" yMin="0" xMax="979" yMax="1126">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="145" on="1"/>
+        <pt x="737" y="983" on="1"/>
+        <pt x="102" y="983" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="944" y="1126" on="1"/>
+        <pt x="944" y="983" on="1"/>
+        <pt x="309" y="145" on="1"/>
+        <pt x="834" y="145" on="1"/>
+        <pt x="947" y="145" on="0"/>
+        <pt x="979" y="180" on="1"/>
+        <pt x="979" y="35" on="1"/>
+        <pt x="967" y="21" on="0"/>
+        <pt x="893" y="4" on="0"/>
+        <pt x="862" y="2" on="1"/>
+        <pt x="831" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="zero" xMin="123" yMin="-23" xMax="1130" yMax="1182">
+      <contour>
+        <pt x="123" y="414" on="0"/>
+        <pt x="123" y="745" on="0"/>
+        <pt x="211" y="989" on="0"/>
+        <pt x="360" y="1120" on="0"/>
+        <pt x="530" y="1182" on="0"/>
+        <pt x="723" y="1182" on="0"/>
+        <pt x="893" y="1120" on="0"/>
+        <pt x="1042" y="989" on="0"/>
+        <pt x="1130" y="745" on="0"/>
+        <pt x="1130" y="414" on="0"/>
+        <pt x="1042" y="170" on="0"/>
+        <pt x="893" y="39" on="0"/>
+        <pt x="723" y="-23" on="0"/>
+        <pt x="530" y="-23" on="0"/>
+        <pt x="360" y="39" on="0"/>
+        <pt x="211" y="170" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="817" on="0"/>
+        <pt x="295" y="342" on="0"/>
+        <pt x="487" y="129" on="0"/>
+        <pt x="766" y="129" on="0"/>
+        <pt x="958" y="342" on="0"/>
+        <pt x="958" y="817" on="0"/>
+        <pt x="766" y="1030" on="0"/>
+        <pt x="487" y="1030" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultscript" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+      </contour>
+      <contour>
+        <pt x="896" y="161" on="1"/>
+        <pt x="896" y="351" on="1"/>
+        <pt x="896" y="365" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="865" y="384" on="1"/>
+        <pt x="673" y="384" on="1"/>
+        <pt x="660" y="384" on="0"/>
+        <pt x="640" y="364" on="0"/>
+        <pt x="640" y="351" on="1"/>
+        <pt x="640" y="161" on="1"/>
+        <pt x="640" y="148" on="0"/>
+        <pt x="660" y="128" on="0"/>
+        <pt x="673" y="128" on="1"/>
+        <pt x="865" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="894" y="505" on="1"/>
+        <pt x="912" y="1126" on="1"/>
+        <pt x="912" y="1138" on="0"/>
+        <pt x="902" y="1144" on="1"/>
+        <pt x="892" y="1152" on="0"/>
+        <pt x="878" y="1152" on="1"/>
+        <pt x="658" y="1152" on="1"/>
+        <pt x="644" y="1152" on="0"/>
+        <pt x="634" y="1144" on="1"/>
+        <pt x="624" y="1138" on="0"/>
+        <pt x="624" y="1126" on="1"/>
+        <pt x="641" y="505" on="1"/>
+        <pt x="641" y="495" on="0"/>
+        <pt x="661" y="480" on="0"/>
+        <pt x="675" y="480" on="1"/>
+        <pt x="860" y="480" on="1"/>
+        <pt x="874" y="480" on="0"/>
+        <pt x="893" y="495" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="latinscript" xMin="16" yMin="-128" xMax="1776" yMax="1536">
+      <contour>
+        <pt x="1024" y="161" on="1"/>
+        <pt x="1024" y="351" on="1"/>
+        <pt x="1024" y="365" on="0"/>
+        <pt x="1005" y="384" on="0"/>
+        <pt x="992" y="384" on="1"/>
+        <pt x="800" y="384" on="1"/>
+        <pt x="787" y="384" on="0"/>
+        <pt x="768" y="365" on="0"/>
+        <pt x="768" y="351" on="1"/>
+        <pt x="768" y="161" on="1"/>
+        <pt x="768" y="147" on="0"/>
+        <pt x="787" y="128" on="0"/>
+        <pt x="800" y="128" on="1"/>
+        <pt x="992" y="128" on="1"/>
+        <pt x="1005" y="128" on="0"/>
+        <pt x="1024" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1022" y="535" on="1"/>
+        <pt x="1040" y="994" on="1"/>
+        <pt x="1040" y="1006" on="0"/>
+        <pt x="1030" y="1013" on="1"/>
+        <pt x="1017" y="1024" on="0"/>
+        <pt x="1006" y="1024" on="1"/>
+        <pt x="786" y="1024" on="1"/>
+        <pt x="775" y="1024" on="0"/>
+        <pt x="762" y="1013" on="1"/>
+        <pt x="752" y="1006" on="0"/>
+        <pt x="752" y="992" on="1"/>
+        <pt x="769" y="535" on="1"/>
+        <pt x="769" y="525" on="0"/>
+        <pt x="789" y="512" on="0"/>
+        <pt x="803" y="512" on="1"/>
+        <pt x="988" y="512" on="1"/>
+        <pt x="1002" y="512" on="0"/>
+        <pt x="1021" y="525" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1008" y="1469" on="1"/>
+        <pt x="1776" y="61" on="1"/>
+        <pt x="1811" y="-2" on="0"/>
+        <pt x="1774" y="-65" on="1"/>
+        <pt x="1757" y="-94" on="0"/>
+        <pt x="1698" y="-128" on="0"/>
+        <pt x="1664" y="-128" on="1"/>
+        <pt x="128" y="-128" on="1"/>
+        <pt x="94" y="-128" on="0"/>
+        <pt x="35" y="-94" on="0"/>
+        <pt x="18" y="-65" on="1"/>
+        <pt x="-19" y="-2" on="0"/>
+        <pt x="16" y="61" on="1"/>
+        <pt x="784" y="1469" on="1"/>
+        <pt x="801" y="1500" on="0"/>
+        <pt x="861" y="1536" on="0"/>
+        <pt x="931" y="1536" on="0"/>
+        <pt x="991" y="1500" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1097" y="457" on="1"/>
+        <pt x="951" y="311" on="1"/>
+        <pt x="941" y="301" on="0"/>
+        <pt x="915" y="301" on="0"/>
+        <pt x="905" y="311" on="1"/>
+        <pt x="768" y="448" on="1"/>
+        <pt x="631" y="311" on="1"/>
+        <pt x="621" y="301" on="0"/>
+        <pt x="595" y="301" on="0"/>
+        <pt x="585" y="311" on="1"/>
+        <pt x="439" y="457" on="1"/>
+        <pt x="429" y="467" on="0"/>
+        <pt x="429" y="493" on="0"/>
+        <pt x="439" y="503" on="1"/>
+        <pt x="576" y="640" on="1"/>
+        <pt x="439" y="777" on="1"/>
+        <pt x="429" y="787" on="0"/>
+        <pt x="429" y="813" on="0"/>
+        <pt x="439" y="823" on="1"/>
+        <pt x="585" y="969" on="1"/>
+        <pt x="595" y="979" on="0"/>
+        <pt x="621" y="979" on="0"/>
+        <pt x="631" y="969" on="1"/>
+        <pt x="768" y="832" on="1"/>
+        <pt x="905" y="969" on="1"/>
+        <pt x="915" y="979" on="0"/>
+        <pt x="941" y="979" on="0"/>
+        <pt x="951" y="969" on="1"/>
+        <pt x="1097" y="823" on="1"/>
+        <pt x="1107" y="813" on="0"/>
+        <pt x="1107" y="787" on="0"/>
+        <pt x="1097" y="777" on="1"/>
+        <pt x="960" y="640" on="1"/>
+        <pt x="1097" y="503" on="1"/>
+        <pt x="1107" y="493" on="0"/>
+        <pt x="1107" y="467" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1312" y="492" on="0"/>
+        <pt x="1312" y="788" on="0"/>
+        <pt x="1166" y="1038" on="0"/>
+        <pt x="916" y="1184" on="0"/>
+        <pt x="620" y="1184" on="0"/>
+        <pt x="370" y="1038" on="0"/>
+        <pt x="224" y="788" on="0"/>
+        <pt x="224" y="492" on="0"/>
+        <pt x="370" y="242" on="0"/>
+        <pt x="620" y="96" on="0"/>
+        <pt x="916" y="96" on="0"/>
+        <pt x="1166" y="242" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="frenchlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1149" y="414" on="1"/>
+        <pt x="1149" y="440" on="0"/>
+        <pt x="1130" y="459" on="1"/>
+        <pt x="949" y="640" on="1"/>
+        <pt x="1130" y="821" on="1"/>
+        <pt x="1149" y="840" on="0"/>
+        <pt x="1149" y="866" on="1"/>
+        <pt x="1149" y="893" on="0"/>
+        <pt x="1130" y="912" on="1"/>
+        <pt x="1040" y="1002" on="1"/>
+        <pt x="1021" y="1021" on="0"/>
+        <pt x="994" y="1021" on="1"/>
+        <pt x="968" y="1021" on="0"/>
+        <pt x="949" y="1002" on="1"/>
+        <pt x="768" y="821" on="1"/>
+        <pt x="587" y="1002" on="1"/>
+        <pt x="568" y="1021" on="0"/>
+        <pt x="542" y="1021" on="1"/>
+        <pt x="515" y="1021" on="0"/>
+        <pt x="496" y="1002" on="1"/>
+        <pt x="406" y="912" on="1"/>
+        <pt x="387" y="893" on="0"/>
+        <pt x="387" y="866" on="1"/>
+        <pt x="387" y="840" on="0"/>
+        <pt x="406" y="821" on="1"/>
+        <pt x="587" y="640" on="1"/>
+        <pt x="406" y="459" on="1"/>
+        <pt x="387" y="440" on="0"/>
+        <pt x="387" y="414" on="1"/>
+        <pt x="387" y="387" on="0"/>
+        <pt x="406" y="368" on="1"/>
+        <pt x="496" y="278" on="1"/>
+        <pt x="515" y="259" on="0"/>
+        <pt x="542" y="259" on="1"/>
+        <pt x="568" y="259" on="0"/>
+        <pt x="587" y="278" on="1"/>
+        <pt x="768" y="459" on="1"/>
+        <pt x="949" y="278" on="1"/>
+        <pt x="968" y="259" on="0"/>
+        <pt x="994" y="259" on="1"/>
+        <pt x="1021" y="259" on="0"/>
+        <pt x="1040" y="278" on="1"/>
+        <pt x="1130" y="368" on="1"/>
+        <pt x="1149" y="387" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1216" y="576" on="1"/>
+        <pt x="1216" y="704" on="1"/>
+        <pt x="1216" y="730" on="0"/>
+        <pt x="1178" y="768" on="0"/>
+        <pt x="1152" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="358" y="768" on="0"/>
+        <pt x="320" y="730" on="0"/>
+        <pt x="320" y="704" on="1"/>
+        <pt x="320" y="576" on="1"/>
+        <pt x="320" y="550" on="0"/>
+        <pt x="358" y="512" on="0"/>
+        <pt x="384" y="512" on="1"/>
+        <pt x="1152" y="512" on="1"/>
+        <pt x="1178" y="512" on="0"/>
+        <pt x="1216" y="550" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nondefaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="896" y="160" on="1"/>
+        <pt x="896" y="352" on="1"/>
+        <pt x="896" y="366" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="864" y="384" on="1"/>
+        <pt x="672" y="384" on="1"/>
+        <pt x="658" y="384" on="0"/>
+        <pt x="640" y="366" on="0"/>
+        <pt x="640" y="352" on="1"/>
+        <pt x="640" y="160" on="1"/>
+        <pt x="640" y="146" on="0"/>
+        <pt x="658" y="128" on="0"/>
+        <pt x="672" y="128" on="1"/>
+        <pt x="864" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="146" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1152" y="832" on="1"/>
+        <pt x="1152" y="920" on="0"/>
+        <pt x="1041" y="1070" on="0"/>
+        <pt x="875" y="1152" on="0"/>
+        <pt x="788" y="1152" on="1"/>
+        <pt x="545" y="1152" on="0"/>
+        <pt x="417" y="939" on="1"/>
+        <pt x="402" y="915" on="0"/>
+        <pt x="425" y="897" on="1"/>
+        <pt x="557" y="797" on="1"/>
+        <pt x="564" y="791" on="0"/>
+        <pt x="576" y="791" on="1"/>
+        <pt x="592" y="791" on="0"/>
+        <pt x="601" y="803" on="1"/>
+        <pt x="654" y="871" on="0"/>
+        <pt x="687" y="895" on="1"/>
+        <pt x="721" y="919" on="0"/>
+        <pt x="773" y="919" on="1"/>
+        <pt x="821" y="919" on="0"/>
+        <pt x="896" y="867" on="0"/>
+        <pt x="896" y="834" on="1"/>
+        <pt x="896" y="796" on="0"/>
+        <pt x="856" y="750" on="0"/>
+        <pt x="808" y="728" on="1"/>
+        <pt x="745" y="700" on="0"/>
+        <pt x="640" y="583" on="0"/>
+        <pt x="640" y="516" on="1"/>
+        <pt x="640" y="480" on="1"/>
+        <pt x="640" y="466" on="0"/>
+        <pt x="658" y="448" on="0"/>
+        <pt x="672" y="448" on="1"/>
+        <pt x="864" y="448" on="1"/>
+        <pt x="878" y="448" on="0"/>
+        <pt x="896" y="466" on="0"/>
+        <pt x="896" y="480" on="1"/>
+        <pt x="896" y="499" on="0"/>
+        <pt x="939" y="560" on="0"/>
+        <pt x="972" y="579" on="1"/>
+        <pt x="1004" y="597" on="0"/>
+        <pt x="1038" y="618" on="0"/>
+        <pt x="1096" y="667" on="0"/>
+        <pt x="1127" y="714" on="0"/>
+        <pt x="1152" y="788" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="good" xMin="0" yMin="-128" xMax="1536" yMax="1536">
+      <contour>
+        <pt x="256" y="166" on="0"/>
+        <pt x="256" y="218" on="0"/>
+        <pt x="218" y="256" on="0"/>
+        <pt x="166" y="256" on="0"/>
+        <pt x="128" y="218" on="0"/>
+        <pt x="128" y="166" on="0"/>
+        <pt x="166" y="128" on="0"/>
+        <pt x="218" y="128" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1408" y="768" on="1"/>
+        <pt x="1408" y="819" on="0"/>
+        <pt x="1330" y="896" on="0"/>
+        <pt x="1280" y="896" on="1"/>
+        <pt x="928" y="896" on="1"/>
+        <pt x="928" y="954" on="0"/>
+        <pt x="1024" y="1157" on="0"/>
+        <pt x="1024" y="1216" on="1"/>
+        <pt x="1024" y="1314" on="0"/>
+        <pt x="960" y="1408" on="0"/>
+        <pt x="864" y="1408" on="1"/>
+        <pt x="838" y="1382" on="0"/>
+        <pt x="814" y="1264" on="0"/>
+        <pt x="777" y="1131" on="0"/>
+        <pt x="736" y="1088" on="1"/>
+        <pt x="714" y="1065" on="0"/>
+        <pt x="659" y="997" on="1"/>
+        <pt x="655" y="992" on="0"/>
+        <pt x="617" y="942" on="0"/>
+        <pt x="592" y="910" on="0"/>
+        <pt x="548" y="857" on="0"/>
+        <pt x="512" y="822" on="0"/>
+        <pt x="471" y="786" on="0"/>
+        <pt x="432" y="768" on="0"/>
+        <pt x="416" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="384" y="128" on="1"/>
+        <pt x="416" y="128" on="1"/>
+        <pt x="429" y="128" on="0"/>
+        <pt x="466" y="122" on="0"/>
+        <pt x="495" y="115" on="0"/>
+        <pt x="542" y="100" on="0"/>
+        <pt x="565" y="92" on="0"/>
+        <pt x="613" y="75" on="0"/>
+        <pt x="618" y="73" on="1"/>
+        <pt x="829" y="0" on="0"/>
+        <pt x="960" y="0" on="1"/>
+        <pt x="1081" y="0" on="1"/>
+        <pt x="1273" y="0" on="0"/>
+        <pt x="1273" y="167" on="1"/>
+        <pt x="1273" y="193" on="0"/>
+        <pt x="1268" y="223" on="1"/>
+        <pt x="1298" y="239" on="0"/>
+        <pt x="1333" y="312" on="0"/>
+        <pt x="1333" y="386" on="0"/>
+        <pt x="1315" y="418" on="1"/>
+        <pt x="1368" y="468" on="0"/>
+        <pt x="1368" y="537" on="1"/>
+        <pt x="1368" y="562" on="0"/>
+        <pt x="1348" y="623" on="0"/>
+        <pt x="1333" y="640" on="1"/>
+        <pt x="1365" y="641" on="0"/>
+        <pt x="1408" y="733" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="769" on="1"/>
+        <pt x="1536" y="680" on="0"/>
+        <pt x="1487" y="606" on="1"/>
+        <pt x="1496" y="573" on="0"/>
+        <pt x="1496" y="537" on="1"/>
+        <pt x="1496" y="460" on="0"/>
+        <pt x="1458" y="393" on="1"/>
+        <pt x="1461" y="372" on="0"/>
+        <pt x="1461" y="350" on="1"/>
+        <pt x="1461" y="249" on="0"/>
+        <pt x="1401" y="172" on="1"/>
+        <pt x="1402" y="33" on="0"/>
+        <pt x="1230" y="-128" on="0"/>
+        <pt x="1089" y="-128" on="1"/>
+        <pt x="1053" y="-128" on="1"/>
+        <pt x="960" y="-128" on="1"/>
+        <pt x="864" y="-128" on="0"/>
+        <pt x="677" y="-83" on="0"/>
+        <pt x="554" y="-40" on="1"/>
+        <pt x="438" y="0" on="0"/>
+        <pt x="416" y="0" on="1"/>
+        <pt x="128" y="0" on="1"/>
+        <pt x="75" y="0" on="0"/>
+        <pt x="0" y="75" on="0"/>
+        <pt x="0" y="128" on="1"/>
+        <pt x="0" y="768" on="1"/>
+        <pt x="0" y="821" on="0"/>
+        <pt x="75" y="896" on="0"/>
+        <pt x="128" y="896" on="1"/>
+        <pt x="402" y="896" on="1"/>
+        <pt x="438" y="920" on="0"/>
+        <pt x="539" y="1051" on="1"/>
+        <pt x="597" y="1126" on="0"/>
+        <pt x="646" y="1179" on="1"/>
+        <pt x="670" y="1204" on="0"/>
+        <pt x="693" y="1325" on="0"/>
+        <pt x="731" y="1457" on="0"/>
+        <pt x="774" y="1499" on="1"/>
+        <pt x="813" y="1536" on="0"/>
+        <pt x="864" y="1536" on="1"/>
+        <pt x="948" y="1536" on="0"/>
+        <pt x="1082" y="1471" on="0"/>
+        <pt x="1152" y="1333" on="0"/>
+        <pt x="1152" y="1216" on="1"/>
+        <pt x="1152" y="1123" on="0"/>
+        <pt x="1104" y="1024" on="1"/>
+        <pt x="1280" y="1024" on="1"/>
+        <pt x="1384" y="1024" on="0"/>
+        <pt x="1536" y="872" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+  </glyf>
+
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="uniE000"/>
+
+      <psName name="defaultscript"/>
+      <psName name="latinscript"/>
+      <psName name="defaultlang"/>
+      <psName name="frenchlang"/>
+      <psName name="defaultfeature"/>
+      <psName name="nondefaultfeature"/>
+      <psName name="good"/>
+
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="4" rangeGaspBehavior="2"/>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="3"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c7feb0df 00000000
+      c5b5ab33 00000000 c938ca96 
+    </hexdata>
+  </FFTM>
+
+
+  <GPOS>
+    <Version value="1.0"/>
+    <ScriptList>
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <FeatureRecord index="0">
+        <FeatureTag value="kern"/>
+        <Feature>
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <Lookup index="0">
+        <LookupType value="2"/>
+        <LookupFlag value="0"/>
+        <PairPos index="0" Format="1">
+          <Coverage Format="1">
+            <Glyph value="space"/>
+            <Glyph value="defaultscript"/>
+            <Glyph value="defaultlang"/>
+            <Glyph value="defaultfeature"/>
+          </Coverage>
+          <ValueFormat1 value="4"/>
+          <ValueFormat2 value="0"/>
+
+          <!-- space -->
+          <PairSet index="0">
+            <PairValueRecord index="0">
+              <SecondGlyph value="latinscript"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="1">
+              <SecondGlyph value="frenchlang"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="2">
+              <SecondGlyph value="nondefaultfeature"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultscript -->
+          <PairSet index="1">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultlang -->
+          <PairSet index="2">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultfeature -->
+          <PairSet index="3">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+        </PairPos>
+      </Lookup>
+    </LookupList>
+  </GPOS>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      This Font Software is licensed under the SIL Open Font License, Version 1.1.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrdeflangndeffeat
+    </namerecord>
+    <namerecord nameID="10" platformID="3" platEncID="1" langID="0x409">
+      Testing font assembled from Junction with the inclusion of icon glyphs from Font Awesome by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      http://scripts.sil.org/OFL_web
+    </namerecord>
+  </name>
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+      <ScriptRecord index="1">
+        <ScriptTag value="latn"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+            <FeatureIndex index="1" value="6"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="1">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="1"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="2">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="2"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="3">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="3"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="4">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="4"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="5">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="5"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="6">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="6"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="7">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="7"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="8">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="8"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="n">
+            <Ligature components="o,n,hyphen,d,e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="nondefaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="d">
+            <Ligature components="e,f,a,u,l,t,hyphen,s,c,r,i,p,t" glyph="defaultscript"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,l,a,n,g" glyph="defaultlang"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="defaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="f">
+            <Ligature components="r,a,hyphen,l,a,n,g" glyph="frenchlang"/>
+          </LigatureSet>
+          <LigatureSet glyph="l">
+            <Ligature components="a,t,n,hyphen,s,c,r,i,p,t" glyph="latinscript"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+
+<!--
+  default script - default lang - default feature
+  default script - default lang - non-default feature
+  default script - lang - default feature
+  default script - lang - non-default feature
+  script - default lang - default feature
+  script - default lang - non-default feature
+  script - lang - default feature
+  script - lang - non-default feature
+-->
+
+      <Lookup index="1">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="2">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="3">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="4">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="5">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="6">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="7">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="8">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+</ttFont>
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf
new file mode 100644
index 0000000000..e9ba750f36
Binary files /dev/null and b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf differ
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttx b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttx
new file mode 100644
index 0000000000..118ae88ff6
--- /dev/null
+++ b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttx
@@ -0,0 +1,4982 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.4">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="uni00AD"/>
+    <GlyphID id="100" name="uni2000"/>
+    <GlyphID id="101" name="uni2001"/>
+    <GlyphID id="102" name="uni2002"/>
+    <GlyphID id="103" name="uni2003"/>
+    <GlyphID id="104" name="uni2004"/>
+    <GlyphID id="105" name="uni2005"/>
+    <GlyphID id="106" name="uni2006"/>
+    <GlyphID id="107" name="uni2007"/>
+    <GlyphID id="108" name="uni2008"/>
+    <GlyphID id="109" name="uni2009"/>
+    <GlyphID id="110" name="uni200A"/>
+    <GlyphID id="111" name="uni2010"/>
+    <GlyphID id="112" name="uni2011"/>
+    <GlyphID id="113" name="figuredash"/>
+    <GlyphID id="114" name="endash"/>
+    <GlyphID id="115" name="emdash"/>
+    <GlyphID id="116" name="quotedblleft"/>
+    <GlyphID id="117" name="quotedblright"/>
+    <GlyphID id="118" name="uni202F"/>
+    <GlyphID id="119" name="uni205F"/>
+    <GlyphID id="120" name="minus"/>
+    <GlyphID id="121" name="uniE000"/>
+
+    <GlyphID id="122" name="defaultscript"/>
+    <GlyphID id="123" name="latinscript"/>
+    <GlyphID id="124" name="defaultlang"/>
+    <GlyphID id="125" name="frenchlang"/>
+    <GlyphID id="126" name="defaultfeature"/>
+    <GlyphID id="127" name="nondefaultfeature"/>
+    <GlyphID id="128" name="good"/>
+
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.00099182129"/>
+    <checkSumAdjustment value="0x126e2e07"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Dec 23 09:44:54 2010"/>
+    <modified value="Thu Dec 23 09:44:54 2010"/>
+    <xMin value="-72"/>
+    <yMin value="-563"/>
+    <xMax value="2073"/>
+    <yMax value="1722"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1536"/>
+    <descent value="-512"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="2195"/>
+    <minLeftSideBearing value="-72"/>
+    <minRightSideBearing value="-62"/>
+    <xMaxExtent value="2073"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="122"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="122"/>
+    <maxPoints value="81"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="335"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="994"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000100"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00000001"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 01000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="57344"/>
+    <sTypoAscender value="1536"/>
+    <sTypoDescender value="-512"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1722"/>
+    <usWinDescent value="563"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1126"/>
+    <sCapHeight value="1577"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="1"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="532" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="1474" lsb="61"/>
+    <mtx name="B" width="1308" lsb="174"/>
+    <mtx name="C" width="1357" lsb="123"/>
+    <mtx name="D" width="1503" lsb="174"/>
+    <mtx name="E" width="1150" lsb="174"/>
+    <mtx name="F" width="1112" lsb="174"/>
+    <mtx name="G" width="1525" lsb="123"/>
+    <mtx name="H" width="1519" lsb="174"/>
+    <mtx name="I" width="528" lsb="174"/>
+    <mtx name="J" width="585" lsb="-20"/>
+    <mtx name="K" width="1265" lsb="174"/>
+    <mtx name="L" width="1202" lsb="174"/>
+    <mtx name="M" width="1742" lsb="174"/>
+    <mtx name="N" width="1482" lsb="174"/>
+    <mtx name="O" width="1554" lsb="123"/>
+    <mtx name="P" width="1265" lsb="174"/>
+    <mtx name="Q" width="1554" lsb="123"/>
+    <mtx name="R" width="1349" lsb="174"/>
+    <mtx name="S" width="1361" lsb="117"/>
+    <mtx name="T" width="1150" lsb="20"/>
+    <mtx name="U" width="1460" lsb="174"/>
+    <mtx name="V" width="1433" lsb="61"/>
+    <mtx name="W" width="2019" lsb="61"/>
+    <mtx name="X" width="1345" lsb="61"/>
+    <mtx name="Y" width="1263" lsb="20"/>
+    <mtx name="Z" width="1257" lsb="104"/>
+    <mtx name="a" width="1155" lsb="123"/>
+    <mtx name="ampersand" width="1802" lsb="123"/>
+    <mtx name="asciicircum" width="1339" lsb="82"/>
+    <mtx name="asciitilde" width="1349" lsb="123"/>
+    <mtx name="asterisk" width="1265" lsb="100"/>
+    <mtx name="at" width="2195" lsb="123"/>
+    <mtx name="b" width="1292" lsb="174"/>
+    <mtx name="backslash" width="905" lsb="51"/>
+    <mtx name="bar" width="503" lsb="174"/>
+    <mtx name="braceleft" width="962" lsb="164"/>
+    <mtx name="braceright" width="962" lsb="143"/>
+    <mtx name="bracketleft" width="735" lsb="174"/>
+    <mtx name="bracketright" width="735" lsb="143"/>
+    <mtx name="c" width="1044" lsb="113"/>
+    <mtx name="colon" width="514" lsb="143"/>
+    <mtx name="comma" width="413" lsb="82"/>
+    <mtx name="d" width="1333" lsb="123"/>
+    <mtx name="dollar" width="1341" lsb="117"/>
+    <mtx name="e" width="1187" lsb="113"/>
+    <mtx name="eight" width="1216" lsb="133"/>
+    <mtx name="emdash" width="1558" lsb="82"/>
+    <mtx name="endash" width="1312" lsb="61"/>
+    <mtx name="equal" width="1394" lsb="133"/>
+    <mtx name="exclam" width="575" lsb="174"/>
+    <mtx name="f" width="825" lsb="61"/>
+    <mtx name="figuredash" width="708" lsb="113"/>
+    <mtx name="five" width="1208" lsb="143"/>
+    <mtx name="four" width="1286" lsb="82"/>
+    <mtx name="g" width="1261" lsb="123"/>
+    <mtx name="grave" width="729" lsb="113"/>
+    <mtx name="greater" width="1433" lsb="143"/>
+    <mtx name="h" width="1241" lsb="174"/>
+    <mtx name="hyphen" width="708" lsb="113"/>
+    <mtx name="i" width="555" lsb="174"/>
+    <mtx name="j" width="452" lsb="-72"/>
+    <mtx name="k" width="1157" lsb="174"/>
+    <mtx name="l" width="573" lsb="174"/>
+    <mtx name="less" width="1433" lsb="154"/>
+    <mtx name="m" width="1882" lsb="174"/>
+    <mtx name="minus" width="1331" lsb="102"/>
+    <mtx name="n" width="1261" lsb="174"/>
+    <mtx name="nine" width="1269" lsb="123"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="numbersign" width="1689" lsb="82"/>
+    <mtx name="o" width="1224" lsb="123"/>
+    <mtx name="one" width="731" lsb="102"/>
+    <mtx name="p" width="1292" lsb="174"/>
+    <mtx name="parenleft" width="692" lsb="123"/>
+    <mtx name="parenright" width="692" lsb="61"/>
+    <mtx name="percent" width="2066" lsb="123"/>
+    <mtx name="period" width="411" lsb="92"/>
+    <mtx name="plus" width="1331" lsb="102"/>
+    <mtx name="q" width="1292" lsb="123"/>
+    <mtx name="question" width="1032" lsb="84"/>
+    <mtx name="quotedbl" width="774" lsb="92"/>
+    <mtx name="quotedblleft" width="774" lsb="92"/>
+    <mtx name="quotedblright" width="774" lsb="92"/>
+    <mtx name="quotesingle" width="423" lsb="92"/>
+    <mtx name="r" width="940" lsb="174"/>
+    <mtx name="s" width="1026" lsb="92"/>
+    <mtx name="semicolon" width="526" lsb="143"/>
+    <mtx name="seven" width="1058" lsb="10"/>
+    <mtx name="six" width="1269" lsb="131"/>
+    <mtx name="slash" width="884" lsb="41"/>
+    <mtx name="space" width="532" lsb="0"/>
+    <mtx name="t" width="819" lsb="92"/>
+    <mtx name="three" width="1142" lsb="82"/>
+    <mtx name="two" width="1126" lsb="102"/>
+    <mtx name="u" width="1261" lsb="164"/>
+    <mtx name="underscore" width="1353" lsb="113"/>
+    <mtx name="uni00A0" width="532" lsb="0"/>
+    <mtx name="uni00AD" width="708" lsb="113"/>
+    <mtx name="uni2000" width="860" lsb="0"/>
+    <mtx name="uni2001" width="1722" lsb="0"/>
+    <mtx name="uni2002" width="860" lsb="0"/>
+    <mtx name="uni2003" width="1722" lsb="0"/>
+    <mtx name="uni2004" width="573" lsb="0"/>
+    <mtx name="uni2005" width="430" lsb="0"/>
+    <mtx name="uni2006" width="286" lsb="0"/>
+    <mtx name="uni2007" width="286" lsb="0"/>
+    <mtx name="uni2008" width="215" lsb="0"/>
+    <mtx name="uni2009" width="344" lsb="0"/>
+    <mtx name="uni200A" width="94" lsb="0"/>
+    <mtx name="uni2010" width="708" lsb="113"/>
+    <mtx name="uni2011" width="708" lsb="113"/>
+    <mtx name="uni202F" width="344" lsb="0"/>
+    <mtx name="uni205F" width="430" lsb="0"/>
+    <mtx name="uniE000" width="1125" lsb="0"/>
+    <mtx name="v" width="1144" lsb="72"/>
+    <mtx name="w" width="1632" lsb="72"/>
+    <mtx name="x" width="1216" lsb="82"/>
+    <mtx name="y" width="1126" lsb="59"/>
+    <mtx name="z" width="1060" lsb="102"/>
+    <mtx name="zero" width="1253" lsb="123"/>
+
+    <mtx name="defaultscript" width="1536" lsb="0"/>
+    <mtx name="latinscript" width="1792" lsb="16"/>
+    <mtx name="defaultlang" width="1536" lsb="0"/>
+    <mtx name="frenchlang" width="1536" lsb="0"/>
+    <mtx name="defaultfeature" width="1536" lsb="0"/>
+    <mtx name="nondefaultfeature" width="1536" lsb="0"/>
+    <mtx name="good" width="1536" lsb="0"/>
+
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+    </cmap_format_4>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="61" yMin="0" xMax="1413" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="643" y="1577" on="1"/>
+        <pt x="831" y="1577" on="1"/>
+        <pt x="1413" y="0" on="1"/>
+        <pt x="1223" y="0" on="1"/>
+        <pt x="1024" y="537" on="1"/>
+        <pt x="449" y="537" on="1"/>
+        <pt x="252" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="506" y="692" on="1"/>
+        <pt x="967" y="692" on="1"/>
+        <pt x="737" y="1319" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="B" xMin="174" yMin="-25" xMax="1184" yMax="1599">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="471" y="1538" on="0"/>
+        <pt x="618" y="1599" on="0"/>
+        <pt x="709" y="1599" on="1"/>
+        <pt x="875" y="1599" on="0"/>
+        <pt x="1112" y="1376" on="0"/>
+        <pt x="1112" y="1143" on="1"/>
+        <pt x="1110" y="920" on="0"/>
+        <pt x="952" y="819" on="1"/>
+        <pt x="1081" y="760" on="0"/>
+        <pt x="1184" y="569" on="0"/>
+        <pt x="1184" y="485" on="1"/>
+        <pt x="1184" y="475" on="1"/>
+        <pt x="1184" y="432" on="0"/>
+        <pt x="1182" y="377" on="0"/>
+        <pt x="1161" y="262" on="0"/>
+        <pt x="1124" y="182" on="0"/>
+        <pt x="1047" y="82" on="0"/>
+        <pt x="936" y="18" on="0"/>
+        <pt x="762" y="-25" on="0"/>
+        <pt x="651" y="-25" on="1"/>
+        <pt x="514" y="-21" on="0"/>
+        <pt x="354" y="92" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="236" on="1"/>
+        <pt x="501" y="144" on="0"/>
+        <pt x="651" y="143" on="1"/>
+        <pt x="729" y="143" on="0"/>
+        <pt x="850" y="176" on="0"/>
+        <pt x="924" y="215" on="0"/>
+        <pt x="977" y="293" on="0"/>
+        <pt x="999" y="338" on="0"/>
+        <pt x="1012" y="428" on="0"/>
+        <pt x="1012" y="439" on="1"/>
+        <pt x="1012" y="485" on="1"/>
+        <pt x="1012" y="516" on="0"/>
+        <pt x="985" y="584" on="0"/>
+        <pt x="920" y="670" on="0"/>
+        <pt x="772" y="729" on="0"/>
+        <pt x="668" y="733" on="1"/>
+        <pt x="609" y="729" on="0"/>
+        <pt x="354" y="729" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="877" on="1"/>
+        <pt x="466" y="877" on="1"/>
+        <pt x="498" y="877" on="0"/>
+        <pt x="639" y="883" on="0"/>
+        <pt x="671" y="890" on="1"/>
+        <pt x="756" y="909" on="1"/>
+        <pt x="809" y="921" on="0"/>
+        <pt x="860" y="961" on="0"/>
+        <pt x="918" y="1016" on="0"/>
+        <pt x="940" y="1096" on="0"/>
+        <pt x="940" y="1147" on="1"/>
+        <pt x="938" y="1292" on="0"/>
+        <pt x="803" y="1432" on="0"/>
+        <pt x="709" y="1432" on="1"/>
+        <pt x="549" y="1432" on="0"/>
+        <pt x="354" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="C" xMin="123" yMin="-25" xMax="1315" yMax="1597">
+      <contour>
+        <pt x="123" y="752" on="1"/>
+        <pt x="123" y="955" on="0"/>
+        <pt x="242" y="1288" on="0"/>
+        <pt x="432" y="1489" on="0"/>
+        <pt x="659" y="1597" on="0"/>
+        <pt x="774" y="1597" on="1"/>
+        <pt x="866" y="1597" on="0"/>
+        <pt x="1030" y="1552" on="0"/>
+        <pt x="1135" y="1491" on="0"/>
+        <pt x="1214" y="1427" on="0"/>
+        <pt x="1233" y="1405" on="1"/>
+        <pt x="1249" y="1382" on="1"/>
+        <pt x="1124" y="1262" on="1"/>
+        <pt x="1113" y="1279" on="1"/>
+        <pt x="1106" y="1290" on="0"/>
+        <pt x="1044" y="1348" on="0"/>
+        <pt x="973" y="1391" on="0"/>
+        <pt x="846" y="1425" on="0"/>
+        <pt x="772" y="1425" on="1"/>
+        <pt x="586" y="1425" on="0"/>
+        <pt x="307" y="1077" on="0"/>
+        <pt x="307" y="752" on="1"/>
+        <pt x="307" y="496" on="0"/>
+        <pt x="569" y="147" on="0"/>
+        <pt x="758" y="147" on="1"/>
+        <pt x="803" y="147" on="0"/>
+        <pt x="891" y="160" on="0"/>
+        <pt x="965" y="180" on="0"/>
+        <pt x="1032" y="207" on="0"/>
+        <pt x="1087" y="236" on="0"/>
+        <pt x="1133" y="264" on="0"/>
+        <pt x="1167" y="291" on="0"/>
+        <pt x="1192" y="311" on="0"/>
+        <pt x="1198" y="317" on="1"/>
+        <pt x="1204" y="324" on="1"/>
+        <pt x="1315" y="217" on="1"/>
+        <pt x="1254" y="141" on="0"/>
+        <pt x="1198" y="102" on="1"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="762" y="-25" on="1"/>
+        <pt x="488" y="-25" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="D" xMin="174" yMin="-25" xMax="1380" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1403" on="1"/>
+        <pt x="559" y="1596" on="0"/>
+        <pt x="819" y="1597" on="1"/>
+        <pt x="930" y="1597" on="0"/>
+        <pt x="1122" y="1507" on="0"/>
+        <pt x="1286" y="1323" on="0"/>
+        <pt x="1380" y="995" on="0"/>
+        <pt x="1380" y="778" on="1"/>
+        <pt x="1380" y="436" on="0"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="758" y="-25" on="1"/>
+        <pt x="568" y="-21" on="0"/>
+        <pt x="354" y="117" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="281" on="1"/>
+        <pt x="551" y="152" on="0"/>
+        <pt x="758" y="152" on="1"/>
+        <pt x="946" y="152" on="0"/>
+        <pt x="1200" y="506" on="0"/>
+        <pt x="1200" y="778" on="1"/>
+        <pt x="1200" y="1093" on="0"/>
+        <pt x="977" y="1417" on="0"/>
+        <pt x="825" y="1421" on="1"/>
+        <pt x="544" y="1421" on="0"/>
+        <pt x="354" y="1227" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="E" xMin="174" yMin="0" xMax="1069" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="854" y="176" on="1"/>
+        <pt x="1069" y="186" on="1"/>
+        <pt x="1069" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="F" xMin="174" yMin="0" xMax="1040" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="G" xMin="123" yMin="-25" xMax="1350" yMax="1597">
+      <contour>
+        <pt x="123" y="764" on="1"/>
+        <pt x="123" y="948" on="0"/>
+        <pt x="219" y="1241" on="0"/>
+        <pt x="367" y="1423" on="0"/>
+        <pt x="565" y="1546" on="0"/>
+        <pt x="756" y="1595" on="0"/>
+        <pt x="852" y="1597" on="1"/>
+        <pt x="942" y="1597" on="0"/>
+        <pt x="1108" y="1548" on="0"/>
+        <pt x="1219" y="1477" on="0"/>
+        <pt x="1305" y="1405" on="0"/>
+        <pt x="1323" y="1380" on="1"/>
+        <pt x="1343" y="1356" on="1"/>
+        <pt x="1219" y="1235" on="1"/>
+        <pt x="1215" y="1243" on="0"/>
+        <pt x="1194" y="1270" on="0"/>
+        <pt x="1128" y="1337" on="0"/>
+        <pt x="1053" y="1389" on="0"/>
+        <pt x="928" y="1432" on="0"/>
+        <pt x="860" y="1434" on="1"/>
+        <pt x="770" y="1434" on="0"/>
+        <pt x="590" y="1364" on="0"/>
+        <pt x="418" y="1217" on="0"/>
+        <pt x="309" y="944" on="0"/>
+        <pt x="309" y="764" on="1"/>
+        <pt x="309" y="664" on="0"/>
+        <pt x="369" y="461" on="0"/>
+        <pt x="489" y="272" on="0"/>
+        <pt x="711" y="154" on="0"/>
+        <pt x="854" y="152" on="1"/>
+        <pt x="952" y="152" on="0"/>
+        <pt x="1190" y="260" on="0"/>
+        <pt x="1190" y="319" on="1"/>
+        <pt x="1190" y="625" on="1"/>
+        <pt x="979" y="625" on="1"/>
+        <pt x="870" y="625" on="0"/>
+        <pt x="813" y="655" on="1"/>
+        <pt x="813" y="819" on="1"/>
+        <pt x="887" y="801" on="0"/>
+        <pt x="985" y="801" on="1"/>
+        <pt x="1350" y="801" on="1"/>
+        <pt x="1350" y="311" on="1"/>
+        <pt x="1350" y="176" on="0"/>
+        <pt x="1049" y="-20" on="0"/>
+        <pt x="862" y="-25" on="1"/>
+        <pt x="702" y="-25" on="0"/>
+        <pt x="442" y="78" on="0"/>
+        <pt x="279" y="240" on="0"/>
+        <pt x="168" y="453" on="0"/>
+        <pt x="123" y="660" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="H" xMin="174" yMin="0" xMax="1346" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="1165" y="893" on="1"/>
+        <pt x="1165" y="1577" on="1"/>
+        <pt x="1346" y="1577" on="1"/>
+        <pt x="1346" y="0" on="1"/>
+        <pt x="1165" y="0" on="1"/>
+        <pt x="1165" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="I" xMin="174" yMin="0" xMax="354" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="J" xMin="-20" yMin="-530" xMax="414" yMax="1577">
+      <contour>
+        <pt x="-20" y="-369" on="1"/>
+        <pt x="89" y="-338" on="0"/>
+        <pt x="233" y="-174" on="0"/>
+        <pt x="233" y="-35" on="1"/>
+        <pt x="233" y="1577" on="1"/>
+        <pt x="414" y="1577" on="1"/>
+        <pt x="414" y="-35" on="1"/>
+        <pt x="414" y="-129" on="0"/>
+        <pt x="362" y="-287" on="0"/>
+        <pt x="287" y="-391" on="0"/>
+        <pt x="182" y="-473" on="0"/>
+        <pt x="94" y="-514" on="0"/>
+        <pt x="45" y="-530" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="K" xMin="174" yMin="0" xMax="1225" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="866" on="1"/>
+        <pt x="895" y="1577" on="1"/>
+        <pt x="1122" y="1577" on="1"/>
+        <pt x="532" y="840" on="1"/>
+        <pt x="577" y="834" on="0"/>
+        <pt x="711" y="770" on="0"/>
+        <pt x="750" y="725" on="1"/>
+        <pt x="795" y="680" on="0"/>
+        <pt x="1194" y="39" on="0"/>
+        <pt x="1225" y="4" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="1006" y="0" on="1"/>
+        <pt x="971" y="37" on="0"/>
+        <pt x="664" y="553" on="0"/>
+        <pt x="627" y="592" on="1"/>
+        <pt x="545" y="682" on="0"/>
+        <pt x="442" y="682" on="1"/>
+        <pt x="381" y="682" on="0"/>
+        <pt x="354" y="676" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="L" xMin="174" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="915" y="176" on="1"/>
+        <pt x="1130" y="186" on="1"/>
+        <pt x="1130" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="M" xMin="174" yMin="0" xMax="1569" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="868" y="225" on="1"/>
+        <pt x="870" y="211" on="1"/>
+        <pt x="872" y="225" on="1"/>
+        <pt x="1389" y="1577" on="1"/>
+        <pt x="1569" y="1577" on="1"/>
+        <pt x="1569" y="0" on="1"/>
+        <pt x="1389" y="0" on="1"/>
+        <pt x="1389" y="1106" on="1"/>
+        <pt x="1391" y="1137" on="1"/>
+        <pt x="1382" y="1106" on="1"/>
+        <pt x="958" y="0" on="1"/>
+        <pt x="784" y="0" on="1"/>
+        <pt x="360" y="1106" on="1"/>
+        <pt x="352" y="1137" on="1"/>
+        <pt x="354" y="1106" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="N" xMin="174" yMin="0" xMax="1309" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1575" on="1"/>
+        <pt x="1116" y="336" on="1"/>
+        <pt x="1130" y="307" on="1"/>
+        <pt x="1128" y="336" on="1"/>
+        <pt x="1128" y="1577" on="1"/>
+        <pt x="1309" y="1577" on="1"/>
+        <pt x="1309" y="0" on="1"/>
+        <pt x="1128" y="0" on="1"/>
+        <pt x="1128" y="2" on="1"/>
+        <pt x="367" y="1245" on="1"/>
+        <pt x="352" y="1274" on="1"/>
+        <pt x="354" y="1245" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="O" xMin="123" yMin="-14" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="565" on="0"/>
+        <pt x="123" y="1016" on="0"/>
+        <pt x="233" y="1343" on="0"/>
+        <pt x="428" y="1520" on="0"/>
+        <pt x="649" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="882" y="1595" on="0"/>
+        <pt x="1063" y="1548" on="0"/>
+        <pt x="1235" y="1434" on="0"/>
+        <pt x="1356" y="1255" on="0"/>
+        <pt x="1432" y="975" on="0"/>
+        <pt x="1432" y="795" on="1"/>
+        <pt x="1432" y="568" on="0"/>
+        <pt x="1321" y="240" on="0"/>
+        <pt x="1128" y="63" on="0"/>
+        <pt x="907" y="-14" on="0"/>
+        <pt x="645" y="-14" on="0"/>
+        <pt x="426" y="63" on="0"/>
+        <pt x="233" y="238" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="795" on="1"/>
+        <pt x="303" y="615" on="0"/>
+        <pt x="383" y="354" on="0"/>
+        <pt x="522" y="215" on="0"/>
+        <pt x="682" y="154" on="0"/>
+        <pt x="870" y="154" on="0"/>
+        <pt x="1030" y="215" on="0"/>
+        <pt x="1169" y="352" on="0"/>
+        <pt x="1251" y="612" on="0"/>
+        <pt x="1251" y="791" on="1"/>
+        <pt x="1251" y="967" on="0"/>
+        <pt x="1171" y="1225" on="0"/>
+        <pt x="1032" y="1364" on="0"/>
+        <pt x="874" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1368" on="0"/>
+        <pt x="383" y="1229" on="0"/>
+        <pt x="303" y="973" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="P" xMin="174" yMin="0" xMax="1163" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1454" on="1"/>
+        <pt x="544" y="1597" on="0"/>
+        <pt x="719" y="1597" on="1"/>
+        <pt x="879" y="1591" on="0"/>
+        <pt x="1161" y="1323" on="0"/>
+        <pt x="1163" y="1102" on="1"/>
+        <pt x="1163" y="815" on="0"/>
+        <pt x="887" y="473" on="0"/>
+        <pt x="676" y="473" on="1"/>
+        <pt x="506" y="475" on="0"/>
+        <pt x="354" y="580" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="760" on="1"/>
+        <pt x="520" y="631" on="0"/>
+        <pt x="684" y="629" on="1"/>
+        <pt x="817" y="633" on="0"/>
+        <pt x="991" y="887" on="0"/>
+        <pt x="991" y="1102" on="1"/>
+        <pt x="989" y="1247" on="0"/>
+        <pt x="817" y="1423" on="0"/>
+        <pt x="719" y="1430" on="1"/>
+        <pt x="621" y="1430" on="0"/>
+        <pt x="465" y="1372" on="0"/>
+        <pt x="354" y="1303" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Q" xMin="123" yMin="-270" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="780" on="1"/>
+        <pt x="123" y="962" on="0"/>
+        <pt x="199" y="1249" on="0"/>
+        <pt x="322" y="1432" on="0"/>
+        <pt x="496" y="1550" on="0"/>
+        <pt x="678" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="909" y="1595" on="0"/>
+        <pt x="1130" y="1511" on="0"/>
+        <pt x="1321" y="1333" on="0"/>
+        <pt x="1432" y="1004" on="0"/>
+        <pt x="1432" y="780" on="1"/>
+        <pt x="1432" y="573" on="0"/>
+        <pt x="1337" y="262" on="0"/>
+        <pt x="1169" y="84" on="0"/>
+        <pt x="975" y="-8" on="0"/>
+        <pt x="858" y="-20" on="1"/>
+        <pt x="928" y="-102" on="0"/>
+        <pt x="1090" y="-102" on="1"/>
+        <pt x="1143" y="-102" on="0"/>
+        <pt x="1282" y="-70" on="1"/>
+        <pt x="1331" y="-231" on="1"/>
+        <pt x="1243" y="-270" on="0"/>
+        <pt x="1090" y="-270" on="1"/>
+        <pt x="994" y="-270" on="0"/>
+        <pt x="838" y="-219" on="0"/>
+        <pt x="745" y="-133" on="0"/>
+        <pt x="692" y="-59" on="0"/>
+        <pt x="676" y="-18" on="1"/>
+        <pt x="432" y="11" on="0"/>
+        <pt x="123" y="389" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="784" on="1"/>
+        <pt x="303" y="604" on="0"/>
+        <pt x="383" y="344" on="0"/>
+        <pt x="522" y="205" on="0"/>
+        <pt x="682" y="143" on="0"/>
+        <pt x="870" y="143" on="0"/>
+        <pt x="1030" y="205" on="0"/>
+        <pt x="1169" y="342" on="0"/>
+        <pt x="1251" y="602" on="0"/>
+        <pt x="1251" y="780" on="1"/>
+        <pt x="1251" y="923" on="0"/>
+        <pt x="1198" y="1149" on="0"/>
+        <pt x="1108" y="1292" on="0"/>
+        <pt x="985" y="1389" on="0"/>
+        <pt x="854" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1364" on="0"/>
+        <pt x="385" y="1223" on="0"/>
+        <pt x="303" y="962" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="R" xMin="174" yMin="0" xMax="1319" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="465" y="1532" on="0"/>
+        <pt x="618" y="1597" on="0"/>
+        <pt x="711" y="1597" on="1"/>
+        <pt x="879" y="1593" on="0"/>
+        <pt x="1133" y="1376" on="0"/>
+        <pt x="1133" y="1149" on="1"/>
+        <pt x="1133" y="997" on="0"/>
+        <pt x="1024" y="784" on="0"/>
+        <pt x="877" y="686" on="0"/>
+        <pt x="780" y="666" on="1"/>
+        <pt x="862" y="596" on="0"/>
+        <pt x="1241" y="59" on="0"/>
+        <pt x="1319" y="4" on="1"/>
+        <pt x="1319" y="0" on="1"/>
+        <pt x="1096" y="0" on="1"/>
+        <pt x="1043" y="39" on="0"/>
+        <pt x="881" y="254" on="0"/>
+        <pt x="745" y="461" on="0"/>
+        <pt x="580" y="639" on="0"/>
+        <pt x="514" y="651" on="1"/>
+        <pt x="401" y="651" on="0"/>
+        <pt x="354" y="653" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="799" on="1"/>
+        <pt x="657" y="799" on="1"/>
+        <pt x="778" y="801" on="0"/>
+        <pt x="958" y="961" on="0"/>
+        <pt x="961" y="1149" on="1"/>
+        <pt x="961" y="1288" on="0"/>
+        <pt x="809" y="1425" on="0"/>
+        <pt x="711" y="1430" on="1"/>
+        <pt x="611" y="1430" on="0"/>
+        <pt x="459" y="1376" on="0"/>
+        <pt x="354" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="S" xMin="117" yMin="-23" xMax="1237" yMax="1599">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="320" y="274" on="0"/>
+        <pt x="569" y="145" on="0"/>
+        <pt x="717" y="141" on="1"/>
+        <pt x="860" y="141" on="0"/>
+        <pt x="1065" y="293" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="485" on="0"/>
+        <pt x="1020" y="573" on="0"/>
+        <pt x="965" y="627" on="0"/>
+        <pt x="852" y="680" on="0"/>
+        <pt x="774" y="707" on="0"/>
+        <pt x="705" y="727" on="1"/>
+        <pt x="691" y="731" on="0"/>
+        <pt x="684" y="733" on="1"/>
+        <pt x="590" y="762" on="0"/>
+        <pt x="489" y="797" on="0"/>
+        <pt x="342" y="872" on="0"/>
+        <pt x="266" y="952" on="0"/>
+        <pt x="209" y="1081" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1269" on="0"/>
+        <pt x="281" y="1432" on="0"/>
+        <pt x="385" y="1524" on="0"/>
+        <pt x="520" y="1581" on="0"/>
+        <pt x="629" y="1599" on="0"/>
+        <pt x="680" y="1599" on="1"/>
+        <pt x="830" y="1599" on="0"/>
+        <pt x="1090" y="1497" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="913" y="1435" on="0"/>
+        <pt x="680" y="1436" on="1"/>
+        <pt x="637" y="1436" on="0"/>
+        <pt x="549" y="1413" on="0"/>
+        <pt x="446" y="1360" on="0"/>
+        <pt x="381" y="1245" on="0"/>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1118" on="0"/>
+        <pt x="426" y="1044" on="0"/>
+        <pt x="477" y="999" on="0"/>
+        <pt x="596" y="948" on="0"/>
+        <pt x="657" y="928" on="0"/>
+        <pt x="733" y="905" on="1"/>
+        <pt x="823" y="876" on="0"/>
+        <pt x="936" y="836" on="0"/>
+        <pt x="1087" y="756" on="0"/>
+        <pt x="1174" y="664" on="0"/>
+        <pt x="1237" y="520" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="215" on="0"/>
+        <pt x="930" y="-23" on="0"/>
+        <pt x="713" y="-23" on="1"/>
+        <pt x="316" y="-10" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="T" xMin="20" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="20" y="1421" on="1"/>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="1130" y="1577" on="1"/>
+        <pt x="1130" y="1421" on="1"/>
+        <pt x="662" y="1421" on="1"/>
+        <pt x="662" y="0" on="1"/>
+        <pt x="481" y="0" on="1"/>
+        <pt x="481" y="1421" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="U" xMin="174" yMin="-25" xMax="1286" yMax="1577">
+      <contour>
+        <pt x="174" y="489" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="494" on="1"/>
+        <pt x="354" y="400" on="0"/>
+        <pt x="412" y="262" on="0"/>
+        <pt x="494" y="188" on="0"/>
+        <pt x="604" y="143" on="0"/>
+        <pt x="688" y="133" on="0"/>
+        <pt x="774" y="133" on="0"/>
+        <pt x="856" y="143" on="0"/>
+        <pt x="967" y="188" on="0"/>
+        <pt x="1047" y="260" on="0"/>
+        <pt x="1106" y="397" on="0"/>
+        <pt x="1106" y="489" on="1"/>
+        <pt x="1106" y="1577" on="1"/>
+        <pt x="1286" y="1577" on="1"/>
+        <pt x="1286" y="489" on="1"/>
+        <pt x="1286" y="356" on="0"/>
+        <pt x="1200" y="158" on="0"/>
+        <pt x="1081" y="53" on="0"/>
+        <pt x="918" y="-8" on="0"/>
+        <pt x="795" y="-25" on="0"/>
+        <pt x="731" y="-25" on="1"/>
+        <pt x="665" y="-25" on="0"/>
+        <pt x="545" y="-8" on="0"/>
+        <pt x="379" y="53" on="0"/>
+        <pt x="260" y="158" on="0"/>
+        <pt x="174" y="356" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="V" xMin="61" yMin="0" xMax="1372" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="252" y="1577" on="1"/>
+        <pt x="711" y="281" on="1"/>
+        <pt x="717" y="254" on="1"/>
+        <pt x="723" y="281" on="1"/>
+        <pt x="1182" y="1577" on="1"/>
+        <pt x="1372" y="1577" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="623" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="W" xMin="61" yMin="0" xMax="1958" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="250" y="1577" on="1"/>
+        <pt x="578" y="307" on="1"/>
+        <pt x="582" y="283" on="1"/>
+        <pt x="586" y="307" on="1"/>
+        <pt x="913" y="1577" on="1"/>
+        <pt x="1104" y="1577" on="1"/>
+        <pt x="1432" y="307" on="1"/>
+        <pt x="1436" y="283" on="1"/>
+        <pt x="1440" y="307" on="1"/>
+        <pt x="1767" y="1577" on="1"/>
+        <pt x="1958" y="1577" on="1"/>
+        <pt x="1511" y="0" on="1"/>
+        <pt x="1362" y="0" on="1"/>
+        <pt x="1014" y="1217" on="1"/>
+        <pt x="1008" y="1253" on="1"/>
+        <pt x="1001" y="1217" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="508" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="X" xMin="61" yMin="0" xMax="1284" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="561" y="786" on="1"/>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="281" y="1577" on="1"/>
+        <pt x="672" y="961" on="1"/>
+        <pt x="1065" y="1577" on="1"/>
+        <pt x="1284" y="1577" on="1"/>
+        <pt x="782" y="786" on="1"/>
+        <pt x="1284" y="0" on="1"/>
+        <pt x="1063" y="0" on="1"/>
+        <pt x="672" y="612" on="1"/>
+        <pt x="283" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Y" xMin="20" yMin="0" xMax="1243" yMax="1577">
+      <contour>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="238" y="1577" on="1"/>
+        <pt x="635" y="950" on="1"/>
+        <pt x="1034" y="1577" on="1"/>
+        <pt x="1243" y="1577" on="1"/>
+        <pt x="723" y="756" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="545" y="0" on="1"/>
+        <pt x="545" y="756" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Z" xMin="104" yMin="0" xMax="1155" yMax="1577">
+      <contour>
+        <pt x="104" y="0" on="1"/>
+        <pt x="104" y="168" on="1"/>
+        <pt x="893" y="1409" on="1"/>
+        <pt x="125" y="1409" on="1"/>
+        <pt x="125" y="1577" on="1"/>
+        <pt x="1112" y="1577" on="1"/>
+        <pt x="1112" y="1413" on="1"/>
+        <pt x="324" y="168" on="1"/>
+        <pt x="918" y="168" on="1"/>
+        <pt x="941" y="167" on="0"/>
+        <pt x="962" y="167" on="1"/>
+        <pt x="1116" y="167" on="0"/>
+        <pt x="1155" y="207" on="1"/>
+        <pt x="1155" y="33" on="1"/>
+        <pt x="1137" y="17" on="0"/>
+        <pt x="1016" y="0" on="0"/>
+        <pt x="965" y="0" on="1"/>
+        <pt x="913" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="a" xMin="123" yMin="-25" xMax="1083" yMax="1151">
+      <contour>
+        <pt x="123" y="283" on="1"/>
+        <pt x="123" y="355" on="0"/>
+        <pt x="152" y="459" on="0"/>
+        <pt x="229" y="561" on="0"/>
+        <pt x="393" y="633" on="0"/>
+        <pt x="518" y="651" on="1"/>
+        <pt x="731" y="680" on="0"/>
+        <pt x="803" y="698" on="1"/>
+        <pt x="803" y="827" on="1"/>
+        <pt x="803" y="878" on="0"/>
+        <pt x="739" y="1010" on="0"/>
+        <pt x="676" y="1010" on="1"/>
+        <pt x="457" y="1010" on="0"/>
+        <pt x="332" y="903" on="1"/>
+        <pt x="314" y="883" on="0"/>
+        <pt x="317" y="844" on="0"/>
+        <pt x="332" y="829" on="1"/>
+        <pt x="168" y="799" on="1"/>
+        <pt x="148" y="825" on="0"/>
+        <pt x="148" y="863" on="1"/>
+        <pt x="148" y="887" on="0"/>
+        <pt x="156" y="915" on="1"/>
+        <pt x="176" y="989" on="0"/>
+        <pt x="248" y="1030" on="1"/>
+        <pt x="466" y="1151" on="0"/>
+        <pt x="693" y="1151" on="1"/>
+        <pt x="697" y="1151" on="0"/>
+        <pt x="700" y="1151" on="1"/>
+        <pt x="800" y="1151" on="0"/>
+        <pt x="930" y="1028" on="0"/>
+        <pt x="969" y="893" on="0"/>
+        <pt x="969" y="827" on="1"/>
+        <pt x="969" y="272" on="1"/>
+        <pt x="969" y="256" on="0"/>
+        <pt x="977" y="207" on="0"/>
+        <pt x="1034" y="109" on="0"/>
+        <pt x="1083" y="78" on="1"/>
+        <pt x="973" y="-25" on="1"/>
+        <pt x="854" y="22" on="0"/>
+        <pt x="815" y="174" on="1"/>
+        <pt x="629" y="-25" on="0"/>
+        <pt x="430" y="-25" on="1"/>
+        <pt x="410" y="-25" on="0"/>
+        <pt x="352" y="-16" on="0"/>
+        <pt x="256" y="20" on="0"/>
+        <pt x="180" y="82" on="0"/>
+        <pt x="123" y="203" on="0"/>
+      </contour>
+      <contour>
+        <pt x="293" y="283" on="1"/>
+        <pt x="293" y="234" on="0"/>
+        <pt x="328" y="162" on="0"/>
+        <pt x="377" y="131" on="0"/>
+        <pt x="412" y="119" on="0"/>
+        <pt x="424" y="119" on="1"/>
+        <pt x="528" y="119" on="0"/>
+        <pt x="729" y="252" on="0"/>
+        <pt x="803" y="344" on="1"/>
+        <pt x="803" y="551" on="1"/>
+        <pt x="703" y="531" on="0"/>
+        <pt x="537" y="508" on="1"/>
+        <pt x="385" y="488" on="0"/>
+        <pt x="293" y="379" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="ampersand" xMin="123" yMin="-14" xMax="1690" yMax="1577">
+      <contour>
+        <pt x="123" y="410" on="1"/>
+        <pt x="123" y="560" on="0"/>
+        <pt x="313" y="768" on="0"/>
+        <pt x="485" y="864" on="1"/>
+        <pt x="381" y="979" on="0"/>
+        <pt x="274" y="1155" on="0"/>
+        <pt x="274" y="1241" on="1"/>
+        <pt x="274" y="1333" on="0"/>
+        <pt x="350" y="1468" on="0"/>
+        <pt x="481" y="1542" on="0"/>
+        <pt x="627" y="1577" on="0"/>
+        <pt x="709" y="1577" on="1"/>
+        <pt x="887" y="1577" on="0"/>
+        <pt x="1135" y="1417" on="0"/>
+        <pt x="1135" y="1241" on="1"/>
+        <pt x="1135" y="1120" on="0"/>
+        <pt x="930" y="942" on="0"/>
+        <pt x="737" y="844" on="1"/>
+        <pt x="1114" y="440" on="1"/>
+        <pt x="1145" y="487" on="0"/>
+        <pt x="1172" y="542" on="1"/>
+        <pt x="1241" y="680" on="1"/>
+        <pt x="1296" y="793" on="1"/>
+        <pt x="1423" y="715" on="1"/>
+        <pt x="1261" y="391" on="0"/>
+        <pt x="1223" y="328" on="1"/>
+        <pt x="1405" y="148" on="0"/>
+        <pt x="1434" y="154" on="1"/>
+        <pt x="1471" y="154" on="0"/>
+        <pt x="1503" y="160" on="0"/>
+        <pt x="1554" y="213" on="0"/>
+        <pt x="1579" y="268" on="1"/>
+        <pt x="1690" y="203" on="1"/>
+        <pt x="1655" y="125" on="0"/>
+        <pt x="1593" y="33" on="0"/>
+        <pt x="1522" y="-2" on="0"/>
+        <pt x="1479" y="-10" on="0"/>
+        <pt x="1434" y="-10" on="1"/>
+        <pt x="1362" y="-18" on="0"/>
+        <pt x="1128" y="197" on="1"/>
+        <pt x="944" y="-14" on="0"/>
+        <pt x="637" y="-14" on="1"/>
+        <pt x="578" y="-14" on="0"/>
+        <pt x="416" y="33" on="0"/>
+        <pt x="242" y="127" on="0"/>
+        <pt x="123" y="301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="410" on="1"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="432" y="205" on="0"/>
+        <pt x="580" y="158" on="0"/>
+        <pt x="637" y="158" on="1"/>
+        <pt x="864" y="160" on="0"/>
+        <pt x="1014" y="309" on="1"/>
+        <pt x="582" y="764" on="1"/>
+        <pt x="447" y="690" on="0"/>
+        <pt x="295" y="523" on="0"/>
+      </contour>
+      <contour>
+        <pt x="446" y="1241" on="1"/>
+        <pt x="446" y="1151" on="0"/>
+        <pt x="641" y="946" on="1"/>
+        <pt x="741" y="997" on="0"/>
+        <pt x="862" y="1071" on="0"/>
+        <pt x="963" y="1184" on="0"/>
+        <pt x="963" y="1241" on="1"/>
+        <pt x="963" y="1354" on="0"/>
+        <pt x="815" y="1454" on="0"/>
+        <pt x="709" y="1454" on="1"/>
+        <pt x="600" y="1454" on="0"/>
+        <pt x="446" y="1352" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciicircum" xMin="82" yMin="0" xMax="1257" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="596" y="1126" on="1"/>
+        <pt x="743" y="1126" on="1"/>
+        <pt x="1257" y="0" on="1"/>
+        <pt x="1110" y="0" on="1"/>
+        <pt x="670" y="965" on="1"/>
+        <pt x="229" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciitilde" xMin="123" yMin="535" xMax="1227" yMax="782">
+      <contour>
+        <pt x="123" y="709" on="1"/>
+        <pt x="133" y="717" on="0"/>
+        <pt x="176" y="741" on="0"/>
+        <pt x="332" y="782" on="0"/>
+        <pt x="422" y="782" on="1"/>
+        <pt x="504" y="782" on="0"/>
+        <pt x="678" y="719" on="1"/>
+        <pt x="854" y="658" on="0"/>
+        <pt x="940" y="657" on="1"/>
+        <pt x="1012" y="657" on="0"/>
+        <pt x="1128" y="680" on="0"/>
+        <pt x="1151" y="692" on="1"/>
+        <pt x="1174" y="705" on="1"/>
+        <pt x="1227" y="602" on="1"/>
+        <pt x="1121" y="534" on="0"/>
+        <pt x="940" y="535" on="1"/>
+        <pt x="846" y="535" on="0"/>
+        <pt x="645" y="604" on="1"/>
+        <pt x="491" y="659" on="0"/>
+        <pt x="422" y="659" on="1"/>
+        <pt x="344" y="659" on="0"/>
+        <pt x="225" y="635" on="0"/>
+        <pt x="205" y="623" on="1"/>
+        <pt x="184" y="610" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asterisk" xMin="100" yMin="567" xMax="1165" yMax="1577">
+      <contour>
+        <pt x="100" y="1161" on="1"/>
+        <pt x="152" y="1294" on="1"/>
+        <pt x="565" y="1128" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="705" y="1577" on="1"/>
+        <pt x="700" y="1128" on="1"/>
+        <pt x="1114" y="1294" on="1"/>
+        <pt x="1165" y="1161" on="1"/>
+        <pt x="741" y="995" on="1"/>
+        <pt x="1036" y="668" on="1"/>
+        <pt x="918" y="567" on="1"/>
+        <pt x="633" y="920" on="1"/>
+        <pt x="350" y="567" on="1"/>
+        <pt x="227" y="668" on="1"/>
+        <pt x="522" y="995" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="at" xMin="123" yMin="-403" xMax="2073" yMax="1577">
+      <contour>
+        <pt x="123" y="535" on="1"/>
+        <pt x="123" y="801" on="0"/>
+        <pt x="406" y="1284" on="0"/>
+        <pt x="879" y="1577" on="0"/>
+        <pt x="1145" y="1577" on="1"/>
+        <pt x="1360" y="1577" on="0"/>
+        <pt x="1720" y="1425" on="0"/>
+        <pt x="1948" y="1178" on="0"/>
+        <pt x="2073" y="872" on="0"/>
+        <pt x="2073" y="713" on="1"/>
+        <pt x="2073" y="555" on="0"/>
+        <pt x="1964" y="305" on="0"/>
+        <pt x="1806" y="164" on="0"/>
+        <pt x="1614" y="70" on="0"/>
+        <pt x="1466" y="39" on="0"/>
+        <pt x="1411" y="39" on="1"/>
+        <pt x="1245" y="39" on="0"/>
+        <pt x="1284" y="221" on="1"/>
+        <pt x="1075" y="37" on="0"/>
+        <pt x="872" y="39" on="1"/>
+        <pt x="596" y="41" on="0"/>
+        <pt x="596" y="422" on="1"/>
+        <pt x="596" y="584" on="0"/>
+        <pt x="709" y="877" on="0"/>
+        <pt x="879" y="1071" on="0"/>
+        <pt x="1075" y="1186" on="0"/>
+        <pt x="1161" y="1186" on="1"/>
+        <pt x="1351" y="1186" on="0"/>
+        <pt x="1458" y="1022" on="1"/>
+        <pt x="1487" y="1143" on="1"/>
+        <pt x="1647" y="1106" on="1"/>
+        <pt x="1438" y="178" on="0"/>
+        <pt x="1438" y="168" on="1"/>
+        <pt x="1444" y="162" on="0"/>
+        <pt x="1546" y="182" on="0"/>
+        <pt x="1690" y="254" on="0"/>
+        <pt x="1825" y="371" on="0"/>
+        <pt x="1915" y="582" on="0"/>
+        <pt x="1909" y="713" on="1"/>
+        <pt x="1909" y="840" on="0"/>
+        <pt x="1806" y="1085" on="0"/>
+        <pt x="1618" y="1288" on="0"/>
+        <pt x="1321" y="1413" on="0"/>
+        <pt x="1145" y="1413" on="1"/>
+        <pt x="924" y="1413" on="0"/>
+        <pt x="524" y="1163" on="0"/>
+        <pt x="287" y="756" on="0"/>
+        <pt x="287" y="535" on="1"/>
+        <pt x="287" y="205" on="0"/>
+        <pt x="797" y="-240" on="0"/>
+        <pt x="1145" y="-240" on="1"/>
+        <pt x="1327" y="-240" on="0"/>
+        <pt x="1606" y="-143" on="0"/>
+        <pt x="1808" y="25" on="1"/>
+        <pt x="1911" y="-102" on="1"/>
+        <pt x="1680" y="-292" on="0"/>
+        <pt x="1358" y="-403" on="0"/>
+        <pt x="1145" y="-403" on="1"/>
+        <pt x="875" y="-403" on="0"/>
+        <pt x="408" y="-164" on="0"/>
+        <pt x="123" y="271" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="422" on="1"/>
+        <pt x="760" y="168" on="0"/>
+        <pt x="872" y="162" on="1"/>
+        <pt x="950" y="160" on="0"/>
+        <pt x="1114" y="242" on="0"/>
+        <pt x="1245" y="371" on="0"/>
+        <pt x="1315" y="453" on="0"/>
+        <pt x="1341" y="489" on="1"/>
+        <pt x="1417" y="834" on="1"/>
+        <pt x="1362" y="969" on="0"/>
+        <pt x="1237" y="1063" on="0"/>
+        <pt x="1161" y="1063" on="1"/>
+        <pt x="1026" y="1063" on="0"/>
+        <pt x="760" y="686" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="b" xMin="174" yMin="-25" xMax="1169" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="backslash" xMin="51" yMin="-532" xMax="854" yMax="1577">
+      <contour>
+        <pt x="51" y="1577" on="1"/>
+        <pt x="221" y="1577" on="1"/>
+        <pt x="854" y="-532" on="1"/>
+        <pt x="684" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bar" xMin="174" yMin="-532" xMax="330" yMax="1700">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1700" on="1"/>
+        <pt x="330" y="1700" on="1"/>
+        <pt x="330" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceleft" xMin="164" yMin="-545" xMax="819" yMax="1700">
+      <contour>
+        <pt x="164" y="526" on="1"/>
+        <pt x="164" y="629" on="1"/>
+        <pt x="252" y="629" on="0"/>
+        <pt x="350" y="705" on="0"/>
+        <pt x="356" y="741" on="1"/>
+        <pt x="360" y="778" on="1"/>
+        <pt x="360" y="1389" on="1"/>
+        <pt x="360" y="1436" on="0"/>
+        <pt x="379" y="1530" on="0"/>
+        <pt x="422" y="1634" on="0"/>
+        <pt x="516" y="1700" on="0"/>
+        <pt x="582" y="1700" on="1"/>
+        <pt x="641" y="1700" on="0"/>
+        <pt x="760" y="1667" on="0"/>
+        <pt x="791" y="1651" on="1"/>
+        <pt x="819" y="1632" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="705" y="1528" on="0"/>
+        <pt x="582" y="1528" on="1"/>
+        <pt x="533" y="1528" on="0"/>
+        <pt x="532" y="1389" on="1"/>
+        <pt x="532" y="776" on="1"/>
+        <pt x="532" y="770" on="0"/>
+        <pt x="530" y="750" on="0"/>
+        <pt x="514" y="700" on="0"/>
+        <pt x="489" y="653" on="0"/>
+        <pt x="436" y="598" on="0"/>
+        <pt x="401" y="578" on="1"/>
+        <pt x="438" y="558" on="0"/>
+        <pt x="492" y="502" on="0"/>
+        <pt x="516" y="457" on="0"/>
+        <pt x="530" y="406" on="0"/>
+        <pt x="532" y="385" on="0"/>
+        <pt x="532" y="379" on="1"/>
+        <pt x="532" y="-233" on="1"/>
+        <pt x="532" y="-372" on="0"/>
+        <pt x="582" y="-373" on="1"/>
+        <pt x="637" y="-373" on="0"/>
+        <pt x="727" y="-352" on="0"/>
+        <pt x="745" y="-344" on="1"/>
+        <pt x="762" y="-334" on="1"/>
+        <pt x="819" y="-477" on="1"/>
+        <pt x="717" y="-545" on="0"/>
+        <pt x="582" y="-545" on="1"/>
+        <pt x="516" y="-545" on="0"/>
+        <pt x="422" y="-479" on="0"/>
+        <pt x="379" y="-375" on="0"/>
+        <pt x="360" y="-281" on="0"/>
+        <pt x="360" y="-233" on="1"/>
+        <pt x="360" y="377" on="1"/>
+        <pt x="360" y="383" on="0"/>
+        <pt x="358" y="403" on="0"/>
+        <pt x="336" y="455" on="0"/>
+        <pt x="299" y="494" on="0"/>
+        <pt x="219" y="526" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceright" xMin="143" yMin="-545" xMax="799" yMax="1700">
+      <contour>
+        <pt x="143" y="-477" on="1"/>
+        <pt x="201" y="-334" on="1"/>
+        <pt x="258" y="-373" on="0"/>
+        <pt x="381" y="-373" on="1"/>
+        <pt x="430" y="-373" on="0"/>
+        <pt x="430" y="-233" on="1"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="391" on="0"/>
+        <pt x="438" y="438" on="0"/>
+        <pt x="502" y="545" on="0"/>
+        <pt x="559" y="578" on="1"/>
+        <pt x="502" y="611" on="0"/>
+        <pt x="438" y="711" on="0"/>
+        <pt x="430" y="760" on="0"/>
+        <pt x="430" y="776" on="1"/>
+        <pt x="430" y="1389" on="1"/>
+        <pt x="430" y="1528" on="0"/>
+        <pt x="381" y="1528" on="1"/>
+        <pt x="326" y="1528" on="0"/>
+        <pt x="236" y="1507" on="0"/>
+        <pt x="217" y="1499" on="1"/>
+        <pt x="201" y="1489" on="1"/>
+        <pt x="143" y="1632" on="1"/>
+        <pt x="245" y="1700" on="0"/>
+        <pt x="381" y="1700" on="1"/>
+        <pt x="447" y="1700" on="0"/>
+        <pt x="541" y="1634" on="0"/>
+        <pt x="584" y="1530" on="0"/>
+        <pt x="602" y="1436" on="0"/>
+        <pt x="602" y="1389" on="1"/>
+        <pt x="602" y="778" on="1"/>
+        <pt x="602" y="772" on="0"/>
+        <pt x="604" y="752" on="0"/>
+        <pt x="625" y="700" on="0"/>
+        <pt x="662" y="662" on="0"/>
+        <pt x="743" y="629" on="0"/>
+        <pt x="799" y="629" on="1"/>
+        <pt x="799" y="526" on="1"/>
+        <pt x="746" y="526" on="0"/>
+        <pt x="666" y="498" on="0"/>
+        <pt x="629" y="459" on="0"/>
+        <pt x="606" y="410" on="0"/>
+        <pt x="602" y="387" on="0"/>
+        <pt x="602" y="379" on="1"/>
+        <pt x="602" y="-233" on="1"/>
+        <pt x="602" y="-280" on="0"/>
+        <pt x="584" y="-375" on="0"/>
+        <pt x="541" y="-479" on="0"/>
+        <pt x="446" y="-545" on="0"/>
+        <pt x="381" y="-545" on="1"/>
+        <pt x="322" y="-545" on="0"/>
+        <pt x="203" y="-512" on="0"/>
+        <pt x="172" y="-496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketleft" xMin="174" yMin="-532" xMax="592" yMax="1577">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="592" y="1577" on="1"/>
+        <pt x="592" y="1454" on="1"/>
+        <pt x="346" y="1454" on="1"/>
+        <pt x="346" y="-410" on="1"/>
+        <pt x="592" y="-410" on="1"/>
+        <pt x="592" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketright" xMin="143" yMin="-532" xMax="561" yMax="1577">
+      <contour>
+        <pt x="143" y="-410" on="1"/>
+        <pt x="389" y="-410" on="1"/>
+        <pt x="389" y="1454" on="1"/>
+        <pt x="143" y="1454" on="1"/>
+        <pt x="143" y="1577" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="561" y="-532" on="1"/>
+        <pt x="143" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="c" xMin="113" yMin="-25" xMax="963" yMax="1151">
+      <contour>
+        <pt x="113" y="543" on="1"/>
+        <pt x="113" y="838" on="0"/>
+        <pt x="262" y="997" on="1"/>
+        <pt x="406" y="1151" on="0"/>
+        <pt x="582" y="1151" on="1"/>
+        <pt x="589" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="662" y="1149" on="0"/>
+        <pt x="780" y="1110" on="0"/>
+        <pt x="856" y="1057" on="0"/>
+        <pt x="915" y="1006" on="0"/>
+        <pt x="930" y="987" on="1"/>
+        <pt x="942" y="971" on="1"/>
+        <pt x="834" y="868" on="1"/>
+        <pt x="832" y="872" on="0"/>
+        <pt x="819" y="889" on="0"/>
+        <pt x="778" y="928" on="0"/>
+        <pt x="727" y="958" on="0"/>
+        <pt x="641" y="985" on="0"/>
+        <pt x="592" y="987" on="1"/>
+        <pt x="588" y="987" on="0"/>
+        <pt x="584" y="987" on="1"/>
+        <pt x="470" y="987" on="0"/>
+        <pt x="379" y="874" on="1"/>
+        <pt x="285" y="757" on="0"/>
+        <pt x="285" y="543" on="1"/>
+        <pt x="285" y="371" on="0"/>
+        <pt x="449" y="139" on="0"/>
+        <pt x="582" y="139" on="1"/>
+        <pt x="633" y="139" on="0"/>
+        <pt x="694" y="147" on="0"/>
+        <pt x="799" y="203" on="0"/>
+        <pt x="856" y="256" on="1"/>
+        <pt x="963" y="154" on="1"/>
+        <pt x="881" y="72" on="0"/>
+        <pt x="733" y="-12" on="0"/>
+        <pt x="649" y="-25" on="0"/>
+        <pt x="582" y="-25" on="1"/>
+        <pt x="373" y="-25" on="0"/>
+        <pt x="113" y="299" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="colon" xMin="143" yMin="-14" xMax="371" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="307" y="213" on="0"/>
+        <pt x="371" y="150" on="0"/>
+        <pt x="371" y="51" on="0"/>
+        <pt x="307" y="-14" on="0"/>
+        <pt x="209" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="comma" xMin="82" yMin="-287" xMax="322" yMax="213">
+      <contour>
+        <pt x="82" y="51" on="0"/>
+        <pt x="82" y="150" on="0"/>
+        <pt x="147" y="213" on="0"/>
+        <pt x="197" y="213" on="1"/>
+        <pt x="258" y="213" on="0"/>
+        <pt x="322" y="113" on="0"/>
+        <pt x="322" y="45" on="1"/>
+        <pt x="320" y="-102" on="0"/>
+        <pt x="170" y="-287" on="1"/>
+        <pt x="84" y="-258" on="1"/>
+        <pt x="186" y="-131" on="0"/>
+        <pt x="205" y="-14" on="1"/>
+        <pt x="150" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="d" xMin="123" yMin="-25" xMax="1251" yMax="1679">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1679" on="1"/>
+        <pt x="1118" y="1679" on="1"/>
+        <pt x="1118" y="270" on="1"/>
+        <pt x="1120" y="254" on="0"/>
+        <pt x="1130" y="207" on="0"/>
+        <pt x="1198" y="100" on="0"/>
+        <pt x="1251" y="74" on="1"/>
+        <pt x="1110" y="-25" on="1"/>
+        <pt x="967" y="53" on="0"/>
+        <pt x="946" y="217" on="1"/>
+        <pt x="757" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="dollar" xMin="117" yMin="-139" xMax="1237" yMax="1722">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="373" y="186" on="0"/>
+        <pt x="629" y="147" on="1"/>
+        <pt x="629" y="754" on="1"/>
+        <pt x="551" y="779" on="0"/>
+        <pt x="449" y="817" on="0"/>
+        <pt x="328" y="887" on="0"/>
+        <pt x="258" y="967" on="0"/>
+        <pt x="209" y="1087" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1280" on="0"/>
+        <pt x="293" y="1454" on="0"/>
+        <pt x="428" y="1546" on="0"/>
+        <pt x="559" y="1591" on="0"/>
+        <pt x="629" y="1597" on="1"/>
+        <pt x="629" y="1722" on="1"/>
+        <pt x="760" y="1722" on="1"/>
+        <pt x="760" y="1595" on="1"/>
+        <pt x="1020" y="1570" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="938" y="1407" on="0"/>
+        <pt x="760" y="1430" on="1"/>
+        <pt x="760" y="893" on="1"/>
+        <pt x="869" y="858" on="0"/>
+        <pt x="1004" y="801" on="0"/>
+        <pt x="1159" y="694" on="0"/>
+        <pt x="1237" y="537" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="227" on="0"/>
+        <pt x="961" y="-8" on="0"/>
+        <pt x="760" y="-20" on="1"/>
+        <pt x="760" y="-139" on="1"/>
+        <pt x="629" y="-139" on="1"/>
+        <pt x="629" y="-16" on="1"/>
+        <pt x="293" y="23" on="0"/>
+      </contour>
+      <contour>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1077" on="0"/>
+        <pt x="510" y="973" on="0"/>
+        <pt x="629" y="934" on="1"/>
+        <pt x="629" y="1432" on="1"/>
+        <pt x="531" y="1418" on="0"/>
+        <pt x="381" y="1294" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="143" on="1"/>
+        <pt x="889" y="155" on="0"/>
+        <pt x="1065" y="305" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="545" on="0"/>
+        <pt x="907" y="666" on="0"/>
+        <pt x="760" y="713" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="e" xMin="113" yMin="-25" xMax="1059" yMax="1151">
+      <contour>
+        <pt x="113" y="309" on="0"/>
+        <pt x="113" y="793" on="0"/>
+        <pt x="389" y="1151" on="0"/>
+        <pt x="598" y="1151" on="1"/>
+        <pt x="717" y="1151" on="0"/>
+        <pt x="897" y="1059" on="0"/>
+        <pt x="989" y="936" on="0"/>
+        <pt x="1044" y="780" on="0"/>
+        <pt x="1059" y="682" on="0"/>
+        <pt x="1059" y="647" on="1"/>
+        <pt x="1059" y="571" on="1"/>
+        <pt x="285" y="571" on="1"/>
+        <pt x="285" y="378" on="0"/>
+        <pt x="455" y="127" on="0"/>
+        <pt x="606" y="127" on="1"/>
+        <pt x="721" y="127" on="0"/>
+        <pt x="801" y="176" on="1"/>
+        <pt x="881" y="223" on="0"/>
+        <pt x="954" y="322" on="1"/>
+        <pt x="1059" y="221" on="1"/>
+        <pt x="987" y="133" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="717" y="-16" on="0"/>
+        <pt x="657" y="-25" on="0"/>
+        <pt x="606" y="-25" on="1"/>
+        <pt x="379" y="-25" on="0"/>
+      </contour>
+      <contour>
+        <pt x="309" y="723" on="1"/>
+        <pt x="879" y="723" on="1"/>
+        <pt x="869" y="770" on="0"/>
+        <pt x="834" y="854" on="0"/>
+        <pt x="772" y="944" on="0"/>
+        <pt x="666" y="999" on="0"/>
+        <pt x="598" y="999" on="1"/>
+        <pt x="498" y="999" on="0"/>
+        <pt x="344" y="846" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="eight" xMin="133" yMin="-23" xMax="1083" yMax="1599">
+      <contour>
+        <pt x="133" y="350" on="1"/>
+        <pt x="135" y="493" on="0"/>
+        <pt x="326" y="733" on="0"/>
+        <pt x="455" y="821" on="1"/>
+        <pt x="174" y="1044" on="0"/>
+        <pt x="174" y="1260" on="1"/>
+        <pt x="174" y="1352" on="0"/>
+        <pt x="250" y="1489" on="0"/>
+        <pt x="381" y="1565" on="0"/>
+        <pt x="526" y="1599" on="0"/>
+        <pt x="690" y="1599" on="0"/>
+        <pt x="836" y="1565" on="0"/>
+        <pt x="967" y="1489" on="0"/>
+        <pt x="1042" y="1352" on="0"/>
+        <pt x="1042" y="1260" on="1"/>
+        <pt x="1042" y="1117" on="0"/>
+        <pt x="846" y="893" on="0"/>
+        <pt x="723" y="819" on="1"/>
+        <pt x="809" y="756" on="0"/>
+        <pt x="911" y="670" on="0"/>
+        <pt x="1028" y="547" on="0"/>
+        <pt x="1083" y="420" on="0"/>
+        <pt x="1083" y="350" on="1"/>
+        <pt x="1083" y="272" on="0"/>
+        <pt x="1034" y="147" on="0"/>
+        <pt x="965" y="72" on="0"/>
+        <pt x="860" y="16" on="0"/>
+        <pt x="778" y="-8" on="0"/>
+        <pt x="674" y="-23" on="0"/>
+        <pt x="654" y="-23" on="1"/>
+        <pt x="612" y="-23" on="1"/>
+        <pt x="608" y="-23" on="1"/>
+        <pt x="572" y="-23" on="1"/>
+        <pt x="559" y="-23" on="0"/>
+        <pt x="449" y="-10" on="0"/>
+        <pt x="369" y="14" on="0"/>
+        <pt x="258" y="70" on="0"/>
+        <pt x="186" y="145" on="0"/>
+        <pt x="133" y="272" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="350" on="1"/>
+        <pt x="307" y="295" on="0"/>
+        <pt x="346" y="209" on="0"/>
+        <pt x="418" y="162" on="0"/>
+        <pt x="481" y="131" on="0"/>
+        <pt x="524" y="127" on="1"/>
+        <pt x="579" y="122" on="1"/>
+        <pt x="590" y="121" on="0"/>
+        <pt x="608" y="121" on="1"/>
+        <pt x="610" y="121" on="1"/>
+        <pt x="633" y="121" on="0"/>
+        <pt x="678" y="123" on="0"/>
+        <pt x="778" y="147" on="0"/>
+        <pt x="850" y="190" on="0"/>
+        <pt x="909" y="285" on="0"/>
+        <pt x="909" y="350" on="1"/>
+        <pt x="909" y="436" on="0"/>
+        <pt x="737" y="612" on="0"/>
+        <pt x="569" y="733" on="1"/>
+        <pt x="321" y="573" on="0"/>
+      </contour>
+      <contour>
+        <pt x="348" y="1260" on="1"/>
+        <pt x="348" y="1170" on="0"/>
+        <pt x="483" y="1001" on="0"/>
+        <pt x="604" y="907" on="1"/>
+        <pt x="657" y="936" on="0"/>
+        <pt x="762" y="1014" on="0"/>
+        <pt x="868" y="1174" on="0"/>
+        <pt x="868" y="1260" on="1"/>
+        <pt x="868" y="1371" on="0"/>
+        <pt x="717" y="1468" on="0"/>
+        <pt x="500" y="1468" on="0"/>
+        <pt x="348" y="1371" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="emdash" xMin="82" yMin="498" xMax="1477" yMax="631">
+      <contour>
+        <pt x="82" y="498" on="1"/>
+        <pt x="82" y="631" on="1"/>
+        <pt x="1477" y="631" on="1"/>
+        <pt x="1477" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="endash" xMin="61" yMin="498" xMax="1190" yMax="631">
+      <contour>
+        <pt x="61" y="498" on="1"/>
+        <pt x="61" y="631" on="1"/>
+        <pt x="1190" y="631" on="1"/>
+        <pt x="1190" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="equal" xMin="133" yMin="344" xMax="1262" yMax="809">
+      <contour>
+        <pt x="133" y="344" on="1"/>
+        <pt x="133" y="481" on="1"/>
+        <pt x="1262" y="481" on="1"/>
+        <pt x="1262" y="344" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="672" on="1"/>
+        <pt x="133" y="809" on="1"/>
+        <pt x="1262" y="809" on="1"/>
+        <pt x="1262" y="672" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="exclam" xMin="174" yMin="-14" xMax="401" yMax="1679">
+      <contour>
+        <pt x="174" y="51" on="0"/>
+        <pt x="174" y="150" on="0"/>
+        <pt x="240" y="213" on="0"/>
+        <pt x="338" y="213" on="0"/>
+        <pt x="401" y="150" on="0"/>
+        <pt x="401" y="51" on="0"/>
+        <pt x="338" y="-14" on="0"/>
+        <pt x="240" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="195" y="1679" on="1"/>
+        <pt x="383" y="1679" on="1"/>
+        <pt x="356" y="377" on="1"/>
+        <pt x="221" y="377" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="f" xMin="61" yMin="0" xMax="887" yMax="1690">
+      <contour>
+        <pt x="61" y="983" on="1"/>
+        <pt x="61" y="1126" on="1"/>
+        <pt x="207" y="1126" on="1"/>
+        <pt x="207" y="1323" on="1"/>
+        <pt x="207" y="1690" on="0"/>
+        <pt x="524" y="1690" on="1"/>
+        <pt x="731" y="1690" on="0"/>
+        <pt x="887" y="1561" on="1"/>
+        <pt x="776" y="1454" on="1"/>
+        <pt x="657" y="1546" on="0"/>
+        <pt x="524" y="1546" on="1"/>
+        <pt x="475" y="1546" on="0"/>
+        <pt x="414" y="1516" on="0"/>
+        <pt x="385" y="1444" on="0"/>
+        <pt x="377" y="1380" on="0"/>
+        <pt x="377" y="1323" on="1"/>
+        <pt x="377" y="1126" on="1"/>
+        <pt x="709" y="1126" on="1"/>
+        <pt x="709" y="983" on="1"/>
+        <pt x="377" y="983" on="1"/>
+        <pt x="377" y="0" on="1"/>
+        <pt x="207" y="0" on="1"/>
+        <pt x="207" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="figuredash" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="five" xMin="143" yMin="-440" xMax="1077" yMax="1157">
+      <contour>
+        <pt x="143" y="-301" on="1"/>
+        <pt x="250" y="-197" on="1"/>
+        <pt x="258" y="-205" on="0"/>
+        <pt x="291" y="-231" on="0"/>
+        <pt x="416" y="-274" on="0"/>
+        <pt x="489" y="-274" on="1"/>
+        <pt x="639" y="-274" on="0"/>
+        <pt x="901" y="-43" on="0"/>
+        <pt x="901" y="170" on="1"/>
+        <pt x="901" y="285" on="0"/>
+        <pt x="733" y="492" on="0"/>
+        <pt x="614" y="492" on="1"/>
+        <pt x="456" y="492" on="0"/>
+        <pt x="344" y="416" on="1"/>
+        <pt x="178" y="416" on="1"/>
+        <pt x="178" y="1157" on="1"/>
+        <pt x="948" y="1157" on="1"/>
+        <pt x="948" y="1001" on="1"/>
+        <pt x="344" y="1001" on="1"/>
+        <pt x="344" y="588" on="1"/>
+        <pt x="463" y="641" on="0"/>
+        <pt x="614" y="641" on="1"/>
+        <pt x="794" y="641" on="0"/>
+        <pt x="1069" y="354" on="0"/>
+        <pt x="1077" y="170" on="1"/>
+        <pt x="1077" y="23" on="0"/>
+        <pt x="963" y="-219" on="0"/>
+        <pt x="784" y="-362" on="0"/>
+        <pt x="586" y="-440" on="0"/>
+        <pt x="489" y="-440" on="1"/>
+        <pt x="385" y="-440" on="0"/>
+        <pt x="213" y="-371" on="0"/>
+        <pt x="178" y="-336" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="four" xMin="82" yMin="-440" xMax="1225" yMax="1157">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="90" on="1"/>
+        <pt x="885" y="1157" on="1"/>
+        <pt x="993" y="1157" on="1"/>
+        <pt x="993" y="150" on="1"/>
+        <pt x="1225" y="150" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="993" y="0" on="1"/>
+        <pt x="993" y="-440" on="1"/>
+        <pt x="827" y="-440" on="1"/>
+        <pt x="827" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="141" on="1"/>
+        <pt x="346" y="150" on="1"/>
+        <pt x="827" y="150" on="1"/>
+        <pt x="827" y="838" on="1"/>
+        <pt x="336" y="172" on="1"/>
+        <pt x="307" y="143" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="g" xMin="123" yMin="-563" xMax="1184" yMax="1257">
+      <contour>
+        <pt x="123" y="-221" on="1"/>
+        <pt x="125" y="-96" on="0"/>
+        <pt x="211" y="55" on="0"/>
+        <pt x="295" y="117" on="1"/>
+        <pt x="199" y="158" on="0"/>
+        <pt x="190" y="250" on="1"/>
+        <pt x="190" y="346" on="0"/>
+        <pt x="336" y="463" on="1"/>
+        <pt x="166" y="559" on="0"/>
+        <pt x="166" y="795" on="1"/>
+        <pt x="166" y="887" on="0"/>
+        <pt x="254" y="1034" on="0"/>
+        <pt x="393" y="1114" on="0"/>
+        <pt x="539" y="1155" on="0"/>
+        <pt x="606" y="1155" on="1"/>
+        <pt x="669" y="1155" on="0"/>
+        <pt x="743" y="1137" on="1"/>
+        <pt x="876" y="1258" on="0"/>
+        <pt x="1053" y="1257" on="1"/>
+        <pt x="1108" y="1257" on="0"/>
+        <pt x="1176" y="1237" on="1"/>
+        <pt x="1147" y="1094" on="1"/>
+        <pt x="1110" y="1106" on="0"/>
+        <pt x="1053" y="1106" on="1"/>
+        <pt x="965" y="1106" on="0"/>
+        <pt x="887" y="1073" on="1"/>
+        <pt x="1047" y="971" on="0"/>
+        <pt x="1047" y="795" on="1"/>
+        <pt x="1047" y="680" on="0"/>
+        <pt x="958" y="516" on="0"/>
+        <pt x="817" y="436" on="0"/>
+        <pt x="678" y="403" on="0"/>
+        <pt x="606" y="403" on="1"/>
+        <pt x="536" y="403" on="0"/>
+        <pt x="483" y="414" on="1"/>
+        <pt x="362" y="328" on="0"/>
+        <pt x="362" y="250" on="1"/>
+        <pt x="368" y="244" on="0"/>
+        <pt x="461" y="238" on="0"/>
+        <pt x="535" y="236" on="1"/>
+        <pt x="608" y="233" on="1"/>
+        <pt x="727" y="227" on="0"/>
+        <pt x="903" y="197" on="0"/>
+        <pt x="1085" y="129" on="0"/>
+        <pt x="1184" y="-6" on="0"/>
+        <pt x="1184" y="-102" on="1"/>
+        <pt x="1184" y="-301" on="0"/>
+        <pt x="895" y="-563" on="0"/>
+        <pt x="614" y="-563" on="1"/>
+        <pt x="415" y="-563" on="0"/>
+        <pt x="123" y="-366" on="0"/>
+      </contour>
+      <contour>
+        <pt x="297" y="-221" on="1"/>
+        <pt x="297" y="-303" on="0"/>
+        <pt x="485" y="-410" on="0"/>
+        <pt x="614" y="-410" on="1"/>
+        <pt x="811" y="-410" on="0"/>
+        <pt x="1020" y="-236" on="0"/>
+        <pt x="1020" y="-102" on="1"/>
+        <pt x="1020" y="-49" on="0"/>
+        <pt x="948" y="25" on="0"/>
+        <pt x="813" y="61" on="0"/>
+        <pt x="692" y="78" on="0"/>
+        <pt x="606" y="82" on="1"/>
+        <pt x="487" y="82" on="0"/>
+        <pt x="459" y="84" on="1"/>
+        <pt x="375" y="33" on="0"/>
+        <pt x="297" y="-92" on="0"/>
+      </contour>
+      <contour>
+        <pt x="338" y="795" on="1"/>
+        <pt x="338" y="715" on="0"/>
+        <pt x="391" y="604" on="0"/>
+        <pt x="479" y="553" on="0"/>
+        <pt x="561" y="535" on="0"/>
+        <pt x="651" y="535" on="0"/>
+        <pt x="735" y="557" on="0"/>
+        <pt x="821" y="610" on="0"/>
+        <pt x="874" y="719" on="0"/>
+        <pt x="874" y="795" on="1"/>
+        <pt x="874" y="908" on="0"/>
+        <pt x="702" y="1024" on="0"/>
+        <pt x="510" y="1024" on="0"/>
+        <pt x="338" y="908" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="grave" xMin="113" yMin="1251" xMax="616" yMax="1577">
+      <contour>
+        <pt x="113" y="1432" on="1"/>
+        <pt x="156" y="1577" on="1"/>
+        <pt x="616" y="1348" on="1"/>
+        <pt x="573" y="1251" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="greater" xMin="143" yMin="-14" xMax="1280" yMax="1161">
+      <contour>
+        <pt x="143" y="-14" on="1"/>
+        <pt x="143" y="133" on="1"/>
+        <pt x="1116" y="573" on="1"/>
+        <pt x="143" y="1014" on="1"/>
+        <pt x="143" y="1161" on="1"/>
+        <pt x="1280" y="647" on="1"/>
+        <pt x="1280" y="500" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="h" xMin="174" yMin="0" xMax="1098" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="605" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="hyphen" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="i" xMin="174" yMin="0" xMax="381" yMax="1577">
+      <contour>
+        <pt x="174" y="1430" on="0"/>
+        <pt x="174" y="1520" on="0"/>
+        <pt x="233" y="1577" on="0"/>
+        <pt x="324" y="1577" on="0"/>
+        <pt x="381" y="1520" on="0"/>
+        <pt x="381" y="1430" on="0"/>
+        <pt x="324" y="1370" on="0"/>
+        <pt x="233" y="1370" on="0"/>
+      </contour>
+      <contour>
+        <pt x="193" y="0" on="1"/>
+        <pt x="193" y="1126" on="1"/>
+        <pt x="362" y="1126" on="1"/>
+        <pt x="362" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="j" xMin="-72" yMin="-563" xMax="279" yMax="1577">
+      <contour>
+        <pt x="-72" y="-401" on="1"/>
+        <pt x="-11" y="-393" on="0"/>
+        <pt x="90" y="-207" on="0"/>
+        <pt x="90" y="-88" on="1"/>
+        <pt x="90" y="1126" on="1"/>
+        <pt x="260" y="1126" on="1"/>
+        <pt x="260" y="-88" on="1"/>
+        <pt x="260" y="-266" on="0"/>
+        <pt x="86" y="-526" on="0"/>
+        <pt x="-20" y="-563" on="1"/>
+      </contour>
+      <contour>
+        <pt x="72" y="1430" on="0"/>
+        <pt x="72" y="1520" on="0"/>
+        <pt x="131" y="1577" on="0"/>
+        <pt x="221" y="1577" on="0"/>
+        <pt x="279" y="1520" on="0"/>
+        <pt x="279" y="1430" on="0"/>
+        <pt x="221" y="1370" on="0"/>
+        <pt x="131" y="1370" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="k" xMin="174" yMin="0" xMax="1167" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="729" on="1"/>
+        <pt x="729" y="997" on="0"/>
+        <pt x="795" y="1126" on="1"/>
+        <pt x="969" y="1126" on="1"/>
+        <pt x="934" y="993" on="0"/>
+        <pt x="502" y="668" on="1"/>
+        <pt x="568" y="641" on="0"/>
+        <pt x="616" y="588" on="1"/>
+        <pt x="954" y="207" on="1"/>
+        <pt x="1144" y="0" on="0"/>
+        <pt x="1167" y="0" on="1"/>
+        <pt x="936" y="0" on="1"/>
+        <pt x="911" y="8" on="0"/>
+        <pt x="756" y="174" on="0"/>
+        <pt x="526" y="442" on="0"/>
+        <pt x="494" y="477" on="1"/>
+        <pt x="433" y="540" on="0"/>
+        <pt x="395" y="551" on="1"/>
+        <pt x="375" y="557" on="0"/>
+        <pt x="346" y="549" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="l" xMin="174" yMin="-25" xMax="502" yMax="1679">
+      <contour>
+        <pt x="174" y="299" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="344" y="1679" on="1"/>
+        <pt x="344" y="299" on="1"/>
+        <pt x="344" y="188" on="0"/>
+        <pt x="367" y="166" on="1"/>
+        <pt x="412" y="121" on="0"/>
+        <pt x="502" y="121" on="1"/>
+        <pt x="496" y="-25" on="1"/>
+        <pt x="316" y="-25" on="0"/>
+        <pt x="246" y="45" on="1"/>
+        <pt x="174" y="117" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="less" xMin="154" yMin="-14" xMax="1290" yMax="1161">
+      <contour>
+        <pt x="154" y="500" on="1"/>
+        <pt x="154" y="647" on="1"/>
+        <pt x="1290" y="1161" on="1"/>
+        <pt x="1290" y="1014" on="1"/>
+        <pt x="315" y="573" on="1"/>
+        <pt x="1290" y="133" on="1"/>
+        <pt x="1290" y="-14" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="m" xMin="174" yMin="0" xMax="1718" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="903" on="1"/>
+        <pt x="571" y="1151" on="0"/>
+        <pt x="772" y="1151" on="1"/>
+        <pt x="993" y="1151" on="0"/>
+        <pt x="1026" y="897" on="1"/>
+        <pt x="1253" y="1151" on="0"/>
+        <pt x="1458" y="1151" on="1"/>
+        <pt x="1718" y="1151" on="0"/>
+        <pt x="1718" y="801" on="1"/>
+        <pt x="1718" y="0" on="1"/>
+        <pt x="1546" y="0" on="1"/>
+        <pt x="1546" y="801" on="1"/>
+        <pt x="1546" y="979" on="0"/>
+        <pt x="1458" y="979" on="1"/>
+        <pt x="1384" y="979" on="0"/>
+        <pt x="1251" y="930" on="0"/>
+        <pt x="1137" y="831" on="0"/>
+        <pt x="1077" y="770" on="0"/>
+        <pt x="1032" y="715" on="1"/>
+        <pt x="1032" y="0" on="1"/>
+        <pt x="860" y="0" on="1"/>
+        <pt x="860" y="801" on="1"/>
+        <pt x="860" y="979" on="0"/>
+        <pt x="772" y="979" on="1"/>
+        <pt x="698" y="979" on="0"/>
+        <pt x="565" y="930" on="0"/>
+        <pt x="451" y="831" on="0"/>
+        <pt x="391" y="770" on="0"/>
+        <pt x="346" y="715" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="minus" xMin="102" yMin="496" xMax="1229" yMax="633">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="n" xMin="174" yMin="0" xMax="1098" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="611" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nine" xMin="123" yMin="-440" xMax="1139" yMax="1182">
+      <contour>
+        <pt x="123" y="662" on="1"/>
+        <pt x="123" y="742" on="0"/>
+        <pt x="174" y="909" on="0"/>
+        <pt x="279" y="1075" on="0"/>
+        <pt x="477" y="1182" on="0"/>
+        <pt x="608" y="1182" on="1"/>
+        <pt x="862" y="1182" on="0"/>
+        <pt x="1139" y="799" on="0"/>
+        <pt x="1139" y="440" on="1"/>
+        <pt x="1139" y="331" on="0"/>
+        <pt x="1098" y="100" on="0"/>
+        <pt x="1001" y="-137" on="0"/>
+        <pt x="866" y="-324" on="0"/>
+        <pt x="659" y="-440" on="0"/>
+        <pt x="537" y="-440" on="1"/>
+        <pt x="420" y="-440" on="0"/>
+        <pt x="219" y="-365" on="0"/>
+        <pt x="164" y="-326" on="1"/>
+        <pt x="276" y="-217" on="1"/>
+        <pt x="395" y="-283" on="0"/>
+        <pt x="535" y="-283" on="1"/>
+        <pt x="650" y="-283" on="0"/>
+        <pt x="825" y="-133" on="0"/>
+        <pt x="922" y="106" on="0"/>
+        <pt x="969" y="346" on="0"/>
+        <pt x="973" y="463" on="1"/>
+        <pt x="793" y="197" on="0"/>
+        <pt x="559" y="197" on="1"/>
+        <pt x="366" y="197" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="662" on="1"/>
+        <pt x="295" y="498" on="0"/>
+        <pt x="442" y="348" on="0"/>
+        <pt x="559" y="348" on="1"/>
+        <pt x="786" y="348" on="0"/>
+        <pt x="950" y="684" on="1"/>
+        <pt x="915" y="854" on="0"/>
+        <pt x="739" y="1030" on="0"/>
+        <pt x="608" y="1030" on="1"/>
+        <pt x="497" y="1030" on="0"/>
+        <pt x="348" y="897" on="0"/>
+        <pt x="295" y="740" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="numbersign" xMin="82" yMin="0" xMax="1608" yMax="1577">
+      <contour>
+        <pt x="82" y="489" on="1"/>
+        <pt x="117" y="637" on="1"/>
+        <pt x="455" y="637" on="1"/>
+        <pt x="543" y="999" on="1"/>
+        <pt x="195" y="999" on="1"/>
+        <pt x="229" y="1147" on="1"/>
+        <pt x="580" y="1147" on="1"/>
+        <pt x="686" y="1577" on="1"/>
+        <pt x="838" y="1577" on="1"/>
+        <pt x="731" y="1147" on="1"/>
+        <pt x="1092" y="1147" on="1"/>
+        <pt x="1198" y="1577" on="1"/>
+        <pt x="1350" y="1577" on="1"/>
+        <pt x="1243" y="1147" on="1"/>
+        <pt x="1608" y="1147" on="1"/>
+        <pt x="1573" y="999" on="1"/>
+        <pt x="1206" y="999" on="1"/>
+        <pt x="1118" y="637" on="1"/>
+        <pt x="1495" y="637" on="1"/>
+        <pt x="1460" y="489" on="1"/>
+        <pt x="1081" y="489" on="1"/>
+        <pt x="963" y="0" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="930" y="489" on="1"/>
+        <pt x="569" y="489" on="1"/>
+        <pt x="451" y="0" on="1"/>
+        <pt x="299" y="0" on="1"/>
+        <pt x="418" y="489" on="1"/>
+      </contour>
+      <contour>
+        <pt x="606" y="637" on="1"/>
+        <pt x="967" y="637" on="1"/>
+        <pt x="1055" y="999" on="1"/>
+        <pt x="694" y="999" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="o" xMin="123" yMin="-25" xMax="1102" yMax="1151">
+      <contour>
+        <pt x="123" y="397" on="0"/>
+        <pt x="123" y="729" on="0"/>
+        <pt x="205" y="967" on="0"/>
+        <pt x="348" y="1094" on="0"/>
+        <pt x="514" y="1151" on="0"/>
+        <pt x="711" y="1151" on="0"/>
+        <pt x="877" y="1094" on="0"/>
+        <pt x="1020" y="967" on="0"/>
+        <pt x="1102" y="729" on="0"/>
+        <pt x="1102" y="397" on="0"/>
+        <pt x="1020" y="160" on="0"/>
+        <pt x="877" y="33" on="0"/>
+        <pt x="711" y="-25" on="0"/>
+        <pt x="514" y="-25" on="0"/>
+        <pt x="348" y="33" on="0"/>
+        <pt x="205" y="160" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="801" on="0"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="748" y="119" on="0"/>
+        <pt x="930" y="326" on="0"/>
+        <pt x="930" y="801" on="0"/>
+        <pt x="748" y="1008" on="0"/>
+        <pt x="477" y="1008" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="one" xMin="102" yMin="0" xMax="561" yMax="1157">
+      <contour>
+        <pt x="102" y="936" on="1"/>
+        <pt x="395" y="1157" on="1"/>
+        <pt x="561" y="1157" on="1"/>
+        <pt x="561" y="0" on="1"/>
+        <pt x="395" y="0" on="1"/>
+        <pt x="395" y="983" on="1"/>
+        <pt x="213" y="829" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="p" xMin="174" yMin="-532" xMax="1169" yMax="1151">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="-532" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenleft" xMin="123" yMin="-535" xMax="631" yMax="1577">
+      <contour>
+        <pt x="123" y="520" on="1"/>
+        <pt x="123" y="618" on="0"/>
+        <pt x="150" y="862" on="0"/>
+        <pt x="221" y="1157" on="0"/>
+        <pt x="328" y="1397" on="0"/>
+        <pt x="508" y="1567" on="0"/>
+        <pt x="618" y="1577" on="1"/>
+        <pt x="631" y="1434" on="1"/>
+        <pt x="535" y="1399" on="0"/>
+        <pt x="393" y="1180" on="0"/>
+        <pt x="326" y="889" on="0"/>
+        <pt x="295" y="633" on="0"/>
+        <pt x="295" y="520" on="1"/>
+        <pt x="295" y="409" on="0"/>
+        <pt x="326" y="154" on="0"/>
+        <pt x="393" y="-137" on="0"/>
+        <pt x="535" y="-358" on="0"/>
+        <pt x="631" y="-391" on="1"/>
+        <pt x="618" y="-535" on="1"/>
+        <pt x="505" y="-523" on="0"/>
+        <pt x="326" y="-350" on="0"/>
+        <pt x="221" y="-113" on="0"/>
+        <pt x="150" y="178" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenright" xMin="61" yMin="-535" xMax="569" yMax="1577">
+      <contour>
+        <pt x="61" y="-391" on="1"/>
+        <pt x="157" y="-358" on="0"/>
+        <pt x="299" y="-137" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="397" y="410" on="0"/>
+        <pt x="397" y="520" on="1"/>
+        <pt x="397" y="633" on="0"/>
+        <pt x="367" y="889" on="0"/>
+        <pt x="299" y="1180" on="0"/>
+        <pt x="158" y="1399" on="0"/>
+        <pt x="61" y="1434" on="1"/>
+        <pt x="74" y="1577" on="1"/>
+        <pt x="185" y="1567" on="0"/>
+        <pt x="365" y="1397" on="0"/>
+        <pt x="471" y="1157" on="0"/>
+        <pt x="543" y="862" on="0"/>
+        <pt x="569" y="618" on="0"/>
+        <pt x="569" y="520" on="1"/>
+        <pt x="569" y="420" on="0"/>
+        <pt x="543" y="178" on="0"/>
+        <pt x="471" y="-113" on="0"/>
+        <pt x="367" y="-350" on="0"/>
+        <pt x="186" y="-522" on="0"/>
+        <pt x="74" y="-535" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="percent" xMin="123" yMin="-96" xMax="1944" yMax="1667">
+      <contour>
+        <pt x="123" y="1049" on="0"/>
+        <pt x="123" y="1286" on="0"/>
+        <pt x="193" y="1460" on="0"/>
+        <pt x="309" y="1552" on="0"/>
+        <pt x="438" y="1595" on="0"/>
+        <pt x="510" y="1595" on="1"/>
+        <pt x="584" y="1595" on="0"/>
+        <pt x="713" y="1554" on="0"/>
+        <pt x="831" y="1460" on="0"/>
+        <pt x="899" y="1284" on="0"/>
+        <pt x="899" y="1163" on="1"/>
+        <pt x="897" y="936" on="0"/>
+        <pt x="670" y="737" on="0"/>
+        <pt x="512" y="737" on="1"/>
+        <pt x="440" y="737" on="0"/>
+        <pt x="311" y="780" on="0"/>
+        <pt x="193" y="872" on="0"/>
+      </contour>
+      <contour>
+        <pt x="276" y="1167" on="1"/>
+        <pt x="276" y="999" on="0"/>
+        <pt x="416" y="852" on="0"/>
+        <pt x="608" y="852" on="0"/>
+        <pt x="743" y="997" on="0"/>
+        <pt x="745" y="1163" on="1"/>
+        <pt x="745" y="1333" on="0"/>
+        <pt x="608" y="1481" on="0"/>
+        <pt x="510" y="1481" on="1"/>
+        <pt x="414" y="1479" on="0"/>
+        <pt x="276" y="1333" on="0"/>
+      </contour>
+      <contour>
+        <pt x="350" y="-96" on="1"/>
+        <pt x="1538" y="1667" on="1"/>
+        <pt x="1714" y="1667" on="1"/>
+        <pt x="526" y="-96" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1167" y="416" on="1"/>
+        <pt x="1169" y="643" on="0"/>
+        <pt x="1395" y="844" on="0"/>
+        <pt x="1554" y="846" on="1"/>
+        <pt x="1628" y="846" on="0"/>
+        <pt x="1757" y="803" on="0"/>
+        <pt x="1876" y="711" on="0"/>
+        <pt x="1944" y="532" on="0"/>
+        <pt x="1944" y="412" on="1"/>
+        <pt x="1942" y="185" on="0"/>
+        <pt x="1714" y="-14" on="0"/>
+        <pt x="1556" y="-14" on="1"/>
+        <pt x="1484" y="-14" on="0"/>
+        <pt x="1356" y="29" on="0"/>
+        <pt x="1237" y="121" on="0"/>
+        <pt x="1167" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1323" y="412" on="1"/>
+        <pt x="1323" y="246" on="0"/>
+        <pt x="1460" y="100" on="0"/>
+        <pt x="1653" y="100" on="0"/>
+        <pt x="1788" y="246" on="0"/>
+        <pt x="1790" y="412" on="1"/>
+        <pt x="1790" y="580" on="0"/>
+        <pt x="1655" y="729" on="0"/>
+        <pt x="1559" y="731" on="1"/>
+        <pt x="1463" y="731" on="0"/>
+        <pt x="1323" y="582" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="period" xMin="92" yMin="-14" xMax="319" yMax="213">
+      <contour>
+        <pt x="92" y="51" on="0"/>
+        <pt x="92" y="150" on="0"/>
+        <pt x="158" y="213" on="0"/>
+        <pt x="256" y="213" on="0"/>
+        <pt x="319" y="150" on="0"/>
+        <pt x="319" y="51" on="0"/>
+        <pt x="256" y="-14" on="0"/>
+        <pt x="158" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="plus" xMin="102" yMin="0" xMax="1229" yMax="1126">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="586" y="633" on="1"/>
+        <pt x="586" y="1126" on="1"/>
+        <pt x="723" y="1126" on="1"/>
+        <pt x="723" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+        <pt x="723" y="496" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="586" y="0" on="1"/>
+        <pt x="586" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="q" xMin="123" yMin="-532" xMax="1118" yMax="1151">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1126" on="1"/>
+        <pt x="1118" y="1126" on="1"/>
+        <pt x="1118" y="-532" on="1"/>
+        <pt x="946" y="-532" on="1"/>
+        <pt x="946" y="215" on="1"/>
+        <pt x="753" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="question" xMin="84" yMin="-14" xMax="958" yMax="1679">
+      <contour>
+        <pt x="84" y="1393" on="1"/>
+        <pt x="90" y="1405" on="0"/>
+        <pt x="117" y="1444" on="0"/>
+        <pt x="203" y="1542" on="0"/>
+        <pt x="299" y="1618" on="0"/>
+        <pt x="453" y="1679" on="0"/>
+        <pt x="532" y="1679" on="1"/>
+        <pt x="636" y="1679" on="0"/>
+        <pt x="797" y="1628" on="0"/>
+        <pt x="887" y="1550" on="0"/>
+        <pt x="942" y="1446" on="0"/>
+        <pt x="958" y="1358" on="0"/>
+        <pt x="958" y="1311" on="1"/>
+        <pt x="958" y="1233" on="0"/>
+        <pt x="909" y="1094" on="0"/>
+        <pt x="795" y="954" on="0"/>
+        <pt x="759" y="920" on="1"/>
+        <pt x="645" y="813" on="1"/>
+        <pt x="481" y="663" on="0"/>
+        <pt x="481" y="600" on="1"/>
+        <pt x="481" y="512" on="0"/>
+        <pt x="575" y="428" on="1"/>
+        <pt x="471" y="338" on="1"/>
+        <pt x="418" y="385" on="0"/>
+        <pt x="367" y="444" on="0"/>
+        <pt x="324" y="543" on="0"/>
+        <pt x="324" y="602" on="1"/>
+        <pt x="324" y="692" on="0"/>
+        <pt x="428" y="840" on="0"/>
+        <pt x="537" y="936" on="1"/>
+        <pt x="611" y="1004" on="0"/>
+        <pt x="700" y="1100" on="0"/>
+        <pt x="784" y="1243" on="0"/>
+        <pt x="786" y="1311" on="1"/>
+        <pt x="786" y="1536" on="0"/>
+        <pt x="532" y="1536" on="1"/>
+        <pt x="473" y="1536" on="0"/>
+        <pt x="360" y="1485" on="0"/>
+        <pt x="283" y="1413" on="0"/>
+        <pt x="221" y="1341" on="0"/>
+        <pt x="207" y="1315" on="1"/>
+        <pt x="193" y="1290" on="1"/>
+      </contour>
+      <contour>
+        <pt x="399" y="51" on="0"/>
+        <pt x="399" y="150" on="0"/>
+        <pt x="465" y="213" on="0"/>
+        <pt x="563" y="213" on="0"/>
+        <pt x="627" y="150" on="0"/>
+        <pt x="627" y="51" on="0"/>
+        <pt x="563" y="-14" on="0"/>
+        <pt x="465" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedbl" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblleft" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1245" on="1"/>
+        <pt x="94" y="1392" on="0"/>
+        <pt x="244" y="1577" on="1"/>
+        <pt x="330" y="1548" on="1"/>
+        <pt x="228" y="1421" on="0"/>
+        <pt x="207" y="1305" on="1"/>
+        <pt x="262" y="1305" on="0"/>
+        <pt x="332" y="1239" on="0"/>
+        <pt x="332" y="1141" on="0"/>
+        <pt x="266" y="1077" on="0"/>
+        <pt x="217" y="1077" on="1"/>
+        <pt x="156" y="1077" on="0"/>
+        <pt x="92" y="1177" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1245" on="1"/>
+        <pt x="444" y="1392" on="0"/>
+        <pt x="594" y="1577" on="1"/>
+        <pt x="680" y="1548" on="1"/>
+        <pt x="578" y="1421" on="0"/>
+        <pt x="557" y="1305" on="1"/>
+        <pt x="612" y="1305" on="0"/>
+        <pt x="682" y="1239" on="0"/>
+        <pt x="682" y="1141" on="0"/>
+        <pt x="616" y="1077" on="0"/>
+        <pt x="567" y="1077" on="1"/>
+        <pt x="506" y="1077" on="0"/>
+        <pt x="442" y="1177" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblright" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotesingle" xMin="92" yMin="1077" xMax="332" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="r" xMin="174" yMin="0" xMax="903" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="487" y="1151" on="0"/>
+        <pt x="631" y="1151" on="1"/>
+        <pt x="709" y="1151" on="0"/>
+        <pt x="846" y="1094" on="0"/>
+        <pt x="874" y="1065" on="1"/>
+        <pt x="903" y="1038" on="1"/>
+        <pt x="784" y="924" on="1"/>
+        <pt x="735" y="987" on="0"/>
+        <pt x="639" y="987" on="1"/>
+        <pt x="481" y="987" on="0"/>
+        <pt x="346" y="705" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="s" xMin="92" yMin="-25" xMax="924" yMax="1151">
+      <contour>
+        <pt x="92" y="205" on="1"/>
+        <pt x="211" y="301" on="1"/>
+        <pt x="256" y="219" on="0"/>
+        <pt x="436" y="121" on="0"/>
+        <pt x="537" y="119" on="1"/>
+        <pt x="629" y="119" on="0"/>
+        <pt x="760" y="217" on="0"/>
+        <pt x="760" y="309" on="1"/>
+        <pt x="760" y="364" on="0"/>
+        <pt x="674" y="446" on="0"/>
+        <pt x="586" y="481" on="0"/>
+        <pt x="426" y="530" on="0"/>
+        <pt x="328" y="569" on="0"/>
+        <pt x="213" y="643" on="0"/>
+        <pt x="158" y="754" on="0"/>
+        <pt x="158" y="829" on="1"/>
+        <pt x="158" y="907" on="0"/>
+        <pt x="211" y="1028" on="0"/>
+        <pt x="289" y="1096" on="0"/>
+        <pt x="391" y="1139" on="0"/>
+        <pt x="471" y="1151" on="0"/>
+        <pt x="510" y="1151" on="1"/>
+        <pt x="733" y="1151" on="0"/>
+        <pt x="864" y="1020" on="1"/>
+        <pt x="754" y="913" on="1"/>
+        <pt x="666" y="1007" on="0"/>
+        <pt x="510" y="1008" on="1"/>
+        <pt x="471" y="1008" on="0"/>
+        <pt x="395" y="985" on="0"/>
+        <pt x="322" y="899" on="0"/>
+        <pt x="322" y="829" on="1"/>
+        <pt x="322" y="794" on="0"/>
+        <pt x="356" y="743" on="0"/>
+        <pt x="436" y="702" on="0"/>
+        <pt x="496" y="680" on="0"/>
+        <pt x="555" y="662" on="1"/>
+        <pt x="629" y="639" on="0"/>
+        <pt x="702" y="614" on="0"/>
+        <pt x="819" y="553" on="0"/>
+        <pt x="877" y="489" on="0"/>
+        <pt x="924" y="379" on="0"/>
+        <pt x="924" y="309" on="1"/>
+        <pt x="924" y="147" on="0"/>
+        <pt x="694" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="401" y="-25" on="0"/>
+        <pt x="162" y="94" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="semicolon" xMin="143" yMin="-287" xMax="383" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="258" y="213" on="1"/>
+        <pt x="319" y="213" on="0"/>
+        <pt x="383" y="113" on="0"/>
+        <pt x="383" y="45" on="1"/>
+        <pt x="381" y="-102" on="0"/>
+        <pt x="231" y="-287" on="1"/>
+        <pt x="145" y="-258" on="1"/>
+        <pt x="247" y="-131" on="0"/>
+        <pt x="266" y="-14" on="1"/>
+        <pt x="211" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="seven" xMin="10" yMin="-440" xMax="997" yMax="1157">
+      <contour>
+        <pt x="10" y="-328" on="1"/>
+        <pt x="96" y="-275" on="0"/>
+        <pt x="602" y="614" on="0"/>
+        <pt x="786" y="993" on="1"/>
+        <pt x="90" y="993" on="1"/>
+        <pt x="90" y="1157" on="1"/>
+        <pt x="997" y="1157" on="1"/>
+        <pt x="997" y="1036" on="1"/>
+        <pt x="802" y="626" on="0"/>
+        <pt x="236" y="-391" on="0"/>
+        <pt x="125" y="-440" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="six" xMin="131" yMin="-14" xMax="1147" yMax="1608">
+      <contour>
+        <pt x="131" y="727" on="1"/>
+        <pt x="131" y="1087" on="0"/>
+        <pt x="471" y="1608" on="0"/>
+        <pt x="725" y="1608" on="1"/>
+        <pt x="913" y="1608" on="0"/>
+        <pt x="1081" y="1473" on="1"/>
+        <pt x="971" y="1366" on="1"/>
+        <pt x="871" y="1450" on="0"/>
+        <pt x="731" y="1450" on="1"/>
+        <pt x="616" y="1450" on="0"/>
+        <pt x="442" y="1298" on="0"/>
+        <pt x="348" y="1059" on="0"/>
+        <pt x="299" y="817" on="0"/>
+        <pt x="297" y="702" on="1"/>
+        <pt x="473" y="970" on="0"/>
+        <pt x="711" y="971" on="1"/>
+        <pt x="904" y="971" on="0"/>
+        <pt x="1147" y="748" on="0"/>
+        <pt x="1147" y="506" on="1"/>
+        <pt x="1147" y="426" on="0"/>
+        <pt x="1096" y="258" on="0"/>
+        <pt x="991" y="92" on="0"/>
+        <pt x="793" y="-14" on="0"/>
+        <pt x="662" y="-14" on="1"/>
+        <pt x="408" y="-14" on="0"/>
+        <pt x="131" y="369" on="0"/>
+      </contour>
+      <contour>
+        <pt x="319" y="481" on="1"/>
+        <pt x="354" y="313" on="0"/>
+        <pt x="530" y="137" on="0"/>
+        <pt x="662" y="137" on="1"/>
+        <pt x="773" y="137" on="0"/>
+        <pt x="922" y="270" on="0"/>
+        <pt x="975" y="428" on="0"/>
+        <pt x="975" y="506" on="1"/>
+        <pt x="975" y="670" on="0"/>
+        <pt x="827" y="819" on="0"/>
+        <pt x="711" y="819" on="1"/>
+        <pt x="481" y="819" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="slash" xMin="41" yMin="-532" xMax="844" yMax="1577">
+      <contour>
+        <pt x="41" y="-532" on="1"/>
+        <pt x="674" y="1577" on="1"/>
+        <pt x="844" y="1577" on="1"/>
+        <pt x="211" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="t" xMin="92" yMin="-25" xMax="788" yMax="1434">
+      <contour>
+        <pt x="92" y="983" on="1"/>
+        <pt x="92" y="1126" on="1"/>
+        <pt x="236" y="1126" on="1"/>
+        <pt x="236" y="1434" on="1"/>
+        <pt x="408" y="1434" on="1"/>
+        <pt x="408" y="1126" on="1"/>
+        <pt x="678" y="1126" on="1"/>
+        <pt x="678" y="983" on="1"/>
+        <pt x="408" y="983" on="1"/>
+        <pt x="408" y="328" on="1"/>
+        <pt x="408" y="287" on="0"/>
+        <pt x="412" y="236" on="0"/>
+        <pt x="430" y="158" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="514" y="119" on="1"/>
+        <pt x="610" y="119" on="0"/>
+        <pt x="692" y="197" on="1"/>
+        <pt x="788" y="104" on="1"/>
+        <pt x="653" y="-25" on="0"/>
+        <pt x="469" y="-25" on="1"/>
+        <pt x="236" y="-25" on="0"/>
+        <pt x="236" y="328" on="1"/>
+        <pt x="236" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="three" xMin="82" yMin="-440" xMax="1022" yMax="1182">
+      <contour>
+        <pt x="82" y="-313" on="1"/>
+        <pt x="190" y="-207" on="1"/>
+        <pt x="200" y="-215" on="0"/>
+        <pt x="236" y="-240" on="0"/>
+        <pt x="360" y="-276" on="0"/>
+        <pt x="428" y="-274" on="1"/>
+        <pt x="520" y="-274" on="0"/>
+        <pt x="705" y="-188" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="848" y="166" on="1"/>
+        <pt x="848" y="264" on="0"/>
+        <pt x="700" y="414" on="0"/>
+        <pt x="600" y="414" on="1"/>
+        <pt x="559" y="414" on="0"/>
+        <pt x="469" y="401" on="0"/>
+        <pt x="399" y="387" on="0"/>
+        <pt x="344" y="371" on="0"/>
+        <pt x="328" y="365" on="1"/>
+        <pt x="311" y="360" on="1"/>
+        <pt x="311" y="504" on="1"/>
+        <pt x="477" y="572" on="0"/>
+        <pt x="670" y="733" on="0"/>
+        <pt x="670" y="850" on="1"/>
+        <pt x="670" y="924" on="0"/>
+        <pt x="565" y="1016" on="0"/>
+        <pt x="492" y="1016" on="1"/>
+        <pt x="439" y="1016" on="0"/>
+        <pt x="346" y="987" on="0"/>
+        <pt x="287" y="944" on="0"/>
+        <pt x="244" y="901" on="0"/>
+        <pt x="233" y="887" on="1"/>
+        <pt x="225" y="872" on="1"/>
+        <pt x="129" y="967" on="1"/>
+        <pt x="133" y="975" on="0"/>
+        <pt x="152" y="1004" on="0"/>
+        <pt x="215" y="1079" on="0"/>
+        <pt x="291" y="1135" on="0"/>
+        <pt x="420" y="1182" on="0"/>
+        <pt x="489" y="1182" on="1"/>
+        <pt x="634" y="1182" on="0"/>
+        <pt x="838" y="995" on="0"/>
+        <pt x="838" y="850" on="1"/>
+        <pt x="838" y="692" on="0"/>
+        <pt x="655" y="557" on="1"/>
+        <pt x="807" y="539" on="0"/>
+        <pt x="1018" y="322" on="0"/>
+        <pt x="1022" y="166" on="1"/>
+        <pt x="1022" y="19" on="0"/>
+        <pt x="907" y="-223" on="0"/>
+        <pt x="725" y="-365" on="0"/>
+        <pt x="524" y="-440" on="0"/>
+        <pt x="428" y="-440" on="1"/>
+        <pt x="340" y="-440" on="0"/>
+        <pt x="166" y="-377" on="0"/>
+        <pt x="123" y="-344" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="two" xMin="102" yMin="0" xMax="1014" yMax="1182">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="131" on="1"/>
+        <pt x="173" y="180" on="1"/>
+        <pt x="217" y="211" on="0"/>
+        <pt x="440" y="389" on="0"/>
+        <pt x="610" y="549" on="0"/>
+        <pt x="752" y="741" on="0"/>
+        <pt x="752" y="807" on="1"/>
+        <pt x="752" y="916" on="0"/>
+        <pt x="639" y="1020" on="0"/>
+        <pt x="543" y="1018" on="1"/>
+        <pt x="490" y="1018" on="0"/>
+        <pt x="387" y="979" on="0"/>
+        <pt x="319" y="926" on="0"/>
+        <pt x="268" y="870" on="0"/>
+        <pt x="256" y="852" on="1"/>
+        <pt x="244" y="834" on="1"/>
+        <pt x="140" y="932" on="0"/>
+        <pt x="139" y="934" on="1"/>
+        <pt x="182" y="1012" on="0"/>
+        <pt x="406" y="1180" on="0"/>
+        <pt x="545" y="1182" on="1"/>
+        <pt x="725" y="1182" on="0"/>
+        <pt x="926" y="997" on="0"/>
+        <pt x="926" y="819" on="1"/>
+        <pt x="926" y="680" on="0"/>
+        <pt x="596" y="311" on="0"/>
+        <pt x="385" y="150" on="1"/>
+        <pt x="1012" y="150" on="1"/>
+        <pt x="1014" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="u" xMin="164" yMin="-25" xMax="1087" yMax="1126">
+      <contour>
+        <pt x="164" y="326" on="1"/>
+        <pt x="164" y="1126" on="1"/>
+        <pt x="336" y="1126" on="1"/>
+        <pt x="336" y="326" on="1"/>
+        <pt x="336" y="148" on="0"/>
+        <pt x="424" y="147" on="1"/>
+        <pt x="657" y="147" on="0"/>
+        <pt x="915" y="416" on="1"/>
+        <pt x="915" y="1126" on="1"/>
+        <pt x="1087" y="1126" on="1"/>
+        <pt x="1087" y="0" on="1"/>
+        <pt x="915" y="0" on="1"/>
+        <pt x="915" y="236" on="1"/>
+        <pt x="643" y="-24" on="0"/>
+        <pt x="424" y="-25" on="1"/>
+        <pt x="164" y="-24" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="underscore" xMin="113" yMin="-131" xMax="1241" yMax="0">
+      <contour>
+        <pt x="113" y="0" on="1"/>
+        <pt x="1241" y="0" on="1"/>
+        <pt x="1241" y="-131" on="1"/>
+        <pt x="113" y="-131" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2011" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1125" yMax="1125">
+      <contour>
+        <pt x="0" y="1125" on="1"/>
+        <pt x="1125" y="1125" on="1"/>
+        <pt x="1125" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="v" xMin="72" yMin="0" xMax="1073" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="270" y="1126" on="1"/>
+        <pt x="563" y="256" on="1"/>
+        <pt x="569" y="217" on="1"/>
+        <pt x="573" y="236" on="1"/>
+        <pt x="575" y="254" on="0"/>
+        <pt x="575" y="256" on="1"/>
+        <pt x="821" y="1069" on="0"/>
+        <pt x="887" y="1126" on="1"/>
+        <pt x="1073" y="1126" on="1"/>
+        <pt x="1038" y="1083" on="0"/>
+        <pt x="827" y="520" on="0"/>
+        <pt x="739" y="260" on="1"/>
+        <pt x="651" y="0" on="1"/>
+        <pt x="502" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="w" xMin="72" yMin="0" xMax="1561" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="258" y="1126" on="1"/>
+        <pt x="481" y="287" on="1"/>
+        <pt x="487" y="244" on="1"/>
+        <pt x="494" y="287" on="1"/>
+        <pt x="733" y="1126" on="1"/>
+        <pt x="881" y="1126" on="1"/>
+        <pt x="1120" y="287" on="1"/>
+        <pt x="1128" y="244" on="1"/>
+        <pt x="1135" y="287" on="1"/>
+        <pt x="1352" y="1104" on="0"/>
+        <pt x="1393" y="1126" on="1"/>
+        <pt x="1561" y="1126" on="1"/>
+        <pt x="1536" y="1101" on="0"/>
+        <pt x="1358" y="539" on="0"/>
+        <pt x="1282" y="270" on="1"/>
+        <pt x="1204" y="0" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="807" y="868" on="1"/>
+        <pt x="559" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="x" xMin="82" yMin="0" xMax="1135" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="111" y="12" on="0"/>
+        <pt x="428" y="440" on="0"/>
+        <pt x="520" y="575" on="1"/>
+        <pt x="123" y="1126" on="1"/>
+        <pt x="340" y="1126" on="1"/>
+        <pt x="618" y="719" on="1"/>
+        <pt x="884" y="1114" on="0"/>
+        <pt x="922" y="1126" on="1"/>
+        <pt x="1135" y="1126" on="1"/>
+        <pt x="1086" y="1103" on="0"/>
+        <pt x="715" y="578" on="1"/>
+        <pt x="1124" y="0" on="1"/>
+        <pt x="907" y="0" on="1"/>
+        <pt x="616" y="434" on="1"/>
+        <pt x="321" y="8" on="0"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="y" xMin="59" yMin="-563" xMax="1137" yMax="1126">
+      <contour>
+        <pt x="59" y="-414" on="1"/>
+        <pt x="196" y="-406" on="0"/>
+        <pt x="276" y="-326" on="1"/>
+        <pt x="315" y="-287" on="0"/>
+        <pt x="385" y="-168" on="0"/>
+        <pt x="440" y="-35" on="1"/>
+        <pt x="496" y="102" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="285" y="1126" on="1"/>
+        <pt x="590" y="336" on="1"/>
+        <pt x="897" y="1090" on="0"/>
+        <pt x="942" y="1126" on="1"/>
+        <pt x="1137" y="1126" on="1"/>
+        <pt x="1092" y="1083" on="0"/>
+        <pt x="922" y="705" on="0"/>
+        <pt x="602" y="-80" on="1"/>
+        <pt x="547" y="-211" on="1"/>
+        <pt x="527" y="-258" on="0"/>
+        <pt x="442" y="-391" on="0"/>
+        <pt x="393" y="-438" on="1"/>
+        <pt x="274" y="-553" on="0"/>
+        <pt x="102" y="-563" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="z" xMin="102" yMin="0" xMax="979" yMax="1126">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="145" on="1"/>
+        <pt x="737" y="983" on="1"/>
+        <pt x="102" y="983" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="944" y="1126" on="1"/>
+        <pt x="944" y="983" on="1"/>
+        <pt x="309" y="145" on="1"/>
+        <pt x="834" y="145" on="1"/>
+        <pt x="947" y="145" on="0"/>
+        <pt x="979" y="180" on="1"/>
+        <pt x="979" y="35" on="1"/>
+        <pt x="967" y="21" on="0"/>
+        <pt x="893" y="4" on="0"/>
+        <pt x="862" y="2" on="1"/>
+        <pt x="831" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="zero" xMin="123" yMin="-23" xMax="1130" yMax="1182">
+      <contour>
+        <pt x="123" y="414" on="0"/>
+        <pt x="123" y="745" on="0"/>
+        <pt x="211" y="989" on="0"/>
+        <pt x="360" y="1120" on="0"/>
+        <pt x="530" y="1182" on="0"/>
+        <pt x="723" y="1182" on="0"/>
+        <pt x="893" y="1120" on="0"/>
+        <pt x="1042" y="989" on="0"/>
+        <pt x="1130" y="745" on="0"/>
+        <pt x="1130" y="414" on="0"/>
+        <pt x="1042" y="170" on="0"/>
+        <pt x="893" y="39" on="0"/>
+        <pt x="723" y="-23" on="0"/>
+        <pt x="530" y="-23" on="0"/>
+        <pt x="360" y="39" on="0"/>
+        <pt x="211" y="170" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="817" on="0"/>
+        <pt x="295" y="342" on="0"/>
+        <pt x="487" y="129" on="0"/>
+        <pt x="766" y="129" on="0"/>
+        <pt x="958" y="342" on="0"/>
+        <pt x="958" y="817" on="0"/>
+        <pt x="766" y="1030" on="0"/>
+        <pt x="487" y="1030" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultscript" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+      </contour>
+      <contour>
+        <pt x="896" y="161" on="1"/>
+        <pt x="896" y="351" on="1"/>
+        <pt x="896" y="365" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="865" y="384" on="1"/>
+        <pt x="673" y="384" on="1"/>
+        <pt x="660" y="384" on="0"/>
+        <pt x="640" y="364" on="0"/>
+        <pt x="640" y="351" on="1"/>
+        <pt x="640" y="161" on="1"/>
+        <pt x="640" y="148" on="0"/>
+        <pt x="660" y="128" on="0"/>
+        <pt x="673" y="128" on="1"/>
+        <pt x="865" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="894" y="505" on="1"/>
+        <pt x="912" y="1126" on="1"/>
+        <pt x="912" y="1138" on="0"/>
+        <pt x="902" y="1144" on="1"/>
+        <pt x="892" y="1152" on="0"/>
+        <pt x="878" y="1152" on="1"/>
+        <pt x="658" y="1152" on="1"/>
+        <pt x="644" y="1152" on="0"/>
+        <pt x="634" y="1144" on="1"/>
+        <pt x="624" y="1138" on="0"/>
+        <pt x="624" y="1126" on="1"/>
+        <pt x="641" y="505" on="1"/>
+        <pt x="641" y="495" on="0"/>
+        <pt x="661" y="480" on="0"/>
+        <pt x="675" y="480" on="1"/>
+        <pt x="860" y="480" on="1"/>
+        <pt x="874" y="480" on="0"/>
+        <pt x="893" y="495" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="latinscript" xMin="16" yMin="-128" xMax="1776" yMax="1536">
+      <contour>
+        <pt x="1024" y="161" on="1"/>
+        <pt x="1024" y="351" on="1"/>
+        <pt x="1024" y="365" on="0"/>
+        <pt x="1005" y="384" on="0"/>
+        <pt x="992" y="384" on="1"/>
+        <pt x="800" y="384" on="1"/>
+        <pt x="787" y="384" on="0"/>
+        <pt x="768" y="365" on="0"/>
+        <pt x="768" y="351" on="1"/>
+        <pt x="768" y="161" on="1"/>
+        <pt x="768" y="147" on="0"/>
+        <pt x="787" y="128" on="0"/>
+        <pt x="800" y="128" on="1"/>
+        <pt x="992" y="128" on="1"/>
+        <pt x="1005" y="128" on="0"/>
+        <pt x="1024" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1022" y="535" on="1"/>
+        <pt x="1040" y="994" on="1"/>
+        <pt x="1040" y="1006" on="0"/>
+        <pt x="1030" y="1013" on="1"/>
+        <pt x="1017" y="1024" on="0"/>
+        <pt x="1006" y="1024" on="1"/>
+        <pt x="786" y="1024" on="1"/>
+        <pt x="775" y="1024" on="0"/>
+        <pt x="762" y="1013" on="1"/>
+        <pt x="752" y="1006" on="0"/>
+        <pt x="752" y="992" on="1"/>
+        <pt x="769" y="535" on="1"/>
+        <pt x="769" y="525" on="0"/>
+        <pt x="789" y="512" on="0"/>
+        <pt x="803" y="512" on="1"/>
+        <pt x="988" y="512" on="1"/>
+        <pt x="1002" y="512" on="0"/>
+        <pt x="1021" y="525" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1008" y="1469" on="1"/>
+        <pt x="1776" y="61" on="1"/>
+        <pt x="1811" y="-2" on="0"/>
+        <pt x="1774" y="-65" on="1"/>
+        <pt x="1757" y="-94" on="0"/>
+        <pt x="1698" y="-128" on="0"/>
+        <pt x="1664" y="-128" on="1"/>
+        <pt x="128" y="-128" on="1"/>
+        <pt x="94" y="-128" on="0"/>
+        <pt x="35" y="-94" on="0"/>
+        <pt x="18" y="-65" on="1"/>
+        <pt x="-19" y="-2" on="0"/>
+        <pt x="16" y="61" on="1"/>
+        <pt x="784" y="1469" on="1"/>
+        <pt x="801" y="1500" on="0"/>
+        <pt x="861" y="1536" on="0"/>
+        <pt x="931" y="1536" on="0"/>
+        <pt x="991" y="1500" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1097" y="457" on="1"/>
+        <pt x="951" y="311" on="1"/>
+        <pt x="941" y="301" on="0"/>
+        <pt x="915" y="301" on="0"/>
+        <pt x="905" y="311" on="1"/>
+        <pt x="768" y="448" on="1"/>
+        <pt x="631" y="311" on="1"/>
+        <pt x="621" y="301" on="0"/>
+        <pt x="595" y="301" on="0"/>
+        <pt x="585" y="311" on="1"/>
+        <pt x="439" y="457" on="1"/>
+        <pt x="429" y="467" on="0"/>
+        <pt x="429" y="493" on="0"/>
+        <pt x="439" y="503" on="1"/>
+        <pt x="576" y="640" on="1"/>
+        <pt x="439" y="777" on="1"/>
+        <pt x="429" y="787" on="0"/>
+        <pt x="429" y="813" on="0"/>
+        <pt x="439" y="823" on="1"/>
+        <pt x="585" y="969" on="1"/>
+        <pt x="595" y="979" on="0"/>
+        <pt x="621" y="979" on="0"/>
+        <pt x="631" y="969" on="1"/>
+        <pt x="768" y="832" on="1"/>
+        <pt x="905" y="969" on="1"/>
+        <pt x="915" y="979" on="0"/>
+        <pt x="941" y="979" on="0"/>
+        <pt x="951" y="969" on="1"/>
+        <pt x="1097" y="823" on="1"/>
+        <pt x="1107" y="813" on="0"/>
+        <pt x="1107" y="787" on="0"/>
+        <pt x="1097" y="777" on="1"/>
+        <pt x="960" y="640" on="1"/>
+        <pt x="1097" y="503" on="1"/>
+        <pt x="1107" y="493" on="0"/>
+        <pt x="1107" y="467" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1312" y="492" on="0"/>
+        <pt x="1312" y="788" on="0"/>
+        <pt x="1166" y="1038" on="0"/>
+        <pt x="916" y="1184" on="0"/>
+        <pt x="620" y="1184" on="0"/>
+        <pt x="370" y="1038" on="0"/>
+        <pt x="224" y="788" on="0"/>
+        <pt x="224" y="492" on="0"/>
+        <pt x="370" y="242" on="0"/>
+        <pt x="620" y="96" on="0"/>
+        <pt x="916" y="96" on="0"/>
+        <pt x="1166" y="242" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="frenchlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1149" y="414" on="1"/>
+        <pt x="1149" y="440" on="0"/>
+        <pt x="1130" y="459" on="1"/>
+        <pt x="949" y="640" on="1"/>
+        <pt x="1130" y="821" on="1"/>
+        <pt x="1149" y="840" on="0"/>
+        <pt x="1149" y="866" on="1"/>
+        <pt x="1149" y="893" on="0"/>
+        <pt x="1130" y="912" on="1"/>
+        <pt x="1040" y="1002" on="1"/>
+        <pt x="1021" y="1021" on="0"/>
+        <pt x="994" y="1021" on="1"/>
+        <pt x="968" y="1021" on="0"/>
+        <pt x="949" y="1002" on="1"/>
+        <pt x="768" y="821" on="1"/>
+        <pt x="587" y="1002" on="1"/>
+        <pt x="568" y="1021" on="0"/>
+        <pt x="542" y="1021" on="1"/>
+        <pt x="515" y="1021" on="0"/>
+        <pt x="496" y="1002" on="1"/>
+        <pt x="406" y="912" on="1"/>
+        <pt x="387" y="893" on="0"/>
+        <pt x="387" y="866" on="1"/>
+        <pt x="387" y="840" on="0"/>
+        <pt x="406" y="821" on="1"/>
+        <pt x="587" y="640" on="1"/>
+        <pt x="406" y="459" on="1"/>
+        <pt x="387" y="440" on="0"/>
+        <pt x="387" y="414" on="1"/>
+        <pt x="387" y="387" on="0"/>
+        <pt x="406" y="368" on="1"/>
+        <pt x="496" y="278" on="1"/>
+        <pt x="515" y="259" on="0"/>
+        <pt x="542" y="259" on="1"/>
+        <pt x="568" y="259" on="0"/>
+        <pt x="587" y="278" on="1"/>
+        <pt x="768" y="459" on="1"/>
+        <pt x="949" y="278" on="1"/>
+        <pt x="968" y="259" on="0"/>
+        <pt x="994" y="259" on="1"/>
+        <pt x="1021" y="259" on="0"/>
+        <pt x="1040" y="278" on="1"/>
+        <pt x="1130" y="368" on="1"/>
+        <pt x="1149" y="387" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1216" y="576" on="1"/>
+        <pt x="1216" y="704" on="1"/>
+        <pt x="1216" y="730" on="0"/>
+        <pt x="1178" y="768" on="0"/>
+        <pt x="1152" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="358" y="768" on="0"/>
+        <pt x="320" y="730" on="0"/>
+        <pt x="320" y="704" on="1"/>
+        <pt x="320" y="576" on="1"/>
+        <pt x="320" y="550" on="0"/>
+        <pt x="358" y="512" on="0"/>
+        <pt x="384" y="512" on="1"/>
+        <pt x="1152" y="512" on="1"/>
+        <pt x="1178" y="512" on="0"/>
+        <pt x="1216" y="550" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nondefaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="896" y="160" on="1"/>
+        <pt x="896" y="352" on="1"/>
+        <pt x="896" y="366" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="864" y="384" on="1"/>
+        <pt x="672" y="384" on="1"/>
+        <pt x="658" y="384" on="0"/>
+        <pt x="640" y="366" on="0"/>
+        <pt x="640" y="352" on="1"/>
+        <pt x="640" y="160" on="1"/>
+        <pt x="640" y="146" on="0"/>
+        <pt x="658" y="128" on="0"/>
+        <pt x="672" y="128" on="1"/>
+        <pt x="864" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="146" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1152" y="832" on="1"/>
+        <pt x="1152" y="920" on="0"/>
+        <pt x="1041" y="1070" on="0"/>
+        <pt x="875" y="1152" on="0"/>
+        <pt x="788" y="1152" on="1"/>
+        <pt x="545" y="1152" on="0"/>
+        <pt x="417" y="939" on="1"/>
+        <pt x="402" y="915" on="0"/>
+        <pt x="425" y="897" on="1"/>
+        <pt x="557" y="797" on="1"/>
+        <pt x="564" y="791" on="0"/>
+        <pt x="576" y="791" on="1"/>
+        <pt x="592" y="791" on="0"/>
+        <pt x="601" y="803" on="1"/>
+        <pt x="654" y="871" on="0"/>
+        <pt x="687" y="895" on="1"/>
+        <pt x="721" y="919" on="0"/>
+        <pt x="773" y="919" on="1"/>
+        <pt x="821" y="919" on="0"/>
+        <pt x="896" y="867" on="0"/>
+        <pt x="896" y="834" on="1"/>
+        <pt x="896" y="796" on="0"/>
+        <pt x="856" y="750" on="0"/>
+        <pt x="808" y="728" on="1"/>
+        <pt x="745" y="700" on="0"/>
+        <pt x="640" y="583" on="0"/>
+        <pt x="640" y="516" on="1"/>
+        <pt x="640" y="480" on="1"/>
+        <pt x="640" y="466" on="0"/>
+        <pt x="658" y="448" on="0"/>
+        <pt x="672" y="448" on="1"/>
+        <pt x="864" y="448" on="1"/>
+        <pt x="878" y="448" on="0"/>
+        <pt x="896" y="466" on="0"/>
+        <pt x="896" y="480" on="1"/>
+        <pt x="896" y="499" on="0"/>
+        <pt x="939" y="560" on="0"/>
+        <pt x="972" y="579" on="1"/>
+        <pt x="1004" y="597" on="0"/>
+        <pt x="1038" y="618" on="0"/>
+        <pt x="1096" y="667" on="0"/>
+        <pt x="1127" y="714" on="0"/>
+        <pt x="1152" y="788" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="good" xMin="0" yMin="-128" xMax="1536" yMax="1536">
+      <contour>
+        <pt x="256" y="166" on="0"/>
+        <pt x="256" y="218" on="0"/>
+        <pt x="218" y="256" on="0"/>
+        <pt x="166" y="256" on="0"/>
+        <pt x="128" y="218" on="0"/>
+        <pt x="128" y="166" on="0"/>
+        <pt x="166" y="128" on="0"/>
+        <pt x="218" y="128" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1408" y="768" on="1"/>
+        <pt x="1408" y="819" on="0"/>
+        <pt x="1330" y="896" on="0"/>
+        <pt x="1280" y="896" on="1"/>
+        <pt x="928" y="896" on="1"/>
+        <pt x="928" y="954" on="0"/>
+        <pt x="1024" y="1157" on="0"/>
+        <pt x="1024" y="1216" on="1"/>
+        <pt x="1024" y="1314" on="0"/>
+        <pt x="960" y="1408" on="0"/>
+        <pt x="864" y="1408" on="1"/>
+        <pt x="838" y="1382" on="0"/>
+        <pt x="814" y="1264" on="0"/>
+        <pt x="777" y="1131" on="0"/>
+        <pt x="736" y="1088" on="1"/>
+        <pt x="714" y="1065" on="0"/>
+        <pt x="659" y="997" on="1"/>
+        <pt x="655" y="992" on="0"/>
+        <pt x="617" y="942" on="0"/>
+        <pt x="592" y="910" on="0"/>
+        <pt x="548" y="857" on="0"/>
+        <pt x="512" y="822" on="0"/>
+        <pt x="471" y="786" on="0"/>
+        <pt x="432" y="768" on="0"/>
+        <pt x="416" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="384" y="128" on="1"/>
+        <pt x="416" y="128" on="1"/>
+        <pt x="429" y="128" on="0"/>
+        <pt x="466" y="122" on="0"/>
+        <pt x="495" y="115" on="0"/>
+        <pt x="542" y="100" on="0"/>
+        <pt x="565" y="92" on="0"/>
+        <pt x="613" y="75" on="0"/>
+        <pt x="618" y="73" on="1"/>
+        <pt x="829" y="0" on="0"/>
+        <pt x="960" y="0" on="1"/>
+        <pt x="1081" y="0" on="1"/>
+        <pt x="1273" y="0" on="0"/>
+        <pt x="1273" y="167" on="1"/>
+        <pt x="1273" y="193" on="0"/>
+        <pt x="1268" y="223" on="1"/>
+        <pt x="1298" y="239" on="0"/>
+        <pt x="1333" y="312" on="0"/>
+        <pt x="1333" y="386" on="0"/>
+        <pt x="1315" y="418" on="1"/>
+        <pt x="1368" y="468" on="0"/>
+        <pt x="1368" y="537" on="1"/>
+        <pt x="1368" y="562" on="0"/>
+        <pt x="1348" y="623" on="0"/>
+        <pt x="1333" y="640" on="1"/>
+        <pt x="1365" y="641" on="0"/>
+        <pt x="1408" y="733" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="769" on="1"/>
+        <pt x="1536" y="680" on="0"/>
+        <pt x="1487" y="606" on="1"/>
+        <pt x="1496" y="573" on="0"/>
+        <pt x="1496" y="537" on="1"/>
+        <pt x="1496" y="460" on="0"/>
+        <pt x="1458" y="393" on="1"/>
+        <pt x="1461" y="372" on="0"/>
+        <pt x="1461" y="350" on="1"/>
+        <pt x="1461" y="249" on="0"/>
+        <pt x="1401" y="172" on="1"/>
+        <pt x="1402" y="33" on="0"/>
+        <pt x="1230" y="-128" on="0"/>
+        <pt x="1089" y="-128" on="1"/>
+        <pt x="1053" y="-128" on="1"/>
+        <pt x="960" y="-128" on="1"/>
+        <pt x="864" y="-128" on="0"/>
+        <pt x="677" y="-83" on="0"/>
+        <pt x="554" y="-40" on="1"/>
+        <pt x="438" y="0" on="0"/>
+        <pt x="416" y="0" on="1"/>
+        <pt x="128" y="0" on="1"/>
+        <pt x="75" y="0" on="0"/>
+        <pt x="0" y="75" on="0"/>
+        <pt x="0" y="128" on="1"/>
+        <pt x="0" y="768" on="1"/>
+        <pt x="0" y="821" on="0"/>
+        <pt x="75" y="896" on="0"/>
+        <pt x="128" y="896" on="1"/>
+        <pt x="402" y="896" on="1"/>
+        <pt x="438" y="920" on="0"/>
+        <pt x="539" y="1051" on="1"/>
+        <pt x="597" y="1126" on="0"/>
+        <pt x="646" y="1179" on="1"/>
+        <pt x="670" y="1204" on="0"/>
+        <pt x="693" y="1325" on="0"/>
+        <pt x="731" y="1457" on="0"/>
+        <pt x="774" y="1499" on="1"/>
+        <pt x="813" y="1536" on="0"/>
+        <pt x="864" y="1536" on="1"/>
+        <pt x="948" y="1536" on="0"/>
+        <pt x="1082" y="1471" on="0"/>
+        <pt x="1152" y="1333" on="0"/>
+        <pt x="1152" y="1216" on="1"/>
+        <pt x="1152" y="1123" on="0"/>
+        <pt x="1104" y="1024" on="1"/>
+        <pt x="1280" y="1024" on="1"/>
+        <pt x="1384" y="1024" on="0"/>
+        <pt x="1536" y="872" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+  </glyf>
+
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="uniE000"/>
+
+      <psName name="defaultscript"/>
+      <psName name="latinscript"/>
+      <psName name="defaultlang"/>
+      <psName name="frenchlang"/>
+      <psName name="defaultfeature"/>
+      <psName name="nondefaultfeature"/>
+      <psName name="good"/>
+
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="4" rangeGaspBehavior="2"/>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="3"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c7feb0df 00000000
+      c5b5ab33 00000000 c938ca96 
+    </hexdata>
+  </FFTM>
+
+
+  <GPOS>
+    <Version value="1.0"/>
+    <ScriptList>
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <FeatureRecord index="0">
+        <FeatureTag value="kern"/>
+        <Feature>
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <Lookup index="0">
+        <LookupType value="2"/>
+        <LookupFlag value="0"/>
+        <PairPos index="0" Format="1">
+          <Coverage Format="1">
+            <Glyph value="space"/>
+            <Glyph value="defaultscript"/>
+            <Glyph value="defaultlang"/>
+            <Glyph value="defaultfeature"/>
+          </Coverage>
+          <ValueFormat1 value="4"/>
+          <ValueFormat2 value="0"/>
+
+          <!-- space -->
+          <PairSet index="0">
+            <PairValueRecord index="0">
+              <SecondGlyph value="latinscript"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="1">
+              <SecondGlyph value="frenchlang"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="2">
+              <SecondGlyph value="nondefaultfeature"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultscript -->
+          <PairSet index="1">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultlang -->
+          <PairSet index="2">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultfeature -->
+          <PairSet index="3">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+        </PairPos>
+      </Lookup>
+    </LookupList>
+  </GPOS>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      This Font Software is licensed under the SIL Open Font License, Version 1.1.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangdeffeat
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangdeffeat
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangdeffeat
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangdeffeat
+    </namerecord>
+    <namerecord nameID="10" platformID="3" platEncID="1" langID="0x409">
+      Testing font assembled from Junction with the inclusion of icon glyphs from Font Awesome by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      http://scripts.sil.org/OFL_web
+    </namerecord>
+  </name>
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+      <ScriptRecord index="1">
+        <ScriptTag value="latn"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <LangSysRecord index="0">
+            <LangSysTag value="FRA "/>
+            <LangSys>
+              <ReqFeatureIndex value="65535"/>
+              <FeatureIndex index="0" value="7"/>
+            </LangSys>
+          </LangSysRecord>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="1">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="1"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="2">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="2"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="3">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="3"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="4">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="4"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="5">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="5"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="6">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="6"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="7">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="7"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="8">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="8"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="n">
+            <Ligature components="o,n,hyphen,d,e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="nondefaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="d">
+            <Ligature components="e,f,a,u,l,t,hyphen,s,c,r,i,p,t" glyph="defaultscript"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,l,a,n,g" glyph="defaultlang"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="defaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="f">
+            <Ligature components="r,a,hyphen,l,a,n,g" glyph="frenchlang"/>
+          </LigatureSet>
+          <LigatureSet glyph="l">
+            <Ligature components="a,t,n,hyphen,s,c,r,i,p,t" glyph="latinscript"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+
+<!--
+  default script - default lang - default feature
+  default script - default lang - non-default feature
+  default script - lang - default feature
+  default script - lang - non-default feature
+  script - default lang - default feature
+  script - default lang - non-default feature
+  script - lang - default feature
+  script - lang - non-default feature
+-->
+
+      <Lookup index="1">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="2">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="3">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="4">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="5">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="6">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="7">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="8">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+</ttFont>
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf
new file mode 100644
index 0000000000..36bdb9e05e
Binary files /dev/null and b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf differ
diff --git a/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttx b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttx
new file mode 100644
index 0000000000..7c35b28e13
--- /dev/null
+++ b/layout/reftests/fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttx
@@ -0,0 +1,4983 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="2.4">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name=".null"/>
+    <GlyphID id="2" name="nonmarkingreturn"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="exclam"/>
+    <GlyphID id="5" name="quotedbl"/>
+    <GlyphID id="6" name="numbersign"/>
+    <GlyphID id="7" name="dollar"/>
+    <GlyphID id="8" name="percent"/>
+    <GlyphID id="9" name="ampersand"/>
+    <GlyphID id="10" name="quotesingle"/>
+    <GlyphID id="11" name="parenleft"/>
+    <GlyphID id="12" name="parenright"/>
+    <GlyphID id="13" name="asterisk"/>
+    <GlyphID id="14" name="plus"/>
+    <GlyphID id="15" name="comma"/>
+    <GlyphID id="16" name="hyphen"/>
+    <GlyphID id="17" name="period"/>
+    <GlyphID id="18" name="slash"/>
+    <GlyphID id="19" name="zero"/>
+    <GlyphID id="20" name="one"/>
+    <GlyphID id="21" name="two"/>
+    <GlyphID id="22" name="three"/>
+    <GlyphID id="23" name="four"/>
+    <GlyphID id="24" name="five"/>
+    <GlyphID id="25" name="six"/>
+    <GlyphID id="26" name="seven"/>
+    <GlyphID id="27" name="eight"/>
+    <GlyphID id="28" name="nine"/>
+    <GlyphID id="29" name="colon"/>
+    <GlyphID id="30" name="semicolon"/>
+    <GlyphID id="31" name="less"/>
+    <GlyphID id="32" name="equal"/>
+    <GlyphID id="33" name="greater"/>
+    <GlyphID id="34" name="question"/>
+    <GlyphID id="35" name="at"/>
+    <GlyphID id="36" name="A"/>
+    <GlyphID id="37" name="B"/>
+    <GlyphID id="38" name="C"/>
+    <GlyphID id="39" name="D"/>
+    <GlyphID id="40" name="E"/>
+    <GlyphID id="41" name="F"/>
+    <GlyphID id="42" name="G"/>
+    <GlyphID id="43" name="H"/>
+    <GlyphID id="44" name="I"/>
+    <GlyphID id="45" name="J"/>
+    <GlyphID id="46" name="K"/>
+    <GlyphID id="47" name="L"/>
+    <GlyphID id="48" name="M"/>
+    <GlyphID id="49" name="N"/>
+    <GlyphID id="50" name="O"/>
+    <GlyphID id="51" name="P"/>
+    <GlyphID id="52" name="Q"/>
+    <GlyphID id="53" name="R"/>
+    <GlyphID id="54" name="S"/>
+    <GlyphID id="55" name="T"/>
+    <GlyphID id="56" name="U"/>
+    <GlyphID id="57" name="V"/>
+    <GlyphID id="58" name="W"/>
+    <GlyphID id="59" name="X"/>
+    <GlyphID id="60" name="Y"/>
+    <GlyphID id="61" name="Z"/>
+    <GlyphID id="62" name="bracketleft"/>
+    <GlyphID id="63" name="backslash"/>
+    <GlyphID id="64" name="bracketright"/>
+    <GlyphID id="65" name="asciicircum"/>
+    <GlyphID id="66" name="underscore"/>
+    <GlyphID id="67" name="grave"/>
+    <GlyphID id="68" name="a"/>
+    <GlyphID id="69" name="b"/>
+    <GlyphID id="70" name="c"/>
+    <GlyphID id="71" name="d"/>
+    <GlyphID id="72" name="e"/>
+    <GlyphID id="73" name="f"/>
+    <GlyphID id="74" name="g"/>
+    <GlyphID id="75" name="h"/>
+    <GlyphID id="76" name="i"/>
+    <GlyphID id="77" name="j"/>
+    <GlyphID id="78" name="k"/>
+    <GlyphID id="79" name="l"/>
+    <GlyphID id="80" name="m"/>
+    <GlyphID id="81" name="n"/>
+    <GlyphID id="82" name="o"/>
+    <GlyphID id="83" name="p"/>
+    <GlyphID id="84" name="q"/>
+    <GlyphID id="85" name="r"/>
+    <GlyphID id="86" name="s"/>
+    <GlyphID id="87" name="t"/>
+    <GlyphID id="88" name="u"/>
+    <GlyphID id="89" name="v"/>
+    <GlyphID id="90" name="w"/>
+    <GlyphID id="91" name="x"/>
+    <GlyphID id="92" name="y"/>
+    <GlyphID id="93" name="z"/>
+    <GlyphID id="94" name="braceleft"/>
+    <GlyphID id="95" name="bar"/>
+    <GlyphID id="96" name="braceright"/>
+    <GlyphID id="97" name="asciitilde"/>
+    <GlyphID id="98" name="uni00A0"/>
+    <GlyphID id="99" name="uni00AD"/>
+    <GlyphID id="100" name="uni2000"/>
+    <GlyphID id="101" name="uni2001"/>
+    <GlyphID id="102" name="uni2002"/>
+    <GlyphID id="103" name="uni2003"/>
+    <GlyphID id="104" name="uni2004"/>
+    <GlyphID id="105" name="uni2005"/>
+    <GlyphID id="106" name="uni2006"/>
+    <GlyphID id="107" name="uni2007"/>
+    <GlyphID id="108" name="uni2008"/>
+    <GlyphID id="109" name="uni2009"/>
+    <GlyphID id="110" name="uni200A"/>
+    <GlyphID id="111" name="uni2010"/>
+    <GlyphID id="112" name="uni2011"/>
+    <GlyphID id="113" name="figuredash"/>
+    <GlyphID id="114" name="endash"/>
+    <GlyphID id="115" name="emdash"/>
+    <GlyphID id="116" name="quotedblleft"/>
+    <GlyphID id="117" name="quotedblright"/>
+    <GlyphID id="118" name="uni202F"/>
+    <GlyphID id="119" name="uni205F"/>
+    <GlyphID id="120" name="minus"/>
+    <GlyphID id="121" name="uniE000"/>
+
+    <GlyphID id="122" name="defaultscript"/>
+    <GlyphID id="123" name="latinscript"/>
+    <GlyphID id="124" name="defaultlang"/>
+    <GlyphID id="125" name="frenchlang"/>
+    <GlyphID id="126" name="defaultfeature"/>
+    <GlyphID id="127" name="nondefaultfeature"/>
+    <GlyphID id="128" name="good"/>
+
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.00099182129"/>
+    <checkSumAdjustment value="0x126e2e07"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00011111"/>
+    <unitsPerEm value="2048"/>
+    <created value="Thu Dec 23 09:44:54 2010"/>
+    <modified value="Thu Dec 23 09:44:54 2010"/>
+    <xMin value="-72"/>
+    <yMin value="-563"/>
+    <xMax value="2073"/>
+    <yMax value="1722"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="8"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="1.0"/>
+    <ascent value="1536"/>
+    <descent value="-512"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="2195"/>
+    <minLeftSideBearing value="-72"/>
+    <minRightSideBearing value="-62"/>
+    <xMaxExtent value="2073"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="122"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="122"/>
+    <maxPoints value="81"/>
+    <maxContours value="5"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="1"/>
+    <maxStorage value="2"/>
+    <maxFunctionDefs value="22"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="256"/>
+    <maxSizeOfInstructions value="335"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <version value="2"/>
+    <xAvgCharWidth value="994"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000100"/>
+    <ySubscriptXSize value="1434"/>
+    <ySubscriptYSize value="1331"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="287"/>
+    <ySuperscriptXSize value="1434"/>
+    <ySuperscriptYSize value="1331"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="977"/>
+    <yStrikeoutSize value="102"/>
+    <yStrikeoutPosition value="512"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="10000000 00000000 00000000 00000001"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 01000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="pyrs"/>
+    <fsSelection value="00000000 01000000"/>
+    <fsFirstCharIndex value="32"/>
+    <fsLastCharIndex value="57344"/>
+    <sTypoAscender value="1536"/>
+    <sTypoDescender value="-512"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="1722"/>
+    <usWinDescent value="563"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000001"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="1126"/>
+    <sCapHeight value="1577"/>
+    <usDefaultChar value="0"/>
+    <usBreakChar value="32"/>
+    <usMaxContex value="1"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="532" lsb="0"/>
+    <mtx name=".null" width="0" lsb="0"/>
+    <mtx name="A" width="1474" lsb="61"/>
+    <mtx name="B" width="1308" lsb="174"/>
+    <mtx name="C" width="1357" lsb="123"/>
+    <mtx name="D" width="1503" lsb="174"/>
+    <mtx name="E" width="1150" lsb="174"/>
+    <mtx name="F" width="1112" lsb="174"/>
+    <mtx name="G" width="1525" lsb="123"/>
+    <mtx name="H" width="1519" lsb="174"/>
+    <mtx name="I" width="528" lsb="174"/>
+    <mtx name="J" width="585" lsb="-20"/>
+    <mtx name="K" width="1265" lsb="174"/>
+    <mtx name="L" width="1202" lsb="174"/>
+    <mtx name="M" width="1742" lsb="174"/>
+    <mtx name="N" width="1482" lsb="174"/>
+    <mtx name="O" width="1554" lsb="123"/>
+    <mtx name="P" width="1265" lsb="174"/>
+    <mtx name="Q" width="1554" lsb="123"/>
+    <mtx name="R" width="1349" lsb="174"/>
+    <mtx name="S" width="1361" lsb="117"/>
+    <mtx name="T" width="1150" lsb="20"/>
+    <mtx name="U" width="1460" lsb="174"/>
+    <mtx name="V" width="1433" lsb="61"/>
+    <mtx name="W" width="2019" lsb="61"/>
+    <mtx name="X" width="1345" lsb="61"/>
+    <mtx name="Y" width="1263" lsb="20"/>
+    <mtx name="Z" width="1257" lsb="104"/>
+    <mtx name="a" width="1155" lsb="123"/>
+    <mtx name="ampersand" width="1802" lsb="123"/>
+    <mtx name="asciicircum" width="1339" lsb="82"/>
+    <mtx name="asciitilde" width="1349" lsb="123"/>
+    <mtx name="asterisk" width="1265" lsb="100"/>
+    <mtx name="at" width="2195" lsb="123"/>
+    <mtx name="b" width="1292" lsb="174"/>
+    <mtx name="backslash" width="905" lsb="51"/>
+    <mtx name="bar" width="503" lsb="174"/>
+    <mtx name="braceleft" width="962" lsb="164"/>
+    <mtx name="braceright" width="962" lsb="143"/>
+    <mtx name="bracketleft" width="735" lsb="174"/>
+    <mtx name="bracketright" width="735" lsb="143"/>
+    <mtx name="c" width="1044" lsb="113"/>
+    <mtx name="colon" width="514" lsb="143"/>
+    <mtx name="comma" width="413" lsb="82"/>
+    <mtx name="d" width="1333" lsb="123"/>
+    <mtx name="dollar" width="1341" lsb="117"/>
+    <mtx name="e" width="1187" lsb="113"/>
+    <mtx name="eight" width="1216" lsb="133"/>
+    <mtx name="emdash" width="1558" lsb="82"/>
+    <mtx name="endash" width="1312" lsb="61"/>
+    <mtx name="equal" width="1394" lsb="133"/>
+    <mtx name="exclam" width="575" lsb="174"/>
+    <mtx name="f" width="825" lsb="61"/>
+    <mtx name="figuredash" width="708" lsb="113"/>
+    <mtx name="five" width="1208" lsb="143"/>
+    <mtx name="four" width="1286" lsb="82"/>
+    <mtx name="g" width="1261" lsb="123"/>
+    <mtx name="grave" width="729" lsb="113"/>
+    <mtx name="greater" width="1433" lsb="143"/>
+    <mtx name="h" width="1241" lsb="174"/>
+    <mtx name="hyphen" width="708" lsb="113"/>
+    <mtx name="i" width="555" lsb="174"/>
+    <mtx name="j" width="452" lsb="-72"/>
+    <mtx name="k" width="1157" lsb="174"/>
+    <mtx name="l" width="573" lsb="174"/>
+    <mtx name="less" width="1433" lsb="154"/>
+    <mtx name="m" width="1882" lsb="174"/>
+    <mtx name="minus" width="1331" lsb="102"/>
+    <mtx name="n" width="1261" lsb="174"/>
+    <mtx name="nine" width="1269" lsb="123"/>
+    <mtx name="nonmarkingreturn" width="681" lsb="0"/>
+    <mtx name="numbersign" width="1689" lsb="82"/>
+    <mtx name="o" width="1224" lsb="123"/>
+    <mtx name="one" width="731" lsb="102"/>
+    <mtx name="p" width="1292" lsb="174"/>
+    <mtx name="parenleft" width="692" lsb="123"/>
+    <mtx name="parenright" width="692" lsb="61"/>
+    <mtx name="percent" width="2066" lsb="123"/>
+    <mtx name="period" width="411" lsb="92"/>
+    <mtx name="plus" width="1331" lsb="102"/>
+    <mtx name="q" width="1292" lsb="123"/>
+    <mtx name="question" width="1032" lsb="84"/>
+    <mtx name="quotedbl" width="774" lsb="92"/>
+    <mtx name="quotedblleft" width="774" lsb="92"/>
+    <mtx name="quotedblright" width="774" lsb="92"/>
+    <mtx name="quotesingle" width="423" lsb="92"/>
+    <mtx name="r" width="940" lsb="174"/>
+    <mtx name="s" width="1026" lsb="92"/>
+    <mtx name="semicolon" width="526" lsb="143"/>
+    <mtx name="seven" width="1058" lsb="10"/>
+    <mtx name="six" width="1269" lsb="131"/>
+    <mtx name="slash" width="884" lsb="41"/>
+    <mtx name="space" width="532" lsb="0"/>
+    <mtx name="t" width="819" lsb="92"/>
+    <mtx name="three" width="1142" lsb="82"/>
+    <mtx name="two" width="1126" lsb="102"/>
+    <mtx name="u" width="1261" lsb="164"/>
+    <mtx name="underscore" width="1353" lsb="113"/>
+    <mtx name="uni00A0" width="532" lsb="0"/>
+    <mtx name="uni00AD" width="708" lsb="113"/>
+    <mtx name="uni2000" width="860" lsb="0"/>
+    <mtx name="uni2001" width="1722" lsb="0"/>
+    <mtx name="uni2002" width="860" lsb="0"/>
+    <mtx name="uni2003" width="1722" lsb="0"/>
+    <mtx name="uni2004" width="573" lsb="0"/>
+    <mtx name="uni2005" width="430" lsb="0"/>
+    <mtx name="uni2006" width="286" lsb="0"/>
+    <mtx name="uni2007" width="286" lsb="0"/>
+    <mtx name="uni2008" width="215" lsb="0"/>
+    <mtx name="uni2009" width="344" lsb="0"/>
+    <mtx name="uni200A" width="94" lsb="0"/>
+    <mtx name="uni2010" width="708" lsb="113"/>
+    <mtx name="uni2011" width="708" lsb="113"/>
+    <mtx name="uni202F" width="344" lsb="0"/>
+    <mtx name="uni205F" width="430" lsb="0"/>
+    <mtx name="uniE000" width="1125" lsb="0"/>
+    <mtx name="v" width="1144" lsb="72"/>
+    <mtx name="w" width="1632" lsb="72"/>
+    <mtx name="x" width="1216" lsb="82"/>
+    <mtx name="y" width="1126" lsb="59"/>
+    <mtx name="z" width="1060" lsb="102"/>
+    <mtx name="zero" width="1253" lsb="123"/>
+
+    <mtx name="defaultscript" width="1536" lsb="0"/>
+    <mtx name="latinscript" width="1792" lsb="16"/>
+    <mtx name="defaultlang" width="1536" lsb="0"/>
+    <mtx name="frenchlang" width="1536" lsb="0"/>
+    <mtx name="defaultfeature" width="1536" lsb="0"/>
+    <mtx name="nondefaultfeature" width="1536" lsb="0"/>
+    <mtx name="good" width="1536" lsb="0"/>
+
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="0" platEncID="3" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+    </cmap_format_4>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x21" name="exclam"/><!-- EXCLAMATION MARK -->
+      <map code="0x22" name="quotedbl"/><!-- QUOTATION MARK -->
+      <map code="0x23" name="numbersign"/><!-- NUMBER SIGN -->
+      <map code="0x24" name="dollar"/><!-- DOLLAR SIGN -->
+      <map code="0x25" name="percent"/><!-- PERCENT SIGN -->
+      <map code="0x26" name="ampersand"/><!-- AMPERSAND -->
+      <map code="0x27" name="quotesingle"/><!-- APOSTROPHE -->
+      <map code="0x28" name="parenleft"/><!-- LEFT PARENTHESIS -->
+      <map code="0x29" name="parenright"/><!-- RIGHT PARENTHESIS -->
+      <map code="0x2a" name="asterisk"/><!-- ASTERISK -->
+      <map code="0x2b" name="plus"/><!-- PLUS SIGN -->
+      <map code="0x2c" name="comma"/><!-- COMMA -->
+      <map code="0x2d" name="hyphen"/><!-- HYPHEN-MINUS -->
+      <map code="0x2e" name="period"/><!-- FULL STOP -->
+      <map code="0x2f" name="slash"/><!-- SOLIDUS -->
+      <map code="0x30" name="zero"/><!-- DIGIT ZERO -->
+      <map code="0x31" name="one"/><!-- DIGIT ONE -->
+      <map code="0x32" name="two"/><!-- DIGIT TWO -->
+      <map code="0x33" name="three"/><!-- DIGIT THREE -->
+      <map code="0x34" name="four"/><!-- DIGIT FOUR -->
+      <map code="0x35" name="five"/><!-- DIGIT FIVE -->
+      <map code="0x36" name="six"/><!-- DIGIT SIX -->
+      <map code="0x37" name="seven"/><!-- DIGIT SEVEN -->
+      <map code="0x38" name="eight"/><!-- DIGIT EIGHT -->
+      <map code="0x39" name="nine"/><!-- DIGIT NINE -->
+      <map code="0x3a" name="colon"/><!-- COLON -->
+      <map code="0x3b" name="semicolon"/><!-- SEMICOLON -->
+      <map code="0x3c" name="less"/><!-- LESS-THAN SIGN -->
+      <map code="0x3d" name="equal"/><!-- EQUALS SIGN -->
+      <map code="0x3e" name="greater"/><!-- GREATER-THAN SIGN -->
+      <map code="0x3f" name="question"/><!-- QUESTION MARK -->
+      <map code="0x40" name="at"/><!-- COMMERCIAL AT -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+      <map code="0x44" name="D"/><!-- LATIN CAPITAL LETTER D -->
+      <map code="0x45" name="E"/><!-- LATIN CAPITAL LETTER E -->
+      <map code="0x46" name="F"/><!-- LATIN CAPITAL LETTER F -->
+      <map code="0x47" name="G"/><!-- LATIN CAPITAL LETTER G -->
+      <map code="0x48" name="H"/><!-- LATIN CAPITAL LETTER H -->
+      <map code="0x49" name="I"/><!-- LATIN CAPITAL LETTER I -->
+      <map code="0x4a" name="J"/><!-- LATIN CAPITAL LETTER J -->
+      <map code="0x4b" name="K"/><!-- LATIN CAPITAL LETTER K -->
+      <map code="0x4c" name="L"/><!-- LATIN CAPITAL LETTER L -->
+      <map code="0x4d" name="M"/><!-- LATIN CAPITAL LETTER M -->
+      <map code="0x4e" name="N"/><!-- LATIN CAPITAL LETTER N -->
+      <map code="0x4f" name="O"/><!-- LATIN CAPITAL LETTER O -->
+      <map code="0x50" name="P"/><!-- LATIN CAPITAL LETTER P -->
+      <map code="0x51" name="Q"/><!-- LATIN CAPITAL LETTER Q -->
+      <map code="0x52" name="R"/><!-- LATIN CAPITAL LETTER R -->
+      <map code="0x53" name="S"/><!-- LATIN CAPITAL LETTER S -->
+      <map code="0x54" name="T"/><!-- LATIN CAPITAL LETTER T -->
+      <map code="0x55" name="U"/><!-- LATIN CAPITAL LETTER U -->
+      <map code="0x56" name="V"/><!-- LATIN CAPITAL LETTER V -->
+      <map code="0x57" name="W"/><!-- LATIN CAPITAL LETTER W -->
+      <map code="0x58" name="X"/><!-- LATIN CAPITAL LETTER X -->
+      <map code="0x59" name="Y"/><!-- LATIN CAPITAL LETTER Y -->
+      <map code="0x5a" name="Z"/><!-- LATIN CAPITAL LETTER Z -->
+      <map code="0x5b" name="bracketleft"/><!-- LEFT SQUARE BRACKET -->
+      <map code="0x5c" name="backslash"/><!-- REVERSE SOLIDUS -->
+      <map code="0x5d" name="bracketright"/><!-- RIGHT SQUARE BRACKET -->
+      <map code="0x5e" name="asciicircum"/><!-- CIRCUMFLEX ACCENT -->
+      <map code="0x5f" name="underscore"/><!-- LOW LINE -->
+      <map code="0x60" name="grave"/><!-- GRAVE ACCENT -->
+      <map code="0x61" name="a"/><!-- LATIN SMALL LETTER A -->
+      <map code="0x62" name="b"/><!-- LATIN SMALL LETTER B -->
+      <map code="0x63" name="c"/><!-- LATIN SMALL LETTER C -->
+      <map code="0x64" name="d"/><!-- LATIN SMALL LETTER D -->
+      <map code="0x65" name="e"/><!-- LATIN SMALL LETTER E -->
+      <map code="0x66" name="f"/><!-- LATIN SMALL LETTER F -->
+      <map code="0x67" name="g"/><!-- LATIN SMALL LETTER G -->
+      <map code="0x68" name="h"/><!-- LATIN SMALL LETTER H -->
+      <map code="0x69" name="i"/><!-- LATIN SMALL LETTER I -->
+      <map code="0x6a" name="j"/><!-- LATIN SMALL LETTER J -->
+      <map code="0x6b" name="k"/><!-- LATIN SMALL LETTER K -->
+      <map code="0x6c" name="l"/><!-- LATIN SMALL LETTER L -->
+      <map code="0x6d" name="m"/><!-- LATIN SMALL LETTER M -->
+      <map code="0x6e" name="n"/><!-- LATIN SMALL LETTER N -->
+      <map code="0x6f" name="o"/><!-- LATIN SMALL LETTER O -->
+      <map code="0x70" name="p"/><!-- LATIN SMALL LETTER P -->
+      <map code="0x71" name="q"/><!-- LATIN SMALL LETTER Q -->
+      <map code="0x72" name="r"/><!-- LATIN SMALL LETTER R -->
+      <map code="0x73" name="s"/><!-- LATIN SMALL LETTER S -->
+      <map code="0x74" name="t"/><!-- LATIN SMALL LETTER T -->
+      <map code="0x75" name="u"/><!-- LATIN SMALL LETTER U -->
+      <map code="0x76" name="v"/><!-- LATIN SMALL LETTER V -->
+      <map code="0x77" name="w"/><!-- LATIN SMALL LETTER W -->
+      <map code="0x78" name="x"/><!-- LATIN SMALL LETTER X -->
+      <map code="0x79" name="y"/><!-- LATIN SMALL LETTER Y -->
+      <map code="0x7a" name="z"/><!-- LATIN SMALL LETTER Z -->
+      <map code="0x7b" name="braceleft"/><!-- LEFT CURLY BRACKET -->
+      <map code="0x7c" name="bar"/><!-- VERTICAL LINE -->
+      <map code="0x7d" name="braceright"/><!-- RIGHT CURLY BRACKET -->
+      <map code="0x7e" name="asciitilde"/><!-- TILDE -->
+      <map code="0xa0" name="uni00A0"/><!-- NO-BREAK SPACE -->
+      <map code="0xad" name="uni00AD"/><!-- SOFT HYPHEN -->
+      <map code="0x2000" name="uni2000"/><!-- EN QUAD -->
+      <map code="0x2001" name="uni2001"/><!-- EM QUAD -->
+      <map code="0x2002" name="uni2002"/><!-- EN SPACE -->
+      <map code="0x2003" name="uni2003"/><!-- EM SPACE -->
+      <map code="0x2004" name="uni2004"/><!-- THREE-PER-EM SPACE -->
+      <map code="0x2005" name="uni2005"/><!-- FOUR-PER-EM SPACE -->
+      <map code="0x2006" name="uni2006"/><!-- SIX-PER-EM SPACE -->
+      <map code="0x2007" name="uni2007"/><!-- FIGURE SPACE -->
+      <map code="0x2008" name="uni2008"/><!-- PUNCTUATION SPACE -->
+      <map code="0x2009" name="uni2009"/><!-- THIN SPACE -->
+      <map code="0x200a" name="uni200A"/><!-- HAIR SPACE -->
+      <map code="0x2010" name="uni2010"/><!-- HYPHEN -->
+      <map code="0x2011" name="uni2011"/><!-- NON-BREAKING HYPHEN -->
+      <map code="0x2012" name="figuredash"/><!-- FIGURE DASH -->
+      <map code="0x2013" name="endash"/><!-- EN DASH -->
+      <map code="0x2014" name="emdash"/><!-- EM DASH -->
+      <map code="0x201c" name="quotedblleft"/><!-- LEFT DOUBLE QUOTATION MARK -->
+      <map code="0x201d" name="quotedblright"/><!-- RIGHT DOUBLE QUOTATION MARK -->
+      <map code="0x202f" name="uni202F"/><!-- NARROW NO-BREAK SPACE -->
+      <map code="0x205f" name="uni205F"/><!-- MEDIUM MATHEMATICAL SPACE -->
+      <map code="0x2212" name="minus"/><!-- MINUS SIGN -->
+      <map code="0xe000" name="uniE000"/><!-- Private Use -->
+
+      <map code="0xf001" name="defaultscript"/><!-- Private Use -->
+      <map code="0xf002" name="latinscript"/><!-- Private Use -->
+      <map code="0xf003" name="defaultlang"/><!-- Private Use -->
+      <map code="0xf004" name="frenchlang"/><!-- Private Use -->
+      <map code="0xf005" name="defaultfeature"/><!-- Private Use -->
+      <map code="0xf006" name="nondefaultfeature"/><!-- Private Use -->
+      <map code="0xf007" name="good"/><!-- Private Use -->
+
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name=".null"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="61" yMin="0" xMax="1413" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="643" y="1577" on="1"/>
+        <pt x="831" y="1577" on="1"/>
+        <pt x="1413" y="0" on="1"/>
+        <pt x="1223" y="0" on="1"/>
+        <pt x="1024" y="537" on="1"/>
+        <pt x="449" y="537" on="1"/>
+        <pt x="252" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="506" y="692" on="1"/>
+        <pt x="967" y="692" on="1"/>
+        <pt x="737" y="1319" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="B" xMin="174" yMin="-25" xMax="1184" yMax="1599">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="471" y="1538" on="0"/>
+        <pt x="618" y="1599" on="0"/>
+        <pt x="709" y="1599" on="1"/>
+        <pt x="875" y="1599" on="0"/>
+        <pt x="1112" y="1376" on="0"/>
+        <pt x="1112" y="1143" on="1"/>
+        <pt x="1110" y="920" on="0"/>
+        <pt x="952" y="819" on="1"/>
+        <pt x="1081" y="760" on="0"/>
+        <pt x="1184" y="569" on="0"/>
+        <pt x="1184" y="485" on="1"/>
+        <pt x="1184" y="475" on="1"/>
+        <pt x="1184" y="432" on="0"/>
+        <pt x="1182" y="377" on="0"/>
+        <pt x="1161" y="262" on="0"/>
+        <pt x="1124" y="182" on="0"/>
+        <pt x="1047" y="82" on="0"/>
+        <pt x="936" y="18" on="0"/>
+        <pt x="762" y="-25" on="0"/>
+        <pt x="651" y="-25" on="1"/>
+        <pt x="514" y="-21" on="0"/>
+        <pt x="354" y="92" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="236" on="1"/>
+        <pt x="501" y="144" on="0"/>
+        <pt x="651" y="143" on="1"/>
+        <pt x="729" y="143" on="0"/>
+        <pt x="850" y="176" on="0"/>
+        <pt x="924" y="215" on="0"/>
+        <pt x="977" y="293" on="0"/>
+        <pt x="999" y="338" on="0"/>
+        <pt x="1012" y="428" on="0"/>
+        <pt x="1012" y="439" on="1"/>
+        <pt x="1012" y="485" on="1"/>
+        <pt x="1012" y="516" on="0"/>
+        <pt x="985" y="584" on="0"/>
+        <pt x="920" y="670" on="0"/>
+        <pt x="772" y="729" on="0"/>
+        <pt x="668" y="733" on="1"/>
+        <pt x="609" y="729" on="0"/>
+        <pt x="354" y="729" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="877" on="1"/>
+        <pt x="466" y="877" on="1"/>
+        <pt x="498" y="877" on="0"/>
+        <pt x="639" y="883" on="0"/>
+        <pt x="671" y="890" on="1"/>
+        <pt x="756" y="909" on="1"/>
+        <pt x="809" y="921" on="0"/>
+        <pt x="860" y="961" on="0"/>
+        <pt x="918" y="1016" on="0"/>
+        <pt x="940" y="1096" on="0"/>
+        <pt x="940" y="1147" on="1"/>
+        <pt x="938" y="1292" on="0"/>
+        <pt x="803" y="1432" on="0"/>
+        <pt x="709" y="1432" on="1"/>
+        <pt x="549" y="1432" on="0"/>
+        <pt x="354" y="1313" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="C" xMin="123" yMin="-25" xMax="1315" yMax="1597">
+      <contour>
+        <pt x="123" y="752" on="1"/>
+        <pt x="123" y="955" on="0"/>
+        <pt x="242" y="1288" on="0"/>
+        <pt x="432" y="1489" on="0"/>
+        <pt x="659" y="1597" on="0"/>
+        <pt x="774" y="1597" on="1"/>
+        <pt x="866" y="1597" on="0"/>
+        <pt x="1030" y="1552" on="0"/>
+        <pt x="1135" y="1491" on="0"/>
+        <pt x="1214" y="1427" on="0"/>
+        <pt x="1233" y="1405" on="1"/>
+        <pt x="1249" y="1382" on="1"/>
+        <pt x="1124" y="1262" on="1"/>
+        <pt x="1113" y="1279" on="1"/>
+        <pt x="1106" y="1290" on="0"/>
+        <pt x="1044" y="1348" on="0"/>
+        <pt x="973" y="1391" on="0"/>
+        <pt x="846" y="1425" on="0"/>
+        <pt x="772" y="1425" on="1"/>
+        <pt x="586" y="1425" on="0"/>
+        <pt x="307" y="1077" on="0"/>
+        <pt x="307" y="752" on="1"/>
+        <pt x="307" y="496" on="0"/>
+        <pt x="569" y="147" on="0"/>
+        <pt x="758" y="147" on="1"/>
+        <pt x="803" y="147" on="0"/>
+        <pt x="891" y="160" on="0"/>
+        <pt x="965" y="180" on="0"/>
+        <pt x="1032" y="207" on="0"/>
+        <pt x="1087" y="236" on="0"/>
+        <pt x="1133" y="264" on="0"/>
+        <pt x="1167" y="291" on="0"/>
+        <pt x="1192" y="311" on="0"/>
+        <pt x="1198" y="317" on="1"/>
+        <pt x="1204" y="324" on="1"/>
+        <pt x="1315" y="217" on="1"/>
+        <pt x="1254" y="141" on="0"/>
+        <pt x="1198" y="102" on="1"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="762" y="-25" on="1"/>
+        <pt x="488" y="-25" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="D" xMin="174" yMin="-25" xMax="1380" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1403" on="1"/>
+        <pt x="559" y="1596" on="0"/>
+        <pt x="819" y="1597" on="1"/>
+        <pt x="930" y="1597" on="0"/>
+        <pt x="1122" y="1507" on="0"/>
+        <pt x="1286" y="1323" on="0"/>
+        <pt x="1380" y="995" on="0"/>
+        <pt x="1380" y="778" on="1"/>
+        <pt x="1380" y="436" on="0"/>
+        <pt x="1022" y="-25" on="0"/>
+        <pt x="758" y="-25" on="1"/>
+        <pt x="568" y="-21" on="0"/>
+        <pt x="354" y="117" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="281" on="1"/>
+        <pt x="551" y="152" on="0"/>
+        <pt x="758" y="152" on="1"/>
+        <pt x="946" y="152" on="0"/>
+        <pt x="1200" y="506" on="0"/>
+        <pt x="1200" y="778" on="1"/>
+        <pt x="1200" y="1093" on="0"/>
+        <pt x="977" y="1417" on="0"/>
+        <pt x="825" y="1421" on="1"/>
+        <pt x="544" y="1421" on="0"/>
+        <pt x="354" y="1227" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="E" xMin="174" yMin="0" xMax="1069" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="854" y="176" on="1"/>
+        <pt x="1069" y="186" on="1"/>
+        <pt x="1069" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="F" xMin="174" yMin="0" xMax="1040" yMax="1587">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="825" y="1577" on="1"/>
+        <pt x="1040" y="1587" on="1"/>
+        <pt x="1040" y="1401" on="1"/>
+        <pt x="354" y="1401" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="938" y="893" on="1"/>
+        <pt x="938" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="G" xMin="123" yMin="-25" xMax="1350" yMax="1597">
+      <contour>
+        <pt x="123" y="764" on="1"/>
+        <pt x="123" y="948" on="0"/>
+        <pt x="219" y="1241" on="0"/>
+        <pt x="367" y="1423" on="0"/>
+        <pt x="565" y="1546" on="0"/>
+        <pt x="756" y="1595" on="0"/>
+        <pt x="852" y="1597" on="1"/>
+        <pt x="942" y="1597" on="0"/>
+        <pt x="1108" y="1548" on="0"/>
+        <pt x="1219" y="1477" on="0"/>
+        <pt x="1305" y="1405" on="0"/>
+        <pt x="1323" y="1380" on="1"/>
+        <pt x="1343" y="1356" on="1"/>
+        <pt x="1219" y="1235" on="1"/>
+        <pt x="1215" y="1243" on="0"/>
+        <pt x="1194" y="1270" on="0"/>
+        <pt x="1128" y="1337" on="0"/>
+        <pt x="1053" y="1389" on="0"/>
+        <pt x="928" y="1432" on="0"/>
+        <pt x="860" y="1434" on="1"/>
+        <pt x="770" y="1434" on="0"/>
+        <pt x="590" y="1364" on="0"/>
+        <pt x="418" y="1217" on="0"/>
+        <pt x="309" y="944" on="0"/>
+        <pt x="309" y="764" on="1"/>
+        <pt x="309" y="664" on="0"/>
+        <pt x="369" y="461" on="0"/>
+        <pt x="489" y="272" on="0"/>
+        <pt x="711" y="154" on="0"/>
+        <pt x="854" y="152" on="1"/>
+        <pt x="952" y="152" on="0"/>
+        <pt x="1190" y="260" on="0"/>
+        <pt x="1190" y="319" on="1"/>
+        <pt x="1190" y="625" on="1"/>
+        <pt x="979" y="625" on="1"/>
+        <pt x="870" y="625" on="0"/>
+        <pt x="813" y="655" on="1"/>
+        <pt x="813" y="819" on="1"/>
+        <pt x="887" y="801" on="0"/>
+        <pt x="985" y="801" on="1"/>
+        <pt x="1350" y="801" on="1"/>
+        <pt x="1350" y="311" on="1"/>
+        <pt x="1350" y="176" on="0"/>
+        <pt x="1049" y="-20" on="0"/>
+        <pt x="862" y="-25" on="1"/>
+        <pt x="702" y="-25" on="0"/>
+        <pt x="442" y="78" on="0"/>
+        <pt x="279" y="240" on="0"/>
+        <pt x="168" y="453" on="0"/>
+        <pt x="123" y="660" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="H" xMin="174" yMin="0" xMax="1346" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="893" on="1"/>
+        <pt x="1165" y="893" on="1"/>
+        <pt x="1165" y="1577" on="1"/>
+        <pt x="1346" y="1577" on="1"/>
+        <pt x="1346" y="0" on="1"/>
+        <pt x="1165" y="0" on="1"/>
+        <pt x="1165" y="737" on="1"/>
+        <pt x="354" y="737" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="I" xMin="174" yMin="0" xMax="354" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="J" xMin="-20" yMin="-530" xMax="414" yMax="1577">
+      <contour>
+        <pt x="-20" y="-369" on="1"/>
+        <pt x="89" y="-338" on="0"/>
+        <pt x="233" y="-174" on="0"/>
+        <pt x="233" y="-35" on="1"/>
+        <pt x="233" y="1577" on="1"/>
+        <pt x="414" y="1577" on="1"/>
+        <pt x="414" y="-35" on="1"/>
+        <pt x="414" y="-129" on="0"/>
+        <pt x="362" y="-287" on="0"/>
+        <pt x="287" y="-391" on="0"/>
+        <pt x="182" y="-473" on="0"/>
+        <pt x="94" y="-514" on="0"/>
+        <pt x="45" y="-530" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="K" xMin="174" yMin="0" xMax="1225" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="866" on="1"/>
+        <pt x="895" y="1577" on="1"/>
+        <pt x="1122" y="1577" on="1"/>
+        <pt x="532" y="840" on="1"/>
+        <pt x="577" y="834" on="0"/>
+        <pt x="711" y="770" on="0"/>
+        <pt x="750" y="725" on="1"/>
+        <pt x="795" y="680" on="0"/>
+        <pt x="1194" y="39" on="0"/>
+        <pt x="1225" y="4" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="1006" y="0" on="1"/>
+        <pt x="971" y="37" on="0"/>
+        <pt x="664" y="553" on="0"/>
+        <pt x="627" y="592" on="1"/>
+        <pt x="545" y="682" on="0"/>
+        <pt x="442" y="682" on="1"/>
+        <pt x="381" y="682" on="0"/>
+        <pt x="354" y="676" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="L" xMin="174" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="176" on="1"/>
+        <pt x="915" y="176" on="1"/>
+        <pt x="1130" y="186" on="1"/>
+        <pt x="1130" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="M" xMin="174" yMin="0" xMax="1569" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="868" y="225" on="1"/>
+        <pt x="870" y="211" on="1"/>
+        <pt x="872" y="225" on="1"/>
+        <pt x="1389" y="1577" on="1"/>
+        <pt x="1569" y="1577" on="1"/>
+        <pt x="1569" y="0" on="1"/>
+        <pt x="1389" y="0" on="1"/>
+        <pt x="1389" y="1106" on="1"/>
+        <pt x="1391" y="1137" on="1"/>
+        <pt x="1382" y="1106" on="1"/>
+        <pt x="958" y="0" on="1"/>
+        <pt x="784" y="0" on="1"/>
+        <pt x="360" y="1106" on="1"/>
+        <pt x="352" y="1137" on="1"/>
+        <pt x="354" y="1106" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="N" xMin="174" yMin="0" xMax="1309" yMax="1577">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1575" on="1"/>
+        <pt x="1116" y="336" on="1"/>
+        <pt x="1130" y="307" on="1"/>
+        <pt x="1128" y="336" on="1"/>
+        <pt x="1128" y="1577" on="1"/>
+        <pt x="1309" y="1577" on="1"/>
+        <pt x="1309" y="0" on="1"/>
+        <pt x="1128" y="0" on="1"/>
+        <pt x="1128" y="2" on="1"/>
+        <pt x="367" y="1245" on="1"/>
+        <pt x="352" y="1274" on="1"/>
+        <pt x="354" y="1245" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="O" xMin="123" yMin="-14" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="565" on="0"/>
+        <pt x="123" y="1016" on="0"/>
+        <pt x="233" y="1343" on="0"/>
+        <pt x="428" y="1520" on="0"/>
+        <pt x="649" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="882" y="1595" on="0"/>
+        <pt x="1063" y="1548" on="0"/>
+        <pt x="1235" y="1434" on="0"/>
+        <pt x="1356" y="1255" on="0"/>
+        <pt x="1432" y="975" on="0"/>
+        <pt x="1432" y="795" on="1"/>
+        <pt x="1432" y="568" on="0"/>
+        <pt x="1321" y="240" on="0"/>
+        <pt x="1128" y="63" on="0"/>
+        <pt x="907" y="-14" on="0"/>
+        <pt x="645" y="-14" on="0"/>
+        <pt x="426" y="63" on="0"/>
+        <pt x="233" y="238" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="795" on="1"/>
+        <pt x="303" y="615" on="0"/>
+        <pt x="383" y="354" on="0"/>
+        <pt x="522" y="215" on="0"/>
+        <pt x="682" y="154" on="0"/>
+        <pt x="870" y="154" on="0"/>
+        <pt x="1030" y="215" on="0"/>
+        <pt x="1169" y="352" on="0"/>
+        <pt x="1251" y="612" on="0"/>
+        <pt x="1251" y="791" on="1"/>
+        <pt x="1251" y="967" on="0"/>
+        <pt x="1171" y="1225" on="0"/>
+        <pt x="1032" y="1364" on="0"/>
+        <pt x="874" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1368" on="0"/>
+        <pt x="383" y="1229" on="0"/>
+        <pt x="303" y="973" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="P" xMin="174" yMin="0" xMax="1163" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1454" on="1"/>
+        <pt x="544" y="1597" on="0"/>
+        <pt x="719" y="1597" on="1"/>
+        <pt x="879" y="1591" on="0"/>
+        <pt x="1161" y="1323" on="0"/>
+        <pt x="1163" y="1102" on="1"/>
+        <pt x="1163" y="815" on="0"/>
+        <pt x="887" y="473" on="0"/>
+        <pt x="676" y="473" on="1"/>
+        <pt x="506" y="475" on="0"/>
+        <pt x="354" y="580" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="760" on="1"/>
+        <pt x="520" y="631" on="0"/>
+        <pt x="684" y="629" on="1"/>
+        <pt x="817" y="633" on="0"/>
+        <pt x="991" y="887" on="0"/>
+        <pt x="991" y="1102" on="1"/>
+        <pt x="989" y="1247" on="0"/>
+        <pt x="817" y="1423" on="0"/>
+        <pt x="719" y="1430" on="1"/>
+        <pt x="621" y="1430" on="0"/>
+        <pt x="465" y="1372" on="0"/>
+        <pt x="354" y="1303" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Q" xMin="123" yMin="-270" xMax="1432" yMax="1597">
+      <contour>
+        <pt x="123" y="780" on="1"/>
+        <pt x="123" y="962" on="0"/>
+        <pt x="199" y="1249" on="0"/>
+        <pt x="322" y="1432" on="0"/>
+        <pt x="496" y="1550" on="0"/>
+        <pt x="678" y="1597" on="0"/>
+        <pt x="780" y="1597" on="1"/>
+        <pt x="909" y="1595" on="0"/>
+        <pt x="1130" y="1511" on="0"/>
+        <pt x="1321" y="1333" on="0"/>
+        <pt x="1432" y="1004" on="0"/>
+        <pt x="1432" y="780" on="1"/>
+        <pt x="1432" y="573" on="0"/>
+        <pt x="1337" y="262" on="0"/>
+        <pt x="1169" y="84" on="0"/>
+        <pt x="975" y="-8" on="0"/>
+        <pt x="858" y="-20" on="1"/>
+        <pt x="928" y="-102" on="0"/>
+        <pt x="1090" y="-102" on="1"/>
+        <pt x="1143" y="-102" on="0"/>
+        <pt x="1282" y="-70" on="1"/>
+        <pt x="1331" y="-231" on="1"/>
+        <pt x="1243" y="-270" on="0"/>
+        <pt x="1090" y="-270" on="1"/>
+        <pt x="994" y="-270" on="0"/>
+        <pt x="838" y="-219" on="0"/>
+        <pt x="745" y="-133" on="0"/>
+        <pt x="692" y="-59" on="0"/>
+        <pt x="676" y="-18" on="1"/>
+        <pt x="432" y="11" on="0"/>
+        <pt x="123" y="389" on="0"/>
+      </contour>
+      <contour>
+        <pt x="303" y="784" on="1"/>
+        <pt x="303" y="604" on="0"/>
+        <pt x="383" y="344" on="0"/>
+        <pt x="522" y="205" on="0"/>
+        <pt x="682" y="143" on="0"/>
+        <pt x="870" y="143" on="0"/>
+        <pt x="1030" y="205" on="0"/>
+        <pt x="1169" y="342" on="0"/>
+        <pt x="1251" y="602" on="0"/>
+        <pt x="1251" y="780" on="1"/>
+        <pt x="1251" y="923" on="0"/>
+        <pt x="1198" y="1149" on="0"/>
+        <pt x="1108" y="1292" on="0"/>
+        <pt x="985" y="1389" on="0"/>
+        <pt x="854" y="1427" on="0"/>
+        <pt x="780" y="1430" on="1"/>
+        <pt x="686" y="1430" on="0"/>
+        <pt x="524" y="1364" on="0"/>
+        <pt x="385" y="1223" on="0"/>
+        <pt x="303" y="962" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="R" xMin="174" yMin="0" xMax="1319" yMax="1597">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="1462" on="1"/>
+        <pt x="465" y="1532" on="0"/>
+        <pt x="618" y="1597" on="0"/>
+        <pt x="711" y="1597" on="1"/>
+        <pt x="879" y="1593" on="0"/>
+        <pt x="1133" y="1376" on="0"/>
+        <pt x="1133" y="1149" on="1"/>
+        <pt x="1133" y="997" on="0"/>
+        <pt x="1024" y="784" on="0"/>
+        <pt x="877" y="686" on="0"/>
+        <pt x="780" y="666" on="1"/>
+        <pt x="862" y="596" on="0"/>
+        <pt x="1241" y="59" on="0"/>
+        <pt x="1319" y="4" on="1"/>
+        <pt x="1319" y="0" on="1"/>
+        <pt x="1096" y="0" on="1"/>
+        <pt x="1043" y="39" on="0"/>
+        <pt x="881" y="254" on="0"/>
+        <pt x="745" y="461" on="0"/>
+        <pt x="580" y="639" on="0"/>
+        <pt x="514" y="651" on="1"/>
+        <pt x="401" y="651" on="0"/>
+        <pt x="354" y="653" on="1"/>
+        <pt x="354" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="354" y="799" on="1"/>
+        <pt x="657" y="799" on="1"/>
+        <pt x="778" y="801" on="0"/>
+        <pt x="958" y="961" on="0"/>
+        <pt x="961" y="1149" on="1"/>
+        <pt x="961" y="1288" on="0"/>
+        <pt x="809" y="1425" on="0"/>
+        <pt x="711" y="1430" on="1"/>
+        <pt x="611" y="1430" on="0"/>
+        <pt x="459" y="1376" on="0"/>
+        <pt x="354" y="1315" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="S" xMin="117" yMin="-23" xMax="1237" yMax="1599">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="320" y="274" on="0"/>
+        <pt x="569" y="145" on="0"/>
+        <pt x="717" y="141" on="1"/>
+        <pt x="860" y="141" on="0"/>
+        <pt x="1065" y="293" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="485" on="0"/>
+        <pt x="1020" y="573" on="0"/>
+        <pt x="965" y="627" on="0"/>
+        <pt x="852" y="680" on="0"/>
+        <pt x="774" y="707" on="0"/>
+        <pt x="705" y="727" on="1"/>
+        <pt x="691" y="731" on="0"/>
+        <pt x="684" y="733" on="1"/>
+        <pt x="590" y="762" on="0"/>
+        <pt x="489" y="797" on="0"/>
+        <pt x="342" y="872" on="0"/>
+        <pt x="266" y="952" on="0"/>
+        <pt x="209" y="1081" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1269" on="0"/>
+        <pt x="281" y="1432" on="0"/>
+        <pt x="385" y="1524" on="0"/>
+        <pt x="520" y="1581" on="0"/>
+        <pt x="629" y="1599" on="0"/>
+        <pt x="680" y="1599" on="1"/>
+        <pt x="830" y="1599" on="0"/>
+        <pt x="1090" y="1497" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="913" y="1435" on="0"/>
+        <pt x="680" y="1436" on="1"/>
+        <pt x="637" y="1436" on="0"/>
+        <pt x="549" y="1413" on="0"/>
+        <pt x="446" y="1360" on="0"/>
+        <pt x="381" y="1245" on="0"/>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1118" on="0"/>
+        <pt x="426" y="1044" on="0"/>
+        <pt x="477" y="999" on="0"/>
+        <pt x="596" y="948" on="0"/>
+        <pt x="657" y="928" on="0"/>
+        <pt x="733" y="905" on="1"/>
+        <pt x="823" y="876" on="0"/>
+        <pt x="936" y="836" on="0"/>
+        <pt x="1087" y="756" on="0"/>
+        <pt x="1174" y="664" on="0"/>
+        <pt x="1237" y="520" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="215" on="0"/>
+        <pt x="930" y="-23" on="0"/>
+        <pt x="713" y="-23" on="1"/>
+        <pt x="316" y="-10" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="T" xMin="20" yMin="0" xMax="1130" yMax="1577">
+      <contour>
+        <pt x="20" y="1421" on="1"/>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="1130" y="1577" on="1"/>
+        <pt x="1130" y="1421" on="1"/>
+        <pt x="662" y="1421" on="1"/>
+        <pt x="662" y="0" on="1"/>
+        <pt x="481" y="0" on="1"/>
+        <pt x="481" y="1421" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="U" xMin="174" yMin="-25" xMax="1286" yMax="1577">
+      <contour>
+        <pt x="174" y="489" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="354" y="1577" on="1"/>
+        <pt x="354" y="494" on="1"/>
+        <pt x="354" y="400" on="0"/>
+        <pt x="412" y="262" on="0"/>
+        <pt x="494" y="188" on="0"/>
+        <pt x="604" y="143" on="0"/>
+        <pt x="688" y="133" on="0"/>
+        <pt x="774" y="133" on="0"/>
+        <pt x="856" y="143" on="0"/>
+        <pt x="967" y="188" on="0"/>
+        <pt x="1047" y="260" on="0"/>
+        <pt x="1106" y="397" on="0"/>
+        <pt x="1106" y="489" on="1"/>
+        <pt x="1106" y="1577" on="1"/>
+        <pt x="1286" y="1577" on="1"/>
+        <pt x="1286" y="489" on="1"/>
+        <pt x="1286" y="356" on="0"/>
+        <pt x="1200" y="158" on="0"/>
+        <pt x="1081" y="53" on="0"/>
+        <pt x="918" y="-8" on="0"/>
+        <pt x="795" y="-25" on="0"/>
+        <pt x="731" y="-25" on="1"/>
+        <pt x="665" y="-25" on="0"/>
+        <pt x="545" y="-8" on="0"/>
+        <pt x="379" y="53" on="0"/>
+        <pt x="260" y="158" on="0"/>
+        <pt x="174" y="356" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="V" xMin="61" yMin="0" xMax="1372" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="252" y="1577" on="1"/>
+        <pt x="711" y="281" on="1"/>
+        <pt x="717" y="254" on="1"/>
+        <pt x="723" y="281" on="1"/>
+        <pt x="1182" y="1577" on="1"/>
+        <pt x="1372" y="1577" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="623" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="W" xMin="61" yMin="0" xMax="1958" yMax="1577">
+      <contour>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="250" y="1577" on="1"/>
+        <pt x="578" y="307" on="1"/>
+        <pt x="582" y="283" on="1"/>
+        <pt x="586" y="307" on="1"/>
+        <pt x="913" y="1577" on="1"/>
+        <pt x="1104" y="1577" on="1"/>
+        <pt x="1432" y="307" on="1"/>
+        <pt x="1436" y="283" on="1"/>
+        <pt x="1440" y="307" on="1"/>
+        <pt x="1767" y="1577" on="1"/>
+        <pt x="1958" y="1577" on="1"/>
+        <pt x="1511" y="0" on="1"/>
+        <pt x="1362" y="0" on="1"/>
+        <pt x="1014" y="1217" on="1"/>
+        <pt x="1008" y="1253" on="1"/>
+        <pt x="1001" y="1217" on="1"/>
+        <pt x="657" y="0" on="1"/>
+        <pt x="508" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="X" xMin="61" yMin="0" xMax="1284" yMax="1577">
+      <contour>
+        <pt x="61" y="0" on="1"/>
+        <pt x="561" y="786" on="1"/>
+        <pt x="61" y="1577" on="1"/>
+        <pt x="281" y="1577" on="1"/>
+        <pt x="672" y="961" on="1"/>
+        <pt x="1065" y="1577" on="1"/>
+        <pt x="1284" y="1577" on="1"/>
+        <pt x="782" y="786" on="1"/>
+        <pt x="1284" y="0" on="1"/>
+        <pt x="1063" y="0" on="1"/>
+        <pt x="672" y="612" on="1"/>
+        <pt x="283" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Y" xMin="20" yMin="0" xMax="1243" yMax="1577">
+      <contour>
+        <pt x="20" y="1577" on="1"/>
+        <pt x="238" y="1577" on="1"/>
+        <pt x="635" y="950" on="1"/>
+        <pt x="1034" y="1577" on="1"/>
+        <pt x="1243" y="1577" on="1"/>
+        <pt x="723" y="756" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="545" y="0" on="1"/>
+        <pt x="545" y="756" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="Z" xMin="104" yMin="0" xMax="1155" yMax="1577">
+      <contour>
+        <pt x="104" y="0" on="1"/>
+        <pt x="104" y="168" on="1"/>
+        <pt x="893" y="1409" on="1"/>
+        <pt x="125" y="1409" on="1"/>
+        <pt x="125" y="1577" on="1"/>
+        <pt x="1112" y="1577" on="1"/>
+        <pt x="1112" y="1413" on="1"/>
+        <pt x="324" y="168" on="1"/>
+        <pt x="918" y="168" on="1"/>
+        <pt x="941" y="167" on="0"/>
+        <pt x="962" y="167" on="1"/>
+        <pt x="1116" y="167" on="0"/>
+        <pt x="1155" y="207" on="1"/>
+        <pt x="1155" y="33" on="1"/>
+        <pt x="1137" y="17" on="0"/>
+        <pt x="1016" y="0" on="0"/>
+        <pt x="965" y="0" on="1"/>
+        <pt x="913" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="a" xMin="123" yMin="-25" xMax="1083" yMax="1151">
+      <contour>
+        <pt x="123" y="283" on="1"/>
+        <pt x="123" y="355" on="0"/>
+        <pt x="152" y="459" on="0"/>
+        <pt x="229" y="561" on="0"/>
+        <pt x="393" y="633" on="0"/>
+        <pt x="518" y="651" on="1"/>
+        <pt x="731" y="680" on="0"/>
+        <pt x="803" y="698" on="1"/>
+        <pt x="803" y="827" on="1"/>
+        <pt x="803" y="878" on="0"/>
+        <pt x="739" y="1010" on="0"/>
+        <pt x="676" y="1010" on="1"/>
+        <pt x="457" y="1010" on="0"/>
+        <pt x="332" y="903" on="1"/>
+        <pt x="314" y="883" on="0"/>
+        <pt x="317" y="844" on="0"/>
+        <pt x="332" y="829" on="1"/>
+        <pt x="168" y="799" on="1"/>
+        <pt x="148" y="825" on="0"/>
+        <pt x="148" y="863" on="1"/>
+        <pt x="148" y="887" on="0"/>
+        <pt x="156" y="915" on="1"/>
+        <pt x="176" y="989" on="0"/>
+        <pt x="248" y="1030" on="1"/>
+        <pt x="466" y="1151" on="0"/>
+        <pt x="693" y="1151" on="1"/>
+        <pt x="697" y="1151" on="0"/>
+        <pt x="700" y="1151" on="1"/>
+        <pt x="800" y="1151" on="0"/>
+        <pt x="930" y="1028" on="0"/>
+        <pt x="969" y="893" on="0"/>
+        <pt x="969" y="827" on="1"/>
+        <pt x="969" y="272" on="1"/>
+        <pt x="969" y="256" on="0"/>
+        <pt x="977" y="207" on="0"/>
+        <pt x="1034" y="109" on="0"/>
+        <pt x="1083" y="78" on="1"/>
+        <pt x="973" y="-25" on="1"/>
+        <pt x="854" y="22" on="0"/>
+        <pt x="815" y="174" on="1"/>
+        <pt x="629" y="-25" on="0"/>
+        <pt x="430" y="-25" on="1"/>
+        <pt x="410" y="-25" on="0"/>
+        <pt x="352" y="-16" on="0"/>
+        <pt x="256" y="20" on="0"/>
+        <pt x="180" y="82" on="0"/>
+        <pt x="123" y="203" on="0"/>
+      </contour>
+      <contour>
+        <pt x="293" y="283" on="1"/>
+        <pt x="293" y="234" on="0"/>
+        <pt x="328" y="162" on="0"/>
+        <pt x="377" y="131" on="0"/>
+        <pt x="412" y="119" on="0"/>
+        <pt x="424" y="119" on="1"/>
+        <pt x="528" y="119" on="0"/>
+        <pt x="729" y="252" on="0"/>
+        <pt x="803" y="344" on="1"/>
+        <pt x="803" y="551" on="1"/>
+        <pt x="703" y="531" on="0"/>
+        <pt x="537" y="508" on="1"/>
+        <pt x="385" y="488" on="0"/>
+        <pt x="293" y="379" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="ampersand" xMin="123" yMin="-14" xMax="1690" yMax="1577">
+      <contour>
+        <pt x="123" y="410" on="1"/>
+        <pt x="123" y="560" on="0"/>
+        <pt x="313" y="768" on="0"/>
+        <pt x="485" y="864" on="1"/>
+        <pt x="381" y="979" on="0"/>
+        <pt x="274" y="1155" on="0"/>
+        <pt x="274" y="1241" on="1"/>
+        <pt x="274" y="1333" on="0"/>
+        <pt x="350" y="1468" on="0"/>
+        <pt x="481" y="1542" on="0"/>
+        <pt x="627" y="1577" on="0"/>
+        <pt x="709" y="1577" on="1"/>
+        <pt x="887" y="1577" on="0"/>
+        <pt x="1135" y="1417" on="0"/>
+        <pt x="1135" y="1241" on="1"/>
+        <pt x="1135" y="1120" on="0"/>
+        <pt x="930" y="942" on="0"/>
+        <pt x="737" y="844" on="1"/>
+        <pt x="1114" y="440" on="1"/>
+        <pt x="1145" y="487" on="0"/>
+        <pt x="1172" y="542" on="1"/>
+        <pt x="1241" y="680" on="1"/>
+        <pt x="1296" y="793" on="1"/>
+        <pt x="1423" y="715" on="1"/>
+        <pt x="1261" y="391" on="0"/>
+        <pt x="1223" y="328" on="1"/>
+        <pt x="1405" y="148" on="0"/>
+        <pt x="1434" y="154" on="1"/>
+        <pt x="1471" y="154" on="0"/>
+        <pt x="1503" y="160" on="0"/>
+        <pt x="1554" y="213" on="0"/>
+        <pt x="1579" y="268" on="1"/>
+        <pt x="1690" y="203" on="1"/>
+        <pt x="1655" y="125" on="0"/>
+        <pt x="1593" y="33" on="0"/>
+        <pt x="1522" y="-2" on="0"/>
+        <pt x="1479" y="-10" on="0"/>
+        <pt x="1434" y="-10" on="1"/>
+        <pt x="1362" y="-18" on="0"/>
+        <pt x="1128" y="197" on="1"/>
+        <pt x="944" y="-14" on="0"/>
+        <pt x="637" y="-14" on="1"/>
+        <pt x="578" y="-14" on="0"/>
+        <pt x="416" y="33" on="0"/>
+        <pt x="242" y="127" on="0"/>
+        <pt x="123" y="301" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="410" on="1"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="432" y="205" on="0"/>
+        <pt x="580" y="158" on="0"/>
+        <pt x="637" y="158" on="1"/>
+        <pt x="864" y="160" on="0"/>
+        <pt x="1014" y="309" on="1"/>
+        <pt x="582" y="764" on="1"/>
+        <pt x="447" y="690" on="0"/>
+        <pt x="295" y="523" on="0"/>
+      </contour>
+      <contour>
+        <pt x="446" y="1241" on="1"/>
+        <pt x="446" y="1151" on="0"/>
+        <pt x="641" y="946" on="1"/>
+        <pt x="741" y="997" on="0"/>
+        <pt x="862" y="1071" on="0"/>
+        <pt x="963" y="1184" on="0"/>
+        <pt x="963" y="1241" on="1"/>
+        <pt x="963" y="1354" on="0"/>
+        <pt x="815" y="1454" on="0"/>
+        <pt x="709" y="1454" on="1"/>
+        <pt x="600" y="1454" on="0"/>
+        <pt x="446" y="1352" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciicircum" xMin="82" yMin="0" xMax="1257" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="596" y="1126" on="1"/>
+        <pt x="743" y="1126" on="1"/>
+        <pt x="1257" y="0" on="1"/>
+        <pt x="1110" y="0" on="1"/>
+        <pt x="670" y="965" on="1"/>
+        <pt x="229" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asciitilde" xMin="123" yMin="535" xMax="1227" yMax="782">
+      <contour>
+        <pt x="123" y="709" on="1"/>
+        <pt x="133" y="717" on="0"/>
+        <pt x="176" y="741" on="0"/>
+        <pt x="332" y="782" on="0"/>
+        <pt x="422" y="782" on="1"/>
+        <pt x="504" y="782" on="0"/>
+        <pt x="678" y="719" on="1"/>
+        <pt x="854" y="658" on="0"/>
+        <pt x="940" y="657" on="1"/>
+        <pt x="1012" y="657" on="0"/>
+        <pt x="1128" y="680" on="0"/>
+        <pt x="1151" y="692" on="1"/>
+        <pt x="1174" y="705" on="1"/>
+        <pt x="1227" y="602" on="1"/>
+        <pt x="1121" y="534" on="0"/>
+        <pt x="940" y="535" on="1"/>
+        <pt x="846" y="535" on="0"/>
+        <pt x="645" y="604" on="1"/>
+        <pt x="491" y="659" on="0"/>
+        <pt x="422" y="659" on="1"/>
+        <pt x="344" y="659" on="0"/>
+        <pt x="225" y="635" on="0"/>
+        <pt x="205" y="623" on="1"/>
+        <pt x="184" y="610" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="asterisk" xMin="100" yMin="567" xMax="1165" yMax="1577">
+      <contour>
+        <pt x="100" y="1161" on="1"/>
+        <pt x="152" y="1294" on="1"/>
+        <pt x="565" y="1128" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="705" y="1577" on="1"/>
+        <pt x="700" y="1128" on="1"/>
+        <pt x="1114" y="1294" on="1"/>
+        <pt x="1165" y="1161" on="1"/>
+        <pt x="741" y="995" on="1"/>
+        <pt x="1036" y="668" on="1"/>
+        <pt x="918" y="567" on="1"/>
+        <pt x="633" y="920" on="1"/>
+        <pt x="350" y="567" on="1"/>
+        <pt x="227" y="668" on="1"/>
+        <pt x="522" y="995" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="at" xMin="123" yMin="-403" xMax="2073" yMax="1577">
+      <contour>
+        <pt x="123" y="535" on="1"/>
+        <pt x="123" y="801" on="0"/>
+        <pt x="406" y="1284" on="0"/>
+        <pt x="879" y="1577" on="0"/>
+        <pt x="1145" y="1577" on="1"/>
+        <pt x="1360" y="1577" on="0"/>
+        <pt x="1720" y="1425" on="0"/>
+        <pt x="1948" y="1178" on="0"/>
+        <pt x="2073" y="872" on="0"/>
+        <pt x="2073" y="713" on="1"/>
+        <pt x="2073" y="555" on="0"/>
+        <pt x="1964" y="305" on="0"/>
+        <pt x="1806" y="164" on="0"/>
+        <pt x="1614" y="70" on="0"/>
+        <pt x="1466" y="39" on="0"/>
+        <pt x="1411" y="39" on="1"/>
+        <pt x="1245" y="39" on="0"/>
+        <pt x="1284" y="221" on="1"/>
+        <pt x="1075" y="37" on="0"/>
+        <pt x="872" y="39" on="1"/>
+        <pt x="596" y="41" on="0"/>
+        <pt x="596" y="422" on="1"/>
+        <pt x="596" y="584" on="0"/>
+        <pt x="709" y="877" on="0"/>
+        <pt x="879" y="1071" on="0"/>
+        <pt x="1075" y="1186" on="0"/>
+        <pt x="1161" y="1186" on="1"/>
+        <pt x="1351" y="1186" on="0"/>
+        <pt x="1458" y="1022" on="1"/>
+        <pt x="1487" y="1143" on="1"/>
+        <pt x="1647" y="1106" on="1"/>
+        <pt x="1438" y="178" on="0"/>
+        <pt x="1438" y="168" on="1"/>
+        <pt x="1444" y="162" on="0"/>
+        <pt x="1546" y="182" on="0"/>
+        <pt x="1690" y="254" on="0"/>
+        <pt x="1825" y="371" on="0"/>
+        <pt x="1915" y="582" on="0"/>
+        <pt x="1909" y="713" on="1"/>
+        <pt x="1909" y="840" on="0"/>
+        <pt x="1806" y="1085" on="0"/>
+        <pt x="1618" y="1288" on="0"/>
+        <pt x="1321" y="1413" on="0"/>
+        <pt x="1145" y="1413" on="1"/>
+        <pt x="924" y="1413" on="0"/>
+        <pt x="524" y="1163" on="0"/>
+        <pt x="287" y="756" on="0"/>
+        <pt x="287" y="535" on="1"/>
+        <pt x="287" y="205" on="0"/>
+        <pt x="797" y="-240" on="0"/>
+        <pt x="1145" y="-240" on="1"/>
+        <pt x="1327" y="-240" on="0"/>
+        <pt x="1606" y="-143" on="0"/>
+        <pt x="1808" y="25" on="1"/>
+        <pt x="1911" y="-102" on="1"/>
+        <pt x="1680" y="-292" on="0"/>
+        <pt x="1358" y="-403" on="0"/>
+        <pt x="1145" y="-403" on="1"/>
+        <pt x="875" y="-403" on="0"/>
+        <pt x="408" y="-164" on="0"/>
+        <pt x="123" y="271" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="422" on="1"/>
+        <pt x="760" y="168" on="0"/>
+        <pt x="872" y="162" on="1"/>
+        <pt x="950" y="160" on="0"/>
+        <pt x="1114" y="242" on="0"/>
+        <pt x="1245" y="371" on="0"/>
+        <pt x="1315" y="453" on="0"/>
+        <pt x="1341" y="489" on="1"/>
+        <pt x="1417" y="834" on="1"/>
+        <pt x="1362" y="969" on="0"/>
+        <pt x="1237" y="1063" on="0"/>
+        <pt x="1161" y="1063" on="1"/>
+        <pt x="1026" y="1063" on="0"/>
+        <pt x="760" y="686" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="b" xMin="174" yMin="-25" xMax="1169" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="backslash" xMin="51" yMin="-532" xMax="854" yMax="1577">
+      <contour>
+        <pt x="51" y="1577" on="1"/>
+        <pt x="221" y="1577" on="1"/>
+        <pt x="854" y="-532" on="1"/>
+        <pt x="684" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bar" xMin="174" yMin="-532" xMax="330" yMax="1700">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1700" on="1"/>
+        <pt x="330" y="1700" on="1"/>
+        <pt x="330" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceleft" xMin="164" yMin="-545" xMax="819" yMax="1700">
+      <contour>
+        <pt x="164" y="526" on="1"/>
+        <pt x="164" y="629" on="1"/>
+        <pt x="252" y="629" on="0"/>
+        <pt x="350" y="705" on="0"/>
+        <pt x="356" y="741" on="1"/>
+        <pt x="360" y="778" on="1"/>
+        <pt x="360" y="1389" on="1"/>
+        <pt x="360" y="1436" on="0"/>
+        <pt x="379" y="1530" on="0"/>
+        <pt x="422" y="1634" on="0"/>
+        <pt x="516" y="1700" on="0"/>
+        <pt x="582" y="1700" on="1"/>
+        <pt x="641" y="1700" on="0"/>
+        <pt x="760" y="1667" on="0"/>
+        <pt x="791" y="1651" on="1"/>
+        <pt x="819" y="1632" on="1"/>
+        <pt x="762" y="1489" on="1"/>
+        <pt x="705" y="1528" on="0"/>
+        <pt x="582" y="1528" on="1"/>
+        <pt x="533" y="1528" on="0"/>
+        <pt x="532" y="1389" on="1"/>
+        <pt x="532" y="776" on="1"/>
+        <pt x="532" y="770" on="0"/>
+        <pt x="530" y="750" on="0"/>
+        <pt x="514" y="700" on="0"/>
+        <pt x="489" y="653" on="0"/>
+        <pt x="436" y="598" on="0"/>
+        <pt x="401" y="578" on="1"/>
+        <pt x="438" y="558" on="0"/>
+        <pt x="492" y="502" on="0"/>
+        <pt x="516" y="457" on="0"/>
+        <pt x="530" y="406" on="0"/>
+        <pt x="532" y="385" on="0"/>
+        <pt x="532" y="379" on="1"/>
+        <pt x="532" y="-233" on="1"/>
+        <pt x="532" y="-372" on="0"/>
+        <pt x="582" y="-373" on="1"/>
+        <pt x="637" y="-373" on="0"/>
+        <pt x="727" y="-352" on="0"/>
+        <pt x="745" y="-344" on="1"/>
+        <pt x="762" y="-334" on="1"/>
+        <pt x="819" y="-477" on="1"/>
+        <pt x="717" y="-545" on="0"/>
+        <pt x="582" y="-545" on="1"/>
+        <pt x="516" y="-545" on="0"/>
+        <pt x="422" y="-479" on="0"/>
+        <pt x="379" y="-375" on="0"/>
+        <pt x="360" y="-281" on="0"/>
+        <pt x="360" y="-233" on="1"/>
+        <pt x="360" y="377" on="1"/>
+        <pt x="360" y="383" on="0"/>
+        <pt x="358" y="403" on="0"/>
+        <pt x="336" y="455" on="0"/>
+        <pt x="299" y="494" on="0"/>
+        <pt x="219" y="526" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="braceright" xMin="143" yMin="-545" xMax="799" yMax="1700">
+      <contour>
+        <pt x="143" y="-477" on="1"/>
+        <pt x="201" y="-334" on="1"/>
+        <pt x="258" y="-373" on="0"/>
+        <pt x="381" y="-373" on="1"/>
+        <pt x="430" y="-373" on="0"/>
+        <pt x="430" y="-233" on="1"/>
+        <pt x="430" y="377" on="1"/>
+        <pt x="430" y="391" on="0"/>
+        <pt x="438" y="438" on="0"/>
+        <pt x="502" y="545" on="0"/>
+        <pt x="559" y="578" on="1"/>
+        <pt x="502" y="611" on="0"/>
+        <pt x="438" y="711" on="0"/>
+        <pt x="430" y="760" on="0"/>
+        <pt x="430" y="776" on="1"/>
+        <pt x="430" y="1389" on="1"/>
+        <pt x="430" y="1528" on="0"/>
+        <pt x="381" y="1528" on="1"/>
+        <pt x="326" y="1528" on="0"/>
+        <pt x="236" y="1507" on="0"/>
+        <pt x="217" y="1499" on="1"/>
+        <pt x="201" y="1489" on="1"/>
+        <pt x="143" y="1632" on="1"/>
+        <pt x="245" y="1700" on="0"/>
+        <pt x="381" y="1700" on="1"/>
+        <pt x="447" y="1700" on="0"/>
+        <pt x="541" y="1634" on="0"/>
+        <pt x="584" y="1530" on="0"/>
+        <pt x="602" y="1436" on="0"/>
+        <pt x="602" y="1389" on="1"/>
+        <pt x="602" y="778" on="1"/>
+        <pt x="602" y="772" on="0"/>
+        <pt x="604" y="752" on="0"/>
+        <pt x="625" y="700" on="0"/>
+        <pt x="662" y="662" on="0"/>
+        <pt x="743" y="629" on="0"/>
+        <pt x="799" y="629" on="1"/>
+        <pt x="799" y="526" on="1"/>
+        <pt x="746" y="526" on="0"/>
+        <pt x="666" y="498" on="0"/>
+        <pt x="629" y="459" on="0"/>
+        <pt x="606" y="410" on="0"/>
+        <pt x="602" y="387" on="0"/>
+        <pt x="602" y="379" on="1"/>
+        <pt x="602" y="-233" on="1"/>
+        <pt x="602" y="-280" on="0"/>
+        <pt x="584" y="-375" on="0"/>
+        <pt x="541" y="-479" on="0"/>
+        <pt x="446" y="-545" on="0"/>
+        <pt x="381" y="-545" on="1"/>
+        <pt x="322" y="-545" on="0"/>
+        <pt x="203" y="-512" on="0"/>
+        <pt x="172" y="-496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketleft" xMin="174" yMin="-532" xMax="592" yMax="1577">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1577" on="1"/>
+        <pt x="592" y="1577" on="1"/>
+        <pt x="592" y="1454" on="1"/>
+        <pt x="346" y="1454" on="1"/>
+        <pt x="346" y="-410" on="1"/>
+        <pt x="592" y="-410" on="1"/>
+        <pt x="592" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="bracketright" xMin="143" yMin="-532" xMax="561" yMax="1577">
+      <contour>
+        <pt x="143" y="-410" on="1"/>
+        <pt x="389" y="-410" on="1"/>
+        <pt x="389" y="1454" on="1"/>
+        <pt x="143" y="1454" on="1"/>
+        <pt x="143" y="1577" on="1"/>
+        <pt x="561" y="1577" on="1"/>
+        <pt x="561" y="-532" on="1"/>
+        <pt x="143" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="c" xMin="113" yMin="-25" xMax="963" yMax="1151">
+      <contour>
+        <pt x="113" y="543" on="1"/>
+        <pt x="113" y="838" on="0"/>
+        <pt x="262" y="997" on="1"/>
+        <pt x="406" y="1151" on="0"/>
+        <pt x="582" y="1151" on="1"/>
+        <pt x="589" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="662" y="1149" on="0"/>
+        <pt x="780" y="1110" on="0"/>
+        <pt x="856" y="1057" on="0"/>
+        <pt x="915" y="1006" on="0"/>
+        <pt x="930" y="987" on="1"/>
+        <pt x="942" y="971" on="1"/>
+        <pt x="834" y="868" on="1"/>
+        <pt x="832" y="872" on="0"/>
+        <pt x="819" y="889" on="0"/>
+        <pt x="778" y="928" on="0"/>
+        <pt x="727" y="958" on="0"/>
+        <pt x="641" y="985" on="0"/>
+        <pt x="592" y="987" on="1"/>
+        <pt x="588" y="987" on="0"/>
+        <pt x="584" y="987" on="1"/>
+        <pt x="470" y="987" on="0"/>
+        <pt x="379" y="874" on="1"/>
+        <pt x="285" y="757" on="0"/>
+        <pt x="285" y="543" on="1"/>
+        <pt x="285" y="371" on="0"/>
+        <pt x="449" y="139" on="0"/>
+        <pt x="582" y="139" on="1"/>
+        <pt x="633" y="139" on="0"/>
+        <pt x="694" y="147" on="0"/>
+        <pt x="799" y="203" on="0"/>
+        <pt x="856" y="256" on="1"/>
+        <pt x="963" y="154" on="1"/>
+        <pt x="881" y="72" on="0"/>
+        <pt x="733" y="-12" on="0"/>
+        <pt x="649" y="-25" on="0"/>
+        <pt x="582" y="-25" on="1"/>
+        <pt x="373" y="-25" on="0"/>
+        <pt x="113" y="299" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="colon" xMin="143" yMin="-14" xMax="371" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="307" y="213" on="0"/>
+        <pt x="371" y="150" on="0"/>
+        <pt x="371" y="51" on="0"/>
+        <pt x="307" y="-14" on="0"/>
+        <pt x="209" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="comma" xMin="82" yMin="-287" xMax="322" yMax="213">
+      <contour>
+        <pt x="82" y="51" on="0"/>
+        <pt x="82" y="150" on="0"/>
+        <pt x="147" y="213" on="0"/>
+        <pt x="197" y="213" on="1"/>
+        <pt x="258" y="213" on="0"/>
+        <pt x="322" y="113" on="0"/>
+        <pt x="322" y="45" on="1"/>
+        <pt x="320" y="-102" on="0"/>
+        <pt x="170" y="-287" on="1"/>
+        <pt x="84" y="-258" on="1"/>
+        <pt x="186" y="-131" on="0"/>
+        <pt x="205" y="-14" on="1"/>
+        <pt x="150" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="d" xMin="123" yMin="-25" xMax="1251" yMax="1679">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1679" on="1"/>
+        <pt x="1118" y="1679" on="1"/>
+        <pt x="1118" y="270" on="1"/>
+        <pt x="1120" y="254" on="0"/>
+        <pt x="1130" y="207" on="0"/>
+        <pt x="1198" y="100" on="0"/>
+        <pt x="1251" y="74" on="1"/>
+        <pt x="1110" y="-25" on="1"/>
+        <pt x="967" y="53" on="0"/>
+        <pt x="946" y="217" on="1"/>
+        <pt x="757" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="dollar" xMin="117" yMin="-139" xMax="1237" yMax="1722">
+      <contour>
+        <pt x="117" y="281" on="1"/>
+        <pt x="242" y="399" on="1"/>
+        <pt x="373" y="186" on="0"/>
+        <pt x="629" y="147" on="1"/>
+        <pt x="629" y="754" on="1"/>
+        <pt x="551" y="779" on="0"/>
+        <pt x="449" y="817" on="0"/>
+        <pt x="328" y="887" on="0"/>
+        <pt x="258" y="967" on="0"/>
+        <pt x="209" y="1087" on="0"/>
+        <pt x="209" y="1163" on="1"/>
+        <pt x="209" y="1280" on="0"/>
+        <pt x="293" y="1454" on="0"/>
+        <pt x="428" y="1546" on="0"/>
+        <pt x="559" y="1591" on="0"/>
+        <pt x="629" y="1597" on="1"/>
+        <pt x="629" y="1722" on="1"/>
+        <pt x="760" y="1722" on="1"/>
+        <pt x="760" y="1595" on="1"/>
+        <pt x="1020" y="1570" on="0"/>
+        <pt x="1171" y="1409" on="1"/>
+        <pt x="1044" y="1298" on="1"/>
+        <pt x="938" y="1407" on="0"/>
+        <pt x="760" y="1430" on="1"/>
+        <pt x="760" y="893" on="1"/>
+        <pt x="869" y="858" on="0"/>
+        <pt x="1004" y="801" on="0"/>
+        <pt x="1159" y="694" on="0"/>
+        <pt x="1237" y="537" on="0"/>
+        <pt x="1237" y="432" on="1"/>
+        <pt x="1237" y="227" on="0"/>
+        <pt x="961" y="-8" on="0"/>
+        <pt x="760" y="-20" on="1"/>
+        <pt x="760" y="-139" on="1"/>
+        <pt x="629" y="-139" on="1"/>
+        <pt x="629" y="-16" on="1"/>
+        <pt x="293" y="23" on="0"/>
+      </contour>
+      <contour>
+        <pt x="381" y="1163" on="1"/>
+        <pt x="381" y="1077" on="0"/>
+        <pt x="510" y="973" on="0"/>
+        <pt x="629" y="934" on="1"/>
+        <pt x="629" y="1432" on="1"/>
+        <pt x="531" y="1418" on="0"/>
+        <pt x="381" y="1294" on="0"/>
+      </contour>
+      <contour>
+        <pt x="760" y="143" on="1"/>
+        <pt x="889" y="155" on="0"/>
+        <pt x="1065" y="305" on="0"/>
+        <pt x="1065" y="432" on="1"/>
+        <pt x="1065" y="545" on="0"/>
+        <pt x="907" y="666" on="0"/>
+        <pt x="760" y="713" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="e" xMin="113" yMin="-25" xMax="1059" yMax="1151">
+      <contour>
+        <pt x="113" y="309" on="0"/>
+        <pt x="113" y="793" on="0"/>
+        <pt x="389" y="1151" on="0"/>
+        <pt x="598" y="1151" on="1"/>
+        <pt x="717" y="1151" on="0"/>
+        <pt x="897" y="1059" on="0"/>
+        <pt x="989" y="936" on="0"/>
+        <pt x="1044" y="780" on="0"/>
+        <pt x="1059" y="682" on="0"/>
+        <pt x="1059" y="647" on="1"/>
+        <pt x="1059" y="571" on="1"/>
+        <pt x="285" y="571" on="1"/>
+        <pt x="285" y="378" on="0"/>
+        <pt x="455" y="127" on="0"/>
+        <pt x="606" y="127" on="1"/>
+        <pt x="721" y="127" on="0"/>
+        <pt x="801" y="176" on="1"/>
+        <pt x="881" y="223" on="0"/>
+        <pt x="954" y="322" on="1"/>
+        <pt x="1059" y="221" on="1"/>
+        <pt x="987" y="133" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="717" y="-16" on="0"/>
+        <pt x="657" y="-25" on="0"/>
+        <pt x="606" y="-25" on="1"/>
+        <pt x="379" y="-25" on="0"/>
+      </contour>
+      <contour>
+        <pt x="309" y="723" on="1"/>
+        <pt x="879" y="723" on="1"/>
+        <pt x="869" y="770" on="0"/>
+        <pt x="834" y="854" on="0"/>
+        <pt x="772" y="944" on="0"/>
+        <pt x="666" y="999" on="0"/>
+        <pt x="598" y="999" on="1"/>
+        <pt x="498" y="999" on="0"/>
+        <pt x="344" y="846" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="eight" xMin="133" yMin="-23" xMax="1083" yMax="1599">
+      <contour>
+        <pt x="133" y="350" on="1"/>
+        <pt x="135" y="493" on="0"/>
+        <pt x="326" y="733" on="0"/>
+        <pt x="455" y="821" on="1"/>
+        <pt x="174" y="1044" on="0"/>
+        <pt x="174" y="1260" on="1"/>
+        <pt x="174" y="1352" on="0"/>
+        <pt x="250" y="1489" on="0"/>
+        <pt x="381" y="1565" on="0"/>
+        <pt x="526" y="1599" on="0"/>
+        <pt x="690" y="1599" on="0"/>
+        <pt x="836" y="1565" on="0"/>
+        <pt x="967" y="1489" on="0"/>
+        <pt x="1042" y="1352" on="0"/>
+        <pt x="1042" y="1260" on="1"/>
+        <pt x="1042" y="1117" on="0"/>
+        <pt x="846" y="893" on="0"/>
+        <pt x="723" y="819" on="1"/>
+        <pt x="809" y="756" on="0"/>
+        <pt x="911" y="670" on="0"/>
+        <pt x="1028" y="547" on="0"/>
+        <pt x="1083" y="420" on="0"/>
+        <pt x="1083" y="350" on="1"/>
+        <pt x="1083" y="272" on="0"/>
+        <pt x="1034" y="147" on="0"/>
+        <pt x="965" y="72" on="0"/>
+        <pt x="860" y="16" on="0"/>
+        <pt x="778" y="-8" on="0"/>
+        <pt x="674" y="-23" on="0"/>
+        <pt x="654" y="-23" on="1"/>
+        <pt x="612" y="-23" on="1"/>
+        <pt x="608" y="-23" on="1"/>
+        <pt x="572" y="-23" on="1"/>
+        <pt x="559" y="-23" on="0"/>
+        <pt x="449" y="-10" on="0"/>
+        <pt x="369" y="14" on="0"/>
+        <pt x="258" y="70" on="0"/>
+        <pt x="186" y="145" on="0"/>
+        <pt x="133" y="272" on="0"/>
+      </contour>
+      <contour>
+        <pt x="307" y="350" on="1"/>
+        <pt x="307" y="295" on="0"/>
+        <pt x="346" y="209" on="0"/>
+        <pt x="418" y="162" on="0"/>
+        <pt x="481" y="131" on="0"/>
+        <pt x="524" y="127" on="1"/>
+        <pt x="579" y="122" on="1"/>
+        <pt x="590" y="121" on="0"/>
+        <pt x="608" y="121" on="1"/>
+        <pt x="610" y="121" on="1"/>
+        <pt x="633" y="121" on="0"/>
+        <pt x="678" y="123" on="0"/>
+        <pt x="778" y="147" on="0"/>
+        <pt x="850" y="190" on="0"/>
+        <pt x="909" y="285" on="0"/>
+        <pt x="909" y="350" on="1"/>
+        <pt x="909" y="436" on="0"/>
+        <pt x="737" y="612" on="0"/>
+        <pt x="569" y="733" on="1"/>
+        <pt x="321" y="573" on="0"/>
+      </contour>
+      <contour>
+        <pt x="348" y="1260" on="1"/>
+        <pt x="348" y="1170" on="0"/>
+        <pt x="483" y="1001" on="0"/>
+        <pt x="604" y="907" on="1"/>
+        <pt x="657" y="936" on="0"/>
+        <pt x="762" y="1014" on="0"/>
+        <pt x="868" y="1174" on="0"/>
+        <pt x="868" y="1260" on="1"/>
+        <pt x="868" y="1371" on="0"/>
+        <pt x="717" y="1468" on="0"/>
+        <pt x="500" y="1468" on="0"/>
+        <pt x="348" y="1371" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="emdash" xMin="82" yMin="498" xMax="1477" yMax="631">
+      <contour>
+        <pt x="82" y="498" on="1"/>
+        <pt x="82" y="631" on="1"/>
+        <pt x="1477" y="631" on="1"/>
+        <pt x="1477" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="endash" xMin="61" yMin="498" xMax="1190" yMax="631">
+      <contour>
+        <pt x="61" y="498" on="1"/>
+        <pt x="61" y="631" on="1"/>
+        <pt x="1190" y="631" on="1"/>
+        <pt x="1190" y="498" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="equal" xMin="133" yMin="344" xMax="1262" yMax="809">
+      <contour>
+        <pt x="133" y="344" on="1"/>
+        <pt x="133" y="481" on="1"/>
+        <pt x="1262" y="481" on="1"/>
+        <pt x="1262" y="344" on="1"/>
+      </contour>
+      <contour>
+        <pt x="133" y="672" on="1"/>
+        <pt x="133" y="809" on="1"/>
+        <pt x="1262" y="809" on="1"/>
+        <pt x="1262" y="672" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="exclam" xMin="174" yMin="-14" xMax="401" yMax="1679">
+      <contour>
+        <pt x="174" y="51" on="0"/>
+        <pt x="174" y="150" on="0"/>
+        <pt x="240" y="213" on="0"/>
+        <pt x="338" y="213" on="0"/>
+        <pt x="401" y="150" on="0"/>
+        <pt x="401" y="51" on="0"/>
+        <pt x="338" y="-14" on="0"/>
+        <pt x="240" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="195" y="1679" on="1"/>
+        <pt x="383" y="1679" on="1"/>
+        <pt x="356" y="377" on="1"/>
+        <pt x="221" y="377" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="f" xMin="61" yMin="0" xMax="887" yMax="1690">
+      <contour>
+        <pt x="61" y="983" on="1"/>
+        <pt x="61" y="1126" on="1"/>
+        <pt x="207" y="1126" on="1"/>
+        <pt x="207" y="1323" on="1"/>
+        <pt x="207" y="1690" on="0"/>
+        <pt x="524" y="1690" on="1"/>
+        <pt x="731" y="1690" on="0"/>
+        <pt x="887" y="1561" on="1"/>
+        <pt x="776" y="1454" on="1"/>
+        <pt x="657" y="1546" on="0"/>
+        <pt x="524" y="1546" on="1"/>
+        <pt x="475" y="1546" on="0"/>
+        <pt x="414" y="1516" on="0"/>
+        <pt x="385" y="1444" on="0"/>
+        <pt x="377" y="1380" on="0"/>
+        <pt x="377" y="1323" on="1"/>
+        <pt x="377" y="1126" on="1"/>
+        <pt x="709" y="1126" on="1"/>
+        <pt x="709" y="983" on="1"/>
+        <pt x="377" y="983" on="1"/>
+        <pt x="377" y="0" on="1"/>
+        <pt x="207" y="0" on="1"/>
+        <pt x="207" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="figuredash" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="five" xMin="143" yMin="-440" xMax="1077" yMax="1157">
+      <contour>
+        <pt x="143" y="-301" on="1"/>
+        <pt x="250" y="-197" on="1"/>
+        <pt x="258" y="-205" on="0"/>
+        <pt x="291" y="-231" on="0"/>
+        <pt x="416" y="-274" on="0"/>
+        <pt x="489" y="-274" on="1"/>
+        <pt x="639" y="-274" on="0"/>
+        <pt x="901" y="-43" on="0"/>
+        <pt x="901" y="170" on="1"/>
+        <pt x="901" y="285" on="0"/>
+        <pt x="733" y="492" on="0"/>
+        <pt x="614" y="492" on="1"/>
+        <pt x="456" y="492" on="0"/>
+        <pt x="344" y="416" on="1"/>
+        <pt x="178" y="416" on="1"/>
+        <pt x="178" y="1157" on="1"/>
+        <pt x="948" y="1157" on="1"/>
+        <pt x="948" y="1001" on="1"/>
+        <pt x="344" y="1001" on="1"/>
+        <pt x="344" y="588" on="1"/>
+        <pt x="463" y="641" on="0"/>
+        <pt x="614" y="641" on="1"/>
+        <pt x="794" y="641" on="0"/>
+        <pt x="1069" y="354" on="0"/>
+        <pt x="1077" y="170" on="1"/>
+        <pt x="1077" y="23" on="0"/>
+        <pt x="963" y="-219" on="0"/>
+        <pt x="784" y="-362" on="0"/>
+        <pt x="586" y="-440" on="0"/>
+        <pt x="489" y="-440" on="1"/>
+        <pt x="385" y="-440" on="0"/>
+        <pt x="213" y="-371" on="0"/>
+        <pt x="178" y="-336" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="four" xMin="82" yMin="-440" xMax="1225" yMax="1157">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="82" y="90" on="1"/>
+        <pt x="885" y="1157" on="1"/>
+        <pt x="993" y="1157" on="1"/>
+        <pt x="993" y="150" on="1"/>
+        <pt x="1225" y="150" on="1"/>
+        <pt x="1225" y="0" on="1"/>
+        <pt x="993" y="0" on="1"/>
+        <pt x="993" y="-440" on="1"/>
+        <pt x="827" y="-440" on="1"/>
+        <pt x="827" y="0" on="1"/>
+      </contour>
+      <contour>
+        <pt x="307" y="141" on="1"/>
+        <pt x="346" y="150" on="1"/>
+        <pt x="827" y="150" on="1"/>
+        <pt x="827" y="838" on="1"/>
+        <pt x="336" y="172" on="1"/>
+        <pt x="307" y="143" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="g" xMin="123" yMin="-563" xMax="1184" yMax="1257">
+      <contour>
+        <pt x="123" y="-221" on="1"/>
+        <pt x="125" y="-96" on="0"/>
+        <pt x="211" y="55" on="0"/>
+        <pt x="295" y="117" on="1"/>
+        <pt x="199" y="158" on="0"/>
+        <pt x="190" y="250" on="1"/>
+        <pt x="190" y="346" on="0"/>
+        <pt x="336" y="463" on="1"/>
+        <pt x="166" y="559" on="0"/>
+        <pt x="166" y="795" on="1"/>
+        <pt x="166" y="887" on="0"/>
+        <pt x="254" y="1034" on="0"/>
+        <pt x="393" y="1114" on="0"/>
+        <pt x="539" y="1155" on="0"/>
+        <pt x="606" y="1155" on="1"/>
+        <pt x="669" y="1155" on="0"/>
+        <pt x="743" y="1137" on="1"/>
+        <pt x="876" y="1258" on="0"/>
+        <pt x="1053" y="1257" on="1"/>
+        <pt x="1108" y="1257" on="0"/>
+        <pt x="1176" y="1237" on="1"/>
+        <pt x="1147" y="1094" on="1"/>
+        <pt x="1110" y="1106" on="0"/>
+        <pt x="1053" y="1106" on="1"/>
+        <pt x="965" y="1106" on="0"/>
+        <pt x="887" y="1073" on="1"/>
+        <pt x="1047" y="971" on="0"/>
+        <pt x="1047" y="795" on="1"/>
+        <pt x="1047" y="680" on="0"/>
+        <pt x="958" y="516" on="0"/>
+        <pt x="817" y="436" on="0"/>
+        <pt x="678" y="403" on="0"/>
+        <pt x="606" y="403" on="1"/>
+        <pt x="536" y="403" on="0"/>
+        <pt x="483" y="414" on="1"/>
+        <pt x="362" y="328" on="0"/>
+        <pt x="362" y="250" on="1"/>
+        <pt x="368" y="244" on="0"/>
+        <pt x="461" y="238" on="0"/>
+        <pt x="535" y="236" on="1"/>
+        <pt x="608" y="233" on="1"/>
+        <pt x="727" y="227" on="0"/>
+        <pt x="903" y="197" on="0"/>
+        <pt x="1085" y="129" on="0"/>
+        <pt x="1184" y="-6" on="0"/>
+        <pt x="1184" y="-102" on="1"/>
+        <pt x="1184" y="-301" on="0"/>
+        <pt x="895" y="-563" on="0"/>
+        <pt x="614" y="-563" on="1"/>
+        <pt x="415" y="-563" on="0"/>
+        <pt x="123" y="-366" on="0"/>
+      </contour>
+      <contour>
+        <pt x="297" y="-221" on="1"/>
+        <pt x="297" y="-303" on="0"/>
+        <pt x="485" y="-410" on="0"/>
+        <pt x="614" y="-410" on="1"/>
+        <pt x="811" y="-410" on="0"/>
+        <pt x="1020" y="-236" on="0"/>
+        <pt x="1020" y="-102" on="1"/>
+        <pt x="1020" y="-49" on="0"/>
+        <pt x="948" y="25" on="0"/>
+        <pt x="813" y="61" on="0"/>
+        <pt x="692" y="78" on="0"/>
+        <pt x="606" y="82" on="1"/>
+        <pt x="487" y="82" on="0"/>
+        <pt x="459" y="84" on="1"/>
+        <pt x="375" y="33" on="0"/>
+        <pt x="297" y="-92" on="0"/>
+      </contour>
+      <contour>
+        <pt x="338" y="795" on="1"/>
+        <pt x="338" y="715" on="0"/>
+        <pt x="391" y="604" on="0"/>
+        <pt x="479" y="553" on="0"/>
+        <pt x="561" y="535" on="0"/>
+        <pt x="651" y="535" on="0"/>
+        <pt x="735" y="557" on="0"/>
+        <pt x="821" y="610" on="0"/>
+        <pt x="874" y="719" on="0"/>
+        <pt x="874" y="795" on="1"/>
+        <pt x="874" y="908" on="0"/>
+        <pt x="702" y="1024" on="0"/>
+        <pt x="510" y="1024" on="0"/>
+        <pt x="338" y="908" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="grave" xMin="113" yMin="1251" xMax="616" yMax="1577">
+      <contour>
+        <pt x="113" y="1432" on="1"/>
+        <pt x="156" y="1577" on="1"/>
+        <pt x="616" y="1348" on="1"/>
+        <pt x="573" y="1251" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="greater" xMin="143" yMin="-14" xMax="1280" yMax="1161">
+      <contour>
+        <pt x="143" y="-14" on="1"/>
+        <pt x="143" y="133" on="1"/>
+        <pt x="1116" y="573" on="1"/>
+        <pt x="143" y="1014" on="1"/>
+        <pt x="143" y="1161" on="1"/>
+        <pt x="1280" y="647" on="1"/>
+        <pt x="1280" y="500" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="h" xMin="174" yMin="0" xMax="1098" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="605" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="hyphen" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="i" xMin="174" yMin="0" xMax="381" yMax="1577">
+      <contour>
+        <pt x="174" y="1430" on="0"/>
+        <pt x="174" y="1520" on="0"/>
+        <pt x="233" y="1577" on="0"/>
+        <pt x="324" y="1577" on="0"/>
+        <pt x="381" y="1520" on="0"/>
+        <pt x="381" y="1430" on="0"/>
+        <pt x="324" y="1370" on="0"/>
+        <pt x="233" y="1370" on="0"/>
+      </contour>
+      <contour>
+        <pt x="193" y="0" on="1"/>
+        <pt x="193" y="1126" on="1"/>
+        <pt x="362" y="1126" on="1"/>
+        <pt x="362" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="j" xMin="-72" yMin="-563" xMax="279" yMax="1577">
+      <contour>
+        <pt x="-72" y="-401" on="1"/>
+        <pt x="-11" y="-393" on="0"/>
+        <pt x="90" y="-207" on="0"/>
+        <pt x="90" y="-88" on="1"/>
+        <pt x="90" y="1126" on="1"/>
+        <pt x="260" y="1126" on="1"/>
+        <pt x="260" y="-88" on="1"/>
+        <pt x="260" y="-266" on="0"/>
+        <pt x="86" y="-526" on="0"/>
+        <pt x="-20" y="-563" on="1"/>
+      </contour>
+      <contour>
+        <pt x="72" y="1430" on="0"/>
+        <pt x="72" y="1520" on="0"/>
+        <pt x="131" y="1577" on="0"/>
+        <pt x="221" y="1577" on="0"/>
+        <pt x="279" y="1520" on="0"/>
+        <pt x="279" y="1430" on="0"/>
+        <pt x="221" y="1370" on="0"/>
+        <pt x="131" y="1370" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="k" xMin="174" yMin="0" xMax="1167" yMax="1679">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="346" y="1679" on="1"/>
+        <pt x="346" y="729" on="1"/>
+        <pt x="729" y="997" on="0"/>
+        <pt x="795" y="1126" on="1"/>
+        <pt x="969" y="1126" on="1"/>
+        <pt x="934" y="993" on="0"/>
+        <pt x="502" y="668" on="1"/>
+        <pt x="568" y="641" on="0"/>
+        <pt x="616" y="588" on="1"/>
+        <pt x="954" y="207" on="1"/>
+        <pt x="1144" y="0" on="0"/>
+        <pt x="1167" y="0" on="1"/>
+        <pt x="936" y="0" on="1"/>
+        <pt x="911" y="8" on="0"/>
+        <pt x="756" y="174" on="0"/>
+        <pt x="526" y="442" on="0"/>
+        <pt x="494" y="477" on="1"/>
+        <pt x="433" y="540" on="0"/>
+        <pt x="395" y="551" on="1"/>
+        <pt x="375" y="557" on="0"/>
+        <pt x="346" y="549" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="l" xMin="174" yMin="-25" xMax="502" yMax="1679">
+      <contour>
+        <pt x="174" y="299" on="1"/>
+        <pt x="174" y="1679" on="1"/>
+        <pt x="344" y="1679" on="1"/>
+        <pt x="344" y="299" on="1"/>
+        <pt x="344" y="188" on="0"/>
+        <pt x="367" y="166" on="1"/>
+        <pt x="412" y="121" on="0"/>
+        <pt x="502" y="121" on="1"/>
+        <pt x="496" y="-25" on="1"/>
+        <pt x="316" y="-25" on="0"/>
+        <pt x="246" y="45" on="1"/>
+        <pt x="174" y="117" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="less" xMin="154" yMin="-14" xMax="1290" yMax="1161">
+      <contour>
+        <pt x="154" y="500" on="1"/>
+        <pt x="154" y="647" on="1"/>
+        <pt x="1290" y="1161" on="1"/>
+        <pt x="1290" y="1014" on="1"/>
+        <pt x="315" y="573" on="1"/>
+        <pt x="1290" y="133" on="1"/>
+        <pt x="1290" y="-14" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="m" xMin="174" yMin="0" xMax="1718" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="903" on="1"/>
+        <pt x="571" y="1151" on="0"/>
+        <pt x="772" y="1151" on="1"/>
+        <pt x="993" y="1151" on="0"/>
+        <pt x="1026" y="897" on="1"/>
+        <pt x="1253" y="1151" on="0"/>
+        <pt x="1458" y="1151" on="1"/>
+        <pt x="1718" y="1151" on="0"/>
+        <pt x="1718" y="801" on="1"/>
+        <pt x="1718" y="0" on="1"/>
+        <pt x="1546" y="0" on="1"/>
+        <pt x="1546" y="801" on="1"/>
+        <pt x="1546" y="979" on="0"/>
+        <pt x="1458" y="979" on="1"/>
+        <pt x="1384" y="979" on="0"/>
+        <pt x="1251" y="930" on="0"/>
+        <pt x="1137" y="831" on="0"/>
+        <pt x="1077" y="770" on="0"/>
+        <pt x="1032" y="715" on="1"/>
+        <pt x="1032" y="0" on="1"/>
+        <pt x="860" y="0" on="1"/>
+        <pt x="860" y="801" on="1"/>
+        <pt x="860" y="979" on="0"/>
+        <pt x="772" y="979" on="1"/>
+        <pt x="698" y="979" on="0"/>
+        <pt x="565" y="930" on="0"/>
+        <pt x="451" y="831" on="0"/>
+        <pt x="391" y="770" on="0"/>
+        <pt x="346" y="715" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="minus" xMin="102" yMin="496" xMax="1229" yMax="633">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="n" xMin="174" yMin="0" xMax="1098" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="889" on="1"/>
+        <pt x="616" y="1151" on="0"/>
+        <pt x="838" y="1151" on="1"/>
+        <pt x="1098" y="1151" on="0"/>
+        <pt x="1098" y="801" on="1"/>
+        <pt x="1098" y="0" on="1"/>
+        <pt x="926" y="0" on="1"/>
+        <pt x="926" y="801" on="1"/>
+        <pt x="926" y="979" on="0"/>
+        <pt x="838" y="979" on="1"/>
+        <pt x="611" y="979" on="0"/>
+        <pt x="346" y="711" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nine" xMin="123" yMin="-440" xMax="1139" yMax="1182">
+      <contour>
+        <pt x="123" y="662" on="1"/>
+        <pt x="123" y="742" on="0"/>
+        <pt x="174" y="909" on="0"/>
+        <pt x="279" y="1075" on="0"/>
+        <pt x="477" y="1182" on="0"/>
+        <pt x="608" y="1182" on="1"/>
+        <pt x="862" y="1182" on="0"/>
+        <pt x="1139" y="799" on="0"/>
+        <pt x="1139" y="440" on="1"/>
+        <pt x="1139" y="331" on="0"/>
+        <pt x="1098" y="100" on="0"/>
+        <pt x="1001" y="-137" on="0"/>
+        <pt x="866" y="-324" on="0"/>
+        <pt x="659" y="-440" on="0"/>
+        <pt x="537" y="-440" on="1"/>
+        <pt x="420" y="-440" on="0"/>
+        <pt x="219" y="-365" on="0"/>
+        <pt x="164" y="-326" on="1"/>
+        <pt x="276" y="-217" on="1"/>
+        <pt x="395" y="-283" on="0"/>
+        <pt x="535" y="-283" on="1"/>
+        <pt x="650" y="-283" on="0"/>
+        <pt x="825" y="-133" on="0"/>
+        <pt x="922" y="106" on="0"/>
+        <pt x="969" y="346" on="0"/>
+        <pt x="973" y="463" on="1"/>
+        <pt x="793" y="197" on="0"/>
+        <pt x="559" y="197" on="1"/>
+        <pt x="366" y="197" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="662" on="1"/>
+        <pt x="295" y="498" on="0"/>
+        <pt x="442" y="348" on="0"/>
+        <pt x="559" y="348" on="1"/>
+        <pt x="786" y="348" on="0"/>
+        <pt x="950" y="684" on="1"/>
+        <pt x="915" y="854" on="0"/>
+        <pt x="739" y="1030" on="0"/>
+        <pt x="608" y="1030" on="1"/>
+        <pt x="497" y="1030" on="0"/>
+        <pt x="348" y="897" on="0"/>
+        <pt x="295" y="740" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nonmarkingreturn"/><!-- contains no outline data -->
+
+    <TTGlyph name="numbersign" xMin="82" yMin="0" xMax="1608" yMax="1577">
+      <contour>
+        <pt x="82" y="489" on="1"/>
+        <pt x="117" y="637" on="1"/>
+        <pt x="455" y="637" on="1"/>
+        <pt x="543" y="999" on="1"/>
+        <pt x="195" y="999" on="1"/>
+        <pt x="229" y="1147" on="1"/>
+        <pt x="580" y="1147" on="1"/>
+        <pt x="686" y="1577" on="1"/>
+        <pt x="838" y="1577" on="1"/>
+        <pt x="731" y="1147" on="1"/>
+        <pt x="1092" y="1147" on="1"/>
+        <pt x="1198" y="1577" on="1"/>
+        <pt x="1350" y="1577" on="1"/>
+        <pt x="1243" y="1147" on="1"/>
+        <pt x="1608" y="1147" on="1"/>
+        <pt x="1573" y="999" on="1"/>
+        <pt x="1206" y="999" on="1"/>
+        <pt x="1118" y="637" on="1"/>
+        <pt x="1495" y="637" on="1"/>
+        <pt x="1460" y="489" on="1"/>
+        <pt x="1081" y="489" on="1"/>
+        <pt x="963" y="0" on="1"/>
+        <pt x="811" y="0" on="1"/>
+        <pt x="930" y="489" on="1"/>
+        <pt x="569" y="489" on="1"/>
+        <pt x="451" y="0" on="1"/>
+        <pt x="299" y="0" on="1"/>
+        <pt x="418" y="489" on="1"/>
+      </contour>
+      <contour>
+        <pt x="606" y="637" on="1"/>
+        <pt x="967" y="637" on="1"/>
+        <pt x="1055" y="999" on="1"/>
+        <pt x="694" y="999" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="o" xMin="123" yMin="-25" xMax="1102" yMax="1151">
+      <contour>
+        <pt x="123" y="397" on="0"/>
+        <pt x="123" y="729" on="0"/>
+        <pt x="205" y="967" on="0"/>
+        <pt x="348" y="1094" on="0"/>
+        <pt x="514" y="1151" on="0"/>
+        <pt x="711" y="1151" on="0"/>
+        <pt x="877" y="1094" on="0"/>
+        <pt x="1020" y="967" on="0"/>
+        <pt x="1102" y="729" on="0"/>
+        <pt x="1102" y="397" on="0"/>
+        <pt x="1020" y="160" on="0"/>
+        <pt x="877" y="33" on="0"/>
+        <pt x="711" y="-25" on="0"/>
+        <pt x="514" y="-25" on="0"/>
+        <pt x="348" y="33" on="0"/>
+        <pt x="205" y="160" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="801" on="0"/>
+        <pt x="295" y="326" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="748" y="119" on="0"/>
+        <pt x="930" y="326" on="0"/>
+        <pt x="930" y="801" on="0"/>
+        <pt x="748" y="1008" on="0"/>
+        <pt x="477" y="1008" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="one" xMin="102" yMin="0" xMax="561" yMax="1157">
+      <contour>
+        <pt x="102" y="936" on="1"/>
+        <pt x="395" y="1157" on="1"/>
+        <pt x="561" y="1157" on="1"/>
+        <pt x="561" y="0" on="1"/>
+        <pt x="395" y="0" on="1"/>
+        <pt x="395" y="983" on="1"/>
+        <pt x="213" y="829" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="p" xMin="174" yMin="-532" xMax="1169" yMax="1151">
+      <contour>
+        <pt x="174" y="-532" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="535" y="1151" on="0"/>
+        <pt x="760" y="1151" on="1"/>
+        <pt x="762" y="1151" on="0"/>
+        <pt x="764" y="1151" on="1"/>
+        <pt x="944" y="1149" on="0"/>
+        <pt x="1169" y="813" on="0"/>
+        <pt x="1169" y="582" on="1"/>
+        <pt x="1169" y="295" on="0"/>
+        <pt x="918" y="-25" on="0"/>
+        <pt x="696" y="-25" on="1"/>
+        <pt x="540" y="-25" on="0"/>
+        <pt x="346" y="131" on="1"/>
+        <pt x="346" y="-532" on="1"/>
+      </contour>
+      <contour>
+        <pt x="346" y="319" on="1"/>
+        <pt x="422" y="243" on="0"/>
+        <pt x="618" y="143" on="0"/>
+        <pt x="696" y="143" on="1"/>
+        <pt x="833" y="143" on="0"/>
+        <pt x="997" y="377" on="0"/>
+        <pt x="997" y="582" on="1"/>
+        <pt x="997" y="744" on="0"/>
+        <pt x="868" y="981" on="0"/>
+        <pt x="764" y="983" on="1"/>
+        <pt x="762" y="983" on="0"/>
+        <pt x="760" y="983" on="1"/>
+        <pt x="517" y="983" on="0"/>
+        <pt x="346" y="717" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenleft" xMin="123" yMin="-535" xMax="631" yMax="1577">
+      <contour>
+        <pt x="123" y="520" on="1"/>
+        <pt x="123" y="618" on="0"/>
+        <pt x="150" y="862" on="0"/>
+        <pt x="221" y="1157" on="0"/>
+        <pt x="328" y="1397" on="0"/>
+        <pt x="508" y="1567" on="0"/>
+        <pt x="618" y="1577" on="1"/>
+        <pt x="631" y="1434" on="1"/>
+        <pt x="535" y="1399" on="0"/>
+        <pt x="393" y="1180" on="0"/>
+        <pt x="326" y="889" on="0"/>
+        <pt x="295" y="633" on="0"/>
+        <pt x="295" y="520" on="1"/>
+        <pt x="295" y="409" on="0"/>
+        <pt x="326" y="154" on="0"/>
+        <pt x="393" y="-137" on="0"/>
+        <pt x="535" y="-358" on="0"/>
+        <pt x="631" y="-391" on="1"/>
+        <pt x="618" y="-535" on="1"/>
+        <pt x="505" y="-523" on="0"/>
+        <pt x="326" y="-350" on="0"/>
+        <pt x="221" y="-113" on="0"/>
+        <pt x="150" y="178" on="0"/>
+        <pt x="123" y="420" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="parenright" xMin="61" yMin="-535" xMax="569" yMax="1577">
+      <contour>
+        <pt x="61" y="-391" on="1"/>
+        <pt x="157" y="-358" on="0"/>
+        <pt x="299" y="-137" on="0"/>
+        <pt x="367" y="154" on="0"/>
+        <pt x="397" y="410" on="0"/>
+        <pt x="397" y="520" on="1"/>
+        <pt x="397" y="633" on="0"/>
+        <pt x="367" y="889" on="0"/>
+        <pt x="299" y="1180" on="0"/>
+        <pt x="158" y="1399" on="0"/>
+        <pt x="61" y="1434" on="1"/>
+        <pt x="74" y="1577" on="1"/>
+        <pt x="185" y="1567" on="0"/>
+        <pt x="365" y="1397" on="0"/>
+        <pt x="471" y="1157" on="0"/>
+        <pt x="543" y="862" on="0"/>
+        <pt x="569" y="618" on="0"/>
+        <pt x="569" y="520" on="1"/>
+        <pt x="569" y="420" on="0"/>
+        <pt x="543" y="178" on="0"/>
+        <pt x="471" y="-113" on="0"/>
+        <pt x="367" y="-350" on="0"/>
+        <pt x="186" y="-522" on="0"/>
+        <pt x="74" y="-535" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="percent" xMin="123" yMin="-96" xMax="1944" yMax="1667">
+      <contour>
+        <pt x="123" y="1049" on="0"/>
+        <pt x="123" y="1286" on="0"/>
+        <pt x="193" y="1460" on="0"/>
+        <pt x="309" y="1552" on="0"/>
+        <pt x="438" y="1595" on="0"/>
+        <pt x="510" y="1595" on="1"/>
+        <pt x="584" y="1595" on="0"/>
+        <pt x="713" y="1554" on="0"/>
+        <pt x="831" y="1460" on="0"/>
+        <pt x="899" y="1284" on="0"/>
+        <pt x="899" y="1163" on="1"/>
+        <pt x="897" y="936" on="0"/>
+        <pt x="670" y="737" on="0"/>
+        <pt x="512" y="737" on="1"/>
+        <pt x="440" y="737" on="0"/>
+        <pt x="311" y="780" on="0"/>
+        <pt x="193" y="872" on="0"/>
+      </contour>
+      <contour>
+        <pt x="276" y="1167" on="1"/>
+        <pt x="276" y="999" on="0"/>
+        <pt x="416" y="852" on="0"/>
+        <pt x="608" y="852" on="0"/>
+        <pt x="743" y="997" on="0"/>
+        <pt x="745" y="1163" on="1"/>
+        <pt x="745" y="1333" on="0"/>
+        <pt x="608" y="1481" on="0"/>
+        <pt x="510" y="1481" on="1"/>
+        <pt x="414" y="1479" on="0"/>
+        <pt x="276" y="1333" on="0"/>
+      </contour>
+      <contour>
+        <pt x="350" y="-96" on="1"/>
+        <pt x="1538" y="1667" on="1"/>
+        <pt x="1714" y="1667" on="1"/>
+        <pt x="526" y="-96" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1167" y="416" on="1"/>
+        <pt x="1169" y="643" on="0"/>
+        <pt x="1395" y="844" on="0"/>
+        <pt x="1554" y="846" on="1"/>
+        <pt x="1628" y="846" on="0"/>
+        <pt x="1757" y="803" on="0"/>
+        <pt x="1876" y="711" on="0"/>
+        <pt x="1944" y="532" on="0"/>
+        <pt x="1944" y="412" on="1"/>
+        <pt x="1942" y="185" on="0"/>
+        <pt x="1714" y="-14" on="0"/>
+        <pt x="1556" y="-14" on="1"/>
+        <pt x="1484" y="-14" on="0"/>
+        <pt x="1356" y="29" on="0"/>
+        <pt x="1237" y="121" on="0"/>
+        <pt x="1167" y="297" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1323" y="412" on="1"/>
+        <pt x="1323" y="246" on="0"/>
+        <pt x="1460" y="100" on="0"/>
+        <pt x="1653" y="100" on="0"/>
+        <pt x="1788" y="246" on="0"/>
+        <pt x="1790" y="412" on="1"/>
+        <pt x="1790" y="580" on="0"/>
+        <pt x="1655" y="729" on="0"/>
+        <pt x="1559" y="731" on="1"/>
+        <pt x="1463" y="731" on="0"/>
+        <pt x="1323" y="582" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="period" xMin="92" yMin="-14" xMax="319" yMax="213">
+      <contour>
+        <pt x="92" y="51" on="0"/>
+        <pt x="92" y="150" on="0"/>
+        <pt x="158" y="213" on="0"/>
+        <pt x="256" y="213" on="0"/>
+        <pt x="319" y="150" on="0"/>
+        <pt x="319" y="51" on="0"/>
+        <pt x="256" y="-14" on="0"/>
+        <pt x="158" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="plus" xMin="102" yMin="0" xMax="1229" yMax="1126">
+      <contour>
+        <pt x="102" y="496" on="1"/>
+        <pt x="102" y="633" on="1"/>
+        <pt x="586" y="633" on="1"/>
+        <pt x="586" y="1126" on="1"/>
+        <pt x="723" y="1126" on="1"/>
+        <pt x="723" y="633" on="1"/>
+        <pt x="1229" y="633" on="1"/>
+        <pt x="1229" y="496" on="1"/>
+        <pt x="723" y="496" on="1"/>
+        <pt x="723" y="0" on="1"/>
+        <pt x="586" y="0" on="1"/>
+        <pt x="586" y="496" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="q" xMin="123" yMin="-532" xMax="1118" yMax="1151">
+      <contour>
+        <pt x="123" y="545" on="1"/>
+        <pt x="123" y="832" on="0"/>
+        <pt x="375" y="1151" on="0"/>
+        <pt x="596" y="1151" on="1"/>
+        <pt x="752" y="1151" on="0"/>
+        <pt x="946" y="995" on="1"/>
+        <pt x="946" y="1126" on="1"/>
+        <pt x="1118" y="1126" on="1"/>
+        <pt x="1118" y="-532" on="1"/>
+        <pt x="946" y="-532" on="1"/>
+        <pt x="946" y="215" on="1"/>
+        <pt x="753" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="530" y="-25" on="0"/>
+        <pt x="528" y="-25" on="1"/>
+        <pt x="348" y="-23" on="0"/>
+        <pt x="123" y="314" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="545" on="1"/>
+        <pt x="295" y="383" on="0"/>
+        <pt x="424" y="145" on="0"/>
+        <pt x="528" y="143" on="1"/>
+        <pt x="532" y="143" on="0"/>
+        <pt x="536" y="143" on="1"/>
+        <pt x="779" y="143" on="0"/>
+        <pt x="946" y="410" on="1"/>
+        <pt x="946" y="807" on="1"/>
+        <pt x="866" y="883" on="0"/>
+        <pt x="674" y="983" on="0"/>
+        <pt x="596" y="983" on="1"/>
+        <pt x="459" y="983" on="0"/>
+        <pt x="295" y="750" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="question" xMin="84" yMin="-14" xMax="958" yMax="1679">
+      <contour>
+        <pt x="84" y="1393" on="1"/>
+        <pt x="90" y="1405" on="0"/>
+        <pt x="117" y="1444" on="0"/>
+        <pt x="203" y="1542" on="0"/>
+        <pt x="299" y="1618" on="0"/>
+        <pt x="453" y="1679" on="0"/>
+        <pt x="532" y="1679" on="1"/>
+        <pt x="636" y="1679" on="0"/>
+        <pt x="797" y="1628" on="0"/>
+        <pt x="887" y="1550" on="0"/>
+        <pt x="942" y="1446" on="0"/>
+        <pt x="958" y="1358" on="0"/>
+        <pt x="958" y="1311" on="1"/>
+        <pt x="958" y="1233" on="0"/>
+        <pt x="909" y="1094" on="0"/>
+        <pt x="795" y="954" on="0"/>
+        <pt x="759" y="920" on="1"/>
+        <pt x="645" y="813" on="1"/>
+        <pt x="481" y="663" on="0"/>
+        <pt x="481" y="600" on="1"/>
+        <pt x="481" y="512" on="0"/>
+        <pt x="575" y="428" on="1"/>
+        <pt x="471" y="338" on="1"/>
+        <pt x="418" y="385" on="0"/>
+        <pt x="367" y="444" on="0"/>
+        <pt x="324" y="543" on="0"/>
+        <pt x="324" y="602" on="1"/>
+        <pt x="324" y="692" on="0"/>
+        <pt x="428" y="840" on="0"/>
+        <pt x="537" y="936" on="1"/>
+        <pt x="611" y="1004" on="0"/>
+        <pt x="700" y="1100" on="0"/>
+        <pt x="784" y="1243" on="0"/>
+        <pt x="786" y="1311" on="1"/>
+        <pt x="786" y="1536" on="0"/>
+        <pt x="532" y="1536" on="1"/>
+        <pt x="473" y="1536" on="0"/>
+        <pt x="360" y="1485" on="0"/>
+        <pt x="283" y="1413" on="0"/>
+        <pt x="221" y="1341" on="0"/>
+        <pt x="207" y="1315" on="1"/>
+        <pt x="193" y="1290" on="1"/>
+      </contour>
+      <contour>
+        <pt x="399" y="51" on="0"/>
+        <pt x="399" y="150" on="0"/>
+        <pt x="465" y="213" on="0"/>
+        <pt x="563" y="213" on="0"/>
+        <pt x="627" y="150" on="0"/>
+        <pt x="627" y="51" on="0"/>
+        <pt x="563" y="-14" on="0"/>
+        <pt x="465" y="-14" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedbl" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblleft" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1245" on="1"/>
+        <pt x="94" y="1392" on="0"/>
+        <pt x="244" y="1577" on="1"/>
+        <pt x="330" y="1548" on="1"/>
+        <pt x="228" y="1421" on="0"/>
+        <pt x="207" y="1305" on="1"/>
+        <pt x="262" y="1305" on="0"/>
+        <pt x="332" y="1239" on="0"/>
+        <pt x="332" y="1141" on="0"/>
+        <pt x="266" y="1077" on="0"/>
+        <pt x="217" y="1077" on="1"/>
+        <pt x="156" y="1077" on="0"/>
+        <pt x="92" y="1177" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1245" on="1"/>
+        <pt x="444" y="1392" on="0"/>
+        <pt x="594" y="1577" on="1"/>
+        <pt x="680" y="1548" on="1"/>
+        <pt x="578" y="1421" on="0"/>
+        <pt x="557" y="1305" on="1"/>
+        <pt x="612" y="1305" on="0"/>
+        <pt x="682" y="1239" on="0"/>
+        <pt x="682" y="1141" on="0"/>
+        <pt x="616" y="1077" on="0"/>
+        <pt x="567" y="1077" on="1"/>
+        <pt x="506" y="1077" on="0"/>
+        <pt x="442" y="1177" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotedblright" xMin="92" yMin="1077" xMax="682" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <contour>
+        <pt x="442" y="1415" on="0"/>
+        <pt x="442" y="1513" on="0"/>
+        <pt x="508" y="1577" on="0"/>
+        <pt x="557" y="1577" on="1"/>
+        <pt x="616" y="1577" on="0"/>
+        <pt x="682" y="1477" on="0"/>
+        <pt x="682" y="1409" on="1"/>
+        <pt x="680" y="1262" on="0"/>
+        <pt x="530" y="1077" on="1"/>
+        <pt x="444" y="1106" on="1"/>
+        <pt x="546" y="1233" on="0"/>
+        <pt x="565" y="1350" on="1"/>
+        <pt x="510" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="quotesingle" xMin="92" yMin="1077" xMax="332" yMax="1577">
+      <contour>
+        <pt x="92" y="1415" on="0"/>
+        <pt x="92" y="1513" on="0"/>
+        <pt x="158" y="1577" on="0"/>
+        <pt x="207" y="1577" on="1"/>
+        <pt x="268" y="1577" on="0"/>
+        <pt x="332" y="1477" on="0"/>
+        <pt x="332" y="1409" on="1"/>
+        <pt x="330" y="1262" on="0"/>
+        <pt x="180" y="1077" on="1"/>
+        <pt x="94" y="1106" on="1"/>
+        <pt x="196" y="1233" on="0"/>
+        <pt x="215" y="1350" on="1"/>
+        <pt x="160" y="1350" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="r" xMin="174" yMin="0" xMax="903" yMax="1151">
+      <contour>
+        <pt x="174" y="0" on="1"/>
+        <pt x="174" y="1126" on="1"/>
+        <pt x="346" y="1126" on="1"/>
+        <pt x="346" y="909" on="1"/>
+        <pt x="487" y="1151" on="0"/>
+        <pt x="631" y="1151" on="1"/>
+        <pt x="709" y="1151" on="0"/>
+        <pt x="846" y="1094" on="0"/>
+        <pt x="874" y="1065" on="1"/>
+        <pt x="903" y="1038" on="1"/>
+        <pt x="784" y="924" on="1"/>
+        <pt x="735" y="987" on="0"/>
+        <pt x="639" y="987" on="1"/>
+        <pt x="481" y="987" on="0"/>
+        <pt x="346" y="705" on="1"/>
+        <pt x="346" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="s" xMin="92" yMin="-25" xMax="924" yMax="1151">
+      <contour>
+        <pt x="92" y="205" on="1"/>
+        <pt x="211" y="301" on="1"/>
+        <pt x="256" y="219" on="0"/>
+        <pt x="436" y="121" on="0"/>
+        <pt x="537" y="119" on="1"/>
+        <pt x="629" y="119" on="0"/>
+        <pt x="760" y="217" on="0"/>
+        <pt x="760" y="309" on="1"/>
+        <pt x="760" y="364" on="0"/>
+        <pt x="674" y="446" on="0"/>
+        <pt x="586" y="481" on="0"/>
+        <pt x="426" y="530" on="0"/>
+        <pt x="328" y="569" on="0"/>
+        <pt x="213" y="643" on="0"/>
+        <pt x="158" y="754" on="0"/>
+        <pt x="158" y="829" on="1"/>
+        <pt x="158" y="907" on="0"/>
+        <pt x="211" y="1028" on="0"/>
+        <pt x="289" y="1096" on="0"/>
+        <pt x="391" y="1139" on="0"/>
+        <pt x="471" y="1151" on="0"/>
+        <pt x="510" y="1151" on="1"/>
+        <pt x="733" y="1151" on="0"/>
+        <pt x="864" y="1020" on="1"/>
+        <pt x="754" y="913" on="1"/>
+        <pt x="666" y="1007" on="0"/>
+        <pt x="510" y="1008" on="1"/>
+        <pt x="471" y="1008" on="0"/>
+        <pt x="395" y="985" on="0"/>
+        <pt x="322" y="899" on="0"/>
+        <pt x="322" y="829" on="1"/>
+        <pt x="322" y="794" on="0"/>
+        <pt x="356" y="743" on="0"/>
+        <pt x="436" y="702" on="0"/>
+        <pt x="496" y="680" on="0"/>
+        <pt x="555" y="662" on="1"/>
+        <pt x="629" y="639" on="0"/>
+        <pt x="702" y="614" on="0"/>
+        <pt x="819" y="553" on="0"/>
+        <pt x="877" y="489" on="0"/>
+        <pt x="924" y="379" on="0"/>
+        <pt x="924" y="309" on="1"/>
+        <pt x="924" y="147" on="0"/>
+        <pt x="694" y="-25" on="0"/>
+        <pt x="532" y="-25" on="1"/>
+        <pt x="401" y="-25" on="0"/>
+        <pt x="162" y="94" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="semicolon" xMin="143" yMin="-287" xMax="383" yMax="963">
+      <contour>
+        <pt x="143" y="51" on="0"/>
+        <pt x="143" y="150" on="0"/>
+        <pt x="209" y="213" on="0"/>
+        <pt x="258" y="213" on="1"/>
+        <pt x="319" y="213" on="0"/>
+        <pt x="383" y="113" on="0"/>
+        <pt x="383" y="45" on="1"/>
+        <pt x="381" y="-102" on="0"/>
+        <pt x="231" y="-287" on="1"/>
+        <pt x="145" y="-258" on="1"/>
+        <pt x="247" y="-131" on="0"/>
+        <pt x="266" y="-14" on="1"/>
+        <pt x="211" y="-14" on="0"/>
+      </contour>
+      <contour>
+        <pt x="143" y="801" on="0"/>
+        <pt x="143" y="899" on="0"/>
+        <pt x="209" y="963" on="0"/>
+        <pt x="307" y="963" on="0"/>
+        <pt x="371" y="899" on="0"/>
+        <pt x="371" y="801" on="0"/>
+        <pt x="307" y="735" on="0"/>
+        <pt x="209" y="735" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="seven" xMin="10" yMin="-440" xMax="997" yMax="1157">
+      <contour>
+        <pt x="10" y="-328" on="1"/>
+        <pt x="96" y="-275" on="0"/>
+        <pt x="602" y="614" on="0"/>
+        <pt x="786" y="993" on="1"/>
+        <pt x="90" y="993" on="1"/>
+        <pt x="90" y="1157" on="1"/>
+        <pt x="997" y="1157" on="1"/>
+        <pt x="997" y="1036" on="1"/>
+        <pt x="802" y="626" on="0"/>
+        <pt x="236" y="-391" on="0"/>
+        <pt x="125" y="-440" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="six" xMin="131" yMin="-14" xMax="1147" yMax="1608">
+      <contour>
+        <pt x="131" y="727" on="1"/>
+        <pt x="131" y="1087" on="0"/>
+        <pt x="471" y="1608" on="0"/>
+        <pt x="725" y="1608" on="1"/>
+        <pt x="913" y="1608" on="0"/>
+        <pt x="1081" y="1473" on="1"/>
+        <pt x="971" y="1366" on="1"/>
+        <pt x="871" y="1450" on="0"/>
+        <pt x="731" y="1450" on="1"/>
+        <pt x="616" y="1450" on="0"/>
+        <pt x="442" y="1298" on="0"/>
+        <pt x="348" y="1059" on="0"/>
+        <pt x="299" y="817" on="0"/>
+        <pt x="297" y="702" on="1"/>
+        <pt x="473" y="970" on="0"/>
+        <pt x="711" y="971" on="1"/>
+        <pt x="904" y="971" on="0"/>
+        <pt x="1147" y="748" on="0"/>
+        <pt x="1147" y="506" on="1"/>
+        <pt x="1147" y="426" on="0"/>
+        <pt x="1096" y="258" on="0"/>
+        <pt x="991" y="92" on="0"/>
+        <pt x="793" y="-14" on="0"/>
+        <pt x="662" y="-14" on="1"/>
+        <pt x="408" y="-14" on="0"/>
+        <pt x="131" y="369" on="0"/>
+      </contour>
+      <contour>
+        <pt x="319" y="481" on="1"/>
+        <pt x="354" y="313" on="0"/>
+        <pt x="530" y="137" on="0"/>
+        <pt x="662" y="137" on="1"/>
+        <pt x="773" y="137" on="0"/>
+        <pt x="922" y="270" on="0"/>
+        <pt x="975" y="428" on="0"/>
+        <pt x="975" y="506" on="1"/>
+        <pt x="975" y="670" on="0"/>
+        <pt x="827" y="819" on="0"/>
+        <pt x="711" y="819" on="1"/>
+        <pt x="481" y="819" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="slash" xMin="41" yMin="-532" xMax="844" yMax="1577">
+      <contour>
+        <pt x="41" y="-532" on="1"/>
+        <pt x="674" y="1577" on="1"/>
+        <pt x="844" y="1577" on="1"/>
+        <pt x="211" y="-532" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="space"/><!-- contains no outline data -->
+
+    <TTGlyph name="t" xMin="92" yMin="-25" xMax="788" yMax="1434">
+      <contour>
+        <pt x="92" y="983" on="1"/>
+        <pt x="92" y="1126" on="1"/>
+        <pt x="236" y="1126" on="1"/>
+        <pt x="236" y="1434" on="1"/>
+        <pt x="408" y="1434" on="1"/>
+        <pt x="408" y="1126" on="1"/>
+        <pt x="678" y="1126" on="1"/>
+        <pt x="678" y="983" on="1"/>
+        <pt x="408" y="983" on="1"/>
+        <pt x="408" y="328" on="1"/>
+        <pt x="408" y="287" on="0"/>
+        <pt x="412" y="236" on="0"/>
+        <pt x="430" y="158" on="0"/>
+        <pt x="477" y="119" on="0"/>
+        <pt x="514" y="119" on="1"/>
+        <pt x="610" y="119" on="0"/>
+        <pt x="692" y="197" on="1"/>
+        <pt x="788" y="104" on="1"/>
+        <pt x="653" y="-25" on="0"/>
+        <pt x="469" y="-25" on="1"/>
+        <pt x="236" y="-25" on="0"/>
+        <pt x="236" y="328" on="1"/>
+        <pt x="236" y="983" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="three" xMin="82" yMin="-440" xMax="1022" yMax="1182">
+      <contour>
+        <pt x="82" y="-313" on="1"/>
+        <pt x="190" y="-207" on="1"/>
+        <pt x="200" y="-215" on="0"/>
+        <pt x="236" y="-240" on="0"/>
+        <pt x="360" y="-276" on="0"/>
+        <pt x="428" y="-274" on="1"/>
+        <pt x="520" y="-274" on="0"/>
+        <pt x="705" y="-188" on="0"/>
+        <pt x="848" y="20" on="0"/>
+        <pt x="848" y="166" on="1"/>
+        <pt x="848" y="264" on="0"/>
+        <pt x="700" y="414" on="0"/>
+        <pt x="600" y="414" on="1"/>
+        <pt x="559" y="414" on="0"/>
+        <pt x="469" y="401" on="0"/>
+        <pt x="399" y="387" on="0"/>
+        <pt x="344" y="371" on="0"/>
+        <pt x="328" y="365" on="1"/>
+        <pt x="311" y="360" on="1"/>
+        <pt x="311" y="504" on="1"/>
+        <pt x="477" y="572" on="0"/>
+        <pt x="670" y="733" on="0"/>
+        <pt x="670" y="850" on="1"/>
+        <pt x="670" y="924" on="0"/>
+        <pt x="565" y="1016" on="0"/>
+        <pt x="492" y="1016" on="1"/>
+        <pt x="439" y="1016" on="0"/>
+        <pt x="346" y="987" on="0"/>
+        <pt x="287" y="944" on="0"/>
+        <pt x="244" y="901" on="0"/>
+        <pt x="233" y="887" on="1"/>
+        <pt x="225" y="872" on="1"/>
+        <pt x="129" y="967" on="1"/>
+        <pt x="133" y="975" on="0"/>
+        <pt x="152" y="1004" on="0"/>
+        <pt x="215" y="1079" on="0"/>
+        <pt x="291" y="1135" on="0"/>
+        <pt x="420" y="1182" on="0"/>
+        <pt x="489" y="1182" on="1"/>
+        <pt x="634" y="1182" on="0"/>
+        <pt x="838" y="995" on="0"/>
+        <pt x="838" y="850" on="1"/>
+        <pt x="838" y="692" on="0"/>
+        <pt x="655" y="557" on="1"/>
+        <pt x="807" y="539" on="0"/>
+        <pt x="1018" y="322" on="0"/>
+        <pt x="1022" y="166" on="1"/>
+        <pt x="1022" y="19" on="0"/>
+        <pt x="907" y="-223" on="0"/>
+        <pt x="725" y="-365" on="0"/>
+        <pt x="524" y="-440" on="0"/>
+        <pt x="428" y="-440" on="1"/>
+        <pt x="340" y="-440" on="0"/>
+        <pt x="166" y="-377" on="0"/>
+        <pt x="123" y="-344" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="two" xMin="102" yMin="0" xMax="1014" yMax="1182">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="131" on="1"/>
+        <pt x="173" y="180" on="1"/>
+        <pt x="217" y="211" on="0"/>
+        <pt x="440" y="389" on="0"/>
+        <pt x="610" y="549" on="0"/>
+        <pt x="752" y="741" on="0"/>
+        <pt x="752" y="807" on="1"/>
+        <pt x="752" y="916" on="0"/>
+        <pt x="639" y="1020" on="0"/>
+        <pt x="543" y="1018" on="1"/>
+        <pt x="490" y="1018" on="0"/>
+        <pt x="387" y="979" on="0"/>
+        <pt x="319" y="926" on="0"/>
+        <pt x="268" y="870" on="0"/>
+        <pt x="256" y="852" on="1"/>
+        <pt x="244" y="834" on="1"/>
+        <pt x="140" y="932" on="0"/>
+        <pt x="139" y="934" on="1"/>
+        <pt x="182" y="1012" on="0"/>
+        <pt x="406" y="1180" on="0"/>
+        <pt x="545" y="1182" on="1"/>
+        <pt x="725" y="1182" on="0"/>
+        <pt x="926" y="997" on="0"/>
+        <pt x="926" y="819" on="1"/>
+        <pt x="926" y="680" on="0"/>
+        <pt x="596" y="311" on="0"/>
+        <pt x="385" y="150" on="1"/>
+        <pt x="1012" y="150" on="1"/>
+        <pt x="1014" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="u" xMin="164" yMin="-25" xMax="1087" yMax="1126">
+      <contour>
+        <pt x="164" y="326" on="1"/>
+        <pt x="164" y="1126" on="1"/>
+        <pt x="336" y="1126" on="1"/>
+        <pt x="336" y="326" on="1"/>
+        <pt x="336" y="148" on="0"/>
+        <pt x="424" y="147" on="1"/>
+        <pt x="657" y="147" on="0"/>
+        <pt x="915" y="416" on="1"/>
+        <pt x="915" y="1126" on="1"/>
+        <pt x="1087" y="1126" on="1"/>
+        <pt x="1087" y="0" on="1"/>
+        <pt x="915" y="0" on="1"/>
+        <pt x="915" y="236" on="1"/>
+        <pt x="643" y="-24" on="0"/>
+        <pt x="424" y="-25" on="1"/>
+        <pt x="164" y="-24" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="underscore" xMin="113" yMin="-131" xMax="1241" yMax="0">
+      <contour>
+        <pt x="113" y="0" on="1"/>
+        <pt x="1241" y="0" on="1"/>
+        <pt x="1241" y="-131" on="1"/>
+        <pt x="113" y="-131" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni00A0"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni00AD" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2001"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2002"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2003"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2004"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2005"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2006"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2007"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2008"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2009"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni200A"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni2010" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni2011" xMin="113" yMin="492" xMax="596" yMax="635">
+      <contour>
+        <pt x="113" y="492" on="1"/>
+        <pt x="113" y="635" on="1"/>
+        <pt x="596" y="635" on="1"/>
+        <pt x="596" y="492" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="uni202F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni205F"/><!-- contains no outline data -->
+
+    <TTGlyph name="uniE000" xMin="0" yMin="0" xMax="1125" yMax="1125">
+      <contour>
+        <pt x="0" y="1125" on="1"/>
+        <pt x="1125" y="1125" on="1"/>
+        <pt x="1125" y="0" on="1"/>
+        <pt x="0" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="v" xMin="72" yMin="0" xMax="1073" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="270" y="1126" on="1"/>
+        <pt x="563" y="256" on="1"/>
+        <pt x="569" y="217" on="1"/>
+        <pt x="573" y="236" on="1"/>
+        <pt x="575" y="254" on="0"/>
+        <pt x="575" y="256" on="1"/>
+        <pt x="821" y="1069" on="0"/>
+        <pt x="887" y="1126" on="1"/>
+        <pt x="1073" y="1126" on="1"/>
+        <pt x="1038" y="1083" on="0"/>
+        <pt x="827" y="520" on="0"/>
+        <pt x="739" y="260" on="1"/>
+        <pt x="651" y="0" on="1"/>
+        <pt x="502" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="w" xMin="72" yMin="0" xMax="1561" yMax="1126">
+      <contour>
+        <pt x="72" y="1126" on="1"/>
+        <pt x="258" y="1126" on="1"/>
+        <pt x="481" y="287" on="1"/>
+        <pt x="487" y="244" on="1"/>
+        <pt x="494" y="287" on="1"/>
+        <pt x="733" y="1126" on="1"/>
+        <pt x="881" y="1126" on="1"/>
+        <pt x="1120" y="287" on="1"/>
+        <pt x="1128" y="244" on="1"/>
+        <pt x="1135" y="287" on="1"/>
+        <pt x="1352" y="1104" on="0"/>
+        <pt x="1393" y="1126" on="1"/>
+        <pt x="1561" y="1126" on="1"/>
+        <pt x="1536" y="1101" on="0"/>
+        <pt x="1358" y="539" on="0"/>
+        <pt x="1282" y="270" on="1"/>
+        <pt x="1204" y="0" on="1"/>
+        <pt x="1059" y="0" on="1"/>
+        <pt x="807" y="868" on="1"/>
+        <pt x="559" y="0" on="1"/>
+        <pt x="397" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="x" xMin="82" yMin="0" xMax="1135" yMax="1126">
+      <contour>
+        <pt x="82" y="0" on="1"/>
+        <pt x="111" y="12" on="0"/>
+        <pt x="428" y="440" on="0"/>
+        <pt x="520" y="575" on="1"/>
+        <pt x="123" y="1126" on="1"/>
+        <pt x="340" y="1126" on="1"/>
+        <pt x="618" y="719" on="1"/>
+        <pt x="884" y="1114" on="0"/>
+        <pt x="922" y="1126" on="1"/>
+        <pt x="1135" y="1126" on="1"/>
+        <pt x="1086" y="1103" on="0"/>
+        <pt x="715" y="578" on="1"/>
+        <pt x="1124" y="0" on="1"/>
+        <pt x="907" y="0" on="1"/>
+        <pt x="616" y="434" on="1"/>
+        <pt x="321" y="8" on="0"/>
+        <pt x="295" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="y" xMin="59" yMin="-563" xMax="1137" yMax="1126">
+      <contour>
+        <pt x="59" y="-414" on="1"/>
+        <pt x="196" y="-406" on="0"/>
+        <pt x="276" y="-326" on="1"/>
+        <pt x="315" y="-287" on="0"/>
+        <pt x="385" y="-168" on="0"/>
+        <pt x="440" y="-35" on="1"/>
+        <pt x="496" y="102" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="285" y="1126" on="1"/>
+        <pt x="590" y="336" on="1"/>
+        <pt x="897" y="1090" on="0"/>
+        <pt x="942" y="1126" on="1"/>
+        <pt x="1137" y="1126" on="1"/>
+        <pt x="1092" y="1083" on="0"/>
+        <pt x="922" y="705" on="0"/>
+        <pt x="602" y="-80" on="1"/>
+        <pt x="547" y="-211" on="1"/>
+        <pt x="527" y="-258" on="0"/>
+        <pt x="442" y="-391" on="0"/>
+        <pt x="393" y="-438" on="1"/>
+        <pt x="274" y="-553" on="0"/>
+        <pt x="102" y="-563" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="z" xMin="102" yMin="0" xMax="979" yMax="1126">
+      <contour>
+        <pt x="102" y="0" on="1"/>
+        <pt x="102" y="145" on="1"/>
+        <pt x="737" y="983" on="1"/>
+        <pt x="102" y="983" on="1"/>
+        <pt x="102" y="1126" on="1"/>
+        <pt x="944" y="1126" on="1"/>
+        <pt x="944" y="983" on="1"/>
+        <pt x="309" y="145" on="1"/>
+        <pt x="834" y="145" on="1"/>
+        <pt x="947" y="145" on="0"/>
+        <pt x="979" y="180" on="1"/>
+        <pt x="979" y="35" on="1"/>
+        <pt x="967" y="21" on="0"/>
+        <pt x="893" y="4" on="0"/>
+        <pt x="862" y="2" on="1"/>
+        <pt x="831" y="0" on="1"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="zero" xMin="123" yMin="-23" xMax="1130" yMax="1182">
+      <contour>
+        <pt x="123" y="414" on="0"/>
+        <pt x="123" y="745" on="0"/>
+        <pt x="211" y="989" on="0"/>
+        <pt x="360" y="1120" on="0"/>
+        <pt x="530" y="1182" on="0"/>
+        <pt x="723" y="1182" on="0"/>
+        <pt x="893" y="1120" on="0"/>
+        <pt x="1042" y="989" on="0"/>
+        <pt x="1130" y="745" on="0"/>
+        <pt x="1130" y="414" on="0"/>
+        <pt x="1042" y="170" on="0"/>
+        <pt x="893" y="39" on="0"/>
+        <pt x="723" y="-23" on="0"/>
+        <pt x="530" y="-23" on="0"/>
+        <pt x="360" y="39" on="0"/>
+        <pt x="211" y="170" on="0"/>
+      </contour>
+      <contour>
+        <pt x="295" y="817" on="0"/>
+        <pt x="295" y="342" on="0"/>
+        <pt x="487" y="129" on="0"/>
+        <pt x="766" y="129" on="0"/>
+        <pt x="958" y="342" on="0"/>
+        <pt x="958" y="817" on="0"/>
+        <pt x="766" y="1030" on="0"/>
+        <pt x="487" y="1030" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultscript" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+      </contour>
+      <contour>
+        <pt x="896" y="161" on="1"/>
+        <pt x="896" y="351" on="1"/>
+        <pt x="896" y="365" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="865" y="384" on="1"/>
+        <pt x="673" y="384" on="1"/>
+        <pt x="660" y="384" on="0"/>
+        <pt x="640" y="364" on="0"/>
+        <pt x="640" y="351" on="1"/>
+        <pt x="640" y="161" on="1"/>
+        <pt x="640" y="148" on="0"/>
+        <pt x="660" y="128" on="0"/>
+        <pt x="673" y="128" on="1"/>
+        <pt x="865" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="894" y="505" on="1"/>
+        <pt x="912" y="1126" on="1"/>
+        <pt x="912" y="1138" on="0"/>
+        <pt x="902" y="1144" on="1"/>
+        <pt x="892" y="1152" on="0"/>
+        <pt x="878" y="1152" on="1"/>
+        <pt x="658" y="1152" on="1"/>
+        <pt x="644" y="1152" on="0"/>
+        <pt x="634" y="1144" on="1"/>
+        <pt x="624" y="1138" on="0"/>
+        <pt x="624" y="1126" on="1"/>
+        <pt x="641" y="505" on="1"/>
+        <pt x="641" y="495" on="0"/>
+        <pt x="661" y="480" on="0"/>
+        <pt x="675" y="480" on="1"/>
+        <pt x="860" y="480" on="1"/>
+        <pt x="874" y="480" on="0"/>
+        <pt x="893" y="495" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="latinscript" xMin="16" yMin="-128" xMax="1776" yMax="1536">
+      <contour>
+        <pt x="1024" y="161" on="1"/>
+        <pt x="1024" y="351" on="1"/>
+        <pt x="1024" y="365" on="0"/>
+        <pt x="1005" y="384" on="0"/>
+        <pt x="992" y="384" on="1"/>
+        <pt x="800" y="384" on="1"/>
+        <pt x="787" y="384" on="0"/>
+        <pt x="768" y="365" on="0"/>
+        <pt x="768" y="351" on="1"/>
+        <pt x="768" y="161" on="1"/>
+        <pt x="768" y="147" on="0"/>
+        <pt x="787" y="128" on="0"/>
+        <pt x="800" y="128" on="1"/>
+        <pt x="992" y="128" on="1"/>
+        <pt x="1005" y="128" on="0"/>
+        <pt x="1024" y="147" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1022" y="535" on="1"/>
+        <pt x="1040" y="994" on="1"/>
+        <pt x="1040" y="1006" on="0"/>
+        <pt x="1030" y="1013" on="1"/>
+        <pt x="1017" y="1024" on="0"/>
+        <pt x="1006" y="1024" on="1"/>
+        <pt x="786" y="1024" on="1"/>
+        <pt x="775" y="1024" on="0"/>
+        <pt x="762" y="1013" on="1"/>
+        <pt x="752" y="1006" on="0"/>
+        <pt x="752" y="992" on="1"/>
+        <pt x="769" y="535" on="1"/>
+        <pt x="769" y="525" on="0"/>
+        <pt x="789" y="512" on="0"/>
+        <pt x="803" y="512" on="1"/>
+        <pt x="988" y="512" on="1"/>
+        <pt x="1002" y="512" on="0"/>
+        <pt x="1021" y="525" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1008" y="1469" on="1"/>
+        <pt x="1776" y="61" on="1"/>
+        <pt x="1811" y="-2" on="0"/>
+        <pt x="1774" y="-65" on="1"/>
+        <pt x="1757" y="-94" on="0"/>
+        <pt x="1698" y="-128" on="0"/>
+        <pt x="1664" y="-128" on="1"/>
+        <pt x="128" y="-128" on="1"/>
+        <pt x="94" y="-128" on="0"/>
+        <pt x="35" y="-94" on="0"/>
+        <pt x="18" y="-65" on="1"/>
+        <pt x="-19" y="-2" on="0"/>
+        <pt x="16" y="61" on="1"/>
+        <pt x="784" y="1469" on="1"/>
+        <pt x="801" y="1500" on="0"/>
+        <pt x="861" y="1536" on="0"/>
+        <pt x="931" y="1536" on="0"/>
+        <pt x="991" y="1500" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1097" y="457" on="1"/>
+        <pt x="951" y="311" on="1"/>
+        <pt x="941" y="301" on="0"/>
+        <pt x="915" y="301" on="0"/>
+        <pt x="905" y="311" on="1"/>
+        <pt x="768" y="448" on="1"/>
+        <pt x="631" y="311" on="1"/>
+        <pt x="621" y="301" on="0"/>
+        <pt x="595" y="301" on="0"/>
+        <pt x="585" y="311" on="1"/>
+        <pt x="439" y="457" on="1"/>
+        <pt x="429" y="467" on="0"/>
+        <pt x="429" y="493" on="0"/>
+        <pt x="439" y="503" on="1"/>
+        <pt x="576" y="640" on="1"/>
+        <pt x="439" y="777" on="1"/>
+        <pt x="429" y="787" on="0"/>
+        <pt x="429" y="813" on="0"/>
+        <pt x="439" y="823" on="1"/>
+        <pt x="585" y="969" on="1"/>
+        <pt x="595" y="979" on="0"/>
+        <pt x="621" y="979" on="0"/>
+        <pt x="631" y="969" on="1"/>
+        <pt x="768" y="832" on="1"/>
+        <pt x="905" y="969" on="1"/>
+        <pt x="915" y="979" on="0"/>
+        <pt x="941" y="979" on="0"/>
+        <pt x="951" y="969" on="1"/>
+        <pt x="1097" y="823" on="1"/>
+        <pt x="1107" y="813" on="0"/>
+        <pt x="1107" y="787" on="0"/>
+        <pt x="1097" y="777" on="1"/>
+        <pt x="960" y="640" on="1"/>
+        <pt x="1097" y="503" on="1"/>
+        <pt x="1107" y="493" on="0"/>
+        <pt x="1107" y="467" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1312" y="492" on="0"/>
+        <pt x="1312" y="788" on="0"/>
+        <pt x="1166" y="1038" on="0"/>
+        <pt x="916" y="1184" on="0"/>
+        <pt x="620" y="1184" on="0"/>
+        <pt x="370" y="1038" on="0"/>
+        <pt x="224" y="788" on="0"/>
+        <pt x="224" y="492" on="0"/>
+        <pt x="370" y="242" on="0"/>
+        <pt x="620" y="96" on="0"/>
+        <pt x="916" y="96" on="0"/>
+        <pt x="1166" y="242" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="frenchlang" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1149" y="414" on="1"/>
+        <pt x="1149" y="440" on="0"/>
+        <pt x="1130" y="459" on="1"/>
+        <pt x="949" y="640" on="1"/>
+        <pt x="1130" y="821" on="1"/>
+        <pt x="1149" y="840" on="0"/>
+        <pt x="1149" y="866" on="1"/>
+        <pt x="1149" y="893" on="0"/>
+        <pt x="1130" y="912" on="1"/>
+        <pt x="1040" y="1002" on="1"/>
+        <pt x="1021" y="1021" on="0"/>
+        <pt x="994" y="1021" on="1"/>
+        <pt x="968" y="1021" on="0"/>
+        <pt x="949" y="1002" on="1"/>
+        <pt x="768" y="821" on="1"/>
+        <pt x="587" y="1002" on="1"/>
+        <pt x="568" y="1021" on="0"/>
+        <pt x="542" y="1021" on="1"/>
+        <pt x="515" y="1021" on="0"/>
+        <pt x="496" y="1002" on="1"/>
+        <pt x="406" y="912" on="1"/>
+        <pt x="387" y="893" on="0"/>
+        <pt x="387" y="866" on="1"/>
+        <pt x="387" y="840" on="0"/>
+        <pt x="406" y="821" on="1"/>
+        <pt x="587" y="640" on="1"/>
+        <pt x="406" y="459" on="1"/>
+        <pt x="387" y="440" on="0"/>
+        <pt x="387" y="414" on="1"/>
+        <pt x="387" y="387" on="0"/>
+        <pt x="406" y="368" on="1"/>
+        <pt x="496" y="278" on="1"/>
+        <pt x="515" y="259" on="0"/>
+        <pt x="542" y="259" on="1"/>
+        <pt x="568" y="259" on="0"/>
+        <pt x="587" y="278" on="1"/>
+        <pt x="768" y="459" on="1"/>
+        <pt x="949" y="278" on="1"/>
+        <pt x="968" y="259" on="0"/>
+        <pt x="994" y="259" on="1"/>
+        <pt x="1021" y="259" on="0"/>
+        <pt x="1040" y="278" on="1"/>
+        <pt x="1130" y="368" on="1"/>
+        <pt x="1149" y="387" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="defaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="1216" y="576" on="1"/>
+        <pt x="1216" y="704" on="1"/>
+        <pt x="1216" y="730" on="0"/>
+        <pt x="1178" y="768" on="0"/>
+        <pt x="1152" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="358" y="768" on="0"/>
+        <pt x="320" y="730" on="0"/>
+        <pt x="320" y="704" on="1"/>
+        <pt x="320" y="576" on="1"/>
+        <pt x="320" y="550" on="0"/>
+        <pt x="358" y="512" on="0"/>
+        <pt x="384" y="512" on="1"/>
+        <pt x="1152" y="512" on="1"/>
+        <pt x="1178" y="512" on="0"/>
+        <pt x="1216" y="550" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="nondefaultfeature" xMin="0" yMin="-128" xMax="1536" yMax="1408">
+      <contour>
+        <pt x="896" y="160" on="1"/>
+        <pt x="896" y="352" on="1"/>
+        <pt x="896" y="366" on="0"/>
+        <pt x="878" y="384" on="0"/>
+        <pt x="864" y="384" on="1"/>
+        <pt x="672" y="384" on="1"/>
+        <pt x="658" y="384" on="0"/>
+        <pt x="640" y="366" on="0"/>
+        <pt x="640" y="352" on="1"/>
+        <pt x="640" y="160" on="1"/>
+        <pt x="640" y="146" on="0"/>
+        <pt x="658" y="128" on="0"/>
+        <pt x="672" y="128" on="1"/>
+        <pt x="864" y="128" on="1"/>
+        <pt x="878" y="128" on="0"/>
+        <pt x="896" y="146" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1152" y="832" on="1"/>
+        <pt x="1152" y="920" on="0"/>
+        <pt x="1041" y="1070" on="0"/>
+        <pt x="875" y="1152" on="0"/>
+        <pt x="788" y="1152" on="1"/>
+        <pt x="545" y="1152" on="0"/>
+        <pt x="417" y="939" on="1"/>
+        <pt x="402" y="915" on="0"/>
+        <pt x="425" y="897" on="1"/>
+        <pt x="557" y="797" on="1"/>
+        <pt x="564" y="791" on="0"/>
+        <pt x="576" y="791" on="1"/>
+        <pt x="592" y="791" on="0"/>
+        <pt x="601" y="803" on="1"/>
+        <pt x="654" y="871" on="0"/>
+        <pt x="687" y="895" on="1"/>
+        <pt x="721" y="919" on="0"/>
+        <pt x="773" y="919" on="1"/>
+        <pt x="821" y="919" on="0"/>
+        <pt x="896" y="867" on="0"/>
+        <pt x="896" y="834" on="1"/>
+        <pt x="896" y="796" on="0"/>
+        <pt x="856" y="750" on="0"/>
+        <pt x="808" y="728" on="1"/>
+        <pt x="745" y="700" on="0"/>
+        <pt x="640" y="583" on="0"/>
+        <pt x="640" y="516" on="1"/>
+        <pt x="640" y="480" on="1"/>
+        <pt x="640" y="466" on="0"/>
+        <pt x="658" y="448" on="0"/>
+        <pt x="672" y="448" on="1"/>
+        <pt x="864" y="448" on="1"/>
+        <pt x="878" y="448" on="0"/>
+        <pt x="896" y="466" on="0"/>
+        <pt x="896" y="480" on="1"/>
+        <pt x="896" y="499" on="0"/>
+        <pt x="939" y="560" on="0"/>
+        <pt x="972" y="579" on="1"/>
+        <pt x="1004" y="597" on="0"/>
+        <pt x="1038" y="618" on="0"/>
+        <pt x="1096" y="667" on="0"/>
+        <pt x="1127" y="714" on="0"/>
+        <pt x="1152" y="788" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="849" on="0"/>
+        <pt x="1536" y="431" on="0"/>
+        <pt x="1330" y="78" on="0"/>
+        <pt x="977" y="-128" on="0"/>
+        <pt x="559" y="-128" on="0"/>
+        <pt x="206" y="78" on="0"/>
+        <pt x="0" y="431" on="0"/>
+        <pt x="0" y="849" on="0"/>
+        <pt x="206" y="1202" on="0"/>
+        <pt x="559" y="1408" on="0"/>
+        <pt x="977" y="1408" on="0"/>
+        <pt x="1330" y="1202" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+    <TTGlyph name="good" xMin="0" yMin="-128" xMax="1536" yMax="1536">
+      <contour>
+        <pt x="256" y="166" on="0"/>
+        <pt x="256" y="218" on="0"/>
+        <pt x="218" y="256" on="0"/>
+        <pt x="166" y="256" on="0"/>
+        <pt x="128" y="218" on="0"/>
+        <pt x="128" y="166" on="0"/>
+        <pt x="166" y="128" on="0"/>
+        <pt x="218" y="128" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1408" y="768" on="1"/>
+        <pt x="1408" y="819" on="0"/>
+        <pt x="1330" y="896" on="0"/>
+        <pt x="1280" y="896" on="1"/>
+        <pt x="928" y="896" on="1"/>
+        <pt x="928" y="954" on="0"/>
+        <pt x="1024" y="1157" on="0"/>
+        <pt x="1024" y="1216" on="1"/>
+        <pt x="1024" y="1314" on="0"/>
+        <pt x="960" y="1408" on="0"/>
+        <pt x="864" y="1408" on="1"/>
+        <pt x="838" y="1382" on="0"/>
+        <pt x="814" y="1264" on="0"/>
+        <pt x="777" y="1131" on="0"/>
+        <pt x="736" y="1088" on="1"/>
+        <pt x="714" y="1065" on="0"/>
+        <pt x="659" y="997" on="1"/>
+        <pt x="655" y="992" on="0"/>
+        <pt x="617" y="942" on="0"/>
+        <pt x="592" y="910" on="0"/>
+        <pt x="548" y="857" on="0"/>
+        <pt x="512" y="822" on="0"/>
+        <pt x="471" y="786" on="0"/>
+        <pt x="432" y="768" on="0"/>
+        <pt x="416" y="768" on="1"/>
+        <pt x="384" y="768" on="1"/>
+        <pt x="384" y="128" on="1"/>
+        <pt x="416" y="128" on="1"/>
+        <pt x="429" y="128" on="0"/>
+        <pt x="466" y="122" on="0"/>
+        <pt x="495" y="115" on="0"/>
+        <pt x="542" y="100" on="0"/>
+        <pt x="565" y="92" on="0"/>
+        <pt x="613" y="75" on="0"/>
+        <pt x="618" y="73" on="1"/>
+        <pt x="829" y="0" on="0"/>
+        <pt x="960" y="0" on="1"/>
+        <pt x="1081" y="0" on="1"/>
+        <pt x="1273" y="0" on="0"/>
+        <pt x="1273" y="167" on="1"/>
+        <pt x="1273" y="193" on="0"/>
+        <pt x="1268" y="223" on="1"/>
+        <pt x="1298" y="239" on="0"/>
+        <pt x="1333" y="312" on="0"/>
+        <pt x="1333" y="386" on="0"/>
+        <pt x="1315" y="418" on="1"/>
+        <pt x="1368" y="468" on="0"/>
+        <pt x="1368" y="537" on="1"/>
+        <pt x="1368" y="562" on="0"/>
+        <pt x="1348" y="623" on="0"/>
+        <pt x="1333" y="640" on="1"/>
+        <pt x="1365" y="641" on="0"/>
+        <pt x="1408" y="733" on="0"/>
+      </contour>
+      <contour>
+        <pt x="1536" y="769" on="1"/>
+        <pt x="1536" y="680" on="0"/>
+        <pt x="1487" y="606" on="1"/>
+        <pt x="1496" y="573" on="0"/>
+        <pt x="1496" y="537" on="1"/>
+        <pt x="1496" y="460" on="0"/>
+        <pt x="1458" y="393" on="1"/>
+        <pt x="1461" y="372" on="0"/>
+        <pt x="1461" y="350" on="1"/>
+        <pt x="1461" y="249" on="0"/>
+        <pt x="1401" y="172" on="1"/>
+        <pt x="1402" y="33" on="0"/>
+        <pt x="1230" y="-128" on="0"/>
+        <pt x="1089" y="-128" on="1"/>
+        <pt x="1053" y="-128" on="1"/>
+        <pt x="960" y="-128" on="1"/>
+        <pt x="864" y="-128" on="0"/>
+        <pt x="677" y="-83" on="0"/>
+        <pt x="554" y="-40" on="1"/>
+        <pt x="438" y="0" on="0"/>
+        <pt x="416" y="0" on="1"/>
+        <pt x="128" y="0" on="1"/>
+        <pt x="75" y="0" on="0"/>
+        <pt x="0" y="75" on="0"/>
+        <pt x="0" y="128" on="1"/>
+        <pt x="0" y="768" on="1"/>
+        <pt x="0" y="821" on="0"/>
+        <pt x="75" y="896" on="0"/>
+        <pt x="128" y="896" on="1"/>
+        <pt x="402" y="896" on="1"/>
+        <pt x="438" y="920" on="0"/>
+        <pt x="539" y="1051" on="1"/>
+        <pt x="597" y="1126" on="0"/>
+        <pt x="646" y="1179" on="1"/>
+        <pt x="670" y="1204" on="0"/>
+        <pt x="693" y="1325" on="0"/>
+        <pt x="731" y="1457" on="0"/>
+        <pt x="774" y="1499" on="1"/>
+        <pt x="813" y="1536" on="0"/>
+        <pt x="864" y="1536" on="1"/>
+        <pt x="948" y="1536" on="0"/>
+        <pt x="1082" y="1471" on="0"/>
+        <pt x="1152" y="1333" on="0"/>
+        <pt x="1152" y="1216" on="1"/>
+        <pt x="1152" y="1123" on="0"/>
+        <pt x="1104" y="1024" on="1"/>
+        <pt x="1280" y="1024" on="1"/>
+        <pt x="1384" y="1024" on="0"/>
+        <pt x="1536" y="872" on="0"/>
+      </contour>
+      <instructions><assembly>
+      </assembly></instructions>
+    </TTGlyph>
+
+
+  </glyf>
+
+
+  <post>
+    <formatType value="2.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="-153"/>
+    <underlineThickness value="102"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+    <psNames>
+      <!-- This file uses unique glyph names based on the information
+           found in the 'post' table. Since these names might not be unique,
+           we have to invent artificial names in case of clashes. In order to
+           be able to retain the original information, we need a name to
+           ps name mapping for those cases where they differ. That's what
+           you see below.
+            -->
+    </psNames>
+    <extraNames>
+      <!-- following are the name that are not taken from the standard Mac glyph order -->
+      <psName name="uni00A0"/>
+      <psName name="uni00AD"/>
+      <psName name="uni2000"/>
+      <psName name="uni2001"/>
+      <psName name="uni2002"/>
+      <psName name="uni2003"/>
+      <psName name="uni2004"/>
+      <psName name="uni2005"/>
+      <psName name="uni2006"/>
+      <psName name="uni2007"/>
+      <psName name="uni2008"/>
+      <psName name="uni2009"/>
+      <psName name="uni200A"/>
+      <psName name="uni2010"/>
+      <psName name="uni2011"/>
+      <psName name="figuredash"/>
+      <psName name="uni202F"/>
+      <psName name="uni205F"/>
+      <psName name="uniE000"/>
+
+      <psName name="defaultscript"/>
+      <psName name="latinscript"/>
+      <psName name="defaultlang"/>
+      <psName name="frenchlang"/>
+      <psName name="defaultfeature"/>
+      <psName name="nondefaultfeature"/>
+      <psName name="good"/>
+
+    </extraNames>
+  </post>
+
+  <gasp>
+    <gaspRange rangeMaxPPEM="4" rangeGaspBehavior="2"/>
+    <gaspRange rangeMaxPPEM="65535" rangeGaspBehavior="3"/>
+  </gasp>
+
+  <FFTM>
+    <hexdata>
+      00000001 00000000 c7feb0df 00000000
+      c5b5ab33 00000000 c938ca96 
+    </hexdata>
+  </FFTM>
+
+
+  <GPOS>
+    <Version value="1.0"/>
+    <ScriptList>
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <FeatureRecord index="0">
+        <FeatureTag value="kern"/>
+        <Feature>
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <Lookup index="0">
+        <LookupType value="2"/>
+        <LookupFlag value="0"/>
+        <PairPos index="0" Format="1">
+          <Coverage Format="1">
+            <Glyph value="space"/>
+            <Glyph value="defaultscript"/>
+            <Glyph value="defaultlang"/>
+            <Glyph value="defaultfeature"/>
+          </Coverage>
+          <ValueFormat1 value="4"/>
+          <ValueFormat2 value="0"/>
+
+          <!-- space -->
+          <PairSet index="0">
+            <PairValueRecord index="0">
+              <SecondGlyph value="latinscript"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="1">
+              <SecondGlyph value="frenchlang"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+            <PairValueRecord index="2">
+              <SecondGlyph value="nondefaultfeature"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultscript -->
+          <PairSet index="1">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultlang -->
+          <PairSet index="2">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+
+          <!-- defaultfeature -->
+          <PairSet index="3">
+            <PairValueRecord index="0">
+              <SecondGlyph value="space"/>
+              <Value1 XAdvance="-200"/>
+            </PairValueRecord>
+          </PairSet>
+        </PairPos>
+      </Lookup>
+    </LookupList>
+  </GPOS>
+
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      This Font Software is licensed under the SIL Open Font License, Version 1.1.
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangndeffeat
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangndeffeat
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangndeffeat
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      1.000
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      spacelookuplatnscrfralangndeffeat
+    </namerecord>
+    <namerecord nameID="10" platformID="3" platEncID="1" langID="0x409">
+      Testing font assembled from Junction with the inclusion of icon glyphs from Font Awesome by John Daggett
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      http://scripts.sil.org/OFL_web
+    </namerecord>
+  </name>
+  <GSUB>
+    <Version value="1.0"/>
+    <ScriptList>
+      <!-- ScriptCount=2 -->
+      <ScriptRecord index="0">
+        <ScriptTag value="DFLT"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <!-- LangSysCount=0 -->
+        </Script>
+      </ScriptRecord>
+      <ScriptRecord index="1">
+        <ScriptTag value="latn"/>
+        <Script>
+          <DefaultLangSys>
+            <ReqFeatureIndex value="65535"/>
+            <!-- FeatureCount=1 -->
+            <FeatureIndex index="0" value="0"/>
+          </DefaultLangSys>
+          <LangSysRecord index="0">
+            <LangSysTag value="FRA "/>
+            <LangSys>
+              <ReqFeatureIndex value="65535"/>
+              <FeatureIndex index="0" value="0"/>
+              <FeatureIndex index="1" value="8"/>
+            </LangSys>
+          </LangSysRecord>
+        </Script>
+      </ScriptRecord>
+    </ScriptList>
+    <FeatureList>
+      <!-- FeatureCount=1 -->
+      <FeatureRecord index="0">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="1">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="1"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="2">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="2"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="3">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="3"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="4">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="4"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="5">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="5"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="6">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="6"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="7">
+        <FeatureTag value="liga"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="0"/>
+          <LookupListIndex index="1" value="7"/>
+        </Feature>
+      </FeatureRecord>
+      <FeatureRecord index="8">
+        <FeatureTag value="dlig"/>
+        <Feature>
+          <!-- LookupCount=2 -->
+          <LookupListIndex index="0" value="8"/>
+        </Feature>
+      </FeatureRecord>
+    </FeatureList>
+    <LookupList>
+      <!-- LookupCount=1 -->
+      <Lookup index="0">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="n">
+            <Ligature components="o,n,hyphen,d,e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="nondefaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="d">
+            <Ligature components="e,f,a,u,l,t,hyphen,s,c,r,i,p,t" glyph="defaultscript"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,l,a,n,g" glyph="defaultlang"/>
+            <Ligature components="e,f,a,u,l,t,hyphen,f,e,a,t,u,r,e" glyph="defaultfeature"/>
+          </LigatureSet>
+          <LigatureSet glyph="f">
+            <Ligature components="r,a,hyphen,l,a,n,g" glyph="frenchlang"/>
+          </LigatureSet>
+          <LigatureSet glyph="l">
+            <Ligature components="a,t,n,hyphen,s,c,r,i,p,t" glyph="latinscript"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+
+<!--
+  default script - default lang - default feature
+  default script - default lang - non-default feature
+  default script - lang - default feature
+  default script - lang - non-default feature
+  script - default lang - default feature
+  script - default lang - non-default feature
+  script - lang - default feature
+  script - lang - non-default feature
+-->
+
+      <Lookup index="1">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="2">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="3">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="4">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="defaultscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="5">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="6">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,defaultlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="7">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,defaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+      <Lookup index="8">
+        <LookupType value="4"/>
+        <LookupFlag value="0"/>
+        <!-- SubTableCount=1 -->
+        <LigatureSubst index="0" Format="1">
+          <LigatureSet glyph="latinscript">
+            <Ligature components="space,frenchlang,space,nondefaultfeature" glyph="good"/>
+          </LigatureSet>
+        </LigatureSubst>
+      </Lookup>
+    </LookupList>
+  </GSUB>
+</ttFont>
diff --git a/layout/reftests/fonts/subsuper-nofeat.woff b/layout/reftests/fonts/subsuper-nofeat.woff
new file mode 100644
index 0000000000..8634008d11
Binary files /dev/null and b/layout/reftests/fonts/subsuper-nofeat.woff differ
diff --git a/layout/reftests/fonts/subsuper.woff b/layout/reftests/fonts/subsuper.woff
new file mode 100644
index 0000000000..6655a64e11
Binary files /dev/null and b/layout/reftests/fonts/subsuper.woff differ
diff --git a/layout/reftests/fonts/ttf-indic/Lohit-Telugu.ttf b/layout/reftests/fonts/ttf-indic/Lohit-Telugu.ttf
new file mode 100644
index 0000000000..f14fd4e7e3
Binary files /dev/null and b/layout/reftests/fonts/ttf-indic/Lohit-Telugu.ttf differ
diff --git a/layout/reftests/fonts/ttf-indic/lohit_bn.ttf b/layout/reftests/fonts/ttf-indic/lohit_bn.ttf
new file mode 100644
index 0000000000..a64955808c
Binary files /dev/null and b/layout/reftests/fonts/ttf-indic/lohit_bn.ttf differ
diff --git a/layout/reftests/fonts/ttf-indic/lohit_gu.ttf b/layout/reftests/fonts/ttf-indic/lohit_gu.ttf
new file mode 100644
index 0000000000..569ce87dd1
Binary files /dev/null and b/layout/reftests/fonts/ttf-indic/lohit_gu.ttf differ
diff --git a/layout/reftests/fonts/ttf-indic/lohit_hi.ttf b/layout/reftests/fonts/ttf-indic/lohit_hi.ttf
new file mode 100644
index 0000000000..711f17d897
Binary files /dev/null and b/layout/reftests/fonts/ttf-indic/lohit_hi.ttf differ
diff --git a/layout/reftests/forms/button/1317351-ref.html b/layout/reftests/forms/button/1317351-ref.html
new file mode 100644
index 0000000000..3ad5be0a13
--- /dev/null
+++ b/layout/reftests/forms/button/1317351-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html><head>
+  <meta charset="utf-8">
+  <title></title>
+  <style type="text/css">
+
+html { padding: 100px }
+
+mask {
+  position: absolute;
+  top: 98px; left: 98px;
+  width: 300px;
+  height: 200px;
+  background: black;
+}
+  </style>
+</head>
+<body>
+<mask></mask>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/1317351.html b/layout/reftests/forms/button/1317351.html
new file mode 100644
index 0000000000..d0054024e8
--- /dev/null
+++ b/layout/reftests/forms/button/1317351.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html><head>
+  <meta charset="utf-8">
+  <title></title>
+  <style type="text/css">
+
+html { padding: 100px }
+
+input,button {
+  width: auto;
+  min-width: 50px;
+  writing-mode: vertical-rl;
+}
+
+mask {
+  position: absolute;
+  top: 98px; left: 98px;
+  width: 300px;
+  height: 200px;
+  background: black;
+}
+  </style>
+</head>
+<body>
+<input type="color">
+<button><div style="width:100%; height:100%"></div></button>
+
+<mask></mask>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/1349646-ref.html b/layout/reftests/forms/button/1349646-ref.html
new file mode 100644
index 0000000000..d36f19477a
--- /dev/null
+++ b/layout/reftests/forms/button/1349646-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+button {
+  padding: 0px;
+  border:none;
+  font-size: 64px;
+  background-color: green;
+}
+button::-moz-focus-inner {
+  padding-inline-start: 0px;
+  padding-inline-end: 0px;
+}
+button:-moz-focusring::-moz-focus-inner {
+  border: 4px solid;
+}
+</style>
+<div>
+  <button id="button1"><span>Menu1</span></button>
+</div>
+<script>
+window.onload = () => {
+  button1.focus();
+  document.documentElement.classList.remove('reftest-wait');
+}
+</script>
+</html>
diff --git a/layout/reftests/forms/button/1349646.html b/layout/reftests/forms/button/1349646.html
new file mode 100644
index 0000000000..a51c69a010
--- /dev/null
+++ b/layout/reftests/forms/button/1349646.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+button {
+  padding: 0px;
+  border:none;
+  font-size: 64px;
+  background-color: green;
+}
+button::-moz-focus-inner {
+  padding-inline-start: 20px;
+  padding-inline-end: 20px;
+}
+button:-moz-focusring::-moz-focus-inner {
+  border: 4px solid;
+}
+</style>
+<div>
+  <button id="button1"><span>Menu1</span></button>
+</div>
+<script>
+window.onload = () => {
+  button1.focus();
+  document.documentElement.classList.remove('reftest-wait');
+}
+</script>
+</html>
diff --git a/layout/reftests/forms/button/appearance-revert-ref.html b/layout/reftests/forms/button/appearance-revert-ref.html
new file mode 100644
index 0000000000..9e863880df
--- /dev/null
+++ b/layout/reftests/forms/button/appearance-revert-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<button>Foo</button>
diff --git a/layout/reftests/forms/button/appearance-revert.html b/layout/reftests/forms/button/appearance-revert.html
new file mode 100644
index 0000000000..06f1d045d2
--- /dev/null
+++ b/layout/reftests/forms/button/appearance-revert.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<button style="border: revert">Foo</button>
diff --git a/layout/reftests/forms/button/author-padding-notref.html b/layout/reftests/forms/button/author-padding-notref.html
new file mode 100644
index 0000000000..9e863880df
--- /dev/null
+++ b/layout/reftests/forms/button/author-padding-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<button>Foo</button>
diff --git a/layout/reftests/forms/button/author-padding.html b/layout/reftests/forms/button/author-padding.html
new file mode 100644
index 0000000000..9b924488c0
--- /dev/null
+++ b/layout/reftests/forms/button/author-padding.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<!-- This technically assumes that no theme would have 300px of padding by default, looks like a safe enough assumption -->
+<button style="padding: 300px">Foo</button>
diff --git a/layout/reftests/forms/button/button-display-flex-fullsize-1-ref.html b/layout/reftests/forms/button/button-display-flex-fullsize-1-ref.html
new file mode 100644
index 0000000000..2c45c375ab
--- /dev/null
+++ b/layout/reftests/forms/button/button-display-flex-fullsize-1-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0
+-->
+<html>
+<head>
+  <title>Reference: Testing for full height flex container in a button.</title>
+  <meta charset="utf-8">
+  <style>
+    button {
+      vertical-align: top;
+      padding: 0;
+      border: solid 1px black;
+      background: lightblue;
+      width: 200px;
+      height: 200px;
+    }
+
+    .flex {
+      display: flex;
+      justify-content: space-between;
+      align-items: stretch;
+      width: 100%;
+      height: 100%;
+    }
+
+    .flex > * {
+      margin: 1px;
+      background: teal;
+      min-height: 10px;
+      min-width: 10px;
+    }
+
+    .vertical {
+      flex-direction: column;
+    }
+  </style>
+</head>
+<body>
+  <button>
+    <div class="flex">
+     <div></div>
+     <div></div>
+     <div></div>
+    </div>
+  </button>
+  <button>
+    <div class="flex vertical">
+     <div></div>
+     <div></div>
+     <div></div>
+    </div>
+  </button>
+</body>
+</html>
+
diff --git a/layout/reftests/forms/button/button-display-flex-fullsize-1.html b/layout/reftests/forms/button/button-display-flex-fullsize-1.html
new file mode 100644
index 0000000000..f351fc66b3
--- /dev/null
+++ b/layout/reftests/forms/button/button-display-flex-fullsize-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0
+-->
+<html>
+<head>
+  <title>CSS Test: Testing for full height flex container in a button.</title>
+  <meta charset="utf-8">
+  <style>
+    button {
+      vertical-align: top;
+      padding: 0;
+      border: solid 1px black;
+      background: lightblue;
+      width: 200px;
+      height: 200px;
+    }
+
+    .flex {
+      display: inline-flex;
+      justify-content: space-between;
+      align-items: stretch;
+    }
+
+    .flex > * {
+      margin: 1px;
+      background: teal;
+      min-height: 10px;
+      min-width: 10px;
+    }
+
+    .vertical {
+      flex-direction: column;
+    }
+  </style>
+</head>
+<body>
+  <button class="flex">
+    <div></div>
+    <div></div>
+    <div></div>
+  </button>
+  <button class="flex vertical">
+    <div></div>
+    <div></div>
+    <div></div>
+  </button>
+</body>
+</html>
+
diff --git a/layout/reftests/forms/button/button-display-grid-fullsize-1-ref.html b/layout/reftests/forms/button/button-display-grid-fullsize-1-ref.html
new file mode 100644
index 0000000000..1b3df75dff
--- /dev/null
+++ b/layout/reftests/forms/button/button-display-grid-fullsize-1-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0
+-->
+<html>
+<head>
+  <title>Reference: Testing for full height grid container in a button.</title>
+  <meta charset="utf-8">
+  <style>
+    button {
+      vertical-align: top;
+      padding: 0;
+      border: solid 1px black;
+      background: lightblue;
+      width: 200px;
+      height: 200px;
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: auto auto auto;
+      grid-template-rows: auto;
+      justify-content: space-between;
+      align-items: stretch;
+      width: 100%;
+      height: 100%;
+    }
+
+    .grid > * {
+      margin: 1px;
+      background: teal;
+      min-height: 10px;
+      min-width: 10px;
+    }
+
+    .vertical {
+      grid-template-columns: 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+    }
+  </style>
+</head>
+<body>
+  <button>
+    <div class="grid">
+      <div></div>
+      <div></div>
+      <div></div>
+    </div>
+  </button>
+  <button>
+    <div class="grid vertical">
+      <div></div>
+      <div></div>
+      <div></div>
+    </div>
+  </button>
+</body>
+</html>
+
diff --git a/layout/reftests/forms/button/button-display-grid-fullsize-1.html b/layout/reftests/forms/button/button-display-grid-fullsize-1.html
new file mode 100644
index 0000000000..4998c213d2
--- /dev/null
+++ b/layout/reftests/forms/button/button-display-grid-fullsize-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0
+-->
+<html>
+<head>
+  <title>CSS Test: Testing for full height grid container in a button.</title>
+  <meta charset="utf-8">
+  <style>
+    button {
+      vertical-align: top;
+      padding: 0;
+      border: solid 1px black;
+      background: lightblue;
+      width: 200px;
+      height: 200px;
+    }
+
+    .grid {
+      display: inline-grid;
+      grid-template-columns: auto auto auto;
+      grid-template-rows: auto;
+      justify-content: space-between;
+      align-items: stretch;
+    }
+
+    .grid > * {
+      margin: 1px;
+      background: teal;
+      min-height: 10px;
+      min-width: 10px;
+    }
+
+    .vertical {
+      grid-template-columns: 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+    }
+  </style>
+</head>
+<body>
+  <!-- 3 columns/1 row -->
+  <button class="grid">
+    <div></div>
+    <div></div>
+    <div></div>
+  </button>
+  <!-- 1 column/3 rows, using "fr" units to fill container -->
+  <button class="grid vertical">
+    <div></div>
+    <div></div>
+    <div></div>
+  </button>
+</body>
+</html>
+
diff --git a/layout/reftests/forms/button/button-empty-columns-ref.html b/layout/reftests/forms/button/button-empty-columns-ref.html
new file mode 100644
index 0000000000..0016d8cc8c
--- /dev/null
+++ b/layout/reftests/forms/button/button-empty-columns-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<button style="width: 100px; height: 5px;"></button>
diff --git a/layout/reftests/forms/button/button-empty-columns.html b/layout/reftests/forms/button/button-empty-columns.html
new file mode 100644
index 0000000000..6154310810
--- /dev/null
+++ b/layout/reftests/forms/button/button-empty-columns.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<button style="columns: 2; width: 100px; height: 5px;"></button>
diff --git a/layout/reftests/forms/button/button-visibility-1-ref.html b/layout/reftests/forms/button/button-visibility-1-ref.html
new file mode 100644
index 0000000000..441b5151cf
--- /dev/null
+++ b/layout/reftests/forms/button/button-visibility-1-ref.html
@@ -0,0 +1,25 @@
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Test for bug 1732921</title>
+  <style>
+    .parent {
+      border: 0px;
+      background: none;
+      will-change: transform;
+    }
+
+    .child {
+      visibility: visible;
+    }
+  </style>
+</head>
+
+<body>
+  <button class="parent">
+    <span class="child">foo</span>
+  </button>
+</body>
+
+</html>
diff --git a/layout/reftests/forms/button/button-visibility-1.html b/layout/reftests/forms/button/button-visibility-1.html
new file mode 100644
index 0000000000..84faf2ca03
--- /dev/null
+++ b/layout/reftests/forms/button/button-visibility-1.html
@@ -0,0 +1,26 @@
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Test for bug 1732921</title>
+  <style>
+    .parent {
+      border: 0px;
+      background: none;
+      visibility: hidden;
+      will-change: transform;
+    }
+
+    .child {
+      visibility: visible;
+    }
+  </style>
+</head>
+
+<body>
+  <button class="parent">
+    <span class="child">foo</span>
+  </button>
+</body>
+
+</html>
diff --git a/layout/reftests/forms/button/disabled-1-ref.html b/layout/reftests/forms/button/disabled-1-ref.html
new file mode 100644
index 0000000000..c408ec16fb
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: test button "disabled" text style</title>
+<style>
+  button {
+    color: GrayText;
+    border-width: 0;
+    background: transparent;
+  }
+</style>
+</head>
+<body>
+  <button>Some text</button>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-1.html b/layout/reftests/forms/button/disabled-1.html
new file mode 100644
index 0000000000..6bcba667bd
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: test button "disabled" text style</title>
+<style>
+  button {
+    border-width: 0;
+    background: transparent;
+  }
+</style>
+</head>
+<body>
+  <button disabled>Some text</button>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-2-ref.html b/layout/reftests/forms/button/disabled-2-ref.html
new file mode 100644
index 0000000000..53958f76b7
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: test all types of buttons look similar when disabled</title>
+</head>
+<body>
+  <button>Some text</button>
+  <button>Some text</button>
+  <button>Reset</button>
+  <button>Submit Query</button>
+  <br>
+  <button disabled>Some text</button>
+  <button disabled>Some text</button>
+  <button disabled>Reset</button>
+  <button disabled>Submit Query</button>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-2.html b/layout/reftests/forms/button/disabled-2.html
new file mode 100644
index 0000000000..a77287dfee
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: test all types of buttons look similar when disabled</title>
+</head>
+<body>
+  <button>Some text</button>
+  <input type="button" value="Some text">
+  <input type="reset">
+  <input type="submit">
+  <br>
+  <button disabled>Some text</button>
+  <input disabled type="button" value="Some text">
+  <input disabled type="reset">
+  <input disabled type="submit">
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-3-notref.html b/layout/reftests/forms/button/disabled-3-notref.html
new file mode 100644
index 0000000000..bd8b457746
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-3-notref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <button disabled>Some text</button>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-3.html b/layout/reftests/forms/button/disabled-3.html
new file mode 100644
index 0000000000..440d43b531
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <button>Some text</button>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-4-notref.html b/layout/reftests/forms/button/disabled-4-notref.html
new file mode 100644
index 0000000000..41fe9e6107
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-4-notref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <input disabled type="button" value="Some text">
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-4.html b/layout/reftests/forms/button/disabled-4.html
new file mode 100644
index 0000000000..38f71544a2
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-4.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <input type="button" value="Some text">
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-5-notref.html b/layout/reftests/forms/button/disabled-5-notref.html
new file mode 100644
index 0000000000..d944d04216
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-5-notref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <input disabled type="reset">
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-5.html b/layout/reftests/forms/button/disabled-5.html
new file mode 100644
index 0000000000..ded7c1905d
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-5.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <input type="reset">
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-6-notref.html b/layout/reftests/forms/button/disabled-6-notref.html
new file mode 100644
index 0000000000..c6f0abce66
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-6-notref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <input disabled type="submit">
+</body>
+</html>
diff --git a/layout/reftests/forms/button/disabled-6.html b/layout/reftests/forms/button/disabled-6.html
new file mode 100644
index 0000000000..2a1d9cfa7f
--- /dev/null
+++ b/layout/reftests/forms/button/disabled-6.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1007278: check disabled and non-disabled buttons look different</title>
+</head>
+<body>
+  <input type="submit">
+</body>
+</html>
diff --git a/layout/reftests/forms/button/display-grid-flex-columnset-ref.html b/layout/reftests/forms/button/display-grid-flex-columnset-ref.html
new file mode 100644
index 0000000000..c843a84b6a
--- /dev/null
+++ b/layout/reftests/forms/button/display-grid-flex-columnset-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 984869</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+.grid, .igrid {
+  display: grid;
+  grid: 20px / 20px 20px;
+}
+.igrid { display:inline-grid; }
+
+.flex, .iflex {
+  display: flex;
+}
+.iflex { display:inline-flex; }
+
+.columnset, .block-columnset {
+      -ms-columns: 2;
+  -webkit-columns: 2;
+          columns: 2;
+}
+
+.block-columnset, .b { display: block; }
+
+a {
+  position: absolute;
+  right:0; bottom:0;
+  width:5px; height:5px;
+  background: lime;
+}
+.rel { position:relative; }
+
+button { vertical-align: bottom; }
+    </style>
+</head>
+<body>
+
+<button><wrap class="grid">x<span>y</span>z</wrap></button>
+<button><wrap class="iflex">x<span>y</span>z</wrap></button>
+<button><wrap class="b columnset">x<br><span>y</span>z</wrap></button>
+
+<button class="rel"><wrap class="grid">x<span>y</span>z<a></a></wrap></button>
+<button class="rel"><wrap class="iflex">x<span>y</span>z<a></a></wrap></button>
+<button class="rel"><wrap class="b columnset">x<br><span>y</span>z<a></a></wrap></button>
+
+<button class="b"><wrap class="grid">x<span>y</span>z</wrap></button>
+<button class="b"><wrap class="flex">x<span>y</span>z</wrap></button>
+<button class="b"><wrap class="b columnset">x<br><span>y</span>z</wrap></button>
+
+<button class="rel b"><wrap class="grid">x<span>y</span>z<a></a></wrap></button>
+<button class="rel b"><wrap class="flex">x<span>y</span>z<a></a></wrap></button>
+<button class="rel b"><wrap class="b columnset">x<br><span>y</span>z<a></a></wrap></button>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/button/display-grid-flex-columnset.html b/layout/reftests/forms/button/display-grid-flex-columnset.html
new file mode 100644
index 0000000000..ffada3bced
--- /dev/null
+++ b/layout/reftests/forms/button/display-grid-flex-columnset.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 984869</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+.grid, .igrid {
+  display: grid;
+  grid: 20px / 20px 20px;
+}
+.igrid { display:inline-grid; }
+
+.flex, .iflex {
+  display: flex;
+}
+.iflex { display:inline-flex; }
+
+.columnset {
+      -ms-columns: 2;
+  -webkit-columns: 2;
+          columns: 2;
+}
+
+.b { display: block; }
+
+a {
+  position: absolute;
+  right:0; bottom:0;
+  width:5px; height:5px;
+  background: lime;
+}
+.rel { position:relative; }
+
+button { vertical-align: bottom; }
+    </style>
+</head>
+<body>
+
+<button class="igrid">x<span>y</span>z</button>
+<button class="iflex">x<span>y</span>z</button>
+<button class="columnset">x<br><span>y</span>z</button>
+
+<button class="rel igrid">x<span>y</span>z<a></a></button>
+<button class="rel iflex">x<span>y</span>z<a></a></button>
+<button class="rel columnset">x<br><span>y</span>z<a></a></button>
+
+<button class="grid">x<span>y</span>z</button>
+<button class="flex">x<span>y</span>z</button>
+<button class="b columnset">x<br><span>y</span>z</button>
+
+<button class="rel grid">x<span>y</span>z<a></a></button>
+<button class="rel flex">x<span>y</span>z<a></a></button>
+<button class="rel b columnset">x<br><span>y</span>z<a></a></button>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/button/dynamic-text-indent-ref.html b/layout/reftests/forms/button/dynamic-text-indent-ref.html
new file mode 100644
index 0000000000..1b1789cd3e
--- /dev/null
+++ b/layout/reftests/forms/button/dynamic-text-indent-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+  <button style="text-indent: 50px">Some text</button>
+</html>
diff --git a/layout/reftests/forms/button/dynamic-text-indent.html b/layout/reftests/forms/button/dynamic-text-indent.html
new file mode 100644
index 0000000000..9b0724ed51
--- /dev/null
+++ b/layout/reftests/forms/button/dynamic-text-indent.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <button>Some text</button>
+  <script>
+    onload = function() {
+      var obj = document.querySelector("button");
+      window.w = obj.getBoundingClientRect().width;
+      obj.style.textIndent = "50px";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/forms/button/first-letter-1-noref.html b/layout/reftests/forms/button/first-letter-1-noref.html
new file mode 100644
index 0000000000..d59db575fa
--- /dev/null
+++ b/layout/reftests/forms/button/first-letter-1-noref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+  body { line-height: 0; }
+</style>
+<button>Some text</button>
diff --git a/layout/reftests/forms/button/first-letter-1-ref.html b/layout/reftests/forms/button/first-letter-1-ref.html
new file mode 100644
index 0000000000..34ffa64f22
--- /dev/null
+++ b/layout/reftests/forms/button/first-letter-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  button { display: block; }
+  button::first-letter { color: green; }
+  body { line-height: 0; }
+</style>
+<button>Some text</button>
diff --git a/layout/reftests/forms/button/first-letter-1.html b/layout/reftests/forms/button/first-letter-1.html
new file mode 100644
index 0000000000..3dbf1667fa
--- /dev/null
+++ b/layout/reftests/forms/button/first-letter-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<style>
+  button::first-letter { color: green; }
+  body { line-height: 0; }
+</style>
+<button>Some text</button>
diff --git a/layout/reftests/forms/button/focus-non-themed-ref.html b/layout/reftests/forms/button/focus-non-themed-ref.html
new file mode 100644
index 0000000000..8f5577671c
--- /dev/null
+++ b/layout/reftests/forms/button/focus-non-themed-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+  button {
+    outline: none;
+    -moz-appearance: none;
+    appearance: none;
+  }
+  button::-moz-focus-inner { border: 0 }
+</style>
+<button autofocus>Foo</button>
diff --git a/layout/reftests/forms/button/focus-non-themed.html b/layout/reftests/forms/button/focus-non-themed.html
new file mode 100644
index 0000000000..0fa28a9259
--- /dev/null
+++ b/layout/reftests/forms/button/focus-non-themed.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  button {
+    outline: none;
+    -moz-appearance: none;
+    appearance: none;
+  }
+</style>
+<button autofocus>Foo</button>
diff --git a/layout/reftests/forms/button/line-height-button-0.5.html b/layout/reftests/forms/button/line-height-button-0.5.html
new file mode 100644
index 0000000000..e3343d9e42
--- /dev/null
+++ b/layout/reftests/forms/button/line-height-button-0.5.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+button { line-height: 0.5 }
+
+</style>
+<button>button input</button>
diff --git a/layout/reftests/forms/button/line-height-button-1.0.html b/layout/reftests/forms/button/line-height-button-1.0.html
new file mode 100644
index 0000000000..2685624dc0
--- /dev/null
+++ b/layout/reftests/forms/button/line-height-button-1.0.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+button { line-height: 1.0 }
+
+</style>
+<button>button input</button>
diff --git a/layout/reftests/forms/button/line-height-button-1.5.html b/layout/reftests/forms/button/line-height-button-1.5.html
new file mode 100644
index 0000000000..f86839fc3c
--- /dev/null
+++ b/layout/reftests/forms/button/line-height-button-1.5.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+button { line-height: 1.5 }
+
+</style>
+<button>button input</button>
diff --git a/layout/reftests/forms/button/line-height-input-0.5.html b/layout/reftests/forms/button/line-height-input-0.5.html
new file mode 100644
index 0000000000..e3b6dd9200
--- /dev/null
+++ b/layout/reftests/forms/button/line-height-input-0.5.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+input { line-height: 0.5 }
+
+</style>
+<input type="button" value="button input" size="20">
diff --git a/layout/reftests/forms/button/line-height-input-1.0.html b/layout/reftests/forms/button/line-height-input-1.0.html
new file mode 100644
index 0000000000..18f8b4646c
--- /dev/null
+++ b/layout/reftests/forms/button/line-height-input-1.0.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+input { line-height: 1.0 }
+
+</style>
+<input type="button" value="button input" size="20">
diff --git a/layout/reftests/forms/button/line-height-input-1.5.html b/layout/reftests/forms/button/line-height-input-1.5.html
new file mode 100644
index 0000000000..ea486d14ea
--- /dev/null
+++ b/layout/reftests/forms/button/line-height-input-1.5.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+input { line-height: 1.5 }
+
+</style>
+<input type="button" value="button input" size="20">
diff --git a/layout/reftests/forms/button/max-height-ref.html b/layout/reftests/forms/button/max-height-ref.html
new file mode 100644
index 0000000000..ea12a86681
--- /dev/null
+++ b/layout/reftests/forms/button/max-height-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  button {
+    height: 50px;
+    padding: 23px;
+    border: 1px solid black;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+</style>
+<button>Some text</button>
diff --git a/layout/reftests/forms/button/max-height.html b/layout/reftests/forms/button/max-height.html
new file mode 100644
index 0000000000..87ac8a979c
--- /dev/null
+++ b/layout/reftests/forms/button/max-height.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  button {
+    max-height: 50px;
+    padding: 23px;
+    border: 1px solid black;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+</style>
+<button>Some text</button>
diff --git a/layout/reftests/forms/button/min-height-ref.html b/layout/reftests/forms/button/min-height-ref.html
new file mode 100644
index 0000000000..5f0f2d654e
--- /dev/null
+++ b/layout/reftests/forms/button/min-height-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style>
+.btn1, .btn2 {
+    border: 5px solid green;
+    background-color: blue;
+    height: 50px;
+}
+</style>
+</head>
+<body>
+<input type='submit' class='btn1' value='' />
+<input type='submit' class='btn2' value='' />
+</body>
+</html>
diff --git a/layout/reftests/forms/button/min-height.html b/layout/reftests/forms/button/min-height.html
new file mode 100644
index 0000000000..cadffa78d5
--- /dev/null
+++ b/layout/reftests/forms/button/min-height.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style>
+.btn1, .btn2 {
+    border: 5px solid green;
+    background-color: blue;
+}
+.btn1 {
+    min-height: 50px;
+}
+.btn2 {
+    height: 50px;
+}
+</style>
+</head>
+<body>
+<input type='submit' class='btn1' value='' />
+<input type='submit' class='btn2' value='' />
+</body>
+</html>
diff --git a/layout/reftests/forms/button/overflow-areas-1-ref.html b/layout/reftests/forms/button/overflow-areas-1-ref.html
new file mode 100644
index 0000000000..a1eb505753
--- /dev/null
+++ b/layout/reftests/forms/button/overflow-areas-1-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+<head>
+  <title>Reference case</title>
+  <style>
+    input, button {
+      border: 0;             /* Combined, these mean the gray area is the */
+      background: lightgray; /* border-box size. */
+
+      outline: 2px solid black; /* The outlined area is the overflow area. */
+      width: 1px;   /* (To attempt to trigger overflow) */
+
+      display: block;     /* Put each button on its own line, w/ some margin, */
+      margin-bottom: 5px; /* so that any overflow doesn't get stomped on.     */
+
+      font: 8px serif; /* (This just lets the testcase fit better on mobile.) */
+    }
+
+    .oh { overflow: hidden }
+  </style>
+</head>
+<body>
+  <!-- For the reference case, we just put "overflow:hidden" on everything. -->
+  <input class="oh" type="reset">
+  <input class="oh" type="submit">
+  <input class="oh" type="button" value="InputTypeButton">
+  <!-- ...with one exception: button with (default) overflow:visible.
+       Such buttons *do* actually allow their contents to overflow. -->
+  <button>ActualButton</button>
+
+  <input  class="oh" type="reset">
+  <input  class="oh" type="submit">
+  <input  class="oh" type="button" value="InputTypeButton">
+  <button class="oh">ActualButton</button>
+
+  <input  class="oh" type="reset">
+  <input  class="oh" type="submit">
+  <input  class="oh" type="button" value="InputTypeButton">
+  <button class="oh">ActualButton</button>
+
+  <input  class="oh" type="reset">
+  <input  class="oh" type="submit">
+  <input  class="oh" type="button" value="InputTypeButton">
+  <button class="oh">ActualButton</button>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/overflow-areas-1.html b/layout/reftests/forms/button/overflow-areas-1.html
new file mode 100644
index 0000000000..b1a34dfe40
--- /dev/null
+++ b/layout/reftests/forms/button/overflow-areas-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+<!-- For buttons whose painting gets clipped to their border-box area,
+     we should *also* clip their overflow area (as exposed via 'outline').
+     This test exposes these areas so they can be visualized, and checks that
+     they match when we expect them to. -->
+<head>
+  <title>Testcase for bug 1261284</title>
+  <style>
+    input, button {
+      border: 0;             /* Combined, these mean the gray area is the */
+      background: lightgray; /* border-box size. */
+
+      outline: 2px solid black; /* The outlined area is the overflow area. */
+      width: 1px;   /* (To attempt to trigger overflow) */
+
+      display: block;     /* Put each button on its own line, w/ some margin, */
+      margin-bottom: 5px; /* so that any overflow doesn't get stomped on.     */
+
+      font: 8px serif; /* (This just lets the testcase fit better on mobile.) */
+    }
+
+    .oh { overflow: hidden }
+    .oa { overflow: auto }
+    .os { overflow: scroll }
+  </style>
+</head>
+<body>
+  <input type="reset">
+  <input type="submit">
+  <input type="button" value="InputTypeButton">
+  <button>ActualButton</button>
+
+  <input  class="oh" type="reset">
+  <input  class="oh" type="submit">
+  <input  class="oh" type="button" value="InputTypeButton">
+  <button class="oh">ActualButton</button>
+
+  <input  class="oa" type="reset">
+  <input  class="oa" type="submit">
+  <input  class="oa" type="button" value="InputTypeButton">
+  <button class="oa">ActualButton</button>
+
+  <input  class="os" type="reset">
+  <input  class="os" type="submit">
+  <input  class="os" type="button" value="InputTypeButton">
+  <button class="os">ActualButton</button>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/percent-height-child-ref.html b/layout/reftests/forms/button/percent-height-child-ref.html
new file mode 100644
index 0000000000..b2b8109587
--- /dev/null
+++ b/layout/reftests/forms/button/percent-height-child-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+<style>
+div.button {
+    display: inline-block;
+    width: 80px;
+    border: 0;
+    padding: 0;
+
+    font: 10px sans-serif;
+    text-align: center;
+    vertical-align: top;
+
+    color: black;
+    background: gray;
+}
+
+div.p80 {
+    background: pink;
+}
+
+div.p100 {
+    background: yellow;
+}
+</style>
+</head>
+<body>
+<!--Button has explicit height for us to resolve against: -->
+<div class="button" style="height: 100px">
+  <div class="p80" style="margin-top: 10px; height: 80px">abc</div>
+</div>
+
+<div class="button" style="height: 100px">
+  <div class="p100" style="height: 100px">abc</div>
+</div>
+
+<!--Button is using intrinsic height: -->
+<div class="button">
+  <div class="p80">abc</div>
+</div>
+
+<div class="button">
+  <div class="p100">abc</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/button/percent-height-child.html b/layout/reftests/forms/button/percent-height-child.html
new file mode 100644
index 0000000000..c676715c23
--- /dev/null
+++ b/layout/reftests/forms/button/percent-height-child.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- This test verifies that we honor percent heights on content inside of
+     a <button> element (resolving the percent against the <button>).
+     (In this testcase, the button has no focus-border/padding.) -->
+<html>
+<head>
+<style>
+button {
+    width: 80px;
+    border: 0;
+    padding: 0;
+
+    font: 10px sans-serif;
+    vertical-align: top;
+
+    color: black;
+    background: gray;
+    -moz-appearance: none;
+}
+button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+div.p80 {
+    height: 80%;
+    background: pink;
+}
+
+div.p100 {
+    height: 100%;
+    background: yellow;
+}
+</style>
+</head>
+<body>
+<!--Button has explicit height for us to resolve against: -->
+<button style="height: 100px">
+  <div class="p80">abc</div>
+</button>
+
+<button style="height: 100px">
+  <div class="p100">abc</div>
+</button>
+
+<!--Button is using intrinsic height: -->
+<button>
+  <div class="p80">abc</div>
+</button>
+
+<button>
+  <div class="p100">abc</div>
+</button>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/button/percent-width-child-ref.html b/layout/reftests/forms/button/percent-width-child-ref.html
new file mode 100644
index 0000000000..dcc2289944
--- /dev/null
+++ b/layout/reftests/forms/button/percent-width-child-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+<style>
+div.button {
+    display: inline-block;
+    border: 0;
+    padding: 0;
+
+    font: 10px sans-serif;
+    text-align: center;
+    vertical-align: top;
+
+    color: black;
+    background: gray;
+}
+
+div.p80 {
+    width: 80%;
+    background: pink;
+}
+
+div.p100 {
+    width: 100%;
+    background: yellow;
+}
+</style>
+</head>
+<body>
+<!--Button has explicit width for us to resolve against: -->
+<div class="button" style="width: 100px">
+  <div class="p80">abc</div>
+</div>
+
+<div class="button" style="width: 100px">
+  <div class="p100">abc</div>
+</div>
+
+<!--Button is using intrinsic width: -->
+<div class="button">
+  <div class="p80">abc</div>
+</div>
+
+<div class="button">
+  <div class="p100">abc</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/button/percent-width-child.html b/layout/reftests/forms/button/percent-width-child.html
new file mode 100644
index 0000000000..fdd2b49236
--- /dev/null
+++ b/layout/reftests/forms/button/percent-width-child.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- This test verifies that we honor percent widths on content inside of
+     a <button> element (resolving the percent against the <button>).
+     (In this testcase, the button has no focus-border/padding.) -->
+<html>
+<head>
+<style>
+button {
+    border: 0;
+    padding: 0;
+
+    font: 10px sans-serif;
+    vertical-align: top;
+
+    color: black;
+    background: gray;
+    -moz-appearance: none;
+}
+button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+div.p80 {
+    width: 80%;
+    background: pink;
+}
+
+div.p100 {
+    width: 100%;
+    background: yellow;
+}
+</style>
+</head>
+<body>
+<!--Button has explicit width for us to resolve against: -->
+<button style="width: 100px">
+  <div class="p80">abc</div>
+</button>
+
+<button style="width: 100px">
+  <div class="p100">abc</div>
+</button>
+
+<!--Button is using intrinsic width: -->
+<button>
+  <div class="p80">abc</div>
+</button>
+
+<button>
+  <div class="p100">abc</div>
+</button>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/button/reftest.list b/layout/reftests/forms/button/reftest.list
new file mode 100644
index 0000000000..cfd67fc662
--- /dev/null
+++ b/layout/reftests/forms/button/reftest.list
@@ -0,0 +1,59 @@
+# Tests for grid and flex sizing in buttons
+== button-display-flex-fullsize-1.html button-display-flex-fullsize-1-ref.html
+== button-display-grid-fullsize-1.html button-display-grid-fullsize-1-ref.html
+
+== first-letter-1.html first-letter-1-ref.html
+!= first-letter-1.html first-letter-1-noref.html
+
+== max-height.html max-height-ref.html
+== min-height.html min-height-ref.html
+
+# Android is off ever-so-slightly on the points where the text
+# runs into the border on this text, so a little fuzz is needed.
+fuzzy-if(Android,0-1,0-16) == overflow-areas-1.html overflow-areas-1-ref.html
+
+# The buttons in these tests have some fancy shading applied to their corners
+# on Android, despite their "-moz-appearance: none; background: gray", so they
+# don't quite match the reference case's normal <div>. That's why they're fuzzy.
+fuzzy-if(Android,0-125,0-20) == percent-height-child.html percent-height-child-ref.html
+fuzzy-if(Android,0-125,0-20) == percent-width-child.html  percent-width-child-ref.html
+
+== vertical-centering.html vertical-centering-ref.html
+
+!= line-height-button-0.5.html line-height-button-1.0.html
+!= line-height-button-1.5.html line-height-button-1.0.html
+!= line-height-input-0.5.html line-height-input-1.0.html
+!= line-height-input-1.5.html line-height-input-1.0.html
+
+# Looks like Android changes the text color, but to something slightly
+# different from ColorGray
+== disabled-1.html disabled-1-ref.html
+== disabled-2.html disabled-2-ref.html
+
+!= disabled-3.html disabled-3-notref.html
+!= disabled-4.html disabled-4-notref.html
+!= disabled-5.html disabled-5-notref.html
+!= disabled-6.html disabled-6-notref.html
+
+!= author-padding.html author-padding-notref.html
+
+== width-auto-size-em-ltr.html width-auto-size-em-ltr-ref.html
+== width-auto-size-ltr.html width-auto-size-ltr-ref.html
+== width-exact-fit-ltr.html width-auto-size-ltr-ref.html
+== width-auto-size-em-rtl.html width-auto-size-em-rtl-ref.html
+== width-auto-size-rtl.html width-auto-size-rtl-ref.html
+== width-exact-fit-rtl.html width-auto-size-rtl-ref.html
+== display-grid-flex-columnset.html display-grid-flex-columnset-ref.html
+== button-empty-columns.html button-empty-columns-ref.html
+== 1317351.html 1317351-ref.html
+
+== dynamic-text-indent.html dynamic-text-indent-ref.html
+
+fuzzy(0-5,0-1) == 1349646.html 1349646-ref.html
+
+== appearance-revert.html appearance-revert-ref.html
+
+needs-focus == focus-non-themed.html focus-non-themed-ref.html
+
+== button-visibility-1.html button-visibility-1-ref.html
+
diff --git a/layout/reftests/forms/button/vertical-centering-ref.html b/layout/reftests/forms/button/vertical-centering-ref.html
new file mode 100644
index 0000000000..aa6d763676
--- /dev/null
+++ b/layout/reftests/forms/button/vertical-centering-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+    height: 100px;
+    display: inline-block;
+    border: 0;
+    padding: 0;
+
+    font: 2em/100px sans-serif;
+    text-align: center;
+
+    background: transparent;
+    color: black;
+}
+</style>
+</head>
+<body>
+<div>button</div>
+<div>button</div>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/vertical-centering.html b/layout/reftests/forms/button/vertical-centering.html
new file mode 100644
index 0000000000..08ca385191
--- /dev/null
+++ b/layout/reftests/forms/button/vertical-centering.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+input, div {
+    height: 100px;
+    display: inline-block;
+    border: 0;
+    padding: 0;
+
+    font: 2em sans-serif;
+
+    background: transparent;
+    color: black;
+}
+input {
+    -moz-appearance: none;
+}
+input::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+div {
+    line-height: 100px;
+    text-align: center;
+}
+</style>
+</head>
+<body>
+<input type='button' value='button' />
+<div>button</div>
+</body>
+</html>
diff --git a/layout/reftests/forms/button/width-auto-size-em-ltr-ref.html b/layout/reftests/forms/button/width-auto-size-em-ltr-ref.html
new file mode 100644
index 0000000000..4a998c3435
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-em-ltr-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+
+div.button {
+  display: inline-block;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 2em; width: 5em; border: 2px solid blue;
+}
+
+</style>
+
+<div class=button><span></span></div>
diff --git a/layout/reftests/forms/button/width-auto-size-em-ltr.html b/layout/reftests/forms/button/width-auto-size-em-ltr.html
new file mode 100644
index 0000000000..3285c3e955
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-em-ltr.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+
+button {
+  -moz-appearance: none;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 1em;
+  border-radius: 0; /* override mobile/android/themes/core/content.css */
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 2em; width: 5em; border: 2px solid blue;
+}
+
+</style>
+
+<button><span></span></button>
diff --git a/layout/reftests/forms/button/width-auto-size-em-rtl-ref.html b/layout/reftests/forms/button/width-auto-size-em-rtl-ref.html
new file mode 100644
index 0000000000..59f3ba424b
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-em-rtl-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html dir=rtl>
+<style>
+
+div.button {
+  display: inline-block;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 2em; width: 5em; border: 2px solid blue;
+}
+
+</style>
+
+<div class=button><span></span></div>
diff --git a/layout/reftests/forms/button/width-auto-size-em-rtl.html b/layout/reftests/forms/button/width-auto-size-em-rtl.html
new file mode 100644
index 0000000000..fb72ef97e9
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-em-rtl.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html dir=rtl>
+<style>
+
+button {
+  -moz-appearance: none;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 1em;
+  border-radius: 0; /* override mobile/android/themes/core/content.css */
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 2em; width: 5em; border: 2px solid blue;
+}
+
+</style>
+
+<button><span></span></button>
diff --git a/layout/reftests/forms/button/width-auto-size-ltr-ref.html b/layout/reftests/forms/button/width-auto-size-ltr-ref.html
new file mode 100644
index 0000000000..48372131ea
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-ltr-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<style>
+
+div.button {
+  display: inline-block;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 20px; width: 50px; border: 2px solid blue;
+}
+
+</style>
+
+<div class=button><span></span></div>
diff --git a/layout/reftests/forms/button/width-auto-size-ltr.html b/layout/reftests/forms/button/width-auto-size-ltr.html
new file mode 100644
index 0000000000..c8f3f7d110
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-ltr.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<style>
+
+button {
+  -moz-appearance: none;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+  border-radius: 0; /* override mobile/android/themes/core/content.css */
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 2em; width: 5em; border: 2px solid blue;
+}
+
+</style>
+
+<button><span></span></button>
diff --git a/layout/reftests/forms/button/width-auto-size-rtl-ref.html b/layout/reftests/forms/button/width-auto-size-rtl-ref.html
new file mode 100644
index 0000000000..f644a196f2
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-rtl-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html dir=rtl>
+<style>
+
+div.button {
+  display: inline-block;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 20px; width: 50px; border: 2px solid blue;
+}
+
+</style>
+
+<div class=button><span></span></div>
diff --git a/layout/reftests/forms/button/width-auto-size-rtl.html b/layout/reftests/forms/button/width-auto-size-rtl.html
new file mode 100644
index 0000000000..7ae3092f94
--- /dev/null
+++ b/layout/reftests/forms/button/width-auto-size-rtl.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html dir=rtl>
+<style>
+
+button {
+  -moz-appearance: none;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+  border-radius: 0; /* override mobile/android/themes/core/content.css */
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 2em; width: 5em; border: 2px solid blue;
+}
+
+</style>
+
+<button><span></span></button>
diff --git a/layout/reftests/forms/button/width-erode-all-focuspadding-rtl-ref.html b/layout/reftests/forms/button/width-erode-all-focuspadding-rtl-ref.html
new file mode 100644
index 0000000000..762e443f81
--- /dev/null
+++ b/layout/reftests/forms/button/width-erode-all-focuspadding-rtl-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html dir=rtl>
+<style>
+
+div.button {
+  display: inline-block;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 20px; width: 50px; border: 2px solid blue;
+  margin: 1px 0px; /* for implicit focuspadding, fully eroded */
+}
+
+</style>
+
+<div class=button><span></span></div>
diff --git a/layout/reftests/forms/button/width-erode-all-focuspadding-rtl.html b/layout/reftests/forms/button/width-erode-all-focuspadding-rtl.html
new file mode 100644
index 0000000000..d4b028b48e
--- /dev/null
+++ b/layout/reftests/forms/button/width-erode-all-focuspadding-rtl.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html dir=rtl>
+<style>
+
+button {
+  -moz-appearance: none;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+  width: 62px;
+  border-radius: 0; /* override mobile/android/themes/core/content.css */
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 20px; width: 50px; border: 2px solid blue;
+}
+
+</style>
+
+<button><span></span></button>
diff --git a/layout/reftests/forms/button/width-exact-fit-ltr.html b/layout/reftests/forms/button/width-exact-fit-ltr.html
new file mode 100644
index 0000000000..4978a57e4e
--- /dev/null
+++ b/layout/reftests/forms/button/width-exact-fit-ltr.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<style>
+
+button {
+  -moz-appearance: none;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+  width: 62px;
+  border-radius: 0; /* override mobile/android/themes/core/content.css */
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 20px; width: 50px; border: 2px solid blue;
+}
+
+</style>
+
+<button><span></span></button>
diff --git a/layout/reftests/forms/button/width-exact-fit-rtl.html b/layout/reftests/forms/button/width-exact-fit-rtl.html
new file mode 100644
index 0000000000..d4b028b48e
--- /dev/null
+++ b/layout/reftests/forms/button/width-exact-fit-rtl.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html dir=rtl>
+<style>
+
+button {
+  -moz-appearance: none;
+  background: yellow;
+  border: 2px solid fuchsia;
+  padding: 2px;
+  font-size: 10px;
+  width: 62px;
+  border-radius: 0; /* override mobile/android/themes/core/content.css */
+}
+
+span {
+  display: inline-block; vertical-align: middle;
+  height: 20px; width: 50px; border: 2px solid blue;
+}
+
+</style>
+
+<button><span></span></button>
diff --git a/layout/reftests/forms/display-block-baselines-1-ref.html b/layout/reftests/forms/display-block-baselines-1-ref.html
new file mode 100644
index 0000000000..d01c086b5d
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-1-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase #1 for bug 1330962</title>
+  <style type="text/css">
+@font-face {
+ src: url(../fonts/Ahem.ttf);
+ font-family: Ahem;
+}
+html,body {
+  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+* { font:16px/1 Ahem; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-grid">
+    A<img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-grid">
+    A
+    <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input type="text" value="text"></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input type="text" value="text"></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input type="text"></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input class="no-theme" type="text" value="text"></div>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-1.html b/layout/reftests/forms/display-block-baselines-1.html
new file mode 100644
index 0000000000..96ebdad713
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-1.html
@@ -0,0 +1,92 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #1 for bug 1330962</title>
+  <style type="text/css">
+@font-face {
+ src: url(../fonts/Ahem.ttf);
+ font-family: Ahem;
+}
+html,body {
+  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+* { font:16px/1 Ahem; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block" type="text" value="text">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block scroll" type="text" value="text">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block" type="text">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block no-theme" type="text" value="text">
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-2-ref.html b/layout/reftests/forms/display-block-baselines-2-ref.html
new file mode 100644
index 0000000000..441a927b49
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-2-ref.html
@@ -0,0 +1,100 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase #2 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+  color: black;
+  text-align: start;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A<div>
+    <div style="display:inline-block"><input type="button" value="button"></div></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><button>button</button></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input class="no-theme" type="button" value="button"></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <button class="no-theme">button-first<div style="font-size:10px">button-last</div></button>
+  </div>
+  B
+  <div class="no-theme" style="display:inline-block">button-first<div style="font-size:10px">button-last</div></div>
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <button class="no-theme" style="display:inline-grid">button-first<x style="font-size:10px">button-last</x></button>
+  </div>
+  B
+  <div class="no-theme" style="display:inline-grid">button-first<x style="font-size:10px">button-last</x></div>
+</div>
+
+<div>
+  <div style="display:inline-grid">
+    A
+    <input type="checkbox" class="block" checked>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-grid">
+    A
+    <input type="radio" class="block" checked>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-2.html b/layout/reftests/forms/display-block-baselines-2.html
new file mode 100644
index 0000000000..78253fe4c2
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-2.html
@@ -0,0 +1,100 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #2 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+  color: black;
+  text-align: start;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block" type="button" value="button">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <button class="block">button</button>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block no-theme" type="button" value="button">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <button class="block no-theme">button-first<div style="font-size:10px">button-last</div></button>
+  </div>
+  B
+  <button class="no-theme">button-first<div style="font-size:10px">button-last</div></button>
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <button class="grid no-theme">button-first<x style="font-size:10px">button-last</x></button>
+  </div>
+  B
+  <button class="no-theme" style="display:inline-grid">button-first<x style="font-size:10px">button-last</x></button>
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input type="checkbox" class="block" checked>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input type="radio" class="block" checked>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-3-ref.html b/layout/reftests/forms/display-block-baselines-3-ref.html
new file mode 100644
index 0000000000..8e32be544b
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-3-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase #3 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+.grid {
+  display: inline-grid;
+  baseline-source: last;
+}
+  </style>
+</head>
+<body>
+
+<div>
+  <div class="grid">
+    A
+    <textarea class="block">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div class="grid">
+    A
+    <textarea class="block no-theme">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div class="grid">
+    A
+    <textarea class="block no-theme no-scroll">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div class="grid">
+    A<br>
+    <div style="display:inline-block"><fieldset style="display:inline">fieldset-first<br>fieldset-last</fieldset></div>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-3.html b/layout/reftests/forms/display-block-baselines-3.html
new file mode 100644
index 0000000000..9f3c2b1101
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-3.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #3 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <textarea class="block">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <textarea class="block no-theme">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <textarea class="block no-theme no-scroll">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <fieldset class="block">fieldset-first<br>fieldset-last</fieldset>
+  </div>
+  B
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-4-ref.html b/layout/reftests/forms/display-block-baselines-4-ref.html
new file mode 100644
index 0000000000..5015d50c42
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-4-ref.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase #4 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><fieldset style="display:inline"><legend>legend</legend>
+fieldset-first<br>fieldset-last</fieldset></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <fieldset style="display:inline-grid">grid-fieldset-first<x>grid-fieldset-last</x></fieldset>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <fieldset style="display:inline" class="no-theme">fieldset-first<br>fieldset-last</fieldset>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <fieldset style="display:inline" class="no-theme scroll">fieldset-first<br>fieldset-last</fieldset>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-4.html b/layout/reftests/forms/display-block-baselines-4.html
new file mode 100644
index 0000000000..1bfd344b0e
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #4 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <fieldset class="block"><legend>legend</legend>
+fieldset-first<br>fieldset-last</fieldset>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <fieldset class="grid"><x style="order:2">grid-fieldset-last</x>grid-fieldset-first</fieldset>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <fieldset class="block no-theme">fieldset-first<br>fieldset-last</fieldset>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <fieldset class="block no-theme scroll">fieldset-first<br>fieldset-last</fieldset>
+  </div>
+  B
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-5-ref.html b/layout/reftests/forms/display-block-baselines-5-ref.html
new file mode 100644
index 0000000000..0dce47f593
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-5-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase #5 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <input type="color">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <input type="color" class="no-theme">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <select><option>select</select>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <select class="no-theme"><option>select</select>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/display-block-baselines-5.html b/layout/reftests/forms/display-block-baselines-5.html
new file mode 100644
index 0000000000..0359c8a6fb
--- /dev/null
+++ b/layout/reftests/forms/display-block-baselines-5.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #5 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input type="color" class="block">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input type="color" class="block no-theme">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <select class="block"><option>select</select>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <select class="block no-theme"><option>select</select>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/abs-pos-child-sizing-ref.html b/layout/reftests/forms/fieldset/abs-pos-child-sizing-ref.html
new file mode 100644
index 0000000000..405cfaf0a9
--- /dev/null
+++ b/layout/reftests/forms/fieldset/abs-pos-child-sizing-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 971653</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+div {
+    position: absolute;
+    background: rgba(0,255,0,0.5);
+    top:0; bottom:0;
+    left:0; right:0;
+    z-index: 0;
+}
+c {
+    display: block;
+    background: blue;
+    height:100%;
+}
+
+legend { height: 24px; }
+
+fieldset {
+    position: absolute;
+    border: 2px green solid;
+    width: 100px;
+    height: 100px;
+    margin-bottom:40px;
+}
+
+#t1,#t3 { padding: 3px 5px 7px 11px; }
+#t2,#t4 { padding: 0; }
+
+#t1 div, #t3 div {
+    /* same numbers as padding above */
+    left: -11px; right: -5px;
+    top:  -3px;  bottom:-7px;
+}
+
+#t2 { top: 120px; }
+#t3 { top: 240px; }
+#t4 { top: 360px; }
+
+x {
+    position: absolute;
+    width:100px;
+    height:100px;
+}
+#t1 x, #t2 x {
+    height:78px; /* compensate for legend */
+}
+    </style>
+</head>
+<body>
+
+
+<fieldset id="t1">
+    <legend>legend</legend>
+    <x><div></div><c></c></x>
+</fieldset>
+
+<fieldset id="t2">
+    <legend>legend</legend>
+    <x><div></div></x>
+</fieldset>
+
+<fieldset id="t3">
+    <x><div></div><c></c></x>
+</fieldset>
+
+<fieldset id="t4">
+    <x><div></div></x>
+</fieldset>
+
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/abs-pos-child-sizing.html b/layout/reftests/forms/fieldset/abs-pos-child-sizing.html
new file mode 100644
index 0000000000..72d47deac9
--- /dev/null
+++ b/layout/reftests/forms/fieldset/abs-pos-child-sizing.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 971653</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+div {
+    position: absolute;
+    background: rgba(0,255,0,0.5);
+    top:0; bottom:0;
+    left:0; right:0;
+    z-index: 0;
+}
+c {
+    display: block;
+    background: blue;
+    height:100%;
+}
+
+legend { height: 24px; }
+
+fieldset {
+    position: absolute;
+    border: 2px green solid;
+    width: 100px;
+    height: 100px;
+    margin-bottom:40px;
+}
+
+#t1,#t3 { padding: 3px 5px 7px 11px; }
+#t2,#t4 { padding: 0; }
+
+#t2 { top: 120px; }
+#t3 { top: 240px; }
+#t4 { top: 360px; }
+    </style>
+</head>
+<body>
+
+
+<fieldset id="t1">
+    <legend>legend</legend>
+    <div></div><c></c>
+</fieldset>
+
+<fieldset id="t2">
+    <legend>legend</legend>
+    <div></div>
+</fieldset>
+
+<fieldset id="t3">
+    <div></div><c></c>
+</fieldset>
+
+<fieldset id="t4">
+    <div></div>
+</fieldset>
+
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/blue-1x1.png b/layout/reftests/forms/fieldset/blue-1x1.png
new file mode 100644
index 0000000000..5da0137001
Binary files /dev/null and b/layout/reftests/forms/fieldset/blue-1x1.png differ
diff --git a/layout/reftests/forms/fieldset/dynamic-legend-scroll-1-ref.html b/layout/reftests/forms/fieldset/dynamic-legend-scroll-1-ref.html
new file mode 100644
index 0000000000..4f2e7ba477
--- /dev/null
+++ b/layout/reftests/forms/fieldset/dynamic-legend-scroll-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+fieldset { 
+  background:pink;
+  overflow:hidden;
+  height:100px;
+}
+legend::after { content:"legend"; }
+p {
+  background:lime;
+  height:20px;
+}
+</style>
+</head>
+<body>
+<fieldset id="f1"><legend></legend><p></p></fieldset>
+<br>
+<fieldset id="f2"><legend></legend><p></p></fieldset>
+<br>
+<fieldset id="f3"><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/dynamic-legend-scroll-1.html b/layout/reftests/forms/fieldset/dynamic-legend-scroll-1.html
new file mode 100644
index 0000000000..0870f06a00
--- /dev/null
+++ b/layout/reftests/forms/fieldset/dynamic-legend-scroll-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+fieldset { 
+  background:pink;
+  overflow:hidden;
+  height:100px;
+}
+legend::after { content:"legend"; }
+p {
+  background:lime;
+  height:20px;
+}
+</style>
+</head>
+<body>
+<fieldset id="f1"><p></p></fieldset>
+<br>
+<fieldset id="f2"><p></p></fieldset>
+<br>
+<fieldset id="f3"></fieldset>
+<script>
+function doTest() {
+  f1.appendChild(document.createElement('legend'));
+  f2.insertBefore(document.createElement('legend'), f2.firstChild);
+  f3.appendChild(document.createElement('legend'));
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/dynamic-text-indent-ref.html b/layout/reftests/forms/fieldset/dynamic-text-indent-ref.html
new file mode 100644
index 0000000000..0bbc8c1497
--- /dev/null
+++ b/layout/reftests/forms/fieldset/dynamic-text-indent-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<fieldset style="border: none; text-indent: 100px">Text</fieldset>
diff --git a/layout/reftests/forms/fieldset/dynamic-text-indent.html b/layout/reftests/forms/fieldset/dynamic-text-indent.html
new file mode 100644
index 0000000000..eb7509c77a
--- /dev/null
+++ b/layout/reftests/forms/fieldset/dynamic-text-indent.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <fieldset style="border: none">Text</fieldset>
+  <script>
+    onload = function() {
+      var f = document.querySelector("fieldset");
+      window.w = f.offsetWidth;
+      f.style.textIndent = "100px";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-border-image-1-ref.html b/layout/reftests/forms/fieldset/fieldset-border-image-1-ref.html
new file mode 100644
index 0000000000..b6e8dcc78c
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-border-image-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  div {
+    padding: 0;
+    margin: 10px;
+    height: 100px;
+    width: 100px;
+    border: 10px solid;
+    border-image-source: url(blue-1x1.png);
+    border-image-outset: 10px;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/forms/fieldset/fieldset-border-image-1a.html b/layout/reftests/forms/fieldset/fieldset-border-image-1a.html
new file mode 100644
index 0000000000..6e106c37e1
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-border-image-1a.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  fieldset {
+    padding: 0;
+    margin: 10px;
+    height: 100px;
+    width: 100px;
+    border: 10px solid;
+    border-image-source: url(blue-1x1.png);
+    border-image-outset: 10px;
+  }
+</style>
+<fieldset></fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-border-image-1b.html b/layout/reftests/forms/fieldset/fieldset-border-image-1b.html
new file mode 100644
index 0000000000..9d3b518892
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-border-image-1b.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+  fieldset {
+    padding: 0;
+    margin: 10px;
+    height: 100px;
+    width: 100px;
+    border: 10px solid;
+    border-image-source: url(blue-1x1.png);
+    border-image-outset: 10px;
+  }
+</style>
+<fieldset><legend></legend></fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-border-image-2-ref.html b/layout/reftests/forms/fieldset/fieldset-border-image-2-ref.html
new file mode 100644
index 0000000000..fbadfa1246
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-border-image-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+  div {
+    padding: 0;
+    margin: 10px;
+    height: 100px;
+    width: 100px;
+    border: 10px solid;
+    border-image-source: url(blue-1x1.png);
+    border-image-outset: 10px;
+    transform: scale(0.5);
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/forms/fieldset/fieldset-border-image-2a.html b/layout/reftests/forms/fieldset/fieldset-border-image-2a.html
new file mode 100644
index 0000000000..39ae50f939
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-border-image-2a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+  fieldset {
+    padding: 0;
+    margin: 10px;
+    height: 100px;
+    width: 100px;
+    border: 10px solid;
+    border-image-source: url(blue-1x1.png);
+    border-image-outset: 10px;
+    transform: scale(0.5);
+  }
+</style>
+<fieldset></fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-border-image-2b.html b/layout/reftests/forms/fieldset/fieldset-border-image-2b.html
new file mode 100644
index 0000000000..1368a019f6
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-border-image-2b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+  fieldset {
+    padding: 0;
+    margin: 10px;
+    height: 100px;
+    width: 100px;
+    border: 10px solid;
+    border-image-source: url(blue-1x1.png);
+    border-image-outset: 10px;
+    transform: scale(0.5);
+  }
+</style>
+<fieldset><legend></legend></fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-flexbox-001-ref.html b/layout/reftests/forms/fieldset/fieldset-flexbox-001-ref.html
new file mode 100644
index 0000000000..80b64f8f86
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-flexbox-001-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<style>
+p { flex-grow: 1; }
+</style>
+<fieldset style="overflow:hidden; width:200px; height:200px;">
+  <legend>Legend</legend>
+<div style="display:flex;">
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</div>
+</fieldset>
+<fieldset>
+  <legend>Legend</legend>
+<div style="display:flex;">
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-flexbox-001.html b/layout/reftests/forms/fieldset/fieldset-flexbox-001.html
new file mode 100644
index 0000000000..b78d28cf59
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-flexbox-001.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<style>
+p { flex-grow: 1; }
+</style>
+<fieldset style="display:flex; overflow:hidden; width:200px; height:200px;">
+  <legend>Legend</legend>
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</fieldset>
+<fieldset style="display:flex;">
+  <legend>Legend</legend>
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-grid-001-ref.html b/layout/reftests/forms/fieldset/fieldset-grid-001-ref.html
new file mode 100644
index 0000000000..f99de22522
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-grid-001-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="overflow:hidden; width:200px; height:200px;">
+  <legend>Legend</legend>
+<div style="display:grid; grid-template-columns: repeat(4,50px); grid-auto-rows: 20px;">
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</div>
+</fieldset>
+<fieldset>
+  <legend>Legend</legend>
+<div style="display:grid; grid-auto-columns: 50px; grid-auto-rows: 20px;">
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-grid-001.html b/layout/reftests/forms/fieldset/fieldset-grid-001.html
new file mode 100644
index 0000000000..37bfaa6be1
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-grid-001.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="display:grid; overflow:hidden; grid-template-columns: repeat(4,50px); grid-auto-rows: 20px; width:200px; height:200px;">
+  <legend>Legend</legend>
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</fieldset>
+<fieldset style="display:grid; grid-auto-columns: 50px; grid-auto-rows: 20px;">
+  <legend>Legend</legend>
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+  <p>X
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-height-resize-1-ref.html b/layout/reftests/forms/fieldset/fieldset-height-resize-1-ref.html
new file mode 100644
index 0000000000..3a707d21aa
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-height-resize-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Testcase, bug 1576864</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <style>
+
+  fieldset {
+    background: aqua;
+    color: black;
+    position: absolute;
+    top: 20px;
+    left: 20px;
+  }
+
+  </style>
+
+</head>
+<body>
+
+<fieldset id="set" style="width:200px; height:200px;">
+  This should be in a square.
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-height-resize-1.html b/layout/reftests/forms/fieldset/fieldset-height-resize-1.html
new file mode 100644
index 0000000000..89848b3931
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-height-resize-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Testcase, bug 1576864</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <style>
+
+  fieldset {
+    background: aqua;
+    color: black;
+    position: absolute;
+    top: 20px;
+    left: 20px;
+  }
+
+  </style>
+
+  <script>
+
+    window.onload=function(){
+      document.body.offsetHeight;
+      document.getElementById("set").style.height = "200px";
+    }
+
+  </script>
+
+</head>
+<body>
+
+<fieldset id="set" style="width:200px; height:40px;">
+  This should be in a square.
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-hidden-1-ref.html b/layout/reftests/forms/fieldset/fieldset-hidden-1-ref.html
new file mode 100644
index 0000000000..da53b994d0
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-hidden-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="width:200px; height:200px; padding:0">
+  <legend>Legend</legend>
+  <div style="overflow:hidden; height:100%;">
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+  </div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-hidden-1.html b/layout/reftests/forms/fieldset/fieldset-hidden-1.html
new file mode 100644
index 0000000000..b1046ed726
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-hidden-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="overflow:hidden; width:200px; height:200px; padding:0">
+  <legend>Legend</legend>
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-intrinsic-width-1-ref.html b/layout/reftests/forms/fieldset/fieldset-intrinsic-width-1-ref.html
new file mode 100644
index 0000000000..ec0c49ffeb
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-intrinsic-width-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="width:0; padding:0;">
+  <div style="width:400px; height:200px;"></div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-intrinsic-width-1.html b/layout/reftests/forms/fieldset/fieldset-intrinsic-width-1.html
new file mode 100644
index 0000000000..3326dff9b1
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-intrinsic-width-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="padding:50px; float:left;">
+  <div style="width:300px; height:100px;"></div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-inline-size-1-ref.html b/layout/reftests/forms/fieldset/fieldset-min-inline-size-1-ref.html
new file mode 100644
index 0000000000..db7c36622c
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-inline-size-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="writing-mode: vertical-lr; inline-size: -moz-fit-content">
+  Longwordgoeshere
+</fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-inline-size-1.html b/layout/reftests/forms/fieldset/fieldset-min-inline-size-1.html
new file mode 100644
index 0000000000..d7bead1afd
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-inline-size-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="writing-mode: vertical-lr; inline-size: 0">
+  Longwordgoeshere
+</fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-width-1-ref.html b/layout/reftests/forms/fieldset/fieldset-min-width-1-ref.html
new file mode 100644
index 0000000000..4a134d380b
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-width-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="width: -moz-fit-content">
+  Longwordgoeshere
+</fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-width-1a.html b/layout/reftests/forms/fieldset/fieldset-min-width-1a.html
new file mode 100644
index 0000000000..0c11bb9d3d
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-width-1a.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="width: 0">
+  Longwordgoeshere
+</fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-width-1b.html b/layout/reftests/forms/fieldset/fieldset-min-width-1b.html
new file mode 100644
index 0000000000..569408c24b
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-width-1b.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body style="width: 0">
+  <fieldset style="width: 0">
+    Longwordgoeshere
+  </fieldset>
+</body>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-width-2-ref.html b/layout/reftests/forms/fieldset/fieldset-min-width-2-ref.html
new file mode 100644
index 0000000000..d8ac552b57
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-width-2-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<fieldset style="width: -moz-fit-content">&ZeroWidthSpace;<!-- To give us the right height --></fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-width-2a.html b/layout/reftests/forms/fieldset/fieldset-min-width-2a.html
new file mode 100644
index 0000000000..21df3cc43c
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-width-2a.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset style="width: 0; min-width: 0">
+  <div style="visibility: hidden">Longwordgoeshere</div>
+</fieldset>
diff --git a/layout/reftests/forms/fieldset/fieldset-min-width-2b.html b/layout/reftests/forms/fieldset/fieldset-min-width-2b.html
new file mode 100644
index 0000000000..9b082726b4
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-min-width-2b.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body style="width: 0">
+  <fieldset style="min-width: 0">
+    <div style="visibility: hidden">Longwordgoeshere</div>
+  </fieldset>
+</body>
diff --git a/layout/reftests/forms/fieldset/fieldset-overflow-auto-1-ref.html b/layout/reftests/forms/fieldset/fieldset-overflow-auto-1-ref.html
new file mode 100644
index 0000000000..9732c7feab
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-overflow-auto-1-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 261037</title>
+    <style type="text/css">
+fieldset, div { 
+  background:pink;
+  overflow:auto;
+  height:100px;
+  margin:0; padding:0; border:0;
+}
+p {
+  background:blue;
+  height:100px;
+  margin:0; padding:0;
+}
+.overflow {
+  height:110px;
+}
+.abs {
+  position:absolute;
+  width:100px;
+  top:250px;
+}
+p.abs {
+  top:0;left:0;
+}
+.b { border:10px solid black; }
+.p { padding: 7px 0; }
+.p p { height:114px; }
+    </style>
+</head>
+<body>
+
+<div><p></p></div>
+<br>
+<div><p class="overflow"></p></div>
+<br>
+<div class="abs"><p class="abs"></p></div>
+<br>
+<div class="abs" style="left:120px"><p class="abs overflow"></p></div>
+<br>
+<div class="abs b" style="left:240px"><p class="abs"></p></div>
+<br>
+<div class="abs b" style="left:370px"><p class="abs overflow"></p></div>
+<br>
+<div class="abs b p" style="left:510px"><p class="abs"></p></div>
+<br>
+<div class="abs b p" style="left:640px"><p class="abs overflow"></p></div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-overflow-auto-1.html b/layout/reftests/forms/fieldset/fieldset-overflow-auto-1.html
new file mode 100644
index 0000000000..d9cf97cf6e
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-overflow-auto-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 261037</title>
+    <style type="text/css">
+fieldset, div { 
+  background:pink;
+  overflow:auto;
+  height:100px;
+  margin:0; padding:0; border:0;
+}
+p {
+  background:blue;
+  height:100px;
+  margin:0; padding:0;
+}
+.overflow {
+  height:110px;
+}
+.abs {
+  position:absolute;
+  width:100px;
+  top:250px;
+}
+p.abs {
+  top:0;left:0;
+}
+.b { border:10px solid black; }
+.p { padding: 7px 0; }
+.p p { height:114px; }
+    </style>
+</head>
+<body>
+
+<fieldset><p></p></fieldset>
+<br>
+<fieldset><p class="overflow"></p></fieldset>
+<br>
+<fieldset class="abs"><p class="abs"></p></fieldset>
+<br>
+<fieldset class="abs" style="left:120px"><p class="abs overflow"></p></fieldset>
+<br>
+<fieldset class="abs b" style="left:240px"><p class="abs"></p></fieldset>
+<br>
+<fieldset class="abs b" style="left:370px"><p class="abs overflow"></p></fieldset>
+<br>
+<fieldset class="abs b p" style="left:510px"><p class="abs"></p></fieldset>
+<br>
+<fieldset class="abs b p" style="left:640px"><p class="abs overflow"></p></fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-percentage-padding-1-ref.html b/layout/reftests/forms/fieldset/fieldset-percentage-padding-1-ref.html
new file mode 100644
index 0000000000..bc926d00c9
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-percentage-padding-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:700px; border:2px solid green; overflow:hidden">
+  <fieldset style="padding:140px; width:400px;">
+    <legend>Legend</legend>
+    TextTextTextTextTextText
+  </fieldset>
+  <fieldset style="padding:140px; display:inline;">
+    <legend>Legend</legend>
+    TextTextTextTextTextText
+  </fieldset>
+  <fieldset style="padding:140px; float:left;">
+    <legend>Legend</legend>
+    TextTextTextTextTextText
+  </fieldset>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-percentage-padding-1.html b/layout/reftests/forms/fieldset/fieldset-percentage-padding-1.html
new file mode 100644
index 0000000000..ab9a66ab15
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-percentage-padding-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="width:700px; border:2px solid green; overflow:hidden">
+  <fieldset style="padding:20%; width:400px;">
+    <legend>Legend</legend>
+    TextTextTextTextTextText
+  </fieldset>
+  <fieldset style="padding:20%; display:inline;">
+    <legend>Legend</legend>
+    TextTextTextTextTextText
+  </fieldset>
+  <fieldset style="padding:20%; float:left;">
+    <legend>Legend</legend>
+    TextTextTextTextTextText
+  </fieldset>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-scroll-1-ref.html b/layout/reftests/forms/fieldset/fieldset-scroll-1-ref.html
new file mode 100644
index 0000000000..e8a696bd1f
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-scroll-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="width:200px; height:200px; padding:0">
+  <legend>Legend</legend>
+  <div style="overflow:scroll; height:100%">
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-scroll-1.html b/layout/reftests/forms/fieldset/fieldset-scroll-1.html
new file mode 100644
index 0000000000..3f4d75daf0
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-scroll-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="overflow:scroll; width:200px; height:200px; padding:0">
+  <legend>Legend</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-scrolled-1-ref.html b/layout/reftests/forms/fieldset/fieldset-scrolled-1-ref.html
new file mode 100644
index 0000000000..dc9bcaf9ea
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-scrolled-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="width:200px; height:200px; padding:0">
+  <legend style="overflow:hidden">Legend</legend>
+  <div id="d" style="overflow:hidden; height:100%;">
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+    <p>Hello Kitty
+  </div>
+</fieldset>
+<script>
+d.scrollTop = 20;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/fieldset-scrolled-1.html b/layout/reftests/forms/fieldset/fieldset-scrolled-1.html
new file mode 100644
index 0000000000..12aac6bddb
--- /dev/null
+++ b/layout/reftests/forms/fieldset/fieldset-scrolled-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<fieldset id="f" style="overflow:hidden; width:200px; height:200px; padding:0">
+  <legend style="overflow:hidden">Legend</legend>
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+  <p>Hello Kitty
+</fieldset>
+<script>
+f.scrollTop = 0;
+function doTest() {
+  f.scrollTop = 20;
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/legend-overlapping-right-border-1-ref.html b/layout/reftests/forms/fieldset/legend-overlapping-right-border-1-ref.html
new file mode 100644
index 0000000000..108df6d8ca
--- /dev/null
+++ b/layout/reftests/forms/fieldset/legend-overlapping-right-border-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+  fieldset {
+    min-width: 0;
+    width: 0;
+  }
+  legend {
+    width: 100px;
+    height: 20px;
+    background: white;
+  }
+</style>
+<fieldset>
+  <legend></legend>
+</fieldset>
diff --git a/layout/reftests/forms/fieldset/legend-overlapping-right-border-1.html b/layout/reftests/forms/fieldset/legend-overlapping-right-border-1.html
new file mode 100644
index 0000000000..1f47db372b
--- /dev/null
+++ b/layout/reftests/forms/fieldset/legend-overlapping-right-border-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+  fieldset {
+    min-width: 0;
+    width: 0;
+  }
+  legend {
+    width: 100px;
+    height: 20px;
+  }
+</style>
+<fieldset>
+  <legend></legend>
+</fieldset>
diff --git a/layout/reftests/forms/fieldset/legend-rtl-ref.html b/layout/reftests/forms/fieldset/legend-rtl-ref.html
new file mode 100644
index 0000000000..10fb1d1b26
--- /dev/null
+++ b/layout/reftests/forms/fieldset/legend-rtl-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+<fieldset><legend style="position:relative;left:20px;">Legend</legend></fieldset>
+<fieldset dir="rtl"><legend style="position:relative;right:20px;">Legend</legend></fieldset>
+</html>
diff --git a/layout/reftests/forms/fieldset/legend-rtl.html b/layout/reftests/forms/fieldset/legend-rtl.html
new file mode 100644
index 0000000000..7a4f114a01
--- /dev/null
+++ b/layout/reftests/forms/fieldset/legend-rtl.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+<fieldset><legend dir="rtl" style="position:relative;left:20px;">Legend</legend></fieldset>
+<fieldset dir="rtl"><legend dir="ltr" style="position:relative;right:20px;">Legend</legend></fieldset>
+</html>
diff --git a/layout/reftests/forms/fieldset/overflow-hidden-ref.html b/layout/reftests/forms/fieldset/overflow-hidden-ref.html
new file mode 100644
index 0000000000..0c00977f58
--- /dev/null
+++ b/layout/reftests/forms/fieldset/overflow-hidden-ref.html
@@ -0,0 +1,175 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 971933</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px;
+        }
+#f0 div::before { content: "f0"; }
+#f1 div::before { content: "f1"; }
+#f2 div::before { content: "f2"; }
+#f3 div::before { content: "f3"; }
+#f4 div::before { content: "f4"; }
+#f5 div::before { content: "f5"; }
+#f6 div::before { content: "f6"; }
+#f7 div::before { content: "f7"; }
+#f8 div::before { content: "f8"; }
+#f9 div::before { content: "f9"; }
+
+legend { background:pink; height:30px; }
+div { background:yellow; height:100px; overflow:hidden; }
+fieldset {
+    border-width:0;
+    padding:0;
+    margin:0;
+    margin-top:6px;
+    outline:1px dotted black;
+    height:auto;
+    background:grey;
+
+    padding-bottom:0px;
+    padding-top:5px;
+    border:1px solid blue;
+    border-top-width:7px;
+}
+
+#f1 { }
+#f2 { border-top-width:0; }
+#f3 { border-width:0; }
+#f4 { border-bottom-width:0; }
+#f5 { border-width:0; padding:0; }
+#f6 { border-width:0; padding-bottom:0; }
+#f7 { border-width:0; padding-top:0; }
+#f8 { padding-top:0; }
+#f9 { padding-bottom:0; }
+#f0 { padding:0; }
+
+#c2 fieldset { height:29px; }
+
+#c3 fieldset { height:39px; }
+
+#c4 fieldset { height:29px; }
+#c4 legend { height: 20px; }
+
+#c5 legend { height:21px; }
+#c5 fieldset { border-top-width:31px; }
+
+.col { float:left; width:10ch; margin-left:6px; }
+
+#c1 div { height:3px; } #c1 #f6 div, #c1 #f9 div, #c1 #f0 div { height:0; }
+#c1 #f5 div { height:0px; }
+
+#c2 div { height:9px; }
+  #c2 #f1 { padding-bottom:3px; } #c2 #f1 div { height:9px;}
+  #c2 #f2 { padding-bottom:3px; } #c2 #f2 div { height:3px; }
+  #c2 #f3 { padding-bottom:3px; } #c2 #f3 div { height:3px; }
+  #c2 #f4 { padding-bottom:3px; }
+  #c2 #f5 div { height:0; }
+  #c2 #f6 div { height:0; }
+  #c2 #f7 { padding-bottom:3px; } #c2 #f7 div { height:3px; }
+  #c2 #f8 { padding-bottom:3px; } #c2 #f8 div { height:9px; }
+  #c2 #f9 div { height:6px; }
+  #c2 #f0 div { height:6px; }
+
+#c3 fieldset { padding-bottom:3px; }
+  #c3 #f1 div { height:19px; }
+  #c3 #f2 div { height:12px; }
+  #c3 #f3 div { height:12px; }
+  #c3 #f4 div { height:19px; }
+  #c3 #f5 { padding-bottom:0; } #c3 #f5 div { height:9px; }
+  #c3 #f6 { padding-bottom:0; } #c3 #f6 div { height:9px; }
+  #c3 #f7 div { height:12px; }
+  #c3 #f8 div { height:19px; }
+  #c3 #f9 { padding-bottom:0; } #c3 #f9 div { height:16px; }
+  #c3 #f0 { padding-bottom:0; } #c3 #f0 div { height:16px; }
+
+#c4 fieldset { padding-bottom:3px; }
+  #c4 #f1 div { height:19px; }
+  #c4 #f2 div { height:12px; }
+  #c4 #f3 div { height:12px; }
+  #c4 #f4 div { height:19px; }
+  #c4 #f5 { padding-bottom:0; } #c4 #f5 div { height:9px; }
+  #c4 #f6 { padding-bottom:0; } #c4 #f6 div { height:9px; }
+  #c4 #f7 div { height:12px; }
+  #c4 #f8 div { height:19px; }
+  #c4 #f9 { padding-bottom:0; } #c4 #f9 div { height:16px; }
+  #c4 #f0 { padding-bottom:0; } #c4 #f0 div { height:16px; }
+
+  #c5 #f1 div { height:18px; }
+  #c5 #f2 div { height:18px; }
+  #c5 #f3 div { height:18px; }
+  #c5 #f4 div { height:18px; }
+  #c5 #f5 div { height:15px; }
+  #c5 #f6 div { height:15px; }
+  #c5 #f7 div { height:18px; }
+  #c5 #f8 div { height:18px; }
+  #c5 #f9 div { height:15px; }
+  #c5 #f0 div { height:15px; }
+
+</style>
+</head>
+<body>
+<span id=c1 class=col>C1
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c2 class=col>C2
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c3 class=col>C3
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c4 class=col>C4
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c5 class=col>C5
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/overflow-hidden.html b/layout/reftests/forms/fieldset/overflow-hidden.html
new file mode 100644
index 0000000000..4801348036
--- /dev/null
+++ b/layout/reftests/forms/fieldset/overflow-hidden.html
@@ -0,0 +1,125 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 971933</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px;
+        }
+#f0 div::before { content: "f0"; }
+#f1 div::before { content: "f1"; }
+#f2 div::before { content: "f2"; }
+#f3 div::before { content: "f3"; }
+#f4 div::before { content: "f4"; }
+#f5 div::before { content: "f5"; }
+#f6 div::before { content: "f6"; }
+#f7 div::before { content: "f7"; }
+#f8 div::before { content: "f8"; }
+#f9 div::before { content: "f9"; }
+
+legend { background:pink; height:30px; }
+div { background:yellow; height:100px; }
+fieldset {
+    border-width:0;
+    padding:0;
+    margin:0;
+    margin-top:6px;
+    outline:1px dotted black;
+    height:15px;
+    overflow:hidden;
+    background:grey;
+
+    padding-bottom:3px;
+    padding-top:5px;
+    border:1px solid blue;
+    border-top-width:7px;
+}
+
+#f1 {}
+#f2 { border-top-width:0; }
+#f3 { border-width:0; }
+#f4 { border-bottom-width:0; }
+#f5 { border-width:0; padding:0; }
+#f6 { border-width:0; padding-bottom:0; }
+#f7 { border-width:0; padding-top:0; }
+#f8 { padding-top:0; }
+#f9 { padding-bottom:0; }
+#f0 { padding:0; }
+
+#c2 fieldset { height:29px; }
+
+#c3 fieldset { height:39px; }
+
+#c4 fieldset { height:29px; }
+#c4 legend { height: 20px; }
+
+#c5 legend { height:21px; }
+#c5 fieldset { border-top-width:31px; }
+
+.col { float:left; width:10ch; margin-left:6px; }
+</style>
+</head>
+<body>
+<span id=c1 class=col>C1
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c2 class=col>C2
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c3 class=col>C3
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c4 class=col>C4
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+<span id=c5 class=col>C5
+        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
+        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
+</span>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/positioned-container-1-ref.html b/layout/reftests/forms/fieldset/positioned-container-1-ref.html
new file mode 100644
index 0000000000..b7988f3791
--- /dev/null
+++ b/layout/reftests/forms/fieldset/positioned-container-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="position:relative; overflow:hidden; width:500px; height:500px;">
+  <legend>Legend</legend>
+  <div style="height:1000px;">
+    <div style="position:absolute; padding:2px; left:20px; top:20px; background:yellow;">Abs-pos</div>
+  </div>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/positioned-container-1.html b/layout/reftests/forms/fieldset/positioned-container-1.html
new file mode 100644
index 0000000000..04e81ca6b5
--- /dev/null
+++ b/layout/reftests/forms/fieldset/positioned-container-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset id="f" style="position:relative; overflow:hidden; width:500px; height:500px;">
+  <legend>Legend</legend>
+  <div style="height:1000px;">
+    <div style="position:absolute; padding:2px; left:20px; top:50px; background:yellow;">Abs-pos</div>
+  </div>
+</fieldset>
+<script>
+f.scrollTop = 30;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/reftest.list b/layout/reftests/forms/fieldset/reftest.list
new file mode 100644
index 0000000000..f99032a3ec
--- /dev/null
+++ b/layout/reftests/forms/fieldset/reftest.list
@@ -0,0 +1,30 @@
+fuzzy(0-2,0-13) == dynamic-legend-scroll-1.html dynamic-legend-scroll-1-ref.html
+== fieldset-hidden-1.html fieldset-hidden-1-ref.html
+== fieldset-intrinsic-width-1.html fieldset-intrinsic-width-1-ref.html
+== fieldset-percentage-padding-1.html fieldset-percentage-padding-1-ref.html
+== fieldset-scroll-1.html fieldset-scroll-1-ref.html
+== fieldset-scrolled-1.html fieldset-scrolled-1-ref.html
+== fieldset-overflow-auto-1.html fieldset-overflow-auto-1-ref.html
+fuzzy-if(!layersGPUAccelerated,0-142,0-276) == positioned-container-1.html positioned-container-1-ref.html
+== relpos-legend-1.html relpos-legend-1-ref.html
+== relpos-legend-2.html relpos-legend-2-ref.html
+== relpos-legend-3.html relpos-legend-3-ref.html
+== relpos-legend-4.html relpos-legend-4-ref.html
+fails-if(useDrawSnapshot) == sticky-legend-1.html sticky-legend-1-ref.html
+fuzzy(0-1,0-40768) == abs-pos-child-sizing.html abs-pos-child-sizing-ref.html
+fuzzy-if(geckoview&&emulator,0-4,0-7) random-if(winWidget&&swgl) == overflow-hidden.html overflow-hidden-ref.html
+== legend-rtl.html legend-rtl-ref.html
+== fieldset-grid-001.html fieldset-grid-001-ref.html
+== fieldset-flexbox-001.html fieldset-flexbox-001-ref.html
+== fieldset-min-width-1a.html fieldset-min-width-1-ref.html
+== fieldset-min-width-1b.html fieldset-min-width-1-ref.html
+== fieldset-min-width-2a.html fieldset-min-width-2-ref.html
+== fieldset-min-width-2b.html fieldset-min-width-2-ref.html
+== fieldset-min-inline-size-1.html fieldset-min-inline-size-1-ref.html
+== legend-overlapping-right-border-1.html legend-overlapping-right-border-1-ref.html
+== fieldset-border-image-1a.html fieldset-border-image-1-ref.html
+== fieldset-border-image-1b.html fieldset-border-image-1-ref.html
+== fieldset-border-image-2a.html fieldset-border-image-2-ref.html
+== fieldset-border-image-2b.html fieldset-border-image-2-ref.html
+== dynamic-text-indent.html dynamic-text-indent-ref.html
+== fieldset-height-resize-1.html fieldset-height-resize-1-ref.html
diff --git a/layout/reftests/forms/fieldset/relpos-legend-1-ref.html b/layout/reftests/forms/fieldset/relpos-legend-1-ref.html
new file mode 100644
index 0000000000..c916817ddb
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend><div style="position:relative; top:20px">Legend</div></legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/relpos-legend-1.html b/layout/reftests/forms/fieldset/relpos-legend-1.html
new file mode 100644
index 0000000000..441dd92194
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend style="position:relative; top:20px">Legend</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/relpos-legend-2-ref.html b/layout/reftests/forms/fieldset/relpos-legend-2-ref.html
new file mode 100644
index 0000000000..4124b074bc
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend><span style="position:relative; top:20px">Legend</span></legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/relpos-legend-2.html b/layout/reftests/forms/fieldset/relpos-legend-2.html
new file mode 100644
index 0000000000..f1be56e26b
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend style="display:inline; position:relative; top:20px">Legend</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/relpos-legend-3-ref.html b/layout/reftests/forms/fieldset/relpos-legend-3-ref.html
new file mode 100644
index 0000000000..2a8c64055a
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-3-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend><div style="position:relative; left:20px">Legend</div></legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/relpos-legend-3.html b/layout/reftests/forms/fieldset/relpos-legend-3.html
new file mode 100644
index 0000000000..88db92986a
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-3.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend style="position:relative; left:20px">Legend</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/relpos-legend-4-ref.html b/layout/reftests/forms/fieldset/relpos-legend-4-ref.html
new file mode 100644
index 0000000000..05662164f8
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-4-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend><span style="position:relative; left:20px">Legend</span></legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/relpos-legend-4.html b/layout/reftests/forms/fieldset/relpos-legend-4.html
new file mode 100644
index 0000000000..e836a8cb58
--- /dev/null
+++ b/layout/reftests/forms/fieldset/relpos-legend-4.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset>
+  <legend style="display:inline; position:relative; left:20px">Legend</legend>
+</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/sticky-legend-1-ref.html b/layout/reftests/forms/fieldset/sticky-legend-1-ref.html
new file mode 100644
index 0000000000..6557d81258
--- /dev/null
+++ b/layout/reftests/forms/fieldset/sticky-legend-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="overflow:hidden; height:300px; border-style: solid;">
+  <legend style="position:fixed; top:0"><div style="width:200px; height:50px; background:yellow;"></div></legend>
+</fieldset>
+<div style="height:5000px;"></div>
+<script>
+window.scrollTo(0,100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/fieldset/sticky-legend-1.html b/layout/reftests/forms/fieldset/sticky-legend-1.html
new file mode 100644
index 0000000000..719c18eb8b
--- /dev/null
+++ b/layout/reftests/forms/fieldset/sticky-legend-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<fieldset style="overflow:hidden; height:300px; border-style: solid;">
+  <legend style="position:sticky; top:0;"><div style="width:200px; height:50px; background:yellow;"></div></legend>
+</fieldset>
+<div style="height:5000px;"></div>
+<script>
+window.scrollTo(0,100);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/accent-color-accentcolor-ref.html b/layout/reftests/forms/input/checkbox/accent-color-accentcolor-ref.html
new file mode 100644
index 0000000000..1a8ce5bd6f
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/accent-color-accentcolor-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=checkbox checked>
diff --git a/layout/reftests/forms/input/checkbox/accent-color-accentcolor.html b/layout/reftests/forms/input/checkbox/accent-color-accentcolor.html
new file mode 100644
index 0000000000..759708b249
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/accent-color-accentcolor.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=checkbox checked style="accent-color: AccentColor">
diff --git a/layout/reftests/forms/input/checkbox/checkbox-baseline-ref.html b/layout/reftests/forms/input/checkbox/checkbox-baseline-ref.html
new file mode 100644
index 0000000000..14af30f29a
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-baseline-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+  <meta charset="utf-8">
+  <title>Reference: baseline of checkbox/radio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1322698">
+    <style>
+body { font: 16px/1 monospace; }
+
+div { border: 1px dashed blue; }
+
+x {
+  display:inline-block;
+  margin: 20px;
+  border: 25px solid black;
+  width:0;
+  height:0;
+}
+
+   </style>
+  </head>
+  <body>
+    <div><x style="border:unset; outline: 10px solid"></x>Block</div>
+    <div><x style="border:unset; outline: 1px solid"></x>Block</div>
+    <div><x></x>Block</div>
+    <div><x></x>Block</div>
+    <div><x></x>Block</div>
+    <div><x></x>Block</div>
+    <div><x style="border:0; margin:0; width:20px; height:20px; background:pink"></x>Block</div>
+    <div><x style="border:0; margin:0; width:20px; height:20px; background:black"></x>Block</div>
+    <div><x style="border:0; margin:0; width:20px; height:20px; background:pink"></x>Block</div>
+    <div><x style="border:0; margin:0; width:20px; height:20px; background:black"></x>Block</div>
+    <div style="font-size:72px"><x style="border-width:3px"></x>Block</div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-baseline.html b/layout/reftests/forms/input/checkbox/checkbox-baseline.html
new file mode 100644
index 0000000000..c133d703a8
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-baseline.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+  <meta charset="utf-8">
+  <title>CSS Align Test: baseline of checkbox/radio</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1322698">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-terms">
+  <link rel="match" href="checkbox-baseline-ref.html">
+    <style>
+body { font: 16px/1 monospace; }
+
+div { border: 1px dashed blue; }
+
+.none {
+     -moz-appearance: none; appearance: none;
+  -webkit-appearance: none;
+      -ms-appearance: none;
+          appearance: none;
+  width:0px;
+  height:0px;
+}
+.intrinsic { width:unset; height:unset; }
+.border { border: 25px solid black; }
+input { margin: 20px; }
+
+   </style>
+  </head>
+  <body>
+    <div><input class="none intrinsic" type="checkbox" style="background:pink; outline:10px solid black">Block</div>
+    <div><input class="none intrinsic" type="radio" style="background:pink; outline:1px solid black">Block</div>
+    <div><input class="none intrinsic border" type="checkbox">Block</div>
+    <div><input class="none intrinsic border" type="radio">Block</div>
+    <div><input class="none border" type="checkbox">Block</div>
+    <div><input class="none border" type="radio">Block</div>
+    <div><input class="none" style="margin:0; width:20px; height:20px; background-color:pink" type="checkbox" checked>Block</div>
+    <div><input class="none" style="margin:0; width:20px; height:20px; background-color:black" type="checkbox">Block</div>
+    <div><input class="none" style="margin:0; width:20px; height:20px; background-color:pink" type="radio" checked>Block</div>
+    <div><input class="none" style="margin:0; width:20px; height:20px; background-color:black" type="radio">Block</div>
+    <div style="font-size:72px"><input class="none border" type="checkbox" style="border-width:3px">Block</div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-clamp-01-ref.html b/layout/reftests/forms/input/checkbox/checkbox-clamp-01-ref.html
new file mode 100644
index 0000000000..10489b1546
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-clamp-01-ref.html
@@ -0,0 +1,13 @@
+<style>
+  div {
+    top: 50px;
+    line-height: 0px;
+    position: relative;
+  }
+</style>
+
+<div>
+  <input type="checkbox">
+  <input type="checkbox" checked>
+</div>
+
diff --git a/layout/reftests/forms/input/checkbox/checkbox-clamp-01.html b/layout/reftests/forms/input/checkbox/checkbox-clamp-01.html
new file mode 100644
index 0000000000..b88cba3baf
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-clamp-01.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+  <meta charset="utf-8">
+  <title>Test clamping width/height of checkbox.</title>
+  <link rel="author" title="Louis Chang" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1400050">
+  <link rel="match" href="checkbox-clamp-ref.html">
+  </head>
+    <style>
+div {
+  position: relative;
+  line-height: 0px;
+}
+    </style>
+  <body>
+    <div>
+      <input type="checkbox">
+      <input type="checkbox" checked>
+    </div>
+    <script>
+      // If we grow the checkbox vertically, horizontal size shouldn't change,
+      // instead it should be centered vertically. We grow it by a hundred
+      // pixels, and the reference positions it manually at 50px, which is where
+      // it should end up.
+      for (let input of document.querySelectorAll("input")) {
+        input.style.height = (100 + input.getBoundingClientRect().height) + "px";
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-clamp-02-ref.html b/layout/reftests/forms/input/checkbox/checkbox-clamp-02-ref.html
new file mode 100644
index 0000000000..c806075fb7
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-clamp-02-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1405986</title>
+  <style type="text/css">
+html,body {
+  color: black;
+  background-color: white;
+  font: 16px/1 monospace;
+  padding: 0;
+  margin: 0;
+}
+
+.grid {
+  display: inline-grid;
+  grid: 100px / 40px 40px;
+  border: 1px solid;
+  vertical-align: top;
+  justify-items: start;
+}
+
+input {
+  margin: 0;
+}
+  </style>
+</head>
+<body>
+  <div class="grid">
+    <input type=checkbox style="align-self: center">
+    <input type=checkbox checked style="align-self: center">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-clamp-02.html b/layout/reftests/forms/input/checkbox/checkbox-clamp-02.html
new file mode 100644
index 0000000000..bc764e6ead
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-clamp-02.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1405986</title>
+  <style type="text/css">
+html,body {
+  color: black;
+  background-color: white;
+  font: 16px/1 monospace;
+  padding: 0;
+  margin: 0;
+}
+
+.grid {
+  display: inline-grid;
+  grid: 100px / 40px 40px;
+  border: 1px solid;
+  vertical-align: top;
+  justify-items: start;
+}
+
+input {
+  margin: 0;
+}
+  </style>
+</head>
+<body>
+  <div class="grid">
+    <input type=checkbox style="height: 100px">
+    <input type=checkbox checked style="height: 100px">
+  </div>
+</body>
+</html>
+
diff --git a/layout/reftests/forms/input/checkbox/checkbox-minimum-size-notref.html b/layout/reftests/forms/input/checkbox/checkbox-minimum-size-notref.html
new file mode 100644
index 0000000000..bb32658de2
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-minimum-size-notref.html
@@ -0,0 +1,2 @@
+<input type="checkbox">
+<input type="checkbox" checked>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-minimum-size.html b/layout/reftests/forms/input/checkbox/checkbox-minimum-size.html
new file mode 100644
index 0000000000..667a6dce2d
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-minimum-size.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+  <meta charset="utf-8">
+  <title>Test minimum size of checkbox.</title>
+  <link rel="author" title="Louise Chang" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1404770">
+  <link rel="match" href="checkbox-minimum-size-ref.html">
+    <style type="text/css">
+input {
+  height: 0px;
+}
+    </style>
+  </head>
+  <body>
+    <input type="checkbox">
+    <input type="checkbox" checked>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-radio-auto-sized-ref.html b/layout/reftests/forms/input/checkbox/checkbox-radio-auto-sized-ref.html
new file mode 100644
index 0000000000..d68a05c524
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-radio-auto-sized-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference for bug 1344395</title>
+  <style type="text/css">
+
+input {
+  width: 11px;
+  height: 11px;
+}
+
+  </style>
+</head>
+<body>
+
+<input type="checkbox">
+<input type="radio">
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-radio-color-ref.html b/layout/reftests/forms/input/checkbox/checkbox-radio-color-ref.html
new file mode 100644
index 0000000000..bca16269d2
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-radio-color-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference for bug 1338293</title>
+  <style type="text/css">
+
+.none {
+  display:inline-block;
+  width:0; height:0; margin:0;
+}
+
+.b { border: 20px solid; }
+.o { outline: 20px solid; }
+
+  </style>
+</head>
+<body>
+
+<span class="none b" type="checkbox"></span>
+<span class="none o" type="checkbox"></span>
+
+<span class="none b" type="radio"></span>
+<span class="none o" type="radio"></span>
+
+<div style="color:green">
+<span class="none b" type="checkbox"></span>
+<span class="none o" type="checkbox"></span>
+
+<span class="none b" type="radio"></span>
+<span class="none o" type="radio"></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checkbox-radio-color.html b/layout/reftests/forms/input/checkbox/checkbox-radio-color.html
new file mode 100644
index 0000000000..f157874da4
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checkbox-radio-color.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1338293</title>
+  <style type="text/css">
+
+.none {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  width:0; height:0; margin:0;
+}
+
+.b { border: 20px solid; }
+.o { outline: 20px solid; }
+
+  </style>
+</head>
+<body>
+
+<input class="none b" type="checkbox">
+<input class="none o" type="checkbox">
+
+<input class="none b" type="radio">
+<input class="none o" type="radio">
+
+<div style="color:green">
+<input class="none b" type="checkbox">
+<input class="none o" type="checkbox">
+
+<input class="none b" type="radio">
+<input class="none o" type="radio">
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/checked-appearance-none.html b/layout/reftests/forms/input/checkbox/checked-appearance-none.html
new file mode 100644
index 0000000000..b7d6511358
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checked-appearance-none.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="checkbox" style="-moz-appearance:none" checked>
diff --git a/layout/reftests/forms/input/checkbox/checked-native-notref.html b/layout/reftests/forms/input/checkbox/checked-native-notref.html
new file mode 100644
index 0000000000..921482afcd
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checked-native-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="checkbox">
diff --git a/layout/reftests/forms/input/checkbox/checked-native.html b/layout/reftests/forms/input/checkbox/checked-native.html
new file mode 100644
index 0000000000..50faa46d2d
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/checked-native.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="checkbox" checked>
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-checked-notref.html b/layout/reftests/forms/input/checkbox/indeterminate-checked-notref.html
new file mode 100644
index 0000000000..37ea176550
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-checked-notref.html
@@ -0,0 +1 @@
+<input type="checkbox" checked style="-moz-appearance: none;">
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-checked.html b/layout/reftests/forms/input/checkbox/indeterminate-checked.html
new file mode 100644
index 0000000000..7cecf09a04
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-checked.html
@@ -0,0 +1 @@
+<input type="checkbox" id="s" checked style="-moz-appearance: none;"><script>document.getElementById("s").indeterminate = true;</script>
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-native-checked-notref.html b/layout/reftests/forms/input/checkbox/indeterminate-native-checked-notref.html
new file mode 100644
index 0000000000..cf16667cbf
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-native-checked-notref.html
@@ -0,0 +1 @@
+<input type="checkbox" checked>
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-native-checked.html b/layout/reftests/forms/input/checkbox/indeterminate-native-checked.html
new file mode 100644
index 0000000000..91097098ce
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-native-checked.html
@@ -0,0 +1 @@
+<input type="checkbox" id="s" checked><script>document.getElementById("s").indeterminate = true;</script>
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-native-unchecked-notref.html b/layout/reftests/forms/input/checkbox/indeterminate-native-unchecked-notref.html
new file mode 100644
index 0000000000..74c06d2536
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-native-unchecked-notref.html
@@ -0,0 +1 @@
+<input type="checkbox">
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-native-unchecked.html b/layout/reftests/forms/input/checkbox/indeterminate-native-unchecked.html
new file mode 100644
index 0000000000..11832f4779
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-native-unchecked.html
@@ -0,0 +1 @@
+<input type="checkbox" id="s"><script>document.getElementById("s").indeterminate = true;</script>
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-selector-ref.html b/layout/reftests/forms/input/checkbox/indeterminate-selector-ref.html
new file mode 100644
index 0000000000..02266912a3
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-selector-ref.html
@@ -0,0 +1,7 @@
+<style>
+#s {
+  margin: 50px;
+}
+</style>
+
+<input type="checkbox" id="s"><script>document.getElementById("s").indeterminate = true;</script>
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-selector.html b/layout/reftests/forms/input/checkbox/indeterminate-selector.html
new file mode 100644
index 0000000000..eb23819f9d
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-selector.html
@@ -0,0 +1,7 @@
+<style>
+#s:indeterminate {
+  margin: 50px;
+}
+</style>
+
+<input type="checkbox" id="s"><script>document.getElementById("s").indeterminate = true;</script>
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-unchecked-notref.html b/layout/reftests/forms/input/checkbox/indeterminate-unchecked-notref.html
new file mode 100644
index 0000000000..1055cbef14
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-unchecked-notref.html
@@ -0,0 +1 @@
+<input type="checkbox" style="-moz-appearance: none;">
diff --git a/layout/reftests/forms/input/checkbox/indeterminate-unchecked.html b/layout/reftests/forms/input/checkbox/indeterminate-unchecked.html
new file mode 100644
index 0000000000..56a8d0955a
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/indeterminate-unchecked.html
@@ -0,0 +1 @@
+<input type="checkbox" id="s" style="-moz-appearance: none;"><script>document.getElementById("s").indeterminate = true;</script>
diff --git a/layout/reftests/forms/input/checkbox/label-dynamic-ref.html b/layout/reftests/forms/input/checkbox/label-dynamic-ref.html
new file mode 100644
index 0000000000..3dbdc48d46
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/label-dynamic-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+
+#c3, #c4 {
+  display: none;
+}
+
+label[for="c1"], 
+label[for="c3"] {
+  background-color: yellow;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<div><input type="checkbox" name="test" id="c1" checked><label for="c1">check #c1</label></div>
+<div><input type="checkbox" name="test" id="c2"><label for="c2">check #c2</label></div>
+<div><input type="checkbox" name="test" id="c3" checked><label for="c3">check #c3</label></div>
+<div><input type="checkbox" name="test" id="c4"><label for="c4">check #c4</label></div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/label-dynamic.html b/layout/reftests/forms/input/checkbox/label-dynamic.html
new file mode 100644
index 0000000000..cbbce68177
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/label-dynamic.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+
+#c3, #c4 {
+  display: none;
+}
+
+input:checked + label {
+  background-color: yellow;
+}
+
+</style>
+
+<script type="text/javascript">
+
+function toggleAllCheckboxes()
+{
+  for (var i = 1; i <= 4; ++i) {
+    var cb = document.getElementById('c'+i);
+    cb.checked = !cb.checked;
+  }
+}
+
+</script>
+</head>
+
+<body onload="toggleAllCheckboxes();">
+
+<div><input type="checkbox" name="test" id="c1"><label for="c1">check #c1</label></div>
+<div><input type="checkbox" name="test" id="c2" checked><label for="c2">check #c2</label></div>
+<div><input type="checkbox" name="test" id="c3"><label for="c3">check #c3</label></div>
+<div><input type="checkbox" name="test" id="c4" checked><label for="c4">check #c4</label></div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/radio-stretched-ref.html b/layout/reftests/forms/input/checkbox/radio-stretched-ref.html
new file mode 100644
index 0000000000..2f2532c0b4
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/radio-stretched-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<form>
+  <input type="checkbox"/>
+  <input type="radio"/>
+</form>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/radio-stretched.html b/layout/reftests/forms/input/checkbox/radio-stretched.html
new file mode 100644
index 0000000000..159a2cc920
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/radio-stretched.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<form>
+  <input type="checkbox" style="width: auto;">
+  <input type="radio" style="width: auto;">
+</form>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/checkbox/reftest.list b/layout/reftests/forms/input/checkbox/reftest.list
new file mode 100644
index 0000000000..6cfa0d5d1f
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/reftest.list
@@ -0,0 +1,20 @@
+== label-dynamic.html label-dynamic-ref.html
+== radio-stretched.html radio-stretched-ref.html # test for bug 464589
+!= checked-native.html checked-native-notref.html
+== checked-appearance-none.html about:blank
+== unchecked-appearance-none.html about:blank
+!= checked-native.html about:blank
+!= checked-native-notref.html about:blank
+== indeterminate-checked.html about:blank
+== indeterminate-checked-notref.html about:blank
+== indeterminate-unchecked.html about:blank
+!= indeterminate-native-checked.html indeterminate-native-checked-notref.html
+!= indeterminate-native-unchecked.html indeterminate-native-unchecked-notref.html
+== indeterminate-selector.html indeterminate-selector-ref.html
+== checkbox-baseline.html checkbox-baseline-ref.html
+== checkbox-radio-color.html checkbox-radio-color-ref.html
+== checkbox-clamp-01.html checkbox-clamp-01-ref.html
+== checkbox-clamp-02.html checkbox-clamp-02-ref.html
+!= checkbox-minimum-size.html checkbox-minimum-size-notref.html
+
+pref(ui.accentcolor,"#3daee9") pref("ui.accentcolortext","white") == accent-color-accentcolor.html accent-color-accentcolor-ref.html
diff --git a/layout/reftests/forms/input/checkbox/unchecked-appearance-none.html b/layout/reftests/forms/input/checkbox/unchecked-appearance-none.html
new file mode 100644
index 0000000000..8e5b55cfb7
--- /dev/null
+++ b/layout/reftests/forms/input/checkbox/unchecked-appearance-none.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="checkbox" style="-moz-appearance:none">
diff --git a/layout/reftests/forms/input/color/auto-height-1-ref.html b/layout/reftests/forms/input/color/auto-height-1-ref.html
new file mode 100644
index 0000000000..32fb2e3b35
--- /dev/null
+++ b/layout/reftests/forms/input/color/auto-height-1-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<link rel="stylesheet" href="reference-style.css">
+<button class="input-color" style="height: auto">
+  <div class="input-color-swatch" style="height: 0"></div>
+</button>
diff --git a/layout/reftests/forms/input/color/auto-height-1.html b/layout/reftests/forms/input/color/auto-height-1.html
new file mode 100644
index 0000000000..71ad8c3126
--- /dev/null
+++ b/layout/reftests/forms/input/color/auto-height-1.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<title>min widget size is respected even with auto-height</title>
+<input type="color" style="height: auto">
diff --git a/layout/reftests/forms/input/color/block-invalidate-1-ref.html b/layout/reftests/forms/input/color/block-invalidate-1-ref.html
new file mode 100644
index 0000000000..027c1e2b57
--- /dev/null
+++ b/layout/reftests/forms/input/color/block-invalidate-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="color" value="#00ff00" />
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/block-invalidate-1.html b/layout/reftests/forms/input/color/block-invalidate-1.html
new file mode 100644
index 0000000000..85cfda4a31
--- /dev/null
+++ b/layout/reftests/forms/input/color/block-invalidate-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <script>
+    function runTest() {
+      var p = document.getElementsByTagName('input')[0];
+      p.value = '#00ff00';
+      document.documentElement.className = '';
+    }
+    window.addEventListener("MozReftestInvalidate", runTest);
+  </script>
+  <body>
+    <input type="color" />
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/block-invalidate-2-ref.html b/layout/reftests/forms/input/color/block-invalidate-2-ref.html
new file mode 100644
index 0000000000..9def78fad1
--- /dev/null
+++ b/layout/reftests/forms/input/color/block-invalidate-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <p>Test for bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=977038">977038</a></p>
+    <form>
+      <input type="color" value="#00ff00" />
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/block-invalidate-2.html b/layout/reftests/forms/input/color/block-invalidate-2.html
new file mode 100644
index 0000000000..754e81cafc
--- /dev/null
+++ b/layout/reftests/forms/input/color/block-invalidate-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <script>
+    function runTest() {
+      var p = document.getElementsByTagName('input')[0];
+      p.value = '#0000ff'
+      p.defaultValue = '#00ff00';
+      p.form.reset();
+      document.documentElement.className = '';
+    }
+    window.addEventListener("MozReftestInvalidate", runTest);
+  </script>
+  <body>
+    <p>Test for bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=977038">977038</a></p>
+    <form>
+      <input type="color" />
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/custom-style-1-ref.html b/layout/reftests/forms/input/color/custom-style-1-ref.html
new file mode 100644
index 0000000000..f9d66c187c
--- /dev/null
+++ b/layout/reftests/forms/input/color/custom-style-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='reference-style.css'>
+  <style>
+    div.input-color-swatch {
+      margin-top: 3px;
+      margin-bottom: 3px;
+    }
+  </style>
+  <body>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+
+  </body>
diff --git a/layout/reftests/forms/input/color/custom-style-1.html b/layout/reftests/forms/input/color/custom-style-1.html
new file mode 100644
index 0000000000..47905cf3b6
--- /dev/null
+++ b/layout/reftests/forms/input/color/custom-style-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    input[type="color"]::-moz-color-swatch {
+      margin-top: 3px;
+      margin-bottom: 3px;
+    }
+  </style>
+  <body>
+    <input type="color" />
+  </body>
diff --git a/layout/reftests/forms/input/color/custom-style-2-ref.html b/layout/reftests/forms/input/color/custom-style-2-ref.html
new file mode 100644
index 0000000000..802af966e8
--- /dev/null
+++ b/layout/reftests/forms/input/color/custom-style-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test for bug 943966</title>
+    <link rel='stylesheet' type='text/css' href='reference-style.css'>
+    <style>
+      button.input-color {
+        height: 15px;
+        width: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=943966">Mozilla Bug 943966</a>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/custom-style-2.html b/layout/reftests/forms/input/color/custom-style-2.html
new file mode 100644
index 0000000000..209594b32e
--- /dev/null
+++ b/layout/reftests/forms/input/color/custom-style-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test for bug 943966</title>
+    <style>
+      input[type="color"].tiny {
+        height: 15px;
+        width: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=943966">Mozilla Bug 943966</a>
+    <input class="tiny" type="color" />
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/input-color-1-ref.html b/layout/reftests/forms/input/color/input-color-1-ref.html
new file mode 100644
index 0000000000..87887b0161
--- /dev/null
+++ b/layout/reftests/forms/input/color/input-color-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel='stylesheet' href='reference-style.css'>
+    <style>
+      body > button:nth-child(1) > .input-color-swatch { background-color: #000000; }
+      body > button:nth-child(2) > .input-color-swatch { background-color: #000000; }
+      body > button:nth-child(3) > .input-color-swatch { background-color: #00ff00; }
+      body > button:nth-child(4) > .input-color-swatch { background-color: #123456; }
+    </style>
+  </head>
+  <body>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/input-color-1.html b/layout/reftests/forms/input/color/input-color-1.html
new file mode 100644
index 0000000000..a351df18fc
--- /dev/null
+++ b/layout/reftests/forms/input/color/input-color-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="color" />
+    <input type="color" value="#000000" />
+    <input type="color" value="#00ff00" />
+    <input type="color" value="#123456" />
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/margin-padding-1-ref.html b/layout/reftests/forms/input/color/margin-padding-1-ref.html
new file mode 100644
index 0000000000..9a500d4ced
--- /dev/null
+++ b/layout/reftests/forms/input/color/margin-padding-1-ref.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='reference-style.css'>
+  <style>
+    body > button:nth-child(1) { margin: 10px; padding: 0px; }
+    body > button:nth-child(2) { margin: 0px; padding: 10px; }
+    body > button:nth-child(3) { margin: 10px; padding: 10px; }
+    body > button:nth-child(4) { margin: 5px; padding: 5px; }
+    body > button:nth-child(5) { margin: 50px; padding: 50px; }
+    body > button:nth-child(6) { margin: 100px; padding: 100px; }
+    body > button:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > button:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > button:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > button:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > button:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > button:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > button:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > button:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > button:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > button:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+
+    /* The non-native theme has different widget-supplied padding values
+     * for <input type="color"> and <button>, and so we must calculate
+     * the color swatch height explicitly.  These are computed as the
+     * widget-supplied min-height (32px) minus padding+border (padding
+     * as set above, and the 2px of widget-supplied border), clamped to be
+     * non-negative.
+     */
+    body > button:nth-child(1) .input-color-swatch { height: 28px; }
+    body > button:nth-child(2) .input-color-swatch { height: 8px; }
+    body > button:nth-child(3) .input-color-swatch { height: 8px; }
+    body > button:nth-child(4) .input-color-swatch { height: 18px; }
+    body > button:nth-child(5) .input-color-swatch { height: 0px; }
+    body > button:nth-child(6) .input-color-swatch { height: 0px; }
+    body > button:nth-child(7) .input-color-swatch { height: 28px; }
+    body > button:nth-child(8) .input-color-swatch { height: 28px; }
+    body > button:nth-child(9) .input-color-swatch { height: 28px; }
+    body > button:nth-child(10) .input-color-swatch { height: 28px; }
+    body > button:nth-child(11) .input-color-swatch { height: 18px; }
+    body > button:nth-child(12) .input-color-swatch { height: 28px; }
+    body > button:nth-child(13) .input-color-swatch { height: 18px; }
+    body > button:nth-child(14) .input-color-swatch { height: 28px; }
+    body > button:nth-child(15) .input-color-swatch { height: 20px; }
+    body > button:nth-child(16) .input-color-swatch { height: 28px; }
+  </style>
+  <body>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/margin-padding-1.html b/layout/reftests/forms/input/color/margin-padding-1.html
new file mode 100644
index 0000000000..e394d5d29b
--- /dev/null
+++ b/layout/reftests/forms/input/color/margin-padding-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    input[type=color]:nth-child(1) { margin: 10px; padding: 0px; }
+    input[type=color]:nth-child(2) { margin: 0px; padding: 10px; }
+    input[type=color]:nth-child(3) { margin: 10px; padding: 10px; }
+    input[type=color]:nth-child(4) { margin: 5px; padding: 5px; }
+    input[type=color]:nth-child(5) { margin: 50px; padding: 50px; }
+    input[type=color]:nth-child(6) { margin: 100px; padding: 100px; }
+    input[type=color]:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    input[type=color]:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    input[type=color]:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    input[type=color]:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    input[type=color]:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    input[type=color]:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    input[type=color]:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    input[type=color]:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    input[type=color]:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    input[type=color]:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/reference-style.css b/layout/reftests/forms/input/color/reference-style.css
new file mode 100644
index 0000000000..347b1216df
--- /dev/null
+++ b/layout/reftests/forms/input/color/reference-style.css
@@ -0,0 +1,17 @@
+div.input-color-swatch {
+  /* This should match the styling for ::-moz-color-swatch in forms.css. */
+  width: 100%;
+  height: 100%;
+  min-width: 3px;
+  min-height: 3px;
+  box-sizing: border-box;
+  border: 1px solid grey;
+  display: block;
+  background-color: #000000; /* default color for input type color */
+}
+
+button.input-color {
+  width: 64px;
+  height: 32px;
+  padding: 4px; /* widget-supplied padding */
+}
diff --git a/layout/reftests/forms/input/color/reftest.list b/layout/reftests/forms/input/color/reftest.list
new file mode 100644
index 0000000000..5d3858afcb
--- /dev/null
+++ b/layout/reftests/forms/input/color/reftest.list
@@ -0,0 +1,9 @@
+== input-color-1.html input-color-1-ref.html
+
+fuzzy(0-1,0-2) == margin-padding-1.html margin-padding-1-ref.html
+== block-invalidate-1.html block-invalidate-1-ref.html
+== block-invalidate-2.html block-invalidate-2-ref.html
+fuzzy(0-8,0-124) == transformations-1.html transformations-1-ref.html
+== custom-style-1.html custom-style-1-ref.html
+== custom-style-2.html custom-style-2-ref.html
+== auto-height-1.html auto-height-1-ref.html
diff --git a/layout/reftests/forms/input/color/transformations-1-ref.html b/layout/reftests/forms/input/color/transformations-1-ref.html
new file mode 100644
index 0000000000..b275d0dd4b
--- /dev/null
+++ b/layout/reftests/forms/input/color/transformations-1-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='reference-style.css'>
+  <style>
+    body > button:nth-child(1) { transform: matrix(1, -0.2, 0, 1, 0, 0); }
+    body > button:nth-child(2) { transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
+    body > button:nth-child(3) { transform: rotate(30deg); }
+    body > button:nth-child(4) { transform: scale(2, 4); }
+    body > button:nth-child(5) { transform: scale(0.1, 0.4); }
+    body > button:nth-child(6) { transform: scale(1, 0.4); }
+    body > button:nth-child(7) { transform: scale(0.1, 1); }
+    body > button:nth-child(8) { transform: skew(30deg, -10deg); }
+    body > button:nth-child(9) { transform: skew(-30deg, 10deg); }
+    body > button:nth-child(10) { transform: translate(10px, 30px); }
+    body > button:nth-child(11) { transform: translate(30px, 10px); }
+    body > button:nth-child(12) { transform: translate(-10px, 30px); }
+    body > button:nth-child(13) { transform: translate(30px, -10px); }
+    body > button:nth-child(14) { transform: scale(0, 0); }
+  </style>
+  <body>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+    <button class="input-color">
+      <div class="input-color-swatch">
+      </div>
+    </button>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/color/transformations-1.html b/layout/reftests/forms/input/color/transformations-1.html
new file mode 100644
index 0000000000..ba70275232
--- /dev/null
+++ b/layout/reftests/forms/input/color/transformations-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    input[type=color]:nth-child(1) { transform: matrix(1, -0.2, 0, 1, 0, 0); }
+    input[type=color]:nth-child(2) { transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
+    input[type=color]:nth-child(3) { transform: rotate(30deg); }
+    input[type=color]:nth-child(4) { transform: scale(2, 4); }
+    input[type=color]:nth-child(5) { transform: scale(0.1, 0.4); }
+    input[type=color]:nth-child(6) { transform: scale(1, 0.4); }
+    input[type=color]:nth-child(7) { transform: scale(0.1, 1); }
+    input[type=color]:nth-child(8) { transform: skew(30deg, -10deg); }
+    input[type=color]:nth-child(9) { transform: skew(-30deg, 10deg); }
+    input[type=color]:nth-child(10) { transform: translate(10px, 30px); }
+    input[type=color]:nth-child(11) { transform: translate(30px, 10px); }
+    input[type=color]:nth-child(12) { transform: translate(-10px, 30px); }
+    input[type=color]:nth-child(13) { transform: translate(30px, -10px); }
+    input[type=color]:nth-child(14) { transform: scale(0, 0); }
+  </style>
+  <body>
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+    <input type=color />
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed-ref.html b/layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed-ref.html
new file mode 100644
index 0000000000..ffb5ffa58d
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="checkbox" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed.html b/layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed.html
new file mode 100644
index 0000000000..31b804602a
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/from-time-to-other-type-unthemed.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when switching to another type, the input element should look
+             like that type (not like an input time element) -->
+  <script type="text/javascript">
+    function setToCheckbox()
+    {
+      document.getElementById("i").type = "checkbox";
+      document.documentElement.className = "";
+    }
+    document.addEventListener("MozReftestInvalidate", setToCheckbox);
+  </script>
+  <body>
+    <input type="time" id="i" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/line-height-01-ref.html b/layout/reftests/forms/input/datetime/line-height-01-ref.html
new file mode 100644
index 0000000000..a53220d46f
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/line-height-01-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  input {
+    box-sizing: border-box;
+    height: 34px;
+  }
+</style>
+<input type=date>
+<input type=time>
diff --git a/layout/reftests/forms/input/datetime/line-height-01.html b/layout/reftests/forms/input/datetime/line-height-01.html
new file mode 100644
index 0000000000..9cb9987888
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/line-height-01.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+  input {
+    box-sizing: border-box;
+    height: 34px;
+    line-height: 80px;
+  }
+</style>
+<input type=date>
+<input type=time>
diff --git a/layout/reftests/forms/input/datetime/line-height-02-ref.html b/layout/reftests/forms/input/datetime/line-height-02-ref.html
new file mode 100644
index 0000000000..87ed629493
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/line-height-02-ref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+  input {
+    height: 80px;
+  }
+</style>
+<input type=date>
+<input type=time>
diff --git a/layout/reftests/forms/input/datetime/line-height-02.html b/layout/reftests/forms/input/datetime/line-height-02.html
new file mode 100644
index 0000000000..e71044c857
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/line-height-02.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+  input {
+    line-height: 80px;
+  }
+</style>
+<input type=date>
+<input type=time>
diff --git a/layout/reftests/forms/input/datetime/reftest.list b/layout/reftests/forms/input/datetime/reftest.list
new file mode 100644
index 0000000000..f2ec5659bf
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/reftest.list
@@ -0,0 +1,25 @@
+!= time-simple-unthemed.html time-simple-unthemed-ref.html
+!= time-large-font.html time-basic.html
+!= time-width-height.html time-basic.html
+!= time-border.html time-basic.html
+
+# type change
+== to-time-from-other-type-unthemed.html time-simple-unthemed.html
+== from-time-to-other-type-unthemed.html from-time-to-other-type-unthemed-ref.html
+
+# content should not overflow on small width/height
+== time-small-width.html time-small-width-ref.html
+fuzzy(0-25,0-2) == time-small-height.html time-small-height-ref.html # Minor outline 1px shift
+== time-small-width-height.html time-small-width-height-ref.html
+
+# content (text) should be left aligned
+fuzzy-if(Android,0-4,0-8) == time-content-left-aligned.html time-content-left-aligned-ref.html
+
+# reset button should be right aligned
+skip-if(Android) fuzzy(0-24,0-4) == time-reset-button-right-aligned.html time-reset-button-right-aligned-ref.html # bug 1372062 for Android, antialiasing with WR disabled for the fuzz
+== reset-button-visibility-hidden.html reset-button-visibility-hidden-ref.html
+
+!= text-align.html text-align-notref.html
+
+== line-height-01.html line-height-01-ref.html
+== line-height-02.html line-height-02-ref.html
diff --git a/layout/reftests/forms/input/datetime/reset-button-visibility-hidden-ref.html b/layout/reftests/forms/input/datetime/reset-button-visibility-hidden-ref.html
new file mode 100644
index 0000000000..6abb665a39
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/reset-button-visibility-hidden-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<!-- intentionally blank -->
diff --git a/layout/reftests/forms/input/datetime/reset-button-visibility-hidden.html b/layout/reftests/forms/input/datetime/reset-button-visibility-hidden.html
new file mode 100644
index 0000000000..0c5ff37e44
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/reset-button-visibility-hidden.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<input type="date" value="2019-01-18" style="visibility: hidden">
+<input type="time" value="16:30" style="visibility: hidden">
diff --git a/layout/reftests/forms/input/datetime/text-align-notref.html b/layout/reftests/forms/input/datetime/text-align-notref.html
new file mode 100644
index 0000000000..e518b21d04
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/text-align-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="date" style="width: 30em">
diff --git a/layout/reftests/forms/input/datetime/text-align.html b/layout/reftests/forms/input/datetime/text-align.html
new file mode 100644
index 0000000000..9aea7d34d2
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/text-align.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="date" style="width:30em; text-align:center">
diff --git a/layout/reftests/forms/input/datetime/time-basic.html b/layout/reftests/forms/input/datetime/time-basic.html
new file mode 100644
index 0000000000..c161b17c25
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-basic.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="time" value="12:30">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-border.html b/layout/reftests/forms/input/datetime/time-border.html
new file mode 100644
index 0000000000..09ffd01d20
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-border.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="time" value="12:30" style="border:10px solid blue">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-content-left-aligned-ref.html b/layout/reftests/forms/input/datetime/time-content-left-aligned-ref.html
new file mode 100644
index 0000000000..ad8be9adc1
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-content-left-aligned-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+     <input type="time" style="width: 200px;">
+     <!-- div to cover the right area -->
+     <div style="display:block; position:absolute; background-color:black;
+                 top:0px; left:40px; width:200px; height:100px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-content-left-aligned.html b/layout/reftests/forms/input/datetime/time-content-left-aligned.html
new file mode 100644
index 0000000000..aa910cddf9
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-content-left-aligned.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+     <input type="time" style="width: 50px;">
+     <!-- div to cover the right area -->
+     <div style="display:block; position:absolute; background-color:black;
+                 top:0px; left:40px; width:200px; height:100px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-large-font.html b/layout/reftests/forms/input/datetime/time-large-font.html
new file mode 100644
index 0000000000..c2f5e956df
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-large-font.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="time" value="12:30" style="font-size: 32px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-reset-button-right-aligned-ref.html b/layout/reftests/forms/input/datetime/time-reset-button-right-aligned-ref.html
new file mode 100644
index 0000000000..3d36f20680
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-reset-button-right-aligned-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="time" value="10:00" style="float: right; color: white;">
+    <!-- div to cover the left area -->
+    <div style="display:block; position:absolute; background-color:black;
+                top:0px; right:30px; width:500px; height:100px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-reset-button-right-aligned.html b/layout/reftests/forms/input/datetime/time-reset-button-right-aligned.html
new file mode 100644
index 0000000000..72d5cc140e
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-reset-button-right-aligned.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="time" value="10:00" style="width: 150px; float: right;
+                                            color: white;">
+    <!-- div to cover the left area -->
+    <div style="display:block; position:absolute; background-color:black;
+                top:0px; right:30px; width:500px; height:100px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-simple-unthemed-ref.html b/layout/reftests/forms/input/datetime/time-simple-unthemed-ref.html
new file mode 100644
index 0000000000..24dccffeae
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-simple-unthemed-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-simple-unthemed.html b/layout/reftests/forms/input/datetime/time-simple-unthemed.html
new file mode 100644
index 0000000000..0234567233
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-simple-unthemed.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="time" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-small-height-ref.html b/layout/reftests/forms/input/datetime/time-small-height-ref.html
new file mode 100644
index 0000000000..fcda93df9a
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-small-height-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+input {
+  width: 200px;
+  height: 5px;
+  outline: 1px dotted black;
+  /* Disable baseline alignment, so that our y-position isn't influenced by the
+   * choice of font inside of input: */
+  vertical-align: top;
+}
+    </style>
+  </head>
+  <body>
+    <input>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-small-height.html b/layout/reftests/forms/input/datetime/time-small-height.html
new file mode 100644
index 0000000000..3044822fe8
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-small-height.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+input {
+  width: 200px;
+  height: 5px;
+  outline: 1px dotted black;
+  color: white;
+  /* Disable baseline alignment, so that our y-position isn't influenced by the
+   * choice of font inside of input: */
+  vertical-align: top;
+}
+    </style>
+  </head>
+  <body>
+    <input type="time">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-small-width-height-ref.html b/layout/reftests/forms/input/datetime/time-small-width-height-ref.html
new file mode 100644
index 0000000000..0979243db0
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-small-width-height-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+input {
+  width: 8px;
+  height: 8px;
+  outline: 1px dotted black;
+  /* Disable baseline alignment, so that our y-position isn't influenced by the
+   * choice of font inside of input: */
+  vertical-align: top;
+}
+    </style>
+  </head>
+  <body>
+    <input>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-small-width-height.html b/layout/reftests/forms/input/datetime/time-small-width-height.html
new file mode 100644
index 0000000000..a221b28195
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-small-width-height.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+input {
+  width: 8px;
+  height: 8px;
+  outline: 1px dotted black;
+  color: white;
+  /* Disable baseline alignment, so that our y-position isn't influenced by the
+   * choice of font inside of input: */
+  vertical-align: top;
+}
+    </style>
+  </head>
+  <body>
+    <input type="time">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-small-width-ref.html b/layout/reftests/forms/input/datetime/time-small-width-ref.html
new file mode 100644
index 0000000000..2379c70809
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-small-width-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+input {
+  width: 10px;
+  height: 1.5em;
+  outline: 1px dotted black;
+  background: white;
+  /* Disable baseline alignment, so that our y-position isn't influenced by the
+   * choice of font inside of input: */
+  vertical-align: top;
+}
+    </style>
+  </head>
+  <body>
+    <input>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-small-width.html b/layout/reftests/forms/input/datetime/time-small-width.html
new file mode 100644
index 0000000000..f76f7fdfa9
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-small-width.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+input {
+  width: 10px;
+  height: 1.5em;
+  outline: 1px dotted black;
+  color: white;
+  background: white;
+  /* Disable baseline alignment, so that our y-position isn't influenced by the
+   * choice of font inside of input: */
+  vertical-align: top;
+}
+    </style>
+  </head>
+  <body>
+    <input type="time">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/time-width-height.html b/layout/reftests/forms/input/datetime/time-width-height.html
new file mode 100644
index 0000000000..a6de5cdb47
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/time-width-height.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="time" style="width:200px; height:50px">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/datetime/to-time-from-other-type-unthemed.html b/layout/reftests/forms/input/datetime/to-time-from-other-type-unthemed.html
new file mode 100644
index 0000000000..1ae398f4c3
--- /dev/null
+++ b/layout/reftests/forms/input/datetime/to-time-from-other-type-unthemed.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: input element changed to time state doesn't look like checkbox state -->
+  <script type="text/javascript">
+    function setToTime()
+    {
+      document.getElementById("i").type = "time";
+      document.documentElement.className = "";
+    }
+    document.addEventListener("MozReftestInvalidate", setToTime);
+  </script>
+  <body>
+    <input type="checkbox" id="i" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/email/1.html b/layout/reftests/forms/input/email/1.html
new file mode 100644
index 0000000000..c2591d0687
--- /dev/null
+++ b/layout/reftests/forms/input/email/1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: input element in email state looks like in text state -->
+  <body>
+    <input type="email">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/email/2.html b/layout/reftests/forms/input/email/2.html
new file mode 100644
index 0000000000..ab1bf2e6bf
--- /dev/null
+++ b/layout/reftests/forms/input/email/2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: input element in email state looks like in text state -->
+  <script type="text/javascript">
+    function setToEmail()
+    {
+      document.getElementById('i').type = 'email';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToEmail(); disableReftestWait();">
+    <input type='checkbox' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/email/3.html b/layout/reftests/forms/input/email/3.html
new file mode 100644
index 0000000000..a9fe4400d9
--- /dev/null
+++ b/layout/reftests/forms/input/email/3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when switching to another type, the input element should not look
+             like an input email element -->
+  <script type="text/javascript">
+    function setToCheckbox()
+    {
+      document.getElementById('i').type='checkbox';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToCheckbox(); disableReftestWait();">
+    <input type='email' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/email/ref.html b/layout/reftests/forms/input/email/ref.html
new file mode 100644
index 0000000000..07e5eee7e6
--- /dev/null
+++ b/layout/reftests/forms/input/email/ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/email/reftest.list b/layout/reftests/forms/input/email/reftest.list
new file mode 100644
index 0000000000..dcca7a3cde
--- /dev/null
+++ b/layout/reftests/forms/input/email/reftest.list
@@ -0,0 +1,3 @@
+== 1.html ref.html
+== 2.html ref.html
+!= 3.html ref.html
diff --git a/layout/reftests/forms/input/file/background-ref.xhtml b/layout/reftests/forms/input/file/background-ref.xhtml
new file mode 100644
index 0000000000..81d3576a09
--- /dev/null
+++ b/layout/reftests/forms/input/file/background-ref.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="style.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style>
+    window {
+      background-color: blue;
+    }
+  </html:style>
+
+  <vbox>
+    <html:div class='file'>
+      <html:button>Browse&#8230;</html:button><html:label>No file selected.</html:label>
+    </html:div>
+  </vbox>
+</window>
diff --git a/layout/reftests/forms/input/file/background.html b/layout/reftests/forms/input/file/background.html
new file mode 100644
index 0000000000..02af1d143d
--- /dev/null
+++ b/layout/reftests/forms/input/file/background.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    body {
+      background-color: blue;
+    }
+  </style>
+  <body>
+    <input type='file'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/file/button-height-ref.html b/layout/reftests/forms/input/file/button-height-ref.html
new file mode 100644
index 0000000000..a80d261cf8
--- /dev/null
+++ b/layout/reftests/forms/input/file/button-height-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<style>
+  /* Android adds a border for some reason */
+  input { border: 0 }
+</style>
+<input type="file">
diff --git a/layout/reftests/forms/input/file/button-height.html b/layout/reftests/forms/input/file/button-height.html
new file mode 100644
index 0000000000..b1094ad783
--- /dev/null
+++ b/layout/reftests/forms/input/file/button-height.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<style>
+  /* Android adds a border for some reason */
+  input { border: 0 }
+</style>
+<input type="file" style="height: 400px">
diff --git a/layout/reftests/forms/input/file/color-inherit-ref.html b/layout/reftests/forms/input/file/color-inherit-ref.html
new file mode 100644
index 0000000000..39cd471a56
--- /dev/null
+++ b/layout/reftests/forms/input/file/color-inherit-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='file' style='color: chartreuse;'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/file/color-inherit.html b/layout/reftests/forms/input/file/color-inherit.html
new file mode 100644
index 0000000000..8435329537
--- /dev/null
+++ b/layout/reftests/forms/input/file/color-inherit.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body style='color: chartreuse;'>
+    <input type='file'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/file/css-display-ref.html b/layout/reftests/forms/input/file/css-display-ref.html
new file mode 100644
index 0000000000..875362bddf
--- /dev/null
+++ b/layout/reftests/forms/input/file/css-display-ref.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Reference: File input with CSS display</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<style>
+input {
+  height: 3em;
+}
+.grid  { display: block; }
+.flex  { display: block; }
+.block { display: block; }
+.table { display: block; }
+.columns { display: block; }
+.n { -webkit-appearance:none; appearance:none; }
+</style>
+<body>
+  <input type="file" class="grid">
+  <input type="file" class="flex">
+  <input type="file" class="block">
+  <input type="file" class="table">
+  <input type="file" class="columns">
+
+  A<input type="file">
+  <input type="file" class="inline">
+  <input type="file" class="inline-grid">
+  <input type="file" class="inline-flex">
+  <input type="file" class="inline-block">
+  <input type="file" class="inline-table">
+  <input type="file" class="inline-columns">
+
+  A<input disabled type="file">
+  <input disabled type="file" class="inline">
+  <input disabled type="file" class="inline-grid">
+  <input disabled type="file" class="inline-flex">
+  <input disabled type="file" class="inline-block">
+  <input disabled type="file" class="inline-table">
+  <input disabled type="file" class="inline-columns">
+
+  A<input type="file" class="n">
+  <input type="file" class="n inline">
+  <input type="file" class="n inline-grid">
+  <input type="file" class="n inline-flex">
+  <input type="file" class="n inline-block">
+  <input type="file" class="n inline-table">
+  <input type="file" class="n inline-columns">
+
+  A<input disabled type="file" class="n">
+  <input disabled type="file" class="n inline">
+  <input disabled type="file" class="n inline-grid">
+  <input disabled type="file" class="n inline-flex">
+  <input disabled type="file" class="n inline-block">
+  <input disabled type="file" class="n inline-table">
+  <input disabled type="file" class="n inline-columns">
+</body>
diff --git a/layout/reftests/forms/input/file/css-display.html b/layout/reftests/forms/input/file/css-display.html
new file mode 100644
index 0000000000..aba7435015
--- /dev/null
+++ b/layout/reftests/forms/input/file/css-display.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Test: File input with CSS display</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#widgets">
+<link rel="help" href="https://github.com/whatwg/html/issues/4082">
+<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
+<link rel="match" href="css-overflow-ref.html">
+<style>
+input {
+  height: 3em;
+}
+.inline       { display: inline }
+.inline-grid  { display: inline-grid; grid: 500px/500px; align-items: end; }
+.inline-flex  { display: inline-flex; flex-flow: column; align-items: end; }
+.inline-block { display: inline-block }
+.inline-table { display: inline-table }
+.inline-columns { display: inline-block; column-width: 500px; column-rule: 10px solid; }
+.grid  { display: grid; grid: 500px/500px; align-items: end; }
+.flex  { display: flex; flex-flow: column; align-items: end; }
+.block { display: block }
+.table { display: table }
+.columns { display: block; column-width: 500px; column-rule: 10px solid; }
+.n { -webkit-appearance:none; appearance:none; }
+</style>
+<body>
+  <input type="file" class="grid">
+  <input type="file" class="flex">
+  <input type="file" class="block">
+  <input type="file" class="table">
+  <input type="file" class="columns">
+
+  A<input type="file">
+  <input type="file" class="inline">
+  <input type="file" class="inline-grid">
+  <input type="file" class="inline-flex">
+  <input type="file" class="inline-block">
+  <input type="file" class="inline-table">
+  <input type="file" class="inline-columns">
+
+  A<input disabled type="file">
+  <input disabled type="file" class="inline">
+  <input disabled type="file" class="inline-grid">
+  <input disabled type="file" class="inline-flex">
+  <input disabled type="file" class="inline-block">
+  <input disabled type="file" class="inline-table">
+  <input disabled type="file" class="inline-columns">
+
+  A<input type="file" class="n">
+  <input type="file" class="n inline">
+  <input type="file" class="n inline-grid">
+  <input type="file" class="n inline-flex">
+  <input type="file" class="n inline-block">
+  <input type="file" class="n inline-table">
+  <input type="file" class="n inline-columns">
+
+  A<input disabled type="file" class="n">
+  <input disabled type="file" class="n inline">
+  <input disabled type="file" class="n inline-grid">
+  <input disabled type="file" class="n inline-flex">
+  <input disabled type="file" class="n inline-block">
+  <input disabled type="file" class="n inline-table">
+  <input disabled type="file" class="n inline-columns">
+</body>
diff --git a/layout/reftests/forms/input/file/css-overflow-ref.html b/layout/reftests/forms/input/file/css-overflow-ref.html
new file mode 100644
index 0000000000..a3f696fcf2
--- /dev/null
+++ b/layout/reftests/forms/input/file/css-overflow-ref.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Reference: File input with CSS overflow</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<style>
+input {
+  display: inline-block;
+  width: 100px;
+  height: 30px;
+  font-size: 48px;
+  overflow: visible;
+}
+.n { -webkit-appearance:none; appearance:none; }
+</style>
+<body>
+  A<input type="file">
+  <input type="file" class="ov">
+  <input type="file" class="oh">
+  <input type="file" class="os">
+  <input type="file" class="oa">
+
+  A<input disabled type="file">
+  <input disabled type="file" class="ov">
+  <input disabled type="file" class="oh">
+  <input disabled type="file" class="os">
+  <input disabled type="file" class="oa">
+
+  A<input type="file" class="n">
+  <input type="file" class="n ov">
+  <input type="file" class="n oh">
+  <input type="file" class="n os">
+  <input type="file" class="n oa">
+
+  A<input disabled type="file" class="n">
+  <input disabled type="file" class="n ov">
+  <input disabled type="file" class="n oh">
+  <input disabled type="file" class="n os">
+  <input disabled type="file" class="n oa">
+</body>
diff --git a/layout/reftests/forms/input/file/css-overflow.html b/layout/reftests/forms/input/file/css-overflow.html
new file mode 100644
index 0000000000..dd3fb08bf5
--- /dev/null
+++ b/layout/reftests/forms/input/file/css-overflow.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Test: File input with CSS overflow</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#widgets">
+<link rel="help" href="https://github.com/whatwg/html/issues/4082">
+<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
+<link rel="match" href="css-overflow-ref.html">
+<style>
+input {
+  display: inline-block;
+  width: 100px;
+  height: 30px;
+  font-size: 48px;
+}
+.ov { overflow: visible; }
+.oh { overflow: hidden; }
+.os { overflow: scroll; }
+.oa { overflow: auto; }
+.n { -webkit-appearance:none; appearance:none; }
+</style>
+<body>
+  A<input type="file">
+  <input type="file" class="ov">
+  <input type="file" class="oh">
+  <input type="file" class="os">
+  <input type="file" class="oa">
+
+  A<input disabled type="file">
+  <input disabled type="file" class="ov">
+  <input disabled type="file" class="oh">
+  <input disabled type="file" class="os">
+  <input disabled type="file" class="oa">
+
+  A<input type="file" class="n">
+  <input type="file" class="n ov">
+  <input type="file" class="n oh">
+  <input type="file" class="n os">
+  <input type="file" class="n oa">
+
+  A<input disabled type="file" class="n">
+  <input disabled type="file" class="n ov">
+  <input disabled type="file" class="n oh">
+  <input disabled type="file" class="n os">
+  <input disabled type="file" class="n oa">
+</body>
diff --git a/layout/reftests/forms/input/file/dynamic-max-width-ref.html b/layout/reftests/forms/input/file/dynamic-max-width-ref.html
new file mode 100644
index 0000000000..1628c5fa30
--- /dev/null
+++ b/layout/reftests/forms/input/file/dynamic-max-width-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference for dynamic-max-width.html</title>
+</head>
+<body>
+
+<input type=file dir=rtl>
+
+<br>
+
+<input type=file>
+
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/file/dynamic-max-width.html b/layout/reftests/forms/input/file/dynamic-max-width.html
new file mode 100644
index 0000000000..1cad23c169
--- /dev/null
+++ b/layout/reftests/forms/input/file/dynamic-max-width.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait"><head>
+  <meta charset="utf-8">
+  <title>CSS Test: file control with dynamic change to max-width</title>
+  <style type="text/css">
+
+    input { max-width: 10em; }
+
+  </style>
+  <script>
+    function tweak() {
+      [...document.querySelectorAll('input')].forEach(function(e) {
+        e.style.maxWidth = 'initial';
+      });
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", tweak);
+  </script>
+</head>
+<body onload="test()">
+
+<input type=file dir=rtl>
+
+<br>
+
+<input type=file>
+
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/file/label-min-inline-size-ref.html b/layout/reftests/forms/input/file/label-min-inline-size-ref.html
new file mode 100644
index 0000000000..6e8e1287c3
--- /dev/null
+++ b/layout/reftests/forms/input/file/label-min-inline-size-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1500530</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:black; font:48pt/1 Arial; padding:0; margin:0;
+}
+
+div { width: 100px; height: 20px; margin-top: -2px; background: lime; }
+
+  </style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/file/label-min-inline-size.html b/layout/reftests/forms/input/file/label-min-inline-size.html
new file mode 100644
index 0000000000..3c97476211
--- /dev/null
+++ b/layout/reftests/forms/input/file/label-min-inline-size.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1500530</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:48pt/1 Arial; padding:0; margin:0;
+}
+
+input {
+  font-family: Arial;
+  font-size: 48pt;
+  vertical-align: top;
+  background: lime;
+}
+div { text-indent: -24ch; margin-top: -2px; }
+
+mask {
+  position: absolute;
+  left: 100px; right: 0; top: 0; bottom: 0;
+  background: black;
+}
+
+mask2 {
+  position: absolute;
+  left: 0; right: 0; top: 18px; bottom: 0;
+  background: black;
+}
+
+  </style>
+</head>
+<body>
+
+<mask></mask>
+<mask2></mask2>
+<div><input type="file"></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/file/reftest.list b/layout/reftests/forms/input/file/reftest.list
new file mode 100644
index 0000000000..2ad51b2f69
--- /dev/null
+++ b/layout/reftests/forms/input/file/reftest.list
@@ -0,0 +1,12 @@
+skip-if(ThreadSanitizer) fuzzy(0-1,0-34) == simple.html chrome://reftest/content/forms/input/file/simple-ref.xhtml
+fuzzy(0-1,0-17) == rtl.html chrome://reftest/content/forms/input/file/rtl-ref.xhtml
+fuzzy(0-1,0-34) == size.html chrome://reftest/content/forms/input/file/simple-ref.xhtml
+fuzzy(0-1,0-10) == background.html chrome://reftest/content/forms/input/file/background-ref.xhtml
+fuzzy-if(gtkWidget,0-1,0-10) == style.html chrome://reftest/content/forms/input/file/style-ref.xhtml
+!= width-clip.html width-clip-ref.html
+== color-inherit.html color-inherit-ref.html
+pref(widget.non-native-theme.webrender,true) fuzzy(0-1,0-5) fuzzy-if(OSX,0-46,0-134) == dynamic-max-width.html dynamic-max-width-ref.html # bug 1496542 for webrender, bug 1724582 for appleSilicon
+== label-min-inline-size.html label-min-inline-size-ref.html
+== css-overflow.html css-overflow-ref.html
+== css-display.html css-display-ref.html
+== button-height.html button-height-ref.html
diff --git a/layout/reftests/forms/input/file/rtl-ref.xhtml b/layout/reftests/forms/input/file/rtl-ref.xhtml
new file mode 100644
index 0000000000..6dbe977f46
--- /dev/null
+++ b/layout/reftests/forms/input/file/rtl-ref.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="style.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <vbox>
+    <html:style>
+      vbox {
+       margin-right: 8px;
+      }
+    </html:style>
+    <html:div dir='rtl'>
+      <html:div class='file' dir='rtl'>
+        <html:button>Browse&#8230;</html:button><html:label>No file selected.</html:label>
+      </html:div>
+    </html:div>
+  </vbox>
+</window>
diff --git a/layout/reftests/forms/input/file/rtl.html b/layout/reftests/forms/input/file/rtl.html
new file mode 100644
index 0000000000..81e841a124
--- /dev/null
+++ b/layout/reftests/forms/input/file/rtl.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div dir='rtl'>
+      <input type='file'>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/file/simple-ref.xhtml b/layout/reftests/forms/input/file/simple-ref.xhtml
new file mode 100644
index 0000000000..a2a39ae7cd
--- /dev/null
+++ b/layout/reftests/forms/input/file/simple-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="style.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <vbox>
+    <html:div class='file'>
+      <html:button>Browse&#8230;</html:button><html:label>No file selected.</html:label>
+    </html:div>
+    <html:br/>
+    <html:div class='file'>
+      <html:button>Browse&#8230;</html:button><html:label>No files selected.</html:label>
+    </html:div>
+  </vbox>
+</window>
diff --git a/layout/reftests/forms/input/file/simple.html b/layout/reftests/forms/input/file/simple.html
new file mode 100644
index 0000000000..03a2a7bde5
--- /dev/null
+++ b/layout/reftests/forms/input/file/simple.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='file'>
+    <br>
+    <input type='file' multiple>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/file/size.html b/layout/reftests/forms/input/file/size.html
new file mode 100644
index 0000000000..33606f935d
--- /dev/null
+++ b/layout/reftests/forms/input/file/size.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<!-- size should have no impact on <input type='file'>. -->
+<html>
+  <body>
+    <input type='file' size='5'>
+    <br>
+    <input type='file' multiple size='30'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/file/style-ref.xhtml b/layout/reftests/forms/input/file/style-ref.xhtml
new file mode 100644
index 0000000000..555c2bd498
--- /dev/null
+++ b/layout/reftests/forms/input/file/style-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="style.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <hbox>
+    <html:style>
+      .file {
+        background-color: blue;
+        border: 1px red solid;
+        width: 400px;
+        padding: 2px;
+        margin: 5px;
+        display: inline-block;
+      }
+
+      .file > label {
+        /* color only applies to the label */
+        color: white;
+      }
+    </html:style>
+    <html:div class='file'>
+      <html:button>Browse&#8230;</html:button><html:label>No file selected.</html:label>
+    </html:div>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/input/file/style.css b/layout/reftests/forms/input/file/style.css
new file mode 100644
index 0000000000..1ab1730478
--- /dev/null
+++ b/layout/reftests/forms/input/file/style.css
@@ -0,0 +1,63 @@
+:root { color-scheme: light }
+
+vbox, hbox {
+  margin-top: 8px;
+  margin-left: 8px;
+  display: block;
+}
+
+.file {
+  /* Copy of input properties that apply of forms.css below this */
+  color: inherit;
+  font: -moz-field;
+  text-rendering: optimizeLegibility;
+  line-height: normal !important;
+  text-align: start;
+  text-transform: none;
+  word-spacing: normal;
+  letter-spacing: normal;
+  text-indent: 0;
+  user-select: text;
+  text-shadow: none;
+
+  /* Copy of the type=file part of forms.css below this */
+  display: inline; /* this one isn't really a copy... */
+  white-space: nowrap;
+  overflow:hidden;
+
+  -moz-appearance: none;
+  -moz-binding: none;
+  cursor: default;
+  border: none;
+  background-color: transparent;
+  padding: 0;
+}
+
+.file > label {
+  display: inline-block;
+
+  /* Copy from forms.css below this */
+  min-width: 12em;
+  padding-inline-start: 5px;
+
+  color: inherit;
+  font-size: inherit;
+  letter-spacing: inherit;
+
+  direction: ltr !important;
+}
+
+.file[dir='rtl'] > label {
+  /* Copy from forms.css below this */
+  padding-inline-start: 0px;
+  padding-right: 5px;
+  text-align: right;
+}
+
+.file > button {
+  /* Copy from forms.css below this */
+  height: inherit;
+  font-size: inherit;
+  letter-spacing: inherit;
+  cursor: inherit;
+}
diff --git a/layout/reftests/forms/input/file/style.html b/layout/reftests/forms/input/file/style.html
new file mode 100644
index 0000000000..76fa4d971d
--- /dev/null
+++ b/layout/reftests/forms/input/file/style.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    input {
+      background-color: blue;
+      border: 1px red solid;
+      width: 400px;
+      color: white;
+      padding: 2px;
+      margin: 5px;
+    }
+  </style>
+  <body>
+    <input type='file'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/file/width-clip-ref.html b/layout/reftests/forms/input/file/width-clip-ref.html
new file mode 100644
index 0000000000..a6c746ac8d
--- /dev/null
+++ b/layout/reftests/forms/input/file/width-clip-ref.html
@@ -0,0 +1,3 @@
+<div style="width: 5px;"><input type="file"></div>
+<div style="width: 500px;"><input type="file"></div>
+
diff --git a/layout/reftests/forms/input/file/width-clip.html b/layout/reftests/forms/input/file/width-clip.html
new file mode 100644
index 0000000000..d4acd7e27f
--- /dev/null
+++ b/layout/reftests/forms/input/file/width-clip.html
@@ -0,0 +1,3 @@
+<div><input type="file" style="width: 5px"></div>
+<div><input type="file" style="width: 500px"></div>
+
diff --git a/layout/reftests/forms/input/hidden/border.html b/layout/reftests/forms/input/hidden/border.html
new file mode 100644
index 0000000000..ce7dcb2ca4
--- /dev/null
+++ b/layout/reftests/forms/input/hidden/border.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+<head>
+<style type="text/css">
+input {
+ display: block;
+ border: 1px solid #000;
+}
+</style>
+</head>
+<body>
+<input type="hidden">
+</body>
+</html>
diff --git a/layout/reftests/forms/input/hidden/reftest.list b/layout/reftests/forms/input/hidden/reftest.list
new file mode 100644
index 0000000000..64fa2bda56
--- /dev/null
+++ b/layout/reftests/forms/input/hidden/reftest.list
@@ -0,0 +1 @@
+== border.html about:blank
diff --git a/layout/reftests/forms/input/number/appearance-textfield-dynamic.html b/layout/reftests/forms/input/number/appearance-textfield-dynamic.html
new file mode 100644
index 0000000000..813add54e4
--- /dev/null
+++ b/layout/reftests/forms/input/number/appearance-textfield-dynamic.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<input type=number>
+<script>
+  let input = document.querySelector("input");
+  input.getBoundingClientRect();
+  input.style.appearance = "textfield";
+</script>
diff --git a/layout/reftests/forms/input/number/appearance-textfield.html b/layout/reftests/forms/input/number/appearance-textfield.html
new file mode 100644
index 0000000000..8ab3fdc67f
--- /dev/null
+++ b/layout/reftests/forms/input/number/appearance-textfield.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=number style="appearance: textfield">
diff --git a/layout/reftests/forms/input/number/caret-left-rtl-notref.html b/layout/reftests/forms/input/number/caret-left-rtl-notref.html
new file mode 100644
index 0000000000..8328bd9132
--- /dev/null
+++ b/layout/reftests/forms/input/number/caret-left-rtl-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input autofocus type=number style="text-align: left; direction: rtl; caret-color: transparent;">
diff --git a/layout/reftests/forms/input/number/caret-left-rtl.html b/layout/reftests/forms/input/number/caret-left-rtl.html
new file mode 100644
index 0000000000..d7619dc2bb
--- /dev/null
+++ b/layout/reftests/forms/input/number/caret-left-rtl.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input autofocus type=number style="text-align: left; direction: rtl;">
diff --git a/layout/reftests/forms/input/number/caret-right-notref.html b/layout/reftests/forms/input/number/caret-right-notref.html
new file mode 100644
index 0000000000..fabd558fb8
--- /dev/null
+++ b/layout/reftests/forms/input/number/caret-right-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input autofocus type=number style="text-align: right; caret-color: transparent">
diff --git a/layout/reftests/forms/input/number/caret-right-vertical-notref.html b/layout/reftests/forms/input/number/caret-right-vertical-notref.html
new file mode 100644
index 0000000000..d7d45a2c81
--- /dev/null
+++ b/layout/reftests/forms/input/number/caret-right-vertical-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input autofocus type=number style="text-align: right; direction: vertical-lr; caret-color: transparent;">
diff --git a/layout/reftests/forms/input/number/caret-right-vertical.html b/layout/reftests/forms/input/number/caret-right-vertical.html
new file mode 100644
index 0000000000..11e7ab9e40
--- /dev/null
+++ b/layout/reftests/forms/input/number/caret-right-vertical.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input autofocus type=number style="text-align: right; direction: vertical-lr;">
diff --git a/layout/reftests/forms/input/number/caret-right.html b/layout/reftests/forms/input/number/caret-right.html
new file mode 100644
index 0000000000..89b896af47
--- /dev/null
+++ b/layout/reftests/forms/input/number/caret-right.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input autofocus type=number style="text-align: right">
diff --git a/layout/reftests/forms/input/number/clipped-text-ref.html b/layout/reftests/forms/input/number/clipped-text-ref.html
new file mode 100644
index 0000000000..61157dfe41
--- /dev/null
+++ b/layout/reftests/forms/input/number/clipped-text-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  input {
+    -moz-appearance: textfield;
+    height: 30px;
+    font-size: 300px;
+  }
+</style>
+<input type=text value=1111>
diff --git a/layout/reftests/forms/input/number/clipped-text.html b/layout/reftests/forms/input/number/clipped-text.html
new file mode 100644
index 0000000000..0681c03988
--- /dev/null
+++ b/layout/reftests/forms/input/number/clipped-text.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  input {
+    -moz-appearance: textfield;
+    height: 30px;
+    font-size: 300px;
+  }
+</style>
+<input type=number value=1111>
diff --git a/layout/reftests/forms/input/number/flex-ref.html b/layout/reftests/forms/input/number/flex-ref.html
new file mode 100644
index 0000000000..4928292d61
--- /dev/null
+++ b/layout/reftests/forms/input/number/flex-ref.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<style>
+  label {
+    padding: 2px 4px;
+    display: flex;
+    flex-flow: column;
+    background: #ddd;
+    overflow: hidden;
+    min-height: 0;
+    min-width: 0;
+    width: 80px;
+  }
+  input {
+    flex: 1 1 auto;
+    margin: 4px;
+    min-height: 0;
+    min-width: 0;
+  }
+</style>
+<label>
+  <input type="text">
+</label>
diff --git a/layout/reftests/forms/input/number/flex.html b/layout/reftests/forms/input/number/flex.html
new file mode 100644
index 0000000000..c0a6c26642
--- /dev/null
+++ b/layout/reftests/forms/input/number/flex.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<style>
+  label {
+    padding: 2px 4px;
+    display: flex;
+    flex-flow: column;
+    background: #ddd;
+    overflow: hidden;
+    min-height: 0;
+    min-width: 0;
+    width: 80px;
+  }
+  input {
+    flex: 1 1 auto;
+    margin: 4px;
+    min-height: 0;
+    min-width: 0;
+    -moz-appearance: textfield;
+  }
+</style>
+<label>
+  <input type="number">
+</label>
diff --git a/layout/reftests/forms/input/number/focus-handling-ref.html b/layout/reftests/forms/input/number/focus-handling-ref.html
new file mode 100644
index 0000000000..e07f83f993
--- /dev/null
+++ b/layout/reftests/forms/input/number/focus-handling-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- In this case we're using reftest-wait to make sure the test doesn't         
+       get snapshotted before it's been focused. We're not testing                 
+       invalidation so we don't need to listen for MozReftestInvalidate.           
+  -->
+  <head>
+    <meta charset="utf-8">
+    <script>
+
+function end() {
+  setTimeout(function() {
+    document.documentElement.className = "";
+  }, 0);
+}
+
+    </script>
+  </head>
+  <body>
+    <input style="-moz-appearance:none;"><br>
+    <input autofocus onfocus="end();"
+           style="-moz-appearance:none;">
+    <!-- div to cover spin box area for type=number to type=text comparison -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/focus-handling.html b/layout/reftests/forms/input/number/focus-handling.html
new file mode 100644
index 0000000000..7ed5068ddd
--- /dev/null
+++ b/layout/reftests/forms/input/number/focus-handling.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- In this case we're using reftest-wait to make sure the test doesn't
+       get snapshotted before it's been focused. We're not testing
+       invalidation so we don't need to listen for MozReftestInvalidate.
+  -->
+  <head>
+    <meta charset="utf-8">
+    <script>
+function begin() {
+  setTimeout(function() {
+    document.getElementsByTagName('input')[1].focus();
+  }, 0);
+}
+
+function end() {
+  setTimeout(function() {
+    document.documentElement.className = "";
+  }, 0);
+}
+    </script>
+  </head>
+  <body>
+    <input type='number' autofocus onfocus="begin();"
+           style="appearance:none;"><br>
+    <input type='number' onfocus="end();"
+           style="appearance:none;">
+    <!-- div to cover spin box area for type=number to type=text comparison -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
+
diff --git a/layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1-ref.html b/layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1-ref.html
new file mode 100644
index 0000000000..ffb5ffa58d
--- /dev/null
+++ b/layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="checkbox" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1.html b/layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1.html
new file mode 100644
index 0000000000..561b39bec3
--- /dev/null
+++ b/layout/reftests/forms/input/number/from-number-to-other-type-unthemed-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when switching to another type, the input element should look
+             like that type (not like an input number element) -->
+  <script type="text/javascript">
+    function setToCheckbox()
+    {
+      document.getElementById('i').type='checkbox';
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setToCheckbox);
+  </script>
+  <body>
+    <input type='number' id='i' style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/not-other-type-unthemed-1.html b/layout/reftests/forms/input/number/not-other-type-unthemed-1.html
new file mode 100644
index 0000000000..7f0d427b41
--- /dev/null
+++ b/layout/reftests/forms/input/number/not-other-type-unthemed-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" value="1" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/not-other-type-unthemed-1a-notref.html b/layout/reftests/forms/input/number/not-other-type-unthemed-1a-notref.html
new file mode 100644
index 0000000000..7c5a4dcaca
--- /dev/null
+++ b/layout/reftests/forms/input/number/not-other-type-unthemed-1a-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" value="1" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/not-other-type-unthemed-1b-notref.html b/layout/reftests/forms/input/number/not-other-type-unthemed-1b-notref.html
new file mode 100644
index 0000000000..ffb5ffa58d
--- /dev/null
+++ b/layout/reftests/forms/input/number/not-other-type-unthemed-1b-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="checkbox" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-auto-width-1-ref.html b/layout/reftests/forms/input/number/number-auto-width-1-ref.html
new file mode 100644
index 0000000000..50b7b7e04b
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-auto-width-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" style="-moz-appearance:none; width:auto;">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:2000px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-auto-width-1.html b/layout/reftests/forms/input/number/number-auto-width-1.html
new file mode 100644
index 0000000000..5c9cc0abed
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-auto-width-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" style="-moz-appearance:none; width:auto;">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:2000px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-disabled-ref.html b/layout/reftests/forms/input/number/number-disabled-ref.html
new file mode 100644
index 0000000000..f3c9d4d562
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-disabled-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" disabled
+           style="-moz-appearance: none"><!-- Workaround for bug 1223198 -->
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-disabled.html b/layout/reftests/forms/input/number/number-disabled.html
new file mode 100644
index 0000000000..b4acb20a75
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" disabled
+           style="-moz-appearance: none"><!-- Workaround for bug 1223198 -->
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-localized-dynamic-asnumber.html b/layout/reftests/forms/input/number/number-localized-dynamic-asnumber.html
new file mode 100644
index 0000000000..f9665422c4
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-localized-dynamic-asnumber.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<input type=number step=0.01 lang=de>
+<script>
+  document.querySelector("input").valueAsNumber = 1.25;
+</script>
diff --git a/layout/reftests/forms/input/number/number-localized-dynamic.html b/layout/reftests/forms/input/number/number-localized-dynamic.html
new file mode 100644
index 0000000000..b2ed74fad4
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-localized-dynamic.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<input type=number step=0.01 lang=de>
+<script>
+  document.querySelector("input").value = 1.25;
+</script>
diff --git a/layout/reftests/forms/input/number/number-localized-notref.html b/layout/reftests/forms/input/number/number-localized-notref.html
new file mode 100644
index 0000000000..8eadc65e08
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-localized-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=number value=1.25 step=0.01>
diff --git a/layout/reftests/forms/input/number/number-localized.html b/layout/reftests/forms/input/number/number-localized.html
new file mode 100644
index 0000000000..b6a9d7bf23
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-localized.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=number value=1.25 step=0.01 lang=de>
diff --git a/layout/reftests/forms/input/number/number-max-height-1-ref.html b/layout/reftests/forms/input/number/number-max-height-1-ref.html
new file mode 100644
index 0000000000..5f17a62425
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-max-height-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+div {
+  border: 3px solid black;
+  width: 308px;
+  height: 108px;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-max-height-1.html b/layout/reftests/forms/input/number/number-max-height-1.html
new file mode 100644
index 0000000000..bf671a0f9e
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-max-height-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+input {
+  border: 3px solid black;
+  padding: 4px;
+  width: 300px;
+  height: 300px;
+  max-height: 100px;
+  box-sizing: content-box;
+  /* hide the spin buttons: */
+  -moz-appearance: textfield;
+}
+
+* > input[type=number] {
+  /* get rid of background gradient for Firefox OS */
+  background-color: transparent ! important;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type="number">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-max-height-2-ref.html b/layout/reftests/forms/input/number/number-max-height-2-ref.html
new file mode 100644
index 0000000000..8b654e7f98
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-max-height-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+div {
+  border: 3px solid black;
+  width: 294px;
+  height: 94px;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-max-height-2.html b/layout/reftests/forms/input/number/number-max-height-2.html
new file mode 100644
index 0000000000..ff118ea238
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-max-height-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+input {
+  border: 3px solid black;
+  padding: 4px;
+  width: 300px;
+  height: 300px;
+  max-height: 100px;
+  box-sizing: border-box;
+  /* hide the spin buttons: */
+  -moz-appearance: textfield;
+}
+
+* > input[type=number] {
+  /* get rid of background gradient for Firefox OS */
+  background-color: transparent ! important;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type="number">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-min-height-1-ref.html b/layout/reftests/forms/input/number/number-min-height-1-ref.html
new file mode 100644
index 0000000000..5f17a62425
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-min-height-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+div {
+  border: 3px solid black;
+  width: 308px;
+  height: 108px;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-min-height-1.html b/layout/reftests/forms/input/number/number-min-height-1.html
new file mode 100644
index 0000000000..75923b98b1
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-min-height-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+input {
+  border: 3px solid black;
+  padding: 4px;
+  width: 300px;
+  min-height: 100px;
+  box-sizing: content-box;
+  /* hide the spin buttons: */
+  -moz-appearance: textfield;
+}
+
+* > input[type=number] {
+  /* get rid of background gradient for Firefox OS */
+  background-color: transparent ! important;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type="number">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-min-height-2-ref.html b/layout/reftests/forms/input/number/number-min-height-2-ref.html
new file mode 100644
index 0000000000..8b654e7f98
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-min-height-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+div {
+  border: 3px solid black;
+  width: 294px;
+  height: 94px;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-min-height-2.html b/layout/reftests/forms/input/number/number-min-height-2.html
new file mode 100644
index 0000000000..9f69e1eaee
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-min-height-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+input {
+  border: 3px solid black;
+  padding: 4px;
+  width: 300px;
+  min-height: 100px;
+  box-sizing: border-box;
+  /* hide the spin buttons: */
+  -moz-appearance: textfield;
+}
+
+* > input[type=number] {
+  /* get rid of background gradient for Firefox OS */
+  background-color: transparent ! important;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type="number">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-placeholder-ref.html b/layout/reftests/forms/input/number/number-placeholder-ref.html
new file mode 100644
index 0000000000..6076272436
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-placeholder-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+input {
+  width: 15em;
+  color: blue;
+  font-style: italic;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type="number" value="123">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-placeholder.html b/layout/reftests/forms/input/number/number-placeholder.html
new file mode 100644
index 0000000000..5018255ca3
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-placeholder.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+input {
+  width: 15em;
+}
+
+input[type=number]::placeholder {
+  color: blue;
+  opacity: 1.0;
+}
+
+input[type=number]::-moz-placeholder {
+  font-style: italic;
+  opacity: 1.0;
+}
+    </style>
+  </head>
+  <body>
+    <input type="number" placeholder="123">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-pseudo-elements-ref.html b/layout/reftests/forms/input/number/number-pseudo-elements-ref.html
new file mode 100644
index 0000000000..263aeff1f8
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-pseudo-elements-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-pseudo-elements.html b/layout/reftests/forms/input/number/number-pseudo-elements.html
new file mode 100644
index 0000000000..0e51f6c8d9
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-pseudo-elements.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+/* None of these selectors should match from content */
+input[type=number]::-moz-number-spin-box,
+input[type=number]::-moz-number-spin-up,
+input[type=number]::-moz-number-spin-down {
+  background-color: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type="number" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-reframe-anon-text-field-ref.html b/layout/reftests/forms/input/number/number-reframe-anon-text-field-ref.html
new file mode 100644
index 0000000000..aa58e491ef
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-reframe-anon-text-field-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+input {
+  font-size: 30pt;
+  background-color: lightblue;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type="number">
+  </body>
+</html>
+
diff --git a/layout/reftests/forms/input/number/number-reframe-anon-text-field.html b/layout/reftests/forms/input/number/number-reframe-anon-text-field.html
new file mode 100644
index 0000000000..52945d6a63
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-reframe-anon-text-field.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+
+input {
+  font-size: 30pt;
+  background-color: lightblue;
+}
+
+    </style>
+    <script>
+
+document.addEventListener("DOMContentLoaded", function() {
+  document.body.style.backgroundImage = "none";
+});
+
+function PostRebuildAllStyleDataEvent() {
+  // trigger http://mxr.mozilla.org/mozilla-central/source/layout/base/RestyleManager.cpp?rev=a8b06549f680#1490
+  var m = document.createElementNS("http://www.w3.org/1998/Math/MathML", "math");
+  document.head.appendChild(m);
+  document.head.removeChild(m);
+}
+
+function reframe() {
+  PostRebuildAllStyleDataEvent();
+  document.documentElement.className = "";
+}
+
+document.addEventListener("MozReftestInvalidate", function() {
+  // Calling reframe now would be too early to reproduce the bug that we're
+  // testing for. Note that in the event that we start faling this test this
+  // timeout may make the failure seem intermittent when in fact we would
+  // always fail if it was longer.
+  setTimeout(reframe, 500);
+});
+
+    </script>
+  </head>
+  <body>
+    <input type="number">
+  </body>
+</html>
+
diff --git a/layout/reftests/forms/input/number/number-same-as-text-unthemed.html b/layout/reftests/forms/input/number/number-same-as-text-unthemed.html
new file mode 100644
index 0000000000..fddcc33eb0
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-same-as-text-unthemed.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" style="-moz-appearance:none; width:200px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-selected-ref.html b/layout/reftests/forms/input/number/number-selected-ref.html
new file mode 100644
index 0000000000..3b9b33b23d
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-selected-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+
+document.addEventListener("MozReftestInvalidate", function() {
+  document.getElementById("i").select();
+  document.documentElement.className = "";
+});
+
+    </script>
+  </head>
+  <body>
+    <input id="i" type="text" value="123">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-selected.html b/layout/reftests/forms/input/number/number-selected.html
new file mode 100644
index 0000000000..25ab24be4b
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-selected.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+
+document.addEventListener("MozReftestInvalidate", function() {
+  document.getElementById("i").select();
+  document.documentElement.className = "";
+});
+
+    </script>
+  </head>
+  <body>
+    <input id="i" type="number" value="123">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-significant-fractional-digits-ref.html b/layout/reftests/forms/input/number/number-significant-fractional-digits-ref.html
new file mode 100644
index 0000000000..d576830254
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-significant-fractional-digits-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" value="1.00100000000001" style="width:100%;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-significant-fractional-digits.html b/layout/reftests/forms/input/number/number-significant-fractional-digits.html
new file mode 100644
index 0000000000..5e8db0bc57
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-significant-fractional-digits.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+
+document.addEventListener("MozReftestInvalidate", function() {
+  document.getElementById("i").stepUp();
+  document.documentElement.className = "";
+});
+
+    </script>
+  </head>
+  <body>
+    <input id="i" type="number" value="1.001" step="0.00000000000001"
+           style="width:100%;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed-ref.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-ref.html
new file mode 100644
index 0000000000..abb0b240dc
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" style="-moz-appearance:none; width:200px;">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl-ref.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl-ref.html
new file mode 100644
index 0000000000..79644edc8b
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body style="direction: rtl">
+    <input type="text" style="-moz-appearance:none; width:200px;" value="1">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; right:100px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl.html
new file mode 100644
index 0000000000..36ffc06299
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-rtl.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body style="direction: rtl">
+    <input type="number" style="-moz-appearance:none; width:200px;" value="1">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; right:100px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr-ref.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr-ref.html
new file mode 100644
index 0000000000..6deed48916
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="writing-mode:vertical-lr;">
+  <body>
+    <input type="text" style="-moz-appearance:none; height:200px;" value="123">
+    <!-- div to cover spin box area -->
+    <div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; left:0px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr.html
new file mode 100644
index 0000000000..7a78830629
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-lr.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="writing-mode:vertical-lr;">
+  <body>
+    <input type="number" style="-moz-appearance:none; height:200px;" value="123">
+    <!-- div to cover spin box area -->
+    <div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; left:0px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl-ref.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl-ref.html
new file mode 100644
index 0000000000..73a5373877
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="writing-mode:vertical-rl;">
+  <body>
+    <input type="text" style="-moz-appearance:none; height:200px;" value="123">
+    <!-- div to cover spin box area -->
+    <div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; right:0px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl.html
new file mode 100644
index 0000000000..3bc3a388a1
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed-vertical-rl.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="writing-mode:vertical-rl;">
+  <body>
+    <input type="number" style="-moz-appearance:none; height:200px;" value="123">
+    <!-- div to cover spin box area -->
+    <div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; right:0px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-similar-to-text-unthemed.html b/layout/reftests/forms/input/number/number-similar-to-text-unthemed.html
new file mode 100644
index 0000000000..f8c2ce65da
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-similar-to-text-unthemed.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" style="-moz-appearance:none; width:200px;">
+    <!-- div to cover spin box area -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-spinbox-disabled-notref.html b/layout/reftests/forms/input/number/number-spinbox-disabled-notref.html
new file mode 100644
index 0000000000..216111431e
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-spinbox-disabled-notref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+input {
+  border: none;
+  background: white;
+  color: black;
+}
+</style>
+<input type=number>
diff --git a/layout/reftests/forms/input/number/number-spinbox-disabled.html b/layout/reftests/forms/input/number/number-spinbox-disabled.html
new file mode 100644
index 0000000000..03124d4ab2
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-spinbox-disabled.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+input {
+  border: none;
+  background: white;
+  color: black;
+}
+</style>
+<input type=number disabled>
diff --git a/layout/reftests/forms/input/number/number-style-inheritance-ref.html b/layout/reftests/forms/input/number/number-style-inheritance-ref.html
new file mode 100644
index 0000000000..ce3e272577
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-style-inheritance-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" style="width: 100px; text-decoration: underline; box-sizing: border-box;" value="1234">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/number-style-inheritance.html b/layout/reftests/forms/input/number/number-style-inheritance.html
new file mode 100644
index 0000000000..aeafc4ee2d
--- /dev/null
+++ b/layout/reftests/forms/input/number/number-style-inheritance.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" style="width: 100px; -moz-appearance: textfield; text-decoration: underline; box-sizing: border-box;" value="1234">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/padding-001-notref.html b/layout/reftests/forms/input/number/padding-001-notref.html
new file mode 100644
index 0000000000..de85ee169b
--- /dev/null
+++ b/layout/reftests/forms/input/number/padding-001-notref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+input {
+  box-sizing: border-box;
+  padding: 2em;
+  height: 1em;
+  -moz-appearance: textfield;
+}
+</style>
+<input type=number>
diff --git a/layout/reftests/forms/input/number/padding-001-ref.html b/layout/reftests/forms/input/number/padding-001-ref.html
new file mode 100644
index 0000000000..90c2f78ee2
--- /dev/null
+++ b/layout/reftests/forms/input/number/padding-001-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+input {
+  box-sizing: border-box;
+  padding: 2em;
+  height: 1em;
+}
+</style>
+<input type=text value=1111>
diff --git a/layout/reftests/forms/input/number/padding-001.html b/layout/reftests/forms/input/number/padding-001.html
new file mode 100644
index 0000000000..cc2f5c7094
--- /dev/null
+++ b/layout/reftests/forms/input/number/padding-001.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+input {
+  box-sizing: border-box;
+  padding: 2em;
+  height: 1em;
+  -moz-appearance: textfield;
+}
+</style>
+<input type=number value=1111>
diff --git a/layout/reftests/forms/input/number/padding-002-ref.html b/layout/reftests/forms/input/number/padding-002-ref.html
new file mode 100644
index 0000000000..0a42417770
--- /dev/null
+++ b/layout/reftests/forms/input/number/padding-002-ref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+input {
+  padding: 10px 0 0;
+  -moz-appearance: textfield;
+}
+</style>
+<input type=text value=1111>
diff --git a/layout/reftests/forms/input/number/padding-002.html b/layout/reftests/forms/input/number/padding-002.html
new file mode 100644
index 0000000000..5c94be0883
--- /dev/null
+++ b/layout/reftests/forms/input/number/padding-002.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+input {
+  padding: 10px 0 0;
+  -moz-appearance: textfield;
+}
+</style>
+<input type=number value=1111>
diff --git a/layout/reftests/forms/input/number/pseudo-classes.html b/layout/reftests/forms/input/number/pseudo-classes.html
new file mode 100644
index 0000000000..71555581bc
--- /dev/null
+++ b/layout/reftests/forms/input/number/pseudo-classes.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Test pseudo-classes on number controls</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1250315">
+  <link rel="help" href="https://drafts.csswg.org/selectors-4/#rw-pseudos">
+  <link rel="match" href="about:blank">
+  <style type="text/css">
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+#t1:read-only { display:none; }
+#t1:read-write { display:block; }
+
+#t2:read-write { display:none; }
+#t2:read-only { display:block; }
+
+#t3:disabled { display:none; }
+#t3:enabled { display:block; }
+
+#t4:enabled { display:none; }
+#t4:disabled { display:block; }
+
+  </style>
+</head>
+<body>
+
+<input id=t1 type=number readonly>
+<input id=t2 type=number>
+<input id=t3 type=number disabled>
+<input id=t4 type=number>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/number/reftest.list b/layout/reftests/forms/input/number/reftest.list
new file mode 100644
index 0000000000..0a50ef8113
--- /dev/null
+++ b/layout/reftests/forms/input/number/reftest.list
@@ -0,0 +1,74 @@
+# sanity checks:
+!= not-other-type-unthemed-1.html not-other-type-unthemed-1a-notref.html
+!= not-other-type-unthemed-1.html not-other-type-unthemed-1b-notref.html
+
+# should look the same as type=text, except for the spin box
+== number-similar-to-text-unthemed.html number-similar-to-text-unthemed-ref.html
+== number-similar-to-text-unthemed-rtl.html number-similar-to-text-unthemed-rtl-ref.html
+== number-similar-to-text-unthemed-vertical-lr.html number-similar-to-text-unthemed-vertical-lr-ref.html
+== number-similar-to-text-unthemed-vertical-rl.html number-similar-to-text-unthemed-vertical-rl-ref.html
+
+# dynamic type changes:
+fuzzy(0-2,0-5) == to-number-from-other-type-unthemed-1.html to-number-from-other-type-unthemed-1-ref.html
+fuzzy(0-2,0-5) == from-number-to-other-type-unthemed-1.html from-number-to-other-type-unthemed-1-ref.html
+
+# dynamic value changes:
+fuzzy(0-2,0-13) == show-value.html show-value-ref.html
+
+# disabled
+== number-disabled.html number-disabled-ref.html
+!= number-spinbox-disabled.html number-spinbox-disabled-notref.html
+
+# auto width:
+== number-auto-width-1.html number-auto-width-1-ref.html
+== flex.html flex-ref.html
+
+# min-height/max-height tests:
+skip-if(Android) == number-min-height-1.html number-min-height-1-ref.html
+skip-if(Android) == number-min-height-2.html number-min-height-2-ref.html
+skip-if(Android) == number-max-height-1.html number-max-height-1-ref.html
+skip-if(Android) == number-max-height-2.html number-max-height-2-ref.html
+
+# number of significant fractional digits:
+fuzzy(0-1,0-1) == number-significant-fractional-digits.html number-significant-fractional-digits-ref.html
+
+# focus
+fuzzy(0-2,0-5) needs-focus == focus-handling.html focus-handling-ref.html # Win: Antialiasing underinvalidation, looks like.
+== spinner-overflow.html spinner-overflow-ref.html
+== spinner-overflow-vertical.html spinner-overflow-vertical-ref.html
+
+# select
+fuzzy(0-1,0-1) == number-selected.html number-selected-ref.html
+
+# pseudo-elements not usable from content:
+== number-pseudo-elements.html number-pseudo-elements-ref.html
+
+== number-placeholder.html number-placeholder-ref.html
+
+# check that if the anonymous text control is reframed, we reframe the whole
+# number control (the fuzzy is for the top-right and bottom-left of the border
+# bevel which gets slightly different antialiasing after invalidation):
+fuzzy(0-128,0-4) == number-reframe-anon-text-field.html number-reframe-anon-text-field-ref.html
+
+== pseudo-classes.html about:blank
+
+# Style inheritance:
+== number-style-inheritance.html number-style-inheritance-ref.html
+
+# l10n
+!= number-localized.html number-localized-notref.html
+== number-localized-dynamic.html number-localized.html
+== number-localized-dynamic-asnumber.html number-localized.html
+
+== padding-001.html padding-001-ref.html
+!= padding-001.html padding-001-notref.html
+== padding-002.html padding-002-ref.html
+
+== appearance-textfield.html text.html
+== appearance-textfield-dynamic.html appearance-textfield.html
+
+fuzzy(0-14,0-4) == clipped-text.html clipped-text-ref.html
+
+fails-if(useDrawSnapshot) needs-focus != caret-right.html caret-right-notref.html
+fails-if(useDrawSnapshot) needs-focus != caret-left-rtl.html caret-left-rtl-notref.html
+fails-if(useDrawSnapshot) needs-focus != caret-right-vertical.html caret-right-vertical-notref.html
diff --git a/layout/reftests/forms/input/number/show-value-ref.html b/layout/reftests/forms/input/number/show-value-ref.html
new file mode 100644
index 0000000000..c3d2c5564c
--- /dev/null
+++ b/layout/reftests/forms/input/number/show-value-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">                                                         
+    <style>                                                                        
+                                                                                   
+input {                                                                            
+  -moz-appearance: none;                                                           
+}                                                                                  
+                                                                                   
+    </style>                                                                       
+  </head>
+  <body>
+    <input value='142'><br>
+    <input value='142'><br>
+    <input value='142'><br>
+    <input value='142'><br>
+    <input value='142'><br>
+    <form>
+      <input value='142'>
+    </form>
+    <!-- div to cover spin box area for type=number to type=text comparison -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:400px; top:0px; left:100px;">
+  </body>
+</html>
+
diff --git a/layout/reftests/forms/input/number/show-value.html b/layout/reftests/forms/input/number/show-value.html
new file mode 100644
index 0000000000..5aae9922e8
--- /dev/null
+++ b/layout/reftests/forms/input/number/show-value.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <head>
+    <meta charset="utf-8">
+    <style>
+
+input {
+  -moz-appearance: none;
+}
+
+    </style>
+    <script>
+// Using "142" as the magic number as "1" in a monospace font should not have
+// stray leading or trailing antialised pixels that get clipped unexpectedly.
+
+function run() {
+  var numbers = document.getElementsByTagName('input');
+  numbers[2].style.display = 'inline-block'; // none -> inline-block
+  numbers[3].setAttribute('value', '142');
+  numbers[4].value = '142';
+  numbers[5].varue = '1337'; // deliberately misspelt - should not set value
+  document.forms[0].reset(); // numbers[5] value should be 42 again.
+  document.documentElement.className = '';
+}
+
+document.addEventListener("MozReftestInvalidate", run);
+
+    </script>
+  </head>
+  <body onload="run();">
+    <input type='number' value='142'><br>
+    <input value='142' type='number'><br>
+    <input type='number' value='142' style="display: none;"><br>
+    <input type='number' value='1337'><br>
+    <input type='number' value='1337'><br>
+    <form>
+      <input type='number' value='142'>
+    </form>
+    <!-- div to cover spin box area for type=number to type=text comparison -->
+    <div style="display:block; position:absolute; background-color:black; width:200px; height:400px; top:0px; left:100px;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/spinner-overflow-ref.html b/layout/reftests/forms/input/number/spinner-overflow-ref.html
new file mode 100644
index 0000000000..3e7f1f3ee3
--- /dev/null
+++ b/layout/reftests/forms/input/number/spinner-overflow-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+  input {
+    appearance: none;
+    height: 5px;
+    outline: 2px solid black;
+  }
+</style>
+<input type="text">
+<!-- div to cover spin box area for type=number to type=text comparison -->
+<div style="position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
diff --git a/layout/reftests/forms/input/number/spinner-overflow-vertical-ref.html b/layout/reftests/forms/input/number/spinner-overflow-vertical-ref.html
new file mode 100644
index 0000000000..cf20a034d7
--- /dev/null
+++ b/layout/reftests/forms/input/number/spinner-overflow-vertical-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+  input {
+    appearance: none;
+    outline: 2px solid black;
+    overflow: clip;
+  }
+</style>
+<input type="number" style="writing-mode: vertical-lr">
+<input type="number" style="writing-mode: vertical-rl">
diff --git a/layout/reftests/forms/input/number/spinner-overflow-vertical.html b/layout/reftests/forms/input/number/spinner-overflow-vertical.html
new file mode 100644
index 0000000000..93a6c1f8cf
--- /dev/null
+++ b/layout/reftests/forms/input/number/spinner-overflow-vertical.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+  input {
+    appearance: none;
+    outline: 2px solid black;
+  }
+</style>
+<input type="number" style="writing-mode: vertical-lr">
+<input type="number" style="writing-mode: vertical-rl">
diff --git a/layout/reftests/forms/input/number/spinner-overflow.html b/layout/reftests/forms/input/number/spinner-overflow.html
new file mode 100644
index 0000000000..f73be677a3
--- /dev/null
+++ b/layout/reftests/forms/input/number/spinner-overflow.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+  input {
+    appearance: none;
+    height: 5px;
+    outline: 2px solid black;
+  }
+</style>
+<input type="number">
+<!-- div to cover spin box area for type=number to type=text comparison -->
+<div style="position:absolute; background-color:black; width:200px; height:100px; top:0px; left:100px;">
diff --git a/layout/reftests/forms/input/number/text.html b/layout/reftests/forms/input/number/text.html
new file mode 100644
index 0000000000..a46c54a7b7
--- /dev/null
+++ b/layout/reftests/forms/input/number/text.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=text>
diff --git a/layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1-ref.html b/layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1-ref.html
new file mode 100644
index 0000000000..263aeff1f8
--- /dev/null
+++ b/layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="number" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1.html b/layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1.html
new file mode 100644
index 0000000000..b0beffa56c
--- /dev/null
+++ b/layout/reftests/forms/input/number/to-number-from-other-type-unthemed-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: input element changed to number state doesn't look like checkbox state -->
+  <script type="text/javascript">
+    function setToNumber()
+    {
+      document.getElementById('i').type='number';
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setToNumber);
+  </script>
+  <body>
+    <input type='checkbox' id='i' style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/percentage/padding-ref.html b/layout/reftests/forms/input/percentage/padding-ref.html
new file mode 100644
index 0000000000..31dac1b36a
--- /dev/null
+++ b/layout/reftests/forms/input/percentage/padding-ref.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+    <head>
+        <style>
+            .container {
+                width: 400px;
+                background: #ddd;
+            }
+            .text-input {
+                width: 200px; /* 50% */
+                padding: 40px; /* 10% */
+                background: #fff;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <input type="text" class="text-input" />
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/forms/input/percentage/padding.html b/layout/reftests/forms/input/percentage/padding.html
new file mode 100644
index 0000000000..7b792595b4
--- /dev/null
+++ b/layout/reftests/forms/input/percentage/padding.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+    <head>
+        <style>
+            .container {
+                width: 400px;
+                background: #ddd;
+            }
+            .text-input {
+                width: 50%; /* 200px */
+                padding: 10%; /* 40px */
+                background: #fff;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <input type="text" class="text-input" />
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/forms/input/percentage/reftest.list b/layout/reftests/forms/input/percentage/reftest.list
new file mode 100644
index 0000000000..5d9f729026
--- /dev/null
+++ b/layout/reftests/forms/input/percentage/reftest.list
@@ -0,0 +1 @@
+== padding.html padding-ref.html
diff --git a/layout/reftests/forms/input/radio/checked-appearance-none.html b/layout/reftests/forms/input/radio/checked-appearance-none.html
new file mode 100644
index 0000000000..37aed5826e
--- /dev/null
+++ b/layout/reftests/forms/input/radio/checked-appearance-none.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="radio" style="-moz-appearance:none" checked>
diff --git a/layout/reftests/forms/input/radio/checked-native-notref.html b/layout/reftests/forms/input/radio/checked-native-notref.html
new file mode 100644
index 0000000000..c9483ac056
--- /dev/null
+++ b/layout/reftests/forms/input/radio/checked-native-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="radio">
diff --git a/layout/reftests/forms/input/radio/checked-native.html b/layout/reftests/forms/input/radio/checked-native.html
new file mode 100644
index 0000000000..7e7673afd0
--- /dev/null
+++ b/layout/reftests/forms/input/radio/checked-native.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="radio" checked>
diff --git a/layout/reftests/forms/input/radio/label-dynamic-ref.html b/layout/reftests/forms/input/radio/label-dynamic-ref.html
new file mode 100644
index 0000000000..5b0501bb8a
--- /dev/null
+++ b/layout/reftests/forms/input/radio/label-dynamic-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+
+.hideradios input {
+  display: none;
+}
+
+label[for="a2"],
+label[for="b2"] {
+  background-color: yellow;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<div>
+<div><input type="radio" name="a" id="a1"><label for="a1">radio #a1</label></div>
+<div><input type="radio" name="a" id="a2" checked><label for="a2">radio #a2</label></div>
+<div><input type="radio" name="a" id="a3"><label for="a3">radio #a3</label></div>
+<div><input type="radio" name="a" id="a4"><label for="a4">radio #a4</label></div>
+<div><input type="radio" name="a" id="a5"><label for="a5">radio #a5</label></div>
+</div>
+
+<div class="hideradios">
+<div><input type="radio" name="b" id="b1"><label for="b1">radio #b1</label></div>
+<div><input type="radio" name="b" id="b2" checked><label for="b2">radio #b2</label></div>
+<div><input type="radio" name="b" id="b3"><label for="b3">radio #b3</label></div>
+<div><input type="radio" name="b" id="b4"><label for="b4">radio #b4</label></div>
+<div><input type="radio" name="b" id="b5"><label for="b5">radio #b5</label></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/radio/label-dynamic.html b/layout/reftests/forms/input/radio/label-dynamic.html
new file mode 100644
index 0000000000..143a0fb6dc
--- /dev/null
+++ b/layout/reftests/forms/input/radio/label-dynamic.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+
+.hideradios input {
+  display: none;
+}
+
+input:checked + label {
+  background-color: yellow;
+}
+
+</style>
+
+<script type="text/javascript">
+
+function chooseSecondItems()
+{
+  document.getElementById("a2").checked = true;
+  document.getElementById("b2").checked = true;
+}
+
+</script>
+</head>
+
+<body onload="chooseSecondItems();">
+
+<div>
+<div><input type="radio" name="a" id="a1"><label for="a1">radio #a1</label></div>
+<div><input type="radio" name="a" id="a2"><label for="a2">radio #a2</label></div>
+<div><input type="radio" name="a" id="a3"><label for="a3">radio #a3</label></div>
+<div><input type="radio" name="a" id="a4" checked><label for="a4">radio #a4</label></div>
+<div><input type="radio" name="a" id="a5"><label for="a5">radio #a5</label></div>
+</div>
+
+<div class="hideradios">
+<div><input type="radio" name="b" id="b1"><label for="b1">radio #b1</label></div>
+<div><input type="radio" name="b" id="b2"><label for="b2">radio #b2</label></div>
+<div><input type="radio" name="b" id="b3"><label for="b3">radio #b3</label></div>
+<div><input type="radio" name="b" id="b4" checked><label for="b4">radio #b4</label></div>
+<div><input type="radio" name="b" id="b5"><label for="b5">radio #b5</label></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/radio/radio-clamp-01-ref.html b/layout/reftests/forms/input/radio/radio-clamp-01-ref.html
new file mode 100644
index 0000000000..6104ce1adc
--- /dev/null
+++ b/layout/reftests/forms/input/radio/radio-clamp-01-ref.html
@@ -0,0 +1,12 @@
+<style>
+  div {
+    top: 50px;
+    line-height: 0px;
+    position: relative;
+  }
+</style>
+
+<div>
+  <input type="radio">
+  <input type="radio" checked>
+</div>
diff --git a/layout/reftests/forms/input/radio/radio-clamp-01.html b/layout/reftests/forms/input/radio/radio-clamp-01.html
new file mode 100644
index 0000000000..e4ca9cd05a
--- /dev/null
+++ b/layout/reftests/forms/input/radio/radio-clamp-01.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+  <meta charset="utf-8">
+  <title>Test clamping width/height of radio.</title>
+  <link rel="author" title="Louis Chang" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1400050">
+  <link rel="match" href="radio-clamp-ref.html">
+  </head>
+    <style>
+div {
+  position: relative;
+  line-height: 0px;
+}
+    </style>
+  <body>
+    <div>
+      <input type="radio">
+      <input type="radio" checked>
+    <div>
+    <script>
+      // If we grow the radio vertically, horizontal size shouldn't change,
+      // instead it should be centered vertically. We grow it by a hundred
+      // pixels, and the reference positions it manually at 50px, which is where
+      // it should end up.
+      for (let input of document.querySelectorAll("input")) {
+        input.style.height = (100 + input.getBoundingClientRect().height) + "px";
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/radio/radio-clamp-02-ref.html b/layout/reftests/forms/input/radio/radio-clamp-02-ref.html
new file mode 100644
index 0000000000..2061a67420
--- /dev/null
+++ b/layout/reftests/forms/input/radio/radio-clamp-02-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1405986</title>
+  <style type="text/css">
+html,body {
+  color: black;
+  background-color: white;
+  font: 16px/1 monospace;
+  padding: 0;
+  margin: 0;
+}
+
+.grid {
+  display: inline-grid;
+  grid: 100px / 40px 40px;
+  border: 1px solid;
+  vertical-align: top;
+  justify-items: start;
+}
+
+input {
+  margin: 0;
+}
+  </style>
+</head>
+<body>
+  <div class="grid">
+    <input type=radio style="align-self: center">
+    <input type=radio checked style="align-self: center">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/forms/input/radio/radio-clamp-02.html b/layout/reftests/forms/input/radio/radio-clamp-02.html
new file mode 100644
index 0000000000..11ec57906b
--- /dev/null
+++ b/layout/reftests/forms/input/radio/radio-clamp-02.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1405986</title>
+  <style type="text/css">
+html,body {
+  color: black;
+  background-color: white;
+  font: 16px/1 monospace;
+  padding: 0;
+  margin: 0;
+}
+
+.grid {
+  display: inline-grid;
+  grid: 100px / 40px 40px;
+  border: 1px solid;
+  vertical-align: top;
+  justify-items: start;
+}
+
+input {
+  margin: 0;
+}
+  </style>
+</head>
+<body>
+  <div class="grid">
+    <input type=radio style="height: 100px">
+    <input type=radio checked style="height: 100px">
+  </div>
+</body>
+</html>
+
diff --git a/layout/reftests/forms/input/radio/radio-minimum-size-notref.html b/layout/reftests/forms/input/radio/radio-minimum-size-notref.html
new file mode 100644
index 0000000000..d4539020b0
--- /dev/null
+++ b/layout/reftests/forms/input/radio/radio-minimum-size-notref.html
@@ -0,0 +1,2 @@
+<input type="radio">
+<input type="radio" checked>
diff --git a/layout/reftests/forms/input/radio/radio-minimum-size.html b/layout/reftests/forms/input/radio/radio-minimum-size.html
new file mode 100644
index 0000000000..21bdb6b154
--- /dev/null
+++ b/layout/reftests/forms/input/radio/radio-minimum-size.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+  <meta charset="utf-8">
+  <title>Test minimum size of radio.</title>
+  <link rel="author" title="Louis Chang" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1404770">
+  <link rel="match" href="radio-minimum-size-ref.html">
+    <style type="text/css">
+input {
+  height: 0px;
+}
+    </style>
+  </head>
+  <body>
+    <input type="radio">
+    <input type="radio" checked>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/radio/reftest.list b/layout/reftests/forms/input/radio/reftest.list
new file mode 100644
index 0000000000..6c80eaf447
--- /dev/null
+++ b/layout/reftests/forms/input/radio/reftest.list
@@ -0,0 +1,9 @@
+== label-dynamic.html label-dynamic-ref.html
+!= checked-native.html checked-native-notref.html
+== checked-appearance-none.html about:blank
+== unchecked-appearance-none.html about:blank
+!= checked-native.html about:blank
+!= checked-native-notref.html about:blank
+== radio-clamp-01.html radio-clamp-01-ref.html
+skip-if(OSX||winWidget||Android) == radio-clamp-02.html radio-clamp-02-ref.html
+!= radio-minimum-size.html radio-minimum-size-notref.html
diff --git a/layout/reftests/forms/input/radio/unchecked-appearance-none.html b/layout/reftests/forms/input/radio/unchecked-appearance-none.html
new file mode 100644
index 0000000000..e30a1ef396
--- /dev/null
+++ b/layout/reftests/forms/input/radio/unchecked-appearance-none.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type="radio" style="-moz-appearance:none">
diff --git a/layout/reftests/forms/input/range/100pct-common-ref.html b/layout/reftests/forms/input/range/100pct-common-ref.html
new file mode 100644
index 0000000000..ef65c9297f
--- /dev/null
+++ b/layout/reftests/forms/input/range/100pct-common-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type=range value=100 max=100>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/75pct-common-ref.html b/layout/reftests/forms/input/range/75pct-common-ref.html
new file mode 100644
index 0000000000..929887d65a
--- /dev/null
+++ b/layout/reftests/forms/input/range/75pct-common-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type=range value=75>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/75pct-unthemed-common-ref.html b/layout/reftests/forms/input/range/75pct-unthemed-common-ref.html
new file mode 100644
index 0000000000..a4b73e23ad
--- /dev/null
+++ b/layout/reftests/forms/input/range/75pct-unthemed-common-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type=range value=75 style="-moz-appearance:none">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/auto-size-ref.html b/layout/reftests/forms/input/range/auto-size-ref.html
new file mode 100644
index 0000000000..b1a4854b78
--- /dev/null
+++ b/layout/reftests/forms/input/range/auto-size-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1524573 -->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase #1 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+grid {
+  display: grid;
+  grid: 40px / auto;
+  float: left;
+  place-items: center start;
+  border: 1px solid;
+}
+grid.c {
+  grid: auto / 40px;
+  place-items: start center;
+}
+
+.v { writing-mode: vertical-lr; }
+
+/* fixed cross-size for the INPUT */
+input {
+  height: 30px;
+}
+.c input {
+  height: auto;
+  width: 30px;
+}
+
+  </style>
+</head>
+<body>
+
+<grid class=c><input type=range class=v></grid>
+<grid class=c><input type=range class=v></grid>
+<grid class=c><input type=range class=v></grid>
+
+<grid class=c><input type=range orient=vertical></grid>
+<grid class=c><input type=range orient=vertical></grid>
+<grid class=c><input type=range orient=vertical></grid>
+
+<grid><input type=range></grid>
+<grid><input type=range></grid>
+<grid><input type=range></grid>
+
+<grid><input type=range orient=horizontal class=v></grid>
+<grid><input type=range orient=horizontal class=v></grid>
+<grid><input type=range orient=horizontal class=v></grid>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/range/auto-size.html b/layout/reftests/forms/input/range/auto-size.html
new file mode 100644
index 0000000000..a5945a8188
--- /dev/null
+++ b/layout/reftests/forms/input/range/auto-size.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1524573 -->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #1 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+grid {
+  display: grid;
+  grid: 40px / auto;
+  float: left;
+  place-items: center start;
+  border: 1px solid;
+}
+grid.c {
+  grid: auto / 40px;
+  place-items: start center;
+}
+
+.v { writing-mode: vertical-lr; }
+
+  </style>
+</head>
+<body>
+
+<grid class=c><input type=range class=v></grid>
+<grid class=c><input type=range class=v style="width:max-content"></grid>
+<grid class=c><input type=range class=v style="width:min-content"></grid>
+
+<grid class=c><input type=range orient=vertical></grid>
+<grid class=c><input type=range orient=vertical style="width:max-content"></grid>
+<grid class=c><input type=range orient=vertical style="width:min-content"></grid>
+
+<grid><input type=range></grid>
+<grid><input type=range style="height:max-content"></grid>
+<grid><input type=range style="height:min-content"></grid>
+
+<grid><input type=range orient=horizontal class=v></grid>
+<grid><input type=range orient=horizontal class=v style="width:max-content"></grid>
+<grid><input type=range orient=horizontal class=v style="width:min-content"></grid>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1-notref.html b/layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1-notref.html
new file mode 100644
index 0000000000..3103fc7219
--- /dev/null
+++ b/layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="range" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1.html b/layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1.html
new file mode 100644
index 0000000000..d9514542f5
--- /dev/null
+++ b/layout/reftests/forms/input/range/different-fraction-of-range-unthemed-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: that range with value=70 is different to the default value=50. -->
+  <body>
+    <input type='range' style="-moz-appearance:none;" value=90 min=20 max=120>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/direction-unthemed-1-ref.html b/layout/reftests/forms/input/range/direction-unthemed-1-ref.html
new file mode 100644
index 0000000000..f2758db17c
--- /dev/null
+++ b/layout/reftests/forms/input/range/direction-unthemed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type='range' value=30 style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/direction-unthemed-1.html b/layout/reftests/forms/input/range/direction-unthemed-1.html
new file mode 100644
index 0000000000..162d555043
--- /dev/null
+++ b/layout/reftests/forms/input/range/direction-unthemed-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: that direction:rtl behaves correctly -->
+  <body>
+    <input type='range' value=70 style="-moz-appearance:none; direction:rtl;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1-ref.html b/layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1-ref.html
new file mode 100644
index 0000000000..ffb5ffa58d
--- /dev/null
+++ b/layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="checkbox" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1.html b/layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1.html
new file mode 100644
index 0000000000..0e1fffaf14
--- /dev/null
+++ b/layout/reftests/forms/input/range/from-range-to-other-type-unthemed-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when switching to another type, the input element should look
+             like that type (not like an input range element) -->
+  <script type="text/javascript">
+    function setToCheckbox()
+    {
+      document.getElementById('i').type='checkbox';
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setToCheckbox);
+  </script>
+  <body>
+    <input type='range' id='i' style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/max-prop.html b/layout/reftests/forms/input/range/max-prop.html
new file mode 100644
index 0000000000..18a018330e
--- /dev/null
+++ b/layout/reftests/forms/input/range/max-prop.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'max' IDL property, the thumb of the range
+             should be moved to the appropriate position. This test also
+             sets the max to less than the current value which checks that the
+             rendering code handles repositioning correctly in the case that
+             sanitization of the value is needed for a non-value change. -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').max = "10";
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+    setTimeout(setValue, 2000); // useful when not running under reftest suite
+  </script>
+  <body>
+    <input type=range id='i' max=100>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/moz-range-progress-1-ref.html b/layout/reftests/forms/input/range/moz-range-progress-1-ref.html
new file mode 100644
index 0000000000..73af6dcb09
--- /dev/null
+++ b/layout/reftests/forms/input/range/moz-range-progress-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test ::-moz-range-progress</title>
+    <style>
+
+div {
+  margin: 0;
+  padding: 0;
+}
+
+.range {
+  display: inline-block;
+  position: relative;
+  width: 200px;
+  height: 20px;
+  background-color: blue;
+}
+
+.range-progress {
+  display: inline-block;
+  position: absolute;
+  top: 5px;
+  width: 50px;
+  height: 10px;
+  background-color: lime;
+}
+
+    </style>
+  </head>
+  <body>
+    <div class="range">
+      <div class="range-progress"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/moz-range-progress-1.html b/layout/reftests/forms/input/range/moz-range-progress-1.html
new file mode 100644
index 0000000000..8adc101128
--- /dev/null
+++ b/layout/reftests/forms/input/range/moz-range-progress-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test ::-moz-range-progress</title>
+    <style>
+
+input[type=range] {
+  width: 200px;
+  height: 20px;
+  margin: 0;
+  padding: 0;
+  background-color: blue;
+}
+
+input[type=range]::-moz-range-progress {
+  height: 10px;
+  background-color: lime;
+}
+
+input[type=range]::-moz-range-track,
+input[type=range]::-moz-range-thumb {
+  visibility: hidden;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type=range value=25>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/moz-range-progress-2-ref.html b/layout/reftests/forms/input/range/moz-range-progress-2-ref.html
new file mode 100644
index 0000000000..fd914edfd5
--- /dev/null
+++ b/layout/reftests/forms/input/range/moz-range-progress-2-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test ::-moz-range-progress</title>
+    <style>
+
+input[type=range] {
+  width: 200px;
+  height: 20px;
+  margin: 0;
+  padding: 0;
+  background-color: blue;
+}
+
+input[type=range]::-moz-range-track {
+  border: 0;
+  height: 10px;
+  background-color: lime;
+}
+
+input[type=range]::-moz-range-thumb {
+  width: 10px;
+  height: 10px;
+  border: 0;
+  border-radius: 0;
+  background-image: none;
+  background-color: yellow;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type=range value=0>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/moz-range-progress-2.html b/layout/reftests/forms/input/range/moz-range-progress-2.html
new file mode 100644
index 0000000000..ffe43266ce
--- /dev/null
+++ b/layout/reftests/forms/input/range/moz-range-progress-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test ::-moz-range-progress</title>
+    <style>
+
+input[type=range] {
+  width: 200px;
+  height: 20px;
+  margin: 0;
+  padding: 0;
+  background-color: blue;
+}
+
+input[type=range]::-moz-range-track {
+  border: 0;
+  height: 10px;
+  background-color: lime;
+}
+
+input[type=range]::-moz-range-progress {
+  height: 10px;
+  background-color: red;
+}
+
+input[type=range]::-moz-range-thumb {
+  width: 10px;
+  height: 10px;
+  border: 0;
+  border-radius: 0;
+  background-image: none;
+  background-color: yellow;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type=range value=0>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/moz-range-progress-3-ref.html b/layout/reftests/forms/input/range/moz-range-progress-3-ref.html
new file mode 100644
index 0000000000..623f608101
--- /dev/null
+++ b/layout/reftests/forms/input/range/moz-range-progress-3-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test ::-moz-range-progress</title>
+    <style>
+
+input[type=range] {
+  width: 200px;
+  height: 20px;
+  margin: 0;
+  padding: 0;
+  background-color: blue;
+}
+
+input[type=range]::-moz-range-track {
+  border: 0;
+  height: 10px;
+  background-color: lime;
+}
+
+input[type=range]::-moz-range-thumb {
+  width: 10px;
+  height: 10px;
+  border: 0;
+  border-radius: 0;
+  background-image: none;
+  background-color: yellow;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type=range value=100>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/moz-range-progress-3.html b/layout/reftests/forms/input/range/moz-range-progress-3.html
new file mode 100644
index 0000000000..365c62c99b
--- /dev/null
+++ b/layout/reftests/forms/input/range/moz-range-progress-3.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test ::-moz-range-progress</title>
+    <style>
+
+input[type=range] {
+  width: 200px;
+  height: 20px;
+  margin: 0;
+  padding: 0;
+  background-color: blue;
+}
+
+input[type=range]::-moz-range-track {
+  border: 0;
+  height: 10px;
+  background-color: red;
+}
+
+input[type=range]::-moz-range-progress {
+  height: 10px;
+  background-color: lime;
+}
+
+input[type=range]::-moz-range-thumb {
+  width: 10px;
+  height: 10px;
+  border: 0;
+  border-radius: 0;
+  background-image: none;
+  background-color: yellow;
+}
+
+    </style>
+  </head>
+  <body>
+    <input type=range value=100>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/not-other-type-unthemed-1.html b/layout/reftests/forms/input/range/not-other-type-unthemed-1.html
new file mode 100644
index 0000000000..3103fc7219
--- /dev/null
+++ b/layout/reftests/forms/input/range/not-other-type-unthemed-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="range" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/not-other-type-unthemed-1a-notref.html b/layout/reftests/forms/input/range/not-other-type-unthemed-1a-notref.html
new file mode 100644
index 0000000000..24dccffeae
--- /dev/null
+++ b/layout/reftests/forms/input/range/not-other-type-unthemed-1a-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/not-other-type-unthemed-1b-notref.html b/layout/reftests/forms/input/range/not-other-type-unthemed-1b-notref.html
new file mode 100644
index 0000000000..8bf48f7e98
--- /dev/null
+++ b/layout/reftests/forms/input/range/not-other-type-unthemed-1b-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" value="50" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/not-other-type-unthemed-1c-notref.html b/layout/reftests/forms/input/range/not-other-type-unthemed-1c-notref.html
new file mode 100644
index 0000000000..ffb5ffa58d
--- /dev/null
+++ b/layout/reftests/forms/input/range/not-other-type-unthemed-1c-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="checkbox" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/range-border-background-ref.html b/layout/reftests/forms/input/range/range-border-background-ref.html
new file mode 100644
index 0000000000..4f1f44c7a7
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-border-background-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<style>
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+input { height: 2em; }
+</style>
+<div style="float:left">
+<input type=range><br>
+<span style="display:inline-block; background-color:rgba(0,255,0,0.3);"><input type=range style="-webkit-appearance:none; margin:0; vertical-align:top; background: none"></span><br>
+</div>
+
+<div style="float:left">
+<span><input type=range style="-webkit-appearance:none; margin:0; vertical-align:top"></span><br>
+</div>
+
+<div style="float:left">
+<input type=range><br>
+<span style="display:inline-block; background-color: -moz-Field; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAE0lEQVQYlWNg+M/gTRQeVUhfhQBHR4DpEUeLigAAAABJRU5ErkJggg==)"><input type=range style="-webkit-appearance:none; margin:0; vertical-align:top; background: none"></span><br>
+</div>
+
+<div style="float:left">
+<input type=range><br>
+<span style="display:inline-block; border:1px solid green"><input type=range style="-webkit-appearance:none; margin:0; vertical-align:top"></span><br>
+</div>
diff --git a/layout/reftests/forms/input/range/range-border-background.html b/layout/reftests/forms/input/range/range-border-background.html
new file mode 100644
index 0000000000..bd4ea3419e
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-border-background.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<style>
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+input { height: 2em; }
+</style>
+<div style="float:left">
+<input type=range style="background-color:rgba(0,255,0,0.3)"><br>
+<input type=range style="-webkit-appearance:none; background-color:rgba(0,255,0,0.3); margin:0"><br>
+</div>
+
+<div style="float:left">
+<span style="background:red"><input type=range style="-webkit-appearance:none; margin:0; vertical-align:top"></span><br>
+</div>
+
+<div style="float:left">
+<input type=range style="background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAE0lEQVQYlWNg+M/gTRQeVUhfhQBHR4DpEUeLigAAAABJRU5ErkJggg==)"><br>
+<input type=range style="-webkit-appearance:none; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAE0lEQVQYlWNg+M/gTRQeVUhfhQBHR4DpEUeLigAAAABJRU5ErkJggg==); margin:0"><br>
+</div>
+
+<div style="float:left">
+<input type=range style="border:1px solid red"><br>
+<input type=range style="-webkit-appearance:none; border:1px solid green; margin:0"><br>
+</div>
diff --git a/layout/reftests/forms/input/range/range-orient-block.html b/layout/reftests/forms/input/range/range-orient-block.html
new file mode 100644
index 0000000000..df4a3e250f
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range orient=block max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-orient-horizontal-rtl.html b/layout/reftests/forms/input/range/range-orient-horizontal-rtl.html
new file mode 100644
index 0000000000..01fe1f75ca
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-orient-horizontal-rtl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range orient=horizontal max=100 value=70 dir=rtl>
diff --git a/layout/reftests/forms/input/range/range-orient-horizontal.html b/layout/reftests/forms/input/range/range-orient-horizontal.html
new file mode 100644
index 0000000000..be7bb4b0bb
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range orient=horizontal max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-orient-inline.html b/layout/reftests/forms/input/range/range-orient-inline.html
new file mode 100644
index 0000000000..ef1012bd4a
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range orient=inline max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-orient-vertical-rtl.html b/layout/reftests/forms/input/range/range-orient-vertical-rtl.html
new file mode 100644
index 0000000000..205e7de023
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-orient-vertical-rtl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range orient=vertical max=100 value=70 dir=rtl>
diff --git a/layout/reftests/forms/input/range/range-orient-vertical.html b/layout/reftests/forms/input/range/range-orient-vertical.html
new file mode 100644
index 0000000000..321822f2b8
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range orient=vertical max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-percent-intrinsic-size-2b-ref.html b/layout/reftests/forms/input/range/range-percent-intrinsic-size-2b-ref.html
new file mode 100644
index 0000000000..9951b8f57d
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-percent-intrinsic-size-2b-ref.html
@@ -0,0 +1,92 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: INPUT type=range percent intrinsic block-size</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1513959">
+  <style>
+html,body {
+  color:black; background-color:white; font:16px/1 monospace;
+}
+
+input { margin: 2px; }
+
+input.b {
+  min-height: 0;
+  background: lime;
+}
+
+input.mb {
+  min-height: 0;
+  max-height: 100%;
+  background: lime;
+}
+
+.n {
+  -webkit-appearance: none;
+}
+
+div {
+  display: inline-block;
+  border:1px solid;
+}
+
+.grid {
+  display: inline-grid;
+  grid: auto / min-content;
+  place-items: start;
+}
+input[orient="vertical"] {
+  -webkit-appearance: slider-vertical;
+  -webkit-appearance: range;
+  appearance: auto;
+}
+
+</style></head><body>
+
+<div style="height:30px"><div>
+  <input type="range" class="b n" orient="vertical">
+</div></div>
+
+<div class="grid" style="grid: min-content / auto">
+  <input type="range" class="b" orient="vertical" style="height:50%; grid-area:1/1">
+  <input type="range" class="b" orient="vertical" style="visibility:hidden; grid-area:1/1">
+</div>
+
+<div class="grid" style="grid: min-content / auto">
+  <input type="range" class="b" orient="vertical" style="height:50%; grid-area:1/1">
+  <input type="range" class="b" orient="vertical" style="visibility:hidden; grid-area:1/1">
+</div>
+
+<div class="grid" style="grid: 30px / auto">
+  <input type="range" class="b" orient="vertical" style="height:15px">
+</div>
+
+<div class="grid" style="grid: 30px / auto">
+  <input type="range" class="b" orient="vertical" style="height:15px">
+</div>
+
+<br>
+<br>
+
+<div style="height:30px"><div>
+  <input type="range" class="mb n" orient="vertical">
+</div></div>
+
+<div class="grid" style="grid: min-content / auto">
+  <input type="range" class="b" orient="vertical" style="height:50%; grid-area:1/1">
+  <input type="range" class="b" orient="vertical" style="visibility:hidden; grid-area:1/1">
+</div>
+
+<div class="grid" style="grid: 30px / auto">
+  <input type="range" class="b" orient="vertical" style="height:15px">
+</div>
+
+<div class="grid" style="grid: 30px / auto">
+  <input type="range" class="b" orient="vertical" style="height:15px">
+</div>
+
+</body></html>
diff --git a/layout/reftests/forms/input/range/range-percent-intrinsic-size-2b.html b/layout/reftests/forms/input/range/range-percent-intrinsic-size-2b.html
new file mode 100644
index 0000000000..d87d9e2e55
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-percent-intrinsic-size-2b.html
@@ -0,0 +1,99 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Test: INPUT type=range percent intrinsic block-size</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1513959">
+  <link rel="help" href="https://drafts.csswg.org/css-sizing-3/#percentage-sizing">
+  <link rel="help" href="https://drafts.csswg.org/css-sizing-3/#min-content-zero">
+  <link rel="match" href="range-percent-intrinsic-size-2b-ref.html">
+  <style>
+html,body {
+  color:black; background-color:white; font:16px/1 monospace;
+}
+
+input { margin: 2px; }
+
+input.b {
+  height: 50%;
+  min-height: -moz-min-content;
+  min-height: min-content;
+  background: lime;
+}
+
+input.mb {
+  max-height: 50%;
+  min-height: -moz-min-content;
+  min-height: min-content;
+  background: lime;
+}
+
+input.b.min-auto, input.mb.min-auto, {
+  min-height: auto;
+}
+
+.n {
+  -webkit-appearance: none;
+}
+
+div {
+  display: inline-block;
+  border:1px solid;
+}
+
+.grid {
+  display: inline-grid;
+  grid: auto / min-content;
+  place-items: start;
+}
+input[orient="vertical"] {
+  -webkit-appearance: slider-vertical;
+  -webkit-appearance: range;
+  appearance: auto;
+}
+
+</style></head><body>
+
+<div style="height:30px"><div>
+  <input type="range" class="b n" orient="vertical">
+</div></div>
+
+<div class="grid" style="grid: min-content / auto">
+  <input type="range" class="b n" orient="vertical">
+</div>
+
+<div class="grid" style="grid: minmax(min-content,30px) / auto">
+  <input type="range" class="b n" orient="vertical">
+</div>
+
+<div class="grid" style="grid: minmax(auto,30px) / auto">
+  <input type="range" class="b n" orient="vertical">
+</div>
+
+<div class="grid" style="grid: minmax(auto,30px) / auto">
+  <input type="range" class="b n min-auto" orient="vertical">
+</div>
+
+<br>
+<br>
+
+<div style="height:30px"><div>
+  <input type="range" class="mb n" orient="vertical">
+</div></div>
+
+<div class="grid" style="grid: minmax(min-content,30px) / auto">
+  <input type="range" class="mb n" orient="vertical">
+</div>
+
+<div class="grid" style="grid: minmax(auto,30px) / auto">
+  <input type="range" class="mb n" orient="vertical">
+</div>
+
+<div class="grid" style="grid: minmax(auto,30px) / auto">
+  <input type="range" class="mb n min-auto" orient="vertical">
+</div>
+
+</body></html>
diff --git a/layout/reftests/forms/input/range/range-track-bg-ref.html b/layout/reftests/forms/input/range/range-track-bg-ref.html
new file mode 100644
index 0000000000..e99d3d0bfd
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-track-bg-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<style>
+input[orient="horizontal"]::-moz-range-track {
+  background-color: green;
+  block-size: 0.2em;
+  inline-size: 100%;
+}
+input[orient="vertical"]::-moz-range-track {
+  background-color: green;
+  inline-size: 0.2em;
+  block-size: 100%;
+}
+</style>
+<input type="range" orient="horizontal">
+<input type="range" orient="vertical">
diff --git a/layout/reftests/forms/input/range/range-track-bg.html b/layout/reftests/forms/input/range/range-track-bg.html
new file mode 100644
index 0000000000..b0a08e2b74
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-track-bg.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<style>
+input::-moz-range-track {
+  background-color: green;
+}
+</style>
+<input type="range">
+<input type="range" orient="vertical">
diff --git a/layout/reftests/forms/input/range/range-vlr-orient-block.html b/layout/reftests/forms/input/range/range-vlr-orient-block.html
new file mode 100644
index 0000000000..b2d009bd82
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vlr-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-lr" orient=block max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vlr-orient-horizontal.html b/layout/reftests/forms/input/range/range-vlr-orient-horizontal.html
new file mode 100644
index 0000000000..406eb646ec
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vlr-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-lr" orient=horizontal max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vlr-orient-inline.html b/layout/reftests/forms/input/range/range-vlr-orient-inline.html
new file mode 100644
index 0000000000..0c26b41225
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vlr-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-lr;direction:rtl" orient=inline max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vlr-orient-vertical.html b/layout/reftests/forms/input/range/range-vlr-orient-vertical.html
new file mode 100644
index 0000000000..f7bf70ff3a
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vlr-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-lr;direction:rtl" orient=vertical max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vlr.html b/layout/reftests/forms/input/range/range-vlr.html
new file mode 100644
index 0000000000..e3cc4b90fb
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vlr.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-lr;direction:rtl" max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vrl-orient-block.html b/layout/reftests/forms/input/range/range-vrl-orient-block.html
new file mode 100644
index 0000000000..07edd12586
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vrl-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-rl" orient=block max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vrl-orient-horizontal.html b/layout/reftests/forms/input/range/range-vrl-orient-horizontal.html
new file mode 100644
index 0000000000..66637c6526
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vrl-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-rl" orient=horizontal max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vrl-orient-inline.html b/layout/reftests/forms/input/range/range-vrl-orient-inline.html
new file mode 100644
index 0000000000..96ea874327
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vrl-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-rl;direction:rtl" orient=inline max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vrl-orient-vertical.html b/layout/reftests/forms/input/range/range-vrl-orient-vertical.html
new file mode 100644
index 0000000000..a5ede81c33
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vrl-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-rl;direction:rtl" orient=vertical max=100 value=70>
diff --git a/layout/reftests/forms/input/range/range-vrl.html b/layout/reftests/forms/input/range/range-vrl.html
new file mode 100644
index 0000000000..679170685e
--- /dev/null
+++ b/layout/reftests/forms/input/range/range-vrl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<input type=range style="writing-mode:vertical-rl;direction:rtl" max=100 value=70>
diff --git a/layout/reftests/forms/input/range/reftest.list b/layout/reftests/forms/input/range/reftest.list
new file mode 100644
index 0000000000..181097dc15
--- /dev/null
+++ b/layout/reftests/forms/input/range/reftest.list
@@ -0,0 +1,61 @@
+
+# sanity checks:
+!= not-other-type-unthemed-1.html not-other-type-unthemed-1a-notref.html
+!= not-other-type-unthemed-1.html not-other-type-unthemed-1b-notref.html
+!= not-other-type-unthemed-1.html not-other-type-unthemed-1c-notref.html
+
+# dynamic type changes:
+fuzzy(0-1,0-40) == to-range-from-other-type-unthemed-1.html to-range-from-other-type-unthemed-1-ref.html
+== from-range-to-other-type-unthemed-1.html from-range-to-other-type-unthemed-1-ref.html
+
+# for different values:
+!= different-fraction-of-range-unthemed-1.html different-fraction-of-range-unthemed-1-notref.html
+== same-fraction-of-range-unthemed-1.html same-fraction-of-range-unthemed-1-ref.html
+
+# dynamic value changes:
+fuzzy(0-1,0-40) == value-prop-unthemed.html 75pct-unthemed-common-ref.html
+== value-prop.html 75pct-common-ref.html
+fuzzy(0-1,0-40) == valueAsNumber-prop-unthemed.html 75pct-unthemed-common-ref.html
+== valueAsNumber-prop.html 75pct-common-ref.html
+fuzzy(0-1,0-40) == stepDown-unthemed.html 75pct-unthemed-common-ref.html
+== stepDown.html 75pct-common-ref.html
+fuzzy(0-1,0-40) == stepUp-unthemed.html 75pct-unthemed-common-ref.html
+== stepUp.html 75pct-common-ref.html
+random-if(Android) == max-prop.html 100pct-common-ref.html # Snapping in different ways in debug and opt builds, bug 1621141
+fuzzy(0-1,0-4) == reset-value.html reset-value-ref.html
+
+# 'direction' property:
+== direction-unthemed-1.html direction-unthemed-1-ref.html
+
+# ::-moz-range-progress pseudo-element:
+== moz-range-progress-1.html moz-range-progress-1-ref.html
+== moz-range-progress-2.html moz-range-progress-2-ref.html
+== moz-range-progress-3.html moz-range-progress-3-ref.html
+
+# Tests for block and inline orientation in combination with writing-mode
+!= range-orient-horizontal.html range-orient-vertical.html
+!= range-orient-horizontal.html range-orient-horizontal-rtl.html
+== range-orient-block.html range-orient-vertical.html
+== range-orient-inline.html range-orient-horizontal.html
+== range-vlr.html range-orient-vertical.html
+== range-vlr-orient-block.html range-orient-horizontal.html
+== range-vlr-orient-inline.html range-orient-vertical.html
+== range-vlr-orient-horizontal.html range-orient-horizontal.html
+== range-vlr-orient-vertical.html range-orient-vertical.html
+== range-vrl.html range-orient-vertical-rtl.html
+== range-vrl-orient-block.html range-orient-horizontal-rtl.html
+== range-vrl-orient-inline.html range-orient-vertical-rtl.html
+== range-vrl-orient-horizontal.html range-orient-horizontal-rtl.html
+== range-vrl-orient-vertical.html range-orient-vertical-rtl.html
+
+skip-if(Android) == range-border-background.html range-border-background-ref.html # Android doesn't have a native theme for -webkit-appearance:range
+
+# Other range-percent-intrinsic-size-*.html tests lives in
+# testing/web-platform/tests/css/css-sizing/.  Vertical layout with
+# -webkit-appearance:none isn't supported in other UAs so this test
+# is an internal reftest for now.
+== range-percent-intrinsic-size-2b.html range-percent-intrinsic-size-2b-ref.html
+
+fails-if(Android) fuzzy(0-2,0-80) == auto-size.html auto-size-ref.html # Snapping, bug 1621141
+== range-track-bg.html range-track-bg-ref.html
+!= track-default-rendering.html track-default-rendering-ref.html
diff --git a/layout/reftests/forms/input/range/reset-value-ref.html b/layout/reftests/forms/input/range/reset-value-ref.html
new file mode 100644
index 0000000000..74675c2d7a
--- /dev/null
+++ b/layout/reftests/forms/input/range/reset-value-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <title>1080352</title>
+  </head>
+  <body>
+    <form id="form">
+      <input id='inputRange' type='range' step='10' min='0' max='50' value='20'><br>
+      <input id='inputNumber' type='number' step='10' min='0' max='500' value='30'><br>
+      
+      <input type='reset'><br>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/reset-value.html b/layout/reftests/forms/input/range/reset-value.html
new file mode 100644
index 0000000000..2ccb367657
--- /dev/null
+++ b/layout/reftests/forms/input/range/reset-value.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <title>1080352</title>
+  </head>
+  <body onload="inputRange.value=40;inputNumber.value=40; form.reset()">
+    <form id="form">
+      <input id='inputRange' type='range' step='10' min='0' max='50' value='20'><br>
+      <input id='inputNumber' type='number' step='10' min='0' max='500' value='30'><br>
+      
+      <input type='reset'><br>
+    </form>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1-ref.html b/layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1-ref.html
new file mode 100644
index 0000000000..6aefd17bca
--- /dev/null
+++ b/layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="range" value=70 style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1.html b/layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1.html
new file mode 100644
index 0000000000..3c9f0e7ce3
--- /dev/null
+++ b/layout/reftests/forms/input/range/same-fraction-of-range-unthemed-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: that range with value=90,min=90,max=120 looks the same as range
+       with value=70 (also tests that it doesn't look like type=text, since the
+       text displayed would be different in the type=text case). -->
+  <body>
+    <input type='range' style="-moz-appearance:none;" value=90 min=20 max=120>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/stepDown-unthemed.html b/layout/reftests/forms/input/range/stepDown-unthemed.html
new file mode 100644
index 0000000000..6d4d6708a5
--- /dev/null
+++ b/layout/reftests/forms/input/range/stepDown-unthemed.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').stepDown();
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+  </script>
+  <body>
+    <input type=range id='i' value=100 step=25 style='-moz-appearance:none'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/stepDown.html b/layout/reftests/forms/input/range/stepDown.html
new file mode 100644
index 0000000000..e482af4905
--- /dev/null
+++ b/layout/reftests/forms/input/range/stepDown.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').stepDown();
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+  </script>
+  <body>
+    <input type=range id='i' value=100 step=25>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/stepUp-unthemed.html b/layout/reftests/forms/input/range/stepUp-unthemed.html
new file mode 100644
index 0000000000..1e4198cc66
--- /dev/null
+++ b/layout/reftests/forms/input/range/stepUp-unthemed.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').stepUp();
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+  </script>
+  <body>
+    <input type=range id='i' value=50 step=25 style='-moz-appearance:none'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/stepUp.html b/layout/reftests/forms/input/range/stepUp.html
new file mode 100644
index 0000000000..139e6c797c
--- /dev/null
+++ b/layout/reftests/forms/input/range/stepUp.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').stepUp();
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+  </script>
+  <body>
+    <input type=range id='i' value=50 step=25>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1-ref.html b/layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1-ref.html
new file mode 100644
index 0000000000..3103fc7219
--- /dev/null
+++ b/layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="range" style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1.html b/layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1.html
new file mode 100644
index 0000000000..86ff0c5214
--- /dev/null
+++ b/layout/reftests/forms/input/range/to-range-from-other-type-unthemed-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: input element changed to range state doesn't look like checkbox state -->
+  <script type="text/javascript">
+    function setToRange()
+    {
+      document.getElementById('i').type='range';
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setToRange);
+  </script>
+  <body>
+    <input type='checkbox' id='i' style="-moz-appearance:none;">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/track-default-rendering-ref.html b/layout/reftests/forms/input/range/track-default-rendering-ref.html
new file mode 100644
index 0000000000..d702d021c5
--- /dev/null
+++ b/layout/reftests/forms/input/range/track-default-rendering-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1524573 -->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1583660</title>
+  <style>
+    input::-moz-range-thumb {
+      visibility:hidden;
+    }
+    input::-moz-range-track {
+      background: transparent;
+    }
+  </style>
+</head>
+<body>
+
+<input type=range>
+<input type=range orient=vertical>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/range/track-default-rendering.html b/layout/reftests/forms/input/range/track-default-rendering.html
new file mode 100644
index 0000000000..997b83d202
--- /dev/null
+++ b/layout/reftests/forms/input/range/track-default-rendering.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1524573 -->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1583660</title>
+  <style>
+    input::-moz-range-thumb {
+      visibility:hidden;
+    }
+  </style>
+</head>
+<body>
+
+<input type=range>
+<input type=range orient=vertical>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/input/range/value-prop-unthemed.html b/layout/reftests/forms/input/range/value-prop-unthemed.html
new file mode 100644
index 0000000000..46387af2ea
--- /dev/null
+++ b/layout/reftests/forms/input/range/value-prop-unthemed.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').value = "75";
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+    setTimeout(setValue, 2000); // useful when not running under reftest suite
+  </script>
+  <body>
+    <input type=range id='i' value=50 step=25 style='-moz-appearance:none'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/value-prop.html b/layout/reftests/forms/input/range/value-prop.html
new file mode 100644
index 0000000000..66be837045
--- /dev/null
+++ b/layout/reftests/forms/input/range/value-prop.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').value = "75";
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+    setTimeout(setValue, 2000); // useful when not running under reftest suite
+  </script>
+  <body>
+    <input type=range id='i' value=50 step=25>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/valueAsNumber-prop-unthemed.html b/layout/reftests/forms/input/range/valueAsNumber-prop-unthemed.html
new file mode 100644
index 0000000000..a2a6eb6cce
--- /dev/null
+++ b/layout/reftests/forms/input/range/valueAsNumber-prop-unthemed.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').valueAsNumber = 75;
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+    setTimeout(setValue, 2000); // useful when not running under reftest suite
+  </script>
+  <body>
+    <input type=range id='i' value=50 step=25 style='-moz-appearance:none'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/range/valueAsNumber-prop.html b/layout/reftests/forms/input/range/valueAsNumber-prop.html
new file mode 100644
index 0000000000..c00fe8bf4c
--- /dev/null
+++ b/layout/reftests/forms/input/range/valueAsNumber-prop.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when changing the 'value' IDL property, the thumb of the range
+             should be moved to the appropriate position -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('i').valueAsNumber = 75;
+      document.documentElement.className = '';
+    }
+    document.addEventListener("MozReftestInvalidate", setValue);
+    setTimeout(setValue, 2000); // useful when not running under reftest suite
+  </script>
+  <body>
+    <input type=range id='i' value=50 step=25>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/reftest.list b/layout/reftests/forms/input/reftest.list
new file mode 100644
index 0000000000..7de1175ef7
--- /dev/null
+++ b/layout/reftests/forms/input/reftest.list
@@ -0,0 +1,14 @@
+include checkbox/reftest.list
+include email/reftest.list
+include tel/reftest.list
+include search/reftest.list
+include url/reftest.list
+include number/reftest.list
+include file/reftest.list
+include radio/reftest.list
+include range/reftest.list
+include text/reftest.list
+include percentage/reftest.list
+include hidden/reftest.list
+include color/reftest.list
+include datetime/reftest.list
diff --git a/layout/reftests/forms/input/search/1.html b/layout/reftests/forms/input/search/1.html
new file mode 100644
index 0000000000..93bdd26b02
--- /dev/null
+++ b/layout/reftests/forms/input/search/1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: input element in search state looks like in text state -->
+  <body>
+    <input type="search">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/search/2.html b/layout/reftests/forms/input/search/2.html
new file mode 100644
index 0000000000..9c1f4151ab
--- /dev/null
+++ b/layout/reftests/forms/input/search/2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: input element in search state looks like in text state -->
+  <script type="text/javascript">
+    function setToSearch()
+    {
+      document.getElementById('i').type = 'search';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToSearch(); disableReftestWait();">
+    <input type='checkbox' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/search/3.html b/layout/reftests/forms/input/search/3.html
new file mode 100644
index 0000000000..2e4ce9c8b5
--- /dev/null
+++ b/layout/reftests/forms/input/search/3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when switching to another type, the input element should not look
+             like an input search element -->
+  <script type="text/javascript">
+    function setToCheckbox()
+    {
+      document.getElementById('i').type = 'checkbox';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToCheckbox(); disableReftestWait();">
+    <input type='search' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/search/appearance-textfield-dynamic.html b/layout/reftests/forms/input/search/appearance-textfield-dynamic.html
new file mode 100644
index 0000000000..db17afd707
--- /dev/null
+++ b/layout/reftests/forms/input/search/appearance-textfield-dynamic.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<input type=search>
+<script>
+  let input = document.querySelector("input");
+  input.getBoundingClientRect();
+  input.style.appearance = "textfield";
+</script>
diff --git a/layout/reftests/forms/input/search/appearance-textfield.html b/layout/reftests/forms/input/search/appearance-textfield.html
new file mode 100644
index 0000000000..24ce084dae
--- /dev/null
+++ b/layout/reftests/forms/input/search/appearance-textfield.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=search style="appearance: textfield">
diff --git a/layout/reftests/forms/input/search/ref.html b/layout/reftests/forms/input/search/ref.html
new file mode 100644
index 0000000000..07e5eee7e6
--- /dev/null
+++ b/layout/reftests/forms/input/search/ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/search/reftest.list b/layout/reftests/forms/input/search/reftest.list
new file mode 100644
index 0000000000..9fd0a13c49
--- /dev/null
+++ b/layout/reftests/forms/input/search/reftest.list
@@ -0,0 +1,8 @@
+== 1.html ref.html
+== 2.html ref.html
+!= 3.html ref.html
+pref(layout.forms.input-type-search.enabled,true) == search-basic.html ref.html
+pref(layout.forms.input-type-search.enabled,true) != search-with-value.html text-with-value.html
+
+== appearance-textfield.html text.html
+== appearance-textfield-dynamic.html appearance-textfield.html
diff --git a/layout/reftests/forms/input/search/search-basic.html b/layout/reftests/forms/input/search/search-basic.html
new file mode 100644
index 0000000000..5ece132c4e
--- /dev/null
+++ b/layout/reftests/forms/input/search/search-basic.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=search>
diff --git a/layout/reftests/forms/input/search/search-with-value.html b/layout/reftests/forms/input/search/search-with-value.html
new file mode 100644
index 0000000000..e4b8fcb887
--- /dev/null
+++ b/layout/reftests/forms/input/search/search-with-value.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=search value=foo>
diff --git a/layout/reftests/forms/input/search/text-with-value.html b/layout/reftests/forms/input/search/text-with-value.html
new file mode 100644
index 0000000000..d98f117bd6
--- /dev/null
+++ b/layout/reftests/forms/input/search/text-with-value.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=text value=foo>
diff --git a/layout/reftests/forms/input/search/text.html b/layout/reftests/forms/input/search/text.html
new file mode 100644
index 0000000000..a46c54a7b7
--- /dev/null
+++ b/layout/reftests/forms/input/search/text.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=text>
diff --git a/layout/reftests/forms/input/tel/1.html b/layout/reftests/forms/input/tel/1.html
new file mode 100644
index 0000000000..4a034de078
--- /dev/null
+++ b/layout/reftests/forms/input/tel/1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: input element in telephone state looks like in text state -->
+  <body>
+    <input type="tel">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/tel/2.html b/layout/reftests/forms/input/tel/2.html
new file mode 100644
index 0000000000..47b530bfe5
--- /dev/null
+++ b/layout/reftests/forms/input/tel/2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: input element in telephone state looks like in text state -->
+  <script type="text/javascript">
+    function setToTel()
+    {
+      document.getElementById('i').type='tel';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToTel(); disableReftestWait();">
+    <input type='checkbox' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/tel/3.html b/layout/reftests/forms/input/tel/3.html
new file mode 100644
index 0000000000..c1348e6f7d
--- /dev/null
+++ b/layout/reftests/forms/input/tel/3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when switching to another type, the input element should not look
+             like an input tel element -->
+  <script type="text/javascript">
+    function setToCheckbox()
+    {
+      document.getElementById('i').type='checkbox';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToCheckbox(); disableReftestWait();">
+    <input type='tel' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/tel/ref.html b/layout/reftests/forms/input/tel/ref.html
new file mode 100644
index 0000000000..07e5eee7e6
--- /dev/null
+++ b/layout/reftests/forms/input/tel/ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/tel/reftest.list b/layout/reftests/forms/input/tel/reftest.list
new file mode 100644
index 0000000000..dcca7a3cde
--- /dev/null
+++ b/layout/reftests/forms/input/tel/reftest.list
@@ -0,0 +1,3 @@
+== 1.html ref.html
+== 2.html ref.html
+!= 3.html ref.html
diff --git a/layout/reftests/forms/input/text/autofill-blank.html b/layout/reftests/forms/input/text/autofill-blank.html
new file mode 100644
index 0000000000..966d314038
--- /dev/null
+++ b/layout/reftests/forms/input/text/autofill-blank.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<input type=text>
+<script>
+  let input = SpecialPowers.wrap(document.querySelector("input"));
+  SpecialPowers.Cc["@mozilla.org/satchel/form-fill-controller;1"].getService(SpecialPowers.Ci.nsIFormFillController).markAsAutofillField(input);
+  input.getBoundingClientRect();
+  SpecialPowers.wrap(window).windowUtils.addManuallyManagedState(input, "autofill");
+</script>
diff --git a/layout/reftests/forms/input/text/autofill-line-height.html b/layout/reftests/forms/input/text/autofill-line-height.html
new file mode 100644
index 0000000000..7ef5970896
--- /dev/null
+++ b/layout/reftests/forms/input/text/autofill-line-height.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  input { height: 4em; color: GrayText; font-family: system-ui }
+</style>
+<input value="Autofill">
+<script>
+  let input = SpecialPowers.wrap(document.querySelector("input"));
+  SpecialPowers.wrap(window).windowUtils.addManuallyManagedState(input, "autofill");
+</script>
diff --git a/layout/reftests/forms/input/text/autofill-prefilled-value.html b/layout/reftests/forms/input/text/autofill-prefilled-value.html
new file mode 100644
index 0000000000..42924ac531
--- /dev/null
+++ b/layout/reftests/forms/input/text/autofill-prefilled-value.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<input type=text value="JOHN DOE">
+<script>
+  let input = SpecialPowers.wrap(document.querySelector("input"));
+  SpecialPowers.Cc["@mozilla.org/satchel/form-fill-controller;1"].getService(SpecialPowers.Ci.nsIFormFillController).markAsAutofillField(input);
+  input.getBoundingClientRect(); // previewValue setter depends on the reframe posted by markAsAutofillField() having being processed...
+  input.previewValue = "Autofill";
+  SpecialPowers.wrap(window).windowUtils.addManuallyManagedState(input, "-moz-autofill-preview");
+</script>
diff --git a/layout/reftests/forms/input/text/autofill-preview-blank.html b/layout/reftests/forms/input/text/autofill-preview-blank.html
new file mode 100644
index 0000000000..a235b7430f
--- /dev/null
+++ b/layout/reftests/forms/input/text/autofill-preview-blank.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<input type=text>
+<script>
+  let input = SpecialPowers.wrap(document.querySelector("input"));
+  SpecialPowers.Cc["@mozilla.org/satchel/form-fill-controller;1"].getService(SpecialPowers.Ci.nsIFormFillController).markAsAutofillField(input);
+  input.getBoundingClientRect();
+  SpecialPowers.wrap(window).windowUtils.addManuallyManagedState(input, "-moz-autofill-preview");
+</script>
diff --git a/layout/reftests/forms/input/text/autofill-preview-line-height.html b/layout/reftests/forms/input/text/autofill-preview-line-height.html
new file mode 100644
index 0000000000..7ce1cadb2e
--- /dev/null
+++ b/layout/reftests/forms/input/text/autofill-preview-line-height.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<style>
+  input { height: 4em; font-family: system-ui }
+</style>
+<input value="Autofill">
+<script>
+  let input = SpecialPowers.wrap(document.querySelector("input"));
+  SpecialPowers.Cc["@mozilla.org/satchel/form-fill-controller;1"].getService(SpecialPowers.Ci.nsIFormFillController).markAsAutofillField(input);
+  input.getBoundingClientRect(); // previewValue setter depends on the reframe posted by markAsAutofillField() having being processed...
+  input.previewValue = "Autofill";
+  SpecialPowers.wrap(window).windowUtils.addManuallyManagedState(input, "-moz-autofill-preview");
+</script>
diff --git a/layout/reftests/forms/input/text/autofill-preview.html b/layout/reftests/forms/input/text/autofill-preview.html
new file mode 100644
index 0000000000..1382d29abd
--- /dev/null
+++ b/layout/reftests/forms/input/text/autofill-preview.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<input type=text>
+<script>
+  let input = SpecialPowers.wrap(document.querySelector("input"));
+  SpecialPowers.Cc["@mozilla.org/satchel/form-fill-controller;1"].getService(SpecialPowers.Ci.nsIFormFillController).markAsAutofillField(input);
+  input.getBoundingClientRect(); // previewValue setter depends on the reframe posted by markAsAutofillField() having being processed...
+  input.previewValue = "Autofill";
+  SpecialPowers.wrap(window).windowUtils.addManuallyManagedState(input, "-moz-autofill-preview");
+</script>
diff --git a/layout/reftests/forms/input/text/autofill.html b/layout/reftests/forms/input/text/autofill.html
new file mode 100644
index 0000000000..ccb2b15b1b
--- /dev/null
+++ b/layout/reftests/forms/input/text/autofill.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<input type=text>
+<script>
+  let input = SpecialPowers.wrap(document.querySelector("input"));
+  SpecialPowers.Cc["@mozilla.org/satchel/form-fill-controller;1"].getService(SpecialPowers.Ci.nsIFormFillController).markAsAutofillField(input);
+  input.getBoundingClientRect(); // previewValue setter depends on the reframe posted by markAsAutofillField() having being processed...
+  input.previewValue = "Autofill";
+  SpecialPowers.wrap(window).windowUtils.addManuallyManagedState(input, "autofill");
+</script>
diff --git a/layout/reftests/forms/input/text/baseline-1-ref.html b/layout/reftests/forms/input/text/baseline-1-ref.html
new file mode 100644
index 0000000000..427911eb04
--- /dev/null
+++ b/layout/reftests/forms/input/text/baseline-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Text baseline positioning reference</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    @font-face {
+      font-family: "MarkA";
+      src: url(../fonts/markA.ttf);
+    }
+    input {
+      font-family: "MarkA", sans-serif;
+      font-size: 32px;
+    }
+  </style>
+</head>
+<body>
+  <input size="2" value="AAAAAAAA">
+</body>
+</html>
diff --git a/layout/reftests/forms/input/text/baseline-1.html b/layout/reftests/forms/input/text/baseline-1.html
new file mode 100644
index 0000000000..59e92018b1
--- /dev/null
+++ b/layout/reftests/forms/input/text/baseline-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+  <title>Text baseline positioning test</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <!--
+      The primary font MarkA has a small line height.  The fallback font
+      (used for the character '1') will probably have a maximum ascent
+      greater than the ascent plus half leading of MarkA, but this
+      should not adversly affect the positioning of characters from the
+      primary font.  Currently the maximum ascent of the fallback font
+      has no effect on the position, but if a future implementation
+      considers the fallback font in the position, this test may need to
+      be modified to accommodate.
+    -->
+  <style type="text/css">
+    @font-face {
+      font-family: "MarkA";
+      src: url(../fonts/markA.ttf);
+    }
+    input {
+      font-family: "MarkA", sans-serif;
+      font-size: 32px;
+    }
+  </style>
+</head>
+<body>
+  <input size="2" value="AAAAAAAA1">
+</body>
+</html>
diff --git a/layout/reftests/forms/input/text/bounds-1-ref.html b/layout/reftests/forms/input/text/bounds-1-ref.html
new file mode 100644
index 0000000000..14d39ba729
--- /dev/null
+++ b/layout/reftests/forms/input/text/bounds-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Reference for bug 806583 test</title>
+  <style>
+    body { background: blue }
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/forms/input/text/bounds-1.html b/layout/reftests/forms/input/text/bounds-1.html
new file mode 100644
index 0000000000..4af490dce6
--- /dev/null
+++ b/layout/reftests/forms/input/text/bounds-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Test for bug 806583</title>
+  <style>
+    body, div { background: blue }
+    div { position: fixed; }
+  </style>
+</head>
+<body>
+  <input id="input">
+  <div id="cover"/>
+  <script>
+var rect = document.getElementById("input").getBoundingClientRect();
+var cover = document.getElementById("cover");
+cover.style.left = rect.left + "px";
+cover.style.top = rect.top + "px";
+cover.style.width = rect.width + "px";
+cover.style.height = rect.height + "px";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/forms/input/text/centering-1-ref.xhtml b/layout/reftests/forms/input/text/centering-1-ref.xhtml
new file mode 100644
index 0000000000..f1bf3e49cf
--- /dev/null
+++ b/layout/reftests/forms/input/text/centering-1-ref.xhtml
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<window title="Text input text centering reference"
+  xmlns:html="http://www.w3.org/1999/xhtml"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <html:style type="text/css">
+    @font-face {
+      font-family: "Ahem";
+      src: url(../fonts/Ahem.ttf);
+    }
+    hbox {
+      height: 128px;
+      background-color: white;
+    }
+    input {
+      height: 64px;
+      background-color: white;
+      border: none;
+      margin: 0px;
+      padding: 0px;
+      font-family: "Ahem", sans-serif;
+      font-size: 32px;
+    }
+  </html:style>
+
+  <hbox align="center">
+    <html:input value="Ahem"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/input/text/centering-1.xhtml b/layout/reftests/forms/input/text/centering-1.xhtml
new file mode 100644
index 0000000000..dc72bda555
--- /dev/null
+++ b/layout/reftests/forms/input/text/centering-1.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<window title="Text input text centering test"
+  xmlns:html="http://www.w3.org/1999/xhtml"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <!--
+
+      There is no spec that says where text within an html text input element
+      should be placed, but some sort of centering reduces the likelihood or
+      extent of clipping.
+
+      This test uses a font where every character used has an ascent and
+      descent equal to typographical ascent of the font.  This makes it
+      unlikely that using a different concept of centering will change the
+      results of this test.
+
+    -->
+  <html:style type="text/css">
+    @font-face {
+      font-family: "Ahem";
+      src: url(../fonts/Ahem.ttf);
+    }
+    hbox {
+      height: 128px;
+      background-color: white;
+    }
+    input {
+      background-color: white;
+      border: none;
+      margin: 0px;
+      padding: 0px;
+      font-family: "Ahem", sans-serif;
+      font-size: 32px;
+    }
+  </html:style>
+
+  <hbox align="stretch">
+    <html:input value="Ahem"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/input/text/dynamic-height-1-ref.xhtml b/layout/reftests/forms/input/text/dynamic-height-1-ref.xhtml
new file mode 100644
index 0000000000..93b9b4387a
--- /dev/null
+++ b/layout/reftests/forms/input/text/dynamic-height-1-ref.xhtml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <hbox align="stretch">
+    <box style="height: 5em"/>
+    <html:input value="YO"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/input/text/dynamic-height-1.xhtml b/layout/reftests/forms/input/text/dynamic-height-1.xhtml
new file mode 100644
index 0000000000..745aac3658
--- /dev/null
+++ b/layout/reftests/forms/input/text/dynamic-height-1.xhtml
@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml"
+	onload="onLoad();">
+  <script type="application/javascript">
+<![CDATA[
+    function onLoad()
+    {
+      var adjust = document.getElementById("adjust");
+      flush();
+      adjust.style.height = "5em";
+    }
+
+    function flush() { document.documentElement.getBoundingClientRect(); }
+
+]]>
+  </script>
+  <hbox align="stretch">
+    <box id="adjust"/>
+    <html:input id="input" value="YO"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/input/text/focus-on-anchor-ref.html b/layout/reftests/forms/input/text/focus-on-anchor-ref.html
new file mode 100644
index 0000000000..84d46a9790
--- /dev/null
+++ b/layout/reftests/forms/input/text/focus-on-anchor-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input autofocus>
diff --git a/layout/reftests/forms/input/text/focus-on-anchor.html b/layout/reftests/forms/input/text/focus-on-anchor.html
new file mode 100644
index 0000000000..398e4ab60d
--- /dev/null
+++ b/layout/reftests/forms/input/text/focus-on-anchor.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input id="anchor">
diff --git a/layout/reftests/forms/input/text/height-small-font-notref.html b/layout/reftests/forms/input/text/height-small-font-notref.html
new file mode 100644
index 0000000000..bf43cdb1ea
--- /dev/null
+++ b/layout/reftests/forms/input/text/height-small-font-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input style="width: 100px; font-size: 10px">
diff --git a/layout/reftests/forms/input/text/height-small-font.html b/layout/reftests/forms/input/text/height-small-font.html
new file mode 100644
index 0000000000..d269aa540a
--- /dev/null
+++ b/layout/reftests/forms/input/text/height-small-font.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input style="width: 100px; font-size: 16px">
diff --git a/layout/reftests/forms/input/text/intrinsic-size-ref.html b/layout/reftests/forms/input/text/intrinsic-size-ref.html
new file mode 100644
index 0000000000..2735336e3b
--- /dev/null
+++ b/layout/reftests/forms/input/text/intrinsic-size-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Intrinsic Size Test Reference</title>
+        <style>input, textarea { border-radius:0; background:none; border:none; }</style>
+    </head>
+    <body>
+        <div>
+            <span style="border:2px solid black; padding-left:200px"><input style="background-color:transparent; border:none; font-family:monospace"/></span>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/forms/input/text/intrinsic-size.html b/layout/reftests/forms/input/text/intrinsic-size.html
new file mode 100644
index 0000000000..29eb66a77d
--- /dev/null
+++ b/layout/reftests/forms/input/text/intrinsic-size.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Intrinsic Size Test</title>
+        <style>input, textarea { border-radius:0; background:none; border:none; }</style>
+    </head>
+    <body>
+        <div>
+            <span style="border:2px solid black"><input style="background-color:transparent; border:none; font-family:monospace;"/></span>
+        </div>
+        <script>
+          let input = document.querySelector("input");
+          input.style.paddingLeft = (200 + parseInt(getComputedStyle(input).paddingLeft, 10)) + "px";
+        </script>
+    </body>
+</html>
diff --git a/layout/reftests/forms/input/text/line-height-0.5.html b/layout/reftests/forms/input/text/line-height-0.5.html
new file mode 100644
index 0000000000..e60a5f3a8c
--- /dev/null
+++ b/layout/reftests/forms/input/text/line-height-0.5.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+input { line-height: 0.5 }
+
+</style>
+<input type="text" value="text input" size="20">
diff --git a/layout/reftests/forms/input/text/line-height-1.0.html b/layout/reftests/forms/input/text/line-height-1.0.html
new file mode 100644
index 0000000000..52a0fde6c0
--- /dev/null
+++ b/layout/reftests/forms/input/text/line-height-1.0.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+input { line-height: 1.0 }
+
+</style>
+<input type="text" value="text input" size="20">
diff --git a/layout/reftests/forms/input/text/line-height-2.5.html b/layout/reftests/forms/input/text/line-height-2.5.html
new file mode 100644
index 0000000000..d04be79e72
--- /dev/null
+++ b/layout/reftests/forms/input/text/line-height-2.5.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<style>
+
+input { line-height: 2.5 }
+
+</style>
+<input type="text" value="text input" size="20">
diff --git a/layout/reftests/forms/input/text/pseudo-class-lock-ref.html b/layout/reftests/forms/input/text/pseudo-class-lock-ref.html
new file mode 100644
index 0000000000..3811045777
--- /dev/null
+++ b/layout/reftests/forms/input/text/pseudo-class-lock-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<input type=text disabled>
diff --git a/layout/reftests/forms/input/text/pseudo-class-lock.html b/layout/reftests/forms/input/text/pseudo-class-lock.html
new file mode 100644
index 0000000000..d9196ae3a2
--- /dev/null
+++ b/layout/reftests/forms/input/text/pseudo-class-lock.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<input type=text>
+<script>
+  SpecialPowers.wrap(window).InspectorUtils.addPseudoClassLock(document.querySelector("input"), ":disabled", true);
+</script>
diff --git a/layout/reftests/forms/input/text/reftest.list b/layout/reftests/forms/input/text/reftest.list
new file mode 100644
index 0000000000..b6217d46bc
--- /dev/null
+++ b/layout/reftests/forms/input/text/reftest.list
@@ -0,0 +1,25 @@
+== bounds-1.html bounds-1-ref.html
+fuzzy(0-65,0-3) == size-1.html size-1-ref.html
+fuzzy-if(winWidget,0-36,0-1) == size-2.html size-2-ref.html
+== baseline-1.html baseline-1-ref.html
+== chrome://reftest/content/forms/input/text/centering-1.xhtml chrome://reftest/content/forms/input/text/centering-1-ref.xhtml
+== chrome://reftest/content/forms/input/text/dynamic-height-1.xhtml chrome://reftest/content/forms/input/text/dynamic-height-1-ref.xhtml
+fuzzy(0-1,0-500) needs-focus == select.html select-ref.html
+== intrinsic-size.html intrinsic-size-ref.html
+== line-height-0.5.html line-height-1.0.html
+!= line-height-2.5.html line-height-1.0.html
+== shadow-rules.html shadow-rules-ref.html
+!= height-small-font.html height-small-font-notref.html
+
+# Autofill tests
+== autofill-blank.html autofill-preview-blank.html
+!= autofill.html autofill-blank.html
+!= autofill-preview.html autofill-preview-blank.html
+!= autofill.html autofill-preview.html
+== autofill-prefilled-value.html autofill-preview.html
+== autofill-preview-line-height.html autofill-line-height.html
+
+== pseudo-class-lock.html pseudo-class-lock-ref.html
+
+needs-focus == focus-on-anchor.html#anchor focus-on-anchor-ref.html
+needs-focus == select-overflow.html select-overflow-ref.html
diff --git a/layout/reftests/forms/input/text/select-overflow-ref.html b/layout/reftests/forms/input/text/select-overflow-ref.html
new file mode 100644
index 0000000000..f36028b59a
--- /dev/null
+++ b/layout/reftests/forms/input/text/select-overflow-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<script>
+function selectEnd() {
+  e = document.getElementById('e');
+  // Just get to the end
+  e.scrollLeft = e.scrollWidth;
+  window.requestAnimationFrame(() => {
+    document.documentElement.removeAttribute("class");
+  });
+}
+</script>
+<body onload="selectEnd();">
+<input
+  id="e"
+  style="padding: 100px; width: 200px;"
+  type="text"
+  value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaab">
diff --git a/layout/reftests/forms/input/text/select-overflow.html b/layout/reftests/forms/input/text/select-overflow.html
new file mode 100644
index 0000000000..abe2c62add
--- /dev/null
+++ b/layout/reftests/forms/input/text/select-overflow.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<script>
+function selectEnd() {
+  e = document.getElementById('e');
+  // Make sure we are at the beginning
+  e.scrollLeft = 0;
+  e.setSelectionRange(e.value.length, e.value.length);
+  // Focusing scrolls to where the cursor is
+  e.focus();
+  window.requestAnimationFrame(() => {
+    // Now take the cursor out of equation
+    e.blur();
+    window.requestAnimationFrame(() => {
+      document.documentElement.removeAttribute("class");
+    });
+  });
+}
+</script>
+<body onload="selectEnd();">
+<input
+  id="e"
+  style="padding: 100px; width: 200px;"
+  type="text"
+  value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaab">
diff --git a/layout/reftests/forms/input/text/select-ref.html b/layout/reftests/forms/input/text/select-ref.html
new file mode 100644
index 0000000000..added237cf
--- /dev/null
+++ b/layout/reftests/forms/input/text/select-ref.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function finishTest() {
+        document.documentElement.removeAttribute("class");
+      }
+      function runTest() {
+        var field = document.getElementById('field');
+        field.focus();
+        field.select();
+        setTimeout(finishTest, 0);
+       }
+    </script>
+  </head>
+  <body onload="runTest()">
+    <input id="field" type="text" value="1234">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/text/select.html b/layout/reftests/forms/input/text/select.html
new file mode 100644
index 0000000000..eba0c38244
--- /dev/null
+++ b/layout/reftests/forms/input/text/select.html
@@ -0,0 +1,21 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function finishTest() {
+        document.documentElement.removeAttribute("class");
+      }
+      function runTest() {
+        var field = document.getElementById('field');
+        field.focus();
+        field.disabled = true;
+        field.setSelectionRange(0, 4);
+        field.disabled = false;
+        field.select();
+        setTimeout(finishTest, 0);
+       }
+    </script>
+  </head>
+  <body onload="runTest()">
+    <input id="field" type="text" value="1234">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/text/shadow-rules-ref.html b/layout/reftests/forms/input/text/shadow-rules-ref.html
new file mode 100644
index 0000000000..edc6813db3
--- /dev/null
+++ b/layout/reftests/forms/input/text/shadow-rules-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<div id="host"></div>
+<script>
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <input type="text" value="Should not be red">
+  `;
+</script>
diff --git a/layout/reftests/forms/input/text/shadow-rules.html b/layout/reftests/forms/input/text/shadow-rules.html
new file mode 100644
index 0000000000..906472ea5a
--- /dev/null
+++ b/layout/reftests/forms/input/text/shadow-rules.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<div id="host"></div>
+<script>
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <style>
+      input > *|* { color: red !important; }
+    </style>
+    <input type="text" value="Should not be red">
+  `;
+</script>
diff --git a/layout/reftests/forms/input/text/size-1-ref.html b/layout/reftests/forms/input/text/size-1-ref.html
new file mode 100644
index 0000000000..c9a4803585
--- /dev/null
+++ b/layout/reftests/forms/input/text/size-1-ref.html
@@ -0,0 +1,3 @@
+<html lang="en">
+  <input size="4" value="1234" style="font-family: monospace">
+</html>
diff --git a/layout/reftests/forms/input/text/size-1.html b/layout/reftests/forms/input/text/size-1.html
new file mode 100644
index 0000000000..e0390261d5
--- /dev/null
+++ b/layout/reftests/forms/input/text/size-1.html
@@ -0,0 +1,3 @@
+<html lang="en">
+  <input size="4" value="1234|6" style="font-family: monospace">
+</html>
diff --git a/layout/reftests/forms/input/text/size-2-ref.html b/layout/reftests/forms/input/text/size-2-ref.html
new file mode 100644
index 0000000000..94512260b7
--- /dev/null
+++ b/layout/reftests/forms/input/text/size-2-ref.html
@@ -0,0 +1,5 @@
+<html lang="en">
+<body style="background-color:white;">
+  <input size="40" value="1234" style="background-color:white; color:black; font-family: monospace; border: none">
+</body>
+</html>
diff --git a/layout/reftests/forms/input/text/size-2.html b/layout/reftests/forms/input/text/size-2.html
new file mode 100644
index 0000000000..7353238f76
--- /dev/null
+++ b/layout/reftests/forms/input/text/size-2.html
@@ -0,0 +1,5 @@
+<html lang="en">
+<body style="background-color:white;">
+  <input size="4"  value="1234" style="background-color:white; color:black; font-family: monospace; border: none">
+</body>
+</html>
diff --git a/layout/reftests/forms/input/url/1.html b/layout/reftests/forms/input/url/1.html
new file mode 100644
index 0000000000..a2ce658b46
--- /dev/null
+++ b/layout/reftests/forms/input/url/1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: input element in url state looks like in text state -->
+  <body>
+    <input type="url">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/url/2.html b/layout/reftests/forms/input/url/2.html
new file mode 100644
index 0000000000..58302d278f
--- /dev/null
+++ b/layout/reftests/forms/input/url/2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: input element in url state looks like in text state -->
+  <script type="text/javascript">
+    function setToURL()
+    {
+      document.getElementById('i').type = 'url';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToURL(); disableReftestWait();">
+    <input type='checkbox' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/url/3.html b/layout/reftests/forms/input/url/3.html
new file mode 100644
index 0000000000..b9f13924a6
--- /dev/null
+++ b/layout/reftests/forms/input/url/3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when switching to another type, the input element should not look
+             like an input url element -->
+  <script type="text/javascript">
+    function setToCheckbox()
+    {
+      document.getElementById('i').type='checkbox';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setToCheckbox(); disableReftestWait();">
+    <input type='url' id='i'>
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/url/ref.html b/layout/reftests/forms/input/url/ref.html
new file mode 100644
index 0000000000..07e5eee7e6
--- /dev/null
+++ b/layout/reftests/forms/input/url/ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text">
+  </body>
+</html>
diff --git a/layout/reftests/forms/input/url/reftest.list b/layout/reftests/forms/input/url/reftest.list
new file mode 100644
index 0000000000..dcca7a3cde
--- /dev/null
+++ b/layout/reftests/forms/input/url/reftest.list
@@ -0,0 +1,3 @@
+== 1.html ref.html
+== 2.html ref.html
+!= 3.html ref.html
diff --git a/layout/reftests/forms/legend/1273433-ref.html b/layout/reftests/forms/legend/1273433-ref.html
new file mode 100644
index 0000000000..6c28a9f0c8
--- /dev/null
+++ b/layout/reftests/forms/legend/1273433-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1273433</title>
+    <style type="text/css">
+
+html,body {
+    color:black; background-color:white; font-size:12px; padding:0; margin:0;
+}
+	
+fieldset { border: 1px solid black; }
+.v { writing-mode: vertical-lr; height:300px; float:left; }
+legend { width: 100px; border:1px solid blue; }
+.v legend, .rl legend { width: auto; height: 100px; }
+.rtl { direction:rtl; }
+.ltr { direction:ltr; }
+
+    </style>
+</head>
+<body>
+
+<fieldset align="left"><legend>(unset)</legend></fieldset>
+<fieldset><legend align="left">left</legend></fieldset>
+<fieldset class="rtl"><legend style="text-align:left">right</legend></fieldset>
+
+<fieldset><legend align="right" style="text-align:right">(unset)</legend><div class=rtl>RTL</div></fieldset>
+<fieldset><legend align="left" style="text-align:right">left</legend><div class=rtl>RTL</div></fieldset>
+<fieldset><legend align="right" style="text-align:right">right</legend><div class=rtl>RTL</div></fieldset>
+
+<fieldset><legend>left</legend><div class=rtl>RTL</div></fieldset>
+<fieldset><legend align="right" style="text-align:left">right</legend><div class=rtl>RTL</div></fieldset>
+
+<fieldset><legend align="left">bottom</legend></fieldset>
+<fieldset><legend align="left">top</legend></fieldset>
+
+<fieldset class="v"><legend align="left">(unset)</legend></fieldset>
+<fieldset class="v"><legend align="left">left</legend></fieldset>
+<fieldset class="v rtl"><legend style="text-align:left">right</legend></fieldset>
+
+<fieldset class="v"><legend align="right" style="text-align:right">(unset)</legend><div class=rtl>RTL</div></fieldset>
+<fieldset class="v"><legend align="left" style="text-align:right">left</legend><div class=rtl>RTL</div></fieldset>
+<fieldset class="v"><legend align="right" style="text-align:right">right</legend><div class=rtl>RTL</div></fieldset>
+
+<fieldset class="v"><legend>left</legend><div class=rtl>RTL</div></fieldset>
+<fieldset class="v"><legend align="right" style="text-align:left">right</legend><div class=rtl>RTL</div></fieldset>
+
+<fieldset class="v"><legend align="left">bottom</legend></fieldset>
+<fieldset class="v"><legend align="left">top</legend></fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/1273433.html b/layout/reftests/forms/legend/1273433.html
new file mode 100644
index 0000000000..beb1b09070
--- /dev/null
+++ b/layout/reftests/forms/legend/1273433.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1273433</title>
+    <style type="text/css">
+
+html,body {
+    color:black; background-color:white; font-size:12px; padding:0; margin:0;
+}
+	
+fieldset { border: 1px solid black; }
+.v { writing-mode: vertical-lr; height:300px; float:left; }
+legend { width: 100px; border:1px solid blue; }
+.v legend, .rl legend { width: auto; height: 100px; }
+.rtl { direction:rtl; }
+.ltr { direction:ltr; }
+
+    </style>
+</head>
+<body>
+
+<fieldset><legend>(unset)</legend></fieldset>
+<fieldset><legend align="left">left</legend></fieldset>
+<fieldset><legend align="right">right</legend></fieldset>
+
+<fieldset class="rtl"><legend>(unset)</legend>RTL</fieldset>
+<fieldset class="rtl"><legend align="left">left</legend>RTL</fieldset>
+<fieldset class="rtl"><legend align="right">right</legend>RTL</fieldset>
+
+<fieldset class="rtl"><legend class="ltr" align="left">left</legend>RTL</fieldset>
+<fieldset class="rtl"><legend class="ltr" align="right">right</legend>RTL</fieldset>
+
+<fieldset><legend align="bottom">bottom</legend></fieldset>
+<fieldset><legend align="top">top</legend></fieldset>
+
+<fieldset class="v"><legend>(unset)</legend></fieldset>
+<fieldset class="v"><legend align="left">left</legend></fieldset>
+<fieldset class="v"><legend align="right">right</legend></fieldset>
+
+<fieldset class="v rtl"><legend>(unset)</legend>RTL</fieldset>
+<fieldset class="v rtl"><legend align="left">left</legend>RTL</fieldset>
+<fieldset class="v rtl"><legend align="right">right</legend>RTL</fieldset>
+
+<fieldset class="v rtl"><legend class="ltr" align="left">left</legend>RTL</fieldset>
+<fieldset class="v rtl"><legend class="ltr" align="right">right</legend>RTL</fieldset>
+
+<fieldset class="v"><legend align="bottom">bottom</legend></fieldset>
+<fieldset class="v"><legend align="top">top</legend></fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/1339287-ref.html b/layout/reftests/forms/legend/1339287-ref.html
new file mode 100644
index 0000000000..8dea047bbd
--- /dev/null
+++ b/layout/reftests/forms/legend/1339287-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1339287</title>
+  <style type="text/css">
+
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+fieldset { border:1px solid black; }  /* solid border is less likely to cause AA issues */
+
+  </style>
+</head>
+<body>
+
+  <fieldset>
+    <legend style="display:inline-flex">
+      Headline Instructions
+    </legend>
+  </fieldset>
+
+  <fieldset>
+    <legend style="display:inline-grid">
+      Headline Instructions
+    </legend>
+  </fieldset>
+
+  <fieldset>
+    <legend style="display:flex">
+      Headline Instructions
+    </legend>
+  </fieldset>
+
+  <fieldset>
+    <legend style="display:grid">
+      Headline Instructions
+    </legend>
+  </fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/1339287.html b/layout/reftests/forms/legend/1339287.html
new file mode 100644
index 0000000000..482663f79f
--- /dev/null
+++ b/layout/reftests/forms/legend/1339287.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1339287</title>
+  <style type="text/css">
+
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+fieldset { border:1px solid black; }  /* solid border is less likely to cause AA issues */
+
+  </style>
+</head>
+<body>
+
+  <fieldset>
+    <legend style="display:inline-flex">
+      Headline 
+      <span>
+        Instructions
+       </span>
+    </legend>
+  </fieldset>
+
+  <fieldset>
+    <legend style="display:inline-grid">
+      Headline 
+      <span>
+        Instructions
+       </span>
+    </legend>
+  </fieldset>
+
+  <fieldset>
+    <legend style="display:flex">
+      Headline 
+      <span>
+        Instructions
+       </span>
+    </legend>
+  </fieldset>
+
+  <fieldset>
+    <legend style="display:grid">
+      Headline 
+      <span>
+        Instructions
+       </span>
+    </legend>
+  </fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/legend-padding-1-ref.html b/layout/reftests/forms/legend/legend-padding-1-ref.html
new file mode 100644
index 0000000000..950d8d1833
--- /dev/null
+++ b/layout/reftests/forms/legend/legend-padding-1-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Reference for bug 1483499</title>
+  <style>
+    legend, .legendRef {
+      /* Here in the reference case, we explicitly specify padding, and we also
+         use a custom-styled div as the reference case for any legend element
+         that is not directly snapped into a fieldset border. */
+      background: yellow;
+      border: 1px solid brown;
+      padding: 0px 2px;
+    }
+  </style>
+</head>
+<body>
+<!-- Test: legend default styling shouldn't be affected
+     by presence of a display:contents wrapper: -->
+<fieldset>
+  <legend>DisplayContentsWrapper</legend>
+</fieldset>
+<br>
+
+<!-- Test: legend should get the same 2px of inline-axis padding, even
+     if it's not inside of a fieldset at all. -->
+<div class="legendRef">JustALegend</div>
+<br>
+
+<div class="legendRef">
+  <div class="legendRef">NestedLegend</div>
+</div>
+<br>
+
+<fieldset>
+  <legend>
+    <div class="legendRef">
+      <div class="legendRef">NestedLegendInFieldset</div>
+    </div>
+  </legend>
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/legend-padding-1.html b/layout/reftests/forms/legend/legend-padding-1.html
new file mode 100644
index 0000000000..9535d3dd93
--- /dev/null
+++ b/layout/reftests/forms/legend/legend-padding-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Testcase for bug 1483499</title>
+  <style>
+    legend {
+      background: yellow;
+      border: 1px solid brown;
+    }
+  </style>
+</head>
+<body>
+<!-- Test: legend default styling shouldn't be affected
+     by presence of a display:contents wrapper: -->
+<fieldset>
+  <div style="display: contents">
+    <legend>DisplayContentsWrapper</legend>
+  </div>
+</fieldset>
+<br>
+
+<!-- Test: legend should get the same 2px of inline-axis padding, even
+     if it's not inside of a fieldset at all. -->
+<legend>JustALegend</legend>
+<br>
+
+<!-- ...and if it's nested, each nesting level will add 2px of padding. -->
+<legend>
+  <legend>NestedLegend</legend>
+</legend>
+<br>
+
+<fieldset>
+  <legend>
+    <legend>
+      <legend>NestedLegendInFieldset</legend>
+    </legend>
+  </legend>
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/legend-padding-2-ref.html b/layout/reftests/forms/legend/legend-padding-2-ref.html
new file mode 100644
index 0000000000..4050ab7c26
--- /dev/null
+++ b/layout/reftests/forms/legend/legend-padding-2-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Reference for bug 1483499</title>
+  <style>
+    html { writing-mode: vertical-rl }
+    legend, .legendRef {
+      /* Here in the reference case, we explicitly specify padding, and we also
+         use a custom-styled div as the reference case for any legend element
+         that is not directly snapped into a fieldset border. */
+      background: yellow;
+      border: 1px solid brown;
+      padding: 2px 0px;
+    }
+  </style>
+</head>
+<body>
+<!-- Test: legend default styling shouldn't be affected
+     by presence of a display:contents wrapper: -->
+<fieldset>
+  <legend>DisplayContentsWrapper</legend>
+</fieldset>
+<br>
+
+<!-- Test: legend should get the same 2px of inline-axis padding, even
+     if it's not inside of a fieldset at all. -->
+<div class="legendRef">JustALegend</div>
+<br>
+
+<div class="legendRef">
+  <div class="legendRef">NestedLegend</div>
+</div>
+<br>
+
+<fieldset>
+  <legend>
+    <div class="legendRef">
+      <div class="legendRef">NestedLegendInFieldset</div>
+    </div>
+  </legend>
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/legend-padding-2.html b/layout/reftests/forms/legend/legend-padding-2.html
new file mode 100644
index 0000000000..52f7bcafcf
--- /dev/null
+++ b/layout/reftests/forms/legend/legend-padding-2.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Testcase for bug 1483499</title>
+  <style>
+    html { writing-mode: vertical-rl }
+    legend {
+      background: yellow;
+      border: 1px solid brown;
+    }
+  </style>
+</head>
+<body>
+<!-- Test: legend default styling shouldn't be affected
+     by presence of a display:contents wrapper: -->
+<fieldset>
+  <div style="display: contents">
+    <legend>DisplayContentsWrapper</legend>
+  </div>
+</fieldset>
+<br>
+
+<!-- Test: legend should get the same 2px of inline-axis padding, even
+     if it's not inside of a fieldset at all. -->
+<legend>JustALegend</legend>
+<br>
+
+<!-- ...and if it's nested, each nesting level will add 2px of padding. -->
+<legend>
+  <legend>NestedLegend</legend>
+</legend>
+<br>
+
+<fieldset>
+  <legend>
+    <legend>
+      <legend>NestedLegendInFieldset</legend>
+    </legend>
+  </legend>
+</fieldset>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/legend-ref.html b/layout/reftests/forms/legend/legend-ref.html
new file mode 100644
index 0000000000..3684841714
--- /dev/null
+++ b/layout/reftests/forms/legend/legend-ref.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML>
+<html><head>
+    <title>Reference case for bug 740743</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+fieldset { padding: 2px; }
+legend { padding: 0; }
+span {
+   background: lime;
+   display: block;
+   padding-left: 2px;
+   padding-right: 2px;
+}
+
+.s10 { width:10px; height:10px; }
+.h10 { height:10px; }
+.w50 { width:50px; }
+.hidden { overflow:hidden; }
+.scroll { overflow:scroll; }
+.auto { overflow:auto; }
+
+.o { text-overflow: ellipsis; }
+
+#inline span { display:inline; }
+#inline-block span { display:inline-block; }
+
+    </style>
+</head>
+<body>
+
+<fieldset><legend><span class="hidden s10"><b>Legend Test</b></span></legend></fieldset>
+<fieldset><legend><span class="scroll s10">Legend Test</span></legend></fieldset>
+<fieldset><legend><span class="auto s10">Legend Test</span></legend></fieldset>
+<fieldset><legend><span class="hidden w50"><b>Legend Test</b></span></legend></fieldset>
+<fieldset><legend><span class="scroll w50">Legend Test</span></legend></fieldset>
+<fieldset><legend><span class="auto w50"><b>Legend Test</b></span></legend></fieldset>
+<fieldset><legend><span class="hidden">Legend Test</span></legend></fieldset>
+<fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
+<fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
+<fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
+
+<fieldset><legend><span class="hidden w50 o"><b>Legend Test</b></span></legend></fieldset>
+<fieldset><legend><span class="hidden w50 o">Test Legend</span></legend></fieldset>
+<fieldset><legend><span class="hidden o">Test Legend</span></legend></fieldset>
+<fieldset><legend><span class="auto w50 o"><b>Legend Test</b></span></legend></fieldset>
+<fieldset><legend align="right"><span class="hidden w50 o">Test Legend</span></legend></fieldset>
+<fieldset><legend align="center"><span class="hidden w50 o">Test Legend</span></legend></fieldset>
+
+<div id="inline">
+<span class="hidden s10"><b>Legend Test</b></span>
+<span class="scroll s10">Legend Test</span>
+<span class="auto s10">Legend Test</span>
+<span class="hidden w50"><b>Legend Test</b></span>
+<span class="scroll w50">Legend Test</span>
+<span class="auto w50"><b>Legend Test</b></span>
+<span class="hidden">Legend Test</span>
+<span class="auto"><b>Legend Test</b></span>
+
+<span class="hidden w50 o"><b>Legend Test</b></span>
+<span class="hidden w50 o">Test Legend</span>
+<span class="hidden o">Test Legend</span>
+<span class="auto w50 o"><b>Legend Test</b></span>
+<span class="hidden w50 o">Test Legend</span>
+<span class="hidden w50 o">Test Legend</span>
+</div>
+
+<div id="inline-block">
+<span class="hidden s10"><b>Legend Test</b></span>
+<span class="scroll s10">Legend Test</span>
+<span class="auto s10">Legend Test</span>
+<span class="hidden w50"><b>Legend Test</b></span>
+<span class="scroll w50">Legend Test</span>
+<span class="auto w50"><b>Legend Test</b></span>
+<span class="hidden">Legend Test</span>
+<span class="auto"><b>Legend Test</b></span>
+<span class="auto"><b>Legend Test</b></span>
+
+<span class="hidden w50 o"><b>Legend Test</b></span>
+<span class="hidden w50 o">Test Legend</span>
+<span class="hidden o">Test Legend</span>
+<span class="auto w50 o"><b>Legend Test</b></span>
+<span class="hidden w50 o">Test Legend</span>
+<span class="hidden w50 o">Test Legend</span>
+</div>
+
+<span class="auto w50"><b>Legend Test</b></span>
+<span><b>Legend Test</b></span>
+<span><b>Legend Test</b></span>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/legend.html b/layout/reftests/forms/legend/legend.html
new file mode 100644
index 0000000000..9d05fbe6af
--- /dev/null
+++ b/layout/reftests/forms/legend/legend.html
@@ -0,0 +1,87 @@
+<!DOCTYPE HTML>
+<html><head>
+    <title>Testcase for bug 740743</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+fieldset { padding: 2px; }
+legend { background: lime; }
+.s10 { width:10px; height:10px; }
+.h10 { height:10px; }
+.w50 { width:50px; }
+.hidden { overflow:hidden; }
+.scroll { overflow:scroll; }
+.auto { overflow:auto; }
+
+.o { text-overflow: ellipsis; }
+
+#inline legend { display:inline; }
+#inline-block legend { display:inline-block; }
+    </style>
+</head>
+<body>
+
+<fieldset><legend class="hidden s10"><b>Legend Test</b></legend></fieldset>
+<fieldset><legend class="scroll s10">Legend Test</legend></fieldset>
+<fieldset><legend class="auto s10">Legend Test</legend></fieldset>
+<fieldset><legend class="hidden w50"><b>Legend Test</b></legend></fieldset>
+<fieldset><legend class="scroll w50">Legend Test</legend></fieldset>
+<fieldset><legend class="auto w50"><b>Legend Test</b></legend></fieldset>
+<fieldset><legend class="hidden">Legend Test</legend></fieldset>
+<fieldset><legend class="auto"><b>Legend Test</b></legend></fieldset>
+<fieldset><legend class="auto" style="width:auto"><b>Legend Test</b></legend></fieldset>
+<fieldset><legend style="width:auto"><b>Legend Test</b></legend></fieldset>
+
+<fieldset><legend class="hidden w50 o"><b>Legend Test</b></legend></fieldset>
+<fieldset><legend class="hidden w50 o">Test Legend</legend></fieldset>
+<fieldset><legend class="hidden o">Test Legend</legend></fieldset>
+<fieldset><legend class="auto w50 o"><b>Legend Test</b></legend></fieldset>
+<fieldset><legend class="hidden w50 o" align="right">Test Legend</legend></fieldset>
+<fieldset><legend class="hidden w50 o" align="center">Test Legend</legend></fieldset>
+
+<div id="inline">
+<legend class="hidden s10"><b>Legend Test</b></legend>
+<legend class="scroll s10">Legend Test</legend>
+<legend class="auto s10">Legend Test</legend>
+<legend class="hidden w50"><b>Legend Test</b></legend>
+<legend class="scroll w50">Legend Test</legend>
+<legend class="auto w50"><b>Legend Test</b></legend>
+<legend class="hidden">Legend Test</legend>
+<legend class="auto"><b>Legend Test</b></legend>
+
+<legend class="hidden w50 o"><b>Legend Test</b></legend>
+<legend class="hidden w50 o">Test Legend</legend>
+<legend class="hidden o">Test Legend</legend>
+<legend class="auto w50 o"><b>Legend Test</b></legend>
+<legend class="hidden w50 o" align="right">Test Legend</legend>
+<legend class="hidden w50 o" align="center">Test Legend</legend>
+</div>
+
+<div id="inline-block">
+<legend class="hidden s10"><b>Legend Test</b></legend>
+<legend class="scroll s10">Legend Test</legend>
+<legend class="auto s10">Legend Test</legend>
+<legend class="hidden w50"><b>Legend Test</b></legend>
+<legend class="scroll w50">Legend Test</legend>
+<legend class="auto w50"><b>Legend Test</b></legend>
+<legend class="hidden">Legend Test</legend>
+<legend class="auto"><b>Legend Test</b></legend>
+<legend class="auto" style="width:auto"><b>Legend Test</b></legend>
+
+<legend class="hidden w50 o"><b>Legend Test</b></legend>
+<legend class="hidden w50 o">Test Legend</legend>
+<legend class="hidden o">Test Legend</legend>
+<legend class="auto w50 o"><b>Legend Test</b></legend>
+<legend class="hidden w50 o" align="right">Test Legend</legend>
+<legend class="hidden w50 o" align="center">Test Legend</legend>
+</div>
+
+<legend class="auto w50"><b>Legend Test</b></legend>
+<legend class="auto" zstyle="width:auto"><b>Legend Test</b></legend>
+<legend style="width:auto"><b>Legend Test</b></legend>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/legend/reftest.list b/layout/reftests/forms/legend/reftest.list
new file mode 100644
index 0000000000..4b96bf0576
--- /dev/null
+++ b/layout/reftests/forms/legend/reftest.list
@@ -0,0 +1,5 @@
+== legend.html legend-ref.html # Bug 1392106
+== legend-padding-1.html legend-padding-1-ref.html
+== legend-padding-2.html legend-padding-2-ref.html
+fuzzy-if(Android,0-255,0-41) == 1273433.html 1273433-ref.html
+fails == 1339287.html 1339287-ref.html # bug 1383868
diff --git a/layout/reftests/forms/legend/shadow-dom-ref.html b/layout/reftests/forms/legend/shadow-dom-ref.html
new file mode 100644
index 0000000000..472d33acfd
--- /dev/null
+++ b/layout/reftests/forms/legend/shadow-dom-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html lang="en-US">
+  <head>
+  <title>Test LEGEND placed into FIELDSET shadow DOM</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1140579">
+<style>
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+.inline { display:inline; }
+z,.b { color:blue; }
+</style>
+  </head>
+  <body>
+    <fieldset id="host1"><legend>1</legend>a c</fieldset>
+    <fieldset id="host2"><legend>2</legend>a c</fieldset>
+    <fieldset id="host3"><legend>3</legend>a c</fieldset>
+    <fieldset id="host4"><legend>4</legend>a c</fieldset>
+    <fieldset id="host5"><legend>5</legend>a c</fieldset>
+    <fieldset id="host6"><legend class="b">6</legend>a c</fieldset>
+    <fieldset id="host7"><legend>7</legend>a <legend class="inline">L</legend> B</fieldset>
+    <fieldset id="host8"><legend>a 8</legend>A <legend class="inline">L c</legend> B</fieldset>
+    <fieldset id="host9"><legend>a 9</legend>A <legend class="inline p0">a L2 c</legend><z>a<legend>L3</legend>c</z> B</fieldset>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element-ref.html b/layout/reftests/forms/meter/bar-pseudo-element-ref.html
new file mode 100644
index 0000000000..c9576fc40b
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element-ref.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > div:nth-child(1) > .meter-bar { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) > .meter-bar { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) > .meter-bar { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) > .meter-bar { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) > .meter-bar { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) > .meter-bar { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) > .meter-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) > .meter-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) > .meter-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) > .meter-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) > .meter-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) > .meter-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) > .meter-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) > .meter-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) > .meter-bar { margin: 200px; padding: 0px; }
+    body > div:nth-child(16) > .meter-bar { margin: 0px; padding: 200px; }
+    /* 15 - 18 should have 100% width, no need to specify. */
+  </style>
+  <body>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element-rtl-ref.html b/layout/reftests/forms/meter/bar-pseudo-element-rtl-ref.html
new file mode 100644
index 0000000000..ba9b6c8f35
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element-rtl-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > div:nth-child(1) > .meter-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(2) > .meter-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(3) > .meter-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(4) > .meter-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    /* 15 - 18 should have 100% width, no need to specify. */
+  </style>
+  <body dir='rtl'>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element-rtl.html b/layout/reftests/forms/meter/bar-pseudo-element-rtl.html
new file mode 100644
index 0000000000..22f5462dfd
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element-rtl.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > meter:nth-child(1)::-moz-meter-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > meter:nth-child(2)::-moz-meter-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > meter:nth-child(3)::-moz-meter-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > meter:nth-child(4)::-moz-meter-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > meter:nth-child(5)::-moz-meter-bar { width: 1000px; }
+    body > meter:nth-child(6)::-moz-meter-bar { width: 10px; }
+    body > meter:nth-child(7)::-moz-meter-bar { width: 10%; }
+    body > meter:nth-child(8)::-moz-meter-bar { width: 200%; }
+  </style>
+  <body dir='rtl'>
+    <!-- Those will be used to change padding/margin on ::-moz-meter-bar -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <!-- Those will be used to change width. -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element-vertical-ref.html b/layout/reftests/forms/meter/bar-pseudo-element-vertical-ref.html
new file mode 100644
index 0000000000..ff5227a9d9
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element-vertical-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    .meter-element { margin: 10px; }
+    body > div:nth-child(1) > .meter-bar { position: relative; top: 4px; left: 4px;
+                                           height: calc(100% - 8px); }
+    body > div:nth-child(2) > .meter-bar { width: calc(100% + 8px); }
+    body > div:nth-child(3) > .meter-bar { position: relative; top: 4px; left: 4px;
+                                           height: calc(100% - 8px);
+                                           width: calc(100% + 8px); }
+    body > div:nth-child(4) > .meter-bar { position: relative; top: 10px; height: calc(100% - 10px); }
+    body > div:nth-child(5) > .meter-bar { }
+    body > div:nth-child(6) > .meter-bar { height: calc(100% - 10px); }
+    body > div:nth-child(7) > .meter-bar { position: relative; left: 10px; }
+    body > div:nth-child(8) > .meter-bar { }
+    body > div:nth-child(9) > .meter-bar { width: calc(100% + 10px); }
+    body > div:nth-child(10) > .meter-bar { }
+    body > div:nth-child(11) > .meter-bar { width: calc(100% + 10px); }
+    /* 12 - 15 should have 100% width, no need to specify. */
+    body > div:nth-child(16) > .meter-bar { position: relative; top: 64px; left: 64px;
+                                            height: calc(100% + 32px + 16px);
+                                            width: calc(100% + 128px + 16px - 1em); }
+  </style>
+  <body>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl-ref.html b/layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl-ref.html
new file mode 100644
index 0000000000..651747f99c
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl-ref.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    .meter-element { margin: 10px; }
+    body > div:nth-child(1) > .meter-bar { position: relative; top: 4px; left: 4px;
+                                           height: calc(100% - 8px); }
+    body > div:nth-child(2) > .meter-bar { position: relative; left: 8px;
+                                           width: calc(100% + 8px); }
+    body > div:nth-child(3) > .meter-bar { position: relative; top: 4px; left: 12px;
+                                           height: calc(100% - 8px);
+                                           width: calc(100% + 8px); }
+    body > div:nth-child(4) > .meter-bar { position: relative; top: 10px; height: calc(100% - 10px); }
+    body > div:nth-child(5) > .meter-bar { }
+    body > div:nth-child(6) > .meter-bar { height: calc(100% - 10px); }
+    body > div:nth-child(7) > .meter-bar { position: relative; left: 10px; }
+    body > div:nth-child(8) > .meter-bar { }
+    body > div:nth-child(9) > .meter-bar { position: relative; left: 10px;
+                                           width: calc(100% + 10px); }
+    body > div:nth-child(10) > .meter-bar { }
+    body > div:nth-child(11) > .meter-bar { position: relative; left: 10px;
+                                            width: calc(100% + 10px); }
+    /* 12 - 15 should have 100% width, no need to specify. */
+    body > div:nth-child(16) > .meter-bar { position: relative; top: 64px; left: 192px;
+                                            height: calc(100% + 64px - 1em); 
+                                            width: calc(100% + 128px); }
+  </style>
+  <body dir='rtl'>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl.html b/layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl.html
new file mode 100644
index 0000000000..1a1752baf9
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element-vertical-rtl.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter {
+      margin: 10px;
+      -moz-orient: vertical;
+      overflow: visible;
+    }
+    body > meter:nth-child(1)::-moz-meter-bar { margin: 4px; padding: 0px; }
+    body > meter:nth-child(2)::-moz-meter-bar { margin: 0px; padding: 4px; }
+    body > meter:nth-child(3)::-moz-meter-bar { margin: 4px; padding: 4px; }
+    body > meter:nth-child(4)::-moz-meter-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > meter:nth-child(5)::-moz-meter-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > meter:nth-child(6)::-moz-meter-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > meter:nth-child(7)::-moz-meter-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > meter:nth-child(8)::-moz-meter-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > meter:nth-child(9)::-moz-meter-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > meter:nth-child(10)::-moz-meter-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > meter:nth-child(11)::-moz-meter-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > meter:nth-child(12)::-moz-meter-bar { height: 1000px; }
+    body > meter:nth-child(13)::-moz-meter-bar { height: 10px; }
+    body > meter:nth-child(14)::-moz-meter-bar { height: 10%; }
+    body > meter:nth-child(15)::-moz-meter-bar { height: 200%; }
+    body > meter:nth-child(16)::-moz-meter-bar { margin: 64px; padding: 64px; }
+  </style>
+  <body dir='rtl'>
+    <!-- Those will be used to change padding/margin on ::-moz-meter-bar -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <!-- Those will be used to change width. -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element-vertical.html b/layout/reftests/forms/meter/bar-pseudo-element-vertical.html
new file mode 100644
index 0000000000..509dbb78da
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element-vertical.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter {
+      margin: 10px;
+      -moz-orient: vertical;
+      overflow: visible;
+    }
+    body > meter:nth-child(1)::-moz-meter-bar { margin: 4px; padding: 0px; }
+    body > meter:nth-child(2)::-moz-meter-bar { margin: 0px; padding: 4px; }
+    body > meter:nth-child(3)::-moz-meter-bar { margin: 4px; padding: 4px; }
+    body > meter:nth-child(4)::-moz-meter-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > meter:nth-child(5)::-moz-meter-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > meter:nth-child(6)::-moz-meter-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > meter:nth-child(7)::-moz-meter-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > meter:nth-child(8)::-moz-meter-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > meter:nth-child(9)::-moz-meter-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > meter:nth-child(10)::-moz-meter-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > meter:nth-child(11)::-moz-meter-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > meter:nth-child(12)::-moz-meter-bar { height: 1000px; }
+    body > meter:nth-child(13)::-moz-meter-bar { height: 10px; }
+    body > meter:nth-child(14)::-moz-meter-bar { height: 10%; }
+    body > meter:nth-child(15)::-moz-meter-bar { height: 200%; }
+    body > meter:nth-child(16)::-moz-meter-bar { margin: 64px; padding: 64px; }
+  </style>
+  <body>
+    <!-- Those will be used to change padding/margin on ::-moz-meter-bar -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <!-- Those will be used to change width. -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/bar-pseudo-element.html b/layout/reftests/forms/meter/bar-pseudo-element.html
new file mode 100644
index 0000000000..9fb69bc185
--- /dev/null
+++ b/layout/reftests/forms/meter/bar-pseudo-element.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    /* override the default clipping of the meter bar from forms.css */
+    meter { overflow: visible; }
+    body > meter:nth-child(1)::-moz-meter-bar { margin: 10px; padding: 0px; }
+    body > meter:nth-child(2)::-moz-meter-bar { margin: 0px; padding: 10px; }
+    body > meter:nth-child(3)::-moz-meter-bar { margin: 10px; padding: 10px; }
+    body > meter:nth-child(4)::-moz-meter-bar { margin: 5px; padding: 5px; }
+    body > meter:nth-child(5)::-moz-meter-bar { margin: 50px; padding: 50px; }
+    body > meter:nth-child(6)::-moz-meter-bar { margin: 100px; padding: 100px; }
+    body > meter:nth-child(7)::-moz-meter-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > meter:nth-child(8)::-moz-meter-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > meter:nth-child(9)::-moz-meter-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > meter:nth-child(10)::-moz-meter-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > meter:nth-child(11)::-moz-meter-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > meter:nth-child(12)::-moz-meter-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > meter:nth-child(13)::-moz-meter-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > meter:nth-child(14)::-moz-meter-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > meter:nth-child(15)::-moz-meter-bar { margin: 200px; padding: 0px; }
+    body > meter:nth-child(16)::-moz-meter-bar { margin: 0px; padding: 200px; }
+    body > meter:nth-child(17)::-moz-meter-bar { width: 1000px; }
+    body > meter:nth-child(18)::-moz-meter-bar { width: 10px; }
+    body > meter:nth-child(19)::-moz-meter-bar { width: 10%; }
+    body > meter:nth-child(20)::-moz-meter-bar { width: 200%; }
+  </style>
+  <body>
+    <!-- Those will be used to change padding/margin on ::-moz-meter-bar -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <!-- Those will be used to change width. -->
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/block-invalidate-ref.html b/layout/reftests/forms/meter/block-invalidate-ref.html
new file mode 100644
index 0000000000..3208c43ef6
--- /dev/null
+++ b/layout/reftests/forms/meter/block-invalidate-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter { display: block; }
+  </style>
+  <body>
+    <meter value='0.5'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/block-invalidate.html b/layout/reftests/forms/meter/block-invalidate.html
new file mode 100644
index 0000000000..abc98f7f7a
--- /dev/null
+++ b/layout/reftests/forms/meter/block-invalidate.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter { display: block; }
+  </style>
+  <script>
+    function loadHandler() {
+      setTimeout(function() {
+        var p = document.getElementsByTagName('meter')[0];
+        p.value = '0.5';
+        document.documentElement.className = '';
+      }, 0);
+    }
+  </script>
+  <body onload="loadHandler();">
+    <meter value='0'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/default-style/default-style-dyn-ref.html b/layout/reftests/forms/meter/default-style/default-style-dyn-ref.html
new file mode 100644
index 0000000000..03a1937fa5
--- /dev/null
+++ b/layout/reftests/forms/meter/default-style/default-style-dyn-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    div:nth-child(1) > .meter-sub-optimum { width: 10%; }
+    div:nth-child(2) > .meter-sub-sub-optimum { width: 10%; }
+    div:nth-child(3) > .meter-sub-optimum { width: 40%; }
+    div:nth-child(4) > .meter-optimum { width: 10%; }
+    div:nth-child(5) > .meter-optimum { width: 0%; }
+    div:nth-child(6) > .meter-sub-optimum { width: 20%; }
+  </style>
+  <body>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/default-style/default-style-dyn.html b/layout/reftests/forms/meter/default-style/default-style-dyn.html
new file mode 100644
index 0000000000..bed08d6511
--- /dev/null
+++ b/layout/reftests/forms/meter/default-style/default-style-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <meter id='m1' value="0.1" low="0" optimum="0.5" high="1" min="0" max="1"></meter>
+    <meter id='m2' value="0.1" low="0.3" optimum="0.7" high="1" min="0" max="1"></meter>
+    <meter id='m3' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
+    <meter id='m4' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
+    <meter id='m5' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
+    <meter id='m6' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
+
+    <script>
+
+    var m = document.getElementById('m1');
+    m.setAttribute("low",0.3);
+
+    m = document.getElementById('m2');
+    m.setAttribute("high",0.5);
+
+    m = document.getElementById('m3');
+    m.setAttribute("value",0.4);
+
+    m = document.getElementById('m4');
+    m.setAttribute("optimum",0.1);
+
+    m = document.getElementById('m5');
+    m.setAttribute("min",0.9);
+
+    m = document.getElementById('m6');
+    m.setAttribute("max",0.5);
+
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/default-style/default-style-ref.html b/layout/reftests/forms/meter/default-style/default-style-ref.html
new file mode 100644
index 0000000000..7cba9ab962
--- /dev/null
+++ b/layout/reftests/forms/meter/default-style/default-style-ref.html
@@ -0,0 +1,279 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    /* optimum = 0.0 */
+    div:nth-child(1) > .meter-optimum { width: 0%; }
+    div:nth-child(2) > .meter-optimum { width: 10%; }
+    div:nth-child(3) > .meter-sub-optimum { width: 30%; }
+    div:nth-child(4) > .meter-sub-optimum { width: 50%; }
+    div:nth-child(5) > .meter-sub-optimum { width: 70%; }
+    div:nth-child(6) > .meter-sub-sub-optimum { width: 80%; }
+    div:nth-child(7) > .meter-sub-sub-optimum { width: 100%; }
+
+    /* optimum = 0.1 */
+    div:nth-child(8) > .meter-optimum { width: 0%; }
+    div:nth-child(9) > .meter-optimum { width: 10%; }
+    div:nth-child(10) > .meter-sub-optimum { width: 30%; }
+    div:nth-child(11) > .meter-sub-optimum { width: 50%; }
+    div:nth-child(12) > .meter-sub-optimum { width: 70%; }
+    div:nth-child(13) > .meter-sub-sub-optimum { width: 80%; }
+    div:nth-child(14) > .meter-sub-sub-optimum { width: 100%; }
+
+    /* optimum = 0.3 */
+    div:nth-child(15) > .meter-sub-optimum { width: 0%; }
+    div:nth-child(16) > .meter-sub-optimum { width: 10%; }
+    div:nth-child(17) > .meter-optimum { width: 30%; }
+    div:nth-child(18) > .meter-optimum { width: 50%; }
+    div:nth-child(19) > .meter-optimum { width: 70%; }
+    div:nth-child(20) > .meter-sub-optimum { width: 80%; }
+    div:nth-child(21) > .meter-sub-optimum { width: 100%; }
+
+    /* optimum = 0.5 */
+    div:nth-child(22) > .meter-sub-optimum { width: 0%; }
+    div:nth-child(23) > .meter-sub-optimum { width: 10%; }
+    div:nth-child(24) > .meter-optimum { width: 30%; }
+    div:nth-child(25) > .meter-optimum { width: 50%; }
+    div:nth-child(26) > .meter-optimum { width: 70%; }
+    div:nth-child(27) > .meter-sub-optimum { width: 80%; }
+    div:nth-child(28) > .meter-sub-optimum { width: 100%; }
+
+    /* optimum = 0.7 */
+    div:nth-child(29) > .meter-sub-optimum { width: 0%; }
+    div:nth-child(30) > .meter-sub-optimum { width: 10%; }
+    div:nth-child(31) > .meter-optimum { width: 30%; }
+    div:nth-child(32) > .meter-optimum { width: 50%; }
+    div:nth-child(33) > .meter-optimum { width: 70%; }
+    div:nth-child(34) > .meter-sub-optimum { width: 80%; }
+    div:nth-child(35) > .meter-sub-optimum { width: 100%; }
+
+    /* optimum = 0.8 */
+    div:nth-child(36) > .meter-sub-sub-optimum { width: 0%; }
+    div:nth-child(37) > .meter-sub-sub-optimum { width: 10%; }
+    div:nth-child(38) > .meter-sub-optimum { width: 30%; }
+    div:nth-child(39) > .meter-sub-optimum { width: 50%; }
+    div:nth-child(40) > .meter-sub-optimum { width: 70%; }
+    div:nth-child(41) > .meter-optimum { width: 80%; }
+    div:nth-child(42) > .meter-optimum { width: 100%; }
+
+    /* optimum = 1.0 */
+    div:nth-child(43) > .meter-sub-sub-optimum { width: 0%; }
+    div:nth-child(44) > .meter-sub-sub-optimum { width: 10%; }
+    div:nth-child(45) > .meter-sub-optimum { width: 30%; }
+    div:nth-child(46) > .meter-sub-optimum { width: 50%; }
+    div:nth-child(47) > .meter-sub-optimum { width: 70%; }
+    div:nth-child(48) > .meter-optimum { width: 80%; }
+    div:nth-child(49) > .meter-optimum { width: 100%; }
+  </style>
+  <body>
+    <!-- optimum = 0.0 -->
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+
+    <!-- optimum = 0.1 -->
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+
+    <!-- optimum = 0.3 -->
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+
+    <!-- optimum = 0.5 -->
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+
+    <!-- optimum = 0.7 -->
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+
+    <!-- optimum = 0.8 -->
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+
+    <!-- optimum = 1.0 -->
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-sub-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-optimum">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/default-style/default-style.html b/layout/reftests/forms/meter/default-style/default-style.html
new file mode 100644
index 0000000000..6c648c3355
--- /dev/null
+++ b/layout/reftests/forms/meter/default-style/default-style.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <meter value="0.0" low="0.3" optimum="0.0" high="0.7"></meter>
+    <meter value="0.1" low="0.3" optimum="0.0" high="0.7"></meter>
+    <meter value="0.3" low="0.3" optimum="0.0" high="0.7"></meter>
+    <meter value="0.5" low="0.3" optimum="0.0" high="0.7"></meter>
+    <meter value="0.7" low="0.3" optimum="0.0" high="0.7"></meter>
+    <meter value="0.8" low="0.3" optimum="0.0" high="0.7"></meter>
+    <meter value="1.0" low="0.3" optimum="0.0" high="0.7"></meter>
+    
+    <meter value="0.0" low="0.3" optimum="0.1" high="0.7"></meter>
+    <meter value="0.1" low="0.3" optimum="0.1" high="0.7"></meter>
+    <meter value="0.3" low="0.3" optimum="0.1" high="0.7"></meter>
+    <meter value="0.5" low="0.3" optimum="0.1" high="0.7"></meter>
+    <meter value="0.7" low="0.3" optimum="0.1" high="0.7"></meter>
+    <meter value="0.8" low="0.3" optimum="0.1" high="0.7"></meter>
+    <meter value="1.0" low="0.3" optimum="0.1" high="0.7"></meter>
+    
+    <meter value="0.0" low="0.3" optimum="0.3" high="0.7"></meter>
+    <meter value="0.1" low="0.3" optimum="0.3" high="0.7"></meter>
+    <meter value="0.3" low="0.3" optimum="0.3" high="0.7"></meter>
+    <meter value="0.5" low="0.3" optimum="0.3" high="0.7"></meter>
+    <meter value="0.7" low="0.3" optimum="0.3" high="0.7"></meter>
+    <meter value="0.8" low="0.3" optimum="0.3" high="0.7"></meter>
+    <meter value="1.0" low="0.3" optimum="0.3" high="0.7"></meter>
+    
+    <meter value="0.0" low="0.3" optimum="0.5" high="0.7"></meter>
+    <meter value="0.1" low="0.3" optimum="0.5" high="0.7"></meter>
+    <meter value="0.3" low="0.3" optimum="0.5" high="0.7"></meter>
+    <meter value="0.5" low="0.3" optimum="0.5" high="0.7"></meter>
+    <meter value="0.7" low="0.3" optimum="0.5" high="0.7"></meter>
+    <meter value="0.8" low="0.3" optimum="0.5" high="0.7"></meter>
+    <meter value="1.0" low="0.3" optimum="0.5" high="0.7"></meter>
+    
+    <meter value="0.0" low="0.3" optimum="0.7" high="0.7"></meter>
+    <meter value="0.1" low="0.3" optimum="0.7" high="0.7"></meter>
+    <meter value="0.3" low="0.3" optimum="0.7" high="0.7"></meter>
+    <meter value="0.5" low="0.3" optimum="0.7" high="0.7"></meter>
+    <meter value="0.7" low="0.3" optimum="0.7" high="0.7"></meter>
+    <meter value="0.8" low="0.3" optimum="0.7" high="0.7"></meter>
+    <meter value="1.0" low="0.3" optimum="0.7" high="0.7"></meter>
+    
+    <meter value="0.0" low="0.3" optimum="0.8" high="0.7"></meter>
+    <meter value="0.1" low="0.3" optimum="0.8" high="0.7"></meter>
+    <meter value="0.3" low="0.3" optimum="0.8" high="0.7"></meter>
+    <meter value="0.5" low="0.3" optimum="0.8" high="0.7"></meter>
+    <meter value="0.7" low="0.3" optimum="0.8" high="0.7"></meter>
+    <meter value="0.8" low="0.3" optimum="0.8" high="0.7"></meter>
+    <meter value="1.0" low="0.3" optimum="0.8" high="0.7"></meter>
+    
+    <meter value="0.0" low="0.3" optimum="1.0" high="0.7"></meter>
+    <meter value="0.1" low="0.3" optimum="1.0" high="0.7"></meter>
+    <meter value="0.3" low="0.3" optimum="1.0" high="0.7"></meter>
+    <meter value="0.5" low="0.3" optimum="1.0" high="0.7"></meter>
+    <meter value="0.7" low="0.3" optimum="1.0" high="0.7"></meter>
+    <meter value="0.8" low="0.3" optimum="1.0" high="0.7"></meter>
+    <meter value="1.0" low="0.3" optimum="1.0" high="0.7"></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/default-style/reftest.list b/layout/reftests/forms/meter/default-style/reftest.list
new file mode 100644
index 0000000000..a67d6712b6
--- /dev/null
+++ b/layout/reftests/forms/meter/default-style/reftest.list
@@ -0,0 +1,2 @@
+== default-style.html default-style-ref.html
+== default-style-dyn.html default-style-dyn-ref.html
diff --git a/layout/reftests/forms/meter/default-style/style.css b/layout/reftests/forms/meter/default-style/style.css
new file mode 100644
index 0000000000..2d42337e9a
--- /dev/null
+++ b/layout/reftests/forms/meter/default-style/style.css
@@ -0,0 +1,54 @@
+div.meter-element {
+  display: inline-block;
+  height: 1em;
+  width: 5em;
+  vertical-align: -0.2em;
+
+  background: linear-gradient(#e6e6e6, #e6e6e6, #eeeeee 20%, #cccccc 45%, #cccccc 55%);
+}
+
+div.meter-optimum {
+  float: none ! important;
+
+  height: 100%;
+  /*
+   * We can't apply the following style to the reference because it will have
+   * underisable effectes:
+   * width: 100%;
+   */
+
+  /* green. */
+  background: linear-gradient(#ad7, #ad7, #cea 20%, #7a3 45%, #7a3 55%);
+}
+
+div.meter-sub-optimum {
+  float: none ! important;
+
+  height: 100%;
+  /*
+   * We can't apply the following style to the reference because it will have
+   * underisable effectes:
+   * width: 100%;
+   */
+
+  /* orange. */
+  background: linear-gradient(#fe7, #fe7, #ffc 20%, #db3 45%, #db3 55%);
+}
+
+div.meter-sub-sub-optimum {
+  float: none ! important;
+
+  height: 100%;
+  /*
+   * We can't apply the following style to the reference because it will have
+   * underisable effectes:
+   * width: 100%;
+   */
+
+  /* red. */
+  background: linear-gradient(#f77, #f77, #fcc 20%, #d44 45%, #d44 55%);
+}
+
+meter, meter::-moz-meter-bar, div.meter-element, div.meter-optimum, div.meter-sub-optimum, div.meter-sub-sub-optimum {
+  -moz-appearance: none;
+}
diff --git a/layout/reftests/forms/meter/in-cells-ref.html b/layout/reftests/forms/meter/in-cells-ref.html
new file mode 100644
index 0000000000..aa81938a3d
--- /dev/null
+++ b/layout/reftests/forms/meter/in-cells-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter { width: 5em; height: 1em; }
+    meter.vertical { -moz-orient: vertical; width: 1em; height: 5em; }
+  </style>
+  <body>
+    <table>
+      <tr>
+        <td>foo</td>
+        <td><meter value='0.5'></meter></td>
+        <td>bar</td>
+      </tr>
+      <tr>
+        <td>foo</td>
+        <td><meter class='vertical' value='0.5'></meter></td>
+        <td>bar</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/in-cells.html b/layout/reftests/forms/meter/in-cells.html
new file mode 100644
index 0000000000..c62510433a
--- /dev/null
+++ b/layout/reftests/forms/meter/in-cells.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter.vertical { -moz-orient: vertical; }
+  </style>
+  <body>
+    <table>
+      <tr>
+        <td>foo</td>
+        <td><meter value='0.5'></meter></td>
+        <td>bar</td>
+      </tr>
+      <tr>
+        <td>foo</td>
+        <td><meter class='vertical' value='0.5'></meter></td>
+        <td>bar</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding-ref.html b/layout/reftests/forms/meter/margin-padding-ref.html
new file mode 100644
index 0000000000..84fb9b3852
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding-rtl-ref.html b/layout/reftests/forms/meter/margin-padding-rtl-ref.html
new file mode 100644
index 0000000000..579794cc9e
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding-rtl-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding-rtl.html b/layout/reftests/forms/meter/margin-padding-rtl.html
new file mode 100644
index 0000000000..d840582647
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding-rtl.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter:nth-child(1) { margin: 10px; padding: 0px; }
+    meter:nth-child(2) { margin: 0px; padding: 10px; }
+    meter:nth-child(3) { margin: 10px; padding: 10px; }
+    meter:nth-child(4) { margin: 5px; padding: 5px; }
+    meter:nth-child(5) { margin: 50px; padding: 50px; }
+    meter:nth-child(6) { margin: 100px; padding: 100px; }
+    meter:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    meter:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    meter:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    meter:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    meter:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    meter:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    meter:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    meter:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    meter:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    meter:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding-vertical-ref.html b/layout/reftests/forms/meter/margin-padding-vertical-ref.html
new file mode 100644
index 0000000000..e6de9fef13
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding-vertical-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding-vertical-rtl-ref.html b/layout/reftests/forms/meter/margin-padding-vertical-rtl-ref.html
new file mode 100644
index 0000000000..6ecb2fcafd
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding-vertical-rtl-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding-vertical-rtl.html b/layout/reftests/forms/meter/margin-padding-vertical-rtl.html
new file mode 100644
index 0000000000..55e922b07b
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding-vertical-rtl.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter {
+      -moz-orient: vertical;
+    }
+    meter:nth-child(1) { margin: 10px; padding: 0px; }
+    meter:nth-child(2) { margin: 0px; padding: 10px; }
+    meter:nth-child(3) { margin: 10px; padding: 10px; }
+    meter:nth-child(4) { margin: 5px; padding: 5px; }
+    meter:nth-child(5) { margin: 50px; padding: 50px; }
+    meter:nth-child(6) { margin: 100px; padding: 100px; }
+    meter:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    meter:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    meter:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    meter:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    meter:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    meter:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    meter:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    meter:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    meter:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    meter:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding-vertical.html b/layout/reftests/forms/meter/margin-padding-vertical.html
new file mode 100644
index 0000000000..d25d45e286
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding-vertical.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter {
+      -moz-orient: vertical;
+    }
+    meter:nth-child(1) { margin: 10px; padding: 0px; }
+    meter:nth-child(2) { margin: 0px; padding: 10px; }
+    meter:nth-child(3) { margin: 10px; padding: 10px; }
+    meter:nth-child(4) { margin: 5px; padding: 5px; }
+    meter:nth-child(5) { margin: 50px; padding: 50px; }
+    meter:nth-child(6) { margin: 100px; padding: 100px; }
+    meter:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    meter:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    meter:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    meter:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    meter:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    meter:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    meter:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    meter:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    meter:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    meter:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/margin-padding.html b/layout/reftests/forms/meter/margin-padding.html
new file mode 100644
index 0000000000..349813e1fd
--- /dev/null
+++ b/layout/reftests/forms/meter/margin-padding.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter:nth-child(1) { margin: 10px; padding: 0px; }
+    meter:nth-child(2) { margin: 0px; padding: 10px; }
+    meter:nth-child(3) { margin: 10px; padding: 10px; }
+    meter:nth-child(4) { margin: 5px; padding: 5px; }
+    meter:nth-child(5) { margin: 50px; padding: 50px; }
+    meter:nth-child(6) { margin: 100px; padding: 100px; }
+    meter:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    meter:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    meter:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    meter:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    meter:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    meter:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    meter:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    meter:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    meter:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    meter:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/max-height-ref.html b/layout/reftests/forms/meter/max-height-ref.html
new file mode 100644
index 0000000000..be61638a7d
--- /dev/null
+++ b/layout/reftests/forms/meter/max-height-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  meter {
+    height: 50px;
+    padding: 23px;
+    border: 1px solid black;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+</style>
+<meter>Some text</meter>
diff --git a/layout/reftests/forms/meter/max-height.html b/layout/reftests/forms/meter/max-height.html
new file mode 100644
index 0000000000..ae6115f855
--- /dev/null
+++ b/layout/reftests/forms/meter/max-height.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  meter {
+    max-height: 50px;
+    padding: 23px;
+    border: 1px solid black;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+</style>
+<meter>Some text</meter>
diff --git a/layout/reftests/forms/meter/meter-orient-block.html b/layout/reftests/forms/meter/meter-orient-block.html
new file mode 100644
index 0000000000..8096473e76
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="-moz-orient:block" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-orient-horizontal-rtl.html b/layout/reftests/forms/meter/meter-orient-horizontal-rtl.html
new file mode 100644
index 0000000000..29050d0219
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-orient-horizontal-rtl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="-moz-orient:horizontal" max=100 value=70 dir=rtl>
diff --git a/layout/reftests/forms/meter/meter-orient-horizontal.html b/layout/reftests/forms/meter/meter-orient-horizontal.html
new file mode 100644
index 0000000000..762329c7f6
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="-moz-orient:horizontal" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-orient-inline.html b/layout/reftests/forms/meter/meter-orient-inline.html
new file mode 100644
index 0000000000..a5ac5b52ba
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="-moz-orient:inline" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-orient-vertical-rtl.html b/layout/reftests/forms/meter/meter-orient-vertical-rtl.html
new file mode 100644
index 0000000000..af83d45301
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-orient-vertical-rtl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="-moz-orient:vertical" max=100 value=70 dir=rtl>
diff --git a/layout/reftests/forms/meter/meter-orient-vertical.html b/layout/reftests/forms/meter/meter-orient-vertical.html
new file mode 100644
index 0000000000..0bcc363497
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="-moz-orient:vertical" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vlr-orient-block.html b/layout/reftests/forms/meter/meter-vlr-orient-block.html
new file mode 100644
index 0000000000..500f1599d4
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vlr-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-lr;-moz-orient:block" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vlr-orient-horizontal.html b/layout/reftests/forms/meter/meter-vlr-orient-horizontal.html
new file mode 100644
index 0000000000..194f942d16
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vlr-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-lr;-moz-orient:horizontal" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vlr-orient-inline.html b/layout/reftests/forms/meter/meter-vlr-orient-inline.html
new file mode 100644
index 0000000000..d3ee42792b
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vlr-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-lr;-moz-orient:inline" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vlr-orient-vertical.html b/layout/reftests/forms/meter/meter-vlr-orient-vertical.html
new file mode 100644
index 0000000000..40e9c82344
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vlr-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-lr;-moz-orient:vertical" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vlr.html b/layout/reftests/forms/meter/meter-vlr.html
new file mode 100644
index 0000000000..7edf4a6042
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vlr.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-lr" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vrl-orient-block.html b/layout/reftests/forms/meter/meter-vrl-orient-block.html
new file mode 100644
index 0000000000..6b136624c5
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vrl-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-rl;-moz-orient:block" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vrl-orient-horizontal.html b/layout/reftests/forms/meter/meter-vrl-orient-horizontal.html
new file mode 100644
index 0000000000..87f8c938dd
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vrl-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-rl;-moz-orient:horizontal" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vrl-orient-inline.html b/layout/reftests/forms/meter/meter-vrl-orient-inline.html
new file mode 100644
index 0000000000..294f823e19
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vrl-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-rl;-moz-orient:inline" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vrl-orient-vertical.html b/layout/reftests/forms/meter/meter-vrl-orient-vertical.html
new file mode 100644
index 0000000000..369465660c
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vrl-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-rl;-moz-orient:vertical" max=100 value=70>
diff --git a/layout/reftests/forms/meter/meter-vrl.html b/layout/reftests/forms/meter/meter-vrl.html
new file mode 100644
index 0000000000..7c481b31e3
--- /dev/null
+++ b/layout/reftests/forms/meter/meter-vrl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<meter style="writing-mode:vertical-rl" max=100 value=70>
diff --git a/layout/reftests/forms/meter/reftest.list b/layout/reftests/forms/meter/reftest.list
new file mode 100644
index 0000000000..8da63340de
--- /dev/null
+++ b/layout/reftests/forms/meter/reftest.list
@@ -0,0 +1,44 @@
+fuzzy-if(Android,0-128,0-16) == values.html values-ref.html
+== values-rtl.html values-rtl-ref.html
+== margin-padding.html margin-padding-ref.html
+== margin-padding-rtl.html margin-padding-rtl-ref.html
+== bar-pseudo-element.html bar-pseudo-element-ref.html
+== bar-pseudo-element-rtl.html bar-pseudo-element-rtl-ref.html
+
+# vertical tests
+== values-vertical.html values-vertical-ref.html
+== values-vertical-rtl.html values-vertical-rtl-ref.html
+== margin-padding-vertical.html margin-padding-vertical-ref.html
+== margin-padding-vertical-rtl.html margin-padding-vertical-rtl-ref.html
+== bar-pseudo-element-vertical.html bar-pseudo-element-vertical-ref.html
+== bar-pseudo-element-vertical-rtl.html bar-pseudo-element-vertical-rtl-ref.html
+
+# The following test is disabled but kept in the repository because the
+# transformations will not behave exactly the same for <meter> and two divs.
+# However, it would be possible to manually check those.
+# == transformations.html transformations-ref.html
+
+# default style
+include default-style/reftest.list
+
+# Tests for bugs:
+== block-invalidate.html block-invalidate-ref.html
+== in-cells.html in-cells-ref.html
+== max-height.html max-height-ref.html
+== rounded-corner-clipping.html rounded-corner-clipping-ref.html
+
+# Tests for block and inline orientation in combination with writing-mode
+!= meter-orient-vertical.html meter-orient-horizontal.html
+!= meter-orient-horizontal.html meter-orient-horizontal-rtl.html
+== meter-orient-block.html meter-orient-vertical.html
+== meter-orient-inline.html meter-orient-horizontal.html
+== meter-vlr.html meter-orient-vertical.html
+== meter-vlr-orient-block.html meter-orient-horizontal.html
+== meter-vlr-orient-inline.html meter-orient-vertical.html
+== meter-vlr-orient-horizontal.html meter-orient-horizontal.html
+== meter-vlr-orient-vertical.html meter-orient-vertical.html
+== meter-vrl.html meter-orient-vertical-rtl.html
+== meter-vrl-orient-block.html meter-orient-horizontal-rtl.html
+== meter-vrl-orient-inline.html meter-orient-vertical-rtl.html
+== meter-vrl-orient-horizontal.html meter-orient-horizontal-rtl.html
+== meter-vrl-orient-vertical.html meter-orient-vertical-rtl.html
diff --git a/layout/reftests/forms/meter/rounded-corner-clipping-ref.html b/layout/reftests/forms/meter/rounded-corner-clipping-ref.html
new file mode 100644
index 0000000000..f2e2beded3
--- /dev/null
+++ b/layout/reftests/forms/meter/rounded-corner-clipping-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+div {
+  width: 20em;
+  height: 5em;
+  border-radius: 2em;
+  border-style: solid;
+  border-width: .25em;
+  background: #eee;
+  overflow: clip;
+}
+span {
+  display: inline-block;
+  background: blue;
+  width: 8em;
+  height: 100%;
+}
+</style>
+
+<div><span></span></div>
diff --git a/layout/reftests/forms/meter/rounded-corner-clipping.html b/layout/reftests/forms/meter/rounded-corner-clipping.html
new file mode 100644
index 0000000000..d12a41f2cd
--- /dev/null
+++ b/layout/reftests/forms/meter/rounded-corner-clipping.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+meter {
+  width: 20em;
+  height: 5em;
+  border-radius: 2em;
+  border-style: solid;
+  border-width: .25em;
+  background: #eee;
+}
+::-moz-meter-bar {
+  background: blue;
+}
+</style>
+
+<meter min="0" max="100" value="40"></meter>
diff --git a/layout/reftests/forms/meter/style.css b/layout/reftests/forms/meter/style.css
new file mode 100644
index 0000000000..8370c5c33a
--- /dev/null
+++ b/layout/reftests/forms/meter/style.css
@@ -0,0 +1,38 @@
+div.meter-element {
+  display: inline-block;
+  height: 1em;
+  width: 5em;
+  vertical-align: -0.2em;
+
+  background-color: grey;
+}
+
+div.meter-element.vertical {
+  height: 5em;
+  width: 1em;
+}
+
+div.meter-bar {
+  float: none ! important;
+
+  height: 100%;
+  /*
+   * We can't apply the following style to the reference because it will have
+   * underisable effectes:
+   * width: 100%;
+   */
+
+  background-color: green;
+}
+
+meter, meter::-moz-meter-bar, div.meter-element, div.meter-bar {
+  -moz-appearance: none;
+}
+
+meter {
+  background: grey;
+}
+
+meter::-moz-meter-bar {
+  background: green;
+}
diff --git a/layout/reftests/forms/meter/transformations-ref.html b/layout/reftests/forms/meter/transformations-ref.html
new file mode 100644
index 0000000000..4c1c95abb6
--- /dev/null
+++ b/layout/reftests/forms/meter/transformations-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > div:nth-child(1) { transform: matrix(1, -0.2, 0, 1, 0, 0); }
+    body > div:nth-child(2) { transform: matrix(1, 0, 0.6, 1, 15em, 0); }
+    body > div:nth-child(3) { transform: rotate(30deg); }
+    body > div:nth-child(4) { transform: scale(2, 4); }
+    body > div:nth-child(5) { transform: scale(0.1, 0.4); }
+    body > div:nth-child(6) { transform: scale(1, 0.4); }
+    body > div:nth-child(7) { transform: scale(0.1, 1); }
+    body > div:nth-child(8) { transform: skew(30deg, -10deg); }
+    body > div:nth-child(9) { transform: skew(-30deg, 10deg); }
+    body > div:nth-child(10) { transform: translate(10px, 30px); }
+    body > div:nth-child(11) { transform: translate(30px, 10px); }
+    body > div:nth-child(12) { transform: translate(-10px, 30px); }
+    body > div:nth-child(13) { transform: translate(30px, -10px); }
+    body > div:nth-child(14) { transform: scale(0, 0); }
+  </style>
+  <body>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/transformations.html b/layout/reftests/forms/meter/transformations.html
new file mode 100644
index 0000000000..54f44cc28d
--- /dev/null
+++ b/layout/reftests/forms/meter/transformations.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter:nth-child(1) { transform: matrix(1, -0.2, 0, 1, 0, 0); }
+    meter:nth-child(2) { transform: matrix(1, 0, 0.6, 1, 15em, 0); }
+    meter:nth-child(3) { transform: rotate(30deg); }
+    meter:nth-child(4) { transform: scale(2, 4); }
+    meter:nth-child(5) { transform: scale(0.1, 0.4); }
+    meter:nth-child(6) { transform: scale(1, 0.4); }
+    meter:nth-child(7) { transform: scale(0.1, 1); }
+    meter:nth-child(8) { transform: skew(30deg, -10deg); }
+    meter:nth-child(9) { transform: skew(-30deg, 10deg); }
+    meter:nth-child(10) { transform: translate(10px, 30px); }
+    meter:nth-child(11) { transform: translate(30px, 10px); }
+    meter:nth-child(12) { transform: translate(-10px, 30px); }
+    meter:nth-child(13) { transform: translate(30px, -10px); }
+    meter:nth-child(14) { transform: scale(0, 0); }
+  </style>
+  <body>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+    <meter value='1'></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values-ref.html b/layout/reftests/forms/meter/values-ref.html
new file mode 100644
index 0000000000..0e97da064b
--- /dev/null
+++ b/layout/reftests/forms/meter/values-ref.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    div:nth-child(1) > .meter-bar { width: 100%; }
+    div:nth-child(2) > .meter-bar { width: 0%; }
+    div:nth-child(3) > .meter-bar { width: 10%; }
+    div:nth-child(4) > .meter-bar { width: 50%; }
+    div:nth-child(5) > .meter-bar { width: 0%; }
+    div:nth-child(6) > .meter-bar { width: 100%; }
+    div:nth-child(7) > .meter-bar { width: 42%; }
+    div:nth-child(8) > .meter-bar { width: 100%; }
+    div:nth-child(9) > .meter-bar { width: 100%; }
+    div:nth-child(10) > .meter-bar { width: 10%; }
+    div:nth-child(11) > .meter-bar { width: 37.5%; }
+    div:nth-child(12) > .meter-bar { width: 100%; }
+    div:nth-child(13) > .meter-bar { width: 100%; }
+    div:nth-child(14) > .meter-bar { width: 0%; }
+    div:nth-child(15) > .meter-bar { width: 55%; }
+    div:nth-child(16) > .meter-bar { width: 50%; }
+    div:nth-child(17) > .meter-bar { width: 20%; }
+    div:nth-child(18) > .meter-bar { width: 10%; }
+    div:nth-child(19) > .meter-bar { width: 10%; }
+    div:nth-child(20) > .meter-bar { width: 20%; }
+    div:nth-child(21) > .meter-bar { width: 37.5%; }
+    div:nth-child(22) > .meter-bar { width: 10%; }
+    div:nth-child(23) > .meter-bar { width: 10%; }
+    div:nth-child(24) > .meter-bar { width: 10%; }
+    div:nth-child(25) > .meter-bar { width: 50%; }
+    div:nth-child(26) > .meter-bar { width: 20%; }
+    div:nth-child(27) > .meter-bar { width: 90%; }
+    div:nth-child(28) > .meter-bar { width: 10%; }
+    div:nth-child(29) > .meter-bar { width: 10%; }
+    div:nth-child(30) > .meter-bar { width: 10%; }
+    div:nth-child(31) > .meter-bar { width: 10%; }
+  </style>
+  <body>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values-rtl-ref.html b/layout/reftests/forms/meter/values-rtl-ref.html
new file mode 100644
index 0000000000..ea47bf2567
--- /dev/null
+++ b/layout/reftests/forms/meter/values-rtl-ref.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    div:nth-child(1) > .meter-bar { width: 100%; }
+    div:nth-child(2) > .meter-bar { width: 0%; }
+    div:nth-child(3) > .meter-bar { width: 10%; }
+    div:nth-child(4) > .meter-bar { width: 50%; }
+    div:nth-child(5) > .meter-bar { width: 0%; }
+    div:nth-child(6) > .meter-bar { width: 100%; }
+    div:nth-child(7) > .meter-bar { width: 42%; }
+    div:nth-child(8) > .meter-bar { width: 100%; }
+    div:nth-child(9) > .meter-bar { width: 100%; }
+    div:nth-child(10) > .meter-bar { width: 10%; }
+    div:nth-child(11) > .meter-bar { width: 37.5%; }
+    div:nth-child(12) > .meter-bar { width: 100%; }
+    div:nth-child(13) > .meter-bar { width: 100%; }
+    div:nth-child(14) > .meter-bar { width: 0%; }
+    div:nth-child(15) > .meter-bar { width: 55%; }
+    div:nth-child(16) > .meter-bar { width: 50%; }
+    div:nth-child(17) > .meter-bar { width: 20%; }
+    div:nth-child(18) > .meter-bar { width: 10%; }
+    div:nth-child(19) > .meter-bar { width: 10%; }
+    div:nth-child(20) > .meter-bar { width: 20%; }
+    div:nth-child(21) > .meter-bar { width: 37.5%; }
+    div:nth-child(22) > .meter-bar { width: 10%; }
+    div:nth-child(23) > .meter-bar { width: 10%; }
+    div:nth-child(24) > .meter-bar { width: 10%; }
+    div:nth-child(25) > .meter-bar { width: 50%; }
+    div:nth-child(26) > .meter-bar { width: 20%; }
+    div:nth-child(27) > .meter-bar { width: 90%; }
+    div:nth-child(28) > .meter-bar { width: 10%; }
+    div:nth-child(29) > .meter-bar { width: 10%; }
+    div:nth-child(30) > .meter-bar { width: 10%; }
+    div:nth-child(31) > .meter-bar { width: 10%; }
+  </style>
+  <body dir='rtl'>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values-rtl.html b/layout/reftests/forms/meter/values-rtl.html
new file mode 100644
index 0000000000..bd86ed3b1f
--- /dev/null
+++ b/layout/reftests/forms/meter/values-rtl.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body dir='rtl'>
+    <meter value="1.0"></meter>
+    <meter value="0.0"></meter>
+    <meter value="0.1"></meter>
+    <meter value="0.5"></meter>
+    <meter value="-1"></meter>
+    <meter value="50"></meter>
+    <!-- focus on max -->
+    <meter value="42" max="100"></meter>
+    <meter value="42" max="1"></meter>
+    <meter value="42" max="-1"></meter>
+    <meter value="0.1" max="1"></meter>
+    <!-- focus on min -->
+    <meter value="50" min="20" max="100"></meter>
+    <meter value="50" min="1" ></meter>
+    <meter value="0.1" min="2" ></meter>
+    <meter value="0.1" min="0.1"></meter>
+    <meter value="0.1" min="-1"></meter>
+    <!-- focus on low -->
+    <meter value="50" low="20" max="100"></meter>
+    <meter value="20" low="50" max="100"></meter>
+    <meter value="0.1" low="-1"></meter>
+    <meter value="0.1" low="0"></meter>
+    <!-- focus on high -->
+    <meter value="20" high="50" max="100"></meter>
+    <meter value="50" min="20" high="1" max="100"></meter>
+    <meter value="0.1" low="0.3" high="0.2"></meter>
+    <meter value="0.1" high="-1"></meter>
+    <meter value="0.1" high="2"></meter>
+    <!-- focus on optimum -->
+    <meter value="50" max="100" optimum="20"></meter>
+    <meter value="20" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="90" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="10" max="100" low="20" high="40" optimum="50"></meter>
+    <meter value="0.1" optimum="50"></meter>
+    <meter value="0.1" optimum="-1"></meter>
+    <meter value="0.1" optimum="1"></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values-vertical-ref.html b/layout/reftests/forms/meter/values-vertical-ref.html
new file mode 100644
index 0000000000..4f2d7ac915
--- /dev/null
+++ b/layout/reftests/forms/meter/values-vertical-ref.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    div:nth-child(1) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(2) > .meter-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(3) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(4) > .meter-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(5) > .meter-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(6) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(7) > .meter-bar { position: relative; top: 58%; height: 42%; }
+    div:nth-child(8) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(9) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(10) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(11) > .meter-bar { position: relative; top: 62.5%; height: 37.5%; }
+    div:nth-child(12) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(13) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(14) > .meter-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(15) > .meter-bar { position: relative; top: 45%; height: 55%; }
+    div:nth-child(16) > .meter-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(17) > .meter-bar { position: relative; top: 80%; height: 20%; }
+    div:nth-child(18) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(19) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(20) > .meter-bar { position: relative; top: 80%; height: 20%; }
+    div:nth-child(21) > .meter-bar { position: relative; top: 62.5%; height: 37.5%; }
+    div:nth-child(22) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(23) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(24) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(25) > .meter-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(26) > .meter-bar { position: relative; top: 80%; height: 20%; }
+    div:nth-child(27) > .meter-bar { position: relative; top: 10%; height: 90%; }
+    div:nth-child(28) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(29) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(30) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(31) > .meter-bar { position: relative; top: 90%; height: 10%; }
+  </style>
+  <body>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values-vertical-rtl-ref.html b/layout/reftests/forms/meter/values-vertical-rtl-ref.html
new file mode 100644
index 0000000000..f99dc4189f
--- /dev/null
+++ b/layout/reftests/forms/meter/values-vertical-rtl-ref.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    div:nth-child(1) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(2) > .meter-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(3) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(4) > .meter-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(5) > .meter-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(6) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(7) > .meter-bar { position: relative; top: 58%; height: 42%; }
+    div:nth-child(8) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(9) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(10) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(11) > .meter-bar { position: relative; top: 62.5%; height: 37.5%; }
+    div:nth-child(12) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(13) > .meter-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(14) > .meter-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(15) > .meter-bar { position: relative; top: 45%; height: 55%; }
+    div:nth-child(16) > .meter-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(17) > .meter-bar { position: relative; top: 80%; height: 20%; }
+    div:nth-child(18) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(19) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(20) > .meter-bar { position: relative; top: 80%; height: 20%; }
+    div:nth-child(21) > .meter-bar { position: relative; top: 62.5%; height: 37.5%; }
+    div:nth-child(22) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(23) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(24) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(25) > .meter-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(26) > .meter-bar { position: relative; top: 80%; height: 20%; }
+    div:nth-child(27) > .meter-bar { position: relative; top: 10%; height: 90%; }
+    div:nth-child(28) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(29) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(30) > .meter-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(31) > .meter-bar { position: relative; top: 90%; height: 10%; }
+  </style>
+  <body dir='rtl'>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+    <div class="meter-element vertical">
+      <div class="meter-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values-vertical-rtl.html b/layout/reftests/forms/meter/values-vertical-rtl.html
new file mode 100644
index 0000000000..7884e697ea
--- /dev/null
+++ b/layout/reftests/forms/meter/values-vertical-rtl.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter {
+      -moz-orient: vertical;
+    }
+  </style>
+  <body dir='rtl'>
+    <meter value="1.0"></meter>
+    <meter value="0.0"></meter>
+    <meter value="0.1"></meter>
+    <meter value="0.5"></meter>
+    <meter value="-1"></meter>
+    <meter value="50"></meter>
+    <!-- focus on max -->
+    <meter value="42" max="100"></meter>
+    <meter value="42" max="1"></meter>
+    <meter value="42" max="-1"></meter>
+    <meter value="0.1" max="1"></meter>
+    <!-- focus on min -->
+    <meter value="50" min="20" max="100"></meter>
+    <meter value="50" min="1" ></meter>
+    <meter value="0.1" min="2" ></meter>
+    <meter value="0.1" min="0.1"></meter>
+    <meter value="0.1" min="-1"></meter>
+    <!-- focus on low -->
+    <meter value="50" low="20" max="100"></meter>
+    <meter value="20" low="50" max="100"></meter>
+    <meter value="0.1" low="-1"></meter>
+    <meter value="0.1" low="0"></meter>
+    <!-- focus on high -->
+    <meter value="20" high="50" max="100"></meter>
+    <meter value="50" min="20" high="1" max="100"></meter>
+    <meter value="0.1" low="0.3" high="0.2"></meter>
+    <meter value="0.1" high="-1"></meter>
+    <meter value="0.1" high="2"></meter>
+    <!-- focus on optimum -->
+    <meter value="50" max="100" optimum="20"></meter>
+    <meter value="20" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="90" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="10" max="100" low="20" high="40" optimum="50"></meter>
+    <meter value="0.1" optimum="50"></meter>
+    <meter value="0.1" optimum="-1"></meter>
+    <meter value="0.1" optimum="1"></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values-vertical.html b/layout/reftests/forms/meter/values-vertical.html
new file mode 100644
index 0000000000..9e32d53d6e
--- /dev/null
+++ b/layout/reftests/forms/meter/values-vertical.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    meter {
+      -moz-orient: vertical;
+    }
+  </style>
+  <body>
+    <meter value="1.0"></meter>
+    <meter value="0.0"></meter>
+    <meter value="0.1"></meter>
+    <meter value="0.5"></meter>
+    <meter value="-1"></meter>
+    <meter value="50"></meter>
+    <!-- focus on max -->
+    <meter value="42" max="100"></meter>
+    <meter value="42" max="1"></meter>
+    <meter value="42" max="-1"></meter>
+    <meter value="0.1" max="1"></meter>
+    <!-- focus on min -->
+    <meter value="50" min="20" max="100"></meter>
+    <meter value="50" min="1" ></meter>
+    <meter value="0.1" min="2" ></meter>
+    <meter value="0.1" min="0.1"></meter>
+    <meter value="0.1" min="-1"></meter>
+    <!-- focus on low -->
+    <meter value="50" low="20" max="100"></meter>
+    <meter value="20" low="50" max="100"></meter>
+    <meter value="0.1" low="-1"></meter>
+    <meter value="0.1" low="0"></meter>
+    <!-- focus on high -->
+    <meter value="20" high="50" max="100"></meter>
+    <meter value="50" min="20" high="1" max="100"></meter>
+    <meter value="0.1" low="0.3" high="0.2"></meter>
+    <meter value="0.1" high="-1"></meter>
+    <meter value="0.1" high="2"></meter>
+    <!-- focus on optimum -->
+    <meter value="50" max="100" optimum="20"></meter>
+    <meter value="20" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="90" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="10" max="100" low="20" high="40" optimum="50"></meter>
+    <meter value="0.1" optimum="50"></meter>
+    <meter value="0.1" optimum="-1"></meter>
+    <meter value="0.1" optimum="1"></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/meter/values.html b/layout/reftests/forms/meter/values.html
new file mode 100644
index 0000000000..16d7f794ce
--- /dev/null
+++ b/layout/reftests/forms/meter/values.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <meter value="1.0"></meter>
+    <meter value="0.0"></meter>
+    <meter value="0.1"></meter>
+    <meter value="0.5"></meter>
+    <meter value="-1"></meter>
+    <meter value="50"></meter>
+    <!-- focus on max -->
+    <meter value="42" max="100"></meter>
+    <meter value="42" max="1"></meter>
+    <meter value="42" max="-1"></meter>
+    <meter value="0.1" max="1"></meter>
+    <!-- focus on min -->
+    <meter value="50" min="20" max="100"></meter>
+    <meter value="50" min="1" ></meter>
+    <meter value="0.1" min="2" ></meter>
+    <meter value="0.1" min="0.1"></meter>
+    <meter value="0.1" min="-1"></meter>
+    <!-- focus on low -->
+    <meter value="50" low="20" max="100"></meter>
+    <meter value="20" low="50" max="100"></meter>
+    <meter value="0.1" low="-1"></meter>
+    <meter value="0.1" low="0"></meter>
+    <!-- focus on high -->
+    <meter value="20" high="50" max="100"></meter>
+    <meter value="50" min="20" high="1" max="100"></meter>
+    <meter value="0.1" low="0.3" high="0.2"></meter>
+    <meter value="0.1" high="-1"></meter>
+    <meter value="0.1" high="2"></meter>
+    <!-- focus on optimum -->
+    <meter value="50" max="100" optimum="20"></meter>
+    <meter value="20" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="90" max="100" low="40" high="50" optimum="20"></meter>
+    <meter value="10" max="100" low="20" high="40" optimum="50"></meter>
+    <meter value="0.1" optimum="50"></meter>
+    <meter value="0.1" optimum="-1"></meter>
+    <meter value="0.1" optimum="1"></meter>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-1.html b/layout/reftests/forms/output/output-1.html
new file mode 100644
index 0000000000..0fdb2ae8b9
--- /dev/null
+++ b/layout/reftests/forms/output/output-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: the output shouldn't show anything when there is no content -->
+  <body>
+    <output></output>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-2.html b/layout/reftests/forms/output/output-2.html
new file mode 100644
index 0000000000..882e805ba0
--- /dev/null
+++ b/layout/reftests/forms/output/output-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: the output should show the textContent -->
+  <body>
+    <output>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-3.html b/layout/reftests/forms/output/output-3.html
new file mode 100644
index 0000000000..ecb17e9159
--- /dev/null
+++ b/layout/reftests/forms/output/output-3.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: the output should show its content -->
+  <body>
+    <output>foo<b>bar</b></output>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-4.html b/layout/reftests/forms/output/output-4.html
new file mode 100644
index 0000000000..b0ce800beb
--- /dev/null
+++ b/layout/reftests/forms/output/output-4.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: the output should show its content -->
+  <body>
+    <output>foo<input></output>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-5.html b/layout/reftests/forms/output/output-5.html
new file mode 100644
index 0000000000..16bcf357a6
--- /dev/null
+++ b/layout/reftests/forms/output/output-5.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: the output element should show its default value -->
+  <script type="text/javascript">
+    function setDefaultValue()
+    {
+      document.getElementById('o').defaultValue = "foo";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setDefaultValue(); disableReftestWait();">
+    <output id="o"></output>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-6.html b/layout/reftests/forms/output/output-6.html
new file mode 100644
index 0000000000..b7e9ede758
--- /dev/null
+++ b/layout/reftests/forms/output/output-6.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: the output element should show its value -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('o').value = "foo";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setValue(); disableReftestWait();">
+    <output id="o"></output>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-7.html b/layout/reftests/forms/output/output-7.html
new file mode 100644
index 0000000000..0ec10f3c31
--- /dev/null
+++ b/layout/reftests/forms/output/output-7.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: the output element should show its value -->
+  <script type="text/javascript">
+    function setDefaultValue()
+    {
+      document.getElementById('o').value = "bar";
+    }
+    function setValue()
+    {
+      document.getElementById('o').value = "foo";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setDefaultValue(); setValue(); disableReftestWait();">
+    <output id="o"></output>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-ref-2.html b/layout/reftests/forms/output/output-ref-2.html
new file mode 100644
index 0000000000..ad78e10e56
--- /dev/null
+++ b/layout/reftests/forms/output/output-ref-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    foo<b>bar</b>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-ref-3.html b/layout/reftests/forms/output/output-ref-3.html
new file mode 100644
index 0000000000..cae43bf45b
--- /dev/null
+++ b/layout/reftests/forms/output/output-ref-3.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    foo<input>
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/output-ref.html b/layout/reftests/forms/output/output-ref.html
new file mode 100644
index 0000000000..01d12af234
--- /dev/null
+++ b/layout/reftests/forms/output/output-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    foo
+  </body>
+</html>
diff --git a/layout/reftests/forms/output/reftest.list b/layout/reftests/forms/output/reftest.list
new file mode 100644
index 0000000000..1bd798272e
--- /dev/null
+++ b/layout/reftests/forms/output/reftest.list
@@ -0,0 +1,7 @@
+== output-1.html about:blank
+== output-2.html output-ref.html
+== output-3.html output-ref-2.html
+== output-4.html output-ref-3.html
+== output-5.html output-ref.html
+== output-6.html output-ref.html
+== output-7.html output-ref.html
diff --git a/layout/reftests/forms/overflow-ref.html b/layout/reftests/forms/overflow-ref.html
new file mode 100644
index 0000000000..7888aa2cec
--- /dev/null
+++ b/layout/reftests/forms/overflow-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<!--
+  https://bugzilla.mozilla.org/show_bug.cgi?id=1615026
+-->
+<title>Form controls don't paint outside of their layout bounds</title>
+<style>
+  span {
+    float: left;
+    margin: 10px;
+  }
+</style>
+<span><input type="text"></span>
+<span><input type="file"></span>
+<span><input type="number"></span>
+<span><input type="search"></span>
+<span><input type="checkbox"></span>
+<span><input type="radio"></span>
+<span><button></button></span>
+<span><select></select></span>
diff --git a/layout/reftests/forms/overflow.html b/layout/reftests/forms/overflow.html
new file mode 100644
index 0000000000..c3e72beacb
--- /dev/null
+++ b/layout/reftests/forms/overflow.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<!--
+  https://bugzilla.mozilla.org/show_bug.cgi?id=1615026
+-->
+<title>Form controls don't paint outside of their layout bounds</title>
+<style>
+  span {
+    float: left;
+    margin: 10px;
+    overflow: hidden;
+  }
+</style>
+<span><input type="text"></span>
+<span><input type="file"></span>
+<span><input type="number"></span>
+<span><input type="search"></span>
+<span><input type="checkbox"></span>
+<span><input type="radio"></span>
+<span><button></button></span>
+<span><select></select></span>
diff --git a/layout/reftests/forms/placeholder/placeholder-1-password.html b/layout/reftests/forms/placeholder/placeholder-1-password.html
new file mode 100644
index 0000000000..1c3d582f10
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-1-password.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: placeholder should be used by input password elements -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <input type="password" value="" placeholder="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-1-text.html b/layout/reftests/forms/placeholder/placeholder-1-text.html
new file mode 100644
index 0000000000..30df2f3484
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-1-text.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: placeholder should be used by input text elements -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <input type="text" value="" placeholder="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-1-textarea.html b/layout/reftests/forms/placeholder/placeholder-1-textarea.html
new file mode 100644
index 0000000000..89f990ce01
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-1-textarea.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: placeholder should be used by textarea elements -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <textarea placeholder="my placeholder"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-10.html b/layout/reftests/forms/placeholder/placeholder-10.html
new file mode 100644
index 0000000000..40a35669ec
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-10.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when unfocused, if value='', newest placeholder should be shown -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <script type="text/javascript">
+    function focusPlaceholder()
+    {
+      document.getElementById('p1').focus();
+    }
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = 'my placeholder';
+    }
+    function unFocusPlaceholder()
+    {
+      document.getElementById('p1').blur();
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="focusPlaceholder();">
+    <input type="text" id="p1" value="" placeholder="old placeholder" onfocus="setPlaceholder(); unFocusPlaceholder(); disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-11.html b/layout/reftests/forms/placeholder/placeholder-11.html
new file mode 100644
index 0000000000..62c77351c8
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-11.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: placeholder shouldn't show new lines (&#10; version) -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <input type="text" value="" placeholder="my&#10; placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-12.html b/layout/reftests/forms/placeholder/placeholder-12.html
new file mode 100644
index 0000000000..7cfd00a0eb
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-12.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: placeholder shouldn't show new lines (&#13; version) -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <input type="text" value="" placeholder="my&#13; placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-13.html b/layout/reftests/forms/placeholder/placeholder-13.html
new file mode 100644
index 0000000000..19fc172937
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-13.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: placeholder shouldn't show new lines (\r version) -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <script type="text/javascript">
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = 'my\r placeholder';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="setPlaceholder(); disableReftestWait();">
+    <input type="text" id="p1" value="" placeholder="">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-14.html b/layout/reftests/forms/placeholder/placeholder-14.html
new file mode 100644
index 0000000000..ad99420eb1
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-14.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: placeholder shouldn't show new lines (\n version) -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <script type="text/javascript">
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = 'my\n placeholder';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="setPlaceholder(); disableReftestWait();">
+    <input type="text" id="p1" value="" placeholder="">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-18.html b/layout/reftests/forms/placeholder/placeholder-18.html
new file mode 100644
index 0000000000..159d5d7e27
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-18.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: placeholder should appear with dynamic DOM modifications -->
+  <script type="text/javascript">
+    function setPlaceholder()
+    {
+      var i = document.getElementById('p1');
+      i.focus();
+      i.blur();
+      i.value = "not empty";
+      i.value = "";
+      i.value = "my value";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="setPlaceholder(); disableReftestWait();">
+    <input type="text" id="p1" value="" placeholder="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-2-textarea.html b/layout/reftests/forms/placeholder/placeholder-2-textarea.html
new file mode 100644
index 0000000000..06678a3db9
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-2-textarea.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: placeholder has to be used if set via javascript -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <script type="text/javascript">
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = "my placeholder";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setPlaceholder(); disableReftestWait();">
+    <textarea id="p1" placeholder=""></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-2.html b/layout/reftests/forms/placeholder/placeholder-2.html
new file mode 100644
index 0000000000..36b883ab25
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: placeholder has to be used if set via javascript -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <script type="text/javascript">
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = "my placeholder";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setPlaceholder(); disableReftestWait();">
+    <input type="text" id="p1" value="" placeholder="">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-20.html b/layout/reftests/forms/placeholder/placeholder-20.html
new file mode 100644
index 0000000000..323cea849a
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-20.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <!-- Test: when focused, if value='', newest placeholder should be shown. -->
+  <script type="text/javascript">
+    function focusPlaceholder()
+    {
+      document.getElementById('p1').focus();
+    }
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = 'my placeholder';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="focusPlaceholder();">
+    <input type="text" id="p1" value="" onfocus="setPlaceholder(); disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-21.html b/layout/reftests/forms/placeholder/placeholder-21.html
new file mode 100644
index 0000000000..483b0d49d6
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-21.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when focused, clearing placeholder attribute should work. -->
+  <script type="text/javascript">
+    function focusPlaceholder()
+    {
+      document.getElementById('p1').focus();
+    }
+    function setPlaceholder()
+    {
+      document.getElementById('p1').removeAttribute('placeholder');
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="focusPlaceholder();">
+    <input type="text" id="p1" value="" placeholder="my placeholder" onfocus="setPlaceholder(); disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-22.html b/layout/reftests/forms/placeholder/placeholder-22.html
new file mode 100644
index 0000000000..7ae54e8e71
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-22.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: when focused, clearing placeholder attribute should work. -->
+  <script type="text/javascript">
+    function focusPlaceholder()
+    {
+      document.getElementById('p1').focus();
+    }
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = '';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="focusPlaceholder();">
+    <input type="text" id="p1" value="" placeholder="my placeholder" onfocus="setPlaceholder(); disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-3.html b/layout/reftests/forms/placeholder/placeholder-3.html
new file mode 100644
index 0000000000..b58f7ca72f
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-3.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: value has to be shown when not null -->
+  <body>
+    <input type="text" value="my value" placeholder="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-4.html b/layout/reftests/forms/placeholder/placeholder-4.html
new file mode 100644
index 0000000000..bfcce20b8c
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-4.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: value has to be shown if set via javascript -->
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('p1').value = "my value";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setValue(); disableReftestWait();">
+    <input type="text" id="p1" value="" placeholder="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-5.html b/layout/reftests/forms/placeholder/placeholder-5.html
new file mode 100644
index 0000000000..0f766d160a
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-5.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: placeholder has to be shown if value is reseted via javascript -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <script type="text/javascript">
+    function setValue()
+    {
+      document.getElementById('p1').value = "";
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="setValue(); disableReftestWait();">
+    <input type="text" id="p1" value="my value" placeholder="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-6-textarea.html b/layout/reftests/forms/placeholder/placeholder-6-textarea.html
new file mode 100644
index 0000000000..b56cb04789
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-6-textarea.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test placeholder behavior when textarea is too small -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <textarea cols="5" rows="3" placeholder="my placeholder"></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-6.html b/layout/reftests/forms/placeholder/placeholder-6.html
new file mode 100644
index 0000000000..774aa35d4d
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-6.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test placeholder behavior when input is too small -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <input type="text" size="5" value="" placeholder="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-7.html b/layout/reftests/forms/placeholder/placeholder-7.html
new file mode 100644
index 0000000000..19fc8eb745
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-7.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <!-- Test: when focused, element should show placeholder. -->
+  <script type="text/javascript">
+    function focusPlaceholder()
+    {
+      document.getElementById('p1').focus();
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="focusPlaceholder();">
+    <input type="text" id="p1" value="" placeholder="my placeholder" onfocus="disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-8.html b/layout/reftests/forms/placeholder/placeholder-8.html
new file mode 100644
index 0000000000..9c1ac995aa
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-8.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <!-- Test: when focused, if value='', newest placeholder should be shown. -->
+  <script type="text/javascript">
+    function focusPlaceholder()
+    {
+      document.getElementById('p1').focus();
+    }
+    function setPlaceholder()
+    {
+      document.getElementById('p1').placeholder = 'my placeholder';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="focusPlaceholder();">
+    <input type="text" id="p1" value="" placeholder="old placeholder" onfocus="setPlaceholder(); disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-9.html b/layout/reftests/forms/placeholder/placeholder-9.html
new file mode 100644
index 0000000000..35155c0120
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-9.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <!-- Test: when focused, value reset should show placeholder. -->
+  <script type="text/javascript">
+    function focusPlaceholder()
+    {
+      document.getElementById('p1').focus();
+    }
+    function resetValue()
+    {
+      document.getElementById('p1').value = '';
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+
+  <body onload="focusPlaceholder();">
+    <input type="text" id="p1" value="my value" placeholder="my placeholder" onfocus="resetValue(); disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-blank-ref.html b/layout/reftests/forms/placeholder/placeholder-blank-ref.html
new file mode 100644
index 0000000000..115ffac79e
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-blank-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <script type="text/javascript">
+    function focusInput()
+    {
+      document.getElementById('t1').focus();
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="focusInput();">
+    <input id='t1' type="text" onfocus="disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-focus-ref.html b/layout/reftests/forms/placeholder/placeholder-focus-ref.html
new file mode 100644
index 0000000000..fa8f292a47
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-focus-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <script type="text/javascript">
+    function focusInput()
+    {
+      document.getElementById('t1').focus();
+    }
+    function disableReftestWait()
+    {
+      document.documentElement.className = '';
+    }
+  </script>
+  <body onload="focusInput();">
+    <input id='t1' type="text" class="placeholder" value="my placeholder" onfocus="disableReftestWait();">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-overflow-ref.html b/layout/reftests/forms/placeholder/placeholder-overflow-ref.html
new file mode 100644
index 0000000000..9bceacd626
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-overflow-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!--
+    This test 'emulate' the placeholder by setting a style
+    to the value of an input text.
+    This test may break if placeholder default style is changed.
+  -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+
+  <body>
+    <input type="text" class="placeholder" size="5" value="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-overflow-textarea-ref.html b/layout/reftests/forms/placeholder/placeholder-overflow-textarea-ref.html
new file mode 100644
index 0000000000..559945a50f
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-overflow-textarea-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!--
+    This test 'emulate' the placeholder by setting a style
+    to the value of a textarea.
+    This test may break if placeholder default style is changed.
+  -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+
+  <body>
+    <textarea class="placeholder" cols="5" rows="3">my placeholder</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-overridden-ref.html b/layout/reftests/forms/placeholder/placeholder-overridden-ref.html
new file mode 100644
index 0000000000..11f756af67
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-overridden-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" value="my value">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-rtl-ref.html b/layout/reftests/forms/placeholder/placeholder-rtl-ref.html
new file mode 100644
index 0000000000..91812d0cee
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-rtl-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html dir='rtl'>
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <input class='placeholder' value='foo'>
+    <textarea class='placeholder' >foo</textarea>
+  </body>
+</html>
+
diff --git a/layout/reftests/forms/placeholder/placeholder-rtl.html b/layout/reftests/forms/placeholder/placeholder-rtl.html
new file mode 100644
index 0000000000..5898ed55c7
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-rtl.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html dir='rtl'>
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+  <body>
+    <input placeholder='foo'>
+    <textarea placeholder='foo'></textarea>
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-style.css b/layout/reftests/forms/placeholder/placeholder-style.css
new file mode 100644
index 0000000000..0c5bb63333
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-style.css
@@ -0,0 +1,10 @@
+textarea.placeholder,
+input.placeholder,
+input::placeholder,
+textarea::placeholder {
+  /* Unfortunately, we can't style the <input> or <textarea> text so we can't
+     set it to opacity: 0.54; which means we have to revert the style to
+     something that doesn't include an opacity. */
+  color: GrayText;
+  opacity: 1.0;
+}
diff --git a/layout/reftests/forms/placeholder/placeholder-visible-ref.html b/layout/reftests/forms/placeholder/placeholder-visible-ref.html
new file mode 100644
index 0000000000..b05267457e
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-visible-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!--
+    This test 'emulate' the placeholder by setting a style
+    to the value of an input text.
+    This test may break if placeholder default style is changed.
+  -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+
+  <body>
+    <input type="text" class="placeholder" value="my placeholder">
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/placeholder-visible-textarea-ref.html b/layout/reftests/forms/placeholder/placeholder-visible-textarea-ref.html
new file mode 100644
index 0000000000..b7bda6f80a
--- /dev/null
+++ b/layout/reftests/forms/placeholder/placeholder-visible-textarea-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <!--
+    This test 'emulate' the placeholder by setting a style
+    to the value of a textarea.
+    This test may break if placeholder default style is changed.
+  -->
+  <link rel='stylesheet' type='text/css' href='placeholder-style.css'>
+
+  <body>
+    <textarea class="placeholder">my placeholder</textarea>
+  </body>
+</html>
diff --git a/layout/reftests/forms/placeholder/reftest.list b/layout/reftests/forms/placeholder/reftest.list
new file mode 100644
index 0000000000..54ec3b06e0
--- /dev/null
+++ b/layout/reftests/forms/placeholder/reftest.list
@@ -0,0 +1,36 @@
+# Tests using placeholder-focus-ref.html as a reference are disabled because
+# we can't change the caret colour nor disable it and we can't change the
+# text colour without changing the caret which means that the tested page has
+# a black caret with a grey text and the reference has a grey caret with grey
+# text. The only thing that is doable is to make the caret grey in the tested
+# page but that would make the test moot because a failure wouldn't be seen.
+# A real way to fix this would be to be able to style the caret or to implement
+# ::value (bug 648643), depending of the ::value behaviour (it could change the
+# caret colour and the text colour or just the text colour).
+
+== placeholder-1-text.html placeholder-visible-ref.html
+== placeholder-1-password.html placeholder-visible-ref.html
+== placeholder-1-textarea.html placeholder-visible-textarea-ref.html
+== placeholder-2.html placeholder-visible-ref.html
+== placeholder-2-textarea.html placeholder-visible-textarea-ref.html
+== placeholder-3.html placeholder-overridden-ref.html
+== placeholder-4.html placeholder-overridden-ref.html
+== placeholder-5.html placeholder-visible-ref.html
+
+# This tests assumes that the overflowing placeholder won't eat the padding, which is just not true in some platforms...
+fuzzy-if(winWidget,0-160,0-10) fuzzy-if(Android,0-160,0-41) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-146,0-317) == placeholder-6.html placeholder-overflow-ref.html
+
+skip-if(Android&&asyncPan) == placeholder-6-textarea.html placeholder-overflow-textarea-ref.html
+# needs-focus == placeholder-7.html placeholder-focus-ref.html
+# needs-focus == placeholder-8.html placeholder-focus-ref.html
+# needs-focus == placeholder-9.html placeholder-focus-ref.html
+needs-focus == placeholder-10.html placeholder-visible-ref.html
+== placeholder-11.html placeholder-visible-ref.html
+== placeholder-12.html placeholder-visible-ref.html
+== placeholder-13.html placeholder-visible-ref.html
+== placeholder-14.html placeholder-visible-ref.html
+== placeholder-18.html placeholder-overridden-ref.html
+# needs-focus == placeholder-20.html placeholder-focus-ref.html
+needs-focus == placeholder-21.html placeholder-blank-ref.html
+needs-focus == placeholder-22.html placeholder-blank-ref.html
+== placeholder-rtl.html placeholder-rtl-ref.html
diff --git a/layout/reftests/forms/progress/bar-pseudo-element-ref.html b/layout/reftests/forms/progress/bar-pseudo-element-ref.html
new file mode 100644
index 0000000000..9d8d96a41a
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element-ref.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    body > div:nth-child(1) > .progress-bar { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) > .progress-bar { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) > .progress-bar { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) > .progress-bar { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) > .progress-bar { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) > .progress-bar { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) > .progress-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) > .progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) > .progress-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) > .progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) > .progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) > .progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) > .progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) > .progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) > .progress-bar { margin: 200px; padding: 0px; }
+    body > div:nth-child(16) > .progress-bar { margin: 0px; padding: 200px; }
+    /* 15 - 18 should have 100% width, no need to specify. */
+  </style>
+  <body>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/bar-pseudo-element-rtl-ref.html b/layout/reftests/forms/progress/bar-pseudo-element-rtl-ref.html
new file mode 100644
index 0000000000..c25a143dbf
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element-rtl-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    body > div:nth-child(1) > .progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(2) > .progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(3) > .progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(4) > .progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    /* 15 - 18 should have 100% width, no need to specify. */
+  </style>
+  <body dir='rtl'>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/bar-pseudo-element-rtl.html b/layout/reftests/forms/progress/bar-pseudo-element-rtl.html
new file mode 100644
index 0000000000..711dc26ba4
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element-rtl.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > progress:nth-child(1)::-moz-progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > progress:nth-child(2)::-moz-progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > progress:nth-child(3)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > progress:nth-child(4)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > progress:nth-child(5)::-moz-progress-bar { width: 1000px; }
+    body > progress:nth-child(6)::-moz-progress-bar { width: 10px; }
+    body > progress:nth-child(7)::-moz-progress-bar { width: 10%; }
+    body > progress:nth-child(8)::-moz-progress-bar { width: 200%; }
+  </style>
+  <body dir='rtl'>
+    <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <!-- Those will be used to change width. -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/bar-pseudo-element-vertical-ref.html b/layout/reftests/forms/progress/bar-pseudo-element-vertical-ref.html
new file mode 100644
index 0000000000..4f28e3aceb
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical-ref.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    .progress-element { margin: 10px; }
+    body > div:nth-child(1) > .progress-bar { position: relative; top: 4px; left: 4px;
+                                              height: calc(100% - 8px); }
+    body > div:nth-child(2) > .progress-bar { }
+    body > div:nth-child(3) > .progress-bar { position: relative; top: 4px; left: 4px;
+                                              height: calc(100% - 8px); }
+    body > div:nth-child(4) > .progress-bar { position: relative; top: 10px; height: calc(100% - 10px); }
+    body > div:nth-child(5) > .progress-bar { }
+    body > div:nth-child(6) > .progress-bar { height: calc(100% - 10px); }
+    body > div:nth-child(7) > .progress-bar { position: relative; left: 10px; }
+    body > div:nth-child(8) > .progress-bar { }
+    body > div:nth-child(9) > .progress-bar { }
+    body > div:nth-child(10) > .progress-bar { }
+    body > div:nth-child(11) > .progress-bar { }
+    /* 12 - 15 should have 100% width, no need to specify. */
+    body > div:nth-of-type(16) > .progress-bar { position: relative; top: 64px; left: 64px;
+                                                 height: calc(100% - 32px);
+                                                 width: calc(100% + 128px - 1em); }
+  </style>
+  <body>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <br><div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl-ref.html b/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl-ref.html
new file mode 100644
index 0000000000..d69b8b1e57
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    .progress-element { margin: 10px; }
+    body > div:nth-child(1) > .progress-bar { position: relative; top: 4px; left: 4px;
+                                              height: calc(100% - 8px); }
+    body > div:nth-child(2) > .progress-bar { }
+    body > div:nth-child(3) > .progress-bar { position: relative; top: 4px; left: 4px;
+                                              height: calc(100% - 8px); }
+    body > div:nth-child(4) > .progress-bar { position: relative; top: 10px; height: calc(100% - 10px); }
+    body > div:nth-child(5) > .progress-bar { }
+    body > div:nth-child(6) > .progress-bar { height: calc(100% - 10px); }
+    body > div:nth-child(7) > .progress-bar { position: relative; left: 10px; }
+    body > div:nth-child(8) > .progress-bar { }
+    body > div:nth-child(9) > .progress-bar { }
+    body > div:nth-child(10) > .progress-bar {  }
+    body > div:nth-child(11) > .progress-bar { }
+    /* 12 - 15 should have 100% width, no need to specify. */
+    body > div:nth-of-type(16) > .progress-bar { position: relative; top: 64px;
+                                                 left: calc(100% + 128px + 32px );
+                                                 height: calc(100% - 32px);
+                                                 width: calc(100% + 128px - 1em); }
+  </style>
+  <body dir='rtl'>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <br><div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl.html b/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl.html
new file mode 100644
index 0000000000..7b8315c0f8
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress {
+      margin: 10px;
+      -moz-orient: vertical;
+      overflow: visible;
+    }
+    body > progress:nth-child(1)::-moz-progress-bar { margin: 4px; padding: 0px; }
+    body > progress:nth-child(2)::-moz-progress-bar { margin: 0px; padding: 4px; }
+    body > progress:nth-child(3)::-moz-progress-bar { margin: 4px; padding: 4px; }
+    body > progress:nth-child(4)::-moz-progress-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > progress:nth-child(5)::-moz-progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > progress:nth-child(6)::-moz-progress-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > progress:nth-child(7)::-moz-progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > progress:nth-child(8)::-moz-progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > progress:nth-child(9)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > progress:nth-child(10)::-moz-progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > progress:nth-child(11)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > progress:nth-child(12)::-moz-progress-bar { height: 1000px; }
+    body > progress:nth-child(13)::-moz-progress-bar { height: 10px; }
+    body > progress:nth-child(14)::-moz-progress-bar { height: 10%; }
+    body > progress:nth-child(15)::-moz-progress-bar { height: 200%; }
+    body > progress:nth-of-type(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
+  </style>
+  <body dir='rtl'>
+    <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <!-- Those will be used to change width. -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <br><progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/bar-pseudo-element-vertical.html b/layout/reftests/forms/progress/bar-pseudo-element-vertical.html
new file mode 100644
index 0000000000..1988cb5184
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress {
+      margin: 10px;
+      -moz-orient: vertical;
+      overflow: visible;
+    }
+    body > progress:nth-child(1)::-moz-progress-bar { margin: 4px; padding: 0px; }
+    body > progress:nth-child(2)::-moz-progress-bar { margin: 0px; padding: 4px; }
+    body > progress:nth-child(3)::-moz-progress-bar { margin: 4px; padding: 4px; }
+    body > progress:nth-child(4)::-moz-progress-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > progress:nth-child(5)::-moz-progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > progress:nth-child(6)::-moz-progress-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > progress:nth-child(7)::-moz-progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > progress:nth-child(8)::-moz-progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > progress:nth-child(9)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > progress:nth-child(10)::-moz-progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > progress:nth-child(11)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > progress:nth-child(12)::-moz-progress-bar { height: 1000px; }
+    body > progress:nth-child(13)::-moz-progress-bar { height: 10px; }
+    body > progress:nth-child(14)::-moz-progress-bar { height: 10%; }
+    body > progress:nth-child(15)::-moz-progress-bar { height: 200%; }
+    body > progress:nth-of-type(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
+  </style>
+  <body>
+    <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <!-- Those will be used to change width. -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <br><progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/bar-pseudo-element.html b/layout/reftests/forms/progress/bar-pseudo-element.html
new file mode 100644
index 0000000000..edc8cd36ab
--- /dev/null
+++ b/layout/reftests/forms/progress/bar-pseudo-element.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress { overflow: visible; }
+    body > progress:nth-child(1)::-moz-progress-bar { margin: 10px; padding: 0px; }
+    body > progress:nth-child(2)::-moz-progress-bar { margin: 0px; padding: 10px; }
+    body > progress:nth-child(3)::-moz-progress-bar { margin: 10px; padding: 10px; }
+    body > progress:nth-child(4)::-moz-progress-bar { margin: 5px; padding: 5px; }
+    body > progress:nth-child(5)::-moz-progress-bar { margin: 50px; padding: 50px; }
+    body > progress:nth-child(6)::-moz-progress-bar { margin: 100px; padding: 100px; }
+    body > progress:nth-child(7)::-moz-progress-bar { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > progress:nth-child(8)::-moz-progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > progress:nth-child(9)::-moz-progress-bar { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > progress:nth-child(10)::-moz-progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > progress:nth-child(11)::-moz-progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > progress:nth-child(12)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > progress:nth-child(13)::-moz-progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > progress:nth-child(14)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > progress:nth-child(15)::-moz-progress-bar { margin: 200px; padding: 0px; }
+    body > progress:nth-child(16)::-moz-progress-bar { margin: 0px; padding: 200px; }
+    body > progress:nth-child(17)::-moz-progress-bar { width: 1000px; }
+    body > progress:nth-child(18)::-moz-progress-bar { width: 10px; }
+    body > progress:nth-child(19)::-moz-progress-bar { width: 10%; }
+    body > progress:nth-child(20)::-moz-progress-bar { width: 200%; }
+  </style>
+  <body>
+    <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <!-- Those will be used to change width. -->
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/block-invalidate-ref.html b/layout/reftests/forms/progress/block-invalidate-ref.html
new file mode 100644
index 0000000000..60f14f1349
--- /dev/null
+++ b/layout/reftests/forms/progress/block-invalidate-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    progress { display: block; }
+  </style>
+  <body>
+    <progress value='0.5'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/block-invalidate.html b/layout/reftests/forms/progress/block-invalidate.html
new file mode 100644
index 0000000000..47ba03bdac
--- /dev/null
+++ b/layout/reftests/forms/progress/block-invalidate.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress { display: block; }
+  </style>
+  <script>
+    function loadHandler() {
+      setTimeout(function() {
+        var p = document.getElementsByTagName('progress')[0];
+        p.value = '0.5';
+        document.documentElement.className = '';
+      }, 0);
+    }
+  </script>
+  <body onload="loadHandler();">
+    <progress value='0'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/in-cells-ref.html b/layout/reftests/forms/progress/in-cells-ref.html
new file mode 100644
index 0000000000..08917e43f4
--- /dev/null
+++ b/layout/reftests/forms/progress/in-cells-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    progress { width: 10em; height: 1em; }
+    progress.vertical { -moz-orient: vertical; width: 1em; height: 10em; }
+  </style>
+  <body>
+    <table>
+      <tr>
+        <td>foo</td>
+        <td><progress value='0.5'></progress></td>
+        <td>bar</td>
+      </tr>
+      <tr>
+        <td>foo</td>
+        <td><progress class='vertical' value='0.5'></progress></td>
+        <td>bar</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/in-cells.html b/layout/reftests/forms/progress/in-cells.html
new file mode 100644
index 0000000000..fc3614347a
--- /dev/null
+++ b/layout/reftests/forms/progress/in-cells.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress.vertical { -moz-orient: vertical; }
+  </style>
+  <body>
+    <table>
+      <tr>
+        <td>foo</td>
+        <td><progress value='0.5'></progress></td>
+        <td>bar</td>
+      </tr>
+      <tr>
+        <td>foo</td>
+        <td><progress class='vertical' value='0.5'></progress></td>
+        <td>bar</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/indeterminate-style-height-ref.html b/layout/reftests/forms/progress/indeterminate-style-height-ref.html
new file mode 100644
index 0000000000..2a9eafa315
--- /dev/null
+++ b/layout/reftests/forms/progress/indeterminate-style-height-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    div.progress-element {
+      height: 12em;
+      width: 2em;
+    }
+    div.progress-bar {
+      height: 100%;
+    }
+    body > div:nth-child(1) > .progress-bar { position: relative;
+                                              top: calc(12em - 20px); height: 20px; }
+    body > div:nth-child(2) > .progress-bar { position: relative;
+                                              top: calc(12em - 0px); height: 0px; }
+    body > div:nth-child(3) > .progress-bar { position: relative;
+                                              top: calc(12em - 50%); height: 50%; }
+    body > div:nth-child(4) > .progress-bar { position: relative;
+                                              top: calc(12em - 1em); height: 1em; }
+    body > div:nth-child(5) > .progress-bar { position: relative;
+                                              top: calc(12em - 100%); height: 100%; }
+  </style>
+  <body>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/forms/progress/indeterminate-style-height.html b/layout/reftests/forms/progress/indeterminate-style-height.html
new file mode 100644
index 0000000000..ddefd0afaf
--- /dev/null
+++ b/layout/reftests/forms/progress/indeterminate-style-height.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress {
+      -moz-orient: vertical;
+      height: 12em;
+      width: 2em;
+    }
+    body > progress:nth-child(1)::-moz-progress-bar { height: 20px; }
+    body > progress:nth-child(2)::-moz-progress-bar { height: 0px; }
+    body > progress:nth-child(3)::-moz-progress-bar { height: 50%; }
+    body > progress:nth-child(4)::-moz-progress-bar { height: 1em; }
+    /* last one is for the default value: width=100%. */
+  </style>
+  <body>
+    <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
+    <progress></progress>
+    <progress></progress>
+    <progress></progress>
+    <progress></progress>
+    <progress></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/indeterminate-style-width-ref.html b/layout/reftests/forms/progress/indeterminate-style-width-ref.html
new file mode 100644
index 0000000000..7f67f946e0
--- /dev/null
+++ b/layout/reftests/forms/progress/indeterminate-style-width-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    div.progress-bar {
+      width:100%;
+    }
+    body > div:nth-child(1) > .progress-bar { width: 20px; }
+    body > div:nth-child(2) > .progress-bar { width: 0px; }
+    body > div:nth-child(3) > .progress-bar { width: 50%; }
+    body > div:nth-child(4) > .progress-bar { width: 1em; }
+    body > div:nth-child(5) > .progress-bar { width: 100%; }
+  </style>
+  <body>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/forms/progress/indeterminate-style-width.html b/layout/reftests/forms/progress/indeterminate-style-width.html
new file mode 100644
index 0000000000..f5db8ff666
--- /dev/null
+++ b/layout/reftests/forms/progress/indeterminate-style-width.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    body > progress:nth-child(1)::-moz-progress-bar { width: 20px; }
+    body > progress:nth-child(2)::-moz-progress-bar { width: 0px; }
+    body > progress:nth-child(3)::-moz-progress-bar { width: 50%; }
+    body > progress:nth-child(4)::-moz-progress-bar { width: 1em; }
+    /* last one is for the default value: width=100%. */
+  </style>
+  <body>
+    <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
+    <progress></progress>
+    <progress></progress>
+    <progress></progress>
+    <progress></progress>
+    <progress></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding-ref.html b/layout/reftests/forms/progress/margin-padding-ref.html
new file mode 100644
index 0000000000..5a64e6d2de
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding-rtl-ref.html b/layout/reftests/forms/progress/margin-padding-rtl-ref.html
new file mode 100644
index 0000000000..bef9c57276
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding-rtl-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding-rtl.html b/layout/reftests/forms/progress/margin-padding-rtl.html
new file mode 100644
index 0000000000..fc445c36c4
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding-rtl.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress:nth-child(1) { margin: 10px; padding: 0px; }
+    progress:nth-child(2) { margin: 0px; padding: 10px; }
+    progress:nth-child(3) { margin: 10px; padding: 10px; }
+    progress:nth-child(4) { margin: 5px; padding: 5px; }
+    progress:nth-child(5) { margin: 50px; padding: 50px; }
+    progress:nth-child(6) { margin: 100px; padding: 100px; }
+    progress:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    progress:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    progress:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    progress:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    progress:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    progress:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    progress:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    progress:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    progress:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    progress:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding-vertical-ref.html b/layout/reftests/forms/progress/margin-padding-vertical-ref.html
new file mode 100644
index 0000000000..2dea7af511
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding-vertical-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding-vertical-rtl-ref.html b/layout/reftests/forms/progress/margin-padding-vertical-rtl-ref.html
new file mode 100644
index 0000000000..4ded227feb
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding-vertical-rtl-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    body > div:nth-child(1) { margin: 10px; padding: 0px; }
+    body > div:nth-child(2) { margin: 0px; padding: 10px; }
+    body > div:nth-child(3) { margin: 10px; padding: 10px; }
+    body > div:nth-child(4) { margin: 5px; padding: 5px; }
+    body > div:nth-child(5) { margin: 50px; padding: 50px; }
+    body > div:nth-child(6) { margin: 100px; padding: 100px; }
+    body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding-vertical-rtl.html b/layout/reftests/forms/progress/margin-padding-vertical-rtl.html
new file mode 100644
index 0000000000..7be45b2c1c
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding-vertical-rtl.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress {
+      -moz-orient: vertical;
+    }
+    progress:nth-child(1) { margin: 10px; padding: 0px; }
+    progress:nth-child(2) { margin: 0px; padding: 10px; }
+    progress:nth-child(3) { margin: 10px; padding: 10px; }
+    progress:nth-child(4) { margin: 5px; padding: 5px; }
+    progress:nth-child(5) { margin: 50px; padding: 50px; }
+    progress:nth-child(6) { margin: 100px; padding: 100px; }
+    progress:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    progress:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    progress:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    progress:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    progress:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    progress:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    progress:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    progress:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    progress:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    progress:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body dir='rtl'>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding-vertical.html b/layout/reftests/forms/progress/margin-padding-vertical.html
new file mode 100644
index 0000000000..8e4d485659
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding-vertical.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress {
+      -moz-orient: vertical;
+    }
+    progress:nth-child(1) { margin: 10px; padding: 0px; }
+    progress:nth-child(2) { margin: 0px; padding: 10px; }
+    progress:nth-child(3) { margin: 10px; padding: 10px; }
+    progress:nth-child(4) { margin: 5px; padding: 5px; }
+    progress:nth-child(5) { margin: 50px; padding: 50px; }
+    progress:nth-child(6) { margin: 100px; padding: 100px; }
+    progress:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    progress:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    progress:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    progress:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    progress:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    progress:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    progress:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    progress:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    progress:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    progress:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/margin-padding.html b/layout/reftests/forms/progress/margin-padding.html
new file mode 100644
index 0000000000..fe4f3d003c
--- /dev/null
+++ b/layout/reftests/forms/progress/margin-padding.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress:nth-child(1) { margin: 10px; padding: 0px; }
+    progress:nth-child(2) { margin: 0px; padding: 10px; }
+    progress:nth-child(3) { margin: 10px; padding: 10px; }
+    progress:nth-child(4) { margin: 5px; padding: 5px; }
+    progress:nth-child(5) { margin: 50px; padding: 50px; }
+    progress:nth-child(6) { margin: 100px; padding: 100px; }
+    progress:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
+    progress:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
+    progress:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
+    progress:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
+    progress:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
+    progress:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
+    progress:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
+    progress:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
+    progress:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
+    progress:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
+  </style>
+  <body>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/max-height-ref.html b/layout/reftests/forms/progress/max-height-ref.html
new file mode 100644
index 0000000000..872f9cc826
--- /dev/null
+++ b/layout/reftests/forms/progress/max-height-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  progress {
+    height: 50px;
+    padding: 23px;
+    border: 1px solid black;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+</style>
+<progress>Some text</progress>
diff --git a/layout/reftests/forms/progress/max-height.html b/layout/reftests/forms/progress/max-height.html
new file mode 100644
index 0000000000..c9d545330a
--- /dev/null
+++ b/layout/reftests/forms/progress/max-height.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  progress {
+    max-height: 50px;
+    padding: 23px;
+    border: 1px solid black;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+</style>
+<progress>Some text</progress>
diff --git a/layout/reftests/forms/progress/progress-orient-block.html b/layout/reftests/forms/progress/progress-orient-block.html
new file mode 100644
index 0000000000..e5f33c4979
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="-moz-orient:block" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-orient-horizontal-rtl.html b/layout/reftests/forms/progress/progress-orient-horizontal-rtl.html
new file mode 100644
index 0000000000..64d7157247
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-orient-horizontal-rtl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="-moz-orient:horizontal" max=100 value=0 dir=rtl>
diff --git a/layout/reftests/forms/progress/progress-orient-horizontal.html b/layout/reftests/forms/progress/progress-orient-horizontal.html
new file mode 100644
index 0000000000..e37e461702
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="-moz-orient:horizontal" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-orient-inline.html b/layout/reftests/forms/progress/progress-orient-inline.html
new file mode 100644
index 0000000000..352537ae79
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="-moz-orient:inline" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-orient-vertical-rtl.html b/layout/reftests/forms/progress/progress-orient-vertical-rtl.html
new file mode 100644
index 0000000000..7fb4d81bed
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-orient-vertical-rtl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="-moz-orient:vertical" max=100 value=0 dir=rtl>
diff --git a/layout/reftests/forms/progress/progress-orient-vertical.html b/layout/reftests/forms/progress/progress-orient-vertical.html
new file mode 100644
index 0000000000..6a64a5e8c8
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="-moz-orient:vertical" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vlr-orient-block.html b/layout/reftests/forms/progress/progress-vlr-orient-block.html
new file mode 100644
index 0000000000..954bc9dd16
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vlr-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-lr;-moz-orient:block" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vlr-orient-horizontal.html b/layout/reftests/forms/progress/progress-vlr-orient-horizontal.html
new file mode 100644
index 0000000000..9584f95d79
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vlr-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-lr;-moz-orient:horizontal" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vlr-orient-inline.html b/layout/reftests/forms/progress/progress-vlr-orient-inline.html
new file mode 100644
index 0000000000..9ec89960d8
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vlr-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-lr;-moz-orient:inline" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vlr-orient-vertical.html b/layout/reftests/forms/progress/progress-vlr-orient-vertical.html
new file mode 100644
index 0000000000..625b543b46
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vlr-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-lr;-moz-orient:vertical" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vlr.html b/layout/reftests/forms/progress/progress-vlr.html
new file mode 100644
index 0000000000..52f42aede5
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vlr.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-lr" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vrl-orient-block.html b/layout/reftests/forms/progress/progress-vrl-orient-block.html
new file mode 100644
index 0000000000..52df5dd298
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vrl-orient-block.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-rl;-moz-orient:block" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vrl-orient-horizontal.html b/layout/reftests/forms/progress/progress-vrl-orient-horizontal.html
new file mode 100644
index 0000000000..03ea99bb8d
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vrl-orient-horizontal.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-rl;-moz-orient:horizontal" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vrl-orient-inline.html b/layout/reftests/forms/progress/progress-vrl-orient-inline.html
new file mode 100644
index 0000000000..57ee166d09
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vrl-orient-inline.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-rl;-moz-orient:inline" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vrl-orient-vertical.html b/layout/reftests/forms/progress/progress-vrl-orient-vertical.html
new file mode 100644
index 0000000000..becd4504e1
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vrl-orient-vertical.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-rl;-moz-orient:vertical" max=100 value=0>
diff --git a/layout/reftests/forms/progress/progress-vrl.html b/layout/reftests/forms/progress/progress-vrl.html
new file mode 100644
index 0000000000..a3f0b889fc
--- /dev/null
+++ b/layout/reftests/forms/progress/progress-vrl.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+<progress style="writing-mode:vertical-rl" max=100 value=0>
diff --git a/layout/reftests/forms/progress/reftest.list b/layout/reftests/forms/progress/reftest.list
new file mode 100644
index 0000000000..aa5f0c79d2
--- /dev/null
+++ b/layout/reftests/forms/progress/reftest.list
@@ -0,0 +1,42 @@
+== values.html values-ref.html
+== values-rtl.html values-rtl-ref.html
+== margin-padding.html margin-padding-ref.html
+== margin-padding-rtl.html margin-padding-rtl-ref.html
+== bar-pseudo-element.html bar-pseudo-element-ref.html
+== bar-pseudo-element-rtl.html bar-pseudo-element-rtl-ref.html
+== indeterminate-style-width.html indeterminate-style-width-ref.html
+
+# vertical tests
+== values-vertical.html values-vertical-ref.html
+== values-vertical-rtl.html values-vertical-rtl-ref.html
+== margin-padding-vertical.html margin-padding-vertical-ref.html
+== margin-padding-vertical-rtl.html margin-padding-vertical-rtl-ref.html
+== bar-pseudo-element-vertical.html bar-pseudo-element-vertical-ref.html
+== bar-pseudo-element-vertical-rtl.html bar-pseudo-element-vertical-rtl-ref.html
+== indeterminate-style-height.html indeterminate-style-height-ref.html
+
+# The following test is disabled but kept in the repository because the
+# transformations will not behave exactly the same for <progress> and two divs.
+# However, it would be possible to manually check those.
+# == transformations.html transformations-ref.html
+
+# Tests for bugs:
+== block-invalidate.html block-invalidate-ref.html
+== in-cells.html in-cells-ref.html
+== max-height.html max-height-ref.html
+
+# Tests for block and inline orientation in combination with writing-mode
+!= progress-orient-horizontal.html progress-orient-vertical.html
+fails != progress-orient-vertical.html progress-orient-vertical-rtl.html # only OS X currently has direction-dependent rendering here
+== progress-orient-block.html progress-orient-vertical.html
+== progress-orient-inline.html progress-orient-horizontal.html
+== progress-vlr.html progress-orient-vertical.html
+== progress-vlr-orient-block.html progress-orient-horizontal.html
+== progress-vlr-orient-inline.html progress-orient-vertical.html
+== progress-vlr-orient-horizontal.html progress-orient-horizontal.html
+== progress-vlr-orient-vertical.html progress-orient-vertical.html
+== progress-vrl.html progress-orient-vertical-rtl.html
+== progress-vrl-orient-block.html progress-orient-horizontal-rtl.html
+== progress-vrl-orient-inline.html progress-orient-vertical-rtl.html
+== progress-vrl-orient-horizontal.html progress-orient-horizontal-rtl.html
+== progress-vrl-orient-vertical.html progress-orient-vertical-rtl.html
diff --git a/layout/reftests/forms/progress/style.css b/layout/reftests/forms/progress/style.css
new file mode 100644
index 0000000000..fe3bc80389
--- /dev/null
+++ b/layout/reftests/forms/progress/style.css
@@ -0,0 +1,37 @@
+div.progress-element {
+  -moz-appearance: progressbar;
+  display: inline-block;
+  height: 1em;
+  width: 10em;
+  vertical-align: -0.2em;
+
+  /* Default style in case of there is -moz-appearance: none; */
+  border: 1px solid ThreeDShadow;
+  border-right-color: ThreeDHighlight;
+  border-bottom-color: ThreeDHighlight;
+  background-color: #e6e6e6;
+}
+
+div.progress-element.vertical {
+  height: 10em;
+  width: 1em;
+}
+
+div.progress-bar {
+  -moz-appearance: progresschunk;
+  height: 100%;
+  /*
+   * We can't apply the following style to the reference because it will have
+   * underisable effectes:
+   * width: 100%;
+   */
+
+  box-sizing: border-box;
+
+  /* Default style in case of there is -moz-appearance: none; */
+  background-color: #0064b4;
+}
+
+progress, progress::-moz-progress-bar, div.progress-element, div.progress-bar {
+  -moz-appearance: none;
+}
diff --git a/layout/reftests/forms/progress/transformations-ref.html b/layout/reftests/forms/progress/transformations-ref.html
new file mode 100644
index 0000000000..34f0d7151f
--- /dev/null
+++ b/layout/reftests/forms/progress/transformations-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    body > div:nth-child(1) { transform: matrix(1, -0.2, 0, 1, 0, 0); }
+    body > div:nth-child(2) { transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
+    body > div:nth-child(3) { transform: rotate(30deg); }
+    body > div:nth-child(4) { transform: scale(2, 4); }
+    body > div:nth-child(5) { transform: scale(0.1, 0.4); }
+    body > div:nth-child(6) { transform: scale(1, 0.4); }
+    body > div:nth-child(7) { transform: scale(0.1, 1); }
+    body > div:nth-child(8) { transform: skew(30deg, -10deg); }
+    body > div:nth-child(9) { transform: skew(-30deg, 10deg); }
+    body > div:nth-child(10) { transform: translate(10px, 30px); }
+    body > div:nth-child(11) { transform: translate(30px, 10px); }
+    body > div:nth-child(12) { transform: translate(-10px, 30px); }
+    body > div:nth-child(13) { transform: translate(30px, -10px); }
+    body > div:nth-child(14) { transform: scale(0, 0); }
+  </style>
+  <body>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/transformations.html b/layout/reftests/forms/progress/transformations.html
new file mode 100644
index 0000000000..96a923c3f2
--- /dev/null
+++ b/layout/reftests/forms/progress/transformations.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress:nth-child(1) { transform: matrix(1, -0.2, 0, 1, 0, 0); }
+    progress:nth-child(2) { transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
+    progress:nth-child(3) { transform: rotate(30deg); }
+    progress:nth-child(4) { transform: scale(2, 4); }
+    progress:nth-child(5) { transform: scale(0.1, 0.4); }
+    progress:nth-child(6) { transform: scale(1, 0.4); }
+    progress:nth-child(7) { transform: scale(0.1, 1); }
+    progress:nth-child(8) { transform: skew(30deg, -10deg); }
+    progress:nth-child(9) { transform: skew(-30deg, 10deg); }
+    progress:nth-child(10) { transform: translate(10px, 30px); }
+    progress:nth-child(11) { transform: translate(30px, 10px); }
+    progress:nth-child(12) { transform: translate(-10px, 30px); }
+    progress:nth-child(13) { transform: translate(30px, -10px); }
+    progress:nth-child(14) { transform: scale(0, 0); }
+  </style>
+  <body>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+    <progress value='1'></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values-ref.html b/layout/reftests/forms/progress/values-ref.html
new file mode 100644
index 0000000000..d3c15bc8fb
--- /dev/null
+++ b/layout/reftests/forms/progress/values-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    div:nth-child(1) > .progress-bar { width: 100%; }
+    div:nth-child(2) > .progress-bar { width: 0%; }
+    div:nth-child(3) > .progress-bar { width: 10%; }
+    div:nth-child(4) > .progress-bar { width: 50%; }
+    div:nth-child(5) > .progress-bar { width: 0%; }
+    div:nth-child(6) > .progress-bar { width: 100%; }
+    div:nth-child(7) > .progress-bar { width: 42%; }
+    div:nth-child(8) > .progress-bar { width: 100%; }
+    div:nth-child(9) > .progress-bar { width: 100%; }
+    div:nth-child(10) > .progress-bar { width: 10%; }
+  </style>
+  <body>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values-rtl-ref.html b/layout/reftests/forms/progress/values-rtl-ref.html
new file mode 100644
index 0000000000..6787af2d70
--- /dev/null
+++ b/layout/reftests/forms/progress/values-rtl-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    div:nth-child(1) > .progress-bar { width: 100%; }
+    div:nth-child(2) > .progress-bar { width: 0%; }
+    div:nth-child(3) > .progress-bar { width: 10%; }
+    div:nth-child(4) > .progress-bar { width: 50%; }
+    div:nth-child(5) > .progress-bar { width: 0%; }
+    div:nth-child(6) > .progress-bar { width: 100%; }
+    div:nth-child(7) > .progress-bar { width: 42%; }
+    div:nth-child(8) > .progress-bar { width: 100%; }
+    div:nth-child(9) > .progress-bar { width: 100%; }
+    div:nth-child(10) > .progress-bar { width: 10%; }
+  </style>
+  <body dir='rtl'>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values-rtl.html b/layout/reftests/forms/progress/values-rtl.html
new file mode 100644
index 0000000000..6a143b0c19
--- /dev/null
+++ b/layout/reftests/forms/progress/values-rtl.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body dir='rtl'>
+    <progress value="1.0"></progress>
+    <progress value="0.0"></progress>
+    <progress value="0.1"></progress>
+    <progress value="0.5"></progress>
+    <progress value="-1"></progress>
+    <progress value="42"></progress>
+    <progress value="42" max="100"></progress>
+    <progress value="42" max="1"></progress>
+    <progress value="42" max="-1"></progress>
+    <progress value="0.1" max="-1"></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values-vertical-ref.html b/layout/reftests/forms/progress/values-vertical-ref.html
new file mode 100644
index 0000000000..43b3f7e20c
--- /dev/null
+++ b/layout/reftests/forms/progress/values-vertical-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    div:nth-child(1) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(2) > .progress-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(3) > .progress-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(4) > .progress-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(5) > .progress-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(6) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(7) > .progress-bar { position: relative; top: 58%; height: 42%; }
+    div:nth-child(8) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(9) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(10) > .progress-bar { position: relative; top: 90%; height: 10%; }
+  </style>
+  <body>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values-vertical-rtl-ref.html b/layout/reftests/forms/progress/values-vertical-rtl-ref.html
new file mode 100644
index 0000000000..88934c4876
--- /dev/null
+++ b/layout/reftests/forms/progress/values-vertical-rtl-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' href='resource://reftest/progress.css'>
+  <style>
+    div:nth-child(1) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(2) > .progress-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(3) > .progress-bar { position: relative; top: 90%; height: 10%; }
+    div:nth-child(4) > .progress-bar { position: relative; top: 50%; height: 50%; }
+    div:nth-child(5) > .progress-bar { position: relative; top: 100%; height: 0%; }
+    div:nth-child(6) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(7) > .progress-bar { position: relative; top: 58%; height: 42%; }
+    div:nth-child(8) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(9) > .progress-bar { position: relative; top: 0%; height: 100%; }
+    div:nth-child(10) > .progress-bar { position: relative; top: 90%; height: 10%; }
+  </style>
+  <body dir='rtl'>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+    <div class="progress-element vertical">
+      <div class="progress-bar">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values-vertical-rtl.html b/layout/reftests/forms/progress/values-vertical-rtl.html
new file mode 100644
index 0000000000..b50db9ad2d
--- /dev/null
+++ b/layout/reftests/forms/progress/values-vertical-rtl.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress {
+      -moz-orient: vertical;
+    }
+  </style>
+  <body dir='rtl'>
+    <progress value="1.0"></progress>
+    <progress value="0.0"></progress>
+    <progress value="0.1"></progress>
+    <progress value="0.5"></progress>
+    <progress value="-1"></progress>
+    <progress value="42"></progress>
+    <progress value="42" max="100"></progress>
+    <progress value="42" max="1"></progress>
+    <progress value="42" max="-1"></progress>
+    <progress value="0.1" max="-1"></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values-vertical.html b/layout/reftests/forms/progress/values-vertical.html
new file mode 100644
index 0000000000..47294fdeb3
--- /dev/null
+++ b/layout/reftests/forms/progress/values-vertical.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <style>
+    progress {
+      -moz-orient: vertical;
+    }
+  </style>
+  <body>
+    <progress value="1.0"></progress>
+    <progress value="0.0"></progress>
+    <progress value="0.1"></progress>
+    <progress value="0.5"></progress>
+    <progress value="-1"></progress>
+    <progress value="42"></progress>
+    <progress value="42" max="100"></progress>
+    <progress value="42" max="1"></progress>
+    <progress value="42" max="-1"></progress>
+    <progress value="0.1" max="-1"></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/progress/values.html b/layout/reftests/forms/progress/values.html
new file mode 100644
index 0000000000..3c5e3e80b7
--- /dev/null
+++ b/layout/reftests/forms/progress/values.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <progress value="1.0"></progress>
+    <progress value="0.0"></progress>
+    <progress value="0.1"></progress>
+    <progress value="0.5"></progress>
+    <progress value="-1"></progress>
+    <progress value="42"></progress>
+    <progress value="42" max="100"></progress>
+    <progress value="42" max="1"></progress>
+    <progress value="42" max="-1"></progress>
+    <progress value="0.1" max="-1"></progress>
+  </body>
+</html>
diff --git a/layout/reftests/forms/reftest.list b/layout/reftests/forms/reftest.list
new file mode 100644
index 0000000000..b05924c3b7
--- /dev/null
+++ b/layout/reftests/forms/reftest.list
@@ -0,0 +1,40 @@
+fuzzy(0-1,0-10) fuzzy-if(Android,0-2,0-10) == text-control-baseline-1.html text-control-baseline-1-ref.html
+fuzzy-if(cocoaWidget,0-18,0-68) fuzzy-if(Android,0-52,0-64) fuzzy-if(winWidget,0-88,0-624) == display-block-baselines-1.html display-block-baselines-1-ref.html # anti-aliasing issues
+== display-block-baselines-2.html display-block-baselines-2-ref.html
+== display-block-baselines-3.html display-block-baselines-3-ref.html
+== display-block-baselines-4.html display-block-baselines-4-ref.html
+fuzzy(0-7,0-2) == display-block-baselines-5.html display-block-baselines-5-ref.html
+fuzzy(0-1,0-20) == overflow.html overflow-ref.html # bug 1620120 for natively themed cocoa, fuzzyness in the arrow for !native
+
+# button element
+include button/reftest.list
+
+# legend element
+include legend/reftest.list
+
+# fieldset element
+include fieldset/reftest.list
+
+# placeholder
+include placeholder/reftest.list
+
+# input
+include input/reftest.list
+
+# meter element
+include meter/reftest.list
+
+# output element
+include output/reftest.list
+
+# progress element
+include progress/reftest.list
+
+# select element
+include select/reftest.list
+
+# textarea element
+include textarea/reftest.list
+
+# textbox element
+include textbox/reftest.list
diff --git a/layout/reftests/forms/select/1769580-ref.html b/layout/reftests/forms/select/1769580-ref.html
new file mode 100644
index 0000000000..e6a4cb6577
--- /dev/null
+++ b/layout/reftests/forms/select/1769580-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+select {
+  appearance: none;
+  background: lightgray;
+  border: none;
+  text-indent: 0.01px;
+}
+</style>
+<select>
+  <option>16</option>
+</select>
diff --git a/layout/reftests/forms/select/1769580.html b/layout/reftests/forms/select/1769580.html
new file mode 100644
index 0000000000..00831f6997
--- /dev/null
+++ b/layout/reftests/forms/select/1769580.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+select {
+  appearance: none;
+  background: lightgray;
+  border: none;
+  text-indent: 0.01px;
+  text-overflow: "";
+}
+</style>
+<select>
+  <option>16</option>
+</select>
diff --git a/layout/reftests/forms/select/997709-2-ref.html b/layout/reftests/forms/select/997709-2-ref.html
new file mode 100644
index 0000000000..349abe0b77
--- /dev/null
+++ b/layout/reftests/forms/select/997709-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html><body>
+<select style="display:block"><option>A</select>
+</body></html>
diff --git a/layout/reftests/forms/select/997709-2.html b/layout/reftests/forms/select/997709-2.html
new file mode 100644
index 0000000000..46be454185
--- /dev/null
+++ b/layout/reftests/forms/select/997709-2.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html><body>
+<select style="display:flex"><option>A</select>
+</body></html>
diff --git a/layout/reftests/forms/select/arrow-color-notref.html b/layout/reftests/forms/select/arrow-color-notref.html
new file mode 100644
index 0000000000..b4869de4dd
--- /dev/null
+++ b/layout/reftests/forms/select/arrow-color-notref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<select style="color: black">
+  <option>&nbsp;</option>
+</select>
diff --git a/layout/reftests/forms/select/arrow-color.html b/layout/reftests/forms/select/arrow-color.html
new file mode 100644
index 0000000000..fab72e5e2a
--- /dev/null
+++ b/layout/reftests/forms/select/arrow-color.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<select style="color: white">
+  <option>&nbsp;</option>
+</select>
diff --git a/layout/reftests/forms/select/boguskids-ref.html b/layout/reftests/forms/select/boguskids-ref.html
new file mode 100644
index 0000000000..905b646493
--- /dev/null
+++ b/layout/reftests/forms/select/boguskids-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select size="10">
+      <option>one</option>
+      <option>two</option>
+      <optgroup>
+        <option>three</option>
+        <option>four</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/forms/select/boguskids.html b/layout/reftests/forms/select/boguskids.html
new file mode 100644
index 0000000000..102f820c84
--- /dev/null
+++ b/layout/reftests/forms/select/boguskids.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select size="10">
+      Shouldn't see me
+      <option>one</option>
+      Or me
+      <option>two</option>
+      <optgroup>
+        I should hide too
+        <option>three</option>
+        And me too
+        <option>four</option>
+      </optgroup>
+      And I
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/forms/select/dynamic-boguskids.html b/layout/reftests/forms/select/dynamic-boguskids.html
new file mode 100644
index 0000000000..2a6b7c2614
--- /dev/null
+++ b/layout/reftests/forms/select/dynamic-boguskids.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+    function doIt() {
+      var insertions = [
+        [ "opt1", "Shouldn't see me" ],
+        [ "opt2", "Or me" ],
+        [ "opt3", "I should hide too" ],
+        [ "opt4", "And me too" ]
+      ];
+      for (var i = 0; i < insertions.length; ++i) {
+        var next = document.getElementById(insertions[i][0]);
+        next.parentNode.insertBefore(document.createTextNode(insertions[i][1]),
+                                     next);
+      }
+      document.getElementById("sel").appendChild(document.createTextNode("And I"));
+    }
+    </script>
+  </head>
+  <body onload="doIt()">
+    <select size="10" id="sel">
+      <option id="opt1">one</option>
+      <option id="opt2">two</option>
+      <optgroup>
+        <option id="opt3">three</option>
+        <option id="opt4">four</option>
+      </optgroup>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/forms/select/dynamic-text-indent-1-ref.html b/layout/reftests/forms/select/dynamic-text-indent-1-ref.html
new file mode 100644
index 0000000000..806fc525a0
--- /dev/null
+++ b/layout/reftests/forms/select/dynamic-text-indent-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<select style="text-indent: 15px">
+  <option selected>Text<option>
+</select>
diff --git a/layout/reftests/forms/select/dynamic-text-indent-1.html b/layout/reftests/forms/select/dynamic-text-indent-1.html
new file mode 100644
index 0000000000..6f2b5f3448
--- /dev/null
+++ b/layout/reftests/forms/select/dynamic-text-indent-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <select>
+    <option selected>Text<option>
+  </select>
+  <script>
+    onload = function() {
+      var s = document.querySelector("select");
+      window.w = s.offsetWidth;
+      s.style.textIndent = "15px";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/forms/select/dynamic-text-overflow-1-ref.html b/layout/reftests/forms/select/dynamic-text-overflow-1-ref.html
new file mode 100644
index 0000000000..8de69cf5cc
--- /dev/null
+++ b/layout/reftests/forms/select/dynamic-text-overflow-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<select style="width: 100px; overflow: hidden; text-overflow: ellipsis;">
+  <option selected>Text that is long enough that it totally overflows<option>
+</select>
diff --git a/layout/reftests/forms/select/dynamic-text-overflow-1.html b/layout/reftests/forms/select/dynamic-text-overflow-1.html
new file mode 100644
index 0000000000..4d954f6981
--- /dev/null
+++ b/layout/reftests/forms/select/dynamic-text-overflow-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <select style="width: 100px; overflow: hidden;">
+    <option selected>Text that is long enough that it totally overflows<option>
+  </select>
+  <script>
+    onload = function() {
+      var s = document.querySelector("select");
+      window.w = s.offsetWidth;
+      s.style.textOverflow = "ellipsis";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/forms/select/focusring-1-ref.html b/layout/reftests/forms/select/focusring-1-ref.html
new file mode 100644
index 0000000000..9f01908fd5
--- /dev/null
+++ b/layout/reftests/forms/select/focusring-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase #1 for bug 1253977</title>
+    <style type="text/css">
+
+* { -moz-appearance:none; }
+:focus {
+  border:2px solid black;
+}
+:-moz-focusring {
+  outline: 2px dashed black;
+}
+
+    </style>
+</head>
+<body>
+
+<select><option>1<option>2</select>
+<input>
+
+<script>
+
+function runTests() {
+  var b = document.querySelector("input");
+  b.focus();
+  document.body.offsetHeight;
+  setTimeout(function(){ document.body.offsetHeight; document.documentElement.removeAttribute("class"); }, 100);
+}
+
+window.focus();
+window.addEventListener("MozReftestInvalidate", runTests);
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/select/focusring-1.html b/layout/reftests/forms/select/focusring-1.html
new file mode 100644
index 0000000000..e384bd4097
--- /dev/null
+++ b/layout/reftests/forms/select/focusring-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase #1 for bug 1253977</title>
+    <style type="text/css">
+
+* { -moz-appearance:none; }
+:focus {
+  border:2px solid black;
+}
+:-moz-focusring {
+  outline: 2px dashed black;
+}
+
+    </style>
+</head>
+<body>
+
+<select><option>1<option>2</select>
+<input>
+
+<script>
+
+function runTests() {
+  var s = document.querySelector("select");
+  var b = document.querySelector("input");
+  s.focus();
+  document.body.offsetHeight;
+  setTimeout(function(){ s.style.display = 'none'; document.body.offsetHeight; }, 2);
+  setTimeout(function(){ b.focus(); document.body.offsetHeight; }, 3);
+  setTimeout(function(){ s.style.display = 'inline'; document.body.offsetHeight; }, 4);
+  setTimeout(function(){ document.documentElement.removeAttribute("class"); }, 100);
+}
+
+window.focus();
+window.addEventListener("MozReftestInvalidate", runTests);
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/select/focusring-2-ref.html b/layout/reftests/forms/select/focusring-2-ref.html
new file mode 100644
index 0000000000..c7c16a5e5e
--- /dev/null
+++ b/layout/reftests/forms/select/focusring-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase #2 for bug 1253977</title>
+    <style type="text/css">
+
+* { -moz-appearance:none; }
+:focus {
+  border:2px solid black;
+}
+:-moz-focusring {
+  outline: 2px dashed black;
+}
+
+    </style>
+</head>
+<body>
+
+<select><option>1<option>2</select>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/select/focusring-2.html b/layout/reftests/forms/select/focusring-2.html
new file mode 100644
index 0000000000..e2656b2485
--- /dev/null
+++ b/layout/reftests/forms/select/focusring-2.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase #2 for bug 1253977</title>
+    <style type="text/css">
+
+* { -moz-appearance:none; }
+:focus {
+  border:2px solid black;
+}
+:-moz-focusring {
+  outline: 2px dashed black;
+}
+
+    </style>
+</head>
+<body>
+
+<select onfocus="continueTest1()" onblur="continueTest2()"><option>1<option>2</select>
+
+<script>
+
+function continueTest2(){
+  var s = document.querySelector("select");
+  setTimeout(function(){ s.style.display = 'inline'; document.body.offsetHeight; }, 4);
+  setTimeout(function(){ document.body.offsetHeight; document.documentElement.removeAttribute("class"); }, 100);
+}
+
+function continueTest1(){
+  var s = document.querySelector("select");
+  setTimeout(function(){ s.style.display = 'none';   }, 2);
+  setTimeout(function(){ s.blur();  document.body.offsetHeight; }, 3);
+}
+
+function runTests(){
+  var s = document.querySelector("select");
+  s.focus();
+}
+
+window.focus();
+window.addEventListener("MozReftestInvalidate", runTests);
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/select/intrinsic-size-scrollbar.html b/layout/reftests/forms/select/intrinsic-size-scrollbar.html
new file mode 100644
index 0000000000..091bd989c5
--- /dev/null
+++ b/layout/reftests/forms/select/intrinsic-size-scrollbar.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<select><option>ABC</option></select>
diff --git a/layout/reftests/forms/select/listbox-checked-style-notref.html b/layout/reftests/forms/select/listbox-checked-style-notref.html
new file mode 100644
index 0000000000..3b78fbac50
--- /dev/null
+++ b/layout/reftests/forms/select/listbox-checked-style-notref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+  option {
+    background-color: purple;
+    color: white;
+  }
+</style>
+<select autofocus size="2">
+  <option selected>A</option>
+  <option>B</option>
+</select>
diff --git a/layout/reftests/forms/select/listbox-checked-style-ref.html b/layout/reftests/forms/select/listbox-checked-style-ref.html
new file mode 100644
index 0000000000..c48bc81225
--- /dev/null
+++ b/layout/reftests/forms/select/listbox-checked-style-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+  option {
+    background-color: purple;
+    color: white;
+  }
+</style>
+<select size="2">
+  <option>A</option>
+  <option>B</option>
+</select>
diff --git a/layout/reftests/forms/select/listbox-checked-style.html b/layout/reftests/forms/select/listbox-checked-style.html
new file mode 100644
index 0000000000..1eb33817f6
--- /dev/null
+++ b/layout/reftests/forms/select/listbox-checked-style.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+  option {
+    background-color: purple;
+    color: white;
+  }
+</style>
+<select size="2">
+  <option selected>A</option>
+  <option>B</option>
+</select>
diff --git a/layout/reftests/forms/select/listbox-focus-notref.html b/layout/reftests/forms/select/listbox-focus-notref.html
new file mode 100644
index 0000000000..d76865abbf
--- /dev/null
+++ b/layout/reftests/forms/select/listbox-focus-notref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+  select {
+    appearance: none;
+    outline: none;
+    border: none;
+  }
+</style>
+<select multiple>
+  <option>First</option>
+  <option>Second</option>
+  <option>Third</option>
+</select>
diff --git a/layout/reftests/forms/select/listbox-focus.html b/layout/reftests/forms/select/listbox-focus.html
new file mode 100644
index 0000000000..0689ed43b8
--- /dev/null
+++ b/layout/reftests/forms/select/listbox-focus.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+  select {
+    appearance: none;
+    outline: none;
+    border: none;
+  }
+</style>
+<select multiple autofocus>
+  <option>First</option>
+  <option>Second</option>
+  <option>Third</option>
+</select>
diff --git a/layout/reftests/forms/select/listbox-zero-row-initial-ref.html b/layout/reftests/forms/select/listbox-zero-row-initial-ref.html
new file mode 100644
index 0000000000..e7b2ec673a
--- /dev/null
+++ b/layout/reftests/forms/select/listbox-zero-row-initial-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>Reference for initial reflow of zero height options</title>
+<style>
+
+  html { overflow: hidden }
+  option { height: 0; min-height: 0 }
+
+</style>
+
+<select size="3">
+  <option>One</option>
+  <option>Two</option>
+  <option>Three</option>
+</select>
+
+<script>
+
+  document.body.offsetHeight; // flush layout
+  document.body.style.fontSize = "60px";
+  document.body.offsetHeight; // flush layout
+  document.body.style.fontSize = "";
+
+</script>
diff --git a/layout/reftests/forms/select/listbox-zero-row-initial.html b/layout/reftests/forms/select/listbox-zero-row-initial.html
new file mode 100644
index 0000000000..1ff6549da2
--- /dev/null
+++ b/layout/reftests/forms/select/listbox-zero-row-initial.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Testcase for initial reflow of zero height options</title>
+<style>
+
+  html { overflow: hidden }
+  option { height: 0; min-height: 0 }
+
+</style>
+
+<select size="3">
+  <option>One</option>
+  <option>Two</option>
+  <option>Three</option>
+</select>
diff --git a/layout/reftests/forms/select/multiple-ref.html b/layout/reftests/forms/select/multiple-ref.html
new file mode 100644
index 0000000000..70bdac6bc3
--- /dev/null
+++ b/layout/reftests/forms/select/multiple-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select size='4'>
+      <option>Tulip</option>
+      <option>Lily</option>
+      <option>Gagea</option>
+      <option>Snowflake</option>
+      <option>Ismene</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/forms/select/multiple.html b/layout/reftests/forms/select/multiple.html
new file mode 100644
index 0000000000..6b95eebc56
--- /dev/null
+++ b/layout/reftests/forms/select/multiple.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <select multiple>
+      <option>Tulip</option>
+      <option>Lily</option>
+      <option>Gagea</option>
+      <option>Snowflake</option>
+      <option>Ismene</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/forms/select/no-padding-ref.html b/layout/reftests/forms/select/no-padding-ref.html
new file mode 100644
index 0000000000..6ba141c627
--- /dev/null
+++ b/layout/reftests/forms/select/no-padding-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<button style="color: black; border: 1px solid; appearance: none; padding: 0">ABC</button>
diff --git a/layout/reftests/forms/select/no-padding.html b/layout/reftests/forms/select/no-padding.html
new file mode 100644
index 0000000000..8784b7b750
--- /dev/null
+++ b/layout/reftests/forms/select/no-padding.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<select style="color: black; border: 1px solid; appearance: none; padding: 0;"><option>ABC</option></select>
diff --git a/layout/reftests/forms/select/option-children-ref.html b/layout/reftests/forms/select/option-children-ref.html
new file mode 100644
index 0000000000..09f6d19f09
--- /dev/null
+++ b/layout/reftests/forms/select/option-children-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Option elements with children</title>
+<body>
+<select><option>font</option></select>
diff --git a/layout/reftests/forms/select/option-children.html b/layout/reftests/forms/select/option-children.html
new file mode 100644
index 0000000000..357247b567
--- /dev/null
+++ b/layout/reftests/forms/select/option-children.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Option elements with children</title>
+<body>
+<script>
+document.body
+  .appendChild(document.createElement("select"))
+  .appendChild(document.createElement("option"))
+  .appendChild(document.createElement("font"))
+  .appendChild(document.createTextNode("font"))
+</script>
diff --git a/layout/reftests/forms/select/out-of-bounds-selectedindex-ref.html b/layout/reftests/forms/select/out-of-bounds-selectedindex-ref.html
new file mode 100644
index 0000000000..4130241765
--- /dev/null
+++ b/layout/reftests/forms/select/out-of-bounds-selectedindex-ref.html
@@ -0,0 +1,112 @@
+<html class="reftest-wait">
+<head><title>Testcase for bug 471741</title>
+<script>
+function sel(id,index) {
+  var el = document.getElementById(id)
+  el.selectedIndex = index;
+}
+
+</script>
+</head>
+<body>
+<select size="4" id="m1" multiple="multiple">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+<select size="1" id="s1">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+
+<select size="4" id="m2" multiple="multiple">
+	<option value="Item0">Item0</option>
+</select>
+<select size="1" id="s2">
+	<option value="Item0">Item0</option>
+</select>
+
+<select size="4" id="m3" multiple="multiple"></select>
+<select size="1" id="s3"></select>
+<br>
+
+<select size="4" id="r2m1" multiple="multiple">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+<select size="1" id="r2s1">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+
+<select size="4" id="r2m2" multiple="multiple">
+	<option value="Item0">Item0</option>
+</select>
+<select size="1" id="r2s2">
+	<option value="Item0">Item0</option>
+</select>
+
+<select size="4" id="r2m3" multiple="multiple"></select>
+<select size="1" id="r2s3"></select>
+<br>
+
+<select size="4" id="r3m1" multiple="multiple">
+	<option selected="selected" value="Item0">Item0</option>
+	<option value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+<select size="1" id="r3s1">
+	<option selected="selected" value="Item0">Item0</option>
+	<option value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+
+<select size="4" id="r3m2" multiple="multiple">
+	<option selected="selected" value="Item0">Item0</option>
+</select>
+<select size="1" id="r3s2">
+	<option selected="selected" value="Item0">Item0</option>
+</select>
+
+<select size="4" id="r3m3" multiple="multiple"></select>
+<select size="1" id="r3s3"></select>
+<br>
+
+<div id="result">Result: -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 -1 0 0 0 0 -1 -1 </div>
+
+<script>
+sel('m1', -1)
+sel('s1', -1)
+sel('m2', -1)
+sel('s2', -1)
+sel('m3', -1)
+sel('s3', -1)
+
+sel('r2m1', -1)
+sel('r2s1', -1)
+sel('r2m2', -1)
+sel('r2s2', -1)
+sel('r2m3', -1)
+sel('r2s3', -1)
+
+var flush = document.documentElement.offsetHeight;
+document.documentElement.className='';
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/select/out-of-bounds-selectedindex.html b/layout/reftests/forms/select/out-of-bounds-selectedindex.html
new file mode 100644
index 0000000000..4ae9ed06b6
--- /dev/null
+++ b/layout/reftests/forms/select/out-of-bounds-selectedindex.html
@@ -0,0 +1,129 @@
+<html class="reftest-wait">
+<head><title>Testcase for bug 471741</title>
+<script>
+var result = "Result: "
+function sel(id,index) {
+  var el = document.getElementById(id)
+  el.selectedIndex = index;
+  result += el.selectedIndex + ' ';
+}
+
+</script>
+</head>
+<body id="body">
+<select size="4" id="m1" multiple="multiple">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+<select size="1" id="s1">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+
+<select size="4" id="m2" multiple="multiple">
+	<option value="Item0">Item0</option>
+</select>
+<select size="1" id="s2">
+	<option value="Item0">Item0</option>
+</select>
+
+<select size="4" id="m3" multiple="multiple"></select>
+<select size="1" id="s3"></select>
+<br>
+
+<select size="4" id="r2m1" multiple="multiple">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+<select size="1" id="r2s1">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+
+<select size="4" id="r2m2" multiple="multiple">
+	<option value="Item0">Item0</option>
+</select>
+<select size="1" id="r2s2">
+	<option value="Item0">Item0</option>
+</select>
+
+<select size="4" id="r2m3" multiple="multiple"></select>
+<select size="1" id="r2s3"></select>
+<br>
+
+<select size="4" id="r3m1" multiple="multiple">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+<select size="1" id="r3s1">
+	<option value="Item0">Item0</option>
+	<option selected="selected" value="Item1">Item1</option>
+	<option value="Item2">Item2</option>
+	<option value="Item3">Item3</option>
+	<option value="Item4">Item4</option>
+</select>
+
+<select size="4" id="r3m2" multiple="multiple">
+	<option value="Item0">Item0</option>
+</select>
+<select size="1" id="r3s2">
+	<option value="Item0">Item0</option>
+</select>
+
+<select size="4" id="r3m3" multiple="multiple"></select>
+<select size="1" id="r3s3"></select>
+<br>
+
+<div id="result"></div>
+
+<script>
+sel('m1', 10)
+sel('s1', 10)
+sel('m2', 99999)
+sel('s2', 99999)
+sel('m3', 10)
+sel('s3', 10)
+
+sel('r2m1', -2)
+sel('r2s1', -2)
+sel('r2m2', -12)
+sel('r2s2', -12)
+sel('r2m3', -2)
+sel('r2s3', -2)
+
+sel('r3m1', -2)
+sel('r3s1', -2)
+sel('r3m2', -12)
+sel('r3s2', -12)
+sel('r3m3', -2)
+sel('r3s3', -2)
+sel('r3m1', 0)
+sel('r3s1', 0)
+sel('r3m2', 0)
+sel('r3s2', 0)
+sel('r3m3', 0)
+sel('r3s3', 0)
+
+document.getElementById('result').innerHTML = result;
+
+var flush = document.documentElement.offsetHeight;
+document.documentElement.className='';
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/forms/select/padding-button-placement-ref.html b/layout/reftests/forms/select/padding-button-placement-ref.html
new file mode 100644
index 0000000000..342b404c6d
--- /dev/null
+++ b/layout/reftests/forms/select/padding-button-placement-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    </head>
+    <body>
+        <div style="box-sizing:border-box; width:402px; height:202px; border:1px solid black; border-right:50px solid black;"></div>
+        <div style="box-sizing:border-box; width:402px; height:202px; border:1px solid black; border-left:50px solid black;"></div>
+    </body>
+</html>
diff --git a/layout/reftests/forms/select/padding-button-placement.html b/layout/reftests/forms/select/padding-button-placement.html
new file mode 100644
index 0000000000..3707150321
--- /dev/null
+++ b/layout/reftests/forms/select/padding-button-placement.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    </head>
+    <body>
+        <!-- The div's border should hide the select's button -->
+        <!-- z-index:1 works around an unrelated bug in B2G -->
+        <div style="position:absolute; z-index:1; box-sizing:border-box; width:402px; height:202px; border-right:50px solid black;"></div>
+        <div><select style="background:transparent; border-radius:0; box-sizing:content-box; padding:50px; width:300px; height:100px; border:1px solid black; direction:ltr"></select></div>
+
+        <div style="position:absolute; z-index:1; box-sizing:border-box; width:402px; height:202px; border-left:50px solid black;"></div>
+        <div><select style="background:transparent; border-radius:0; box-sizing:content-box; padding:50px; width:300px; height:100px; border:1px solid black; direction:rtl"></select></div>
+    </body>
+</html>
diff --git a/layout/reftests/forms/select/reftest.list b/layout/reftests/forms/select/reftest.list
new file mode 100644
index 0000000000..d2d1c1be6d
--- /dev/null
+++ b/layout/reftests/forms/select/reftest.list
@@ -0,0 +1,31 @@
+fuzzy-if(Android,0-4,0-12) == out-of-bounds-selectedindex.html out-of-bounds-selectedindex-ref.html # test for bug 471741
+== multiple.html multiple-ref.html
+== boguskids.html boguskids-ref.html
+== dynamic-boguskids.html boguskids-ref.html
+== option-children.html option-children-ref.html
+fuzzy(0-1,0-4) == padding-button-placement.html padding-button-placement-ref.html
+== vertical-centering.html vertical-centering-ref.html
+== 997709-2.html 997709-2-ref.html
+fuzzy(0-4,0-1) needs-focus == focusring-1.html focusring-1-ref.html
+needs-focus == focusring-2.html focusring-2-ref.html
+== dynamic-text-indent-1.html dynamic-text-indent-1-ref.html
+== dynamic-text-overflow-1.html dynamic-text-overflow-1-ref.html
+== listbox-zero-row-initial.html listbox-zero-row-initial-ref.html
+skip-if(Android) == select-option-display-none-inline-size.html select-option-display-none-inline-size-ref.html
+
+# Android and Windows actually use the anonymous select > button (rather than
+# drawing the arrow as a background like Linux and Mac), so most of this test
+# doesn't apply since when over-constrained it gets zero-sized.
+skip-if(Android||winWidget) == themed-select-padding-no-clip.html themed-select-padding-no-clip-ref.html
+
+== select-scrollbar-width.html select-scrollbar-width-ref.html
+test-pref(ui.useOverlayScrollbars,0) ref-pref(ui.useOverlayScrollbars,1) == intrinsic-size-scrollbar.html intrinsic-size-scrollbar.html
+
+== listbox-checked-style.html listbox-checked-style-ref.html
+needs-focus != listbox-checked-style.html listbox-checked-style-notref.html
+needs-focus != listbox-focus.html listbox-focus-notref.html
+
+== 1769580.html 1769580-ref.html
+
+== no-padding.html no-padding-ref.html
+!= arrow-color.html arrow-color-notref.html
diff --git a/layout/reftests/forms/select/select-option-display-none-inline-size-ref.html b/layout/reftests/forms/select/select-option-display-none-inline-size-ref.html
new file mode 100644
index 0000000000..c10490b0e8
--- /dev/null
+++ b/layout/reftests/forms/select/select-option-display-none-inline-size-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: SELECT size with display:none OPTION</title>
+</head>
+<body>
+
+<select><option>option</select>
+<select style="-webkit-appearance: none"><option>option</select>
+<select style="-webkit-appearance: none; border: 1px solid black"><option>option</select>
+<select style="border: 1px solid black"><option>option</select>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/select/select-option-display-none-inline-size.html b/layout/reftests/forms/select/select-option-display-none-inline-size.html
new file mode 100644
index 0000000000..ece010df4c
--- /dev/null
+++ b/layout/reftests/forms/select/select-option-display-none-inline-size.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Test: SELECT size with display:none OPTION</title>
+  <style>
+
+.none { display: none; }
+
+  </style>
+</head>
+<body>
+
+<select><option class="none">option</select>
+<select style="-webkit-appearance: none"><option class="none">option</select>
+<select style="-webkit-appearance: none; border: 1px solid black"><option class="none">option</select>
+<select style="border: 1px solid black"><option class="none">option</select>
+
+</body>
+</html>
diff --git a/layout/reftests/forms/select/select-scrollbar-width-ref.html b/layout/reftests/forms/select/select-scrollbar-width-ref.html
new file mode 100644
index 0000000000..1a411340f8
--- /dev/null
+++ b/layout/reftests/forms/select/select-scrollbar-width-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<select style="border: 1px solid"><option>ABCDE</option></select>
diff --git a/layout/reftests/forms/select/select-scrollbar-width.html b/layout/reftests/forms/select/select-scrollbar-width.html
new file mode 100644
index 0000000000..fb2b627a83
--- /dev/null
+++ b/layout/reftests/forms/select/select-scrollbar-width.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<select style="scrollbar-width: thin; border: 1px solid"><option>ABCDE</option></select>
diff --git a/layout/reftests/forms/select/themed-select-padding-no-clip-ref.html b/layout/reftests/forms/select/themed-select-padding-no-clip-ref.html
new file mode 100644
index 0000000000..d8f5fd7b43
--- /dev/null
+++ b/layout/reftests/forms/select/themed-select-padding-no-clip-ref.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<title>Bug 1561794 - padding-inline-end does not clip display text for themed comboboxes.</title>
+<style>
+  select, .unthemed {
+    font: 16px / 1 monospace;
+    width: 20ch;
+    display: block;
+  }
+  .unthemed {
+    box-sizing: border-box;
+    border: 1px solid grey;
+  }
+</style>
+<!--- Ensure the text isn't chopped -->
+<select><option>XXXXXXXXXXXX</option></select>
+<select><option>X XXXXXXXXXX</option></select>
+
+<!--- Test that the display text doesn't overflow the select. -->
+<select style="overflow: hidden"><option>XXXXXXXXXXXXXXXXXX</option></select>
+
+<!-- Test that this only affects themed comboboxes -->
+<div class="unthemed" style="padding-right: 15ch"><div style="padding: 1px 4px; overflow: hidden;">XXXXXXXXXX</div></div>
+
+<select id="src" style="padding-left: 10ch; padding-right: 10ch"><option>XXXXXXXXXX</option></select>
+<select id="ref" style="padding-left: 10ch;"><option>XXXXXXXXXX</option></select>
+<script>
+  // This one is a bit special, because we want `ref` to have the same size as
+  // `src`, which for some reason, with or without the patch for this bug,
+  // grows outside the specified width. Given this width depends on scrollbar,
+  // width, which is platform dependent, we just calculate it from `src`, and
+  // then hide it.
+  //
+  // We just really want to test that the padding right doesn't clip the text
+  // anyhow.
+  ref.style.width = getComputedStyle(src).width;
+  src.style.display = "none";
+</script>
diff --git a/layout/reftests/forms/select/themed-select-padding-no-clip.html b/layout/reftests/forms/select/themed-select-padding-no-clip.html
new file mode 100644
index 0000000000..d353ecc871
--- /dev/null
+++ b/layout/reftests/forms/select/themed-select-padding-no-clip.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<title>Bug 1561794 - padding-inline-end does not clip display text for themed comboboxes.</title>
+<style>
+  select {
+    font: 16px / 1 monospace;
+    width: 20ch;
+    display: block;
+  }
+  .unthemed {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    border: 1px solid grey;
+    background: transparent;
+  }
+</style>
+<!--- Ensure the text isn't chopped -->
+<select style="padding-right: 15ch"><option>XXXXXXXXXXXX</option></select>
+<select style="padding-right: 15ch"><option>X XXXXXXXXXX</option></select>
+
+<!--- Test that the display text doesn't overflow the select. It'd be nice to test it doesn't overlap the button (which is true), but that seems hard to test via a reftest -->
+<select style="padding-right: 15ch"><option>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</option></select>
+
+<!-- Test that this only affects themed comboboxes; 4px is the padding-inline-start of the comboboxcontrol-frame anon box, so as to clip exactly at a character boundary. -->
+<select class="unthemed" style="color: initial; padding-right: 15ch"><option>XXXXXXXXXX</option></select>
+
+<select style="padding-left: 10ch; padding-right: 10ch"><option>XXXXXXXXXX</option></select>
diff --git a/layout/reftests/forms/select/vertical-centering-ref.html b/layout/reftests/forms/select/vertical-centering-ref.html
new file mode 100644
index 0000000000..82bbb7d3d0
--- /dev/null
+++ b/layout/reftests/forms/select/vertical-centering-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+  @font-face {
+    font-family: "Ahem";
+    src: url(../../fonts/Ahem.ttf);
+  }
+  select {
+    -moz-appearance: none;
+    border: none;
+    font: 20px/1 Ahem;
+    box-sizing: content-box;
+    /* The testcase has 20px-tall text, which should be centered in a 40px-tall
+     content-box (with 10px of extra space above and below).  We emulate that
+     by having explicit 10px of padding on top and bottom. */
+    padding: 10px 0 10px 0;
+  }
+</style>
+<select>
+  <option>X</option>
+</select>
diff --git a/layout/reftests/forms/select/vertical-centering.html b/layout/reftests/forms/select/vertical-centering.html
new file mode 100644
index 0000000000..fb464395d5
--- /dev/null
+++ b/layout/reftests/forms/select/vertical-centering.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+  @font-face {
+    font-family: "Ahem";
+    src: url(../../fonts/Ahem.ttf);
+  }
+  select {
+    -moz-appearance: none;
+    border: none;
+    font: 20px/1 Ahem;
+    box-sizing: content-box;
+    height: 40px;
+    padding: 0;
+  }
+</style>
+<select>
+  <option>X</option>
+</select>
diff --git a/layout/reftests/forms/text-control-baseline-1-ref.html b/layout/reftests/forms/text-control-baseline-1-ref.html
new file mode 100644
index 0000000000..f46e55f1d2
--- /dev/null
+++ b/layout/reftests/forms/text-control-baseline-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+        <title>Reference for bug 481751</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <style type="text/css">
+        @font-face {
+                font-family: "MarkA";
+                src: url(../fonts/markA.ttf);
+        }
+	body {
+	  background-color: white;
+	}
+        input, textarea {
+	  font-family: "MarkA", sans-serif;
+          font-size: 32px;
+	  background-color: black;
+	  color: black;
+	  vertical-align: baseline;
+	}
+        </style>
+</head>
+<body>
+  <input size="2" value="A">
+  <input size="2" value="A">
+  <textarea cols="2">A</textarea>
+  <textarea cols="2">A</textarea>
+</body>
+</html>
diff --git a/layout/reftests/forms/text-control-baseline-1.html b/layout/reftests/forms/text-control-baseline-1.html
new file mode 100644
index 0000000000..080eeb5cd4
--- /dev/null
+++ b/layout/reftests/forms/text-control-baseline-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+        <title>Test for bug 481751</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<!--
+	    The primary font MarkA has a small line height.  The default font
+	    (used for the character '1') will probably have a maximum ascent
+	    greater than the ascent plus half leading of MarkA, but this
+	    should not change the baseline (and thus position) of the text
+	    control.
+	  -->
+        <style type="text/css">
+        @font-face {
+                font-family: "MarkA";
+                src: url(../fonts/markA.ttf);
+        }
+	body {
+	  background-color: white;
+	}
+        input, textarea {
+	  font-family: "MarkA", sans-serif;
+          font-size: 32px;
+	  background-color: black;
+	  color: black;
+	  vertical-align: baseline;
+	}
+        </style>
+</head>
+<body>
+  <input size="2" value="A">
+  <input size="2" value="A1">
+  <textarea cols="2">A</textarea>
+  <textarea cols="2">A1</textarea>
+</body>
+</html>
diff --git a/layout/reftests/forms/textarea/appearance-background-change-ref.html b/layout/reftests/forms/textarea/appearance-background-change-ref.html
new file mode 100644
index 0000000000..df5585213e
--- /dev/null
+++ b/layout/reftests/forms/textarea/appearance-background-change-ref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+  textarea, input {
+    background: transparent;
+  }
+</style>
+<textarea>FOO BAR</textarea><br>
+<input value="FOO BAR">
diff --git a/layout/reftests/forms/textarea/appearance-background-change.html b/layout/reftests/forms/textarea/appearance-background-change.html
new file mode 100644
index 0000000000..d1c7730513
--- /dev/null
+++ b/layout/reftests/forms/textarea/appearance-background-change.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<textarea>FOO BAR</textarea><br>
+<input value="FOO BAR">
+<script>
+onload = function() {
+  for (let e of document.querySelectorAll("input, textarea")) {
+    e.getBoundingClientRect().top;
+    e.style.background = "transparent";
+  }
+}
+</script>
diff --git a/layout/reftests/forms/textarea/in-dynamic-rtl-doc.html b/layout/reftests/forms/textarea/in-dynamic-rtl-doc.html
new file mode 100644
index 0000000000..c8afa20cf2
--- /dev/null
+++ b/layout/reftests/forms/textarea/in-dynamic-rtl-doc.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body style="text-align: left">
+  <textarea cols=20 rows=4></textarea>
+  <script>
+    onload = function() {
+      setTimeout(function() {
+        document.dir = "rtl";
+        document.documentElement.removeAttribute("class");
+      });
+    };
+  </script>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/in-ltr-doc-scrollbar.html b/layout/reftests/forms/textarea/in-ltr-doc-scrollbar.html
new file mode 100644
index 0000000000..e6b14358ec
--- /dev/null
+++ b/layout/reftests/forms/textarea/in-ltr-doc-scrollbar.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html dir="ltr">
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea cols=20 rows=4 style="overflow: scroll; resize: none"></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/in-rtl-doc-scrollbar.html b/layout/reftests/forms/textarea/in-rtl-doc-scrollbar.html
new file mode 100644
index 0000000000..8c915b5ee9
--- /dev/null
+++ b/layout/reftests/forms/textarea/in-rtl-doc-scrollbar.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html dir="rtl">
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea cols=20 rows=4 style="float: left; overflow: scroll; resize: none"></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/ltr-scrollbar.html b/layout/reftests/forms/textarea/ltr-scrollbar.html
new file mode 100644
index 0000000000..927fbede66
--- /dev/null
+++ b/layout/reftests/forms/textarea/ltr-scrollbar.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea dir="ltr" cols=20 rows=4 style="overflow: scroll; resize: none"></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/ltr.html b/layout/reftests/forms/textarea/ltr.html
new file mode 100644
index 0000000000..c7e84be0e2
--- /dev/null
+++ b/layout/reftests/forms/textarea/ltr.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea cols=20 rows=4></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/no-resize.html b/layout/reftests/forms/textarea/no-resize.html
new file mode 100644
index 0000000000..fbf8796532
--- /dev/null
+++ b/layout/reftests/forms/textarea/no-resize.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea cols=20 rows=4 style="resize: none"></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/padding-scrollbar-placement-ref.html b/layout/reftests/forms/textarea/padding-scrollbar-placement-ref.html
new file mode 100644
index 0000000000..40a639eb94
--- /dev/null
+++ b/layout/reftests/forms/textarea/padding-scrollbar-placement-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+        <title>Padding and Scrollbar Placement Test Reference</title>
+	<style>input, textarea { border-radius:0; background:none; border:none; }</style>
+        <style type="text/css">
+            #t {
+                display: block;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+                padding: 50px;
+                width: 300px;
+                height: 100px;
+                border: 5px solid red;
+                margin: 10px;
+                overflow: scroll;
+                font-family: verdana;
+                white-space: pre-wrap;
+                z-index: 0; /* force a stacking context */
+            }
+            #cover {
+                position: absolute;
+                left: 400px;
+                top: 50px;
+                width: 100px;
+                height: 300px;
+                background: black;
+            }
+        </style>
+    </head>
+    <body>
+        <script>
+        var ss = [];
+        for (var i = 0; i < 1000; ++i) {
+          ss.push(i);
+        }
+        document.write("<div id='t'>" + ss.join(" ") + "</div>");
+        </script>
+        <div id="cover"></div>
+    </body>
+</html>
diff --git a/layout/reftests/forms/textarea/padding-scrollbar-placement.html b/layout/reftests/forms/textarea/padding-scrollbar-placement.html
new file mode 100644
index 0000000000..e1b0d7d672
--- /dev/null
+++ b/layout/reftests/forms/textarea/padding-scrollbar-placement.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+        <title>Padding and Scrollbar Placement Test</title>
+	<style>input, textarea { border-radius:0; background:none; border:none; }</style>
+        <style type="text/css">
+            #t {
+                display: block;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+                padding: 50px;
+                width: 300px;
+                height: 100px;
+                border: 5px solid red;
+                margin: 10px;
+                overflow: scroll;
+                font-family: verdana;
+                resize: none;
+                color: black;
+                z-index: 0; /* force a stacking context */
+            }
+            #cover {
+                position: absolute;
+                left: 400px;
+                top: 50px;
+                width: 100px;
+                height: 300px;
+                background: black;
+            }
+        </style>
+    </head>
+    <body>
+        <script>
+        var ss = [];
+        for (var i = 0; i < 1000; ++i) {
+          ss.push(i);
+        }
+        document.write("<textarea id='t'>" + ss.join(" ") + "</textarea>");
+        </script>
+        <div id="cover"></div>
+    </body>
+</html>
diff --git a/layout/reftests/forms/textarea/padding-text-overflow-notref.html b/layout/reftests/forms/textarea/padding-text-overflow-notref.html
new file mode 100644
index 0000000000..78edebcad7
--- /dev/null
+++ b/layout/reftests/forms/textarea/padding-text-overflow-notref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<style>
+  textarea {
+    width: 100px;
+    height: 100px;
+    box-sizing: border-box;
+    padding: 50px 0px;
+    overflow: hidden;
+    resize: none;
+  }
+</style>
+<textarea></textarea>
diff --git a/layout/reftests/forms/textarea/padding-text-overflow.html b/layout/reftests/forms/textarea/padding-text-overflow.html
new file mode 100644
index 0000000000..92cc4f38ec
--- /dev/null
+++ b/layout/reftests/forms/textarea/padding-text-overflow.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+  textarea {
+    width: 100px;
+    height: 100px;
+    box-sizing: border-box;
+    padding: 50px 0px;
+    overflow: hidden;
+    resize: none;
+  }
+</style>
+<!-- Text should be visible -->
+<textarea>Foo</textarea>
diff --git a/layout/reftests/forms/textarea/reftest.list b/layout/reftests/forms/textarea/reftest.list
new file mode 100644
index 0000000000..f27e99726e
--- /dev/null
+++ b/layout/reftests/forms/textarea/reftest.list
@@ -0,0 +1,18 @@
+== resize.html resize-ref.html
+== resize-vertical.html resize-ref.html
+== resize-rtl.html resize-rtl-ref.html
+== resize-rtl-vertical.html resize-rtl-ref.html
+# an offset seems to apply to the native resizer on windows so skip this test for now
+skip-if(Android) skip-if(winWidget) fuzzy-if(cocoaWidget,0-1,0-33) fuzzy-if(!winWidget&&!Android,0-5,0-10) == resize-background.html resize-background-ref.html
+skip-if(Android) != ltr.html rtl.html
+skip-if(Android) != ltr-scrollbar.html rtl-scrollbar.html
+skip-if(Android) != in-ltr-doc-scrollbar.html in-rtl-doc-scrollbar.html
+skip-if(Android) != ltr.html no-resize.html
+skip-if(Android) != rtl.html no-resize.html # bug 834724
+fuzzy(0-1,0-1) == rtl.html rtl-dynamic-attr.html
+fuzzy(0-1,0-1) == rtl.html rtl-dynamic-style.html
+== rtl.html in-dynamic-rtl-doc.html
+fuzzy-if(asyncPan&&!layersGPUAccelerated,0-102,0-4168) == padding-scrollbar-placement.html padding-scrollbar-placement-ref.html
+== various-cols.html various-cols-ref.html
+== appearance-background-change.html appearance-background-change-ref.html
+!= padding-text-overflow.html padding-text-overflow-notref.html
diff --git a/layout/reftests/forms/textarea/resize-background-ref.html b/layout/reftests/forms/textarea/resize-background-ref.html
new file mode 100644
index 0000000000..9217ffaf86
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize-background-ref.html
@@ -0,0 +1,30 @@
+<html>
+<script>
+function sizeResizer() {
+    // reference resizer
+    var img = document.getElementsByTagName("img")[0];
+    // hidden textarea
+    var textarea = document.getElementsByTagName("textarea")[0];
+    var width = 200 - textarea.clientWidth;
+    var height = 200 - textarea.clientHeight;
+    // (Leave test failing if a scrollbar is missing)
+    if (width != 0 && height != 0) {
+        img.style.width = width + "px";
+        img.style.left = textarea.clientWidth + "px";
+        img.style.height = height + "px";
+        img.style.top = textarea.clientHeight + "px";
+    }
+}
+</script>
+<body onload="sizeResizer()">
+<textarea style="width: 200px; height: 200px; margin: 0; border: none;
+                 background: red; font-size: 400px;">
+M
+</textarea>
+<div style="position: relative; top: -200px;
+            width: 200px; height: 200px; margin: 0; border: none;
+            background: lightgreen">
+  <img style="position: relative;" src="chrome://global/skin/icons/resizer.svg">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/forms/textarea/resize-background.html b/layout/reftests/forms/textarea/resize-background.html
new file mode 100644
index 0000000000..24c6f70d89
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize-background.html
@@ -0,0 +1,3 @@
+<html><body>
+<textarea style="width: 200px; height: 200px; margin: 0; background: lightgreen; border: none;"></textarea>
+</body></html>
diff --git a/layout/reftests/forms/textarea/resize-ref.html b/layout/reftests/forms/textarea/resize-ref.html
new file mode 100644
index 0000000000..5d3334889d
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize-ref.html
@@ -0,0 +1,3 @@
+<html><body>
+<div style="overflow: auto; resize: both; background: white; -moz-appearance: none; border: 0; padding: 0; margin: 0; width: 100px; height: 100px;"></div>
+</body></html>
diff --git a/layout/reftests/forms/textarea/resize-rtl-ref.html b/layout/reftests/forms/textarea/resize-rtl-ref.html
new file mode 100644
index 0000000000..9ae0ac14fe
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize-rtl-ref.html
@@ -0,0 +1,3 @@
+<html><body>
+<div style="transform: scaleX(-1); overflow: auto; resize: both; background: white; -moz-appearance: none; border: 0; padding: 0; margin: 0; width: 100px; height: 100px;"></div>
+</body></html>
diff --git a/layout/reftests/forms/textarea/resize-rtl-vertical.html b/layout/reftests/forms/textarea/resize-rtl-vertical.html
new file mode 100644
index 0000000000..602ca9b399
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize-rtl-vertical.html
@@ -0,0 +1,3 @@
+<html><body>
+<textarea dir="rtl" style="resize: vertical; -moz-appearance: none; background: white; border: 0; padding: 0; margin: 0; width: 100px; height: 100px;" resizable="false" multiline="true" width="100" height="100"></textarea>
+</body></html>
diff --git a/layout/reftests/forms/textarea/resize-rtl.html b/layout/reftests/forms/textarea/resize-rtl.html
new file mode 100644
index 0000000000..c91acad3ce
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize-rtl.html
@@ -0,0 +1,3 @@
+<html><body>
+<textarea dir="rtl" style="-moz-appearance: none; background: white; border: 0; padding: 0; margin: 0; width: 100px; height: 100px;" resizable="false" multiline="true" width="100" height="100"></textarea>
+</body></html>
diff --git a/layout/reftests/forms/textarea/resize-vertical.html b/layout/reftests/forms/textarea/resize-vertical.html
new file mode 100644
index 0000000000..57a245449f
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize-vertical.html
@@ -0,0 +1,3 @@
+<html><body>
+<textarea style="resize: vertical; -moz-appearance: none; background: white; border: 0; padding: 0; margin: 0; width: 100px; height: 100px;" resizable="false" multiline="true" width="100" height="100"></textarea>
+</body></html>
diff --git a/layout/reftests/forms/textarea/resize.html b/layout/reftests/forms/textarea/resize.html
new file mode 100644
index 0000000000..f513b4634f
--- /dev/null
+++ b/layout/reftests/forms/textarea/resize.html
@@ -0,0 +1,3 @@
+<html><body>
+<textarea style="-moz-appearance: none; background: white; border: 0; padding: 0; margin: 0; width: 100px; height: 100px;" resizable="false" multiline="true" width="100" height="100"></textarea>
+</body></html>
diff --git a/layout/reftests/forms/textarea/rtl-dynamic-attr.html b/layout/reftests/forms/textarea/rtl-dynamic-attr.html
new file mode 100644
index 0000000000..47f97baa7b
--- /dev/null
+++ b/layout/reftests/forms/textarea/rtl-dynamic-attr.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea cols=20 rows=4></textarea>
+  <script>
+    onload = function() {
+      setTimeout(function() {
+        document.querySelector("textarea").setAttribute("dir", "rtl");
+        document.documentElement.removeAttribute("class");
+      });
+    };
+  </script>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/rtl-dynamic-style.html b/layout/reftests/forms/textarea/rtl-dynamic-style.html
new file mode 100644
index 0000000000..8997e31c05
--- /dev/null
+++ b/layout/reftests/forms/textarea/rtl-dynamic-style.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea cols=20 rows=4></textarea>
+  <script>
+    onload = function() {
+      setTimeout(function() {
+        document.querySelector("textarea").style.direction = "rtl";
+        document.documentElement.removeAttribute("class");
+      });
+    };
+  </script>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/rtl-scrollbar.html b/layout/reftests/forms/textarea/rtl-scrollbar.html
new file mode 100644
index 0000000000..2770dc6941
--- /dev/null
+++ b/layout/reftests/forms/textarea/rtl-scrollbar.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea dir="rtl" cols=20 rows=4 style="overflow: scroll; resize: none"></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/rtl.html b/layout/reftests/forms/textarea/rtl.html
new file mode 100644
index 0000000000..984f9d9aa9
--- /dev/null
+++ b/layout/reftests/forms/textarea/rtl.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title></title>
+ </head>
+ <body>
+  <textarea dir="rtl" cols=20 rows=4></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/forms/textarea/various-cols-ref.html b/layout/reftests/forms/textarea/various-cols-ref.html
new file mode 100644
index 0000000000..7ba962e61d
--- /dev/null
+++ b/layout/reftests/forms/textarea/various-cols-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<textarea cols="20"></textarea><br>
+<textarea cols="20"></textarea><br>
+<textarea cols="20"></textarea>
diff --git a/layout/reftests/forms/textarea/various-cols.html b/layout/reftests/forms/textarea/various-cols.html
new file mode 100644
index 0000000000..dc62941d8f
--- /dev/null
+++ b/layout/reftests/forms/textarea/various-cols.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<textarea></textarea><br>
+<textarea cols="0"></textarea><br>
+<textarea cols="-1"></textarea>
diff --git a/layout/reftests/forms/textbox/accesskey-1-dyn.xhtml b/layout/reftests/forms/textbox/accesskey-1-dyn.xhtml
new file mode 100644
index 0000000000..797d61b02c
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-1-dyn.xhtml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <label value="foo" accesskey="s"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value="text"/>
+  </hbox>
+  <script>
+    onload = () => {
+      let label = document.querySelector("label");
+      label.getBoundingClientRect();
+      label.value = "test";
+    };
+  </script>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-1-notref.xhtml b/layout/reftests/forms/textbox/accesskey-1-notref.xhtml
new file mode 100644
index 0000000000..606873c38d
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-1-notref.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <label value="test"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value="text"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-1.xhtml b/layout/reftests/forms/textbox/accesskey-1.xhtml
new file mode 100644
index 0000000000..49846b8c47
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-1.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <label value="test" accesskey="s"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value="text"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-2-ref.xhtml b/layout/reftests/forms/textbox/accesskey-2-ref.xhtml
new file mode 100644
index 0000000000..a7ceb4a628
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-2-ref.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- access key in LTR-overridden Arabic text -->
+    <label value="&#x202d;&#x64a;&#x628;&#x631;&#x639;&#x644;&#x627;&#x202c; test" accesskey="&#x639;"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-2.xhtml b/layout/reftests/forms/textbox/accesskey-2.xhtml
new file mode 100644
index 0000000000..3e1efb03ff
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-2.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- access key in RTL Arabic text -->
+    <label value="&#x627;&#x644;&#x639;&#x631;&#x628;&#x64a; test" accesskey="&#x639;"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-3-notref.xhtml b/layout/reftests/forms/textbox/accesskey-3-notref.xhtml
new file mode 100644
index 0000000000..26d2cb7016
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-3-notref.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- no access key, for != test -->
+    <label value="&#x627;&#x644;&#x639;&#x631;&#x628;&#x64a; hello world"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-3-ref.xhtml b/layout/reftests/forms/textbox/accesskey-3-ref.xhtml
new file mode 100644
index 0000000000..3f29077e4e
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-3-ref.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- access key in LTR text that follows RTL text (mixed direction) -->
+    <label value="&#x627;&#x644;&#x639;&#x631;&#x628;&#x64a; hello world" accesskey="d"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-3.xhtml b/layout/reftests/forms/textbox/accesskey-3.xhtml
new file mode 100644
index 0000000000..752e448919
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-3.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- access key in RTL-overridden English text -->
+    <label value="&#x627;&#x644;&#x639;&#x631;&#x628;&#x64a; hello &#x202e;dlrow&#x202c;" accesskey="d"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-4-notref.xhtml b/layout/reftests/forms/textbox/accesskey-4-notref.xhtml
new file mode 100644
index 0000000000..26d2cb7016
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-4-notref.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- no access key, for != test -->
+    <label value="&#x627;&#x644;&#x639;&#x631;&#x628;&#x64a; hello world"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-4-ref.xhtml b/layout/reftests/forms/textbox/accesskey-4-ref.xhtml
new file mode 100644
index 0000000000..1522f92468
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-4-ref.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- access key in English text following LTR-overridden Arabic -->
+    <label value="&#x202d;&#x64a;&#x628;&#x631;&#x639;&#x644;&#x627;&#x202c; hello world" accesskey="w"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/accesskey-4.xhtml b/layout/reftests/forms/textbox/accesskey-4.xhtml
new file mode 100644
index 0000000000..b7ad5b0b1e
--- /dev/null
+++ b/layout/reftests/forms/textbox/accesskey-4.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox access key tests (see bug 698185)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+      font-size: 36px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <!-- access key in English text following RTL Arabic -->
+    <label value="&#x627;&#x644;&#x639;&#x631;&#x628;&#x64a; hello world" accesskey="w"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value=""/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/align-baseline-1-ref.xhtml b/layout/reftests/forms/textbox/align-baseline-1-ref.xhtml
new file mode 100644
index 0000000000..8ad687f2d4
--- /dev/null
+++ b/layout/reftests/forms/textbox/align-baseline-1-ref.xhtml
@@ -0,0 +1,26 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox align=baseline reference"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    #container {
+      margin-top: 12px;
+      padding-top: 8px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+  </html:style>
+
+  <hbox id="container" align="center">
+    <label value="test"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value="text"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/align-baseline-1.xhtml b/layout/reftests/forms/textbox/align-baseline-1.xhtml
new file mode 100644
index 0000000000..eab22d761b
--- /dev/null
+++ b/layout/reftests/forms/textbox/align-baseline-1.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<window title="textbox align=baseline test (bug 494901)"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+	xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style type="text/css">
+    hbox {
+      margin-top: 0px;
+      padding-top: 0px;
+    }
+    label, input {
+      -moz-appearance: none;
+      background: inherit;
+      border: none 0px;
+    }
+    label {
+      margin-top: 0px;
+      padding-top: 0px;
+      margin-bottom: 0px;
+      padding-bottom: 0px;
+    }
+    input {
+      margin-top: 12px;
+      padding-top: 8px;
+      margin-bottom: 5px;
+      padding-bottom: 9px;
+    }
+  </html:style>
+
+  <hbox align="baseline">
+    <label value="test"/>
+    <input xmlns="http://www.w3.org/1999/xhtml" value="text"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/forms/textbox/reftest.list b/layout/reftests/forms/textbox/reftest.list
new file mode 100644
index 0000000000..edb83da6e2
--- /dev/null
+++ b/layout/reftests/forms/textbox/reftest.list
@@ -0,0 +1,11 @@
+# access-key tests are no use on OS X because access keys are not indicated visually
+# no real XUL theme on Android so we just skip
+skip-if(cocoaWidget||Android) != chrome://reftest/content/forms/textbox/accesskey-1.xhtml chrome://reftest/content/forms/textbox/accesskey-1-notref.xhtml
+== chrome://reftest/content/forms/textbox/accesskey-1-dyn.xhtml chrome://reftest/content/forms/textbox/accesskey-1.xhtml
+fuzzy(0-1,0-3) skip-if(cocoaWidget||Android) == chrome://reftest/content/forms/textbox/accesskey-2.xhtml chrome://reftest/content/forms/textbox/accesskey-2-ref.xhtml
+skip-if(cocoaWidget||Android) == chrome://reftest/content/forms/textbox/accesskey-3.xhtml chrome://reftest/content/forms/textbox/accesskey-3-ref.xhtml
+skip-if(cocoaWidget||Android) != chrome://reftest/content/forms/textbox/accesskey-3.xhtml chrome://reftest/content/forms/textbox/accesskey-3-notref.xhtml
+fuzzy(0-1,0-4) skip-if(cocoaWidget||Android) == chrome://reftest/content/forms/textbox/accesskey-4.xhtml chrome://reftest/content/forms/textbox/accesskey-4-ref.xhtml
+skip-if(cocoaWidget||Android) != chrome://reftest/content/forms/textbox/accesskey-4.xhtml chrome://reftest/content/forms/textbox/accesskey-4-notref.xhtml
+skip-if(Android) == chrome://reftest/content/forms/textbox/align-baseline-1.xhtml chrome://reftest/content/forms/textbox/align-baseline-1-ref.xhtml # test for bug 494901
+skip-if(Android) == chrome://reftest/content/forms/textbox/setsize.xhtml chrome://reftest/content/forms/textbox/setsize-ref.xhtml
diff --git a/layout/reftests/forms/textbox/setsize-ref.xhtml b/layout/reftests/forms/textbox/setsize-ref.xhtml
new file mode 100644
index 0000000000..5db79ff9d9
--- /dev/null
+++ b/layout/reftests/forms/textbox/setsize-ref.xhtml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml">
+
+<hbox style="appearance: auto; -moz-default-appearance: textarea; width: 200px; height: 200px;"/>
+<html:div style="position:fixed;top:0;left:0;width:100%;height:100%;"></html:div>
+
+</window>
diff --git a/layout/reftests/forms/textbox/setsize.xhtml b/layout/reftests/forms/textbox/setsize.xhtml
new file mode 100644
index 0000000000..14ccdfb27b
--- /dev/null
+++ b/layout/reftests/forms/textbox/setsize.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml">
+
+<html:textarea style="width: 200px; height: 200px; margin: 0; resize: none; box-sizing: border-box;"/>
+<html:div style="position:fixed;top:0;left:0;width:100%;height:100%;"></html:div>
+</window>
diff --git a/layout/reftests/frameset/frameset-add-col-ref.html b/layout/reftests/frameset/frameset-add-col-ref.html
new file mode 100644
index 0000000000..6cd1b4bf9e
--- /dev/null
+++ b/layout/reftests/frameset/frameset-add-col-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=utf-8>
+  </head>
+  <frameset id="frameset" cols="*,*">
+    <frame />
+    <frame />
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/frameset-add-col.html b/layout/reftests/frameset/frameset-add-col.html
new file mode 100644
index 0000000000..8fe32e1de7
--- /dev/null
+++ b/layout/reftests/frameset/frameset-add-col.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset=utf-8>
+    <script type="text/javascript">
+      window.addEventListener("MozReftestInvalidate", () => {
+        let frameset = document.getElementById("frameset");
+        let newFrame = document.createElement("frame");
+        frameset.appendChild(newFrame);
+        frameset.cols = "*";
+
+        newFrame = document.createElement("frame");
+        frameset.appendChild(newFrame);
+        frameset.cols = frameset.cols + ",*";
+
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+  </head>
+  <frameset id="frameset" cols="">
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/frameset-add-row-ref.html b/layout/reftests/frameset/frameset-add-row-ref.html
new file mode 100644
index 0000000000..4da1204655
--- /dev/null
+++ b/layout/reftests/frameset/frameset-add-row-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=utf-8>
+  </head>
+  <frameset id="frameset" rows="*,*">
+    <frame />
+    <frame />
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/frameset-add-row.html b/layout/reftests/frameset/frameset-add-row.html
new file mode 100644
index 0000000000..31fbfeed55
--- /dev/null
+++ b/layout/reftests/frameset/frameset-add-row.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset=utf-8>
+    <script type="text/javascript">
+      window.addEventListener("MozReftestInvalidate", () => {
+        let frameset = document.getElementById("frameset");
+        let newFrame = document.createElement("frame");
+        frameset.appendChild(newFrame);
+        frameset.rows = "*";
+
+        newFrame = document.createElement("frame");
+        frameset.appendChild(newFrame);
+        frameset.rows = frameset.rows + ",*";
+
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+  </head>
+  <frameset id="frameset" rows="">
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/frameset-remove-col-ref.html b/layout/reftests/frameset/frameset-remove-col-ref.html
new file mode 100644
index 0000000000..6cd1b4bf9e
--- /dev/null
+++ b/layout/reftests/frameset/frameset-remove-col-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=utf-8>
+  </head>
+  <frameset id="frameset" cols="*,*">
+    <frame />
+    <frame />
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/frameset-remove-col.html b/layout/reftests/frameset/frameset-remove-col.html
new file mode 100644
index 0000000000..1e266d2915
--- /dev/null
+++ b/layout/reftests/frameset/frameset-remove-col.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset=utf-8>
+    <script type="text/javascript">
+      window.addEventListener("MozReftestInvalidate", () => {
+        let frameset = document.getElementById("frameset");
+        frameset.removeChild(frameset.lastChild);
+        frameset.cols = frameset.cols.replace(/,[^,]*$/, "");
+
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+  </head>
+  <frameset id="frameset" cols="*,*,*">
+    <frame />
+    <frame />
+    <frame />
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/frameset-remove-row-ref.html b/layout/reftests/frameset/frameset-remove-row-ref.html
new file mode 100644
index 0000000000..4da1204655
--- /dev/null
+++ b/layout/reftests/frameset/frameset-remove-row-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=utf-8>
+  </head>
+  <frameset id="frameset" rows="*,*">
+    <frame />
+    <frame />
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/frameset-remove-row.html b/layout/reftests/frameset/frameset-remove-row.html
new file mode 100644
index 0000000000..7f55ac9493
--- /dev/null
+++ b/layout/reftests/frameset/frameset-remove-row.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset=utf-8>
+    <script type="text/javascript">
+      window.addEventListener("MozReftestInvalidate", () => {
+        let frameset = document.getElementById("frameset");
+        frameset.removeChild(frameset.lastChild);
+        frameset.rows = frameset.rows.replace(/,[^,]*$/, "");
+
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+  </head>
+  <frameset id="frameset" rows="*,*,*">
+    <frame />
+    <frame />
+    <frame />
+  </frameset>
+</html>
diff --git a/layout/reftests/frameset/reftest.list b/layout/reftests/frameset/reftest.list
new file mode 100644
index 0000000000..0d5ff10b16
--- /dev/null
+++ b/layout/reftests/frameset/reftest.list
@@ -0,0 +1,4 @@
+skip-if(ThreadSanitizer) == frameset-add-row.html frameset-add-row-ref.html
+== frameset-remove-row.html frameset-remove-row-ref.html
+== frameset-add-col.html frameset-add-col-ref.html
+== frameset-remove-col.html frameset-remove-col-ref.html
diff --git a/layout/reftests/generated-content/attr-whitespace-ref.html b/layout/reftests/generated-content/attr-whitespace-ref.html
new file mode 100644
index 0000000000..54a74fe4d8
--- /dev/null
+++ b/layout/reftests/generated-content/attr-whitespace-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>HelloWorld</div>
+<div>HelloWorld</div>
+<div>HelloWorld</div>
+<div>Hello</div>
+<div>Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/attr-whitespace.xhtml b/layout/reftests/generated-content/attr-whitespace.xhtml
new file mode 100644
index 0000000000..e9b6554849
--- /dev/null
+++ b/layout/reftests/generated-content/attr-whitespace.xhtml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>Whitespace in attributes</title>
+    <link rel="author" title="Manish Goregaokar" href="mailto:manishearth@gmail.com" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="https://drafts.csswg.org/css-values-3/#attr-notation"/>
+<style>
+@namespace ns url(http://www.example.com/ns);
+/* Spaces within attr() are fine*/
+#a::after {
+
+  content: attr(          
+      data-text  
+
+
+          );
+}
+#b::after {
+
+  content: attr(ns|data-text);
+}
+#c::after {
+
+  content: attr(          
+      ns|data-text  
+
+
+          );
+}
+
+/* No whitespace around the | */
+#d::after {
+
+  content: attr(          
+      ns      |data-text
+
+
+          );
+}
+#e::after {
+
+  content: attr(          
+      ns|       data-text
+
+
+          );
+}
+</style>
+</head>
+<body xmlns:ns="http://www.example.com/ns">
+<div id="a" data-text="World">Hello</div>
+<div id="b" ns:data-text="World">Hello</div>
+<div id="b" ns:data-text="World">Hello</div>
+<div id="d" ns:data-text="World">Hello</div>
+<div id="e" ns:data-text="World">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/before-style-sharing-ref.html b/layout/reftests/generated-content/before-style-sharing-ref.html
new file mode 100644
index 0000000000..944bcfd790
--- /dev/null
+++ b/layout/reftests/generated-content/before-style-sharing-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<div></div>
+<div>This text should appear</div>
diff --git a/layout/reftests/generated-content/before-style-sharing.html b/layout/reftests/generated-content/before-style-sharing.html
new file mode 100644
index 0000000000..9f1be5b32e
--- /dev/null
+++ b/layout/reftests/generated-content/before-style-sharing.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  [foo]:before {
+    content: "This text should appear";
+  }
+</style>
+<div></div>
+<div foo></div>
diff --git a/layout/reftests/generated-content/display-types-01-ref.html b/layout/reftests/generated-content/display-types-01-ref.html
new file mode 100644
index 0000000000..76a02e5789
--- /dev/null
+++ b/layout/reftests/generated-content/display-types-01-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+<body>
+<table width="100%"><tr><td valign="top">
+  <div><span style="display:block">1<img src="square-outline-32x32.png">"Before block</span
+>Inner<span style="display:block">2<img src="square-outline-32x32.png">After block"</span
+></div>
+  <div><span style="display:inline">1<img src="square-outline-32x32.png">"Before inline</span
+>Inner<span style="display:inline">2<img src="square-outline-32x32.png">After inline"</span
+></div>
+  <div><span style="display:inline-block">1<img src="square-outline-32x32.png">"Before inline-block</span
+>Inner<span style="display:inline-block">2<img src="square-outline-32x32.png">After inline-block"</span
+></div>
+  <div><span style="display:table">1<img src="square-outline-32x32.png">"Before table</span
+>Inner<span style="display:table">2<img src="square-outline-32x32.png">After table"</span
+></div>
+  <div><span style="display:inline-table">1<img src="square-outline-32x32.png">"Before inline-table</span
+>Inner<span style="display:inline-table">2<img src="square-outline-32x32.png">After inline-table"</span
+></div>
+  <div><span style="display:table-row-group">1<img src="square-outline-32x32.png">"Before table-row-group</span
+>Inner<span style="display:table-row-group">2<img src="square-outline-32x32.png">After table-row-group"</span
+></div>
+</td><td valign="top">
+  <div><span style="display:table-row">1<img src="square-outline-32x32.png">"Before table-row</span
+>Inner<span style="display:table-row">2<img src="square-outline-32x32.png">After table-row"</span
+></div>
+  <div><span style="display:table-cell">1<img src="square-outline-32x32.png">"Before table-cell</span
+>Inner<span style="display:table-cell">2<img src="square-outline-32x32.png">After table-cell"</span
+></div>
+  <div><span style="display:table-caption">1<img src="square-outline-32x32.png">"Before table-caption</span
+>Inner<span style="display:table-caption">2<img src="square-outline-32x32.png">After table-caption"</span
+></div>
+  <div><span style="display:-moz-box">1<img src="square-outline-32x32.png">"Before flexbox</span
+>Inner<span style="display:-moz-box">2<img src="square-outline-32x32.png">After flexbox"</span
+></div>
+  <div><span style="display:-moz-inline-box">1<img src="square-outline-32x32.png">"Before inline-flexbox</span
+>Inner<span style="display:-moz-inline-box">2<img src="square-outline-32x32.png">After inline-flexbox"</span
+></div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/display-types-01.html b/layout/reftests/generated-content/display-types-01.html
new file mode 100644
index 0000000000..db2c9525e0
--- /dev/null
+++ b/layout/reftests/generated-content/display-types-01.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+    <meta name="flags" content="" />
+<style>
+div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"}
+
+div::before {
+  content:counter(ctr) url(square-outline-32x32.png) open-quote "Before " attr(class);
+  counter-increment:ctr;
+}
+div::after {
+  content:counter(ctr) url(square-outline-32x32.png) "After " attr(class) close-quote;
+  counter-increment:ctr;
+}
+
+.block::before, .block::after { display:block; }
+.inline::before, .inline::after { display:inline; }
+.inline-block::before, .inline-block::after { display:inline-block; }
+.table::before, .table::after { display:table; }
+.inline-table::before, .inline-table::after { display:inline-table; }
+.table-row-group::before, .table-row-group::after { display:table-row-group; }
+.table-row::before, .table-row::after { display:table-row; }
+.table-cell::before, .table-cell::after { display:table-cell; }
+.table-caption::before, .table-caption::after { display:table-caption; }
+.flexbox::before, .flexbox::after { display:-moz-box; }
+.inline-flexbox::before, .inline-flexbox::after { display:-moz-inline-box; }
+
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+
+<body>
+<table width="100%"><tr><td valign="top">
+  <div class="block">Inner</div>
+  <div class="inline">Inner</div>
+  <div class="inline-block">Inner</div>
+  <div class="table">Inner</div>
+  <div class="inline-table">Inner</div>
+  <div class="table-row-group">Inner</div>
+</td><td valign="top">
+  <div class="table-row">Inner</div>
+  <div class="table-cell">Inner</div>
+  <div class="table-caption">Inner</div>
+  <div class="flexbox">Inner</div>
+  <div class="inline-flexbox">Inner</div>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/dynamic-attr-01-ref.html b/layout/reftests/generated-content/dynamic-attr-01-ref.html
new file mode 100644
index 0000000000..f460142fec
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-attr-01-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="font-family:sans-serif;">
+before after!
+</body>
+</html>
diff --git a/layout/reftests/generated-content/dynamic-attr-01.html b/layout/reftests/generated-content/dynamic-attr-01.html
new file mode 100644
index 0000000000..87240768d3
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-attr-01.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
+    <meta name="flags" content="dom" />
+<style>
+body {
+  font-family:sans-serif;
+}
+body::before {
+  content:attr(my-attr);
+}
+body::after {
+  content:attr(my-attr-2);
+}
+</style>
+<script>
+function fixupDOM() {
+  document.body.setAttribute("my-attr", "before");
+  document.body.setAttribute("my-attr-2", "after!");
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body my-attr-2="xyz" onload="fixupDOM()">
+</body>
+</html>
diff --git a/layout/reftests/generated-content/dynamic-button-01-ref.html b/layout/reftests/generated-content/dynamic-button-01-ref.html
new file mode 100644
index 0000000000..5afde3aa15
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-button-01-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<button class="test">
+  Button contents
+  <span>::after content</span></button>
diff --git a/layout/reftests/generated-content/dynamic-button-01a.html b/layout/reftests/generated-content/dynamic-button-01a.html
new file mode 100644
index 0000000000..1978d79741
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-button-01a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+.test::after {
+    content:"::after content";
+}
+</style>
+
+<button>
+  Button contents
+</button>
+<script>
+  var td = document.querySelector("button");
+  td.offsetWidth;
+  td.className = "test";
+</script>
diff --git a/layout/reftests/generated-content/dynamic-button-01b.html b/layout/reftests/generated-content/dynamic-button-01b.html
new file mode 100644
index 0000000000..fff73c523f
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-button-01b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+.test::after {
+    content:"::after content";
+}
+</style>
+
+<button class="test">
+  Button contents
+</button>
diff --git a/layout/reftests/generated-content/dynamic-content-ref.html b/layout/reftests/generated-content/dynamic-content-ref.html
new file mode 100644
index 0000000000..0f8f612628
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-content-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+div::before {
+  content: "Woof";
+}
+</style>
+<div></div>
diff --git a/layout/reftests/generated-content/dynamic-content.html b/layout/reftests/generated-content/dynamic-content.html
new file mode 100644
index 0000000000..5eebe244a7
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-content.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div::before {
+  content: none;
+}
+.foo::before {
+  content: "Woof";
+}
+</style>
+<div></div>
+<script>
+  document.body.offsetTop;
+  document.querySelector('div').classList.add('foo');
+</script>
diff --git a/layout/reftests/generated-content/dynamic-fieldset-01-ref.html b/layout/reftests/generated-content/dynamic-fieldset-01-ref.html
new file mode 100644
index 0000000000..7cfdc0278a
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-fieldset-01-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<fieldset class="test">
+  Fieldset contents
+  <span>::after content</span></fieldset>
diff --git a/layout/reftests/generated-content/dynamic-fieldset-01a.html b/layout/reftests/generated-content/dynamic-fieldset-01a.html
new file mode 100644
index 0000000000..7cce024093
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-fieldset-01a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+.test::after {
+    content:"::after content";
+}
+</style>
+
+<fieldset>
+  Fieldset contents
+</fieldset>
+<script>
+  var td = document.querySelector("fieldset");
+  td.offsetWidth;
+  td.className = "test";
+</script>
diff --git a/layout/reftests/generated-content/dynamic-fieldset-01b.html b/layout/reftests/generated-content/dynamic-fieldset-01b.html
new file mode 100644
index 0000000000..d9d0fa96b4
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-fieldset-01b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+.test::after {
+    content:"::after content";
+}
+</style>
+
+<fieldset class="test">
+  Fieldset contents
+</fieldset>
diff --git a/layout/reftests/generated-content/dynamic-generated-content-inherit-001.html b/layout/reftests/generated-content/dynamic-generated-content-inherit-001.html
new file mode 100644
index 0000000000..0bec9c9eaf
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-generated-content-inherit-001.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: Dynamic ::before and ::after generation by a style attribute</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="match" href="generated-content-inherit-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-pseudo/#generated-content">
+<meta name="flags" content="">
+<meta name="assert" content="Tests that changes to the style attribute of an element properly generate generated content">
+<!--
+  TODO(emilio): upstream this to WPT once
+  https://github.com/w3c/csswg-drafts/issues/1757 is resolved
+-->
+<style>
+.first::before, .second::after {
+  content: inherit;
+}
+</style>
+<p>Test passes if you see two PASS lines below:</p>
+<div class="first">SS</div>
+<div class="second">PA</div>
+<script>
+document.body.offsetTop;
+document.querySelector(".first").style.content = "\"PA\"";
+document.querySelector(".second").style.content = "\"SS\"";
+</script>
diff --git a/layout/reftests/generated-content/dynamic-restyle-01-ref.html b/layout/reftests/generated-content/dynamic-restyle-01-ref.html
new file mode 100644
index 0000000000..39973882b2
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-restyle-01-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="border:2px solid red;">
+<span style="border:2px solid red;">Before</span>
+<div>After</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/dynamic-restyle-01.html b/layout/reftests/generated-content/dynamic-restyle-01.html
new file mode 100644
index 0000000000..aa1b846593
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-restyle-01.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
+    <meta name="flags" content="dom" />
+<style>
+body::before {
+  content:"Before";
+  border:inherit;
+}
+.cl::after {
+  display:block;
+  content:"After";
+}
+</style>
+<script>
+function fixupDOM() {
+  document.body.setAttribute("style", "border:2px solid red;");
+  document.body.className = "cl";
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="fixupDOM()">
+</body>
+</html>
diff --git a/layout/reftests/generated-content/dynamic-table-cell-01-ref.html b/layout/reftests/generated-content/dynamic-table-cell-01-ref.html
new file mode 100644
index 0000000000..02db86fcaa
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-table-cell-01-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<table>
+  <tr>
+    <td class="test">
+      Cell contents
+      <span>::after content</span></td>
+  </tr>
+</table>
diff --git a/layout/reftests/generated-content/dynamic-table-cell-01a.html b/layout/reftests/generated-content/dynamic-table-cell-01a.html
new file mode 100644
index 0000000000..f0bd6b119d
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-table-cell-01a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+.test::after {
+    content:"::after content";
+}
+</style>
+
+<table>
+  <tr>
+    <td>
+      Cell contents
+    </td>
+  </tr>
+</table>
+
+<script>
+  var td = document.querySelector("td");
+  td.offsetWidth;
+  td.className = "test";
+</script>
diff --git a/layout/reftests/generated-content/dynamic-table-cell-01b.html b/layout/reftests/generated-content/dynamic-table-cell-01b.html
new file mode 100644
index 0000000000..43e68eb0ba
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-table-cell-01b.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+.test::after {
+    content:"::after content";
+}
+</style>
+<table>
+  <tr>
+    <td class="test">
+      Cell contents
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/generated-content/dynamic-table-cell-indent-ref.html b/layout/reftests/generated-content/dynamic-table-cell-indent-ref.html
new file mode 100644
index 0000000000..b831182613
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-table-cell-indent-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<table cellpadding="0">
+   <tr><td style="text-indent: 50px">Some text</td></tr>
+</table>
diff --git a/layout/reftests/generated-content/dynamic-table-cell-indent.html b/layout/reftests/generated-content/dynamic-table-cell-indent.html
new file mode 100644
index 0000000000..ea9a25bca8
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-table-cell-indent.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <style>
+    tr::before {
+      content: "Some text";
+      display: table-cell;
+    }
+    tr.i::before {
+      text-indent: 50px;
+    }
+  </style>
+  <table cellpadding="0">
+    <tr></tr>
+  </table>
+  <script>
+    onload = function() {
+      var tr = document.querySelector("tr");
+      // Make sure it's laid out
+      window.w = tr.offsetWidth;
+      document.querySelector("tr").className = "i";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/generated-content/floated-01-ref.html b/layout/reftests/generated-content/floated-01-ref.html
new file mode 100644
index 0000000000..de4da62838
--- /dev/null
+++ b/layout/reftests/generated-content/floated-01-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { border:1px solid green; margin:5px; }
+div { overflow:auto; }
+</style>
+</head>
+<body>
+<div><span style="float:left">1<img src="square-outline-32x32.png">"Before beforeleft afterleft</span
+>Inner<span style="float:left">2<img src="square-outline-32x32.png">After beforeleft afterleft"</span
+></div>
+<div><span style="float:left">1<img src="square-outline-32x32.png">"Before beforeleft afterright</span
+>Inner<span style="float:right">2<img src="square-outline-32x32.png">After beforeleft afterright"</span
+></div>
+<div><span style="float:right">1<img src="square-outline-32x32.png">"Before beforeright afterleft</span
+>Inner<span style="float:left">2<img src="square-outline-32x32.png">After beforeright afterleft"</span
+></div>
+<div><span style="float:right">1<img src="square-outline-32x32.png">"Before beforeright afterright</span
+>Inner<span style="float:right">2<img src="square-outline-32x32.png">After beforeright afterright"</span
+></div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/floated-01.html b/layout/reftests/generated-content/floated-01.html
new file mode 100644
index 0000000000..f3ff0115a4
--- /dev/null
+++ b/layout/reftests/generated-content/floated-01.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+    <meta name="flags" content="" />
+<style>
+div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+div::before {
+  content:counter(ctr) url(square-outline-32x32.png) open-quote "Before " attr(class);
+  counter-increment:ctr;
+}
+div::after {
+  content:counter(ctr) url(square-outline-32x32.png) "After " attr(class) close-quote;
+  counter-increment:ctr;
+}
+
+.beforeleft::before {
+  float:left;
+}
+.beforeright::before {
+  float:right;
+}
+.afterleft::after {
+  float:left;
+}
+.afterright::after {
+  float:right;
+}
+
+div { border:1px solid green; margin:5px; }
+div { overflow:auto; }
+</style>
+</head>
+<body>
+<div class="beforeleft afterleft">Inner</div>
+<div class="beforeleft afterright">Inner</div>
+<div class="beforeright afterleft">Inner</div>
+<div class="beforeright afterright">Inner</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/generated-content-inherit-001-ref.html b/layout/reftests/generated-content/generated-content-inherit-001-ref.html
new file mode 100644
index 0000000000..c15156138e
--- /dev/null
+++ b/layout/reftests/generated-content/generated-content-inherit-001-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test reference</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<p>Test passes if you see two PASS lines below:</p>
+<div>PASS</div>
+<div>PASS</div>
diff --git a/layout/reftests/generated-content/generated-content-inherit-001.html b/layout/reftests/generated-content/generated-content-inherit-001.html
new file mode 100644
index 0000000000..67b9f242df
--- /dev/null
+++ b/layout/reftests/generated-content/generated-content-inherit-001.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: ::before and ::after generated with content: inherit</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="match" href="generated-content-inherit-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-pseudo/#generated-content">
+<meta name="flags" content="">
+<meta name="assert" content="Tests that pseudo-elements are properly generated with content: inherit">
+<!--
+  TODO(emilio): upstream this to WPT once
+  https://github.com/w3c/csswg-drafts/issues/1757 is resolved
+-->
+<style>
+.first::before, .second::after {
+  content: inherit;
+}
+</style>
+<p>Test passes if you see two PASS lines below:</p>
+<div class="first" style="content: 'PA'">SS</div>
+<div class="second" style="content: 'SS'">PA</div>
diff --git a/layout/reftests/generated-content/images-01-ref.html b/layout/reftests/generated-content/images-01-ref.html
new file mode 100644
index 0000000000..c201db3514
--- /dev/null
+++ b/layout/reftests/generated-content/images-01-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+<body>
+<div>Inner</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/images-01.html b/layout/reftests/generated-content/images-01.html
new file mode 100644
index 0000000000..b15b502ac6
--- /dev/null
+++ b/layout/reftests/generated-content/images-01.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
+    <meta name="flags" content="" />
+<style>
+div::before {
+  content:url(missing-image.png);
+}
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+<div>Inner</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/positioned-01-ref.html b/layout/reftests/generated-content/positioned-01-ref.html
new file mode 100644
index 0000000000..b4fbb25fbe
--- /dev/null
+++ b/layout/reftests/generated-content/positioned-01-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { border:1px solid green; margin:5px; height:100px; }
+</style>
+</head>
+<div><span style="position:absolute; left:0">1<img src="square-outline-32x32.png">"Before gen abs</span
+>Inner<span style="position:absolute; right:0">2<img src="square-outline-32x32.png">After gen abs"</span
+></div>
+<div style="position:relative"><span style="position:absolute; left:0">1<img src="square-outline-32x32.png">"Before gen abs</span
+>Inner<span style="position:absolute; right:0">2<img src="square-outline-32x32.png">After gen abs"</span
+></div>
+<div><span style="position:relative; top:-10px;">1<img src="square-outline-32x32.png">"Before gen rel</span
+>Inner<span style="position:relative; top:10px;">2<img src="square-outline-32x32.png">After gen rel"</span
+></div>
+<div>Begin <span style="position:relative; top:-10px;">1<img src="square-outline-32x32.png">"Before gen rel</span
+>Inner<span style="position:relative; top:10px;">2<img src="square-outline-32x32.png">After gen rel"</span
+> End</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/positioned-01.html b/layout/reftests/generated-content/positioned-01.html
new file mode 100644
index 0000000000..3dbd7f8549
--- /dev/null
+++ b/layout/reftests/generated-content/positioned-01.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+    <meta name="flags" content="" />
+<style>
+div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+.gen::before {
+  content:counter(ctr) url(square-outline-32x32.png) open-quote "Before " attr(class);
+  counter-increment:ctr;
+}
+.gen::after {
+  content:counter(ctr) url(square-outline-32x32.png) "After " attr(class) close-quote;
+  counter-increment:ctr;
+}
+
+.abs::before {
+  position:absolute;
+  left:0;
+}
+.abs::after {
+  position:absolute;
+  right:0;
+}
+
+.rel::before {
+  position:relative;
+  top:-10px;
+}
+.rel::after {
+  position:relative;
+  top:10px;
+}
+
+div { border:1px solid green; margin:5px; height:100px; }
+</style>
+</head>
+<div class="gen abs">Inner</div>
+<!-- an element should be the containing block for its positioned content -->
+<div style="position:relative;" class="gen abs">Inner</div>
+<div class="gen rel">Inner</div>
+<div>Begin <span class="gen rel">Inner</span> End</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/quotes-001-ref.xml b/layout/reftests/generated-content/quotes-001-ref.xml
new file mode 100644
index 0000000000..90ce6ff506
--- /dev/null
+++ b/layout/reftests/generated-content/quotes-001-ref.xml
@@ -0,0 +1,13 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
+  <style type="text/css">
+  <![CDATA[
+     .test { margin-left: 2em; }
+  ]]>
+  </style>
+ </head>
+ <body>
+  <div class="test">Isn't it wonderful to see CSS quotes work!!!</div>
+ </body>
+</html>
diff --git a/layout/reftests/generated-content/quotes-001.xml b/layout/reftests/generated-content/quotes-001.xml
new file mode 100644
index 0000000000..4085c44acb
--- /dev/null
+++ b/layout/reftests/generated-content/quotes-001.xml
@@ -0,0 +1,93 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+   
+<!--
+
+Test originally from
+http://www.hixie.ch/tests/adhoc/css/quotes/001.xml ,
+relicensed to MPL/LGPL/GPL tri-license per Hixie's permission on IRC,
+March 5, 2009, and upgraded to MPL 2.
+
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
+  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes"/>
+  <meta name="flags" content="" />
+  <style type="text/css">
+  <![CDATA[
+     .party1 * { display: inline; }
+     .party1 .a { quotes: "Isn"        "'"
+                          "t"          "FAIL!"
+                          "FAIL!"      " i"; }
+     .party1 .b { quotes: ""           "FAIL!!" 
+                          " wonderful" "!!!"
+                          " to "       " work"
+                          "see "       " [FAIL to]"
+                          "C"          "quotes"
+                          "S"          " "; }
+     .party1 .c { quotes: none; }
+     .party1 .d { quotes: "FAIL!"      "FAIL!"
+                          "FAIL!"      "FAIL!"
+                          ""           ""; }
+     .test { margin-left: 2em; }
+     .test .no-open:before { content: no-open-quote; }
+     .test .open:before { content: open-quote; }
+     .test .triple-open:before { content: open-quote open-quote open-quote; }
+     .test .no-close:after { content: no-close-quote; }
+     .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
+     .test .close:after { content: close-quote; }
+     .test .triple-close:after { content: close-quote close-quote close-quote; }
+     .test .no-close-open:before { content: no-close-quote open-quote; }
+
+  ]]>
+  </style>
+ </head>
+ <body>
+
+  <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
+
+    <!--                                               Isn't it wonderful to see CSS quotes work!!! 
+    --><div class="test c party1"><!--               c 0
+     --><div class="a open close"><!-- open          a 1 isn                     
+     --></div><!-- close                             a 0 '                       
+     --><div class="a"><!--                          a 0                         
+      --><div class="c open"><!-- open               c 1                         
+       --><div class="a open"><!-- open              a 2 t                       
+       --></div><!--                                 a 2                         
+      --></div><!--                                  c 2                         
+      --><div class="no-open close"><!--             a 3 [FAIL!]                   
+      --></div><!-- close                            a 2 i                       
+     --></div><!--                                   a 2                         
+     --><div class="no-close-open no-close a"><!--   a 2 [FAIL!] t                         
+     --></div><!-- close                             a 1
+     --><div class="d no-open no-close"><!-- open    d 2 [FAIL!]                 
+      --><div class="open close"><!-- open           d 3                          
+       --><div class="open close"><!-- open          d 4                         
+       --></div><!-- close                           d 3                         
+      --></div><!-- close                            d 2                         
+     --></div><!-- close                             d 1 [FAIL!] 
+     --><div class="b no-close"><!--                 b 1                         
+      --><div class="triple-no-close"/><!-- close    b 0 [FAIL!!]   
+      --><div class="triple-open"/><!-- open x 3     b 3 "", "wonderful ", "to "
+      --><div class="triple-open"/><!-- open x 3     b 6 "see ", "C", "S"       
+      --><div class="open close"><!-- open           b 7 S                       
+       --><div class="close"><!--                    b 7
+        --><div class="no-close"><!--                b 7                          
+         --><div class="close"><!--                  b 7                          
+          --><div class="no-close"><!--              b 7                           
+           --><div class="close"><!--                b 7                         
+           --></div><!-- close                       b 6 " "
+          --></div><!-- close                        b 5 [" "]                   
+         --></div><!-- close                         b 4  quotes                 
+        --></div><!-- close                          b 3 [ FAIL to]              
+       --></div><!-- close                           b 2  work                   
+      --></div><!-- close                            b 1 !!!                     
+     --></div><!-- close                             b 0 [FAIL!!]                  
+    --></div><!--                                    b 0
+    -->
+
+ </body>
+</html>
diff --git a/layout/reftests/generated-content/reftest.list b/layout/reftests/generated-content/reftest.list
new file mode 100644
index 0000000000..e464ab33d3
--- /dev/null
+++ b/layout/reftests/generated-content/reftest.list
@@ -0,0 +1,24 @@
+# Almost all tests in this file have fuzz on OS X 10.10 due to bug 1220052.
+
+== display-types-01.html display-types-01-ref.html
+== dynamic-attr-01.html dynamic-attr-01-ref.html
+== dynamic-button-01a.html dynamic-button-01-ref.html
+== dynamic-button-01b.html dynamic-button-01-ref.html
+== dynamic-fieldset-01a.html dynamic-fieldset-01-ref.html
+== dynamic-fieldset-01b.html dynamic-fieldset-01-ref.html
+== dynamic-restyle-01.html dynamic-restyle-01-ref.html
+== dynamic-table-cell-01a.html dynamic-table-cell-01-ref.html
+== dynamic-table-cell-01b.html dynamic-table-cell-01-ref.html
+== dynamic-table-cell-indent.html dynamic-table-cell-indent-ref.html
+== floated-01.html floated-01-ref.html
+== images-01.html images-01-ref.html
+== positioned-01.html positioned-01-ref.html
+== quotes-001.xml quotes-001-ref.xml
+== table-ignoring-whitespace-01.html table-ignoring-whitespace-01-ref.html
+== table-parts-01.html table-parts-01-ref.html
+== before-style-sharing.html before-style-sharing-ref.html
+== transitive-style-invalidation.html transitive-style-invalidation-ref.html
+== dynamic-content.html dynamic-content-ref.html
+== generated-content-inherit-001.html generated-content-inherit-001-ref.html
+== dynamic-generated-content-inherit-001.html generated-content-inherit-001-ref.html
+== attr-whitespace.xhtml attr-whitespace-ref.html
\ No newline at end of file
diff --git a/layout/reftests/generated-content/square-outline-32x32.png b/layout/reftests/generated-content/square-outline-32x32.png
new file mode 100644
index 0000000000..917163f409
Binary files /dev/null and b/layout/reftests/generated-content/square-outline-32x32.png differ
diff --git a/layout/reftests/generated-content/table-ignoring-whitespace-01-ref.html b/layout/reftests/generated-content/table-ignoring-whitespace-01-ref.html
new file mode 100644
index 0000000000..d9d64e31d4
--- /dev/null
+++ b/layout/reftests/generated-content/table-ignoring-whitespace-01-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+
+<body>
+<div>
+  <table><tbody><tr><td>Cell0</td><td></td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+  <table><tbody><tr><td></td><td>Cell0</td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+  <table><tbody><tr><td></td><td>Cell0</td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+  <table><tbody><tr><td></td><td>Cell0</td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/table-ignoring-whitespace-01.html b/layout/reftests/generated-content/table-ignoring-whitespace-01.html
new file mode 100644
index 0000000000..67700d2959
--- /dev/null
+++ b/layout/reftests/generated-content/table-ignoring-whitespace-01.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
+    <meta name="flags" content="" />
+<style>
+.gen0::before {
+  padding:1px;
+}
+.gen1::before {
+  content: " ";
+}
+.gen2::before {
+  content: attr(missing);
+}
+.gen3::before {
+  content: url(missing-image.png);
+}
+
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+
+<!-- This tests that generated content items that evaluate to empty strings or
+     broken images are *not* treated as whitespace text and ignored by the table.
+     Altogether missing content should be ignored, though. (In fact it won't even be generated.) -->
+
+<body>
+<div>
+  <table><tbody><tr class="gen0"><td>Cell0</td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+  <table><tbody><tr class="gen1"><td>Cell0</td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+  <table><tbody><tr class="gen2"><td>Cell0</td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+  <table><tbody><tr class="gen3"><td>Cell0</td></tr>
+                <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/table-parts-01-ref.html b/layout/reftests/generated-content/table-parts-01-ref.html
new file mode 100644
index 0000000000..d5cf10a2da
--- /dev/null
+++ b/layout/reftests/generated-content/table-parts-01-ref.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+table { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+table { border:1px solid blue; }
+td.real { border:1px solid cyan; }
+td { border-spacing:0; padding:0; }
+
+.table { display:table; }
+.row { display:table-row; }
+.rowgroup { display:table-row-group; }
+
+div { border:1px solid green; margin:5px; }
+div.cell { border:none; display:table-cell; }
+div.real { display:table-cell; }
+
+.tall { height:100px; }
+
+.yellow { background:yellow; }
+.orange { background:orange; }
+.brown { background:brown; }
+</style>
+</head>
+
+<body>
+<table style="border:none" width="100%"><tr><td style="border:none" valign="top">
+  <div><table><tbody><tr><td>1<img src="square-outline-32x32.png">"Before gen</td
+><td class="real">Inner</td><td>2<img src="square-outline-32x32.png">After gen"</td
+></tr></tbody></table></div>
+  <div><table><tbody><tr><td>1<img src="square-outline-32x32.png">"Before gen</td
+></tr><tr><td class="real">Inner</td></tr><tr><td>2<img src="square-outline-32x32.png">After gen"</td
+></tr></tbody></table></div>
+  <div><table><tbody><tr><td>1<img src="square-outline-32x32.png">"Before gen</td
+></tr><tr><td>2<img src="square-outline-32x32.png">After gen"</td
+></tr><tr><td class="real">Inner</td></tr></tbody></table></div>
+  <div><table><tbody><tr><td class="real">Inner</td></tr></tbody></table></div>
+  <div><table><tbody><tr><td>2<img src="square-outline-32x32.png">After gen headfoot"</td
+></tr><tr><td class="real">Inner</td></tr><tr><td>1<img src="square-outline-32x32.png">"Before gen headfoot</td
+></tr></tbody></table></div>
+  <div><div class="table tall"><div class="cell yellow">1<img src="square-outline-32x32.png">"Before gen table gencell varyheight</div
+><div class="real orange">Inner</div><div class="cell brown">2<img src="square-outline-32x32.png">After gen table gencell varyheight"</div
+></div></div>
+  <div><div><div class="table tall" style="border:none; margin:0;"><div class="cell yellow">1<img src="square-outline-32x32.png">"Before gen gencell varyheight</div
+><div class="real orange">Inner</div><div class="cell brown">2<img src="square-outline-32x32.png">After gen gencell varyheight"</div
+></div></div></div>
+  <div><div><div class="table" style="border:none; margin:0;"><div class="row yellow">1<img src="square-outline-32x32.png">"Before gen genrow varywidth</div
+><div class="row orange">Inner</div><div class="row brown">2<img src="square-outline-32x32.png">After gen genrow varywidth"</div
+></div></div></div>
+</td><td style="border:none" valign="top">
+  <div><div class="row"><div class="cell">1<img src="square-outline-32x32.png">"Before gen row gencell</div
+><div class="real">Inner</div><div class="cell">2<img src="square-outline-32x32.png">After gen row gencell"</div
+></div></div>
+  <div><div class="row"><div class="cell">1<img src="square-outline-32x32.png">"Before gen row genblock</div
+><div class="real">Inner</div><div class="cell">2<img src="square-outline-32x32.png">After gen row genblock"</div
+></div></div>
+  <div><div class="row"><div class="cell">1<img src="square-outline-32x32.png">"Before gen row geninline</div
+><div class="real">Inner</div><div class="cell">2<img src="square-outline-32x32.png">After gen row geninline"</div
+></div></div>
+  <div><div class="rowgroup"><div class="row">1<img src="square-outline-32x32.png">"Before gen rowgroup genrow</div
+><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="square-outline-32x32.png">After gen rowgroup genrow"</div
+></div></div>
+  <div><div class="rowgroup"><div class="row">1<img src="square-outline-32x32.png">"Before gen rowgroup gencell</div
+><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="square-outline-32x32.png">After gen rowgroup gencell"</div
+></div></div>
+  <div><div class="rowgroup"><div class="row">1<img src="square-outline-32x32.png">"Before gen rowgroup genblock</div
+><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="square-outline-32x32.png">After gen rowgroup genblock"</div
+></div></div>
+  <div><div class="rowgroup"><div class="row">1<img src="square-outline-32x32.png">"Before gen rowgroup geninline</div
+><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="square-outline-32x32.png">After gen rowgroup geninline"</div
+></div></div>
+</tr></td></table>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/table-parts-01.html b/layout/reftests/generated-content/table-parts-01.html
new file mode 100644
index 0000000000..3ce9328e0e
--- /dev/null
+++ b/layout/reftests/generated-content/table-parts-01.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: generated content</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+    <meta name="flags" content="" />
+<style>
+table, div.gen { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+.gen::before {
+  content:counter(ctr) url(square-outline-32x32.png) open-quote "Before " attr(class);
+  counter-increment:ctr;
+}
+.gen::after {
+  content:counter(ctr) url(square-outline-32x32.png) "After " attr(class) close-quote;
+  counter-increment:ctr;
+}
+
+table { border:1px solid blue; }
+td { border:1px solid cyan; }
+td { border-spacing:0; padding:0; }
+
+tr.gen::before, tr.gen::after { display:table-cell; }
+tbody.gen::before, tbody.gen::after { display:table-row; }
+table.gen::before, table.gen::after { display:table-row-group; }
+table.col::before, table.gen.col::after { display:table-column-group; }
+/* note reordering here! */
+table.headfoot::after { display:table-header-group; }
+table.headfoot::before { display:table-footer-group; }
+
+.cell { display:table-cell; }
+.row { display:table-row; }
+.rowgroup { display:table-row-group; }
+.table { display:table; }
+div.gencell::before, div.gencell::after { display:table-cell; }
+div.genrow::before, div.genrow::after { display:table-row; }
+div.genblock::before, div.genblock::after { display:block; }
+div.geninline::before, div.geninline::after { display:inline; }
+
+div { border:1px solid green; margin:5px; }
+
+.varyheight::before { height:100px; background:yellow; }
+.varyheight > div { height:80px; background:orange; }
+.varyheight::after { height:60px; background:brown; }
+
+.varywidth::before { background:yellow; }
+.varywidth > div { background:orange; }
+.varywidth::after { background:brown; }
+</style>
+</head>
+
+<body>
+<table style="border:none" width="100%"><tr><td style="border:none" valign="top">
+  <div><table><tbody><tr class="gen"><td>Inner</td></tr></tbody></table></div>
+  <div><table><tbody class="gen"><tr><td>Inner</td></tr></tbody></table></div>
+  <div><table class="gen"><tfoot><tr><td>Inner</td></tr></tfoot></table></div>
+  <div><table class="gen col"><tbody><tr><td>Inner</td></tr></tbody></table></div>
+  <div><table class="gen headfoot"><tbody><tr><td>Inner</td></tr></tbody></table></div>
+  <div><div class="gen table gencell varyheight"><div class="cell">Inner</div></div></div>
+  <div><div class="gen gencell varyheight"><div class="cell">Inner</div></div></div>
+  <div><div class="gen genrow varywidth"><div class="row">Inner</div></div></div>
+</td><td style="border:none" valign="top">
+  <div><div class="gen row gencell"><div class="cell">Inner</div></div></div>
+  <div><div class="gen row genblock"><div class="cell">Inner</div></div></div>
+  <div><div class="gen row geninline"><div class="cell">Inner</div></div></div>
+  <div><div class="gen rowgroup genrow"><div class="row"><div class="cell">Inner</div></div></div></div>
+  <div><div class="gen rowgroup gencell"><div class="row"><div class="cell">Inner</div></div></div></div>
+  <div><div class="gen rowgroup genblock"><div class="row"><div class="cell">Inner</div></div></div></div>
+  <div><div class="gen rowgroup geninline"><div class="row"><div class="cell">Inner</div></div></div></div>
+</tr></td></table>
+</body>
+</html>
diff --git a/layout/reftests/generated-content/transitive-style-invalidation-ref.html b/layout/reftests/generated-content/transitive-style-invalidation-ref.html
new file mode 100644
index 0000000000..cf2f709149
--- /dev/null
+++ b/layout/reftests/generated-content/transitive-style-invalidation-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<style>
+.foo > div::before {
+  display: block;
+  width: 100px;
+  height: 100px;
+  background: green;
+  content: "";
+}
+</style>
+<div class="foo">
+  <div>
+  </div>
+</div>
+<script>
+onload = function() {
+  document.querySelector('.foo').className = 'foo bar';
+}
+</script>
diff --git a/layout/reftests/generated-content/transitive-style-invalidation.html b/layout/reftests/generated-content/transitive-style-invalidation.html
new file mode 100644
index 0000000000..7972b6ea45
--- /dev/null
+++ b/layout/reftests/generated-content/transitive-style-invalidation.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<style>
+.foo > div::before {
+  display: block;
+  width: 100px;
+  height: 100px;
+  background: red;
+  content: "";
+}
+.foo.bar > div::before {
+  background: green;
+}
+</style>
+<div class="foo">
+  <div>
+  </div>
+</div>
+<script>
+onload = function() {
+  document.querySelector('.foo').className = 'foo bar';
+}
+</script>
diff --git a/layout/reftests/high-contrast/ahem.css b/layout/reftests/high-contrast/ahem.css
new file mode 100644
index 0000000000..884a41198b
--- /dev/null
+++ b/layout/reftests/high-contrast/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(../fonts/Ahem.ttf);
+}
diff --git a/layout/reftests/high-contrast/backplate-bg-image-001-ref.html b/layout/reftests/high-contrast/backplate-bg-image-001-ref.html
new file mode 100644
index 0000000000..32d745fc98
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-001-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Reference: Text that overlaps a background image should be backplated.</title>
+  <style>
+    div {
+      font: 20px Ahem;
+      background-image: url("blue.png");
+    }
+    .fake-backplate {
+      background-color: white;
+      width: max-content;
+      white-space: pre;
+    }
+    /* We need to include the trailing space as part of the backgrounded
+     * area here to properly make a mockup for the testcase's expected
+     * rendering, so we use 'white-space: pre'. The testcase pulls its file's
+     * trailing newline into the body, treats it as a final space character,
+     * and draws a backplate behind it. (This is probably correct? see
+     * discussion on bug 1577028.) */
+    </style>
+</head>
+<div><span class="fake-backplate">ppppp ppppp </span></div>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-001.html b/layout/reftests/high-contrast/backplate-bg-image-001.html
new file mode 100644
index 0000000000..252c28ade2
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-001.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Text that overlaps a background image should be backplated.</title>
+  <style>
+    div {
+      font: 20px Ahem;
+      background-image: url("blue.png");
+    }
+    </style>
+</head>
+<div>
+  ppppp ppppp
+</div>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-002-ref.html b/layout/reftests/high-contrast/backplate-bg-image-002-ref.html
new file mode 100644
index 0000000000..1ffc4542e7
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-002-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Reference: Text runs that are separated by a block-level line will get separate backplates.</title>
+  <style>
+    body {
+      font: 20px Ahem;
+    }
+    .fake-backplate {
+      background-color: white;
+      width: max-content;
+    }
+    .sample {
+      background-image: url("blue.png");
+      height: 500px;
+    }
+  </style>
+</head>
+<body>
+<span class="fake-backplate">ppppp ppppp</span><div class="sample"><span class="fake-backplate">ppppp ppppp</span></div><span class="fake-backplate">ppppp ppppp</span>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-002.html b/layout/reftests/high-contrast/backplate-bg-image-002.html
new file mode 100644
index 0000000000..2d1f79eaa8
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-002.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Text runs that are separated by a block-level line will get separate backplates.</title>
+  <style>
+    body {
+      font: 20px Ahem;
+    }
+    .sample {
+      background-image: url("blue.png");
+      height: 500px;
+    }
+  </style>
+</head>
+<body>
+ppppp ppppp<div class="sample">ppppp ppppp</div>ppppp ppppp
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-003-ref.html b/layout/reftests/high-contrast/backplate-bg-image-003-ref.html
new file mode 100644
index 0000000000..a4260fd394
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-003-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Reference: Inline, relatively positioned backplate items should be drawn cooperatively with other backplates on the same line. Inline-block, relatively positioned backplate items should be drawn over other backplates on the same line. Absolutely positioned backplate items should be drawn over other page content.</title>
+  <style>
+  body {
+    font: 20px Ahem;
+  }
+  .fake-backplate {
+    background-color: white;
+    width: max-content;
+  }
+  .std {
+    border: 1px solid black;
+    padding: 15px;
+  }
+  .relpos {
+    position: relative;
+    left: 40px;
+  }
+  .i {
+    display: inline;
+  }
+  .ib {
+    display: inline-block;
+  }
+  .abspos {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 999;
+  }
+  </style>
+</head>
+<body>
+<div><span class="std relpos i">ppppp ppppp</span>ppppp ppppp</div>
+<div><br><br><span class="std relpos ib fake"><span class="fake-backplate">ppppp ppppp</span></span>
+<span>ppppp ppppp</span></div>
+<div class="abspos"><span class="fake-backplate">ppppp ppppp</span></div>
+</body>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-003.html b/layout/reftests/high-contrast/backplate-bg-image-003.html
new file mode 100644
index 0000000000..6b3758ac55
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-003.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Inline, relatively positioned backplate items should be drawn cooperatively with other backplates on the same line. Inline-block, relatively positioned backplate items should be drawn over other backplates on the same line. Absolutely positioned backplate items should be drawn over other page content.</title>
+  <style>
+  body {
+    font: 20px Ahem;
+  }
+  .std {
+    border: 1px solid black;
+    padding: 15px;
+  }
+  .relpos {
+    position: relative;
+    left: 40px;
+  }
+  .i {
+    display: inline;
+  }
+  .ib {
+    display: inline-block;
+  }
+  .abspos {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 999;
+  }
+  </style>
+</head>
+<body>
+<div><span class="std relpos i">ppppp ppppp</span>ppppp ppppp</div>
+<div><br><br><span class="std relpos ib">ppppp ppppp</span>
+<span>ppppp ppppp</span></div>
+<div class="abspos">ppppp ppppp</div>
+</body>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-004-ref.html b/layout/reftests/high-contrast/backplate-bg-image-004-ref.html
new file mode 100644
index 0000000000..dab921d72b
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-004-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Reference: Assigning a negative z-index to text which is backplated should change the z-index of the text only; the backplate should not be affected.</title>
+  <style>
+  body {
+    font: 20px Ahem;
+  }
+  .fake-backplate {
+    background-color: white;
+    width: max-content;
+  }
+  .std {
+    background-image: url("blue.png");
+    padding: 15px;
+  }
+  .relpos {
+    position: relative;
+    left: 20px;
+  }
+  .ib {
+    display: inline-block;
+  }
+  </style>
+</head>
+<body>
+  <span class="std ib">
+    <span class="relpos">
+      <span class="fake-backplate" style="color:transparent;">ppppp ppppp</span>
+    </span>
+  </span>
+  <span>ppppp ppppp</span>
+</body>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-004.html b/layout/reftests/high-contrast/backplate-bg-image-004.html
new file mode 100644
index 0000000000..7b0db471af
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-004.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Assigning a negative z-index to text which is backplated should change the z-index of the text only; the backplate should not be affected.</title>
+  <style>
+  body {
+    font: 20px Ahem;
+  }
+  .std {
+    background-image: url("blue.png");
+    padding: 15px;
+  }
+  .relpos {
+    position: relative;
+    left: 20px;
+  }
+  .negZ {
+    z-index: -1;
+  }
+  .ib {
+    display: inline-block;
+  }
+  </style>
+</head>
+<body>
+  <span class="std ib">
+    <span class="relpos negZ">ppppp ppppp</span>
+  </span>
+  <span>ppppp ppppp</span>
+</body>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-005-ref.html b/layout/reftests/high-contrast/backplate-bg-image-005-ref.html
new file mode 100644
index 0000000000..a2edcfc571
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-005-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Reference: Preserved whitespace should contribute to overall backplate sizing.</title>
+  <style>
+    body {
+      font: 20px Ahem;
+    }
+    .sample {
+      background-image: url("blue.png");
+      white-space: pre;
+      padding: 10px;
+    }
+    .fake-backplate {
+      background-color: white;
+      width: max-content;
+    }
+    .no-backplate {
+        display: inline-block;
+    }
+    </style>
+</head>
+<body>
+ppppp ppppp<div class="sample"><span class="fake-backplate">     ppppp ppppp</span></div>ppppp ppppp
+<div class="sample"><span class="fake-backplate">ppppp ppppp     </span></div>
+<div class="sample"><span class="no-backplate"></span></div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-005.html b/layout/reftests/high-contrast/backplate-bg-image-005.html
new file mode 100644
index 0000000000..1abb7ddebd
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-005.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Preserved whitespace should contribute to overall backplate sizing.</title>
+  <style>
+    body {
+      font: 20px Ahem;
+    }
+    .sample {
+      background-image: url("blue.png");
+      white-space: pre;
+      padding: 10px;
+    }
+    </style>
+</head>
+<body>
+ppppp ppppp<div class="sample">     ppppp ppppp</div>ppppp ppppp
+<div class="sample">ppppp ppppp     </div>
+<div class="sample">     </div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-006-ref.html b/layout/reftests/high-contrast/backplate-bg-image-006-ref.html
new file mode 100644
index 0000000000..22d3f544d0
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-006-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="ahem.css">
+<title>Reference: Text in a native button or input object that overlaps a background image should be backplated.</title>
+<style>
+body {
+  font: 20px Ahem;
+}
+.std {
+  background-image: url("blue.png");
+  height: 500px;
+}
+.fake-backplate {
+  background-color: white;
+  width: max-content;
+}
+button {
+  font: 20px Ahem;
+}
+</style>
+<div class="std">
+<button>ppppp</button><span class="fake-backplate">ppppp</span><br>
+<form>
+  <input>
+</form>
+<br>
+<span class="fake-backplate">ppppp<!-- no whitespace
+--><button>ppppp</button><!-- no whitespace
+-->ppppp</span>
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-006.html b/layout/reftests/high-contrast/backplate-bg-image-006.html
new file mode 100644
index 0000000000..864b50b70c
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-006.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="ahem.css">
+<title>Text in a native button or input object that overlaps a background image should be backplated.</title>
+<style>
+  body {
+    font: 20px Ahem;
+  }
+  .std {
+    background-image: url("blue.png");
+    height: 500px;
+  }
+  button {
+    font: 20px Ahem;
+  }
+</style>
+<div class="std">
+<button>ppppp</button>ppppp<br>
+<form>
+  <input>
+</form><br><!-- no whitespace
+-->ppppp<!-- no whitespace
+--><button>ppppp</button><!-- no whitespace
+-->ppppp<!-- no whitespace
+--></div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-007-ref.html b/layout/reftests/high-contrast/backplate-bg-image-007-ref.html
new file mode 100644
index 0000000000..eb03924ba6
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-007-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <title>Reference: Text in a non-native button or input that overlaps a background image should be backplated.</title>
+    <style>
+    body {
+      font: 20px Ahem;
+    }
+    button, input {
+      font: 20px Ahem;
+      border: 0px;
+      /* This forces non-native styling */
+    }
+    .std {
+      background-image: url("blue.png");
+      height: 500px;
+    }
+    .fake-backplate {
+      background-color: white;
+      width: max-content;
+    }
+    </style>
+</head>
+<body>
+    <div class="std">
+    <button>ppppp</button><span class="fake-backplate">ppppp</span><br>
+    <form>
+      <input>
+    </form>
+    <br>
+    <span class="fake-backplate">ppppp<!-- no whitespace
+    --><button>ppppp</button><!-- no whitespace
+    -->ppppp</span>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-007.html b/layout/reftests/high-contrast/backplate-bg-image-007.html
new file mode 100644
index 0000000000..558884f9fb
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-007.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <title>Text in a non-native button or input object that overlaps a background image should be backplated.</title>
+    <style>
+    body {
+      font: 20px Ahem;
+    }
+    button, input {
+      font: 20px Ahem;
+      border: 0px;
+      /* This forces non-native styling */
+    }
+    .std {
+      background-image: url("blue.png");
+      height: 500px;
+    }
+    </style>
+</head>
+<body>
+    <div class="std">
+    <button>ppppp</button>ppppp<br>
+    <form>
+      <input>
+    </form><br>
+    <span>ppppp<!-- no whitespace
+    --><button>ppppp</button><!-- no whitespace
+    -->ppppp</span>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-008-ref.html b/layout/reftests/high-contrast/backplate-bg-image-008-ref.html
new file mode 100644
index 0000000000..ab55500e93
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-008-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="ahem.css">
+<title>Reference: Text in a native select object that overlaps a background image should be backplated.</title>
+<style>
+body, select {
+  font: 20px Ahem;
+}
+.std {
+  background-image: url("blue.png");
+  height: 500px;
+}
+.fake-backplate {
+  background-color: white;
+  width: max-content;
+}
+</style>
+<div class="std">
+<span class="fake-backplate"><!-- no whitespace
+-->ppppp<!-- no whitespace
+--><span class="fake-backplate"><!-- no whitespace
+--><select>
+  <option>ppppp</option>
+</select><!-- no whitespace
+--></span><!-- no whitespace
+-->ppppp<!-- no whitespace
+--></span>
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-008.html b/layout/reftests/high-contrast/backplate-bg-image-008.html
new file mode 100644
index 0000000000..227f85fc64
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-008.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <title>Text in a native select object that overlaps a background image should be backplated.</title>
+    <style>
+    body, select {
+      font: 20px Ahem;
+    }
+    .std {
+      background-image: url("blue.png");
+      height: 500px;
+    }
+    </style>
+</head>
+<body>
+    <div class="std"><!-- no whitespace
+    -->ppppp<!-- no whitespace
+    --><select>
+      <option>ppppp</option>
+    </select><!-- no whitespace
+    -->ppppp<!-- no whitespace
+    --></div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-009-ref.html b/layout/reftests/high-contrast/backplate-bg-image-009-ref.html
new file mode 100644
index 0000000000..c674f9948c
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-009-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <title>Reference: Text in a non-native select object that overlaps a background image should be backplated.</title>
+    <style>
+    body {
+      font: 20px Ahem;
+    }
+    select {
+      font: 20px Ahem;
+      border: 0px;
+      /* This forces non-native styling */
+    }
+    .std {
+      background-image: url("blue.png");
+      height: 500px;
+    }
+    .fake-backplate {
+      background-color: white;
+      width: max-content;
+    }
+    </style>
+</head>
+<body>
+    <div class="std">
+    <span class="fake-backplate"><!-- no whitespace
+    -->ppppp<!-- no whitespace
+    --><span class="fake-backplate"><!-- no whitespace
+    --><select>
+      <option>ppppp</option>
+    </select><!-- no whitespace
+    --></span><!-- no whitespace
+    -->ppppp<!-- no whitespace
+    --></span>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-009.html b/layout/reftests/high-contrast/backplate-bg-image-009.html
new file mode 100644
index 0000000000..7d4bd590d6
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-009.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+    <title>Text in a non-native select object that overlaps a background image should be backplated.</title>
+    <style>
+    body {
+      font: 20px Ahem;
+    }
+    select {
+      font: 20px Ahem;
+      border: 0px;
+      /* This forces non-native styling */
+    }
+    .std {
+      background-image: url("blue.png");
+      height: 500px;
+    }
+    </style>
+</head>
+<body>
+    <div class="std"><!-- no whitespace
+    -->ppppp<!-- no whitespace
+    --><select>
+      <option>ppppp</option>
+    </select><!-- no whitespace
+    -->ppppp<!-- no whitespace
+    --></div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-010-ref.html b/layout/reftests/high-contrast/backplate-bg-image-010-ref.html
new file mode 100644
index 0000000000..1472791cde
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-010-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<title>Reference: Only lines containing visible content (visibility: visible) should receive backplates.</title>
+<style>
+  .outer {
+    background-image: url("blue.png");
+  }
+  .hidden {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .fake-backplate {
+    background-color: white;
+  }
+</style>
+<div class="outer">
+  <div>
+    <span class="fake-backplate">AAAA</span>
+    <div class="hidden">BBBB</div>
+    <span class="fake-backplate">CCCC</span>
+    <div class="hidden">
+      DDDD
+      <div class="visible"><span class="fake-backplate">EEEE</span></div>
+      FFFF
+    </div>
+  </div>
+  <div class="fake-backplate" style="display: inline-block;">
+    <span class="fake-backplate">GGGG</span>
+    <br>
+    <span class="fake-backplate">HHHH</span>
+    <span class="hidden">IIII</span>
+    <span class="fake-backplate">JJJJ</span>
+    <span class="hidden">
+      KKKK
+      <span class="visible fake-backplate">LLLL</span>
+      MMMM
+    </span>
+    <span class="fake-backplate">NNNN</span>
+    <span class="hidden">
+      <span style="display:inline-block">
+        1
+        <span class="visible fake-backplate">2</span>
+      </span>
+      <span style="display:inline-block" class="visible fake-backplate">
+        3
+      </span>
+    4
+  </span>
+  </div>
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-010.html b/layout/reftests/high-contrast/backplate-bg-image-010.html
new file mode 100644
index 0000000000..b6bb4cd83b
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-010.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<title>Only lines containing visible content (visibility: visible) should receive backplates.</title>
+<style>
+  .outer {
+    background-image: url("blue.png");
+  }
+  .hidden {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+</style>
+<div class="outer">
+  <div>
+    AAAA<!-- no whitespace between elements
+    --><div class="hidden">BBBB</div><!-- no whitespace between elements
+    -->CCCC<!-- no whitespace between elements
+    --><div class="hidden">
+      DDDD
+      <div class="visible">EEEE</div>
+      FFFF
+    </div>
+  </div>
+  GGGG
+  <br>
+  HHHH
+  <span class="hidden">IIII</span>
+  JJJJ
+  <span class="hidden">
+    KKKK
+    <span class="visible">LLLL</span>
+    MMMM
+  </span>
+  NNNN
+  <span class="hidden">
+    <span style="display:inline-block">
+      1
+      <span class="visible">2</span>
+    </span>
+    <span style="display:inline-block" class="visible">
+      3
+    </span>
+    4<!-- no whitespace between elements
+  --></span>
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-011-ref.html b/layout/reftests/high-contrast/backplate-bg-image-011-ref.html
new file mode 100644
index 0000000000..7e13b2b3ec
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-011-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>Reference: Backplates should not include margins, indentation, padding, border space, or text-alignment space.</title>
+<style>
+  .outer {
+    background: url("blue.png");
+  }
+  div {
+    margin-bottom: 30px;
+  }
+  .fake-backplate {
+    background-color: white;
+  }
+</style>
+<div class="outer">
+  <div><span class="fake-backplate">div</span></div>
+  <div style="margin-left: 30px"><span class="fake-backplate">div w/ margin-left</span></div>
+  <div><span style="margin-left: 100px" class="fake-backplate">span w/ margin-left</span></div>
+  <div><span><span style="margin: 0px 100px" class="fake-backplate">nested span w/ margin on inner</span></span></div>
+  <div><span style="padding: 0px 50px"><span class="fake-backplate">span w/ padding</span></span></div>
+  <div><span style="border: 10px dotted black"><span class="fake-backplate">span w/ thick dotted border</span></span></div>
+  <div style="text-align: center"><span class="fake-backplate">div w/ text-align:center</span></div>
+  <div style="text-align: right"><span class="fake-backplate">div w/ text-align:right</span></div>
+  <div style="direction: rtl; text-align: center"><span class="fake-backplate">div w/ RTL &amp; text-align:center</span></div>
+  <div style="text-indent: 200px"><span class="fake-backplate">div w/ text-indent</span></div>
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-011.html b/layout/reftests/high-contrast/backplate-bg-image-011.html
new file mode 100644
index 0000000000..9abfe3f2b0
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-011.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Backplates should not include margins, indentation, padding, border space, or text-alignment space.</title>
+<style>
+  .outer {
+    background: url("blue.png");
+  }
+  div {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="outer">
+  <div>div</div>
+  <div style="margin-left: 30px">div w/ margin-left</div>
+  <div><span style="margin-left: 100px">span w/ margin-left</span></div>
+  <div><span><span style="margin: 0px 100px">nested span w/ margin on inner</span></span></div>
+  <div><span style="padding: 0px 50px">span w/ padding</span></div>
+  <div><span style="border: 10px dotted purple">span w/ thick dotted border</span></div>
+  <div style="text-align: center">div w/ text-align:center</div>
+  <div style="text-align: right">div w/ text-align:right</div>
+  <div style="direction: rtl; text-align: center">div w/ RTL &amp; text-align:center</div>
+  <div style="text-indent: 200px">div w/ text-indent</div>
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-012-ref.html b/layout/reftests/high-contrast/backplate-bg-image-012-ref.html
new file mode 100644
index 0000000000..d539fe1731
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-012-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<title>Reference: Empty canvas objects and images that do not share lines with text should not receive backplates.</title>
+<style>
+  .outer {
+    background-image: url("blue.png");
+  }
+  canvas {
+    height: 100px;
+    width: 100px;
+  }
+  .fake-backplate {
+    background-color: white;
+  }
+</style>
+<div class="outer">
+  <canvas></canvas>
+  <br>
+  <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>" style="border:1px solid black; height:100px; width:100px;">
+  <br>
+  <span class="fake-backplate">Here is some alt text</span>
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-012.html b/layout/reftests/high-contrast/backplate-bg-image-012.html
new file mode 100644
index 0000000000..39c1d854d7
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-012.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>Empty canvas objects and images that do not share lines with text should not receive backplates.</title>
+<style>
+  .outer {
+    background-image: url("blue.png");
+  }
+  canvas {
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="outer">
+  <canvas></canvas>
+  <br>
+  <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>" style="border:1px solid black; height:100px; width:100px;">
+  <br>
+  <img src="data:image/png," alt="Here is some alt text">
+</div>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-013-ref.html b/layout/reftests/high-contrast/backplate-bg-image-013-ref.html
new file mode 100644
index 0000000000..dddbf9816e
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-013-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Reference: Whitespace-only text over images should not receive backplates.</title>
+    <style>
+        div {
+            position: absolute;
+        }
+        .bg {
+            background-image: url("red.png");
+            height: 20px;
+            width: 20px;
+        }
+    </style>
+</head>
+<body>
+    <div class="bg"></div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-013.html b/layout/reftests/high-contrast/backplate-bg-image-013.html
new file mode 100644
index 0000000000..6215184e39
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-013.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Whitespace-only text over images should not receive backplates.</title>
+    <style>
+        div {
+            position: absolute;
+        }
+        .bg {
+            background-image: url("red.png");
+            height: 20px;
+            width: 20px;
+        }
+    </style>
+</head>
+<body>
+    <div class="bg"></div>
+    <div>&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-bg-image-014.html b/layout/reftests/high-contrast/backplate-bg-image-014.html
new file mode 100644
index 0000000000..a3a8ea29fe
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-bg-image-014.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="ahem.css" />
+  <title>Text that overlaps a background image should be backplated with multiple layers.</title>
+  <style>
+    div {
+      font: 20px Ahem;
+      background-image: url("blue.png"), none;
+    }
+    </style>
+</head>
+<div>
+  ppppp ppppp
+</div>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-force-color-adjust-ref.html b/layout/reftests/high-contrast/backplate-force-color-adjust-ref.html
new file mode 100644
index 0000000000..37e09fba29
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-force-color-adjust-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Reference: Text with forced-color-adjust set to none should not be backplated.</title>
+  <style>
+    div {
+      background-image: url("blue.png");
+      color: yellow;
+    }
+    </style>
+</head>
+<div>
+  Yellow Text
+</div>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-force-color-adjust.html b/layout/reftests/high-contrast/backplate-force-color-adjust.html
new file mode 100644
index 0000000000..271510902a
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-force-color-adjust.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Text with forced-color-adjust set to none should not be backplated.</title>
+  <style>
+    div {
+      forced-color-adjust: none;
+      background-image: url("blue.png");
+      color: yellow;
+    }
+    </style>
+</head>
+<div>
+  Yellow Text
+</div>
+</html>
diff --git a/layout/reftests/high-contrast/backplate-select-001-ref.html b/layout/reftests/high-contrast/backplate-select-001-ref.html
new file mode 100644
index 0000000000..efa3a40596
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-select-001-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<title>Reference: Multiple select's should have all options visible even when highlighted in high contrast mode. Options should render with backplates that are the same color as the select, or the applied highlight.</title>
+<select multiple="multiple" autofocus>
+  <option>1</option>
+  <option selected="selected">2</option>
+  <option>3</option>
+</select>
diff --git a/layout/reftests/high-contrast/backplate-select-001.html b/layout/reftests/high-contrast/backplate-select-001.html
new file mode 100644
index 0000000000..2dd819c695
--- /dev/null
+++ b/layout/reftests/high-contrast/backplate-select-001.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<title>Multiple select's should have all options visible even when highlighted in high contrast mode. Options should render with backplates that are the same color as the select, or the applied highlight.</title>
+<select multiple="multiple" autofocus>
+  <option>1</option>
+  <option selected="selected">2</option>
+  <option>3</option>
+</select>
diff --git a/layout/reftests/high-contrast/bg-image-div-001-ref.html b/layout/reftests/high-contrast/bg-image-div-001-ref.html
new file mode 100644
index 0000000000..0f240809c0
--- /dev/null
+++ b/layout/reftests/high-contrast/bg-image-div-001-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Reference: Non-URL background images should be ignored high-contrast.</title>
+  <style>
+    .outer {
+      background-image: url("blue.png");
+    }
+    .size {
+      height: 100px;
+      width: 100px;
+    }
+    .url {
+      background-image: url("green.png");
+    }
+  </style>
+</head>
+<body>
+  <div class="outer">
+    <div class="size url"></div><br>
+    <div class="size"></div></br>
+    <div class="size"></div><br>
+    <div class="size"></div><br>
+    <div class="size url"></div><br>
+    <div class="size"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/bg-image-div-001.html b/layout/reftests/high-contrast/bg-image-div-001.html
new file mode 100644
index 0000000000..8764901fb5
--- /dev/null
+++ b/layout/reftests/high-contrast/bg-image-div-001.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>When HCM is enabled, only background images sourced from URL's should be rendered. </title>
+  <style>
+    .outer {
+      background-image: url("blue.png");
+    }
+    .size {
+      height: 100px;
+      width: 100px;
+    }
+    .gradient {
+      background-image: linear-gradient(red, red);
+    }
+    .url {
+      background-image: url("green.png");
+    }
+    .urlGradient {
+      background-image: url("red.png"), linear-gradient(red, red);
+    }
+    .gradientUrl {
+      background-image: linear-gradient(red, red), url("red.png");
+    }
+    .urlNone {
+      background-image: url("red.png");
+      background-image: none;
+    }
+  </style>
+</head>
+<body>
+  <div class="outer">
+    <div class="size url"></div><br>
+    <div class="size gradient"></div></br>
+    <div class="size urlGradient"></div><br>
+    <div class="size gradientUrl"></div><br>
+    <div class="size url gradient"></div><br>
+    <div class="size urlNone"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/bg-image-div-002-ref.html b/layout/reftests/high-contrast/bg-image-div-002-ref.html
new file mode 100644
index 0000000000..17d816f7f6
--- /dev/null
+++ b/layout/reftests/high-contrast/bg-image-div-002-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+  .outer {
+    /* Invert color/background so that it has more chances to disagree with the default background-color. */
+    color: Menu;
+    background-color: MenuText;
+  }
+  .inner {
+    height: 100px;
+    width: 100px;
+    padding: 10px;
+  }
+</style>
+<div class="outer">
+  <div class="inner">X</div>
+</div>
diff --git a/layout/reftests/high-contrast/bg-image-div-002.html b/layout/reftests/high-contrast/bg-image-div-002.html
new file mode 100644
index 0000000000..77f6018037
--- /dev/null
+++ b/layout/reftests/high-contrast/bg-image-div-002.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+  .outer {
+    /* Invert color/background so that it has more chances to disagree with the default background-color. */
+    color: Menu;
+    background-color: MenuText;
+  }
+  .inner {
+    height: 100px;
+    width: 100px;
+    padding: 10px;
+    background-image: url("green.png");
+    background-size: 0 0;
+  }
+</style>
+<div class="outer">
+  <div class="inner">X</div>
+</div>
diff --git a/layout/reftests/high-contrast/bg-image-root-001-ref.html b/layout/reftests/high-contrast/bg-image-root-001-ref.html
new file mode 100644
index 0000000000..c50eddd41f
--- /dev/null
+++ b/layout/reftests/high-contrast/bg-image-root-001-ref.html
@@ -0,0 +1 @@
+<!doctype html>
diff --git a/layout/reftests/high-contrast/bg-image-root-001.html b/layout/reftests/high-contrast/bg-image-root-001.html
new file mode 100644
index 0000000000..8aef792394
--- /dev/null
+++ b/layout/reftests/high-contrast/bg-image-root-001.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<title>background-image on canvas is ignored if in high-contrast</title>
+<style>
+body {
+  background-image: url("red.png");
+}
+</style>
diff --git a/layout/reftests/high-contrast/blue.png b/layout/reftests/high-contrast/blue.png
new file mode 100644
index 0000000000..a64b6a4255
Binary files /dev/null and b/layout/reftests/high-contrast/blue.png differ
diff --git a/layout/reftests/high-contrast/border-color-transparent-ref.html b/layout/reftests/high-contrast/border-color-transparent-ref.html
new file mode 100644
index 0000000000..f0e7f94566
--- /dev/null
+++ b/layout/reftests/high-contrast/border-color-transparent-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+  div {
+    border: 100px solid black;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/high-contrast/border-color-transparent.html b/layout/reftests/high-contrast/border-color-transparent.html
new file mode 100644
index 0000000000..74e761b48f
--- /dev/null
+++ b/layout/reftests/high-contrast/border-color-transparent.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+  div {
+    border: 100px solid transparent;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/high-contrast/cascade-001.html b/layout/reftests/high-contrast/cascade-001.html
new file mode 100644
index 0000000000..9fdf1ae1ae
--- /dev/null
+++ b/layout/reftests/high-contrast/cascade-001.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<style>
+body { margin: 0 }
+
+div {
+  width: 100vw;
+  height: 100vh;
+  color: transparent;
+}
+
+div {
+  color: black;
+}
+</style>
+<div>You should see me</div>
diff --git a/layout/reftests/high-contrast/color-mix-notref.html b/layout/reftests/high-contrast/color-mix-notref.html
new file mode 100644
index 0000000000..e2d92fc589
--- /dev/null
+++ b/layout/reftests/high-contrast/color-mix-notref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<p>
+  I should be semi-transparent.
+</p>
diff --git a/layout/reftests/high-contrast/color-mix.html b/layout/reftests/high-contrast/color-mix.html
new file mode 100644
index 0000000000..967bf0abdd
--- /dev/null
+++ b/layout/reftests/high-contrast/color-mix.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  p {
+    color: color-mix(in srgb, Canvas, transparent);
+  }
+</style>
+<p>
+  I should be semi-transparent.
+</p>
diff --git a/layout/reftests/high-contrast/color-transparent-001.html b/layout/reftests/high-contrast/color-transparent-001.html
new file mode 100644
index 0000000000..c317327b20
--- /dev/null
+++ b/layout/reftests/high-contrast/color-transparent-001.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<title>color: transparent should be honored in high contrast mode</title>
+<style>
+  p {
+    color: transparent;
+  }
+</style>
+<p>
+  I should not show up.
+</p>
diff --git a/layout/reftests/high-contrast/color-transparent-002.html b/layout/reftests/high-contrast/color-transparent-002.html
new file mode 100644
index 0000000000..7b625649e7
--- /dev/null
+++ b/layout/reftests/high-contrast/color-transparent-002.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<title>color: transparent should not make other text below it not show up</title>
+<style>
+  p {
+    color: transparent;
+  }
+  span {
+    color: red;
+  }
+</style>
+<p>
+  Only the <span>span</span> should show up.
+</p>
diff --git a/layout/reftests/high-contrast/currentColor-ref.html b/layout/reftests/high-contrast/currentColor-ref.html
new file mode 100644
index 0000000000..fd2f93acbe
--- /dev/null
+++ b/layout/reftests/high-contrast/currentColor-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  div {
+    width: 50px;
+    height: 50px;
+    border: 1px solid SelectedItem;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/high-contrast/currentColor.html b/layout/reftests/high-contrast/currentColor.html
new file mode 100644
index 0000000000..ec298ac7a7
--- /dev/null
+++ b/layout/reftests/high-contrast/currentColor.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+  div {
+    width: 50px;
+    height: 50px;
+    border: 1px solid currentColor;
+    color: SelectedItem;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/high-contrast/forced-colors-000.html b/layout/reftests/high-contrast/forced-colors-000.html
new file mode 100644
index 0000000000..d6bdf536aa
--- /dev/null
+++ b/layout/reftests/high-contrast/forced-colors-000.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>forced colors should match when colors are forced</title>
+
+<style>
+    div {
+        width: 100px;
+        height: 100px;
+    }
+    @media(forced-colors: active) {
+        div {
+            outline: 2px solid black;
+        }
+    }
+</style>
+<div></div>
+
diff --git a/layout/reftests/high-contrast/forced-colors-001.html b/layout/reftests/high-contrast/forced-colors-001.html
new file mode 100644
index 0000000000..921cab8f30
--- /dev/null
+++ b/layout/reftests/high-contrast/forced-colors-001.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>forced colors active should be true in boolean context</title>
+<style>
+    div {
+        width: 100px;
+        height: 100px;
+    }
+    @media(forced-colors) {
+        div {
+            outline: 2px solid black;
+        }
+    }
+</style>
+<div></div>
+
diff --git a/layout/reftests/high-contrast/forced-colors-002.html b/layout/reftests/high-contrast/forced-colors-002.html
new file mode 100644
index 0000000000..213b99ea51
--- /dev/null
+++ b/layout/reftests/high-contrast/forced-colors-002.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>forced colors none should match with no forced colors</title>
+
+<style>
+    div {
+        width: 100px;
+        height: 100px;
+    }
+    @media(forced-colors: none) {
+        div {
+            outline: 2px solid black;
+        }
+    }
+</style>
+<div></div>
+
diff --git a/layout/reftests/high-contrast/green.png b/layout/reftests/high-contrast/green.png
new file mode 100644
index 0000000000..0aa79b0c86
Binary files /dev/null and b/layout/reftests/high-contrast/green.png differ
diff --git a/layout/reftests/high-contrast/links-2.html b/layout/reftests/high-contrast/links-2.html
new file mode 100644
index 0000000000..23c28abf97
--- /dev/null
+++ b/layout/reftests/high-contrast/links-2.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+  span { color: hotpink }
+</style>
+<a href="">Should have <span>link</span> color, not default color</a>
diff --git a/layout/reftests/high-contrast/links-ref.html b/layout/reftests/high-contrast/links-ref.html
new file mode 100644
index 0000000000..f8ef95d194
--- /dev/null
+++ b/layout/reftests/high-contrast/links-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<a href="">Should have link color, not default color</a>
diff --git a/layout/reftests/high-contrast/links.html b/layout/reftests/high-contrast/links.html
new file mode 100644
index 0000000000..bdba108d04
--- /dev/null
+++ b/layout/reftests/high-contrast/links.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+  a { color: hotpink }
+</style>
+<a href="">Should have link color, not default color</a>
diff --git a/layout/reftests/high-contrast/no-system-colors-color-scheme-ref.html b/layout/reftests/high-contrast/no-system-colors-color-scheme-ref.html
new file mode 100644
index 0000000000..6320d22bc8
--- /dev/null
+++ b/layout/reftests/high-contrast/no-system-colors-color-scheme-ref.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<style>
+  :root {
+    background-color: black;
+    color: white;
+  }
+  input {
+    font: inherit;
+    color: inherit;
+    border: none;
+    padding: 0;
+    background-color: transparent;
+  }
+</style>
+XXX<br>
+<input value="XXX">
diff --git a/layout/reftests/high-contrast/no-system-colors-color-scheme.html b/layout/reftests/high-contrast/no-system-colors-color-scheme.html
new file mode 100644
index 0000000000..d4a9cf45b1
--- /dev/null
+++ b/layout/reftests/high-contrast/no-system-colors-color-scheme.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+<style>
+  input {
+    font: inherit;
+    color: inherit;
+    border: none;
+    padding: 0;
+    background-color: transparent;
+  }
+</style>
+XXX<br>
+<input value="XXX">
diff --git a/layout/reftests/high-contrast/non-themed-button-001-ref.html b/layout/reftests/high-contrast/non-themed-button-001-ref.html
new file mode 100644
index 0000000000..956e337dd5
--- /dev/null
+++ b/layout/reftests/high-contrast/non-themed-button-001-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<style>
+button {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  -moz-appearance: none;
+}
+</style>
+<button>Foo</button>
diff --git a/layout/reftests/high-contrast/non-themed-button-001.html b/layout/reftests/high-contrast/non-themed-button-001.html
new file mode 100644
index 0000000000..a13d0b7a08
--- /dev/null
+++ b/layout/reftests/high-contrast/non-themed-button-001.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+button {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+}
+</style>
+<button>Foo</button>
diff --git a/layout/reftests/high-contrast/non-themed-button-002-ref.html b/layout/reftests/high-contrast/non-themed-button-002-ref.html
new file mode 100644
index 0000000000..45bf4517a2
--- /dev/null
+++ b/layout/reftests/high-contrast/non-themed-button-002-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+button {
+  background-color: red;
+  border: none;
+  padding: 0;
+}
+</style>
+<button>Foo</button>
diff --git a/layout/reftests/high-contrast/non-themed-button-002.html b/layout/reftests/high-contrast/non-themed-button-002.html
new file mode 100644
index 0000000000..c2ccf9a7f2
--- /dev/null
+++ b/layout/reftests/high-contrast/non-themed-button-002.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+button {
+  border: none;
+  padding: 0;
+  background-color: red;
+}
+</style>
+<button>Foo</button>
diff --git a/layout/reftests/high-contrast/prefers-color-scheme-dark.html b/layout/reftests/high-contrast/prefers-color-scheme-dark.html
new file mode 100644
index 0000000000..46519c09b7
--- /dev/null
+++ b/layout/reftests/high-contrast/prefers-color-scheme-dark.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+body::before { content: "dark" }
+</style>
+<body></body>
diff --git a/layout/reftests/high-contrast/prefers-color-scheme-light.html b/layout/reftests/high-contrast/prefers-color-scheme-light.html
new file mode 100644
index 0000000000..972cf906ee
--- /dev/null
+++ b/layout/reftests/high-contrast/prefers-color-scheme-light.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+body::before { content: "light" }
+</style>
+<body></body>
diff --git a/layout/reftests/high-contrast/prefers-color-scheme.html b/layout/reftests/high-contrast/prefers-color-scheme.html
new file mode 100644
index 0000000000..ca093cc132
--- /dev/null
+++ b/layout/reftests/high-contrast/prefers-color-scheme.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+body::before { content: "light" }
+@media (prefers-color-scheme: dark) {
+  body::before { content: "dark" }
+}
+</style>
+<body></body>
diff --git a/layout/reftests/high-contrast/prefers-contrast-001.html b/layout/reftests/high-contrast/prefers-contrast-001.html
new file mode 100644
index 0000000000..0e94012ed8
--- /dev/null
+++ b/layout/reftests/high-contrast/prefers-contrast-001.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>low, fixed, and high should all evaluate to true in the boolean context.</title>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+  }
+  @media(prefers-contrast) {
+    div {
+      outline: 2px solid black;
+    }
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/high-contrast/prefers-contrast-002.html b/layout/reftests/high-contrast/prefers-contrast-002.html
new file mode 100644
index 0000000000..56bd8329bb
--- /dev/null
+++ b/layout/reftests/high-contrast/prefers-contrast-002.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>high contrast mode should cause a black box to be drawn</title>
+
+<style type="text/css">
+    div {
+        width: 100px;
+        height: 100px;
+    }
+    @media (prefers-contrast: more) {
+        div {
+            outline: 2px solid #000000;
+        }
+    }
+</style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
+
diff --git a/layout/reftests/high-contrast/prefers-contrast-005.html b/layout/reftests/high-contrast/prefers-contrast-005.html
new file mode 100644
index 0000000000..4009804174
--- /dev/null
+++ b/layout/reftests/high-contrast/prefers-contrast-005.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>no contrast preference should cause a black box to be
+drawn</title>
+
+<style type="text/css">
+    div {
+        width: 100px;
+        height: 100px;
+    }
+    @media(prefers-contrast: no-preference) {
+        div {
+            outline: 2px solid black;
+        }
+    }
+</style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/high-contrast/prefers-contrast-black-ref.html b/layout/reftests/high-contrast/prefers-contrast-black-ref.html
new file mode 100644
index 0000000000..67385886f5
--- /dev/null
+++ b/layout/reftests/high-contrast/prefers-contrast-black-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>reference: a black box to test the prefers-contrast media query</title>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    outline: 2px solid black;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/high-contrast/red.png b/layout/reftests/high-contrast/red.png
new file mode 100644
index 0000000000..a6e195d59c
Binary files /dev/null and b/layout/reftests/high-contrast/red.png differ
diff --git a/layout/reftests/high-contrast/reftest.list b/layout/reftests/high-contrast/reftest.list
new file mode 100644
index 0000000000..0057a92b2e
--- /dev/null
+++ b/layout/reftests/high-contrast/reftest.list
@@ -0,0 +1,105 @@
+# This pref enables high-contrast mode in the testcases here:
+defaults test-pref(browser.display.document_color_use,2) test-pref(browser.display.permit_backplate,true) test-pref(layout.css.prefers-contrast.enabled,true) test-pref(layout.css.forced-colors.enabled,true) test-pref(browser.display.foreground_color,"#000000") test-pref(browser.display.background_color,"#FFFFFF") pref(ui.use_standins_for_native_colors,true) pref(widget.non-native-theme.always-high-contrast,true)
+
+# There are several platform-specific fuzzy-if notations below due to
+# anti-aliasing, extra ink overflow, and slightly inacurate reftest
+# mocking. You can read more about the annotations and their specifics here:
+# https://bugzilla.mozilla.org/show_bug.cgi?id=1539212#c25
+
+== backplate-select-001.html backplate-select-001-ref.html
+
+fuzzy-if(cocoaWidget,255-255,20-20) == backplate-bg-image-001.html backplate-bg-image-001-ref.html # bug 1577028
+fuzzy-if(cocoaWidget,255-255,20-20) == backplate-bg-image-002.html backplate-bg-image-002-ref.html
+fuzzy-if(cocoaWidget,255-255,4-4) == backplate-bg-image-003.html backplate-bg-image-003-ref.html
+fuzzy-if(cocoaWidget,255-255,20-20) == backplate-bg-image-004.html backplate-bg-image-004-ref.html
+fuzzy-if(cocoaWidget,255-255,80-80) == backplate-bg-image-005.html backplate-bg-image-005-ref.html
+
+fuzzy-if(cocoaWidget,255-255,40-40) == backplate-bg-image-006.html backplate-bg-image-006-ref.html
+
+fuzzy-if(cocoaWidget,255-255,40-40) == backplate-bg-image-007.html backplate-bg-image-007-ref.html
+fuzzy-if(cocoaWidget,255-255,20-20) fuzzy-if(!cocoaWidget,0-21,0-6) == backplate-bg-image-008.html backplate-bg-image-008-ref.html
+fuzzy-if(cocoaWidget,255-255,20-20) == backplate-bg-image-009.html backplate-bg-image-009-ref.html
+fuzzy-if(cocoaWidget,255-255,1495-1495) fuzzy-if(winWidget,255-255,353-353) fuzzy-if(Android,255-255,700-700) == backplate-bg-image-010.html backplate-bg-image-010-ref.html
+random-if(useDrawSnapshot) fuzzy-if(cocoaWidget,255-255,284-320) == backplate-bg-image-011.html backplate-bg-image-011-ref.html
+fuzzy-if(cocoaWidget,255-255,16-16) == backplate-bg-image-012.html backplate-bg-image-012-ref.html
+== backplate-bg-image-013.html backplate-bg-image-013-ref.html
+fuzzy-if(cocoaWidget,255-255,20-20) == backplate-bg-image-014.html backplate-bg-image-001-ref.html # bug 1577028
+
+test-pref(browser.display.suppress_canvas_background_image_on_forced_colors,true) == bg-image-root-001.html bg-image-root-001-ref.html
+test-pref(browser.display.suppress_canvas_background_image_on_forced_colors,false) != bg-image-root-001.html bg-image-root-001-ref.html
+
+== bg-image-div-001.html bg-image-div-001-ref.html
+== bg-image-div-002.html bg-image-div-002-ref.html
+
+needs-focus == selection-001.html selection-001-ref.html
+pref(browser.display.document_color_use,0) needs-focus != selection-001.html selection-001-ref.html
+
+== color-transparent-001.html about:blank
+!= color-transparent-002.html about:blank
+!= semi-transparent-overlay.html about:blank
+!= semi-transparent-overlay.html semi-transparent-background.html
+
+== links.html links-ref.html
+== links-2.html links-ref.html
+
+pref(browser.display.document_color_use,2) == non-themed-button-001.html non-themed-button-001-ref.html
+pref(browser.display.document_color_use,2) == non-themed-button-002.html non-themed-button-002-ref.html
+
+!= cascade-001.html about:blank
+
+# prefers-contrast media query:
+
+# Forced colors affects prefers-contrast.
+== prefers-contrast-001.html prefers-contrast-black-ref.html
+# high should match when an accessibility theme is used
+test-pref(ui.windowForeground,"black") test-pref(ui.windowBackground,"white") test-pref(ui.useAccessibilityTheme,1) == prefers-contrast-001.html prefers-contrast-black-ref.html
+
+# high should match when an accessibility theme is being used
+test-pref(ui.windowForeground,"black") test-pref(ui.windowBackground,"white") test-pref(ui.useAccessibilityTheme,1) == prefers-contrast-002.html prefers-contrast-black-ref.html
+
+# If RFP is on the media query stops evaluating contrast preferences and
+# defaults to no-preference.
+test-pref(privacy.resistFingerprinting,true) != prefers-contrast-001.html prefers-contrast-black-ref.html
+# high should not match when RFP is enabled.
+test-pref(ui.windowForeground,"black") test-pref(ui.windowBackground,"white") test-pref(privacy.resistFingerprinting,true) test-pref(ui.useAccessibilityTheme,1) != prefers-contrast-002.html prefers-contrast-black-ref.html
+
+# Should only be enabled behind preference.
+test-pref(layout.css.prefers-contrast.enabled,false) != prefers-contrast-001.html prefers-contrast-black-ref.html
+
+# a prefers-contrast value of no-preference should evaluate to false
+# in the boolean context
+test-pref(browser.display.document_color_use,0) != prefers-contrast-001.html prefers-contrast-black-ref.html
+
+# a prefers-contrast value of no-preference should match no-preference
+test-pref(browser.display.document_color_use,0) == prefers-contrast-005.html prefers-contrast-black-ref.html
+
+# forced-colors media query
+
+# active
+== forced-colors-000.html prefers-contrast-black-ref.html
+test-pref(browser.display.document_color_use,0) != forced-colors-000.html prefers-contrast-black-ref.html
+
+# none
+test-pref(browser.display.document_color_use,0) == forced-colors-002.html prefers-contrast-black-ref.html
+!= forced-colors-002.html prefers-contrast-black-ref.html
+
+# boolean context
+== forced-colors-001.html prefers-contrast-black-ref.html
+test-pref(browser.display.document_color_use,0) != forced-colors-001.html prefers-contrast-black-ref.html
+
+pref(browser.display.use_system_colors,true) pref(browser.display.document_color_use,0) test-pref(layout.css.prefers-color-scheme.content-override,0) != about:blank about:blank
+
+!= system-colors.html system-colors-notref.html
+
+!= border-color-transparent.html about:blank
+== border-color-transparent.html border-color-transparent-ref.html
+== currentColor.html currentColor-ref.html
+
+!= color-mix.html color-mix-notref.html
+
+test-pref(browser.display.background_color,"black") test-pref(browser.display.foreground_color,"white") test-pref(ui.-moz-fieldtext,"black") test-pref(ui.-moz-fieldtext.dark,"white") pref(ui.use_standins_for_native_colors,false) pref(browser.display.use_system_colors,false) == no-system-colors-color-scheme.html no-system-colors-color-scheme-ref.html
+pref(ui.use_standins_for_native_colors,false) pref(browser.display.use_system_colors,false) pref(browser.display.background_color,"black") pref(browser.display.foreground_color,"white") == prefers-color-scheme.html prefers-color-scheme-dark.html
+pref(ui.use_standins_for_native_colors,false) pref(browser.display.use_system_colors,false) pref(browser.display.background_color,"white") pref(browser.display.foreground_color,"black") == prefers-color-scheme.html prefers-color-scheme-light.html
+
+# Forced color adjust
+pref(layout.css.forced-color-adjust.enabled,true) == backplate-force-color-adjust.html backplate-force-color-adjust-ref.html
diff --git a/layout/reftests/high-contrast/selection-001-ref.html b/layout/reftests/high-contrast/selection-001-ref.html
new file mode 100644
index 0000000000..55a43aafd0
--- /dev/null
+++ b/layout/reftests/high-contrast/selection-001-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>Test reference</title>
+<p>
+  Some selected text
+</p>
+<script>
+getSelection().removeAllRanges();
+let r = document.createRange();
+r.selectNode(document.documentElement);
+getSelection().addRange(r);
+</script>
diff --git a/layout/reftests/high-contrast/selection-001.html b/layout/reftests/high-contrast/selection-001.html
new file mode 100644
index 0000000000..2d3cabdf0c
--- /dev/null
+++ b/layout/reftests/high-contrast/selection-001.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>::selection should use native colors in high contrast mode</title>
+<style>
+::selection {
+  background: purple;
+  color: blue;
+}
+</style>
+<p>
+  Some selected text
+</p>
+<script>
+getSelection().removeAllRanges();
+let r = document.createRange();
+r.selectNode(document.documentElement);
+getSelection().addRange(r);
+</script>
diff --git a/layout/reftests/high-contrast/semi-transparent-background.html b/layout/reftests/high-contrast/semi-transparent-background.html
new file mode 100644
index 0000000000..8902d19fcb
--- /dev/null
+++ b/layout/reftests/high-contrast/semi-transparent-background.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+.container {
+  position: relative;
+  background-color: rgba(0, 0, 0, .2);
+}
+</style>
+<div class="container">
+  <a href="#"></a>
+  Some text that you should be able to read.
+</div>
diff --git a/layout/reftests/high-contrast/semi-transparent-overlay.html b/layout/reftests/high-contrast/semi-transparent-overlay.html
new file mode 100644
index 0000000000..76f2542ee4
--- /dev/null
+++ b/layout/reftests/high-contrast/semi-transparent-overlay.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<style>
+.container {
+  position: relative;
+}
+a {
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, .2);
+}
+</style>
+<div class="container">
+  <a href="#"></a>
+  Some text that you should be able to read.
+</div>
diff --git a/layout/reftests/high-contrast/system-colors-notref.html b/layout/reftests/high-contrast/system-colors-notref.html
new file mode 100644
index 0000000000..9b3770924e
--- /dev/null
+++ b/layout/reftests/high-contrast/system-colors-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div>ABC</div>
diff --git a/layout/reftests/high-contrast/system-colors.html b/layout/reftests/high-contrast/system-colors.html
new file mode 100644
index 0000000000..44b33287ef
--- /dev/null
+++ b/layout/reftests/high-contrast/system-colors.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="background-color: highlight; color: highlighttext;">ABC</div>
diff --git a/layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html b/layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html
new file mode 100644
index 0000000000..91dbb4659f
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 10em; }
+
+	</style>
+
+</head>
+<body>
+
+<span><span>A</span><span>A</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-empty-trailing-inline-1.html b/layout/reftests/ib-split/append-to-empty-trailing-inline-1.html
new file mode 100644
index 0000000000..c5f99bc530
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-empty-trailing-inline-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+	<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+	<meta name="flags" content="dom" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 10em; }
+
+	</style>
+
+<script>
+function boom()
+{
+  var n = document.getElementById("a");
+  n.parentNode.appendChild(n.cloneNode(true));
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<span><span id="a">A</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html b/layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html
new file mode 100644
index 0000000000..18f6aaa2c6
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      .outermost { border: 2px solid; }
+      .outer { border: 4px solid yellow; }
+      .inner { border: 6px sold green; }
+    </style>
+  </head>
+  <body>
+    <span class="outermost" style="border-right: none">
+      <span class="outer" style="border-right: none">
+        <span class="inner" style="border-right: none">
+        </span>
+      </span>
+    </span>
+    <span style="display: block"></span>
+    <span class="outermost" style="border-right: none; border-left: none">
+      <span class="outer" style="border-right: none; border-left: none">
+        <span class="inner" style="border-right: nonel border-left: none">
+          before span
+        </span>
+      </span>
+    </span>
+    <span style="display: block">span</span>
+    <span class="outermost" style="border-left: none">
+      <span class="outer" style="border-left: none">
+        <span class="inner" style="border-left: none">
+          after span
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html b/layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html
new file mode 100644
index 0000000000..fd54f25327
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #outermost { border: 2px solid; }
+      #outer { border: 4px solid yellow; }
+      #inner { border: 6px sold green; }
+    </style>
+  </head>
+  <body>
+    <span id="outermost">
+      <span id="outer">
+        <span id="inner">
+          <span style="display: block"></span>
+          before span
+          <span style="display: block">span</span>
+          after span
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-nested-split-inline-1.html b/layout/reftests/ib-split/append-to-nested-split-inline-1.html
new file mode 100644
index 0000000000..0e4d2e11c4
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-nested-split-inline-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #outermost { border: 2px solid; }
+      #outer { border: 4px solid yellow; }
+      #inner { border: 6px sold green; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("inner");
+        var frag = document.createDocumentFragment();
+        var newSpan = document.createElement("span");
+        newSpan.appendChild(document.createTextNode("span"));
+        newSpan.style.display = "block";
+        frag.appendChild(newSpan);
+        frag.appendChild(document.createTextNode("after span"));
+        i.appendChild(frag);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="outermost">
+      <span id="outer">
+        <span id="inner">
+          <span style="display: block"></span>
+          before span
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-1-ref.html b/layout/reftests/ib-split/ignored-margins-1-ref.html
new file mode 100644
index 0000000000..dffae6e886
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="width: 100px; border: 1px solid green;">
+      <div style="display: block; height: 20px; width: 80px; margin: 10px 0 10px 10px; border: 5px solid black"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-1a.html b/layout/reftests/ib-split/ignored-margins-1a.html
new file mode 100644
index 0000000000..5b84b9b586
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-1a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: ltr; width: 100px; border: 1px solid green;">
+      <span>
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-1b.html b/layout/reftests/ib-split/ignored-margins-1b.html
new file mode 100644
index 0000000000..7707aac384
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-1b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: ltr; width: 100px; border: 1px solid green;">
+      <span style="direction: rtl">
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-2-ref.html b/layout/reftests/ib-split/ignored-margins-2-ref.html
new file mode 100644
index 0000000000..029351265c
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="width: 100px; border: 1px solid green;">
+      <div style="display: block; height: 20px; width: 80px; margin: 10px 10px 10px 0; border: 5px solid black"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-2a.html b/layout/reftests/ib-split/ignored-margins-2a.html
new file mode 100644
index 0000000000..ddd8c7c670
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-2a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: rtl; width: 100px; border: 1px solid green;">
+      <span>
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-2b.html b/layout/reftests/ib-split/ignored-margins-2b.html
new file mode 100644
index 0000000000..f1db340706
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-2b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: rtl; width: 100px; border: 1px solid green;">
+      <span style="direction: ltr">
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html
new file mode 100644
index 0000000000..f1fc4662bf
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+   <span class="notend">
+     <span>One</span><span>Two</span><span>Three</span>
+   </span>
+   <div>Four</div>
+   <span class="notstart notend"></span>
+   <div>Five</div>
+   <span class="notstart notend">
+     <span>Six</span>
+   </span>
+   <div>Seven</div>
+   <span class="notstart notend"></span>
+   <div>Eight</div>
+   <span class="notstart">
+     <span>Nine</span><span>Ten</span><span>Eleven</span>
+   </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1-ref.html b/layout/reftests/ib-split/insert-into-split-inline-1-ref.html
new file mode 100644
index 0000000000..d39c1e9c15
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html
new file mode 100644
index 0000000000..314918890d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span class="notend">
+      <span>One</span><span>Two</span><span>Three</span>
+    </span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span class="notstart notend">
+      <span>Six</span>
+    </span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span class="notstart">
+      <span>Nine</span><span>Ten</span>
+    </span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-10-ref.html b/layout/reftests/ib-split/insert-into-split-inline-10-ref.html
new file mode 100644
index 0000000000..edfd76a8ab
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-10-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body>
+  <span><span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-10.html b/layout/reftests/ib-split/insert-into-split-inline-10.html
new file mode 100644
index 0000000000..4a7f13bb5f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-10.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   body > span > span::after { content: "Ten" }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span><span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html
new file mode 100644
index 0000000000..33448d82a8
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span class="notend">
+      <span>One</span><span>Two</span><span>Three</span>
+    </span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span class="notstart notend">
+      <span>Six</span>
+    </span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Eight</div>
+  <span class="notstart notend">
+    <span class="notstart">
+      <span>Nine</span>
+    </span>
+  </span>
+  <div>Ten</div>
+  <span class="notstart"></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-11-ref.html b/layout/reftests/ib-split/insert-into-split-inline-11-ref.html
new file mode 100644
index 0000000000..ac41e37a4d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-11-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span
+   ><span>One</span
+   ><span>Two</span
+   ><span>Three</span
+   ><div>Four</div
+   ><div>Five</div
+   ><span>Six</span
+   ><div>Seven</div
+   ><div>Eight</div
+   ><span>Nine</span
+  ></span
+  ><div>Ten</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-11.html b/layout/reftests/ib-split/insert-into-split-inline-11.html
new file mode 100644
index 0000000000..bb407bd828
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-11.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span
+  ><span id="target"
+   ><span>One</span
+   ><span>Two</span
+   ><span>Three</span
+   ><div>Four</div
+   ><div>Five</div
+   ><span>Six</span
+   ><div>Seven</div
+   ><div>Eight</div
+  ></span
+  ><div>Ten</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html
new file mode 100644
index 0000000000..48bbbe2dc5
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none">One</div>
+    <div>Two</div>
+    <div style="display: inline; border: 2px; border-style: solid none"></div>
+    <div>Three</div>
+    <div style="display: inline; border: 2px solid; border-left: none"></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-12-ref.html b/layout/reftests/ib-split/insert-into-split-inline-12-ref.html
new file mode 100644
index 0000000000..caff28798d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-12-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid">One<div>Two</div><div>Three</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-12.html b/layout/reftests/ib-split/insert-into-split-inline-12.html
new file mode 100644
index 0000000000..ef60b86f00
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-12.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { display: inline; border: 2px solid; }
+      #i::after { display: block; content: "Three"; }
+    </style>
+  </head>
+  <body>
+    <div id="i"><script>document.body.offsetWidth</script>One<div>Two</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html
new file mode 100644
index 0000000000..b6c0d51725
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none"></div>
+    <div>One</div>
+    <div style="display: inline; border: 2px solid; border-left: none">TwoThree</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-13-ref.html b/layout/reftests/ib-split/insert-into-split-inline-13-ref.html
new file mode 100644
index 0000000000..3f0c3853b3
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-13-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid"><div>One</div>TwoThree</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-13.html b/layout/reftests/ib-split/insert-into-split-inline-13.html
new file mode 100644
index 0000000000..fd62e4cb7f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-13.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::before { display: block; content: "One"; }
+      #i::after { content: "Three"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.insertBefore(document.createTextNode("Two"), i.firstChild);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"><span style="display: none"></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html
new file mode 100644
index 0000000000..67b3f7b3ad
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none"></div>
+    <div>One</div>
+    <div style="display: inline; border: 2px solid; border-left: none">Two</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-14-ref.html b/layout/reftests/ib-split/insert-into-split-inline-14-ref.html
new file mode 100644
index 0000000000..4f3817d4ea
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-14-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid"><div>One</div>Two</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-14.html b/layout/reftests/ib-split/insert-into-split-inline-14.html
new file mode 100644
index 0000000000..84cbd5e02c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-14.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::before { display: block; content: "One"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.insertBefore(document.createTextNode("Two"), i.firstChild);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"><span style="display: none"></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html
new file mode 100644
index 0000000000..855b0fcfb4
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right:none"></div>
+    <div>One</div>
+    <div style="display: inline; border: 2px solid; border-right:none; border-left: none">Two</div>
+    <div>Three</div>
+    <div style="display: inline; border: 2px solid; border-left: none"></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-15-ref.html b/layout/reftests/ib-split/insert-into-split-inline-15-ref.html
new file mode 100644
index 0000000000..20dfadfad5
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-15-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid"><div>One</div>Two<div>Three</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-15.html b/layout/reftests/ib-split/insert-into-split-inline-15.html
new file mode 100644
index 0000000000..3623272a49
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-15.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { display: inline; border: 2px solid; }
+      #i::after { display: block; content: "Three"; }
+    </style>
+  </head>
+  <body>
+    <div id="i"><script>document.body.offsetWidth</script><div>One</div>Two</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html
new file mode 100644
index 0000000000..e2166cae2c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none">One</div>
+    <div>Two</div>
+    <div style="display: inline; border: 2px solid; border-left: none"></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16-ref.html b/layout/reftests/ib-split/insert-into-split-inline-16-ref.html
new file mode 100644
index 0000000000..dfba61f0b6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid">One<div>Two</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16a.html b/layout/reftests/ib-split/insert-into-split-inline-16a.html
new file mode 100644
index 0000000000..245dc2f1c6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::after { display: block; content: "Two"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.insertBefore(document.createTextNode("One"), i.firstChild);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"><span style="display: none"></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16b.html b/layout/reftests/ib-split/insert-into-split-inline-16b.html
new file mode 100644
index 0000000000..f22363abee
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::after { display: block; content: "Two"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.appendChild(document.createTextNode("One"));
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-17-ref.html b/layout/reftests/ib-split/insert-into-split-inline-17-ref.html
new file mode 100644
index 0000000000..2a37db0d08
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-17-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  span { color: green; }
+</style>
+<span>
+  <div></div>
+  First Second Third
+  <div></div>
+</span>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-17.html b/layout/reftests/ib-split/insert-into-split-inline-17.html
new file mode 100644
index 0000000000..741264e80d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-17.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+  #target { color: red; }
+  #target.green { color: green; }
+</style>
+<span id="target">
+  <div></div>
+  First <span id="next"> Third</span>
+  <div></div>
+</span>
+<script>
+  onload = function() {
+    var s = document.querySelector("#target");
+    window.color = getComputedStyle(s).color;
+    s.className = "green";
+    window.newColor = getComputedStyle(s).color;
+    s.insertBefore(document.createTextNode("Second"),
+                   s.querySelector("#next"));
+  }
+</script>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1a.html b/layout/reftests/ib-split/insert-into-split-inline-1a.html
new file mode 100644
index 0000000000..3c06bf170f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1a.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span id="insertion">Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1b.html b/layout/reftests/ib-split/insert-into-split-inline-1b.html
new file mode 100644
index 0000000000..2a7ce1f4c0
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1b.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Two"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span id="insertion">Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1c.html b/layout/reftests/ib-split/insert-into-split-inline-1c.html
new file mode 100644
index 0000000000..77c4b649f6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1c.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Three"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><div id="insertion">Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1d.html b/layout/reftests/ib-split/insert-into-split-inline-1d.html
new file mode 100644
index 0000000000..7adb00cbf6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1d.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Four"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div id="insertion">Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1e.html b/layout/reftests/ib-split/insert-into-split-inline-1e.html
new file mode 100644
index 0000000000..3e77ec03ec
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1e.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Five"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><span id="insertion">Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1f.html b/layout/reftests/ib-split/insert-into-split-inline-1f.html
new file mode 100644
index 0000000000..b4e8293d12
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1f.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Six"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><div id="insertion">Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1g.html b/layout/reftests/ib-split/insert-into-split-inline-1g.html
new file mode 100644
index 0000000000..60ef581d56
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1g.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Seven"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div id="insertion">Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1h.html b/layout/reftests/ib-split/insert-into-split-inline-1h.html
new file mode 100644
index 0000000000..7e88a8fbaf
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1h.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Eight"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><span id="insertion">Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1i.html b/layout/reftests/ib-split/insert-into-split-inline-1i.html
new file mode 100644
index 0000000000..284a093a44
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1i.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span id="insertion">Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1j.html b/layout/reftests/ib-split/insert-into-split-inline-1j.html
new file mode 100644
index 0000000000..7156be5239
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1j.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Ten"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span id="insertion">Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1k.html b/layout/reftests/ib-split/insert-into-split-inline-1k.html
new file mode 100644
index 0000000000..ac9a562a3f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1k.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Eleven"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1l.html b/layout/reftests/ib-split/insert-into-split-inline-1l.html
new file mode 100644
index 0000000000..810814c199
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1l.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Eleven"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html
new file mode 100644
index 0000000000..2ce2bb965b
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart"></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2-ref.html b/layout/reftests/ib-split/insert-into-split-inline-2-ref.html
new file mode 100644
index 0000000000..f70579c0e3
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2a.html b/layout/reftests/ib-split/insert-into-split-inline-2a.html
new file mode 100644
index 0000000000..08e2356e78
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2a.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span id="insertion">Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2b.html b/layout/reftests/ib-split/insert-into-split-inline-2b.html
new file mode 100644
index 0000000000..e665c05657
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2b.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Two"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span id="insertion">Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2c.html b/layout/reftests/ib-split/insert-into-split-inline-2c.html
new file mode 100644
index 0000000000..7d2d3fad2c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2c.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Three"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><div id="insertion">Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2d.html b/layout/reftests/ib-split/insert-into-split-inline-2d.html
new file mode 100644
index 0000000000..b432ab3072
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2d.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Four"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div id="insertion">Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2e.html b/layout/reftests/ib-split/insert-into-split-inline-2e.html
new file mode 100644
index 0000000000..33ae4ae487
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2e.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Five"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><span id="insertion">Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2f.html b/layout/reftests/ib-split/insert-into-split-inline-2f.html
new file mode 100644
index 0000000000..9cf57ed5dc
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2f.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Six"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><div id="insertion">Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2g.html b/layout/reftests/ib-split/insert-into-split-inline-2g.html
new file mode 100644
index 0000000000..4bea3c12b3
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2g.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Seven"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div id="insertion">Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2h.html b/layout/reftests/ib-split/insert-into-split-inline-2h.html
new file mode 100644
index 0000000000..365e6c6015
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2h.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Eight"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2i.html b/layout/reftests/ib-split/insert-into-split-inline-2i.html
new file mode 100644
index 0000000000..f45e802f59
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2i.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Eight"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html
new file mode 100644
index 0000000000..1fc31e04dd
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span>Nine</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-3-ref.html b/layout/reftests/ib-split/insert-into-split-inline-3-ref.html
new file mode 100644
index 0000000000..0f1f774072
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-3.html b/layout/reftests/ib-split/insert-into-split-inline-3.html
new file mode 100644
index 0000000000..75d6e45fea
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-3.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html
new file mode 100644
index 0000000000..adcb6bc4ff
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span>Nine</span><span>Ten</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-4-ref.html b/layout/reftests/ib-split/insert-into-split-inline-4-ref.html
new file mode 100644
index 0000000000..40f9b4d9d6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-4-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-4.html b/layout/reftests/ib-split/insert-into-split-inline-4.html
new file mode 100644
index 0000000000..ab855cb32d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-4.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span id="insertion">Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html
new file mode 100644
index 0000000000..1fc31e04dd
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span>Nine</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-5-ref.html b/layout/reftests/ib-split/insert-into-split-inline-5-ref.html
new file mode 100644
index 0000000000..0f1f774072
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-5-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-5-shadow.html b/layout/reftests/ib-split/insert-into-split-inline-5-shadow.html
new file mode 100644
index 0000000000..327840d9d2
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-5-shadow.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <script>
+    customElements.define("custom-element", class extends HTMLElement {
+      constructor() {
+        super();
+        const template = document.getElementById("template");
+        const shadowRoot = this.attachShadow({mode: "open"})
+          .appendChild(template.content.cloneNode(true));
+      }
+    });
+    function doit() {
+      var newNode = document.createElement("span");
+      newNode.appendChild(document.createTextNode("Nine"));
+      document.getElementById("target").appendChild(newNode);
+    }
+  </script>
+  <style>
+   body > custom-element { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+ <template id="template">
+   <!-- Multiple insertion points to force appends to be handled via
+       ContentInserted -->
+  <slot name="foo"></slot>
+  <slot name="bar"></slot>
+  <slot></slot>
+ </template>
+  <custom-element id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></custom-element>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html
new file mode 100644
index 0000000000..d108d46261
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+   <span class="notend"></span>
+   <div>One</div>
+   <span class="notstart notend"></span>
+   <div>Two</div>
+   <span class="notstart"></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-6-ref.html b/layout/reftests/ib-split/insert-into-split-inline-6-ref.html
new file mode 100644
index 0000000000..db4a17e81b
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-6-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+   <span
+   ><div>One</div
+   ><div>Two</div
+  ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-6.html b/layout/reftests/ib-split/insert-into-split-inline-6.html
new file mode 100644
index 0000000000..5369d45e7c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-6.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><div id="insertion">Two</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html
new file mode 100644
index 0000000000..970a2000b2
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+   <span class="notend"></span>
+   <div>One</div>
+   <span class="notstart">
+     <span>Two</span>
+   </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-7-ref.html b/layout/reftests/ib-split/insert-into-split-inline-7-ref.html
new file mode 100644
index 0000000000..b1de27398e
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-7-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+   <span
+   ><div>One</div
+   ><span>Two</span
+  ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-7.html b/layout/reftests/ib-split/insert-into-split-inline-7.html
new file mode 100644
index 0000000000..72c0fa35d9
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-7.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span id="insertion">Two</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html
new file mode 100644
index 0000000000..676c6d6b06
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span>
+  </span>
+  <div>Two</div>
+  <span class="notstart notend">
+    <span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart">
+    <span>Five</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8-ref.html b/layout/reftests/ib-split/insert-into-split-inline-8-ref.html
new file mode 100644
index 0000000000..7da41de3cb
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><div>Two</div
+  ><span>Three</span
+  ><div>Four</div
+  ><span>Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8a.html b/layout/reftests/ib-split/insert-into-split-inline-8a.html
new file mode 100644
index 0000000000..4cc69e95da
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Two"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span id="insertion">Three</span
+  ><div>Four</div
+  ><span>Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8b.html b/layout/reftests/ib-split/insert-into-split-inline-8b.html
new file mode 100644
index 0000000000..0268a5dabe
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Four"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><div>Two</div
+  ><span>Three</span
+  ><span id="insertion">Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8c.html b/layout/reftests/ib-split/insert-into-split-inline-8c.html
new file mode 100644
index 0000000000..2af4c34ae8
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><div id="insertion">Two</div
+  ><span>Three</span
+  ><div>Four</div
+  ><span>Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html
new file mode 100644
index 0000000000..f8d4452c35
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span class="notend">
+      <span>One</span><span>Two</span><span>Three</span>
+    </span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span class="notstart notend">
+      <span>Six</span>
+    </span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span class="notstart">
+      <span>Nine</span>
+    </span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-9-ref.html b/layout/reftests/ib-split/insert-into-split-inline-9-ref.html
new file mode 100644
index 0000000000..5b6360f8f0
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-9-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body>
+  <span><span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-9.html b/layout/reftests/ib-split/insert-into-split-inline-9.html
new file mode 100644
index 0000000000..863a5ccf56
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-9.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span><span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/reftest.list b/layout/reftests/ib-split/reftest.list
new file mode 100644
index 0000000000..4fd2d9318d
--- /dev/null
+++ b/layout/reftests/ib-split/reftest.list
@@ -0,0 +1,65 @@
+== insert-into-split-inline-1a.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1b.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1c.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1d.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1e.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1f.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1g.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1h.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1i.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1j.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1k.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1l.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1-ref.html insert-into-split-inline-1-noib-ref.html
+== insert-into-split-inline-2a.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2b.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2c.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2d.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2e.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2f.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2g.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2h.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2i.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2-ref.html insert-into-split-inline-2-noib-ref.html
+== insert-into-split-inline-3.html insert-into-split-inline-3-ref.html
+== insert-into-split-inline-3-ref.html insert-into-split-inline-3-noib-ref.html
+== insert-into-split-inline-4.html insert-into-split-inline-4-ref.html
+== insert-into-split-inline-4-ref.html insert-into-split-inline-4-noib-ref.html
+== insert-into-split-inline-5-shadow.html insert-into-split-inline-5-ref.html
+== insert-into-split-inline-5-ref.html insert-into-split-inline-5-noib-ref.html
+== insert-into-split-inline-6.html insert-into-split-inline-6-ref.html
+== insert-into-split-inline-6-ref.html insert-into-split-inline-6-noib-ref.html
+== insert-into-split-inline-7.html insert-into-split-inline-7-ref.html
+== insert-into-split-inline-7-ref.html insert-into-split-inline-7-noib-ref.html
+== insert-into-split-inline-8a.html insert-into-split-inline-8-ref.html
+== insert-into-split-inline-8b.html insert-into-split-inline-8-ref.html
+== insert-into-split-inline-8c.html insert-into-split-inline-8-ref.html
+== insert-into-split-inline-8-ref.html insert-into-split-inline-8-noib-ref.html
+== insert-into-split-inline-9.html insert-into-split-inline-9-ref.html
+== insert-into-split-inline-9-ref.html insert-into-split-inline-9-noib-ref.html
+== insert-into-split-inline-10.html insert-into-split-inline-10-ref.html
+== insert-into-split-inline-10-ref.html insert-into-split-inline-10-noib-ref.html
+== insert-into-split-inline-11.html insert-into-split-inline-11-ref.html
+== insert-into-split-inline-11-ref.html insert-into-split-inline-11-noib-ref.html
+== insert-into-split-inline-12.html insert-into-split-inline-12-ref.html
+== insert-into-split-inline-12-ref.html insert-into-split-inline-12-noib-ref.html
+== insert-into-split-inline-13.html insert-into-split-inline-13-ref.html
+== insert-into-split-inline-13-ref.html insert-into-split-inline-13-noib-ref.html
+== insert-into-split-inline-14.html insert-into-split-inline-14-ref.html
+== insert-into-split-inline-14-ref.html insert-into-split-inline-14-noib-ref.html
+== insert-into-split-inline-15.html insert-into-split-inline-15-ref.html
+== insert-into-split-inline-15-ref.html insert-into-split-inline-15-noib-ref.html
+== insert-into-split-inline-16a.html insert-into-split-inline-16-ref.html
+== insert-into-split-inline-16b.html insert-into-split-inline-16-ref.html
+== insert-into-split-inline-16-ref.html insert-into-split-inline-16-noib-ref.html
+== insert-into-split-inline-17.html insert-into-split-inline-17-ref.html
+== ignored-margins-1a.html ignored-margins-1-ref.html
+== ignored-margins-1b.html ignored-margins-1-ref.html
+== ignored-margins-2a.html ignored-margins-2-ref.html
+== ignored-margins-2b.html ignored-margins-2-ref.html
+== trailing-inline-with-continuations-1.html trailing-inline-with-continuations-1-ref.html
+== append-to-empty-trailing-inline-1.html append-to-empty-trailing-inline-1-ref.html
+== append-to-nested-split-inline-1.html append-to-nested-split-inline-1-ref.html
+== append-to-nested-split-inline-1-ref.html append-to-nested-split-inline-1-noib-ref.html
+== relpos-inline-1a.html relpos-inline-1-ref.html
+== relpos-inline-1b.html relpos-inline-1-ref.html
diff --git a/layout/reftests/ib-split/relpos-inline-1-ref.html b/layout/reftests/ib-split/relpos-inline-1-ref.html
new file mode 100644
index 0000000000..074c4fc480
--- /dev/null
+++ b/layout/reftests/ib-split/relpos-inline-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span, div { position: relative; left: 200px }
+      html {
+        overflow: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <span>All text should be offset 200px.</span>
+    <div>Some more text</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/relpos-inline-1a.html b/layout/reftests/ib-split/relpos-inline-1a.html
new file mode 100644
index 0000000000..b2059bc67e
--- /dev/null
+++ b/layout/reftests/ib-split/relpos-inline-1a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+    <style>
+      span { position: relative; left: 200px }
+      html {
+        overflow: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <span style="position: relative; left: 200px">
+      All text should be offset 200px.
+      <div>Some more text</div>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/relpos-inline-1b.html b/layout/reftests/ib-split/relpos-inline-1b.html
new file mode 100644
index 0000000000..e9f7bd62cf
--- /dev/null
+++ b/layout/reftests/ib-split/relpos-inline-1b.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+    <style>
+      span { position: relative }
+      html {
+        overflow: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <span style="position: relative; left: 100px">
+      All text should be offset 200px.
+      <div>Some more text</div>
+    </span>
+    <script>
+      onload = function() {
+        var s = document.querySelector("span");
+        s.offsetWidth; // flush layout
+        s.style.left = "200px";
+        document.documentElement.className = "";
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html b/layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html
new file mode 100644
index 0000000000..cb880abbb5
--- /dev/null
+++ b/layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <body style="width: 0">
+    <span style="border: 2px solid blue; border-right: none"></span>
+    <span style="display: block"></span>
+    <span style="border: 2px solid blue; border-left: none; border-right: none">
+      a b
+    </span>
+    <span style="display: block"></span>
+    <span style="border: 2px solid blue; border-left: none;">
+      c
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/trailing-inline-with-continuations-1.html b/layout/reftests/ib-split/trailing-inline-with-continuations-1.html
new file mode 100644
index 0000000000..f2ea255e2f
--- /dev/null
+++ b/layout/reftests/ib-split/trailing-inline-with-continuations-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body style="width: 0">
+    <span style="border: 2px solid blue;">
+      <span style="display: block"></span>
+      a b
+      <script>document.body.offsetWidth</script>
+      <span style="display: block"></span>
+      c
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/image-element/broken-icon.html b/layout/reftests/image-element/broken-icon.html
new file mode 100644
index 0000000000..f2f6b7c451
--- /dev/null
+++ b/layout/reftests/image-element/broken-icon.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  img {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<img src="broken">
diff --git a/layout/reftests/image-element/bug-364968-ref.html b/layout/reftests/image-element/bug-364968-ref.html
new file mode 100644
index 0000000000..4ce9909969
--- /dev/null
+++ b/layout/reftests/image-element/bug-364968-ref.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test if an excessive downscaling works correctly.
+     (related to bug 364968)
+-->
+<html>
+<style>
+  img {
+    -moz-image-rendering: fast;
+  }
+</style>
+<body style="margin:0">
+  <div style="width:32px; height:16px; margin-left:256px;
+              background:-moz-element(#g) no-repeat;
+              background-size:32px 16px;"></div>
+  <div style="overflow:hidden; height:0;">
+    <div id="g" style="width:4096px; height:32px;">
+      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACAAAAAAgCAYAAACG5JhhAAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH1wUdBDEnzSKcAAAAAXpJREFUeJzt3MEJwDAMBEE5pP+WnSKCMSwzFdxXsGjtmT0AAABA2nL9AwAAQN5zewAAAAAAAAAA8J8AAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAgAAAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAgAABAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAAAB75p9ewMAAABw2J51ewIAAABwmA8AAAAAAAAAABAgAAAAAAAAAACAAAEAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAwAdutQVA2w3ITgAAAABJRU5ErkJggg=="/><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACAAAAAAgCAYAAACG5JhhAAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH1wUdBDEnzSKcAAAAAXpJREFUeJzt3MEJwDAMBEE5pP+WnSKCMSwzFdxXsGjtmT0AAABA2nL9AwAAQN5zewAAAAAAAAAA8J8AAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAgAAAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAgAABAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAAAB75p9ewMAAABw2J51ewIAAABwmA8AAAAAAAAAABAgAAAAAAAAAACAAAEAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAwAdutQVA2w3ITgAAAABJRU5ErkJggg=="/>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/bug-364968.html b/layout/reftests/image-element/bug-364968.html
new file mode 100644
index 0000000000..69db6e1dfc
--- /dev/null
+++ b/layout/reftests/image-element/bug-364968.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test if an excessive downscaling works correctly.
+     (related to bug 364968)
+-->
+<html>
+<body style="margin:0">
+  <div style="width:32px; height:16px; margin-left:256px;
+              background:-moz-element(#g) no-repeat;
+              background-size:32px 16px;"></div>
+  <div style="overflow:hidden; height:0;">
+    <div id="g" style="width:4096px; height:32px;">
+      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACAAAAAAgCAYAAACG5JhhAAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH1wUdBDEnzSKcAAAAAXpJREFUeJzt3MEJwDAMBEE5pP+WnSKCMSwzFdxXsGjtmT0AAABA2nL9AwAAQN5zewAAAAAAAAAA8J8AAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAgAAAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAgAABAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAAAB75p9ewMAAABw2J51ewIAAABwmA8AAAAAAAAAABAgAAAAAAAAAACAAAEAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAwAdutQVA2w3ITgAAAABJRU5ErkJggg=="/><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACAAAAAAgCAYAAACG5JhhAAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH1wUdBDEnzSKcAAAAAXpJREFUeJzt3MEJwDAMBEE5pP+WnSKCMSwzFdxXsGjtmT0AAABA2nL9AwAAQN5zewAAAAAAAAAA8J8AAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAgAAAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAgAABAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAAAB75p9ewMAAABw2J51ewIAAABwmA8AAAAAAAAAABAgAAAAAAAAAACAAAEAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAAAAAECAAAAAAAAAAAIEAAAAAAAAAAAQIAAAAAAAAAAAAACBAAAAAAAAAAAECAAAAAAAAAAAIAAAQAAAAAAAAAABAgAAAAAAAAAACBAAAAAAAAAAAAAAQIAAAAAAAAAAAgQAAAAAAAAAABAwAdutQVA2w3ITgAAAABJRU5ErkJggg=="/>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/bug-463204-ref.html b/layout/reftests/image-element/bug-463204-ref.html
new file mode 100644
index 0000000000..6d427a0c6f
--- /dev/null
+++ b/layout/reftests/image-element/bug-463204-ref.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+  <head>
+    <style>
+      span {
+        background-image: -moz-element(#g);
+        display: inline-block;
+        margin-left: 1px;
+      }
+      #repeat {
+        width: 38px;
+        height: 38px;
+        background-repeat: repeat;
+      }
+      #norepeat {
+        width: 19px;
+        height: 19px;
+        background-repeat: no-repeat;
+        background-position: center center;
+      }
+    </style>
+  </head>
+  <body>
+    <span id="repeat"></span><br/>
+    <span id="norepeat"></span>
+    <div style="overflow:hidden; height:0px">
+      <div id="g" style="width:17px; height:17px; border:1px solid red;
+                         background: orange;"></div>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/image-element/bug-463204.html b/layout/reftests/image-element/bug-463204.html
new file mode 100644
index 0000000000..89e91fa87e
--- /dev/null
+++ b/layout/reftests/image-element/bug-463204.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     bug 463204
+-->
+<html>
+  <head>
+    <style>
+      span {
+        background-image: -moz-element(#g);
+        display: inline-block;
+        margin-left: 0.6px;
+      }
+      #repeat {
+        width: 38px;
+        height: 38px;
+        background-repeat: repeat;
+      }
+      #norepeat {
+        width: 19px;
+        height: 19px;
+        background-repeat: no-repeat;
+        background-position: center center;
+      }
+    </style>
+  </head>
+  <body>
+    <span id="repeat"></span><br/>
+    <span id="norepeat"></span>
+    <div style="overflow:hidden; height:0px">
+      <div id="g" style="width:17px; height:17px; border:1px solid red;
+                         background: orange;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/image-element/canvas-drawing.js b/layout/reftests/image-element/canvas-drawing.js
new file mode 100644
index 0000000000..dff8217d77
--- /dev/null
+++ b/layout/reftests/image-element/canvas-drawing.js
@@ -0,0 +1,11 @@
+function createCanvas() {
+  var canvas = document.createElement("canvas");
+  canvas.setAttribute("width", 100);
+  canvas.setAttribute("height", 100);
+  var ctx = canvas.getContext("2d");
+  ctx.fillStyle = "rgb(200,0,0)";
+  ctx.fillRect(10, 10, 55, 50);
+  ctx.fillStyle = "rgba(0,0,200,0.5)";
+  ctx.fillRect(30, 30, 55, 50);
+  return canvas;
+}
diff --git a/layout/reftests/image-element/canvas-inside-document.html b/layout/reftests/image-element/canvas-inside-document.html
new file mode 100644
index 0000000000..8ee561356e
--- /dev/null
+++ b/layout/reftests/image-element/canvas-inside-document.html
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body style="margin:0">
+  <script src="canvas-drawing.js"></script>
+  <script>
+    document.body.appendChild(createCanvas());
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/canvas-outside-document-invalidate-01.html b/layout/reftests/image-element/canvas-outside-document-invalidate-01.html
new file mode 100644
index 0000000000..0b4a1d851e
--- /dev/null
+++ b/layout/reftests/image-element/canvas-outside-document-invalidate-01.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that painting in an out-of-document canvas causes a repaint.
+-->
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body style="background: -moz-element(#e) darkred">
+
+<script>
+
+var canvas = document.createElement("canvas");
+canvas.width = canvas.height = 1;
+var ctx = canvas.getContext('2d');
+ctx.fillStyle = "red";
+ctx.fillRect(0, 0, 1, 1);
+window.addEventListener("MozReftestInvalidate", function () {
+  setTimeout(function () {
+    ctx.fillStyle = "white";
+    ctx.fillRect(0, 0, 1, 1);
+    document.documentElement.className = "";
+  }, 0);
+});
+
+document.mozSetImageElement("e", canvas);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/canvas-outside-document-invalidate-02.html b/layout/reftests/image-element/canvas-outside-document-invalidate-02.html
new file mode 100644
index 0000000000..22f5910627
--- /dev/null
+++ b/layout/reftests/image-element/canvas-outside-document-invalidate-02.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that a complete redraw of the context invalidates the rendering observer, too.
+     (mozDrawText calls nsCanvasRenderingContext2D::Redraw() without a dirty rect to invalidate everything.)
+-->
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<body style="background: -moz-element(#e) white">
+
+<script>
+
+var canvas = document.createElement("canvas");
+canvas.width = canvas.height = 1;
+var ctx = canvas.getContext('2d');
+ctx.fillStyle = "red";
+ctx.fillRect(0, 0, 1, 1);
+window.addEventListener("MozReftestInvalidate", function () {
+  ctx.strokeStyle = "white";
+  ctx.font = "50px bold Arial";
+  ctx.translate(-8, 18);
+  ctx.lineWidth = 50;
+  ctx.strokeText("•", 0, 0);
+  document.documentElement.className = "";
+});
+
+document.mozSetImageElement("e", canvas);
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/canvas-outside-document.html b/layout/reftests/image-element/canvas-outside-document.html
new file mode 100644
index 0000000000..259b69e731
--- /dev/null
+++ b/layout/reftests/image-element/canvas-outside-document.html
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test document.mozSetImageElement() with a DOM element not in a document.
+-->
+<html>
+<body style="margin:0">
+  <div style="width:100px; height:100px;
+              background:-moz-element(#d);"></div>
+
+  <script src="canvas-drawing.js"></script>
+  <script>
+    var canvas = createCanvas();
+    document.mozSetImageElement("d", canvas);
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-background-size-01-ref.html b/layout/reftests/image-element/element-paint-background-size-01-ref.html
new file mode 100644
index 0000000000..473c7c3a33
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-background-size-01-ref.html
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <div style="width:120px; height:120px; border: 1px solid black;">
+    <div style="border:30px solid red; width:60px; height:60px;
+                background:orange;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-background-size-01.html b/layout/reftests/image-element/element-paint-background-size-01.html
new file mode 100644
index 0000000000..9d70cc1e39
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-background-size-01.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test with background-size.
+-->
+<html>
+<body>
+  <div style="width:120px; height:120px; border:1px solid black;
+              background:-moz-element(#d) no-repeat;
+              background-size:100%"></div>
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="border:10px solid red; width:20px; height:20px;
+                       background:orange;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-background-size-02-ref.html b/layout/reftests/image-element/element-paint-background-size-02-ref.html
new file mode 100644
index 0000000000..08664176e1
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-background-size-02-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body style="filter:url(#thresholdAt128);">
+  <div style="width:80px; height:80px; border: 1px solid black;">
+    <div style="border:20px solid red; width:40px; height:40px;
+                background:yellow;"></div>
+  </div>
+  <svg>
+    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
+    <feColorMatrix type="matrix"
+           values="255 0 0 0 -128 
+                   0 255 0 0 -128 
+                   0 0 255 0 -128 
+                   0 0 0 255 -128"/>
+
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-background-size-02.html b/layout/reftests/image-element/element-paint-background-size-02.html
new file mode 100644
index 0000000000..91cea3e3fa
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-background-size-02.html
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test with background-size.
+-->
+<html>
+<body style="filter:url(#thresholdAt128);">
+  <div style="width:80px; height:80px; border:1px solid black;
+              background:-moz-element(#d) no-repeat;
+              background-size:100%"></div>
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="border:10px solid red; width:20px; height:20px;
+                       background:yellow;"></div>
+  </div>
+  <svg>
+    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
+    <feColorMatrix type="matrix"
+           values="255 0 0 0 -128 
+                   0 255 0 0 -128 
+                   0 0 255 0 -128 
+                   0 0 0 255 -128"/>
+
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-clippath-ref.html b/layout/reftests/image-element/element-paint-clippath-ref.html
new file mode 100644
index 0000000000..12cebc2bad
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-clippath-ref.html
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body style="margin:0">
+  <div style="margin:50px; width:50px; height:50px; background:lime;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-clippath.html b/layout/reftests/image-element/element-paint-clippath.html
new file mode 100644
index 0000000000..e393d277c3
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-clippath.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test with clip-path.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:200px; height:200px;
+              clip-path:url(#c);
+              background:-moz-element(#d);"></div>
+
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="width:200px; height:200px; background:lime;"></div>
+  </div>
+  <svg height="0">
+    <clipPath id="c" clipPathUnits="userSpaceOnUse">
+      <rect x="50" y="50" width="50" height="50"></rect>
+    </clipPath>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-continuation-ref.html b/layout/reftests/image-element/element-paint-continuation-ref.html
new file mode 100644
index 0000000000..efc86d99ed
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-continuation-ref.html
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test painting a continuation.
+-->
+<html>
+<style>
+@font-face
+{
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+</style>
+<body style="line-height:1; font-family: Ahem; color: transparent;">
+  <div style="width:100px; height:100px; border:10px solid black;">
+    <div style="width:50px;">
+      <span style="display:inline-block; width:25px; height:1px;"></span
+        ><span id="d" style="background:linear-gradient(to left, yellow, yellow);"
+        ><span style="display:inline-block; width:25px; height:1px;"></span>
+      AA</span>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-continuation.html b/layout/reftests/image-element/element-paint-continuation.html
new file mode 100644
index 0000000000..c90c582170
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-continuation.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test painting a continuation.
+-->
+<html>
+<style>
+@font-face
+{
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+</style>
+<meta name="flags" content="ahem" />
+<body style="line-height:1; font-family: Ahem; color: transparent;">
+  <div style="width:100px; height:100px; border:10px solid black;
+              background:-moz-element(#d) no-repeat;"></div>
+  <div style="overflow:hidden; height:0; width:50px;">
+    <span style="display:inline-block; width:25px; height:1px;"></span
+      ><span id="d" style="background:yellow;"
+      ><span style="display:inline-block; width:25px; height:1px;"></span>
+    AA</span>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-multiple-backgrounds-01-ref.html b/layout/reftests/image-element/element-paint-multiple-backgrounds-01-ref.html
new file mode 100644
index 0000000000..25e31fd3ad
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-multiple-backgrounds-01-ref.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Multiple -moz-element background images
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+#box {
+  height: 100px;
+  width: 200px;
+  background: linear-gradient(lime,lime) top left no-repeat,
+              linear-gradient(green,green) top right no-repeat red;
+  background-size: 100px 100px;
+}
+
+div > div {
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+</head>
+<body style="margin:0">
+<div id="box"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-multiple-backgrounds-01a.html b/layout/reftests/image-element/element-paint-multiple-backgrounds-01a.html
new file mode 100644
index 0000000000..f36280a243
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-multiple-backgrounds-01a.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Multiple -moz-element background images
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+#box {
+  height: 100px;
+  width: 200px;
+  background: -moz-element(#lime) top left no-repeat,
+              -moz-element(#green) top right no-repeat red;
+}
+
+div > div {
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+</head>
+<body style="margin:0">
+<div id="box"></div>
+
+<div style="overflow:hidden; height:0">
+  <div id="lime" style="background-color: lime"></div>
+  <div id="green" style="background-color: green"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-multiple-backgrounds-01b.html b/layout/reftests/image-element/element-paint-multiple-backgrounds-01b.html
new file mode 100644
index 0000000000..f11f092b55
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-multiple-backgrounds-01b.html
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Dynamic repaint with multiple -moz-element background images
+-->
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+
+#box {
+  height: 100px;
+  width: 200px;
+  background: -moz-element(#lime) top left no-repeat,
+              -moz-element(#green) top right no-repeat red;
+}
+
+div > div {
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+</head>
+<body style="margin:0">
+<div id="box"></div>
+
+<div style="overflow:hidden; height:0">
+  <div id="lime" style="background-color: darkred"></div>
+  <div id="green" style="background-color: black"></div>
+</div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.getElementById("lime").style.backgroundColor = "lime";
+  document.getElementById("green").style.backgroundColor = "green";
+  document.documentElement.className = "";
+});
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-multiple-backgrounds-01c.html b/layout/reftests/image-element/element-paint-multiple-backgrounds-01c.html
new file mode 100644
index 0000000000..f01d9eb08a
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-multiple-backgrounds-01c.html
@@ -0,0 +1,45 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Dynamic repaint with multiple -moz-element background images
+-->
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+
+#box {
+  height: 100px;
+  width: 200px;
+  background: -moz-element(#darkred) top left no-repeat,
+              -moz-element(#black) top right no-repeat red;
+}
+
+div > div {
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+</head>
+<body style="margin:0">
+<div id="box"></div>
+
+<div style="overflow:hidden; height:0">
+  <div id="darkred" style="background-color: darkred"></div>
+  <div id="black" style="background-color: black"></div>
+  <div id="lime" style="background-color: lime"></div>
+  <div id="green" style="background-color: green"></div>
+</div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.getElementById("box").style.backgroundImage = "-moz-element(#lime), -moz-element(#green)";
+  document.documentElement.className = "";
+});
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-native-widget-ref.html b/layout/reftests/image-element/element-paint-native-widget-ref.html
new file mode 100644
index 0000000000..68fc3c3301
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-native-widget-ref.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <input type="text"/>
+  <div style="width:100px; height:100px; overflow:scroll;">
+    In 1629, Isaac Beeckman proposed an experiment in which a person would
+    observe the flash of a cannon reflecting off a mirror about one mile
+    (1.6 km) away.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-native-widget.html b/layout/reftests/image-element/element-paint-native-widget.html
new file mode 100644
index 0000000000..bdcadcc2ac
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-native-widget.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test if native widgets are painted correctly.
+-->
+<html>
+<body>
+  <div style="width:100%; height:100%; background:-moz-element(#w) no-repeat;"></div>
+  <div style="overflow:hidden; height:0;">
+    <div id="w">
+      <input type="text"/>
+      <div style="width:100px; height:100px; overflow:scroll;">
+        In 1629, Isaac Beeckman proposed an experiment in which a person would
+        observe the flash of a cannon reflecting off a mirror about one mile
+        (1.6 km) away.
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-paintserversize-rounding-01-ref.html b/layout/reftests/image-element/element-paint-paintserversize-rounding-01-ref.html
new file mode 100644
index 0000000000..8be4f109f2
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-paintserversize-rounding-01-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     The green square should always be rendered at 100px.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body > div {
+  width: 200px;
+  height: 200px;
+  float: left;
+}
+
+body > div > div {
+  width: 100px;
+  height: 100px;
+  background: lime;
+}
+</style>
+</head>
+<body style="margin:0">
+<div><div></div></div>
+<div><div></div></div>
+<div><div></div></div>
+<div><div></div></div>
+<div><div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-paintserversize-rounding-01.html b/layout/reftests/image-element/element-paint-paintserversize-rounding-01.html
new file mode 100644
index 0000000000..826a49450f
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-paintserversize-rounding-01.html
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     The green square should always be rendered at 100px.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body > div {
+  width: 200px;
+  height: 200px;
+  float: left;
+  background-repeat: no-repeat;
+}
+
+div > div {
+  background: lime;
+}
+
+</style>
+</head>
+<body style="margin:0">
+<div style="background-image: -moz-element(#eInteger)"></div>
+<div style="background-image: -moz-element(#eRoundUp1)"></div>
+<div style="background-image: -moz-element(#eRoundUp2)"></div>
+<div style="background-image: -moz-element(#eRoundDown1)"></div>
+<div style="background-image: -moz-element(#eRoundDown2)"></div>
+
+<div style="overflow:hidden; height:0">
+  <div id="eInteger" style="margin: 0.3px; width: 100px; height: 100px;"></div>
+  <div id="eRoundUp1" style="margin: 0.3px; width: 99.6px; height: 99.6px;"></div>
+  <div id="eRoundUp2" style="margin: 0.6px; width: 99.6px; height: 99.6px;"></div>
+  <div id="eRoundDown1" style="margin: 0.3px; width: 100.3px; height: 100.3px;"></div>
+  <div id="eRoundDown2" style="margin: 0.6px; width: 100.3px; height: 100.3px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-paintserversize-rounding-02-ref.html b/layout/reftests/image-element/element-paint-paintserversize-rounding-02-ref.html
new file mode 100644
index 0000000000..398034a0f1
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-paintserversize-rounding-02-ref.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body > div {
+  width: 200px;
+  height: 200px;
+  background: lime;
+  float: left;
+}
+</style>
+</head>
+<body style="margin:0">
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-paintserversize-rounding-02.html b/layout/reftests/image-element/element-paint-paintserversize-rounding-02.html
new file mode 100644
index 0000000000..439cd72665
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-paintserversize-rounding-02.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body > div {
+  width: 200px;
+  height: 200px;
+  float: left;
+  background-repeat: repeat;
+}
+
+div > div {
+  background: lime;
+}
+
+</style>
+</head>
+<body style="margin:0">
+<div style="background-image: -moz-element(#eInteger)"></div>
+<div style="background-image: -moz-element(#eRoundUp1)"></div>
+<div style="background-image: -moz-element(#eRoundUp2); background-size: 100.3px;"></div>
+<div style="background-image: -moz-element(#eRoundDown1)"></div>
+<div style="background-image: -moz-element(#eRoundDown2); background-size: 99.6px;"></div>
+
+<div style="overflow:hidden; height:0">
+  <div id="eInteger" style="margin: 0.3px; width: 100px; height: 100px;"></div>
+  <div id="eRoundUp1" style="margin: 0.3px; width: 99.6px; height: 99.6px;"></div>
+  <div id="eRoundUp2" style="margin: 0.6px; width: 99.6px; height: 99.6px;"></div>
+  <div id="eRoundDown1" style="margin: 0.3px; width: 100.3px; height: 100.3px;"></div>
+  <div id="eRoundDown2" style="margin: 0.6px; width: 100.3px; height: 100.3px;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-recursion-ref.html b/layout/reftests/image-element/element-paint-recursion-ref.html
new file mode 100644
index 0000000000..a3c1aa5e96
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-recursion-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <p style="width:100px; height:100px; border:10px solid black; border-top:10px solid black; border-left:10px solid black;"></p>
+  <div style="width:100px; height:100px; border:10px solid blue; border-top:10px solid blue; border-left:10px solid blue;"></div>
+  <p style="width:100px; height:100px; border:10px solid green; background:yellow;"></div>
+  <div style="width:100px; height:100px; border:10px solid cyan;">
+    <div style="width:90px; height:90px; border-left:10px solid magenta; border-top:10px solid magenta;">
+      <div style="width:80px; height:80px; border-left:10px solid cyan; border-top:10px solid cyan;"></div>
+    </div>
+  </div>
+  <div style="width:100px; height:100px; border:10px solid magenta;">
+    <div style="width:90px; height:90px; border-left:10px solid cyan; border-top:10px solid cyan;">
+      <div style="width:80px; height:80px; border-left:10px solid magenta; border-top:10px solid magenta;"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-recursion.html b/layout/reftests/image-element/element-paint-recursion.html
new file mode 100644
index 0000000000..d52ebbf0a0
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-recursion.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test painting elements recursively using each other as background.
+-->
+<html>
+<body>
+  <p id="d" style="width:100px; height:100px; border:10px solid black;
+                   background:-moz-element(#d);"></p>
+  <div id="e">
+    <div style="width:100px; height:100px; border:10px solid blue;
+                background:-moz-element(#e);"></div>
+  </div>
+  <div id="f"></div>
+  <!-- test zero-sized images -->
+  <p style="width:100px; height:100px; border:10px solid green;
+            background:-moz-element(#f) yellow;"></div>
+  <div id="g">
+    <div style="width:100px; height:100px; border:10px solid cyan;
+                background:-moz-element(#h);"></div>
+  </div>
+  <div id="h">
+    <div style="width:100px; height:100px; border:10px solid magenta;
+                background:-moz-element(#g);"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-repeated-ref.html b/layout/reftests/image-element/element-paint-repeated-ref.html
new file mode 100644
index 0000000000..ab56002d47
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-repeated-ref.html
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <div style="position:absolute; width:25px; height:25px;
+              background:blue; top:50px; left:50px;"></div>
+  <div style="position:absolute; width:25px; height:25px;
+              background:blue; top:50px; left:100px;"></div>
+  <div style="position:absolute; width:25px; height:25px;
+              background:blue; top:100px; left:50px;"></div>
+  <div style="position:absolute; width:25px; height:25px;
+              background:blue; top:100px; left:100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-repeated.html b/layout/reftests/image-element/element-paint-repeated.html
new file mode 100644
index 0000000000..618665b46b
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-repeated.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test a repeated background image with -moz-element().
+-->
+<html>
+<body>
+  <div style="width:100px; height:100px; background:-moz-element(#d);
+              background-attachment:fixed; position:absolute; left:25px; top:25px;"></div>
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="width:50px; height:50px;">
+      <div style="width:25px; height:25px; background:blue;"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-sharpness-01a.html b/layout/reftests/image-element/element-paint-sharpness-01a.html
new file mode 100644
index 0000000000..3bf1bdf846
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-sharpness-01a.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that background-size and zooming don't degrade rendering sharpness.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+<div style="width:200px; height:200px; background-image:-moz-element(#e); background-size: cover;"></div>
+<div style="overflow:hidden; height:0">
+  <div id="e" style="width:100px; height:100px;">
+    <div style="width:100px; height:100px; border-radius:100%; background-color:lime;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-sharpness-01b.html b/layout/reftests/image-element/element-paint-sharpness-01b.html
new file mode 100644
index 0000000000..c8ad13a499
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-sharpness-01b.html
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that background-size and zooming don't degrade rendering sharpness.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+<div style="width:200px; height:200px; border-radius:100%; background-color:lime;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-sharpness-01c.html b/layout/reftests/image-element/element-paint-sharpness-01c.html
new file mode 100644
index 0000000000..e9bfa6f05e
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-sharpness-01c.html
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that background-size and zooming don't degrade rendering sharpness.
+-->
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<body style="margin:0">
+<div style="width:100px; height:100px; border-radius:100%; background-color:lime;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-sharpness-01d.html b/layout/reftests/image-element/element-paint-sharpness-01d.html
new file mode 100644
index 0000000000..d99f467559
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-sharpness-01d.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that background-size and zooming don't degrade rendering sharpness.
+-->
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<body style="margin:0">
+<div style="width:100px; height:100px; background-image:-moz-element(#e);"></div>
+<div style="overflow:hidden; height:0">
+  <div id="e" style="width:100px; height:100px;">
+    <div style="width:100px; height:100px; border-radius:100%; background-color:lime;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-sharpness-02a.html b/layout/reftests/image-element/element-paint-sharpness-02a.html
new file mode 100644
index 0000000000..2833c27553
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-sharpness-02a.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that background-size and zooming don't degrade rendering sharpness even when rendering to a surface.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+<div style="width:400px; height:400px; background-image:-moz-element(#e); background-size: 200px;"></div>
+<div style="overflow:hidden; height:0">
+  <div id="e" style="width:100px; height:100px;">
+    <div style="width:100px; height:100px; border-radius:100%; background-color:lime;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-sharpness-02b.html b/layout/reftests/image-element/element-paint-sharpness-02b.html
new file mode 100644
index 0000000000..fbfe6a1cf3
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-sharpness-02b.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that background-size and zooming don't degrade rendering sharpness even when rendering to a surface.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+<div style="width:400px; height:400px; background-image:-moz-element(#e);"></div>
+<div style="overflow:hidden; height:0">
+  <div id="e" style="width:200px; height:200px;">
+    <div style="width:200px; height:200px; border-radius:100%; background-color:lime;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-sharpness-02c.html b/layout/reftests/image-element/element-paint-sharpness-02c.html
new file mode 100644
index 0000000000..b8945c3256
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-sharpness-02c.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that background-size and zooming don't degrade rendering sharpness even when rendering to a surface.
+-->
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<body style="margin:0">
+<div style="width:200px; height:200px; background-image:-moz-element(#e);"></div>
+<div style="overflow:hidden; height:0">
+  <div id="e" style="width:100px; height:100px;">
+    <div style="width:100px; height:100px; border-radius:100%; background-color:lime;"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-simple-ref.html b/layout/reftests/image-element/element-paint-simple-ref.html
new file mode 100644
index 0000000000..b6ccfc8002
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-simple-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <p style="width:60%; border:1px solid black; margin-left:100px;
+            position:relative;">
+    <span style="border:2px solid red; width:50px; height:50px;
+                 position:absolute; z-index: -1;">A</span>
+    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+    veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+    velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+    cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+    est laborum."
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-simple.html b/layout/reftests/image-element/element-paint-simple.html
new file mode 100644
index 0000000000..339a24a519
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-simple.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test a simple element painting.
+     Note: if background is repeated, a temporary surface will be created to
+     hold the paint server image, which results in a reftest failure:
+     temporary surfaces use the RGBA 32bit format, but the fonts are rendered
+     with a deeper format (more than 32bit), so when rendering a font to a
+     temporary surface, we lose some color information.
+-->
+<html>
+<body>
+  <p style="width:60%; border:1px solid black; margin-left:100px;
+            background:-moz-element(#d); background-repeat:no-repeat;">
+    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+    veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+    velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+    cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+    est laborum."
+  </p>
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="border:2px solid red; width:50px; height:50px;">A</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-subimage-sampling-restriction.html b/layout/reftests/image-element/element-paint-subimage-sampling-restriction.html
new file mode 100644
index 0000000000..12bdde4704
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-subimage-sampling-restriction.html
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test zooming, image snapping and subimage sampling restriction.
+     This is like 446100-1a.html.
+-->
+<!DOCTYPE HTML>
+<html reftest-zoom="1.2" class="reftest-wait">
+<head>
+<style>
+div { margin:1em; }
+/* A 7x7px image, black with a 5x5 transparent box centered in it */
+div.box { background-image:-moz-element(#e5x5in7x7); }
+/* A 7x5px image, black with a 5x5 transparent box centered in it */
+div.vstrip { background-image:-moz-element(#e5x5in7x5); }
+/* A 5x7px image, black with a 5x5 transparent box centered in it */
+div.hstrip { background-image:-moz-element(#e5x5in5x7); }
+</style>
+</head>
+<body>
+<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
+<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
+<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
+<script>
+var waitingForLoad = 0;
+function setURLImage(name, url) {
+  var img = new Image();
+  img.src = url;
+  document.mozSetImageElement(name, img);
+  waitingForLoad++;
+  img.onload = function () { if (--waitingForLoad == 0) document.documentElement.className = ""; };
+}
+setURLImage("e5x5in7x7", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==");
+setURLImage("e5x5in7x5", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=");
+setURLImage("e5x5in5x7", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-01-ref.html b/layout/reftests/image-element/element-paint-transform-01-ref.html
new file mode 100644
index 0000000000..1a964d79c7
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-01-ref.html
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <div style="width:100px; height:100px; border: 1px solid black;
+              transform:matrix(2,0,0,2,50,50);">
+    <div style="margin:50px; border:10px solid red; width:20px; height:20px;
+                background:orange"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-01.html b/layout/reftests/image-element/element-paint-transform-01.html
new file mode 100644
index 0000000000..e571c35500
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-01.html
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test with background-position and some transform.
+-->
+<html>
+<body>
+  <div style="width:100px; height:100px; border: 1px solid black;
+              background: 50px 50px -moz-element(#d) no-repeat;
+              transform:matrix(2,0,0,2,50,50);">
+  </div>
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="border:10px solid red; width:20px; height:20px;
+                       background:orange"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-02-ref.html b/layout/reftests/image-element/element-paint-transform-02-ref.html
new file mode 100644
index 0000000000..d33f708952
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-02-ref.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body style="filter:url(#thresholdAt128);">
+  <div style="width:100px; height:100px; border: 1px solid black;
+              transform:matrix(2,1,0,2,50,50);">
+    <div style="margin:50px; border:10px solid red; width:20px; height:20px;
+                background:yellow"></div>
+  </div>
+  <svg>
+    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
+    <feColorMatrix type="matrix"
+           values="255 0 0 0 -128 
+                   0 255 0 0 -128 
+                   0 0 255 0 -128 
+                   0 0 0 255 -128"/>
+
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-02.html b/layout/reftests/image-element/element-paint-transform-02.html
new file mode 100644
index 0000000000..48c0a1dab6
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-02.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test with background-position and some transform.
+-->
+<html>
+<body style="filter:url(#thresholdAt128);">
+  <div style="width:100px; height:100px; border: 1px solid black;
+              background: 50px 50px -moz-element(#d) no-repeat;
+              transform:matrix(2,1,0,2,50,50);">
+  </div>
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="border:10px solid red; width:20px; height:20px;
+                       background:yellow"></div>
+  </div>
+  <svg>
+    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
+    <feColorMatrix type="matrix"
+           values="255 0 0 0 -128 
+                   0 255 0 0 -128 
+                   0 0 255 0 -128 
+                   0 0 0 255 -128"/>
+
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-03-ref.html b/layout/reftests/image-element/element-paint-transform-03-ref.html
new file mode 100644
index 0000000000..04513b5e56
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-03-ref.html
@@ -0,0 +1,49 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0; filter:url(#thresholdAt128);">
+  <div style="width:80px; height:40px; border:1px solid black;">
+    <div style="position:absolute; top:1px; left:1px;
+                border:10px solid blue; width:20px; height:20px; background:lime;"></div>
+    <div style="position:absolute; top:1px; left:41px;
+                border:10px solid blue; width:20px; height:20px; background:lime;"></div>
+  </div>
+  <div style="width:80px; height:40px; border:1px solid black;">
+    <div style="position:absolute; top:43px; left:1px;
+                width:40px; height:40px; overflow:hidden;">
+      <div style="border:10px solid blue; width:20px; height:20px;
+                  background:lime; transform:rotate(30deg);"></div>
+    </div>
+    <div style="position:absolute; top:43px; left:41px;
+                width:40px; height:40px; overflow:hidden;">
+      <div style="border:10px solid blue; width:20px; height:20px;
+                  background:lime; transform:rotate(30deg);"></div>
+    </div>
+  </div>
+  <div style="width:80px; height:40px; border:1px solid black;">
+    <div style="position:absolute; top:85px; left:1px;
+                width:40px; height:40px; overflow:hidden;">
+      <div style="border:10px solid blue; width:20px; height:20px;
+                  background:lime; transform:rotate(30deg);"></div>
+    </div>
+    <div style="position:absolute; top:85px; left:41px;
+                width:40px; height:40px; overflow:hidden;">
+      <div style="border:10px solid blue; width:20px; height:20px;
+                  background:lime; transform:rotate(30deg);"></div>
+    </div>
+  </div>
+  <svg>
+    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
+    <feColorMatrix type="matrix"
+           values="255 0 0 0 -128 
+                   0 255 0 0 -128 
+                   0 0 255 0 -128 
+                   0 0 0 255 -128"/>
+
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-03.html b/layout/reftests/image-element/element-paint-transform-03.html
new file mode 100644
index 0000000000..80a8dddd9c
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-03.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test paint servers that are rotated. We have to paint them as rectangles.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0; filter:url(#thresholdAt128);">
+  <div style="width:80px; height:40px; border:1px solid black;
+              background:-moz-element(#d1);"></div>
+  <div style="width:80px; height:40px; border:1px solid black;
+              background:-moz-element(#d2);"></div>
+  <div style="width:80px; height:40px; border:1px solid black;
+              background:-moz-element(#d3);"></div>
+
+  <div style="overflow:hidden; height:0;">
+    <div id="d1" style="width:40px; height:40px; transform:rotate(-30deg);">
+      <div id="d2" style="width:40px; height:40px">
+        <div id="d3" style="border:10px solid blue; width:20px; height:20px;
+                            transform:rotate(30deg); background:lime">
+        </div>
+      </div>
+    </div>
+  </div>
+  <svg>
+    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
+    <feColorMatrix type="matrix"
+           values="255 0 0 0 -128 
+                   0 255 0 0 -128 
+                   0 0 255 0 -128 
+                   0 0 0 255 -128"/>
+
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-repeated-ref.html b/layout/reftests/image-element/element-paint-transform-repeated-ref.html
new file mode 100644
index 0000000000..0af27dc794
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-repeated-ref.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <div style="width:80px; height:80px; border: 1px solid black; background:white;
+              transform:matrix(2,0,0,2,50,50);">
+    <div style="position:absolute; top:17px; left:17px; width:20px; height:20px;
+                background:black;"></div>
+    <div style="position:absolute; top:57px; left:17px; width:20px; height:20px;
+                background:black;"></div>
+    <div style="position:absolute; top:17px; left:57px; width:20px; height:20px;
+                background:black;"></div>
+    <div style="position:absolute; top:57px; left:57px; width:20px; height:20px;
+                background:black;"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/element-paint-transform-repeated.html b/layout/reftests/image-element/element-paint-transform-repeated.html
new file mode 100644
index 0000000000..f6479cbaf4
--- /dev/null
+++ b/layout/reftests/image-element/element-paint-transform-repeated.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test a repeated background with some transform.
+     The transform scales up which causes blurring, so
+     we use an SVG filter to get rid of it.
+-->
+<html>
+<body style="filter:url(#thresholdAt128)">
+  <div style="width:80px; height:80px; border: 1px solid black;
+              background: 7px 7px -moz-element(#d);
+              transform:matrix(2,0,0,2,50,50);">
+  </div>
+  <div style="overflow:hidden; height:0;">
+    <div id="d" style="border:10px solid white; width:20px; height:20px;
+                       background:black;"></div>
+  </div>
+
+  <svg>
+    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
+      <feComponentTransfer>
+        <feFuncR type="linear" slope="255" intercept="-128"/>
+        <feFuncG type="linear" slope="255" intercept="-128"/>
+        <feFuncB type="linear" slope="255" intercept="-128"/>
+      </feComponentTransfer>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/empty-src.html b/layout/reftests/image-element/empty-src.html
new file mode 100644
index 0000000000..36091cdc19
--- /dev/null
+++ b/layout/reftests/image-element/empty-src.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  img {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<img src>
diff --git a/layout/reftests/image-element/gradient-html-01-ref.svg b/layout/reftests/image-element/gradient-html-01-ref.svg
new file mode 100644
index 0000000000..cb31abbc3b
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-01-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="url(#g)"/>
+  <linearGradient id="g" x2="0" y2="1">
+    <stop stop-color="lime" offset="0"/>
+    <stop stop-color="lime" stop-opacity="0" offset="1"/>
+  </linearGradient>
+</svg>
diff --git a/layout/reftests/image-element/gradient-html-01.html b/layout/reftests/image-element/gradient-html-01.html
new file mode 100644
index 0000000000..f6991cb683
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-01.html
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:100px; height:100px; background:-moz-element(#g);"></div>
+  <svg>
+    <linearGradient id="g" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="lime" stop-opacity="0" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-02-ref.svg b/layout/reftests/image-element/gradient-html-02-ref.svg
new file mode 100644
index 0000000000..b7815be11e
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-02-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="url(#g)"/>
+  <rect y="100" width="100" height="100" fill="blue"/>
+  <linearGradient id="g" x2="0" y2="1">
+    <stop stop-color="lime" offset="0"/>
+    <stop stop-color="lime" stop-opacity="0" offset="1"/>
+  </linearGradient>
+</svg>
diff --git a/layout/reftests/image-element/gradient-html-02.html b/layout/reftests/image-element/gradient-html-02.html
new file mode 100644
index 0000000000..6eb1c76a62
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-02.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:100px; height:100px; background:-moz-element(#g);">
+    <div style="height:100px;"></div>
+    <div style="width:100px; height:100px; background:blue;"></div>
+  </div>
+  <svg>
+    <defs>
+    <linearGradient id="g" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="lime" stop-opacity="0" offset="1"></stop>
+    </linearGradient>
+    </defs>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-03-ref.svg b/layout/reftests/image-element/gradient-html-03-ref.svg
new file mode 100644
index 0000000000..b7815be11e
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-03-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="url(#g)"/>
+  <rect y="100" width="100" height="100" fill="blue"/>
+  <linearGradient id="g" x2="0" y2="1">
+    <stop stop-color="lime" offset="0"/>
+    <stop stop-color="lime" stop-opacity="0" offset="1"/>
+  </linearGradient>
+</svg>
diff --git a/layout/reftests/image-element/gradient-html-03.html b/layout/reftests/image-element/gradient-html-03.html
new file mode 100644
index 0000000000..cfb9b7b0d3
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-03.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:100px; height:100px; background:-moz-element(#g);">
+    <div style="height:100px;"></div>
+    <div style="width:100px; height:100px; background:blue;"></div>
+  </div>
+  <svg>
+    <linearGradient gradientUnits="userSpaceOnUse" id="g" x2="0" y2="100">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="lime" stop-opacity="0" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-04-ref.html b/layout/reftests/image-element/gradient-html-04-ref.html
new file mode 100644
index 0000000000..0df5ffe4b4
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-04-ref.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; }
+</style>
+</head>
+<body style="margin:0; width:350px; line-height:100px;">
+  <span class="unit"></span><span class="unit"
+  ></span><span style="background:lime"><span class="unit"></span><span class="unit"
+  ></span></span>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-04.html b/layout/reftests/image-element/gradient-html-04.html
new file mode 100644
index 0000000000..bc1deb1c4b
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-04.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; }
+</style>
+</head>
+<body style="margin:0; width:350px; line-height:100px;">
+  <span class="unit"></span><span class="unit"
+  ></span><span style="background:-moz-element(#g)"><span class="unit"></span><span class="unit"
+  ></span></span>
+
+  <svg>
+    <linearGradient id="g" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="lime" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-05-ref.html b/layout/reftests/image-element/gradient-html-05-ref.html
new file mode 100644
index 0000000000..06e9c58aa9
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-05-ref.html
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; background:blue; }
+</style>
+</head>
+<body style="margin:0; width:300px; line-height:100px;">
+  <span class="unit"></span><span class="unit"
+  ></span><span class="unit"></span><span style="background:lime"><span class="unit"
+  ></span></span>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-05.html b/layout/reftests/image-element/gradient-html-05.html
new file mode 100644
index 0000000000..35fe9e9023
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-05.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; background:blue; }
+</style>
+</head>
+<body style="margin:0; width:300px; line-height:100px;">
+  <span class="unit"></span><span class="unit"
+  ></span><span style="background:-moz-element(#g)"><span class="unit"></span><span class="unit"
+  ></span></span>
+
+  <svg>
+    <linearGradient gradientUnits="userSpaceOnUse" id="g" x1="0" y1="0" x2="200" y2="0">
+      <stop stop-color="lime" stop-opacity="0" offset="0"></stop>
+      <stop stop-color="lime" stop-opacity="0" offset="0.5"></stop>
+      <stop stop-color="lime" offset="0.5"></stop>
+      <stop stop-color="lime" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-06a.html b/layout/reftests/image-element/gradient-html-06a.html
new file mode 100644
index 0000000000..0533cfcfff
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-06a.html
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Test whether SVG gradients as -moz-element render the same as
+     CSS gradients.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:300px; height:300px; background-image:-moz-element(#g)"></div>
+  <svg>
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-06b.html b/layout/reftests/image-element/gradient-html-06b.html
new file mode 100644
index 0000000000..725a20c1dc
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-06b.html
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Test whether SVG gradients as -moz-element render the same as
+     CSS gradients.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:300px; height:300px; background-image:linear-gradient(lime, black)"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/image-element/gradient-html-06c.html b/layout/reftests/image-element/gradient-html-06c.html
new file mode 100644
index 0000000000..23f88a6771
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-06c.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Test whether SVG gradients as -moz-element render the same as
+     a SVG rect with an SVG gradient.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <svg width="300" height="300">
+    <rect width="300" height="300" fill="url(#g)"></rect>
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
+
diff --git a/layout/reftests/image-element/gradient-html-06d.html b/layout/reftests/image-element/gradient-html-06d.html
new file mode 100644
index 0000000000..294cbe27cd
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-06d.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Ensure that -moz-element using an SVG gradient is affected by
+     mozSetImageElement.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:300px; height:300px; background-image:-moz-element(#g)"></div>
+  <svg>
+    <linearGradient id="green" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="red" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+  </svg>
+  <script>document.mozSetImageElement("g", document.getElementById("green"));</script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-06e.html b/layout/reftests/image-element/gradient-html-06e.html
new file mode 100644
index 0000000000..df3843c23e
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-06e.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Ensure that SVG elements using fill="url(#...)" are *not*
+     affected by mozSetImageElement.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <svg width="300" height="300">
+    <rect width="300" height="300" fill="url(#g)"></rect>
+    <linearGradient id="red" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="red" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+  </svg>
+  <script>document.mozSetImageElement("g", document.getElementById("red"));</script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-07a.html b/layout/reftests/image-element/gradient-html-07a.html
new file mode 100644
index 0000000000..a8caf31038
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-07a.html
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Test that diagonal repeating SVG gradients as -moz-element render the same as
+     CSS gradients.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:300px; height:300px; background-image:-moz-element(#g); background-size: 100px 100px;"></div>
+  <svg>
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="1" y2="1">
+      <stop stop-color="lime" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-07b.html b/layout/reftests/image-element/gradient-html-07b.html
new file mode 100644
index 0000000000..41270af788
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-07b.html
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Test that diagonal repeating SVG gradients as -moz-element render the same as
+     CSS gradients.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:300px; height:300px; background-image:linear-gradient(135deg, lime, black); background-size: 100px 100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-07c.html b/layout/reftests/image-element/gradient-html-07c.html
new file mode 100644
index 0000000000..3e378436bf
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-07c.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Test that diagonal repeating SVG gradients as -moz-element
+     using userSpaceOnUse render the same as using objectBoundingBox
+     with the right conversion.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:200px; height:200px; background-image:-moz-element(#g); background-size: 100px 100px;"></div>
+  <svg>
+    <linearGradient id="g" gradientUnits="userSpaceOnUse" x2="200" y2="200">
+      <stop stop-color="#00ff00" offset="0"></stop>
+      <stop stop-color="black" offset="1"></stop>
+    </linearGradient>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/gradient-html-07d.html b/layout/reftests/image-element/gradient-html-07d.html
new file mode 100644
index 0000000000..e9ff4d13af
--- /dev/null
+++ b/layout/reftests/image-element/gradient-html-07d.html
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     Test that diagonal repeating SVG gradients as -moz-element render the same as
+     CSS gradients.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:200px; height:200px; background-image:linear-gradient(135deg, #00ff00, #008000); background-size: 100px 100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/image-outside-document-invalidate.html b/layout/reftests/image-element/image-outside-document-invalidate.html
new file mode 100644
index 0000000000..b3ef59d283
--- /dev/null
+++ b/layout/reftests/image-element/image-outside-document-invalidate.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that document.mozSetImageElement() after an image load causes a repaint.
+-->
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body style="background: -moz-element(#e) red">
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  var img = new Image();
+  img.src = "data:image/gif;base64,R0lGODlhAQABAID/AP///wAAACwAAAAAAQABAAACAkQBADs="; /* 1x1 white gif */
+  document.mozSetImageElement("e", img);
+  img.onload = function () {
+    document.documentElement.className = "";
+  };
+});
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/invalid-src-2.html b/layout/reftests/image-element/invalid-src-2.html
new file mode 100644
index 0000000000..c385acca6d
--- /dev/null
+++ b/layout/reftests/image-element/invalid-src-2.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  img {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<img src="http://yada yada">
diff --git a/layout/reftests/image-element/invalid-src.html b/layout/reftests/image-element/invalid-src.html
new file mode 100644
index 0000000000..26821d39b2
--- /dev/null
+++ b/layout/reftests/image-element/invalid-src.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  img {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<img src="yada yada">
diff --git a/layout/reftests/image-element/invalidate-1-ref.html b/layout/reftests/image-element/invalidate-1-ref.html
new file mode 100644
index 0000000000..833c846170
--- /dev/null
+++ b/layout/reftests/image-element/invalidate-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:url(repeatable-diagonal-gradient.png?4567); width:100px; height:100px"></div>
+<div style="background:url(repeatable-diagonal-gradient.png?90); width:100px; height:100px"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/invalidate-1.html b/layout/reftests/image-element/invalidate-1.html
new file mode 100644
index 0000000000..5dc3ec7f93
--- /dev/null
+++ b/layout/reftests/image-element/invalidate-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script>
+  /* this test shouldn't need reftest-wait, but if the reftest snapshot is triggered before we've painted,
+   * then we might not get a chance to invalidate the -moz-element div in time
+   * See Bug 1283302
+   */
+  window.addEventListener("MozReftestInvalidate", endTest);
+
+  function endTest() {
+    document.documentElement.removeAttribute("class");
+  }
+</script>
+<body>
+<div id="A" style="background:url(repeatable-diagonal-gradient.png?1234); width:100px; height:100px"></div>
+<div style="background:-moz-element(#A); width:100px; height:100px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/mask-image-element-ref.html b/layout/reftests/image-element/mask-image-element-ref.html
new file mode 100644
index 0000000000..adb1f6b2b4
--- /dev/null
+++ b/layout/reftests/image-element/mask-image-element-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      div {
+        background-color: white;
+        position: absolute;
+        margin: 0px;
+        padding: 0px;
+        width: 100px;
+        height: 100px;
+        top: 10px;
+      }
+
+      div.auto {
+        left: 10px;
+        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect x="0" y="0" width="100%" height="100%" fill="blue" fill-opacity="1"/></svg>');
+      }
+
+      div.alpha {
+        left: 120px;
+        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect x="0" y="0" width="100%" height="100%" fill="blue" fill-opacity="1"/></svg>');
+      }
+
+      div.luminance1 {
+        left: 230px;
+        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect x="0" y="0" width="100%" height="100%" fill="rgb(238,238,255)" fill-opacity="1"/></svg>');
+      }
+
+      div.luminance2 {
+        left: 340px;
+        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect x="0" y="0" width="100%" height="100%" fill="rgb(201,201,255)" fill-opacity="1"/></svg>');
+      }
+
+      div.luminance3 {
+        left: 450px;
+        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect x="0" y="0" width="100%" height="100%" fill="rgb(73,73,255)" fill-opacity="1"/></svg>');
+      }
+    </style>
+  </head>
+  <body>
+    <div class="auto"></div>
+    <div class="alpha"></div>
+    <div class="luminance1"></div>
+    <div class="luminance2"></div>
+    <div class="luminance3"></div>
+  </body>
+</html>
diff --git a/layout/reftests/image-element/mask-image-element.html b/layout/reftests/image-element/mask-image-element.html
new file mode 100644
index 0000000000..3adf327b04
--- /dev/null
+++ b/layout/reftests/image-element/mask-image-element.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      div {
+        background-color: blue;
+        position: absolute;
+        margin: 0px;
+        padding: 0px;
+        width: 100px;
+        height: 100px;
+        top: 10px;
+      }
+
+      div.auto {
+        left: 10px;
+        mask-mode: match-source;
+        mask-image: -moz-element(#blue-bg);
+      }
+
+      div.alpha {
+        left: 120px;
+        mask-mode: alpha;
+        mask-image: -moz-element(#blue-bg);
+      }
+
+      div.luminance1 {
+        left: 230px;
+        mask-mode: luminance;
+        mask-image: -moz-element(#blue-bg);
+      }
+
+      div.luminance2 {
+        left: 340px;
+        mask-mode: luminance;
+        mask-image: -moz-element(#red-bg);
+      }
+
+      div.luminance3 {
+        left: 450px;
+        mask-mode: luminance;
+        mask-image: -moz-element(#lime-bg);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="auto"></div>
+    <div class="alpha"></div>
+    <div class="luminance1"></div>
+    <div class="luminance2"></div>
+    <div class="luminance3"></div>
+
+    <div style="overflow:hidden; height:0;">
+      <div id="blue-bg" style="width:100px; height:100px; background-color: blue;">  </div>
+    </div>
+    <div style="overflow:hidden; height:0;">
+      <div id="red-bg" style="width:100px; height:100px; background-color: red;"></div>
+    </div>
+    <div style="overflow:hidden; height:0;">
+      <div id="lime-bg" style="width:100px; height:100px; background-color: lime;"></div>
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/image-element/mozsetimageelement-01-ref.html b/layout/reftests/image-element/mozsetimageelement-01-ref.html
new file mode 100644
index 0000000000..2bba0c7316
--- /dev/null
+++ b/layout/reftests/image-element/mozsetimageelement-01-ref.html
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+  <head>
+    <style>
+      div {
+        width: 10px;
+        height: 10px;
+      }
+    </style>
+  </head>
+<body style="margin:0">
+  <div style="background:black;"></div>
+  <div style="background:red;"></div>
+  <div style="background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/mozsetimageelement-01.html b/layout/reftests/image-element/mozsetimageelement-01.html
new file mode 100644
index 0000000000..f1ac067c0d
--- /dev/null
+++ b/layout/reftests/image-element/mozsetimageelement-01.html
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test document.mozSetImageElement() DOM API and check if ID targets are
+     correctly overridden.
+-->
+<html>
+  <head>
+    <style>
+      div {
+        width: 10px;
+        height: 10px;
+      }
+    </style>
+  </head>
+<body style="margin:0">
+  <div style="background:-moz-element(#d1);"></div>
+  <div style="background:-moz-element(#d2);"></div>
+  <div style="background:-moz-element(#d3);"></div>
+
+  <div style="overflow:hidden; height:0;">
+    <div id="d1" style="background:red;"></div>
+    <div id="d2" style="background:blue;"></div>
+    <!-- two elements with the same ID: the former one will be used -->
+    <div id="d3" style="background:black;"></div>
+    <div id="d3" style="background:yellow;"></div>
+  </div>
+
+  <script>
+      var d1 = document.getElementById("d1");
+      var d2 = document.getElementById("d2");
+      var d3 = document.getElementById("d3");
+      document.mozSetImageElement("d1", d3);
+      document.mozSetImageElement("d2", null);
+      document.mozSetImageElement("d3", d1);
+      document.mozSetImageElement("d3", null);
+      document.mozSetImageElement("d4", d1);
+      document.mozSetImageElement("", d1);
+      d1.id = "d2";
+      d2.id = "d1";
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/mozsetimageelement-02.html b/layout/reftests/image-element/mozsetimageelement-02.html
new file mode 100644
index 0000000000..d8ec098fcb
--- /dev/null
+++ b/layout/reftests/image-element/mozsetimageelement-02.html
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test that document.mozSetImageElement() after a paint causes a repaint.
+-->
+<!DOCTYPE html>
+<html class="reftest-wait">
+<body style="background-image: -moz-element(#e)">
+
+<div style="overflow:hidden; height:0;">
+  <div id="e" style="width: 50px; height: 50px; background: red;"></div>
+  <div id="white" style="width: 50px; height: 50px; background: white;"></div>
+</div>
+
+<script>
+
+window.addEventListener("MozReftestInvalidate", function () {
+  document.mozSetImageElement("e", document.getElementById("white"));
+  document.documentElement.className = "";
+});
+
+</script>
+</body>
+</html>
diff --git a/layout/reftests/image-element/no-src.html b/layout/reftests/image-element/no-src.html
new file mode 100644
index 0000000000..6cc51078c0
--- /dev/null
+++ b/layout/reftests/image-element/no-src.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+  img {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<img>
diff --git a/layout/reftests/image-element/orientation-1-ref.html b/layout/reftests/image-element/orientation-1-ref.html
new file mode 100644
index 0000000000..b162de45c1
--- /dev/null
+++ b/layout/reftests/image-element/orientation-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 100px;"><img src="../image/image-exif-90-deg.jpg"></div>
+<img src="../image/image-exif-90-deg.jpg">
diff --git a/layout/reftests/image-element/orientation-1.html b/layout/reftests/image-element/orientation-1.html
new file mode 100644
index 0000000000..cb48c59c29
--- /dev/null
+++ b/layout/reftests/image-element/orientation-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<!-- Test that -moz-element() honors a target image's orientation metadata. -->
+<div style="width: 200px; height: 100px; background-image: -moz-element(#e);"></div>
+<img id="e" src="../image/image-exif-90-deg.jpg">
diff --git a/layout/reftests/image-element/pattern-html-01-ref.svg b/layout/reftests/image-element/pattern-html-01-ref.svg
new file mode 100644
index 0000000000..b991d9d17c
--- /dev/null
+++ b/layout/reftests/image-element/pattern-html-01-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="10" y="10" width="10" height="10" fill="lime"/>
+  <rect x="60" y="10" width="10" height="10" fill="lime"/>
+  <rect x="10" y="60" width="10" height="10" fill="lime"/>
+  <rect x="60" y="60" width="10" height="10" fill="lime"/>
+  <rect x="0" y="200" width="10" height="10" fill="lime"/>
+  <rect x="50" y="200" width="10" height="10" fill="lime"/>
+  <rect x="0" y="250" width="10" height="10" fill="lime"/>
+  <rect x="50" y="250" width="10" height="10" fill="lime"/>
+</svg>
diff --git a/layout/reftests/image-element/pattern-html-01.html b/layout/reftests/image-element/pattern-html-01.html
new file mode 100644
index 0000000000..fa91c3748d
--- /dev/null
+++ b/layout/reftests/image-element/pattern-html-01.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test painting simple patterns with offsets.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0">
+  <div style="width:100px; height:100px; background:-moz-element(#p);"></div>
+  <div style="margin-top:100px; width:100px; height:100px;
+              background:-moz-element(#p); background-position:-10px -10px;"></div>
+
+  <svg>
+    <pattern id="p" patternUnits="userSpaceOnUse"
+             x="0" y="0" width="50" height="50">
+      <rect x="10" y="10" width="10" height="10" fill="lime"></rect>
+    </pattern> 
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/image-element/pattern-html-02-ref.svg b/layout/reftests/image-element/pattern-html-02-ref.svg
new file mode 100644
index 0000000000..3c913649a3
--- /dev/null
+++ b/layout/reftests/image-element/pattern-html-02-ref.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="30" height="30" fill="black"/>
+  <rect x="75" y="15" width="30" height="30" fill="black"/>
+
+  <rect x="5" y="65" width="10" height="10" fill="black"/>
+  <rect x="25" y="65" width="10" height="10" fill="black"/>
+  <rect x="45" y="65" width="10" height="10" fill="black"/>
+  <rect x="65" y="65" width="10" height="10" fill="black"/>
+  <rect x="85" y="65" width="10" height="10" fill="black"/>
+  <rect x="105" y="65" width="10" height="10" fill="black"/>
+  <rect x="5" y="85" width="10" height="10" fill="black"/>
+  <rect x="25" y="85" width="10" height="10" fill="black"/>
+  <rect x="45" y="85" width="10" height="10" fill="black"/>
+  <rect x="65" y="85" width="10" height="10" fill="black"/>
+  <rect x="85" y="85" width="10" height="10" fill="black"/>
+  <rect x="105" y="85" width="10" height="10" fill="black"/>
+  <rect x="5" y="105" width="10" height="10" fill="black"/>
+  <rect x="25" y="105" width="10" height="10" fill="black"/>
+  <rect x="45" y="105" width="10" height="10" fill="black"/>
+  <rect x="65" y="105" width="10" height="10" fill="black"/>
+  <rect x="85" y="105" width="10" height="10" fill="black"/>
+  <rect x="105" y="105" width="10" height="10" fill="black"/>
+</svg>
diff --git a/layout/reftests/image-element/pattern-html-02.html b/layout/reftests/image-element/pattern-html-02.html
new file mode 100644
index 0000000000..9e7783088a
--- /dev/null
+++ b/layout/reftests/image-element/pattern-html-02.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test painting patterns with scaling by background-size and transform.
+-->
+<!DOCTYPE html>
+<html>
+<body style="margin:0;">
+  <div style="background: white; overflow: hidden;">
+    <div style="margin:20px 0px 20px 40px; width:40px; height:20px;
+                background:-moz-element(#p);
+                transform:scale(3);"></div>
+    <div style="width:120px; height:60px;
+                background:-moz-element(#p);
+                background-size:300% 300%;"></div>
+  
+    <svg>
+      <pattern id="p" patternUnits="userSpaceOnUse"
+                   x="0" y="0" width="20" height="20">
+        <rect x="5" y="5" width="10" height="10" fill="black"></rect>
+      </pattern> 
+    </svg>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/image-element/reftest.list b/layout/reftests/image-element/reftest.list
new file mode 100644
index 0000000000..2b31398ccf
--- /dev/null
+++ b/layout/reftests/image-element/reftest.list
@@ -0,0 +1,59 @@
+random == bug-364968.html bug-364968-ref.html
+== bug-463204.html bug-463204-ref.html
+== canvas-outside-document.html canvas-inside-document.html
+== mozsetimageelement-01.html mozsetimageelement-01-ref.html
+== mozsetimageelement-02.html about:blank
+== image-outside-document-invalidate.html about:blank
+== canvas-outside-document-invalidate-01.html about:blank
+fails-if(azureSkia&&!winWidget) fails-if(cocoaWidget) fails-if(remoteCanvas&&swgl&&winWidget) == canvas-outside-document-invalidate-02.html about:blank # See bug 666800
+#fails with Skia due to Skia bug http://code.google.com/p/skia/issues/detail?id=568
+fuzzy-if(winWidget,47-129,47-54) == element-paint-simple.html element-paint-simple-ref.html
+== element-paint-repeated.html element-paint-repeated-ref.html
+== element-paint-recursion.html element-paint-recursion-ref.html
+== element-paint-continuation.html element-paint-continuation-ref.html
+== element-paint-transform-01.html element-paint-transform-01-ref.html
+random-if(d2d) fuzzy-if(!useDrawSnapshot,255-255,39-42) == element-paint-transform-02.html element-paint-transform-02-ref.html # bug 587133
+== element-paint-background-size-01.html element-paint-background-size-01-ref.html
+== element-paint-background-size-02.html element-paint-background-size-02-ref.html
+fuzzy(0-255,0-4) == element-paint-transform-repeated.html element-paint-transform-repeated-ref.html # Bug 1475907
+fuzzy-if(d2d,0-255,0-24) fuzzy-if(!useDrawSnapshot,255-255,50-115) == element-paint-transform-03.html element-paint-transform-03-ref.html
+
+# For element() uses fallback / skia in WebRender, which antialiases differently from WR.
+# For Windows: bug 1496542, the scrollframe snaps differently.
+# For the rest: -ref the scrollframe is active and layerized differently with APZ.
+fuzzy(0-24,0-106) fuzzy-if(winWidget&&!layersGPUAccelerated,149-149,1203-1203) fuzzy-if(!useDrawSnapshot,1-48,5-68) fuzzy-if(winWidget,47-222,1197-1588) fuzzy-if(Android,0-40,0-81) == element-paint-native-widget.html element-paint-native-widget-ref.html
+
+# This fails with CreateSamplingRestrictedDrawable removed
+fails-if(!Android&&!useDrawSnapshot) == element-paint-subimage-sampling-restriction.html about:blank
+== element-paint-clippath.html element-paint-clippath-ref.html
+fuzzy-if(!useDrawSnapshot,1-1,128-128) fuzzy-if(d2d,47-47,650-652) fuzzy-if(!useDrawSnapshot,36-39,704-738) == element-paint-sharpness-01a.html element-paint-sharpness-01b.html
+fuzzy(0-1,0-326) fails-if(useDrawSnapshot) == element-paint-sharpness-01b.html element-paint-sharpness-01c.html
+fuzzy-if(!useDrawSnapshot,1-1,128-128) fuzzy-if(d2d,47-47,650-652) fuzzy-if(!useDrawSnapshot,36-39,704-738) == element-paint-sharpness-01c.html element-paint-sharpness-01d.html
+== element-paint-sharpness-02a.html element-paint-sharpness-02b.html
+fails-if(useDrawSnapshot) == element-paint-sharpness-02b.html element-paint-sharpness-02c.html
+== element-paint-paintserversize-rounding-01.html element-paint-paintserversize-rounding-01-ref.html
+fuzzy(0-187,0-1191) == element-paint-paintserversize-rounding-02.html element-paint-paintserversize-rounding-02-ref.html # Linux32 from GCC update
+fuzzy(0-1,0-625) == element-paint-multiple-backgrounds-01a.html element-paint-multiple-backgrounds-01-ref.html
+fuzzy(0-1,0-625) == element-paint-multiple-backgrounds-01b.html element-paint-multiple-backgrounds-01-ref.html
+fuzzy(0-1,0-625) == element-paint-multiple-backgrounds-01c.html element-paint-multiple-backgrounds-01-ref.html
+== gradient-html-01.html gradient-html-01-ref.svg
+== gradient-html-02.html gradient-html-02-ref.svg
+random-if(!cocoaWidget) == gradient-html-03.html gradient-html-03-ref.svg
+== gradient-html-04.html gradient-html-04-ref.html
+== gradient-html-05.html gradient-html-05-ref.html
+fuzzy(0-1,0-9674) random-if(!cocoaWidget) fuzzy-if(cocoaWidget&&!swgl,1-1,21600-444200) == gradient-html-06a.html gradient-html-06b.html
+fuzzy(0-1,0-9674) random-if(!cocoaWidget) fuzzy-if(cocoaWidget&&!swgl,1-1,21600-444200) == gradient-html-06b.html gradient-html-06c.html
+== gradient-html-06c.html gradient-html-06d.html
+== gradient-html-06d.html gradient-html-06e.html
+random-if(!cocoaWidget) fuzzy-if(cocoaWidget,0-2,0-42305) == gradient-html-07a.html gradient-html-07b.html
+fuzzy(0-1,0-16900) == gradient-html-07c.html gradient-html-07d.html
+HTTP == invalidate-1.html invalidate-1-ref.html
+== pattern-html-01.html pattern-html-01-ref.svg
+== pattern-html-02.html pattern-html-02-ref.svg
+!= broken-icon.html no-src.html
+!= broken-icon.html empty-src.html
+== empty-src.html no-src.html
+== broken-icon.html invalid-src.html
+fails == invalid-src.html invalid-src-2.html # bug 1506804
+fuzzy(0-1,0-30000) == mask-image-element.html mask-image-element-ref.html
+== orientation-1.html orientation-1-ref.html
diff --git a/layout/reftests/image-element/repeatable-diagonal-gradient.png b/layout/reftests/image-element/repeatable-diagonal-gradient.png
new file mode 100644
index 0000000000..d114e100d3
Binary files /dev/null and b/layout/reftests/image-element/repeatable-diagonal-gradient.png differ
diff --git a/layout/reftests/image/100.png b/layout/reftests/image/100.png
new file mode 100644
index 0000000000..df421453c2
Binary files /dev/null and b/layout/reftests/image/100.png differ
diff --git a/layout/reftests/image/200.png b/layout/reftests/image/200.png
new file mode 100644
index 0000000000..6f76d44387
Binary files /dev/null and b/layout/reftests/image/200.png differ
diff --git a/layout/reftests/image/300.png b/layout/reftests/image/300.png
new file mode 100644
index 0000000000..c12b7ceea1
Binary files /dev/null and b/layout/reftests/image/300.png differ
diff --git a/layout/reftests/image/400.png b/layout/reftests/image/400.png
new file mode 100644
index 0000000000..8855fc6d46
Binary files /dev/null and b/layout/reftests/image/400.png differ
diff --git a/layout/reftests/image/50.png b/layout/reftests/image/50.png
new file mode 100644
index 0000000000..144a2f0b93
Binary files /dev/null and b/layout/reftests/image/50.png differ
diff --git a/layout/reftests/image/500.svg b/layout/reftests/image/500.svg
new file mode 100644
index 0000000000..35ad0db4f0
--- /dev/null
+++ b/layout/reftests/image/500.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="500px" height="500px">
+
+<title>Simple SVG with 500x500 intrinsic size</title>
+  <rect x1="0" y1="0" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/image/background-image-zoom-1-ref.html b/layout/reftests/image/background-image-zoom-1-ref.html
new file mode 100644
index 0000000000..b23048bb61
--- /dev/null
+++ b/layout/reftests/image/background-image-zoom-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+    -->
+<html>
+<head>
+<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no" />
+<title>reference background-image-rendering: -moz-crisp-edges</title>
+<style>
+html
+{ 
+background-image: url('big.png');
+background-attachment:fixed;
+background-position: 20px 20px;
+background-repeat: no-repeat;
+overflow: hidden;
+}
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/image/background-image-zoom-1.html b/layout/reftests/image/background-image-zoom-1.html
new file mode 100644
index 0000000000..0572099a37
--- /dev/null
+++ b/layout/reftests/image/background-image-zoom-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+    -->
+<html reftest-zoom="5">
+<head>
+<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no" />
+<title>test background-image-rendering: -moz-crisp-edges</title>
+<style>
+html
+{ 
+background-image: url('small.png');
+image-rendering: -moz-crisp-edges;
+background-attachment:fixed;
+background-position: 4px 4px;
+background-repeat: no-repeat;
+overflow: hidden;
+}
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/image/background-image-zoom-2.html b/layout/reftests/image/background-image-zoom-2.html
new file mode 100644
index 0000000000..18a41ea430
--- /dev/null
+++ b/layout/reftests/image/background-image-zoom-2.html
@@ -0,0 +1,23 @@
+<html reftest-zoom="1.8">
+<style>
+  a{
+    background-repeat: inherit;
+    background-position: inherit;
+    /* this image has a red pixel at the bottom to
+    prevent image lib from optimizing it into a
+    solid color fill */
+    background-image:url("nearly-white.png");
+    line-height: 20px; /* set the line height so that the red pixel is not drawn */ 
+  }
+</style>
+<div style="background-repeat: no-repeat">
+    <a>&nbsp;</a><a>&nbsp;</a>
+</div>
+<p>
+<div style="background-position: right top">
+    <a>&nbsp;</a><a>&nbsp;</a>
+</div>
+<p>
+<div>
+    <a>&nbsp;</a><a>&nbsp;</a>
+</div>
diff --git a/layout/reftests/image/big.png b/layout/reftests/image/big.png
new file mode 100644
index 0000000000..76a32497c7
Binary files /dev/null and b/layout/reftests/image/big.png differ
diff --git a/layout/reftests/image/blue-100x50.png b/layout/reftests/image/blue-100x50.png
new file mode 100644
index 0000000000..85d980424c
Binary files /dev/null and b/layout/reftests/image/blue-100x50.png differ
diff --git a/layout/reftests/image/blue-16x20.png b/layout/reftests/image/blue-16x20.png
new file mode 100644
index 0000000000..f0f4d319e8
Binary files /dev/null and b/layout/reftests/image/blue-16x20.png differ
diff --git a/layout/reftests/image/blue-32x32.png b/layout/reftests/image/blue-32x32.png
new file mode 100644
index 0000000000..deefd19b2a
Binary files /dev/null and b/layout/reftests/image/blue-32x32.png differ
diff --git a/layout/reftests/image/blue-50x100.png b/layout/reftests/image/blue-50x100.png
new file mode 100644
index 0000000000..d09f03b25f
Binary files /dev/null and b/layout/reftests/image/blue-50x100.png differ
diff --git a/layout/reftests/image/blue-50x50.png b/layout/reftests/image/blue-50x50.png
new file mode 100644
index 0000000000..bdb91e34c8
Binary files /dev/null and b/layout/reftests/image/blue-50x50.png differ
diff --git a/layout/reftests/image/image-exif-0-deg-flip.jpg b/layout/reftests/image/image-exif-0-deg-flip.jpg
new file mode 100644
index 0000000000..727bb34a8c
Binary files /dev/null and b/layout/reftests/image/image-exif-0-deg-flip.jpg differ
diff --git a/layout/reftests/image/image-exif-0-deg.jpg b/layout/reftests/image/image-exif-0-deg.jpg
new file mode 100644
index 0000000000..92eb2605bf
Binary files /dev/null and b/layout/reftests/image/image-exif-0-deg.jpg differ
diff --git a/layout/reftests/image/image-exif-180-deg-flip.jpg b/layout/reftests/image/image-exif-180-deg-flip.jpg
new file mode 100644
index 0000000000..a450d3db4e
Binary files /dev/null and b/layout/reftests/image/image-exif-180-deg-flip.jpg differ
diff --git a/layout/reftests/image/image-exif-180-deg.jpg b/layout/reftests/image/image-exif-180-deg.jpg
new file mode 100644
index 0000000000..cefa5c8b3e
Binary files /dev/null and b/layout/reftests/image/image-exif-180-deg.jpg differ
diff --git a/layout/reftests/image/image-exif-270-deg-flip.jpg b/layout/reftests/image/image-exif-270-deg-flip.jpg
new file mode 100644
index 0000000000..1881be3c3b
Binary files /dev/null and b/layout/reftests/image/image-exif-270-deg-flip.jpg differ
diff --git a/layout/reftests/image/image-exif-270-deg.jpg b/layout/reftests/image/image-exif-270-deg.jpg
new file mode 100644
index 0000000000..eb3f240f4d
Binary files /dev/null and b/layout/reftests/image/image-exif-270-deg.jpg differ
diff --git a/layout/reftests/image/image-exif-90-deg-flip.jpg b/layout/reftests/image/image-exif-90-deg-flip.jpg
new file mode 100644
index 0000000000..60538724fc
Binary files /dev/null and b/layout/reftests/image/image-exif-90-deg-flip.jpg differ
diff --git a/layout/reftests/image/image-exif-90-deg.jpg b/layout/reftests/image/image-exif-90-deg.jpg
new file mode 100644
index 0000000000..249cfeab72
Binary files /dev/null and b/layout/reftests/image/image-exif-90-deg.jpg differ
diff --git a/layout/reftests/image/image-exif-none.jpg b/layout/reftests/image/image-exif-none.jpg
new file mode 100644
index 0000000000..78e3584eef
Binary files /dev/null and b/layout/reftests/image/image-exif-none.jpg differ
diff --git a/layout/reftests/image/image-in-iframe-1-ref.html b/layout/reftests/image/image-in-iframe-1-ref.html
new file mode 100644
index 0000000000..b1e54684cd
--- /dev/null
+++ b/layout/reftests/image/image-in-iframe-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<img src="blue-50x50.png">
diff --git a/layout/reftests/image/image-in-iframe-1.html b/layout/reftests/image/image-in-iframe-1.html
new file mode 100644
index 0000000000..c84789c869
--- /dev/null
+++ b/layout/reftests/image/image-in-iframe-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<style>
+  iframe {
+    border: none;
+    /* This fixed size is just so that we would cause overflow & trigger
+       scrollbars, if we were adding any margin to the internal document.
+       (We're not intending to do so...)  */
+    height: 51px;
+    width: 51px;
+  }
+</style>
+<iframe src="blue-50x50.png"></iframe>
diff --git a/layout/reftests/image/image-object-fit-dyn-1-ref.html b/layout/reftests/image/image-object-fit-dyn-1-ref.html
new file mode 100644
index 0000000000..497c70c883
--- /dev/null
+++ b/layout/reftests/image/image-object-fit-dyn-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      embed, img, object, video {
+        object-fit: cover;
+        background: red;
+        width: 50px;
+        height: 30px;
+      }
+    </style>
+  </head>
+  <body>
+    <embed src="500.svg">
+    <img src="500.svg">
+    <object data="500.svg"></object>
+    <video poster="500.svg"></video>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-fit-dyn-1.html b/layout/reftests/image/image-object-fit-dyn-1.html
new file mode 100644
index 0000000000..4d10a285ae
--- /dev/null
+++ b/layout/reftests/image/image-object-fit-dyn-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This testcase ensures that we repaint correctly when "object-fit" is
+     adjusted on a replaced element with SVG content.  We start with
+     "object-fit: contain", which lets some of the red background show through
+     as we fit the SVG's square aspect-ratio into the wide rectangular
+     container elements. We then change dynamically to "object-fit: cover",
+     which should scale our SVG content to cover each replaced element's
+     content-box. No red should ultimately be visible in the reftest snapshot.
+-->
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      embed, img, object, video {
+        object-fit: contain;
+        background: red;
+        width: 50px;
+        height: 30px;
+      }
+    </style>
+    <script>
+      function go() {
+        var elemsToTweak = ["embed", "img", "object", "video"];
+        elemsToTweak.forEach(tweakElemObjectFit);
+        document.documentElement.removeAttribute("class");
+      }
+      function tweakElemObjectFit(tagName) {
+        var elem = document.getElementsByTagName(tagName)[0];
+        elem.style.objectFit = "cover";
+      }
+      document.addEventListener("MozReftestInvalidate", go);
+    </script>
+  </head>
+  <body>
+    <embed src="500.svg">
+    <img src="500.svg">
+    <object data="500.svg"></object>
+    <video poster="500.svg"></video>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-fit-with-background-1-ref.html b/layout/reftests/image/image-object-fit-with-background-1-ref.html
new file mode 100644
index 0000000000..dc62869fdf
--- /dev/null
+++ b/layout/reftests/image/image-object-fit-with-background-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      .test {
+        background: salmon;
+        padding: 4px;
+        width: 32px;
+        height: 32px;
+        display: block;
+        margin-bottom: 2px;
+      }
+    </style>
+  </head>
+  <body>
+    <img    class="test"    src="blue-32x32.png">
+    <embed  class="test"    src="blue-32x32.png">
+    <object class="test"   data="blue-32x32.png"></object>
+    <video  class="test" poster="blue-32x32.png"></video>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-fit-with-background-1.html b/layout/reftests/image/image-object-fit-with-background-1.html
new file mode 100644
index 0000000000..e44e22e7bd
--- /dev/null
+++ b/layout/reftests/image/image-object-fit-with-background-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This testcase ensures that we paint the background around an opaque image,
+     when the image is kept from filling the container via 'object-fit'. This
+     is an interesting case because, by default, images fill their container,
+     which means we can often optimize away the background completely. BUT, if
+     "object-fit" prevents the image from filling its container, we can't
+     optimize away the background; it need to be painted in the uncovered area.
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      .test {
+        background: salmon;
+        object-fit: none;
+        width: 40px;
+        height: 40px;
+        display: block;
+        margin-bottom: 2px;
+      }
+    </style>
+  </head>
+  <body>
+    <img    class="test"    src="blue-32x32.png">
+    <embed  class="test"    src="blue-32x32.png">
+    <object class="test"   data="blue-32x32.png"></object>
+    <video  class="test" poster="blue-32x32.png"></video>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-fit-with-background-2-ref.html b/layout/reftests/image/image-object-fit-with-background-2-ref.html
new file mode 100644
index 0000000000..cccdaa3a7b
--- /dev/null
+++ b/layout/reftests/image/image-object-fit-with-background-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      .fakeBackground {
+        background: salmon;
+        height: 3in;
+        width: 32px;
+      }
+
+      img.test {
+        width: 32px;
+        height: 32px;
+        display: block; /* Required for fragmentation */
+      }
+    </style>
+  </head>
+  <body>
+    <div class="fakeBackground"></div>
+    <img class="test" src="blue-32x32.png">
+    <div class="fakeBackground"></div>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-fit-with-background-2.html b/layout/reftests/image/image-object-fit-with-background-2.html
new file mode 100644
index 0000000000..6f0219a289
--- /dev/null
+++ b/layout/reftests/image/image-object-fit-with-background-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This testcase ensures that we paint the background around an opaque image,
+     when the image is kept from filling the container via 'object-fit' (and
+     the img element is fragmented). This is an interesting case because, by
+     default, images fill their container, which means we can often optimize
+     away the background completely. BUT, if "object-fit" prevents the image
+     from filling its container, we can't optimize away the background; it need
+     to be painted in the uncovered area.
+-->
+<html class="reftest-paged">
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      img.test {
+        background: salmon;
+        object-fit: none;
+        width: 32px;
+        /* We make the height 6in larger than the image's intrinsic height,
+         * which gives us the following happy results:
+         *  (1) the <img> will split over several 3in tall reftest-paged cards
+         *      (so, we get to test fragmentation).
+         *  (2) the image pixels end up on the second fragment (not the first),
+         *      so we get to test image-data painting on later fragments.
+         *  (3) the reference case can easily match us using a simple img
+         *      with 3in-tall divs before & after it.
+         */
+        height: calc(32px + 6in);
+        display: block; /* Required for fragmentation */
+      }
+    </style>
+  </head>
+  <body>
+    <img class="test" src="blue-32x32.png">
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-position-dyn-1-ref.html b/layout/reftests/image/image-object-position-dyn-1-ref.html
new file mode 100644
index 0000000000..81c3fe6376
--- /dev/null
+++ b/layout/reftests/image/image-object-position-dyn-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      embed, img, object, video {
+        object-fit: fill;
+        object-position: 0 0;
+        background: red;
+        width: 50px;
+        height: 30px;
+      }
+    </style>
+  </head>
+  <body>
+    <embed src="500.svg">
+    <img src="500.svg">
+    <object data="500.svg"></object>
+    <video poster="500.svg"></video>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-position-dyn-1.html b/layout/reftests/image/image-object-position-dyn-1.html
new file mode 100644
index 0000000000..54341e4499
--- /dev/null
+++ b/layout/reftests/image/image-object-position-dyn-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This testcase ensures that we repaint correctly when "object-position" is
+     adjusted on a replaced element with SVG content.  We start with
+     "object-position: 10px 15px", which lets a strip of the red background
+     show through on the top and left edges. We then change dynamically to
+     "object-position: 0 0", which (given our "object-fit: fill" value) lets
+     the SVG image fill each replaced element without any uncovered edges.
+-->
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      embed, img, object, video {
+        object-fit: fill;
+        object-position: 10px 15px;
+        background: red;
+        width: 50px;
+        height: 30px;
+      }
+    </style>
+    <script>
+      function go() {
+        var elemsToTweak = ["embed", "img", "object", "video"];
+        elemsToTweak.forEach(tweakElemObjectFit);
+        document.documentElement.removeAttribute("class");
+      }
+      function tweakElemObjectFit(tagName) {
+        var elem = document.getElementsByTagName(tagName)[0];
+        elem.style.objectPosition = "0 0";
+      }
+      document.addEventListener("MozReftestInvalidate", go);
+    </script>
+  </head>
+  <body>
+    <embed src="500.svg">
+    <img src="500.svg">
+    <object data="500.svg"></object>
+    <video poster="500.svg"></video>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-position-with-background-1-ref.html b/layout/reftests/image/image-object-position-with-background-1-ref.html
new file mode 100644
index 0000000000..510e494051
--- /dev/null
+++ b/layout/reftests/image/image-object-position-with-background-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      .crop {
+        /* Wrapper-div to simulate the cropping that happens in
+           the testcase. (In the testcase, "object-position" pushes
+           the image's destination rect off towards the bottom-right,
+           and crops it to the content-box.) */
+        height: 32px;
+        width: 32px;
+        overflow: hidden;
+        margin-bottom: 2px;
+      }
+      .test {
+        background: salmon;
+        padding-top: 5px;
+        padding-left: 5px;
+        display: block;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="crop">
+      <img    class="test"    src="blue-32x32.png">
+    </div>
+    <div class="crop">
+      <embed  class="test"    src="blue-32x32.png">
+    </div>
+    <div class="crop">
+      <object class="test"   data="blue-32x32.png"></object>
+    </div>
+    <div class="crop">
+      <video  class="test" poster="blue-32x32.png"></video>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-position-with-background-1.html b/layout/reftests/image/image-object-position-with-background-1.html
new file mode 100644
index 0000000000..ae7a0a2916
--- /dev/null
+++ b/layout/reftests/image/image-object-position-with-background-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This testcase ensures that we paint the background around an opaque image,
+     when the image is offset from the container via 'object-position'. This is
+     an interesting case because, by default, images fill their container,
+     which means we can often optimize away the background completely. BUT, if
+     "object-position" offsets the image from its container's content-box, we
+     can't optimize away the background; it need to be painted in the uncovered
+     area.
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      .test {
+        background: salmon;
+        object-position: 5px 5px;
+        width: 32px;
+        height: 32px;
+        display: block;
+        margin-bottom: 2px;
+      }
+    </style>
+  </head>
+  <body>
+    <img    class="test"    src="blue-32x32.png">
+    <embed  class="test"    src="blue-32x32.png">
+    <object class="test"   data="blue-32x32.png"></object>
+    <video  class="test" poster="blue-32x32.png"></video>
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-position-with-background-2-ref.html b/layout/reftests/image/image-object-position-with-background-2-ref.html
new file mode 100644
index 0000000000..5088e21a1b
--- /dev/null
+++ b/layout/reftests/image/image-object-position-with-background-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      img.test {
+        background: salmon;
+        padding-left: 10px;
+        padding-top: 20px;
+        width: 22px;
+        height: calc(5in - 20px);
+        display: block; /* Required for fragmentation */
+      }
+    </style>
+  </head>
+  <body>
+    <img class="test" src="blue-32x32.png">
+  </body>
+</html>
diff --git a/layout/reftests/image/image-object-position-with-background-2.html b/layout/reftests/image/image-object-position-with-background-2.html
new file mode 100644
index 0000000000..72c81076d6
--- /dev/null
+++ b/layout/reftests/image/image-object-position-with-background-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This testcase ensures that we paint the background around an opaque image,
+     when the image is offset from the container via 'object-position' (and
+     the img element is fragmented). This is an interesting case because, by
+     default, images fill their container, which means we can often optimize
+     away the background completely. BUT, if "object-position" offsets the
+     image from its container's content-box, we can't optimize away the
+     background; it need to be painted in the uncovered area.
+-->
+<html class="reftest-paged">
+  <head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      img.test {
+        background: salmon;
+        object-position: 10px 20px;
+        width: 32px;
+        height: 5in;
+        display: block; /* Required for fragmentation */
+      }
+    </style>
+  </head>
+  <body>
+    <img class="test" src="blue-32x32.png">
+  </body>
+</html>
diff --git a/layout/reftests/image/image-orientation-background.html b/layout/reftests/image/image-orientation-background.html
new file mode 100644
index 0000000000..0d1a193358
--- /dev/null
+++ b/layout/reftests/image/image-orientation-background.html
@@ -0,0 +1,43 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    div {
+      width:   100px;
+      height:  200px;
+      border:  50px solid black;
+      margin:  50px;
+      padding: 50px;
+
+      /* This is deliberately an image with a non-neutral inherent orientation to */
+      /* ensure that the inherent orientation is irrelevant. */
+      background-image:    url(image-exif-90-deg-flip.jpg);
+      background-position: center;
+      background-repeat:   no-repeat;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+
+  <script>
+    var fromImage = location.search == "from-image";
+
+    // Construct a style.
+    var style;
+    if (fromImage) {
+      style = "div { image-orientation: from-image; }\n";
+    } else {
+      style = "div { image-orientation: none; }\n";
+    }
+
+    // Apply the style to the document.
+    var sheet = document.createElement('style');
+    sheet.innerHTML = style;
+    document.body.appendChild(sheet);
+  </script>
+</body>
diff --git a/layout/reftests/image/image-orientation-dynamic-ref.html b/layout/reftests/image/image-orientation-dynamic-ref.html
new file mode 100644
index 0000000000..8a2cd4c9bd
--- /dev/null
+++ b/layout/reftests/image/image-orientation-dynamic-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    table {
+      border-spacing: 0px;
+    }
+    div {
+      width: 100px; height: 200px;
+    }
+    td {
+      width: 50px; height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <table>
+      <tr>
+        <td style="background-color: rgb(254, 0, 122);"></td>
+        <td style="background-color: rgb(191, 0, 93);"></td>
+      </tr>
+      <tr>
+        <td style="background-color: rgb(0, 255, 1);"></td>
+        <td style="background-color: rgb(0, 191, 0);"></td>
+      </tr>
+    </table>
+  </div>
+</body>
diff --git a/layout/reftests/image/image-orientation-dynamic.html b/layout/reftests/image/image-orientation-dynamic.html
new file mode 100644
index 0000000000..a636b98f43
--- /dev/null
+++ b/layout/reftests/image/image-orientation-dynamic.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+  </style>
+  <img src="image-exif-180-deg.jpg">
+  <script>
+    document.addEventListener("MozReftestInvalidate", function() {
+      document.querySelector("img").style.imageOrientation = "from-image";
+      document.documentElement.className = "";
+    });
+  </script>
+</html>
diff --git a/layout/reftests/image/image-orientation-explicit-none.html b/layout/reftests/image/image-orientation-explicit-none.html
new file mode 100644
index 0000000000..5fad591ca3
--- /dev/null
+++ b/layout/reftests/image/image-orientation-explicit-none.html
@@ -0,0 +1,21 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    img {
+      border:  50px solid black;
+      margin:  50px;
+      padding: 50px;
+      image-orientation: none;
+    }
+  </style>
+</head>
+<body>
+  <!-- This is deliberately an image with a non-neutral inherent orientation to
+       ensure that the inherent orientation is irrelevant. -->
+  <img src="image-exif-90-deg-flip.jpg">
+</body>
diff --git a/layout/reftests/image/image-orientation-from-image.html b/layout/reftests/image/image-orientation-from-image.html
new file mode 100644
index 0000000000..ec46986569
--- /dev/null
+++ b/layout/reftests/image/image-orientation-from-image.html
@@ -0,0 +1,40 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    img {
+      image-orientation: from-image;
+      border:  50px solid black;
+      margin:  50px;
+      padding: 50px;
+    }
+  </style>
+</head>
+<body>
+  <img id="image">
+
+  <script>
+    var orientationInfo = location.search.substring(1).split("&");
+    var angle = orientationInfo[0];
+    var flip = orientationInfo[1] == "flip" ? true : false;
+
+    // Determine the final image file. 'none' is special-cased since its
+    // filename doesn't quite follow the same pattern as the others.
+    var imageFile;
+    if (angle == "none") {
+      imageFile = "image-exif-none.jpg";
+    } else {
+      var imageFile = "image-exif-"
+                    + angle
+                    + "-deg"
+                    + (flip ? "-flip" : "")
+                    + ".jpg";
+    }
+
+    document.getElementById('image').src = imageFile;
+  </script>
+</body>
diff --git a/layout/reftests/image/image-orientation-generated-content-ref.html b/layout/reftests/image/image-orientation-generated-content-ref.html
new file mode 100644
index 0000000000..4a1969360c
--- /dev/null
+++ b/layout/reftests/image/image-orientation-generated-content-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    table {
+      border-spacing: 0px;
+    }
+    div {
+      width: 200px; height: 100px;
+    }
+    td {
+      width: 100px; height: 50px;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <table>
+      <tr>
+        <td style="background-color: rgb(254, 0, 122);"></td>
+        <td style="background-color: rgb(0, 255, 1);"></td>
+      </tr>
+      <tr>
+        <td style="background-color: rgb(191, 0, 93);"></td>
+        <td style="background-color: rgb(0, 191, 0);"></td>
+      </tr>
+    </table>
+  </div>
+</body>
diff --git a/layout/reftests/image/image-orientation-generated-content.html b/layout/reftests/image/image-orientation-generated-content.html
new file mode 100644
index 0000000000..ebf4b09d88
--- /dev/null
+++ b/layout/reftests/image/image-orientation-generated-content.html
@@ -0,0 +1,19 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    p {
+      image-orientation: from-image;
+    }
+    p:before {
+      content: url(image-exif-270-deg-flip.jpg);
+    }
+  </style>
+</head>
+<body>
+  <p></p>
+</body>
diff --git a/layout/reftests/image/image-orientation-ref.html b/layout/reftests/image/image-orientation-ref.html
new file mode 100644
index 0000000000..598f3761b4
--- /dev/null
+++ b/layout/reftests/image/image-orientation-ref.html
@@ -0,0 +1,80 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    div {
+      border:  50px solid black;
+      margin:  50px;
+      padding: 50px;
+    }
+    table {
+      border-spacing: 0px;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <table>
+      <tr>
+        <td id="ul"></td>
+        <td id="ur"></td>
+      </tr>
+      <tr>
+        <td id="ll"></td>
+        <td id="lr"></td>
+      </tr>
+    </table>
+  </div>
+
+  <script>
+    var orientationInfo = location.search.substring(1).split("&");
+    var angle = parseInt(orientationInfo[0]);
+    var flip = orientationInfo[1] == "flip" ? true : false;
+
+    // Each id corresponds to a color.
+    var ids = ["ul", "ur", "lr", "ll"];
+    var colors = [
+      "rgb(0, 191, 0)",
+      "rgb(0, 255, 1)",
+      "rgb(254, 0, 122)",
+      "rgb(191, 0, 93)",
+    ];
+
+    // 'Rotate' the colors according to the angle.
+    colors.unshift.apply(colors, colors.splice((360 - angle) / 90, colors.length));
+
+    // 'Flip' the colors if requested.
+    if (flip) {
+        var tmp = colors[0];
+        colors[0] = colors[1];
+        colors[1] = tmp;
+        tmp = colors[2];
+        colors[2] = colors[3];
+        colors[3] = tmp;
+    }
+
+    // Construct a style.
+    var style = "";
+
+    if (angle == 90 || angle == 270) {
+      style += "div { width: 200px; height: 100px; }\n";
+      style += "td { width: 100px; height: 50px; }\n";
+    } else {
+      style += "div { width: 100px; height: 200px; }\n";
+      style += "td { width: 50px; height: 100px; }\n";
+    }
+
+    for (var i = 0 ; i < 4 ; ++i) {
+      style += "#" + ids[i] + " { background-color: " + colors[i] + "; }\n";
+    }
+
+    // Apply the style to the document.
+    var sheet = document.createElement('style');
+    sheet.innerHTML = style;
+    document.body.appendChild(sheet);
+  </script>
+</body>
diff --git a/layout/reftests/image/image-resize-percent-height.html b/layout/reftests/image/image-resize-percent-height.html
new file mode 100644
index 0000000000..4365164c52
--- /dev/null
+++ b/layout/reftests/image/image-resize-percent-height.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script>
+function run() {
+  var img = document.getElementsByTagName("img")[0];
+  img.offsetWidth; // flush layout
+  img.onload = imgload;
+  img.src = "blue-50x50.png";
+}
+function imgload() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+</script>
+<body onload="run()">
+<div><img src="blue-50x100.png" style="width: 50px; height: 100%"></div>
diff --git a/layout/reftests/image/image-resize-percent-width.html b/layout/reftests/image/image-resize-percent-width.html
new file mode 100644
index 0000000000..edbed2623b
--- /dev/null
+++ b/layout/reftests/image/image-resize-percent-width.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script>
+function run() {
+  var img = document.getElementsByTagName("img")[0];
+  img.offsetWidth; // flush layout
+  img.onload = imgload;
+  img.src = "blue-50x50.png";
+}
+function imgload() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+</script>
+<body onload="run()">
+<div style="width: max-content"><img src="blue-100x50.png" style="width: 100%; height: 50px"></div>
diff --git a/layout/reftests/image/image-resize-ref.html b/layout/reftests/image/image-resize-ref.html
new file mode 100644
index 0000000000..c51f11f91b
--- /dev/null
+++ b/layout/reftests/image/image-resize-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<body>
+<div><img src="blue-50x50.png"></div>
diff --git a/layout/reftests/image/image-seam-1-ref.html b/layout/reftests/image/image-seam-1-ref.html
new file mode 100644
index 0000000000..5253219238
--- /dev/null
+++ b/layout/reftests/image/image-seam-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color:black;
+}
+div {
+  transform: scale(0.3);
+  transform-origin: 0 0;
+  width: 512px;
+  height: 256px;
+  background: white;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/image/image-seam-1a.html b/layout/reftests/image/image-seam-1a.html
new file mode 100644
index 0000000000..511ce5bbdd
--- /dev/null
+++ b/layout/reftests/image/image-seam-1a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color:black;
+}
+div {
+  transform: scale(0.3);
+  transform-origin: 0 0;
+}
+</style>
+<div>
+<!-- Test that drawing of (scaled) single pixel images is snapped -->
+<img style="width:256px; height:256px"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+P//PwAF/gL+3MxZ5wAAAABJRU5ErkJggg=="
+><img style="width:256px; height:256px"
+  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+P//PwAF/gL+3MxZ5wAAAABJRU5ErkJggg==">
+</div>
diff --git a/layout/reftests/image/image-seam-1b.html b/layout/reftests/image/image-seam-1b.html
new file mode 100644
index 0000000000..8f03ac0e1a
--- /dev/null
+++ b/layout/reftests/image/image-seam-1b.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color:black;
+}
+div {
+  transform: scale(0.3);
+  transform-origin: 0 0;
+}
+</style>
+<div>
+<!-- Test that drawing of a 20x20 image with all pixels the same color is snapped -->
+<img style="width:256px; height:256px"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAG0lEQVQ4jWP4T2XAMGrgqIGjBo4aOGrgSDUQAOdROhuRCSeMAAAAAElFTkSuQmCC"
+><img style="width:256px; height:256px"
+  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAG0lEQVQ4jWP4T2XAMGrgqIGjBo4aOGrgSDUQAOdROhuRCSeMAAAAAElFTkSuQmCC">
+</div>
diff --git a/layout/reftests/image/image-seam-2-ref.html b/layout/reftests/image/image-seam-2-ref.html
new file mode 100644
index 0000000000..d49b9c9cfc
--- /dev/null
+++ b/layout/reftests/image/image-seam-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color:black;
+}
+div {
+  transform: scale(0.3);
+  transform-origin: 0 0;
+}
+</style>
+<div>
+<img style="width:412px; height:256px"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAADklEQVQImWP4jwYY0AEAlpkP8c9bnjkAAAAASUVORK5CYII="
+><img style="width:100px; height:256px"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAADklEQVQImWP4jwYY0AEAlpkP8c9bnjkAAAAASUVORK5CYII="
+>
+</div>
diff --git a/layout/reftests/image/image-seam-2.html b/layout/reftests/image/image-seam-2.html
new file mode 100644
index 0000000000..8a45e0e5d6
--- /dev/null
+++ b/layout/reftests/image/image-seam-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<style>
+body {
+  background-color:black;
+}
+div {
+  transform: scale(0.3);
+  transform-origin: 0 0;
+}
+</style>
+<div>
+<!-- Test that drawing of nonuniform images is snapped -->
+<!-- This is a 2x2 image where the top row is white and the bottom row is transpraent -->
+<img style="width:256px; height:256px"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII="
+><img style="width:256px; height:256px"
+  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+</div>
diff --git a/layout/reftests/image/image-srcset-basic-selection-0.1x-ref.html b/layout/reftests/image/image-srcset-basic-selection-0.1x-ref.html
new file mode 100644
index 0000000000..6110dace27
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-0.1x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.1">
+<head>
+
+</head>
+<body>
+  <img src="50.png" width="100">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-0.1x.html b/layout/reftests/image/image-srcset-basic-selection-0.1x.html
new file mode 100644
index 0000000000..784c142559
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-0.1x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.1" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-0.5x-ref.html b/layout/reftests/image/image-srcset-basic-selection-0.5x-ref.html
new file mode 100644
index 0000000000..e297d1be21
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-0.5x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.5">
+<head>
+
+</head>
+<body>
+  <img src="50.png" width="100">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-0.5x.html b/layout/reftests/image/image-srcset-basic-selection-0.5x.html
new file mode 100644
index 0000000000..6268b6783b
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-0.5x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.5" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-0.6x-ref.html b/layout/reftests/image/image-srcset-basic-selection-0.6x-ref.html
new file mode 100644
index 0000000000..eaed1e41b9
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-0.6x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.6">
+<head>
+
+</head>
+<body>
+  <img src="100.png" width="100">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-0.6x.html b/layout/reftests/image/image-srcset-basic-selection-0.6x.html
new file mode 100644
index 0000000000..2bb6105708
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-0.6x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.6" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-1.5x-ref.html b/layout/reftests/image/image-srcset-basic-selection-1.5x-ref.html
new file mode 100644
index 0000000000..d17550ec3f
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-1.5x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1.5">
+<head>
+
+</head>
+<body>
+  <img src="200.png" width="100">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-1.5x.html b/layout/reftests/image/image-srcset-basic-selection-1.5x.html
new file mode 100644
index 0000000000..8a119d09b8
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-1.5x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1.5" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-1x-ref.html b/layout/reftests/image/image-srcset-basic-selection-1x-ref.html
new file mode 100644
index 0000000000..838c06f743
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-1x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1">
+<head>
+
+</head>
+<body>
+  <img src="100.png" width="100">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-1x.html b/layout/reftests/image/image-srcset-basic-selection-1x.html
new file mode 100644
index 0000000000..7ca617b3af
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-1x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-2x-ref.html b/layout/reftests/image/image-srcset-basic-selection-2x-ref.html
new file mode 100644
index 0000000000..aaaac0bde9
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-2x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+
+</head>
+<body>
+  <img src="200.png" width="100">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-2x.html b/layout/reftests/image/image-srcset-basic-selection-2x.html
new file mode 100644
index 0000000000..b03ac55969
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-2x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
+  <p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-0.5x-ref.html b/layout/reftests/image/image-srcset-basic-selection-width-0.5x-ref.html
new file mode 100644
index 0000000000..05ee254151
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-0.5x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.5">
+<head>
+    <style>img { width: 50px; }</style>
+</head>
+<body>
+  <img src="50.png" width="50">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-0.5x.html b/layout/reftests/image/image-srcset-basic-selection-width-0.5x.html
new file mode 100644
index 0000000000..fc811c2cfc
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-0.5x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="0.5" class="reftest-wait">
+<head>
+    <style>img { width: 50px; }</style>
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-10x-ref.html b/layout/reftests/image/image-srcset-basic-selection-width-10x-ref.html
new file mode 100644
index 0000000000..2dcbb8d20f
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-10x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="10">
+<head>
+    <style>img { width: 50px; }</style>
+</head>
+<body>
+  <img src="300.png" width="50">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-10x.html b/layout/reftests/image/image-srcset-basic-selection-width-10x.html
new file mode 100644
index 0000000000..4ec1264a48
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-10x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="10" class="reftest-wait">
+<head>
+    <style>img { width: 50px; }</style>
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-1x-ref.html b/layout/reftests/image/image-srcset-basic-selection-width-1x-ref.html
new file mode 100644
index 0000000000..b5e1718976
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-1x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1">
+<head>
+    <style>img { width: 50px; }</style>
+</head>
+<body>
+  <img src="100.png" width="50">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-1x.html b/layout/reftests/image/image-srcset-basic-selection-width-1x.html
new file mode 100644
index 0000000000..e4d45c887b
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-1x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1" class="reftest-wait">
+<head>
+    <style>img { width: 50px; }</style>
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-2x-ref.html b/layout/reftests/image/image-srcset-basic-selection-width-2x-ref.html
new file mode 100644
index 0000000000..041b493d3e
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-2x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+    <style>img { width: 50px; }</style>
+</head>
+<body>
+  <img src="200.png" width="50">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-basic-selection-width-2x.html b/layout/reftests/image/image-srcset-basic-selection-width-2x.html
new file mode 100644
index 0000000000..c4f86a18a8
--- /dev/null
+++ b/layout/reftests/image/image-srcset-basic-selection-width-2x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2" class="reftest-wait">
+<head>
+    <style>img { width: 50px; }</style>
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
+  <p>Ensure that width is honored and does not affect selection process</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-1x-ref.html b/layout/reftests/image/image-srcset-default-1x-ref.html
new file mode 100644
index 0000000000..9e077b78af
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-1x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1">
+<head>
+
+</head>
+<body>
+  <img src="100.png" width="100">
+  <p>Test default source in sourceset, src should be ignored</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-1x.html b/layout/reftests/image/image-srcset-default-1x.html
new file mode 100644
index 0000000000..9cb108ccc0
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-1x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="200.png 2x, 100.png" src="50.png">
+  <p>Test default source in sourceset, src should be ignored</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-2x-ref.html b/layout/reftests/image/image-srcset-default-2x-ref.html
new file mode 100644
index 0000000000..a6e264563d
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-2x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+
+</head>
+<body>
+  <img src="200.png" width="100">
+  <p>Test default source in sourceset, src should be ignored</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-2x.html b/layout/reftests/image/image-srcset-default-2x.html
new file mode 100644
index 0000000000..b53d099cc8
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-2x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="200.png 2x, 100.png" src="50.png">
+  <p>Test default source in sourceset, src should be ignored</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-src-1x-ref.html b/layout/reftests/image/image-srcset-default-src-1x-ref.html
new file mode 100644
index 0000000000..e87c72953c
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-src-1x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1">
+<head>
+
+</head>
+<body>
+  <img src="50.png" width="50">
+  <p>Test default source provided in src, with no default/1x in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-src-1x.html b/layout/reftests/image/image-srcset-default-src-1x.html
new file mode 100644
index 0000000000..247ce733d0
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-src-1x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="200.png 2x" src="50.png">
+  <p>Test default source provided in src, with no default/1x in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-src-2x-ref.html b/layout/reftests/image/image-srcset-default-src-2x-ref.html
new file mode 100644
index 0000000000..0128d05dd0
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-src-2x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+
+</head>
+<body>
+  <img src="200.png" width="100">
+  <p>Test default source provided in src, with no default/1x in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-default-src-2x.html b/layout/reftests/image/image-srcset-default-src-2x.html
new file mode 100644
index 0000000000..ec92de752e
--- /dev/null
+++ b/layout/reftests/image/image-srcset-default-src-2x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="200.png 2x" src="50.png">
+  <p>Test default source provided in src, with no default/1x in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-isize-ref.html b/layout/reftests/image/image-srcset-isize-ref.html
new file mode 100644
index 0000000000..8dd146f480
--- /dev/null
+++ b/layout/reftests/image/image-srcset-isize-ref.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html reftest-zoom="2">
+<title>CSS Test Reference</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<style>
+.image-container {
+  display: inline;
+}
+.content-container {
+  display: inline-block;
+}
+.flex-container {
+  align-items: center;
+  display: flex;
+}
+</style>
+<div class="flex-container">
+  <div class="image-container">
+    <img src="200.png" width="100">
+  </div>
+  <div class="content-container">
+    Should see me right by the side of the image.
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/image/image-srcset-isize.html b/layout/reftests/image/image-srcset-isize.html
new file mode 100644
index 0000000000..2189c2bee9
--- /dev/null
+++ b/layout/reftests/image/image-srcset-isize.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<html reftest-zoom="2" class="reftest-wait">
+<title>CSS Test: srcset intrinsic size isn't confused</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1149357">
+<style>
+.image-container {
+  display: inline;
+}
+.content-container {
+  display: inline-block;
+}
+.flex-container {
+  align-items: center;
+  display: flex;
+}
+</style>
+<script>
+  // reftest-zoom is only applied at onload, so ensure the source-selection
+  // has happened after that
+  function clearWait() {
+    document.documentElement.classList.remove("reftest-wait");
+  }
+  window.addEventListener("load", function() {
+    setTimeout(function() {
+      var img = document.querySelector("img");
+      img.onload = clearWait;
+      img.onerror = clearWait;
+      img.src = img.src;
+    }, 0);
+  });
+</script>
+<div class="flex-container">
+  <div class="image-container">
+    <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
+  </div>
+  <div class="content-container">
+    Should see me right by the side of the image.
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-1x-ref.html b/layout/reftests/image/image-srcset-svg-1x-ref.html
new file mode 100644
index 0000000000..d696bba0a9
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-1x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1">
+<head>
+
+</head>
+<body>
+  <img src="50.png" width="50">
+  <p>Test that svgs work as expected in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-1x.html b/layout/reftests/image/image-srcset-svg-1x.html
new file mode 100644
index 0000000000..3e84709267
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-1x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="500.svg 2x, no-intrinsic-size.svg 3x" src="50.png">
+  <p>Test that svgs work as expected in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-2x-ref.html b/layout/reftests/image/image-srcset-svg-2x-ref.html
new file mode 100644
index 0000000000..95bd377f5a
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-2x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+
+</head>
+<body>
+  <img src="500.svg" width="250">
+  <p>Test that svgs work as expected in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-2x.html b/layout/reftests/image/image-srcset-svg-2x.html
new file mode 100644
index 0000000000..1c90fd4a22
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-2x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="500.svg 2x, no-intrinsic-size.svg 3x" src="50.png">
+  <p>Test that svgs work as expected in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-3x-ref.html b/layout/reftests/image/image-srcset-svg-3x-ref.html
new file mode 100644
index 0000000000..c0e3487fc6
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-3x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="3">
+<head>
+
+</head>
+<body>
+  <img src="no-intrinsic-size.svg">
+  <p>Test that svgs work as expected in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-3x.html b/layout/reftests/image/image-srcset-svg-3x.html
new file mode 100644
index 0000000000..531c17991c
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-3x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="3" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="500.svg 2x, no-intrinsic-size.svg 3x" src="50.png">
+  <p>Test that svgs work as expected in srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-default-1x-ref.html b/layout/reftests/image/image-srcset-svg-default-1x-ref.html
new file mode 100644
index 0000000000..b4857f6fc1
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-default-1x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1">
+<head>
+
+</head>
+<body>
+  <img src="no-intrinsic-size.svg">
+  <p>Test that svgs work as expected as the fallback from a srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-default-1x.html b/layout/reftests/image/image-srcset-svg-default-1x.html
new file mode 100644
index 0000000000..3b79ce37fa
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-default-1x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="1" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="200.png 2x" src="no-intrinsic-size.svg">
+  <p>Test that svgs work as expected as the fallback from a srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-default-2x-ref.html b/layout/reftests/image/image-srcset-svg-default-2x-ref.html
new file mode 100644
index 0000000000..2ee1007427
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-default-2x-ref.html
@@ -0,0 +1,11 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2">
+<head>
+
+</head>
+<body>
+  <img src="200.png" width="100">
+  <p>Test that svgs work as expected as the fallback from a srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-srcset-svg-default-2x.html b/layout/reftests/image/image-srcset-svg-default-2x.html
new file mode 100644
index 0000000000..ea13f13f8c
--- /dev/null
+++ b/layout/reftests/image/image-srcset-svg-default-2x.html
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>
+<html reftest-zoom="2" class="reftest-wait">
+<head>
+
+    <script type="application/javascript">
+    // reftest-zoom is only applied at onload, so ensure the source-selection
+    // has happened after that
+    function clearWait() {
+      document.documentElement.classList.remove("reftest-wait");
+    }
+    window.addEventListener("load", function() {
+      setTimeout(function() {
+        var img = document.querySelector("img");
+        img.onload = clearWait;
+        img.onerror = clearWait;
+        img.src = img.src;
+      }, 0);
+    });
+  </script>
+</head>
+<body>
+  <img srcset="200.png 2x" src="no-intrinsic-size.svg">
+  <p>Test that svgs work as expected as the fallback from a srcset</p>
+</body>
+</html>
diff --git a/layout/reftests/image/image-zoom-1-ref.html b/layout/reftests/image/image-zoom-1-ref.html
new file mode 100644
index 0000000000..58bd5b8c69
--- /dev/null
+++ b/layout/reftests/image/image-zoom-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+    -->
+<html>
+<head>
+<title>reference image-rendering: -moz-crisp-edges</title>
+<style>
+img { position:absolute;left:20px;top:20px; }
+</style>
+</head>
+<body>
+<img width="10" height="10" src="big.png"/>
+</body>
+</html>
diff --git a/layout/reftests/image/image-zoom-1.html b/layout/reftests/image/image-zoom-1.html
new file mode 100644
index 0000000000..fa4a791391
--- /dev/null
+++ b/layout/reftests/image/image-zoom-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+    -->
+<html reftest-zoom="5">
+<head>
+<title>test image-rendering: -moz-crisp-edges</title>
+<style>
+img { position:absolute;left:4px;top:4px; }
+</style>
+</head>
+<body>
+<img style="image-rendering: -moz-crisp-edges;" width="10" height="10" src="small.png"/>
+</body>
+</html>
diff --git a/layout/reftests/image/image-zoom-2.html b/layout/reftests/image/image-zoom-2.html
new file mode 100644
index 0000000000..d058dc81f6
--- /dev/null
+++ b/layout/reftests/image/image-zoom-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+    -->
+<html reftest-zoom="5">
+<head>
+<title>test image-rendering: -moz-crisp-edges</title>
+<style>
+img { position:absolute;left:4px;top:4px; opacity:0.9999; }
+</style>
+</head>
+<body>
+<img style="image-rendering: -moz-crisp-edges;" width="10" height="10" src="small.png"/>
+</body>
+</html>
diff --git a/layout/reftests/image/img-invalidation-local-transform-1-ref.html b/layout/reftests/image/img-invalidation-local-transform-1-ref.html
new file mode 100644
index 0000000000..75cb2b6cb8
--- /dev/null
+++ b/layout/reftests/image/img-invalidation-local-transform-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+</style>
+</head>
+<body>
+<div style="width: 450px">
+<img src="img-invalidation-local-transform-1-ref.png">
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/image/img-invalidation-local-transform-1-ref.png b/layout/reftests/image/img-invalidation-local-transform-1-ref.png
new file mode 100644
index 0000000000..1835692bcd
Binary files /dev/null and b/layout/reftests/image/img-invalidation-local-transform-1-ref.png differ
diff --git a/layout/reftests/image/img-invalidation-local-transform-1.html b/layout/reftests/image/img-invalidation-local-transform-1.html
new file mode 100644
index 0000000000..9bc45ad759
--- /dev/null
+++ b/layout/reftests/image/img-invalidation-local-transform-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!-- test for bug 1469000 https://bugzilla.mozilla.org/show_bug.cgi?id=1469000 -->
+<!-- this based on image/*/delaytest.html tests -->
+<head>
+<style>
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+</style>
+</head>
+<body>
+<div style="width: 450px">
+<img id="image1" src="img-invalidation-local-transform-1.png" srcset="img-invalidation-local-transform-1.png 400w, img-invalidation-local-transform-1.png 217w, img-invalidation-local-transform-1.png 100w">
+</div>
+
+
+<script>
+window.addEventListener("load", forceDecode);
+window.addEventListener("MozReftestInvalidate", reftestInvalidateListener);
+
+let decodeComplete = false;
+let gotReftestInvalidate = false;
+
+function forceDecode() {
+  let img = document.getElementById("image1");
+  img.decode().then(function() {
+    decodeComplete = true;
+    maybeStartTimer();
+  });
+}
+
+function reftestInvalidateListener() {
+  gotReftestInvalidate = true;
+  maybeStartTimer();
+}
+
+function maybeStartTimer() {
+  if (decodeComplete && gotReftestInvalidate) {
+    startTimer();
+  }
+}
+
+function startTimer() {
+  const delay = 2000;
+  setTimeout("document.documentElement.className = '';", delay);
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/image/img-invalidation-local-transform-1.png b/layout/reftests/image/img-invalidation-local-transform-1.png
new file mode 100644
index 0000000000..778613d851
Binary files /dev/null and b/layout/reftests/image/img-invalidation-local-transform-1.png differ
diff --git a/layout/reftests/image/invalid-url-image-1-ref.html b/layout/reftests/image/invalid-url-image-1-ref.html
new file mode 100644
index 0000000000..737210be8e
--- /dev/null
+++ b/layout/reftests/image/invalid-url-image-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <img>
+    <input type="image">
+  </body>
+</html>
diff --git a/layout/reftests/image/invalid-url-image-1.html b/layout/reftests/image/invalid-url-image-1.html
new file mode 100644
index 0000000000..85fad81e4b
--- /dev/null
+++ b/layout/reftests/image/invalid-url-image-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <img src="http://www.foo  oo.com" alt="">
+    <input type="image" src="http://www.foo  oo.com">
+  </body>
+</html>
diff --git a/layout/reftests/image/moz-broken-matching-1-ref.html b/layout/reftests/image/moz-broken-matching-1-ref.html
new file mode 100644
index 0000000000..94bb5e4962
--- /dev/null
+++ b/layout/reftests/image/moz-broken-matching-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  img {
+    border: 10px solid green;
+  }
+</style>
+<img src="nosuch:url">
diff --git a/layout/reftests/image/moz-broken-matching-1.html b/layout/reftests/image/moz-broken-matching-1.html
new file mode 100644
index 0000000000..eb63194e14
--- /dev/null
+++ b/layout/reftests/image/moz-broken-matching-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+  :-moz-broken {
+    border: 10px solid green;
+  }
+</style>
+<img src="nosuch:url">
diff --git a/layout/reftests/image/moz-broken-matching-lazy-load.html b/layout/reftests/image/moz-broken-matching-lazy-load.html
new file mode 100644
index 0000000000..696560ac5c
--- /dev/null
+++ b/layout/reftests/image/moz-broken-matching-lazy-load.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+  :-moz-broken {
+    border: 10px solid green;
+  }
+</style>
+<!--
+  We need to wait for an error event since we consider lazy load images are NOT
+  broken initially until loaded.
+-->
+<img loading="lazy" src="nosuch:url" onerror="document.documentElement.className=''">
+</html>
diff --git a/layout/reftests/image/nearly-white.png b/layout/reftests/image/nearly-white.png
new file mode 100644
index 0000000000..128d151100
Binary files /dev/null and b/layout/reftests/image/nearly-white.png differ
diff --git a/layout/reftests/image/no-intrinsic-size.svg b/layout/reftests/image/no-intrinsic-size.svg
new file mode 100644
index 0000000000..7024583524
--- /dev/null
+++ b/layout/reftests/image/no-intrinsic-size.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Simple SVG with no intrinsic size</title>
+  <rect x1="0" y1="0" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/image/reftest.list b/layout/reftests/image/reftest.list
new file mode 100644
index 0000000000..ad07b512fe
--- /dev/null
+++ b/layout/reftests/image/reftest.list
@@ -0,0 +1,73 @@
+fuzzy-if(Android,0-8,0-30) fails-if(useDrawSnapshot) == background-image-zoom-1.html background-image-zoom-1-ref.html
+fails-if(usesRepeatResampling&&!winWidget) fails-if(useDrawSnapshot) == background-image-zoom-2.html about:blank
+== image-in-iframe-1.html image-in-iframe-1-ref.html
+== image-seam-1a.html image-seam-1-ref.html
+== image-seam-1b.html image-seam-1-ref.html
+fuzzy-if(Android,0-255,0-154) == image-seam-2.html  image-seam-2-ref.html  # Bug 1128229
+fails-if(useDrawSnapshot) == image-zoom-1.html image-zoom-1-ref.html
+fails-if(useDrawSnapshot) == image-zoom-2.html image-zoom-1-ref.html
+== invalid-url-image-1.html invalid-url-image-1-ref.html
+== sync-image-switch-1a.html sync-image-switch-1-ref.html
+== sync-image-switch-1b.html sync-image-switch-1-ref.html
+== sync-image-switch-1c.html sync-image-switch-1-ref.html
+== sync-image-switch-1d.html sync-image-switch-1-ref.html
+
+# Tests for "object-fit" & "object-position"
+== image-object-fit-dyn-1.html image-object-fit-dyn-1-ref.html
+== image-object-fit-with-background-1.html image-object-fit-with-background-1-ref.html
+fuzzy-if(swgl&&cocoaWidget,0-1,0-2) == image-object-fit-with-background-2.html image-object-fit-with-background-2-ref.html
+== image-object-position-dyn-1.html image-object-position-dyn-1-ref.html
+== image-object-position-with-background-1.html image-object-position-with-background-1-ref.html
+fuzzy-if(winWidget,0-117,0-374) fuzzy-if(cocoaWidget&&swgl,0-1,0-3) == image-object-position-with-background-2.html image-object-position-with-background-2-ref.html  # Bug 1128229
+
+# Tests for image-orientation used with 'from-image' (note that all
+# image-orientation tests are fuzzy because the JPEG images do not perfectly
+# reproduce blocks of solid color, even at maximum quality):
+fuzzy(0-2,0-5) == image-orientation-from-image.html?none     image-orientation-ref.html?0
+fuzzy(0-1,0-1) == image-orientation-from-image.html?0        image-orientation-ref.html?0
+fuzzy(0-1,0-1) == image-orientation-from-image.html?90       image-orientation-ref.html?90
+fuzzy(0-1,0-1) == image-orientation-from-image.html?180      image-orientation-ref.html?180
+fuzzy(0-1,0-1) == image-orientation-from-image.html?270      image-orientation-ref.html?270
+fuzzy(0-1,0-1) == image-orientation-from-image.html?0&flip   image-orientation-ref.html?0&flip
+fuzzy(0-1,0-1) == image-orientation-from-image.html?90&flip  image-orientation-ref.html?90&flip
+fuzzy(0-1,0-1) == image-orientation-from-image.html?180&flip image-orientation-ref.html?180&flip
+fuzzy(0-1,0-1) == image-orientation-from-image.html?270&flip image-orientation-ref.html?270&flip
+
+# Tests for image-orientation used with an explicit 'none' orientation:
+fuzzy(0-1,0-1) == image-orientation-explicit-none.html image-orientation-ref.html?0
+
+# Tests for image-orientation:from-image used on generated content:
+fuzzy(0-1,0-1) == image-orientation-generated-content.html image-orientation-generated-content-ref.html
+
+fuzzy(0-1,0-1) == image-orientation-dynamic.html image-orientation-dynamic-ref.html
+
+# <img srcset> tests
+== image-srcset-basic-selection-0.1x.html image-srcset-basic-selection-0.1x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-basic-selection-2x.html image-srcset-basic-selection-2x-ref.html
+== image-srcset-basic-selection-0.5x.html image-srcset-basic-selection-0.5x-ref.html
+== image-srcset-basic-selection-0.6x.html image-srcset-basic-selection-0.6x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-basic-selection-1.5x.html image-srcset-basic-selection-1.5x-ref.html
+== image-srcset-basic-selection-1x.html image-srcset-basic-selection-1x-ref.html
+== image-srcset-basic-selection-width-0.5x.html image-srcset-basic-selection-width-0.5x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-basic-selection-width-10x.html image-srcset-basic-selection-width-10x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-basic-selection-width-2x.html image-srcset-basic-selection-width-2x-ref.html
+== image-srcset-basic-selection-width-1x.html image-srcset-basic-selection-width-1x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-default-2x.html image-srcset-default-2x-ref.html
+== image-srcset-default-1x.html image-srcset-default-1x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-default-src-2x.html image-srcset-default-src-2x-ref.html
+== image-srcset-default-src-1x.html image-srcset-default-src-1x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-isize.html image-srcset-isize-ref.html
+fails-if(useDrawSnapshot) == image-srcset-svg-3x.html image-srcset-svg-3x-ref.html
+== image-srcset-svg-2x.html image-srcset-svg-2x-ref.html
+== image-srcset-svg-1x.html image-srcset-svg-1x-ref.html
+fails-if(useDrawSnapshot) == image-srcset-svg-default-2x.html image-srcset-svg-default-2x-ref.html
+== image-srcset-svg-default-1x.html image-srcset-svg-default-1x-ref.html
+
+== image-resize-percent-height.html image-resize-ref.html
+== image-resize-percent-width.html image-resize-ref.html
+
+pref(layout.css.moz-broken.content.enabled,true) == moz-broken-matching-1.html moz-broken-matching-1-ref.html
+pref(layout.css.moz-broken.content.enabled,true) == moz-broken-matching-lazy-load.html moz-broken-matching-1-ref.html
+
+== img-invalidation-local-transform-1.html img-invalidation-local-transform-1-ref.html
+== unknown-protocol.html unknown-protocol-ref.html
diff --git a/layout/reftests/image/small.png b/layout/reftests/image/small.png
new file mode 100644
index 0000000000..9ff11a9932
Binary files /dev/null and b/layout/reftests/image/small.png differ
diff --git a/layout/reftests/image/sync-image-switch-1-ref.html b/layout/reftests/image/sync-image-switch-1-ref.html
new file mode 100644
index 0000000000..654d1a9b70
--- /dev/null
+++ b/layout/reftests/image/sync-image-switch-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+  <img src="blue-32x32.png">
+</html>
diff --git a/layout/reftests/image/sync-image-switch-1a.html b/layout/reftests/image/sync-image-switch-1a.html
new file mode 100644
index 0000000000..f1b7d6316f
--- /dev/null
+++ b/layout/reftests/image/sync-image-switch-1a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <img src="blue-16x20.png">
+  <script>
+    var otherImageSrc = "blue-32x32.png"
+    window.onload = function() {
+      var img = document.querySelector("img");
+      img.src = otherImageSrc;
+      img.style.width = img.naturalWidth + "px";
+      img.style.height = img.naturalHeight + "px";
+      document.documentElement.className = "";
+    }
+    var otherImage = new Image;
+    otherImage.src = otherImageSrc;
+  </script>
+</html>
diff --git a/layout/reftests/image/sync-image-switch-1b.html b/layout/reftests/image/sync-image-switch-1b.html
new file mode 100644
index 0000000000..7462ec696d
--- /dev/null
+++ b/layout/reftests/image/sync-image-switch-1b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <img src="blue-16x20.png">
+  <script>
+    var otherImageSrc = "blue-32x32.png"
+    window.onload = function() {
+      var img = document.querySelector("img");
+      img.src = otherImageSrc;
+      img.style.width = img.width + "px";
+      img.style.height = img.height + "px";
+      document.documentElement.className = "";
+    }
+    var otherImage = new Image;
+    otherImage.src = otherImageSrc;
+  </script>
+</html>
diff --git a/layout/reftests/image/sync-image-switch-1c.html b/layout/reftests/image/sync-image-switch-1c.html
new file mode 100644
index 0000000000..2182e40db9
--- /dev/null
+++ b/layout/reftests/image/sync-image-switch-1c.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <input type="image" src="blue-16x20.png">
+  <script>
+    var otherImageSrc = "blue-32x32.png"
+    window.onload = function() {
+      var img = document.querySelector("input");
+      img.src = otherImageSrc;
+      img.style.width = img.naturalWidth + "px";
+      img.style.height = img.naturalHeight + "px";
+      document.documentElement.className = "";
+    }
+    var otherImage = new Image;
+    otherImage.src = otherImageSrc;
+  </script>
+</html>
diff --git a/layout/reftests/image/sync-image-switch-1d.html b/layout/reftests/image/sync-image-switch-1d.html
new file mode 100644
index 0000000000..3001305b0c
--- /dev/null
+++ b/layout/reftests/image/sync-image-switch-1d.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <input type="image" src="blue-16x20.png">
+  <script>
+    var otherImageSrc = "blue-32x32.png"
+    window.onload = function() {
+      var img = document.querySelector("input");
+      img.src = otherImageSrc;
+      img.style.width = img.width + "px";
+      img.style.height = img.height + "px";
+      document.documentElement.className = "";
+    }
+    var otherImage = new Image;
+    otherImage.src = otherImageSrc;
+  </script>
+</html>
diff --git a/layout/reftests/image/unknown-protocol-ref.html b/layout/reftests/image/unknown-protocol-ref.html
new file mode 100644
index 0000000000..b5bb326eef
--- /dev/null
+++ b/layout/reftests/image/unknown-protocol-ref.html
@@ -0,0 +1 @@
+<img src="mailto://foo">
diff --git a/layout/reftests/image/unknown-protocol.html b/layout/reftests/image/unknown-protocol.html
new file mode 100644
index 0000000000..ef06881b7b
--- /dev/null
+++ b/layout/reftests/image/unknown-protocol.html
@@ -0,0 +1 @@
+<img src="foobar://baz">
diff --git a/layout/reftests/indic-shaping/686225-1-bangla-aat-notref.html b/layout/reftests/indic-shaping/686225-1-bangla-aat-notref.html
new file mode 100644
index 0000000000..bf4825762f
--- /dev/null
+++ b/layout/reftests/indic-shaping/686225-1-bangla-aat-notref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font:36px Bangla MN">
+&#x09ad;&#x09be;&#x09b2;&#x200c;&#x09cb;&#x09be;
+</div>
diff --git a/layout/reftests/indic-shaping/686225-1-bangla-aat.html b/layout/reftests/indic-shaping/686225-1-bangla-aat.html
new file mode 100644
index 0000000000..9694d8f3e7
--- /dev/null
+++ b/layout/reftests/indic-shaping/686225-1-bangla-aat.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font:36px Bangla MN">
+&#x09AD;&#x09BE;&#x09B2;&#x09CB;
+</div>
diff --git a/layout/reftests/indic-shaping/686225-2-kannada-aat-notref.html b/layout/reftests/indic-shaping/686225-2-kannada-aat-notref.html
new file mode 100644
index 0000000000..b8a8107efc
--- /dev/null
+++ b/layout/reftests/indic-shaping/686225-2-kannada-aat-notref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font:36px Kannada MN">
+&#x0C95;&#x200c;&#x0CC0;&#x0CD5;
+</div>
diff --git a/layout/reftests/indic-shaping/686225-2-kannada-aat.html b/layout/reftests/indic-shaping/686225-2-kannada-aat.html
new file mode 100644
index 0000000000..fcaddfb260
--- /dev/null
+++ b/layout/reftests/indic-shaping/686225-2-kannada-aat.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="font:36px Kannada MN">
+&#x0C95;&#x0CC0;
+</div>
diff --git a/layout/reftests/indic-shaping/balinese-1-ref.html b/layout/reftests/indic-shaping/balinese-1-ref.html
new file mode 100644
index 0000000000..478d8401b9
--- /dev/null
+++ b/layout/reftests/indic-shaping/balinese-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/NotoSansBalinese-Regular.ttf);
+}
+body {
+  font: 36px test;
+}
+</style>
+</head>
+<body>
+&#x1B33;&#x1B3E;&#x1B35;
+&#x1B26;&#x1B3F;&#x1B35;
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/balinese-1.html b/layout/reftests/indic-shaping/balinese-1.html
new file mode 100644
index 0000000000..db2e8849b1
--- /dev/null
+++ b/layout/reftests/indic-shaping/balinese-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/NotoSansBalinese-Regular.ttf);
+}
+body {
+  font: 36px test;
+}
+</style>
+</head>
+<body>
+&#x1B33;&#x1B40;
+&#x1B26;&#x1B41;
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-1-ref.html b/layout/reftests/indic-shaping/bengali-1-ref.html
new file mode 100644
index 0000000000..d629909b1b
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Ra that forms Reph should not contribute any width -->
+<div>
+!<span class="w">&#x09AE;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-1a.html b/layout/reftests/indic-shaping/bengali-1a.html
new file mode 100644
index 0000000000..1c9c8d0d97
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Ra that forms Reph should not contribute any width -->
+<div>
+!<span class="w">&#x09B0;&#x09CD;&#x09AE;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-1b.html b/layout/reftests/indic-shaping/bengali-1b.html
new file mode 100644
index 0000000000..369b1527af
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Suppressing Reph so that the Ra does occupy space -->
+<div>
+!<span class="w">&#x09B0;&#x09CD;&#x200C;&#x09AE;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-2-ref.html b/layout/reftests/indic-shaping/bengali-2-ref.html
new file mode 100644
index 0000000000..40664abe92
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- subjoined Ra forms ligate with the consonant and generally modify its width,
+     so we expect "bra" to differ from both "b" and "b-halant-ra" -->
+<div>
+!<span class="w">&#x09AC;&#x09CD;&#x09B0;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-2a.html b/layout/reftests/indic-shaping/bengali-2a.html
new file mode 100644
index 0000000000..3af0df97d1
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-2a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- subjoined Ra forms ligate with the consonant and generally modify its width,
+     so we expect "bra" to differ from both "b" and "b-halant-ra" -->
+<div>
+!<span class="w">&#x09AC;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-2b.html b/layout/reftests/indic-shaping/bengali-2b.html
new file mode 100644
index 0000000000..6028e0054b
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-2b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- subjoined Ra forms ligate with the consonant and generally modify its width,
+     so we expect "bra" to differ from both "b" and "b-halant-ra" -->
+<div>
+!<span class="w">&#x09AC;&#x09CD;&#x200C;&#x09B0;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-3-ref.html b/layout/reftests/indic-shaping/bengali-3-ref.html
new file mode 100644
index 0000000000..e5ae825fa4
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-3-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- two-part vowel sign encoded as its component parts -->
+<div>
+&#x0995;&#x09CD;&#x09B8;&#x09C7;&#x09BE;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-3a.html b/layout/reftests/indic-shaping/bengali-3a.html
new file mode 100644
index 0000000000..59bf1ad51f
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-3a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- two-part vowel sign: surrounds consonant cluster -->
+<div>
+&#x0995;&#x09CD;&#x09B8;&#x09CB;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-3b.html b/layout/reftests/indic-shaping/bengali-3b.html
new file mode 100644
index 0000000000..2e60382708
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-3b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- two-part vowel sign after cluster with ZWJ: surrounds entire cluster -->
+<div>
+&#x0995;&#x09CD;&#x200D;&#x09B8;&#x09CB;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/bengali-3c.html b/layout/reftests/indic-shaping/bengali-3c.html
new file mode 100644
index 0000000000..d6570fe38b
--- /dev/null
+++ b/layout/reftests/indic-shaping/bengali-3c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Bengali shaping</title>
+<style>
+@font-face {
+  font-family: lohit-bn;
+  src: url(../fonts/ttf-indic/lohit_bn.ttf);
+}
+body {
+  font-family: lohit-bn;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- two-part vowel sign after cluster with ZWNJ: surrounds last consonant only -->
+<div>
+&#x0995;&#x09CD;&#x200C;&#x09B8;&#x09CB;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-1-ref.html b/layout/reftests/indic-shaping/devanagari-1-ref.html
new file mode 100644
index 0000000000..36041afa58
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Ra that forms Reph should not contribute any width -->
+<div>
+!<span class="w">&#x0939;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-1a.html b/layout/reftests/indic-shaping/devanagari-1a.html
new file mode 100644
index 0000000000..fd0fea49fb
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Ra that forms Reph should not contribute any width -->
+<div>
+!<span class="w">&#x0930;&#x094D;&#x0939;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-1b.html b/layout/reftests/indic-shaping/devanagari-1b.html
new file mode 100644
index 0000000000..998032d8cf
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Suppressing Reph so that the Ra does occupy space -->
+<div>
+!<span class="w">&#x0930;&#x094D;&#x200d;&#x0939;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-2-ref.html b/layout/reftests/indic-shaping/devanagari-2-ref.html
new file mode 100644
index 0000000000..86dccd8b7c
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-2-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ttra has the same width as tta -->
+<div>
+!<span class="w">&#x091F;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-2.html b/layout/reftests/indic-shaping/devanagari-2.html
new file mode 100644
index 0000000000..18a5ea2a24
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ttra has the same width as tta -->
+<div>
+!<span class="w">&#x091F;&#x094D;&#x0930;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-3-ref.html b/layout/reftests/indic-shaping/devanagari-3-ref.html
new file mode 100644
index 0000000000..4c7af98dad
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-3-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ska does not have the same width as saka, unless rendered with visible halant -->
+<div>
+!<span class="w">&#x0938;&#x0915;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-3a.html b/layout/reftests/indic-shaping/devanagari-3a.html
new file mode 100644
index 0000000000..6727fa061e
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-3a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ska does not have the same width as saka, unless rendered with visible halant -->
+<div>
+!<span class="w">&#x0938;&#x094D;&#x0915;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-3b.html b/layout/reftests/indic-shaping/devanagari-3b.html
new file mode 100644
index 0000000000..2a713d3c34
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-3b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ska does not have the same width as saka, unless rendered with visible halant -->
+<div>
+!<span class="w">&#x0938;&#x094D;&#x200c;&#x0915;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-4-notref.html b/layout/reftests/indic-shaping/devanagari-4-notref.html
new file mode 100644
index 0000000000..a556e21974
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-4-notref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- presence of ZWNJ alters placement of the short-I matra -->
+<div>
+&#x0921;&#x094D;&#x0938;&#x093F;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/devanagari-4.html b/layout/reftests/indic-shaping/devanagari-4.html
new file mode 100644
index 0000000000..30a54ac1da
--- /dev/null
+++ b/layout/reftests/indic-shaping/devanagari-4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Devanagari shaping</title>
+<style>
+@font-face {
+  font-family: lohit-hi;
+  src: url(../fonts/ttf-indic/lohit_hi.ttf);
+}
+body {
+  font-family: lohit-hi;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- presence of ZWNJ alters placement of the short-I matra -->
+<div>
+&#x0921;&#x094D;&#x200C;&#x0938;&#x093F;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-1-ref.html b/layout/reftests/indic-shaping/gujarati-1-ref.html
new file mode 100644
index 0000000000..cf17a15e22
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Ra that forms Reph should not contribute any width -->
+<div>
+!<span class="w">&#x0AB9;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-1a.html b/layout/reftests/indic-shaping/gujarati-1a.html
new file mode 100644
index 0000000000..acb0c253fc
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Ra that forms Reph should not contribute any width -->
+<div>
+!<span class="w">&#x0AB0;&#x0ACD;&#x0AB9;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-1b.html b/layout/reftests/indic-shaping/gujarati-1b.html
new file mode 100644
index 0000000000..60e0a6f5cf
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- Suppressing Reph so that the Ra does occupy space -->
+<div>
+!<span class="w">&#x0AB0;&#x0ACD;&#x200d;&#x0AB9;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-2-ref.html b/layout/reftests/indic-shaping/gujarati-2-ref.html
new file mode 100644
index 0000000000..36813b8026
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-2-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ddra has the same width as dda -->
+<div>
+!<span class="w">&#x0AA1;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-2.html b/layout/reftests/indic-shaping/gujarati-2.html
new file mode 100644
index 0000000000..cd28303106
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ddra has the same width as dda -->
+<div>
+!<span class="w">&#x0AA1;&#x0ACD;&#x0AB0;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-3-ref.html b/layout/reftests/indic-shaping/gujarati-3-ref.html
new file mode 100644
index 0000000000..cd828861a1
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-3-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ska does not have the same width as saka, unless rendered with visible halant -->
+<div>
+!<span class="w">&#x0AB8;&#x0A95;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-3a.html b/layout/reftests/indic-shaping/gujarati-3a.html
new file mode 100644
index 0000000000..c470a04eaa
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-3a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ska does not have the same width as saka, unless rendered with visible halant -->
+<div>
+!<span class="w">&#x0AB8;&#x0ACD;&#x0A95;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-3b.html b/layout/reftests/indic-shaping/gujarati-3b.html
new file mode 100644
index 0000000000..629a9440dc
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-3b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- ska does not have the same width as saka, unless rendered with visible halant -->
+<div>
+!<span class="w">&#x0AB8;&#x0ACD;&#x200c;&#x0A95;</span>!
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-4-notref.html b/layout/reftests/indic-shaping/gujarati-4-notref.html
new file mode 100644
index 0000000000..a46b8ec839
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-4-notref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- presence of ZWNJ alters placement of the short-I matra -->
+<div>
+&#x0AA1;&#x0ACD;&#x0AB8;&#x0ABF;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/gujarati-4.html b/layout/reftests/indic-shaping/gujarati-4.html
new file mode 100644
index 0000000000..b7aa34eba3
--- /dev/null
+++ b/layout/reftests/indic-shaping/gujarati-4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Simple Gujarati shaping</title>
+<style>
+@font-face {
+  font-family: lohit-gu;
+  src: url(../fonts/ttf-indic/lohit_gu.ttf);
+}
+body {
+  font-family: lohit-gu;
+  font-size: 36px;
+  margin: 18px;
+}
+.w {
+  color: white;
+}
+</style>
+</head>
+<body>
+<!-- presence of ZWNJ alters placement of the short-I matra -->
+<div>
+&#x0AA1;&#x0ACD;&#x200C;&#x0AB8;&#x0ABF;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/indic-shaping/reftest.list b/layout/reftests/indic-shaping/reftest.list
new file mode 100644
index 0000000000..c7b902a972
--- /dev/null
+++ b/layout/reftests/indic-shaping/reftest.list
@@ -0,0 +1,27 @@
+== devanagari-1a.html devanagari-1-ref.html
+!= devanagari-1b.html devanagari-1-ref.html
+== devanagari-2.html devanagari-2-ref.html
+!= devanagari-3a.html devanagari-3-ref.html
+== devanagari-3b.html devanagari-3-ref.html
+!= devanagari-4.html devanagari-4-notref.html
+
+== gujarati-1a.html gujarati-1-ref.html
+!= gujarati-1b.html gujarati-1-ref.html
+== gujarati-2.html gujarati-2-ref.html
+!= gujarati-3a.html gujarati-3-ref.html
+fuzzy-if(gtkWidget,255-255,46-46) == gujarati-3b.html gujarati-3-ref.html # gtkWidget, Bug 1600777
+!= gujarati-4.html gujarati-4-notref.html
+
+== bengali-1a.html bengali-1-ref.html
+!= bengali-1b.html bengali-1-ref.html
+!= bengali-2a.html bengali-2-ref.html
+!= bengali-2b.html bengali-2-ref.html
+== bengali-3a.html bengali-3-ref.html
+!= bengali-3b.html bengali-3-ref.html
+!= bengali-3c.html bengali-3-ref.html
+!= bengali-3c.html bengali-3b.html
+
+!= 686225-1-bangla-aat.html 686225-1-bangla-aat-notref.html
+!= 686225-2-kannada-aat.html 686225-2-kannada-aat-notref.html
+
+== balinese-1.html balinese-1-ref.html
diff --git a/layout/reftests/inline-borderpadding/left-ltr-ref.html b/layout/reftests/inline-borderpadding/left-ltr-ref.html
new file mode 100644
index 0000000000..b56b5c0a71
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/left-ltr-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>
+      <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">One</span>
+      <br>
+      <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">Two</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/left-rtl-ref.html b/layout/reftests/inline-borderpadding/left-rtl-ref.html
new file mode 100644
index 0000000000..90be5d49ab
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/left-rtl-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>
+      <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+      <br>
+      <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-basic.html b/layout/reftests/inline-borderpadding/ltr-basic.html
new file mode 100644
index 0000000000..3e74bf9bbf
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-basic.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div><span>One<br>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-ib.html b/layout/reftests/inline-borderpadding/ltr-ib.html
new file mode 100644
index 0000000000..1be81aa6aa
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div><span>One<div></div>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-span-only-ib.html b/layout/reftests/inline-borderpadding/ltr-span-only-ib.html
new file mode 100644
index 0000000000..fdf311bae8
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-span-only-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div class="r"><span class="l">One<div></div>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-span-only.html b/layout/reftests/inline-borderpadding/ltr-span-only.html
new file mode 100644
index 0000000000..c8bef7f1f5
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-span-only.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div class="r"><span class="l">One<br>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/reftest.list b/layout/reftests/inline-borderpadding/reftest.list
new file mode 100644
index 0000000000..94c8b55ddd
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/reftest.list
@@ -0,0 +1,8 @@
+== ltr-basic.html left-ltr-ref.html
+== rtl-basic.html right-rtl-ref.html
+== rtl-span-only.html left-rtl-ref.html
+== ltr-span-only.html right-ltr-ref.html
+== ltr-ib.html left-ltr-ref.html
+== rtl-ib.html right-rtl-ref.html
+== rtl-span-only-ib.html left-rtl-ref.html
+== ltr-span-only-ib.html right-ltr-ref.html
diff --git a/layout/reftests/inline-borderpadding/right-ltr-ref.html b/layout/reftests/inline-borderpadding/right-ltr-ref.html
new file mode 100644
index 0000000000..a8ccab45cb
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/right-ltr-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="direction: rtl">
+      <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">One</span>
+      <br>
+      <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">Two</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/right-rtl-ref.html b/layout/reftests/inline-borderpadding/right-rtl-ref.html
new file mode 100644
index 0000000000..c97d782f7a
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/right-rtl-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="direction: rtl">
+      <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+      <br>
+      <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-basic.html b/layout/reftests/inline-borderpadding/rtl-basic.html
new file mode 100644
index 0000000000..1bca96bf1a
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-basic.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div class="r"><span>One<br>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-ib.html b/layout/reftests/inline-borderpadding/rtl-ib.html
new file mode 100644
index 0000000000..6b52ab176c
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div class="r"><span>One<div></div>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-span-only-ib.html b/layout/reftests/inline-borderpadding/rtl-span-only-ib.html
new file mode 100644
index 0000000000..6746f72b7d
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-span-only-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div><span class="r">One<div></div>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-span-only.html b/layout/reftests/inline-borderpadding/rtl-span-only.html
new file mode 100644
index 0000000000..30d302cc50
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-span-only.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+    <meta name="flags" content="" />
+    <style>
+      .r { direction: rtl; }
+      .l { direction: ltr; }
+      span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+    </style>
+  </head>
+  <body>
+    <div><span class="r">One<br>Two</span></div>
+  </body>
+</html>
diff --git a/layout/reftests/inline/inline-block-baseline-ref.html b/layout/reftests/inline/inline-block-baseline-ref.html
new file mode 100644
index 0000000000..80d5319dc2
--- /dev/null
+++ b/layout/reftests/inline/inline-block-baseline-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.inline-block { display: inline-block; }
+.test {
+  background-color: lightgrey;
+  overflow: hidden;
+}
+.border { border: solid blue;  border-width: 1px 3px 5px 7px; }
+.padding { padding: 10px; }
+.margin { margin: 1px 3px 5px 7px; }
+</style>
+
+</head><body>
+
+The boxes should align vertically:
+<div class="test inline-block margin border padding overflow"></div>
+
+<div class="test inline-block margin border padding overflow"></div>
+
+<br>
+
+The boxes should align vertically:
+<div class="test inline-block margin border padding overflow">X</div>
+
+<div class="test inline-block margin border padding overflow">X</div>
+
+</body></html>
diff --git a/layout/reftests/inline/inline-block-baseline.html b/layout/reftests/inline/inline-block-baseline.html
new file mode 100644
index 0000000000..9d1ef23890
--- /dev/null
+++ b/layout/reftests/inline/inline-block-baseline.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.inline-block { display: inline-block; }
+.test {
+  background-color: lightgrey;
+  overflow: hidden;
+}
+.border { border: solid blue;  border-width: 1px 3px 5px 7px; }
+.padding { padding: 10px; }
+.margin { margin: 1px 3px 5px 7px; }
+</style>
+
+</head><body>
+
+The boxes should align vertically:
+<div class="inline-block">
+  <div>
+      <div class="test border padding margin overflow"></div>
+  </div>
+</div>
+
+<div class="test inline-block margin border padding overflow"></div>
+
+<br>
+
+The boxes should align vertically:
+<div class="inline-block">
+  <div>
+      <div class="test border padding margin overflow">X</div>
+  </div>
+</div>
+
+<div class="test inline-block margin border padding overflow">X</div>
+
+</body></html>
diff --git a/layout/reftests/inline/inline-block-margin.html b/layout/reftests/inline/inline-block-margin.html
new file mode 100644
index 0000000000..476f13df7c
--- /dev/null
+++ b/layout/reftests/inline/inline-block-margin.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; padding-right: 100px }
+</style>
+<span>hello&nbsp;</span>world
diff --git a/layout/reftests/inline/inline-block-padding.html b/layout/reftests/inline/inline-block-padding.html
new file mode 100644
index 0000000000..476f13df7c
--- /dev/null
+++ b/layout/reftests/inline/inline-block-padding.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; padding-right: 100px }
+</style>
+<span>hello&nbsp;</span>world
diff --git a/layout/reftests/inline/inline-block-width.html b/layout/reftests/inline/inline-block-width.html
new file mode 100644
index 0000000000..e0ebb9b081
--- /dev/null
+++ b/layout/reftests/inline/inline-block-width.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; width: 100px }
+</style>
+hello <span></span>world
diff --git a/layout/reftests/inline/inline-block-zero.html b/layout/reftests/inline/inline-block-zero.html
new file mode 100644
index 0000000000..ec0166be49
--- /dev/null
+++ b/layout/reftests/inline/inline-block-zero.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+hello world
diff --git a/layout/reftests/inline/reftest.list b/layout/reftests/inline/reftest.list
new file mode 100644
index 0000000000..c3bcfdf14f
--- /dev/null
+++ b/layout/reftests/inline/reftest.list
@@ -0,0 +1,8 @@
+== zero-inline-block-margin-left.html zero-inline-block-margin-ref.html
+== zero-inline-block-margin-right.html zero-inline-block-margin-ref.html
+== zero-inline-block-margin-ref.html zero-inline-block-margin-ref2.html
+== inline-block-width.html zero-inline-block-margin-ref.html
+== inline-block-padding.html inline-block-width.html
+== inline-block-margin.html inline-block-width.html
+!= inline-block-width.html inline-block-zero.html
+== inline-block-baseline.html inline-block-baseline-ref.html
diff --git a/layout/reftests/inline/zero-inline-block-margin-left.html b/layout/reftests/inline/zero-inline-block-margin-left.html
new file mode 100644
index 0000000000..ac13d0b397
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-left.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; width: 0; margin-left: 100px }
+</style>
+hello <span></span>world
diff --git a/layout/reftests/inline/zero-inline-block-margin-ref.html b/layout/reftests/inline/zero-inline-block-margin-ref.html
new file mode 100644
index 0000000000..ac4edb346d
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { margin-left: 100px }
+</style>
+hello <span>world</span>
diff --git a/layout/reftests/inline/zero-inline-block-margin-ref2.html b/layout/reftests/inline/zero-inline-block-margin-ref2.html
new file mode 100644
index 0000000000..24b69ba9d6
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-ref2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { margin-right: 100px }
+</style>
+<span>hello</span> world
diff --git a/layout/reftests/inline/zero-inline-block-margin-right.html b/layout/reftests/inline/zero-inline-block-margin-right.html
new file mode 100644
index 0000000000..542649a4a6
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-right.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; width: 0; margin-right: 100px }
+</style>
+hello <span></span>world
diff --git a/layout/reftests/invalidation/1243409-1-ref.html b/layout/reftests/invalidation/1243409-1-ref.html
new file mode 100644
index 0000000000..63b9c5b218
--- /dev/null
+++ b/layout/reftests/invalidation/1243409-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>Testcase for bug 1243409</title>
+<html>
+<body>
+<svg>
+  <g transform="matrix(1, 0, 0, 1, 20, 10)">
+    <rect fill-opacity="1" height="10" width="20" fill="#000"></rect>
+  </g>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/1243409-1.html b/layout/reftests/invalidation/1243409-1.html
new file mode 100644
index 0000000000..cef841f506
--- /dev/null
+++ b/layout/reftests/invalidation/1243409-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>Testcase for bug 1243409</title>
+<html class="reftest-wait">
+<body>
+<svg>
+  <g transform="matrix(1, 0, 0, 1, 0, 30)">
+    <rect fill-opacity="1" height="10" width="20" fill="#000"></rect>
+  </g>
+</svg>
+<script>
+var m = document.querySelector('svg > g').transform.baseVal[0].matrix;
+var times = 2;
+
+function doTest() {
+  if(!times--) {
+    document.documentElement.removeAttribute("class");
+    return;
+  }
+
+  m.e += 10;
+  m.f -= 10;
+  window.requestAnimationFrame(doTest);
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/540247-1-ref.xhtml b/layout/reftests/invalidation/540247-1-ref.xhtml
new file mode 100644
index 0000000000..b42ae5185c
--- /dev/null
+++ b/layout/reftests/invalidation/540247-1-ref.xhtml
@@ -0,0 +1,29 @@
+<?xml version="1.0"?>
+
+<window id="Test for bug 540247" title="Testcase" class="reftest-wait"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<script><![CDATA[
+document.addEventListener("MozReftestInvalidate", runtest, false);
+
+function runtest() {
+  document.getElementById('b').style.minHeight = '100px';
+
+  var scrollbox = document.getElementById('s');
+  scrollbox.scrollTo(0, 1000);
+
+  document.documentElement.className = "";
+}
+]]>
+</script>
+
+  <scrollbox id="s" style="height: 200px; overflow: scroll;">
+    <vbox>
+      <vbox style="min-height: 150px; min-width: 200px; background: red;" id="b"/>
+      <vbox style="min-height: 150px; min-width: 200px; background: green;"/>
+      <vbox style="min-height: 150px; min-width: 200px; background: blue;"/>
+      <label value="a"/>
+    </vbox>
+  </scrollbox>
+
+</window>
diff --git a/layout/reftests/invalidation/540247-1.xhtml b/layout/reftests/invalidation/540247-1.xhtml
new file mode 100644
index 0000000000..0e3cdb0f45
--- /dev/null
+++ b/layout/reftests/invalidation/540247-1.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+
+<window id="Test for bug 540247" title="Testcase" class="reftest-wait"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<script><![CDATA[
+document.addEventListener("MozReftestInvalidate", runtest, false);
+
+function runtest() {
+  // Make sure that the effects of the scroll are painted to the screen before
+  // shrinking the size of the scrolled frame.
+  window.addEventListener("MozAfterPaint", finish, false);
+  var scrollbox = document.getElementById('s');
+  scrollbox.scrollTo(0, 1000);
+}
+
+function finish() {
+  document.getElementById('b').style.minHeight = '100px';
+  document.documentElement.className = "";
+}
+]]>
+</script>
+
+  <scrollbox id="s" style="height: 200px; overflow: scroll;">
+    <vbox>
+      <vbox style="min-height: 150px; min-width: 200px; background: red;" id="b"/>
+      <vbox style="min-height: 150px; min-width: 200px; background: green;"/>
+      <vbox style="min-height: 150px; min-width: 200px; background: blue;"/>
+      <label value="a"/>
+    </vbox>
+  </scrollbox>
+
+</window>
diff --git a/layout/reftests/invalidation/543681-1-ref.html b/layout/reftests/invalidation/543681-1-ref.html
new file mode 100644
index 0000000000..54b15abf6e
--- /dev/null
+++ b/layout/reftests/invalidation/543681-1-ref.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+<head>
+<script>
+document.addEventListener("MozReftestInvalidate", doTest);
+
+function doTest() {
+  window.location.href = "#two";
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body>
+<div style="height: 200px;">spacer</div>
+<div id="one" style="background: blue; width: 200px; height: 200px; display: none;">div one</div>
+<div id="two" style="background:  red; width: 200px; height: 200px;">div two</div>
+<div style="height: 10000px;">spacer</div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/543681-1.html b/layout/reftests/invalidation/543681-1.html
new file mode 100644
index 0000000000..37aa856955
--- /dev/null
+++ b/layout/reftests/invalidation/543681-1.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+<head>
+<script>
+document.addEventListener("MozReftestInvalidate", doTest);
+
+function doTest() {
+  var one = document.getElementById("one");
+  var two = document.getElementById("two");
+  one.style.display = "none";
+  two.style.display = "";
+  window.location.href = "#two";
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body>
+<div style="height: 200px;">spacer</div>
+<div id="one" style="background: blue; width: 200px; height: 200px;">div one</div>
+<div id="two" style="background:  red; width: 200px; height: 200px; display: none;">div two</div>
+<div style="height: 10000px;">spacer</div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/background-position-1-ref.html b/layout/reftests/invalidation/background-position-1-ref.html
new file mode 100644
index 0000000000..a5862f039e
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Changes to background-position should not cause things to repaint that don't intersect the background image.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  height: 512px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 300px 100px;
+}
+
+#not-intersecting-background {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  margin: 50px;
+  border: 1px solid lime;
+}
+
+</style>
+
+<div id="background">
+  <div id="not-intersecting-background"></div>
+</div>
diff --git a/layout/reftests/invalidation/background-position-1.html b/layout/reftests/invalidation/background-position-1.html
new file mode 100644
index 0000000000..c5d296b008
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to background-position should not cause things to repaint that don't intersect the background image.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  height: 512px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 300px 50px;
+}
+
+#not-intersecting-background {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  margin: 50px;
+  border: 1px solid lime;
+}
+
+</style>
+
+<div id="background">
+  <div id="not-intersecting-background" class="reftest-no-paint"></div>
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.backgroundPosition = "300px 100px";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/background-position-2-ref.html b/layout/reftests/invalidation/background-position-2-ref.html
new file mode 100644
index 0000000000..f5b790a92a
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Reference for properly handled background-position changes.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 100px;
+  height: 100px;
+  background-color: lime;
+}
+
+</style>
+
+<div id="background"></div>
diff --git a/layout/reftests/invalidation/background-position-2a.html b/layout/reftests/invalidation/background-position-2a.html
new file mode 100644
index 0000000000..ddf798f5fb
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-2a.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to background-position should invalidate properly.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 100px;
+  height: 100px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+}
+
+</style>
+
+<div id="background"></div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.backgroundPosition = "-140px 0";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/background-position-2b.html b/layout/reftests/invalidation/background-position-2b.html
new file mode 100644
index 0000000000..332595055b
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-2b.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to background-position should invalidate properly for input type=text.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 100px;
+  height: 100px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+}
+
+</style>
+
+<input type="text" id="background">
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.backgroundPosition = "-140px 0";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/background-position-2c.html b/layout/reftests/invalidation/background-position-2c.html
new file mode 100644
index 0000000000..69e6ac5884
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-2c.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to background-position should invalidate properly for input type=button.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 100px;
+  height: 100px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+}
+
+</style>
+
+<input type="button" id="background">
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.backgroundPosition = "-140px 0";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/background-position-2d.html b/layout/reftests/invalidation/background-position-2d.html
new file mode 100644
index 0000000000..52d27c0f04
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-2d.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to background-position should invalidate properly for table rows.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 100px;
+  height: 100px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+
+  border: 0;
+  padding: 0;
+}
+
+table, tr, td {
+  width: 100px;
+  height: 100px;
+  border: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+</style>
+
+<table><tr id="background"><td></td></table>
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.backgroundPosition = "-140px 0";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/background-position-2e.html b/layout/reftests/invalidation/background-position-2e.html
new file mode 100644
index 0000000000..c9150da7a4
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-2e.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to background-position should invalidate properly for table cells.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 100px;
+  height: 100px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+
+  border: 0;
+  padding: 0;
+}
+
+table, tr, td {
+  width: 100px;
+  height: 100px;
+  border: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+</style>
+
+<table><tr><td id="background"></td></table>
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.backgroundPosition = "-140px 0";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/background-position-2f.html b/layout/reftests/invalidation/background-position-2f.html
new file mode 100644
index 0000000000..eb3797038c
--- /dev/null
+++ b/layout/reftests/invalidation/background-position-2f.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to background-position should invalidate properly for fieldsets.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 100px;
+  height: 100px;
+  background-image: url(image_rgrg-256x256.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
+</style>
+
+<fieldset id="background"><legend></legend></fieldset>
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.backgroundPosition = "-140px 0";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/border-radius-1-ref.html b/layout/reftests/invalidation/border-radius-1-ref.html
new file mode 100644
index 0000000000..44132bfa86
--- /dev/null
+++ b/layout/reftests/invalidation/border-radius-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Changes to border-radius bounding rect should invalidate correctly.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 300px;
+  height: 200px;
+  border-radius: 100px;
+  overflow:hidden;
+}
+
+#inner {
+  width: 400px;
+  height: 400px;
+  background-color: red;
+}
+</style>
+
+<div id="background">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/invalidation/border-radius-1.html b/layout/reftests/invalidation/border-radius-1.html
new file mode 100644
index 0000000000..075864d7c2
--- /dev/null
+++ b/layout/reftests/invalidation/border-radius-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Changes to border-radius bounding rect should invalidate correctly.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#background {
+  width: 200px;
+  height: 200px;
+  border-radius: 100px;
+  overflow:hidden;
+}
+
+#inner {
+  width: 400px;
+  height: 400px;
+  background-color: red;
+}
+</style>
+
+<div id="background">
+  <div id="inner"></div>
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#background").style.width = "300px";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/box-shadow-border-radius-ref.html b/layout/reftests/invalidation/box-shadow-border-radius-ref.html
new file mode 100644
index 0000000000..fe4516d7c9
--- /dev/null
+++ b/layout/reftests/invalidation/box-shadow-border-radius-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style>
+div#blurred {
+  box-shadow: 0 0 50px 0 #000;
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  top: 30px;
+  left: 60px;
+
+  border-radius: 40px;
+}
+</style>
+</head>
+<body>
+<div id="blurred"></div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/box-shadow-border-radius.html b/layout/reftests/invalidation/box-shadow-border-radius.html
new file mode 100644
index 0000000000..8a6025863f
--- /dev/null
+++ b/layout/reftests/invalidation/box-shadow-border-radius.html
@@ -0,0 +1,27 @@
+<html class="reftest-wait">
+<head>
+<style>
+div#blurred {
+	box-shadow: 0 0 50px 0 #000;
+	position: absolute;
+	width: 100px;
+	height: 100px;
+	top: 30px;
+	left: 30px;
+
+	border-radius: 40px;
+}
+</style>
+</head>
+<body>
+<div id="blurred"></div>
+<script>
+function doTest() {
+	var div = document.getElementById("blurred");
+	div.style.left = '60px';
+	document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/clip-path-invalidation-1a.html b/layout/reftests/invalidation/clip-path-invalidation-1a.html
new file mode 100644
index 0000000000..0b03c1b59d
--- /dev/null
+++ b/layout/reftests/invalidation/clip-path-invalidation-1a.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: clipPath invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 10px;
+        height: 10px;
+        transform: scale(20);
+        transform-origin: top left;
+      }
+
+      div.clipped {
+        clip-path: url(#cp1);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer clipped"></div>
+    <script type="text/javascript">
+      function changeTransform()
+      {
+        document.getElementById("d1").style.transform = "scale(10)";
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeTransform);
+    </script>
+    <svg height="0">
+      <clipPath id="cp1">
+        <rect x="10" y="10" width="5" height="5"/>
+      </clipPath>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/clip-path-invalidation-1b.html b/layout/reftests/invalidation/clip-path-invalidation-1b.html
new file mode 100644
index 0000000000..09789e5efd
--- /dev/null
+++ b/layout/reftests/invalidation/clip-path-invalidation-1b.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: clipPath invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 10px;
+        height: 10px;
+        transform: scale(20);
+        transform-origin: top left;
+      }
+
+      div.clipped {
+        clip-path: url(#cp1);
+      }
+
+      div.inner {
+        width: 5px;
+        height: 5px;
+        border: 1px solid transparent;
+        will-change: transform;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer clipped"><div class="inner"></div></div>
+    <script type="text/javascript">
+      function changeTransform()
+      {
+        document.getElementById("d1").style.transform = "scale(10)";
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeTransform);
+    </script>
+    <svg height="0">
+      <clipPath id="cp1">
+       <rect x="10" y="10" width="5" height="5"/>
+      </clipPath>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/clip-path-invalidation-1c.html b/layout/reftests/invalidation/clip-path-invalidation-1c.html
new file mode 100644
index 0000000000..9ba4db53fd
--- /dev/null
+++ b/layout/reftests/invalidation/clip-path-invalidation-1c.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: clipPath invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 200px;
+        height: 200px;
+      }
+
+      div.clipped {
+        clip-path: url(#cp1);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer clipped"></div>
+    <script type="text/javascript">
+      function changeClipPath()
+      {
+        document.getElementById("r1").setAttribute("width", "50");
+        document.getElementById("r1").setAttribute("height", "50");
+        document.getElementById("r1").setAttribute("x", "100");
+        document.getElementById("r1").setAttribute("y", "100");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeClipPath);
+    </script>
+    <svg height="0">
+      <clipPath id="cp1">
+        <rect id="r1" x="50" y="50" width="100" height="100"/>
+      </clipPath>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/clip-path-invalidation-1d.html b/layout/reftests/invalidation/clip-path-invalidation-1d.html
new file mode 100644
index 0000000000..6a46a47862
--- /dev/null
+++ b/layout/reftests/invalidation/clip-path-invalidation-1d.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: clipPath invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 200px;
+        height: 200px;
+      }
+
+      div.clipped {
+        clip-path: url(#cp1);
+      }
+
+      div.inner {
+        width: 5px;
+        height: 5px;
+        border: 1px solid transparent;
+        will-change: transform;
+      }
+
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer clipped"><div class="inner"></div></div>
+    <script type="text/javascript">
+      function changeClipPath()
+      {
+        document.getElementById("r1").setAttribute("width", "50");
+        document.getElementById("r1").setAttribute("height", "50");
+        document.getElementById("r1").setAttribute("x", "100");
+        document.getElementById("r1").setAttribute("y", "100");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeClipPath);
+    </script>
+    <svg height="0">
+      <clipPath id="cp1">
+        <rect id="r1" x="50" y="50" width="100" height="100"/>
+      </clipPath>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/clipped-animated-transform-1.html b/layout/reftests/invalidation/clipped-animated-transform-1.html
new file mode 100644
index 0000000000..66b6fa2b7c
--- /dev/null
+++ b/layout/reftests/invalidation/clipped-animated-transform-1.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>The green box shouldn't be invalidated when the blue box starts to move.</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#clip {
+  border: 1px solid black;
+  margin: 50px;
+  overflow: hidden;
+  height: 200px;
+  width: 400px;
+  position: relative;
+}
+
+#animatedTransform {
+  border: 1px solid blue;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  z-index: 1;
+  top: 50px;
+  left: 50px;
+  transition: transform ease-in-out 100s forwards;
+}
+
+#clip:hover > #animatedTransform,
+#animatedTransform.animate {
+  transform: translateX(200px);
+}
+
+#aboveTransform {
+  position: relative;
+  margin: 50px 100px;
+  border: 1px solid lime;
+  width: 80px;
+  height: 80px;
+  z-index: 2;
+}
+
+</style>
+
+<div id="clip">
+  <div id="animatedTransform"></div>
+</div>
+
+<div id="aboveTransform" class="reftest-no-paint"></div>
+
+<script>
+
+function doTest() {
+  document.getElementById("animatedTransform").className = "animate";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/fast-scrolling.html b/layout/reftests/invalidation/fast-scrolling.html
new file mode 100644
index 0000000000..c78456fad5
--- /dev/null
+++ b/layout/reftests/invalidation/fast-scrolling.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Bug 1164227 - Testcase for the invalid region simplification bug</title>
+
+<style>
+
+#scrollbox {
+  width: 400px;
+  height: 500px;
+  overflow: auto;
+  margin: 80px;
+  border: 1px solid black;
+}
+
+.contents {
+  height: 600px;
+  background: white;
+  padding: 20px;
+  position: relative;
+}
+
+.boxes > div {
+  box-sizing: border-box;
+  width: 10px;
+  height: 10px;
+  border: 1px solid black;
+  float: left;
+  margin-left: -2px;
+}
+
+.boxes > div:nth-child(odd) {
+  transform: translateY(500px);
+}
+
+.reftest-no-paint {
+  position: absolute;
+  top: 250px;
+  left: 30px;
+  width: 200px;
+  height: 50px;
+  border: 1px solid red;
+}
+</style>
+
+<div id="scrollbox"
+     reftest-displayport-x="0"
+     reftest-displayport-y="0"
+     reftest-displayport-w="400"
+     reftest-displayport-h="500">
+
+  <div class="contents">
+
+    <div class="boxes">
+      <div style="margin-top: 0px"></div>
+      <div style="margin-top: 1px"></div>
+      <div style="margin-top: 2px"></div>
+      <div style="margin-top: 3px"></div>
+      <div style="margin-top: 4px"></div>
+      <div style="margin-top: 5px"></div>
+      <div style="margin-top: 6px"></div>
+      <div style="margin-top: 7px"></div>
+      <div style="margin-top: 8px"></div>
+      <div style="margin-top: 9px"></div>
+      <div style="margin-top: 10px"></div>
+      <div style="margin-top: 11px"></div>
+      <div style="margin-top: 12px"></div>
+      <div style="margin-top: 13px"></div>
+      <div style="margin-top: 14px"></div>
+      <div style="margin-top: 15px"></div>
+      <div style="margin-top: 16px"></div>
+      <div style="margin-top: 17px"></div>
+      <div style="margin-top: 18px"></div>
+      <div style="margin-top: 19px"></div>
+      <div style="margin-top: 20px"></div>
+      <div style="margin-top: 21px"></div>
+      <div style="margin-top: 22px"></div>
+      <div style="margin-top: 23px"></div>
+      <div style="margin-top: 24px"></div>
+      <div style="margin-top: 25px"></div>
+      <div style="margin-top: 26px"></div>
+      <div style="margin-top: 27px"></div>
+      <div style="margin-top: 28px"></div>
+      <div style="margin-top: 29px"></div>
+      <div style="margin-top: 30px"></div>
+      <div style="margin-top: 31px"></div>
+      <div style="margin-top: 32px"></div>
+      <div style="margin-top: 33px"></div>
+      <div style="margin-top: 34px"></div>
+      <div style="margin-top: 35px"></div>
+      <div style="margin-top: 36px"></div>
+      <div style="margin-top: 37px"></div>
+      <div style="margin-top: 38px"></div>
+      <div style="margin-top: 39px"></div>
+    </div>
+
+    <div class="reftest-no-paint"></div>
+
+  </div>
+
+</div>
+
+<script>
+
+var scrollbox = document.querySelector("#scrollbox");
+scrollbox.scrollTop = 100;
+
+window.addEventListener("MozReftestInvalidate", function (e) {
+  scrollbox.scrollTop = 0;
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/invalidation/filter-userspace-offset.svg b/layout/reftests/invalidation/filter-userspace-offset.svg
new file mode 100644
index 0000000000..2f0581b4d6
--- /dev/null
+++ b/layout/reftests/invalidation/filter-userspace-offset.svg
@@ -0,0 +1,156 @@
+<svg
+  width="500px" height="500px" viewBox="0 0 500 500"
+  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+  >
+  <title>Filters and offsets, user space origins, invalidation</title>
+  <defs>
+    <filter id="flood-boundingBox"
+            filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="100%"
+            color-interpolation-filters="sRGB">
+      <feFlood flood-color="lime"/>
+    </filter>
+    <filter id="matrix-boundingBox"
+            filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="100%"
+            color-interpolation-filters="sRGB">
+      <feColorMatrix type="matrix" values="0 1 0 0 0
+                                           1 0 0 0 0
+                                           0 0 1 0 0
+                                           0 0 0 1 0"/>
+    </filter>
+    <filter id="matrix-fillPaint-boundingBox"
+            filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="100%"
+            color-interpolation-filters="sRGB">
+      <feColorMatrix type="matrix" values="0 1 0 0 0
+                                           1 0 0 0 0
+                                           0 0 1 0 0
+                                           0 0 0 1 0" in="FillPaint"/>
+    </filter>
+    <filter id="flood-userSpace-atZero"
+            filterUnits="userSpaceOnUse"
+            x="0" y="0" width="100" height="100"
+            color-interpolation-filters="sRGB">
+      <feFlood flood-color="lime"/>
+    </filter>
+    <filter id="matrix-userSpace-atZero"
+            filterUnits="userSpaceOnUse"
+            x="0" y="0" width="100" height="100"
+            color-interpolation-filters="sRGB">
+      <feColorMatrix type="matrix" values="0 1 0 0 0
+                                           1 0 0 0 0
+                                           0 0 1 0 0
+                                           0 0 0 1 0"/>
+    </filter>
+    <filter id="flood-userSpace-at100"
+            filterUnits="userSpaceOnUse"
+            x="100" y="100" width="100" height="100"
+            color-interpolation-filters="sRGB">
+      <feFlood flood-color="lime"/>
+    </filter>
+    <filter id="matrix-userSpace-at100"
+            filterUnits="userSpaceOnUse"
+            x="100" y="100" width="100" height="100"
+            color-interpolation-filters="sRGB">
+      <feColorMatrix type="matrix" values="0 1 0 0 0
+                                           1 0 0 0 0
+                                           0 0 1 0 0
+                                           0 0 0 1 0"/>
+    </filter>
+    <filter id="matrix-fillPaint-userSpace-at100"
+            filterUnits="userSpaceOnUse"
+            x="100" y="100" width="100" height="100"
+            color-interpolation-filters="sRGB">
+      <feColorMatrix type="matrix" values="0 1 0 0 0
+                                           1 0 0 0 0
+                                           0 0 1 0 0
+                                           0 0 0 1 0" in="FillPaint"/>
+    </filter>
+    <mask id="boundingBox" maskContentUnits="objectBoundingBox">
+      <rect x="0" y="0" width="1" height="1" fill="white"/>
+    </mask>
+    <mask id="userSpace-atZero" maskContentUnits="userSpaceOnUse">
+      <rect x="0" y="0" width="100" height="100" fill="white"/>
+    </mask>
+    <mask id="userSpace-at100" maskContentUnits="userSpaceOnUse">
+      <rect x="100" y="100" width="100" height="100" fill="white"/>
+    </mask>
+    <g id="usedRect">
+      <rect class="fillColor" width="100" height="100"/>
+    </g>
+  </defs>
+  <g transform="translate(40,40)">
+    <rect stroke-width="1" stroke="black" fill="none" x="99.5" y="99.5" width="101" height="101"/>
+
+    <rect x="0" y="100" width="100" height="100" class="fillColor offsetContainer" id="rect"/>
+    <use xlink:href="#usedRect" x="0" y="100" class="offsetContainer" id="use"/>
+    <svg x="0" y="100" width="100" height="100" class="offsetContainer" id="innerSVG">
+      <rect class="fillColor" width="100" height="100"/>
+    </svg>
+    <foreignObject x="0" y="100" width="100" height="100" class="offsetContainer" id="foreignObject">
+      <svg width="100" height="100">
+        <rect class="fillColor" width="100" height="100"/>
+      </svg>
+    </foreignObject>
+  </g>
+  <script><![CDATA[
+
+var options = {
+  offsetContainer: "rect",
+  filter: null,
+  mask: null,
+  updateOffsetOn: "reftestInvalidate" // | "initial" | "timeout"
+};
+
+location.search.substr(1).split("&").forEach(function (s) {
+  var pv = s.split("=");
+  options[pv[0]] = pv[1] || true;
+});
+
+var offsetContainer = document.getElementById(options.offsetContainer);
+
+function updateOffsetNow() {
+  offsetContainer.setAttribute("x", "100");
+}
+
+function updateOffsetOnReftestInvalidate() {
+  document.documentElement.setAttribute("class", "reftest-wait");
+  document.addEventListener("MozReftestInvalidate", function () {
+    updateOffsetNow();
+    document.documentElement.removeAttribute("class");
+  }, false);
+}
+
+function updateOffsetOnTimeout() {
+  setTimeout(updateOffsetNow, 500);
+}
+
+options.updateOffset = options.updateOffsetOn == "initial" ? updateOffsetNow :
+                         (options.updateOffsetOn == "timeout" ? updateOffsetOnTimeout :
+                          updateOffsetOnReftestInvalidate);
+
+var offsetContainers = Array.prototype.slice.call(document.getElementsByClassName("offsetContainer"), 0);
+for (var i = 0; i < offsetContainers.length; i++) {
+  if (offsetContainers[i] != offsetContainer) {
+    offsetContainers[i].parentNode.removeChild(offsetContainers[i]);
+  }
+}
+
+var fillColor = options.filter ? "red" : "lime";
+if (options.filter) {
+  offsetContainer.setAttribute("filter", "url(#" + options.filter + ")");
+}
+if (options.mask) {
+  offsetContainer.setAttribute("mask", "url(#" + options.mask + ")");
+}
+
+var fillColors = document.getElementsByClassName("fillColor");
+for (var j = 0; j < fillColors.length; j++) {
+  fillColors[j].setAttribute("fill", fillColor);
+}
+
+options.updateOffset();
+
+]]></script>
+</svg>
diff --git a/layout/reftests/invalidation/fractional-transform-1.html b/layout/reftests/invalidation/fractional-transform-1.html
new file mode 100644
index 0000000000..778621bcbc
--- /dev/null
+++ b/layout/reftests/invalidation/fractional-transform-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrolling shouldn't invalidate either rect.</title>
+
+<style>
+body {
+  margin: 0;
+  height: 5000px;
+}
+</style>
+
+<body>
+
+<svg width="768" height="1000">
+
+  <g transform="translate(0 -2000.3234)">
+    <rect x="100" y="2300" height="50" width="50" fill="grey" class="reftest-no-paint"/>
+  </g>
+
+  <g transform="translate(0 -4000.6468)">
+    <rect x="200" y="4300" height="50" width="50" fill="grey" class="reftest-no-paint"/>
+  </g>
+
+</svg>
+
+<script>
+
+document.documentElement.scrollTop = 177;
+
+window.addEventListener("MozReftestInvalidate", function (e) {
+  document.documentElement.scrollTop = 30;
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/invalidation/fractional-transform-2.html b/layout/reftests/invalidation/fractional-transform-2.html
new file mode 100644
index 0000000000..9e47164ae3
--- /dev/null
+++ b/layout/reftests/invalidation/fractional-transform-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrolling shouldn't invalidate the square.</title>
+
+<style>
+body {
+  margin: 0;
+  height: 5000px;
+}
+</style>
+
+<body>
+
+<svg width="768" height="1000">
+
+  <g transform="translate(0 112.152992)">
+    <rect x="100" y="650" height="50" width="50" fill="grey" class="reftest-no-paint"/>
+  </g>
+
+</svg>
+
+<script>
+
+document.documentElement.scrollTop = 709;
+
+window.addEventListener("MozReftestInvalidate", function (e) {
+  document.documentElement.scrollTop = 617;
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/invalidation/fractional-transform-3.html b/layout/reftests/invalidation/fractional-transform-3.html
new file mode 100644
index 0000000000..ebd89a66d6
--- /dev/null
+++ b/layout/reftests/invalidation/fractional-transform-3.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrolling shouldn't invalidate the square.</title>
+
+<style>
+body {
+  margin: 0;
+  height: 5000px;
+}
+</style>
+
+<body>
+
+<svg width="768" height="1000">
+
+  <g transform="translate(0 0.999948799610138)">
+    <rect x="100" y="100" height="50" width="50" fill="grey" class="reftest-no-paint"/>
+  </g>
+
+</svg>
+
+<script>
+
+document.documentElement.scrollTop = 11;
+
+window.addEventListener("MozReftestInvalidate", function (e) {
+  document.documentElement.scrollTop = 51;
+  document.documentElement.removeAttribute("class");
+});
+
+</script>
diff --git a/layout/reftests/invalidation/image-scrolling-zoom-1-notref.html b/layout/reftests/invalidation/image-scrolling-zoom-1-notref.html
new file mode 100644
index 0000000000..524109ff96
--- /dev/null
+++ b/layout/reftests/invalidation/image-scrolling-zoom-1-notref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html reftest-zoom="0.3">
+<head>
+  <style type="text/css">
+    #container {
+      height: 100px;
+      overflow: auto;
+    }
+    #container-background {
+      background-color: white;
+    }
+    #container-background > div {
+      line-height: 20px;
+    }
+  </style>
+</head>
+<body>
+  <div id="container">
+    <div id="container-background">
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/image-scrolling-zoom-1-ref.html b/layout/reftests/invalidation/image-scrolling-zoom-1-ref.html
new file mode 100644
index 0000000000..e989d0e863
--- /dev/null
+++ b/layout/reftests/invalidation/image-scrolling-zoom-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html reftest-zoom="0.3">
+<head>
+  <style type="text/css">
+    #container {
+      height: 100px;
+      overflow: auto;
+    }
+    #container-background {
+      background: url(one-pixel-wide-background.png);
+    }
+    #container-background > div {
+      line-height: 20px;
+    }
+  </style>
+</head>
+<body>
+  <div id="container">
+    <div id="container-background">
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/image-scrolling-zoom-1.html b/layout/reftests/invalidation/image-scrolling-zoom-1.html
new file mode 100644
index 0000000000..33a82b31fb
--- /dev/null
+++ b/layout/reftests/invalidation/image-scrolling-zoom-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-wait" reftest-zoom="0.3">
+<head>
+  <style type="text/css">
+    #container {
+      height: 100px;
+      overflow: auto;
+    }
+    #container-background {
+      background: url(one-pixel-wide-background.png);
+    }
+    #container-background > div {
+      line-height: 20px;
+    }
+  </style>
+</head>
+<body>
+  <div id="container">
+    <div id="container-background">
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+      <div>Item</div>
+    </div>
+  </div>
+</body>
+<script>
+  var container = document.getElementById('container');
+
+  // Start scrolled all the way to the bottom.
+  container.scrollTop = container.scrollHeight;
+
+  // When we get MozReftestInvalidate, scroll to the top. This puts us at the
+  // same scroll position as the reference.
+  function doTest() {
+    container.scrollTop = 0;
+    document.documentElement.removeAttribute('class');
+  }
+
+  document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>
diff --git a/layout/reftests/invalidation/image_rgrg-256x256-animated.gif b/layout/reftests/invalidation/image_rgrg-256x256-animated.gif
new file mode 100644
index 0000000000..c03fad8bb0
Binary files /dev/null and b/layout/reftests/invalidation/image_rgrg-256x256-animated.gif differ
diff --git a/layout/reftests/invalidation/image_rgrg-256x256.png b/layout/reftests/invalidation/image_rgrg-256x256.png
new file mode 100644
index 0000000000..e6fba3daa5
Binary files /dev/null and b/layout/reftests/invalidation/image_rgrg-256x256.png differ
diff --git a/layout/reftests/invalidation/inactive-layertree-visible-region-1.html b/layout/reftests/invalidation/inactive-layertree-visible-region-1.html
new file mode 100644
index 0000000000..56af33d2bd
--- /dev/null
+++ b/layout/reftests/invalidation/inactive-layertree-visible-region-1.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Scrolling the horizontal bar away shouldn't invalidate the green rectangle</title>
+
+<style>
+
+.wrapper {
+  transform: translateY(1px);
+}
+
+.content {
+  box-sizing: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.first {
+  height: 20px;
+}
+
+.second {
+  margin-left: auto;
+  width: 20px;
+  height: 200px;
+}
+
+.reftest-no-paint {
+  margin: -150px 100px 0;
+  height: 100px;
+  border-color: lime;
+}
+
+body {
+  margin: 0;
+  padding: 50px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="wrapper">
+  <div class="first content"></div>
+  <div class="second content"></div>
+</div>
+
+<div class="reftest-no-paint content"></div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/inactive-layertree-visible-region-2.html b/layout/reftests/invalidation/inactive-layertree-visible-region-2.html
new file mode 100644
index 0000000000..980052db49
--- /dev/null
+++ b/layout/reftests/invalidation/inactive-layertree-visible-region-2.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Scrolling the horizontal bar away shouldn't invalidate the green rectangle</title>
+
+<style>
+
+.wrapper {
+  transform: translateY(1px);
+}
+
+.content {
+  box-sizing: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.first {
+  height: 20px;
+}
+
+.second {
+  margin-left: auto;
+  width: 20px;
+  height: 200px;
+}
+
+.reftest-no-paint {
+  margin: -150px 100px 0;
+  height: 100px;
+  border-color: lime;
+}
+
+body {
+  margin: 0;
+  padding: 50px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="wrapper">
+  <div class="wrapper">
+    <div class="first content"></div>
+    <div class="second content"></div>
+  </div>
+</div>
+
+<div class="reftest-no-paint content"></div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/jetstream-scroll-ref.html b/layout/reftests/invalidation/jetstream-scroll-ref.html
new file mode 100644
index 0000000000..780c77ef0c
--- /dev/null
+++ b/layout/reftests/invalidation/jetstream-scroll-ref.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html class="reftest-wait" reftest-async-scroll><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
+<style>
+    figure {
+        position: relative;
+        width: 100vw;
+        left: 50%;
+        transform: translate(-50%);
+    }
+
+    figure img {
+        filter: url(#invertLightness)
+    }
+
+    main { scrollbar-width: none; width: 400px; height: 500px; overflow: auto; border: 1px solid black; }
+</style>
+
+</head>
+
+<body>
+
+    <svg xmlns="http://www.w3.org/2000/svg"> <style>svg{display:block;width:0;height:0}</style>
+        <filter id="invertLightness" x="0" y="0" style="color-interpolation-filters:sRGB">
+            <feColorMatrix type="matrix" in="SourceGraphic" result="red" values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1">
+            </feColorMatrix>
+            <feColorMatrix type="matrix" in="SourceGraphic" result="green" values="0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1">
+            </feColorMatrix>
+            <feColorMatrix type="matrix" in="SourceGraphic" result="blue" values="0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 1">
+            </feColorMatrix>
+            <feBlend in="red" in2="green" mode="lighten" result="maxyellow"></feBlend>
+            <feBlend in="maxyellow" in2="blue" mode="lighten" result="max"></feBlend>
+            <feBlend in="red" in2="green" mode="darken" result="minyellow"></feBlend>
+            <feBlend in="minyellow" in2="blue" mode="darken" result="min"></feBlend>
+            <feComponentTransfer result="adjustment" in="min">
+                <feFuncR type="linear" intercept="1" slope="-1"></feFuncR>
+                <feFuncG type="linear" intercept="1" slope="-1"></feFuncG>
+                <feFuncB type="linear" intercept="1" slope="-1"></feFuncB>
+            </feComponentTransfer>
+            <feComposite operator="arithmetic" in="SourceGraphic" in2="adjustment" k1="0" k2="1" k3="1" k4="-1" result="channelAdjustment"></feComposite>
+            <feComposite operator="arithmetic" in="channelAdjustment" in2="max" k1="0" k2="1" k3="-1" k4="1" result="finalColors">
+            </feComposite>
+            <feComposite operator="in" in="finalColors" in2="SourceAlpha"></feComposite>
+        </filter>
+    </svg>
+    <main id="content"
+          reftest-displayport-x="0"
+          reftest-displayport-y="0"
+          reftest-displayport-w="400"
+          reftest-displayport-h="500">
+    <div>
+      <article>
+        <div>
+          <div style="height: 1000px"></div>
+          <figure>
+            <img id=telement src="data:image/webp;base64,UklGRugAAABXRUJQVlA4TNsAAAAvOEuOAQfQxhK3sf8BBW3bMOUPvzuO6H+G//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//qwEA" alt="JetStream 2 Scores. Bigger is Better.">
+          </figure>
+        </div>
+      </article>
+    </div>
+    </main>
+</body>
+<script>
+
+    document.getElementById("content").scrollTop = 1100;
+    document.documentElement.removeAttribute("class");
+</script>
+
+</html>
diff --git a/layout/reftests/invalidation/jetstream-scroll.html b/layout/reftests/invalidation/jetstream-scroll.html
new file mode 100644
index 0000000000..82ece014ad
--- /dev/null
+++ b/layout/reftests/invalidation/jetstream-scroll.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html class="reftest-wait" reftest-async-scroll><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
+<style>
+    figure {
+        position: relative;
+        width: 100vw;
+        left: 50%;
+        transform: translate(-50%);
+    }
+
+    figure img {
+        filter: url(#invertLightness)
+    }
+
+    main { scrollbar-width: none; width: 400px; height: 500px; overflow: auto; border: 1px solid black; }
+</style>
+
+</head>
+
+<body>
+
+    <svg xmlns="http://www.w3.org/2000/svg"> <style>svg{display:block;width:0;height:0}</style>
+        <filter id="invertLightness" x="0" y="0" style="color-interpolation-filters:sRGB">
+            <feColorMatrix type="matrix" in="SourceGraphic" result="red" values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1">
+            </feColorMatrix>
+            <feColorMatrix type="matrix" in="SourceGraphic" result="green" values="0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1">
+            </feColorMatrix>
+            <feColorMatrix type="matrix" in="SourceGraphic" result="blue" values="0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 1">
+            </feColorMatrix>
+            <feBlend in="red" in2="green" mode="lighten" result="maxyellow"></feBlend>
+            <feBlend in="maxyellow" in2="blue" mode="lighten" result="max"></feBlend>
+            <feBlend in="red" in2="green" mode="darken" result="minyellow"></feBlend>
+            <feBlend in="minyellow" in2="blue" mode="darken" result="min"></feBlend>
+            <feComponentTransfer result="adjustment" in="min">
+                <feFuncR type="linear" intercept="1" slope="-1"></feFuncR>
+                <feFuncG type="linear" intercept="1" slope="-1"></feFuncG>
+                <feFuncB type="linear" intercept="1" slope="-1"></feFuncB>
+            </feComponentTransfer>
+            <feComposite operator="arithmetic" in="SourceGraphic" in2="adjustment" k1="0" k2="1" k3="1" k4="-1" result="channelAdjustment"></feComposite>
+            <feComposite operator="arithmetic" in="channelAdjustment" in2="max" k1="0" k2="1" k3="-1" k4="1" result="finalColors">
+            </feComposite>
+            <feComposite operator="in" in="finalColors" in2="SourceAlpha"></feComposite>
+        </filter>
+    </svg>
+    <main id="content"
+          reftest-displayport-x="0"
+          reftest-displayport-y="0"
+          reftest-displayport-w="400"
+          reftest-displayport-h="500">
+    <div>
+      <article>
+        <div>
+          <div style="height: 1000px"></div>
+          <figure>
+            <img id=telement src="data:image/webp;base64,UklGRugAAABXRUJQVlA4TNsAAAAvOEuOAQfQxhK3sf8BBW3bMOUPvzuO6H+G//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//qwEA" alt="JetStream 2 Scores. Bigger is Better.">
+          </figure>
+        </div>
+      </article>
+    </div>
+    </main>
+</body>
+<script>
+
+  document.getElementById("content").scrollTop = 800;
+  document.addEventListener("MozReftestInvalidate", function() {
+    document.getElementById("content").scrollTop = 1100;
+    document.documentElement.removeAttribute("class");
+  });
+</script>
+
+</html>
diff --git a/layout/reftests/invalidation/layer-splitting-1.html b/layout/reftests/invalidation/layer-splitting-1.html
new file mode 100644
index 0000000000..1a979292e6
--- /dev/null
+++ b/layout/reftests/invalidation/layer-splitting-1.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Moving the transform under the absolutely-positioned layer should cause that to invalidate</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.absolute {
+  position: absolute;
+  z-index: 2;
+  top: 20px;
+  left: 240px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+.transform {
+  will-change: transform;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="transform content" id="aboutToMoveUnderAbsolute">
+  <!--
+    This transform is active + prerendered, and will move under the
+    absolutely-positioned item.
+  -->
+</div>
+
+<div class="absolute reftest-no-paint content">
+  <!--
+    This absolutely-positioned element should get its own PaintedLayer above the
+    transform.
+
+    It shouldn't attempt to pull up an opaque background color from the page,
+    because the transform can move under it.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToMoveUnderAbsolute").style.transform = "translateX(100px)";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/layer-splitting-2.html b/layout/reftests/invalidation/layer-splitting-2.html
new file mode 100644
index 0000000000..878d514058
--- /dev/null
+++ b/layout/reftests/invalidation/layer-splitting-2.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Scrolling shouldn't invalidate the fixed layer</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+.distanceFromTop {
+  margin-top: 240px;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+
+</style>
+
+<div class="distanceFromTop content">
+  <!--
+    This is just a non-uniform item that will be scrolled so that it's between
+    the page background and the fixed layer.
+  -->
+</div>
+
+<div class="fixed reftest-no-paint content">
+  <!--
+    This fixed layer gets its own PaintedLayer above the page.
+
+    It shouldn't attempt to pull up an opaque background color from the page,
+    because the page can move under it.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+document.documentElement.scrollTop = 0;
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/layer-splitting-3.html b/layout/reftests/invalidation/layer-splitting-3.html
new file mode 100644
index 0000000000..23c2004a94
--- /dev/null
+++ b/layout/reftests/invalidation/layer-splitting-3.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Scrolling shouldn't invalidate the fixed items</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+.distanceFromTop {
+  margin-top: 240px;
+}
+
+.clip {
+  width: 200px;
+  height: 200px;
+  overflow: hidden;
+}
+
+.transform {
+  position: relative;
+  will-change: transform;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+
+</style>
+
+<div class="fixed reftest-no-paint content">
+  <!--
+    This fixed layer gets its own PaintedLayer above the page.
+  -->
+</div>
+
+<div class="distanceFromTop clip">
+  <!--
+    This clip determines the potential pixels that can be affected by the
+    animated transform, *in relation to the scrolled page*. If the page
+    is scrolled, the clip moves relative to the fixed items, so the fixed
+    items need to anticipate the transform getting between them.
+  -->
+
+  <div class="transform content">
+    <!--
+      This is an animated transform item. It can move freely but will be
+      clipped by the .clip element.
+    -->
+  </div>
+
+</div>
+
+<div class="fixed reftest-no-paint content">
+  <!--
+    This fixed layer is above the animated transform, in z-order. The
+    transform is clipped in such a way that initially, the clip doesn't
+    intersect the fixed items, but once the page is scrolled, it does.
+    So this fixed item must not share a layer with the lower fixed item.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+document.documentElement.scrollTop = 0;
+document.addEventListener("MozReftestInvalidate", doTest);
+// setTimeout(doTest, 500);
+
+</script>
diff --git a/layout/reftests/invalidation/layer-splitting-4.html b/layout/reftests/invalidation/layer-splitting-4.html
new file mode 100644
index 0000000000..53af2eb90b
--- /dev/null
+++ b/layout/reftests/invalidation/layer-splitting-4.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>The two items in the scroll box should share a layer, despite all the other stuff that's going on around them</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid blue;
+  background: white;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+.opacity {
+  opacity: 0.9;
+  width: 200px;
+  height: 200px;
+  background-color: yellow;
+  will-change: opacity;
+}
+
+.overlap {
+  margin-top: -100px;
+}
+
+.scrollable {
+  position: absolute;
+  top: 20px;
+  left: 240px;
+  width: 400px;
+  height: 400px;
+  border: 1px solid black;
+  overflow: auto;
+}
+
+.scrollarea {
+  height: 800px;
+  padding: 40px;
+}
+
+.low-z, .mid-z, .high-z {
+  position: relative;
+}
+
+.low-z  { z-index: 1; }
+.mid-z  { z-index: 2; }
+.high-z { z-index: 3; }
+
+</style>
+
+<div class="content" reftest-assigned-layer="page-background"></div>
+<div class="overlap opacity"></div>
+<div class="overlap mid-z content" reftest-assigned-layer="on-top-of-opacity">
+  <!--
+    This item cannot merge into the page background layer because there's an
+    active container layer for the opacity in between.
+  -->
+</div>
+
+<div class="scrollable">
+  <div class="scrollarea">
+    <div class="low-z content" reftest-assigned-layer="scrolled-content"></div>
+    <div class="high-z overlap content" reftest-assigned-layer="scrolled-content"></div>
+  </div>
+</div>
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollTop = 0;
+scrollable.scrollTop = 20;
+
+</script>
diff --git a/layout/reftests/invalidation/layer-splitting-5.html b/layout/reftests/invalidation/layer-splitting-5.html
new file mode 100644
index 0000000000..a7f47b4679
--- /dev/null
+++ b/layout/reftests/invalidation/layer-splitting-5.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Things overlapping active scrollboxes should be in a layer on top of the scrolled contents.</title>
+
+<style>
+
+div {
+  height: 50px;
+  border: 1px solid;
+  box-model: border-box;
+}
+
+.first, .second {
+  border-color: blue;
+  margin: 50px 0;
+}
+
+.overlap {
+  border-color: #088;
+  margin-left: 100px;
+  width: 80px;
+  margin-bottom: -30px;
+  position: relative;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="overlap reftest-no-paint">
+  <!--
+    This item intersects with the scrollable box and is positioned above
+    .scrolled, in z-order, so it should be split into its own layer as soon
+    as the scrollbox gets active scrolling. The splitting should not wait for
+    .scrolled to move under .overlap.
+  -->
+</div>
+
+<div class="scrollable">
+  <div class="scrollarea">
+    <div class="scrolled reftest-opaque-layer">
+      <!--
+        This will move under .overlap by .scrollable being scrolled. This
+        action should not invalidate .overlap.
+
+        Furthermore, since the background of .scrollable is uniform and opaque,
+        .scrolled should be able to pull up that background color and become
+        opaque itself.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+function doTest() {
+  scrollable.scrollLeft = 100;
+  document.documentElement.removeAttribute("class");
+}
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
+
diff --git a/layout/reftests/invalidation/layer-splitting-6.html b/layout/reftests/invalidation/layer-splitting-6.html
new file mode 100644
index 0000000000..42da3ec61d
--- /dev/null
+++ b/layout/reftests/invalidation/layer-splitting-6.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Things overlapping active scrollboxes should be in a layer on top of the scrolled contents, and that layer shouldn't pull up a background color through the scrollbox.</title>
+<!--
+  This test is the same as layer-splitting-5.html, but without the scrollbox
+  border. The lack of a border here makes it attractive for .overlap to pull
+  a background color from the page background (because there's no scrollbox
+  border in the way), but it shouldn't do that because .scrolled can move
+  under it.
+-->
+
+<style>
+
+div {
+  height: 50px;
+  border: 1px solid;
+  box-model: border-box;
+}
+
+.first, .second {
+  border-color: blue;
+  margin: 50px 0;
+}
+
+.overlap {
+  border-color: #088;
+  margin-left: 100px;
+  width: 80px;
+  margin-bottom: -30px;
+  position: relative;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+  border: none;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="overlap reftest-no-paint">
+  <!--
+    This item intersects with the scrollable box and is positioned above
+    .scrolled, in z-order, so it should be split into its own layer as soon
+    as the scrollbox gets active scrolling. The splitting should not wait for
+    .scrolled to move under .overlap.
+  -->
+</div>
+
+<div class="scrollable">
+  <div class="scrollarea">
+    <div class="scrolled reftest-opaque-layer">
+      <!--
+        This will move under .overlap by .scrollable being scrolled. This
+        action should not invalidate .overlap.
+
+        Furthermore, since the background of .scrollable is uniform and opaque,
+        .scrolled should be able to pull up that background color and become
+        opaque itself.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+function doTest() {
+  scrollable.scrollLeft = 100;
+  document.documentElement.removeAttribute("class");
+}
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
+
diff --git a/layout/reftests/invalidation/layer-splitting-7.html b/layout/reftests/invalidation/layer-splitting-7.html
new file mode 100644
index 0000000000..b4e72d523b
--- /dev/null
+++ b/layout/reftests/invalidation/layer-splitting-7.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Scrolling shouldn't invalidate the relatively-positioned layer</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+.distanceFromTop {
+  margin-top: 240px;
+}
+
+.relative {
+  position: relative;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+
+</style>
+
+<div class="fixed reftest-no-paint content">
+  <!--
+    This fixed layer gets its own PaintedLayer above the page.
+
+    It shouldn't attempt to pull up an opaque background color from the page,
+    because the page can move under it.
+  -->
+</div>
+
+<div class="distanceFromTop relative reftest-no-paint content">
+  <!--
+    This item is above .fixed in z-order, but it starts out not intersecting
+    .fixed. It should still get its own layer from the start, because it can
+    get scrolled on top of .fixed.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+document.documentElement.scrollTop = 0;
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/mask-invalidation-1-ref.html b/layout/reftests/invalidation/mask-invalidation-1-ref.html
new file mode 100644
index 0000000000..e2ebf07edb
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask repainting.</title>
+    <style type="text/css">
+      div {
+        background-color: purple;
+        position: absolute;
+        margin: 1px 2px 3px 4px;
+        border: solid purple;
+        width: 44px;
+        height: 9px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer" style="top: 15px; left: 15px;"></div>
+    <div class="outer" style="top: 15px; left: 115px;"></div>
+    <div class="outer" style="top: 15px; left: 215px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/mask-invalidation-1a.html b/layout/reftests/invalidation/mask-invalidation-1a.html
new file mode 100644
index 0000000000..594cbbca8f
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-1a.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        background-color: purple;
+        position: absolute;
+        margin: 1px 2px 3px 4px;
+        border: solid purple;
+        width: 40px;
+        height: 20px;
+      }
+
+      div.mask {
+        mask-size: 100% 100%;
+        mask-origin: border-box;
+        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0"  width="100%" height="50%" fill="blue" fill-opacity="1"/><rect x="0" y="50%" width="100%" height="50%" fill="blue" fill-opacity="0"/></svg>');
+      }
+
+      #d1 {
+        top: 10px;
+        left: 10px;
+        mask-clip: padding-box;
+        border-width: 10px;
+        padding: 0px;
+      }
+
+      #d2 {
+        top: 10px;
+        left: 110px;
+        mask-clip: padding-box;
+        border-width: 0px;
+        padding: 10px;
+      }
+
+      #d3 {
+        top: 15px;
+        left: 215px;
+        mask-clip: content-box;
+        border-width: 10px;
+        padding: 0px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer mask"></div>
+    <div id="d2" class="outer mask"></div>
+    <div id="d3" class="outer mask"></div>
+    <script type="text/javascript">
+      function invalidateMaskedElements()
+      {
+        // Shrink border area, thicken padding area. Keep ths size of this
+        // division unchanged.
+        document.getElementById("d1").style.borderWidth = "5px";
+        document.getElementById("d1").style.padding = "5px";
+
+        // Shrink padding area, thicken border area. Keep ths size of this
+        // division unchanged.
+        document.getElementById("d2").style.borderWidth = "5px";
+        document.getElementById("d2").style.padding = "5px";
+
+        // Shrink border area, thicken content area. Keep ths size of this
+        // division unchanged.
+        document.getElementById("d3").style.width = "50px";
+        document.getElementById("d3").style.height = "30px";
+        document.getElementById("d3").style.borderWidth = "0px";
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                invalidateMaskedElements);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/mask-invalidation-1b.html b/layout/reftests/invalidation/mask-invalidation-1b.html
new file mode 100644
index 0000000000..cfc39c4f0f
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-1b.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        background-color: purple;
+        position: absolute;
+        margin: 1px 2px 3px 4px;
+        border: solid purple;
+        width: 40px;
+        height: 20px;
+      }
+
+      div.inner {
+        width: 10px;
+        height: 10px;
+        border: 1px solid transparent;
+        will-change: transform;
+      }
+
+      div.mask {
+        mask-size: 100% 100%;
+        mask-origin: border-box;
+        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0"  width="100%" height="50%" fill="blue" fill-opacity="1"/><rect x="0" y="50%" width="100%" height="50%" fill="blue" fill-opacity="0"/></svg>');
+      }
+
+      #d1 {
+        top: 10px;
+        left: 10px;
+        mask-clip: padding-box;
+        border-width: 10px;
+        padding: 0px;
+      }
+
+      #d2 {
+        top: 10px;
+        left: 110px;
+        mask-clip: padding-box;
+        border-width: 0px;
+        padding: 10px;
+      }
+
+      #d3 {
+        top: 15px;
+        left: 215px;
+        mask-clip: content-box;
+        border-width: 10px;
+        padding: 0px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer mask"><div class="inner"></div></div>
+    <div id="d2" class="outer mask"><div class="inner"></div></div>
+    <div id="d3" class="outer mask"><div class="inner"></div></div>
+    <script type="text/javascript">
+      function invalidateMaskedElements()
+      {
+        // Shrink border area, thicken padding area. Keep ths size of this
+        // division unchanged.
+        document.getElementById("d1").style.borderWidth = "5px";
+        document.getElementById("d1").style.padding = "5px";
+
+        // Shrink padding area, thicken border area. Keep ths size of this
+        // division unchanged.
+        document.getElementById("d2").style.borderWidth = "5px";
+        document.getElementById("d2").style.padding = "5px";
+
+        // Shrink border area, thicken content area. Keep ths size of this
+        // division unchanged.
+        document.getElementById("d3").style.width = "50px";
+        document.getElementById("d3").style.height = "30px";
+        document.getElementById("d3").style.borderWidth = "0px";
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                invalidateMaskedElements);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/mask-invalidation-2-ref.html b/layout/reftests/invalidation/mask-invalidation-2-ref.html
new file mode 100644
index 0000000000..e16c871e66
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask repainting.</title>
+    <link rel="author" title="CJ Ku" href="mailto:cku@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+  </head>
+  <body>
+    <svg width="200" height="200">
+      <rect x="100" y="100" width="50" height="50" style="stroke:none; fill: purple;"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/mask-invalidation-2a.html b/layout/reftests/invalidation/mask-invalidation-2a.html
new file mode 100644
index 0000000000..61e9b0bfc2
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-2a.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 10px;
+        height: 10px;
+        transform: scale(20);
+        transform-origin: top left;
+      }
+
+      div.mask {
+        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 10"><rect x="10" y="10" width="5" height="5" fill="black"/></svg>');
+      }
+
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer mask"></div>
+    <script type="text/javascript">
+      function changeTransform()
+      {
+        document.getElementById("d1").style.transform = "scale(10)";
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeTransform);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/mask-invalidation-2b.html b/layout/reftests/invalidation/mask-invalidation-2b.html
new file mode 100644
index 0000000000..42ef779f1d
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-2b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 10px;
+        height: 10px;
+        transform: scale(20);
+        transform-origin: top left;
+      }
+
+      div.mask {
+        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 10"><rect x="10" y="10" width="5" height="5" fill="black"/></svg>');
+      }
+
+      div.inner {
+        width: 5px;
+        height: 5px;
+        border: 1px solid transparent;
+        will-change: transform;
+      }
+
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer mask"><div class="inner"></div></div>
+    <script type="text/javascript">
+      function changeTransform()
+      {
+        document.getElementById("d1").style.transform = "scale(10)";
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeTransform);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/mask-invalidation-2c.html b/layout/reftests/invalidation/mask-invalidation-2c.html
new file mode 100644
index 0000000000..a27c60b4d2
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-2c.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 200px;
+        height: 200px;
+      }
+
+      div.mask {
+        mask-image: url(#m1);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer mask"></div>
+    <script type="text/javascript">
+      function changeMask()
+      {
+        document.getElementById("r1").setAttribute("width", "50");
+        document.getElementById("r1").setAttribute("height", "50");
+        document.getElementById("r1").setAttribute("x", "100");
+        document.getElementById("r1").setAttribute("y", "100");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeMask);
+    </script>
+    <svg height="0">
+      <mask id="m1" x="0" y="0" width="1" height="1">
+        <rect id="r1" x="50" y="50" width="100" height="100" style="stroke:none; fill: #ffffff;"/>
+      </mask>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/mask-invalidation-2d.html b/layout/reftests/invalidation/mask-invalidation-2d.html
new file mode 100644
index 0000000000..5fa5d96270
--- /dev/null
+++ b/layout/reftests/invalidation/mask-invalidation-2d.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask invalidation.</title>
+    <style type="text/css">
+      div.outer {
+        position: absolute;
+        background-color: purple;
+        border: solid purple;
+        width: 200px;
+        height: 200px;
+      }
+
+      div.mask {
+        mask-image: url(#m1);
+      }
+
+      div.inner {
+        width: 5px;
+        height: 5px;
+        border: 1px solid transparent;
+        will-change: transform;
+      }
+
+    </style>
+  </head>
+  <body>
+    <div id="d1" class="outer mask"><div class="inner"></div></div>
+    <script type="text/javascript">
+      function changeMask()
+      {
+        document.getElementById("r1").setAttribute("width", "50");
+        document.getElementById("r1").setAttribute("height", "50");
+        document.getElementById("r1").setAttribute("x", "100");
+        document.getElementById("r1").setAttribute("y", "100");
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      document.addEventListener("MozReftestInvalidate",
+                                changeMask);
+    </script>
+    <svg height="0">
+      <mask id="m1" x="0" y="0" width="1" height="1">
+        <rect id="r1" x="50" y="50" width="100" height="100" style="stroke:none; fill: #ffffff;"/>
+      </mask>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/invalidation/masklayer-1.html b/layout/reftests/invalidation/masklayer-1.html
new file mode 100644
index 0000000000..137bb0ba39
--- /dev/null
+++ b/layout/reftests/invalidation/masklayer-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Moving a layer in a box with a rounded clip shouldn't invalidate.</title>
+
+<style>
+
+#outer {
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 300px;
+  height: 200px;
+  background-color: #DDD;
+  overflow: hidden;
+  border-radius: 10px;
+}
+
+#animatedLeft {
+  position: absolute;
+  top: 50px;
+  left: 40px;
+  box-model: border-box;
+  border: 1px solid lime;
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+
+<body>
+
+<div id="outer">
+  <div id="animatedLeft" class="reftest-no-paint"></div>
+</div>
+
+<script>
+
+var animatedLeft = document.getElementById("animatedLeft");
+
+function doTest() {
+  animatedLeft.style.left = "100px";
+  document.documentElement.removeAttribute("class");
+}
+
+// Layerize #animatedLeft
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "60px";
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "40px";
+animatedLeft.offsetLeft;
+
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/masklayer-2.html b/layout/reftests/invalidation/masklayer-2.html
new file mode 100644
index 0000000000..c6befa2001
--- /dev/null
+++ b/layout/reftests/invalidation/masklayer-2.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Moving a layer in a box with a rounded clip shouldn't invalidate.</title>
+
+<style>
+
+#scrollbox {
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 300px;
+  height: 200px;
+  background-color: #DDD;
+  overflow: auto;
+  border-radius: 10px;
+}
+
+#scrollable {
+  width: 600px;
+}
+
+#scrolledLayer {
+  margin-top: 50px;
+  margin-left: 100px;
+  box-model: border-box;
+  border: 1px solid lime;
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+
+<body>
+
+<div id="scrollbox" reftest-displayport-x="0"
+                    reftest-displayport-y="0"
+                    reftest-displayport-w="300"
+                    reftest-displayport-h="200">
+  <div id="scrollable">
+    <div id="scrolledLayer" class="reftest-no-paint"></div>
+  </div>
+</div>
+
+<script>
+
+var scrollbox = document.getElementById("scrollbox");
+
+function doTest() {
+  scrollbox.scrollLeft = 0;
+  document.documentElement.removeAttribute("class");
+}
+
+// Make #scrollbox have active scrolling
+scrollbox.scrollLeft = 60;
+scrollbox.offsetLeft;
+scrollbox.scrollLeft = 40;
+scrollbox.offsetLeft;
+
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/negative-w-component-ref.html b/layout/reftests/invalidation/negative-w-component-ref.html
new file mode 100644
index 0000000000..f8d845d17e
--- /dev/null
+++ b/layout/reftests/invalidation/negative-w-component-ref.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Change a layer's transform making negative w component.</title>
+
+<style>
+
+body {
+  background-color: white;
+  overflow: hidden;
+}
+
+#outer {
+  perspective: 500px;
+  perspective-origin: 350px 250px;
+  width: 700px;
+  height: 500px;
+  display: block;
+  top: 10px;
+  left: 10px;
+  position: absolute;
+  overflow: visible;
+}
+
+#container1 {
+  transform-style: preserve-3d;
+  transform: translateX(-50px) translateZ(350px) rotateY(-90deg);
+}
+
+#container2 {
+  transform-style: preserve-3d;
+  transform: translateY(-200px) translateX(50px) translateZ(350px) rotateY(90deg);
+}
+
+#scale {
+  transform-style: preserve-3d;
+}
+
+.negw {
+  transform: translateZ(1px);
+}
+
+.posw {
+  transform: translateZ(-500px);;
+}
+
+#dummy {
+  transform-style: preserve-3d;
+  transform: translateY(150px);
+}
+
+#square1, #square2 {
+  background-color: red;
+  width: 700px;
+  height: 200px;
+}
+
+</style>
+
+<body>
+
+<div id="outer">
+  <div id="scale" class="posw">
+    <div id="dummy">
+      <div id="container1">
+	<div id="square1"></div>
+      </div>
+      <div id="container2">
+	<div id="square2"></div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/invalidation/negative-w-component.html b/layout/reftests/invalidation/negative-w-component.html
new file mode 100644
index 0000000000..4e27fd5edb
--- /dev/null
+++ b/layout/reftests/invalidation/negative-w-component.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Change a layer's transform making negative w component.</title>
+
+<style>
+
+body {
+  background-color: white;
+  overflow: hidden;
+}
+
+#outer {
+  perspective: 500px;
+  perspective-origin: 350px 250px;
+  width: 700px;
+  height: 500px;
+  display: block;
+  top: 10px;
+  left: 10px;
+  position: absolute;
+  overflow: visible;
+}
+
+#container1 {
+  transform-style: preserve-3d;
+  transform: translateX(-50px) translateZ(350px) rotateY(-90deg);
+}
+
+#container2 {
+  transform-style: preserve-3d;
+  transform: translateY(-200px) translateX(50px) translateZ(350px) rotateY(90deg);
+}
+
+#scale {
+  transform-style: preserve-3d;
+}
+
+.negw {
+  transform: translateZ(1px);
+}
+
+.posw {
+  transform: translateZ(-500px);;
+}
+
+#dummy {
+  transform-style: preserve-3d;
+  transform: translateY(150px);
+}
+
+#square1, #square2 {
+  background-color: red;
+  width: 700px;
+  height: 200px;
+}
+
+</style>
+
+<body>
+
+<div id="outer">
+  <div id="scale" class="negw">
+    <div id="dummy">
+      <div id="container1">
+	<div id="square1"></div>
+      </div>
+      <div id="container2">
+	<div id="square2"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+
+var scale = document.getElementById("scale");
+
+function doTest() {
+  scale.className = "posw";
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/nudge-to-integer-invalidation.html b/layout/reftests/invalidation/nudge-to-integer-invalidation.html
new file mode 100644
index 0000000000..0b8d8db1b1
--- /dev/null
+++ b/layout/reftests/invalidation/nudge-to-integer-invalidation.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Different epsilons in NudeToInteger and FuzzyEqual cause invalidations</title>
+
+<body>
+
+<svg viewBox="0 0 700 3000" width="700px" height="3000px">
+    <g transform="translate(0, -220.999756)">
+      <rect x="100" y="400" height="50" width="50" fill="grey" class="reftest-no-paint"/>
+    </g>
+</svg>
+
+<script>
+
+var scrollPositions = [0, 50];
+if (location.search.includes("reverse")) {
+  scrollPositions.reverse();
+}
+document.documentElement.scrollTop = scrollPositions[0];
+
+function doTest() {
+  document.documentElement.scrollTop = scrollPositions[1];
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/one-pixel-wide-background.png b/layout/reftests/invalidation/one-pixel-wide-background.png
new file mode 100644
index 0000000000..09f59e39ac
Binary files /dev/null and b/layout/reftests/invalidation/one-pixel-wide-background.png differ
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-1.html b/layout/reftests/invalidation/paintedlayer-recycling-1.html
new file mode 100644
index 0000000000..5f0b211e10
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-1.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Switching the transform to animate shouldn't invalidate the fixed layer</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  background-color: white;
+  top: 20px;
+  left: 240px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+.transform {
+  transform: translateY(0.1px);
+}
+
+.aboveTransform {
+  margin-top: 20px;
+  border-color: blue;
+  position: relative;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="transform content" id="aboutToAnimate">
+  <!--
+    This transform starts out inactive and is going to turn active + prerendered.
+  -->
+</div>
+
+<div class="aboveTransform content">
+  <!--
+    This content is on top of .transform in z-order but starts out in the
+    same layer as .transform (and the canvas background). Once the transform
+    turns active, this needs its own PaintedLayer because the prerendered
+    transform might asynchronously move underneath it.
+  -->
+</div>
+
+<div class="fixed reftest-no-paint content">
+  <!--
+    This fixed layer gets its own PaintedLayer above the rest.
+    When .aboveTransform requires its own PaintedLayer, it should not cause
+    .fixed to change layers.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToAnimate").style.willChange = "transform";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-2.html b/layout/reftests/invalidation/paintedlayer-recycling-2.html
new file mode 100644
index 0000000000..bcec2aef84
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-2.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Starting to scroll the nested scrollbox shouldn't invalidate the fixed layer</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 240px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+.scrollable {
+  overflow: auto;
+  padding: 10px;
+}
+
+.scrolled {
+  border: 1px solid gray;
+  height: 400px;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="scrollable content" id="aboutToScroll">
+  <!--
+    This scrollbox starts out without active scrolling and is going to become
+    actively scrolled.
+  -->
+  <div class="scrolled"></div>
+</div>
+
+<div class="fixed reftest-no-paint content">
+  <!--
+    This fixed layer gets its own PaintedLayer above the rest.
+    When the contents of .scrollable require their own PaintedLayer, that
+    should not cause .fixed to change layers.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToScroll").scrollTop = 50 - document.querySelector("#aboutToScroll").scrollTop;
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-3.html b/layout/reftests/invalidation/paintedlayer-recycling-3.html
new file mode 100644
index 0000000000..271997b492
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-3.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Adding a new display item to the bottom of an existing PaintedLayer shouldn't cause the other items in that layer to change layers</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.onTopOfFixed {
+  position: absolute;
+  top: 120px;
+  left: 260px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+#aboutToBecomeVisible {
+  left: 20px;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="fixed content">
+  <!--
+    This layer is just there to force .onTopOfFixed into a PaintedLayer above
+    the page background.
+  -->
+</div>
+
+<div class="onTopOfFixed content" id="aboutToBecomeVisible" style="visibility: hidden">
+  <!--
+    This item starts out invisible but should end up in the same layer as the other
+    .onTopOfFixed item, once it's visible.
+  -->
+</div>
+
+<div class="onTopOfFixed reftest-no-paint content">
+  <!--
+    This item shouldn't repaint when the other .onTopOfFixed item becomes visible.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToBecomeVisible").style.visibility = "visible";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-4.html b/layout/reftests/invalidation/paintedlayer-recycling-4.html
new file mode 100644
index 0000000000..d69cd35cbd
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Removing an existing display item from the bottom of an existing PaintedLayer shouldn't cause the other items in that layer to change layers</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.onTopOfFixed {
+  position: absolute;
+  top: 120px;
+  left: 260px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+#aboutToBecomeHidden {
+  left: 20px;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="fixed content">
+  <!--
+    This layer is just there to force .onTopOfFixed into a PaintedLayer above
+    the page background.
+  -->
+</div>
+
+<div class="onTopOfFixed content" id="aboutToBecomeHidden" style="visibility: visible">
+  <!--
+    This item starts out visible, in the same layer as the other .onTopOfFixed item.
+  -->
+</div>
+
+<div class="onTopOfFixed reftest-no-paint content">
+  <!--
+    This item shouldn't repaint when the other .onTopOfFixed item becomes invisible.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToBecomeHidden").style.visibility = "hidden";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-5.html b/layout/reftests/invalidation/paintedlayer-recycling-5.html
new file mode 100644
index 0000000000..8a8529e2ff
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-5.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Removing an existing display item that has its own PaintedLayer shouldn't cause invalidations in other PaintedLayers on top of it</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.onTopOfFixed {
+  position: absolute;
+  top: 120px;
+  left: 260px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+#aboutToBecomeHidden {
+  left: 20px;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="fixed content">
+  <!--
+    This layer is just there to force .onTopOfFixed into PaintedLayers above
+    the page background.
+  -->
+</div>
+
+<div class="onTopOfFixed content" id="aboutToBecomeHidden" style="visibility: visible">
+  <!--
+    This item starts out visible, and has its own PaintedLayer.
+  -->
+</div>
+
+<div class="fixed content">
+  <!--
+    This layer is just there to force the next .onTopOfFixed into its own
+    PaintedLayer.
+  -->
+</div>
+
+<div class="onTopOfFixed reftest-no-paint content">
+  <!--
+    This item shouldn't repaint when the other .onTopOfFixed item is hidden.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToBecomeHidden").style.visibility = "hidden";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-6.html b/layout/reftests/invalidation/paintedlayer-recycling-6.html
new file mode 100644
index 0000000000..1e54cfc8c1
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-6.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Adding a new display item that has its own PaintedLayer shouldn't cause invalidations in other PaintedLayers on top of it</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.onTopOfFixed {
+  position: absolute;
+  top: 120px;
+  left: 260px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+#aboutToBecomeVisible {
+  left: 20px;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="fixed content">
+  <!--
+    This layer is just there to force .onTopOfFixed into PaintedLayers above
+    the page background.
+  -->
+</div>
+
+<div class="onTopOfFixed content" id="aboutToBecomeVisible" style="visibility: hidden">
+  <!--
+    This item starts out hidden, and will get its own PaintedLayer when it
+    becomes visible.
+  -->
+</div>
+
+<div class="fixed content">
+  <!--
+    This layer is just there to force the next .onTopOfFixed into its own
+    PaintedLayer.
+  -->
+</div>
+
+<div class="onTopOfFixed reftest-no-paint content">
+  <!--
+    This item shouldn't repaint when the other .onTopOfFixed item becomes visible.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToBecomeVisible").style.visibility = "visible";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-7.html b/layout/reftests/invalidation/paintedlayer-recycling-7.html
new file mode 100644
index 0000000000..0e23c37a2d
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-7.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>When a PaintedLayer is split up into two, the lower items should stay in their layer and the higher items should get a new one.</title>
+<!-- The motivation for this is that we don't ever want to assign a new layer to the canvas background just because an item is split from it. -->
+
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.onTopOfFixed {
+  position: absolute;
+  top: 120px;
+  left: 260px;
+}
+
+.reftest-no-paint {
+  border-color: lime;
+}
+
+.onTopOfFixed.reftest-no-paint {
+  left: 20px;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="fixed content">
+  <!--
+    This layer is just there to force .onTopOfFixed into PaintedLayers above
+    the page background.
+  -->
+</div>
+
+<div class="onTopOfFixed reftest-no-paint content">
+  <!--
+    This item should start out sharing a PaintedLayer with the other
+    .onTopOfFixed item.
+  -->
+</div>
+
+<div class="fixed content" id="aboutToBecomeVisible" style="visibility: hidden">
+  <!--
+    This layer starts out hidden. When it becomes visible, it forces the two
+    .onTopOfFixed items into separate layers.
+  -->
+</div>
+
+<div class="onTopOfFixed content">
+  <!--
+    This item should start out sharing a PaintedLayer with the other
+    .onTopOfFixed item, but when the two items get split up, it should be this
+    one that changes layers, not the other one.
+  -->
+</div>
+
+<script>
+
+function doTest() {
+  document.querySelector("#aboutToBecomeVisible").style.visibility = "visible";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-8-ref.html b/layout/reftests/invalidation/paintedlayer-recycling-8-ref.html
new file mode 100644
index 0000000000..6023ddefba
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-8-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<title>PaintedLayer recycling should use the right translation</title>
+<style>
+body {
+  overflow: hidden;
+  background-color: grey;
+}
+
+.fixed {
+  position: fixed;
+  width: 800px;
+  height: 800px;
+}
+
+.container {
+  position: relative;
+  top: 50px;
+  left: 50px;
+  width: 400px;
+  height: 400px;
+  z-index: 1;
+  pointer-events: none;
+  transform: scale(1.0);
+}
+
+.not-transformed {
+  background-color: lightblue;
+  width: 200px;
+  height: 200px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 1;
+}
+
+.transformed {
+  position: relative;
+  top: 50px;
+  left: 50px;
+  width: 200px;
+  height: 200px;
+  background: red;
+  transform: scale(1.5);
+}
+</style>
+</head>
+<body>
+  <div class="fixed">
+    <div class="container">
+      <div class="not-transformed"></div>
+      <div class="transformed"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/paintedlayer-recycling-8.html b/layout/reftests/invalidation/paintedlayer-recycling-8.html
new file mode 100644
index 0000000000..b72371b795
--- /dev/null
+++ b/layout/reftests/invalidation/paintedlayer-recycling-8.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<title>PaintedLayer recycling should use the right translation</title>
+<style>
+body {
+  overflow: hidden;
+  background-color: grey;
+}
+
+.fixed {
+  position: fixed;
+  width: 800px;
+  height: 800px;
+}
+
+.container {
+  position: relative;
+  top: 50px;
+  left: 50px;
+  width: 400px;
+  height: 400px;
+  z-index: 1;
+  pointer-events: none;
+}
+
+.not-transformed {
+  background-color: blue;
+  width: 200px;
+  height: 200px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 1;
+}
+
+.transformed {
+  position: relative;
+  top: 50px;
+  left: 50px;
+  width: 200px;
+  height: 200px;
+  background: red;
+  transform: scale(1.5);
+}
+</style>
+</head>
+<body>
+  <div class="fixed">
+    <div class="container">
+      <div class="not-transformed"></div>
+      <div class="transformed"></div>
+    </div>
+  </div>
+</body>
+<script type="text/javascript">
+function end() {
+  document.documentElement.removeAttribute("class");
+}
+
+function runAfterNextPaint(cb) {
+  requestAnimationFrame(() => requestAnimationFrame(cb))
+}
+
+function change() {
+  document.querySelector(".not-transformed").style["background-color"] = "lightblue";
+  runAfterNextPaint(end);
+}
+
+function doTest() {
+  document.querySelector(".container").style.transform = "scale(1.0)";
+  runAfterNextPaint(change);
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+
+//setTimeout(doTest, 5000);
+</script>
+</html>
diff --git a/layout/reftests/invalidation/partially-scrolled-svg-group-ref.html b/layout/reftests/invalidation/partially-scrolled-svg-group-ref.html
new file mode 100644
index 0000000000..901be4ef76
--- /dev/null
+++ b/layout/reftests/invalidation/partially-scrolled-svg-group-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<body>
+    <div>
+        <h4 style="height: 600px">All the lines at the bottom should show up when this is scrolled down.</h4>
+        <div id="ember801" class="graph-data ember-view">
+            <div style="position: relative;">
+                <div style="position: relative; width: 920px; height: 500px;" dir="ltr">
+                    <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;" aria-label="A chart.">
+                        <svg width="920" height="500" style="" aria-label="A chart.">
+                            <defs id="defs">
+                            <clipPath id="_ABSTRACT_RENDERER_ID_2">
+                                <rect x="85" y="50" width="708" height="400"></rect>
+                            </clipPath></defs>
+                            <rect x="0" y="0" width="920" height="500" stroke="none" stroke-width="0" fill="#ffffff"></rect>
+                            <g></g>
+                            <g>
+                                <rect x="85" y="50" width="708" height="400" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
+                                <g clip-path="url(#_ABSTRACT_RENDERER_ID_2)">
+                                    <g>
+                                        <rect y="50" width="1" height="400" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="399" y="50" width="1" height="400" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="449" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="349" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="250" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="150" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="50" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                    </g>
+                                </g>
+                            </g>
+                        </svg>
+                    </div>
+                </div>
+                <div aria-hidden="true" style="position: absolute; top: 510px; left: 930px; white-space: nowrap; font-family: Arial; font-size: 14px; display: none;">0.2.42</div>
+                <div></div>
+            </div>
+        </div>
+    </div>
+
+<script>
+document.documentElement.scrollTop = 200;
+
+</script>
+
+  </body>
+  </html>
\ No newline at end of file
diff --git a/layout/reftests/invalidation/partially-scrolled-svg-group.html b/layout/reftests/invalidation/partially-scrolled-svg-group.html
new file mode 100644
index 0000000000..d7c08582af
--- /dev/null
+++ b/layout/reftests/invalidation/partially-scrolled-svg-group.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<body>
+    <div>
+        <h4 style="height: 600px">All the lines at the bottom should show up when this is scrolled down.</h4>
+        <div id="ember801" class="graph-data ember-view">
+            <div style="position: relative;">
+                <div style="position: relative; width: 920px; height: 500px;" dir="ltr">
+                    <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;" aria-label="A chart.">
+                        <svg width="920" height="500" style="" aria-label="A chart.">
+                            <defs id="defs">
+                            <clipPath id="_ABSTRACT_RENDERER_ID_2">
+                                <rect x="85" y="50" width="708" height="400"></rect>
+                            </clipPath></defs>
+                            <rect x="0" y="0" width="920" height="500" stroke="none" stroke-width="0" fill="#ffffff"></rect>
+                            <g></g>
+                            <g>
+                                <rect x="85" y="50" width="708" height="400" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
+                                <g clip-path="url(#_ABSTRACT_RENDERER_ID_2)">
+                                    <g>
+                                        <rect y="50" width="1" height="400" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="399" y="50" width="1" height="400" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="449" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="349" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="250" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="150" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                        <rect x="85" y="50" width="708" height="1" stroke="none" stroke-width="0" fill="#cccccc"></rect>
+                                    </g>
+                                </g>
+                            </g>
+                        </svg>
+                    </div>
+                </div>
+                <div aria-hidden="true" style="position: absolute; top: 510px; left: 930px; white-space: nowrap; font-family: Arial; font-size: 14px; display: none;">0.2.42</div>
+                <div></div>
+            </div>
+        </div>
+    </div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 200;
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
+
+  </body>
+  </html>
\ No newline at end of file
diff --git a/layout/reftests/invalidation/reftest.list b/layout/reftests/invalidation/reftest.list
new file mode 100644
index 0000000000..27b228fa2b
--- /dev/null
+++ b/layout/reftests/invalidation/reftest.list
@@ -0,0 +1,109 @@
+== table-repaint-a.html table-repaint-a-ref.html
+== table-repaint-b.html table-repaint-b-ref.html
+== table-repaint-border-collapse.html table-repaint-border-collapse-ref.html
+== table-repaint-c.html table-repaint-c-ref.html
+== table-repaint-d.html table-repaint-d-ref.html
+== table-repaint-e.html table-repaint-e-ref.html
+== table-repaint-non-border-collapse.html table-repaint-non-border-collapse-ref.html
+== chrome://reftest/content/invalidation/540247-1.xhtml chrome://reftest/content/invalidation/540247-1-ref.xhtml
+== 543681-1.html 543681-1-ref.html
+== 1243409-1.html 1243409-1-ref.html
+skip == test-image-layers.html test-image-layers-ref.html # Bug 1067360
+skip == test-image-layers-multiple-displayitem.html test-image-layers-ref.html # Bug 1067360
+skip-if(gtkWidget) == test-animated-image-layers.html test-animated-image-layers-ref.html
+skip-if(gtkWidget) == test-animated-image-layers-background.html test-animated-image-layers-ref.html
+== box-shadow-border-radius.html box-shadow-border-radius-ref.html
+== filter-userspace-offset.svg?offsetContainer=rect filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=use filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=innerSVG filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=foreignObject filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&filter=flood-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=use&filter=flood-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=innerSVG&filter=flood-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=foreignObject&filter=flood-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&filter=matrix-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=use&filter=matrix-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=innerSVG&filter=matrix-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=foreignObject&filter=matrix-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&filter=flood-userSpace-at100 filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=use&filter=flood-userSpace-atZero filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=innerSVG&filter=flood-userSpace-atZero filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=foreignObject&filter=flood-userSpace-at100 filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&filter=matrix-userSpace-at100 filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=use&filter=matrix-userSpace-atZero filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=innerSVG&filter=matrix-userSpace-atZero filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=foreignObject&filter=matrix-userSpace-at100 filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&mask=boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=use&mask=boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=innerSVG&mask=boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=foreignObject&mask=boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&mask=userSpace-at100 filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=use&mask=userSpace-atZero filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=innerSVG&mask=userSpace-atZero filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=foreignObject&mask=userSpace-at100 filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&filter=matrix-fillPaint-boundingBox filter-userspace-offset.svg
+== filter-userspace-offset.svg?offsetContainer=rect&filter=matrix-fillPaint-userSpace-at100 filter-userspace-offset.svg
+
+!= scroll-inactive-layers.html about:blank
+!= scroll-inactive-layers-2.html about:blank
+random-if(useDrawSnapshot) != inactive-layertree-visible-region-1.html about:blank
+!= inactive-layertree-visible-region-2.html about:blank
+!= transform-floating-point-invalidation.html about:blank
+!= transform-floating-point-invalidation.html?reverse about:blank
+!= nudge-to-integer-invalidation.html about:blank
+!= nudge-to-integer-invalidation.html?reverse about:blank
+!= clipped-animated-transform-1.html about:blank
+!= paintedlayer-recycling-1.html about:blank
+!= paintedlayer-recycling-2.html about:blank
+pref(layers.single-tile.enabled,false) != paintedlayer-recycling-3.html about:blank
+!= paintedlayer-recycling-4.html about:blank
+!= paintedlayer-recycling-5.html about:blank
+!= paintedlayer-recycling-6.html about:blank
+!= paintedlayer-recycling-7.html about:blank
+!= masklayer-1.html about:blank
+!= masklayer-2.html about:blank
+!= layer-splitting-1.html about:blank
+!= layer-splitting-2.html about:blank
+!= layer-splitting-3.html about:blank
+!= layer-splitting-4.html about:blank
+!= layer-splitting-5.html about:blank
+!= layer-splitting-6.html about:blank
+!= layer-splitting-7.html about:blank
+fuzzy(0-16,0-3230) == image-scrolling-zoom-1.html image-scrolling-zoom-1-ref.html
+!= image-scrolling-zoom-1-ref.html image-scrolling-zoom-1-notref.html
+pref(layers.single-tile.enabled,false) != fast-scrolling.html about:blank
+== background-position-1.html background-position-1-ref.html
+== background-position-2a.html background-position-2-ref.html
+== background-position-2b.html background-position-2-ref.html
+== background-position-2c.html background-position-2-ref.html
+== background-position-2d.html background-position-2-ref.html
+== background-position-2e.html background-position-2-ref.html
+== background-position-2f.html background-position-2-ref.html
+== zero-opacity-animation.html about:blank
+== zero-opacity-text.html about:blank
+== negative-w-component.html negative-w-component-ref.html
+
+== mask-invalidation-1a.html mask-invalidation-1-ref.html
+== mask-invalidation-1b.html mask-invalidation-1-ref.html
+
+== mask-invalidation-2a.html mask-invalidation-2-ref.html
+== mask-invalidation-2b.html mask-invalidation-2-ref.html
+== mask-invalidation-2c.html mask-invalidation-2-ref.html
+== mask-invalidation-2d.html mask-invalidation-2-ref.html
+
+== clip-path-invalidation-1a.html mask-invalidation-2-ref.html
+== clip-path-invalidation-1b.html mask-invalidation-2-ref.html
+== clip-path-invalidation-1c.html mask-invalidation-2-ref.html
+== clip-path-invalidation-1d.html mask-invalidation-2-ref.html
+
+!= fractional-transform-1.html about:blank
+skip-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu)) != fractional-transform-2.html about:blank
+!= fractional-transform-3.html about:blank
+
+== partially-scrolled-svg-group.html partially-scrolled-svg-group-ref.html
+
+== paintedlayer-recycling-8.html paintedlayer-recycling-8-ref.html
+pref(image.downscale-during-decode.enabled,true) == jetstream-scroll.html jetstream-scroll-ref.html
+
+fuzzy(0-2,0-2) == svg-paint-rect-changes.html svg-paint-rect-changes-ref.html
+== border-radius-1.html border-radius-1-ref.html
diff --git a/layout/reftests/invalidation/scroll-inactive-layers-2.html b/layout/reftests/invalidation/scroll-inactive-layers-2.html
new file mode 100644
index 0000000000..70606bad63
--- /dev/null
+++ b/layout/reftests/invalidation/scroll-inactive-layers-2.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<title>Scrolling over inactive layers shouldn't repaint their contents even if both the top and the bottom edge of the inactive layers are offscreen</title>
+
+<style>
+
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+.outer {
+  border: 1px solid black;
+  width: 100px;
+  height: 2000px;
+  margin-right: 20px;
+  padding-top: 200px;
+  float: left;
+}
+
+.opacity {
+  opacity: 0.5;
+}
+
+.transform {
+  transform: translateX(1px);
+}
+
+.filter {
+  filter: url(#filter);
+}
+
+.mask {
+  mask: url(#mask);
+}
+
+.reftest-no-paint {
+  height: 50px;
+  border: 1px solid lime;
+}
+
+</style>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="100%"
+            color-interpolation-filters="sRGB">
+      <feMerge><feMergeNode/><feMerge>
+    </filter>
+    <mask id="mask" maskContentUnits="objectBoundingBox">
+      <rect x="0" y="0" width="1" height="1" fill="white"/>
+    </mask>
+  </defs>
+</svg>
+
+<div class="outer opacity">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<div class="outer transform">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<div class="outer filter">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<div class="outer mask">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+document.documentElement.scrollTop = 50;
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/scroll-inactive-layers.html b/layout/reftests/invalidation/scroll-inactive-layers.html
new file mode 100644
index 0000000000..94d7c05196
--- /dev/null
+++ b/layout/reftests/invalidation/scroll-inactive-layers.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<title>Scrolling over inactive layers shouldn't repaint their contents</title>
+
+<style>
+
+.outer {
+  border: 1px solid black;
+  width: 100px;
+  height: 2000px;
+  margin-top: 200px;
+  margin-right: 20px;
+  padding-top: 100px;
+  float: left;
+}
+
+.opacity {
+  opacity: 0.5;
+}
+
+.transform {
+  transform: translateX(1px);
+}
+
+.filter {
+  filter: url(#filter);
+}
+
+.mask {
+  mask: url(#mask);
+}
+
+.reftest-no-paint {
+  height: 50px;
+  border: 1px solid lime;
+}
+
+</style>
+
+<svg height="0">
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox"
+            x="0%" y="0%" width="100%" height="100%"
+            color-interpolation-filters="sRGB">
+      <feMerge><feMergeNode/><feMerge>
+    </filter>
+    <mask id="mask" maskContentUnits="objectBoundingBox">
+      <rect x="0" y="0" width="1" height="1" fill="white"/>
+    </mask>
+  </defs>
+</svg>
+
+<div class="outer opacity">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<div class="outer transform">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<div class="outer filter">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<div class="outer mask">
+  <div class="reftest-no-paint"></div>
+</div>
+
+<script>
+
+function doTest() {
+  document.documentElement.scrollTop = 100;
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/svg-paint-rect-changes-ref.html b/layout/reftests/invalidation/svg-paint-rect-changes-ref.html
new file mode 100644
index 0000000000..58192c0fa2
--- /dev/null
+++ b/layout/reftests/invalidation/svg-paint-rect-changes-ref.html
@@ -0,0 +1,12 @@
+<html>
+  <div id=out style="overflow: hidden; height:30px">
+    <div style="transform: rotate(2deg)">
+      <div style="overflow: hidden; width: 40px;">
+        <svg>
+        <rect x=0 y=0 width=100 height=100></rect>
+        <rect fill=red id=c x=10 y=10 width=20 height=20></rect>
+        </svg>
+      </div>
+    </div>
+  </div>
+</html>
diff --git a/layout/reftests/invalidation/svg-paint-rect-changes.html b/layout/reftests/invalidation/svg-paint-rect-changes.html
new file mode 100644
index 0000000000..6cd08b58b7
--- /dev/null
+++ b/layout/reftests/invalidation/svg-paint-rect-changes.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+  <script>
+    function doTest() {
+      document.getElementById("out").style.height = 30 + "px";
+      document.getElementById("c").setAttribute("width", 20);
+      document.documentElement.removeAttribute("class");
+    }
+    document.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+  <div id=out style="overflow: hidden; height:40px">
+    <!-- avoid letting the clip leak into the svg by separating it with
+    a transform -->
+    <div style="transform: rotate(2deg)">
+      <div style="overflow: hidden; width: 40px;">
+        <svg>
+        <rect x=0 y=0 width=100 height=100></rect>
+        <rect fill=red id=c x=10 y=10 width=1 height=20></rect>
+        </svg>
+      </div>
+    </div>
+  </div>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-a-ref.html b/layout/reftests/invalidation/table-repaint-a-ref.html
new file mode 100644
index 0000000000..a7957c34fe
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-a-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>table-repaint-a-ref</title>
+</head>
+<body>
+<table>
+ <tr>
+  <td bgcolor="lime"></td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-a.html b/layout/reftests/invalidation/table-repaint-a.html
new file mode 100644
index 0000000000..362aa2b482
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <title>table-repaint-a</title>
+</head>
+<body>
+<table>
+ <tr>
+  <td bgcolor="black"></td>
+  <td bgcolor="lime"></td>
+ </tr>
+</table>
+<script>
+function foo() {
+ var x=document.getElementsByTagName('td')[0];
+ x.style.display = 'none';
+ document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-b-ref.html b/layout/reftests/invalidation/table-repaint-b-ref.html
new file mode 100644
index 0000000000..1581e0458e
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-b-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<title>table-repaint-b-ref</title>
+<body>
+<table>
+<tr>
+  <td>aaa</td><td><span style="position: relative"><div style="height: 0px"><div style="height: 300px; width: 10px; background: green"></div></div>bbb</td>
+</tr>
+<tr>
+ <td>
+  longer text: above this, first cell should say 'aaa' while second says 'bbb'.  There should be only one green rectangle.
+ </td>
+</tr>
+</table>
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-b.html b/layout/reftests/invalidation/table-repaint-b.html
new file mode 100644
index 0000000000..ed70855f40
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<title>table-repaint-b-ref</title>
+<body>
+<table id="x">
+<tr>
+  <td>aaa</td>
+  <td>
+   <span style="position: relative">
+     <div style="height: 0px">
+      <div style="height: 300px; width: 10px; background: green"></div>
+     </div>bbb
+  </td>
+</tr>
+</table>
+<script>
+  function foo() {
+    var t = document.getElementById("x");
+    var r = document.createElement("tr");
+    var c = document.createElement("td");
+    c.appendChild(document.createTextNode("longer text: above this, first cell should say 'aaa' while second says 'bbb'.  There should be only one green rectangle."));
+    r.appendChild(c);
+    t.tBodies[0].appendChild(r);
+    document.documentElement.removeAttribute("class");
+  }
+document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-border-collapse-ref.html b/layout/reftests/invalidation/table-repaint-border-collapse-ref.html
new file mode 100644
index 0000000000..a02341e8c6
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-border-collapse-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>table-repaint-border-collapse-ref</title>
+  <style>
+    table, td, th {
+      border-collapse: collapse;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td style="border: 5px solid black">xxx</td>
+    <td>YYY</td>
+    <td>zzz</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-border-collapse.html b/layout/reftests/invalidation/table-repaint-border-collapse.html
new file mode 100644
index 0000000000..aa9eccd609
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-border-collapse.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>table-repaint-border-collapse</title>
+  <style>
+    table, td, th {
+      border-collapse: collapse;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td>xxx</td>
+    <td>yyy</td>
+    <td>zzz</td>
+  </tr>
+</table>
+<script>
+  function foo() {
+    let x=document.getElementsByTagName('td')[0];
+    x.style.border = "5px solid black";
+    let y=document.getElementsByTagName('td')[1];
+    y.innerHTML =  "YYY";
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-c-ref.html b/layout/reftests/invalidation/table-repaint-c-ref.html
new file mode 100644
index 0000000000..1e9393b958
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-c-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<title>table-repaint-c-ref</title>
+<style>
+td {
+width: 50px;
+height: 50px;
+}
+</style>
+</head>
+<body>
+<table >
+<tbody>
+<tr>
+<td bgcolor="lime"></td>
+</tr>
+</tbody></table>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-c.html b/layout/reftests/invalidation/table-repaint-c.html
new file mode 100644
index 0000000000..11489b6169
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-c.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<title>table-repaint-c</title>
+<style>
+td {
+width: 50px;
+height: 50px;
+}
+</style>
+</head>
+<body>
+<table>
+ <col id="foo">
+ <tbody>
+  <tr>
+   <td bgcolor="black"></td>
+   <td bgcolor="lime"></td>
+  </tr>
+ </tbody>
+</table>
+<script>
+function foo() {
+var x=document.getElementById("foo");
+x.style.visibility = 'collapse';
+document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-d-ref.html b/layout/reftests/invalidation/table-repaint-d-ref.html
new file mode 100644
index 0000000000..917c73427d
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-d-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<title>table-repaint-d-ref</title>
+<body>
+<table>
+<tr>
+  <td>aaa</td><td>bbb</td>
+</tr>
+<tr>
+  <td>longer text: above this, first cell should say 'aaa' while second says 'bbb'.</td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-d.html b/layout/reftests/invalidation/table-repaint-d.html
new file mode 100644
index 0000000000..ed6832cb10
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-d.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait"><head>
+<title>table-repaint-d</title>
+<body>
+<table id="x">
+<tr>
+  <td>aaa</td><td>bbb</td>
+</tr>
+</table>
+<script>
+  function foo() {
+    var t = document.getElementById("x");
+    var r = document.createElement("tr");
+    var c = document.createElement("td");
+    c.appendChild(document.createTextNode("longer text: above this, first cell should say 'aaa' while second says 'bbb'."));
+    r.appendChild(c);
+    t.tBodies[0].appendChild(r);
+    document.documentElement.removeAttribute("class");
+  }
+document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-e-ref.html b/layout/reftests/invalidation/table-repaint-e-ref.html
new file mode 100644
index 0000000000..27f949b19e
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-e-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>table-repaint-e</title>
+<style>
+table {
+  border-collapse: collapse;
+}
+tr {
+  border: 1px solid transparent;
+}
+</style>
+</head>
+<body>
+<table
+  <tr>
+    <td>
+      <div>one</div>
+    </td>
+    <td>
+      <div>two</div>
+    </td>
+  </tr
+  <tr>
+    <td>
+      <div>three</div>
+    </td>
+    <td>
+      <div>four</div>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-e.html b/layout/reftests/invalidation/table-repaint-e.html
new file mode 100644
index 0000000000..69cbb31d19
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-e.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<title>table-repaint-e</title>
+<style>
+table {
+  border-collapse: collapse;
+}
+tr {
+  border: 1px solid transparent;
+}
+</style>
+</head>
+<body>
+<table
+  <tr>
+    <td>
+      <div>one</div>
+    </td>
+    <td id="x" style="border: 1px solid black">
+      <div>two</div>
+    </td>
+  </tr
+  <tr>
+    <td>
+      <div>three</div>
+    </td>
+    <td>
+      <div>four</div>
+    </td>
+  </tr>
+</table>
+<script>
+  function doTest() {
+    var t = document.getElementById("x");
+    t.style.border = "initial";
+    document.documentElement.removeAttribute("class");
+  }
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-non-border-collapse-ref.html b/layout/reftests/invalidation/table-repaint-non-border-collapse-ref.html
new file mode 100644
index 0000000000..0ece7d81db
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-non-border-collapse-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>table-repaint-non-border-collapse-ref</title>
+  <style>
+    table, td, th {
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td style="border: 5px solid black">xxx</td>
+    <td>YYY</td>
+    <td>zzz</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/table-repaint-non-border-collapse.html b/layout/reftests/invalidation/table-repaint-non-border-collapse.html
new file mode 100644
index 0000000000..ce4c64fec8
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-non-border-collapse.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>table-repaint-non-border-collapse</title>
+  <style>
+    table, td, th {
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td>xxx</td>
+    <td>yyy</td>
+    <td>zzz</td>
+  </tr>
+</table>
+<script>
+  function foo() {
+    let x=document.getElementsByTagName('td')[0];
+    x.style.border = "5px solid black";
+    let y=document.getElementsByTagName('td')[1];
+    y.innerHTML =  "YYY";
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/test-animated-image-layers-background.html b/layout/reftests/invalidation/test-animated-image-layers-background.html
new file mode 100644
index 0000000000..ca51a27bfb
--- /dev/null
+++ b/layout/reftests/invalidation/test-animated-image-layers-background.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div>
+<div id="image" style="width: 256px; height: 256px; background-image: url('image_rgrg-256x256-animated.gif');" class="reftest-no-paint"></div>
+</div>
+<script type="application/javascript">
+
+function doTest() {
+  document.body.style.background = "black";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/test-animated-image-layers-ref.html b/layout/reftests/invalidation/test-animated-image-layers-ref.html
new file mode 100644
index 0000000000..d8bfb86556
--- /dev/null
+++ b/layout/reftests/invalidation/test-animated-image-layers-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:black">
+<div>
+<img id="image" src="./image_rgrg-256x256.png"></img>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/test-animated-image-layers.html b/layout/reftests/invalidation/test-animated-image-layers.html
new file mode 100644
index 0000000000..153e84ec8b
--- /dev/null
+++ b/layout/reftests/invalidation/test-animated-image-layers.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div>
+<img id="image" class="reftest-no-paint" src="./image_rgrg-256x256-animated.gif"></img>
+</div>
+<script type="application/javascript">
+
+function doTest() {
+  document.body.style.background = "black";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/test-image-layers-multiple-displayitem.html b/layout/reftests/invalidation/test-image-layers-multiple-displayitem.html
new file mode 100644
index 0000000000..af42494a84
--- /dev/null
+++ b/layout/reftests/invalidation/test-image-layers-multiple-displayitem.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<style>
+img {
+  background-color: green;
+}
+</style>
+<div>
+<img id="image" class="reftest-no-paint" src="./image_rgrg-256x256.png" style="transform: perspective(1px)"></img>
+</div>
+<script type="application/javascript">
+
+function doTest() {
+  document.body.style.background = "black";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/test-image-layers-ref.html b/layout/reftests/invalidation/test-image-layers-ref.html
new file mode 100644
index 0000000000..a7b2c38ab8
--- /dev/null
+++ b/layout/reftests/invalidation/test-image-layers-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:black">
+<div>
+<img id="image" src="./image_rgrg-256x256.png" style="transform: perspective(1px)"></img>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/test-image-layers.html b/layout/reftests/invalidation/test-image-layers.html
new file mode 100644
index 0000000000..76c9b9ac36
--- /dev/null
+++ b/layout/reftests/invalidation/test-image-layers.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div>
+<img id="image" class="reftest-no-paint" src="./image_rgrg-256x256.png" style="transform: perspective(1px)"></img>
+</div>
+<script type="application/javascript">
+
+function doTest() {
+  document.body.style.background = "black";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/transform-floating-point-invalidation.html b/layout/reftests/invalidation/transform-floating-point-invalidation.html
new file mode 100644
index 0000000000..5c0f468dfd
--- /dev/null
+++ b/layout/reftests/invalidation/transform-floating-point-invalidation.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0"
+      reftest-displayport-w="800"
+      reftest-displayport-h="1000">
+<meta charset="utf-8">
+<title>Scrolling shouldn't invalidate the rect</title>
+
+<body>
+
+<svg width="824" height="1375" viewBox="0 0 660 1100">
+  <rect x="100" y="600" width="120" height="120" fill="#EEE"
+        transform="matrix(0,0.969665,-2.0321494,0,1828.58132,65.718239)"
+        class="reftest-no-paint"/>
+</svg>
+
+<script>
+
+var scrollPositions = [81, 82];
+if (location.search.includes("reverse")) {
+  scrollPositions.reverse();
+}
+document.documentElement.scrollTop = scrollPositions[0];
+
+function doTest() {
+  document.documentElement.scrollTop = scrollPositions[1];
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/invalidation/zero-opacity-animation.html b/layout/reftests/invalidation/zero-opacity-animation.html
new file mode 100644
index 0000000000..5aba74795f
--- /dev/null
+++ b/layout/reftests/invalidation/zero-opacity-animation.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div style="opacity:0">
+  <div id="d" class="reftest-no-paint" style="height:50px; border:2px solid black"></div>
+</div>
+<script type="application/javascript">
+function doTest() {
+  d.style.border = "2px solid green";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/invalidation/zero-opacity-text.html b/layout/reftests/invalidation/zero-opacity-text.html
new file mode 100644
index 0000000000..9009470e61
--- /dev/null
+++ b/layout/reftests/invalidation/zero-opacity-text.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div style="opacity:0">
+  <div id="d" class="reftest-no-paint" style="height:50px;">abc</div>
+</div>
+<script type="application/javascript">
+function doTest() {
+  d.textContent = "def";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/layers/component-alpha-enter-1-ref.html b/layout/reftests/layers/component-alpha-enter-1-ref.html
new file mode 100644
index 0000000000..c7b38b4f49
--- /dev/null
+++ b/layout/reftests/layers/component-alpha-enter-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Test transition from single-alpha layer to component-alpha layer from a display port size change</title>
+<script type="text/javascript">
+  document.addEventListener('MozReftestInvalidate', function() {
+    var scrollbox = document.getElementById('scrollbox');
+    scrollbox.scrollTop = 1000;
+    document.documentElement.className = '';
+  });
+</script>
+<style>
+#scrollbox {
+  margin: 20px;
+  width: 300px;
+  height: 400px;
+  overflow-y: scroll;
+  background: linear-gradient(#FFF, #FFF);
+}
+
+#inner {
+  background-color: #000;
+  margin-top: 10px;
+  height: 5px;
+  line-height: 5px;
+  padding-bottom: 400px;
+}
+</style>
+
+<div id="scrollbox">
+  <div id="inner">
+    Text
+  </div>
+</div>
diff --git a/layout/reftests/layers/component-alpha-enter-1.html b/layout/reftests/layers/component-alpha-enter-1.html
new file mode 100644
index 0000000000..b5a945b523
--- /dev/null
+++ b/layout/reftests/layers/component-alpha-enter-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Test transition from single-alpha layer to component-alpha layer from a display port size change</title>
+<script type="text/javascript">
+  document.addEventListener('MozReftestInvalidate', function() {
+    var scrollbox = document.getElementById('scrollbox');
+    scrollbox.scrollTop = 1000;
+
+    window.addEventListener("MozAfterPaint", function() {
+      // Remove dummy to make scrollbox the first scroll element giving it a
+      // display port. The display port will then contain the text forcing the
+      // layer to transition to component alpha.
+      document.getElementById('dummy').remove();
+      document.documentElement.className = '';
+    }, {once: true});
+  });
+</script>
+<style>
+#dummy {
+  margin: 20px;
+  width: 300px;
+  height: 400px;
+  overflow: scroll;
+}
+
+#filler {
+  height: 600px;
+}
+
+#scrollbox {
+  margin: 20px;
+  width: 300px;
+  height: 400px;
+  overflow-y: scroll;
+  background: linear-gradient(#FFF, #FFF);
+}
+
+#inner {
+  background-color: #000;
+  margin-top: 10px;
+  height: 5px;
+  line-height: 5px;
+  padding-bottom: 400px;
+}
+</style>
+
+<div id="dummy">
+  <div id="filler">
+  </div>
+</div>
+
+<div id="scrollbox">
+  <div id="inner">
+    Text
+  </div>
+</div>
diff --git a/layout/reftests/layers/component-alpha-exit-1-ref.html b/layout/reftests/layers/component-alpha-exit-1-ref.html
new file mode 100644
index 0000000000..164467e7e7
--- /dev/null
+++ b/layout/reftests/layers/component-alpha-exit-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Reference for test transition from component-alpha layer to single-alpha layer</title>
+<script type="text/javascript">
+document.addEventListener("MozReftestInvalidate", function scrollDownAllTheWay () {
+  var scrollbox = document.getElementById("scrollbox");
+  scrollbox.scrollTop = 1000;
+  document.documentElement.className = "";
+});
+</script>
+<style>
+#scrollbox {
+  margin: 20px;
+  width: 300px;
+  height: 400px;
+  overflow-y: hidden;
+  background: linear-gradient(#FFF, #FFF);
+}
+
+#inner {
+  background-color: #000;
+  padding-bottom: 415px;
+}
+</style>
+
+<div id="scrollbox">
+  <div id="inner">
+    
+  </div>
+</div>
diff --git a/layout/reftests/layers/component-alpha-exit-1.html b/layout/reftests/layers/component-alpha-exit-1.html
new file mode 100644
index 0000000000..2e7902ab6d
--- /dev/null
+++ b/layout/reftests/layers/component-alpha-exit-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Test transition from component-alpha layer to single-alpha layer</title>
+<script type="text/javascript">
+document.addEventListener("MozReftestInvalidate", function scrollOnePixelDown () {
+  var scrollbox = document.getElementById("scrollbox");
+  window.addEventListener("MozAfterPaint", function() {
+    scrollbox.scrollTop = 1000;
+    document.documentElement.className = "";
+  }, {once: true});
+  scrollbox.scrollTop = 1; // activate scroll layer
+});
+</script>
+<style>
+#scrollbox {
+  margin: 20px;
+  width: 300px;
+  height: 400px;
+  overflow-y: hidden;
+  background: linear-gradient(#FFF, #FFF);
+}
+
+#inner {
+  background-color: #000;
+  margin-top: 10px;
+  height: 5px;
+  line-height: 5px;
+  padding-bottom: 400px;
+}
+</style>
+
+<div id="scrollbox">
+  <div id="inner">
+    Text
+  </div>
+</div>
diff --git a/layout/reftests/layers/fixed-pos-scrolled-clip-layerize.html b/layout/reftests/layers/fixed-pos-scrolled-clip-layerize.html
new file mode 100644
index 0000000000..806377335a
--- /dev/null
+++ b/layout/reftests/layers/fixed-pos-scrolled-clip-layerize.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="200">
+
+<title>position:fixed with scrolled clip should prerender everything and correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.blueBox {
+  margin: 10px;
+  width: 200px;
+  height: 200px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+
+.absoluteClip {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: red;
+  clip: rect(auto auto auto auto);
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(lime 300px, black 0);
+}
+
+.absoluteCyanBox {
+  position: absolute;
+  top: 200px;
+  left: 400px;
+  width: 200px;
+  height: 200px;
+  box-sizing: border-box;
+  border: 1px solid cyan;
+}
+
+
+</style>
+
+<div class="blueBox" reftest-assigned-layer="page-background"></div>
+
+<div class="absoluteClip">
+  <div class="fixed"></div>
+</div>
+
+<div class="absoluteCyanBox" reftest-assigned-layer="page-background"></div>
diff --git a/layout/reftests/layers/fixed-pos-scrolled-clip-opacity-inside-layerize.html b/layout/reftests/layers/fixed-pos-scrolled-clip-opacity-inside-layerize.html
new file mode 100644
index 0000000000..a3a1e67651
--- /dev/null
+++ b/layout/reftests/layers/fixed-pos-scrolled-clip-opacity-inside-layerize.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="200">
+
+<title>position:fixed with scrolled clip should prerender everything and correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.blueBox {
+  margin: 10px;
+  width: 200px;
+  height: 200px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+.absoluteClip {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  clip: rect(auto auto auto auto);
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(lime 300px, black 0);
+}
+
+.absoluteCyanBox {
+  position: absolute;
+  top: 200px;
+  left: 400px;
+  width: 200px;
+  height: 200px;
+  box-sizing: border-box;
+  border: 1px solid cyan;
+}
+
+
+</style>
+
+<div class="blueBox" reftest-assigned-layer="page-background"></div>
+
+<div class="absoluteClip">
+  <div class="opacity">
+    <div class="fixed"></div>
+  </div>
+</div>
+
+<div class="absoluteCyanBox" reftest-assigned-layer="page-background"></div>
diff --git a/layout/reftests/layers/fixed-pos-scrolled-clip-opacity-layerize.html b/layout/reftests/layers/fixed-pos-scrolled-clip-opacity-layerize.html
new file mode 100644
index 0000000000..2f302da25d
--- /dev/null
+++ b/layout/reftests/layers/fixed-pos-scrolled-clip-opacity-layerize.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="200">
+
+<title>position:fixed with scrolled clip should prerender everything and correctly move the clip</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 4000px;
+}
+
+.blueBox {
+  margin: 10px;
+  width: 200px;
+  height: 200px;
+  box-sizing: border-box;
+  border: 1px solid blue;
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+.absoluteClip {
+  position: absolute;
+  top: 300px;
+  left: 100px;
+  width: 200px;
+  height: 200px;
+  background: red;
+  clip: rect(auto auto auto auto);
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(lime 300px, black 0);
+}
+
+.absoluteCyanBox {
+  position: absolute;
+  top: 200px;
+  left: 400px;
+  width: 200px;
+  height: 200px;
+  box-sizing: border-box;
+  border: 1px solid cyan;
+}
+
+
+</style>
+
+<div class="blueBox" reftest-assigned-layer="page-background"></div>
+
+<div class="opacity">
+  <div class="absoluteClip">
+    <div class="fixed"></div>
+  </div>
+</div>
+
+<div class="absoluteCyanBox" reftest-assigned-layer="page-background"></div>
diff --git a/layout/reftests/layers/forced-bg-color-outside-visible-region-ref.html b/layout/reftests/layers/forced-bg-color-outside-visible-region-ref.html
new file mode 100644
index 0000000000..8a5c68ac5e
--- /dev/null
+++ b/layout/reftests/layers/forced-bg-color-outside-visible-region-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Bug 1266161 - Reference</title>
+
+<style type="text/css">
+
+html, body {
+  margin: 0;
+}
+
+#scrollbox {
+  overflow: auto;
+  height: 500px;
+  width: 500px;
+}
+
+#scrolled {
+  height: 1201px;
+}
+
+</style>
+
+<div id="wrapper">
+
+  <div id="scrollbox">
+
+    <div id="scrolled">
+    </div>
+
+  </div>
+
+</div>
+
+<script>
+
+var scrollbox = document.getElementById("scrollbox");
+scrollbox.scrollTop = 80;
+
+</script>
diff --git a/layout/reftests/layers/forced-bg-color-outside-visible-region.html b/layout/reftests/layers/forced-bg-color-outside-visible-region.html
new file mode 100644
index 0000000000..fe7d75a272
--- /dev/null
+++ b/layout/reftests/layers/forced-bg-color-outside-visible-region.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Bug 1266161 - Black boxes during scrolling</title>
+
+<style type="text/css">
+
+html, body {
+  margin: 0;
+  height: 100%;
+}
+
+body {
+  outline: 2px solid white;
+}
+
+#scrollbox {
+  overflow: auto;
+  will-change: transform, scroll-position;
+  height: 500px;
+  width: 500px;
+}
+
+#scrolled {
+  padding-top: 1px;
+  height: 1200px;
+}
+
+p {
+  height: 20px;
+  background: white;
+  margin-top: 16px;
+}
+
+span, em {
+  display: block;
+  background: white;
+  width: 134px;
+  height: 14px;
+  margin-top: 32px;
+}
+
+em {
+  width: 10px;
+}
+
+</style>
+
+<div id="scrollbox"
+   reftest-displayport-x="0"
+   reftest-displayport-y="0"
+   reftest-displayport-w="500"
+   reftest-displayport-h="500">
+
+  <div id="scrolled">
+    <p></p>
+    <p></p>
+    <p></p>
+    <span style="margin-top: 48px"></span>
+    <span style="margin-top: 64px"></span>
+    <span style="margin-top: 96px"></span>
+    <span style="margin-top: 96px"></span>
+    <em></em>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+  </div>
+
+</div>
+
+<script>
+
+var scrollbox = document.getElementById("scrollbox");
+
+var pos = [ 170, 100, 248, 182, 130, 80 ];
+
+var i = 0;
+function scrollToNextPos() {
+  scrollbox.scrollTop = pos[i++];
+}
+
+scrollToNextPos();
+
+window.addEventListener("MozReftestInvalidate", function () {
+  requestAnimationFrame(function scrollAndScheduleNext() {
+    scrollToNextPos();
+    if (i < pos.length) {
+      requestAnimationFrame(scrollAndScheduleNext);
+    } else {
+      document.documentElement.className = "";
+    }
+  });
+});
+
+</script>
diff --git a/layout/reftests/layers/layerize-over-fixed-bg-1.html b/layout/reftests/layers/layerize-over-fixed-bg-1.html
new file mode 100644
index 0000000000..26e677e0a0
--- /dev/null
+++ b/layout/reftests/layers/layerize-over-fixed-bg-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>The fixed background should not cause .inner to move to a different layer than .outer</title>
+
+<style>
+
+body {
+  margin: 0;
+  height: 3000px;
+}
+
+.outer {
+  border: 1px solid black;
+  margin: 10px;
+}
+
+.outer > div {
+  margin: 10px;
+}
+
+.fixed-bg {
+  height: 100px;
+  background-image: linear-gradient(lime, lime);
+  background-attachment: fixed;
+}
+
+.inner {
+  border: 1px solid blue;
+  padding: 20px;
+}
+
+</style>
+
+<div class="outer" reftest-assigned-layer="page-background">
+  <!-- .inner and .fixed-bg do not overlap, so .inner should be merged into
+       the same layer as .outer. -->
+  <div class="fixed-bg"></div>
+  <div class="inner" reftest-assigned-layer="page-background"></div>
+</div>
diff --git a/layout/reftests/layers/mask-layer-transform-ref.html b/layout/reftests/layers/mask-layer-transform-ref.html
new file mode 100644
index 0000000000..54cd38607f
--- /dev/null
+++ b/layout/reftests/layers/mask-layer-transform-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body>
+    <div style="position:relative; left: 400px; width: 200px; height: 200px; overflow:hidden; border-radius: 20px;">
+        <div style="width:200px; height:200px; background-color:red; transform: perspective(100px) rotateY(10deg)"></div>
+    </div>
+</body>
+</html>
+
diff --git a/layout/reftests/layers/mask-layer-transform.html b/layout/reftests/layers/mask-layer-transform.html
new file mode 100644
index 0000000000..0a809c50bd
--- /dev/null
+++ b/layout/reftests/layers/mask-layer-transform.html
@@ -0,0 +1,10 @@
+<html>
+<body>
+    <div style="width:200px; height: 200px; transform: translate(400px);">
+        <div style="width: 200px; height: 200px; overflow:hidden; border-radius: 20px;">
+            <div style="width:200px; height:200px; background-color:red; transform: perspective(100px) rotateY(10deg)"></div>
+        </div>
+  </div>
+</body>
+</html>
+
diff --git a/layout/reftests/layers/move-to-background-1-ref.html b/layout/reftests/layers/move-to-background-1-ref.html
new file mode 100644
index 0000000000..c5ac7391d8
--- /dev/null
+++ b/layout/reftests/layers/move-to-background-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  overflow:hidden;
+  width:200px;
+  height:80px;
+  position:absolute;
+  left:10px;
+}
+</style>
+</head>
+<body>
+  <div style="top:0px; z-index:0">Hello</div>
+  <div style="top:200px; z-index:1">Hello</div>
+  <div style="opacity:0.5; top:100px; z-index:2">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/layers/move-to-background-1.html b/layout/reftests/layers/move-to-background-1.html
new file mode 100644
index 0000000000..18ca9c8cee
--- /dev/null
+++ b/layout/reftests/layers/move-to-background-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+  overflow:hidden;
+  width:200px;
+  height:80px;
+  position:absolute;
+  left:10px;
+}
+</style>
+</head>
+<body>
+  <div style="top:0px; z-index:0">Hello</div>
+  <div style="opacity:0.5; top:100px; z-index:1">Hello</div>
+  <div style="top:200px; z-index:2">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/layers/opacity-background-1-ref.html b/layout/reftests/layers/opacity-background-1-ref.html
new file mode 100644
index 0000000000..c80ed88866
--- /dev/null
+++ b/layout/reftests/layers/opacity-background-1-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+
+<style>
+.main {
+    top: 0px;
+    left: 0px;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    background-color: red;
+}
+
+.background {
+    background-color: white;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    opacity: 0.9;
+}
+
+.container {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    overflow: scroll;
+}
+
+.message {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 101%;
+    height: 101%;
+}
+</style>
+</head>
+
+<body>
+<div class="main">
+    <div class="background"></div>
+    <div class="container">
+        <div class="message">foo</div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/layers/opacity-background-1.html b/layout/reftests/layers/opacity-background-1.html
new file mode 100644
index 0000000000..5a942ccaab
--- /dev/null
+++ b/layout/reftests/layers/opacity-background-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+
+<style>
+.main {
+    top: 0px;
+    left: 0px;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    background-color: red;
+}
+
+.background {
+    background: linear-gradient(#ffffff, #ffffff);
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    opacity: 0.9;
+}
+
+.container {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    overflow: scroll;
+}
+
+.message {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 101%;
+    height: 101%;
+}
+</style>
+</head>
+
+<body>
+<div class="main">
+    <div class="background"></div>
+    <div class="container">
+        <div class="message">foo</div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/layers/opacity-blending-ref.html b/layout/reftests/layers/opacity-blending-ref.html
new file mode 100644
index 0000000000..533ecef701
--- /dev/null
+++ b/layout/reftests/layers/opacity-blending-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Compositor opacity blending should work correctly (and the same as canvas)</title>
+<html class="reftest-wait">
+<head>
+<script>
+    function load() {
+        var one = document.getElementById("one").getContext("2d");
+
+        one.fillStyle = "rgba(255,0,0,0.5)";
+        one.fillRect(0, 0, 200, 200);
+        one.fillStyle = "rgba(0,255,0,0.5)";
+        one.fillRect(0, 0, 200, 200);
+
+        document.documentElement.removeAttribute("class");
+    }
+</script>
+</head>
+<body onload="load()">
+
+<div style="opacity:0.8">
+    <canvas id="one" style="position:absolute; left:0px;"></canvas>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/layers/opacity-blending.html b/layout/reftests/layers/opacity-blending.html
new file mode 100644
index 0000000000..2b9731f0c0
--- /dev/null
+++ b/layout/reftests/layers/opacity-blending.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Compositor opacity blending should work correctly (and the same as canvas)</title>
+<html class="reftest-wait">
+<head>
+<script>
+    function load() {
+        var one = document.getElementById("one").getContext("2d");
+        var two = document.getElementById("two").getContext("2d");
+
+        one.fillStyle = "rgba(255,0,0,0.5)";
+        one.fillRect(0, 0, 200, 200);
+        two.fillStyle = "rgba(0,255,0,0.5)";
+        two.fillRect(0, 0, 200, 200);
+
+        document.documentElement.removeAttribute("class");
+      }
+</script>
+</head>
+<body onload="load()">
+
+<div style="opacity:0.8">
+    <canvas id="one" style="position:absolute; left:0px;"></canvas>
+    <canvas id="two" style="position:absolute; left:0px;"></canvas>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/layers/opacity-flattening-large-image-ref.html b/layout/reftests/layers/opacity-flattening-large-image-ref.html
new file mode 100644
index 0000000000..47c398086c
--- /dev/null
+++ b/layout/reftests/layers/opacity-flattening-large-image-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Reference: Opacity Flattening for Large Images</title>
+<style>
+div {
+  display: inline-block;
+  height: 40px;
+  width: 40px;
+  opacity: 0.25;
+}
+
+.blackcolor {
+  background: black;
+}
+</style>
+</head>
+
+<body>
+<div class="blackcolor"></div>
+<div class="blackcolor"></div>
+<div class="blackcolor"></div>
+<div class="blackcolor"></div>
+<div class="blackcolor"></div>
+</body>
+</html>
diff --git a/layout/reftests/layers/opacity-flattening-large-image.html b/layout/reftests/layers/opacity-flattening-large-image.html
new file mode 100644
index 0000000000..299abb56ba
--- /dev/null
+++ b/layout/reftests/layers/opacity-flattening-large-image.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Opacity Flattening for Large Images</title>
+<style>
+div {
+  display: inline-block;
+  height: 40px;
+  width: 40px;
+  opacity: 0.25;
+}
+
+.png40x40 {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAQMAAAC2MCouAAAAA1BMVEUAAACnej3aAAAADElEQVQI12NgGFkAAADwAAHXt5aiAAAAAElFTkSuQmCC) no-repeat;
+}
+
+.png40x4096 {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAABAAAQMAAAA6ETG7AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5QceCDgMmIF9RQAAAANQTFRFAAAAp3o92gAAAC5JREFUGBntwTEBAAAAwiD7p14IX2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAtYAAAAfQusroAAAAASUVORK5CYII=) no-repeat;
+}
+
+.png40x4097 {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAABABAQMAAADxTeIeAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5QceCDgchTZtIQAAAANQTFRFAAAAp3o92gAAAC5JREFUGBntwTEBAAAAwiD7p14JT2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBJYAYAAYO1lz8AAAAASUVORK5CYII=) no-repeat;
+}
+
+.png4096x40 {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEAAAAAAoAQMAAABETK3BAAAAA1BMVEUAAACnej3aAAAAK0lEQVR42u3BMQEAAADCoPVPbQ0PoAAAAAAAAAAAAAAAAAAAAAAAAACAFwNQKAAB/x49MAAAAABJRU5ErkJggg==) no-repeat;
+}
+
+.png4097x40 {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEAEAAAAoAQMAAACrjsb/AAAAA1BMVEUAAACnej3aAAAAK0lEQVR42u3BAQ0AAADCoPdPbQ43oAAAAAAAAAAAAAAAAAAAAAAAAACANwNQUAABp9gL6AAAAABJRU5ErkJggg==) no-repeat;
+}
+</style>
+</head>
+
+<body>
+<div class="png40x40"></div>
+<div class="png40x4096"></div>
+<div class="png40x4097"></div>
+<div class="png4096x40"></div>
+<div class="png4097x40"></div>
+</body>
+</html>
diff --git a/layout/reftests/layers/opacity-keep-intermediate-surface-too-long-ref.html b/layout/reftests/layers/opacity-keep-intermediate-surface-too-long-ref.html
new file mode 100644
index 0000000000..6c5d2ad084
--- /dev/null
+++ b/layout/reftests/layers/opacity-keep-intermediate-surface-too-long-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<title>Clicking the canvas should turn it green (and shift it slighly)</title>
+
+<style>
+
+canvas {
+  border: 10px solid black;
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+</style>
+
+</head><body><div style="transform: translateX(1px)">
+  <div class="wrapper" style="transform: translateX(1px);">
+    <div class="opacity">
+      <div class="border">
+        <canvas id="canvas" width="200" height="200"></canvas>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+
+var canvas = document.getElementById('canvas');
+canvas.width = 200;
+canvas.height = 200;
+var ctx = canvas.getContext('2d');
+ctx.fillStyle = 'lime';
+ctx.fillRect(0, 0, 200, 200);
+</script>
+</body></html>
diff --git a/layout/reftests/layers/opacity-keep-intermediate-surface-too-long.html b/layout/reftests/layers/opacity-keep-intermediate-surface-too-long.html
new file mode 100644
index 0000000000..03e2e92769
--- /dev/null
+++ b/layout/reftests/layers/opacity-keep-intermediate-surface-too-long.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+<title>Clicking the canvas should turn it green (and shift it slighly)</title>
+
+<style>
+
+canvas {
+  border: 10px solid black;
+}
+
+.opacity {
+  opacity: 0.8;
+}
+
+</style>
+
+</head><body><div style="transform: translateX(1px)"><!-- create reference frame -->
+  <div class="wrapper"><!-- this starts out without a transform but later gets transformed -->
+    <div class="opacity"><!-- this creates a ContainerLayer with an intermediate surface for group opacity -->
+      <div class="border"><!-- this adds another visual element into the group opacity -->
+        <canvas id="canvas" width="200" height="200"></canvas><!-- this causes all ancestor effects to become active ContainerLayers -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+
+var canvas = document.getElementById('canvas');
+var wrapper = document.querySelector('.wrapper');
+canvas.width = 200;
+canvas.height = 200;
+var ctx = canvas.getContext('2d');
+ctx.fillStyle = 'red';
+ctx.fillRect(0, 0, 200, 200);
+
+function doTest() {
+  ctx.fillStyle = 'lime';
+  ctx.fillRect(0, 0, 200, 200);
+  wrapper.style.transform = 'translateX(1px)';
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
+</body></html>
diff --git a/layout/reftests/layers/pull-background-1.html b/layout/reftests/layers/pull-background-1.html
new file mode 100644
index 0000000000..09e2f27c9f
--- /dev/null
+++ b/layout/reftests/layers/pull-background-1.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="scrollable border">
+  <div class="scrollarea">
+    <div class="scrolled border reftest-opaque-layer">
+      <!--
+        The background of .scrollable is uniform and opaque,
+        .scrolled should be able to pull up that background color and become
+        opaque itself.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-2.html b/layout/reftests/layers/pull-background-2.html
new file mode 100644
index 0000000000..75b625eb32
--- /dev/null
+++ b/layout/reftests/layers/pull-background-2.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even through an opacity container layer</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: 150px;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+.opacity {
+  opacity: 0.9;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="opacity border">
+  <div class="opacity scrollable">
+    <div class="scrollarea">
+      <div class="scrolled border reftest-opaque-layer">
+        <!--
+          The background of .scrollable is uniform and opaque,
+          .scrolled should be able to pull up that background color and become
+          opaque itself.
+        -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-3.html b/layout/reftests/layers/pull-background-3.html
new file mode 100644
index 0000000000..00ab846b2a
--- /dev/null
+++ b/layout/reftests/layers/pull-background-3.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrollboxes with non-uniform backgrounds should prevent their contents from pulling background colors, even if those contents start out above uniform backgrounds</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.underlap {
+  border: 1px solid #088;
+  margin-left: 120px;
+  width: 80px;
+  margin-bottom: -30px;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="underlap">
+  <!--
+    This item intersects with the scrollable box and is positioned below
+    .scrollable, in z-order.
+  -->
+</div>
+
+<div class="scrollable border">
+  <div class="scrollarea">
+    <div class="scrolled border reftest-no-paint">
+      <!--
+        This box starts out above solid white background, but it will move so
+        that it intersects .underlap, so it shouldn't pull up a background
+        color to begin with so that it doesn't need to invalidate.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+function doTest() {
+  scrollable.scrollLeft = 100;
+  document.documentElement.removeAttribute("class");
+}
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 10;
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/layers/pull-background-4.html b/layout/reftests/layers/pull-background-4.html
new file mode 100644
index 0000000000..6b2ff200fd
--- /dev/null
+++ b/layout/reftests/layers/pull-background-4.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrollboxes with non-uniform backgrounds should prevent their contents from pulling background colors, even if those contents start out above uniform backgrounds</title>
+<!--
+  This is the same test as pull-background-3.html, but with an additional
+  wrapping opacity container layer.
+-->
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.underlap {
+  border: 1px solid #088;
+  margin-left: 120px;
+  width: 80px;
+  margin-bottom: -30px;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="underlap">
+  <!--
+    This item intersects with the scrollable box and is positioned below
+    .scrollable, in z-order.
+  -->
+</div>
+
+<div class="opacity border">
+  <div class="opacity scrollable">
+    <div class="scrollarea">
+      <div class="scrolled border reftest-no-paint">
+        <!--
+          This box starts out above solid white background, but it will move so
+          that it intersects .underlap, so it shouldn't pull up a background
+          color to begin with so that it doesn't need to invalidate.
+        -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+function doTest() {
+  scrollable.scrollLeft = 100;
+  document.documentElement.removeAttribute("class");
+}
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 10;
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/layers/pull-background-5.html b/layout/reftests/layers/pull-background-5.html
new file mode 100644
index 0000000000..b91f81a7b7
--- /dev/null
+++ b/layout/reftests/layers/pull-background-5.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even if these contents are wider than the uniform area behind the scrollbox</title>
+<!--
+  Very similar to pull-background-2.html, but with a .scrolled element that is
+  wider than the scrollbox.
+-->
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: 150px;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 2000px;
+  height: 100px;
+  border-color: red;
+}
+
+.opacity {
+  opacity: 0.9;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="opacity border">
+  <div class="scrollable">
+    <div class="scrollarea">
+      <div class="scrolled border reftest-opaque-layer">
+        <!--
+          The background of .scrollable is uniform and opaque,
+          .scrolled should be able to pull up that background color and become
+          opaque itself.
+        -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-6.html b/layout/reftests/layers/pull-background-6.html
new file mode 100644
index 0000000000..49e919db58
--- /dev/null
+++ b/layout/reftests/layers/pull-background-6.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even if these contents are wider than the uniform area behind the scrollbox</title>
+<!--
+  Very similar to pull-background-1.html, but with a .scrolled element that is
+  wider than the scrollbox.
+-->
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 2000px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="scrollable border">
+  <div class="scrollarea">
+    <div class="scrolled border reftest-opaque-layer">
+      <!--
+        The background of .scrollable is uniform and opaque,
+        .scrolled should be able to pull up that background color and become
+        opaque itself.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-animated-position-1.html b/layout/reftests/layers/pull-background-animated-position-1.html
new file mode 100644
index 0000000000..e627f2b6bb
--- /dev/null
+++ b/layout/reftests/layers/pull-background-animated-position-1.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even if those contents have an animated position</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+  position: relative;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+.animated-position {
+  position: relative;
+  left: 20px;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="scrollable border">
+  <div class="scrollarea">
+    <div class="scrolled border animated-position reftest-no-paint reftest-opaque-layer">
+      <!--
+        The background of .scrollable is uniform and opaque,
+        .scrolled should be able to pull up that background color and become
+        opaque itself.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+
+var animatedLeft = document.querySelector(".animated-position");
+
+function doTest() {
+  animatedLeft.style.left = "100px";
+  document.documentElement.removeAttribute("class");
+}
+
+// Layerize #animatedLeft
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "40px";
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "60px";
+animatedLeft.offsetLeft;
+
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-animated-position-2.html b/layout/reftests/layers/pull-background-animated-position-2.html
new file mode 100644
index 0000000000..3065593132
--- /dev/null
+++ b/layout/reftests/layers/pull-background-animated-position-2.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Scrollboxes with non-uniform backgrounds should prevent their contents from pulling background colors, even if those contents start out above uniform backgrounds and have an animated position</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+  position: relative;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.underlap {
+  border: 1px solid #088;
+  margin-left: 120px;
+  width: 80px;
+  margin-bottom: -30px;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+.animated-position {
+  position: relative;
+  left: 20px;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="underlap">
+  <!--
+    This item intersects with the scrollable box and is positioned below
+    .scrollable, in z-order.
+  -->
+</div>
+
+<div class="scrollable border">
+  <div class="scrollarea">
+    <div class="scrolled border animated-position reftest-no-paint">
+      <!--
+        This box starts out above solid white background, but it will move so
+        that it intersects .underlap, so it shouldn't pull up a background
+        color to begin with so that it doesn't need to invalidate.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+
+var animatedLeft = document.querySelector(".animated-position");
+
+function doTest() {
+  animatedLeft.style.left = "-40px";
+  document.documentElement.removeAttribute("class");
+}
+
+// Layerize #animatedLeft
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "40px";
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "60px";
+animatedLeft.offsetLeft;
+
+document.addEventListener("MozReftestInvalidate", doTest);
+setTimeout(doTest, 200);
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-animated-position-3.html b/layout/reftests/layers/pull-background-animated-position-3.html
new file mode 100644
index 0000000000..b791b20a51
--- /dev/null
+++ b/layout/reftests/layers/pull-background-animated-position-3.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>This test fails - Layerization should respect overflow:hidden clips around things with animated position</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+  position: relative;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.underlap {
+  border: 1px solid #088;
+  margin-left: 120px;
+  width: 80px;
+  margin-bottom: -30px;
+}
+
+.clip {
+  height: auto;
+  overflow: hidden;
+  padding: 10px 0 20px;
+}
+
+.animated-position {
+  position: relative;
+  left: 20px;
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="underlap">
+  <!--
+    This item intersects with the scrollable box and is positioned below
+    .scrollable, in z-order.
+  -->
+</div>
+
+<div class="clip border">
+  <div class="border animated-position reftest-no-paint">
+    <!--
+      This box starts out above solid white background, but it will move so
+      that it intersects .underlap, so it shouldn't pull up a background
+      color to begin with so that it doesn't need to invalidate.
+    -->
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+    However, we don't take .animated-position's clip into account when
+    layerizing, so .second will be pulled up into its own layer above
+    .animated-position. So this test will fail.
+  -->
+</div>
+
+<script>
+
+var animatedLeft = document.querySelector(".animated-position");
+
+function doTest() {
+  animatedLeft.style.left = "-40px";
+  document.documentElement.removeAttribute("class");
+}
+
+// Layerize #animatedLeft
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "40px";
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "60px";
+animatedLeft.offsetLeft;
+
+document.addEventListener("MozReftestInvalidate", doTest);
+setTimeout(doTest, 200);
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-animated-position-4.html b/layout/reftests/layers/pull-background-animated-position-4.html
new file mode 100644
index 0000000000..c92f2fd3ee
--- /dev/null
+++ b/layout/reftests/layers/pull-background-animated-position-4.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>This test fails - layerization should respect overflow:hidden clips around things with animated position</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+  position: relative;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.clip {
+  height: auto;
+  overflow: hidden;
+  padding: 10px 0 20px;
+}
+
+.animated-position {
+  position: relative;
+  left: 20px;
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="clip border">
+  <div class="border animated-position reftest-no-paint reftest-opaque-layer">
+    <!--
+      The background of .clip is uniform and opaque,
+      .animated-position should be able to pull up that background color and
+      become opaque itself.
+      However, since this clip is not created by an animated geometry root that
+      is a scrollable frame, we currently fail to recognize it, so this test
+      will fail.
+    -->
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+    However, since we don't recognize that .animated-position is contained in
+    a clip, .second gets its own layer above .animated-position, so this test
+    will fail.
+  -->
+</div>
+
+<script>
+
+var animatedLeft = document.querySelector(".animated-position");
+
+function doTest() {
+  animatedLeft.style.left = "-40px";
+  document.documentElement.removeAttribute("class");
+}
+
+// Layerize #animatedLeft
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "40px";
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "60px";
+animatedLeft.offsetLeft;
+
+document.addEventListener("MozReftestInvalidate", doTest);
+setTimeout(doTest, 200);
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-animated-position-5.html b/layout/reftests/layers/pull-background-animated-position-5.html
new file mode 100644
index 0000000000..c213a1e32d
--- /dev/null
+++ b/layout/reftests/layers/pull-background-animated-position-5.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>This test fails - Opacity containers should anticipate animations of the contents when deciding whether to pull a background color</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+  position: relative;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.underlap {
+  border: 1px solid #088;
+  margin-left: 120px;
+  width: 80px;
+  margin-bottom: -30px;
+}
+
+.opacity {
+  opacity: 0.9;
+  height: auto;
+  padding: 10px 0 20px;
+}
+
+.animated-position {
+  position: relative;
+  left: 20px;
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="underlap">
+  <!--
+    This item intersects with the scrollable box and is positioned below
+    .scrollable, in z-order.
+  -->
+</div>
+
+<div class="border">
+  <div class="opacity">
+    <div class="border animated-position reftest-no-paint">
+      <!--
+        This item start out above solid white background but will move to
+        intersect .underlap, so it shouldn't pull up the background color.
+        However, the opacity item that wraps this item only looks at the
+        current bounds of its contents, so this test will fail.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var animatedLeft = document.querySelector(".animated-position");
+
+function doTest() {
+  animatedLeft.style.left = "-40px";
+  document.documentElement.removeAttribute("class");
+}
+
+// Layerize #animatedLeft
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "40px";
+animatedLeft.offsetLeft;
+animatedLeft.style.left = "60px";
+animatedLeft.offsetLeft;
+
+document.addEventListener("MozReftestInvalidate", doTest);
+setTimeout(doTest, 200);
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-displayport-1.html b/layout/reftests/layers/pull-background-displayport-1.html
new file mode 100644
index 0000000000..b3a5aa9f9c
--- /dev/null
+++ b/layout/reftests/layers/pull-background-displayport-1.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even if their contents have a visible region that extends beyond the scrollbox clip</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="scrollable border"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="2000" reftest-displayport-h="200">
+  <div class="scrollarea">
+    <div class="scrolled border reftest-opaque-layer">
+      <!--
+        The background of .scrollable is uniform and opaque,
+        .scrolled should be able to pull up that background color and become
+        opaque itself.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-displayport-2.html b/layout/reftests/layers/pull-background-displayport-2.html
new file mode 100644
index 0000000000..fb69775157
--- /dev/null
+++ b/layout/reftests/layers/pull-background-displayport-2.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even if their contents have a visible region that extends beyond the scrollbox clip, even through an opacity container layer</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: 150px;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+.opacity {
+  opacity: 0.9;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="opacity border">
+  <div class="opacity scrollable"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="2000" reftest-displayport-h="200">
+    <div class="scrollarea">
+      <div class="scrolled border reftest-opaque-layer">
+        <!--
+          The background of .scrollable is uniform and opaque,
+          .scrolled should be able to pull up that background color and become
+          opaque itself.
+        -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-displayport-3.html b/layout/reftests/layers/pull-background-displayport-3.html
new file mode 100644
index 0000000000..d375935df4
--- /dev/null
+++ b/layout/reftests/layers/pull-background-displayport-3.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Scrollboxes with non-uniform backgrounds should prevent their contents from pulling background colors, even if those contents start out above uniform backgrounds</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.underlap {
+  border: 1px solid #088;
+  margin-left: 120px;
+  width: 80px;
+  margin-bottom: -30px;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="underlap">
+  <!--
+    This item intersects with the scrollable box and is positioned below
+    .scrolled, in z-order.
+  -->
+</div>
+
+<div class="scrollable border"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="2000" reftest-displayport-h="200">
+  <div class="scrollarea">
+    <div class="scrolled border reftest-no-paint">
+      <!--
+        This box starts out above solid white background, but it will move so
+        that it intersects .underlap, so it shouldn't pull up a background
+        color to begin with so that it doesn't need to invalidate.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+function doTest() {
+  scrollable.scrollLeft = 100;
+  document.documentElement.removeAttribute("class");
+}
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 10;
+document.addEventListener("MozReftestInvalidate", doTest);
+// setTimeout(doTest, 500);
+
+</script>
diff --git a/layout/reftests/layers/pull-background-displayport-4.html b/layout/reftests/layers/pull-background-displayport-4.html
new file mode 100644
index 0000000000..884cfe0418
--- /dev/null
+++ b/layout/reftests/layers/pull-background-displayport-4.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Scrollboxes with non-uniform backgrounds should prevent their contents from pulling background colors, even if those contents start out above uniform backgrounds</title>
+<!--
+  This is the same test as pull-background-displayport-3.html, but with an additional
+  wrapping opacity container layer.
+-->
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.underlap {
+  border: 1px solid #088;
+  margin-left: 120px;
+  width: 80px;
+  margin-bottom: -30px;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 100px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="underlap">
+  <!--
+    This item intersects with the scrollable box and is positioned below
+    .scrolled, in z-order.
+  -->
+</div>
+
+<div class="opacity border">
+  <div class="opacity scrollable"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="2000" reftest-displayport-h="200">
+    <div class="scrollarea">
+      <div class="scrolled border reftest-no-paint">
+        <!--
+          This box starts out above solid white background, but it will move so
+          that it intersects .underlap, so it shouldn't pull up a background
+          color to begin with so that it doesn't need to invalidate.
+        -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+function doTest() {
+  scrollable.scrollLeft = 100;
+  document.documentElement.removeAttribute("class");
+}
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 10;
+document.addEventListener("MozReftestInvalidate", doTest);
+// setTimeout(doTest, 500);
+
+</script>
diff --git a/layout/reftests/layers/pull-background-displayport-5.html b/layout/reftests/layers/pull-background-displayport-5.html
new file mode 100644
index 0000000000..6b865e7d64
--- /dev/null
+++ b/layout/reftests/layers/pull-background-displayport-5.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even if these contents are wider than the uniform area behind the scrollbox</title>
+<!--
+  Very similar to pull-background-displayport-2.html, but with a .scrolled element that is
+  wider than the scrollbox.
+-->
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: 150px;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 2000px;
+  height: 100px;
+  border-color: red;
+}
+
+.opacity {
+  opacity: 0.9;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="opacity border">
+  <div class="scrollable"
+       reftest-displayport-x="0" reftest-displayport-y="0"
+       reftest-displayport-w="2000" reftest-displayport-h="200">
+    <div class="scrollarea">
+      <div class="scrolled border reftest-opaque-layer">
+        <!--
+          The background of .scrollable is uniform and opaque,
+          .scrolled should be able to pull up that background color and become
+          opaque itself.
+        -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/pull-background-displayport-6.html b/layout/reftests/layers/pull-background-displayport-6.html
new file mode 100644
index 0000000000..27f66d6ac4
--- /dev/null
+++ b/layout/reftests/layers/pull-background-displayport-6.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Scrollboxes with uniform backgrounds should pull that color into their contents, even if these contents are wider than the uniform area behind the scrollbox</title>
+
+<style>
+
+div {
+  min-height: 50px;
+  box-model: border-box;
+}
+
+.first, .second {
+  border: 1px solid blue;
+  margin: 50px 0;
+}
+
+.border {
+  border: 1px solid black;
+}
+
+.scrollable {
+  height: auto;
+  overflow: auto;
+}
+
+.scrollarea {
+  width: 5000px;
+  border: none;
+  padding: 10px 0 20px;
+  height: auto;
+}
+
+.scrolled {
+  margin-left: 220px;
+  width: 2000px;
+  height: 100px;
+  border-color: red;
+}
+
+body {
+  margin: 0;
+  padding: 0 100px;
+  height: 3000px;
+}
+
+</style>
+
+<div class="first" reftest-assigned-layer="page-background">
+  <!--
+    This is just a regular box, it should end up in the page background layer.
+  -->
+</div>
+
+<div class="scrollable border"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="2000" reftest-displayport-h="200">
+  <div class="scrollarea">
+    <div class="scrolled border reftest-opaque-layer">
+      <!--
+        The background of .scrollable is uniform and opaque,
+        .scrolled should be able to pull up that background color and become
+        opaque itself.
+      -->
+    </div>
+  </div>
+</div>
+
+<div class="second" reftest-assigned-layer="page-background">
+  <!--
+    This should share a layer with .first and the page background.
+  -->
+</div>
+
+<script>
+
+var scrollable = document.querySelector(".scrollable");
+
+// Make .scrollable start out with active scrolling.
+scrollable.scrollLeft = 0;
+scrollable.scrollLeft = 20;
+
+</script>
+
diff --git a/layout/reftests/layers/reftest.list b/layout/reftests/layers/reftest.list
new file mode 100644
index 0000000000..f65a93a165
--- /dev/null
+++ b/layout/reftests/layers/reftest.list
@@ -0,0 +1,36 @@
+== move-to-background-1.html move-to-background-1-ref.html
+fuzzy-if(cocoaWidget,0-2,0-6) random-if(Android) == component-alpha-exit-1.html component-alpha-exit-1-ref.html # bug 760275
+fuzzy-if(cocoaWidget,0-2,0-6) random-if(Android) == component-alpha-enter-1.html component-alpha-enter-1-ref.html
+
+!= pull-background-1.html about:blank
+!= pull-background-2.html about:blank
+!= pull-background-3.html about:blank
+!= pull-background-4.html about:blank
+!= pull-background-5.html about:blank
+!= pull-background-6.html about:blank
+
+# The animated-position tests are disabled for intermittent failures / passes, bug 1150941
+skip != pull-background-animated-position-1.html about:blank # Fails with event regions
+skip != pull-background-animated-position-2.html about:blank
+skip != pull-background-animated-position-3.html about:blank # Fails because PaintedLayer item assignment doesn't recognize overflow:hidden clips
+skip != pull-background-animated-position-4.html about:blank # Fails because PaintedLayer item assignment and background pulling don't recognize overflow:hidden clips
+skip != pull-background-animated-position-5.html about:blank # Fails because ownLayer bounds don't anticipate changes of animated contents, but doesn't fail with event regions
+
+skip-if(!asyncPan) != pull-background-displayport-1.html about:blank
+skip-if(!asyncPan) != pull-background-displayport-2.html about:blank
+skip-if(!asyncPan) != pull-background-displayport-3.html about:blank # fails with non-overlay scrollbars and event regions due to bug 1148515
+skip-if(!asyncPan) != pull-background-displayport-4.html about:blank # fails with non-overlay scrollbars and event regions due to bug 1148515
+skip-if(!asyncPan) != pull-background-displayport-5.html about:blank
+skip-if(!asyncPan) != pull-background-displayport-6.html about:blank # fails with non-overlay scrollbars and event regions due to bug 1148515
+
+skip-if(Android&&emulator) fuzzy(0-2,0-30150) == opacity-blending.html opacity-blending-ref.html
+fuzzy(0-16,0-30) == mask-layer-transform.html mask-layer-transform-ref.html
+fuzzy-if(gtkWidget,0-1,0-17) fuzzy-if(Android,0-3,0-4) == forced-bg-color-outside-visible-region.html forced-bg-color-outside-visible-region-ref.html
+!= layerize-over-fixed-bg-1.html about:blank
+skip-if(!asyncPan) != fixed-pos-scrolled-clip-layerize.html about:blank
+skip-if(!asyncPan) == fixed-pos-scrolled-clip-opacity-layerize.html fixed-pos-scrolled-clip-opacity-inside-layerize.html
+
+fuzzy(0-1,0-8033) == opacity-background-1.html opacity-background-1-ref.html
+== opacity-flattening-large-image.html opacity-flattening-large-image-ref.html
+
+== opacity-keep-intermediate-surface-too-long.html opacity-keep-intermediate-surface-too-long-ref.html
diff --git a/layout/reftests/line-breaking/between-whitespaces-ref.html b/layout/reftests/line-breaking/between-whitespaces-ref.html
new file mode 100644
index 0000000000..167f8ce228
--- /dev/null
+++ b/layout/reftests/line-breaking/between-whitespaces-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Line breaks between white spaces</title>
+<style>
+div {
+  width: 0px;
+  border: 1px solid blue;
+  white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<table>
+<tr><th>U+0009</th><td><div>&#x0009;&#x0009;</div></td></tr>
+<tr><th>U+000D</th><td><div>&#x000D;&#x000D;</div></td></tr>
+<tr><th>U+0020</th><td><div>&#x0020;&#x0020;</div></td></tr>
+<tr><th>U+2000</th><td><div>&#x2000;&#x2000;</div></td></tr>
+<tr><th>U+2001</th><td><div>&#x2000;&#x2001;</div></td></tr>
+<tr><th>U+2002</th><td><div>&#x2000;&#x2002;</div></td></tr>
+<tr><th>U+2003</th><td><div>&#x2000;&#x2003;</div></td></tr>
+<tr><th>U+2004</th><td><div>&#x2000;&#x2004;</div></td></tr>
+<tr><th>U+2005</th><td><div>&#x2000;&#x2005;</div></td></tr>
+<tr><th>U+2006</th><td><div>&#x2000;&#x2006;</div></td></tr>
+<tr><th>U+2008</th><td><div>&#x2000;&#x2008;</div></td></tr>
+<tr><th>U+2009</th><td><div>&#x2000;&#x2009;</div></td></tr>
+<tr><th>U+200A</th><td><div>&#x2000;&#x200A;</div></td></tr>
+<tr><th>U+200B</th><td><div>&#x2000;&#x200B;</div></td></tr>
+<tr><th>U+3000</th><td><div>&#x3000;&#x3000;</div></td></tr>
+</table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/line-breaking/between-whitespaces.html b/layout/reftests/line-breaking/between-whitespaces.html
new file mode 100644
index 0000000000..2233a461cf
--- /dev/null
+++ b/layout/reftests/line-breaking/between-whitespaces.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Line breaks between white spaces</title>
+<style>
+div {
+  width: 0px;
+  border: 1px solid blue;
+}
+</style>
+</head>
+<body>
+<table>
+<tr><th>U+0009</th><td><div>&#x0009;&#x0009;</div></td></tr>
+<tr><th>U+000D</th><td><div>&#x000D;&#x000D;</div></td></tr>
+<tr><th>U+0020</th><td><div>&#x0020;&#x0020;</div></td></tr>
+<tr><th>U+2000</th><td><div>&#x2000;&#x2000;</div></td></tr>
+<tr><th>U+2001</th><td><div>&#x2000;&#x2001;</div></td></tr>
+<tr><th>U+2002</th><td><div>&#x2000;&#x2002;</div></td></tr>
+<tr><th>U+2003</th><td><div>&#x2000;&#x2003;</div></td></tr>
+<tr><th>U+2004</th><td><div>&#x2000;&#x2004;</div></td></tr>
+<tr><th>U+2005</th><td><div>&#x2000;&#x2005;</div></td></tr>
+<tr><th>U+2006</th><td><div>&#x2000;&#x2006;</div></td></tr>
+<tr><th>U+2008</th><td><div>&#x2000;&#x2008;</div></td></tr>
+<tr><th>U+2009</th><td><div>&#x2000;&#x2009;</div></td></tr>
+<tr><th>U+200A</th><td><div>&#x2000;&#x200A;</div></td></tr>
+<tr><th>U+200B</th><td><div>&#x2000;&#x200B;</div></td></tr>
+<tr><th>U+3000</th><td><div>&#x3000;&#x3000;</div></td></tr>
+</table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/line-breaking/chemical-1-ref.html b/layout/reftests/line-breaking/chemical-1-ref.html
new file mode 100644
index 0000000000..8f7508df25
--- /dev/null
+++ b/layout/reftests/line-breaking/chemical-1-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>6-<br>Bromo-<br>2,4,5-<br>trichlorophenol</p>
+<p>2,3,5,6-<br>Tetrafluorophenol</p>
+<p>4-<br>Bromo-<br>2-<br>fluoro-<br>6-<br>nitrophenol</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/chemical-1.html b/layout/reftests/line-breaking/chemical-1.html
new file mode 100644
index 0000000000..e675dcbca5
--- /dev/null
+++ b/layout/reftests/line-breaking/chemical-1.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>6-Bromo-2,4,5-trichlorophenol</p>
+<p>2,3,5,6-Tetrafluorophenol</p>
+<p>4-Bromo-2-fluoro-6-nitrophenol</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/conservative-range-1-ref.html b/layout/reftests/line-breaking/conservative-range-1-ref.html
new file mode 100644
index 0000000000..9b3b9bb2c1
--- /dev/null
+++ b/layout/reftests/line-breaking/conservative-range-1-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug 809020</title>
+<style>
+p { 
+  font-family: monospace;
+  margin: .5em 0;
+}
+.break {
+  color: green;
+}
+.nobreak {
+  color: red;
+}
+</style>
+</head>
+<body>
+The green examples should break at all their hyphens; the red ones should not.
+<p class="break">
+tally-<br>ho
+</p>
+<p class="break">
+co-<br>author
+</p>
+<p class="break">
+hi-<br>de-<br>hi
+</p>
+<p class="break">
+far-<br>sighted
+</p>
+<p class="break">
+hocus-<br>pocus
+</p>
+<p class="break">
+Nanki-<br>Poo
+</p>
+<p class="break">
+Miami-<br>Dade
+</p>
+<p class="break">
+Wells-<br>next-<br>the-<br>Sea
+</p>
+<p class="break">
+Lee-<br>on-<br>the-<br>Solent
+</p>
+<p class="nobreak">
+\\/^-_-^\//
+</p>
+<p class="nobreak">
+(''')-.-(''')
+<p class="nobreak">
+:-"&gt;
+<p class="nobreak">
+&lt;{^-^}&gt;
+</p>
+<p class="nobreak">
+:-D
+</p>
+<!-- these break due to "emergency" overflow wrapping -->
+<p class="break">
+T-<br>shirt
+</p>
+<p class="break">
+billy-<br>o
+</p>
+<!-- but here the emergency wrap is not forced -->
+<p class="nobreak">
+Supersized<br>T-shirt
+</p>
+<p class="nobreak">
+Going like<br>billy-o
+</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/conservative-range-1.html b/layout/reftests/line-breaking/conservative-range-1.html
new file mode 100644
index 0000000000..17b414fe6d
--- /dev/null
+++ b/layout/reftests/line-breaking/conservative-range-1.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug 809020</title>
+<style>
+p { 
+  font-family: monospace;
+  margin: .5em 0;
+  width:0;
+}
+.break {
+  color: green;
+}
+.nobreak {
+  color: red;
+}
+</style>
+</head>
+<body>
+The green examples should break at all their hyphens; the red ones should not.
+<p class="break">
+tally-ho
+</p>
+<p class="break">
+co-author
+</p>
+<p class="break">
+hi-de-hi
+</p>
+<p class="break">
+far-sighted
+</p>
+<p class="break">
+hocus-pocus
+</p>
+<p class="break">
+Nanki-Poo
+</p>
+<p class="break">
+Miami-Dade
+</p>
+<p class="break">
+Wells-next-the-Sea
+</p>
+<p class="break">
+Lee-on-the-Solent
+</p>
+<p class="nobreak">
+\\/^-_-^\//
+</p>
+<p class="nobreak">
+(''')-.-(''')
+<p class="nobreak">
+:-"&gt;
+<p class="nobreak">
+&lt;{^-^}&gt;
+</p>
+<p class="nobreak">
+:-D
+</p>
+<!-- these break due to "emergency" overflow wrapping -->
+<p class="break">
+T-shirt
+</p>
+<p class="break">
+billy-o
+</p>
+<!-- but here the emergency wrap is not forced -->
+<p class="nobreak" style="width:17ch">
+Supersized T-shirt
+</p>
+<p class="nobreak" style="width:17ch">
+Going like billy-o
+</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/conservative-range-2-ref.html b/layout/reftests/line-breaking/conservative-range-2-ref.html
new file mode 100644
index 0000000000..565d086289
--- /dev/null
+++ b/layout/reftests/line-breaking/conservative-range-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug 809020</title>
+<style>
+p { 
+  font-family: monospace;
+  margin: 1em 0;
+}
+</style>
+</head>
+<body>
+
+Line breaks should always occur before a '/' character,
+and no fragment should be less than 6 chars long.
+
+<p>/a/a</p>
+<p>/a/a/a</p>
+<p>/a/a/a/a</p>
+<p>/a/a/a/a/a</p>
+<p>/a/a/a<br>/a/a/a</p>
+
+<p>/aa/aa<br>/aa/aa<br>/aa/aa/aa</p>
+<p>/aaa/aaa<br>/aaa/aaa/aaa</p>
+<p>/aaaa/aaaa<br>/aaaa/aaaa</p>
+<p>/aaaaa<br>/aaaaa<br>/aaaaa</p>
+<p>/aaaaaa<br>/aaaaaa<br>/aaaaaa</p>
+
+<p>/a/ab/abc<br>/abcd/abcde<br>/abcdef<br>/abcdefg</p>
+<p>/abcdefg<br>/abcdef<br>/abcde<br>/abcd/abc/ab/a</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/conservative-range-2.html b/layout/reftests/line-breaking/conservative-range-2.html
new file mode 100644
index 0000000000..c652eb57d8
--- /dev/null
+++ b/layout/reftests/line-breaking/conservative-range-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug 809020</title>
+<style>
+p { 
+  font-family: monospace;
+  margin: 1em 0;
+  width:0;
+}
+</style>
+</head>
+<body>
+
+Line breaks should always occur before a '/' character,
+and no fragment should be less than 6 chars long.
+
+<p>/a/a</p>
+<p>/a/a/a</p>
+<p>/a/a/a/a</p>
+<p>/a/a/a/a/a</p>
+<p>/a/a/a/a/a/a</p>
+
+<p>/aa/aa/aa/aa/aa/aa/aa</p>
+<p>/aaa/aaa/aaa/aaa/aaa</p>
+<p>/aaaa/aaaa/aaaa/aaaa</p>
+<p>/aaaaa/aaaaa/aaaaa</p>
+<p>/aaaaaa/aaaaaa/aaaaaa</p>
+
+<p>/a/ab/abc/abcd/abcde/abcdef/abcdefg</p>
+<p>/abcdefg/abcdef/abcde/abcd/abc/ab/a</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/currency-1-ref.html b/layout/reftests/line-breaking/currency-1-ref.html
new file mode 100644
index 0000000000..9cfe0a4d60
--- /dev/null
+++ b/layout/reftests/line-breaking/currency-1-ref.html
@@ -0,0 +1,62 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>______$123,456-</p>
+<p>123,456$______</p>
+
+<!-- BACK SLASH is used for YEN SIGN and WON SIGN in Japan and Korea -->
+<p>______\123,456-</p>
+<p>123,456\______</p>
+
+<p>______&euro;123,456-</p>
+<p>123,456&euro;______</p>
+
+<p>______&cent;;123,456-</p>
+<p>123,456&cent;______</p>
+
+<p>______&pound;123,456-</p>
+<p>123,456&pound;______</p>
+
+<p>______&curren;123,456-</p>
+<p>123,456&curren;______</p>
+
+<p>______&yen;123,456-</p>
+<p>123,456&yen;______</p>
+
+<!-- EURO-CURRENCY SIGN -->
+<p>______&#x20A0;123,456-</p>
+<p>123,456&#x20A0;______</p>
+
+<!-- COLON SIGN -->
+<p>______&#x20A1;123,456-</p>
+<p>123,456&#x20A1;______</p>
+
+<!-- CRUZEIRO SIGN -->
+<p>______&#x20A2;123,456-</p>
+<p>123,456&#x20A2;______</p>
+
+<!-- FRENCH FRANC SIGN -->
+<p>______&#x20A3;123,456-</p>
+<p>123,456&#x20A3;______</p>
+
+<!-- LIRA SIGN -->
+<p>______&#x20A4;123,456-</p>
+<p>123,456&#x20A4;______</p>
+
+<!-- MILL SIGN -->
+<p>______&#x20A5;123,456-</p>
+<p>123,456&#x20A5;______</p>
+
+<!-- NAIRA SIGN -->
+<p>______&#x20A6;123,456-</p>
+<p>123,456&#x20A6;______</p>
+
+<!-- PESETA SIGN -->
+<p>______&#x20A7;123,456-</p>
+<p>123,456&#x20A7;______</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/currency-1.html b/layout/reftests/line-breaking/currency-1.html
new file mode 100644
index 0000000000..9b7edfcefb
--- /dev/null
+++ b/layout/reftests/line-breaking/currency-1.html
@@ -0,0 +1,62 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>______$123,456-</p>
+<p>123,456$______</p>
+
+<!-- BACK SLASH is used for YEN SIGN and WON SIGN in Japan and Korea -->
+<p>______\123,456-</p>
+<p>123,456\______</p>
+
+<p>______&euro;123,456-</p>
+<p>123,456&euro;______</p>
+
+<p>______&cent;;123,456-</p>
+<p>123,456&cent;______</p>
+
+<p>______&pound;123,456-</p>
+<p>123,456&pound;______</p>
+
+<p>______&curren;123,456-</p>
+<p>123,456&curren;______</p>
+
+<p>______&yen;123,456-</p>
+<p>123,456&yen;______</p>
+
+<!-- EURO-CURRENCY SIGN -->
+<p>______&#x20A0;123,456-</p>
+<p>123,456&#x20A0;______</p>
+
+<!-- COLON SIGN -->
+<p>______&#x20A1;123,456-</p>
+<p>123,456&#x20A1;______</p>
+
+<!-- CRUZEIRO SIGN -->
+<p>______&#x20A2;123,456-</p>
+<p>123,456&#x20A2;______</p>
+
+<!-- FRENCH FRANC SIGN -->
+<p>______&#x20A3;123,456-</p>
+<p>123,456&#x20A3;______</p>
+
+<!-- LIRA SIGN -->
+<p>______&#x20A4;123,456-</p>
+<p>123,456&#x20A4;______</p>
+
+<!-- MILL SIGN -->
+<p>______&#x20A5;123,456-</p>
+<p>123,456&#x20A5;______</p>
+
+<!-- NAIRA SIGN -->
+<p>______&#x20A6;123,456-</p>
+<p>123,456&#x20A6;______</p>
+
+<!-- PESETA SIGN -->
+<p>______&#x20A7;123,456-</p>
+<p>123,456&#x20A7;______</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/currency-2-ref.html b/layout/reftests/line-breaking/currency-2-ref.html
new file mode 100644
index 0000000000..8d7f1d7a0a
--- /dev/null
+++ b/layout/reftests/line-breaking/currency-2-ref.html
@@ -0,0 +1,62 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<!-- RUPEE SIGN -->
+<p>______&#x20A8;123,456-</p>
+<p>123,456&#x20A8;______</p>
+
+<!-- WON SIGN -->
+<p>______&#x20A9;123,456-</p>
+<p>123,456&#x20A9;______</p>
+
+<!-- NEW SHEQEL SIGN -->
+<p>______&#x20AA;123,456-</p>
+<p>123,456&#x20AA;______</p>
+
+<!-- DONG SIGN -->
+<p>______&#x20AB;123,456-</p>
+<p>123,456&#x20AB;______</p>
+
+<!-- U+20AC is EURO SIGN -->
+
+<!-- KIP SIGN -->
+<p>______&#x20AD;123,456-</p>
+<p>123,456&#x20AD;______</p>
+
+<!-- TUGRIK SIGN -->
+<p>______&#x20AE;123,456-</p>
+<p>123,456&#x20AE;______</p>
+
+<!-- DRACHMA SIGN -->
+<p>______&#x20AF;123,456-</p>
+<p>123,456&#x20AF;______</p>
+
+<!-- GERMAN PENNY SIGN -->
+<p>______&#x20B0;123,456-</p>
+<p>123,456&#x20B0;______</p>
+
+<!-- PESO SIGN -->
+<p>______&#x20B1;123,456-</p>
+<p>123,456&#x20B1;______</p>
+
+<!-- GUARANI SIGN -->
+<p>______&#x20B2;123,456-</p>
+<p>123,456&#x20B2;______</p>
+
+<!-- AUSTRAL SIGN -->
+<p>______&#x20B3;123,456-</p>
+<p>123,456&#x20B3;______</p>
+
+<!-- HRYVNIA SIGN -->
+<p>______&#x20B4;123,456-</p>
+<p>123,456&#x20B4;______</p>
+
+<!-- CEDI SIGN -->
+<p>______&#x20B5;123,456-</p>
+<p>123,456&#x20B5;______</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/currency-2.html b/layout/reftests/line-breaking/currency-2.html
new file mode 100644
index 0000000000..887561833f
--- /dev/null
+++ b/layout/reftests/line-breaking/currency-2.html
@@ -0,0 +1,62 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<!-- RUPEE SIGN -->
+<p>______&#x20A8;123,456-</p>
+<p>123,456&#x20A8;______</p>
+
+<!-- WON SIGN -->
+<p>______&#x20A9;123,456-</p>
+<p>123,456&#x20A9;______</p>
+
+<!-- NEW SHEQEL SIGN -->
+<p>______&#x20AA;123,456-</p>
+<p>123,456&#x20AA;______</p>
+
+<!-- DONG SIGN -->
+<p>______&#x20AB;123,456-</p>
+<p>123,456&#x20AB;______</p>
+
+<!-- U+20AC is EURO SIGN -->
+
+<!-- KIP SIGN -->
+<p>______&#x20AD;123,456-</p>
+<p>123,456&#x20AD;______</p>
+
+<!-- TUGRIK SIGN -->
+<p>______&#x20AE;123,456-</p>
+<p>123,456&#x20AE;______</p>
+
+<!-- DRACHMA SIGN -->
+<p>______&#x20AF;123,456-</p>
+<p>123,456&#x20AF;______</p>
+
+<!-- GERMAN PENNY SIGN -->
+<p>______&#x20B0;123,456-</p>
+<p>123,456&#x20B0;______</p>
+
+<!-- PESO SIGN -->
+<p>______&#x20B1;123,456-</p>
+<p>123,456&#x20B1;______</p>
+
+<!-- GUARANI SIGN -->
+<p>______&#x20B2;123,456-</p>
+<p>123,456&#x20B2;______</p>
+
+<!-- AUSTRAL SIGN -->
+<p>______&#x20B3;123,456-</p>
+<p>123,456&#x20B3;______</p>
+
+<!-- HRYVNIA SIGN -->
+<p>______&#x20B4;123,456-</p>
+<p>123,456&#x20B4;______</p>
+
+<!-- CEDI SIGN -->
+<p>______&#x20B5;123,456-</p>
+<p>123,456&#x20B5;______</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/datetime-1-ref.html b/layout/reftests/line-breaking/datetime-1-ref.html
new file mode 100644
index 0000000000..d19d8411cd
--- /dev/null
+++ b/layout/reftests/line-breaking/datetime-1-ref.html
@@ -0,0 +1,22 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>2007-<br>01-<br>01</p>
+<p>2007-<br>Jan-<br>01</p>
+<p>Jan-<br>01-<br>2007</p>
+<p>2007-<br>01-<br>01&nbsp;00:00:00</p>
+<p>2007-<br>Jan-<br>01&nbsp;00:00:00</p>
+<p>Jan-<br>01-<br>2007&nbsp;00:00:00</p>
+
+<p>2007/01/01</p>
+<p>2007/Jan/01</p>
+<p>Jan/01/2007</p>
+<p>2007/01/01&nbsp;00:00:00</p>
+<p>2007/Jan/01&nbsp;00:00:00</p>
+<p>Jan/01/2007&nbsp;00:00:00</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/datetime-1.html b/layout/reftests/line-breaking/datetime-1.html
new file mode 100644
index 0000000000..ce6a84bcf5
--- /dev/null
+++ b/layout/reftests/line-breaking/datetime-1.html
@@ -0,0 +1,22 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>2007-01-01</p>
+<p>2007-Jan-01</p>
+<p>Jan-01-2007</p>
+<p>2007-01-01&nbsp;00:00:00</p>
+<p>2007-Jan-01&nbsp;00:00:00</p>
+<p>Jan-01-2007&nbsp;00:00:00</p>
+
+<p>2007/01/01</p>
+<p>2007/Jan/01</p>
+<p>Jan/01/2007</p>
+<p>2007/01/01&nbsp;00:00:00</p>
+<p>2007/Jan/01&nbsp;00:00:00</p>
+<p>Jan/01/2007&nbsp;00:00:00</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/emoji-1-ref.html b/layout/reftests/line-breaking/emoji-1-ref.html
new file mode 100644
index 0000000000..871f2cf00d
--- /dev/null
+++ b/layout/reftests/line-breaking/emoji-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 6em;
+  border: 1px solid silver;
+  margin: 1em;
+  padding: 2px;
+}
+.wrapped {
+  word-wrap: break-word;
+}
+</style>
+</head>
+<body>
+The emoji should wrap within the box in both cases:
+<div class="test">
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+<span class="wrapped">&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;</span>
+</div>
+<div class="test wrapped">
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/emoji-1.html b/layout/reftests/line-breaking/emoji-1.html
new file mode 100644
index 0000000000..fba190921c
--- /dev/null
+++ b/layout/reftests/line-breaking/emoji-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 6em;
+  border: 1px solid silver;
+  margin: 1em;
+  padding: 2px;
+}
+.wrapped {
+  word-wrap: break-word;
+}
+</style>
+</head>
+<body>
+The emoji should wrap within the box in both cases:
+<div class=test>
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+</div>
+<div class="test wrapped">
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/emoji-2-ref.html b/layout/reftests/line-breaking/emoji-2-ref.html
new file mode 100644
index 0000000000..8aaca9548b
--- /dev/null
+++ b/layout/reftests/line-breaking/emoji-2-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 5em;
+  border: 1px solid silver;
+  margin: 1em;
+  padding: 2px;
+}
+.wrapped {
+  word-wrap: break-word;
+}
+.nowrap {
+  white-space: nowrap;
+}
+</style>
+</head>
+<body>
+The emoji faces should wrap within the box; the series of flags should not wrap.
+<div class="test">
+   <span class="wrapped">&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;</span><!--
+--><span class="nowrap">&#x1f1ef;&#x1f1f5;&#x1f1f0;&#x1f1f7;&#x1f1e9;&#x1f1ea;&#x1f1e8;&#x1f1f3;<!--
+-->&#x1f1fa;&#x1f1f8;&#x1f1eb;&#x1f1f7;&#x1f1ea;&#x1f1f8;&#x1f1ee;&#x1f1f9;<!--
+-->&#x1f1f7;&#x1f1fa;&#x1f1ec;&#x1f1e7;</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/emoji-2.html b/layout/reftests/line-breaking/emoji-2.html
new file mode 100644
index 0000000000..d5fab8b228
--- /dev/null
+++ b/layout/reftests/line-breaking/emoji-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 5em;
+  border: 1px solid silver;
+  margin: 1em;
+  padding: 2px;
+}
+</style>
+</head>
+<body>
+The emoji faces should wrap within the box; the series of flags should not wrap.
+<div class=test>
+   &#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;<!--
+-->&#x1f1ef;&#x1f1f5;&#x1f1f0;&#x1f1f7;&#x1f1e9;&#x1f1ea;&#x1f1e8;&#x1f1f3;<!--
+-->&#x1f1fa;&#x1f1f8;&#x1f1eb;&#x1f1f7;&#x1f1ea;&#x1f1f8;&#x1f1ee;&#x1f1f9;<!--
+-->&#x1f1f7;&#x1f1fa;&#x1f1ec;&#x1f1e7;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/hyphens-1-ref.html b/layout/reftests/line-breaking/hyphens-1-ref.html
new file mode 100644
index 0000000000..b3a732d0b5
--- /dev/null
+++ b/layout/reftests/line-breaking/hyphens-1-ref.html
@@ -0,0 +1,48 @@
+<html>
+<head>
+<style type="text/css">
+p {
+  font-family: "Times New Roman", serif;
+  margin: 5px 1em;
+  width: 0;
+  white-space: nowrap;
+}
+</style>
+</head>
+<body>
+
+<p>ab-<br>ab</p>
+<p>a-<br>ab</p>
+<p>ab-<br>a</p>
+<p>abcdef--<br>abcdef</p>
+<p>------abcdef<p>
+
+<!-- U+058A is ARMENIAN HYPHEN -->
+<p>&#x561;&#x562;&#x058A;<br>&#x561;&#x562;</p>
+<p>&#x561;&#x058A;<br>&#x561;&#x562;</p>
+<p>&#x561;&#x562;&#x058A;<br>&#x561;</p>
+<p>&#x561;&#x562;&#x563;&#x564;&#x565;&#x566;&#x058A;&#x058A;<br>&#x561;&#x562;&#x563;&#x564;&#x565;&#x566;</p>
+<p>&#x058A;&#x058A;&#x058A;&#x058A;&#x058A;&#x058A;&#x561;&#x562;&#x563;&#x564;&#x565;&#x566;<p>
+
+<!-- U+2010 is HYPHEN -->
+<p>ab&#x2010;<br>ab</p>
+<p>a&#x2010;<br>ab</p>
+<p>ab&#x2010;<br>a</p>
+<p>abcdef&#x2010;&#x2010;<br>abcdef</p>
+<p>&#x2010;&#x2010;&#x2010;&#x2010;&#x2010;&#x2010;abcdef<p>
+
+<!-- U+2012 is FIGURE DASH -->
+<p>ab&#x2012;<br>ab</p>
+<p>a&#x2012;<br>ab</p>
+<p>ab&#x2012;<br>a</p>
+<p>abcdef&#x2012;&#x2012;<br>abcdef</p>
+<p>&#x2012;&#x2012;&#x2012;&#x2012;&#x2012;&#x2012;abcdef<p>
+
+<p>ab&ndash;<br>ab</p>
+<p>a&ndash;<br>ab</p>
+<p>ab&ndash;<br>a</p>
+<p>abcdef&ndash;&ndash;<br>abcdef</p>
+<p>&ndash;&ndash;&ndash;&ndash;&ndash;&ndash;abcdef<p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/hyphens-1.html b/layout/reftests/line-breaking/hyphens-1.html
new file mode 100644
index 0000000000..3cbec30815
--- /dev/null
+++ b/layout/reftests/line-breaking/hyphens-1.html
@@ -0,0 +1,47 @@
+<html>
+<head>
+<style type="text/css">
+p {
+  font-family: "Times New Roman", serif;
+  margin: 5px 1em;
+  width: 0;
+}
+</style>
+</head>
+<body>
+
+<p>ab-ab</p>
+<p>a-ab</p>
+<p>ab-a</p>
+<p>abcdef--abcdef</p>
+<p>------abcdef<p>
+
+<!-- U+058A is ARMENIAN HYPHEN -->
+<p>&#x561;&#x562;&#x058A;&#x561;&#x562;</p>
+<p>&#x561;&#x058A;&#x561;&#x562;</p>
+<p>&#x561;&#x562;&#x058A;&#x561;</p>
+<p>&#x561;&#x562;&#x563;&#x564;&#x565;&#x566;&#x058A;&#x058A;&#x561;&#x562;&#x563;&#x564;&#x565;&#x566;</p>
+<p>&#x058A;&#x058A;&#x058A;&#x058A;&#x058A;&#x058A;&#x561;&#x562;&#x563;&#x564;&#x565;&#x566;<p>
+
+<!-- U+2010 is HYPHEN -->
+<p>ab&#x2010;ab</p>
+<p>a&#x2010;ab</p>
+<p>ab&#x2010;a</p>
+<p>abcdef&#x2010;&#x2010;abcdef</p>
+<p>&#x2010;&#x2010;&#x2010;&#x2010;&#x2010;&#x2010;abcdef<p>
+
+<!-- U+2012 is FIGURE DASH -->
+<p>ab&#x2012;ab</p>
+<p>a&#x2012;ab</p>
+<p>ab&#x2012;a</p>
+<p>abcdef&#x2012;&#x2012;abcdef</p>
+<p>&#x2012;&#x2012;&#x2012;&#x2012;&#x2012;&#x2012;abcdef<p>
+
+<p>ab&ndash;ab</p>
+<p>a&ndash;ab</p>
+<p>ab&ndash;a</p>
+<p>abcdef&ndash;&ndash;abcdef</p>
+<p>&ndash;&ndash;&ndash;&ndash;&ndash;&ndash;abcdef<p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/hyphens-2-ref.html b/layout/reftests/line-breaking/hyphens-2-ref.html
new file mode 100644
index 0000000000..e06e764a9d
--- /dev/null
+++ b/layout/reftests/line-breaking/hyphens-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+p { margin: 5px 1em; }
+</style>
+</head>
+<body>
+
+<!-- bug 827779:
+     Allow break after hyphen even when there is adjacent closing punctuation
+     before the hyphen, or opening punctuation after it. -->
+<p>
+  extra-<br>“special”<br>
+  “extra”-<br>special<br>
+  “extra”-<br>“special”<br>
+  extra-<br>«special»<br>
+  «extra»-<br>special<br>
+  «extra»-<br>«special»<br>
+  extra-<br>(special)<br>
+  (extra)-<br>special<br>
+  (extra)-<br>(special)
+</p>
+
+<!-- but not in variants such as these: -->
+<p>
+  (extra-)special<br>
+  extra(-special)
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/hyphens-2.html b/layout/reftests/line-breaking/hyphens-2.html
new file mode 100644
index 0000000000..edcbde22da
--- /dev/null
+++ b/layout/reftests/line-breaking/hyphens-2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+p { margin: 5px 1em; width: 0px; }
+</style>
+</head>
+<body>
+
+<!-- bug 827779:
+     Allow break after hyphen even when there is adjacent closing punctuation
+     before the hyphen, or opening punctuation after it. -->
+<p>
+  extra-“special”<br>
+  “extra”-special<br>
+  “extra”-“special”<br>
+  extra-«special»<br>
+  «extra»-special<br>
+  «extra»-«special»<br>
+  extra-(special)<br>
+  (extra)-special<br>
+  (extra)-(special)
+</p>
+
+<!-- but not in variants such as these: -->
+<p>
+  (extra-)special<br>
+  extra(-special)
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/ja-1-ref.html b/layout/reftests/line-breaking/ja-1-ref.html
new file mode 100644
index 0000000000..8c066b6124
--- /dev/null
+++ b/layout/reftests/line-breaking/ja-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body lang="ja">
+
+<p>&#x3042;<br>&#x3044;<br>&#x3046;</p>
+<p>&#x4E0A;<br>&#x4E2D;<br>&#x4E0B;</p>
+<p>&#x3042;&#x3001;<br>&#x3044;&#x3002;<br>&#x3046;&#x3002;&#x3002;&#x3002;</p>
+<p>&#x3042;&#x3063;&#x3063;&#x3063;&#x3063;<br>&#x3044;</p>
+<p>&#x304D;&#x3083;<br>&#x304D;&#x3085;<br>&#x304D;&#x3087;</p>
+<p>&#x3041;&#x3043;&#x3045;&#x3047;&#x3049;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/ja-1.html b/layout/reftests/line-breaking/ja-1.html
new file mode 100644
index 0000000000..40475dbc7d
--- /dev/null
+++ b/layout/reftests/line-breaking/ja-1.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body lang="ja">
+
+<p>&#x3042;&#x3044;&#x3046;</p>
+<p>&#x4E0A;&#x4E2D;&#x4E0B;</p>
+<p>&#x3042;&#x3001;&#x3044;&#x3002;&#x3046;&#x3002;&#x3002;&#x3002;</p>
+<p>&#x3042;&#x3063;&#x3063;&#x3063;&#x3063;&#x3044;</p>
+<p>&#x304D;&#x3083;&#x304D;&#x3085;&#x304D;&#x3087;</p>
+<p>&#x3041;&#x3043;&#x3045;&#x3047;&#x3049;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/ja-2-ref.html b/layout/reftests/line-breaking/ja-2-ref.html
new file mode 100644
index 0000000000..5344c92ac9
--- /dev/null
+++ b/layout/reftests/line-breaking/ja-2-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body lang="ja">
+
+<p>&#x3042;<br>&#x300C;&#x3044;&#x300D;<br>&#x3046;</p>
+<p>&#x3042;<br>&#x300E;&#x3044;&#x300F;<br>&#x3046;</p>
+<p>&#x3042;<br>&#x300C;&#x3044;&#x3002;&#x300D;<br>&#x3046;</p>
+<p>&#x3042;<br>&#x300E;&#x3044;&#x3002;&#x300F;<br>&#x3046;</p>
+<p>&#x3042;<br>&#x300C;&#x300E;&#x3044;&#x3002;&#x300F;&#x300D;<br>&#x3046;</p>
+<p>&#x300C;&#x3042;<br>&#x3044;&#x300D;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/ja-2.html b/layout/reftests/line-breaking/ja-2.html
new file mode 100644
index 0000000000..c5ce5bf785
--- /dev/null
+++ b/layout/reftests/line-breaking/ja-2.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body lang="ja">
+
+<p>&#x3042;&#x300C;&#x3044;&#x300D;&#x3046;</p>
+<p>&#x3042;&#x300E;&#x3044;&#x300F;&#x3046;</p>
+<p>&#x3042;&#x300C;&#x3044;&#x3002;&#x300D;&#x3046;</p>
+<p>&#x3042;&#x300E;&#x3044;&#x3002;&#x300F;&#x3046;</p>
+<p>&#x3042;&#x300C;&#x300E;&#x3044;&#x3002;&#x300F;&#x300D;&#x3046;</p>
+<p>&#x300C;&#x3042;&#x3044;&#x300D;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/ja-3-ref.html b/layout/reftests/line-breaking/ja-3-ref.html
new file mode 100644
index 0000000000..0eac869bce
--- /dev/null
+++ b/layout/reftests/line-breaking/ja-3-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body lang="ja">
+
+<p>&#xFF71;<br>&#xFF72;<br>&#xFF73;</p>
+<p>&#xFF71;&#xFF64;<br>&#xFF72;&#xFF61;<br>&#xFF73;&#xFF61;&#xFF61;&#xFF61;</p>
+<p>&#xFF71;&#xFF6F;&#xFF6F;&#xFF6F;&#xFF6F;<br>&#xFF72;</p>
+<p>&#xFF77;&#xFF6C;<br>&#xFF77;&#xFF6D;<br>&#xFF77;&#xFF6E;</p>
+<p>&#xFF67;&#xFF68;&#xFF69;&#xFF6A;&#xFF6B;</p>
+<p>&#xFF76;&#xFF9E;<br>&#xFF77;&#xFF9E;<br>&#xFF78;&#xFF9E;</p>
+<p>&#xFF8A;&#xFF9F;<br>&#xFF8B;&#xFF9F;<br>&#xFF8C;&#xFF9F;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/ja-3.html b/layout/reftests/line-breaking/ja-3.html
new file mode 100644
index 0000000000..3d1b1087fd
--- /dev/null
+++ b/layout/reftests/line-breaking/ja-3.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body lang="ja">
+
+<p>&#xFF71;&#xFF72;&#xFF73;</p>
+<p>&#xFF71;&#xFF64;&#xFF72;&#xFF61;&#xFF73;&#xFF61;&#xFF61;&#xFF61;</p>
+<p>&#xFF71;&#xFF6F;&#xFF6F;&#xFF6F;&#xFF6F;&#xFF72;</p>
+<p>&#xFF77;&#xFF6C;&#xFF77;&#xFF6D;&#xFF77;&#xFF6E;</p>
+<p>&#xFF67;&#xFF68;&#xFF69;&#xFF6A;&#xFF6B;</p>
+<p>&#xFF76;&#xFF9E;&#xFF77;&#xFF9E;&#xFF78;&#xFF9E;</p>
+<p>&#xFF8A;&#xFF9F;&#xFF8B;&#xFF9F;&#xFF8C;&#xFF9F;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/khmer-1-ref.html b/layout/reftests/line-breaking/khmer-1-ref.html
new file mode 100644
index 0000000000..24f1a14056
--- /dev/null
+++ b/layout/reftests/line-breaking/khmer-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <style type="text/css"> div { width: 1em; } </style>
+  </head>
+  <body lang="km">
+    <div>aaaaaaaaaa&#x17D8;<br>bbbbbbbbbb</div>
+    <div>aaaaaaaaaa&#x17DA;<br>bbbbbbbbbb</div>
+  </body>
+</html>
diff --git a/layout/reftests/line-breaking/khmer-1.html b/layout/reftests/line-breaking/khmer-1.html
new file mode 100644
index 0000000000..9c63293228
--- /dev/null
+++ b/layout/reftests/line-breaking/khmer-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <style type="text/css"> div { width: 1em; } </style>
+  </head>
+  <body lang="km">
+    <div>aaaaaaaaaa&#x17D8;bbbbbbbbbb</div>
+    <div>aaaaaaaaaa&#x17DA;bbbbbbbbbb</div>
+  </body>
+</html>
diff --git a/layout/reftests/line-breaking/leaders-1-ref.html b/layout/reftests/line-breaking/leaders-1-ref.html
new file mode 100644
index 0000000000..6cf8286c0c
--- /dev/null
+++ b/layout/reftests/line-breaking/leaders-1-ref.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<!-- U+2024 is ONE DOT LEADER -->
+<p>abcdef&#x2024;&#x2024;&#x2024;<br>abcdef</p>
+<p>abcdef&#x2024;<br>abcdef</p>
+<p>abcdef&#x2024; <br>abcdef</p>
+<p>abcdef <br>&#x2024;abcdef</p>
+
+<!-- U+2025 is TWO DOT LEADER -->
+<p>abcdef&#x2025;&#x2025;&#x2025;<br>abcdef</p>
+<p>abcdef&#x2025;<br>abcdef</p>
+<p>abcdef&#x2025; <br>abcdef</p>
+<p>abcdef <br>&#x2025;abcdef</p>
+
+<!-- U+2026 is HORIZONTAL ELLIPSIS -->
+<p>abcdef&#x2026;&#x2026;&#x2026;<br>abcdef</p>
+<p>abcdef&#x2026;<br>abcdef</p>
+<p>abcdef&#x2026; <br>abcdef</p>
+<p>abcdef <br>&#x2026;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/leaders-1.html b/layout/reftests/line-breaking/leaders-1.html
new file mode 100644
index 0000000000..2e8933b1b5
--- /dev/null
+++ b/layout/reftests/line-breaking/leaders-1.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<!-- U+2024 is ONE DOT LEADER -->
+<p>abcdef&#x2024;&#x2024;&#x2024;abcdef</p>
+<p>abcdef&#x2024;abcdef</p>
+<p>abcdef&#x2024; abcdef</p>
+<p>abcdef &#x2024;abcdef</p> <!-- no break after the leader in this case -->
+
+<!-- U+2025 is TWO DOT LEADER -->
+<p>abcdef&#x2025;&#x2025;&#x2025;abcdef</p>
+<p>abcdef&#x2025;abcdef</p>
+<p>abcdef&#x2025; abcdef</p>
+<p>abcdef &#x2025;abcdef</p> <!-- no break after the leader in this case -->
+
+<!-- U+2026 is HORIZONTAL ELLIPSIS -->
+<p>abcdef&#x2026;&#x2026;&#x2026;abcdef</p>
+<p>abcdef&#x2026;abcdef</p>
+<p>abcdef&#x2026; abcdef</p>
+<p>abcdef &#x2026;abcdef</p> <!-- no break after the ellipsis in this case -->
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/markup-src-1-ref.html b/layout/reftests/line-breaking/markup-src-1-ref.html
new file mode 100644
index 0000000000..e56a1d225b
--- /dev/null
+++ b/layout/reftests/line-breaking/markup-src-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>&lt;table&gt;<br>&lt;tr&gt;&lt;td&gt;<br>&lt;/td&gt;&lt;/tr&gt;<br>&lt;/table&gt;</p>
+<p>&lt;a<br> href=&quot;abcdef&quot;&gt;<br>&lt;span&gt;abcdef&lt;img<br> src=&quot;abcdef&quot;<br> /&gt;&lt;/span&gt;&lt;/a&gt;</p>
+<p>&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;</p>
+<p>&amp;#123456;&amp;#123456;&amp;#123456;&amp;#123456;</p>
+<p>&amp;#x00FF;&amp;#x00FF;&amp;#x00FF;&amp;#x00FF;</p>
+<p>abcdef&lt;!--<br> abcdef<br> --&gt;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/markup-src-1.html b/layout/reftests/line-breaking/markup-src-1.html
new file mode 100644
index 0000000000..af7907acfd
--- /dev/null
+++ b/layout/reftests/line-breaking/markup-src-1.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</p>
+<p>&lt;a href=&quot;abcdef&quot;&gt;&lt;span&gt;abcdef&lt;img src=&quot;abcdef&quot; /&gt;&lt;/span&gt;&lt;/a&gt;</p>
+<p>&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;</p>
+<p>&amp;#123456;&amp;#123456;&amp;#123456;&amp;#123456;</p>
+<p>&amp;#x00FF;&amp;#x00FF;&amp;#x00FF;&amp;#x00FF;</p>
+<p>abcdef&lt;!-- abcdef --&gt;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/non-breakable-1-ref.html b/layout/reftests/line-breaking/non-breakable-1-ref.html
new file mode 100644
index 0000000000..b8a1fb87b8
--- /dev/null
+++ b/layout/reftests/line-breaking/non-breakable-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } p > span { background-color: silver; } </style>
+</head>
+<body>
+
+<p>abcdef&nbsp;abcdef</p>
+<p>abcdef)&nbsp;(abcdef</p>
+<p>abcdef<br>&nbsp;abcdef</p>
+<p><span>abcdef&nbsp;<br>abcdef</span></p>
+<p>abcdef&nbsp;&nbsp;&nbsp;abcdef</p>
+
+<!-- U+2007 is FIGURE SPACE -->
+<p>abcdef&#x2007;abcdef</p>
+<p>abcdef)&#x2007;(abcdef</p>
+<p>abcdef<br>&#x2007;abcdef</p>
+<p><span>abcdef&#x2007;<br>abcdef</span></p>
+<p>abcdef&#x2007;&#x2007;&#x2007;abcdef</p>
+
+<!-- U+2011 is NON-BREAKING HYPHEN -->
+<p>abcdef&#x2011;abcdef</p>
+<p>abcdef)&#x2011;(abcdef</p>
+<p>abcdef<br>&#x2011;abcdef</p>
+<p>abcdef&#x2011;<br>abcdef</p>
+<p>abcdef&#x2011;&#x2011;&#x2011;abcdef</p>
+
+<!-- U+202F is NARROW NO-BREAK SPACE -->
+<p>abcdef&#x202F;abcdef</p>
+<p>abcdef)&#x202F;(abcdef</p>
+<p>abcdef<br>&#x202F;abcdef</p>
+<p><span>abcdef&#x202F;<br>abcdef</span></p>
+<p>abcdef&#x202F;&#x202F;&#x202F;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/non-breakable-1.html b/layout/reftests/line-breaking/non-breakable-1.html
new file mode 100644
index 0000000000..3ee9222c68
--- /dev/null
+++ b/layout/reftests/line-breaking/non-breakable-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } p > span { background-color: silver; } </style>
+</head>
+<body>
+
+<p>abcdef&nbsp;abcdef</p>
+<p>abcdef)&nbsp;(abcdef</p>
+<p>abcdef &nbsp;abcdef</p>
+<p><span>abcdef&nbsp; abcdef</span></p>
+<p>abcdef&nbsp;&nbsp;&nbsp;abcdef</p>
+
+<!-- U+2007 is FIGURE SPACE -->
+<p>abcdef&#x2007;abcdef</p>
+<p>abcdef)&#x2007;(abcdef</p>
+<p>abcdef &#x2007;abcdef</p>
+<p><span>abcdef&#x2007; abcdef</span></p>
+<p>abcdef&#x2007;&#x2007;&#x2007;abcdef</p>
+
+<!-- U+2011 is NON-BREAKING HYPHEN -->
+<p>abcdef&#x2011;abcdef</p>
+<p>abcdef)&#x2011;(abcdef</p>
+<p>abcdef &#x2011;abcdef</p>
+<p>abcdef&#x2011; abcdef</p>
+<p>abcdef&#x2011;&#x2011;&#x2011;abcdef</p>
+
+<!-- U+202F is NARROW NO-BREAK SPACE -->
+<p>abcdef&#x202F;abcdef</p>
+<p>abcdef)&#x202F;(abcdef</p>
+<p>abcdef &#x202F;abcdef</p>
+<p><span>abcdef&#x202F; abcdef</span></p>
+<p>abcdef&#x202F;&#x202F;&#x202F;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/non-breakable-2-ref.html b/layout/reftests/line-breaking/non-breakable-2-ref.html
new file mode 100644
index 0000000000..3e8302de11
--- /dev/null
+++ b/layout/reftests/line-breaking/non-breakable-2-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css"> body {text-rendering: optimizeLegibility;} p { margin: 5px 1em; width: 0; white-space: nowrap; } p > span { background-color: silver; } </style>
+</head>
+<body>
+
+<p>abcdef&nbsp;abcdef</p>
+<p>abcdef)&nbsp;(abcdef</p>
+<p>abcdef<br>&nbsp;abcdef</p>
+<p><span>abcdef&nbsp;<br>abcdef</span></p>
+<p>abcdef&nbsp;&nbsp;&nbsp;abcdef</p>
+
+<!-- U+2007 is FIGURE SPACE -->
+<p>abcdef&#x2007;abcdef</p>
+<p>abcdef)&#x2007;(abcdef</p>
+<p>abcdef<br>&#x2007;abcdef</p>
+<p><span>abcdef&#x2007;<br>abcdef</span></p>
+<p>abcdef&#x2007;&#x2007;&#x2007;abcdef</p>
+
+<!-- U+2011 is NON-BREAKING HYPHEN -->
+<p>abcdef&#x2011;abcdef</p>
+<p>abcdef)&#x2011;(abcdef</p>
+<p>abcdef<br>&#x2011;abcdef</p>
+<p>abcdef&#x2011;<br>abcdef</p>
+<p>abcdef&#x2011;&#x2011;&#x2011;abcdef</p>
+
+<!-- U+202F is NARROW NO-BREAK SPACE -->
+<p>abcdef&#x202F;abcdef</p>
+<p>abcdef)&#x202F;(abcdef</p>
+<p>abcdef<br>&#x202F;abcdef</p>
+<p><span>abcdef&#x202F;<br>abcdef</span></p>
+<p>abcdef&#x202F;&#x202F;&#x202F;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/non-breakable-2.html b/layout/reftests/line-breaking/non-breakable-2.html
new file mode 100644
index 0000000000..8bc301bbcb
--- /dev/null
+++ b/layout/reftests/line-breaking/non-breakable-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css"> body {text-rendering: optimizeLegibility;} p { margin: 5px 1em; width: 0; } p > span { background-color: silver; } </style>
+</head>
+<body>
+
+<p>abcdef&nbsp;abcdef</p>
+<p>abcdef)&nbsp;(abcdef</p>
+<p>abcdef &nbsp;abcdef</p>
+<p><span>abcdef&nbsp; abcdef</span></p>
+<p>abcdef&nbsp;&nbsp;&nbsp;abcdef</p>
+
+<!-- U+2007 is FIGURE SPACE -->
+<p>abcdef&#x2007;abcdef</p>
+<p>abcdef)&#x2007;(abcdef</p>
+<p>abcdef &#x2007;abcdef</p>
+<p><span>abcdef&#x2007; abcdef</span></p>
+<p>abcdef&#x2007;&#x2007;&#x2007;abcdef</p>
+
+<!-- U+2011 is NON-BREAKING HYPHEN -->
+<p>abcdef&#x2011;abcdef</p>
+<p>abcdef)&#x2011;(abcdef</p>
+<p>abcdef &#x2011;abcdef</p>
+<p>abcdef&#x2011; abcdef</p>
+<p>abcdef&#x2011;&#x2011;&#x2011;abcdef</p>
+
+<!-- U+202F is NARROW NO-BREAK SPACE -->
+<p>abcdef&#x202F;abcdef</p>
+<p>abcdef)&#x202F;(abcdef</p>
+<p>abcdef &#x202F;abcdef</p>
+<p><span>abcdef&#x202F; abcdef</span></p>
+<p>abcdef&#x202F;&#x202F;&#x202F;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/numerics-1-ref.html b/layout/reftests/line-breaking/numerics-1-ref.html
new file mode 100644
index 0000000000..9d8990f2fc
--- /dev/null
+++ b/layout/reftests/line-breaking/numerics-1-ref.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>01234567890123456789</p>
+<p>01,234,567,890,123,456,789</p>
+<p>01.234.567.890.123.456.789</p>
+
+<p>-01234567890123456789</p>
+<p>-01,234,567,890,123,456,789</p>
+<p>-01.234.567.890.123.456.789</p>
+
+<p>+01234567890123456789</p>
+<p>+01,234,567,890,123,456,789</p>
+<p>+01.234.567.890.123.456.789</p>
+
+<p>&#xB1;01234567890123456789</p>
+<p>&#xB1;01,234,567,890,123,456,789</p>
+<p>&#xB1;01.234.567.890.123.456.789</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/numerics-1.html b/layout/reftests/line-breaking/numerics-1.html
new file mode 100644
index 0000000000..470ff4491d
--- /dev/null
+++ b/layout/reftests/line-breaking/numerics-1.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>01234567890123456789</p>
+<p>01,234,567,890,123,456,789</p>
+<p>01.234.567.890.123.456.789</p>
+
+<p>-01234567890123456789</p>
+<p>-01,234,567,890,123,456,789</p>
+<p>-01.234.567.890.123.456.789</p>
+
+<p>+01234567890123456789</p>
+<p>+01,234,567,890,123,456,789</p>
+<p>+01.234.567.890.123.456.789</p>
+
+<p>&#xB1;01234567890123456789</p>
+<p>&#xB1;01,234,567,890,123,456,789</p>
+<p>&#xB1;01.234.567.890.123.456.789</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/parentheses-1-ref.html b/layout/reftests/line-breaking/parentheses-1-ref.html
new file mode 100644
index 0000000000..a5812ef1fa
--- /dev/null
+++ b/layout/reftests/line-breaking/parentheses-1-ref.html
@@ -0,0 +1,34 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>abcdef(abcdef)abcdef</p>
+<p>abcde),</p>
+<p>abcde).</p>
+<p>abcde)!</p>
+<p>abcde)?</p>
+
+<p>abcdef[abcdef]abcdef</p>
+<p>abcde],</p>
+<p>abcde].</p>
+<p>abcde]!</p>
+<p>abcde]?</p>
+
+<p>abcdef{abcdef}abcdef</p>
+<p>abcde},</p>
+<p>abcde}.</p>
+<p>abcde}!</p>
+<p>abcde}?</p>
+
+<p>abcdef&lt;abcdef&gt;abcdef</p>
+<p>abcde&gt;,</p>
+<p>abcde&gt;.</p>
+<p>abcde&gt;!</p>
+<p>abcde&gt;?</p>
+
+<p>abcdef(abcd)<br>[abcd]<br>{abcd}<br>&lt;abcd&gt;<br>(abcd)<br>(abcd)<br>[abcd]<br>[abcd]<br>{abcd}<br>{abcd}<br>&lt;abcd&gt;<br>&lt;abcd&gt;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/parentheses-1.html b/layout/reftests/line-breaking/parentheses-1.html
new file mode 100644
index 0000000000..598be9d76f
--- /dev/null
+++ b/layout/reftests/line-breaking/parentheses-1.html
@@ -0,0 +1,34 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>abcdef(abcdef)abcdef</p>
+<p>abcde),</p>
+<p>abcde).</p>
+<p>abcde)!</p>
+<p>abcde)?</p>
+
+<p>abcdef[abcdef]abcdef</p>
+<p>abcde],</p>
+<p>abcde].</p>
+<p>abcde]!</p>
+<p>abcde]?</p>
+
+<p>abcdef{abcdef}abcdef</p>
+<p>abcde},</p>
+<p>abcde}.</p>
+<p>abcde}!</p>
+<p>abcde}?</p>
+
+<p>abcdef&lt;abcdef&gt;abcdef</p>
+<p>abcde&gt;,</p>
+<p>abcde&gt;.</p>
+<p>abcde&gt;!</p>
+<p>abcde&gt;?</p>
+
+<p>abcdef(abcd)[abcd]{abcd}&lt;abcd&gt;(abcd)(abcd)[abcd][abcd]{abcd}{abcd}&lt;abcd&gt;&lt;abcd&gt;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-1-ref.html b/layout/reftests/line-breaking/punctuation-open-1-ref.html
new file mode 100644
index 0000000000..5b9640e217
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-1-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>abcdef,<br>(abcdef</p>
+<p>abcdef,<br>[abcdef</p>
+<p>abcdef,<br>{abcdef</p>
+<p>abcdef,<br>{abcdef</p>
+<p>abcdef,<br>&#xFF62;abcdef</p>
+<p>abcdef,<br>&#xFF08;abcdef</p>
+<p>abcdef,<br>&#xFF3B;abcdef</p>
+<p>abcdef,<br>&#xFF5B;abcdef</p>
+<p>abcdef,<br>&#x300C;abcdef</p>
+
+<p>abcdef.<br>(abcdef</p>
+<p>abcdef.<br>[abcdef</p>
+<p>abcdef.<br>{abcdef</p>
+<p>abcdef.<br>&#xFF62;abcdef</p>
+<p>abcdef.<br>&#xFF08;abcdef</p>
+<p>abcdef.<br>&#xFF3B;abcdef</p>
+<p>abcdef.<br>&#xFF5B;abcdef</p>
+<p>abcdef.<br>&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-1.html b/layout/reftests/line-breaking/punctuation-open-1.html
new file mode 100644
index 0000000000..6eecc17bf1
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-1.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>abcdef,(abcdef</p>
+<p>abcdef,[abcdef</p>
+<p>abcdef,{abcdef</p>
+<p>abcdef,{abcdef</p>
+<p>abcdef,&#xFF62;abcdef</p>
+<p>abcdef,&#xFF08;abcdef</p>
+<p>abcdef,&#xFF3B;abcdef</p>
+<p>abcdef,&#xFF5B;abcdef</p>
+<p>abcdef,&#x300C;abcdef</p>
+
+<p>abcdef.(abcdef</p>
+<p>abcdef.[abcdef</p>
+<p>abcdef.{abcdef</p>
+<p>abcdef.&#xFF62;abcdef</p>
+<p>abcdef.&#xFF08;abcdef</p>
+<p>abcdef.&#xFF3B;abcdef</p>
+<p>abcdef.&#xFF5B;abcdef</p>
+<p>abcdef.&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-2-ref.html b/layout/reftests/line-breaking/punctuation-open-2-ref.html
new file mode 100644
index 0000000000..74cedd5805
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-2-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>abcdef&#xFF64;<br>(abcdef</p>
+<p>abcdef&#xFF64;<br>[abcdef</p>
+<p>abcdef&#xFF64;<br>{abcdef</p>
+<p>abcdef&#xFF64;<br>{abcdef</p>
+<p>abcdef&#xFF64;<br>&#xFF62;abcdef</p>
+<p>abcdef&#xFF64;<br>&#xFF08;abcdef</p>
+<p>abcdef&#xFF64;<br>&#xFF3B;abcdef</p>
+<p>abcdef&#xFF64;<br>&#xFF5B;abcdef</p>
+<p>abcdef&#xFF64;<br>&#x300C;abcdef</p>
+
+<p>abcdef&#xFF61;<br>(abcdef</p>
+<p>abcdef&#xFF61;<br>[abcdef</p>
+<p>abcdef&#xFF61;<br>{abcdef</p>
+<p>abcdef&#xFF61;<br>&#xFF62;abcdef</p>
+<p>abcdef&#xFF61;<br>&#xFF08;abcdef</p>
+<p>abcdef&#xFF61;<br>&#xFF3B;abcdef</p>
+<p>abcdef&#xFF61;<br>&#xFF5B;abcdef</p>
+<p>abcdef&#xFF61;<br>&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-2.html b/layout/reftests/line-breaking/punctuation-open-2.html
new file mode 100644
index 0000000000..ae65acfac1
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-2.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>abcdef&#xFF64;(abcdef</p>
+<p>abcdef&#xFF64;[abcdef</p>
+<p>abcdef&#xFF64;{abcdef</p>
+<p>abcdef&#xFF64;{abcdef</p>
+<p>abcdef&#xFF64;&#xFF62;abcdef</p>
+<p>abcdef&#xFF64;&#xFF08;abcdef</p>
+<p>abcdef&#xFF64;&#xFF3B;abcdef</p>
+<p>abcdef&#xFF64;&#xFF5B;abcdef</p>
+<p>abcdef&#xFF64;&#x300C;abcdef</p>
+
+<p>abcdef&#xFF61;(abcdef</p>
+<p>abcdef&#xFF61;[abcdef</p>
+<p>abcdef&#xFF61;{abcdef</p>
+<p>abcdef&#xFF61;&#xFF62;abcdef</p>
+<p>abcdef&#xFF61;&#xFF08;abcdef</p>
+<p>abcdef&#xFF61;&#xFF3B;abcdef</p>
+<p>abcdef&#xFF61;&#xFF5B;abcdef</p>
+<p>abcdef&#xFF61;&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-3-ref.html b/layout/reftests/line-breaking/punctuation-open-3-ref.html
new file mode 100644
index 0000000000..782900a9f3
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-3-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>abcdef&#xFF0C;<br>(abcdef</p>
+<p>abcdef&#xFF0C;<br>[abcdef</p>
+<p>abcdef&#xFF0C;<br>{abcdef</p>
+<p>abcdef&#xFF0C;<br>{abcdef</p>
+<p>abcdef&#xFF0C;<br>&#xFF62;abcdef</p>
+<p>abcdef&#xFF0C;<br>&#xFF08;abcdef</p>
+<p>abcdef&#xFF0C;<br>&#xFF3B;abcdef</p>
+<p>abcdef&#xFF0C;<br>&#xFF5B;abcdef</p>
+<p>abcdef&#xFF0C;<br>&#x300C;abcdef</p>
+
+<p>abcdef&#xFF0E;<br>(abcdef</p>
+<p>abcdef&#xFF0E;<br>[abcdef</p>
+<p>abcdef&#xFF0E;<br>{abcdef</p>
+<p>abcdef&#xFF0E;<br>&#xFF62;abcdef</p>
+<p>abcdef&#xFF0E;<br>&#xFF08;abcdef</p>
+<p>abcdef&#xFF0E;<br>&#xFF3B;abcdef</p>
+<p>abcdef&#xFF0E;<br>&#xFF5B;abcdef</p>
+<p>abcdef&#xFF0E;<br>&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-3.html b/layout/reftests/line-breaking/punctuation-open-3.html
new file mode 100644
index 0000000000..985d098231
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-3.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>abcdef&#xFF0C;(abcdef</p>
+<p>abcdef&#xFF0C;[abcdef</p>
+<p>abcdef&#xFF0C;{abcdef</p>
+<p>abcdef&#xFF0C;{abcdef</p>
+<p>abcdef&#xFF0C;&#xFF62;abcdef</p>
+<p>abcdef&#xFF0C;&#xFF08;abcdef</p>
+<p>abcdef&#xFF0C;&#xFF3B;abcdef</p>
+<p>abcdef&#xFF0C;&#xFF5B;abcdef</p>
+<p>abcdef&#xFF0C;&#x300C;abcdef</p>
+
+<p>abcdef&#xFF0E;(abcdef</p>
+<p>abcdef&#xFF0E;[abcdef</p>
+<p>abcdef&#xFF0E;{abcdef</p>
+<p>abcdef&#xFF0E;&#xFF62;abcdef</p>
+<p>abcdef&#xFF0E;&#xFF08;abcdef</p>
+<p>abcdef&#xFF0E;&#xFF3B;abcdef</p>
+<p>abcdef&#xFF0E;&#xFF5B;abcdef</p>
+<p>abcdef&#xFF0E;&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-4-ref.html b/layout/reftests/line-breaking/punctuation-open-4-ref.html
new file mode 100644
index 0000000000..718f2be433
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-4-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>abcdef&#x3001;<br>(abcdef</p>
+<p>abcdef&#x3001;<br>[abcdef</p>
+<p>abcdef&#x3001;<br>{abcdef</p>
+<p>abcdef&#x3001;<br>{abcdef</p>
+<p>abcdef&#x3001;<br>&#xFF62;abcdef</p>
+<p>abcdef&#x3001;<br>&#xFF08;abcdef</p>
+<p>abcdef&#x3001;<br>&#xFF3B;abcdef</p>
+<p>abcdef&#x3001;<br>&#xFF5B;abcdef</p>
+<p>abcdef&#x3001;<br>&#x300C;abcdef</p>
+
+<p>abcdef&#x3002;<br>(abcdef</p>
+<p>abcdef&#x3002;<br>[abcdef</p>
+<p>abcdef&#x3002;<br>{abcdef</p>
+<p>abcdef&#x3002;<br>&#xFF62;abcdef</p>
+<p>abcdef&#x3002;<br>&#xFF08;abcdef</p>
+<p>abcdef&#x3002;<br>&#xFF3B;abcdef</p>
+<p>abcdef&#x3002;<br>&#xFF5B;abcdef</p>
+<p>abcdef&#x3002;<br>&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/punctuation-open-4.html b/layout/reftests/line-breaking/punctuation-open-4.html
new file mode 100644
index 0000000000..6c2a8912ac
--- /dev/null
+++ b/layout/reftests/line-breaking/punctuation-open-4.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>abcdef&#x3001;(abcdef</p>
+<p>abcdef&#x3001;[abcdef</p>
+<p>abcdef&#x3001;{abcdef</p>
+<p>abcdef&#x3001;{abcdef</p>
+<p>abcdef&#x3001;&#xFF62;abcdef</p>
+<p>abcdef&#x3001;&#xFF08;abcdef</p>
+<p>abcdef&#x3001;&#xFF3B;abcdef</p>
+<p>abcdef&#x3001;&#xFF5B;abcdef</p>
+<p>abcdef&#x3001;&#x300C;abcdef</p>
+
+<p>abcdef&#x3002;(abcdef</p>
+<p>abcdef&#x3002;[abcdef</p>
+<p>abcdef&#x3002;{abcdef</p>
+<p>abcdef&#x3002;&#xFF62;abcdef</p>
+<p>abcdef&#x3002;&#xFF08;abcdef</p>
+<p>abcdef&#x3002;&#xFF3B;abcdef</p>
+<p>abcdef&#x3002;&#xFF5B;abcdef</p>
+<p>abcdef&#x3002;&#x300C;abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/quotationmarks-1-ref.html b/layout/reftests/line-breaking/quotationmarks-1-ref.html
new file mode 100644
index 0000000000..b07a0f3504
--- /dev/null
+++ b/layout/reftests/line-breaking/quotationmarks-1-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>abcdef"abc'abc`abc&#x2018;abc&#x2019;abc&#x201A;abc&#x201B;abc&#x201C;abc&#x201D;abc&#x201E;abc&#x201F;abcdef</p>
+<p>abcdef,"abc,'abc,`abc,&#x2018;abc,&#x2019;abc,&#x201A;abc,&#x201B;abc,&#x201C;abc,&#x201D;abc,&#x201E;abc,&#x201F;abcdef</p>
+<p>abcdef."abc.'abc.`abc.&#x2018;abc.&#x2019;abc.&#x201A;abc.&#x201B;abc.&#x201C;abc.&#x201D;abc.&#x201E;abc.&#x201F;abcdef</p>
+<p>abcdef..."abc...'abc...`abc...&#x2018;abc...&#x2019;abc...&#x201A;abc...&#x201B;abc...&#x201C;abc...&#x201D;abc...&#x201E;abc...&#x201F;abcdef</p>
+<p>abcdef!"abc!'abc!`abc!&#x2018;abc!&#x2019;abc!&#x201A;abc!&#x201B;abc!&#x201C;abc!&#x201D;abc!&#x201E;abc!&#x201F;abcdef</p>
+<p>abcdef?"abc?'abc?`abc?&#x2018;abc?&#x2019;abc?&#x201A;abc?&#x201B;abc?&#x201C;abc?&#x201D;abc?&#x201E;abc?&#x201F;abcdef</p>
+<p>abcdef",abc',abc`,abc&#x2018;,abc&#x2019;,abc&#x201A;,abc&#x201B;,abc&#x201C;,abc&#x201D;,abc&#x201E;,abc&#x201F;,abcdef</p>
+<p>abcdef".abc'.abc`.abc&#x2018;.abc&#x2019;.abc&#x201A;.abc&#x201B;.abc&#x201C;.abc&#x201D;.abc&#x201E;.abc&#x201F;.abcdef</p>
+<p>abcdef"!abc'!abc`!abc&#x2018;!abc&#x2019;!abc&#x201A;!abc&#x201B;!abc&#x201C;!abc&#x201D;!abc&#x201E;!abc&#x201F;!abcdef</p>
+<p>abcdef"?abc'?abc`?abc&#x2018;?abc&#x2019;?abc&#x201A;?abc&#x201B;?abc&#x201C;?abc&#x201D;?abc&#x201E;?abc&#x201F;?abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/quotationmarks-1.html b/layout/reftests/line-breaking/quotationmarks-1.html
new file mode 100644
index 0000000000..ad273cb4ee
--- /dev/null
+++ b/layout/reftests/line-breaking/quotationmarks-1.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>abcdef"abc'abc`abc&#x2018;abc&#x2019;abc&#x201A;abc&#x201B;abc&#x201C;abc&#x201D;abc&#x201E;abc&#x201F;abcdef</p>
+<p>abcdef,"abc,'abc,`abc,&#x2018;abc,&#x2019;abc,&#x201A;abc,&#x201B;abc,&#x201C;abc,&#x201D;abc,&#x201E;abc,&#x201F;abcdef</p>
+<p>abcdef."abc.'abc.`abc.&#x2018;abc.&#x2019;abc.&#x201A;abc.&#x201B;abc.&#x201C;abc.&#x201D;abc.&#x201E;abc.&#x201F;abcdef</p>
+<p>abcdef..."abc...'abc...`abc...&#x2018;abc...&#x2019;abc...&#x201A;abc...&#x201B;abc...&#x201C;abc...&#x201D;abc...&#x201E;abc...&#x201F;abcdef</p>
+<p>abcdef!"abc!'abc!`abc!&#x2018;abc!&#x2019;abc!&#x201A;abc!&#x201B;abc!&#x201C;abc!&#x201D;abc!&#x201E;abc!&#x201F;abcdef</p>
+<p>abcdef?"abc?'abc?`abc?&#x2018;abc?&#x2019;abc?&#x201A;abc?&#x201B;abc?&#x201C;abc?&#x201D;abc?&#x201E;abc?&#x201F;abcdef</p>
+<p>abcdef",abc',abc`,abc&#x2018;,abc&#x2019;,abc&#x201A;,abc&#x201B;,abc&#x201C;,abc&#x201D;,abc&#x201E;,abc&#x201F;,abcdef</p>
+<p>abcdef".abc'.abc`.abc&#x2018;.abc&#x2019;.abc&#x201A;.abc&#x201B;.abc&#x201C;.abc&#x201D;.abc&#x201E;.abc&#x201F;.abcdef</p>
+<p>abcdef"!abc'!abc`!abc&#x2018;!abc&#x2019;!abc&#x201A;!abc&#x201B;!abc&#x201C;!abc&#x201D;!abc&#x201E;!abc&#x201F;!abcdef</p>
+<p>abcdef"?abc'?abc`?abc&#x2018;?abc&#x2019;?abc&#x201A;?abc&#x201B;?abc&#x201C;?abc&#x201D;?abc&#x201E;?abc&#x201F;?abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/quotationmarks-cjk-1-ref.html b/layout/reftests/line-breaking/quotationmarks-cjk-1-ref.html
new file mode 100644
index 0000000000..b20854168b
--- /dev/null
+++ b/layout/reftests/line-breaking/quotationmarks-cjk-1-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>&#x5B57;<br>&#x2018;&#x5B57;&#x2019;<br>&#x5B57;<br>&#x201C;&#x5B57;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;&#xFF0C;<br>&#x2018;&#x5B57;&#xFF0C;&#x2019;<br>&#x5B57;&#xFF0C;<br>&#x201C;&#x5B57;&#xFF0C;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;&#xFF0E;<br>&#x2018;&#x5B57;&#xFF0E;&#x2019;<br>&#x5B57;&#xFF0E;<br>&#x201C;&#x5B57;&#xFF0E;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;&#xFF1A;<br>&#x2018;&#x5B57;&#xFF1A;&#x2019;<br>&#x5B57;&#xFF1A;<br>&#x201C;&#x5B57;&#xFF1A;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;&#xFF1B;<br>&#x2018;&#x5B57;&#xFF1B;&#x2019;<br>&#x5B57;&#xFF1B;<br>&#x201C;&#x5B57;&#xFF1B;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;&#xFF01;<br>&#x2018;&#x5B57;&#xFF01;&#x2019;<br>&#x5B57;&#xFF01;<br>&#x201C;&#x5B57;&#xFF01;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;&#xFF1F;<br>&#x2018;&#x5B57;&#xFF1F;&#x2019;<br>&#x5B57;&#xFF1F;<br>&#x201C;&#x5B57;&#xFF1F;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;<br>&#x2018;&#xFF08;&#x5B57;&#xFF09;&#x2019;<br>&#x5B57;<br>&#x201C;&#xFF08;&#x5B57;&#xFF09;&#x201D;<br>&#x5B57;</p>
+<p>&#x5B57;<br>&#xFF08;&#x2018;&#x5B57;&#x2019;&#xFF09;<br>&#x5B57;<br>&#xFF08;&#x201C;&#x5B57;&#x201D;&#xFF09;<br>&#x5B57;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/quotationmarks-cjk-1.html b/layout/reftests/line-breaking/quotationmarks-cjk-1.html
new file mode 100644
index 0000000000..b033f5ee82
--- /dev/null
+++ b/layout/reftests/line-breaking/quotationmarks-cjk-1.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<meta content-type="text/html" charset="utf8">
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>&#x5B57;&#x2018;&#x5B57;&#x2019;&#x5B57;&#x201C;&#x5B57;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#xFF0C;&#x2018;&#x5B57;&#xFF0C;&#x2019;&#x5B57;&#xFF0C;&#x201C;&#x5B57;&#xFF0C;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#xFF0E;&#x2018;&#x5B57;&#xFF0E;&#x2019;&#x5B57;&#xFF0E;&#x201C;&#x5B57;&#xFF0E;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#xFF1A;&#x2018;&#x5B57;&#xFF1A;&#x2019;&#x5B57;&#xFF1A;&#x201C;&#x5B57;&#xFF1A;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#xFF1B;&#x2018;&#x5B57;&#xFF1B;&#x2019;&#x5B57;&#xFF1B;&#x201C;&#x5B57;&#xFF1B;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#xFF01;&#x2018;&#x5B57;&#xFF01;&#x2019;&#x5B57;&#xFF01;&#x201C;&#x5B57;&#xFF01;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#xFF1F;&#x2018;&#x5B57;&#xFF1F;&#x2019;&#x5B57;&#xFF1F;&#x201C;&#x5B57;&#xFF1F;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#x2018;&#xFF08;&#x5B57;&#xFF09;&#x2019;&#x5B57;&#x201C;&#xFF08;&#x5B57;&#xFF09;&#x201D;&#x5B57;</p>
+<p>&#x5B57;&#xFF08;&#x2018;&#x5B57;&#x2019;&#xFF09;&#x5B57;&#xFF08;&#x201C;&#x5B57;&#x201D;&#xFF09;&#x5B57;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/reftest.list b/layout/reftests/line-breaking/reftest.list
new file mode 100644
index 0000000000..56a0099953
--- /dev/null
+++ b/layout/reftests/line-breaking/reftest.list
@@ -0,0 +1,45 @@
+== between-whitespaces.html between-whitespaces-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == chemical-1.html chemical-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == conservative-range-1.html conservative-range-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == conservative-range-2.html conservative-range-2-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == currency-1.html currency-1-ref.html
+== currency-2.html currency-2-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == datetime-1.html datetime-1-ref.html
+pref(gfx.font_rendering.fallback.async,false) == emoji-1.html emoji-1-ref.html
+pref(gfx.font_rendering.fallback.async,false) pref(intl.icu4x.segmenter.enabled,false) == emoji-2.html emoji-2-ref.html
+random-if(gtkWidget) pref(intl.icu4x.segmenter.enabled,false) == hyphens-1.html hyphens-1-ref.html # may fail depending on `serif` font on linux
+pref(intl.icu4x.segmenter.enabled,false) == hyphens-2.html hyphens-2-ref.html
+# The following three tests may fail if rendering with Core Text (see bug 389074)
+# due to subpixel glyph positioning differences between the reference cases with <br>
+# and the automatically-wrapped lines in the test file
+== ja-1.html ja-1-ref.html
+== ja-2.html ja-2-ref.html
+== ja-3.html ja-3-ref.html
+== khmer-1.html khmer-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == leaders-1.html leaders-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == markup-src-1.html markup-src-1-ref.html
+== non-breakable-1.html non-breakable-1-ref.html
+== non-breakable-2.html non-breakable-2-ref.html
+== numerics-1.html numerics-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == parentheses-1.html parentheses-1-ref.html
+== punctuation-open-1.html punctuation-open-1-ref.html
+== punctuation-open-2.html punctuation-open-2-ref.html
+== punctuation-open-3.html punctuation-open-3-ref.html
+== punctuation-open-4.html punctuation-open-4-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == quotationmarks-1.html quotationmarks-1-ref.html
+# The following is currently disabled on Linux because of a rendering issue with missing-glyph
+# representations on the test boxes. See bug #450088 for discussion.
+pref(intl.icu4x.segmenter.enabled,false) skip-if(gtkWidget) == quotationmarks-cjk-1.html quotationmarks-cjk-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == smileys-1.html smileys-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == smileys-2.html smileys-2-ref.html
+== space-cluster-1.html space-cluster-1-ref.html
+random-if(cocoaWidget) == space-cluster-2.html space-cluster-2-ref.html # harfbuzz vs coretext, different positioning of stray diacritics
+== surrogates-1.html surrogates-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == surrogates-2.html surrogates-2-ref.html
+== surrogates-3.html surrogates-3-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == surrogates-4.html surrogates-4-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == url-1.html url-1-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == url-2.html url-2-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == url-3.html url-3-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == winpath-1.html winpath-1-ref.html
+== zwnbsp-1.html zwnbsp-1-ref.html
diff --git a/layout/reftests/line-breaking/smileys-1-ref.html b/layout/reftests/line-breaking/smileys-1-ref.html
new file mode 100644
index 0000000000..01d1ae7bd6
--- /dev/null
+++ b/layout/reftests/line-breaking/smileys-1-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>:)</p>
+<p>;)</p>
+<p>:(</p>
+<p>:-)</p>
+<p>:-(</p>
+<p>:P</p>
+<p>:D</p>
+<p>:-D</p>
+<p>:^)</p>
+<p>:-/</p>
+<p>=^_^=</p>
+<p>\^_^/</p>
+<p>^-^</p>
+<p>^^;;</p>
+<p>o_O</p>
+<p>-__-;;</p>
+<p>&gt;_&lt;</p>
+<p>&gt;&lt;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/smileys-1.html b/layout/reftests/line-breaking/smileys-1.html
new file mode 100644
index 0000000000..e0b718a209
--- /dev/null
+++ b/layout/reftests/line-breaking/smileys-1.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>:)</p>
+<p>;)</p>
+<p>:(</p>
+<p>:-)</p>
+<p>:-(</p>
+<p>:P</p>
+<p>:D</p>
+<p>:-D</p>
+<p>:^)</p>
+<p>:-/</p>
+<p>=^_^=</p>
+<p>\^_^/</p>
+<p>^-^</p>
+<p>^^;;</p>
+<p>o_O</p>
+<p>-__-;;</p>
+<p>&gt;_&lt;</p>
+<p>&gt;&lt;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/smileys-2-ref.html b/layout/reftests/line-breaking/smileys-2-ref.html
new file mode 100644
index 0000000000..0de4d74cf2
--- /dev/null
+++ b/layout/reftests/line-breaking/smileys-2-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>abcdef:)</p>
+<p>abcdef;)</p>
+<p>abcdef:(</p>
+<p>abcdef:-)</p>
+<p>abcdef:-(</p>
+<p>abcdef:P</p>
+<p>abcdef:D</p>
+<p>abcdef:-D</p>
+<p>abcdef:^)</p>
+<p>abcdef:-/</p>
+<p>abcdef=^_^=</p>
+<p>abcdef\^_^/</p>
+<p>abcdef^-^</p>
+<p>abcdef^^;;</p>
+<p>abcdefo_O</p>
+<p>abcdef-__-;;</p>
+<p>abcdef&gt;_&lt;</p>
+<p>abcdef&gt;&lt;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/smileys-2.html b/layout/reftests/line-breaking/smileys-2.html
new file mode 100644
index 0000000000..1dcd88be67
--- /dev/null
+++ b/layout/reftests/line-breaking/smileys-2.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>abcdef:)</p>
+<p>abcdef;)</p>
+<p>abcdef:(</p>
+<p>abcdef:-)</p>
+<p>abcdef:-(</p>
+<p>abcdef:P</p>
+<p>abcdef:D</p>
+<p>abcdef:-D</p>
+<p>abcdef:^)</p>
+<p>abcdef:-/</p>
+<p>abcdef=^_^=</p>
+<p>abcdef\^_^/</p>
+<p>abcdef^-^</p>
+<p>abcdef^^;;</p>
+<p>abcdefo_O</p>
+<p>abcdef-__-;;</p>
+<p>abcdef&gt;_&lt;</p>
+<p>abcdef&gt;&lt;</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/space-cluster-1-ref.html b/layout/reftests/line-breaking/space-cluster-1-ref.html
new file mode 100644
index 0000000000..73f65d3862
--- /dev/null
+++ b/layout/reftests/line-breaking/space-cluster-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body style="line-height: 1.5em">
+there<br>should<br>be<br>one<br>word<br>per<br>line
+</body>
diff --git a/layout/reftests/line-breaking/space-cluster-1.html b/layout/reftests/line-breaking/space-cluster-1.html
new file mode 100644
index 0000000000..511f7381df
--- /dev/null
+++ b/layout/reftests/line-breaking/space-cluster-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<body style="width: 0; line-height: 1.5em">
+<!-- none of these control codes should inhibit line breaking at the spaces -->
+there&zwj; should &zwj;be&zwnj; one &zwnj;word&#x34f; per &#x34f;line
+</body>
diff --git a/layout/reftests/line-breaking/space-cluster-2-ref.html b/layout/reftests/line-breaking/space-cluster-2-ref.html
new file mode 100644
index 0000000000..c7fb7ac99e
--- /dev/null
+++ b/layout/reftests/line-breaking/space-cluster-2-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+Each diacritic should be on a separate line:
+<div style="margin: 1em; line-height: 1.5em; font-family: monospace;">&#x302;<br>&#x304;<br>&#x305;<br>&#x306;<br>&#x307;
diff --git a/layout/reftests/line-breaking/space-cluster-2.html b/layout/reftests/line-breaking/space-cluster-2.html
new file mode 100644
index 0000000000..a1eb7f9e3f
--- /dev/null
+++ b/layout/reftests/line-breaking/space-cluster-2.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<body>
+Each diacritic should be on a separate line:
+<div style="width: 0; margin: 1em; line-height: 1.5em; font-family: monospace;">&#x302; &#x304; &#x305; &#x306; &#x307;
diff --git a/layout/reftests/line-breaking/surrogates-1-ref.html b/layout/reftests/line-breaking/surrogates-1-ref.html
new file mode 100644
index 0000000000..9a4cbcadaf
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef<br>&#x2018;&#x6587;&#x2019;<br>abcdef</p>
+<p class="supp">abcdef<br>&#x2018;&#x2000B;&#x2019;<br>abcdef</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/surrogates-1.html b/layout/reftests/line-breaking/surrogates-1.html
new file mode 100644
index 0000000000..3c8252c5c9
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+p {
+  width:0;
+}
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef &#x2018;&#x6587;&#x2019; abcdef</p>
+<p class="supp">abcdef &#x2018;&#x2000B;&#x2019; abcdef</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/surrogates-2-ref.html b/layout/reftests/line-breaking/surrogates-2-ref.html
new file mode 100644
index 0000000000..f00c5e9fbe
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef<br>&#x2018;&#x6587;&#x2019;abcdef</p>
+<p class="supp">abcdef<br>&#x2018;&#x2000B;&#x2019;abcdef</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/surrogates-2.html b/layout/reftests/line-breaking/surrogates-2.html
new file mode 100644
index 0000000000..7de30dcb5b
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+p {
+  width:0;
+}
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef&#x2018;&#x6587;&#x2019;abcdef</p>
+<p class="supp">abcdef&#x2018;&#x2000B;&#x2019;abcdef</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/surrogates-3-ref.html b/layout/reftests/line-breaking/surrogates-3-ref.html
new file mode 100644
index 0000000000..5bfb9d960c
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-3-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef<br>&#x2018;&#x6587;&#x2019;<br>abcdef</p>
+<p class="supp">&#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d;<br>&#x2018;&#x2000B;&#x2019;<br>&#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d;</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/surrogates-3.html b/layout/reftests/line-breaking/surrogates-3.html
new file mode 100644
index 0000000000..7bb11ae6b6
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+p {
+  width:0;
+}
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef &#x2018;&#x6587;&#x2019; abcdef</p>
+<p class="supp">&#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d; &#x2018;&#x2000B;&#x2019; &#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d;</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/surrogates-4-ref.html b/layout/reftests/line-breaking/surrogates-4-ref.html
new file mode 100644
index 0000000000..f191559ed6
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-4-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef<br>&#x2018;&#x6587;&#x2019;abcdef</p>
+<p class="supp">&#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d;<br>&#x2018;&#x2000B;&#x2019;&#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d;</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/surrogates-4.html b/layout/reftests/line-breaking/surrogates-4.html
new file mode 100644
index 0000000000..8aa3cd776d
--- /dev/null
+++ b/layout/reftests/line-breaking/surrogates-4.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Bug xxxx</title>
+<style>
+p {
+  width:0;
+}
+.bmp {
+  color: green;
+}
+.supp {
+  color: blue;
+}
+</style>
+</head>
+<body>
+Line-breaking in the green (BMP) and blue (supplementary-plane) examples should match.
+<p class="bmp">abcdef&#x2018;&#x6587;&#x2019;abcdef</p>
+<p class="supp">&#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d;&#x2018;&#x2000B;&#x2019;&#x10408;&#x10409;&#x1040a;&#x1040b;&#x1040c;&#x1040d;</p>
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/url-1-ref.html b/layout/reftests/line-breaking/url-1-ref.html
new file mode 100644
index 0000000000..9c3e233862
--- /dev/null
+++ b/layout/reftests/line-breaking/url-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>http://www.mozilla.org/</p>
+<p>http://www.mozilla.org/abcd</p>
+<p>http://www.mozilla.org<br>/abcde</p>
+<p>http://www.mozilla.org<br>/abcdef/</p>
+<p>http://www.mozilla.org<br>/abcd/abcd<br>/abcde<br>/index.html</p>
+<p>http://www.mozilla.org<br>/index.cgi?abcdef=abcdef&amp;<br>abcdef=abcdef</p>
+<p>http://www.mozilla.org<br>/index.cgi?abcdef=abcdef;<br>abcdef=abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/url-1.html b/layout/reftests/line-breaking/url-1.html
new file mode 100644
index 0000000000..c727d0d205
--- /dev/null
+++ b/layout/reftests/line-breaking/url-1.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>http://www.mozilla.org/</p>
+<p>http://www.mozilla.org/abcd</p>
+<p>http://www.mozilla.org/abcde</p>
+<p>http://www.mozilla.org/abcdef/</p>
+<p>http://www.mozilla.org/abcd/abcd/abcde/index.html</p>
+<p>http://www.mozilla.org/index.cgi?abcdef=abcdef&amp;abcdef=abcdef</p>
+<p>http://www.mozilla.org/index.cgi?abcdef=abcdef;abcdef=abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/url-2-ref.html b/layout/reftests/line-breaking/url-2-ref.html
new file mode 100644
index 0000000000..d1d6281eb0
--- /dev/null
+++ b/layout/reftests/line-breaking/url-2-ref.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>/abcde<br>/abcde</p>
+<p>/abcd/abcde</p>
+<p>/abcde/abcd</p>
+<p>abc/de<br>/abcde</p>
+<p>abc/de/abcd</p>
+<p>../../..</p>
+<p>../../../..</p>
+<p>../../..<br>/../..</p>
+<p>../../..<br>/abcde</p>
+<p>abc/de<br>/abcde.abcdef</p>
+<p>index.cgi?abcdef=abcdef&amp;<br>abcdef=abcdef</p>
+<p>index.cgi?abcdef=abcdef;<br>abcdef=abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/url-2.html b/layout/reftests/line-breaking/url-2.html
new file mode 100644
index 0000000000..0d1f377614
--- /dev/null
+++ b/layout/reftests/line-breaking/url-2.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>/abcde/abcde</p>
+<p>/abcd/abcde</p>
+<p>/abcde/abcd</p>
+<p>abc/de/abcde</p>
+<p>abc/de/abcd</p>
+<p>../../..</p>
+<p>../../../..</p>
+<p>../../../../..</p>
+<p>../../../abcde</p>
+<p>abc/de/abcde.abcdef</p>
+<p>index.cgi?abcdef=abcdef&amp;abcdef=abcdef</p>
+<p>index.cgi?abcdef=abcdef;abcdef=abcdef</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/url-3-ref.html b/layout/reftests/line-breaking/url-3-ref.html
new file mode 100644
index 0000000000..a940e970ef
--- /dev/null
+++ b/layout/reftests/line-breaking/url-3-ref.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>index.cgi?abcdef=<br>%E6%97<br>%A5%E6<br>%9C%AC<br>%E8%AA<br>%9E&amp;<br>abcdef=<br>%E6%97<br>%A5%E6<br>%9C%AC<br>%E8%AA%9E</p>
+<p>index.cgi?abcdef=<br>%E6%97<br>%A5%E6<br>%9C%AC<br>%E8%AA<br>%9E;<br>abcdef=<br>%E6%97<br>%A5%E6<br>%9C%AC<br>%E8%AA%9E</p>
+<p>%E6%97<br>%A5%E6<br>%9C%AC<br>%E8%AA%9E</p>
+<p>%E6%97<br>%A5%E6<br>%9C%AC<br>%E8%AA%9Eab</p>
+<p>%E6%97<br>%A5%E6<br>%9C%AC<br>%E8%AA<br>%9Eabc</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/url-3.html b/layout/reftests/line-breaking/url-3.html
new file mode 100644
index 0000000000..44c955b448
--- /dev/null
+++ b/layout/reftests/line-breaking/url-3.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>index.cgi?abcdef=%E6%97%A5%E6%9C%AC%E8%AA%9E&amp;abcdef=%E6%97%A5%E6%9C%AC%E8%AA%9E</p>
+<p>index.cgi?abcdef=%E6%97%A5%E6%9C%AC%E8%AA%9E;abcdef=%E6%97%A5%E6%9C%AC%E8%AA%9E</p>
+<p>%E6%97%A5%E6%9C%AC%E8%AA%9E</p>
+<p>%E6%97%A5%E6%9C%AC%E8%AA%9Eab</p>
+<p>%E6%97%A5%E6%9C%AC%E8%AA%9Eabc</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/winpath-1-ref.html b/layout/reftests/line-breaking/winpath-1-ref.html
new file mode 100644
index 0000000000..efa51605b4
--- /dev/null
+++ b/layout/reftests/line-breaking/winpath-1-ref.html
@@ -0,0 +1,22 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; white-space: nowrap; } </style>
+</head>
+<body>
+
+<p>\abcde<br>\abcde</p>
+<p>\abcd\abcde</p>
+<p>\abcde\abcd</p>
+<p>abc\de<br>\abcde</p>
+<p>abc\de\abcd</p>
+<p>..\..\..</p>
+<p>..\..\..\..</p>
+<p>..\..\..<br>\..\..</p>
+<p>..\..\..<br>\abcde</p>
+<p>abc\de<br>\abcde.abcdef</p>
+<p>\\abcd<br>\abcde</p>
+<p>\\abc\abcde</p>
+<p>\\abcd\abcd</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/winpath-1.html b/layout/reftests/line-breaking/winpath-1.html
new file mode 100644
index 0000000000..d3dce3702e
--- /dev/null
+++ b/layout/reftests/line-breaking/winpath-1.html
@@ -0,0 +1,22 @@
+<html>
+<head>
+<style type="text/css"> p { margin: 5px 1em; width: 0; } </style>
+</head>
+<body>
+
+<p>\abcde\abcde</p>
+<p>\abcd\abcde</p>
+<p>\abcde\abcd</p>
+<p>abc\de\abcde</p>
+<p>abc\de\abcd</p>
+<p>..\..\..</p>
+<p>..\..\..\..</p>
+<p>..\..\..\..\..</p>
+<p>..\..\..\abcde</p>
+<p>abc\de\abcde.abcdef</p>
+<p>\\abcd\abcde</p>
+<p>\\abc\abcde</p>
+<p>\\abcd\abcd</p>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/zwnbsp-1-ref.html b/layout/reftests/line-breaking/zwnbsp-1-ref.html
new file mode 100644
index 0000000000..34cc31aec8
--- /dev/null
+++ b/layout/reftests/line-breaking/zwnbsp-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+p { margin: 5px 1em; line-height: 1.5; }
+</style>
+</head>
+<body>
+
+<div style="float:left; width: 15em;">
+<!-- U+FEFF is (deprecated) ZERO-WIDTH NO-BREAK SPACE -->
+<p>abcdefabcdef</p>
+<p>abcdef)(abcdef</p>
+<p>abcdef<br>abcdef</p>
+<p>abcdef<br>abcdef</p>
+<p>abcdefabcdef</p>
+
+<p>コ<br>ミュ<br>ニ</p>
+<p>コ&#xfeff;ミ&#xfeff;ュ&#xfeff;ニ</p>
+
+<p>你<br>好<br>吗？</p>
+<p>你好<br>吗？</p>
+<p>你好吗？</p>
+</div>
+
+<div style="float:left; width: 15em;">
+<!-- U+2060 is WORD JOINER -->
+<p>abcdefabcdef</p>
+<p>abcdef)(abcdef</p>
+<p>abcdef<br>abcdef</p>
+<p>abcdef<br>abcdef</p>
+<p>abcdefabcdef</p>
+
+<p>コ<br>ミュ<br>ニ</p>
+<p>コ&#x2060;ミ&#x2060;ュ&#x2060;ニ</p>
+
+<p>你<br>好<br>吗？</p>
+<p>你好<br>吗？</p>
+<p>你好吗？</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/line-breaking/zwnbsp-1.html b/layout/reftests/line-breaking/zwnbsp-1.html
new file mode 100644
index 0000000000..1f8831cd57
--- /dev/null
+++ b/layout/reftests/line-breaking/zwnbsp-1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+p { margin: 5px 1em; line-height: 1.5; width: 0; }
+</style>
+</head>
+<body>
+
+<div style="float:left; width: 15em;">
+<!-- U+FEFF is (deprecated) ZERO-WIDTH NO-BREAK SPACE -->
+<p>abcdef&#xfeff;abcdef</p>
+<p>abcdef)&#xfeff;(abcdef</p>
+<p>abcdef &#xfeff;abcdef</p>
+<p>abcdef&#xfeff; abcdef</p>
+<p>abcdef&#xfeff;&#xfeff;&#xfeff;abcdef</p>
+
+<p>コミュニ</p>
+<p>コ&#xfeff;ミ&#xfeff;ュ&#xfeff;ニ</p>
+
+<p>你好吗？</p>
+<p>你&#xfeff;好吗？</p>
+<p>你&#xfeff;好&#xfeff;吗？</p>
+</div>
+
+<div style="float:left; width: 15em;">
+<!-- U+2060 is WORD JOINER -->
+<p>abcdef&#x2060;abcdef</p>
+<p>abcdef)&#x2060;(abcdef</p>
+<p>abcdef &#x2060;abcdef</p>
+<p>abcdef&#x2060; abcdef</p>
+<p>abcdef&#x2060;&#x2060;&#x2060;abcdef</p>
+
+<p>コミュニ</p>
+<p>コ&#x2060;ミ&#x2060;ュ&#x2060;ニ</p>
+
+<p>你好吗？</p>
+<p>你&#x2060;好吗？</p>
+<p>你&#x2060;好&#x2060;吗？</p>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html b/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html
new file mode 100644
index 0000000000..d6d93307f9
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1142369</title>
+</head>
+<body>
+  <li style="list-style: inside;">blahblah and foobarboo</li>
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-1.html b/layout/reftests/list-item/bullet-intrinsic-isize-1.html
new file mode 100644
index 0000000000..ccfa6d9e40
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1142369</title>
+</head>
+<body>
+  <li style="width: max-content; list-style: inside;">blahblah and foobarboo</li>
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html b/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html
new file mode 100644
index 0000000000..b371dcbc67
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 994418</title>
+</head>
+<body>
+  MMMCMXCIX. sometext
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-2.html b/layout/reftests/list-item/bullet-intrinsic-isize-2.html
new file mode 100644
index 0000000000..c59545dd29
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 994418</title>
+  <style>
+    ol {
+      display: inline-block;
+      list-style: upper-roman inside;
+      padding: 0; margin: 0;
+    }
+  </style>
+</head>
+<body>
+  <ol start="3999"><li></ol>sometext
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-justify-1-ref.html b/layout/reftests/list-item/bullet-justify-1-ref.html
new file mode 100644
index 0000000000..7512879a0d
--- /dev/null
+++ b/layout/reftests/list-item/bullet-justify-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+  li {
+    margin-left: 100px;
+    font-size: 100px;
+  }
+  span {
+    color: transparent;
+  }
+</style>
+<li><span>x x</span></li>
diff --git a/layout/reftests/list-item/bullet-justify-1.html b/layout/reftests/list-item/bullet-justify-1.html
new file mode 100644
index 0000000000..22cf2773b2
--- /dev/null
+++ b/layout/reftests/list-item/bullet-justify-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  li {
+    margin-left: 100px;
+    font-size: 100px;
+    text-align-last: justify;
+  }
+  span {
+    color: transparent;
+  }
+</style>
+<li><span>x x</span></li>
diff --git a/layout/reftests/list-item/bullet-space-1-ref.html b/layout/reftests/list-item/bullet-space-1-ref.html
new file mode 100644
index 0000000000..e20884f086
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-1-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1017335</title>
+ <style>
+  body {
+    font-family:monospace;
+    font-size:24px;
+  }
+  .outer {
+    position:absolute;
+    top:0;
+    width:300px;
+  }
+  ul {
+    margin:0;
+    list-style-type:none;
+  }
+  span {
+    display:inline-block;
+  }
+  .L {
+    width:40px;
+    text-align:right;
+    white-space: pre;
+  }
+  .R {
+    width:40px;
+    text-align:left;
+    white-space: pre;
+  }
+  .bullet {
+    background:yellow;
+  }
+  ::marker { font-family:inherit; }
+ </style>
+</head>
+
+<body>
+
+<div class="outer">
+<div>
+ <ul>
+  <li>foo</li>
+ </ul>
+</div>
+
+<div dir="rtl">
+ <ul>
+  <li>bar</li>
+ </ul>
+</div>
+</div>
+
+<!-- The yellow background of the bullet spans here should completely cover the
+     bullets from the <ul> items above, even though the exact positioning of the
+     list item images may not match the plain-text version of the bullets.
+     Therefore, the testcase (with list-style-type:disc) and reference (none)
+     should match. -->
+<div class="outer">
+<div>
+ <span class="L"><span class="bullet">&#x2022;</span> </span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span class="bullet">&#x2022;</span> </span>bar
+</div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/bullet-space-1.html b/layout/reftests/list-item/bullet-space-1.html
new file mode 100644
index 0000000000..9bfc894578
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-1.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1017335</title>
+ <style>
+  body {
+    font-family:monospace;
+    font-size:24px;
+  }
+  .outer {
+    position:absolute;
+    top:0;
+    width:300px;
+  }
+  ul {
+    margin:0;
+    list-style-type:disc;
+  }
+  span {
+    display:inline-block;
+  }
+  .L {
+    width:40px;
+    text-align:right;
+    white-space: pre;
+  }
+  .R {
+    width:40px;
+    text-align:left;
+    white-space: pre;
+  }
+  .bullet {
+    background:yellow;
+  }
+  ::marker { font-family:inherit; }
+ </style>
+</head>
+
+<body>
+
+<div class="outer">
+<div>
+ <ul>
+  <li>foo</li>
+ </ul>
+</div>
+
+<div dir="rtl">
+ <ul>
+  <li>bar</li>
+ </ul>
+</div>
+</div>
+
+<!-- The yellow background of the bullet spans here should completely cover the
+     bullets from the <ul> items above, even though the exact positioning of the
+     list item images may not match the plain-text version of the bullets.
+     Therefore, the testcase (with list-style-type:disc) and reference (none)
+     should match. -->
+<div class="outer">
+<div>
+ <span class="L"><span class="bullet">&#x2022;</span> </span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span class="bullet">&#x2022;</span> </span>bar
+</div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/bullet-space-2-ref.html b/layout/reftests/list-item/bullet-space-2-ref.html
new file mode 100644
index 0000000000..75c36b36db
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-2-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1019470</title>
+ <style>
+  body {
+    font-family:monospace;
+    font-size:24px;
+  }
+  span {
+    display:inline-block;
+  }
+  .L {
+    width:40px;
+    text-align:right;
+  }
+  .R {
+    width:40px;
+    text-align:left;
+  }
+  .L,.R { white-space:pre; }
+ </style>
+</head>
+
+<body>
+
+<div>
+ <span class="L"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"> </span></span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"> </span></span>bar
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/bullet-space-2.html b/layout/reftests/list-item/bullet-space-2.html
new file mode 100644
index 0000000000..f32cfcd653
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1019470</title>
+ <style>
+  body {
+    font-family:monospace;
+    font-size:24px;
+  }
+  ul {
+    margin:0;
+    list-style-type: none; /* to ensure we use the same font metrics as the reference for the trailing space */
+    list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC");
+  }
+  ::marker { font-family: inherit; }
+ </style>
+</head>
+
+<body>
+
+<div>
+ <ul>
+  <li>foo</li>
+ </ul>
+</div>
+
+<div dir="rtl">
+ <ul>
+  <li>bar</li>
+ </ul>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-css-auto.html b/layout/reftests/list-item/image-rendering-css-auto.html
new file mode 100644
index 0000000000..845324ab69
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-css-auto.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test list-style-image image-rendering css auto</title>
+    <style type="text/css">
+      div {
+        display: list-item;
+        list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+        height: 50px;
+        border: 1px solid black;
+        list-style-position: inside;
+
+        image-rendering: auto;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div>
+    </div>
+  </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-css.html b/layout/reftests/list-item/image-rendering-css.html
new file mode 100644
index 0000000000..8e693d8bac
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-css.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test list-style-image image-rendering css -moz-crisp-edges</title>
+    <style type="text/css">
+      div {
+        display: list-item;
+        list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+        height: 50px;
+        border: 1px solid black;
+        list-style-position: inside;
+
+        image-rendering: -moz-crisp-edges;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div>
+    </div>
+  </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-ref.html b/layout/reftests/list-item/image-rendering-ref.html
new file mode 100644
index 0000000000..6d8a0ff209
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>reference list-style-image image-rendering</title>
+    <style type="text/css">
+      div {
+        height: 50px;
+        border: 1px solid black;
+
+        image-rendering: -moz-crisp-edges;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div>
+      <img src=" data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs="
+      >
+    </div>
+  </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-script.html b/layout/reftests/list-item/image-rendering-script.html
new file mode 100644
index 0000000000..fa7b4ddf7b
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-script.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2" class="reftest-wait">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test list-style-image image-rendering script change</title>
+    <style type="text/css">
+      div {
+        display: list-item;
+        list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+        height: 50px;
+        border: 1px solid black;
+        list-style-position: inside;
+
+        image-rendering: auto;
+      }
+    </style>
+    <script type="text/javascript">
+      document.addEventListener("MozReftestInvalidate", updateImageRendering);
+
+      function updateImageRendering() {
+        var div = document.getElementById("d1");
+        div.style.imageRendering = '-moz-crisp-edges';
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </head>
+
+  <body>
+    <div id="d1">
+    </div>
+  </body>
+
+</html>
diff --git a/layout/reftests/list-item/numbering-1-ref.html b/layout/reftests/list-item/numbering-1-ref.html
new file mode 100644
index 0000000000..d0455de377
--- /dev/null
+++ b/layout/reftests/list-item/numbering-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #1 for bug 614969</title>
+</head>
+<body>
+
+<ol style="list-style: decimal inside">
+    <li>List item 1</li>
+    <li>List item 2</li>
+    <li>List item 3</li>
+    <li>List item 4</li>
+    <li>List item 5</li>
+    <li>List item 6</li>
+    <div><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside;">
+    <div style="column-width:1em;"><li></li><div>item1</div></div>
+    <div style="column-width:1em;"><li></li><div>item2</div></div>
+    <div style="column-width:1em;"><li></li><div>item3</div></div>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-1.html b/layout/reftests/list-item/numbering-1.html
new file mode 100644
index 0000000000..74d02d36b9
--- /dev/null
+++ b/layout/reftests/list-item/numbering-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #1 for bug 614969</title>
+    <style>
+      .col {column-width:1em}
+      .col::marker {white-space:initial}
+    </style>
+</head>
+<body>
+
+<ol style="list-style: decimal inside">
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+    <li style="overflow: hidden">List item 4</li>
+    <li style="overflow: hidden">List item 5</li>
+    <li>List item 6</li>
+    <div style="overflow: hidden"><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside;">
+    <li class="col">item1</li>
+    <li class="col">item2</li>
+    <li class="col">item3</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-2-ref.html b/layout/reftests/list-item/numbering-2-ref.html
new file mode 100644
index 0000000000..b696440371
--- /dev/null
+++ b/layout/reftests/list-item/numbering-2-ref.html
@@ -0,0 +1,23 @@
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #2 for bug 614969</title>
+<style>
+html,body {
+    color:black; background-color:white; font-size:12px; padding:0; margin:0;
+}
+
+li {margin-left:0; padding-left:0px; width:200px; }
+ol {margin-left:0; padding-left:40px; }
+</style>
+</head>
+<body>
+
+<div style="position:absolute;left:0;top:0"><ol style="list-style: decimal inside"><li style="height:0;">ABS</li><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:3em"><div style="position:relative"><ol style="list-style: decimal inside"><li>REL BLOCK</li><li style="padding-top:1em">List item</li></ol></div></div>
+<div style="position:absolute;left:0;top:7em"><div style="float:left"><ol style="list-style: decimal inside"><li style="height:2em;">FLOAT</li><li style="">List item</li></ol></div></div>
+<div style="position:absolute;left:0;top:10em"><ol style="list-style: decimal inside"><li>REL INLINE</li><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:14em"><ol style="list-style: decimal inside"><ol><li>REL OL</li></ol><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:20em"><ol id=x style="list-style: decimal inside"><ol style="height:0"><li style="margin-left:-40px;">ABS OL</li></ol><li style="padding-top:2em">List item</li></ol></div>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-2.html b/layout/reftests/list-item/numbering-2.html
new file mode 100644
index 0000000000..02865411bf
--- /dev/null
+++ b/layout/reftests/list-item/numbering-2.html
@@ -0,0 +1,23 @@
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #2 for bug 614969</title>
+<style>
+html,body {
+    color:black; background-color:white; font-size:12px; padding:0; margin:0;
+}
+
+li {margin-left:0; padding-left:0px; width:200px; }
+ol {margin-left:0; padding-left:40px; }
+</style>
+</head>
+<body>
+
+<div style="position:absolute;left:0;top:0"><ol style="list-style: decimal inside"><div style="position:absolute"><li>ABS</li></div><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:3em"><ol style="list-style: decimal inside"><div style="position:relative"><li>REL BLOCK</li></div><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:7em"><ol style="list-style: decimal inside"><div style="float:left;height:2em"><li>FLOAT</li></div><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:10em"><ol style="list-style: decimal inside"><span style="position:relative"><li>REL INLINE</li></span><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:14em"><ol style="list-style: decimal inside"><ol style="position:relative"><li>REL OL</li></ol><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:20em"><ol id="x" style="list-style: decimal inside"><ol id="y" style="position:absolute;left:0;right:0"><li>ABS OL</li></ol><li style="padding-top:2em">List item</li></ol></div>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-3-ref.html b/layout/reftests/list-item/numbering-3-ref.html
new file mode 100644
index 0000000000..471aa2719a
--- /dev/null
+++ b/layout/reftests/list-item/numbering-3-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Reference for testcase #1 for bug 1171419</title>
+<style>
+l { display:block; list-style: decimal inside; }
+</style>
+</head>
+<body>
+
+<ol style="display:grid; list-style-type:none">
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+    <l start="4"><li style="overflow: hidden">List item 4</li></l>
+    <l start="5"><li style="overflow: hidden">List item 5</li></l>
+    <l start="6"><li>List item 6</li></l>
+    <l start="7"><li>List item 7</li></l>
+</ol>
+
+<ol style="display:grid; list-style-type:none">
+<div>
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:grid; list-style-type:none">
+<div style="display:grid">
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:inline-grid; list-style-type:none">
+<div style="display:grid">
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:grid; list-style-type:none">
+    <l start="1"><li style="column-width:1em;">item1</li></l>
+    <l start="2"><li style="column-width:1em;">item2</li></l>
+    <l start="3"><li style="column-width:1em;">item3</li></l>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-3.html b/layout/reftests/list-item/numbering-3.html
new file mode 100644
index 0000000000..ded2233a22
--- /dev/null
+++ b/layout/reftests/list-item/numbering-3.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #1 for bug 1171419</title>
+</head>
+<body>
+
+<ol style="list-style: decimal inside; display:grid">
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+    <li style="overflow: hidden">List item 4</li>
+    <li style="overflow: hidden">List item 5</li>
+    <li>List item 6</li>
+    <div style="overflow: hidden"><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside; display:grid">
+<div>
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:grid">
+<div style="display:grid">
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:inline-grid">
+<div style="display:grid">
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:grid">
+    <li style="column-width:1em;">item1</li>
+    <li style="column-width:1em;">item2</li>
+    <li style="column-width:1em;">item3</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-4-ref.html b/layout/reftests/list-item/numbering-4-ref.html
new file mode 100644
index 0000000000..4fcb6e194f
--- /dev/null
+++ b/layout/reftests/list-item/numbering-4-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Reference for testcase #2 for bug 1171419</title>
+<style>
+l { display:block; list-style: decimal inside; }
+</style>
+</head>
+<body>
+
+<ol style="display:flex; list-style-type:none">
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+    <l start="4"><li style="overflow: hidden">List item 4</li></l>
+    <l start="5"><li style="overflow: hidden">List item 5</li></l>
+    <l start="6"><li>List item 6</li></l>
+    <l start="7"><li>List item 7</li></l>
+</ol>
+
+<ol style="display:flex; list-style-type:none">
+<div>
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:flex; list-style-type:none">
+<div style="display:flex">
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:inline-flex; list-style-type:none">
+<div style="display:flex">
+    <l start="1"><li style="overflow: hidden">List item 1</li></l>
+    <l start="2"><li style="overflow: hidden">List item 2</li></l>
+    <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:flex; list-style-type:none">
+    <l start="1"><li style="column-width:1em;">item1</li></l>
+    <l start="2"><li style="column-width:1em;">item2</li></l>
+    <l start="3"><li style="column-width:1em;">item3</li></l>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-4.html b/layout/reftests/list-item/numbering-4.html
new file mode 100644
index 0000000000..9b00795994
--- /dev/null
+++ b/layout/reftests/list-item/numbering-4.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #2 for bug 1171419</title>
+</head>
+<body>
+
+<ol style="list-style: decimal inside; display:flex">
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+    <li style="overflow: hidden">List item 4</li>
+    <li style="overflow: hidden">List item 5</li>
+    <li>List item 6</li>
+    <div style="overflow: hidden"><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside; display:flex">
+<div>
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:flex">
+<div style="display:flex">
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:inline-flex">
+<div style="display:flex">
+    <li style="overflow: hidden">List item 1</li>
+    <li style="overflow: hidden">List item 2</li>
+    <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:flex">
+    <li style="column-width:1em;">item1</li>
+    <li style="column-width:1em;">item2</li>
+    <li style="column-width:1em;">item3</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-5-ref.html b/layout/reftests/list-item/numbering-5-ref.html
new file mode 100644
index 0000000000..74f5c37d67
--- /dev/null
+++ b/layout/reftests/list-item/numbering-5-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Reference for reordered 'li' flex items</title>
+  <style>
+    .container {
+      display: flex;
+      flex-direction: column;
+    }
+  </style>
+</head>
+<body>
+  <ol class="container">
+    <div>4. List item 4</div>
+    <div>2. List item 2</div>
+    <div>3. List item 3</div>
+    <div>5. List item 5</div>
+    <div>6. List item 6</div>
+    <div>8. List item 8</div>
+    <div>1. List item 1</div>
+    <div>7. List item 7</div>
+  </ol>
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-5.html b/layout/reftests/list-item/numbering-5.html
new file mode 100644
index 0000000000..20c9f7e7a0
--- /dev/null
+++ b/layout/reftests/list-item/numbering-5.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Testcase for reordered 'li' flex items</title>
+  <style>
+    .container {
+      list-style: decimal inside;
+      display: flex;
+      flex-direction: column;
+    }
+  </style>
+</head>
+<body>
+  <ol class="container">
+    <!-- Should be reordered to nearly the end: -->
+    <li style="order: 3">List item 1</li>
+    <li>List item 2</li>
+    <li>List item 3</li>
+    <!-- Should be reordered to the start: -->
+    <li style="order: -2">List item 4</li>
+    <li>List item 5</li>
+    <!-- order has no effect here, since it's not set on the flex item: -->
+    <div><li style="order: -3">List item 6</li></div>
+    <!-- Should be reordered to the end: -->
+    <div style="order: 5"><li>List item 7</li></div>
+    <div><li>List item 8</li></div>
+  </ol>
+</body>
+</html>
diff --git a/layout/reftests/list-item/ol-reversed-1-ref.html b/layout/reftests/list-item/ol-reversed-1-ref.html
new file mode 100644
index 0000000000..f8cac3c702
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol>
+  <li value="3">Three</li>
+  <li value="2">Two</li>
+  <li value="1">One</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-1a.html b/layout/reftests/list-item/ol-reversed-1a.html
new file mode 100644
index 0000000000..35e967c05e
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol reversed>
+  <li>Three</li>
+  <li>Two</li>
+  <li>One</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-1b.html b/layout/reftests/list-item/ol-reversed-1b.html
new file mode 100644
index 0000000000..d9810560eb
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<ol id="x">
+  <li>Three</li>
+  <li>Two</li>
+  <li>One</li>
+</ol>
+<script>
+  var l = document.getElementById("x");
+  var w = l.offsetWidth;
+  l.setAttribute("reversed", "");
+</script>
diff --git a/layout/reftests/list-item/ol-reversed-1c.html b/layout/reftests/list-item/ol-reversed-1c.html
new file mode 100644
index 0000000000..82ae844335
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<ol id="x" reversed>
+  <li>Three</li>
+  <li>Two</li>
+</ol>
+<script>
+  var l = document.getElementById("x");
+  var w = l.offsetWidth;
+  var li = document.createElement("li");
+  li.textContent = "One"
+  l.appendChild(li);
+</script>
diff --git a/layout/reftests/list-item/ol-reversed-2-ref.html b/layout/reftests/list-item/ol-reversed-2-ref.html
new file mode 100644
index 0000000000..4f3ece2be4
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol>
+  <li value="5">Five</li>
+  <li value="4">Four</li>
+  <li value="3">Three</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-2.html b/layout/reftests/list-item/ol-reversed-2.html
new file mode 100644
index 0000000000..662a149573
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol reversed start="5">
+  <li>Five</li>
+  <li>Four</li>
+  <li>Three</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-3-ref.html b/layout/reftests/list-item/ol-reversed-3-ref.html
new file mode 100644
index 0000000000..1dc5792100
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol>
+  <li value="1">One</li>
+  <li value="0">Zero</li>
+  <li value="-1">Neg-One</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-3.html b/layout/reftests/list-item/ol-reversed-3.html
new file mode 100644
index 0000000000..9132e5db52
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-3.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol reversed start="1">
+  <li>One</li>
+  <li>Zero</li>
+  <li>Neg-One</li>
+</ol>
diff --git a/layout/reftests/list-item/reftest.list b/layout/reftests/list-item/reftest.list
new file mode 100644
index 0000000000..36ab01f78b
--- /dev/null
+++ b/layout/reftests/list-item/reftest.list
@@ -0,0 +1,18 @@
+fuzzy-if(OSX,0-55,0-4) == numbering-1.html numbering-1-ref.html
+== numbering-2.html numbering-2-ref.html
+fuzzy-if(OSX,0-11,0-1) == numbering-3.html numbering-3-ref.html
+fuzzy-if(OSX,0-76,0-2) == numbering-4.html numbering-4-ref.html
+== numbering-5.html numbering-5-ref.html
+== ol-reversed-1a.html ol-reversed-1-ref.html
+== ol-reversed-1b.html ol-reversed-1-ref.html
+== ol-reversed-1c.html ol-reversed-1-ref.html
+== ol-reversed-2.html ol-reversed-2-ref.html
+== ol-reversed-3.html ol-reversed-3-ref.html
+== bullet-space-1.html bullet-space-1-ref.html
+== bullet-space-2.html bullet-space-2-ref.html
+== bullet-intrinsic-isize-1.html bullet-intrinsic-isize-1-ref.html
+== bullet-intrinsic-isize-2.html bullet-intrinsic-isize-2-ref.html
+== bullet-justify-1.html bullet-justify-1-ref.html
+== image-rendering-css.html image-rendering-ref.html
+fails-if(useDrawSnapshot) == image-rendering-script.html image-rendering-ref.html
+!= image-rendering-css.html image-rendering-css-auto.html
diff --git a/layout/reftests/margin-collapsing/block-abs-pos-1-dyn.html b/layout/reftests/margin-collapsing/block-abs-pos-1-dyn.html
new file mode 100644
index 0000000000..705f33c186
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-abs-pos-1-dyn.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<!-- Note: CSS 2.1 allows guessing the static position of an absolutely
+     positioned element whose offsets are 'auto' (initial value), i.e.
+     the reference of this test is just one of many possible outcomes.
+     See http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width -->
+<style type="text/css">
+#in-flow-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#abs-pos {
+ width: 20px; height: 20px;
+ background-color: blue;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+#in-flow-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: lightgreen;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('abs-pos').style.position = 'absolute';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="in-flow-top"></div>
+<div id="abs-pos"></div>
+<div id="in-flow-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-abs-pos-1-ref.html b/layout/reftests/margin-collapsing/block-abs-pos-1-ref.html
new file mode 100644
index 0000000000..81f2c37ff9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-abs-pos-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- Note: CSS 2.1 allows guessing the static position of an absolutely
+     positioned element whose offsets are 'auto' (initial value), i.e.
+     the reference of this test is just one of many possible outcomes.
+     See http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width -->
+<style type="text/css">
+#in-flow-top {
+ height: 20px;
+ background-color: green;
+}
+#abs-pos {
+ width: 20px; height: 20px;
+ background-color: blue;
+ position: relative;
+ top: -10px;
+}
+#in-flow-bottom {
+ height: 20px;
+ background-color: lightgreen;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="in-flow-top"></div>
+<div id="spacer"></div>
+<div id="in-flow-bottom"></div>
+<div id="abs-pos"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-abs-pos-1.html b/layout/reftests/margin-collapsing/block-abs-pos-1.html
new file mode 100644
index 0000000000..d398054c57
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-abs-pos-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- Note: CSS 2.1 allows guessing the static position of an absolutely
+     positioned element whose offsets are 'auto' (initial value), i.e.
+     the reference of this test is just one of many possible outcomes.
+     See http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width -->
+<style type="text/css">
+#in-flow-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#abs-pos {
+ position: absolute;
+ width: 20px; height: 20px;
+ background-color: blue;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+#in-flow-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="in-flow-top"></div>
+<div id="abs-pos"></div>
+<div id="in-flow-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-abs-pos-2-dyn.html b/layout/reftests/margin-collapsing/block-abs-pos-2-dyn.html
new file mode 100644
index 0000000000..ec97ce6fde
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-abs-pos-2-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<html>
+<head>
+<style type="text/css">
+#abs-pos {
+ top: 20px; left: 20px;
+ width: 200px;
+ background-color: lightgreen;
+}
+#in-flow-child {
+ height: 100px;
+ margin-top: 40px;
+ margin-bottom: 40px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('abs-pos').style.position = 'absolute';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="abs-pos">
+ <div id="in-flow-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-abs-pos-2-ref.html b/layout/reftests/margin-collapsing/block-abs-pos-2-ref.html
new file mode 100644
index 0000000000..6fd7e241a7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-abs-pos-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#abs-pos {
+ position: absolute;
+ top: 20px; left: 20px;
+ width: 200px;
+ padding: 40px 0;
+ background-color: lightgreen;
+}
+#in-flow-child {
+ height: 100px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="abs-pos">
+ <div id="in-flow-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-abs-pos-2-ref2.html b/layout/reftests/margin-collapsing/block-abs-pos-2-ref2.html
new file mode 100644
index 0000000000..f673e153f6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-abs-pos-2-ref2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 10px;
+}
+#abs-pos {
+ width: 200px;
+ background-color: lightgreen;
+}
+.margin {
+ height: 40px;
+}
+#content {
+ height: 100px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="abs-pos">
+ <div class="margin"></div>
+ <div id="content"></div>
+ <div class="margin"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-abs-pos-2.html b/layout/reftests/margin-collapsing/block-abs-pos-2.html
new file mode 100644
index 0000000000..294624bb4d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-abs-pos-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#abs-pos {
+ position: absolute;
+ top: 20px; left: 20px;
+ width: 200px;
+ background-color: lightgreen;
+}
+#in-flow-child {
+ height: 100px;
+ margin-top: 40px;
+ margin-bottom: 40px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="abs-pos">
+ <div id="in-flow-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-1-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-1-ref.html
new file mode 100644
index 0000000000..1d45fb5471
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-1a-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-1a-dyn.html
new file mode 100644
index 0000000000..8c0432ae34
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-1a-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 10px;
+}
+#last-child {
+ display: none;
+ margin-bottom: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-1a.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-1a.html
new file mode 100644
index 0000000000..d3497a10a8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-1a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 10px;
+}
+#last-child {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-1b-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-1b-dyn.html
new file mode 100644
index 0000000000..eecca0adbc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-1b-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#last-child {
+ display: none;
+ margin-bottom: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-1b.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-1b.html
new file mode 100644
index 0000000000..8fdcd64a21
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-1b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#last-child {
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-1c-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-1c-dyn.html
new file mode 100644
index 0000000000..fa61c75b53
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-1c-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#last-child {
+ display: none;
+ margin-bottom: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-1c.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-1c.html
new file mode 100644
index 0000000000..c8e1e40ee7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-1c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#last-child {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-2-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-2-dyn.html
new file mode 100644
index 0000000000..0ba3c287a6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-2-dyn.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 0;
+}
+#last-child {
+ margin-bottom: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginBottom = '-10px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-2-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-2-ref.html
new file mode 100644
index 0000000000..7058f2b770
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-2.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-2.html
new file mode 100644
index 0000000000..8aea2e127b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -10px;
+}
+#last-child {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-3-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-3-dyn.html
new file mode 100644
index 0000000000..f25f0d111d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-3-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 0px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginBottom = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-3-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-3-ref.html
new file mode 100644
index 0000000000..9c38173e62
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-3.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-3.html
new file mode 100644
index 0000000000..024c6bb357
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-3.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-4-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-4-dyn.html
new file mode 100644
index 0000000000..4aa08d5bde
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-4-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 0px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginBottom = '-30px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-4-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-4-ref.html
new file mode 100644
index 0000000000..643b84e906
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-4-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 10px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-4.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-4.html
new file mode 100644
index 0000000000..86aa36c60b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-4.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -30px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-5-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-5-dyn.html
new file mode 100644
index 0000000000..2b6ea32d19
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-5-dyn.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#last-child {
+ margin-bottom: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.marginBottom = '-10px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-5-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-5-ref.html
new file mode 100644
index 0000000000..7058f2b770
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-5-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-5.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-5.html
new file mode 100644
index 0000000000..48d597ea49
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-5.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#last-child {
+ margin-bottom: -10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-6-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-6-dyn.html
new file mode 100644
index 0000000000..b7140c3edd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-6-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: 0px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.marginBottom = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-6-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-6-ref.html
new file mode 100644
index 0000000000..9c38173e62
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-6-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-6.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-6.html
new file mode 100644
index 0000000000..5b82207d3c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-6.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: -20px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-7-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-7-dyn.html
new file mode 100644
index 0000000000..01b94eaa84
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-7-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: 0px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.marginBottom = '-30px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-7-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-7-ref.html
new file mode 100644
index 0000000000..643b84e906
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-7-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 10px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-7.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-7.html
new file mode 100644
index 0000000000..17af01b5a7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-7.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ margin-bottom: -30px;
+ background-color: blue;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-8-ref.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-8-ref.html
new file mode 100644
index 0000000000..963a1bca77
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-8-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 20px;
+ background-color: blue;
+}
+#separator {
+ height: 40px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-8a-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-8a-dyn.html
new file mode 100644
index 0000000000..ffee02f107
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-8a-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: blue;
+}
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-8a.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-8a.html
new file mode 100644
index 0000000000..33ad43809d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-8a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: blue;
+}
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-8b-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-8b-dyn.html
new file mode 100644
index 0000000000..8f0827b6f0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-8b-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: blue;
+}
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-8b.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-8b.html
new file mode 100644
index 0000000000..35c3895fd3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-8b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: blue;
+}
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-8c-dyn.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-8c-dyn.html
new file mode 100644
index 0000000000..16d6e33f9a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-8c-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: blue;
+}
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-auto-height-last-child-8c.html b/layout/reftests/margin-collapsing/block-auto-height-last-child-8c.html
new file mode 100644
index 0000000000..d76c732345
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-auto-height-last-child-8c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#last-child {
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: blue;
+}
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: -20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-1a-ref.html b/layout/reftests/margin-collapsing/block-clear-1a-ref.html
new file mode 100644
index 0000000000..9eea358352
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-1a-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ margin-right: auto;
+ height: 40px; width: 100px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-1a.html b/layout/reftests/margin-collapsing/block-clear-1a.html
new file mode 100644
index 0000000000..ca8cd7e66a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-1a.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ margin-bottom: 10px;
+}
+#float {
+ float: left;
+ height: 40px; width: 100px;
+ background-color: green;
+}
+#clear {
+ clear: left;
+ margin-top: 20px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-1b-ref.html b/layout/reftests/margin-collapsing/block-clear-1b-ref.html
new file mode 100644
index 0000000000..4029aa6f75
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-1b-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ margin-left: auto;
+ height: 40px; width: 100px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-1b.html b/layout/reftests/margin-collapsing/block-clear-1b.html
new file mode 100644
index 0000000000..d2ef1998e3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-1b.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ margin-bottom: 10px;
+}
+#float {
+ float: right;
+ height: 40px; width: 100px;
+ background-color: green;
+}
+#clear {
+ clear: right;
+ margin-top: 20px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-2-noref.html b/layout/reftests/margin-collapsing/block-clear-2-noref.html
new file mode 100644
index 0000000000..ada1f22ffe
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-2-noref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- Without floats, no clearance applies, thus margin-top of #clear
+     should collapse with margin-bottom of its parent element. -->
+<style type="text/css">
+.separator {
+ height: 20px;
+ margin-bottom: 30px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-2-ref.html b/layout/reftests/margin-collapsing/block-clear-2-ref.html
new file mode 100644
index 0000000000..ed572a6f9b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- Without floats, no clearance applies, thus margin-top of #clear
+     should collapse with margin-bottom of its parent element. -->
+<style type="text/css">
+.separator {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-2.html b/layout/reftests/margin-collapsing/block-clear-2.html
new file mode 100644
index 0000000000..152c014db9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- Without floats, no clearance applies, thus margin-top of #clear
+     should collapse with margin-bottom of its parent element. -->
+<style type="text/css">
+#parent {
+ margin-bottom: 10px;
+}
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ clear: left;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div class="separator"></div>
+ <div id="clear"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3-ref-left.html b/layout/reftests/margin-collapsing/block-clear-3-ref-left.html
new file mode 100644
index 0000000000..14271190f6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3-ref-left.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 80px;
+}
+#clear {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="margin"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3-ref-right.html b/layout/reftests/margin-collapsing/block-clear-3-ref-right.html
new file mode 100644
index 0000000000..22b974fe46
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3-ref-right.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 80px;
+}
+#clear {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="margin"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3a.html b/layout/reftests/margin-collapsing/block-clear-3a.html
new file mode 100644
index 0000000000..a6ec21ea03
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 20px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 20px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3b.html b/layout/reftests/margin-collapsing/block-clear-3b.html
new file mode 100644
index 0000000000..3e46bcbf9b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 20px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 20px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3c.html b/layout/reftests/margin-collapsing/block-clear-3c.html
new file mode 100644
index 0000000000..bd11ec3423
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3c.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 40px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 40px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3d.html b/layout/reftests/margin-collapsing/block-clear-3d.html
new file mode 100644
index 0000000000..08037c1ea4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3d.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 40px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 40px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3e.html b/layout/reftests/margin-collapsing/block-clear-3e.html
new file mode 100644
index 0000000000..a05961a81b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3e.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 60px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 60px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-3f.html b/layout/reftests/margin-collapsing/block-clear-3f.html
new file mode 100644
index 0000000000..90710df324
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-3f.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 60px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 60px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4-ref-left.html b/layout/reftests/margin-collapsing/block-clear-4-ref-left.html
new file mode 100644
index 0000000000..a98b2c7d86
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4-ref-left.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 85px;
+}
+#clear {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="margin"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4-ref-right.html b/layout/reftests/margin-collapsing/block-clear-4-ref-right.html
new file mode 100644
index 0000000000..20c6568a87
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4-ref-right.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 85px;
+}
+#clear {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="margin"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4a.html b/layout/reftests/margin-collapsing/block-clear-4a.html
new file mode 100644
index 0000000000..9130befd29
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 85px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 80px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4b.html b/layout/reftests/margin-collapsing/block-clear-4b.html
new file mode 100644
index 0000000000..b18a9ab171
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 80px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 85px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4c.html b/layout/reftests/margin-collapsing/block-clear-4c.html
new file mode 100644
index 0000000000..d57c8e1c1d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4c.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 85px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 85px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4d.html b/layout/reftests/margin-collapsing/block-clear-4d.html
new file mode 100644
index 0000000000..5b9231affb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4d.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 85px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 80px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4e.html b/layout/reftests/margin-collapsing/block-clear-4e.html
new file mode 100644
index 0000000000..d42a33ffb3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4e.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 80px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 85px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-4f.html b/layout/reftests/margin-collapsing/block-clear-4f.html
new file mode 100644
index 0000000000..1194521f22
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-4f.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#static {
+ margin-bottom: 85px;
+ height: 20px;
+ background-color: green;
+}
+#clear {
+ margin-top: 85px;
+ clear: both;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="float"></div>
+<div id="static"></div>
+<div id="clear"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5-left-ref.html b/layout/reftests/margin-collapsing/block-clear-5-left-ref.html
new file mode 100644
index 0000000000..70067ac23f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5-left-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ width: 100px; height: 100px;
+ background-color: blue;
+ margin-right: auto;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5-right-ref.html b/layout/reftests/margin-collapsing/block-clear-5-right-ref.html
new file mode 100644
index 0000000000..d1528cae92
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5-right-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ width: 100px; height: 100px;
+ background-color: blue;
+ margin-left: auto;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5a.html b/layout/reftests/margin-collapsing/block-clear-5a.html
new file mode 100644
index 0000000000..f1a3b3d09b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5a.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5b.html b/layout/reftests/margin-collapsing/block-clear-5b.html
new file mode 100644
index 0000000000..765f7876f6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5b.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 100px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5c.html b/layout/reftests/margin-collapsing/block-clear-5c.html
new file mode 100644
index 0000000000..c3a8b7bbf6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5c.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 110px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5d.html b/layout/reftests/margin-collapsing/block-clear-5d.html
new file mode 100644
index 0000000000..70b8ebf8e1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5d.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 130px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5e.html b/layout/reftests/margin-collapsing/block-clear-5e.html
new file mode 100644
index 0000000000..d1a7197cb4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5e.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: right;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5f.html b/layout/reftests/margin-collapsing/block-clear-5f.html
new file mode 100644
index 0000000000..6fcd6b3baf
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5f.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: right;
+ margin-top: 100px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5g.html b/layout/reftests/margin-collapsing/block-clear-5g.html
new file mode 100644
index 0000000000..28b1ccba4d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5g.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: right;
+ margin-top: 110px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-5h.html b/layout/reftests/margin-collapsing/block-clear-5h.html
new file mode 100644
index 0000000000..e580e2504d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-5h.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #clear {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+ background-color: lime;
+}
+#float {
+ float: right;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: right;
+ margin-top: 150px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6a-left.html b/layout/reftests/margin-collapsing/block-clear-6a-left.html
new file mode 100644
index 0000000000..2ab248378d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6a-left.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6abc-left-ref.html b/layout/reftests/margin-collapsing/block-clear-6abc-left-ref.html
new file mode 100644
index 0000000000..1460177fd8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6abc-left-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ height: 100px;
+}
+#float {
+ width: 100px; height: 100px;
+ background-color: blue;
+ margin-right: auto;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6b-left.html b/layout/reftests/margin-collapsing/block-clear-6b-left.html
new file mode 100644
index 0000000000..be31e3272f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6b-left.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6c-left.html b/layout/reftests/margin-collapsing/block-clear-6c-left.html
new file mode 100644
index 0000000000..e5949b1091
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6c-left.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6d-left.html b/layout/reftests/margin-collapsing/block-clear-6d-left.html
new file mode 100644
index 0000000000..967675e856
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6d-left.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 30px;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6def-left-ref1.html b/layout/reftests/margin-collapsing/block-clear-6def-left-ref1.html
new file mode 100644
index 0000000000..fe20c15d00
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6def-left-ref1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ height: 100px;
+ margin-bottom: 30px;
+}
+#float {
+ width: 100px; height: 100px;
+ background-color: blue;
+ margin-right: auto;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6def-left-ref2.html b/layout/reftests/margin-collapsing/block-clear-6def-left-ref2.html
new file mode 100644
index 0000000000..70a533bb61
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6def-left-ref2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ height: 100px;
+}
+#float {
+ width: 100px; height: 100px;
+ background-color: blue;
+ margin-right: auto;
+}
+#margin-bottom {
+ margin-bottom: 30px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+</div>
+<div id="margin-bottom"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6e-left.html b/layout/reftests/margin-collapsing/block-clear-6e-left.html
new file mode 100644
index 0000000000..4b13a2e1fc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6e-left.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 30px;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-6f-left.html b/layout/reftests/margin-collapsing/block-clear-6f-left.html
new file mode 100644
index 0000000000..f4a8f3d7b8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-6f-left.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 30px;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7a-left.html b/layout/reftests/margin-collapsing/block-clear-7a-left.html
new file mode 100644
index 0000000000..f9b4510fc7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7a-left.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+#clear-sibling {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7abcd-left-ref.html b/layout/reftests/margin-collapsing/block-clear-7abcd-left-ref.html
new file mode 100644
index 0000000000..58e416e0ce
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7abcd-left-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ width: 100px; height: 100px;
+ margin-right: auto;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7b-left.html b/layout/reftests/margin-collapsing/block-clear-7b-left.html
new file mode 100644
index 0000000000..3656d113d8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7b-left.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+#clear-sibling {
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7c-left.html b/layout/reftests/margin-collapsing/block-clear-7c-left.html
new file mode 100644
index 0000000000..714b8aff17
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7c-left.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#clear-sibling {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7d-left.html b/layout/reftests/margin-collapsing/block-clear-7d-left.html
new file mode 100644
index 0000000000..ac3e8bd181
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7d-left.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+#clear-sibling {
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7e-left.html b/layout/reftests/margin-collapsing/block-clear-7e-left.html
new file mode 100644
index 0000000000..8bc855afd9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7e-left.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 50px;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+#clear-sibling {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7efgh-left-ref1.html b/layout/reftests/margin-collapsing/block-clear-7efgh-left-ref1.html
new file mode 100644
index 0000000000..ddcd07b7dd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7efgh-left-ref1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 50px;
+ height: 100px;
+}
+#float {
+ width: 100px; height: 100px;
+ margin-right: auto;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7efgh-left-ref2.html b/layout/reftests/margin-collapsing/block-clear-7efgh-left-ref2.html
new file mode 100644
index 0000000000..176000c89d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7efgh-left-ref2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+}
+#float {
+ width: 100px; height: 100px;
+ margin-right: auto;
+ background-color: blue;
+}
+#margin-bottom {
+ margin-bottom: 50px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+</div>
+<div id="margin-bottom"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7f-left.html b/layout/reftests/margin-collapsing/block-clear-7f-left.html
new file mode 100644
index 0000000000..360316e72f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7f-left.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 50px;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+#clear-sibling {
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7g-left.html b/layout/reftests/margin-collapsing/block-clear-7g-left.html
new file mode 100644
index 0000000000..5233ec359d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7g-left.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 50px;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#clear-sibling {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-clear-7h-left.html b/layout/reftests/margin-collapsing/block-clear-7h-left.html
new file mode 100644
index 0000000000..28c26d9e1f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-clear-7h-left.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: lime;
+ margin-bottom: 50px;
+}
+#float {
+ float: left;
+ width: 100px; height: 100px;
+ background-color: blue;
+}
+#clear {
+ clear: left;
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+#clear-sibling {
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="float"></div>
+ <div id="clear"></div>
+ <div id="clear-sibling"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-em-length-1-dyn.html b/layout/reftests/margin-collapsing/block-em-length-1-dyn.html
new file mode 100644
index 0000000000..6a709dd33e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-em-length-1-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+ font-size: 20px;
+}
+#block1 {
+ height: 20px;
+ margin-bottom: 10em;
+ background-color: blue;
+}
+#block2 {
+ height: 20px;
+ margin-top: 5em;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('block2').style.fontSize = '50px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-em-length-1-ref.html b/layout/reftests/margin-collapsing/block-em-length-1-ref.html
new file mode 100644
index 0000000000..848a2382fd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-em-length-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-size: 20px;
+}
+#block1 {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ font-size: 50px;
+ height: 5em;
+}
+#block2 {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="spacer"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-em-length-1.html b/layout/reftests/margin-collapsing/block-em-length-1.html
new file mode 100644
index 0000000000..bc66603140
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-em-length-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-size: 20px;
+}
+#block1 {
+ height: 20px;
+ margin-bottom: 10em;
+ background-color: blue;
+}
+#block2 {
+ font-size: 50px;
+ height: 20px;
+ margin-top: 5em;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-1-ref.html b/layout/reftests/margin-collapsing/block-first-child-1-ref.html
new file mode 100644
index 0000000000..4ea04150d8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #spacer, #first-child {
+ height: 20px;
+}
+#separator, #first-child {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="spacer"></div>
+<div id="first-child"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-1a-dyn.html b/layout/reftests/margin-collapsing/block-first-child-1a-dyn.html
new file mode 100644
index 0000000000..23a0482231
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-1a-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 10px;
+}
+#first-child {
+ display: none;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-1a.html b/layout/reftests/margin-collapsing/block-first-child-1a.html
new file mode 100644
index 0000000000..77d04ffa82
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-1a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 10px;
+}
+#first-child {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-1b-dyn.html b/layout/reftests/margin-collapsing/block-first-child-1b-dyn.html
new file mode 100644
index 0000000000..4daf81404e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-1b-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+}
+#first-child {
+ display: none;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-1b.html b/layout/reftests/margin-collapsing/block-first-child-1b.html
new file mode 100644
index 0000000000..deb791e93a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-1b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+}
+#first-child {
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-1c-dyn.html b/layout/reftests/margin-collapsing/block-first-child-1c-dyn.html
new file mode 100644
index 0000000000..926ace8769
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-1c-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+}
+#first-child {
+ display: none;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-1c.html b/layout/reftests/margin-collapsing/block-first-child-1c.html
new file mode 100644
index 0000000000..1a5f5e817a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-1c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+}
+#first-child {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-2-dyn.html b/layout/reftests/margin-collapsing/block-first-child-2-dyn.html
new file mode 100644
index 0000000000..086ebf5bc5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-2-dyn.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+}
+#first-child {
+ margin-top: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.marginTop = '-10px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-2-ref.html b/layout/reftests/margin-collapsing/block-first-child-2-ref.html
new file mode 100644
index 0000000000..9819327b5e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="spacer"></div>
+<div id="first-child"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-2.html b/layout/reftests/margin-collapsing/block-first-child-2.html
new file mode 100644
index 0000000000..fd10e6d7a8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 20px;
+}
+#first-child {
+ margin-top: -10px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-3-dyn.html b/layout/reftests/margin-collapsing/block-first-child-3-dyn.html
new file mode 100644
index 0000000000..43cf254750
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-3-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 0px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.marginTop = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-3-ref.html b/layout/reftests/margin-collapsing/block-first-child-3-ref.html
new file mode 100644
index 0000000000..2a2d8d9bf8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-3.html b/layout/reftests/margin-collapsing/block-first-child-3.html
new file mode 100644
index 0000000000..6fbe7dc32e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-3.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: -20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-4-dyn.html b/layout/reftests/margin-collapsing/block-first-child-4-dyn.html
new file mode 100644
index 0000000000..cb84a9acfc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-4-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 0px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.marginTop = '-30px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-4-ref.html b/layout/reftests/margin-collapsing/block-first-child-4-ref.html
new file mode 100644
index 0000000000..545006bc0e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-4-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 10px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-4.html b/layout/reftests/margin-collapsing/block-first-child-4.html
new file mode 100644
index 0000000000..e8c05ef10c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-4.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: -30px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-5-dyn.html b/layout/reftests/margin-collapsing/block-first-child-5-dyn.html
new file mode 100644
index 0000000000..567ef234d2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-5-dyn.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 0;
+}
+#first-child {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginTop = '-10px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-5-ref.html b/layout/reftests/margin-collapsing/block-first-child-5-ref.html
new file mode 100644
index 0000000000..9819327b5e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-5-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="spacer"></div>
+<div id="first-child"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-5.html b/layout/reftests/margin-collapsing/block-first-child-5.html
new file mode 100644
index 0000000000..c06c104305
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-5.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #first-child {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: -10px;
+}
+#first-child {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-6-dyn.html b/layout/reftests/margin-collapsing/block-first-child-6-dyn.html
new file mode 100644
index 0000000000..c614d67ce5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-6-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 0px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginTop = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-6-ref.html b/layout/reftests/margin-collapsing/block-first-child-6-ref.html
new file mode 100644
index 0000000000..2a2d8d9bf8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-6-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-6.html b/layout/reftests/margin-collapsing/block-first-child-6.html
new file mode 100644
index 0000000000..66a4d81cc5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-6.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-7-dyn.html b/layout/reftests/margin-collapsing/block-first-child-7-dyn.html
new file mode 100644
index 0000000000..48d740bb39
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-7-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginTop = '-30px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-7-ref.html b/layout/reftests/margin-collapsing/block-first-child-7-ref.html
new file mode 100644
index 0000000000..545006bc0e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-7-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 10px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-7.html b/layout/reftests/margin-collapsing/block-first-child-7.html
new file mode 100644
index 0000000000..9245b83017
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-7.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -30px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-8-ref.html b/layout/reftests/margin-collapsing/block-first-child-8-ref.html
new file mode 100644
index 0000000000..18ae4f0b6e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-8-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 40px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-8a-dyn.html b/layout/reftests/margin-collapsing/block-first-child-8a-dyn.html
new file mode 100644
index 0000000000..b6d9fb5aab
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-8a-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ display: none;
+ height: 40px;
+ margin-top: -20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-8a.html b/layout/reftests/margin-collapsing/block-first-child-8a.html
new file mode 100644
index 0000000000..abbdf0a2a4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-8a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ height: 40px;
+ margin-top: -20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -10px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-8b-dyn.html b/layout/reftests/margin-collapsing/block-first-child-8b-dyn.html
new file mode 100644
index 0000000000..8e25118596
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-8b-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ display: none;
+ height: 40px;
+ margin-top: -10px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-8b.html b/layout/reftests/margin-collapsing/block-first-child-8b.html
new file mode 100644
index 0000000000..6f7a6868a9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-8b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ height: 40px;
+ margin-top: -10px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-8c-dyn.html b/layout/reftests/margin-collapsing/block-first-child-8c-dyn.html
new file mode 100644
index 0000000000..856380cf4e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-8c-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ display: none;
+ height: 40px;
+ margin-top: -20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-first-child-8c.html b/layout/reftests/margin-collapsing/block-first-child-8c.html
new file mode 100644
index 0000000000..f0313cc949
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-first-child-8c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ height: 40px;
+ margin-top: -20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-1-ref.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-1-ref.html
new file mode 100644
index 0000000000..634bb402f9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-1a-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-1a-dyn.html
new file mode 100644
index 0000000000..9e5875e453
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-1a-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-1a.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-1a.html
new file mode 100644
index 0000000000..4ae3e406f5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-1a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-1b-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-1b-dyn.html
new file mode 100644
index 0000000000..297e341872
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-1b-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-1b.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-1b.html
new file mode 100644
index 0000000000..bb8f368420
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-1b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-2-ref.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-2-ref.html
new file mode 100644
index 0000000000..164173ae7f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-2a-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-2a-dyn.html
new file mode 100644
index 0000000000..67a584072b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-2a-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-2a.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-2a.html
new file mode 100644
index 0000000000..c3471fbc8b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-2a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-2b-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-2b-dyn.html
new file mode 100644
index 0000000000..edc34e6c46
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-2b-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-2b.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-2b.html
new file mode 100644
index 0000000000..c86ce6ced4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-2b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-3-ref.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-3-ref.html
new file mode 100644
index 0000000000..6ed72dd241
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 140px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-3a-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-3a-dyn.html
new file mode 100644
index 0000000000..53af4f4010
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-3a-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 140px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-3a.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-3a.html
new file mode 100644
index 0000000000..5f068714f8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-3a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 140px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-3b-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-3b-dyn.html
new file mode 100644
index 0000000000..14c73ccf07
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-3b-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 140px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-3b.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-3b.html
new file mode 100644
index 0000000000..bf9b2a5b09
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-3b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 140px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4-ref.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4-ref.html
new file mode 100644
index 0000000000..0c183b8963
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4a-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4a-dyn.html
new file mode 100644
index 0000000000..f67c1bfec8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4a-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 50px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '100px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4a.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4a.html
new file mode 100644
index 0000000000..ab1abbe4fe
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ min-height: 50px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4b-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4b-dyn.html
new file mode 100644
index 0000000000..f7d952bf95
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4b-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 50px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '100px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4b.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4b.html
new file mode 100644
index 0000000000..92d544d117
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ min-height: 50px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4c-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4c-dyn.html
new file mode 100644
index 0000000000..e96a0d6607
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4c-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '50px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4c.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4c.html
new file mode 100644
index 0000000000..291ea8e969
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 50px;
+ min-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4d-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4d-dyn.html
new file mode 100644
index 0000000000..61f30a6df3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4d-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '50px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4d.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4d.html
new file mode 100644
index 0000000000..1422c16288
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 50px;
+ min-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4e-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4e-dyn.html
new file mode 100644
index 0000000000..45124c206a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4e-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '150px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4e.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4e.html
new file mode 100644
index 0000000000..b2e78df612
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4e.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 150px;
+ max-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4f-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4f-dyn.html
new file mode 100644
index 0000000000..269db26eb4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4f-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '150px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4f.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4f.html
new file mode 100644
index 0000000000..f4b622c137
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4f.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 150px;
+ max-height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4g-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4g-dyn.html
new file mode 100644
index 0000000000..352455fbb4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4g-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 150px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '100px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4g.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4g.html
new file mode 100644
index 0000000000..292d296022
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4g.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ max-height: 150px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4h-dyn.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4h-dyn.html
new file mode 100644
index 0000000000..8d293f79cb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4h-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 150px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.height = '100px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-fix-height-last-child-4h.html b/layout/reftests/margin-collapsing/block-fix-height-last-child-4h.html
new file mode 100644
index 0000000000..92a18642bb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-fix-height-last-child-4h.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ max-height: 150px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 10px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1a-dyn.html b/layout/reftests/margin-collapsing/block-float-1a-dyn.html
new file mode 100644
index 0000000000..1368dbc0a0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1a-dyn.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#float {
+ height: 100px; width: 50px;
+ margin-top: 10px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('float').style.cssFloat = 'left';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1a-noref.html b/layout/reftests/margin-collapsing/block-float-1a-noref.html
new file mode 100644
index 0000000000..7d9a89e00e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1a-noref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 10px;
+}
+#float {
+ height: 100px; width: 50px;
+ margin-right: auto;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="margin"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1a-ref.html b/layout/reftests/margin-collapsing/block-float-1a-ref.html
new file mode 100644
index 0000000000..d591472d2c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1a-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#float {
+ float: left;
+ height: 100px; width: 50px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1a-ref2.html b/layout/reftests/margin-collapsing/block-float-1a-ref2.html
new file mode 100644
index 0000000000..c48aea7c73
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1a-ref2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 20px;
+}
+#float {
+ height: 100px; width: 50px;
+ margin-right: auto;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="margin"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1a.html b/layout/reftests/margin-collapsing/block-float-1a.html
new file mode 100644
index 0000000000..e0ca710369
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#float {
+ float: left;
+ height: 100px; width: 50px;
+ margin-top: 10px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1b-dyn.html b/layout/reftests/margin-collapsing/block-float-1b-dyn.html
new file mode 100644
index 0000000000..1dd37cc2a6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1b-dyn.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#float {
+ height: 100px; width: 50px;
+ margin-top: 10px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('float').style.cssFloat = 'right';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1b-noref.html b/layout/reftests/margin-collapsing/block-float-1b-noref.html
new file mode 100644
index 0000000000..6c3291e02b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1b-noref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 10px;
+}
+#float {
+ height: 100px; width: 50px;
+ margin-left: auto;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="margin"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1b-ref.html b/layout/reftests/margin-collapsing/block-float-1b-ref.html
new file mode 100644
index 0000000000..587809c1f1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1b-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#float {
+ float: right;
+ height: 100px; width: 50px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1b-ref2.html b/layout/reftests/margin-collapsing/block-float-1b-ref2.html
new file mode 100644
index 0000000000..07bf588370
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1b-ref2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 20px;
+}
+#float {
+ height: 100px; width: 50px;
+ margin-left: auto;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="margin"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-1b.html b/layout/reftests/margin-collapsing/block-float-1b.html
new file mode 100644
index 0000000000..a0b42df55c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-1b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#float {
+ float: right;
+ height: 100px; width: 50px;
+ margin-top: 10px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2a-dyn.html b/layout/reftests/margin-collapsing/block-float-2a-dyn.html
new file mode 100644
index 0000000000..2a8267db24
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2a-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#float {
+ float: left;
+ width: 50px;
+ margin: 20px 0;
+ background-color: green;
+}
+#child {
+ height: 20px;
+ background-color: lightgreen;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('child').style.margin = '40px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2a-noref.html b/layout/reftests/margin-collapsing/block-float-2a-noref.html
new file mode 100644
index 0000000000..b449017886
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2a-noref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 40px;
+}
+#float {
+ height: 20px; width: 50px;
+ margin-right: auto;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="margin"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2a-ref.html b/layout/reftests/margin-collapsing/block-float-2a-ref.html
new file mode 100644
index 0000000000..634ce320ed
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2a-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#float {
+ width: 50px;
+ margin-right: auto;
+ padding: 40px 0;
+ background-color: green;
+}
+#child {
+ height: 20px;
+ background-color: lightgreen;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="spacer"></div>
+<div id="float">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2a.html b/layout/reftests/margin-collapsing/block-float-2a.html
new file mode 100644
index 0000000000..7e1128eae7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#float {
+ float: left;
+ width: 50px;
+ margin: 20px 0;
+ background-color: green;
+}
+#child {
+ height: 20px;
+ margin: 40px 0;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2b-dyn.html b/layout/reftests/margin-collapsing/block-float-2b-dyn.html
new file mode 100644
index 0000000000..283e69c70a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2b-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#float {
+ float: right;
+ width: 50px;
+ margin: 20px 0;
+ background-color: green;
+}
+#child {
+ height: 20px;
+ background-color: lightgreen;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('child').style.margin = '40px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2b-noref.html b/layout/reftests/margin-collapsing/block-float-2b-noref.html
new file mode 100644
index 0000000000..78741ba7a9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2b-noref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 40px;
+}
+#float {
+ height: 20px; width: 50px;
+ margin-left: auto;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="margin"></div>
+<div id="float"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2b-ref.html b/layout/reftests/margin-collapsing/block-float-2b-ref.html
new file mode 100644
index 0000000000..358dcac897
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2b-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#float {
+ width: 50px;
+ margin-left: auto;
+ padding: 40px 0;
+ background-color: green;
+}
+#child {
+ height: 20px;
+ background-color: lightgreen;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="spacer"></div>
+<div id="float">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-2b.html b/layout/reftests/margin-collapsing/block-float-2b.html
new file mode 100644
index 0000000000..ef43207432
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-2b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#float {
+ float: right;
+ width: 50px;
+ margin: 20px 0;
+ background-color: green;
+}
+#child {
+ height: 20px;
+ margin: 40px 0;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="float">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-3a-dyn.html b/layout/reftests/margin-collapsing/block-float-3a-dyn.html
new file mode 100644
index 0000000000..f6d1a5ee02
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-3a-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#container {
+ width: 110px;
+ margin-right: auto;
+}
+#float1, #float2 {
+ width: 100px;
+ height: 20px;
+ background-color: green;
+}
+#float1 {
+ float: left;
+ margin-bottom: 20px;
+}
+#float2 {
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('float2').style.cssFloat = 'left';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="container">
+ <div id="float1"></div>
+ <div id="float2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-3a-ref.html b/layout/reftests/margin-collapsing/block-float-3a-ref.html
new file mode 100644
index 0000000000..7b776b279f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-3a-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float1, #float2 {
+ width: 100px;
+ height: 20px;
+ background-color: green;
+ margin-right: auto;
+}
+#spacer {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div id="container">
+ <div id="float1"></div>
+ <div id="spacer"></div>
+ <div id="float2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-3a.html b/layout/reftests/margin-collapsing/block-float-3a.html
new file mode 100644
index 0000000000..639e72b8bb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-3a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#container {
+ width: 110px;
+ margin-right: auto;
+}
+#float1, #float2 {
+ float: left;
+ width: 100px;
+ height: 20px;
+ background-color: green;
+}
+#float1 {
+ margin-bottom: 20px;
+}
+#float2 {
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="container">
+ <div id="float1"></div>
+ <div id="float2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-3b-dyn.html b/layout/reftests/margin-collapsing/block-float-3b-dyn.html
new file mode 100644
index 0000000000..2e7723f36a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-3b-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#container {
+ width: 110px;
+ margin-left: auto;
+}
+#float1, #float2 {
+ width: 100px;
+ height: 20px;
+ background-color: green;
+}
+#float1 {
+ float: right;
+ margin-bottom: 20px;
+}
+#float2 {
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('float2').style.cssFloat = 'right';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="container">
+ <div id="float1"></div>
+ <div id="float2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-3b-ref.html b/layout/reftests/margin-collapsing/block-float-3b-ref.html
new file mode 100644
index 0000000000..2e6734c370
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-3b-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float1, #float2 {
+ width: 100px;
+ height: 20px;
+ background-color: green;
+ margin-left: auto;
+}
+#spacer {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div id="container">
+ <div id="float1"></div>
+ <div id="spacer"></div>
+ <div id="float2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-float-3b.html b/layout/reftests/margin-collapsing/block-float-3b.html
new file mode 100644
index 0000000000..c2ecd8d2a1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-float-3b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#container {
+ width: 110px;
+ margin-left: auto;
+}
+#float1, #float2 {
+ float: right;
+ width: 100px;
+ height: 20px;
+ background-color: green;
+}
+#float1 {
+ margin-bottom: 20px;
+}
+#float2 {
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="container">
+ <div id="float1"></div>
+ <div id="float2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-1-dyn.html b/layout/reftests/margin-collapsing/block-horizontal-1-dyn.html
new file mode 100644
index 0000000000..2a1dd7b8a3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-1-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin-right: 20px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.dyn {
+ display: none;
+}
+.float-green {
+ float: left;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByClassName('dyn')[0].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green dyn"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-1-noref.html b/layout/reftests/margin-collapsing/block-horizontal-1-noref.html
new file mode 100644
index 0000000000..4d7a7ccb9f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-1-noref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin-right: 20px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: left;
+ margin-right: 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-1-ref.html b/layout/reftests/margin-collapsing/block-horizontal-1-ref.html
new file mode 100644
index 0000000000..9a49a81e0d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin-right: 40px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: left;
+ margin-right: 40px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-1.html b/layout/reftests/margin-collapsing/block-horizontal-1.html
new file mode 100644
index 0000000000..5bbdcca399
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin-right: 20px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: left;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-2-dyn.html b/layout/reftests/margin-collapsing/block-horizontal-2-dyn.html
new file mode 100644
index 0000000000..25b9f38508
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-2-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin-left: 20px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.dyn {
+ display: none;
+}
+.float-green {
+ float: right;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByClassName('dyn')[0].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green dyn"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-2-noref.html b/layout/reftests/margin-collapsing/block-horizontal-2-noref.html
new file mode 100644
index 0000000000..8eb2dd12f7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-2-noref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin-left: 20px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: right;
+ margin-left: 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-2-ref.html b/layout/reftests/margin-collapsing/block-horizontal-2-ref.html
new file mode 100644
index 0000000000..21946ee308
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin-left: 40px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: right;
+ margin-left: 40px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-2.html b/layout/reftests/margin-collapsing/block-horizontal-2.html
new file mode 100644
index 0000000000..8b1244528a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin-left: 20px;
+ background-color: blue;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: right;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div>
+<div class="float-green"></div>
+<div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-3-dyn.html b/layout/reftests/margin-collapsing/block-horizontal-3-dyn.html
new file mode 100644
index 0000000000..bf465c02d1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-3-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin-right: 20px;
+ background-color: blue;
+ height: 100px;
+}
+.dyn {
+ display: none;
+}
+.float-green {
+ float: left;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByClassName('dyn')[0].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="float-blue"><div class="float-green dyn"></div></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-3-noref.html b/layout/reftests/margin-collapsing/block-horizontal-3-noref.html
new file mode 100644
index 0000000000..b2f9e4e2ad
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-3-noref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: left;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-3-ref.html b/layout/reftests/margin-collapsing/block-horizontal-3-ref.html
new file mode 100644
index 0000000000..9b84cbeb52
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin-right: 40px;
+ border: solid blue;
+ border-width: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: left;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-3.html b/layout/reftests/margin-collapsing/block-horizontal-3.html
new file mode 100644
index 0000000000..d10c1f13c6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: left;
+ margin-right: 20px;
+ background-color: blue;
+ height: 100px;
+}
+.float-green {
+ float: left;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"><div class="float-green"></div></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-4-dyn.html b/layout/reftests/margin-collapsing/block-horizontal-4-dyn.html
new file mode 100644
index 0000000000..9c8d9c65f7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-4-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin-left: 20px;
+ background-color: blue;
+ height: 100px;
+}
+.dyn {
+ display: none;
+}
+.float-green {
+ float: right;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByClassName('dyn')[0].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="float-blue"><div class="float-green dyn"></div></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-4-noref.html b/layout/reftests/margin-collapsing/block-horizontal-4-noref.html
new file mode 100644
index 0000000000..5ed5bd06ea
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-4-noref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: right;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-4-ref.html b/layout/reftests/margin-collapsing/block-horizontal-4-ref.html
new file mode 100644
index 0000000000..263530d2f6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-4-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin-left: 40px;
+ border: solid blue;
+ border-width: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+.float-green {
+ float: right;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-horizontal-4.html b/layout/reftests/margin-collapsing/block-horizontal-4.html
new file mode 100644
index 0000000000..6a4e5c1e20
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-horizontal-4.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#float-blue {
+ float: right;
+ margin-left: 20px;
+ background-color: blue;
+ height: 100px;
+}
+.float-green {
+ float: right;
+ margin: 0 20px;
+ background-color: green;
+ width: 40px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+<div id="float-blue"><div class="float-green"></div></div><div class="float-green"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-body-1-noref.html b/layout/reftests/margin-collapsing/block-html-body-1-noref.html
new file mode 100644
index 0000000000..7f14949b22
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-body-1-noref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 0;
+ background-color: green;
+}
+div {
+ margin: 30px 20px;
+ background-color: red;
+ height: 20px;
+}
+div div {
+ margin: 50px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div><div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-body-1-ref.html b/layout/reftests/margin-collapsing/block-html-body-1-ref.html
new file mode 100644
index 0000000000..1d898d317e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-body-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 0; padding: 30px 20px;
+ background-color: green;
+}
+body {
+ margin: 0; padding: 0 30px;
+ background-color: red;
+}
+div {
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-body-1-ref2.html b/layout/reftests/margin-collapsing/block-html-body-1-ref2.html
new file mode 100644
index 0000000000..f527a4c25e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-body-1-ref2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 0;
+ background-color: green;
+}
+div {
+ margin: 30px 20px;
+ background-color: red;
+ height: 20px;
+}
+div div {
+ margin: 30px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div><div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-body-1.html b/layout/reftests/margin-collapsing/block-html-body-1.html
new file mode 100644
index 0000000000..c0b07ed16c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-body-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 0; padding: 0;
+ background-color: green;
+}
+body {
+ margin: 20px; padding: 0;
+ background-color: red;
+}
+div {
+ margin: 30px;
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-1-ref.html b/layout/reftests/margin-collapsing/block-html-html-1-ref.html
new file mode 100644
index 0000000000..103ae9f59d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ html, body {
+  background-color: white;
+  margin: 0; padding: 0;
+ }
+ #the-html {
+  padding: 30px 0;
+ }
+ #the-body {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-html">
+ <div id="the-body"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-1a-dyn.html b/layout/reftests/margin-collapsing/block-html-html-1a-dyn.html
new file mode 100644
index 0000000000..e898735aab
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-1a-dyn.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ body {
+  display: none;
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('body')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test);
+ </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-1a.html b/layout/reftests/margin-collapsing/block-html-html-1a.html
new file mode 100644
index 0000000000..dafa925adc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ body {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-1b-dyn.html b/layout/reftests/margin-collapsing/block-html-html-1b-dyn.html
new file mode 100644
index 0000000000..24455fd8a6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-1b-dyn.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ div {
+  display: none;
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('div')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test);
+ </script>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-1b.html b/layout/reftests/margin-collapsing/block-html-html-1b.html
new file mode 100644
index 0000000000..f302b81c7b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-1b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ div {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-2-dyn.html b/layout/reftests/margin-collapsing/block-html-html-2-dyn.html
new file mode 100644
index 0000000000..c3a08759b7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-2-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  display: none;
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('div')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test);
+ </script>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-2-ref.html b/layout/reftests/margin-collapsing/block-html-html-2-ref.html
new file mode 100644
index 0000000000..6e0f6d89ef
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ html, body, div {
+  margin: 0; padding: 0;
+  background-color: white;
+ }
+ #the-html {
+  padding: 20px 0;
+ }
+ #the-body {
+  background-color: red;
+ }
+ #the-div {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-html">
+ <div id="the-body">
+  <div id="the-div"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-2.html b/layout/reftests/margin-collapsing/block-html-html-2.html
new file mode 100644
index 0000000000..aeb007ab99
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-3-dyn.html b/layout/reftests/margin-collapsing/block-html-html-3-dyn.html
new file mode 100644
index 0000000000..c3c5958567
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-3-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 10px 0;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  display: none;
+  background-color: green;
+  margin: 40px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('div')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test);
+ </script>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-3-ref.html b/layout/reftests/margin-collapsing/block-html-html-3-ref.html
new file mode 100644
index 0000000000..f9c935f371
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-3-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ html, body, div {
+  margin: 0; padding: 0;
+  background-color: white;
+ }
+ #the-html {
+  padding: 50px 0;
+ }
+ #the-body {
+  background-color: red;
+ }
+ #the-div {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-html">
+ <div id="the-body">
+  <div id="the-div"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-html-html-3.html b/layout/reftests/margin-collapsing/block-html-html-3.html
new file mode 100644
index 0000000000..b056b0a2e1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-html-html-3.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 10px 0;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  background-color: green;
+  margin: 40px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-1-ref.html b/layout/reftests/margin-collapsing/block-last-child-1-ref.html
new file mode 100644
index 0000000000..06499e47d8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent, #child, #separator {
+ height: 20px;
+}
+#parent, #separator {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent"></div>
+<div id="child"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-1a.html b/layout/reftests/margin-collapsing/block-last-child-1a.html
new file mode 100644
index 0000000000..0254a11009
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-1a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 10px;
+}
+#child {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-1b.html b/layout/reftests/margin-collapsing/block-last-child-1b.html
new file mode 100644
index 0000000000..e4b75680d2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-1b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#child {
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-1c.html b/layout/reftests/margin-collapsing/block-last-child-1c.html
new file mode 100644
index 0000000000..322004da7c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-1c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#child, #separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-bottom: 20px;
+}
+#child {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-2-ref.html b/layout/reftests/margin-collapsing/block-last-child-2-ref.html
new file mode 100644
index 0000000000..49705dfcb4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 95px;
+ background-color: green;
+}
+#child {
+ height: 5px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent"></div>
+<div id="child"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-2a.html b/layout/reftests/margin-collapsing/block-last-child-2a.html
new file mode 100644
index 0000000000..6c7f1ada9a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-2a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 95px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-2b.html b/layout/reftests/margin-collapsing/block-last-child-2b.html
new file mode 100644
index 0000000000..887b3a239b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-2b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 95px;
+ background-color: green;
+ margin-bottom: 5px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-2c.html b/layout/reftests/margin-collapsing/block-last-child-2c.html
new file mode 100644
index 0000000000..434ff9a02c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-2c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 95px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-2d.html b/layout/reftests/margin-collapsing/block-last-child-2d.html
new file mode 100644
index 0000000000..2409e2504b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-2d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 95px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-3-ref.html b/layout/reftests/margin-collapsing/block-last-child-3-ref.html
new file mode 100644
index 0000000000..8c26ba8bc0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-3-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: green;
+}
+#child {
+ height: 20px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent"></div>
+<div id="child"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-3a.html b/layout/reftests/margin-collapsing/block-last-child-3a.html
new file mode 100644
index 0000000000..417edaf346
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-3a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+ margin-bottom: -10px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-3b.html b/layout/reftests/margin-collapsing/block-last-child-3b.html
new file mode 100644
index 0000000000..a10cbfe2a4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-3b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-3c.html b/layout/reftests/margin-collapsing/block-last-child-3c.html
new file mode 100644
index 0000000000..ed5f26bb96
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-3c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-3d.html b/layout/reftests/margin-collapsing/block-last-child-3d.html
new file mode 100644
index 0000000000..dd2a68563a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-3d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-4-ref.html b/layout/reftests/margin-collapsing/block-last-child-4-ref.html
new file mode 100644
index 0000000000..a94d25bf61
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-4-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: green;
+}
+#child {
+ height: 10px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent"></div>
+<div id="child"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-4a.html b/layout/reftests/margin-collapsing/block-last-child-4a.html
new file mode 100644
index 0000000000..a21f656360
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-4a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 90px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+ margin-bottom: -15px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-4b.html b/layout/reftests/margin-collapsing/block-last-child-4b.html
new file mode 100644
index 0000000000..0c5c1e7612
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-4b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 90px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+ margin-bottom: -10px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-4c.html b/layout/reftests/margin-collapsing/block-last-child-4c.html
new file mode 100644
index 0000000000..65935a4137
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-4c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 90px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+ margin-bottom: 5px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-last-child-4d.html b/layout/reftests/margin-collapsing/block-last-child-4d.html
new file mode 100644
index 0000000000..9aa1b77999
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-last-child-4d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 90px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#child {
+ height: 100px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-1-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-1-ref.html
new file mode 100644
index 0000000000..b76d867c90
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-1a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-1a-dyn.html
new file mode 100644
index 0000000000..cae3aa56cd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-1a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-1a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-1a.html
new file mode 100644
index 0000000000..eb47983d5b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-1b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-1b-dyn.html
new file mode 100644
index 0000000000..09adf4b4e3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-1b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-1b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-1b.html
new file mode 100644
index 0000000000..3294523800
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-1c-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-1c-dyn.html
new file mode 100644
index 0000000000..1e3beb82c1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-1c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-1c.html b/layout/reftests/margin-collapsing/block-max-height-last-child-1c.html
new file mode 100644
index 0000000000..159c13fe92
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-1c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-2-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-2-ref.html
new file mode 100644
index 0000000000..b964f40f06
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-2a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-2a-dyn.html
new file mode 100644
index 0000000000..8802c506ae
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-2a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-2a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-2a.html
new file mode 100644
index 0000000000..e4c3c3595c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-2a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-2b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-2b-dyn.html
new file mode 100644
index 0000000000..eb2f896eec
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-2b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-2b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-2b.html
new file mode 100644
index 0000000000..bab2c45623
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-2b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-3-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-3-ref.html
new file mode 100644
index 0000000000..a6a8894c71
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-3-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-3a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-3a-dyn.html
new file mode 100644
index 0000000000..3e994dc59b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-3a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-3a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-3a.html
new file mode 100644
index 0000000000..7306962199
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-3a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-3b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-3b-dyn.html
new file mode 100644
index 0000000000..407619a8bc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-3b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-3b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-3b.html
new file mode 100644
index 0000000000..ceacff109f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-3b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-3c-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-3c-dyn.html
new file mode 100644
index 0000000000..dae3b87db8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-3c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-3c.html b/layout/reftests/margin-collapsing/block-max-height-last-child-3c.html
new file mode 100644
index 0000000000..4653fe60b1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-3c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-4-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-4-ref.html
new file mode 100644
index 0000000000..ea6b932c8d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-4-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-4a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-4a-dyn.html
new file mode 100644
index 0000000000..3bb7f1174b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-4a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-4a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-4a.html
new file mode 100644
index 0000000000..0247f34a9b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-4a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-4b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-4b-dyn.html
new file mode 100644
index 0000000000..31520f0eaa
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-4b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-4b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-4b.html
new file mode 100644
index 0000000000..529868a2c0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-4b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-4c-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-4c-dyn.html
new file mode 100644
index 0000000000..eb19cdfcea
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-4c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-4c.html b/layout/reftests/margin-collapsing/block-max-height-last-child-4c.html
new file mode 100644
index 0000000000..06ea9ecf18
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-4c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-5-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-5-ref.html
new file mode 100644
index 0000000000..cdd824aab0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-5-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-5a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-5a-dyn.html
new file mode 100644
index 0000000000..b6f79f03b2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-5a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-5a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-5a.html
new file mode 100644
index 0000000000..745773dc0e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-5a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-5b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-5b-dyn.html
new file mode 100644
index 0000000000..d8b3b18ea0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-5b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-5b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-5b.html
new file mode 100644
index 0000000000..052310f0e6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-5b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-6-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-6-ref.html
new file mode 100644
index 0000000000..d9cb40f169
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-6-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 80px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-6a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-6a-dyn.html
new file mode 100644
index 0000000000..4f646ff44a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-6a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-6a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-6a.html
new file mode 100644
index 0000000000..45f610a7f0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-6a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-6b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-6b-dyn.html
new file mode 100644
index 0000000000..da90ad9e62
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-6b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-6b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-6b.html
new file mode 100644
index 0000000000..8dfaf25979
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-6b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-6c-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-6c-dyn.html
new file mode 100644
index 0000000000..ef61957c13
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-6c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-6c.html b/layout/reftests/margin-collapsing/block-max-height-last-child-6c.html
new file mode 100644
index 0000000000..3d863d53bf
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-6c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-7-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-7-ref.html
new file mode 100644
index 0000000000..59874fd98e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-7-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-7a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-7a-dyn.html
new file mode 100644
index 0000000000..937a717ff1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-7a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-7a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-7a.html
new file mode 100644
index 0000000000..2899427b74
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-7a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-7b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-7b-dyn.html
new file mode 100644
index 0000000000..b470aec10b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-7b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-7b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-7b.html
new file mode 100644
index 0000000000..cac7e61efa
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-7b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-7c-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-7c-dyn.html
new file mode 100644
index 0000000000..1df357dd61
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-7c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-7c.html b/layout/reftests/margin-collapsing/block-max-height-last-child-7c.html
new file mode 100644
index 0000000000..07f9bfbee9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-7c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-8-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-8-ref.html
new file mode 100644
index 0000000000..ed164173f4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-8-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-8a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-8a-dyn.html
new file mode 100644
index 0000000000..65da9ecd20
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-8a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-8a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-8a.html
new file mode 100644
index 0000000000..439b1cca53
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-8a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-8b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-8b-dyn.html
new file mode 100644
index 0000000000..e5bbb1aab8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-8b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-8b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-8b.html
new file mode 100644
index 0000000000..5a01975909
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-8b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-9-ref.html b/layout/reftests/margin-collapsing/block-max-height-last-child-9-ref.html
new file mode 100644
index 0000000000..ecacfcced9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-9-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+ position: relative;
+ top: -30px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-9a-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-9a-dyn.html
new file mode 100644
index 0000000000..f4cf1ce8bd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-9a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-9a.html b/layout/reftests/margin-collapsing/block-max-height-last-child-9a.html
new file mode 100644
index 0000000000..1e453b7028
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-9a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-9b-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-9b-dyn.html
new file mode 100644
index 0000000000..99c8ff4a6a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-9b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-9b.html b/layout/reftests/margin-collapsing/block-max-height-last-child-9b.html
new file mode 100644
index 0000000000..54058c4427
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-9b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-9c-dyn.html b/layout/reftests/margin-collapsing/block-max-height-last-child-9c-dyn.html
new file mode 100644
index 0000000000..10ab566a01
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-9c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-max-height-last-child-9c.html b/layout/reftests/margin-collapsing/block-max-height-last-child-9c.html
new file mode 100644
index 0000000000..d14519000c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-max-height-last-child-9c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ max-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-1-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-1-ref.html
new file mode 100644
index 0000000000..2de1ed215e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-1a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-1a-dyn.html
new file mode 100644
index 0000000000..c4236757f3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-1a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-1a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-1a.html
new file mode 100644
index 0000000000..6fef0cbf84
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-1b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-1b-dyn.html
new file mode 100644
index 0000000000..99bacb19a0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-1b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-1b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-1b.html
new file mode 100644
index 0000000000..71e4884ee5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-1c-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-1c-dyn.html
new file mode 100644
index 0000000000..012f557b80
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-1c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-1c.html b/layout/reftests/margin-collapsing/block-min-height-last-child-1c.html
new file mode 100644
index 0000000000..ef01b9559e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-1c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-2-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-2-ref.html
new file mode 100644
index 0000000000..2a0f946104
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 100px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-2a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-2a-dyn.html
new file mode 100644
index 0000000000..abb033c6b2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-2a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-2a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-2a.html
new file mode 100644
index 0000000000..853d8f62de
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-2a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-2b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-2b-dyn.html
new file mode 100644
index 0000000000..a871a769b4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-2b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-2b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-2b.html
new file mode 100644
index 0000000000..3ec90c19b1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-2b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-3-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-3-ref.html
new file mode 100644
index 0000000000..61d8b83ea0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 80px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-3a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-3a-dyn.html
new file mode 100644
index 0000000000..6925c7649f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-3a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-3a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-3a.html
new file mode 100644
index 0000000000..542afd0e7c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-3a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-3b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-3b-dyn.html
new file mode 100644
index 0000000000..30829e71c2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-3b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-3b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-3b.html
new file mode 100644
index 0000000000..8988bed364
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-3b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-3c-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-3c-dyn.html
new file mode 100644
index 0000000000..ed64e1ff62
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-3c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-3c.html b/layout/reftests/margin-collapsing/block-min-height-last-child-3c.html
new file mode 100644
index 0000000000..2d969df6dc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-3c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 40px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-4-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-4-ref.html
new file mode 100644
index 0000000000..ea6b932c8d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-4-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-4a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-4a-dyn.html
new file mode 100644
index 0000000000..a07bea3bab
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-4a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-4a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-4a.html
new file mode 100644
index 0000000000..6e2081cc32
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-4a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-4b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-4b-dyn.html
new file mode 100644
index 0000000000..588832c8ad
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-4b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-4b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-4b.html
new file mode 100644
index 0000000000..8f27e38043
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-4b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-4c-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-4c-dyn.html
new file mode 100644
index 0000000000..5002bd8f52
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-4c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-4c.html b/layout/reftests/margin-collapsing/block-min-height-last-child-4c.html
new file mode 100644
index 0000000000..8858ae7272
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-4c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-5-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-5-ref.html
new file mode 100644
index 0000000000..cdd824aab0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-5-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-5a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-5a-dyn.html
new file mode 100644
index 0000000000..8f9a386ef1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-5a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-5a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-5a.html
new file mode 100644
index 0000000000..dd01bfadae
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-5a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-5b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-5b-dyn.html
new file mode 100644
index 0000000000..183edccfd5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-5b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-5b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-5b.html
new file mode 100644
index 0000000000..3856c32ad5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-5b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-6-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-6-ref.html
new file mode 100644
index 0000000000..d9cb40f169
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-6-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 80px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-6a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-6a-dyn.html
new file mode 100644
index 0000000000..3a01b4286b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-6a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-6a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-6a.html
new file mode 100644
index 0000000000..64ed1366e0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-6a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-6b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-6b-dyn.html
new file mode 100644
index 0000000000..3b65f4cca7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-6b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-6b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-6b.html
new file mode 100644
index 0000000000..93a0c51620
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-6b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-6c-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-6c-dyn.html
new file mode 100644
index 0000000000..dfd6a50a6d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-6c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-6c.html b/layout/reftests/margin-collapsing/block-min-height-last-child-6c.html
new file mode 100644
index 0000000000..e22e6d615a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-6c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 100px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-7-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-7-ref.html
new file mode 100644
index 0000000000..26b1d4df58
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-7-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-7a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-7a-dyn.html
new file mode 100644
index 0000000000..f7f57c3121
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-7a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-7a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-7a.html
new file mode 100644
index 0000000000..f75fa60195
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-7a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-7b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-7b-dyn.html
new file mode 100644
index 0000000000..cc6f369a46
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-7b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-7b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-7b.html
new file mode 100644
index 0000000000..dc8fedbb04
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-7b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-7c-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-7c-dyn.html
new file mode 100644
index 0000000000..0bae038512
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-7c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-7c.html b/layout/reftests/margin-collapsing/block-min-height-last-child-7c.html
new file mode 100644
index 0000000000..a01b18615c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-7c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-8-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-8-ref.html
new file mode 100644
index 0000000000..59874fd98e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-8-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+#spacer {
+ height: 10px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-8a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-8a-dyn.html
new file mode 100644
index 0000000000..dfc5c688b0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-8a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-8a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-8a.html
new file mode 100644
index 0000000000..79f4f1d219
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-8a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-8b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-8b-dyn.html
new file mode 100644
index 0000000000..ed235ec708
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-8b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-8b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-8b.html
new file mode 100644
index 0000000000..6cf40bb7b0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-8b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: 20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-9-ref.html b/layout/reftests/margin-collapsing/block-min-height-last-child-9-ref.html
new file mode 100644
index 0000000000..e43bf9cc04
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-9-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: lightgreen;
+}
+#last-child {
+ height: 90px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-9a-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-9a-dyn.html
new file mode 100644
index 0000000000..45803a79f5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-9a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-9a.html b/layout/reftests/margin-collapsing/block-min-height-last-child-9a.html
new file mode 100644
index 0000000000..dd239c8f49
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-9a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -10px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-9b-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-9b-dyn.html
new file mode 100644
index 0000000000..b4038a6a78
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-9b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-9b.html b/layout/reftests/margin-collapsing/block-min-height-last-child-9b.html
new file mode 100644
index 0000000000..d150f2eeab
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-9b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -10px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-9c-dyn.html b/layout/reftests/margin-collapsing/block-min-height-last-child-9c-dyn.html
new file mode 100644
index 0000000000..afd698a7d1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-9c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ display: none;
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-min-height-last-child-9c.html b/layout/reftests/margin-collapsing/block-min-height-last-child-9c.html
new file mode 100644
index 0000000000..7bf119ff3b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-min-height-last-child-9c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ min-height: 100px;
+ margin-bottom: -20px;
+ background-color: lightgreen;
+}
+#last-child {
+ height: 110px;
+ margin-bottom: -20px;
+ background-color: green;
+}
+#separator {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1-noref1.html b/layout/reftests/margin-collapsing/block-negative-1-noref1.html
new file mode 100644
index 0000000000..33aa139353
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1-noref1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1-noref2.html b/layout/reftests/margin-collapsing/block-negative-1-noref2.html
new file mode 100644
index 0000000000..78105ea3e2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1-noref2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="margin"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1-ref.html b/layout/reftests/margin-collapsing/block-negative-1-ref.html
new file mode 100644
index 0000000000..cb8de3293a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1a-dyn1.html b/layout/reftests/margin-collapsing/block-negative-1a-dyn1.html
new file mode 100644
index 0000000000..23cd0d7438
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1a-dyn1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ display: none;
+ height: 20px;
+ background-color: blue;
+ margin-top: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('b').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1a-dyn2.html b/layout/reftests/margin-collapsing/block-negative-1a-dyn2.html
new file mode 100644
index 0000000000..d9b549d6dc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1a-dyn2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+ margin-top: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('b').style.marginTop = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1a.html b/layout/reftests/margin-collapsing/block-negative-1a.html
new file mode 100644
index 0000000000..de0be2bece
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+ margin-top: -20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1b-dyn1.html b/layout/reftests/margin-collapsing/block-negative-1b-dyn1.html
new file mode 100644
index 0000000000..63738fcd6e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1b-dyn1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: -20px;
+}
+#b {
+ display: none;
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('b').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1b-dyn2.html b/layout/reftests/margin-collapsing/block-negative-1b-dyn2.html
new file mode 100644
index 0000000000..f4ac18a65d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1b-dyn2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: -20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+ margin-top: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('b').style.marginTop = '20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-1b.html b/layout/reftests/margin-collapsing/block-negative-1b.html
new file mode 100644
index 0000000000..f1eed8c0fb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-1b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: -20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2-noref1.html b/layout/reftests/margin-collapsing/block-negative-2-noref1.html
new file mode 100644
index 0000000000..8252871a3a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2-noref1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#b {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2-noref2.html b/layout/reftests/margin-collapsing/block-negative-2-noref2.html
new file mode 100644
index 0000000000..cb8de3293a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2-noref2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2-ref.html b/layout/reftests/margin-collapsing/block-negative-2-ref.html
new file mode 100644
index 0000000000..90571cbd82
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2a-dyn1.html b/layout/reftests/margin-collapsing/block-negative-2a-dyn1.html
new file mode 100644
index 0000000000..064bc2ad54
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2a-dyn1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#b {
+ display: none;
+ height: 20px;
+ background-color: blue;
+ margin-top: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('b').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2a-dyn2.html b/layout/reftests/margin-collapsing/block-negative-2a-dyn2.html
new file mode 100644
index 0000000000..a2813db4c5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2a-dyn2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+ margin-top: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('b').style.marginTop = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2a.html b/layout/reftests/margin-collapsing/block-negative-2a.html
new file mode 100644
index 0000000000..995a0805ad
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+ margin-top: -20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2b-dyn1.html b/layout/reftests/margin-collapsing/block-negative-2b-dyn1.html
new file mode 100644
index 0000000000..cb22250ee1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2b-dyn1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ display: none;
+ height: 20px;
+ background-color: green;
+ margin-bottom: -20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('a').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2b-dyn2.html b/layout/reftests/margin-collapsing/block-negative-2b-dyn2.html
new file mode 100644
index 0000000000..ef84e2e899
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2b-dyn2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 0;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('a').style.marginBottom = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-2b.html b/layout/reftests/margin-collapsing/block-negative-2b.html
new file mode 100644
index 0000000000..96e43a985c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-2b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: -20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3-noref1.html b/layout/reftests/margin-collapsing/block-negative-3-noref1.html
new file mode 100644
index 0000000000..6e36e4f352
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3-noref1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-bottom: 100px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3-noref2.html b/layout/reftests/margin-collapsing/block-negative-3-noref2.html
new file mode 100644
index 0000000000..900c8c4fa1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3-noref2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 100px;
+}
+#positive, #negative {
+ background-color: green;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3-ref.html b/layout/reftests/margin-collapsing/block-negative-3-ref.html
new file mode 100644
index 0000000000..8b4733d4a5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3-ref2.html b/layout/reftests/margin-collapsing/block-negative-3-ref2.html
new file mode 100644
index 0000000000..92bd96df0b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3-ref2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+}
+#positive, #negative {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3a-dyn1.html b/layout/reftests/margin-collapsing/block-negative-3a-dyn1.html
new file mode 100644
index 0000000000..999e871b70
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3a-dyn1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-bottom: 100px;
+}
+#negative {
+ display: none;
+ margin-top: -80px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('negative').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="positive"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3a-dyn2.html b/layout/reftests/margin-collapsing/block-negative-3a-dyn2.html
new file mode 100644
index 0000000000..5313945baa
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3a-dyn2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-bottom: 100px;
+}
+#negative {
+ margin-top: 0px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('negative').style.marginTop = '-80px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="positive"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3a.html b/layout/reftests/margin-collapsing/block-negative-3a.html
new file mode 100644
index 0000000000..06883fc399
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-bottom: 100px;
+}
+#negative {
+ margin-top: -80px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3b-dyn1.html b/layout/reftests/margin-collapsing/block-negative-3b-dyn1.html
new file mode 100644
index 0000000000..2cb9a37212
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3b-dyn1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#negative {
+ margin-bottom: -80px;
+}
+#positive {
+ display: none;
+ margin-top: 100px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('positive').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="negative"></div>
+<div id="positive"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3b-dyn2.html b/layout/reftests/margin-collapsing/block-negative-3b-dyn2.html
new file mode 100644
index 0000000000..67c0d82f4a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3b-dyn2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#negative {
+ margin-bottom: -80px;
+}
+#positive {
+ margin-top: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('positive').style.marginTop = '100px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="negative"></div>
+<div id="positive"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-3b.html b/layout/reftests/margin-collapsing/block-negative-3b.html
new file mode 100644
index 0000000000..cd39abdf9a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-3b.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#negative {
+ margin-bottom: -80px;
+}
+#positive {
+ margin-top: 100px;
+}
+</style>
+</head>
+<body>
+<div id="negative"></div>
+<div id="positive"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4-noref1.html b/layout/reftests/margin-collapsing/block-negative-4-noref1.html
new file mode 100644
index 0000000000..47b9839b68
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4-noref1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ background-color: blue;
+ margin-bottom: 40px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4-noref2.html b/layout/reftests/margin-collapsing/block-negative-4-noref2.html
new file mode 100644
index 0000000000..44365a2598
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4-noref2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+#positive, #negative {
+ height: 20px;
+ background-color: blue;
+}
+#margin {
+ height: 40px;
+}
+#negative {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div id="margin"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4-ref.html b/layout/reftests/margin-collapsing/block-negative-4-ref.html
new file mode 100644
index 0000000000..5435cdd3be
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ background-color: blue;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4-ref2.html b/layout/reftests/margin-collapsing/block-negative-4-ref2.html
new file mode 100644
index 0000000000..c7b53e3f7d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4-ref2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+#positive, #negative {
+ height: 20px;
+ background-color: blue;
+}
+#margin {
+ height: 10px;
+}
+#negative {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div id="margin"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4a-dyn1.html b/layout/reftests/margin-collapsing/block-negative-4a-dyn1.html
new file mode 100644
index 0000000000..614a612ae7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4a-dyn1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#negative {
+ display: none;
+ margin-top: -90px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('negative').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="positive"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4a-dyn2.html b/layout/reftests/margin-collapsing/block-negative-4a-dyn2.html
new file mode 100644
index 0000000000..831ee41ca1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4a-dyn2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#negative {
+ margin-top: 0;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('negative').style.marginTop = '-90px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="positive"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4a.html b/layout/reftests/margin-collapsing/block-negative-4a.html
new file mode 100644
index 0000000000..72ae66725a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#positive {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#negative {
+ margin-top: -90px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4b-dyn1.html b/layout/reftests/margin-collapsing/block-negative-4b-dyn1.html
new file mode 100644
index 0000000000..98b66d2041
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4b-dyn1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#negative {
+ margin-top: 30px;
+ margin-bottom: -90px;
+}
+#positive {
+ display: none;
+ margin-top: 40px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('positive').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="negative"></div>
+<div id="positive"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4b-dyn2.html b/layout/reftests/margin-collapsing/block-negative-4b-dyn2.html
new file mode 100644
index 0000000000..91adf56a9c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4b-dyn2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#negative {
+ margin-top: 30px;
+ margin-bottom: -90px;
+}
+#positive {
+ margin-top: 0;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('positive').style.marginTop = '40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="negative"></div>
+<div id="positive"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-4b.html b/layout/reftests/margin-collapsing/block-negative-4b.html
new file mode 100644
index 0000000000..7c89014f6a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-4b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#negative {
+ margin-top: 30px;
+ margin-bottom: -90px;
+}
+#positive {
+ margin-top: 40px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="negative"></div>
+<div id="positive"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-5-dyn1.html b/layout/reftests/margin-collapsing/block-negative-5-dyn1.html
new file mode 100644
index 0000000000..a36142bc29
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-5-dyn1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#small {
+ margin-top: 40px;
+ margin-bottom: -40px;
+}
+#big {
+ display: none;
+ margin-top: -60px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('big').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="small"></div>
+<div id="big"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-5-dyn2.html b/layout/reftests/margin-collapsing/block-negative-5-dyn2.html
new file mode 100644
index 0000000000..8e10974ff6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-5-dyn2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#small {
+ margin-top: 40px;
+ margin-bottom: -40px;
+}
+#big {
+ margin-top: 0;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('big').style.marginTop = '-60px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="small"></div>
+<div id="big"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-5-noref1.html b/layout/reftests/margin-collapsing/block-negative-5-noref1.html
new file mode 100644
index 0000000000..d29106af98
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-5-noref1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#small {
+ margin-top: 40px;
+ margin-bottom: -40px;
+}
+#big {
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="small"></div>
+<div id="big"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-5-noref2.html b/layout/reftests/margin-collapsing/block-negative-5-noref2.html
new file mode 100644
index 0000000000..ee397a4c21
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-5-noref2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+}
+#small {
+ background-color: green;
+}
+#big {
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div></div>
+<div id="big"></div>
+<div id="small"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-5-ref.html b/layout/reftests/margin-collapsing/block-negative-5-ref.html
new file mode 100644
index 0000000000..7a6713af3d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-5-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#big {
+ background-color: blue;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div id="big"></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-5-ref2.html b/layout/reftests/margin-collapsing/block-negative-5-ref2.html
new file mode 100644
index 0000000000..8ba0aade72
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-5-ref2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+}
+#positive {
+ background-color: blue;
+}
+#negative {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-negative-5.html b/layout/reftests/margin-collapsing/block-negative-5.html
new file mode 100644
index 0000000000..f457a4148c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-negative-5.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 5px;
+}
+div {
+ height: 20px;
+ background-color: green;
+}
+#small {
+ margin-top: 40px;
+ margin-bottom: -40px;
+}
+#big {
+ margin-top: -60px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="small"></div>
+<div id="big"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1-ref.html b/layout/reftests/margin-collapsing/block-no-content-1-ref.html
new file mode 100644
index 0000000000..aba40bf1af
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1a-dyn.html b/layout/reftests/margin-collapsing/block-no-content-1a-dyn.html
new file mode 100644
index 0000000000..44582072d8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1a-dyn.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('margin-only').style.margin = '10px 0 20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1a.html b/layout/reftests/margin-collapsing/block-no-content-1a.html
new file mode 100644
index 0000000000..baf0c27599
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1b-dyn.html b/layout/reftests/margin-collapsing/block-no-content-1b-dyn.html
new file mode 100644
index 0000000000..4ae5224008
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1b-dyn.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('margin-only').style.margin = '20px 0 10px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1b.html b/layout/reftests/margin-collapsing/block-no-content-1b.html
new file mode 100644
index 0000000000..e1c6b88833
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1c-dyn.html b/layout/reftests/margin-collapsing/block-no-content-1c-dyn.html
new file mode 100644
index 0000000000..c5525801fc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1c-dyn.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('margin-only').style.margin = '20px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1c.html b/layout/reftests/margin-collapsing/block-no-content-1c.html
new file mode 100644
index 0000000000..748cfd7dda
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1c.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1d-dyn.html b/layout/reftests/margin-collapsing/block-no-content-1d-dyn.html
new file mode 100644
index 0000000000..51710e2254
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1d-dyn.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('margin-only').style.margin = '60px 0 -40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-1d.html b/layout/reftests/margin-collapsing/block-no-content-1d.html
new file mode 100644
index 0000000000..63bb28eb48
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-1d.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 60px;
+ margin-bottom: -40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin-only"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2-ref.html b/layout/reftests/margin-collapsing/block-no-content-2-ref.html
new file mode 100644
index 0000000000..a7235c8c2d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2a-dyn.html b/layout/reftests/margin-collapsing/block-no-content-2a-dyn.html
new file mode 100644
index 0000000000..a0ddc7eccf
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2a-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+#block2 {
+ height: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('block2').style.marginTop = '40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2a.html b/layout/reftests/margin-collapsing/block-no-content-2a.html
new file mode 100644
index 0000000000..72d5b22f99
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+#block2 {
+ height: 20px;
+ margin-top: 40px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2b-dyn.html b/layout/reftests/margin-collapsing/block-no-content-2b-dyn.html
new file mode 100644
index 0000000000..def572252b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2b-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+#block2 {
+ height: 20px;
+ margin-top: 30px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('block1').style.marginBottom = '40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2b.html b/layout/reftests/margin-collapsing/block-no-content-2b.html
new file mode 100644
index 0000000000..f9e69aa6a3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 40px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+#block2 {
+ height: 20px;
+ margin-top: 30px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2c-dyn.html b/layout/reftests/margin-collapsing/block-no-content-2c-dyn.html
new file mode 100644
index 0000000000..7a881fdc58
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2c-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 30px;
+ background-color: green;
+}
+#margin-only {
+ margin-bottom: 10px;
+}
+#block2 {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('margin-only').style.marginTop = '40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2c.html b/layout/reftests/margin-collapsing/block-no-content-2c.html
new file mode 100644
index 0000000000..7978ca3885
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 30px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+#block2 {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2d-dyn.html b/layout/reftests/margin-collapsing/block-no-content-2d-dyn.html
new file mode 100644
index 0000000000..f5c8dbd3cd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2d-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 30px;
+}
+#block2 {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('margin-only').style.marginBottom = '40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2d.html b/layout/reftests/margin-collapsing/block-no-content-2d.html
new file mode 100644
index 0000000000..30dcb49850
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#block2 {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2e-dyn.html b/layout/reftests/margin-collapsing/block-no-content-2e-dyn.html
new file mode 100644
index 0000000000..72ba4ac49f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2e-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: -40px;
+ margin-bottom: 20px;
+}
+#block2 {
+ height: 20px;
+ margin-top: -10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('block1').style.marginBottom = '80px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-2e.html b/layout/reftests/margin-collapsing/block-no-content-2e.html
new file mode 100644
index 0000000000..bb0896d0db
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-2e.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ margin-bottom: 80px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: -40px;
+ margin-bottom: 20px;
+}
+#block2 {
+ height: 20px;
+ margin-top: -10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-3-ref.html b/layout/reftests/margin-collapsing/block-no-content-3-ref.html
new file mode 100644
index 0000000000..a5b22d4333
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-3-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator, #parent {
+ height: 20px;
+ background-color: green;
+}
+#spacer {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="spacer"></div>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-3a-dyn.html b/layout/reftests/margin-collapsing/block-no-content-3a-dyn.html
new file mode 100644
index 0000000000..e23807cf56
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-3a-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: green;
+ margin-top: 10px;
+}
+#first-child {
+ margin-top: 20px;
+}
+#last-child {
+ height: 20px;
+ margin-top: 15px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.marginBottom = '30px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-3a.html b/layout/reftests/margin-collapsing/block-no-content-3a.html
new file mode 100644
index 0000000000..32933c2bef
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-3a.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: green;
+ margin-top: 10px;
+}
+#first-child {
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+#last-child {
+ height: 20px;
+ margin-top: 15px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-3b-dyn.html b/layout/reftests/margin-collapsing/block-no-content-3b-dyn.html
new file mode 100644
index 0000000000..4a00ff49a1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-3b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: green;
+ margin-top: -10px;
+}
+#first-child {
+ margin-bottom: 70px;
+}
+#last-child {
+ height: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.marginTop = '-40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-3b.html b/layout/reftests/margin-collapsing/block-no-content-3b.html
new file mode 100644
index 0000000000..00f8151631
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-3b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: green;
+ margin-top: -10px;
+}
+#first-child {
+ margin-top: -40px;
+ margin-bottom: 70px;
+}
+#last-child {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-3c-dyn.html b/layout/reftests/margin-collapsing/block-no-content-3c-dyn.html
new file mode 100644
index 0000000000..0bbee29d1c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-3c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: green;
+ margin-top: 90px;
+}
+#first-child {
+ margin-top: -40px;
+}
+#last-child {
+ height: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.marginBottom = '-60px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-3c.html b/layout/reftests/margin-collapsing/block-no-content-3c.html
new file mode 100644
index 0000000000..39ad02c621
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-3c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ background-color: green;
+ margin-top: 90px;
+}
+#first-child {
+ margin-top: -40px;
+ margin-bottom: -60px;
+}
+#last-child {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-4-ref.html b/layout/reftests/margin-collapsing/block-no-content-4-ref.html
new file mode 100644
index 0000000000..e3dc1c4e20
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-4-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent, #separator {
+ height: 20px;
+ background-color: green;
+}
+#spacer {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+<div id="spacer"></div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-4a-dyn.html b/layout/reftests/margin-collapsing/block-no-content-4a-dyn.html
new file mode 100644
index 0000000000..53a5041f7d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-4a-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-bottom: 10px;
+}
+#last-child {
+ margin-top: 30px;
+}
+#separator {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.marginBottom = '40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-4a.html b/layout/reftests/margin-collapsing/block-no-content-4a.html
new file mode 100644
index 0000000000..a10149767a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-4a.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-bottom: 10px;
+}
+#last-child {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#separator {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-4b-dyn.html b/layout/reftests/margin-collapsing/block-no-content-4b-dyn.html
new file mode 100644
index 0000000000..421fdce7eb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-4b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+}
+#last-child {
+ margin-top: 60px;
+}
+#separator {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.marginBottom = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-4b.html b/layout/reftests/margin-collapsing/block-no-content-4b.html
new file mode 100644
index 0000000000..4faf50c21e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-4b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+}
+#last-child {
+ margin-top: 60px;
+ margin-bottom: -20px;
+}
+#separator {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-4c-dyn.html b/layout/reftests/margin-collapsing/block-no-content-4c-dyn.html
new file mode 100644
index 0000000000..d6c5e0dbf5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-4c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+}
+#last-child {
+ margin-top: -20px;
+}
+#separator {
+ height: 20px;
+ margin-top: 70px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('last-child').style.marginBottom = '-30px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-4c.html b/layout/reftests/margin-collapsing/block-no-content-4c.html
new file mode 100644
index 0000000000..0b6daef65e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-4c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+}
+#last-child {
+ margin-top: -20px;
+ margin-bottom: -30px;
+}
+#separator {
+ height: 20px;
+ margin-top: 70px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="first-child"></div>
+ <div id="last-child"></div>
+</div>
+<div id="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-5-ref.html b/layout/reftests/margin-collapsing/block-no-content-5-ref.html
new file mode 100644
index 0000000000..df55ad5424
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-5-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#child {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-5a-dyn.html b/layout/reftests/margin-collapsing/block-no-content-5a-dyn.html
new file mode 100644
index 0000000000..b7f0be92fc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-5a-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 10px;
+ margin-bottom: 30px;
+}
+#child {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('child').style.marginBottom = '40px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-5a.html b/layout/reftests/margin-collapsing/block-no-content-5a.html
new file mode 100644
index 0000000000..3926ecd298
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-5a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 10px;
+ margin-bottom: 30px;
+}
+#child {
+ margin-top: 20px;
+ margin-bottom: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-5b-dyn.html b/layout/reftests/margin-collapsing/block-no-content-5b-dyn.html
new file mode 100644
index 0000000000..69e1f225f1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-5b-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 60px;
+ margin-bottom: -30px;
+}
+#child {
+ margin-top: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('child').style.marginBottom = '70px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-5b.html b/layout/reftests/margin-collapsing/block-no-content-5b.html
new file mode 100644
index 0000000000..39814db731
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-5b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#parent {
+ margin-top: 60px;
+ margin-bottom: -30px;
+}
+#child {
+ margin-top: -20px;
+ margin-bottom: 70px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="parent">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-6-dyn.html b/layout/reftests/margin-collapsing/block-no-content-6-dyn.html
new file mode 100644
index 0000000000..cea2f39728
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-6-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#spacer {
+ height: 40px;
+}
+#block1 {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-bottom: -40px;
+}
+#block2 {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('margin-only').style.marginTop = '-60px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="spacer"></div>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-6-ref.html b/layout/reftests/margin-collapsing/block-no-content-6-ref.html
new file mode 100644
index 0000000000..a982b3cbc0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-6-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ height: 20px;
+}
+#block2 {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="spacer"></div>
+<div id="block2"></div>
+<div id="margin-only"></div>
+<div id="block1"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-6.html b/layout/reftests/margin-collapsing/block-no-content-6.html
new file mode 100644
index 0000000000..3bc17bfa91
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-6.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#spacer {
+ height: 40px;
+}
+#block1 {
+ height: 20px;
+ background-color: green;
+}
+#margin-only {
+ margin-top: -60px;
+ margin-bottom: -40px;
+}
+#block2 {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="spacer"></div>
+<div id="block1"></div>
+<div id="margin-only"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-7-dyn.html b/layout/reftests/margin-collapsing/block-no-content-7-dyn.html
new file mode 100644
index 0000000000..59d05abfdd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-7-dyn.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#bfc {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('bfc').style.overflow = 'hidden';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="bfc"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-7-ref.html b/layout/reftests/margin-collapsing/block-no-content-7-ref.html
new file mode 100644
index 0000000000..777047603b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-7-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#bfc {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="bfc"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-7.html b/layout/reftests/margin-collapsing/block-no-content-7.html
new file mode 100644
index 0000000000..4ededc1e29
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-7.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#bfc {
+ margin-top: 10px;
+ margin-bottom: 20px;
+ overflow: hidden;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="bfc"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-8-dyn.html b/layout/reftests/margin-collapsing/block-no-content-8-dyn.html
new file mode 100644
index 0000000000..f656c40529
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-8-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ margin-top: 30px;
+ margin-bottom: 40px;
+ background-color: blue;
+}
+#zero-height {
+ margin-top: 20px;
+ margin-bottom: 60px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('min-height').style.minHeight = '20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">
+ <div id="zero-height"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-8-ref.html b/layout/reftests/margin-collapsing/block-no-content-8-ref.html
new file mode 100644
index 0000000000..f2f666e9bf
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-8-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#spacer1 {
+ height: 60px;
+}
+#min-height {
+ height: 20px;
+ background-color: blue;
+}
+#spacer2 {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="spacer1"></div>
+<div id="min-height">
+ <div id="zero-height"></div>
+</div>
+<div id="spacer2"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-no-content-8.html b/layout/reftests/margin-collapsing/block-no-content-8.html
new file mode 100644
index 0000000000..23d703e9c6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-no-content-8.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 20px;
+ margin-top: 30px;
+ margin-bottom: 40px;
+ background-color: blue;
+}
+#zero-height {
+ margin-top: 20px;
+ margin-bottom: 60px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">
+ <div id="zero-height"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1-ref.html b/layout/reftests/margin-collapsing/block-non-sibling-1-ref.html
new file mode 100644
index 0000000000..3ac1546ff9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1-ref2.html b/layout/reftests/margin-collapsing/block-non-sibling-1-ref2.html
new file mode 100644
index 0000000000..0a885f0194
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1-ref2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#positive, #negative {
+ background-color: green;
+ height: 20px;
+}
+#margin {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div id="margin"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1a-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-1a-dyn.html
new file mode 100644
index 0000000000..d9e296e49f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1a.html b/layout/reftests/margin-collapsing/block-non-sibling-1a.html
new file mode 100644
index 0000000000..d35cf93da3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 40px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1b-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-1b-dyn.html
new file mode 100644
index 0000000000..7037bb8ba7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 40px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1b.html b/layout/reftests/margin-collapsing/block-non-sibling-1b.html
new file mode 100644
index 0000000000..5d03eb2cb6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 40px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1c-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-1c-dyn.html
new file mode 100644
index 0000000000..e55eb7e4d5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 10px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1c.html b/layout/reftests/margin-collapsing/block-non-sibling-1c.html
new file mode 100644
index 0000000000..c3f49d4b83
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 10px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 40px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1d-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-1d-dyn.html
new file mode 100644
index 0000000000..0be8b3152e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1d-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 40px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1d.html b/layout/reftests/margin-collapsing/block-non-sibling-1d.html
new file mode 100644
index 0000000000..c80e54c4ce
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 40px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1e-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-1e-dyn.html
new file mode 100644
index 0000000000..c65cdf33e4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1e-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 10px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1e.html b/layout/reftests/margin-collapsing/block-non-sibling-1e.html
new file mode 100644
index 0000000000..070634f359
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1e.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 10px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1f-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-1f-dyn.html
new file mode 100644
index 0000000000..1d680f68b1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1f-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-1f.html b/layout/reftests/margin-collapsing/block-non-sibling-1f.html
new file mode 100644
index 0000000000..9fe0dfe4cf
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-1f.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2-ref.html b/layout/reftests/margin-collapsing/block-non-sibling-2-ref.html
new file mode 100644
index 0000000000..3ac1546ff9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2-ref2.html b/layout/reftests/margin-collapsing/block-non-sibling-2-ref2.html
new file mode 100644
index 0000000000..0a885f0194
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2-ref2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#positive, #negative {
+ background-color: green;
+ height: 20px;
+}
+#margin {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div id="margin"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2a-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-2a-dyn.html
new file mode 100644
index 0000000000..9ad8c44d23
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 20px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[2].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2a.html b/layout/reftests/margin-collapsing/block-non-sibling-2a.html
new file mode 100644
index 0000000000..9e39ade716
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 20px;
+}
+#b div {
+ height: 20px;
+ margin-top: 40px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2b-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-2b-dyn.html
new file mode 100644
index 0000000000..90a4b09bfa
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 40px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[2].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2b.html b/layout/reftests/margin-collapsing/block-non-sibling-2b.html
new file mode 100644
index 0000000000..e62d647d4f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 40px;
+}
+#b div {
+ height: 20px;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2c-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-2c-dyn.html
new file mode 100644
index 0000000000..64dcb39519
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2c-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[2].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2c.html b/layout/reftests/margin-collapsing/block-non-sibling-2c.html
new file mode 100644
index 0000000000..ea29ec58f0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#b div {
+ height: 20px;
+ margin-top: 40px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2d-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-2d-dyn.html
new file mode 100644
index 0000000000..2bc24d198e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2d-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 40px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[2].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2d.html b/layout/reftests/margin-collapsing/block-non-sibling-2d.html
new file mode 100644
index 0000000000..e9bcf3d2cd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2d.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 40px;
+}
+#b div {
+ height: 20px;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2e-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-2e-dyn.html
new file mode 100644
index 0000000000..7fd02bc8ae
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2e-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[2].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2e.html b/layout/reftests/margin-collapsing/block-non-sibling-2e.html
new file mode 100644
index 0000000000..8bb4d2f0d0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2e.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#b div {
+ height: 20px;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2f-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-2f-dyn.html
new file mode 100644
index 0000000000..f7b2398f5f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2f-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 20px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[2].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-2f.html b/layout/reftests/margin-collapsing/block-non-sibling-2f.html
new file mode 100644
index 0000000000..30a1a5930d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-2f.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 20px;
+}
+#b div {
+ height: 20px;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3-ref.html b/layout/reftests/margin-collapsing/block-non-sibling-3-ref.html
new file mode 100644
index 0000000000..032af57343
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 80px;
+ height: 20px;
+}
+#b {
+ background-color: green;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3-ref2.html b/layout/reftests/margin-collapsing/block-non-sibling-3-ref2.html
new file mode 100644
index 0000000000..834bc9c63b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3-ref2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#positive, #negative {
+ background-color: green;
+ height: 20px;
+}
+#margin {
+ height: 80px;
+}
+</style>
+</head>
+<body>
+<div id="positive"></div>
+<div id="margin"></div>
+<div id="negative"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3a-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-3a-dyn.html
new file mode 100644
index 0000000000..65628e1b6f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3a-dyn.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 40px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 80px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.getElementsByTagName('div')[3].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3a.html b/layout/reftests/margin-collapsing/block-non-sibling-3a.html
new file mode 100644
index 0000000000..73d5351075
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3a.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 10px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 20px;
+}
+#b {
+ background-color: green;
+ margin-top: 40px;
+}
+#b div {
+ height: 20px;
+ margin-top: 80px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3b-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-3b-dyn.html
new file mode 100644
index 0000000000..07e0ad0aa3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3b-dyn.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 80px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 10px;
+}
+#b {
+ background-color: green;
+ margin-top: 20px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.getElementsByTagName('div')[3].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3b.html b/layout/reftests/margin-collapsing/block-non-sibling-3b.html
new file mode 100644
index 0000000000..08e7aa1cba
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3b.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 80px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 10px;
+}
+#b {
+ background-color: green;
+ margin-top: 20px;
+}
+#b div {
+ height: 20px;
+ margin-top: 40px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3c-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-3c-dyn.html
new file mode 100644
index 0000000000..bbf590d907
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3c-dyn.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 80px;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.getElementsByTagName('div')[3].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3c.html b/layout/reftests/margin-collapsing/block-non-sibling-3c.html
new file mode 100644
index 0000000000..8fe9f627f7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3c.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 40px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 80px;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#b div {
+ height: 20px;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3d-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-3d-dyn.html
new file mode 100644
index 0000000000..d0f27445f0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3d-dyn.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+}
+#a div {
+ display: none;
+ height: 20px;
+ margin-bottom: 40px;
+}
+#b {
+ background-color: green;
+ margin-top: 80px;
+}
+#b div {
+ display: none;
+ height: 20px;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('div')[1].style.display = 'block';
+ document.getElementsByTagName('div')[3].style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-3d.html b/layout/reftests/margin-collapsing/block-non-sibling-3d.html
new file mode 100644
index 0000000000..60214d791c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-3d.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ margin-bottom: 20px;
+}
+#a div {
+ height: 20px;
+ margin-bottom: 40px;
+}
+#b {
+ background-color: green;
+ margin-top: 80px;
+}
+#b div {
+ height: 20px;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div></div>
+</div>
+<div id="b">
+ <div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-4-dyn.html b/layout/reftests/margin-collapsing/block-non-sibling-4-dyn.html
new file mode 100644
index 0000000000..fb75d7ee04
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-4-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#bar1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#none {
+ height: 20px;
+ background-color: red;
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#bar2 {
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('none').style.display = 'none';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="bar1"></div>
+<div id="none"></div>
+<div id="bar2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-4-ref.html b/layout/reftests/margin-collapsing/block-non-sibling-4-ref.html
new file mode 100644
index 0000000000..e9ef9a691f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-4-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#bar1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#bar2 {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="bar1"></div>
+<div id="bar2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-4-ref2.html b/layout/reftests/margin-collapsing/block-non-sibling-4-ref2.html
new file mode 100644
index 0000000000..37ca892865
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-4-ref2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#bar1 {
+ background-color: green;
+}
+div {
+ height: 20px;
+}
+#bar2 {
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="bar1"></div>
+<div></div>
+<div id="bar2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-non-sibling-4.html b/layout/reftests/margin-collapsing/block-non-sibling-4.html
new file mode 100644
index 0000000000..2db4771679
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-non-sibling-4.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#bar1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#none {
+ display: none;
+ height: 20px;
+ background-color: red;
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#bar2 {
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="bar1"></div>
+<div id="none"></div>
+<div id="bar2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-1-dyn.html b/layout/reftests/margin-collapsing/block-overflow-1-dyn.html
new file mode 100644
index 0000000000..5829c65c53
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-1-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow: hidden;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 200px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflow = 'visible';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-1-ref.html b/layout/reftests/margin-collapsing/block-overflow-1-ref.html
new file mode 100644
index 0000000000..bc8e09a035
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow-child {
+ height: 200px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow-child"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-1-ref2.html b/layout/reftests/margin-collapsing/block-overflow-1-ref2.html
new file mode 100644
index 0000000000..d2b7a4f5df
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-1-ref2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+.spacer {
+ height: 40px;
+}
+#overflow {
+ height: 200px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="spacer"></div>
+<div id="overflow"></div>
+<div class="spacer"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-1.html b/layout/reftests/margin-collapsing/block-overflow-1.html
new file mode 100644
index 0000000000..23090df965
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow: visible;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 200px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-2-dyn.html b/layout/reftests/margin-collapsing/block-overflow-2-dyn.html
new file mode 100644
index 0000000000..5a80632b5e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-2-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ height: 200px;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflow = 'hidden';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-2-ref.html b/layout/reftests/margin-collapsing/block-overflow-2-ref.html
new file mode 100644
index 0000000000..2134c84910
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-2-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ margin: 20px 0;
+ padding-top: 40px;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-2-ref2.html b/layout/reftests/margin-collapsing/block-overflow-2-ref2.html
new file mode 100644
index 0000000000..5698c631f8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-2-ref2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+.spacer {
+ height: 20px;
+}
+#margin {
+ height: 40px;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="spacer"></div>
+<div>
+ <div id="margin"></div>
+ <div id="child"></div>
+</div>
+<div class="spacer"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-2.html b/layout/reftests/margin-collapsing/block-overflow-2.html
new file mode 100644
index 0000000000..a980d3dcdf
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow: hidden;
+ height: 200px;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-3-dyn.html b/layout/reftests/margin-collapsing/block-overflow-3-dyn.html
new file mode 100644
index 0000000000..995c17b59f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-3-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow-y: visible;
+ height: 200px;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflowY = 'scroll';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-3-ref.html b/layout/reftests/margin-collapsing/block-overflow-3-ref.html
new file mode 100644
index 0000000000..d793991ce3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-3-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow-y: scroll;
+ height: 160px;
+ margin: 20px 0;
+ padding-top: 40px;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ background-color: green;
+}
+#margin {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+ <div id="margin"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-3-ref2.html b/layout/reftests/margin-collapsing/block-overflow-3-ref2.html
new file mode 100644
index 0000000000..ce8bf5784a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-3-ref2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+.spacer {
+ height: 20px;
+}
+#overflow {
+ overflow-y: scroll;
+ height: 200px;
+ background-color: lightgreen;
+}
+.margin {
+ height: 40px;
+}
+#child {
+ height: 160px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="spacer"></div>
+<div id="overflow">
+ <div class="margin"></div>
+ <div id="child"></div>
+ <div class="margin"></div>
+</div>
+<div class="spacer"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-3.html b/layout/reftests/margin-collapsing/block-overflow-3.html
new file mode 100644
index 0000000000..201cc9eb7f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-3.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow-y: scroll;
+ height: 200px;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-4-dyn.html b/layout/reftests/margin-collapsing/block-overflow-4-dyn.html
new file mode 100644
index 0000000000..6a2d08983c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-4-dyn.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow: visible;
+ height: 200px;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflow = 'auto';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-4-ref.html b/layout/reftests/margin-collapsing/block-overflow-4-ref.html
new file mode 100644
index 0000000000..7bd228b68a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-4-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow: auto;
+ height: 160px;
+ margin: 20px 0;
+ padding-top: 40px;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ background-color: green;
+}
+#margin {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+ <div id="margin"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-4-ref2.html b/layout/reftests/margin-collapsing/block-overflow-4-ref2.html
new file mode 100644
index 0000000000..be8f26fd14
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-4-ref2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+.spacer {
+ height: 20px;
+}
+#overflow {
+ overflow-y: auto;
+ height: 200px;
+ background-color: lightgreen;
+}
+.margin {
+ height: 40px;
+}
+#child {
+ height: 160px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="spacer"></div>
+<div id="overflow">
+ <div class="margin"></div>
+ <div id="child"></div>
+ <div class="margin"></div>
+</div>
+<div class="spacer"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-4.html b/layout/reftests/margin-collapsing/block-overflow-4.html
new file mode 100644
index 0000000000..ea6b271dd2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-4.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#overflow {
+ overflow: auto;
+ height: 200px;
+ margin: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 160px;
+ margin: 40px 0;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="overflow">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5-ref.html b/layout/reftests/margin-collapsing/block-overflow-5-ref.html
new file mode 100644
index 0000000000..1a9eac26ac
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#overflow {
+ background-color: green;
+ height: 40px;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5-ref2.html b/layout/reftests/margin-collapsing/block-overflow-5-ref2.html
new file mode 100644
index 0000000000..4115be80c9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5-ref2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+.margin {
+ height: 20px;
+}
+#overflow {
+ overflow: visible;
+ height: 40px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="margin"></div>
+<div id="overflow"></div>
+<div class="margin"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5a-dyn.html b/layout/reftests/margin-collapsing/block-overflow-5a-dyn.html
new file mode 100644
index 0000000000..cba1292f26
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5a-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ overflow: scroll;
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflow = 'visible';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5a.html b/layout/reftests/margin-collapsing/block-overflow-5a.html
new file mode 100644
index 0000000000..1eeb383ae5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ overflow: visible;
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5b-dyn.html b/layout/reftests/margin-collapsing/block-overflow-5b-dyn.html
new file mode 100644
index 0000000000..61b6423c2d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5b-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ overflow: scroll;
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflow = 'hidden';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5b.html b/layout/reftests/margin-collapsing/block-overflow-5b.html
new file mode 100644
index 0000000000..e4020070be
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ overflow: hidden;
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5c-dyn.html b/layout/reftests/margin-collapsing/block-overflow-5c-dyn.html
new file mode 100644
index 0000000000..bfdc93e2d1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5c-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflowY = 'scroll';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5c-ref.html b/layout/reftests/margin-collapsing/block-overflow-5c-ref.html
new file mode 100644
index 0000000000..b09be0f1ce
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5c-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+#overflow {
+ overflow-y: scroll;
+ height: 40px;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5c-ref2.html b/layout/reftests/margin-collapsing/block-overflow-5c-ref2.html
new file mode 100644
index 0000000000..89558cfa46
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5c-ref2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+.margin {
+ height: 20px;
+}
+#overflow {
+ overflow-y: scroll;
+ height: 40px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div class="margin"></div>
+<div id="overflow"></div>
+<div class="margin"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5c.html b/layout/reftests/margin-collapsing/block-overflow-5c.html
new file mode 100644
index 0000000000..113c172b43
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5c.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ overflow-y: scroll;
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5d-dyn.html b/layout/reftests/margin-collapsing/block-overflow-5d-dyn.html
new file mode 100644
index 0000000000..c5cf552329
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5d-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ overflow: scroll;
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('overflow').style.overflow = 'auto';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-overflow-5d.html b/layout/reftests/margin-collapsing/block-overflow-5d.html
new file mode 100644
index 0000000000..efbeafe004
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-overflow-5d.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+#overflow {
+ overflow: auto;
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<div id="overflow"></div>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-percent-1-dyn.html b/layout/reftests/margin-collapsing/block-percent-1-dyn.html
new file mode 100644
index 0000000000..ba4a85427e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-percent-1-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+}
+#block1 {
+ height: 40px;
+ margin-bottom: 10%;
+ background-color: green;
+}
+#block2 {
+ height: 40px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('block2').style.marginTop = '25%';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="block1"></div>
+ <div id="block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-percent-1-ref.html b/layout/reftests/margin-collapsing/block-percent-1-ref.html
new file mode 100644
index 0000000000..a60812bc02
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-percent-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ width: 200px; height: 40px;
+ margin-bottom: 50px;
+ background-color: green;
+}
+#block2 {
+ width: 200px; height: 40px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-percent-1.html b/layout/reftests/margin-collapsing/block-percent-1.html
new file mode 100644
index 0000000000..3344bd0b23
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-percent-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+}
+#block1 {
+ height: 40px;
+ margin-bottom: 10%;
+ background-color: green;
+}
+#block2 {
+ height: 40px;
+ margin-top: 25%;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="block1"></div>
+ <div id="block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-percent-2-dyn.html b/layout/reftests/margin-collapsing/block-percent-2-dyn.html
new file mode 100644
index 0000000000..92673375ec
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-percent-2-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent1 {
+ width: 200px;
+}
+#block1 {
+ height: 50px;
+ margin-bottom: 20%;
+ background-color: green;
+}
+#parent2 {
+ width: 200px;
+}
+#block2 {
+ height: 50px;
+ margin-top: 10%;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent2').style.width = '500px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent1">
+ <div id="block1"></div>
+</div>
+<div id="parent2">
+ <div id="block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-percent-2-ref.html b/layout/reftests/margin-collapsing/block-percent-2-ref.html
new file mode 100644
index 0000000000..d9efe6bfb5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-percent-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent1 {
+ width: 200px;
+}
+#block1 {
+ height: 50px;
+ background-color: green;
+}
+#parent2 {
+ width: 500px;
+}
+#block2 {
+ height: 50px;
+ background-color: green;
+}
+#spacer {
+ height: 50px;
+}
+</style>
+</head>
+<body>
+<div id="parent1">
+ <div id="block1"></div>
+</div>
+<div id="spacer"></div>
+<div id="parent2">
+ <div id="block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-percent-2.html b/layout/reftests/margin-collapsing/block-percent-2.html
new file mode 100644
index 0000000000..0137dc9b9f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-percent-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent1 {
+ width: 200px;
+}
+#block1 {
+ height: 50px;
+ margin-bottom: 20%;
+ background-color: green;
+}
+#parent2 {
+ width: 500px;
+}
+#block2 {
+ height: 50px;
+ margin-top: 10%;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="parent1">
+ <div id="block1"></div>
+</div>
+<div id="parent2">
+ <div id="block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1a-noref1.html b/layout/reftests/margin-collapsing/block-root-1a-noref1.html
new file mode 100644
index 0000000000..a04466cb8b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1a-noref1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 0px; padding: 0;
+ background-color: green;
+}
+body {
+ margin: 0px; padding: 0;
+}
+div {
+ margin: 20px 40px;
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1a-noref2.html b/layout/reftests/margin-collapsing/block-root-1a-noref2.html
new file mode 100644
index 0000000000..53041a6882
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1a-noref2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 0px; padding: 0;
+ background-color: green;
+}
+body {
+ margin: 0px; padding: 0;
+}
+div {
+ margin: 40px 20px;
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1a-ref.html b/layout/reftests/margin-collapsing/block-root-1a-ref.html
new file mode 100644
index 0000000000..6906ed3aa9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1a-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 40px; padding: 0;
+ background-color: green;
+}
+body {
+ margin: 0px; padding: 0;
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1a-ref2.html b/layout/reftests/margin-collapsing/block-root-1a-ref2.html
new file mode 100644
index 0000000000..bbf8f02cd4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1a-ref2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0px; padding: 0;
+ background-color: green;
+}
+div {
+ margin: 40px;
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1a.html b/layout/reftests/margin-collapsing/block-root-1a.html
new file mode 100644
index 0000000000..70781b9c74
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 20px; padding: 0;
+ background-color: green;
+}
+body {
+ margin: 20px; padding: 0;
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1b-ref.html b/layout/reftests/margin-collapsing/block-root-1b-ref.html
new file mode 100644
index 0000000000..fe648e601e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1b-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 0; padding: 40px 20px;
+ background-color: green;
+}
+body {
+ margin: 0; padding: 0 20px;
+ background-color: red;
+}
+div {
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1b-ref2.html b/layout/reftests/margin-collapsing/block-root-1b-ref2.html
new file mode 100644
index 0000000000..7ae45e0df0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1b-ref2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin: 0; padding: 0;
+ background-color: green;
+}
+div {
+ margin: 40px 20px; padding: 0 20px;
+ background-color: red;
+ height: 20px;
+}
+div div {
+ margin: 0; padding: 0;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div><div></div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-root-1b.html b/layout/reftests/margin-collapsing/block-root-1b.html
new file mode 100644
index 0000000000..c8e6bea1d9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-root-1b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html {
+ margin: 20px; padding: 0;
+ background-color: green;
+}
+body {
+ margin: 0; padding: 0;
+ background-color: red;
+}
+div {
+ margin: 20px;
+ background-color: blue;
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1-noref.html b/layout/reftests/margin-collapsing/block-sibling-1-noref.html
new file mode 100644
index 0000000000..4b123d9475
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1-noref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#sibling2 {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1-noref2.html b/layout/reftests/margin-collapsing/block-sibling-1-noref2.html
new file mode 100644
index 0000000000..96a2f6b105
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1-noref2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 40px;
+}
+#sibling2 {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1-ref.html b/layout/reftests/margin-collapsing/block-sibling-1-ref.html
new file mode 100644
index 0000000000..7c5c4e7328
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1-ref2.html b/layout/reftests/margin-collapsing/block-sibling-1-ref2.html
new file mode 100644
index 0000000000..e413c50ee0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1-ref2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#margin {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="margin"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1a-dyn.html b/layout/reftests/margin-collapsing/block-sibling-1a-dyn.html
new file mode 100644
index 0000000000..b7a5675b12
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1a-dyn.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#sibling2 {
+ display: none;
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('sibling2').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1a.html b/layout/reftests/margin-collapsing/block-sibling-1a.html
new file mode 100644
index 0000000000..a0f9cfcf94
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1b-dyn.html b/layout/reftests/margin-collapsing/block-sibling-1b-dyn.html
new file mode 100644
index 0000000000..cb6ef604a4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1b-dyn.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#sibling2 {
+ display: none;
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('sibling2').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1b.html b/layout/reftests/margin-collapsing/block-sibling-1b.html
new file mode 100644
index 0000000000..051b046c06
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1c-dyn.html b/layout/reftests/margin-collapsing/block-sibling-1c-dyn.html
new file mode 100644
index 0000000000..f48691ce6f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1c-dyn.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#sibling2 {
+ display: none;
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('sibling2').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-1c.html b/layout/reftests/margin-collapsing/block-sibling-1c.html
new file mode 100644
index 0000000000..842a698f87
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-1c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-2-dyn.html b/layout/reftests/margin-collapsing/block-sibling-2-dyn.html
new file mode 100644
index 0000000000..1335b0148b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-2-dyn.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#sibling2 {
+ display: none;
+ height: 20px;
+ background-color: blue;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ position: relative;
+ top: 40px;
+}
+#sibling3 {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+ position: relative;
+ top: -40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('sibling2').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+<div id="sibling3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-2-noref.html b/layout/reftests/margin-collapsing/block-sibling-2-noref.html
new file mode 100644
index 0000000000..5a687e9a50
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-2-noref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: red;
+ margin-bottom: 40px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#c {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+<div id="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-2-ref.html b/layout/reftests/margin-collapsing/block-sibling-2-ref.html
new file mode 100644
index 0000000000..dbe785d271
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#c {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+<div id="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-2-ref2.html b/layout/reftests/margin-collapsing/block-sibling-2-ref2.html
new file mode 100644
index 0000000000..3b32ed57b4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-2-ref2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#red {
+ height: 20px;
+ background-color: red;
+}
+#green {
+ height: 20px;
+ background-color: green;
+}
+#blue {
+ height: 20px;
+ background-color: blue;
+}
+.margin {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="red"></div>
+<div class="margin"></div>
+<div id="green"></div>
+<div class="margin"></div>
+<div id="blue"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-2.html b/layout/reftests/margin-collapsing/block-sibling-2.html
new file mode 100644
index 0000000000..9dc60df51c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#b {
+ height: 20px;
+ background-color: blue;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ position: relative;
+ top: 40px;
+}
+#c {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+ position: relative;
+ top: -40px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+<div id="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-3-dyn.html b/layout/reftests/margin-collapsing/block-sibling-3-dyn.html
new file mode 100644
index 0000000000..0aa50ec52c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-3-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#sibling2 {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#sibling3 {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('sibling2').style.display = 'none';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+<div id="sibling3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-sibling-3.html b/layout/reftests/margin-collapsing/block-sibling-3.html
new file mode 100644
index 0000000000..4156e6fe12
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-sibling-3.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#sibling1 {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#sibling2 {
+ display: none;
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+#sibling3 {
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="sibling1"></div>
+<div id="sibling2"></div>
+<div id="sibling3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-1-ref.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-1-ref.xhtml
new file mode 100644
index 0000000000..9ee488fd53
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-1-ref.xhtml
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ html, body {
+  background-color: white;
+  margin: 0; padding: 0;
+ }
+ #the-html {
+  padding: 30px 0;
+ }
+ #the-body {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-html">
+ <div id="the-body"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-1a-dyn.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-1a-dyn.xhtml
new file mode 100644
index 0000000000..e0c87723e2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-1a-dyn.xhtml
@@ -0,0 +1,28 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ body {
+  display: none;
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('body')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test, false);
+ </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-1a.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-1a.xhtml
new file mode 100644
index 0000000000..bad10d8582
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-1a.xhtml
@@ -0,0 +1,20 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ body {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-1b-dyn.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-1b-dyn.xhtml
new file mode 100644
index 0000000000..ea0321bf6d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-1b-dyn.xhtml
@@ -0,0 +1,29 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ div {
+  display: none;
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('div')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test, false);
+ </script>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-1b.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-1b.xhtml
new file mode 100644
index 0000000000..9661768c19
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-1b.xhtml
@@ -0,0 +1,21 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 20px 0;
+ }
+ div {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-2-dyn.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-2-dyn.xhtml
new file mode 100644
index 0000000000..a2b18e0dbe
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-2-dyn.xhtml
@@ -0,0 +1,32 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  display: none;
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('div')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test, false);
+ </script>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-2-ref.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-2-ref.xhtml
new file mode 100644
index 0000000000..4c5e41d557
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-2-ref.xhtml
@@ -0,0 +1,27 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ html, body, div {
+  margin: 0; padding: 0;
+  background-color: white;
+ }
+ #the-html {
+  padding: 20px 0;
+ }
+ #the-body {
+  background-color: red;
+ }
+ #the-div {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-html">
+ <div id="the-body">
+  <div id="the-div"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-2.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-2.xhtml
new file mode 100644
index 0000000000..72ab87bec3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-2.xhtml
@@ -0,0 +1,24 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-3-dyn.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-3-dyn.xhtml
new file mode 100644
index 0000000000..514050f08f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-3-dyn.xhtml
@@ -0,0 +1,33 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 10px 0;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  display: none;
+  background-color: green;
+  margin: 40px 0;
+  height: 100px;
+ }
+ </style>
+ <script type="text/javascript">
+ function test() {
+  document.getElementsByTagName('div')[0].style.display = 'block';
+  document.documentElement.removeAttribute('class');
+ }
+ document.addEventListener('MozReftestInvalidate', test, false);
+ </script>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-3-ref.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-3-ref.xhtml
new file mode 100644
index 0000000000..48081fffd9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-3-ref.xhtml
@@ -0,0 +1,27 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ html, body, div {
+  margin: 0; padding: 0;
+  background-color: white;
+ }
+ #the-html {
+  padding: 50px 0;
+ }
+ #the-body {
+  background-color: red;
+ }
+ #the-div {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-html">
+ <div id="the-body">
+  <div id="the-div"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-html-3.xhtml b/layout/reftests/margin-collapsing/block-xhtml-html-3.xhtml
new file mode 100644
index 0000000000..53862af809
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-html-3.xhtml
@@ -0,0 +1,25 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ html, body {
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: white;
+  margin: 10px 0;
+ }
+ body {
+  background-color: red;
+  margin: 20px 0;
+ }
+ div {
+  background-color: green;
+  margin: 40px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-root-1-ref.xhtml b/layout/reftests/margin-collapsing/block-xhtml-root-1-ref.xhtml
new file mode 100644
index 0000000000..2ef19cbb3b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-root-1-ref.xhtml
@@ -0,0 +1,24 @@
+<root>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ root, html, body {
+  display: block;
+  margin: 0; padding: 0;
+ }
+ #the-root {
+  padding: 30px 0;
+ }
+ #the-html {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-root">
+ <div id="the-html"></div>
+</div>
+</body>
+</html>
+</root>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-root-1a.xhtml b/layout/reftests/margin-collapsing/block-xhtml-root-1a.xhtml
new file mode 100644
index 0000000000..50d476bdc5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-root-1a.xhtml
@@ -0,0 +1,20 @@
+<root>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ root, html {
+  display: block;
+  margin: 0; padding: 0;
+ }
+ root {
+  margin: 20px 0;
+ }
+ html {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+</html>
+</root>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-root-1b.xhtml b/layout/reftests/margin-collapsing/block-xhtml-root-1b.xhtml
new file mode 100644
index 0000000000..fe2668163b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-root-1b.xhtml
@@ -0,0 +1,22 @@
+<root>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ root, html, body {
+  display: block;
+  margin: 0; padding: 0;
+ }
+ root {
+  margin: 20px 0;
+ }
+ body {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+</body>
+</html>
+</root>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-root-2-ref.xhtml b/layout/reftests/margin-collapsing/block-xhtml-root-2-ref.xhtml
new file mode 100644
index 0000000000..148aa1ab5b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-root-2-ref.xhtml
@@ -0,0 +1,29 @@
+<root>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ root, html, body {
+  display: block;
+  margin: 0; padding: 0;
+ }
+ #the-root {
+  padding: 20px 0;
+ }
+ #the-html {
+  background-color: lightgreen;
+ }
+ #the-body {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-root">
+ <div id="the-html">
+  <div id="the-body"></div>
+ </div>
+</div>
+</body>
+</html>
+</root>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-root-2.xhtml b/layout/reftests/margin-collapsing/block-xhtml-root-2.xhtml
new file mode 100644
index 0000000000..5d71978e23
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-root-2.xhtml
@@ -0,0 +1,23 @@
+<root>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ root, html, body {
+  display: block;
+  margin: 0; padding: 0;
+ }
+ html {
+  background-color: lightgreen;
+  margin: 20px 0;
+ }
+ body {
+  background-color: green;
+  margin: 10px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+</body>
+</html>
+</root>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-root-3-ref.xhtml b/layout/reftests/margin-collapsing/block-xhtml-root-3-ref.xhtml
new file mode 100644
index 0000000000..2771c87ca3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-root-3-ref.xhtml
@@ -0,0 +1,29 @@
+<root>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ root, html, body {
+  display: block;
+  margin: 0; padding: 0;
+ }
+ #the-root {
+  padding: 50px 0;
+ }
+ #the-html {
+  background-color: lightgreen;
+ }
+ #the-body {
+  background-color: green;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+<div id="the-root">
+ <div id="the-html">
+  <div id="the-body"></div>
+ </div>
+</div>
+</body>
+</html>
+</root>
diff --git a/layout/reftests/margin-collapsing/block-xhtml-root-3.xhtml b/layout/reftests/margin-collapsing/block-xhtml-root-3.xhtml
new file mode 100644
index 0000000000..bf94b4d23b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xhtml-root-3.xhtml
@@ -0,0 +1,26 @@
+<root>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style type="text/css">
+ root, html, body {
+  display: block;
+  margin: 0; padding: 0;
+ }
+ root {
+  margin: 10px 0;
+ }
+ html {
+  background-color: lightgreen;
+  margin: 20px 0;
+ }
+ body {
+  background-color: green;
+  margin: 40px 0;
+  height: 100px;
+ }
+ </style>
+</head>
+<body>
+</body>
+</html>
+</root>
diff --git a/layout/reftests/margin-collapsing/block-xml-root-1-ref.css b/layout/reftests/margin-collapsing/block-xml-root-1-ref.css
new file mode 100644
index 0000000000..346f63a2f2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xml-root-1-ref.css
@@ -0,0 +1,9 @@
+root {
+ display: block;
+ padding: 30px 0;
+}
+leaf {
+ display: block;
+ background-color: green;
+ height: 100px;
+}
diff --git a/layout/reftests/margin-collapsing/block-xml-root-1-ref.xml b/layout/reftests/margin-collapsing/block-xml-root-1-ref.xml
new file mode 100644
index 0000000000..de6d6de020
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xml-root-1-ref.xml
@@ -0,0 +1,2 @@
+<?xml-stylesheet href="block-xml-root-1-ref.css" ?>
+<root><leaf/></root>
diff --git a/layout/reftests/margin-collapsing/block-xml-root-1.css b/layout/reftests/margin-collapsing/block-xml-root-1.css
new file mode 100644
index 0000000000..8289e32053
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xml-root-1.css
@@ -0,0 +1,10 @@
+root {
+ display: block;
+ margin: 20px 0;
+}
+leaf {
+ display: block;
+ background-color: green;
+ margin: 10px 0;
+ height: 100px;
+}
diff --git a/layout/reftests/margin-collapsing/block-xml-root-1.xml b/layout/reftests/margin-collapsing/block-xml-root-1.xml
new file mode 100644
index 0000000000..a0681c6aed
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-xml-root-1.xml
@@ -0,0 +1,2 @@
+<?xml-stylesheet href="block-xml-root-1.css" ?>
+<root><leaf/></root>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-1a-ref.html b/layout/reftests/margin-collapsing/block-zero-height-1a-ref.html
new file mode 100644
index 0000000000..3c16bc617d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-1a-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ height: 10px;
+ background-color: red;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-1a.html b/layout/reftests/margin-collapsing/block-zero-height-1a.html
new file mode 100644
index 0000000000..871a556f5e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-1a.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#c {
+ margin-top: 20px;
+ margin-bottom: 30px;
+ height: 0;
+}
+#d {
+ height: 10px;
+ background-color: red;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b">
+ <div id="c">
+  <div id="d"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-1b-ref.html b/layout/reftests/margin-collapsing/block-zero-height-1b-ref.html
new file mode 100644
index 0000000000..9a976b3efa
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-1b-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#b {
+ background-color: red;
+ padding-top: 10px;
+}
+#c {
+ background-color: green;
+ padding-top: 20px;
+}
+#d {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b">
+ <div id="c">
+  <div id="d"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-1b.html b/layout/reftests/margin-collapsing/block-zero-height-1b.html
new file mode 100644
index 0000000000..8db97a5b36
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-1b.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ height: 20px;
+ background-color: green;
+}
+#b {
+ background-color: green;
+ margin-top: 10px;
+}
+#c {
+ margin-top: 20px;
+ margin-bottom: 30px;
+ height: 0;
+}
+#d {
+ height: 10px;
+ background-color: red;
+}
+#e {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b">
+ <div id="c">
+  <div id="d"></div>
+ </div>
+ <div id="e"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-2a-ref.html b/layout/reftests/margin-collapsing/block-zero-height-2a-ref.html
new file mode 100644
index 0000000000..74f4601c87
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-2a-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+ height: 50px;
+}
+#b {
+ height: 10px; width: 100px;
+ background-color: red;
+ margin-bottom: 30px;
+}
+#c {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+<div id="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-2a.html b/layout/reftests/margin-collapsing/block-zero-height-2a.html
new file mode 100644
index 0000000000..1f4cc6f3a3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-2a.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a {
+ background-color: green;
+}
+#b {
+ height: 20px;
+}
+#c {
+ margin-top: 30px;
+ margin-bottom: 40px;
+ height: 0;
+}
+#d {
+ height: 10px; width: 100px;
+ background-color: red;
+}
+#e {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div id="b"></div>
+ <div id="c">
+  <div id="d"></div>
+ </div>
+</div>
+<div id="e"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-2b-ref.html b/layout/reftests/margin-collapsing/block-zero-height-2b-ref.html
new file mode 100644
index 0000000000..6d1914451a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-2b-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#a, #c {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#b {
+ height: 10px; width: 100px;
+ background-color: red;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+<div id="c"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-2b.html b/layout/reftests/margin-collapsing/block-zero-height-2b.html
new file mode 100644
index 0000000000..b2e0647826
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-2b.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#b {
+ height: 20px;
+ background-color: green;
+}
+#c {
+ margin-top: 30px;
+ margin-bottom: 40px;
+ height: 0;
+}
+#d {
+ height: 10px; width: 100px;
+ background-color: red;
+}
+#e {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="b"></div>
+<div id="a">
+ <div id="c">
+  <div id="d"></div>
+ </div>
+</div>
+<div id="e"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-2c-ref.html b/layout/reftests/margin-collapsing/block-zero-height-2c-ref.html
new file mode 100644
index 0000000000..78ed9af998
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-2c-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin-top: 0;
+}
+#a {
+ margin-top: 30px;
+ height: 10px; width: 100px;
+ background-color: red;
+}
+#b {
+ height: 20px;
+ background-color: green;
+ margin-top: 30px;
+}
+</style>
+</head>
+<body>
+<div id="a"></div>
+<div id="b"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-2c.html b/layout/reftests/margin-collapsing/block-zero-height-2c.html
new file mode 100644
index 0000000000..14153a3248
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-2c.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html, body {
+ margin-top: 0;
+}
+#a {
+ background-color: green;
+}
+#c {
+ margin-top: 30px;
+ margin-bottom: 40px;
+ height: 0;
+}
+#d {
+ height: 10px; width: 100px;
+ background-color: red;
+}
+#e {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="a">
+ <div id="b"></div>
+ <div id="c">
+  <div id="d"></div>
+ </div>
+</div>
+<div id="e"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-3-ref.html b/layout/reftests/margin-collapsing/block-zero-height-3-ref.html
new file mode 100644
index 0000000000..30c3b2e4a3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-3-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#abs {
+ position: absolute;
+ left: 20px; top: 20px;
+ width: 100px; height: 100px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="abs"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-3a.html b/layout/reftests/margin-collapsing/block-zero-height-3a.html
new file mode 100644
index 0000000000..52b1c231e3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-3a.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#abs {
+ position: absolute;
+ left: 20px; top: 20px;
+ width: 100px;
+ background-color: red;
+}
+#parent {
+ margin-bottom: 70px;
+}
+#zero-height {
+ margin-bottom: 100px;
+ height: 0;
+}
+#child-of-zero-height {
+ height: 100px; background: green;
+}
+</style>
+</head>
+<body>
+<div id="abs">
+ <div id="parent">
+  <div id="zero-height">
+   <div id="child-of-zero-height"></div>
+  </div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-3b.html b/layout/reftests/margin-collapsing/block-zero-height-3b.html
new file mode 100644
index 0000000000..72b4c64a93
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-3b.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#abs {
+ position: absolute;
+ left: 20px; top: 20px;
+ width: 100px;
+ background-color: red;
+}
+#parent {
+ margin-bottom: 100px;
+}
+#zero-height {
+ margin-bottom: 70px;
+ height: 0;
+}
+#child-of-zero-height {
+ height: 100px; background: green;
+}
+</style>
+</head>
+<body>
+<div id="abs">
+ <div id="parent">
+  <div id="zero-height">
+   <div id="child-of-zero-height"></div>
+  </div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-height-3c.html b/layout/reftests/margin-collapsing/block-zero-height-3c.html
new file mode 100644
index 0000000000..8b9205c587
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-height-3c.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#abs {
+ position: absolute;
+ left: 20px; top: 20px;
+ width: 100px;
+ background-color: red;
+}
+#parent {
+ margin-bottom: 100px;
+}
+#zero-height {
+ margin-bottom: 100px;
+ height: 0;
+}
+#child-of-zero-height {
+ height: 100px; background: green;
+}
+</style>
+</head>
+<body>
+<div id="abs">
+ <div id="parent">
+  <div id="zero-height">
+   <div id="child-of-zero-height"></div>
+  </div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1-noref.html b/layout/reftests/margin-collapsing/block-zero-min-height-1-noref.html
new file mode 100644
index 0000000000..feabf5f2d8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1-noref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1-ref.html b/layout/reftests/margin-collapsing/block-zero-min-height-1-ref.html
new file mode 100644
index 0000000000..e7cee1f905
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1a.html b/layout/reftests/margin-collapsing/block-zero-min-height-1a.html
new file mode 100644
index 0000000000..a1f2300401
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: auto;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1b.html b/layout/reftests/margin-collapsing/block-zero-min-height-1b.html
new file mode 100644
index 0000000000..3f365be011
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: auto;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1c.html b/layout/reftests/margin-collapsing/block-zero-min-height-1c.html
new file mode 100644
index 0000000000..9b1d1a5496
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1c.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: auto;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1d.html b/layout/reftests/margin-collapsing/block-zero-min-height-1d.html
new file mode 100644
index 0000000000..aaf8c231ec
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1d.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: 0;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1e.html b/layout/reftests/margin-collapsing/block-zero-min-height-1e.html
new file mode 100644
index 0000000000..81e8ab7c5c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1e.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: 0;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-1f.html b/layout/reftests/margin-collapsing/block-zero-min-height-1f.html
new file mode 100644
index 0000000000..5f1ac0c840
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-1f.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: 0;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2-noref.html b/layout/reftests/margin-collapsing/block-zero-min-height-2-noref.html
new file mode 100644
index 0000000000..e7cee1f905
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2-noref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2a.html b/layout/reftests/margin-collapsing/block-zero-min-height-2a.html
new file mode 100644
index 0000000000..cf3bb13b93
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ font-size: 15px;
+ line-height: 1;
+ min-height: 0;
+ height: auto;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">&nbsp;</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2ab-ref.html b/layout/reftests/margin-collapsing/block-zero-min-height-2ab-ref.html
new file mode 100644
index 0000000000..c707433726
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2ab-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 45px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2b.html b/layout/reftests/margin-collapsing/block-zero-min-height-2b.html
new file mode 100644
index 0000000000..51fb629edd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2b.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ font-size: 15px;
+ line-height: 1;
+ min-height: 0;
+ height: auto;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">&nbsp;</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2c-ref.html b/layout/reftests/margin-collapsing/block-zero-min-height-2c-ref.html
new file mode 100644
index 0000000000..af25626d42
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2c-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 55px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2c.html b/layout/reftests/margin-collapsing/block-zero-min-height-2c.html
new file mode 100644
index 0000000000..955796927f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2c.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ font-size: 15px;
+ line-height: 1;
+ min-height: 0;
+ height: auto;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">&nbsp;</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2d.html b/layout/reftests/margin-collapsing/block-zero-min-height-2d.html
new file mode 100644
index 0000000000..7dc0832d00
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2d.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: 0;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">&nbsp;</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2de-ref.html b/layout/reftests/margin-collapsing/block-zero-min-height-2de-ref.html
new file mode 100644
index 0000000000..feabf5f2d8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2de-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2e.html b/layout/reftests/margin-collapsing/block-zero-min-height-2e.html
new file mode 100644
index 0000000000..1877a34467
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2e.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: 0;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">&nbsp;</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2f-ref.html b/layout/reftests/margin-collapsing/block-zero-min-height-2f-ref.html
new file mode 100644
index 0000000000..dcc932318d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2f-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-2f.html b/layout/reftests/margin-collapsing/block-zero-min-height-2f.html
new file mode 100644
index 0000000000..20e8af97e9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-2f.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: 0;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">&nbsp;</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-3-ref.html b/layout/reftests/margin-collapsing/block-zero-min-height-3-ref.html
new file mode 100644
index 0000000000..dcc932318d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-3-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height"></div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-3a.html b/layout/reftests/margin-collapsing/block-zero-min-height-3a.html
new file mode 100644
index 0000000000..0f11a0efb0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-3a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: auto;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+#margin-only-child {
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">
+ <div id="margin-only-child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-3b.html b/layout/reftests/margin-collapsing/block-zero-min-height-3b.html
new file mode 100644
index 0000000000..3a5406cf7b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-3b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: auto;
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+#margin-only-child {
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">
+ <div id="margin-only-child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-3c.html b/layout/reftests/margin-collapsing/block-zero-min-height-3c.html
new file mode 100644
index 0000000000..969b4dd2a5
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-3c.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: auto;
+ margin-top: 30px;
+ margin-bottom: 40px;
+}
+#margin-only-child {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">
+ <div id="margin-only-child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/block-zero-min-height-3d.html b/layout/reftests/margin-collapsing/block-zero-min-height-3d.html
new file mode 100644
index 0000000000..6fb57e0243
--- /dev/null
+++ b/layout/reftests/margin-collapsing/block-zero-min-height-3d.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#min-height {
+ min-height: 0;
+ height: auto;
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+#margin-only-child {
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="min-height">
+ <div id="margin-only-child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-child-1-dyn.html b/layout/reftests/margin-collapsing/caption-child-1-dyn.html
new file mode 100644
index 0000000000..8a6d6349f8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-child-1-dyn.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-cell;
+ background-color: yellow;
+}
+#block {
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption">
+  <div id="block"></div>
+ </div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-child-1-ref.html b/layout/reftests/margin-collapsing/caption-child-1-ref.html
new file mode 100644
index 0000000000..5ebbe84653
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-child-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator, #block {
+ height: 20px;
+ background-color: blue;
+}
+#table {
+ width: 100px;
+}
+#caption {
+ padding: 20px 0;
+ background-color: yellow;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption">
+  <div id="block"></div>
+ </div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-child-1.html b/layout/reftests/margin-collapsing/caption-child-1.html
new file mode 100644
index 0000000000..e54ad40e42
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-child-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: blue;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-caption;
+ background-color: yellow;
+}
+#block {
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption">
+  <div id="block"></div>
+ </div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1-noref.html b/layout/reftests/margin-collapsing/caption-sibling-1-noref.html
new file mode 100644
index 0000000000..796478cfaa
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1-noref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ width: 100px;
+}
+#caption1 {
+ height: 20px;
+ background-color: red;
+ margin-bottom: 30px;
+}
+#caption2 {
+ height: 20px;
+ background-color: blue;
+ margin-bottom: 30px;
+}
+#caption3 {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1-noref2.html b/layout/reftests/margin-collapsing/caption-sibling-1-noref2.html
new file mode 100644
index 0000000000..185eb860a7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1-noref2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ width: 100px;
+}
+#caption1 {
+ height: 20px;
+ background-color: red;
+ margin-bottom: 40px;
+}
+#caption2 {
+ height: 20px;
+ background-color: blue;
+ margin-bottom: 40px;
+}
+#caption3 {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1-ref.html b/layout/reftests/margin-collapsing/caption-sibling-1-ref.html
new file mode 100644
index 0000000000..c6b2f2d83d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ width: 100px;
+}
+#caption1 {
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#caption2 {
+ height: 20px;
+ background-color: blue;
+ margin-bottom: 20px;
+}
+#caption3 {
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1a-dyn.html b/layout/reftests/margin-collapsing/caption-sibling-1a-dyn.html
new file mode 100644
index 0000000000..dd8d1aa692
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1a-dyn.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: table-caption;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 10px;
+}
+#caption2 {
+ display: none;
+ height: 20px;
+ background-color: blue;
+ margin: 20px 0;
+}
+#caption3 {
+ display: table-caption;
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption2').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1a.html b/layout/reftests/margin-collapsing/caption-sibling-1a.html
new file mode 100644
index 0000000000..07ce4b2585
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1a.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: table-caption;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 10px;
+}
+#caption2 {
+ display: table-caption;
+ height: 20px;
+ background-color: blue;
+ margin: 20px 0;
+}
+#caption3 {
+ display: table-caption;
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1b-dyn.html b/layout/reftests/margin-collapsing/caption-sibling-1b-dyn.html
new file mode 100644
index 0000000000..8540971d2d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1b-dyn.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: table-caption;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#caption2 {
+ display: none;
+ height: 20px;
+ background-color: blue;
+ margin: 20px 0;
+}
+#caption3 {
+ display: table-caption;
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption2').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1b.html b/layout/reftests/margin-collapsing/caption-sibling-1b.html
new file mode 100644
index 0000000000..5bb76cfd7b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1b.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: table-caption;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#caption2 {
+ display: table-caption;
+ height: 20px;
+ background-color: blue;
+ margin: 20px 0;
+}
+#caption3 {
+ display: table-caption;
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1c-dyn.html b/layout/reftests/margin-collapsing/caption-sibling-1c-dyn.html
new file mode 100644
index 0000000000..d8c812479d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1c-dyn.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: table-caption;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#caption2 {
+ display: none;
+ height: 20px;
+ background-color: blue;
+ margin: 10px 0;
+}
+#caption3 {
+ display: table-caption;
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption2').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-1c.html b/layout/reftests/margin-collapsing/caption-sibling-1c.html
new file mode 100644
index 0000000000..836c46e32a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-1c.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: table-caption;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#caption2 {
+ display: table-caption;
+ height: 20px;
+ background-color: blue;
+ margin: 10px 0;
+}
+#caption3 {
+ display: table-caption;
+ height: 20px;
+ background-color: green;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-2-dyn.html b/layout/reftests/margin-collapsing/caption-sibling-2-dyn.html
new file mode 100644
index 0000000000..28cf78cf23
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-2-dyn.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: table-caption;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#caption2 {
+ display: table-caption;
+ height: 20px;
+ background-color: blue;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+#caption3 {
+ display: table-caption;
+ height: 20px;
+ background-color: green;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption2').style.display = 'none';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-2-noref.html b/layout/reftests/margin-collapsing/caption-sibling-2-noref.html
new file mode 100644
index 0000000000..cfd34effb6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-2-noref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: block;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 30px;
+}
+#caption3 {
+ display: block;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/caption-sibling-2-ref.html b/layout/reftests/margin-collapsing/caption-sibling-2-ref.html
new file mode 100644
index 0000000000..a9c3f7e8f8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/caption-sibling-2-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- dbaron thinks the validity of this test is questionable, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
+<style type="text/css">
+#table {
+ display: table;
+ width: 100px;
+}
+#caption1 {
+ display: block;
+ height: 20px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#caption3 {
+ display: block;
+ height: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="table">
+ <div id="caption1"></div>
+ <div id="caption2"></div>
+ <div id="caption3"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-child-1-dyn.html b/layout/reftests/margin-collapsing/column-child-1-dyn.html
new file mode 100644
index 0000000000..0487086ee8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-child-1-dyn.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator, #child {
+ height: 20px;
+ background-color: blue;
+}
+#multi-column {
+ background-color: yellow;
+}
+#child {
+ margin: 20px 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('multi-column').style.columnCount = 1;
+ document.getElementById('multi-column').style.columnCount = 1;
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="multi-column">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-child-1-ref.html b/layout/reftests/margin-collapsing/column-child-1-ref.html
new file mode 100644
index 0000000000..7715129b64
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-child-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator, #child {
+ height: 20px;
+ background-color: blue;
+}
+#multi-column {
+ background-color: yellow;
+}
+.margin {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="multi-column">
+ <div class="margin"></div>
+ <div id="child"></div>
+ <div class="margin"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-child-1.html b/layout/reftests/margin-collapsing/column-child-1.html
new file mode 100644
index 0000000000..42a9c2ad10
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-child-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator, #child {
+ height: 20px;
+ background-color: blue;
+}
+#multi-column {
+ column-count: 1;
+ background-color: yellow;
+}
+#child {
+ margin: 20px 0;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="multi-column">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-1-ref.html b/layout/reftests/margin-collapsing/column-sibling-1-ref.html
new file mode 100644
index 0000000000..1c7c66311f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: orange;
+}
+#multi-column {
+ height: 20px;
+ background-color: blue;
+}
+.spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div class="spacer"></div>
+<div id="multi-column"></div>
+<div class="spacer"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-1a-dyn.html b/layout/reftests/margin-collapsing/column-sibling-1a-dyn.html
new file mode 100644
index 0000000000..c296d8ea43
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-1a-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: orange;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#multi-column {
+ display: none;
+ column-count: 1;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('multi-column').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="multi-column"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-1a.html b/layout/reftests/margin-collapsing/column-sibling-1a.html
new file mode 100644
index 0000000000..f721c61dd7
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-1a.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: orange;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#multi-column {
+ column-count: 1;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="multi-column"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-1b-dyn.html b/layout/reftests/margin-collapsing/column-sibling-1b-dyn.html
new file mode 100644
index 0000000000..5aebce1ad8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-1b-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: orange;
+}
+#block1 {
+ margin-bottom: 20px;
+}
+#multi-column {
+ display: none;
+ column-count: 1;
+ height: 20px;
+ margin: 10px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('multi-column').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="multi-column"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-1b.html b/layout/reftests/margin-collapsing/column-sibling-1b.html
new file mode 100644
index 0000000000..cca3d6ee78
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-1b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: orange;
+}
+#block1 {
+ margin-bottom: 20px;
+}
+#multi-column {
+ column-count: 1;
+ height: 20px;
+ margin: 10px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="multi-column"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-1c-dyn.html b/layout/reftests/margin-collapsing/column-sibling-1c-dyn.html
new file mode 100644
index 0000000000..24eb62dadb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-1c-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: orange;
+}
+#block1 {
+ margin-bottom: 20px;
+}
+#multi-column {
+ display: none;
+ column-count: 1;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('multi-column').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="multi-column"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-1c.html b/layout/reftests/margin-collapsing/column-sibling-1c.html
new file mode 100644
index 0000000000..43ac8c4423
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-1c.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: orange;
+}
+#block1 {
+ margin-bottom: 20px;
+}
+#multi-column {
+ column-count: 1;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="multi-column"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-2-ref.html b/layout/reftests/margin-collapsing/column-sibling-2-ref.html
new file mode 100644
index 0000000000..3d160baaa3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.multi-column {
+ height: 20px;
+ background-color: blue;
+}
+.spacer {
+ height: 20px;
+}
+</style>
+</head>
+<body>
+<div class="multi-column"></div>
+<div class="spacer"></div>
+<div class="multi-column"></div>
+<div class="spacer"></div>
+<div class="multi-column"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-2a-dyn.html b/layout/reftests/margin-collapsing/column-sibling-2a-dyn.html
new file mode 100644
index 0000000000..9267626599
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-2a-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#multi-column1, #multi-column2, #multi-column3 {
+ column-count: 1;
+ height: 20px;
+ background-color: blue;
+}
+#multi-column1 {
+ margin-bottom: 10px;
+}
+#multi-column2 {
+ display: none;
+ margin: 20px 0;
+}
+#multi-column3 {
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('multi-column2').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="multi-column1"></div>
+<div id="multi-column2"></div>
+<div id="multi-column3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-2a.html b/layout/reftests/margin-collapsing/column-sibling-2a.html
new file mode 100644
index 0000000000..003d3cd540
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-2a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#multi-column1, #multi-column2, #multi-column3 {
+ column-count: 1;
+ height: 20px;
+ background-color: blue;
+}
+#multi-column1 {
+ margin-bottom: 10px;
+}
+#multi-column2 {
+ margin: 20px 0;
+}
+#multi-column3 {
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="multi-column1"></div>
+<div id="multi-column2"></div>
+<div id="multi-column3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-2b-dyn.html b/layout/reftests/margin-collapsing/column-sibling-2b-dyn.html
new file mode 100644
index 0000000000..b75429e3b2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-2b-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#multi-column1, #multi-column2, #multi-column3 {
+ column-count: 1;
+ height: 20px;
+ background-color: blue;
+}
+#multi-column1 {
+ margin-bottom: 20px;
+}
+#multi-column2 {
+ display: none;
+ margin: 10px 0;
+}
+#multi-column3 {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('multi-column2').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="multi-column1"></div>
+<div id="multi-column2"></div>
+<div id="multi-column3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-2b.html b/layout/reftests/margin-collapsing/column-sibling-2b.html
new file mode 100644
index 0000000000..fbec143c87
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-2b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#multi-column1, #multi-column2, #multi-column3 {
+ column-count: 1;
+ height: 20px;
+ background-color: blue;
+}
+#multi-column1 {
+ margin-bottom: 20px;
+}
+#multi-column2 {
+ margin: 10px 0;
+}
+#multi-column3 {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="multi-column1"></div>
+<div id="multi-column2"></div>
+<div id="multi-column3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-2c-dyn.html b/layout/reftests/margin-collapsing/column-sibling-2c-dyn.html
new file mode 100644
index 0000000000..3bf48213dc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-2c-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#multi-column1, #multi-column2, #multi-column3 {
+ column-count: 1;
+ height: 20px;
+ background-color: blue;
+}
+#multi-column1 {
+ margin-bottom: 20px;
+}
+#multi-column2 {
+ display: none;
+ margin: 20px 0;
+}
+#multi-column3 {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('multi-column2').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="multi-column1"></div>
+<div id="multi-column2"></div>
+<div id="multi-column3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/column-sibling-2c.html b/layout/reftests/margin-collapsing/column-sibling-2c.html
new file mode 100644
index 0000000000..c55e1f6a2d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/column-sibling-2c.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#multi-column1, #multi-column2, #multi-column3 {
+ column-count: 1;
+ height: 20px;
+ background-color: blue;
+}
+#multi-column1 {
+ margin-bottom: 20px;
+}
+#multi-column2 {
+ margin: 20px 0;
+}
+#multi-column3 {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="multi-column1"></div>
+<div id="multi-column2"></div>
+<div id="multi-column3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/dynamic-add-text-1-ref.html b/layout/reftests/margin-collapsing/dynamic-add-text-1-ref.html
new file mode 100644
index 0000000000..9e201e0017
--- /dev/null
+++ b/layout/reftests/margin-collapsing/dynamic-add-text-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+  <head></head>
+  <body>
+    <div id="a" style="margin-bottom: 1em;">A</div>x<div style="margin-top: 2em;">B</div>
+  </body>
+</html>
diff --git a/layout/reftests/margin-collapsing/dynamic-add-text-1.html b/layout/reftests/margin-collapsing/dynamic-add-text-1.html
new file mode 100644
index 0000000000..cc8b2bf357
--- /dev/null
+++ b/layout/reftests/margin-collapsing/dynamic-add-text-1.html
@@ -0,0 +1,6 @@
+<html>
+  <head></head>
+  <body onload="document.getElementById('a').nextSibling.data = 'x';">
+    <div id="a" style="margin-bottom: 1em;">A</div> <div style="margin-top: 2em;">B</div>
+  </body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-child-1-dyn.html b/layout/reftests/margin-collapsing/fieldset-child-1-dyn.html
new file mode 100644
index 0000000000..43804b19ca
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-child-1-dyn.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+fieldset {
+ margin: 0;
+ padding: 0;
+ border: none;
+ background-color: lightgreen;
+}
+#child {
+ height: 40px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('child').style.margin = '20px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<fieldset>
+ <div id="child"></div>
+</fieldset>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-child-1-ref.html b/layout/reftests/margin-collapsing/fieldset-child-1-ref.html
new file mode 100644
index 0000000000..585dc56d9b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-child-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#fieldset {
+ padding: 20px 0;
+ background-color: lightgreen;
+}
+#child {
+ height: 40px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="fieldset">
+ <div id="child"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-child-1.html b/layout/reftests/margin-collapsing/fieldset-child-1.html
new file mode 100644
index 0000000000..a9e7a7820e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-child-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+fieldset {
+ margin: 0;
+ padding: 0;
+ border: none;
+ background-color: lightgreen;
+}
+#child {
+ height: 40px;
+ margin: 20px 0;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<fieldset>
+ <div id="child"></div>
+</fieldset>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-1-ref.html b/layout/reftests/margin-collapsing/fieldset-sibling-1-ref.html
new file mode 100644
index 0000000000..dd04af13a0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator, #fieldset {
+ height: 20px;
+ background-color: green;
+}
+#spacer {
+ padding: 20px 0;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="spacer">
+ <div id="fieldset"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-1a-dyn.html b/layout/reftests/margin-collapsing/fieldset-sibling-1a-dyn.html
new file mode 100644
index 0000000000..c8c9cd3191
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-1a-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+fieldset {
+ height: 20px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('fieldset')[0].style.margin = '20px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator-top"></div>
+<fieldset></fieldset>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-1a.html b/layout/reftests/margin-collapsing/fieldset-sibling-1a.html
new file mode 100644
index 0000000000..5c01bed86b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-1a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: green;
+}
+fieldset {
+ height: 20px;
+ margin: 20px 0;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 10px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<fieldset></fieldset>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-1b-dyn.html b/layout/reftests/margin-collapsing/fieldset-sibling-1b-dyn.html
new file mode 100644
index 0000000000..29e1c38cc8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-1b-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+fieldset {
+ height: 20px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('fieldset')[0].style.margin = '10px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator-top"></div>
+<fieldset></fieldset>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-1b.html b/layout/reftests/margin-collapsing/fieldset-sibling-1b.html
new file mode 100644
index 0000000000..2099d35883
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-1b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+fieldset {
+ height: 20px;
+ margin: 10px 0;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<fieldset></fieldset>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-1c-dyn.html b/layout/reftests/margin-collapsing/fieldset-sibling-1c-dyn.html
new file mode 100644
index 0000000000..2ec89e2f49
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-1c-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+fieldset {
+ height: 20px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementsByTagName('fieldset')[0].style.margin = '20px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="separator-top"></div>
+<fieldset></fieldset>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-1c.html b/layout/reftests/margin-collapsing/fieldset-sibling-1c.html
new file mode 100644
index 0000000000..e525761d49
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-1c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator-top {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: green;
+}
+fieldset {
+ height: 20px;
+ margin: 20px 0;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#separator-bottom {
+ height: 20px;
+ margin-top: 20px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="separator-top"></div>
+<fieldset></fieldset>
+<div id="separator-bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2-ref1.html b/layout/reftests/margin-collapsing/fieldset-sibling-2-ref1.html
new file mode 100644
index 0000000000..f9ad41b9e2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2-ref1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+fieldset {
+ height: 20px;
+ margin: 0 0 20px;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<fieldset></fieldset>
+<fieldset></fieldset>
+<fieldset></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2-ref2.html b/layout/reftests/margin-collapsing/fieldset-sibling-2-ref2.html
new file mode 100644
index 0000000000..48cda7961b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2-ref2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ height: 20px;
+}
+.fieldset {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<div class="fieldset"></div>
+<div></div>
+<div class="fieldset"></div>
+<div></div>
+<div class="fieldset"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2a-dyn.html b/layout/reftests/margin-collapsing/fieldset-sibling-2a-dyn.html
new file mode 100644
index 0000000000..82c939a42c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2a-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+fieldset {
+ height: 20px;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#top {
+ margin: 0 0 10px;
+}
+#middle {
+ margin: 0;
+}
+#bottom {
+ margin: 10px 0 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('middle').style.margin = '20px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<fieldset id="top"></fieldset>
+<fieldset id="middle"></fieldset>
+<fieldset id="bottom"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2a.html b/layout/reftests/margin-collapsing/fieldset-sibling-2a.html
new file mode 100644
index 0000000000..1b4ff33e13
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+fieldset {
+ height: 20px;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#top {
+ margin: 0 0 10px;
+}
+#middle {
+ margin: 20px 0;
+}
+#bottom {
+ margin: 10px 0 0;
+}
+</style>
+</head>
+<body>
+<fieldset id="top"></fieldset>
+<fieldset id="middle"></fieldset>
+<fieldset id="bottom"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2b-dyn.html b/layout/reftests/margin-collapsing/fieldset-sibling-2b-dyn.html
new file mode 100644
index 0000000000..baa738e437
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2b-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+fieldset {
+ height: 20px;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#top {
+ margin: 0 0 20px;
+}
+#middle {
+ margin: 0;
+}
+#bottom {
+ margin: 20px 0 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('middle').style.margin = '10px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<fieldset id="top"></fieldset>
+<fieldset id="middle"></fieldset>
+<fieldset id="bottom"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2b.html b/layout/reftests/margin-collapsing/fieldset-sibling-2b.html
new file mode 100644
index 0000000000..824127c34a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2b.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+fieldset {
+ height: 20px;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#top {
+ margin: 0 0 20px;
+}
+#middle {
+ margin: 10px 0;
+}
+#bottom {
+ margin: 20px 0 0;
+}
+</style>
+</head>
+<body>
+<fieldset id="top"></fieldset>
+<fieldset id="middle"></fieldset>
+<fieldset id="bottom"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2c-dyn.html b/layout/reftests/margin-collapsing/fieldset-sibling-2c-dyn.html
new file mode 100644
index 0000000000..c9befc453d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2c-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+fieldset {
+ height: 20px;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#top {
+ margin: 0 0 20px;
+}
+#middle {
+ margin: 0;
+}
+#bottom {
+ margin: 20px 0 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('middle').style.margin = '20px 0';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<fieldset id="top"></fieldset>
+<fieldset id="middle"></fieldset>
+<fieldset id="bottom"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/fieldset-sibling-2c.html b/layout/reftests/margin-collapsing/fieldset-sibling-2c.html
new file mode 100644
index 0000000000..de4e16cbf2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/fieldset-sibling-2c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+fieldset {
+ height: 20px;
+ padding: 0;
+ border: none;
+ background-color: green;
+}
+#top {
+ margin: 0 0 20px;
+}
+#middle {
+ margin: 20px 0;
+}
+#bottom {
+ margin: 20px 0 0;
+}
+</style>
+</head>
+<body>
+<fieldset id="top"></fieldset>
+<fieldset id="middle"></fieldset>
+<fieldset id="bottom"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-1-dyn.html b/layout/reftests/margin-collapsing/inline-block-child-1-dyn.html
new file mode 100644
index 0000000000..8ecbe49d26
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-1-dyn.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ display: inline-block;
+ background-color: green;
+}
+#child {
+ display: inline;
+ height: 40px; width: 200px;
+ margin: 20px 0;
+ vertical-align: bottom;
+ background-color: lightgreen;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('child').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-1-ref.html b/layout/reftests/margin-collapsing/inline-block-child-1-ref.html
new file mode 100644
index 0000000000..8a9ef9d6d8
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ height: 40px; width: 200px;
+ padding: 20px 0;
+ background-color: green;
+}
+#child {
+ height: 40px; width: 200px;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-1.html b/layout/reftests/margin-collapsing/inline-block-child-1.html
new file mode 100644
index 0000000000..80e3c9c684
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ display: inline-block;
+ background-color: green;
+}
+#child {
+ display: inline-block;
+ height: 40px; width: 200px;
+ margin: 20px 0;
+ vertical-align: bottom;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="child"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-2-dyn.html b/layout/reftests/margin-collapsing/inline-block-child-2-dyn.html
new file mode 100644
index 0000000000..388da365ad
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-2-dyn.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#inline-block {
+ display: inline-block;
+ margin: 10px 0;
+ background-color: green;
+}
+#block {
+ margin: 10px 0;
+ background-color: lightgreen;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('block').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="inline-block"><span id="block">Hello Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-2-noref.html b/layout/reftests/margin-collapsing/inline-block-child-2-noref.html
new file mode 100644
index 0000000000..b76c90f115
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-2-noref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#inline-block {
+ display: inline-block;
+ margin: 10px 0;
+ background-color: green;
+}
+#block {
+ margin: 10px 0;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="inline-block"><span id="block">Hello Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-2-ref.html b/layout/reftests/margin-collapsing/inline-block-child-2-ref.html
new file mode 100644
index 0000000000..7380c72d46
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#inline-block {
+ display: inline-block;
+ margin: 10px 0;
+ padding: 10px 0;
+ background-color: green;
+}
+#block {
+ display: inline-block;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="inline-block"><span id="block">Hello Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-2.html b/layout/reftests/margin-collapsing/inline-block-child-2.html
new file mode 100644
index 0000000000..f031640be0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#inline-block {
+ display: inline-block;
+ margin: 10px 0;
+ background-color: green;
+}
+#block {
+ display: block;
+ margin: 10px 0;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="inline-block"><span id="block">Hello Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-3-dyn.html b/layout/reftests/margin-collapsing/inline-block-child-3-dyn.html
new file mode 100644
index 0000000000..a4dfc0c432
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-3-dyn.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+ margin: 0;
+}
+#block {
+ background-color: green;
+ margin: 10px 0;
+}
+#inline-block {
+ display: block;
+ margin: 10px 0;
+ background-color: lightgreen;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('inline-block').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block"><div id="inline-block">Hello Kitty</div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-3-ref.html b/layout/reftests/margin-collapsing/inline-block-child-3-ref.html
new file mode 100644
index 0000000000..6ca83dd06e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-3-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ margin: 0;
+ padding: 10px 0;
+}
+#block {
+ background-color: green;
+ padding: 10px 0;
+}
+#inline-block {
+ display: inline-block;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="block"><div id="inline-block">Hello Kitty</div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-child-3.html b/layout/reftests/margin-collapsing/inline-block-child-3.html
new file mode 100644
index 0000000000..e0bd8ae1db
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-child-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ margin: 0;
+}
+#block {
+ background-color: green;
+ margin: 10px 0;
+}
+#inline-block {
+ display: inline-block;
+ margin: 10px 0;
+ background-color: lightgreen;
+}
+</style>
+</head>
+<body>
+<div id="block"><div id="inline-block">Hello Kitty</div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-1-dyn.html b/layout/reftests/margin-collapsing/inline-block-horizontal-1-dyn.html
new file mode 100644
index 0000000000..ccb0377782
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-1-dyn.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#ib1 {
+ display: inline-block;
+ margin-right: 20px;
+}
+#ib2 {
+ display: none;
+ margin-left: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('ib2').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div><span id="ib1">Hello</span><span id="ib2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-1-noref.html b/layout/reftests/margin-collapsing/inline-block-horizontal-1-noref.html
new file mode 100644
index 0000000000..c7c9d93d0b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-1-noref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+span {
+ display: inline-block;
+}
+#ib1 {
+ margin-right: 20px;
+}
+</style>
+</head>
+<body>
+<div><span id="ib1">Hello</span><span>Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-1-ref.html b/layout/reftests/margin-collapsing/inline-block-horizontal-1-ref.html
new file mode 100644
index 0000000000..1f7901bfa3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+span {
+ display: inline-block;
+}
+#ib1 {
+ margin-right: 30px;
+}
+</style>
+</head>
+<body>
+<div><span id="ib1">Hello</span><span>Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-1.html b/layout/reftests/margin-collapsing/inline-block-horizontal-1.html
new file mode 100644
index 0000000000..243bc12963
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#ib1 {
+ display: inline-block;
+ margin-right: 20px;
+}
+#ib2 {
+ display: inline-block;
+ margin-left: 10px;
+}
+</style>
+</head>
+<body>
+<div><span id="ib1">Hello</span><span id="ib2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-2-dyn.html b/layout/reftests/margin-collapsing/inline-block-horizontal-2-dyn.html
new file mode 100644
index 0000000000..f0b325e69d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-2-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#ib1 {
+ display: inline-block;
+ margin-right: 10px;
+}
+#ib2 {
+ display: none;
+ margin-left: 10px;
+ margin-right: 20px;
+}
+#ib3 {
+ display: inline-block;
+ margin-left: 40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('ib2').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div><span id="ib1">Hello<span id="ib2">my</span></span><span id="ib3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-2-noref.html b/layout/reftests/margin-collapsing/inline-block-horizontal-2-noref.html
new file mode 100644
index 0000000000..369fd04bae
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-2-noref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+span {
+ display: inline-block;
+}
+#ib2 {
+ margin-left: 10px;
+ margin-right: 40px;
+}
+</style>
+</head>
+<body>
+<div><span id="ib1">Hello<span id="ib2">my</span></span><span id="ib3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-2-ref.html b/layout/reftests/margin-collapsing/inline-block-horizontal-2-ref.html
new file mode 100644
index 0000000000..c477651ecd
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+span {
+ display: inline-block;
+}
+#ib2 {
+ margin-left: 10px;
+ margin-right: 70px;
+}
+</style>
+</head>
+<body>
+<div><span id="ib1">Hello<span id="ib2">my</span></span><span id="ib3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-horizontal-2.html b/layout/reftests/margin-collapsing/inline-block-horizontal-2.html
new file mode 100644
index 0000000000..8c5be5f701
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-horizontal-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#ib1 {
+ display: inline-block;
+ margin-right: 10px;
+}
+#ib2 {
+ display: inline-block;
+ margin-left: 10px;
+ margin-right: 20px;
+}
+#ib3 {
+ display: inline-block;
+ margin-left: 40px;
+}
+</style>
+</head>
+<body>
+<div><span id="ib1">Hello<span id="ib2">my</span></span><span id="ib3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-1-ref.html b/layout/reftests/margin-collapsing/inline-block-sibling-1-ref.html
new file mode 100644
index 0000000000..1e1026bb85
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- specifying all heights in em units so that large font sizes
+     don't disrupt relationships; everything will scale together -->
+<style type="text/css">
+#parent {
+ width: 200px;
+ background-color: lightgreen;
+}
+#inline-block1, #inline-block2 {
+ height: 2em;
+ background-color: green;
+}
+#margin {
+ height: 2em;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="inline-block1"></div>
+ <div id="margin"></div>
+ <div id="inline-block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-1a-dyn.html b/layout/reftests/margin-collapsing/inline-block-sibling-1a-dyn.html
new file mode 100644
index 0000000000..fb9448fde0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-1a-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+ background-color: lightgreen;
+}
+#inline-block1, #inline-block2 {
+ height: 2em; width: 200px;
+ background-color: green;
+ vertical-align: bottom;
+}
+#inline-block1 {
+ margin-bottom: .5em;
+}
+#inline-block2 {
+ margin-top: 1.5em;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('inline-block1').style.display = 'inline-block';
+ document.getElementById('inline-block2').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="inline-block1"></div>
+ <div id="inline-block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-1a.html b/layout/reftests/margin-collapsing/inline-block-sibling-1a.html
new file mode 100644
index 0000000000..f337963f46
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-1a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+ background-color: lightgreen;
+}
+#inline-block1, #inline-block2 {
+ display: inline-block;
+ height: 2em; width: 200px;
+ background-color: green;
+ vertical-align: bottom;
+}
+#inline-block1 {
+ margin-bottom: .5em;
+}
+#inline-block2 {
+ margin-top: 1.5em;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="inline-block1"></div>
+ <div id="inline-block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-1b-dyn.html b/layout/reftests/margin-collapsing/inline-block-sibling-1b-dyn.html
new file mode 100644
index 0000000000..7d5dd782e3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-1b-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+ background-color: lightgreen;
+}
+#inline-block1, #inline-block2 {
+ height: 2em; width: 200px;
+ background-color: green;
+ vertical-align: bottom;
+}
+#inline-block1 {
+ margin-bottom: 1.5em;
+}
+#inline-block2 {
+ margin-top: .5em;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('inline-block1').style.display = 'inline-block';
+ document.getElementById('inline-block2').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="inline-block1"></div>
+ <div id="inline-block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-1b.html b/layout/reftests/margin-collapsing/inline-block-sibling-1b.html
new file mode 100644
index 0000000000..4a9df61da9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-1b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+ background-color: lightgreen;
+}
+#inline-block1, #inline-block2 {
+ display: inline-block;
+ height: 2em; width: 200px;
+ background-color: green;
+ vertical-align: bottom;
+}
+#inline-block1 {
+ margin-bottom: 1.5em;
+}
+#inline-block2 {
+ margin-top: .5em;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="inline-block1"></div>
+ <div id="inline-block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-1c-dyn.html b/layout/reftests/margin-collapsing/inline-block-sibling-1c-dyn.html
new file mode 100644
index 0000000000..6749ce8aae
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-1c-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+ background-color: lightgreen;
+}
+#inline-block1, #inline-block2 {
+ height: 2em; width: 200px;
+ background-color: green;
+ vertical-align: bottom;
+}
+#inline-block1 {
+ margin-bottom: 1em;
+}
+#inline-block2 {
+ margin-top: 1em;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('inline-block1').style.display = 'inline-block';
+ document.getElementById('inline-block2').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="parent">
+ <div id="inline-block1"></div>
+ <div id="inline-block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-1c.html b/layout/reftests/margin-collapsing/inline-block-sibling-1c.html
new file mode 100644
index 0000000000..6b1c30db9e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-1c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#parent {
+ width: 200px;
+ background-color: lightgreen;
+}
+#inline-block1, #inline-block2 {
+ display: inline-block;
+ height: 2em; width: 200px;
+ background-color: green;
+ vertical-align: bottom;
+}
+#inline-block1 {
+ margin-bottom: 1em;
+}
+#inline-block2 {
+ margin-top: 1em;
+}
+</style>
+</head>
+<body>
+<div id="parent">
+ <div id="inline-block1"></div>
+ <div id="inline-block2"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-2-dyn.html b/layout/reftests/margin-collapsing/inline-block-sibling-2-dyn.html
new file mode 100644
index 0000000000..bf73bdf98b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-2-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+div {
+ height: 20px; width: 100%;
+ background-color: blue;
+ vertical-align: bottom;
+}
+#block1 {
+ margin-bottom: 15px;
+}
+#inline-block1 {
+ margin: 25px 0 25px;
+}
+#inline-block2 {
+ margin: 15px 0 15px;
+}
+#block2 {
+ margin-top: 25px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('inline-block1').style.display = 'inline-block';
+ document.getElementById('inline-block2').style.display = 'inline-block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="inline-block1"></div>
+<div id="inline-block2"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-2-noref.html b/layout/reftests/margin-collapsing/inline-block-sibling-2-noref.html
new file mode 100644
index 0000000000..09b45c5b51
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-2-noref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ height: 20px; width: 100%;
+ background-color: blue;
+ margin-bottom: 25px;
+}
+</style>
+</head>
+<body>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-2-ref.html b/layout/reftests/margin-collapsing/inline-block-sibling-2-ref.html
new file mode 100644
index 0000000000..fe69bdaf20
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ height: 20px; width: 100%;
+ background-color: blue;
+ margin-bottom: 40px;
+}
+</style>
+</head>
+<body>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-block-sibling-2.html b/layout/reftests/margin-collapsing/inline-block-sibling-2.html
new file mode 100644
index 0000000000..7a569b86da
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-block-sibling-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+ height: 20px; width: 100%;
+ background-color: blue;
+ vertical-align: bottom;
+}
+#block1 {
+ margin-bottom: 15px;
+}
+#inline-block1 {
+ display: inline-block;
+ margin: 25px 0 25px;
+}
+#inline-block2 {
+ display: inline-block;
+ margin: 15px 0 15px;
+}
+#block2 {
+ margin-top: 25px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="inline-block1"></div>
+<div id="inline-block2"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-1-dyn.html b/layout/reftests/margin-collapsing/inline-horizontal-1-dyn.html
new file mode 100644
index 0000000000..95f9958129
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-1-dyn.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline1 {
+ margin-right: 10px;
+}
+#inline2 {
+ display: none;
+ margin-left: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('inline2').style.display = 'inline';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div><span id="inline1">Hello</span><span id="inline2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-1-noref.html b/layout/reftests/margin-collapsing/inline-horizontal-1-noref.html
new file mode 100644
index 0000000000..2cef9cb2ad
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-1-noref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline1 {
+ margin-right: 20px;
+}
+</style>
+</head>
+<body>
+<div><span id="inline1">Hello</span><span>Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-1-ref.html b/layout/reftests/margin-collapsing/inline-horizontal-1-ref.html
new file mode 100644
index 0000000000..1011242a0b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline1 {
+ margin-right: 30px;
+}
+</style>
+</head>
+<body>
+<div><span id="inline1">Hello</span><span>Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-1.html b/layout/reftests/margin-collapsing/inline-horizontal-1.html
new file mode 100644
index 0000000000..2b5be7c105
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline1 {
+ margin-right: 10px;
+}
+#inline2 {
+ margin-left: 20px;
+}
+</style>
+</head>
+<body>
+<div><span id="inline1">Hello</span><span id="inline2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-2-dyn.html b/layout/reftests/margin-collapsing/inline-horizontal-2-dyn.html
new file mode 100644
index 0000000000..493a32a82b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-2-dyn.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline1 {
+ margin-right: 10px;
+}
+#inline2 {
+ display: none;
+ margin-left: 10px;
+ margin-right: 20px;
+}
+#inline3 {
+ margin-left: 40px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('inline2').style.display = 'inline';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div><span id="inline1">Hello<span id="inline2">my</span></span><span id="inline3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-2-noref.html b/layout/reftests/margin-collapsing/inline-horizontal-2-noref.html
new file mode 100644
index 0000000000..a039f15849
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-2-noref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline2 {
+ margin-left: 10px;
+ margin-right: 40px;
+}
+</style>
+</head>
+<body>
+<div><span id="inline1">Hello<span id="inline2">my</span></span><span id="inline3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-2-ref.html b/layout/reftests/margin-collapsing/inline-horizontal-2-ref.html
new file mode 100644
index 0000000000..3939978bd9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline2 {
+ margin-left: 10px;
+ margin-right: 70px;
+}
+</style>
+</head>
+<body>
+<div><span id="inline1">Hello<span id="inline2">my</span></span><span id="inline3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-horizontal-2.html b/layout/reftests/margin-collapsing/inline-horizontal-2.html
new file mode 100644
index 0000000000..f723c7d44c
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-horizontal-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#inline1 {
+ margin-right: 10px;
+}
+#inline2 {
+ margin-left: 10px;
+ margin-right: 20px;
+}
+#inline3 {
+ margin-left: 40px;
+}
+</style>
+</head>
+<body>
+<div><span id="inline1">Hello<span id="inline2">my</span></span><span id="inline3">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-table-horizontal-1-dyn.html b/layout/reftests/margin-collapsing/inline-table-horizontal-1-dyn.html
new file mode 100644
index 0000000000..9610d53bb4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-table-horizontal-1-dyn.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#it1 {
+ display: inline-table;
+ margin-right: 20px;
+}
+#it2 {
+ display: none;
+ margin-left: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('it2').style.display = 'inline-table';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div><span id="it1">Hello</span><span id="it2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-table-horizontal-1-noref.html b/layout/reftests/margin-collapsing/inline-table-horizontal-1-noref.html
new file mode 100644
index 0000000000..abccb7feb1
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-table-horizontal-1-noref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#it1 {
+ display: inline-table;
+ margin-right: 20px;
+}
+#it2 {
+ display: inline-table;
+}
+</style>
+</head>
+<body>
+<div><span id="it1">Hello</span><span id="it2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-table-horizontal-1-ref.html b/layout/reftests/margin-collapsing/inline-table-horizontal-1-ref.html
new file mode 100644
index 0000000000..aad63ec3a4
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-table-horizontal-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#it1 {
+ display: inline-table;
+ margin-right: 30px;
+}
+#it2 {
+ display: inline-table;
+}
+</style>
+</head>
+<body>
+<div><span id="it1">Hello</span><span id="it2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/inline-table-horizontal-1.html b/layout/reftests/margin-collapsing/inline-table-horizontal-1.html
new file mode 100644
index 0000000000..0496c962ae
--- /dev/null
+++ b/layout/reftests/margin-collapsing/inline-table-horizontal-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+ font-family: sans-serif;
+}
+#it1 {
+ display: inline-table;
+ margin-right: 20px;
+}
+#it2 {
+ display: inline-table;
+ margin-left: 10px;
+}
+</style>
+</head>
+<body>
+<div><span id="it1">Hello</span><span id="it2">Kitty</span></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/reftest.list b/layout/reftests/margin-collapsing/reftest.list
new file mode 100644
index 0000000000..c4dd8b0603
--- /dev/null
+++ b/layout/reftests/margin-collapsing/reftest.list
@@ -0,0 +1,851 @@
+# Test Suite for CSS 2.1, 8.3.1 Collapsing margins - See Bug 477462
+# Based on CSS 2.1: http://www.w3.org/TR/2011/REC-CSS2-20110607/
+# and its Errata, Last revised: $Date: 2013-09-09 17:40:16 $
+# The structure of this manifest is intended to resemble the structure of
+# the prose that defines collapsing margins. As a result, there are several
+# sections where inline-block-, block-, and other- series are combined.
+# E.g. the first section is about horizontal margins and includes both
+# inline- and block series.
+# "Horizontal margins never collapse."
+# Horizontal margins of inline boxes do not collapse.
+# The norefs for these tests depict margins that incorrectly collapsed.
+== inline-horizontal-1.html inline-horizontal-1-ref.html
+!= inline-horizontal-1.html inline-horizontal-1-noref.html
+== inline-horizontal-2.html inline-horizontal-2-ref.html
+!= inline-horizontal-2.html inline-horizontal-2-noref.html
+== inline-horizontal-1-dyn.html inline-horizontal-1-ref.html
+!= inline-horizontal-1-dyn.html inline-horizontal-1-noref.html
+== inline-horizontal-2-dyn.html inline-horizontal-2-ref.html
+!= inline-horizontal-2-dyn.html inline-horizontal-2-noref.html
+# Horizontal margins of block boxes do not collapse.
+# These block boxes are actually floats - in CSS 2.1 there is no other
+# method to create horizontally adjacent block boxes.
+== block-horizontal-1.html block-horizontal-1-ref.html
+!= block-horizontal-1.html block-horizontal-1-noref.html
+== block-horizontal-2.html block-horizontal-2-ref.html
+!= block-horizontal-2.html block-horizontal-2-noref.html
+== block-horizontal-3.html block-horizontal-3-ref.html
+!= block-horizontal-3.html block-horizontal-3-noref.html
+== block-horizontal-4.html block-horizontal-4-ref.html
+!= block-horizontal-4.html block-horizontal-4-noref.html
+== block-horizontal-1-dyn.html block-horizontal-1-ref.html
+!= block-horizontal-1-dyn.html block-horizontal-1-noref.html
+== block-horizontal-2-dyn.html block-horizontal-2-ref.html
+!= block-horizontal-2-dyn.html block-horizontal-2-noref.html
+== block-horizontal-3-dyn.html block-horizontal-3-ref.html
+!= block-horizontal-3-dyn.html block-horizontal-3-noref.html
+== block-horizontal-4-dyn.html block-horizontal-4-ref.html
+!= block-horizontal-4-dyn.html block-horizontal-4-noref.html
+# Horizontal margins of inline-block boxes do not collapse.
+== inline-block-horizontal-1.html inline-block-horizontal-1-ref.html
+!= inline-block-horizontal-1.html inline-block-horizontal-1-noref.html
+== inline-block-horizontal-2.html inline-block-horizontal-2-ref.html
+!= inline-block-horizontal-2.html inline-block-horizontal-2-noref.html
+== inline-block-horizontal-1-dyn.html inline-block-horizontal-1-ref.html
+!= inline-block-horizontal-1-dyn.html inline-block-horizontal-1-noref.html
+== inline-block-horizontal-2-dyn.html inline-block-horizontal-2-ref.html
+!= inline-block-horizontal-2-dyn.html inline-block-horizontal-2-noref.html
+# Horizontal margins of inline-tables do not collapse.
+== inline-table-horizontal-1.html inline-table-horizontal-1-ref.html
+!= inline-table-horizontal-1.html inline-table-horizontal-1-noref.html
+== inline-table-horizontal-1-dyn.html inline-table-horizontal-1-ref.html
+!= inline-table-horizontal-1-dyn.html inline-table-horizontal-1-noref.html
+# "In CSS, the adjoining margins of two or more boxes
+#  (which might or might not be siblings) can combine to form a single margin.
+#  Margins that combine this way are said to collapse,
+#  and the resulting combined margin is called a collapsed margin."
+# "Two margins are adjoining if and only if:" [...]
+# "both belong to vertically-adjacent box edges,
+#  i.e. form one of the following pairs:" [...]
+# "bottom margin of box and top margin of its next in-flow following sibling"
+# "When two or more margins collapse,
+#  the resulting margin width is the maximum of the collapsing margins' widths."
+# The margins of two in-flow siblings should collapse.
+# These tests feature margins of different or equal sizes on each box.
+# The norefs depict incorrect results where the margins did not collapse.
+== block-sibling-1a.html block-sibling-1-ref.html
+== block-sibling-1a.html block-sibling-1-ref2.html
+!= block-sibling-1a.html block-sibling-1-noref.html
+== block-sibling-1b.html block-sibling-1-ref.html
+== block-sibling-1b.html block-sibling-1-ref2.html
+!= block-sibling-1b.html block-sibling-1-noref.html
+== block-sibling-1c.html block-sibling-1-ref.html
+== block-sibling-1c.html block-sibling-1-ref2.html
+!= block-sibling-1c.html block-sibling-1-noref2.html
+== block-sibling-2.html block-sibling-2-ref.html
+== block-sibling-2.html block-sibling-2-ref2.html
+!= block-sibling-2.html block-sibling-2-noref.html
+== block-sibling-3.html block-sibling-1-ref.html
+== block-sibling-3.html block-sibling-1-ref2.html
+!= block-sibling-3.html block-sibling-1-noref.html
+== block-sibling-1a-dyn.html block-sibling-1-ref.html
+== block-sibling-1a-dyn.html block-sibling-1-ref2.html
+!= block-sibling-1a-dyn.html block-sibling-1-noref.html
+== block-sibling-1b-dyn.html block-sibling-1-ref.html
+== block-sibling-1b-dyn.html block-sibling-1-ref2.html
+!= block-sibling-1b-dyn.html block-sibling-1-noref.html
+== block-sibling-1c-dyn.html block-sibling-1-ref.html
+== block-sibling-1c-dyn.html block-sibling-1-ref2.html
+!= block-sibling-1c-dyn.html block-sibling-1-noref2.html
+== block-sibling-2-dyn.html block-sibling-2-ref.html
+== block-sibling-2-dyn.html block-sibling-2-ref2.html
+!= block-sibling-2-dyn.html block-sibling-2-noref.html
+== block-sibling-3-dyn.html block-sibling-1-ref.html
+== block-sibling-3-dyn.html block-sibling-1-ref2.html
+!= block-sibling-3-dyn.html block-sibling-1-noref.html
+# "In the case of negative margins, the maximum of the absolute values of the
+#  negative adjoining margins is deducted from the maximum of the positive
+#  adjoining margins. If there are no positive margins, the maximum of the
+#  absolute values of the adjoining margins is deducted from zero."
+# These tests feature sibling block boxes where one or two margins are negative.
+# The norefs depict possible incorrect addition or subtraction of margins.
+== block-negative-1a.html block-negative-1-ref.html
+!= block-negative-1a.html block-negative-1-noref1.html
+!= block-negative-1a.html block-negative-1-noref2.html
+== block-negative-1b.html block-negative-1-ref.html
+!= block-negative-1b.html block-negative-1-noref1.html
+!= block-negative-1b.html block-negative-1-noref2.html
+== block-negative-2a.html block-negative-2-ref.html
+!= block-negative-2a.html block-negative-2-noref1.html
+!= block-negative-2a.html block-negative-2-noref2.html
+== block-negative-2b.html block-negative-2-ref.html
+!= block-negative-2b.html block-negative-2-noref1.html
+!= block-negative-2b.html block-negative-2-noref2.html
+== block-negative-3a.html block-negative-3-ref.html
+== block-negative-3a.html block-negative-3-ref2.html
+!= block-negative-3a.html block-negative-3-noref1.html
+!= block-negative-3a.html block-negative-3-noref2.html
+== block-negative-3b.html block-negative-3-ref.html
+== block-negative-3b.html block-negative-3-ref2.html
+!= block-negative-3b.html block-negative-3-noref1.html
+!= block-negative-3b.html block-negative-3-noref2.html
+== block-negative-4a.html block-negative-4-ref.html
+== block-negative-4a.html block-negative-4-ref2.html
+!= block-negative-4a.html block-negative-4-noref1.html
+!= block-negative-4a.html block-negative-4-noref2.html
+== block-negative-4b.html block-negative-4-ref.html
+== block-negative-4b.html block-negative-4-ref2.html
+!= block-negative-4b.html block-negative-4-noref1.html
+!= block-negative-4b.html block-negative-4-noref2.html
+== block-negative-5.html block-negative-5-ref.html
+== block-negative-5.html block-negative-5-ref2.html
+!= block-negative-5.html block-negative-5-noref1.html
+!= block-negative-5.html block-negative-5-noref2.html
+== block-negative-1a-dyn1.html block-negative-1-ref.html
+!= block-negative-1a-dyn1.html block-negative-1-noref1.html
+!= block-negative-1a-dyn1.html block-negative-1-noref2.html
+== block-negative-1a-dyn2.html block-negative-1-ref.html
+!= block-negative-1a-dyn2.html block-negative-1-noref1.html
+!= block-negative-1a-dyn2.html block-negative-1-noref2.html
+== block-negative-1b-dyn1.html block-negative-1-ref.html
+!= block-negative-1b-dyn1.html block-negative-1-noref1.html
+!= block-negative-1b-dyn1.html block-negative-1-noref2.html
+== block-negative-1b-dyn2.html block-negative-1-ref.html
+!= block-negative-1b-dyn2.html block-negative-1-noref1.html
+!= block-negative-1b-dyn2.html block-negative-1-noref2.html
+== block-negative-2a-dyn1.html block-negative-2-ref.html
+!= block-negative-2a-dyn1.html block-negative-2-noref1.html
+!= block-negative-2a-dyn1.html block-negative-2-noref2.html
+== block-negative-2a-dyn2.html block-negative-2-ref.html
+!= block-negative-2a-dyn2.html block-negative-2-noref1.html
+!= block-negative-2a-dyn2.html block-negative-2-noref2.html
+== block-negative-2b-dyn1.html block-negative-2-ref.html
+!= block-negative-2b-dyn1.html block-negative-2-noref1.html
+!= block-negative-2b-dyn1.html block-negative-2-noref2.html
+== block-negative-2b-dyn2.html block-negative-2-ref.html
+!= block-negative-2b-dyn2.html block-negative-2-noref1.html
+!= block-negative-2b-dyn2.html block-negative-2-noref2.html
+== block-negative-3a-dyn1.html block-negative-3-ref.html
+== block-negative-3a-dyn1.html block-negative-3-ref2.html
+!= block-negative-3a-dyn1.html block-negative-3-noref1.html
+!= block-negative-3a-dyn1.html block-negative-3-noref2.html
+== block-negative-3a-dyn2.html block-negative-3-ref.html
+== block-negative-3a-dyn2.html block-negative-3-ref2.html
+!= block-negative-3a-dyn2.html block-negative-3-noref1.html
+!= block-negative-3a-dyn2.html block-negative-3-noref2.html
+== block-negative-3b-dyn1.html block-negative-3-ref.html
+== block-negative-3b-dyn1.html block-negative-3-ref2.html
+!= block-negative-3b-dyn1.html block-negative-3-noref1.html
+!= block-negative-3b-dyn1.html block-negative-3-noref2.html
+== block-negative-3b-dyn2.html block-negative-3-ref.html
+== block-negative-3b-dyn2.html block-negative-3-ref2.html
+!= block-negative-3b-dyn2.html block-negative-3-noref1.html
+!= block-negative-3b-dyn2.html block-negative-3-noref2.html
+== block-negative-4a-dyn1.html block-negative-4-ref.html
+== block-negative-4a-dyn1.html block-negative-4-ref2.html
+!= block-negative-4a-dyn1.html block-negative-4-noref1.html
+!= block-negative-4a-dyn1.html block-negative-4-noref2.html
+== block-negative-4a-dyn2.html block-negative-4-ref.html
+== block-negative-4a-dyn2.html block-negative-4-ref2.html
+!= block-negative-4a-dyn2.html block-negative-4-noref1.html
+!= block-negative-4a-dyn2.html block-negative-4-noref2.html
+== block-negative-4b-dyn1.html block-negative-4-ref.html
+== block-negative-4b-dyn1.html block-negative-4-ref2.html
+!= block-negative-4b-dyn1.html block-negative-4-noref1.html
+!= block-negative-4b-dyn1.html block-negative-4-noref2.html
+== block-negative-4b-dyn2.html block-negative-4-ref.html
+== block-negative-4b-dyn2.html block-negative-4-ref2.html
+!= block-negative-4b-dyn2.html block-negative-4-noref1.html
+!= block-negative-4b-dyn2.html block-negative-4-noref2.html
+== block-negative-5-dyn1.html block-negative-5-ref.html
+== block-negative-5-dyn1.html block-negative-5-ref2.html
+!= block-negative-5-dyn1.html block-negative-5-noref1.html
+!= block-negative-5-dyn1.html block-negative-5-noref2.html
+== block-negative-5-dyn2.html block-negative-5-ref.html
+== block-negative-5-dyn2.html block-negative-5-ref2.html
+!= block-negative-5-dyn2.html block-negative-5-noref1.html
+!= block-negative-5-dyn2.html block-negative-5-noref2.html
+# "Two margins are adjoining if and only if:" [...]
+# "both belong to vertically-adjacent box edges,
+#  i.e. form one of the following pairs:" [...]
+# "top margin of a box and top margin of its first in-flow child"
+# "bottom margin of a last in-flow child and bottom margin of its parent
+#  if the parent has 'auto' computed height"
+# "A collapsed margin is considered adjoining to another margin if
+#  any of its component margins is adjoining to that margin."
+# "Note. Adjoining margins can be generated by elements that are
+#  not related as siblings or ancestors."
+# These tests check whether margins are correctly collapsed even when the
+# boxes participating are not related as siblings or ancestors.
+# The tests feature different sizes of margins on different boxes.
+== block-non-sibling-1a.html block-non-sibling-1-ref.html
+== block-non-sibling-1a.html block-non-sibling-1-ref2.html
+== block-non-sibling-1b.html block-non-sibling-1-ref.html
+== block-non-sibling-1b.html block-non-sibling-1-ref2.html
+== block-non-sibling-1c.html block-non-sibling-1-ref.html
+== block-non-sibling-1c.html block-non-sibling-1-ref2.html
+== block-non-sibling-1d.html block-non-sibling-1-ref.html
+== block-non-sibling-1d.html block-non-sibling-1-ref2.html
+== block-non-sibling-1e.html block-non-sibling-1-ref.html
+== block-non-sibling-1e.html block-non-sibling-1-ref2.html
+== block-non-sibling-1f.html block-non-sibling-1-ref.html
+== block-non-sibling-1f.html block-non-sibling-1-ref2.html
+== block-non-sibling-2a.html block-non-sibling-2-ref.html
+== block-non-sibling-2a.html block-non-sibling-2-ref2.html
+== block-non-sibling-2b.html block-non-sibling-2-ref.html
+== block-non-sibling-2b.html block-non-sibling-2-ref2.html
+== block-non-sibling-2c.html block-non-sibling-2-ref.html
+== block-non-sibling-2c.html block-non-sibling-2-ref2.html
+== block-non-sibling-2d.html block-non-sibling-2-ref.html
+== block-non-sibling-2d.html block-non-sibling-2-ref2.html
+== block-non-sibling-2e.html block-non-sibling-2-ref.html
+== block-non-sibling-2e.html block-non-sibling-2-ref2.html
+== block-non-sibling-2f.html block-non-sibling-2-ref.html
+== block-non-sibling-2f.html block-non-sibling-2-ref2.html
+== block-non-sibling-3a.html block-non-sibling-3-ref.html
+== block-non-sibling-3a.html block-non-sibling-3-ref2.html
+== block-non-sibling-3b.html block-non-sibling-3-ref.html
+== block-non-sibling-3b.html block-non-sibling-3-ref2.html
+== block-non-sibling-3c.html block-non-sibling-3-ref.html
+== block-non-sibling-3c.html block-non-sibling-3-ref2.html
+== block-non-sibling-3d.html block-non-sibling-3-ref.html
+== block-non-sibling-3d.html block-non-sibling-3-ref2.html
+== block-non-sibling-4.html block-non-sibling-4-ref.html
+== block-non-sibling-4.html block-non-sibling-4-ref2.html
+== block-non-sibling-1a-dyn.html block-non-sibling-1-ref2.html
+== block-non-sibling-1b-dyn.html block-non-sibling-1-ref2.html
+== block-non-sibling-1c-dyn.html block-non-sibling-1-ref2.html
+== block-non-sibling-1d-dyn.html block-non-sibling-1-ref2.html
+== block-non-sibling-1e-dyn.html block-non-sibling-1-ref2.html
+== block-non-sibling-1f-dyn.html block-non-sibling-1-ref2.html
+== block-non-sibling-2a-dyn.html block-non-sibling-2-ref2.html
+== block-non-sibling-2b-dyn.html block-non-sibling-2-ref2.html
+== block-non-sibling-2c-dyn.html block-non-sibling-2-ref2.html
+== block-non-sibling-2d-dyn.html block-non-sibling-2-ref2.html
+== block-non-sibling-2e-dyn.html block-non-sibling-2-ref2.html
+== block-non-sibling-2f-dyn.html block-non-sibling-2-ref2.html
+== block-non-sibling-3a-dyn.html block-non-sibling-3-ref2.html
+== block-non-sibling-3b-dyn.html block-non-sibling-3-ref2.html
+== block-non-sibling-3c-dyn.html block-non-sibling-3-ref2.html
+== block-non-sibling-3d-dyn.html block-non-sibling-3-ref2.html
+== block-non-sibling-4-dyn.html block-non-sibling-4-ref2.html
+# The first-child series tests cases where the top margin of a box collapses
+# with the top margin of its parent element.
+# This series is more extensive than the non-sibling series, because
+# various combinations of positive and negative margins are tested.
+== block-first-child-1a.html block-first-child-1-ref.html
+== block-first-child-1b.html block-first-child-1-ref.html
+== block-first-child-1c.html block-first-child-1-ref.html
+== block-first-child-2.html block-first-child-2-ref.html
+== block-first-child-3.html block-first-child-3-ref.html
+== block-first-child-4.html block-first-child-4-ref.html
+== block-first-child-5.html block-first-child-5-ref.html
+== block-first-child-6.html block-first-child-6-ref.html
+== block-first-child-7.html block-first-child-7-ref.html
+== block-first-child-8a.html block-first-child-8-ref.html
+== block-first-child-8b.html block-first-child-8-ref.html
+== block-first-child-8c.html block-first-child-8-ref.html
+== block-first-child-1a-dyn.html block-first-child-1-ref.html
+== block-first-child-1b-dyn.html block-first-child-1-ref.html
+== block-first-child-1c-dyn.html block-first-child-1-ref.html
+== block-first-child-2-dyn.html block-first-child-2-ref.html
+== block-first-child-3-dyn.html block-first-child-3-ref.html
+== block-first-child-4-dyn.html block-first-child-4-ref.html
+== block-first-child-5-dyn.html block-first-child-5-ref.html
+== block-first-child-6-dyn.html block-first-child-6-ref.html
+== block-first-child-7-dyn.html block-first-child-7-ref.html
+== block-first-child-8a-dyn.html block-first-child-8-ref.html
+== block-first-child-8b-dyn.html block-first-child-8-ref.html
+== block-first-child-8c-dyn.html block-first-child-8-ref.html
+# "The bottom margin of an in-flow block box with a 'height' of 'auto'
+#  collapses with its last in-flow block-level child's bottom margin"
+# Note: The block-auto-height-last-child series automatically covers
+# all cases where 'min-height' is '0' and 'max-height' is 'none' as
+# these are the default values of those properties.
+== block-auto-height-last-child-1a.html block-auto-height-last-child-1-ref.html
+== block-auto-height-last-child-1b.html block-auto-height-last-child-1-ref.html
+== block-auto-height-last-child-1c.html block-auto-height-last-child-1-ref.html
+== block-auto-height-last-child-2.html block-auto-height-last-child-2-ref.html
+== block-auto-height-last-child-3.html block-auto-height-last-child-3-ref.html
+== block-auto-height-last-child-4.html block-auto-height-last-child-4-ref.html
+== block-auto-height-last-child-5.html block-auto-height-last-child-5-ref.html
+== block-auto-height-last-child-6.html block-auto-height-last-child-6-ref.html
+== block-auto-height-last-child-7.html block-auto-height-last-child-7-ref.html
+== block-auto-height-last-child-8a.html block-auto-height-last-child-8-ref.html
+== block-auto-height-last-child-8b.html block-auto-height-last-child-8-ref.html
+== block-auto-height-last-child-8c.html block-auto-height-last-child-8-ref.html
+== block-auto-height-last-child-1a-dyn.html block-auto-height-last-child-1-ref.html
+== block-auto-height-last-child-1b-dyn.html block-auto-height-last-child-1-ref.html
+== block-auto-height-last-child-1c-dyn.html block-auto-height-last-child-1-ref.html
+== block-auto-height-last-child-2-dyn.html block-auto-height-last-child-2-ref.html
+== block-auto-height-last-child-3-dyn.html block-auto-height-last-child-3-ref.html
+== block-auto-height-last-child-4-dyn.html block-auto-height-last-child-4-ref.html
+== block-auto-height-last-child-5-dyn.html block-auto-height-last-child-5-ref.html
+== block-auto-height-last-child-6-dyn.html block-auto-height-last-child-6-ref.html
+== block-auto-height-last-child-7-dyn.html block-auto-height-last-child-7-ref.html
+== block-auto-height-last-child-8a-dyn.html block-auto-height-last-child-8-ref.html
+== block-auto-height-last-child-8b-dyn.html block-auto-height-last-child-8-ref.html
+== block-auto-height-last-child-8c-dyn.html block-auto-height-last-child-8-ref.html
+# The last-child series is an older variant of the
+# block-auto-height-last-child tests.
+== block-last-child-1a.html block-last-child-1-ref.html
+== block-last-child-1b.html block-last-child-1-ref.html
+== block-last-child-1c.html block-last-child-1-ref.html
+== block-last-child-2a.html block-last-child-2-ref.html
+== block-last-child-2b.html block-last-child-2-ref.html
+== block-last-child-2c.html block-last-child-2-ref.html
+== block-last-child-2d.html block-last-child-2-ref.html
+== block-last-child-3a.html block-last-child-3-ref.html
+== block-last-child-3b.html block-last-child-3-ref.html
+== block-last-child-3c.html block-last-child-3-ref.html
+== block-last-child-3d.html block-last-child-3-ref.html
+== block-last-child-4a.html block-last-child-4-ref.html
+== block-last-child-4b.html block-last-child-4-ref.html
+== block-last-child-4c.html block-last-child-4-ref.html
+== block-last-child-4d.html block-last-child-4-ref.html
+# There's also the older block-zero-min-height series which explicitly
+# adds min-height: 0; to boxes with height: auto;
+# This should have no effect on margin-collapsing.
+== block-zero-min-height-1a.html block-zero-min-height-1-ref.html
+== block-zero-min-height-1b.html block-zero-min-height-1-ref.html
+== block-zero-min-height-1c.html block-zero-min-height-1-ref.html
+== block-zero-min-height-1d.html block-zero-min-height-1-ref.html
+== block-zero-min-height-1e.html block-zero-min-height-1-ref.html
+== block-zero-min-height-1f.html block-zero-min-height-1-ref.html
+!= block-zero-min-height-1a.html block-zero-min-height-1-noref.html
+!= block-zero-min-height-1b.html block-zero-min-height-1-noref.html
+!= block-zero-min-height-1c.html block-zero-min-height-1-noref.html
+!= block-zero-min-height-1d.html block-zero-min-height-1-noref.html
+!= block-zero-min-height-1e.html block-zero-min-height-1-noref.html
+!= block-zero-min-height-1f.html block-zero-min-height-1-noref.html
+== block-zero-min-height-2a.html block-zero-min-height-2ab-ref.html
+== block-zero-min-height-2b.html block-zero-min-height-2ab-ref.html
+== block-zero-min-height-2c.html block-zero-min-height-2c-ref.html
+== block-zero-min-height-2d.html block-zero-min-height-2de-ref.html
+== block-zero-min-height-2e.html block-zero-min-height-2de-ref.html
+== block-zero-min-height-2f.html block-zero-min-height-2f-ref.html
+!= block-zero-min-height-2a.html block-zero-min-height-2-noref.html
+!= block-zero-min-height-2b.html block-zero-min-height-2-noref.html
+!= block-zero-min-height-2c.html block-zero-min-height-2-noref.html
+!= block-zero-min-height-2d.html block-zero-min-height-2-noref.html
+!= block-zero-min-height-2e.html block-zero-min-height-2-noref.html
+!= block-zero-min-height-2f.html block-zero-min-height-2-noref.html
+== block-zero-min-height-3a.html block-zero-min-height-3-ref.html
+== block-zero-min-height-3b.html block-zero-min-height-3-ref.html
+== block-zero-min-height-3c.html block-zero-min-height-3-ref.html
+== block-zero-min-height-3d.html block-zero-min-height-3-ref.html
+# If a parent box's height is 'auto' and its 'min-height' is non-zero,
+# then its bottom margin collapses with its last-child's bottom margin.
+# This is true even if the two margins do not actually touch each other,
+# as they are still considered 'adjoining'.
+fails == block-min-height-last-child-1a.html block-min-height-last-child-1-ref.html # Bug 616339
+== block-min-height-last-child-1b.html block-min-height-last-child-1-ref.html
+== block-min-height-last-child-1c.html block-min-height-last-child-1-ref.html
+fails == block-min-height-last-child-2a.html block-min-height-last-child-2-ref.html # Bug 616339
+fails == block-min-height-last-child-2b.html block-min-height-last-child-2-ref.html # Bug 616339
+fails == block-min-height-last-child-3a.html block-min-height-last-child-3-ref.html # Bug 616339
+== block-min-height-last-child-3b.html block-min-height-last-child-3-ref.html
+== block-min-height-last-child-3c.html block-min-height-last-child-3-ref.html
+== block-min-height-last-child-4a.html block-min-height-last-child-4-ref.html
+== block-min-height-last-child-4b.html block-min-height-last-child-4-ref.html
+== block-min-height-last-child-4c.html block-min-height-last-child-4-ref.html
+== block-min-height-last-child-5a.html block-min-height-last-child-5-ref.html
+== block-min-height-last-child-5b.html block-min-height-last-child-5-ref.html
+== block-min-height-last-child-6a.html block-min-height-last-child-6-ref.html
+== block-min-height-last-child-6b.html block-min-height-last-child-6-ref.html
+== block-min-height-last-child-6c.html block-min-height-last-child-6-ref.html
+== block-min-height-last-child-7a.html block-min-height-last-child-7-ref.html
+== block-min-height-last-child-7b.html block-min-height-last-child-7-ref.html
+== block-min-height-last-child-7c.html block-min-height-last-child-7-ref.html
+== block-min-height-last-child-8a.html block-min-height-last-child-8-ref.html
+== block-min-height-last-child-8b.html block-min-height-last-child-8-ref.html
+== block-min-height-last-child-9a.html block-min-height-last-child-9-ref.html
+== block-min-height-last-child-9b.html block-min-height-last-child-9-ref.html
+== block-min-height-last-child-9c.html block-min-height-last-child-9-ref.html
+fails == block-min-height-last-child-1a-dyn.html block-min-height-last-child-1-ref.html # Bug 616339
+== block-min-height-last-child-1b-dyn.html block-min-height-last-child-1-ref.html
+== block-min-height-last-child-1c-dyn.html block-min-height-last-child-1-ref.html
+fails == block-min-height-last-child-2a-dyn.html block-min-height-last-child-2-ref.html # Bug 616339
+fails == block-min-height-last-child-2b-dyn.html block-min-height-last-child-2-ref.html # Bug 616339
+fails == block-min-height-last-child-3a-dyn.html block-min-height-last-child-3-ref.html # Bug 616339
+== block-min-height-last-child-3b-dyn.html block-min-height-last-child-3-ref.html
+== block-min-height-last-child-3c-dyn.html block-min-height-last-child-3-ref.html
+== block-min-height-last-child-4a-dyn.html block-min-height-last-child-4-ref.html
+== block-min-height-last-child-4b-dyn.html block-min-height-last-child-4-ref.html
+== block-min-height-last-child-4c-dyn.html block-min-height-last-child-4-ref.html
+== block-min-height-last-child-5a-dyn.html block-min-height-last-child-5-ref.html
+== block-min-height-last-child-5b-dyn.html block-min-height-last-child-5-ref.html
+== block-min-height-last-child-6a-dyn.html block-min-height-last-child-6-ref.html
+== block-min-height-last-child-6b-dyn.html block-min-height-last-child-6-ref.html
+== block-min-height-last-child-6c-dyn.html block-min-height-last-child-6-ref.html
+== block-min-height-last-child-7a-dyn.html block-min-height-last-child-7-ref.html
+== block-min-height-last-child-7b-dyn.html block-min-height-last-child-7-ref.html
+== block-min-height-last-child-7c-dyn.html block-min-height-last-child-7-ref.html
+== block-min-height-last-child-8a-dyn.html block-min-height-last-child-8-ref.html
+== block-min-height-last-child-8b-dyn.html block-min-height-last-child-8-ref.html
+== block-min-height-last-child-9a-dyn.html block-min-height-last-child-9-ref.html
+== block-min-height-last-child-9b-dyn.html block-min-height-last-child-9-ref.html
+== block-min-height-last-child-9c-dyn.html block-min-height-last-child-9-ref.html
+# If a parent box's height is 'auto' and its 'max-height' is not 'none'
+# then its bottom margin collapses with its last-child's bottom margin.
+# According to CSS 2.1 §10.7 (Minimum and maximum heights) this is true,
+# even if the descendant's height is bigger than the defined max-height.
+== block-max-height-last-child-1a.html block-max-height-last-child-1-ref.html
+== block-max-height-last-child-1b.html block-max-height-last-child-1-ref.html
+== block-max-height-last-child-1c.html block-max-height-last-child-1-ref.html
+== block-max-height-last-child-2a.html block-max-height-last-child-2-ref.html
+== block-max-height-last-child-2b.html block-max-height-last-child-2-ref.html
+== block-max-height-last-child-3a.html block-max-height-last-child-3-ref.html
+== block-max-height-last-child-3b.html block-max-height-last-child-3-ref.html
+== block-max-height-last-child-3c.html block-max-height-last-child-3-ref.html
+== block-max-height-last-child-4a.html block-max-height-last-child-4-ref.html
+== block-max-height-last-child-4b.html block-max-height-last-child-4-ref.html
+== block-max-height-last-child-4c.html block-max-height-last-child-4-ref.html
+== block-max-height-last-child-5a.html block-max-height-last-child-5-ref.html
+== block-max-height-last-child-5b.html block-max-height-last-child-5-ref.html
+== block-max-height-last-child-6a.html block-max-height-last-child-6-ref.html
+== block-max-height-last-child-6b.html block-max-height-last-child-6-ref.html
+== block-max-height-last-child-6c.html block-max-height-last-child-6-ref.html
+fails == block-max-height-last-child-7a.html block-max-height-last-child-7-ref.html # Bug 616339
+== block-max-height-last-child-7b.html block-max-height-last-child-7-ref.html
+== block-max-height-last-child-7c.html block-max-height-last-child-7-ref.html
+fails == block-max-height-last-child-8a.html block-max-height-last-child-8-ref.html # Bug 616339
+fails == block-max-height-last-child-8b.html block-max-height-last-child-8-ref.html # Bug 616339
+fails == block-max-height-last-child-9a.html block-max-height-last-child-9-ref.html # Bug 616339
+== block-max-height-last-child-9b.html block-max-height-last-child-9-ref.html
+== block-max-height-last-child-9c.html block-max-height-last-child-9-ref.html
+== block-max-height-last-child-1a-dyn.html block-max-height-last-child-1-ref.html
+== block-max-height-last-child-1b-dyn.html block-max-height-last-child-1-ref.html
+== block-max-height-last-child-1c-dyn.html block-max-height-last-child-1-ref.html
+== block-max-height-last-child-2a-dyn.html block-max-height-last-child-2-ref.html
+== block-max-height-last-child-2b-dyn.html block-max-height-last-child-2-ref.html
+== block-max-height-last-child-3a-dyn.html block-max-height-last-child-3-ref.html
+== block-max-height-last-child-3b-dyn.html block-max-height-last-child-3-ref.html
+== block-max-height-last-child-3c-dyn.html block-max-height-last-child-3-ref.html
+== block-max-height-last-child-4a-dyn.html block-max-height-last-child-4-ref.html
+== block-max-height-last-child-4b-dyn.html block-max-height-last-child-4-ref.html
+== block-max-height-last-child-4c-dyn.html block-max-height-last-child-4-ref.html
+== block-max-height-last-child-5a-dyn.html block-max-height-last-child-5-ref.html
+== block-max-height-last-child-5b-dyn.html block-max-height-last-child-5-ref.html
+== block-max-height-last-child-6a-dyn.html block-max-height-last-child-6-ref.html
+== block-max-height-last-child-6b-dyn.html block-max-height-last-child-6-ref.html
+== block-max-height-last-child-6c-dyn.html block-max-height-last-child-6-ref.html
+fails == block-max-height-last-child-7a-dyn.html block-max-height-last-child-7-ref.html # Bug 616339
+== block-max-height-last-child-7b-dyn.html block-max-height-last-child-7-ref.html
+== block-max-height-last-child-7c-dyn.html block-max-height-last-child-7-ref.html
+fails == block-max-height-last-child-8a-dyn.html block-max-height-last-child-8-ref.html # Bug 616339
+fails == block-max-height-last-child-8b-dyn.html block-max-height-last-child-8-ref.html # Bug 616339
+fails == block-max-height-last-child-9a-dyn.html block-max-height-last-child-9-ref.html # Bug 616339
+== block-max-height-last-child-9b-dyn.html block-max-height-last-child-9-ref.html
+== block-max-height-last-child-9c-dyn.html block-max-height-last-child-9-ref.html
+# If a parent box's height is not 'auto' then its bottom margin
+# never collapses with its last-child's bottom margin,
+# as these margins are not considered 'adjoining'.
+# According to CSS 2.1 §10.7 (Minimum and maximum heights) this is true,
+# even if the value of min- or max-height is used instead.
+== block-fix-height-last-child-1a.html block-fix-height-last-child-1-ref.html
+== block-fix-height-last-child-1b.html block-fix-height-last-child-1-ref.html
+== block-fix-height-last-child-2a.html block-fix-height-last-child-2-ref.html
+== block-fix-height-last-child-2b.html block-fix-height-last-child-2-ref.html
+== block-fix-height-last-child-3a.html block-fix-height-last-child-3-ref.html
+== block-fix-height-last-child-3b.html block-fix-height-last-child-3-ref.html
+== block-fix-height-last-child-4a.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4b.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4c.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4d.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4e.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4f.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4g.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4h.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-1a-dyn.html block-fix-height-last-child-1-ref.html
+== block-fix-height-last-child-1b-dyn.html block-fix-height-last-child-1-ref.html
+== block-fix-height-last-child-2a-dyn.html block-fix-height-last-child-2-ref.html
+== block-fix-height-last-child-2b-dyn.html block-fix-height-last-child-2-ref.html
+== block-fix-height-last-child-3a-dyn.html block-fix-height-last-child-3-ref.html
+== block-fix-height-last-child-3b-dyn.html block-fix-height-last-child-3-ref.html
+== block-fix-height-last-child-4a-dyn.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4b-dyn.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4c-dyn.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4d-dyn.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4e-dyn.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4f-dyn.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4g-dyn.html block-fix-height-last-child-4-ref.html
+== block-fix-height-last-child-4h-dyn.html block-fix-height-last-child-4-ref.html
+# "Two margins are adjoining if and only if:" [...]
+# "both belong to vertically-adjacent box edges,
+#  i.e. form one of the following pairs:" [...]
+# "top and bottom margins of a box that does not establish a new block
+#  formatting context and that has zero computed 'min-height', zero or
+#  'auto' computed 'height', and no in-flow children"
+# Note that "if the top and bottom margins of a box are adjoining, then it is
+# possible for margins to collapse through it."
+# I.e. a parent's top and bottom margin are still considered adjoining if
+# they collapse through their in-flow children's margins.
+== block-no-content-1a.html block-no-content-1-ref.html
+== block-no-content-1b.html block-no-content-1-ref.html
+== block-no-content-1c.html block-no-content-1-ref.html
+== block-no-content-1d.html block-no-content-1-ref.html
+== block-no-content-2a.html block-no-content-2-ref.html
+== block-no-content-2b.html block-no-content-2-ref.html
+== block-no-content-2c.html block-no-content-2-ref.html
+== block-no-content-2d.html block-no-content-2-ref.html
+== block-no-content-2e.html block-no-content-2-ref.html
+== block-no-content-3a.html block-no-content-3-ref.html
+== block-no-content-3b.html block-no-content-3-ref.html
+== block-no-content-3c.html block-no-content-3-ref.html
+== block-no-content-4a.html block-no-content-4-ref.html
+== block-no-content-4b.html block-no-content-4-ref.html
+== block-no-content-4c.html block-no-content-4-ref.html
+== block-no-content-5a.html block-no-content-5-ref.html
+== block-no-content-5b.html block-no-content-5-ref.html
+== block-no-content-6.html block-no-content-6-ref.html
+== block-no-content-7.html block-no-content-7-ref.html
+# "If the top margin of a box with non-zero computed 'min-height' and 'auto'
+#  computed 'height' collapses with the bottom margin of its last in-flow
+#  child, then the child's bottom margin does not collapse with the parent's
+#  bottom margin."
+== block-no-content-8.html block-no-content-8-ref.html
+== block-no-content-1a-dyn.html block-no-content-1-ref.html
+== block-no-content-1b-dyn.html block-no-content-1-ref.html
+== block-no-content-1c-dyn.html block-no-content-1-ref.html
+== block-no-content-1d-dyn.html block-no-content-1-ref.html
+== block-no-content-2a-dyn.html block-no-content-2-ref.html
+== block-no-content-2b-dyn.html block-no-content-2-ref.html
+== block-no-content-2c-dyn.html block-no-content-2-ref.html
+== block-no-content-2d-dyn.html block-no-content-2-ref.html
+== block-no-content-2e-dyn.html block-no-content-2-ref.html
+== block-no-content-3a-dyn.html block-no-content-3-ref.html
+== block-no-content-3b-dyn.html block-no-content-3-ref.html
+== block-no-content-3c-dyn.html block-no-content-3-ref.html
+== block-no-content-4a-dyn.html block-no-content-4-ref.html
+== block-no-content-4b-dyn.html block-no-content-4-ref.html
+== block-no-content-4c-dyn.html block-no-content-4-ref.html
+== block-no-content-5a-dyn.html block-no-content-5-ref.html
+== block-no-content-5b-dyn.html block-no-content-5-ref.html
+== block-no-content-6-dyn.html block-no-content-6-ref.html
+== block-no-content-7-dyn.html block-no-content-7-ref.html
+== block-no-content-8-dyn.html block-no-content-8-ref.html
+# These tests are similar to the no-content ones, except that some boxes
+# have height: 0; declared on them.
+== block-zero-height-1a.html block-zero-height-1a-ref.html
+== block-zero-height-1b.html block-zero-height-1b-ref.html
+== block-zero-height-2a.html block-zero-height-2a-ref.html
+== block-zero-height-2b.html block-zero-height-2b-ref.html
+== block-zero-height-2c.html block-zero-height-2c-ref.html
+== block-zero-height-3a.html block-zero-height-3-ref.html
+== block-zero-height-3b.html block-zero-height-3-ref.html
+== block-zero-height-3c.html block-zero-height-3-ref.html
+# "Margins of elements that establish new block formatting contexts ([...])
+#  do not collapse with their in-flow children."
+# The margins of a block formatting context can collapse with margins of
+# in-flow sibling boxes, but not with margins of their in-flow children.
+# Elements that establish a block formatting context are:
+# * "elements with 'overflow' other than 'visible'"
+== block-overflow-1.html block-overflow-1-ref.html
+== block-overflow-1.html block-overflow-1-ref2.html
+== block-overflow-2.html block-overflow-2-ref.html
+== block-overflow-2.html block-overflow-2-ref2.html
+== block-overflow-3.html block-overflow-3-ref.html
+== block-overflow-3.html block-overflow-3-ref2.html
+== block-overflow-4.html block-overflow-4-ref.html
+== block-overflow-4.html block-overflow-4-ref2.html
+== block-overflow-5a.html block-overflow-5-ref.html
+== block-overflow-5a.html block-overflow-5-ref2.html
+== block-overflow-5b.html block-overflow-5-ref.html
+== block-overflow-5b.html block-overflow-5-ref2.html
+== block-overflow-5c.html block-overflow-5c-ref.html
+== block-overflow-5c.html block-overflow-5c-ref2.html
+== block-overflow-5d.html block-overflow-5-ref.html
+== block-overflow-5d.html block-overflow-5-ref2.html
+== block-overflow-1-dyn.html block-overflow-1-ref2.html
+== block-overflow-2-dyn.html block-overflow-2-ref2.html
+== block-overflow-3-dyn.html block-overflow-3-ref2.html
+== block-overflow-4-dyn.html block-overflow-4-ref2.html
+== block-overflow-5a-dyn.html block-overflow-5-ref2.html
+== block-overflow-5b-dyn.html block-overflow-5-ref2.html
+fuzzy-if(winWidget,0-4,0-36) == block-overflow-5c-dyn.html block-overflow-5c-ref2.html
+== block-overflow-5d-dyn.html block-overflow-5-ref2.html
+# * 'fieldset' elements, per HTML5 (Candidate Recommendation 6 August 2013):
+# §10.3.13 (The fieldset and legend elements): "The fieldset element is
+# expected to establish a new block formatting context."
+== fieldset-sibling-1a.html fieldset-sibling-1-ref.html
+== fieldset-sibling-1b.html fieldset-sibling-1-ref.html
+== fieldset-sibling-1c.html fieldset-sibling-1-ref.html
+== fieldset-sibling-2a.html fieldset-sibling-2-ref1.html
+== fieldset-sibling-2b.html fieldset-sibling-2-ref1.html
+== fieldset-sibling-2c.html fieldset-sibling-2-ref1.html
+== fieldset-sibling-2a.html fieldset-sibling-2-ref2.html
+== fieldset-sibling-2b.html fieldset-sibling-2-ref2.html
+== fieldset-sibling-2c.html fieldset-sibling-2-ref2.html
+== fieldset-sibling-1a-dyn.html fieldset-sibling-1-ref.html
+== fieldset-sibling-1b-dyn.html fieldset-sibling-1-ref.html
+== fieldset-sibling-1c-dyn.html fieldset-sibling-1-ref.html
+== fieldset-sibling-2a-dyn.html fieldset-sibling-2-ref2.html
+== fieldset-sibling-2b-dyn.html fieldset-sibling-2-ref2.html
+== fieldset-sibling-2c-dyn.html fieldset-sibling-2-ref2.html
+== fieldset-child-1.html fieldset-child-1-ref.html
+== fieldset-child-1-dyn.html fieldset-child-1-ref.html
+# * Tables, per CSS 2.1 §17.4 (Tables in the visual formatting model):
+# "The table wrapper box establishes a block formatting context."
+# "The table wrapper box is a 'block' box if the table is block-level [...]"
+== table-sibling-1a.html table-sibling-1-ref.html
+!= table-sibling-1a.html table-sibling-1-noref.html
+== table-sibling-1b.html table-sibling-1-ref.html
+!= table-sibling-1b.html table-sibling-1-noref.html
+== table-sibling-1c.html table-sibling-1-ref.html
+!= table-sibling-1c.html table-sibling-1-noref2.html
+== table-sibling-2a.html table-sibling-2-ref.html
+!= table-sibling-2a.html table-sibling-2-noref.html
+== table-sibling-2b.html table-sibling-2-ref.html
+!= table-sibling-2b.html table-sibling-2-noref.html
+== table-sibling-2c.html table-sibling-2-ref.html
+!= table-sibling-2c.html table-sibling-2-noref2.html
+== table-sibling-1a-dyn.html table-sibling-1-ref.html
+!= table-sibling-1a-dyn.html table-sibling-1-noref.html
+== table-sibling-1b-dyn.html table-sibling-1-ref.html
+!= table-sibling-1b-dyn.html table-sibling-1-noref.html
+== table-sibling-1c-dyn.html table-sibling-1-ref.html
+!= table-sibling-1c-dyn.html table-sibling-1-noref2.html
+== table-sibling-2a-dyn.html table-sibling-2-ref.html
+!= table-sibling-2a-dyn.html table-sibling-2-noref.html
+== table-sibling-2b-dyn.html table-sibling-2-ref.html
+!= table-sibling-2b-dyn.html table-sibling-2-noref.html
+== table-sibling-2c-dyn.html table-sibling-2-ref.html
+!= table-sibling-2c-dyn.html table-sibling-2-noref2.html
+== table-sibling-3-dyn.html table-sibling-3-ref.html
+!= table-sibling-3-dyn.html table-sibling-3-noref.html
+# * table-caption boxes, per CSS 2.1 §9.4.1 (Block formatting contexts):
+# "[...] block containers (such as [...] table-captions) [...]
+#  establish new block formatting contexts for their contents."
+# The margins of a table-caption do not collapse with the margins
+# of the table wrapper box. They can collapse with the margins of other
+# table-captions, though, if they share the same caption-side.
+== table-caption-1a.html table-caption-1-ref.html
+== table-caption-1b.html table-caption-1-ref.html
+== table-caption-1c.html table-caption-1-ref.html
+== table-caption-2a.html table-caption-2-ref.html
+== table-caption-2b.html table-caption-2-ref.html
+== table-caption-2c.html table-caption-2-ref.html
+== table-caption-1a-dyn.html table-caption-1-ref.html
+== table-caption-1b-dyn.html table-caption-1-ref.html
+== table-caption-1c-dyn.html table-caption-1-ref.html
+== table-caption-2a-dyn.html table-caption-2-ref.html
+== table-caption-2b-dyn.html table-caption-2-ref.html
+== table-caption-2c-dyn.html table-caption-2-ref.html
+== table-caption-top-1.html table-caption-top-1-ref.html
+== table-caption-top-2.html table-caption-top-2-ref.html
+== table-caption-bottom-1.html table-caption-bottom-1-ref.html
+== table-caption-bottom-2.html table-caption-bottom-2-ref.html
+== table-caption-top-1-dyn.html table-caption-top-1-ref.html
+== table-caption-top-2-dyn.html table-caption-top-1-ref.html
+== table-caption-bottom-1-dyn.html table-caption-bottom-1-ref.html
+== table-caption-bottom-2-dyn.html table-caption-bottom-1-ref.html
+fails == caption-sibling-1a.html caption-sibling-1-ref.html # Bug 144517
+!= caption-sibling-1a.html caption-sibling-1-noref.html
+fails == caption-sibling-1b.html caption-sibling-1-ref.html # Bug 144517
+!= caption-sibling-1b.html caption-sibling-1-noref.html
+fails == caption-sibling-1c.html caption-sibling-1-ref.html # Bug 144517
+!= caption-sibling-1c.html caption-sibling-1-noref2.html
+fails == caption-sibling-1a-dyn.html caption-sibling-1-ref.html # Bug 144517
+!= caption-sibling-1a-dyn.html caption-sibling-1-noref.html
+fails == caption-sibling-1b-dyn.html caption-sibling-1-ref.html # Bug 144517
+!= caption-sibling-1b-dyn.html caption-sibling-1-noref.html
+fails == caption-sibling-1c-dyn.html caption-sibling-1-ref.html # Bug 144517
+!= caption-sibling-1c-dyn.html caption-sibling-1-noref2.html
+fails == caption-sibling-2-dyn.html caption-sibling-2-ref.html # Bug 144517
+!= caption-sibling-2-dyn.html caption-sibling-2-noref.html
+== caption-child-1.html caption-child-1-ref.html
+== caption-child-1-dyn.html caption-child-1-ref.html
+# * Multi-column elements, per CSS Multi-column Layout Module
+# (Candidate Recommendation 12 April 2011):
+# "A multi-column element establishes a new block formatting context [...]"
+== column-sibling-1a.html column-sibling-1-ref.html
+== column-sibling-1b.html column-sibling-1-ref.html
+== column-sibling-1c.html column-sibling-1-ref.html
+== column-sibling-1a-dyn.html column-sibling-1-ref.html
+== column-sibling-1b-dyn.html column-sibling-1-ref.html
+== column-sibling-1c-dyn.html column-sibling-1-ref.html
+== column-sibling-2a.html column-sibling-2-ref.html
+== column-sibling-2b.html column-sibling-2-ref.html
+== column-sibling-2c.html column-sibling-2-ref.html
+== column-sibling-2a-dyn.html column-sibling-2-ref.html
+== column-sibling-2b-dyn.html column-sibling-2-ref.html
+== column-sibling-2c-dyn.html column-sibling-2-ref.html
+== column-child-1.html column-child-1-ref.html
+== column-child-1-dyn.html column-child-1-ref.html
+# * inline-block boxes
+# "Margins of inline-block boxes do not collapse
+#  (not even with their in-flow children)."
+== inline-block-sibling-1a.html inline-block-sibling-1-ref.html
+== inline-block-sibling-1b.html inline-block-sibling-1-ref.html
+== inline-block-sibling-1c.html inline-block-sibling-1-ref.html
+== inline-block-sibling-2.html inline-block-sibling-2-ref.html
+!= inline-block-sibling-2.html inline-block-sibling-2-noref.html
+== inline-block-sibling-1a-dyn.html inline-block-sibling-1-ref.html
+== inline-block-sibling-1b-dyn.html inline-block-sibling-1-ref.html
+== inline-block-sibling-1c-dyn.html inline-block-sibling-1-ref.html
+== inline-block-sibling-2-dyn.html inline-block-sibling-2-ref.html
+== inline-block-child-1.html inline-block-child-1-ref.html
+== inline-block-child-2.html inline-block-child-2-ref.html
+!= inline-block-child-2.html inline-block-child-2-noref.html
+== inline-block-child-3.html inline-block-child-3-ref.html
+== inline-block-child-1-dyn.html inline-block-child-1-ref.html
+== inline-block-child-2-dyn.html inline-block-child-2-ref.html
+== inline-block-child-3-dyn.html inline-block-child-3-ref.html
+# * absolutely positioned elements
+# "Margins of absolutely positioned boxes do not collapse
+#  (not even with their in-flow children)."
+== block-abs-pos-1.html block-abs-pos-1-ref.html
+== block-abs-pos-2.html block-abs-pos-2-ref.html
+== block-abs-pos-2.html block-abs-pos-2-ref2.html
+== block-abs-pos-1-dyn.html block-abs-pos-1-ref.html
+== block-abs-pos-2-dyn.html block-abs-pos-2-ref2.html
+# * Floats
+# "Margins between a floated box and any other box do not collapse
+#  (not even between a float and its in-flow children)."
+== block-float-1a.html block-float-1a-ref.html
+== block-float-1a.html block-float-1a-ref2.html
+!= block-float-1a.html block-float-1a-noref.html
+== block-float-1b.html block-float-1b-ref.html
+== block-float-1b.html block-float-1b-ref2.html
+!= block-float-1b.html block-float-1b-noref.html
+== block-float-2a.html block-float-2a-ref.html
+!= block-float-2a.html block-float-2a-noref.html
+== block-float-2b.html block-float-2b-ref.html
+!= block-float-2b.html block-float-2b-noref.html
+== block-float-3a.html block-float-3a-ref.html
+== block-float-3b.html block-float-3b-ref.html
+== block-float-1a-dyn.html block-float-1a-ref.html
+== block-float-1b-dyn.html block-float-1b-ref.html
+== block-float-2a-dyn.html block-float-2a-ref.html
+== block-float-2b-dyn.html block-float-2b-ref.html
+== block-float-3a-dyn.html block-float-3a-ref.html
+== block-float-3b-dyn.html block-float-3b-ref.html
+# Tests for various cases where clearance is applied and collapsing is
+# prevented or only allows for certain margins.
+== block-clear-1a.html block-clear-1a-ref.html
+== block-clear-1b.html block-clear-1b-ref.html
+== block-clear-2.html block-clear-2-ref.html
+!= block-clear-2.html block-clear-2-noref.html
+== block-clear-3a.html block-clear-3-ref-left.html
+== block-clear-3b.html block-clear-3-ref-right.html
+== block-clear-3c.html block-clear-3-ref-left.html
+== block-clear-3d.html block-clear-3-ref-right.html
+== block-clear-3e.html block-clear-3-ref-left.html
+== block-clear-3f.html block-clear-3-ref-right.html
+== block-clear-4a.html block-clear-4-ref-left.html
+== block-clear-4b.html block-clear-4-ref-left.html
+== block-clear-4c.html block-clear-4-ref-left.html
+== block-clear-4d.html block-clear-4-ref-right.html
+== block-clear-4e.html block-clear-4-ref-right.html
+== block-clear-4f.html block-clear-4-ref-right.html
+== block-clear-5a.html block-clear-5-left-ref.html
+== block-clear-5b.html block-clear-5-left-ref.html
+== block-clear-5c.html block-clear-5-left-ref.html
+== block-clear-5d.html block-clear-5-left-ref.html
+== block-clear-5e.html block-clear-5-right-ref.html
+== block-clear-5f.html block-clear-5-right-ref.html
+== block-clear-5g.html block-clear-5-right-ref.html
+== block-clear-5h.html block-clear-5-right-ref.html
+fails == block-clear-6a-left.html block-clear-6abc-left-ref.html # Bug 493380
+== block-clear-6b-left.html block-clear-6abc-left-ref.html
+== block-clear-6c-left.html block-clear-6abc-left-ref.html
+fails == block-clear-6d-left.html block-clear-6def-left-ref1.html # Bug 493380
+fails == block-clear-6d-left.html block-clear-6def-left-ref2.html # Bug 493380
+== block-clear-6e-left.html block-clear-6def-left-ref1.html
+== block-clear-6e-left.html block-clear-6def-left-ref2.html
+== block-clear-6f-left.html block-clear-6def-left-ref1.html
+== block-clear-6f-left.html block-clear-6def-left-ref2.html
+fails == block-clear-7a-left.html block-clear-7abcd-left-ref.html # Bug 493380
+fails == block-clear-7b-left.html block-clear-7abcd-left-ref.html # Bug 493380
+fails == block-clear-7c-left.html block-clear-7abcd-left-ref.html # Bug 493380
+== block-clear-7d-left.html block-clear-7abcd-left-ref.html
+fails == block-clear-7e-left.html block-clear-7efgh-left-ref1.html # Bug 493380
+fails == block-clear-7e-left.html block-clear-7efgh-left-ref2.html # Bug 493380
+fails == block-clear-7f-left.html block-clear-7efgh-left-ref1.html # Bug 493380
+fails == block-clear-7f-left.html block-clear-7efgh-left-ref2.html # Bug 493380
+fails == block-clear-7g-left.html block-clear-7efgh-left-ref1.html # Bug 493380
+fails == block-clear-7g-left.html block-clear-7efgh-left-ref2.html # Bug 493380
+== block-clear-7h-left.html block-clear-7efgh-left-ref1.html
+== block-clear-7h-left.html block-clear-7efgh-left-ref2.html
+# "Margins of the root element's box do not collapse."
+# Testing the root margins of a generic XML document.
+== block-xml-root-1.xml block-xml-root-1-ref.xml
+# In XML and XHTML, the html element is not necessarily the root element of
+# a document. In that case, the margins of the html element collapse
+# like the margins of any other block boxes.
+== block-xhtml-root-1a.xhtml block-xhtml-root-1-ref.xhtml
+== block-xhtml-root-1b.xhtml block-xhtml-root-1-ref.xhtml
+== block-xhtml-root-2.xhtml block-xhtml-root-2-ref.xhtml
+== block-xhtml-root-3.xhtml block-xhtml-root-3-ref.xhtml
+# When the html element is the root element of the document, its margins
+# do not collapse.
+== block-xhtml-html-1a.xhtml block-xhtml-html-1-ref.xhtml
+== block-xhtml-html-1b.xhtml block-xhtml-html-1-ref.xhtml
+== block-xhtml-html-2.xhtml block-xhtml-html-2-ref.xhtml
+== block-xhtml-html-3.xhtml block-xhtml-html-3-ref.xhtml
+== block-xhtml-html-1a-dyn.xhtml block-xhtml-html-1-ref.xhtml
+== block-xhtml-html-1b-dyn.xhtml block-xhtml-html-1-ref.xhtml
+== block-xhtml-html-2-dyn.xhtml block-xhtml-html-2-ref.xhtml
+== block-xhtml-html-3-dyn.xhtml block-xhtml-html-3-ref.xhtml
+# In HTML documents only the html element can be the root element.
+# Its margins do not collapse.
+== block-html-html-1a.html block-html-html-1-ref.html
+== block-html-html-1b.html block-html-html-1-ref.html
+== block-html-html-2.html block-html-html-2-ref.html
+== block-html-html-3.html block-html-html-3-ref.html
+== block-html-html-1a-dyn.html block-html-html-1-ref.html
+== block-html-html-1b-dyn.html block-html-html-1-ref.html
+== block-html-html-2-dyn.html block-html-html-2-ref.html
+== block-html-html-3-dyn.html block-html-html-3-ref.html
+# These are older tests that check whether margins on the root element collapse.
+== block-root-1a.html block-root-1a-ref.html
+== block-root-1a.html block-root-1a-ref2.html
+!= block-root-1a.html block-root-1a-noref1.html
+!= block-root-1a.html block-root-1a-noref2.html
+== block-root-1b.html block-root-1b-ref.html
+== block-root-1b.html block-root-1b-ref2.html
+== block-html-body-1.html block-html-body-1-ref.html
+== block-html-body-1.html block-html-body-1-ref2.html
+!= block-html-body-1.html block-html-body-1-noref.html
+# Some basic tests for margins given in percent and em.
+== block-percent-1.html block-percent-1-ref.html
+== block-percent-1-dyn.html block-percent-1-ref.html
+== block-percent-2.html block-percent-2-ref.html
+== block-percent-2-dyn.html block-percent-2-ref.html
+== block-em-length-1.html block-em-length-1-ref.html
+== block-em-length-1-dyn.html block-em-length-1-ref.html
+# Other tests.
+== dynamic-add-text-1.html dynamic-add-text-1-ref.html # Bug 467321
+== scrollable-vertical-margin.html scrollable-vertical-margin-ref.html
+== scrollable-horizontal-margin.html scrollable-horizontal-margin-ref.html
diff --git a/layout/reftests/margin-collapsing/scrollable-horizontal-margin-ref.html b/layout/reftests/margin-collapsing/scrollable-horizontal-margin-ref.html
new file mode 100644
index 0000000000..358c1f2bbc
--- /dev/null
+++ b/layout/reftests/margin-collapsing/scrollable-horizontal-margin-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 724352</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+x1,x2,x3,x4,x5,x6 { display:block; }
+x2 { overflow:auto; width:100px; background:grey; }
+x4 { width: 70px; }
+x3 { width: 70px; padding-left: 20px; padding-right: 10px; }
+    </style>
+</head>
+<body>
+
+<x1><x2 style="height:50px;">
+  <x3><x4 style="height:20px; background:lime; "></x4></x3>
+</x2></x1>
+
+
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/scrollable-horizontal-margin.html b/layout/reftests/margin-collapsing/scrollable-horizontal-margin.html
new file mode 100644
index 0000000000..5616b36fca
--- /dev/null
+++ b/layout/reftests/margin-collapsing/scrollable-horizontal-margin.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 724352</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+x1,x2,x3,x4,x5,x6 { display:block; }
+x2 { overflow:auto; width:100px; background:grey; }
+x4 { width: 70px; margin: 0 20px; }
+    </style>
+</head>
+<body>
+
+<x1><x2 style="height:50px;">
+  <x4 style="height:20px; background:lime; "></x4>
+</x2></x1>
+
+
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/scrollable-vertical-margin-ref.html b/layout/reftests/margin-collapsing/scrollable-vertical-margin-ref.html
new file mode 100644
index 0000000000..280f975335
--- /dev/null
+++ b/layout/reftests/margin-collapsing/scrollable-vertical-margin-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 724352</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+x1,x2,x3,x4,x5,x6 { display:block; }
+x7 {display:block; height:20px;background:lime;}
+    </style>
+</head>
+<body>
+
+<x1><x2 style="overflow:auto; background:grey; height:50px;">
+  <x3><x4 style="padding:20px 0 10px 0; height:20px;"><x7></x7></x4></x3>
+</x2>
+<x6 style="padding-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:70px;">
+  <x3 style="padding-bottom:30px"><x4 style="padding-top:20px; height:20px;"><x7></x7></x4></x3>
+</x2>
+<x6 style="padding-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:60px;">
+  <x3 style="padding-bottom:10px"><x4 style="padding-top:20px; height:20px;"><x7></x7></x4></x3>
+</x2>
+<x6 style="padding-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:50px;">
+  <x3 style="padding-bottom:10px"><x4 style="padding-top:20px; height:20px;"><x7></x7></x4></x3>
+</x2>
+<x6 style="padding-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:60px;">
+  <x3><x4 style="padding:20px 0; height:20px;"><x7></x7></x4></x3>
+</x2>
+<x6 style="padding-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:60px;">
+  <x3><x4 style="padding:20px 0; height:20px;"><x7></x7></x4></x3>
+</x2>
+<x6 style="padding-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:50px;">
+  <x3><x4 style="padding:10px 0 20px 0; height:20px;"><x7></x7></x4></x3>
+</x2>
+<x6 style="padding-top:10px">x</x6></x1>
+
+
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/scrollable-vertical-margin.html b/layout/reftests/margin-collapsing/scrollable-vertical-margin.html
new file mode 100644
index 0000000000..d752417a3b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/scrollable-vertical-margin.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 724352</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+x1,x2,x3,x4,x5,x6 { display:block; }
+    </style>
+</head>
+<body>
+
+<x1><x2 style="overflow:auto; background:grey; height:50px;">
+  <x3 style="margin-bottom:-10px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
+</x2>
+<x6 style="margin-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:70px;">
+  <x3 style="margin-bottom:30px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
+</x2>
+<x6 style="margin-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:60px;">
+  <x3 style="margin-bottom:10px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
+</x2>
+<x6 style="margin-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:50px;">
+  <x3 style="margin-bottom:20px"><x4 style="margin:20px 0 -10px 0; height:20px; background:lime; "></x4></x3>
+</x2>
+<x6 style="margin-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:60px;">
+  <x3 style="margin-bottom:20px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
+</x2>
+<x6 style="margin-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:60px;">
+  <x3 style="margin-top:20px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
+</x2>
+<x6 style="margin-top:10px">x</x6></x1>
+
+
+
+<x1><x2 style="overflow:auto; background:grey; height:50px;">
+  <x3 style="margin-top:-10px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
+</x2>
+<x6 style="margin-top:10px">x</x6></x1>
+
+
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-1-ref.html b/layout/reftests/margin-collapsing/table-caption-1-ref.html
new file mode 100644
index 0000000000..0b98396d10
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ width: 100px;
+ margin-right: auto;
+}
+#caption {
+ height: 20px;
+ background-color: blue;
+}
+.spacer {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div class="spacer"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div class="spacer"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-1a-dyn.html b/layout/reftests/margin-collapsing/table-caption-1a-dyn.html
new file mode 100644
index 0000000000..a046d4d11e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-1a-dyn.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-cell;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-1a.html b/layout/reftests/margin-collapsing/table-caption-1a.html
new file mode 100644
index 0000000000..b03965a6ea
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-1a.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-caption;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-1b-dyn.html b/layout/reftests/margin-collapsing/table-caption-1b-dyn.html
new file mode 100644
index 0000000000..d1f67398d0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-1b-dyn.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 20px;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-cell;
+ height: 20px;
+ margin: 10px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-1b.html b/layout/reftests/margin-collapsing/table-caption-1b.html
new file mode 100644
index 0000000000..20cc93bec6
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-1b.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 20px;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-caption;
+ height: 20px;
+ margin: 10px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-1c-dyn.html b/layout/reftests/margin-collapsing/table-caption-1c-dyn.html
new file mode 100644
index 0000000000..04a5fdc322
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-1c-dyn.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 15px;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-cell;
+ height: 20px;
+ margin: 15px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 15px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-1c.html b/layout/reftests/margin-collapsing/table-caption-1c.html
new file mode 100644
index 0000000000..b7956a130b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-1c.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 15px;
+}
+#table {
+ display: table;
+ width: 100px;
+}
+#caption {
+ display: table-caption;
+ height: 20px;
+ margin: 15px 0;
+ background-color: blue;
+}
+#block2 {
+ margin-top: 15px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-2-ref.html b/layout/reftests/margin-collapsing/table-caption-2-ref.html
new file mode 100644
index 0000000000..dbb6e7ec53
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ margin-bottom: 30px;
+ background-color: green;
+}
+#caption {
+ width: 100px;
+ height: 20px;
+ margin-bottom: 30px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div>
+ <div id="caption"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-2a-dyn.html b/layout/reftests/margin-collapsing/table-caption-2a-dyn.html
new file mode 100644
index 0000000000..18651e4ff9
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-2a-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 10px 0;
+}
+#caption {
+ display: table-cell;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-2a.html b/layout/reftests/margin-collapsing/table-caption-2a.html
new file mode 100644
index 0000000000..f8a71b9162
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-2a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 10px 0;
+}
+#caption {
+ display: table-caption;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-2b-dyn.html b/layout/reftests/margin-collapsing/table-caption-2b-dyn.html
new file mode 100644
index 0000000000..e3b470b192
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-2b-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 20px 0;
+}
+#caption {
+ display: table-cell;
+ height: 20px;
+ margin: 10px 0;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-2b.html b/layout/reftests/margin-collapsing/table-caption-2b.html
new file mode 100644
index 0000000000..4d2cc46ced
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-2b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 20px 0;
+}
+#caption {
+ display: table-caption;
+ height: 20px;
+ margin: 10px 0;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-2c-dyn.html b/layout/reftests/margin-collapsing/table-caption-2c-dyn.html
new file mode 100644
index 0000000000..a5846a3862
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-2c-dyn.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 15px 0;
+}
+#caption {
+ display: table-cell;
+ height: 20px;
+ margin: 15px 0;
+ background-color: blue;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-2c.html b/layout/reftests/margin-collapsing/table-caption-2c.html
new file mode 100644
index 0000000000..43eb548429
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-2c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.separator {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 15px 0;
+}
+#caption {
+ display: table-caption;
+ height: 20px;
+ margin: 15px 0;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="separator"></div>
+<div id="table">
+ <div id="caption"></div>
+</div>
+<div class="separator"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-bottom-1-dyn.html b/layout/reftests/margin-collapsing/table-caption-bottom-1-dyn.html
new file mode 100644
index 0000000000..549a529533
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-bottom-1-dyn.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#block2 {
+ margin-top: 10px;
+}
+#table {
+ display: table;
+}
+#caption {
+ display: table-cell;
+ caption-side: bottom;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ width: 100px;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-bottom-1-ref.html b/layout/reftests/margin-collapsing/table-caption-bottom-1-ref.html
new file mode 100644
index 0000000000..9f554fcdce
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-bottom-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ width: 100px;
+}
+#caption {
+ height: 20px;
+ background-color: blue;
+}
+#cell {
+ height: 20px;
+ background-color: orange;
+}
+#spacer1 {
+ height: 10px;
+}
+#spacer2 {
+ height: 20px;
+}
+#spacer3 {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div class="block"></div>
+<div id="spacer1"></div>
+<div id="table">
+ <div id="cell"></div>
+ <div id="spacer2"></div>
+ <div id="caption"></div>
+</div>
+<div id="spacer3"></div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-bottom-1.html b/layout/reftests/margin-collapsing/table-caption-bottom-1.html
new file mode 100644
index 0000000000..2bfa7c997d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-bottom-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#block2 {
+ margin-top: 10px;
+}
+#table {
+ display: table;
+}
+#caption {
+ display: table-caption;
+ caption-side: bottom;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ width: 100px;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-bottom-2-dyn.html b/layout/reftests/margin-collapsing/table-caption-bottom-2-dyn.html
new file mode 100644
index 0000000000..41b05c6c28
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-bottom-2-dyn.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ margin: 10px 0;
+}
+#caption {
+ display: table-cell;
+ caption-side: bottom;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ width: 100px;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="block"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-bottom-2-ref.html b/layout/reftests/margin-collapsing/table-caption-bottom-2-ref.html
new file mode 100644
index 0000000000..9f18a88910
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-bottom-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ margin-top: 10px;
+ width: 100px;
+}
+#cell {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: orange;
+}
+#caption {
+ height: 20px;
+ margin-bottom: 30px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div class="block"></div>
+<div id="table">
+ <div id="cell"></div>
+ <div id="caption"></div>
+</div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-bottom-2.html b/layout/reftests/margin-collapsing/table-caption-bottom-2.html
new file mode 100644
index 0000000000..9b3880c0f2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-bottom-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ margin: 10px 0;
+}
+#caption {
+ display: table-caption;
+ caption-side: bottom;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ width: 100px;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+</head>
+<body>
+<div class="block"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-top-1-dyn.html b/layout/reftests/margin-collapsing/table-caption-top-1-dyn.html
new file mode 100644
index 0000000000..a6e17d090e
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-top-1-dyn.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#block2 {
+ margin-top: 10px;
+}
+#table {
+ display: table;
+}
+#caption {
+ display: table-cell;
+ caption-side: top;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ width: 100px;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-top-1-ref.html b/layout/reftests/margin-collapsing/table-caption-top-1-ref.html
new file mode 100644
index 0000000000..0c622dfe90
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-top-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ width: 100px;
+}
+#caption {
+ height: 20px;
+ background-color: blue;
+}
+#cell {
+ height: 20px;
+ background-color: orange;
+}
+#spacer1 {
+ height: 10px;
+}
+#spacer2 {
+ height: 20px;
+}
+#spacer3 {
+ height: 30px;
+}
+</style>
+</head>
+<body>
+<div class="block"></div>
+<div id="spacer3"></div>
+<div id="table">
+ <div id="caption"></div>
+<div id="spacer2"></div>
+ <div id="cell"></div>
+</div>
+<div id="spacer1"></div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-top-1.html b/layout/reftests/margin-collapsing/table-caption-top-1.html
new file mode 100644
index 0000000000..55af9b4e52
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-top-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1, #block2 {
+ height: 20px;
+ background-color: green;
+}
+#block1 {
+ margin-bottom: 10px;
+}
+#block2 {
+ margin-top: 10px;
+}
+#table {
+ display: table;
+}
+#caption {
+ display: table-caption;
+ caption-side: top;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ width: 100px;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-top-2-dyn.html b/layout/reftests/margin-collapsing/table-caption-top-2-dyn.html
new file mode 100644
index 0000000000..395d595c23
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-top-2-dyn.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 10px 0;
+}
+#caption {
+ display: table-cell;
+ caption-side: top;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('caption').style.display = 'table-caption';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div class="block"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-top-2-ref.html b/layout/reftests/margin-collapsing/table-caption-top-2-ref.html
new file mode 100644
index 0000000000..f845aba141
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-top-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#table {
+ width: 100px;
+}
+#caption {
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: blue;
+}
+#cell {
+ height: 20px;
+ margin-bottom: 10px;
+ background-color: orange;
+}
+</style>
+</head>
+<body>
+<div class="block"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-caption-top-2.html b/layout/reftests/margin-collapsing/table-caption-top-2.html
new file mode 100644
index 0000000000..884c10687d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-caption-top-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+.block {
+ height: 20px;
+ background-color: green;
+}
+#table {
+ display: table;
+ width: 100px;
+ margin: 10px 0;
+}
+#caption {
+ display: table-caption;
+ caption-side: top;
+ height: 20px;
+ margin: 20px 0;
+ background-color: blue;
+}
+#cell {
+ display: table-cell;
+ height: 20px;
+ background-color: orange;
+}
+</style>
+</head>
+<body>
+<div class="block"></div>
+<div id="table">
+ <div id="caption"></div>
+ <div id="cell"></div>
+</div>
+<div class="block"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1-noref.html b/layout/reftests/margin-collapsing/table-sibling-1-noref.html
new file mode 100644
index 0000000000..c04fc069c2
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1-noref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#table {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-bottom: 30px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1-noref2.html b/layout/reftests/margin-collapsing/table-sibling-1-noref2.html
new file mode 100644
index 0000000000..256cae9f09
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1-noref2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 40px;
+}
+#table {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-bottom: 40px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1-ref.html b/layout/reftests/margin-collapsing/table-sibling-1-ref.html
new file mode 100644
index 0000000000..e12feb34fb
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1a-dyn.html b/layout/reftests/margin-collapsing/table-sibling-1a-dyn.html
new file mode 100644
index 0000000000..be2db0590b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1a-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#table {
+ display: none;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('table').style.display = 'table';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1a.html b/layout/reftests/margin-collapsing/table-sibling-1a.html
new file mode 100644
index 0000000000..b7e76316ef
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1a.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#table {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1b-dyn.html b/layout/reftests/margin-collapsing/table-sibling-1b-dyn.html
new file mode 100644
index 0000000000..e1666e28ba
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1b-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table {
+ display: none;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('table').style.display = 'table';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1b.html b/layout/reftests/margin-collapsing/table-sibling-1b.html
new file mode 100644
index 0000000000..46033bff63
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1b.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1c-dyn.html b/layout/reftests/margin-collapsing/table-sibling-1c-dyn.html
new file mode 100644
index 0000000000..4fa52dfda3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1c-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table {
+ display: none;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('table').style.display = 'table';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-1c.html b/layout/reftests/margin-collapsing/table-sibling-1c.html
new file mode 100644
index 0000000000..76c90a1aee
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-1c.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#block1 {
+ display: block;
+ height: 20px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#block2 {
+ display: block;
+ height: 20px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="block1"></div>
+<div id="table"></div>
+<div id="block2"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2-noref.html b/layout/reftests/margin-collapsing/table-sibling-2-noref.html
new file mode 100644
index 0000000000..f0ffec8230
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2-noref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#table2 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-bottom: 30px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2-noref2.html b/layout/reftests/margin-collapsing/table-sibling-2-noref2.html
new file mode 100644
index 0000000000..3d476c01de
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2-noref2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 40px;
+}
+#table2 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-bottom: 40px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2-ref.html b/layout/reftests/margin-collapsing/table-sibling-2-ref.html
new file mode 100644
index 0000000000..f46d5b8dd3
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table2 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-bottom: 20px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2a-dyn.html b/layout/reftests/margin-collapsing/table-sibling-2a-dyn.html
new file mode 100644
index 0000000000..dcfcb70ca0
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2a-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#table2 {
+ display: none;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+ margin-top: 10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('table2').style.display = 'table';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2a.html b/layout/reftests/margin-collapsing/table-sibling-2a.html
new file mode 100644
index 0000000000..de97671351
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2a.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#table2 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+ margin-top: 10px;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2b-dyn.html b/layout/reftests/margin-collapsing/table-sibling-2b-dyn.html
new file mode 100644
index 0000000000..6007423a7b
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2b-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table2 {
+ display: none;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('table2').style.display = 'table';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2b.html b/layout/reftests/margin-collapsing/table-sibling-2b.html
new file mode 100644
index 0000000000..20017bda1a
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2b.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table2 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2c-dyn.html b/layout/reftests/margin-collapsing/table-sibling-2c-dyn.html
new file mode 100644
index 0000000000..0345a9f932
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2c-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table2 {
+ display: none;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('table2').style.display = 'table';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-2c.html b/layout/reftests/margin-collapsing/table-sibling-2c.html
new file mode 100644
index 0000000000..cb063c7063
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-2c.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table2 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-3-dyn.html b/layout/reftests/margin-collapsing/table-sibling-3-dyn.html
new file mode 100644
index 0000000000..934a20fb2d
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-3-dyn.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 10px;
+}
+#table2 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: red;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+ margin-top: 20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('table2').style.display = 'none';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('MozReftestInvalidate', test);
+</script>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-3-noref.html b/layout/reftests/margin-collapsing/table-sibling-3-noref.html
new file mode 100644
index 0000000000..69952b9024
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-3-noref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 30px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/margin-collapsing/table-sibling-3-ref.html b/layout/reftests/margin-collapsing/table-sibling-3-ref.html
new file mode 100644
index 0000000000..9b1dc0724f
--- /dev/null
+++ b/layout/reftests/margin-collapsing/table-sibling-3-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#table1 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+#table3 {
+ display: table;
+ height: 20px; width: 100px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="table1"></div>
+<div id="table2"></div>
+<div id="table3"></div>
+</body>
+</html>
diff --git a/layout/reftests/marquee/1160342-1.html b/layout/reftests/marquee/1160342-1.html
new file mode 100644
index 0000000000..85e7215fbb
--- /dev/null
+++ b/layout/reftests/marquee/1160342-1.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title>Bug 1160342 - Implement marquee using mutation observers</title>
+</head>
+<body onload="document.getElementById('a').setAttribute('behavior', 'alternate')">
+<marquee id="a" scrollamount=0 direction=right>
+This text should be visible
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/1160342-2.html b/layout/reftests/marquee/1160342-2.html
new file mode 100644
index 0000000000..99b288568b
--- /dev/null
+++ b/layout/reftests/marquee/1160342-2.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title>Bug 1160342 - Implement marquee using mutation observers</title>
+</head>
+<body onload="document.getElementById('a').setAttribute('direction', 'right')">
+<marquee id="a" behavior=alternate scrollamount=0>
+This text should be visible
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/1160342-ref.html b/layout/reftests/marquee/1160342-ref.html
new file mode 100644
index 0000000000..d56c90642a
--- /dev/null
+++ b/layout/reftests/marquee/1160342-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title>Bug 1160342 - Implement marquee using mutation observers</title>
+</head>
+<body>
+<marquee id="a" behavior=alternate scrollamount=0 direction=right>
+This text should be visible
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/166591-dynamic-1-ref.html b/layout/reftests/marquee/166591-dynamic-1-ref.html
new file mode 100644
index 0000000000..a9bed7d5fb
--- /dev/null
+++ b/layout/reftests/marquee/166591-dynamic-1-ref.html
@@ -0,0 +1,6 @@
+<html><head>
+</head>
+<body>
+<div id="test"><marquee behavior="alternate" scrollamount="0">dynamic marquee</marquee></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/marquee/166591-dynamic-1.html b/layout/reftests/marquee/166591-dynamic-1.html
new file mode 100644
index 0000000000..278b2a37bf
--- /dev/null
+++ b/layout/reftests/marquee/166591-dynamic-1.html
@@ -0,0 +1,11 @@
+<html><head>
+<script>
+function init() {
+  document.getElementById('test').innerHTML = '<marquee behavior="alternate" scrollamount="0">dynamic marquee</marquee>';
+}
+</script>
+</head>
+<body onload="init();">
+<div id="test"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/marquee/336736-1-ref.html b/layout/reftests/marquee/336736-1-ref.html
new file mode 100644
index 0000000000..116e5ade28
--- /dev/null
+++ b/layout/reftests/marquee/336736-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<div style="background: green; width: 50px">&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/marquee/336736-1a.html b/layout/reftests/marquee/336736-1a.html
new file mode 100644
index 0000000000..fb54f3060e
--- /dev/null
+++ b/layout/reftests/marquee/336736-1a.html
@@ -0,0 +1,13 @@
+<html>
+<body dir="rtl">
+<!-- The "alternate" behavior is necessary for the
+     marquee text to start out on the screen.      -->
+<marquee 
+  direction="right" 
+  scrollamount="0"
+  behavior="alternate"
+>
+<div style="background: green; width: 50px">&nbsp;</div>
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/336736-1b.html b/layout/reftests/marquee/336736-1b.html
new file mode 100644
index 0000000000..85338167c2
--- /dev/null
+++ b/layout/reftests/marquee/336736-1b.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+<!-- The "alternate" behavior is necessary for the
+     marquee text to start out on the screen.      -->
+<marquee 
+  direction="right" 
+  scrollamount="0"
+  behavior="alternate"
+>
+<div style="background: green; width: 50px">&nbsp;</div>
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/406073-1-ref.html b/layout/reftests/marquee/406073-1-ref.html
new file mode 100644
index 0000000000..751bb5db7f
--- /dev/null
+++ b/layout/reftests/marquee/406073-1-ref.html
@@ -0,0 +1,11 @@
+<html class="reftest-wait">
+<body style="border:3px solid;" onload="setTimeout(doe, 0)">
+<marquee behavior="alternate" scrollamount="100"><span style="background-color: lime;">marquee</span></marquee>
+  <script>
+    function doe() {
+      document.getElementsByTagName('marquee')[0].stop();
+      document.documentElement.className = "";
+    }
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/marquee/406073-1.html b/layout/reftests/marquee/406073-1.html
new file mode 100644
index 0000000000..01787afda3
--- /dev/null
+++ b/layout/reftests/marquee/406073-1.html
@@ -0,0 +1,23 @@
+<html class="reftest-wait">
+<body style="border:3px solid;" onload="setTimeout(doe, 0)">
+<marquee behavior="alternate" scrollamount="100"><span style="background-color: lime;">marquee</span></marquee>
+  <script>
+    function doe() {
+      document.getElementsByTagName('marquee')[0].stop();
+      document.getElementsByTagName('marquee')[0].start();
+      document.getElementsByTagName('marquee')[0].stop();
+      document.getElementsByTagName('marquee')[0].start();
+      document.getElementsByTagName('marquee')[0].stop();
+      document.getElementsByTagName('marquee')[0].start();
+      document.getElementsByTagName('marquee')[0].stop();
+      document.getElementsByTagName('marquee')[0].start();
+      document.getElementsByTagName('marquee')[0].stop();
+      document.getElementsByTagName('marquee')[0].start();
+      document.getElementsByTagName('marquee')[0].stop();
+      document.getElementsByTagName('marquee')[0].start();
+      document.getElementsByTagName('marquee')[0].stop();
+      document.documentElement.className = "";
+    }
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/marquee/407016-2-ref.html b/layout/reftests/marquee/407016-2-ref.html
new file mode 100644
index 0000000000..25fee1b7dc
--- /dev/null
+++ b/layout/reftests/marquee/407016-2-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<div style="background-color: lime; height: 50px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/marquee/407016-2.html b/layout/reftests/marquee/407016-2.html
new file mode 100644
index 0000000000..65e1273b9c
--- /dev/null
+++ b/layout/reftests/marquee/407016-2.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+<marquee scrollamount="0" style="height: 50px; background-color: lime;">
+<div style="width: 9999px;">&nbsp;</div>
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/413027-4-ref.html b/layout/reftests/marquee/413027-4-ref.html
new file mode 100644
index 0000000000..22fdd42e60
--- /dev/null
+++ b/layout/reftests/marquee/413027-4-ref.html
@@ -0,0 +1,10 @@
+<html><head>
+<title>Testcase for bug 413027 - Marquee height is sized too small, clipping text vertically</title>
+</head>
+<body>
+
+<div style="background-color: lime; width: 600px; float:left;">
+  <div style="margin: 100px 0px; padding-left: 2px;">text</div>
+</div>
+      
+</body></html>
diff --git a/layout/reftests/marquee/413027-4.html b/layout/reftests/marquee/413027-4.html
new file mode 100644
index 0000000000..d57f2f1215
--- /dev/null
+++ b/layout/reftests/marquee/413027-4.html
@@ -0,0 +1,15 @@
+<html><head>
+<title>Testcase for bug 413027 - Marquee height is sized too small, clipping text vertically</title>
+</head>
+<body>
+
+<marquee scrollamount="0" behavior="alternate" direction="right" style="background-color: lime; width: 600px;">
+<div>
+<!-- padding-left used to avoid risk of an antialiasing pixel that may
+     project to the left of the origin, causing a spurious test failure
+     (see bugs 476927, 475968) -->
+  <div style="margin: 100px 0px; padding-left: 2px;">text</div>
+</div>
+</marquee>
+      
+</body></html>
diff --git a/layout/reftests/marquee/425247-1-ref.html b/layout/reftests/marquee/425247-1-ref.html
new file mode 100644
index 0000000000..3b3a84d41d
--- /dev/null
+++ b/layout/reftests/marquee/425247-1-ref.html
@@ -0,0 +1,9 @@
+<html><head>
+<title>Bug 425247 � Marquee with uppercase UP or DOWN as direction doesn't work properly</title>
+</head>
+<body>
+<marquee direction="up" bgcolor="magenta" behavior="alternate" scrollamount="0">
+<marquee bgcolor="yellow" behavior="alternate" scrollamount="0">marquee up</marquee>
+</marquee>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/marquee/425247-1.html b/layout/reftests/marquee/425247-1.html
new file mode 100644
index 0000000000..dfa5021c45
--- /dev/null
+++ b/layout/reftests/marquee/425247-1.html
@@ -0,0 +1,9 @@
+<html><head>
+<title>Bug 425247 � Marquee with uppercase UP or DOWN as direction doesn't work properly</title>
+</head>
+<body>
+<MARQUEE DIRECTION=UP BGCOLOR=MAGENTA BEHAVIOR=ALTERNATE SCROLLAMOUNT=0>
+<MARQUEE BGCOLOR=YELLOW BEHAVIOR=ALTERNATE SCROLLAMOUNT=0>marquee up</MARQUEE>
+</MARQUEE>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/marquee/425247-2-ref.html b/layout/reftests/marquee/425247-2-ref.html
new file mode 100644
index 0000000000..564d749798
--- /dev/null
+++ b/layout/reftests/marquee/425247-2-ref.html
@@ -0,0 +1,9 @@
+<html><head>
+<title>Bug 425247 � Marquee with uppercase UP or DOWN as direction doesn't work properly</title>
+</head>
+<body>
+<marquee direction="down" bgcolor="magenta" behavior="alternate" scrollamount="0">
+<marquee bgcolor="yellow" behavior="alternate" scrollamount="0">marquee down</marquee>
+</marquee>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/marquee/425247-2.html b/layout/reftests/marquee/425247-2.html
new file mode 100644
index 0000000000..4cb66b9017
--- /dev/null
+++ b/layout/reftests/marquee/425247-2.html
@@ -0,0 +1,9 @@
+<html><head>
+<title>Bug 425247 � Marquee with uppercase UP or DOWN as direction doesn't work properly</title>
+</head>
+<body>
+<MARQUEE DIRECTION=DOWN BGCOLOR=MAGENTA BEHAVIOR=ALTERNATE SCROLLAMOUNT=0>
+<MARQUEE BGCOLOR=YELLOW BEHAVIOR=ALTERNATE SCROLLAMOUNT=0>marquee down</MARQUEE>
+</MARQUEE>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/marquee/429849-1-ref.html b/layout/reftests/marquee/429849-1-ref.html
new file mode 100644
index 0000000000..3b9c3166eb
--- /dev/null
+++ b/layout/reftests/marquee/429849-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title>Bug 429849 � marquee text not on one line , part of this line on top and second part on bottom</title>
+</head>
+<body>
+<marquee behavior=alternate scrollamount=0 direction=right>
+This text should be on one line
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/429849-1.html b/layout/reftests/marquee/429849-1.html
new file mode 100644
index 0000000000..6b1757fd0e
--- /dev/null
+++ b/layout/reftests/marquee/429849-1.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title>Bug 429849 � marquee text not on one line , part of this line on top and second part on bottom</title>
+</head>
+<body>
+<marquee behavior=alternate scrollamount=0 direction=right>
+This text <script>document.body.offsetHeight;</script>should be on one line
+</marquee>
+</body>
+</html>
diff --git a/layout/reftests/marquee/reftest.list b/layout/reftests/marquee/reftest.list
new file mode 100644
index 0000000000..ac6772f6c9
--- /dev/null
+++ b/layout/reftests/marquee/reftest.list
@@ -0,0 +1,11 @@
+== 166591-dynamic-1.html 166591-dynamic-1-ref.html
+fuzzy-if(Android,0-8,0-50) == 336736-1a.html 336736-1-ref.html
+fuzzy-if(Android,0-8,0-50) == 336736-1b.html 336736-1-ref.html
+== 406073-1.html 406073-1-ref.html
+== 407016-2.html 407016-2-ref.html
+fuzzy-if(Android,0-8,0-220) == 413027-4.html 413027-4-ref.html
+fuzzy-if(Android,0-8,0-30) == 425247-1.html 425247-1-ref.html
+fuzzy-if(Android,0-8,0-30) == 425247-2.html 425247-2-ref.html
+random == 429849-1.html 429849-1-ref.html # bug 432288
+== 1160342-1.html 1160342-ref.html
+== 1160342-2.html 1160342-ref.html
diff --git a/layout/reftests/mathml/largeop-1-ref.html b/layout/reftests/mathml/largeop-1-ref.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/mathml/largeop-1.html b/layout/reftests/mathml/largeop-1.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/mathml/mathml-mmultiscript-base-ref.html b/layout/reftests/mathml/mathml-mmultiscript-base-ref.html
new file mode 100644
index 0000000000..45f43e9f9b
--- /dev/null
+++ b/layout/reftests/mathml/mathml-mmultiscript-base-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>mmultiscript with only base</title>
+	</head>
+	
+	<body>
+		<math>
+			<mmultiscripts>
+			<mtext>base</mtext>
+			</mmultiscripts>
+		</math>
+	</body>
+</html>
diff --git a/layout/reftests/mathml/mathml-mmultiscript-base.html b/layout/reftests/mathml/mathml-mmultiscript-base.html
new file mode 100644
index 0000000000..f2832df479
--- /dev/null
+++ b/layout/reftests/mathml/mathml-mmultiscript-base.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>mmultiscript with only base and none as placeholder</title>
+	</head>
+
+	<body>
+		<math> 
+			<mmultiscripts>
+				<mtext>base</mtext>
+				<none/>
+				<none/>
+			</mmultiscripts>
+		</math>
+	</body>
+</html>
diff --git a/layout/reftests/mathml/mathml-mmultiscript-mprescript-ref.html b/layout/reftests/mathml/mathml-mmultiscript-mprescript-ref.html
new file mode 100644
index 0000000000..b30e7fb976
--- /dev/null
+++ b/layout/reftests/mathml/mathml-mmultiscript-mprescript-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>mmultiscript with mprescripts without none</title>
+	</head>
+
+	<body>
+		<math> 
+			<mmultiscripts>
+				<mtext>base</mtext>
+				<mprescripts/>
+			</mmultiscripts>
+		</math>
+	</body>
+</html>
diff --git a/layout/reftests/mathml/mathml-mmultiscript-mprescript.html b/layout/reftests/mathml/mathml-mmultiscript-mprescript.html
new file mode 100644
index 0000000000..5bc0b5a5ad
--- /dev/null
+++ b/layout/reftests/mathml/mathml-mmultiscript-mprescript.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>mmultiscript with mprescripts with none as placeholders</title>
+	</head>
+	
+	<body>
+		<math>
+			<mmultiscripts>
+				<mtext>base</mtext>
+				<none/>
+				<none/>
+				<mprescripts/>
+			</mmultiscripts>
+
+		</math>
+	</body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-1-ref.html b/layout/reftests/mathml/mirror-op-1-ref.html
new file mode 100644
index 0000000000..d7515156c3
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <style type="text/css">
+    mo {
+      transform: scaleX(-1.0);
+    }
+  </style>
+  <body>
+
+    <p><math><mo>(</mo></math></p>
+    <p><math><mo>)</mo></math></p>
+    <p><math><mo>[</mo></math></p>
+    <p><math><mo>]</mo></math></p>
+    <p><math><mo>{</mo></math></p>
+    <p><math><mo>}</mo></math></p>
+    
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-1.html b/layout/reftests/mathml/mirror-op-1.html
new file mode 100644
index 0000000000..bb59e16c23
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <body>
+
+    <p><math dir="rtl"><mo>(</mo></math></p>
+    <p><math dir="rtl"><mo>)</mo></math></p>
+    <p><math dir="rtl"><mo>[</mo></math></p>
+    <p><math dir="rtl"><mo>]</mo></math></p>
+    <p><math dir="rtl"><mo>{</mo></math></p>
+    <p><math dir="rtl"><mo>}</mo></math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-2-ref.html b/layout/reftests/mathml/mirror-op-2-ref.html
new file mode 100644
index 0000000000..c67710cca6
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <body>
+
+    <p><math display="block"><mo>&#x2211;</mo></math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-2.html b/layout/reftests/mathml/mirror-op-2.html
new file mode 100644
index 0000000000..5db6819cfe
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <body>
+
+    <p><math display="block" dir="rtl"><mo>&#x2211;</mo></math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-3-ref.html b/layout/reftests/mathml/mirror-op-3-ref.html
new file mode 100644
index 0000000000..fc3a183ef3
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <body>
+
+    <p><math display="block"><mo>&#x221A;</mo></math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-3.html b/layout/reftests/mathml/mirror-op-3.html
new file mode 100644
index 0000000000..501af10926
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-3.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <body>
+
+    <p><math display="block" dir="rtl"><mo>&#x221A;</mo></math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-4-ref.html b/layout/reftests/mathml/mirror-op-4-ref.html
new file mode 100644
index 0000000000..6c39a47a33
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-4-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <body>
+
+    <p><math display="block"><mo>&#x222B;</mo></math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mirror-op-4.html b/layout/reftests/mathml/mirror-op-4.html
new file mode 100644
index 0000000000..ba1acf89f7
--- /dev/null
+++ b/layout/reftests/mathml/mirror-op-4.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test mirror op</title></head>
+  <body>
+
+    <p><math display="block" dir="rtl"><mo>&#x222B;</mo></math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mmultiscript-align-ref.html b/layout/reftests/mathml/mmultiscript-align-ref.html
new file mode 100644
index 0000000000..337852837f
--- /dev/null
+++ b/layout/reftests/mathml/mmultiscript-align-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>alignment of mmultiscript sub/superscripts</title>
+  </head>
+
+  <body>
+    <math>
+      <mmultiscripts>
+        <mspace width="50px" height="50px" mathbackground="red"/>
+        <mrow>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+          <mspace width="50px" height="10px"/>
+        </mrow>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+        <mprescripts/>
+        <mrow>
+          <mspace width="50px" height="10px"/>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+        </mrow>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+      </mmultiscripts>
+    </math>
+    <br/>
+    <math>
+      <mmultiscripts>
+        <mspace width="50px" height="50px" mathbackground="red"/>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+        <mrow>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+          <mspace width="50px" height="10px"/>
+        </mrow>
+        <mprescripts/>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+        <mrow>
+          <mspace width="50px" height="10px"/>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+        </mrow>
+      </mmultiscripts>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mmultiscript-align.html b/layout/reftests/mathml/mmultiscript-align.html
new file mode 100644
index 0000000000..44fb713a34
--- /dev/null
+++ b/layout/reftests/mathml/mmultiscript-align.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>alignment of mmultiscript sub/superscripts</title>
+  </head>
+
+  <body>
+    <math>
+      <mmultiscripts>
+        <mspace width="50px" height="50px" mathbackground="red"/>
+        <mrow>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+        </mrow>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+        <mprescripts/>
+        <mrow>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+        </mrow>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+      </mmultiscripts>
+    </math>
+    <br/>
+    <math>
+      <mmultiscripts>
+        <mspace width="50px" height="50px" mathbackground="red"/>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+        <mrow>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+        </mrow>
+        <mprescripts/>
+        <mspace width="100px" height="10px" mathbackground="green"/>
+        <mrow>
+          <mspace width="50px" height="10px" mathbackground="blue"/>
+        </mrow>
+      </mmultiscripts>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mo-glyph-size-ref.html b/layout/reftests/mathml/mo-glyph-size-ref.html
new file mode 100644
index 0000000000..e4dd43747e
--- /dev/null
+++ b/layout/reftests/mathml/mo-glyph-size-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+</head>
+<body>
+<!-- Bug 1219068 -->
+
+<div id="hider"
+     style="position:absolute; top:0; left:0; background-color:green;
+            height:1em; width:100%; z-index:1; padding-top:5px;
+            padding-bottom:5px;" />
+</body>
+</html>
diff --git a/layout/reftests/mathml/mo-glyph-size.html b/layout/reftests/mathml/mo-glyph-size.html
new file mode 100644
index 0000000000..c0cc726daf
--- /dev/null
+++ b/layout/reftests/mathml/mo-glyph-size.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="UTF-8">
+</head>
+<body>
+<!-- Bug 1219068 -->
+
+<math style="position:absolute; top: 0; font-size:1em;  z-index: 0;" display="block">
+<mrow>
+  <mo>|</mo>
+  <mrow>
+    <mi>f</mi>
+    <mrow>
+      <mn>(</mn>
+      <mi>x</mi>
+      <mn>)</mn>
+    </mrow>
+    <mn>-</mn>
+    <mrow>
+      <mi>f</mi>
+      <mrow>
+        <mn>(</mn>
+        <msub>
+          <mi>x</mi>
+          <mn>0</mn>
+        </msub>
+        <mn>)</mn>
+      </mrow>
+    </mrow>
+  </mrow>
+  <mo>|</mo>
+</mrow>
+</math>
+<div id="hider"
+     style="position:absolute; top:0; left:0; background-color:green;
+            height:1em; width:100%; z-index:1; padding-top:5px;
+            padding-bottom:5px; visibility:hidden" />
+  <script>
+    function obscureMathML() {
+      var hider = document.getElementById("hider");
+      hider.style.visibility="visible";
+      // The math should now be completely obscured
+
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", obscureMathML);
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/mathml/mpadded-7-ref.html b/layout/reftests/mathml/mpadded-7-ref.html
new file mode 100644
index 0000000000..50f14246ee
--- /dev/null
+++ b/layout/reftests/mathml/mpadded-7-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test mpadded</title>
+  </head>
+  <body>
+    <math>
+      <mpadded mathbackground="red" height="100height" depth="0">
+        <mphantom>
+          <mtext>&#x1D687;<!-- Mathematical Monospace Capital X --></mtext>
+        </mphantom>
+      </mpadded>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mpadded-7.html b/layout/reftests/mathml/mpadded-7.html
new file mode 100644
index 0000000000..94d51b5845
--- /dev/null
+++ b/layout/reftests/mathml/mpadded-7.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test mpadded</title>
+  </head>
+  <body>
+    <math>
+      <!--height in term of height should not depend on the characters-->
+      <mpadded mathbackground="red" height="100height" depth="0">
+        <mphantom>
+          <mtext>&#x1D692;<!-- Mathematical Monospace Small I --></mtext>
+        </mphantom>
+      </mpadded>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mpadded-8-ref.html b/layout/reftests/mathml/mpadded-8-ref.html
new file mode 100644
index 0000000000..e01e6498f2
--- /dev/null
+++ b/layout/reftests/mathml/mpadded-8-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test mpadded</title>
+  </head>
+  <body>
+    <math>
+      <mpadded mathbackground="red" height="100width" depth="0">
+        <mphantom>
+          <mtext>&#x1D687;<!-- Mathematical Monospace Capital X --></mtext>
+        </mphantom>
+      </mpadded>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mpadded-8.html b/layout/reftests/mathml/mpadded-8.html
new file mode 100644
index 0000000000..4f203d4225
--- /dev/null
+++ b/layout/reftests/mathml/mpadded-8.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test mpadded</title>
+  </head>
+  <body>
+    <math>
+      <!--height in term of width should not depend on the characters-->
+      <mpadded mathbackground="red" height="100width" depth="0">
+        <mphantom>
+          <mtext>&#x1D692;<!-- Mathematical Monospace Small I --></mtext>
+        </mphantom>
+      </mpadded>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mpadded-9-ref.html b/layout/reftests/mathml/mpadded-9-ref.html
new file mode 100644
index 0000000000..e2a4943edd
--- /dev/null
+++ b/layout/reftests/mathml/mpadded-9-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test mpadded</title>
+  </head>
+  <body>
+    <math>
+      <mpadded mathbackground="red" width="100width">
+        <mphantom>
+          <mtext>&#x1D687;<!-- Mathematical Monospace Capital X --></mtext>
+        </mphantom>
+      </mpadded>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mpadded-9.html b/layout/reftests/mathml/mpadded-9.html
new file mode 100644
index 0000000000..2b86721f50
--- /dev/null
+++ b/layout/reftests/mathml/mpadded-9.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test mpadded</title>
+  </head>
+  <body>
+    <math>
+      <!--with fixed width, height + depth should not depend on the characters-->
+      <mpadded mathbackground="red" width="100width">
+        <mphantom>
+          <mtext>&#x1D692;<!-- Mathematical Monospace Small I --></mtext>
+        </mphantom>
+      </mpadded>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/mstyle-2-ref.xhtml b/layout/reftests/mathml/mstyle-2-ref.xhtml
new file mode 100644
index 0000000000..a8843780cb
--- /dev/null
+++ b/layout/reftests/mathml/mstyle-2-ref.xhtml
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=us-ascii" />
+  <title>Test mstyle</title>
+  <style type="text/css">
+    table { width: 100%;  border-collapse: collapse; }
+    td { border: solid black 1px; }
+  </style>
+</head>
+
+<body>
+
+<table>
+  <tbody>
+    <tr>
+      <td>mpadded: width</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mtext>_</mtext>
+            <mpadded/>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mpadded: lspace</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mtext>_</mtext>
+            <mpadded/>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mpadded: height</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <msup>
+              <mrow>
+                <mtext>_</mtext>
+                <mpadded/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msup>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mpadded: depth</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <msub>
+              <mrow>
+                <mtext>_</mtext>
+                <mpadded/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msub>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mspace: width</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mtext>_</mtext>
+            <mspace/>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mspace: height</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <msup>
+              <mrow>
+                <mtext>_</mtext>
+                <mspace/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msup>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mspace: depth</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <msub>
+              <mrow>
+                <mtext>_</mtext>
+                <mspace/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msub>
+          </mstyle>
+        </math></td>
+    </tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/mathml/mstyle-2.xhtml b/layout/reftests/mathml/mstyle-2.xhtml
new file mode 100644
index 0000000000..f11f3ad8cd
--- /dev/null
+++ b/layout/reftests/mathml/mstyle-2.xhtml
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=us-ascii" />
+  <title>Test mstyle</title>
+  <style type="text/css">
+    table { width: 100%;  border-collapse: collapse; }
+    td { border: solid black 1px; }
+  </style>
+</head>
+
+<body>
+
+<!-- The attributes below should no longer have effect on <mstyle>/<math>
+     elements. See bug 838509 -->
+
+<table>
+  <tbody>
+    <tr>
+      <td>mpadded: width</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" width="1em">
+          <mstyle width="1em">
+            <mtext>_</mtext>
+            <mpadded/>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mpadded: lspace</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" lspace="1em">
+          <mstyle lspace="1em">
+            <mtext>_</mtext>
+            <mpadded/>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mpadded: height</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" height="1em">
+          <mstyle height="1em">
+            <msup>
+              <mrow>
+                <mtext>_</mtext>
+                <mpadded/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msup>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mpadded: depth</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" depth="1em">
+          <mstyle depth="1em">
+            <msub>
+              <mrow>
+                <mtext>_</mtext>
+                <mpadded/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msub>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mspace: width</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" width="1em">
+          <mstyle width="1em">
+            <mtext>_</mtext>
+            <mspace/>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mspace: height</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" height="1em">
+          <mstyle height="1em">
+            <msup>
+              <mrow>
+                <mtext>_</mtext>
+                <mspace/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msup>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mspace: depth</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" depth="1em">
+          <mstyle depth="1em">
+            <msub>
+              <mrow>
+                <mtext>_</mtext>
+                <mspace/>
+                <mtext>_</mtext>
+              </mrow>
+              <mtext>_</mtext>
+            </msub>
+          </mstyle>
+        </math></td>
+    </tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/mathml/mstyle-3-ref.xhtml b/layout/reftests/mathml/mstyle-3-ref.xhtml
new file mode 100644
index 0000000000..66c03f89ad
--- /dev/null
+++ b/layout/reftests/mathml/mstyle-3-ref.xhtml
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=us-ascii" />
+  <title>Test mstyle</title>
+  <style type="text/css">
+    table { width: 100%;  border-collapse: collapse; }
+    td { border: solid black 1px; }
+  </style>
+</head>
+
+<body>
+
+<table>
+  <tbody>
+    <tr>
+      <td>mo: form</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mrow>
+              <!-- We assume that the infix/postfix forms of _ do -->
+              <!-- not have the same lspace/rspace values in the operator dictionary -->
+              <mtext>_</mtext>
+              <mo>_</mo>
+              <mtext>_</mtext>
+            </mrow>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: lspace, rspace</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mrow>
+              <!-- We assume that the infix form of _ has -->
+              <!-- nonzero lspace/rspace values in the operator dictionary -->
+              <mtext>_</mtext>
+              <mo>_</mo>
+              <mtext>_</mtext>
+            </mrow>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: stretchy</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mover>
+              <!-- We assume that the arrow has stretchy=true in the operator dictionary -->
+              <mtext>abcd</mtext>
+              <mo>&#x2192;</mo>
+            </mover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: accent</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mover>
+              <!-- We assume &#x23de; has accent=true in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23de;</mo>
+            </mover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: maxsize</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mo>(</mo>
+            <mspace height="3em"/>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: minsize</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mo>(</mo>
+            <mspace height="1em"/>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: symmetric</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <!-- We assume that ( has symmetric=true in the operator dictionary -->
+          <mstyle>
+            <mtext>_</mtext>
+            <mo minsize="200%">(</mo>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: movablelimits</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <!-- We assume that &#x2211; has movablelimits=true in the operator dictionary -->
+          <mstyle>
+            <munderover>
+              <mo>&#x2211;</mo>
+              <mi>a</mi>
+              <mi>b</mi>
+            </munderover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: largeop</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+          <!-- We assume that &#x2211; has largeop=true in the operator dictionary -->
+          <mstyle>
+            <mo>&#x2211;</mo>
+          </mstyle>
+        </math></td>
+    </tr>
+    <!-- 
+            fence: This attribute generally has no direct effect on the visual rendering.
+            separator: This attribute generally has no direct effect on the visual rendering.
+      -->
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/mathml/mstyle-3.xhtml b/layout/reftests/mathml/mstyle-3.xhtml
new file mode 100644
index 0000000000..4b395d3942
--- /dev/null
+++ b/layout/reftests/mathml/mstyle-3.xhtml
@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=us-ascii" />
+  <title>Test mstyle</title>
+  <style type="text/css">
+    table { width: 100%;  border-collapse: collapse; }
+    td { border: solid black 1px; }
+  </style>
+</head>
+
+<body>
+
+<!-- The attributes below (except math@display) should no longer have effect on
+     <mstyle>/<math> elements. See bug 838509 -->
+
+<table>
+  <tbody>
+    <tr>
+      <td>mo: form</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" form="postfix">
+          <mstyle form="postfix">
+            <mrow>
+              <!-- We assume that the infix/postfix forms of _ do -->
+              <!-- not have the same lspace/rspace values in the operator dictionary -->
+              <mtext>_</mtext>
+              <mo>_</mo>
+              <mtext>_</mtext>
+            </mrow>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: lspace, rspace</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" lspace="0" rspace="0">
+          <mstyle lspace="0" rspace="0">
+            <mrow>
+              <!-- We assume that the infix form of _ has -->
+              <!-- nonzero lspace/rspace values in the operator dictionary -->
+              <mtext>_</mtext>
+              <mo>_</mo>
+              <mtext>_</mtext>
+            </mrow>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: stretchy</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" stretchy="false">
+          <mstyle stretchy="false">
+            <mover>
+              <!-- We assume that the arrow has stretchy=true in the operator dictionary -->
+              <mtext>abcd</mtext>
+              <mo>&#x2192;</mo>
+            </mover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: accent</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" accent="false">
+          <mstyle accent="false">
+            <mover>
+              <!-- We assume &#x23de; has accent=true in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23de;</mo>
+            </mover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: maxsize</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" maxsize="100%">
+          <mstyle maxsize="100%">
+            <mo>(</mo>
+            <mspace height="3em"/>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: minsize</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" minsize="300%">
+          <mstyle minsize="300%">
+            <mo>(</mo>
+            <mspace height="1em"/>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: symmetric</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" symmetric="false">
+          <!-- We assume that ( has symmetric=true in the operator dictionary -->
+          <mstyle symmetric="false">
+            <mtext>_</mtext>
+            <mo minsize="200%">(</mo>
+            <mtext>_</mtext>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: movablelimits</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" movablelimits="false">
+          <!-- We assume that &#x2211; has movablelimits=true in the operator dictionary -->
+          <mstyle movablelimits="false">
+            <munderover>
+              <mo>&#x2211;</mo>
+              <mi>a</mi>
+              <mi>b</mi>
+            </munderover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>mo: largeop</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" display="block" largeop="false">
+          <!-- We assume that &#x2211; has largeop=true in the operator dictionary -->
+          <mstyle largeop="false">
+            <mo>&#x2211;</mo>
+          </mstyle>
+        </math></td>
+    </tr>
+    <!-- 
+            fence: This attribute generally has no direct effect on the visual rendering.
+            separator: This attribute generally has no direct effect on the visual rendering.
+      -->
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/mathml/mstyle-4-ref.xhtml b/layout/reftests/mathml/mstyle-4-ref.xhtml
new file mode 100644
index 0000000000..e82876083e
--- /dev/null
+++ b/layout/reftests/mathml/mstyle-4-ref.xhtml
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=us-ascii" />
+  <title>Test mstyle</title>
+  <style type="text/css">
+    table { width: 100%;  border-collapse: collapse; }
+    td { border: solid black 1px; }
+  </style>
+</head>
+
+<body>
+
+<table>
+  <tbody>
+    <tr>
+      <td>mover: accent</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <mover>
+              <!-- We assume &#x23de; is accent in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23de;</mo>
+            </mover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>munder: accentunder</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <munder>
+              <!-- We assume &#x23df; is accent in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23df;</mo>
+            </munder>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>munderover: accent, accentunder</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML">
+          <mstyle>
+            <munderover>
+              <!-- We assume &#x23de; and &#x23df; are accents in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23df;</mo>
+              <mo>&#x23de;</mo>
+            </munderover>
+          </mstyle>
+        </math></td>
+    </tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/mathml/mstyle-4.xhtml b/layout/reftests/mathml/mstyle-4.xhtml
new file mode 100644
index 0000000000..e934977557
--- /dev/null
+++ b/layout/reftests/mathml/mstyle-4.xhtml
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=us-ascii" />
+  <title>Test mstyle</title>
+  <style type="text/css">
+    table { width: 100%;  border-collapse: collapse; }
+    td { border: solid black 1px; }
+  </style>
+</head>
+
+<body>
+
+<!-- The attributes below should no longer have effect on <mstyle>/<math>
+     elements. See bug 838509 -->
+
+<table>
+  <tbody>
+    <tr>
+      <td>mover: accent</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" accent="false">
+          <mstyle accent="false">
+            <mover>
+              <!-- We assume &#x23de; is accent in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23de;</mo>
+            </mover>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>munder: accentunder</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" accentunder="false">
+          <mstyle accentunder="false">
+            <munder>
+              <!-- We assume &#x23df; is accent in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23df;</mo>
+            </munder>
+          </mstyle>
+        </math></td>
+    </tr>
+    <tr>
+      <td>munderover: accent, accentunder</td>
+      <td><math xmlns="http://www.w3.org/1998/Math/MathML" accent="false" accentunder="false">
+          <mstyle accent="false" accentunder="false">
+            <munderover>
+              <!-- We assume &#x23de; and &#x23df; are accents in the operator dictionary -->
+              <mrow>
+                <mi>x</mi>
+                <mo>+</mo>
+                <mi>y</mi>
+                <mo>+</mo>
+                <mi>z</mi>
+              </mrow>
+              <mo>&#x23df;</mo>
+              <mo>&#x23de;</mo>
+            </munderover>
+          </mstyle>
+        </math></td>
+    </tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/mathml/multiscripts-1-ref.html b/layout/reftests/mathml/multiscripts-1-ref.html
new file mode 100644
index 0000000000..2fcc142503
--- /dev/null
+++ b/layout/reftests/mathml/multiscripts-1-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Comparison of script elements</title></head>
+  <body>
+    msubsup:
+    <math>
+      <mmultiscripts style="background: red;">
+	<mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+	<mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+	<mtext style="background-color: rgba(0, 255, 0, 0.4);">ccc</mtext>
+      </mmultiscripts>
+    </math>
+
+    <br><br>
+
+    msubsup:
+    <math>
+      <mmultiscripts style="background: red;">
+	<mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+	<mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+        <none/>
+      </mmultiscripts>
+    </math>
+
+    <br><br>
+
+    msup / msubsup:
+    <math>
+      <mmultiscripts style="background: red;">
+	<mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <none/>
+	<mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+      </mmultiscripts>
+    </math>
+
+    <math>
+      <mmultiscripts style="background: red;">
+	<mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <none/>
+	<mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+      </mmultiscripts>
+    </math>
+
+    <br><br>
+
+
+    mrow / msub:
+    <math>
+      <mrow style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+      </mrow>
+    </math>
+
+    <math>
+      <mrow style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+      </mrow>
+    </math>
+
+    <br><br>
+
+    msupsub:
+    <math>
+      <mmultiscripts style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <none />
+        <none />
+      </mmultiscripts>
+    </math>
+
+</body></html>
diff --git a/layout/reftests/mathml/multiscripts-1.html b/layout/reftests/mathml/multiscripts-1.html
new file mode 100644
index 0000000000..fa45ff3699
--- /dev/null
+++ b/layout/reftests/mathml/multiscripts-1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Comparison of script elements</title></head>
+  <body>
+    msubsup:
+    <math>
+      <msubsup style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">ccc</mtext>
+      </msubsup>
+    </math>
+
+    <br><br>
+
+    <!-- Different rules apply to msub, so it won't provide equivalent output -->
+    msubsup:
+    <math>
+      <msubsup style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+        <mrow></mrow>
+      </msubsup>
+    </math>
+
+    <br><br>
+
+    msup / msubsup:
+    <math>
+      <msup style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+      </msup>
+    </math>
+
+    <math>
+      <msubsup style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mrow></mrow>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+      </msubsup>
+    </math>
+
+    <br><br>
+
+    mrow / msub:
+    <math>
+      <mrow style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+      </mrow>
+    </math>
+
+    <math>
+      <msub style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mrow></mrow>
+      </msub>
+    </math>
+
+    <br><br>
+
+    msupsub:
+    <math>
+      <msubsup style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mrow></mrow>
+        <mrow></mrow>
+      </msubsup>
+    </math>
+
+</body></html>
diff --git a/layout/reftests/mathml/munder-mover-align-accent-false-ref.html b/layout/reftests/mathml/munder-mover-align-accent-false-ref.html
new file mode 100644
index 0000000000..ff98924f80
--- /dev/null
+++ b/layout/reftests/mathml/munder-mover-align-accent-false-ref.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="false" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="2">mover</th>
+	<th colspan="2">munder</th>
+      </tr>
+      <tr>
+	<td align="center"><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <mover>
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </mover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <mover>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </mover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munder>
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </munder>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munder>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munder>
+	  </math>
+	  </td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+	<th>
+	  <h5>Under & Over</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </mrow>
+	  </math>
+	</th>
+	<th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+	<th>
+	  <h5>Base</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	    </mrow>
+	  </math>
+	</th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munder-mover-align-accent-false.html b/layout/reftests/mathml/munder-mover-align-accent-false.html
new file mode 100644
index 0000000000..14696c286d
--- /dev/null
+++ b/layout/reftests/mathml/munder-mover-align-accent-false.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="false" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="2">mover</th>
+	<th colspan="2">munder</th>
+      </tr>
+      <tr>
+	<td align="center"><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <mover>
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </mover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <mover>
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </mover>
+	  </math>
+	  </td>
+	<td align="center">
+	  <math>
+	    <munder>
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </munder>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munder>
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munder>
+	  </math>
+	  </td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+      <th>
+	<h5>Under & Over</h5>
+      
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="red"/>
+	  </mrow>
+	</math>
+      </th>
+      <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+      <th>
+	<h5>Base</h5>
+	
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="blue"/>
+	  </mrow>
+	</math>
+      </th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munder-mover-align-accent-true-ref.html b/layout/reftests/mathml/munder-mover-align-accent-true-ref.html
new file mode 100644
index 0000000000..9ed8c4e518
--- /dev/null
+++ b/layout/reftests/mathml/munder-mover-align-accent-true-ref.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="true" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="2">mover</th>
+	<th colspan="2">munder</th>
+      </tr>
+      <tr>
+	<td align="center"><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <mover accent="true">
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </mover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <mover accent="true">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </mover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munder accentunder="true">
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </munder>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munder accentunder="true">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munder>
+	  </math>
+	  </td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+	<th>
+	  <h5>Under & Over</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </mrow>
+	  </math>
+	</th>
+	<th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+	<th>
+	  <h5>Base</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	    </mrow>
+	  </math>
+	</th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munder-mover-align-accent-true.html b/layout/reftests/mathml/munder-mover-align-accent-true.html
new file mode 100644
index 0000000000..e98e0ef677
--- /dev/null
+++ b/layout/reftests/mathml/munder-mover-align-accent-true.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="true" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="2">mover</th>
+	<th colspan="2">munder</th>
+      </tr>
+      <tr>
+	<td align="center"><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow>
+	</td>
+	<td align="center">
+	  <mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	  </mrow></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <mover accent="true">
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </mover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <mover accent="true">
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </mover>
+	  </math>
+	  </td>
+	<td align="center">
+	  <math>
+	    <munder accentunder="true">
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </munder>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munder accentunder="true">
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munder>
+	  </math>
+	  </td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+      <th>
+	<h5>Under & Over</h5>
+      
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="red"/>
+	  </mrow>
+	</math>
+      </th>
+      <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+      <th>
+	<h5>Base</h5>
+	
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="blue"/>
+	  </mrow>
+	</math>
+      </th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munderover-align-accent-false-ref.html b/layout/reftests/mathml/munderover-align-accent-false-ref.html
new file mode 100644
index 0000000000..7948407abf
--- /dev/null
+++ b/layout/reftests/mathml/munderover-align-accent-false-ref.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="false" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="6">munderover</th>
+      </tr>
+      <tr>
+	<td align="center"><math><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	    <mo>&lt;</mo>
+	    <mi>Under<mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	    <mo>&gt;</mo>
+	    <mi>Under</mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow></math>
+	</td>
+	<td align="center"><math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	</mrow></math></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <munderover accent="false" accentunder="false">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="50px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="false" accentunder="false">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="50px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="false" accentunder="false">
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="false" accentunder="false">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	  </td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+	<th>
+	  <h5>Under & Over</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </mrow>
+	  </math>
+	</th>
+	<th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+	<th>
+	  <h5>Base</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	    </mrow>
+	  </math>
+	</th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munderover-align-accent-false.html b/layout/reftests/mathml/munderover-align-accent-false.html
new file mode 100644
index 0000000000..d2ab965d96
--- /dev/null
+++ b/layout/reftests/mathml/munderover-align-accent-false.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="false" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="4">munderover</th>
+      </tr>
+      <tr>
+	<td align="center"><math><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	    <mo>&lt;</mo>
+	    <mi>Under<mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	    <mo>&gt;</mo>
+	    <mi>Under</mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow></math>
+	</td>
+	<td align="center"><math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	</mrow></math></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <munderover>
+	      <mspace height="15px" width="50px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover>
+	      <mspace height="15px" width="50px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	  </td>
+	<td align="center">
+	  <math>
+	    <munderover>
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover>
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+      <th>
+	<h5>Under & Over</h5>
+      
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="red"/>
+	  </mrow>
+	</math>
+      </th>
+      <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+      <th>
+	<h5>Base</h5>
+	
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="blue"/>
+	  </mrow>
+	</math>
+      </th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munderover-align-accent-true-ref.html b/layout/reftests/mathml/munderover-align-accent-true-ref.html
new file mode 100644
index 0000000000..d4c88c06e1
--- /dev/null
+++ b/layout/reftests/mathml/munderover-align-accent-true-ref.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="true" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="6">munderover</th>
+      </tr>
+      <tr>
+	<td align="center"><math><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	    <mo>&lt;</mo>
+	    <mi>Under<mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	    <mo>&gt;</mo>
+	    <mi>Under</mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow></math>
+	</td>
+	<td align="center"><math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	</mrow></math></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="50px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="50px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="red"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mrow>
+		<mspace height="15px" width="25px"/>
+		<mspace height="15px" width="25px" mathbackground="blue"/>
+		<mspace height="15px" width="25px"/>
+	      </mrow>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	  </td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+	<th>
+	  <h5>Under & Over</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </mrow>
+	  </math>
+	</th>
+	<th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+	<th>
+	  <h5>Base</h5>
+	  
+	  <math>
+	    <mrow>
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	    </mrow>
+	  </math>
+	</th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munderover-align-accent-true.html b/layout/reftests/mathml/munderover-align-accent-true.html
new file mode 100644
index 0000000000..3067ae5ea8
--- /dev/null
+++ b/layout/reftests/mathml/munderover-align-accent-true.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+  <head><title></title></head>
+  <body>
+    <h2> Test with accent="true" </h2>
+    <table border="1">
+      <tr>
+	<th colspan="4">munderover</th>
+      </tr>
+      <tr>
+	<td align="center"><math><mrow>
+	    <mi>Over</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	    <mo>&lt;</mo>
+	    <mi>Under<mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	    <mo>&gt;</mo>
+	    <mi>Under</mi>
+	  </mrow></math>
+	</td>
+	<td align="center">
+	  <math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&lt;</mo>
+	    <mi>Base</mi>
+	  </mrow></math>
+	</td>
+	<td align="center"><math><mrow>
+	    <mi>Over = Under</mi>
+	    <mo>&gt;</mo>
+	    <mi>Base</mi>
+	</mrow></math></td>
+      </tr>
+      <tr>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mspace height="15px" width="50px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mspace height="15px" width="50px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	  </td>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mspace height="15px" width="75px" mathbackground="blue"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	      <mspace height="15px" width="25px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+	<td align="center">
+	  <math>
+	    <munderover accent="true" accentunder="true">
+	      <mspace height="15px" width="25px" mathbackground="blue"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	      <mspace height="15px" width="75px" mathbackground="red"/>
+	    </munderover>
+	  </math>
+	</td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+      <th>
+	<h5>Under & Over</h5>
+      
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="red"/>
+	  </mrow>
+	</math>
+      </th>
+      <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
+      <th>
+	<h5>Base</h5>
+	
+	<math>
+	  <mrow>
+	    <mspace height="15px" width="25px" mathbackground="blue"/>
+	  </mrow>
+	</math>
+      </th>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munderover-empty-scripts-ref.html b/layout/reftests/mathml/munderover-empty-scripts-ref.html
new file mode 100644
index 0000000000..27d858309d
--- /dev/null
+++ b/layout/reftests/mathml/munderover-empty-scripts-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test munderover with empty scripts</title>
+  </head>
+  <body>
+
+    <p>munder / munderover with empty overscript:
+    <math>
+      <munderover style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+        <mspace></mspace>
+      </munderover>
+    </math></p>
+
+    <p>mover / munderover with empty underscript:
+    <math>
+      <munderover style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mspace></mspace>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+      </munderover>
+    </math></p>
+
+    <p>mrow / munder with empty scripts:
+    <math>
+      <munderover style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mspace></mspace>
+        <mspace></mspace>
+      </munderover>
+    </math></p>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/munderover-empty-scripts.html b/layout/reftests/mathml/munderover-empty-scripts.html
new file mode 100644
index 0000000000..5704c5c74d
--- /dev/null
+++ b/layout/reftests/mathml/munderover-empty-scripts.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test munderover with empty scripts</title>
+  </head>
+  <body>
+
+    <p>munder / munderover with empty overscript:
+    <math>
+      <munder style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+      </munder>
+    </math></p>
+
+    <p>mover / munderover with empty underscript:
+    <math>
+      <mover style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+        <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext>
+      </mover>
+    </math></p>
+
+    <p>mrow / munder with empty scripts:
+    <math>
+      <mrow style="background: red;">
+        <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext>
+      </mrow>
+    </math></p>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/overbar-width-1-ref.xhtml b/layout/reftests/mathml/overbar-width-1-ref.xhtml
new file mode 100644
index 0000000000..64e89f403f
--- /dev/null
+++ b/layout/reftests/mathml/overbar-width-1-ref.xhtml
@@ -0,0 +1,26 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+      html { background-color: grey; }
+      div { display: inline-block;
+            font-size: 30px;
+            line-height: 60px; /* Ensure space for overbar */
+            border: 1px solid white;
+            padding: 2px; /* 10% error allowed in char selection */
+            background-color: black;
+            color: red; }
+    </style>
+  </head>
+<body>
+  <div>
+    <math xmlns="http://www.w3.org/1998/Math/MathML">
+      <mphantom>
+	<mover>
+	  <mi>ai</mi>
+	  <mo>&#xaf;</mo>
+	</mover>
+      </mphantom>
+    </math>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/mathml/overbar-width-1.xhtml b/layout/reftests/mathml/overbar-width-1.xhtml
new file mode 100644
index 0000000000..ab261d061d
--- /dev/null
+++ b/layout/reftests/mathml/overbar-width-1.xhtml
@@ -0,0 +1,25 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Check width of stretchy OverBar</title>
+    <style type="text/css">
+      html { background-color: grey; }
+      div { display: inline-block;
+            font-size: 30px;
+            line-height: 60px; /* Ensure space for overbar */
+            border: 1px solid white;
+            padding: 2px; /* 10% error allowed in char selection */
+            background-color: black;
+            color: black; }
+    </style>
+  </head>
+<body>
+  <div>
+    <math xmlns="http://www.w3.org/1998/Math/MathML">
+      <mover>
+	<mi>ai</mi>
+	<mo>&#xaf;</mo>
+      </mover>
+    </math>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-1.html b/layout/reftests/mathml/radicalbar-1.html
new file mode 100644
index 0000000000..326164c0fa
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+  <html>
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="visible">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-1a.html b/layout/reftests/mathml/radicalbar-1a.html
new file mode 100644
index 0000000000..bf2e5147ae
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-1a.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+  <html reftest-zoom=".5">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="visible">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-1b.html b/layout/reftests/mathml/radicalbar-1b.html
new file mode 100644
index 0000000000..a469943e79
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-1b.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+  <html reftest-zoom=".4">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="visible">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-1c.html b/layout/reftests/mathml/radicalbar-1c.html
new file mode 100644
index 0000000000..0485fe4136
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-1c.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+  <html reftest-zoom=".3">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="visible">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-1d.html b/layout/reftests/mathml/radicalbar-1d.html
new file mode 100644
index 0000000000..f89db4ded3
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-1d.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+  <html reftest-zoom=".2">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="visible">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-2.html b/layout/reftests/mathml/radicalbar-2.html
new file mode 100644
index 0000000000..1870493cb4
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-2.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html>
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="visible">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-2a.html b/layout/reftests/mathml/radicalbar-2a.html
new file mode 100644
index 0000000000..9856fa868c
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-2a.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.5">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="visible">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-2b.html b/layout/reftests/mathml/radicalbar-2b.html
new file mode 100644
index 0000000000..7df074c40e
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-2b.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.4">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="visible">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-2c.html b/layout/reftests/mathml/radicalbar-2c.html
new file mode 100644
index 0000000000..138bad31ab
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-2c.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.3">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="visible">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-2d.html b/layout/reftests/mathml/radicalbar-2d.html
new file mode 100644
index 0000000000..7f12882422
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-2d.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.2">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="hidden">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="visible">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-3.html b/layout/reftests/mathml/radicalbar-3.html
new file mode 100644
index 0000000000..12fa3ae050
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-3.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html>
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="visible">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-3a.html b/layout/reftests/mathml/radicalbar-3a.html
new file mode 100644
index 0000000000..24ebfec8e5
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-3a.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.5">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="visible">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-3b.html b/layout/reftests/mathml/radicalbar-3b.html
new file mode 100644
index 0000000000..1aeafb6cb7
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-3b.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.4">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="visible">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-3c.html b/layout/reftests/mathml/radicalbar-3c.html
new file mode 100644
index 0000000000..e9e7e7ae55
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-3c.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.3">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="visible">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/radicalbar-3d.html b/layout/reftests/mathml/radicalbar-3d.html
new file mode 100644
index 0000000000..7d780af44c
--- /dev/null
+++ b/layout/reftests/mathml/radicalbar-3d.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+  <html reftest-zoom="0.2">
+  <head>
+    <!-- Default to invisible text -->
+    <style type="text/css" media="screen, print">
+      .hidden {
+        color: white;
+      }
+      .visible {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
+         Because the comparison is for inequality with about:blank, at most one can be visible -->
+    <math>
+      <mrow>
+        <msqrt class="hidden">
+          <mspace width="1em" height="1em" />
+          <msqrt class="hidden">
+            <mspace width="1em" height="1em" />
+            <msqrt class="hidden">
+              <mspace width="1em" height="1em" />
+              <msqrt class="hidden">
+                <mspace width="1em" height="1em" />
+                <msqrt class="visible">
+                  <mspace width="1em" height="1em" />
+                  <msqrt class="hidden">
+                    <mspace width="1em" height="1em" />
+                    <msqrt class="hidden">
+                      <mspace width="20em" height="1em" />
+                    </msqrt>
+                  </msqrt>
+                </msqrt>
+              </msqrt>
+            </msqrt>
+          </msqrt>
+        </msqrt>
+      </mrow>
+    </math>
+
+    <!-- Block out all but the horizontal bar of the visible radical -->
+    <div style="position: absolute; top: 5px; left: 0px;
+                width: 20em; height: 10em; background: white;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/reftest.list b/layout/reftests/mathml/reftest.list
new file mode 100644
index 0000000000..b143a25174
--- /dev/null
+++ b/layout/reftests/mathml/reftest.list
@@ -0,0 +1,55 @@
+random-if(smallScreen&&Android) fuzzy(0-255,0-200) fuzzy-if(geckoview,201-216,200-250) fuzzy-if(winWidget,114-255,245-361) fuzzy-if(OSX,79-153,240-250) == mirror-op-1.html mirror-op-1-ref.html
+!= mirror-op-2.html mirror-op-2-ref.html
+!= mirror-op-3.html mirror-op-3-ref.html
+!= mirror-op-4.html mirror-op-4-ref.html
+== overbar-width-1.xhtml overbar-width-1-ref.xhtml
+== stretchy-largeop-1.html stretchy-largeop-1-ref.html
+== stretchy-largeop-2.html stretchy-largeop-2-ref.html
+== stretchy-largeop-3.html stretchy-largeop-3-ref.html
+== underbar-width-1.xhtml underbar-width-1-ref.xhtml
+== semantics-1.xhtml semantics-1-ref.xhtml
+== semantics-2.html semantics-2-ref.html
+== semantics-3.html semantics-3-ref.html
+pref(mathml.stixgeneral_operator_stretching.disabled,false) == semantics-5.html semantics-5-ref.html # bug 1309429; bug 1648335
+fuzzy-if(OSX,0-16,0-8) == mstyle-3.xhtml mstyle-3-ref.xhtml
+fuzzy-if(OSX,0-1,0-4) == mstyle-4.xhtml mstyle-4-ref.xhtml
+== scale-stretchy-1.xhtml scale-stretchy-1-ref.xhtml
+!= scale-stretchy-2.xhtml scale-stretchy-2-ref.xhtml
+fails-if(OSX>=1010) == scale-stretchy-3.xhtml scale-stretchy-3-ref.xhtml
+!= scale-stretchy-4.xhtml scale-stretchy-4-ref.xhtml
+!= scale-stretchy-5.xhtml scale-stretchy-5-ref.xhtml
+!= stretchy-1.html stretchy-1-ref.html
+== mpadded-7.html mpadded-7-ref.html
+== mpadded-8.html mpadded-8-ref.html
+== mpadded-9.html mpadded-9-ref.html
+== scriptlevel-movablelimits-1.html scriptlevel-movablelimits-1-ref.html
+== munderover-align-accent-false.html munderover-align-accent-false-ref.html
+== munderover-align-accent-true.html munderover-align-accent-true-ref.html
+== munder-mover-align-accent-true.html munder-mover-align-accent-true-ref.html
+== munder-mover-align-accent-false.html munder-mover-align-accent-false-ref.html
+== munderover-empty-scripts.html munderover-empty-scripts-ref.html
+== mo-glyph-size.html mo-glyph-size-ref.html
+fuzzy(0-1,0-80) fuzzy-if(Android,0-255,0-105) fuzzy-if(gtkWidget,0-255,0-136) skip-if(winWidget) == multiscripts-1.html multiscripts-1-ref.html # Windows: bug 1314684; Android: bug 1392254; Linux: bug 1599638
+== mathml-mmultiscript-base.html mathml-mmultiscript-base-ref.html
+== mathml-mmultiscript-mprescript.html mathml-mmultiscript-mprescript-ref.html
+== mmultiscript-align.html mmultiscript-align-ref.html
+fails-if(winWidget) fuzzy-if(gtkWidget,255-255,776226-776226) == subscript-italic-correction.html subscript-italic-correction-ref.html # bug 961482 (Windows), bug 1599640 (Linux)
+
+# radicalbar*.html tests rely on reftest-zoom to verify the visibility of the
+# radical bar at different zoom levels. There does not seem to be any equivalent
+# way of testing that via WPT. See bug 1850661.
+!= radicalbar-1.html about:blank
+!= radicalbar-1a.html about:blank
+!= radicalbar-1b.html about:blank
+!= radicalbar-1c.html about:blank
+!= radicalbar-1d.html about:blank
+!= radicalbar-2.html about:blank
+!= radicalbar-2a.html about:blank
+!= radicalbar-2b.html about:blank
+!= radicalbar-2c.html about:blank
+!= radicalbar-2d.html about:blank
+!= radicalbar-3.html about:blank
+!= radicalbar-3a.html about:blank
+!= radicalbar-3b.html about:blank
+!= radicalbar-3c.html about:blank
+!= radicalbar-3d.html about:blank
diff --git a/layout/reftests/mathml/scale-stretchy-1-ref.xhtml b/layout/reftests/mathml/scale-stretchy-1-ref.xhtml
new file mode 100644
index 0000000000..e1182941c0
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-1-ref.xhtml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Maximal size for a vertical arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr>
+        <td><div style="height: 200px; width: 5px; background: black"/></td>
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <mrow>
+              <mspace height="50px" depth="50px" width="5px"
+                      style="background: yellow" />
+              <mspace height="55px" depth="55px" width="50px"
+                      style="background: red;"/>
+            </mrow>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-1.xhtml b/layout/reftests/mathml/scale-stretchy-1.xhtml
new file mode 100644
index 0000000000..76f0620dfd
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-1.xhtml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Maximal size for a vertical arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr>
+        <td><div style="height: 200px; width: 5px; background: black"/></td>
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <mrow>
+              <mspace height="50px" depth="50px" width="5px"
+                      style="background: yellow" />
+              <mo style="color: blue;">&#x290B;</mo>
+            </mrow>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+    <table style="position: absolute;">
+      <tr>
+        <td><div style="height: 200px; width: 5px; background: black"/></td>
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <mrow>
+              <mspace height="50px" depth="50px" width="5px"
+                      style="background: yellow" />
+              <mspace height="55px" depth="55px" width="50px"
+                      style="background: red;"/>
+            </mrow>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-2-ref.xhtml b/layout/reftests/mathml/scale-stretchy-2-ref.xhtml
new file mode 100644
index 0000000000..e219fe0be6
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-2-ref.xhtml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Minimal size for a vertical arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr>
+        <td><div style="height: 200px; width: 5px; background: black"/></td>
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <mrow>
+              <mspace height="50px" depth="50px" width="5px"
+                      style="background: yellow" />
+              <mspace height="44px" depth="44px" width="50px"
+                      style="background: green;"/>
+            </mrow>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-2.xhtml b/layout/reftests/mathml/scale-stretchy-2.xhtml
new file mode 100644
index 0000000000..e89910586d
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-2.xhtml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Minimal size for a vertical arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr>
+        <td><div style="height: 200px; width: 5px; background: black"/></td>
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <mrow>
+              <mspace height="50px" depth="50px" width="5px"
+                      style="background: yellow" />
+              <mo style="color: blue;">&#x290B;</mo>
+            </mrow>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+    <table style="position: absolute;">
+      <tr>
+        <td><div style="height: 200px; width: 5px; background: black"/></td>
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <mrow>
+              <mspace height="50px" depth="50px" width="5px"
+                      style="background: yellow" />
+              <mspace height="44px" depth="44px" width="50px"
+                      style="background: green;"/>
+            </mrow>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-3-ref.xhtml b/layout/reftests/mathml/scale-stretchy-3-ref.xhtml
new file mode 100644
index 0000000000..7a671c1cad
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-3-ref.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Maximal size for a horizontal arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr align="center">
+        <td><div style="width: 200px; height: 5px; background: black"/></td>
+      </tr>
+      <tr align="center">
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <munder accentunder="false">
+              <mspace width="100px" height="5px" style="background: yellow"/>
+              <mspace width="110px" height="25px" depth="25px"
+                      style="background: red;"/>
+            </munder>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-3.xhtml b/layout/reftests/mathml/scale-stretchy-3.xhtml
new file mode 100644
index 0000000000..a21b03f61d
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-3.xhtml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Maximal size for a horizontal arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr align="center">
+        <td><div style="width: 200px; height: 5px; background: black"/></td>
+      </tr>
+      <tr align="center">
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <munder accentunder="false">
+              <mspace width="100px" height="5px" style="background: yellow"/>
+              <mo style="color: blue;">&#x21DB;</mo>
+            </munder>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+    <table style="position: absolute;">
+      <tr align="center">
+        <td><div style="width: 200px; height: 5px; background: black"/></td>
+      </tr>
+      <tr align="center">
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <munder accentunder="false">
+              <mspace width="100px" height="5px" style="background: yellow"/>
+              <mspace width="110px" height="25px" depth="25px"
+                      style="background: red;"/>
+            </munder>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-4-ref.xhtml b/layout/reftests/mathml/scale-stretchy-4-ref.xhtml
new file mode 100644
index 0000000000..87cb94d305
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-4-ref.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Minimal size for a horizontal arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr align="center">
+        <td><div style="width: 200px; height: 5px; background: black"/></td>
+      </tr>
+      <tr align="center">
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <munder>
+              <mspace width="100px" height="5px" style="background: yellow"/>
+              <mspace width="88px" height="25px" depth="25px"
+                      style="background: green;"/>
+            </munder>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-4.xhtml b/layout/reftests/mathml/scale-stretchy-4.xhtml
new file mode 100644
index 0000000000..693fdc7ed4
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-4.xhtml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Minimal size for a horizontal arrow stretched by scaling</title>
+  </head>
+
+  <body>
+
+    <table style="position: absolute;">
+      <tr align="center">
+        <td><div style="width: 200px; height: 5px; background: black"/></td>
+      </tr>
+      <tr align="center">
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <munder>
+              <mspace width="100px" height="5px" style="background: yellow"/>
+              <mo style="color: blue;">&#x21DB;</mo>
+            </munder>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+    <table style="position: absolute;">
+      <tr align="center">
+        <td><div style="width: 200px; height: 5px; background: black"/></td>
+      </tr>
+      <tr align="center">
+        <td>
+          <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <munder>
+              <mspace width="100px" height="5px" style="background: yellow"/>
+              <mspace width="88px" height="25px" depth="25px"
+                      style="background: green;"/>
+            </munder>
+          </math>
+        </td>
+      </tr>
+    </table>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-5-ref.xhtml b/layout/reftests/mathml/scale-stretchy-5-ref.xhtml
new file mode 100644
index 0000000000..8dc382e304
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-5-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Largeop in display mode stretched by scaling</title>
+</head>
+
+<body>
+
+<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+  <mo largeop="false">&#x2A0C;</mo>
+</math>
+
+</body>
+</html>
diff --git a/layout/reftests/mathml/scale-stretchy-5.xhtml b/layout/reftests/mathml/scale-stretchy-5.xhtml
new file mode 100644
index 0000000000..a79e757d73
--- /dev/null
+++ b/layout/reftests/mathml/scale-stretchy-5.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Largeop in display mode stretched by scaling</title>
+</head>
+
+<body>
+
+<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+  <mo>&#x2A0C;</mo>
+</math>
+
+</body>
+</html>
diff --git a/layout/reftests/mathml/scriptlevel-movablelimits-1-ref.html b/layout/reftests/mathml/scriptlevel-movablelimits-1-ref.html
new file mode 100644
index 0000000000..bbffa910ab
--- /dev/null
+++ b/layout/reftests/mathml/scriptlevel-movablelimits-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test accent/accentunder</title></head>
+  <body>    
+    <math displaystyle="false">
+      <munderover>
+	<mo>&#x2211;</mo>
+	<mi>a</mi>
+	<mi>b</mi>
+      </munderover>
+    </math>
+    <math displaystyle="false">
+      <munder>
+	<mo>&#x2211;</mo>
+	<mi>a</mi>
+      </munder>
+    </math>
+    <math displaystyle="false">
+      <mover>
+	<mo>&#x2211;</mo>
+	<mi>a</mi>
+      </mover>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/scriptlevel-movablelimits-1.html b/layout/reftests/mathml/scriptlevel-movablelimits-1.html
new file mode 100644
index 0000000000..f3ef2e53ba
--- /dev/null
+++ b/layout/reftests/mathml/scriptlevel-movablelimits-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test accent/accentunder</title></head>
+  <body>
+    <math displaystyle="false">
+      <munderover accentunder="true" accent="true">
+	<mo>&#x2211;</mo>
+	<mi>a</mi>
+	<mi>b</mi>
+      </munderover>
+    </math>
+    <math displaystyle="false">
+      <munder accentunder="true">
+	<mo>&#x2211;</mo>
+	<mi>a</mi>
+      </munder>
+    </math>
+    <math displaystyle="false">
+      <mover accent="true">
+	<mo>&#x2211;</mo>
+	<mi>a</mi>
+      </mover>
+    </math>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/semantics-1-ref.xhtml b/layout/reftests/mathml/semantics-1-ref.xhtml
new file mode 100644
index 0000000000..f5a6d4d493
--- /dev/null
+++ b/layout/reftests/mathml/semantics-1-ref.xhtml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=utf-8" />
+  <title>Various tests for semantics</title>
+  <style>
+    @font-face
+    {
+        font-family: Ahem;
+        src: url(../fonts/Ahem.ttf);
+    }
+    math, p {
+        font: 25px Ahem;
+    }
+  </style>
+</head>
+
+<body>
+<!-- displaystyle (bug 468059) -->
+<p><math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+  <semantics>
+    <mstyle displaystyle="true">
+      <munderover>
+        <mo movablelimits="true">pXp</mo>
+        <mtext>XpXpXp</mtext>
+        <mtext>XpXpXp</mtext>
+      </munderover>
+    </mstyle>
+  </semantics>
+</math></p>
+
+<!-- unwanted whitespace (bug 512418) -->
+<p>XpXpXp<math xmlns="http://www.w3.org/1998/Math/MathML">
+    <mrow>
+      <mrow>
+        <mo>lcm</mo>
+        <mo>(</mo>
+        <mn>a</mn>
+        <mo>,</mo>
+        <mn>b</mn>
+        <mo>)</mo>
+      </mrow>
+      <mo>=</mo>
+      <mfrac>
+        <mrow>
+          <mo>(</mo>
+          <mn>a</mn>
+          <mo>&#x2062;</mo>
+          <mn>b</mn>
+          <mo>)</mo>
+        </mrow>
+        <mrow>
+          <mo>gcd</mo>
+          <mo>(</mo>
+          <mn>a</mn>
+          <mo>,</mo>
+          <mn>b</mn>
+          <mo>)</mo>
+        </mrow>
+      </mfrac>
+    </mrow>
+</math>XpXpXp</p>
+
+</body>
+</html>
diff --git a/layout/reftests/mathml/semantics-1.xhtml b/layout/reftests/mathml/semantics-1.xhtml
new file mode 100644
index 0000000000..d4ea92a4e5
--- /dev/null
+++ b/layout/reftests/mathml/semantics-1.xhtml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="content-type"
+  content="application/xhtml+xml; charset=utf-8" />
+  <title>Various tests for semantics</title>
+  <style>
+    @font-face
+    {
+        font-family: Ahem;
+        src: url(../fonts/Ahem.ttf);
+    }
+    math, p {
+        font: 25px Ahem;
+    }
+</style>
+</head>
+
+<body>
+<!-- displaystyle (bug 468059) -->
+<p><math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+    <semantics>
+      <munderover>
+        <mo movablelimits="true">pXp</mo>
+        <mtext>XpXpXp</mtext>
+        <mtext>XpXpXp</mtext>
+      </munderover>
+    </semantics>
+</math></p>
+
+<!-- unwanted whitespace (bug 512418) -->
+<p>XpXpXp<math xmlns="http://www.w3.org/1998/Math/MathML">
+  <semantics>
+    <mrow>
+      <mrow>
+        <mo>lcm</mo>
+        <mo>(</mo>
+        <mn>a</mn>
+        <mo>,</mo>
+        <mn>b</mn>
+        <mo>)</mo>
+      </mrow>
+      <mo>=</mo>
+      <mfrac>
+        <mrow>
+          <mo>(</mo>
+          <mn>a</mn>
+          <mo>&#x2062;</mo>
+          <mn>b</mn>
+          <mo>)</mo>
+        </mrow>
+        <mrow>
+          <mo>gcd</mo>
+          <mo>(</mo>
+          <mn>a</mn>
+          <mo>,</mo>
+          <mn>b</mn>
+          <mo>)</mo>
+        </mrow>
+      </mfrac>
+    </mrow>
+  </semantics>
+</math>XpXpXp</p>
+
+</body>
+</html>
diff --git a/layout/reftests/mathml/semantics-2-ref.html b/layout/reftests/mathml/semantics-2-ref.html
new file mode 100644
index 0000000000..43b52b17db
--- /dev/null
+++ b/layout/reftests/mathml/semantics-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Various tests for semantics</title>
+  <meta charset="utf-8"/>
+</head>
+
+<body>
+  <p>Empty semantics: <math><mrow></mrow></math></p>
+  <p>annotation: <math><mrow><annotation>annotation</annotation></mrow></math></p>
+  <p>annotation-xml: <math><mrow><annotation-xml encoding="MathML-Presentation"><mtext>annotation-xml</mtext></annotation-xml></mrow></math></p>
+  <p>presentation MathML (no annotations): <math><mrow><mtext>presentation MathML</mtext></mrow></math></p>
+  <p>content MathML (no annotations): <math><mrow><csymbol>content MathML</csymbol></mrow></math></p>
+  <p>presentation MathML ; annotation: <math><mrow><mtext>presentation MathML</mtext></mrow></math></p>
+  <p>presentation MathML ; annotation-xml: <math><mrow><mtext>presentation MathML</mtext></mrow></math></p>
+  <p>content MathML ; annotation: <math><mrow><csymbol>content MathML</csymbol></mrow></math></p>
+  <p>content MathML ; annotation-xml: <math><mrow><csymbol>content MathML</csymbol></mrow></math></p>
+</body>
+</html>
diff --git a/layout/reftests/mathml/semantics-2.html b/layout/reftests/mathml/semantics-2.html
new file mode 100644
index 0000000000..2c7d99ac3d
--- /dev/null
+++ b/layout/reftests/mathml/semantics-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Various tests for semantics</title>
+  <meta charset="utf-8"/>
+</head>
+
+<body>
+  <p>Empty semantics: <math><semantics></semantics></math></p>
+  <p>annotation: <math><semantics><annotation>annotation</annotation></semantics></math></p>
+  <p>annotation-xml: <math><semantics><annotation-xml encoding="MathML-Presentation"><mtext>annotation-xml</mtext></annotation-xml></semantics></math></p>
+  <p>presentation MathML (no annotations): <math><semantics><mtext>presentation MathML</mtext></semantics></math></p>
+  <p>content MathML (no annotations): <math><semantics><csymbol>content MathML</csymbol></semantics></math></p>
+  <p>presentation MathML ; annotation: <math><semantics><mtext>presentation MathML</mtext><annotation>annotation</annotation></semantics></math></p>
+  <p>presentation MathML ; annotation-xml: <math><semantics><mtext>presentation MathML</mtext><annotation-xml encoding="application/mathml-presentation+xml"><mtext>annotation-xml</mtext></annotation-xml></semantics></math></p>
+  <p>content MathML ; annotation: <math><semantics><csymbol>content MathML</csymbol><annotation>annotation</annotation></semantics></math></p>
+  <p>content MathML ; annotation-xml: <math><semantics><csymbol>content MathML</csymbol><annotation-xml encoding="application/mathml-presentation+xml"><mtext>annotation-xml</mtext></annotation-xml></semantics></math></p>
+</body>
+</html>
diff --git a/layout/reftests/mathml/semantics-3-ref.html b/layout/reftests/mathml/semantics-3-ref.html
new file mode 100644
index 0000000000..8d42de963c
--- /dev/null
+++ b/layout/reftests/mathml/semantics-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Various tests for semantics</title>
+   <meta charset="utf-8"/>
+</head>
+
+<body>
+  <p>annotation 1: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation 2: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation 3: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+
+  <p>annotation-xml 1: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation-xml 2: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation-xml 3: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation-xml 4: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation-xml 5: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation-xml 6: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+  <p>annotation-xml 7: <math><mrow><csymbol>Content MathML</csymbol></mrow></math></p>
+</body>
+</html>
diff --git a/layout/reftests/mathml/semantics-3.html b/layout/reftests/mathml/semantics-3.html
new file mode 100644
index 0000000000..92a93c774f
--- /dev/null
+++ b/layout/reftests/mathml/semantics-3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Various tests for semantics</title>
+   <meta charset="utf-8"/>
+</head>
+
+<body>
+  <p>annotation 1: <math><semantics><csymbol>Content MathML</csymbol><annotation>annotation</annotation><annotation>error</annotation><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml></semantics></math></p>
+  <p>annotation 2: <math><semantics><csymbol>Content MathML</csymbol><annotation encoding="application/x-tex">\sin x + 5</annotation><annotation>error</annotation><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml></semantics></math></p>
+  <p>annotation 3: <math><semantics><csymbol>Content MathML</csymbol><annotation src="external-resource">error</annotation><annotation>annotation</annotation><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml></semantics></math></p>
+
+  <p>annotation-xml 1: <math><semantics><csymbol>Content MathML</csymbol><annotation-xml encoding="application/mathml-presentation+xml"><mtext>application/mathml-presentation+xml</mtext></annotation-xml><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml><annotation>error</annotation></semantics></math></p>
+  <p>annotation-xml 2: <math><semantics><csymbol>Content MathML</csymbol><annotation-xml encoding="MathML-Presentation"><mtext>MathML-Presentation</mtext></annotation-xml><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml><annotation>error</annotation></semantics></math></p>
+  <p>annotation-xml 3: <math><semantics><csymbol>Content MathML</csymbol><annotation-xml encoding="image/svg+xml"><svg xmlns="http://www.w3.org/2000/svg" height="2em"><text y="1em">image/svg+xml</text></svg></annotation-xml><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml><annotation>error</annotation></semantics></math></p>
+  <p>annotation-xml 4: <math><semantics><csymbol>Content MathML</csymbol><annotation-xml encoding="SVG1.1"><svg xmlns="http://www.w3.org/2000/svg" height="2em"><text y="1em">SVG1.1</text></svg></annotation-xml><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml><annotation>error</annotation></semantics></math></p>
+  <p>annotation-xml 5: <math><semantics><csymbol>Content MathML</csymbol><annotation-xml encoding="application/xhtml+xml"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>application/xhtml+xml</title></head><body><p>application/xhtml+xml</p></body></html></annotation-xml><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml><annotation>error</annotation></math></p>
+  <p>annotation-xml 6: <math><semantics><csymbol>Content MathML</csymbol><annotation-xml encoding="text/html"><html><head><title>text/html</title></head><body><p>text/html</p></body></html></annotation-xml><annotation-xml encoding="application/mathml-presentation+xml"><mtext>error</mtext></annotation-xml><annotation>error</annotation></semantics></math></p>
+  <p>annotation-xml 7: <math><semantics><csymbol>Content MathML</csymbol><annotation-xml encoding="unknown"><mtext>error</mtext></annotation-xml><annotation-xml encoding="application/mathml-presentation+xml"><mtext>annotation-xml</mtext></annotation-xml><annotation>error</annotation></semantics></math></p>
+</body>
+</html>
diff --git a/layout/reftests/mathml/semantics-5-ref.html b/layout/reftests/mathml/semantics-5-ref.html
new file mode 100644
index 0000000000..9184cdcc81
--- /dev/null
+++ b/layout/reftests/mathml/semantics-5-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>semantics - embellished operator (bug 21479)</title>
+  <meta charset="utf-8"/>
+</head>
+<body>
+  <p>
+    <math xmlns="http://www.w3.org/1998/Math/MathML">
+      <mover>
+        <mspace width="300px" height="10px" mathbackground="black"></mspace>
+        <mo>&#xaf;</mo>
+      </mover>
+    </math>
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/mathml/semantics-5.html b/layout/reftests/mathml/semantics-5.html
new file mode 100644
index 0000000000..0c2ad9541a
--- /dev/null
+++ b/layout/reftests/mathml/semantics-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>semantics - embellished operator (bug 21479)</title>
+  <meta charset="utf-8"/>
+</head>
+<body>
+  <p>
+    <math xmlns="http://www.w3.org/1998/Math/MathML">
+      <mover>
+        <mspace width="300px" height="10px" mathbackground="black"></mspace>
+        <semantics><mo>&#xaf;</mo></semantics>
+      </mover>
+    </math>
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/mathml/stretchy-1-ref.html b/layout/reftests/mathml/stretchy-1-ref.html
new file mode 100644
index 0000000000..23950c02fa
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test stretchy equal (bug 854339)</title></head>
+  <body>
+
+    <math>
+      <munder>
+        <mi>AVERYLONGBASE</mi>
+        <mo stretchy="false">=</mo>
+      </munder>
+    </math>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/stretchy-1.html b/layout/reftests/mathml/stretchy-1.html
new file mode 100644
index 0000000000..d4cfcb24f5
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head><title>Test stretchy equal (bug 854339)</title></head>
+  <body>
+
+    <math>
+      <munder>
+        <mi>AVERYLONGBASE</mi>
+        <mo stretchy="true">=</mo>
+      </munder>
+    </math>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/stretchy-largeop-1-ref.html b/layout/reftests/mathml/stretchy-largeop-1-ref.html
new file mode 100644
index 0000000000..b65a38958f
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-largeop-1-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Largeop stretching</title>
+    <meta charset="utf-8"/>
+  </head>
+  <body>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mo id="mo0">(</mo>
+          <mo>∫</mo>
+          <mo id="mo1">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mrow>
+          <mo id="mo0a">(</mo>
+          <mo>∫</mo>
+          <mo id="mo1a">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mo id="mo2">(</mo>
+          <mo>&Product;</mo>
+          <mo id="mo3">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mrow>
+          <mo id="mo2a">(</mo>
+          <mo>&Product;</mo>
+          <mo id="mo3a">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <!-- &bigotimes; included in the test to check for an assertion involving
+           the direction of the largeop pre-stretch -->
+      <math displaystyle="true">
+        <mrow>
+          <mo id="mo4">(</mo>
+          <mo>&bigotimes;</mo>
+          <mo id="mo5">)</mo>
+        <mrow>
+      </math>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/stretchy-largeop-1.html b/layout/reftests/mathml/stretchy-largeop-1.html
new file mode 100644
index 0000000000..bb63c8a435
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-largeop-1.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>Largeop stretching</title>
+    <meta charset="utf-8"/>
+    <script type="text/javascript">
+
+      function verifyGreaterThan(aElement, aReference) {
+        /* Verify that the height of the element is greater than that of the
+           reference, and otherwise paint the element in red. */
+        var element = document.getElementById(aElement);
+        var ref = document.getElementById(aReference);
+        if (element.getBoundingClientRect().height -
+            ref.getBoundingClientRect().height <= 1) {
+          element.setAttribute("mathcolor", "red");
+        }
+      }
+
+      function doTest() {
+        /* Ensure that the parentheses in the displaystyle case stretch more
+           than the alternative. */
+        verifyGreaterThan("mo0", "mo0a");
+        verifyGreaterThan("mo1", "mo1a");
+        verifyGreaterThan("mo2", "mo2a");
+        verifyGreaterThan("mo3", "mo3a");
+
+        document.documentElement.removeAttribute("class");
+
+      }
+    </script>
+  </head>
+  <body onload="doTest();">
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mo id="mo0">(</mo>
+          <mo>∫</mo>
+          <mo id="mo1">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mrow>
+          <mo id="mo0a">(</mo>
+          <mo>∫</mo>
+          <mo id="mo1a">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mo id="mo2">(</mo>
+          <mo>&Product;</mo>
+          <mo id="mo3">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mrow>
+          <mo id="mo2a">(</mo>
+          <mo>&Product;</mo>
+          <mo id="mo3a">)</mo>
+        <mrow>
+      </math>
+    </p>
+    <p>
+      <!-- &bigotimes; included in the test to check for an assertion involving
+           the direction of the largeop pre-stretch -->
+      <math displaystyle="true">
+        <mrow>
+          <mo id="mo4">(</mo>
+          <mo>&bigotimes;</mo>
+          <mo id="mo5">)</mo>
+        <mrow>
+      </math>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/stretchy-largeop-2-ref.html b/layout/reftests/mathml/stretchy-largeop-2-ref.html
new file mode 100644
index 0000000000..d06d26527b
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-largeop-2-ref.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- Test that non-stretchy largeops are bigger in display mode -->
+
+<html>
+  <head>
+    <title>Largeop stretching</title>
+    <meta charset="utf-8"/>
+  </head>
+  <body>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo0">&bigodot;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo1">&bigoplus;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo2">&#x2a03;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo3">&#x2a05;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo4">&#x2a07;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo5">&#x2a08;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo6">&#x2a09;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo7">&#x2a0a;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo8">&#x2afc;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo9">&#x2aff;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef0">&bigodot;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef1">&bigoplus;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef2">&#x2a03;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef3">&#x2a05;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef4">&#x2a07;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef5">&#x2a08;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef6">&#x2a09;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef7">&#x2a0a;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef8">&#x2afc;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef9">&#x2aff;</mo>
+      </math>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/stretchy-largeop-2.html b/layout/reftests/mathml/stretchy-largeop-2.html
new file mode 100644
index 0000000000..c7f40580ec
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-largeop-2.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<!-- Test that non-stretchy largeops are bigger in display mode -->
+
+<html class="reftest-wait">
+  <head>
+    <title>Largeop stretching</title>
+    <meta charset="utf-8"/>
+    <script type="text/javascript">
+
+      function verifyGreaterThan(aElement, aReference) {
+        /* Verify that the height of the element is greater than that of the
+           reference, and otherwise paint the element in red. */
+        var element = document.getElementById(aElement);
+        var ref = document.getElementById(aReference);
+        if (element.getBoundingClientRect().height -
+            ref.getBoundingClientRect().height <= 1) {
+          element.setAttribute("mathcolor", "red");
+        }
+      }
+
+      function doTest() {
+        /* Ensure that largeops are bigger in displaystyle */
+        var numTests = 10; // zero indexed
+        var opPrefix = "mo";
+        var refPrefix = "moRef";
+        for (var i = 0; i < numTests; i++)
+        {
+          verifyGreaterThan(opPrefix + i, refPrefix + i);
+        }
+        document.documentElement.removeAttribute("class");
+
+      }
+    </script>
+  </head>
+  <body onload="doTest();">
+    <p>
+      <math displaystyle="true">
+        <mo id="mo0">&bigodot;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo1">&bigoplus;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo2">&#x2a03;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo3">&#x2a05;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo4">&#x2a07;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo5">&#x2a08;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo6">&#x2a09;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo7">&#x2a0a;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo8">&#x2afc;</mo>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="mo9">&#x2aff;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef0">&bigodot;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef1">&bigoplus;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef2">&#x2a03;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef3">&#x2a05;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef4">&#x2a07;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef5">&#x2a08;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef6">&#x2a09;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef7">&#x2a0a;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef8">&#x2afc;</mo>
+      </math>
+    </p>
+    <p>
+      <math>
+        <mo id="moRef9">&#x2aff;</mo>
+      </math>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/stretchy-largeop-3-ref.html b/layout/reftests/mathml/stretchy-largeop-3-ref.html
new file mode 100644
index 0000000000..83837c8b30
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-largeop-3-ref.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- Test that non-stretchy largeops do not stretch -->
+
+<html>
+  <head>
+    <title>Largeop stretching</title>
+    <meta charset="utf-8" />
+  </head>
+   <body>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo0">&bigodot;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo1">&bigoplus;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo2">&#x2a03;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo3">&#x2a05;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo4">&#x2a07;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo5">&#x2a08;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo6">&#x2a09;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo7">&#x2a0a;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo8">&#x2afc;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo9">&#x2aff;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="moRef0">&bigodot;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef1">&bigoplus;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef2">&#x2a03;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef3">&#x2a05;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef4">&#x2a07;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef5">&#x2a08;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef6">&#x2a09;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef7">&#x2a0a;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef8">&#x2afc;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef9">&#x2aff;</mo>
+      </math>
+    </p>
+  </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/mathml/stretchy-largeop-3.html b/layout/reftests/mathml/stretchy-largeop-3.html
new file mode 100644
index 0000000000..5fe3149894
--- /dev/null
+++ b/layout/reftests/mathml/stretchy-largeop-3.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<!-- Test that non-stretchy largeops do not stretch -->
+
+<html class="reftest-wait">
+  <head>
+    <title>Largeop stretching</title>
+    <meta charset="utf-8" />
+    <script type="text/javascript">
+
+      function almostEqual(aX, aY) {
+        var epsilon = 2;
+        return Math.abs(aX - aY) < epsilon;
+      }
+
+      function verifySize(aElement, aReference) {
+        /* Verify if the size of the element matches the reference, and
+           otherwise paint the element in red. */
+        var element = document.getElementById(aElement);
+        var ref = document.getElementById(aReference);
+        if (!almostEqual(element.getBoundingClientRect().height,
+                         ref.getBoundingClientRect().height) ||
+            !almostEqual(element.getBoundingClientRect().width,
+                         ref.getBoundingClientRect().width)) {
+          element.setAttribute("mathcolor", "red");
+        }
+      }
+
+      function doTest() {
+        /* Ensure that largeops are bigger in displaystyle */
+        var numTests = 10; // zero indexed
+        var opPrefix = "mo";
+        var refPrefix = "moRef";
+        for (var i = 0; i < numTests; i++)
+        {
+          verifySize(opPrefix + i, refPrefix + i);
+        }
+        document.documentElement.removeAttribute("class");
+
+      }
+    </script>
+  </head>
+  <body onload="doTest();">
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo0">&bigodot;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo1">&bigoplus;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo2">&#x2a03;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo3">&#x2a05;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo4">&#x2a07;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo5">&#x2a08;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo6">&#x2a09;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo7">&#x2a0a;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo8">&#x2afc;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mrow>
+          <mspace height="3em" />
+          <mo id="mo9">&#x2aff;</mo>
+        </mrow>
+      </math>
+    </p>
+    <p>
+      <math displaystyle="true">
+        <mo id="moRef0">&bigodot;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef1">&bigoplus;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef2">&#x2a03;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef3">&#x2a05;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef4">&#x2a07;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef5">&#x2a08;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef6">&#x2a09;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef7">&#x2a0a;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef8">&#x2afc;</mo>
+      </math>
+      <math displaystyle="true">
+        <mo id="moRef9">&#x2aff;</mo>
+      </math>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/mathml/subscript-italic-correction-ref.html b/layout/reftests/mathml/subscript-italic-correction-ref.html
new file mode 100644
index 0000000000..a4527325cd
--- /dev/null
+++ b/layout/reftests/mathml/subscript-italic-correction-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>subscript</title>
+    <meta charset="utf-8"/>
+  </head>
+  <body style="background: #5f5; font-size: 50px;">
+
+    <div>
+      <math>
+        <msubsup>
+          <mi mathbackground="#5f5">f</mi>
+          <mspace id="s0" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s1" width="50px" height="50px" mathbackground="blue"/>
+        </msubsup>
+      </math>
+    </div>
+
+    <br/>
+
+    <div>
+      <math>
+        <mmultiscripts>
+          <mi mathbackground="#5f5">f</mi>
+          <mspace id="s2" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s3" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s4" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s5" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s6" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s7" width="50px" height="50px" mathbackground="blue"/>
+        </mmultiscripts>
+      </math>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/subscript-italic-correction.html b/layout/reftests/mathml/subscript-italic-correction.html
new file mode 100644
index 0000000000..04be7ba5f9
--- /dev/null
+++ b/layout/reftests/mathml/subscript-italic-correction.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>subscript</title>
+    <meta charset="utf-8"/>
+    <script type="text/javascript">
+      function verifyItalicCorrections()
+      {
+        var epsilon = 2;
+        for (var i = 0; i < 8; i += 2) {
+          var sub = document.getElementById("s" + i);
+          var sup = document.getElementById("s" + (i+1));
+          var italicCorrection =
+           sup.getBoundingClientRect().left - sub.getBoundingClientRect().left;
+           if (italicCorrection < epsilon) {
+             return false;
+           }
+        }
+        return true;
+      }
+
+      function doTest()
+      {
+        if (verifyItalicCorrections()) {
+          document.body.style.background = "#5f5";
+        }
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", doTest);
+    </script>
+  </head>
+  <body style="background: #f00; font-size: 50px;">
+
+    <div>
+      <math>
+        <msubsup>
+          <mi mathbackground="#5f5">f</mi>
+          <mspace id="s0" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s1" width="50px" height="50px" mathbackground="blue"/>
+        </msubsup>
+      </math>
+    </div>
+
+    <br/>
+
+    <div>
+      <math>
+        <mmultiscripts>
+          <mi mathbackground="#5f5">f</mi>
+          <mspace id="s2" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s3" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s4" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s5" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s6" width="50px" height="50px" mathbackground="blue"/>
+          <mspace id="s7" width="50px" height="50px" mathbackground="blue"/>
+        </mmultiscripts>
+      </math>
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/mathml/underbar-width-1-ref.xhtml b/layout/reftests/mathml/underbar-width-1-ref.xhtml
new file mode 100644
index 0000000000..737673ccb1
--- /dev/null
+++ b/layout/reftests/mathml/underbar-width-1-ref.xhtml
@@ -0,0 +1,26 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+      html { background-color: grey; }
+      div { display: inline-block;
+            font-size: 30px;
+            line-height: 60px; /* Ensure space for underbar */
+            border: 1px solid white;
+            padding: 2px; /* 10% error allowed in char selection */
+            background-color: black;
+            color: red; }
+    </style>
+  </head>
+<body>
+  <div>
+    <math xmlns="http://www.w3.org/1998/Math/MathML">
+      <mphantom>
+	<munder>
+	  <mn>1</mn>
+	  <mo>&#x332;</mo>
+	</munder>
+      </mphantom>
+    </math>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/mathml/underbar-width-1.xhtml b/layout/reftests/mathml/underbar-width-1.xhtml
new file mode 100644
index 0000000000..473b25b91d
--- /dev/null
+++ b/layout/reftests/mathml/underbar-width-1.xhtml
@@ -0,0 +1,25 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Check width of stretchy OverBar</title>
+    <style type="text/css">
+      html { background-color: grey; }
+      div { display: inline-block;
+            font-size: 30px;
+            line-height: 60px; /* Ensure space for underbar */
+            border: 1px solid white;
+            padding: 2px; /* 10% error allowed in char selection */
+            background-color: black;
+            color: black; }
+    </style>
+  </head>
+<body>
+  <div>
+    <math xmlns="http://www.w3.org/1998/Math/MathML">
+      <munder>
+	<mn>1</mn>
+	<mo>&#x332;</mo>
+      </munder>
+    </math>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/meta-viewport/async-scroll-to-no-content-area-ref.html b/layout/reftests/meta-viewport/async-scroll-to-no-content-area-ref.html
new file mode 100644
index 0000000000..ec10e60079
--- /dev/null
+++ b/layout/reftests/meta-viewport/async-scroll-to-no-content-area-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+html {
+  background-color: green;
+}
+#fixed {
+  width: 100px;
+  height: 100px;
+  background-color: red;
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+}
+</style>
+<div id="fixed"></div>
diff --git a/layout/reftests/meta-viewport/async-scroll-to-no-content-area.html b/layout/reftests/meta-viewport/async-scroll-to-no-content-area.html
new file mode 100644
index 0000000000..1a05bc7bd6
--- /dev/null
+++ b/layout/reftests/meta-viewport/async-scroll-to-no-content-area.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html reftest-displayport-w="3200" reftest-displayport-h="4000"
+      reftest-async-scroll
+      reftest-async-scroll-x="2400"
+      reftest-async-scroll-y="3000">
+<!--
+  This content size will be (400%, 400%) (i.e. (3200px, 4000px) in reftest)
+  because of 'minimum-scale=0.25', but is rendered 1.0x scale initially so that
+  there is room to scroll to (0px, 3000px).
+  -->
+<meta name="viewport" content="width=device-width,minimum-scale=0.25,initial-scale=1">
+<style>
+html {
+  background-color: green;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none; /* avoid drawing scrollbars */
+}
+#quadruple-width {
+  background-color: red;
+  width: 400%;
+  height: 100%;
+  position: absolute;
+}
+#fixed {
+  width: 100px;
+  height: 100px;
+  background-color: red;
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+}
+</style>
+<div id="quadruple-width"></div>
+<div id="fixed"></div>
+</html>
diff --git a/layout/reftests/meta-viewport/box-shadow.html b/layout/reftests/meta-viewport/box-shadow.html
new file mode 100644
index 0000000000..31927a0e0a
--- /dev/null
+++ b/layout/reftests/meta-viewport/box-shadow.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  min-width: 1600px; /* this value should be double of viewport width */
+  min-height: 3000px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+  box-shadow: 100px 0 red;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/clamped-by-default-minimum-scale.html b/layout/reftests/meta-viewport/clamped-by-default-minimum-scale.html
new file mode 100644
index 0000000000..0dbb3d61d4
--- /dev/null
+++ b/layout/reftests/meta-viewport/clamped-by-default-minimum-scale.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  /*
+   * This value should be greater than reftest viewport width 800px * (1 / 0.25).
+   * 0.25 is the initial scale value used in the reference.
+   */
+  min-width: 4000px;
+  /*
+   * This value should be greater than reftest viewport height
+   * 1000x * (1 / 0.25) to make the initial scale auto-calculation happen.
+   */
+  min-height: 8000px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/desktop-mode-ref.html b/layout/reftests/meta-viewport/desktop-mode-ref.html
new file mode 100644
index 0000000000..de63a80ed5
--- /dev/null
+++ b/layout/reftests/meta-viewport/desktop-mode-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width">
+<style>
+html {
+  height: 100%;
+  width: 100%;
+}
+body {
+  height: 2000px;
+  width: 200%;
+  margin: 0px;
+  padding: 0px;
+}
+div {
+  width: 20px;
+  height: 100%;
+  top: 0px;
+  background-color: green;
+}
+</style>
+<div style="right: 0px;  position: fixed;"></div>
+<div style="right: 25px; position: absolute;"></div>
+</html>
diff --git a/layout/reftests/meta-viewport/desktop-mode.html b/layout/reftests/meta-viewport/desktop-mode.html
new file mode 100644
index 0000000000..9351f242a8
--- /dev/null
+++ b/layout/reftests/meta-viewport/desktop-mode.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+html {
+  height: 100%;
+  width: 100%;
+}
+body {
+  height: 2000px;
+  width: 200%;
+  margin: 0px;
+  padding: 0px;
+}
+div {
+  width: 20px;
+  height: 100%;
+  top: 0px;
+  background-color: green;
+}
+</style>
+<div style="right: 0px;  position: fixed;"></div>
+<div style="right: 25px; position: absolute;"></div>
+<script>
+let win = SpecialPowers.wrap(window);
+SpecialPowers.spawnChrome([win.browsingContext.id], id => {
+  BrowsingContext.get(id).forceDesktopViewport = true;
+}).then(() => {
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/device-height-for-width.html b/layout/reftests/meta-viewport/device-height-for-width.html
new file mode 100644
index 0000000000..000adc763e
--- /dev/null
+++ b/layout/reftests/meta-viewport/device-height-for-width.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-height">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/device-height-with-dynamic-toolbar-ref.html b/layout/reftests/meta-viewport/device-height-with-dynamic-toolbar-ref.html
new file mode 100644
index 0000000000..7d42b3896c
--- /dev/null
+++ b/layout/reftests/meta-viewport/device-height-with-dynamic-toolbar-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+div {
+  width: 100vw;
+  height: 50vh;
+}
+</style>
+<div style="background-color: green;"></div>
+<div style="background-color: blue;"></div>
diff --git a/layout/reftests/meta-viewport/device-height-with-dynamic-toolbar.html b/layout/reftests/meta-viewport/device-height-with-dynamic-toolbar.html
new file mode 100644
index 0000000000..ca4d500236
--- /dev/null
+++ b/layout/reftests/meta-viewport/device-height-with-dynamic-toolbar.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=1600, height=device-height">
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+div {
+  width: 100vw;
+}
+</style>
+<div style="height: 100vh; background-color: green;"></div>
+<div style="height: 500vh; background-color: blue;"></div>
diff --git a/layout/reftests/meta-viewport/dynamic-grow-width-and-height.html b/layout/reftests/meta-viewport/dynamic-grow-width-and-height.html
new file mode 100644
index 0000000000..a9b98e86cc
--- /dev/null
+++ b/layout/reftests/meta-viewport/dynamic-grow-width-and-height.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--
+  `reftest-snapshot-all` is necessary to take the screenshot for whole canvas
+  when zoom level is changed.
+  This is the same as what we do in the case where reftest-async-zoom is
+  specified.
+ -->
+<html class="reftest-wait reftest-snapshot-all">
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow-x: hidden;
+  scrollbar-width: none;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div id="green" style="background: green; width: 100%; height: 100%;"></div>
+<div style="background: blue; width: 100%; height: 100%;"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  green.style.width = '200%';
+  requestAnimationFrame(() => {
+    // At this moment we don't scale down the contents due to bug 1508177.
+
+    green.style.height = '200%';
+    requestAnimationFrame(() => {
+      // Growing height should make the overflow-x:hidden area visible.
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/dynamic-grow-width.html b/layout/reftests/meta-viewport/dynamic-grow-width.html
new file mode 100644
index 0000000000..84084c2e52
--- /dev/null
+++ b/layout/reftests/meta-viewport/dynamic-grow-width.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow-x: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  height: 100%;
+  position: absolute;
+}
+</style>
+<div id="green" style="background: green; width: 100%;"></div>
+<div style="background: blue; width: 100%;"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Grow width to generate overflow-x:hidden area but the content height is
+  // 100vh so that we don't scale down the contents (bug 1508177).
+  green.style.width = '200%';
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove('reftest-wait');
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/horizontal-overflow-hidden-region-ref.html b/layout/reftests/meta-viewport/horizontal-overflow-hidden-region-ref.html
new file mode 100644
index 0000000000..758aafcb7e
--- /dev/null
+++ b/layout/reftests/meta-viewport/horizontal-overflow-hidden-region-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  height: 50%;
+  position: absolute;
+}
+</style>
+<div style="background: green; width: 100%;"></div>
+<div style="background: blue; width: 50%;"></div>
diff --git a/layout/reftests/meta-viewport/horizontal-overflow-hidden-region.html b/layout/reftests/meta-viewport/horizontal-overflow-hidden-region.html
new file mode 100644
index 0000000000..79b3232954
--- /dev/null
+++ b/layout/reftests/meta-viewport/horizontal-overflow-hidden-region.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow-x: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  height: 100%;
+  position: absolute;
+}
+</style>
+<div style="background: red; width: 300%;"></div>
+<div style="background: green; width: 200%;"></div>
+<div style="background: blue; width: 100%;"></div>
diff --git a/layout/reftests/meta-viewport/initial-scale-0.html b/layout/reftests/meta-viewport/initial-scale-0.html
new file mode 100644
index 0000000000..f29f8ce1a4
--- /dev/null
+++ b/layout/reftests/meta-viewport/initial-scale-0.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta name="viewport" content="initial-scale=0,width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  min-width: 1600px; /* this value should be greater than viewport width */
+  min-height: 3000px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/initial-scale-0_25-ref.html b/layout/reftests/meta-viewport/initial-scale-0_25-ref.html
new file mode 100644
index 0000000000..9d6048ac12
--- /dev/null
+++ b/layout/reftests/meta-viewport/initial-scale-0_25-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta name="viewport" content="initial-scale=0.25,width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+#container {
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/initial-scale-0_5-ref.html b/layout/reftests/meta-viewport/initial-scale-0_5-ref.html
new file mode 100644
index 0000000000..e2385dc57b
--- /dev/null
+++ b/layout/reftests/meta-viewport/initial-scale-0_5-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta name="viewport" content="initial-scale=0.5,width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+#container {
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/initial-scale-1.html b/layout/reftests/meta-viewport/initial-scale-1.html
new file mode 100644
index 0000000000..dbba24bab9
--- /dev/null
+++ b/layout/reftests/meta-viewport/initial-scale-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta name="viewport" content="initial-scale=1,width=device-width,minimum-scale=1">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+#container {
+  min-width: 1600px; /* this value should be double of viewport width */
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/initial-scale-10-ref.html b/layout/reftests/meta-viewport/initial-scale-10-ref.html
new file mode 100644
index 0000000000..72d15d459d
--- /dev/null
+++ b/layout/reftests/meta-viewport/initial-scale-10-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta name="viewport" content="initial-scale=10,width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 10px;
+  height: 10px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/initial-scale-100.html b/layout/reftests/meta-viewport/initial-scale-100.html
new file mode 100644
index 0000000000..2e1096c59d
--- /dev/null
+++ b/layout/reftests/meta-viewport/initial-scale-100.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta name="viewport" content="initial-scale=100,width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 10px;
+  height: 10px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/invalid-content.html b/layout/reftests/meta-viewport/invalid-content.html
new file mode 100644
index 0000000000..f5a317b21f
--- /dev/null
+++ b/layout/reftests/meta-viewport/invalid-content.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta name="viewport" content="1200">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  width: 980px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/invalid-width-ref.html b/layout/reftests/meta-viewport/invalid-width-ref.html
new file mode 100644
index 0000000000..9d87dcd174
--- /dev/null
+++ b/layout/reftests/meta-viewport/invalid-width-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/invalid-width.html b/layout/reftests/meta-viewport/invalid-width.html
new file mode 100644
index 0000000000..115d62105a
--- /dev/null
+++ b/layout/reftests/meta-viewport/invalid-width.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=devicewidth">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/min-scale-aspect-ratio.html b/layout/reftests/meta-viewport/min-scale-aspect-ratio.html
new file mode 100644
index 0000000000..3cbdb60ce6
--- /dev/null
+++ b/layout/reftests/meta-viewport/min-scale-aspect-ratio.html
@@ -0,0 +1,41 @@
+<html class="reftest-wait">
+<meta name="viewport" content="width=device-width minimum-scale=0.25 initial-scale=1.0">
+<style>
+  html, body {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    scrollbar-width: none;
+  }
+  div {
+    position: absolute;
+  }
+  .B {
+    width: 200%;
+    height: 400%;
+    background: white;
+  }
+  .C {
+    width: 200%;
+    height: 200%;
+    background: green;
+  }
+</style>
+<div class="B"></div>
+<div class="C"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // The page here is twice the width of the ICB, and four times the height.
+  // We want the layout viewport to be expanded to be twice the width and
+  // height of the ICB (to maintain aspect ratio), rather than four times the
+  // height.
+  // To test this, scroll to the end of the layout scroll range.
+  // If the layout viewport is expanded too much, we have no layout scroll
+  // range, so nothing will happen, and a green area will remain in view.
+  // If the layout viewport is expanded to the desired size, a white area
+  // will be scrolled into view, matching the reference page.
+  window.scrollTo(window.scrollMaxX, window.scrollMaxY);
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/minimum-scale.html b/layout/reftests/meta-viewport/minimum-scale.html
new file mode 100644
index 0000000000..52dd0f01c0
--- /dev/null
+++ b/layout/reftests/meta-viewport/minimum-scale.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta name="viewport" content="minimum-scale=1,width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+#container {
+  min-width: 1600px; /* this value should be greater than viewport width */
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/negative-initial-and-maximum-scale.html b/layout/reftests/meta-viewport/negative-initial-and-maximum-scale.html
new file mode 100644
index 0000000000..45e5de5b11
--- /dev/null
+++ b/layout/reftests/meta-viewport/negative-initial-and-maximum-scale.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta name="viewport" content="initial-scale=-1,maximum-scale=-1,width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  min-width: 1600px; /* this value should be double of viewport width */
+  min-height: 3000px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/no-scalable-with-minimum-scale-ref.html b/layout/reftests/meta-viewport/no-scalable-with-minimum-scale-ref.html
new file mode 100644
index 0000000000..f5490d939b
--- /dev/null
+++ b/layout/reftests/meta-viewport/no-scalable-with-minimum-scale-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+  html {
+    overflow: hidden;
+  }
+  body {
+    margin: 0;
+  }
+  div {
+    position: absolute;
+  }
+</style>
+<div style="background: red; width: 300%; height: 300%"></div>
+<div style="background: green; width: 200%; height: 200%"></div>
+<div style="background: blue; width: 100%; height: 100%"></div>
diff --git a/layout/reftests/meta-viewport/no-scalable-with-minimum-scale.html b/layout/reftests/meta-viewport/no-scalable-with-minimum-scale.html
new file mode 100644
index 0000000000..f3d51e1e3b
--- /dev/null
+++ b/layout/reftests/meta-viewport/no-scalable-with-minimum-scale.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,minimum-scale=0.5,user-scalable=no">
+<style>
+  html {
+    overflow: hidden;
+  }
+  body {
+    margin: 0;
+  }
+  div {
+    position: absolute;
+  }
+</style>
+<div style="background: red; width: 300%; height: 300%"></div>
+<div style="background: green; width: 200%; height: 200%"></div>
+<div style="background: blue; width: 100%; height: 100%"></div>
diff --git a/layout/reftests/meta-viewport/no-viewport.html b/layout/reftests/meta-viewport/no-viewport.html
new file mode 100644
index 0000000000..a4f3cda67f
--- /dev/null
+++ b/layout/reftests/meta-viewport/no-viewport.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  min-width: 1600px; /* this value should be double of viewport width */
+  min-height: 3000px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/no-zoom-ref.html b/layout/reftests/meta-viewport/no-zoom-ref.html
new file mode 100644
index 0000000000..1086c60dd9
--- /dev/null
+++ b/layout/reftests/meta-viewport/no-zoom-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html reftest-async-zoom="1">
+<meta name="viewport" content="initial-scale=1,width=device-width,minimum-scale=1">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+#container {
+  min-width: 1600px; /* this value should be greater than viewport width */
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
+</html>
diff --git a/layout/reftests/meta-viewport/not-able-to-scrollTo.html b/layout/reftests/meta-viewport/not-able-to-scrollTo.html
new file mode 100644
index 0000000000..dc536491d9
--- /dev/null
+++ b/layout/reftests/meta-viewport/not-able-to-scrollTo.html
@@ -0,0 +1,39 @@
+<html class="reftest-wait">
+<meta name="viewport" content="width=device-width minimum-scale=0.5 initial-scale=1.0">
+<style>
+  html, body {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    scrollbar-width: none;
+  }
+  div {
+    position: absolute;
+  }
+  .B {
+    width: 200%;
+    height: 200%;
+    background: green;
+  }
+  .C {
+    width: 100%;
+    height: 100%;
+    background: white;
+  }
+</style>
+<div class="B"></div>
+<div class="C"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // The page here is twice as large as the ICB.
+  // If the layout viewport is sized to the ICB, we have a layout
+  // scroll range equal to the ICB size, and the scrollTo() call
+  // below will bring a green area into view.
+  // If the layout viewport is expanded to the whole page, we
+  // have an empty layout scroll range, and the scrollTo() call
+  // below will have no effect.
+  window.scrollTo(window.scrollMaxX, window.scrollMaxY);
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/overflow-hidden-region-dynamic-width-change.html b/layout/reftests/meta-viewport/overflow-hidden-region-dynamic-width-change.html
new file mode 100644
index 0000000000..7d1e7cb6b4
--- /dev/null
+++ b/layout/reftests/meta-viewport/overflow-hidden-region-dynamic-width-change.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!--
+  `reftest-snapshot-all` is necessary to take the screenshot for whole canvas
+  when zoom level is changed.
+  This is the same as what we do in the case where reftest-async-zoom is
+  specified.
+ -->
+<html class="reftest-wait reftest-snapshot-all">
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div id="red" style="background: red; width: 100%; height: 300%;"></div>
+<div id="green" style="background: green; width: 100%; height: 200%;"></div>
+<div style="background: blue; width: 100%; height: 100%;"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  green.style.width = '200%';
+  red.style.width = '300%';
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove('reftest-wait');
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/overflow-hidden-region-with-negative-left-positioned-element.html b/layout/reftests/meta-viewport/overflow-hidden-region-with-negative-left-positioned-element.html
new file mode 100644
index 0000000000..aa7d9c6902
--- /dev/null
+++ b/layout/reftests/meta-viewport/overflow-hidden-region-with-negative-left-positioned-element.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.25">
+<style>
+html {
+  overflow: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<!--
+  Even if minimum-scale=0.25 is specified, the widest element in this content is
+  below div element whose *real* width is 200% because of `margin-left: -500%`,
+  so this content should be scaled to 0.5x.
+  -->
+<div style="background: green; width: 700%; height: 500%; margin-left: -500%;"></div>
+<div style="background: blue; width: 100%; height: 100%;"></div>
diff --git a/layout/reftests/meta-viewport/overflow-hidden-region.html b/layout/reftests/meta-viewport/overflow-hidden-region.html
new file mode 100644
index 0000000000..d9c61cc21c
--- /dev/null
+++ b/layout/reftests/meta-viewport/overflow-hidden-region.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div style="background: red; width: 300%; height: 300%;"></div>
+<div style="background: green; width: 200%; height: 200%;"></div>
+<div style="background: blue; width: 100%; height: 100%;"></div>
diff --git a/layout/reftests/meta-viewport/overflow-region-ref.html b/layout/reftests/meta-viewport/overflow-region-ref.html
new file mode 100644
index 0000000000..899bc55907
--- /dev/null
+++ b/layout/reftests/meta-viewport/overflow-region-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div style="background: green; width: 100%; height: 100%;"></div>
+<div style="background: blue; width: 50%; height: 50%;"></div>
diff --git a/layout/reftests/meta-viewport/overflow-region.html b/layout/reftests/meta-viewport/overflow-region.html
new file mode 100644
index 0000000000..f18ac61822
--- /dev/null
+++ b/layout/reftests/meta-viewport/overflow-region.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+div {
+  position: absolute;
+}
+</style>
+<div style="background: red; width: 300%; height: 300%;"></div>
+<div style="background: green; width: 200%; height: 200%;"></div>
+<div style="background: blue; width: 100%; height: 100%"></div>
diff --git a/layout/reftests/meta-viewport/position-fixed-on-half-height-content-ref.html b/layout/reftests/meta-viewport/position-fixed-on-half-height-content-ref.html
new file mode 100644
index 0000000000..6c24e1fc9d
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-on-half-height-content-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+#fixed {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+}
+</style>
+<div id="fixed"></div>
diff --git a/layout/reftests/meta-viewport/position-fixed-on-half-height-content.html b/layout/reftests/meta-viewport/position-fixed-on-half-height-content.html
new file mode 100644
index 0000000000..a962e56ad2
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-on-half-height-content.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 50%;
+}
+#fixed {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+}
+</style>
+<div id="fixed"></div>
diff --git a/layout/reftests/meta-viewport/position-fixed-on-landscape-content.html b/layout/reftests/meta-viewport/position-fixed-on-landscape-content.html
new file mode 100644
index 0000000000..6f34d7b728
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-on-landscape-content.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none; /* avoid drawing scrollbars */
+}
+#twice-width {
+  width: 200%;
+  height: 100%;
+  position: absolute;
+}
+#fixed {
+  width: 200px;
+  height: 200px;
+  background-color: green;
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+}
+</style>
+<div id="twice-width"></div>
+<div id="fixed"></div>
diff --git a/layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size-ref.html b/layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size-ref.html
new file mode 100644
index 0000000000..0d2cddeff1
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-async-scroll-x="800"
+      reftest-async-scroll-y="0"
+      reftest-displayport-w="1600"
+      reftest-displayport-h="2000"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0">
+<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+<style>
+  html,body {
+    margin: 0;
+    width: 1600px;
+    height: 2000px;
+  }
+</style>
+<div style="position: relative; width: 100%; height: 100%;">
+  <div style="position: absolute; top: 0; right: 0; width: 100px; height: 100px; background-color: green"></div>
+</div>
+</html>
diff --git a/layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size.html b/layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size.html
new file mode 100644
index 0000000000..48f167a9cc
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-async-scroll-x="800"
+      reftest-async-scroll-y="0"
+      reftest-displayport-w="1600"
+      reftest-displayport-h="2000"
+      reftest-displayport-x="0"
+      reftest-displayport-y="0">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+  html,body {
+    margin: 0;
+    width: 800px;
+    height: 1000px;
+  }
+</style>
+<div style="position:fixed; top: 0; right: 0; width: 100px; height: 100px; background-color: green"></div>
+<div style="width: 1600px; height: 2000px;"></div>
+</html>
diff --git a/layout/reftests/meta-viewport/position-fixed-on-square-content-ref.html b/layout/reftests/meta-viewport/position-fixed-on-square-content-ref.html
new file mode 100644
index 0000000000..2432508186
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-on-square-content-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none; /* avoid drawing scrollbars */
+}
+#square {
+  width: 100vw;
+  height: 100vw;
+  position: absolute;
+  background-color: green;
+}
+#fixed {
+  width: 200px;
+  height: 200px;
+  background-color: green;
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+}
+</style>
+<div id="square"></div>
+<div id="fixed"></div>
diff --git a/layout/reftests/meta-viewport/position-fixed-on-square-content.html b/layout/reftests/meta-viewport/position-fixed-on-square-content.html
new file mode 100644
index 0000000000..956cbb72c3
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-on-square-content.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=400, height=400">
+<!--
+  width=400 is half of reftest canvas width so that this content should be
+  scaled by 2x.
+  -->
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none; /* avoid drawing scrollbars */
+}
+#square {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: green;
+}
+#fixed {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+}
+</style>
+<div id="square"></div>
+<div id="fixed"></div>
diff --git a/layout/reftests/meta-viewport/position-fixed-out-of-view.html b/layout/reftests/meta-viewport/position-fixed-out-of-view.html
new file mode 100644
index 0000000000..02d889d0c8
--- /dev/null
+++ b/layout/reftests/meta-viewport/position-fixed-out-of-view.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+  html,body {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    scrollbar-width: none;
+  }
+</style>
+<!--
+  this green box should be attached at the right edge of the layout viewport so
+  it should not be visible in the initial viewport position(0,0).
+-->
+<div style="position:fixed; top:0; right: 0; width:100px; height: 100px; background-color: green"></div>
+<div style="width: 200%; height: 200%;"></div>
diff --git a/layout/reftests/meta-viewport/reftest.list b/layout/reftests/meta-viewport/reftest.list
new file mode 100644
index 0000000000..7c174074ec
--- /dev/null
+++ b/layout/reftests/meta-viewport/reftest.list
@@ -0,0 +1,43 @@
+defaults pref(dom.meta-viewport.enabled,true) pref(apz.allow_zooming,true)
+
+# These tests assume that viewport width in reftest is 800px.
+== box-shadow.html initial-scale-0_5-ref.html
+== initial-scale-0.html initial-scale-0_25-ref.html
+== initial-scale-100.html initial-scale-10-ref.html
+== no-viewport.html initial-scale-0_5-ref.html
+== viewport-width.html initial-scale-0_5-ref.html
+== initial-scale-1.html no-zoom-ref.html
+== minimum-scale.html no-zoom-ref.html
+== invalid-width.html invalid-width-ref.html
+== invalid-content.html width-980-ref.html
+== removal.html width-980-ref.html
+== device-height-for-width.html invalid-width-ref.html
+== negative-initial-and-maximum-scale.html initial-scale-0_5-ref.html
+== no-scalable-with-minimum-scale.html no-scalable-with-minimum-scale-ref.html
+== clamped-by-default-minimum-scale.html initial-scale-0_25-ref.html
+== position-fixed-on-half-height-content.html position-fixed-on-half-height-content-ref.html
+== position-fixed-on-landscape-content.html position-fixed-on-half-height-content-ref.html
+== position-fixed-on-square-content.html position-fixed-on-square-content-ref.html
+== async-scroll-to-no-content-area.html async-scroll-to-no-content-area-ref.html # bug 1571623 to track down the failure on WebRender
+== resolution-change-on-landscape-content.html resolution-change-on-landscape-content-ref.html
+== scrollbars-in-half-height-content.html scrollbars-in-half-height-content-ref.html
+== scrollbars-in-landscape-content.html scrollbars-in-landscape-content-ref.html
+
+skip-if(!Android) == position-fixed-on-minimum-scale-size.html position-fixed-on-minimum-scale-size-ref.html
+== position-fixed-out-of-view.html about:blank
+
+== overflow-region.html overflow-region-ref.html
+== overflow-hidden-region.html overflow-region-ref.html
+pref(ui.useOverlayScrollbars,1) == overflow-hidden-region-with-negative-left-positioned-element.html overflow-region-ref.html
+== horizontal-overflow-hidden-region.html horizontal-overflow-hidden-region-ref.html
+== vertical-overflow-hidden-region.html about:blank
+== scroll-to-unreachable-area.html scroll-to-unreachable-area-ref.html
+== wrapped-text-at-icb.html wrapped-text-at-icb-ref.html
+== overflow-hidden-region-dynamic-width-change.html overflow-region-ref.html
+== remove-overflow-hidden-region.html remove-overflow-hidden-region-ref.html
+== dynamic-grow-width.html horizontal-overflow-hidden-region-ref.html
+== dynamic-grow-width-and-height.html overflow-region-ref.html
+== not-able-to-scrollTo.html about:blank
+== min-scale-aspect-ratio.html about:blank
+pref(layout.dynamic-toolbar-max-height,100) == device-height-with-dynamic-toolbar.html device-height-with-dynamic-toolbar-ref.html
+== desktop-mode.html desktop-mode-ref.html
diff --git a/layout/reftests/meta-viewport/removal.html b/layout/reftests/meta-viewport/removal.html
new file mode 100644
index 0000000000..80cff8077b
--- /dev/null
+++ b/layout/reftests/meta-viewport/removal.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<!-- This should still have an effect after removal -->
+<meta name="viewport" content="width=980">
+<script>document.querySelector('meta + meta').remove()</script>
+<style>
+#box {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="box"></div>
diff --git a/layout/reftests/meta-viewport/remove-overflow-hidden-region-ref.html b/layout/reftests/meta-viewport/remove-overflow-hidden-region-ref.html
new file mode 100644
index 0000000000..12c5cfacc7
--- /dev/null
+++ b/layout/reftests/meta-viewport/remove-overflow-hidden-region-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div style="background: blue; width: 100%; height: 100%;"></div>
+</html>
diff --git a/layout/reftests/meta-viewport/remove-overflow-hidden-region.html b/layout/reftests/meta-viewport/remove-overflow-hidden-region.html
new file mode 100644
index 0000000000..af10fd625c
--- /dev/null
+++ b/layout/reftests/meta-viewport/remove-overflow-hidden-region.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div id="green" style="background: green; width: 200%; height: 200%;"></div>
+<div style="background: blue; width: 100%; height: 100%; height: 100%;"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  green.style.width = '100%';
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/resolution-change-on-landscape-content-ref.html b/layout/reftests/meta-viewport/resolution-change-on-landscape-content-ref.html
new file mode 100644
index 0000000000..d2058d48ee
--- /dev/null
+++ b/layout/reftests/meta-viewport/resolution-change-on-landscape-content-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+html {
+  background-color: green;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none; /* avoid drawing scrollbars */
+}
+#quarter-height {
+  background-color: red;
+  width: 100%;
+  height: 25%;
+  position: absolute;
+}
+</style>
+<div id="quarter-height"></div>
diff --git a/layout/reftests/meta-viewport/resolution-change-on-landscape-content.html b/layout/reftests/meta-viewport/resolution-change-on-landscape-content.html
new file mode 100644
index 0000000000..6343be70ed
--- /dev/null
+++ b/layout/reftests/meta-viewport/resolution-change-on-landscape-content.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!--
+  This test case is initially scaled to 1.x by initial-scale=1 in the meta
+  viewport tag below, then scaled down to 0.25x by reftest-resolution="0.25"
+  -->
+<html reftest-resolution="0.25">
+<meta name="viewport" content="width=device-width,minimum-scale=0.25,initial-scale=1">
+<style>
+html {
+  background-color: green;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none; /* avoid drawing scrollbars */
+}
+#quadruple-width {
+  background-color: red;
+  width: 400%;
+  height: 100%;
+  position: absolute;
+}
+</style>
+<div id="quadruple-width"></div>
+</html>
diff --git a/layout/reftests/meta-viewport/scroll-to-unreachable-area-ref.html b/layout/reftests/meta-viewport/scroll-to-unreachable-area-ref.html
new file mode 100644
index 0000000000..8c840a06d8
--- /dev/null
+++ b/layout/reftests/meta-viewport/scroll-to-unreachable-area-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div style="background: red; width: 100%; height: 100%;"></div>
+<div style="background: green; width: 50%; height: 50%;"></div>
diff --git a/layout/reftests/meta-viewport/scroll-to-unreachable-area.html b/layout/reftests/meta-viewport/scroll-to-unreachable-area.html
new file mode 100644
index 0000000000..e0f6016208
--- /dev/null
+++ b/layout/reftests/meta-viewport/scroll-to-unreachable-area.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+</style>
+<div style="background: red; width: 300%; height: 300%;"></div>
+<div id="green" style="background: green; width: 200%; height: 200%;"></div>
+<div style="background: blue; width: 100%; height: 100%;"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  const rect = green.getBoundingClientRect();
+  window.scrollTo(rect.right, rect.bottom);
+  document.documentElement.classList.remove('reftest-wait');
+});
+</script>
+</html>
diff --git a/layout/reftests/meta-viewport/scrollbars-in-half-height-content-ref.html b/layout/reftests/meta-viewport/scrollbars-in-half-height-content-ref.html
new file mode 100644
index 0000000000..ea84b80fab
--- /dev/null
+++ b/layout/reftests/meta-viewport/scrollbars-in-half-height-content-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=2">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  background: green;
+  position: absolute;
+  width: 100%;
+  height: 50%;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/meta-viewport/scrollbars-in-half-height-content.html b/layout/reftests/meta-viewport/scrollbars-in-half-height-content.html
new file mode 100644
index 0000000000..b119361d0e
--- /dev/null
+++ b/layout/reftests/meta-viewport/scrollbars-in-half-height-content.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=2">
+<!--
+  This content height is 50% of the window height but it's scaled by 2x so that
+  there should be scrollbars.
+  -->
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 50%;
+}
+div {
+  background: green;
+  position: absolute;
+  width: 100%;
+  height: 50%;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/meta-viewport/scrollbars-in-landscape-content-ref.html b/layout/reftests/meta-viewport/scrollbars-in-landscape-content-ref.html
new file mode 100644
index 0000000000..d517884fb2
--- /dev/null
+++ b/layout/reftests/meta-viewport/scrollbars-in-landscape-content-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+  width: 200%;
+  height: 200%;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/meta-viewport/scrollbars-in-landscape-content.html b/layout/reftests/meta-viewport/scrollbars-in-landscape-content.html
new file mode 100644
index 0000000000..64dc6f725e
--- /dev/null
+++ b/layout/reftests/meta-viewport/scrollbars-in-landscape-content.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.5, initial-scale=1">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+#twice-width {
+  position: absolute;
+  width: 200%;
+  height: 100%;
+}
+</style>
+<div id="twice-width"></div>
diff --git a/layout/reftests/meta-viewport/vertical-overflow-hidden-region.html b/layout/reftests/meta-viewport/vertical-overflow-hidden-region.html
new file mode 100644
index 0000000000..90de29c2e5
--- /dev/null
+++ b/layout/reftests/meta-viewport/vertical-overflow-hidden-region.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow-y: hidden;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  width: 100%;
+  position: absolute;
+}
+</style>
+<div style="background: red; height: 300%;"></div>
+<div style="background: green; height: 200%;"></div>
+<div style="background: white; height: 100%;"></div>
diff --git a/layout/reftests/meta-viewport/viewport-width.html b/layout/reftests/meta-viewport/viewport-width.html
new file mode 100644
index 0000000000..a07c81cb59
--- /dev/null
+++ b/layout/reftests/meta-viewport/viewport-width.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  min-width: 1600px; /* this value should be double of viewport width */
+  min-height: 3000px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/width-980-ref.html b/layout/reftests/meta-viewport/width-980-ref.html
new file mode 100644
index 0000000000..3fdba75e79
--- /dev/null
+++ b/layout/reftests/meta-viewport/width-980-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  scrollbar-width: none;
+}
+#container {
+  width: 980px;
+  position: relative;
+}
+#inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+<div id="container">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/meta-viewport/wrapped-text-at-icb-ref.html b/layout/reftests/meta-viewport/wrapped-text-at-icb-ref.html
new file mode 100644
index 0000000000..e4b8787f83
--- /dev/null
+++ b/layout/reftests/meta-viewport/wrapped-text-at-icb-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, initial-scale=0.5">
+<style>
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 20px;
+  scrollbar-width: none;
+}
+p {
+  line-height: 1rem;
+  width: 50%;
+}
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+</p>
diff --git a/layout/reftests/meta-viewport/wrapped-text-at-icb.html b/layout/reftests/meta-viewport/wrapped-text-at-icb.html
new file mode 100644
index 0000000000..44b5857fbe
--- /dev/null
+++ b/layout/reftests/meta-viewport/wrapped-text-at-icb.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, minimum-scale=0.5">
+<style>
+html {
+  overflow: hidden;
+  font-size: 20px;
+}
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+div {
+  position: absolute;
+}
+p {
+  line-height: 1rem;
+}
+</style>
+</head><body><p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+</p>
+<div style="width: 200%; height: 200%;"></div>
diff --git a/layout/reftests/moz.build b/layout/reftests/moz.build
new file mode 100644
index 0000000000..14b30d92a3
--- /dev/null
+++ b/layout/reftests/moz.build
@@ -0,0 +1,247 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+TEST_HARNESS_FILES.testing.mochitest.tests.fonts.mplus += [
+    "fonts/mplus/mplus-1p-regular.ttf",
+]
+
+TEST_HARNESS_FILES.testing.mochitest.tests.fonts += [
+    "fonts/Ahem.ttf",
+]
+
+REFTEST_MANIFESTS += ["reftest.list"]
+
+with Files("**"):
+    SCHEDULES.exclusive = ["reftest"]
+
+with Files("abs-pos/**"):
+    BUG_COMPONENT = ("Core", "Layout: Positioned")
+with Files("async-scrolling/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("backgrounds/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("bidi/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("border-image/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("border-radius/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("box/**"):
+    BUG_COMPONENT = ("Core", "XUL")
+with Files("box-ordinal/**"):
+    BUG_COMPONENT = ("Core", "XUL")
+with Files("box-properties/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("box-shadow/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("box-sizing/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("bugs/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("canvas/**"):
+    BUG_COMPONENT = ("Core", "Layout: Images, Video, and HTML Frames")
+with Files("columns/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("counter-style/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("counters/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("css-animations/**"):
+    BUG_COMPONENT = ("Core", "CSS Transitions and Animations")
+with Files("css-blending/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("css-break/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("css-calc/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-charset/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-default/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-disabled/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-display/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("css-enabled/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-gradients/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("css-grid/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("css-import/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-invalid/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-mediaqueries/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-optional/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-page/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("css-parsing/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-placeholder/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-required/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-ruby/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("css-selectors/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-transitions/**"):
+    BUG_COMPONENT = ("Core", "CSS Transitions and Animations")
+with Files("css-ui-invalid/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-ui-valid/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-valid/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("css-valuesandunits/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-variables/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("css-visited/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("cssom/**"):
+    BUG_COMPONENT = ("Core", "DOM: CSS Object Model")
+with Files("datalist/**"):
+    BUG_COMPONENT = ("Core", "DOM: Core & HTML")
+with Files("dom/**"):
+    BUG_COMPONENT = ("Core", "DOM: Core & HTML")
+with Files("filters.svg"):
+    BUG_COMPONENT = ("Core", "SVG")
+with Files("first-letter/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("first-line/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("flexbox/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("floats/**"):
+    BUG_COMPONENT = ("Core", "Layout: Floats")
+with Files("font-face/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("font-features/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("font-inflation/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("font-loading-api/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("font-matching/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("fonts/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("forms/**"):
+    BUG_COMPONENT = ("Core", "Layout: Form Controls")
+with Files("generated-content/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("ib-split/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("image/**"):
+    BUG_COMPONENT = ("Core", "Layout: Images, Video, and HTML Frames")
+with Files("image-element/**"):
+    BUG_COMPONENT = ("Core", "Layout: Images, Video, and HTML Frames")
+with Files("image-rect/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("image-region/**"):
+    BUG_COMPONENT = ("Core", "Layout: Images, Video, and HTML Frames")
+with Files("indic-shaping/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("inline/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("inline-borderpadding/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("invalidation/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("layers/**"):
+    BUG_COMPONENT = ("Core", "Graphics")
+with Files("line-breaking/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("list-item/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("margin-collapsing/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("marquee/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("mathml/**"):
+    BUG_COMPONENT = ("Core", "MathML")
+with Files("native-theme/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("object/**"):
+    BUG_COMPONENT = ("Core", "DOM: Core & HTML")
+with Files("ogg-video/**"):
+    BUG_COMPONENT = ("Core", "Audio/Video")
+with Files("outline/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("pagination/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("percent-overflow-sizing/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("pixel-rounding/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("position-dynamic-changes/**"):
+    BUG_COMPONENT = ("Core", "Layout: Positioned")
+with Files("position-relative/**"):
+    BUG_COMPONENT = ("Core", "Layout: Positioned")
+with Files("position-sticky/**"):
+    BUG_COMPONENT = ("Core", "Layout: Positioned")
+with Files("printing/**"):
+    BUG_COMPONENT = ("Core", "Printing: Output")
+with Files("reftest-sanity/**"):
+    BUG_COMPONENT = ("Testing", "Reftest")
+with Files("scrolling/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("selection/**"):
+    BUG_COMPONENT = ("Core", "DOM: Selection")
+with Files("svg/**"):
+    BUG_COMPONENT = ("Core", "SVG")
+with Files("tab-size/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("table-anonymous-boxes/**"):
+    BUG_COMPONENT = ("Core", "Layout: Tables")
+with Files("table-background/**"):
+    BUG_COMPONENT = ("Core", "Layout: Tables")
+with Files("table-bordercollapse/**"):
+    BUG_COMPONENT = ("Core", "Layout: Tables")
+with Files("table-dom/**"):
+    BUG_COMPONENT = ("Core", "Layout: Tables")
+with Files("table-overflow/**"):
+    BUG_COMPONENT = ("Core", "Layout: Tables")
+with Files("table-width/**"):
+    BUG_COMPONENT = ("Core", "Layout: Tables")
+with Files("text/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("text-decoration/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("text-indent/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("text-overflow/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("text-shadow/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("text-svgglyphs/**"):
+    BUG_COMPONENT = ("Core", "SVG")
+with Files("text-transform/**"):
+    BUG_COMPONENT = ("Core", "Layout: Text and Fonts")
+with Files("transform/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("transform-3d/**"):
+    BUG_COMPONENT = ("Core", "Layout")
+with Files("unicode/**"):
+    BUG_COMPONENT = ("Core", "CSS Parsing and Computation")
+with Files("view-source/**"):
+    BUG_COMPONENT = ("Core", "DOM: HTML Parser")
+with Files("webcomponents/**"):
+    BUG_COMPONENT = ("Core", "DOM: Core & HTML")
+with Files("webm-video/**"):
+    BUG_COMPONENT = ("Core", "Audio/Video")
+with Files("writing-mode/**"):
+    BUG_COMPONENT = ("Core", "Layout: Block and Inline")
+with Files("xul/**"):
+    BUG_COMPONENT = ("Core", "XUL")
+with Files("xul-document-load/**"):
+    BUG_COMPONENT = ("Core", "XUL")
+with Files("z-index/**"):
+    BUG_COMPONENT = ("Core", "Layout")
diff --git a/layout/reftests/mp4-video/canvas-1-ref.xhtml b/layout/reftests/mp4-video/canvas-1-ref.xhtml
new file mode 100644
index 0000000000..c8c0a19175
--- /dev/null
+++ b/layout/reftests/mp4-video/canvas-1-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<script>
+function done() {
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="short.mp4" onloadeddata="done()"/>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/mp4-video/canvas-1.xhtml b/layout/reftests/mp4-video/canvas-1.xhtml
new file mode 100644
index 0000000000..cc5e7f5288
--- /dev/null
+++ b/layout/reftests/mp4-video/canvas-1.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<canvas id="canvas" width="320" height="240"></canvas>
+<script>
+function draw() {
+  var video = document.getElementById("video");
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+  try {
+    ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+  } catch (e) {
+  }
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="short.mp4" onloadeddata="draw()" style="opacity:0"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/mp4-video/image-rendering-css-auto.html b/layout/reftests/mp4-video/image-rendering-css-auto.html
new file mode 100644
index 0000000000..4b0a319300
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-css-auto.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test video image-rendering css auto</title>
+    <style type="text/css">
+      #v1 {
+        image-rendering: auto;
+      }
+    </style>
+  </head>
+
+  <body>
+    <video src="qr.mp4" preload="metadata" id="v1" style="position:absolute; left:0; top:0"></video>
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/image-rendering-css.html b/layout/reftests/mp4-video/image-rendering-css.html
new file mode 100644
index 0000000000..d41feb595b
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-css.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test video image-rendering css -moz-crisp-edges</title>
+    <style type="text/css">
+      #v1 {
+        image-rendering: -moz-crisp-edges;
+      }
+    </style>
+  </head>
+
+  <body>
+    <video src="qr.mp4" preload="metadata" id="v1" style="position:absolute; left:0; top:0"></video>
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/image-rendering-ref.html b/layout/reftests/mp4-video/image-rendering-ref.html
new file mode 100644
index 0000000000..c055c0ff17
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>reference video image-rendering</title>
+  </head>
+
+  <body>
+    <img style="position:absolute; left:0; top:0; image-rendering: -moz-crisp-edges"
+     src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAACkAQMAAAAjexcCAAAABlBMVEX///8AAABVwtN+AAABO0lEQVRIx9XUwYHCMBBD0elA/Xc5HYivwQcK0AXjZK2Xg9YhZP5u2F5pNWtrL1Z0mfJI1sDEknoXzKRriUVFDHKtqtBwmNRTpkc7q5FCHbW9P4NY0RtWKuQXK5rbnT3cjfGQOkqVRpuQzLqinLx7GzB/rrqllOX2yPfETEkVu84VH7uji7DmarJFrKg9ztlpNkNbUURMqtIU6+gCbIOkjF1XlPH2QhsnLkxF3xdp3yZs2jpKi46IRx01MzS5MXNlFV29n/TBsupoWmRKQ9mQtqKKH5F8VtEVUWkzdu/Qivr7KJtL8i5hKrq+f58FbpK3o1dwNmkctZSRa5x9o6I33g/wmjwdJS0LiE+63VEOlikSRWmbjhok3PvNTurpPSscQ5iaMrMJ7N75Jc1ce8RhEzpqe/nE0sqpof82PrI5/KRnFwqAAAAAAElFTkSuQmCC"
+    >
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/image-rendering-script.html b/layout/reftests/mp4-video/image-rendering-script.html
new file mode 100644
index 0000000000..0b013a574f
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-script.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2" class="reftest-wait">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test video image-rendering script change</title>
+    <style type="text/css">
+      #v1 {
+        image-rendering: auto;
+      }
+    </style>
+    <script type="text/javascript">
+      function updateImageRendering() {
+        var video = document.getElementById("v1");
+        video.style.imageRendering = '-moz-crisp-edges';
+        document.documentElement.removeAttribute('class');
+      }
+
+      window.addEventListener("MozReftestInvalidate", updateImageRendering);
+    </script>
+  </head>
+
+  <body>
+    <video src="qr.mp4" preload="metadata" id="v1" style="position:absolute; left:0; top:0"></video>
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/qr.mp4 b/layout/reftests/mp4-video/qr.mp4
new file mode 100644
index 0000000000..f788f1eb9a
Binary files /dev/null and b/layout/reftests/mp4-video/qr.mp4 differ
diff --git a/layout/reftests/mp4-video/reftest.list b/layout/reftests/mp4-video/reftest.list
new file mode 100644
index 0000000000..6462ae1820
--- /dev/null
+++ b/layout/reftests/mp4-video/reftest.list
@@ -0,0 +1,4 @@
+skip-if(winWidget) == canvas-1.xhtml canvas-1-ref.xhtml
+fuzzy-if(OSX,1-1,107584-107584) == image-rendering-css.html image-rendering-ref.html
+fuzzy-if(OSX,1-1,107584-107584) == image-rendering-script.html image-rendering-ref.html
+fuzzy-if(OSX,0-1,0-107584) != image-rendering-css.html image-rendering-css-auto.html
diff --git a/layout/reftests/mp4-video/short.mp4 b/layout/reftests/mp4-video/short.mp4
new file mode 100644
index 0000000000..802da047bc
Binary files /dev/null and b/layout/reftests/mp4-video/short.mp4 differ
diff --git a/layout/reftests/native-theme/427122-1-ref.html b/layout/reftests/native-theme/427122-1-ref.html
new file mode 100644
index 0000000000..0aa35f7167
--- /dev/null
+++ b/layout/reftests/native-theme/427122-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<style>
+div {
+  border: 1px solid black;
+}
+
+select {
+}
+</style>
+<body>
+
+<div><select><option>Hello</option></select></div>
+
+</body>
+
+</html> 
diff --git a/layout/reftests/native-theme/427122-1.html b/layout/reftests/native-theme/427122-1.html
new file mode 100644
index 0000000000..8e1f547506
--- /dev/null
+++ b/layout/reftests/native-theme/427122-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<style>
+div {
+  border: 1px solid black;
+}
+
+select {
+  padding: 10px;
+}
+</style>
+<body>
+
+<div><select><option>Hello</option></select></div>
+
+</body>
+
+</html> 
diff --git a/layout/reftests/native-theme/470711-1-ref.xhtml b/layout/reftests/native-theme/470711-1-ref.xhtml
new file mode 100644
index 0000000000..a13bfda39a
--- /dev/null
+++ b/layout/reftests/native-theme/470711-1-ref.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+
+<window id="window470711"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tabbox>
+    <tabs>
+      <tab label="One"/>
+      <tab label="Two" style="padding: 0"/>
+    </tabs>
+    <tabpanels>
+       <label value="One"/>
+       <label value="Two"/>
+    </tabpanels>
+  </tabbox>
+</window>
diff --git a/layout/reftests/native-theme/470711-1.xhtml b/layout/reftests/native-theme/470711-1.xhtml
new file mode 100644
index 0000000000..4060e89c4f
--- /dev/null
+++ b/layout/reftests/native-theme/470711-1.xhtml
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+
+<window id="window470711"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tabbox>
+    <tabs>
+      <tab label="One"/>
+      <tab label="Two" style="padding: 0"/>
+      <tab label="Three" style="display: none"/>
+    </tabs>
+    <tabpanels>
+       <label value="One"/>
+       <label value="Two"/>
+       <label value="Three"/>
+    </tabpanels>
+  </tabbox>
+</window>
diff --git a/layout/reftests/native-theme/482955-1-ref.xhtml b/layout/reftests/native-theme/482955-1-ref.xhtml
new file mode 100644
index 0000000000..38404e1985
--- /dev/null
+++ b/layout/reftests/native-theme/482955-1-ref.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox>
+    <hbox style="-moz-appearance: textfield;">
+      <spacer style="padding: 50px;"/>
+    </hbox>
+  </hbox>
+</window>
diff --git a/layout/reftests/native-theme/482955-1.xhtml b/layout/reftests/native-theme/482955-1.xhtml
new file mode 100644
index 0000000000..5235172e31
--- /dev/null
+++ b/layout/reftests/native-theme/482955-1.xhtml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox>
+    <hbox flex="1" style="-moz-appearance: textfield;">
+      <spacer style="padding: 50px;"/>
+    </hbox>
+    <spacer width="10000" flex="1"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/native-theme/492155-1.html b/layout/reftests/native-theme/492155-1.html
new file mode 100644
index 0000000000..3efd595485
--- /dev/null
+++ b/layout/reftests/native-theme/492155-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 200px; margin: 50px; transform: rotate(90deg); position: relative;">
+  <div style="height: 200px; overflow: auto;">
+    <div style="height: 400px;"></div>
+  </div>
+  <div style="position: absolute; top: -2px; right: -2px; bottom: -2px; width: 50px; background: white;"></div>
+</div>
diff --git a/layout/reftests/native-theme/492155-2.html b/layout/reftests/native-theme/492155-2.html
new file mode 100644
index 0000000000..1eef1e4981
--- /dev/null
+++ b/layout/reftests/native-theme/492155-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 200px; margin: 50px; transform: scale(0.5); position: relative;">
+  <div style="height: 200px; overflow: auto;">
+    <div style="height: 400px;"></div>
+  </div>
+  <div style="position: absolute; top: -2px; right: -2px; bottom: -2px; width: 50px; background: white;"></div>
+</div>
diff --git a/layout/reftests/native-theme/492155-3.html b/layout/reftests/native-theme/492155-3.html
new file mode 100644
index 0000000000..d3ae073319
--- /dev/null
+++ b/layout/reftests/native-theme/492155-3.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 200px; margin: 50px; transform: skewY(30deg); position: relative;">
+  <div style="height: 200px; overflow: auto;">
+    <div style="height: 400px;"></div>
+  </div>
+  <div style="position: absolute; top: -2px; right: -2px; bottom: -2px; width: 50px; background: white;"></div>
+</div>
diff --git a/layout/reftests/native-theme/492155-4.html b/layout/reftests/native-theme/492155-4.html
new file mode 100644
index 0000000000..b3e6901bf4
--- /dev/null
+++ b/layout/reftests/native-theme/492155-4.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html style="height: 100%;"><body style="height: 100%; margin: 0;">
+<div style="height: 50%"></div>
+
+<div style="width: 200px; height: 200px; transform: scale(-1); position: relative;">
+  <div style="height: 200px; overflow: auto;">
+    <div style="height: 400px;"></div>
+  </div>
+</div>
+</div>
diff --git a/layout/reftests/native-theme/676387-1-ref.xhtml b/layout/reftests/native-theme/676387-1-ref.xhtml
new file mode 100644
index 0000000000..46c4d8f05a
--- /dev/null
+++ b/layout/reftests/native-theme/676387-1-ref.xhtml
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window id="window676387-1-ref"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox><button id="button" label="SUCCESS"/></hbox>
+</window>
diff --git a/layout/reftests/native-theme/676387-1.xhtml b/layout/reftests/native-theme/676387-1.xhtml
new file mode 100644
index 0000000000..208345ed68
--- /dev/null
+++ b/layout/reftests/native-theme/676387-1.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window id="window676387-1"
+        class="reftest-wait"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        onload="var button = document.getElementById('button');
+                var r = button.getBoundingClientRect();
+                if (document.elementFromPoint(r.right, r.top) == button.parentNode)
+                  button.label = 'SUCCESS';
+                document.documentElement.className = '';">
+  <hbox><button id="button" label="FAIL"/></hbox>
+</window>
diff --git a/layout/reftests/native-theme/blank-window.xhtml b/layout/reftests/native-theme/blank-window.xhtml
new file mode 100644
index 0000000000..ad5e963b79
--- /dev/null
+++ b/layout/reftests/native-theme/blank-window.xhtml
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window title="Blank window"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"/>
diff --git a/layout/reftests/native-theme/border-radius-ref.html b/layout/reftests/native-theme/border-radius-ref.html
new file mode 100644
index 0000000000..908f9515d8
--- /dev/null
+++ b/layout/reftests/native-theme/border-radius-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="padding:50px; border-radius:50px; width:400px; height:400px;">
+  <input type="radio">
+  <input type="checkbox">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/native-theme/border-radius.html b/layout/reftests/native-theme/border-radius.html
new file mode 100644
index 0000000000..43ed396459
--- /dev/null
+++ b/layout/reftests/native-theme/border-radius.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="padding:50px; border-radius:50px; width:400px; height:400px; overflow:hidden;">
+  <input type="radio">
+  <input type="checkbox">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/native-theme/box-shadow-button-ref.html b/layout/reftests/native-theme/box-shadow-button-ref.html
new file mode 100644
index 0000000000..87957a974f
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-button-ref.html
@@ -0,0 +1 @@
+<button>Hello</button>
diff --git a/layout/reftests/native-theme/box-shadow-button.html b/layout/reftests/native-theme/box-shadow-button.html
new file mode 100644
index 0000000000..f87dbb5f22
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-button.html
@@ -0,0 +1 @@
+<button style="box-shadow: 10px 10px gold;">Hello</button>
diff --git a/layout/reftests/native-theme/box-shadow-combobox-ref.html b/layout/reftests/native-theme/box-shadow-combobox-ref.html
new file mode 100644
index 0000000000..8f93c10fba
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-combobox-ref.html
@@ -0,0 +1,4 @@
+<select size="1">
+  <option>Hello</option>
+  <option>Kitty</option>
+</select>
diff --git a/layout/reftests/native-theme/box-shadow-combobox.html b/layout/reftests/native-theme/box-shadow-combobox.html
new file mode 100644
index 0000000000..009099af42
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-combobox.html
@@ -0,0 +1,4 @@
+<select size="1" style="box-shadow: 10px 10px gold;">
+  <option>Hello</option>
+  <option>Kitty</option>
+</select>
diff --git a/layout/reftests/native-theme/box-shadow-input-ref.html b/layout/reftests/native-theme/box-shadow-input-ref.html
new file mode 100644
index 0000000000..347c7681ae
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-input-ref.html
@@ -0,0 +1 @@
+<input>
diff --git a/layout/reftests/native-theme/box-shadow-input.html b/layout/reftests/native-theme/box-shadow-input.html
new file mode 100644
index 0000000000..fbdd76003f
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-input.html
@@ -0,0 +1 @@
+<input style="box-shadow: 10px 10px gold;">
diff --git a/layout/reftests/native-theme/box-shadow-listbox-ref.html b/layout/reftests/native-theme/box-shadow-listbox-ref.html
new file mode 100644
index 0000000000..437cbd1c1e
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-listbox-ref.html
@@ -0,0 +1,4 @@
+<select size="2">
+  <option>Hello</option>
+  <option>Kitty</option>
+</select>
diff --git a/layout/reftests/native-theme/box-shadow-listbox.html b/layout/reftests/native-theme/box-shadow-listbox.html
new file mode 100644
index 0000000000..d70fa5eeba
--- /dev/null
+++ b/layout/reftests/native-theme/box-shadow-listbox.html
@@ -0,0 +1,4 @@
+<select size="2" style="box-shadow: 10px 10px gold;">
+  <option>Hello</option>
+  <option>Kitty</option>
+</select>
diff --git a/layout/reftests/native-theme/button-html-not-blank.html b/layout/reftests/native-theme/button-html-not-blank.html
new file mode 100644
index 0000000000..e6c324fc68
--- /dev/null
+++ b/layout/reftests/native-theme/button-html-not-blank.html
@@ -0,0 +1 @@
+<button></button>
diff --git a/layout/reftests/native-theme/button-native.html b/layout/reftests/native-theme/button-native.html
new file mode 100644
index 0000000000..852ede890b
--- /dev/null
+++ b/layout/reftests/native-theme/button-native.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="button" value="Button">
diff --git a/layout/reftests/native-theme/button-nonnative-when-styled-ref.html b/layout/reftests/native-theme/button-nonnative-when-styled-ref.html
new file mode 100644
index 0000000000..a3d4271c04
--- /dev/null
+++ b/layout/reftests/native-theme/button-nonnative-when-styled-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<!-- these should make the input non-native -->
+<input type="button" value="Button" style="-moz-appearance: none; border-width: 0">
+<input type="button" value="Button" style="-moz-appearance: none; border-width: 1px">
+<input type="button" value="Button" style="-moz-appearance: none; border-width: 2px">
+<input type="button" value="Button" style="-moz-appearance: none; border-width: 3px">
+<input type="button" value="Button" style="-moz-appearance: none; border-width: 4px">
+<input type="button" value="Button" style="-moz-appearance: none; border-width: 5px">
+<input type="button" value="Button" style="-moz-appearance: none; border-width: 6px">
+<input type="button" value="Button" style="-moz-appearance: none; border-style: dotted">
+<input type="button" value="Button" style="-moz-appearance: none; border-color: green">
+<input type="button" value="Button" style="-moz-appearance: none; background-color: transparent">
+<input type="button" value="Button" style="-moz-appearance: none; background-color: white">
+
+<!-- these should let it stay native -->
+<input type="button" value="">
+<input type="button" value="">
diff --git a/layout/reftests/native-theme/button-nonnative-when-styled.html b/layout/reftests/native-theme/button-nonnative-when-styled.html
new file mode 100644
index 0000000000..311a43daad
--- /dev/null
+++ b/layout/reftests/native-theme/button-nonnative-when-styled.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<!-- these should make the input non-native -->
+<input type="button" value="Button" style="border-width: 0">
+<input type="button" value="Button" style="border-width: 1px">
+<input type="button" value="Button" style="border-width: 2px">
+<input type="button" value="Button" style="border-width: 3px">
+<input type="button" value="Button" style="border-width: 4px">
+<input type="button" value="Button" style="border-width: 5px">
+<input type="button" value="Button" style="border-width: 6px">
+<input type="button" value="Button" style="border-style: dotted">
+<input type="button" value="Button" style="border-color: green">
+<input type="button" value="Button" style="background-color: transparent">
+<input type="button" value="Button" style="background-color: white">
+
+<!-- these should let it stay native -->
+<input type="button" value="" style="color: black">
+<input type="button" value="" style="font-weight: normal">
diff --git a/layout/reftests/native-theme/button-nonnative.html b/layout/reftests/native-theme/button-nonnative.html
new file mode 100644
index 0000000000..fde9523b4b
--- /dev/null
+++ b/layout/reftests/native-theme/button-nonnative.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="button" value="Button" style="-moz-appearance: none">
diff --git a/layout/reftests/native-theme/button-not-blank.html b/layout/reftests/native-theme/button-not-blank.html
new file mode 100644
index 0000000000..95baf49c6f
--- /dev/null
+++ b/layout/reftests/native-theme/button-not-blank.html
@@ -0,0 +1 @@
+<input type="button">
diff --git a/layout/reftests/native-theme/checkbox-dynamic-1-ref.html b/layout/reftests/native-theme/checkbox-dynamic-1-ref.html
new file mode 100644
index 0000000000..57ca0ff68c
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-dynamic-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    #checkbox {
+       position: absolute;
+       left: 0px;
+       top: 0px;
+       background: linear-gradient(to right, white, brown);
+    }
+  </style>
+</head>
+<body>
+  <div id="checkbox">
+    <input type="checkbox">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/native-theme/checkbox-dynamic-1.html b/layout/reftests/native-theme/checkbox-dynamic-1.html
new file mode 100644
index 0000000000..582c6cc1c3
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-dynamic-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <style>
+    #checkbox {
+       position: absolute;
+       left: 0px;
+       top: 0px;
+       background: linear-gradient(to right, white, brown);
+    }
+    #toremove {
+       position: absolute;
+       left: 0px;
+       top: 0px;
+       width: 100px;
+       height: 0px;
+       background: black;
+    }
+  </style>
+</head>
+<body>
+  <div id="checkbox">
+    <input type="checkbox">
+  </div>
+  <div id="toremove">
+  </div>
+</body>
+<script type="text/javascript">
+  var checkBox = document.getElementById("checkbox");
+  var toRemove = document.getElementById("toremove");
+  toRemove.style.height = checkBox.offsetHeight / 2 + 0.2 + "px";
+  function boom()
+  {
+    toRemove.remove();
+    document.documentElement.className = "";
+  }
+  window.addEventListener("MozReftestInvalidate", boom);
+</script>
+</html>
diff --git a/layout/reftests/native-theme/checkbox-native.html b/layout/reftests/native-theme/checkbox-native.html
new file mode 100644
index 0000000000..e067ca405b
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-native.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="checkbox">
diff --git a/layout/reftests/native-theme/checkbox-nonnative.html b/layout/reftests/native-theme/checkbox-nonnative.html
new file mode 100644
index 0000000000..3c0c11455a
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-nonnative.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="checkbox" style="-moz-appearance: none">
diff --git a/layout/reftests/native-theme/checkbox-not-blank.html b/layout/reftests/native-theme/checkbox-not-blank.html
new file mode 100644
index 0000000000..74c06d2536
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-not-blank.html
@@ -0,0 +1 @@
+<input type="checkbox">
diff --git a/layout/reftests/native-theme/checkbox-not-mirrored-when-rtl-ref.html b/layout/reftests/native-theme/checkbox-not-mirrored-when-rtl-ref.html
new file mode 100644
index 0000000000..801569d37d
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-not-mirrored-when-rtl-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<input type="checkbox" checked="checked" style="margin:3px">
diff --git a/layout/reftests/native-theme/checkbox-not-mirrored-when-rtl.html b/layout/reftests/native-theme/checkbox-not-mirrored-when-rtl.html
new file mode 100644
index 0000000000..9221953df2
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-not-mirrored-when-rtl.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<input type="checkbox" checked="checked" dir="rtl" style="margin:3px">
diff --git a/layout/reftests/native-theme/checkbox-still-native-when-styled-ref.html b/layout/reftests/native-theme/checkbox-still-native-when-styled-ref.html
new file mode 100644
index 0000000000..064888b295
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-still-native-when-styled-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
+<input type="checkbox">
diff --git a/layout/reftests/native-theme/checkbox-still-native-when-styled.html b/layout/reftests/native-theme/checkbox-still-native-when-styled.html
new file mode 100644
index 0000000000..84a49f48e9
--- /dev/null
+++ b/layout/reftests/native-theme/checkbox-still-native-when-styled.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<input type="checkbox" style="border-width: 0">
+<input type="checkbox" style="border-width: 1px">
+<input type="checkbox" style="border-width: 2px">
+<input type="checkbox" style="border-width: 3px">
+<input type="checkbox" style="border-width: 4px">
+<input type="checkbox" style="border-width: 5px">
+<input type="checkbox" style="border-width: 6px">
+<input type="checkbox" style="border-style: dotted">
+<input type="checkbox" style="border-color: green">
+<input type="checkbox" style="background-color: transparent">
+<input type="checkbox" style="background-color: white">
+<input type="checkbox" style="color: black">
+<input type="checkbox" style="font-weight: normal">
diff --git a/layout/reftests/native-theme/combobox-native.html b/layout/reftests/native-theme/combobox-native.html
new file mode 100644
index 0000000000..2aa54c8855
--- /dev/null
+++ b/layout/reftests/native-theme/combobox-native.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<select size="1"></select>
diff --git a/layout/reftests/native-theme/combobox-nonnative-when-styled-ref.html b/layout/reftests/native-theme/combobox-nonnative-when-styled-ref.html
new file mode 100644
index 0000000000..b374af4fa9
--- /dev/null
+++ b/layout/reftests/native-theme/combobox-nonnative-when-styled-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<style>
+  select { inline-size: 2.5em }
+</style>
+<div style="position:relative">
+<!-- mask the dropdown button -->
+<div style="position:absolute; width:50px; left:7px; top:0; bottom:0; background:black;"></div>
+<!-- these should make the select non-native -->
+<select size="1" style="-moz-appearance: none; border-width: 0"></select><br>
+<select size="1" style="-moz-appearance: none; border-width: 1px"></select><br>
+<select size="1" style="-moz-appearance: none; border-width: 2px"></select><br>
+<select size="1" style="-moz-appearance: none; border-width: 3px"></select><br>
+<select size="1" style="-moz-appearance: none; border-width: 4px"></select><br>
+<select size="1" style="-moz-appearance: none; border-width: 5px"></select><br>
+<select size="1" style="-moz-appearance: none; border-width: 6px"></select><br>
+<select size="1" style="-moz-appearance: none; border-style: dotted"></select><br>
+<select size="1" style="-moz-appearance: none; border-color: green"></select><br>
+<select size="1" style="-moz-appearance: none; background-color: transparent"></select><br>
+<select size="1" style="-moz-appearance: none; background-color: white"></select><br>
+</div>
+
+<!-- these should let it stay native -->
+<select size="1"></select>
+<select size="1"></select>
diff --git a/layout/reftests/native-theme/combobox-nonnative-when-styled.html b/layout/reftests/native-theme/combobox-nonnative-when-styled.html
new file mode 100644
index 0000000000..d111075616
--- /dev/null
+++ b/layout/reftests/native-theme/combobox-nonnative-when-styled.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<style>
+  select { inline-size: 2.5em }
+</style>
+<div style="position:relative">
+<!-- mask the dropdown button -->
+<div style="position:absolute; width:50px; left:7px; top:0; bottom:0; background:black;"></div>
+<!-- these should make the select non-native -->
+<select size="1" style="border-width: 0"></select><br>
+<select size="1" style="border-width: 1px"></select><br>
+<select size="1" style="border-width: 2px"></select><br>
+<select size="1" style="border-width: 3px"></select><br>
+<select size="1" style="border-width: 4px"></select><br>
+<select size="1" style="border-width: 5px"></select><br>
+<select size="1" style="border-width: 6px"></select><br>
+<select size="1" style="border-style: dotted"></select><br>
+<select size="1" style="border-color: green"></select><br>
+<select size="1" style="background-color: transparent"></select><br>
+<select size="1" style="background-color: white"></select><br>
+</div>
+
+<!-- these should let it stay native -->
+<select size="1" style="color: black"></select>
+<select size="1" style="font-weight: normal"></select>
diff --git a/layout/reftests/native-theme/combobox-nonnative.html b/layout/reftests/native-theme/combobox-nonnative.html
new file mode 100644
index 0000000000..6683cdbe07
--- /dev/null
+++ b/layout/reftests/native-theme/combobox-nonnative.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<select size="1" style="-moz-appearance: none"></select>
diff --git a/layout/reftests/native-theme/combobox-not-blank.html b/layout/reftests/native-theme/combobox-not-blank.html
new file mode 100644
index 0000000000..19c00bb60d
--- /dev/null
+++ b/layout/reftests/native-theme/combobox-not-blank.html
@@ -0,0 +1 @@
+<select size="1"></select>
diff --git a/layout/reftests/native-theme/fieldset-not-blank.html b/layout/reftests/native-theme/fieldset-not-blank.html
new file mode 100644
index 0000000000..8c2da9831f
--- /dev/null
+++ b/layout/reftests/native-theme/fieldset-not-blank.html
@@ -0,0 +1 @@
+<fieldset></fieldset>
diff --git a/layout/reftests/native-theme/file-not-blank.html b/layout/reftests/native-theme/file-not-blank.html
new file mode 100644
index 0000000000..c8bc13153e
--- /dev/null
+++ b/layout/reftests/native-theme/file-not-blank.html
@@ -0,0 +1 @@
+<input type="file">
diff --git a/layout/reftests/native-theme/listbox-native.html b/layout/reftests/native-theme/listbox-native.html
new file mode 100644
index 0000000000..d5b29a4f6c
--- /dev/null
+++ b/layout/reftests/native-theme/listbox-native.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<select size="3"></select>
diff --git a/layout/reftests/native-theme/listbox-nonnative-when-styled-ref.html b/layout/reftests/native-theme/listbox-nonnative-when-styled-ref.html
new file mode 100644
index 0000000000..b70a260731
--- /dev/null
+++ b/layout/reftests/native-theme/listbox-nonnative-when-styled-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<!-- these should make the select non-native -->
+<body onload="dump('\nDEBUG-bug660226: ' + document.activeElement + '\n\n');">
+<select size="3" style="-moz-appearance: none; border-width: 0"></select>
+<select size="3" style="-moz-appearance: none; border-width: 1px"></select>
+<select size="3" style="-moz-appearance: none; border-width: 2px"></select>
+<select size="3" style="-moz-appearance: none; border-width: 3px"></select>
+<select size="3" style="-moz-appearance: none; border-width: 4px"></select>
+<select size="3" style="-moz-appearance: none; border-width: 5px"></select>
+<select size="3" style="-moz-appearance: none; border-width: 6px"></select>
+<select size="3" style="-moz-appearance: none; border-style: dotted"></select>
+<select size="3" style="-moz-appearance: none; border-color: green"></select>
+<select size="3" style="-moz-appearance: none; background-color: transparent"></select>
+<select size="3" style="-moz-appearance: none; background-color: white"></select>
+
+<!-- these should let it stay native -->
+<select size="3" style="color: black"></select>
+<select size="3" style="font-weight: normal"></select>
+</body>
diff --git a/layout/reftests/native-theme/listbox-nonnative-when-styled.html b/layout/reftests/native-theme/listbox-nonnative-when-styled.html
new file mode 100644
index 0000000000..26024bfd6b
--- /dev/null
+++ b/layout/reftests/native-theme/listbox-nonnative-when-styled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<body onload="dump('\nDEBUG-bug660226: ' + document.activeElement + '\n\n');">
+<!-- these should make the select non-native -->
+<select size="3" style="border-width: 0"></select>
+<select size="3" style="border-width: 1px"></select>
+<select size="3" style="border-width: 2px"></select>
+<select size="3" style="border-width: 3px"></select>
+<select size="3" style="border-width: 4px"></select>
+<select size="3" style="border-width: 5px"></select>
+<select size="3" style="border-width: 6px"></select>
+<select size="3" style="border-style: dotted"></select>
+<select size="3" style="border-color: green"></select>
+<select size="3" style="background-color: transparent"></select>
+<select size="3" style="background-color: white"></select>
+
+<!-- these should let it stay native -->
+<select size="3" style="color: black"></select>
+<select size="3" style="font-weight: normal"></select>
+</body>
diff --git a/layout/reftests/native-theme/listbox-nonnative.html b/layout/reftests/native-theme/listbox-nonnative.html
new file mode 100644
index 0000000000..a3f0efc59d
--- /dev/null
+++ b/layout/reftests/native-theme/listbox-nonnative.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<select size="3" style="-moz-appearance: none"></select>
diff --git a/layout/reftests/native-theme/listbox-not-blank.html b/layout/reftests/native-theme/listbox-not-blank.html
new file mode 100644
index 0000000000..05dbce8670
--- /dev/null
+++ b/layout/reftests/native-theme/listbox-not-blank.html
@@ -0,0 +1 @@
+<select size="3"></select>
diff --git a/layout/reftests/native-theme/native-theme-disabled-cascade-levels-ref.html b/layout/reftests/native-theme/native-theme-disabled-cascade-levels-ref.html
new file mode 100644
index 0000000000..d6b2efccf5
--- /dev/null
+++ b/layout/reftests/native-theme/native-theme-disabled-cascade-levels-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<input type="text" value="Themed">
+<input type="text" value="Not Themed" style="-moz-appearance: none">
+<input type="text" value="Not Themed" style="-moz-appearance: none">
+<input type="text" value="Not Themed" style="-moz-appearance: none">
+<input type="text" value="Not Themed" style="-moz-appearance: none">
diff --git a/layout/reftests/native-theme/native-theme-disabled-cascade-levels.html b/layout/reftests/native-theme/native-theme-disabled-cascade-levels.html
new file mode 100644
index 0000000000..283bd7ff34
--- /dev/null
+++ b/layout/reftests/native-theme/native-theme-disabled-cascade-levels.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style type="text/css">
+#four { background-image: none; }
+#five { background-image: none ! important; }
+</style>
+<input type="text" value="Themed">
+<input type="text" value="Not Themed" style="background-image: none">
+<input type="text" value="Not Themed" style="background-image: none ! important">
+<input type="text" value="Not Themed" id="four">
+<input type="text" value="Not Themed" id="five">
diff --git a/layout/reftests/native-theme/progress-nobar.html b/layout/reftests/native-theme/progress-nobar.html
new file mode 100644
index 0000000000..a485d38c9f
--- /dev/null
+++ b/layout/reftests/native-theme/progress-nobar.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="-moz-appearance: progressbar; width:180px; height:6px;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/native-theme/progress-overflow-ref.html b/layout/reftests/native-theme/progress-overflow-ref.html
new file mode 100644
index 0000000000..22b3dbeddc
--- /dev/null
+++ b/layout/reftests/native-theme/progress-overflow-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="overflow: hidden; -moz-appearance: progressbar; width:180px; height:40px;">
+      <div style="-moz-appearance: progresschunk; width:50%; height:100%;">
+      </div>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/native-theme/progress-overflow-small.html b/layout/reftests/native-theme/progress-overflow-small.html
new file mode 100644
index 0000000000..96bccb29a6
--- /dev/null
+++ b/layout/reftests/native-theme/progress-overflow-small.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="-moz-appearance: progressbar; width:180px; height:6px;">
+      <div style="-moz-appearance: progresschunk; width:50%; height:100%;">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/native-theme/progress-overflow.html b/layout/reftests/native-theme/progress-overflow.html
new file mode 100644
index 0000000000..d5611c473b
--- /dev/null
+++ b/layout/reftests/native-theme/progress-overflow.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="-moz-appearance: progressbar; width:180px; height:40px;">
+      <div style="-moz-appearance: progresschunk; width:50%; height:100%;">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/native-theme/radio-native.html b/layout/reftests/native-theme/radio-native.html
new file mode 100644
index 0000000000..af2d497fea
--- /dev/null
+++ b/layout/reftests/native-theme/radio-native.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="radio">
diff --git a/layout/reftests/native-theme/radio-nonnative.html b/layout/reftests/native-theme/radio-nonnative.html
new file mode 100644
index 0000000000..4c2a74b4ed
--- /dev/null
+++ b/layout/reftests/native-theme/radio-nonnative.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="radio" style="-moz-appearance: none">
diff --git a/layout/reftests/native-theme/radio-not-blank.html b/layout/reftests/native-theme/radio-not-blank.html
new file mode 100644
index 0000000000..1fcf43ef44
--- /dev/null
+++ b/layout/reftests/native-theme/radio-not-blank.html
@@ -0,0 +1 @@
+<input type="radio">
diff --git a/layout/reftests/native-theme/radio-still-native-when-styled-ref.html b/layout/reftests/native-theme/radio-still-native-when-styled-ref.html
new file mode 100644
index 0000000000..b8c940bdda
--- /dev/null
+++ b/layout/reftests/native-theme/radio-still-native-when-styled-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
+<input type="radio">
diff --git a/layout/reftests/native-theme/radio-still-native-when-styled.html b/layout/reftests/native-theme/radio-still-native-when-styled.html
new file mode 100644
index 0000000000..a98fafcd7b
--- /dev/null
+++ b/layout/reftests/native-theme/radio-still-native-when-styled.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<input type="radio" style="border-width: 0">
+<input type="radio" style="border-width: 1px">
+<input type="radio" style="border-width: 2px">
+<input type="radio" style="border-width: 3px">
+<input type="radio" style="border-width: 4px">
+<input type="radio" style="border-width: 5px">
+<input type="radio" style="border-width: 6px">
+<input type="radio" style="border-style: dotted">
+<input type="radio" style="border-color: green">
+<input type="radio" style="background-color: transparent">
+<input type="radio" style="background-color: white">
+<input type="radio" style="color: black">
+<input type="radio" style="font-weight: normal">
diff --git a/layout/reftests/native-theme/reftest.list b/layout/reftests/native-theme/reftest.list
new file mode 100644
index 0000000000..33dfbad099
--- /dev/null
+++ b/layout/reftests/native-theme/reftest.list
@@ -0,0 +1,67 @@
+!= button-html-not-blank.html about:blank
+!= button-not-blank.html about:blank
+!= checkbox-not-blank.html about:blank
+!= combobox-not-blank.html about:blank
+!= fieldset-not-blank.html about:blank
+!= file-not-blank.html about:blank
+!= listbox-not-blank.html about:blank
+!= radio-not-blank.html about:blank
+!= text-control-not-blank.html about:blank
+!= textarea-not-blank.html about:blank
+
+!= text-input-native.html text-input-nonnative.html
+fuzzy(0-2,0-88) == text-input-nonnative-when-styled.html text-input-nonnative-when-styled-ref.html
+!= textarea-native.html textarea-nonnative.html
+fuzzy(0-2,0-53) == textarea-nonnative-when-styled.html textarea-nonnative-when-styled-ref.html
+!= button-native.html button-nonnative.html
+== button-nonnative-when-styled.html button-nonnative-when-styled-ref.html
+!= combobox-native.html combobox-nonnative.html
+== combobox-nonnative-when-styled.html combobox-nonnative-when-styled-ref.html
+needs-focus != listbox-native.html listbox-nonnative.html
+needs-focus == listbox-nonnative-when-styled.html listbox-nonnative-when-styled-ref.html
+!= radio-native.html radio-nonnative.html
+== radio-still-native-when-styled.html radio-still-native-when-styled-ref.html
+!= checkbox-native.html checkbox-nonnative.html
+== checkbox-still-native-when-styled.html checkbox-still-native-when-styled-ref.html
+== native-theme-disabled-cascade-levels.html native-theme-disabled-cascade-levels-ref.html
+
+!= 427122-1.html 427122-1-ref.html
+
+== chrome://reftest/content/native-theme/470711-1.xhtml chrome://reftest/content/native-theme/470711-1-ref.xhtml
+== chrome://reftest/content/native-theme/482955-1.xhtml chrome://reftest/content/native-theme/482955-1-ref.xhtml
+
+== 492155-1.html about:blank
+== 492155-2.html about:blank
+== 492155-3.html about:blank
+fails-if(Android&&!asyncPan) != 492155-4.html about:blank
+
+!= box-shadow-input.html box-shadow-input-ref.html
+!= box-shadow-button.html box-shadow-button-ref.html
+!= box-shadow-listbox.html box-shadow-listbox-ref.html
+!= box-shadow-combobox.html box-shadow-combobox-ref.html
+
+# RTL mirroring tests
+== checkbox-not-mirrored-when-rtl.html checkbox-not-mirrored-when-rtl-ref.html
+
+!= chrome://reftest/content/native-theme/resizer-bottomleft.xhtml chrome://reftest/content/native-theme/blank-window.xhtml
+== chrome://reftest/content/native-theme/resizer-bottomleft-rtl.xhtml chrome://reftest/content/native-theme/resizer-bottomleft.xhtml
+!= chrome://reftest/content/native-theme/resizer-bottomright.xhtml chrome://reftest/content/native-theme/blank-window.xhtml
+== chrome://reftest/content/native-theme/resizer-bottomright-rtl.xhtml chrome://reftest/content/native-theme/resizer-bottomright.xhtml
+
+# Windows-only, depends on native scrollbar metrics
+skip-if(!winWidget) == scroll-thumb-minimum-size-notheme.html scroll-thumb-minimum-size-notheme-ref.html
+# skip-if(!winWidget) == scroll-thumb-minimum-size-theme.html scroll-thumb-minimum-size-theme-ref.html # Bug 512206
+
+== border-radius.html border-radius-ref.html
+
+== checkbox-dynamic-1.html checkbox-dynamic-1-ref.html
+
+# These tests have been written to test the overflow of the window widget
+# (bug 568825) but we can't test it on Windows and Cocoa because they have
+# animated progress bars.
+# Nothing shows up on Android, presumably because that appearance type is
+# not implemented.
+skip-if(cocoaWidget) skip-if(winWidget) == progress-overflow.html progress-overflow-ref.html
+fails-if(Android) skip-if(cocoaWidget) skip-if(winWidget) == progress-overflow-small.html progress-nobar.html
+
+== chrome://reftest/content/native-theme/676387-1.xhtml chrome://reftest/content/native-theme/676387-1-ref.xhtml
diff --git a/layout/reftests/native-theme/resizer-bottomleft-rtl.xhtml b/layout/reftests/native-theme/resizer-bottomleft-rtl.xhtml
new file mode 100644
index 0000000000..a369b50a5f
--- /dev/null
+++ b/layout/reftests/native-theme/resizer-bottomleft-rtl.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window title="Resizer"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" localedir="rtl">
+  <hbox>
+    <spacer flex="1"/>
+    <resizer dir="bottomleft"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/native-theme/resizer-bottomleft.xhtml b/layout/reftests/native-theme/resizer-bottomleft.xhtml
new file mode 100644
index 0000000000..3bbf13020f
--- /dev/null
+++ b/layout/reftests/native-theme/resizer-bottomleft.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window title="Resizer"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox>
+    <resizer dir="bottomleft"/>
+    <spacer flex="1"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/native-theme/resizer-bottomright-rtl.xhtml b/layout/reftests/native-theme/resizer-bottomright-rtl.xhtml
new file mode 100644
index 0000000000..c2b5ba5642
--- /dev/null
+++ b/layout/reftests/native-theme/resizer-bottomright-rtl.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window title="Resizer"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" localedir="rtl">
+  <hbox>
+    <spacer flex="1"/>
+    <resizer dir="bottomright"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/native-theme/resizer-bottomright.xhtml b/layout/reftests/native-theme/resizer-bottomright.xhtml
new file mode 100644
index 0000000000..d00935a204
--- /dev/null
+++ b/layout/reftests/native-theme/resizer-bottomright.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window title="Resizer"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox>
+    <resizer dir="bottomright"/>
+    <spacer flex="1"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/native-theme/resizer-left.xhtml b/layout/reftests/native-theme/resizer-left.xhtml
new file mode 100644
index 0000000000..8dc6cf9f7c
--- /dev/null
+++ b/layout/reftests/native-theme/resizer-left.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window title="Resizer"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <hbox>
+    <resizer dir="left"/>
+    <spacer flex="1"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/native-theme/scroll-thumb-minimum-size-notheme-ref.html b/layout/reftests/native-theme/scroll-thumb-minimum-size-notheme-ref.html
new file mode 100644
index 0000000000..e6aade6617
--- /dev/null
+++ b/layout/reftests/native-theme/scroll-thumb-minimum-size-notheme-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 200px; overflow: scroll; -moz-appearance:none">
+  <div style="width: 100000px; height: 1000000px"></div>
+</div>
diff --git a/layout/reftests/native-theme/scroll-thumb-minimum-size-notheme.html b/layout/reftests/native-theme/scroll-thumb-minimum-size-notheme.html
new file mode 100644
index 0000000000..c46abf5da0
--- /dev/null
+++ b/layout/reftests/native-theme/scroll-thumb-minimum-size-notheme.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 200px; overflow: scroll;; -moz-appearance:none">
+  <div style="width: 3725px; height: 3725px"></div>
+</div>
+<!--
+The size of the inner div is computed as follow:
+
+Input:
+  outer_div_size: size of the div containing the scrollbar
+  button_size: size of the scrollbar arrow buttons
+  scrollbar_thickness: width/height of a vertical/horizontal scrollbar respectively
+  thumb_size: height/width of the thumb of a vertical/horizontal scrollbar respectively
+Output:
+  inner_div_size: size of the div to be scrolled
+
+Formula:
+  slider_size = outer_div_size - 2 * button_size - scrollbar_thickness
+  thumb_size = slider_size * (outer_div_size / inner_div_size)
+ which gives:
+  inner_div_size = (outer_div_size - 2 * button_size - scrollbar_thickness) * (outer_div_size / thumb_size)
+
+Testcase constants:
+  outer_div_size = 200
+
+On XP/Vista at 96 dpi with theme disabled:
+  thumb_size = 8 (minimum size)
+  button_size = 17
+  scrollbar_thickness = 17
+
+  inner_div_size = (200 - 2 * 17 - 17) * (200 / 8) = 3725
+-->
diff --git a/layout/reftests/native-theme/scroll-thumb-minimum-size-theme-ref.html b/layout/reftests/native-theme/scroll-thumb-minimum-size-theme-ref.html
new file mode 100644
index 0000000000..d592e44849
--- /dev/null
+++ b/layout/reftests/native-theme/scroll-thumb-minimum-size-theme-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 200px; overflow: scroll;">
+  <div style="width: 100000px; height: 1000000px"></div>
+</div>
diff --git a/layout/reftests/native-theme/scroll-thumb-minimum-size-theme.html b/layout/reftests/native-theme/scroll-thumb-minimum-size-theme.html
new file mode 100644
index 0000000000..03a539c3cc
--- /dev/null
+++ b/layout/reftests/native-theme/scroll-thumb-minimum-size-theme.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 200px; overflow: scroll;">
+  <div style="width: 1753px; height: 1753px"></div>
+</div>
+<!--
+See scroll-thumb-minimum-size-notheme.html for the formula.
+
+On XP/Vista at 96 dpi with theme enabled:
+  thumb_size = 17 (minimum size)
+  button_size = 17
+  scrollbar_thickness = 17
+
+  inner_div_size = (200 - 2 * 17 - 17) * (200 / 17) = 1753
+-->
diff --git a/layout/reftests/native-theme/text-control-not-blank.html b/layout/reftests/native-theme/text-control-not-blank.html
new file mode 100644
index 0000000000..4856de5179
--- /dev/null
+++ b/layout/reftests/native-theme/text-control-not-blank.html
@@ -0,0 +1 @@
+<input type="text">
diff --git a/layout/reftests/native-theme/text-input-native.html b/layout/reftests/native-theme/text-input-native.html
new file mode 100644
index 0000000000..8f5eec6b13
--- /dev/null
+++ b/layout/reftests/native-theme/text-input-native.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="text" value="">
diff --git a/layout/reftests/native-theme/text-input-nonnative-when-styled-ref.html b/layout/reftests/native-theme/text-input-nonnative-when-styled-ref.html
new file mode 100644
index 0000000000..b8786e0ac3
--- /dev/null
+++ b/layout/reftests/native-theme/text-input-nonnative-when-styled-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!-- these should make the input non-native -->
+<input type="text" value="Text Input" style="-moz-appearance: none; border-width: 0">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-width: 1px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-width: 2px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-width: 3px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-width: 4px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-width: 5px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-width: 6px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-style: dotted">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-color: green">
+<input type="text" value="Text Input" style="-moz-appearance: none; background-color: transparent">
+<input type="text" value="Text Input" style="-moz-appearance: none; background-color: white">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-top-left-radius: 0px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-top-right-radius: 1px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-bottom-right-radius: 2px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-bottom-left-radius: 3px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-inline-start-width: 3px">
+<input type="text" value="Text Input" style="-moz-appearance: none; border-inline-end-width: 3px">
+
+<!-- these should let it stay native -->
+<input type="text" value="">
+<input type="text" value="">
diff --git a/layout/reftests/native-theme/text-input-nonnative-when-styled.html b/layout/reftests/native-theme/text-input-nonnative-when-styled.html
new file mode 100644
index 0000000000..327e22034f
--- /dev/null
+++ b/layout/reftests/native-theme/text-input-nonnative-when-styled.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!-- these should make the input non-native -->
+<input type="text" value="Text Input" style="border-width: 0">
+<input type="text" value="Text Input" style="border-width: 1px">
+<input type="text" value="Text Input" style="border-width: 2px">
+<input type="text" value="Text Input" style="border-width: 3px">
+<input type="text" value="Text Input" style="border-width: 4px">
+<input type="text" value="Text Input" style="border-width: 5px">
+<input type="text" value="Text Input" style="border-width: 6px">
+<input type="text" value="Text Input" style="border-style: dotted">
+<input type="text" value="Text Input" style="border-color: green">
+<input type="text" value="Text Input" style="background-color: transparent">
+<input type="text" value="Text Input" style="background-color: white">
+<input type="text" value="Text Input" style="border-top-left-radius: 0px">
+<input type="text" value="Text Input" style="border-top-right-radius: 1px">
+<input type="text" value="Text Input" style="border-bottom-right-radius: 2px">
+<input type="text" value="Text Input" style="border-bottom-left-radius: 3px">
+<input type="text" value="Text Input" style="border-inline-start-width: 3px">
+<input type="text" value="Text Input" style="border-inline-end-width: 3px">
+
+<!-- these should let it stay native -->
+<input type="text" value="" style="color: black">
+<input type="text" value="" style="font-weight: normal">
diff --git a/layout/reftests/native-theme/text-input-nonnative.html b/layout/reftests/native-theme/text-input-nonnative.html
new file mode 100644
index 0000000000..a3e4335b1c
--- /dev/null
+++ b/layout/reftests/native-theme/text-input-nonnative.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<input type="text" value="" style="-moz-appearance: none">
diff --git a/layout/reftests/native-theme/textarea-native.html b/layout/reftests/native-theme/textarea-native.html
new file mode 100644
index 0000000000..03e7dcdb13
--- /dev/null
+++ b/layout/reftests/native-theme/textarea-native.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<textarea></textarea>
diff --git a/layout/reftests/native-theme/textarea-nonnative-when-styled-ref.html b/layout/reftests/native-theme/textarea-nonnative-when-styled-ref.html
new file mode 100644
index 0000000000..1679479152
--- /dev/null
+++ b/layout/reftests/native-theme/textarea-nonnative-when-styled-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<!-- these should make the textarea non-native -->
+<textarea style="-moz-appearance: none; border-width: 0; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-width: 1px; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-width: 2px; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-width: 3px; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-width: 4px; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-width: 5px; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-width: 6px; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-style: dotted; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; border-color: green; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; background-color: transparent; resize: none;">Textarea</textarea>
+<textarea style="-moz-appearance: none; background-color: white; resize: none;">Textarea</textarea>
+
+<!-- these should let it stay native -->
+<textarea></textarea>
+<textarea></textarea>
diff --git a/layout/reftests/native-theme/textarea-nonnative-when-styled.html b/layout/reftests/native-theme/textarea-nonnative-when-styled.html
new file mode 100644
index 0000000000..dff21453db
--- /dev/null
+++ b/layout/reftests/native-theme/textarea-nonnative-when-styled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<!-- these should make the textarea non-native and hide resizers since we can't control
+     their native vs. non-native appearance -->
+<textarea style="border-width: 0; resize: none;">Textarea</textarea>
+<textarea style="border-width: 1px; resize: none;">Textarea</textarea>
+<textarea style="border-width: 2px; resize: none;">Textarea</textarea>
+<textarea style="border-width: 3px; resize: none;">Textarea</textarea>
+<textarea style="border-width: 4px; resize: none;">Textarea</textarea>
+<textarea style="border-width: 5px; resize: none;">Textarea</textarea>
+<textarea style="border-width: 6px; resize: none;">Textarea</textarea>
+<textarea style="border-style: dotted; resize: none;">Textarea</textarea>
+<textarea style="border-color: green; resize: none;">Textarea</textarea>
+<textarea style="background-color: transparent; resize: none;">Textarea</textarea>
+<textarea style="background-color: white; resize: none;">Textarea</textarea>
+
+<!-- these should let it stay native -->
+<textarea style="color: black"></textarea>
+<textarea style="font-weight: normal"></textarea>
diff --git a/layout/reftests/native-theme/textarea-nonnative.html b/layout/reftests/native-theme/textarea-nonnative.html
new file mode 100644
index 0000000000..87f3b4cdd6
--- /dev/null
+++ b/layout/reftests/native-theme/textarea-nonnative.html
@@ -0,0 +1,2 @@
+<!DOCTYPE HTML>
+<textarea style="-moz-appearance: none"></textarea>
diff --git a/layout/reftests/native-theme/textarea-not-blank.html b/layout/reftests/native-theme/textarea-not-blank.html
new file mode 100644
index 0000000000..d017476088
--- /dev/null
+++ b/layout/reftests/native-theme/textarea-not-blank.html
@@ -0,0 +1 @@
+<textarea rows="5" cols="40"></textarea>
diff --git a/layout/reftests/object/404-data-ref.html b/layout/reftests/object/404-data-ref.html
new file mode 100644
index 0000000000..ca93f6bfcc
--- /dev/null
+++ b/layout/reftests/object/404-data-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/002.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: 404 data</title>
+</head>
+<body>
+<p>PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/404-data-with-type-ref.html b/layout/reftests/object/404-data-with-type-ref.html
new file mode 100644
index 0000000000..dddc4e4e2f
--- /dev/null
+++ b/layout/reftests/object/404-data-with-type-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/003.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: 404 data with type</title>
+</head>
+<body>
+<p>PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/404-data-with-type.html b/layout/reftests/object/404-data-with-type.html
new file mode 100644
index 0000000000..5c2c3dd457
--- /dev/null
+++ b/layout/reftests/object/404-data-with-type.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/003.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: 404 data with type</title>
+</head>
+<body>
+<p><object type="text/html" data="extra/404.html">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/404-data.html b/layout/reftests/object/404-data.html
new file mode 100644
index 0000000000..37c7a28a2e
--- /dev/null
+++ b/layout/reftests/object/404-data.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/002.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: 404 data</title>
+</head>
+<body>
+<p><object data="extra/404.html">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/connection-refused-ref.html b/layout/reftests/object/connection-refused-ref.html
new file mode 100644
index 0000000000..c3ab4f479d
--- /dev/null
+++ b/layout/reftests/object/connection-refused-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/006.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Connection refused</title>
+</head>
+<body>
+<p>PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/connection-refused.html b/layout/reftests/object/connection-refused.html
new file mode 100644
index 0000000000..b252d36a11
--- /dev/null
+++ b/layout/reftests/object/connection-refused.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/006.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Connection refused</title>
+</head>
+<body>
+<p><object data="http://localhost:52345">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/extra/404.html b/layout/reftests/object/extra/404.html
new file mode 100644
index 0000000000..6c9abdc2c4
--- /dev/null
+++ b/layout/reftests/object/extra/404.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+<title>404 Not Found</title>
+</head>
+<body>
+<p>This is a 404 page.</p>
+</body>
+</html>
diff --git a/layout/reftests/object/extra/404.html^headers^ b/layout/reftests/object/extra/404.html^headers^
new file mode 100644
index 0000000000..937e38c6c4
--- /dev/null
+++ b/layout/reftests/object/extra/404.html^headers^
@@ -0,0 +1 @@
+HTTP 404 Not Found
diff --git a/layout/reftests/object/extra/malformed.xml b/layout/reftests/object/extra/malformed.xml
new file mode 100644
index 0000000000..828c002996
--- /dev/null
+++ b/layout/reftests/object/extra/malformed.xml
@@ -0,0 +1 @@
+<foo>This is some invalid xml.
diff --git a/layout/reftests/object/extra/malformed_image.png b/layout/reftests/object/extra/malformed_image.png
new file mode 100644
index 0000000000..94e1707e85
--- /dev/null
+++ b/layout/reftests/object/extra/malformed_image.png
@@ -0,0 +1 @@
+FAIL
diff --git a/layout/reftests/object/extra/pass.html b/layout/reftests/object/extra/pass.html
new file mode 100644
index 0000000000..e73e009750
--- /dev/null
+++ b/layout/reftests/object/extra/pass.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<title>PASS page</title>
+
+<body>
+<p>PASS</p>
diff --git a/layout/reftests/object/extra/pass.png b/layout/reftests/object/extra/pass.png
new file mode 100644
index 0000000000..4b0d444cf6
Binary files /dev/null and b/layout/reftests/object/extra/pass.png differ
diff --git a/layout/reftests/object/extra/pass.svg b/layout/reftests/object/extra/pass.svg
new file mode 100644
index 0000000000..311c5036ea
--- /dev/null
+++ b/layout/reftests/object/extra/pass.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:xml="http://www.w3.org/XML/1998/namespace"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="pass.svg"
+   sodipodi:docbase="/tmp"
+   inkscape:version="0.41"
+   sodipodi:version="0.32"
+   id="svg2"
+   height="10.000000px"
+   width="50.000000px">
+  <defs
+     id="defs3" />
+  <sodipodi:namedview
+     inkscape:window-y="48"
+     inkscape:window-x="2"
+     inkscape:window-height="574"
+     inkscape:window-width="925"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="2.6496320"
+     inkscape:cx="30.500000"
+     inkscape:zoom="6.2988506"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="1.0000000"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#00ff00"
+     id="base" />
+  <metadata
+     id="metadata4">
+    <rdf:RDF
+       id="RDF5">
+      <cc:Work
+         id="Work6"
+         rdf:about="">
+        <dc:format
+           id="format7">image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"
+           id="type9" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <rect
+       style="stroke-opacity:1.0000000;stroke-linejoin:miter;stroke-linecap:butt;stroke-width:1.0000000px;stroke:none;fill-rule:evenodd;fill-opacity:0.75000000;fill:#00ff00"
+       id="rect1294"
+       width="50.802921"
+       height="9.6843061"
+       x="-0.15875912"
+       y="0.63321173" />
+    <text
+       id="text1291"
+       y="9.6824818"
+       x="8.2226276"
+       style="font-size:12.000000px;font-style:normal;font-weight:normal;fill:#0000ff;fill-opacity:1.0000000;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000;font-family:Bitstream Vera Sans"
+       xml:space="preserve"><tspan
+         y="9.6824818"
+         x="8.2226276"
+         id="tspan1293"
+         sodipodi:role="line">PASS</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/object/extra/pass_image b/layout/reftests/object/extra/pass_image
new file mode 100644
index 0000000000..4b0d444cf6
Binary files /dev/null and b/layout/reftests/object/extra/pass_image differ
diff --git a/layout/reftests/object/image-no-useful-extension-typesniff-ref.html b/layout/reftests/object/image-no-useful-extension-typesniff-ref.html
new file mode 100644
index 0000000000..9d9c0a02ca
--- /dev/null
+++ b/layout/reftests/object/image-no-useful-extension-typesniff-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/009.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Image w/o useful extension</title>
+</head>
+<body>
+<p><img src="extra/pass.png"></p>
+</body>
+</html>
diff --git a/layout/reftests/object/image-no-useful-extension-typesniff.html b/layout/reftests/object/image-no-useful-extension-typesniff.html
new file mode 100644
index 0000000000..b509bfc985
--- /dev/null
+++ b/layout/reftests/object/image-no-useful-extension-typesniff.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/009.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Image w/o useful extension</title>
+</head>
+<body>
+<p><object data="extra/pass_image">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/image-no-useful-extension-with-type-ref.html b/layout/reftests/object/image-no-useful-extension-with-type-ref.html
new file mode 100644
index 0000000000..76c7eb1e83
--- /dev/null
+++ b/layout/reftests/object/image-no-useful-extension-with-type-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/010.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Image w/o useful extension with type</title>
+</head>
+<body>
+<p><img src="extra/pass.png"></p>
+</body>
+</html>
diff --git a/layout/reftests/object/image-no-useful-extension-with-type.html b/layout/reftests/object/image-no-useful-extension-with-type.html
new file mode 100644
index 0000000000..15b133846a
--- /dev/null
+++ b/layout/reftests/object/image-no-useful-extension-with-type.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/010.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Image w/o useful extension with type</title>
+</head>
+<body>
+<p><object type="image/png" data="extra/pass_image">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/image-ref.html b/layout/reftests/object/image-ref.html
new file mode 100644
index 0000000000..1976ffe0ed
--- /dev/null
+++ b/layout/reftests/object/image-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/007.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: PNG Image</title>
+</head>
+<body>
+<p><img src="extra/pass.png"></p>
+</body>
+</html>
diff --git a/layout/reftests/object/image-with-type-ref.html b/layout/reftests/object/image-with-type-ref.html
new file mode 100644
index 0000000000..d8f78907c1
--- /dev/null
+++ b/layout/reftests/object/image-with-type-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/008.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: PNG Image with type</title>
+</head>
+<body>
+<p><img src="extra/pass.png"></p>
+</body>
+</html>
diff --git a/layout/reftests/object/image-with-type.html b/layout/reftests/object/image-with-type.html
new file mode 100644
index 0000000000..c045279aaf
--- /dev/null
+++ b/layout/reftests/object/image-with-type.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/008.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: PNG Image with type</title>
+</head>
+<body>
+<p><object type="image/png" data="extra/pass.png">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/image.html b/layout/reftests/object/image.html
new file mode 100644
index 0000000000..84ef3f17df
--- /dev/null
+++ b/layout/reftests/object/image.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/007.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: PNG Image</title>
+</head>
+<body>
+<p><object data="extra/pass.png">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-should-fallback-ref.html b/layout/reftests/object/malformed-should-fallback-ref.html
new file mode 100644
index 0000000000..e281ee3675
--- /dev/null
+++ b/layout/reftests/object/malformed-should-fallback-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/016.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed image (should fallback)</title>
+</head>
+<body>
+<p>PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-should-fallback.html b/layout/reftests/object/malformed-should-fallback.html
new file mode 100644
index 0000000000..014aba631c
--- /dev/null
+++ b/layout/reftests/object/malformed-should-fallback.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/016.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed image (should fallback)</title>
+</head>
+<body>
+<p><object data="extra/malformed_image.png">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-uri-ref.html b/layout/reftests/object/malformed-uri-ref.html
new file mode 100644
index 0000000000..6a5927f439
--- /dev/null
+++ b/layout/reftests/object/malformed-uri-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/035.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed URIs</title>
+<style type="text/css">
+	html, body { width:100%; height:100%; }
+	#obj { width:100%; height:90%; }
+</style>
+</head>
+<body>
+<p id="obj">PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-uri.html b/layout/reftests/object/malformed-uri.html
new file mode 100644
index 0000000000..a0e92c8daf
--- /dev/null
+++ b/layout/reftests/object/malformed-uri.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/035.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed URIs</title>
+<style type="text/css">
+	html, body { width:100%; height:100%; }
+	#obj { width:100%; height:90%; }
+</style>
+</head>
+<body>
+<p id="obj"><object type="application/x-shockwave-flash" data="http://foo bar/pass.swf" width="100" height="100">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-with-type-ref.html b/layout/reftests/object/malformed-with-type-ref.html
new file mode 100644
index 0000000000..ad14b569e7
--- /dev/null
+++ b/layout/reftests/object/malformed-with-type-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/017.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed image (with type attribute)</title>
+</head>
+<body>
+<p>PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-with-type.html b/layout/reftests/object/malformed-with-type.html
new file mode 100644
index 0000000000..2b5d1216d7
--- /dev/null
+++ b/layout/reftests/object/malformed-with-type.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/017.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed image (with type attribute)</title>
+</head>
+<body>
+<p><object type="image/png" data="extra/malformed_image.png">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-xml-ref.html b/layout/reftests/object/malformed-xml-ref.html
new file mode 100644
index 0000000000..064b411ed0
--- /dev/null
+++ b/layout/reftests/object/malformed-xml-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/023.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed XML file</title>
+</head>
+<body>
+<!--
+  You should _probably_ see an XML parse error below, although you could
+  argue that it should behave like a broken image (and say PASS).  For
+  now this test expects the former.
+-->
+<p><iframe style="border: 0px" src="extra/malformed.xml"></iframe></p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-xml-with-type-ref.html b/layout/reftests/object/malformed-xml-with-type-ref.html
new file mode 100644
index 0000000000..c23aad4c35
--- /dev/null
+++ b/layout/reftests/object/malformed-xml-with-type-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/024.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed XML file with type attribute</title>
+</head>
+<body>
+<!--
+  You should _probably_ see an XML parse error below, although you could
+  argue that it should behave like a broken image (and say PASS); this
+  test currently checks for the former.
+-->
+<p><iframe style="border: 0px" src="extra/malformed.xml" width="300" height="200"></iframe></p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-xml-with-type.html b/layout/reftests/object/malformed-xml-with-type.html
new file mode 100644
index 0000000000..44c4b3b363
--- /dev/null
+++ b/layout/reftests/object/malformed-xml-with-type.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/024.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed XML file with type attribute</title>
+</head>
+<body>
+<!--
+  You should _probably_ see an XML parse error below, although you could
+  argue that it should behave like a broken image (and say PASS); this
+  test currently checks for the former.
+-->
+<p><object type="text/xml" data="extra/malformed.xml" width="300" height="200">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/malformed-xml.html b/layout/reftests/object/malformed-xml.html
new file mode 100644
index 0000000000..3f6b176f87
--- /dev/null
+++ b/layout/reftests/object/malformed-xml.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/023.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Malformed XML file</title>
+</head>
+<body>
+<!--
+  You should _probably_ see an XML parse error below, although you could
+  argue that it should behave like a broken image (and say PASS).  For
+  now this test expects the former.
+-->
+<p><object data="extra/malformed.xml">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/no-attrs-ref.html b/layout/reftests/object/no-attrs-ref.html
new file mode 100644
index 0000000000..23709f7471
--- /dev/null
+++ b/layout/reftests/object/no-attrs-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/001.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: No attributes</title>
+</head>
+<body>
+<p>PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/no-attrs.html b/layout/reftests/object/no-attrs.html
new file mode 100644
index 0000000000..9702c1d98e
--- /dev/null
+++ b/layout/reftests/object/no-attrs.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/001.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: No attributes</title>
+</head>
+<body>
+<p><object>PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/page-as-data-ref.html b/layout/reftests/object/page-as-data-ref.html
new file mode 100644
index 0000000000..999e9d6be0
--- /dev/null
+++ b/layout/reftests/object/page-as-data-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/004.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Normal Webpage</title>
+</head>
+<body>
+<p><iframe style="border: 0px" src="extra/pass.html"></iframe></p>
+</body>
+</html>
diff --git a/layout/reftests/object/page-as-data-with-type-ref.html b/layout/reftests/object/page-as-data-with-type-ref.html
new file mode 100644
index 0000000000..d4e76f65fa
--- /dev/null
+++ b/layout/reftests/object/page-as-data-with-type-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/005.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Normal Webpage with type</title>
+</head>
+<body>
+<p><iframe style="border: 0px" src="extra/pass.html"></iframe></p>
+</body>
+</html>
diff --git a/layout/reftests/object/page-as-data-with-type.html b/layout/reftests/object/page-as-data-with-type.html
new file mode 100644
index 0000000000..62a8a98597
--- /dev/null
+++ b/layout/reftests/object/page-as-data-with-type.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/005.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Normal Webpage with type</title>
+</head>
+<body>
+<p><object type="text/html" data="extra/pass.html">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/page-as-data.html b/layout/reftests/object/page-as-data.html
new file mode 100644
index 0000000000..baa7608666
--- /dev/null
+++ b/layout/reftests/object/page-as-data.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/004.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Normal Webpage</title>
+</head>
+<body>
+<p><object data="extra/pass.html">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/reftest.list b/layout/reftests/object/reftest.list
new file mode 100644
index 0000000000..1437c897c2
--- /dev/null
+++ b/layout/reftests/object/reftest.list
@@ -0,0 +1,57 @@
+== no-attrs.html no-attrs-ref.html
+HTTP == 404-data.html 404-data-ref.html
+HTTP == 404-data-with-type.html 404-data-with-type-ref.html
+== page-as-data.html page-as-data-ref.html
+== page-as-data-with-type.html page-as-data-with-type-ref.html
+== connection-refused.html connection-refused-ref.html
+== image.html image-ref.html
+== image-with-type.html image-with-type-ref.html
+fails-if(Android) == image-no-useful-extension-typesniff.html image-no-useful-extension-typesniff-ref.html
+== image-no-useful-extension-with-type.html image-no-useful-extension-with-type-ref.html
+#
+# This test must be run on an HTTP server because it relies on the HTTP
+# Content-Type overriding the type specified by the attribute on the object,
+# but when run from a local file the type attribute will override the
+# content-sniffed assumed type (text/html based entirely on the extension).
+#
+HTTP == type-overridden-by-server.html type-overridden-by-server-ref.html
+#
+# XXX missing tests 012-015 from http://biesi.damowmow.com/object/ here; need
+#     a controllable HTTP server (or preferably one run on the test machine)
+#     to add them
+#
+== malformed-should-fallback.html malformed-should-fallback-ref.html
+== malformed-with-type.html malformed-with-type-ref.html
+#
+# XXX missing tests 018-021 from http://biesi.damowmow.com/object/ here; need
+#     a controllable HTTP server (or preferably one run on the test machine)
+#     to add them
+#
+== unknown-type.html unknown-type-ref.html
+== malformed-xml.html malformed-xml-ref.html
+== malformed-xml-with-type.html malformed-xml-with-type-ref.html
+#
+# XXX missing tests 025-28 from http://biesi.damowmow.com/object/ here; would
+#     need to require Flash on the test machine to run them
+#
+# XXX need to support <img src="foo.svg"> for these to pass
+fails == svg.html svg-ref.html
+fails == svg-with-type.html svg-with-type-ref.html
+#
+# XXX missing test 031 from http://biesi.damowmow.com/object/ here; need to
+#     first support the standby attribute on objects, then need to figure out
+#     how to reproduce the setup needed for that test such that reftest will
+#     handle it correctly, since a still-loading image probably delays the
+#     snapshot reftest takes
+#
+# XXX missing test 032 from http://biesi.damowmow.com/object/ here; would
+#     need to require Java on test machine to run it
+#
+# XXX missing test 033 from http://biesi.damowmow.com/object/ here; not sure
+#     how nullplugin testing should work
+#
+#
+# XXX missing test 034 from http://biesi.damowmow.com/object/ here; would
+#     need to require Flash on the test machine to run them
+#
+== malformed-uri.html malformed-uri-ref.html
diff --git a/layout/reftests/object/svg-ref.html b/layout/reftests/object/svg-ref.html
new file mode 100644
index 0000000000..1d49ad7ffb
--- /dev/null
+++ b/layout/reftests/object/svg-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/029.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: SVG</title>
+</head>
+<body>
+<iframe src="extra/pass.svg" width="100" height="20">FAIL</iframe>
+</body>
+</html>
diff --git a/layout/reftests/object/svg-with-type-ref.html b/layout/reftests/object/svg-with-type-ref.html
new file mode 100644
index 0000000000..c610700bdc
--- /dev/null
+++ b/layout/reftests/object/svg-with-type-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/030.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: SVG (with type attribute)</title>
+</head>
+<body>
+<iframe src="extra/pass.svg" width="100" height="20"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/object/svg-with-type.html b/layout/reftests/object/svg-with-type.html
new file mode 100644
index 0000000000..233f799ad3
--- /dev/null
+++ b/layout/reftests/object/svg-with-type.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/030.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: SVG (with type attribute)</title>
+</head>
+<body>
+<p><object type="image/svg+xml" data="extra/pass.svg" width="100" height="20">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/svg.html b/layout/reftests/object/svg.html
new file mode 100644
index 0000000000..2e244d0830
--- /dev/null
+++ b/layout/reftests/object/svg.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/029.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: SVG</title>
+</head>
+<body>
+<p><object data="extra/pass.svg" width="100" height="20">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/type-overridden-by-server-ref.html b/layout/reftests/object/type-overridden-by-server-ref.html
new file mode 100644
index 0000000000..6bbbf3c56e
--- /dev/null
+++ b/layout/reftests/object/type-overridden-by-server-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/011.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Server override of type (PNG vs HTML)</title>
+</head>
+<body>
+<p><iframe style="border: 0px" src="extra/pass.html"></iframe></p>
+</body>
+</html>
diff --git a/layout/reftests/object/type-overridden-by-server.html b/layout/reftests/object/type-overridden-by-server.html
new file mode 100644
index 0000000000..dc8a65b8fe
--- /dev/null
+++ b/layout/reftests/object/type-overridden-by-server.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/011.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Server override of type (PNG vs HTML)</title>
+</head>
+<body>
+<p><object type="image/png" data="extra/pass.html">FAIL</object></p>
+</body>
+</html>
diff --git a/layout/reftests/object/unknown-type-ref.html b/layout/reftests/object/unknown-type-ref.html
new file mode 100644
index 0000000000..5a1768c966
--- /dev/null
+++ b/layout/reftests/object/unknown-type-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/022.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Unknown type</title>
+</head>
+<body>
+<p>PASS</p>
+</body>
+</html>
diff --git a/layout/reftests/object/unknown-type.html b/layout/reftests/object/unknown-type.html
new file mode 100644
index 0000000000..c707687357
--- /dev/null
+++ b/layout/reftests/object/unknown-type.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- http://biesi.damowmow.com/object/022.html -->
+<html lang="en">
+<head>
+<title>&lt;object&gt;: Unknown type</title>
+</head>
+<body>
+<p><object data="data:application/x-unknown,FAIL">PASS</object></p>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/444-1-ref.html b/layout/reftests/ogg-video/444-1-ref.html
new file mode 100644
index 0000000000..08e4df28ee
--- /dev/null
+++ b/layout/reftests/ogg-video/444-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<video id="v1" style="position:absolute; left:0; top:0"></video>
+<!-- hide bottom of video -->
+<div style="position:absolute; top:120px; left:0; right:0; bottom:0; background:black"></div>
+<script>
+function doTest() {
+  // Set source now so that the loadeddata event can't fire before
+  // this function runs.
+  v1.src = "seek420.ogv";
+  v1.play();
+  v1.addEventListener("loadeddata", function() {
+    setTimeout(function() {
+      document.documentElement.removeAttribute('class');
+    }, 50);
+  });
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/ogg-video/444-1.html b/layout/reftests/ogg-video/444-1.html
new file mode 100644
index 0000000000..02e7b3ddb8
--- /dev/null
+++ b/layout/reftests/ogg-video/444-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<video id="v1" style="position:absolute; left:0; top:0"></video>
+<!-- hide bottom of video -->
+<div style="position:absolute; top:120px; left:0; right:0; bottom:0; background:black"></div>
+<script>
+function doTest() {
+  // Set source now so that the loadeddata event can't fire before
+  // this function runs.
+  v1.src = "seek444.ogv";
+  v1.play();
+  v1.addEventListener("loadeddata", function() {
+    setTimeout(function() {
+      document.documentElement.removeAttribute('class');
+    }, 50);
+  });
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/ogg-video/aspect-ratio-1-ref.html b/layout/reftests/ogg-video/aspect-ratio-1-ref.html
new file mode 100644
index 0000000000..93391ed83c
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:140px; height:100px; position:relative; left:100px; top:100px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/aspect-ratio-1a.xhtml b/layout/reftests/ogg-video/aspect-ratio-1a.xhtml
new file mode 100644
index 0000000000..c70d3248f5
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-1a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv" style="width:340px; height:100px; position:relative; top:100px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/aspect-ratio-1b.xhtml b/layout/reftests/ogg-video/aspect-ratio-1b.xhtml
new file mode 100644
index 0000000000..b59352b516
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-1b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv" style="width:140px; height:300px; position:relative; left:100px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/ogg-video/aspect-ratio-2-ref.html b/layout/reftests/ogg-video/aspect-ratio-2-ref.html
new file mode 100644
index 0000000000..4f78ab4d2f
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:280px; height:200px; position:relative; left:200px; top:200px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/aspect-ratio-2a.xhtml b/layout/reftests/ogg-video/aspect-ratio-2a.xhtml
new file mode 100644
index 0000000000..f708ec90af
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-2a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv" style="width:680px; height:200px; position:relative; top:200px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/aspect-ratio-2b.xhtml b/layout/reftests/ogg-video/aspect-ratio-2b.xhtml
new file mode 100644
index 0000000000..e7469031a8
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-2b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv" style="width:280px; height:600px; position:relative; left:200px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/ogg-video/aspect-ratio-3-ref.xhtml b/layout/reftests/ogg-video/aspect-ratio-3-ref.xhtml
new file mode 100644
index 0000000000..73662654f8
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-3-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv" style="width:280px; height:200px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/aspect-ratio-3a.xhtml b/layout/reftests/ogg-video/aspect-ratio-3a.xhtml
new file mode 100644
index 0000000000..3c253e8f81
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-3a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv" width="280"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/ogg-video/aspect-ratio-3b.xhtml b/layout/reftests/ogg-video/aspect-ratio-3b.xhtml
new file mode 100644
index 0000000000..cc6ec4c750
--- /dev/null
+++ b/layout/reftests/ogg-video/aspect-ratio-3b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv" height="200"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/basic-1-ref.html b/layout/reftests/ogg-video/basic-1-ref.html
new file mode 100644
index 0000000000..aca3dcb9ca
--- /dev/null
+++ b/layout/reftests/ogg-video/basic-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:140px; height:100px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/basic-1.xhtml b/layout/reftests/ogg-video/basic-1.xhtml
new file mode 100644
index 0000000000..4899dc29f7
--- /dev/null
+++ b/layout/reftests/ogg-video/basic-1.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.ogv"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/black100x100-aspect3to2.ogv b/layout/reftests/ogg-video/black100x100-aspect3to2.ogv
new file mode 100644
index 0000000000..81fe51ffb3
Binary files /dev/null and b/layout/reftests/ogg-video/black100x100-aspect3to2.ogv differ
diff --git a/layout/reftests/ogg-video/black140x100.ogv b/layout/reftests/ogg-video/black140x100.ogv
new file mode 100644
index 0000000000..ab146ebe28
Binary files /dev/null and b/layout/reftests/ogg-video/black140x100.ogv differ
diff --git a/layout/reftests/ogg-video/black29x19offset.ogv b/layout/reftests/ogg-video/black29x19offset.ogv
new file mode 100644
index 0000000000..b515ebd1f3
Binary files /dev/null and b/layout/reftests/ogg-video/black29x19offset.ogv differ
diff --git a/layout/reftests/ogg-video/blue140x100.png b/layout/reftests/ogg-video/blue140x100.png
new file mode 100644
index 0000000000..f4c3973fcc
Binary files /dev/null and b/layout/reftests/ogg-video/blue140x100.png differ
diff --git a/layout/reftests/ogg-video/blue250x200.png b/layout/reftests/ogg-video/blue250x200.png
new file mode 100644
index 0000000000..5eb0b52511
Binary files /dev/null and b/layout/reftests/ogg-video/blue250x200.png differ
diff --git a/layout/reftests/ogg-video/canvas-1a.xhtml b/layout/reftests/ogg-video/canvas-1a.xhtml
new file mode 100644
index 0000000000..9f115e785f
--- /dev/null
+++ b/layout/reftests/ogg-video/canvas-1a.xhtml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1" class="reftest-wait">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<canvas id="canvas" width="200" height="200"></canvas>
+<script>
+var video = document.createElement("video");
+video.src = "black140x100.ogv";
+video.load();
+function draw() {
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+  try {
+    ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+  } catch (e) {
+  }
+  document.documentElement.removeAttribute("class");
+}
+video.addEventListener("loadeddata", draw, false);
+</script>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/ogg-video/canvas-1b.xhtml b/layout/reftests/ogg-video/canvas-1b.xhtml
new file mode 100644
index 0000000000..4524593e9e
--- /dev/null
+++ b/layout/reftests/ogg-video/canvas-1b.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<canvas id="canvas" width="200" height="200"></canvas>
+<script>
+function draw() {
+  var video = document.getElementById("video");
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+  try {
+    ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+  } catch (e) {
+  }
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="black140x100.ogv" onloadeddata="draw()" style="opacity:0"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/ogg-video/clipping-1-ref.html b/layout/reftests/ogg-video/clipping-1-ref.html
new file mode 100644
index 0000000000..67782811c5
--- /dev/null
+++ b/layout/reftests/ogg-video/clipping-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white">
+<div style="position:absolute; left:0; top:0; width:200px; height:600px;">
+  <video src="black140x100.ogv" style="width:400px; margin-left:-100px;"></video>
+</div>
+<div style="position:absolute; left:200px; top:0; background:white; width:200px; height:600px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/clipping-1a.html b/layout/reftests/ogg-video/clipping-1a.html
new file mode 100644
index 0000000000..cfae72cedd
--- /dev/null
+++ b/layout/reftests/ogg-video/clipping-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white">
+<div style="overflow:hidden; position:absolute; left:0; top:0; width:200px; height:600px;">
+  <video src="black140x100.ogv" style="width:400px; margin-left:-100px;"></video>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/empty-1-ref.html b/layout/reftests/ogg-video/empty-1-ref.html
new file mode 100644
index 0000000000..fcc7693202
--- /dev/null
+++ b/layout/reftests/ogg-video/empty-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/empty-1a.html b/layout/reftests/ogg-video/empty-1a.html
new file mode 100644
index 0000000000..fc1421a810
--- /dev/null
+++ b/layout/reftests/ogg-video/empty-1a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<video src="black140x100.ogv" style="width:0"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/empty-1b.html b/layout/reftests/ogg-video/empty-1b.html
new file mode 100644
index 0000000000..9dd17dbbaa
--- /dev/null
+++ b/layout/reftests/ogg-video/empty-1b.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<video src="black140x100.ogv" style="height:0"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/encoded-aspect-ratio-1-ref.html b/layout/reftests/ogg-video/encoded-aspect-ratio-1-ref.html
new file mode 100644
index 0000000000..d9c0054eb5
--- /dev/null
+++ b/layout/reftests/ogg-video/encoded-aspect-ratio-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="background-color: black; width: 150px; height: 100px; position: absolute; left: 10px; top: 10px;"></div>
+
+<!-- Left side vertical. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Right side vertical. -->
+<div style="position: absolute; left: 159px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Top horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+<!-- Bottom horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 109px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/encoded-aspect-ratio-1.html b/layout/reftests/ogg-video/encoded-aspect-ratio-1.html
new file mode 100644
index 0000000000..238fdbfe8d
--- /dev/null
+++ b/layout/reftests/ogg-video/encoded-aspect-ratio-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!--
+     Test if video displays correctly with a 3:2 aspect ratio.
+     It should display at w=150 h=100.
+     On some Linux systems, the scaling to preserve the aspect ratio can sample
+     the pixels outside visible region. This results in a thin grey line down
+     some sides of the scaled picture. We add red bars over the edges to
+     overwrite such happenings, to make the test reliable.
+-->
+<video src="black100x100-aspect3to2.ogv"
+       style="position:absolute; left: 10px; top: 10px; z-index: 1;">
+</video>
+
+<!-- Left side vertical. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Right side vertical. -->
+<div style="position: absolute; left: 159px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Top horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+<!-- Bottom horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 109px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/green70x30.png b/layout/reftests/ogg-video/green70x30.png
new file mode 100644
index 0000000000..b2bf32762d
Binary files /dev/null and b/layout/reftests/ogg-video/green70x30.png differ
diff --git a/layout/reftests/ogg-video/object-aspect-ratio-1a.xhtml b/layout/reftests/ogg-video/object-aspect-ratio-1a.xhtml
new file mode 100644
index 0000000000..29fd619fd7
--- /dev/null
+++ b/layout/reftests/ogg-video/object-aspect-ratio-1a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.ogv" style="width:340px; height:100px; position:relative; top:100px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/object-aspect-ratio-1b.xhtml b/layout/reftests/ogg-video/object-aspect-ratio-1b.xhtml
new file mode 100644
index 0000000000..ea1f02ff74
--- /dev/null
+++ b/layout/reftests/ogg-video/object-aspect-ratio-1b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.ogv" style="width:140px; height:300px; position:relative; left:100px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/ogg-video/object-aspect-ratio-2a.xhtml b/layout/reftests/ogg-video/object-aspect-ratio-2a.xhtml
new file mode 100644
index 0000000000..36b4cc0c1e
--- /dev/null
+++ b/layout/reftests/ogg-video/object-aspect-ratio-2a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.ogv" style="width:680px; height:200px; position:relative; top:200px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/object-aspect-ratio-2b.xhtml b/layout/reftests/ogg-video/object-aspect-ratio-2b.xhtml
new file mode 100644
index 0000000000..d557921d2f
--- /dev/null
+++ b/layout/reftests/ogg-video/object-aspect-ratio-2b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.ogv" style="width:280px; height:600px; position:relative; left:200px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/offset-1-ref.html b/layout/reftests/ogg-video/offset-1-ref.html
new file mode 100644
index 0000000000..61a1dc83a7
--- /dev/null
+++ b/layout/reftests/ogg-video/offset-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:29px; height:29px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/offset-1.xhtml b/layout/reftests/ogg-video/offset-1.xhtml
new file mode 100644
index 0000000000..3504734907
--- /dev/null
+++ b/layout/reftests/ogg-video/offset-1.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black29x19offset.ogv"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/ogg-video/poster-1.html b/layout/reftests/ogg-video/poster-1.html
new file mode 100644
index 0000000000..15e3cb5462
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!-- Ensure video element displays at poster size when video's intrinsic size isn't available. -->
+<video preload="none" src="black140x100.ogv" poster="blue250x200.png"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-10.html b/layout/reftests/ogg-video/poster-10.html
new file mode 100644
index 0000000000..546b96a46f
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-10.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!-- Test: Create video, add poster, load. Should display poster. -->
+<script>
+function runTest() {
+  var v = document.createElement('video');
+  v.addEventListener('loadeddata', function(){setTimeout(function(){document.documentElement.className = '';}, 0);});
+  v.id = 'v';
+  v.src = "black140x100.ogv";
+  v.poster = "blue250x200.png";
+  v.preload = "auto";
+  document.body.appendChild(v);
+}
+
+</script>
+<body style="background:white;" onload="runTest();">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-11.html b/layout/reftests/ogg-video/poster-11.html
new file mode 100644
index 0000000000..a2f186a4bb
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-11.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!-- Test: Create video, load. Add poster frame, load again, poster should show. -->
+<script>
+function runTest() {
+  var v = document.createElement('video');
+  
+  var endTest = function() {
+    setTimeout(function(){document.documentElement.className = '';}, 0);
+  };  
+  
+  var addPoster = function() {
+    v.removeEventListener('loadeddata', addPoster);
+    v.poster = "blue140x100.png";
+    v.addEventListener('loadeddata', endTest);
+    v.load();
+  };
+  
+  v.addEventListener('loadeddata', addPoster);
+  v.id = 'v';
+  v.src = "black140x100.ogv";
+  v.preload = "auto";
+  document.body.appendChild(v);
+}
+
+</script>
+<body style="background:white;" onload="runTest();">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-12.html b/layout/reftests/ogg-video/poster-12.html
new file mode 100644
index 0000000000..49b6dbfebf
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-12.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!-- Test: Create video, load, play. Add poster frame, load again, poster should show. -->
+<script>
+function runTest() {
+  var v = document.createElement('video');
+  
+  var endTest = function() {
+    setTimeout(function(){document.documentElement.className = '';}, 0);
+  };
+  
+  var play = 
+    function() {
+      v.removeEventListener('loadeddata', play);
+      v.play();
+    }
+
+  var addPoster = function() {
+    v.removeEventListener('playing', addPoster);
+    v.poster = "blue140x100.png";
+    v.addEventListener('loadeddata', endTest);
+    v.load();
+  };
+
+  v.addEventListener('loadeddata',
+                     play);
+  v.addEventListener('playing',
+                     addPoster);
+  v.id = 'v';
+  v.src = "black140x100.ogv";
+  v.preload = "auto";
+  document.body.appendChild(v);
+}
+
+</script>
+<body style="background:white;" onload="runTest();">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-13.html b/layout/reftests/ogg-video/poster-13.html
new file mode 100644
index 0000000000..79c3b8c582
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-13.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!-- Test that poster is resized, maintaining its aspect ratio. -->
+<video src="black140x100.ogv" poster="blue250x200.png" style="width: 288px; height: 216px;"></video>
+
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-15.html b/layout/reftests/ogg-video/poster-15.html
new file mode 100644
index 0000000000..01c25b660e
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-15.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that poster is correctly laid out inside borders. Also test that 
+     poster frames smaller than video don't have the video frame drawn behind
+     them etc. -->
+<body style="background:white;">
+<video src="black140x100.ogv"
+       poster="green70x30.png"
+       preload="none"
+       style="border: solid blue 2px;">
+</video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-2.html b/layout/reftests/ogg-video/poster-2.html
new file mode 100644
index 0000000000..28b38f398c
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!-- Test if poster frame with invalid poster displays video frame. -->
+<video src="black140x100.ogv" poster="not-a-valid-file"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-3.html b/layout/reftests/ogg-video/poster-3.html
new file mode 100644
index 0000000000..ae12c1b65d
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test if poster hides after playing with autoplay. -->
+<video src="black140x100.ogv"
+       poster="blue250x200.png"
+       preload="auto"
+       autoplay
+       onplaying="setTimeout(function(){document.documentElement.className = '';},0);"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-4.html b/layout/reftests/ogg-video/poster-4.html
new file mode 100644
index 0000000000..85453638c8
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-4.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;"
+      onload="setTimeout(function(){document.documentElement.className = '';}, 0);">
+<!-- Test if we show video frame after removing valid poster. -->
+<video src="black140x100.ogv"
+       preload="auto"
+       id="v"
+       poster="blue250x200.png"></video>
+<script type="text/javascript">
+  document.getElementById('v').poster = '';
+</script>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-5.html b/layout/reftests/ogg-video/poster-5.html
new file mode 100644
index 0000000000..94049c92d7
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-5.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test to ensure that changing the poster after video has painted its first
+     frame doesn't render the poster. The video frame should not change to the
+     poster, since it's already painted its first video frame. -->
+<video src="black140x100.ogv"
+       preload="auto"
+       id="v"
+       autoplay
+       onended="document.getElementById('v').poster = 'blue250x200.png'; setTimeout(function(){document.documentElement.className = '';},0);"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-6.html b/layout/reftests/ogg-video/poster-6.html
new file mode 100644
index 0000000000..c9ae5b88f5
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-6.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test that poster frame should hide after completing a seek. -->
+<video src="black140x100.ogv"
+       preload="auto"
+       id="v"
+       onloadeddata="var v = document.getElementById('v'); v.currentTime = v.duration;"
+       onseeked="setTimeout(function(){document.documentElement.className = '';}, 0);"
+       poster="blue250x200.png"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-7.html b/layout/reftests/ogg-video/poster-7.html
new file mode 100644
index 0000000000..4c3e002d37
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-7.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;"
+      onload="setTimeout(function(){document.documentElement.className = '';}, 0);">
+<!-- Test that poster frame changes when you change the poster attribute. -->
+<video src="black140x100.ogv"
+       preload="none"
+       id="v"
+       poster="blue250x200.png"></video>
+<script type="text/javascript">
+  document.getElementById('v').poster = 'red140x100.png';
+</script>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-8.html b/layout/reftests/ogg-video/poster-8.html
new file mode 100644
index 0000000000..c9e1fa37a0
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-8.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test if poster hides after playing with play() call. -->
+<video src="black140x100.ogv"
+       poster="blue250x200.png"
+       id="v"
+       preload="auto"
+       onloadeddata="document.getElementById('v').play();"
+       onplaying="setTimeout(function(){document.documentElement.className = '';}, 0);"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-ref-black140x100.html b/layout/reftests/ogg-video/poster-ref-black140x100.html
new file mode 100644
index 0000000000..98f1a4cba7
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-ref-black140x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<video src="black140x100.ogv" preload="auto"></video>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-ref-blue125x100.html b/layout/reftests/ogg-video/poster-ref-blue125x100.html
new file mode 100644
index 0000000000..90795ae911
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-ref-blue125x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue140x100.png" alt="poster" style="position: absolute; height: 100px; width: 125px; left: 16px">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-ref-blue140x100.html b/layout/reftests/ogg-video/poster-ref-blue140x100.html
new file mode 100644
index 0000000000..66540b8e85
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-ref-blue140x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue140x100.png" alt="poster">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-ref-blue250x200.html b/layout/reftests/ogg-video/poster-ref-blue250x200.html
new file mode 100644
index 0000000000..050d53dfb3
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-ref-blue250x200.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue250x200.png" alt="poster">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-ref-blue400x300.html b/layout/reftests/ogg-video/poster-ref-blue400x300.html
new file mode 100644
index 0000000000..8c32ff715d
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-ref-blue400x300.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue250x200.png" style="position: relative; width: 270px; height: 216px; left: 9px;">
+</body>
+</html>
+
+
diff --git a/layout/reftests/ogg-video/poster-ref-green70x30.html b/layout/reftests/ogg-video/poster-ref-green70x30.html
new file mode 100644
index 0000000000..f979220a6a
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-ref-green70x30.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="green70x30.png" alt="poster" style="border: solid blue 2px;">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/poster-ref-red140x100.html b/layout/reftests/ogg-video/poster-ref-red140x100.html
new file mode 100644
index 0000000000..3ac08d29e2
--- /dev/null
+++ b/layout/reftests/ogg-video/poster-ref-red140x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="red140x100.png" alt="poster">
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/red140x100.png b/layout/reftests/ogg-video/red140x100.png
new file mode 100644
index 0000000000..20250771f3
Binary files /dev/null and b/layout/reftests/ogg-video/red140x100.png differ
diff --git a/layout/reftests/ogg-video/red160x120.png b/layout/reftests/ogg-video/red160x120.png
new file mode 100644
index 0000000000..21737a0e8e
Binary files /dev/null and b/layout/reftests/ogg-video/red160x120.png differ
diff --git a/layout/reftests/ogg-video/reftest.list b/layout/reftests/ogg-video/reftest.list
new file mode 100644
index 0000000000..fa3d68587c
--- /dev/null
+++ b/layout/reftests/ogg-video/reftest.list
@@ -0,0 +1,35 @@
+# NOTE: bug 1084564 covers "fails"/"skip" annotations for android below:
+fuzzy(0-255,0-5000) == 444-1.html 444-1-ref.html
+fails-if(Android) == aspect-ratio-1a.xhtml aspect-ratio-1-ref.html
+fails-if(Android) == aspect-ratio-1b.xhtml aspect-ratio-1-ref.html
+fails-if(Android) skip-if(gtkWidget) == aspect-ratio-2a.xhtml aspect-ratio-2-ref.html
+fails-if(Android) skip-if(gtkWidget) == aspect-ratio-2b.xhtml aspect-ratio-2-ref.html
+== aspect-ratio-3a.xhtml aspect-ratio-3-ref.xhtml
+== aspect-ratio-3b.xhtml aspect-ratio-3-ref.xhtml
+fails-if(Android) random-if(layersGPUAccelerated) == encoded-aspect-ratio-1.html encoded-aspect-ratio-1-ref.html
+fails-if(Android) == basic-1.xhtml basic-1-ref.html
+== canvas-1a.xhtml basic-1-ref.html
+fails-if(Android) == canvas-1b.xhtml basic-1-ref.html
+== clipping-1a.html clipping-1-ref.html
+== empty-1a.html empty-1-ref.html
+== empty-1b.html empty-1-ref.html
+#these is skipped because we hang on the htmlparser tests when this is ran
+random == object-aspect-ratio-1a.xhtml aspect-ratio-1-ref.html
+random == object-aspect-ratio-1b.xhtml aspect-ratio-1-ref.html
+== offset-1.xhtml offset-1-ref.html
+random == object-aspect-ratio-2a.xhtml aspect-ratio-2-ref.html
+random == object-aspect-ratio-2b.xhtml aspect-ratio-2-ref.html
+fuzzy-if(winWidget,0-1,0-56000) fuzzy-if(cocoaWidget,0-1,0-56000) == zoomed-1.xhtml zoomed-1-ref.html # bug 778995 for fuzzy
+== poster-1.html poster-ref-blue250x200.html
+== poster-2.html poster-ref-black140x100.html
+== poster-3.html poster-ref-black140x100.html
+== poster-4.html poster-ref-black140x100.html
+== poster-5.html poster-ref-black140x100.html
+== poster-6.html poster-ref-black140x100.html
+== poster-7.html poster-ref-red140x100.html
+== poster-8.html poster-ref-black140x100.html
+random == poster-10.html poster-ref-blue125x100.html
+random == poster-11.html poster-ref-blue140x100.html
+random == poster-12.html poster-ref-blue140x100.html
+== poster-13.html poster-ref-blue400x300.html
+== poster-15.html poster-ref-green70x30.html
diff --git a/layout/reftests/ogg-video/seek420.ogv b/layout/reftests/ogg-video/seek420.ogv
new file mode 100644
index 0000000000..2221cfef42
Binary files /dev/null and b/layout/reftests/ogg-video/seek420.ogv differ
diff --git a/layout/reftests/ogg-video/seek444.ogv b/layout/reftests/ogg-video/seek444.ogv
new file mode 100644
index 0000000000..a2453afeae
Binary files /dev/null and b/layout/reftests/ogg-video/seek444.ogv differ
diff --git a/layout/reftests/ogg-video/zoomed-1-ref.html b/layout/reftests/ogg-video/zoomed-1-ref.html
new file mode 100644
index 0000000000..01929db7e7
--- /dev/null
+++ b/layout/reftests/ogg-video/zoomed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white; margin:0;">
+<div style="width:280px; height:200px; background:#010101;"></div>
+</body>
+</html>
diff --git a/layout/reftests/ogg-video/zoomed-1.xhtml b/layout/reftests/ogg-video/zoomed-1.xhtml
new file mode 100644
index 0000000000..e68e1290f4
--- /dev/null
+++ b/layout/reftests/ogg-video/zoomed-1.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1" reftest-zoom="2"
+     width="50%" height="50%">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white; margin:0">
+<video src="black140x100.ogv"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/outline/outline-and-3d-transform-1-ref.html b/layout/reftests/outline/outline-and-3d-transform-1-ref.html
new file mode 100644
index 0000000000..30fa7eabec
--- /dev/null
+++ b/layout/reftests/outline/outline-and-3d-transform-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<title>Testcase for outline around 3-D transform</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+
+div {
+  width: 100px;
+  height: 100px;
+}
+
+body > div {
+  margin-top: 200px;
+  margin-left: 200px;
+  transform-style: flat;
+  position: relative;
+}
+
+body > div > div {
+  position: absolute; top: 0; left: 0;
+  height: 150px; width: 150px; top: -25px; left: -25px;
+  background: rgba(255, 255, 0, 0.4);
+  outline: 2px dashed blue;
+}
+
+</style>
+
+<div><div></div></div>
diff --git a/layout/reftests/outline/outline-and-3d-transform-1a.html b/layout/reftests/outline/outline-and-3d-transform-1a.html
new file mode 100644
index 0000000000..6b7926c2da
--- /dev/null
+++ b/layout/reftests/outline/outline-and-3d-transform-1a.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<title>Testcase for outline around 3-D transform</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+
+div {
+  width: 100px;
+  height: 100px;
+}
+
+body > div {
+  margin-top: 200px;
+  margin-left: 200px;
+  transform-style: flat;
+  outline: 2px dashed blue;
+}
+
+body > div > div {
+  transform: rotateX(30deg);
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+}
+
+body > div > div > div {
+  transform: rotateX(30deg);
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+}
+
+body > div > div > div > div {
+  transform: scale(1.5, 3);
+  transform-origin: 50% 50%;
+  background: rgba(255, 255, 0, 0.4);
+}
+
+
+</style>
+
+<div><div><div><div></div></div></div></div>
diff --git a/layout/reftests/outline/outline-and-3d-transform-1b.html b/layout/reftests/outline/outline-and-3d-transform-1b.html
new file mode 100644
index 0000000000..d2e2316de6
--- /dev/null
+++ b/layout/reftests/outline/outline-and-3d-transform-1b.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<title>Testcase for outline around 3-D transform</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+
+div {
+  width: 100px;
+  height: 100px;
+}
+
+body > div {
+  margin-top: 200px;
+  margin-left: 200px;
+  transform-style: flat;
+  outline: 2px dashed blue;
+}
+
+body > div > div {
+  transform: rotateX(90deg);
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+}
+
+body > div > div > div {
+  transform: rotateX(-30deg);
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+}
+
+body > div > div > div > div {
+  transform: scale(1.5, 3);
+  transform-origin: 50% 50%;
+  background: rgba(255, 255, 0, 0.4);
+}
+
+
+</style>
+
+<div><div><div><div></div></div></div></div>
diff --git a/layout/reftests/outline/outline-and-3d-transform-2-ref.html b/layout/reftests/outline/outline-and-3d-transform-2-ref.html
new file mode 100644
index 0000000000..93a45d8f80
--- /dev/null
+++ b/layout/reftests/outline/outline-and-3d-transform-2-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<title>Testcase for outline around 3-D transform</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+
+div {
+  width: 100px;
+  height: 100px;
+}
+
+body > div {
+  margin-top: 200px;
+  margin-left: 200px;
+  transform-style: flat;
+}
+
+body > div > div {
+  transform: rotateX(30deg);
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+  border: 5px solid green;
+  margin: -5px;
+}
+
+body > div > div > div {
+  transform: rotateX(30deg);
+  width: 50px; margin-left: 20px; margin-top: -5px;
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+  border: 5px solid blue;
+}
+
+</style>
+
+<div><div><div></div></div></div>
diff --git a/layout/reftests/outline/outline-and-3d-transform-2.html b/layout/reftests/outline/outline-and-3d-transform-2.html
new file mode 100644
index 0000000000..7243669717
--- /dev/null
+++ b/layout/reftests/outline/outline-and-3d-transform-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<title>Testcase for outline around 3-D transform</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+
+div {
+  width: 100px;
+  height: 100px;
+}
+
+body > div {
+  margin-top: 200px;
+  margin-left: 200px;
+  transform-style: flat;
+}
+
+body > div > div {
+  transform: rotateX(30deg);
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+  outline: 5px solid green;
+}
+
+body > div > div > div {
+  transform: rotateX(30deg);
+  width: 50px; margin-left: 25px;
+  transform-origin: 50% 50%;
+  transform-style: preserve-3d;
+  outline: 5px solid blue;
+}
+
+</style>
+
+<div><div><div></div></div></div>
diff --git a/layout/reftests/outline/outline-and-box-shadow-ref.html b/layout/reftests/outline/outline-and-box-shadow-ref.html
new file mode 100644
index 0000000000..0d4a9ffcf6
--- /dev/null
+++ b/layout/reftests/outline/outline-and-box-shadow-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>outline and box-shadow</title>
+<style>
+html, body { margin: 0; padding: 0 }
+p {
+  margin: 48px;
+  border: 2px solid blue;
+  padding: 5px; /* ensure no font overhang */
+  background: yellow; color: black;
+  box-shadow: 10px 10px 10px 0px black;
+}
+</style>
+<p>The outline should be adjacent to the background.</p>
diff --git a/layout/reftests/outline/outline-and-box-shadow.html b/layout/reftests/outline/outline-and-box-shadow.html
new file mode 100644
index 0000000000..3bb717200b
--- /dev/null
+++ b/layout/reftests/outline/outline-and-box-shadow.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>outline and box-shadow</title>
+<style>
+html, body { margin: 0; padding: 0 }
+p {
+  margin: 50px;
+  outline: 2px solid blue;
+  padding: 5px; /* ensure no font overhang */
+  background: yellow; color: black;
+  box-shadow: 10px 10px 10px 2px black;
+}
+</style>
+<p>The outline should be adjacent to the background.</p>
diff --git a/layout/reftests/outline/outline-auto-001-ref.html b/layout/reftests/outline/outline-auto-001-ref.html
new file mode 100644
index 0000000000..5520991b74
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-001-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<title>Testcase for outline:auto</title>
+<style>
+  html, body {
+    color: black;
+    background-color: white;
+    padding: 10px;
+    margin: 0;
+  }
+  .a, .a2 {
+    outline: auto;
+    width:190px;
+    height: 10px;
+    background: black;
+  }
+  .a2 {
+    width: 194px;
+    height: 14px;
+    margin-left: -2px;
+    margin-top: -2px;
+  }
+  .w {
+    border: solid black;
+    border-width: 5px;
+    margin: 20px;
+    width: 190px;
+    height: 10px;
+  }
+</style>
+<div class="w"><div class="a" style="outline-width:10px; outline-offset:5px;"></div></div>
+<div class="w"><div class="a" style="outline-width:10px; outline-offset:10px;"></div></div>
+<div class="w"><div class="a2" style="outline-width:10px; outline-offset:-2px;"></div></div>
+<div class="w"><div class="a" style="outline-width:15px; outline-offset:6px;"></div></div>
+<div class="w"><div class="a" style="outline-width:11px; outline-offset:5px;"></div></div>
+<div class="w"><div class="a" style="outline-width:11px; outline-offset:10px;"></div></div>
+<div class="w"><div class="a2" style="outline-width:11px; outline-offset:-2px;"></div></div>
diff --git a/layout/reftests/outline/outline-auto-001.html b/layout/reftests/outline/outline-auto-001.html
new file mode 100644
index 0000000000..89758919ae
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-001.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<title>Testcase for outline:auto</title>
+<style>
+html, body {
+  color: black;
+  background-color: white;
+  padding: 10px;
+  margin: 0;
+}
+div {
+  outline: auto;
+  width: 200px;
+  margin: 20px;
+  height: 20px;
+  background: black;
+}
+.b div {
+  border: solid blue;
+  border-width: 1px 3px 5px 7px;
+}
+</style>
+<div style="outline-width:0; outline-offset:0;"></div>
+<div style="outline-width:0; outline-offset:5px;"></div>
+<div style="outline-width:0; outline-offset:-5px;"></div>
+<div style="outline-width:5px; outline-offset:1px;"></div>
+<div style="outline-width:1px; outline-offset:0;"></div>
+<div style="outline-width:1px; outline-offset:5px;"></div>
+<div style="outline-width:1px; outline-offset:-5px;"></div>
diff --git a/layout/reftests/outline/outline-auto-002-ref.html b/layout/reftests/outline/outline-auto-002-ref.html
new file mode 100644
index 0000000000..78d22a05a5
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-002-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="width:100px; height: 100px; border: 2px solid lime;"></div>
diff --git a/layout/reftests/outline/outline-auto-002.html b/layout/reftests/outline/outline-auto-002.html
new file mode 100644
index 0000000000..6f1ebddd0b
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-002.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<!-- Should see the border -->
+<div style="width: 104px; height: 104px; overflow: hidden">
+  <div style="width: 100px; height: 100px; outline: 1px auto; border: 2px solid lime; overflow: hidden"></div>
+</div>
diff --git a/layout/reftests/outline/outline-auto-explicit-native-widget-ref.html b/layout/reftests/outline/outline-auto-explicit-native-widget-ref.html
new file mode 100644
index 0000000000..ede3ee72a4
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-explicit-native-widget-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+  input { caret-color: transparent }
+</style>
+<input autofocus>
diff --git a/layout/reftests/outline/outline-auto-explicit-native-widget.html b/layout/reftests/outline/outline-auto-explicit-native-widget.html
new file mode 100644
index 0000000000..4cbf40a517
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-explicit-native-widget.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+  input { outline-style: auto }
+</style>
+<input>
diff --git a/layout/reftests/outline/outline-auto-follows-border-radius-non-native-02.html b/layout/reftests/outline/outline-auto-follows-border-radius-non-native-02.html
new file mode 100644
index 0000000000..f03c1694b2
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-follows-border-radius-non-native-02.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+body { margin: 0 }
+div {
+  width: 92px;
+  height: 92px;
+  border: 1px transparent;
+  border-radius: 1px;
+  outline: 1px auto;
+  outline-offset: 4px;
+  margin: 14px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/outline/outline-auto-follows-border-radius-non-native-notref.html b/layout/reftests/outline/outline-auto-follows-border-radius-non-native-notref.html
new file mode 100644
index 0000000000..7cfe639cd4
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-follows-border-radius-non-native-notref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<style>
+body { margin: 0 }
+div {
+  width: 100px;
+  height: 100px;
+  border: 1px transparent;
+  outline: 1px auto;
+  margin: 10px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/outline/outline-auto-follows-border-radius-non-native.html b/layout/reftests/outline/outline-auto-follows-border-radius-non-native.html
new file mode 100644
index 0000000000..baff30d54f
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-follows-border-radius-non-native.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+body { margin: 0 }
+div {
+  width: 100px;
+  height: 100px;
+  border: 1px transparent;
+  border-radius: 5px;
+  outline: 1px auto;
+  margin: 10px;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/outline/outline-auto-suppressed-native-widget-ref.html b/layout/reftests/outline/outline-auto-suppressed-native-widget-ref.html
new file mode 100644
index 0000000000..728e9b4fc2
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-suppressed-native-widget-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<style>
+input {
+  outline: 1px solid green;
+}
+</style>
+<input>
diff --git a/layout/reftests/outline/outline-auto-suppressed-native-widget.html b/layout/reftests/outline/outline-auto-suppressed-native-widget.html
new file mode 100644
index 0000000000..97848797dd
--- /dev/null
+++ b/layout/reftests/outline/outline-auto-suppressed-native-widget.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<style>
+input:focus {
+  outline: 1px solid green;
+  caret-color: transparent;
+}
+</style>
+<input autofocus>
diff --git a/layout/reftests/outline/outline-dynamic-change-1-ref.html b/layout/reftests/outline/outline-dynamic-change-1-ref.html
new file mode 100644
index 0000000000..ac45dd1972
--- /dev/null
+++ b/layout/reftests/outline/outline-dynamic-change-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    #tweakMe {
+      height: 100px;
+      width: 100px;
+      background: gray;
+      outline: solid 6px black;
+      outline-offset: -16px;
+    }
+  </style>
+</head>
+<body>
+  <div id="tweakMe"></div>
+</body>
+</html>
diff --git a/layout/reftests/outline/outline-dynamic-change-1a.html b/layout/reftests/outline/outline-dynamic-change-1a.html
new file mode 100644
index 0000000000..92ced60977
--- /dev/null
+++ b/layout/reftests/outline/outline-dynamic-change-1a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Test that dynamic tweaks to 'outline-offset' are reflected in the rendering.
+  </title>
+  <style>
+    #tweakMe {
+      height: 100px;
+      width: 100px;
+      background: gray;
+      outline: solid 6px black;
+      outline-offset: -10px;
+    }
+  </style>
+  <script>
+window.addEventListener("MozReftestInvalidate", function() {
+  tweakMe.style.outlineOffset = "-16px";
+  document.documentElement.removeAttribute("class");
+});
+  </script>
+</head>
+<body>
+  <div id="tweakMe"></div>
+</body>
+</html>
diff --git a/layout/reftests/outline/outline-dynamic-change-1b.html b/layout/reftests/outline/outline-dynamic-change-1b.html
new file mode 100644
index 0000000000..800847bcad
--- /dev/null
+++ b/layout/reftests/outline/outline-dynamic-change-1b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Test that dynamic tweaks to 'outline-width' are reflected in the rendering.
+  </title>
+  <style>
+    #tweakMe {
+      height: 100px;
+      width: 100px;
+      background: gray;
+      outline: solid 2px black;
+      outline-offset: -16px;
+    }
+  </style>
+  <script>
+window.addEventListener("MozReftestInvalidate", function() {
+  tweakMe.style.outlineWidth = "6px";
+  document.documentElement.removeAttribute("class");
+});
+  </script>
+</head>
+<body>
+  <div id="tweakMe"></div>
+</body>
+</html>
diff --git a/layout/reftests/outline/outline-initial-1-ref.html b/layout/reftests/outline/outline-initial-1-ref.html
new file mode 100644
index 0000000000..53bcb0c4ad
--- /dev/null
+++ b/layout/reftests/outline/outline-initial-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<span style="outline-width: 2px; outline-style: solid; color: green;
+             outline-color: green">
+  This should have a green outline.
+</span>
diff --git a/layout/reftests/outline/outline-initial-1a.html b/layout/reftests/outline/outline-initial-1a.html
new file mode 100644
index 0000000000..461a8104ea
--- /dev/null
+++ b/layout/reftests/outline/outline-initial-1a.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<span style="outline-width: 2px; outline-style: solid; color: green">
+  This should have a green outline.
+</span>
diff --git a/layout/reftests/outline/outline-initial-1b.html b/layout/reftests/outline/outline-initial-1b.html
new file mode 100644
index 0000000000..a01459af10
--- /dev/null
+++ b/layout/reftests/outline/outline-initial-1b.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<span style="outline-width: 2px; outline-style: solid; color: green;
+             outline-color: initial">
+  This should have a green outline.
+</span>
diff --git a/layout/reftests/outline/outline-on-table-ref.html b/layout/reftests/outline/outline-on-table-ref.html
new file mode 100644
index 0000000000..fd9fbe01bb
--- /dev/null
+++ b/layout/reftests/outline/outline-on-table-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  outline: 1px solid black;
+}
+</style>
+<div id="target"></div>
diff --git a/layout/reftests/outline/outline-on-table.html b/layout/reftests/outline/outline-on-table.html
new file mode 100644
index 0000000000..bcb1b9e4af
--- /dev/null
+++ b/layout/reftests/outline/outline-on-table.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<style>
+#target {
+  display: table;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.outline = "1px solid black";
+  document.documentElement.classList.remove("reftest-wait");
+});
+</script>
+</html>
diff --git a/layout/reftests/outline/outline-overflow-block-abspos.html b/layout/reftests/outline/outline-overflow-block-abspos.html
new file mode 100644
index 0000000000..574519e908
--- /dev/null
+++ b/layout/reftests/outline/outline-overflow-block-abspos.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>outline doesn't go around overflowing abspos descendants</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+html { overflow:hidden /* avoid second reflow for scrollbars */ }
+
+body > div {
+  margin: 100px;
+  width: 50px; height: 50px;
+  outline: 2px solid blue;
+  position: relative;
+}
+
+body > div > div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+<body>
+<div><div></div></div>
diff --git a/layout/reftests/outline/outline-overflow-block-float.html b/layout/reftests/outline/outline-overflow-block-float.html
new file mode 100644
index 0000000000..f3f6db8b25
--- /dev/null
+++ b/layout/reftests/outline/outline-overflow-block-float.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>outline doesn't go around overflowing floats</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+html { overflow:hidden /* avoid second reflow for scrollbars */ }
+
+body > div {
+  margin: 100px;
+  width: 50px; height: 50px;
+  outline: 2px solid blue;
+  position: relative;
+}
+
+body > div > div {
+  float: left;
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+<body>
+<div><div></div></div>
diff --git a/layout/reftests/outline/outline-overflow-block-ref.html b/layout/reftests/outline/outline-overflow-block-ref.html
new file mode 100644
index 0000000000..204d02430e
--- /dev/null
+++ b/layout/reftests/outline/outline-overflow-block-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<title>reference</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+html { overflow:hidden /* avoid second reflow for scrollbars */ }
+
+body > div {
+  margin: 98px;
+  border: 2px solid blue;
+  width: 50px;
+  height: 50px;
+}
+
+</style>
+<body>
+<div></div>
diff --git a/layout/reftests/outline/outline-overflow-inlineblock-abspos.html b/layout/reftests/outline/outline-overflow-inlineblock-abspos.html
new file mode 100644
index 0000000000..284b52370e
--- /dev/null
+++ b/layout/reftests/outline/outline-overflow-inlineblock-abspos.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<title>outline doesn't go around overflowing abspos descendants</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+html { overflow:hidden /* avoid second reflow for scrollbars */ }
+
+body > div {
+  margin: 100px;
+  outline: 2px solid blue;
+  display: inline-block;
+  height: 50px;
+  width: 50px;
+  position: relative;
+}
+
+body > div > div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+<body>
+<div><div></div></div>
diff --git a/layout/reftests/outline/outline-overflow-inlineblock-float.html b/layout/reftests/outline/outline-overflow-inlineblock-float.html
new file mode 100644
index 0000000000..1c5c67c8e9
--- /dev/null
+++ b/layout/reftests/outline/outline-overflow-inlineblock-float.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>outline doesn't go around overflowing floats</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+html { overflow:hidden /* avoid second reflow for scrollbars */ }
+
+body > div {
+  margin: 100px;
+  outline: 2px solid blue;
+  display: inline-block;
+  height: 50px;
+  width: 50px;
+}
+
+body > div > div {
+  float: left;
+  width: 100px;
+  height: 100px;
+}
+
+</style>
+<body>
+<div><div></div></div>
diff --git a/layout/reftests/outline/outline-overflow-inlineblock-ref.html b/layout/reftests/outline/outline-overflow-inlineblock-ref.html
new file mode 100644
index 0000000000..204d02430e
--- /dev/null
+++ b/layout/reftests/outline/outline-overflow-inlineblock-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<title>reference</title>
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+html { overflow:hidden /* avoid second reflow for scrollbars */ }
+
+body > div {
+  margin: 98px;
+  border: 2px solid blue;
+  width: 50px;
+  height: 50px;
+}
+
+</style>
+<body>
+<div></div>
diff --git a/layout/reftests/outline/outline-table-caption-invisible.html b/layout/reftests/outline/outline-table-caption-invisible.html
new file mode 100644
index 0000000000..bc0960e7b0
--- /dev/null
+++ b/layout/reftests/outline/outline-table-caption-invisible.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+table { outline: 1px solid red; visibility: hidden; }
+</style>
+<table>
+  <caption>Caption</caption>
+  <tr><td>Cell</td></tr>
+</table>
diff --git a/layout/reftests/outline/outline-table-caption-ref.html b/layout/reftests/outline/outline-table-caption-ref.html
new file mode 100644
index 0000000000..a6182a3f29
--- /dev/null
+++ b/layout/reftests/outline/outline-table-caption-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+table { outline: 1px solid blue; border-collapse: collapse; }
+.caption, .cell { width: 100px; height: 100px; padding: 0; text-align: left; vertical-align: top; }
+.caption { background-color: yellow; }
+.cell { background-color: lime; }
+</style>
+<table>
+  <tr><td class="caption">Caption</td></tr>
+  <tr><td class="cell">Cell</td></tr>
+</table>
diff --git a/layout/reftests/outline/outline-table-caption.html b/layout/reftests/outline/outline-table-caption.html
new file mode 100644
index 0000000000..55e6a6e9d5
--- /dev/null
+++ b/layout/reftests/outline/outline-table-caption.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+table { outline: 1px solid blue; border-collapse: collapse; }
+.caption, .cell { width: 100px; height: 100px; padding: 0; text-align: left; vertical-align: top; }
+.caption { background-color: yellow; }
+.cell { background-color: lime; }
+</style>
+<table>
+  <caption class="caption">Caption</caption>
+  <tr><td class="cell">Cell</td></tr>
+</table>
diff --git a/layout/reftests/outline/outline-wrapped-span-1-ref.html b/layout/reftests/outline/outline-wrapped-span-1-ref.html
new file mode 100644
index 0000000000..564f136e3b
--- /dev/null
+++ b/layout/reftests/outline/outline-wrapped-span-1-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+
+<style>
+html {
+   font-family: monospace;
+   font-size: 16px;
+}
+div {
+   margin: 1em;
+}
+a {
+   outline: 1px solid red;
+   background: #dddddd;
+}
+.test1 {
+   width: 19ch;
+}
+.test2 {
+   width: 20ch;
+}
+.test3 {
+   width: 21ch;
+}
+.test4 {
+   width: 22ch;
+}
+.test5 {
+   width: 23ch;
+}
+.test6 {
+   width: 24ch;
+}
+</style>
+
+<div class="test1">
+Is the red outline correct on <a href=".">this<br>link</a>&#x2060;...?
+</div>
+<div class="test2">
+Is the red outline correct on <a href=".">this<br>link</a>&#x2060;...?
+</div>
+<div class="test3">
+Is the red outline correct on <a href=".">this<br>link</a>&#x2060;...?
+</div>
+<div class="test4">
+Is the red outline correct on <a href=".">this<br>link</a>&#x2060;...?
+</div>
+<div class="test5">
+Is the red outline correct on <a href=".">this<br>link</a>&#x2060;...?
+</div>
+<div class="test6">
+Is the red outline correct on <a href=".">this link</a>&#x2060;...?
+</div>
diff --git a/layout/reftests/outline/outline-wrapped-span-1.html b/layout/reftests/outline/outline-wrapped-span-1.html
new file mode 100644
index 0000000000..393a6352bf
--- /dev/null
+++ b/layout/reftests/outline/outline-wrapped-span-1.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+
+<style>
+html {
+   font-family: monospace;
+   font-size: 16px;
+}
+div {
+   margin: 1em;
+}
+a {
+   outline: 1px solid red;
+   background: #dddddd;
+}
+a::after {
+   content: '\2060';
+}
+.test1 {
+   width: 19ch;
+}
+.test2 {
+   width: 20ch;
+}
+.test3 {
+   width: 21ch;
+}
+.test4 {
+   width: 22ch;
+}
+.test5 {
+   width: 23ch;
+}
+.test6 {
+   width: 24ch;
+}
+</style>
+
+<div class="test1">
+Is the red outline correct on <a href=".">this link</a>...?
+</div>
+<div class="test2">
+Is the red outline correct on <a href=".">this link</a>...?
+</div>
+<div class="test3">
+Is the red outline correct on <a href=".">this link</a>...?
+</div>
+<div class="test4">
+Is the red outline correct on <a href=".">this link</a>...?
+</div>
+<div class="test5">
+Is the red outline correct on <a href=".">this link</a>...?
+</div>
+<div class="test6">
+Is the red outline correct on <a href=".">this link</a>...?
+</div>
diff --git a/layout/reftests/outline/reftest.list b/layout/reftests/outline/reftest.list
new file mode 100644
index 0000000000..2de8cdfb3c
--- /dev/null
+++ b/layout/reftests/outline/reftest.list
@@ -0,0 +1,22 @@
+fuzzy(0-52,0-1452) == outline-and-box-shadow.html outline-and-box-shadow-ref.html
+pref(layout.outline.include-overflow,true) == outline-and-3d-transform-1a.html outline-and-3d-transform-1-ref.html
+pref(layout.outline.include-overflow,true) == outline-and-3d-transform-1b.html outline-and-3d-transform-1-ref.html
+fuzzy-if(gtkWidget,0-136,0-120) fuzzy-if(Android,0-255,0-356) fuzzy-if(d2d,0-16,0-96) fuzzy-if(cocoaWidget,0-255,0-120) fuzzy-if(winWidget,0-255,0-216) == outline-and-3d-transform-2.html outline-and-3d-transform-2-ref.html
+== outline-dynamic-change-1a.html outline-dynamic-change-1-ref.html
+== outline-dynamic-change-1b.html outline-dynamic-change-1-ref.html
+== outline-overflow-block-abspos.html outline-overflow-block-ref.html
+== outline-overflow-block-float.html outline-overflow-block-ref.html
+== outline-overflow-inlineblock-abspos.html outline-overflow-inlineblock-ref.html
+== outline-overflow-inlineblock-float.html outline-overflow-inlineblock-ref.html
+== outline-auto-001.html outline-auto-001-ref.html
+== outline-auto-002.html outline-auto-002-ref.html
+!= outline-auto-follows-border-radius-non-native.html outline-auto-follows-border-radius-non-native-notref.html
+== outline-auto-follows-border-radius-non-native-02.html outline-auto-follows-border-radius-non-native.html
+needs-focus == outline-auto-suppressed-native-widget.html outline-auto-suppressed-native-widget-ref.html
+needs-focus == outline-auto-explicit-native-widget.html outline-auto-explicit-native-widget-ref.html
+== outline-initial-1a.html outline-initial-1-ref.html
+== outline-initial-1b.html outline-initial-1-ref.html
+== outline-on-table.html outline-on-table-ref.html
+== outline-table-caption.html outline-table-caption-ref.html
+== outline-table-caption-invisible.html about:blank
+== outline-wrapped-span-1.html outline-wrapped-span-1-ref.html
diff --git a/layout/reftests/pagination/1108104-ref.html b/layout/reftests/pagination/1108104-ref.html
new file mode 100644
index 0000000000..18de030c38
--- /dev/null
+++ b/layout/reftests/pagination/1108104-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <meta charset="utf-8">
+  <style type="text/css" media="all">
+@font-face {
+  font-family: 'dvsm';
+  font-style: normal;
+  font-weight: 200;
+  src: url(../fonts/DejaVuSansMono.woff) format('truetype');
+}
+body,html {margin:0; padding:0;}
+.header{
+  font-family: 'dvsm';
+  position:absolute;
+  top:0;
+  left:0;
+  right:0;
+}
+</style>
+</head>
+<body>
+
+  <div class="header">This is a header!</div>
+
+    <p>I'm a paragraph (0)</p>
+    <div style="page-break-before:always;"></div>
+    <div style="height:1px; font-family: 'dvsm';">This is a header!</div>
+    <p style="margin-top:-1px; padding-top:2em;">I'm a paragraph (1)</p>
+  
+
+</body>
+</html>
diff --git a/layout/reftests/pagination/1108104.html b/layout/reftests/pagination/1108104.html
new file mode 100644
index 0000000000..46b010d8e0
--- /dev/null
+++ b/layout/reftests/pagination/1108104.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <meta charset="utf-8">
+  <style type="text/css" media="all">
+@font-face {
+  font-family: 'dvsm';
+  font-style: normal;
+  font-weight: 200;
+  src: url(../fonts/DejaVuSansMono.woff) format('truetype');
+}
+body,html {margin:0; padding:0;}
+.header{
+  font-family: 'dvsm';
+  position:fixed;
+  top:0px;
+  left:0;
+  right:0;
+}
+</style>
+</head>
+<body>
+
+  <div class="header">This is a header!</div>
+
+    <p>I'm a paragraph (0)</p>
+    <p style="page-break-before:always; padding-top:2em;">I'm a paragraph (1)</p>
+
+</body>
+</html>
diff --git a/layout/reftests/pagination/115199-1-ref.html b/layout/reftests/pagination/115199-1-ref.html
new file mode 100644
index 0000000000..d1382d036d
--- /dev/null
+++ b/layout/reftests/pagination/115199-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+    body {
+      margin: 0.1in 0.1in;
+    }
+    div {
+      border: 0.25in solid green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/115199-1.html b/layout/reftests/pagination/115199-1.html
new file mode 100644
index 0000000000..b805466194
--- /dev/null
+++ b/layout/reftests/pagination/115199-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <style>
+    @page {
+      /*
+       * Default page margins are .5in and the reference file adds .1inch margin
+       * to the body hence we do .6in to match this.
+       */
+      margin: 0.6in;
+    }
+    * {
+      margin: 0;
+      padding: 0;
+    }
+    div {
+      width: 100%;
+      border: 0.25in solid green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/115199-2-ref.html b/layout/reftests/pagination/115199-2-ref.html
new file mode 100644
index 0000000000..19745efc2f
--- /dev/null
+++ b/layout/reftests/pagination/115199-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+    div {
+      width: 100%;
+      border: 0.25in solid green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/115199-2a.html b/layout/reftests/pagination/115199-2a.html
new file mode 100644
index 0000000000..16f75fcb2c
--- /dev/null
+++ b/layout/reftests/pagination/115199-2a.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <style>
+    @page {
+      /*
+       * Test a margin that causes the page to have zero width.
+       */
+      margin: 0 2.5in;
+    }
+    * {
+      margin: 0;
+      padding: 0;
+    }
+    div {
+      width: 100%;
+      border: 0.25in solid green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/115199-2b.html b/layout/reftests/pagination/115199-2b.html
new file mode 100644
index 0000000000..c92380523b
--- /dev/null
+++ b/layout/reftests/pagination/115199-2b.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <style>
+    @page {
+      /*
+       * Test huge margins, they should be reset back the default margin size.
+       */
+      margin: 10in;
+    }
+    * {
+      margin: 0;
+      padding: 0;
+    }
+    div {
+      width: 100%;
+      border: 0.25in solid green;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/1166147-ref.html b/layout/reftests/pagination/1166147-ref.html
new file mode 100644
index 0000000000..25f50d5f2f
--- /dev/null
+++ b/layout/reftests/pagination/1166147-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!--
+This test passes if the pages generated are identical for both vertical-lr and
+horizontal-tb writing-modes by means of making the size of the content we are
+printing equal to exactly the same number of pages being generated in each
+writing mode.
+This sizing is calculated like so:
+
+1. It is important to note that irrespective of the writing-mode, the print
+   UI always lays out printed pages vertically. Therefore, it is possible
+   to equate the printed content of two different writing modes if both
+   cases generate the exact same number of pages (and of course no text on
+   the pages, which is why we use background color since it is independent
+   of writing mode).
+2. To avoid an unnecessary vertical scrollbar (since scrolled content will be
+   clipped anyway in the reftest snapshot), the maximum number of 5X3in pages
+   that we should generate for the reftest snapshot are equal to 3.
+3. Considering a margin of 0.5in on each side of the 5X3in page, we get the
+   size of the page content area to be 4X2in per page and to generate exactly 3
+   printed pages from this in horizontal-tb writing mode, we need a printable
+   area of 4X6in (as used below).
+
+Similarly, the size for the test case printable area is calculated, only
+considering a vertical-rl writing mode.
+
+It is important to note here that when printing this test outside of the test
+harness, the background color will not show since we omit printing and
+previewing of background colors by default via the browser printing path.
+-->
+<html class="reftest-paged">
+  <body style="margin:0;">
+    <div style="background: teal; width:4in; height:6in;">
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/pagination/1166147.html b/layout/reftests/pagination/1166147.html
new file mode 100644
index 0000000000..585f55fd30
--- /dev/null
+++ b/layout/reftests/pagination/1166147.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!--
+This test checks if content is paginated correctly in the horizontal
+direction when printing. The test passes if the pages generated
+are identical for both vertical-lr and horizontal-tb writing-modes by means of
+making the size of the content we are printing equal to exactly the same number
+of pages being generated in each writing mode.
+This sizing is calculated like so:
+
+1. It is important to note that irrespective of the writing-mode, the print
+   UI always lays out printed pages vertically. Therefore, it is possible
+   to equate the printed content of two different writing modes if both
+   cases generate the exact same number of pages (and of course no text on
+   the pages, which is why we use background color since it is independent
+   of writing mode).
+2. To avoid an unnecessary vertical scrollbar (since scrolled content will be
+   clipped anyway in the reftest snapshot), the maximum number of 5X3in pages
+   that we should generate for the reftest snapshot are equal to 3.
+3. Considering a margin of 0.5in on each side of the 5X3in page, we get the
+   size of the page content area to be 4X2in per page and to generate exactly 3
+   printed pages from this in the vertical-rl writing mode, we need a printable
+   area of 12X2in (as used below).
+
+Similarly, the size for the reference printable area is calculated, only
+considering a horizontal-tb writing mode.
+
+It is important to note here that when printing this test outside of the test
+harness, the background color will not show since we omit printing and
+previewing of background colors by default via the browser printing path.
+-->
+<html class="reftest-paged" style="writing-mode: vertical-rl;">
+  <body style="margin:0;">
+    <div style="background: teal; width:12in; height:2in;">
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/pagination/129941-1-ref.html b/layout/reftests/pagination/129941-1-ref.html
new file mode 100644
index 0000000000..ac934f4de8
--- /dev/null
+++ b/layout/reftests/pagination/129941-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0">
+  <body style="margin: 0; padding: 0">
+    <div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green; border-bottom: none"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/129941-1a.html b/layout/reftests/pagination/129941-1a.html
new file mode 100644
index 0000000000..776a4f1141
--- /dev/null
+++ b/layout/reftests/pagination/129941-1a.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0;">
+  <body style="margin: 0; padding: 0;">
+    <div style="overflow: scroll; height: 5in;">
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/129941-1b.html b/layout/reftests/pagination/129941-1b.html
new file mode 100644
index 0000000000..cf2ccb83ab
--- /dev/null
+++ b/layout/reftests/pagination/129941-1b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0;">
+  <body style="margin: 0; padding: 0;">
+    <div style="overflow: clip; height: 5in;">
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/129941-1c.html b/layout/reftests/pagination/129941-1c.html
new file mode 100644
index 0000000000..8ba77bf4c7
--- /dev/null
+++ b/layout/reftests/pagination/129941-1c.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0; overflow: hidden">
+  <body style="margin: 0; padding: 0; overflow: scroll; height: 5in">
+    <div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/129941-1d.html b/layout/reftests/pagination/129941-1d.html
new file mode 100644
index 0000000000..a6ec1147dd
--- /dev/null
+++ b/layout/reftests/pagination/129941-1d.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0; overflow: hidden">
+  <body style="margin: 0; padding: 0; overflow: clip; height: 5in;">
+    <div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/129941-1e-ref.html b/layout/reftests/pagination/129941-1e-ref.html
new file mode 100644
index 0000000000..aede796893
--- /dev/null
+++ b/layout/reftests/pagination/129941-1e-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0">
+  <body style="margin: 0; padding: 0">
+    <div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/129941-1e.html b/layout/reftests/pagination/129941-1e.html
new file mode 100644
index 0000000000..702bf57555
--- /dev/null
+++ b/layout/reftests/pagination/129941-1e.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0;">
+  <body style="margin: 0; padding: 0; overflow: clip; height: 5in;">
+    <div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1321803-1-ref.html b/layout/reftests/pagination/1321803-1-ref.html
new file mode 100644
index 0000000000..3c928e3cb5
--- /dev/null
+++ b/layout/reftests/pagination/1321803-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0">
+  <body style="margin: 0; padding: 0">
+    <div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1321803-1a.html b/layout/reftests/pagination/1321803-1a.html
new file mode 100644
index 0000000000..462b940230
--- /dev/null
+++ b/layout/reftests/pagination/1321803-1a.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html class="reftest-paged" style="margin: 0; padding: 0;">
+  <body style="margin: 0; padding: 0; overflow: scroll; height: 5in">
+    <div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+      <div style="height: 1.25in; border: 0.25in solid green"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1404868-1-ref.html b/layout/reftests/pagination/1404868-1-ref.html
new file mode 100644
index 0000000000..5d49584e5c
--- /dev/null
+++ b/layout/reftests/pagination/1404868-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+	<meta charset="UTF-8">
+	<title>Test reference for bug 1404868</title>
+	<style type="text/css">
+		body { margin: 0 }
+		body > div { height: 2in }
+		.a { text-align: right; height: 0; }
+	</style>
+</head>
+<body>
+	<div>
+		<div class="page">
+			<div class="a">A</div>
+			<div class="b">B</div>
+		</div>
+	</div>
+
+	<div>
+		<div class="page">
+			<div class="a">A</div>
+			<div class="b">B</div>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/1404868-1.html b/layout/reftests/pagination/1404868-1.html
new file mode 100644
index 0000000000..6667256094
--- /dev/null
+++ b/layout/reftests/pagination/1404868-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+	<meta charset="UTF-8">
+	<title>Test for bug 1404868</title>
+	<style type="text/css">
+		body { margin: 0 }
+		.a { float: right; }
+		.page { page-break-after: always; }
+	</style>
+</head>
+<body>
+	<div>
+		<div class="page">
+			<div class="a">A</div>
+			<div class="b">B</div>
+		</div>
+	</div>
+
+	<div>
+		<div class="page">
+			<div class="a">A</div>
+			<div class="b">B</div>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/1406050-1-ref.html b/layout/reftests/pagination/1406050-1-ref.html
new file mode 100644
index 0000000000..a5650edc5f
--- /dev/null
+++ b/layout/reftests/pagination/1406050-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <meta charset="utf-8">
+  <title>Reftest reference, Mozilla bug 1406050</title>
+</head>
+<body>
+  <div style="height: calc(2in - 7px)">test1</div>
+  <div style="margin-bottom: -1px"></div>
+      <table>
+        <tr>
+          <td>
+            <h1>test2</h1>
+          </td>
+        </tr>
+      </table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/1406050-1.html b/layout/reftests/pagination/1406050-1.html
new file mode 100644
index 0000000000..d03c839577
--- /dev/null
+++ b/layout/reftests/pagination/1406050-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <meta charset="utf-8">
+  <title>Reftest, Mozilla bug 1406050</title>
+</head>
+<body>
+  <div style="page-break-after: always;">test1</div>
+  <div>
+    <div>
+      <table>
+        <tr>
+          <td>
+            <h1>test2</h1>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/1406291-1-ref.html b/layout/reftests/pagination/1406291-1-ref.html
new file mode 100644
index 0000000000..46f6ee2e02
--- /dev/null
+++ b/layout/reftests/pagination/1406291-1-ref.html
@@ -0,0 +1,16 @@
+<html class="reftest-paged">
+<title>Testcase, Mozilla bug 1406291</title>
+<style>
+body { margin: 0 }
+table { border-spacing: 0; }
+table, td { margin: 0; padding: 0; }
+</style>
+
+<div style="height: 2in"> <!-- the height of a page -->
+  Only line on first page.
+</div>
+
+<div style="padding-top: 1px;">
+  Line 1 on second page.
+</div>
+Line 2 on second page.
diff --git a/layout/reftests/pagination/1406291-1.html b/layout/reftests/pagination/1406291-1.html
new file mode 100644
index 0000000000..df8a7185d9
--- /dev/null
+++ b/layout/reftests/pagination/1406291-1.html
@@ -0,0 +1,23 @@
+<html class="reftest-paged">
+<title>Testcase, Mozilla bug 1406291</title>
+<style>
+body { margin: 0 }
+table { border-spacing: 0; }
+table, td { margin: 0; padding: 0; }
+</style>
+
+<div style="page-break-after: always;">
+  Only line on first page.
+  <br clear="all" />
+</div>
+
+<div>
+  <table>
+    <tr><td style="padding-top: 1px">
+      <div style="float:left">
+        Line 1 on second page.
+      </div>
+    </td></tr>
+    <tr><td>Line 2 on second page.</td></tr>
+  </table>
+</div>
diff --git a/layout/reftests/pagination/1409585-1-ref.html b/layout/reftests/pagination/1409585-1-ref.html
new file mode 100644
index 0000000000..92c5bc0ba1
--- /dev/null
+++ b/layout/reftests/pagination/1409585-1-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<meta charset="utf-8">
+<title>Reftest reference, bug 1409585</title>
+
+    <div style="height: calc(2in - 7px)">
+            <table>
+                <thead>
+                    <tr>
+                        <th>Header</th>
+                        <th>Header</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>Data</td>
+                        <td>Data</td>
+                    </tr>
+                </tbody>
+            </table>
+    </div>
+    <div>
+            <div style="margin-bottom: -1px"></div>
+            <table>
+                <thead>
+                    <tr>
+                        <th>Header</th>
+                        <th>Header</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>Data</td>
+                        <td>Data</td>
+                    </tr>
+                </tbody>
+            </table>
+    </div>
diff --git a/layout/reftests/pagination/1409585-1.html b/layout/reftests/pagination/1409585-1.html
new file mode 100644
index 0000000000..790f1f901e
--- /dev/null
+++ b/layout/reftests/pagination/1409585-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<meta charset="utf-8">
+<title>Reftest, bug 1409585</title>
+<style type="text/css">
+    .break-after {
+        page-break-after: always;
+    }
+</style>
+
+<div class="break-after">
+    <div class="break-after">
+        <div>
+            <table>
+                <thead>
+                    <tr>
+                        <th>Header</th>
+                        <th>Header</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>Data</td>
+                        <td>Data</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="break-after">
+        <div>
+            <table>
+                <thead>
+                    <tr>
+                        <th>Header</th>
+                        <th>Header</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>Data</td>
+                        <td>Data</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
diff --git a/layout/reftests/pagination/1411799-1-ref.html b/layout/reftests/pagination/1411799-1-ref.html
new file mode 100644
index 0000000000..61bc77fa42
--- /dev/null
+++ b/layout/reftests/pagination/1411799-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<meta charset="UTF-8">
+<title>Testcase, Mozilla bug 1411799</title>
+<style>
+  section {
+    width: 42em;
+  }
+
+  ul {
+    padding: 0;
+    list-style-type: none;
+    columns: 14em;
+    column-gap: 0;
+  }
+
+  li {
+    margin: 0 0 8px 0;
+    padding: 0;
+  }
+
+  li::before {
+    display: inline-block;
+    margin-left: 4px;
+    width: 16px;
+    content: 'o';
+  }
+
+</style>
+
+<section>
+  <ul>
+    <li>Future</li>
+    <li>Firefox 70</li>
+    <li>Firefox 69</li>
+    <li>Firefox 68</li>
+    <li>Previous Versions</li>
+  </ul>
+</section>
diff --git a/layout/reftests/pagination/1411799-1.html b/layout/reftests/pagination/1411799-1.html
new file mode 100644
index 0000000000..9584a49b73
--- /dev/null
+++ b/layout/reftests/pagination/1411799-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<meta charset="UTF-8">
+<title>Testcase, Mozilla bug 1411799</title>
+<style>
+  section {
+    width: 42em;
+  }
+
+  ul {
+    padding: 0;
+    list-style-type: none;
+    columns: 14em;
+    column-gap: 0;
+  }
+
+  li {
+    margin: 0 0 8px 0;
+    padding: 0 0 0 20px;
+  }
+
+  li::before {
+    float: left;
+    margin-left: -16px;
+    content: 'o';
+  }
+
+</style>
+
+<section>
+  <ul>
+    <li>Future</li>
+    <li>Firefox 70</li>
+    <li>Firefox 69</li>
+    <li>Firefox 68</li>
+    <li>Previous Versions</li>
+  </ul>
+</section>
diff --git a/layout/reftests/pagination/1420528-1-ref.html b/layout/reftests/pagination/1420528-1-ref.html
new file mode 100644
index 0000000000..aa3cd52516
--- /dev/null
+++ b/layout/reftests/pagination/1420528-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <body style="font: 14px serif">
+    <div style="column-count:2; column-fill:auto; column-gap: 0; height: 100px; width: 550px; border: 1px solid black;">
+      <!-- First column -->
+      <div style="height: 100px;"></div>
+
+      <!-- Second column -->
+      <div>Spacer</div>
+      <div>
+        Lime float at right.
+        <span style="float:right; background: lime;">FLOAT</span>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1420528-1.html b/layout/reftests/pagination/1420528-1.html
new file mode 100644
index 0000000000..5dbed920a9
--- /dev/null
+++ b/layout/reftests/pagination/1420528-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <body style="font: 14px serif">
+    <div style="column-count:2; column-gap: 0; height: 100px; width: 550px; border: 1px solid black;">
+      <div style="margin-top: 60px;">Spacer</div>
+      <div>
+        Lime float at right.
+        <span style="float:right; background: lime;">FLOAT</span>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1427141-1.html b/layout/reftests/pagination/1427141-1.html
new file mode 100644
index 0000000000..ed895a2075
--- /dev/null
+++ b/layout/reftests/pagination/1427141-1.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html class="reftest-paged">
+  <head>
+    <title>bug 1427141</title>
+
+    <style>
+    @page { size:5in 3in; margin:0.5in; }
+    html,body {
+        color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+    }
+
+    report-page {
+      height: 100%;
+      display: block;
+      overflow: hidden;
+      page-break-before: always;
+    }
+
+    html, body {
+      height: 100%;
+      width: 100%;
+    }
+    </style>
+  </head>
+  <body>
+    <report-page>
+      <div>
+        <table>
+          <tr>
+            <td>
+                PAGE 1 (above) is blank. The line below is visible:<br>
+                THIS IS PAGE 2
+            </td>
+          </tr>
+        </table>
+      </div>
+    </report-page>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1427141-2.html b/layout/reftests/pagination/1427141-2.html
new file mode 100644
index 0000000000..221d9e5142
--- /dev/null
+++ b/layout/reftests/pagination/1427141-2.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html class="reftest-paged">
+  <head>
+    <title>bug 1427141</title>
+
+    <style>
+    @page { size:5in 3in; margin:0.5in; }
+    html,body {
+        color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+    }
+
+    report-page {
+      height: 100%;
+      display: block;
+      overflow: hidden;
+    }
+
+    html, body {
+      height: 100%;
+      width: 100%;
+    }
+    </style>
+  </head>
+  <body>
+    <div style="height:calc(100% - 0.6em)"></div>
+    <report-page>
+      <div>
+        <table>
+          <tr>
+            <td>
+                PAGE 1 (above) is blank. The line below is visible:<br>
+                THIS IS PAGE 2
+            </td>
+          </tr>
+        </table>
+      </div>
+    </report-page>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1427141-ref.html b/layout/reftests/pagination/1427141-ref.html
new file mode 100644
index 0000000000..d5c04ae52a
--- /dev/null
+++ b/layout/reftests/pagination/1427141-ref.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html class="reftest-paged">
+  <head>
+    <title>bug 1427141</title>
+
+    <style>
+    @page { size:5in 3in; margin:0.5in; }
+    html,body {
+        color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+    }
+
+    html, body {
+      height: 100%;
+      width: 100%;
+    }
+    </style>
+  </head>
+  <body>
+    <div style="page-break-after:always"></div>
+    <div>
+      <table>
+        <tr>
+          <td>
+              PAGE 1 (above) is blank. The line below is visible:<br>
+              THIS IS PAGE 2
+          </td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/1468654-1-ref.html b/layout/reftests/pagination/1468654-1-ref.html
new file mode 100644
index 0000000000..69267eaf5f
--- /dev/null
+++ b/layout/reftests/pagination/1468654-1-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>Testcase, Mozilla bug 1468654</title>
+<style>
+span {
+  display: block;
+  position: relative;
+}
+
+span:before {
+  content: '';
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  border: 1px solid black;
+  margin-left: 5px;
+  margin-top: 5px;
+  margin-right: 12px;
+  vertical-align: top;
+}
+
+body {
+  line-height: 1.6;
+}
+
+.column {
+  float: left;
+  width: 13em;
+  margin-right: 1em;
+}
+
+</style>
+
+<div class="column">
+<div><span>One</span></div>
+<div><span>Two</span></div>
+<div><span>Three</span></div>
+<div><span>Four</span></div>
+<div><span>Five</span></div>
+<div><span>Six</span></div>
+<div><span>Seven</span></div>
+</div>
+<div class="column">
+<div><span>Eight</span></div>
+<div><span>Nine</span></div>
+<div><span>Ten</span></div>
+<div><span>Eleven</span></div>
+<div><span>Twelve</span></div>
+<div><span>Thirteen</span></div>
+<div><span>Fourteen</span></div>
+</div>
+<div class="column">
+<div><span>Fifteen</span></div>
+<div><span>Sixteen</span></div>
+<div><span>Seventeen</span></div>
+<div><span>Eighteen</span></div>
+<div><span>Nineteen</span></div>
+<div><span>Twenty</span></div>
+<div><span>Twentyone</span></div>
+</div>
diff --git a/layout/reftests/pagination/1468654-1.html b/layout/reftests/pagination/1468654-1.html
new file mode 100644
index 0000000000..4de5045b30
--- /dev/null
+++ b/layout/reftests/pagination/1468654-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>Testcase, Mozilla bug 1468654</title>
+<style>
+span {
+  display: block;
+  position: relative;
+  padding-left: 35px;
+}
+
+span:before {
+  content: '';
+  display: block;
+  width: 16px;
+  height: 16px;
+  border: 1px solid black;
+  position: absolute;
+  left: 5px;
+  top: 5px;
+}
+
+body {
+  width: 41em;
+  columns: 3;
+  column-gap: 1em;
+  line-height: 1.6;
+}
+
+</style>
+
+<div><span>One</span></div>
+<div><span>Two</span></div>
+<div><span>Three</span></div>
+<div><span>Four</span></div>
+<div><span>Five</span></div>
+<div><span>Six</span></div>
+<div><span>Seven</span></div>
+<div><span>Eight</span></div>
+<div><span>Nine</span></div>
+<div><span>Ten</span></div>
+<div><span>Eleven</span></div>
+<div><span>Twelve</span></div>
+<div><span>Thirteen</span></div>
+<div><span>Fourteen</span></div>
+<div><span>Fifteen</span></div>
+<div><span>Sixteen</span></div>
+<div><span>Seventeen</span></div>
+<div><span>Eighteen</span></div>
+<div><span>Nineteen</span></div>
+<div><span>Twenty</span></div>
+<div><span>Twentyone</span></div>
diff --git a/layout/reftests/pagination/1596310-ref.html b/layout/reftests/pagination/1596310-ref.html
new file mode 100644
index 0000000000..4c5b42d893
--- /dev/null
+++ b/layout/reftests/pagination/1596310-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+<style>
+@page { size:5in 3in; margin:0; }
+html,body { padding:0; margin:0; height:100%; }
+div {
+  height:100%;
+  background: black;
+  color: white;
+}
+</style>
+</head>
+<body>
+  <div>A</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/1596310.html b/layout/reftests/pagination/1596310.html
new file mode 100644
index 0000000000..d3c97c62ad
--- /dev/null
+++ b/layout/reftests/pagination/1596310.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+<style>
+@page { size:5in 3in; margin:0; }
+html,body { padding:0; margin:0; height:100%; }
+div {
+  margin-bottom: 1in;
+  height: 100%;
+  background: black;
+  color: white;
+  page-break-after: always;
+}
+</style>
+</head>
+<body>
+  <div>A</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/272830-1-ref.html b/layout/reftests/pagination/272830-1-ref.html
new file mode 100644
index 0000000000..d790351cba
--- /dev/null
+++ b/layout/reftests/pagination/272830-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html><html class="reftest-paged"><style>html{font-size:12pt}</style>
+<table>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>xxxxxxxxxxxxxxxxxxx</td></tr>
+ <tr><td>last line</td></tr>
+
+</table>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/272830-1.html b/layout/reftests/pagination/272830-1.html
new file mode 100644
index 0000000000..cf8a4519e5
--- /dev/null
+++ b/layout/reftests/pagination/272830-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html><html class="reftest-paged"><style>html{font-size:12pt}</style>
+<table>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>last line</td></tr></tbody>
+
+</table>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/318022-1-ref.html b/layout/reftests/pagination/318022-1-ref.html
new file mode 100644
index 0000000000..e48ee7e849
--- /dev/null
+++ b/layout/reftests/pagination/318022-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html><html class="reftest-paged">
+<head>
+<style type="text/css" media="all">
+html{font-size:12pt}
+#c {page-break-before:always;}
+</style>
+</head>
+<body>
+<div>Line 1</div>
+<div>Line 2</div>
+<div id="c">Line 3</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/318022-1.html b/layout/reftests/pagination/318022-1.html
new file mode 100644
index 0000000000..155eb5d0ca
--- /dev/null
+++ b/layout/reftests/pagination/318022-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html><html class="reftest-paged">
+<head>
+<style type="text/css" media="all">
+html{font-size:12pt}
+#a {float:left;}
+#b {clear:both;}
+#c {page-break-before:always;}
+</style>
+</head>
+<body>
+<div id="a">Line 1</div>
+<div id="b">Line 2</div>
+<div id="c">Line 3</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/381497-f.html b/layout/reftests/pagination/381497-f.html
new file mode 100644
index 0000000000..885d56244c
--- /dev/null
+++ b/layout/reftests/pagination/381497-f.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<title>Height test</title>
+
+<div style="top: 0; left: 0; right: 0; position: fixed; height: 100%; border-left: 2em blue solid;">
+The left border of this box must span the entire page content area.
+This box must be repeated on the second page.
+</div>
+
+<p style="page-break-before: always;">...
diff --git a/layout/reftests/pagination/381497-n.html b/layout/reftests/pagination/381497-n.html
new file mode 100644
index 0000000000..83f56c660a
--- /dev/null
+++ b/layout/reftests/pagination/381497-n.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<title>Height test</title>
+<style type="text/css">
+  html, body { height: 100%; margin: 0; padding: 0;}
+</style>
+
+
+<div style="height: 100%; border-left: 2em blue solid;">
+The left border of this box must span the entire page content area.
+This box must be repeated on the second page.
+</div>
+<div style="height: 100%; border-left: 2em blue solid;">
+The left border of this box must span the entire page content area.
+This box must be repeated on the second page.
+</div>
\ No newline at end of file
diff --git a/layout/reftests/pagination/403669-1-ref.html b/layout/reftests/pagination/403669-1-ref.html
new file mode 100644
index 0000000000..1c5dbe90d2
--- /dev/null
+++ b/layout/reftests/pagination/403669-1-ref.html
@@ -0,0 +1,12 @@
+<html class="reftest-paged">
+<body>
+ <table cellspacing="0" cellpadding="0"
+        width="1px">
+  <tr><td>
+   a a a a a a a a a a a a a a
+   a a a a a a a a a a a a a a
+  </td></tr>
+ </table>
+ Ending Text
+</body>
+</html>
diff --git a/layout/reftests/pagination/403669-1.html b/layout/reftests/pagination/403669-1.html
new file mode 100644
index 0000000000..dd42de3f3d
--- /dev/null
+++ b/layout/reftests/pagination/403669-1.html
@@ -0,0 +1,13 @@
+<html class="reftest-paged">
+<body>
+ <table cellspacing="0" cellpadding="0"
+        height="100px" 
+        width="1px">
+  <tr><td>
+   a a a a a a a a a a a a a a
+   a a a a a a a a a a a a a a
+  </td></tr>
+ </table>
+ Ending Text
+</body>
+</html>
diff --git a/layout/reftests/pagination/577450-1-ref.html b/layout/reftests/pagination/577450-1-ref.html
new file mode 100644
index 0000000000..63dd4e3172
--- /dev/null
+++ b/layout/reftests/pagination/577450-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="position: fixed; color: green; font-size: 2em">Big green text</div>
+    <!-- force two pages -->
+    <div style="height: 3in; width: 2in"></div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/577450-1.html b/layout/reftests/pagination/577450-1.html
new file mode 100644
index 0000000000..3e511c94b1
--- /dev/null
+++ b/layout/reftests/pagination/577450-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body style="color: green; font-size: 2em">
+    <div style="position: fixed">Big green text</div>
+    <!-- force two pages -->
+    <div style="height: 3in; width: 2in"></div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/609227-1-ref.html b/layout/reftests/pagination/609227-1-ref.html
new file mode 100644
index 0000000000..5a990404e8
--- /dev/null
+++ b/layout/reftests/pagination/609227-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html style="overflow: hidden; height: 100%; margin: 0; padding:0"
+      class="reftest-paged">
+  <body style="overflow: hidden; height: 100%; margin: 0; padding:0">
+    <!-- Hidden overflow on the inline-block to put its baseline at its bottom
+         edge, as in the original issue in bug 609227 -->
+    <div style="height: 100%; display: inline-block; overflow: hidden">
+      Some text
+    </div>
+  </body>
+</html>
+    
diff --git a/layout/reftests/pagination/609227-1.html b/layout/reftests/pagination/609227-1.html
new file mode 100644
index 0000000000..5cd5b0d32f
--- /dev/null
+++ b/layout/reftests/pagination/609227-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html style="overflow: hidden; height: 100%; margin: 0; padding: 0"
+      class="reftest-paged">
+  <body style="overflow: hidden; height: 100%; margin: 0; padding:0">
+    <div></div>
+    <!-- Hidden overflow on the inline-block to put its baseline at its bottom
+         edge, as in the original issue in bug 609227 -->
+    <div style="height: 100%; display: inline-block; overflow: hidden">
+      Some text
+    </div>
+  </body>
+</html>
+    
diff --git a/layout/reftests/pagination/609227-2-ref.html b/layout/reftests/pagination/609227-2-ref.html
new file mode 100644
index 0000000000..290b74d665
--- /dev/null
+++ b/layout/reftests/pagination/609227-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="page-break-before: always">
+      <div style="display: inline-block; width: 1in; height: 1in">
+        Should be on second page
+      </div>
+    </div>
+</html>
diff --git a/layout/reftests/pagination/609227-2a.html b/layout/reftests/pagination/609227-2a.html
new file mode 100644
index 0000000000..062544fe96
--- /dev/null
+++ b/layout/reftests/pagination/609227-2a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div>
+      <div style="float: left; width: 3.5in; height: 1.5in;"></div>
+    </div>
+    <div>
+      <div style="display: inline-block; width: 1in; height: 1in">
+        Should be on second page
+      </div>
+    </div>
+</html>
diff --git a/layout/reftests/pagination/609227-2b.html b/layout/reftests/pagination/609227-2b.html
new file mode 100644
index 0000000000..a78feeaaff
--- /dev/null
+++ b/layout/reftests/pagination/609227-2b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <!-- Key: no whitespace between float and inline-block -->
+    <div>
+      <div style="float: left; width: 3.5in;
+                  height: 1.5in;"></div></div><div><div
+             style="display: inline-block; width: 1in; height: 1in">
+        Should be on second page
+      </div>
+    </div>
+</html>
diff --git a/layout/reftests/pagination/626395-1-ref.html b/layout/reftests/pagination/626395-1-ref.html
new file mode 100644
index 0000000000..6bf542caa6
--- /dev/null
+++ b/layout/reftests/pagination/626395-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: hidden; height: 3in">
+    </div>
+    Some text
+  </body>
+</html>
diff --git a/layout/reftests/pagination/626395-1a.html b/layout/reftests/pagination/626395-1a.html
new file mode 100644
index 0000000000..c99845b44f
--- /dev/null
+++ b/layout/reftests/pagination/626395-1a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: hidden; height: 3in;">
+      <div style="height: 10in;"></div>
+    </div>
+    Some text
+  </body>
+</html>
diff --git a/layout/reftests/pagination/626395-1b.html b/layout/reftests/pagination/626395-1b.html
new file mode 100644
index 0000000000..faf8ec3c3e
--- /dev/null
+++ b/layout/reftests/pagination/626395-1b.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: clip; height: 3in;">
+      <div style="height: 10in;"></div>
+    </div>
+    Some text
+  </body>
+</html>
diff --git a/layout/reftests/pagination/626395-2-ref.html b/layout/reftests/pagination/626395-2-ref.html
new file mode 100644
index 0000000000..38aa21bc49
--- /dev/null
+++ b/layout/reftests/pagination/626395-2-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: hidden; height: 3in">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/626395-2a.html b/layout/reftests/pagination/626395-2a.html
new file mode 100644
index 0000000000..0b45aebd2b
--- /dev/null
+++ b/layout/reftests/pagination/626395-2a.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: hidden; height: 3in;
+                padding-bottom: 0.5in; margin-bottom: 5in">
+      <div style="height: 10in;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/626395-2b.html b/layout/reftests/pagination/626395-2b.html
new file mode 100644
index 0000000000..2fe5f2cceb
--- /dev/null
+++ b/layout/reftests/pagination/626395-2b.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: clip; height: 3in;
+                padding-bottom: 0.5in; margin-bottom: 5in">
+      <div style="height: 10in;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/626395-2c.html b/layout/reftests/pagination/626395-2c.html
new file mode 100644
index 0000000000..30b013b833
--- /dev/null
+++ b/layout/reftests/pagination/626395-2c.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: hidden; height: 1in;
+                padding-bottom: 1in; border-bottom: 1in solid transparent">
+      <div style="height: 10in;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/626395-2d.html b/layout/reftests/pagination/626395-2d.html
new file mode 100644
index 0000000000..8d36a1d861
--- /dev/null
+++ b/layout/reftests/pagination/626395-2d.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <body>
+    <div style="overflow: clip; height: 1in;
+                padding-bottom: 1in; border-bottom: 1in solid transparent">
+      <div style="height: 10in;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/652178-1-ref.html b/layout/reftests/pagination/652178-1-ref.html
new file mode 100644
index 0000000000..06d1c22146
--- /dev/null
+++ b/layout/reftests/pagination/652178-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+  Something
+  <div>
+    <div style="width: 60%; float: left; border: 5px solid green;">
+      This should print on page 1
+    </div>
+
+    <!-- This just needs to be taller than a page -->
+    <div style="width: 30%; float: right; border: 5px solid purple; height: 3in">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/652178-1-ref2.html b/layout/reftests/pagination/652178-1-ref2.html
new file mode 100644
index 0000000000..c3d0c994d6
--- /dev/null
+++ b/layout/reftests/pagination/652178-1-ref2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+  Something
+  <div style="height: 0">
+    <div style="width: 60%; border: 5px solid green;">
+      This should print on page 1
+    </div>
+  </div>
+
+    <div style="width: 30%; margin-left: auto; border: 5px solid purple; height: 3in">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/652178-1.html b/layout/reftests/pagination/652178-1.html
new file mode 100644
index 0000000000..a75a53166a
--- /dev/null
+++ b/layout/reftests/pagination/652178-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body>
+  Something
+  <div>
+    <div style="width: 60%; float: left; border: 5px solid green;">
+      This should print on page 1
+    </div>
+
+    <!-- This just needs to be taller than a page -->
+    <div style="width: 30%; float: right; border: 5px solid purple; height: 3in">
+    </div>
+
+    <!-- This is needed! -->
+    <div style="clear: both"></div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/745025-1-ref.html b/layout/reftests/pagination/745025-1-ref.html
new file mode 100644
index 0000000000..5a1643f213
--- /dev/null
+++ b/layout/reftests/pagination/745025-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+
+</head>
+<body>
+<!-- A 10x10 red image --><img style="transform: perspective(1px)" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYlWP4z8DwnxjMMKqQvgoBksPHOVp9kXEAAAAASUVORK5CYII=">
+</body>
+</html>
diff --git a/layout/reftests/pagination/745025-1.html b/layout/reftests/pagination/745025-1.html
new file mode 100644
index 0000000000..fa179d19bf
--- /dev/null
+++ b/layout/reftests/pagination/745025-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-paged">
+<body>
+<canvas id="canvas" width="10" height="10"></canvas>
+<script>
+var canvas = document.getElementById('canvas');
+canvas.mozPrintCallback = function(obj) {
+  setTimeout(function() {
+    var ctx = obj.context;
+    ctx.fillStyle = 'rgb(255, 0, 0)';
+    ctx.fillRect(0, 0, 10, 10);
+    obj.done();
+    document.documentElement.classList.toggle("reftest-wait");
+  }, 0);
+};
+</script>
+</body>
+</html>
diff --git a/layout/reftests/pagination/820496-1-ref.html b/layout/reftests/pagination/820496-1-ref.html
new file mode 100644
index 0000000000..82348b6d0f
--- /dev/null
+++ b/layout/reftests/pagination/820496-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body style="margin:0">
+  <div style="height:10000px; background:blue;">
+  <div style="height:5000px; width:50%; background:yellow;">
+</body>
+</html>
diff --git a/layout/reftests/pagination/820496-1.html b/layout/reftests/pagination/820496-1.html
new file mode 100644
index 0000000000..1397edb293
--- /dev/null
+++ b/layout/reftests/pagination/820496-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body style="margin:0; height:10000px; background:blue;">
+  <div style="height:5000px; width:50%; background:yellow;">
+</body>
+</html>
diff --git a/layout/reftests/pagination/960822-ref.html b/layout/reftests/pagination/960822-ref.html
new file mode 100644
index 0000000000..17a702141b
--- /dev/null
+++ b/layout/reftests/pagination/960822-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head><meta charset="utf-8"></head>
+<body>
+<div style="width:100in; border:solid blue;">line</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/960822.html b/layout/reftests/pagination/960822.html
new file mode 100644
index 0000000000..7a91d9aa8e
--- /dev/null
+++ b/layout/reftests/pagination/960822.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head><meta charset="utf-8"></head>
+<body>
+<div style="width:30in; border:solid blue;">line</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/966419-1-ref.html b/layout/reftests/pagination/966419-1-ref.html
new file mode 100644
index 0000000000..24a41a9b9f
--- /dev/null
+++ b/layout/reftests/pagination/966419-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head><meta charset="utf-8"></head>
+<body>
+<div style="width:8in; border:solid blue">line</div>
+<div style="page-break-before:always"></div>
+<div style="width:1in;height:1em"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/966419-1.html b/layout/reftests/pagination/966419-1.html
new file mode 100644
index 0000000000..34cebf0f24
--- /dev/null
+++ b/layout/reftests/pagination/966419-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head><meta charset="utf-8"></head>
+<body>
+<div style="width:8in; border:solid blue">line</div>
+<div style="page-break-before:always"></div>
+<div style="width:6in;height:1em"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/966419-2-ref.html b/layout/reftests/pagination/966419-2-ref.html
new file mode 100644
index 0000000000..455f7e6e33
--- /dev/null
+++ b/layout/reftests/pagination/966419-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head><meta charset="utf-8"></head>
+<body>
+<div style="width:1in;height:1em"></div>
+<div style="page-break-before:always"></div>
+<div style="width:8in; border:solid blue">line</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/966419-2.html b/layout/reftests/pagination/966419-2.html
new file mode 100644
index 0000000000..64cca2ad60
--- /dev/null
+++ b/layout/reftests/pagination/966419-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head><meta charset="utf-8"></head>
+<body>
+<div style="width:6in;height:1em"></div>
+<div style="page-break-before:always"></div>
+<div style="width:8in; border:solid blue">line</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-000.ref.xhtml b/layout/reftests/pagination/abspos-breaking-000.ref.xhtml
new file mode 100644
index 0000000000..9781d0b7fb
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-000.ref.xhtml
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      padding-top: 1in;
+      line-height: 1;
+      font-size: 0.25in;
+    }
+  </style>
+ </head>
+ <body>
+ <pre>1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24</pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-000.xhtml b/layout/reftests/pagination/abspos-breaking-000.xhtml
new file mode 100644
index 0000000000..a0a0e9ad93
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-000.xhtml
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      position: absolute;
+      top: 1in;
+      line-height: 1;
+      font-size: 0.25in;
+    }
+  </style>
+ </head>
+ <body>
+ <pre>1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24</pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-001.xhtml b/layout/reftests/pagination/abspos-breaking-001.xhtml
new file mode 100644
index 0000000000..7d474c56da
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-001.xhtml
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      position: absolute;
+      margin-top: 0.5in;
+      padding-top: 0.5in;
+      line-height: 1;
+      font-size: 0.25in;
+    }
+  </style>
+ </head>
+ <body>
+ <pre>1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24</pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-002.xhtml b/layout/reftests/pagination/abspos-breaking-002.xhtml
new file mode 100644
index 0000000000..aa0db459c4
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-002.xhtml
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      position: absolute;
+      margin-top: 0.3in;
+      padding-top: 0.3in;
+      top: 0.4in;
+      line-height: 1;
+      font-size: 0.25in;
+    }
+  </style>
+ </head>
+ <body>
+ <pre>1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24</pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-003-ref.html b/layout/reftests/pagination/abspos-breaking-003-ref.html
new file mode 100644
index 0000000000..fa46710f6c
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-003-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    div {
+      position: absolute;
+      top: 50%;
+      border: 10px solid blue;
+      width: 50px;
+      height: 90%;
+    }
+    #mask1 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, auto, 3px, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, 5px, auto, 0px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div><div id="mask1"></div><div id="mask2"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-003.html b/layout/reftests/pagination/abspos-breaking-003.html
new file mode 100644
index 0000000000..0caf7c2669
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-003.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      position: absolute;
+      top: 50%;
+      border: 10px solid blue;
+      width: 50px;
+      height: 90%;
+      clip:rect(3px, auto, auto, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <pre></pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-004-ref.html b/layout/reftests/pagination/abspos-breaking-004-ref.html
new file mode 100644
index 0000000000..37323d7947
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-004-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body { margin: 0; padding: 0; }
+    div {
+      position: absolute;
+      top: 120px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 300px;
+    }
+    #mask1 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, auto, 200px, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(200px, 5px, auto, 0px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div><div id="mask1"></div><div id="mask2"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-004.html b/layout/reftests/pagination/abspos-breaking-004.html
new file mode 100644
index 0000000000..edec053aaf
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-004.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body { margin: 0; padding: 0; }
+    div {
+      position: absolute;
+      top: 120px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 300px;
+      clip:rect(200px, auto, auto, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-005-ref.html b/layout/reftests/pagination/abspos-breaking-005-ref.html
new file mode 100644
index 0000000000..1f3956e7a1
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-005-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    div {
+      position: absolute;
+      top: 100px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 300px;
+    }
+    #mask1 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, auto, 200px, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(200px, 5px, auto, 0px);
+    }
+    #mask3 {
+      border-color: white;
+      background: white;
+      clip:rect(250px, auto, auto, 0px);
+    }
+    #mask4 {
+      border-color: white;
+      background: white;
+      clip:rect(200px, auto, auto, 65px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div><div id="mask1"></div><div id="mask2"></div><div id="mask3"></div><div id="mask4"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-005.html b/layout/reftests/pagination/abspos-breaking-005.html
new file mode 100644
index 0000000000..d3c45446dd
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-005.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      position: absolute;
+      top: 100px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 300px;
+      clip:rect(200px, 65px, 250px, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <pre></pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-006-ref.html b/layout/reftests/pagination/abspos-breaking-006-ref.html
new file mode 100644
index 0000000000..55e87919b5
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-006-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    div {
+      position: absolute;
+      top: 50%;
+      border: 10px solid blue;
+      width: 50px;
+      height: 300px;
+      clip:rect(5px, auto, 50px, 5px);
+    }
+    #mask1 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, auto, 5px, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(50px, auto, auto, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, 5px, auto, 0px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div><div id="mask1"></div><div id="mask2"></div><div id="mask3"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-006.html b/layout/reftests/pagination/abspos-breaking-006.html
new file mode 100644
index 0000000000..5dce30e8bc
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-006.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect()</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      position: absolute;
+      top: 50%;
+      border: 10px solid blue;
+      width: 50px;
+      height: 300px;
+      clip:rect(5px, auto, 50px, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <pre></pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-007-ref.html b/layout/reftests/pagination/abspos-breaking-007-ref.html
new file mode 100644
index 0000000000..a258efdc8b
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-007-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    #test {
+      box-decoration-break:clone;
+    }
+    div {
+      position: absolute;
+      top: 120px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 160px;
+    }
+    #mask1 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, auto, 3px, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, 5px, auto, 0px);
+    }
+    #mask3 {
+      border-color: white;
+      background: white;
+      height: 180px;
+      clip:rect(0px, 5px, auto, 0px);
+    }
+    #mask4 {
+      border-color: white;
+      background: white;
+      height: 180px;
+      clip:rect(0px, 5px, auto, 0px);
+    }
+    #mask5 {
+      box-decoration-break:clone;
+      border-color: white;
+      height: 180px;
+      clip:rect(0, auto, 3px, 0px);
+    }
+  </style>
+ </head>
+ <body>
+ <div id="test"></div><div id="mask1"></div><div id="mask2"></div><div id="mask3"></div><div id="mask4"></div><div id="mask5"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-007.html b/layout/reftests/pagination/abspos-breaking-007.html
new file mode 100644
index 0000000000..84095b6b38
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-007.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      box-decoration-break: clone;
+      position: absolute;
+      top: 120px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 160px;
+      clip:rect(3px, auto, auto, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <pre></pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-008-ref.html b/layout/reftests/pagination/abspos-breaking-008-ref.html
new file mode 100644
index 0000000000..9a71d5e2bc
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-008-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body { margin: 0; padding: 0; }
+    div {
+      position: absolute;
+      top: 120px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 220px;
+    }
+    #mask1 {
+      z-index:1;
+      border-color: white;
+      background: white;
+      clip:rect(0px, auto, 202px, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, 5px, auto, 0px);
+    }
+    #mask3 {
+      border-color: white;
+      background: white;
+      clip:rect(237px, auto, auto, 0px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div><div id="mask1"></div><div id="mask2"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-008.html b/layout/reftests/pagination/abspos-breaking-008.html
new file mode 100644
index 0000000000..70fad20ca9
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-008.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body { margin: 0; padding: 0; }
+    div {
+      box-decoration-break: clone;
+      position: absolute;
+      top: 120px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 200px;
+      clip:rect(130px, auto, auto, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-009-ref.html b/layout/reftests/pagination/abspos-breaking-009-ref.html
new file mode 100644
index 0000000000..bdfd701527
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-009-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    div {
+      position: absolute;
+      top: 100px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 220px;
+    }
+    #mask1 {
+      border-color: white;
+      background: white;
+      clip:rect(0px, auto, 212px, 0px);
+    }
+    #mask2 {
+      border-color: white;
+      background: white;
+      clip:rect(200px, 5px, auto, 0px);
+    }
+    #mask3 {
+      border-color: white;
+      background: white;
+      clip:rect(222px, auto, auto, 0px);
+    }
+    #mask4 {
+      border-color: white;
+      background: white;
+      clip:rect(200px, auto, auto, 65px);
+    }
+  </style>
+ </head>
+ <body>
+ <div></div><div id="mask1"></div><div id="mask2"></div><div id="mask3"></div><div id="mask4"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-009.html b/layout/reftests/pagination/abspos-breaking-009.html
new file mode 100644
index 0000000000..04427ddc6a
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-009.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      box-decoration-break: clone;
+      position: absolute;
+      top: 100px;
+      border: 10px solid blue;
+      width: 50px;
+      height: 200px;
+      clip:rect(120px, 65px, 130px, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <pre></pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-010-ref.html b/layout/reftests/pagination/abspos-breaking-010-ref.html
new file mode 100644
index 0000000000..757d9b7c7f
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-010-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    .b {
+      page-break-before: always;
+    }
+    div {
+      position: absolute;
+      top: 50%;
+      border: 10px solid blue;
+      width: 50px;
+      height: 100px;
+      clip:rect(5px, auto, 50px, 5px);
+    }
+    x {
+      display: block;
+      position: relative;
+    }
+    x div { top:0; }
+  </style>
+ </head>
+ <body>
+ <div class="test"></div>
+ <x class="b"><div class="test"></div>&nbsp;</x>
+ <x class="b"><div class="test"></div>&nbsp;</x>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-010.html b/layout/reftests/pagination/abspos-breaking-010.html
new file mode 100644
index 0000000000..ef1fe8c696
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-010.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+ <head>
+  <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title>
+  <style type="text/css">
+    html, body, pre { margin: 0; padding: 0; }
+    pre {
+      box-decoration-break: clone;
+      position: absolute;
+      top: 50%;
+      border: 10px solid blue;
+      width: 50px;
+      height: 300px;
+      clip:rect(5px, auto, 50px, 5px);
+    }
+  </style>
+ </head>
+ <body>
+ <pre></pre>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-011-ref.html b/layout/reftests/pagination/abspos-breaking-011-ref.html
new file mode 100644
index 0000000000..d39ce99010
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-011-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body style="margin:0">
+<div style="position:absolute; top:0; left:0; width:100px; height:100px; background:black;">Hi</div>
+<div style="height:1in;"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-011.html b/layout/reftests/pagination/abspos-breaking-011.html
new file mode 100644
index 0000000000..f4bd2058c3
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-011.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<body style="margin:0">
+<div style="height:1in;"></div>
+<div style="position:absolute; clip:rect(-1in 200px 100px 0px);">
+  <div style="position:absolute; top:-1in; left:0; width:100px; height:100px; background:black;">Hi</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html b/layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html
new file mode 100644
index 0000000000..e94b3eb94a
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<style>
+
+#multicol {
+  height: 100px;
+  width: 300px;
+  background: yellow;
+  position: relative;
+}
+
+#relpos {
+  position: absolute;
+  background: aqua;
+  height: 100px;
+  width: 90px;
+  top: 0;
+  left: 0;
+}
+
+#abspos {
+  position: absolute;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos" style="left: 0">
+    <div id="abspos" style="top: 80px; height: 20px"></div>
+  </div>
+  <div id="relpos" style="left: 105px">
+    <div id="abspos" style="top: 0px; height: 60px"></div>
+  </div>
+  <div id="relpos" style="left: 210px; height: 50px">
+  </div>
+</div>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-001.html b/layout/reftests/pagination/abspos-breaking-dynamic-001.html
new file mode 100644
index 0000000000..3752730182
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-001.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<style>
+
+#multicol {
+  columns: 3;
+  column-fill: auto;
+  column-gap: 15px;
+  height: 150px;
+  width: 300px;
+  background: yellow;
+}
+
+#relpos {
+  position: relative;
+  background: aqua;
+  height: 250px;
+}
+
+#abspos {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos">
+    <div id="abspos"></div>
+  </div>
+</div>
+
+<script>
+
+var mc = document.getElementById("multicol");
+mc.offsetHeight; // flush layout
+mc.style.height = "100px";
+
+</script>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-002-ref.html b/layout/reftests/pagination/abspos-breaking-dynamic-002-ref.html
new file mode 100644
index 0000000000..1399f3c527
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-002-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<style>
+
+#multicol {
+  height: 150px;
+  width: 300px;
+  background: yellow;
+  position: relative;
+}
+
+#relpos {
+  position: absolute;
+  background: aqua;
+  height: 150px;
+  width: 90px;
+  top: 0;
+  left: 0;
+}
+
+#abspos {
+  position: absolute;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos" style="left: 0">
+    <div id="abspos" style="top: 80px; height: 70px"></div>
+  </div>
+  <div id="relpos" style="left: 105px; height: 100px;">
+    <div id="abspos" style="top: 0px; height: 10px"></div>
+  </div>
+</div>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-002.html b/layout/reftests/pagination/abspos-breaking-dynamic-002.html
new file mode 100644
index 0000000000..52c50786cc
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-002.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<style>
+
+#multicol {
+  columns: 3;
+  column-fill: auto;
+  column-gap: 15px;
+  height: 100px;
+  width: 300px;
+  background: yellow;
+}
+
+#relpos {
+  position: relative;
+  background: aqua;
+  height: 250px;
+}
+
+#abspos {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos">
+    <div id="abspos"></div>
+  </div>
+</div>
+
+<script>
+
+var mc = document.getElementById("multicol");
+mc.offsetHeight; // flush layout
+mc.style.height = "150px";
+
+</script>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-003-ref.html b/layout/reftests/pagination/abspos-breaking-dynamic-003-ref.html
new file mode 100644
index 0000000000..bccffbb2ec
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-003-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<style>
+
+#multicol {
+  height: 140px;
+  width: 300px;
+  background: yellow;
+  position: relative;
+}
+
+#relpos {
+  position: absolute;
+  background: aqua;
+  height: 140px;
+  width: 90px;
+  top: 0;
+  left: 0;
+}
+
+#abspos {
+  position: absolute;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+#overflow {
+  position: absolute;
+  width: 30px;
+  background: grey;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos" style="left: 0">
+    <div id="abspos" style="top: 60px; height: 80px">
+      <div id="overflow" style="height: 80px"></div>
+    </div>
+  </div>
+  <div id="relpos" style="left: 105px; height: 110px;">
+    <div id="abspos" style="top: 0px; height: 0px">
+      <div id="overflow" style="height: 20px"></div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-003.html b/layout/reftests/pagination/abspos-breaking-dynamic-003.html
new file mode 100644
index 0000000000..d5005f407f
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-003.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<style>
+
+#multicol {
+  columns: 3;
+  column-fill: auto;
+  column-gap: 15px;
+  height: 500px;
+  width: 300px;
+  background: yellow;
+}
+
+#relpos {
+  position: relative;
+  background: aqua;
+  height: 250px;
+}
+
+#abspos {
+  position: absolute;
+  top: 60px;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+#overflow {
+  height: 100px;
+  width: 30px;
+  background: grey;
+}
+</style>
+
+<div id="multicol">
+  <div id="relpos">
+    <div id="abspos"><div id="overflow"></div></div>
+  </div>
+</div>
+
+<script>
+
+var mc = document.getElementById("multicol");
+mc.offsetHeight; // flush layout
+mc.style.height = "140px";
+
+</script>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-004.html b/layout/reftests/pagination/abspos-breaking-dynamic-004.html
new file mode 100644
index 0000000000..6002204cce
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-004.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<style>
+
+#multicol {
+  columns: 3;
+  column-fill: auto;
+  column-gap: 15px;
+  height: 150px;
+  width: 300px;
+  background: yellow;
+}
+
+#relpos {
+  position: relative;
+  background: aqua;
+  height: 250px;
+}
+
+#abspos {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos">
+    <div id="abspos"></div>
+  </div>
+</div>
+
+<script>
+var mc = document.getElementById("multicol");
+mc.offsetHeight; // flush layout
+
+// abspos-breaking-dynamic-001.html changes "height", but we change "maxHeight".
+mc.style.maxHeight = "100px";
+
+</script>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-005-ref.html b/layout/reftests/pagination/abspos-breaking-dynamic-005-ref.html
new file mode 100644
index 0000000000..ebbf6a0505
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-005-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<style>
+
+#multicol {
+  height: 250px;
+  width: 300px;
+  background: yellow;
+  position: relative;
+}
+
+#relpos {
+  position: absolute;
+  background: aqua;
+  height: 250px;
+  width: 90px;
+  top: 0;
+  left: 0;
+}
+
+#abspos {
+  position: absolute;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos" style="left: 0">
+    <div id="abspos" style="top: 80px; height: 80px"></div>
+  </div>
+</div>
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-005.html b/layout/reftests/pagination/abspos-breaking-dynamic-005.html
new file mode 100644
index 0000000000..d5c23d549b
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-005.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<style>
+
+#multicol {
+  columns: 3;
+  column-fill: auto;
+  column-gap: 15px;
+  height: 150px;
+  width: 300px;
+  background: yellow;
+}
+
+#relpos {
+  position: relative;
+  background: aqua;
+  height: 250px;
+}
+
+#abspos {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  height: 80px;
+  width: 50px;
+  background: blue;
+}
+
+</style>
+
+<div id="multicol">
+  <div id="relpos">
+    <div id="abspos"></div>
+  </div>
+</div>
+
+<script>
+var mc = document.getElementById("multicol");
+mc.offsetHeight; // flush layout
+mc.style.height = "auto";
+
+</script>
diff --git a/layout/reftests/pagination/abspos-overflow-01-cols.ref.xhtml b/layout/reftests/pagination/abspos-overflow-01-cols.ref.xhtml
new file mode 100644
index 0000000000..1bb252ec01
--- /dev/null
+++ b/layout/reftests/pagination/abspos-overflow-01-cols.ref.xhtml
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Multi-column Layout: AbsPos Pagination (Interlaced)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    html {
+      background: white;
+    }
+
+    .following {
+      margin: 0;
+      font-size: 10pt;
+      line-height: 10pt;
+      font-family: sans-serif;
+      text-align: center;
+      width: 100pt;
+    }
+    #colset {
+      width: 300pt;
+      height: 2in;
+      border: silver 2pt;
+      border-style: none solid;
+    }
+    #redline {
+      width: 303pt;
+      border-top: 4px solid lime;
+      margin-top: -1in;
+      position: relative;
+      z-index: -1;
+    }
+  </style>
+ </head>
+ <body>
+  <div id="colset">
+    <div>
+      <div class="ocontainer">
+        <div class="overflow o1"></div>
+      </div>
+      <div class="container">
+        <div class="overflow a1"></div>
+        <div class="overflow a2"></div>
+        <div class="overflow a3"></div>
+        <div class="overflow a4"></div>
+      </div>
+      <div class="container">
+        <div class="overflow b1"></div>
+        <div class="overflow b2"></div>
+        <div class="overflow b3"></div>
+        <div class="overflow b4">
+          <div class="overflow child1"></div>
+          <div class="overflow child2"></div>
+        </div>
+        <div class="overflow b5"></div>
+        <div class="overflow b6"></div>
+      </div>
+    </div>
+    <p class="following f1">
+      There must be a single green line and no red.
+    </p>
+    <div class="container">
+      <div class="overflow c1"></div>
+      <div class="overflow c2"></div>
+      <div class="overflow c3"></div>
+      <div class="overflow c4"></div>
+    </div>
+    <div class="following f2"></div>
+  </div>
+  <div id="redline"></div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/abspos-overflow-01-cols.xhtml b/layout/reftests/pagination/abspos-overflow-01-cols.xhtml
new file mode 100644
index 0000000000..ea731c4ab2
--- /dev/null
+++ b/layout/reftests/pagination/abspos-overflow-01-cols.xhtml
@@ -0,0 +1,189 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Multi-column Layout: AbsPos Pagination (Interlaced)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    html {
+      background: white;
+    }
+
+    .container {
+      background: red;
+      height: 24pt;
+      position: relative;
+    }
+    .overflow {
+      width: 10pt;
+      border-bottom: lime 4px solid;
+      top: 0;
+    }
+    .following {
+      font-size: 10pt;
+      line-height: 10pt;
+      font-family: sans-serif;
+      text-align: center;
+      position: relative;
+      background: white;
+      width: 100pt;
+    }
+    #colset {
+      width: 300pt;
+      height: 2in;
+      column-count: 3;
+      column-gap: 0;
+      column-fill: auto;
+      border: silver 2pt;
+      border-style: none solid;
+    }
+    #redline {
+      width: 303pt;
+      border-top: 4px solid red;
+      margin-top: -1in;
+      position: relative;
+      z-index: -1;
+    }
+
+    .ocontainer {
+      height: 0;
+    }
+    .o1 { /* 3rd col */
+      height: 5in;
+    }
+    .a1 { /* 1st col */
+      position: absolute;
+      height: 1in;
+      width: 33pt;
+    }
+    .a2 { /* 2nd col */
+      position: absolute;
+      height: 3in;
+      width: 25pt;
+      margin-left: 25pt;
+    }
+    .a3 { /* 3rd col */
+      position: absolute;
+      height: 5in;
+      margin-left: 10pt;
+    }
+    .a4 { /* 2nd col */
+      width: 25pt;
+      height: 3in;
+    }
+
+    .b1 { /* 3rd col */
+      position: absolute;
+      height: 336pt;
+      margin-left: 20pt;
+    }
+    .b2 { /* 2nd col */
+      position: absolute;
+      height: 192pt;
+      width: 25pt;
+      margin-left: 50pt;
+    }
+    .b3 { /* 3rd col */
+      position: absolute;
+      height: 336pt;
+      margin-left: 30pt;
+    }
+    .b4 { /* 1st col, but no border */
+      position: absolute;
+      height: 48pt;
+      border-bottom: none;
+    }
+    .b4 .child1 { /* 1st col */
+      position: absolute;
+      height: 100%;
+      width: 33pt;
+      margin-left: 33pt;
+    }
+    .b4 .child2 { /* 3rd col */
+      height: 336pt;
+      margin-left: 40pt;
+
+    }
+    .b5 { /* 1st col */
+      position: absolute;
+      height: 48pt;
+      width: 34pt;
+      margin-left: 66pt;
+    }
+    .b6 { /* 3rd col */
+      height: 336pt;
+      margin-left: 50pt;
+    }
+
+    .c1 { /* 3rd col */
+      position: absolute;
+      height: 3in;
+      margin-left: 60pt;
+    }
+    .c2 { /* 2nd col */
+      position: absolute;
+      height: 1in;
+      width: 25pt;
+      margin-left: 75pt;
+    }
+    .c3 { /* 3rd col */
+      position: absolute;
+      height: 3in;
+      margin-left: 70pt;
+    }
+    .c4 { /* 3rd col */
+      height: 3in;
+      width: 20pt;
+      margin-left: 80pt;
+    }
+
+    .f1 {
+      margin-top: -48pt;
+      height: 48pt;
+      margin-bottom: 96pt;
+    }
+    .f2 {
+      margin-top: -24pt;
+      height: 24pt;
+    }
+  </style>
+ </head>
+ <body>
+  <div id="colset">
+    <div>
+      <div class="ocontainer">
+        <div class="overflow o1"></div>
+      </div>
+      <div class="container">
+        <div class="overflow a1"></div>
+        <div class="overflow a2"></div>
+        <div class="overflow a3"></div>
+        <div class="overflow a4"></div>
+      </div>
+      <div class="container">
+        <div class="overflow b1"></div>
+        <div class="overflow b2"></div>
+        <div class="overflow b3"></div>
+        <div class="overflow b4">
+          <div class="overflow child1"></div>
+          <div class="overflow child2"></div>
+        </div>
+        <div class="overflow b5"></div>
+        <div class="overflow b6"></div>
+      </div>
+    </div>
+    <p class="following f1">
+      There must be a single green line and no red.
+    </p>
+    <div class="container">
+      <div class="overflow c1"></div>
+      <div class="overflow c2"></div>
+      <div class="overflow c3"></div>
+      <div class="overflow c4"></div>
+    </div>
+    <div class="following f2"></div>
+  </div>
+  <div id="redline"></div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/abspos-overflow-01.ref.xhtml b/layout/reftests/pagination/abspos-overflow-01.ref.xhtml
new file mode 100644
index 0000000000..a2dd5a9c13
--- /dev/null
+++ b/layout/reftests/pagination/abspos-overflow-01.ref.xhtml
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>Multi-column Layout: AbsPos Pagination (Interlaced)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    /* If the reftest print size change, this needs to change too. */
+    html, body, p {
+      margin: 0;
+      padding: 0;
+    }
+
+    .box {
+      font-size: 10pt;
+      line-height: 10pt;
+      font-family: sans-serif;
+      text-align: center;
+      position: relative;
+      border-bottom: lime 4px solid;
+      margin-top: -4px;
+      height: 2in;
+    }
+    #pageset {
+      width: 100pt;
+      border: silver 2pt;
+      border-style: none solid;
+      height: 6in;
+    }
+
+    .n1 {
+      margin: 0;
+      height: 1in;
+    }
+  </style>
+ </head>
+ <body>
+  <div id="pageset">
+    <p class="box n1">
+      There must be 3 pages, a single green line on each page, and no red.
+    </p>
+    <p class="box"></p>
+    <p class="box"></p>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/abspos-overflow-01.xhtml b/layout/reftests/pagination/abspos-overflow-01.xhtml
new file mode 100644
index 0000000000..12e12ce4d3
--- /dev/null
+++ b/layout/reftests/pagination/abspos-overflow-01.xhtml
@@ -0,0 +1,201 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+  <title>Multi-column Layout: AbsPos Pagination (Interlaced)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    /* If the reftest print size change, this needs to change too. */
+    html, body {
+      margin: 0;
+      padding: 0;
+    }
+
+    .container {
+      background: red;
+      height: 24pt;
+      position: relative;
+    }
+    .overflow {
+      width: 10pt;
+      border-bottom: lime 4px solid;
+      top: 0;
+    }
+    .following {
+      font-size: 10pt;
+      line-height: 10pt;
+      font-family: sans-serif;
+      text-align: center;
+      position: relative;
+      background: white;
+      width: 100pt;
+    }
+    #pageset {
+      width: 100pt;
+      border: silver 2pt;
+      border-style: none solid;
+      height: 6in;
+    }
+    .redline {
+      float: left;
+      margin-right: -103pt;
+      width: 103pt;
+      border-bottom: 8px solid red;
+      position: relative;
+      z-index: -1;
+    }
+    .r1 {
+      height: 50%;
+    }
+    .r2 {
+      height: 150%;
+    }
+    .r3 {
+      height: 250%;
+    }
+
+    .ocontainer {
+      height: 0;
+    }
+    .o1 { /* 3rd page */
+      height: 5in;
+    }
+    .a1 { /* 1st page */
+      position: absolute;
+      height: 1in;
+      width: 33pt;
+    }
+    .a2 { /* 2nd page */
+      position: absolute;
+      height: 3in;
+      width: 25pt;
+      margin-left: 25pt;
+    }
+    .a3 { /* 3rd page */
+      position: absolute;
+      height: 5in;
+      margin-left: 10pt;
+    }
+    .a4 { /* 2nd page */
+      width: 25pt;
+      height: 3in;
+    }
+
+    .b1 { /* 3rd page */
+      position: absolute;
+      height: 336pt;
+      margin-left: 20pt;
+    }
+    .b2 { /* 2nd page */
+      position: absolute;
+      height: 192pt;
+      width: 25pt;
+      margin-left: 50pt;
+    }
+    .b3 { /* 3rd page */
+      position: absolute;
+      height: 336pt;
+      margin-left: 30pt;
+    }
+    .b4 { /* 1st col, but no border */
+      position: absolute;
+      height: 48pt;
+      border-bottom: none;
+    }
+    .b4 .child1 { /* 1st page */
+      position: absolute;
+      height: 100%;
+      width: 33pt;
+      margin-left: 33pt;
+    }
+    .b4 .child2 { /* 3rd page */
+      height: 336pt;
+      margin-left: 40pt;
+
+    }
+    .b5 { /* 1st page */
+      position: absolute;
+      height: 48pt;
+      width: 34pt;
+      margin-left: 66pt;
+    }
+    .b6 { /* 3rd page */
+      height: 336pt;
+      margin-left: 50pt;
+    }
+
+    .c1 { /* 3rd page */
+      position: absolute;
+      height: 3in;
+      margin-left: 60pt;
+    }
+    .c2 { /* 2nd page */
+      position: absolute;
+      height: 1in;
+      width: 25pt;
+      margin-left: 75pt;
+    }
+    .c3 { /* 3rd page */
+      position: absolute;
+      height: 3in;
+      margin-left: 70pt;
+    }
+    .c4 { /* 3rd page */
+      height: 3in;
+      width: 20pt;
+      margin-left: 80pt;
+    }
+
+    .f1 {
+      margin-top: -48pt;
+      height: 48pt;
+      margin-bottom: 96pt;
+    }
+    .f2 {
+      margin-top: -24pt;
+      height: 24pt;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="redline r1"></div>
+  <div class="redline r2"></div>
+  <div class="redline r3"></div>
+
+  <div id="pageset">
+    <div>
+      <div class="ocontainer">
+        <div class="overflow o1"></div>
+      </div>
+      <div class="container">
+        <div class="overflow a1"></div>
+        <div class="overflow a2"></div>
+        <div class="overflow a3"></div>
+        <div class="overflow a4"></div>
+      </div>
+      <div class="container">
+        <div class="overflow b1"></div>
+        <div class="overflow b2"></div>
+        <div class="overflow b3"></div>
+        <div class="overflow b4">
+          <div class="overflow child1"></div>
+          <div class="overflow child2"></div>
+        </div>
+        <div class="overflow b5"></div>
+        <div class="overflow b6"></div>
+      </div>
+    </div>
+    <p class="following f1">
+      There must be 3 pages, a single green line on each page, and no red.
+    </p>
+    <div class="container">
+      <div class="overflow c1"></div>
+      <div class="overflow c2"></div>
+      <div class="overflow c3"></div>
+      <div class="overflow c4"></div>
+    </div>
+    <div class="following f2"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/bfc-001-ref.html b/layout/reftests/pagination/bfc-001-ref.html
new file mode 100644
index 0000000000..fe76ae41b1
--- /dev/null
+++ b/layout/reftests/pagination/bfc-001-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: overflow:hidden block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="height:3in; width:1in; background:black"></div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-001.html b/layout/reftests/pagination/bfc-001.html
new file mode 100644
index 0000000000..7954a0b702
--- /dev/null
+++ b/layout/reftests/pagination/bfc-001.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: overflow:hidden block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="overflow:hidden">
+    <div style="overflow:hidden">
+      <div style="float: left">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-002.html b/layout/reftests/pagination/bfc-002.html
new file mode 100644
index 0000000000..22cf0a5be7
--- /dev/null
+++ b/layout/reftests/pagination/bfc-002.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: display:flow-root block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="display:flow-root">
+    <div style="display:flow-root">
+      <div style="float: left">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-003.html b/layout/reftests/pagination/bfc-003.html
new file mode 100644
index 0000000000..a97d32fbf4
--- /dev/null
+++ b/layout/reftests/pagination/bfc-003.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: overflow:hidden + display:flow-root block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="overflow:hidden">
+    <div style="display:flow-root">
+      <div style="float: left">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-004-ref.html b/layout/reftests/pagination/bfc-004-ref.html
new file mode 100644
index 0000000000..05e9399ef3
--- /dev/null
+++ b/layout/reftests/pagination/bfc-004-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: display:flow-root block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:1px/1 monospace; padding:0; margin:0;
+}
+.before, .after {
+  height: 0.5in;
+  content: "x";
+  background: black;
+}
+</style>
+</head>
+<body>
+  <div class="before"></div>
+  <div style="height:1in; width:1in; background:black"></div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-004.html b/layout/reftests/pagination/bfc-004.html
new file mode 100644
index 0000000000..294c2ab9a2
--- /dev/null
+++ b/layout/reftests/pagination/bfc-004.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: display:flow-root block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:1px/1 monospace; padding:0; margin:0;
+}
+.before, .after {
+  height: 0.5in;
+  content: "x";
+  background: black;
+}
+</style>
+</head>
+<body>
+  <div class="before"></div>
+  <div style="display:flow-root">
+    <div style="overflow:hidden; position:relative; min-height:1in">
+      <div style="position:absolute">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-005.html b/layout/reftests/pagination/bfc-005.html
new file mode 100644
index 0000000000..03e4ed22c4
--- /dev/null
+++ b/layout/reftests/pagination/bfc-005.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: overflow:hidden block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:1px/1 monospace; padding:0; margin:0;
+}
+.before, .after {
+  height: 0.5in;
+  content: "x";
+  background: black;
+}
+</style>
+</head>
+<body>
+  <div class="before"></div>
+  <div style="overflow:hidden; height:1in">
+    <div style="overflow:hidden">
+      <div style="float: left">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-006-ref.html b/layout/reftests/pagination/bfc-006-ref.html
new file mode 100644
index 0000000000..e1c6e98cd7
--- /dev/null
+++ b/layout/reftests/pagination/bfc-006-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: overflow:hidden block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="height:2in; width:1in; background:black"></div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-006.html b/layout/reftests/pagination/bfc-006.html
new file mode 100644
index 0000000000..228801aa3f
--- /dev/null
+++ b/layout/reftests/pagination/bfc-006.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: overflow:hidden block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="overflow:hidden; height:2in">
+    <div style="overflow:hidden">
+      <div style="float: left">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-007.html b/layout/reftests/pagination/bfc-007.html
new file mode 100644
index 0000000000..0703fb2c75
--- /dev/null
+++ b/layout/reftests/pagination/bfc-007.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: overflow:hidden block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="overflow:hidden; max-height:2in">
+    <div style="overflow:hidden">
+      <div style="float: left">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/bfc-008.html b/layout/reftests/pagination/bfc-008.html
new file mode 100644
index 0000000000..3569e93203
--- /dev/null
+++ b/layout/reftests/pagination/bfc-008.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: overflow:hidden block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572573">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="overflow:hidden">
+    <div style="overflow:hidden; max-height:2in">
+      <div style="float: left">
+        <div style="height:3in; width:1in; background:black"></div>
+      </div>
+    </div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/blank.html b/layout/reftests/pagination/blank.html
new file mode 100644
index 0000000000..64ece4f45a
--- /dev/null
+++ b/layout/reftests/pagination/blank.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="reftest-paged"><style>html{font-size:12pt}</style>
diff --git a/layout/reftests/pagination/block-max-height-001-ref.html b/layout/reftests/pagination/block-max-height-001-ref.html
new file mode 100644
index 0000000000..d32cdbc7fc
--- /dev/null
+++ b/layout/reftests/pagination/block-max-height-001-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: max-height block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1602430">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="height:2in">
+    <div style="height:3in; width:1in; border:solid"></div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/block-max-height-001.html b/layout/reftests/pagination/block-max-height-001.html
new file mode 100644
index 0000000000..7f345d7a3d
--- /dev/null
+++ b/layout/reftests/pagination/block-max-height-001.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: max-height block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1602430">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="max-height:2in">
+    <div style="height:3in; width:1in; border:solid"></div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/block-max-height-002.html b/layout/reftests/pagination/block-max-height-002.html
new file mode 100644
index 0000000000..5b7bba1f93
--- /dev/null
+++ b/layout/reftests/pagination/block-max-height-002.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: min/max-height block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1602430">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="min-height:1.8in; max-height:2in">
+    <div style="height:3in; width:1in; border:solid"></div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/block-min-height-001-ref.html b/layout/reftests/pagination/block-min-height-001-ref.html
new file mode 100644
index 0000000000..b3986b7c30
--- /dev/null
+++ b/layout/reftests/pagination/block-min-height-001-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: min-height block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1602430">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="height:3in">
+    <div style="height:2in; width:1in; border:solid"></div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/block-min-height-001.html b/layout/reftests/pagination/block-min-height-001.html
new file mode 100644
index 0000000000..22b98ed148
--- /dev/null
+++ b/layout/reftests/pagination/block-min-height-001.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: max-height block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1602430">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="min-height:3in">
+    <div style="height:2in; width:1in; border:solid"></div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/block-min-height-002.html b/layout/reftests/pagination/block-min-height-002.html
new file mode 100644
index 0000000000..433f2d58b6
--- /dev/null
+++ b/layout/reftests/pagination/block-min-height-002.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: min/max-height block fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1602430">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+</style>
+</head>
+<body>
+  BEFORE
+  <div style="min-height:3in; max-height:2in">
+    <div style="height:2in; width:1in; border:solid"></div>
+  </div>
+  AFTER
+</body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-000-cols.ref.xhtml b/layout/reftests/pagination/border-breaking-000-cols.ref.xhtml
new file mode 100644
index 0000000000..3ef0e2b0ca
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-000-cols.ref.xhtml
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    div {
+      height: 200px;
+      width: 300px;
+      border: solid silver;
+      border-style: none solid;
+      background: green;
+    }
+  </style>
+ </head>
+ <body>
+  <div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-000-cols.xhtml b/layout/reftests/pagination/border-breaking-000-cols.xhtml
new file mode 100644
index 0000000000..cfda48b719
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-000-cols.xhtml
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container {
+      padding-bottom: 10px;
+      border-bottom: 10px solid transparent;
+    }
+
+    .box {
+      background: green;
+    }
+    p {
+      font-size: 150px;
+      line-height: 1;
+      margin: 0;
+    }
+    p + p {
+      height: 200px;
+    }
+
+    body {
+      height: 200px;
+      width: 300px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid silver;
+      border-style: none solid;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="container">
+    <div class="box">
+      <p>&nbsp;</p>
+      <p>&nbsp;</p>
+    </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-001-cols.ref.xhtml b/layout/reftests/pagination/border-breaking-001-cols.ref.xhtml
new file mode 100644
index 0000000000..9203c9e254
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-001-cols.ref.xhtml
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container {
+      height: 500px;
+      background: lime;
+      border: 10px green;
+      border-style: none solid;
+    }
+    .long {
+      background: aqua;
+      width: 40px;
+      height: 500px;
+    }
+
+    .body {
+      height: 200px;
+      width: 300px;
+      column-width: 100px;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid silver;
+      border-style: none solid;
+      background: yellow;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="body">
+   <div class="container">
+     <div class="long">
+     </div>
+   </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-001-cols.xhtml b/layout/reftests/pagination/border-breaking-001-cols.xhtml
new file mode 100644
index 0000000000..3b54c0944d
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-001-cols.xhtml
@@ -0,0 +1,74 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container {
+      height: 0;
+      padding-bottom: 10px;
+      border-bottom: 10px solid transparent;
+      margin-bottom: -20px;
+    }
+    .overflow {
+      position: relative;
+      background: aqua;
+      height: 500px;
+      width: 40px;
+      border: 10px solid red;
+      border-style: none solid;
+    }
+    body > .container .overflow {
+      border-right: none;
+    }
+    .abs {
+      position: relative;
+    }
+    .abs .container {
+      position: absolute;
+      width: 100%;
+      margin-left: 50px;
+    }
+    .abs .overflow {
+      background: lime;
+      border-left: none;
+    }
+    .long {
+      position: relative;
+      height: 500px;
+      border: solid 10px green;
+      border-style: none solid;
+    }
+
+    .block {
+      background: yellow;
+      height: 100px;
+    }
+
+    body {
+      height: 200px;
+      width: 300px;
+      column-width: 100px;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid silver;
+      border-style: none solid;
+    }
+  </style>
+ </head>
+ <body>
+  <div class="abs">
+    <div class="container">
+      <div class="overflow">
+      </div>
+    </div>
+  </div>
+  <div class="container">
+    <div class="overflow">
+    </div>
+  </div>
+  <div class="long">
+  </div>
+  <div class="block">
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-002-cols.ref.xhtml b/layout/reftests/pagination/border-breaking-002-cols.ref.xhtml
new file mode 100644
index 0000000000..12be28f669
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-002-cols.ref.xhtml
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container1 {
+      height: 190px;
+      border-top: 10px solid blue;
+    }
+    .container2 {
+      border-top: solid 10px aqua;
+    }
+
+    .multicol {
+      height: 200px;
+      width: 300px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid silver;
+    }
+  </style>
+ </head>
+ <body>
+  There must be a continuous 10px line at the top
+  of the gray box, the left half blue and the right
+  half aqua.
+  <div class="multicol">
+    <div class="container1">
+    </div>
+    <div class="container2">
+    </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-002-cols.xhtml b/layout/reftests/pagination/border-breaking-002-cols.xhtml
new file mode 100644
index 0000000000..fb26bde1c3
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-002-cols.xhtml
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container {
+      height: 0;
+      border-bottom: 10px solid blue;
+    }
+    .overflow {
+      height: 195px;
+      border-bottom: solid 10px aqua;
+    }
+
+    .multicol {
+      height: 200px;
+      width: 300px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid silver;
+    }
+  </style>
+ </head>
+ <body>
+  There must be a continuous 10px line at the top
+  of the gray box, the left half blue and the right
+  half aqua.
+  <div class="multicol">
+    <div class="container">
+      <div class="overflow">
+      </div>
+    </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-003-cols.ref.xhtml b/layout/reftests/pagination/border-breaking-003-cols.ref.xhtml
new file mode 100644
index 0000000000..408d13c74c
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-003-cols.ref.xhtml
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container1 {
+      border-top: 10px solid blue;
+    }
+    .container2 {
+      border-top: solid 10px aqua;
+    }
+
+    .multicol {
+      height: 200px;
+      width: 300px;
+      border: solid silver;
+    }
+  </style>
+ </head>
+ <body>
+  There must be two continuous 10px lines at the top
+  of the gray box, the top one blue and the bottom one
+  aqua.
+  <div class="multicol">
+    <div class="container1">
+    </div>
+    <div class="container2">
+    </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-003-cols.xhtml b/layout/reftests/pagination/border-breaking-003-cols.xhtml
new file mode 100644
index 0000000000..00c57117f6
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-003-cols.xhtml
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container {
+      border-bottom: 10px solid aqua;
+    }
+    .overflow {
+      height: 175px;
+      border-bottom: solid 10px blue;
+    }
+    .rainbow {
+      border-top: 10px solid blue;
+      border-bottom: 10px solid aqua;
+    }
+
+    .multicol {
+      height: 200px;
+      width: 300px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: solid silver;
+    }
+  </style>
+ </head>
+ <body>
+  There must be two continuous 10px lines at the top
+  of the gray box, the top one blue and the bottom one
+  aqua.
+  <div class="multicol">
+    <div class="rainbow"></div>
+    <div class="container">
+      <div class="overflow">
+      </div>
+    </div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/border-breaking-004-cols.xhtml b/layout/reftests/pagination/border-breaking-004-cols.xhtml
new file mode 100644
index 0000000000..b6da119892
--- /dev/null
+++ b/layout/reftests/pagination/border-breaking-004-cols.xhtml
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Pagination with Borders</title>
+  <style type="text/css">
+    .container {
+      border-bottom: 10px solid aqua;
+    }
+    .overflow {
+      height: 185px;
+      border-top: solid 10px blue;
+    }
+
+    .multicol {
+      height: 200px;
+      width: 300px;
+      column-width: 150px;
+      column-gap: 0;
+      border: solid silver;
+    }
+  </style>
+ </head>
+ <body>
+  There must be a continuous 10px line at the top
+  of the gray box, the left half blue and the right
+  half aqua.
+  <div class="multicol"><div class="container"><div class="overflow"></div></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/column-balancing-break-inside-avoid-2-ref.html b/layout/reftests/pagination/column-balancing-break-inside-avoid-2-ref.html
new file mode 100644
index 0000000000..5ac8e38252
--- /dev/null
+++ b/layout/reftests/pagination/column-balancing-break-inside-avoid-2-ref.html
@@ -0,0 +1,31 @@
+<html>
+<head>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+  <meta name="flags" content="paged">
+    <meta charset="utf-8">
+    <title>Balancing Overflow, page-break-inside:avoid</title>
+<style>
+#colset { width: 200px;
+          padding: 2px;
+          column-count: 3;
+          column-gap: 2px;
+          column-fill: auto; }
+#a      { height:  auto;   background: lightblue;}
+#b      { height:  50px;   background: lightblue;}
+#c      { height:  51px;   background: orange;}
+</style>
+</head>
+<!-- Removing whitespace in body for simpler frame trees -->
+<body
+ ><div id="colset"
+   ><div
+     ><div id="a"></div
+     ><div id="b"
+       ><div id="c"></div
+       ><div id="d"></div
+     ></div
+   ></div
+ ></div
+></body>
+</html>
diff --git a/layout/reftests/pagination/column-balancing-break-inside-avoid-2.html b/layout/reftests/pagination/column-balancing-break-inside-avoid-2.html
new file mode 100644
index 0000000000..7b19e815b2
--- /dev/null
+++ b/layout/reftests/pagination/column-balancing-break-inside-avoid-2.html
@@ -0,0 +1,49 @@
+<html class="reftest-wait">
+<head>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+  <meta name="flags" content="paged">
+    <meta charset="utf-8">
+    <title>Balancing Overflow, page-break-inside:avoid</title>
+<style>
+/* Sets of heights that trigger crash:
+    100px/50px/51+px
+    100px/30px/74+px
+   Get only an assert unless you set ".d { position: absolute; }".
+   
+   Trigger hang (separate issue, absolute not needed):
+    10px/10px/9999px
+    10px/10px/999999px --> "bad height" notreached
+*/
+/* Note: The column-gap and the backgrounds 
+   are just added here for easier visualization */
+#colset { width: 200px;
+          padding: 2px;
+          column-count: 3;
+          column-gap: 2px; }
+#a      { height: 100px;   background: lightblue;}
+#b      { height:  50px;   background: lightblue;}
+#c      { height:  51px;   background: orange;}
+div {page-break-inside:avoid; }
+</style>
+<script>
+  function boom() {
+    document.getElementById('colset').offsetHeight;
+    document.getElementById('a').style.height = 'auto';
+    document.documentElement.className = ''
+  }
+</script>
+</head>
+<!-- Removing whitespace in body for simpler frame trees -->
+<body onload="boom()"
+ ><div id="colset"
+   ><div
+     ><div id="a"></div
+     ><div id="b"
+       ><div id="c"></div
+       ><div id="d"></div
+     ></div
+   ></div
+ ></div
+></body>
+</html>
diff --git a/layout/reftests/pagination/combobox-page-break-inside-ref.html b/layout/reftests/pagination/combobox-page-break-inside-ref.html
new file mode 100644
index 0000000000..1819aa23be
--- /dev/null
+++ b/layout/reftests/pagination/combobox-page-break-inside-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@page { size:5in 3in; margin:0in; }
+div { height: 0in; }
+select { height: 0.5in; display:block; padding:20px; page-break-before:always; }
+</style>
+</head>
+<body>
+    <div></div>
+    <select>
+      <option>Text</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/combobox-page-break-inside.html b/layout/reftests/pagination/combobox-page-break-inside.html
new file mode 100644
index 0000000000..436620997b
--- /dev/null
+++ b/layout/reftests/pagination/combobox-page-break-inside.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@page { size:5in 3in; margin:0in; }
+div { height: 2.5in; }
+select { height: 0.5in; display:block; padding:20px; page-break-inside:avoid; }
+</style>
+</head>
+<body>
+    <div></div>
+    <select>
+      <option>Text</option>
+    </select>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/contain-size-break-001-ref.html b/layout/reftests/pagination/contain-size-break-001-ref.html
new file mode 100644
index 0000000000..9e28978679
--- /dev/null
+++ b/layout/reftests/pagination/contain-size-break-001-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <style>
+    .basicOuter {
+      height: 20px;
+      background: orange;
+    }
+  </style>
+</head>
+  <body>
+    <div class="basicOuter">
+      before
+      <div>inside</div>
+      after
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/contain-size-break-001.html b/layout/reftests/pagination/contain-size-break-001.html
new file mode 100644
index 0000000000..b596d521b5
--- /dev/null
+++ b/layout/reftests/pagination/contain-size-break-001.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+<meta charset="utf-8">
+  <title>CSS Test: 'contain: size' should ignore breaks and force elements to be monolithic.</title>
+  <style>
+    .contain {
+      contain:size;
+    }
+    .innerPageBreak {
+      page-break-before: always;
+      page-break-after: always;
+    }
+    .basicOuter {
+      height: 20px;
+      background: orange;
+    }
+  </style>
+</head>
+  <body>
+    <div class="contain basicOuter">
+      before
+      <div class="innerPageBreak">
+      inside
+      </div>
+      after
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/contain-size-break-002-ref.html b/layout/reftests/pagination/contain-size-break-002-ref.html
new file mode 100644
index 0000000000..3ccd8a6b8f
--- /dev/null
+++ b/layout/reftests/pagination/contain-size-break-002-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <style>
+    table {
+      background: lightblue;
+      height: 1in;
+      width: 1in;
+    }
+    .basicOuter {
+      height: 20px;
+      background: orange;
+    }
+  </style>
+</head>
+  <body>
+    <div class="basicOuter">
+      <table border>
+        <tr><td></td></tr>
+        <tr><td></td></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/contain-size-break-002.html b/layout/reftests/pagination/contain-size-break-002.html
new file mode 100644
index 0000000000..ec3693fd98
--- /dev/null
+++ b/layout/reftests/pagination/contain-size-break-002.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+<meta charset="utf-8">
+  <title>CSS Test: 'contain: size' should ignore breaks and force elements to be monolithic.</title>
+  <style>
+    table {
+      background: lightblue;
+      height: 1in;
+      width: 1in;
+    }
+    .contain {
+      contain:size;
+    }
+    .innerPageBreak {
+      page-break-before: always;
+      page-break-after: always;
+    }
+    .basicOuter {
+      height: 20px;
+      background: orange;
+    }
+  </style>
+</head>
+  <body>
+    <div class="contain basicOuter">
+      <table border>
+        <tr class="innerPageBreak"><td></td></tr>
+        <tr class="innerPageBreak"><td></td></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/contain-size-break-003-ref.html b/layout/reftests/pagination/contain-size-break-003-ref.html
new file mode 100644
index 0000000000..eadd23ae6c
--- /dev/null
+++ b/layout/reftests/pagination/contain-size-break-003-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+</head>
+  <body>
+    <table>
+      <tr>
+        <td style="height:4in; width: 50px; background:orange;">
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/contain-size-break-003.html b/layout/reftests/pagination/contain-size-break-003.html
new file mode 100644
index 0000000000..08555cf878
--- /dev/null
+++ b/layout/reftests/pagination/contain-size-break-003.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+<meta charset="utf-8">
+  <title>CSS Test: 'contain: size' should not affect breaking in tables or table elements.</title>
+  <style>
+    .contain {
+      contain:size;
+    }
+  </style>
+</head>
+  <body>
+    <table class="contain">
+      <tr>
+        <td style="height:4in; width: 50px; background:orange;">
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/pagination/content-inserted-000.ref.xhtml b/layout/reftests/pagination/content-inserted-000.ref.xhtml
new file mode 100644
index 0000000000..a22b0079c6
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-000.ref.xhtml
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in {ib} Pagination with Overflow Containers</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 400px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 200px;
+      border-bottom: 3px solid blue;
+    }
+
+    #overflow {
+      height: 1000px;
+      border-bottom: 3px solid orange;
+    }
+  </style>
+</head>
+
+<body>
+
+<div id="colset"
+  ><span id="span"
+    ><div id="x"
+      ><div id="overflow"></div
+      >This must be in the last column, below the orange line.
+    </div
+  >This must be in the first column, below the blue line.</span
+></div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-000.xhtml b/layout/reftests/pagination/content-inserted-000.xhtml
new file mode 100644
index 0000000000..52fbd627c7
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-000.xhtml
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in {ib} Pagination with Overflow Containers</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 400px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 200px;
+      border-bottom: 3px solid blue;
+    }
+
+    #overflow {
+      height: 1000px;
+      border-bottom: 3px solid orange;
+    }
+  </style>
+</head>
+
+<body onload="document.getElementById('span').appendChild(document.createTextNode('This must be in the first column, below the blue line.'))">
+
+<div id="colset"
+  ><span id="span"
+    ><div id="x"
+      ><div id="overflow"></div
+      >This must be in the last column, below the orange line.
+    </div
+  ></span
+></div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-001.ref.xhtml b/layout/reftests/pagination/content-inserted-001.ref.xhtml
new file mode 100644
index 0000000000..4015521d90
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-001.ref.xhtml
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Paginated Element</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 500px;
+    }
+</style>
+</head>
+
+<body>
+
+<div id="colset">
+  <div id="x">This must be in the first column.</div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-001.xhtml b/layout/reftests/pagination/content-inserted-001.xhtml
new file mode 100644
index 0000000000..42760ef098
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-001.xhtml
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Paginated Element</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 500px;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the first column.'))">
+
+<div id="colset">
+  <div id="x"></div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-002.ref.xhtml b/layout/reftests/pagination/content-inserted-002.ref.xhtml
new file mode 100644
index 0000000000..464cdee7be
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-002.ref.xhtml
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Pagination</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #mark {
+      border-bottom: 4px solid blue;
+    }
+
+    #shift {
+      height: 201px;
+      border-bottom: 4px solid blue;
+    }
+</style>
+</head>
+
+<body>
+
+<div id="colset">
+  <div id="x">
+    <div id="shift"></div>
+    <div id="mark">This must be in the second column between two 4px blue lines.</div>
+  </div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-002.xhtml b/layout/reftests/pagination/content-inserted-002.xhtml
new file mode 100644
index 0000000000..0f85d45fb0
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-002.xhtml
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Pagination before ::after</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 500px;
+    }
+
+    #x:after {
+      display: block;
+      content: "";
+      border-top: 4px solid blue;
+    }
+
+    #shift {
+      height: 201px;
+      border-bottom: 4px solid blue;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
+
+<div id="colset">
+  <div id="x">
+    <div id="shift"></div>
+  </div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-003.xhtml b/layout/reftests/pagination/content-inserted-003.xhtml
new file mode 100644
index 0000000000..2dde71a7bc
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-003.xhtml
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Pagination before ::after (alternate)</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 500px;
+    }
+
+    #x:after {
+      display: block;
+      height: 220px;
+      content: "";
+      border-top: 4px solid blue;
+    }
+
+    #shift {
+      height: 201px;
+      border-bottom: 4px solid blue;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
+
+<div id="colset">
+  <div id="x">
+    <div id="shift"></div>
+  </div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-004.xhtml b/layout/reftests/pagination/content-inserted-004.xhtml
new file mode 100644
index 0000000000..8a7dc6a699
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-004.xhtml
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Inserted in Pagination after ::before</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 500px;
+    }
+
+    #x:before {
+      display: block;
+      height: 201px;
+      content: "";
+      border-bottom: 4px solid blue;
+    }
+
+    #shift {
+      height: 220px;
+      border-top: 4px solid blue;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('x').insertBefore(document.createTextNode('This must be in the second column between two 4px blue lines.'), document.getElementById('shift'))">
+
+<div id="colset">
+  <div id="x"><div id="shift"></div></div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-005.xhtml b/layout/reftests/pagination/content-inserted-005.xhtml
new file mode 100644
index 0000000000..d410fe1f4a
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-005.xhtml
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Pagination after ::before</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #x {
+      border-bottom: 4px solid blue;
+    }
+
+    #x:before {
+      display: block;
+      height: 201px;
+      content: "";
+      border-bottom: 4px solid blue;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('x').insertBefore(document.createTextNode('This must be in the second column between two 4px blue lines.'), null)">
+
+<div id="colset">
+  <div id="x">
+  </div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-006.xhtml b/layout/reftests/pagination/content-inserted-006.xhtml
new file mode 100644
index 0000000000..91d4aa89a5
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-006.xhtml
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Pagination before ::after (alternate)</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 500px;
+    }
+
+    #x:after {
+      display: block;
+      height: 220px;
+      content: "";
+      border-top: 4px solid blue;
+    }
+
+    #shift {
+      height: 201px;
+      border-bottom: 4px solid blue;
+    }
+
+    #overflow {
+      height: 700px;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
+
+<div id="colset">
+  <div id="x">
+    <div id="shift">
+      <div id="overflow"></div>
+    </div
+  ></div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-007.xhtml b/layout/reftests/pagination/content-inserted-007.xhtml
new file mode 100644
index 0000000000..52492b9e68
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-007.xhtml
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Inserted in Pagination after ::before</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #x {
+      height: 500px;
+    }
+
+    #x:before {
+      display: block;
+      height: 201px;
+      padding: 0 10px;
+      white-space: pre;
+      font-size: 100px;
+      line-height: 1.9em;
+      color: white;
+      content: "a\a b\a c\a d\a";
+      border-bottom: 4px solid blue;
+    }
+
+    #shift {
+      height: 220px;
+      border-top: 4px solid blue;
+      position: relative;
+      z-index: 1;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('x').insertBefore(document.createTextNode('This must be in the second column between two 4px blue lines.'), document.getElementById('shift'))">
+
+<div id="colset">
+  <div id="x"><div id="shift"></div></div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-008.xhtml b/layout/reftests/pagination/content-inserted-008.xhtml
new file mode 100644
index 0000000000..afcef207b2
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-008.xhtml
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Pagination before ::after</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      border: 3px solid silver;
+    }
+
+    #shift {
+      height: 0;
+    }
+    #overflow {
+      height: 500px;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('colset').insertBefore(document.createTextNode('This must be in the first column.'), document.getElementById('x'))">
+
+<div id="colset">
+  <div id="shift">
+    <div id="overflow"></div>
+  </div
+  ><div id="x">
+  </div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-inserted-009.xhtml b/layout/reftests/pagination/content-inserted-009.xhtml
new file mode 100644
index 0000000000..a31916eca6
--- /dev/null
+++ b/layout/reftests/pagination/content-inserted-009.xhtml
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Content Appended in Pagination before ::after</title>
+
+  <style type="text/css">
+    body {
+      font-size: 16px;
+    }
+
+    #colset {
+      height: 200px;
+      width: 450px;
+      column-width: 150px;
+      column-gap: 0;
+      column-fill: auto;
+      border: 3px solid silver;
+    }
+
+    #shift {
+      height: 201px;
+      border-bottom: 2px solid blue;
+    }
+    #overflow {
+      height: 500px;
+    }
+    div:not([id]) {
+      border-top: 2px solid blue;
+    }
+    #x {
+      border-bottom: 4px solid blue;
+    }
+</style>
+</head>
+
+<body onload="document.getElementById('span').insertBefore(document.createElement('div'), document.getElementById('x'))">
+
+<div id="colset">
+  <span id="span">
+    <div id="shift">
+      <div id="overflow"></div>
+    </div
+    ><div id="x">This must be in the second column between two 4px blue lines.</div
+  ></span
+></div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/pagination/content-url-element.html b/layout/reftests/pagination/content-url-element.html
new file mode 100644
index 0000000000..4026a253fd
--- /dev/null
+++ b/layout/reftests/pagination/content-url-element.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html class="reftest-paged">
+<style>
+  div {
+    content: url(data:image/gif,GIF89a%01%00%E8%03%80%00%00%00%00%00%FF%FF%FF!%F9%04%00%00%00%00%00%2C%00%00%00%00%01%00%E8%03%00%02%1E%84%8F%A9%CB%ED%0F%A3%9C%B4%DA%8B%B3%DE%BC%FB%0F%86%E2H%96%E6%89%A6%EA%CA%B6%EE%0B%3B%05%00%3B);
+    height: 20in;
+  }
+</style>
+<div>FAIL</div>
diff --git a/layout/reftests/pagination/content-url-pseudo-ref.html b/layout/reftests/pagination/content-url-pseudo-ref.html
new file mode 100644
index 0000000000..9ef813c14f
--- /dev/null
+++ b/layout/reftests/pagination/content-url-pseudo-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html class="reftest-paged">
+<style>
+  div {
+    display: block;
+    height: 20in;
+  }
+</style>
+<div>
+  <img src="data:image/gif,GIF89a%01%00%E8%03%80%00%00%00%00%00%FF%FF%FF!%F9%04%00%00%00%00%00%2C%00%00%00%00%01%00%E8%03%00%02%1E%84%8F%A9%CB%ED%0F%A3%9C%B4%DA%8B%B3%DE%BC%FB%0F%86%E2H%96%E6%89%A6%EA%CA%B6%EE%0B%3B%05%00%3B">
+</div>
diff --git a/layout/reftests/pagination/content-url-pseudo.html b/layout/reftests/pagination/content-url-pseudo.html
new file mode 100644
index 0000000000..a7d022ec35
--- /dev/null
+++ b/layout/reftests/pagination/content-url-pseudo.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html class="reftest-paged">
+<style>
+  div::after {
+    display: block;
+    content: url(data:image/gif,GIF89a%01%00%E8%03%80%00%00%00%00%00%FF%FF%FF!%F9%04%00%00%00%00%00%2C%00%00%00%00%01%00%E8%03%00%02%1E%84%8F%A9%CB%ED%0F%A3%9C%B4%DA%8B%B3%DE%BC%FB%0F%86%E2H%96%E6%89%A6%EA%CA%B6%EE%0B%3B%05%00%3B);
+    height: 20in;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/pagination/dynamic-abspos-overflow-01-cols.ref.xhtml b/layout/reftests/pagination/dynamic-abspos-overflow-01-cols.ref.xhtml
new file mode 100644
index 0000000000..a063c742d2
--- /dev/null
+++ b/layout/reftests/pagination/dynamic-abspos-overflow-01-cols.ref.xhtml
@@ -0,0 +1,78 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Multi-column Layout: AbsPos Pagination (Interlaced Dynamic Height)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    html {
+      background: white;
+    }
+
+    #colset {
+      position: relative;
+      padding-top: 1px;
+      width: 300pt;
+      height: 2in;
+      border: silver 2pt;
+      border-style: none solid;
+    }
+
+    .centerline {
+      margin: 0 auto;
+      bottom: 0;
+      position: absolute;
+      width: 8px;
+      background: aqua;
+    }
+    #c1 {
+      height: 96pt;
+      right: 200pt;
+      left: 0;
+    }
+    #c2 {
+      height: 120pt;
+      right: 100pt;
+      left: 100pt;
+    }
+    #c3 {
+      height: 144pt;
+      right: 0;
+      left: 200pt;
+    }
+
+    #redline {
+      border-top: 8px solid lime;
+      margin-top: 1in;
+      position: relative;
+    }
+
+    #dynamo {
+      position: relative;
+      margin: -8px auto -8px;
+      width: 8px;
+      border-top: 8px solid orange;
+    }
+
+  </style>
+ </head>
+ <body>
+  <p>There must be a single green line with an orange square where
+    it intersects with the middle aqua line, and no red. The following
+    links must move the orange square to the intersection with the
+    indicated aqua line:</p>
+  <p>
+    <a href="asdljlwjerlk-unvisited">Left</a>
+    <a href="asdljlwjerlk-unvisited">Center</a>
+    <a href="asdljlwjerlk-unvisited">Right</a>
+  </p>
+  <div id="colset">
+    <div class="centerline" id="c1"></div>
+    <div class="centerline" id="c2"></div>
+    <div class="centerline" id="c3"></div>
+    <div id="redline"></div>
+    <div id="dynamo"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/dynamic-abspos-overflow-01-cols.xhtml b/layout/reftests/pagination/dynamic-abspos-overflow-01-cols.xhtml
new file mode 100644
index 0000000000..8c1d7db62c
--- /dev/null
+++ b/layout/reftests/pagination/dynamic-abspos-overflow-01-cols.xhtml
@@ -0,0 +1,239 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+  <title>Multi-column Layout: AbsPos Pagination (Interlaced Dynamic Height)</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+  <style type="text/css">
+    html {
+      background: white;
+    }
+
+    .container {
+      background: red;
+      height: 24pt;
+      position: relative;
+    }
+    .overflow {
+      width: 10pt;
+      border-bottom: lime 8px solid;
+      top: 0;
+    }
+    .following {
+      position: relative;
+      background: white;
+      width: 100pt;
+    }
+    #colset {
+      padding-top: 1px;
+      width: 300pt;
+      height: 2in;
+      column-count: 3;
+      column-gap: 0;
+      border: silver 2pt;
+      border-style: none solid;
+    }
+    #redline {
+      width: 303pt;
+      border-top: 8px solid red;
+      margin-top: -1in;
+      position: relative;
+      z-index: -1;
+    }
+
+    .ocontainer {
+      height: 0;
+      position: relative;
+    }
+    .o1 { /* 3rd col */
+      height: 5in;
+    }
+    .a1 { /* 1st col */
+      position: absolute;
+      height: 1in;
+      width: 33pt;
+    }
+    .a2 { /* 2nd col */
+      position: absolute;
+      height: 3in;
+      width: 25pt;
+      margin-left: 25pt;
+    }
+    .a3 { /* 3rd col */
+      position: absolute;
+      height: 5in;
+      margin-left: 10pt;
+    }
+    .a4 { /* 2nd col */
+      width: 25pt;
+      height: 3in;
+    }
+
+    .b1 { /* 3rd col */
+      position: absolute;
+      height: 336pt;
+      margin-left: 20pt;
+    }
+    .b2 { /* 2nd col */
+      position: absolute;
+      height: 192pt;
+      width: 25pt;
+      margin-left: 50pt;
+    }
+    .b3 { /* 3rd col */
+      position: absolute;
+      height: 336pt;
+      margin-left: 30pt;
+    }
+    .b4 { /* 1st col, but no border */
+      position: absolute;
+      height: 48pt;
+      border-bottom: none;
+    }
+    .b4 .child1 { /* 1st col */
+      position: absolute;
+      height: 100%;
+      width: 33pt;
+      margin-left: 33pt;
+    }
+    .b4 .child2 { /* 3rd col */
+      height: 336pt;
+      margin-left: 40pt;
+
+    }
+    .b5 { /* 1st col */
+      position: absolute;
+      height: 48pt;
+      width: 34pt;
+      margin-left: 66pt;
+    }
+    .b6 { /* 3rd col */
+      height: 336pt;
+      margin-left: 50pt;
+    }
+
+    .c1 { /* 3rd col */
+      position: absolute;
+      height: 3in;
+      margin-left: 60pt;
+    }
+    .c2 { /* 2nd col */
+      position: absolute;
+      height: 1in;
+      width: 25pt;
+      margin-left: 75pt;
+    }
+    .c3 { /* 3rd col */
+      position: absolute;
+      height: 3in;
+      margin-left: 70pt;
+    }
+    .c4 { /* 3rd col */
+      height: 3in;
+      width: 20pt;
+      margin-left: 80pt;
+    }
+
+    .f1 {
+      margin-top: -48pt;
+      height: 48pt;
+      margin-bottom: 96pt;
+    }
+    .f2 {
+      margin-top: -24pt;
+      height: 24pt;
+    }
+
+    .centerline {
+      margin: 0 auto;
+      top: 0;
+      left: 0;
+      right: 0;
+      position: absolute;
+      width: 8px;
+      height: 6in;
+      background: aqua;
+    }
+
+    #dynamo {
+      background: transparent;
+      border-bottom: 8px solid orange;
+      z-index: 10;
+      height: 192pt;
+    }
+
+  </style>
+ </head>
+ <body onload="document.getElementById('dynamo').style.height = '48pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '336pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '48pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '192pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '1500pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '48pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '192pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '336pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '192pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '48pt';
+               document.getElementById('dynamo').offsetHeight;
+               document.getElementById('dynamo').style.height = '192pt';
+               document.documentElement.className = ''
+              ">
+  <p>There must be a single green line with an orange square where
+    it intersects with the middle aqua line, and no red. The following
+    links must move the orange square to the intersection with the
+    indicated aqua line:</p>
+  <p>
+    <a href="asdljlwjerlk-unvisited" onclick="document.getElementById('dynamo').style.height = '48pt'; return false;">Left</a>
+    <a href="asdljlwjerlk-unvisited" onclick="document.getElementById('dynamo').style.height = '192pt'; return false;">Center</a>
+    <a href="asdljlwjerlk-unvisited" onclick="document.getElementById('dynamo').style.height = '336pt'; return false;">Right</a>
+  </p>
+  <div id="colset">
+    <div>
+      <div class="ocontainer">
+        <div class="centerline"></div>
+        <div class="overflow o1"></div>
+      </div>
+      <div class="container">
+        <div class="overflow a1"></div>
+        <div class="overflow a2"></div>
+        <div class="overflow a3"></div>
+        <div class="overflow a4"></div>
+      </div>
+      <div class="ocontainer">
+        <div id="dynamo" class="centerline"></div>
+      </div>
+      <div class="container">
+        <div class="overflow b1"></div>
+        <div class="overflow b2"></div>
+        <div class="overflow b3"></div>
+        <div class="overflow b4">
+          <div class="overflow child1"></div>
+          <div class="overflow child2"></div>
+        </div>
+        <div class="overflow b5"></div>
+        <div class="overflow b6"></div>
+      </div>
+    </div>
+    <p class="following f1">
+    </p>
+    <div class="container">
+      <div class="overflow c1"></div>
+      <div class="overflow c2"></div>
+      <div class="overflow c3"></div>
+      <div class="overflow c4"></div>
+    </div>
+    <div class="following f2"></div>
+  </div>
+  <div id="redline"></div>
+ </body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-001-grid.html b/layout/reftests/pagination/fieldset-001-grid.html
new file mode 100644
index 0000000000..58f0bcd5ea
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-001-grid.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  display: grid;
+  grid-template-rows: repeat(2,auto);
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+.pb { page-break-after: always; }
+</style>
+</head>
+<body>
+  <fieldset><x class="pb">A</x>B</fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-001-ref.html b/layout/reftests/pagination/fieldset-001-ref.html
new file mode 100644
index 0000000000..1009c92b56
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-001-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+div {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+.pb { page-break-after: always; }
+</style>
+</head>
+<body>
+  <div>A<br class="pb">B</div>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-001.html b/layout/reftests/pagination/fieldset-001.html
new file mode 100644
index 0000000000..a46f788fae
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-001.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+.pb { page-break-after: always; }
+</style>
+</head>
+<body>
+  <fieldset>A<br class="pb">B</fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-002-ref.html b/layout/reftests/pagination/fieldset-002-ref.html
new file mode 100644
index 0000000000..09f6f0b68a
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-002-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+div { page-break-after: always; }
+</style>
+</head>
+<body>
+  <fieldset><div style="height:3em">A<br>B<br>C</div><div style="height:4em">D<br>E<br>F<br>G</div></fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-002.html b/layout/reftests/pagination/fieldset-002.html
new file mode 100644
index 0000000000..98e98397ac
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-002.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+</style>
+</head>
+<body>
+  <fieldset>A<br>B<br>C<br>D<br>E<br>F<br>G<br></fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-003-ref.html b/layout/reftests/pagination/fieldset-003-ref.html
new file mode 100644
index 0000000000..e9510467f0
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-003-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  padding-top: 0.5em;
+  margin-top: 0.5em;
+  border: 1em solid black;
+}
+div {
+  position: absolute;
+  top: -1em;
+  width: 3em;
+  height: 1em;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+  <fieldset><div></div>A<br>B</fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-003.html b/layout/reftests/pagination/fieldset-003.html
new file mode 100644
index 0000000000..fb683c8f7a
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-003.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend>&nbsp;</legend>A<br>B</fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-004-ref.html b/layout/reftests/pagination/fieldset-004-ref.html
new file mode 100644
index 0000000000..5ffb65dcec
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-004-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  padding-top: 0.5em;
+  margin-top: 0.5em;
+  border: 1em solid black;
+  border-bottom-color: white;
+  page-break-after: always;
+}
+div {
+  position: absolute;
+  top: -1em;
+  width: 3em;
+  height: 1em;
+  background-color: white;
+}
+p { margin: 0; }
+x { display: block; height: 1em; }
+</style>
+</head>
+<body>
+  <fieldset><div></div><x>A<br>B</x></fieldset>
+  <p style="padding-left:1em">C</p><p style="margin-top:-1em">AFTER</p>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-004.html b/layout/reftests/pagination/fieldset-004.html
new file mode 100644
index 0000000000..171f2109ff
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-004.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+  border-bottom-color: white;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+}
+div { height: 1em; }
+</style>
+</head>
+<body>
+  <fieldset><div>A<br>B<br>C</div><legend></legend></fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-005-ref.html b/layout/reftests/pagination/fieldset-005-ref.html
new file mode 100644
index 0000000000..8032eb1de9
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-005-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  padding-top: 0.5em;
+  margin-top: 0.5em;
+  border: 1em solid black;
+  page-break-after:always;
+}
+div {
+  position: absolute;
+  top: -1em;
+  width: 3em;
+  height: 1em;
+  background-color: white;
+}
+p { margin:0 }
+</style>
+</head>
+<body>
+  <fieldset><div></div>A</fieldset>
+  <p style="width:3em; height:1em; background:black; position: relative; left:1em"></p>
+  <p style="margin-top:-1em">AFTER</p>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-005.html b/layout/reftests/pagination/fieldset-005.html
new file mode 100644
index 0000000000..482256bc58
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-005.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+}
+div { width:100%; height: 4em; border-bottom: 1em solid black; }
+</style>
+</head>
+<body>
+  <fieldset>A<legend><div></div></legend></fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-006-ref.html b/layout/reftests/pagination/fieldset-006-ref.html
new file mode 100644
index 0000000000..7b0acf4c39
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-006-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  padding-top: 0.5em;
+  margin-top: 0.5em;
+  border: 1em solid black;
+  border-bottom-color: white;
+  page-break-after:always;
+}
+div {
+  position: absolute;
+  top: -1em;
+  width: 3em;
+  height: 1em;
+  background-color: white;
+}
+p { margin:0 }
+x { display:block; height:1em; }
+</style>
+</head>
+<body>
+  <fieldset><div></div><x>A<br>B</x></fieldset>
+  <p style="padding-left:1em">C<br>D<br>E</p>
+  <p style="margin-top:-3em">AFTER</p>
+  <p style="height:5em"></p>
+  <p style="width:3em; height:1em; background:black; position: relative; left:1em"></p>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-006.html b/layout/reftests/pagination/fieldset-006.html
new file mode 100644
index 0000000000..8c955dc316
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-006.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+  border-bottom-color: white;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+}
+div { width:100%; height: 10em; border-bottom: 1em solid black; }
+x { display:block; height:1em; }
+</style>
+</head>
+<body>
+  <fieldset><x>A<br>B<br>C<br>D<br>E</x><legend><div></div></legend></fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-007-ref.html b/layout/reftests/pagination/fieldset-007-ref.html
new file mode 100644
index 0000000000..3548bb84bf
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-007-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0.1em;
+  margin: 0.5em;
+  border: 0.2em solid black;
+  margin-top: 0.3em;
+}
+legend {
+  padding: 0.2em;
+  margin: 0.3em;
+  width: 3em;
+  height: 1em;
+  background: black;
+}
+.pb { page-break-after: always; }
+</style>
+</head>
+<body>
+  <fieldset>A<br><div class="pb"></div>B<legend></legend></fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-007.html b/layout/reftests/pagination/fieldset-007.html
new file mode 100644
index 0000000000..6114e7ea37
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-007.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0.1em;
+  margin: 0.5em;
+  border: 0.2em solid black;
+  margin-top: 0.3em;
+}
+legend {
+  padding: 0.2em;
+  margin: 0.3em;
+  width: 3em;
+  height: 1em;
+  background: black;
+}
+</style>
+</head>
+<body>
+  <fieldset>A<br>B<legend></legend></fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-008-ref.html b/layout/reftests/pagination/fieldset-008-ref.html
new file mode 100644
index 0000000000..31db8e9162
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-008-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0.5em;
+  margin: 1em;
+  border: 1em solid black;
+  border-bottom-width: 0;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 0;
+  height: 0;
+}
+p {
+  margin: 1em;
+  margin-top: 0;
+  padding: 0;
+  border: 1em solid black;
+  border-top-width: 0;
+}
+.pb { page-break-after: always; }
+</style>
+</head>
+<body>
+  <fieldset class="pb"><legend></legend>A</fieldset>
+  <p></p>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-008.html b/layout/reftests/pagination/fieldset-008.html
new file mode 100644
index 0000000000..f0aa6e6cec
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-008.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0.5em;
+  margin: 1em;
+  border: 1em solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 0;
+  height: 0;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend>A</fieldset>
+  <span>AFTER</span>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-009-ref.html b/layout/reftests/pagination/fieldset-009-ref.html
new file mode 100644
index 0000000000..9ddcf66784
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-009-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+div {
+  padding: 0;
+  margin: 0;
+  margin-top: 0.5em;
+  border: 1em solid black;
+}
+x {
+  position: relative;
+  display: block;
+  padding: 0;
+  margin: 0;
+  margin-top: -1.5em;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+  background: white;
+}
+</style>
+</head>
+<body>
+  <div><x></x></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-009.html b/layout/reftests/pagination/fieldset-009.html
new file mode 100644
index 0000000000..2e85b8828c
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-009.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00A-ref.html b/layout/reftests/pagination/fieldset-00A-ref.html
new file mode 100644
index 0000000000..5eb154b331
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00A-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00A.html b/layout/reftests/pagination/fieldset-00A.html
new file mode 100644
index 0000000000..036ca78216
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00A.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+  page-break-before: always;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00B-ref.html b/layout/reftests/pagination/fieldset-00B-ref.html
new file mode 100644
index 0000000000..94ec989c23
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00B-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+div {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+x {
+  display: block;
+  padding: 0;
+  margin: 0;
+  margin-top: -1.5em;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+  background: white;
+}
+</style>
+</head>
+<body>
+  X
+  <br style="page-break-after:always">
+  <p style="margin:0; padding-top:0.5em"></p>
+  <div><x></x></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00B.html b/layout/reftests/pagination/fieldset-00B.html
new file mode 100644
index 0000000000..04f01afbef
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00B.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 1em solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+  page-break-before: always;
+}
+</style>
+</head>
+<body>
+  X
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00C-ref.html b/layout/reftests/pagination/fieldset-00C-ref.html
new file mode 100644
index 0000000000..4f47e28762
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00C-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  background: black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  X
+  <br style="page-break-after:always">
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00C.html b/layout/reftests/pagination/fieldset-00C.html
new file mode 100644
index 0000000000..bce234c68e
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00C.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  background: black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+  page-break-before: always;
+}
+</style>
+</head>
+<body>
+  X
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00D-ref.html b/layout/reftests/pagination/fieldset-00D-ref.html
new file mode 100644
index 0000000000..944ab3cc0c
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00D-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00D.html b/layout/reftests/pagination/fieldset-00D.html
new file mode 100644
index 0000000000..c85cc6d6df
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00D.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+x {
+  page-break-before: always;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend><x></x></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00E-ref.html b/layout/reftests/pagination/fieldset-00E-ref.html
new file mode 100644
index 0000000000..75b601d871
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00E-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+x {
+  display: block;
+  page-break-after: always;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend><x></x></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00E.html b/layout/reftests/pagination/fieldset-00E.html
new file mode 100644
index 0000000000..73582e7500
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00E.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+  page-break-after: always;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00F-ref.html b/layout/reftests/pagination/fieldset-00F-ref.html
new file mode 100644
index 0000000000..35d9daddd4
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00F-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+div { page-break-before: always; break-inside: avoid; }
+</style>
+</head>
+<body>
+  <fieldset><legend></legend><div>A</div></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00F.html b/layout/reftests/pagination/fieldset-00F.html
new file mode 100644
index 0000000000..df318f5028
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00F.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 2em;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+  page-break-after: always;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend>A</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00G-ref.html b/layout/reftests/pagination/fieldset-00G-ref.html
new file mode 100644
index 0000000000..23a18129db
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00G-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 3in;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  A
+  <div style="page-break-after:always"></div>
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00G.html b/layout/reftests/pagination/fieldset-00G.html
new file mode 100644
index 0000000000..6b12193f6e
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00G.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 3in;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  A
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00H-grid.html b/layout/reftests/pagination/fieldset-00H-grid.html
new file mode 100644
index 0000000000..4b717a0a92
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00H-grid.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  display: grid;
+  grid-template-rows: repeat(3,auto);
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+</style>
+</head>
+<body>
+  X
+  <fieldset><x>A</x>B<x>C</x></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00H-ref.html b/layout/reftests/pagination/fieldset-00H-ref.html
new file mode 100644
index 0000000000..a1ef27a5a1
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00H-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+div {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+</style>
+</head>
+<body>
+  X
+  <br style="page-break-after:always">
+  <div>A<br>B<br>C</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00H.html b/layout/reftests/pagination/fieldset-00H.html
new file mode 100644
index 0000000000..9acb4893ab
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00H.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+</style>
+</head>
+<body>
+  X
+  <fieldset>A<br>B<br>C</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00I-grid.html b/layout/reftests/pagination/fieldset-00I-grid.html
new file mode 100644
index 0000000000..04d2b3eb8b
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00I-grid.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  display: grid;
+  grid-template-rows: repeat(2,auto);
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 1em;
+  box-sizing: border-box;
+  background: black;
+}
+</style>
+</head>
+<body>
+  X
+  <fieldset><legend></legend><x>A</x>B</fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00I-ref.html b/layout/reftests/pagination/fieldset-00I-ref.html
new file mode 100644
index 0000000000..8055b4223d
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00I-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 1em;
+  box-sizing: border-box;
+  background: black;
+}
+</style>
+</head>
+<body>
+  X
+  <br style="page-break-after:always">
+  <fieldset><legend></legend>A<br>B<br></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00I.html b/layout/reftests/pagination/fieldset-00I.html
new file mode 100644
index 0000000000..f3586a77cf
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00I.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 1em;
+  box-sizing: border-box;
+  background: black;
+}
+</style>
+</head>
+<body>
+  X
+  <fieldset><legend></legend>A<br>B<br></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00J-grid.html b/layout/reftests/pagination/fieldset-00J-grid.html
new file mode 100644
index 0000000000..8c31bdae55
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00J-grid.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  display: grid;
+  grid-template-rows: repeat(3,auto);
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 1em;
+  box-sizing: border-box;
+  background: black;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend><x>A</x>B<x>C</x></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00J-ref.html b/layout/reftests/pagination/fieldset-00J-ref.html
new file mode 100644
index 0000000000..2621083be3
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00J-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 1em;
+  box-sizing: border-box;
+  background: black;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend>A<br>B<br>C<br style="page-break-after:always"></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00J.html b/layout/reftests/pagination/fieldset-00J.html
new file mode 100644
index 0000000000..19c197ccdb
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00J.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 1em;
+  box-sizing: border-box;
+  background: black;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend>A<br>B<br>C<br></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00K-ref.html b/layout/reftests/pagination/fieldset-00K-ref.html
new file mode 100644
index 0000000000..d0851402c6
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00K-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>Reference: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 3in;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  <div style="height:0"><fieldset><legend></legend></fieldset></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00K.html b/layout/reftests/pagination/fieldset-00K.html
new file mode 100644
index 0000000000..f89d99e6e8
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00K.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+  break-inside: avoid;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 3in;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00L-ref.html b/layout/reftests/pagination/fieldset-00L-ref.html
new file mode 100644
index 0000000000..441b94fddc
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00L-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 1em;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 5in;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  A
+  <br style="page-break-after:always">
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00L.html b/layout/reftests/pagination/fieldset-00L.html
new file mode 100644
index 0000000000..c680febc6f
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00L.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=471015">
+  <meta name="flags" content="paged">
+  <style>
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+}
+fieldset {
+  padding: 1em;
+  margin: 0;
+  border: 0;
+  border: 0.1in solid black;
+}
+legend {
+  break-inside: avoid;
+  padding: 0;
+  margin: 0;
+  width: 3em;
+  height: 5in;
+  box-sizing: border-box;
+  border: 0.1in solid black;
+}
+</style>
+</head>
+<body>
+  A
+  <fieldset><legend></legend></fieldset>
+</body>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00M-ref.html b/layout/reftests/pagination/fieldset-00M-ref.html
new file mode 100644
index 0000000000..cc89e41703
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00M-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <title>CSS Reference: fieldset fragmentation</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1735375">
+  <meta name="flags" content="paged">
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+  html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+  }
+  .flexbox {
+    display: flex;
+  }
+  .fieldset {
+    padding: 0;
+    margin: 0;
+    border: 1em solid black;
+  }
+  </style>
+
+  <div class="flexbox">
+    <div>
+      <div>BEFORE</div>
+      <div class="fieldset">A<br>B<br>C</div>
+    </div>
+  </div>
+</html>
diff --git a/layout/reftests/pagination/fieldset-00M.html b/layout/reftests/pagination/fieldset-00M.html
new file mode 100644
index 0000000000..37db42a1e2
--- /dev/null
+++ b/layout/reftests/pagination/fieldset-00M.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <title>CSS Test: fieldset fragmentation</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1735375">
+  <meta name="flags" content="paged">
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+  html,body {
+    color:black; background-color:white; font:0.5in/1 monospace; padding:0; margin:0;
+  }
+  .flexbox {
+    display: flex;
+  }
+  fieldset {
+    padding: 0;
+    margin: 0;
+    border: 1em solid black;
+  }
+  </style>
+
+  <div class="flexbox">
+    <div>
+      <div>BEFORE</div>
+      <fieldset>A<br>B<br>C</fieldset>
+    </div>
+  </div>
+</html>
diff --git a/layout/reftests/pagination/float-clear-000-print.html b/layout/reftests/pagination/float-clear-000-print.html
new file mode 100644
index 0000000000..b2ea7c907a
--- /dev/null
+++ b/layout/reftests/pagination/float-clear-000-print.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<style type="text/css">
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+.float {
+  float: right;
+  width: 15px;
+  background: aqua;
+  height: 5in;
+}
+.L {
+  float: left;
+}
+
+.container {
+  width: 100%;
+  background: red;
+}
+
+.clear {
+  border-bottom: solid orange;
+}
+</style>
+
+<div class="container">
+  <div class="float L"></div>
+  <div class="float R"></div>
+</div>
+<div class="clear">
+  <br clear="all">
+</div>
diff --git a/layout/reftests/pagination/float-clear-000-print.ref.html b/layout/reftests/pagination/float-clear-000-print.ref.html
new file mode 100644
index 0000000000..93f9aae19f
--- /dev/null
+++ b/layout/reftests/pagination/float-clear-000-print.ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<style type="text/css">
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+.container {
+  border: 15px aqua;
+  border-style: none solid;
+  height: 5in;
+}
+.clear {
+  border-bottom: solid orange;
+  background: red;
+}
+</style>
+
+<div class="container">
+</div>
+<div class="clear">
+</div>
diff --git a/layout/reftests/pagination/float-clear-001-print.html b/layout/reftests/pagination/float-clear-001-print.html
new file mode 100644
index 0000000000..ecb1ae2c58
--- /dev/null
+++ b/layout/reftests/pagination/float-clear-001-print.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<style type="text/css">
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+.float {
+  float: right;
+  width: 15px;
+  background: aqua;
+  height: 5in;
+}
+.L {
+  float: left;
+}
+
+.container {
+  width: 100%;
+}
+
+.clear {
+  border-bottom: solid orange;
+  background: red;
+}
+</style>
+
+<div class="container">
+  <div class="float L"></div>
+  <div class="float R"></div>
+  <br clear="all">
+</div>
+<div class="clear">
+</div>
diff --git a/layout/reftests/pagination/float-clear-002-print.html b/layout/reftests/pagination/float-clear-002-print.html
new file mode 100644
index 0000000000..e81cc08eb2
--- /dev/null
+++ b/layout/reftests/pagination/float-clear-002-print.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<style type="text/css">
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+.float {
+  float: right;
+  width: 15px;
+  background: aqua;
+  height: 5in;
+}
+.L {
+  float: left;
+}
+
+.container {
+  width: 100%;
+  height: 2in;
+}
+
+.clear {
+  clear: left;
+  border-bottom: solid orange;
+  background: red;
+}
+</style>
+
+<div class="container">
+  <div class="float L"></div>
+  <div class="float R"></div>
+</div>
+<div class="clear"></div>
diff --git a/layout/reftests/pagination/float-clear-003-print.html b/layout/reftests/pagination/float-clear-003-print.html
new file mode 100644
index 0000000000..4b1bbbfa40
--- /dev/null
+++ b/layout/reftests/pagination/float-clear-003-print.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html class="reftest-paged">
+<style type="text/css">
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+.step {
+  height: 1in;
+  border: 15px aqua;
+  border-style: none solid;
+}
+.float {
+  float: right;
+  width: 15px;
+  background: aqua;
+  height: 4in;
+}
+.L {
+  float: left;
+}
+
+.container {
+  width: 100%;
+  background: red;
+}
+
+.clear {
+  clear: left;
+  height: 0;
+  background: red;
+}
+.bar {
+  border-bottom: orange solid;
+}
+</style>
+
+<div class="step"></div>
+<div class="container">
+  <div class="float L"></div>
+  <div class="float R"></div>
+</div>
+<div class="clear"><div class="bar"></div></div>
diff --git a/layout/reftests/pagination/float-continuations-000.html b/layout/reftests/pagination/float-continuations-000.html
new file mode 100644
index 0000000000..34d90dccdd
--- /dev/null
+++ b/layout/reftests/pagination/float-continuations-000.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<style type="text/css">
+
+.multicol {
+  margin: 1em;
+  border: solid silver;
+  width: 500px;
+  column-width: 100px;
+  column-gap: 0;
+  height: 100px;
+}
+
+div {
+  margin: 2px 0;
+  border: 2px white;
+  border-style: solid none;
+}
+
+.float {
+  float: right;
+  margin: 44px 0;
+  width: 15px;
+  background: aqua;
+  border-color: aqua;
+  height: 296px;
+}
+
+#float0 {
+  float: left;
+  width: 30px;
+  margin-right: 5px;
+  margin-bottom: 0;
+}
+
+#float1 {
+  margin-left: -15px;
+  margin-right: -5px;
+  position: relative;
+  right: 5px;
+}
+#float2 {
+  margin-left: 5px;
+  margin-right: 15px;
+}
+
+#clear {
+  clear: left;
+  border: 2px solid orange;
+}
+
+#c1 {
+  height: 142px;
+}
+
+#c2 {
+  border-bottom: none;
+}
+
+#c3 {
+  height: 100px;
+  border-bottom: 4px solid orange;
+}
+#c4 {
+  height: 192px;
+  border-bottom: 4px solid orange;
+}
+
+hr {
+  border: solid orange 20px;
+  border-style: none solid;
+  height: 4px;
+  margin: 0 -5px;
+  padding: 0;
+  position: relative;
+  z-index: 20;
+}
+
+#c2 > hr {
+  margin-top: 44px;
+}
+</style>
+
+<body onload="var f = document.getElementById('float0');
+              f.style.height = '20px';
+              document.body.offsetHeight;
+              f.style.height = '900px';
+              document.body.offsetHeight;
+              f.style.height = '';
+              document.body.offsetHeight;
+              var c = document.getElementById('c2');
+              c.style.height = '900px';
+              document.body.offsetHeight;
+              c.style.height = '';
+">
+
+<div class="multicol">
+  <div id="c1">
+    <div id="c2">
+      <div class="float" id="float0"></div>
+      <div class="float" id="float1"></div>
+      <div class="float" id="float2"></div>
+      <hr>
+    </div>
+  </div>
+  <div id="c3"><hr><div id="clear"></div></div>
+  <div id="c4"></div>
+</div>
diff --git a/layout/reftests/pagination/float-continuations-000.ref.html b/layout/reftests/pagination/float-continuations-000.ref.html
new file mode 100644
index 0000000000..578cbc1ce5
--- /dev/null
+++ b/layout/reftests/pagination/float-continuations-000.ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<style type="text/css">
+
+.multicol {
+  margin: 1em;
+  border: solid silver;
+  width: 500px;
+  column-width: 100px;
+  column-gap: 0;
+  height: 100px;
+  position: relative;
+}
+
+#clear {
+  top: 50px;
+  border-top: 4px solid orange;
+  width: 100%;
+  position: absolute;
+  z-index: -1;
+}
+
+.float {
+  border: aqua 30px;
+  border-style: none solid;
+  height: 300px;
+}
+
+.pad {
+  padding-top: 50px;
+}
+</style>
+
+<body>
+
+<div class="multicol">
+  <div id="clear"></div>
+  <div class="pad"></div>
+  <div class="float">&nbsp;</div>
+</div>
diff --git a/layout/reftests/pagination/image.html b/layout/reftests/pagination/image.html
new file mode 100644
index 0000000000..37936fc705
--- /dev/null
+++ b/layout/reftests/pagination/image.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<html class="reftest-paged">
+<img style="display: block; height: 20in"
+     src="data:image/gif,GIF89a%01%00%E8%03%80%00%00%00%00%00%FF%FF%FF!%F9%04%00%00%00%00%00%2C%00%00%00%00%01%00%E8%03%00%02%1E%84%8F%A9%CB%ED%0F%A3%9C%B4%DA%8B%B3%DE%BC%FB%0F%86%E2H%96%E6%89%A6%EA%CA%B6%EE%0B%3B%05%00%3B">
diff --git a/layout/reftests/pagination/inline-block-frag-offset-1-ref.html b/layout/reftests/pagination/inline-block-frag-offset-1-ref.html
new file mode 100644
index 0000000000..17824b4715
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-offset-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page {
+        size: 5in 3in;
+        margin: 0.5in;
+    }
+
+    * {
+        margin: 0;
+    }
+
+    .green {
+        display: block;
+        width: 1in;
+        height: 3in;
+        background-color: green;
+    }
+
+    .blue {
+        width: 1in;
+        height: 1in;
+        background-color: blue;
+        position: absolute;
+        top: 1.5in;
+        z-index: 1;
+    }
+    </style>
+</head>
+<body>
+    <div class="green"></div>
+    <div class="blue"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-offset-1.html b/layout/reftests/pagination/inline-block-frag-offset-1.html
new file mode 100644
index 0000000000..bdb888ffb0
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-offset-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page {
+        size: 5in 3in;
+        margin: 0.5in;
+    }
+
+    * {
+        margin: 0;
+    }
+
+    .green {
+        display: inline-block;
+        width: 1in;
+        height: 3in;
+        background-color: green;
+    }
+
+    .blue {
+        width: 1in;
+        height: 1in;
+        background-color: blue;
+        transform: translateY(1.5in);
+    }
+    </style>
+</head>
+<body>
+    <div class="green">
+        <div class="blue"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-offset-2-ref.html b/layout/reftests/pagination/inline-block-frag-offset-2-ref.html
new file mode 100644
index 0000000000..b43d876e2e
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-offset-2-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page {
+        size: 5in 3in;
+        margin: 0.5in;
+    }
+
+    * {
+        margin: 0;
+    }
+
+    .green {
+        display: block;
+        width: 1in;
+        height: 3in;
+        background-color: green;
+        transform: translateX(0.5in);
+    }
+
+    .blue {
+        width: 1in;
+        height: 1in;
+        background-color: blue;
+        position: absolute;
+        top: 1.5in;
+        transform: translateX(0.5in);
+        z-index: 1;
+    }
+    </style>
+</head>
+<body>
+    <div class="green"></div>
+    <div class="blue"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-offset-2.html b/layout/reftests/pagination/inline-block-frag-offset-2.html
new file mode 100644
index 0000000000..883dc00a33
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-offset-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page {
+        size: 5in 3in;
+        margin: 0.5in;
+    }
+
+    * {
+        margin: 0;
+    }
+
+    .green {
+        display: inline-block;
+        width: 1in;
+        height: 3in;
+        background-color: green;
+        transform: translateX(0.5in);
+    }
+
+    .blue {
+        width: 1in;
+        height: 1in;
+        background-color: blue;
+        transform: translateY(1.5in);
+    }
+    </style>
+</head>
+<body>
+    <div class="green">
+        <div class="blue"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-simple-1-ref.html b/layout/reftests/pagination/inline-block-frag-simple-1-ref.html
new file mode 100644
index 0000000000..3cab5ecaf1
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-simple-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page { size:5in 3in; margin:0.5in; }
+
+    html,
+    body {
+        padding: 0;
+        margin: 0;
+    }
+
+    .gradient {
+        display: block;
+        background: linear-gradient(white, green);
+        border: 1px solid;
+        width: 100px;
+        height: 1000px;
+    }
+    </style>
+</head>
+<body>
+    <div class="gradient"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-simple-1.html b/layout/reftests/pagination/inline-block-frag-simple-1.html
new file mode 100644
index 0000000000..e305a102ae
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-simple-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page { size:5in 3in; margin:0.5in; }
+
+    html,
+    body {
+        padding: 0;
+        margin: 0;
+    }
+
+    .gradient {
+        display: inline-block;
+        background: linear-gradient(white, green);
+        border: 1px solid;
+        width: 100px;
+        height: 1000px;
+    }
+    </style>
+</head>
+<body>
+    <div class="gradient"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-simple-2-ref.html b/layout/reftests/pagination/inline-block-frag-simple-2-ref.html
new file mode 100644
index 0000000000..98cc911504
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-simple-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page { size:5in 3in; margin:0.5in; }
+
+    html,
+    body {
+        padding: 0;
+        margin: 0;
+    }
+
+    .gradient {
+        display: block;
+        background: linear-gradient(white, green);
+        border: 1px solid;
+        width: 100px;
+        height: 1000px;
+    }
+    </style>
+</head>
+<body>
+    <div style="page-break-after: always;"></div>
+    <div class="gradient"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-simple-2.html b/layout/reftests/pagination/inline-block-frag-simple-2.html
new file mode 100644
index 0000000000..a926027a5b
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-simple-2.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page { size:5in 3in; margin:0.5in; }
+
+    html,
+    body {
+        padding: 0;
+        margin: 0;
+    }
+
+    .gradient {
+        display: inline-block;
+        background: linear-gradient(white, green);
+        border: 1px solid;
+        width: 100px;
+        height: 1000px;
+    }
+    </style>
+</head>
+<body>
+    <div style="page-break-after: always;"></div>
+    <div class="gradient"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-text-1-ref.html b/layout/reftests/pagination/inline-block-frag-text-1-ref.html
new file mode 100644
index 0000000000..d8b22419b9
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-text-1-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page {
+        size: 5in 3in;
+        margin: 0;
+    }
+
+    @font-face {
+      font-family: Ahem;
+      src: url(../fonts/Ahem.ttf);
+    }
+
+    * {
+        margin: 0;
+        padding: 0;
+    }
+
+    .text {
+        display: block;
+        border: 2px solid;
+        background-color: grey;
+        width: 220px;
+        font: 50px/1 Ahem;
+    }
+
+    .first {
+        position: absolute;
+        top: calc(3in - 25px);
+        left: 0px;
+    }
+
+    .second {
+        position: relative;
+        top: -25px;
+        left: 0px;
+    }
+    </style>
+</head>
+
+<body>
+    <div class="text first">XpXp</div>
+    <div style="page-break-after: always"></div>
+    <div class="text second">XpXp</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-frag-text-1.html b/layout/reftests/pagination/inline-block-frag-text-1.html
new file mode 100644
index 0000000000..5297c8ab79
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-frag-text-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+<head>
+    <style>
+    @page {
+        size: 5in 3in;
+        margin: 0;
+    }
+
+    @font-face {
+      font-family: Ahem;
+      src: url(../fonts/Ahem.ttf);
+    }
+
+    * {
+        margin: 0;
+        padding: 0;
+    }
+
+    .text {
+        display: inline-block;
+        border: 2px solid;
+        background-color: grey;
+        width: 220px;
+        font: 50px/1 Ahem;
+    }
+
+    .pos {
+        position: absolute;
+        top: calc(3in - 25px);
+        left: 0px;
+    }
+    </style>
+</head>
+<body>
+    <div class="text pos">XpXp</div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-1-ref.html b/layout/reftests/pagination/inline-block-slice-1-ref.html
new file mode 100644
index 0000000000..9793be3e11
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 150vh;
+  background-color: grey;
+  vertical-align: top;
+}
+
+.after {
+  inline-size: 50vw;
+  block-size: 10vh;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-1.html b/layout/reftests/pagination/inline-block-slice-1.html
new file mode 100644
index 0000000000..6f8392e5ac
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 150vh;
+  background-color: grey;
+  vertical-align: top;
+}
+
+.after {
+  inline-size: 50vw;
+  block-size: 10vh;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-1b-ref.html b/layout/reftests/pagination/inline-block-slice-1b-ref.html
new file mode 100644
index 0000000000..d4aba85ca0
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-1b-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  background-color: grey;
+  vertical-align: top;
+}
+
+.after {
+  inline-size: 50vh;
+  block-size: 10vw;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-1b.html b/layout/reftests/pagination/inline-block-slice-1b.html
new file mode 100644
index 0000000000..41619c2d98
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-1b.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  background-color: grey;
+  vertical-align: top;
+}
+
+.after {
+  inline-size: 50vh;
+  block-size: 10vw;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-1c-ref.html b/layout/reftests/pagination/inline-block-slice-1c-ref.html
new file mode 100644
index 0000000000..b40cbf262e
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-1c-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  background-color: grey;
+  vertical-align: top;
+}
+
+.after {
+  inline-size: 50vh;
+  block-size: 10vw;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-1c.html b/layout/reftests/pagination/inline-block-slice-1c.html
new file mode 100644
index 0000000000..0eb4f6a660
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-1c.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  background-color: grey;
+  vertical-align: top;
+}
+
+.after {
+  inline-size: 50vh;
+  block-size: 10vw;
+  background-color: black;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-2-ref.html b/layout/reftests/pagination/inline-block-slice-2-ref.html
new file mode 100644
index 0000000000..11a9f568f1
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-2-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 150vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  inline-size: 60vw;
+  block-size: 10vh;
+  position: relative;
+  inset-block-start: -20vh;
+  border: 5px solid grey;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-2.html b/layout/reftests/pagination/inline-block-slice-2.html
new file mode 100644
index 0000000000..258527cfa5
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 150vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  inline-size: 60vw;
+  block-size: 10vh;
+  position: relative;
+  inset-block-start: -20vh;
+  border: 5px solid grey;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-2b-ref.html b/layout/reftests/pagination/inline-block-slice-2b-ref.html
new file mode 100644
index 0000000000..bd648957e6
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-2b-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 10vw;
+  position: relative;
+  inset-block-start: -20vw;
+  border: 5px solid grey;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-2b.html b/layout/reftests/pagination/inline-block-slice-2b.html
new file mode 100644
index 0000000000..831e568e71
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-2b.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 10vw;
+  position: relative;
+  inset-block-start: -20vw;
+  border: 5px solid grey;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-2c-ref.html b/layout/reftests/pagination/inline-block-slice-2c-ref.html
new file mode 100644
index 0000000000..1c643d1881
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-2c-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 10vw;
+  position: relative;
+  inset-block-start: -20vw;
+  border: 5px solid grey;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-2c.html b/layout/reftests/pagination/inline-block-slice-2c.html
new file mode 100644
index 0000000000..f6ea9f6d79
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-2c.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 150vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 10vw;
+  position: relative;
+  inset-block-start: -20vw;
+  border: 5px solid grey;
+  background-color: white;
+}
+</style>
+</head>
+<body>
+    <div class="ib"></div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-3-ref.html b/layout/reftests/pagination/inline-block-slice-3-ref.html
new file mode 100644
index 0000000000..00cadb6166
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-3-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 130vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vw;
+  block-size: 150vh;
+  border: 5px solid grey;
+}
+
+.after {
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-3.html b/layout/reftests/pagination/inline-block-slice-3.html
new file mode 100644
index 0000000000..2fcb06d8b8
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-3.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 130vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vw;
+  block-size: 150vh;
+  border: 5px solid grey;
+}
+
+.after {
+  display: inline-block;
+  vertical-align: top;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-3b-ref.html b/layout/reftests/pagination/inline-block-slice-3b-ref.html
new file mode 100644
index 0000000000..dae62a8ce0
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-3b-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-3b.html b/layout/reftests/pagination/inline-block-slice-3b.html
new file mode 100644
index 0000000000..3db9323699
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-3b.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  display: inline-block;
+  vertical-align: top;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-3c-ref.html b/layout/reftests/pagination/inline-block-slice-3c-ref.html
new file mode 100644
index 0000000000..733dbda168
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-3c-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-3c.html b/layout/reftests/pagination/inline-block-slice-3c.html
new file mode 100644
index 0000000000..6bca5af2d4
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-3c.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  display: inline-block;
+  vertical-align: top;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-4-ref.html b/layout/reftests/pagination/inline-block-slice-4-ref.html
new file mode 100644
index 0000000000..ed517fb66e
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-4-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+html { margin-block-start: 80vh; }
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 130vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vw;
+  block-size: 150vh;
+  border: 5px solid grey;
+}
+
+.after {
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-4.html b/layout/reftests/pagination/inline-block-slice-4.html
new file mode 100644
index 0000000000..c3d8008442
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-4.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+}
+html { margin-block-start: 80vh; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 130vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vw;
+  block-size: 150vh;
+  border: 5px solid grey;
+}
+
+.after {
+  display: inline-block;
+  vertical-align: top;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-4b-ref.html b/layout/reftests/pagination/inline-block-slice-4b-ref.html
new file mode 100644
index 0000000000..a3336cac5c
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-4b-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+html { margin-block-start: 80vw; }
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 25vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-4b.html b/layout/reftests/pagination/inline-block-slice-4b.html
new file mode 100644
index 0000000000..562931eb86
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-4b.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+html { margin-block-start: 80vw; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  display: inline-block;
+  vertical-align: top;
+  inline-size: 60vh;
+  block-size: 25vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-4c-ref.html b/layout/reftests/pagination/inline-block-slice-4c-ref.html
new file mode 100644
index 0000000000..de93e8ada1
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-4c-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+html { margin-block-start: 80vw; }
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  inline-size: 60vh;
+  block-size: 25vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-4c.html b/layout/reftests/pagination/inline-block-slice-4c.html
new file mode 100644
index 0000000000..b1415ef939
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-4c.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+html { margin-block-start: 80vw; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 130vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.ib > div {
+  inline-size: 50vh;
+  block-size: 150vw;
+  border: 5px solid grey;
+}
+
+.after {
+  display: inline-block;
+  vertical-align: top;
+  inline-size: 60vh;
+  block-size: 25vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+    <div class="ib">
+      <div></div>
+    </div>
+    <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-5-ref.html b/layout/reftests/pagination/inline-block-slice-5-ref.html
new file mode 100644
index 0000000000..0c3b4ae605
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-5-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  border: 5px solid black;
+  margin-left: 20px;
+  margin-top: -20px;
+}
+
+.after {
+  display: block;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<span style="display:inline-block; inline-size:50vw; border:5px solid transparent"></span>p
+  <div class="ib"></div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-5.html b/layout/reftests/pagination/inline-block-slice-5.html
new file mode 100644
index 0000000000..105ab942f7
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-5.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  display: block;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-5b-ref.html b/layout/reftests/pagination/inline-block-slice-5b-ref.html
new file mode 100644
index 0000000000..c1d0f6f517
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-5b-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  margin-inline-start: 20px;
+  margin-block-end: -20px;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  <div class="ib"></div>
+  X<span style="display:inline-block; inline-size:50vh; border:5px solid transparent"></span>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-5b.html b/layout/reftests/pagination/inline-block-slice-5b.html
new file mode 100644
index 0000000000..07684ea506
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-5b.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  vertical-align: top;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-5c-ref.html b/layout/reftests/pagination/inline-block-slice-5c-ref.html
new file mode 100644
index 0000000000..e3ca384695
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-5c-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  margin-inline-start: 20px;
+  margin-block-start: -20px;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<span style="display:inline-block; inline-size:50vh; border:5px solid transparent"></span>p
+  <div class="ib"></div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-5c.html b/layout/reftests/pagination/inline-block-slice-5c.html
new file mode 100644
index 0000000000..4965181ff0
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-5c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  vertical-align: top;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-6-ref.html b/layout/reftests/pagination/inline-block-slice-6-ref.html
new file mode 100644
index 0000000000..ad673c23c2
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-6-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vh; }
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  border: 5px solid black;
+  margin-left: 20px;
+  margin-top: -20px;
+}
+
+.after {
+  display: block;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<span style="display:inline-block; inline-size:50vw; border:5px solid transparent"></span>p
+  <div class="ib"></div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-6.html b/layout/reftests/pagination/inline-block-slice-6.html
new file mode 100644
index 0000000000..e6688ef199
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-6.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vh; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  display: block;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-6b-ref.html b/layout/reftests/pagination/inline-block-slice-6b-ref.html
new file mode 100644
index 0000000000..38b1dcfb12
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-6b-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+html { block-size: 40vw; }
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  border: 5px solid black;
+  margin-top: 20px;
+  margin-right: -20px;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  <div class="ib"></div>
+  X<span style="display:inline-block; inline-size:50vh; border:5px solid transparent"></span>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-6b.html b/layout/reftests/pagination/inline-block-slice-6b.html
new file mode 100644
index 0000000000..1ddbbfdada
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-6b.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+html { block-size: 40vw; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  vertical-align: top;
+  border: 5px solid black;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-6c-ref.html b/layout/reftests/pagination/inline-block-slice-6c-ref.html
new file mode 100644
index 0000000000..9754426561
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-6c-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vw; writing-mode: vertical-rl; }
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  border: 5px solid black;
+  margin-top: 20px;
+  margin-right: -20px;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<span style="display:inline-block; inline-size:50vh; border:5px solid transparent"></span>p
+  <div class="ib"></div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-6c.html b/layout/reftests/pagination/inline-block-slice-6c.html
new file mode 100644
index 0000000000..425e25936f
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-6c.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vw; writing-mode: vertical-rl; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  vertical-align: top;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+}
+
+.after {
+  display: block;
+  inline-size: 60vh;
+  block-size: 10vw;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-7-ref.html b/layout/reftests/pagination/inline-block-slice-7-ref.html
new file mode 100644
index 0000000000..e47980b573
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-7-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vh; }
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  border: 5px solid black;
+  margin-left: 20px;
+  margin-top: -20px;
+}
+.ib > div {
+  block-size: 220vh; /* creates a bit of scrollable overflow on .ib */
+}
+
+.after {
+  display: block;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  X<span style="display:inline-block; inline-size:50vw; border:5px solid transparent"></span>p
+  <div class="ib"><div></div></div>
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-7.html b/layout/reftests/pagination/inline-block-slice-7.html
new file mode 100644
index 0000000000..a4f69a5863
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-7.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vh; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  vertical-align: top;
+  border: 5px solid black;
+}
+.ib > div {
+  block-size: 220vh; /* creates a bit of scrollable overflow on .ib */
+}
+
+.after {
+  display: block;
+  inline-size: 60vw;
+  block-size: 10vh;
+  border: 5px dashed grey;
+  background-color: grey;
+}
+</style>
+</head>
+<body>
+  <!--
+    -- Note that the correct rendering is that the grey block placed
+    -- immediately below the black bottom border.  Our fragmentation
+    -- fallback mechanism can't handle this case correctly.
+    -->
+  X<div class="ib"><div></div></div>p
+  <div class="after"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-8-ref.html b/layout/reftests/pagination/inline-block-slice-8-ref.html
new file mode 100644
index 0000000000..5f0a0a105a
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-8-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vh; }
+
+.ib {
+  display: block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  margin-inline-start: 20px;
+  margin-block-start: -20px;
+}
+</style>
+</head>
+<body>
+  X<span style="display:inline-block; inline-size:50vw; border:5px solid transparent"></span>p
+  <div class="ib"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-8.html b/layout/reftests/pagination/inline-block-slice-8.html
new file mode 100644
index 0000000000..d5b6968a5c
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-8.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vh; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vw;
+  block-size: 210vh;
+  vertical-align: top;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-8b-ref.html b/layout/reftests/pagination/inline-block-slice-8b-ref.html
new file mode 100644
index 0000000000..2a4149d7a6
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-8b-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+html { block-size: 40vw; }
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  margin-inline-start: 20px;
+  margin-block-end: -20px;
+}
+</style>
+</head>
+<body>
+  <div class="ib"></div>
+  X<span style="display:inline-block; inline-size:50vh; border:5px solid transparent"></span>p
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-8b.html b/layout/reftests/pagination/inline-block-slice-8b.html
new file mode 100644
index 0000000000..1525983a95
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-8b.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-lr;
+}
+html { block-size: 40vw; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  vertical-align: top;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-8c-ref.html b/layout/reftests/pagination/inline-block-slice-8c-ref.html
new file mode 100644
index 0000000000..839cadf6b6
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-8c-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+}
+html { block-size: 40vw; writing-mode: vertical-rl; }
+
+.ib {
+  display: block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+  margin-inline-start: 20px;
+  margin-block-start: -20px;
+}
+</style>
+</head>
+<body>
+  X<span style="display:inline-block; inline-size:50vh; border:5px solid transparent"></span>p
+  <div class="ib"></div>
+</body>
+</html>
diff --git a/layout/reftests/pagination/inline-block-slice-8c.html b/layout/reftests/pagination/inline-block-slice-8c.html
new file mode 100644
index 0000000000..6b25d0d951
--- /dev/null
+++ b/layout/reftests/pagination/inline-block-slice-8c.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-paged">
+<head>
+<style>
+@page {
+  size: 5in 3in;
+  margin: 0.5in;
+}
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+html,body {
+  color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
+  writing-mode: vertical-rl;
+}
+html { block-size: 40vw; }
+
+.ib {
+  display: inline-block;
+  inline-size: 50vh;
+  block-size: 210vw;
+  vertical-align: top;
+  border: 5px solid black;
+  border-block-start-color: blue;
+  border-inline-start-color: lime;
+}
+</style>
+</head>
+<body>
+  X<div class="ib"></div>p
+</body>
+</html>
diff --git a/layout/reftests/pagination/quirks-notref.html b/layout/reftests/pagination/quirks-notref.html
new file mode 100644
index 0000000000..5f225005d8
--- /dev/null
+++ b/layout/reftests/pagination/quirks-notref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<!-- bug 1567105 -->
+<html class="reftest-paged">
+<meta charset="utf-8">
+<!-- Intentionally blank -->
diff --git a/layout/reftests/pagination/quirks-ref.html b/layout/reftests/pagination/quirks-ref.html
new file mode 100644
index 0000000000..312bb9daef
--- /dev/null
+++ b/layout/reftests/pagination/quirks-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html class="reftest-paged">
+<meta charset="utf-8">
+<body>
+  Some content that I should be able to print.
+</body>
diff --git a/layout/reftests/pagination/quirks.html b/layout/reftests/pagination/quirks.html
new file mode 100644
index 0000000000..2cfe260065
--- /dev/null
+++ b/layout/reftests/pagination/quirks.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<!-- bug 1567105 -->
+<html class="reftest-paged">
+<meta charset="utf-8">
+<style>
+  .HiDdEn { display: none }
+</style>
+<body class="hidden">
+  Some content that I should be able to print.
+</body>
diff --git a/layout/reftests/pagination/reftest.list b/layout/reftests/pagination/reftest.list
new file mode 100644
index 0000000000..6946a3126a
--- /dev/null
+++ b/layout/reftests/pagination/reftest.list
@@ -0,0 +1,205 @@
+# For more pagination tests, see layout/reftests/w3c-css/submitted/css21/pagination/,
+#   layout/reftests/css-page/, and layout/reftests/w3c-css/submitted/multicol3/
+# Pagination tests
+# asserts(3) == abspos-breaking-000.xhtml abspos-breaking-000.ref.xhtml # bug 1067755, 1135556
+== abspos-breaking-001.xhtml abspos-breaking-000.ref.xhtml
+== abspos-breaking-002.xhtml abspos-breaking-000.ref.xhtml
+== abspos-breaking-003.html abspos-breaking-003-ref.html
+== abspos-breaking-004.html abspos-breaking-004-ref.html
+== abspos-breaking-005.html abspos-breaking-005-ref.html
+== abspos-breaking-006.html abspos-breaking-006-ref.html
+== abspos-breaking-007.html abspos-breaking-007-ref.html
+== abspos-breaking-008.html abspos-breaking-008-ref.html
+== abspos-breaking-009.html abspos-breaking-009-ref.html
+== abspos-breaking-010.html abspos-breaking-010-ref.html
+== abspos-breaking-011.html abspos-breaking-011-ref.html # Bug 1392106
+== abspos-breaking-dynamic-001.html abspos-breaking-dynamic-001-ref.html
+== abspos-breaking-dynamic-002.html abspos-breaking-dynamic-002-ref.html
+== abspos-breaking-dynamic-003.html abspos-breaking-dynamic-003-ref.html
+== abspos-breaking-dynamic-004.html abspos-breaking-dynamic-001-ref.html
+== abspos-breaking-dynamic-005.html abspos-breaking-dynamic-005-ref.html
+== abspos-overflow-01.xhtml abspos-overflow-01.ref.xhtml
+== abspos-overflow-01-cols.xhtml abspos-overflow-01-cols.ref.xhtml
+== border-breaking-000-cols.xhtml border-breaking-000-cols.ref.xhtml
+== border-breaking-001-cols.xhtml border-breaking-001-cols.ref.xhtml
+== border-breaking-002-cols.xhtml border-breaking-002-cols.ref.xhtml
+== border-breaking-003-cols.xhtml border-breaking-003-cols.ref.xhtml
+fails == border-breaking-004-cols.xhtml border-breaking-002-cols.ref.xhtml
+== content-inserted-000.xhtml content-inserted-000.ref.xhtml
+== content-inserted-001.xhtml content-inserted-001.ref.xhtml
+== content-inserted-002.xhtml content-inserted-002.ref.xhtml
+== content-inserted-003.xhtml content-inserted-002.ref.xhtml
+== content-inserted-004.xhtml content-inserted-002.ref.xhtml
+== content-inserted-005.xhtml content-inserted-002.ref.xhtml
+== content-inserted-006.xhtml content-inserted-002.ref.xhtml
+== content-inserted-007.xhtml content-inserted-002.ref.xhtml
+== content-inserted-008.xhtml content-inserted-001.ref.xhtml
+== content-inserted-009.xhtml content-inserted-002.ref.xhtml
+== dynamic-abspos-overflow-01-cols.xhtml dynamic-abspos-overflow-01-cols.ref.xhtml
+== float-clear-000-print.html float-clear-000-print.ref.html
+== float-clear-001-print.html float-clear-000-print.ref.html
+== float-clear-002-print.html float-clear-000-print.ref.html
+== float-clear-003-print.html float-clear-000-print.ref.html
+fails == float-continuations-000.html float-continuations-000.ref.html
+fuzzy(0-1,0-21) == resize-reflow-000.html resize-reflow-000.ref.html
+fuzzy(0-1,0-23) == resize-reflow-001.html resize-reflow-001.ref.html
+== table-page-break-before-auto-1.html table-page-break-before-auto-1-ref.html
+#== table-page-break-before-auto-2.html table-page-break-before-auto-2-ref.html bug 563280
+== table-page-break-before-always-1.html table-page-break-before-auto-2-ref.html
+== table-page-break-before-left-1.html table-page-break-before-auto-2-ref.html
+== table-page-break-before-right-1.html table-page-break-before-auto-2-ref.html
+== table-page-break-after-always-1.html table-page-break-before-auto-2-ref.html
+== table-page-break-after-left-1.html table-page-break-before-auto-2-ref.html
+== table-page-break-after-right-1.html table-page-break-before-auto-2-ref.html
+== rowgroup-page-break-after-always-1.html table-page-break-before-auto-2-ref.html
+== row-page-break-after-always-1.html table-page-break-before-auto-2-ref.html
+== row-page-break-after-always-2.html table-page-break-before-auto-2-ref.html
+== rowgroup-thead-page-break-after-always-1.html table-page-break-before-auto-3-ref.html
+== rowgroup-tfoot-page-break-after-always-1.html table-page-break-before-auto-3-ref.html
+== table-tfoot-thead-1.html table-tfoot-thead-1-ref.html
+== table-caption-splitrowgroup-1.html table-caption-splitrowgroup-1-ref.html
+== table-caption-splitaftercaption-1.html table-caption-splitaftercaption-1-ref.html
+== table-caption-splitaftercaption-2.html table-caption-splitaftercaption-2-ref.html
+== table-caption-splitaftercaption-3.html table-caption-splitaftercaption-3-ref.html
+== table-caption-splitaftercaption-4.html table-caption-splitaftercaption-4-ref.html
+== table-caption-splitaftercaption-5.html table-caption-splitaftercaption-5-ref.html
+# == table-caption-splitaftercaption-8.html blank.html # bug 672654
+# == table-caption-splitaftercaption-9.html blank.html # bug 672654
+== table-cell-breaking-1a.html table-cell-breaking-1-ref.html
+== table-cell-breaking-1b.html table-cell-breaking-1-ref.html
+== table-cell-breaking-2a.html table-cell-breaking-2-ref.html
+== table-cell-breaking-2b.html table-cell-breaking-2-ref.html
+pref(layout.display-list.improve-fragmentation,false) == table-cell-breaking-3a.html table-cell-breaking-3a-ref.html
+pref(layout.display-list.improve-fragmentation,true) == table-cell-breaking-3a.html table-cell-breaking-3-ref.html
+asserts(1-1) pref(layout.display-list.improve-fragmentation,false) == table-cell-breaking-3b.html table-cell-breaking-3-ref.html # bug 714667
+asserts(1-1) pref(layout.display-list.improve-fragmentation,true) fails == table-cell-breaking-3b.html table-cell-breaking-3-ref.html # assert is bug 714667, fails due to bug 1681063
+== column-balancing-break-inside-avoid-2.html column-balancing-break-inside-avoid-2-ref.html
+fuzzy-if(Android,0-4,0-2) fuzzy-if(swgl,0-1,0-35) == combobox-page-break-inside.html combobox-page-break-inside-ref.html
+pref(layout.display-list.improve-fragmentation,false) fuzzy-if(OSX,23-23,1-1) == table-nested-1308876-1.xhtml table-nested-1308876-1-ref.html # bug 1681063
+== contain-size-break-001.html contain-size-break-001-ref.html
+== contain-size-break-002.html contain-size-break-002-ref.html
+== contain-size-break-003.html contain-size-break-003-ref.html
+
+# Bugs
+== 272830-1.html 272830-1-ref.html
+== 318022-1.html 318022-1-ref.html
+== 403669-1.html 403669-1-ref.html
+== 381497-n.html 381497-f.html
+== test-async-paged.html 272830-1-ref.html
+== 129941-1a.html 129941-1-ref.html
+== 129941-1b.html 129941-1-ref.html
+== 129941-1c.html 129941-1-ref.html
+== 129941-1d.html 129941-1-ref.html
+== 129941-1e.html 129941-1e-ref.html
+== 609227-1.html 609227-1-ref.html
+== 609227-2a.html 609227-2-ref.html
+== 609227-2b.html 609227-2-ref.html
+== 577450-1.html 577450-1-ref.html
+== 626395-1a.html 626395-1-ref.html
+== 626395-1b.html 626395-1-ref.html
+== 626395-2a.html 626395-2-ref.html
+== 626395-2b.html 626395-2-ref.html
+== 626395-2c.html 626395-2-ref.html
+== 626395-2d.html 626395-2-ref.html
+== 652178-1.html 652178-1-ref.html
+== 115199-1.html 115199-1-ref.html
+== 115199-2a.html 115199-2-ref.html
+== 115199-2b.html 115199-2-ref.html
+== 652178-1.html 652178-1-ref2.html
+fuzzy-if(cocoaWidget,0-1,0-5000) fuzzy-if(swgl,0-1,0-9) == 745025-1.html 745025-1-ref.html
+== 820496-1.html 820496-1-ref.html
+
+# NOTE: These tests don't yet rigorously test what they're
+# trying to test (shrink-to-fit behavior), due to bug 967311.
+== 960822.html 960822-ref.html
+== 966419-1.html 966419-1-ref.html
+== 966419-2.html 966419-2-ref.html
+
+# asserts(3) fails 1108104.html 1108104-ref.html # bug 1067755, 1135556
+== 1166147.html 1166147-ref.html
+== 1321803-1a.html 1321803-1-ref.html
+== 1404868-1.html 1404868-1-ref.html
+== 1406050-1.html 1406050-1-ref.html
+== 1406291-1.html 1406291-1-ref.html
+== 1409585-1.html 1409585-1-ref.html
+== 1411799-1.html 1411799-1-ref.html
+== 1420528-1.html 1420528-1-ref.html
+== 1427141-1.html 1427141-ref.html
+== 1427141-2.html 1427141-ref.html
+== 1468654-1.html 1468654-1-ref.html
+== 1596310.html 1596310-ref.html
+
+fuzzy-if(swgl,0-1,0-3) == content-url-element.html image.html # Fuzz in reftest background
+fuzzy-if(swgl,0-1,0-3) == content-url-pseudo.html content-url-pseudo-ref.html # As above
+
+== quirks.html quirks-ref.html
+!= quirks.html quirks-notref.html
+
+== fieldset-001.html fieldset-001-ref.html
+== fieldset-001-grid.html fieldset-001-ref.html
+== fieldset-002.html fieldset-002-ref.html
+== fieldset-003.html fieldset-003-ref.html
+== fieldset-004.html fieldset-004-ref.html
+== fieldset-005.html fieldset-005-ref.html
+== fieldset-006.html fieldset-006-ref.html
+== fieldset-007.html fieldset-007-ref.html
+== fieldset-008.html fieldset-008-ref.html
+== fieldset-009.html fieldset-009-ref.html
+== fieldset-00A.html fieldset-00A-ref.html
+== fieldset-00B.html fieldset-00B-ref.html
+== fieldset-00C.html fieldset-00C-ref.html
+== fieldset-00D.html fieldset-00D-ref.html
+== fieldset-00E.html fieldset-00E-ref.html
+== fieldset-00F.html fieldset-00F-ref.html
+== fieldset-00G.html fieldset-00G-ref.html
+== fieldset-00H.html fieldset-00H-ref.html
+== fieldset-00H-grid.html fieldset-00H-ref.html
+== fieldset-00I.html fieldset-00I-ref.html
+== fieldset-00I-grid.html fieldset-00I-ref.html
+== fieldset-00J.html fieldset-00J-ref.html
+== fieldset-00J-grid.html fieldset-00J-ref.html
+== fieldset-00K.html fieldset-00K-ref.html
+== fieldset-00L.html fieldset-00L-ref.html
+== fieldset-00M.html fieldset-00M-ref.html
+
+== block-max-height-001.html block-max-height-001-ref.html
+== block-max-height-002.html block-max-height-001-ref.html
+== block-min-height-001.html block-min-height-001-ref.html
+== block-min-height-002.html block-min-height-001-ref.html
+
+== bfc-001.html bfc-001-ref.html
+== bfc-002.html bfc-001-ref.html
+== bfc-003.html bfc-001-ref.html
+fails == bfc-004.html bfc-004-ref.html # bug 1602484
+== bfc-005.html bfc-004-ref.html
+== bfc-006.html bfc-006-ref.html
+== bfc-007.html bfc-006-ref.html
+== bfc-008.html bfc-006-ref.html
+
+pref(layout.display-list.improve-fragmentation,true) fuzzy-if(swgl,0-1,0-200) == inline-block-frag-simple-1.html inline-block-frag-simple-1-ref.html
+pref(layout.display-list.improve-fragmentation,true) fuzzy-if(swgl,0-1,0-21) == inline-block-frag-simple-2.html inline-block-frag-simple-2-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-frag-offset-1.html inline-block-frag-offset-1-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-frag-offset-2.html inline-block-frag-offset-2-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-frag-text-1.html inline-block-frag-text-1-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-1.html inline-block-slice-1-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-1b.html inline-block-slice-1b-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-1c.html inline-block-slice-1c-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-2.html inline-block-slice-2-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-2b.html inline-block-slice-2b-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-2c.html inline-block-slice-2c-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-3.html inline-block-slice-3-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-3b.html inline-block-slice-3b-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-3c.html inline-block-slice-3c-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-4.html inline-block-slice-4-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-4b.html inline-block-slice-4b-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-4c.html inline-block-slice-4c-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-5.html inline-block-slice-5-ref.html
+fuzzy-if(useDrawSnapshot&&gtkWidget,0-102,0-49) pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-5b.html inline-block-slice-5b-ref.html
+fuzzy-if(useDrawSnapshot&&gtkWidget,0-102,0-48) pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-5c.html inline-block-slice-5c-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-6.html inline-block-slice-6-ref.html
+fuzzy-if(useDrawSnapshot&&gtkWidget,0-21,0-36) pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-6b.html inline-block-slice-6b-ref.html
+fuzzy-if(useDrawSnapshot&&gtkWidget,0-102,0-48) pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-6c.html inline-block-slice-6c-ref.html
+pref(layout.display-list.improve-fragmentation,true) != inline-block-slice-7.html inline-block-slice-7-ref.html
+pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-8.html inline-block-slice-8-ref.html
+fuzzy-if(useDrawSnapshot&&gtkWidget,0-102,0-13) pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-8b.html inline-block-slice-8b-ref.html
+fuzzy-if(useDrawSnapshot&&gtkWidget,0-102,0-12) pref(layout.display-list.improve-fragmentation,true) == inline-block-slice-8c.html inline-block-slice-8c-ref.html
diff --git a/layout/reftests/pagination/resize-reflow-000.html b/layout/reftests/pagination/resize-reflow-000.html
new file mode 100644
index 0000000000..b9afc83c86
--- /dev/null
+++ b/layout/reftests/pagination/resize-reflow-000.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Resize Reflow Test</title>
+</head>
+<body>
+
+<div style="column-width: 12em;
+            border: silver solid;
+            width: 30em" id="outer">
+x <div style="border: dotted;
+              background: aqua;
+              color: gray;">
+        blah<br>
+        blah<br>
+        blah<br>
+        blah
+  </div>
+</div>
+
+<script>
+document.body.offsetWidth;
+n = document.getElementById("outer").firstChild;
+n.data = ' ';
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/pagination/resize-reflow-000.ref.html b/layout/reftests/pagination/resize-reflow-000.ref.html
new file mode 100644
index 0000000000..76f4d5e06e
--- /dev/null
+++ b/layout/reftests/pagination/resize-reflow-000.ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Resize Reflow Test</title>
+</head>
+<body>
+
+<div style="column-width: 12em;
+            border: silver solid;
+            width: 30em" id="outer">
+  <div style="border: dotted;
+              background: aqua;
+              color: gray;">
+        blah<br>
+        blah<br>
+        blah<br>
+        blah
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pagination/resize-reflow-001.html b/layout/reftests/pagination/resize-reflow-001.html
new file mode 100644
index 0000000000..3a9acdcae0
--- /dev/null
+++ b/layout/reftests/pagination/resize-reflow-001.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Resize Reflow Harness</title>
+  <style>
+    html,body { height: 100%; overflow:hidden; }
+  </style>
+<body onload="
+var iframe = document.getElementById('outer')
+iframe.style.width = '50em';
+iframe.contentDocument.body.offsetWidth;
+iframe.style.width = '28em';
+document.documentElement.className = '';
+">
+
+<iframe id="outer" src="resize-reflow-001.inner.html" height="90%" frameborder=0></iframe>
+
+<script>
+
+</script>
diff --git a/layout/reftests/pagination/resize-reflow-001.inner.html b/layout/reftests/pagination/resize-reflow-001.inner.html
new file mode 100644
index 0000000000..6eb3e065f3
--- /dev/null
+++ b/layout/reftests/pagination/resize-reflow-001.inner.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Resize Reflow Test</title>
+  <style>
+    html, body { margin: 0; padding: 0; }
+    html { overflow: hidden }
+  </style>
+</head>
+<body>
+
+<div style="column-width: 12em;
+            border: silver solid;
+            height: 5em;">
+  <div style="border: solid;
+              background: aqua;
+              color: gray;">
+        blah<br>
+        blah<br>
+        blah<br>
+        blah
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pagination/resize-reflow-001.ref.html b/layout/reftests/pagination/resize-reflow-001.ref.html
new file mode 100644
index 0000000000..1c39565eb4
--- /dev/null
+++ b/layout/reftests/pagination/resize-reflow-001.ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Resize Reflow Test</title>
+</head>
+<body style="width: 28em">
+
+<div style="column-width: 12em;
+            border: silver solid;
+            height: 5em;">
+  <div style="border: solid;
+              background: aqua;
+              color: gray;">
+        blah<br>
+        blah<br>
+        blah<br>
+        blah
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pagination/row-page-break-after-always-1.html b/layout/reftests/pagination/row-page-break-after-always-1.html
new file mode 100644
index 0000000000..00102308d4
--- /dev/null
+++ b/layout/reftests/pagination/row-page-break-after-always-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table >
+<tbody>
+<tr style="page-break-after:always"><td><div class="spacer"></div></td></tr>
+</tbody>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/row-page-break-after-always-2.html b/layout/reftests/pagination/row-page-break-after-always-2.html
new file mode 100644
index 0000000000..0b84be2b30
--- /dev/null
+++ b/layout/reftests/pagination/row-page-break-after-always-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table >
+<tbody>
+<tr style="page-break-after:always"><td><div class="spacer"></div></td></tr>
+
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/rowgroup-page-break-after-always-1.html b/layout/reftests/pagination/rowgroup-page-break-after-always-1.html
new file mode 100644
index 0000000000..9d14c3aeac
--- /dev/null
+++ b/layout/reftests/pagination/rowgroup-page-break-after-always-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody style="page-break-after:always">
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/rowgroup-tfoot-page-break-after-always-1.html b/layout/reftests/pagination/rowgroup-tfoot-page-break-after-always-1.html
new file mode 100644
index 0000000000..3b20496b3e
--- /dev/null
+++ b/layout/reftests/pagination/rowgroup-tfoot-page-break-after-always-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+<tbody style="page-break-after:always">
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/rowgroup-thead-page-break-after-always-1.html b/layout/reftests/pagination/rowgroup-thead-page-break-after-always-1.html
new file mode 100644
index 0000000000..6064687761
--- /dev/null
+++ b/layout/reftests/pagination/rowgroup-thead-page-break-after-always-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<thead><tr><td><div class="spacer"></div></td></tr></thead>
+<tbody style="page-break-after:always">
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-1-ref.html b/layout/reftests/pagination/table-caption-splitaftercaption-1-ref.html
new file mode 100644
index 0000000000..8bfd9a8d48
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height: 1in; width: 0.5in; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+</style>
+</head>
+<body>
+<div class=filler></div>
+<table cellspacing="0" cellpadding="0" style="page-break-before:always">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-1.html b/layout/reftests/pagination/table-caption-splitaftercaption-1.html
new file mode 100644
index 0000000000..b785b05e73
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height: 1in; width: 0.5in; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+</style>
+</head>
+<body>
+<div class=filler></div>
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-2-ref.html b/layout/reftests/pagination/table-caption-splitaftercaption-2-ref.html
new file mode 100644
index 0000000000..2ae39d64b7
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-2-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height: 0.5in; width: 0.5in; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+</style>
+</head>
+<body>
+<div class=filler></div>
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+
+<table cellspacing="0" cellpadding="0" style="page-break-before:always">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-2.html b/layout/reftests/pagination/table-caption-splitaftercaption-2.html
new file mode 100644
index 0000000000..ad0efd79c0
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height: 0.5in; width: 0.5in; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+</style>
+</head>
+<body>
+<div class=filler></div>
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-3-ref.html b/layout/reftests/pagination/table-caption-splitaftercaption-3-ref.html
new file mode 100644
index 0000000000..cc5552d385
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-3-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+caption {margin-top: 0.1in; margin-bottom:0.2in}
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+
+<table cellspacing="0" cellpadding="0" style="page-break-before:always">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-3.html b/layout/reftests/pagination/table-caption-splitaftercaption-3.html
new file mode 100644
index 0000000000..83dc9c0b79
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+caption {margin-top: 0.1in; margin-bottom:0.2in}
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-4-ref.html b/layout/reftests/pagination/table-caption-splitaftercaption-4-ref.html
new file mode 100644
index 0000000000..26214aa21c
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-4-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+caption {margin-top: 0.15in; margin-bottom:0.15in}
+table {margin-top: 0.15in; margin-bottom:0.15in}
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+
+<table cellspacing="0" cellpadding="0" style="page-break-before:always">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-4.html b/layout/reftests/pagination/table-caption-splitaftercaption-4.html
new file mode 100644
index 0000000000..5e9d5f42d8
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-4.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+caption {margin-top: 0.15in; margin-bottom:0.15in}
+table {margin-top: 0.15in; margin-bottom:0.15in}
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-5-ref.html b/layout/reftests/pagination/table-caption-splitaftercaption-5-ref.html
new file mode 100644
index 0000000000..b66fef887f
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-5-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+caption {margin-top: 0.15in; margin-bottom:0.15in; caption-side:bottom}
+table {margin-top: 0.15in; margin-bottom:0.15in}
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+
+<table cellspacing="0" cellpadding="0" style="page-break-before:always">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-5.html b/layout/reftests/pagination/table-caption-splitaftercaption-5.html
new file mode 100644
index 0000000000..03b5d25b81
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-5.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 0px; width: 0px; padding: 0.2in;border:thin solid green;}
+caption {margin-top: 0.15in; margin-bottom:0.15in; caption-side:bottom}
+table {margin-top: 0.15in; margin-bottom:0.15in}
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-8.html b/layout/reftests/pagination/table-caption-splitaftercaption-8.html
new file mode 100644
index 0000000000..4ac07381a3
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-8.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height:5px; width: 50px; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 20px;border:thin solid green;}
+tfoot div {border-color:orange;}
+caption {margin-top: 5px; margin-bottom:5px; caption-side:top}
+table {margin-top: 5px; margin-bottom:5px}
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer" style="padding-top:160px"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitaftercaption-9.html b/layout/reftests/pagination/table-caption-splitaftercaption-9.html
new file mode 100644
index 0000000000..c6e587e961
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitaftercaption-9.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height:5px; width: 50px; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 20px;border:thin solid green;}
+caption {margin-top: 5px; margin-bottom:5px; caption-side:bottom}
+table {margin-top: 5px; margin-bottom:5px}
+tfoot div.spacer {border-color:orange;}
+tbody div.spacer{border-width: 4px}	
+</style>
+</head>
+<body>
+
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer" style="padding-top:1060px"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitrowgroup-1-ref.html b/layout/reftests/pagination/table-caption-splitrowgroup-1-ref.html
new file mode 100644
index 0000000000..61330812b0
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitrowgroup-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height: 80px; width: 50px; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 20px;border:thin solid green;}
+</style>
+</head>
+<body>
+<div class=filler></div>
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+
+<table cellspacing="0" cellpadding="0" style="page-break-before:always">
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-caption-splitrowgroup-1.html b/layout/reftests/pagination/table-caption-splitrowgroup-1.html
new file mode 100644
index 0000000000..fbc0b6a5a6
--- /dev/null
+++ b/layout/reftests/pagination/table-caption-splitrowgroup-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height: 80px; width: 50px; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 20px;border:thin solid green;}
+</style>
+</head>
+<body>
+<div class=filler></div>
+<table cellspacing="0" cellpadding="0">
+<caption><div class="spacer"></div></caption>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-1-ref.html b/layout/reftests/pagination/table-cell-breaking-1-ref.html
new file mode 100644
index 0000000000..7dfc20e490
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test Reference: breaking of a table-cell</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+  }
+  </style>
+
+  <div class="td">
+    <div style="height: 2in; background: yellow;"></div>
+  </div>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-1a.html b/layout/reftests/pagination/table-cell-breaking-1a.html
new file mode 100644
index 0000000000..9557eb1e0f
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-1a.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test: breaking of an auto block-size table-cell</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  table {
+    border-spacing: 0;
+  }
+
+  td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+  }
+  </style>
+
+  <table>
+    <tbody>
+      <tr>
+        <td><div style="height: 2in; background: yellow;"></div></td>
+      </tr>
+    </tbody>
+  </table>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-1b.html b/layout/reftests/pagination/table-cell-breaking-1b.html
new file mode 100644
index 0000000000..c8e985407b
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-1b.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test: breaking of a fixed block-size table-cell</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  table {
+    border-spacing: 0;
+  }
+
+  td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+  }
+  </style>
+
+  <table>
+    <tbody>
+      <tr>
+        <td style="height: 2in;"><div style="height: 100%; background: yellow;"></div></td>
+      </tr>
+    </tbody>
+  </table>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-2-ref.html b/layout/reftests/pagination/table-cell-breaking-2-ref.html
new file mode 100644
index 0000000000..77c884fcf4
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-2-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test Reference: breaking of a table-cell with box-decoration-break:clone</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+  }
+  </style>
+
+  <!-- Due to bug 1564726, a block frame with box-decoration-break:clone doesn't
+       setup its available space correctly to reflow its children, so content
+       can draw onto its border and padding. So we use two <div class="td"> to
+       workaround that instead of the following snippet.
+
+       <div class="td">
+         <div style="height: 2in; background: yellow;"></div>
+       </div>
+  -->
+
+  <div class="td">
+    <div style="height: 1in; background: yellow;"></div>
+  </div>
+  <div class="td">
+    <div style="height: 1in; background: yellow;"></div>
+  </div>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-2a.html b/layout/reftests/pagination/table-cell-breaking-2a.html
new file mode 100644
index 0000000000..2c0873a6cf
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-2a.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test: breaking of an auto block-size table-cell with box-decoration-break:clone</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  table {
+    border-spacing: 0;
+  }
+
+  td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+    box-decoration-break: clone;
+  }
+  </style>
+
+  <table>
+    <tbody>
+      <tr>
+        <td><div style="height: 2in; background: yellow;"></div></td>
+      </tr>
+    </tbody>
+  </table>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-2b.html b/layout/reftests/pagination/table-cell-breaking-2b.html
new file mode 100644
index 0000000000..1c91cd597a
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-2b.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test: breaking of a fixed block-size table-cell box-decoration-break:clone</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  table {
+    border-spacing: 0;
+  }
+
+  td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+    box-decoration-break: clone;
+  }
+  </style>
+
+  <table>
+    <tbody>
+      <tr>
+        <td style="height: 2in;"><div style="height: 100%; background: yellow;"></div></td>
+      </tr>
+    </tbody>
+  </table>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-3-ref.html b/layout/reftests/pagination/table-cell-breaking-3-ref.html
new file mode 100644
index 0000000000..b3fdbf3304
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-3-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test Reference: breaking of a table-cell</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+  }
+  </style>
+
+  <div class="td" style="height: 1.5in">
+    <div style="height: 1.5in; background: yellow;"></div>
+  </div>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-3a-ref.html b/layout/reftests/pagination/table-cell-breaking-3a-ref.html
new file mode 100644
index 0000000000..321db3e214
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-3a-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test Reference: breaking of a table-cell</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  .td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+    padding-bottom: 0;
+    border-bottom: 0;
+  }
+  </style>
+
+  <!-- table-cell-breaking-3a.html currently matches this reference file, but
+       ideally it should match table-cell-breaking-3-ref.html  -->
+  <div class="td">
+    <div style="height: 1.5in; background: yellow;"></div>
+  </div>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-3a.html b/layout/reftests/pagination/table-cell-breaking-3a.html
new file mode 100644
index 0000000000..587c40cda5
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-3a.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test: breaking of an auto block-size table-cell</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  table {
+    border-spacing: 0;
+  }
+
+  td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+  }
+  </style>
+
+  <table>
+    <tbody>
+      <tr>
+        <!-- The <div> can fit on the first page, but <td>'s bottom border
+             and padding cannot fit. -->
+        <td><div style="height: 1.5in; background: yellow;"></div></td>
+      </tr>
+    </tbody>
+  </table>
+</html>
diff --git a/layout/reftests/pagination/table-cell-breaking-3b.html b/layout/reftests/pagination/table-cell-breaking-3b.html
new file mode 100644
index 0000000000..c7a054e2ca
--- /dev/null
+++ b/layout/reftests/pagination/table-cell-breaking-3b.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-paged">
+  <meta charset="utf-8">
+  <title>CSS Fragmentation Test: breaking of a fixed block-size table-cell</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+  <style>
+  @page { size:5in 3in; margin:0.5in; }
+
+  html, body {
+    font-size: 12pt; margin: 0;
+  }
+
+  table {
+    border-spacing: 0;
+  }
+
+  td {
+    width: 1in;
+    background: green;
+    padding: 0.25in;
+    border: 0.25in solid gray;
+  }
+  </style>
+
+  <table>
+    <tbody>
+      <tr>
+        <!-- The <div> can fit on the first page, but <td>'s bottom border
+             and padding cannot fit. -->
+        <td style="height: 1.5in;"><div style="height: 100%; background: yellow;"></div></td>
+      </tr>
+    </tbody>
+  </table>
+</html>
diff --git a/layout/reftests/pagination/table-nested-1308876-1-ref.html b/layout/reftests/pagination/table-nested-1308876-1-ref.html
new file mode 100644
index 0000000000..ba8cd989aa
--- /dev/null
+++ b/layout/reftests/pagination/table-nested-1308876-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<!--
+This reference matches our current rendering, which isn't necessarily
+correct, but I'd at least like to know about it if it changes, given how
+little test coverage of this we currently have.
+-->
+<style>
+html, body { margin: 0; padding: 0; }
+</style>
+<div id="page1" style="border: 2px solid black; background: yellow; height: 2in; box-sizing: border-box; padding: 3px; width: min-content">
+  <div style="background: orange; height: calc(2in - 15px); padding: 3px;">
+    <div style="background: brown; color: black;padding: 1px;">A</div>
+  </div>
+</div>
+<div id="page2" style="border: 2px solid black; background: yellow; height: 2in; box-sizing: border-box; padding: 2px 3px 3px 3px; border-bottom: none; padding-bottom: 0; width: min-content">
+  <div style="background: orange; height: calc(2in - 6px); padding: 2px 3px 0 3px">
+    <div style="border: 1px solid fuchsia; background: aqua; height: calc(2in - 7px); border-bottom: none; color: transparent">A</div>
+  </div>
+</div>
diff --git a/layout/reftests/pagination/table-nested-1308876-1.xhtml b/layout/reftests/pagination/table-nested-1308876-1.xhtml
new file mode 100644
index 0000000000..3a804949c4
--- /dev/null
+++ b/layout/reftests/pagination/table-nested-1308876-1.xhtml
@@ -0,0 +1,29 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+<!--
+Reduced from layout/base/crashtests/470851-1.xhtml and turned into a reftest.
+-->
+<table style="background: black">
+<tbody>
+<tr>
+<td style="background: yellow">
+  <table>
+  <tbody style="top: 10%; position: relative; overflow: scroll">
+  <tr>
+  <td style="background: orange">
+    <table>
+      <tbody style="background: brown">
+        <tr><td>A</td></tr>
+      </tbody>
+      <tbody style="background: fuchsia">
+        <tr><td><div style="background: aqua; line-height: 4in">A</div></td></tr>
+      </tbody>
+    </table>
+  </td>
+  </tr>
+  </tbody>
+  </table>
+</td>
+</tr>
+</tbody>
+</table>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-after-always-1.html b/layout/reftests/pagination/table-page-break-after-always-1.html
new file mode 100644
index 0000000000..7cc8e669c3
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-after-always-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table style="page-break-after:always">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-after-left-1.html b/layout/reftests/pagination/table-page-break-after-left-1.html
new file mode 100644
index 0000000000..a2f0157606
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-after-left-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table style="page-break-after:right">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-after-right-1.html b/layout/reftests/pagination/table-page-break-after-right-1.html
new file mode 100644
index 0000000000..a2f0157606
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-after-right-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table style="page-break-after:right">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-always-1-ref.html b/layout/reftests/pagination/table-page-break-before-always-1-ref.html
new file mode 100644
index 0000000000..939b3923e5
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-always-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table style="page-break-before:always">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-always-1.html b/layout/reftests/pagination/table-page-break-before-always-1.html
new file mode 100644
index 0000000000..939b3923e5
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-always-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table style="page-break-before:always">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-auto-1-ref.html b/layout/reftests/pagination/table-page-break-before-auto-1-ref.html
new file mode 100644
index 0000000000..52ee4a07b1
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-auto-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-auto-1.html b/layout/reftests/pagination/table-page-break-before-auto-1.html
new file mode 100644
index 0000000000..beed9b61d4
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-auto-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table style= "page-break-before: auto">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-auto-2-ref.html b/layout/reftests/pagination/table-page-break-before-auto-2-ref.html
new file mode 100644
index 0000000000..3f780684f3
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-auto-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<div style= "page-break-after: always"></div>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-auto-2.html b/layout/reftests/pagination/table-page-break-before-auto-2.html
new file mode 100644
index 0000000000..832bc8bfc8
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-auto-2.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+
+<div style="height: 1.4in;"></div>
+
+<table style= "page-break-before: auto">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-auto-3-ref.html b/layout/reftests/pagination/table-page-break-before-auto-3-ref.html
new file mode 100644
index 0000000000..72f5960ac2
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-auto-3-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<thead><tr><td><div class="spacer"></div></td></tr></thead>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<div style= "page-break-after: always"></div>
+<table>
+<thead><tr><td><div class="spacer"></div></td></tr></thead>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-avoid-1.html b/layout/reftests/pagination/table-page-break-before-avoid-1.html
new file mode 100644
index 0000000000..20a9d1142b
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-avoid-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<div style= "height: 1.4in"></div>
+<table style="page-break-before:avoid">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-left-1.html b/layout/reftests/pagination/table-page-break-before-left-1.html
new file mode 100644
index 0000000000..2e045aa813
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-left-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table style="page-break-before:left">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-page-break-before-right-1.html b/layout/reftests/pagination/table-page-break-before-right-1.html
new file mode 100644
index 0000000000..e2792c2cd2
--- /dev/null
+++ b/layout/reftests/pagination/table-page-break-before-right-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+<table style="page-break-before:right">
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-tfoot-thead-1-ref.html b/layout/reftests/pagination/table-tfoot-thead-1-ref.html
new file mode 100644
index 0000000000..469027d86a
--- /dev/null
+++ b/layout/reftests/pagination/table-tfoot-thead-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height:5px; width: 50px; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 5px;border:thin solid green;}
+tfoot div.spacer {border-color:orange;
+height: 10px}
+tbody div.spacer{border-width: 4px}
+thead div.spacer{height: 140px}
+</style>
+</head>
+<body>
+<div class="filler"></div>
+<table cellspacing="1" cellpadding="0">
+<thead><tr><td><div class="spacer"></div></td></tr></thead>
+<tbody><tr><td><div class="spacer"></div></td></tr></tbody>
+</table>
+
+<table cellspacing="1" cellpadding="0">
+<tbody> <tr><td><div class="spacer"></div></td></tr></tbody>
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/pagination/table-tfoot-thead-1.html b/layout/reftests/pagination/table-tfoot-thead-1.html
new file mode 100644
index 0000000000..1a64f917ba
--- /dev/null
+++ b/layout/reftests/pagination/table-tfoot-thead-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+    "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.filler {height:5px; width: 50px; border:thin solid blue;}
+div.spacer { height: 0px; width: 0px; padding: 5px;border:thin solid green;}
+tfoot div.spacer {border-color:orange;
+height: 10px}
+tbody div.spacer{border-width: 4px}
+thead div.spacer{height: 140px}
+</style>
+</head>
+<body>
+<div class="filler"></div>
+<table cellspacing="1" cellpadding="0">
+<tfoot><tr><td><div class="spacer"></div></td></tr></tfoot>
+<tbody>
+ <tr><td><div class="spacer"></div></td></tr>
+ <tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<thead><tr><td><div class="spacer"></div></td></tr></thead>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/table_internal_pagebreak-1.html b/layout/reftests/pagination/table_internal_pagebreak-1.html
new file mode 100644
index 0000000000..64684c359a
--- /dev/null
+++ b/layout/reftests/pagination/table_internal_pagebreak-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US" class="reftest-paged">
+<head>
+<style type="text/css">
+div.spacer { height: 50px; width: 50px; border:thin solid green;}
+</style>
+</head>
+<body>
+<table><tr><td>
+<table>
+<tbody style="page-break-after:always">
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+<tbody>
+<tr><td><div class="spacer"></div></td></tr>
+</tbody>
+</table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/pagination/test-async-paged.html b/layout/reftests/pagination/test-async-paged.html
new file mode 100644
index 0000000000..bbeb757d28
--- /dev/null
+++ b/layout/reftests/pagination/test-async-paged.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html><html class="reftest-wait reftest-paged"><style>html{font-size:12pt}</style>
+<head>
+  <script type="text/javascript">
+
+    window.onload = function (){ 
+                      setTimeout(function() {
+                                   document.documentElement.className = "reftest-paged";},
+                                 1000);
+                    }
+  </script>
+</head>
+<body>
+<table>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>xxxxxxxxxxxxxxxxxxx</td></tr></tbody>
+ <tbody><tr><td>last line</td></tr></tbody>
+
+</table>
+
+</body>
+
+</html>
diff --git a/layout/reftests/percent-overflow-sizing/dynamicHeight100-ref.html b/layout/reftests/percent-overflow-sizing/dynamicHeight100-ref.html
new file mode 100644
index 0000000000..9ae00827dd
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/dynamicHeight100-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<body>
+<div id="a" style="overflow:auto; width:200px">
+<div style="background: green; height:100%">
+</div>
+</div>
+</body>
diff --git a/layout/reftests/percent-overflow-sizing/dynamicHeight100.html b/layout/reftests/percent-overflow-sizing/dynamicHeight100.html
new file mode 100644
index 0000000000..7e0418f6b4
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/dynamicHeight100.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.removeProperty('height');">
+<div id="a" style="overflow:auto; height:200px; width:200px">
+<div style="background: green; height:100%">
+</div>
+</div>
+</body>
diff --git a/layout/reftests/percent-overflow-sizing/greenbox.html b/layout/reftests/percent-overflow-sizing/greenbox.html
new file mode 100644
index 0000000000..fc44641112
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/greenbox.html
@@ -0,0 +1 @@
+<div style="height:200px;width:200px; background:green">
diff --git a/layout/reftests/percent-overflow-sizing/greenboxhbar.html b/layout/reftests/percent-overflow-sizing/greenboxhbar.html
new file mode 100644
index 0000000000..0e38d16aba
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/greenboxhbar.html
@@ -0,0 +1,2 @@
+<div style="overflow:auto; background:green; height:200px; width:200px">
+<div style="width:300px; height:1px">
diff --git a/layout/reftests/percent-overflow-sizing/hScrollAbsHeight.html b/layout/reftests/percent-overflow-sizing/hScrollAbsHeight.html
new file mode 100644
index 0000000000..dd2288a02b
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollAbsHeight.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<div style="overflow:auto; width:200px; position:absolute; height:200px;">
+<div style="position:absolute; width:300px; height:100%; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollAbsHeightD.html b/layout/reftests/percent-overflow-sizing/hScrollAbsHeightD.html
new file mode 100644
index 0000000000..0aa7777272
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollAbsHeightD.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="overflow:auto; width:200px; position:absolute; height:200px;">
+<div id=a style="position:absolute; width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirks.html b/layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirks.html
new file mode 100644
index 0000000000..dd2288a02b
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirks.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<div style="overflow:auto; width:200px; position:absolute; height:200px;">
+<div style="position:absolute; width:300px; height:100%; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirksD.html b/layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirksD.html
new file mode 100644
index 0000000000..bf5456be9b
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollAbsHeightQuirksD.html
@@ -0,0 +1,5 @@
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="overflow:auto; width:200px; position:absolute; height:200px;">
+<div id=a style="position:absolute; width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightD.html b/layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightD.html
new file mode 100644
index 0000000000..58e9327742
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightD.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.minHeight='100%';">
+<div style="overflow:auto; width:200px; position:absolute; height:200px;">
+<div id=a style="position:absolute; width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightQuirksD.html b/layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightQuirksD.html
new file mode 100644
index 0000000000..e349c0edc9
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollAbsMinHeightQuirksD.html
@@ -0,0 +1,5 @@
+<body onload="document.getElementById('a').style.minHeight='100%';">
+<div style="overflow:auto; width:200px; position:absolute; height:200px;">
+<div id=a style="position:absolute; width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeight.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeight.html
new file mode 100644
index 0000000000..649a47b410
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeight.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<div style="overflow:auto; width:200px; height:200px;">
+<div style="width:300px; height:100%; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightD.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightD.html
new file mode 100644
index 0000000000..913ae6f405
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightD.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="overflow:auto; width:200px; height:200px;">
+<div id=a style="width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1.html
new file mode 100644
index 0000000000..0135bcca81
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1.html
@@ -0,0 +1,4 @@
+<div style="overflow:auto; width:200px; height:200px;">
+<div style="width:300px; height:100%; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1D.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1D.html
new file mode 100644
index 0000000000..897fda8429
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-1D.html
@@ -0,0 +1,5 @@
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="overflow:auto; width:200px; height:200px;">
+<div id=a style="width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2.html
new file mode 100644
index 0000000000..2c20eccc81
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2.html
@@ -0,0 +1,6 @@
+<div style="overflow:auto; width:200px; height:200px;">
+<div>
+<div style="width:300px; height:100%; background:green">
+</div>
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2D.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2D.html
new file mode 100644
index 0000000000..7ad01a7b20
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-2D.html
@@ -0,0 +1,7 @@
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="overflow:auto; width:200px; height:200px;">
+<div>
+<div id=a style="width:300px; background:green">
+</div>
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3.html
new file mode 100644
index 0000000000..626fbe7b50
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3.html
@@ -0,0 +1,8 @@
+<div style="width:200px; height:200px; overflow:auto">
+<div>
+<table cellspacing=0 cellpadding=0 border=0 height="100%"><tr><td>
+<div style="width:300px; height:100%; background:green"><div style="height:1px"><!--Workaround for unrelated table bug--></div>
+</div>
+</table>
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3D.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3D.html
new file mode 100644
index 0000000000..76b1e6ca52
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleHeightQuirks-3D.html
@@ -0,0 +1,9 @@
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="width:200px; height:200px; overflow:auto">
+<div>
+<table id=a cellspacing=0 cellpadding=0 border=0 height="100%"><tr><td>
+<div style="width:300px; background:green; height:100%"><div style="height:1px"><!--Workaround for unrelated table bug--></div>
+</div>
+</table>
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightD.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightD.html
new file mode 100644
index 0000000000..91bfd1e35a
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightD.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.minHeight='100%';">
+<div style="overflow:auto; width:200px; height:200px;">
+<div id=a style="width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-1D.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-1D.html
new file mode 100644
index 0000000000..b74a38c303
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-1D.html
@@ -0,0 +1,5 @@
+<body onload="document.getElementById('a').style.minHeight='100%';">
+<div style="overflow:auto; width:200px; height:200px;">
+<div id=a style="width:300px; background:green">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-3D.html b/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-3D.html
new file mode 100644
index 0000000000..2c6833fe33
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/hScrollSimpleMinHeightQuirks-3D.html
@@ -0,0 +1,9 @@
+<body onload="document.getElementById('a').style.minHeight='100%';">
+<div style="width:200px; height:200px; overflow:auto">
+<div>
+<table id=a cellspacing=0 cellpadding=0 border=0 height="100%"><tr><td>
+<div style="width:300px; background:green; height:100%"><div style="height:1px"><!--Workaround for unrelated table bug--></div>
+</div>
+</table>
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/nestedHeight-ref.html b/layout/reftests/percent-overflow-sizing/nestedHeight-ref.html
new file mode 100644
index 0000000000..2a2539429f
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/nestedHeight-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<body>
+<div id="a" style="overflow:auto; width:200px">
+  <div style="overflow:auto">
+    <div style="background: green; height:100%"></div>
+  </div>
+</div>
+</body>
diff --git a/layout/reftests/percent-overflow-sizing/nestedHeight.html b/layout/reftests/percent-overflow-sizing/nestedHeight.html
new file mode 100644
index 0000000000..a4939e9021
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/nestedHeight.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<body onload="document.getElementById('a').style.removeProperty('height');">
+<div id="a" style="overflow:auto; height:200px; width:200px">
+  <div style="overflow:auto">
+    <div style="background: green; height:100%"></div>
+  </div>
+</div>
+</body>
diff --git a/layout/reftests/percent-overflow-sizing/nestedHeightQuirks-ref.html b/layout/reftests/percent-overflow-sizing/nestedHeightQuirks-ref.html
new file mode 100644
index 0000000000..c48bbb72a9
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/nestedHeightQuirks-ref.html
@@ -0,0 +1,8 @@
+<!-- Quirks mode -->
+<body>
+<div id="a" style="overflow:auto; width:200px">
+  <div style="overflow:auto">
+    <div style="background: green; height:100%"></div>
+  </div>
+</div>
+</body>
diff --git a/layout/reftests/percent-overflow-sizing/nestedHeightQuirks.html b/layout/reftests/percent-overflow-sizing/nestedHeightQuirks.html
new file mode 100644
index 0000000000..5b369b3fb6
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/nestedHeightQuirks.html
@@ -0,0 +1,8 @@
+<!-- Quirks mode -->
+<body onload="document.getElementById('a').style.removeProperty('height');">
+<div id="a" style="overflow:auto; height:200px; width:200px">
+  <div style="overflow:auto">
+    <div style="background: green; height:100%"></div>
+  </div>
+</div>
+</body>
diff --git a/layout/reftests/percent-overflow-sizing/reftest.list b/layout/reftests/percent-overflow-sizing/reftest.list
new file mode 100644
index 0000000000..937f0f00da
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/reftest.list
@@ -0,0 +1,26 @@
+== simpleHeight100.html greenbox.html
+== simpleAbsHeight.html greenbox.html
+random-if(transparentScrollbars) == hScrollSimpleHeight.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleHeightQuirks-1.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleHeightQuirks-2.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleHeightQuirks-3.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollAbsHeight.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollAbsHeightQuirks.html greenboxhbar.html # bug 650591
+== simpleHeight100D.html greenbox.html
+== simpleAbsHeightD.html greenbox.html
+random-if(transparentScrollbars) == hScrollSimpleHeightD.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleHeightQuirks-1D.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleHeightQuirks-2D.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleHeightQuirks-3D.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollAbsHeightD.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollAbsHeightQuirksD.html greenboxhbar.html # bug 650591
+== simpleMinHeight100D.html greenbox.html
+== simpleAbsMinHeightD.html greenbox.html
+random-if(transparentScrollbars) == hScrollSimpleMinHeightD.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleMinHeightQuirks-1D.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollSimpleMinHeightQuirks-3D.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollAbsMinHeightD.html greenboxhbar.html # bug 650591
+random-if(transparentScrollbars) == hScrollAbsMinHeightQuirksD.html greenboxhbar.html # bug 650591
+== dynamicHeight100.html dynamicHeight100-ref.html
+== nestedHeight.html nestedHeight-ref.html
+== nestedHeightQuirks.html nestedHeightQuirks-ref.html
diff --git a/layout/reftests/percent-overflow-sizing/simpleAbsHeight.html b/layout/reftests/percent-overflow-sizing/simpleAbsHeight.html
new file mode 100644
index 0000000000..dcbd1709ed
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/simpleAbsHeight.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<div style="overflow:auto; height:200px; width:200px; position:relative">
+<div style="background: green; height:100%; width:100%; position:absolute">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/simpleAbsHeightD.html b/layout/reftests/percent-overflow-sizing/simpleAbsHeightD.html
new file mode 100644
index 0000000000..59342917f3
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/simpleAbsHeightD.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="overflow:auto; height:200px; width:200px; position:relative">
+<div id=a style="background: green; width:100%; position:absolute">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/simpleAbsMinHeightD.html b/layout/reftests/percent-overflow-sizing/simpleAbsMinHeightD.html
new file mode 100644
index 0000000000..789dbb635b
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/simpleAbsMinHeightD.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.minHeight='100%'">
+<div style="overflow:auto; height:200px; width:200px; position:relative">
+<div id=a style="background: green; min-width:100%; position:absolute">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/simpleHeight100.html b/layout/reftests/percent-overflow-sizing/simpleHeight100.html
new file mode 100644
index 0000000000..b22a101ce4
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/simpleHeight100.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<div style="overflow:auto; height:200px; width:200px">
+<div style="background: green; height:100%">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/simpleHeight100D.html b/layout/reftests/percent-overflow-sizing/simpleHeight100D.html
new file mode 100644
index 0000000000..e4e1f492a0
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/simpleHeight100D.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.height='100%';">
+<div style="overflow:auto; height:200px; width:200px">
+<div id=a style="background: green;">
+</div>
+</div>
diff --git a/layout/reftests/percent-overflow-sizing/simpleMinHeight100D.html b/layout/reftests/percent-overflow-sizing/simpleMinHeight100D.html
new file mode 100644
index 0000000000..f79a59c05d
--- /dev/null
+++ b/layout/reftests/percent-overflow-sizing/simpleMinHeight100D.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body onload="document.getElementById('a').style.minHeight='100%';">
+<div style="overflow:auto; height:200px; width:200px">
+<div id=a style="background: green;">
+</div>
+</div>
diff --git a/layout/reftests/pixel-rounding/background-color-base.html b/layout/reftests/pixel-rounding/background-color-base.html
new file mode 100644
index 0000000000..812ef64f3a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-base.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-height-10.html b/layout/reftests/pixel-rounding/background-color-height-10.html
new file mode 100644
index 0000000000..cc82977e3e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-height-10.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="height:11px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-height-4.html b/layout/reftests/pixel-rounding/background-color-height-4.html
new file mode 100644
index 0000000000..cdf0bc9bee
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-height-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="height:10.4px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-height-5.html b/layout/reftests/pixel-rounding/background-color-height-5.html
new file mode 100644
index 0000000000..2a571ff511
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-height-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="height:10.5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-height-6.html b/layout/reftests/pixel-rounding/background-color-height-6.html
new file mode 100644
index 0000000000..2dfece438b
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-height-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="height:10.6px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-height-top-4.html b/layout/reftests/pixel-rounding/background-color-height-top-4.html
new file mode 100644
index 0000000000..c2da4ba41d
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-height-top-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10.5px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="top:9.9px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-height-top-5.html b/layout/reftests/pixel-rounding/background-color-height-top-5.html
new file mode 100644
index 0000000000..a66274ea8c
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-height-top-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10.5px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="top:10px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-height-top-6.html b/layout/reftests/pixel-rounding/background-color-height-top-6.html
new file mode 100644
index 0000000000..be28044f52
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-height-top-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10.5px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="top:10.1px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-left-10.html b/layout/reftests/pixel-rounding/background-color-left-10.html
new file mode 100644
index 0000000000..4778b47013
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-left-10.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="left:11px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-left-4.html b/layout/reftests/pixel-rounding/background-color-left-4.html
new file mode 100644
index 0000000000..9fe115f549
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-left-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="left:10.4px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-left-5.html b/layout/reftests/pixel-rounding/background-color-left-5.html
new file mode 100644
index 0000000000..56b8a876d9
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-left-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="left:10.5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-left-6.html b/layout/reftests/pixel-rounding/background-color-left-6.html
new file mode 100644
index 0000000000..4acbb2803e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-left-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="left:10.6px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-left-width-4.html b/layout/reftests/pixel-rounding/background-color-left-width-4.html
new file mode 100644
index 0000000000..05d6e43889
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-left-width-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 9.5px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="width:10.9px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-left-width-5.html b/layout/reftests/pixel-rounding/background-color-left-width-5.html
new file mode 100644
index 0000000000..b9eced013b
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-left-width-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 9.5px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="width:11px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-left-width-6.html b/layout/reftests/pixel-rounding/background-color-left-width-6.html
new file mode 100644
index 0000000000..27c8162ccc
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-left-width-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 9.5px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="width:11.1px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-top-10.html b/layout/reftests/pixel-rounding/background-color-top-10.html
new file mode 100644
index 0000000000..0e3f9abdce
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-top-10.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="top:11px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-top-4.html b/layout/reftests/pixel-rounding/background-color-top-4.html
new file mode 100644
index 0000000000..a7fd3e484d
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-top-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="top:10.4px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-top-5.html b/layout/reftests/pixel-rounding/background-color-top-5.html
new file mode 100644
index 0000000000..86397f0497
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-top-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="top:10.5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-top-6.html b/layout/reftests/pixel-rounding/background-color-top-6.html
new file mode 100644
index 0000000000..66f7215605
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-top-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="top:10.6px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-top-height-4.html b/layout/reftests/pixel-rounding/background-color-top-height-4.html
new file mode 100644
index 0000000000..021475fd33
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-top-height-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 9.5px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="height:10.9px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-top-height-5.html b/layout/reftests/pixel-rounding/background-color-top-height-5.html
new file mode 100644
index 0000000000..a36c833c63
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-top-height-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 9.5px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="height:11px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-top-height-6.html b/layout/reftests/pixel-rounding/background-color-top-height-6.html
new file mode 100644
index 0000000000..5d0d11671c
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-top-height-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 9.5px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="height:11.1px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-width-10.html b/layout/reftests/pixel-rounding/background-color-width-10.html
new file mode 100644
index 0000000000..1e5aeedf94
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-width-10.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="width:11px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-width-4.html b/layout/reftests/pixel-rounding/background-color-width-4.html
new file mode 100644
index 0000000000..9e9a64d13f
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-width-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="width:10.4px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-width-5.html b/layout/reftests/pixel-rounding/background-color-width-5.html
new file mode 100644
index 0000000000..0557ca1036
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-width-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="width:10.5px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-width-6.html b/layout/reftests/pixel-rounding/background-color-width-6.html
new file mode 100644
index 0000000000..947aac8b3a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-width-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="width:10.6px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-width-left-4.html b/layout/reftests/pixel-rounding/background-color-width-left-4.html
new file mode 100644
index 0000000000..d68dc270fa
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-width-left-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10.5px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="left:9.9px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-width-left-5.html b/layout/reftests/pixel-rounding/background-color-width-left-5.html
new file mode 100644
index 0000000000..1a1e75e717
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-width-left-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10.5px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="left:10px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-color-width-left-6.html b/layout/reftests/pixel-rounding/background-color-width-left-6.html
new file mode 100644
index 0000000000..efaf82e033
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-color-width-left-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; left: 10px; height: 10px; width: 10.5px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+<div style="left:10.1px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-base.html b/layout/reftests/pixel-rounding/background-image-base.html
new file mode 100644
index 0000000000..7233e2717d
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-base.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+div { background: blue; } /* for reference only */
+
+div.i1  { top: 10px; }
+div.i3  { top: 30px; }
+div.i5  { top: 50px; }
+div.i25 { top: 70px; }
+
+div.p1 { left: 10px; }
+div.p2 { left: 30px; }
+div.p3 { left: 50px; }
+div.p4 { left: 70px; }
+div.p5 { left: 90px; }
+div.p6 { left: 110px; }
+div.p7 { left: 130px; }
+div.p8 { left: 150px; }
+div.p9 { left: 170px; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-height-10-ref.html b/layout/reftests/pixel-rounding/background-image-height-10-ref.html
new file mode 100644
index 0000000000..41cd583d24
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-height-10-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 11px; width: 10px; }
+
+div { background: blue; } /* for reference only */
+
+div.i1  { top: 10px; }
+div.i3  { top: 30px; }
+div.i5  { top: 50px; }
+div.i25 { top: 70px; }
+
+div.p1 { left: 10px; }
+div.p2 { left: 30px; }
+div.p3 { left: 50px; }
+div.p4 { left: 70px; }
+div.p5 { left: 90px; }
+div.p6 { left: 110px; }
+div.p7 { left: 130px; }
+div.p8 { left: 150px; }
+div.p9 { left: 170px; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-height-4.html b/layout/reftests/pixel-rounding/background-image-height-4.html
new file mode 100644
index 0000000000..763e710f0a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-height-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10.4px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-height-5.html b/layout/reftests/pixel-rounding/background-image-height-5.html
new file mode 100644
index 0000000000..0c4b3298a3
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-height-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10.5px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-height-6.html b/layout/reftests/pixel-rounding/background-image-height-6.html
new file mode 100644
index 0000000000..6571ecd477
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-height-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10.6px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-height-top-4.html b/layout/reftests/pixel-rounding/background-image-height-top-4.html
new file mode 100644
index 0000000000..beff787fba
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-height-top-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10.5px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-height-top-5.html b/layout/reftests/pixel-rounding/background-image-height-top-5.html
new file mode 100644
index 0000000000..0c4b3298a3
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-height-top-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10.5px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-height-top-6.html b/layout/reftests/pixel-rounding/background-image-height-top-6.html
new file mode 100644
index 0000000000..13907dd00f
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-height-top-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10.5px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-left-10-ref.html b/layout/reftests/pixel-rounding/background-image-left-10-ref.html
new file mode 100644
index 0000000000..e661856798
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-left-10-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+div { background: blue; } /* for reference only */
+
+div.i1  { top: 10px; }
+div.i3  { top: 30px; }
+div.i5  { top: 50px; }
+div.i25 { top: 70px; }
+
+div.p1 { left: 11px; }
+div.p2 { left: 31px; }
+div.p3 { left: 51px; }
+div.p4 { left: 71px; }
+div.p5 { left: 91px; }
+div.p6 { left: 111px; }
+div.p7 { left: 131px; }
+div.p8 { left: 151px; }
+div.p9 { left: 171px; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-left-4.html b/layout/reftests/pixel-rounding/background-image-left-4.html
new file mode 100644
index 0000000000..74e09f81ac
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-left-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+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; }
+div.p3 { left: 50.4px; background-position: top right; }
+div.p4 { left: 70.4px; background-position: left; }
+div.p5 { left: 90.4px; background-position: center; }
+div.p6 { left: 110.4px; background-position: right; }
+div.p7 { left: 130.4px; background-position: bottom left; }
+div.p8 { left: 150.4px; background-position: bottom; }
+div.p9 { left: 170.4px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-left-5.html b/layout/reftests/pixel-rounding/background-image-left-5.html
new file mode 100644
index 0000000000..7c38213436
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-left-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+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; }
+div.p3 { left: 50.5px; background-position: top right; }
+div.p4 { left: 70.5px; background-position: left; }
+div.p5 { left: 90.5px; background-position: center; }
+div.p6 { left: 110.5px; background-position: right; }
+div.p7 { left: 130.5px; background-position: bottom left; }
+div.p8 { left: 150.5px; background-position: bottom; }
+div.p9 { left: 170.5px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-left-6.html b/layout/reftests/pixel-rounding/background-image-left-6.html
new file mode 100644
index 0000000000..d7c2bd6ed9
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-left-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+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; }
+div.p3 { left: 50.6px; background-position: top right; }
+div.p4 { left: 70.6px; background-position: left; }
+div.p5 { left: 90.6px; background-position: center; }
+div.p6 { left: 110.6px; background-position: right; }
+div.p7 { left: 130.6px; background-position: bottom left; }
+div.p8 { left: 150.6px; background-position: bottom; }
+div.p9 { left: 170.6px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-left-width-4.html b/layout/reftests/pixel-rounding/background-image-left-width-4.html
new file mode 100644
index 0000000000..f4a86ff754
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-left-width-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10.9px; }
+
+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; }
+div.p3 { left: 49.5px; background-position: top right; }
+div.p4 { left: 69.5px; background-position: left; }
+div.p5 { left: 89.5px; background-position: center; }
+div.p6 { left: 109.5px; background-position: right; }
+div.p7 { left: 129.5px; background-position: bottom left; }
+div.p8 { left: 149.5px; background-position: bottom; }
+div.p9 { left: 169.5px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-left-width-5.html b/layout/reftests/pixel-rounding/background-image-left-width-5.html
new file mode 100644
index 0000000000..54b39f3909
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-left-width-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 11px; }
+
+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; }
+div.p3 { left: 49.5px; background-position: top right; }
+div.p4 { left: 69.5px; background-position: left; }
+div.p5 { left: 89.5px; background-position: center; }
+div.p6 { left: 109.5px; background-position: right; }
+div.p7 { left: 129.5px; background-position: bottom left; }
+div.p8 { left: 149.5px; background-position: bottom; }
+div.p9 { left: 169.5px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-left-width-6.html b/layout/reftests/pixel-rounding/background-image-left-width-6.html
new file mode 100644
index 0000000000..3514e28c05
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-left-width-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 11.1px; }
+
+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; }
+div.p3 { left: 49.5px; background-position: top right; }
+div.p4 { left: 69.5px; background-position: left; }
+div.p5 { left: 89.5px; background-position: center; }
+div.p6 { left: 109.5px; background-position: right; }
+div.p7 { left: 129.5px; background-position: bottom left; }
+div.p8 { left: 149.5px; background-position: bottom; }
+div.p9 { left: 169.5px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-tiling-ref.html b/layout/reftests/pixel-rounding/background-image-tiling-ref.html
new file mode 100644
index 0000000000..5f4d6f7b5e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-tiling-ref.html
@@ -0,0 +1,298 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Pixel rounding of background image tiling</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { background: black; }
+
+	.set {
+		height: 60px;
+		position: relative;
+	}
+
+	.item {
+		position: absolute;
+		width: 10px;
+		height: 10px;
+		background: aqua;
+		overflow: hidden;
+	}
+	.item > div {
+		position: absolute;
+		width: 15px;
+		height: 15px;
+		border: 1px solid yellow;
+	}
+
+	.item1 { left: 0px; }
+	.item2 { left: 15px; }
+	.item3 { left: 30px; }
+	.item4 { left: 45px; }
+	.item5 { left: 60px; }
+
+	.tl { top: 0px; }
+	.tl > div { top: 0; left: 0; }
+
+	.tr { top: 15px; }
+	.tr > div { top: 0; right: 0; }
+
+	.bl { top: 30px; }
+	.bl > div { bottom: 0; left: 0; }
+
+	.br { top: 45px; }
+	.br > div { bottom: 0; right: 0; }
+
+	.varydim .item1 { height: 10px; width: 11px; }
+	.varydim .item2 { height: 10px; width: 11px; }
+	.varydim .item3 { height: 11px; width: 11px; }
+	.varydim .item4 { height: 11px; width: 10px; }
+	.varydim .item5 { height: 11px; width: 10px; }
+
+	.varydim.athalf .item2 { width: 10px; }
+	.varydim.athalf .item3 { height: 10px; width: 10px; }
+	.varydim.athalf .item4 { height: 10px; }
+
+	.varypos .item1 { margin-top: 0px; margin-left: 1px; }
+	.varypos .item2 { margin-top: 0px; margin-left: 1px; }
+	.varypos .item3 { margin-top: 1px; margin-left: 1px; }
+	.varypos .item4 { margin-top: 1px; margin-left: 0px; }
+	.varypos .item5 { margin-top: 1px; margin-left: 0px; }
+
+	.varydim.athalf .item {
+		margin-top: 1px; margin-left: 1px;
+	}
+
+	.varypos.athalf .item1 { width: 11px; height: 11px; }
+	.varypos.athalf .item2 { height: 11px; }
+	.varypos.athalf .item4 { width: 11px; }
+	.varypos.athalf .item5 { width: 11px; height: 11px; }
+
+	/* remember that abs pos children are relative to the padding box */
+	.border .item { padding: 1px; }
+
+	/*
+	 * For the tiled images, use two divs as the children, and offset
+	 * one so that it does only the vertical line, and the other so it
+	 * does only the horizontal line.
+	 */
+	.border .item div:first-child { margin: 1px -1px; }
+	.border .item div:first-child + div { margin: -1px 1px; }
+
+	</style>
+</head>
+<body>
+
+<div class="set varydim">
+	<div class="tl item item1"><div></div></div>
+	<div class="tl item item2"><div></div></div>
+	<div class="tl item item3"><div></div></div>
+	<div class="tl item item4"><div></div></div>
+	<div class="tl item item5"><div></div></div>
+
+	<div class="tr item item1"><div></div></div>
+	<div class="tr item item2"><div></div></div>
+	<div class="tr item item3"><div></div></div>
+	<div class="tr item item4"><div></div></div>
+	<div class="tr item item5"><div></div></div>
+
+	<div class="bl item item1"><div></div></div>
+	<div class="bl item item2"><div></div></div>
+	<div class="bl item item3"><div></div></div>
+	<div class="bl item item4"><div></div></div>
+	<div class="bl item item5"><div></div></div>
+
+	<div class="br item item1"><div></div></div>
+	<div class="br item item2"><div></div></div>
+	<div class="br item item3"><div></div></div>
+	<div class="br item item4"><div></div></div>
+	<div class="br item item5"><div></div></div>
+</div>
+
+<div class="set varypos">
+	<div class="tl item item1"><div></div></div>
+	<div class="tl item item2"><div></div></div>
+	<div class="tl item item3"><div></div></div>
+	<div class="tl item item4"><div></div></div>
+	<div class="tl item item5"><div></div></div>
+
+	<div class="tr item item1"><div></div></div>
+	<div class="tr item item2"><div></div></div>
+	<div class="tr item item3"><div></div></div>
+	<div class="tr item item4"><div></div></div>
+	<div class="tr item item5"><div></div></div>
+
+	<div class="bl item item1"><div></div></div>
+	<div class="bl item item2"><div></div></div>
+	<div class="bl item item3"><div></div></div>
+	<div class="bl item item4"><div></div></div>
+	<div class="bl item item5"><div></div></div>
+
+	<div class="br item item1"><div></div></div>
+	<div class="br item item2"><div></div></div>
+	<div class="br item item3"><div></div></div>
+	<div class="br item item4"><div></div></div>
+	<div class="br item item5"><div></div></div>
+</div>
+
+<div class="set varydim athalf">
+	<div class="tl item item1"><div></div></div>
+	<div class="tl item item2"><div></div></div>
+	<div class="tl item item3"><div></div></div>
+	<div class="tl item item4"><div></div></div>
+	<div class="tl item item5"><div></div></div>
+
+	<div class="tr item item1"><div></div></div>
+	<div class="tr item item2"><div></div></div>
+	<div class="tr item item3"><div></div></div>
+	<div class="tr item item4"><div></div></div>
+	<div class="tr item item5"><div></div></div>
+
+	<div class="bl item item1"><div></div></div>
+	<div class="bl item item2"><div></div></div>
+	<div class="bl item item3"><div></div></div>
+	<div class="bl item item4"><div></div></div>
+	<div class="bl item item5"><div></div></div>
+
+	<div class="br item item1"><div></div></div>
+	<div class="br item item2"><div></div></div>
+	<div class="br item item3"><div></div></div>
+	<div class="br item item4"><div></div></div>
+	<div class="br item item5"><div></div></div>
+</div>
+
+<div class="set varypos athalf">
+	<div class="tl item item1"><div></div></div>
+	<div class="tl item item2"><div></div></div>
+	<div class="tl item item3"><div></div></div>
+	<div class="tl item item4"><div></div></div>
+	<div class="tl item item5"><div></div></div>
+
+	<div class="tr item item1"><div></div></div>
+	<div class="tr item item2"><div></div></div>
+	<div class="tr item item3"><div></div></div>
+	<div class="tr item item4"><div></div></div>
+	<div class="tr item item5"><div></div></div>
+
+	<div class="bl item item1"><div></div></div>
+	<div class="bl item item2"><div></div></div>
+	<div class="bl item item3"><div></div></div>
+	<div class="bl item item4"><div></div></div>
+	<div class="bl item item5"><div></div></div>
+
+	<div class="br item item1"><div></div></div>
+	<div class="br item item2"><div></div></div>
+	<div class="br item item3"><div></div></div>
+	<div class="br item item4"><div></div></div>
+	<div class="br item item5"><div></div></div>
+</div>
+
+<div class="set varydim border">
+	<div class="tl item item1"><div></div><div></div></div>
+	<div class="tl item item2"><div></div><div></div></div>
+	<div class="tl item item3"><div></div><div></div></div>
+	<div class="tl item item4"><div></div><div></div></div>
+	<div class="tl item item5"><div></div><div></div></div>
+
+	<div class="tr item item1"><div></div><div></div></div>
+	<div class="tr item item2"><div></div><div></div></div>
+	<div class="tr item item3"><div></div><div></div></div>
+	<div class="tr item item4"><div></div><div></div></div>
+	<div class="tr item item5"><div></div><div></div></div>
+
+	<div class="bl item item1"><div></div><div></div></div>
+	<div class="bl item item2"><div></div><div></div></div>
+	<div class="bl item item3"><div></div><div></div></div>
+	<div class="bl item item4"><div></div><div></div></div>
+	<div class="bl item item5"><div></div><div></div></div>
+
+	<div class="br item item1"><div></div><div></div></div>
+	<div class="br item item2"><div></div><div></div></div>
+	<div class="br item item3"><div></div><div></div></div>
+	<div class="br item item4"><div></div><div></div></div>
+	<div class="br item item5"><div></div><div></div></div>
+</div>
+
+<div class="set varypos border">
+	<div class="tl item item1"><div></div><div></div></div>
+	<div class="tl item item2"><div></div><div></div></div>
+	<div class="tl item item3"><div></div><div></div></div>
+	<div class="tl item item4"><div></div><div></div></div>
+	<div class="tl item item5"><div></div><div></div></div>
+
+	<div class="tr item item1"><div></div><div></div></div>
+	<div class="tr item item2"><div></div><div></div></div>
+	<div class="tr item item3"><div></div><div></div></div>
+	<div class="tr item item4"><div></div><div></div></div>
+	<div class="tr item item5"><div></div><div></div></div>
+
+	<div class="bl item item1"><div></div><div></div></div>
+	<div class="bl item item2"><div></div><div></div></div>
+	<div class="bl item item3"><div></div><div></div></div>
+	<div class="bl item item4"><div></div><div></div></div>
+	<div class="bl item item5"><div></div><div></div></div>
+
+	<div class="br item item1"><div></div><div></div></div>
+	<div class="br item item2"><div></div><div></div></div>
+	<div class="br item item3"><div></div><div></div></div>
+	<div class="br item item4"><div></div><div></div></div>
+	<div class="br item item5"><div></div><div></div></div>
+</div>
+
+<div class="set varydim athalf border">
+	<div class="tl item item1"><div></div><div></div></div>
+	<div class="tl item item2"><div></div><div></div></div>
+	<div class="tl item item3"><div></div><div></div></div>
+	<div class="tl item item4"><div></div><div></div></div>
+	<div class="tl item item5"><div></div><div></div></div>
+
+	<div class="tr item item1"><div></div><div></div></div>
+	<div class="tr item item2"><div></div><div></div></div>
+	<div class="tr item item3"><div></div><div></div></div>
+	<div class="tr item item4"><div></div><div></div></div>
+	<div class="tr item item5"><div></div><div></div></div>
+
+	<div class="bl item item1"><div></div><div></div></div>
+	<div class="bl item item2"><div></div><div></div></div>
+	<div class="bl item item3"><div></div><div></div></div>
+	<div class="bl item item4"><div></div><div></div></div>
+	<div class="bl item item5"><div></div><div></div></div>
+
+	<div class="br item item1"><div></div><div></div></div>
+	<div class="br item item2"><div></div><div></div></div>
+	<div class="br item item3"><div></div><div></div></div>
+	<div class="br item item4"><div></div><div></div></div>
+	<div class="br item item5"><div></div><div></div></div>
+</div>
+
+<div class="set varypos athalf border">
+	<div class="tl item item1"><div></div><div></div></div>
+	<div class="tl item item2"><div></div><div></div></div>
+	<div class="tl item item3"><div></div><div></div></div>
+	<div class="tl item item4"><div></div><div></div></div>
+	<div class="tl item item5"><div></div><div></div></div>
+
+	<div class="tr item item1"><div></div><div></div></div>
+	<div class="tr item item2"><div></div><div></div></div>
+	<div class="tr item item3"><div></div><div></div></div>
+	<div class="tr item item4"><div></div><div></div></div>
+	<div class="tr item item5"><div></div><div></div></div>
+
+	<div class="bl item item1"><div></div><div></div></div>
+	<div class="bl item item2"><div></div><div></div></div>
+	<div class="bl item item3"><div></div><div></div></div>
+	<div class="bl item item4"><div></div><div></div></div>
+	<div class="bl item item5"><div></div><div></div></div>
+
+	<div class="br item item1"><div></div><div></div></div>
+	<div class="br item item2"><div></div><div></div></div>
+	<div class="br item item3"><div></div><div></div></div>
+	<div class="br item item4"><div></div><div></div></div>
+	<div class="br item item5"><div></div><div></div></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-tiling.html b/layout/reftests/pixel-rounding/background-image-tiling.html
new file mode 100644
index 0000000000..85a1d49286
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-tiling.html
@@ -0,0 +1,291 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Pixel rounding of background image tiling</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { background: black; }
+
+	.set {
+		height: 60px;
+		position: relative;
+	}
+
+	.item {
+		position: absolute;
+		width: 10px;
+		height: 10px;
+	}
+
+	.item1 { left: 0px; }
+	.item2 { left: 15px; }
+	.item3 { left: 30px; }
+	.item4 { left: 45px; }
+	.item5 { left: 60px; }
+
+	.tl {
+		top: 0px;
+		background-image: url(corner-tl.png);
+		background-position: top left;
+	}
+
+	.tr {
+		top: 15px;
+		background-image: url(corner-tr.png);
+		background-position: top right;
+	}
+
+	.bl {
+		top: 30px;
+		background-image: url(corner-bl.png);
+		background-position: bottom left;
+	}
+
+	.br {
+		top: 45px;
+		background-image: url(corner-br.png);
+		background-position: bottom right;
+	}
+
+	.varydim .item1 { height: 10.0px; width: 11.0px; }
+	.varydim .item2 { height: 10.4px; width: 10.6px; }
+	.varydim .item3 { height: 10.5px; width: 10.5px; }
+	.varydim .item4 { height: 10.6px; width: 10.4px; }
+	.varydim .item5 { height: 11.0px; width: 10.0px; }
+
+	.varypos .item1 { margin-top: 0.0px; margin-left: 1.0px; }
+	.varypos .item2 { margin-top: 0.4px; margin-left: 0.6px; }
+	.varypos .item3 { margin-top: 0.5px; margin-left: 0.5px; }
+	.varypos .item4 { margin-top: 0.6px; margin-left: 0.4px; }
+	.varypos .item5 { margin-top: 1.0px; margin-left: 0.0px; }
+
+	.varydim.athalf .item {
+		margin-top: 0.5px; margin-left: 0.5px;
+	}
+
+	.varypos.athalf .item {
+		width: 10.5px; height: 10.5px;
+	}
+
+	.border .item {
+		/* force the tiling codepath by making sure there are multiple images */
+		border: 1px solid transparent;
+	}
+
+	</style>
+</head>
+<body>
+
+<div class="set varydim">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+<div class="set varypos">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+<div class="set varydim athalf">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+<div class="set varypos athalf">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+<div class="set varydim border">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+<div class="set varypos border">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+<div class="set varydim athalf border">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+<div class="set varypos athalf border">
+	<div class="tl item item1"></div>
+	<div class="tl item item2"></div>
+	<div class="tl item item3"></div>
+	<div class="tl item item4"></div>
+	<div class="tl item item5"></div>
+
+	<div class="tr item item1"></div>
+	<div class="tr item item2"></div>
+	<div class="tr item item3"></div>
+	<div class="tr item item4"></div>
+	<div class="tr item item5"></div>
+
+	<div class="bl item item1"></div>
+	<div class="bl item item2"></div>
+	<div class="bl item item3"></div>
+	<div class="bl item item4"></div>
+	<div class="bl item item5"></div>
+
+	<div class="br item item1"></div>
+	<div class="br item item2"></div>
+	<div class="br item item3"></div>
+	<div class="br item item4"></div>
+	<div class="br item item5"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-top-10-ref.html b/layout/reftests/pixel-rounding/background-image-top-10-ref.html
new file mode 100644
index 0000000000..f41a1626bc
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-top-10-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+div { background: blue; } /* for reference only */
+
+div.i1  { top: 11px; }
+div.i3  { top: 31px; }
+div.i5  { top: 51px; }
+div.i25 { top: 71px; }
+
+div.p1 { left: 10px; }
+div.p2 { left: 30px; }
+div.p3 { left: 50px; }
+div.p4 { left: 70px; }
+div.p5 { left: 90px; }
+div.p6 { left: 110px; }
+div.p7 { left: 130px; }
+div.p8 { left: 150px; }
+div.p9 { left: 170px; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-top-4.html b/layout/reftests/pixel-rounding/background-image-top-4.html
new file mode 100644
index 0000000000..7bfdfe0bc7
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-top-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-top-5.html b/layout/reftests/pixel-rounding/background-image-top-5.html
new file mode 100644
index 0000000000..33a774cb97
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-top-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-top-6.html b/layout/reftests/pixel-rounding/background-image-top-6.html
new file mode 100644
index 0000000000..18fdbf62af
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-top-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-top-height-4.html b/layout/reftests/pixel-rounding/background-image-top-height-4.html
new file mode 100644
index 0000000000..2da79e5939
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-top-height-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10.9px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-top-height-5.html b/layout/reftests/pixel-rounding/background-image-top-height-5.html
new file mode 100644
index 0000000000..61030791a4
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-top-height-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 11px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-top-height-6.html b/layout/reftests/pixel-rounding/background-image-top-height-6.html
new file mode 100644
index 0000000000..26db7c0b8f
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-top-height-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 11.1px; width: 10px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-width-10-ref.html b/layout/reftests/pixel-rounding/background-image-width-10-ref.html
new file mode 100644
index 0000000000..f3f70b7de2
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-width-10-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 11px; }
+
+div { background: blue; } /* for reference only */
+
+div.i1  { top: 10px; }
+div.i3  { top: 30px; }
+div.i5  { top: 50px; }
+div.i25 { top: 70px; }
+
+div.p1 { left: 10px; }
+div.p2 { left: 30px; }
+div.p3 { left: 50px; }
+div.p4 { left: 70px; }
+div.p5 { left: 90px; }
+div.p6 { left: 110px; }
+div.p7 { left: 130px; }
+div.p8 { left: 150px; }
+div.p9 { left: 170px; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-width-4.html b/layout/reftests/pixel-rounding/background-image-width-4.html
new file mode 100644
index 0000000000..3bcd21269f
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-width-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10.4px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-width-5.html b/layout/reftests/pixel-rounding/background-image-width-5.html
new file mode 100644
index 0000000000..ac6f860fe4
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-width-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10.5px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-width-6.html b/layout/reftests/pixel-rounding/background-image-width-6.html
new file mode 100644
index 0000000000..128a6abcf6
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-width-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10.6px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-width-left-4.html b/layout/reftests/pixel-rounding/background-image-width-left-4.html
new file mode 100644
index 0000000000..b45b868c34
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-width-left-4.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10.5px; }
+
+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; }
+div.p3 { left: 49.9px; background-position: top right; }
+div.p4 { left: 69.9px; background-position: left; }
+div.p5 { left: 89.9px; background-position: center; }
+div.p6 { left: 109.9px; background-position: right; }
+div.p7 { left: 129.9px; background-position: bottom left; }
+div.p8 { left: 149.9px; background-position: bottom; }
+div.p9 { left: 169.9px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-width-left-5.html b/layout/reftests/pixel-rounding/background-image-width-left-5.html
new file mode 100644
index 0000000000..ac6f860fe4
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-width-left-5.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10.5px; }
+
+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; }
+div.p3 { left: 50px; background-position: top right; }
+div.p4 { left: 70px; background-position: left; }
+div.p5 { left: 90px; background-position: center; }
+div.p6 { left: 110px; background-position: right; }
+div.p7 { left: 130px; background-position: bottom left; }
+div.p8 { left: 150px; background-position: bottom; }
+div.p9 { left: 170px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/background-image-width-left-6.html b/layout/reftests/pixel-rounding/background-image-width-left-6.html
new file mode 100644
index 0000000000..ec3ab5576a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/background-image-width-left-6.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10.5px; }
+
+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; }
+div.p3 { left: 50.1px; background-position: top right; }
+div.p4 { left: 70.1px; background-position: left; }
+div.p5 { left: 90.1px; background-position: center; }
+div.p6 { left: 110.1px; background-position: right; }
+div.p7 { left: 130.1px; background-position: bottom left; }
+div.p8 { left: 150.1px; background-position: bottom; }
+div.p9 { left: 170.1px; background-position: bottom right; }
+
+</style>
+</head>
+<body>
+
+<div class="i1 p1"></div>
+<div class="i1 p2"></div>
+<div class="i1 p3"></div>
+<div class="i1 p4"></div>
+<div class="i1 p5"></div>
+<div class="i1 p6"></div>
+<div class="i1 p7"></div>
+<div class="i1 p8"></div>
+<div class="i1 p9"></div>
+
+<div class="i3 p1"></div>
+<div class="i3 p2"></div>
+<div class="i3 p3"></div>
+<div class="i3 p4"></div>
+<div class="i3 p5"></div>
+<div class="i3 p6"></div>
+<div class="i3 p7"></div>
+<div class="i3 p8"></div>
+<div class="i3 p9"></div>
+
+<div class="i5 p1"></div>
+<div class="i5 p2"></div>
+<div class="i5 p3"></div>
+<div class="i5 p4"></div>
+<div class="i5 p5"></div>
+<div class="i5 p6"></div>
+<div class="i5 p7"></div>
+<div class="i5 p8"></div>
+<div class="i5 p9"></div>
+
+<div class="i25 p1"></div>
+<div class="i25 p2"></div>
+<div class="i25 p3"></div>
+<div class="i25 p4"></div>
+<div class="i25 p5"></div>
+<div class="i25 p6"></div>
+<div class="i25 p7"></div>
+<div class="i25 p8"></div>
+<div class="i25 p9"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/blue-1x1.png b/layout/reftests/pixel-rounding/blue-1x1.png
new file mode 100644
index 0000000000..5da0137001
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 0000000000..dfe7542b82
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 0000000000..c049b55008
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 0000000000..35d8f33684
Binary files /dev/null and b/layout/reftests/pixel-rounding/blue-5x5.png differ
diff --git a/layout/reftests/pixel-rounding/border-base-ref.html b/layout/reftests/pixel-rounding/border-base-ref.html
new file mode 100644
index 0000000000..7be5e23d9a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-base-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+
+<div style="left: 10px"></div>
+<div style="left: 30px"></div>
+<div style="left: 50px"></div>
+<div style="left: 70px"></div>
+<div style="left: 90px"></div>
+<div style="left: 110px"></div>
+<div style="left: 130px"></div>
+<div style="left: 150px"></div>
+<div style="left: 170px"></div>
+<div style="left: 190px"></div>
+<div style="left: 210px"></div>
+<div style="left: 230px"></div>
+<div style="left: 250px"></div>
+<div style="left: 270px"></div>
+<div style="left: 290px"></div>
+<div style="left: 310px"></div>
+<div style="left: 330px"></div>
+<div style="left: 350px"></div>
+<div style="left: 370px"></div>
+
+<div style="top: 30px; left: 10px; width: 30px; height: 30px">
+  <div style="background:white; top: 10px; left: 10px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-height-10-ref.html b/layout/reftests/pixel-rounding/border-height-10-ref.html
new file mode 100644
index 0000000000..75369f3372
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-height-10-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; height: 11px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+
+<div style="left: 10px"></div>
+<div style="left: 30px"></div>
+<div style="left: 50px"></div>
+<div style="left: 70px"></div>
+<div style="left: 90px"></div>
+<div style="left: 110px"></div>
+<div style="left: 130px"></div>
+<div style="left: 150px"></div>
+<div style="left: 170px"></div>
+<div style="left: 190px"></div>
+<div style="left: 210px"></div>
+<div style="left: 230px"></div>
+<div style="left: 250px"></div>
+<div style="left: 270px"></div>
+<div style="left: 290px"></div>
+<div style="left: 310px"></div>
+<div style="left: 330px"></div>
+<div style="left: 350px"></div>
+<div style="left: 370px"></div>
+
+<div style="top: 30px; left: 10px; width: 30px; height: 31px">
+  <div style="background:white; top: 10px; left: 10px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-height-4.html b/layout/reftests/pixel-rounding/border-height-4.html
new file mode 100644
index 0000000000..db9ea23e12
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-height-4.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 10.4px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-height-5.html b/layout/reftests/pixel-rounding/border-height-5.html
new file mode 100644
index 0000000000..60c38855f9
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-height-5.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10px; border-top: 11.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: 11.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: 11.5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 11.5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 11.5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 11.5px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; width: 10px; border-top: 6.5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 6.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: 11.5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 11.5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 6.5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-top: 6.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: 6.5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-top: 6.5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 6.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: 6.5px solid green; border-left: 5px solid green"></div>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 10.5px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-height-6.html b/layout/reftests/pixel-rounding/border-height-6.html
new file mode 100644
index 0000000000..124fa68e28
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-height-6.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10px; border-top: 11.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: 11.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: 11.6px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 11.6px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 11.6px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 11.6px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; width: 10px; border-top: 6.6px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 6.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: 11.6px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 11.6px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 6.6px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-top: 6.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: 6.6px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-top: 6.6px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 6.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: 6.6px solid green; border-left: 5px solid green"></div>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 10.6px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-image-width-0.html b/layout/reftests/pixel-rounding/border-image-width-0.html
new file mode 100644
index 0000000000..dce8ac7179
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-image-width-0.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; border-style: solid; }
+
+</style>
+</head>
+<body>
+
+<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
+
+<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2px 2px 2px 2px;"></div>
+
+<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2px 2px 2px 2px;"></div>
+
+<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2px;"></div>
+<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-image-width-10.html b/layout/reftests/pixel-rounding/border-image-width-10.html
new file mode 100644
index 0000000000..71c2ea7dec
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-image-width-10.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; border-style:solid; }
+
+</style>
+</head>
+<body>
+
+<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 3px 2px 2px 2px;"></div>
+<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 3px 2px 2px;"></div>
+<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 3px 2px;"></div>
+<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 3px;"></div>
+<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 3px 3px 3px 3px;"></div>
+
+<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 3px 2px 2px 2px;"></div>
+<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 3px 2px 2px;"></div>
+<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 3px 2px;"></div>
+<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 3px;"></div>
+<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 3px 3px 3px 3px;"></div>
+
+<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 3px 2px 2px 2px;"></div>
+<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 3px 2px 2px;"></div>
+<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 3px 2px;"></div>
+<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 3px;"></div>
+<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 3px 3px 3px 3px;"></div>
+
+<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 3px 2px 2px 2px;"></div>
+<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 3px 2px 2px;"></div>
+<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 3px 2px;"></div>
+<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 3px;"></div>
+<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 3px 3px 3px 3px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-image-width-4.html b/layout/reftests/pixel-rounding/border-image-width-4.html
new file mode 100644
index 0000000000..d47411e7a1
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-image-width-4.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; border-style: solid; }
+
+</style>
+</head>
+<body>
+
+<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.4px 2px 2px 2px;"></div>
+<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2.4px 2px 2px;"></div>
+<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2.4px 2px;"></div>
+<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2.4px;"></div>
+<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
+
+<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.4px 2px 2px 2px;"></div>
+<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2.4px 2px 2px;"></div>
+<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2.4px 2px;"></div>
+<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2.4px;"></div>
+<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
+
+<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.4px 2px 2px 2px;"></div>
+<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2.4px 2px 2px;"></div>
+<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2.4px 2px;"></div>
+<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2.4px;"></div>
+<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
+
+<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2.4px 2px 2px 2px;"></div>
+<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2.4px 2px 2px;"></div>
+<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2.4px 2px;"></div>
+<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2.4px;"></div>
+<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-image-width-9.html b/layout/reftests/pixel-rounding/border-image-width-9.html
new file mode 100644
index 0000000000..e45dbe5724
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-image-width-9.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; height: 10px; width: 10px; border-style: solid;}
+
+</style>
+</head>
+<body>
+
+<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.9px 2px 2px 2px;"></div>
+<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2.9px 2px 2px;"></div>
+<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2.9px 2px;"></div>
+<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2.9px;"></div>
+<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
+
+<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.9px 2px 2px 2px;"></div>
+<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2.9px 2px 2px;"></div>
+<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2.9px 2px;"></div>
+<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2.9px;"></div>
+<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
+
+<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.9px 2px 2px 2px;"></div>
+<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2.9px 2px 2px;"></div>
+<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2.9px 2px;"></div>
+<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2.9px;"></div>
+<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
+
+<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2.9px 2px 2px 2px;"></div>
+<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2.9px 2px 2px;"></div>
+<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2.9px 2px;"></div>
+<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2.9px;"></div>
+<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-left-10-ref.html b/layout/reftests/pixel-rounding/border-left-10-ref.html
new file mode 100644
index 0000000000..6244d3f072
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-left-10-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+
+<div style="left: 11px"></div>
+<div style="left: 31px"></div>
+<div style="left: 51px"></div>
+<div style="left: 71px"></div>
+<div style="left: 91px"></div>
+<div style="left: 111px"></div>
+<div style="left: 131px"></div>
+<div style="left: 151px"></div>
+<div style="left: 171px"></div>
+<div style="left: 191px"></div>
+<div style="left: 211px"></div>
+<div style="left: 231px"></div>
+<div style="left: 251px"></div>
+<div style="left: 271px"></div>
+<div style="left: 291px"></div>
+<div style="left: 311px"></div>
+<div style="left: 331px"></div>
+<div style="left: 351px"></div>
+<div style="left: 371px"></div>
+
+<div style="top: 30px; left: 11px; width: 30px; height: 30px">
+  <div style="background:white; top: 10px; left: 10px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-left-4.html b/layout/reftests/pixel-rounding/border-left-4.html
new file mode 100644
index 0000000000..1e5271c21f
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-left-4.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10.4px; border: 10px solid green; height: 10px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-left-5.html b/layout/reftests/pixel-rounding/border-left-5.html
new file mode 100644
index 0000000000..cc3f784ead
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-left-5.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10.5px; border: 10px solid green; height: 10px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-left-6.html b/layout/reftests/pixel-rounding/border-left-6.html
new file mode 100644
index 0000000000..a6a6fd11a1
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-left-6.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10.6px; border: 10px solid green; height: 10px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-top-10-ref.html b/layout/reftests/pixel-rounding/border-top-10-ref.html
new file mode 100644
index 0000000000..65a0f9516c
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-top-10-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 11px; height: 10px; width: 10px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+
+<div style="left: 10px"></div>
+<div style="left: 30px"></div>
+<div style="left: 50px"></div>
+<div style="left: 70px"></div>
+<div style="left: 90px"></div>
+<div style="left: 110px"></div>
+<div style="left: 130px"></div>
+<div style="left: 150px"></div>
+<div style="left: 170px"></div>
+<div style="left: 190px"></div>
+<div style="left: 210px"></div>
+<div style="left: 230px"></div>
+<div style="left: 250px"></div>
+<div style="left: 270px"></div>
+<div style="left: 290px"></div>
+<div style="left: 310px"></div>
+<div style="left: 330px"></div>
+<div style="left: 350px"></div>
+<div style="left: 370px"></div>
+
+<div style="top: 31px; left: 10px; width: 30px; height: 30px">
+  <div style="background:white; top: 10px; left: 10px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-top-4.html b/layout/reftests/pixel-rounding/border-top-4.html
new file mode 100644
index 0000000000..e2d66b2384
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-top-4.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30.4px; left: 10px; border: 10px solid green; height: 10px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-top-5.html b/layout/reftests/pixel-rounding/border-top-5.html
new file mode 100644
index 0000000000..e949fd07d5
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-top-5.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30.5px; left: 10px; border: 10px solid green; height: 10px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-top-6.html b/layout/reftests/pixel-rounding/border-top-6.html
new file mode 100644
index 0000000000..a92e528960
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-top-6.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30.6px; left: 10px; border: 10px solid green; height: 10px; width: 10px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-width-10-ref.html b/layout/reftests/pixel-rounding/border-width-10-ref.html
new file mode 100644
index 0000000000..a27dc2eb01
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-width-10-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; top: 10px; height: 10px; width: 11px; }
+
+div { background: green; }
+
+</style>
+</head>
+<body>
+
+<div style="left: 10px"></div>
+<div style="left: 30px"></div>
+<div style="left: 50px"></div>
+<div style="left: 70px"></div>
+<div style="left: 90px"></div>
+<div style="left: 110px"></div>
+<div style="left: 130px"></div>
+<div style="left: 150px"></div>
+<div style="left: 170px"></div>
+<div style="left: 190px"></div>
+<div style="left: 210px"></div>
+<div style="left: 230px"></div>
+<div style="left: 250px"></div>
+<div style="left: 270px"></div>
+<div style="left: 290px"></div>
+<div style="left: 310px"></div>
+<div style="left: 330px"></div>
+<div style="left: 350px"></div>
+<div style="left: 370px"></div>
+
+<div style="top: 30px; left: 10px; width: 31px; height: 30px">
+  <div style="background:white; top: 10px; left: 10px"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-width-4.html b/layout/reftests/pixel-rounding/border-width-4.html
new file mode 100644
index 0000000000..0ca001eced
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-width-4.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 10px; width: 10.4px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-width-5.html b/layout/reftests/pixel-rounding/border-width-5.html
new file mode 100644
index 0000000000..3544855af9
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-width-5.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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: 11.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: 11.5px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 11.5px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 11.5px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 11.5px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 11.5px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; height: 10px; border-left: 6.5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 6.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: 11.5px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 11.5px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 6.5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-left: 6.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: 6.5px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-left: 6.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: 6.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: 6.5px solid green"></div>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 10px; width: 10.5px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/border-width-6.html b/layout/reftests/pixel-rounding/border-width-6.html
new file mode 100644
index 0000000000..dd846e900e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/border-width-6.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { 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: 11.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: 11.6px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 11.6px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 11.6px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 11.6px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 11.6px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; height: 10px; border-left: 6.6px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 6.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: 11.6px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 11.6px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 6.6px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-left: 6.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: 6.6px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-left: 6.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: 6.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: 6.6px solid green"></div>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 10px; width: 10.6px"></div>
+
+</body>
+</html>
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 0000000000..7219b2e448
--- /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 0000000000..28f596cdb6
--- /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/check-image-ref.html b/layout/reftests/pixel-rounding/check-image-ref.html
new file mode 100644
index 0000000000..dbe76aa9b0
--- /dev/null
+++ b/layout/reftests/pixel-rounding/check-image-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: green; }
+
+</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.html b/layout/reftests/pixel-rounding/check-image.html
new file mode 100644
index 0000000000..8318f36811
--- /dev/null
+++ b/layout/reftests/pixel-rounding/check-image.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="green-1x1.png">
+<img src="green-3x3.png">
+<img src="green-5x5.png">
+<img src="green-25x25.png">
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-height-4.html b/layout/reftests/pixel-rounding/collapsed-border-height-4.html
new file mode 100644
index 0000000000..75eddeb223
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-height-4.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 20.4px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-height-5.html b/layout/reftests/pixel-rounding/collapsed-border-height-5.html
new file mode 100644
index 0000000000..5f080ac40e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-height-5.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 20.5px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-height-6.html b/layout/reftests/pixel-rounding/collapsed-border-height-6.html
new file mode 100644
index 0000000000..20d8095e3a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-height-6.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 20.6px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-left-4.html b/layout/reftests/pixel-rounding/collapsed-border-left-4.html
new file mode 100644
index 0000000000..4ad5610a80
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-left-4.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10.4px; border: 10px solid green; height: 20px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-left-5.html b/layout/reftests/pixel-rounding/collapsed-border-left-5.html
new file mode 100644
index 0000000000..d0316841a7
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-left-5.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10.5px; border: 10px solid green; height: 20px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-left-6.html b/layout/reftests/pixel-rounding/collapsed-border-left-6.html
new file mode 100644
index 0000000000..1059fe17ab
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-left-6.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10.6px; border: 10px solid green; height: 20px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-top-4.html b/layout/reftests/pixel-rounding/collapsed-border-top-4.html
new file mode 100644
index 0000000000..dea7979204
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-top-4.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30.4px; left: 10px; border: 10px solid green; height: 20px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-top-5.html b/layout/reftests/pixel-rounding/collapsed-border-top-5.html
new file mode 100644
index 0000000000..41674af3ec
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-top-5.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30.5px; left: 10px; border: 10px solid green; height: 20px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-top-6.html b/layout/reftests/pixel-rounding/collapsed-border-top-6.html
new file mode 100644
index 0000000000..d45a281800
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-top-6.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30.6px; left: 10px; border: 10px solid green; height: 20px; width: 20px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-width-4.html b/layout/reftests/pixel-rounding/collapsed-border-width-4.html
new file mode 100644
index 0000000000..e537610efc
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-width-4.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 20px; width: 20.4px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-width-5.html b/layout/reftests/pixel-rounding/collapsed-border-width-5.html
new file mode 100644
index 0000000000..ffdeb5c4fa
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-width-5.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 20px; width: 20.5px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/collapsed-border-width-6.html b/layout/reftests/pixel-rounding/collapsed-border-width-6.html
new file mode 100644
index 0000000000..732524ad1a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/collapsed-border-width-6.html
@@ -0,0 +1,47 @@
+<!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>
+
+<!-- border around space -->
+<div style="top: 30px; left: 10px; border: 10px solid green; height: 20px; width: 20.6px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/corner-bl.png b/layout/reftests/pixel-rounding/corner-bl.png
new file mode 100644
index 0000000000..f9be106e07
Binary files /dev/null and b/layout/reftests/pixel-rounding/corner-bl.png differ
diff --git a/layout/reftests/pixel-rounding/corner-br.png b/layout/reftests/pixel-rounding/corner-br.png
new file mode 100644
index 0000000000..44accf9449
Binary files /dev/null and b/layout/reftests/pixel-rounding/corner-br.png differ
diff --git a/layout/reftests/pixel-rounding/corner-tl.png b/layout/reftests/pixel-rounding/corner-tl.png
new file mode 100644
index 0000000000..65a71e1199
Binary files /dev/null and b/layout/reftests/pixel-rounding/corner-tl.png differ
diff --git a/layout/reftests/pixel-rounding/corner-tr.png b/layout/reftests/pixel-rounding/corner-tr.png
new file mode 100644
index 0000000000..97cedba6ca
Binary files /dev/null and b/layout/reftests/pixel-rounding/corner-tr.png differ
diff --git a/layout/reftests/pixel-rounding/green-1x1.png b/layout/reftests/pixel-rounding/green-1x1.png
new file mode 100644
index 0000000000..18b59be474
Binary files /dev/null and b/layout/reftests/pixel-rounding/green-1x1.png differ
diff --git a/layout/reftests/pixel-rounding/green-25x25.png b/layout/reftests/pixel-rounding/green-25x25.png
new file mode 100644
index 0000000000..a972cb073a
Binary files /dev/null and b/layout/reftests/pixel-rounding/green-25x25.png differ
diff --git a/layout/reftests/pixel-rounding/green-3x3.png b/layout/reftests/pixel-rounding/green-3x3.png
new file mode 100644
index 0000000000..86d1cd244a
Binary files /dev/null and b/layout/reftests/pixel-rounding/green-3x3.png differ
diff --git a/layout/reftests/pixel-rounding/green-5x5.png b/layout/reftests/pixel-rounding/green-5x5.png
new file mode 100644
index 0000000000..94fdffd033
Binary files /dev/null and b/layout/reftests/pixel-rounding/green-5x5.png differ
diff --git a/layout/reftests/pixel-rounding/green-circle-with-blue-border.png b/layout/reftests/pixel-rounding/green-circle-with-blue-border.png
new file mode 100644
index 0000000000..570fd24944
Binary files /dev/null and b/layout/reftests/pixel-rounding/green-circle-with-blue-border.png differ
diff --git a/layout/reftests/pixel-rounding/iframe-1-ref.html b/layout/reftests/pixel-rounding/iframe-1-ref.html
new file mode 100644
index 0000000000..bc38a6fffd
--- /dev/null
+++ b/layout/reftests/pixel-rounding/iframe-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body style="background-color: rgb(255,0,0)">
+<iframe style="position: fixed; top: 11" src="data:text/html,<body style='background-color: rgba(0,0,255,0.5)'>">
+</iframe>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/iframe-1.html b/layout/reftests/pixel-rounding/iframe-1.html
new file mode 100644
index 0000000000..c98f73cb37
--- /dev/null
+++ b/layout/reftests/pixel-rounding/iframe-1.html
@@ -0,0 +1,6 @@
+<html>
+<body style="background-color: rgb(255,0,0)">
+<iframe style="position: fixed; top: 10.5" src="data:text/html,<body style='background-color: rgba(0,0,255,0.5)'>">
+</iframe>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/image-base-ref.html b/layout/reftests/pixel-rounding/image-base-ref.html
new file mode 100644
index 0000000000..5cffc12359
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-height-10-ref.html b/layout/reftests/pixel-rounding/image-height-10-ref.html
new file mode 100644
index 0000000000..858e4445a8
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-height-4.html b/layout/reftests/pixel-rounding/image-height-4.html
new file mode 100644
index 0000000000..1903fdf293
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-height-5.html b/layout/reftests/pixel-rounding/image-height-5.html
new file mode 100644
index 0000000000..de8e3e9c97
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-height-6.html b/layout/reftests/pixel-rounding/image-height-6.html
new file mode 100644
index 0000000000..1afc5e6012
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-height-top-4.html b/layout/reftests/pixel-rounding/image-height-top-4.html
new file mode 100644
index 0000000000..5f91bd314e
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-height-top-5.html b/layout/reftests/pixel-rounding/image-height-top-5.html
new file mode 100644
index 0000000000..de8e3e9c97
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-height-top-6.html b/layout/reftests/pixel-rounding/image-height-top-6.html
new file mode 100644
index 0000000000..4f446f3e35
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-high-quality-scaling-1-ref.html b/layout/reftests/pixel-rounding/image-high-quality-scaling-1-ref.html
new file mode 100644
index 0000000000..62df7fa511
--- /dev/null
+++ b/layout/reftests/pixel-rounding/image-high-quality-scaling-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-wait">
+<head>
+  <script>
+    // We add an artificial delay before the reftest snapshot to increase the
+    // chance that we're snapshotting the high-quality downscaled version of
+    // the image. This is necessary because high-quality downscaling is
+    // currently an async process. Bug 1045926 will eliminate the need for this
+    // delay.
+    function snapshot() {
+      document.documentElement.removeAttribute('class');
+    }
+  </script>
+</head>
+<body onload="setTimeout(snapshot, 250)">
+<div style="padding: 1em 3em; font-size: 80%; width: 300px; text-align: center;">
+  <img src="green-circle-with-blue-border.png" width="179" height="220">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/image-high-quality-scaling-1.html b/layout/reftests/pixel-rounding/image-high-quality-scaling-1.html
new file mode 100644
index 0000000000..e3d14a61f9
--- /dev/null
+++ b/layout/reftests/pixel-rounding/image-high-quality-scaling-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-wait">
+<head>
+  <script>
+    // We add an artificial delay before the reftest snapshot to increase the
+    // chance that we're snapshotting the high-quality downscaled version of
+    // the image. This is necessary because high-quality downscaling is
+    // currently an async process. Bug 1045926 will eliminate the need for this
+    // delay.
+    function snapshot() {
+      document.documentElement.removeAttribute('class');
+    }
+  </script>
+</head>
+<body onload="setTimeout(snapshot, 250)">
+<div style="padding: 1em 3em; font-size: 80%; width: 300px; text-align: center;">
+  <img src="green-circle-with-blue-border.png" height="220">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/image-left-10-ref.html b/layout/reftests/pixel-rounding/image-left-10-ref.html
new file mode 100644
index 0000000000..489e4ff335
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-left-4.html b/layout/reftests/pixel-rounding/image-left-4.html
new file mode 100644
index 0000000000..d8e2cab293
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-left-5.html b/layout/reftests/pixel-rounding/image-left-5.html
new file mode 100644
index 0000000000..47c80820d0
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-left-6.html b/layout/reftests/pixel-rounding/image-left-6.html
new file mode 100644
index 0000000000..68ac4e06d6
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-left-width-4.html b/layout/reftests/pixel-rounding/image-left-width-4.html
new file mode 100644
index 0000000000..c671875d8f
--- /dev/null
+++ b/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.5px; }
+img[src="blue-3x3.png"]   { left: 39.5px; }
+img[src="blue-5x5.png"]   { left: 69.5px; }
+img[src="blue-25x25.png"] { left: 99.5px; }
+
+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/layout/reftests/pixel-rounding/image-left-width-5.html b/layout/reftests/pixel-rounding/image-left-width-5.html
new file mode 100644
index 0000000000..f4905bdad3
--- /dev/null
+++ b/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.5px; }
+img[src="blue-3x3.png"]   { left: 39.5px; }
+img[src="blue-5x5.png"]   { left: 69.5px; }
+img[src="blue-25x25.png"] { left: 99.5px; }
+
+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/layout/reftests/pixel-rounding/image-left-width-6.html b/layout/reftests/pixel-rounding/image-left-width-6.html
new file mode 100644
index 0000000000..4c51386b5b
--- /dev/null
+++ b/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.5px; }
+img[src="blue-3x3.png"]   { left: 39.5px; }
+img[src="blue-5x5.png"]   { left: 69.5px; }
+img[src="blue-25x25.png"] { left: 99.5px; }
+
+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/layout/reftests/pixel-rounding/image-top-10-ref.html b/layout/reftests/pixel-rounding/image-top-10-ref.html
new file mode 100644
index 0000000000..9df47260a9
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-top-4.html b/layout/reftests/pixel-rounding/image-top-4.html
new file mode 100644
index 0000000000..82b260ad37
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-top-5.html b/layout/reftests/pixel-rounding/image-top-5.html
new file mode 100644
index 0000000000..9fe616c5d1
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-top-6.html b/layout/reftests/pixel-rounding/image-top-6.html
new file mode 100644
index 0000000000..d634da9bf9
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-top-height-4.html b/layout/reftests/pixel-rounding/image-top-height-4.html
new file mode 100644
index 0000000000..b9127bb056
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-top-height-5.html b/layout/reftests/pixel-rounding/image-top-height-5.html
new file mode 100644
index 0000000000..b9c6f4b92c
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-top-height-6.html b/layout/reftests/pixel-rounding/image-top-height-6.html
new file mode 100644
index 0000000000..35b97b3eaf
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-width-10-ref.html b/layout/reftests/pixel-rounding/image-width-10-ref.html
new file mode 100644
index 0000000000..650389da4c
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-width-4.html b/layout/reftests/pixel-rounding/image-width-4.html
new file mode 100644
index 0000000000..39a4df62d2
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-width-5.html b/layout/reftests/pixel-rounding/image-width-5.html
new file mode 100644
index 0000000000..d1673b3369
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-width-6.html b/layout/reftests/pixel-rounding/image-width-6.html
new file mode 100644
index 0000000000..a3929ff30e
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-width-left-4.html b/layout/reftests/pixel-rounding/image-width-left-4.html
new file mode 100644
index 0000000000..b9d381ed76
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-width-left-5.html b/layout/reftests/pixel-rounding/image-width-left-5.html
new file mode 100644
index 0000000000..d1673b3369
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/image-width-left-6.html b/layout/reftests/pixel-rounding/image-width-left-6.html
new file mode 100644
index 0000000000..2d91aec403
--- /dev/null
+++ b/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/layout/reftests/pixel-rounding/lime-25x25.png b/layout/reftests/pixel-rounding/lime-25x25.png
new file mode 100644
index 0000000000..165a9d5279
Binary files /dev/null and b/layout/reftests/pixel-rounding/lime-25x25.png differ
diff --git a/layout/reftests/pixel-rounding/offscreen-0-ref.html b/layout/reftests/pixel-rounding/offscreen-0-ref.html
new file mode 100644
index 0000000000..de78c62a98
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-0-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 { position: absolute; background: blue;
+      top: 0px; left: 0px; width: 15px; height: 15px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-10-ref.html b/layout/reftests/pixel-rounding/offscreen-10-ref.html
new file mode 100644
index 0000000000..b599e72feb
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-10-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 { position: absolute; background: blue;
+      top: 0px; left: 0px; width: 16px; height: 16px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-background-color-pos-4.html b/layout/reftests/pixel-rounding/offscreen-background-color-pos-4.html
new file mode 100644
index 0000000000..ebc8d8058a
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-background-color-pos-4.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 { position: absolute; background: blue;
+      top: -9.6px; left: -9.6px; width: 25px; height: 25px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-background-color-pos-5.html b/layout/reftests/pixel-rounding/offscreen-background-color-pos-5.html
new file mode 100644
index 0000000000..c5c9e560d2
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-background-color-pos-5.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 { position: absolute; background: blue;
+      top: -9.5px; left: -9.5px; width: 25px; height: 25px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-background-color-pos-6.html b/layout/reftests/pixel-rounding/offscreen-background-color-pos-6.html
new file mode 100644
index 0000000000..83a011e7c7
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-background-color-pos-6.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 { position: absolute; background: blue;
+      top: -9.4px; left: -9.4px; width: 25px; height: 25px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-background-color-size-4.html b/layout/reftests/pixel-rounding/offscreen-background-color-size-4.html
new file mode 100644
index 0000000000..d907fe0c11
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-background-color-size-4.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 { position: absolute; background: blue;
+      top: -10px; left: -10px; width: 25.4px; height: 25.4px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-background-color-size-5.html b/layout/reftests/pixel-rounding/offscreen-background-color-size-5.html
new file mode 100644
index 0000000000..5d1bd5d4ee
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-background-color-size-5.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 { position: absolute; background: blue;
+      top: -10px; left: -10px; width: 25.5px; height: 25.5px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-background-color-size-6.html b/layout/reftests/pixel-rounding/offscreen-background-color-size-6.html
new file mode 100644
index 0000000000..a9d593eee0
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-background-color-size-6.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 { position: absolute; background: blue;
+      top: -10px; left: -10px; width: 25.6px; height: 25.6px; }
+
+</style>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-image-pos-4.html b/layout/reftests/pixel-rounding/offscreen-image-pos-4.html
new file mode 100644
index 0000000000..a662860224
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-image-pos-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; top: -9.6px; left: -9.6px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-image-pos-5.html b/layout/reftests/pixel-rounding/offscreen-image-pos-5.html
new file mode 100644
index 0000000000..33cacb01dd
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-image-pos-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; top: -9.5px; left: -9.5px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-image-pos-6.html b/layout/reftests/pixel-rounding/offscreen-image-pos-6.html
new file mode 100644
index 0000000000..996051b604
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-image-pos-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; top: -9.4px; left: -9.4px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-image-size-4.html b/layout/reftests/pixel-rounding/offscreen-image-size-4.html
new file mode 100644
index 0000000000..99a630f0a7
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-image-size-4.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; top: -10px; left: -10px; height: 25.4px; width: 25.4px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-image-size-5.html b/layout/reftests/pixel-rounding/offscreen-image-size-5.html
new file mode 100644
index 0000000000..42cd94925b
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-image-size-5.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; top: -10px; left: -10px; height: 25.5px; width: 25.5px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/offscreen-image-size-6.html b/layout/reftests/pixel-rounding/offscreen-image-size-6.html
new file mode 100644
index 0000000000..dc1805d54e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/offscreen-image-size-6.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; top: -10px; left: -10px; height: 25.6px; width: 25.6px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/random-10x10.png b/layout/reftests/pixel-rounding/random-10x10.png
new file mode 100644
index 0000000000..466588ade1
Binary files /dev/null and b/layout/reftests/pixel-rounding/random-10x10.png differ
diff --git a/layout/reftests/pixel-rounding/reftest.list b/layout/reftests/pixel-rounding/reftest.list
new file mode 100644
index 0000000000..f7b79d882f
--- /dev/null
+++ b/layout/reftests/pixel-rounding/reftest.list
@@ -0,0 +1,183 @@
+== check-image.html check-image-ref.html
+== 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
+== background-color-height-6.html background-color-height-10.html
+!= background-color-base.html background-color-top-10.html
+== background-color-top-4.html background-color-base.html
+== background-color-top-5.html background-color-top-10.html
+== background-color-top-6.html background-color-top-10.html
+!= background-color-base.html background-color-width-10.html
+== background-color-width-4.html background-color-base.html
+== background-color-width-5.html background-color-width-10.html
+== background-color-width-6.html background-color-width-10.html
+!= background-color-base.html background-color-left-10.html
+== background-color-left-4.html background-color-base.html
+== background-color-left-5.html background-color-left-10.html
+== background-color-left-6.html background-color-left-10.html
+== background-color-top-height-4.html background-color-height-4.html
+== background-color-top-height-5.html background-color-height-5.html
+== background-color-top-height-6.html background-color-height-6.html
+== background-color-left-width-4.html background-color-width-4.html
+== background-color-left-width-5.html background-color-width-5.html
+== background-color-left-width-6.html background-color-width-6.html
+== background-color-height-top-4.html background-color-height-4.html
+== background-color-height-top-5.html background-color-height-5.html
+== background-color-height-top-6.html background-color-height-6.html
+== 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
+== border-height-4.html border-base-ref.html
+== border-height-5.html border-height-10-ref.html
+== border-height-6.html border-height-10-ref.html
+!= border-base-ref.html border-width-10-ref.html
+== border-width-4.html border-base-ref.html
+== border-width-5.html border-width-10-ref.html
+== border-width-6.html border-width-10-ref.html
+!= border-base-ref.html border-left-10-ref.html
+== border-left-4.html border-base-ref.html
+== border-left-5.html border-left-10-ref.html
+== border-left-6.html border-left-10-ref.html
+!= border-base-ref.html border-top-10-ref.html
+== border-top-4.html border-base-ref.html
+== border-top-5.html border-top-10-ref.html
+== border-top-6.html border-top-10-ref.html
+
+!= background-image-base.html background-image-height-10-ref.html
+== background-image-height-4.html background-image-base.html
+== background-image-height-5.html background-image-height-10-ref.html
+== background-image-height-6.html background-image-height-10-ref.html
+!= background-image-base.html background-image-top-10-ref.html
+== 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
+== background-image-width-4.html background-image-base.html
+== background-image-width-5.html background-image-width-10-ref.html
+== background-image-width-6.html background-image-width-10-ref.html
+!= background-image-base.html background-image-left-10-ref.html
+== 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
+== background-image-top-height-4.html background-image-height-4.html
+== background-image-top-height-5.html background-image-height-5.html
+== background-image-top-height-6.html background-image-height-6.html
+== background-image-left-width-4.html background-image-width-4.html
+== background-image-left-width-5.html background-image-width-5.html
+== background-image-left-width-6.html background-image-width-6.html
+== background-image-height-top-4.html background-image-height-4.html
+== background-image-height-top-5.html background-image-height-5.html
+== background-image-height-top-6.html background-image-height-6.html
+== background-image-width-left-4.html background-image-width-4.html
+== background-image-width-left-5.html background-image-width-5.html
+== background-image-width-left-6.html background-image-width-6.html
+
+
+# These all fail due 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
+
+
+!= image-base-ref.html image-height-10-ref.html
+== image-height-4.html image-base-ref.html
+== 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
+== image-top-4.html image-base-ref.html
+== 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
+== 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
+== image-left-4.html image-base-ref.html
+== image-left-5.html image-left-10-ref.html
+== image-left-6.html image-left-10-ref.html
+== image-top-height-4.html image-height-4.html
+== image-top-height-5.html image-height-5.html
+== image-top-height-6.html image-height-6.html
+== image-left-width-4.html image-width-4.html
+== image-left-width-5.html image-width-5.html
+== image-left-width-6.html image-width-6.html
+== image-height-top-4.html image-height-4.html
+== image-height-top-5.html image-height-5.html
+== image-height-top-6.html image-height-6.html
+== image-width-left-4.html image-width-4.html
+== image-width-left-5.html image-width-5.html
+== image-width-left-6.html image-width-6.html
+
+
+skip pref(image.downscale-during-decode.enabled,true) == image-high-quality-scaling-1.html image-high-quality-scaling-1-ref.html
+
+
+!= offscreen-0-ref.html offscreen-10-ref.html
+== offscreen-background-color-pos-4.html offscreen-0-ref.html
+== offscreen-background-color-pos-5.html offscreen-10-ref.html
+== offscreen-background-color-pos-6.html offscreen-10-ref.html
+== offscreen-background-color-size-4.html offscreen-0-ref.html
+== offscreen-background-color-size-5.html offscreen-10-ref.html
+== offscreen-background-color-size-6.html offscreen-10-ref.html
+== offscreen-image-pos-4.html offscreen-0-ref.html
+== offscreen-image-pos-5.html offscreen-10-ref.html
+== offscreen-image-pos-6.html offscreen-10-ref.html
+== offscreen-image-size-4.html offscreen-0-ref.html
+== offscreen-image-size-5.html offscreen-10-ref.html
+== offscreen-image-size-6.html offscreen-10-ref.html
+
+
+!= rounded-background-color-base-ref.html rounded-background-color-height-10-ref.html
+fuzzy(0-1,0-14) == rounded-background-color-height-4.html rounded-background-color-base-ref.html
+== rounded-background-color-height-5.html rounded-background-color-height-10-ref.html
+== rounded-background-color-height-6.html rounded-background-color-height-10-ref.html
+!= rounded-background-color-base-ref.html rounded-background-color-top-10-ref.html
+fuzzy(0-1,0-14) == rounded-background-color-top-4.html rounded-background-color-base-ref.html
+== rounded-background-color-top-5.html rounded-background-color-top-10-ref.html
+== rounded-background-color-top-6.html rounded-background-color-top-10-ref.html
+!= rounded-background-color-base-ref.html rounded-background-color-width-10-ref.html
+fuzzy(0-1,0-14) == rounded-background-color-width-4.html rounded-background-color-base-ref.html
+== rounded-background-color-width-5.html rounded-background-color-width-10-ref.html
+== rounded-background-color-width-6.html rounded-background-color-width-10-ref.html
+!= rounded-background-color-base-ref.html rounded-background-color-left-10-ref.html
+fuzzy(0-1,0-225) == rounded-background-color-left-4.html rounded-background-color-base-ref.html
+fuzzy(0-1,0-160) == rounded-background-color-left-5.html rounded-background-color-left-10-ref.html
+fuzzy(0-1,0-145) == rounded-background-color-left-6.html rounded-background-color-left-10-ref.html
+fuzzy(0-1,0-145) == rounded-background-color-top-height-4.html rounded-background-color-height-4.html
+fuzzy(0-1,0-113) == rounded-background-color-top-height-5.html rounded-background-color-height-5.html
+fuzzy(0-1,0-145) == rounded-background-color-top-height-6.html rounded-background-color-height-6.html
+fuzzy(0-1,0-225) == rounded-background-color-left-width-4.html rounded-background-color-width-4.html
+fuzzy(0-1,0-113) == rounded-background-color-left-width-5.html rounded-background-color-width-5.html
+fuzzy(0-1,0-113) == rounded-background-color-left-width-6.html rounded-background-color-width-6.html
+fuzzy(0-1,0-145) == rounded-background-color-height-top-4.html rounded-background-color-height-4.html
+fuzzy(0-1,0-97) == rounded-background-color-height-top-5.html rounded-background-color-height-5.html
+fuzzy(0-1,0-113) == rounded-background-color-height-top-6.html rounded-background-color-height-6.html
+fuzzy(0-1,0-225) == rounded-background-color-width-left-4.html rounded-background-color-width-4.html
+fuzzy(0-1,0-145) == rounded-background-color-width-left-5.html rounded-background-color-width-5.html
+fuzzy(0-1,0-145) == rounded-background-color-width-left-6.html rounded-background-color-width-6.html
+
+== background-image-tiling.html background-image-tiling-ref.html
+
+!= border-image-width-0.html border-image-width-10.html
+fuzzy(0-112,0-29) == border-image-width-4.html border-image-width-0.html
+fuzzy(0-112,0-29) == border-image-width-9.html border-image-width-0.html
+
+== iframe-1.html iframe-1-ref.html
+
+fuzzy(0-128,0-220) == viewport-units-rounding-1.html viewport-units-rounding-1-ref.html
+== viewport-units-rounding-2.html about:blank
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-base-ref.html b/layout/reftests/pixel-rounding/rounded-background-color-base-ref.html
new file mode 100644
index 0000000000..7f299a3507
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-base-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-height-10-ref.html b/layout/reftests/pixel-rounding/rounded-background-color-height-10-ref.html
new file mode 100644
index 0000000000..49d3823e51
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-height-10-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 11px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-height-4.html b/layout/reftests/pixel-rounding/rounded-background-color-height-4.html
new file mode 100644
index 0000000000..2f8ab99198
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-height-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10.4px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-height-5.html b/layout/reftests/pixel-rounding/rounded-background-color-height-5.html
new file mode 100644
index 0000000000..aef9045902
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-height-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10.5px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-height-6.html b/layout/reftests/pixel-rounding/rounded-background-color-height-6.html
new file mode 100644
index 0000000000..52565b79be
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-height-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10.6px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-height-top-4.html b/layout/reftests/pixel-rounding/rounded-background-color-height-top-4.html
new file mode 100644
index 0000000000..d0fad8f652
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-height-top-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: -0.1px; left: 0; height: 10.5px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 19.9px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-height-top-5.html b/layout/reftests/pixel-rounding/rounded-background-color-height-top-5.html
new file mode 100644
index 0000000000..f55313919d
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-height-top-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0px; left: 0; height: 10.5px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-height-top-6.html b/layout/reftests/pixel-rounding/rounded-background-color-height-top-6.html
new file mode 100644
index 0000000000..35a94aa2d4
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-height-top-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0.1px; left: 0; height: 10.5px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20.1px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-10-ref.html b/layout/reftests/pixel-rounding/rounded-background-color-left-10-ref.html
new file mode 100644
index 0000000000..f57df7ed23
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-left-10-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 1px; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 21px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-4.html b/layout/reftests/pixel-rounding/rounded-background-color-left-4.html
new file mode 100644
index 0000000000..a6ee8a47e2
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-left-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0.4px; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20.4px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-5.html b/layout/reftests/pixel-rounding/rounded-background-color-left-5.html
new file mode 100644
index 0000000000..b6261bb3fc
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-left-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0.5px; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20.5px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-6.html b/layout/reftests/pixel-rounding/rounded-background-color-left-6.html
new file mode 100644
index 0000000000..b5b469f7a0
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-left-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0.6px; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20.6px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html b/layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html
new file mode 100644
index 0000000000..083257d0fb
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: -0.5px; height: 10px; width: 10.9px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 19.5px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-width-5.html b/layout/reftests/pixel-rounding/rounded-background-color-left-width-5.html
new file mode 100644
index 0000000000..e2593fc5a8
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-left-width-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: -0.5px; height: 10px; width: 11px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 19.5px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-width-6.html b/layout/reftests/pixel-rounding/rounded-background-color-left-width-6.html
new file mode 100644
index 0000000000..5f1fca7d34
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-left-width-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: -0.5px; height: 10px; width: 11.1px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 19.5px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-top-10-ref.html b/layout/reftests/pixel-rounding/rounded-background-color-top-10-ref.html
new file mode 100644
index 0000000000..700262c182
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-top-10-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 1px; left: 0; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 21px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-top-4.html b/layout/reftests/pixel-rounding/rounded-background-color-top-4.html
new file mode 100644
index 0000000000..34f569a7bc
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-top-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0.4px; left: 0; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20.4px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-top-5.html b/layout/reftests/pixel-rounding/rounded-background-color-top-5.html
new file mode 100644
index 0000000000..0f139aaf12
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-top-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0.5px; left: 0; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20.5px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-top-6.html b/layout/reftests/pixel-rounding/rounded-background-color-top-6.html
new file mode 100644
index 0000000000..234440c369
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-top-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0.6px; left: 0; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20.6px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-top-height-4.html b/layout/reftests/pixel-rounding/rounded-background-color-top-height-4.html
new file mode 100644
index 0000000000..c465bc8d2e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-top-height-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: -0.5px; left: 0; height: 10.9px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 19.5px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-top-height-5.html b/layout/reftests/pixel-rounding/rounded-background-color-top-height-5.html
new file mode 100644
index 0000000000..a79900c20b
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-top-height-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: -0.5px; left: 0; height: 11px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 19.5px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-top-height-6.html b/layout/reftests/pixel-rounding/rounded-background-color-top-height-6.html
new file mode 100644
index 0000000000..c31ff606ae
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-top-height-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: -0.5px; left: 0; height: 11.1px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 19.5px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-10-ref.html b/layout/reftests/pixel-rounding/rounded-background-color-width-10-ref.html
new file mode 100644
index 0000000000..2f706bbe49
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-width-10-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10px; width: 11px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-4.html b/layout/reftests/pixel-rounding/rounded-background-color-width-4.html
new file mode 100644
index 0000000000..f4af683abe
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-width-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10px; width: 10.4px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-5.html b/layout/reftests/pixel-rounding/rounded-background-color-width-5.html
new file mode 100644
index 0000000000..406d3d3172
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-width-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10px; width: 10.5px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-6.html b/layout/reftests/pixel-rounding/rounded-background-color-width-6.html
new file mode 100644
index 0000000000..8a01dd5031
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-width-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0; height: 10px; width: 10.6px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html b/layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html
new file mode 100644
index 0000000000..7cba93c2bb
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: -0.1px; height: 10px; width: 10.5px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 19.9px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-left-5.html b/layout/reftests/pixel-rounding/rounded-background-color-width-left-5.html
new file mode 100644
index 0000000000..fe7606646f
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-width-left-5.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0px; height: 10px; width: 10.5px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-left-6.html b/layout/reftests/pixel-rounding/rounded-background-color-width-left-6.html
new file mode 100644
index 0000000000..c4c6462029
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-width-left-6.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+    position: absolute; top: 0; left: 0.1px; height: 10px; width: 10.5px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20.1px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/viewport-units-rounding-1-frame.html b/layout/reftests/pixel-rounding/viewport-units-rounding-1-frame.html
new file mode 100644
index 0000000000..955b873dd6
--- /dev/null
+++ b/layout/reftests/pixel-rounding/viewport-units-rounding-1-frame.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<title>subframe for test of viewport units rounding</title>
+<meta charset="UTF-8">
+<style>
+
+html, body { margin: 0; padding: 0; border: none }
+
+body > div {
+  background: red; /* should never show */
+  overflow: hidden; /* block formatting context */
+}
+
+body > div > div {
+  float: left;
+  height: 10px;
+}
+
+body > div.w25 > div { width: 25vw; }
+
+</style>
+
+<div class="w25">
+  <div style="background: fuchsia"></div>
+  <div style="background: aqua"></div>
+  <div style="background: silver"></div>
+  <div style="background: yellow"></div>
+</div>
+
+<!--
+  Really, though, anything that is a multiple of 5vw will always
+  produce a round number of appunits when starting from an integer
+  number of pixels, since 5vw is 1/20 of the viewport.
+
+  So, more interesting:
+-->
+
+<div>
+  <div style="width: 24vw; background: fuchsia"></div>
+  <div style="width: 24vw; background: aqua"></div>
+  <div style="width: 24vw; background: silver"></div>
+  <div style="width: 24vw; background: yellow"></div>
+  <div style="width: 4vw; background: gray"></div>
+</div>
+
+<div>
+  <div style="width: 21vw; background: fuchsia"></div>
+  <div style="width: 21vw; background: aqua"></div>
+  <div style="width: 21vw; background: silver"></div>
+  <div style="width: 21vw; background: yellow"></div>
+  <div style="width: 16vw; background: gray"></div>
+</div>
diff --git a/layout/reftests/pixel-rounding/viewport-units-rounding-1-ref.html b/layout/reftests/pixel-rounding/viewport-units-rounding-1-ref.html
new file mode 100644
index 0000000000..f762f004ff
--- /dev/null
+++ b/layout/reftests/pixel-rounding/viewport-units-rounding-1-ref.html
@@ -0,0 +1,123 @@
+<!DOCTYPE HTML>
+<title>viewport units rounding reference</title>
+<meta charset="UTF-8">
+<style>
+div.contain { height: 50px }
+div.contain > div { height: 10px }
+div.contain > div > div { height: 10px; float: left }
+</style>
+
+<div class="contain" style="width: 200px">
+  <div>
+    <div style="width: 50px; background: fuchsia"></div>
+    <div style="width: 50px; background: aqua"></div>
+    <div style="width: 50px; background: silver"></div>
+    <div style="width: 50px; background: yellow"></div>
+  </div>
+  <div>
+    <div style="width: 48px; background: fuchsia"></div>
+    <div style="width: 48px; background: aqua"></div>
+    <div style="width: 48px; background: silver"></div>
+    <div style="width: 48px; background: yellow"></div>
+    <div style="width: 8px; background: gray"></div>
+  </div>
+  <div>
+    <div style="width: 42px; background: fuchsia"></div>
+    <div style="width: 42px; background: aqua"></div>
+    <div style="width: 42px; background: silver"></div>
+    <div style="width: 42px; background: yellow"></div>
+    <div style="width: 32px; background: gray"></div>
+  </div>
+</div>
+
+<div class="contain" style="width: 201px">
+  <div>
+    <div style="width: 50px; background: fuchsia"></div>
+    <div style="width: 51px; background: aqua"></div>
+    <div style="width: 50px; background: silver"></div>
+    <div style="width: 50px; background: yellow"></div>
+  </div>
+  <div>
+    <div style="width: 48px; background: fuchsia"></div>
+    <div style="width: 48px; background: aqua"></div>
+    <div style="width: 49px; background: silver"></div>
+    <div style="width: 48px; background: yellow"></div>
+    <div style="width: 8px; background: gray"></div>
+  </div>
+  <div>
+    <div style="width: 42px; background: fuchsia"></div>
+    <div style="width: 42px; background: aqua"></div>
+    <div style="width: 43px; background: silver"></div>
+    <div style="width: 42px; background: yellow"></div>
+    <div style="width: 32px; background: gray"></div>
+  </div>
+</div>
+
+<div class="contain" style="width: 202px">
+  <div>
+    <div style="width: 51px; background: fuchsia"></div>
+    <div style="width: 50px; background: aqua"></div>
+    <div style="width: 51px; background: silver"></div>
+    <div style="width: 50px; background: yellow"></div>
+  </div>
+  <div>
+    <div style="width: 48px; background: fuchsia"></div>
+    <div style="width: 49px; background: aqua"></div>
+    <div style="width: 48px; background: silver"></div>
+    <div style="width: 49px; background: yellow"></div>
+    <div style="width: 8px; background: gray"></div>
+  </div>
+  <div>
+    <div style="width: 42px; background: fuchsia"></div>
+    <div style="width: 43px; background: aqua"></div>
+    <div style="width: 42px; background: silver"></div>
+    <div style="width: 43px; background: yellow"></div>
+    <div style="width: 32px; background: gray"></div>
+  </div>
+</div>
+
+<div class="contain" style="width: 203px">
+  <div>
+    <div style="width: 51px; background: fuchsia"></div>
+    <div style="width: 51px; background: aqua"></div>
+    <div style="width: 50px; background: silver"></div>
+    <div style="width: 51px; background: yellow"></div>
+  </div>
+  <div>
+    <div style="width: 49px; background: fuchsia"></div>
+    <div style="width: 48px; background: aqua"></div>
+    <div style="width: 49px; background: silver"></div>
+    <div style="width: 49px; background: yellow"></div>
+    <div style="width: 8px; background: gray"></div>
+  </div>
+  <div>
+    <div style="width: 43px; background: fuchsia"></div>
+    <div style="width: 42px; background: aqua"></div>
+    <div style="width: 43px; background: silver"></div>
+    <div style="width: 42px; background: yellow"></div>
+    <div style="width: 33px; background: gray"></div>
+  </div>
+</div>
+
+<div class="contain" style="width: 204px">
+  <div>
+    <div style="width: 51px; background: fuchsia"></div>
+    <div style="width: 51px; background: aqua"></div>
+    <div style="width: 51px; background: silver"></div>
+    <div style="width: 51px; background: yellow"></div>
+  </div>
+  <div>
+    <div style="width: 49px; background: fuchsia"></div>
+    <div style="width: 49px; background: aqua"></div>
+    <div style="width: 49px; background: silver"></div>
+    <div style="width: 49px; background: yellow"></div>
+    <div style="width: 8px; background: gray"></div>
+  </div>
+  <div>
+    <div style="width: 43px; background: fuchsia"></div>
+    <div style="width: 43px; background: aqua"></div>
+    <div style="width: 43px; background: silver"></div>
+    <div style="width: 42px; background: yellow"></div>
+    <div style="width: 33px; background: gray"></div>
+  </div>
+</div>
diff --git a/layout/reftests/pixel-rounding/viewport-units-rounding-1.html b/layout/reftests/pixel-rounding/viewport-units-rounding-1.html
new file mode 100644
index 0000000000..a311545467
--- /dev/null
+++ b/layout/reftests/pixel-rounding/viewport-units-rounding-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>viewport units rounding</title>
+<meta charset="UTF-8">
+<style>
+iframe { display: block; border: 0; margin: 0; padding: 0; }
+</style>
+
+<iframe scrolling="no" src="viewport-units-rounding-1-frame.html" width="200" height="50" ></iframe>
+<iframe scrolling="no" src="viewport-units-rounding-1-frame.html" width="201" height="50" ></iframe>
+<iframe scrolling="no" src="viewport-units-rounding-1-frame.html" width="202" height="50" ></iframe>
+<iframe scrolling="no" src="viewport-units-rounding-1-frame.html" width="203" height="50" ></iframe>
+<iframe scrolling="no" src="viewport-units-rounding-1-frame.html" width="204" height="50" ></iframe>
diff --git a/layout/reftests/pixel-rounding/viewport-units-rounding-2.html b/layout/reftests/pixel-rounding/viewport-units-rounding-2.html
new file mode 100644
index 0000000000..f92009fd6e
--- /dev/null
+++ b/layout/reftests/pixel-rounding/viewport-units-rounding-2.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<title>viewport units rounding test</title>
+<meta charset="UTF-8">
+<style>
+
+body > div > div { line-height: 1px }
+span {
+  display: inline-block;
+  height: 1px;
+  width: var(--w);
+  vertical-align: bottom;
+}
+span:nth-child(1) {
+  background: red;
+}
+span:nth-child(2) {
+  background: white;
+  margin-left: var(--negw);
+}
+
+</style>
+<body>
+<script>
+
+for (var p = 0; p < 20; ++p) {
+  var position = ((20 * p) + (p / 50)) + "px";
+  var container = document.createElement("div");
+  container.style.position = "absolute";
+  container.style.top = "0px";
+  container.style.left = position;
+  for (var w = 0; w < 99; ++w) {
+    var width = (0.5 + w / 100) + "vw";
+    var div = document.createElement("div");
+    div.setAttribute("style", "--w: " + width + "; " +
+                              "--negw: -" + width);
+    div.appendChild(document.createElement("span"));
+    div.appendChild(document.createElement("span"));
+    container.appendChild(div);
+  }
+  document.body.appendChild(container);
+}
+
+</script>
diff --git a/layout/reftests/position-dynamic-changes/handleprop.js b/layout/reftests/position-dynamic-changes/handleprop.js
new file mode 100644
index 0000000000..476961defd
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/handleprop.js
@@ -0,0 +1,10 @@
+// Add the correct border/margin/padding style
+if (window.location.search.length > 0) {
+  var params = window.location.search.substr(1).split("_");
+  if (params[0] == "border") {
+    params[0] = "border-width";
+  }
+  document.write("<style>");
+  document.write((params[1] == "parent") ? "#parent" : "#child");
+  document.write("{ " + params[0] + ": 1px 2px 3px 4px; }</style>");
+}
diff --git a/layout/reftests/position-dynamic-changes/horizontal/animate.js b/layout/reftests/position-dynamic-changes/horizontal/animate.js
new file mode 100644
index 0000000000..142004743f
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/animate.js
@@ -0,0 +1,60 @@
+var currentOffset = null;
+var maxOffset = null;
+var property = "left";
+
+var rfa = null;
+if (window.requestAnimationFrame) {
+  rfa = requestAnimationFrame;
+} else if (window.webkitRequestAnimationFrame) {
+  rfa = webkitRequestAnimationFrame;
+} else if (window.msRequestAnimationFrame) {
+  rfa = msRequestAnimationFrame;
+} else if (window.oRequestAnimationFrame) {
+  rfa = oRequestAnimationFrame;
+}
+
+function animate(from, to, prop) {
+  currentOffset = from;
+  maxOffset = to;
+  if (prop) {
+    property = prop;
+  }
+  rfa(animateStep);
+}
+
+function animateStep() {
+  if (currentOffset <= maxOffset) {
+    document.getElementById("child").style[property] = currentOffset + "px";
+    currentOffset += 10;
+    rfa(animateStep);
+  } else {
+    document.documentElement.removeAttribute("class");
+  }
+}
+
+function toAuto(prop) {
+  if (prop) {
+    property = prop;
+  }
+  rfa(setToAuto);
+}
+
+function setToAuto() {
+  document.getElementById("child").style[property] = "auto";
+  document.documentElement.removeAttribute("class");
+}
+
+function fromAuto(to, prop) {
+  maxOffset = to;
+  if (prop) {
+    property = prop;
+  }
+  rfa(setFromAuto);
+}
+
+function setFromAuto() {
+  document.getElementById("child").style[property] = maxOffset + "px";
+  document.documentElement.removeAttribute("class");
+}
+
+
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthA-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthA-rightN.html
new file mode 100644
index 0000000000..95f01aff41
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthA-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200, "right");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightA.html
new file mode 100644
index 0000000000..49bb65de3a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200, "width");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightN.html
new file mode 100644
index 0000000000..c63a914f35
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftA-widthN-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200, "right");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA-2.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA-2.html
new file mode 100644
index 0000000000..5c7eed756b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(360);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA.html
new file mode 100644
index 0000000000..bb48f92bcc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN-2.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN-2.html
new file mode 100644
index 0000000000..b7e3e45a51
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(340);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN.html
new file mode 100644
index 0000000000..29caa7bbf4
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthA-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthN-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthN-rightA.html
new file mode 100644
index 0000000000..8a9b6a9d47
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/fromauto-leftN-widthN-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN-ref.html
new file mode 100644
index 0000000000..88780e4778
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="right: 200px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN.html
new file mode 100644
index 0000000000..14014d03e8
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthA-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="right: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200, "right");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA-ref.html
new file mode 100644
index 0000000000..f35b1119b9
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 200px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA.html
new file mode 100644
index 0000000000..c73e85c335
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200, "width");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN-ref.html
new file mode 100644
index 0000000000..4db64f3746
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px; right: 200px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN.html
new file mode 100644
index 0000000000..4dcea54842
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftA-widthN-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px; right: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200, "right");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2-ref.html
new file mode 100644
index 0000000000..33b21d8f12
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 360px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2.html
new file mode 100644
index 0000000000..5476f217b9
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 200px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(200, 360);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-ref.html
new file mode 100644
index 0000000000..7e8cc0fdef
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 200px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA.html
new file mode 100644
index 0000000000..60d01178fb
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2-ref.html
new file mode 100644
index 0000000000..5080662fb0
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 340px; right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2.html
new file mode 100644
index 0000000000..d12d7a917a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 100px; right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 340);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-ref.html
new file mode 100644
index 0000000000..a0847ba87b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 200px; right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN.html
new file mode 100644
index 0000000000..bedd5e21df
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthA-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 100px; right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA-ref.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA-ref.html
new file mode 100644
index 0000000000..4f885402dd
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px; left: 200px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA.html
new file mode 100644
index 0000000000..5928cd7b68
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/leftN-widthN-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px; left: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest.list b/layout/reftests/position-dynamic-changes/horizontal/reftest.list
new file mode 100644
index 0000000000..5f888a3ad8
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest.list
@@ -0,0 +1,18 @@
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain.list is the manifest file for tests without any border, margin
+# or padding applied to either the abs-pos element or the parent.
+# reftest_{prop}_{element}.list files are the manifest files for tests with the
+# CSS property {prop} applied to {element}.  These files use the query string
+# on the test file and the reference file to ask the code in ../handleprop.js add
+# the corresponding CSS style.
+
+# Any changes to the contents of the following files needs to be reflected on
+# all of them.
+
+include reftest_plain.list
+include reftest_border_abspos.list
+include reftest_border_parent.list
+include reftest_margin_abspos.list
+include reftest_margin_parent.list
+include reftest_padding_abspos.list
+include reftest_padding_parent.list
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest_border_abspos.list b/layout/reftests/position-dynamic-changes/horizontal/reftest_border_abspos.list
new file mode 100644
index 0000000000..6555d3275b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest_border_abspos.list
@@ -0,0 +1,25 @@
+# Please see the comment at the beginning of reftest.list
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA.html?border_abspos leftN-widthA-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA-2.html?border_abspos leftN-widthA-rightA-2-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN.html?border_abspos leftN-widthA-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN-2.html?border_abspos leftN-widthA-rightN-2-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightA.html?border_abspos leftA-widthN-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthN-rightA.html?border_abspos leftN-widthN-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightN.html?border_abspos leftA-widthN-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthA-rightN.html?border_abspos leftA-widthA-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA.html?border_abspos toauto-leftN-widthA-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA-2.html?border_abspos toauto-leftN-widthA-rightA-2-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN.html?border_abspos toauto-leftN-widthA-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN-2.html?border_abspos toauto-leftN-widthA-rightN-2-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightA.html?border_abspos toauto-leftA-widthN-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthN-rightA.html?border_abspos toauto-leftN-widthN-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightN.html?border_abspos toauto-leftA-widthN-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthA-rightN.html?border_abspos toauto-leftA-widthA-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA.html?border_abspos leftN-widthA-rightA-ref.html?border_abspos
+random-if(cocoaWidget) fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA-2.html?border_abspos leftN-widthA-rightA-2-ref.html?border_abspos # Bug 688545
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN.html?border_abspos leftN-widthA-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN-2.html?border_abspos leftN-widthA-rightN-2-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightA.html?border_abspos leftA-widthN-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthN-rightA.html?border_abspos leftN-widthN-rightA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightN.html?border_abspos leftA-widthN-rightN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthA-rightN.html?border_abspos leftA-widthA-rightN-ref.html?border_abspos
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest_border_parent.list b/layout/reftests/position-dynamic-changes/horizontal/reftest_border_parent.list
new file mode 100644
index 0000000000..d7be02f1f1
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest_border_parent.list
@@ -0,0 +1,26 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA.html?border_parent leftN-widthA-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA-2.html?border_parent leftN-widthA-rightA-2-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN.html?border_parent leftN-widthA-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN-2.html?border_parent leftN-widthA-rightN-2-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightA.html?border_parent leftA-widthN-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthN-rightA.html?border_parent leftN-widthN-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightN.html?border_parent leftA-widthN-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthA-rightN.html?border_parent leftA-widthA-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA.html?border_parent toauto-leftN-widthA-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA-2.html?border_parent toauto-leftN-widthA-rightA-2-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN.html?border_parent toauto-leftN-widthA-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN-2.html?border_parent toauto-leftN-widthA-rightN-2-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightA.html?border_parent toauto-leftA-widthN-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthN-rightA.html?border_parent toauto-leftN-widthN-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightN.html?border_parent toauto-leftA-widthN-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthA-rightN.html?border_parent toauto-leftA-widthA-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA.html?border_parent leftN-widthA-rightA-ref.html?border_parent
+random-if(cocoaWidget) fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA-2.html?border_parent leftN-widthA-rightA-2-ref.html?border_parent # Bug 688545
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN.html?border_parent leftN-widthA-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN-2.html?border_parent leftN-widthA-rightN-2-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightA.html?border_parent leftA-widthN-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthN-rightA.html?border_parent leftN-widthN-rightA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightN.html?border_parent leftA-widthN-rightN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthA-rightN.html?border_parent leftA-widthA-rightN-ref.html?border_parent
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest_margin_abspos.list b/layout/reftests/position-dynamic-changes/horizontal/reftest_margin_abspos.list
new file mode 100644
index 0000000000..4e9d1051d5
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest_margin_abspos.list
@@ -0,0 +1,26 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA.html?margin_abspos leftN-widthA-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA-2.html?margin_abspos leftN-widthA-rightA-2-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN.html?margin_abspos leftN-widthA-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN-2.html?margin_abspos leftN-widthA-rightN-2-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightA.html?margin_abspos leftA-widthN-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthN-rightA.html?margin_abspos leftN-widthN-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightN.html?margin_abspos leftA-widthN-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthA-rightN.html?margin_abspos leftA-widthA-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA.html?margin_abspos toauto-leftN-widthA-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA-2.html?margin_abspos toauto-leftN-widthA-rightA-2-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN.html?margin_abspos toauto-leftN-widthA-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN-2.html?margin_abspos toauto-leftN-widthA-rightN-2-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightA.html?margin_abspos toauto-leftA-widthN-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthN-rightA.html?margin_abspos toauto-leftN-widthN-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightN.html?margin_abspos toauto-leftA-widthN-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthA-rightN.html?margin_abspos toauto-leftA-widthA-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA.html?margin_abspos leftN-widthA-rightA-ref.html?margin_abspos
+random-if(cocoaWidget) fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA-2.html?margin_abspos leftN-widthA-rightA-2-ref.html?margin_abspos # Bug 688545
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN.html?margin_abspos leftN-widthA-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN-2.html?margin_abspos leftN-widthA-rightN-2-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightA.html?margin_abspos leftA-widthN-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthN-rightA.html?margin_abspos leftN-widthN-rightA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightN.html?margin_abspos leftA-widthN-rightN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthA-rightN.html?margin_abspos leftA-widthA-rightN-ref.html?margin_abspos
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest_margin_parent.list b/layout/reftests/position-dynamic-changes/horizontal/reftest_margin_parent.list
new file mode 100644
index 0000000000..07320fa04b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest_margin_parent.list
@@ -0,0 +1,26 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA.html?margin_parent leftN-widthA-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA-2.html?margin_parent leftN-widthA-rightA-2-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN.html?margin_parent leftN-widthA-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN-2.html?margin_parent leftN-widthA-rightN-2-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightA.html?margin_parent leftA-widthN-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthN-rightA.html?margin_parent leftN-widthN-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightN.html?margin_parent leftA-widthN-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthA-rightN.html?margin_parent leftA-widthA-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA.html?margin_parent toauto-leftN-widthA-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA-2.html?margin_parent toauto-leftN-widthA-rightA-2-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN.html?margin_parent toauto-leftN-widthA-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN-2.html?margin_parent toauto-leftN-widthA-rightN-2-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightA.html?margin_parent toauto-leftA-widthN-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthN-rightA.html?margin_parent toauto-leftN-widthN-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightN.html?margin_parent toauto-leftA-widthN-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthA-rightN.html?margin_parent toauto-leftA-widthA-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA.html?margin_parent leftN-widthA-rightA-ref.html?margin_parent
+random-if(cocoaWidget) fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA-2.html?margin_parent leftN-widthA-rightA-2-ref.html?margin_parent # Bug 688545
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN.html?margin_parent leftN-widthA-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN-2.html?margin_parent leftN-widthA-rightN-2-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightA.html?margin_parent leftA-widthN-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthN-rightA.html?margin_parent leftN-widthN-rightA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightN.html?margin_parent leftA-widthN-rightN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthA-rightN.html?margin_parent leftA-widthA-rightN-ref.html?margin_parent
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest_padding_abspos.list b/layout/reftests/position-dynamic-changes/horizontal/reftest_padding_abspos.list
new file mode 100644
index 0000000000..9e7173fc77
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest_padding_abspos.list
@@ -0,0 +1,26 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA.html?padding_abspos leftN-widthA-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA-2.html?padding_abspos leftN-widthA-rightA-2-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN.html?padding_abspos leftN-widthA-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN-2.html?padding_abspos leftN-widthA-rightN-2-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightA.html?padding_abspos leftA-widthN-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthN-rightA.html?padding_abspos leftN-widthN-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightN.html?padding_abspos leftA-widthN-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthA-rightN.html?padding_abspos leftA-widthA-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA.html?padding_abspos toauto-leftN-widthA-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA-2.html?padding_abspos toauto-leftN-widthA-rightA-2-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN.html?padding_abspos toauto-leftN-widthA-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN-2.html?padding_abspos toauto-leftN-widthA-rightN-2-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightA.html?padding_abspos toauto-leftA-widthN-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthN-rightA.html?padding_abspos toauto-leftN-widthN-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightN.html?padding_abspos toauto-leftA-widthN-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthA-rightN.html?padding_abspos toauto-leftA-widthA-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA.html?padding_abspos leftN-widthA-rightA-ref.html?padding_abspos
+random-if(cocoaWidget) fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA-2.html?padding_abspos leftN-widthA-rightA-2-ref.html?padding_abspos # Bug 688545
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN.html?padding_abspos leftN-widthA-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN-2.html?padding_abspos leftN-widthA-rightN-2-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightA.html?padding_abspos leftA-widthN-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthN-rightA.html?padding_abspos leftN-widthN-rightA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightN.html?padding_abspos leftA-widthN-rightN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthA-rightN.html?padding_abspos leftA-widthA-rightN-ref.html?padding_abspos
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest_padding_parent.list b/layout/reftests/position-dynamic-changes/horizontal/reftest_padding_parent.list
new file mode 100644
index 0000000000..b1f81a8da1
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest_padding_parent.list
@@ -0,0 +1,26 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA.html?padding_parent leftN-widthA-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA-2.html?padding_parent leftN-widthA-rightA-2-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN.html?padding_parent leftN-widthA-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN-2.html?padding_parent leftN-widthA-rightN-2-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightA.html?padding_parent leftA-widthN-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthN-rightA.html?padding_parent leftN-widthN-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightN.html?padding_parent leftA-widthN-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthA-rightN.html?padding_parent leftA-widthA-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA.html?padding_parent toauto-leftN-widthA-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA-2.html?padding_parent toauto-leftN-widthA-rightA-2-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN.html?padding_parent toauto-leftN-widthA-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN-2.html?padding_parent toauto-leftN-widthA-rightN-2-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightA.html?padding_parent toauto-leftA-widthN-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthN-rightA.html?padding_parent toauto-leftN-widthN-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightN.html?padding_parent toauto-leftA-widthN-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthA-rightN.html?padding_parent toauto-leftA-widthA-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA.html?padding_parent leftN-widthA-rightA-ref.html?padding_parent
+random-if(cocoaWidget) fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA-2.html?padding_parent leftN-widthA-rightA-2-ref.html?padding_parent # Bug 688545
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN.html?padding_parent leftN-widthA-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN-2.html?padding_parent leftN-widthA-rightN-2-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightA.html?padding_parent leftA-widthN-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthN-rightA.html?padding_parent leftN-widthN-rightA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightN.html?padding_parent leftA-widthN-rightN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthA-rightN.html?padding_parent leftA-widthA-rightN-ref.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/horizontal/reftest_plain.list b/layout/reftests/position-dynamic-changes/horizontal/reftest_plain.list
new file mode 100644
index 0000000000..2d9e5ba3e3
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/reftest_plain.list
@@ -0,0 +1,26 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA.html leftN-widthA-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightA-2.html leftN-widthA-rightA-2-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN.html leftN-widthA-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthA-rightN-2.html leftN-widthA-rightN-2-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightA.html leftA-widthN-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == leftN-widthN-rightA.html leftN-widthN-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthN-rightN.html leftA-widthN-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == leftA-widthA-rightN.html leftA-widthA-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA.html toauto-leftN-widthA-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightA-2.html toauto-leftN-widthA-rightA-2-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN.html toauto-leftN-widthA-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthA-rightN-2.html toauto-leftN-widthA-rightN-2-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightA.html toauto-leftA-widthN-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftN-widthN-rightA.html toauto-leftN-widthN-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthN-rightN.html toauto-leftA-widthN-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-leftA-widthA-rightN.html toauto-leftA-widthA-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA.html leftN-widthA-rightA-ref.html
+random-if(cocoaWidget) fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightA-2.html leftN-widthA-rightA-2-ref.html # Bug 688545
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN.html leftN-widthA-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthA-rightN-2.html leftN-widthA-rightN-2-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightA.html leftA-widthN-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftN-widthN-rightA.html leftN-widthN-rightA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthN-rightN.html leftA-widthN-rightN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-leftA-widthA-rightN.html leftA-widthA-rightN-ref.html
diff --git a/layout/reftests/position-dynamic-changes/horizontal/style.css b/layout/reftests/position-dynamic-changes/horizontal/style.css
new file mode 100644
index 0000000000..7486e56d4a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/style.css
@@ -0,0 +1,20 @@
+#parent {
+  position: relative;
+  width: 400px;
+  height: 400px;
+  background: red;
+  border: 0 solid black;
+}
+#child {
+  position: absolute;
+  height: 100px;
+  top: 100px;
+  background: blue;
+  border: 0 solid black;
+}
+.floatLeft {
+  width: 50px;
+  height: 10px;
+  background: green;
+  float: left;
+}
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN-ref.html
new file mode 100644
index 0000000000..0cedbea5dc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN.html
new file mode 100644
index 0000000000..d8b4de0f17
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthA-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="right: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("right");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA-ref.html
new file mode 100644
index 0000000000..0cedbea5dc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA.html
new file mode 100644
index 0000000000..f4e181b26a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("width");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN-ref.html
new file mode 100644
index 0000000000..92c8e40615
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN.html
new file mode 100644
index 0000000000..dd5f32224d
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftA-widthN-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px; right: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("right");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2-ref.html
new file mode 100644
index 0000000000..0cedbea5dc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2.html
new file mode 100644
index 0000000000..b1d36043f6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 200px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("left");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-ref.html
new file mode 100644
index 0000000000..0cedbea5dc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA.html
new file mode 100644
index 0000000000..d31aac067e
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("left");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2-ref.html
new file mode 100644
index 0000000000..e8e205719d
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2.html
new file mode 100644
index 0000000000..7aeb23f6a1
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 100px; right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("left");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-ref.html
new file mode 100644
index 0000000000..e8e205719d
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN.html
new file mode 100644
index 0000000000..7aeb23f6a1
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthA-rightN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="left: 100px; right: 20px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("left");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA-ref.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA-ref.html
new file mode 100644
index 0000000000..92c8e40615
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA.html b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA.html
new file mode 100644
index 0000000000..30403a07b1
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/horizontal/toauto-leftN-widthN-rightA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="width: 100px; left: 100px;">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("left");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/max-width-ref.html b/layout/reftests/position-dynamic-changes/max-width-ref.html
new file mode 100644
index 0000000000..d1f2edba7b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/max-width-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <style>
+      #a { border: 1px solid black; max-width: 200px; height: 100px; }
+    </style>
+    <div id="a">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/max-width.html b/layout/reftests/position-dynamic-changes/max-width.html
new file mode 100644
index 0000000000..95e51157e0
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/max-width.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body>
+    <style>
+      #a { border: 1px solid black; max-width: 100px; height: 100px; }
+    </style>
+    <script>
+      document.addEventListener("MozReftestInvalidate", function() {
+        var a = document.querySelector("#a");
+        a.style.maxWidth = "200px";
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+    <div id="a">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/min-width-ref.html b/layout/reftests/position-dynamic-changes/min-width-ref.html
new file mode 100644
index 0000000000..7131d977c2
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/min-width-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <style>
+      #a { border: 1px solid green; width: 150px; height: 200px; }
+      #b { border: 1px solid black; min-width: 200px; height: 100px; }
+    </style>
+    <div id="a">
+      <div id="b">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/min-width.html b/layout/reftests/position-dynamic-changes/min-width.html
new file mode 100644
index 0000000000..49613a7ea5
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/min-width.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body>
+    <style>
+      #a { border: 1px solid green; width: 150px; height: 200px; }
+      #b { border: 1px solid black; min-width: 100px; height: 100px; }
+    </style>
+    <script>
+      document.addEventListener("MozReftestInvalidate", function() {
+        var b = document.querySelector("#b");
+        b.style.minWidth = "200px";
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+    <div id="a">
+      <div id="b">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html
new file mode 100644
index 0000000000..157118c979
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html id="parent">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        left: 300px;
+        top: 200px;
+        right: 20px;
+        bottom: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="child">
+      <div class="floatLeft"></div>
+      <div class="floatLeft"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html
new file mode 100644
index 0000000000..9427edadd7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html id="parent" class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        left: 100px;
+        top: 100px;
+        right: 20px;
+        bottom: 20px;
+      }
+    </style>
+    <script src="../horizontal/animate.js" type="text/javascript"></script>
+    <script type="text/javascript">
+      var counter = 0;
+      function play() {
+        if (counter < 100) {
+          var child = document.getElementById("child");
+          child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
+          child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
+          rfa(play);
+          counter += 10;
+        } else {
+          document.documentElement.removeAttribute("class");
+        }
+      }
+
+      window.onload = function() { rfa(play) };
+    </script>
+  </head>
+  <body>
+    <div id="child">
+      <div class="floatLeft"></div>
+      <div class="floatLeft"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html
new file mode 100644
index 0000000000..d47317996b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html id="parent">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        width: 100px;
+        height: 100px;
+        left: 300px;
+        top: 200px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="child">
+      <div class="floatLeft"></div>
+      <div class="floatLeft"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html
new file mode 100644
index 0000000000..ec89af2f8c
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html id="parent" class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        width: 100px;
+        height: 100px;
+        left: 100px;
+        top: 100px;
+      }
+    </style>
+    <script src="../horizontal/animate.js" type="text/javascript"></script>
+    <script type="text/javascript">
+      var counter = 0;
+      function play() {
+        if (counter < 100) {
+          var child = document.getElementById("child");
+          child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
+          child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
+          rfa(play);
+          counter += 10;
+        } else {
+          document.documentElement.removeAttribute("class");
+        }
+      }
+
+      window.onload = function() { rfa(play) };
+    </script>
+  </head>
+  <body>
+    <div id="child">
+      <div class="floatLeft"></div>
+      <div class="floatLeft"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list
new file mode 100644
index 0000000000..5f888a3ad8
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list
@@ -0,0 +1,18 @@
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain.list is the manifest file for tests without any border, margin
+# or padding applied to either the abs-pos element or the parent.
+# reftest_{prop}_{element}.list files are the manifest files for tests with the
+# CSS property {prop} applied to {element}.  These files use the query string
+# on the test file and the reference file to ask the code in ../handleprop.js add
+# the corresponding CSS style.
+
+# Any changes to the contents of the following files needs to be reflected on
+# all of them.
+
+include reftest_plain.list
+include reftest_border_abspos.list
+include reftest_border_parent.list
+include reftest_margin_abspos.list
+include reftest_margin_parent.list
+include reftest_padding_abspos.list
+include reftest_padding_parent.list
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list
new file mode 100644
index 0000000000..d564fa2bb7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?border_abspos mixed-dimentionN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?border_abspos mixed-dimentionA-ref.html?border_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list
new file mode 100644
index 0000000000..60a1a3b4ec
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?border_parent mixed-dimentionN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?border_parent mixed-dimentionA-ref.html?border_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list
new file mode 100644
index 0000000000..f3c3647cde
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?margin_abspos mixed-dimentionN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?margin_abspos mixed-dimentionA-ref.html?margin_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list
new file mode 100644
index 0000000000..23cc7121a9
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?margin_parent mixed-dimentionN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?margin_parent mixed-dimentionA-ref.html?margin_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list
new file mode 100644
index 0000000000..2283b6caa0
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?padding_abspos mixed-dimentionN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?padding_abspos mixed-dimentionA-ref.html?padding_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list
new file mode 100644
index 0000000000..72d11338cb
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?padding_parent mixed-dimentionN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?padding_parent mixed-dimentionA-ref.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list
new file mode 100644
index 0000000000..68d02c6982
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html mixed-dimentionN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html mixed-dimentionA-ref.html
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css b/layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css
new file mode 100644
index 0000000000..3b2c973206
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css
@@ -0,0 +1,22 @@
+#parent {
+  position: relative;
+  width: 400px;
+  height: 400px;
+  background: red;
+  border: 0 solid black;
+}
+#child {
+  position: absolute;
+  left: 300px;
+  top: 200px;
+  right: 20px;
+  bottom: 20px;
+  background: blue;
+  border: 0 solid black;
+}
+.floatLeft {
+  width: 50px;
+  height: 10px;
+  background: green;
+  float: left;
+}
diff --git a/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA-ref.html b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA-ref.html
new file mode 100644
index 0000000000..7c197ebd15
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        left: 300px;
+        top: 200px;
+        right: 20px;
+        bottom: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA.html b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA.html
new file mode 100644
index 0000000000..8aac447d5b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        left: 100px;
+        top: 100px;
+        right: 20px;
+        bottom: 20px;
+      }
+    </style>
+    <script src="../horizontal/animate.js" type="text/javascript"></script>
+    <script type="text/javascript">
+      var counter = 0;
+      function play() {
+        if (counter < 100) {
+          var child = document.getElementById("child");
+          child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
+          child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
+          rfa(play);
+          counter += 10;
+        } else {
+          document.documentElement.removeAttribute("class");
+        }
+      }
+
+      window.onload = function() { rfa(play) };
+    </script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN-ref.html b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN-ref.html
new file mode 100644
index 0000000000..5d9dd3b42a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        width: 100px;
+        height: 100px;
+        left: 300px;
+        top: 200px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN.html b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN.html
new file mode 100644
index 0000000000..66251d79c8
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionN.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+    <style>
+      #child {
+        width: 100px;
+        height: 100px;
+        left: 100px;
+        top: 100px;
+      }
+    </style>
+    <script src="../horizontal/animate.js" type="text/javascript"></script>
+    <script type="text/javascript">
+      var counter = 0;
+      function play() {
+        if (counter < 100) {
+          var child = document.getElementById("child");
+          child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
+          child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
+          rfa(play);
+          counter += 10;
+        } else {
+          document.documentElement.removeAttribute("class");
+        }
+      }
+
+      window.onload = function() { rfa(play) };
+    </script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatLeft"></div>
+        <div class="floatLeft"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest.list b/layout/reftests/position-dynamic-changes/mixed/reftest.list
new file mode 100644
index 0000000000..5f888a3ad8
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest.list
@@ -0,0 +1,18 @@
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain.list is the manifest file for tests without any border, margin
+# or padding applied to either the abs-pos element or the parent.
+# reftest_{prop}_{element}.list files are the manifest files for tests with the
+# CSS property {prop} applied to {element}.  These files use the query string
+# on the test file and the reference file to ask the code in ../handleprop.js add
+# the corresponding CSS style.
+
+# Any changes to the contents of the following files needs to be reflected on
+# all of them.
+
+include reftest_plain.list
+include reftest_border_abspos.list
+include reftest_border_parent.list
+include reftest_margin_abspos.list
+include reftest_margin_parent.list
+include reftest_padding_abspos.list
+include reftest_padding_parent.list
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest_border_abspos.list b/layout/reftests/position-dynamic-changes/mixed/reftest_border_abspos.list
new file mode 100644
index 0000000000..d564fa2bb7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest_border_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?border_abspos mixed-dimentionN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?border_abspos mixed-dimentionA-ref.html?border_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest_border_parent.list b/layout/reftests/position-dynamic-changes/mixed/reftest_border_parent.list
new file mode 100644
index 0000000000..60a1a3b4ec
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest_border_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?border_parent mixed-dimentionN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?border_parent mixed-dimentionA-ref.html?border_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest_margin_abspos.list b/layout/reftests/position-dynamic-changes/mixed/reftest_margin_abspos.list
new file mode 100644
index 0000000000..f3c3647cde
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest_margin_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?margin_abspos mixed-dimentionN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?margin_abspos mixed-dimentionA-ref.html?margin_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest_margin_parent.list b/layout/reftests/position-dynamic-changes/mixed/reftest_margin_parent.list
new file mode 100644
index 0000000000..23cc7121a9
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest_margin_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?margin_parent mixed-dimentionN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?margin_parent mixed-dimentionA-ref.html?margin_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest_padding_abspos.list b/layout/reftests/position-dynamic-changes/mixed/reftest_padding_abspos.list
new file mode 100644
index 0000000000..2283b6caa0
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest_padding_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?padding_abspos mixed-dimentionN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?padding_abspos mixed-dimentionA-ref.html?padding_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest_padding_parent.list b/layout/reftests/position-dynamic-changes/mixed/reftest_padding_parent.list
new file mode 100644
index 0000000000..72d11338cb
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest_padding_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?padding_parent mixed-dimentionN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?padding_parent mixed-dimentionA-ref.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed/reftest_plain.list b/layout/reftests/position-dynamic-changes/mixed/reftest_plain.list
new file mode 100644
index 0000000000..68d02c6982
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/reftest_plain.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html mixed-dimentionN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html mixed-dimentionA-ref.html
diff --git a/layout/reftests/position-dynamic-changes/mixed/style.css b/layout/reftests/position-dynamic-changes/mixed/style.css
new file mode 100644
index 0000000000..3b2c973206
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed/style.css
@@ -0,0 +1,22 @@
+#parent {
+  position: relative;
+  width: 400px;
+  height: 400px;
+  background: red;
+  border: 0 solid black;
+}
+#child {
+  position: absolute;
+  left: 300px;
+  top: 200px;
+  right: 20px;
+  bottom: 20px;
+  background: blue;
+  border: 0 solid black;
+}
+.floatLeft {
+  width: 50px;
+  height: 10px;
+  background: green;
+  float: left;
+}
diff --git a/layout/reftests/position-dynamic-changes/multiple-changes-ref.html b/layout/reftests/position-dynamic-changes/multiple-changes-ref.html
new file mode 100644
index 0000000000..92a00daa23
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/multiple-changes-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <style>
+      #a { border: 1px solid black; width: 100px; height: 100px; left: 10px; }
+      #b { border: 1px solid blue; width: 50px; height: 50px; left: 20px; }
+      div { position: absolute; }
+    </style>
+    <div id="a">
+      <div id="b">
+      </div>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/position-dynamic-changes/multiple-changes.html b/layout/reftests/position-dynamic-changes/multiple-changes.html
new file mode 100644
index 0000000000..e76e09e5eb
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/multiple-changes.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body>
+    <style>
+      #a { border: 1px solid black; width: 100px; height: 100px; }
+      #b { border: 1px solid blue; width: 50px; height: 50px; }
+      div { position: absolute; }
+    </style>
+    <script>
+      document.addEventListener("MozReftestInvalidate", function() {
+        var a = document.querySelector("#a");
+        var b = document.querySelector("#b");
+        a.style.left = "10px";
+        b.style.left = "20px";
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+    <div id="a">
+      <div id="b">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/reftest.list b/layout/reftests/position-dynamic-changes/reftest.list
new file mode 100644
index 0000000000..8392f8cff2
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/reftest.list
@@ -0,0 +1,10 @@
+include horizontal/reftest.list
+include vertical/reftest.list
+include mixed/reftest.list
+include mixed-abspos-root/reftest.list
+include relative/reftest.list
+
+== multiple-changes.html multiple-changes-ref.html
+== shrink-wrap.html shrink-wrap-ref.html
+== max-width.html max-width-ref.html
+fuzzy-if(cocoaWidget&&layersGPUAccelerated,0-1,0-2) == min-width.html min-width-ref.html # Bug 761770
diff --git a/layout/reftests/position-dynamic-changes/relative/animate.js b/layout/reftests/position-dynamic-changes/relative/animate.js
new file mode 100644
index 0000000000..38598e1d34
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/animate.js
@@ -0,0 +1,30 @@
+var rfa = null;
+if (window.requestAnimationFrame) {
+  rfa = requestAnimationFrame;
+} else if (window.webkitRequestAnimationFrame) {
+  rfa = webkitRequestAnimationFrame;
+} else if (window.msRequestAnimationFrame) {
+  rfa = msRequestAnimationFrame;
+} else if (window.oRequestAnimationFrame) {
+  rfa = oRequestAnimationFrame;
+}
+
+function animate(params, count) {
+  rfa(function() {
+    animateStep(params, count);
+  });
+}
+
+function animateStep(params, count) {
+  if (!count) {
+    document.documentElement.removeAttribute("class");
+    return;
+  }
+  var rel = document.getElementById("rel");
+  for (prop in params) {
+    rel.style[prop] = (parseInt(rel.style[prop]) + params[prop]) + "px";
+  }
+  rfa(function() {
+    animateStep(params, count - 10);
+  });
+}
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html
new file mode 100644
index 0000000000..8e364b3679
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+  </head>
+  <body>
+    <div id="container"
+      >surrounding <span id="rel"
+        style="left: 200px; top: 100px;"
+        >position&#10;relative</span> text</div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html
new file mode 100644
index 0000000000..82f5225969
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+  </head>
+  <body>
+    <div id="container">
+      <table id="rel" style="left: 200px; top: 100px;">
+        <tr><td>position&#10;relative</td></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html
new file mode 100644
index 0000000000..a2df018d41
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="container">
+      <table id="rel" style="left: 0; top: 0;">
+        <tr><td>position&#10;relative</td></tr>
+      </table>
+    </div>
+    <script>
+      animate({top: 10, left: 20}, 100);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom.html
new file mode 100644
index 0000000000..f283f3ace6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="container"
+      >surrounding <span id="rel"
+        style="left: 0; top: 0;"
+        >position&#10;relative</span> text</div>
+    <script>
+      animate({top: 10, left: 20}, 100);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html b/layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html
new file mode 100644
index 0000000000..48f0a8d1d6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+  </head>
+  <body>
+    <div id="container"
+      >surrounding <span id="rel"
+        style="right: -200px; bottom: -300px;"
+        >position&#10;relative</span> text</div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html b/layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html
new file mode 100644
index 0000000000..748e1d7eec
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+  </head>
+  <body>
+    <div id="container">
+      <table id="rel" style="right: -200px; bottom: -300px;">
+        <tr><td>position&#10;relative</td></tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left-table.html b/layout/reftests/position-dynamic-changes/relative/move-top-left-table.html
new file mode 100644
index 0000000000..e9eb3a981f
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left-table.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="container">
+      <table id="rel" style="right: -400px; bottom: -400px;">
+        <tr><td>position&#10;relative</td></tr>
+      </table>
+    </div>
+    <script>
+      animate({bottom: 10, right: 20}, 100);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left.html b/layout/reftests/position-dynamic-changes/relative/move-top-left.html
new file mode 100644
index 0000000000..ec92ea4392
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="container"
+      >surrounding <span id="rel"
+        style="right: -400px; bottom: -400px;"
+        >position&#10;relative</span> text</div>
+    <script>
+      animate({bottom: 10, right: 20}, 100);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/percent-ref.html b/layout/reftests/position-dynamic-changes/relative/percent-ref.html
new file mode 100644
index 0000000000..cb496b0b52
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/percent-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+  </head>
+  <body>
+    <div id="container" style="border-width: 10px; padding: 50px"
+      >surrounding <span id="rel"
+        style="left: 50%; top: 50%;"
+        >position&#10;relative</span> text</div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/percent.html b/layout/reftests/position-dynamic-changes/relative/percent.html
new file mode 100644
index 0000000000..18513256b7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/percent.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+  </head>
+  <body>
+    <div id="container" style="border-width: 10px; padding: 50px"
+      >surrounding <span id="rel"
+        style="left: 0; top: 0;"
+        >position&#10;relative</span> text</div>
+    <script>
+      document.addEventListener("MozReftestInvalidate", function() {
+        var rel = document.getElementById("rel");
+        rel.style.top = "50%";
+        rel.style.left = "50%";
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/reftest.list b/layout/reftests/position-dynamic-changes/relative/reftest.list
new file mode 100644
index 0000000000..320fad98b2
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/reftest.list
@@ -0,0 +1,5 @@
+fuzzy-if(cocoaWidget,0-1,0-2) fuzzy-if(d2d,0-47,0-26) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-169,0-970) == move-right-bottom.html move-right-bottom-ref.html
+fuzzy-if(cocoaWidget,0-1,0-2) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-169,0-970) == move-top-left.html move-top-left-ref.html # Bug 688545
+fuzzy-if(cocoaWidget,0-1,0-3) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-144,0-580) == move-right-bottom-table.html move-right-bottom-table-ref.html
+fuzzy-if(cocoaWidget,0-1,0-3) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-144,0-580) == move-top-left-table.html move-top-left-table-ref.html # Bug 688545
+== percent.html percent-ref.html
diff --git a/layout/reftests/position-dynamic-changes/relative/style.css b/layout/reftests/position-dynamic-changes/relative/style.css
new file mode 100644
index 0000000000..92a977bff7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/style.css
@@ -0,0 +1,9 @@
+#container {
+  width: 400px;
+  height: 400px;
+  border: 1px solid red;
+}
+#rel {
+  white-space: pre;
+  position: relative;
+}
diff --git a/layout/reftests/position-dynamic-changes/shrink-wrap-ref.html b/layout/reftests/position-dynamic-changes/shrink-wrap-ref.html
new file mode 100644
index 0000000000..c3ce346b90
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/shrink-wrap-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <body>
+    <style>
+      #a { position: absolute; border: 1px solid black; left: 300px; }
+    </style>
+    <script>
+      document.addEventListener("MozReftestInvalidate", function() {
+        var a = document.querySelector("#a");
+        a.style.left = "auto";
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+    <div id="a">
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+      occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+      mollit anim id est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/shrink-wrap.html b/layout/reftests/position-dynamic-changes/shrink-wrap.html
new file mode 100644
index 0000000000..41387b9b98
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/shrink-wrap.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <style>
+      #a { border: 1px solid black; position: absolute; }
+    </style>
+    <div id="a">
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+      occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+      mollit anim id est laborum.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/animate.js b/layout/reftests/position-dynamic-changes/vertical/animate.js
new file mode 100644
index 0000000000..a53d6a1800
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/animate.js
@@ -0,0 +1,59 @@
+var currentOffset = null;
+var maxOffset = null;
+var property = "top";
+
+var rfa = null;
+if (window.requestAnimationFrame) {
+  rfa = requestAnimationFrame;
+} else if (window.webkitRequestAnimationFrame) {
+  rfa = webkitRequestAnimationFrame;
+} else if (window.msRequestAnimationFrame) {
+  rfa = msRequestAnimationFrame;
+} else if (window.oRequestAnimationFrame) {
+  rfa = oRequestAnimationFrame;
+}
+
+function animate(from, to, prop) {
+  currentOffset = from;
+  maxOffset = to;
+  if (prop) {
+    property = prop;
+  }
+  rfa(animateStep);
+}
+
+function animateStep() {
+  if (currentOffset <= maxOffset) {
+    document.getElementById("child").style[property] = currentOffset + "px";
+    currentOffset += 10;
+    rfa(animateStep);
+  } else {
+    document.documentElement.removeAttribute("class");
+  }
+}
+
+function toAuto(prop) {
+  if (prop) {
+    property = prop;
+  }
+  rfa(setToAuto);
+}
+
+function setToAuto() {
+  document.getElementById("child").style[property] = "auto";
+  document.documentElement.removeAttribute("class");
+}
+
+function fromAuto(to, prop) {
+  maxOffset = to;
+  if (prop) {
+    property = prop;
+  }
+  rfa(setFromAuto);
+}
+
+function setFromAuto() {
+  document.getElementById("child").style[property] = maxOffset + "px";
+  document.documentElement.removeAttribute("class");
+}
+
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html
new file mode 100644
index 0000000000..d8c500293d
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200, "bottom");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html
new file mode 100644
index 0000000000..ba270ce844
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200, "height");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html
new file mode 100644
index 0000000000..c8355d8541
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200, "bottom");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html
new file mode 100644
index 0000000000..0979742676
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(360);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html
new file mode 100644
index 0000000000..d4f5cd7d0b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html
new file mode 100644
index 0000000000..c6090e7f4d
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="bottom: 20px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(340);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html
new file mode 100644
index 0000000000..daf37a46bd
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="bottom: 20px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html
new file mode 100644
index 0000000000..a417786c5f
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      fromAuto(200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest.list b/layout/reftests/position-dynamic-changes/vertical/reftest.list
new file mode 100644
index 0000000000..5f888a3ad8
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest.list
@@ -0,0 +1,18 @@
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain.list is the manifest file for tests without any border, margin
+# or padding applied to either the abs-pos element or the parent.
+# reftest_{prop}_{element}.list files are the manifest files for tests with the
+# CSS property {prop} applied to {element}.  These files use the query string
+# on the test file and the reference file to ask the code in ../handleprop.js add
+# the corresponding CSS style.
+
+# Any changes to the contents of the following files needs to be reflected on
+# all of them.
+
+include reftest_plain.list
+include reftest_border_abspos.list
+include reftest_border_parent.list
+include reftest_margin_abspos.list
+include reftest_margin_parent.list
+include reftest_padding_abspos.list
+include reftest_padding_parent.list
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest.listbackup b/layout/reftests/position-dynamic-changes/vertical/reftest.listbackup
new file mode 100644
index 0000000000..86a90a0cdf
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest.listbackup
@@ -0,0 +1,12 @@
+== topN-heightA-bottomA.html topN-heightA-bottomA-ref.html
+== topN-heightA-bottomN.html topN-heightA-bottomN-ref.html
+== topA-heightN-bottomA.html topA-heightN-bottomA-ref.html
+== topN-heightN-bottomA.html topN-heightN-bottomA-ref.html
+== topA-heightN-bottomN.html topA-heightN-bottomN-ref.html
+== topA-heightA-bottomN.html topA-heightA-bottomN-ref.html
+== toauto-topN-heightA-bottomA.html toauto-topN-heightA-bottomA-ref.html
+== toauto-topN-heightA-bottomN.html toauto-topN-heightA-bottomN-ref.html
+== toauto-topA-heightN-bottomA.html toauto-topA-heightN-bottomA-ref.html
+== toauto-topN-heightN-bottomA.html toauto-topN-heightN-bottomA-ref.html
+== toauto-topA-heightN-bottomN.html toauto-topA-heightN-bottomN-ref.html
+== toauto-topA-heightA-bottomN.html toauto-topA-heightA-bottomN-ref.html
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list b/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list
new file mode 100644
index 0000000000..cbd174f051
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomA.html?border_abspos topN-heightA-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomN.html?border_abspos topN-heightA-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomA.html?border_abspos topA-heightN-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightN-bottomA.html?border_abspos topN-heightN-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomN.html?border_abspos topA-heightN-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightA-bottomN.html?border_abspos topA-heightA-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomA.html?border_abspos toauto-topN-heightA-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomN.html?border_abspos toauto-topN-heightA-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomA.html?border_abspos toauto-topA-heightN-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightN-bottomA.html?border_abspos toauto-topN-heightN-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomN.html?border_abspos toauto-topA-heightN-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightA-bottomN.html?border_abspos toauto-topA-heightA-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomA.html?border_abspos topN-heightA-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomN.html?border_abspos topN-heightA-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomA.html?border_abspos topA-heightN-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightN-bottomA.html?border_abspos topN-heightN-bottomA-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomN.html?border_abspos topA-heightN-bottomN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightA-bottomN.html?border_abspos topA-heightA-bottomN-ref.html?border_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list b/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list
new file mode 100644
index 0000000000..b4a74a16ef
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomA.html?border_parent topN-heightA-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomN.html?border_parent topN-heightA-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomA.html?border_parent topA-heightN-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightN-bottomA.html?border_parent topN-heightN-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomN.html?border_parent topA-heightN-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightA-bottomN.html?border_parent topA-heightA-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomA.html?border_parent toauto-topN-heightA-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomN.html?border_parent toauto-topN-heightA-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomA.html?border_parent toauto-topA-heightN-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightN-bottomA.html?border_parent toauto-topN-heightN-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomN.html?border_parent toauto-topA-heightN-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightA-bottomN.html?border_parent toauto-topA-heightA-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomA.html?border_parent topN-heightA-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomN.html?border_parent topN-heightA-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomA.html?border_parent topA-heightN-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightN-bottomA.html?border_parent topN-heightN-bottomA-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomN.html?border_parent topA-heightN-bottomN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightA-bottomN.html?border_parent topA-heightA-bottomN-ref.html?border_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list
new file mode 100644
index 0000000000..139bf3f9ab
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomA.html?margin_abspos topN-heightA-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomN.html?margin_abspos topN-heightA-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomA.html?margin_abspos topA-heightN-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightN-bottomA.html?margin_abspos topN-heightN-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomN.html?margin_abspos topA-heightN-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightA-bottomN.html?margin_abspos topA-heightA-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomA.html?margin_abspos toauto-topN-heightA-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomN.html?margin_abspos toauto-topN-heightA-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomA.html?margin_abspos toauto-topA-heightN-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightN-bottomA.html?margin_abspos toauto-topN-heightN-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomN.html?margin_abspos toauto-topA-heightN-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightA-bottomN.html?margin_abspos toauto-topA-heightA-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomA.html?margin_abspos topN-heightA-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomN.html?margin_abspos topN-heightA-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomA.html?margin_abspos topA-heightN-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightN-bottomA.html?margin_abspos topN-heightN-bottomA-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomN.html?margin_abspos topA-heightN-bottomN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightA-bottomN.html?margin_abspos topA-heightA-bottomN-ref.html?margin_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list
new file mode 100644
index 0000000000..0ac1395c43
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomA.html?margin_parent topN-heightA-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomN.html?margin_parent topN-heightA-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomA.html?margin_parent topA-heightN-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightN-bottomA.html?margin_parent topN-heightN-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomN.html?margin_parent topA-heightN-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightA-bottomN.html?margin_parent topA-heightA-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomA.html?margin_parent toauto-topN-heightA-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomN.html?margin_parent toauto-topN-heightA-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomA.html?margin_parent toauto-topA-heightN-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightN-bottomA.html?margin_parent toauto-topN-heightN-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomN.html?margin_parent toauto-topA-heightN-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightA-bottomN.html?margin_parent toauto-topA-heightA-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomA.html?margin_parent topN-heightA-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomN.html?margin_parent topN-heightA-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomA.html?margin_parent topA-heightN-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightN-bottomA.html?margin_parent topN-heightN-bottomA-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomN.html?margin_parent topA-heightN-bottomN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightA-bottomN.html?margin_parent topA-heightA-bottomN-ref.html?margin_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list
new file mode 100644
index 0000000000..133d952931
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomA.html?padding_abspos topN-heightA-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomN.html?padding_abspos topN-heightA-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomA.html?padding_abspos topA-heightN-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightN-bottomA.html?padding_abspos topN-heightN-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomN.html?padding_abspos topA-heightN-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightA-bottomN.html?padding_abspos topA-heightA-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomA.html?padding_abspos toauto-topN-heightA-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomN.html?padding_abspos toauto-topN-heightA-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomA.html?padding_abspos toauto-topA-heightN-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightN-bottomA.html?padding_abspos toauto-topN-heightN-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomN.html?padding_abspos toauto-topA-heightN-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightA-bottomN.html?padding_abspos toauto-topA-heightA-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomA.html?padding_abspos topN-heightA-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomN.html?padding_abspos topN-heightA-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomA.html?padding_abspos topA-heightN-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightN-bottomA.html?padding_abspos topN-heightN-bottomA-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomN.html?padding_abspos topA-heightN-bottomN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightA-bottomN.html?padding_abspos topA-heightA-bottomN-ref.html?padding_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list
new file mode 100644
index 0000000000..d62ec4e39b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomA.html?padding_parent topN-heightA-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomN.html?padding_parent topN-heightA-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomA.html?padding_parent topA-heightN-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightN-bottomA.html?padding_parent topN-heightN-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomN.html?padding_parent topA-heightN-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightA-bottomN.html?padding_parent topA-heightA-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomA.html?padding_parent toauto-topN-heightA-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomN.html?padding_parent toauto-topN-heightA-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomA.html?padding_parent toauto-topA-heightN-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightN-bottomA.html?padding_parent toauto-topN-heightN-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomN.html?padding_parent toauto-topA-heightN-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightA-bottomN.html?padding_parent toauto-topA-heightA-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomA.html?padding_parent topN-heightA-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomN.html?padding_parent topN-heightA-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomA.html?padding_parent topA-heightN-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightN-bottomA.html?padding_parent topN-heightN-bottomA-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomN.html?padding_parent topA-heightN-bottomN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightA-bottomN.html?padding_parent topA-heightA-bottomN-ref.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_plain.list b/layout/reftests/position-dynamic-changes/vertical/reftest_plain.list
new file mode 100644
index 0000000000..d7aaff396e
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_plain.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+skip-if(ThreadSanitizer) fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomA.html topN-heightA-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightA-bottomN.html topN-heightA-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomA.html topA-heightN-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == topN-heightN-bottomA.html topN-heightN-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightN-bottomN.html topA-heightN-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == topA-heightA-bottomN.html topA-heightA-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomA.html toauto-topN-heightA-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightA-bottomN.html toauto-topN-heightA-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomA.html toauto-topA-heightN-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topN-heightN-bottomA.html toauto-topN-heightN-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightN-bottomN.html toauto-topA-heightN-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == toauto-topA-heightA-bottomN.html toauto-topA-heightA-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomA.html topN-heightA-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightA-bottomN.html topN-heightA-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomA.html topA-heightN-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topN-heightN-bottomA.html topN-heightN-bottomA-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightN-bottomN.html topA-heightN-bottomN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == fromauto-topA-heightA-bottomN.html topA-heightA-bottomN-ref.html
diff --git a/layout/reftests/position-dynamic-changes/vertical/style.css b/layout/reftests/position-dynamic-changes/vertical/style.css
new file mode 100644
index 0000000000..f546e6063b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/style.css
@@ -0,0 +1,19 @@
+#parent {
+  position: relative;
+  width: 400px;
+  height: 400px;
+  background: red;
+  border: 0 solid black;
+}
+#child {
+  position: absolute;
+  width: 100px;
+  left: 100px;
+  background: blue;
+  border: 0 solid black;
+}
+.floatTop {
+  width: 10px;
+  height: 10px;
+  background: green;
+}
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html
new file mode 100644
index 0000000000..77f3a35d6a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html
new file mode 100644
index 0000000000..defcaaf36c
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="bottom: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("bottom");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html
new file mode 100644
index 0000000000..77f3a35d6a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html
new file mode 100644
index 0000000000..713103f622
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("height");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html
new file mode 100644
index 0000000000..3ac9c1bbcf
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html
new file mode 100644
index 0000000000..6a7dfd263a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px; bottom: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("bottom");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html
new file mode 100644
index 0000000000..77f3a35d6a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html
new file mode 100644
index 0000000000..e590f8656a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="top: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("top");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html
new file mode 100644
index 0000000000..dcd0e371de
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="bottom: 20px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html
new file mode 100644
index 0000000000..ad4e3e8473
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="top: 100px; bottom: 20px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("top");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html
new file mode 100644
index 0000000000..3ac9c1bbcf
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html
new file mode 100644
index 0000000000..56f16219e7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px; top: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      toAuto("top");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html
new file mode 100644
index 0000000000..75f7f20153
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="bottom: 200px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html
new file mode 100644
index 0000000000..d7e854a88a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="bottom: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200, "bottom");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html
new file mode 100644
index 0000000000..1513ea8e6e
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 200px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html
new file mode 100644
index 0000000000..38a506372b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200, "height");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html
new file mode 100644
index 0000000000..054f968bc4
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px; bottom: 200px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html
new file mode 100644
index 0000000000..832d77a2a6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px; bottom: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200, "bottom");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html
new file mode 100644
index 0000000000..bcec5c9d6e
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="top: 200px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html
new file mode 100644
index 0000000000..ca943c2451
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="top: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html
new file mode 100644
index 0000000000..13417a737b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="top: 200px; bottom: 20px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html
new file mode 100644
index 0000000000..2200c46183
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="top: 100px; bottom: 20px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html
new file mode 100644
index 0000000000..8e2ef7b2e0
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px; top: 200px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html
new file mode 100644
index 0000000000..73ae72d582
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="animate.js" type="text/javascript"></script>
+    <script src="../handleprop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div id="parent">
+      <div id="child" style="height: 100px; top: 100px;">
+        <div class="floatTop"></div>
+        <div class="floatTop"></div>
+      </div>
+    </div>
+    <script>
+      animate(100, 200);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-relative/1115999-1-ref.html b/layout/reftests/position-relative/1115999-1-ref.html
new file mode 100644
index 0000000000..005a15bb89
--- /dev/null
+++ b/layout/reftests/position-relative/1115999-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1115999</title>
+<style>
+html { overflow: hidden }
+html, body { margin: 0; border: 0; }
+table, tr, td { border: none; margin: 0; padding: 0; border-spacing: 0 }
+</style>
+
+<table>
+  <tr>
+    <td>one</td>
+    <td>two</td>
+    <td></td>
+  </tr>
+</table>
diff --git a/layout/reftests/position-relative/1115999-1.html b/layout/reftests/position-relative/1115999-1.html
new file mode 100644
index 0000000000..99ff98c5fa
--- /dev/null
+++ b/layout/reftests/position-relative/1115999-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1115999</title>
+<style>
+html { overflow: hidden }
+html, body { margin: 0; border: 0; }
+table, tr, td { border: none; margin: 0; padding: 0; border-spacing: 0 }
+</style>
+
+<table>
+  <tr>
+    <td>o</td>
+    <td style="position: relative">two</td>
+  </tr>
+</table>
+<script>
+
+document.body.offsetHeight;
+
+var row = document.getElementsByTagName("tr")[0];
+var cell = row.firstElementChild;
+cell.textContent = "one";
+
+document.body.offsetHeight;
+
+// Force a call to nsTableFrame::SetGeometryDirty.
+row.appendChild(document.createElement("td"));
+
+</script>
diff --git a/layout/reftests/position-relative/1409114-1-ref.html b/layout/reftests/position-relative/1409114-1-ref.html
new file mode 100644
index 0000000000..9271ec8b6d
--- /dev/null
+++ b/layout/reftests/position-relative/1409114-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+  <col style="background:green">
+  <tr>
+    <td style="width:20px; height:20px"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/position-relative/1409114-1.html b/layout/reftests/position-relative/1409114-1.html
new file mode 100644
index 0000000000..988ecab1ef
--- /dev/null
+++ b/layout/reftests/position-relative/1409114-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table>
+  <col style="background:green">
+  <tr>
+    <td style="position:relative; left:-100px; width:20px; height:20px"></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/position-relative/1409114-2.html b/layout/reftests/position-relative/1409114-2.html
new file mode 100644
index 0000000000..06d644d5e4
--- /dev/null
+++ b/layout/reftests/position-relative/1409114-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<body style="overflow:hidden">
+<table style="position:relative; top:-50px">
+  <col style="background:green; width: 40px;">
+  <tr style="position:relative; left:-100px; height: 40px">
+    <td rowspan=2></td>
+  </tr>
+  <tr style="height: 40px"></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/position-relative/1409114-3.html b/layout/reftests/position-relative/1409114-3.html
new file mode 100644
index 0000000000..cfd01561d6
--- /dev/null
+++ b/layout/reftests/position-relative/1409114-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body style="overflow:hidden">
+<table style="position:relative; top:-50px">
+  <tbody style="background:green">
+    <tr style="position:relative; left:-100px; height: 40px">
+      <td rowspan=2 style="width: 40px;"></td>
+    </tr>
+    <tr style="height: 40px"></tr>
+  </tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/position-relative/reftest.list b/layout/reftests/position-relative/reftest.list
new file mode 100644
index 0000000000..495588ab79
--- /dev/null
+++ b/layout/reftests/position-relative/reftest.list
@@ -0,0 +1,12 @@
+== table-collapse-1.html table-collapse-1-ref.html
+== table-collapse-2.html table-collapse-2-ref.html
+== table-collapse-3.html table-collapse-3-ref.html
+== table-collapse-4.html table-collapse-4-ref.html
+== table-separate-1.html table-separate-1-ref.html
+== table-separate-2.html table-separate-2-ref.html
+== table-separate-3.html table-separate-3-ref.html
+== table-separate-4.html table-separate-4-ref.html
+== 1115999-1.html 1115999-1-ref.html
+== 1409114-1.html 1409114-1-ref.html
+!= 1409114-2.html about:blank
+!= 1409114-3.html about:blank
diff --git a/layout/reftests/position-relative/table-collapse-1-ref.html b/layout/reftests/position-relative/table-collapse-1-ref.html
new file mode 100644
index 0000000000..de25b9c53b
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-1-ref.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: collapse;
+      position: absolute;
+    }
+    #first-table {
+      left: 0px;
+    }
+    #second-table {
+      left: 100px;
+    }
+    #third-table {
+      left: 200px;
+    }
+    #fourth-table {
+      left: 300px;
+    }
+    td {
+      padding: 0;
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    #first-table td {
+      border-color: gold;
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey show-text">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white show-text">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td><div class="bg-blue show-text">YYY</div></td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2><div class="bg-blue show-text" style="padding:12.5px 0">YYY</div></td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-collapse-1.html b/layout/reftests/position-relative/table-collapse-1.html
new file mode 100644
index 0000000000..79f028d793
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-1.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: collapse;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      padding: 0;
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      left: 100px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-collapse-2-ref.html b/layout/reftests/position-relative/table-collapse-2-ref.html
new file mode 100644
index 0000000000..feea9a8547
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-2-ref.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: collapse;
+      position: absolute;
+    }
+    #first-table {
+      left: 300px;
+    }
+    #second-table {
+      left: 200px;
+    }
+    #third-table {
+      left: 100px;
+    }
+    #fourth-table {
+      left: 0px;
+    }
+    td {
+      padding: 0;
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    #first-table td {
+      border-color: gold;
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey show-text">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white show-text">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td><div class="bg-blue show-text">YYY</div></td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2><div class="bg-blue show-text" style="padding:12.5px 0">YYY</div></td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-collapse-2.html b/layout/reftests/position-relative/table-collapse-2.html
new file mode 100644
index 0000000000..77ff30ecb0
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-2.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: collapse;
+      position: absolute;
+      left: 300px;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      padding: 0;
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      right: 100px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-collapse-3-ref.html b/layout/reftests/position-relative/table-collapse-3-ref.html
new file mode 100644
index 0000000000..348be1923c
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-3-ref.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: collapse;
+      position: absolute;
+    }
+    #first-table {
+      top: 0px;
+    }
+    #second-table {
+      top: 175px;
+    }
+    #third-table {
+      top: 350px;
+    }
+    #fourth-table {
+      top: 525px;
+    }
+    td {
+      padding: 0;
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    #first-table td {
+      border-color: gold;
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey show-text">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white show-text">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td><div class="bg-blue show-text">YYY</div></td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2><div class="bg-blue show-text" style="padding: 12.5px 0">YYY</div></td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-collapse-3.html b/layout/reftests/position-relative/table-collapse-3.html
new file mode 100644
index 0000000000..b13626a39a
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-3.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: collapse;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      padding: 0;
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      top: 175px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-collapse-4-ref.html b/layout/reftests/position-relative/table-collapse-4-ref.html
new file mode 100644
index 0000000000..61e68d701d
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-4-ref.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: collapse;
+      position: absolute;
+    }
+    #first-table {
+      top: 525px;
+    }
+    #second-table {
+      top: 350px;
+    }
+    #third-table {
+      top: 175px;
+    }
+    #fourth-table {
+      top: 0px;
+    }
+    td {
+      padding: 0;
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    #first-table td {
+      border-color: gold;
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey show-text">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white show-text">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td><div class="bg-blue show-text">YYY</div></td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2><div class="bg-blue show-text" style="padding: 12.5px 0">YYY</div></td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td><div class="bg-cyan show-text">XXX</div></td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-collapse-4.html b/layout/reftests/position-relative/table-collapse-4.html
new file mode 100644
index 0000000000..cdcd32dfed
--- /dev/null
+++ b/layout/reftests/position-relative/table-collapse-4.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: collapse;
+      position: absolute;
+      top: 525px;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      padding: 0;
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      bottom: 175px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-1-ref.html b/layout/reftests/position-relative/table-separate-1-ref.html
new file mode 100644
index 0000000000..b46232714d
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-1-ref.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: separate;
+      position: absolute;
+    }
+    #first-table {
+      background-color: red;
+      left: 0px;
+    }
+    #second-table {
+      left: 100px;
+    }
+    #third-table {
+      left: 200px;
+    }
+    #fourth-table {
+      left: 300px;
+    }
+    td {
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      border-color: gold;
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-border show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2 class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-cyan show-text">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-1.html b/layout/reftests/position-relative/table-separate-1.html
new file mode 100644
index 0000000000..d97fa15d8a
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-1.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: separate;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      left: 100px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-2-ref.html b/layout/reftests/position-relative/table-separate-2-ref.html
new file mode 100644
index 0000000000..90d7c6884b
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-2-ref.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: separate;
+      position: absolute;
+    }
+    #first-table {
+      background-color: red;
+      left: 300px;
+    }
+    #second-table {
+      left: 200px;
+    }
+    #third-table {
+      left: 100px;
+    }
+    #fourth-table {
+      left: 0px;
+    }
+    td {
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      border-color: gold;
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-border show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2 class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-cyan show-text">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-2.html b/layout/reftests/position-relative/table-separate-2.html
new file mode 100644
index 0000000000..583771328c
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-2.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: separate;
+      position: absolute;
+      left: 300px;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      right: 100px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-3-ref.html b/layout/reftests/position-relative/table-separate-3-ref.html
new file mode 100644
index 0000000000..5276531517
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-3-ref.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: separate;
+      position: absolute;
+    }
+    #first-table {
+      background-color: red;
+      top: 0px;
+    }
+    #second-table {
+      top: 215px;
+    }
+    #third-table {
+      top: 430px;
+    }
+    #fourth-table {
+      top: 645px;
+    }
+    td {
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      border-color: gold;
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-border show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2 class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-cyan show-text">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-3.html b/layout/reftests/position-relative/table-separate-3.html
new file mode 100644
index 0000000000..a739fb7712
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-3.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: separate;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      top: 215px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-4-ref.html b/layout/reftests/position-relative/table-separate-4-ref.html
new file mode 100644
index 0000000000..bfb5007c82
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-4-ref.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      border-collapse: separate;
+      position: absolute;
+    }
+    #first-table {
+      background-color: red;
+      top: 645px;
+    }
+    #second-table {
+      top: 430px;
+    }
+    #third-table {
+      top: 215px;
+    }
+    #fourth-table {
+      top: 0px;
+    }
+    td {
+      border-style: solid;
+      border-width: 5px;
+      border-color: transparent;
+      color: rgba(0,0,0,0);
+    }
+    .bg-blue {
+      background-color: blue;
+    }
+    .bg-cyan {
+      background-color: cyan;
+    }
+    .bg-grey {
+      background-color: grey;
+    }
+    .bg-green {
+      background-color: green;
+    }
+    .bg-khaki {
+      background-color: khaki;
+    }
+    .bg-purple {
+      background-color: purple;
+    }
+    .bg-white {
+      background-color: white;
+    }
+    .show-text {
+      border-color: gold;
+      color: rgba(0,0,0,1);
+    }
+  </style>
+</head>
+<body>
+  <table id="first-table">
+    <thead>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+        <td rowspan=2 class="bg-purple">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-khaki">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-khaki">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-border show-text">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="second-table">
+    <thead>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-green">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-green">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td rowspan=2 class="bg-green">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-grey">&nbsp;</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-green">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">&nbsp;</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="third-table">
+    <thead>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-blue show-text">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td rowspan=2 class="bg-blue show-text">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-green">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="bg-cyan show-text">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+  <table id="fourth-table">
+    <thead>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white" rowspan=2>YYY</td>
+      </tr>
+      <tr>
+        <td class="bg-cyan show-text">XXX</td>
+      </tr>
+      <tr>
+        <td class="bg-white" colspan=2>XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="bg-white">XXX</td>
+        <td class="bg-white">YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-relative/table-separate-4.html b/layout/reftests/position-relative/table-separate-4.html
new file mode 100644
index 0000000000..8febf8f237
--- /dev/null
+++ b/layout/reftests/position-relative/table-separate-4.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<head>
+  <style>
+    html {
+      line-height: 1.25;
+    }
+    body {
+      background-color: white;
+      margin: 0;
+    }
+    table {
+      background-color: red;
+      border-collapse: separate;
+      position: absolute;
+      top: 645px;
+    }
+    thead {
+      background-color: pink;
+    }
+    tbody {
+      background-color: grey;
+    }
+    tfoot {
+      background-color: orange;
+    }
+    tr {
+      background-color: green;
+    }
+    td:first-child {
+      background-color: cyan;
+    }
+    td {
+      background-color: blue;
+      border-style: solid;
+      border-width: 5px;
+      border-color: gold;
+    }
+    colgroup {
+      background-color: purple;
+    }
+    col:first-child {
+      background-color: khaki;
+    }
+    .rel {
+      position: relative;
+      bottom: 215px;
+    }
+  </style>
+</head>
+<body>
+  <table>
+    <colgroup>
+      <col>
+      <col>
+    </colgroup>
+    <thead class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td class="rel">YYY</td>
+      </tr>
+    </thead>
+    <tbody class="rel">
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+      <tr>
+        <td>XXX</td>
+        <td rowspan=2 class="rel">YYY</td>
+      </tr>
+      <tr class="rel">
+        <td class="rel">XXX</td>
+      </tr>
+      <tr>
+        <td colspan=2 class="rel">XXX</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td class="rel">XXX</td>
+        <td>YYY</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
diff --git a/layout/reftests/position-sticky/ahem.css b/layout/reftests/position-sticky/ahem.css
new file mode 100644
index 0000000000..884a41198b
--- /dev/null
+++ b/layout/reftests/position-sticky/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(../fonts/Ahem.ttf);
+}
diff --git a/layout/reftests/position-sticky/block-in-inline-1-ref.html b/layout/reftests/position-sticky/block-in-inline-1-ref.html
new file mode 100644
index 0000000000..ce6f258062
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - block inside inline, normal position</title>
+    <link rel="author" title="L. David Baron" href="mailto:dbaron@mozilla.com">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+      #contain {
+        height: 100px;
+      }
+      .sticky {
+        position: relative;
+        top: 0;
+      }
+      .notsticky {
+        position: relative;
+        top: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <span class="notsticky">before inline</span>
+        <span class="sticky">before block</span>
+        <div><span class="sticky">in block</span></div>
+        <span class="sticky">after block</span>
+        <span class="notsticky">after inline</span>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/block-in-inline-1.html b/layout/reftests/position-sticky/block-in-inline-1.html
new file mode 100644
index 0000000000..a613421d92
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - block inside inline, normal position</title>
+    <link rel="author" title="L. David Baron" href="mailto:dbaron@mozilla.com">
+    <link rel="match" href="block-in-inline-1-ref.html">
+    <meta name="assert" content="Inline elements split because they contain blocks should always have all parts moved the same offset from their normal position">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+      #contain {
+        height: 100px;
+      }
+      #sticky {
+        display: inline;
+        position: sticky;
+        top: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        before inline
+        <div id="sticky">
+          before block
+          <div>in block</div>
+          after block
+        </div>
+        after inline
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/block-in-inline-2-ref.html b/layout/reftests/position-sticky/block-in-inline-2-ref.html
new file mode 100644
index 0000000000..08239c50b2
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-2-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - block inside inline, normal position</title>
+    <link rel="author" title="L. David Baron" href="mailto:dbaron@mozilla.com">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+      #contain {
+        height: 100px;
+      }
+      .sticky {
+        position: relative;
+        top: -10px;
+      }
+      .notsticky {
+        position: relative;
+        top: -30px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <span class="notsticky">before inline</span>
+        <span class="sticky">before block</span>
+        <div><span class="sticky">in block</span></div>
+        <span class="sticky">after block</span>
+        <span class="notsticky">after inline</span>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/block-in-inline-2.html b/layout/reftests/position-sticky/block-in-inline-2.html
new file mode 100644
index 0000000000..084f9b04f3
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-2.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - block inside inline, stuck position</title>
+    <link rel="author" title="L. David Baron" href="mailto:dbaron@mozilla.com">
+    <link rel="match" href="block-in-inline-2-ref.html">
+    <meta name="assert" content="Inline elements split because they contain blocks should always have all parts moved the same offset from their normal position">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+      #contain {
+        height: 100px;
+      }
+      #sticky {
+        display: inline;
+        position: sticky;
+        top: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        before inline
+        <div id="sticky">
+          before block
+          <div>in block</div>
+          after block
+        </div>
+        after inline
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 30;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/block-in-inline-3-ref.html b/layout/reftests/position-sticky/block-in-inline-3-ref.html
new file mode 100644
index 0000000000..13e29a9f77
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-3-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - block inside inline, normal position</title>
+    <link rel="author" title="L. David Baron" href="mailto:dbaron@mozilla.com">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+      #contain {
+        height: 100px;
+      }
+      .sticky {
+        position: relative;
+        top: -20px;
+      }
+      .notsticky {
+        position: relative;
+        top: -60px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <span class="notsticky">before inline</span>
+        <span class="sticky">before block</span>
+        <div><span class="sticky">in block</span></div>
+        <span class="sticky">after block</span>
+        <span class="notsticky">after inline</span>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/block-in-inline-3.html b/layout/reftests/position-sticky/block-in-inline-3.html
new file mode 100644
index 0000000000..f4acbc7f15
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-3.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - block inside inline, contained position</title>
+    <link rel="author" title="L. David Baron" href="mailto:dbaron@mozilla.com">
+    <link rel="match" href="block-in-inline-3-ref.html">
+    <meta name="assert" content="Inline elements split because they contain blocks should always have all parts moved the same offset from their normal position">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+      #contain {
+        height: 100px;
+      }
+      #sticky {
+        display: inline;
+        position: sticky;
+        top: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        before inline
+        <div id="sticky">
+          before block
+          <div>in block</div>
+          after block
+        </div>
+        after inline
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      // should start moving after 40px
+      document.getElementById("scroll").scrollTop = 60;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/block-in-inline-continuations-ref.html b/layout/reftests/position-sticky/block-in-inline-continuations-ref.html
new file mode 100644
index 0000000000..8ac42e85b4
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-continuations-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test Reference: Sticky Positioning - continuations have no effect when resizing</title>
+    <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com">
+    <link rel="stylesheet" href="ahem.css">
+    <style>
+    #scroll {
+      height: 100px;
+      overflow: hidden;
+      font: 20px/1 Ahem;
+    }
+    </style>
+    <script>
+    function run() {
+      document.getElementById("scroll").style.width = "750px";
+    }
+    </script>
+  </head>
+  <body onload="run()">
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div><span class="sticky">in block</span></div>
+      <span class="sticky">after block</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/block-in-inline-continuations.html b/layout/reftests/position-sticky/block-in-inline-continuations.html
new file mode 100644
index 0000000000..62cad478b2
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-continuations.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - continuations have no effect when resizing</title>
+    <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com">
+    <link rel="match" href="block-in-inline-continuations-ref.html">
+    <meta name="assert" content="Inline elements split and contain blocks should always have all parts moved the same offset from their normal position">
+    <link rel="stylesheet" href="ahem.css">
+    <style>
+    #scroll {
+      height: 100px;
+      overflow: hidden;
+      font: 20px/1 Ahem;
+    }
+    #sticky {
+      display: inline;
+      position: sticky;
+      top: 20px;
+    }
+    </style>
+    <script>
+    function run() {
+      document.getElementById("scroll").style.width = "750px";
+    }
+    </script>
+  </head>
+  <body onload="run()">
+    <div id="scroll">
+      <div id="sticky">
+        <div>in block</div>
+        after block
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-1-ref.html b/layout/reftests/position-sticky/bottom-1-ref.html
new file mode 100644
index 0000000000..ac107c0d03
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: relative;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-1.html b/layout/reftests/position-sticky/bottom-1.html
new file mode 100644
index 0000000000..183e012f02
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - bottom, normal position</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="bottom-1-ref.html">
+    <meta name="assert" content="Bottom-sticky with a small amount of content above: should stay in its normal position">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-2-ref.html b/layout/reftests/position-sticky/bottom-2-ref.html
new file mode 100644
index 0000000000..368dc22d4c
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: relative;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 80px"></div>
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-2a.html b/layout/reftests/position-sticky/bottom-2a.html
new file mode 100644
index 0000000000..5a52cb9048
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-2a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - bottom, normal position</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="bottom-2-ref.html">
+    <meta name="assert" content="Bottom-sticky with some content above: should stay in its normal position (but will stick beyond this point)">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 80px"></div>
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-2b.html b/layout/reftests/position-sticky/bottom-2b.html
new file mode 100644
index 0000000000..62ba2499b9
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-2b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - bottom, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="bottom-2-ref.html">
+    <meta name="assert" content="Bottom-sticky with content above: should stick at the bottom of the scroll container">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 90px"></div>
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-2c.html b/layout/reftests/position-sticky/bottom-2c.html
new file mode 100644
index 0000000000..2408b7d7e0
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-2c.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!--  -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - bottom, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="bottom-2-ref.html">
+    <meta name="assert" content="Bottom-sticky with content above: should stick at the bottom of the scroll container">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 200px"></div>
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-3-ref.html b/layout/reftests/position-sticky/bottom-3-ref.html
new file mode 100644
index 0000000000..c40d5c9659
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-3-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 200px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div style="height: 60px"></div>
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-3.html b/layout/reftests/position-sticky/bottom-3.html
new file mode 100644
index 0000000000..996b022683
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-3.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!--  -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - bottom, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="bottom-3-ref.html">
+    <meta name="assert" content="Bottom-sticky with content above and a containing block: should stick to the bottom of the scroll container">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 200px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div style="height: 100px"></div>
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-4-ref.html b/layout/reftests/position-sticky/bottom-4-ref.html
new file mode 100644
index 0000000000..822565bfd1
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-4-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 5px;
+        background-color: gray;
+        padding: 10px 0 0;
+        border-width: 10px 0 0;
+        border-style: solid;
+        border-color: #333;
+      }
+      #sticky {
+        height: 3px;
+        margin-top: 2px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 75px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/bottom-4.html b/layout/reftests/position-sticky/bottom-4.html
new file mode 100644
index 0000000000..5a06b4ec9a
--- /dev/null
+++ b/layout/reftests/position-sticky/bottom-4.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - bottom, contained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="bottom-3-ref.html">
+    <meta name="assert" content="Bottom-sticky with too much content above: should stay within the containing block">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 200px;
+        background-color: gray;
+        padding: 10px 0;
+        border-width: 10px 0;
+        border-style: solid;
+        border-color: #333;
+      }
+      #sticky {
+        position: sticky;
+        bottom: 10px;
+        height: 10px;
+        margin-top: 2px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 75px"></div>
+      <div id="contain">
+        <div style="height: 100px"></div>
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/column-contain-1-ref.html b/layout/reftests/position-sticky/column-contain-1-ref.html
new file mode 100644
index 0000000000..97ee55f273
--- /dev/null
+++ b/layout/reftests/position-sticky/column-contain-1-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        line-height: 1;
+      }
+      #contain {
+        column-count: 2;
+        column-rule: 1px solid black;
+        height: 200px;
+        width: 200px;
+      }
+      #fill {
+        height: 390px;
+        background: blue;
+      }
+      #sticky {
+        position: relative;
+        left: 190px;
+        width: 10px;
+        height: 10px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="fill"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/column-contain-1a.html b/layout/reftests/position-sticky/column-contain-1a.html
new file mode 100644
index 0000000000..1e696c6249
--- /dev/null
+++ b/layout/reftests/position-sticky/column-contain-1a.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - multiframe containing-block element</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="column-contain-1-ref.html">
+    <meta name="assert" content="Sticky positioning with a multiple-frame containing-block element should stay contained within the bounding box of all that element's frames">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        line-height: 1;
+      }
+      #contain {
+        column-count: 2;
+        column-rule: 1px solid black;
+        height: 200px;
+        width: 200px;
+      }
+      #fill {
+        height: 390px;
+        background: blue;
+      }
+      #sticky {
+        position: sticky;
+        left: 190px;
+        width: 10px;
+        height: 10px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="fill"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/column-contain-1b.html b/layout/reftests/position-sticky/column-contain-1b.html
new file mode 100644
index 0000000000..c6f7e83780
--- /dev/null
+++ b/layout/reftests/position-sticky/column-contain-1b.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - multiframe containing-block element</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="column-contain-1-ref.html">
+    <meta name="assert" content="Sticky positioning with a multiple-frame containing-block element should stay contained within the bounding box of all that element's frames">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        line-height: 1;
+      }
+      #columns {
+        column-count: 2;
+        column-rule: 1px solid black;
+        height: 200px;
+        width: 200px;
+      }
+      #fill {
+        height: 390px;
+        background: blue;
+      }
+      #sticky {
+        position: sticky;
+        left: 190px;
+        width: 10px;
+        height: 10px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="columns">
+        <div id="contain">
+          <div id="sticky"></div>
+          <div id="fill"></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/column-contain-2-ref.html b/layout/reftests/position-sticky/column-contain-2-ref.html
new file mode 100644
index 0000000000..42771486db
--- /dev/null
+++ b/layout/reftests/position-sticky/column-contain-2-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        line-height: 1;
+      }
+      #columns {
+        column-count: 2;
+        column-rule: 1px solid black;
+        height: 200px;
+        width: 200px;
+      }
+      #contain {
+        padding-bottom: 10px;
+        border-bottom: 10px solid gray;
+      }
+      #fill {
+        height: 370px;
+        background: blue;
+      }
+      #sticky {
+        position: relative;
+        top: 190px;
+        width: 10px;
+        height: 10px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="columns">
+        <div id="contain">
+          <div id="sticky"></div>
+          <div id="fill"></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/column-contain-2.html b/layout/reftests/position-sticky/column-contain-2.html
new file mode 100644
index 0000000000..ec29285609
--- /dev/null
+++ b/layout/reftests/position-sticky/column-contain-2.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - multiframe containing-block element</title>
+    <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name">
+    <link rel="match" href="column-contain-2-ref.html">
+    <meta name="assert" content="Sticky positioning where the containing-block element has multiple frames and border/padding should stay contained within the union of the content boxes of all frames">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        line-height: 1;
+      }
+      #columns {
+        column-count: 2;
+        column-rule: 1px solid black;
+        height: 200px;
+        width: 200px;
+      }
+      #contain {
+        padding-bottom: 10px;
+        border-bottom: 10px solid gray;
+      }
+      #fill {
+        height: 370px;
+        background: blue;
+      }
+      #sticky {
+        position: sticky;
+        top: 195px;
+        width: 10px;
+        height: 10px;
+        background: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="columns">
+        <div id="contain">
+          <div id="sticky"></div>
+          <div id="fill"></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/containing-block-1-ref.html b/layout/reftests/position-sticky/containing-block-1-ref.html
new file mode 100644
index 0000000000..ccb25d8109
--- /dev/null
+++ b/layout/reftests/position-sticky/containing-block-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      body {
+        height: 200px;
+        margin: 0;
+      }
+      #sticky {
+        position: relative;
+        top: 100px;
+        height: 10px;
+        background-color: black;
+      }
+      #absolute {
+        position: absolute;
+        top: 5px;
+        left: 5px;
+        width: 10px;
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  <body>
+    <div id="sticky">
+      <div id="absolute"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/containing-block-1.html b/layout/reftests/position-sticky/containing-block-1.html
new file mode 100644
index 0000000000..cb09717e5a
--- /dev/null
+++ b/layout/reftests/position-sticky/containing-block-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - absolute containing block</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="containing-block-1-ref.html">
+    <meta name="assert" content="Sticky positioned elements should establish a containing block for absolutely positioned descendants">
+    <style>
+      body {
+        height: 200px;
+        margin: 0;
+      }
+      #sticky {
+        position: sticky;
+        top: 100px;
+        height: 10px;
+        background-color: black;
+      }
+      #absolute {
+        position: absolute;
+        top: 5px;
+        left: 5px;
+        width: 10px;
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  <body>
+    <div id="sticky">
+      <div id="absolute"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/iframe-1-helper.html b/layout/reftests/position-sticky/iframe-1-helper.html
new file mode 100644
index 0000000000..9f71b50c42
--- /dev/null
+++ b/layout/reftests/position-sticky/iframe-1-helper.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <style>
+            html, body {
+                margin: 0;
+                padding: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div style="overflow: auto; width: 150px; height: 200px">
+            <div style="position: sticky; top: 0; width: 100px; height: 100px; background-color: green"></div>
+            <div style="height: 300px; width: 100px"></div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/position-sticky/iframe-1-ref.html b/layout/reftests/position-sticky/iframe-1-ref.html
new file mode 100644
index 0000000000..d3254ac576
--- /dev/null
+++ b/layout/reftests/position-sticky/iframe-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Sticky-positioned item inside a scrollframe inside an iframe</title>
+        <style>
+            html, body {
+                margin: 0;
+                padding: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div style="overflow: auto; margin-top: 100px; width: 150px; height: 200px">
+            <div style="width: 100px; height: 100px; background-color: green"></div>
+            <div style="height: 300px; width: 100px"></div>
+        </div>
+    </body>
+</html>
+    </body>
+</html>
diff --git a/layout/reftests/position-sticky/iframe-1.html b/layout/reftests/position-sticky/iframe-1.html
new file mode 100644
index 0000000000..164f5ac4cd
--- /dev/null
+++ b/layout/reftests/position-sticky/iframe-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Sticky-positioned item inside a scrollframe inside an iframe</title>
+        <style>
+            html, body {
+                margin: 0;
+                padding: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <iframe src="iframe-1-helper.html" style="margin-top: 100px; border: none; height: 300px"></iframe>
+    </body>
+</html>
diff --git a/layout/reftests/position-sticky/initial-1-ref.html b/layout/reftests/position-sticky/initial-1-ref.html
new file mode 100644
index 0000000000..70b0b6eb03
--- /dev/null
+++ b/layout/reftests/position-sticky/initial-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      body {
+        height: 100px;
+        margin: 0;
+        /* Without this, we do multiple passes of reflow, and
+         * the sticky element ends up positioned correctly.
+         */
+        overflow-y: scroll;
+      }
+      #sticky {
+        position: relative;
+        top: 10px;
+        height: 10px;
+        margin-bottom: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="sticky"></div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/initial-1.html b/layout/reftests/position-sticky/initial-1.html
new file mode 100644
index 0000000000..6e0bb67057
--- /dev/null
+++ b/layout/reftests/position-sticky/initial-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - initial reflow</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="initial-1-ref.html">
+    <meta name="assert" content="Sticky positioning should be calculated correctly on initial page reflow">
+    <style>
+      body {
+        height: 100px;
+        margin: 0;
+        /* Without this, we do multiple passes of reflow, and
+         * the sticky element ends up positioned correctly.
+         */
+        overflow-y: scroll;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        margin-bottom: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="sticky"></div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/initial-scroll-1-ref.html b/layout/reftests/position-sticky/initial-scroll-1-ref.html
new file mode 100644
index 0000000000..bb021dbe7a
--- /dev/null
+++ b/layout/reftests/position-sticky/initial-scroll-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        direction: rtl;
+      }
+      #inner {
+        width: 200px;
+        height: 200px;
+        direction: ltr;
+      }
+      #sticky {
+        position: relative;
+        left: 110px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="inner">
+        <div id="sticky">
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/initial-scroll-1.html b/layout/reftests/position-sticky/initial-scroll-1.html
new file mode 100644
index 0000000000..343c6295ee
--- /dev/null
+++ b/layout/reftests/position-sticky/initial-scroll-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - initial scroll position</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="initial-scroll-1-ref.html">
+    <meta name="assert" content="When the initial scroll position of the scroll container is not (0, 0), a sticky element inside it should be positioned correctly">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        direction: rtl;
+      }
+      #inner {
+        width: 200px;
+        height: 200px;
+        direction: ltr;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="inner">
+        <div id="sticky">
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-1-ref.html b/layout/reftests/position-sticky/inline-1-ref.html
new file mode 100644
index 0000000000..2c3bc2470f
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        position: relative;
+        font: 10px/1 Ahem;
+      }
+      #sticky {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+      }
+      #hidden {
+        visibility: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      hello <div id="sticky"><span id="hidden">hello </span>there<br>everyone</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-1.html b/layout/reftests/position-sticky/inline-1.html
new file mode 100644
index 0000000000..f2569fc794
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - inline</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="inline-1-ref.html">
+    <meta name="assert" content="Sticky positioning on inline elements should use the bounding box of all continuations">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        font: 10px/1 Ahem;
+      }
+      #sticky {
+        position: sticky;
+        top: 20px;
+        left: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      hello <span id="sticky">there<br>everyone</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-2-ref.html b/layout/reftests/position-sticky/inline-2-ref.html
new file mode 100644
index 0000000000..98aabacc75
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-2-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        position: relative;
+        font: 10px/1 Ahem;
+      }
+      #sticky {
+        position: absolute;
+        top: 30px;
+        left: 30px;
+      }
+      #hidden {
+        visibility: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      hello <div id="sticky"><span id="hidden">hello </span>there<br>everyone</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-2.html b/layout/reftests/position-sticky/inline-2.html
new file mode 100644
index 0000000000..f3fbbc0d61
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html class="reftest-wait">
+  <head>
+    <title>CSS Test: Sticky Positioning - inline, dynamic changes</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="inline-2-ref.html">
+    <meta name="assert" content="Sticky positioning on inline elements should move all continuations when the offsets are changed">
+    <meta name="flags" content="dom">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        font: 10px/1 Ahem;
+      }
+      #sticky {
+        position: sticky;
+        top: 20px;
+        left: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      hello <span id="sticky">there<br>everyone</span>
+    </div>
+    <script type="text/javascript">
+      document.addEventListener("MozReftestInvalidate", function() {
+        document.getElementById("sticky").style.top = "30px";
+        document.getElementById("sticky").style.left = "30px";
+        document.documentElement.removeAttribute("class");
+      });
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-3-ref.html b/layout/reftests/position-sticky/inline-3-ref.html
new file mode 100644
index 0000000000..847860a3cf
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-3-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        position: relative;
+        font: 10px/1 Ahem;
+      }
+      #sticky {
+        position: absolute;
+        top: 0;
+        left: 10px;
+      }
+      #hidden {
+        visibility: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      test <span id="sticky"><span id="hidden">test </span>test<br>test</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-3.html b/layout/reftests/position-sticky/inline-3.html
new file mode 100644
index 0000000000..f06f55d530
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-3.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - inline with margins</title>
+    <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name">
+    <link rel="match" href="inline-3-ref.html">
+    <meta name="assert" content="Sticky positioning on inline elements should keep the bounding box of all continuations' margin boxes contained">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        overflow: hidden;
+        height: 200px;
+        font: 10px/1 Ahem;
+      }
+      #sticky {
+        position: sticky;
+        left: 20px;
+        margin-right: 10px;
+      }
+      #contain {
+        width: 100px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        test <span id="sticky">test<br>test</span>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-4-ref.html b/layout/reftests/position-sticky/inline-4-ref.html
new file mode 100644
index 0000000000..136ff07371
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-4-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroller {
+        margin-top: 100px;
+        height: 200px;
+        width: 500px;
+        overflow: hidden;
+      }
+      #container {
+        background: pink;
+        position: relative;
+        margin: 50px;
+        height: 400px;
+        margin-bottom: 1000px;
+      }
+      #sticky {
+        position: sticky;
+        left: 0px;
+        top: 75px;
+        outline: 1px dotted purple;
+        font: 10px/1 Ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroller">
+      <div id="container">
+        <span id="sticky">
+          First line<br>
+          Second line<br>
+          Third line<br>
+        </span>
+      </div>
+    </div>
+    <script>
+      document.getElementById("scroller").scrollTop = 30;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/inline-4.html b/layout/reftests/position-sticky/inline-4.html
new file mode 100644
index 0000000000..9913cfe25b
--- /dev/null
+++ b/layout/reftests/position-sticky/inline-4.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html reftest-async-scroll>
+  <head>
+    <title>CSS Test: Sticky Positioning - inline, async scrolling</title>
+    <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name">
+    <link rel="match" href="inline-4-ref.html">
+    <meta name="assert" content="Sticky positioning on inline elements should keep continuations aligned during async scrolling">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroller {
+        margin-top: 100px;
+        height: 200px;
+        width: 500px;
+        overflow: scroll;
+        scrollbar-width: none;
+      }
+      #container {
+        background: pink;
+        position: relative;
+        margin: 50px;
+        height: 400px;
+        margin-bottom: 1000px;
+      }
+      #sticky {
+        position: sticky;
+        left: 0px;
+        top: 75px;
+        outline: 1px dotted purple;
+        font: 10px/1 Ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroller"
+         reftest-displayport-x="0" reftest-displayport-y="0"
+         reftest-displayport-w="500" reftest-displayport-h="300"
+         reftest-async-scroll-y="30">
+      <div id="container">
+        <span id="sticky">
+          First line<br>
+          Second line<br>
+          Third line<br>
+        </span>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-1-ref.html b/layout/reftests/position-sticky/left-1-ref.html
new file mode 100644
index 0000000000..ebcf46f4fb
--- /dev/null
+++ b/layout/reftests/position-sticky/left-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill" style="width: 20px"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div
+      ><div class="fill"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-1.html b/layout/reftests/position-sticky/left-1.html
new file mode 100644
index 0000000000..779f930977
--- /dev/null
+++ b/layout/reftests/position-sticky/left-1.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left, normal position</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="left-1-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-left with not enough scrolling: should be in its normal position">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 80;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-2-ref.html b/layout/reftests/position-sticky/left-2-ref.html
new file mode 100644
index 0000000000..ca5c35a688
--- /dev/null
+++ b/layout/reftests/position-sticky/left-2-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      #contain {
+        width: 100%;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        left: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-2.html b/layout/reftests/position-sticky/left-2.html
new file mode 100644
index 0000000000..b3c3e4ee37
--- /dev/null
+++ b/layout/reftests/position-sticky/left-2.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="left-2-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-left with scrolling: should stick to the left edge of the scrolling container">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 100;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-3-ref.html b/layout/reftests/position-sticky/left-3-ref.html
new file mode 100644
index 0000000000..1ae2eaf411
--- /dev/null
+++ b/layout/reftests/position-sticky/left-3-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 5px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        width: 5px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-3.html b/layout/reftests/position-sticky/left-3.html
new file mode 100644
index 0000000000..ef9e2b303d
--- /dev/null
+++ b/layout/reftests/position-sticky/left-3.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left, contained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="left-3-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-left with too much scrolling: should stay within the containing block">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 295;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-right-1-ref.html b/layout/reftests/position-sticky/left-right-1-ref.html
new file mode 100644
index 0000000000..89b7a06081
--- /dev/null
+++ b/layout/reftests/position-sticky/left-right-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        right: 20px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="sticky"></div
+      ><div class="fill"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-right-1.html b/layout/reftests/position-sticky/left-right-1.html
new file mode 100644
index 0000000000..ca7a77ff75
--- /dev/null
+++ b/layout/reftests/position-sticky/left-right-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left+right, at left</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="left-right-1-ref.html">
+    <meta name="assert" content="Left+right sticky, scrolled to the left: should act as right-sticky">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        right: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="sticky"></div
+      ><div class="fill"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-right-2-ref.html b/layout/reftests/position-sticky/left-right-2-ref.html
new file mode 100644
index 0000000000..2670683391
--- /dev/null
+++ b/layout/reftests/position-sticky/left-right-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #sticky {
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill" style="width: 50px"></div
+      ><div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-right-2.html b/layout/reftests/position-sticky/left-right-2.html
new file mode 100644
index 0000000000..7d9068f2a0
--- /dev/null
+++ b/layout/reftests/position-sticky/left-right-2.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left+right, at middle</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="left-right-2-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Left+right sticky, scrolled to the middle: should stay in its normal position">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        right: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="sticky"></div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 50;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-right-3-ref.html b/layout/reftests/position-sticky/left-right-3-ref.html
new file mode 100644
index 0000000000..9648f4b284
--- /dev/null
+++ b/layout/reftests/position-sticky/left-right-3-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #sticky {
+        position: relative;
+        left: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/left-right-3.html b/layout/reftests/position-sticky/left-right-3.html
new file mode 100644
index 0000000000..e62978220b
--- /dev/null
+++ b/layout/reftests/position-sticky/left-right-3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left+right, at right</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="left-right-3-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Left+right sticky, scrolled to the right: should act as left-sticky">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        right: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="sticky"></div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 110;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/margin-1-ref.html b/layout/reftests/position-sticky/margin-1-ref.html
new file mode 100644
index 0000000000..f577b077a5
--- /dev/null
+++ b/layout/reftests/position-sticky/margin-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 20px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        top: 5px;
+        height: 10px;
+        margin-bottom: 5px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/margin-1.html b/layout/reftests/position-sticky/margin-1.html
new file mode 100644
index 0000000000..7a084d8048
--- /dev/null
+++ b/layout/reftests/position-sticky/margin-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - element margin</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="margin-1-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-top with margin-bottom on the sticky element: the element's margin box should stay within the containing block">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 300px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        margin-bottom: 5px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 300;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/nested-sticky-1-ref.html b/layout/reftests/position-sticky/nested-sticky-1-ref.html
new file mode 100644
index 0000000000..4c08d36cd4
--- /dev/null
+++ b/layout/reftests/position-sticky/nested-sticky-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+html, body {
+    margin: 0;
+}
+thead tr {
+    position: relative;
+    top: 50px;
+}
+th {
+    background-color: green;
+    height: 20px;
+}
+td {
+    background-color: blue;
+}
+</style>
+<body>
+<table cellspacing=0>
+    <thead>
+        <tr><th></th></tr>
+    </thead>
+    <tbody>
+        <tr><td style="height: 2000px; vertical-align: top">table cell</td></tr>
+    </tbody>
+</table>
+<script>
+  addEventListener('load', function() {
+    document.scrollingElement.scrollTop = 50;
+    document.documentElement.classList.remove('reftest-wait');
+  }, false);
+</script>
+</html>
diff --git a/layout/reftests/position-sticky/nested-sticky-1.html b/layout/reftests/position-sticky/nested-sticky-1.html
new file mode 100644
index 0000000000..6125f4263a
--- /dev/null
+++ b/layout/reftests/position-sticky/nested-sticky-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html reftest-async-scroll reftest-async-scroll-y="50">
+<style>
+html, body {
+    margin: 0;
+}
+thead tr {
+    position: sticky;
+    top: 0;
+}
+th {
+    position: sticky;
+    top: -2px;
+    background-color: green;
+    height: 20px;
+}
+td {
+    background-color: blue;
+}
+</style>
+<body>
+<table cellspacing=0>
+    <thead>
+        <tr><th></th></tr>
+    </thead>
+    <tbody>
+        <tr><td style="height: 2000px; vertical-align: top">table cell</td></tr>
+    </tbody>
+</table>
+</html>
diff --git a/layout/reftests/position-sticky/nested-sticky-2-ref.html b/layout/reftests/position-sticky/nested-sticky-2-ref.html
new file mode 100644
index 0000000000..c49d088960
--- /dev/null
+++ b/layout/reftests/position-sticky/nested-sticky-2-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+html, body {
+    margin: 0;
+}
+thead tr {
+    position: relative;
+    top: 50px;
+}
+th {
+    background-color: green;
+    height: 20px;
+}
+th:first-child {
+    position: relative;
+    top: 10px;
+}
+td {
+    background-color: blue;
+}
+</style>
+<body>
+<table cellspacing=0>
+    <thead>
+        <tr><th></th><th></th></tr>
+    </thead>
+    <tbody>
+        <tr><td style="height: 2000px; vertical-align: top">table cell</td><td>sibling</td></tr>
+    </tbody>
+</table>
+<script>
+  addEventListener('load', function() {
+    document.scrollingElement.scrollTop = 50;
+    document.documentElement.classList.remove('reftest-wait');
+  }, false);
+</script>
+</html>
diff --git a/layout/reftests/position-sticky/nested-sticky-2.html b/layout/reftests/position-sticky/nested-sticky-2.html
new file mode 100644
index 0000000000..b37885d7ad
--- /dev/null
+++ b/layout/reftests/position-sticky/nested-sticky-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html reftest-async-scroll reftest-async-scroll-y="50">
+<style>
+html, body {
+    margin: 0;
+}
+thead tr {
+    position: sticky;
+    top: 0;
+}
+th {
+    background-color: green;
+    height: 20px;
+}
+th:first-child {
+    position: sticky;
+    top: 10px;
+}
+td {
+    background-color: blue;
+}
+</style>
+<body>
+<table cellspacing=0>
+    <thead>
+        <tr><th></th><th></th></tr>
+    </thead>
+    <tbody>
+        <tr><td style="height: 2000px; vertical-align: top">table cell</td><td>sibling</td></tr>
+    </tbody>
+</table>
+</html>
diff --git a/layout/reftests/position-sticky/overconstrained-1-ref.html b/layout/reftests/position-sticky/overconstrained-1-ref.html
new file mode 100644
index 0000000000..f458c239d9
--- /dev/null
+++ b/layout/reftests/position-sticky/overconstrained-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        height: 81px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 95px"></div>
+      <div id="sticky"></div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/overconstrained-1.html b/layout/reftests/position-sticky/overconstrained-1.html
new file mode 100644
index 0000000000..95d46b2412
--- /dev/null
+++ b/layout/reftests/position-sticky/overconstrained-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top+bottom, overconstrained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="overconstrained-1-ref.html">
+    <meta name="assert" content="Top+bottom-sticky with a tall element: should not act as bottom-sticky">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        bottom: 10px;
+        height: 81px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 95px"></div>
+      <div id="sticky"></div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/overconstrained-2-ref.html b/layout/reftests/position-sticky/overconstrained-2-ref.html
new file mode 100644
index 0000000000..8593fa3f5a
--- /dev/null
+++ b/layout/reftests/position-sticky/overconstrained-2-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 99px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        width: 81px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="sticky"></div
+      ><div class="fill"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/overconstrained-2.html b/layout/reftests/position-sticky/overconstrained-2.html
new file mode 100644
index 0000000000..f399c912e9
--- /dev/null
+++ b/layout/reftests/position-sticky/overconstrained-2.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left+right, overconstrained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="overconstrained-2-ref.html">
+    <meta name="assert" content="Left+right-sticky with a wide element in an LTR container: should not act as right-sticky">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 99px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        right: 10px;
+        width: 81px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="sticky"></div
+      ><div class="fill"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/overconstrained-3-ref.html b/layout/reftests/position-sticky/overconstrained-3-ref.html
new file mode 100644
index 0000000000..387c28eda8
--- /dev/null
+++ b/layout/reftests/position-sticky/overconstrained-3-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      #sticky {
+        width: 1px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/overconstrained-3.html b/layout/reftests/position-sticky/overconstrained-3.html
new file mode 100644
index 0000000000..852d356835
--- /dev/null
+++ b/layout/reftests/position-sticky/overconstrained-3.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - left+right, overconstrained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="overconstrained-3-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Left+right-sticky with a wide element in an RTL container: should not act as left-sticky">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+        direction: rtl;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 99px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        left: 10px;
+        right: 10px;
+        width: 81px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="sticky"></div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 179;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/overcontain-1-ref.html b/layout/reftests/position-sticky/overcontain-1-ref.html
new file mode 100644
index 0000000000..fd9c2fc551
--- /dev/null
+++ b/layout/reftests/position-sticky/overcontain-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      body {
+        margin: 0;
+      }
+      #sticky {
+        height: 10px;
+        margin-bottom: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="sticky"></div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/overcontain-1.html b/layout/reftests/position-sticky/overcontain-1.html
new file mode 100644
index 0000000000..25f31dc593
--- /dev/null
+++ b/layout/reftests/position-sticky/overcontain-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - containment and normal position</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="overcontain-1-ref.html">
+    <meta name="assert" content="Keeping the element's margin box within the containing block's content box should never move the element back past its normal position">
+    <style>
+      body {
+        margin: 0;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        margin-bottom: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="sticky"></div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/padding-1-ref.html b/layout/reftests/position-sticky/padding-1-ref.html
new file mode 100644
index 0000000000..e23b7c9d39
--- /dev/null
+++ b/layout/reftests/position-sticky/padding-1-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      body {
+        overflow: scroll;
+      }
+      #scroll {
+        width: 130px;
+        height: 80px;
+        overflow: scroll;
+        border: 10px solid black;
+        padding: 10px;
+      }
+      #inner {
+        position: relative;
+        width: 100%;
+        height: 100%;
+      }
+      #sticky {
+        position: absolute;
+        width: 10px;
+        height: 10px;
+        top: 50%;
+        left: 50%;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="inner">
+        <div id="sticky">
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/padding-1.html b/layout/reftests/position-sticky/padding-1.html
new file mode 100644
index 0000000000..1a154a2e53
--- /dev/null
+++ b/layout/reftests/position-sticky/padding-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - percentage offsets</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="padding-1-ref.html">
+    <meta name="assert" content="Percentage offsets should be resolved against the content box of the scrolling container">
+    <style>
+      body {
+        /* Make sure it works on the first pass of reflow */
+        overflow: scroll;
+      }
+      #scroll {
+        width: 130px;
+        height: 80px;
+        overflow: scroll;
+        border: 10px solid black;
+        padding: 10px;
+      }
+      #sticky {
+        position: sticky;
+        top: 50%;
+        left: 50%;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/padding-2-ref.html b/layout/reftests/position-sticky/padding-2-ref.html
new file mode 100644
index 0000000000..643c507307
--- /dev/null
+++ b/layout/reftests/position-sticky/padding-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 80px;
+        height: 80px;
+        overflow: hidden;
+        border: 10px solid black;
+        padding: 10px;
+      }
+      #sticky {
+        position: relative;
+        width: 10px;
+        height: 10px;
+        top: 20px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky">
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/padding-2.html b/layout/reftests/position-sticky/padding-2.html
new file mode 100644
index 0000000000..03080bf101
--- /dev/null
+++ b/layout/reftests/position-sticky/padding-2.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - offsets reference</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="padding-2-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Offsets should position the element with respect to the content box of the scrolling container">
+    <style>
+      #scroll {
+        width: 80px;
+        height: 80px;
+        overflow: hidden;
+        border: 10px solid black;
+        padding: 10px;
+      }
+      #sticky {
+        position: sticky;
+        width: 10px;
+        height: 10px;
+        top: 20px;
+        background-color: black;
+      }
+      .fill {
+        width: 1000px;
+        height: 1000px;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div>
+      <div id="sticky"></div>
+      <div class="fill"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById('scroll').scrollTop = 1100;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/padding-3-ref.html b/layout/reftests/position-sticky/padding-3-ref.html
new file mode 100644
index 0000000000..54b81e9b53
--- /dev/null
+++ b/layout/reftests/position-sticky/padding-3-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      body {
+        font-size: 0px;
+      }
+      #scroll {
+        width: 80px;
+        height: 80px;
+        overflow: scroll;
+        border: 10px solid black;
+        padding: 10px;
+      }
+      #inner {
+        position: relative;
+        width: 100%;
+        height: 100%;
+      }
+      #sticky {
+        position: absolute;
+        width: 10px;
+        height: 10px;
+        bottom: 20px;
+        right: 20px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="inner">
+        <div style="width: 100px; height: 110px"></div>
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/padding-3.html b/layout/reftests/position-sticky/padding-3.html
new file mode 100644
index 0000000000..fc84983d69
--- /dev/null
+++ b/layout/reftests/position-sticky/padding-3.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - offsets reference, bottom/right</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="padding-3-ref.html">
+    <meta name="assert" content="Bottom/right offsets should position the element with respect to the content box of the scrolling container">
+    <style>
+      body {
+        font-size: 0px;
+      }
+      #scroll {
+        width: 80px;
+        height: 80px;
+        overflow: scroll;
+        border: 10px solid black;
+        padding: 10px;
+        white-space: nowrap;
+      }
+      #sticky {
+        position: sticky;
+        bottom: 20px;
+        right: 20px;
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div style="height: 90px; width: 100px"></div>
+      <div style="display: inline-block; width: 90px; height: 10px"></div
+      ><div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/reftest.list b/layout/reftests/position-sticky/reftest.list
new file mode 100644
index 0000000000..cd47d90a45
--- /dev/null
+++ b/layout/reftests/position-sticky/reftest.list
@@ -0,0 +1,55 @@
+== top-1.html top-1-ref.html
+fuzzy-if(Android,0-6,0-1568) == top-2.html top-2-ref.html
+fuzzy-if(Android,0-6,0-2729) == top-3.html top-3-ref.html
+== top-4.html top-4-ref.html
+== top-5.html top-5-ref.html
+fuzzy-if(Android,0-2,0-1568) == top-6.html top-6-ref.html
+== bottom-1.html bottom-1-ref.html
+== bottom-2a.html bottom-2-ref.html
+== bottom-2b.html bottom-2-ref.html
+== bottom-2c.html bottom-2-ref.html
+== bottom-3.html bottom-3-ref.html
+== bottom-4.html bottom-4-ref.html
+fuzzy-if(Android,0-2,0-4) == left-1.html left-1-ref.html
+fuzzy-if(Android,0-2,0-4) == left-2.html left-2-ref.html
+== left-3.html left-3-ref.html
+== right-1.html right-1-ref.html
+fuzzy-if(Android,0-2,0-4) == right-2.html right-2-ref.html
+fuzzy-if(Android,0-2,0-4) == right-3.html right-3-ref.html
+== margin-1.html margin-1-ref.html
+== padding-1.html padding-1-ref.html
+== padding-2.html padding-2-ref.html
+== padding-3.html padding-3-ref.html
+== overcontain-1.html overcontain-1-ref.html
+== initial-1.html initial-1-ref.html
+== initial-scroll-1.html initial-scroll-1-ref.html
+== scrollframe-reflow-1.html scrollframe-reflow-1-ref.html
+== scrollframe-reflow-2.html scrollframe-reflow-2-ref.html
+== scrollframe-auto-1.html scrollframe-auto-1-ref.html
+fuzzy-if(Android,0-2,0-3) == stacking-context-1.html stacking-context-1-ref.html
+== top-bottom-1.html top-bottom-1-ref.html
+== top-bottom-2.html top-bottom-2-ref.html
+== top-bottom-3.html top-bottom-3-ref.html
+== left-right-1.html left-right-1-ref.html
+== left-right-2.html left-right-2-ref.html
+== left-right-3.html left-right-3-ref.html
+fuzzy-if(Android,0-4,0-810) == containing-block-1.html containing-block-1-ref.html
+== overconstrained-1.html overconstrained-1-ref.html
+== overconstrained-2.html overconstrained-2-ref.html
+== overconstrained-3.html overconstrained-3-ref.html
+== inline-1.html inline-1-ref.html
+== inline-2.html inline-2-ref.html
+fuzzy-if(OSX,0-99,0-210) == inline-3.html inline-3-ref.html
+skip-if(!asyncPan) fuzzy-if(swgl&&!Android,0-1,0-3) fails-if(useDrawSnapshot) == inline-4.html inline-4-ref.html
+== column-contain-1a.html column-contain-1-ref.html
+== column-contain-1b.html column-contain-1-ref.html
+== column-contain-2.html column-contain-2-ref.html
+== block-in-inline-1.html block-in-inline-1-ref.html
+fuzzy(0-1,0-22) fuzzy-if(winWidget&&!layersGPUAccelerated,0-116,0-1320) fuzzy-if(Android,0-8,0-1533) == block-in-inline-2.html block-in-inline-2-ref.html
+fuzzy(0-1,0-220) fuzzy-if(winWidget&&!layersGPUAccelerated,0-116,0-1320) == block-in-inline-3.html block-in-inline-3-ref.html
+== block-in-inline-continuations.html block-in-inline-continuations-ref.html
+== iframe-1.html iframe-1-ref.html
+== transformed-1.html transformed-1-ref.html
+fuzzy-if(Android,0-8,0-9) fuzzy-if(gtkWidget,10-17,12-32) fuzzy-if(cocoaWidget,7-8,18-42) skip-if(!asyncPan) fails-if(useDrawSnapshot) == transformed-2.html transformed-2-ref.html # Bug 1604644
+skip-if(!asyncPan) fuzzy-if(Android,0-14,0-11) fuzzy-if(gtkWidget,19-30,12-32) fuzzy-if(cocoaWidget,13-16,20-44) fails-if(useDrawSnapshot) == nested-sticky-1.html nested-sticky-1-ref.html # Bug 1604644
+skip-if(!asyncPan) fuzzy-if(Android,0-14,0-11) fuzzy-if(gtkWidget,19-30,12-32) fuzzy-if(cocoaWidget,13-16,20-44) fails-if(useDrawSnapshot) == nested-sticky-2.html nested-sticky-2-ref.html # Bug 1604644
diff --git a/layout/reftests/position-sticky/right-1-ref.html b/layout/reftests/position-sticky/right-1-ref.html
new file mode 100644
index 0000000000..dc2457e871
--- /dev/null
+++ b/layout/reftests/position-sticky/right-1-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 5px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        width: 5px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill" style="width: 95px"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/right-1.html b/layout/reftests/position-sticky/right-1.html
new file mode 100644
index 0000000000..8e0d96a48f
--- /dev/null
+++ b/layout/reftests/position-sticky/right-1.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - right, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="right-1-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-right scrolled to the left: should stick to the right edge of the scrolling container">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+        /* This puts the sticky element's "normal position" at
+           the right side of the containing block. */
+        direction: rtl;
+      }
+      #sticky {
+        position: sticky;
+        right: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 5;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/right-2-ref.html b/layout/reftests/position-sticky/right-2-ref.html
new file mode 100644
index 0000000000..6b3549293c
--- /dev/null
+++ b/layout/reftests/position-sticky/right-2-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 100px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        left: 80px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/right-2.html b/layout/reftests/position-sticky/right-2.html
new file mode 100644
index 0000000000..a8d7a14fd6
--- /dev/null
+++ b/layout/reftests/position-sticky/right-2.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - right, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="right-2-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-right scrolled to the middle: should stick to the right edge of the scrolling container">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+        /* This puts the sticky element's "normal position" at
+           the right side of the containing block. */
+        direction: rtl;
+      }
+      #sticky {
+        position: sticky;
+        right: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 200;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/right-3-ref.html b/layout/reftests/position-sticky/right-3-ref.html
new file mode 100644
index 0000000000..a2462b40f2
--- /dev/null
+++ b/layout/reftests/position-sticky/right-3-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 80px;
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        left: 70px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/right-3.html b/layout/reftests/position-sticky/right-3.html
new file mode 100644
index 0000000000..25b6431425
--- /dev/null
+++ b/layout/reftests/position-sticky/right-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - right, contained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="right-3-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-right with too much scrolling: should stay within the containing block">
+    <style>
+      #scroll {
+        width: 100px;
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+        white-space: nowrap;
+      }
+      #scroll div {
+        display: inline-block;
+      }
+      .fill {
+        width: 100px;
+        height: 1px;
+      }
+      #contain {
+        width: 200px;
+        height: 10px;
+        background-color: gray;
+        /* This puts the sticky element's "normal position" at
+           the right side of the containing block. */
+        direction: rtl;
+      }
+      #sticky {
+        position: sticky;
+        right: 10px;
+        width: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div
+      ><div id="contain">
+        <div id="sticky"></div>
+      </div
+      ><div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").scrollLeft = 220;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/scrollframe-auto-1-ref.html b/layout/reftests/position-sticky/scrollframe-auto-1-ref.html
new file mode 100644
index 0000000000..f35afdf7fe
--- /dev/null
+++ b/layout/reftests/position-sticky/scrollframe-auto-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Percentage sticky offsets should be computed correctly when
+   - the scroll container is auto-sized -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      body {
+        overflow: scroll;
+      }
+      #scroll {
+        height: auto;
+        overflow: hidden;
+        border: 1px solid black;
+      }
+      #sticky {
+        position: relative;
+        height: 10px;
+        top: 105px;
+        background-color: black;
+      }
+      .fill {
+        height: 200px;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+      <div class="fill"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/scrollframe-auto-1.html b/layout/reftests/position-sticky/scrollframe-auto-1.html
new file mode 100644
index 0000000000..4132154ceb
--- /dev/null
+++ b/layout/reftests/position-sticky/scrollframe-auto-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- Percentage sticky offsets should be computed correctly when
+   - the scroll container is auto-sized -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="scrollframe-auto-1-ref.html">
+    <style>
+      body {
+        /* even on initial reflow */
+        overflow: scroll;
+      }
+      #scroll {
+        height: auto;
+        overflow: hidden;
+        border: 1px solid black;
+      }
+      #sticky {
+        position: sticky;
+        height: 10px;
+        top: 50%;
+        background-color: black;
+      }
+      .fill {
+        height: 200px;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+      <div class="fill"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/scrollframe-reflow-1-ref.html b/layout/reftests/position-sticky/scrollframe-reflow-1-ref.html
new file mode 100644
index 0000000000..b3fa4f230d
--- /dev/null
+++ b/layout/reftests/position-sticky/scrollframe-reflow-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 120px;
+        overflow: hidden;
+        border: 1px solid black;
+      }
+      #sticky {
+        position: relative;
+        top: 100px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/scrollframe-reflow-1.html b/layout/reftests/position-sticky/scrollframe-reflow-1.html
new file mode 100644
index 0000000000..3feb1eca44
--- /dev/null
+++ b/layout/reftests/position-sticky/scrollframe-reflow-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- When the scroll container is resized (without reflowing its contents),
+   - sticky elements inside it should be repositioned -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="scrollframe-reflow-1-ref.html">
+    <meta name="flags" content="dom">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+      }
+      #sticky {
+        position: sticky;
+        height: 10px;
+        bottom: 10px;
+        background-color: black;
+      }
+      .fill {
+        height: 1000px;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div class="fill"></div>
+      <div id="sticky"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").style.height = "120px";
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/scrollframe-reflow-2-ref.html b/layout/reftests/position-sticky/scrollframe-reflow-2-ref.html
new file mode 100644
index 0000000000..e5b029687c
--- /dev/null
+++ b/layout/reftests/position-sticky/scrollframe-reflow-2-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 120px;
+        overflow: hidden;
+        border: 1px solid black;
+      }
+      #sticky {
+        position: relative;
+        top: 60px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/scrollframe-reflow-2.html b/layout/reftests/position-sticky/scrollframe-reflow-2.html
new file mode 100644
index 0000000000..b48fe00379
--- /dev/null
+++ b/layout/reftests/position-sticky/scrollframe-reflow-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!-- When the scroll container is resized (without reflowing its contents),
+   - offsets for sticky elements inside it should be recomputed -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="scrollframe-reflow-2-ref.html">
+    <meta name="flags" content="dom">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        border: 1px solid black;
+      }
+      #sticky {
+        position: sticky;
+        height: 10px;
+        top: 50%;
+        background-color: black;
+      }
+      .fill {
+        height: 1000px;
+      }
+    </style>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+      <div class="fill"></div>
+    </div>
+    <script type="text/javascript">
+      document.getElementById("scroll").style.height = "120px";
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/stacking-context-1-ref.html b/layout/reftests/position-sticky/stacking-context-1-ref.html
new file mode 100644
index 0000000000..7d7db098fe
--- /dev/null
+++ b/layout/reftests/position-sticky/stacking-context-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      body {
+        margin: 0;
+      }
+      div {
+        width: 100px;
+        height: 100px;
+      }
+      #static {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        background-color: blue;
+        z-index: 3;
+      }
+      #sticky {
+        background-color: black;
+      }
+      #inner {
+        position: relative;
+        top: 40px;
+        left: 40px;
+        background-color: gray;
+        z-index: 2;
+      }
+    </style>
+  <body>
+    <div id="static"></div>
+    <div id="sticky">
+      <div id="inner"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/stacking-context-1.html b/layout/reftests/position-sticky/stacking-context-1.html
new file mode 100644
index 0000000000..103f32a124
--- /dev/null
+++ b/layout/reftests/position-sticky/stacking-context-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - stacking context</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="stacking-context-1-ref.html">
+    <meta name="assert" content="Sticky positioning should establish a stacking context">
+    <style>
+      body {
+        margin: 0;
+      }
+      div {
+        width: 100px;
+        height: 100px;
+      }
+      #static {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        background-color: blue;
+        z-index: 1;
+      }
+      #sticky {
+        position: sticky;
+        top: 0;
+        left: 0;
+        background-color: black;
+      }
+      #inner {
+        position: relative;
+        top: 40px;
+        left: 40px;
+        background-color: gray;
+        z-index: 2;
+      }
+    </style>
+  <body>
+    <div id="static"></div>
+    <div id="sticky">
+      <div id="inner"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-1-ref.html b/layout/reftests/position-sticky/top-1-ref.html
new file mode 100644
index 0000000000..edb94fdbe8
--- /dev/null
+++ b/layout/reftests/position-sticky/top-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 80px;
+        background-color: gray;
+      }
+      #sticky {
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-1.html b/layout/reftests/position-sticky/top-1.html
new file mode 100644
index 0000000000..a7bdb58e36
--- /dev/null
+++ b/layout/reftests/position-sticky/top-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top, normal position</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-1-ref.html">
+    <meta name="assert" content="Sticky-top with no scrolling: should be in its normal position">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 300px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-2-ref.html b/layout/reftests/position-sticky/top-2-ref.html
new file mode 100644
index 0000000000..93788f3fe2
--- /dev/null
+++ b/layout/reftests/position-sticky/top-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 90px;
+        background-color: gray;
+      }
+      #sticky {
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 10px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-2.html b/layout/reftests/position-sticky/top-2.html
new file mode 100644
index 0000000000..d3d14f4ed9
--- /dev/null
+++ b/layout/reftests/position-sticky/top-2.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top, normal position</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-2-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-top with not enough scrolling: should be in its normal position">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 300px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 10;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-3-ref.html b/layout/reftests/position-sticky/top-3-ref.html
new file mode 100644
index 0000000000..8e72c08039
--- /dev/null
+++ b/layout/reftests/position-sticky/top-3-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 100px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+        z-index: 1;
+      }
+      #static {
+        position: relative;
+        bottom: 1px;
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-3.html b/layout/reftests/position-sticky/top-3.html
new file mode 100644
index 0000000000..a44baae2e6
--- /dev/null
+++ b/layout/reftests/position-sticky/top-3.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-3-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-top with scrolling: should move to partially cover static positioned sibling">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 300px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 21;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-4-ref.html b/layout/reftests/position-sticky/top-4-ref.html
new file mode 100644
index 0000000000..8eaed81980
--- /dev/null
+++ b/layout/reftests/position-sticky/top-4-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 20px;
+        background-color: gray;
+      }
+      #sticky {
+        position: relative;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-4.html b/layout/reftests/position-sticky/top-4.html
new file mode 100644
index 0000000000..71f7ff01c1
--- /dev/null
+++ b/layout/reftests/position-sticky/top-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top, stuck</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-4-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-top with more scrolling: should continue to stick to the top of the scroll container">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 300px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 300;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-5-ref.html b/layout/reftests/position-sticky/top-5-ref.html
new file mode 100644
index 0000000000..70d821344e
--- /dev/null
+++ b/layout/reftests/position-sticky/top-5-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 10px;
+        background-color: gray;
+      }
+      #sticky {
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-5.html b/layout/reftests/position-sticky/top-5.html
new file mode 100644
index 0000000000..2795806956
--- /dev/null
+++ b/layout/reftests/position-sticky/top-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top, contained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-5-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-top with too much scrolling: should stay within the containing block">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 300px;
+        background-color: gray;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 310;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-6-ref.html b/layout/reftests/position-sticky/top-6-ref.html
new file mode 100644
index 0000000000..9e96ee8bec
--- /dev/null
+++ b/layout/reftests/position-sticky/top-6-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #contain {
+        height: 5px;
+        background-color: gray;
+        padding: 0 0 10px;
+        border-width: 0 0 10px;
+        border-style: solid;
+        border-color: #333;
+      }
+      #sticky {
+        height: 5px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="contain">
+        <div id="sticky"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-6.html b/layout/reftests/position-sticky/top-6.html
new file mode 100644
index 0000000000..1e2909561e
--- /dev/null
+++ b/layout/reftests/position-sticky/top-6.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top, contained</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-6-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Sticky-top with too much scrolling: should stay within the containing block">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #contain {
+        height: 300px;
+        background-color: gray;
+        padding: 10px 0;
+        border-width: 10px 0;
+        border-style: solid;
+        border-color: #333;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+      #static {
+        height: 10px;
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+      <div id="contain">
+        <div id="sticky"></div>
+        <div id="static"></div>
+      </div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 335;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-bottom-1-ref.html b/layout/reftests/position-sticky/top-bottom-1-ref.html
new file mode 100644
index 0000000000..3d1d6a35b5
--- /dev/null
+++ b/layout/reftests/position-sticky/top-bottom-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: relative;
+        bottom: 20px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 100px"></div>
+      <div id="sticky"></div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-bottom-1.html b/layout/reftests/position-sticky/top-bottom-1.html
new file mode 100644
index 0000000000..b73d40e825
--- /dev/null
+++ b/layout/reftests/position-sticky/top-bottom-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top+bottom, at top</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-bottom-1-ref.html">
+    <meta name="assert" content="Top+bottom sticky, scrolled to the top: should act as bottom-sticky">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 100px"></div>
+      <div id="sticky"></div>
+      <div style="height: 100px"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-bottom-2-ref.html b/layout/reftests/position-sticky/top-bottom-2-ref.html
new file mode 100644
index 0000000000..3e440bc8fe
--- /dev/null
+++ b/layout/reftests/position-sticky/top-bottom-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+      }
+      #sticky {
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 50px"></div>
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-bottom-2.html b/layout/reftests/position-sticky/top-bottom-2.html
new file mode 100644
index 0000000000..31443f5dff
--- /dev/null
+++ b/layout/reftests/position-sticky/top-bottom-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top+bottom, at middle</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-bottom-2-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Top+bottom sticky, scrolled to the middle: should stay in its normal position">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 100px"></div>
+      <div id="sticky"></div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 50;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-bottom-3-ref.html b/layout/reftests/position-sticky/top-bottom-3-ref.html
new file mode 100644
index 0000000000..d1a8e2429c
--- /dev/null
+++ b/layout/reftests/position-sticky/top-bottom-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: relative;
+        top: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="sticky"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/top-bottom-3.html b/layout/reftests/position-sticky/top-bottom-3.html
new file mode 100644
index 0000000000..b42f08919b
--- /dev/null
+++ b/layout/reftests/position-sticky/top-bottom-3.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - top+bottom, at bottom</title>
+    <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
+    <link rel="match" href="top-bottom-3-ref.html">
+    <meta name="flags" content="dom">
+    <meta name="assert" content="Top+bottom sticky, scrolled to the bottom: should act as top-sticky">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+      }
+      #sticky {
+        position: sticky;
+        top: 10px;
+        bottom: 10px;
+        height: 10px;
+        background-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 100px"></div>
+      <div id="sticky"></div>
+      <div style="height: 100px"></div>
+    </div>
+    <script type="application/javascript">
+      document.getElementById("scroll").scrollTop = 110;
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/position-sticky/transformed-1-ref.html b/layout/reftests/position-sticky/transformed-1-ref.html
new file mode 100644
index 0000000000..0d08d67aec
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="margin: 0">
+  <body style="margin: 0">
+    <div style="height: 70px; background-color: blue"></div>
+    <div style="height: 2000px;">
+        <div style="margin-top: 50px; width: 100px; height: 100px; background-color: green"></div>
+    </div>
+</html>
diff --git a/layout/reftests/position-sticky/transformed-1.html b/layout/reftests/position-sticky/transformed-1.html
new file mode 100644
index 0000000000..98f82b1150
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="margin: 0">
+  <body style="margin: 0">
+    <div style="height: 70px; background-color: blue"></div>
+    <div style="height: 2000px; transform: translateY(50px)">
+        <div style="position:sticky; top: 70px; width: 100px; height: 100px; background-color: green"></div>
+    </div>
+</html>
diff --git a/layout/reftests/position-sticky/transformed-2-ref.html b/layout/reftests/position-sticky/transformed-2-ref.html
new file mode 100644
index 0000000000..bf2dc6704c
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html style="margin: 0" class="reftest-wait">
+  <body style="margin: 0">
+    <div style="height: 70px; background-color: blue"></div>
+    <div style="height: 1950px;">
+        <div style="margin-top: 100px; width: 100px; height: 100px; background-color: green"></div>
+    </div>
+  <script>
+    addEventListener('load', function() {
+      document.scrollingElement.scrollTop = 50;
+      document.documentElement.classList.remove('reftest-wait');
+    }, false);
+  </script>
+</html>
diff --git a/layout/reftests/position-sticky/transformed-2.html b/layout/reftests/position-sticky/transformed-2.html
new file mode 100644
index 0000000000..8d549fcfde
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="margin: 0" reftest-async-scroll reftest-async-scroll-y="50">
+  <body style="margin: 0">
+    <div style="height: 70px; background-color: blue"></div>
+    <div style="height: 2000px; transform: translateY(50px)">
+        <div style="position:sticky; top: 70px; width: 100px; height: 100px; background-color: green"></div>
+    </div>
+</html>
diff --git a/layout/reftests/printing/print.css b/layout/reftests/printing/print.css
new file mode 100644
index 0000000000..62f475ea2b
--- /dev/null
+++ b/layout/reftests/printing/print.css
@@ -0,0 +1,7 @@
+@page {
+    margin: 0;
+}
+
+p {
+    page-break-after: always;
+}
diff --git a/layout/reftests/printing/reftest.list b/layout/reftests/printing/reftest.list
new file mode 100644
index 0000000000..eb571f067a
--- /dev/null
+++ b/layout/reftests/printing/reftest.list
@@ -0,0 +1,21 @@
+# Note: The 'print' tests below that are annotated as 'fails' are really just
+# testing the integrity of the reftest harness. Their testcases & reference
+# case are known to differ, and we're testing that the harness correctly
+# detects them as differing & correctly handles the 'fails' annotation.
+# Some of these tests are used as their own reference to confirm basic
+# text and page number matching works as expected.
+print test-text.html test-text.html
+fails print test-text.html test-text-noref.html
+print test-number-of-pages.html test-number-of-pages.html
+fails print test-number-of-pages.html test-number-of-pages-noref.html
+print test-print-selection.html test-text-ref.html
+print test-print-selection-shadow-dom.html test-text-ref.html
+print test-print-selection-iframe.html test-text-ref.html
+print test-print-range.html test-print-range-ref.html
+print test-print-range-complex.html test-print-range-complex-ref.html
+fails print test-print-single-page.html test-print-single-page-noref.html
+print test-async-print.html test-text-ref.html
+fails print test-unexpected-text.html test-unexpected-text-noref.html
+fails print test-missing-text.html test-missing-text-noref.html
+test-pref(print.print_in_color,false) fails print test-color-text-01.html test-color-text-01.html
+print testcase-1696844.html testcase-1696844.html
diff --git a/layout/reftests/printing/test-async-print.html b/layout/reftests/printing/test-async-print.html
new file mode 100644
index 0000000000..b2ddec6449
--- /dev/null
+++ b/layout/reftests/printing/test-async-print.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+        document.getElementById("page1").innerText = 'This text should appear on page 1';
+        document.documentElement.className = "";
+    });
+  </script>
+</head>
+<body>
+  <p id="page1"></p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-color-text-01.html b/layout/reftests/printing/test-color-text-01.html
new file mode 100644
index 0000000000..bb51f10fab
--- /dev/null
+++ b/layout/reftests/printing/test-color-text-01.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<style>
+@media (monochrome) {
+  p { display: none }
+}
+</style>
+<p style="color: red">
+  Red
+</p>
diff --git a/layout/reftests/printing/test-missing-text-noref.html b/layout/reftests/printing/test-missing-text-noref.html
new file mode 100644
index 0000000000..364ac7fabe
--- /dev/null
+++ b/layout/reftests/printing/test-missing-text-noref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>
+    <span>This text appears in both the testcase and non-reference case.</span>
+    <b>But this text ONLY appears in the non-reference.</b>
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-missing-text.html b/layout/reftests/printing/test-missing-text.html
new file mode 100644
index 0000000000..ba2ecf9c55
--- /dev/null
+++ b/layout/reftests/printing/test-missing-text.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>
+    <span>This text appears in both the testcase and non-reference case.</span>
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-number-of-pages-noref.html b/layout/reftests/printing/test-number-of-pages-noref.html
new file mode 100644
index 0000000000..b6aee19ccc
--- /dev/null
+++ b/layout/reftests/printing/test-number-of-pages-noref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should appear on page 1</p>
+  <p>This text should appear on page 2</p>
+  <p>This text should appear on page 3</p>
+  <p>There shouldn't be another page</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-number-of-pages.html b/layout/reftests/printing/test-number-of-pages.html
new file mode 100644
index 0000000000..27daa5988e
--- /dev/null
+++ b/layout/reftests/printing/test-number-of-pages.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should appear on page 1</p>
+  <p>This text should appear on page 2</p>
+  <p>This text should appear on page 3</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-range-complex-ref.html b/layout/reftests/printing/test-print-range-complex-ref.html
new file mode 100644
index 0000000000..27daa5988e
--- /dev/null
+++ b/layout/reftests/printing/test-print-range-complex-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should appear on page 1</p>
+  <p>This text should appear on page 2</p>
+  <p>This text should appear on page 3</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-range-complex.html b/layout/reftests/printing/test-print-range-complex.html
new file mode 100644
index 0000000000..6d829e6670
--- /dev/null
+++ b/layout/reftests/printing/test-print-range-complex.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html reftest-print-range="2-2,4-5">
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should not be here</p>
+  <p>This text should appear on page 1</p>
+  <p>This text should not be here</p>
+  <p>This text should appear on page 2</p>
+  <p>This text should appear on page 3</p>
+  <p>This text should not be here</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-range-ref.html b/layout/reftests/printing/test-print-range-ref.html
new file mode 100644
index 0000000000..fb0df54721
--- /dev/null
+++ b/layout/reftests/printing/test-print-range-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should appear on page 1</p>
+  <p>This text should appear on page 2</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-range.html b/layout/reftests/printing/test-print-range.html
new file mode 100644
index 0000000000..7736db6da4
--- /dev/null
+++ b/layout/reftests/printing/test-print-range.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html reftest-print-range="2-3">
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should not be here</p>
+  <p>This text should appear on page 1</p>
+  <p>This text should appear on page 2</p>
+  <p>This text should not be here</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-selection-iframe.html b/layout/reftests/printing/test-print-selection-iframe.html
new file mode 100644
index 0000000000..b3d39c2c52
--- /dev/null
+++ b/layout/reftests/printing/test-print-selection-iframe.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html reftest-print-range="selection">
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+  <script>
+    function selectNodeById(id) {
+      var node = document.getElementById(id);
+      var rng = document.createRange();
+      rng.selectNode(node);
+      window.getSelection().addRange(rng);
+    }
+  </script>
+</head>
+<body onload="selectNodeById('selection')">
+  <p>This text should not be there</p>
+  <p id="selection">This text should appear on page 1</p>
+  <iframe src="data:text/html,"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-selection-shadow-dom.html b/layout/reftests/printing/test-print-selection-shadow-dom.html
new file mode 100644
index 0000000000..c268131994
--- /dev/null
+++ b/layout/reftests/printing/test-print-selection-shadow-dom.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html reftest-print-range="selection">
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+  <script>
+    function selectNodesInShadowTree() {
+      let host = document.getElementById("host");
+      host.attachShadow({ mode: "open" }).innerHTML = `
+        <p>This text should not be there</p>
+        <p id="selection">This text should appear on page 1</p>
+        <p>This text should not be there</p>
+      `;
+      let rng = document.createRange();
+      rng.selectNode(host.shadowRoot.getElementById("selection"));
+      window.getSelection().addRange(rng);
+    }
+  </script>
+</head>
+<body onload="selectNodesInShadowTree()">
+  <p>This text should not be there</p>
+  <div id="host">Shouldn't show up (in the shadows)</div>
+  <p>This text should not be there</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-selection.html b/layout/reftests/printing/test-print-selection.html
new file mode 100644
index 0000000000..ee1b02d3e5
--- /dev/null
+++ b/layout/reftests/printing/test-print-selection.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html reftest-print-range="selection">
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+  <script>
+    function selectNodeById(id) {
+      var node = document.getElementById(id);
+      var rng = document.createRange();
+      rng.selectNode(node);
+      window.getSelection().addRange(rng);
+    }
+  </script>
+</head>
+<body onload="selectNodeById('selection')">
+  <p>This text should not be there</p>
+  <p id="selection">This text should appear on page 1</p>
+  <p>This text should not be there</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-single-page-noref.html b/layout/reftests/printing/test-print-single-page-noref.html
new file mode 100644
index 0000000000..81edd9511c
--- /dev/null
+++ b/layout/reftests/printing/test-print-single-page-noref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should appear on page 1</p>
+  <p>There shouldn't be another page</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-print-single-page.html b/layout/reftests/printing/test-print-single-page.html
new file mode 100644
index 0000000000..1eff0fbc27
--- /dev/null
+++ b/layout/reftests/printing/test-print-single-page.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html reftest-print-range="2-2">
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should not be here</p>
+  <p>This text should appear on page 1</p>
+  <p>This text should appear on page 2</p>
+  <p>This text should not be here</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-text-noref.html b/layout/reftests/printing/test-text-noref.html
new file mode 100644
index 0000000000..160310a5db
--- /dev/null
+++ b/layout/reftests/printing/test-text-noref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This is not the text you're looking for</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-text-ref.html b/layout/reftests/printing/test-text-ref.html
new file mode 100644
index 0000000000..bc93680640
--- /dev/null
+++ b/layout/reftests/printing/test-text-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should appear on page 1</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-text.html b/layout/reftests/printing/test-text.html
new file mode 100644
index 0000000000..bc93680640
--- /dev/null
+++ b/layout/reftests/printing/test-text.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>This text should appear on page 1</p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-unexpected-text-noref.html b/layout/reftests/printing/test-unexpected-text-noref.html
new file mode 100644
index 0000000000..ba2ecf9c55
--- /dev/null
+++ b/layout/reftests/printing/test-unexpected-text-noref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>
+    <span>This text appears in both the testcase and non-reference case.</span>
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/printing/test-unexpected-text.html b/layout/reftests/printing/test-unexpected-text.html
new file mode 100644
index 0000000000..8c705dd1bc
--- /dev/null
+++ b/layout/reftests/printing/test-unexpected-text.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="print.css" rel="stylesheet">
+</head>
+<body>
+  <p>
+    <span>This text appears in both the testcase and non-reference case.</span>
+    <b>But this text ONLY appears in the testcase.</b>
+  </p>
+</body>
+</html>
diff --git a/layout/reftests/printing/testcase-1696844.html b/layout/reftests/printing/testcase-1696844.html
new file mode 100644
index 0000000000..fbeaad4204
--- /dev/null
+++ b/layout/reftests/printing/testcase-1696844.html
@@ -0,0 +1,20 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=windows-1252">
+<link href="print.css" rel="stylesheet">
+<style>
+  .class3 {
+    mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABsUlEQVQ4ja2QP2sUURTFf+ctMy9bGEEUFC2CiSGgYCOxEQvLNBEbP4UWYhNb9QsIfgTFKoKSRGIrSlbbQQuLdP5hCVabuW9mci12XDaSTQq9zeO98+ee8+AfR38/lGU5B52bsLcIOhMCtTvf3Pno3rzsdrvbBxoURZHPzc3fA78FhAkL3Z1nMWZPJVUjg6Io8tnZC08krgANaFXyzSzLin6fOD2dZiAsSSy7e+5OL8bsjqQGADNbMUufyjJtlmU5P6mvmV0yq9aH3Or+qLNZ6pmlD2a2cNSnmdlFs7RllnqDweBcgM7ysLPWYoxfjjKIMRagVSCEkN0OElcBJH99mNDdz5rZ85b7tj0vB3c/DZBl2fbh0asVYL3lfh0aaCYA3nLqSeK6rpckTuR5/gJgZ2dn5Bsk/w6QUjo/Ifrxum7ugj+UVAN0u8cWWqwf3PV+eNGNceHu7u51s2ojpWpDYivG+PkPlmW6NqzAu+DevJI0ANK4gRQegJ8CcgiL+1Op786vpmnW1EYJkvbGSWVpbySdbPGfU1Nx6aCKYbhtvxig0wmP3L3v7j86nfD4IPF/md886tFVRS8IagAAAABJRU5ErkJggg==);
+  }
+</style>
+<script>
+  function x1() {
+      progress1.style.setProperty("mix-blend-mode", "color-burn");
+      ol1.textContent = String.fromCodePoint(10040);
+  }
+</script>
+</head><body>
+  Hold "enter" to prove you're not robot
+
+  <ol id="ol1" class="class3">&#10040;</ol>
+  <progress id="progress1" style="mix-blend-mode: color-burn;">
+    <audio onloadstart="x1();" src="testcase-1696844_files/x.html" indeterminate="false"></audio></progress></body></html>
diff --git a/layout/reftests/reftest-qr.list b/layout/reftests/reftest-qr.list
new file mode 100644
index 0000000000..4859fdbc39
--- /dev/null
+++ b/layout/reftests/reftest-qr.list
@@ -0,0 +1,26 @@
+# tests that are more likely to be affected by WebRender changes
+# as per bug 1621095 this is created to reduce load on android phones
+
+# gfx
+include ../../gfx/tests/reftest/reftest.list
+
+include async-scrolling/reftest.list
+
+# bugs/
+include bugs/reftest.list
+
+# css animations
+include css-animations/reftest.list
+
+# invalidation
+include invalidation/reftest.list
+
+# sticky positioning
+include position-sticky/reftest.list
+
+# svg/
+include svg/reftest.list
+
+# 3d transforms
+include transform-3d/reftest.list
+
diff --git a/layout/reftests/reftest-sanity/647192-1-ref.html b/layout/reftests/reftest-sanity/647192-1-ref.html
new file mode 100644
index 0000000000..d1a673c62d
--- /dev/null
+++ b/layout/reftests/reftest-sanity/647192-1-ref.html
@@ -0,0 +1,12 @@
+<html><head>
+<style>
+div {
+  outline: 1px solid black;
+}
+</style>
+
+</head><body>
+You should see no red, only green<br>
+  <div style="overflow: scroll; height: 200px; z-index: 2; position: relative; background-color: lime;"></div> 
+   </div>
+</body></html>
diff --git a/layout/reftests/reftest-sanity/647192-1.html b/layout/reftests/reftest-sanity/647192-1.html
new file mode 100644
index 0000000000..365f7652fe
--- /dev/null
+++ b/layout/reftests/reftest-sanity/647192-1.html
@@ -0,0 +1,16 @@
+<html><head>
+<style>
+div {
+  outline: 1px solid black;
+}
+</style>
+
+</head><body>
+You should see no red, only green<br>
+  <div style="overflow: scroll; height: 200px; z-index: 2; position: relative; background-color: red;"></div>
+    <div class="displayport" reftest-displayport-h="500" style="overflow: scroll; position: relative; margin-top: -200px; height: 200px;">
+      <div style="z-index: 10; position: absolute; width: 100%; height: 500px; bottom: -300px;">
+        <div style="height: 200px; background-color: lime;"></div>
+      </div>
+   </div>
+</body></html>
diff --git a/layout/reftests/reftest-sanity/656041-1-ref.html b/layout/reftests/reftest-sanity/656041-1-ref.html
new file mode 100644
index 0000000000..a92943594f
--- /dev/null
+++ b/layout/reftests/reftest-sanity/656041-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>Reftest</title>
+    <style type="text/css">
+      ul {
+	position: absolute;
+	top: 50px;
+	bottom: 0px;
+	left: 0;
+	right: 0;
+	overflow: auto;
+      }
+      li {
+        height: 2000px;
+      }
+      a {
+	float: left;
+        color: black;
+        border: solid black 1px;
+      }
+    </style>
+  </head>
+  <body>
+    <ul>
+      <li>
+	<a href="#"> </a>
+      </li>
+    </ul>
+  </body>
+</html>
diff --git a/layout/reftests/reftest-sanity/656041-1.html b/layout/reftests/reftest-sanity/656041-1.html
new file mode 100644
index 0000000000..d888fbe400
--- /dev/null
+++ b/layout/reftests/reftest-sanity/656041-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <title>Reftest</title>
+    <style type="text/css">
+      ul {
+	position: absolute;
+	top: 50px;
+	bottom: 0px;
+	left: 0;
+	right: 0;
+	overflow: auto;
+      }
+      li {
+        height: 2000px;
+      }
+      a {
+	float: left;
+        color: black;
+        border: solid black 1px;
+      }
+    </style>
+  </head>
+  <body>
+    <ul class="displayport">
+      <li>
+	<a href="#"> </a>
+      </li>
+    </ul>
+  </body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-scroll-1-ref.html b/layout/reftests/reftest-sanity/async-scroll-1-ref.html
new file mode 100644
index 0000000000..f68227c188
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-scroll-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:red;">
+  <div style="position:absolute; background:lime; top:0; left:0; width:800px; height:1000px"></div>
+  <div style="position:absolute; background:yellow; bottom:0; left:50px; width:50px; height:50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-scroll-1a.html b/layout/reftests/reftest-sanity/async-scroll-1a.html
new file mode 100644
index 0000000000..63e4cff372
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-scroll-1a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="background:red; margin:0">
+  <div style="position:absolute; background:lime; top:50px; left:0; width:800px; height:1000px"></div>
+  <div style="position:absolute; background:yellow; bottom:-50px; left:50px; width:50px; height:50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-scroll-1b.html b/layout/reftests/reftest-sanity/async-scroll-1b.html
new file mode 100644
index 0000000000..dc4b89b959
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-scroll-1b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="1000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50"
+      style="scrollbar-width:none">
+<body style="background:red; margin:0">
+  <div style="position:absolute; background:lime; top:50px; left:0; width:800px; height:1000px"></div>
+  <div style="position:absolute; background:yellow; bottom:-50px; left:50px; width:50px; height:50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-scroll-1c.html b/layout/reftests/reftest-sanity/async-scroll-1c.html
new file mode 100644
index 0000000000..46dd62a40d
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-scroll-1c.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="20"
+      style="scrollbar-width:none">
+<body style="background:red; margin:0" onload="window.scrollTo(0,30)">
+  <div style="position:absolute; background:lime; top:50px; left:0; width:800px; height:1000px"></div>
+  <div style="position:absolute; background:yellow; bottom:-50px; left:50px; width:50px; height:50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-zoom-1-ref.html b/layout/reftests/reftest-sanity/async-zoom-1-ref.html
new file mode 100644
index 0000000000..734bce16da
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-zoom-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+This is some content.
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-zoom-1.html b/layout/reftests/reftest-sanity/async-zoom-1.html
new file mode 100644
index 0000000000..7f4d2244d1
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-zoom-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html reftest-async-zoom="1.5">
+<body>
+This is some content.
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-zoom-2-ref.html b/layout/reftests/reftest-sanity/async-zoom-2-ref.html
new file mode 100644
index 0000000000..939f62579f
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-zoom-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: red"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/async-zoom-2.html b/layout/reftests/reftest-sanity/async-zoom-2.html
new file mode 100644
index 0000000000..6ca8836788
--- /dev/null
+++ b/layout/reftests/reftest-sanity/async-zoom-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html reftest-async-zoom="2">
+<body>
+<div style="position:absolute; top: 0; left: 0; width: 100px; height: 100px; background: red;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/bg.png b/layout/reftests/reftest-sanity/bg.png
new file mode 100644
index 0000000000..deefd19b2a
Binary files /dev/null and b/layout/reftests/reftest-sanity/bg.png differ
diff --git a/layout/reftests/reftest-sanity/blank.html b/layout/reftests/reftest-sanity/blank.html
new file mode 100644
index 0000000000..eaca3f49fd
--- /dev/null
+++ b/layout/reftests/reftest-sanity/blank.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-1-ref.html b/layout/reftests/reftest-sanity/corners-1-ref.html
new file mode 100644
index 0000000000..e002df8150
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:lime; position:absolute; left:0; top:0;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-1.html b/layout/reftests/reftest-sanity/corners-1.html
new file mode 100644
index 0000000000..d1461fc19a
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:red; position:absolute; left:0; top:0;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-2-ref.html b/layout/reftests/reftest-sanity/corners-2-ref.html
new file mode 100644
index 0000000000..89a5a0928c
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:lime; position:absolute; left:599px; top:0;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-2.html b/layout/reftests/reftest-sanity/corners-2.html
new file mode 100644
index 0000000000..05c3d4a209
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:red; position:absolute; left:599px; top:0;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-3-ref.html b/layout/reftests/reftest-sanity/corners-3-ref.html
new file mode 100644
index 0000000000..eb28b7712b
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:lime; position:absolute; left:599px; top:599px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-3.html b/layout/reftests/reftest-sanity/corners-3.html
new file mode 100644
index 0000000000..47c30a61ad
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-3.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:red; position:absolute; left:599px; top:599px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-4-ref.html b/layout/reftests/reftest-sanity/corners-4-ref.html
new file mode 100644
index 0000000000..976b298abd
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-4-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:lime; position:absolute; left:0; top:599px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/corners-4.html b/layout/reftests/reftest-sanity/corners-4.html
new file mode 100644
index 0000000000..c46d501196
--- /dev/null
+++ b/layout/reftests/reftest-sanity/corners-4.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden">
+  <div style="width:1px; height:1px; background:red; position:absolute; left:0; top:599px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/default.html b/layout/reftests/reftest-sanity/default.html
new file mode 100644
index 0000000000..e80f240e0f
--- /dev/null
+++ b/layout/reftests/reftest-sanity/default.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div>Text</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/defaults-tests.list b/layout/reftests/reftest-sanity/defaults-tests.list
new file mode 100644
index 0000000000..d6e90100c3
--- /dev/null
+++ b/layout/reftests/reftest-sanity/defaults-tests.list
@@ -0,0 +1,30 @@
+# test defaults
+
+# test defaults with a pref()
+defaults pref(font.size.variable.x-western,24)
+!= font-default.html font-size-16.html
+== font-default.html font-size-24.html
+
+# test that a default preference can be overridden
+pref(font.size.variable.x-western,16) == font-default.html font-size-16.html
+pref(font.size.variable.x-western,16) != font-default.html font-size-24.html
+
+# test that default preferences are kept when other test-specific preferences are set
+pref(font.size.variable.zh-HK,36) != font-default.html font-size-16.html
+pref(font.size.variable.zh-HK,36) == font-default.html font-size-24.html
+
+# test defaults with test-pref() and ref-pref()
+defaults test-pref(font.size.variable.x-western,16) ref-pref(font.size.variable.x-western,24)
+!= font-default.html font-default.html
+== font-default.html font-size-16.html
+== font-size-24.html font-default.html
+
+# test defaults with skip and skip-if
+defaults skip
+== font-size-16.html font-size-24.html
+defaults skip-if(true)
+== font-size-16.html font-size-24.html
+
+# test resetting defaults
+defaults
+== font-default.html font-default.html
diff --git a/layout/reftests/reftest-sanity/div-ref.html b/layout/reftests/reftest-sanity/div-ref.html
new file mode 100644
index 0000000000..a798096def
--- /dev/null
+++ b/layout/reftests/reftest-sanity/div-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <span style="display:block">aaa</span>
+    <span style="display:block">bbb</span>
+  </body>
+</html>
diff --git a/layout/reftests/reftest-sanity/div.html b/layout/reftests/reftest-sanity/div.html
new file mode 100644
index 0000000000..f1bcffaf11
--- /dev/null
+++ b/layout/reftests/reftest-sanity/div.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>aaa</div>
+    <div>bbb</div>
+  </body>
+</html>
+  
diff --git a/layout/reftests/reftest-sanity/exampleorg-1-ref.html b/layout/reftests/reftest-sanity/exampleorg-1-ref.html
new file mode 100644
index 0000000000..003050fde8
--- /dev/null
+++ b/layout/reftests/reftest-sanity/exampleorg-1-ref.html
@@ -0,0 +1 @@
+<iframe src="green.html">
diff --git a/layout/reftests/reftest-sanity/exampleorg-1.html b/layout/reftests/reftest-sanity/exampleorg-1.html
new file mode 100644
index 0000000000..84ae66849f
--- /dev/null
+++ b/layout/reftests/reftest-sanity/exampleorg-1.html
@@ -0,0 +1 @@
+<iframe src="http://example.org/green.html">
diff --git a/layout/reftests/reftest-sanity/filter-1-ref.xhtml b/layout/reftests/reftest-sanity/filter-1-ref.xhtml
new file mode 100644
index 0000000000..32f3a01b5b
--- /dev/null
+++ b/layout/reftests/reftest-sanity/filter-1-ref.xhtml
@@ -0,0 +1,20 @@
+    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+      <title>Filter sanity-check</title>
+      <style type="text/css">
+      html, body { margin: 0; background: white; height: 100%; width: 100%; }
+      body { position: relative; }
+      </style>
+    </head>
+    <body>
+
+    <div style="position: absolute; top: 10px; left: 10px; width: 100px; height: 10px; background: black"></div>
+
+    <div style="position: absolute; top: 30px; left: 10px; width: 94px; height: 4px; border: 3px solid #000;"></div>
+
+    <div style="position: absolute; top: 50px; left: 10px; width: 100px; height: 10px; background: black"></div>
+
+    <div style="position: absolute; top: 70px; left: 10px; width: 94px; height: 4px; border: 3px solid #000;"></div>
+
+    </body>
+    </html>
diff --git a/layout/reftests/reftest-sanity/filter-1.xhtml b/layout/reftests/reftest-sanity/filter-1.xhtml
new file mode 100644
index 0000000000..5cc01f1e29
--- /dev/null
+++ b/layout/reftests/reftest-sanity/filter-1.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+
+  <foreignObject filter="url(../filters.svg#NonWhiteToBlack)"
+                 x="0" y="0" height="100%" width="100%">
+    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+      <title>Filter sanity-check</title>
+      <style type="text/css">
+      html, body { margin: 0; background: white; color: black; height: 100%; width: 100%; }
+      body { position: relative; }
+      </style>
+    </head>
+    <body>
+
+    <div style="position: absolute; top: 10px; left: 10px; width: 100px; height: 10px; background: green"></div>
+
+    <div style="position: absolute; top: 30px; left: 10px; width: 94px; height: 4px; border: 3px solid #c90;"></div>
+
+    <div style="position: absolute; top: 50px; left: 10px; width: 100px; height: 10px; background: black"></div>
+
+    <div style="position: absolute; top: 70px; left: 10px; width: 94px; height: 4px; border: 3px solid #000;"></div>
+
+    </body>
+    </html>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/reftest-sanity/filter-2-ref.xhtml b/layout/reftests/reftest-sanity/filter-2-ref.xhtml
new file mode 100644
index 0000000000..c2514ba380
--- /dev/null
+++ b/layout/reftests/reftest-sanity/filter-2-ref.xhtml
@@ -0,0 +1,16 @@
+    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+      <title>Filter sanity-check</title>
+      <style type="text/css">
+      html, body { margin: 0; background: white; height: 100%; width: 100%; }
+      body { position: relative; }
+      </style>
+    </head>
+    <body>
+
+    <div style="position: absolute; top: 50px; left: 10px; width: 100px; height: 10px; background: black"></div>
+
+    <div style="position: absolute; top: 70px; left: 10px; width: 94px; height: 4px; border: 3px solid #000;"></div>
+
+    </body>
+    </html>
diff --git a/layout/reftests/reftest-sanity/filter-2.xhtml b/layout/reftests/reftest-sanity/filter-2.xhtml
new file mode 100644
index 0000000000..4dd67951ed
--- /dev/null
+++ b/layout/reftests/reftest-sanity/filter-2.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+
+  <foreignObject filter="url(../filters.svg#NonBlackToWhite)"
+                 x="0" y="0" height="100%" width="100%">
+    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+	  <title>Filter sanity-check</title>
+	  <style type="text/css">
+	  html, body { margin: 0; background: white; color: black; height: 100%; width: 100%; }
+	  body { position: relative; }
+	  </style>
+    </head>
+    <body>
+
+    <div style="position: absolute; top: 10px; left: 10px; width: 100px; height: 10px; background: green"></div>
+
+    <div style="position: absolute; top: 30px; left: 10px; width: 94px; height: 4px; border: 3px solid #c90;"></div>
+
+    <div style="position: absolute; top: 50px; left: 10px; width: 100px; height: 10px; background: black"></div>
+
+    <div style="position: absolute; top: 70px; left: 10px; width: 94px; height: 4px; border: 3px solid #000;"></div>
+
+    </body>
+    </html>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/reftest-sanity/font-default.html b/layout/reftests/reftest-sanity/font-default.html
new file mode 100644
index 0000000000..3bdf2d555f
--- /dev/null
+++ b/layout/reftests/reftest-sanity/font-default.html
@@ -0,0 +1,12 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+div {
+}
+</style>
+</head>
+<body>
+<div>Hello world 123</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/font-download.html b/layout/reftests/reftest-sanity/font-download.html
new file mode 100644
index 0000000000..2ab084ca4a
--- /dev/null
+++ b/layout/reftests/reftest-sanity/font-download.html
@@ -0,0 +1,17 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+@font-face {
+  font-family: foo;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+div {
+  font-family: foo;
+}
+</style>
+</head>
+<body>
+<div>Hello world 123</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/font-sans-serif.html b/layout/reftests/reftest-sanity/font-sans-serif.html
new file mode 100644
index 0000000000..ac22b4ee5f
--- /dev/null
+++ b/layout/reftests/reftest-sanity/font-sans-serif.html
@@ -0,0 +1,13 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+div {
+  font-family: sans-serif;
+}
+</style>
+</head>
+<body>
+<div>Hello world 123</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/font-serif.html b/layout/reftests/reftest-sanity/font-serif.html
new file mode 100644
index 0000000000..f3f22ef22d
--- /dev/null
+++ b/layout/reftests/reftest-sanity/font-serif.html
@@ -0,0 +1,13 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+div {
+  font-family: serif;
+}
+</style>
+</head>
+<body>
+<div>Hello world 123</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/font-size-16.html b/layout/reftests/reftest-sanity/font-size-16.html
new file mode 100644
index 0000000000..2be81f9dc1
--- /dev/null
+++ b/layout/reftests/reftest-sanity/font-size-16.html
@@ -0,0 +1,13 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+div {
+  font-size: 16px;
+}
+</style>
+</head>
+<body>
+<div>Hello world 123</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/font-size-24.html b/layout/reftests/reftest-sanity/font-size-24.html
new file mode 100644
index 0000000000..8907a10793
--- /dev/null
+++ b/layout/reftests/reftest-sanity/font-size-24.html
@@ -0,0 +1,13 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+div {
+  font-size: 24px;
+}
+</style>
+</head>
+<body>
+<div>Hello world 123</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/fuzzy-ref.html b/layout/reftests/reftest-sanity/fuzzy-ref.html
new file mode 100644
index 0000000000..776c7911d8
--- /dev/null
+++ b/layout/reftests/reftest-sanity/fuzzy-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="background: #ff00ff; width: 500px; height: 500px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/reftest-sanity/fuzzy.html b/layout/reftests/reftest-sanity/fuzzy.html
new file mode 100644
index 0000000000..d288560e96
--- /dev/null
+++ b/layout/reftests/reftest-sanity/fuzzy.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="background: #ff01ff; width: 500px; height: 500px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/reftest-sanity/green.html b/layout/reftests/reftest-sanity/green.html
new file mode 100644
index 0000000000..d1695cb8b8
--- /dev/null
+++ b/layout/reftests/reftest-sanity/green.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="color: green">Text</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.html b/layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.html
new file mode 100644
index 0000000000..033e9ad72d
--- /dev/null
+++ b/layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.html
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Test that XHTML vs. HTML processing decision is made by file extension</title>
+	<style type="text/css">
+	p { border: medium solid; margin: 1em; padding: 1em; }
+	</style>
+</head>
+<body>
+
+<p>This is a paragraph.
+<p>This is a paragraph.
+</p>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.xhtml b/layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.xhtml
new file mode 100644
index 0000000000..033e9ad72d
--- /dev/null
+++ b/layout/reftests/reftest-sanity/html-vs-xhtml-by-extension.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Test that XHTML vs. HTML processing decision is made by file extension</title>
+	<style type="text/css">
+	p { border: medium solid; margin: 1em; padding: 1em; }
+	</style>
+</head>
+<body>
+
+<p>This is a paragraph.
+<p>This is a paragraph.
+</p>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/invalidation.html b/layout/reftests/reftest-sanity/invalidation.html
new file mode 100644
index 0000000000..85c3a16fd3
--- /dev/null
+++ b/layout/reftests/reftest-sanity/invalidation.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="border:10px solid pink;">
+<script>
+  function doTest() {
+  document.body.style.border = "";
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/needs-focus.html b/layout/reftests/reftest-sanity/needs-focus.html
new file mode 100644
index 0000000000..10fdada2bd
--- /dev/null
+++ b/layout/reftests/reftest-sanity/needs-focus.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <script type="text/javascript">
+function focusInput() {
+  document.getElementById('i').focus();
+}
+function done() {
+  document.documentElement.className = '';
+}
+  </script>
+  <body onload="focusInput();">
+    <input type="text" id="i" onfocus="done();">
+  </body>
+</html>
diff --git a/layout/reftests/reftest-sanity/no-root.html b/layout/reftests/reftest-sanity/no-root.html
new file mode 100644
index 0000000000..9ed41863a6
--- /dev/null
+++ b/layout/reftests/reftest-sanity/no-root.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body>
+<script type="text/javascript">
+document.removeChild(document.documentElement);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/page-backgrounds-notref.html b/layout/reftests/reftest-sanity/page-backgrounds-notref.html
new file mode 100644
index 0000000000..2be703654b
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-backgrounds-notref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<html class="reftest-paged" reftest-paged-backgrounds="false">
+  <p style="print-color-adjust: exact; color: white; background: black;">Something</p>
diff --git a/layout/reftests/reftest-sanity/page-backgrounds-ref.html b/layout/reftests/reftest-sanity/page-backgrounds-ref.html
new file mode 100644
index 0000000000..8662502414
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-backgrounds-ref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<html class="reftest-paged">
+  <p style="color: black;">Something</p>
diff --git a/layout/reftests/reftest-sanity/page-backgrounds.html b/layout/reftests/reftest-sanity/page-backgrounds.html
new file mode 100644
index 0000000000..05241fe84c
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-backgrounds.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<html class="reftest-paged" reftest-paged-backgrounds="false">
+  <p style="color: white; background: black;">Something</p>
diff --git a/layout/reftests/reftest-sanity/page-height-2.1in.html b/layout/reftests/reftest-sanity/page-height-2.1in.html
new file mode 100644
index 0000000000..4c77439eef
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-height-2.1in.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content height is 2 inches (3 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+div { height: 2.1in; }
+</style>
+<div>hello</div>
diff --git a/layout/reftests/reftest-sanity/page-height-2in.html b/layout/reftests/reftest-sanity/page-height-2in.html
new file mode 100644
index 0000000000..db2d927db2
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-height-2in.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content height is 2 inches (3 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+div { height: 2in; }
+</style>
+<div>hello</div>
diff --git a/layout/reftests/reftest-sanity/page-height-forcebreak.html b/layout/reftests/reftest-sanity/page-height-forcebreak.html
new file mode 100644
index 0000000000..6fc306b181
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-height-forcebreak.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content height is 2 inches (3 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+</style>
+<div>hello</div>
+<div style="page-break-before: always">&nbsp;</div>
diff --git a/layout/reftests/reftest-sanity/page-height-nobreak.html b/layout/reftests/reftest-sanity/page-height-nobreak.html
new file mode 100644
index 0000000000..6c4e832ce3
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-height-nobreak.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content height is 2 inches (3 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+</style>
+<div>hello</div>
diff --git a/layout/reftests/reftest-sanity/page-width-3.9in.html b/layout/reftests/reftest-sanity/page-width-3.9in.html
new file mode 100644
index 0000000000..25a727bc60
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-width-3.9in.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content width is 4 inches (5 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+div { background: blue; color: white; width: 3.9in; }
+</style>
+<div>hello</div>
diff --git a/layout/reftests/reftest-sanity/page-width-4.1in.html b/layout/reftests/reftest-sanity/page-width-4.1in.html
new file mode 100644
index 0000000000..8791e58679
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-width-4.1in.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content width is 4 inches (5 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+div { background: blue; color: white; width: 4.1in; }
+</style>
+<div>hello</div>
diff --git a/layout/reftests/reftest-sanity/page-width-4in.html b/layout/reftests/reftest-sanity/page-width-4in.html
new file mode 100644
index 0000000000..b9576b5c48
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-width-4in.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content width is 4 inches (5 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+div { background: blue; color: white; width: 4in; }
+</style>
+<div>hello</div>
diff --git a/layout/reftests/reftest-sanity/page-width-auto.html b/layout/reftests/reftest-sanity/page-width-auto.html
new file mode 100644
index 0000000000..fccc0f9b9c
--- /dev/null
+++ b/layout/reftests/reftest-sanity/page-width-auto.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html class="reftest-paged">
+<title>Test that reftest-paged page content width is 4 inches (5 inch page, half inch margins)</title>
+<style>
+body { margin: 0 }
+div { background: blue; color: white; }
+</style>
+<div>hello</div>
diff --git a/layout/reftests/reftest-sanity/prefix-suffix.html b/layout/reftests/reftest-sanity/prefix-suffix.html
new file mode 100644
index 0000000000..fed54adbdd
--- /dev/null
+++ b/layout/reftests/reftest-sanity/prefix-suffix.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>suffix - test url-prefix for script test</title>
+<script type="text/javascript">
+function getTestCases()
+{
+  return [
+    { testPassed: (function () { return true; }), testDescription: (function () { return "passed"; }) }
+  ];
+}
+</script>
+</head>
+<body>
+<h1>suffix - test url-prefix for script test</h1>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/prefix/scripttest-fail.html b/layout/reftests/reftest-sanity/prefix/scripttest-fail.html
new file mode 100644
index 0000000000..7172902f14
--- /dev/null
+++ b/layout/reftests/reftest-sanity/prefix/scripttest-fail.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>scripttest-fail</title>
+<script type="text/javascript">
+function getTestCases()
+{
+  return [
+    { testPassed: (function () { return false; }), testDescription: (function () { return "failed"; }) }
+  ];
+}
+</script>
+</head>
+<body>
+<h1>scripttest-fail</h1>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/prefix/suffix.html b/layout/reftests/reftest-sanity/prefix/suffix.html
new file mode 100644
index 0000000000..fa99971a51
--- /dev/null
+++ b/layout/reftests/reftest-sanity/prefix/suffix.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>suffix - test url-prefix containing / for script test</title>
+<script type="text/javascript">
+function getTestCases()
+{
+  return [
+    { testPassed: (function () { return true; }), testDescription: (function () { return "passed"; }) }
+  ];
+}
+</script>
+</head>
+<body>
+<h1>suffix - test url-prefix containing / for script test</h1>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/prefix/urlprefixtests-include.list b/layout/reftests/reftest-sanity/prefix/urlprefixtests-include.list
new file mode 100644
index 0000000000..62e08a2d4f
--- /dev/null
+++ b/layout/reftests/reftest-sanity/prefix/urlprefixtests-include.list
@@ -0,0 +1,7 @@
+# test url-prefix on include commands.
+
+# This include file should not be loaded if url-prefix is ignored for
+# the include command in ../urlprefixtests.list. The test fails if
+# this test is loaded.
+
+script scripttest-fail.html
diff --git a/layout/reftests/reftest-sanity/red.html b/layout/reftests/reftest-sanity/red.html
new file mode 100644
index 0000000000..a9db5be4df
--- /dev/null
+++ b/layout/reftests/reftest-sanity/red.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div style="color: red">Text</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-1.html b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-1.html
new file mode 100644
index 0000000000..c1810a67f7
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>This test will fail because .high-z is not in the same layer as .low-z</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+  margin: 10px;
+}
+
+.relative {
+  position: relative;
+}
+
+.fixed {
+  position: fixed;
+  top: 140px;
+  left: 140px;
+}
+
+.low-z {
+  z-index: 1;
+}
+
+.mid-z {
+  z-index: 2;
+}
+
+.high-z {
+  z-index: 3;
+}
+
+.opaque-background {
+  background-color: white;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content relative low-z" reftest-assigned-layer="page-background"></div>
+
+<div class="fixed opaque-background content mid-z" reftest-assigned-layer="fixed-layer"></div>
+
+<div class="content relative high-z" reftest-assigned-layer="page-background"></div>
diff --git a/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-2.html b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-2.html
new file mode 100644
index 0000000000..16c36860a0
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-2.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>This test will fail because .mid-z is not in the same layer as .low-z</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+  margin: 10px;
+}
+
+.relative {
+  position: relative;
+}
+
+.fixed {
+  position: fixed;
+  top: 140px;
+  left: 140px;
+}
+
+.low-z {
+  z-index: 1;
+}
+
+.mid-z {
+  z-index: 2;
+}
+
+.high-z {
+  z-index: 3;
+}
+
+.opaque-background {
+  background-color: white;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content relative low-z" reftest-assigned-layer="page-background"></div>
+
+<div class="fixed opaque-background content mid-z" reftest-assigned-layer="page-background"></div>
+
+<div class="content relative low-z" reftest-assigned-layer="page-background"></div>
diff --git a/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-3.html b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-3.html
new file mode 100644
index 0000000000..6e97dfba63
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-3.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>This test will fail because .high-z is not in the same layer as .mid-z</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+  margin: 10px;
+}
+
+.relative {
+  position: relative;
+}
+
+.fixed {
+  position: fixed;
+  top: 140px;
+  left: 140px;
+}
+
+.low-z {
+  z-index: 1;
+}
+
+.mid-z {
+  z-index: 2;
+}
+
+.high-z {
+  z-index: 3;
+}
+
+.opaque-background {
+  background-color: white;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content relative low-z" reftest-assigned-layer="page-background"></div>
+
+<div class="fixed opaque-background content mid-z" reftest-assigned-layer="fixed-layer"></div>
+
+<div class="content relative low-z" reftest-assigned-layer="fixed-layer"></div>
diff --git a/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-4.html b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-4.html
new file mode 100644
index 0000000000..92bcbdbdc4
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-assigned-layer-fail-4.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>This test will fail because the some-other-layer gets merged into the page background layer</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+  margin: 10px;
+}
+
+.relative {
+  position: relative;
+}
+
+.fixed {
+  position: fixed;
+  top: 140px;
+  left: 140px;
+}
+
+.low-z {
+  z-index: 1;
+}
+
+.mid-z {
+  z-index: 2;
+}
+
+.high-z {
+  z-index: 3;
+}
+
+.opaque-background {
+  background-color: white;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content relative low-z" reftest-assigned-layer="page-background"></div>
+
+<div class="fixed opaque-background content mid-z" reftest-assigned-layer="fixed-layer"></div>
+
+<div class="content relative low-z" reftest-assigned-layer="some-other-layer"></div>
diff --git a/layout/reftests/reftest-sanity/reftest-assigned-layer-pass.html b/layout/reftests/reftest-sanity/reftest-assigned-layer-pass.html
new file mode 100644
index 0000000000..19dc004d81
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-assigned-layer-pass.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Both divs should be part of opaque layers.</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+  margin: 10px;
+}
+
+.relative {
+  position: relative;
+}
+
+.fixed {
+  position: fixed;
+  top: 140px;
+  left: 140px;
+}
+
+.low-z {
+  z-index: 1;
+}
+
+.high-z {
+  z-index: 2;
+}
+
+.opaque-background {
+  background-color: white;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content relative low-z" reftest-assigned-layer="page-background"></div>
+
+<div class="fixed opaque-background content high-z" reftest-assigned-layer="fixed-layer"></div>
+
+<div class="content relative low-z" reftest-assigned-layer="page-background"></div>
diff --git a/layout/reftests/reftest-sanity/reftest-no-flush-ref.html b/layout/reftests/reftest-sanity/reftest-no-flush-ref.html
new file mode 100644
index 0000000000..6cc270a570
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-no-flush-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  transform: translateX(100px);
+  background-color: green;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/reftest-sanity/reftest-no-flush.html b/layout/reftests/reftest-sanity/reftest-no-flush.html
new file mode 100644
index 0000000000..8893e6eb71
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-no-flush.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+html {
+  /* Suppress scrollbars to avoid periodical unthrottling for transform */
+  /* animations on the compositor. */
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  0% { transform: translateX(100px); }
+  100% { transform: translateX(100px); }
+}
+#target {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  background-color: green;
+}
+</style>
+<div id="target"></div>
+<script>
+document.addEventListener('MozReftestInvalidate', () => {
+  // Set a bit longer animation delay to avoid painting the initial animation
+  // style on the main thread.
+  target.style.animation = "anim 100s 1s";
+  target.addEventListener("animationstart", () => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/reftest-sanity/reftest-no-paint-ref.html b/layout/reftests/reftest-sanity/reftest-no-paint-ref.html
new file mode 100644
index 0000000000..f8b0679de6
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-no-paint-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background-color: black">
+<div style="background-color: rgba(255, 0, 0, 0.5); width:100px; height:100px;" >
+</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/reftest-no-paint.html b/layout/reftests/reftest-sanity/reftest-no-paint.html
new file mode 100644
index 0000000000..0c49b49647
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-no-paint.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<div class="reftest-no-paint" style="background-color: rgba(255, 0, 0, 0.5); width:100px; height:100px;" >
+</div>
+<script type="application/javascript">
+
+function doTest() {
+  document.body.style.background = "black";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/reftest-opaque-layer-fail.html b/layout/reftests/reftest-sanity/reftest-opaque-layer-fail.html
new file mode 100644
index 0000000000..bb8a17e858
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-opaque-layer-fail.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>The fixed layer can't be opaque, so this test must fail.</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content reftest-opaque-layer"></div>
+
+<div class="fixed content reftest-opaque-layer"></div>
diff --git a/layout/reftests/reftest-sanity/reftest-opaque-layer-pass.html b/layout/reftests/reftest-sanity/reftest-opaque-layer-pass.html
new file mode 100644
index 0000000000..6286bb36b8
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-opaque-layer-pass.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Both divs should be part of opaque layers.</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.opaque-background {
+  background-color: white;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content reftest-opaque-layer"></div>
+
+<div class="fixed opaque-background content reftest-opaque-layer"></div>
diff --git a/layout/reftests/reftest-sanity/reftest-opaque-layer-wait-fail.html b/layout/reftests/reftest-sanity/reftest-opaque-layer-wait-fail.html
new file mode 100644
index 0000000000..50e1dd86e3
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-opaque-layer-wait-fail.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>The fixed layer can't be opaque in the final paint, so this test must fail.</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.reftest-wait .reftest-opaque-layer {
+  /* make the layer opaque until the final paint */
+  background-color: white;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content reftest-opaque-layer"></div>
+
+<div class="fixed content reftest-opaque-layer"></div>
+
+<script>
+
+function doTest() {
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/reftest-sanity/reftest-opaque-layer-wait-pass.html b/layout/reftests/reftest-sanity/reftest-opaque-layer-wait-pass.html
new file mode 100644
index 0000000000..9fdc303533
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-opaque-layer-wait-pass.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<meta charset="utf-8">
+<title>Both divs should be part of opaque layers in the final paint.</title>
+
+<style>
+
+.content {
+  box-sizing: border-box;
+  width: 200px;
+  height: 200px;
+  border: 1px solid black;
+}
+
+.fixed {
+  position: fixed;
+  top: 20px;
+  left: 140px;
+}
+
+.opaque-background {
+  background-color: white;
+}
+
+.reftest-wait .opaque-background {
+  /* make the layer start out transparent */
+  background-color: transparent;
+}
+
+body {
+  height: 4000px;
+}
+
+</style>
+
+<div class="content reftest-opaque-layer"></div>
+
+<div class="fixed opaque-background content reftest-opaque-layer"></div>
+
+<script>
+
+function doTest() {
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
+
diff --git a/layout/reftests/reftest-sanity/reftest-resolution-ref.html b/layout/reftests/reftest-sanity/reftest-resolution-ref.html
new file mode 100644
index 0000000000..51b6d7afcc
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-resolution-ref.html
@@ -0,0 +1,16 @@
+<html>
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      margin: 0;
+    }
+    div {
+      width: 200px;
+      height: 200px;
+      background: green;
+    }
+  </style>
+  <div></div>
+</html>
diff --git a/layout/reftests/reftest-sanity/reftest-resolution.html b/layout/reftests/reftest-sanity/reftest-resolution.html
new file mode 100644
index 0000000000..d9a5f7b5e7
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest-resolution.html
@@ -0,0 +1,16 @@
+<html reftest-resolution="2.0">
+  <style>
+    html {
+      scrollbar-width: none;
+    }
+    body {
+      margin: 0;
+    }
+    div {
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+  <div></div>
+</html>
diff --git a/layout/reftests/reftest-sanity/reftest.list b/layout/reftests/reftest-sanity/reftest.list
new file mode 100644
index 0000000000..1aa272d6e2
--- /dev/null
+++ b/layout/reftests/reftest-sanity/reftest.list
@@ -0,0 +1,218 @@
+== data:text/html,<body> about:blank
+== data:text/plain, about:blank
+!= data:text/plain,HELLO about:blank
+
+# these tests make sure async reftests work:
+== chrome://reftest/content/reftest-sanity/test-async.xhtml chrome://reftest/content/reftest-sanity/test-async-ref.xhtml
+== test-async.html test-async-ref.html
+
+# test that zoom works (and really zooms, not just scales)
+fails-if(useDrawSnapshot) == test-zoom.html test-zoom-ref.html
+
+== text-zoom.html text-zoom-ref.html
+!= text-zoom.html text-zoom-notref.html
+
+# make sure we don't fall over if the root is missing
+== no-root.html about:blank
+
+# Makes sure that the file: protocol handler and HTTP server both
+# choose HTML vs. XHTML processing based on the file extensions.
+!= html-vs-xhtml-by-extension.html html-vs-xhtml-by-extension.xhtml
+HTTP != html-vs-xhtml-by-extension.html html-vs-xhtml-by-extension.xhtml
+
+# make sure red and green colors are not the default and are different from
+# each other
+!= green.html default.html
+!= green.html red.html
+!= red.html default.html
+
+# Make sure about:blank works, even via HTTP.
+== blank.html about:blank
+== about:blank blank.html
+HTTP == blank.html about:blank
+HTTP == about:blank blank.html
+# same for data:
+== default.html data:text/html,<div>Text</div>
+== data:text/html,<div>Text</div> default.html
+HTTP == default.html data:text/html,<div>Text</div>
+HTTP == data:text/html,<div>Text</div> default.html
+!= blank.html default.html
+HTTP != blank.html default.html
+
+fails-if(geckoview&&device) == filter-1.xhtml filter-1-ref.xhtml
+fails-if(geckoview&&device) == filter-2.xhtml filter-2-ref.xhtml
+
+# test that the MozReftestInvalidate event fires
+== invalidation.html about:blank
+fails-if(useDrawSnapshot) == zoom-invalidation.html zoom-invalidation-ref.html # bug 773482
+
+# test that xulRuntime.OS works
+fails-if(xulRuntime.OS!="Linux"&&!Android) == data:text/html,<body>Linux data:text/html,<script>document.write(navigator.platform.substr(0,5))</script>
+fails-if(xulRuntime.OS!="WINNT") == data:text/html,<body>Win data:text/html,<script>document.write(navigator.platform.substr(0,3))</script>
+fails-if(xulRuntime.OS!="Darwin") == data:text/html,<body>Mac data:text/html,<script>document.write(navigator.platform.substr(0,3))</script>
+
+# test parsing of asserts() expressions
+asserts(0) load about:blank
+asserts(0-5) load about:blank
+asserts-if(true,0) load about:blank
+asserts-if(false,7) load about:blank
+asserts-if(true,0-4) load about:blank
+asserts-if(false,6-8) load about:blank
+
+# test that <div> is display:block
+== div.html div-ref.html
+
+# test script keyword
+include scripttests.list
+
+# test url-prefix
+include urlprefixtests.list
+
+# test defaults
+include defaults-tests.list
+
+# test that all corners are visible
+!= corners-1.html corners-1-ref.html
+!= corners-2.html corners-2-ref.html
+!= corners-3.html corners-3-ref.html
+!= corners-4.html corners-4-ref.html
+
+# Test that the harness gives the correct page dimensions.
+!= page-width-3.9in.html page-width-4in.html
+== page-width-4.1in.html page-width-4in.html
+== page-width-auto.html page-width-4in.html
+!= page-height-2in.html page-height-2.1in.html
+== page-height-2in.html page-height-nobreak.html
+== page-height-2.1in.html page-height-forcebreak.html
+
+# Check that tests that need focus are skipped when it's not available
+needs-focus load needs-focus.html
+
+# Bug 632636
+fails == data:text/plain,HELLO about:blank
+needs-focus == data:text/plain, about:blank
+
+# Sanity check of viewport+displayport overrides
+pref(dom.meta-viewport.enabled,true) skip-if(!browserIsRemote) fails-if(useDrawSnapshot) != test-displayport-2.html test-displayport-ref.html # bug 593168
+skip-if(!browserIsRemote) fails-if(OSX&&layersGPUAccelerated) fuzzy-if(layersOMTC,0-1,0-1390) random-if(Android) random-if(transparentScrollbars) == 647192-1.html 647192-1-ref.html
+skip-if(!browserIsRemote) == 656041-1.html 656041-1-ref.html
+pref(dom.meta-viewport.enabled,true) skip-if(!browserIsRemote||layersOMTC) == test-displayport-bg.html test-displayport-ref.html # bug 694706
+
+# IPC Position-fixed frames/layers test
+# Fixed layers are temporarily disabled (bug 656167).
+#pref(dom.meta-viewport.enabled,true) skip-if(!browserIsRemote) == test-pos-fixed.html test-pos-fixed-ref.html
+#pref(dom.meta-viewport.enabled,true) skip-if(!browserIsRemote) == test-bg-attachment-fixed.html test-bg-attachment-fixed-ref.html
+pref(dom.meta-viewport.enabled,true) skip-if(!browserIsRemote) == test-pos-fixed-transform.html test-pos-fixed-transform-ref.html
+
+# reftest syntax: require-or
+require-or(unrecognizedCondition,skip) script scripttest-fail.html
+require-or(true&&unrecognizedCondition,skip) script scripttest-fail.html
+require-or(unrecognizedCondition&&true,skip) script scripttest-fail.html
+require-or(unrecognizedCondition,fails) script scripttest-fail.html
+require-or(true,fails) script scripttest-pass.html
+require-or(true&&true,fails) script scripttest-pass.html
+
+# tests for pref(...) syntax in manifest, including "fails" examples with incorrect prefs
+# a boolean pref
+pref(gfx.downloadable_fonts.enabled,true) != font-download.html font-default.html
+pref(gfx.downloadable_fonts.enabled,false) == font-download.html font-default.html
+fails pref(gfx.downloadable_fonts.enabled,0) == font-download.html font-default.html
+fails pref(gfx.downloadable_fonts.enabled,"foo") == font-download.html font-default.html
+# a non-existent pref
+fails pref(not.a.real.pref.name,1) == font-download.html font-default.html
+# an integer pref
+pref(font.size.variable.x-western,16) == font-size-16.html font-default.html
+pref(font.size.variable.x-western,16) != font-size-24.html font-default.html
+pref(font.size.variable.x-western,24) == font-size-24.html font-default.html
+pref(font.size.variable.x-western,24) != font-size-16.html font-default.html
+fails pref(font.size.variable.x-western,false) == font-size-16.html font-default.html
+fails pref(font.size.variable.x-western,"foo") == font-size-16.html font-default.html
+# a string pref
+pref(font.default.x-western,"serif") == font-serif.html font-default.html
+pref(font.default.x-western,"serif") != font-sans-serif.html font-default.html
+pref(font.default.x-western,"sans-serif") == font-sans-serif.html font-default.html
+pref(font.default.x-western,"sans-serif") != font-serif.html font-default.html
+fails pref(font.default.x-western,true) == font-serif.html font-default.html
+fails pref(font.default.x-western,0) == font-serif.html font-default.html
+# tests for ref-pref, and test-pref
+ref-pref(font.size.variable.x-western,16) == font-size-16.html font-default.html
+ref-pref(font.size.variable.x-western,16) != font-size-24.html font-default.html
+ref-pref(font.size.variable.x-western,24) == font-size-24.html font-default.html
+ref-pref(font.size.variable.x-western,24) != font-size-16.html font-default.html
+fails ref-pref(font.size.variable.x-western,false) == font-size-16.html font-default.html
+fails ref-pref(font.size.variable.x-western,"foo") == font-size-16.html font-default.html
+test-pref(font.size.variable.x-western,16) == font-default.html font-size-16.html
+test-pref(font.size.variable.x-western,16) != font-default.html font-size-24.html
+test-pref(font.size.variable.x-western,24) == font-default.html font-size-24.html
+test-pref(font.size.variable.x-western,24) != font-default.html font-size-16.html
+fails test-pref(font.size.variable.x-western,false) == font-default.html font-size-16.html
+fails test-pref(font.size.variable.x-western,"foo") == font-default.html font-size-16.html
+ref-pref(font.size.variable.x-western,16) test-pref(font.size.variable.x-western,24) != font-default.html font-default.html
+ref-pref(font.size.variable.x-western,24) test-pref(font.size.variable.x-western,16) != font-default.html font-default.html
+ref-pref(font.size.variable.x-western,24) test-pref(font.size.variable.x-western,24) == font-default.html font-default.html
+
+# reftest syntax: fuzzy(0-maxPixelDifference,0-maxNumberDifferingPixels)
+noautofuzz fuzzy(0-1,0-250000) == fuzzy.html fuzzy-ref.html
+noautofuzz fuzzy(0-1,0-250000) != too-fuzzy.html fuzzy-ref.html
+noautofuzz fuzzy-if(true,0-1,0-250000) == fuzzy.html fuzzy-ref.html
+noautofuzz fuzzy-if(false,0-2,0-1) == fuzzy-ref.html fuzzy-ref.html
+# test some ranged fuzzes
+noautofuzz fuzzy(1-10,1-250000) fuzzy-if(false,5-10,0-250000) == fuzzy.html fuzzy-ref.html
+noautofuzz fuzzy(0-0,0-250000) != fuzzy.html fuzzy-ref.html
+noautofuzz fuzzy(0-1,0-2) != fuzzy.html fuzzy-ref.html
+# If enabled, the following two should result in UNEXPECTED-PASS because
+# they are both overfuzzed
+# noautofuzz fuzzy(3-4,0-250000) == fuzzy.html fuzzy-ref.html
+# noautofuzz fuzzy(0-1,250001-250002) == fuzzy.html fuzzy-ref.html
+#
+# When using 565 fuzzy.html and fuzzy-ref.html will compare as equal
+noautofuzz fails fuzzy-if(false,0-2,0-1) == fuzzy.html fuzzy-ref.html
+
+# Test that reftest-no-paint fails correctly.
+== reftest-no-paint.html reftest-no-paint-ref.html
+
+skip-if(!asyncPan||!browserIsRemote) == async-scroll-1a.html async-scroll-1-ref.html
+
+skip-if(!asyncPan||!browserIsRemote) != async-scroll-1b.html async-scroll-1-ref.html
+
+skip-if(!asyncPan||!browserIsRemote) == async-scroll-1c.html async-scroll-1-ref.html
+
+skip-if(!Android) pref(apz.allow_zooming,true) != async-zoom-1.html async-zoom-1-ref.html
+fuzzy(0-112,0-800) skip-if(!Android) pref(apz.allow_zooming,true) == async-zoom-2.html async-zoom-2-ref.html
+
+# reftest-opaque-layer
+== reftest-opaque-layer-pass.html reftest-opaque-layer-pass.html
+!= reftest-opaque-layer-pass.html about:blank
+!= about:blank reftest-opaque-layer-pass.html
+== reftest-opaque-layer-fail.html reftest-opaque-layer-fail.html
+
+# If reftest-opaque-layer fails (no matter whether it fails in the test or in the reference),
+# it shouldn't matter whether the test matches the reference.
+fails != reftest-opaque-layer-fail.html reftest-opaque-layer-fail.html
+fails == reftest-opaque-layer-fail.html about:blank
+fails == about:blank reftest-opaque-layer-fail.html
+!= reftest-opaque-layer-fail.html about:blank
+!= about:blank reftest-opaque-layer-fail.html
+
+# reftest-opaque-layer and reftest-wait
+== reftest-opaque-layer-wait-pass.html reftest-opaque-layer-pass.html
+!= reftest-opaque-layer-wait-pass.html about:blank
+== reftest-opaque-layer-wait-fail.html reftest-opaque-layer-fail.html
+!= reftest-opaque-layer-wait-fail.html about:blank
+
+# reftest-assigned-layer
+!= reftest-assigned-layer-pass.html about:blank
+!= reftest-assigned-layer-fail-1.html about:blank
+!= reftest-assigned-layer-fail-2.html about:blank
+!= reftest-assigned-layer-fail-3.html about:blank
+!= reftest-assigned-layer-fail-4.html about:blank
+
+# reftest-resolution
+pref(apz.allow_zooming,true) fails-if(useDrawSnapshot) == reftest-resolution.html reftest-resolution-ref.html
+
+== reftest-no-flush.html reftest-no-flush-ref.html
+
+skip-if(Android) HTTP == exampleorg-1.html exampleorg-1-ref.html
+
+== page-backgrounds.html page-backgrounds-ref.html
+!= page-backgrounds.html page-backgrounds-notref.html
diff --git a/layout/reftests/reftest-sanity/scripttest-fail.html b/layout/reftests/reftest-sanity/scripttest-fail.html
new file mode 100644
index 0000000000..7172902f14
--- /dev/null
+++ b/layout/reftests/reftest-sanity/scripttest-fail.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>scripttest-fail</title>
+<script type="text/javascript">
+function getTestCases()
+{
+  return [
+    { testPassed: (function () { return false; }), testDescription: (function () { return "failed"; }) }
+  ];
+}
+</script>
+</head>
+<body>
+<h1>scripttest-fail</h1>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/scripttest-pass-fail.html b/layout/reftests/reftest-sanity/scripttest-pass-fail.html
new file mode 100644
index 0000000000..848e21b119
--- /dev/null
+++ b/layout/reftests/reftest-sanity/scripttest-pass-fail.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>scripttest-pass-fail</title>
+<script type="text/javascript">
+function getTestCases()
+{
+  return [
+    { testPassed: (function () { return false; }), testDescription: (function () { return "fail"; }) },
+    { testPassed: (function () { return true; }), testDescription: (function () { return "expected random pass"; }) }
+  ];
+}
+</script>
+</head>
+<body>
+<h1>scripttest-pass-fail</h1>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/scripttest-pass.html b/layout/reftests/reftest-sanity/scripttest-pass.html
new file mode 100644
index 0000000000..e0371b3518
--- /dev/null
+++ b/layout/reftests/reftest-sanity/scripttest-pass.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>scripttest-pass</title>
+<script type="text/javascript">
+function getTestCases()
+{
+  return [
+    { testPassed: (function () { return true; }), testDescription: (function () { return "passed"; }) }
+  ];
+}
+</script>
+</head>
+<body>
+<h1>scripttest-pass</h1>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/scripttests.list b/layout/reftests/reftest-sanity/scripttests.list
new file mode 100644
index 0000000000..18be27e59e
--- /dev/null
+++ b/layout/reftests/reftest-sanity/scripttests.list
@@ -0,0 +1,10 @@
+# test script keyword.
+
+# cases where the test does not include an appropriate getTestCases() function,
+# or where getTestCases() does not return an array of objects with methods
+# testPassed() and testDescription() can not be included since they always
+# produce unexpected failures.
+
+script scripttest-pass.html
+fails script scripttest-fail.html
+fails script scripttest-pass-fail.html
diff --git a/layout/reftests/reftest-sanity/test-async-ref.html b/layout/reftests/reftest-sanity/test-async-ref.html
new file mode 100644
index 0000000000..7d92f683df
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-async-ref.html
@@ -0,0 +1,2 @@
+<html>
+<body style="background-color: green;">
diff --git a/layout/reftests/reftest-sanity/test-async-ref.xhtml b/layout/reftests/reftest-sanity/test-async-ref.xhtml
new file mode 100644
index 0000000000..690fc60aa9
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-async-ref.xhtml
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        style="background-color: green"/>
diff --git a/layout/reftests/reftest-sanity/test-async.html b/layout/reftests/reftest-sanity/test-async.html
new file mode 100644
index 0000000000..db24cf42b7
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-async.html
@@ -0,0 +1,12 @@
+<html class="reftest-wait">
+<body style="background-color: red;"
+      onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+        document.body.style.backgroundColor = "green";
+        document.documentElement.className = "";
+      }, 100);
+    }
+  </script>
+</body>
diff --git a/layout/reftests/reftest-sanity/test-async.xhtml b/layout/reftests/reftest-sanity/test-async.xhtml
new file mode 100644
index 0000000000..e8dc869ad3
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-async.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        id="main"
+        class="reftest-wait"
+        style="background-color: red;"
+        onload="HandleLoad()">
+  <script>
+    function HandleLoad() {
+      setTimeout(function() {
+        document.documentElement.style.backgroundColor = "green";
+        document.documentElement.className = "";
+      }, 100);
+    }
+  </script>
+</window>
diff --git a/layout/reftests/reftest-sanity/test-bg-attachment-fixed-ref.html b/layout/reftests/reftest-sanity/test-bg-attachment-fixed-ref.html
new file mode 100644
index 0000000000..f336883097
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-bg-attachment-fixed-ref.html
@@ -0,0 +1,16 @@
+<html reftest-displayport-w="800" reftest-displayport-h="1000">
+<head>
+<meta name="viewport" content="width=800; height=1000; initial-scale=1.0">
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style type="text/css">
+body
+{
+background-image:url("bg.png");
+background-repeat:no-repeat;
+background-attachment:fixed;
+}
+</style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-bg-attachment-fixed.html b/layout/reftests/reftest-sanity/test-bg-attachment-fixed.html
new file mode 100644
index 0000000000..12ca1c2c51
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-bg-attachment-fixed.html
@@ -0,0 +1,22 @@
+<html style="overflow:hidden"
+      reftest-displayport-w="800" reftest-displayport-h="1000">
+<head>
+<meta name="viewport" content="width=800; height=1000; initial-scale=1.0">
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<script>
+  function run() {
+    window.scrollTo(0, 30);
+  }
+</script>
+<style type="text/css">
+body
+{
+background-image:url("bg.png");
+background-repeat:no-repeat;
+background-attachment:fixed;
+}
+</style>
+</head>
+<body onload="run()" style="height: 10000px">
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-displayport-2.html b/layout/reftests/reftest-sanity/test-displayport-2.html
new file mode 100644
index 0000000000..6772732d76
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-displayport-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html reftest-displayport-w="200" reftest-displayport-h="200">
+<meta name="viewport" content="width=100; height=100; initial-scale=1.0">
+<body>
+  <div style="position: absolute; left:0px; top:0px;width:800px; height:1000px; background:green;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-displayport-bg.html b/layout/reftests/reftest-sanity/test-displayport-bg.html
new file mode 100644
index 0000000000..6044de36f2
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-displayport-bg.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html reftest-displayport-w="400" reftest-displayport-h="500"
+      reftest-async-scroll>
+<meta name="viewport" content="width=100; height=100; initial-scale=1.0">
+<body bgcolor=green style="position: absolute; left:0px; top:0px;width:800px; height:1000px;"></body>
+</html>
+
diff --git a/layout/reftests/reftest-sanity/test-displayport-ref.html b/layout/reftests/reftest-sanity/test-displayport-ref.html
new file mode 100644
index 0000000000..b699a79a31
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-displayport-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:green;"></body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-pos-fixed-ref.html b/layout/reftests/reftest-sanity/test-pos-fixed-ref.html
new file mode 100644
index 0000000000..864e6418cd
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-pos-fixed-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html reftest-displayport-w="200" reftest-displayport-h="100"
+<meta name="viewport" content="width=200; height=100; initial-scale=1.0">
+<body>
+<div style="position:fixed;top:0px;width:100%;height:10px;background-color:green;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-pos-fixed-transform-ref.html b/layout/reftests/reftest-sanity/test-pos-fixed-transform-ref.html
new file mode 100644
index 0000000000..6c99ac24bf
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-pos-fixed-transform-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<meta name="viewport" content="width=800; height=1000; initial-scale=1.0">
+<body>
+<div style="position: fixed; background: lightblue; top: 0; left: 0; width:100px; height:100px; transform: translate(360px,0px);"/>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-pos-fixed-transform.html b/layout/reftests/reftest-sanity/test-pos-fixed-transform.html
new file mode 100644
index 0000000000..1d7ed56c64
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-pos-fixed-transform.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html reftest-displayport-w="800" reftest-displayport-h="1000">
+<meta name="viewport" content="width=800; height=1000; initial-scale=1.0">
+<body>
+<div style="position: fixed; background: lightblue; top: 0; left: 0; width:100px; height:100px; transform: translate(360px,0px);"/>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-pos-fixed.html b/layout/reftests/reftest-sanity/test-pos-fixed.html
new file mode 100644
index 0000000000..7c792cf224
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-pos-fixed.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html reftest-displayport-w="200" reftest-displayport-h="100"
+      reftest-displayport-x="0" reftest-displayport-y="10">
+<meta name="viewport" content="width=200; height=100; initial-scale=1.0">
+<body>
+<div style="position:fixed;top:0px;width:100%;height:10px;background-color:green;">&nbsp;</div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-zoom-ref.html b/layout/reftests/reftest-sanity/test-zoom-ref.html
new file mode 100644
index 0000000000..16fd8cbfba
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-zoom-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0;">
+<div style="background:yellow; height:15px;"></div>
+<div style="position:absolute; top:150px; left:150px; width:150px; height:150px; border:1px solid black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/test-zoom.html b/layout/reftests/reftest-sanity/test-zoom.html
new file mode 100644
index 0000000000..d663030a93
--- /dev/null
+++ b/layout/reftests/reftest-sanity/test-zoom.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5">
+<body style="margin:0;">
+<div style="background:yellow; height:10px;"></div>
+<div style="position:absolute; top:100px; left:100px; width:100px; height:100px; border:1px solid black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/text-zoom-notref.html b/layout/reftests/reftest-sanity/text-zoom-notref.html
new file mode 100644
index 0000000000..b2be86b253
--- /dev/null
+++ b/layout/reftests/reftest-sanity/text-zoom-notref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="font: 16px/1 monospace">Foo</div>
diff --git a/layout/reftests/reftest-sanity/text-zoom-ref.html b/layout/reftests/reftest-sanity/text-zoom-ref.html
new file mode 100644
index 0000000000..6140f537fe
--- /dev/null
+++ b/layout/reftests/reftest-sanity/text-zoom-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<div style="font: 32px/1 monospace">Foo</div>
diff --git a/layout/reftests/reftest-sanity/text-zoom.html b/layout/reftests/reftest-sanity/text-zoom.html
new file mode 100644
index 0000000000..13ced799a8
--- /dev/null
+++ b/layout/reftests/reftest-sanity/text-zoom.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<html reftest-text-zoom="2">
+<div style="font: 16px/1 monospace">Foo</div>
diff --git a/layout/reftests/reftest-sanity/too-fuzzy.html b/layout/reftests/reftest-sanity/too-fuzzy.html
new file mode 100644
index 0000000000..e9b5c2ce5a
--- /dev/null
+++ b/layout/reftests/reftest-sanity/too-fuzzy.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="background: #ff04ff; width: 500px; height: 500px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/reftest-sanity/urlprefixtests-include.list b/layout/reftests/reftest-sanity/urlprefixtests-include.list
new file mode 100644
index 0000000000..623d5b0239
--- /dev/null
+++ b/layout/reftests/reftest-sanity/urlprefixtests-include.list
@@ -0,0 +1,6 @@
+# test url-prefix on include commands.
+
+# This include file should be loaded if url-prefix is ignored for
+# the include command in urlprefixtests.list.
+
+script scripttest-pass.html
diff --git a/layout/reftests/reftest-sanity/urlprefixtests.list b/layout/reftests/reftest-sanity/urlprefixtests.list
new file mode 100644
index 0000000000..0d55fc33e2
--- /dev/null
+++ b/layout/reftests/reftest-sanity/urlprefixtests.list
@@ -0,0 +1,23 @@
+# test url-prefix
+
+# test that url-prefix is not be applied to absolute uris.
+url-prefix absolute
+
+== data:text/html,<body> about:blank
+== data:text/plain, about:blank
+!= data:text/plain,HELLO about:blank
+
+# test that url-prefix is applied to test items.
+url-prefix prefix-
+
+script suffix.html
+
+# test if url-prefix containing / works.
+url-prefix prefix/
+
+script suffix.html
+
+# test that url-prefix should not be applied to include commands.
+
+include urlprefixtests-include.list
+
diff --git a/layout/reftests/reftest-sanity/zoom-invalidation-ref.html b/layout/reftests/reftest-sanity/zoom-invalidation-ref.html
new file mode 100644
index 0000000000..e51d313131
--- /dev/null
+++ b/layout/reftests/reftest-sanity/zoom-invalidation-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0;">
+<div id="d" style="position:absolute; top:23px; left:23px; width:150px; height:150px; background:yellow;"></div>
+</body>
+</html>
diff --git a/layout/reftests/reftest-sanity/zoom-invalidation.html b/layout/reftests/reftest-sanity/zoom-invalidation.html
new file mode 100644
index 0000000000..98e5655e90
--- /dev/null
+++ b/layout/reftests/reftest-sanity/zoom-invalidation.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5" class="reftest-wait">
+<body style="margin:0;">
+<div id="d" style="position:absolute; top:15px; left:15px; width:100px; height:100px;"></div>
+<script>
+function doTest() {
+  document.getElementById("d").style.background = "yellow";
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/reftest.list b/layout/reftests/reftest.list
new file mode 100644
index 0000000000..5fc3ebc76a
--- /dev/null
+++ b/layout/reftests/reftest.list
@@ -0,0 +1,449 @@
+# If you mark a test as failing or random, you MUST file a bug report in
+# bugzilla and note the bug number as a comment on the line with the
+# failing test.
+#
+# Please keep the tests in alphabetical order unless there is a reason
+# for something to not be in order.
+
+# verify the tests work
+include reftest-sanity/reftest.list
+
+# images (if ImageLib is busted, could result in weird failures in other tests)
+include ../../image/test/reftest/reftest.list
+
+# relative and absolute positioning
+include abs-pos/reftest.list
+include position-relative/reftest.list
+
+# apng-mime
+include apng-mime/reftest.list
+
+skip-if(unsupportedWithDrawSnapshot) include async-scrolling/reftest.list
+
+# backgrounds/
+include backgrounds/reftest.list
+
+# bidi/
+include bidi/reftest.list
+
+# border with dashed/dotted
+include border-dotted/reftest.list
+
+# border-image
+include border-image/reftest.list
+
+# border-radius/
+include border-radius/reftest.list
+
+# box-properties/
+include box-properties/reftest.list
+
+# box-shadow/
+include box-shadow/reftest.list
+
+# bugs/
+include bugs/reftest.list
+
+# canvas
+include canvas/reftest.list
+include ../../dom/canvas/test/reftest/reftest.list
+
+# css animations
+include css-animations/reftest.list
+
+# blending/
+include css-blending/reftest.list
+
+# Tests for the css-break spec
+include css-break/reftest.list
+
+# css calc() tests
+include css-calc/reftest.list
+
+# css character encoding tests
+include css-charset/reftest.list
+
+# css default pseudo class tests
+include css-default/reftest.list
+
+# css-display spec tests
+include css-display/reftest.list
+
+# css :disable tests
+include css-disabled/reftest.list
+
+# css :enable tests
+include css-enabled/reftest.list
+
+# css @import tests
+include css-import/reftest.list
+
+# css gradients
+include css-gradients/reftest.list
+
+# css media queries (tests for print mode)
+include css-mediaqueries/reftest.list
+
+# css page
+include css-page/reftest.list
+
+# css parsing
+include css-parsing/reftest.list
+
+# css placeholder
+include css-placeholder/reftest.list
+
+# css ruby
+include css-ruby/reftest.list
+
+# css required
+include css-required/reftest.list
+
+# css scroll snap
+include css-scroll-snap/reftest.list
+
+# css shapes
+include css-shapes/reftest.list
+
+# css optional
+include css-optional/reftest.list
+
+# css valid
+include css-valid/reftest.list
+
+# css invalid
+include css-invalid/reftest.list
+
+# css text-overflow
+include text-overflow/reftest.list
+
+# css scrollbars
+include css-scrollbars/reftest.list
+
+# css selectors
+include css-selectors/reftest.list
+
+# css sizing
+include css-sizing/reftest.list
+
+# css transitions
+include css-transitions/reftest.list
+
+# css ui
+include css-ui/reftest.list
+
+# css :-moz-ui-invalid
+include css-ui-invalid/reftest.list
+
+# css :-moz-ui-valid
+include css-ui-valid/reftest.list
+
+# css values and units
+include css-valuesandunits/reftest.list
+
+# css variables
+include css-variables/reftest.list
+
+# Reftests in css-visited are run using
+# layout/style/test/test_visited_reftests instead of using the reftest
+# harness.
+
+include cssom/reftest.list
+
+# color-scheme
+include color-scheme/reftest.list
+
+# columns/
+include columns/reftest.list
+
+# conditional/
+include conditional/reftest.list
+
+# content/
+include ../../dom/tests/reftest/reftest.list
+
+# counters/
+include counters/reftest.list
+
+# counter-style/
+include counter-style/reftest.list
+
+# datalist
+include datalist/reftest.list
+
+# details and summary
+include details-summary/reftest.list
+
+# dom/
+include dom/reftest.list
+
+# generated-content/
+include generated-content/reftest.list
+
+# first-letter/
+include first-letter/reftest.list
+
+# first-line/
+include first-line/reftest.list
+
+# flexbox (display: flex, display: inline-flex)
+include flexbox/reftest.list
+
+# CSS Grid (display: grid, display: inline-grid)
+include css-grid/reftest.list
+
+# floats/
+include floats/reftest.list
+
+# font-face
+include font-face/reftest.list
+
+# font features (opentype)
+include font-features/reftest.list
+
+# mobile font size inflation
+include font-inflation/reftest.list
+
+# CSS Font Loading API
+include font-loading-api/reftest.list
+
+# font matching
+include font-matching/reftest.list
+
+# font variations
+include font-variations/reftest.list
+
+# forms
+include forms/reftest.list
+
+# frameset
+include frameset/reftest.list
+
+# gfx
+include ../../gfx/tests/reftest/reftest.list
+
+# high contrast
+include high-contrast/reftest.list
+
+# block-inside-inline splits
+include ib-split/reftest.list
+
+# image/
+include image/reftest.list
+
+# image-element/
+include image-element/reftest.list
+
+# indic shaping with harfbuzz
+include indic-shaping/reftest.list
+
+# inline layout
+include inline/reftest.list
+
+# inline borders and padding
+include inline-borderpadding/reftest.list
+
+# layers/
+include layers/reftest.list
+
+# line-breaking/
+include line-breaking/reftest.list
+
+# list-item/
+include list-item/reftest.list
+
+# mathml/
+include mathml/reftest.list
+
+# margin-collapsing
+include margin-collapsing/reftest.list
+
+# marquee/
+include marquee/reftest.list
+
+# meta viewport
+skip-if(useDrawSnapshot) include meta-viewport/reftest.list
+
+# native-theme/
+# (no XUL theme on Android)
+skip-if(Android) include native-theme/reftest.list
+
+# netwerk/
+include ../../netwerk/test/reftest/reftest.list
+
+include outline/reftest.list
+
+# object/
+include object/reftest.list
+
+# ogg-video/
+skip-if(browserIsRemote) include ogg-video/reftest.list
+
+# webm-video/
+skip-if(browserIsRemote) include webm-video/reftest.list
+
+# mp4-video/
+skip-if(browserIsRemote) include mp4-video/reftest.list
+
+# parser/
+include ../../parser/htmlparser/tests/reftest/reftest.list
+
+# percent-overflow-sizing/
+include percent-overflow-sizing/reftest.list
+
+# pixel-rounding/
+include pixel-rounding/reftest.list
+
+# position-dynamic-changes/
+include position-dynamic-changes/reftest.list
+
+# printing
+# Disabled on Linux for frequent failures, bug 1634335
+# Diasbled on Android because pdf.js load fails.
+skip-if(!winWidget&&!cocoaWidget) include printing/reftest.list
+
+# pagination
+include pagination/reftest.list
+
+# scrolling
+include scrolling/reftest.list
+
+# selection
+include selection/reftest.list
+
+# sticky positioning
+include position-sticky/reftest.list
+
+# stylesheet cloning
+include stylesheet-cloning/reftest.list
+
+# svg/
+include svg/reftest.list
+
+# tab-size/
+include tab-size/reftest.list
+
+# table-anonymous-boxes/
+include table-anonymous-boxes/reftest.list
+
+# table-background/
+include table-background/reftest.list
+
+# table-bordercollapse/
+include table-bordercollapse/reftest.list
+
+# table-dom/
+include table-dom/reftest.list
+
+# table-html/
+include table-html/reftest.list
+
+include table-overflow/reftest.list
+
+# table-width/
+include table-width/reftest.list
+
+include ../tables/reftests/reftest.list
+
+# text/
+include text/reftest.list
+
+# text-stroke
+include text-stroke/reftest.list
+
+# text-decoration/
+include text-decoration/reftest.list
+
+# text-indent/
+include text-indent/reftest.list
+
+# text-shadow/
+include text-shadow/reftest.list
+
+# text-svgglyphs/
+include text-svgglyphs/reftest.list
+
+# text-transform/
+include text-transform/reftest.list
+
+# theme (osx)
+include ../../toolkit/themes/osx/reftests/reftest.list
+
+include ../../toolkit/content/tests/reftests/reftest.list
+
+# transform/
+# skipping on non-e10s windows because of assertion in bug 1401228
+skip-if(winWidget&&!browserIsRemote) include transform/reftest.list
+
+# 3d transforms
+include transform-3d/reftest.list
+
+# unicode/ (verify that we don't do expend effort doing unicode-aware case checks)
+include unicode/reftest.list
+
+# usercss
+include usercss/reftest.list
+
+include view-source/reftest.list
+
+# vr
+include ../../dom/vr/test/reftest/reftest.list
+
+# web-animations
+include web-animations/reftest.list
+
+# webcomponents/
+include webcomponents/reftest.list
+
+# widget/
+include ../../widget/reftests/reftest.list
+
+# xml-stylesheet/
+include ../../dom/tests/reftest/xml-stylesheet/reftest.list
+
+# xul-document-load/ (no XUL theme on Android)
+skip-if(Android) include xul-document-load/reftest.list
+
+# xul/ (no XUL theme on Android)
+skip-if(Android) include xul/reftest.list
+
+# xul (no XUL theme on Android)
+skip-if(Android) include ../xul/reftest/reftest.list
+
+# -webkit-box & associated properties (mapped to modern flexbox)
+include webkit-box/reftest.list
+
+# -webkit-gradient expressions
+include webkit-gradient/reftest.list
+
+# writing-mode
+include writing-mode/reftest.list
+
+# z-index/
+include z-index/reftest.list
+
+# reftest(s) to verify content bugfixes
+include ../../dom/html/reftests/reftest.list
+
+# editor/
+include ../../editor/reftests/reftest.list
+
+# box-sizing
+include box-sizing/reftest.list
+
+# invalidation
+include invalidation/reftest.list
+
+# encodings
+include ../../dom/encoding/test/reftest/reftest.list
+
+# APZ/async positioning tests
+skip-if(unsupportedWithDrawSnapshot) include ../../gfx/layers/apz/test/reftest/reftest.list
+
+# Display list building
+include display-list/reftest.list
+
+# Media
+include ../../dom/media/test/reftest/reftest.list
+include ../../dom/media/test/reftest/color_quads/reftest.list
+include ../../dom/media/webvtt/test/reftest/reftest.list
diff --git a/layout/reftests/scrolling/deferred-anchor-ref.xhtml b/layout/reftests/scrolling/deferred-anchor-ref.xhtml
new file mode 100644
index 0000000000..8256cf0e9a
--- /dev/null
+++ b/layout/reftests/scrolling/deferred-anchor-ref.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%; overflow: hidden;">
+<head>
+</head>
+<body style="margin: 0;">
+<div style="height: 50px; width: 50px; background-color: red;"/>
+<div style="height: 1000px;"/>
+<div id="d" style="height: 50px; width: 50px; background-color: green;"/>
+<div style="height: 1000px;"/>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/deferred-anchor.xhtml b/layout/reftests/scrolling/deferred-anchor.xhtml
new file mode 100644
index 0000000000..1cb3f54091
--- /dev/null
+++ b/layout/reftests/scrolling/deferred-anchor.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%; overflow: hidden;">
+<head>
+<script>
+var xhr = new XMLHttpRequest();
+xhr.onprogress = function() {
+};
+xhr.onload = function() {
+  document.documentElement.innerHTML = this.responseXML.documentElement.innerHTML;
+};
+xhr.open("get", "deferred-anchor-ref.xhtml");
+xhr.send();
+</script>
+</head>
+</html>
diff --git a/layout/reftests/scrolling/deferred-anchor2.xhtml b/layout/reftests/scrolling/deferred-anchor2.xhtml
new file mode 100644
index 0000000000..7cc9b72617
--- /dev/null
+++ b/layout/reftests/scrolling/deferred-anchor2.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%; overflow: hidden;">
+<head/>
+<body style="margin: 0; height: 100%;">
+<iframe style="width: 100%; height: 100%; border: none; background-color: -moz-Dialog;" src="iframe-deferred-anchor.xhtml"/>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/fixed-1.html b/layout/reftests/scrolling/fixed-1.html
new file mode 100644
index 0000000000..d68582e14c
--- /dev/null
+++ b/layout/reftests/scrolling/fixed-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="height:2000px; overflow:hidden">
+<script src="scrolling.js"></script>
+<div style="height:300px; background:url(repeatable-diagonal-gradient.png) fixed;"></div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/fixed-opacity-1.html b/layout/reftests/scrolling/fixed-opacity-1.html
new file mode 100644
index 0000000000..8f22427b41
--- /dev/null
+++ b/layout/reftests/scrolling/fixed-opacity-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="height:2000px; overflow:hidden; margin:0;">
+<div style="height:1000px; background:url(repeatable-diagonal-gradient.png) fixed repeat-x; opacity:0.5"></div>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/fixed-opacity-2.html b/layout/reftests/scrolling/fixed-opacity-2.html
new file mode 100644
index 0000000000..c0ac519350
--- /dev/null
+++ b/layout/reftests/scrolling/fixed-opacity-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<body style="height:2000px; margin:0; overflow:hidden">
+<div style="height:1000px; background:url(repeatable-diagonal-gradient.png) fixed repeat-x; opacity:0.5"></div>
+<script type="application/javascript">
+var topElements = document.getElementsByClassName("scrollTop");
+if (!topElements.length) {
+  topElements = [document.documentElement];
+}
+
+var failed = false;
+
+function doScroll(d)
+{
+  if (failed)
+    return;
+  for (var i = 0; i < topElements.length; ++i) {
+    var e = topElements[i];
+    e.scrollTop = d;
+    if (e.scrollTop != d) {
+      document.documentElement.textContent =
+          "Scrolling failed on " + e.tagName + " element, " +
+          "tried to scroll to " + d + ", got " + e.scrollTop +
+          " (Random number: " + Math.random() + ")";
+      failed = true;
+    }
+  }
+}
+
+if (document.location.search == '?ref') {
+  doScroll(700);
+} else {
+  doScroll(800);
+  document.documentElement.setAttribute("class", "reftest-wait");
+  window.addEventListener("MozReftestInvalidate", function() {
+    document.documentElement.removeAttribute("class");
+    doScroll(700);
+  });
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/fixed-table-1.html b/layout/reftests/scrolling/fixed-table-1.html
new file mode 100644
index 0000000000..8ce846cd5a
--- /dev/null
+++ b/layout/reftests/scrolling/fixed-table-1.html
@@ -0,0 +1,48 @@
+<!-- This needs to be quirks mode -->
+<html>
+<style>
+table { display:inline-table; caption-side:bottom; border-collapse:collapse; border:2px solid black; }
+td { width:100px; height:100px; }
+</style>
+<body style="height:2000px; overflow:hidden" class="scrollTop">
+<script src="scrolling.js"></script>
+<p><table style="background:url(repeatable-diagonal-gradient.png) fixed;">
+  <td>&nbsp;
+</table>
+<table>
+  <tbody style="background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
+</table>
+<table>
+  <tr style="background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
+</table>
+<table>
+  <td style="background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;
+</table>
+<p><table>
+  <colgroup style="background:url(repeatable-diagonal-gradient.png) fixed;"></colgroup>
+  <td>&nbsp;
+</table>
+<table>
+  <col style="background:url(repeatable-diagonal-gradient.png) fixed;"></col>
+  <td>&nbsp;
+</table>
+<table>
+  <td>&nbsp;
+  <caption style="background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;</caption>
+</table>
+
+<p><table>
+  <tbody style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
+</table>
+<table>
+  <tr style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;"><td>&nbsp;
+</table>
+<table>
+  <td style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;
+</table>
+<p><table>
+  <td>&nbsp;
+  <caption style="opacity:0.5; background:url(repeatable-diagonal-gradient.png) fixed;">&nbsp;</caption>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/fixed-text-1.html b/layout/reftests/scrolling/fixed-text-1.html
new file mode 100644
index 0000000000..c8df76d2fe
--- /dev/null
+++ b/layout/reftests/scrolling/fixed-text-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="height:2000px; overflow:hidden; background:url(repeatable-diagonal-gradient.png) fixed;">
+<script src="scrolling.js"></script>
+<p style="padding:2px;">Hello Kitty</p>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/fixed-text-2.html b/layout/reftests/scrolling/fixed-text-2.html
new file mode 100644
index 0000000000..67283b71b4
--- /dev/null
+++ b/layout/reftests/scrolling/fixed-text-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+p { margin:0; }
+</style>
+</head>
+<body style="overflow:hidden;">
+<div style="position: fixed; bottom: 0; z-index: 1; width: 100%; height: 50px; background-color: black;"></div>
+<div style="transform: scale(1);">
+<script>
+for (var i = 1; i <= 100; ++i) {
+  document.write("<p>This is some text: " + i + "\n");
+}
+</script>
+</div>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/fractional-scroll-area-invalidation.html b/layout/reftests/scrolling/fractional-scroll-area-invalidation.html
new file mode 100644
index 0000000000..2b20f160cd
--- /dev/null
+++ b/layout/reftests/scrolling/fractional-scroll-area-invalidation.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en" reftest-async-scroll>
+<meta charset="utf-8">
+<title>Make sure the scrolled layer is not invalidated when you scroll all the way to the bottom</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+.scrollbox {
+  margin: 50px;
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+}
+
+.scrolled-contents {
+  height: 150.2px;
+  padding-top: 150px;
+}
+
+.reftest-no-paint {
+  margin: 0 20px;
+  border: 1px solid blue;
+  height: 25px;
+}
+
+</style>
+
+<body>
+
+<div class="scrollbox"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="200" reftest-displayport-h="200"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="0">
+  <div class="scrolled-contents">
+    <div class="reftest-no-paint">
+      <!-- This element has the magic "reftest-no-paint" class which
+           constitutes the actual test here. -->
+    </div>
+  </div>
+</div>
+
+<script>
+
+var scrollbox = document.querySelector(".scrollbox");
+scrollbox.scrollTop = 2;
+scrollbox.scrollTop = 1;
+scrollbox.scrollTop = 0;
+
+function doTest() {
+  scrollbox.scrollTop = 999;
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
diff --git a/layout/reftests/scrolling/fractional-scroll-area.html b/layout/reftests/scrolling/fractional-scroll-area.html
new file mode 100644
index 0000000000..cba421499c
--- /dev/null
+++ b/layout/reftests/scrolling/fractional-scroll-area.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>Fractional scroll area position / size</title>
+
+<style>
+
+body {
+  margin: 0;
+}
+
+#scrollbox {
+  width: 200px;
+  overflow: hidden;
+  background: red;
+}
+
+#scrolled-content {
+  background: lime;
+  box-sizing: border-box;
+  border: solid black;
+  border-width: 1px 0;
+}
+
+</style>
+
+<div id="scrollbox">
+  <div id="scrolled-content"></div>
+</div>
+
+<script>
+
+function getFloatQueryParams(defaultValues) {
+  let result = Object.assign({}, defaultValues);
+  for (let chunk of location.search.substr(1).split("&")) {
+    let parts = chunk.split("=");
+    result[parts[0]] = parseFloat(parts[1]);
+  }
+  return result;
+}
+
+let params = getFloatQueryParams({
+  top: 0,
+  outerBottom: 100,
+  innerBottom: 100,
+  borderTop: 0,
+  borderBottom: 0,
+  scrollBefore: 0,
+  scrollAfter: undefined,
+  offsetAfter: undefined,
+});
+
+let scrollArea = document.getElementById("scrollbox");
+let scrolledContent = document.getElementById("scrolled-content");
+
+scrollArea.style.marginTop = params.top + "px";
+scrollArea.style.height = (params.outerBottom - params.top) + "px";
+scrolledContent.style.height =  (params.innerBottom - params.top) + "px";
+
+scrollArea.scrollTop = 1;
+scrollArea.scrollTop = 2;
+scrollArea.scrollTop = params.scrollBefore;
+
+window.addEventListener("MozReftestInvalidate", function () {
+  if (params.scrollAfter !== undefined) {
+    scrollArea.scrollTop = params.scrollAfter;
+  }
+  if (params.offsetAfter !== undefined) {
+    document.body.style.marginTop = params.offsetAfter + "px";
+  }
+  document.documentElement.className = "";
+});
+
+</script>
diff --git a/layout/reftests/scrolling/frame-scrolling-attr-1.html b/layout/reftests/scrolling/frame-scrolling-attr-1.html
new file mode 100644
index 0000000000..2fabcf302c
--- /dev/null
+++ b/layout/reftests/scrolling/frame-scrolling-attr-1.html
@@ -0,0 +1,17 @@
+<frameset cols="50%,50%">
+<frameset rows="20%,20%,20%,20%,20%">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+</frameset>
+
+<frameset rows="20%,20%,20%,20%,20%">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+</frameset>
+</frameset>
diff --git a/layout/reftests/scrolling/frame-scrolling-attr-2.html b/layout/reftests/scrolling/frame-scrolling-attr-2.html
new file mode 100644
index 0000000000..37faaff37c
--- /dev/null
+++ b/layout/reftests/scrolling/frame-scrolling-attr-2.html
@@ -0,0 +1,30 @@
+<script>
+function test() {
+  var yes = document.querySelectorAll('frame[scrolling="yes"]');
+  var no = document.querySelectorAll('frame[scrolling="no"]');
+  for (i = 0; i < no.length; ++i) {
+    no[i].setAttribute('scrolling','yes');
+  }
+  for (i = 0; i < yes.length; ++i) {
+    yes[i].setAttribute('scrolling','no');
+  }
+  document.documentElement.className='';
+}
+
+</script>
+<frameset cols="50%,50%" class="reftest-wait" onload="setTimeout(test,0)">
+<frameset rows="20%,20%,20%,20%,20%">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="yes" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+</frameset>
+<frameset rows="20%,20%,20%,20%,20%">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" scrolling="no" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+</frameset>
+</frameset>
diff --git a/layout/reftests/scrolling/frame-scrolling-attr-ref.html b/layout/reftests/scrolling/frame-scrolling-attr-ref.html
new file mode 100644
index 0000000000..3d866c49b6
--- /dev/null
+++ b/layout/reftests/scrolling/frame-scrolling-attr-ref.html
@@ -0,0 +1,17 @@
+<frameset cols="50%,50%">
+<frameset rows="20%,20%,20%,20%,20%">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+</frameset>
+
+<frameset rows="20%,20%,20%,20%,20%">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+    <frame frameborder="0" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>">
+</frameset>
+</frameset>
diff --git a/layout/reftests/scrolling/huge-horizontal-overflow-ref.html b/layout/reftests/scrolling/huge-horizontal-overflow-ref.html
new file mode 100644
index 0000000000..e9028e334d
--- /dev/null
+++ b/layout/reftests/scrolling/huge-horizontal-overflow-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head><title>Testcase for bug 751278</title>
+<style>
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -9999px; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+
+span { display:inline-block; min-width:300px;}
+</style>
+</head>
+<body>
+	<h1>Test</h1>
+	<div>
+	<div>
+	<table cellspacing='0' cellpadding='0'>
+			<tr>
+							<th><span>Col 0</span></th>
+							<th><span>Col 1</span></th>
+							<th><span>Col 2</span></th>
+							<th><span>Col 3</span></th>
+							<th><span>Col 4</span></th>
+							<th><span>Col 5</span></th>
+							<th><span>Col 6</span></th>
+							<th><span>Col 7</span></th>
+							<th><span>Col 8</span></th>
+							
+							
+						</tr>
+					<tr>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							
+						</tr>
+					
+			</table>
+	</div>
+	</div>
+<div class="ui-helper-clearfix ui-helper-hidden-accessible"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/scrolling/huge-horizontal-overflow.html b/layout/reftests/scrolling/huge-horizontal-overflow.html
new file mode 100644
index 0000000000..17519b5a7b
--- /dev/null
+++ b/layout/reftests/scrolling/huge-horizontal-overflow.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head><title>Testcase for bug 751278</title>
+<style>
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+
+span { display:inline-block; min-width:300px;}
+</style>
+</head>
+<body>
+	<h1>Test</h1>
+	<div>
+	<div>
+	<table cellspacing='0' cellpadding='0'>
+			<tr>
+							<th><span>Col 0</span></th>
+							<th><span>Col 1</span></th>
+							<th><span>Col 2</span></th>
+							<th><span>Col 3</span></th>
+							<th><span>Col 4</span></th>
+							<th><span>Col 5</span></th>
+							<th><span>Col 6</span></th>
+							<th><span>Col 7</span></th>
+							<th><span>Col 8</span></th>
+							
+							
+						</tr>
+					<tr>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							<td>alskjdfas</td>
+							
+						</tr>
+					
+			</table>
+	</div>
+	</div>
+<div class="ui-helper-clearfix ui-helper-hidden-accessible"></div>
+</body>
+</html>
+
diff --git a/layout/reftests/scrolling/huge-vertical-overflow-ref.html b/layout/reftests/scrolling/huge-vertical-overflow-ref.html
new file mode 100644
index 0000000000..56633c19ab
--- /dev/null
+++ b/layout/reftests/scrolling/huge-vertical-overflow-ref.html
@@ -0,0 +1,16 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style type="text/css">
+.hide { position: absolute; left: -99em; top: -99em; }
+#body { min-height: 3000px;}
+</style>
+
+</head>
+<body>
+  <div id="body">
+    <h1 class="hide">Microsoft Learning:</h1>
+    blah blah
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/huge-vertical-overflow.html b/layout/reftests/scrolling/huge-vertical-overflow.html
new file mode 100644
index 0000000000..2589b467f4
--- /dev/null
+++ b/layout/reftests/scrolling/huge-vertical-overflow.html
@@ -0,0 +1,16 @@
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style type="text/css">
+.hide { position: absolute; left: -999999em; top: -999999em; }
+#body { min-height: 3000px;}
+</style>
+
+</head>
+<body>
+  <div id="body">
+    <h1 class="hide">Microsoft Learning:</h1>
+    blah blah
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/iframe-border-radius-frame.html b/layout/reftests/scrolling/iframe-border-radius-frame.html
new file mode 100644
index 0000000000..05a60efa13
--- /dev/null
+++ b/layout/reftests/scrolling/iframe-border-radius-frame.html
@@ -0,0 +1 @@
+<body style='font-size:100px; overflow:hidden; background:white;'><p>Hello<p>Kitty<p>Hello<p>Kitty<p>Hello<p>Kitty<p>Hello<p>Kitty<p>Hello<p>Kitty<p>Hello<p>Kitty
diff --git a/layout/reftests/scrolling/iframe-border-radius-ref.html b/layout/reftests/scrolling/iframe-border-radius-ref.html
new file mode 100644
index 0000000000..814bcd3c14
--- /dev/null
+++ b/layout/reftests/scrolling/iframe-border-radius-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<iframe src="iframe-border-radius-frame.html" id="f" style="width:500px; height:500px; border-radius:100px; border:none;"></iframe>
+<script>
+var f = document.getElementById("f");
+function doTest() {
+  f.contentWindow.scrollTo(0, 80);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/iframe-border-radius.html b/layout/reftests/scrolling/iframe-border-radius.html
new file mode 100644
index 0000000000..31aa8ed880
--- /dev/null
+++ b/layout/reftests/scrolling/iframe-border-radius.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body>
+<iframe src="iframe-border-radius-frame.html" id="f" style="width:500px; height:500px; border-radius:100px; border:none;"></iframe>
+<script>
+var f = document.getElementById("f");
+var count = 0;
+function doTest() {
+  ++count;
+  f.contentWindow.scrollTo(0, count*20);
+  if (count == 4) {
+    document.documentElement.removeAttribute("class");
+  } else {
+    setTimeout(doTest, 20);
+  }
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/iframe-deferred-anchor.xhtml b/layout/reftests/scrolling/iframe-deferred-anchor.xhtml
new file mode 100644
index 0000000000..f47d0bf010
--- /dev/null
+++ b/layout/reftests/scrolling/iframe-deferred-anchor.xhtml
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" style="overflow:hidden">
+<head>
+<script>document.location.hash = "#d";</script>
+</head>
+<body style="margin: 0; background-color: white;">
+<div style="height: 50px; width: 50px; background-color: red;"/>
+<div style="height: 1000px;"/>
+<div id="d" style="height: 50px; width: 50px; background-color: green;"/>
+<div style="height: 1000px;"/>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/iframe-scrolling-attr-1.html b/layout/reftests/scrolling/iframe-scrolling-attr-1.html
new file mode 100644
index 0000000000..6732ac96a4
--- /dev/null
+++ b/layout/reftests/scrolling/iframe-scrolling-attr-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 943249</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+iframe { height: 80px; border:0; padding:0; margin:0; }
+
+    </style>
+</head>
+
+<body>
+<div style="float:left">
+scrolling="no", overflow:scroll<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:auto<br>
+    <iframe scrolling="noscroll" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:hidden<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:visible<br>
+    <iframe scrolling="off" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:inherit<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+<div style="float:left">
+scrolling="yes", overflow:scroll<br>
+    <iframe scrolling="on" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:auto<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:hidden<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:visible<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:inherit<br>
+    <iframe scrolling="scroll" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+<div style="float:left">
+overflow:hidden<br>
+    <iframe style="overflow:hidden" src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+overflow:scroll, overflow:hidden<br>
+    <iframe style="overflow:scroll" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+overflow:scroll<br>
+    <iframe style="overflow:scroll" src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+</body></html>
diff --git a/layout/reftests/scrolling/iframe-scrolling-attr-2.html b/layout/reftests/scrolling/iframe-scrolling-attr-2.html
new file mode 100644
index 0000000000..c72ac37402
--- /dev/null
+++ b/layout/reftests/scrolling/iframe-scrolling-attr-2.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 943249</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+iframe { height: 80px; border:0; padding:0; margin:0; }
+
+    </style>
+<script>
+function doTest() {
+  var no = document.querySelectorAll('iframe[scrolling="no"]');
+  var yes = document.querySelectorAll('iframe[scrolling="yes"]');
+  for (i = 0; i < no.length; ++i) {
+    no[i].setAttribute('scrolling','yes');
+  }
+  for (i = 0; i < yes.length; ++i) {
+    yes[i].setAttribute('scrolling','no');
+  }
+  document.documentElement.className='';
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div style="float:left">
+scrolling="no", overflow:scroll<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:auto<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:hidden<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:visible<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:inherit<br>
+    <iframe scrolling="yes" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+<div style="float:left">
+scrolling="yes", overflow:scroll<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:auto<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:auto'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:hidden<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:visible<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:visible'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:inherit<br>
+    <iframe scrolling="no" src="data:text/html,<body style='overflow:inherit'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+<div style="float:left">
+overflow:hidden<br>
+    <iframe style="overflow:hidden" src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+overflow:scroll, overflow:hidden<br>
+    <iframe style="overflow:scroll" src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+overflow:scroll<br>
+    <iframe style="overflow:scroll" src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+</body></html>
diff --git a/layout/reftests/scrolling/iframe-scrolling-attr-ref.html b/layout/reftests/scrolling/iframe-scrolling-attr-ref.html
new file mode 100644
index 0000000000..6c065ba270
--- /dev/null
+++ b/layout/reftests/scrolling/iframe-scrolling-attr-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 943249</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	
+iframe { height: 80px; border:0; padding:0; margin:0; }
+
+    </style>
+</head>
+<body>
+<div style="float:left">
+scrolling="no", overflow:scroll<br>
+    <iframe src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:auto<br>
+    <iframe src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:hidden<br>
+    <iframe src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:visible<br>
+    <iframe src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="no", overflow:inherit<br>
+    <iframe src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+<div style="float:left">
+scrolling="yes", overflow:scroll<br>
+    <iframe src="data:text/html,<body style='overflow:scroll'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:auto<br>
+    <iframe src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:hidden<br>
+    <iframe src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:visible<br>
+    <iframe src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+scrolling="yes", overflow:inherit<br>
+    <iframe src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+<div style="float:left">
+overflow:hidden<br>
+    <iframe src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+overflow:scroll, overflow:hidden<br>
+    <iframe src="data:text/html,<body style='overflow:hidden'>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+overflow:scroll<br>
+    <iframe src="data:text/html,<body>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>X<br>"></iframe><br>
+</div>
+
+</body></html>
diff --git a/layout/reftests/scrolling/image-1.html b/layout/reftests/scrolling/image-1.html
new file mode 100644
index 0000000000..d929c20f3e
--- /dev/null
+++ b/layout/reftests/scrolling/image-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="height:300px; overflow:hidden" class="scrollTop">
+  <div style="height:5px; background:yellow;"></div>
+  <img style="display:block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAMgAQMAAACj7s1kAAAAA1BMVEWAAABGTyZaAAAANElEQVR4nO3BAQEAAACCIP+vbkhAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfBl54AAB4qBHuAAAAABJRU5ErkJggg==">
+</div>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/layer-change-1-frame.html b/layout/reftests/scrolling/layer-change-1-frame.html
new file mode 100644
index 0000000000..3e97d3c1ec
--- /dev/null
+++ b/layout/reftests/scrolling/layer-change-1-frame.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAJ0lEQVRIx%2B3NMQEAAAgDoPUvrSnmIxQgOTA1AoFAIBAIBALBt6BqAZbsggsDjv9PAAAAAElFTkSuQmCC') fixed;}
+#header {
+	background: rgba(50,50,50,0.8);
+	position: fixed;
+	left: 0px;
+	top: 0px;
+	width: 500px;
+    height: 200px;
+	z-index: 1000;
+}
+#floaty_right {
+	position: fixed;
+	left: 600px;
+	top: 0px;
+    z-index: 0;
+}
+#floaty_left {
+	width: 500px;
+    border:1px solid black;
+}
+li {
+    margin-left: 100px;
+	position: relative;
+    background: yellow;
+    padding: 2px;
+}
+</style>
+<body>
+<div id="header">Android Gripes</div>
+<div id="floaty_right">dddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
+<div id="floaty_left">
+  <li>
+    When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+ When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+ When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+    When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+ When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+ When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+When I use an iPhone and an Android phone at the same time, I 
+often find that apps from the same company look a lot different on these
+ two platforms - the ones on Android usually look much worse.
+  </li>
+  <div style="height:10000px;"></div>
+  <script>
+  window.scrollTo(0,0);
+  </script>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/layer-change-1-ref.html b/layout/reftests/scrolling/layer-change-1-ref.html
new file mode 100644
index 0000000000..d2cb43491c
--- /dev/null
+++ b/layout/reftests/scrolling/layer-change-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+<iframe style="margin-top:100px; width:100%; height:600px;" src="layer-change-1-frame.html"></iframe>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/layer-change-1.html b/layout/reftests/scrolling/layer-change-1.html
new file mode 100644
index 0000000000..09bfe9716a
--- /dev/null
+++ b/layout/reftests/scrolling/layer-change-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body onload="start()">
+<iframe id="i" style="margin-top:100px; width:100%; height:600px;" src="layer-change-1-frame.html"></iframe>
+<script>
+var subw = document.getElementById("i").contentWindow;
+function doTest() {
+  subw.scrollTo(0,0);
+  document.documentElement.removeAttribute("class");
+}
+function start() {
+  subw.scrollTo(0,2000);
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/less-than-scrollbar-height-ref.html b/layout/reftests/scrolling/less-than-scrollbar-height-ref.html
new file mode 100644
index 0000000000..a0c9a4e2c4
--- /dev/null
+++ b/layout/reftests/scrolling/less-than-scrollbar-height-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head>
+<title>Testcase for bug 726258</title>
+  <style>
+    html,body{ overflow:hidden; margin:0; padding:0; }
+    p { overflow: auto; white-space: nowrap; font-size: 13px; padding-top:100px; margin-top:-100px; }
+  </style>
+</head>
+  <p>
+1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890
+</p>
diff --git a/layout/reftests/scrolling/less-than-scrollbar-height.html b/layout/reftests/scrolling/less-than-scrollbar-height.html
new file mode 100644
index 0000000000..e4a8aa77ee
--- /dev/null
+++ b/layout/reftests/scrolling/less-than-scrollbar-height.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head>
+<title>Testcase for bug 726258</title>
+  <style>
+    html,body{ overflow:hidden; margin:0; padding:0; }
+    p { overflow: auto; white-space: nowrap; font-size: 13px; margin-top:0; }
+  </style>
+</head>
+  <p>
+1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890
+</p>
diff --git a/layout/reftests/scrolling/move-item-ref.html b/layout/reftests/scrolling/move-item-ref.html
new file mode 100644
index 0000000000..613fd5c243
--- /dev/null
+++ b/layout/reftests/scrolling/move-item-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      #a_box {
+        overflow:auto;
+        width:100px;
+        height:100px;
+        border:1px solid black;
+      }
+      #item {
+        transform: translate(80px, 80px);
+        width:40px;
+        height:40px;
+        position:relative;
+        background-color:#666;
+      }
+    </style>
+</head>
+<body>
+  <div id="a_box">
+    <div id="item"></div>
+  </div>
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/move-item.html b/layout/reftests/scrolling/move-item.html
new file mode 100644
index 0000000000..774db68560
--- /dev/null
+++ b/layout/reftests/scrolling/move-item.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <style type="text/css">
+      #a_box {
+        overflow:auto;
+        width:100px;
+        height:100px;
+        border:1px solid black;
+      }
+      #item {
+        width:40px;
+        height:40px;
+        position:relative;
+        background-color:#666;
+      }
+    </style>
+</head>
+<body onload="runTest();">
+  <div id="a_box">
+    <div id="item"></div>
+  </div>
+<script>
+  function runTest() {
+    document.getElementById("item").style.transform = "translate(80px, 80px)";
+    document.documentElement.removeAttribute("class");
+  }
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/opacity-mixed-scrolling-1.html b/layout/reftests/scrolling/opacity-mixed-scrolling-1.html
new file mode 100644
index 0000000000..da4227c331
--- /dev/null
+++ b/layout/reftests/scrolling/opacity-mixed-scrolling-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div class="scrollTop" style="overflow:hidden; width:200px; height:200px;">
+  <div style="margin:70px 20px; opacity:0.5; height:400px; background:yellow;">
+    <div style="position:absolute; background:yellow; width:50px; height:100px; top: 0; left:50px;">
+    </div>
+  </div>
+</div>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/opacity-mixed-scrolling-2.html b/layout/reftests/scrolling/opacity-mixed-scrolling-2.html
new file mode 100644
index 0000000000..e97ad6ac54
--- /dev/null
+++ b/layout/reftests/scrolling/opacity-mixed-scrolling-2.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html>
+<style>
+#scrollbox {
+  margin: 20px;
+  width: 300px;
+  height: 400px;
+  overflow-y: auto;
+  background: linear-gradient(#444, #555);
+}
+.opacityBox {
+  opacity: 0.999;
+  border: 1px solid black;
+  margin: 20px;
+  padding: 20px;
+}
+#inner {
+  background-image: linear-gradient(white, rgba(255,255,255,0));
+}
+</style>
+
+<div id="scrollbox" class="scrollTop">
+  <div id="inner">
+    outside
+    <div class="opacityBox">in opacity box</div>
+    outside
+    <div class="opacityBox">in opacity box</div>
+
+    outside
+    <div class="opacityBox">in opacity box</div>
+    outside
+    <div class="opacityBox">in opacity box</div>
+    outside
+    <div class="opacityBox">in opacity box</div>
+    outside
+    <div class="opacityBox">in opacity box</div>
+    outside
+    <div class="opacityBox">in opacity box</div>
+
+    outside
+    <div class="opacityBox">in opacity box</div>
+    outside
+    <div class="opacityBox">in opacity box</div>
+    outside
+  </div>
+</div>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/percent-height-overflowing-image-1-ref.html b/layout/reftests/scrolling/percent-height-overflowing-image-1-ref.html
new file mode 100644
index 0000000000..f12e566cc1
--- /dev/null
+++ b/layout/reftests/scrolling/percent-height-overflowing-image-1-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8">
+  <title>Reference case for %-height potentially-overflowing images</title>
+  <style>
+    .container {
+      height: 80px;
+      border: 2px solid purple;
+      margin: 1px;
+      display: inline-block;
+    }
+    .percent-size {
+      display: block;
+      height: 100%;
+      border: 2px solid black;
+      box-sizing: border-box;
+    }
+    .scrollX {
+      overflow-x: scroll;
+    }
+    .scrollBoth {
+      overflow: scroll;
+    }
+  </style>
+</head>
+<body>
+  <div class="container scrollX" style="width: 50px; height: 120px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <div class="container scrollX" style="width: 60px; height: 120px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <br>
+
+  <div class="container scrollBoth" style="width: 78px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <div class="container scrollBoth" style="width: 79px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <br>
+
+  <div class="container" style="width: 80px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <div class="container" style="width: 90px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+</body>
diff --git a/layout/reftests/scrolling/percent-height-overflowing-image-1.html b/layout/reftests/scrolling/percent-height-overflowing-image-1.html
new file mode 100644
index 0000000000..fbb9b12154
--- /dev/null
+++ b/layout/reftests/scrolling/percent-height-overflowing-image-1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8">
+  <title>Testcase for %-height potentially-overflowing images</title>
+  <!-- This test exercises a series of scenarios where the presence of
+       scrollbars affects the layout in a way that may make those scrollbars
+       unnecessary. Specifically, we have a series of examples here
+       with a scrollable div, where...
+         - The child's width depends on its container's height, via
+           its aspect ratio and via having a percent-height.
+         - *Without* scrollbars, the child is too wide and causes horizontal
+           overflow.
+         - If we *add* a horizontal scrollbar (which occupies vertical space),
+           the child's height is reduced (on platforms where scrollbars take up
+           space) and so its width is reduced as well, and it might not
+           cause horizontal overflow beyond its parent's border-box anymore.
+       This creates a bit of a paradox.  We resolve it by opting to show
+       scrollbars, to be on the safe side & to make sure that we don't
+       have any unreachable content.
+    -->
+  <style>
+    .container {
+      overflow: auto;
+      height: 80px;
+      border: 2px solid purple;
+      margin: 1px;
+      display: inline-block;
+    }
+    .percent-size {
+      display: block;
+      height: 100%;
+      border: 2px solid black;
+      box-sizing: border-box;
+    }
+  </style>
+</head>
+<body>
+  <!-- Here, the div is extremely skinny; there'll definitely be horizontal
+       overflow (but not vertical), so we should just show the horizontal
+       scrollbar: -->
+  <div class="container" style="width: 50px; height: 120px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <div class="container" style="width: 60px; height: 120px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <br>
+
+  <!-- Here, the div is nearly wide enough to avoid overflow, but not quite. On
+       platforms where scrollbars occupy layout-space, the presence of any
+       horizontal scrollbar here will reduce the height of the child, and (via
+       the child's aspect ratio) reduce the width of the child, such that the
+       child ends up skinnier than the parent's width and won't overflow the
+       parent's border-box anymore. We resolve this by just throwing up our
+       hands and showing *both* scrollbars (horizontal and vertical). -->
+  <div class="container" style="width: 78px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <div class="container" style="width: 79px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <br>
+
+  <!-- Here, the div is wide enough so that no scrollbars are needed. -->
+  <div class="container" style="width: 80px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+  <div class="container" style="width: 90px">
+    <img class="percent-size" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQImWP4DwUMMAAAa6YH+b3nj3MAAAAASUVORK5CYII=">
+  </div>
+</body>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-1-ref.html b/layout/reftests/scrolling/propagated-overflow-style-1-ref.html
new file mode 100644
index 0000000000..7c2b1b3150
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Reference case with body and html *independently* scrollable.
+  </title>
+  <style>
+    html {
+      overflow: scroll;
+    }
+    body {
+      overflow: scroll;
+    }
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-1a.html b/layout/reftests/scrolling/propagated-overflow-style-1a.html
new file mode 100644
index 0000000000..b5115d36fe
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-1a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Testcase with body and html *independently* scrollable,
+    with body's "overflow" set dynamically.
+  </title>
+  <style>
+    html {
+      overflow: scroll;
+    }
+  </style>
+  <script>
+    function doTest() {
+      document.body.style.overflow = "scroll";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-1b.html b/layout/reftests/scrolling/propagated-overflow-style-1b.html
new file mode 100644
index 0000000000..4608b87d62
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-1b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Testcase with body and html *independently* scrollable,
+    with html's "overflow" set dynamically.
+  </title>
+  <style>
+    body {
+      overflow: scroll;
+    }
+  </style>
+  <script>
+    function doTest() {
+      document.documentElement.style.overflow = "scroll";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-1c.html b/layout/reftests/scrolling/propagated-overflow-style-1c.html
new file mode 100644
index 0000000000..11809915a0
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-1c.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Testcase with body and html *independently* scrollable,
+    with both html & body's "overflow" set dynamically.
+  </title>
+  <script>
+    function doTest() {
+      document.documentElement.style.overflow = "scroll";
+      document.body.style.overflow = "scroll";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-2-ref.html b/layout/reftests/scrolling/propagated-overflow-style-2-ref.html
new file mode 100644
index 0000000000..20c3b8ae5b
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Reference case with the root viewport scrollable, via styles on html node.
+  </title>
+  <style>
+    html {
+      overflow: scroll;
+    }
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-2a.html b/layout/reftests/scrolling/propagated-overflow-style-2a.html
new file mode 100644
index 0000000000..250bedd6c6
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-2a.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Testcase with only one of [html,body] being scrollable,
+    after body's "overflow" is reset dynamically.
+  </title>
+  <style>
+    html {
+      overflow: scroll;
+    }
+    body {
+      overflow: scroll;
+    }
+  </style>
+  <script>
+    function doTest() {
+      document.body.style.overflow = "visible";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-2b.html b/layout/reftests/scrolling/propagated-overflow-style-2b.html
new file mode 100644
index 0000000000..c94ddedb26
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-2b.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Testcase with only one of [html,body] being scrollable,
+    after html's "overflow" is reset dynamically.
+  </title>
+  <style>
+    html {
+      overflow: scroll;
+    }
+    body {
+      overflow: scroll;
+    }
+  </style>
+  <script>
+    function doTest() {
+      document.documentElement.style.overflow = "visible";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-2c.html b/layout/reftests/scrolling/propagated-overflow-style-2c.html
new file mode 100644
index 0000000000..0ceb1f21ab
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-2c.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Testcase with only one of [html,body] being scrollable,
+    with their "overflow" styles being dynamically swapped.
+  </title>
+  <style>
+    html {
+      overflow: scroll;
+    }
+  </style>
+  <script>
+    function doTest() {
+      document.documentElement.style.overflow = "visible";
+      document.body.style.overflow = "scroll";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-2d.html b/layout/reftests/scrolling/propagated-overflow-style-2d.html
new file mode 100644
index 0000000000..3353a33744
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-2d.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>
+    Testcase with only one of [html,body] being scrollable,
+    with their "overflow" styles being dynamically swapped.
+  </title>
+  <style>
+    body {
+      overflow: scroll;
+    }
+  </style>
+  <script>
+    function doTest() {
+      document.documentElement.style.overflow = "scroll";
+      document.body.style.overflow = "visible";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+  </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/propagated-overflow-style-2e.html b/layout/reftests/scrolling/propagated-overflow-style-2e.html
new file mode 100644
index 0000000000..f9105185b1
--- /dev/null
+++ b/layout/reftests/scrolling/propagated-overflow-style-2e.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Testcase with the root viewport scrollable, via styles on body node.
+  </title>
+  <style>
+    body {
+      overflow: scroll;
+    }
+  </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/reftest.list b/layout/reftests/scrolling/reftest.list
new file mode 100644
index 0000000000..f631654250
--- /dev/null
+++ b/layout/reftests/scrolling/reftest.list
@@ -0,0 +1,103 @@
+HTTP == deferred-anchor.xhtml#d deferred-anchor-ref.xhtml#d
+fuzzy-if(xulRuntime.widgetToolkit=="gtk",0-1,0-23) fails-if(useDrawSnapshot) == deferred-anchor2.xhtml deferred-anchor-ref.xhtml#d # bug 1182632
+HTTP == fixed-1.html fixed-1.html?ref
+fuzzy(0-1,0-32200) HTTP == fixed-table-1.html fixed-table-1.html?ref
+HTTP == fixed-opacity-1.html fixed-opacity-1.html?ref
+HTTP == fixed-opacity-2.html fixed-opacity-2.html?ref
+random-if(gtkWidget) fuzzy-if(Android,0-3,0-60) HTTP == fixed-text-1.html fixed-text-1.html?ref
+HTTP == fixed-text-2.html fixed-text-2.html?ref
+random-if(Android) fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-12) fuzzy-if(winWidget,0-1,0-31) == iframe-border-radius.html iframe-border-radius-ref.html # bug 760269
+random-if(Android) HTTP == image-1.html image-1.html?ref
+random-if(Android) HTTP == opacity-mixed-scrolling-1.html opacity-mixed-scrolling-1.html?ref # bug 760269
+random-if(cocoaWidget) HTTP == opacity-mixed-scrolling-2.html opacity-mixed-scrolling-2.html?ref # see bug 625357
+fails-if(Android) == percent-height-overflowing-image-1.html percent-height-overflowing-image-1-ref.html # bug 1494132
+
+== scroll-behavior-1.html scroll-behavior-1.html?ref
+== scroll-behavior-2.html scroll-behavior-2.html?ref
+== scroll-behavior-3.html scroll-behavior-3.html?ref
+== scroll-behavior-4.html scroll-behavior-4.html?ref
+== scroll-behavior-5.html scroll-behavior-5.html?ref
+== scroll-behavior-6.html scroll-behavior-6.html?ref
+== scroll-behavior-7.html scroll-behavior-7.html?ref
+== scroll-behavior-8.html scroll-behavior-8.html?ref
+== scroll-behavior-9.html scroll-behavior-9.html?ref
+== scroll-behavior-10.html scroll-behavior-10.html?ref
+== scroll-behavior-textarea.html scroll-behavior-textarea.html?ref
+HTTP == simple-1.html simple-1.html?ref
+HTTP == subpixel-1.html#d subpixel-1-ref.html#d
+fuzzy-if(Android,0-4,0-120) HTTP == text-1.html text-1.html?ref
+fuzzy-if(Android,0-4,0-120) HTTP == text-2.html?up text-2.html?ref
+fuzzy(0-1,0-42) HTTP == transformed-1.html transformed-1.html?ref
+fuzzy(0-1,0-43) HTTP == transformed-1.html?up transformed-1.html?ref
+fuzzy-if(Android,0-5,0-20000) == uncovering-1.html uncovering-1-ref.html
+fuzzy-if(Android,0-5,0-20000) == uncovering-2.html uncovering-2-ref.html
+fuzzy-if(asyncPan&&!layersGPUAccelerated,0-149,0-4520) == less-than-scrollbar-height.html less-than-scrollbar-height-ref.html
+== huge-horizontal-overflow.html huge-horizontal-overflow-ref.html
+== huge-vertical-overflow.html huge-vertical-overflow-ref.html
+pref(apz.allow_zooming,true) fuzzy-if(gtkWidget,0-1,0-80) fuzzy-if(winWidget,0-4,0-170) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-102,0-6818) fuzzy-if(winWidget&&browserIsFission,0-96,0-1109) == iframe-scrolling-attr-1.html iframe-scrolling-attr-ref.html # fission: Bug 1717856
+pref(apz.allow_zooming,true) fuzzy-if(gtkWidget,0-1,0-80) fuzzy-if(winWidget,0-4,0-170) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-140,0-6818) fuzzy-if(winWidget&&browserIsFission,0-96,0-1109) == iframe-scrolling-attr-2.html iframe-scrolling-attr-ref.html # fission: Bug 1717856
+pref(apz.allow_zooming,true) fuzzy(0-1,0-2) fuzzy-if(geckoview,0-1,0-15) fuzzy-if(gtkWidget,0-1,0-48) fuzzy-if(winWidget,0-4,0-108) fuzzy-if(winWidget&&fission,0-92,0-1280) == frame-scrolling-attr-1.html frame-scrolling-attr-ref.html
+pref(apz.allow_zooming,true) fuzzy(0-1,0-2) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-102,0-2420) fuzzy-if(geckoview,0-1,0-88) fuzzy-if(gtkWidget,0-1,0-48) fuzzy-if(winWidget,0-4,0-108) fuzzy-if(winWidget&&fission,0-92,0-1920) == frame-scrolling-attr-2.html frame-scrolling-attr-ref.html
+== move-item.html move-item-ref.html # bug 1125750
+== fractional-scroll-area.html?top=-0.4&outerBottom=100&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=100&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0&outerBottom=99.6&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0&outerBottom=100.4&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=99.6&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=100.4&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=99.6&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=100.4&innerBottom=200 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=100&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=100&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0&outerBottom=99.6&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0&outerBottom=100.4&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=99.6&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=100.4&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=99.6&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=100.4&innerBottom=199.6 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=100&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=100&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0&outerBottom=99.6&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0&outerBottom=100.4&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=99.6&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=100.4&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=99.6&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=0.4&outerBottom=100.4&innerBottom=200.4 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200
+== fractional-scroll-area.html?top=-0.4&outerBottom=100&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=100&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0&outerBottom=99.6&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0&outerBottom=100.4&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=99.6&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=100.4&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=99.6&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=100.4&innerBottom=200&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=100&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=100&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0&outerBottom=99.6&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0&outerBottom=100.4&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=99.6&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=100.4&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=99.6&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=100.4&innerBottom=199.6&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=100&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=100&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0&outerBottom=99.6&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0&outerBottom=100.4&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=99.6&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=-0.4&outerBottom=100.4&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=99.6&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+== fractional-scroll-area.html?top=0.4&outerBottom=100.4&innerBottom=200.4&scrollBefore=999 fractional-scroll-area.html?top=0&outerBottom=100&innerBottom=200&scrollBefore=999
+!= fractional-scroll-area-invalidation.html about:blank
+
+# Tests for "overflow" styles that may be propagated to the viewport:
+== propagated-overflow-style-1a.html propagated-overflow-style-1-ref.html
+== propagated-overflow-style-1b.html propagated-overflow-style-1-ref.html
+== propagated-overflow-style-1c.html propagated-overflow-style-1-ref.html
+== propagated-overflow-style-2a.html propagated-overflow-style-2-ref.html
+== propagated-overflow-style-2b.html propagated-overflow-style-2-ref.html
+== propagated-overflow-style-2c.html propagated-overflow-style-2-ref.html
+== propagated-overflow-style-2d.html propagated-overflow-style-2-ref.html
+== propagated-overflow-style-2e.html propagated-overflow-style-2-ref.html
+
+fuzzy-if(Android,54-54,8-29) == xul-scrollbar-iterate.html xul-scrollbar-iterate-ref.html
+== scrollbars-area-in-iframe.html scrollbars-area-in-iframe-ref.html
diff --git a/layout/reftests/scrolling/repeatable-diagonal-gradient.png b/layout/reftests/scrolling/repeatable-diagonal-gradient.png
new file mode 100644
index 0000000000..d114e100d3
Binary files /dev/null and b/layout/reftests/scrolling/repeatable-diagonal-gradient.png differ
diff --git a/layout/reftests/scrolling/scroll-behavior-1.html b/layout/reftests/scrolling/scroll-behavior-1.html
new file mode 100644
index 0000000000..5f845aa191
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538, smooth scrolling expected</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        html {
+            scroll-behavior: smooth;
+        }
+
+        #a_box {
+            position: relative;
+            left: 10px;
+            top: 10px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        #another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="a_box"></div>
+  <div id="another_box"></div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      window.scrollTo({left: 500, top: 500});
+      window.scrollTo({left: window.scrollX, top: window.scrollY});
+    }
+    document.documentElement.removeAttribute("class");
+  }
+  window.scrollTo({left: 0, top: 0, behavior: "instant"});
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-10.html b/layout/reftests/scrolling/scroll-behavior-10.html
new file mode 100644
index 0000000000..81716ccd6c
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-10.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1104356 smooth scrolling expected</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        #parent {
+            overflow: hidden;
+            width: 100px;
+            height: 100px;
+        }
+
+        #a_box {
+            position: relative;
+            left: 10px;
+            top: 10px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        #another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="parent">
+   <div id="a_box"></div>
+   <div id="another_box"></div>
+  </div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      document.getElementById('parent').scrollTo({left: 10, top: 10, behavior: 'smooth'});
+    } else {
+      document.getElementById('parent').scrollLeft = 10;
+      document.getElementById('parent').scrollTop = 10;
+    }
+
+    // Allow smooth scrolling to complete before testing result
+    setTimeout(function() {
+      document.documentElement.removeAttribute("class");
+    }, 500);
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-2.html b/layout/reftests/scrolling/scroll-behavior-2.html
new file mode 100644
index 0000000000..224cc56831
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-2.html
@@ -0,0 +1,104 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538, smooth scrolling expected</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        .a_box {
+            position: relative;
+            left: 0px;
+            top: 0px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        .another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+        .scroll_box {
+            width: 50px;
+            height: 50px;
+            overflow: scroll;
+            will-change: scroll-position;
+        }
+
+        #scroll_1, #scroll_2, #scroll_3, #scroll_6 {
+            scroll-behavior: smooth;
+        }
+
+        #scroll_4 {
+            scroll-behavior: auto;
+        }
+	}
+
+    </style>
+</head>
+<body>
+  <div id="scroll_1" class="scroll_box">
+    <div id="box1a" class="a_box"></div>
+    <div id="box1b" class="another_box"></div>
+  </div>
+  <div id="scroll_2" class="scroll_box">
+    <div id="box2a" class="a_box"></div>
+    <div id="box2b" class="another_box"></div>
+  </div>
+  <div id="scroll_3" class="scroll_box">
+    <div id="box3a" class="a_box"></div>
+    <div id="box3b" class="another_box"></div>
+  </div>
+  <div id="scroll_4" class="scroll_box">
+    <div id="box4a" class="a_box"></div>
+    <div id="box4b" class="another_box"></div>
+  </div>
+  <div id="scroll_5" class="scroll_box">
+    <div id="box5a" class="a_box"></div>
+    <div id="box5b" class="another_box"></div>
+  </div>
+  <div id="scroll_6" class="scroll_box">
+    <div id="box6a" class="a_box"></div>
+    <div id="box6b" class="another_box"></div>
+  </div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      document.getElementById("box1b").scrollIntoView({block: "end"});
+      document.getElementById("box2b").scrollIntoView({block: "end", behavior: "auto"});
+      document.getElementById("box3b").scrollIntoView({block: "end", behavior: "smooth"});
+      document.getElementById("box4b").scrollIntoView({block: "end", behavior: "smooth"});
+      document.getElementById("box5b").scrollIntoView({block: "end", behavior: "smooth"});
+      document.getElementById("box6b").scrollIntoView(false);
+
+      // Interrupt any smooth scrolling
+      for (var i=1; i <= 6; i++) {
+        document.getElementById("scroll_" + i).scrollLeft
+          = document.getElementById("scroll_" + i).scrollLeft;
+        document.getElementById("scroll_" + i).scrollTop
+          = document.getElementById("scroll_" + i).scrollTop;
+      }
+    }
+    document.documentElement.removeAttribute("class");
+  }
+  for (var i=1; i <= 6; i++) {
+    document.getElementById("box" + i + "a")
+      .scrollIntoView({block: "start", behavior: "instant"});
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-3.html b/layout/reftests/scrolling/scroll-behavior-3.html
new file mode 100644
index 0000000000..cc2da36132
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-3.html
@@ -0,0 +1,132 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538, instant scrolling expected</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        .a_box {
+            position: relative;
+            left: 0px;
+            top: 0px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        .another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+        .scroll_box {
+            width: 50px;
+            height: 50px;
+            overflow: scroll;
+            will-change: scroll-position;
+        }
+
+        #scroll_1, #scroll_4, #scroll_6, #scroll_8 {
+            scroll-behavior: auto;
+        }
+
+        #scroll_3 {
+            scroll-behavior: smooth;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="scroll_1" class="scroll_box">
+    <div id="box1a" class="a_box"></div>
+    <div id="box1b" class="another_box"></div>
+  </div>
+  <div id="scroll_2" class="scroll_box">
+    <div id="box2a" class="a_box"></div>
+    <div id="box2b" class="another_box"></div>
+  </div>
+  <div id="scroll_3" class="scroll_box">
+    <div id="box3a" class="a_box"></div>
+    <div id="box3b" class="another_box"></div>
+  </div>
+  <div id="scroll_4" class="scroll_box">
+    <div id="box4a" class="a_box"></div>
+    <div id="box4b" class="another_box"></div>
+  </div>
+  <div id="scroll_5" class="scroll_box">
+    <div id="box5a" class="a_box"></div>
+    <div id="box5b" class="another_box"></div>
+  </div>
+  <div id="scroll_6" class="scroll_box">
+    <div id="box6a" class="a_box"></div>
+    <div id="box6b" class="another_box"></div>
+  </div>
+  <div id="scroll_7" class="scroll_box">
+    <div id="box7a" class="a_box"></div>
+    <div id="box7b" class="another_box"></div>
+  </div>
+  <div id="scroll_8" class="scroll_box">
+    <div id="box8a" class="a_box"></div>
+    <div id="box8b" class="another_box"></div>
+  </div>
+  <div id="scroll_9" class="scroll_box">
+    <div id="box9a" class="a_box"></div>
+    <div id="box9b" class="another_box"></div>
+  </div>
+  <div id="scroll_10" class="scroll_box">
+    <div id="box10a" class="a_box"></div>
+    <div id="box10b" class="another_box"></div>
+  </div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      document.getElementById("box1b").scrollIntoView({block: "end"});
+      document.getElementById("box2b").scrollIntoView({block: "end"});
+      document.getElementById("box3b").scrollIntoView({block: "end", behavior: "instant"});
+      document.getElementById("box4b").scrollIntoView({block: "end", behavior: "instant"});
+      document.getElementById("box5b").scrollIntoView({block: "end", behavior: "instant"});
+      document.getElementById("box6b").scrollIntoView({block: "end", behavior: "auto"});
+      document.getElementById("box7b").scrollIntoView({block: "end", behavior: "auto"});
+      document.getElementById("box8b").scrollIntoView(false);
+      document.getElementById("box9b").scrollIntoView(false);
+
+      // Scroll_10 is a control, expected to scroll smoothly
+      document.getElementById("box10b").scrollIntoView({block: "end", behavior: "smooth"});
+
+      // Interrupt any smooth scrolling
+      for (var i=1; i <= 10; i++) {
+        document.getElementById("scroll_" + i).scrollLeft
+          = document.getElementById("scroll_" + i).scrollLeft;
+        document.getElementById("scroll_" + i).scrollTop
+          = document.getElementById("scroll_" + i).scrollTop;
+      }
+    } else {
+      // Scroll all boxes except box 10
+      for (var i=1; i <= 9; i++) {
+        document.getElementById("box" + i + "b").scrollIntoView({block: "end", behavior: "instant"});
+      }
+    }
+    document.documentElement.removeAttribute("class");
+  }
+
+  for (var i=1; i <= 10; i++) {
+    document.getElementById("box" + i + "a")
+      .scrollIntoView({block: "start", behavior: "instant"});
+  }
+
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-4.html b/layout/reftests/scrolling/scroll-behavior-4.html
new file mode 100644
index 0000000000..65c39cdcce
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-4.html
@@ -0,0 +1,99 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538 - Anchor Link Scrolling</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        .a_box {
+            position: relative;
+            left: 0px;
+            top: 0px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        .another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+            display: inline-block;
+        }
+
+        .scroll_box {
+            width: 50px;
+            height: 50px;
+            overflow: scroll;
+            will-change: scroll-position;
+        }
+
+        #scroll_1 {
+            scroll-behavior: auto;
+        }
+
+        #scroll_3 {
+            scroll-behavior: smooth;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="scroll_1" class="scroll_box">
+    <div id="box1a" class="a_box"></div>
+    <a name="test_anchor_1" id="box1b" class="another_box"></a>
+  </div>
+  <div id="scroll_2" class="scroll_box">
+    <div id="box2a" class="a_box"></div>
+    <a name="test_anchor_2" id="box2b" class="another_box"></a>
+  </div>
+  <div id="scroll_3" class="scroll_box">
+    <div id="box3a" class="a_box"></div>
+    <a name="test_anchor_3" id="box3b" class="another_box"></a>
+  </div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      // Scroll_1 to Scroll_2 are expected to scroll instantly
+      window.location.hash = "test_anchor_1";
+      window.location.hash = "test_anchor_2";
+
+      // Scroll_3 is expected to scroll smoothly
+      document.getElementById("box3b").scrollIntoView({block: "end", behavior: "smooth"});
+
+      // Interrupt any smooth scrolling
+      for (var i=1; i <= 3; i++) {
+        document.getElementById("scroll_" + i).scrollLeft
+          = document.getElementById("scroll_" + i).scrollLeft;
+        document.getElementById("scroll_" + i).scrollTop
+          = document.getElementById("scroll_" + i).scrollTop;
+      }
+    } else {
+      // Scroll all boxes except for Scroll_3
+      for (var i=1; i <= 2; i++) {
+        document.getElementById("box" + i + "b").scrollIntoView({block: "end", behavior: "instant"});
+      }
+    }
+    document.documentElement.removeAttribute("class");
+  }
+
+  for (var i=1; i <= 3; i++) {
+    document.getElementById("box" + i + "a")
+      .scrollIntoView({block: "start", behavior: "instant"});
+  }
+
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-5.html b/layout/reftests/scrolling/scroll-behavior-5.html
new file mode 100644
index 0000000000..e866e6905f
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-5.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538 - Element.ScrollLeft and Element.ScrollTop scroll-behavior</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        .a_box {
+            position: relative;
+            left: 0px;
+            top: 0px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        .another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+        .scroll_box {
+            width: 50px;
+            height: 50px;
+            overflow: scroll;
+        }
+
+        #scroll_2, #scroll_4 {
+            scroll-behavior: auto;
+        }
+
+        #scroll_5, #scroll_6 {
+            scroll-behavior: smooth;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="scroll_1" class="scroll_box">
+    <div id="box1a" class="a_box"></div>
+    <div id="box1b" class="another_box"></div>
+  </div>
+  <div id="scroll_2" class="scroll_box">
+    <div id="box2a" class="a_box"></div>
+    <div id="box2b" class="another_box"></div>
+  </div>
+  <div id="scroll_3" class="scroll_box">
+    <div id="box3a" class="a_box"></div>
+    <div id="box3b" class="another_box"></div>
+  </div>
+  <div id="scroll_4" class="scroll_box">
+    <div id="box4a" class="a_box"></div>
+    <div id="box4b" class="another_box"></div>
+  </div>
+  <div id="scroll_5" class="scroll_box">
+    <div id="box5a" class="a_box"></div>
+    <div id="box5b" class="another_box"></div>
+  </div>
+  <div id="scroll_6" class="scroll_box">
+    <div id="box6a" class="a_box"></div>
+   <div id="box6b" class="another_box"></div>
+  </div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      // Expect instantaneous scroll:
+      document.getElementById("scroll_1").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_2").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_3").scrollTo(0, 0);
+      document.getElementById("scroll_4").scrollTo(0, 0);
+
+      // Expect smooth scroll:
+      document.getElementById("scroll_5").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_6").scrollTo(0, 0);
+
+      // Interrupt any smooth scrolling
+      for (var i=1; i <= 6; i++) {
+        document.getElementById("scroll_" + i).scrollTo();
+      }
+    } else {
+      // Scroll all boxes except for box5a and box6a
+      for (var i=1; i <= 4; i++) {
+        document.getElementById("box" + i + "a").scrollIntoView({block: "end", behavior: "instant"});
+      }
+    }
+    document.documentElement.removeAttribute("class");
+  }
+
+  for (var i=1; i <= 6; i++) {
+    document.getElementById("box" + i + "b")
+      .scrollIntoView({block: "start", behavior: "instant"});
+  }
+
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-6.html b/layout/reftests/scrolling/scroll-behavior-6.html
new file mode 100644
index 0000000000..5c211b8c3c
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-6.html
@@ -0,0 +1,146 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538 - Element.ScrollBy and Element.ScrollTo</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        .a_box {
+            position: relative;
+            left: 0px;
+            top: 0px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        .another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+        .scroll_box {
+            width: 50px;
+            height: 50px;
+            overflow: scroll;
+            will-change: scroll-position;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="scroll_1" class="scroll_box">
+    <div id="box1a" class="a_box"></div>
+    <div id="box1b" class="another_box"></div>
+  </div>
+  <div id="scroll_2" class="scroll_box">
+    <div id="box2a" class="a_box"></div>
+    <div id="box2b" class="another_box"></div>
+  </div>
+  <div id="scroll_3" class="scroll_box">
+    <div id="box3a" class="a_box"></div>
+    <div id="box3b" class="another_box"></div>
+  </div>
+  <div id="scroll_4" class="scroll_box">
+    <div id="box4a" class="a_box"></div>
+    <div id="box4b" class="another_box"></div>
+  </div>
+  <div id="scroll_5" class="scroll_box">
+    <div id="box5a" class="a_box"></div>
+    <div id="box5b" class="another_box"></div>
+  </div>
+  <div id="scroll_6" class="scroll_box">
+    <div id="box6a" class="a_box"></div>
+    <div id="box6b" class="another_box"></div>
+  </div>
+  <div id="scroll_7" class="scroll_box">
+    <div id="box7a" class="a_box"></div>
+    <div id="box7b" class="another_box"></div>
+  </div>
+  <div id="scroll_8" class="scroll_box">
+    <div id="box8a" class="a_box"></div>
+    <div id="box8b" class="another_box"></div>
+  </div>
+  <div id="scroll_9" class="scroll_box">
+    <div id="box9a" class="a_box"></div>
+    <div id="box9b" class="another_box"></div>
+  </div>
+  <div id="scroll_10" class="scroll_box">
+    <div id="box10a" class="a_box"></div>
+    <div id="box10b" class="another_box"></div>
+  </div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      document.getElementById("scroll_1").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_1").scrollBy({left: 5, top: 0});
+      
+      document.getElementById("scroll_2").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_2").scrollBy({left: 0, top: 5});
+      
+      document.getElementById("scroll_3").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_3").scrollBy({left: 5, top: 5});
+      
+      document.getElementById("scroll_4").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_4").scrollBy({left: 5});
+      document.getElementById("scroll_4").scrollBy({top: 5});
+      
+      document.getElementById("scroll_5").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_5").scrollBy({left: 5, top: 5, behavior: "smooth"});
+      // Expected to NOT interrupt smooth scrolling
+      document.getElementById("scroll_5").scrollBy({});
+      
+      document.getElementById("scroll_6").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_6").scrollBy({left: 5, behavior: "smooth"});
+      // Expected to interrupt smooth scrolling and use the current position
+      // As the default for the axis that are not specified in the target
+      document.getElementById("scroll_6").scrollBy({top: 5, behavior: "smooth"});
+      
+      document.getElementById("scroll_7").scrollTo(0, 0);
+      document.getElementById("scroll_7").scrollBy(5, 0);
+      
+      document.getElementById("scroll_8").scrollTo(0, 0);
+      document.getElementById("scroll_8").scrollBy(0, 5);
+      
+      document.getElementById("scroll_9").scrollTo(0, 0);
+      document.getElementById("scroll_9").scrollBy(5, 5);
+      
+      document.getElementById("scroll_10").scrollTo(0, 0);
+      document.getElementById("scroll_10").scrollBy({left: 5, top: 5, behavior: "smooth"});
+      // Expected to NOT interrupt smooth scrolling
+      document.getElementById("scroll_10").scrollBy(0, 0);
+    } else {
+      document.getElementById("scroll_1").scrollTo({left: 5, top: 0});
+      document.getElementById("scroll_2").scrollTo({left: 0, top: 5});
+      document.getElementById("scroll_3").scrollTo({left: 5, top: 5});
+      document.getElementById("scroll_4").scrollTo({left: 5, top: 5});
+      document.getElementById("scroll_5").scrollTo({left: 5, top: 5});
+      document.getElementById("scroll_6").scrollTo(0, 5);
+      document.getElementById("scroll_7").scrollTo(5, 0);
+      document.getElementById("scroll_8").scrollTo(0, 5);
+      document.getElementById("scroll_9").scrollTo(5, 5);
+      document.getElementById("scroll_10").scrollTo(5, 5);
+    }
+    
+    // Allow smooth scrolling to complete before testing result
+    setTimeout(function() {
+      document.documentElement.removeAttribute("class");
+    }, 500);
+  }
+
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-7.html b/layout/reftests/scrolling/scroll-behavior-7.html
new file mode 100644
index 0000000000..3e18da1caa
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-7.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538, smooth scrolling expected</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        html {
+            scroll-behavior: smooth;
+        }
+
+        #a_box {
+            position: relative;
+            left: 10px;
+            top: 10px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        #another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="a_box"></div>
+  <div id="another_box"></div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      window.scrollTo(500, 500);
+      window.scrollTo(window.scrollX, window.scrollY);
+    }
+    document.documentElement.removeAttribute("class");
+  }
+  window.scrollTo({left: 0, top: 0, behavior: "instant"});
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-8.html b/layout/reftests/scrolling/scroll-behavior-8.html
new file mode 100644
index 0000000000..6a16002256
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-8.html
@@ -0,0 +1,97 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1010538 - Dynamically change scroll-behavior</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        .a_box {
+            position: relative;
+            left: 0px;
+            top: 0px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        .another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+        .scroll_box {
+            width: 150px;
+            height: 150px;
+            overflow: scroll;
+        }
+
+        #scroll_2 {
+            scroll-behavior: auto;
+        }
+
+        #scroll_3 {
+            scroll-behavior: smooth;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="scroll_1" class="scroll_box">
+    <div id="box1a" class="a_box"></div>
+    <div id="box1b" class="another_box"></div>
+  </div>
+  <div id="scroll_2" class="scroll_box">
+    <div id="box2a" class="a_box"></div>
+    <div id="box2b" class="another_box"></div>
+  </div>
+  <div id="scroll_3" class="scroll_box">
+    <div id="box3a" class="a_box"></div>
+    <div id="box3b" class="another_box"></div>
+  </div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      // Expect smooth scroll:
+      document.getElementById("scroll_1").style.scrollBehavior = "smooth";
+      document.getElementById("scroll_1").scrollTo({left: 0, top: 0});
+      document.getElementById("scroll_2").style.scrollBehavior = "smooth";
+      document.getElementById("scroll_2").scrollTo({left: 0, top: 0});
+
+      // Expect instant scroll:
+      document.getElementById("scroll_3").style.scrollBehavior = "auto";
+      document.getElementById("scroll_3").scrollTo({left: 0, top: 0});
+    } else {
+      document.getElementById("scroll_1").scrollTo({left: 0, top: 0, behavior: "smooth"});
+      document.getElementById("scroll_2").scrollTo({left: 0, top: 0, behavior: "smooth"});
+      document.getElementById("scroll_3").scrollTo({left: 0, top: 0, behavior: "instant"});
+    }
+
+    // Interrupt any smooth scrolling
+    for (var i=1; i <= 3; i++) {
+      document.getElementById("scroll_" + i).scrollTo();
+    }
+
+    document.documentElement.removeAttribute("class");
+  }
+
+  for (var i=1; i <= 3; i++) {
+    document.getElementById("box" + i + "b")
+      .scrollIntoView({block: "start", behavior: "instant"});
+  }
+
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-9.html b/layout/reftests/scrolling/scroll-behavior-9.html
new file mode 100644
index 0000000000..37b3bf0c02
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-9.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1082098, smooth scrolling expected after dynamically setting scroll-behavior on body</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        #a_box {
+            position: relative;
+            left: 10px;
+            top: 10px;
+            width: 20px;
+            height: 20px;
+            background: blue;
+        }
+
+        #another_box {
+            position: relative;
+            left: 2000px;
+            top: 2000px;
+            width: 20px;
+            height: 20px;
+            background: green;
+        }
+
+    </style>
+</head>
+<body>
+  <div id="a_box"></div>
+  <div id="another_box"></div>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      // Scroll - expected to be smooth
+      window.scrollTo({left: 500, top: 500});
+      // Interrupt smooth scrolling
+      window.scrollTo({left: window.scrollX, top: window.scrollY});
+      // If scroll was not performed smoothly, we would be at 500,500 now
+    }
+    document.documentElement.removeAttribute("class");
+  }
+  window.scrollTo({left: 0, top: 0, behavior: "instant"});
+  document.documentElement.style.scrollBehavior = "smooth";
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scroll-behavior-textarea.html b/layout/reftests/scrolling/scroll-behavior-textarea.html
new file mode 100644
index 0000000000..964719c137
--- /dev/null
+++ b/layout/reftests/scrolling/scroll-behavior-textarea.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 1320200, smooth scrolling in textarea</title>
+    <style type="text/css">
+
+        html,body {
+            color: black;
+            background-color: white;
+            font-size: 16px;
+            padding: 0;
+            margin: 0;
+        }
+
+        #text {
+            width: 50px;
+            height: 50px;
+            overflow: scroll;
+            will-change: scroll-position;
+            scroll-behavior: smooth;
+        }
+
+    </style>
+</head>
+<body>
+  <textarea id="text">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis odio est, cursus non adipiscing at, fringilla quis eros. Sed volutpat nibh sit amet ante molestie a vehicula nulla gravida. Mauris elementum cursus urna id vestibulum. Etiam volutpat odio tincidunt libero ullamcorper elementum. Suspendisse potenti. Ut ut arcu lorem. Integer mi sapien, porta a pharetra et, varius laoreet eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut mi at elit consequat aliquam id eu lectus. Etiam tincidunt diam et ante ullamcorper a convallis erat lobortis. Sed blandit ultrices dui et bibendum. Sed condimentum velit eget nibh rutrum cursus. Quisque pretium iaculis gravida.
+  </textarea>
+<script>
+  function doTest() {
+    if (document.location.search != '?ref') {
+      var e = document.getElementById("text");
+      e.scrollTop = e.scrollHeight;
+
+      // Interrupt any smooth scrolling
+      e.scrollLeft = e.scrollLeft;
+      e.scrollTop = e.scrollTop;
+    }
+    document.documentElement.removeAttribute("class");
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/scrollbars-area-in-iframe-ref-child.html b/layout/reftests/scrolling/scrollbars-area-in-iframe-ref-child.html
new file mode 100644
index 0000000000..6eed6f6b09
--- /dev/null
+++ b/layout/reftests/scrolling/scrollbars-area-in-iframe-ref-child.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<meta charset='utf-8'>
+<style>
+html {
+    border: 5px solid lime;
+    height: 100vh;
+    box-sizing: border-box;
+    overflow-y: scroll;
+}
+</style>
+</html>
diff --git a/layout/reftests/scrolling/scrollbars-area-in-iframe-ref.html b/layout/reftests/scrolling/scrollbars-area-in-iframe-ref.html
new file mode 100644
index 0000000000..1360f1f017
--- /dev/null
+++ b/layout/reftests/scrolling/scrollbars-area-in-iframe-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<iframe style="width:300px; height:300px; border:2px solid blue"
+        src="scrollbars-area-in-iframe-ref-child.html">
+</html>
diff --git a/layout/reftests/scrolling/scrollbars-area-in-iframe.html b/layout/reftests/scrolling/scrollbars-area-in-iframe.html
new file mode 100644
index 0000000000..cfed66910b
--- /dev/null
+++ b/layout/reftests/scrolling/scrollbars-area-in-iframe.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<iframe style="width:300px; height:300px; border:2px solid blue"
+        src="data:text/html,<!DOCTYPE HTML>
+                <html>
+                <meta charset='utf-8'>
+                <style>
+                html {
+                    border: 5px solid lime;
+                    height: 100vh;
+                    box-sizing: border-box;
+                    overflow-y: scroll;
+                }
+                </style>"></iframe>
+</html>
diff --git a/layout/reftests/scrolling/scrolling.js b/layout/reftests/scrolling/scrolling.js
new file mode 100644
index 0000000000..2176c90d8d
--- /dev/null
+++ b/layout/reftests/scrolling/scrolling.js
@@ -0,0 +1,46 @@
+var topElements;
+var failed = false;
+
+function doScroll(d)
+{
+  if (failed)
+    return;
+  for (var i = 0; i < topElements.length; ++i) {
+    var e = topElements[i];
+    e.scrollTop = d;
+    if (e.scrollTop != d) {
+      document.documentElement.textContent =
+          "Scrolling failed on " + e.tagName + " element, " +
+          "tried to scroll to " + d + ", got " + e.scrollTop +
+          " (Random number: " + Math.random() + ")";
+      failed = true;
+    }
+  }
+}
+
+// bug 1134459, images are decoded off main thread
+// Wait for the load event so we know all images have loaded
+document.onload = function() {
+  topElements = document.getElementsByClassName("scrollTop");
+  if (!topElements.length) {
+    topElements = [document.documentElement];
+  }
+
+  if (document.location.search == '?ref') {
+    doScroll(20);
+  } else if (document.location.search == '?up') {
+    doScroll(40);
+    document.documentElement.setAttribute("class", "reftest-wait");
+    window.addEventListener("MozReftestInvalidate", function() {
+        document.documentElement.removeAttribute("class");
+        doScroll(20);
+        });
+  } else {
+    doScroll(1);
+    document.documentElement.setAttribute("class", "reftest-wait");
+    window.addEventListener("MozReftestInvalidate", function() {
+        document.documentElement.removeAttribute("class");
+        doScroll(20);
+        });
+  }
+}
diff --git a/layout/reftests/scrolling/simple-1.html b/layout/reftests/scrolling/simple-1.html
new file mode 100644
index 0000000000..761f67c0fb
--- /dev/null
+++ b/layout/reftests/scrolling/simple-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="height:2000px; overflow:hidden">
+<script src="scrolling.js"></script>
+<div style="height:300px; background:url(repeatable-diagonal-gradient.png);"></div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/subpixel-1-ref.html b/layout/reftests/scrolling/subpixel-1-ref.html
new file mode 100644
index 0000000000..52ec2c54a5
--- /dev/null
+++ b/layout/reftests/scrolling/subpixel-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0">
+<div style="height:1205.6px"></div>
+<div id="d" style="height:0.6px; background:red"></div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/subpixel-1.html b/layout/reftests/scrolling/subpixel-1.html
new file mode 100644
index 0000000000..a0bac5f6a6
--- /dev/null
+++ b/layout/reftests/scrolling/subpixel-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body style="margin:0" onload="doTest()">
+<div style="height:1205.6px"></div>
+<div id="d" style="height:0.6px; background:red"></div>
+<script>
+function doTest() {
+  window.scrollTo(0, document.documentElement.scrollTop);
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/text-1.html b/layout/reftests/scrolling/text-1.html
new file mode 100644
index 0000000000..23afe84ce4
--- /dev/null
+++ b/layout/reftests/scrolling/text-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div class="scrollTop" style="height:100px; overflow:hidden;">
+  <div style="margin-top:30px;">Hello Kitty</div>
+  <div style="height:400px;"></div>
+</div>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/text-2.html b/layout/reftests/scrolling/text-2.html
new file mode 100644
index 0000000000..46cc041aba
--- /dev/null
+++ b/layout/reftests/scrolling/text-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div class="scrollTop" style="width:400px; height:400px; margin-top:10.5px; font-size:21px; white-space:pre; overflow:hidden;">Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  Hello Kitty
+  <div style="height:800px;"></div>
+</div>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/transformed-1.html b/layout/reftests/scrolling/transformed-1.html
new file mode 100644
index 0000000000..278d1fc3b7
--- /dev/null
+++ b/layout/reftests/scrolling/transformed-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div class="scrollTop" style="height:100px; width:100px; overflow:hidden;
+                              transform:scale(2.7); transform:scale(2.7); transform-origin:top left; transform-origin:top left;">
+  <div style="background:yellow;">
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+    <div>Hello Kitty</div>
+  </div>
+</div>
+<script>document.body.getBoundingClientRect();</script>
+<script src="scrolling.js"></script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/uncovering-1-ref.html b/layout/reftests/scrolling/uncovering-1-ref.html
new file mode 100644
index 0000000000..52d7a1463c
--- /dev/null
+++ b/layout/reftests/scrolling/uncovering-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body {
+  width: 1500px;
+  overflow: hidden;
+}
+div#bottom {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 200px;
+  width: 200px;
+  background: green;
+}
+</style>
+</head>
+<body>
+<div id="bottom"></div>
+<div style="width:600px; height:100px; background:pink;"></div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/uncovering-1.html b/layout/reftests/scrolling/uncovering-1.html
new file mode 100644
index 0000000000..511892049d
--- /dev/null
+++ b/layout/reftests/scrolling/uncovering-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+body {
+  width: 1500px;
+  overflow: hidden;
+}
+div#bottom {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 200px;
+  width: 200px;
+  background: green;
+}
+</style>
+</head>
+<body>
+<div id="bottom"></div>
+<div style="width:600px; height:100px; background:pink;"></div>
+<script>
+document.documentElement.scrollLeft = 200;
+function doTest() {
+  document.documentElement.removeAttribute("class");
+  document.documentElement.scrollLeft = 0;
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/uncovering-2-ref.html b/layout/reftests/scrolling/uncovering-2-ref.html
new file mode 100644
index 0000000000..5e0e97c825
--- /dev/null
+++ b/layout/reftests/scrolling/uncovering-2-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body {
+  width: 1500px;
+  overflow: hidden;
+}
+div#bottom {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 200px;
+  width: 200px;
+  background: green;
+}
+</style>
+</head>
+<body>
+<div style="margin-left:200px; left:200px; width:100px; height:100px; background:pink;"></div>
+<div style="left:0; width:500px; height:20px; background:blue;"></div>
+<div id="bottom"></div>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/uncovering-2.html b/layout/reftests/scrolling/uncovering-2.html
new file mode 100644
index 0000000000..f0d9a39675
--- /dev/null
+++ b/layout/reftests/scrolling/uncovering-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<style>
+body {
+  width: 1500px;
+  overflow: hidden;
+}
+div#bottom {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 200px;
+  width: 200px;
+  background: green;
+}
+</style>
+</head>
+<body>
+<div style="margin-left:200px; left:200px; width:100px; height:100px; background:pink;"></div>
+<div style="left:0; width:500px; height:20px; background:blue;"></div>
+<div id="bottom"></div>
+<script>
+document.documentElement.scrollLeft = 200;
+function doTest() {
+  document.documentElement.removeAttribute("class");
+  document.documentElement.scrollLeft = 0;
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/scrolling/xul-scrollbar-iterate-ref.html b/layout/reftests/scrolling/xul-scrollbar-iterate-ref.html
new file mode 100644
index 0000000000..784661e1de
--- /dev/null
+++ b/layout/reftests/scrolling/xul-scrollbar-iterate-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<title>XUL scrollbar testcase</title>
+<style>
+
+html { overflow: hidden }
+
+div.outer {
+  display: -moz-box;
+  overflow: scroll;
+  width: 200px;
+  height: 100px;
+  background: yellow;
+}
+
+div.inner {
+  width: 300px;
+  height: 100px;
+  min-width: 300px;
+  min-height: 100px;
+  background: aqua;
+}
+</style>
+
+<div class="outer">
+  <div class="inner">
+  </div>
+</div>
diff --git a/layout/reftests/scrolling/xul-scrollbar-iterate.html b/layout/reftests/scrolling/xul-scrollbar-iterate.html
new file mode 100644
index 0000000000..816218c3dc
--- /dev/null
+++ b/layout/reftests/scrolling/xul-scrollbar-iterate.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<title>XUL scrollbar testcase</title>
+<style>
+
+html { overflow: hidden }
+
+div.outer {
+  display: -moz-box;
+  overflow: auto;
+  width: 200px;
+  height: 100px;
+  background: yellow;
+}
+
+div.inner {
+  width: 300px;
+  height: 100px;
+  min-width: 300px;
+  min-height: 100px;
+  background: aqua;
+}
+</style>
+
+<div class="outer">
+  <div class="inner">
+  </div>
+</div>
diff --git a/layout/reftests/selection/1478604-ref.html b/layout/reftests/selection/1478604-ref.html
new file mode 100644
index 0000000000..1345e1966c
--- /dev/null
+++ b/layout/reftests/selection/1478604-ref.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html class="reftest-wait">
+<style>
+  input {
+    border: 0;
+  }
+</style>
+<label id="fooLabel" for="foo">Foo label</label>
+<input id="foo" type="text" value="foo" >
+<label id="barLabel" for="bar">Bar label</label>
+<input id="bar" type="text" value="bar">
+<script>
+onload = function() {
+  barLabel.click();
+  requestAnimationFrame(() => {
+    document.documentElement.className = "";
+  });
+}
+</script>
+</html>
diff --git a/layout/reftests/selection/1478604.html b/layout/reftests/selection/1478604.html
new file mode 100644
index 0000000000..5d17e5fd7b
--- /dev/null
+++ b/layout/reftests/selection/1478604.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html class="reftest-wait">
+<style>
+  input {
+    border: 0;
+  }
+</style>
+<label id="fooLabel" for="foo">Foo label</label>
+<input id="foo" type="text" value="foo" >
+<label id="barLabel" for="bar">Bar label</label>
+<input id="bar" type="text" value="bar">
+<script>
+onload = function() {
+  fooLabel.click();
+  requestAnimationFrame(() => {
+    barLabel.click();
+    requestAnimationFrame(() => {
+      document.documentElement.className = "";
+    });
+  });
+}
+</script>
+</html>
diff --git a/layout/reftests/selection/addrange-1.html b/layout/reftests/selection/addrange-1.html
new file mode 100644
index 0000000000..648d421404
--- /dev/null
+++ b/layout/reftests/selection/addrange-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Testcase #2 for bug 602331</title>
+        <script type="text/javascript" charset="utf-8">
+            function selectNewlyAdded() {
+                window.getSelection().removeAllRanges();
+                
+                var newNode = document.createElement('span');
+                newNode.innerHTML = "Hello Kitty";
+                document.getElementById('new_nodes').appendChild(newNode);
+                var range = document.createRange();
+                range.selectNode(newNode);
+                window.getSelection().addRange(range);
+            }
+            
+        </script>
+    </head>
+    <body onload="selectNewlyAdded()">
+        * <span id="new_nodes"></span> *
+    </body>
+</html>
diff --git a/layout/reftests/selection/addrange-2.html b/layout/reftests/selection/addrange-2.html
new file mode 100644
index 0000000000..480e936780
--- /dev/null
+++ b/layout/reftests/selection/addrange-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Testcase #3 for bug 602331</title>
+        <script type="text/javascript" charset="utf-8">
+            function selectAllOfNewNodes() {
+                window.getSelection().removeAllRanges();
+                
+                var newNode = document.createElement('span');
+                newNode.innerHTML = "Kitty";
+                document.getElementById('new_nodes').appendChild(newNode);
+                var range = document.createRange();
+                range.selectNode(document.getElementById('new_nodes'));
+                window.getSelection().addRange(range);
+                
+            }
+            
+        </script>
+    </head>
+    <body onload="selectAllOfNewNodes()">
+        * <span id="new_nodes"><span>Hello</span> </span> *
+    </body>
+</html>
diff --git a/layout/reftests/selection/addrange-ref.html b/layout/reftests/selection/addrange-ref.html
new file mode 100644
index 0000000000..4e6a70db2f
--- /dev/null
+++ b/layout/reftests/selection/addrange-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Testcase #1 for bug 602331</title>
+        <script type="text/javascript" charset="utf-8">
+            function selectExisting() {
+                window.getSelection().removeAllRanges();
+                
+                var range = document.createRange();
+                range.selectNode(document.getElementById('existing_node'));
+                window.getSelection().addRange(range);
+            }
+        </script>
+    </head>
+    <body onload="selectExisting()">
+        * <span id="existing_node">Hello Kitty</span> *
+    </body>
+</html>
diff --git a/layout/reftests/selection/disabled-1-ref.html b/layout/reftests/selection/disabled-1-ref.html
new file mode 100644
index 0000000000..f259ca439d
--- /dev/null
+++ b/layout/reftests/selection/disabled-1-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<input id="outside" value="abc">
+<iframe srcdoc="<!doctype html>Something inside <input value='some input'>"></iframe>
+<script>
+document.getElementById("outside").select();
+</script>
diff --git a/layout/reftests/selection/disabled-1.html b/layout/reftests/selection/disabled-1.html
new file mode 100644
index 0000000000..a62971d076
--- /dev/null
+++ b/layout/reftests/selection/disabled-1.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<input id="outside" value="abc">
+<iframe srcdoc="<!doctype html>Something inside <input value='some input'>"></iframe>
+<script>
+onload = function() {
+  document.querySelector("iframe").contentDocument.querySelector("input").select();
+  document.getElementById("outside").select();
+}
+</script>
diff --git a/layout/reftests/selection/disabled-2-notref.html b/layout/reftests/selection/disabled-2-notref.html
new file mode 100644
index 0000000000..ecce9e7054
--- /dev/null
+++ b/layout/reftests/selection/disabled-2-notref.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<input id="outside" style="position: absolute; left: 200vw;"> <!-- intentionally out of view -->
+<iframe srcdoc="<!doctype html>Something inside <input value='some input'>"></iframe>
+<script>
+onload = function() {
+  document.querySelector("iframe").contentDocument.querySelector("input").select();
+}
+</script>
diff --git a/layout/reftests/selection/disabled-2.html b/layout/reftests/selection/disabled-2.html
new file mode 100644
index 0000000000..fc61d29563
--- /dev/null
+++ b/layout/reftests/selection/disabled-2.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<input id="outside" style="position: absolute; left: 200vw;"> <!-- intentionally out of view -->
+<iframe srcdoc="<!doctype html>Something inside <input value='some input'>"></iframe>
+<script>
+onload = function() {
+  document.querySelector("iframe").contentDocument.querySelector("input").select();
+  document.getElementById("outside").select();
+}
+</script>
diff --git a/layout/reftests/selection/dom-mutations-ref.html b/layout/reftests/selection/dom-mutations-ref.html
new file mode 100644
index 0000000000..5d2e29dcb5
--- /dev/null
+++ b/layout/reftests/selection/dom-mutations-ref.html
@@ -0,0 +1,190 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=619273
+-->
+<head>
+  <title>Test for Bug 619273</title>
+<script type="application/javascript">
+/** Test DOM mutations inside selection **/
+function createDOM(doc) {
+  let s = doc.createElement('span');
+  s.appendChild(doc.createTextNode('|'))
+  let s2 = doc.createElement('span');
+  s2.appendChild(doc.createTextNode('z'))
+  s.appendChild(s2)
+  return s;
+}
+
+var tests_done = 0;
+var tests = [
+  function(win,doc,sel) {
+    doc.body.innerHTML = '.I<br>B<br>C|z'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(a, 1);
+    r.setEnd(a, 2);
+    sel.addRange(r);
+  },
+   function(win,doc,sel) {
+    doc.body.innerHTML = '.I<br>B<br>C|z'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(doc.firstChild, 0);
+    r.setEnd(a, 2);
+    sel.addRange(r);
+  },
+ function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>.B<br>C|z'
+    let a = doc.body.firstChild;
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>.B<br>C|z'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc.body, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>.B<br>C|z'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>.C|z'
+    let a = doc.body.firstChild;
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 2);
+    sel.addRange(r);
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = '|z|zI<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(a, 4);
+    r.setEnd(a, 5);
+    sel.addRange(r);
+  },
+   function(win,doc,sel) {
+    doc.body.innerHTML = '|z|zI<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(doc.firstChild, 0);
+    r.setEnd(a, 5);
+    sel.addRange(r);
+  },
+ function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>|z|zB<br>C'
+    let a = doc.body.firstChild;
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>|z|zB<br>C'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc.body, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>|z|zB<br>C'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>|z|zC'
+    let a = doc.body.firstChild;
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 5);
+    sel.addRange(r);
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = '<br>B<br>CI'
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = '<br>B<br>C'
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I|z'
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'Iz|'
+
+    document.body.appendChild(document.createTextNode('I'));
+    document.body.appendChild(document.createTextNode(' '));
+    document.body.appendChild(createDOM(document));
+  },
+]
+
+function runTestInIframe(run,t) {
+  let f = document.createElement('iframe');
+  f.setAttribute('frameborder','0');
+  f.setAttribute('height','100');
+  f.setAttribute('width','200');
+  f.src = 'data:text/html,<body style="margin:0;padding:0;font-family:monospace">';
+  f.onload = function () {
+    try {
+      run(f.contentWindow, f.contentDocument, f.contentWindow.getSelection());
+    } finally { ++tests_done; }
+  }
+  return f;
+}
+
+var id;
+function checkFinished() {
+  if (window.frames.length == tests_done) {
+    clearInterval(id);
+    document.documentElement.className = "";
+  }
+}
+
+function runTest() {
+  for (let i=0; i < tests.length; ++i) {
+    let t = tests[i];
+    document.body.appendChild(runTestInIframe(t));
+  }
+  id = setInterval(checkFinished,500);
+}
+</script>
+</head>
+<body onload="runTest()"></body>
+</html>
diff --git a/layout/reftests/selection/dom-mutations.html b/layout/reftests/selection/dom-mutations.html
new file mode 100644
index 0000000000..f81267f596
--- /dev/null
+++ b/layout/reftests/selection/dom-mutations.html
@@ -0,0 +1,250 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=619273
+-->
+<head>
+  <title>Test for Bug 619273</title>
+<script type="application/javascript">
+/** Test DOM mutations inside selection **/
+function createDOM(doc) {
+  let s = doc.createElement('span');
+  s.appendChild(doc.createTextNode('|'))
+  let s2 = doc.createElement('span');
+  s2.appendChild(doc.createTextNode('z'))
+  s.appendChild(s2)
+  return s;
+}
+
+var tests_done = 0;
+var tests = [
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(a, 1);
+    sel.addRange(r);
+    doc.body.insertBefore(doc.createTextNode('.'), a);
+    doc.body.appendChild(createDOM(doc));
+  },
+   function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(doc.firstChild, 0);
+    r.setEnd(a, 1);
+    sel.addRange(r);
+    doc.body.insertBefore(doc.createTextNode('.'), a);
+    doc.body.appendChild(createDOM(doc));
+  },
+ function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    doc.body.insertBefore(doc.createTextNode('.'), b);
+    doc.body.appendChild(createDOM(doc));
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc.body, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    doc.body.insertBefore(doc.createTextNode('.'), b);
+    doc.body.appendChild(createDOM(doc));
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    doc.body.insertBefore(doc.createTextNode('.'), b);
+    doc.body.appendChild(createDOM(doc));
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    doc.body.insertBefore(doc.createTextNode('.'), c);
+    doc.body.appendChild(createDOM(doc));
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(a, 1);
+    sel.addRange(r);
+    let span = createDOM(doc);
+    doc.body.insertBefore(span, a);
+    span.appendChild(createDOM(doc));
+  },
+   function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(doc.firstChild, 0);
+    r.setEnd(a, 1);
+    sel.addRange(r);
+    let span = createDOM(doc);
+    doc.body.insertBefore(span, a);
+    span.appendChild(createDOM(doc));
+  },
+ function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    let span = createDOM(doc);
+    doc.body.insertBefore(span, b);
+    span.appendChild(createDOM(doc));
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc.body, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    let span = createDOM(doc);
+    doc.body.insertBefore(span, b);
+    span.appendChild(createDOM(doc));
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let b = doc.body.childNodes[2];
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(doc, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    let span = createDOM(doc);
+    doc.body.insertBefore(span, b);
+    span.appendChild(createDOM(doc));
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    let span = createDOM(doc);
+    doc.body.insertBefore(span, c);
+    span.appendChild(createDOM(doc));
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(a, 1);
+    sel.addRange(r);
+    doc.body.appendChild(a);
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(a, 1);
+    sel.addRange(r);
+    document.adoptNode(a);
+    document.body.appendChild(a);
+    document.body.appendChild(document.createTextNode(' '));
+  },
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I<br>B<br>C'
+    let a = doc.body.firstChild;
+    let c = doc.body.childNodes[4];
+    let r = doc.createRange();
+    r.setStart(a, 0);
+    r.setEnd(c, 1);
+    sel.addRange(r);
+    let span = createDOM(doc);
+    doc.body.insertBefore(span, c);
+    document.adoptNode(span);
+    document.body.appendChild(span);
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I'
+    let a = doc.body.firstChild;
+    let span = createDOM(doc);
+    let r = doc.createRange();
+    r.setStart(span, 0);
+    r.setEnd(span, 1);
+    sel.addRange(r);
+    doc.body.appendChild(span);
+  },
+
+  function(win,doc,sel) {
+    doc.body.innerHTML = 'I'
+    let a = doc.body.firstChild;
+    let span = createDOM(doc);
+    let r = doc.createRange();
+    r.setStart(span.firstChild, 0);
+    r.setEnd(span.firstChild, 1);
+    sel.addRange(r);
+    doc.body.appendChild(span);
+    doc.body.appendChild(span.firstChild);
+    r.setEnd(span.firstChild, 1);
+  },
+]
+
+function runTestInIframe(run,t) {
+  let f = document.createElement('iframe');
+  f.setAttribute('frameborder','0');
+  f.setAttribute('height','100');
+  f.setAttribute('width','200');
+  f.src = 'data:text/html,<body style="margin:0;padding:0;font-family:monospace">';
+  f.onload = function () {
+    try {
+      run(f.contentWindow, f.contentDocument, f.contentWindow.getSelection());
+    } finally { ++tests_done; }
+  }
+  return f;
+}
+
+var id;
+function checkFinished() {
+  if (window.frames.length == tests_done) {
+    clearInterval(id);
+    document.documentElement.className = "";
+  }
+}
+
+function runTest() {
+  for (let i=0; i < tests.length; ++i) {
+    let t = tests[i];
+    document.body.appendChild(runTestInIframe(t));
+  }
+  id = setInterval(checkFinished,500);
+}
+</script>
+</head>
+<body onload="runTest()"></body>
+</html>
diff --git a/layout/reftests/selection/dynamic-text-1-ref.html b/layout/reftests/selection/dynamic-text-1-ref.html
new file mode 100644
index 0000000000..7552979633
--- /dev/null
+++ b/layout/reftests/selection/dynamic-text-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body style="white-space:pre"> BC 
+ FG 
+ JK 
+<script>
+document.body.offsetTop;
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 6);
+sel.extend(t, 8);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/dynamic-text-1a.html b/layout/reftests/selection/dynamic-text-1a.html
new file mode 100644
index 0000000000..30e56ad3bc
--- /dev/null
+++ b/layout/reftests/selection/dynamic-text-1a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"> 00 
+ BC 
+ FG 
+ JK 
+<script>
+document.body.offsetTop;
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 11);
+sel.extend(t, 13);
+
+function doTest() {
+  t.replaceData(0, 5, '');
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/dynamic-text-1b.html b/layout/reftests/selection/dynamic-text-1b.html
new file mode 100644
index 0000000000..1ffcf2329d
--- /dev/null
+++ b/layout/reftests/selection/dynamic-text-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"> FG 
+ JK 
+<script>
+document.body.offsetTop;
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 1);
+sel.extend(t, 3);
+
+function doTest() {
+  t.insertData(0, ' BC \n');
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1-ref.html b/layout/reftests/selection/extend-1-ref.html
new file mode 100644
index 0000000000..a3d5bd9f8d
--- /dev/null
+++ b/layout/reftests/selection/extend-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 2);
+sel.extend(t, 8);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1-sanity.html b/layout/reftests/selection/extend-1-sanity.html
new file mode 100644
index 0000000000..5e362a5133
--- /dev/null
+++ b/layout/reftests/selection/extend-1-sanity.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body style="white-space:pre">0123456789
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1a.html b/layout/reftests/selection/extend-1a.html
new file mode 100644
index 0000000000..b1ae4650b9
--- /dev/null
+++ b/layout/reftests/selection/extend-1a.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 2);
+sel.extend(t, 9);
+
+function doTest() {
+  sel.extend(t, 8);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1b.html b/layout/reftests/selection/extend-1b.html
new file mode 100644
index 0000000000..666158cc67
--- /dev/null
+++ b/layout/reftests/selection/extend-1b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test newfocus < anchor < focus
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 8); // anchor
+sel.extend(t, 9);   // focus
+
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1c.html b/layout/reftests/selection/extend-1c.html
new file mode 100644
index 0000000000..0a963f4405
--- /dev/null
+++ b/layout/reftests/selection/extend-1c.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test anchor < newfocus < focus
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 2); // anchor
+sel.extend(t, 9);   // focus
+
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1d.html b/layout/reftests/selection/extend-1d.html
new file mode 100644
index 0000000000..027f47e24e
--- /dev/null
+++ b/layout/reftests/selection/extend-1d.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test anchor < newfocus = focus
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 2); // anchor
+sel.extend(t, 8);   // focus
+
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1e.html b/layout/reftests/selection/extend-1e.html
new file mode 100644
index 0000000000..d87d105761
--- /dev/null
+++ b/layout/reftests/selection/extend-1e.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test anchor < focus < newfocus
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 2); // anchor
+sel.extend(t, 6);   // focus
+
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1f.html b/layout/reftests/selection/extend-1f.html
new file mode 100644
index 0000000000..b04adbde65
--- /dev/null
+++ b/layout/reftests/selection/extend-1f.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test newfocus < focus < anchor
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 8); // anchor
+sel.extend(t, 4);   // focus
+
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1g.html b/layout/reftests/selection/extend-1g.html
new file mode 100644
index 0000000000..b91d792761
--- /dev/null
+++ b/layout/reftests/selection/extend-1g.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test newfocus = focus < anchor
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 8); // anchor
+sel.extend(t, 2);   // focus
+
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1h.html b/layout/reftests/selection/extend-1h.html
new file mode 100644
index 0000000000..57269776e1
--- /dev/null
+++ b/layout/reftests/selection/extend-1h.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test focus < newfocus < anchor
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 8); // anchor
+sel.extend(t, 1);   // focus
+
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-1i.html b/layout/reftests/selection/extend-1i.html
new file mode 100644
index 0000000000..4165397f68
--- /dev/null
+++ b/layout/reftests/selection/extend-1i.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test focus < anchor < newfocus
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 2); // anchor
+sel.extend(t, 1);   // focus
+
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-2-ref.html b/layout/reftests/selection/extend-2-ref.html
new file mode 100644
index 0000000000..5e362a5133
--- /dev/null
+++ b/layout/reftests/selection/extend-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body style="white-space:pre">0123456789
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-2a.html b/layout/reftests/selection/extend-2a.html
new file mode 100644
index 0000000000..20565fd72d
--- /dev/null
+++ b/layout/reftests/selection/extend-2a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test newfocus = anchor < focus
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 2); // anchor
+sel.extend(t, 8);   // focus
+
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-2b.html b/layout/reftests/selection/extend-2b.html
new file mode 100644
index 0000000000..553ead891d
--- /dev/null
+++ b/layout/reftests/selection/extend-2b.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre">0123456789
+<script>
+document.body.offsetTop;
+// Test focus < anchor = newfocus
+var t = document.body.firstChild;
+var sel = window.getSelection();
+sel.collapse(t, 8); // anchor
+sel.extend(t, 2);   // focus
+
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3-ref.html b/layout/reftests/selection/extend-3-ref.html
new file mode 100644
index 0000000000..fa4ed01bbb
--- /dev/null
+++ b/layout/reftests/selection/extend-3-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 2);
+  sel.extend(t, 8);
+}
+window.addEventListener("load", loaded);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3-sanity.html b/layout/reftests/selection/extend-3-sanity.html
new file mode 100644
index 0000000000..9be4706484
--- /dev/null
+++ b/layout/reftests/selection/extend-3-sanity.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3a.html b/layout/reftests/selection/extend-3a.html
new file mode 100644
index 0000000000..54b44a52d0
--- /dev/null
+++ b/layout/reftests/selection/extend-3a.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+var sel = window.getSelection();
+// Don't start the selection until the document is loaded; we may reconstruct
+// frames for the images, which will lose their selection state (this is a bug)
+function loaded() {
+  sel.collapse(t, 2);
+  sel.extend(t, 9);
+}
+function doTest() {
+  sel.extend(t, 8);
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3b.html b/layout/reftests/selection/extend-3b.html
new file mode 100644
index 0000000000..4992fa6f99
--- /dev/null
+++ b/layout/reftests/selection/extend-3b.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test newfocus < anchor < focus
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 8); // anchor
+  sel.extend(t, 9);   // focus
+}
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3c.html b/layout/reftests/selection/extend-3c.html
new file mode 100644
index 0000000000..5ffd190909
--- /dev/null
+++ b/layout/reftests/selection/extend-3c.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test anchor < newfocus < focus
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 2); // anchor
+  sel.extend(t, 9);   // focus
+}
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3d.html b/layout/reftests/selection/extend-3d.html
new file mode 100644
index 0000000000..8d293823ec
--- /dev/null
+++ b/layout/reftests/selection/extend-3d.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test anchor < newfocus = focus
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 2); // anchor
+  sel.extend(t, 8);   // focus
+}
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3e.html b/layout/reftests/selection/extend-3e.html
new file mode 100644
index 0000000000..9cd8aa5b2f
--- /dev/null
+++ b/layout/reftests/selection/extend-3e.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test anchor < focus < newfocus
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 2); // anchor
+  sel.extend(t, 6);   // focus
+}
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3f.html b/layout/reftests/selection/extend-3f.html
new file mode 100644
index 0000000000..0b534a15d3
--- /dev/null
+++ b/layout/reftests/selection/extend-3f.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test newfocus < focus < anchor
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 8); // anchor
+  sel.extend(t, 4);   // focus
+}
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3g.html b/layout/reftests/selection/extend-3g.html
new file mode 100644
index 0000000000..9a4cc70823
--- /dev/null
+++ b/layout/reftests/selection/extend-3g.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test newfocus = focus < anchor
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 8); // anchor
+  sel.extend(t, 2);   // focus
+}
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3h.html b/layout/reftests/selection/extend-3h.html
new file mode 100644
index 0000000000..9c802bbd48
--- /dev/null
+++ b/layout/reftests/selection/extend-3h.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test focus < newfocus < anchor
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 8); // anchor
+  sel.extend(t, 1);   // focus
+}
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-3i.html b/layout/reftests/selection/extend-3i.html
new file mode 100644
index 0000000000..61db7b0c6b
--- /dev/null
+++ b/layout/reftests/selection/extend-3i.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+var t = document.body;
+// Test focus < anchor < newfocus
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 2); // anchor
+  sel.extend(t, 1);   // focus
+}
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-4-ref.html b/layout/reftests/selection/extend-4-ref.html
new file mode 100644
index 0000000000..9be4706484
--- /dev/null
+++ b/layout/reftests/selection/extend-4-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-4a.html b/layout/reftests/selection/extend-4a.html
new file mode 100644
index 0000000000..87182829e4
--- /dev/null
+++ b/layout/reftests/selection/extend-4a.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+// Test newfocus = anchor < focus
+var t = document.body;
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 2); // anchor
+  sel.extend(t, 8);   // focus
+}
+function doTest() {
+  sel.extend(t, 2); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/extend-4b.html b/layout/reftests/selection/extend-4b.html
new file mode 100644
index 0000000000..0ba691c2ca
--- /dev/null
+++ b/layout/reftests/selection/extend-4b.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body style="white-space:pre"
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+><img src="data:image/gif;base64,R0lGODlhEAAQAPAAALuWAAAAACH5BAUIAAEALAMAAwAKAAoAAAIMDI5nye0Po5xutVAAADs="
+>
+<script>
+document.body.offsetTop;
+// Test focus < anchor = newfocus
+var t = document.body;
+var sel = window.getSelection();
+function loaded() {
+  sel.collapse(t, 8); // anchor
+  sel.extend(t, 2);   // focus
+}
+function doTest() {
+  sel.extend(t, 8); // newfocus
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("load", loaded);
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-1-ref.html b/layout/reftests/selection/invalidation-1-ref.html
new file mode 100644
index 0000000000..a0f7f151e9
--- /dev/null
+++ b/layout/reftests/selection/invalidation-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 0, p2.firstChild, 2);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-1a.html b/layout/reftests/selection/invalidation-1a.html
new file mode 100644
index 0000000000..4cec34c984
--- /dev/null
+++ b/layout/reftests/selection/invalidation-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.collapse(p1.firstChild, 0);
+
+function doTest() {
+  selection.extend(p2.firstChild, 2);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-1b.html b/layout/reftests/selection/invalidation-1b.html
new file mode 100644
index 0000000000..36cd3d4402
--- /dev/null
+++ b/layout/reftests/selection/invalidation-1b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 0, p1.firstChild, 1);
+
+function doTest() {
+  selection.extend(p2.firstChild, 2);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-1c.html b/layout/reftests/selection/invalidation-1c.html
new file mode 100644
index 0000000000..96edcc28d8
--- /dev/null
+++ b/layout/reftests/selection/invalidation-1c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 0, p1.childNodes.item(1).firstChild, 0);
+
+function doTest() {
+  selection.extend(p2.firstChild, 2);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-1d.html b/layout/reftests/selection/invalidation-1d.html
new file mode 100644
index 0000000000..d9cfa97f12
--- /dev/null
+++ b/layout/reftests/selection/invalidation-1d.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 0, p1.childNodes.item(1).firstChild, 1);
+
+function doTest() {
+  selection.extend(p2.firstChild, 2);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-1e.html b/layout/reftests/selection/invalidation-1e.html
new file mode 100644
index 0000000000..dac4c6ac22
--- /dev/null
+++ b/layout/reftests/selection/invalidation-1e.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 0, p1.lastChild, 0);
+
+function doTest() {
+  selection.extend(p2.firstChild, 2);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-1f.html b/layout/reftests/selection/invalidation-1f.html
new file mode 100644
index 0000000000..0d4bdbb607
--- /dev/null
+++ b/layout/reftests/selection/invalidation-1f.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 0, p1.lastChild, 1);
+
+function doTest() {
+  selection.extend(p2.firstChild, 2);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-2-ref.html b/layout/reftests/selection/invalidation-2-ref.html
new file mode 100644
index 0000000000..f79e64a999
--- /dev/null
+++ b/layout/reftests/selection/invalidation-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-2a.html b/layout/reftests/selection/invalidation-2a.html
new file mode 100644
index 0000000000..520cbbef8e
--- /dev/null
+++ b/layout/reftests/selection/invalidation-2a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 0, p2.firstChild, 2);
+
+function doTest() {
+  selection.collapse(p2.firstChild, 3);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-2b.html b/layout/reftests/selection/invalidation-2b.html
new file mode 100644
index 0000000000..176c49cb81
--- /dev/null
+++ b/layout/reftests/selection/invalidation-2b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.firstChild, 1, p2.firstChild, 2);
+
+function doTest() {
+  selection.collapse(p2.firstChild, 3);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-2c.html b/layout/reftests/selection/invalidation-2c.html
new file mode 100644
index 0000000000..8d3bfd15cc
--- /dev/null
+++ b/layout/reftests/selection/invalidation-2c.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.childNodes.item(1).firstChild, 0, p2.firstChild, 2);
+
+function doTest() {
+  selection.collapse(p2.firstChild, 3);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-2d.html b/layout/reftests/selection/invalidation-2d.html
new file mode 100644
index 0000000000..d2163bae77
--- /dev/null
+++ b/layout/reftests/selection/invalidation-2d.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.childNodes.item(1).firstChild, 1, p2.firstChild, 2);
+
+function doTest() {
+  selection.collapse(p2.firstChild, 3);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-2e.html b/layout/reftests/selection/invalidation-2e.html
new file mode 100644
index 0000000000..bbc8d11145
--- /dev/null
+++ b/layout/reftests/selection/invalidation-2e.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.lastChild, 0, p2.firstChild, 2);
+
+function doTest() {
+  selection.collapse(p2.firstChild, 3);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/invalidation-2f.html b/layout/reftests/selection/invalidation-2f.html
new file mode 100644
index 0000000000..f74821f90f
--- /dev/null
+++ b/layout/reftests/selection/invalidation-2f.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<body>
+<p id="first">f<span>o</span>o</p>
+<p id="second">bar</p>
+<script>
+document.body.offsetTop;
+var p1 = document.getElementById("first");
+var p2 = document.getElementById("second");
+var selection = window.getSelection();
+selection.setBaseAndExtent(p1.lastChild, 1, p2.firstChild, 2);
+
+function doTest() {
+  selection.collapse(p2.firstChild, 3);
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/selection/modify-range-ref.html b/layout/reftests/selection/modify-range-ref.html
new file mode 100644
index 0000000000..5086fcef8a
--- /dev/null
+++ b/layout/reftests/selection/modify-range-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug </title>
+<script>
+var tests_done = 0;
+var tests = [
+  'window.getSelection().getRangeAt(0).setEnd(document.getElementsByTagName("pre")[0].firstChild,9)',
+  'window.getSelection().getRangeAt(0).setEndAfter(document.getElementsByTagName("pre")[0].firstChild)',
+  'window.getSelection().getRangeAt(0).setEndBefore(document.getElementsByTagName("pre")[0].childNodes[1])',
+  'pre=document.getElementsByTagName("pre")[0]; r=window.getSelection().getRangeAt(0); r.setEnd(pre.childNodes[1],3); r.setStartAfter(pre.firstChild)',
+  'window.getSelection().getRangeAt(0).setStartBefore(document.getElementsByTagName("pre")[0].firstChild)',
+  'window.getSelection().getRangeAt(0).selectNode(document.getElementsByTagName("pre")[0].firstChild)',
+  'window.getSelection().getRangeAt(0).selectNodeContents(document.getElementsByTagName("pre")[0])',
+  'window.getSelection().getRangeAt(0).collapse(true)',
+  'window.getSelection().getRangeAt(0).surroundContents(document.createElement("span"))',
+  'window.getSelection().getRangeAt(0).setStart(document,0)',
+  'window.getSelection().getRangeAt(0).detach()',
+  'window.getSelection().getRangeAt(0).extractContents()',
+  'window.getSelection().getRangeAt(0).deleteContents()'
+];
+function init_iframe(d) {
+  var pre = d.createElement('pre');
+  pre.appendChild(d.createTextNode('first\nfirst\n'));
+  pre.appendChild(d.createTextNode('second'));
+  d.documentElement.appendChild(pre);
+  var text = pre.firstChild;
+  var sel = d.defaultView.getSelection();
+  var r = d.createRange();
+  r.setStart(text,0)
+  r.setEnd(text,3)
+  sel.addRange(r);
+  d.documentElement.offsetHeight;
+}
+function test_iframe(iframe, i) {
+  iframe.contentDocument.write(
+    '<'+'style>span { text-decoration:underline; } <'+'/style>' +
+    '<'+'script>' + 
+        'window.parent.init_iframe(document);' +
+        'setTimeout(function(){' + window.parent.tests[i] + '; sel=window.getSelection(); try{r=sel.getRangeAt(0); sel.removeRange(r); sel.addRange(r);}catch(e){};  ++window.parent.tests_done; },0)' +
+    '<'+'/script>'
+  );
+}
+function create_iframe(i) {
+  var div = document.createElement('div');
+  document.body.appendChild(div);
+  div.innerHTML = "<iframe src='about:blank' style='height:6em; width:12em; float:left;' frameborder='0' onload='test_iframe(this,"+i+")'><iframe>"
+}
+
+var id;
+function check_if_done() {
+  if (tests_done == tests.length) {
+    clearInterval(id);
+    document.documentElement.className = "";
+  }
+}
+
+function test() {
+  for (i = 0; i < tests.length; ++i) {
+    create_iframe(i);
+  }
+  id = setInterval(check_if_done,500);
+}
+</script>
+
+</head>
+<body onload="test()"></body>
+</html>
diff --git a/layout/reftests/selection/modify-range.html b/layout/reftests/selection/modify-range.html
new file mode 100644
index 0000000000..2595511ed0
--- /dev/null
+++ b/layout/reftests/selection/modify-range.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug </title>
+<script>
+var tests_done = 0;
+var tests = [
+  'window.getSelection().getRangeAt(0).setEnd(document.getElementsByTagName("pre")[0].firstChild,9)',
+  'window.getSelection().getRangeAt(0).setEndAfter(document.getElementsByTagName("pre")[0].firstChild)',
+  'window.getSelection().getRangeAt(0).setEndBefore(document.getElementsByTagName("pre")[0].childNodes[1])',
+  'pre=document.getElementsByTagName("pre")[0]; r=window.getSelection().getRangeAt(0); r.setEnd(pre.childNodes[1],3); r.setStartAfter(pre.firstChild)',
+  'window.getSelection().getRangeAt(0).setStartBefore(document.getElementsByTagName("pre")[0].firstChild)',
+  'window.getSelection().getRangeAt(0).selectNode(document.getElementsByTagName("pre")[0].firstChild)',
+  'window.getSelection().getRangeAt(0).selectNodeContents(document.getElementsByTagName("pre")[0])',
+  'window.getSelection().getRangeAt(0).collapse(true)',
+  'window.getSelection().getRangeAt(0).surroundContents(document.createElement("span"))',
+  'window.getSelection().getRangeAt(0).setStart(document,0)',
+  'window.getSelection().getRangeAt(0).detach()',
+  'window.getSelection().getRangeAt(0).extractContents()',
+  'window.getSelection().getRangeAt(0).deleteContents()'
+];
+function init_iframe(d) {
+  var pre = d.createElement('pre');
+  pre.appendChild(d.createTextNode('first\nfirst\n'));
+  pre.appendChild(d.createTextNode('second'));
+  d.documentElement.appendChild(pre);
+  var text = pre.firstChild;
+  var sel = d.defaultView.getSelection();
+  var r = d.createRange();
+  r.setStart(text,0)
+  r.setEnd(text,3)
+  sel.addRange(r);
+  d.documentElement.offsetHeight;
+}
+function test_iframe(iframe, i) {
+  iframe.contentDocument.write(
+    '<'+'style>span { text-decoration:underline; } <'+'/style>' +
+    '<'+'script>' + 
+        'window.parent.init_iframe(document);' +
+        'setTimeout(function(){' + window.parent.tests[i] + '; ++window.parent.tests_done; },0)' +
+    '<'+'/script>'
+  );
+}
+function create_iframe(i) {
+  var div = document.createElement('div');
+  document.body.appendChild(div);
+  div.innerHTML = "<iframe src='about:blank' style='height:6em; width:12em; float:left;' frameborder='0' onload='test_iframe(this,"+i+")'><iframe>"
+}
+
+var id;
+function check_if_done() {
+  if (tests_done == tests.length) {
+    clearInterval(id);
+    document.documentElement.className = "";
+  }
+}
+
+function test() {
+  for (i = 0; i < tests.length; ++i) {
+    create_iframe(i);
+  }
+  id = setInterval(check_if_done,500);
+}
+</script>
+
+</head>
+<body onload="test()"></body>
+</html>
diff --git a/layout/reftests/selection/non-themed-widget-ref.html b/layout/reftests/selection/non-themed-widget-ref.html
new file mode 100644
index 0000000000..08faed7ec3
--- /dev/null
+++ b/layout/reftests/selection/non-themed-widget-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<style type="text/css">
+input {
+  background-color: Highlight;
+}
+input::-moz-selection {
+  background-color: HighlightText;
+  color: Highlight;
+}
+</style>
+</head>
+<body onload="document.getElementById('i').select();">
+<input id="i" value="text">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/selection/non-themed-widget.html b/layout/reftests/selection/non-themed-widget.html
new file mode 100644
index 0000000000..7b8708fc1e
--- /dev/null
+++ b/layout/reftests/selection/non-themed-widget.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<style type="text/css">
+input {
+  background-color: Highlight;
+}
+</style>
+</head>
+<body onload="document.getElementById('i').select();">
+<input id="i" value="text">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/selection/pseudo-element-of-native-anonymous-ref.html b/layout/reftests/selection/pseudo-element-of-native-anonymous-ref.html
new file mode 100644
index 0000000000..dbcfef7cfc
--- /dev/null
+++ b/layout/reftests/selection/pseudo-element-of-native-anonymous-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+<style type="text/css">
+input {
+  color: white;
+  background-color: green;
+}
+</style>
+</head>
+<body onload="document.getElementById('i').select();">
+<input value="text" id="i">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/selection/pseudo-element-of-native-anonymous.html b/layout/reftests/selection/pseudo-element-of-native-anonymous.html
new file mode 100644
index 0000000000..9193f1c27c
--- /dev/null
+++ b/layout/reftests/selection/pseudo-element-of-native-anonymous.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+input {
+  color: white;
+  background-color: green;
+}
+input::-moz-selection {
+  color: red;
+  background-color: blue;
+}
+</style>
+</head>
+<body onload="document.getElementById('i').select();">
+<input value="text" id="i">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/selection/reftest.list b/layout/reftests/selection/reftest.list
new file mode 100644
index 0000000000..a7d9ba1739
--- /dev/null
+++ b/layout/reftests/selection/reftest.list
@@ -0,0 +1,60 @@
+fuzzy(0-1,0-30) == dynamic-text-1a.html dynamic-text-1-ref.html
+fuzzy(0-1,0-40) == dynamic-text-1b.html dynamic-text-1-ref.html
+!= extend-1-sanity.html extend-1-ref.html
+fuzzy(0-1,0-1000) == extend-1a.html extend-1-ref.html
+fuzzy(0-1,0-10) == extend-1b.html extend-1-ref.html
+fuzzy(0-1,0-1000) == extend-1c.html extend-1-ref.html
+fuzzy(0-1,0-1000) == extend-1d.html extend-1-ref.html
+fuzzy(0-1,0-1000) == extend-1e.html extend-1-ref.html
+fuzzy(0-1,0-1000) == extend-1f.html extend-1-ref.html
+fuzzy(0-1,0-1000) == extend-1g.html extend-1-ref.html
+fuzzy(0-1,0-1000) == extend-1h.html extend-1-ref.html
+fuzzy(0-1,0-10) == extend-1i.html extend-1-ref.html
+== extend-2a.html extend-2-ref.html
+== extend-2b.html extend-2-ref.html
+!= extend-3-sanity.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3a.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3b.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3c.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3d.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3e.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3f.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3g.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3h.html extend-3-ref.html
+fuzzy(0-1,0-700) == extend-3i.html extend-3-ref.html
+== extend-4a.html extend-4-ref.html
+== extend-4b.html extend-4-ref.html
+# these 3 random-if(Android) are a difference of Native & Xul, see bug 739714
+random-if(Android) needs-focus != pseudo-element-of-native-anonymous.html pseudo-element-of-native-anonymous-ref.html # bug 676641
+# These tests uses Highlight and HighlightText color keywords, they are not same as text selection color on Mac.
+random-if(Android) fails-if(cocoaWidget) needs-focus == non-themed-widget.html non-themed-widget-ref.html
+random-if(Android) needs-focus == themed-widget.html themed-widget-ref.html
+== addrange-1.html addrange-ref.html
+fuzzy(0-1,0-1200) == addrange-2.html addrange-ref.html
+== splitText-normalize.html splitText-normalize-ref.html
+== modify-range.html modify-range-ref.html
+== dom-mutations.html dom-mutations-ref.html
+fuzzy-if(!OSX,0-1,0-2138) == trailing-space-1.html trailing-space-1-ref.html
+!= invalidation-1-ref.html invalidation-2-ref.html
+== invalidation-1a.html invalidation-1-ref.html
+== invalidation-1b.html invalidation-1-ref.html
+== invalidation-1c.html invalidation-1-ref.html
+== invalidation-1d.html invalidation-1-ref.html
+== invalidation-1e.html invalidation-1-ref.html
+== invalidation-1f.html invalidation-1-ref.html
+== invalidation-2a.html invalidation-2-ref.html
+== invalidation-2b.html invalidation-2-ref.html
+== invalidation-2c.html invalidation-2-ref.html
+== invalidation-2d.html invalidation-2-ref.html
+== invalidation-2e.html invalidation-2-ref.html
+== invalidation-2f.html invalidation-2-ref.html
+fuzzy(0-7,0-4) needs-focus == rtl-selection-with-decoration.html rtl-selection-with-decoration-ref.html
+needs-focus == semitransparent-decoration-line.html semitransparent-decoration-line-ref.html
+fuzzy-if(OSX,0-1,0-6) fuzzy-if(Android,0-188,0-39) needs-focus == writing-mode.html writing-mode-ref.html
+needs-focus fuzzy(0-5,0-1) == 1478604.html 1478604-ref.html # !webrender: Seems like an antialiasing+invalidation issue.
+
+needs-focus fuzzy(0-3,0-13) == disabled-1.html disabled-1-ref.html
+needs-focus != disabled-2.html disabled-2-notref.html
+
+== shadow-tree-order-1.html shadow-tree-order-1-ref.html
+!= shadow-tree-order-1.html shadow-tree-order-1-notref.html
diff --git a/layout/reftests/selection/rtl-selection-with-decoration-ref.html b/layout/reftests/selection/rtl-selection-with-decoration-ref.html
new file mode 100644
index 0000000000..6e057bf95a
--- /dev/null
+++ b/layout/reftests/selection/rtl-selection-with-decoration-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>rtl-selection-with-decoration-ref</title>
+    <style>
+      p {
+        font-size: 2em;
+        text-decoration-color: rgba(0, 0, 0, 0.3);
+        text-decoration-skip-ink: none;
+      }
+      #text1 {
+        text-decoration-line: line-through underline;
+      }
+      #text2 {
+        text-decoration-line: line-through overline;
+      }
+    </style>
+  </head>
+  <body>
+    <p id="text1" lang="he">זוהי עובדה הקורא שדעתו מבוססת של תהיה</p>
+    <p id="text2" lang="he" dir="rtl">זוהי עובדה הקורא שדעתו מבוססת של תהיה</p>
+  </body>
+</html>
diff --git a/layout/reftests/selection/rtl-selection-with-decoration.html b/layout/reftests/selection/rtl-selection-with-decoration.html
new file mode 100644
index 0000000000..942f50530b
--- /dev/null
+++ b/layout/reftests/selection/rtl-selection-with-decoration.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>rtl-selection-with-decoration</title>
+    <style>
+      p {
+        font-size: 2em;
+        text-decoration-color: rgba(0, 0, 0, 0.3);
+        text-decoration-skip-ink: none;
+      }
+      #text1 {
+        text-decoration-line: line-through underline;
+      }
+      #text2 {
+        text-decoration-line: line-through overline;
+      }
+      ::-moz-selection {
+        background-color: white;
+        color: black;
+      }
+    </style>
+    <script type="text/javascript" charset="utf-8">
+      function select() {
+        window.getSelection().removeAllRanges();
+        var elems = document.getElementsByTagName('p');
+        for (var i = 0; i < elems.length; ++i) {
+          var range = document.createRange();
+          range.setStart(elems[i].firstChild, 2);
+          range.setEnd(elems[i].firstChild, 9);
+          window.getSelection().addRange(range);
+        }
+      }
+    </script>
+  </head>
+  <body onload="select()">
+    <p id="text1" lang="he">זוהי עובדה הקורא שדעתו מבוססת של תהיה</p>
+    <p id="text2" lang="he" dir="rtl">זוהי עובדה הקורא שדעתו מבוססת של תהיה</p>
+  </body>
+</html>
diff --git a/layout/reftests/selection/semitransparent-decoration-line-ref.html b/layout/reftests/selection/semitransparent-decoration-line-ref.html
new file mode 100644
index 0000000000..75163e97fc
--- /dev/null
+++ b/layout/reftests/selection/semitransparent-decoration-line-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>semitransparent-decoration-line-ref</title>
+    <style>
+      *{
+         text-decoration-skip-ink: none;
+      }
+      .underline {
+        text-decoration: underline rgba(0,0,0,0.3);
+        font-size: 2em;
+      }
+      .overline {
+        text-decoration: overline rgba(0,0,0,0.3);
+        font-size: 2em;
+      }
+      .line-through {
+        text-decoration: line-through rgba(0,0,0,0.3);
+        font-size: 2em;
+      }
+    </style>
+  </head>
+  <body>
+    <p class="underline">Lorem ipsum dolor sit amet</p>
+    <p class="overline">Lorem ipsum dolor sit amet</p>
+    <p class="line-through">Lorem ipsum dolor sit amet</p>
+  </body>
+</html>
diff --git a/layout/reftests/selection/semitransparent-decoration-line.html b/layout/reftests/selection/semitransparent-decoration-line.html
new file mode 100644
index 0000000000..bdddf67931
--- /dev/null
+++ b/layout/reftests/selection/semitransparent-decoration-line.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>semitransparent-decoration-line</title>
+    <style>
+      * {
+         text-decoration-skip-ink: none;
+      }
+      .underline {
+        text-decoration: underline rgba(0,0,0,0.3);
+        font-size: 2em;
+      }
+      .overline {
+        text-decoration: overline rgba(0,0,0,0.3);
+        font-size: 2em;
+      }
+      .line-through {
+        text-decoration: line-through rgba(0,0,0,0.3);
+        font-size: 2em;
+      }
+      ::-moz-selection {
+        background-color: white;
+        color: black;
+      }
+    </style>
+    <script type="text/javascript" charset="utf-8">
+      function select() {
+        window.getSelection().removeAllRanges();
+        var elems = document.getElementsByTagName('p');
+        for (var i = 0; i < elems.length; ++i) {
+          var range = document.createRange();
+          range.setStart(elems[i].firstChild, 2);
+          range.setEnd(elems[i].firstChild, 9);
+          window.getSelection().addRange(range);
+        }
+      }
+    </script>
+  </head>
+  <body onload="select()">
+    <p class="underline">Lorem ipsum dolor sit amet</p>
+    <p class="overline">Lorem ipsum dolor sit amet</p>
+    <p class="line-through">Lorem ipsum dolor sit amet</p>
+  </body>
+</html>
diff --git a/layout/reftests/selection/shadow-tree-order-1-notref.html b/layout/reftests/selection/shadow-tree-order-1-notref.html
new file mode 100644
index 0000000000..35258d862f
--- /dev/null
+++ b/layout/reftests/selection/shadow-tree-order-1-notref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<p>Something to <span>find</span> above</p>
+<p>Something to <span>find</span> in the shadow</p>
+<p>Something to <span>find</span> below</p>
diff --git a/layout/reftests/selection/shadow-tree-order-1-ref.html b/layout/reftests/selection/shadow-tree-order-1-ref.html
new file mode 100644
index 0000000000..4651a2c6fd
--- /dev/null
+++ b/layout/reftests/selection/shadow-tree-order-1-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<p>Something to <span>find</span> above</p>
+<p>Something to <span>find</span> in the shadow</p>
+<p>Something to <span>find</span> below</p>
+<script>
+  let selection = getSelection();
+  selection.removeAllRanges();
+  for (let span of document.querySelectorAll("span")) {
+    let range = document.createRange();
+    range.selectNode(span);
+    selection.addRange(range);
+  }
+</script>
diff --git a/layout/reftests/selection/shadow-tree-order-1.html b/layout/reftests/selection/shadow-tree-order-1.html
new file mode 100644
index 0000000000..916fa6ab5f
--- /dev/null
+++ b/layout/reftests/selection/shadow-tree-order-1.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<p id="above">Something to <span>find</span> above</p>
+<p id="host"></p>
+<p id="below">Something to <span>find</span> below</p>
+<script>
+  document.getElementById("host").attachShadow({ mode: "open" }).innerHTML = `
+    Something to <span>find</span> in the shadow
+  `.trim();
+  let selection = getSelection();
+  selection.removeAllRanges();
+  for (let id of ["above", "host", "below"]) {
+    let element = document.getElementById(id);
+    let span = (element.shadowRoot || element).querySelector("span");
+    let range = document.createRange();
+    range.selectNode(span);
+    selection.addRange(range);
+  }
+</script>
diff --git a/layout/reftests/selection/splitText-normalize-ref.html b/layout/reftests/selection/splitText-normalize-ref.html
new file mode 100644
index 0000000000..7af1d34d47
--- /dev/null
+++ b/layout/reftests/selection/splitText-normalize-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=191864
+-->
+<head>
+  <title>Test for Bug 191864</title>
+  <script type="application/javascript" src="splitText-normalize.js"></script>
+<script type="application/javascript">
+var id;
+function checkFinished() {
+  if (window.frames.length == tests_done) {
+    clearInterval(id);
+    document.documentElement.className = "";
+  }
+}
+
+function runTest() {
+  let col1 = document.getElementById('col1');
+  let col2 = document.getElementById('col2');
+  let col3 = document.getElementById('col3');
+  let col4 = document.getElementById('col4');
+  for (let i=0; i < tests.length; ++i) {
+    let t = tests[i];
+    col1.appendChild(createFrame(test_ref,t));
+    col2.appendChild(createFrame(test_ref,t));
+    col3.appendChild(createFrame(test_ref,t));
+    col4.appendChild(createFrame(test_ref,t));
+  }
+  id = setInterval(checkFinished,500);
+}
+</script>
+</head>
+<body onload="runTest()">
+<span id="col1" style="float:left; height:800px; width:180px;"></span>
+<span id="col2" style="float:left; height:800px; width:180px;"></span>
+<span id="col3" style="float:left; height:800px; width:180px;"></span>
+<span id="col4" style="float:left; height:800px; width:180px;"></span>
+</body>
+</html>
diff --git a/layout/reftests/selection/splitText-normalize.html b/layout/reftests/selection/splitText-normalize.html
new file mode 100644
index 0000000000..5a7ed98869
--- /dev/null
+++ b/layout/reftests/selection/splitText-normalize.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=191864
+-->
+<head>
+  <title>Test for Bug 191864</title>
+  <script type="application/javascript" src="splitText-normalize.js"></script>
+<script type="application/javascript">
+var id;
+function checkFinished() {
+  if (window.frames.length == tests_done) {
+    clearInterval(id);
+    document.documentElement.className = "";
+  }
+}
+
+function runTest() {
+  let col1 = document.getElementById('col1');
+  let col2 = document.getElementById('col2');
+  let col3 = document.getElementById('col3');
+  let col4 = document.getElementById('col4');
+  for (let i=0; i < tests.length; ++i) {
+    let t = tests[i];
+    col1.appendChild(createFrame(test_split,t));
+    col2.appendChild(createFrame(test_split_merge,t));
+    col3.appendChild(createFrame(test_merge,t));
+    col4.appendChild(createFrame(test_split_insert,t));
+  }
+  id = setInterval(checkFinished,500);
+}
+</script>
+</head>
+<body onload="runTest()">
+<span id="col1" style="float:left; height:800px; width:180px;"></span>
+<span id="col2" style="float:left; height:800px; width:180px;"></span>
+<span id="col3" style="float:left; height:800px; width:180px;"></span>
+<span id="col4" style="float:left; height:800px; width:180px;"></span>
+</body>
+</html>
diff --git a/layout/reftests/selection/splitText-normalize.js b/layout/reftests/selection/splitText-normalize.js
new file mode 100644
index 0000000000..ae3dd312fa
--- /dev/null
+++ b/layout/reftests/selection/splitText-normalize.js
@@ -0,0 +1,86 @@
+/** Test for Bug 191864 **/
+var tests_done = 0;
+var tests = [
+ [ {}, [0,4], "012345678" ],
+ [ {}, [0,0], "012345678" ],
+ [ {}, [0,9], "012345678" ],
+ [ {startOffset:4}, [0,4], "012345678" ],
+ [ {startOffset:5}, [0,4], "012345678" ],
+ [ {startOffset:5,endOffset:6}, [0,4], "012345678" ],
+ [ {endOffset:5}, [0,4], "012345678" ],
+ [ {endOffset:4}, [0,4], "012345678" ],
+ [ {endOffset:3}, [0,4], "012345678" ],
+ [ {startOffset:1,endOffset:3}, [0,4], "012345678" ],
+ [ {startOffset:7,endOffset:7}, [0,4], "012345678" ],
+ [ {startOffset:4,endOffset:4}, [0,4], "012345678" ],
+ [ {endNode:1}, [0,4], "012345678", "" ],
+ [ {endNode:1}, [0,4], "01234567", "8" ],
+ [ {endNode:1}, [1,4], "0", "12345678" ],
+ [ {startOffset:1,endNode:1}, [0,0], "0", "12345678" ],
+ [ {endNode:2}, [1,4], "0", "12345", "678" ],
+]
+
+function runtest(f,t,nosplit) {
+  // create content
+  let doc = f.contentDocument;
+  for (let i = 2; i < t.length; ++i) {
+    c = doc.createTextNode(t[i]);
+    doc.body.appendChild(c);
+  }
+
+  // setup selection
+  let sel = t[0]
+  let startNode = sel.startNode === undefined ? doc.body.firstChild : doc.body.childNodes[sel.startNode];
+  let startOffset = sel.startOffset === undefined ? 0 : sel.startOffset;
+  let endNode = sel.endNode === undefined ? startNode : doc.body.childNodes[sel.endNode];
+  let endOffset = sel.endOffset === undefined ? endNode.length : sel.endOffset;
+  let selection = f.contentWindow.getSelection();
+  let r = doc.createRange();
+  r.setStart(startNode, startOffset);
+  r.setEnd(endNode, endOffset);
+  selection.addRange(r);
+
+  // splitText
+  let split = t[1]
+  if (!nosplit)
+    doc.body.childNodes[split[0]].splitText(split[1])
+}
+function test_ref(f,t,nosplit) {
+  runtest(f,t,true);
+}
+function test_split(f,t) {
+  runtest(f,t);
+}
+function test_split_insert(f,t) {
+  runtest(f,t);
+  let doc = f.contentDocument;
+  doc.body.firstChild;
+  let split = t[1]
+  let text1 = doc.body.childNodes[split[0]]
+  let text2 = doc.body.childNodes[split[0]+1]
+  if (text2.textContent.length==0) return;
+  let c = doc.createTextNode(text2.textContent[0]);
+  doc.body.insertBefore(c,text2);
+  let r = doc.createRange();
+  r.setStart(text2, 0);
+  r.setEnd(text2, 1);
+  r.deleteContents();
+}
+function test_split_merge(f,t) {
+  runtest(f,t);
+  f.contentDocument.body.normalize();
+}
+function test_merge(f,t) {
+  runtest(f,t,true);
+  f.contentDocument.body.normalize();
+}
+
+function createFrame(run,t) {
+  let f = document.createElement('iframe');
+  f.setAttribute('height','22');
+  f.setAttribute('frameborder','0');
+  f.setAttribute('width','200');
+  f.src = 'data:text/html,<body style="margin:0;padding:0">';
+  f.onload = function () { try { run(f, t); } finally { ++tests_done; } }
+  return f;
+}
diff --git a/layout/reftests/selection/themed-widget-ref.html b/layout/reftests/selection/themed-widget-ref.html
new file mode 100644
index 0000000000..1a932c3037
--- /dev/null
+++ b/layout/reftests/selection/themed-widget-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+<style type="text/css">
+input::-moz-selection {
+  background-color: Highlight;
+  color: HighlightText;
+}
+</style>
+</head>
+<body onload="document.getElementById('i').select();">
+<input id="i" value="text">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/selection/themed-widget.html b/layout/reftests/selection/themed-widget.html
new file mode 100644
index 0000000000..6d94f5584b
--- /dev/null
+++ b/layout/reftests/selection/themed-widget.html
@@ -0,0 +1,5 @@
+<html>
+<body onload="document.getElementById('i').select();">
+<input id="i" value="text">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/selection/trailing-space-1-ref.html b/layout/reftests/selection/trailing-space-1-ref.html
new file mode 100644
index 0000000000..bb33604a72
--- /dev/null
+++ b/layout/reftests/selection/trailing-space-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1146754</title>
+    <script>
+      function selectTest() {
+        window.getSelection().removeAllRanges();
+        var range = document.createRange();
+        range.selectNode(document.querySelector('#test'));
+        window.getSelection().addRange(range);
+      }
+    </script>
+    <style>
+      body { padding: 1em; }
+      div>div { height: 2em; }
+    </style>
+  </head>
+  <body onload="selectTest()" contenteditable>
+    <div id="test">
+      <div>123 <span style="color:transparent;font-size:0">x</span></div>
+      <div style="text-shadow:8px 3px 0 red;">456 <span style="color:transparent;font-size:0">x</span></div>
+      <div><u>789</u> <span style="color:transparent;font-size:0">x</span></div>
+      <div style="text-shadow:-4px 3px 0 red;"><u>012</u> <span style="color:transparent;font-size:0">x</span></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/selection/trailing-space-1.html b/layout/reftests/selection/trailing-space-1.html
new file mode 100644
index 0000000000..487cd726e7
--- /dev/null
+++ b/layout/reftests/selection/trailing-space-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1146754</title>
+    <script>
+      function selectTest() {
+        window.getSelection().removeAllRanges();
+        var range = document.createRange();
+        range.selectNode(document.querySelector('#test'));
+        window.getSelection().addRange(range);
+      }
+    </script>
+    <style>
+      body { padding: 1em; }
+      div>div { height: 2em; }
+    </style>
+  </head>
+  <body onload="selectTest()" contenteditable>
+    <div id="test">
+      <div>123 </div>
+      <div style="text-shadow:8px 3px 0 red;">456 </div>
+      <div style="text-decoration:underline">789 </div>
+      <div style="text-decoration:underline; text-shadow:-4px 3px 0 red;">012 </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/selection/writing-mode-ref.html b/layout/reftests/selection/writing-mode-ref.html
new file mode 100644
index 0000000000..3619c1811f
--- /dev/null
+++ b/layout/reftests/selection/writing-mode-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>writing-mode-ref</title>
+    <style>
+      p {
+        display: inline-block;
+        margin: 10px;
+      }
+      .line-through {
+        text-decoration: line-through wavy rgba(0, 0, 0, 0.3);
+      }
+      .wm-vertical-lr {
+        writing-mode: vertical-lr;
+      }
+      .wm-vertical-rl {
+        writing-mode: vertical-rl;
+      }
+      .wm-sideways-lr {
+        writing-mode: sideways-lr;
+      }
+      .wm-sideways-rl {
+        writing-mode: sideways-rl;
+      }
+    </style>
+  </head>
+  <body>
+    <p lang="zh" dir="ltr" class="wm-vertical-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="ltr" class="wm-vertical-rl line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="ltr" class="wm-sideways-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="ltr" class="wm-sideways-rl line-through">你好世界！Hello World!</p>
+    <br/>
+    <p lang="zh" dir="rtl" class="wm-vertical-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="rtl" class="wm-vertical-rl line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="rtl" class="wm-sideways-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="rtl" class="wm-sideways-rl line-through">你好世界！Hello World!</p>
+  </body>
+</html>
diff --git a/layout/reftests/selection/writing-mode.html b/layout/reftests/selection/writing-mode.html
new file mode 100644
index 0000000000..e74728c589
--- /dev/null
+++ b/layout/reftests/selection/writing-mode.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>writing-mode</title>
+    <style>
+      p {
+        display: inline-block;
+        margin: 10px;
+      }
+      .line-through {
+        text-decoration: line-through wavy rgba(0, 0, 0, 0.3);
+      }
+      ::-moz-selection {
+        background-color: white;
+        color: black;
+      }
+      .wm-vertical-lr {
+        writing-mode: vertical-lr;
+        display: inline-block;
+      }
+      .wm-vertical-rl {
+        writing-mode: vertical-rl;
+      }
+      .wm-sideways-lr {
+        writing-mode: sideways-lr;
+      }
+      .wm-sideways-rl {
+        writing-mode: sideways-rl;
+      }
+    </style>
+    <script type="text/javascript" charset="utf-8">
+      function select() {
+        window.getSelection().removeAllRanges();
+        var elems = document.getElementsByTagName('p');
+        for (var i = 0; i < elems.length; ++i) {
+          var range = document.createRange();
+          range.setStart(elems[i].firstChild, 2);
+          range.setEnd(elems[i].firstChild, 9);
+          window.getSelection().addRange(range);
+        }
+      }
+    </script>
+  </head>
+  <body onload="select()">
+    <p lang="zh" dir="ltr" class="wm-vertical-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="ltr" class="wm-vertical-rl line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="ltr" class="wm-sideways-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="ltr" class="wm-sideways-rl line-through">你好世界！Hello World!</p>
+    <br/>
+    <p lang="zh" dir="rtl" class="wm-vertical-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="rtl" class="wm-vertical-rl line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="rtl" class="wm-sideways-lr line-through">你好世界！Hello World!</p>
+    <p lang="zh" dir="rtl" class="wm-sideways-rl line-through">你好世界！Hello World!</p>
+  </body>
+</html>
diff --git a/layout/reftests/stylesheet-cloning/counter-style-rule-clone.html b/layout/reftests/stylesheet-cloning/counter-style-rule-clone.html
new file mode 100644
index 0000000000..ed3ec81e74
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/counter-style-rule-clone.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,@counter-style a { system: fixed; symbols: A B C D; suffix: '' }">
+<link rel="stylesheet" href="data:text/css,@counter-style a { system: fixed; symbols: A B C D; suffix: '' }">
+<link rel="stylesheet" href="test-common.css">
+<ol style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
+<script>
+  onload = function() {
+    var links = document.getElementsByTagName("link");
+    links[0].sheet.cssRules[0].symbols = "\u25F0 \u25F1 \u25F2 \u25F3";
+  }
+</script>
\ No newline at end of file
diff --git a/layout/reftests/stylesheet-cloning/glyphs-ref.html b/layout/reftests/stylesheet-cloning/glyphs-ref.html
new file mode 100644
index 0000000000..f8acbd27d3
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/glyphs-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="ref-common.css">
+<!-- list-style-type: a -->
+<div>A</div>
+<div>B</div>
+<div>C</div>
+<div>D</div>
+<div>5</div>
diff --git a/layout/reftests/stylesheet-cloning/importrule.css b/layout/reftests/stylesheet-cloning/importrule.css
new file mode 100644
index 0000000000..25ccf7a26a
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/importrule.css
@@ -0,0 +1 @@
+@import url(chrome:///browser/skin/);
diff --git a/layout/reftests/stylesheet-cloning/insert-after-clone.html b/layout/reftests/stylesheet-cloning/insert-after-clone.html
new file mode 100644
index 0000000000..e47a389f7d
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/insert-after-clone.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<title>Test insert rule after clone</title>
+<link rel=stylesheet href="importrule.css">
+<link id="two" rel=stylesheet href="importrule.css">
+<body onload="run()">
+<script>
+function run() {
+  document.getElementById("two").sheet.insertRule("div { color: green}", 1);
+}
+</script>
+<div>This should be green</div>
diff --git a/layout/reftests/stylesheet-cloning/media-rule-clone.html b/layout/reftests/stylesheet-cloning/media-rule-clone.html
new file mode 100644
index 0000000000..b7a3264083
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/media-rule-clone.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,@media all {div { color: green; }}">
+<link rel="stylesheet" href="data:text/css,@media all {div { color: green; }}">
+<div>This should be green</div>
+<script>
+  onload = function() {
+    var links = document.getElementsByTagName("link");
+    links[0].sheet.cssRules[0].cssRules[0].style.color = "red";
+  }
+</script>
diff --git a/layout/reftests/stylesheet-cloning/ref-common.css b/layout/reftests/stylesheet-cloning/ref-common.css
new file mode 100644
index 0000000000..92d77de0e5
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/ref-common.css
@@ -0,0 +1,12 @@
+body {
+  /* to match ua.css, see bug 1020143 */
+  font-variant-numeric: tabular-nums;
+}
+div, p {
+  padding: 0; margin: 0;
+  line-height: 150%;
+  float: left;
+}
+p {
+  padding-right: .5em;
+}
diff --git a/layout/reftests/stylesheet-cloning/reftest.list b/layout/reftests/stylesheet-cloning/reftest.list
new file mode 100644
index 0000000000..08c4c515d1
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/reftest.list
@@ -0,0 +1,6 @@
+== counter-style-rule-clone.html glyphs-ref.html # passes trivially
+# because "Dynamic change on @counter-style not yet supported"
+== media-rule-clone.html shouldbegreen-ref.html
+== insert-after-clone.html shouldbegreen-ref.html
+== style-rule-clone.html shouldbegreen-ref.html
+== supports-rule-clone.html shouldbegreen-ref.html
diff --git a/layout/reftests/stylesheet-cloning/shouldbegreen-ref.html b/layout/reftests/stylesheet-cloning/shouldbegreen-ref.html
new file mode 100644
index 0000000000..cd4a755bb7
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/shouldbegreen-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+div {
+  color: green;
+}
+</style>
+<div>This should be green</div>
diff --git a/layout/reftests/stylesheet-cloning/style-rule-clone.html b/layout/reftests/stylesheet-cloning/style-rule-clone.html
new file mode 100644
index 0000000000..898199e5b5
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/style-rule-clone.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,div { color: green }">
+<link rel="stylesheet" href="data:text/css,div { color: green }">
+<div>This should be green</div>
+<script>
+  onload = function() {
+    var links = document.getElementsByTagName("link");
+    links[0].sheet.cssRules[0].style.color = "red";
+  }
+</script>
diff --git a/layout/reftests/stylesheet-cloning/supports-rule-clone.html b/layout/reftests/stylesheet-cloning/supports-rule-clone.html
new file mode 100644
index 0000000000..6edaee2b6d
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/supports-rule-clone.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,@supports (color: green) {div { color: green; }}">
+<link rel="stylesheet" href="data:text/css,@supports (color: green) {div { color: green; }}">
+<div>This should be green</div>
+<script>
+  onload = function() {
+    var links = document.getElementsByTagName("link");
+    links[0].sheet.cssRules[0].cssRules[0].style.color = "red";
+  }
+</script>
diff --git a/layout/reftests/stylesheet-cloning/test-common.css b/layout/reftests/stylesheet-cloning/test-common.css
new file mode 100644
index 0000000000..dcbf4e1e02
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/test-common.css
@@ -0,0 +1,18 @@
+body {
+  /* to match ua.css, see bug 1020143 */
+  font-variant-numeric: tabular-nums;
+}
+ol, ul, section, p {
+  padding: 0; margin: 0;
+  line-height: 150%;
+}
+ol, ul {
+  list-style-position: inside;
+}
+li, p {
+  float: left;
+  padding: 0;
+}
+p {
+  padding-right: .5em;
+}
diff --git a/layout/reftests/svg/1570363-1-ref.html b/layout/reftests/svg/1570363-1-ref.html
new file mode 100644
index 0000000000..a22b19e038
--- /dev/null
+++ b/layout/reftests/svg/1570363-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style>
+path {
+  stroke: black;
+  stroke-width: 8;
+}
+
+.small {
+  transform: scale(0.25, 0.25);
+  transform-origin: 50% 50%;
+  /*transform-box: fill-box;*/
+}
+</style>
+</head>
+<body>
+
+<svg width="500" height="500">
+  <g class="small">
+    <path d="M 20,250 L 480,250" style="stroke: green"/>
+  </g>
+  <g class="small">
+    <path d="M 250,20 L 250,480" style="stroke: green"/>
+  </g>
+</svg>
+</body>
+
+</html>
diff --git a/layout/reftests/svg/1570363-1.html b/layout/reftests/svg/1570363-1.html
new file mode 100644
index 0000000000..6f754a9634
--- /dev/null
+++ b/layout/reftests/svg/1570363-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style>
+path {
+  stroke: black;
+  stroke-width: 8;
+}
+
+.small {
+  transform: scale(0.25, 0.25);
+  transform-origin: 50% 50%;
+  transform-box: fill-box;
+}
+</style>
+</head>
+<body>
+
+<svg width="500" height="500">
+  <g class="small">
+    <path d="M 20,250 L 480,250" style="stroke: green"/>
+  </g>
+  <g class="small">
+    <path d="M 250,20 L 250,480" style="stroke: green"/>
+  </g>
+</svg>
+</body>
+
+</html>
diff --git a/layout/reftests/svg/1792313-ref.svg b/layout/reftests/svg/1792313-ref.svg
new file mode 100644
index 0000000000..086367c12d
--- /dev/null
+++ b/layout/reftests/svg/1792313-ref.svg
@@ -0,0 +1,4 @@
+<svg width="500" height="500" viewBox="0 0 500 500" version="2.0" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="red" x="-5" y="-5" width="510" height="510"/>
+    <rect fill="blue" x="50" y="50" width="400" height="400"/>
+</svg>
diff --git a/layout/reftests/svg/1792313.svg b/layout/reftests/svg/1792313.svg
new file mode 100644
index 0000000000..639bcec48b
--- /dev/null
+++ b/layout/reftests/svg/1792313.svg
@@ -0,0 +1,4 @@
+<svg width="500" height="500" viewBox="0 0 0.1 0.1" version="2.0" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="red" x="-1" y="-1" width="3" height="3"/>
+    <rect fill="blue" x="0.01" y="0.01" width="0.08" height="0.08"/>
+</svg>
diff --git a/layout/reftests/svg/active-clip-and-mask-ref.html b/layout/reftests/svg/active-clip-and-mask-ref.html
new file mode 100644
index 0000000000..2f26fb66fd
--- /dev/null
+++ b/layout/reftests/svg/active-clip-and-mask-ref.html
@@ -0,0 +1,12 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="grey"/>
+  <g transform="translate(80 30)">
+    <rect x="-80" y="100" width="100" height="100" fill="blue"/>
+    <rect x="-60" y="120" width="40" height="40" fill="grey"/>
+
+    <rect x="60" y="100" width="100" height="100" fill="blue"/>
+    <rect x="80" y="120" width="40" height="40" fill="grey"/>
+
+    <rect x="180" y="100" width="100" height="100" fill="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/active-clip-and-mask.html b/layout/reftests/svg/active-clip-and-mask.html
new file mode 100644
index 0000000000..64cc269592
--- /dev/null
+++ b/layout/reftests/svg/active-clip-and-mask.html
@@ -0,0 +1,41 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="grey"/>
+  <g transform="translate(80 30)">
+
+    <!-- active blob group with clip path and mask -->
+    <clipPath id="c4" clipPathUnits="userSpaceOnUse">
+      <rect x="-80" y="100" width="100" height="100"/>
+    </clipPath>
+    <mask id="m4">
+      <rect x="-80" y="100" width="100" height="100" fill="white"/>
+      <rect x="-60" y="120" width="40" height="40" fill="black"/>
+    </mask>
+    <g mask="url(#m4)" clip-path="url(#c4)">
+      <g style = "will-change: opacity;">
+        <rect x="-80" y="100" width="100" height="100" fill="blue"/>
+      </g>
+    </g>
+
+    <!-- active blob group with mask only -->
+    <mask id="m5">
+      <rect x="60" y="100" width="100" height="100" fill="white"/>
+      <rect x="80" y="120" width="40" height="40" fill="black"/>
+    </mask>
+    <g mask="url(#m5)">
+      <g style = "will-change: opacity;">
+        <rect x="60" y="100" width="100" height="100" fill="blue"/>
+      </g>
+    </g>
+
+    <!-- active item with clip path only -->
+    <clipPath id="c6" clipPathUnits="userSpaceOnUse">
+      <rect x="180" y="100" width="100" height="100"/>
+    </clipPath>
+    <g clip-path="url(#c6)">
+      <g style = "will-change: opacity;">
+        <rect x="180" y="100" width="100" height="100" fill="blue"/>
+      </g>
+    </g>
+
+  </g>
+</svg>
diff --git a/layout/reftests/svg/active-transform-blend-mode-ref.html b/layout/reftests/svg/active-transform-blend-mode-ref.html
new file mode 100644
index 0000000000..6bb1bee6e4
--- /dev/null
+++ b/layout/reftests/svg/active-transform-blend-mode-ref.html
@@ -0,0 +1,8 @@
+<svg width=1000 height=1000>
+    <g style="transform: translateY(-2px) translateX(0px) translateZ(0px);">
+        <rect fill="#0000ff" height="93" width="32" x="100" y="163"></rect>
+    </g>
+    <g style="mix-blend-mode: multiply;">
+        <rect fill="#ff0000" height="93" width="32" x="100" y="161"></rect>
+    </g>
+</svg>
diff --git a/layout/reftests/svg/active-transform-blend-mode.html b/layout/reftests/svg/active-transform-blend-mode.html
new file mode 100644
index 0000000000..2ed8dc4646
--- /dev/null
+++ b/layout/reftests/svg/active-transform-blend-mode.html
@@ -0,0 +1,8 @@
+<svg width=1000 height=1000>
+    <g style="transform: translateY(-2px) translateX(0px) translateZ(0px); will-change: transform;">
+        <rect fill="#0000ff" height="93" width="32" x="100" y="163"></rect>
+    </g>
+    <g style="mix-blend-mode: multiply;">
+        <rect fill="#ff0000" height="93" width="32" x="100" y="161"></rect>
+    </g>
+</svg>
diff --git a/layout/reftests/svg/as-image/background-display-none-1.html b/layout/reftests/svg/as-image/background-display-none-1.html
new file mode 100644
index 0000000000..9c638134e2
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-display-none-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Test for a CSS background pointing to an SVG image that has "display:none"
+     on the root node. -->
+<html>
+<body>
+  <div style="width: 100px; height: 100px;
+              background-image: url('display-none.svg')">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-resize-1.html b/layout/reftests/svg/as-image/background-resize-1.html
new file mode 100644
index 0000000000..72111ceaf3
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-resize-1.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+<head>
+<script>
+    function doTest() {
+      document.getElementById("myDiv").style.width = "100px";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+  <div id="myDiv"
+       style="width: 10px;
+              height: 100px;
+              background-image: url('lime100x100.svg')">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-resize-2.html b/layout/reftests/svg/as-image/background-resize-2.html
new file mode 100644
index 0000000000..86df50c02b
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-resize-2.html
@@ -0,0 +1,18 @@
+<html class="reftest-wait">
+<head>
+<script>
+    function doTest() {
+      document.getElementById("myDiv").style.width = "100px";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+  <div id="myDiv"
+       style="width: 10px;
+              height: 100px;
+              background-image: url('lime100x100-noSVGDimensions.svg')">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-resize-3.html b/layout/reftests/svg/as-image/background-resize-3.html
new file mode 100644
index 0000000000..e87c148e74
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-resize-3.html
@@ -0,0 +1,19 @@
+<!-- Test for bug 600574 -->
+<html class="reftest-wait">
+<head>
+<script>
+    function doTest() {
+      document.getElementById("myDiv").style.width = "100px";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+  <div id="myDiv"
+       style="width: 10px;
+              height: 100px;
+              background-image: url('limeInRed-noSVGDimensions-viewBox.svg')">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-resize-4.html b/layout/reftests/svg/as-image/background-resize-4.html
new file mode 100644
index 0000000000..ed4ea4f085
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-resize-4.html
@@ -0,0 +1,20 @@
+<!-- Test for bug 600574 -->
+<html class="reftest-wait">
+<head>
+<script>
+    function doTest() {
+      document.getElementById("myDiv").style.width = "100px";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+  <div id="myDiv"
+       style="width: 10px;
+              height: 100px;
+              background-image:
+                url('limeInRed-noSVGDimensions-animViewBox.svg')">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-scale-no-viewbox-1-ref.html b/layout/reftests/svg/as-image/background-scale-no-viewbox-1-ref.html
new file mode 100644
index 0000000000..e9ee74d29b
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-scale-no-viewbox-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div {
+      background-color: white;
+      width: 12px;
+      height: 60px;
+    }
+    body {
+      background-color: black;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-scale-no-viewbox-1.html b/layout/reftests/svg/as-image/background-scale-no-viewbox-1.html
new file mode 100644
index 0000000000..e8ea278bb6
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-scale-no-viewbox-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html reftest-zoom="2.0">
+<head>
+  <style>
+    div {
+      background-color: yellow;
+      background-image: url("white-rect-no-viewbox.svg");
+      width: 6px;
+      height: 30px;
+    }
+    body {
+      background-color: black;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-scale-with-viewbox-1-ref.html b/layout/reftests/svg/as-image/background-scale-with-viewbox-1-ref.html
new file mode 100644
index 0000000000..e9ee74d29b
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-scale-with-viewbox-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div {
+      background-color: white;
+      width: 12px;
+      height: 60px;
+    }
+    body {
+      background-color: black;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-scale-with-viewbox-1.html b/layout/reftests/svg/as-image/background-scale-with-viewbox-1.html
new file mode 100644
index 0000000000..295aedf520
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-scale-with-viewbox-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html reftest-zoom="2.0">
+<head>
+  <style>
+    div {
+      background-color: yellow;
+      background-image: url("white-rect-with-viewbox.svg");
+      width: 6px;
+      height: 30px;
+    }
+    body {
+      background-color: black;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-simple-1.html b/layout/reftests/svg/as-image/background-simple-1.html
new file mode 100644
index 0000000000..d368b58318
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-simple-1.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <div style="height: 100px; width: 100px;
+              background-image: url('lime100x100.svg')">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-simple-2.html b/layout/reftests/svg/as-image/background-simple-2.html
new file mode 100644
index 0000000000..1b4cbba245
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-simple-2.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <div style="height: 100px; width: 100px;
+              background-image: url('limeInRed100x100-viewBox.svg')">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-stretch-1-ref.html b/layout/reftests/svg/as-image/background-stretch-1-ref.html
new file mode 100644
index 0000000000..3b017fbdf7
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-stretch-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div {
+      background-color: yellow;
+      height: 30px;
+    }
+    .container {
+      width: 100px;
+    }
+    .should-not-stretch {
+      width: 6px;
+      background-color: white;
+      display: inline-block;
+    }
+    .left-spacer {
+      width: 47px;
+      float: left;
+    }
+    .right-spacer {
+      width: 47px;
+      float: right;
+    }
+    body {
+      background-color: black;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="left-spacer"></div>
+    <div class="should-not-stretch"></div>
+    <div class="right-spacer"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-stretch-1.html b/layout/reftests/svg/as-image/background-stretch-1.html
new file mode 100644
index 0000000000..0931cf3ccc
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-stretch-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    div {
+      height: 30px;
+      width: 100px;
+      background-image: url("white-rect-with-viewbox.svg");
+      background-repeat: no-repeat;
+      background-position: 30px;
+      background-size: 40px 30px;
+      background-color: yellow;
+    }
+    body {
+      background-color: black;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/background-viewBox-1.html b/layout/reftests/svg/as-image/background-viewBox-1.html
new file mode 100644
index 0000000000..077dedfeb7
--- /dev/null
+++ b/layout/reftests/svg/as-image/background-viewBox-1.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+  <div style="height: 100px; width: 100px;
+              background-image: url('limeInRed100x100-viewBox.svg')">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/black100x100-ref.html b/layout/reftests/svg/as-image/black100x100-ref.html
new file mode 100644
index 0000000000..0d0121ccb8
--- /dev/null
+++ b/layout/reftests/svg/as-image/black100x100-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: black"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/blue-square-in-square-par-none.svg b/layout/reftests/svg/as-image/blue-square-in-square-par-none.svg
new file mode 100644
index 0000000000..33a08a0bca
--- /dev/null
+++ b/layout/reftests/svg/as-image/blue-square-in-square-par-none.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<svg preserveAspectRatio="none" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+<rect x="0" y="0" width="100" height="100" stroke-width="0" fill="blue"/>
+<rect x="10" y="10" width="80" height="80" stroke-width="0" fill="lightblue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/blue-square-in-square.svg b/layout/reftests/svg/as-image/blue-square-in-square.svg
new file mode 100644
index 0000000000..d43a27951d
--- /dev/null
+++ b/layout/reftests/svg/as-image/blue-square-in-square.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+<rect x="0" y="0" width="100" height="100" stroke-width="0" fill="blue"/>
+<rect x="10" y="10" width="80" height="80" stroke-width="0" fill="lightblue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/blue100x100-border-ref.html b/layout/reftests/svg/as-image/blue100x100-border-ref.html
new file mode 100644
index 0000000000..1bd865856c
--- /dev/null
+++ b/layout/reftests/svg/as-image/blue100x100-border-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; border: 10px solid blue; box-sizing: border-box;"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/blue100x100-ref.html b/layout/reftests/svg/as-image/blue100x100-ref.html
new file mode 100644
index 0000000000..307fbd6bd3
--- /dev/null
+++ b/layout/reftests/svg/as-image/blue100x100-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: blue"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/blue100x100.svg b/layout/reftests/svg/as-image/blue100x100.svg
new file mode 100644
index 0000000000..a9c8eba794
--- /dev/null
+++ b/layout/reftests/svg/as-image/blue100x100.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="100">
+  <rect width="100%" height="100%" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/border-image-simple-1.html b/layout/reftests/svg/as-image/border-image-simple-1.html
new file mode 100644
index 0000000000..e6b696e1d2
--- /dev/null
+++ b/layout/reftests/svg/as-image/border-image-simple-1.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <div style="height: 100px; width: 100px;
+              border-image: url('lime100x100.png') 0 fill;"/>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/border-image-simple-2.html b/layout/reftests/svg/as-image/border-image-simple-2.html
new file mode 100644
index 0000000000..4eba8cee53
--- /dev/null
+++ b/layout/reftests/svg/as-image/border-image-simple-2.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <div style="height: 100px; width: 100px;
+              border-image: url('lime100x100-noSVGDimensions.svg') 0 fill;"/>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-alpha-1-ref.html b/layout/reftests/svg/as-image/canvas-drawImage-alpha-1-ref.html
new file mode 100644
index 0000000000..b2be295acb
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-alpha-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: orange; position:absolute"></div>
+  <div style="width: 100px; height: 100px; background: lime; opacity: .25; position:absolute"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-alpha-1.html b/layout/reftests/svg/as-image/canvas-drawImage-alpha-1.html
new file mode 100644
index 0000000000..ca6a362c34
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-alpha-1.html
@@ -0,0 +1,22 @@
+<html>
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+        var image = document.getElementById("image");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        ctx.globalAlpha = 0.25;
+        ctx.drawImage(image, 0, 0);
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+    <img id="image" src="lime100x100.svg" style="display: none">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-alpha-2-ref.html b/layout/reftests/svg/as-image/canvas-drawImage-alpha-2-ref.html
new file mode 100644
index 0000000000..563e60bb91
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-alpha-2-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <embed style="width: 200px; height: 200px;"
+         src="squaredCircle-transparent.svg"/>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-alpha-2.html b/layout/reftests/svg/as-image/canvas-drawImage-alpha-2.html
new file mode 100644
index 0000000000..ca56934f6b
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-alpha-2.html
@@ -0,0 +1,22 @@
+<html>
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+        var image = document.getElementById("image");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 200, 200);
+
+        ctx.globalAlpha = 0.75;
+        ctx.drawImage(image, 0, 0, 200, 200);
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+    <img id="image" src="squaredCircle-viewBox-100x100.svg" style="display: none">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-origin-clean-1.html b/layout/reftests/svg/as-image/canvas-drawImage-origin-clean-1.html
new file mode 100644
index 0000000000..c363bad581
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-origin-clean-1.html
@@ -0,0 +1,24 @@
+<html>
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+        var image = document.getElementById("image");
+
+        // Draw the SVG image
+        ctx.drawImage(image, 0, 0);
+
+        try {
+          canvas.toDataURL();
+        } catch (ex) {
+          document.body.textContent = ex;
+        }
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+    <img id="image" src="lime100x100.svg" style="display: none">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-scale-1a.html b/layout/reftests/svg/as-image/canvas-drawImage-scale-1a.html
new file mode 100644
index 0000000000..da382386f4
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-scale-1a.html
@@ -0,0 +1,27 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        // Instantiate an image. Once it has loaded, draw it & take snapshot.
+        var image = new Image();
+        image.onload = function() {
+          // Note that our canvas is 100x100, so our scaled 200x200 image will
+          // get cropped to 100x100.
+          ctx.drawImage(image, 0, 0, 200, 200);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="lime100x100.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-scale-1b.html b/layout/reftests/svg/as-image/canvas-drawImage-scale-1b.html
new file mode 100644
index 0000000000..94154d480e
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-scale-1b.html
@@ -0,0 +1,28 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        // Instantiate an image. Once it has loaded, draw it & take snapshot.
+        var image = new Image();
+        image.onload = function() {
+          // Note that our canvas is 100x100, so our scaled 200x200 image will
+          // get cropped to 100x100.
+          ctx.scale(2, 2);  // Scale our image-drawing by 2
+          ctx.drawImage(image, 0, 0);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="lime100x100.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-scale-1c.html b/layout/reftests/svg/as-image/canvas-drawImage-scale-1c.html
new file mode 100644
index 0000000000..92eed4e101
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-scale-1c.html
@@ -0,0 +1,26 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        // Instantiate an image. Once it has loaded, draw it & take snapshot.
+        var image = new Image();
+        image.onload = function() {
+          ctx.scale(2, 2);  // Scale our image-drawing by 2
+          ctx.drawImage(image, 0, 0);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="lime50x50.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-scale-2-ref.html b/layout/reftests/svg/as-image/canvas-drawImage-scale-2-ref.html
new file mode 100644
index 0000000000..bd4585eaa9
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-scale-2-ref.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <embed style="width: 200px; height: 200px"
+         src="squaredCircle-viewBox-noSize.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-scale-2a.html b/layout/reftests/svg/as-image/canvas-drawImage-scale-2a.html
new file mode 100644
index 0000000000..0e8cf233ff
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-scale-2a.html
@@ -0,0 +1,26 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 200, 200);
+
+        // Instantiate an image. Draw it at a larger size, & take snapshot
+        // once it has loaded.
+        var image = new Image();
+        image.onload = function() {
+          ctx.drawImage(image, 0, 0, 200, 200);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="squaredCircle-viewBox-100x100.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-scale-2b.html b/layout/reftests/svg/as-image/canvas-drawImage-scale-2b.html
new file mode 100644
index 0000000000..f3ca821230
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-scale-2b.html
@@ -0,0 +1,26 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 200, 200);
+
+        // Instantiate an image. Once it has loaded, draw it & take snapshot.
+        var image = new Image();
+        image.onload = function() {
+          ctx.scale(2, 2);
+          ctx.drawImage(image, 0, 0);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="squaredCircle-viewBox-100x100.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-simple-1a.html b/layout/reftests/svg/as-image/canvas-drawImage-simple-1a.html
new file mode 100644
index 0000000000..b40d5fc39a
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-simple-1a.html
@@ -0,0 +1,22 @@
+<html>
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+        var image = document.getElementById("image");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        // Draw the SVG image on top of our red
+        ctx.drawImage(image, 0, 0);
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+    <img id="image" src="lime100x100.svg" style="display: none">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-simple-1b.html b/layout/reftests/svg/as-image/canvas-drawImage-simple-1b.html
new file mode 100644
index 0000000000..f3348b1e16
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-simple-1b.html
@@ -0,0 +1,25 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        // Instantiate an image. Once it has loaded, draw it & take snapshot.
+        var image = new Image();
+        image.onload = function() {
+          ctx.drawImage(image, 0, 0);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="lime100x100.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-slice-1a.html b/layout/reftests/svg/as-image/canvas-drawImage-slice-1a.html
new file mode 100644
index 0000000000..6f173b7d6b
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-slice-1a.html
@@ -0,0 +1,28 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        // Instantiate an image. Once it has loaded, draw it & take snapshot.
+        var image = new Image();
+        image.onload = function() {
+          // This version of the test is "easier", in that the sampled region
+          // is offset from the red by 1px on all sides. This lets us avoid
+          // any pixel-rounding errors.
+          ctx.drawImage(image, 26, 26, 48, 48, 0, 0, 100, 100);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="limeInRed100x100.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-slice-1b.html b/layout/reftests/svg/as-image/canvas-drawImage-slice-1b.html
new file mode 100644
index 0000000000..6b56ce1e60
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-slice-1b.html
@@ -0,0 +1,25 @@
+<html class="reftest-wait">
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        // Draw some orange
+        ctx.fillStyle = "orange";
+        ctx.fillRect(0, 0, 100, 100);
+
+        // Instantiate an image. Once it has loaded, draw it & take snapshot.
+        var image = new Image();
+        image.onload = function() {
+          ctx.drawImage(image, 25, 25, 50, 50, 0, 0, 100, 100);
+          document.documentElement.removeAttribute("class");
+        }
+        image.src ="limeInRed100x100.svg";
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-transform-restored-ref.html b/layout/reftests/svg/as-image/canvas-drawImage-transform-restored-ref.html
new file mode 100644
index 0000000000..5105f71921
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-transform-restored-ref.html
@@ -0,0 +1,18 @@
+<html>
+  <head>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        ctx.setTransform(2, 0, 0, 2, 0, 0);
+
+        ctx.fillStyle = "blue";
+        ctx.fillRect(20, 20, 50, 50);
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/canvas-drawImage-transform-restored.html b/layout/reftests/svg/as-image/canvas-drawImage-transform-restored.html
new file mode 100644
index 0000000000..2d7ec38588
--- /dev/null
+++ b/layout/reftests/svg/as-image/canvas-drawImage-transform-restored.html
@@ -0,0 +1,24 @@
+<html>
+  <head>
+    <title>Test that drawImage() calls don't reset the canvas' transform</title>
+    <script type="text/javascript">
+      function go() {
+        var canvas = document.getElementById("canvas");
+        var ctx = canvas.getContext("2d");
+
+        ctx.setTransform(2, 0, 0, 2, 0, 0);
+
+        // SVG image that draws nothing
+        ctx.drawImage(document.getElementById("image"), 0, 0);
+
+        // Check that ctx's transform wasn't reset by the drawImage call
+        ctx.fillStyle = "blue";
+        ctx.fillRect(20, 20, 50, 50);
+      }
+    </script>
+  </head>
+  <body onload="go()">
+    <canvas id="canvas" width="200" height="200"></canvas>
+    <img id="image" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'></svg>" style="display: none">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/content-outside-viewBox-1-helper.svg b/layout/reftests/svg/as-image/content-outside-viewBox-1-helper.svg
new file mode 100644
index 0000000000..ff5ff17fb9
--- /dev/null
+++ b/layout/reftests/svg/as-image/content-outside-viewBox-1-helper.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     viewBox="0 0 100 100"
+     preserveAspectRatio="xMinYMin meet">
+  <rect width="100" height="100" fill="lime"/>
+
+  <!-- Rect to the right of viewBox -->
+  <rect x="300" width="100" height="100" fill="blue"/>
+
+  <!-- Rect below viewBox -->
+  <rect y="300" width="100" height="100" fill="purple"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/context-fill-01.html b/layout/reftests/svg/as-image/context-fill-01.html
new file mode 100644
index 0000000000..b25eac4c45
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-01.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-fill test</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill;
+  fill: lime;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill blue'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-02.html b/layout/reftests/svg/as-image/context-fill-02.html
new file mode 100644
index 0000000000..e476d1e04a
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-02.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-fill test (without a fallback color)</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill;
+  fill: lime;
+  border: 1px solid black;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill none'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-03.html b/layout/reftests/svg/as-image/context-fill-03.html
new file mode 100644
index 0000000000..066d5a7925
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-03.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill where fill is semi-transparent</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill;
+  fill: rgb(0% 100% 0% / 50%);
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill red'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-04.html b/layout/reftests/svg/as-image/context-fill-04.html
new file mode 100644
index 0000000000..4b8b9d84c1
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-04.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill with fill-opacity</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill;
+  fill: lime;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill red' fill-opacity='0.5'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-05.html b/layout/reftests/svg/as-image/context-fill-05.html
new file mode 100644
index 0000000000..14c169642f
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-05.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill with different fill values (test image caching correctness)</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill;
+}
+
+#img1 {
+  fill: blue;
+}
+
+#img2 {
+  fill: yellow;
+}
+
+    </style>
+  </head>
+  <body>
+    <img id="img1" src="context-fill-05.svg">
+    <img id="img2" src="context-fill-05.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-05.svg b/layout/reftests/svg/as-image/context-fill-05.svg
new file mode 100644
index 0000000000..c2865ca10e
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-05.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+  <rect width='100%' height='100%' fill='context-fill red'/>
+</svg>
diff --git a/layout/reftests/svg/as-image/context-fill-06.html b/layout/reftests/svg/as-image/context-fill-06.html
new file mode 100644
index 0000000000..7ea9c6bf95
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-06.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill works as a stroke value</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill;
+  fill: lime;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-fill red'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-07-ref.html b/layout/reftests/svg/as-image/context-fill-07-ref.html
new file mode 100644
index 0000000000..9e52bb402e
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-07-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+div {
+  width: 100px;
+  height: 100px;
+  background-color: black;
+  display: inline-block;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-07.html b/layout/reftests/svg/as-image/context-fill-07.html
new file mode 100644
index 0000000000..c4e9ab3305
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-07.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill when no context fill value is provided</title>
+    <style>
+
+img {
+  -moz-context-properties: fill;
+  width: 100px;
+  height: 100px;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill'/></svg>">
+    <!-- The initial value for 'fill' is black, so we expect that to be the
+         context-fill that the following rect uses (the fallback color should
+         not be used). -->
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill red'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-08.html b/layout/reftests/svg/as-image/context-fill-08.html
new file mode 100644
index 0000000000..77f7aca144
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-08.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill when only "-moz-context-properties: stroke" is specified</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke;
+  fill: red;
+  stroke: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill blue'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-bg-image-01.html b/layout/reftests/svg/as-image/context-fill-bg-image-01.html
new file mode 100644
index 0000000000..2c5d0ff362
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-bg-image-01.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-fill in background-image test</title>
+    <style>
+
+div {
+  width: 100px;
+  height: 100px;
+  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill red'/></svg>");
+  -moz-context-properties: fill;
+  fill: blue;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/svg/as-image/context-fill-opacity-01.html b/layout/reftests/svg/as-image/context-fill-opacity-01.html
new file mode 100644
index 0000000000..1ba306a054
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-opacity-01.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-fill-opacity test</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill-opacity;
+  fill-opacity: 0.5;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue' fill-opacity='context-fill-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-opacity-02.html b/layout/reftests/svg/as-image/context-fill-opacity-02.html
new file mode 100644
index 0000000000..8420d0105d
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-opacity-02.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill-opacity with different fill-opacity values (test image caching correctness)</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill-opacity;
+}
+
+#img1 {
+  fill-opacity: 0.3;
+}
+
+#img2 {
+  fill-opacity: 0.7;
+}
+
+    </style>
+  </head>
+  <body>
+    <img id="img1" src="context-fill-opacity-02.svg">
+    <img id="img2" src="context-fill-opacity-02.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-opacity-02.svg b/layout/reftests/svg/as-image/context-fill-opacity-02.svg
new file mode 100644
index 0000000000..bbc1270271
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-opacity-02.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+  <rect width='100%' height='100%' fill='blue' fill-opacity='context-fill-opacity'/>
+</svg>
diff --git a/layout/reftests/svg/as-image/context-fill-opacity-03.html b/layout/reftests/svg/as-image/context-fill-opacity-03.html
new file mode 100644
index 0000000000..33d4684c2b
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-opacity-03.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill-opacity works with context-fill</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill, fill-opacity;
+  fill: blue;
+  fill-opacity: 0.5;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill' fill-opacity='context-fill-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-opacity-04.html b/layout/reftests/svg/as-image/context-fill-opacity-04.html
new file mode 100644
index 0000000000..e8b1b343cd
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-opacity-04.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>No context-fill-opacity value is provided</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill-opacity;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue' fill-opacity='context-fill-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-opacity-05.html b/layout/reftests/svg/as-image/context-fill-opacity-05.html
new file mode 100644
index 0000000000..ca34db6d51
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-opacity-05.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-fill-opacity when only '-moz-context-properties: stroke-opacity' is specified</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke-opacity;
+  fill: 0.5;
+  stroke: 0.5;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue' fill-opacity='context-fill-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-or-stroke-05-ref.html b/layout/reftests/svg/as-image/context-fill-or-stroke-05-ref.html
new file mode 100644
index 0000000000..369d36bb93
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-or-stroke-05-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+
+div {
+  width: 100px;
+  height: 100px;
+  display: inline-block;
+}
+
+  </style>
+</head>
+<body>
+  <div style="background: blue"></div>
+  <div style="background: yellow"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-01-ref.html b/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-01-ref.html
new file mode 100644
index 0000000000..87b98a894d
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-01-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: rgba(0, 0, 255, 0.5)"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-02-ref.html b/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-02-ref.html
new file mode 100644
index 0000000000..f16b49ff40
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-02-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+
+div {
+  width: 100px;
+  height: 100px;
+  display: inline-block;
+}
+
+  </style>
+</head>
+<body>
+  <div style="background: rgba(0, 0, 255, 0.3); "></div>
+  <div style="background: rgba(0, 0, 255, 0.7); "></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-03-ref.html b/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-03-ref.html
new file mode 100644
index 0000000000..87b98a894d
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-fill-or-stroke-opacity-03-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: rgba(0, 0, 255, 0.5)"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-01.html b/layout/reftests/svg/as-image/context-stroke-01.html
new file mode 100644
index 0000000000..853f72ac5a
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-01.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-stroke test</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke;
+  stroke: lime;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke blue'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-02.html b/layout/reftests/svg/as-image/context-stroke-02.html
new file mode 100644
index 0000000000..00d39aff4e
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-02.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-stroke test (without a fallback color)</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke;
+  stroke: lime;
+  border: 1px solid black;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-03.html b/layout/reftests/svg/as-image/context-stroke-03.html
new file mode 100644
index 0000000000..2bb341f6d4
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-03.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke where stroke is semi-transparent</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke;
+  stroke: rgb(0% 100% 0% / 50%);
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke red'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-04.html b/layout/reftests/svg/as-image/context-stroke-04.html
new file mode 100644
index 0000000000..170f8c4970
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-04.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke with stroke-opacity</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke;
+  stroke: lime;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke red' stroke-opacity='0.5'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-05.html b/layout/reftests/svg/as-image/context-stroke-05.html
new file mode 100644
index 0000000000..ebd3f6b8e9
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-05.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke with different stroke values (test image caching correctness)</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke;
+}
+
+#img1 {
+  stroke: blue;
+}
+
+#img2 {
+  stroke: yellow;
+}
+
+    </style>
+  </head>
+  <body>
+    <img id="img1" src="context-stroke-05.svg">
+    <img id="img2" src="context-stroke-05.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-05.svg b/layout/reftests/svg/as-image/context-stroke-05.svg
new file mode 100644
index 0000000000..01e25682b9
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-05.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+  <line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke red'/>
+</svg>
diff --git a/layout/reftests/svg/as-image/context-stroke-06.html b/layout/reftests/svg/as-image/context-stroke-06.html
new file mode 100644
index 0000000000..fb84671d67
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-06.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke works as a fill value</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke;
+  stroke: lime;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-stroke red'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-07-ref.html b/layout/reftests/svg/as-image/context-stroke-07-ref.html
new file mode 100644
index 0000000000..503e1bfba5
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-07-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+div {
+  width: 100px;
+  height: 100px;
+  display: inline-block;
+  border: 1px solid black;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+    <div style="background-color: lime;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-07.html b/layout/reftests/svg/as-image/context-stroke-07.html
new file mode 100644
index 0000000000..885ee221dd
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-07.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke when no context stroke value is provided</title>
+    <style>
+
+img {
+  -moz-context-properties: fill;
+  width: 100px;
+  height: 100px;
+  border: 1px solid black;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke'/></svg>">
+    <!-- The following image currently results in the 'lime' fallback color
+         being used, but it probably shouldn't. See bug 1351243. -->
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke lime'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-08.html b/layout/reftests/svg/as-image/context-stroke-08.html
new file mode 100644
index 0000000000..8420fba152
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-08.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke when only "-moz-context-properties: fill" is specified</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill;
+  fill: red;
+  stroke: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect x='5' y='5' width='90' height='90' fill='none' stroke='context-stroke blue' stroke-width='10'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-bg-image-01.html b/layout/reftests/svg/as-image/context-stroke-bg-image-01.html
new file mode 100644
index 0000000000..57897c93e5
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-bg-image-01.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-stroke in background-image test</title>
+    <style>
+
+div {
+  width: 100px;
+  height: 100px;
+  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect x='5' y='5' width='90' height='90' fill='none' stroke='context-stroke red' stroke-width='10'/></svg>");
+  -moz-context-properties: stroke;
+  stroke: blue;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
+
diff --git a/layout/reftests/svg/as-image/context-stroke-opacity-01.html b/layout/reftests/svg/as-image/context-stroke-opacity-01.html
new file mode 100644
index 0000000000..6c3e9b386b
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-opacity-01.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic context-stroke-opacity test</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke-opacity;
+  stroke-opacity: 0.5;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='blue' stroke-opacity='context-stroke-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-opacity-02.html b/layout/reftests/svg/as-image/context-stroke-opacity-02.html
new file mode 100644
index 0000000000..4445cc7b93
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-opacity-02.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke-opacity with different stroke-opacity values (test image caching correctness)</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke-opacity;
+}
+
+#img1 {
+  stroke-opacity: 0.3;
+}
+
+#img2 {
+  stroke-opacity: 0.7;
+}
+
+    </style>
+  </head>
+  <body>
+    <img id="img1" src="context-stroke-opacity-02.svg">
+    <img id="img2" src="context-stroke-opacity-02.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-opacity-02.svg b/layout/reftests/svg/as-image/context-stroke-opacity-02.svg
new file mode 100644
index 0000000000..d00c3a0e59
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-opacity-02.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+    <line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='blue' stroke-opacity='context-stroke-opacity'/>
+</svg>
diff --git a/layout/reftests/svg/as-image/context-stroke-opacity-03.html b/layout/reftests/svg/as-image/context-stroke-opacity-03.html
new file mode 100644
index 0000000000..cc0f5685a7
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-opacity-03.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke-opacity works with context-stroke</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke, stroke-opacity;
+  stroke: blue;
+  stroke-opacity: 0.5;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='context-stroke' stroke-opacity='context-stroke-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-opacity-04.html b/layout/reftests/svg/as-image/context-stroke-opacity-04.html
new file mode 100644
index 0000000000..cc329b463a
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-opacity-04.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>No context-stroke-opacity value is provided</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: stroke-opacity;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='blue' stroke-opacity='context-stroke-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/context-stroke-opacity-05.html b/layout/reftests/svg/as-image/context-stroke-opacity-05.html
new file mode 100644
index 0000000000..f31b42d062
--- /dev/null
+++ b/layout/reftests/svg/as-image/context-stroke-opacity-05.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test context-stroke-opacity when only '-moz-context-properties: fill-opacity' is specified</title>
+    <style>
+
+img {
+  width: 100px;
+  height: 100px;
+  -moz-context-properties: fill-opacity;
+  stroke-opacity: 0.5;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='50%' x2='100%' y2='50%' stroke-width='120%' stroke='blue' stroke-opacity='context-stroke-opacity'/></svg>">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/defer-unsupported-1-helper.svg b/layout/reftests/svg/as-image/defer-unsupported-1-helper.svg
new file mode 100644
index 0000000000..a2c4c7a558
--- /dev/null
+++ b/layout/reftests/svg/as-image/defer-unsupported-1-helper.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+     viewBox="0 0 50 50" preserveAspectRatio="xMaxYMax">
+
+  <rect width="100" height="100" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/defer-unsupported-1-ref.svg b/layout/reftests/svg/as-image/defer-unsupported-1-ref.svg
new file mode 100644
index 0000000000..2b49baf71e
--- /dev/null
+++ b/layout/reftests/svg/as-image/defer-unsupported-1-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <rect width="100" height="100" fill="blue"/>
+  <image xlink:href="defer-unsupported-1-helper.svg" width="200" height="100"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/defer-unsupported-1.svg b/layout/reftests/svg/as-image/defer-unsupported-1.svg
new file mode 100644
index 0000000000..4a9d84955e
--- /dev/null
+++ b/layout/reftests/svg/as-image/defer-unsupported-1.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <rect width="100" height="100" fill="blue"/>
+  <image xlink:href="defer-unsupported-1-helper.svg" width="200" height="100"
+         preserveAspectRatio="defer xMinYMin"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/display-none.svg b/layout/reftests/svg/as-image/display-none.svg
new file mode 100644
index 0000000000..402d37b491
--- /dev/null
+++ b/layout/reftests/svg/as-image/display-none.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="100" style="display: none">
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/image-orientation-ref.html b/layout/reftests/svg/as-image/image-orientation-ref.html
new file mode 100644
index 0000000000..518f899fda
--- /dev/null
+++ b/layout/reftests/svg/as-image/image-orientation-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    table {
+      border-spacing: 0px;
+    }
+    div {
+      width: 100px; height: 200px;
+    }
+    td {
+      width: 50px; height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <table>
+      <tr>
+        <td style="background-color: rgb(0, 191, 0)"></td>
+        <td style="background-color: rgb(0, 255, 1)"></td>
+      </tr>
+      <tr>
+        <td style="background-color: rgb(254, 0, 122)"></td>
+        <td style="background-color: rgb(254, 0, 122)"></td>
+      </tr>
+    </table>
+  </div>
+</body>
diff --git a/layout/reftests/svg/as-image/image-orientation-viewbox-and-size.html b/layout/reftests/svg/as-image/image-orientation-viewbox-and-size.html
new file mode 100644
index 0000000000..e531d70cf3
--- /dev/null
+++ b/layout/reftests/svg/as-image/image-orientation-viewbox-and-size.html
@@ -0,0 +1,19 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+  </style>
+</head>
+<body>
+  <img src="image-orientation-viewbox-and-size.svg">
+  <script>
+    let fromImage = location.search == "from-image";
+    if (fromImage) {
+      document.querySelector("img").style.imageOrientation = "from-image";
+    }
+  </script>
+</body>
diff --git a/layout/reftests/svg/as-image/image-orientation-viewbox-and-size.svg b/layout/reftests/svg/as-image/image-orientation-viewbox-and-size.svg
new file mode 100644
index 0000000000..148b021e5c
--- /dev/null
+++ b/layout/reftests/svg/as-image/image-orientation-viewbox-and-size.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="200"
+     viewBox="25 25 100 200">
+  <rect x="25" y="25"  width="50" height="100" fill="rgb(0, 191, 0)"/>
+  <rect x="75" y="25"  width="50" height="100" fill="rgb(0, 255, 1)"/>
+  <rect x="75" y="125" width="50" height="100" fill="rgb(254, 0, 122)"/>
+  <rect x="25" y="125" width="50" height="100" fill="rgb(191, 0, 93)"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/image-orientation-viewbox-no-size.html b/layout/reftests/svg/as-image/image-orientation-viewbox-no-size.html
new file mode 100644
index 0000000000..7875aeea22
--- /dev/null
+++ b/layout/reftests/svg/as-image/image-orientation-viewbox-no-size.html
@@ -0,0 +1,22 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    img {
+      image-orientation: from-image;
+    }
+  </style>
+</head>
+<body>
+  <img src="image-orientation-viewbox-no-size.svg">
+  <script>
+    let fromImage = location.search == "from-image";
+    if (fromImage) {
+      document.querySelector("img").style.imageOrientation = "from-image";
+    }
+  </script>
+</body>
diff --git a/layout/reftests/svg/as-image/image-orientation-viewbox-no-size.svg b/layout/reftests/svg/as-image/image-orientation-viewbox-no-size.svg
new file mode 100644
index 0000000000..5733488010
--- /dev/null
+++ b/layout/reftests/svg/as-image/image-orientation-viewbox-no-size.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     viewBox="25 25 100 200">
+  <rect x="25" y="25"  width="50" height="100" fill="rgb(0, 191, 0)"/>
+  <rect x="75" y="25"  width="50" height="100" fill="rgb(0, 255, 1)"/>
+  <rect x="75" y="125" width="50" height="100" fill="rgb(254, 0, 122)"/>
+  <rect x="25" y="125" width="50" height="100" fill="rgb(191, 0, 93)"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-and-image-1-helper-a.svg b/layout/reftests/svg/as-image/img-and-image-1-helper-a.svg
new file mode 100644
index 0000000000..254a873933
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-and-image-1-helper-a.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="20"
+     viewBox="0 0 100 20">
+  <!-- animated value for preserveAspectRatio: -->
+  <set attributeName="preserveAspectRatio" to="xMaxYMax slice"/>
+  <rect x="2" y="2" width="96" height="16"
+        style="stroke-width: 4; fill:lime; stroke: teal"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-and-image-1-helper-b.svg b/layout/reftests/svg/as-image/img-and-image-1-helper-b.svg
new file mode 100644
index 0000000000..6aada7f0f7
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-and-image-1-helper-b.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="20"
+     viewBox="0 0 100 20"
+     preserveAspectRatio="xMaxYMax slice"> <!-- static pAR value -->
+  <rect x="2" y="2" width="96" height="16"
+        style="stroke-width: 4; fill:lime; stroke: teal"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-and-image-1-helper-c.svg b/layout/reftests/svg/as-image/img-and-image-1-helper-c.svg
new file mode 100644
index 0000000000..73fe0cb119
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-and-image-1-helper-c.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="300" height="200">
+  <!-- FIRST COLUMN: image "a" (has animated preserveAspectRatio val) -->
+  <g>
+    <g>
+      <image xlink:href="img-and-image-1-helper-a.svg" width="100" height="40"
+             preserveAspectRatio="xMinYMin slice"/>
+    </g>
+    <g transform="translate(0,50)">
+      <image xlink:href="img-and-image-1-helper-a.svg" width="100" height="40"
+             preserveAspectRatio="none"/>
+    </g>
+    <g transform="translate(0,100)">
+      <image xlink:href="img-and-image-1-helper-a.svg" width="80" height="40"
+             preserveAspectRatio="xMaxYMax meet"/>
+    </g>
+    <g transform="translate(0,150)">
+      <image xlink:href="img-and-image-1-helper-a.svg" width="80" height="40"
+             preserveAspectRatio="defer xMinYMin meet"/>
+    </g>
+  </g>
+  <!-- SECOND COLUMN: image "b" (has static preserveAspectRatio val) -->
+  <g transform="translate(150,0)">
+    <g>
+      <image xlink:href="img-and-image-1-helper-b.svg" width="100" height="40"
+             preserveAspectRatio="xMinYMin slice"/>
+    </g>
+    <g transform="translate(0,50)">
+      <image xlink:href="img-and-image-1-helper-b.svg" width="100" height="40"
+             preserveAspectRatio="none"/>
+    </g>
+    <g transform="translate(0,100)">
+      <image xlink:href="img-and-image-1-helper-b.svg" width="80" height="40"
+             preserveAspectRatio="xMaxYMax meet"/>
+    </g>
+    <g transform="translate(0,150)">
+      <image xlink:href="img-and-image-1-helper-b.svg" width="80" height="40"
+             preserveAspectRatio="defer xMinYMin meet"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-and-image-1-ref.svg b/layout/reftests/svg/as-image/img-and-image-1-ref.svg
new file mode 100644
index 0000000000..07e977f0e5
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-and-image-1-ref.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <!-- The rect that's used everywhere -->
+    <rect id="rect" x="2" y="2" width="96" height="16"
+          style="stroke-width: 4; fill:lime; stroke: teal"/>
+
+    <!-- Symbols with the testcases' preserveAspectRatio values applied -->
+    <symbol id="pAR_xMinYMin_slice"
+            viewBox="0 0 100 20" preserveAspectRatio="xMinYMin slice">
+      <use xlink:href="#rect"/>
+    </symbol>
+    <symbol id="pAR_none"
+            viewBox="0 0 100 20" preserveAspectRatio="none">
+      <use xlink:href="#rect"/>
+    </symbol>
+    <symbol id="pAR_xMaxYMax_meet"
+            viewBox="0 0 100 20" preserveAspectRatio="xMaxYMax meet">
+      <use xlink:href="#rect"/>
+    </symbol>
+    <symbol id="pAR_xMaxYMax_slice"
+            viewBox="0 0 100 20" preserveAspectRatio="xMaxYMax slice">
+      <!-- this one corresponds to 'defer' in the image used in the testcase,
+           as well as to the HTML <img> elements (which don't bring their own
+           preserveAspectRatio value) -->
+      <use xlink:href="#rect"/>
+    </symbol>
+
+    <!-- Single column from the testcase -->
+    <g id="column">
+      <use y="0"   xlink:href="#pAR_xMaxYMax_slice" width="60"  height="20"/>
+      <use y="50"  xlink:href="#pAR_xMinYMin_slice" width="100" height="40"/>
+      <use y="100" xlink:href="#pAR_none"           width="100" height="40"/>
+      <use y="150" xlink:href="#pAR_xMaxYMax_meet"  width="80"  height="40"/>
+      <use y="200" xlink:href="#pAR_xMaxYMax_slice" width="80"  height="40"/>
+      <use y="250" xlink:href="#pAR_xMaxYMax_slice" width="30"  height="50"/>
+    </g>
+  </defs>
+
+  <!-- Rendered output: 2 instances of our column (defined above) -->
+  <use xlink:href="#column"/>
+  <use x="150" xlink:href="#column"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-and-image-1.html b/layout/reftests/svg/as-image/img-and-image-1.html
new file mode 100644
index 0000000000..f60e4e2a62
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-and-image-1.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+  <style>
+    img { position: absolute; }
+  </style>
+</head>
+<body style="margin: 0">
+  <!-- Use the base images "a" and "b" first -->
+  <img src="img-and-image-1-helper-a.svg"
+       style="left: 0;      top: 0;      width: 60px;  height: 20px">
+  <img src="img-and-image-1-helper-b.svg"
+       style="left: 150px;  top: 0;      width: 60px;  height: 20px">
+
+  <!-- Now, use an SVG image "c", which itself uses both base images. -->
+  <img src="img-and-image-1-helper-c.svg"
+       style="left: 0;      top: 50px;   width: 300px; height: 200px">
+
+  <!-- And finally, use "a" and "b" again, but now with a different size. -->
+  <img src="img-and-image-1-helper-a.svg"
+       style="left: 0;     top: 250px;   width: 30px;  height: 50px">
+  <img src="img-and-image-1-helper-b.svg"
+       style="left: 150px; top: 250px;   width: 30px;  height: 50px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-blobURI-1.html b/layout/reftests/svg/as-image/img-blobURI-1.html
new file mode 100644
index 0000000000..127689e78d
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-blobURI-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- This test checks to be sure we can render SVG-as-an-image
+     from a 'blob' URI. -->
+<html class="reftest-wait">
+<head>
+  <script>
+    function go() {
+      // Generate a blob URL encoding of an SVG document
+      var blobURL = generateBlobURL();
+
+      // Tell our img element to render the URL
+      var img = document.getElementsByTagName("img")[0]
+      img.src = blobURL;
+
+      // Once our img loads, take reftest snapshot.
+      img.addEventListener("load", function() {
+        document.documentElement.removeAttribute("class");
+      });
+    }
+
+    // Helper function -- returns a blob URL representing a
+    // 100x100 fully-lime SVG document.
+    function generateBlobURL() {
+      var svg =
+        '<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">' +
+          '<rect height="100%" width="100%" fill="lime"/>' +
+        '</svg>';
+      return self.URL.createObjectURL(new Blob([svg], {type: "image/svg+xml"}));
+    }
+  </script>
+</head>
+<body onload="go()">
+  <img src="">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-blobURI-2.html b/layout/reftests/svg/as-image/img-blobURI-2.html
new file mode 100644
index 0000000000..073ec80620
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-blobURI-2.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!-- This test checks to be sure we allow
+     'blob' URIs *inside of* SVG-as-an-image. -->
+<html class="reftest-wait">
+<head>
+  <script>
+    function go() {
+      // Generate a blob URL encoding of an SVG document
+      var blobURL = generateBlobURL();
+
+      // Now generate a data URI, containing our blob URI
+      var outerSVG =
+        '<svg xmlns="http://www.w3.org/2000/svg" ' +
+             'xmlns:xlink="http://www.w3.org/1999/xlink" ' +
+             'width="100" height="100">' +
+          '<image height="100" width="100" ' +
+             'xlink:href="' + blobURL + '"/>' +
+        '</svg>';
+
+      // Tell our img element to render the URL
+      var img = document.getElementsByTagName("img")[0]
+      img.src = "data:image/svg+xml," + outerSVG;
+
+      // Once our img loads, take reftest snapshot.
+      img.addEventListener("load", function() {
+        document.documentElement.removeAttribute("class");
+      });
+    }
+
+    // Helper function -- returns a blob URL representing a
+    // 100x100 fully-lime SVG document.
+    function generateBlobURL() {
+      var svg =
+        '<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">' +
+          '<rect height="100%" width="100%" fill="lime"/>' +
+        '</svg>';
+      return self.URL.createObjectURL(new Blob([svg], {type: "image/svg+xml"}));
+    }
+  </script>
+</head>
+<body onload="go()">
+  <img src="">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-content-outside-viewBox-1-ref.html b/layout/reftests/svg/as-image/img-content-outside-viewBox-1-ref.html
new file mode 100644
index 0000000000..abee91c514
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-content-outside-viewBox-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+  <style>
+    div.rect { width: 10px; height: 10px; display: inline-block }
+  </style>
+<body>
+  <div style="width: 100px; border: 1px solid blue">
+    <div class="rect" style="background: lime"></div
+    ><div class="rect" style="background: blue; margin-left: 20px"></div>
+  </div>
+  <div style="width: 10px; height: 100px; border: 1px solid purple">
+    <div class="rect" style="background: lime"></div>
+    <div class="rect" style="background: purple; margin-top: 20px"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-content-outside-viewBox-1.html b/layout/reftests/svg/as-image/img-content-outside-viewBox-1.html
new file mode 100644
index 0000000000..3aad7adfa3
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-content-outside-viewBox-1.html
@@ -0,0 +1,14 @@
+<html>
+<!-- Simple test to make sure we can display content outside of an SVG viewbox,
+     if appropriate given the SVG image & our <img> dimensions.  In this case,
+     we have a perfect-square viewBox, but our img elements are long
+     rectangles, so they should end up sampling some content off of one side or
+     the other of the viewBox.  -->
+<body>
+  <img src="content-outside-viewBox-1-helper.svg" height="10" width="100"
+       style="border: 1px solid blue">
+  <br/>
+  <img src="content-outside-viewBox-1-helper.svg" height="100" width="10"
+       style="border: 1px solid purple ">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-display-none-1.html b/layout/reftests/svg/as-image/img-display-none-1.html
new file mode 100644
index 0000000000..2ce155c9bf
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-display-none-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Test for an <img> tag pointing to an SVG image that has "display:none"
+     on the root node. -->
+<html>
+<body>
+  <img src="display-none.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-dyn-1-ref.html b/layout/reftests/svg/as-image/img-dyn-1-ref.html
new file mode 100644
index 0000000000..cb9f2635bd
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-dyn-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+<body>
+  <div style="width: 200px; height: 200px; border: 2px dashed green">
+    <img src="squaredCircle-viewBox-noSize.svg">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-dyn-1.html b/layout/reftests/svg/as-image/img-dyn-1.html
new file mode 100644
index 0000000000..9be86ff57b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-dyn-1.html
@@ -0,0 +1,18 @@
+<!-- This test makes sure that we resize SVG content correctly after the
+     container width is dynamically modified. -->
+<html class="reftest-wait">
+<head>
+  <script>
+    function go() {
+      document.getElementById("wrapper").style.width = "200px";
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</head>
+<body onload="go()">
+  <div id="wrapper"
+       style="width: 100px; height: 200px; border: 2px dashed green">
+    <img src="squaredCircle-viewBox-noSize.svg">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-1-helper.svg b/layout/reftests/svg/as-image/img-foreignObject-1-helper.svg
new file mode 100644
index 0000000000..3b1b6a67b9
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-1-helper.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <foreignObject width="100%" height="100%">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; width:100%; height:100%;"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-1.html b/layout/reftests/svg/as-image/img-foreignObject-1.html
new file mode 100644
index 0000000000..de4671ad7e
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-1.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="img-foreignObject-1-helper.svg" height="100px" width="100px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-embed-1-helper.svg b/layout/reftests/svg/as-image/img-foreignObject-embed-1-helper.svg
new file mode 100644
index 0000000000..e7f93d241c
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-embed-1-helper.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <foreignObject x="0" y="0" width="100px" height="100px">
+
+    <!-- lime background -->
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; width:100%; height:100%;">
+      <!-- Use an unrecognized media type, so that if we're honoring plugins,
+           the "download plugin" placeholder will be shown. -->
+      <embed xmlns="http://www.w3.org/1999/xhtml"
+             src="data:audio/hahaThisIsntReallyAFormat,"
+             width="100px" height="50px"/>
+      <!-- Also try a possibly-recognized media format, for completeness. -->
+      <embed xmlns="http://www.w3.org/1999/xhtml"
+             src="data:audio/wav,"
+             width="100px" height="50px"/>
+    </div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-embed-1.html b/layout/reftests/svg/as-image/img-foreignObject-embed-1.html
new file mode 100644
index 0000000000..25d5e3eeec
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-embed-1.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="img-foreignObject-embed-1-helper.svg" height="100px" width="100px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-iframe-1a-helper.svg b/layout/reftests/svg/as-image/img-foreignObject-iframe-1a-helper.svg
new file mode 100644
index 0000000000..e60fa172ae
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-iframe-1a-helper.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <foreignObject x="0" y="0" width="100px" height="100px">
+    <!-- lime background -->
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; width:100%; height:100%;">
+
+      <!-- embedded iframe, whose contents shouldn't be shown and whose
+           scripts shouldn't be run, when we're being viewed as an image -->
+      <iframe xmlns="http://www.w3.org/1999/xhtml"
+              style="width:80px; height:80px; border: 0"
+              src="data:text/html,%3Chtml%3E%3Cbody%20style%3D%22background-color%3A%20red%22%3Eiframe%20contents%3Cscript%3Ealert(%22script%20shouldn't%20be%20running!!%22)%3C%2Fscript%3E%3C%2Fbody%3E%3C%2Fhtml%3E"/>
+    </div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-iframe-1a.html b/layout/reftests/svg/as-image/img-foreignObject-iframe-1a.html
new file mode 100644
index 0000000000..2840a1b227
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-iframe-1a.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="img-foreignObject-iframe-1a-helper.svg" height="100px" width="100px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-iframe-1b-helper.svg b/layout/reftests/svg/as-image/img-foreignObject-iframe-1b-helper.svg
new file mode 100644
index 0000000000..5bc57390d7
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-iframe-1b-helper.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <foreignObject x="0" y="0" width="100px" height="100px">
+    <!-- lime background -->
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; width:100%; height:100%;">
+
+      <!-- embedded iframe, whose contents shouldn't be shown, when we're
+           being viewed as an image -->
+      <iframe xmlns="http://www.w3.org/1999/xhtml"
+              style="width:80px; height:80px; border: 0"
+              src="data:text/html,%3Chtml%3E%3Cbody%20style%3D%22background-color%3A%20red%22%3Eiframe%20contents%3C%2Fbody%3E%3C%2Fhtml%3E"/>
+    </div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/as-image/img-foreignObject-iframe-1b.html b/layout/reftests/svg/as-image/img-foreignObject-iframe-1b.html
new file mode 100644
index 0000000000..3ee04d4a72
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-foreignObject-iframe-1b.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="img-foreignObject-iframe-1b-helper.svg" height="100px" width="100px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-1-ref.html b/layout/reftests/svg/as-image/img-fragment-1-ref.html
new file mode 100644
index 0000000000..babf7b38a6
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox: [0, 0, 20, 20],
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-1a.html b/layout/reftests/svg/as-image/img-fragment-1a.html
new file mode 100644
index 0000000000..31ac73d18b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        view: {
+          viewBox: [0, 0, 20, 20],
+          meetOrSlice: "meet"
+        },
+        fragmentIdentifier: "view"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-1b.html b/layout/reftests/svg/as-image/img-fragment-1b.html
new file mode 100644
index 0000000000..0835a9d9cd
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-1b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox: [0, 0, 20, 20],
+        meetOrSlice: "meet",
+        fragmentIdentifier: "view"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-1c.html b/layout/reftests/svg/as-image/img-fragment-1c.html
new file mode 100644
index 0000000000..717a64fdf4
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-1c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        view: {
+          viewBox: [0, 0, 20, 20],
+          meetOrSlice: "meet"
+        },
+        viewBox: [0, 0, 40, 40],
+        meetOrSlice: "slice",
+        fragmentIdentifier: "view"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-2-ref.html b/layout/reftests/svg/as-image/img-fragment-2-ref.html
new file mode 100644
index 0000000000..c05d94372b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox: [0, 0, 20, 20],
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-2a.html b/layout/reftests/svg/as-image/img-fragment-2a.html
new file mode 100644
index 0000000000..953906c004
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-2a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        view: {
+          viewBox: [0, 0, 20, 20],
+          meetOrSlice: "slice"
+        },
+        fragmentIdentifier: "view"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-2b.html b/layout/reftests/svg/as-image/img-fragment-2b.html
new file mode 100644
index 0000000000..681867e479
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-2b.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox: [0, 0, 20, 20],
+        meetOrSlice: "slice",
+        fragmentIdentifier: "view"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-fragment-2c.html b/layout/reftests/svg/as-image/img-fragment-2c.html
new file mode 100644
index 0000000000..02cd1abf8c
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-fragment-2c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        view: {
+          viewBox: [0, 0, 20, 20],
+          meetOrSlice: "slice"
+        },
+        viewBox: [0, 0, 40, 40],
+        meetOrSlice: "meet",
+        fragmentIdentifier: "view"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-meet-1-ref.html b/layout/reftests/svg/as-image/img-height-meet-1-ref.html
new file mode 100644
index 0000000000..2a12d87f2b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-meet-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-meet-1.html b/layout/reftests/svg/as-image/img-height-meet-1.html
new file mode 100644
index 0000000000..c1cf238540
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-meet-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-meet-2-ref.html b/layout/reftests/svg/as-image/img-height-meet-2-ref.html
new file mode 100644
index 0000000000..efaee25c74
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-meet-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-meet-2.html b/layout/reftests/svg/as-image/img-height-meet-2.html
new file mode 100644
index 0000000000..98fca1d366
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-meet-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-slice-1-ref.html b/layout/reftests/svg/as-image/img-height-slice-1-ref.html
new file mode 100644
index 0000000000..5724f8e0cb
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-slice-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-slice-1.html b/layout/reftests/svg/as-image/img-height-slice-1.html
new file mode 100644
index 0000000000..1997f37c5b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-slice-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-slice-2-ref.html b/layout/reftests/svg/as-image/img-height-slice-2-ref.html
new file mode 100644
index 0000000000..e9b809e6cd
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-slice-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-height-slice-2.html b/layout/reftests/svg/as-image/img-height-slice-2.html
new file mode 100644
index 0000000000..faab57f736
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-height-slice-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-height-all-1-ref.html b/layout/reftests/svg/as-image/img-novb-height-all-1-ref.html
new file mode 100644
index 0000000000..999ce5aa63
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-height-all-1-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body style="width: 600px"><!-- width for pct vals to resolve against -->
+  <script>
+      var svgParams = {
+        viewBox:  null,   // This gets set on a case-by-case basis below.
+        width  :  "10%",
+        height :  "30px",
+        meetOrSlice: null // This means "use pAR=none"
+      };
+
+      // Descriptions below describe the behavior of the rows of <img> elements
+      // in the corresponding test cases, which we mimic with specially-crafted
+      // <embed> elements.
+
+      // * FIRST TWO ROWS: <img> has width=auto height=auto
+      //  - Each <img> renders w/ width = 300px (default)
+      //  - Synthesized viewBox has width = 10% * viewport_width = .1*300 = 30
+      //  - <img> & viewBox both get height=30px, from <svg> height attr
+      svgParams.viewBox = [0, 0, 30, 30],
+      appendSVGSubArrayWithParams(svgParams, "embed", "300px", "30px");
+
+      // * SECOND TWO ROWS: <img> has width=auto, height=20px
+      // Calculations are as above, except <img> now imposes height="20px".
+      appendSVGSubArrayWithParams(svgParams, "embed", "300px", "20px");
+
+      // * THIRD TWO ROWS: <img> has width=30px height=auto
+      //  - <img> now renders w/ width = 30px (imposed by <img> width attr)
+      //  - Synthesized viewBox has width = 10% * viewport_width = .1*30 = 3
+      //  - <img> & viewBox both get height=30px, from <svg> height attr
+      svgParams.viewBox =  [0, 0, 3, 30];
+      appendSVGSubArrayWithParams(svgParams, "embed", "30px", "30px");
+
+      // * FOURTH TWO ROWS: <img> has width=30px height=20px
+      // Calculations are as above, except <img> now imposes height="20px".
+      appendSVGSubArrayWithParams(svgParams, "embed", "30px", "20px");
+
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-height-meet-1.html b/layout/reftests/svg/as-image/img-novb-height-meet-1.html
new file mode 100644
index 0000000000..ab19b2948f
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-height-meet-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body style="width: 600px"><!-- width for pct vals to resolve against -->
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        width  :  "10%",
+        height :  "30px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-height-slice-1.html b/layout/reftests/svg/as-image/img-novb-height-slice-1.html
new file mode 100644
index 0000000000..725277a680
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-height-slice-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body style="width: 600px"><!-- width for pct vals to resolve against -->
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        width  :  "10%",
+        height :  "30px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-width-all-1-ref.html b/layout/reftests/svg/as-image/img-novb-width-all-1-ref.html
new file mode 100644
index 0000000000..9d99b4da67
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-width-all-1-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body style="height: 600px"><!-- height for pct vals to resolve against -->
+  <script>
+      var svgParams = {
+        viewBox:  null,   // This gets set on a case-by-case basis below.
+        width  :  "20px",
+        height :  "20%",
+        meetOrSlice: null // This means "use pAR=none"
+      };
+
+      // Descriptions below describe the behavior of the rows of <img> elements
+      // in the corresponding test cases, which we mimic with specially-crafted
+      // <embed> elements.
+
+      // * FIRST TWO ROWS: <img> has width=auto height=auto
+      //  - Each <img> renders w/ height = 150px (default)
+      //  - Synthesized viewBox has height = 20% * viewport_height = .2*150 = 30
+      //  - <img> & viewBox both get width=20px, from <svg> width attr
+      svgParams.viewBox = [0, 0, 20, 30],
+      appendSVGSubArrayWithParams(svgParams, "embed", "20px", "150px");
+
+      // * SECOND TWO ROWS: <img> has width=auto, height=20px
+      //  - <img> now renders w/ height = 20px (imposed by <img> height attr)
+      //  - Synthesized viewBox has height = 20% * viewport_width = .2*20 = 4
+      //  - <img> & viewBox both get width=20px, from <svg> width attr
+      svgParams.viewBox = [0, 0, 20, 4],
+      appendSVGSubArrayWithParams(svgParams, "embed", "20px", "20px");
+
+      // * THIRD TWO ROWS: <img> has width=30px height=auto
+      // Calculations are as with "FIRST TWO ROWS", except <img> now imposes
+      // width="30px".
+      svgParams.viewBox = [0, 0, 20, 30],
+      appendSVGSubArrayWithParams(svgParams, "embed", "30px", "150px");
+
+      // * FOURTH TWO ROWS: <img> has width=30px height=20px
+      // Calculations are as with "SECOND TWO ROWS", except <img> now imposes
+      // width="30px".
+      svgParams.viewBox = [0, 0, 20, 4],
+      appendSVGSubArrayWithParams(svgParams, "embed", "30px", "20px");
+
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-width-meet-1.html b/layout/reftests/svg/as-image/img-novb-width-meet-1.html
new file mode 100644
index 0000000000..86ff8afe23
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-width-meet-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body style="height: 600px"><!-- height for pct vals to resolve against -->
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        width  :  "20px",
+        height :  "20%",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-width-slice-1.html b/layout/reftests/svg/as-image/img-novb-width-slice-1.html
new file mode 100644
index 0000000000..abbc21e729
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-width-slice-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body style="height: 600px"><!-- height for pct vals to resolve against -->
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        width  :  "20px",
+        height :  "20%",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-widthAndHeight-all-1-ref.html b/layout/reftests/svg/as-image/img-novb-widthAndHeight-all-1-ref.html
new file mode 100644
index 0000000000..8839c0fa5c
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-widthAndHeight-all-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 20],
+        height :  "20px",
+        width :   "20px",
+        meetOrSlice: null // this means "always just use pAR='none'"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-em.html b/layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-em.html
new file mode 100644
index 0000000000..eccc7c5e17
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-em.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        height :  "2em", // 20px
+        width :   "2em", // 20px
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-px.html b/layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-px.html
new file mode 100644
index 0000000000..ed58e83193
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-widthAndHeight-meet-1-px.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        height :  "20px",
+        width :   "20px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-em.html b/layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-em.html
new file mode 100644
index 0000000000..7986e3ec2e
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-em.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        height :  "2em", // 20px
+        width :   "2em", // 20px
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-px.html b/layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-px.html
new file mode 100644
index 0000000000..a50f10e659
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-novb-widthAndHeight-slice-1-px.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  null,
+        height :  "20px",
+        width :   "20px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-1.html b/layout/reftests/svg/as-image/img-simple-1.html
new file mode 100644
index 0000000000..1592cbc069
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-1.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="lime100x100.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-2.html b/layout/reftests/svg/as-image/img-simple-2.html
new file mode 100644
index 0000000000..049b2a3e45
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-2.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="limeInRed100x100-viewBox.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-3-ref.html b/layout/reftests/svg/as-image/img-simple-3-ref.html
new file mode 100644
index 0000000000..f77ea89e11
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <svg style="width: 600px; height: 600px"
+       viewBox="0 0 100 100" shape-rendering="crispEdges">
+    <rect x="2" y="2" height="96" width="96"
+          stroke-width="4" stroke="black" fill="yellow"/>
+    <circle cx="50" cy="50" r="46" style="fill: blue"/>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-3.html b/layout/reftests/svg/as-image/img-simple-3.html
new file mode 100644
index 0000000000..f20c2877ea
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-3.html
@@ -0,0 +1,9 @@
+<html>
+<body>
+  <!-- This image scales uniformly, preserving its aspect ratio, to be
+       600x600.  Though the SVG content doesn't have a viewBox, we behave as if
+       it did when it's used as an image, since it has non-percent-valued
+       height and width attributes on the root svg node. -->
+  <img src="squaredCircle-100x100.svg" width="600px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-4.html b/layout/reftests/svg/as-image/img-simple-4.html
new file mode 100644
index 0000000000..af0f40e31b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-4.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="lime100x100.svg" height="100px" width="100px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-5-ref.html b/layout/reftests/svg/as-image/img-simple-5-ref.html
new file mode 100644
index 0000000000..f08c94488a
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-5-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <svg style="width: 200px; height: 600px"
+       viewBox="0 0 100 100" preserveAspectRatio="none"
+       shape-rendering="crispEdges">
+    <rect x="2" y="2" height="96" width="96"
+          stroke-width="4" stroke="black" fill="yellow"/>
+    <circle cx="50" cy="50" r="46" style="fill: blue"/>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-5.html b/layout/reftests/svg/as-image/img-simple-5.html
new file mode 100644
index 0000000000..a686a0a1cf
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-5.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <!-- Like img-simple-3, but with height != width on the img element. -->
+  <img src="squaredCircle-100x100.svg" width="200px" height="600px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-6.html b/layout/reftests/svg/as-image/img-simple-6.html
new file mode 100644
index 0000000000..69ab8ebf03
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-6.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <img src="lime200x200.svg" width="100px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-7-ref.html b/layout/reftests/svg/as-image/img-simple-7-ref.html
new file mode 100644
index 0000000000..76f575b447
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-7-ref.html
@@ -0,0 +1,11 @@
+<html>
+<body>
+  <svg style="width: 200px; height: 200px"
+       viewBox="0 0 100 50" preserveAspectRatio="none"
+       shape-rendering="crispEdges">
+    <rect x="2" y="2" height="96" width="96"
+          stroke-width="4" stroke="black" fill="yellow"/>
+    <circle cx="50" cy="50" r="46" style="fill: blue"/>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-simple-7.html b/layout/reftests/svg/as-image/img-simple-7.html
new file mode 100644
index 0000000000..3e0138f202
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-simple-7.html
@@ -0,0 +1,6 @@
+<html>
+<body>
+  <!-- Like img-simple-3, but with height != width on the root SVG node. -->
+  <img src="squaredCircle-100x50.svg" width="200px" height="200px">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-meet-1-ref.html b/layout/reftests/svg/as-image/img-width-meet-1-ref.html
new file mode 100644
index 0000000000..0793368963
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-meet-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        width :   "20px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-meet-1.html b/layout/reftests/svg/as-image/img-width-meet-1.html
new file mode 100644
index 0000000000..489b4f7ccc
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-meet-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        width :   "20px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-meet-2-ref.html b/layout/reftests/svg/as-image/img-width-meet-2-ref.html
new file mode 100644
index 0000000000..ecf8776e47
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-meet-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        width :   "2em",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-meet-2.html b/layout/reftests/svg/as-image/img-width-meet-2.html
new file mode 100644
index 0000000000..039aaf1f1b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-meet-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        width :   "2em",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-slice-1-ref.html b/layout/reftests/svg/as-image/img-width-slice-1-ref.html
new file mode 100644
index 0000000000..e306d673c7
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-slice-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        width :   "20px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-slice-1.html b/layout/reftests/svg/as-image/img-width-slice-1.html
new file mode 100644
index 0000000000..78af6f8b1a
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-slice-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        width :   "20px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-slice-2-ref.html b/layout/reftests/svg/as-image/img-width-slice-2-ref.html
new file mode 100644
index 0000000000..66161ec71d
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-slice-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        width :   "2em",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-width-slice-2.html b/layout/reftests/svg/as-image/img-width-slice-2.html
new file mode 100644
index 0000000000..21740cf708
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-width-slice-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        width :   "2em",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-meet-1-ref.html b/layout/reftests/svg/as-image/img-widthAndHeight-meet-1-ref.html
new file mode 100644
index 0000000000..0c9c44ba15
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-meet-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        width :   "20px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-meet-1.html b/layout/reftests/svg/as-image/img-widthAndHeight-meet-1.html
new file mode 100644
index 0000000000..f5453f91d0
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-meet-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        width :   "20px",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-meet-2-ref.html b/layout/reftests/svg/as-image/img-widthAndHeight-meet-2-ref.html
new file mode 100644
index 0000000000..93dfa47b6e
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-meet-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        width :   "2em",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-meet-2.html b/layout/reftests/svg/as-image/img-widthAndHeight-meet-2.html
new file mode 100644
index 0000000000..367f52b28d
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-meet-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        width :   "2em",
+        meetOrSlice: "meet"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-slice-1-ref.html b/layout/reftests/svg/as-image/img-widthAndHeight-slice-1-ref.html
new file mode 100644
index 0000000000..671aa1ecd8
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-slice-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        width :   "20px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-slice-1.html b/layout/reftests/svg/as-image/img-widthAndHeight-slice-1.html
new file mode 100644
index 0000000000..b95b7d4ff6
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-slice-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 20, 40],
+        height :  "20px",
+        width :   "20px",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-slice-2-ref.html b/layout/reftests/svg/as-image/img-widthAndHeight-slice-2-ref.html
new file mode 100644
index 0000000000..ed94f8811b
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-slice-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        width :   "2em",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "embed");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/img-widthAndHeight-slice-2.html b/layout/reftests/svg/as-image/img-widthAndHeight-slice-2.html
new file mode 100644
index 0000000000..2f89c8b4d8
--- /dev/null
+++ b/layout/reftests/svg/as-image/img-widthAndHeight-slice-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="svg-image-util.css" />
+  <script src="svg-image-util.js"></script>
+</head>
+<body>
+  <script>
+      var svgParams = {
+        viewBox:  [0, 0, 40, 20],
+        height :  "2em",
+        width :   "2em",
+        meetOrSlice: "slice"
+      };
+
+      appendSVGArrayWithParams(svgParams, "img");
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/lime100x100-50pct-ref.html b/layout/reftests/svg/as-image/lime100x100-50pct-ref.html
new file mode 100644
index 0000000000..46dde81ae6
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime100x100-50pct-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: rgb(0% 100% 0% / 50%)"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/lime100x100-noSVGDimensions.svg b/layout/reftests/svg/as-image/lime100x100-noSVGDimensions.svg
new file mode 100644
index 0000000000..74e4df78aa
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime100x100-noSVGDimensions.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <rect width="100" height="100" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/lime100x100-ref.html b/layout/reftests/svg/as-image/lime100x100-ref.html
new file mode 100644
index 0000000000..daedf45c8d
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime100x100-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: lime"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/lime100x100-w-border-ref.html b/layout/reftests/svg/as-image/lime100x100-w-border-ref.html
new file mode 100644
index 0000000000..42f4d03368
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime100x100-w-border-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background: lime; border: 1px solid black"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/lime100x100.png b/layout/reftests/svg/as-image/lime100x100.png
new file mode 100644
index 0000000000..c9bb375943
Binary files /dev/null and b/layout/reftests/svg/as-image/lime100x100.png differ
diff --git a/layout/reftests/svg/as-image/lime100x100.svg b/layout/reftests/svg/as-image/lime100x100.svg
new file mode 100644
index 0000000000..8bdec62c1f
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime100x100.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="100">
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/lime200x100.svg b/layout/reftests/svg/as-image/lime200x100.svg
new file mode 100644
index 0000000000..75aadf6402
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime200x100.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="200" height="100">
+  <rect width="200px" height="100px" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/lime200x200.svg b/layout/reftests/svg/as-image/lime200x200.svg
new file mode 100644
index 0000000000..d746c2848c
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime200x200.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="200" height="200">
+  <rect width="200px" height="200px" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/lime50x25.svg b/layout/reftests/svg/as-image/lime50x25.svg
new file mode 100644
index 0000000000..9afc0af362
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime50x25.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="50" height="25">
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/lime50x50.svg b/layout/reftests/svg/as-image/lime50x50.svg
new file mode 100644
index 0000000000..7f9d530380
--- /dev/null
+++ b/layout/reftests/svg/as-image/lime50x50.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="50" height="50">
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/limeInRed-noSVGDimensions-animViewBox.svg b/layout/reftests/svg/as-image/limeInRed-noSVGDimensions-animViewBox.svg
new file mode 100644
index 0000000000..151ec3077f
--- /dev/null
+++ b/layout/reftests/svg/as-image/limeInRed-noSVGDimensions-animViewBox.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <set attributeName="viewBox" to="25 25 50 50" begin="0" dur="indefinite"/>
+  <rect width="100" height="100" fill="red"/>
+  <rect x="25" y="25" width="50" height="50" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/limeInRed-noSVGDimensions-viewBox.svg b/layout/reftests/svg/as-image/limeInRed-noSVGDimensions-viewBox.svg
new file mode 100644
index 0000000000..baa944a81d
--- /dev/null
+++ b/layout/reftests/svg/as-image/limeInRed-noSVGDimensions-viewBox.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     viewBox="25 25 50 50">
+  <rect width="100" height="100" fill="red"/>
+  <rect x="25" y="25" width="50" height="50" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/limeInRed100x100-viewBox.svg b/layout/reftests/svg/as-image/limeInRed100x100-viewBox.svg
new file mode 100644
index 0000000000..b97337d0c3
--- /dev/null
+++ b/layout/reftests/svg/as-image/limeInRed100x100-viewBox.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="100" viewBox="25 25 50 50">
+  <rect width="100" height="100" fill="red"/>
+  <rect x="25" y="25" width="50" height="50" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/limeInRed100x100.png b/layout/reftests/svg/as-image/limeInRed100x100.png
new file mode 100644
index 0000000000..d65c62635c
Binary files /dev/null and b/layout/reftests/svg/as-image/limeInRed100x100.png differ
diff --git a/layout/reftests/svg/as-image/limeInRed100x100.svg b/layout/reftests/svg/as-image/limeInRed100x100.svg
new file mode 100644
index 0000000000..45d9396b98
--- /dev/null
+++ b/layout/reftests/svg/as-image/limeInRed100x100.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="100">
+  <rect width="100%" height="100%" fill="red"/>
+  <rect x="25" y="25" width="50" height="50" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/list-simple-1-ref.html b/layout/reftests/svg/as-image/list-simple-1-ref.html
new file mode 100644
index 0000000000..b603886ba5
--- /dev/null
+++ b/layout/reftests/svg/as-image/list-simple-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body style="margin-left: 100px">
+  <ul style="list-style-image: url('lime100x100.png')">
+    <li>abc
+    <li>def
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/list-simple-1.html b/layout/reftests/svg/as-image/list-simple-1.html
new file mode 100644
index 0000000000..2e638943fb
--- /dev/null
+++ b/layout/reftests/svg/as-image/list-simple-1.html
@@ -0,0 +1,8 @@
+<html>
+<body style="margin-left: 100px">
+  <ul style="list-style-image: url('lime100x100.svg')">
+    <li>abc
+    <li>def
+  </ul>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/nonuniform-scale-2d.html b/layout/reftests/svg/as-image/nonuniform-scale-2d.html
new file mode 100644
index 0000000000..b14ff82efa
--- /dev/null
+++ b/layout/reftests/svg/as-image/nonuniform-scale-2d.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    img {
+      width: 100px;
+      height: 100px;
+      transform-origin: 0 0 0;
+    }
+  </style>
+</head>
+<body>
+  <img src="blue-square-in-square.svg">
+
+  <script>
+    var scales = location.search.substring(1).split("&");
+    var xScale = scales[0];
+    var yScale = scales[1];
+
+    // Create a style representing a 2d transform.
+    var style = 'transform: matrix(' + xScale + ', 0,' +
+                                  '0, ' + yScale + ',' +
+                                  '0, 0);';
+
+    // Apply the style to the image.
+    var img = document.getElementsByTagName("img")[0];
+    img.style = style;
+  </script>
+</body>
diff --git a/layout/reftests/svg/as-image/nonuniform-scale-3d.html b/layout/reftests/svg/as-image/nonuniform-scale-3d.html
new file mode 100644
index 0000000000..8da4672989
--- /dev/null
+++ b/layout/reftests/svg/as-image/nonuniform-scale-3d.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    img {
+      width: 100px;
+      height: 100px;
+      transform-origin: 0 0 0;
+    }
+  </style>
+</head>
+<body>
+  <img src="blue-square-in-square.svg">
+
+  <script>
+    var scales = location.search.substring(1).split("&");
+    var xScale = scales[0];
+    var yScale = scales[1];
+    var zScale = scales[2];
+
+    // Create a style representing a 3d transform.
+    var style = 'transform: matrix3d(' + xScale + ', 0, 0, 0,' +
+                                     '0, ' + yScale + ', 0, 0,' +
+                                     '0, 0, ' + zScale + ', 0,' +
+                                     '0, 0, 0, 1);';
+
+    // Apply the style to the image.
+    var img = document.getElementsByTagName("img")[0];
+    img.style = style;
+  </script>
+</body>
diff --git a/layout/reftests/svg/as-image/nonuniform-scale-ref.html b/layout/reftests/svg/as-image/nonuniform-scale-ref.html
new file mode 100644
index 0000000000..9644d44e54
--- /dev/null
+++ b/layout/reftests/svg/as-image/nonuniform-scale-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+  </style>
+</head>
+<body>
+  <img src="blue-square-in-square-par-none.svg">
+
+  <script>
+    var sizes = location.search.substring(1).split("&");
+
+    // Apply the size to the image.
+    var img = document.getElementsByTagName("img")[0];
+    img.width = sizes[0];
+    img.height = sizes[1];
+  </script>
+</body>
diff --git a/layout/reftests/svg/as-image/reftest.list b/layout/reftests/svg/as-image/reftest.list
new file mode 100644
index 0000000000..fe56ae0489
--- /dev/null
+++ b/layout/reftests/svg/as-image/reftest.list
@@ -0,0 +1,217 @@
+# Tests related to SVG being used as an image
+
+# zoom/
+include zoom/reftest.list
+
+# Background-image tests
+== background-display-none-1.html  about:blank
+== background-simple-1.html  lime100x100-ref.html
+== background-simple-2.html  lime100x100-ref.html
+
+# Sightly trickier background-image test
+== background-viewBox-1.html  lime100x100-ref.html
+
+# background tests with the background area getting resized
+== background-resize-1.html  lime100x100-ref.html
+== background-resize-2.html  lime100x100-ref.html
+== background-resize-3.html  lime100x100-ref.html
+== background-resize-4.html  lime100x100-ref.html
+
+# Test for stretching background images by different amounts in each dimension
+== background-stretch-1.html background-stretch-1-ref.html
+
+# Tests for scaling background images
+fails-if(useDrawSnapshot) == background-scale-no-viewbox-1.html   background-scale-no-viewbox-1-ref.html
+fails-if(useDrawSnapshot) == background-scale-with-viewbox-1.html background-scale-with-viewbox-1-ref.html
+
+# Test for border-image
+== border-image-simple-1.html       lime100x100-ref.html
+== border-image-simple-2.html       lime100x100-ref.html
+
+# Test for canvas "drawImage" method
+== canvas-drawImage-simple-1a.html lime100x100-ref.html
+== canvas-drawImage-simple-1b.html lime100x100-ref.html
+
+== canvas-drawImage-scale-1a.html lime100x100-ref.html
+== canvas-drawImage-scale-1b.html lime100x100-ref.html
+== canvas-drawImage-scale-1c.html lime100x100-ref.html
+
+fuzzy(0-192,0-2112) == canvas-drawImage-scale-2a.html canvas-drawImage-scale-2-ref.html
+fuzzy(0-192,0-2112) == canvas-drawImage-scale-2b.html canvas-drawImage-scale-2-ref.html
+
+fuzzy-if(winWidget,0-1,0-10000) fuzzy-if(azureSkia,0-1,0-10000) fuzzy-if(Android,0-1,0-10000) == canvas-drawImage-alpha-1.html canvas-drawImage-alpha-1-ref.html
+#Same as scale-2a but with globalAlpha:
+fuzzy(0-1,0-2) fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-40000) fuzzy-if(azureSkia,0-1,0-40000) fuzzy-if(winWidget&&!remoteCanvas,0-1,0-39900) fuzzy-if(remoteCanvas&&!swgl,1-73,600-40000) fuzzy-if(Android&&device,0-48,0-39989) == canvas-drawImage-alpha-2.html canvas-drawImage-alpha-2-ref.html
+
+== canvas-drawImage-slice-1a.html lime100x100-ref.html
+== canvas-drawImage-slice-1b.html lime100x100-ref.html
+
+== canvas-drawImage-origin-clean-1.html lime100x100-ref.html
+== canvas-drawImage-transform-restored.html canvas-drawImage-transform-restored-ref.html
+
+# Context paint tests (this feature is currently not part of any spec.)
+# context-fill:
+== context-fill-01.html blue100x100-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-01.html lime100x100-ref.html
+== context-fill-02.html transparent100x100-w-border-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-02.html lime100x100-w-border-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-03.html lime100x100-50pct-ref.html
+# fuzz because on win8 the r & b components are off by one
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-fill-04.html lime100x100-50pct-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-05.html context-fill-or-stroke-05-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-06.html lime100x100-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-07.html context-fill-07-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-08.html blue100x100-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-fill-bg-image-01.html blue100x100-ref.html
+# context-stroke:
+== context-stroke-01.html blue100x100-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-01.html lime100x100-ref.html
+== context-stroke-02.html transparent100x100-w-border-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-02.html lime100x100-w-border-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-03.html lime100x100-50pct-ref.html
+# fuzz because on win8 the r & b components are off by one
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-stroke-04.html lime100x100-50pct-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-05.html context-fill-or-stroke-05-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-06.html lime100x100-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-07.html context-stroke-07-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-08.html blue100x100-border-ref.html
+test-pref(svg.context-properties.content.enabled,true) == context-stroke-bg-image-01.html blue100x100-border-ref.html
+# context-fill-opacity:
+== context-fill-opacity-01.html blue100x100-ref.html
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-fill-opacity-01.html context-fill-or-stroke-opacity-01-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-20000) test-pref(svg.context-properties.content.enabled,true) == context-fill-opacity-02.html context-fill-or-stroke-opacity-02-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-fill-opacity-03.html context-fill-or-stroke-opacity-03-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-fill-opacity-04.html blue100x100-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-fill-opacity-05.html blue100x100-ref.html # Bug 1377327
+# context-stroke-opacity:
+== context-stroke-opacity-01.html blue100x100-ref.html
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-stroke-opacity-01.html context-fill-or-stroke-opacity-01-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-20000) test-pref(svg.context-properties.content.enabled,true) == context-stroke-opacity-02.html context-fill-or-stroke-opacity-02-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-stroke-opacity-03.html context-fill-or-stroke-opacity-03-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-stroke-opacity-04.html blue100x100-ref.html # Bug 1377327
+fuzzy-if(winWidget,0-1,0-10000) test-pref(svg.context-properties.content.enabled,true) == context-stroke-opacity-05.html blue100x100-ref.html # Bug 1377327
+
+# Simple <img> tests
+== img-simple-1.html  lime100x100-ref.html
+== img-simple-2.html  lime100x100-ref.html
+fuzzy(0-255,0-350) fuzzy-if(geckoview,0-255,0-4063) == img-simple-3.html img-simple-3-ref.html #Bug 1564891, bug 1574154
+== img-simple-4.html  lime100x100-ref.html
+fuzzy(0-255,0-90) fuzzy-if(geckoview,0-255,0-1268) == img-simple-5.html img-simple-5-ref.html
+== img-simple-6.html  lime100x100-ref.html
+fuzzy(0-255,0-27) == img-simple-7.html img-simple-7-ref.html
+
+# Test with mix of <html:img> and <svg:image> referring to the same images,
+# with a variety of preserveAspectRatio values in play.
+random == img-and-image-1.html img-and-image-1-ref.svg # bug 645267
+
+# More complex <img> tests
+== img-blobURI-1.html lime100x100-ref.html
+skip == img-blobURI-2.html lime100x100-ref.html
+fuzzy-if(d2d,0-16,0-10) == img-content-outside-viewBox-1.html img-content-outside-viewBox-1-ref.html # d2d is bug 1074161
+== img-display-none-1.html about:blank
+== img-dyn-1.html img-dyn-1-ref.html
+== img-foreignObject-1.html lime100x100-ref.html
+
+# The following tests check that content embedded via <iframe> and <embed>
+# doesn't load (or execute scripts) in SVG-as-an-image.
+# The "!=" lines are to test that the SVG content, when viewed directly (not as
+# an image), does actually render its external content (making it look
+# different from the reference case).  We don't do that check for
+# img-foreignObject-iframe-1a.html, though, because its SVG image tries to
+# alert(), and that'd trigger a reftest timeout if we loaded that file directly.
+== img-foreignObject-embed-1.html         lime100x100-ref.html
+skip != img-foreignObject-embed-1-helper.svg   lime100x100.svg    # Bug 1708599    
+== img-foreignObject-iframe-1a.html       lime100x100-ref.html
+== img-foreignObject-iframe-1b.html       lime100x100-ref.html
+!= img-foreignObject-iframe-1b-helper.svg lime100x100.svg
+
+== img-widthAndHeight-meet-1.html  img-widthAndHeight-meet-1-ref.html
+== img-widthAndHeight-meet-2.html  img-widthAndHeight-meet-2-ref.html
+fuzzy-if(!useDrawSnapshot,255-255,9-9) random-if(geckoview) == img-widthAndHeight-slice-1.html img-widthAndHeight-slice-1-ref.html
+== img-widthAndHeight-slice-2.html img-widthAndHeight-slice-2-ref.html
+
+== img-height-meet-1.html   img-height-meet-1-ref.html
+== img-height-meet-2.html   img-height-meet-2-ref.html
+fuzzy-if(!useDrawSnapshot,255-255,9-9) random-if(geckoview) == img-height-slice-1.html img-height-slice-1-ref.html
+== img-height-slice-2.html  img-height-slice-2-ref.html
+
+== img-width-meet-1.html   img-width-meet-1-ref.html
+== img-width-meet-2.html   img-width-meet-2-ref.html
+fuzzy-if(!useDrawSnapshot,255-255,3-9) random-if(geckoview) == img-width-slice-1.html img-width-slice-1-ref.html
+== img-width-slice-2.html  img-width-slice-2-ref.html
+
+# Alternate version of "width & height both non-%-valued" tests, but now
+# with no explicit viewBox, to trigger "synthesize-viewBox" behavior
+== img-novb-widthAndHeight-meet-1-em.html  img-novb-widthAndHeight-all-1-ref.html
+== img-novb-widthAndHeight-meet-1-px.html  img-novb-widthAndHeight-all-1-ref.html
+== img-novb-widthAndHeight-slice-1-em.html img-novb-widthAndHeight-all-1-ref.html
+== img-novb-widthAndHeight-slice-1-px.html img-novb-widthAndHeight-all-1-ref.html
+
+# Alternate versions of "only one dimension is non-%-valued" tests, but now
+# with no explicit viewBox, to trigger "synthesize-viewBox" behavior
+== img-novb-height-meet-1.html    img-novb-height-all-1-ref.html
+== img-novb-height-slice-1.html   img-novb-height-all-1-ref.html
+fuzzy(0-255,0-10) == img-novb-width-meet-1.html img-novb-width-all-1-ref.html
+fuzzy(0-255,0-10) == img-novb-width-slice-1.html img-novb-width-all-1-ref.html
+
+# with with a fragmentIdentifier viewBox
+== img-fragment-1a.html  img-fragment-1-ref.html
+== img-fragment-1b.html  img-fragment-1-ref.html
+== img-fragment-1c.html  img-fragment-1-ref.html
+== img-fragment-2a.html  img-fragment-2-ref.html
+== img-fragment-2b.html  img-fragment-2-ref.html
+== img-fragment-2c.html  img-fragment-2-ref.html
+
+== list-simple-1.html list-simple-1-ref.html
+
+== svg-image-simple-1.svg lime100x100.svg
+== svg-image-simple-2.svg lime100x100.svg
+== svg-image-simple-3.svg lime100x100.svg
+
+# tests for <svg> files that include themselves as an <image>
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-1) == svg-image-recursive-1a.svg  svg-image-recursive-1-ref.svg
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-1) == svg-image-recursive-1b.svg  svg-image-recursive-1-ref.svg
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-1) == svg-image-recursive-2a.svg  svg-image-recursive-2-ref.svg
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-1) == svg-image-recursive-2b.html svg-image-recursive-2-ref.svg
+
+# tests for external resources vs. data URIs in SVG as an image
+== svg-image-datauri-1.html            lime100x100.svg
+HTTP == svg-image-datauri-1.html       lime100x100.svg
+== svg-image-external-1.html           blue100x100.svg
+HTTP == svg-image-external-1.html      blue100x100.svg
+== svg-stylesheet-datauri-1.html       lime100x100.svg
+HTTP == svg-stylesheet-datauri-1.html  lime100x100.svg
+== svg-stylesheet-external-1.html      blue100x100.svg
+HTTP == svg-stylesheet-external-1.html blue100x100.svg
+
+# tests for SVG <image> that should have a synthetic viewBox
+== svg-image-synthetic-viewBox-01.svg svg-image-synthetic-viewBox-01-ref.svg
+
+# Test for painting problems with SVGs used in border images.
+# XXXseth: The underlying problems also apply to media fragments,
+# but the test case would be much simpler. This should be switched
+# over to use media fragments once bug 790640 lands.
+fuzzy(0-2,0-1) == svg-border-image-repaint-1.html svg-border-image-repaint-1-ref.html
+
+# Test that 'image-orientation: from-image' has no effect, since SVGs don't have EXIF data.
+== image-orientation-viewbox-and-size.html?from-image  image-orientation-viewbox-and-size.html?none
+== image-orientation-viewbox-no-size.html?from-image   image-orientation-viewbox-no-size.html?none
+
+# Tests that nonuniform scales work with SVG-as-image.
+== nonuniform-scale-2d.html?0.5&1.0  nonuniform-scale-ref.html?50&100
+== nonuniform-scale-2d.html?1.0&0.5  nonuniform-scale-ref.html?100&50
+== nonuniform-scale-3d.html?0.5&1.0&0.5  nonuniform-scale-ref.html?50&100
+== nonuniform-scale-3d.html?1.0&0.5&0.5  nonuniform-scale-ref.html?100&50
+
+# Sanity checks that nonuniform scales don't devolve to uniform scales.
+!= nonuniform-scale-2d.html?0.3&1.0  nonuniform-scale-2d.html?0.3&0.3
+!= nonuniform-scale-2d.html?0.3&1.0  nonuniform-scale-2d.html?1.0&1.0
+!= nonuniform-scale-2d.html?1.0&0.3  nonuniform-scale-2d.html?0.3&0.3
+!= nonuniform-scale-2d.html?1.0&0.3  nonuniform-scale-2d.html?1.0&1.0
+!= nonuniform-scale-3d.html?0.3&1.0&0.3  nonuniform-scale-3d.html?0.3&0.3&0.3
+!= nonuniform-scale-3d.html?0.3&1.0&0.3  nonuniform-scale-3d.html?1.0&1.0&1.0
+!= nonuniform-scale-3d.html?1.0&0.3&0.3  nonuniform-scale-3d.html?0.3&0.3&0.3
+!= nonuniform-scale-3d.html?1.0&0.3&0.3  nonuniform-scale-3d.html?1.0&1.0&1.0
+
+# Test for preserveAspectRatio with no-longer-supported "defer" keyword
+== defer-unsupported-1.svg  defer-unsupported-1-ref.svg
diff --git a/layout/reftests/svg/as-image/squaredCircle-100x100.svg b/layout/reftests/svg/as-image/squaredCircle-100x100.svg
new file mode 100644
index 0000000000..892cc0e8c6
--- /dev/null
+++ b/layout/reftests/svg/as-image/squaredCircle-100x100.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="100"
+     shape-rendering="crispEdges">
+  <rect x="2" y="2" height="96" width="96"
+        stroke-width="4" stroke="black" fill="yellow"/>
+  <circle cx="50" cy="50" r="46" style="fill: blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/squaredCircle-100x50.svg b/layout/reftests/svg/as-image/squaredCircle-100x50.svg
new file mode 100644
index 0000000000..57b5169581
--- /dev/null
+++ b/layout/reftests/svg/as-image/squaredCircle-100x50.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100" height="50"
+     shape-rendering="crispEdges">
+  <rect x="2" y="2" height="96" width="96"
+        stroke-width="4" stroke="black" fill="yellow"/>
+  <circle cx="50" cy="50" r="46" style="fill: blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/squaredCircle-transparent.svg b/layout/reftests/svg/as-image/squaredCircle-transparent.svg
new file mode 100644
index 0000000000..32bd67b634
--- /dev/null
+++ b/layout/reftests/svg/as-image/squaredCircle-transparent.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" >
+  <rect x="0" y="0" height="100" width="100" fill="orange"/>
+  <g style="opacity:.75">
+      <rect x="2" y="2" height="96" width="96"
+            stroke-width="4" stroke="black" fill="yellow"/>
+      <circle cx="50" cy="50" r="46" style="fill: blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/as-image/squaredCircle-viewBox-100x100.svg b/layout/reftests/svg/as-image/squaredCircle-viewBox-100x100.svg
new file mode 100644
index 0000000000..4912c656d0
--- /dev/null
+++ b/layout/reftests/svg/as-image/squaredCircle-viewBox-100x100.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100"
+     height="100" width="100" >
+  <rect x="2" y="2" height="96" width="96"
+        stroke-width="4" stroke="black" fill="yellow"/>
+  <circle cx="50" cy="50" r="46" style="fill: blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/squaredCircle-viewBox-noSize.svg b/layout/reftests/svg/as-image/squaredCircle-viewBox-noSize.svg
new file mode 100644
index 0000000000..c0665d15d6
--- /dev/null
+++ b/layout/reftests/svg/as-image/squaredCircle-viewBox-noSize.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect x="2" y="2" height="96" width="96"
+        stroke-width="4" stroke="black" fill="yellow"/>
+  <circle cx="50" cy="50" r="46" style="fill: blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-border-image-repaint-1-ref.html b/layout/reftests/svg/as-image/svg-border-image-repaint-1-ref.html
new file mode 100644
index 0000000000..bb11b225b6
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-border-image-repaint-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=809181
+-->
+<html>
+  <head></head>
+  <body>
+    <iframe src="svg-border-image-repaint-iframe.html"></iframe>
+  </body>
+</html>
+
diff --git a/layout/reftests/svg/as-image/svg-border-image-repaint-1.html b/layout/reftests/svg/as-image/svg-border-image-repaint-1.html
new file mode 100644
index 0000000000..2f33345873
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-border-image-repaint-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=809181
+-->
+<html class="reftest-wait">
+  <head>
+    <script>
+      document.addEventListener('MozReftestInvalidate', function() {
+        document.getElementById('test').style.opacity = '1.0';
+        document.documentElement.removeAttribute('class');
+      });
+    </script>
+  </head>
+  <body>
+    <iframe id="test" src="svg-border-image-repaint-iframe.html" style="opacity: 0.5"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-border-image-repaint-helper.svg b/layout/reftests/svg/as-image/svg-border-image-repaint-helper.svg
new file mode 100644
index 0000000000..ccc7824465
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-border-image-repaint-helper.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg viewBox="0 0 40 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#000000" d=" M 0.00 0.00 L 20.00 0.00 C 20.00 6.67 20.00 13.33 20.00 20.00 C 13.33 20.00 6.67 20.00 0.00 20.00 L 0.00 0.00 Z" />
+<path fill="#ff0000" d=" M 20.00 0.00 L 40.00 0.00 C 40.00 6.67 40.00 13.33 40.00 20.00 C 33.33 20.00 26.67 20.00 20.00 20.00 C 20.00 13.33 20.00 6.67 20.00 0.00 Z" />
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-border-image-repaint-iframe.html b/layout/reftests/svg/as-image/svg-border-image-repaint-iframe.html
new file mode 100644
index 0000000000..f0281228ed
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-border-image-repaint-iframe.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=809181
+-->
+<html>
+  <head>
+    <style>
+      div {
+        background-color: green;
+        border-image: url("svg-border-image-repaint-helper.svg") 20 repeat;
+        border-image-width: 20px 20px 20px 20px;
+        width: 200px;
+        height: 200px;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-datauri-1.html b/layout/reftests/svg/as-image/svg-image-datauri-1.html
new file mode 100644
index 0000000000..3d7d171b55
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-datauri-1.html
@@ -0,0 +1,5 @@
+<html>
+<body style="margin: 0">
+  <img src="svg-image-datauri.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-datauri.svg b/layout/reftests/svg/as-image/svg-image-datauri.svg
new file mode 100644
index 0000000000..114a772325
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-datauri.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <!-- This blue rect should always be covered up by the <image>: -->
+  <circle cx="50" cy="50" r="50" fill="blue"/>
+  <image width="100" height="100"
+         xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAKJJREFUeNrt0QENAAAIw7CDf89gg5BOwlqZTHSmtgCIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECACAkRAgAgIEAERECACAkRAvrfrTQLGaH3qbAAAAABJRU5ErkJggg%3D%3D"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-external-1.html b/layout/reftests/svg/as-image/svg-image-external-1.html
new file mode 100644
index 0000000000..3a13e55164
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-external-1.html
@@ -0,0 +1,5 @@
+<html>
+<body style="margin: 0">
+  <img src="svg-image-external.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-external.svg b/layout/reftests/svg/as-image/svg-image-external.svg
new file mode 100644
index 0000000000..721d4fe13c
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-external.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <!-- This blue rect should be covered up by the <image> when this SVG is
+       loaded as an image by a local document, but not when the document is
+       served over HTTP: -->
+  <rect width="100" height="100" fill="blue"/>
+  <image width="100" height="100"
+         xlink:href="lime100x100.png"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-recursive-1-ref.svg b/layout/reftests/svg/as-image/svg-image-recursive-1-ref.svg
new file mode 100644
index 0000000000..b884f4e5bb
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-recursive-1-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <circle cx="10" cy="10" r="10" fill="blue"/>
+  <circle cx="30" cy="30" r="10" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-recursive-1a.svg b/layout/reftests/svg/as-image/svg-image-recursive-1a.svg
new file mode 100644
index 0000000000..2587877c6a
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-recursive-1a.svg
@@ -0,0 +1,13 @@
+<!-- This SVG file uses itself as an image.  Currently, we don't paint
+     recursively-referenced images beyond the first level.  When this testcase
+     is viewed directly, it gets treated as a document (not an image), so its
+     <image> element is painted.  However, the <image>'s own *internal* <image>
+     element does *not* get painted.  So we end up painting two blue circles:
+     one for the <circle> and one for the <image>'s <circle> (and no more). -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <circle cx="10" cy="10" r="10" fill="blue"/>
+  <image x="20" y="20" width="100" height="100"
+         xlink:href="svg-image-recursive-1a.svg"/> <!-- my own filename -->
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-recursive-1b.svg b/layout/reftests/svg/as-image/svg-image-recursive-1b.svg
new file mode 100644
index 0000000000..3e5c9befe9
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-recursive-1b.svg
@@ -0,0 +1,15 @@
+<!-- This SVG file uses itself as an image.  Currently, we don't paint
+     recursively-referenced images beyond the first level.  When this testcase
+     is viewed directly, it gets treated as a document (not an image), so its
+     <image> element is painted.  However, the <image>'s own *internal* <image>
+     element does *not* get painted.  So we end up painting two blue circles:
+     one for the <circle> and one for the <image>'s <circle> (and no more). -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <circle cx="10" cy="10" r="10" fill="blue"/>
+  <image x="20" y="20" width="100" height="100"
+         xlink:href="#foo"/>
+  <!-- When used as a URL, #foo evaluates to ${my_url}#foo, which (when treated
+       as an image URL) just turns into ${my_url}. -->
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-recursive-2-ref.svg b/layout/reftests/svg/as-image/svg-image-recursive-2-ref.svg
new file mode 100644
index 0000000000..e548c53f47
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-recursive-2-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <circle cx="10" cy="10" r="10" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-recursive-2a.svg b/layout/reftests/svg/as-image/svg-image-recursive-2a.svg
new file mode 100644
index 0000000000..651c29e85e
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-recursive-2a.svg
@@ -0,0 +1,10 @@
+<!-- The SVG file referenced in our <image> tag uses itself as an <image>.
+     Currently, we don't paint recursively-referenced images beyond the first
+     level.  So, the <image> element inside our helper document doesn't get
+     painted, and we end up only showing one blue circle. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <image width="100" height="100"
+         xlink:href="svg-image-recursive-1a.svg"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-recursive-2b.html b/layout/reftests/svg/as-image/svg-image-recursive-2b.html
new file mode 100644
index 0000000000..2e0708c1d9
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-recursive-2b.html
@@ -0,0 +1,9 @@
+<!-- The SVG file referenced in our <img> tag uses itself as an <image>.
+     Currently, we don't paint recursively-referenced images beyond the first
+     level.  So, the <image> element inside our helper document doesn't get
+     painted, and we end up only showing one blue circle. -->
+<html>
+<body style="margin: 0">
+  <img src="svg-image-recursive-1a.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-simple-1.svg b/layout/reftests/svg/as-image/svg-image-simple-1.svg
new file mode 100644
index 0000000000..ad657ce2ab
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-simple-1.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <rect  width="100%" height="100%" fill="red"/>
+  <image width="100%" height="100%" xlink:href="lime100x100.svg"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-simple-2.svg b/layout/reftests/svg/as-image/svg-image-simple-2.svg
new file mode 100644
index 0000000000..34cc2277d5
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-simple-2.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <rect  width="100%" height="100%" fill="red"/>
+  <image width="100%" height="100%"
+         xlink:href="lime100x100-noSVGDimensions.svg"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-simple-3.svg b/layout/reftests/svg/as-image/svg-image-simple-3.svg
new file mode 100644
index 0000000000..31d064a0a8
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-simple-3.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <rect  width="100%" height="100%" fill="red"/>
+  <image width="100%" height="100%"
+         xlink:href="limeInRed-noSVGDimensions-viewBox.svg"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-1.svg b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-1.svg
new file mode 100644
index 0000000000..9a185877a6
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-1.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <circle cx="100" cy="100" r="100" fill="blue"/>
+</svg>
+
diff --git a/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-2.svg b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-2.svg
new file mode 100644
index 0000000000..83f49b787f
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-helper-2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
+  <circle cx="50" cy="50" r="50" fill="blue"/>
+</svg>
+
diff --git a/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-ref.svg b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-ref.svg
new file mode 100644
index 0000000000..c93d68fc30
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <image width="100" height="100" href="svg-image-synthetic-viewBox-01-helper-2.svg"/>
+</svg>
+
diff --git a/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01.svg b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01.svg
new file mode 100644
index 0000000000..449c61862e
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-synthetic-viewBox-01.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <image width="100" height="100" href="svg-image-synthetic-viewBox-01-helper-1.svg"/>
+</svg>
+
diff --git a/layout/reftests/svg/as-image/svg-image-util.css b/layout/reftests/svg/as-image/svg-image-util.css
new file mode 100644
index 0000000000..3d5a9338f6
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-util.css
@@ -0,0 +1,3 @@
+body   { margin: 0px;        line-height: 10px;   }
+img    { background: purple; vertical-align: top; }
+embed  { background: purple; vertical-align: top; }
diff --git a/layout/reftests/svg/as-image/svg-image-util.js b/layout/reftests/svg/as-image/svg-image-util.js
new file mode 100644
index 0000000000..ea84259238
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-util.js
@@ -0,0 +1,173 @@
+/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+// Standard values to use for <img>/<embed> height & width, if requested.
+var HOST_NODE_HEIGHT = "20";
+var HOST_NODE_WIDTH =  "30";
+
+// All the possible values of "align"
+const ALIGN_VALS = ["none",
+                    "xMinYMin", "xMinYMid", "xMinYMax",
+                    "xMidYMin", "xMidYMid", "xMidYMax",
+                    "xMaxYMin", "xMaxYMid", "xMaxYMax"];
+
+// All the possible values of "meetOrSlice"
+const MEETORSLICE_VALS = [ "meet", "slice" ];
+
+/**
+ * Generates full data URI for an SVG document, with the given parameters
+ * on the SVG element.
+ *
+ * @param aViewboxArr         An array of four numbers, representing the
+ *                            viewBox attribute, or null for no viewBox.
+ * @param aWidth              The width attribute, or null for no width.
+ * @param aHeight             The height attribute, or null for no height.
+ * @param aAlign              The 'align' component of the
+ *                            preserveAspectRatio attribute, or null for none.
+ * @param aMeetOrSlice        The 'meetOrSlice' component of the
+ *                            preserveAspectRatio attribute, or null for
+ *                            none. (If non-null, implies non-null value for
+ *                            aAlign.)
+ * @param aViewParams         Parameters to use for the view element.
+ * @param aFragmentIdentifier The SVG fragment identifier.
+ */
+function generateSVGDataURI(aViewboxArr, aWidth, aHeight,
+                            aAlign, aMeetOrSlice,
+                            aViewParams, aFragmentIdentifier) {
+  // prefix
+  var datauri = "data:image/svg+xml,"
+  // Begin the SVG tag
+  datauri += "%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20shape-rendering%3D%22crispEdges%22";
+
+  // Append the custom chunk from our params
+  // If we're working with views, the align customisation is applied there instead
+  datauri += generateSVGAttrsForParams(aViewboxArr, aWidth, aHeight,
+                                       aViewParams ? null : aAlign,
+                                       aMeetOrSlice);
+
+  // Add 'font-size' just in case the client wants to use ems
+  datauri += "%20font-size%3D%22" + "10px" + "%22";
+
+  // Put closing right bracket on SVG tag
+  datauri += "%3E";
+
+  if (aViewParams) {
+    // Give the view the id of the fragment identifier
+    datauri += "%3Cview%20id%3D%22" + aFragmentIdentifier + "%22";
+
+    // Append the custom chunk from our view params
+    datauri += generateSVGAttrsForParams(aViewParams.viewBox, null, null,
+                                         aAlign, aViewParams.meetOrSlice);
+
+    datauri += "%2F%3E";
+  }
+
+  // Add the rest of the SVG document
+  datauri += "%3Crect%20x%3D%221%22%20y%3D%221%22%20height%3D%2218%22%20width%3D%2218%22%20stroke-width%3D%222%22%20stroke%3D%22black%22%20fill%3D%22yellow%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%228%22%20style%3D%22fill%3A%20blue%22%2F%3E%3C%2Fsvg%3E";
+
+  return datauri;
+}
+
+// Generates just the chunk of a data URI that's relevant to
+// the given params.
+function generateSVGAttrsForParams(aViewboxArr, aWidth, aHeight,
+                                   aAlign, aMeetOrSlice) {
+  var str = "";
+  if (aViewboxArr) {
+    str += "%20viewBox%3D%22";
+    for (var i in aViewboxArr) {
+        str += aViewboxArr[i];
+        if (i != aViewboxArr.length - 1) {
+          str += "%20";
+        }
+    }
+    str += "%22";
+  }
+  if (aWidth) {
+    str += "%20width%3D%22"  + aWidth  + "%22";
+  }
+  if (aHeight) {
+    str += "%20height%3D%22" + aHeight + "%22";
+  }
+  if (aAlign) {
+    str += "%20preserveAspectRatio%3D%22" + aAlign;
+    if (aMeetOrSlice) {
+      str += "%20" + aMeetOrSlice;
+    }
+    str += "%22";
+  }
+
+  return str;
+}
+
+// Returns a newly-generated element with the given tagname, the given URI
+// for its |src| attribute, and the given width & height values.
+function generateHostNode(aHostNodeTagName, aUri,
+                          aHostNodeWidth, aHostNodeHeight) {
+  var elem = document.createElement(aHostNodeTagName);
+  elem.setAttribute("src", aUri);
+
+  if (aHostNodeWidth) {
+    elem.setAttribute("width", aHostNodeWidth);
+  }
+  if (aHostNodeHeight) {
+    elem.setAttribute("height", aHostNodeHeight);
+  }
+
+  return elem;
+}
+
+// THIS IS THE CHIEF HELPER FUNCTION TO BE CALLED BY CLIENTS
+function appendSVGArrayWithParams(aSVGParams, aHostNodeTagName) {
+  // These are width & height vals that will be used for the *host node*.
+  // (i.e. the <img> or <embed> node -- not the <svg> node)
+  var hostNodeWidthVals  = [ null, HOST_NODE_WIDTH  ];
+  var hostNodeHeightVals = [ null, HOST_NODE_HEIGHT ];
+
+  for (var i = 0; i < hostNodeWidthVals.length; i++) {
+    var hostNodeWidth = hostNodeWidthVals[i];
+    for (var j = 0; j < hostNodeHeightVals.length; j++) {
+      var hostNodeHeight = hostNodeHeightVals[j];
+      appendSVGSubArrayWithParams(aSVGParams, aHostNodeTagName,
+                                  hostNodeWidth, hostNodeHeight);
+    }
+  }
+}
+
+// Helper function for above, for a fixed [host-node-width][host-node-height]
+function appendSVGSubArrayWithParams(aSVGParams, aHostNodeTagName,
+                                     aHostNodeWidth, aHostNodeHeight) {
+  var rootNode = document.getElementsByTagName("body")[0];
+  for (var k = 0; k < ALIGN_VALS.length; k++) {
+    var alignVal = ALIGN_VALS[k];
+    if (!aSVGParams.meetOrSlice) {
+      alignVal = "none";
+    }
+
+    // Generate the Data URI
+    var uri = generateSVGDataURI(aSVGParams.viewBox,
+                                 aSVGParams.width, aSVGParams.height,
+                                 alignVal,
+                                 aSVGParams.meetOrSlice,
+                                 aSVGParams.view,
+                                 aSVGParams.fragmentIdentifier);
+
+    if (aSVGParams.fragmentIdentifier) {
+      uri += "#" + aSVGParams.fragmentIdentifier;
+    }
+
+    // Generate & append the host node element
+    var hostNode = generateHostNode(aHostNodeTagName, uri,
+                                    aHostNodeWidth, aHostNodeHeight);
+    rootNode.appendChild(hostNode);
+
+    // Cosmetic: Add a newline when we get halfway through the ALIGN_VALS
+    // and then again when we reach the end
+    if (k + 1 == ALIGN_VALS.length / 2 ||
+        k + 1 == ALIGN_VALS.length) {
+      rootNode.appendChild(document.createElement("br"));
+    }
+  }
+}
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1-ref.html b/layout/reftests/svg/as-image/svg-image-visited-1-ref.html
new file mode 100644
index 0000000000..7539a7ec98
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <title>Reference for bug 641731</title>
+    <style>
+      .imgRef, .embedRef {
+        height: 100px;
+        width: 100px;
+        border: 1px solid black;
+        display: inline-block;
+      }
+      .imgRef { background: lime }
+      .embedRef { background: purple }
+    </style>
+  </head>
+  <body>
+    <div class="imgRef"></div>
+    <div class="embedRef"></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1a-helper.svg b/layout/reftests/svg/as-image/svg-image-visited-1a-helper.svg
new file mode 100644
index 0000000000..9843e85f59
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1a-helper.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     height="100" width="100">
+  <style>
+  <![CDATA[
+      a:link {/* Note: an a:link block was needed to trigger bug 641731. */ }
+      a:link    > rect  { fill: lime; }
+      a:visited > rect  { fill: purple;  }
+  ]]>
+  </style>
+
+  <!-- Note: the <a> element below links to a visited page, so it'll
+       normally be treated as visited. However, in an image context, we want to
+       ignore visitedness. -->
+  <a xlink:href="visited-page.html" id="foo">
+    <rect x="0" y="0"  width="100" height="100" fill="orange"/>
+  </a>
+
+  <!-- This trivial SMIL animation ensures that we *won't* get repainted via
+       imagelib's SurfaceCache optimization.  Specifically, we want to bypass
+       the SurfaceCache so that we can ensure that repaints of this file (as an
+       image) will *actually repaint the SVG content*, rather than painting a
+       previously-rasterized snapshot (which may've been rasterized before we
+       had any chance to consider :visited styles). -->
+  <rect x="0" y="0"  width="100" height="100" fill="teal">
+    <set attributeName="fill" to="transparent"
+         begin="0s" duration="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1a.html b/layout/reftests/svg/as-image/svg-image-visited-1a.html
new file mode 100644
index 0000000000..53aff74c9b
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <title>Test for bug 641731</title>
+    <style>
+      img, embed {
+        height: 100px;
+        width: 100px;
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- This shouldn't show visited link coloring: -->
+    <img src="svg-image-visited-1a-helper.svg">
+    <!-- This should show visited link coloring: -->
+    <embed src="svg-image-visited-1a-helper.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1b-helper.svg b/layout/reftests/svg/as-image/svg-image-visited-1b-helper.svg
new file mode 100644
index 0000000000..2a47f02d58
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1b-helper.svg
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     height="100" width="100">
+  <style>
+  <![CDATA[
+      a:link    > rect  { fill: lime; }
+      a:visited > rect  { fill: purple;  }
+  ]]>
+  </style>
+
+  <!-- Note: the <a> element below links to a visited page, so it'll
+       normally be treated as visited. However, in an image context, we want to
+       ignore visitedness. -->
+  <a xlink:href="visited-page.html" id="foo">
+    <rect x="0" y="0"  width="100" height="100" fill="orange"/>
+  </a>
+
+  <!-- This trivial SMIL animation ensures that we *won't* get repainted via
+       imagelib's SurfaceCache optimization.  Specifically, we want to bypass
+       the SurfaceCache so that we can ensure that repaints of this file (as an
+       image) will *actually repaint the SVG content*, rather than painting a
+       previously-rasterized snapshot (which may've been rasterized before we
+       had any chance to consider :visited styles). -->
+  <rect x="0" y="0"  width="100" height="100" fill="teal">
+    <set attributeName="fill" to="transparent"
+         begin="0s" duration="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1b.html b/layout/reftests/svg/as-image/svg-image-visited-1b.html
new file mode 100644
index 0000000000..05227cc85d
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <title>Test for bug 641731</title>
+    <style>
+      img, embed {
+        height: 100px;
+        width: 100px;
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- This shouldn't show visited link coloring: -->
+    <img src="svg-image-visited-1b-helper.svg">
+    <!-- This should show visited link coloring: -->
+    <embed src="svg-image-visited-1b-helper.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1c-helper.svg b/layout/reftests/svg/as-image/svg-image-visited-1c-helper.svg
new file mode 100644
index 0000000000..ca688a2b55
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1c-helper.svg
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     height="100" width="100">
+  <style>
+  <![CDATA[
+      a:link {/* Note: an a:link block was needed to trigger bug 641731. */ }
+      a:link    > rect  { fill: lime; }
+      a:visited > rect  { fill: purple;  }
+  ]]>
+  </style>
+
+  <!-- Note: our mochitest runner visits "visited-page.html" early on.
+       Nonetheless, as an image, we should ignore visitedness. -->
+  <a xlink:href="visited-page.html" id="foo">
+    <rect x="0" y="0"  width="100" height="100" fill="orange"/>
+  </a>
+
+  <!-- This trivial SMIL animation ensures that we *won't* get repainted via
+       imagelib's SurfaceCache optimization.  Specifically, we want to bypass
+       the SurfaceCache so that we can ensure that repaints of this file (as an
+       image) will *actually repaint the SVG content*, rather than painting a
+       previously-rasterized snapshot (which may've been rasterized before we
+       had any chance to consider :visited styles). -->
+  <rect x="0" y="0"  width="100" height="100" fill="teal">
+    <set attributeName="fill" to="transparent"
+         begin="0s" duration="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1c.html b/layout/reftests/svg/as-image/svg-image-visited-1c.html
new file mode 100644
index 0000000000..f016d5cebe
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1c.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <title>Test for bug 641731</title>
+    <style>
+      img, embed {
+        height: 100px;
+        width: 100px;
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- This shouldn't show visited link coloring: -->
+    <img src="svg-image-visited-1c-helper.svg">
+    <!-- This should show visited link coloring: -->
+    <embed src="svg-image-visited-1c-helper.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1d-helper.svg b/layout/reftests/svg/as-image/svg-image-visited-1d-helper.svg
new file mode 100644
index 0000000000..cc62c3a27c
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1d-helper.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     height="100" width="100">
+  <style>
+  <![CDATA[
+      a:link    > rect  { fill: lime; }
+      a:visited > rect  { fill: purple;  }
+  ]]>
+  </style>
+
+  <!-- Note: our mochitest runner visits "visited-page.html" early on.
+       Nonetheless, as an image, we should ignore visitedness. -->
+  <a xlink:href="visited-page.html" id="foo">
+    <rect x="0" y="0"  width="100" height="100" fill="orange"/>
+  </a>
+
+  <!-- This trivial SMIL animation ensures that we *won't* get repainted via
+       imagelib's SurfaceCache optimization.  Specifically, we want to bypass
+       the SurfaceCache so that we can ensure that repaints of this file (as an
+       image) will *actually repaint the SVG content*, rather than painting a
+       previously-rasterized snapshot (which may've been rasterized before we
+       had any chance to consider :visited styles). -->
+  <rect x="0" y="0"  width="100" height="100" fill="teal">
+    <set attributeName="fill" to="transparent"
+         begin="0s" duration="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-image-visited-1d.html b/layout/reftests/svg/as-image/svg-image-visited-1d.html
new file mode 100644
index 0000000000..39005b39d3
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-image-visited-1d.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <title>Test for bug 641731</title>
+    <style>
+      img, embed {
+        height: 100px;
+        width: 100px;
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- This shouldn't show visited link coloring: -->
+    <img src="svg-image-visited-1d-helper.svg">
+    <!-- This should show visited link coloring: -->
+    <embed src="svg-image-visited-1d-helper.svg">
+  </body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-stylesheet-datauri-1.html b/layout/reftests/svg/as-image/svg-stylesheet-datauri-1.html
new file mode 100644
index 0000000000..9b99258f00
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-stylesheet-datauri-1.html
@@ -0,0 +1,5 @@
+<html>
+<body style="margin: 0">
+  <img src="svg-stylesheet-datauri.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-stylesheet-datauri.svg b/layout/reftests/svg/as-image/svg-stylesheet-datauri.svg
new file mode 100644
index 0000000000..003e150179
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-stylesheet-datauri.svg
@@ -0,0 +1,8 @@
+<?xml-stylesheet href="data:text/css,rect%20%7B%20fill%3A%20lime%20%7D%0A"
+                 type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <!-- This blue rect should always be styled as lime by the stylesheet: -->
+  <rect width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/svg-stylesheet-external-1.html b/layout/reftests/svg/as-image/svg-stylesheet-external-1.html
new file mode 100644
index 0000000000..c6815579b9
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-stylesheet-external-1.html
@@ -0,0 +1,5 @@
+<html>
+<body style="margin: 0">
+  <img src="svg-stylesheet-external.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/svg-stylesheet-external.css b/layout/reftests/svg/as-image/svg-stylesheet-external.css
new file mode 100644
index 0000000000..70025dd20a
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-stylesheet-external.css
@@ -0,0 +1 @@
+rect { fill: lime }
diff --git a/layout/reftests/svg/as-image/svg-stylesheet-external.svg b/layout/reftests/svg/as-image/svg-stylesheet-external.svg
new file mode 100644
index 0000000000..2b288e4268
--- /dev/null
+++ b/layout/reftests/svg/as-image/svg-stylesheet-external.svg
@@ -0,0 +1,9 @@
+<?xml-stylesheet href="svg-stylesheet-external.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100" height="100">
+  <!-- This blue rect should be styled as lime by the stylesheet when this SVG
+       is loaded as an image by a local document, but not when the document is
+       served over HTTP: -->
+  <rect width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/as-image/transparent100x100-w-border-ref.html b/layout/reftests/svg/as-image/transparent100x100-w-border-ref.html
new file mode 100644
index 0000000000..f0727820c9
--- /dev/null
+++ b/layout/reftests/svg/as-image/transparent100x100-w-border-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; border: 1px solid black"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/white-rect-no-viewbox.svg b/layout/reftests/svg/as-image/white-rect-no-viewbox.svg
new file mode 100644
index 0000000000..76a7efd3dc
--- /dev/null
+++ b/layout/reftests/svg/as-image/white-rect-no-viewbox.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+	   
+  <rect width="6" height="30" style="fill:white;" />
+</svg>
diff --git a/layout/reftests/svg/as-image/white-rect-with-viewbox.svg b/layout/reftests/svg/as-image/white-rect-with-viewbox.svg
new file mode 100644
index 0000000000..6bb59d19a4
--- /dev/null
+++ b/layout/reftests/svg/as-image/white-rect-with-viewbox.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="6px"
+     height="30px"
+     viewBox="0 0 6 30">
+	   
+  <rect width="6" height="30" style="fill:white;" />
+</svg>
diff --git a/layout/reftests/svg/as-image/zoom/circle-large.svg b/layout/reftests/svg/as-image/zoom/circle-large.svg
new file mode 100644
index 0000000000..a097f3c666
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/circle-large.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="80" height="80">
+  <circle cx="40" cy="40" r="40" style="fill: green"/>
+</svg> 
diff --git a/layout/reftests/svg/as-image/zoom/circle-small.svg b/layout/reftests/svg/as-image/zoom/circle-small.svg
new file mode 100644
index 0000000000..b0cba24a65
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/circle-small.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20">
+  <circle cx="10" cy="10" r="10" style="fill: green"/>
+</svg> 
diff --git a/layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomIn-1.html b/layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomIn-1.html
new file mode 100644
index 0000000000..b4eadba92e
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomIn-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+<head>
+  <style>
+    body {
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+    div {
+      background: url('circle-small.svg');
+      background-size: 40px 40px;
+      background-repeat: repeat;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+      width:  80px;
+      height: 80px;
+      transform: scale(2.0);
+      transform-origin: 0 0;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomOut-1.html b/layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomOut-1.html
new file mode 100644
index 0000000000..db0e6c06b9
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-fuzzy-transform-zoomOut-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+<head>
+  <style>
+    body {
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+    div {
+      background: url('circle-large.svg');
+      background-size: 40px 40px;
+      background-repeat: repeat;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+      width:  80px;
+      height: 80px;
+      transform: scale(0.5);
+      transform-origin: 0 0;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1-ref.html b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1-ref.html
new file mode 100644
index 0000000000..81e6011e62
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+<head>
+  <style>
+    body {
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+    div {
+      background: url('circle-large.svg');
+      background-size: 80px 80px;
+      background-repeat: repeat;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+      width:  160px;
+      height: 160px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1.html b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1.html
new file mode 100644
index 0000000000..de39990b95
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomIn-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html reftest-zoom="2.0">
+<head>
+  <style>
+    body {
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+    div {
+      background: url('circle-small.svg');
+      background-size: 40px 40px;
+      background-repeat: repeat;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+      width:  80px;
+      height: 80px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1-ref.html b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1-ref.html
new file mode 100644
index 0000000000..48f2d05ff7
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+<head>
+  <style>
+    body {
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+    div {
+      background: url('circle-small.svg');
+      background-size: 20px 20px;
+      background-repeat: repeat;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+      width:  40px;
+      height: 40px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1.html b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1.html
new file mode 100644
index 0000000000..75cd1d61af
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-fuzzy-zoomOut-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html reftest-zoom="0.5">
+<head>
+  <style>
+    body {
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+    }
+    div {
+      background: url('circle-large.svg');
+      background-size: 40px 40px;
+      background-repeat: repeat;
+      margin:  0px;
+      padding: 0px;
+      border:  0px;
+      width:  80px;
+      height: 80px;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/img-zoomIn-1.html b/layout/reftests/svg/as-image/zoom/img-zoomIn-1.html
new file mode 100644
index 0000000000..cc31a933ed
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-zoomIn-1.html
@@ -0,0 +1,5 @@
+<html reftest-zoom="1.5">
+<body>
+  <img src="squaredCircle.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/img-zoomOut-1.html b/layout/reftests/svg/as-image/zoom/img-zoomOut-1.html
new file mode 100644
index 0000000000..5133acb8b4
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/img-zoomOut-1.html
@@ -0,0 +1,5 @@
+<html reftest-zoom="0.5">
+<body>
+  <img src="squaredCircle.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/reftest.list b/layout/reftests/svg/as-image/zoom/reftest.list
new file mode 100644
index 0000000000..13df22ead6
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/reftest.list
@@ -0,0 +1,11 @@
+# Tests related to SVG being used as an image, with zooming
+
+# Simple <img> tests
+fuzzy(0-1,0-408) == img-zoomIn-1.html squaredCircle-150x150-ref.html
+fuzzy(0-1,0-74) == img-zoomOut-1.html squaredCircle-50x50-ref.html
+
+# Ensure that scaled SVG images aren't fuzzy when tiled.
+fails-if(useDrawSnapshot) == img-fuzzy-zoomOut-1.html           img-fuzzy-zoomOut-1-ref.html
+fails-if(useDrawSnapshot) == img-fuzzy-zoomIn-1.html            img-fuzzy-zoomIn-1-ref.html
+== img-fuzzy-transform-zoomOut-1.html img-fuzzy-zoomOut-1-ref.html
+== img-fuzzy-transform-zoomIn-1.html  img-fuzzy-zoomIn-1-ref.html
diff --git a/layout/reftests/svg/as-image/zoom/squaredCircle-150x150-ref.html b/layout/reftests/svg/as-image/zoom/squaredCircle-150x150-ref.html
new file mode 100644
index 0000000000..7f3b524e8e
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/squaredCircle-150x150-ref.html
@@ -0,0 +1,5 @@
+<html reftest-zoom="1.5">
+<body>
+  <embed src="squaredCircle.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/squaredCircle-50x50-ref.html b/layout/reftests/svg/as-image/zoom/squaredCircle-50x50-ref.html
new file mode 100644
index 0000000000..41686f5bc1
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/squaredCircle-50x50-ref.html
@@ -0,0 +1,5 @@
+<html reftest-zoom="0.5">
+<body>
+  <embed src="squaredCircle.svg">
+</body>
+</html>
diff --git a/layout/reftests/svg/as-image/zoom/squaredCircle.svg b/layout/reftests/svg/as-image/zoom/squaredCircle.svg
new file mode 100644
index 0000000000..266c9e776c
--- /dev/null
+++ b/layout/reftests/svg/as-image/zoom/squaredCircle.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="100px" height="100px">
+  <rect x="2" y="2" height="96" width="96"
+        stroke-width="4" stroke="black" fill="yellow"/>
+  <circle cx="50" cy="50" r="46" style="fill: blue"/>
+</svg>
diff --git a/layout/reftests/svg/autofocus-01-ref.svg b/layout/reftests/svg/autofocus-01-ref.svg
new file mode 100644
index 0000000000..fb9c7bc16b
--- /dev/null
+++ b/layout/reftests/svg/autofocus-01-ref.svg
@@ -0,0 +1,8 @@
+<svg width="400" height="110" xmlns="http://www.w3.org/2000/svg" onload="document.querySelector('a').focus();">
+  <a href="#">
+    <rect x="10" y="10" width="300" height="90" fill="lime"/>
+  </a>
+  <style>
+    a:focus { outline: 2px solid blue; }
+  </style>
+</svg> 
diff --git a/layout/reftests/svg/autofocus-01a.svg b/layout/reftests/svg/autofocus-01a.svg
new file mode 100644
index 0000000000..89be07acad
--- /dev/null
+++ b/layout/reftests/svg/autofocus-01a.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="110" xmlns="http://www.w3.org/2000/svg">
+  <rect x="10" y="10" width="300" height="90" fill="lime" tabindex="0" autofocus="true"/>
+  <style>
+    rect:focus { outline: 2px solid blue; }
+  </style>
+</svg> 
diff --git a/layout/reftests/svg/autofocus-01b.svg b/layout/reftests/svg/autofocus-01b.svg
new file mode 100644
index 0000000000..94bf93b78c
--- /dev/null
+++ b/layout/reftests/svg/autofocus-01b.svg
@@ -0,0 +1,8 @@
+<svg width="400" height="110" xmlns="http://www.w3.org/2000/svg">
+  <a href="#" autofocus="true">
+    <rect x="10" y="10" width="300" height="90" fill="lime"/>
+  </a>
+  <style>
+    a:focus { outline: 2px solid blue; }
+  </style>
+</svg> 
diff --git a/layout/reftests/svg/autofocus-02a.svg b/layout/reftests/svg/autofocus-02a.svg
new file mode 100644
index 0000000000..7e026a3216
--- /dev/null
+++ b/layout/reftests/svg/autofocus-02a.svg
@@ -0,0 +1,8 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- need tabindex for autofocus to work -->
+  <rect x="10" y="10" width="300" height="90" fill="lime" autofocus="true"/>
+  <style>
+    rect:focus { outline: 2px solid blue; }
+  </style>
+</svg> 
diff --git a/layout/reftests/svg/autofocus-02b.svg b/layout/reftests/svg/autofocus-02b.svg
new file mode 100644
index 0000000000..5c429900df
--- /dev/null
+++ b/layout/reftests/svg/autofocus-02b.svg
@@ -0,0 +1,10 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- need href for autofocus to work -->
+  <a autofocus="true">
+    <rect x="10" y="10" width="300" height="90" fill="lime"/>
+  </a>
+  <style>
+    a:focus { outline: 2px solid blue; }
+  </style>
+</svg> 
diff --git a/layout/reftests/svg/background-ref.html b/layout/reftests/svg/background-ref.html
new file mode 100644
index 0000000000..c4fd9d9bfd
--- /dev/null
+++ b/layout/reftests/svg/background-ref.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<meta charset=utf-8>
+<style>
+  div {
+    position: relative;
+  }
+  svg {
+    display: block;
+    margin: auto;
+  }
+</style>
+<body>
+  <div>
+    <svg xmlns='http://www.w3.org/2000/svg' width='100px' height='200px'
+         viewport='0 0 100 200'>
+      <rect x='0' y='100' width='100' height='100' fill='purple'>
+      </rect>
+    </svg>
+  </div>
+</body>
diff --git a/layout/reftests/svg/background-svg-without-height-width.html b/layout/reftests/svg/background-svg-without-height-width.html
new file mode 100644
index 0000000000..2c2d652d4b
--- /dev/null
+++ b/layout/reftests/svg/background-svg-without-height-width.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<meta charset=utf-8>
+<style>
+.bgsvg {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 32'%3E%3Crect x='0' y='16' width='16' height='16' fill='purple'/%3E%3C/svg%3E") no-repeat;
+  background-size: contain;
+  width: 100px;
+  height: auto;
+  margin: auto;
+  position: relative;
+}
+.bgsvg::after {
+  content: ' ';
+  display: block;
+  padding-bottom: 200%;
+}
+</style>
+<div class="bgsvg"></div>
diff --git a/layout/reftests/svg/background-svg-without-height.html b/layout/reftests/svg/background-svg-without-height.html
new file mode 100644
index 0000000000..6f4d2fae7d
--- /dev/null
+++ b/layout/reftests/svg/background-svg-without-height.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<meta charset=utf-8>
+<style>
+.bgsvg {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' viewBox='0 0 16 32'%3E%3Crect x='0' y='16' width='16' height='16' fill='purple'/%3E%3C/svg%3E") no-repeat;
+  background-size: contain;
+  width: 100px;
+  height: auto;
+  margin: auto;
+  position: relative;
+}
+.bgsvg::after {
+  content: ' ';
+  display: block;
+  padding-bottom: 200%;
+}
+</style>
+<div class="bgsvg"></div>
diff --git a/layout/reftests/svg/background-svg-without-width.html b/layout/reftests/svg/background-svg-without-width.html
new file mode 100644
index 0000000000..87a127c505
--- /dev/null
+++ b/layout/reftests/svg/background-svg-without-width.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<meta charset=utf-8>
+<style>
+.bgsvg {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' viewBox='0 0 16 32'%3E%3Crect x='0' y='16' width='16' height='16' fill='purple'/%3E%3C/svg%3E") no-repeat;
+  background-size: contain;
+  width: 100px;
+  height: auto;
+  margin: auto;
+  position: relative;
+}
+.bgsvg::after {
+  content: ' ';
+  display: block;
+  padding-bottom: 200%;
+}
+</style>
+<div class="bgsvg"></div>
diff --git a/layout/reftests/svg/baseline-middle-01.svg b/layout/reftests/svg/baseline-middle-01.svg
new file mode 100644
index 0000000000..7120c4fa89
--- /dev/null
+++ b/layout/reftests/svg/baseline-middle-01.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -10 20 20" preserveAspectRatio="none"
+     font-family="sans-serif">
+  <rect y="-10" width="20" height="20" fill="lime"/>
+  <text dominant-baseline="middle" fill="red">x</text>
+  <text y="0.5ex" fill="lime" stroke-width="1" stroke="lime">x</text>
+</svg>
diff --git a/layout/reftests/svg/big-image.jpeg b/layout/reftests/svg/big-image.jpeg
new file mode 100644
index 0000000000..6a891dcb41
Binary files /dev/null and b/layout/reftests/svg/big-image.jpeg differ
diff --git a/layout/reftests/svg/blend-color-burn-ref.svg b/layout/reftests/svg/blend-color-burn-ref.svg
new file mode 100644
index 0000000000..48191f349e
--- /dev/null
+++ b/layout/reftests/svg/blend-color-burn-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-color-burn.svg b/layout/reftests/svg/blend-color-burn.svg
new file mode 100644
index 0000000000..fef6365b99
--- /dev/null
+++ b/layout/reftests/svg/blend-color-burn.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: color-burn;"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-color-dodge-ref.svg b/layout/reftests/svg/blend-color-dodge-ref.svg
new file mode 100644
index 0000000000..724a4e184b
--- /dev/null
+++ b/layout/reftests/svg/blend-color-dodge-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(253,253,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-color-dodge.svg b/layout/reftests/svg/blend-color-dodge.svg
new file mode 100644
index 0000000000..e2bc7471f8
--- /dev/null
+++ b/layout/reftests/svg/blend-color-dodge.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: color-dodge"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-color-ref.svg b/layout/reftests/svg/blend-color-ref.svg
new file mode 100644
index 0000000000..2936015617
--- /dev/null
+++ b/layout/reftests/svg/blend-color-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,105,105,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(93,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,52,52,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,131,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,48,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,192,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(55,55,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(137,137,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(95,95,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(86,86,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(164,164,37,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(31,31,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-color.svg b/layout/reftests/svg/blend-color.svg
new file mode 100644
index 0000000000..e9efe3d3b9
--- /dev/null
+++ b/layout/reftests/svg/blend-color.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: color"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-darken-ref.svg b/layout/reftests/svg/blend-darken-ref.svg
new file mode 100644
index 0000000000..d4d16a54be
--- /dev/null
+++ b/layout/reftests/svg/blend-darken-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg> 
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-darken.svg b/layout/reftests/svg/blend-darken.svg
new file mode 100644
index 0000000000..472366aede
--- /dev/null
+++ b/layout/reftests/svg/blend-darken.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: darken"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-difference-ref.svg b/layout/reftests/svg/blend-difference-ref.svg
new file mode 100644
index 0000000000..c04c51e0ab
--- /dev/null
+++ b/layout/reftests/svg/blend-difference-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-difference-stacking-ref.html b/layout/reftests/svg/blend-difference-stacking-ref.html
new file mode 100644
index 0000000000..5e8b326f75
--- /dev/null
+++ b/layout/reftests/svg/blend-difference-stacking-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#b {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#c {
+  z-index: 1;
+  position: absolute;
+  top:100px;
+}
+</style>
+<div id="b">
+<svg width="100" height="100" viewBox="0 0 100 100" >
+  <rect  style="fill:#000000;" width="100" height="100"/>
+</svg>
+<div id="c">
+<svg width="100" height="100" viewBox="0 0 100 100" >
+  <rect  style="fill:#00FF00;" width="100" height="100"/>
+</svg>
+</div>
+</div>
+</html>
diff --git a/layout/reftests/svg/blend-difference-stacking.html b/layout/reftests/svg/blend-difference-stacking.html
new file mode 100644
index 0000000000..cca18f8ce8
--- /dev/null
+++ b/layout/reftests/svg/blend-difference-stacking.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<style>
+#b {
+  width: 200px;
+  height: 200px;
+  background-color: rgb(0,255,0);
+}
+#c {
+  z-index: 1;
+  position: absolute;
+  top:100px;
+}
+</style>
+<div id="b">
+<svg width="100" height="100" viewBox="0 0 100 100" >
+  <rect style="fill:#00FF00;mix-blend-mode:difference;" width="100" height="100"/>
+</svg>
+<div id="c">
+<svg width="100" height="100" viewBox="0 0 100 100" >
+  <rect style="fill:#00FF00;mix-blend-mode:difference;" width="100" height="100"/>
+</svg>
+</div>
+</div>
+</html>
diff --git a/layout/reftests/svg/blend-difference.svg b/layout/reftests/svg/blend-difference.svg
new file mode 100644
index 0000000000..9343ab6e1f
--- /dev/null
+++ b/layout/reftests/svg/blend-difference.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: difference"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-exclusion-ref.svg b/layout/reftests/svg/blend-exclusion-ref.svg
new file mode 100644
index 0000000000..b4edd89076
--- /dev/null
+++ b/layout/reftests/svg/blend-exclusion-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(128,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,128,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-exclusion.svg b/layout/reftests/svg/blend-exclusion.svg
new file mode 100644
index 0000000000..0c3dbe6b49
--- /dev/null
+++ b/layout/reftests/svg/blend-exclusion.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: exclusion"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-hard-light-ref.svg b/layout/reftests/svg/blend-hard-light-ref.svg
new file mode 100644
index 0000000000..21afb50c38
--- /dev/null
+++ b/layout/reftests/svg/blend-hard-light-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(254,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,254,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-hard-light.svg b/layout/reftests/svg/blend-hard-light.svg
new file mode 100644
index 0000000000..2cb11ef64b
--- /dev/null
+++ b/layout/reftests/svg/blend-hard-light.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: hard-light"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-hue-ref.svg b/layout/reftests/svg/blend-hue-ref.svg
new file mode 100644
index 0000000000..907064b543
--- /dev/null
+++ b/layout/reftests/svg/blend-hue-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,105,105,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(93,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(202,75,75,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,131,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,48,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(38,165,38,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(55,55,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(137,137,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(99,99,226,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(87,87,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(169,169,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(31,31,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-hue.svg b/layout/reftests/svg/blend-hue.svg
new file mode 100644
index 0000000000..79dd51e735
--- /dev/null
+++ b/layout/reftests/svg/blend-hue.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: hue"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-layer-blend-ref.svg b/layout/reftests/svg/blend-layer-blend-ref.svg
new file mode 100644
index 0000000000..19ec46bc61
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-blend-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+  <rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-layer-blend.svg b/layout/reftests/svg/blend-layer-blend.svg
new file mode 100644
index 0000000000..cf86914842
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-blend.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+  <rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+  <g style="mix-blend-mode: multiply">
+    <rect x="40" y="40" width="80" height="80" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-layer-filter-ref.svg b/layout/reftests/svg/blend-layer-filter-ref.svg
new file mode 100644
index 0000000000..76e1798549
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-filter-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+  <rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+</svg>
diff --git a/layout/reftests/svg/blend-layer-filter.svg b/layout/reftests/svg/blend-layer-filter.svg
new file mode 100644
index 0000000000..b74b0f1c9d
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-filter.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <filter id="f1" x="0" y="0">
+    <feGaussianBlur in="SourceGraphic" stdDeviation="15" />
+  </filter>
+</defs>
+<rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+<g filter="url(#f1)">
+  <rect x="40" y="40" width="80" height="80" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-layer-mask-ref.svg b/layout/reftests/svg/blend-layer-mask-ref.svg
new file mode 100644
index 0000000000..19ec46bc61
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-mask-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+  <rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-layer-mask.svg b/layout/reftests/svg/blend-layer-mask.svg
new file mode 100644
index 0000000000..8978b7fdc7
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-mask.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <mask id="msk">
+    <rect x="10" y="10" width="20" height="20" />
+  </mask>
+</defs>
+<rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+<g mask="url(#msk)">
+  <rect x="40" y="40" width="80" height="80" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-layer-opacity-ref.svg b/layout/reftests/svg/blend-layer-opacity-ref.svg
new file mode 100644
index 0000000000..0b5c8be597
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-opacity-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-layer-opacity.svg b/layout/reftests/svg/blend-layer-opacity.svg
new file mode 100644
index 0000000000..a472ef991c
--- /dev/null
+++ b/layout/reftests/svg/blend-layer-opacity.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+  <rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>
+  <g opacity=".5">
+    <rect x="40" y="40" width="80" height="80" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/blend-lighten-ref.svg b/layout/reftests/svg/blend-lighten-ref.svg
new file mode 100644
index 0000000000..4ec1bf08a0
--- /dev/null
+++ b/layout/reftests/svg/blend-lighten-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-lighten.svg b/layout/reftests/svg/blend-lighten.svg
new file mode 100644
index 0000000000..f288d9f32a
--- /dev/null
+++ b/layout/reftests/svg/blend-lighten.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: lighten"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-luminosity-ref.svg b/layout/reftests/svg/blend-luminosity-ref.svg
new file mode 100644
index 0000000000..8dc3c2247f
--- /dev/null
+++ b/layout/reftests/svg/blend-luminosity-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,131,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(55,55,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(86,86,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,105,105,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(137,137,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(164,164,37,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(93,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,48,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(31,31,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,52,52,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,192,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(95,95,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-luminosity.svg b/layout/reftests/svg/blend-luminosity.svg
new file mode 100644
index 0000000000..7d9f1a55c4
--- /dev/null
+++ b/layout/reftests/svg/blend-luminosity.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: luminosity"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-multiply-alpha-ref.svg b/layout/reftests/svg/blend-multiply-alpha-ref.svg
new file mode 100644
index 0000000000..468fd9d91e
--- /dev/null
+++ b/layout/reftests/svg/blend-multiply-alpha-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,127,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,63,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,127,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(64,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(63,63,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(191,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,191,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,127,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(95,95,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-multiply-alpha.svg b/layout/reftests/svg/blend-multiply-alpha.svg
new file mode 100644
index 0000000000..fd707e2236
--- /dev/null
+++ b/layout/reftests/svg/blend-multiply-alpha.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="opacity: .5; mix-blend-mode: multiply"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-multiply-ref.svg b/layout/reftests/svg/blend-multiply-ref.svg
new file mode 100644
index 0000000000..0addf25093
--- /dev/null
+++ b/layout/reftests/svg/blend-multiply-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(127,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,127,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(63,63,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-multiply.svg b/layout/reftests/svg/blend-multiply.svg
new file mode 100644
index 0000000000..2724f94ee0
--- /dev/null
+++ b/layout/reftests/svg/blend-multiply.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: multiply"></use>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-normal-ref.svg b/layout/reftests/svg/blend-normal-ref.svg
new file mode 100644
index 0000000000..8b86b74487
--- /dev/null
+++ b/layout/reftests/svg/blend-normal-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-normal.svg b/layout/reftests/svg/blend-normal.svg
new file mode 100644
index 0000000000..3878c6c4c4
--- /dev/null
+++ b/layout/reftests/svg/blend-normal.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: normal"></use>
+</svg>
diff --git a/layout/reftests/svg/blend-overlay-ref.svg b/layout/reftests/svg/blend-overlay-ref.svg
new file mode 100644
index 0000000000..320697f710
--- /dev/null
+++ b/layout/reftests/svg/blend-overlay-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(254,0,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(0,254,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(0,0,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(126,126,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-overlay.svg b/layout/reftests/svg/blend-overlay.svg
new file mode 100644
index 0000000000..114d6e3da0
--- /dev/null
+++ b/layout/reftests/svg/blend-overlay.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: overlay"></use>
+</svg>
diff --git a/layout/reftests/svg/blend-saturation-ref.svg b/layout/reftests/svg/blend-saturation-ref.svg
new file mode 100644
index 0000000000..a8fb06a5a8
--- /dev/null
+++ b/layout/reftests/svg/blend-saturation-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(166,39,39,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(76,203,76,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(14,14,141,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(127,127,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-saturation.svg b/layout/reftests/svg/blend-saturation.svg
new file mode 100644
index 0000000000..88bd526480
--- /dev/null
+++ b/layout/reftests/svg/blend-saturation.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: saturation"></use>
+</svg>
diff --git a/layout/reftests/svg/blend-screen-ref.svg b/layout/reftests/svg/blend-screen-ref.svg
new file mode 100644
index 0000000000..d99af71dc9
--- /dev/null
+++ b/layout/reftests/svg/blend-screen-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+<rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+<rect x="40" y="0" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="80" y="0" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="120" y="0" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="0" y="40" width="40" height="40" fill="rgba(255,255,0,1)"></rect>
+<rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+<rect x="80" y="40" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="120" y="40" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="0" y="80" width="40" height="40" fill="rgba(255,0,255,1)"></rect>
+<rect x="40" y="80" width="40" height="40" fill="rgba(0,255,255,1)"></rect>
+<rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+<rect x="120" y="80" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="0" y="120" width="40" height="40" fill="rgba(255,127,0,1)"></rect>
+<rect x="40" y="120" width="40" height="40" fill="rgba(127,255,0,1)"></rect>
+<rect x="80" y="120" width="40" height="40" fill="rgba(127,127,255,1)"></rect>
+<rect x="120" y="120" width="40" height="40" fill="rgba(190,190,0,1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/blend-screen.svg b/layout/reftests/svg/blend-screen.svg
new file mode 100644
index 0000000000..79ce563a5a
--- /dev/null
+++ b/layout/reftests/svg/blend-screen.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: screen"></use>
+</svg>
diff --git a/layout/reftests/svg/blend-soft-light-ref.svg b/layout/reftests/svg/blend-soft-light-ref.svg
new file mode 100644
index 0000000000..485314e389
--- /dev/null
+++ b/layout/reftests/svg/blend-soft-light-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
+    <rect x="0" y="0" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="0" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="0" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="0" width="40" height="40" fill="rgba(190,63,0,1)"></rect>
+    <rect x="0" y="40" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="40" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="40" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="40" width="40" height="40" fill="rgba(64,190,0,1)"></rect>
+    <rect x="0" y="80" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="80" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="80" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="80" width="40" height="40" fill="rgba(63,63,0,1)"></rect>
+    <rect x="0" y="120" width="40" height="40" fill="rgba(255,0,0,1)"></rect>
+    <rect x="40" y="120" width="40" height="40" fill="rgba(0,255,0,1)"></rect>
+    <rect x="80" y="120" width="40" height="40" fill="rgba(0,0,255,1)"></rect>
+    <rect x="120" y="120" width="40" height="40" fill="rgba(126,126,0,1)"></rect>
+</svg>
diff --git a/layout/reftests/svg/blend-soft-light.svg b/layout/reftests/svg/blend-soft-light.svg
new file mode 100644
index 0000000000..a0f42a4f4f
--- /dev/null
+++ b/layout/reftests/svg/blend-soft-light.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
+<defs>
+  <g id="patch">
+    <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
+    <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
+    <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
+    <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
+  </g>
+</defs>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
+<use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: soft-light"></use>
+</svg>
diff --git a/layout/reftests/svg/blur-inside-clipPath-ref.svg b/layout/reftests/svg/blur-inside-clipPath-ref.svg
new file mode 100644
index 0000000000..0b679f7409
--- /dev/null
+++ b/layout/reftests/svg/blur-inside-clipPath-ref.svg
@@ -0,0 +1,12 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="786" viewBox="0,0,512,512">
+	<defs>
+		<filter id="filter-wVmTgUOU" filterUnits="objectBoundingBox" x="-30%" y="-30%" width="160%" height="170%" color-interpolation-filters="sRGB">
+			<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" in="SourceGraphic"/>
+			<feOffset dy="28"/>
+			<feGaussianBlur stdDeviation="18.67" result="blur1"/>
+		</filter>
+	</defs>
+  <g filter="url(#filter-wVmTgUOU)">
+    <rect x="58.88" y="58.88" width="394.24" height="394.24" color="#07773e" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/blur-inside-clipPath.svg b/layout/reftests/svg/blur-inside-clipPath.svg
new file mode 100644
index 0000000000..0b31241c48
--- /dev/null
+++ b/layout/reftests/svg/blur-inside-clipPath.svg
@@ -0,0 +1,17 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="786" viewBox="0,0,512,512">
+	<defs>
+		<clipPath id="clip-vXP8Ybe5">
+			<path d="M0,512v-512h512v512z"/>
+		</clipPath>		
+		<filter id="filter-wVmTgUOU" filterUnits="objectBoundingBox" x="-30%" y="-30%" width="160%" height="170%" color-interpolation-filters="sRGB">
+			<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" in="SourceGraphic"/>
+			<feOffset dy="28"/>
+			<feGaussianBlur stdDeviation="18.67" result="blur1"/>
+		</filter>
+	</defs>
+  <g clip-path="url(#clip-vXP8Ybe5)">
+    <g filter="url(#filter-wVmTgUOU)">
+      <rect x="58.88" y="58.88" width="394.24" height="394.24" color="#07773e" fill="red"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/border-radius-01.html b/layout/reftests/svg/border-radius-01.html
new file mode 100644
index 0000000000..2ea2a0d200
--- /dev/null
+++ b/layout/reftests/svg/border-radius-01.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+</head>
+<body style="background-color: lime;">
+    <svg width="300" height="300" 
+         style="border-radius: 200px; overflow: hidden; background-color: red; position: absolute;">
+      <rect width="300" height="300" fill="red"/>
+    </svg>
+    <svg width="300" height="300" style="position: absolute;">
+        <circle cx="150" cy="150" r="155" fill="lime"/>
+    </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/bug-1562091-icon.svg b/layout/reftests/svg/bug-1562091-icon.svg
new file mode 100644
index 0000000000..c7839998c0
--- /dev/null
+++ b/layout/reftests/svg/bug-1562091-icon.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   x="0"
+   y="0"
+   width="24px"
+   height="7992px"
+   viewBox="0 0 24 7992"
+   preserveAspectRatio="none">
+  <path
+     style="opacity:1;fill:#338000;fill-opacity:1;stroke:#333333;stroke-width:0.00377953;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+     d="m 12.254729,7226.1639 a 10.219037,9.9150381 0 0 0 -10.2187504,9.914 10.219037,9.9150381 0 0 0 10.2187504,9.916 10.219037,9.9150381 0 0 0 10.21875,-9.916 10.219037,9.9150381 0 0 0 -10.21875,-9.914 z m -4.8632817,5.4238 a 1.8472255,1.8472254 0 0 1 1.8476563,1.8476 1.8472255,1.8472254 0 0 1 -1.8476563,1.8477 1.8472255,1.8472254 0 0 1 -1.8476563,-1.8477 1.8472255,1.8472254 0 0 1 1.8476563,-1.8476 z m 7.9511717,0.1894 a 2.8750086,2.8750083 0 0 1 2.875,2.875 2.8750086,2.8750083 0 0 1 -2.875,2.875 2.8750086,2.8750083 0 0 1 -2.875,-2.875 2.8750086,2.8750083 0 0 1 2.875,-2.875 z m -9.4726561,5.9942 c 2.3418683,-0.014 5.6283111,3.4184 11.8808601,3.3125 l 0.560546,0.8418 c -2.199521,1.9496 -11.6343041,3.7181 -13.9374997,-3.5078 0.4646917,-0.456 0.9556625,-0.6433 1.4960936,-0.6465 z"/>
+</svg>
diff --git a/layout/reftests/svg/bug-1562091-ref.html b/layout/reftests/svg/bug-1562091-ref.html
new file mode 100644
index 0000000000..78c5f8622f
--- /dev/null
+++ b/layout/reftests/svg/bug-1562091-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+</head>
+
+<body>
+    There should be a visible icon after this text:
+    <!-- No icon in the reference, we test that the original is different from the reference-->
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/bug-1562091.html b/layout/reftests/svg/bug-1562091.html
new file mode 100644
index 0000000000..ee192a88dd
--- /dev/null
+++ b/layout/reftests/svg/bug-1562091.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <style>
+        .IconElement { direction: ltr; text-align: left; height: 24px; overflow: hidden; width: 24px; display: inline-block; position: relative; }
+        .IconImage::before { content: url("./bug-1562091-icon.svg"); }
+        .IconImage { position: absolute; left: 0px; top: -7224px; }
+    </style>
+</head>
+
+<body>
+    There should be a visible icon after this text:
+    <div class="IconElement"> <div class="IconImage">&nbsp;</div> </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clip-01.svg b/layout/reftests/svg/clip-01.svg
new file mode 100644
index 0000000000..e15923b4e6
--- /dev/null
+++ b/layout/reftests/svg/clip-01.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for clip property</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=481614 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+  
+  <rect x="10" y="10" width="100" height="100" fill="red"/>
+
+  <svg clip="rect(10, 110, 110, 10)">
+    <rect width="100%" height="100%" fill="red" />
+    <rect x="10" y="10" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(0, 0, 0, 0)">
+    <rect width="100%" height="100%" fill="red" />
+  </svg>
+
+</svg>
diff --git a/layout/reftests/svg/clip-02-ref.svg b/layout/reftests/svg/clip-02-ref.svg
new file mode 100644
index 0000000000..8148dda729
--- /dev/null
+++ b/layout/reftests/svg/clip-02-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Reference for clip property</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=481614 -->
+
+  <rect x="10" y="10" width="100" height="100" fill="lime"/>
+
+  <rect x="10" y="210" width="100" height="100" fill="lime"/>
+
+  <rect x="210" y="210" width="100" height="100" fill="lime"/>
+
+  <rect x="10" y="410" width="100" height="100" fill="lime"/>
+
+  <rect x="210" y="410" width="100" height="100" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/clip-02a.svg b/layout/reftests/svg/clip-02a.svg
new file mode 100644
index 0000000000..233712bdd9
--- /dev/null
+++ b/layout/reftests/svg/clip-02a.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for clip property</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=481614 -->
+
+  <svg clip="auto">
+    <rect x="10" y="10" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(auto, 110, 310, 10)">
+    <rect y="210" width="120" height="110" fill="red" />
+    <rect x="10" y="210" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(210, auto, 310, 210)">
+    <rect x="200" y="200" width="110" height="120" fill="red" />
+    <rect x="210" y="210" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(410, 110, auto, 10)">
+    <rect y="400" width="120" height="110" fill="red" />
+    <rect x="10" y="410" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(410, 310, 510, auto)">
+    <rect x="210" y="400" width="110" height="120" fill="red" />
+    <rect x="210" y="410" width="100" height="100" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/clip-02b.svg b/layout/reftests/svg/clip-02b.svg
new file mode 100644
index 0000000000..dd77c9aed3
--- /dev/null
+++ b/layout/reftests/svg/clip-02b.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" direction="rtl">
+    
+  <title>Testcase for clip property</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=481614 -->
+
+  <svg clip="auto">
+    <rect x="10" y="10" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(auto, 110, 310, 10)">
+    <rect y="210" width="120" height="110" fill="red" />
+    <rect x="10" y="210" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(210, auto, 310, 210)">
+    <rect x="200" y="200" width="110" height="120" fill="red" />
+    <rect x="210" y="210" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(410, 110, auto, 10)">
+    <rect y="400" width="120" height="110" fill="red" />
+    <rect x="10" y="410" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <svg clip="rect(410, 310, 510, auto)">
+    <rect x="210" y="400" width="110" height="120" fill="red" />
+    <rect x="210" y="410" width="100" height="100" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/clip-surface-clone-01-ref.svg b/layout/reftests/svg/clip-surface-clone-01-ref.svg
new file mode 100644
index 0000000000..71790e6ba0
--- /dev/null
+++ b/layout/reftests/svg/clip-surface-clone-01-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+M/AAAADAQEAGN2NsAAAAABJRU5ErkJggg"
+  x="200" y="200" opacity="0.5" width="100" height="100"/>
+</svg>
diff --git a/layout/reftests/svg/clip-surface-clone-01.svg b/layout/reftests/svg/clip-surface-clone-01.svg
new file mode 100644
index 0000000000..7854b756b2
--- /dev/null
+++ b/layout/reftests/svg/clip-surface-clone-01.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <svg x="200" y="200" width="200.5" height="200.5">
+    <g opacity="0.5">
+      <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+M/AAAADAQEAGN2NsAAAAABJRU5ErkJggg"
+       width="100" height="100"/>
+    </g>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/clip-use-element-01.svg b/layout/reftests/svg/clip-use-element-01.svg
new file mode 100644
index 0000000000..a01f4b9afe
--- /dev/null
+++ b/layout/reftests/svg/clip-use-element-01.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <clipPath id="myClipPath">
+      <rect x="100" y="100" width="100" height="100"/>
+    </clipPath>
+    <rect x="0" y="0" width="100" height="100" fill="red" id="abc"/>
+  </defs>
+  <rect x="0" y="0" width="100%" height="100%" fill="lime"/>
+  <use  xlink:href="#abc"
+        x="100" y="100" clip-path="url(#myClipPath)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/clip-use-element-02.svg b/layout/reftests/svg/clip-use-element-02.svg
new file mode 100644
index 0000000000..493edf24b5
--- /dev/null
+++ b/layout/reftests/svg/clip-use-element-02.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <rect x="100" y="100" width="100" height="100" fill="red" id="def"/>
+    <clipPath id="myClipPath">
+      <use  xlink:href="#def"/>
+    </clipPath>
+    <rect x="0" y="0" width="100" height="100" fill="red" id="abc"/>
+  </defs>
+  <rect x="0" y="0" width="100%" height="100%" fill="lime"/>
+  <use  xlink:href="#abc"
+        x="100" y="100" clip-path="url(#myClipPath)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-advanced-01.svg b/layout/reftests/svg/clipPath-advanced-01.svg
new file mode 100644
index 0000000000..7690f8bb11
--- /dev/null
+++ b/layout/reftests/svg/clipPath-advanced-01.svg
@@ -0,0 +1,84 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+
+  <title>Testcase for clipPath referencing other clipPaths</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=534612 -->
+
+  <defs>
+    <clipPath id="clip1">
+      <rect id="r1" x="20" y="-40" width="100" height="40" />
+    </clipPath>
+    <clipPath id="clip2">
+      <rect x="20" y="20" width="100" height="100" clip-path="url(#clip1)" />
+    </clipPath>
+    <clipPath id="clip3">
+      <rect x="140" y="-40" width="100" height="40" />
+    </clipPath>
+    <clipPath id="clip4" clip-path="url(#clip3)">
+      <rect x="140" y="20" width="100" height="100" />
+    </clipPath>
+    <clipPath id="clip1">
+      <rect x="20" y="-40" width="100" height="40" />
+    </clipPath>
+    <clipPath id="clip5">
+      <rect id="r5" x="20" y="140" width="100" height="100" />
+    </clipPath>
+    <clipPath id="clip6">
+      <use xlink:href="#r5" clip-path="url(#clip5)" />
+    </clipPath>
+    <clipPath id="clip7">
+      <rect id="r7" x="140" y="140" width="100" height="100" />
+    </clipPath>
+    <clipPath id="clip8">
+      <use xlink:href="#r7" fill="red" clip-path="url(#clip1)"/>
+    </clipPath>
+    <clipPath id="clip9">
+      <rect x="20" y="260" width="100" height="100" />
+    </clipPath>
+    <clipPath id="clip10">
+      <use xlink:href="#r1" fill="red" clip-path="url(#clip9)"/>
+    </clipPath>
+    <clipPath id="clip11">
+      <rect id="r11" x="140" y="260" width="100" height="100" clip-path="url(#clip1)"/>
+    </clipPath>
+    <clipPath id="clip12">
+      <use xlink:href="#r11" fill="red" clip-path="url(#clip11)"/>
+    </clipPath>
+    <clipPath id="clip12" clipPathUnits="objectBoundingBox">
+      <rect width=".5" height=".5"/>
+    </clipPath>
+    <clipPath id="clip13" clip-path="url(#clip12)">
+      <circle cx="100" cy="470" r="150"/>
+    </clipPath>
+    <clipPath id="clip14">
+      <use xlink:href="#clip1"/>
+    </clipPath>
+    <clipPath id="clip15" clip-path="url(#clip14)">
+      <text x="140" y="500" font-size="100px">CLIP</text>
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime" />
+  <!-- clip path where an object is itself clipped -->
+  <rect x="20" y="20" width="100" height="100" fill="red" clip-path="url(#clip2)" />
+  
+  <!-- clip path referencing another clip-path -->
+  <rect x="140" y="20" width="100" height="100" fill="red" clip-path="url(#clip4)" />
+
+  <!-- clip paths where object has complex clipping -->
+  <rect x="20" y="140" width="100" height="100" fill="red" />
+  <rect x="20" y="140" width="100" height="100" fill="lime" clip-path="url(#clip6)" />
+
+  <rect x="140" y="140" width="100" height="100" fill="red" clip-path="url(#clip8)" />
+
+  <rect x="20" y="260" width="100" height="100" fill="red" clip-path="url(#clip10)" />
+
+  <rect x="140" y="260" width="100" height="100" fill="red" clip-path="url(#clip12)" />
+
+  <!-- clip paths with different clipPathUnits -->
+  <rect x="20" y="400" height="300" width="300" fill="red" clip-path="url(#clip13)" />
+  <rect x="20" y="400" width="100" height="100" fill="lime" />
+
+  <!-- text clipping -->
+  <rect x="140" y="400" height="300" width="300" fill="red" clip-path="url(#clip15)" />
+</svg>
diff --git a/layout/reftests/svg/clipPath-and-mask-on-outflowElement-01a.html b/layout/reftests/svg/clipPath-and-mask-on-outflowElement-01a.html
new file mode 100644
index 0000000000..a2cf78f305
--- /dev/null
+++ b/layout/reftests/svg/clipPath-and-mask-on-outflowElement-01a.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    mask: url(#myMask);
+    clip-path: url(#myClip);
+    width: 300px;
+    height: 300px;
+  }
+
+  #absolutePosition {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: blue;
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the mask, not by the 100x100
+           overflow:hidden clip. -->
+      </div>
+    </div>
+  </div>
+  <svg height="0">
+    <defs>
+      <mask id="myMask" x="0" y="0" width="400" height="400" maskUnits="userSpaceOnUse">
+        <rect x="0" y="0" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+        <rect x="100" y="100" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+        <rect x="200" y="200" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+      </mask>
+      <clipPath id="myClip">
+        <rect x="0" y="0" width="100" height="100"/>
+        <rect x="100" y="100" width="100" height="100"/>
+        <rect x="200" y="200" width="100" height="100"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-and-mask-on-outflowElement-01b.html b/layout/reftests/svg/clipPath-and-mask-on-outflowElement-01b.html
new file mode 100644
index 0000000000..c3a71e7f7c
--- /dev/null
+++ b/layout/reftests/svg/clipPath-and-mask-on-outflowElement-01b.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    mask: url(#myMask);
+    clip-path: url(#myClip);
+  }
+
+  #absolutePosition {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: blue;
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the mask, not by the 100x100
+           overflow:hidden clip. -->
+      </div>
+    </div>
+  </div>
+  <svg height="0">
+    <defs>
+      <mask id="myMask" x="0" y="0" width="400" height="400" maskUnits="userSpaceOnUse">
+        <rect x="0" y="0" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+        <rect x="100" y="100" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+        <rect x="200" y="200" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+      </mask>
+      <clipPath id="myClip">
+        <rect x="0" y="0" width="100" height="100"/>
+        <rect x="100" y="100" width="100" height="100"/>
+        <rect x="200" y="200" width="100" height="100"/>
+        <!-- The forth rect should be clipped out -->
+        <rect x="300" y="300" width="100" height="100"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-and-shape-rendering-01-ref.svg b/layout/reftests/svg/clipPath-and-shape-rendering-01-ref.svg
new file mode 100644
index 0000000000..93e57bb385
--- /dev/null
+++ b/layout/reftests/svg/clipPath-and-shape-rendering-01-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=489718 -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test that shape-rendering hint affects clipping</title>
+  <desc>
+    By not setting explict shape-rendering attribute, this test tells browsers to 
+    apply anti-aliasing to all shape's rendering. And this test checks the hint 
+    correctly affects clip-path, too.
+  </desc>
+  <defs>
+    <g id="circles">
+      <circle cx="50" cy="50" r="50" fill="lime"/>
+      <circle cx="150" cy="50" r="50" fill="lime"/>
+    </g>
+  </defs>
+
+  <use xlink:href="#circles"/>
+</svg>
+
diff --git a/layout/reftests/svg/clipPath-and-shape-rendering-01.svg b/layout/reftests/svg/clipPath-and-shape-rendering-01.svg
new file mode 100644
index 0000000000..61ef52cce3
--- /dev/null
+++ b/layout/reftests/svg/clipPath-and-shape-rendering-01.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=489718 -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test that shape-rendering hint affects clipping</title>
+  <desc>
+    By not setting explict shape-rendering attribute, this test tells browsers to 
+    apply anti-aliasing to all shape's rendering. And this test checks the hint 
+    correctly affects clip-path, too.
+  </desc>
+  <defs>
+    <circle id="circle1" cx="50" cy="50" r="50" fill="lime"/>
+    <circle id="circle2" cx="150" cy="50" r="50" fill="lime"/>
+    <clipPath id="clip">
+      <use xlink:href="#circle1"/>
+      <use xlink:href="#circle2"/>
+    </clipPath>
+  </defs>
+
+  <rect width="200" height="100" fill="lime" clip-path="url(#clip)"/>
+</svg>
+
diff --git a/layout/reftests/svg/clipPath-and-transform-01.svg b/layout/reftests/svg/clipPath-and-transform-01.svg
new file mode 100644
index 0000000000..6d128a01f5
--- /dev/null
+++ b/layout/reftests/svg/clipPath-and-transform-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for clip-path on elements that are transformed</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=806432 -->
+
+  <clipPath id="cp" clipPathUnits="userSpaceOnUse">
+    <!-- Two duplicate rects are used to make us take the non-trivial-clipPath
+         code path when painting this SVG file.
+    -->
+    <rect x="0" y="0" width="100" height="100"/>
+    <rect x="0" y="0" width="100" height="100"/>
+  </clipPath>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="10" y="10" width="100" height="100" fill="red"/>
+  <rect width="100" height="100" transform="translate(10,10)" fill="lime" clip-path="url(#cp)"/>
+
+</svg>
diff --git a/layout/reftests/svg/clipPath-and-transform-02.svg b/layout/reftests/svg/clipPath-and-transform-02.svg
new file mode 100644
index 0000000000..c69a013b25
--- /dev/null
+++ b/layout/reftests/svg/clipPath-and-transform-02.svg
@@ -0,0 +1,13 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath clipPathUnits="objectBoundingBox" id="clipPathMask" transform="scale(0.01 0.005)">
+      <rect width="100" height="100"/>
+      <rect id="r" width="100" height="100" display="none"/>
+    </clipPath>
+  </defs>
+  <rect fill="lime" height="100%" width="100%"/>
+
+  <rect fill="red" x="102" y="102" height="96" width="96"/>
+  <rect transform="translate(100, 100)" clip-path="url(#clipPathMask)" fill="lime" y="-100" height="200" width="100"/>
+</svg>
+
diff --git a/layout/reftests/svg/clipPath-basic-01.svg b/layout/reftests/svg/clipPath-basic-01.svg
new file mode 100644
index 0000000000..5821d1520f
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-01.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for basic clipPath</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=377892 -->
+
+  <defs>
+    <clipPath id="clip">
+      <rect width="0%" height="0%"/>
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect width="100%" height="100%" fill="red" clip-path="url(#clip)"/>
+
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-02.svg b/layout/reftests/svg/clipPath-basic-02.svg
new file mode 100644
index 0000000000..401251b410
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-02.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for invalid clipPath</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=547062 -->
+
+  <defs>
+    <clipPath id="clip">
+      <!-- containers are not allowed in clipPath -->
+      <g>
+        <rect width="100%" height="100%" fill="red"/>
+      </g>
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect width="100%" height="100%" fill="red" clip-path="url(#clip)"/>
+
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-03.svg b/layout/reftests/svg/clipPath-basic-03.svg
new file mode 100644
index 0000000000..ab5c9a265e
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-03.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+
+  <title>Testcase for invalid clipPath</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=547062 -->
+
+  <defs>
+    <rect id="r1" width="100%" height="100%" fill="red"/>
+    <use id="use2" xlink:href="#r1"/>
+    <clipPath id="clip">
+      <!-- use must point directly to text, path or a basic shape -->
+      <use xlink:href="#use2" fill="red" />
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect width="100%" height="100%" fill="red" clip-path="url(#clip)"/>
+
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-04.svg b/layout/reftests/svg/clipPath-basic-04.svg
new file mode 100644
index 0000000000..5353a1081e
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-04.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for clipPath with animateTransform</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=553053 -->
+
+  <defs>
+    <clipPath id="clip">
+      <rect width="100%" height="100%" fill="lime"/>
+      <animateTransform attributeName="transform" type="scale" values="1"/>
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <rect width="100%" height="100%" fill="lime" clip-path="url(#clip)"/>
+
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-05.svg b/layout/reftests/svg/clipPath-basic-05.svg
new file mode 100644
index 0000000000..eb80296440
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-05.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+  <title>Testcase for clip-path that can't be resolved</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=620144 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="lime" clip-path="url(#null)"/>
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-06.svg b/layout/reftests/svg/clipPath-basic-06.svg
new file mode 100644
index 0000000000..46e268e7da
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-06.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase for non-rectilinear clipPath</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=797231 -->
+
+  <clipPath id="cp">
+    <ellipse cx="60" cy="60" rx="60" ry="60"/>
+  </clipPath>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle cx="60" cy="60" r="58" fill="red"/>
+  <rect width="200" height="200" fill="lime" clip-path="url(#cp)"/>
+
+</svg>
+
diff --git a/layout/reftests/svg/clipPath-basic-07.svg b/layout/reftests/svg/clipPath-basic-07.svg
new file mode 100644
index 0000000000..a4d3e4177c
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-07.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip">
+      <metadata/>
+      <rect width="100%" height="100%"/>
+    </clipPath>
+  </defs>
+  <rect fill="red" width="100%" height="100%" />
+  <rect fill="lime" clip-path="url(#clip)" width="100%" height="100%" />
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-08.svg b/layout/reftests/svg/clipPath-basic-08.svg
new file mode 100644
index 0000000000..6b455d68eb
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-08.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for basic clipPath</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1501057 -->
+
+  <defs>
+    <clipPath id="clip1">
+      <rect width="100%" height="100%" visibility="hidden"/>
+    </clipPath>
+    <clipPath id="clip2">
+      <rect width="100%" height="100%" visibility="hidden"/>
+      <rect width="100%" height="100%" visibility="hidden"/>
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect width="100%" height="50%" fill="red" clip-path="url(#clip1)"/>
+  <rect width="100%" y="50%" height="50%" fill="red" clip-path="url(#clip2)"/>
+
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-shape-transform-ref.html b/layout/reftests/svg/clipPath-basic-shape-transform-ref.html
new file mode 100644
index 0000000000..23ab7faba0
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-shape-transform-ref.html
@@ -0,0 +1,6 @@
+<svg style="width: 400px; height: 400px">
+  <mask id="m1">
+    <rect x="100" y="90" width="200" height="200" fill="blue" style="clip-path: inset(50px 50px)"></rect>
+  </mask>
+  <rect width="400" height="400" mask="url(#m1)"></rect>
+</svg>
diff --git a/layout/reftests/svg/clipPath-basic-shape-transform.html b/layout/reftests/svg/clipPath-basic-shape-transform.html
new file mode 100644
index 0000000000..1ee187fef1
--- /dev/null
+++ b/layout/reftests/svg/clipPath-basic-shape-transform.html
@@ -0,0 +1,8 @@
+<svg style="width: 400px; height: 400px">
+  <mask id="m1">
+    <g transform="translate(100,90)">
+      <rect width="200" height="200" fill="blue" style="clip-path: inset(50px 50px)"></rect>
+    </g>
+  </mask>
+  <rect width="400" height="400" mask="url(#m1)"></rect>
+</svg>
diff --git a/layout/reftests/svg/clipPath-css-transform-ref.html b/layout/reftests/svg/clipPath-css-transform-ref.html
new file mode 100644
index 0000000000..d4038e92ca
--- /dev/null
+++ b/layout/reftests/svg/clipPath-css-transform-ref.html
@@ -0,0 +1,18 @@
+<svg style="width: 400px; height: 400px; border: 1px solid red">
+  <defs>
+    <clipPath id="clipPath1">
+      <rect id="rec1" x="15px" y="15px" width="40px" height="40px" />
+      <rect id="rec2" width="20px" height="10px" />
+    </clipPath>
+    <clipPath id="clipPath2">
+      <rect id="rec3" x="100px" y="100px" width="40px" height="40px" />
+    </clipPath>
+    <clipPath id="clipPath3" transform="translate(100,100)">
+      <rect id="rec4" x="200px" y="200px" width="40px" height="40px" />
+    </clipPath>
+  </defs>
+
+  <circle cx="25px" cy="25px" r="20px" fill="skyblue" clip-path="url(#clipPath1)" />
+  <circle cx="125px" cy="125px" r="20px" fill="skyblue" clip-path="url(#clipPath2)" />
+  <circle cx="225px" cy="225px" r="20px" fill="skyblue" clip-path="url(#clipPath3)" />
+</svg>
diff --git a/layout/reftests/svg/clipPath-css-transform.html b/layout/reftests/svg/clipPath-css-transform.html
new file mode 100644
index 0000000000..19c5cd1711
--- /dev/null
+++ b/layout/reftests/svg/clipPath-css-transform.html
@@ -0,0 +1,29 @@
+<style>
+#rec1 {
+  transform: translate(15px,15px) scale(2,4);
+}
+#rec3 {
+  transform: translate(100px,100px) scale(2,4);
+}
+#clipPath3 {
+  transform: translate(100px,100px);
+}
+</style>
+<svg style="width: 400px; height: 400px; border: 1px solid red">
+  <defs>
+    <clipPath id="clipPath1">
+      <rect id="rec1" width="20px" height="10px" />
+      <rect id="rec2" width="20px" height="10px" />
+    </clipPath>
+    <clipPath id="clipPath2">
+      <rect id="rec3" width="20px" height="10px" />
+    </clipPath>
+    <clipPath id="clipPath3">
+      <rect id="rec4" x="200px" y="200px" width="40px" height="40px" />
+    </clipPath>
+  </defs>
+
+  <circle cx="25px" cy="25px" r="20px" fill="skyblue" clip-path="url(#clipPath1)" />
+  <circle cx="125px" cy="125px" r="20px" fill="skyblue" clip-path="url(#clipPath2)" />
+  <circle cx="225px" cy="225px" r="20px" fill="skyblue" clip-path="url(#clipPath3)" />
+</svg>
diff --git a/layout/reftests/svg/clipPath-fill-box-ref.html b/layout/reftests/svg/clipPath-fill-box-ref.html
new file mode 100644
index 0000000000..0e6e5ee23f
--- /dev/null
+++ b/layout/reftests/svg/clipPath-fill-box-ref.html
@@ -0,0 +1,3 @@
+<svg style="width: 400px; height: 400px">
+  <rect width="200" height="200" fill="purple"></rect>
+</svg>
diff --git a/layout/reftests/svg/clipPath-fill-box.html b/layout/reftests/svg/clipPath-fill-box.html
new file mode 100644
index 0000000000..1e4fdfa4a4
--- /dev/null
+++ b/layout/reftests/svg/clipPath-fill-box.html
@@ -0,0 +1,3 @@
+<svg style="width: 400px; height: 400px">
+  <rect width="200" height="200" fill="purple" style="clip-path: fill-box"></rect>
+</svg>
diff --git a/layout/reftests/svg/clipPath-on-outflowElement-01-ref.html b/layout/reftests/svg/clipPath-on-outflowElement-01-ref.html
new file mode 100644
index 0000000000..8a94dc64c3
--- /dev/null
+++ b/layout/reftests/svg/clipPath-on-outflowElement-01-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body style="margin: 0px;">
+  <svg x="0" y="0" height="300" width="300">
+    <rect x="0" y="0" width="100" height="100" style="stroke:none; fill: blue"/>
+    <rect x="100" y="100" width="100" height="100" style="stroke:none; fill: blue"/>
+    <rect x="200" y="200" width="100" height="100" style="stroke:none; fill: blue"/>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-on-outflowElement-01a.html b/layout/reftests/svg/clipPath-on-outflowElement-01a.html
new file mode 100644
index 0000000000..bd69f85045
--- /dev/null
+++ b/layout/reftests/svg/clipPath-on-outflowElement-01a.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    clip-path: url(#myClip);
+    width: 200px;
+    height: 200px;
+  }
+
+  #absolutePosition {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: blue;
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the clip-path, not by the 100x100
+           overflow:hidden clip. -->
+      </div>
+    </div>
+  </div>
+  <svg height="0">
+    <defs>
+      <clipPath id="myClip">
+        <rect x="0" y="0" width="100" height="100"/>
+        <rect x="100" y="100" width="100" height="100"/>
+        <rect x="200" y="200" width="100" height="100"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-on-outflowElement-01b.html b/layout/reftests/svg/clipPath-on-outflowElement-01b.html
new file mode 100644
index 0000000000..16a78d61ba
--- /dev/null
+++ b/layout/reftests/svg/clipPath-on-outflowElement-01b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    clip-path: url(#myClip);
+  }
+
+  #absolutePosition {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: blue;
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the clip-path, not by the 100x100
+           overflow:hidden clip. -->
+      </div>
+    </div>
+  </div>
+  <svg height="0">
+    <defs>
+      <clipPath id="myClip">
+        <rect x="0" y="0" width="100" height="100"/>
+        <rect x="100" y="100" width="100" height="100"/>
+        <rect x="200" y="200" width="100" height="100"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-on-outflowElement-02-ref.html b/layout/reftests/svg/clipPath-on-outflowElement-02-ref.html
new file mode 100644
index 0000000000..6029426ee7
--- /dev/null
+++ b/layout/reftests/svg/clipPath-on-outflowElement-02-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<body style="margin: 0px;">
+  <svg width="200" height="200">
+    <rect x="10" y="10" width="180" height="180" fill="blue" opacity="0.5"/>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-on-outflowElement-02a.html b/layout/reftests/svg/clipPath-on-outflowElement-02a.html
new file mode 100644
index 0000000000..9004e34204
--- /dev/null
+++ b/layout/reftests/svg/clipPath-on-outflowElement-02a.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    clip-path: inset(10px 10px 10px 10px);
+    opacity: 0.5;
+    width: 200px;
+    height: 200px;
+  }
+
+  #absolutePosition {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: blue;
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the clip-path, not by the 100x100
+           overflow:hidden clip. -->
+      </div>
+    </div>
+  </div>
+  <svg height="0">
+    <defs>
+      <clipPath id="myClip">
+        <rect x="0" y="0" width="100" height="100"/>
+        <rect x="100" y="100" width="100" height="100"/>
+        <rect x="200" y="200" width="100" height="100"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-on-outflowElement-02b.html b/layout/reftests/svg/clipPath-on-outflowElement-02b.html
new file mode 100644
index 0000000000..ecf303a89a
--- /dev/null
+++ b/layout/reftests/svg/clipPath-on-outflowElement-02b.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    clip-path: inset(10px 10px 10px 10px);
+    width: 200px;
+    height: 200px;
+  }
+
+  #absolutePosition {
+    position:absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: rgba(0,0,255,0.5);
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the clip-path, not by the 100x100
+           overflow:hidden clip. -->
+      </div>
+    </div>
+  </div>
+  <svg height="0">
+    <defs>
+      <clipPath id="myClip">
+        <rect x="0" y="0" width="100" height="100"/>
+        <rect x="100" y="100" width="100" height="100"/>
+        <rect x="200" y="200" width="100" height="100"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/clipPath-on-thin-object.svg b/layout/reftests/svg/clipPath-on-thin-object.svg
new file mode 100644
index 0000000000..93598f0abb
--- /dev/null
+++ b/layout/reftests/svg/clipPath-on-thin-object.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+  <defs>
+    <clipPath clipPathUnits="objectBoundingBox" id="myPath">
+      <rect x="0" y="0" height="1" width="1"/>
+    </clipPath>
+  </defs>
+
+  <!-- You should see a thin horizontal light lime line. -->
+  <path d="M0 99.6 L500 99.6 L500 100.3 L0 100.3 Z" fill="lime" clip-path="url(#myPath)"/>
+  <!-- You should see a vertical light lime line. -->
+  <path d="M199.9 0 L199.9 500 L200.4 500 L200.4 0 Z" fill="lime" clip-path="url(#myPath)"/>
+</svg>
diff --git a/layout/reftests/svg/clipPath-polygon-01.svg b/layout/reftests/svg/clipPath-polygon-01.svg
new file mode 100644
index 0000000000..ef97ea7d09
--- /dev/null
+++ b/layout/reftests/svg/clipPath-polygon-01.svg
@@ -0,0 +1,51 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for CSS polygon clipPath</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1246741 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- test the clip is not too big (or ignored altogether) -->
+  <rect width="100%" height="100%" fill="red"
+        clip-path="polygon(100px 100px, 200px 100px, 200px 200px, 100px 200px)"/>
+  <rect x="98" y="98" width="105" height="105" fill="lime"/>
+
+  <!-- test the clip does not simply make the element not render -->
+  <rect x="300" y="100" width="100" height="100" fill="red"/>
+  <rect x="280" y="80" width="150" height="150" fill="lime"
+        clip-path="polygon(20px 20px, 120px 20px, 120px 120px, 20px 120px)"/>
+
+  <!-- percentage values -->
+  <svg x="100" y="300" width="100" height="100">
+    <rect width="100%" height="100%" fill="red"
+          clip-path="polygon(0 0, 50% 0, 50% 50%, 0 50%)"/>
+    <rect width="55" height="55" fill="lime"/>
+  </svg>
+
+  <!-- mixed absolute and percentage values -->
+  <svg x="300" y="300" width="100" height="100">
+    <rect width="100%" height="100%" fill="red"
+          clip-path="polygon(0 0, 50% 0, 50px 50%, 0 50px)"/>
+    <rect width="55" height="55" fill="lime"/>
+  </svg>
+
+  <!-- mixed other units -->
+  <svg x="500" y="300" width="100" height="100">
+    <rect width="100%" height="100%" fill="red"
+          clip-path="polygon(0 0, 5em 0, 5em 10%, 0 10px)"/>
+    <rect width="5em" height="10%" fill="lime"/>
+  </svg>
+
+  <!-- check fill-rule and clip-rule are ignored for polygon clip-path -->
+  <svg x="500" y="100" width="100" height="100" fill-rule="evenodd" clip-rule="evenodd">
+    <rect width="100%" height="100%" fill="red"
+          clip-path="polygon(0 0, 50px 0, 50px 50px, 0 50px, 0 0, 50px 0, 50px 50px, 0 50px, 0 0)"/>
+    <rect width="55" height="55" fill="lime"/>
+  </svg>
+
+</svg>
diff --git a/layout/reftests/svg/clipPath-polygon-elementFromPoint-01.svg b/layout/reftests/svg/clipPath-polygon-elementFromPoint-01.svg
new file mode 100644
index 0000000000..fb2ebf37ce
--- /dev/null
+++ b/layout/reftests/svg/clipPath-polygon-elementFromPoint-01.svg
@@ -0,0 +1,43 @@
+<!--
+      Any copyright is dedicated to the Public Domain.
+      http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg onload="testElementFromPoint();" xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for CSS polygon clipPath</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1246741 -->
+
+  <rect id="out" width="100%" height="100%"/>
+
+  <!-- test elementFromPoint can get the element using clip-path -->
+  <rect id="in" x="100" y="100" width="100" height="100"
+        clip-path="polygon(0 0, 50px 0, 50px 50px, 0 50px)"/>
+  <script>
+    function testElementFromPoint() {
+      let inCount = 0, outCount = 0, inElem, outElem;
+      document.getElementById("in").style.fill = "red";
+      document.getElementById("out").style.fill = "blue";
+
+      inElem = document.elementFromPoint(100, 100);
+      if (inElem.style.fill == "red") { ++inCount; }
+      inElem = document.elementFromPoint(149, 100);
+      if (inElem.style.fill == "red") { ++inCount; }
+      inElem = document.elementFromPoint(149, 149);
+      if (inElem.style.fill == "red") { ++inCount; }
+      inElem = document.elementFromPoint(100, 149);
+      if (inElem.style.fill == "red") { ++inCount; }
+      if (inCount == 4) { document.getElementById("in").style.fill = "lime"; }
+
+      outElem = document.elementFromPoint(99, 100);
+      if (outElem.style.fill == "blue") { ++outCount; }
+      outElem = document.elementFromPoint(150, 99);
+      if (outElem.style.fill == "blue") { ++outCount; }
+      outElem = document.elementFromPoint(151, 150);
+      if (outElem.style.fill == "blue") { ++outCount; }
+      outElem = document.elementFromPoint(100, 151);
+      if (outElem.style.fill == "blue") { ++outCount; }
+      if (outCount == 4) { document.getElementById("out").style.fill = "lime"; }
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/clipPath-winding-01.svg b/layout/reftests/svg/clipPath-winding-01.svg
new file mode 100644
index 0000000000..6b7b3d29df
--- /dev/null
+++ b/layout/reftests/svg/clipPath-winding-01.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for clipPath with evenodd winding</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=525363 -->
+
+  <defs>
+    <clipPath id="clip">
+      <path clip-rule="evenodd" d="M100,100 l 50,0 0,50 -50,0 0,-50 50,0 0,50 -50,0 0,-50z"/>
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect width="100%" height="100%" fill="red" clip-path="url(#clip)"/>
+
+</svg>
diff --git a/layout/reftests/svg/comments-in-pres-attrs.svg b/layout/reftests/svg/comments-in-pres-attrs.svg
new file mode 100644
index 0000000000..fbb88a2bdd
--- /dev/null
+++ b/layout/reftests/svg/comments-in-pres-attrs.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Test for whether comments are allowed in SVG presentation attributes</title>
+  <rect width="100%" height="100%" fill="/* comment */lime/* also comment */"/>
+</svg>
diff --git a/layout/reftests/svg/conditions-01.svg b/layout/reftests/svg/conditions-01.svg
new file mode 100644
index 0000000000..87bed97fe2
--- /dev/null
+++ b/layout/reftests/svg/conditions-01.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Testcase for conditions</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=409383 -->
+
+	<rect width="100%" height="100%" fill="lime"/>
+	
+	<rect systemLanguage="foo" x="50" y="100" width="50" height="50" fill="red"/>
+
+	<rect x="200" y="100" width="50" height="50" fill="red"/>
+	<rect requiredFeatures="http://www.w3.org/TR/SVG11/feature#Gradient" x="200" y="100" width="50" height="50" fill="lime"/>
+
+	<rect requiredExtensions="foo" x="200" y="200" width="50" height="50" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/conditions-02.svg b/layout/reftests/svg/conditions-02.svg
new file mode 100644
index 0000000000..f5ba400829
--- /dev/null
+++ b/layout/reftests/svg/conditions-02.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that paint servers inside a failing conditional attribute subtree work</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=614265 -->
+
+  <g requiredExtensions="http://example.org/hypothetical">
+    <linearGradient id="g">
+      <stop stop-color="lime" offset="0"/>
+      <stop stop-color="lime" offset="1"/>
+    </linearGradient>
+  </g>
+  <rect width="100%" height="100%" fill="url(#g) red"/>
+</svg>
diff --git a/layout/reftests/svg/conditions-03.svg b/layout/reftests/svg/conditions-03.svg
new file mode 100644
index 0000000000..9abb90cf5a
--- /dev/null
+++ b/layout/reftests/svg/conditions-03.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test that 'use'ing elements inside a failing conditional attribute subtree works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=614265 -->
+
+  <g requiredExtensions="http://example.org/hypothetical">
+    <rect id="r" width="100%" height="100%" fill="lime"/>
+  </g>
+  <rect width="100%" height="100%" fill="red"/>
+  <use xlink:href="#r"/>
+</svg>
diff --git a/layout/reftests/svg/conditions-04.svg b/layout/reftests/svg/conditions-04.svg
new file mode 100644
index 0000000000..31d963b45f
--- /dev/null
+++ b/layout/reftests/svg/conditions-04.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test that 'use'ing an element with a failing conditional fails</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=614265 -->
+
+  <rect id="r1" width="100%" height="100%" fill="lime"/>
+  <rect systemLanguage="x" id="r2" width="100%" height="100%" fill="red"/>
+  <use xlink:href="#r1"/>
+  <use xlink:href="#r2"/>
+</svg>
diff --git a/layout/reftests/svg/conditions-05.svg b/layout/reftests/svg/conditions-05.svg
new file mode 100644
index 0000000000..3a235a85e7
--- /dev/null
+++ b/layout/reftests/svg/conditions-05.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" systemLanguage="x">
+  <title>Test that conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/conditions-07.svg b/layout/reftests/svg/conditions-07.svg
new file mode 100644
index 0000000000..15b5ff0dbd
--- /dev/null
+++ b/layout/reftests/svg/conditions-07.svg
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root" width="100%" height="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" onload="runtest()">
+  <title>Test conditional processing DOM interface for foreignObject</title>
+  <defs>
+    <script>
+      function runtest() {
+        try {
+          var f1 = document.getElementById("f1");
+          var i0 = f1.systemLanguage.getItem(0);
+
+          if(i0 != "x") {
+            return;
+          }
+          f1.removeAttribute("systemLanguage");
+          
+        } catch(e) {
+          var f = document.getElementById("fail");
+          f.setAttribute("fill", "red");
+        }
+      }
+    </script>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- background images -->
+  <rect x="100" y="100" width="100" height="100" fill="red"/>
+
+  <!-- tests -->
+  <foreignObject id="f1" x="100" y="100" width="100" height="100" systemLanguage="x">
+    <svg>
+      <rect width="100%" height="100%" fill="lime"/>
+    </svg>
+  </foreignObject>
+  <rect id="fail" width="100%" height="100%" fill="none"/>
+</svg>
diff --git a/layout/reftests/svg/conditions-08-ref.svg b/layout/reftests/svg/conditions-08-ref.svg
new file mode 100644
index 0000000000..50406bddb9
--- /dev/null
+++ b/layout/reftests/svg/conditions-08-ref.svg
@@ -0,0 +1,41 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="c1">
+      <circle cx="50" cy="50" r="50"/>
+    </clipPath>
+    <mask id="m1">
+      <circle cx="50" cy="50" r="50" fill="#888"/>
+    </mask>
+    <filter id="f1">
+      <feColorMatrix type="hueRotate" values="60"/>
+    </filter>
+    <linearGradient id="l1">
+      <stop stop-color="red"/>
+      <stop offset="1" stop-color="yellow"/>
+    </linearGradient>
+    <pattern id="p1" viewBox="0 0 10 10" width="25%" height="25%">
+      <circle cx="5" cy="5" r="5" fill="red"/>
+    </pattern>
+  </defs>
+  <g fill="blue">
+    <g transform="translate(200,50)">
+      <rect width="100" height="100" clip-path="url(#c1)"/>
+    </g>
+    <g transform="translate(200,160)">
+      <rect width="100" height="100" mask="url(#m1)"/>
+    </g>
+    <g transform="translate(200,270)">
+      <rect width="100" height="100" filter="url(#f1)"/>
+    </g>
+    <g transform="translate(200,380)">
+      <rect width="100" height="100" fill="url(#l1)"/>
+    </g>
+    <g transform="translate(200,490)">
+      <rect width="100" height="100" fill="url(#p1)"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/conditions-08.svg b/layout/reftests/svg/conditions-08.svg
new file mode 100644
index 0000000000..573533d00f
--- /dev/null
+++ b/layout/reftests/svg/conditions-08.svg
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that clipPath, mask, filter, gradients and patterns ignore failing conditionals</title>
+  <defs>
+    <clipPath id="c1" systemLanguage="xx">
+      <circle cx="50" cy="50" r="50"/>
+    </clipPath>
+    <mask id="m1" systemLanguage="xx">
+      <circle cx="50" cy="50" r="50" fill="#888"/>
+    </mask>
+    <filter id="f1" systemLanguage="xx">
+      <feColorMatrix type="hueRotate" values="60"/>
+    </filter>
+    <linearGradient id="l1" systemLanguage="xx">
+      <stop stop-color="red"/>
+      <stop offset="1" stop-color="yellow"/>
+    </linearGradient>
+    <pattern id="p1" viewBox="0 0 10 10" width="25%" height="25%" systemLanguage="xx">
+      <circle cx="5" cy="5" r="5" fill="red"/>
+    </pattern>
+  </defs>
+  <g fill="blue">
+    <g transform="translate(200,50)">
+      <rect width="100" height="100" clip-path="url(#c1)"/>
+    </g>
+    <g transform="translate(200,160)">
+      <rect width="100" height="100" mask="url(#m1)"/>
+    </g>
+    <g transform="translate(200,270)">
+      <rect width="100" height="100" filter="url(#f1)"/>
+    </g>
+    <g transform="translate(200,380)">
+      <rect width="100" height="100" fill="url(#l1)"/>
+    </g>
+    <g transform="translate(200,490)">
+      <rect width="100" height="100" fill="url(#p1)"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/conditions-09-ref.svg b/layout/reftests/svg/conditions-09-ref.svg
new file mode 100644
index 0000000000..a6995f19c2
--- /dev/null
+++ b/layout/reftests/svg/conditions-09-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="100">
+  <text x="10" y="20">
+    <tspan fill="green">This text should display.</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/conditions-09.svg b/layout/reftests/svg/conditions-09.svg
new file mode 100644
index 0000000000..a5959b808b
--- /dev/null
+++ b/layout/reftests/svg/conditions-09.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="100">
+  <text x="10" y="20">
+    <tspan systemLanguage="xx" fill="red">This text shouldn't display.</tspan>
+    <tspan fill="green">This text should display.</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/css-transform-svg-ref.html b/layout/reftests/svg/css-transform-svg-ref.html
new file mode 100644
index 0000000000..6167442e74
--- /dev/null
+++ b/layout/reftests/svg/css-transform-svg-ref.html
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<style>
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <rect id="a" x="0.49" y="0.51" width="2.5" height="2.5"/>
+    <rect id="b" x="3.5" y="3.5" width="2.5" height="2.5"/>
+</svg>
diff --git a/layout/reftests/svg/css-transform-svg.html b/layout/reftests/svg/css-transform-svg.html
new file mode 100644
index 0000000000..c1c63a8397
--- /dev/null
+++ b/layout/reftests/svg/css-transform-svg.html
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<style>
+#a {
+  transform: scaleY(1);
+}
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <rect id="a" x="0.49" y="0.51" width="2.5" height="2.5"/>
+    <rect id="b" x="3.5" y="3.5" width="2.5" height="2.5"/>
+</svg>
diff --git a/layout/reftests/svg/current-translate-01.svg b/layout/reftests/svg/current-translate-01.svg
new file mode 100644
index 0000000000..27e7752624
--- /dev/null
+++ b/layout/reftests/svg/current-translate-01.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <script>
+    SVGPoint.prototype.setXY = function(c,d){this.x=c;this.y=d}
+    document.documentElement.currentTranslate.setXY(200, 200);
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect x="-200" y="-200" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/current-translate-02.svg b/layout/reftests/svg/current-translate-02.svg
new file mode 100644
index 0000000000..8e272138e0
--- /dev/null
+++ b/layout/reftests/svg/current-translate-02.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <script>
+    onload = function() {
+      document.documentElement.currentTranslate.x = 200;
+      document.documentElement.currentTranslate.y = 200;
+    };
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect x="-200" y="-200" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/currentColor-01.svg b/layout/reftests/svg/currentColor-01.svg
new file mode 100644
index 0000000000..503f79ebfa
--- /dev/null
+++ b/layout/reftests/svg/currentColor-01.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+	<title>Testcase for currentColor</title>
+
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=414550 -->
+
+	<g style="color:lime">
+		<rect x="0%" y="0%" width="100%" height="100%" fill="currentColor"/>
+	</g>
+</svg>
diff --git a/layout/reftests/svg/currentColor-02.svg b/layout/reftests/svg/currentColor-02.svg
new file mode 100644
index 0000000000..23d387343b
--- /dev/null
+++ b/layout/reftests/svg/currentColor-02.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+	<title>Testcase for currentColor</title>
+
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=414550 -->
+
+	<g style="color:lime">
+		<rect x="0%" y="0%" width="100%" height="100%" style="fill:currentColor"/>
+	</g>
+</svg>
diff --git a/layout/reftests/svg/currentColor-03.svg b/layout/reftests/svg/currentColor-03.svg
new file mode 100644
index 0000000000..ea3a93aee7
--- /dev/null
+++ b/layout/reftests/svg/currentColor-03.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+	<title>Testcase for currentColor</title>
+
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=414550 -->
+
+	<style type="text/css"> rect { fill: currentColor; } </style>
+
+	<g style="color:lime">
+		<rect x="0%" y="0%" width="100%" height="100%"/>
+	</g>
+</svg>
diff --git a/layout/reftests/svg/currentColor-override-flood.svg b/layout/reftests/svg/currentColor-override-flood.svg
new file mode 100644
index 0000000000..2c6d9788f8
--- /dev/null
+++ b/layout/reftests/svg/currentColor-override-flood.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="floodFilter" filterUnits="userSpaceOnUse" style="color:red; flood-color:currentColor">
+      <feFlood x="0" y="0" width="100%" height="100%" style="color:lime;"
+               flood-color="inherit" flood-opacity="1"
+               />
+    </filter>
+  </defs>
+  <use style="filter: url(#floodFilter);"/>
+</svg>
diff --git a/layout/reftests/svg/currentColor-override-lighting-ref.svg b/layout/reftests/svg/currentColor-override-lighting-ref.svg
new file mode 100644
index 0000000000..a9fdd2d4eb
--- /dev/null
+++ b/layout/reftests/svg/currentColor-override-lighting-ref.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- the light source is a fePointLight element -->
+  <filter id="lightMe1">
+    <feDiffuseLighting
+        in="SourceGraphic"
+        result="light"
+        lighting-color="lime">
+      <fePointLight x="0" y="0" z="100" />
+    </feDiffuseLighting>
+
+    <feComposite in="SourceGraphic" in2="light" operator="arithmetic" k1="1" k2="0" k3="0" k4="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="white" filter="url(#lightMe1)" />
+</svg>
diff --git a/layout/reftests/svg/currentColor-override-lighting.svg b/layout/reftests/svg/currentColor-override-lighting.svg
new file mode 100644
index 0000000000..bf91e809f0
--- /dev/null
+++ b/layout/reftests/svg/currentColor-override-lighting.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- the light source is a fePointLight element -->
+  <filter id="lightMe1" style="color: red" lighting-color="currentColor">
+    <feDiffuseLighting
+        in="SourceGraphic"
+        result="light"
+        style="color: lime;"
+        lighting-color="inherit">
+      <fePointLight x="0" y="0" z="100" />
+    </feDiffuseLighting>
+
+    <feComposite in="SourceGraphic" in2="light" operator="arithmetic" k1="1" k2="0" k3="0" k4="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="white" filter="url(#lightMe1)" />
+</svg>
diff --git a/layout/reftests/svg/currentColor-override-stop.svg b/layout/reftests/svg/currentColor-override-stop.svg
new file mode 100644
index 0000000000..964dabe2c9
--- /dev/null
+++ b/layout/reftests/svg/currentColor-override-stop.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="gradient" color="red" stop-color="currentColor">
+      <stop offset="0" style="color:lime;" stop-color="inherit" />
+      <stop offset="1" stop-color="lime" />
+    </linearGradient>
+  </defs>
+  <rect width="100%" height="100%" fill="url(#gradient)" />
+</svg>
diff --git a/layout/reftests/svg/data-uri-with-filter-01-ref.svg b/layout/reftests/svg/data-uri-with-filter-01-ref.svg
new file mode 100644
index 0000000000..d808930c34
--- /dev/null
+++ b/layout/reftests/svg/data-uri-with-filter-01-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="f1" filterUnits="objectBoundingBox"
+            primitiveUnits="objectBoundingBox"
+            x="0" y="0" width="1" height="1">
+      <feFlood x="10%" y="10%" width="80%" height="80%"
+               flood-color="#00ff00" flood-opacity="0.5"/>
+    </filter>
+  </defs>
+  <g filter="url(#f1)">
+    <rect x="0" y="0" width="100" height="100" fill="#00ff00" opacity="0"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/data-uri-with-filter-01.xhtml b/layout/reftests/svg/data-uri-with-filter-01.xhtml
new file mode 100644
index 0000000000..78ba90e196
--- /dev/null
+++ b/layout/reftests/svg/data-uri-with-filter-01.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <style>
+    body { overflow: hidden; margin: 0px }
+  </style>
+  <title>Testcase for referencing a filter within a data URI</title>
+</head>
+<body>
+  <embed src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22f1%22%20filterUnits%3D%22objectBoundingBox%22%0A%20%20%20%20%20%20%20%20%20%20%20%20primitiveUnits%3D%22objectBoundingBox%22%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%3E%0A%20%20%20%20%20%20%3CfeFlood%20x%3D%2210%25%22%20y%3D%2210%25%22%20width%3D%2280%25%22%20height%3D%2280%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20flood-color%3D%22%2300ff00%22%20flood-opacity%3D%220.5%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20filter%3D%22url(%23f1)%22%3E%0A%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%2300ff00%22%20opacity%3D%220%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"/>
+</body>
+</html>
diff --git a/layout/reftests/svg/data-uri-with-gradient-01-ref.svg b/layout/reftests/svg/data-uri-with-gradient-01-ref.svg
new file mode 100644
index 0000000000..3f842c69f6
--- /dev/null
+++ b/layout/reftests/svg/data-uri-with-gradient-01-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad1" x1="0" y1="0" x2="1" y2="0">
+      <stop stop-color="yellow" offset="0"/>
+      <stop stop-color="blue"   offset="1"/>
+    </linearGradient>
+  </defs>
+  <rect x="10" y="10" width="200" height="80" fill="url(#grad1)"/>
+</svg>
diff --git a/layout/reftests/svg/data-uri-with-gradient-01.xhtml b/layout/reftests/svg/data-uri-with-gradient-01.xhtml
new file mode 100644
index 0000000000..490a73c38d
--- /dev/null
+++ b/layout/reftests/svg/data-uri-with-gradient-01.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <style>
+    body { overflow: hidden; margin: 0px }
+  </style>
+  <title>Testcase for referencing a gradient within a data URI</title>
+</head>
+<body>
+  <embed src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22grad1%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22yellow%22%20offset%3D%220%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22blue%22%20%20%20offset%3D%221%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%22200%22%20height%3D%2280%22%20fill%3D%22url(%23grad1)%22%2F%3E%0A%3C%2Fsvg%3E%0A"/>
+</body>
+</html>
diff --git a/layout/reftests/svg/data-uri-with-pattern-01.xhtml b/layout/reftests/svg/data-uri-with-pattern-01.xhtml
new file mode 100644
index 0000000000..2b608a7b04
--- /dev/null
+++ b/layout/reftests/svg/data-uri-with-pattern-01.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <style>
+    body { overflow: hidden; margin: 0px }
+    html, body, embed { height: 100%; width: 100% }
+  </style>
+  <title>Testcase for referencing a pattern within a data URI</title>
+</head>
+<body>
+  <embed src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%0A%20%20%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpattern%20width%3D%221%22%20height%3D%221%22%20id%3D%22pat%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%221%22%20height%3D%221%22%20fill%3D%22lime%22%2F%3E%0A%20%20%20%20%3C%2Fpattern%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20%20fill%3D%22url(%23pat)%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A"/>
+</body>
+</html>
diff --git a/layout/reftests/svg/dynamic-attr-change-1.svg b/layout/reftests/svg/dynamic-attr-change-1.svg
new file mode 100644
index 0000000000..1e50563a7c
--- /dev/null
+++ b/layout/reftests/svg/dynamic-attr-change-1.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+    <defs>
+        <style type="text/css">
+            rect[transform="scale(2)"] { fill: red }
+	    rect { fill: lime; }
+        </style>
+    </defs>
+
+    <g fill="lime">
+        <rect id="rect" transform="scale(2)" width="100%" height="100%" />
+    </g>
+
+    <script>
+        window.addEventListener(
+            "load",
+            function() { document.getElementById("rect").setAttributeNS(null, "transform", "scale(1)"); },
+            false
+        );
+    </script>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-attr-change-2.svg b/layout/reftests/svg/dynamic-attr-change-2.svg
new file mode 100644
index 0000000000..fe655c5548
--- /dev/null
+++ b/layout/reftests/svg/dynamic-attr-change-2.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait">
+  <script>
+  function doTest() {
+    var target = document.querySelector(".target");
+    target.setAttribute("transform", "translate(20,20)");
+    document.documentElement.removeAttribute("class");
+  }
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Lime background to match pass.svg -->
+  <rect height="100%" width="100%" fill="lime"/>
+
+  <!-- Red rect, which we'll have to cover up to pass the test: -->
+  <rect x="20" y="20" width="100" height="100" fill="red"/>
+
+  <!-- Lime rect, which we'll try to transform to cover up the red rect: -->
+  <g class="target" transform="">
+    <rect width="100" height="100" fill="lime"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-attr-removal-1.svg b/layout/reftests/svg/dynamic-attr-removal-1.svg
new file mode 100644
index 0000000000..6cc20c5355
--- /dev/null
+++ b/layout/reftests/svg/dynamic-attr-removal-1.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+    <defs>
+        <style type="text/css">
+	    rect { fill: lime; }
+            rect[transform="scale(2)"] { fill: red }
+        </style>
+    </defs>
+
+    <g fill="lime">
+        <rect id="rect" transform="scale(2)" width="100%" height="100%" />
+    </g>
+
+    <script>
+        window.addEventListener(
+            "load",
+            function() { document.getElementById("rect").removeAttributeNS(null, "transform"); },
+            false
+        );
+    </script>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-attr-removal-2.svg b/layout/reftests/svg/dynamic-attr-removal-2.svg
new file mode 100644
index 0000000000..46f0d38f8b
--- /dev/null
+++ b/layout/reftests/svg/dynamic-attr-removal-2.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+    <defs>
+        <style type="text/css">
+	    rect { fill: red; }
+            rect:not([transform="scale(2)"]) { fill: lime }
+        </style>
+    </defs>
+
+    <g fill="lime">
+        <rect id="rect" transform="scale(2)" width="100%" height="100%" />
+    </g>
+
+    <script>
+        window.addEventListener(
+            "load",
+            function() { document.getElementById("rect").removeAttributeNS(null, "transform"); },
+            false
+        );
+    </script>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-class-01.svg b/layout/reftests/svg/dynamic-class-01.svg
new file mode 100644
index 0000000000..9ef8fd1ca6
--- /dev/null
+++ b/layout/reftests/svg/dynamic-class-01.svg
@@ -0,0 +1,24 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    class="reftest-wait" onload="set_lime_class();">
+ <title>Test invalidation on setting .className.baseVal</title>
+ <style type="text/css">
+
+   .lime { fill: lime; }
+
+ </style>
+ <script>
+
+function set_lime_class()
+{
+ document.getElementById('rect').className.baseVal = 'lime';
+ document.documentElement.removeAttribute('class');
+}
+
+ </script>
+ <rect id="rect" width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-clipPath-01.svg b/layout/reftests/svg/dynamic-clipPath-01.svg
new file mode 100644
index 0000000000..1d1e86ebb8
--- /dev/null
+++ b/layout/reftests/svg/dynamic-clipPath-01.svg
@@ -0,0 +1,125 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     class="reftest-wait"
+     onload="startTest()"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that dynamic changes to the element for a given ID are reflected in clip-path</title>
+  <defs>
+    <svg id="d">
+      <rect width="100%" height="50%" fill="lime"/>
+      <rect y="50%" width="100%" height="50%" fill="red"/>
+    </svg>
+  </defs>
+
+  <rect y="30%" width="100%" height="70%" fill="lime"/>
+
+  <use xlink:href="#d" id="u1" x="10%" width="11%" height="100%" clip-path="url(#r1)"/>
+  <script>
+    // force frame construction; test that parsing "r1" after frame construction
+    // is still bound to "u1" eventually
+    var rect = document.getElementById("u1").getBoundingClientRect();
+  </script>
+  <clipPath id="r1">
+    <rect width="100%" height="40%"/>
+  </clipPath>
+
+  <clipPath id="x">
+    <rect width="100%" height="40%"/>
+  </clipPath>
+  <use xlink:href="#d" id="u2" x="20%" width="11%" height="100%" clip-path="url(#r2)"/>
+
+  <clipPath id="r3">
+    <rect width="100%" height="100%"/>
+  </clipPath>
+  <clipPath id="r3">
+    <rect width="100%" height="40%"/>
+  </clipPath>
+  <use xlink:href="#d" id="u3" x="30%" width="11%" height="100%" clip-path="url(#r3)"/>
+
+  <clipPath id="r4">
+    <rect width="100%" height="100%"/>
+  </clipPath>
+  <clipPath id="r4">
+    <rect width="100%" height="40%"/>
+  </clipPath>
+  <use xlink:href="#d" id="u4" x="40%" width="11%" height="100%" clip-path="url(#r4)"/>
+
+  <clipPath id="r5">
+    <rect width="100%" height="100%"/>
+  </clipPath>
+  <use xlink:href="#d" id="u5" x="50%" width="11%" height="100%" clip-path="url(#r5)"/>
+
+  <clipPath id="r6">
+    <rect width="100%" height="100%"/>
+  </clipPath>
+  <clipPath id="r6-2">
+    <rect width="100%" height="40%"/>
+  </clipPath>
+  <use xlink:href="#d" id="u6" x="60%" width="11%" height="100%" clip-path="url(#r6)"/>
+
+  <clipPath id="r7">
+    <rect width="100%" height="40%"/>
+  </clipPath>
+  <clipPath id="r7-2">
+    <rect width="100%" height="100%"/>
+  </clipPath>
+  <use xlink:href="#d" id="u7" x="70%" width="11%" height="100%" clip-path="url(#r7)"/>
+
+  <clipPath id="r8-2">
+    <rect width="100%" height="40%"/>
+  </clipPath>
+  <clipPath id="r8">
+    <rect width="100%" height="100%"/>
+  </clipPath>
+  <use xlink:href="#d" id="u8" x="80%" width="11%" height="100%" clip-path="url(#r8)"/>
+
+  <rect width="11%" height="100%" fill="lime"/>
+  <rect x="90%" width="11%" height="100%" fill="lime"/>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+
+  function doTest() {
+    // check that changing an id to "r2" lets u2 find it
+    var r2 = document.getElementById("x");
+    r2.setAttribute("id", "r2");
+
+    var rect = document.getElementById("u3").getBoundingClientRect();
+    // check that removing the bad r3 lets u3 find the good one
+    var r3 = document.getElementById("r3");
+    r3.parentNode.removeChild(r3);
+
+    // check that renaming the bad r4 lets u4 find the good one
+    var r4 = document.getElementById("r4");
+    r4.removeAttribute("id");
+
+    // check that changing u5's reference works
+    var u5 = document.getElementById("u5");
+    u5.setAttribute("clip-path", "url(#r1)");
+
+    // check that inserting a good element before the bad r6 works
+    var r6 = document.getElementById("r6-2");
+    r6.parentNode.removeChild(r6);
+    r6.setAttribute("id", "r6");
+    document.documentElement.insertBefore(r6, document.documentElement.firstChild);
+
+    // check that inserting a bad element after a good one doesn't break anything
+    var r7 = document.getElementById("r7-2");
+    r7.parentNode.removeChild(r7);
+    r7.setAttribute("id", "r7");
+    document.documentElement.appendChild(r7);
+
+    // check that renaming a good element to r8 works
+    var r8 = document.getElementById("r8-2");
+    r8.setAttribute("id", "r8");
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-clipPath-02.svg b/layout/reftests/svg/dynamic-clipPath-02.svg
new file mode 100644
index 0000000000..81459e2359
--- /dev/null
+++ b/layout/reftests/svg/dynamic-clipPath-02.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     class="reftest-wait"
+     onload="startTest()"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that dynamic changes to the clipPathUnits are reflected in the clipPath</title>
+
+  <defs>
+    <clipPath id="clip1" clipPathUnits="objectBoundingBox">
+      <rect width=".1" height=".1"/>
+    </clipPath>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <g transform="scale(1000)">
+    <rect x=".2" y=".2" width=".6" height=".6" fill="red" clip-path="url(#clip1)"/>
+  </g>
+
+  <script>
+    function startTest() {
+      document.addEventListener("MozReftestInvalidate", doTest, false);
+      setTimeout(doTest, 4000); // fallback for running outside reftest
+    }
+
+    function doTest() {
+      var clip1 = document.getElementById("clip1");
+      clip1.clipPathUnits.baseVal = SVGUnitTypes.SVG_UNIT_TYPE_USERSPACEONUSE;
+
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-clipPath-clip-rule-01.svg b/layout/reftests/svg/dynamic-clipPath-clip-rule-01.svg
new file mode 100644
index 0000000000..f6b19bad84
--- /dev/null
+++ b/layout/reftests/svg/dynamic-clipPath-clip-rule-01.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait">
+  <title>Testcase for dynamic changes to clip-rule</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1077993 -->
+  <script>
+
+function doTest() {
+  document.getElementById("p2").setAttribute("style", "clip-rule: winding;");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest, false);
+window.setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  </script>
+  <defs>
+    <clipPath id="p2" style="clip-rule:evenodd">
+        <path
+          d="M100,50 l0,150 50,0 0,-100 -100,0 0,50 150,0 0,-50 -50,0 0,-50 z"/>
+    </clipPath>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <path fill-rule="winding" fill="red"
+        d="M100,50 l0,150 50,0 0,-100 -100,0 0,50 150,0 0,-50 -50,0 0,-50 z"/>
+
+ <rect width="100%" height="100%" fill="lime" clip-path="url(#p2)"/>
+</svg>
+
diff --git a/layout/reftests/svg/dynamic-conditions-01.svg b/layout/reftests/svg/dynamic-conditions-01.svg
new file mode 100644
index 0000000000..3c548099f1
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-01.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic conditions</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=409383 -->
+
+	<script>
+		function m() {
+		var svgns = "http://www.w3.org/2000/svg";
+
+		var rect1 = document.getElementById("rect1");
+		rect1.setAttribute("systemLanguage", "foo");
+
+		var rect2 = document.getElementById("rect2");
+		rect2.setAttribute("requiredFeatures", "http://www.w3.org/TR/SVG11/feature#Gradient");
+
+		var rect3 = document.getElementById("rect3");
+		rect3.setAttribute("requiredExtensions", "foo");
+		}
+	</script>
+
+	<rect width="100%" height="100%" fill="lime"/>
+	
+	<rect id="rect1" x="50" y="100" width="50" height="50" fill="red"/>
+
+	<rect x="200" y="100" width="50" height="50" fill="red"/>
+	<rect id="rect2" x="200" y="100" width="50" height="50" fill="lime"/>
+
+	<rect id="rect3" x="50" y="200" width="50" height="50" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-02.svg b/layout/reftests/svg/dynamic-conditions-02.svg
new file mode 100644
index 0000000000..af36ed72ef
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-02.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="this.setAttribute('systemLanguage', 'x')">
+  <title>Test that dynamically changed conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-03.svg b/layout/reftests/svg/dynamic-conditions-03.svg
new file mode 100644
index 0000000000..e9e174ac99
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-03.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" requiredExtensions="x" onload="this.removeAttribute('requiredExtensions')">
+  <title>Test that dynamically changed conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-04.svg b/layout/reftests/svg/dynamic-conditions-04.svg
new file mode 100644
index 0000000000..ffbefec43c
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-04.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Gradient"
+onload="this.setAttribute('systemLanguage', 'x')">
+  <title>Test that dynamically changed conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-05.svg b/layout/reftests/svg/dynamic-conditions-05.svg
new file mode 100644
index 0000000000..d22456ce66
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-05.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" requiredFeatures="x" onload="this.setAttribute('requiredFeatures', 'http://www.w3.org/TR/SVG11/feature#Gradient')">
+  <title>Test that dynamically changed conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-06.svg b/layout/reftests/svg/dynamic-conditions-06.svg
new file mode 100644
index 0000000000..9fafa4cd48
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-06.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that changing conditional processing attributes dynamically on outer 'svg' elements while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        svg.setAttribute("systemLanguage", "x");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-07.svg b/layout/reftests/svg/dynamic-conditions-07.svg
new file mode 100644
index 0000000000..8132b7ddb7
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-07.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()" requiredFeatures="x">
+  <title>Test that changing conditional processing attributes dynamically on outer 'svg' elements while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        svg.removeAttribute("requiredFeatures");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-08.svg b/layout/reftests/svg/dynamic-conditions-08.svg
new file mode 100644
index 0000000000..7b82d35bfa
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-08.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()" requiredFeatures="x">
+  <title>Test that changing conditional processing attributes dynamically on outer 'svg' elements while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        svg.setAttribute("requiredFeatures", "http://www.w3.org/TR/SVG11/feature#Gradient");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-09.svg b/layout/reftests/svg/dynamic-conditions-09.svg
new file mode 100644
index 0000000000..3c9b264b56
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-09.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()"
+systemLanguage="en">
+  <title>Test that changing conditional processing attributes dynamically on outer 'svg' elements while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        svg.setAttribute("systemLanguage", "x");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-10.svg b/layout/reftests/svg/dynamic-conditions-10.svg
new file mode 100644
index 0000000000..0188818829
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-10.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that changing conditional processing attributes dynamically while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        document.getElementById("r").setAttribute("systemLanguage", "x");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect id="r" width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-11.svg b/layout/reftests/svg/dynamic-conditions-11.svg
new file mode 100644
index 0000000000..2f908938a6
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-11.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that changing conditional processing attributes dynamically elements while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        document.getElementById("r").removeAttribute("requiredFeatures");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect id="r" width="100%" height="100%" fill="lime" requiredFeatures="x"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-12.svg b/layout/reftests/svg/dynamic-conditions-12.svg
new file mode 100644
index 0000000000..284f823044
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-12.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that changing conditional processing attributes dynamically elements while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        document.getElementById("r").setAttribute("requiredFeatures", "http://www.w3.org/TR/SVG11/feature#Gradient");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect id="r" width="100%" height="100%" fill="lime" requiredFeatures="x"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-conditions-13.svg b/layout/reftests/svg/dynamic-conditions-13.svg
new file mode 100644
index 0000000000..ba3cf38bce
--- /dev/null
+++ b/layout/reftests/svg/dynamic-conditions-13.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that changing conditional processing attributes dynamically elements while redraw is suspended is honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        document.getElementById("r").setAttribute("systemLanguage", "x");
+        svg.unsuspendRedrawAll();
+        setTimeout(function() {
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect id="r" width="100%" height="100%" fill="red" systemLanguage="en"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-feFlood-01.svg b/layout/reftests/svg/dynamic-feFlood-01.svg
new file mode 100644
index 0000000000..283c3550b4
--- /dev/null
+++ b/layout/reftests/svg/dynamic-feFlood-01.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic feFlood changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=448831 -->
+	<script>
+		function m() {
+		document.getElementById("feFlood").setAttribute("flood-color", "lime");
+		}
+	</script>
+
+	<defs>
+		<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"
+				x="0" y="0" width="1" height="1">
+	    	<feFlood id="feFlood" x="0" y="0" width="100%" height="100%" flood-color="red"/>
+	    </filter>
+	</defs>
+	<g filter="url(#f1)">
+		<rect x="0" y="0" width="100%" height="100%" fill="red" opacity="0"/>
+	</g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-feImage-01.svg b/layout/reftests/svg/dynamic-feImage-01.svg
new file mode 100644
index 0000000000..920927790b
--- /dev/null
+++ b/layout/reftests/svg/dynamic-feImage-01.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="m();">
+	<title>Testcase for dynamic feImage changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=455226 -->
+	<script>
+		function m() {
+		var xlinkNS = "http://www.w3.org/1999/xlink";
+		document.getElementById("feImage").removeAttributeNS(xlinkNS, "href");
+		}
+	</script>
+
+	<defs>
+		<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"
+        	 x="0" y="0" width="1" height="1">
+
+			<feImage id="feImage"
+					 xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+M/AAAADAQEAGN2NsAAAAABJRU5ErkJggg"
+					 x="0" y="0" width="100%" height="100%"
+                 	 style="color-interpolation-filters:sRGB"/>
+		</filter>
+	</defs>
+	<rect width="100%" height="100%" fill="lime"/>
+	<rect width="100%" height="100%" filter="url(#f1)"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-fill-01-ref.svg b/layout/reftests/svg/dynamic-fill-01-ref.svg
new file mode 100644
index 0000000000..e20c21a3ad
--- /dev/null
+++ b/layout/reftests/svg/dynamic-fill-01-ref.svg
@@ -0,0 +1,12 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for changing fill from url() value to a solid color value not asserting</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=782888 -->
+
+  <text style="font: 16px sans-serif; fill: green" x="100" y="100">Hello</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-fill-01.svg b/layout/reftests/svg/dynamic-fill-01.svg
new file mode 100644
index 0000000000..d127a2c747
--- /dev/null
+++ b/layout/reftests/svg/dynamic-fill-01.svg
@@ -0,0 +1,23 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Test for changing fill from url() value to a solid color value not asserting</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=782888 -->
+
+  <linearGradient id="g">
+    <stop stop-color="red"/>
+  </linearGradient>
+
+  <text style="font: 16px sans-serif; fill: url(#g)" x="100" y="100">Hello</text>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      document.getElementsByTagName("text")[0].style.fill = "green";
+      document.documentElement.removeAttribute("class");
+    }, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-fill-rule-01-ref.svg b/layout/reftests/svg/dynamic-fill-rule-01-ref.svg
new file mode 100644
index 0000000000..a31a09a7cb
--- /dev/null
+++ b/layout/reftests/svg/dynamic-fill-rule-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for dynamic changes to fill-rule</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=932762 -->
+
+  <!-- for p1 -->
+  <rect x="50" y="100" width="150" height="50"/>
+  <rect x="100" y="50" width="50" height="150"/>
+
+  <!-- for p2 -->
+  <rect x="250" y="100" width="50" height="50"/>
+  <rect x="350" y="100" width="50" height="50"/>
+  <rect x="300" y="50" width="50" height="50"/>
+  <rect x="300" y="150" width="50" height="50"/>
+
+</svg>
+
diff --git a/layout/reftests/svg/dynamic-fill-rule-01.svg b/layout/reftests/svg/dynamic-fill-rule-01.svg
new file mode 100644
index 0000000000..9fb12f4ae0
--- /dev/null
+++ b/layout/reftests/svg/dynamic-fill-rule-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <title>Testcase for dynamic changes to fill-rule</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=932762 -->
+  <script>
+
+function doTest() {
+  document.getElementById("p1").removeAttribute("style");
+  document.getElementById("p2").setAttribute("style", "fill-rule: evenodd;");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest, false);
+window.setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  </script>
+  <path id="p1" style="fill-rule: evenodd;"
+        d="M100,50 l0,150 50,0 0,-100 -100,0 0,50 150,0 0,-50 -50,0 0,-50 z"/>
+  <path id="p2"
+        d="M300,50 l0,150 50,0 0,-100 -100,0 0,50 150,0 0,-50 -50,0 0,-50 z"/>
+</svg>
+
diff --git a/layout/reftests/svg/dynamic-filter-contents-01-ref.svg b/layout/reftests/svg/dynamic-filter-contents-01-ref.svg
new file mode 100644
index 0000000000..a81725da4e
--- /dev/null
+++ b/layout/reftests/svg/dynamic-filter-contents-01-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="lime"/>
+  <rect width="100" height="100" fill="red" opacity="0.5"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-filter-contents-01a.svg b/layout/reftests/svg/dynamic-filter-contents-01a.svg
new file mode 100644
index 0000000000..4c5fe6a48c
--- /dev/null
+++ b/layout/reftests/svg/dynamic-filter-contents-01a.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg class="reftest-wait" xmlns="http://www.w3.org/2000/svg" onload="startTest()">
+  <style>
+  .foo feComposite { color-interpolation-filters:sRGB; }
+  </style>
+
+  <defs id="d">
+    <filter id="f" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+            x="0" y="0" width="1" height="1">
+      <feFlood flood-color="#ff0000" flood-opacity="0.5" result="flood"/>
+      <feComposite width="1" height="1" in="flood" operator="over" in2="SourceGraphic"/>
+    </filter>
+  </defs>
+
+  <rect width="100" height="100" fill="lime" filter="url(#f)"/>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+
+  function doTest() {
+    document.getElementById("d").setAttribute("class", "foo");
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-filter-contents-01b.svg b/layout/reftests/svg/dynamic-filter-contents-01b.svg
new file mode 100644
index 0000000000..c85bf7b606
--- /dev/null
+++ b/layout/reftests/svg/dynamic-filter-contents-01b.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg class="reftest-wait" xmlns="http://www.w3.org/2000/svg" onload="startTest()">
+  <defs>
+    <filter id="f" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+            x="0" y="0" width="1" height="1">
+      <feFlood flood-color="#ff0000" flood-opacity="0.5" result="flood"/>
+      <feComposite id="comp" width="1" height="1" in="flood" operator="over" in2="SourceGraphic"/>
+    </filter>
+  </defs>
+
+  <rect width="100" height="100" fill="lime" filter="url(#f)"/>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+
+  function doTest() {
+    document.getElementById("comp").setAttribute("color-interpolation-filters", "sRGB");
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-gradient-contents-01.svg b/layout/reftests/svg/dynamic-gradient-contents-01.svg
new file mode 100644
index 0000000000..d437b7e023
--- /dev/null
+++ b/layout/reftests/svg/dynamic-gradient-contents-01.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="startTest()">
+  <title>Testing that dynamic changes to the element for a given ID are reflected in gradients</title>
+  <style>
+    .foo stop { stop-color:lime; }
+  </style>
+  <defs id="d">
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="red" offset="0"/>
+      <stop stop-color="red" offset="1"/>
+    </linearGradient>
+  </defs>
+ 
+  <rect id="u1" width="100%" height="100%" fill="url(#g)"/>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+
+  function doTest() {
+    document.getElementById("g").setAttribute("class", "foo");
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-gradient-contents-02.svg b/layout/reftests/svg/dynamic-gradient-contents-02.svg
new file mode 100644
index 0000000000..8d620816d3
--- /dev/null
+++ b/layout/reftests/svg/dynamic-gradient-contents-02.svg
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="startTest()">
+  <title>Testing that dynamic changes to the parent element are reflected in gradients</title>
+  <defs id="d">
+    <linearGradient id="g1" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="red" offset="0"/>
+      <stop stop-color="red" offset="1"/>
+    </linearGradient>
+    <linearGradient id="g2" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="lime" offset="0"/>
+      <stop stop-color="lime" offset="1"/>
+    </linearGradient>
+  </defs>
+
+  <g id="g" fill="url(#g1)">
+    <rect id="u1" width="100%" height="100%" />
+  </g>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+
+  function doTest() {
+    document.getElementById("g").setAttribute("fill", "url(#g2)");
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-inner-svg-01.svg b/layout/reftests/svg/dynamic-inner-svg-01.svg
new file mode 100644
index 0000000000..8709a574a6
--- /dev/null
+++ b/layout/reftests/svg/dynamic-inner-svg-01.svg
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait"
+  onload="startTest()">
+
+<script>
+<![CDATA[
+
+function startTest() {
+  document.addEventListener("MozReftestInvalidate", boom, false);
+  setTimeout(boom, 4000); // fallback for running outside reftest
+}
+
+function boom() {
+  document.getElementById('inner1').setAttribute('x', 20);
+  document.getElementById('inner2').setAttribute('width', 100);
+  document.documentElement.removeAttribute("class");
+}
+
+]]>
+</script>
+
+  <rect width="100%" height="100%" fill="lime"/>
+	
+  <rect x="20" y="20" width="100" height="100" fill="red"/>
+	
+  <svg id="inner1" x="260" y="20" width="100" height="100">
+    <rect x="0" y="0" width="100" height="100" fill="lime"/>
+  </svg>
+
+  <rect x="20" y="140" width="100" height="100" fill="red"/>
+	
+  <svg id="inner2" x="20" y="140" width="1" height="100">
+    <rect x="0" y="0" width="100" height="100" fill="lime"/>
+  </svg>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-link-style-01.svg b/layout/reftests/svg/dynamic-link-style-01.svg
new file mode 100644
index 0000000000..65eb5c54c2
--- /dev/null
+++ b/layout/reftests/svg/dynamic-link-style-01.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="setTimeout(function() { document.getElementById('r').removeAttribute('xlink:href'); }, 0);">
+
+    <title>Testcase for dynamic changes to link styles</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=398105 -->
+	
+    <style type="text/css">
+      a:link rect { fill: red; }
+    </style>
+
+    <a xlink:href="do-not-visit-me.xxx" id="r">
+        <rect width="100%" height="100%" fill="lime" />
+    </a>
+</svg>
diff --git a/layout/reftests/svg/dynamic-marker-01.svg b/layout/reftests/svg/dynamic-marker-01.svg
new file mode 100644
index 0000000000..7bd0e60723
--- /dev/null
+++ b/layout/reftests/svg/dynamic-marker-01.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait" onload="startTest()" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that dynamic changes to the element for a given ID are reflected in marker</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=309220 -->
+  <defs>
+    <marker id="x" style="overflow: visible;" orient="auto" markerUnits="strokeWidth">
+      <rect width="100%" height="100%" fill="lime"/>
+    </marker>
+  </defs>
+	
+  <rect width="100%" height="100%" fill="red"/>
+	
+  <line id="l1" x1="0" x2="0" y1="0" y2="0" fill="none" stroke="black" stroke-width="1" marker-end="url(#m1)"/>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+  
+  function doTest() {
+    // check that changing an id to "m1" lets l1 find it
+    var x = document.getElementById("x");
+    x.setAttribute("id", "m1");
+
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-marker-02-ref.svg b/layout/reftests/svg/dynamic-marker-02-ref.svg
new file mode 100644
index 0000000000..3d0e9b6b21
--- /dev/null
+++ b/layout/reftests/svg/dynamic-marker-02-ref.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+	  <marker style="overflow: visible" id="m1" orient="auto" markerUnits="strokeWidth">
+		  <rect width="100%" height="100%" fill="blue"/>
+	  </marker>
+  </defs>
+
+	
+  <rect width="100%" height="100%" fill="yellow"/>
+	
+  <line x1="30" x2="30" y1="10" y2="10" stroke="red" stroke-width="3" marker-end="url(#m1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-marker-02.svg b/layout/reftests/svg/dynamic-marker-02.svg
new file mode 100644
index 0000000000..88e427bc85
--- /dev/null
+++ b/layout/reftests/svg/dynamic-marker-02.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait"
+  onload="startTest()">
+
+<script>
+<![CDATA[
+
+function startTest() {
+  document.addEventListener("MozReftestInvalidate", boom, false);
+  setTimeout(boom, 4000); // fallback for running outside reftest
+}
+
+function boom() {
+  n = document.getElementById("m1");
+  n.style.overflow = "visible";
+  document.documentElement.removeAttribute("class");
+}
+
+]]>
+</script>
+
+  <defs>
+	  <marker id="m1" orient="auto" markerUnits="strokeWidth">
+		  <rect width="100%" height="100%" fill="blue"/>
+	  </marker>
+  </defs>
+
+	
+  <rect width="100%" height="100%" fill="yellow"/>
+	
+  <line x1="30" x2="30" y1="10" y2="10" stroke="red" stroke-width="3" marker-end="url(#m1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-marker-03.svg b/layout/reftests/svg/dynamic-marker-03.svg
new file mode 100644
index 0000000000..a4944bd906
--- /dev/null
+++ b/layout/reftests/svg/dynamic-marker-03.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Testing that dynamic changes to preserveAspectRatio are reflected in the marker</title>
+  <script>
+<![CDATA[
+
+function doTest() {
+  m = document.getElementById("m1");
+  m.preserveAspectRatio.baseVal.align =
+    SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_NONE;
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+]]>
+  </script>
+
+  <defs>
+    <marker id="m1" orient="auto" markerUnits="userSpaceOnUse"
+      preserveAspectRatio="xMidYMid slice" viewBox="0 0 30 40" markerWidth="60" markerHeight="30">
+      <rect width="30" height="40" fill="red"/>
+    </marker>
+  </defs>
+	
+  <rect width="100%" height="100%" fill="lime"/>
+	
+  <line x1="30" x2="30" y1="10" y2="10" stroke="red" stroke-width="3" marker-end="url(#m1)"/>
+
+  <rect x="30" y="10" width="60" height="30" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-mask-01.svg b/layout/reftests/svg/dynamic-mask-01.svg
new file mode 100644
index 0000000000..7a0e428ee7
--- /dev/null
+++ b/layout/reftests/svg/dynamic-mask-01.svg
@@ -0,0 +1,48 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     class="reftest-wait"
+     onload="startTest()"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that dynamic changes to mask attributes are reflected in the mask</title>
+
+  <defs>
+    <mask id="mask1" width="1" height="1">
+      <rect width="1" height="1" fill="white"/>
+    </mask>
+    <mask id="mask2" width="1" height="1">
+      <rect width="1" height="1" fill="white"/>
+    </mask>
+    <mask id="mask3" width="1" height="1">
+      <rect width="1" height="1" fill="white"/>
+    </mask>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <g transform="scale(500)">
+    <rect x=".2" y=".2" width=".2" height=".2" fill="red" mask="url(#mask1)"/>
+    <rect x=".4" y=".2" width=".2" height=".2" fill="red" mask="url(#mask2)"/>
+    <rect x=".2" y=".4" width=".2" height=".2" fill="red" mask="url(#mask3)" />
+  </g>
+
+  <script>
+    function startTest() {
+      document.addEventListener("MozReftestInvalidate", doTest, false);
+      setTimeout(doTest, 4000); // fallback for running outside reftest
+    }
+
+    function doTest() {
+      var mask1 = document.getElementById("mask1");
+      mask1.width.baseVal.value = 0;
+      var mask2 = document.getElementById("mask2");
+      mask2.height.baseVal.value = 0;
+      var mask3 = document.getElementById("mask3");
+      mask3.maskUnits.baseVal = SVGUnitTypes.SVG_UNIT_TYPE_USERSPACEONUSE;
+
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-mask-contents-01.svg b/layout/reftests/svg/dynamic-mask-contents-01.svg
new file mode 100644
index 0000000000..10d6222e25
--- /dev/null
+++ b/layout/reftests/svg/dynamic-mask-contents-01.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="startTest()" class="reftest-wait">
+  <style>
+  .foo .maskrect { fill:white; }
+  </style>
+
+  <defs id="d">
+    <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+      <rect class="maskrect" width="1" height="1"/>
+    </mask>
+  </defs>
+
+  <rect id="rect" width="100%" height="100%" fill="lime" mask="url(#m1)"/>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+
+  function doTest() {
+    document.getElementById("d").setAttribute("class", "foo");
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-mask-pre-effects-bbox-ref.html b/layout/reftests/svg/dynamic-mask-pre-effects-bbox-ref.html
new file mode 100644
index 0000000000..4def173a0b
--- /dev/null
+++ b/layout/reftests/svg/dynamic-mask-pre-effects-bbox-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #container {
+        border: 3px dotted black;
+        background: yellow;
+        overflow: hidden;
+        width: 400px;
+        max-height: 25px;
+      }
+
+      #container.masked {
+        mask: url('#fade_mask_bottom');
+      }
+      .item {
+        font-size: 30px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id='container' class="masked"><div class="item">PASS</div></div>
+
+    <!-- BEGIN SVG MASK: -->
+    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+      <mask id="fade_mask_bottom"
+            maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+        <linearGradient id="fade_gradient_bottom"
+                        gradientUnits="objectBoundingBox" x2="0" y2="1">
+          <stop stop-color="white" stop-opacity="1" offset="0.7"></stop>
+          <stop stop-color="white" stop-opacity="0" offset="1"></stop>
+        </linearGradient>
+        <rect x="0" y="0" width="1" height="1"
+              fill="url(#fade_gradient_bottom)"></rect>
+      </mask>
+    </svg>
+  <!-- END SVG MASK -->
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/dynamic-mask-pre-effects-bbox.html b/layout/reftests/svg/dynamic-mask-pre-effects-bbox.html
new file mode 100644
index 0000000000..4ed6f1a372
--- /dev/null
+++ b/layout/reftests/svg/dynamic-mask-pre-effects-bbox.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      #container {
+        border: 3px dotted black;
+        background: yellow;
+        overflow: hidden;
+        width: 400px;
+        max-height: 25px;
+      }
+
+      #container.masked {
+        mask: url('#fade_mask_bottom');
+      }
+      .item {
+        font-size: 30px;
+      }
+    </style>
+    <script>
+      function go() {
+        clear();
+        insert();
+      }
+
+      function clear() {
+        // Force reflow:
+        container.offsetHeight;
+
+        // Remove mask:
+        container.classList.remove('masked');
+      }
+
+      function insert() {
+        // Add new child:
+        var notificationNode = document.createElement('div');
+        notificationNode.classList.add('item');
+        notificationNode.appendChild(document.createTextNode("PASS"));
+        var container = document.getElementById('container');
+        container.appendChild(notificationNode);
+
+        // Force reflow:
+        container.offsetHeight;
+
+        // Add back mask:
+        container.classList.add('masked');
+
+        document.documentElement.classList.remove('reftest-wait');
+      }
+    </script>
+  </head>
+  <body onload="go();">
+    <div id='container' class="masked"></div>
+
+    <!-- BEGIN SVG MASK: -->
+    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+      <mask id="fade_mask_bottom"
+            maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+        <linearGradient id="fade_gradient_bottom"
+                        gradientUnits="objectBoundingBox" x2="0" y2="1">
+          <stop stop-color="white" stop-opacity="1" offset="0.7"></stop>
+          <stop stop-color="white" stop-opacity="0" offset="1"></stop>
+        </linearGradient>
+        <rect x="0" y="0" width="1" height="1"
+              fill="url(#fade_gradient_bottom)"></rect>
+      </mask>
+    </svg>
+  <!-- END SVG MASK -->
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/dynamic-opacity-property-01.svg b/layout/reftests/svg/dynamic-opacity-property-01.svg
new file mode 100644
index 0000000000..d35f8c82e6
--- /dev/null
+++ b/layout/reftests/svg/dynamic-opacity-property-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Test repainting for opacity property changes</title>
+
+  <script>
+
+function doTest() {
+  document.getElementById("r").style.opacity = 1;
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  </script>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100" height="100" fill="red"/>
+  <rect id="r" width="100" height="100" fill="lime" style="opacity:0.5"/>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-pattern-01.svg b/layout/reftests/svg/dynamic-pattern-01.svg
new file mode 100644
index 0000000000..e129d24493
--- /dev/null
+++ b/layout/reftests/svg/dynamic-pattern-01.svg
@@ -0,0 +1,115 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     xmlns:xlink="http://www.w3.org/1999/xlink" onload="startTest()">
+  <title>Testing that dynamic changes to the element for a given ID are reflected in patterns</title>
+
+  <rect id="u1" x="10%" width="11%" height="100%" fill="url(#r1)"/>
+  <script>
+    // force frame construction; test that parsing "r1" after frame construction
+    // is still bound to "u1" eventually
+    var rect = document.getElementById("u1").getBoundingClientRect();
+  </script>
+  <pattern id="r1" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+  </pattern>
+
+  <pattern id="x" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+  </pattern>
+  <rect id="u2" x="20%" width="11%" height="100%" fill="url(#r2)"/>
+
+  <pattern id="r3" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="red"/>
+  </pattern>
+  <pattern id="r3" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+  </pattern>
+  <rect id="u3" x="30%" width="11%" height="100%" fill="url(#r3)"/>
+
+  <pattern id="r4" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="red"/>
+  </pattern>
+  <pattern id="r4" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+  </pattern>
+  <rect id="u4" x="40%" width="11%" height="100%" fill="url(#r4)"/>
+
+  <pattern id="r5" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="red"/>
+  </pattern>
+  <rect id="u5" x="50%" width="11%" height="100%" fill="url(#r5)"/>
+
+  <pattern id="r6" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="red"/>
+  </pattern>
+  <pattern id="r6-2" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+  </pattern>
+  <rect id="u6" x="60%" width="11%" height="100%" fill="url(#r6)"/>
+
+  <pattern id="r7" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+  </pattern>
+  <pattern id="r7-2" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="red"/>
+  </pattern>
+  <rect id="u7" x="70%" width="11%" height="100%" fill="url(#r7)"/>
+
+  <pattern id="r8-2" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+  </pattern>
+  <pattern id="r8" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="red"/>
+  </pattern>
+  <rect id="u8" x="80%" width="11%" height="100%" fill="url(#r8)"/>
+
+  <rect width="11%" height="100%" fill="lime"/>
+  <rect x="90%" width="11%" height="100%" fill="lime"/>
+
+  <script>
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+  }
+
+  function doTest() {
+    // check that changing an id to "r2" lets u2 find it
+    var r2 = document.getElementById("x");
+    r2.setAttribute("id", "r2");
+
+    var rect = document.getElementById("u3").getBoundingClientRect();
+    // check that removing the bad r3 lets u3 find the good one
+    var r3 = document.getElementById("r3");
+    r3.parentNode.removeChild(r3);
+
+    // check that renaming the bad r4 lets u4 find the good one
+    var r4 = document.getElementById("r4");
+    r4.removeAttribute("id");
+
+    // check that changing u5's reference works
+    var u5 = document.getElementById("u5");
+    u5.setAttribute("fill", "url(#r1)");
+
+    // check that inserting a good element before the bad r6 works
+    var r6 = document.getElementById("r6-2");
+    r6.parentNode.removeChild(r6);
+    r6.setAttribute("id", "r6");
+    document.documentElement.insertBefore(r6, document.documentElement.firstChild);
+
+    // check that inserting a bad element after a good one doesn't break anything
+    var r7 = document.getElementById("r7-2");
+    r7.parentNode.removeChild(r7);
+    r7.setAttribute("id", "r7");
+    document.documentElement.appendChild(r7);
+
+    // check that renaming a good element to r8 works
+    var r8 = document.getElementById("r8-2");
+    r8.setAttribute("id", "r8");
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-pattern-02.svg b/layout/reftests/svg/dynamic-pattern-02.svg
new file mode 100644
index 0000000000..f63492f696
--- /dev/null
+++ b/layout/reftests/svg/dynamic-pattern-02.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that href changes are live</title>
+  <defs>
+    <pattern id="r1" width="100%" height="100%" patternUnits="userSpaceOnUse">
+    </pattern>
+  </defs>
+  <defs>
+    <pattern id="r2">
+      <rect width="100%" height="100%" fill="lime"/>
+    </pattern>
+  </defs>
+ 
+  <rect id="u1" width="100%" height="100%" fill="url(#r1)"/>
+
+  <script>
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  function doTest() {
+    document.getElementById("r1").setAttributeNS("http://www.w3.org/1999/xlink", "href", "#r2");
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-pattern-contents-01.svg b/layout/reftests/svg/dynamic-pattern-contents-01.svg
new file mode 100644
index 0000000000..b692de10c0
--- /dev/null
+++ b/layout/reftests/svg/dynamic-pattern-contents-01.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that style changes are reflected in patterns</title>
+  <style>
+    .foo { fill:lime; }
+  </style>
+  <defs>
+    <pattern id="r1" width="100%" height="100%" patternUnits="userSpaceOnUse" xlink:href="#r2">
+    </pattern>
+  </defs>
+  <defs id="d">
+    <pattern id="r2">
+      <rect width="100%" height="100%"/>
+    </pattern>
+  </defs>
+ 
+  <rect id="u1" width="100%" height="100%" fill="url(#r1)"/>
+
+  <script>
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  function doTest() {
+    document.getElementById("d").setAttribute("class", "foo");
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-pattern-contents-02.svg b/layout/reftests/svg/dynamic-pattern-contents-02.svg
new file mode 100644
index 0000000000..d3da2e19f0
--- /dev/null
+++ b/layout/reftests/svg/dynamic-pattern-contents-02.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that ID-map changes are tracked by pattern inheritance</title>
+  <defs>
+    <pattern id="r1" width="100%" height="100%" patternUnits="userSpaceOnUse" xlink:href="#r2">
+    </pattern>
+  </defs>
+  <defs>
+    <pattern id="r0">
+      <rect width="100%" height="100%" fill="lime"/>
+    </pattern>
+  </defs>
+ 
+  <rect id="u1" width="100%" height="100%" fill="url(#r1)"/>
+
+  <script>
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  function doTest() {
+    document.getElementById("r0").setAttribute("id", "r2");
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-rect-01-ref.svg b/layout/reftests/svg/dynamic-rect-01-ref.svg
new file mode 100644
index 0000000000..3f3e96e665
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-01-ref.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Reference for dynamic rect changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<rect x="50" y="100" width="50" height="50" fill="lime"/>
+	<rect x="200" y="100" width="50" height="50" fill="lime"/>
+	<rect x="50" y="200" width="50" height="50" fill="lime"/>
+	<rect x="200" y="200" width="50" height="50" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-rect-01.svg b/layout/reftests/svg/dynamic-rect-01.svg
new file mode 100644
index 0000000000..0ff73a4dd5
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-01.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic rect changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<script>
+		function m() {
+		document.getElementById("rect1").setAttribute("fill", "lime");
+		document.getElementById("rect2").setAttribute("x", "50");
+		document.getElementById("rect3").setAttribute("transform", "translate(200,0)");
+		document.getElementById("rect4").removeAttribute("filter");
+		}
+	</script>
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<rect id="rect1" x="50" y="100" width="50" height="50" fill="red"/>
+	<rect id="rect2" x="0" y="200" width="50" height="50" fill="lime"/>
+	<rect id="rect3" x="0" y="100" width="50" height="50" fill="lime"/>
+	<rect id="rect4" x="200" y="200" width="50" height="50" filter="url(#shadow)" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-rect-02-ref.svg b/layout/reftests/svg/dynamic-rect-02-ref.svg
new file mode 100644
index 0000000000..002627412d
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-02-ref.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Reference for dynamic rect changes with filters</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<rect x="50" y="100" width="50" height="50" filter="url(#shadow)"/>
+	<rect x="200" y="100" width="50" height="50" filter="url(#shadow)"/>
+	<rect x="50" y="200" width="50" height="50" filter="url(#shadow)"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-rect-02.svg b/layout/reftests/svg/dynamic-rect-02.svg
new file mode 100644
index 0000000000..94f0e6444a
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-02.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic rect changes with filters</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<script>
+		function m() {
+		document.getElementById("rect1").setAttribute("x", "50");
+		document.getElementById("rect2").setAttribute("transform", "translate(200,0)");
+		document.getElementById("rect3").setAttribute("filter", "url(#shadow)");
+		}
+	</script>
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<rect id="rect1" x="0" y="100" width="50" height="50" filter="url(#shadow)" />
+	<rect id="rect2" x="0" y="100" width="50" height="50" filter="url(#shadow)" />
+	<rect id="rect3" x="50" y="200" width="50" height="50"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-rect-03-ref.svg b/layout/reftests/svg/dynamic-rect-03-ref.svg
new file mode 100644
index 0000000000..4ecdb81075
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-03-ref.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Reference for dynamic rect changes with filters</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<g filter="url(#shadow)">
+	<rect x="50" y="100" width="50" height="50"/>
+	<rect x="200" y="100" width="50" height="50"/>
+	</g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-rect-03.svg b/layout/reftests/svg/dynamic-rect-03.svg
new file mode 100644
index 0000000000..4b2fde7b2c
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-03.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic rect changes with filters</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<script>
+		function m() {
+		document.getElementById("rect1").setAttribute("x", "50");
+		document.getElementById("rect2").setAttribute("transform", "translate(200,0)");
+		}
+	</script>
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<g filter="url(#shadow)">
+	<rect id="rect1" x="0" y="100" width="50" height="50"  />
+	<rect id="rect2" x="0" y="100" width="50" height="50" />
+	</g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-rect-04.xhtml b/layout/reftests/svg/dynamic-rect-04.xhtml
new file mode 100644
index 0000000000..479406edb7
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-04.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Testcase reference file dynamic svg creation</title>
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=438867 -->
+<script>
+function m() {
+    var SVG_NS = "http://www.w3.org/2000/svg";
+    var svg = document.createElementNS(SVG_NS, 'svg');
+    svg.style.position = 'absolute';
+    svg.style.left = '0px';
+    svg.style.top = '0px';
+    svg.style.width = '100%';
+    svg.style.height = '100%';
+    document.body.appendChild(svg);
+    
+    var rect = document.createElementNS(SVG_NS, "rect");
+    rect.setAttribute('width', '100%');
+    rect.setAttribute('height', '100%');
+    rect.setAttribute('fill', 'lime');
+    svg.appendChild(rect);
+}
+</script>
+</head>
+<body onload="m();">
+<hr style="clear: both;"/>
+</body>
+</html>
diff --git a/layout/reftests/svg/dynamic-rect-05.svg b/layout/reftests/svg/dynamic-rect-05.svg
new file mode 100644
index 0000000000..c3b2f08a52
--- /dev/null
+++ b/layout/reftests/svg/dynamic-rect-05.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase ensuring fill works if applied before onload</title>
+
+  <!-- For https://bugzilla.mozilla.org/show_bug.cgi?id=515080 -->
+
+  <rect id="rect" width="100%" height="100%" fill="red"/>
+
+  <script id="script" type="application/javascript">
+
+  document.documentElement.childNodes[5].setAttribute('fill', 'lime');
+
+  </script>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-reflow-01-ref.svg b/layout/reftests/svg/dynamic-reflow-01-ref.svg
new file mode 100644
index 0000000000..bd7f1977eb
--- /dev/null
+++ b/layout/reftests/svg/dynamic-reflow-01-ref.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <rect id="test" x="100" y="100" width="100" height="100"
+        style="width: 200px"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-reflow-01.svg b/layout/reftests/svg/dynamic-reflow-01.svg
new file mode 100644
index 0000000000..a882ac8c7b
--- /dev/null
+++ b/layout/reftests/svg/dynamic-reflow-01.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <rect id="test" x="100" y="100" width="100" height="100"/>
+  <script>
+    window.onload = function() {
+      var node = document.getElementById("test");
+      node.style.width = "200px";      
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-small-object-scaled-up-01.svg b/layout/reftests/svg/dynamic-small-object-scaled-up-01.svg
new file mode 100644
index 0000000000..5cc3214c7b
--- /dev/null
+++ b/layout/reftests/svg/dynamic-small-object-scaled-up-01.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait">
+  <title>Test invalidation of very small objects that have been scaled up</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=465996
+
+    The very small graphic that has been scaled up to be visible should
+    invalidate correctly when moved.
+  -->
+  <script type="text/javascript">//<![CDATA[
+
+function move_small_object()
+{
+  document.getElementById('circle').setAttribute("transform", "translate(-.2, -.2)");
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", move_small_object, false);
+setTimeout(move_small_object, 4000); // fallback for running outside reftest
+
+  //]]></script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g transform="scale(300, 300)">
+    <circle id="circle" cx=".05" cy=".05" r=".05"
+            fill="red" stroke="black" stroke-width="0.005" />
+  </g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-small-object-scaled-up-02.svg b/layout/reftests/svg/dynamic-small-object-scaled-up-02.svg
new file mode 100644
index 0000000000..5b747b387a
--- /dev/null
+++ b/layout/reftests/svg/dynamic-small-object-scaled-up-02.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait">
+  <title>Test invalidation of very small objects that have been scaled up</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=465996
+
+    The very small graphic that has been scaled up to be visible should
+    invalidate correctly when moved.
+  -->
+  <script type="text/javascript">//<![CDATA[
+
+function move_small_object()
+{
+  document.getElementById('path').setAttribute("transform", "translate(-.2, -.2)");
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", move_small_object, false);
+setTimeout(move_small_object, 4000); // fallback for running outside reftest
+
+  //]]></script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g transform="scale(300, 300)">
+    <path id="path" transform="translate(.2, .2)" fill="red" stroke="black" stroke-width="0.005"
+          d="M 0.05 0 C 0.05 0.06666666 -0.05 0.06666666 -0.05 0 C -0.05 -0.0666666666 0.05 -0.06666666 0.05 0"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-stroke-01.svg b/layout/reftests/svg/dynamic-stroke-01.svg
new file mode 100644
index 0000000000..a23375bdd5
--- /dev/null
+++ b/layout/reftests/svg/dynamic-stroke-01.svg
@@ -0,0 +1,21 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Test for changing stroke from none to a solid color value</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=939942 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <rect id="r" width="100%" height="50%" y="25%" stroke="none" stroke-width="75%" fill="lime"/>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      document.getElementById("r").style.stroke = "lime";
+      document.documentElement.removeAttribute("class");
+    }, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-stroke-opacity-01.svg b/layout/reftests/svg/dynamic-stroke-opacity-01.svg
new file mode 100644
index 0000000000..4b80491988
--- /dev/null
+++ b/layout/reftests/svg/dynamic-stroke-opacity-01.svg
@@ -0,0 +1,21 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Test for changing stroke-opacity from 0 to non-zero</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=939942 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <rect id="r" width="100%" height="50%" y="25%" stroke-opacity="0" stroke="lime" stroke-width="75%" fill="lime"/>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      document.getElementById("r").style.strokeOpacity = "1";
+      document.documentElement.removeAttribute("class");
+    }, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-stroke-width-01.svg b/layout/reftests/svg/dynamic-stroke-width-01.svg
new file mode 100644
index 0000000000..63090d1f6f
--- /dev/null
+++ b/layout/reftests/svg/dynamic-stroke-width-01.svg
@@ -0,0 +1,21 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Test for changing stroke-width from zero to non-zero</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=939942 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <rect id="r" width="100%" height="50%" y="25%" stroke="lime" stroke-width="0" fill="lime"/>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      document.getElementById("r").style.strokeWidth = "75%";
+      document.documentElement.removeAttribute("class");
+    }, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-switch-01.svg b/layout/reftests/svg/dynamic-switch-01.svg
new file mode 100644
index 0000000000..cb9fcc599b
--- /dev/null
+++ b/layout/reftests/svg/dynamic-switch-01.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic switch changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=409383 -->
+	<script>
+		function m() {
+		var svgns = "http://www.w3.org/2000/svg";
+
+		var rect1 = document.getElementById("rect1");
+		rect1.parentNode.removeChild(rect1);
+
+		var rect2a = document.createElementNS(svgns, "rect");
+		rect2a.setAttribute("x", "200");
+		rect2a.setAttribute("y", "100");
+		rect2a.setAttribute("width", "50");
+		rect2a.setAttribute("height", "50")
+		rect2a.setAttribute("fill", "lime");
+		var rect2b = document.getElementById("rect2b");
+		rect2b.parentNode.insertBefore(rect2a, rect2b);
+
+		var rect3a = document.getElementById("rect3a");
+		var rect3b = document.getElementById("rect3b");
+		rect3a.parentNode.insertBefore(rect3a, rect3b);
+
+		var rect4a = document.getElementById("rect4a");
+		rect4a.setAttribute("systemLanguage", "foo");
+		}
+	</script>
+	
+	<rect width="100%" height="100%" fill="lime"/>
+	
+	<switch>
+        <!-- test removing first child -->
+		<rect id="rect1" x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="lime"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+	</switch>
+	<switch>
+		<!-- test adding first child -->
+		<rect id="rect2b" x="200" y="100" width="50" height="50" fill="red"/>
+	</switch>
+	<switch>
+		<!-- test change child order -->
+		<rect id="rect3b" x="50" y="200" width="50" height="50" fill="red"/>
+		<rect id="rect3a" x="50" y="200" width="50" height="50" fill="lime"/>
+	</switch>
+	<switch>
+		<!-- test change child attribute -->
+		<rect id="rect4a" x="200" y="200" width="50" height="50" fill="red"/>
+		<rect x="200" y="200" width="50" height="50" fill="lime"/>
+	</switch>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-01-ref.svg b/layout/reftests/svg/dynamic-text-01-ref.svg
new file mode 100644
index 0000000000..6d1ab0307e
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-01-ref.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Reference for dynamic text changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<text id="text1" x="50" y="100" font-size="50">Test1</text>
+	<text id="text2" x="200" y="100" font-size="50">Test2</text>
+	<text id="text3" x="50" y="200" font-size="50">Test3</text>
+	<text id="text4" x="200" y="200" font-size="50">Test4</text>
+	<text id="text5" x="50" y="300" font-size="50">Test5</text>
+	<text id="text6" x="200" y="300" font-size="50">Test6</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-01.svg b/layout/reftests/svg/dynamic-text-01.svg
new file mode 100644
index 0000000000..5134aa24ac
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-01.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic text changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<script>
+		function m() {
+		document.getElementById("text1").firstChild.nodeValue = "Test1";
+		document.getElementById("text2").setAttribute("x", "200");
+		document.getElementById("text3").setAttribute("font-size", "50");
+		document.getElementById("text4").setAttribute("font-size", "50");
+		document.getElementById("text5").setAttribute("transform", "translate(50,0)");
+		document.getElementById("text6").removeAttribute("filter");
+		}
+	</script>
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<text id="text1" x="50" y="100" font-size="50"> </text>
+	<text id="text2" x="0" y="100" font-size="50">Test2</text>
+	<text id="text3" x="50" y="200" font-size="5">Test3</text>
+	<text id="text4" x="200" y="200" font-size="100">Test4</text>
+	<text id="text5" x="0" y="300" font-size="50">Test5</text>
+	<text id="text6" x="200" y="300" filter="url(#shadow)" font-size="50">Test6</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-02-ref.svg b/layout/reftests/svg/dynamic-text-02-ref.svg
new file mode 100644
index 0000000000..64cc1e37e0
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-02-ref.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Reference for dynamic text changes with filters</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<text x="50" y="100" font-size="50" filter="url(#shadow)">Test1</text>
+	<text x="200" y="100" font-size="50" filter="url(#shadow)">Test2</text>
+	<text x="50" y="200" font-size="50" filter="url(#shadow)">Test3</text>
+	<text x="200" y="200" font-size="50" filter="url(#shadow)">Test4</text>
+	<text x="50" y="300" font-size="50" filter="url(#shadow)">Test5</text>
+	<text x="200" y="300" font-size="50" filter="url(#shadow)">Test6</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-02.svg b/layout/reftests/svg/dynamic-text-02.svg
new file mode 100644
index 0000000000..5df7e61c73
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-02.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic text changes with filters</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<script>
+		function m() {
+		document.getElementById("text1").firstChild.nodeValue = "Test1";
+		document.getElementById("text2").setAttribute("x", "200");
+		document.getElementById("text3").setAttribute("font-size", "50");
+		document.getElementById("text4").setAttribute("font-size", "50");
+		document.getElementById("text5").setAttribute("transform", "translate(50,0)");
+		document.getElementById("text6").setAttribute("filter", "url(#shadow)");
+		}
+	</script>
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<text id="text1" x="50" y="100" filter="url(#shadow)" font-size="50"> </text>
+	<text id="text2" x="0" y="100" filter="url(#shadow)" font-size="50">Test2</text>
+	<text id="text3" x="50" y="200" filter="url(#shadow)" font-size="5">Test3</text>
+	<text id="text4" x="200" y="200" filter="url(#shadow)" font-size="100">Test4</text>
+	<text id="text5" x="0" y="300" filter="url(#shadow)" font-size="50">Test5</text>
+	<text id="text6" x="200" y="300" font-size="50">Test6</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-03-ref.svg b/layout/reftests/svg/dynamic-text-03-ref.svg
new file mode 100644
index 0000000000..d50459fd0a
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-03-ref.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Reference for dynamic text changes with filters</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<g filter="url(#shadow)">
+	    <text x="50" y="100" font-size="50">Test1</text>
+		<text x="200" y="100" font-size="50">Test2</text>
+		<text x="50" y="200" font-size="50">Test3</text>
+		<text x="200" y="200" font-size="50">Test4</text>
+		<text x="50" y="300" font-size="50">Test5</text>
+	</g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-03.svg b/layout/reftests/svg/dynamic-text-03.svg
new file mode 100644
index 0000000000..ecb0ba0f42
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-03.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
+	<title>Testcase for dynamic text changes</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
+	<script>
+		function m() {
+		document.getElementById("text1").firstChild.nodeValue = "Test1";
+		document.getElementById("text2").setAttribute("x", "200");
+		document.getElementById("text3").setAttribute("font-size", "50");
+		document.getElementById("text4").setAttribute("font-size", "50");
+		document.getElementById("text5").setAttribute("transform", "translate(50,0)");
+		}
+	</script>
+	<filter id="shadow" filterUnits="objectBoundingBox">
+		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+	</filter>
+	<g filter="url(#shadow)" >
+        <text id="text1" x="50" y="100" font-size="50"> </text>
+	    <text id="text2" x="0" y="100" font-size="50">Test2</text>
+	    <text id="text3" x="50" y="200" font-size="5">Test3</text>
+	    <text id="text4" x="200" y="200" font-size="100">Test4</text>
+		<text id="text5" x="0" y="300" font-size="50">Test5</text>
+	</g>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-04-ref.svg b/layout/reftests/svg/dynamic-text-04-ref.svg
new file mode 100644
index 0000000000..fb81b2fbfc
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-04-ref.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Reference for dynamic changes of rotate attributes</title>
+
+  <!-- based on http://www.w3.org/TR/SVG/images/text/tspan05.svg -->
+
+  <text id="parent" font-size="32" x="40" y="40" rotate="5,15,25,35,45,55">
+    Not
+
+    <tspan id="child1" rotate="-10,-20,-30,-40">
+      all characters
+
+      <tspan id="child2" rotate="70,60,50,40,30,20,10">
+        in
+
+        <tspan id="child3">
+          the
+        </tspan>
+      </tspan>
+
+      <tspan x="40" y="90" id="child4">
+        text
+      </tspan>
+
+      have a
+    </tspan>
+
+    <tspan id="child5" rotate="-10">
+      specified
+    </tspan>
+
+    rotation
+  </text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-04.svg b/layout/reftests/svg/dynamic-text-04.svg
new file mode 100644
index 0000000000..b2fab69ac5
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-04.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     class="reftest-wait">
+
+  <title>Testcase for dynamic changes of rotate attributes</title>
+
+  <!-- based on http://www.w3.org/TR/SVG/images/text/tspan05.svg -->
+
+  <script type="text/javascript">
+
+document.addEventListener("MozReftestInvalidate", go, false);
+setTimeout(go, 4000); // fallback for running outside reftest
+
+function go() {
+  document.getElementById("parent").setAttribute("rotate", "5,15,25,35,45,55");
+  document.getElementById("child1").setAttribute("rotate", "-10,-20,-30,-40");
+  document.getElementById("child2").setAttribute("rotate", "70,60,50,40,30,20,10");
+  document.getElementById("child5").setAttribute("rotate", "-10");
+  document.documentElement.removeAttribute("class");
+}
+
+  </script>
+  <text id="parent" font-size="32" x="40" y="40">
+    Not
+
+    <tspan id="child1">
+      all characters
+
+      <tspan id="child2">
+        in
+
+        <tspan id="child3">
+          the
+        </tspan>
+      </tspan>
+
+      <tspan x="40" y="90" id="child4">
+        text
+      </tspan>
+
+      have a
+    </tspan>
+
+    <tspan id="child5" rotate="90">
+      specified
+    </tspan>
+
+    rotation
+  </text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-05.svg b/layout/reftests/svg/dynamic-text-05.svg
new file mode 100644
index 0000000000..f1e8ddf625
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-05.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Testcase for text removal</title>
+
+  <script>
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      document.getElementById("text").firstChild.nodeValue='';
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <text id="text" font-size="32" x="40" y="40">SHOULD NOT SEE ME</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-06.svg b/layout/reftests/svg/dynamic-text-06.svg
new file mode 100644
index 0000000000..8c4d0f851e
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-06.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <script>
+    var curXScale = 3;
+    function sample() {
+      var g = document.getElementById("g");
+      g.setAttribute("transform", "scale(" + curXScale + " 1)");
+
+      if (curXScale > 1) {
+        curXScale -= 0.1;
+        setTimeout("sample()", 1);
+      } else {
+        document.documentElement.removeAttribute('class');
+      }
+    }
+    document.addEventListener("MozReftestInvalidate", sample, false);
+    setTimeout(sample, 4000); // fallback for running outside reftest
+  </script>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <g font-family="sans-serif" font-weight="bold" font-size="120px"  id="g">
+    <text y="100">A</text>
+    <text y="250">V</text>
+  </g>
+  <rect width="100" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-07-ref.svg b/layout/reftests/svg/dynamic-text-07-ref.svg
new file mode 100644
index 0000000000..cafd26bacc
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-07-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference to check whitespace handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=717870 -->
+
+  <text x="10" y="50" font-size="50">A B</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-07.svg b/layout/reftests/svg/dynamic-text-07.svg
new file mode 100644
index 0000000000..b2163094ab
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-07.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="m();">
+  <title>Testcase to check whitespace handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=717870 -->
+
+  <text id="t" x="10" y="50" font-size="50">A </text>
+  <script>
+    function m()
+    {
+      // Force frame construction
+      document.documentElement.getBoundingClientRect();
+
+      // A dynamic change
+      document.getElementById("t").appendChild(document.createTextNode("B"));
+      
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-08-ref.svg b/layout/reftests/svg/dynamic-text-08-ref.svg
new file mode 100644
index 0000000000..cb443bc66c
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-08-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for scaling from zero</title>
+
+  <text x="100" y="50" font-size="50" text-anchor="middle">ABC</text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-08.svg b/layout/reftests/svg/dynamic-text-08.svg
new file mode 100644
index 0000000000..ff55f28198
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-08.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="m();">
+
+  <title>Testcase to scaling from zero</title>
+
+  <g id="g" transform="scale(0)">
+    <text x="100" y="50" font-size="50" text-anchor="middle">ABC</text>
+  </g>
+  <script>
+    function m()
+    {
+      // Force frame construction
+      document.documentElement.getBoundingClientRect();
+
+      // A dynamic change
+      document.getElementById("g").removeAttribute("transform");
+      
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-attr-01-ref.svg b/layout/reftests/svg/dynamic-text-attr-01-ref.svg
new file mode 100644
index 0000000000..9f47f153d8
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-attr-01-ref.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font: 16px sans-serif">
+
+  <title>Reference for modifying attributes on child text content elements</title>
+
+  <text x="200" y="20">Test 1</text>
+  <text x="20" y="60">Test 2</text>
+  <text x="20" y="80" rotate="10">Test 3</text>
+  <text>
+    <tspan x="200" y="100">Test 4</tspan>
+  </text>
+  <text>
+    <tspan x="20" y="140">Test 5</tspan>
+  </text>
+  <text>
+    <tspan x="20" y="160" rotate="30">Test 6</tspan>
+  </text>
+  <path id="p" d="M 20,180 h 400"/>
+  <text>
+    <textPath xlink:href="#p" startOffset="180">Test 7</textPath>
+  </text>
+  <text x="20" y="200" textLength="100" lengthAdjust="spacingAndGlyphs">Test 8</text>
+  <text>
+    <tspan x="20" y="220" textLength="100" lengthAdjust="spacingAndGlyphs">Test 9</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-text-attr-01.svg b/layout/reftests/svg/dynamic-text-attr-01.svg
new file mode 100644
index 0000000000..3a58b46671
--- /dev/null
+++ b/layout/reftests/svg/dynamic-text-attr-01.svg
@@ -0,0 +1,46 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     style="font: 16px sans-serif">
+
+  <title>Testcase for modifying attributes on child text content elements</title>
+
+  <text x="20" y="20" data-test="x=200">Test 1</text>
+  <text x="20" y="40" data-test="y=60">Test 2</text>
+  <text x="20" y="80" data-test="rotate=10">Test 3</text>
+  <text>
+    <tspan x="20" y="100" data-test="x=200">Test 4</tspan>
+  </text>
+  <text>
+    <tspan x="20" y="120" data-test="y=140">Test 5</tspan>
+  </text>
+  <text>
+    <tspan x="20" y="160" data-test="rotate=30">Test 6</tspan>
+  </text>
+  <path id="p" d="M 20,180 h 400"/>
+  <text>
+    <textPath xlink:href="#p" data-test="startOffset=180">Test 7</textPath>
+  </text>
+  <text x="20" y="200" textLength="100" lengthAdjust="spacing" data-test="lengthAdjust=spacingAndGlyphs">Test 8</text>
+  <!-- We don't support textLength/lengthAdjust on child text content
+       elements currently (bug 890692), so Test 9 doesn't really test
+       anything at the moment.  But it is the only animatable enumerated
+       attribute value on text content elements to test. -->
+  <text>
+    <tspan x="20" y="220" textLength="100" lengthAdjust="spacing" data-test="lengthAdjust=spacingAndGlyphs">Test 9</tspan>
+  </text>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      [...document.querySelectorAll("[data-test]")].forEach(function(e) {
+        var [name, value] = e.getAttribute("data-test").split("=");
+        e.setAttribute(name, value);
+      });
+      document.documentElement.removeAttribute("class");
+    }, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-textPath-01-ref.svg b/layout/reftests/svg/dynamic-textPath-01-ref.svg
new file mode 100644
index 0000000000..b26811006a
--- /dev/null
+++ b/layout/reftests/svg/dynamic-textPath-01-ref.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Referemce for dynamic changes to textPath</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=458010 -->
+  <defs>
+	  <path id="m1" d="M 75.5 100 h 251"/>
+  </defs>
+	
+  <text>
+	  <textPath xlink:href="#m1" font-size="20" fill="black">Should see this</textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-textPath-01.svg b/layout/reftests/svg/dynamic-textPath-01.svg
new file mode 100644
index 0000000000..01df1b70c5
--- /dev/null
+++ b/layout/reftests/svg/dynamic-textPath-01.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that dynamic changes to the element for a given ID are reflected in textPath</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=458010 -->
+  <defs>
+	  <path id="x" d="M 75.5 100 h 251"/>
+  </defs>
+	
+  <text>
+	  <textPath xlink:href="#m1" font-size="20" fill="black">Should see this</textPath>
+  </text>
+
+  <script>
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+  
+  function doTest() {
+    // check that changing an id to "m1" lets l1 find it
+    var x = document.getElementById("x");
+    x.setAttribute("id", "m1");
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-textPath-02-ref.svg b/layout/reftests/svg/dynamic-textPath-02-ref.svg
new file mode 100644
index 0000000000..f4c1f6c02d
--- /dev/null
+++ b/layout/reftests/svg/dynamic-textPath-02-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for changes to the IDs in the document causing textPath references to update</title>
+
+  <defs>
+    <path id="p1" d="M 100,200 h 200"/>
+  </defs>
+
+  <text style="16px sans-serif"><textPath xlink:href="#p1">Hello</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-textPath-02.svg b/layout/reftests/svg/dynamic-textPath-02.svg
new file mode 100644
index 0000000000..6775258618
--- /dev/null
+++ b/layout/reftests/svg/dynamic-textPath-02.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <title>Test for changes to the IDs in the document causing textPath references to update</title>
+
+  <defs>
+    <path id="p1" d="M 100,100 h 200"/>
+    <path id="p1" d="M 100,200 h 200"/>
+  </defs>
+
+  <text style="16px sans-serif"><textPath xlink:href="#p1">Hello</textPath></text>
+
+  <script>
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      document.getElementsByTagName("path")[0].removeAttribute("id");
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-textPath-03-ref.svg b/layout/reftests/svg/dynamic-textPath-03-ref.svg
new file mode 100644
index 0000000000..420bd5da97
--- /dev/null
+++ b/layout/reftests/svg/dynamic-textPath-03-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for changes to the IDs in the document causing textPath references to update</title>
+
+  <defs>
+    <path id="p1" d="M 100,100 h 200"/>
+  </defs>
+
+  <text style="16px sans-serif"><textPath xlink:href="#p1">Hello</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/dynamic-textPath-03.svg b/layout/reftests/svg/dynamic-textPath-03.svg
new file mode 100644
index 0000000000..6c604daf0b
--- /dev/null
+++ b/layout/reftests/svg/dynamic-textPath-03.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" id="p1">
+  <title>Test for changes to the IDs in the document causing textPath references to update</title>
+
+  <defs>
+    <path id="p1" d="M 100,100 h 200"/>
+  </defs>
+
+  <text style="16px sans-serif"><textPath xlink:href="#p1">Hello</textPath></text>
+
+  <script>
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      document.documentElement.removeAttribute("id");
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-textPath-04.html b/layout/reftests/svg/dynamic-textPath-04.html
new file mode 100644
index 0000000000..870f61fd19
--- /dev/null
+++ b/layout/reftests/svg/dynamic-textPath-04.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="reftest-wait">
+<div id="frame" style="background-color:lime;">
+<svg style="width: 437px; height: 45px; overflow:visible;" viewBox="0 0 437 45">
+  <g font-size="40">
+    <text x="40" y="40" fill="red">BAD</text>
+    <text fill="lime" stroke="lime" stroke-width="4"><textPath href="#path">BAD</textPath></text>
+  </g>
+  <path id="path" d="M40 40 h 100" fill="transparent"></path>
+</svg>
+<style>
+html, body, div {
+  width: 100%;
+  height: 100%;
+  padding: none;
+  margin: 0;
+}
+</style>
+<script>
+  let container = document.getElementById('frame');
+  container.getBoundingClientRect();
+  setTimeout(function() {
+    container.style.pointerEvents = 'all';
+    document.documentElement.removeAttribute("class");
+  })
+</script>
+</div>
+</html>
diff --git a/layout/reftests/svg/dynamic-use-01.svg b/layout/reftests/svg/dynamic-use-01.svg
new file mode 100644
index 0000000000..75de1e8072
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-01.svg
@@ -0,0 +1,91 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that dynamic changes to the element for a given ID are reflected in 'use'</title>
+
+  <use id="u1" x="10%" xlink:href="#r1"/>
+  <script>
+    // force frame construction; test that parsing "r1" after frame construction
+    // is still bound to "u1" eventually
+    var rect = document.getElementById("u1").getBoundingClientRect();
+  </script>
+  <rect width="11%" height="100%" fill="lime" id="r1"/>
+
+  <rect width="11%" height="100%" fill="lime" id="x"/>
+  <use id="u2" x="20%" xlink:href="#r2"/>
+  <script>
+    var rect = document.getElementById("u2").getBoundingClientRect();
+    // check that changing an id to "r2" lets u2 find it
+    var r2 = document.getElementById("x");
+    r2.setAttribute("id", "r2");
+  </script>
+
+  <rect width="10%" height="100%" fill="red" id="r3"/>
+  <rect width="11%" height="100%" fill="lime" id="r3"/>
+  <use id="u3" x="30%" xlink:href="#r3"/>
+  <script>
+    var rect = document.getElementById("u3").getBoundingClientRect();
+    // check that removing the bad r3 lets u3 find the good one
+    var r3 = document.getElementById("r3");
+    r3.parentNode.removeChild(r3);
+  </script>
+
+  <rect width="10%" height="100%" fill="red" id="r4"/>
+  <rect width="11%" height="100%" fill="lime" id="r4"/>
+  <use id="u4" x="40%" xlink:href="#r4"/>
+  <script>
+    var rect = document.getElementById("u4").getBoundingClientRect();
+    // check that renaming the bad r4 lets u4 find the good one
+    var r4 = document.getElementById("r4");
+    r4.removeAttribute("id");
+  </script>
+
+  <rect width="10%" height="100%" fill="red" id="r5"/>
+  <use id="u5" x="50%" xlink:href="#r5"/>
+  <script>
+    var rect = document.getElementById("u5").getBoundingClientRect();
+    // check that changing u5's reference works
+    var u5 = document.getElementById("u5");
+    u5.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#r1");
+  </script>
+
+  <rect width="10%" height="100%" fill="red" id="r6"/>
+  <rect width="11%" height="100%" fill="lime" id="r6-2"/>
+  <use id="u6" x="60%" xlink:href="#r6"/>
+  <script>
+    var rect = document.getElementById("u6").getBoundingClientRect();
+    // check that inserting a good element before the bad r6 works
+    var r6 = document.getElementById("r6-2");
+    r6.parentNode.removeChild(r6);
+    r6.setAttribute("id", "r6");
+    document.documentElement.insertBefore(r6, document.documentElement.firstChild);
+  </script>
+
+  <rect width="11%" height="100%" fill="lime" id="r7"/>
+  <rect width="10%" height="100%" fill="red" id="r7-2"/>
+  <use id="u7" x="70%" xlink:href="#r7"/>
+  <script>
+    var rect = document.getElementById("u7").getBoundingClientRect();
+    // check that inserting a bad element after a good one doesn't break anything
+    var r7 = document.getElementById("r7-2");
+    r7.parentNode.removeChild(r7);
+    r7.setAttribute("id", "r7");
+    document.documentElement.appendChild(r7);
+  </script>
+
+  <rect width="11%" height="100%" fill="lime" id="r8-2"/>
+  <rect width="10%" height="100%" fill="red" id="r8"/>
+  <use id="u8" x="80%" xlink:href="#r8"/>
+  <script>
+    var rect = document.getElementById("u8").getBoundingClientRect();
+    // check that renaming a good element to r8 works
+    var r8 = document.getElementById("r8-2");
+    r8.setAttribute("id", "r8");
+  </script>
+
+  <rect width="11%" height="100%" fill="lime"/>
+  <rect x="90%" width="11%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-02.svg b/layout/reftests/svg/dynamic-use-02.svg
new file mode 100644
index 0000000000..7a63eb14ee
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-02.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="background: lime;">
+  <defs>
+    <rect width="100%" height="100%" id="r"/>
+  </defs>
+  <use id="u" xlink:href="#r" fill="red"/>
+  <script type="text/javascript">
+    var u = document.getElementById("u");
+    u.getBoundingClientRect();
+    u.removeAttributeNS("http://www.w3.org/1999/xlink", "href");
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-03.svg b/layout/reftests/svg/dynamic-use-03.svg
new file mode 100644
index 0000000000..542b7e9355
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-03.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="background: lime;" class="reftest-wait">
+  <defs>
+    <symbol id="r">
+      <rect fill="red" width="100%" height="100%"/>
+    </symbol>
+  </defs>
+  <use id="u" xlink:href="#r" />
+  <script type="text/javascript">
+
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      var u = document.getElementById("u");
+      u.setAttribute("width", "0");
+      document.documentElement.removeAttribute('class');
+    }
+
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-04.svg b/layout/reftests/svg/dynamic-use-04.svg
new file mode 100644
index 0000000000..9fa4632209
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-04.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="background: red;" class="reftest-wait">
+  <defs>
+    <symbol id="r">
+      <rect fill="lime" width="100%" height="100%"/>
+    </symbol>
+  </defs>
+  <use id="u" xlink:href="#r" width="0" />
+  <script type="text/javascript">
+    <![CDATA[
+
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+        // Setting a non-zero value for width here should show the entire
+        // referenced <rect>. See
+        // https://www.w3.org/TR/SVG2/struct.html#UseElement
+        var u = document.getElementById("u");
+        u.setAttribute("width", "100%");
+        document.documentElement.removeAttribute('class');
+      }
+
+    ]]>
+</script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-05.svg b/layout/reftests/svg/dynamic-use-05.svg
new file mode 100644
index 0000000000..056c89c062
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-05.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="Windows-1252"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="background: red;" class="reftest-wait">
+  <defs>
+     <symbol id="sym1">
+       <rect width="100" height="100" fill="lime" />
+    </symbol>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100" height="100" fill="red" />
+  <use id="u" xlink:href="#sym1" width="1" />
+  <script type="text/javascript">
+    <![CDATA[
+
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+        var u = document.getElementById("u");
+        u.setAttribute("width", "100");
+        document.documentElement.removeAttribute('class');
+      }
+
+    ]]>
+</script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-06.svg b/layout/reftests/svg/dynamic-use-06.svg
new file mode 100644
index 0000000000..41974db946
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-06.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <defs>
+    <symbol id="sym1">
+      <rect width="100" height="100" fill="lime" />
+    </symbol>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="50%" width="100" height="100" fill="red" />
+  <svg id="svg" width="50%">
+    <use x="50%" xlink:href="#sym1"/>
+  </svg>
+  <script type="text/javascript">
+    <![CDATA[
+
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+        var svg = document.getElementById("svg");
+        svg.setAttribute("width", "100%");
+        document.documentElement.removeAttribute('class');
+      }
+
+    ]]>
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-07.svg b/layout/reftests/svg/dynamic-use-07.svg
new file mode 100644
index 0000000000..8591e7ac4a
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-07.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Testing that dynamic changes to the text element for a given ID are reflected in 'use'</title>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <text id="t1" x="100" y="100" fill="lime" style="font: 16px sans-serif">hello <tspan fill="red">there</tspan></text>
+  <use y="100" xlink:href="#t1"/>
+
+  <script>
+    function test() {
+      document.getElementsByTagName("tspan")[0].style.fill = "lime";
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", test, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-08.svg b/layout/reftests/svg/dynamic-use-08.svg
new file mode 100644
index 0000000000..f6262654e2
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-08.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Testing dynamic changes to use positioning</title>
+
+  <style>
+    .use {
+      x: 100%;
+    }
+  </style>
+  <defs>
+      <rect id="r" width="100%" height="100%" fill="red"/>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <use id="u" xlink:href="#r"/>
+
+  <script>
+    function test() {
+      document.getElementById("u").setAttribute("class", "use");
+      document.documentElement.removeAttribute("class");
+    }
+    window.addEventListener("MozReftestInvalidate", test, false);
+    setTimeout(test, 4000); // fallback for running outside reftest
+  </script>
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-nested-01-ref.svg b/layout/reftests/svg/dynamic-use-nested-01-ref.svg
new file mode 100644
index 0000000000..8bdd26e902
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-nested-01-ref.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink" >
+     
+  <g style="fill: blue;">
+    <g id="g1">
+      <rect id="rect" x="20%" width="4%" height="100%"/>
+    </g>
+  </g>
+  
+  <g style="fill: green;">
+    <g id="g2">
+      <use x="20%" xlink:href="#g1"/>
+    </g>
+  </g>
+
+  <g style="fill: red;">
+    <use x="20%" xlink:href="#g2"/>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-nested-01a.svg b/layout/reftests/svg/dynamic-use-nested-01a.svg
new file mode 100644
index 0000000000..2e14508664
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-nested-01a.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="boom();">
+
+<script><![CDATA[
+
+// reftest for bug 467498
+
+function boom()
+{
+  var rect = document.getElementById("rect");
+  rect.setAttribute("height", "100%");
+}
+
+]]></script>
+
+  <g style="fill: blue;">
+    <g id="g1">
+      <rect id="rect" x="20%" width="4%" height="20%"/>
+    </g>
+  </g>
+
+  <g style="fill: green;">
+    <g id="g2">
+      <use x="20%" xlink:href="#g1"/>
+    </g>
+  </g>
+
+  <g style="fill: red;">
+    <use x="20%" xlink:href="#g2"/>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-nested-01b.svg b/layout/reftests/svg/dynamic-use-nested-01b.svg
new file mode 100644
index 0000000000..47b04ec1c6
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-nested-01b.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="setTimeout(boom, 50);" class="reftest-wait">
+
+<script><![CDATA[
+
+// reftest for bug 467498
+
+function boom()
+{
+  var rect = document.getElementById("rect");
+  rect.setAttribute("height", "100%");
+  document.documentElement.removeAttribute('class');
+}
+
+]]></script>
+
+  <g style="fill: blue;">
+    <g id="g1">
+      <rect id="rect" x="20%" width="4%" height="20%"/>
+    </g>
+  </g>
+
+  <g style="fill: green;">
+    <g id="g2">
+      <use x="20%" xlink:href="#g1"/>
+    </g>
+  </g>
+
+  <g style="fill: red;">
+    <use x="20%" xlink:href="#g2"/>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-remove-width-ref.svg b/layout/reftests/svg/dynamic-use-remove-width-ref.svg
new file mode 100644
index 0000000000..bc4909e0c6
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-remove-width-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<!-- this is a test for https://bugzilla.mozilla.org/show_bug.cgi?id=521682 -->
+
+  <defs>
+    <svg id="d">
+      <rect height="50%" width="100%" fill="blue" />
+    </svg>
+  </defs>
+
+  <use id="u" xlink:href="#d" height="100%" />
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-use-remove-width.svg b/layout/reftests/svg/dynamic-use-remove-width.svg
new file mode 100644
index 0000000000..ca30f2cad1
--- /dev/null
+++ b/layout/reftests/svg/dynamic-use-remove-width.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<!-- this is a test for https://bugzilla.mozilla.org/show_bug.cgi?id=521682 -->
+
+  <defs>
+    <svg id="d">
+      <rect height="50%" width="100%" fill="blue" />
+    </svg>
+  </defs>
+
+  <use id="u" xlink:href="#d" height="100%" width="11%" />
+
+  <script>
+  function boom()
+  {
+    document.getElementById("u").removeAttribute("width");
+  }
+  window.addEventListener("load", boom, false);
+  </script>
+
+</svg>
diff --git a/layout/reftests/svg/dynamic-viewBox-change-01.svg b/layout/reftests/svg/dynamic-viewBox-change-01.svg
new file mode 100644
index 0000000000..8f6766dbe3
--- /dev/null
+++ b/layout/reftests/svg/dynamic-viewBox-change-01.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait"
+     id="target" viewBox="-50 -50 20 20"
+     preserveAspectRatio="none">
+  <script>
+  function doTest() {
+    var target = document.getElementById("target");
+    target.removeAttribute("viewBox");
+    document.documentElement.removeAttribute("class");
+  }
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Lime background to match pass.svg -->
+  <rect height="100%" width="100%" fill="lime"/>
+
+  <!-- Offscreen red rect - the initial |viewBox| makes this visible,
+       but it shouldn't be visible after we remove that attribute: -->
+  <rect x="-50" y="-50" width="20" height="20" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-viewBox-change-02.svg b/layout/reftests/svg/dynamic-viewBox-change-02.svg
new file mode 100644
index 0000000000..477341d0b2
--- /dev/null
+++ b/layout/reftests/svg/dynamic-viewBox-change-02.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait"
+     id="target" viewBox="-50 -50 20 20"
+     preserveAspectRatio="none">
+  <script>
+  function doTest() {
+    var target = document.getElementById("target");
+    target.setAttribute("viewBox", "");
+    document.documentElement.removeAttribute("class");
+  }
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Lime background to match pass.svg -->
+  <rect height="100%" width="100%" fill="lime"/>
+
+  <!-- Offscreen red rect - the initial |viewBox| makes this visible,
+       but it shouldn't be visible after we clear that attribute: -->
+  <rect x="-50" y="-50" width="20" height="20" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/dynamic-viewBox-change-03.svg b/layout/reftests/svg/dynamic-viewBox-change-03.svg
new file mode 100644
index 0000000000..cb7f1d7a88
--- /dev/null
+++ b/layout/reftests/svg/dynamic-viewBox-change-03.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait"
+     id="target" viewBox="-50 -50 20 20"
+     preserveAspectRatio="none">
+  <script>
+  function doTest() {
+    var target = document.getElementById("target");
+    target.setAttribute("viewBox", "bogus value");
+    document.documentElement.removeAttribute("class");
+  }
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Lime background to match pass.svg -->
+  <rect height="100%" width="100%" fill="lime"/>
+
+  <!-- Offscreen red rect - the initial |viewBox| makes this visible,
+       but it shouldn't be visible after we tweak that attribute: -->
+  <rect x="-50" y="-50" width="20" height="20" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/explosive-use.svg b/layout/reftests/svg/explosive-use.svg
new file mode 100644
index 0000000000..1985540df0
--- /dev/null
+++ b/layout/reftests/svg/explosive-use.svg
@@ -0,0 +1,413 @@
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <g id="thing">
+      <g id="t0a">
+        <use href="#t1a"/>
+        <use href="#t1b"/>
+      </g>
+      <g id="t0b">
+        <use href="#t1a"/>
+        <use href="#t1b"/>
+      </g>
+      <g id="t1a">
+        <use href="#t2a"/>
+        <use href="#t2b"/>
+      </g>
+      <g id="t1b">
+        <use href="#t2a"/>
+        <use href="#t2b"/>
+      </g>
+      <g id="t2a">
+        <use href="#t3a"/>
+        <use href="#t3b"/>
+      </g>
+      <g id="t2b">
+        <use href="#t3a"/>
+        <use href="#t3b"/>
+      </g>
+      <g id="t3a">
+        <use href="#t4a"/>
+        <use href="#t4b"/>
+      </g>
+      <g id="t3b">
+        <use href="#t4a"/>
+        <use href="#t4b"/>
+      </g>
+      <g id="t4a">
+        <use href="#t5a"/>
+        <use href="#t5b"/>
+      </g>
+      <g id="t4b">
+        <use href="#t5a"/>
+        <use href="#t5b"/>
+      </g>
+      <g id="t5a">
+        <use href="#t6a"/>
+        <use href="#t6b"/>
+      </g>
+      <g id="t5b">
+        <use href="#t6a"/>
+        <use href="#t6b"/>
+      </g>
+      <g id="t6a">
+        <use href="#t7a"/>
+        <use href="#t7b"/>
+      </g>
+      <g id="t6b">
+        <use href="#t7a"/>
+        <use href="#t7b"/>
+      </g>
+      <g id="t7a">
+        <use href="#t8a"/>
+        <use href="#t8b"/>
+      </g>
+      <g id="t7b">
+        <use href="#t8a"/>
+        <use href="#t8b"/>
+      </g>
+      <g id="t8a">
+        <use href="#t9a"/>
+        <use href="#t9b"/>
+      </g>
+      <g id="t8b">
+        <use href="#t9a"/>
+        <use href="#t9b"/>
+      </g>
+      <g id="t9a">
+        <use href="#t10a"/>
+        <use href="#t10b"/>
+      </g>
+      <g id="t9b">
+        <use href="#t10a"/>
+        <use href="#t10b"/>
+      </g>
+      <g id="t10a">
+        <use href="#t11a"/>
+        <use href="#t11b"/>
+      </g>
+      <g id="t10b">
+        <use href="#t11a"/>
+        <use href="#t11b"/>
+      </g>
+      <g id="t11a">
+        <use href="#t12a"/>
+        <use href="#t12b"/>
+      </g>
+      <g id="t11b">
+        <use href="#t12a"/>
+        <use href="#t12b"/>
+      </g>
+      <g id="t12a">
+        <use href="#t13a"/>
+        <use href="#t13b"/>
+      </g>
+      <g id="t12b">
+        <use href="#t13a"/>
+        <use href="#t13b"/>
+      </g>
+      <g id="t13a">
+        <use href="#t14a"/>
+        <use href="#t14b"/>
+      </g>
+      <g id="t13b">
+        <use href="#t14a"/>
+        <use href="#t14b"/>
+      </g>
+      <g id="t14a">
+        <use href="#t15a"/>
+        <use href="#t15b"/>
+      </g>
+      <g id="t14b">
+        <use href="#t15a"/>
+        <use href="#t15b"/>
+      </g>
+      <g id="t15a">
+        <use href="#t16a"/>
+        <use href="#t16b"/>
+      </g>
+      <g id="t15b">
+        <use href="#t16a"/>
+        <use href="#t16b"/>
+      </g>
+      <g id="t16a">
+        <use href="#t17a"/>
+        <use href="#t17b"/>
+      </g>
+      <g id="t16b">
+        <use href="#t17a"/>
+        <use href="#t17b"/>
+      </g>
+      <g id="t17a">
+        <use href="#t18a"/>
+        <use href="#t18b"/>
+      </g>
+      <g id="t17b">
+        <use href="#t18a"/>
+        <use href="#t18b"/>
+      </g>
+      <g id="t18a">
+        <use href="#t19a"/>
+        <use href="#t19b"/>
+      </g>
+      <g id="t18b">
+        <use href="#t19a"/>
+        <use href="#t19b"/>
+      </g>
+      <g id="t19a">
+        <use href="#t20a"/>
+        <use href="#t20b"/>
+      </g>
+      <g id="t19b">
+        <use href="#t20a"/>
+        <use href="#t20b"/>
+      </g>
+      <g id="t20a">
+        <use href="#t21a"/>
+        <use href="#t21b"/>
+      </g>
+      <g id="t20b">
+        <use href="#t21a"/>
+        <use href="#t21b"/>
+      </g>
+      <g id="t21a">
+        <use href="#t22a"/>
+        <use href="#t22b"/>
+      </g>
+      <g id="t21b">
+        <use href="#t22a"/>
+        <use href="#t22b"/>
+      </g>
+      <g id="t22a">
+        <use href="#t23a"/>
+        <use href="#t23b"/>
+      </g>
+      <g id="t22b">
+        <use href="#t23a"/>
+        <use href="#t23b"/>
+      </g>
+      <g id="t23a">
+        <use href="#t24a"/>
+        <use href="#t24b"/>
+      </g>
+      <g id="t23b">
+        <use href="#t24a"/>
+        <use href="#t24b"/>
+      </g>
+      <g id="t24a">
+        <use href="#t25a"/>
+        <use href="#t25b"/>
+      </g>
+      <g id="t24b">
+        <use href="#t25a"/>
+        <use href="#t25b"/>
+      </g>
+      <g id="t25a">
+        <use href="#t26a"/>
+        <use href="#t26b"/>
+      </g>
+      <g id="t25b">
+        <use href="#t26a"/>
+        <use href="#t26b"/>
+      </g>
+      <g id="t26a">
+        <use href="#t27a"/>
+        <use href="#t27b"/>
+      </g>
+      <g id="t26b">
+        <use href="#t27a"/>
+        <use href="#t27b"/>
+      </g>
+      <g id="t27a">
+        <use href="#t28a"/>
+        <use href="#t28b"/>
+      </g>
+      <g id="t27b">
+        <use href="#t28a"/>
+        <use href="#t28b"/>
+      </g>
+      <g id="t28a">
+        <use href="#t29a"/>
+        <use href="#t29b"/>
+      </g>
+      <g id="t28b">
+        <use href="#t29a"/>
+        <use href="#t29b"/>
+      </g>
+      <g id="t29a">
+        <use href="#t30a"/>
+        <use href="#t30b"/>
+      </g>
+      <g id="t29b">
+        <use href="#t30a"/>
+        <use href="#t30b"/>
+      </g>
+      <g id="t30a">
+        <use href="#t31a"/>
+        <use href="#t31b"/>
+      </g>
+      <g id="t30b">
+        <use href="#t31a"/>
+        <use href="#t31b"/>
+      </g>
+      <g id="t31a">
+        <use href="#t32a"/>
+        <use href="#t32b"/>
+      </g>
+      <g id="t31b">
+        <use href="#t32a"/>
+        <use href="#t32b"/>
+      </g>
+      <g id="t32a">
+        <use href="#t33a"/>
+        <use href="#t33b"/>
+      </g>
+      <g id="t32b">
+        <use href="#t33a"/>
+        <use href="#t33b"/>
+      </g>
+      <g id="t33a">
+        <use href="#t34a"/>
+        <use href="#t34b"/>
+      </g>
+      <g id="t33b">
+        <use href="#t34a"/>
+        <use href="#t34b"/>
+      </g>
+      <g id="t34a">
+        <use href="#t35a"/>
+        <use href="#t35b"/>
+      </g>
+      <g id="t34b">
+        <use href="#t35a"/>
+        <use href="#t35b"/>
+      </g>
+      <g id="t35a">
+        <use href="#t36a"/>
+        <use href="#t36b"/>
+      </g>
+      <g id="t35b">
+        <use href="#t36a"/>
+        <use href="#t36b"/>
+      </g>
+      <g id="t36a">
+        <use href="#t37a"/>
+        <use href="#t37b"/>
+      </g>
+      <g id="t36b">
+        <use href="#t37a"/>
+        <use href="#t37b"/>
+      </g>
+      <g id="t37a">
+        <use href="#t38a"/>
+        <use href="#t38b"/>
+      </g>
+      <g id="t37b">
+        <use href="#t38a"/>
+        <use href="#t38b"/>
+      </g>
+      <g id="t38a">
+        <use href="#t39a"/>
+        <use href="#t39b"/>
+      </g>
+      <g id="t38b">
+        <use href="#t39a"/>
+        <use href="#t39b"/>
+      </g>
+      <g id="t39a">
+        <use href="#t40a"/>
+        <use href="#t40b"/>
+      </g>
+      <g id="t39b">
+        <use href="#t40a"/>
+        <use href="#t40b"/>
+      </g>
+      <g id="t40a">
+        <use href="#t41a"/>
+        <use href="#t41b"/>
+      </g>
+      <g id="t40b">
+        <use href="#t41a"/>
+        <use href="#t41b"/>
+      </g>
+      <g id="t41a">
+        <use href="#t42a"/>
+        <use href="#t42b"/>
+      </g>
+      <g id="t41b">
+        <use href="#t42a"/>
+        <use href="#t42b"/>
+      </g>
+      <g id="t42a">
+        <use href="#t43a"/>
+        <use href="#t43b"/>
+      </g>
+      <g id="t42b">
+        <use href="#t43a"/>
+        <use href="#t43b"/>
+      </g>
+      <g id="t43a">
+        <use href="#t44a"/>
+        <use href="#t44b"/>
+      </g>
+      <g id="t43b">
+        <use href="#t44a"/>
+        <use href="#t44b"/>
+      </g>
+      <g id="t44a">
+        <use href="#t45a"/>
+        <use href="#t45b"/>
+      </g>
+      <g id="t44b">
+        <use href="#t45a"/>
+        <use href="#t45b"/>
+      </g>
+      <g id="t45a">
+        <use href="#t46a"/>
+        <use href="#t46b"/>
+      </g>
+      <g id="t45b">
+        <use href="#t46a"/>
+        <use href="#t46b"/>
+      </g>
+      <g id="t46a">
+        <use href="#t47a"/>
+        <use href="#t47b"/>
+      </g>
+      <g id="t46b">
+        <use href="#t47a"/>
+        <use href="#t47b"/>
+      </g>
+      <g id="t47a">
+        <use href="#t48a"/>
+        <use href="#t48b"/>
+      </g>
+      <g id="t47b">
+        <use href="#t48a"/>
+        <use href="#t48b"/>
+      </g>
+      <g id="t48a">
+        <use href="#t49a"/>
+        <use href="#t49b"/>
+      </g>
+      <g id="t48b">
+        <use href="#t49a"/>
+        <use href="#t49b"/>
+      </g>
+      <g id="t49a">
+        <use href="#t50a"/>
+        <use href="#t50b"/>
+      </g>
+      <g id="t49b">
+        <use href="#t50a"/>
+        <use href="#t50b"/>
+      </g>
+      <g id="t50a">
+        <circle  cx="0" cy="0" r="5" />
+      </g>
+      <g id="t50b">
+        <circle cx="0" cy="0" r="5" />
+      </g>
+    </g>
+  </defs>
+  <use x="5" y="5" href="#thing"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-01a.svg b/layout/reftests/svg/fallback-color-01a.svg
new file mode 100644
index 0000000000..3fedc0aa82
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-01a.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<line x1="0%" y1="50%" x2="100%" y2="50%" stroke="url(#null) lime" stroke-width="200%"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-01b.svg b/layout/reftests/svg/fallback-color-01b.svg
new file mode 100644
index 0000000000..abc8206c68
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-01b.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#null) lime"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-02-ref.svg b/layout/reftests/svg/fallback-color-02-ref.svg
new file mode 100644
index 0000000000..c9b9e32dfc
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-02-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Reference for stroke fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="white"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-02.svg b/layout/reftests/svg/fallback-color-02.svg
new file mode 100644
index 0000000000..e97da0ca66
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-02.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+<!-- See also http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-pservers-grad-17-b.html -->
+
+	<line x1="0%" y1="50%" x2="100%" y2="50%" stroke="url(#null)" stroke-width="200%"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-03.svg b/layout/reftests/svg/fallback-color-03.svg
new file mode 100644
index 0000000000..0beab9dc0a
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-03.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<defs>
+		<linearGradient id="grad">
+			<stop offset="0" stop-color="black"/>
+			<stop offset="1" stop-color="white"/>
+		</linearGradient>
+	</defs>
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<line x1="0%" y1="50%" x2="100%" y2="50%" stroke="url(#grad) lime" stroke-width="200%"/>		
+</svg>
diff --git a/layout/reftests/svg/fallback-color-04.svg b/layout/reftests/svg/fallback-color-04.svg
new file mode 100644
index 0000000000..556718140b
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-04.svg
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+  <title>Testcase for fallback colours</title>
+
+  <defs>
+    <filter id="dilate">
+      <feMorphology operator="dilate" radius="6"/>
+    </filter>
+  </defs>
+
+  <rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>
+  <text x="10" y="50" font-size="50"
+        stroke-width="8" stroke="red" fill="none">
+    A B
+  </text>
+  <text x="10" y="50" font-size="50"
+        stroke-width="8" stroke="url(#null) lime" fill="none" filter="url(#dilate)">
+    A B
+  </text>
+  <text x="200" y="50" font-size="50" fill="red">
+    A B
+  </text>
+  <text x="200" y="50" font-size="50" fill="url(#null) lime" filter="url(#dilate)">
+    A B
+  </text>
+  <text x="10" y="200" font-size="50" fill="red"
+        stroke-width="1" stroke="red">
+    A B
+  </text>
+  <text x="10" y="200" font-size="50" fill="url(#null) lime"
+        stroke-width="1" stroke="url(#null) lime" filter="url(#dilate)">
+    A B
+  </text>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-05-ref.svg b/layout/reftests/svg/fallback-color-05-ref.svg
new file mode 100644
index 0000000000..a7031be7da
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-05-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for context-fill fallback colour</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1352258 -->
+
+  <rect width="100%" height="100%" fill="black"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-05a.svg b/layout/reftests/svg/fallback-color-05a.svg
new file mode 100644
index 0000000000..537a15955c
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-05a.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for context-fill fallback colour</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1352258 -->
+
+  <rect width="100%" height="100%" fill="context-fill"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-05b.svg b/layout/reftests/svg/fallback-color-05b.svg
new file mode 100644
index 0000000000..a281172fd0
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-05b.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for context-stroke fallback colour</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1807479 -->
+
+  <rect width="100%" height="100%" fill="context-stroke"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-06.svg b/layout/reftests/svg/fallback-color-06.svg
new file mode 100644
index 0000000000..8fde9b1c5e
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-06.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>		
+    <rect x="0%" y="0%" width="100%" height="100%" fill="url(#null)"/>		
+</svg>
diff --git a/layout/reftests/svg/filter-and-clip-ref.svg b/layout/reftests/svg/filter-and-clip-ref.svg
new file mode 100644
index 0000000000..e8c18009f7
--- /dev/null
+++ b/layout/reftests/svg/filter-and-clip-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
+ <rect x="100" y="50" width="100" height="100" fill="green" />
+</svg>
diff --git a/layout/reftests/svg/filter-and-clip.svg b/layout/reftests/svg/filter-and-clip.svg
new file mode 100644
index 0000000000..be056a47f2
--- /dev/null
+++ b/layout/reftests/svg/filter-and-clip.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
+ <defs>
+  <filter id="shift">
+   <feOffset dx="50"/>
+  </filter>
+  <clipPath id="clip">
+   <rect x="100" y="50" width="100" height="100"/>
+  </clipPath>
+ </defs>
+ <rect x="100" y="50" width="100" height="100" fill="red"/>
+ <rect x="50" y="50" width="200" height="100" fill="green" filter="url(#shift)" clip-path="url(#clip)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/filter-basic-01.svg b/layout/reftests/svg/filter-basic-01.svg
new file mode 100644
index 0000000000..23d3519f7c
--- /dev/null
+++ b/layout/reftests/svg/filter-basic-01.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+	<title>Testcase for invalid filter</title>
+
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=407463 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="lime" filter="url(#null)"/>
+</svg>
diff --git a/layout/reftests/svg/filter-basic-02.svg b/layout/reftests/svg/filter-basic-02.svg
new file mode 100644
index 0000000000..02e1d35967
--- /dev/null
+++ b/layout/reftests/svg/filter-basic-02.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+	<title>Testcase for invalid filter</title>
+
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=407463 -->
+
+	<defs>
+		<filter id="null"/>
+	</defs>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red" filter="url(#null)"/>		
+</svg>
diff --git a/layout/reftests/svg/filter-basic-03.svg b/layout/reftests/svg/filter-basic-03.svg
new file mode 100644
index 0000000000..e2f1db1adf
--- /dev/null
+++ b/layout/reftests/svg/filter-basic-03.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+	<title>Testcase for invalid filter</title>
+
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=407463 -->
+
+	<defs>
+		<filter id="nullreg" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%"/>
+	</defs>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red" filter="url(#nullreg)"/>		
+</svg>
diff --git a/layout/reftests/svg/filter-bounds-01.svg b/layout/reftests/svg/filter-bounds-01.svg
new file mode 100644
index 0000000000..17bfeb60c1
--- /dev/null
+++ b/layout/reftests/svg/filter-bounds-01.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase for checking that filter bounds include stroke width</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=647687 -->
+
+  <defs>
+    <filter id="f1" filterUnits="userSpaceOnUse" x="150" y="150" width="200" height="200">
+      <feOffset in="SourceGraphic"/>
+    </filter>
+  </defs>
+
+  <rect height="100%" width="100%" fill="lime"/>
+
+  <rect x="150" y="150" height="200" width="200" fill="red"/>
+
+  <rect x="200" y="200" height="100" width="100" stroke-width="100"
+            fill="none" stroke="lime" filter="url(#f1)"/>
+</svg>
diff --git a/layout/reftests/svg/filter-bounds-02.svg b/layout/reftests/svg/filter-bounds-02.svg
new file mode 100644
index 0000000000..d9c0d474c9
--- /dev/null
+++ b/layout/reftests/svg/filter-bounds-02.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase for checking that filter bounds include stroke width</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=647687 -->
+
+  <defs>
+    <filter id="f1" filterUnits="objectBoundingBox">
+      <feFlood flood-color="red"/>
+    </filter>
+  </defs>
+
+  <rect height="100%" width="100%" fill="lime"/>
+
+  <polygon points="200,200 300,200 300,300 200,300" stroke-width="100"
+            fill="none" stroke="lime" filter="url(#f1)"/>
+
+  <rect x="150" y="150" height="200" width="200" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/filter-extref-differentOrigin-01.svg b/layout/reftests/svg/filter-extref-differentOrigin-01.svg
new file mode 100644
index 0000000000..ce5d632546
--- /dev/null
+++ b/layout/reftests/svg/filter-extref-differentOrigin-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <!-- In case we actually _can_ access the external resource (e.g. on Android
+       where reftests are served as http:// instead of file://), we include
+       this <use> element to be sure the resource loads before onload so that
+       we'll fail reliably. -->
+  <use xlink:href="../filters.svg#empty" />
+
+  <!-- giant lime rect, to match pass.svg -->
+  <rect height="100%" width="100%" fill="lime" />
+
+  <!-- The filter shouldn't resolve, so this should be transparent: -->
+  <rect height="100%" width="100%" fill="red"
+        filter="url(../filters.svg#NonWhiteToBlack)"/>
+</svg>
diff --git a/layout/reftests/svg/filter-foreignObject-01.svg b/layout/reftests/svg/filter-foreignObject-01.svg
new file mode 100644
index 0000000000..0fc9708ee5
--- /dev/null
+++ b/layout/reftests/svg/filter-foreignObject-01.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:html="http://www.w3.org/1999/xhtml"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that foreignobject works in filters</title>
+  <foreignObject width="100%" height="100%" filter="url(#f1)">
+    <html:div style="width:100%; height:100%; background:lime;">
+    </html:div>
+  </foreignObject>
+  <filter id="f1" x="0" y="0" width="100%" height="100%">
+    <feOffset/>
+  </filter>
+</svg>
diff --git a/layout/reftests/svg/filter-in-mask-01.svg b/layout/reftests/svg/filter-in-mask-01.svg
new file mode 100644
index 0000000000..06c987f241
--- /dev/null
+++ b/layout/reftests/svg/filter-in-mask-01.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" >
+  <defs>
+    <filter x="0" y="0" width="1" height="1" id="filter">
+      <feOffset/>
+    </filter>
+    <mask id="mask" x="0" y="0" width="1" height="1">
+      <g filter="url(#filter)">
+         <rect width="100%" height="100%" fill="white"/>
+       </g>
+    </mask>
+  </defs>
+  <rect width="100%" height="100%" fill="red"/>
+  <g mask="url(#mask)">
+    <rect width="100%" height="100%" fill="lime"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filter-in-mask-ref.html b/layout/reftests/svg/filter-in-mask-ref.html
new file mode 100644
index 0000000000..be07a24d8c
--- /dev/null
+++ b/layout/reftests/svg/filter-in-mask-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html style lang=en>
+<meta charset=utf-8>
+</head>
+<body>
+    <svg viewBox="0 0 225 23" xmlns=http://www.w3.org/2000/svg>
+        <style>.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#fff}</style>
+        <defs>
+            <filter filterUnits=userSpaceOnUse height=22.9 id=Adobe_OpacityMaskFilter_3_ width=27 x=14 y=0>
+                <fecolormatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></fecolormatrix>
+            </filter>
+        </defs>
+        <mask height=22.9 id=mask-2_4_ maskUnits=userSpaceOnUse width=27 x=14 y=0>
+            <g>
+                <path class=st1 d="M0 0h170V23H0z" id=path-1_4_></path>
+            </g>
+        </mask>
+        <rect x=10 y=0 width=1000 height=100 fill=green></rect>
+        <rect x=10 y=0 width=1000 height=100 mask=url(#mask-2_4_) fill=red></rect>
+        <rect x=10 y=0 width=1000 height=6 fill=blue></rect>
+    </svg>
diff --git a/layout/reftests/svg/filter-in-mask.html b/layout/reftests/svg/filter-in-mask.html
new file mode 100644
index 0000000000..7bb8ddf28f
--- /dev/null
+++ b/layout/reftests/svg/filter-in-mask.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html style lang=en>
+<meta charset=utf-8>
+</head>
+<body>
+    <svg viewBox="0 0 225 23" xmlns=http://www.w3.org/2000/svg>
+        <style>.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#fff}</style>
+        <defs>
+            <filter filterUnits=userSpaceOnUse height=22.9 id=Adobe_OpacityMaskFilter_3_ width=27 x=14 y=0>
+                <fecolormatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></fecolormatrix>
+            </filter>
+        </defs>
+        <mask height=22.9 id=mask-2_4_ maskUnits=userSpaceOnUse width=27 x=14 y=0>
+            <g filter=url(#Adobe_OpacityMaskFilter_3_)>
+                <path class=st1 d="M0 0h170V23H0z" id=path-1_4_></path>
+            </g>
+        </mask>
+        <rect x=10 y=0 width=1000 height=100 fill=green></rect>
+        <rect x=10 y=0 width=1000 height=100 mask=url(#mask-2_4_) fill=red></rect>
+        <rect x=10 y=0 width=1000 height=6 fill=blue></rect>
+    </svg>
diff --git a/layout/reftests/svg/filter-invalidation-01.svg b/layout/reftests/svg/filter-invalidation-01.svg
new file mode 100644
index 0000000000..442b3a7312
--- /dev/null
+++ b/layout/reftests/svg/filter-invalidation-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=463939 -->
+  <title>Test that the area that's covered by a filtered element is invalidated when it moves</title>
+  <filter id="filter">
+    <feGaussianBlur stdDeviation="0.1"/>
+  </filter>
+  <script type="text/javascript">//<![CDATA[
+
+function hide_red_rect()
+{
+  document.getElementById("r").setAttribute("y", "-200%");
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", hide_red_rect, false);
+setTimeout(hide_red_rect, 4000); // fallback for running outside reftest
+
+  //]]></script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100%" height="100%" fill="red" id="r" filter="url(#filter)"/>
+</svg>
diff --git a/layout/reftests/svg/filter-on-continuation-box-01.html b/layout/reftests/svg/filter-on-continuation-box-01.html
new file mode 100644
index 0000000000..cc614f1e48
--- /dev/null
+++ b/layout/reftests/svg/filter-on-continuation-box-01.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style type="text/css">
+  div {
+    border: 1px solid grey;
+    width: 100px;
+    color: black;
+  }
+</style>
+
+<div>
+  <span id="myspan">Wrapped sentence</span>
+</div>
+
+<script>
+  window.addEventListener("MozReftestInvalidate",
+    function() {
+      document.getElementById("myspan").style.filter = "opacity(50%)";
+      document.documentElement.classList.remove("reftest-wait");
+    });
+</script>
+
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/filter-on-continuation-box-ref.html b/layout/reftests/svg/filter-on-continuation-box-ref.html
new file mode 100644
index 0000000000..85dcc383a4
--- /dev/null
+++ b/layout/reftests/svg/filter-on-continuation-box-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  div {
+    border: 1px solid grey;
+    width: 100px;
+    color: rgba(0,0,0,0.5);
+  }
+</style>
+
+<div>
+  <span id="myspan">Wrapped sentence</span>
+</div>
+
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/filter-result-01-ref.svg b/layout/reftests/svg/filter-result-01-ref.svg
new file mode 100644
index 0000000000..cb84d3058a
--- /dev/null
+++ b/layout/reftests/svg/filter-result-01-ref.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for filter result property</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=935902 -->
+
+  <defs>
+    <filter id="f1">
+      <feGaussianBlur id="gb" in="SourceGraphic" stdDeviation="4" result="blur"/>
+      <feColorMatrix values="1 0 0 0 0  0 0.333 0 0 0  0 0 1 0 0  0 0 0 1 0" in="blur"/>
+    </filter>
+  </defs>
+  <circle cx="100" cy="50" r="50" fill="yellow" filter="url('#f1')"/>
+</svg>
diff --git a/layout/reftests/svg/filter-result-01.svg b/layout/reftests/svg/filter-result-01.svg
new file mode 100644
index 0000000000..2a2a4cea2b
--- /dev/null
+++ b/layout/reftests/svg/filter-result-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="createFilter();">
+
+  <title>Testcase for filter result property</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=935902 -->
+
+  <defs>
+    <filter id="f1">
+      <feGaussianBlur id="gb" in="SourceGraphic" stdDeviation="4"/>
+      <feColorMatrix values="1 0 0 0 0  0 0.333 0 0 0  0 0 1 0 0  0 0 0 1 0" in="blur"/>
+    </filter>
+  </defs>
+  <circle cx="100" cy="50" r="50" fill="yellow" filter="url('#f1')"/>
+  <script type="text/javascript">
+    function createFilter() {
+      document.getElementById('gb').result.baseVal = 'blur';
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/filter-scaled-01.svg b/layout/reftests/svg/filter-scaled-01.svg
new file mode 100644
index 0000000000..c85eb3bb84
--- /dev/null
+++ b/layout/reftests/svg/filter-scaled-01.svg
@@ -0,0 +1,18 @@
+<svg width="100%" height="100%" preserveAspectRatio="none" 
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+ 
+  <title>Testcase for scaled filter with non-integer x and y and objectBoundingBox</title> 
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox" x="0.5" y="0.5" width="0.25" height="0.25">
+      <feFlood flood-color="red" width="1" height="1" />
+    </filter>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <g transform="scale(400)">
+    <rect width="1" height="1" filter="url(#filter)" />
+  </g>
+  <rect x="200" y="200" width="100" height="100" fill="lime" />
+
+</svg>
diff --git a/layout/reftests/svg/filter-scaled-02-ref.html b/layout/reftests/svg/filter-scaled-02-ref.html
new file mode 100644
index 0000000000..722271375d
--- /dev/null
+++ b/layout/reftests/svg/filter-scaled-02-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <body style="transform: scale(1.4)">
+   <div style="position: absolute; top: 20px; left: 200px">
+    <svg width="200" viewBox="0 0 222 222">
+     <rect fill="green" x="120" y="100" width="100" height="120"/>
+     <rect fill="none" stroke="black" stroke-width="4"
+           x="120" y="100" width="100" height="120"/>
+    </svg>
+   </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/filter-scaled-02.html b/layout/reftests/svg/filter-scaled-02.html
new file mode 100644
index 0000000000..60b00f8a35
--- /dev/null
+++ b/layout/reftests/svg/filter-scaled-02.html
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <title>Test case for scaled SVG with filter region</title>
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=765107 -->
+  </head>
+  <body style="transform: scale(1.4)">
+   <div style="position: absolute; top: 20px; left: 200px">
+    <svg width="200" viewBox="0 0 222 222">
+     <filter id="filter" x="-20%" width="140%">
+      <feMerge>
+        <feMergeNode/>
+      </feMerge>
+     </filter>
+     <rect fill="green" x="120" y="100" width="100" height="120"
+           filter="url(#filter)"/>
+     <rect fill="none" stroke="black" stroke-width="4"
+           x="120" y="100" width="100" height="120"/>
+    </svg>
+   </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/filter-translated-01-ref.svg b/layout/reftests/svg/filter-translated-01-ref.svg
new file mode 100644
index 0000000000..3a77724572
--- /dev/null
+++ b/layout/reftests/svg/filter-translated-01-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(100)">
+    <rect fill="lime" width="50" height="50"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filter-translated-01.svg b/layout/reftests/svg/filter-translated-01.svg
new file mode 100644
index 0000000000..aeb1747524
--- /dev/null
+++ b/layout/reftests/svg/filter-translated-01.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="f" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+    <feOffset/>
+  </filter>
+  <g transform="translate(100)" filter="url(#f)">
+    <rect fill="lime" width="50" height="50"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filter-use-element-01.svg b/layout/reftests/svg/filter-use-element-01.svg
new file mode 100644
index 0000000000..48ff4f915e
--- /dev/null
+++ b/layout/reftests/svg/filter-use-element-01.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <filter id="myFilter" filterUnits="userSpaceOnUse" x="100" y="100" width="100" height="100">
+      <feGaussianBlur stdDeviation="20 10"/>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" fill="red" id="abc"/>
+  </defs>
+  <rect x="0" y="0" width="100%" height="100%" fill="lime"/>
+  <use  xlink:href="#abc" x="100" y="100" filter="url(#myFilter)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/filtered-image-in-pattern-01.svg b/layout/reftests/svg/filtered-image-in-pattern-01.svg
new file mode 100644
index 0000000000..d24786d619
--- /dev/null
+++ b/layout/reftests/svg/filtered-image-in-pattern-01.svg
@@ -0,0 +1,14 @@
+<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="no-op">
+      <feColorMatrix type="saturate" values="1" />
+    </filter>
+    <pattern id="pattern" height="50%" width="50%">
+      <rect width="24" height="24" fill="red"/>
+      <!-- 100 x 100 lime image, bigger than the width/height of the element -->
+      <image href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjA4ZXKc4QAAAeNJREFUeF7t0sERgDAQw0DSf9FAqvA+lBRwGsnnef/fgwzcIH3HQDEwAxiOs9QVSUEwAxjOapfO3YJgBjAcZ6krkoJgBjCc1S6duwXBDGA4zlJXJAXBDGA4q106dwuCGcBwnKWuSAqCGcBwVrt07hYEM4DhOEtdkRQEM4DhrHbp3C0IZgDDcZa6IikIZgDDWe3SuVsQzACG4yx1RVIQzACGs9qlc7cgmAEMx1nqiqQgmAEMZ7VL525BMAMYjrPUFUlBMAMYzmqXzt2CYAYwHGepK5KCYAYwnNUunbsFwQxgOM5SVyQFwQxgOKtdOncLghnAcJylrkgKghnAcFa7dO4WBDOA4ThLXZEUBDOA4ax26dwtCGYAw3GWuiIpCGYAw1nt0rlbEMwAhuMsdUVSEMwAhrPapXO3IJgBDMdZ6oqkIJgBDGe1S+duQTADGI6z1BVJQTADGM5ql87dgmAGMBxnqSuSgmAGMJzVLp27BcEMYDjOUlckBcEMYDirXTp3C4IZwHCcpa5ICoIZwHBWu3TuFgQzgOE4S12RFAQzgOGsduncLQhmAMNxlroiKQhmAMNZ7dK5WxDMAIbjLHVFUhDMAIaz2qVztyCYAQzHWeqKpCCYAQxntUvnbkEwAxiOs9QRyQemSBErQhZ+LAAAAABJRU5ErkJggg==" height="24" width="24" filter="url(#no-op)"/>
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="100" y="100" width="48" height="48" fill="url(#pattern)" />
+</svg>
diff --git a/layout/reftests/svg/filters-and-group-opacity-01-ref.svg b/layout/reftests/svg/filters-and-group-opacity-01-ref.svg
new file mode 100644
index 0000000000..14299cf9ec
--- /dev/null
+++ b/layout/reftests/svg/filters-and-group-opacity-01-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="200%" fill="white"/>
+  <rect width="100%" height="200%" fill="blue" fill-opacity=".5"/>
+</svg>
diff --git a/layout/reftests/svg/filters-and-group-opacity-01.svg b/layout/reftests/svg/filters-and-group-opacity-01.svg
new file mode 100644
index 0000000000..0c597809af
--- /dev/null
+++ b/layout/reftests/svg/filters-and-group-opacity-01.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test that filters and group opacity are applied in the correct order on an element</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=524104 -->
+
+  <filter id="filter" filterUnits="userSpaceOnUse" x="0" y="0" width="100%" height="100%"> 
+    <feFlood in="SourceGraphic" flood-color="blue"/>
+  </filter>
+
+  <rect width="1" height="1" filter="url(#filter)" opacity=".5"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/css-filter-chains/long-chain-ref.html b/layout/reftests/svg/filters/css-filter-chains/long-chain-ref.html
new file mode 100644
index 0000000000..573c6e419d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filter-chains/long-chain-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filter Chains: Long Filter Chain</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      /* The first 8 CSS filter functions result in this color. */
+      background-color: rgba(118, 153, 44, 0.8);
+      /* Use an equivalent SVG filter for the last 2 CSS filter functions. */
+      filter: url(#blur-and-drop-shadow);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square with a green drop shadow.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur-and-drop-shadow" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+      <feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="#0f0" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filter-chains/long-chain.html b/layout/reftests/svg/filters/css-filter-chains/long-chain.html
new file mode 100644
index 0000000000..b99468eee2
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filter-chains/long-chain.html
@@ -0,0 +1,41 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filter Chains: Long Filter Chain</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#FilterProperty">
+  <link rel="match" href="long-chain-ref.html">
+  <meta name="assert"
+        content="Multiple chained CSS filter functions of different types should
+                 render correctly.">
+  <style type="text/css">
+    #target {
+      /*
+        Chain together all 10 CSS filter functions defined in the Filter Effects
+        Level 1 specification.
+      */
+      filter: brightness(2)
+              contrast(0.4)
+              grayscale(0.2)
+              hue-rotate(270deg)
+              invert(0.6)
+              opacity(0.8)
+              saturate(10)
+              sepia(0.4)
+              blur(3px)
+              drop-shadow(10px 10px 10px #0f0);
+      background-color: red;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square with a green drop shadow.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filter-chains/moz-element-ref.html b/layout/reftests/svg/filters/css-filter-chains/moz-element-ref.html
new file mode 100644
index 0000000000..a769783b2b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filter-chains/moz-element-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters Chains: Use a Filtered Element as the Background of Another Element</title>
+  <style type="text/css">
+    #src {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+    #dest {
+      margin-top: 10px;
+      background: #0f0;
+      width: 200px;
+      height: 200px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a small green square followed by a large green square.</p>
+  <div id="src"></div>
+  <div id="dest"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filter-chains/moz-element.html b/layout/reftests/svg/filters/css-filter-chains/moz-element.html
new file mode 100644
index 0000000000..245f6a6464
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filter-chains/moz-element.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters Chains: Use a Filtered Element as the Background of Another Element</title>
+  <style type="text/css">
+    #src {
+      filter: hue-rotate(90deg) saturate(10);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+    #dest {
+      margin-top: 10px;
+      background: -moz-element(#src);
+      width: 200px;
+      height: 200px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a small green square followed by a large green square.</p>
+  <div id="src"></div>
+  <div id="dest"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filter-chains/reftest.list b/layout/reftests/svg/filters/css-filter-chains/reftest.list
new file mode 100644
index 0000000000..f9b9523329
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filter-chains/reftest.list
@@ -0,0 +1,7 @@
+# These tests verify that CSS filter chains behave properly.
+# e.g. filter: blur(3px) grayscale(0.5) invert(0.2);
+
+# Some platforms render this complex filter chain a little differently, and that's ok.
+fuzzy(4-10,12000-20260) == long-chain.html long-chain-ref.html # Win10: Bug 1258241
+== moz-element.html moz-element-ref.html
+fuzzy(0-15,0-14056) == same-filter.html same-filter-ref.html
diff --git a/layout/reftests/svg/filters/css-filter-chains/same-filter-ref.html b/layout/reftests/svg/filters/css-filter-chains/same-filter-ref.html
new file mode 100644
index 0000000000..ff5de04da9
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filter-chains/same-filter-ref.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filter Chains: Filters of the Same Type</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#blur);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feGaussianBlur stdDeviation="1" color-interpolation-filters="sRGB"/>
+      <feGaussianBlur stdDeviation="2" color-interpolation-filters="sRGB"/>
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filter-chains/same-filter.html b/layout/reftests/svg/filters/css-filter-chains/same-filter.html
new file mode 100644
index 0000000000..9dd79d4db4
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filter-chains/same-filter.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filter Chains: Filters of the Same Type</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#FilterProperty">
+  <link rel="match" href="same-filter-ref.html">
+  <meta name="assert"
+        content="Multiple chained CSS filter functions of the same type should
+                 render correctly.">
+  <style type="text/css">
+    #target {
+      filter: blur(1px) blur(2px) blur(3px);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-calc-negative-ref.html b/layout/reftests/svg/filters/css-filters/blur-calc-negative-ref.html
new file mode 100644
index 0000000000..fc260c2e22
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-calc-negative-ref.html
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Negative Calc Function Value</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-calc-negative-ref.html">
+  <meta name="assert"
+        content="Given a calc() value that evaluates to a negative result, the
+                 CSS blur filter function should not blur an HTML element.">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-calc-negative.html b/layout/reftests/svg/filters/css-filters/blur-calc-negative.html
new file mode 100644
index 0000000000..694c6cfc97
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-calc-negative.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Negative Calc Function Value</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-calc-negative-ref.html">
+  <meta name="assert"
+        content="Given a calc() value that evaluates to a negative result, the
+                 CSS blur filter function should not blur an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: blur(calc(-10px));
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-calc-ref.html b/layout/reftests/svg/filters/css-filters/blur-calc-ref.html
new file mode 100644
index 0000000000..8f35672749
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-calc-ref.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Calc Function Value</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: blur(10px);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-calc.html b/layout/reftests/svg/filters/css-filters/blur-calc.html
new file mode 100644
index 0000000000..e4dc87e7d7
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-calc.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Calc Function Value</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-calc-ref.html">
+  <meta name="assert"
+        content="Given a calc() value that evaluates to a positive result, the
+                 CSS blur filter function should blur an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: blur(calc(2 * 5px));
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software-ref.html b/layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software-ref.html
new file mode 100644
index 0000000000..4ad810f944
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Cap Blur Radius When Rendering in Software</title>
+  <style type="text/css">
+    #target {
+      filter: blur(100px);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software.html b/layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software.html
new file mode 100644
index 0000000000..81da59e6cb
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-cap-large-radius-on-software.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Cap Blur Radius When Rendering in Software</title>
+  <!--
+    When rendering in software, Firefox should cap large blur radii to a smaller
+    value in order to keep performance acceptable.
+  -->
+  <style type="text/css">
+    #target {
+      filter: blur(1000000px);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-clip-rect.html b/layout/reftests/svg/filters/css-filters/blur-clip-rect.html
new file mode 100644
index 0000000000..5bb25b91b8
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-clip-rect.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <title>CSS Filters: Blur an HTML Element and clip to the blur rect</title>
+  <style type="text/css">
+    #target {
+      filter: url(#blur);
+      width: 400px;
+      height: 400px;
+    }
+    #inner {
+      position: relative;
+      left: 100px;
+      top: 100px;
+      width: 100px;
+      height: 100px;
+      background-color: #00ff00;
+    }
+    body {
+      margin: 0px;
+    }
+  </style>
+</head>
+<body>
+  <div id="target">
+    <div id="inner"></div>
+  </div>
+  <svg width="0" height="0">
+    <filter id="blur" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" x="100" y="100" width="100" height="100"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-em-radius-ref.html b/layout/reftests/svg/filters/css-filters/blur-em-radius-ref.html
new file mode 100644
index 0000000000..929fbb5ab5
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-em-radius-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Radius in Ems</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#blur);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur">
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-em-radius.html b/layout/reftests/svg/filters/css-filters/blur-em-radius.html
new file mode 100644
index 0000000000..7ba53e0a2f
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-em-radius.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Radius in Ems</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-em-radius-ref.html">
+  <meta name="assert"
+        content="Given a valid blur radius in ems, the CSS blur filter function
+                 should blur an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: blur(0.3em);
+      font-size: 10px;
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-invalid-radius-ref.html b/layout/reftests/svg/filters/css-filters/blur-invalid-radius-ref.html
new file mode 100644
index 0000000000..83f74e2b53
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-invalid-radius-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Don't Change Element Rendering with Invalid Blur Radius</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-invalid-radius.html b/layout/reftests/svg/filters/css-filters/blur-invalid-radius.html
new file mode 100644
index 0000000000..aada289dd0
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-invalid-radius.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Don't Change Element Rendering with Invalid Blur Radius</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-invalid-radius-ref.html">
+  <meta name="assert"
+        content="Given an invalid blur radius, the CSS blur filter function
+                 should not change the rendering of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: blur(3);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-ref.html b/layout/reftests/svg/filters/css-filters/blur-ref.html
new file mode 100644
index 0000000000..62c4c8b9f4
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#blur);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur">
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-ref.svg b/layout/reftests/svg/filters/css-filters/blur-ref.svg
new file mode 100644
index 0000000000..5e7800a9e7
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-ref.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>CSS Filters: Blur an SVG Element</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="blur" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+    </filter>
+    <rect x="20" y="20" width="100" height="100" fill="#0f0" filter="url(#blur)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/css-filters/blur-rem-radius-ref.html b/layout/reftests/svg/filters/css-filters/blur-rem-radius-ref.html
new file mode 100644
index 0000000000..1b4b104d8d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-rem-radius-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Radius in Rems</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    html {
+      font-size: 30px;
+    }
+    #target {
+      filter: url(#blur);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur">
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-rem-radius.html b/layout/reftests/svg/filters/css-filters/blur-rem-radius.html
new file mode 100644
index 0000000000..69fac9a2b3
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-rem-radius.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element Using a Radius in Rems</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-rem-radius-ref.html">
+  <meta name="assert"
+        content="Given a valid blur radius in rems, the CSS blur filter function
+                 should blur an HTML element.">
+  <style type="text/css">
+    html {
+      font-size: 30px;
+    }
+    #target {
+      filter: blur(0.1rem);
+      font-size: 16px;
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-zero-radius-ref.html b/layout/reftests/svg/filters/css-filters/blur-zero-radius-ref.html
new file mode 100644
index 0000000000..7af2485f53
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-zero-radius-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur with Zero Radius</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square. It should not be blurred.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-zero-radius.html b/layout/reftests/svg/filters/css-filters/blur-zero-radius.html
new file mode 100644
index 0000000000..1bd099d898
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-zero-radius.html
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur with Zero Radius</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-zero-radius-ref.html">
+  <meta name="assert" content="Given a zero blur radius, the CSS blur filter
+                               function will not blur an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: blur(0);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square. It should not be blurred.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-zoomed-page-ref.html b/layout/reftests/svg/filters/css-filters/blur-zoomed-page-ref.html
new file mode 100644
index 0000000000..f68659241c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-zoomed-page-ref.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur on a 2x Zoomed Page</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    body {
+      margin: 2rem;
+    }
+    #target {
+      filter: url(#blur);
+      background-color: #0f0;
+      width: 200px;
+      height: 200px;
+    }
+  </style>
+</head>
+<body>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur" x="-100" y="-100" width="400" height="400" filterUnits="userSpaceOnUse">
+      <feGaussianBlur stdDeviation="6" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur-zoomed-page.html b/layout/reftests/svg/filters/css-filters/blur-zoomed-page.html
new file mode 100644
index 0000000000..98d7ad6610
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-zoomed-page.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html reftest-zoom="2.0">
+<head>
+  <title>CSS Filters: Blur on a 2x Zoomed Page</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-zoomed-page-ref.html">
+  <meta name="assert"
+        content="The results of the CSS blur filter function should scale up
+                 proportionally when the page is zoomed. At 1x zoom, you should
+                 see a blurred green square. At 2x zoom, you should see a
+                 blurred green square with a blur radius that's twice as
+                 large.">
+  <style type="text/css">
+    body {
+      margin: 1rem;
+    }
+    #target {
+      filter: blur(3px);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur.html b/layout/reftests/svg/filters/css-filters/blur.html
new file mode 100644
index 0000000000..3510824a0d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Blur an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">
+  <link rel="match" href="blur-ref.html">
+  <meta name="assert"
+        content="Given a valid blur radius, the CSS blur filter function should
+                 blur an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: blur(3px);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/blur.svg b/layout/reftests/svg/filters/css-filters/blur.svg
new file mode 100644
index 0000000000..8c6cf9536d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>CSS Filters: Blur an SVG Element</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur"/>
+    <link rel="match"
+          href="blur-ref.svg"/>
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      This test verifies that the CSS blur filter function can filter SVG
+      elements. If the test passes, you should see a green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <rect x="20" y="20" width="100" height="100" fill="#0f0" filter="blur(3px)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-darken-ref.html b/layout/reftests/svg/filters/css-filters/brightness-darken-ref.html
new file mode 100644
index 0000000000..466164dd1d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-darken-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Darken an HTML Element Using the Brightness Function</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(0, 64, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dark green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-darken.html b/layout/reftests/svg/filters/css-filters/brightness-darken.html
new file mode 100644
index 0000000000..544498e6b5
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-darken.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Darken an HTML Element Using the Brightness Function</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-brightness">
+  <link rel="match" href="brightness-darken-ref.html">
+  <meta name="assert"
+        content="Given a factor less than one, the CSS brightness filter
+                 function should darken the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: brightness(0.25);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dark green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-extreme-ref.html b/layout/reftests/svg/filters/css-filters/brightness-extreme-ref.html
new file mode 100644
index 0000000000..c38cd9a5bd
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-extreme-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element Using a Large Factor</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-extreme.html b/layout/reftests/svg/filters/css-filters/brightness-extreme.html
new file mode 100644
index 0000000000..11a7a68949
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-extreme.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element Using a Large Factor</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-brightness">
+  <link rel="match" href="brightness-extreme-ref.html">
+  <meta name="assert"
+        content="Given a large factor, the CSS brightness filter function should
+                 completely change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: brightness(1000);
+      background-color: rgb(0, 1, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-one-ref.html b/layout/reftests/svg/filters/css-filters/brightness-one-ref.html
new file mode 100644
index 0000000000..79e59d3403
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-one.html b/layout/reftests/svg/filters/css-filters/brightness-one.html
new file mode 100644
index 0000000000..9e061eab6c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-brightness">
+  <link rel="match" href="brightness-one-ref.html">
+  <meta name="assert"
+        content="Given a factor of one, the CSS brightness filter function
+                 should not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: brightness(1);
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-percent-ref.html b/layout/reftests/svg/filters/css-filters/brightness-percent-ref.html
new file mode 100644
index 0000000000..bd62450884
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-percent-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-percent.html b/layout/reftests/svg/filters/css-filters/brightness-percent.html
new file mode 100644
index 0000000000..cbe1477728
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-percent.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-brightness">
+  <link rel="match" href="brightness-percent-ref.html">
+  <meta name="assert"
+        content="Given a percentage, the CSS brightness filter function should
+                 change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: brightness(400%);
+      background-color: rgb(0, 32, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-ref.html b/layout/reftests/svg/filters/css-filters/brightness-ref.html
new file mode 100644
index 0000000000..31ca2a729a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-zero-ref.html b/layout/reftests/svg/filters/css-filters/brightness-zero-ref.html
new file mode 100644
index 0000000000..f49520c258
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-zero-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Darken an HTML Element Using the Brightness Function and a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: black;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a black square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness-zero.html b/layout/reftests/svg/filters/css-filters/brightness-zero.html
new file mode 100644
index 0000000000..71670a7fe2
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness-zero.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Darken an HTML Element Using the Brightness Function and a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-brightness">
+  <link rel="match" href="brightness-zero-ref.html">
+  <meta name="assert"
+        content="Given a factor of zero, the CSS brightness filter function
+                 should change the color of an HTML element to black.">
+  <style type="text/css">
+    #target {
+      filter: brightness(0);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a black square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/brightness.html b/layout/reftests/svg/filters/css-filters/brightness.html
new file mode 100644
index 0000000000..92e7f0ec00
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/brightness.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Brighten an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-brightness">
+  <link rel="match" href="brightness-ref.html">
+  <meta name="assert"
+        content="The CSS brightness filter function should change the color of
+                 an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: brightness(4);
+      background-color: rgb(0, 32, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/containing-block-1-ref.html b/layout/reftests/svg/filters/css-filters/containing-block-1-ref.html
new file mode 100644
index 0000000000..696893b47f
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/containing-block-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<body>
+<div style="position:absolute; left:150px; top:150px; width:200px; height:200px; background:lime;"></div>
+<div style="position:absolute; left:180px; top:180px; width:200px; height:200px; background:yellow;"></div>
+
diff --git a/layout/reftests/svg/filters/css-filters/containing-block-1.html b/layout/reftests/svg/filters/css-filters/containing-block-1.html
new file mode 100644
index 0000000000..503f6ee35a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/containing-block-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<body style="margin:0">
+<div style="margin:100px; width:100px; height:100px; filter:opacity(1);">
+  <div style="position:absolute; left:50px; top:50px; width:200px; height:200px; background:lime;"></div>
+  <div style="position:fixed; left:80px; top:80px; width:200px; height:200px; background:yellow;"></div>
+</div>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-extreme-ref.html b/layout/reftests/svg/filters/css-filters/contrast-extreme-ref.html
new file mode 100644
index 0000000000..c276e8bca7
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-extreme-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Increase the Contrast of an HTML Element Using a Large Factor</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-extreme.html b/layout/reftests/svg/filters/css-filters/contrast-extreme.html
new file mode 100644
index 0000000000..e5b80f8ed6
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-extreme.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Increase the Contrast of an HTML Element Using a Large Factor</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-contrast">
+  <link rel="match" href="contrast-extreme-ref.html">
+  <meta name="assert"
+        content="Given a large factor, the CSS contrast filter function should
+                 should change color channel values to be much farther from
+                 their middle value.">
+  <style type="text/css">
+    #target {
+      filter: contrast(1000);
+      background-color: rgb(127, 129, 127); /* 127 should change to 0, and 129 should change to 255. */
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-one-ref.html b/layout/reftests/svg/filters/css-filters/contrast-one-ref.html
new file mode 100644
index 0000000000..90df359cc1
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Set the Contrast of HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-one.html b/layout/reftests/svg/filters/css-filters/contrast-one.html
new file mode 100644
index 0000000000..c7c4cca19a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Set the Contrast of HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-contrast">
+  <link rel="match" href="contrast-one-ref.html">
+  <meta name="assert"
+        content="Given a factor of one, the CSS contrast filter function
+                 should not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: contrast(1);
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-percent-ref.html b/layout/reftests/svg/filters/css-filters/contrast-percent-ref.html
new file mode 100644
index 0000000000..84f5eb0410
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-percent-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Increase the Contrast of an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-percent.html b/layout/reftests/svg/filters/css-filters/contrast-percent.html
new file mode 100644
index 0000000000..7d0337f642
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-percent.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Increase the Contrast of an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-contrast">
+  <link rel="match" href="contrast-percent-ref.html">
+  <meta name="assert"
+        content="Given a percentage, the CSS contrast filter function should
+                 change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: contrast(200%);
+      background-color: rgb(0, 196, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-reduce-ref.html b/layout/reftests/svg/filters/css-filters/contrast-reduce-ref.html
new file mode 100644
index 0000000000..ef169da13b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-reduce-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Reduce the Contrast of an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(64, 191, 64);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-reduce.html b/layout/reftests/svg/filters/css-filters/contrast-reduce.html
new file mode 100644
index 0000000000..f4482d4937
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-reduce.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Reduce the Contrast of an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-contrast">
+  <link rel="match" href="contrast-reduce-ref.html">
+  <meta name="assert"
+        content="Given a factor of less than one, the CSS contrast filter
+                 function should change color channel values to be closer to
+                 their middle value.">
+  <style type="text/css">
+    #target {
+      filter: contrast(0.5);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-ref.html b/layout/reftests/svg/filters/css-filters/contrast-ref.html
new file mode 100644
index 0000000000..84f5eb0410
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Increase the Contrast of an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-zero-ref.html b/layout/reftests/svg/filters/css-filters/contrast-zero-ref.html
new file mode 100644
index 0000000000..5f1a1f6ea6
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-zero-ref.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Reduce the Contrast of an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: contrast(0);
+      background-color: rgb(128, 128, 128);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast-zero.html b/layout/reftests/svg/filters/css-filters/contrast-zero.html
new file mode 100644
index 0000000000..59db11b60c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast-zero.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Reduce the Contrast of an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-contrast">
+  <link rel="match" href="contrast-zero-ref.html">
+  <meta name="assert"
+        content="Given a factor of zero, the CSS contrast filter function
+                 should change the color of an HTML element to gray.">
+  <style type="text/css">
+    #target {
+      filter: contrast(0);
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/contrast.html b/layout/reftests/svg/filters/css-filters/contrast.html
new file mode 100644
index 0000000000..e12b6ebbc9
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/contrast.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Increase the Contrast of an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-contrast">
+  <link rel="match" href="contrast-ref.html">
+  <meta name="assert"
+        content="The CSS contrast filter function should change the color of
+                 an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: contrast(2);
+      background-color: rgb(0, 196, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/drop-shadow-default-color-ref.html b/layout/reftests/svg/filters/css-filters/drop-shadow-default-color-ref.html
new file mode 100644
index 0000000000..2fe89507c5
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/drop-shadow-default-color-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Drop Shadow Default Color</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#drop-shadow);
+      background-color: #00f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blue square with a green drop shadow.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="drop-shadow" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feDropShadow dx="10" dy="10" stdDeviation="3" flood-color="#0f0" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/drop-shadow-default-color.html b/layout/reftests/svg/filters/css-filters/drop-shadow-default-color.html
new file mode 100644
index 0000000000..ac9f8ecb12
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/drop-shadow-default-color.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Drop Shadow Default Color</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-drop-shadow">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-box-shadow">
+  <link rel="match" href="drop-shadow-default-color-ref.html">
+  <meta name="assert"
+        content="If the color is unspecified in a CSS drop-shadow filter
+                 function, it should default to the value of the CSS color
+                 property.">
+  <style type="text/css">
+    #target {
+      filter: drop-shadow(10px 10px 3px);
+      color: #0f0;
+      background-color: #00f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blue square with a green drop shadow.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset-ref.html b/layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset-ref.html
new file mode 100644
index 0000000000..bf04c1d511
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Filters: Negative Drop Shadow Offset</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#drop-shadow);
+      background-color: #00f;
+      position: relative;
+      top: 20px;
+      left: 20px;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blue square with a green drop shadow in its top left corner.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="drop-shadow" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feDropShadow dx="-10" dy="-10" stdDeviation="3" flood-color="#0f0" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset.html b/layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset.html
new file mode 100644
index 0000000000..79b301daba
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/drop-shadow-negative-offset.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Negative Drop Shadow Offset</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-drop-shadow">
+  <link rel="match" href="drop-shadow-negative-offset-ref.html">
+  <meta name="assert"
+        content="Given negative shadow offsets, the CSS drop-shadow filter
+                 function should add a drop shadow extending from the top left
+                 corner of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: drop-shadow(-10px -10px 3px #0f0);
+      background-color: #00f;
+      position: relative;
+      top: 20px;
+      left: 20px;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blue square with a green drop shadow in its top left corner.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/drop-shadow-ref.html b/layout/reftests/svg/filters/css-filters/drop-shadow-ref.html
new file mode 100644
index 0000000000..211fbfbc43
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/drop-shadow-ref.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Drop Shadow on HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#drop-shadow);
+      background-color: #00f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blue square with a green drop shadow.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="drop-shadow" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feDropShadow dx="10" dy="10" stdDeviation="3" flood-color="#0f0" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/drop-shadow.html b/layout/reftests/svg/filters/css-filters/drop-shadow.html
new file mode 100644
index 0000000000..1e46734651
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/drop-shadow.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Drop Shadow on HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-drop-shadow">
+  <link rel="match" href="drop-shadow-ref.html">
+  <meta name="assert"
+        content="The CSS drop-shadow filter function should add a drop shadow to
+                 an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: drop-shadow(10px 10px 3px #0f0);
+      background-color: #00f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blue square with a green drop shadow.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/filter-on-huge-bbox.html b/layout/reftests/svg/filters/css-filters/filter-on-huge-bbox.html
new file mode 100644
index 0000000000..6a75f19b27
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/filter-on-huge-bbox.html
@@ -0,0 +1,26 @@
+<head>
+<style>
+body {
+  filter: blur(0px);
+  background-color: red;
+  margin:0px;
+}
+
+a {
+  text-indent: -9999em;
+  top: -9999em;
+  position: absolute;
+}
+
+div {
+  width: 100%;
+  height: 100%;
+  background-color: lime;
+  margin: 0px;
+}
+</style>
+</head>
+<body>
+  <div></div>
+  <a href="http://example.com">http://example.com</a>
+</body>
\ No newline at end of file
diff --git a/layout/reftests/svg/filters/css-filters/filter-on-outer-svg.html b/layout/reftests/svg/filters/css-filters/filter-on-outer-svg.html
new file mode 100644
index 0000000000..72e533a4ed
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/filter-on-outer-svg.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body style="background-color: lime;">
+  <div style="width: 100px; height: 100px; background-color: red;">
+    <svg width="100" height="100" style="filter: opacity(100%);">
+      <g transform="matrix(200,0,0,200,-20000,-20000)">
+        <rect width="200" height="200" style="fill:lime">
+      </g>
+    </svg>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-one-ref.html b/layout/reftests/svg/filters/css-filters/grayscale-one-ref.html
new file mode 100644
index 0000000000..1a71de85ec
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(53, 53, 53);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-one.html b/layout/reftests/svg/filters/css-filters/grayscale-one.html
new file mode 100644
index 0000000000..a13aaec7ff
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-grayscale">
+  <link rel="match" href="grayscale-one-ref.html">
+  <meta name="assert"
+        content="Given a factor of one, the CSS grayscale filter function should
+                 completely desaturate an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: grayscale(1);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-over-one-ref.html b/layout/reftests/svg/filters/css-filters/grayscale-over-one-ref.html
new file mode 100644
index 0000000000..16bac92715
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-over-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(53, 53, 53);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-over-one.html b/layout/reftests/svg/filters/css-filters/grayscale-over-one.html
new file mode 100644
index 0000000000..ac3f0496da
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-over-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-grayscale">
+  <link rel="match" href="grayscale-over-one-ref.html">
+  <meta name="assert"
+        content="Given a factor over one, the CSS grayscale filter function
+                 should completely desaturate an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: grayscale(1000);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-percent-ref.html b/layout/reftests/svg/filters/css-filters/grayscale-percent-ref.html
new file mode 100644
index 0000000000..90e4b69f52
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-percent-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(145, 197, 145);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dull green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-percent.html b/layout/reftests/svg/filters/css-filters/grayscale-percent.html
new file mode 100644
index 0000000000..5500e7ce8d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-percent.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-grayscale">
+  <link rel="match" href="grayscale-percent-ref.html">
+  <meta name="assert"
+        content="Given a percentage, the CSS grayscale filter function should
+                 desaturate an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: grayscale(80%);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dull green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-ref.html b/layout/reftests/svg/filters/css-filters/grayscale-ref.html
new file mode 100644
index 0000000000..06da896192
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(145, 197, 145);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dull green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-zero-ref.html b/layout/reftests/svg/filters/css-filters/grayscale-zero-ref.html
new file mode 100644
index 0000000000..1c023606fd
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-zero-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale-zero.html b/layout/reftests/svg/filters/css-filters/grayscale-zero.html
new file mode 100644
index 0000000000..5cf259540c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale-zero.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-grayscale">
+  <link rel="match" href="grayscale-zero-ref.html">
+  <meta name="assert"
+        content="Given a factor of zero, the CSS grayscale filter function
+                 should not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: grayscale(0);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/grayscale.html b/layout/reftests/svg/filters/css-filters/grayscale.html
new file mode 100644
index 0000000000..ac15725ab0
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/grayscale.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Grayscale an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-grayscale">
+  <link rel="match" href="grayscale-ref.html">
+  <meta name="assert"
+        content="The CSS grayscale filter function should desaturate an HTML
+                 element.">
+  <style type="text/css">
+    #target {
+      filter: grayscale(0.8);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dull green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-360-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-360-ref.html
new file mode 100644
index 0000000000..39583b518b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-360-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using a 360 Degree Angle</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-360.html b/layout/reftests/svg/filters/css-filters/hue-rotate-360.html
new file mode 100644
index 0000000000..de8791e03d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-360.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using a 360 Degree Angle</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-360-ref.html">
+  <meta name="assert"
+        content="Given a 360 degree angle, the CSS hue-rotate filter function
+                 should not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(360deg);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-grad-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-grad-ref.html
new file mode 100644
index 0000000000..855749647f
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-grad-ref.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using Gradians</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#hue-rotate);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+  <!--
+    This equivalent SVG filter is defined in:
+    http://www.w3.org/TR/filter-effects-1/#huerotateEquivalent
+  -->
+  <svg width="0" height="0">
+    <filter id="hue-rotate">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-grad.html b/layout/reftests/svg/filters/css-filters/hue-rotate-grad.html
new file mode 100644
index 0000000000..13ff77499a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-grad.html
@@ -0,0 +1,29 @@
+
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using Gradians</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-turns-ref.html">
+  <meta name="assert"
+        content="Given an angle in gradians, the CSS hue-rotate filter function
+                 should change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(100grad); /* Equivalent to 90deg. */
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-multichannel-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-multichannel-ref.html
new file mode 100644
index 0000000000..7fa26b5036
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-multichannel-ref.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Containing Colors with Multiple RGB Channels</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      width: 150px;
+      height: 150px;
+    }
+    .color-strip {
+      height: 50px;
+    }
+    #color-strip-1 {
+      background-color: rgb(64, 187, 46);
+    }
+    #color-strip-2 {
+      background-color: rgb(64, 250, 255);
+    }
+    #color-strip-3 {
+      background-color: rgb(255, 14, 109);
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a horizontal green strip, followed by a cyan strip, followed by a magenta strip.</p>
+  <div id="target">
+    <div id="color-strip-1" class="color-strip"></div>
+    <div id="color-strip-2" class="color-strip"></div>
+    <div id="color-strip-3" class="color-strip"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-multichannel.html b/layout/reftests/svg/filters/css-filters/hue-rotate-multichannel.html
new file mode 100644
index 0000000000..d6e9650c7a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-multichannel.html
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Containing Colors with Multiple RGB Channels</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(90deg);
+      width: 150px;
+      height: 150px;
+    }
+    .color-strip {
+      height: 50px;
+    }
+    #color-strip-1 {
+      background-color: rgb(255, 128, 64);
+    }
+    #color-strip-2 {
+      background-color: rgb(128, 255, 64);
+    }
+    #color-strip-3 {
+      background-color: rgb(32, 64, 255);
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a horizontal green strip, followed by a cyan strip, followed by a magenta strip.</p>
+  <div id="target">
+    <div id="color-strip-1" class="color-strip"></div>
+    <div id="color-strip-2" class="color-strip"></div>
+    <div id="color-strip-3" class="color-strip"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-negative-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-negative-ref.html
new file mode 100644
index 0000000000..19c843d0f0
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-negative-ref.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using a Negative Angle</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#hue-rotate);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+  <!--
+    This equivalent SVG filter is defined in:
+    http://www.w3.org/TR/filter-effects-1/#huerotateEquivalent
+  -->
+  <svg width="0" height="0">
+    <filter id="hue-rotate">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-negative.html b/layout/reftests/svg/filters/css-filters/hue-rotate-negative.html
new file mode 100644
index 0000000000..97b84be5be
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-negative.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using a Negative Angle</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-negative-ref.html">
+  <meta name="assert"
+        content="Given a negative angle, the CSS hue-rotate filter function
+                 should change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(-270deg); /* Equivalent to 90deg. */
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-over-360-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-over-360-ref.html
new file mode 100644
index 0000000000..c1744b9601
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-over-360-ref.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using an Angle Over 360 Degrees</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#hue-rotate);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+  <!--
+    This equivalent SVG filter is defined in:
+    http://www.w3.org/TR/filter-effects-1/#huerotateEquivalent
+  -->
+  <svg width="0" height="0">
+    <filter id="hue-rotate">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-over-360.html b/layout/reftests/svg/filters/css-filters/hue-rotate-over-360.html
new file mode 100644
index 0000000000..dfc067ee2e
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-over-360.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using an Angle Over 360 Degrees</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-over-360-ref.html">
+  <meta name="assert"
+        content="Given an angle over 360 degress, the CSS hue-rotate filter
+                 function should change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(450deg); /* Equivalent to 90deg. */
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-rad-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-rad-ref.html
new file mode 100644
index 0000000000..82ae7b28cb
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-rad-ref.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using Radians</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#hue-rotate);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+  <!--
+    This equivalent SVG filter is defined in:
+    http://www.w3.org/TR/filter-effects-1/#huerotateEquivalent
+  -->
+  <svg width="0" height="0">
+    <filter id="hue-rotate">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-rad.html b/layout/reftests/svg/filters/css-filters/hue-rotate-rad.html
new file mode 100644
index 0000000000..5622f441d1
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-rad.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using Radians</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-turns-ref.html">
+  <meta name="assert"
+        content="Given an angle in radians, the CSS hue-rotate filter function
+                 should change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(1.57079632679rad); /* Equivalent to 90deg. */
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-ref.html
new file mode 100644
index 0000000000..aec99216a9
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-ref.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#hue-rotate);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+  <!--
+    This equivalent SVG filter is defined in:
+    http://www.w3.org/TR/filter-effects-1/#huerotateEquivalent
+  -->
+  <svg width="0" height="0">
+    <filter id="hue-rotate">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-turn-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-turn-ref.html
new file mode 100644
index 0000000000..c3a76ea4b5
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-turn-ref.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using Turns</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#hue-rotate);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+  <!--
+    This equivalent SVG filter is defined in:
+    http://www.w3.org/TR/filter-effects-1/#huerotateEquivalent
+  -->
+  <svg width="0" height="0">
+    <filter id="hue-rotate">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-turn.html b/layout/reftests/svg/filters/css-filters/hue-rotate-turn.html
new file mode 100644
index 0000000000..d6d8a17f63
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-turn.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using Turns</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-turn-ref.html">
+  <meta name="assert"
+        content="Given an angle in turns, the CSS hue-rotate filter function
+                 should change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(0.25turn);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-zero-ref.html b/layout/reftests/svg/filters/css-filters/hue-rotate-zero-ref.html
new file mode 100644
index 0000000000..996b22e0fd
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-zero-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using a Zero Angle</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate-zero.html b/layout/reftests/svg/filters/css-filters/hue-rotate-zero.html
new file mode 100644
index 0000000000..c79f23e5c0
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate-zero.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element Using a Zero Angle</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-zero-ref.html">
+  <meta name="assert"
+        content="Given a zero angle, the CSS hue-rotate filter function should
+                 not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(0);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/hue-rotate.html b/layout/reftests/svg/filters/css-filters/hue-rotate.html
new file mode 100644
index 0000000000..a4536eea7a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/hue-rotate.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Hue Rotate an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-hue-rotate">
+  <link rel="match" href="hue-rotate-ref.html">
+  <meta name="assert"
+        content="The CSS hue-rotate filter function should change the color of
+                 an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: hue-rotate(90deg);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-half-ref.html b/layout/reftests/svg/filters/css-filters/invert-half-ref.html
new file mode 100644
index 0000000000..bd0d67d66b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-half-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor of One Half</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(127, 127, 127);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-half.html b/layout/reftests/svg/filters/css-filters/invert-half.html
new file mode 100644
index 0000000000..818d751169
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-half.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor of One Half</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-invert">
+  <link rel="match" href="invert-half-ref.html">
+  <meta name="assert"
+        content="Given a factor of one half, the CSS invert filter function
+                 should change the color of an HTML element to gray.">
+  <style type="text/css">
+    #target {
+      filter: invert(0.5);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-one-ref.html b/layout/reftests/svg/filters/css-filters/invert-one-ref.html
new file mode 100644
index 0000000000..6882b501c9
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-one.html b/layout/reftests/svg/filters/css-filters/invert-one.html
new file mode 100644
index 0000000000..f9e8eaa98a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-invert">
+  <link rel="match" href="invert-one-ref.html">
+  <meta name="assert"
+        content="Given a factor of one, the CSS invert filter function should
+                 completely change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: invert(1);
+      background-color: #f0f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-over-one-ref.html b/layout/reftests/svg/filters/css-filters/invert-over-one-ref.html
new file mode 100644
index 0000000000..4452898e3b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-over-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-over-one.html b/layout/reftests/svg/filters/css-filters/invert-over-one.html
new file mode 100644
index 0000000000..374fe6dfde
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-over-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-invert">
+  <link rel="match" href="invert-over-one-ref.html">
+  <meta name="assert"
+        content="Given a factor over one, the CSS invert filter function
+                 should completely change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: invert(1000);
+      background-color: #f0f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-percent-ref.html b/layout/reftests/svg/filters/css-filters/invert-percent-ref.html
new file mode 100644
index 0000000000..fd197f038c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-percent-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(63, 191, 63);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-percent.html b/layout/reftests/svg/filters/css-filters/invert-percent.html
new file mode 100644
index 0000000000..d56dc17418
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-percent.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-invert">
+  <link rel="match" href="invert-percent-ref.html">
+  <meta name="assert"
+        content="Given a percentage, the CSS invert filter function should
+                 change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: invert(75%);
+      background-color: #f0f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-ref.html b/layout/reftests/svg/filters/css-filters/invert-ref.html
new file mode 100644
index 0000000000..c5af4b6116
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(63, 191, 63);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-zero-ref.html b/layout/reftests/svg/filters/css-filters/invert-zero-ref.html
new file mode 100644
index 0000000000..3f000a71dd
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-zero-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert-zero.html b/layout/reftests/svg/filters/css-filters/invert-zero.html
new file mode 100644
index 0000000000..9adb505dd4
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert-zero.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-invert">
+  <link rel="match" href="invert-zero-ref.html">
+  <meta name="assert"
+        content="Given a factor of zero, the CSS invert filter function should
+                 not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: invert(0);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/invert.html b/layout/reftests/svg/filters/css-filters/invert.html
new file mode 100644
index 0000000000..8ba201e227
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/invert.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Invert an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-invert">
+  <link rel="match" href="invert-ref.html">
+  <meta name="assert"
+        content="The CSS invert filter function should change the color of an
+                 HTML element.">
+  <style type="text/css">
+    #target {
+      filter: invert(0.75);
+      background-color: #f0f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-one-ref.html b/layout/reftests/svg/filters/css-filters/opacity-one-ref.html
new file mode 100644
index 0000000000..b75678edbb
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-one.html b/layout/reftests/svg/filters/css-filters/opacity-one.html
new file mode 100644
index 0000000000..8e0f26ba01
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-one.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-opacity">
+  <link rel="match" href="opacity-one-ref.html">
+  <meta name="assert"
+        content="Given a factor of one, the CSS opacity filter function should
+                 not change the opaqueness of an HTML element.">
+  <style type="text/css">
+    #below-target {
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+    #target {
+      filter: opacity(1000);
+      background-color: #0f0;
+      position: relative;
+      top: -100px;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="below-target"></div>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-over-one-ref.html b/layout/reftests/svg/filters/css-filters/opacity-over-one-ref.html
new file mode 100644
index 0000000000..d674607041
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-over-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source-ref.html b/layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source-ref.html
new file mode 100644
index 0000000000..dea9f84a5a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to a Translucent HTML Element Using a Factor Over One</title>
+  <style type="text/css">
+    #target {
+      background-color: rgba(0, 255, 0, 0.25);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a faded green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source.html b/layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source.html
new file mode 100644
index 0000000000..07ff65ed7b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-over-one-translucent-source.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to a Translucent HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-opacity">
+  <link rel="match" href="opacity-over-one-translucent-source-ref.html">
+  <meta name="assert"
+        content="Given a factor over one, the CSS opacity filter function should
+                 not change the translucency of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: opacity(1000);
+      background-color: rgba(0, 255, 0, 0.25);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a faded green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-over-one.html b/layout/reftests/svg/filters/css-filters/opacity-over-one.html
new file mode 100644
index 0000000000..2716d39bf1
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-over-one.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-opacity">
+  <link rel="match" href="opacity-over-one-ref.html">
+  <meta name="assert"
+        content="Given a factor over one, the CSS opacity filter function should
+                 not change the opaqueness of an HTML element.">
+  <style type="text/css">
+    #below-target {
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+    #target {
+      filter: opacity(1000);
+      background-color: #0f0;
+      position: relative;
+      top: -100px;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="below-target"></div>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-percent-ref.html b/layout/reftests/svg/filters/css-filters/opacity-percent-ref.html
new file mode 100644
index 0000000000..f673701fe8
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-percent-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(192, 255, 192);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a faded green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-percent.html b/layout/reftests/svg/filters/css-filters/opacity-percent.html
new file mode 100644
index 0000000000..5cc4ab5d23
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-percent.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-opacity">
+  <link rel="match" href="opacity-percent-ref.html">
+  <meta name="assert"
+        content="Given a percentage, the CSS opacity filter function should make
+                 an HTML element translucent.">
+  <style type="text/css">
+    #target {
+      filter: opacity(25%);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a faded green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-ref.html b/layout/reftests/svg/filters/css-filters/opacity-ref.html
new file mode 100644
index 0000000000..adbfcf2bb7
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(192, 255, 192);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a faded green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-zero-ref.html b/layout/reftests/svg/filters/css-filters/opacity-zero-ref.html
new file mode 100644
index 0000000000..69821d5ac4
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-zero-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #below-target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="below-target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity-zero.html b/layout/reftests/svg/filters/css-filters/opacity-zero.html
new file mode 100644
index 0000000000..da5e6899ff
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity-zero.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-opacity">
+  <link rel="match" href="opacity-zero-ref.html">
+  <meta name="assert"
+        content="Given a factor of zero, the CSS opacity filter function should
+                 make an HTML element completely transparent.">
+  <style type="text/css">
+    #below-target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+    #target {
+      filter: opacity(0);
+      background-color: #f00;
+      position: relative;
+      top: -100px;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="below-target"></div>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/opacity.html b/layout/reftests/svg/filters/css-filters/opacity.html
new file mode 100644
index 0000000000..3ea8f1589c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/opacity.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Opacity to an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-opacity">
+  <link rel="match" href="opacity-ref.html">
+  <meta name="assert"
+        content="The CSS opacity filter function should make an HTML element
+                 translucent.">
+  <style type="text/css">
+    #target {
+      filter: opacity(0.25);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a faded green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/pass.svg b/layout/reftests/svg/filters/css-filters/pass.svg
new file mode 100644
index 0000000000..e76380c89a
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/pass.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/filters/css-filters/reftest.list b/layout/reftests/svg/filters/css-filters/reftest.list
new file mode 100644
index 0000000000..f204de98cd
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/reftest.list
@@ -0,0 +1,71 @@
+# These tests verify that CSS filters behave properly.
+# e.g. filter: blur(3px)
+
+== blur.html blur-ref.html
+== blur.svg blur-ref.svg
+== blur-calc.html blur-calc-ref.html
+== blur-calc-negative.html blur-calc-negative-ref.html
+fuzzy-if(cocoaWidget,0-1,0-2) skip-if(d2d) == blur-cap-large-radius-on-software.html blur-cap-large-radius-on-software-ref.html
+fuzzy-if(!useDrawSnapshot,2-5,4764-8168) fuzzy-if(Android&&device&&!swgl,5-5,8574-8574) == blur-clip-rect.html ../feGaussianBlur-4-ref.svg
+== blur-em-radius.html blur-em-radius-ref.html
+== blur-invalid-radius.html blur-invalid-radius-ref.html
+== blur-rem-radius.html blur-rem-radius-ref.html
+== blur-zero-radius.html blur-zero-radius-ref.html
+fails-if(useDrawSnapshot) == blur-zoomed-page.html blur-zoomed-page-ref.html
+== brightness.html brightness-ref.html
+== brightness-darken.html brightness-darken-ref.html
+== brightness-extreme.html brightness-extreme-ref.html
+== brightness-one.html brightness-one-ref.html
+== brightness-percent.html brightness-percent-ref.html
+== brightness-zero.html brightness-zero-ref.html
+== containing-block-1.html containing-block-1-ref.html
+== contrast.html contrast-ref.html
+== contrast-extreme.html contrast-extreme-ref.html
+== contrast-one.html contrast-one-ref.html
+== contrast-percent.html contrast-percent-ref.html
+== contrast-reduce.html contrast-reduce-ref.html
+== contrast-zero.html contrast-zero-ref.html
+== drop-shadow.html drop-shadow-ref.html
+== drop-shadow-default-color.html drop-shadow-default-color-ref.html
+== drop-shadow-negative-offset.html drop-shadow-negative-offset-ref.html
+== filter-on-huge-bbox.html pass.svg
+fuzzy(0-1,0-44) fuzzy-if(winWidget,0-1,0-198) == filter-on-outer-svg.html pass.svg
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == grayscale.html grayscale-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == grayscale-one.html grayscale-one-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == grayscale-over-one.html grayscale-over-one-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == grayscale-percent.html grayscale-percent-ref.html
+fuzzy(0-1,0-10000) == grayscale-zero.html grayscale-zero-ref.html
+== hue-rotate.html hue-rotate-ref.html
+== hue-rotate-360.html hue-rotate-360-ref.html
+== hue-rotate-grad.html hue-rotate-grad-ref.html
+fuzzy-if(!useDrawSnapshot&&!geckoview,2-2,7500-7500) fuzzy-if(d2d,0-2,0-7500) == hue-rotate-multichannel.html hue-rotate-multichannel-ref.html
+== hue-rotate-negative.html hue-rotate-negative-ref.html
+== hue-rotate-over-360.html hue-rotate-over-360-ref.html
+== hue-rotate-rad.html hue-rotate-rad-ref.html
+== hue-rotate-turn.html hue-rotate-turn-ref.html
+== hue-rotate-zero.html hue-rotate-zero-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == invert.html invert-ref.html
+fuzzy(0-1,0-10000) == invert-half.html invert-half-ref.html
+== invert-one.html invert-one-ref.html
+== invert-over-one.html invert-over-one-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == invert-percent.html invert-percent-ref.html
+== invert-zero.html invert-zero-ref.html
+fuzzy-if(!useDrawSnapshot&&!geckoview,1-1,10000-10000) fuzzy-if(d2d,0-1,0-10000) == opacity.html opacity-ref.html
+== opacity-one.html opacity-one-ref.html
+== opacity-over-one.html opacity-over-one-ref.html
+fuzzy(0-1,0-10000) == opacity-over-one-translucent-source.html opacity-over-one-translucent-source-ref.html
+fuzzy-if(!useDrawSnapshot&&!geckoview,1-1,10000-10000) fuzzy-if(d2d,0-1,0-10000) == opacity-percent.html opacity-percent-ref.html
+== opacity-zero.html opacity-zero-ref.html
+== saturate.html saturate-ref.html
+fuzzy-if(!useDrawSnapshot&&!geckoview,1-1,10000-10000) fuzzy-if(d2d,0-1,0-10000) == saturate-desaturate.html saturate-desaturate-ref.html
+== saturate-extreme.html saturate-extreme-ref.html
+== saturate-one.html saturate-one-ref.html
+== saturate-percent.html saturate-percent-ref.html
+fuzzy-if(!useDrawSnapshot&&!geckoview,1-1,10000-10000) fuzzy-if(d2d,0-1,0-10000) == saturate-zero.html saturate-zero-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == sepia.html sepia-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == sepia-one.html sepia-one-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == sepia-over-one.html sepia-over-one-ref.html
+fuzzy(0-1,0-10000) fuzzy-if(d2d,0-1,0-10000) == sepia-percent.html sepia-percent-ref.html
+== sepia-zero.html sepia-zero-ref.html
+
+fuzzy(0-2,0-125000) == scale-filtered-content-01.html scale-filtered-content-01-ref.html
diff --git a/layout/reftests/svg/filters/css-filters/saturate-desaturate-ref.html b/layout/reftests/svg/filters/css-filters/saturate-desaturate-ref.html
new file mode 100644
index 0000000000..61cd7036b2
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-desaturate-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Desaturate an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(145, 197, 145);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dull green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-desaturate.html b/layout/reftests/svg/filters/css-filters/saturate-desaturate.html
new file mode 100644
index 0000000000..fdd080361f
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-desaturate.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Desaturate an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-saturate">
+  <link rel="match" href="saturate-desaturate-ref.html">
+  <meta name="assert"
+        content="Given a factor of less than one, the CSS saturate filter
+                 function should dull the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: saturate(0.2);
+      background-color: rgb(0, 255, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a dull green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-extreme-ref.html b/layout/reftests/svg/filters/css-filters/saturate-extreme-ref.html
new file mode 100644
index 0000000000..fd7f3711c1
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-extreme-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element Using a Large Factor</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-extreme.html b/layout/reftests/svg/filters/css-filters/saturate-extreme.html
new file mode 100644
index 0000000000..d533074f00
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-extreme.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element Using a Large Factor</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-saturate">
+  <link rel="match" href="saturate-extreme-ref.html">
+  <meta name="assert"
+        content="Given a large factor, the CSS saturate filter function should
+                 significantly increase any non-zero color channels in an HTML
+                 element.">
+  <style type="text/css">
+    #target {
+      filter: saturate(1000);
+      background-color: rgb(0, 1, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-one-ref.html b/layout/reftests/svg/filters/css-filters/saturate-one-ref.html
new file mode 100644
index 0000000000..09c46b9f98
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-one.html b/layout/reftests/svg/filters/css-filters/saturate-one.html
new file mode 100644
index 0000000000..7633f568fa
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-saturate">
+  <link rel="match" href="saturate-one-ref.html">
+  <meta name="assert"
+        content="Given a factor of one, the CSS saturate filter function should
+                 not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: saturate(1);
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-percent-ref.html b/layout/reftests/svg/filters/css-filters/saturate-percent-ref.html
new file mode 100644
index 0000000000..9ffb3a5ae1
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-percent-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-percent.html b/layout/reftests/svg/filters/css-filters/saturate-percent.html
new file mode 100644
index 0000000000..17b6ea791c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-percent.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-saturate">
+  <link rel="match" href="saturate-percent-ref.html">
+  <meta name="assert"
+        content="Given a percentage, the CSS saturate filter function should
+                 change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: saturate(500%);
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-ref.html b/layout/reftests/svg/filters/css-filters/saturate-ref.html
new file mode 100644
index 0000000000..9f142cd743
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-zero-ref.html b/layout/reftests/svg/filters/css-filters/saturate-zero-ref.html
new file mode 100644
index 0000000000..fd439a899c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-zero-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Desaturate an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(53, 53, 53);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate-zero.html b/layout/reftests/svg/filters/css-filters/saturate-zero.html
new file mode 100644
index 0000000000..0b281e017d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate-zero.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Desaturate an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-saturate">
+  <link rel="match" href="saturate-zero-ref.html">
+  <meta name="assert"
+        content="Given a factor of zero, the CSS saturate filter function should
+                 completely desaturate an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: saturate(0);
+      background-color: rgb(255, 0, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a gray square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/saturate.html b/layout/reftests/svg/filters/css-filters/saturate.html
new file mode 100644
index 0000000000..330464a643
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/saturate.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Saturate an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-saturate">
+  <link rel="match" href="saturate-ref.html">
+  <meta name="assert"
+        content="The CSS saturate filter function should change the color of an
+                 HTML element.">
+  <style type="text/css">
+    #target {
+      filter: saturate(5);
+      background-color: rgb(0, 128, 0);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a bright green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/scale-filtered-content-01-ref.html b/layout/reftests/svg/filters/css-filters/scale-filtered-content-01-ref.html
new file mode 100644
index 0000000000..a212778d0d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/scale-filtered-content-01-ref.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Filtered content should be rendered in device space</title>
+  <style type="text/css">
+    #filtered {
+      width: 100px;
+      height: 50px;
+      background-color: lime;
+      opacity: 0.5;
+      transform: translate(10px) scale(5);
+      transform-origin: 0 0;
+    }
+    .inner {
+      position: absolute;
+      background-color: blue;
+      width: 10px;
+      height:10px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see clear blue rects.</p>
+  <div id="filtered">
+    <div class="inner" style="left:10px; top:10px;"></div>
+    <div class="inner" style="left:50px; top:20px;"></div>
+    <div class="inner" style="left:80px; top:30px;"></div>
+  </div>
+</body>
diff --git a/layout/reftests/svg/filters/css-filters/scale-filtered-content-01.html b/layout/reftests/svg/filters/css-filters/scale-filtered-content-01.html
new file mode 100644
index 0000000000..4546980179
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/scale-filtered-content-01.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Filtered content should be rendered in device space</title>
+  <style type="text/css">
+    #filtered {
+      width: 100px;
+      height: 50px;
+      background-color: lime;
+      filter: opacity(50%);
+      transform: translate(10px) scale(5);
+      transform-origin: 0 0;
+    }
+    .inner {
+      position: absolute;
+      background-color: blue;
+      width: 10px;
+      height:10px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see clear blue rects.</p>
+  <div id="filtered">
+    <div class="inner" style="left:10px; top:10px;"></div>
+    <div class="inner" style="left:50px; top:20px;"></div>
+    <div class="inner" style="left:80px; top:30px;"></div>
+  </div>
+</body>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-one-ref.html b/layout/reftests/svg/filters/css-filters/sepia-one-ref.html
new file mode 100644
index 0000000000..c0f77edcbc
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(99, 89, 69);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brown square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-one.html b/layout/reftests/svg/filters/css-filters/sepia-one.html
new file mode 100644
index 0000000000..cad7d6fc93
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Factor of One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-sepia">
+  <link rel="match" href="sepia-one-ref.html">
+  <meta name="assert"
+        content="Given a factor of one, the CSS sepia filter function should
+                 change the color of an HTML element to a brown hue.">
+  <style type="text/css">
+    #target {
+      filter: sepia(1);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brown square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-over-one-ref.html b/layout/reftests/svg/filters/css-filters/sepia-over-one-ref.html
new file mode 100644
index 0000000000..9863aa6466
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-over-one-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(99, 89, 69);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brown square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-over-one.html b/layout/reftests/svg/filters/css-filters/sepia-over-one.html
new file mode 100644
index 0000000000..6836fbbd5d
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-over-one.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Factor Over One</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-sepia">
+  <link rel="match" href="sepia-over-one-ref.html">
+  <meta name="assert"
+        content="Given a factor over one, the CSS sepia filter function should
+                 change the color of an HTML element to a brown hue.">
+  <style type="text/css">
+    #target {
+      filter: sepia(1000);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brown square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-percent-ref.html b/layout/reftests/svg/filters/css-filters/sepia-percent-ref.html
new file mode 100644
index 0000000000..47dea90f0c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-percent-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(167, 187, 115);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brownish green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-percent.html b/layout/reftests/svg/filters/css-filters/sepia-percent.html
new file mode 100644
index 0000000000..f044a7771e
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-percent.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Percentage</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-sepia">
+  <link rel="match" href="sepia-percent-ref.html">
+  <meta name="assert"
+        content="Given a percentage, the CSS sepia filter function should
+                 change the color of an HTML element to a more brownish hue.">
+  <style type="text/css">
+    #target {
+      filter: sepia(85%);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brownish green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-ref.html b/layout/reftests/svg/filters/css-filters/sepia-ref.html
new file mode 100644
index 0000000000..e30ae8a859
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply sepia to an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: rgb(167, 187, 115);
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brownish green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-zero-ref.html b/layout/reftests/svg/filters/css-filters/sepia-zero-ref.html
new file mode 100644
index 0000000000..4a358c45d5
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-zero-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia-zero.html b/layout/reftests/svg/filters/css-filters/sepia-zero.html
new file mode 100644
index 0000000000..720e22e15b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia-zero.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply Sepia to an HTML Element Using a Factor of Zero</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-sepia">
+  <link rel="match" href="sepia-zero-ref.html">
+  <meta name="assert"
+        content="Given a factor of zero, the CSS sepia filter function should
+                 not change the color of an HTML element.">
+  <style type="text/css">
+    #target {
+      filter: sepia(0);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-filters/sepia.html b/layout/reftests/svg/filters/css-filters/sepia.html
new file mode 100644
index 0000000000..4af24919fa
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/sepia.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Filters: Apply sepia to an HTML Element</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-sepia">
+  <link rel="match" href="sepia-ref.html">
+  <meta name="assert"
+        content="The CSS sepia filter function should change the color of an
+                 HTML element to a more brownish hue.">
+  <style type="text/css">
+    #target {
+      filter: sepia(0.85);
+      background-color: #0f0;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a brownish green square.</p>
+  <div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter-ref.html b/layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter-ref.html
new file mode 100644
index 0000000000..8c2a796d3c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter-ref.html
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: Clip Input CSS Filter with Following SVG Filter's Filter Region</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#blur) url(#clip-and-red-to-green);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur" x="-50" y="-50" width="200" height="200">
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+    </filter>
+    <!-- Use a small filter region that clips the blur extents. -->
+    <filter id="clip-and-red-to-green" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter.html b/layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter.html
new file mode 100644
index 0000000000..2fcb027818
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/clip-input-css-filter.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: Clip Input CSS Filter with Following SVG Filter's Filter Region</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#FilterEffectsRegion">
+  <link rel="match" href="css-filter-first-ref.html">
+  <meta name="assert"
+        content="An SVG filter's filter region should clip the input from a CSS
+                 filter function.">
+  <style type="text/css">
+    #target {
+      filter: blur(3px) url(#clip-and-red-to-green);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <!-- Use a small filter region that clips the blur extents. -->
+    <filter id="clip-and-red-to-green" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first-ref.html b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first-ref.html
new file mode 100644
index 0000000000..838eeaf4b9
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: CSS Filter as First Filter</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#blur-and-red-to-green);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="blur-and-red-to-green" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!-- Blur the red square. -->
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first.html b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first.html
new file mode 100644
index 0000000000..d2e208dd6c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-first.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: CSS Filter as First Filter</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#FilterProperty">
+  <link rel="match" href="css-filter-first-ref.html">
+  <meta name="assert"
+        content="A filter chain starting with a CSS filter function followed by
+                 an SVG reference filter should render correctly.">
+  <style type="text/css">
+    #target {
+      filter: blur(3px) url(#red-to-green);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="red-to-green" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last-ref.html b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last-ref.html
new file mode 100644
index 0000000000..c335d1683e
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: CSS Filter as Last Filter</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#red-to-green-and-blur);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="red-to-green-and-blur" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+      <!-- Blur the red square. -->
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last.html b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last.html
new file mode 100644
index 0000000000..d4e00fb30e
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-last.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: CSS Filter as Last Filter</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#FilterProperty">
+  <link rel="match" href="css-filter-last-ref.html">
+  <meta name="assert"
+        content="A filter chain starting with an SVG reference filter followed
+                 by a CSS filter function should render correctly.">
+  <style type="text/css">
+    #target {
+      filter: url(#red-to-green) blur(3px);
+      background-color: #f00;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="red-to-green" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle-ref.html b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle-ref.html
new file mode 100644
index 0000000000..9340231a24
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle-ref.html
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: CSS Filter as Last Filter</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <style type="text/css">
+    #target {
+      filter: url(#magenta-to-green-and-blur);
+      background-color: #f0f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="magenta-to-green-and-blur" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!-- Turn the magenta square into a red square. -->
+      <feComponentTransfer color-interpolation-filters="sRGB">
+        <feFuncR type="identity"/>
+        <feFuncG type="table" tableValues="0 0"/>
+        <feFuncB type="table" tableValues="0 0"/>
+        <feFuncA type="identity"/>
+      </feComponentTransfer>
+      <!-- Blur the red square. -->
+      <feGaussianBlur stdDeviation="3" color-interpolation-filters="sRGB"/>
+      <!-- Turn the blurred red square into a blurred green square. -->
+      <feColorMatrix type="hueRotate" values="90" color-interpolation-filters="sRGB"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle.html b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle.html
new file mode 100644
index 0000000000..89020a641c
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/css-filter-middle.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS and SVG Filter Chains: CSS Filter as Middle Filter</title>
+  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#FilterProperty">
+  <link rel="match" href="css-filter-middle-ref.html">
+  <meta name="assert"
+        content="A filter chain starting with an SVG reference filter, followed
+                 by a CSS filter function, and followed by an SVG reference
+                 filter should render correctly.">
+  <style type="text/css">
+    #target {
+      filter: url(#magenta-to-red) blur(3px) url(#red-to-green);
+      background-color: #f0f;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a blurred green square.</p>
+  <div id="target"></div>
+  <svg width="0" height="0">
+    <filter id="magenta-to-red" color-interpolation-filters="sRGB">
+      <feComponentTransfer>
+        <feFuncR type="identity"/>
+        <feFuncG type="table" tableValues="0 0"/>
+        <feFuncB type="table" tableValues="0 0"/>
+        <feFuncA type="identity"/>
+      </feComponentTransfer>
+    </filter>
+    <filter id="red-to-green" x="-50" y="-50" width="200" height="200" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feColorMatrix type="hueRotate" values="90"/>
+    </filter>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/css-svg-filter-chains/reftest.list b/layout/reftests/svg/filters/css-svg-filter-chains/reftest.list
new file mode 100644
index 0000000000..ac3ee0dc0b
--- /dev/null
+++ b/layout/reftests/svg/filters/css-svg-filter-chains/reftest.list
@@ -0,0 +1,8 @@
+# These tests verify that filter chains of combined CSS and SVG filters behave
+# properly.
+# e.g. filter: url(#f1) blur(3px) url(#2) grayscale(0.5);
+
+== clip-input-css-filter.html clip-input-css-filter-ref.html
+fuzzy(0-1,0-288) == css-filter-first.html css-filter-first-ref.html
+== css-filter-last.html css-filter-last-ref.html
+== css-filter-middle.html css-filter-middle-ref.html
diff --git a/layout/reftests/svg/filters/dynamic-filter-invalidation-01.svg b/layout/reftests/svg/filters/dynamic-filter-invalidation-01.svg
new file mode 100644
index 0000000000..ba8e5bb421
--- /dev/null
+++ b/layout/reftests/svg/filters/dynamic-filter-invalidation-01.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=879682 -->
+  <script>
+
+var NS_SVG = 'http://www.w3.org/2000/svg';
+
+function run_test() {
+  var gNode = document.createElementNS(NS_SVG, "g");
+  gNode.setAttribute('filter', 'url(#filter)');
+
+  var rect = document.createElementNS(NS_SVG, 'rect');
+  rect.setAttribute('width', '100');
+  rect.setAttribute('height', '100');
+  rect.setAttribute('fill', 'white');
+  gNode.appendChild(rect);
+
+  document.documentElement.appendChild(gNode);
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", run_test);
+setTimeout(run_test, 4000); // fallback for running outside reftest
+
+  </script>
+  <filter id="filter" x="20" y="20" width="100" height="100"
+          filterUnits="userSpaceOnUse"
+          primitiveUnits="userSpaceOnUse">
+    <feFlood flood-color="lime"/>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="20" y="20" width="100" height="100" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/filters/dynamic-filter-invalidation-02.svg b/layout/reftests/svg/filters/dynamic-filter-invalidation-02.svg
new file mode 100644
index 0000000000..b424e0734e
--- /dev/null
+++ b/layout/reftests/svg/filters/dynamic-filter-invalidation-02.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="run_test();">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769942 -->
+  <script>
+
+function run_test() {
+  document.documentElement.getBoundingClientRect();
+  document.getElementById("setFilterOnThis").setAttribute('filter', 'url(#filter)');
+  document.documentElement.removeAttribute("class");
+}
+
+  </script>
+  <filter id="filter" x="20%" y="20%" width="100%" height="100%">
+    <feFlood flood-color="lime"/>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="20" y="20" width="100" height="100" fill="red"/>
+  <rect width="100" height="100" fill="white" id="setFilterOnThis"/>
+</svg>
diff --git a/layout/reftests/svg/filters/dynamic-filter-invalidation-03.svg b/layout/reftests/svg/filters/dynamic-filter-invalidation-03.svg
new file mode 100644
index 0000000000..4fc7dc8857
--- /dev/null
+++ b/layout/reftests/svg/filters/dynamic-filter-invalidation-03.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=488702
+  -->
+  <title>Test that invalidation takes filters into account</title>
+  <desc>
+    This test checks that when a container element changes, the area of
+    the screen that is invalidated and repainted takes account of any
+    filter effects on the changed element.
+  </desc>
+  <script type="text/javascript">//<![CDATA[
+
+function show_lime_rect()
+{
+  document.getElementById("g").setAttribute("opacity", "1");
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", show_lime_rect, false);
+setTimeout(show_lime_rect, 1000);
+
+  //]]></script>
+  <filter id="filter" filterUnits="userSpaceOnUse" x="0" y="0" width="200%" height="100%">
+    <feOffset dx="-20"/>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <g id="g" opacity="0" filter="url(#filter)">
+    <rect x="20" width="100%" height="100%" fill="lime"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/dynamic-filter-invalidation-04.svg b/layout/reftests/svg/filters/dynamic-filter-invalidation-04.svg
new file mode 100644
index 0000000000..0e12e8d826
--- /dev/null
+++ b/layout/reftests/svg/filters/dynamic-filter-invalidation-04.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=488702
+  -->
+  <title>Test that invalidation takes filters on ancestors into account</title>
+  <desc>
+    This test checks that when a container element changes, the area of
+    the screen that is invalidated and repainted takes account of any
+    filter effects on the ancestors of the changed element.
+  </desc>
+  <script type="text/javascript">//<![CDATA[
+
+function show_lime_rect()
+{
+  document.getElementById("g").setAttribute("opacity", "1");
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", show_lime_rect, false);
+setTimeout(show_lime_rect, 1000);
+
+  //]]></script>
+  <filter id="filter" filterUnits="userSpaceOnUse" x="0" y="0" width="200%" height="100%">
+    <feOffset dx="-20"/>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <g filter="url(#filter)">
+    <g id="g" opacity="0">
+      <rect x="20" width="100%" height="100%" fill="lime"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/dynamic-filtered-foreignObject-01.svg b/layout/reftests/svg/filters/dynamic-filtered-foreignObject-01.svg
new file mode 100644
index 0000000000..2320f21cf6
--- /dev/null
+++ b/layout/reftests/svg/filters/dynamic-filtered-foreignObject-01.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769942 -->
+  <script>
+
+function run_test() {
+  var fO = document.getElementById("fO");
+  fO.parentNode.removeChild(fO);
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", run_test);
+setTimeout(run_test, 4000); // fallback for running outside reftest
+
+  </script>
+  <filter id="filter" x="0" y="0" width="150" height="150"
+          filterUnits="userSpaceOnUse"
+          primitiveUnits="userSpaceOnUse">
+    <feOffset dx="-50" dy="-50"/>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g filter="url(#filter)">
+    <foreignObject id="fO" x="50" y="50" width="100" height="100">
+      <div xmlns="http://www.w3.org/1999/xhtml"
+           style="display:block; width:100%; height:100%; background:red;"/>
+    </foreignObject>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feBlend-1-ref.svg b/layout/reftests/svg/filters/feBlend-1-ref.svg
new file mode 100644
index 0000000000..24a6fdfd6a
--- /dev/null
+++ b/layout/reftests/svg/filters/feBlend-1-ref.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" y="0" width="50" height="50" fill="#DFB53F"/>
+<rect x="50" y="0" width="50" height="50" fill="#B5B53F"/>
+<rect x="100" y="0" width="50" height="50" fill="#DFDF3F"/>
+<rect x="150" y="0" width="50" height="50" fill="#B5B53F"/>
+<rect x="200" y="0" width="50" height="50" fill="#DFDF3F"/>
+<rect x="250" y="0" width="50" height="50" fill="#B5DF3F"/>
+<rect x="300" y="0" width="50" height="50" fill="#B5DF3F"/>
+<rect x="350" y="0" width="50" height="50" fill="#B5DF3F"/>
+<rect x="0" y="50" width="50" height="50" fill="#DFB53F"/>
+<rect x="50" y="50" width="50" height="50" fill="#B5DF3F"/>
+<rect x="100" y="50" width="50" height="50" fill="#DFDF3F"/>
+<rect x="150" y="50" width="50" height="50" fill="#DFDF3F"/>
+<rect x="200" y="50" width="50" height="50" fill="#DFC88E"/>
+<rect x="250" y="50" width="50" height="50" fill="#B5DF3F"/>
+<rect x="300" y="50" width="50" height="50" fill="#DFC88E"/>
+<rect x="350" y="50" width="50" height="50" fill="#B5CC3F"/>
+<rect x="0" y="100" width="50" height="50" fill="#DFB53F"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feBlend-1.svg b/layout/reftests/svg/filters/feBlend-1.svg
new file mode 100644
index 0000000000..6a94853f5b
--- /dev/null
+++ b/layout/reftests/svg/filters/feBlend-1.svg
@@ -0,0 +1,104 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
+<filter id="f0" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="normal"/>
+</filter>
+<rect x="0" y="0" width="50" height="50" filter="url(#f0)"/>
+<filter id="f1" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="multiply"/>
+</filter>
+<rect x="50" y="0" width="50" height="50" filter="url(#f1)"/>
+<filter id="f2" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="screen"/>
+</filter>
+<rect x="100" y="0" width="50" height="50" filter="url(#f2)"/>
+<filter id="f3" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="darken"/>
+</filter>
+<rect x="150" y="0" width="50" height="50" filter="url(#f3)"/>
+<filter id="f4" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="lighten"/>
+</filter>
+<rect x="200" y="0" width="50" height="50" filter="url(#f4)"/>
+<filter id="f5" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="overlay"/>
+</filter>
+<rect x="250" y="0" width="50" height="50" filter="url(#f5)"/>
+<filter id="f6" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="color-dodge"/>
+</filter>
+<rect x="300" y="0" width="50" height="50" filter="url(#f6)"/>
+<filter id="f7" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="color-burn"/>
+</filter>
+<rect x="350" y="0" width="50" height="50" filter="url(#f7)"/>
+<filter id="f8" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="hard-light"/>
+</filter>
+<rect x="0" y="50" width="50" height="50" filter="url(#f8)"/>
+<filter id="f9" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="soft-light"/>
+</filter>
+<rect x="50" y="50" width="50" height="50" filter="url(#f9)"/>
+<filter id="f10" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="difference"/>
+</filter>
+<rect x="100" y="50" width="50" height="50" filter="url(#f10)"/>
+<filter id="f11" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="exclusion"/>
+</filter>
+<rect x="150" y="50" width="50" height="50" filter="url(#f11)"/>
+<filter id="f12" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="hue"/>
+</filter>
+<rect x="200" y="50" width="50" height="50" filter="url(#f12)"/>
+<filter id="f13" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="saturation"/>
+</filter>
+<rect x="250" y="50" width="50" height="50" filter="url(#f13)"/>
+<filter id="f14" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="color"/>
+</filter>
+<rect x="300" y="50" width="50" height="50" filter="url(#f14)"/>
+<filter id="f15" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="luminosity"/>
+</filter>
+<rect x="350" y="50" width="50" height="50" filter="url(#f15)"/>
+<filter id="f16" x="0%" y="0%" width="100%" height="100%">
+  <feFlood result="a" flood-color="rgb(255,0,0)" flood-opacity="0.5"/>
+  <feFlood result="b" flood-color="rgb(0,255,0)" flood-opacity="0.5"/>
+  <feBlend in="a" in2="b" mode="undefined"/>
+</filter>
+<rect x="0" y="100" width="50" height="50" filter="url(#f16)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feBlend-2-ref.svg b/layout/reftests/svg/filters/feBlend-2-ref.svg
new file mode 100644
index 0000000000..6b62e6a270
--- /dev/null
+++ b/layout/reftests/svg/filters/feBlend-2-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+<rect x="150" y="0" width="100" height="100" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feBlend-2.svg b/layout/reftests/svg/filters/feBlend-2.svg
new file mode 100644
index 0000000000..c03e665d20
--- /dev/null
+++ b/layout/reftests/svg/filters/feBlend-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feFlood flood-color="#ff0000" result="flood" x="0" y="0" width="100" height="100"/>
+  <feBlend mode="normal" in="SourceGraphic" in2="flood"/>
+</filter>
+<rect x="0" y="0" width="100" height="100" fill="#00ff00" filter="url(#f1)"/>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1181317 -->
+<filter id="f2" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feFlood flood-color="#ff0000" result="red" x="150" y="0"
+           width="100" height="100"/>
+  <feBlend mode="hard-light" in="SourceGraphic" in2="red"/>
+</filter>
+<rect x="150" y="0" width="100" height="100" fill="#00ff00" filter="url(#f2)"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feColorMatrix-1-ref.svg b/layout/reftests/svg/filters/feColorMatrix-1-ref.svg
new file mode 100644
index 0000000000..f7328b21ef
--- /dev/null
+++ b/layout/reftests/svg/filters/feColorMatrix-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="10" width="80" height="80" fill="#345612" fill-opacity="0.5"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feColorMatrix-1.svg b/layout/reftests/svg/filters/feColorMatrix-1.svg
new file mode 100644
index 0000000000..4cfd34cc4c
--- /dev/null
+++ b/layout/reftests/svg/filters/feColorMatrix-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0%" y="0%" width="100%" height="100%">
+  <feColorMatrix type="matrix" values="0 1 0 0 0   0 0 1 0 0   1 0 0 0 0   0 0 0 0.5 0"
+   x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"/>
+</filter>
+<rect x="0" y="0" width="100" height="100" fill="#123456" filter="url(#f1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feColorMatrix-2-ref.svg b/layout/reftests/svg/filters/feColorMatrix-2-ref.svg
new file mode 100644
index 0000000000..f155cd01f4
--- /dev/null
+++ b/layout/reftests/svg/filters/feColorMatrix-2-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" y="0" width="100" height="100" fill="#345612" fill-opacity="0.5"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feColorMatrix-2.svg b/layout/reftests/svg/filters/feColorMatrix-2.svg
new file mode 100644
index 0000000000..08c7b04122
--- /dev/null
+++ b/layout/reftests/svg/filters/feColorMatrix-2.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feColorMatrix type="matrix" values="0 1 0 0 0   0 0 1 0 0   1 0 0 0 0   0 0 0 0.5 0"
+   style="color-interpolation-filters:sRGB"/>
+</filter>
+<rect x="0" y="0" width="100" height="100" fill="#123456" filter="url(#f1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feColorMatrix-saturate-01.svg b/layout/reftests/svg/filters/feColorMatrix-saturate-01.svg
new file mode 100644
index 0000000000..7961889798
--- /dev/null
+++ b/layout/reftests/svg/filters/feColorMatrix-saturate-01.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for Filter Effects Module Level 1 over-saturation</title>
+
+  <defs>
+   <filter id="SaturateHigh">
+      <feColorMatrix in="SourceGraphic" type="saturate" values="11"/>
+   </filter>
+  </defs>
+
+  <rect width="100%" height="100%" fill="#00A654" filter="url(#SaturateHigh)"/>
+</svg> 
diff --git a/layout/reftests/svg/filters/feComponentTransfer-03.svg b/layout/reftests/svg/filters/feComponentTransfer-03.svg
new file mode 100644
index 0000000000..d4ee019848
--- /dev/null
+++ b/layout/reftests/svg/filters/feComponentTransfer-03.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for feComponentTransfer with default arguments for gamma and linear</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=534841 -->
+  <defs>
+    <filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"
+           x="0" y="0" width="100%" height="100%">
+      <feComponentTransfer x="0" y="0" width="100%" height="100%"
+        style="color-interpolation-filters:sRGB">
+        <feFuncR type="identity"/>
+        <feFuncG type="gamma"/>
+        <feFuncB type="identity"/>
+        <feFuncA type="linear"/>
+      </feComponentTransfer>
+    </filter>
+  </defs>
+  <rect x="0" y="0" width="100%" height="100%" fill="lime" filter="url(#f1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComponentTransfer-04.svg b/layout/reftests/svg/filters/feComponentTransfer-04.svg
new file mode 100644
index 0000000000..bc470d5f30
--- /dev/null
+++ b/layout/reftests/svg/filters/feComponentTransfer-04.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for feComponentTransfer with single discrete value</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=845985 -->
+  <defs>
+    <filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"
+           x="0" y="0" width="100%" height="100%">
+      <feComponentTransfer x="0" y="0" width="100%" height="100%"
+        in="SourceAlpha" style="color-interpolation-filters:sRGB">
+        <feFuncG type="discrete" tableValues="1" />
+      </feComponentTransfer>
+    </filter>
+  </defs>
+  <rect x="0" y="0" width="100%" height="100%" fill="red" filter="url(#f1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComponentTransfer-1-ref.svg b/layout/reftests/svg/filters/feComponentTransfer-1-ref.svg
new file mode 100644
index 0000000000..cb579e5fd1
--- /dev/null
+++ b/layout/reftests/svg/filters/feComponentTransfer-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="10" width="80" height="80" fill="#00ffff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComponentTransfer-1.svg b/layout/reftests/svg/filters/feComponentTransfer-1.svg
new file mode 100644
index 0000000000..6acdb7b567
--- /dev/null
+++ b/layout/reftests/svg/filters/feComponentTransfer-1.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0%" y="0%" width="100%" height="100%">
+  <feComponentTransfer x="10%" y="10%" width="80%" height="80%"
+    style="color-interpolation-filters:sRGB">
+    <feFuncR type="table" tableValues="1 0 0 1"/>
+    <feFuncG type="discrete" tableValues="0 1 0"/>
+    <feFuncB type="linear" slope="0.5" intercept="0.75"/>
+    <feFuncA type="identity"/>
+  </feComponentTransfer>
+</filter>
+<rect x="0" y="0" width="100" height="100" fill="#808080" filter="url(#f1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComponentTransfer-2-ref.svg b/layout/reftests/svg/filters/feComponentTransfer-2-ref.svg
new file mode 100644
index 0000000000..bf9d547d17
--- /dev/null
+++ b/layout/reftests/svg/filters/feComponentTransfer-2-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" y="0" width="100" height="100" fill="#00ffff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComponentTransfer-2.svg b/layout/reftests/svg/filters/feComponentTransfer-2.svg
new file mode 100644
index 0000000000..3514ec92f4
--- /dev/null
+++ b/layout/reftests/svg/filters/feComponentTransfer-2.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feComponentTransfer
+    style="color-interpolation-filters:sRGB">
+    <feFuncR type="table" tableValues="1 0 0 1"/>
+    <feFuncG type="discrete" tableValues="0 1 0"/>
+    <feFuncB type="linear" slope="0.5" intercept="0.75"/>
+    <feFuncA type="identity"/>
+  </feComponentTransfer>
+</filter>
+<rect x="0" y="0" width="100" height="100" fill="#808080" filter="url(#f1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComposite-1-ref.svg b/layout/reftests/svg/filters/feComposite-1-ref.svg
new file mode 100644
index 0000000000..97b56241b3
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-1-ref.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="10" width="40" height="80" fill="#00ff00"/>
+<rect x="10" y="10" width="40" height="80" fill="#ff0000" opacity="0.5"/>
+<rect x="50" y="10" width="40" height="80" fill="#ff0000" opacity="0.5"/>
+
+<rect x="110" y="10" width="40" height="80" fill="#ff0000"/>
+
+<rect x="250" y="10" width="40" height="80" fill="#ff0000"/>
+
+<rect x="310" y="10" width="40" height="80" fill="#00ff00"/>
+<rect x="310" y="10" width="40" height="80" fill="#ff0000" opacity="0.5"/>
+
+<rect x="450" y="10" width="40" height="80" fill="#ff0000"/>
+
+<rect x="510" y="10" width="40" height="80" fill="#ffff00"/>
+<rect x="550" y="10" width="40" height="80" fill="#ff0000"/>
+
+<rect x="0" y="100" width="100" height="100" fill="#000000"/>
+<rect x="10" y="110" width="80" height="80" fill="#ffffff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComposite-1.svg b/layout/reftests/svg/filters/feComposite-1.svg
new file mode 100644
index 0000000000..a1dfacc774
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-1.svg
@@ -0,0 +1,82 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#ff0000" flood-opacity="0.5" result="flood"/>
+  <feComposite x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   in="flood" operator="over" in2="SourceGraphic"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="50" height="100" fill="#00ff00"/>
+  <rect x="50" y="0" width="50" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+<filter id="f2" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#ff0000" result="flood"/>
+  <feComposite x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   in="flood" operator="in" in2="SourceGraphic"/>
+</filter>
+<g filter="url(#f2)">
+  <rect x="100" y="0" width="50" height="100" fill="#00ff00"/>
+  <rect x="150" y="0" width="50" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+<filter id="f3" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#ff0000" result="flood"/>
+  <feComposite x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   in="flood" operator="out" in2="SourceGraphic"/>
+</filter>
+<g filter="url(#f3)">
+  <rect x="200" y="0" width="50" height="100" fill="#00ff00"/>
+  <rect x="250" y="0" width="50" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+<filter id="f4" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#ff0000" flood-opacity="0.5" result="flood"/>
+  <feComposite x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   in="flood" operator="atop" in2="SourceGraphic"/>
+</filter>
+<g filter="url(#f4)">
+  <rect x="300" y="0" width="50" height="100" fill="#00ff00"/>
+  <rect x="350" y="0" width="50" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+<filter id="f5" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#ff0000" result="flood"/>
+  <feComposite x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   in="flood" operator="xor" in2="SourceGraphic"/>
+</filter>
+<g filter="url(#f5)">
+  <rect x="400" y="0" width="50" height="100" fill="#00ff00"/>
+  <rect x="450" y="0" width="50" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+<filter id="f6" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#ff0000" result="flood"/>
+  <feComposite x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   in="flood" operator="arithmetic" in2="SourceGraphic"
+   k2="1" k3="1"/>
+</filter>
+<g filter="url(#f6)">
+  <rect x="500" y="0" width="50" height="100" fill="#00ff00"/>
+  <rect x="550" y="0" width="50" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+<!-- Test the tricky case where the arithmetic operator leads to drawing outside
+     the bounding box of the source images -->
+<filter id="f7" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" 
+         x="0" y="100" width="100" height="100">
+  <feComposite x="10" y="110" width="80" height="80" style="color-interpolation-filters:sRGB"
+   in="SourceGraphic" operator="arithmetic" in2="SourceGraphic"
+   k4="1"/>
+</filter>
+<rect x="0" y="100" width="100" height="100" fill="#000000"/>
+<g filter="url(#f7)">
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComposite-2-ref.svg b/layout/reftests/svg/filters/feComposite-2-ref.svg
new file mode 100644
index 0000000000..464b6de23b
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-2-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" y="0" width="50" height="100" fill="#00ff00"/>
+<rect x="0" y="0" width="50" height="100" fill="#ff0000" opacity="0.5"/>
+<rect x="50" y="0" width="50" height="100" fill="#ff0000" opacity="0.5"/>
+
+<rect x="100" y="0" width="50" height="100" fill="#808080"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComposite-2.svg b/layout/reftests/svg/filters/feComposite-2.svg
new file mode 100644
index 0000000000..e43088ea84
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-2.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feFlood flood-color="#ff0000" flood-opacity="0.5" result="flood" x="0" y="0" width="100" height="100"/>
+  <feComposite style="color-interpolation-filters:sRGB"
+   in="flood" operator="over" in2="SourceGraphic"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="50" height="100" fill="#00ff00"/>
+  <rect x="50" y="0" width="50" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+<!-- Test that the arithmetic operator actually clamp the result -->
+<filter id="f2" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" style="color-interpolation-filters:sRGB">
+  <feFlood flood-color="#ffffff" result="flood" x="100" y="0" width="50" height="100"/>
+  <feComposite result="c" in="SourceGraphic" in2="flood" operator="arithmetic" k2="1" k3="1"/>
+  <feComponentTransfer in="c">
+    <feFuncR type="linear" slope="0.5"/>
+    <feFuncG type="linear" slope="0.5"/>
+    <feFuncB type="linear" slope="0.5"/>
+  </feComponentTransfer>
+</filter>
+<g filter="url(#f2)">
+  <rect x="100" y="0" width="50" height="100" fill="#ff0000"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feComposite-arguments-01.svg b/layout/reftests/svg/filters/feComposite-arguments-01.svg
new file mode 100644
index 0000000000..acec685ffc
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-arguments-01.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="filter">
+      <feFlood flood-color="lime" result="flood1"/>
+      <feFlood flood-color="red" result="flood2"/>
+      <feComposite in="flood1" in2="flood2"
+                   operator="arithmetic" k1="0" k2="1" k3="0" k4="0" />
+    </filter>
+  </defs>
+  <rect width="100%" height="100%" fill="yellow" filter="url(#filter)"/>
+</svg>
+
diff --git a/layout/reftests/svg/filters/feComposite-operator-lighter-ref.html b/layout/reftests/svg/filters/feComposite-operator-lighter-ref.html
new file mode 100644
index 0000000000..561ade1582
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-operator-lighter-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<style>* { margin: 0; padding: 0; }</style>
+<canvas id="canvas" width="200" height="200"></canvas>
+<script>
+var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+var width = canvas.width;
+var height = canvas.height;
+
+ctx.globalCompositeOperation = 'lighter';
+ctx.fillStyle = '#f00';
+ctx.fillRect(0,0,width,height);
+
+gradient = ctx.createLinearGradient(0, 0, 0, height);
+gradient.addColorStop(0, "#0f0");
+gradient.addColorStop(1, "#00f");
+ctx.fillStyle = gradient;
+ctx.fillRect(0, 0, width, height);
+</script>
diff --git a/layout/reftests/svg/filters/feComposite-operator-lighter.svg b/layout/reftests/svg/filters/feComposite-operator-lighter.svg
new file mode 100644
index 0000000000..74a969d1ba
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-operator-lighter.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
+    <filter id="f" x="0" y="0" width="1" height="1" color-interpolation-filters="sRGB">
+        <feFlood flood-color="red"/>
+        <feComposite operator="lighter" in2="SourceGraphic"/>
+    </filter>
+    <linearGradient id="g2b" x1="0" x2="0" y1="0" y2="1">
+        <stop offset="0" stop-color="#0f0"/>
+        <stop offset="1" stop-color="#00f"/>
+    </linearGradient>
+    <rect width="200" height="200" fill="url(#g2b)" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feComposite-paint-01-ref.svg b/layout/reftests/svg/filters/feComposite-paint-01-ref.svg
new file mode 100644
index 0000000000..eb0e773d3a
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-paint-01-ref.svg
@@ -0,0 +1,9 @@
+<svg id="svg-root" width="100%" height="100%"
+  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" shape-rendering="crispEdges">
+
+  <rect transform="translate(100 30)" fill="lime" width="120" height="120"/>
+  <rect transform="translate(249 29)" width="122" height="122" fill="#80FF80"/>
+  <rect transform="translate(99 179)" width="122" height="122" fill="#666"/>
+  <rect transform="translate(249 179)" width="122" height="122" fill="rgb(0,255,255)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feComposite-paint-01.svg b/layout/reftests/svg/filters/feComposite-paint-01.svg
new file mode 100644
index 0000000000..c6c2aac2e8
--- /dev/null
+++ b/layout/reftests/svg/filters/feComposite-paint-01.svg
@@ -0,0 +1,35 @@
+<svg id="svg-root" width="100%" height="100%"
+  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" shape-rendering="crispEdges">
+  <defs>
+    <filter id="composite-ident" x="0" y="0" width="1" height="1">
+      <feComposite operator="arithmetic" in="FillPaint" in2="StrokePaint" k1="0" k2="1" k3="-1" k4="0"/>
+    </filter>
+    <filter id="composite-negative" x="0" y="0" width="1" height="1">
+      <feComposite operator="arithmetic" in="FillPaint" in2="FillPaint" k1="0" k2="2" k3="-1.5" k4="0"/>
+    </filter>
+    <filter id="composite-mixed" x="0" y="0" width="1" height="1">
+      <feComposite operator="arithmetic" in="FillPaint" in2="StrokePaint" k1="1" k2="-0.5" k3="0.2" k4="-0.1"/>
+    </filter>
+    <filter id="composite-clamped" x="0" y="0" width="1" height="1">
+      <feComposite operator="arithmetic" in="FillPaint" in2="StrokePaint" k1="0" k2="10" k3="20" k4="0"/>
+    </filter>
+  </defs>
+    
+  <g transform="translate(100 30)">
+    <rect fill="lime" width="120" height="120"/>
+    <rect fill="red" stroke="red" filter="url(#composite-ident)" x="10" y="10" width="100" height="100"/>
+  </g>
+  <g transform="translate(250 30)">
+    <rect fill="#0F0" filter="url(#composite-negative)" x="10" y="10" width="100" height="100"/>
+    <rect stroke="#80FF80" x="5" y="5" width="110" height="110" stroke-width="12" fill="none"/>
+  </g>
+  <g transform="translate(100 180)">
+    <rect fill="rgb(43,17,12)" stroke="rgb(32,42,37)" filter="url(#composite-mixed)" x="10" y="10" width="100" height="100"/>
+    <rect stroke="#666" x="5" y="5" width="110" height="110" stroke-width="12" fill="none"/>
+  </g>
+  <g transform="translate(250 180)">
+    <rect fill="rgb(0,127,0)" stroke="rgb(0,0,127)" filter="url(#composite-clamped)" x="10" y="10" width="100" height="100"/>
+    <rect stroke="rgb(0,255,255)" x="5" y="5" width="110" height="110" stroke-width="12" fill="none"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-1-ref.svg b/layout/reftests/svg/filters/feConvolveMatrix-1-ref.svg
new file mode 100644
index 0000000000..60474fb6b2
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-1-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="48" y="10" width="1" height="80" fill="#00ff00"/>
+<rect x="51" y="10" width="1" height="80" fill="#00ff00"/>
+
+<rect x="249" y="10" width="2" height="80" fill="#000000"/>
+
+<rect x="349" y="10" width="2" height="80" fill="#000000"/>
+
+<rect x="1" y="100" width="1" height="100" fill="#00ff00"/>
+<rect x="99" y="100" width="1" height="100" fill="#00ff00"/>
+
+<rect x="101" y="100" width="1" height="100" fill="#ff0000"/>
+
+<rect x="201" y="100" width="1" height="100" fill="#0000ff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-1.svg b/layout/reftests/svg/filters/feConvolveMatrix-1.svg
new file mode 100644
index 0000000000..8bdc267d71
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-1.svg
@@ -0,0 +1,75 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feConvolveMatrix x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   order="3" kernelMatrix="0 1 0   1 -4 1   0 1 0" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00" opacity="0"/>
+  <rect x="49" y="0" width="2" height="100" fill="#00ff00"/>
+</g>
+
+<!-- can't figure out a good way to test kernelUnitLength
+<filter id="f2" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feConvolveMatrix x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   order="3" kernelUnitLength="0.1" kernelMatrix="0 1 0   1 -4 1   0 1 0" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f2)">
+  <rect x="100" y="0" width="100" height="100" fill="#00ff00" opacity="0"/>
+  <rect x="140" y="0" width="20" height="100" fill="#00ff00"/>
+</g>
+-->
+
+<filter id="f3" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feConvolveMatrix x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   order="3" kernelMatrix="0 1 0   1 -4 1   0 1 0" bias="-1" preserveAlpha="true" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f3)">
+  <rect x="200" y="0" width="100" height="100" fill="#00ff00" opacity="0"/>
+  <rect x="249" y="0" width="2" height="100" fill="#00ff00"/>
+</g>
+
+<filter id="f4" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feConvolveMatrix x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   order="3" kernelMatrix="0 1 0   1 -4 1   0 1 0" divisor="100000" preserveAlpha="true" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f4)">
+  <rect x="300" y="0" width="100" height="100" fill="#00ff00" opacity="0"/>
+  <rect x="349" y="0" width="2" height="100" fill="#00ff00"/>
+</g>
+
+<filter id="f5" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feConvolveMatrix style="color-interpolation-filters:sRGB"
+   order="3" kernelMatrix="0 1 0   1 -4 1   0 1 0" edgeMode="wrap" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f5)">
+  <rect x="0" y="100" width="100" height="100" fill="#00ff00" opacity="0"/>
+  <rect x="0" y="100" width="1" height="100" fill="#00ff00"/>
+</g>
+
+<filter id="f6" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feConvolveMatrix style="color-interpolation-filters:sRGB"
+   order="3" kernelMatrix="0 1 0   1 -4 1   0 1 0" edgeMode="duplicate" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f6)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00" opacity="0"/>
+  <rect x="100" y="100" width="1" height="100" fill="#ff0000"/>
+</g>
+
+<filter id="f7" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feConvolveMatrix style="color-interpolation-filters:sRGB"
+   order="3" kernelMatrix="0 1 0   1 -4 1   0 1 0" edgeMode="none" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f7)">
+  <rect x="200" y="100" width="100" height="100" fill="#00ff00" opacity="0"/>
+  <rect x="200" y="100" width="1" height="100" fill="#0000ff"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-2-ref.svg b/layout/reftests/svg/filters/feConvolveMatrix-2-ref.svg
new file mode 100644
index 0000000000..5b4ba420a1
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-2-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="48" y="0" width="1" height="500" fill="#00ff00"/>
+<rect x="51" y="0" width="1" height="500" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-2.svg b/layout/reftests/svg/filters/feConvolveMatrix-2.svg
new file mode 100644
index 0000000000..a804320863
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-2.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feConvolveMatrix style="color-interpolation-filters:sRGB"
+   order="3" kernelMatrix="0 1 0   1 -4 1   0 1 0" in="SourceGraphic"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="49" y="0" width="2" height="10000" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-bias-01-ref.svg b/layout/reftests/svg/filters/feConvolveMatrix-bias-01-ref.svg
new file mode 100644
index 0000000000..c3c0805595
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-bias-01-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for feConvolveMatrix with bias</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=527325 -->
+  <rect x="0" y="0" width="100" height="100" fill="rgb(128,255,128)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-bias-01.svg b/layout/reftests/svg/filters/feConvolveMatrix-bias-01.svg
new file mode 100644
index 0000000000..fe96b0b348
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-bias-01.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for feConvolveMatrix with bias</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=527325 -->
+  <defs>
+    <filter id="filter" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%" style="color-interpolation-filters: sRGB">
+      <feConvolveMatrix kernelMatrix="1 1 1 1 1 1 1 1 1" bias="0.5"/>
+    </filter>
+  </defs>
+  <rect x="0" y="0" width="100" height="100" fill="rgb(0,255,0)" filter="url(#filter)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-order-01-ref.svg b/layout/reftests/svg/filters/feConvolveMatrix-order-01-ref.svg
new file mode 100644
index 0000000000..957c65e577
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-order-01-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<filter id="convoluted_lime" x="0%" y="0%" width="100%" height="100%">
+			<feFlood flood-color="lime"/>
+			<feConvolveMatrix order="3" kernelMatrix="
+				0 0 0
+				0 1 0
+				0 0 0"/>
+		</filter>
+	</defs>
+	<rect x="30" y="30" width="97" height="60" filter="url(#convoluted_lime)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feConvolveMatrix-order-01.svg b/layout/reftests/svg/filters/feConvolveMatrix-order-01.svg
new file mode 100644
index 0000000000..6d0d116e77
--- /dev/null
+++ b/layout/reftests/svg/filters/feConvolveMatrix-order-01.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">
+	<desc>
+		<html:p>When the 'order' attribute of feConvolveMatrix is
+		omitted the effect is the same as if the value "3" were given.
+		Per <html:a href="https://bugzilla.mozilla.org/show_bug.cgi?id=478570">Bug 478570</html:a>
+		discussion and linked spec errata.</html:p>
+	</desc>
+	<defs>
+		<filter id="convoluted_lime" x="0%" y="0%" width="100%" height="100%">
+			<feFlood flood-color="lime"/>
+			<feConvolveMatrix kernelMatrix="
+				0 0 0
+				0 1 0
+				0 0 0"/>
+		</filter>
+	</defs>
+	<rect x="30" y="30" width="97" height="60" fill="red" filter="url(#convoluted_lime)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feDiffuseLighting-1-ref.svg b/layout/reftests/svg/filters/feDiffuseLighting-1-ref.svg
new file mode 100644
index 0000000000..efdf453903
--- /dev/null
+++ b/layout/reftests/svg/filters/feDiffuseLighting-1-ref.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
+  <image width='100' height='100'
+         xlink:href="data:image/png;base64,
+iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI
+WXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3wkbDDIilL5aRAAAAB1pVFh0Q29tbWVudAAAAAAAQ3Jl
+YXRlZCB3aXRoIEdJTVBkLmUHAAAA9UlEQVR42u3csRHDIBBFwbPHddADiqmEduhFlSiWelBOSirX
+YFsB49lXAMHf4DIeEXGFpqi1Fk8zzFPOGchsAQEiIEAEBIiAABEQIAIiIEAEBIiAAPmgUkosy2LV
+H3rd+VitNXrvse+7ZWcASSlFSsmqbggQAQEiIAICRECACAgQAQEiIEAERECACAgQAQEiIEAERECA
+CAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAfnHbv3Z+jzP6L1bdRaQdV1j
+jGHVWUC2bbOoGwJEQIAIiIAAERAgAgJEQIAIiIAAERAg+qrjOOINBcEbJFN4kugAAAAASUVORK5C
+YII="/>
+</svg>
diff --git a/layout/reftests/svg/filters/feDiffuseLighting-1.svg b/layout/reftests/svg/filters/feDiffuseLighting-1.svg
new file mode 100644
index 0000000000..8c5f49b101
--- /dev/null
+++ b/layout/reftests/svg/filters/feDiffuseLighting-1.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'>
+  <!--
+    A basic test for the <feDiffuseLighting> filter primitive.
+    Setting kernelUnitLength on the <feDiffuseLighting> should allow us to
+    assume pixel perfection.
+    -->
+  <filter id='f' x='0' y='0' width='1' height='1'>
+    <feDiffuseLighting kernelUnitLength='1'>
+      <feDistantLight/>
+    </feDiffuseLighting>
+  </filter>
+  <path d='M0,0 h100 v100 h-100 z M20,20 v60 h60 v-60 z' filter='url(#f)'/>
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-1-ref.svg b/layout/reftests/svg/filters/feDisplacementMap-1-ref.svg
new file mode 100644
index 0000000000..8ac9dff0be
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="50" width="40" height="40" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-1.svg b/layout/reftests/svg/filters/feDisplacementMap-1.svg
new file mode 100644
index 0000000000..5061bbe053
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-1.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#ff0000" result="flood"/>
+  <feDisplacementMap x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"
+   in="SourceGraphic" in2="flood" scale="1" xChannelSelector="R" yChannelSelector="G"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-2-ref.svg b/layout/reftests/svg/filters/feDisplacementMap-2-ref.svg
new file mode 100644
index 0000000000..3665d027bc
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-2-ref.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" y="50" width="50" height="50" fill="#00ff00"/>
+<rect x="100" y="50" width="50" height="50" fill="#00ff00"/>
+<rect x="50" y="100" width="100" height="50" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-2.svg b/layout/reftests/svg/filters/feDisplacementMap-2.svg
new file mode 100644
index 0000000000..29a7224b86
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-2.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feFlood flood-color="#ff0000" result="flood" x="0" y="0" width="100" height="100"/>
+  <feDisplacementMap style="color-interpolation-filters:sRGB"
+   in="SourceGraphic" in2="flood" scale="100" xChannelSelector="R" yChannelSelector="G"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-alpha-01.svg b/layout/reftests/svg/filters/feDisplacementMap-alpha-01.svg
new file mode 100644
index 0000000000..6933b78f2b
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-alpha-01.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for feDisplacementMap processing in2 with premultiplied colour values</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=584322 -->
+  <defs>
+    <filter id="f1">
+     <feTurbulence baseFrequency="0.1" type="fractalNoise" result="result1"/>
+     <feDisplacementMap id="feDisplacementMap" in2="result1"
+                         xChannelSelector="G" yChannelSelector="G"
+                         scale="50" in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g transform="translate(100,100)">
+    <circle cx="0" cy="0" r="60" fill="red" filter="url('#f1')"/>
+    <circle cx="0" cy="0" r="80" fill="lime"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-colour-01-ref.svg b/layout/reftests/svg/filters/feDisplacementMap-colour-01-ref.svg
new file mode 100644
index 0000000000..2edd897b72
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-colour-01-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for feDisplacementMap processing in1 with linearRGB colours</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=603584 -->
+
+  <rect width="100%" height="100%" fill="#ea2"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-colour-01.svg b/layout/reftests/svg/filters/feDisplacementMap-colour-01.svg
new file mode 100644
index 0000000000..6c8b1cb34e
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-colour-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for feDisplacementMap processing in1 with linearRGB colours</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=603584 -->
+  <defs>
+    <filter id="sponge">
+      <feTurbulence baseFrequency="0.1" type="fractalNoise" result="result1"/>
+      <feDisplacementMap id="feDisplacementMap" in2="result1" xChannelSelector="G" yChannelSelector="G" scale="50" in="SourceGraphic"/>
+    </filter>
+  </defs>
+
+  <!-- we can't use our usual lime here as that's the same colour in both colour spaces -->
+  <rect width="100%" height="100%" fill="#ea2"/>
+  <rect stroke="none" style="filter:url(#sponge)" x="50" y="50" width="100" height="100" fill="#ea2" />
+</svg>
diff --git a/layout/reftests/svg/filters/feDisplacementMap-scale-01.svg b/layout/reftests/svg/filters/feDisplacementMap-scale-01.svg
new file mode 100644
index 0000000000..0b2231e974
--- /dev/null
+++ b/layout/reftests/svg/filters/feDisplacementMap-scale-01.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that directionless filter primitive attributes are resolved to user units correctly</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=619967 -->
+  <filter id="f" filterUnits="userSpaceOnUse" x="0" y="0" width="400" height="200" color-interpolation-filters="sRGB">
+    <feFlood flood-color="#800" result="map"/>
+    <feDisplacementMap in="SourceGraphic" in2="map" xChannelSelector="R" yChannelSelector="G" scale="100"/>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect y="82" width="300" height="8" fill="red"/>
+  <rect width="400" height="200" fill="lime" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feDropShadow-01-ref.svg b/layout/reftests/svg/filters/feDropShadow-01-ref.svg
new file mode 100644
index 0000000000..47058f256f
--- /dev/null
+++ b/layout/reftests/svg/filters/feDropShadow-01-ref.svg
@@ -0,0 +1,68 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for Filter Effects Module Level 1 feDropShadow</title>
+
+  <defs>
+    <filter id="dropShadow1">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
+      <feOffset dx="2" dy="2" result="offsetblur"/>
+      <feFlood flood-color="green"/>
+      <feComposite in2="offsetblur" operator="in"/>
+      <feMerge>
+        <feMergeNode/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <filter id="dropShadow2">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+      <feOffset dx="-2" dy="-5" result="offsetblur"/>
+      <feFlood flood-color="green"/>
+      <feComposite in2="offsetblur" operator="in"/>
+      <feMerge>
+        <feMergeNode/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <filter id="dropShadow3">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="2 5"/>
+      <feOffset dx="5" dy="5" result="offsetblur"/>
+      <feFlood flood-color="green" flood-opacity="0.2"/>
+      <feComposite in2="offsetblur" operator="in"/>
+      <feMerge>
+        <feMergeNode/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <filter id="dropShadow4" color-interpolation-filters="sRGB">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
+      <feOffset dx="5" dy="5" result="offsetblur"/>
+      <feFlood flood-color="green"/>
+      <feComposite in2="offsetblur" operator="in"/>
+      <feMerge>
+        <feMergeNode/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <filter id="dropShadow5">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
+      <feOffset dx="2" dy="2" result="offsetblur"/>
+      <feFlood flood-color="green"/>
+      <feComposite in2="offsetblur" operator="in"/>
+      <feMerge>
+        <feMergeNode/>
+        <feMergeNode in="SourceAlpha"/>
+      </feMerge>
+    </filter>
+  </defs>
+  <g fill="yellow" transform="translate(10,10)">
+    <circle cx="75" cy="75" r="70" filter="url(#dropShadow1)" />
+    <circle cx="250" cy="75" r="70" filter="url(#dropShadow2)" />
+    <circle cx="425" cy="75" r="70" filter="url(#dropShadow3)" />
+    <circle cx="600" cy="75" r="70" filter="url(#dropShadow4)" />
+    <circle cx="75" cy="250" r="70" filter="url(#dropShadow5)" />
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feDropShadow-01.svg b/layout/reftests/svg/filters/feDropShadow-01.svg
new file mode 100644
index 0000000000..847b878fbc
--- /dev/null
+++ b/layout/reftests/svg/filters/feDropShadow-01.svg
@@ -0,0 +1,43 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for Filter Effects Module Level 1 feDropShadow</title>
+
+  <defs>
+    <!-- check default values -->
+    <filter id="dropShadow1">
+      <feDropShadow flood-color="green"/>
+    </filter>
+    <!-- check negative dx, dy -->
+    <filter id="dropShadow2">
+      <feDropShadow stdDeviation="5" dx="-2" dy="-5" flood-color="green"/>
+    </filter>
+    <!-- check flood-opacity and non-default values -->
+    <filter id="dropShadow3">
+      <feDropShadow stdDeviation="2 5" dx="5" dy="5" flood-color="green" flood-opacity="0.2"/>
+    </filter>
+    <!-- check sRGB -->
+    <filter id="dropShadow4" color-interpolation-filters="sRGB">
+      <feDropShadow stdDeviation="5" dx="5" dy="5" flood-color="green"/>
+    </filter>
+    <!-- check sourceAlpha input -->
+    <filter id="dropShadow5">
+      <feDropShadow in="SourceAlpha" flood-color="green"/>
+    </filter>
+    <!-- check negative stdDeviation (should not display anything) -->
+    <filter id="dropShadow6">
+      <feDropShadow stdDeviation="-2" flood-color="green"/>
+    </filter>
+  </defs>
+  <g fill="yellow" transform="translate(10,10)">
+    <circle cx="75" cy="75" r="70" filter="url(#dropShadow1)" />
+    <circle cx="250" cy="75" r="70" filter="url(#dropShadow2)" />
+    <circle cx="425" cy="75" r="70" filter="url(#dropShadow3)" />
+    <circle cx="600" cy="75" r="70" filter="url(#dropShadow4)" />
+    <circle cx="75" cy="250" r="70" filter="url(#dropShadow5)" />
+    <circle cx="250" cy="250" r="70" filter="url(#dropShadow6)" />
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feFlood-1-ref.svg b/layout/reftests/svg/filters/feFlood-1-ref.svg
new file mode 100644
index 0000000000..3cc5e99005
--- /dev/null
+++ b/layout/reftests/svg/filters/feFlood-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="10" width="80" height="80" fill="#00ff00" opacity="0.5"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feFlood-1.svg b/layout/reftests/svg/filters/feFlood-1.svg
new file mode 100644
index 0000000000..1a11222682
--- /dev/null
+++ b/layout/reftests/svg/filters/feFlood-1.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood x="10%" y="10%" width="80%" height="80%" flood-color="#00ff00" flood-opacity="0.5"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00" opacity="0"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feFlood-2-ref.svg b/layout/reftests/svg/filters/feFlood-2-ref.svg
new file mode 100644
index 0000000000..cb122fd129
--- /dev/null
+++ b/layout/reftests/svg/filters/feFlood-2-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<rect x="0" y="0" width="100%" height="100%" fill="#00ff00" opacity="0.5"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feFlood-2.svg b/layout/reftests/svg/filters/feFlood-2.svg
new file mode 100644
index 0000000000..8902a5a263
--- /dev/null
+++ b/layout/reftests/svg/filters/feFlood-2.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feFlood flood-color="#00ff00" flood-opacity="0.5"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#0000ff"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feFlood-color-01.svg b/layout/reftests/svg/filters/feFlood-color-01.svg
new file mode 100644
index 0000000000..779fa5e4b0
--- /dev/null
+++ b/layout/reftests/svg/filters/feFlood-color-01.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <filter id="floodFilter" filterUnits="userSpaceOnUse">
+            <feFlood x="0" y="0" width="100" height="100" color="lime"
+                     flood-color="currentColor" flood-opacity="1"
+            />
+        </filter>
+    </defs>
+    <rect width="100%" height="100%" fill="lime"/>
+    <use style="filter: url(#floodFilter);"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-1-ref.svg b/layout/reftests/svg/filters/feGaussianBlur-1-ref.svg
new file mode 100644
index 0000000000..8728e9adff
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-1-ref.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="10" width="80" height="80" fill="#00ff00"/>
+
+<rect x="110" y="10" width="80" height="80" fill="#00ff00" fill-opacity="0.5"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-1.svg b/layout/reftests/svg/filters/feGaussianBlur-1.svg
new file mode 100644
index 0000000000..ef628ba047
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-1.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feGaussianBlur x="10%" y="10%" width="80%" height="80%" in="SourceGraphic" stdDeviation="0.04"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+<filter id="f2" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feGaussianBlur x="10%" y="10%" width="80%" height="80%" in="SourceAlpha" stdDeviation="0.04"
+   result="blur" style="color-interpolation-filters:sRGB"/>
+  <feFlood flood-color="#00ff00" result="flood"/>
+  <feComposite in="flood" operator="in" in2="blur"/>
+</filter>
+<g filter="url(#f2)">
+  <rect x="100" y="0" width="100" height="100" fill="#00ff00" fill-opacity="0.5"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-2-ref.svg b/layout/reftests/svg/filters/feGaussianBlur-2-ref.svg
new file mode 100644
index 0000000000..8d12555188
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-2-ref.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<rect x="130" y="130" width="40" height="40" fill="#00ff00"/>
+
+<rect x="90" y="390" width="120" height="120" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-2.svg b/layout/reftests/svg/filters/feGaussianBlur-2.svg
new file mode 100644
index 0000000000..7af12c6102
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-2.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<!-- It's unfortunately hard to reftest the extent of the blur. We can at
+     least make sure it paints *something* -->
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feGaussianBlur in="SourceGraphic" stdDeviation="10"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+
+<!-- the radius affected by the box-blur is bounded by 3 times the standard
+     deviation -->
+<rect x="0" y="0" width="300" height="130" fill="#ffffff"/>
+<rect x="0" y="130" width="130" height="40" fill="#ffffff"/>
+<rect x="170" y="130" width="130" height="40" fill="#ffffff"/>
+<rect x="0" y="170" width="300" height="130" fill="#ffffff"/>
+
+<!-- we can test whether the blur is a reasonable size by bumping up
+     non-zero alpha values a lot -->
+
+<filter id="f2" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feGaussianBlur in="SourceGraphic" stdDeviation="10"/>
+  <feComponentTransfer>
+    <feFuncA type="linear" slope="1000"/>
+  </feComponentTransfer>
+</filter>
+<g filter="url(#f2)">
+  <rect x="100" y="400" width="100" height="100" fill="#00ff00"/>
+</g>
+
+<!-- there should be nonzero alpha values everywhere within 1 standard
+      deviation of the original image -->
+<rect x="0" y="300" width="300" height="90" fill="#ffffff"/>
+<rect x="0" y="390" width="90" height="120" fill="#ffffff"/>
+<rect x="210" y="390" width="90" height="120" fill="#ffffff"/>
+<rect x="0" y="510" width="300" height="90" fill="#ffffff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-3-ref.svg b/layout/reftests/svg/filters/feGaussianBlur-3-ref.svg
new file mode 100644
index 0000000000..542e8a6d55
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-3-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-3.svg b/layout/reftests/svg/filters/feGaussianBlur-3.svg
new file mode 100644
index 0000000000..4d3e640c54
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-3.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"/>
+  <feFlood flood-opacity="0" flood-color="black"/>
+  <feComposite in="blur" operator="over" x="100" y="100" width="100" height="100"/> 
+</filter>
+<g filter="url(#f1)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-4-ref.svg b/layout/reftests/svg/filters/feGaussianBlur-4-ref.svg
new file mode 100644
index 0000000000..1b729e3177
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-4-ref.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"/>
+  <feFlood flood-opacity="0" flood-color="black"/>
+  <feComposite in="blur" operator="over" x="100" y="100" width="100" height="100"/> 
+</filter>
+<g filter="url(#f1)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-4.svg b/layout/reftests/svg/filters/feGaussianBlur-4.svg
new file mode 100644
index 0000000000..c5fc07d42a
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-4.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" x="100" y="100" width="100" height="100"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-5-ref.svg b/layout/reftests/svg/filters/feGaussianBlur-5-ref.svg
new file mode 100644
index 0000000000..1ed5b8b47c
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-5-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+<g>
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-5.svg b/layout/reftests/svg/filters/feGaussianBlur-5.svg
new file mode 100644
index 0000000000..ef910f498b
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-5.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feGaussianBlur stdDeviation="0.0001"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-6-ref.svg b/layout/reftests/svg/filters/feGaussianBlur-6-ref.svg
new file mode 100644
index 0000000000..1ed5b8b47c
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-6-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+<g>
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-6.svg b/layout/reftests/svg/filters/feGaussianBlur-6.svg
new file mode 100644
index 0000000000..275027ba1c
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-6.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feGaussianBlur stdDeviation="0"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-alpha-01-ref.svg b/layout/reftests/svg/filters/feGaussianBlur-alpha-01-ref.svg
new file mode 100644
index 0000000000..6dd3b1466b
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-alpha-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>SourceAlpha pseudo input reference</title>
+
+  <defs>
+    <filter id="blur">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="2"/>
+    </filter>
+  </defs>
+
+  <g fill-opacity="0.6" stroke="black" fill="black" stroke-width="3" filter="url(#blur)">
+    <circle cx="98" cy="85" r="25"/>
+    <circle cx="80" cy="110" r="25"/>
+    <circle cx="116" cy="110" r="25"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-alpha-01.svg b/layout/reftests/svg/filters/feGaussianBlur-alpha-01.svg
new file mode 100644
index 0000000000..8e74d9ca01
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-alpha-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>SourceAlpha pseudo input test</title>
+
+  <defs>
+    <filter id="alphaBlur">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
+    </filter>
+  </defs>
+
+  <g fill-opacity="0.6" stroke="black" stroke-width="3" filter="url(#alphaBlur)">
+    <circle cx="98" cy="85" r="25" fill="red"/>
+    <circle cx="80" cy="110" r="25" fill="blue"/>
+    <circle cx="116" cy="110" r="25" fill="green"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software-ref.html b/layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software-ref.html
new file mode 100644
index 0000000000..4797720d2e
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software-ref.html
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="blur">
+    <feGaussianBlur stdDeviation="100 0"/>
+  </filter>
+  <g filter="url(#blur)">
+    <rect x="0" y="0" width="100" height="100" fill="#0f0"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software.html b/layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software.html
new file mode 100644
index 0000000000..f8d7566ed4
--- /dev/null
+++ b/layout/reftests/svg/filters/feGaussianBlur-cap-large-directional-radius-on-software.html
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="blur">
+    <!--
+      When rendering in software, Firefox should cap large blur radii to a
+      smaller value in order to keep performance acceptable.
+    -->
+    <feGaussianBlur stdDeviation="1000000 0"/>
+  </filter>
+  <g filter="url(#blur)">
+    <rect x="0" y="0" width="100" height="100" fill="#0f0"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/feImage-1-ref.svg b/layout/reftests/svg/filters/feImage-1-ref.svg
new file mode 100644
index 0000000000..3122ae49d2
--- /dev/null
+++ b/layout/reftests/svg/filters/feImage-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+<image xlink:href="mozilla-banner.gif" x="10" y="10" width="600" height="58"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feImage-1.svg b/layout/reftests/svg/filters/feImage-1.svg
new file mode 100644
index 0000000000..73fff9ee55
--- /dev/null
+++ b/layout/reftests/svg/filters/feImage-1.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" 
+         x="10" y="10" width="700" height="700">
+  <feImage xlink:href="mozilla-banner.gif" x="10" y="10" width="600" height="58"
+   style="color-interpolation-filters:sRGB"/>
+</filter>
+<g filter="url(#f1)">
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feImage-scale-to-primitive-subregion-ref.html b/layout/reftests/svg/filters/feImage-scale-to-primitive-subregion-ref.html
new file mode 100644
index 0000000000..dc7d3d8dca
--- /dev/null
+++ b/layout/reftests/svg/filters/feImage-scale-to-primitive-subregion-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<title>feImage Rendering Should Scale To Its Primitive Subregion</title>
+<head>
+  <style>
+    .filtered {
+      height: 30px;
+      width: 600px;
+      background: #0f0;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a long horizontal green rectangle.</p>
+  <div class="filtered"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/feImage-scale-to-primitive-subregion.html b/layout/reftests/svg/filters/feImage-scale-to-primitive-subregion.html
new file mode 100644
index 0000000000..c66db69110
--- /dev/null
+++ b/layout/reftests/svg/filters/feImage-scale-to-primitive-subregion.html
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE HTML>
+<html>
+<title>feImage Rendering Should Scale To Its Primitive Subregion</title>
+<!--
+  Test for https://bugzilla.mozilla.org/show_bug.cgi?id=1065606
+
+  This test verifies that an feImage renders as large as its primitive subregion
+  before being clipped by its filter region.
+
+  In this case, the primitive subregion is 600x600. The filter region is equal
+  to the bounding box of the filtered element (100% x 30px).
+
+  Thus, the 1x1 green pixel feImage rendering should scale up to the 600x600
+  primitive subregion and then be clipped by the 100% x 30px filter region.
+  Assuming the browser window is more than 600px wide, the final rendering
+  should be a 600x30 green rectangle.
+-->
+<head>
+  <style>
+    .filtered {
+      filter: url(#f);
+      height: 30px;
+      background: red;
+    }
+  </style>
+</head>
+<body>
+  <p>You should see a long horizontal green rectangle.</p>
+  <div class="filtered"></div>
+  <svg>
+    <defs>
+      <filter id="f" x="0" y="0" width="1" height="1">
+        <!-- Data URI represents a 1x1 green pixel. -->
+        <feImage width="600" height="600"
+                 xlink:href="data:image/gif;base64,R0lGODlhAQABAIAAAAD/AAAAACwAAAAAAQABAAACAkQBADs="/>
+      </filter>
+    </defs>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/feMerge-1-ref.svg b/layout/reftests/svg/filters/feMerge-1-ref.svg
new file mode 100644
index 0000000000..080cb98645
--- /dev/null
+++ b/layout/reftests/svg/filters/feMerge-1-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="10" width="30" height="80" fill="#00ff00"/>
+<rect x="40" y="10" width="50" height="80" fill="#0000ff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMerge-1.svg b/layout/reftests/svg/filters/feMerge-1.svg
new file mode 100644
index 0000000000..b4c05d2ba2
--- /dev/null
+++ b/layout/reftests/svg/filters/feMerge-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood x="0" y="0" width="50%" height="100%" flood-color="#00ff00" result="left"/>
+  <feFlood x="40%" y="0" width="60%" height="100%" flood-color="#0000ff" result="right"/>
+  <feMerge x="10%" y="10%" width="80%" height="80%">
+    <feMergeNode in="left"/>
+    <feMergeNode in="right"/>
+  </feMerge>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#000000"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMerge-2-ref.svg b/layout/reftests/svg/filters/feMerge-2-ref.svg
new file mode 100644
index 0000000000..a42ad06263
--- /dev/null
+++ b/layout/reftests/svg/filters/feMerge-2-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<rect x="0" y="0" width="40%" height="100%" fill="#00ff00"/>
+<rect x="40%" y="0" width="60%" height="100%" fill="#0000ff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMerge-2.svg b/layout/reftests/svg/filters/feMerge-2.svg
new file mode 100644
index 0000000000..278b52f39e
--- /dev/null
+++ b/layout/reftests/svg/filters/feMerge-2.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feFlood x="0" y="0" width="50%" height="100%" flood-color="#00ff00" result="left"/>
+  <feFlood x="40%" y="0" width="60%" height="100%" flood-color="#0000ff" result="right"/>
+  <feMerge>
+    <feMergeNode in="left"/>
+    <feMergeNode in="right"/>
+  </feMerge>
+</filter>
+<g filter="url(#f1)">
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-1-ref.svg b/layout/reftests/svg/filters/feMorphology-1-ref.svg
new file mode 100644
index 0000000000..ac4fd4ed72
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-1-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="20" y="20" width="60" height="60" fill="#00ff00"/>
+
+<rect x="135" y="45" width="30" height="10" fill="#00ff00"/>
+
+<rect x="10" y="110" width="80" height="80" fill="#00ff00"/>
+<rect x="30" y="130" width="40" height="40" fill="#000000"/>
+
+<rect x="125" y="115" width="50" height="70" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-1.svg b/layout/reftests/svg/filters/feMorphology-1.svg
new file mode 100644
index 0000000000..cdf91fc01b
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-1.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feMorphology operator="erode" radius="0.2 0.2" x="10%" y="10%" width="80%" height="80%"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+<filter id="f2" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feMorphology operator="erode" radius="0.3 0.4" x="10%" y="10%" width="80%" height="80%"/>
+</filter>
+<g filter="url(#f2)">
+  <rect x="100" y="0" width="100" height="100" fill="#00ff00" fill-opacity="0"/>
+  <rect x="105" y="5" width="90" height="90" fill="#00ff00"/>
+</g>
+
+<filter id="f3" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feMorphology operator="dilate" radius="0.2 0.2" x="10%" y="10%" width="80%" height="80%"/>
+</filter>
+<g filter="url(#f3)">
+  <rect x="0" y="100" width="100" height="100" fill="#00ff00"/>
+  <rect x="10" y="110" width="80" height="80" fill="#000000"/>
+</g>
+
+<filter id="f4" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feMorphology operator="dilate" radius="0.2 0.3" x="10%" y="10%" width="80%" height="80%"/>
+</filter>
+<g filter="url(#f4)">
+  <rect x="100" y="100" width="100" height="100" fill="#00ff00" fill-opacity="0"/>
+  <rect x="145" y="145" width="10" height="10" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-2-ref.svg b/layout/reftests/svg/filters/feMorphology-2-ref.svg
new file mode 100644
index 0000000000..27b0336e94
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-2-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="20" y="20" width="60" height="60" fill="#00ff00"/>
+
+<rect x="135" y="45" width="30" height="10" fill="#00ff00"/>
+
+<rect x="-20" y="80" width="140" height="140" fill="#00ff00"/>
+<rect x="30" y="130" width="40" height="40" fill="#000000"/>
+
+<rect x="125" y="115" width="50" height="70" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-2.svg b/layout/reftests/svg/filters/feMorphology-2.svg
new file mode 100644
index 0000000000..7b19aa2458
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-2.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feMorphology operator="erode" radius="20 20"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+<filter id="f2" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feMorphology operator="erode" radius="30 40"/>
+</filter>
+<g filter="url(#f2)">
+  <rect x="105" y="5" width="90" height="90" fill="#00ff00"/>
+</g>
+
+<filter id="f3" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feMorphology operator="dilate" radius="20 20"/>
+</filter>
+<g filter="url(#f3)">
+  <rect x="0" y="100" width="100" height="100" fill="#00ff00"/>
+  <rect x="10" y="110" width="80" height="80" fill="#000000"/>
+</g>
+
+<filter id="f4" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feMorphology operator="dilate" radius="20 30"/>
+</filter>
+<g filter="url(#f4)">
+  <rect x="145" y="145" width="10" height="10" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-radius-negative-01.svg b/layout/reftests/svg/filters/feMorphology-radius-negative-01.svg
new file mode 100644
index 0000000000..40a6b7d283
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-radius-negative-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test 'feMorphology' with a negative value for its 'radius'</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=485786 and
+    https://bugzilla.mozilla.org/show_bug.cgi?id=1432250
+
+    The negative value should disable the primitive effect and output
+    the input image.
+  -->
+  <filter id="f1">
+    <feMorphology operator="erode" radius="-1"/>
+  </filter>
+  <filter id="f2">
+    <feMorphology operator="erode" radius="-1 50"/>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="50%" height="100%" fill="lime" filter="url(#f1)"/>
+  <rect x="50%" width="50%" height="100%" fill="lime" filter="url(#f2)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-radius-negative-02.svg b/layout/reftests/svg/filters/feMorphology-radius-negative-02.svg
new file mode 100644
index 0000000000..ccf44aa844
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-radius-negative-02.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test 'feMorphology' with a negative value for its 'radius'</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=485786 and
+    https://bugzilla.mozilla.org/show_bug.cgi?id=1432250
+
+    The negative value should disable the primitive effect and output
+    the input image.
+  -->
+  <filter id="f1">
+    <feMorphology operator="dilate" radius="-1"/>
+  </filter>
+  <filter id="f2">
+    <feMorphology operator="dilate" radius="-1 50"/>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="50%" height="100%" fill="lime" filter="url(#f1)"/>
+  <rect x="50%" width="50%" height="100%" fill="lime" filter="url(#f2)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-radius-zero-01.svg b/layout/reftests/svg/filters/feMorphology-radius-zero-01.svg
new file mode 100644
index 0000000000..a6646b16f6
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-radius-zero-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test 'feMorphology' with a zero value for its 'radius'</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=485786 and
+    https://bugzilla.mozilla.org/show_bug.cgi?id=1432250
+
+    The zero value should disable the primitive effect and output
+    the input image.
+  -->
+  <filter id="f1">
+    <feMorphology operator="erode" radius="0"/>
+  </filter>
+  <filter id="f2">
+    <feMorphology operator="erode" radius="0 50"/>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="50%" height="100%" fill="lime" filter="url(#f1)"/>
+  <rect x="50%" width="50%" height="100%" fill="lime" filter="url(#f2)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feMorphology-radius-zero-02.svg b/layout/reftests/svg/filters/feMorphology-radius-zero-02.svg
new file mode 100644
index 0000000000..a819e3b358
--- /dev/null
+++ b/layout/reftests/svg/filters/feMorphology-radius-zero-02.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test 'feMorphology' with a zero value for its 'radius'</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=485786 and
+    https://bugzilla.mozilla.org/show_bug.cgi?id=1432250
+
+    The zero value should disable the primitive effect and output
+    the input image.
+  -->
+  <filter id="f1">
+    <feMorphology operator="dilate" radius="0"/>
+  </filter>
+  <filter id="f2">
+    <feMorphology operator="dilate" radius="0 50"/>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="50%" height="100%" fill="lime" filter="url(#f1)"/>
+  <rect x="50%" width="50%" height="100%" fill="lime" filter="url(#f2)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feOffset-1-ref.svg b/layout/reftests/svg/filters/feOffset-1-ref.svg
new file mode 100644
index 0000000000..ab54616e89
--- /dev/null
+++ b/layout/reftests/svg/filters/feOffset-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="15" y="25" width="75" height="65" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feOffset-1.svg b/layout/reftests/svg/filters/feOffset-1.svg
new file mode 100644
index 0000000000..c94b2ba8eb
--- /dev/null
+++ b/layout/reftests/svg/filters/feOffset-1.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feOffset x="10%" y="10%" width="80%" height="80%" dx="0.15" dy="0.25"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feOffset-2-ref.svg b/layout/reftests/svg/filters/feOffset-2-ref.svg
new file mode 100644
index 0000000000..e54bb9be8d
--- /dev/null
+++ b/layout/reftests/svg/filters/feOffset-2-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="15" y="25" width="100" height="100" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feOffset-2.svg b/layout/reftests/svg/filters/feOffset-2.svg
new file mode 100644
index 0000000000..dc22641c97
--- /dev/null
+++ b/layout/reftests/svg/filters/feOffset-2.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feOffset dx="15" dy="25"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/fePointLight-zoomed-page-ref.svg b/layout/reftests/svg/filters/fePointLight-zoomed-page-ref.svg
new file mode 100644
index 0000000000..d201169a9a
--- /dev/null
+++ b/layout/reftests/svg/filters/fePointLight-zoomed-page-ref.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <filter id="illuminate-center">
+            <feDiffuseLighting in="SourceGraphic" result="light" lighting-color="white">
+                <fePointLight x="100" y="100" z="100"/>
+            </feDiffuseLighting>
+            <feComposite in="SourceGraphic" in2="light" operator="arithmetic" k1="1" k2="0" k3="0" k4="0"/>
+        </filter>
+    </defs>
+    <rect width="200" height="200" fill="green" filter="url(#illuminate-center)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/fePointLight-zoomed-page.svg b/layout/reftests/svg/filters/fePointLight-zoomed-page.svg
new file mode 100644
index 0000000000..9bd24878cd
--- /dev/null
+++ b/layout/reftests/svg/filters/fePointLight-zoomed-page.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that fePointLight stays in the right place when the user
+     zooms the page.
+
+     If the test passes, you should see a green box with its center illuminated
+     by a point light. If the test fails, the illumination will be off-center.
+
+     This test checks that SVG filters transform points in user space to points
+     in filter space correctly.
+
+     The root SVG element specifies a width and height to prevent scrollbars
+     from appearing when the page is zoomed.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     reftest-zoom="2.0" width="100" height="100">
+    <defs>
+        <filter id="illuminate-center">
+            <feDiffuseLighting in="SourceGraphic" result="light" lighting-color="white">
+                <fePointLight x="50" y="50" z="50"/>
+            </feDiffuseLighting>
+            <feComposite in="SourceGraphic" in2="light" operator="arithmetic" k1="1" k2="0" k3="0" k4="0"/>
+        </filter>
+    </defs>
+    <rect width="100" height="100" fill="green" filter="url(#illuminate-center)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feSpecularLighting-1-ref.svg b/layout/reftests/svg/filters/feSpecularLighting-1-ref.svg
new file mode 100644
index 0000000000..c57f91f06d
--- /dev/null
+++ b/layout/reftests/svg/filters/feSpecularLighting-1-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
+  <image width='100' height='100' xlink:href="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00d%00%00%00d%08%06%00%00%00p%E2%95T%00%00%17DiCCPICC%20Profile%00%00x%DA%D5yWTUK%B0m%AD%B5%D7N%C0%26%E7%9Cs%CE9%07I%92%B3%92s%DCl2(%02%02%12%14%04%14%11P%14TDT%10%25%8A%80%A8(%E2ADAET%82H%10%15%03%8A%8Ar%3F%F4%9Cs%C3%BB%1Fo%8C%F7%F3%E6G%8F9fU%CF%AA%FA%EA%D1%DD%00%3C%AB%01Tj4%CA%0C%10%13%9BHs%B62%15%F6%F4%F2%16%26N%01%3D%E0%80%0C8%40%02%82%12%A8%26%8E%8Ev%F0%BF%E2%CB%24%20%00%00%0F%15%02%A8%D4h%F8%BF%03KpHB%10%00%E2%08%00%81%C1%09A1%00%C8%15%00%D44%88JK%04%C0m%00%C0XJ%225%11%00%BB%03%00%EC4O%2Fo%00l%1A%00%D8%C3~%F35%00%60%0F%F4%F4%F2%06%C0c%00%C0Nsu6%03%C0s%03%90%18%02%02ha%00%14q%00%10N%0E%0AK%04%A0%98%03%10Xc%83%23b%01%D8%3C%01%08%86A%E1%01%C1%00%3CU%00%20%1F%13%13%17%0C%C0s%13%00%A4%03%FF%93O%D8%7F%F1%0C%FC%C73%20%20%EC%1F%FE%7B%16%00%00%20%99G%24P%A3%03%D2%E0%FF5b%A2%93%FE%AE%C1%0A%00%0C%B1%D1%DB%ED%00%80%13%00%96%82%03%CCm%01%80%1F%00~Q%A3%1D%ED~%E7%20%BC!%B1n.%7F%B8%7Cl%E0v%87%3F%DC0%94f%E9%FC%7B%2F%E2HM4u%06%00n%00%24%94%9A%E8%E8%FAG%CFL%0F7%DB%0E%00%0C%00%C8%A1%90%04%8B%BF%7DND%06%D88%02%00%23%00%D2FKrv%03%00q%00d%20!%D9%C5%02%00%98%01%90W%E9%E1%AE%1E%7Fr%3E%07%87%98%FF%D1Q44%C2%D2%FA%0Fg%8DH%B4v%05%00v%00T4*%CE%D6%F9w-T%13l!%1AB%20%09h%10%02%B1%A0%00v%60%06%E6%7FV%05%08%85%00%A0A2%84%40%02D%C1k%A0A%0C%D8B%1CDC%1C%D0%40%F8O%9E%D9%FFP%2C!%00h%10%06!%FF%CDQ%18%82%20%0E%92%FE%A9%F9%B7%FA%AFC%04%04C%DC%3Fz%C0%9F%18%0DB%20%C1%2F%22%E7%DF%0A%FF%D9%2F%1A%E2%80%A6%DC%AC%BC%AC%BC%F9w%1C%93%C4T1%0D%CC%143%C0%0C1%1D%10%C681%5EP%C0%D41m%CC%043%C2%F40%0DL%07%2C%E1%15%D0%20%EC%EF%1E%FD%22rh1m%A1%C9Uqi%BA%EE%E1%7Ff%08%FCg%02wx%054%88%F8%3FN%F4%A7%F7%D1%D5%CE%D5%7F%3A%84%C4%90%D4D%00%00%B38j%1A-%22%2C%3CQ%D8%84J%8D%0E%91%17%B6%8E%0DR%94%17VUVQ%86%FF%9F%E0%E9%E5-%FC%9B%7Dr%06%04%00%10%CE%FB%FFjq*%00%3AA%00%C8%DE%7F5%FFw%00%9D%91%00%24%D6%7F5%C9N%00%26U%80%E1%23AI%B4%E4%DF%1A%06%00%80%07%3A%60%02v%E0%01A%10%03iP%00U%D0%04%3D0%06%0B%B0%01%07p%05%2F%F0%85%20%08%87%18%A0A%0A%EC%82l%C8%87b8%08%87%A1%1A%EA%A0%01%CE%C2%05h%83N%E8%85%EB0%04%230%06%13%F0%0Cf%60%01%DE%C0%1A%7C%81%1F%08%82%10%11%0A%C2%86%F0%20B%88%04%22%87%A8%22%DA%88!b%81%D8!%CE%88%17%E2%8F%84!%B1H%12%B2%0B%D9%8B%14%23%E5H5r%12iB.!%DD%C8ud%18y%80%3CEf%91e%E4%23%F2%1D%C5%A1%0C(%3B*%80J%A2J%A86j%82%DA%A2%AE%E8N4%0C%8DG%D3%D1%5C%B4%04%ADB%EB%D1%F3h%07z%1D%1DA'%D0%19%F4%0D%BA%8E%03%1C%3D%8E%13'%82S%C0i%E3%CCp%0E8o%5C(%8E%86%CB%C4%15%E1*q%F5%B8%8B%B8%1E%DCm%DCC%DC%0Cn%15%F7%0D%23%60l%980%A6%80%E9a%DB07%2C%08%8B%C72%B1%FDX5v%16%EB%C0nb%0F%B1Yl%0D%FB%85%A7%E0%F9%F1rx%5D%BC5%DE%13%1F%86O%C1%E7%E3%2B%F1g%F0%ED%F8%5B%F8%09%FC%02%FE%0B%81%40%E0%24H%11%B4%08%DB%08%5E%84HB%06a%3F%E1%18%A1%850%40x%40%98'%AC%13%89D%1E%A2%1C%D1%80%E8%40%0C%20%26%12%F3%89G%89%E7%89%FD%C4q%E2%02q%83DO%12%22%A9%92%2CI%DE%A4XR%0E%A9%92t%8E%D4G%1A'-%92~%90%99%C9%12d%5D%B2%039%98%9CF.%25%9F%22%F7%90%EF%93%17%C8%3F%E8X%E8%A4%E8%0C%E8%5C%E9%22%E9%B2%E9%AA%E8.%D2%DD%A2%9B%A6%FBDOO%2FJ%AFC%EFD%1FA%9FE_E%DFJ%7F%87~%96%FE%1B%03%2B%83%2C%83%19%C3%0E%86%24%86%12%86F%86%01%86%A7%0C%9F(%14%8A%24%C5%98%E2MI%A4%94P%9A(7(%2F(%1B%8Cl%8C%8A%8C%D6%8C%C1%8C%7B%18k%18%3B%18%C7%19%DF1%91%99%24%98L%98%7C%99%D2%99*%99.3%DDgZe%263K2%9B1%070g2%D70w3%3Ff%5EgacQaq%60%89a%D9%CFr%8Ee%98e%89%95%C8*%C9j%C1%1A%CC%9A%CB%DA%C0z%83u%9E%0D%C7%26%C6f%C6%16%C4%B6%97%ED%14%DB-%B6%05v%02%BB%14%BB5%7B%24%7B1%FB%05%F6Q%F65%0EV%0Eu%0Ew%8ET%8E%1A%8Ek%1C3%9C8NINk%CEh%CER%CE6%CEI%CE%EF%5C%02%5C%26%5C!%5C%85%5C%17%B9%C6%B9%BEr%F3q%1Bs%87p%17q%B7pOp%7F%E7%11%E6%B1%E0%89%E2)%E3%E9%E4y%CE%8B%F1%CA%F2%3A%F1%A6%F0%1E%E7%BD%C5%BB%CA%C7%CE%A7%C7%17%C4W%C4%D7%C67%C5%8F%F2%CB%F2%3B%F3g%F07%F0%DF%E3_%17%10%14%B0%12%A0%0A%1C%15%B8!%B0*%C8)h%2C%18)xH%B0OpY%88M%C8P(B%E8%90P%BF%D0%8A0%87%B0%89p%B4p%95%F0M%E15%11~%91m%22I%22'EFE~%88J%89%BA%89%E6%88%B6%88%3E%17%A3%13%D3%16%0B%15%3B%246(%B6%26.%24n%2F%BEK%BCY%7CJ%82%2C%A1-%11.qD%E2%B6%C4WI)I%0F%C9%7D%92%9D%92KR%DCR%D6R%E9R%CDR%D3%D2%14i%23%E9x%E9z%E9G2%04%19m%99(%99c2c%B2%A8%AC%86l%B8l%8D%EC%7D9TNS.B%EE%98%DC%03y%BC%BC%8E%7C%AC%7C%BD%FCc%05%06%05%13%85d%85f%85YENE%3B%C5%1C%C5N%C5wJ%E2J%DEJeJ%B7%95~)k(G%2B%9FR~%A6%C2%AAb%A3%92%A3%D2%A3%F2QUV5H%B5F%F5%91%1AE%CDRm%8FZ%97%DA%07u9%F5%10%F5%E3%EAO4%D84%EC5%F6i%0Cj%FC%D4%D4%D2%A4i%5E%D4%5C%D6%12%D7%F2%D7%AA%D5z%AC%CD%AE%ED%A8%BD_%FB%8E%0E%5E%C7Tg%8FN%AF%CE7%5DM%DDD%DD6%DD%F7z%0AzQz%E7%F4%96%F4%A5%F4C%F4O%E9%CF%1B%88%1A%04%18%9C4%981%146%F47%3Ca8c%24b%14%60To4g%2Cf%1Cl%7C%C6x%D1D%C6%24%D2%E4%BC%C9%3BSeS%9Ai%BB%E9W3%5D%B3%DDf%03%E68s%2B%F3%22%F3Q%0BV%0B7%8Bj%8B%17%96%A2%96a%96%CD%96kV%1AV%19V%03%DB%F0%DBl%B7%95m%7Bl-%60%1Dd%DDd%BDf%A3e%B3%DB%E6%A6-%83%AD%8Bm%B5%ED%9C%9D%AC%1D%CD%AE%C7%1E%B5%B7%B1%AF%B0%9F%DE.%B1%3Dv%7B%A7%038X%3BT8%3Cw%94r%8Cw%BC%EADprt%AAqz%ED%AC%E2%BC%CB%F9%B6%0B%9B%8B%9F%CB9%97%2F%AE%A6%AE%A5%AE%CF%DC%A4%DD%92%DC%06%DD%99%DCw%B87%B9%7F%F50%F7(%F7%98%F1T%F2%DC%ED9%E2%C5%EB%15%E1%D5%E5M%F4v%F7%3E%E3%BD%EEc%E1s%D8ga%87%C6%8E%FC%1D%93%3B%A5v%A6%EE%1C%F6%E5%F5%8D%F6%BD%E6%C7%E4%17%E0w%D9%1F%EF%EF%E1%7F%CE%7F3%C0!%A0%3E%60%3D%D0%3A%B06p-%C8%2C%E8H%D0%9B%60%E3%E0C%C1%CB!%06!%E5!%8B%A1%06%A1%E5%A1Ka%06a%15a%CB%E1F%E1%95%E1%AB%11f%11%D5%11%1F%22%B7E%D6E~%8Dr%88j%8C%DA%8A%F6%88n%89!%C5%F8%C7t%C7%B2%C6F%C5%DE%8C%13%8CK%8D%7B%40%95%A3%E6Sg%E2u%E3%0F%C7%AF%D1lig%12%90%84%9D%09%5D%89%EC%89%D4%C4%7BI%D2IyI%B3%C9%86%C95%C9%1B)%EE)%97SYRcS%EF%A5%C9%A6%15%A6-%A6%5B%A6%9F%CE%C02%822%06w%89%EC%CA%DE5%BB%DBd%F7%C9L%2430sp%8F%D8%9E%DC%3D%0BYVYg%B3%E9%B2%A3%B2%FF%CAQ%CE)%CF%F9%BC%D7coO%AE%40nV%EE%7C%9EU%5Es%3Ec%3E-%FF%F1%3E%BD%7Du%05XAD%C1h%A1Z%E1%D1%C2_E%C1Ew%8B%95%8B%2B%8B7%F7%07%ED%BF%7B%40%E5%40%D5%81%AD%92%D0%92%D1R%CD%D2%E3%07%09%07c%0FN%96%19%95%9D-g)O%2F%9F%AF%B0%AF%E88%24%7C%A8%E8%D0%E7%C3~%87%87%2B%D5%2B%EB%8E%D0%1DI%3A2SeW%D5uT%FC%E8%C1%A3%9B%D5%E1%D5%135%A65-%B5%FC%B5%85%B5_%8F%05%1F%1B%3Fn%7C%FCb%9D%40%5Dq%DD%F7%13%11'%9E%9C%B4%3A%D9Q%2FY_%D9%40hHnx%7D%CA%FD%D4%ED%D3%DA%A7%9B%CE%F0%9E)%3E%F3%B31%B6q%E6%AC%F3%D9%9BMZMM%E7%F8%CF%956%A3%CDI%CD%CB%E7w%9C%1F%BB%60~%A1%EB%A2%C2%C5%93-%9C-%C5%AD%D0%9A%D4%BAr%C9%FF%D2d%9Bm%DB%E0e%ED%CB%17%AFH%5C%A9mgk%2F%EA%40%3A%D2%3A%D6%3A%C3%3Bg%BA%BC%BA%1Et%DBt%0F%F6%E8%F5%B4_U%BC%DA%D8%2B%D2%5Bs%8D%E3Zi%1F%5D_n%DFV%7Fz%FF%FA%00u%60%F5z%D8%F5%F9A%BF%C1g7%3Co%3C%BA%E9ts%F4%96%ED%AD%3BC%96C7n%9B%DC%EE%BFcp%A7wXw%B8%FB%AE%F6%DD%CE%11%CD%91%8E%7B%1A%F7%DA%FF%D2%F8%AB%7DTs%B4%E3%BE%D6%FD%AE1%9D%B1%9E%07%FA%0F%FA%C6%8D%C6%AF%3F4%7F8%F4%C8%FA%D1%C8%C4%F6%89%07%93n%93O%1E%EFx%3C%F3%24%F8%C9%D2%D3%E8%A7%1F%A6%92%A7~%3C%CB%9A%C6O%17%3Dg~%5E%F9%82%FFE%FDK%99%97-3%9A3%D7f%CDg%EF%CD%B9%CC%3D%9B%0F%9A%7F%F3*%E1%D5%E6B%EEk%CA%EB%CAE%A1%C5%A6%25%D5%A5%DEe%CB%E5%B1%15%9F%95%857%D47%3FV%F3%DF%B2%BC%AD%7D'%FD%EE%CA%7B%E3%F7%F7%D6%3C%D7%16%3E%D0%3El%7D%DC%FF%89%E7S%E3g%F5%CF%83%EB%8E%EB%2F%BE%C4%7C%F9%F1%B5h%83g%E3%EC7%EDo%B7%BF%7B%7C_%FC%91%B2I%DC%AC%FA)%F3%B3%E7%97%ED%AF%E9%AD%98%AD-j%00-%00%00%00p%00%80%86%86%02%7Cl%04%A0x%01%B0%8D%01%D0%0D%FC%BES%FC%01%0E%01%40%01%80%08%82%60%03%C50%8F%C8%22%B1%C8%00%CA%83%26%A2S8k%DC%0D%CC%0A%7B%84%8F!%B0%10%06%89%BBH%86d%22%F99%5D7%7D-C)%A5%91q%9A%99%99%C5%96%B5%90m%98%83%85s%07%D7y%1E%8C7%80%EF%9A%80%B0%E0~%A1%0D%91%60%D1)%F1%ED%12%C3RJ%D2%252o%E4%AC%E5%EB%14%BE(%99)%1FP%19S%A3%A8%9Bj%24h%D6j%0Dh%CF%E8%FC%D4%E3%D2%973%D01%B40r6%0E2I0%CD5%3Bb%DEl%D1o%F9%D0jy%DB%96%0D%87%AD%BC%9D%99%BD%CF%F6%08%87d%C7%3C%A7r%E7%3A%97f%D7N%B7A%F7%11%8Fq%CF%A7%5E%2F%BD%E7%7D%96v%BC%DD%B9%E4%3B%ED7%EA%DF%1F%D0%12x%3C%E8%40pzHh%A8S%98%5E%B8x%04c%C4%97%C8%97QC%D1M1%07b%A9q.T%ADx%DE%F8M%DA%8B%84%81%C4%86%A4%BC%E4%D0%14%EBT%B94%BA%B4%95%F4%7B%19%AD%BB%AAv%E7f%A6%EC%89%CF%A2e%A7%E7%14%ED%3D%99%7B-%EF%E5%3Er%81~!%B5%A8%A1x%F2%00%5D%89~i%CC%C1%E3e%A3%E5%3F%0F%C9%1F%F6%A9%2C%3A%D2Q5SM_%A3Q%EBw%AC%F0x%5B%DD%B3%93X%BDB%83%FB%A9%3D%A7%CF%9Ey%D0%B8%D1%24%7C%CE%AEy%D7%F9%B6%0B%1FZt%5BK%2F%BD%BF%ECs%E5~%87C%E7%A3n%FD%9E%C4%ABM%BD%D3%7D%F4%FDj%03%EE%D7%E3%07%F3n%94%DD%AC%BCU9Tv%BB%E0%CE%DE%E1%7Dw%0F%8C%1C%B8%97%F7W%E2%A8%C7%7D%C5%FB%3F%C6%06%1Ed%8Ck%8E%7Fy%F8%F8Q%F7D%F5%E4%EE%C7~OL%9FJL%91%A7%DE%3E%7B0%DD%FE%BC%FA%C5%EE%97%FE3%E6%B32s%CCs%DF%E6_%BF%9A%5C%18~%7D%7D%F1%EAR%F7r%F7%CA%E97%25%AB%C9o%7D%DFY%BC%97%5Bc%5E%5B%FF0%F5%B1%EF%D3%C9%CFy%EB%E1_l%BF*m%B0m%7C%FD6%FD%7D%E0G%FDf%EE%CF%90_%E6%5B%A2%5B%5B%00%40%00%5E0%86T%B8%85%B0!v%C8A%E4%25%AA%86%96%A0%9Fp~%B8I%CC%0D%7B%8E%A7%12%18%09%9D%C4%10%12%2Fi%8A%5CK%17Fo%CA%60%40qe%0Cg%CAb%3E%C1r%9Du%99%9D%83%C3%9C3%8D%AB%85%FB%3D%AF%22%1F%8D%BFW%90%5E%C8%5D%F8%9C%C8%96%98%89x%B6D%BF%E4%A6%B4%96L%A4%EC1%B9%11%F9%8F%8A%1CJj%CA%DBT%7CT%C3%D4%E2%D5%D34vk%A6kEj%FB%E8%D8%E9%1A%E8)%EB%8B%1Ap%18%92%0C%BF%1B%BD5%9E5%990%BDk%D6g~%D9%A2%D1%B2%CA%AA%60%5B%8Au%B8%8D%97%ED6%3Bm%7B%A9%ED%1C%0E%98%C3g%C79%A7%07%CE%03.%AD%AE%C7%DD%0A%DC%13%3C%7C%3D%AD%BD%D4%BC%05%7C%08%3E%EFvL%EE%BC%E6%DB%E0W%E4%1F%17%E0%1A%A8%1E%C4%104%17%DC%1DR%1A%1A%1A%A6%1F%CE%12%FE%3A%E2jdYTH%B4n%0CS%CC%7Clg%5C%01%D5%2B%5E.~%936%9Ap%22%91%96d%96%CC%91%BC%98%D2%9D%BA%3F%CD7%5D9%03%CDx%BC%ABewqf%CC%1E%B7%2C%F3l%DD%1C%9D%BD%06%B9%DB%F2%3C%F3c%F7%ED%2B8%5Dx%A3h%B6%F8%D7%01%FE%12%9DR%F7%83%09e%07%CB%CFW%0C%1Fz%5D%89%1E%E1%AF%D2%3C%EAT%1DSS%5C%7B%FE%D8%D8%F1%2F'DO%3A%D6%EFm%E8%3E%F5%E1%8Cbc%FC%D9%2BM_%9Bu%CE%EF%BA%D0%D7%02%AD%26%97%F6%B6%DD%BA%82o%B7%EA(%E8%BC%DDM%EC%B1%B8%9A%D3%7B%ED%DA%E7~%C9%01%97%EB%19%83%C7o%5C%BD9qky%E8%EB%1Dl%98%ED%AE%C8%88%D2%3D%83%BF%ECF%BD%EF%87%8F%A5%3C%C8%1F%3F%FC%B0%FEQ%CBD%EF%E4%F0%E3%C9'%0BO%3F%3F%C3M%B3%3F%97x%A1%FD%D2n%26l%B6an%F9%95%D4%82%F7%EB%FC%C5sK%B7%97gW6V%19%DFJ%BC3z%EF%B3%96%F5a%EC%93%DA%E7%8A%F5O_%9D7%AE%7C%E7%FE%91%B7%B9%F1%2Bek%0B%000%60%01Y%D8%0EY0%80%10%11%5D%24%11%E9DQ%D4%1E%3D%81%FE%C0%F9%E2%EEb%FAX%07%5E%1B%3FHp%24%CC%133H%7C%A4%DB%E4%03tA%F4%FA%0C%7C%0C%BF(s%8C%23L%ED%CC%A7Y%AAXK%D8%0A%D8%F38%F29%8B%B9*%B8%EBx%9Ay%BB%F8%AE%F1_%13%E8%13%EC%17%EA%13%BE*%D2.%DA%2CvL%BCX%22Ir%87%94%B1%B4%A8%0C%C8%3C%93%ED%94%2B%96wW%10VXQlW%CAR%B6U%E1T%99UmVKR7%D2%20k%3C%D4%3C%A6%15%AE%AD%AE%BD%A1%D3%A7%9B%A7g%AB%CF%AA%3FePo%18i%A4j%B4i%3CdRf%BA%D3L%D6%EC%AB%F9%0D%8BRK%1F%2B)%AB%8F%DB%FA%AC%8Bl%DCmEl%DF%D8u%D8gm%B7s%E0t%98ulvJp%D6sA%5D%EE%BA%96%BBy%BB%0B%BB%2Fz%5C%F4L%F2%D2%F3F%BD%87%7DJw%B8%EC%E4%DC%F9%D4%B7%C6o%A7%BF%80%FF%F3%80c%81%3B%83%F8%83%A6%82%ABB%DCC%D9B%EF%87%15%87%5BD%40%C4%D5%C8%E4(%95%A8%D5%E8%C6%98%C0X%FE%D8%C7q%15%D4%ED%F1%A4%F8%EB%B4%F4%04%B5%84%D5%C4%D3I%BE%C9%5C%C9%F7S%F6%A5%1A%A5n%A4%B5%A6Gd%08g%3C%DDuh%B7k%26O%E6%C2%9E%AE%ACC%D9i9%A1%7Bw%E4z%E5%F9%E4%87%ECK*%C8%2B%AC%2C%3AS%DC%B1%7F%E8%C0D%C9B%E9%E72%5C9%5B%85%E8!%E5%C3%BA%95fGl%AA%9C%8EzU%07%D6%C4%D5%EE9Vq%FC%7C%DD%C8%89%F7%F5%12%0Di%A7%C6%CEH5f%9E%9D%3C%A7%D0%9C%7B%FE%D9E%95%96%82%D6%17m%9A%97%8B%AF%BC%ECP%EB%DC%D75%DD%A3v%B5%A8w%AEO%BF%BFj%E0%CB%A0%EB%8D%F6%5BRC%A7%EE(%0C%DF%1A%89%FAK%7Ctu%EC%F6%F8%A5GM%93%ADO%AEO%3D%7F%0E%2F%95g%1B_%E5%2F%16%ADt%BEc%FAP%B0%CE%BD%D1%BE%E9%B1%B5%05%F0%FBm%09%00%80%A0%09pz%1E%C0%FD%24%80%93%0F%40%A3%1C%80D%0D%00%23%3B%80%23%05%C0U%07P%D3R%40%9E%1E%05%C4%EA%E2%3F%E7%07%05%A4%C0%12Ba%1F%9C%85ax%830%22*%88%1B%92%8E%1CCz%91g%C8%26*%80%1A%A1%81h%3Ez%0E%BD%8F~%C6%F1%E1Lp%E1%B8%83%B8n%DC%1CF%8Fi%60%FE%D8~%AC%0B%7B%85g%C5%1B%E1c%F1'%F1%13%04%3A%82%09!%95%D0FX%25J%13%C3%88%8D%C4e%92%22)%89%D4O%A6'%7B%93%CF%D3!t%9Etm%F4%8C%F4%B1%F4%E3%0C%DA%0C'(%24%0A%8D%F2%82%D1%86%B1%9BI%9A%A9%9A%99%C2%9C%CD%FC%95%25%8Ee%895%88%F5%25%5B%20%DB%22%7B%0C%FB%17%8ElNF%CEc%5CJ%5C7%B8%7D%B8%D7y%CAxUx%1F%F2%A5%F0%0B%F0%8F%09%EC%134%15%02%A1%EB%C2y%22%F6%A2%3C%A2KbW%C5%CB%24%22%25-%A5%24%A4%19%A4%D7e%E6d%C7%E5n%CA%F7(%5CVlUjQnS%E9R%1DP%1BQ%7F%A1%F1A%0B%D3%E6%D0%11%D3U%D0S%D1W6%905%146b5F%8D%DF%9B%3C3%ED7%AB7%2F%B0%88%B3%F4%B42%DD%A6d-h%C3d%8B%B3%DD%B0%5B%B3_%D9%BE%E00%E78%EB%F4%CA%F9%8D%CB'%D7%9F%EEd%0F.O)%2F%1Do%7B%9F%A0%1D%19%3B%0F%FB%B6%FA%8D%FA%BF%0Dd%0CR%0B%F6%0A%D9%13%DA%10v%2B%7C%3E%E2g%14k%B4H%8Cl%ACb%9C%02U%26%5E%94%C6%99%40N%F8%9E%B8%9C%CC%9Bb%9F%9A%9B%D6%9F%FEk%97%C5%EE%8A%CC7Y%F6%D9W%F7%AA%E7v%E7%5B%EF%9B%2F%DCW%2C%B2%FFb%89q%E9LYY%85%E7a%83%23%D6GSjn%1D%E7%3B%C1X%8F6%7C%3B%FD%B1%F1%5D%D3j%F3%EA%85%F7-%EB%97~%5E!u%F0u)%F5%98%F7z%F5E%0C%24%0Ff%DE%CC%1A%DA%7D'%F9n%F4%3D%FF%D1%E2%B1%AE%F1%95%09%91%C7%3B%9F%D6%3D%7B%FDBe%26%7BnbAn%B1%60yq%D5%EA%DD%B9%0F%CC%9F2%D6%DFn%84~_%FCI%DD%DA%02%00%26P%04'H%82j%E8%87W%08%3D%A2%8A%F8%20%B9H%132%82%BCG%D9Q%5D%D4%1F-%40%5B%D1%A78%1CN%01%E7%85%CB%C3%5D%C2%BD%C4(%98%3E%16%85%D5%60%7Fa%BF%F0*%F8%60%7C-~%82%C0D%B0%23%14%12%EE%10%E9%88%F6%C4r%E2%14I%82D%23%0D%929%C9%D1%E4!%3A1%BA%1C%BA%05z%1B%FA%1E%069%86%3A%0A%07e%3F%23%811%87%09%98%B2%99q%CC%05%2C%8C%2CGXEY%5B%D8%8C%D9%26%D8c8%08%1C%F5%9C%26%9Cs%5C%F9%DC%0A%DC%93%3C%D9%BC%CA%BC3%7C%15%FC%DB%040%81A%C1%BDB%96%C2%0C%C2%93%22%F5%A2%09b%96%E2%82%E2%1B%12%93%92%9DR'%A4%8F%C8%94%C9%96%C8%95%C8%97%2BT%2B%9EQjW%BE%A3%F2B%F5%AB%3A%87%86%AEf%90V%89%F65%9D%F7z%12%FA~%065%86%CF%8C%05M%82M%5B%CC~XXX%16%5B%8DX%E3m%B4l%03%ED%F2%ED%CFl%BF%EE0%E5%B8%E6%8C%B9p%BA%CA%BA%19%BB%7By%24x%96z%5D%F4%1E%F5%F9%B0%93%D3%D7%C0%2F%D4%BF%2C%A0%2F%F0%5D%B0X%88ghi%D8P%F8%CFH%F5%A8%88%E8%E31%0F%E2P%AAj%BC%3F%AD%24%E1j%E2R2S%8AV%AA%7FZqzW%C6%E2n%AEL%EB%3D%BB%B3%DA%B2W%F6%8A%E5%EE%CC%AB%CE%7FR%C0U%E8Ut%BC%F8%D5%01%85%92%D4%D2%A12%EE%F2%B8%8A%7B%87%95%2Bk%AA%18%8F%16%D60%D4%1E%3E.Uw%FBdD%03%C3%A9%B63%DEg%B1%A6%D6f%BF%0B%CC%17o%B4%A6%B6)%5D%5Ejo%EC%8C%E8V%E8%F9%D8%DB%D3%973%607%C8uc%FEV%EB%ED%5D%C36%23%3C%F7%C6F%DD%EE%CF%3FH%7F(%F8ht%B2%F8%89%CB%94%E44%F2%7C%EE%E5%D0l%F3%7C%E9%02m%D1e%99o%A5nU%EA%ED%A5%F7%86k%A3%1F%FD%3E%BD_%CF%FA%CA%B4q%F4%BB%E0%8F%BA%9F%BC%BFJ%B7%B6%00%80%0BL%80%0Aup%1F%B6%10U%24%149%8A%DCB%3E%A1%A2%A83%9A%8Bv%A2%AB8%11%9C'%EE%20n%18%C3a%86X%3A%D6%89%AD%E35%F0%C9%F8k%04%3C%C1%81PCX!%EA%11%0F%12%97H%E6%A4Sd%12%99J%9E%A6%B3%A3%1B%A0%D7%A2%EFa0e%B8G%F1%A2%AC0f2q0%B52%3B0%7F%60%A9d5d%5Df%3B%C6%EE%C2A%E1%B8%CBY%C8e%C7%CD%CA%3D%C5s%9A%97%C6g%C2%CF%C6%FFF%60H%F0%94P%BEp%94%88%AB%A8%89%98%AA%B8%94%84%90%24%9F%14%AF%B4%B0%8C%9C%AC%8E%9C%AD%7C%80%C2.%C5j%A5k%CA%AFT%19%D5%F4%D5i%1A%175%DFkk%E8d%EB%8E%EBK%1B%E4%1A%BE6%B63%E94%933%3Fe)b%D5%60-c%D3ngn%FF%C4%81%EA%C4%E0%DC%EA%EA%E3N%F6%B8%E6%95%EC%A3%BEc%C3w%C0%FF%40%A0o%B0f(C%D8%D3%88%EA(%EB%E8%E5%D8%B4%B8%CD%F8D%DAB%A2c%D2%E5%14%96TZ%DA%A3%0C%DD%5D'3%E9%F7%A4f-%E6x%EE%BD%97g%9A%DFS%A0%5E%D8Ql%B0%7F%B8%C4%AB%F4MYf%05%CB%A1%FAJ%A5%23%DDG%0D%AB%FBk%F5%8Fu%D4%E1O%D8%9D%3C%5C%FF%F2%94%EC%E9%943%B7%CEr4%85%9E%EB9%CFx!%F8bo%2B%C7%25j%DB%C8%15%E9%F6%A2%8E%B7%5DN%DD%9DW%05%7B%F3%AF%BD%EB%F7%18%B8%3E(w%E3%F0%CD%AD%A1%C8%DB%8F%86%8D%EF6%DF%E3%FC%2Ba%F4%EE%18%DF%83%F0%F1%F3%0FW%26%C4%26%3D%1E%E7%3C9%FB%F4%EE%D4%C2%B3%CD%E7%CC%2F%84%5E%CA%CDh%CC%EA%CE%19%CE%1B%BF2%5E0%7C%AD%BB%A8%B5%A4%B2%2C%BB%22%FA%86%F1%CD%F2j%F7%DB%94w%1A%EFV%DF%9F%5E%F3%FA%40%F7%A1%F7c%E8'%E6O%5D%9Fw%AC%C3z%FD%17%D3%2Fs_%F7l%F0ot%7Fs%FB%B6%F6%7D%FF%0F%A9%1F%83%9B%BE%9B%1B%3F%2B~)%FD%1A%DE%0A%DE%DA%02H%08US%05%00%00%84%C1%14%00%FFbk%EB%93%24%00%B1%1C%E0g%D9%D6%D6%8F%FA%AD%AD%9F%0D%00%B8i%80%81%E8%DF%FF%15%00%00%04f%80%DA%86%FF%ED%8D%F4%3F%00%BD%06~%C6%80N%5E%00%00%00%00%06bKGD%00%FF%00%FF%00%FF%A0%BD%A7%93%00%00%00%09pHYs%00%00%0B%13%00%00%0B%13%01%00%9A%9C%18%00%00%00%07tIME%07%DA%0B%0F%12%004n%D47%05%00%00%01%1BIDATx%DA%ED%DC%B1%11%820%14%80%E1%87G%97%3B%98%22%0E%C0%0Ct%B2%1B%CB%E0Nl%11%0B%3B*%3D9%89%F2%FD5U%3E%1E%B9P%A4%89(%25TM%17K%00D%40%80%08%08%10%01%01%22%20%E7%AE%7D%F5%C1e%B9%5B%AD%0F%9A%A6%9B%09%F1%C9%12%10%20%02%02D%40%F4%E69D%DBs%C5%B49%A7-%F5%81%0C%C3%10)%A5X%D7%95X%0D%20)%A5%E8%FB.%22%3A%2B%5B%C3%1Eb2l%EA%07V%22%A2D%CEy%B7%FD%03%88%09%11%10%20%02%02D%40%80%08%88%80%00%11%10%20%02%02D%40%80%08%08%10%01%11%10%20%02%02D%40%80%08%08%10%01%11%10%20%02%02D%40%80%08%08%10%01%11%10%20%02%02D%40%80%08%08%10%01%11%10%20%02%02D%40%80%08%08%10%1D%DEn7%5Bo%EFB%7F%DEk%2B%13%F2%ED7%BAm%EB%9C%90m9_O%811%8E%E3o%80%CC%F3l%7C%8E%04%D9%F3%FEs%7B%88%80%08%08%10%01%01%22%20%7F%5D%13Q%FCt2!%02%02D%40%80%08%08%10%01%01%A2Zz%00g%F8%1C%DE%87%AF%C0%09%00%00%00%00IEND%AEB%60%82"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feSpecularLighting-1.svg b/layout/reftests/svg/filters/feSpecularLighting-1.svg
new file mode 100644
index 0000000000..838a60b7e0
--- /dev/null
+++ b/layout/reftests/svg/filters/feSpecularLighting-1.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns='http://www.w3.org/2000/svg'>
+  <!--
+    A basic test for the <feSpecularLighting> filter primitive.
+    Setting kernelUnitLength on the <feSpecularLighting> should allow us to
+    assume pixel perfection.
+    -->
+  <filter id='f' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'>
+    <feSpecularLighting kernelUnitLength='1' result='a'>
+      <feDistantLight azimuth='45'/>
+    </feSpecularLighting>
+    <feComposite in='a' in2='SourceAlpha' operator='in' result='b'/>
+    <feComposite in='SourceGraphic' in2='b' operator='arithmetic' k1='0' k2='1' k3='1' k4='0' x='10' y='10' width='80' height='80'/>
+  </filter>
+  <rect width='100' height='100' fill='blue'/>
+  <path d='M0,0 h100 v100 h-100 z M20,20 v60 h60 v-60 z' filter='url(#f)'/>
+
+  <!-- Cover two spots in the test whose rendering differs in opt builds
+       vs. debug builds (see Bug 610945). -->
+  <rect x='78' y='18' width='4' height='4'/>
+  <rect x='18' y='78' width='4' height='4'/>
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-1-ref.svg b/layout/reftests/svg/filters/feTile-1-ref.svg
new file mode 100644
index 0000000000..c0135fca35
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-1-ref.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="10" y="10" width="10" height="10" fill="#00ff00"/>
+<rect x="40" y="10" width="20" height="10" fill="#00ff00"/>
+<rect x="80" y="10" width="10" height="10" fill="#00ff00"/>
+
+<rect x="20" y="20" width="20" height="20" fill="#0000ff"/>
+<rect x="60" y="20" width="20" height="20" fill="#0000ff"/>
+
+<rect x="10" y="40" width="10" height="20" fill="#00ff00"/>
+<rect x="40" y="40" width="20" height="20" fill="#00ff00"/>
+<rect x="80" y="40" width="10" height="20" fill="#00ff00"/>
+
+<rect x="20" y="60" width="20" height="20" fill="#0000ff"/>
+<rect x="60" y="60" width="20" height="20" fill="#0000ff"/>
+
+<rect x="10" y="80" width="10" height="10" fill="#00ff00"/>
+<rect x="40" y="80" width="20" height="10" fill="#00ff00"/>
+<rect x="80" y="80" width="10" height="10" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-1.svg b/layout/reftests/svg/filters/feTile-1.svg
new file mode 100644
index 0000000000..c64ab37491
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-1.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#00ff00" x="0%" y="0%" width="20%" height="20%" result="flood1"/>
+  <feFlood flood-color="#0000ff" x="20%" y="20%" width="20%" height="20%" result="flood2"/>
+  <feComposite in="flood1" in2="flood2" x="0%" y="0%" width="40%" height="40%" result="pair"/>
+  <feTile x="10%" y="10%" width="80%" height="80%" in="pair"/>
+</filter>
+<g filter="url(#f1)">
+  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-2-ref.svg b/layout/reftests/svg/filters/feTile-2-ref.svg
new file mode 100644
index 0000000000..186d21cbcf
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-2-ref.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
+<rect x="200" y="0" width="100" height="100" fill="#00ff00"/>
+<rect x="400" y="0" width="100" height="100" fill="#00ff00"/>
+
+<rect x="100" y="100" width="100" height="100" fill="#0000ff"/>
+<rect x="300" y="100" width="100" height="100" fill="#0000ff"/>
+
+<rect x="0" y="200" width="100" height="100" fill="#00ff00"/>
+<rect x="200" y="200" width="100" height="100" fill="#00ff00"/>
+<rect x="400" y="200" width="100" height="100" fill="#00ff00"/>
+
+<rect x="100" y="300" width="100" height="100" fill="#0000ff"/>
+<rect x="300" y="300" width="100" height="100" fill="#0000ff"/>
+
+<rect x="0" y="400" width="100" height="100" fill="#00ff00"/>
+<rect x="200" y="400" width="100" height="100" fill="#00ff00"/>
+<rect x="400" y="400" width="100" height="100" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-2.svg b/layout/reftests/svg/filters/feTile-2.svg
new file mode 100644
index 0000000000..7f137b8d4c
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-2.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
+
+<filter id="f1" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+  <feFlood flood-color="#00ff00" x="0%" y="0%" width="20%" height="20%" result="flood1"/>
+  <feFlood flood-color="#0000ff" x="20%" y="20%" width="20%" height="20%" result="flood2"/>
+  <feComposite in="flood1" in2="flood2" x="0%" y="0%" width="40%" height="40%" result="pair"/>
+  <feTile in="pair"/>
+</filter>
+<g filter="url(#f1)">
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-large-01.svg b/layout/reftests/svg/filters/feTile-large-01.svg
new file mode 100644
index 0000000000..c04c145295
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-large-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Testcase for tile larger than surface</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=521207 -->
+    <defs>
+        <filter primitiveUnits="objectBoundingBox" filterUnits="objectBoundingBox" 
+                id="filter_1" x="-50%" y="-50%" width="200%" height="200%">
+            <feTile />
+        </filter>
+    </defs>
+
+    <rect width="100%" height="100%" fill="lime" />
+    <rect x="10" y="10" width="100" height="100" fill="red" />
+    <rect x="10" y="10" width="100" height="100" fill="lime" style="filter:url(#filter_1);"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-large-02-ref.svg b/layout/reftests/svg/filters/feTile-large-02-ref.svg
new file mode 100644
index 0000000000..cb6ed6047c
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-large-02-ref.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<title>Reference for feTile filter with tile exceeding the bounds of the target area on all sides</title>
+
+<rect width="20" height="20" fill="#00ff00"/>
+<rect x="40" width="20" height="20" fill="#00ff00"/>
+<rect x="80" width="20" height="20" fill="#00ff00"/>
+
+<rect x="20" y="20" width="20" height="20" fill="#0000ff"/>
+<rect x="60" y="20" width="20" height="20" fill="#0000ff"/>
+
+<rect y="40" width="20" height="20" fill="#00ff00"/>
+<rect x="40" y="40" width="20" height="20" fill="#00ff00"/>
+<rect x="80" y="40" width="20" height="20" fill="#00ff00"/>
+
+<rect x="20" y="60" width="20" height="20" fill="#0000ff"/>
+<rect x="60" y="60" width="20" height="20" fill="#0000ff"/>
+
+<rect y="80" width="20" height="20" fill="#00ff00"/>
+<rect x="40" y="80" width="20" height="20" fill="#00ff00"/>
+<rect x="80" y="80" width="20" height="20" fill="#00ff00"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-large-02.svg b/layout/reftests/svg/filters/feTile-large-02.svg
new file mode 100644
index 0000000000..aa41cf34f5
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-large-02.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<title>Test case for feTile filter with tile exceeding the bounds of the target area on all sides</title>
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#00ff00" x="0%" y="0%" width="20%" height="20%" result="flood1"/>
+  <feFlood flood-color="#0000ff" x="20%" y="20%" width="20%" height="20%" result="flood2"/>
+  <feComposite in="flood1" in2="flood2" x="0%" y="0%" width="40%" height="40%" result="pair"/>
+  <feTile x="-10%" y="-10%" width="120%" height="120%" in="pair"/>
+</filter>
+<g filter="url(#f1)">
+  <rect width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-outside-01-ref.svg b/layout/reftests/svg/filters/feTile-outside-01-ref.svg
new file mode 100644
index 0000000000..f84634f7c0
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-outside-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<title>Reference for feTile filter with x and y for feTile set to values outside the target area.</title>
+
+<rect width="20" height="20" fill="#00ff00"/>
+<rect x="40" width="20" height="20" fill="#00ff00"/>
+
+<rect x="20" y="20" width="20" height="20" fill="#0000ff"/>
+<rect x="60" y="20" width="10" height="20" fill="#0000ff"/>
+
+<rect x="00" y="40" width="20" height="20" fill="#00ff00"/>
+<rect x="40" y="40" width="20" height="20" fill="#00ff00"/>
+
+<rect x="20" y="60" width="20" height="10" fill="#0000ff"/>
+<rect x="60" y="60" width="10" height="10" fill="#0000ff"/>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTile-outside-01.svg b/layout/reftests/svg/filters/feTile-outside-01.svg
new file mode 100644
index 0000000000..4f1f0b5c8a
--- /dev/null
+++ b/layout/reftests/svg/filters/feTile-outside-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<title>Test case for feTile filter with x and y for feTile set to values outside the target area.</title>
+
+<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
+         x="0" y="0" width="1" height="1">
+  <feFlood flood-color="#00ff00" x="0%" y="0%" width="20%" height="20%" result="flood1"/>
+  <feFlood flood-color="#0000ff" x="20%" y="20%" width="20%" height="20%" result="flood2"/>
+  <feComposite in="flood1" in2="flood2" x="0%" y="0%" width="40%" height="40%" result="pair"/>
+  <feTile x="-10%" y="-10%" width="80%" height="80%" in="pair"/>
+</filter>
+<g filter="url(#f1)">
+  <rect width="100" height="100" fill="#00ff00"/>
+</g>
+
+</svg>
diff --git a/layout/reftests/svg/filters/feTurbulence-offset-ref.svg b/layout/reftests/svg/filters/feTurbulence-offset-ref.svg
new file mode 100644
index 0000000000..fbfaf840af
--- /dev/null
+++ b/layout/reftests/svg/filters/feTurbulence-offset-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+    Place the filtered rect and the filter region at (0, 0) in user space.
+    Remove the filter output before (50, 50) using a clipPath.
+  -->
+  <filter id="f" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1"></feTurbulence>
+  </filter>
+  <clipPath id="clip-top-left">
+    <rect x="50" y="50" width="100" height="100"/>
+  </clipPath>
+  <rect x="0" y="0" width="150" height="150" filter="url(#f)" clip-path="url(#clip-top-left)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feTurbulence-offset.svg b/layout/reftests/svg/filters/feTurbulence-offset.svg
new file mode 100644
index 0000000000..c48db258b3
--- /dev/null
+++ b/layout/reftests/svg/filters/feTurbulence-offset.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that feTurbulence creates a noise image that remains
+     anchored at the user space origin, not the filter region origin. The filter
+     region should act as a viewport into the anchored noise image.
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+    Place the filtered rect at (75, 75) in user space.
+    Make the filter region start at (-25, -25) from the top left corner of the rect.
+    Thus, the filter output should start at (50, 50).
+  -->
+  <filter id="f" x="-25%" y="-25%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1"></feTurbulence>
+  </filter>
+  <rect x="75" y="75" width="100" height="100" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01-ref.svg b/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01-ref.svg
new file mode 100644
index 0000000000..ec92fc28e1
--- /dev/null
+++ b/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This is the reference image for feTurbulence-zero-baseFreq.svg.
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="400" height="100" fill="blue"/>
+  <rect x="0" y="100" width="400" height="100" fill="lime"/>
+  <!-- nothing in place of the type="turbulence" filter -->
+  <rect x="200" y="50" width="100" height="100" fill="rgba(128, 128, 128, 0.5)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01.svg b/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01.svg
new file mode 100644
index 0000000000..c55cbf07a8
--- /dev/null
+++ b/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!--
+     This test verifies that feTurbulence with baseFrequency="0" creates
+     a transparent black result for type="turbulence" and a 50% alpha
+     50% gray result for type="fractalNoise".
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="filterTurbulence" primitiveUnits="objectBoundingBox" color-interpolation-filters="sRGB">
+    <feTurbulence type="turbulence" baseFrequency="0" numOctaves="1"
+                  x="0%" y="0%" width="100%" height="100%"/>
+  </filter>
+  <filter id="filterFractalNoise" primitiveUnits="objectBoundingBox" color-interpolation-filters="sRGB">
+    <feTurbulence type="fractalNoise" baseFrequency="0" numOctaves="1"
+                  x="0%" y="0%" width="100%" height="100%"/>
+  </filter>
+  <rect x="0" y="0" width="400" height="100" fill="blue"/>
+  <rect x="0" y="100" width="400" height="100" fill="lime"/>
+  <rect x="50" y="50" width="100" height="100" filter="url(#filterTurbulence)"/>
+  <rect x="200" y="50" width="100" height="100" filter="url(#filterFractalNoise)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-02.svg b/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-02.svg
new file mode 100644
index 0000000000..2992737d16
--- /dev/null
+++ b/layout/reftests/svg/filters/feTurbulence-zero-baseFreq-02.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="a">
+      <feTurbulence baseFrequency="0 0.1"/>
+    </filter>
+  </defs>
+  <rect fill="#7989a6" height="400px" width="400px" filter="url(#a)"/>
+</svg>
+
diff --git a/layout/reftests/svg/filters/filter-clipped-rect-01.svg b/layout/reftests/svg/filters/filter-clipped-rect-01.svg
new file mode 100644
index 0000000000..0e339cf42a
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-clipped-rect-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    This test checks that the filtering with a clipPath doesn't interact
+    badly with transforms.
+  </desc>
+  <defs>
+    <clipPath id="clipPath">
+      <rect x="100" width="100" height="100"/>
+    </clipPath>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g transform="translate(50, 0)">
+    <!-- This 3-rect setup is to show red *both* if too much or if too little is clipped. -->
+    <rect x="150" width="100" height="100" fill="red"/>
+    <g clip-path="url(#clipPath)" filter="url(#filter)" transform="translate(50, 0)">
+      <rect x="-20" y="-20" width="140" height="140" fill="red"/>
+      <rect x="100" width="100" height="100" fill="lime"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-giant.svg b/layout/reftests/svg/filters/filter-giant.svg
new file mode 100644
index 0000000000..e0a373a892
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-giant.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+<defs>
+<filter id="dropShadow" x="0" y="0" width="200%" height="200%">
+  <feOffset result="offOut" in="SourceAlpha" dx="1.5" dy="1.5"/>
+  <feGaussianBlur result="blurOut" in="offOut" stdDeviation="2"/>
+  <feBlend in="SourceGraphic" in2="blurOut" mode="normal"/>
+</filter>
+</defs>
+<g filter="url(#dropShadow)">
+  <rect x="-20000" y="-20000" width="40000" height="40000" fill="lime" />
+</g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-in-mask-01.svg b/layout/reftests/svg/filters/filter-in-mask-01.svg
new file mode 100644
index 0000000000..e73efd3796
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-in-mask-01.svg
@@ -0,0 +1,12 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 1 1" preserveAspectRatio="xMidYMid slice">
+  <!-- filter effects region covers whole viewbox -->
+  <filter id="myFilter" filterUnits="userSpaceOnUse" x="-1" y="-1" width="1" height="1">
+    <feGaussianBlur stdDeviation="0"/>
+  </filter>
+  <!-- mask effects region covers whole viewbox, opaque white mask -->
+  <mask id="myMask" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1" height="1">
+    <rect filter="url(#myFilter)" x="-1" y="-1" width="1" height="1" fill="#FFFFFF"/>
+  </mask>
+  <rect x="-1" y="-1" width="1" height="1" fill="red"/>
+  <rect mask="url(#myMask)" x="-1" y="-1" width="1" height="1" fill="lime"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/filters/filter-in-mask-02.svg b/layout/reftests/svg/filters/filter-in-mask-02.svg
new file mode 100644
index 0000000000..7c7fd86f1f
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-in-mask-02.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="0" y="0" width="1" height="1" id="solid">
+      <feFlood flood-color="black"/>
+    </filter>
+    <mask id="myMask">
+      <rect fill="white" width="100%" height="100%"/>
+      <g transform="translate(10000, 0)">
+        <rect fill="blue" width="100%" height="100%" filter="url(#solid)"/>
+      </g>
+    </mask>
+  </defs>
+  <!-- You should see pure lime color as background color of a whole page. -->
+  <rect fill="red" width="100%" height="100%"/>
+  <g mask="url(#myMask)">
+    <rect x="0" y="0" width="100%" height="100%" fill="lime"></rect>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/filters/filter-in-pattern-01.svg b/layout/reftests/svg/filters/filter-in-pattern-01.svg
new file mode 100644
index 0000000000..e6df8d7627
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-in-pattern-01.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid slice">
+ <defs>
+  <filter id="blur">
+    <feGaussianBlur stdDeviation="0" />
+  </filter>
+  <pattern id="pattern1" patternUnits="userSpaceOnUse" width="10" height="10">
+    <rect width="10" height="10" fill="lime" filter="url(#blur)" />
+  </pattern>
+ </defs>
+ <rect width="100%" height="100%" fill="red"/>
+ <rect width="100%" height="100%" fill="url(#pattern1)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-in-pattern-02-ref.svg b/layout/reftests/svg/filters/filter-in-pattern-02-ref.svg
new file mode 100644
index 0000000000..a712134d6b
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-in-pattern-02-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -50 100 100">
+  <defs>
+    <filter id="blur-filter">
+      <feGaussianBlur stdDeviation="0.5"/>
+    </filter>
+    <pattern id="pattern1" width="8" height="8" patternUnits="userSpaceOnUse">
+      <path d="M-1,1 l2,-2" stroke="blue" filter="url(#blur-filter)" />
+    </pattern>
+  </defs>
+
+  <rect x="-20%" y="-20%" width="10%" height="10%" fill="url(#pattern1)"/>
+</svg>
+
diff --git a/layout/reftests/svg/filters/filter-in-pattern-02.svg b/layout/reftests/svg/filters/filter-in-pattern-02.svg
new file mode 100644
index 0000000000..ed4bae1020
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-in-pattern-02.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -50 100 100">
+  <defs>
+    <filter id="blur-filter" filterUnits="userSpaceOnUse" x="0" y="0">
+      <feGaussianBlur stdDeviation="0.5"/>
+    </filter>
+    <pattern id="pattern1" width="8" height="8" patternUnits="userSpaceOnUse">
+      <path d="M-1,1 l2,-2" stroke="blue" filter="url(#blur-filter)" />
+    </pattern>
+  </defs>
+
+  <rect x="-20%" y="-20%" width="10%" height="10%" fill="url(#pattern1)"/>
+</svg>
+
diff --git a/layout/reftests/svg/filters/filter-inner-svg-01.svg b/layout/reftests/svg/filters/filter-inner-svg-01.svg
new file mode 100644
index 0000000000..e00bde4636
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-inner-svg-01.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The 'x' attribute on the inner 'svg' should not result in any of the lime 'circle'
+    it contains from being clipped when the inner 'svg' is filtered.
+  </desc>
+  <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" cx="200" cy="100" r="98"/>
+  <svg x="100" width="200" height="200" filter="url(#filter)">
+    <circle fill="lime" r="100" cx="100" cy="100"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-inner-svg-02.svg b/layout/reftests/svg/filters/filter-inner-svg-02.svg
new file mode 100644
index 0000000000..82809d9301
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-inner-svg-02.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The 'viewBox' attribute on the inner 'svg' should push the red 'rect' it
+    contains outside the viewport, so if transforms and clipping are working
+    correctly when the inner 'svg' is being filtered, then none of the red
+    'rect' should be visible.
+  </desc>
+  <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  <!--circle fill="lime" r="100" cx="300" cy="100"/-->
+  <rect width="100%" height="100%" fill="lime"/>
+  <svg width="200" height="200" viewBox="-200 0 200 200" filter="url(#filter)">
+	<circle fill="red" r="98" cx="100" cy="100"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-inner-svg-03.svg b/layout/reftests/svg/filters/filter-inner-svg-03.svg
new file mode 100644
index 0000000000..0ce543e157
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-inner-svg-03.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The 'transform' attribute on the 'g' parent of the inner 'svg' should
+    not cause the lime 'circle' inside the inner 'svg' to be clipped when
+    the inner 'svg' is filtered.
+  </desc>
+  <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <g transform="translate(100, 0)">
+    <svg width="200" height="200" filter="url(#filter)">
+      <circle fill="lime" r="100" cx="100" cy="100"/>
+    </svg>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-kernelUnitLength-01-ref.svg b/layout/reftests/svg/filters/filter-kernelUnitLength-01-ref.svg
new file mode 100644
index 0000000000..e19dfe1f82
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-kernelUnitLength-01-ref.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <filter id="emboss">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
+      <!-- without kernelUnitLength attribute -->
+      <feSpecularLighting in="blur" result="spec" surfaceScale="-3"
+                          specularConstant="2" specularExponent="16"
+                          lighting-color="#ffb155">
+        <feDistantLight azimuth="45" elevation="45"/>
+      </feSpecularLighting>
+      <feComposite in="spec" in2="SourceGraphic" operator="in" result="specOut"/>
+    </filter>
+  </defs>
+  <path filter="url(#emboss)" d="M 44.408917,5.7095287 C 535.13945,101.91182 534.01725,101.52506 532.53904,101.52499 C 531.36871,101.52506 530.17420,101.85117 528.96683,102.49024 z "/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-kernelUnitLength-01.svg b/layout/reftests/svg/filters/filter-kernelUnitLength-01.svg
new file mode 100644
index 0000000000..9b192214f0
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-kernelUnitLength-01.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <filter id="emboss">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
+      <!-- with kernelUnitLength attribute -->
+      <feSpecularLighting in="blur" result="spec" surfaceScale="-3"
+                          specularConstant="2" specularExponent="16"
+                          lighting-color="#ffb155" kernelUnitLength="1">
+        <feDistantLight azimuth="45" elevation="45"/>
+      </feSpecularLighting>
+      <feComposite in="spec" in2="SourceGraphic" operator="in" result="specOut"/>
+    </filter>
+  </defs>
+  <path filter="url(#emboss)" d="M 44.408917,5.7095287 C 535.13945,101.91182 534.01725,101.52506 532.53904,101.52499 C 531.36871,101.52506 530.17420,101.85117 528.96683,102.49024 z "/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-lighting-region-ref.svg b/layout/reftests/svg/filters/filter-lighting-region-ref.svg
new file mode 100644
index 0000000000..d7337102b7
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-lighting-region-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="600px" height="300px">
+
+  <rect x="50" y="50" width="200" height="200" fill="black" />
+
+  <rect x="340" y="40" width="220" height="220" fill="grey" />
+  <rect x="350" y="50" width="200" height="200" fill="white" />
+</svg>
diff --git a/layout/reftests/svg/filters/filter-lighting-region.svg b/layout/reftests/svg/filters/filter-lighting-region.svg
new file mode 100644
index 0000000000..883b6d805d
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-lighting-region.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="600px" height="300px">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1203376 -->
+  <defs>
+    <!-- the filter lights are intentionally chosen to fill the entire area with
+         a solid color since we're only testing the extents of the filter region
+    -->
+    <filter id="diffuse" x="-50%" y="-50%" width="200%" height="200%">
+      <!-- gives a black filter region -->
+      <feDiffuseLighting lighting-color="black">
+        <feDistantLight />
+      </feDiffuseLighting>
+    </filter>
+
+    <filter id="specular" x="-50%" y="-50%" width="200%" height="200%">
+      <!-- gives a white filter region -->
+      <feSpecularLighting lighting-color="white" specularConstant="100">
+        <feDistantLight elevation="90"/>
+      </feSpecularLighting>
+    </filter>
+  </defs>
+
+  <rect x="100" y="100" width="100" height="100" filter="url(#diffuse)" />
+
+  <rect x="340" y="40" width="220" height="220" fill="grey" />
+  <rect x="400" y="100" width="100" height="100" filter="url(#specular)" />
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-01.svg b/layout/reftests/svg/filters/filter-marked-line-01.svg
new file mode 100644
index 0000000000..406615443c
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    Filtering the 'line' should not cause the mark (lime 'circle') to be clipped.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="100" refY="100" 
+      markerUnits="userSpaceOnUse">
+      <circle fill="lime" r="100" cx="100" cy="100"/>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="100" cy="100"/>
+  <line x2="100" y2="100" marker-end="url(#marker)" filter="url(#filter)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-02.svg b/layout/reftests/svg/filters/filter-marked-line-02.svg
new file mode 100644
index 0000000000..76dea08b9c
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-02.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The 'transform' attribute on the 'path' should not cause the mark
+    (lime 'circle') to be clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="100" refY="100" 
+      markerUnits="userSpaceOnUse">
+      <circle fill="lime" r="100" cx="100" cy="100"/>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <path d="M0,0 L100,100 200,200" marker-mid="url(#marker)" filter="url(#filter)" transform="translate(100, 0)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-03.svg b/layout/reftests/svg/filters/filter-marked-line-03.svg
new file mode 100644
index 0000000000..d59c71f49e
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-03.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The 'viewBox' attribute on the 'marker' should not cause the mark
+    (lime 'circle') to be clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="0" refY="100" 
+            markerUnits="userSpaceOnUse" viewBox="-100 0 200 200">
+      <circle fill="lime" r="100" cx="0" cy="100"/>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <path d="M100,0 l100,100 200,200" marker-mid="url(#marker)" filter="url(#filter)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-04.svg b/layout/reftests/svg/filters/filter-marked-line-04.svg
new file mode 100644
index 0000000000..0b90aaf557
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-04.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The 'transform' attribute on the 'circle' should not cause the mark
+    (lime 'circle') to be clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="100" refY="100" 
+            markerUnits="userSpaceOnUse">
+      <circle fill="lime" r="100" cx="0" cy="100" transform="translate(100, 0)"/>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <path d="M100,0 l100,100 200,200" marker-mid="url(#marker)" filter="url(#filter)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-05.svg b/layout/reftests/svg/filters/filter-marked-line-05.svg
new file mode 100644
index 0000000000..6f3fc0938f
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-05.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+   The combination of the 'viewBox' attribute on the 'marker' and the 'transform'
+   attribute on the 'circle' element should not cause the mark (lime 'circle') to
+   be clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="0" refY="100" 
+            markerUnits="userSpaceOnUse" viewBox="-100 0 200 200">
+      <circle fill="lime" r="100" cx="-100" cy="100" transform="translate(100, 0)"/>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <path d="M100,0 l100,100 200,200" marker-mid="url(#marker)" filter="url(#filter)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-06.svg b/layout/reftests/svg/filters/filter-marked-line-06.svg
new file mode 100644
index 0000000000..147d3a2aa0
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-06.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+   The combination of the 'viewBox' attribute on the 'marker' and the 'transform'
+   attribute on the 'g' element should not cause the mark (lime 'circle') to be
+   clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="0" refY="100" 
+            markerUnits="userSpaceOnUse" viewBox="-100 0 200 200">
+      <g transform="translate(100, 0)">
+        <circle fill="lime" r="100" cx="-100" cy="100"/>
+      </g>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <path d="M100,0 l100,100 200,200" marker-mid="url(#marker)" filter="url(#filter)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-07.svg b/layout/reftests/svg/filters/filter-marked-line-07.svg
new file mode 100644
index 0000000000..94d1deca8e
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-07.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+   The combination of the 'viewBox' attribute on the 'marker' and the 'transform'
+   attributes on the 'g' and 'path' elements should not cause the mark (lime
+  'circle') to be clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="0" refY="100" 
+            markerUnits="userSpaceOnUse" viewBox="-100 0 200 200">
+      <g transform="translate(100, 0)">
+        <circle fill="lime" r="100" cx="-100" cy="100"/>
+      </g>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <g transform="translate(100, 0)">
+    <path d="M-100,0 l100,100 200,200" marker-mid="url(#marker)" filter="url(#filter)" transform="translate(100, 0)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-08.svg b/layout/reftests/svg/filters/filter-marked-line-08.svg
new file mode 100644
index 0000000000..58d4f9e983
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-08.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The combination of the 'viewBox' attribute on the 'marker' and the 'transform'
+    attributes on the 'g', 'path' and 'circle' elements should not cause the mark
+    (lime 'circle') to be clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="0" refY="100" 
+            markerUnits="userSpaceOnUse" viewBox="-100 0 200 200">
+      <g transform="translate(100, 0)">
+        <circle fill="lime" r="100" cx="-200" cy="100" transform="translate(100, 0)"/>
+      </g>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <g transform="translate(100, 0)">
+    <path d="M-100,0 l100,100 200,200" marker-mid="url(#marker)" filter="url(#filter)" transform="translate(100, 0)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-marked-line-09.svg b/layout/reftests/svg/filters/filter-marked-line-09.svg
new file mode 100644
index 0000000000..55ff716067
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-marked-line-09.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    The combination of the 'viewBox' attribute on the 'marker' and the 'transform'
+    attributes on the 'g', 'path' and 'circle' elements should not cause the mark
+    (lime 'circle') to be clipped when the 'path' is filtered.
+  </desc>
+  <defs>
+    <marker id="marker" markerWidth="200" markerHeight="200" refX="0" refY="100" 
+            markerUnits="userSpaceOnUse" viewBox="-100 0 200 200">
+      <g transform="translate(100, 0)">
+        <circle fill="lime" r="100" cx="-200" cy="100" transform="translate(100, 0)"/>
+      </g>
+    </marker>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <g transform="translate(100, 0)">
+    <g filter="url(#filter)">
+     <path d="M-100,0 l100,100 200,200" marker-mid="url(#marker)" transform="translate(100, 0)"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-nested-filtering-01.svg b/layout/reftests/svg/filters/filter-nested-filtering-01.svg
new file mode 100644
index 0000000000..57e1d1a65b
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-nested-filtering-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=461863 -->
+  <desc>
+    This test checks that transforms and filtering a descendant of a
+    filtered element interact correctly.
+  </desc>
+  <filter id="a"><feGaussianBlur stdDeviation="0.001"/></filter>
+  <filter id="b"><feGaussianBlur stdDeviation="0.001"/></filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" cx="200" cy="200" r="98"/>
+  <g id="g" filter="url(#a)" transform="translate(100, 0)">
+    <circle fill="lime" filter="url(#b)" cx="100" cy="200" r="100"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-nested-filtering-02.svg b/layout/reftests/svg/filters/filter-nested-filtering-02.svg
new file mode 100644
index 0000000000..77de499799
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-nested-filtering-02.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=461863 -->
+  <desc>
+    This test checks that transforms and filtering a decedent of a
+    filtered element interact correctly.
+  </desc>
+  <filter id="a"><feGaussianBlur stdDeviation="0.001"/></filter>
+  <filter id="b"><feGaussianBlur stdDeviation="0.001"/></filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" cx="200" cy="200" r="98" transform="scale(1.2)"/>
+  <g id="g" filter="url(#a)" transform="scale(1.2) translate(100, 0)">
+    <circle fill="lime" filter="url(#b)" cx="100" cy="200" r="100"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-patterned-rect-01.svg b/layout/reftests/svg/filters/filter-patterned-rect-01.svg
new file mode 100644
index 0000000000..436d3648cf
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-patterned-rect-01.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    Filtering the patterned 'rect' should not cause the pattern (lime
+    'circle') to be clipped or misplaced due to bad interaction with
+    the transforms.
+  </desc>
+  <defs>
+    <pattern id="pattern" patternUnits="userSpaceOnUse"
+             x="0" y="0" width="200" height="200">
+      <circle fill="lime" r="100" cx="100" cy="100"/>
+    </pattern>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="200" cy="100"/>
+  <rect width="200" height="200" fill="url(#pattern)" filter="url(#filter)" transform="translate(100, 0)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-patterned-rect-02.svg b/layout/reftests/svg/filters/filter-patterned-rect-02.svg
new file mode 100644
index 0000000000..f15baa4afc
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-patterned-rect-02.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
+  <desc>
+    Filtering the patterned 'rect' should not cause the pattern (lime
+    'circle') to be clipped or misplaced due to bad interaction with
+    the transforms.
+  </desc>
+  <defs>
+    <pattern id="pattern" patternUnits="userSpaceOnUse"
+             x="0" y="0" width="200" height="200">
+      <circle fill="lime" r="100" cx="100" cy="100"/>
+    </pattern>
+    <filter id="filter"><feGaussianBlur stdDeviation="0.001"/></filter>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle fill="red" r="98" cx="300" cy="100"/>
+  <g transform="translate(100, 0)">
+    <rect width="200" height="200" fill="url(#pattern)" filter="url(#filter)" transform="translate(100, 0)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/filter-region-01a.html b/layout/reftests/svg/filters/filter-region-01a.html
new file mode 100644
index 0000000000..f66e9bd34d
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-region-01a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<body style="background-color: lime;">
+<svg width="0" height="0">
+  <filter id="myFilter" filterUnits="objectBoundingBox" x="0" y="0" width="50%" height="50%">
+    <feMerge>
+      <feMergeNode/>
+    </feMerge>
+  </filter>
+</svg>
+
+<!-- This outer svg element should be totally covered by the next filtered outer svg element. -->
+<svg style="position: fixed;" x="0" y ="0" width="120" height="120">
+  <rect x="10" y="10" width="100" height="100" fill="red"/>
+</svg>
+
+<svg filter="url(#myFilter)" style="position: fixed;" x="0" y ="0" width="240" height="240">
+  <rect x="10" y="10" width="100" height="100" fill="lime"/>
+</svg>
+
+</body>
\ No newline at end of file
diff --git a/layout/reftests/svg/filters/filter-region-01b.html b/layout/reftests/svg/filters/filter-region-01b.html
new file mode 100644
index 0000000000..21d5add6e3
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-region-01b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<body style="background-color: lime;">
+<svg width="0" height="0">
+  <filter id="myFilter" filterUnits="objectBoundingBox" x="0" y="0" width="50%" height="50%">
+    <feMerge>
+      <feMergeNode/>
+    </feMerge>
+  </filter>
+</svg>
+
+<svg style="position: fixed;" x="0" y ="0" width="400" height="400">
+  <!-- This filtered inner element should be covered by the next outer svg element. -->
+  <svg filter="url(#myFilter)" style="position: fixed;" x="0" y ="0" width="200" height="200">
+    <rect x="10" y="10" width="120" height="120" fill="red"/>
+  </svg>
+</svg>
+
+<svg style="position: fixed;" x="0" y ="0" width="120" height="120">
+  <rect x="10" y="10" width="100" height="100" fill="lime"/>
+</svg>
+
+</body>
\ No newline at end of file
diff --git a/layout/reftests/svg/filters/filter-transform-01.svg b/layout/reftests/svg/filters/filter-transform-01.svg
new file mode 100644
index 0000000000..5536a14020
--- /dev/null
+++ b/layout/reftests/svg/filters/filter-transform-01.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="background-color:lime" viewBox="-50 -50 100 100">
+ <defs>
+   <filter id="blur">
+     <feGaussianBlur stdDeviation="1"/>
+   </filter>
+ </defs>
+
+ <circle r="15" fill="red" filter="url(#blur)" transform="rotate(45)"/>
+ <circle r="15" fill="red" filter="url(#blur)" transform="rotate(90)"/>
+ <circle r="15" fill="red" filter="url(#blur)" transform="skewX(0) skewY(0)"/>
+ <circle cx="-10" cy="-10" r="15" fill="red" filter="url(#blur)" transform="translate(10, 10)"/>
+ <circle cx="-10000" cy="-10000" r="15" fill="red" filter="url(#blur)" transform="translate(10000, 10000)"/>
+ <circle r="10" fill="red" filter="url(#blur)" transform="scale(1.5, 1.5)"/>
+
+ <!-- The circles above should be completely covered by the next one. -->
+ <circle r="20" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/filters/mozilla-banner.gif b/layout/reftests/svg/filters/mozilla-banner.gif
new file mode 100644
index 0000000000..dd0f077753
Binary files /dev/null and b/layout/reftests/svg/filters/mozilla-banner.gif differ
diff --git a/layout/reftests/svg/filters/nested-filter-ref.html b/layout/reftests/svg/filters/nested-filter-ref.html
new file mode 100644
index 0000000000..70ee403d7f
--- /dev/null
+++ b/layout/reftests/svg/filters/nested-filter-ref.html
@@ -0,0 +1,14 @@
+<html style="background: red">
+<body>
+  <svg height="100px" width="100px">
+    <g transform="translate(0, 25)">>
+      <defs>
+        <mask id="m" maskUnits="userSpaceOnUse">
+          <rect x=10 y=10 width=51 height=45 fill="white"></rect>
+        </mask>
+      </defs>
+      <rect fill="yellow" x=0 y=0 width=100 height=100 mask="url(#m)"></rect>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/nested-filter.html b/layout/reftests/svg/filters/nested-filter.html
new file mode 100644
index 0000000000..86407bc5c0
--- /dev/null
+++ b/layout/reftests/svg/filters/nested-filter.html
@@ -0,0 +1,23 @@
+<html style="background: red">
+<body>
+  <svg height="100px" width="100px">
+    <defs>
+      <filter filterUnits="userSpaceOnUse" id="merge" color-interpolation-filters="sRGB">
+        <feMerge>
+          <feMergeNode in="SourceGraphic"></feMergeNode>
+        </feMerge>
+      </filter>
+    </defs>
+    <g filter="url(#merge)">
+      <g transform="translate(0, 25)">>
+        <defs>
+          <mask id="m" maskUnits="userSpaceOnUse">
+            <rect x=10 y=10 width=51 height=45 fill="white"></rect>
+          </mask>
+        </defs>
+        <rect fill="yellow" x=0 y=0 width=100 height=100 mask="url(#m)"></rect>
+      </g>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/filters/outside-sourcegraphic-1.svg b/layout/reftests/svg/filters/outside-sourcegraphic-1.svg
new file mode 100644
index 0000000000..f360aa12fd
--- /dev/null
+++ b/layout/reftests/svg/filters/outside-sourcegraphic-1.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="f" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200">
+    <feFlood flood-color="lime"/>
+  </filter>
+  <rect width="100" height="100" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/outside-sourcegraphic-2.svg b/layout/reftests/svg/filters/outside-sourcegraphic-2.svg
new file mode 100644
index 0000000000..6699d620b9
--- /dev/null
+++ b/layout/reftests/svg/filters/outside-sourcegraphic-2.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="f" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200">
+    <feColorMatrix type="matrix" values="0 0 0 0  0
+                                         0 0 0 0  1
+                                         0 0 0 0  0
+                                         0 0 0 0  1"/>
+  </filter>
+  <rect width="100" height="100" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/outside-sourcegraphic-3.svg b/layout/reftests/svg/filters/outside-sourcegraphic-3.svg
new file mode 100644
index 0000000000..f8f6b36387
--- /dev/null
+++ b/layout/reftests/svg/filters/outside-sourcegraphic-3.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="f" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="0 0" />
+      <feFuncG type="table" tableValues="1 1" />
+      <feFuncB type="table" tableValues="0 0" />
+      <feFuncA type="table" tableValues="1 1" />
+    </feComponentTransfer>
+  </filter>
+  <rect width="100" height="100" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/outside-sourcegraphic-ref.svg b/layout/reftests/svg/filters/outside-sourcegraphic-ref.svg
new file mode 100644
index 0000000000..a336d22158
--- /dev/null
+++ b/layout/reftests/svg/filters/outside-sourcegraphic-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="200" height="200" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/filters/pass.svg b/layout/reftests/svg/filters/pass.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/svg/filters/pass.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/filters/reftest.list b/layout/reftests/svg/filters/reftest.list
new file mode 100644
index 0000000000..9975eb190d
--- /dev/null
+++ b/layout/reftests/svg/filters/reftest.list
@@ -0,0 +1,142 @@
+# In general, the fe*-1 tests test basic functionality clipped to a filter primitive
+# subregion. The fe*-2 tests test with no clipping (which stresses
+# the automatic optimal surface-size computation a bit more).
+
+# CSS filter tests
+include css-filters/reftest.list
+
+# CSS filter chain tests
+include css-filter-chains/reftest.list
+
+# Combined CSS and SVG filter chain tests
+include css-svg-filter-chains/reftest.list
+
+# SVG filter chain tests
+include svg-filter-chains/reftest.list
+
+== dynamic-filtered-foreignObject-01.svg pass.svg
+== dynamic-filter-invalidation-01.svg pass.svg
+== dynamic-filter-invalidation-02.svg pass.svg
+== dynamic-filter-invalidation-03.svg pass.svg
+== dynamic-filter-invalidation-04.svg pass.svg
+
+fuzzy(0-1,0-42500) == feBlend-1.svg feBlend-1-ref.svg
+== feBlend-2.svg feBlend-2-ref.svg
+
+fuzzy(0-1,0-6400) == feColorMatrix-1.svg feColorMatrix-1-ref.svg
+fuzzy(0-1,0-10000) == feColorMatrix-2.svg feColorMatrix-2-ref.svg
+
+== feComponentTransfer-1.svg feComponentTransfer-1-ref.svg
+== feComponentTransfer-2.svg feComponentTransfer-2-ref.svg
+
+fuzzy(0-1,0-9600) == feComposite-1.svg feComposite-1-ref.svg
+fuzzy(0-1,0-10000) == feComposite-2.svg feComposite-2-ref.svg
+
+== feConvolveMatrix-1.svg feConvolveMatrix-1-ref.svg
+== feConvolveMatrix-2.svg feConvolveMatrix-2-ref.svg
+
+== feDisplacementMap-1.svg feDisplacementMap-1-ref.svg
+== feDisplacementMap-2.svg feDisplacementMap-2-ref.svg
+
+fuzzy(0-1,0-1600) == feFlood-1.svg feFlood-1-ref.svg
+skip-if(d2d) fuzzy(0-1,0-6400) == feFlood-2.svg feFlood-2-ref.svg
+
+fuzzy(0-2,0-6404) fuzzy-if(Android&&device&&!swgl,6-6,6400-6400) == feGaussianBlur-1.svg feGaussianBlur-1-ref.svg
+fuzzy(0-2,0-304) == feGaussianBlur-2.svg feGaussianBlur-2-ref.svg
+# != feGaussianBlur-3.svg feGaussianBlur-3-ref.svg
+fuzzy-if(!useDrawSnapshot,2-5,4764-8168) fuzzy-if(Android&&device&&!swgl,5-5,8574-8574) == feGaussianBlur-4.svg feGaussianBlur-4-ref.svg
+fuzzy-if(geckoview,0-4,0-200) == feGaussianBlur-5.svg feGaussianBlur-5-ref.svg
+== feGaussianBlur-6.svg feGaussianBlur-6-ref.svg
+skip-if(d2d) == feGaussianBlur-cap-large-directional-radius-on-software.html feGaussianBlur-cap-large-directional-radius-on-software-ref.html
+
+!= feImage-1.svg about:blank # (Make sure our image renders at all)
+== feImage-1.svg feImage-1-ref.svg
+== feImage-scale-to-primitive-subregion.html feImage-scale-to-primitive-subregion-ref.html
+
+== feMerge-1.svg feMerge-1-ref.svg
+== feMerge-2.svg feMerge-2-ref.svg
+
+== feMorphology-1.svg feMorphology-1-ref.svg
+== feMorphology-2.svg feMorphology-2-ref.svg
+
+== feOffset-1.svg feOffset-1-ref.svg
+== feOffset-2.svg feOffset-2-ref.svg
+
+== feTile-1.svg feTile-1-ref.svg
+== feTile-2.svg feTile-2-ref.svg
+
+# no tests for feTurbulence
+
+fuzzy-if(geckoview,0-36,0-220) == filter-clipped-rect-01.svg pass.svg
+== filter-in-pattern-01.svg pass.svg
+fuzzy(0-5,0-67) != filter-in-pattern-02.svg filter-in-pattern-02-ref.svg
+random-if(winWidget) == filter-in-mask-01.svg pass.svg # bug 1356139
+== filter-in-mask-02.svg pass.svg
+== filter-inner-svg-01.svg pass.svg
+== filter-inner-svg-02.svg pass.svg
+== filter-inner-svg-03.svg pass.svg
+fails == filter-marked-line-01.svg pass.svg # bug 477704
+== filter-kernelUnitLength-01.svg filter-kernelUnitLength-01-ref.svg
+== filter-marked-line-02.svg pass.svg
+== filter-marked-line-03.svg pass.svg
+== filter-marked-line-04.svg pass.svg
+== filter-marked-line-05.svg pass.svg
+== filter-marked-line-06.svg pass.svg
+== filter-marked-line-07.svg pass.svg
+== filter-marked-line-08.svg pass.svg
+== filter-marked-line-09.svg pass.svg
+== filter-nested-filtering-01.svg pass.svg
+fuzzy(0-10,0-1200) == filter-nested-filtering-02.svg pass.svg
+== filter-patterned-rect-01.svg pass.svg
+== filter-patterned-rect-02.svg pass.svg
+== filter-region-01a.html pass.svg
+== filter-region-01b.html pass.svg
+== filter-transform-01.svg pass.svg
+
+== feColorMatrix-saturate-01.svg pass.svg
+
+== feComponentTransfer-03.svg pass.svg
+== feComponentTransfer-04.svg pass.svg
+== feComposite-arguments-01.svg pass.svg
+fuzzy-if(winWidget,0-1,0-39600) == feComposite-operator-lighter.svg feComposite-operator-lighter-ref.html
+fuzzy(0-85,0-28600) == feComposite-paint-01.svg feComposite-paint-01-ref.svg
+fuzzy(0-1,0-10000) == feConvolveMatrix-bias-01.svg feConvolveMatrix-bias-01-ref.svg
+== feConvolveMatrix-order-01.svg feConvolveMatrix-order-01-ref.svg
+
+fuzzy(0-1,0-400) == feDisplacementMap-alpha-01.svg pass.svg
+fuzzy(0-2,0-500) == feDisplacementMap-colour-01.svg feDisplacementMap-colour-01-ref.svg
+== feDisplacementMap-scale-01.svg pass.svg
+
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-2,0-25) fuzzy-if(!useDrawSnapshot,55-98,14033-16467) == feDropShadow-01.svg feDropShadow-01-ref.svg
+
+== feFlood-color-01.svg pass.svg
+
+fuzzy-if(!useDrawSnapshot||(winWidget&&isCoverageBuild),20-21,5540-5647) == feGaussianBlur-alpha-01.svg feGaussianBlur-alpha-01-ref.svg
+
+== feMorphology-radius-negative-01.svg pass.svg
+== feMorphology-radius-negative-02.svg pass.svg
+== feMorphology-radius-zero-01.svg pass.svg
+== feMorphology-radius-zero-02.svg pass.svg
+
+== feTile-large-01.svg pass.svg
+== feTile-large-02.svg feTile-large-02-ref.svg
+== feTile-outside-01.svg feTile-outside-01-ref.svg
+
+fuzzy(0-1,0-219) == feDiffuseLighting-1.svg feDiffuseLighting-1-ref.svg
+
+fuzzy(0-2,0-2659) skip-if(d2d) == feSpecularLighting-1.svg feSpecularLighting-1-ref.svg
+
+== filter-lighting-region.svg filter-lighting-region-ref.svg
+
+fails-if(useDrawSnapshot) == fePointLight-zoomed-page.svg fePointLight-zoomed-page-ref.svg
+
+== feTurbulence-offset.svg feTurbulence-offset-ref.svg
+fuzzy(0-1,0-10000) == feTurbulence-zero-baseFreq-01.svg feTurbulence-zero-baseFreq-01-ref.svg
+!= feTurbulence-zero-baseFreq-02.svg about:blank
+
+== outside-sourcegraphic-1.svg outside-sourcegraphic-ref.svg
+# These failures are caused by bug 1586055
+fails-if(!useDrawSnapshot) == outside-sourcegraphic-2.svg outside-sourcegraphic-ref.svg
+fails-if(!useDrawSnapshot) == outside-sourcegraphic-3.svg outside-sourcegraphic-ref.svg
+== nested-filter.html nested-filter-ref.html
+== filter-giant.svg pass.svg
diff --git a/layout/reftests/svg/filters/svg-filter-chains/clip-input-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/clip-input-ref.svg
new file mode 100644
index 0000000000..4939ce12ae
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/clip-input-ref.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Clip Input Filter</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <rect x="0" y="0" width="100" height="100" fill="green"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/clip-input.svg b/layout/reftests/svg/filters/svg-filter-chains/clip-input.svg
new file mode 100644
index 0000000000..8dd2841add
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/clip-input.svg
@@ -0,0 +1,52 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Clip Input Filter</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="clip-input-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that a filter region clips a
+      SourceGraphic input filter. If the test passes, you should see a green
+      square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="f1" x="100" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Create a red square at x=100. -->
+      <feFlood flood-color="red"/>
+    </filter>
+    <filter id="f2" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Create a green square at x=0. -->
+      <feFlood result="green" flood-color="green"/>
+      <!--
+          Attempt to offset the red square left to cover up the green square.
+          However, this filter's filter region should clip away the red square,
+          and only transparent pixels should be offset left, leaving the green
+          square intact.
+      -->
+      <feOffset result="red" in="SourceGraphic" dx="-100" x="0" y="0" width="200" height="100"/>
+      <feMerge>
+          <feMergeNode in="green"/>
+          <feMergeNode in="red"/>
+      </feMerge>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" filter="url(#f1) url(#f2)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic-ref.svg
new file mode 100644
index 0000000000..048dc64687
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic-ref.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Clip Original SourceGraphic</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <rect x="0" y="0" width="100" height="100" fill="green"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic.svg b/layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic.svg
new file mode 100644
index 0000000000..f6349768ed
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/clip-original-SourceGraphic.svg
@@ -0,0 +1,50 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Clip Original SourceGraphic</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="clip-original-SourceGraphic-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that the filter region of the
+      first filter clips the original SourceGraphic. If the test passes, you
+      should see a green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <!--
+      Use a filter region less wide than the red rectangle SourceGraphic. This
+      should clip the red rectangle, resulting in a red square.
+    -->
+    <filter id="f1" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Create a green square at x=0. -->
+      <feFlood result="green" flood-color="green" x="0" y="0" width="100" height="100"/>
+      <!--
+        Offset the red SourceGraphic left. If it wasn't clipped properly, it
+        will cover up the green square. If it was clipped properly, it won't.
+      -->
+      <feOffset result="offset-red" in="SourceGraphic" dx="-100" x="0" y="0" width="200" height="100"/>
+      <feMerge>
+        <feMergeNode in="green"/>
+        <feMergeNode in="offset-red"/>
+      </feMerge>
+    </filter>
+    <rect x="0" y="0" width="200" height="100" filter="url(#f1)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/clip-output-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/clip-output-ref.svg
new file mode 100644
index 0000000000..26b6cc7f03
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/clip-output-ref.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Clip Filter Output</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="hue-rotate">
+      <!-- Turn the red square green. -->
+      <feColorMatrix type="hueRotate" values="90" style="color-interpolation-filters:sRGB"/>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" filter="url(#hue-rotate)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/clip-output.svg b/layout/reftests/svg/filters/svg-filter-chains/clip-output.svg
new file mode 100644
index 0000000000..94d3a953ab
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/clip-output.svg
@@ -0,0 +1,52 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Clip Filter Output</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="clip-output-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies a filter region clips its
+      filter's output into the next filter. If the test passes, you should see a
+      green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="flood" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!--
+        Create a red square followed by a blue square. The blue square should be
+        clipped away due to this filter's filter region.
+      -->
+      <feFlood result="red" flood-color="red" x="0" y="0" width="100" height="100"/>
+      <feFlood result="blue" flood-color="blue" x="100" y="0" width="100" height="100"/>
+      <feMerge>
+          <feMergeNode in="red"/>
+          <feMergeNode in="blue"/>
+      </feMerge>
+    </filter>
+    <filter id="hue-rotate" x="0" y="0" width="200" height="100" filterUnits="userSpaceOnUse">
+      <!--
+        Turn the red square green. If the blue square wasn't clipped by the
+        previous filter's filter region, it will turn red.
+       -->
+      <feColorMatrix type="hueRotate" values="90" style="color-interpolation-filters:sRGB"/>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" filter="url(#flood) url(#hue-rotate)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/default-subregion-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/default-subregion-ref.svg
new file mode 100644
index 0000000000..86d77e2008
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/default-subregion-ref.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Default Filter Primitive Subregion</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="f1" x="50" y="50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <feGaussianBlur stdDeviation="10"/>
+    </filter>
+    <rect x="100" y="100" width="100" height="100" filter="url(#f1)" fill="green"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/default-subregion.svg b/layout/reftests/svg/filters/svg-filter-chains/default-subregion.svg
new file mode 100644
index 0000000000..b175fe0a31
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/default-subregion.svg
@@ -0,0 +1,48 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Default Filter Primitive Subregion</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="default-subregion-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that the default filter
+      primitive subregion is equal to the filter region. If the test passes,
+      you should see a blurred green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="f1" x="100" y="100" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Fill a 100x100 square with green. -->
+      <feFlood flood-color="green"/>
+    </filter>
+    <filter id="f2" x="50" y="50" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!--
+        This feGaussianBlur primitive blurs the 100x100 green square from the
+        previous filter. It does not explicitly define a filter primitive
+        subregion, so its subregion should equal the filter region. The filter
+        region has plenty of space for the blur outsets, so the blur should not
+        appear clipped. If the blur incorrectly uses a primitive subregion or
+        filter region from a previous filter, the blur may appear clipped.
+      -->
+      <feGaussianBlur stdDeviation="10"/>
+    </filter>
+    <rect x="100" y="100" width="100" height="100" filter="url(#f1) url(#f2)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions-ref.svg
new file mode 100644
index 0000000000..fb405de255
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions-ref.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Use Same FillPaint Input with Different Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="f1">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix type="hueRotate" values="90"/>
+    </filter>
+    <rect x="0" y="0" width="200" height="200" filter="url(#f1)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions.svg b/layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions.svg
new file mode 100644
index 0000000000..57277b62d6
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/different-FillPaint-filter-regions.svg
@@ -0,0 +1,43 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Use Same FillPaint Input with Different Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="different-FillPaint-filter-regions-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that a FillPaint input is large
+      enough to cover the largest filter region in the chain. If the test
+      passes, you should see a green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <!-- Use a small filter region. -->
+    <filter id="f1" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a blue square. -->
+      <feColorMatrix in="FillPaint" type="hueRotate" values="180"/>
+    </filter>
+    <!-- Use a large filter region. -->
+    <filter id="f2" x="0" y="0" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix in="FillPaint" type="hueRotate" values="90"/>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" filter="url(#f1) url(#f2)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions-ref.svg
new file mode 100644
index 0000000000..ecdff269c0
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions-ref.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Use Same StrokePaint Input with Different Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="f1">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix type="hueRotate" values="90"/>
+    </filter>
+    <rect x="0" y="0" width="200" height="200" filter="url(#f1)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions.svg b/layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions.svg
new file mode 100644
index 0000000000..2e0d1adb2b
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/different-StrokePaint-filter-regions.svg
@@ -0,0 +1,43 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Use Same StrokePaint Input with Different Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="different-StrokePaint-filter-regions-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that a StrokePaint input is large
+      enough to cover the largest filter region in the chain. If the test
+      passes, you should see a green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <!-- Use a small filter region. -->
+    <filter id="f1" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a blue square. -->
+      <feColorMatrix in="StrokePaint" type="hueRotate" values="180"/>
+    </filter>
+    <!-- Use a large filter region. -->
+    <filter id="f2" x="0" y="0" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix in="StrokePaint" type="hueRotate" values="90"/>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" filter="url(#f1) url(#f2)" stroke="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives-ref.svg
new file mode 100644
index 0000000000..214be69ea2
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives-ref.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Don't Clip Primitives in Previous Filters to Subsequent Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="f1" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix type="hueRotate" values="90"/>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" filter="url(#f1)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives.svg b/layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives.svg
new file mode 100644
index 0000000000..50b2be3a62
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/dont-clip-previous-primitives.svg
@@ -0,0 +1,51 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Don't Clip Primitives in Previous Filters to Subsequent Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="dont-clip-previous-primitives.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that a second filter's filter
+      region does not clip the primitives inside a first filter. If the test
+      passes, you should see a green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <!-- Use a wide filter region. -->
+    <filter id="f1" x="0" y="0" width="200" height="100" filterUnits="userSpaceOnUse">
+      <!-- Create a red square at x=100. -->
+      <feFlood flood-color="red" x="100" y="0" width="100" height="100"/>
+      <!-- Offset the red square left to x=0. -->
+      <feOffset dx="-100" x="0" y="0" width="200" height="100"/>
+    </filter>
+    <!--
+      Use a less wide filter region. The intermediate results of the previous
+      filter do not fit in this filter region, but that shouldn't matter. The
+      previous filter's intermediate results should not be affected by this
+      filter region. The final result of the previous filter should fit in this
+      filter region.
+    -->
+    <filter id="f2" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse">
+      <!-- Turn the red square into a green square. -->
+      <feColorMatrix type="hueRotate" values="90"/>
+    </filter>
+    <rect x="0" y="0" width="100" height="100" filter="url(#f1) url(#f2)" fill="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions-ref.svg
new file mode 100644
index 0000000000..2f97ca88ad
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions-ref.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Intersecting Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="hue-rotate">
+      <feColorMatrix type="hueRotate" values="90" style="color-interpolation-filters:sRGB"/>
+    </filter>
+    <rect x="100" y="100" width="100" height="100" filter="url(#hue-rotate)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions.svg b/layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions.svg
new file mode 100644
index 0000000000..f9ff60aa2f
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/intersecting-filter-regions.svg
@@ -0,0 +1,45 @@
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Intersecting Filter Regions</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="intersecting-filter-regions-ref.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that filters with intersecting
+      filter regions render properly. If the test passes, you should see a green
+      square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="flood" x="0" y="0" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!--
+        This filter clips the SourceGraphic to its top left corner and fills it
+        with red.
+      -->
+      <feFlood flood-color="red"/>
+    </filter>
+    <filter id="hue-rotate" x="100" y="100" width="200" height="200" filterUnits="userSpaceOnUse">
+      <!--
+        This filter clips the output of the previous filter to the bottom right
+        corner, and it changes red into green. If the previous filter didn't run
+        or it didn't clip the SourceGraphic, this filter will change the
+        SourceGraphic's blue fill into red.
+      -->
+      <feColorMatrix type="hueRotate" values="90" style="color-interpolation-filters:sRGB"/>
+    </filter>
+    <rect x="0" y="0" width="300" height="300" filter="url(#flood) url(#hue-rotate)" fill="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/long-chain.svg b/layout/reftests/svg/filters/svg-filter-chains/long-chain.svg
new file mode 100644
index 0000000000..00f0c9dc62
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/long-chain.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="flood-with-yellow">
+    <!-- Turn the black rect into a yellow rect. -->
+    <feFlood x="20" y="20" width="100" height="100" flood-color="#ffff00"/>
+  </filter>
+  <filter id="extract-red-channel">
+    <!-- Turn the yellow rect into a red rect. -->
+    <feComponentTransfer x="0" y="0" width="120" height="120">
+      <feFuncR type="identity"/>
+      <feFuncG type="table" tableValues="0 0"/>
+      <feFuncB type="table" tableValues="0 0"/>
+      <feFuncA type="identity"/>
+    </feComponentTransfer>
+  </filter>
+  <filter id="blur">
+    <!-- Blur the red rect. -->
+    <feGaussianBlur stdDeviation="3" x="10" y="10" width="120" height="120"/>
+  </filter>
+  <filter id="hue-rotate">
+    <!-- Turn the red rect into a green rect. -->
+    <feColorMatrix type="hueRotate" values="90"/>
+  </filter>
+  <rect x="20" y="20" width="100" height="100" filter="url(#flood-with-yellow) url(#extract-red-channel) url(#blur) url(#hue-rotate)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/multiple-primitives-per-filter.svg b/layout/reftests/svg/filters/svg-filter-chains/multiple-primitives-per-filter.svg
new file mode 100644
index 0000000000..9bdf8fe2c0
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/multiple-primitives-per-filter.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="flood-with-red">
+    <!-- Turn the black rect into a yellow rect. -->
+    <feFlood x="20" y="20" width="100" height="100" flood-color="#ffff00"/>
+    <!-- Turn the yellow rect into a red rect. -->
+    <feComponentTransfer x="0" y="0" width="120" height="120">
+        <feFuncR type="identity"/>
+        <feFuncG type="table" tableValues="0 0"/>
+        <feFuncB type="table" tableValues="0 0"/>
+        <feFuncA type="identity"/>
+    </feComponentTransfer>
+  </filter>
+  <filter id="blur-and-hue-rotate">
+    <!-- Blur the red rect. -->
+    <feGaussianBlur stdDeviation="3" x="10" y="10" width="120" height="120"/>
+    <!-- Turn the red rect into a green rect. -->
+    <feColorMatrix type="hueRotate" values="90"/>
+  </filter>
+  <rect x="20" y="20" width="100" height="100" filter="url(#flood-with-red) url(#blur-and-hue-rotate)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/reftest.list b/layout/reftests/svg/filters/svg-filter-chains/reftest.list
new file mode 100644
index 0000000000..12ddf9d8bb
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/reftest.list
@@ -0,0 +1,16 @@
+# These tests verify that SVG filter chains behave properly.
+# e.g. filter: url(#f1) url(#f2) url(#f3)
+
+== clip-input.svg clip-input-ref.svg
+== clip-original-SourceGraphic.svg clip-original-SourceGraphic-ref.svg
+== clip-output.svg clip-output-ref.svg
+fuzzy(0-5,0-20300) fuzzy-if(Android&&device&&!swgl,5-5,21751-21751) == default-subregion.svg default-subregion-ref.svg
+== different-FillPaint-filter-regions.svg different-FillPaint-filter-regions-ref.svg
+== different-StrokePaint-filter-regions.svg different-StrokePaint-filter-regions-ref.svg
+== dont-clip-previous-primitives.svg dont-clip-previous-primitives-ref.svg
+== intersecting-filter-regions.svg intersecting-filter-regions-ref.svg
+fuzzy-if(!useDrawSnapshot,9-9,5168-5536) fuzzy-if(!useDrawSnapshot&&swgl,7-7,13170-13184) fuzzy-if(Android&&device&&!swgl,8-8,12391-12391) == long-chain.svg simple-chain-ref.svg
+fuzzy-if(!useDrawSnapshot,9-9,5168-5536) fuzzy-if(!useDrawSnapshot&&swgl,7-7,13170-13184) fuzzy-if(Android&&device&&!swgl,8-8,12391-12391) == multiple-primitives-per-filter.svg simple-chain-ref.svg
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-1,0-173) fuzzy-if(!useDrawSnapshot||(winWidget&&isCoverageBuild),9-9,5128-5496) fuzzy-if(!useDrawSnapshot&&swgl,7-7,12820-12830) fuzzy-if(Android&&device&&!swgl,8-8,12355-12355) == second-filter-uses-SourceAlpha.svg second-filter-uses-SourceAlpha-ref.svg
+fuzzy-if(!useDrawSnapshot,9-9,5168-5536) fuzzy-if(!useDrawSnapshot&&swgl,7-7,13170-13180) fuzzy-if(Android&&device&&!swgl,8-8,12391-12391) == second-filter-uses-SourceGraphic.svg simple-chain-ref.svg
+== simple-chain.svg simple-chain-ref.svg
diff --git a/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha-ref.svg
new file mode 100644
index 0000000000..e809e55bb3
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha-ref.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Second Filter Uses SourceAlpha</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <metadata class="flags">namespace svg</metadata>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="blur">
+      <feGaussianBlur stdDeviation="3"/>
+    </filter>
+    <rect x="100" y="100" width="100" height="100" filter="url(#blur)" fill="#00ff00"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha.svg b/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha.svg
new file mode 100644
index 0000000000..474c9da14c
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceAlpha.svg
@@ -0,0 +1,49 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg id="svg-root"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <g id="testmeta">
+    <title>SVG Filter Chains: Second Filter Uses SourceAlpha</title>
+    <link rel="copyright"
+          href="http://www.w3.org/Graphics/SVG/Test/Copyright"/>
+    <link rel="license"
+          href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/>
+    <link rel="author"
+          title="Max Vujovic"
+          href="mailto:mvujovic@adobe.com"/>
+    <link rel="help"
+          href="http://dev.w3.org/fxtf/filters/#FilterPrimitiveSubRegion"/>
+    <link rel="match"
+          href="second-filter-uses-SourceAlpha.svg" />
+    <metadata class="flags">namespace svg</metadata>
+    <desc class="assert">
+      In an SVG filter chain, this test verifies that a filter receives the
+      correct SourceAlpha input from the previous filter in the chain. If the
+      test passes, you should see a blurred green square.
+    </desc>
+  </g>
+
+  <g id="test-body-content">
+    <filter id="blur">
+      <feGaussianBlur stdDeviation="3"/>
+    </filter>
+    <filter id="add-green">
+      <!--
+        This filter receives transparent black and the alpha channel of the
+        previous blur filter. Then, it adds to the green channel where the alpha
+        channel is set, resulting in a blurred green square.
+      -->
+      <feComponentTransfer in="SourceAlpha">
+        <feFuncR type="identity"/>
+        <feFuncG type="table" tableValues="1 1"/>
+        <feFuncB type="identity"/>
+        <feFuncA type="identity"/>
+      </feComponentTransfer>
+    </filter>
+    <rect x="100" y="100" width="100" height="100" filter="url(#blur) url(#add-green)" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceGraphic.svg b/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceGraphic.svg
new file mode 100644
index 0000000000..f8dc040b83
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/second-filter-uses-SourceGraphic.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="blur">
+    <!-- Blur the red rect. -->
+    <feGaussianBlur stdDeviation="3"/>
+  </filter>
+  <filter id="hue-rotate">
+    <feFlood flood-color="#0000ff"/>
+    <!-- Turn the red rect into a green rect. feColorMatrix should use the
+         result of the #blur filter, not feFlood, as its SourceGraphic. -->
+    <feColorMatrix in="SourceGraphic" type="hueRotate" values="90"/>
+  </filter>
+  <rect x="20" y="20" width="100" height="100" fill="#ff0000" filter="url(#blur) url(#hue-rotate)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/simple-chain-ref.svg b/layout/reftests/svg/filters/svg-filter-chains/simple-chain-ref.svg
new file mode 100644
index 0000000000..4194849054
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/simple-chain-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- Test multiple SVG filters chained together against a single SVG filter. -->
+  <filter id="blur-and-hue-rotate">
+    <!-- Blur the red rect. -->
+    <feGaussianBlur stdDeviation="3"/>
+    <!-- Turn the red rect into a green rect. -->
+    <feColorMatrix type="hueRotate" values="90"/>
+  </filter>
+  <rect x="20" y="20" width="100" height="100" fill="#ff0000" filter="url(#blur-and-hue-rotate)"/>
+</svg>
diff --git a/layout/reftests/svg/filters/svg-filter-chains/simple-chain.svg b/layout/reftests/svg/filters/svg-filter-chains/simple-chain.svg
new file mode 100644
index 0000000000..e391bf8e03
--- /dev/null
+++ b/layout/reftests/svg/filters/svg-filter-chains/simple-chain.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="blur">
+    <!-- Blur the red rect. -->
+    <feGaussianBlur stdDeviation="3"/>
+  </filter>
+  <filter id="hue-rotate">
+    <!-- Turn the red rect into a green rect. -->
+    <feColorMatrix type="hueRotate" values="90"/>
+  </filter>
+  <rect x="20" y="20" width="100" height="100" fill="#ff0000" filter="url(#blur) url(#hue-rotate)"/>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-01.svg b/layout/reftests/svg/foreignObject-01.svg
new file mode 100644
index 0000000000..68d4072f4a
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-01.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=367366 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject width="100%" height="100%">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; display:block; width:100%; height:100%;"/>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/svg/foreignObject-02-ref.svg b/layout/reftests/svg/foreignObject-02-ref.svg
new file mode 100644
index 0000000000..999e278074
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-02-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:html="http://www.w3.org/1999/xhtml"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that foreignobject works in filters</title>
+  <foreignObject id="fo1" x="150" y="50" width="50" height="50">
+    <html:div style="width:100%; height:100%; background:lime;">
+    </html:div>
+  </foreignObject>
+  <foreignObject id="fo2" x="150" y="150" width="50" height="50" filter="url(#f1)">
+    <html:div style="width:100%; height:100%; background:lime;">
+    </html:div>
+  </foreignObject>
+  <filter id="f1" x="0" y="0" width="100%" height="100%">
+    <feOffset/>
+  </filter>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-02.svg b/layout/reftests/svg/foreignObject-02.svg
new file mode 100644
index 0000000000..fb02d375bf
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-02.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:html="http://www.w3.org/1999/xhtml"
+     xmlns:xlink="http://www.w3.org/1999/xlink" onload="m();">
+  <title>Testing that foreignobject works in filters</title>
+  <foreignObject id="fo1" x="50" y="50" width="50" height="50">
+    <html:div style="width:100%; height:100%; background:lime;">
+    </html:div>
+  </foreignObject>
+  <foreignObject id="fo2" x="50" y="150" width="50" height="50" filter="url(#f1)">
+    <html:div style="width:100%; height:100%; background:lime;">
+    </html:div>
+  </foreignObject>
+  <filter id="f1" x="0" y="0" width="100%" height="100%">
+    <feOffset/>
+  </filter>
+  <script>
+		function m() {
+		var svgns = "http://www.w3.org/2000/svg";
+
+		var fo1 = document.getElementById("fo1");
+		fo1.setAttribute("x", "150");
+
+		var fo2 = document.getElementById("fo2");
+		fo2.setAttribute("x", "150");
+		}
+  </script>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-ancestor-style-change-01-ref.svg b/layout/reftests/svg/foreignObject-ancestor-style-change-01-ref.svg
new file mode 100644
index 0000000000..0896a08062
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-ancestor-style-change-01-ref.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=381285 -->
+
+  <title>Reference for foreignObject-ancestor-style-change-01.svg</title>
+
+  <foreignObject width="100%" height="100%">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="width: 100%; height: 100%; font-size: 16px;">
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+      Padding text. Padding text. Padding text. Padding text. Padding text.
+    </div>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/svg/foreignObject-ancestor-style-change-01.svg b/layout/reftests/svg/foreignObject-ancestor-style-change-01.svg
new file mode 100644
index 0000000000..be4e9749eb
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-ancestor-style-change-01.svg
@@ -0,0 +1,45 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=381285 -->
+
+  <title>Testcase for style change on foreignObject ancestor</title>
+
+  <!--
+  This testcase checks that foreignObject content is correctly updated when
+  a style change that requires layout changes occurs on an ancestor.
+  -->
+
+  <script>
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  function doTest() {
+    document.getElementById('g').style.fontSize = '16px';
+    
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+
+  <g id="g" style="font-size: 26px;">
+    <foreignObject width="100%" height="100%">
+      <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%;">
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+        Padding text. Padding text. Padding text. Padding text. Padding text.
+      </div>
+    </foreignObject>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/foreignObject-change-transform-01.svg b/layout/reftests/svg/foreignObject-change-transform-01.svg
new file mode 100644
index 0000000000..6f165dc254
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-change-transform-01.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:html="http://www.w3.org/1999/xhtml"
+     class="reftest-wait">
+
+  <title>Testcase for changing the 'transform' on foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=369911 -->
+
+  <script type="application/javascript">
+
+// The foreignObject is inverted so that it is outside the viewport.
+// After the rect has rendered the transform on the 
+// foreignObject is removed and the green div should fill the viewport.
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  function doTest() {
+    document.getElementById('fo').setAttribute('transform', '');
+
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject id="fo" width="100%" height="100%" transform="scale(-1)">
+    <html:div style="display:block;width:100%;height:100%;background:lime;"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-display-01.svg b/layout/reftests/svg/foreignObject-display-01.svg
new file mode 100644
index 0000000000..dfdbc0eca2
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-display-01.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait">
+
+  <title>Testcase for removing display:none from foreignObject child</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=281260 -->
+
+  <script type="application/ecmascript">
+  <![CDATA[
+
+function doTest(event)
+{
+  document.getElementById('div').style.display = 'block';
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  ]]>
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject width="100%" height="100%">
+    <div xmlns="http://www.w3.org/1999/xhtml" id="div"
+         style="display:none; background:lime; width:100%; height:100%;"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-dynamic-abspos-01-ref.html b/layout/reftests/svg/foreignObject-dynamic-abspos-01-ref.html
new file mode 100644
index 0000000000..37bd9b6f14
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-dynamic-abspos-01-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<div style="height: 100px">
+</div>
+<svg width="200" height="200" style="overflow: visible">
+  <foreignObject width="200" height="200">
+    <div id="x" style="position:absolute; top: 0; left: 0">
+      This is a test
+    </div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-dynamic-abspos-01.html b/layout/reftests/svg/foreignObject-dynamic-abspos-01.html
new file mode 100644
index 0000000000..583ba42031
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-dynamic-abspos-01.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<div style="height: 100px">
+</div>
+<svg width="200" height="200" style="overflow: visible">
+  <foreignObject width="200" height="200">
+    <div id="x" style="position:absolute; top: 0; left: 0">
+      This is a test
+    </div>
+  </foreignObject>
+  <script>
+    document.body.offsetWidth;
+    var kid = document.getElementById("x");
+    var parent = kid.parentNode;
+    var nextSibling = kid.nextSibling;
+    parent.removeChild(kid);
+    parent.insertBefore(kid, nextSibling); 
+  </script>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-dynamic-fixedpos-01.html b/layout/reftests/svg/foreignObject-dynamic-fixedpos-01.html
new file mode 100644
index 0000000000..fd560c2263
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-dynamic-fixedpos-01.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<div style="height: 100px">
+</div>
+<svg width="200" height="200" style="overflow: visible">
+  <foreignObject width="200" height="200">
+    <div id="x" style="position:fixed; top: 0; left: 0">
+      This is a test
+    </div>
+  </foreignObject>
+  <script>
+    document.body.offsetWidth;
+    var kid = document.getElementById("x");
+    var parent = kid.parentNode;
+    var nextSibling = kid.nextSibling;
+    parent.removeChild(kid);
+    parent.insertBefore(kid, nextSibling); 
+  </script>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-dynamic-line-height-01-ref.html b/layout/reftests/svg/foreignObject-dynamic-line-height-01-ref.html
new file mode 100644
index 0000000000..c69fbd2361
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-dynamic-line-height-01-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <svg>
+    <foreignObject width="100" height="100" style="line-height: 3">
+      This is long text that wraps.
+    </foreignObject>
+  </svg>
+</htmml>
diff --git a/layout/reftests/svg/foreignObject-dynamic-line-height-01.html b/layout/reftests/svg/foreignObject-dynamic-line-height-01.html
new file mode 100644
index 0000000000..6eed65e7a3
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-dynamic-line-height-01.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg>
+    <foreignObject width="100" height="100">
+      This is long text that wraps.
+    </foreignObject>
+  </svg>
+  <script>
+    onload = function() {
+      var obj = document.querySelector("foreignObject");
+      window.w = obj.getBoundingClientRect().width;
+      obj.style.lineHeight = 3;
+      document.documentElement.className = "";
+    }
+  </script>
+</htmml>
diff --git a/layout/reftests/svg/foreignObject-fixedpos-01.html b/layout/reftests/svg/foreignObject-fixedpos-01.html
new file mode 100644
index 0000000000..eee77e4da5
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-fixedpos-01.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<div style="height: 100px">
+</div>
+<svg width="200" height="200" style="overflow: visible">
+  <foreignObject width="200" height="200">
+    <div id="x" style="position:fixed; top: 0; left: 0">
+      This is a test
+    </div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-fixedpos-02.html b/layout/reftests/svg/foreignObject-fixedpos-02.html
new file mode 100644
index 0000000000..c4047625c0
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-fixedpos-02.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<div style="height: 100px">
+</div>
+<svg width="200" height="200" style="overflow: visible">
+  <foreignObject width="200" height="200">
+    <div id="x" style="position:fixed; top: 0; left: 0; width: 100px; height: 100px; background-color: red">
+    </div>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-fixedpos-ref.html b/layout/reftests/svg/foreignObject-fixedpos-ref.html
new file mode 100644
index 0000000000..da29d249b4
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-fixedpos-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="height: 100px">
+</div>
+<div style="top: 100px; width: 100px; height: 100px; background-color:red"></div>
diff --git a/layout/reftests/svg/foreignObject-form-no-theme.svg b/layout/reftests/svg/foreignObject-form-no-theme.svg
new file mode 100644
index 0000000000..8ee6bb71d3
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-form-no-theme.svg
@@ -0,0 +1,14 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='500' height='200'>
+  <foreignObject width='500' height='500'>
+    <div xmlns='http://www.w3.org/1999/xhtml'>
+      <button style='-moz-appearance:none'>this is a button inside of SVG</button>
+      <br/>
+      <select style='-moz-appearance:none'>
+        <option>This is a menu inside of SVG</option>
+        <option>a second menu option</option>
+      </select>
+    </div>
+  </foreignObject>
+</svg>
+
+<!-- Bug 686581 -->
diff --git a/layout/reftests/svg/foreignObject-form-theme-ref.html b/layout/reftests/svg/foreignObject-form-theme-ref.html
new file mode 100644
index 0000000000..6ef303e005
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-form-theme-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase #2 for bug 686581</title>
+    <style type="text/css">
+
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+    </style>
+</head>
+<body>
+      <button>this is a button inside of SVG</button>
+      <br/>
+      <select>
+        <option>This is a menu inside of SVG</option>
+        <option>a second menu option</option>
+      </select>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/foreignObject-form-theme.svg b/layout/reftests/svg/foreignObject-form-theme.svg
new file mode 100644
index 0000000000..d6e7190dd3
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-form-theme.svg
@@ -0,0 +1,14 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='500' height='200'>
+  <foreignObject width='500' height='500'>
+    <div xmlns='http://www.w3.org/1999/xhtml'>
+      <button style="-moz-appearance: button !important">this is a button inside of SVG</button>
+      <br/>
+      <select style="-moz-appearance: menulist !important">
+        <option>This is a menu inside of SVG</option>
+        <option>a second menu option</option>
+      </select>
+    </div>
+  </foreignObject>
+</svg>
+
+<!-- Bug 686581 -->
diff --git a/layout/reftests/svg/foreignObject-img-form-theme-ref.html b/layout/reftests/svg/foreignObject-img-form-theme-ref.html
new file mode 100644
index 0000000000..c78c1e0162
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-img-form-theme-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 686581</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+    </style>
+</head>
+<body>
+
+<img src="foreignObject-form-no-theme.svg">
+
+</body>
+</html>
diff --git a/layout/reftests/svg/foreignObject-img-form-theme.html b/layout/reftests/svg/foreignObject-img-form-theme.html
new file mode 100644
index 0000000000..e7dac89993
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-img-form-theme.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 686581</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+    </style>
+</head>
+<body>
+
+<img src="foreignObject-form-theme.svg">
+
+</body>
+</html>
diff --git a/layout/reftests/svg/foreignObject-img-helper.svg b/layout/reftests/svg/foreignObject-img-helper.svg
new file mode 100644
index 0000000000..dde74111ae
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-img-helper.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
+  <foreignObject width="100" height="100">
+    <img xmlns="http://www.w3.org/1999/xhtml" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1%2B%2FAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMjEvMTOQGbMAAAAC8HByVld4nO2a3UtUQRjGXz%2F6voluDDL73EAJQQIt9iKSlYqoDIpYWSUvbIOsVjOtVCzrRjEy0LUINy1zV9ouAisQyQsxRAu8iK4WCjZ2z8a6%2FQPR05xJ4Sx1UWzMHJh54GHPx3B%2B87wzZzgMO%2FfjzTfykQ8AgbwwQq0Y9beCiPChoxz%2BOy38%2BGV9Kab8PlBRObqLiLVr4m0zcTx4DbHRFkSHGhB70oTbFS4YhvFPvulyITbcgOjgBcQeX0Z8hPUr2Jyxn%2FVeYln38OwHmSM9J9Lufx5pxnyAtSnYj4maAn5tuL%2BJt19oLePnzhoPLrJzI%2BhlxzX8OfO9pzHf74XnnBtO817Ak3Ffzcxmdl4DVguzJn9bP9bfyqFPrxfazTr2uRG9dxKx%2FirE%2FVUwBjz%2Fzd2NxxkrDx4zc99RTPV4UFhawutVuIn478SpfN42wkzF%2B%2BAvJswOuNm9nZiu3bZ0vZS3XXYhM3%2Fm3cMZ9Y8EKzF4BlaL5jvdR1BNOXR2SURZAvWnHmm%2BJH7lL4vn59ojv8L8LFo4MLmWDjEL5qct4hLy24FPCue3x%2FxXnZ%2Bt7PyzA1%2B%2F%2F7Lnv%2BaTpO%2B%2FVZLzb5bMX2Gf8ZfCX22D%2FCsVrr%2FmE6Xvg4nl%2F74PJ4O%2FRunx13wuafs%2Fyb0zYRvk13zN13zN13zN13zN13wB%2FO%2FZb8My%2Bfk5cvn1ZTNS%2BbLHv01y%2FU0Nrbu1RdX6az5RItyJZYvm1%2B1yROIjV%2FBluBHx4FXh%2FMRYGxJjGwhmLXLF19%2FkG6HrPLtZA%2BH8UAusVo0v%2B%2F1L3K%2BG1arxvwZqYbVqfNnzb%2FHpeVitGj8VbobVqvFlz7%2FUeAeslslX8fsvNdkFq0Xzk686YbxoR3L8Bo45HBHh%2Baf7YLVq%2FGXt3pjX5fe5U8Lzv38Eq8XzA0i9G8Ti3EMkZx%2BI5398DqtV48te%2Fyp2bI9YrRqfaX26leNLnX%2Babxv%2B0v8%2FtLS0tLQUk17%2FtZRXJdWSl%2BpoK5XI7oqWBP0EUXzHivRvgJoAAABIbWtCRvreyv4AAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmkM6EAADkmbWtUU3ic7X1Zd9tIki6muly2LHmr6tPzMC86Z%2B4992mqsXF7FElRUpcWNkHZcr34kCBR5pS8jCyrysOD%2F34jIjOxJBIgAHFzG1YVk8Sa%2BUXkF5GRkcDZL%2B27%2BcuBM5uP%2FJeDs9nc8HuDTqQY%2FPN8Np80GmajZfpXpx1vrvuvWfHqpOvNDV33j0%2BG7Mvg0PHmDdMfOJczOKB9BJfwPF3H%2F%2F3%2B6endvN2Hj87B8NNc29HGmqu90fraVHsP32batX9yfgZ7HsOe97DH0P4L9s60P%2BGIa3%2FQvRjjRQ%2FO6doHUGdr2vTb3ROsZ%2FsMKu9BQU1pO4d0kNOjfc4xFe1T2tj%2BhYrOOb%2FAYY9%2BD4Z0UK9Nv3oDKs7ZRqc%2Fm7fqfnvIdg7Z1YcOu8kZux4rTg6wludYK93vXhizeRMKEy%2FTvbCo6MFGEwqTFRYWfi5k%2Fl2FjLavHcDWW%2Fj9X%2FDtGsqR9gn2TNaJmXFPzIxVYbbLMTvSbgCXj9pb2HerTTOxsRk20wxsdCU2rhvDRs%2FAxm0ybCyzMDqGzeAZMXhGDJ4mg6fJ4Gn6Tv9XuMvYdxxe9i8AtdoINvAv%2BQB8wQHsaB9AuT4AjKBaoHTRI6NgwoUJTbOWheYoB5qSpmWhKWnaaLm9kyCs1xUQOv022%2BOwMgrpIw5pm%2FrjTHM5oM84oA6A6YEu7msD%2BPYZtk0W9lolloZnL7ffWm7Jfjsq2m%2FTMNrjGB3D9htSt1PY%2B35V%2FbaAHSiAjb4abJ4lsLmn%2FizZUm4eob1EDyutPXLfKqI%2FG%2B5bgtK7hM5b0o24BkX2kD5N4fed9uWrZCAjbhtrDKYag2nEYBoxmNSWLy9MobJlwWRuN0xLVKadAKUP0NVu12jCMh0C1y7Zz3QGjc6g0Rk0OoNGZ9DoOaF5mtLPiLeLq8%2FGLVmW8tQYQjWGUC0nQs%2BVCA0Bnxn46tcLGHtbO5m19E6mxqlLdn%2F81eJklsRpj%2BN0AFpyA9a9DZ%2BfERdpzDcEnP4ESvrMBi2ZGFlKkGh3KkhGi8NkjrMGfjTEKzv0U7pIJoPKZFDZDCqbQWWzkZ9htuJDP2wKjVtgQxEwH3Ew89k9VIIIjHU7D45C2Zp2ARQn93Qz82AIXSQXhk85hh3A6JpCML8F4YYvkp1EHN%2FB9w%2Fah%2BwADTeUhpXbWTd0u7ilrOkMR%2BIDRNLLGj3HbaXZzI2l1eTjaMuYFMYuWwcbEwZd02XITZdkPPUs42mWdC%2FyQVYWoH9C153hUTGA7BoDyBhLuiWifzrDyM3qpKgWi3WL%2BnAEpzp3w0ipVgBUUreCjlq2gw5g75g66PtMNTNay9Wz5Q4XV6NnP3CMXoE9vVWi05BUTHI6skbTeGoMH3Pj%2BFB8j4Ko7QTp7wZ4vSWP3gWNGSXizkV8EDVmFEhN53zXLK5VgQdSMxluhunmtp%2FGNDdyzF7CF9MrAJ3oiB2CDK1ldkhCgo3aolA2CbeGWxw3m4eZR1zdrImdG7byfNYWQWdupfMj%2BTAeCCuCItmChcMEwppQRO8sJ4r1Kfc4SOkOefR%2BqSgOADxzOoUv7aQxyKd9ffI1bhdPPkra59k5HDXPLgGbMKVc%2BagTL1%2F3UOUcMYBAW8pGEuJLrFvTl4FCLXcCiNGCfCFbGvdUhjQT52q%2FFwGXxlmLwM3nqKixJUyxY4%2BXrpIELgGHujn2mJIGKDPc2dDCGRwnKDMd0YeB3zLSfl8QCWgyOFsMTnLWInDq9w2%2B2QxN1rGRtprc7aORMuKJs4MIqJkBaI2H4MDBYhGBFoO0zjGtc1DrHFVGjgLV2BydANNTx3zT1TPfaNctrp0lfEChnEk0c2inZaq0s86R5ECm4Rh0%2FRSlFEzao0QEnGgZYuBOip%2Bfkiv5lvafEeOCmmo3me6jq4zGmBneY2iKShj0JbmP9cQcfFQZQ2uO%2BJI1b04L4PkwRp3vlzvRlzOWpS8nwSMvfFGw5JSFbLCisXdUuHTVS%2BHIIp3aqE3zhLDWrHttEcFKH7tkY3fMO%2B510IFl7ESyB41CyGDrMQvDxi4JC6OrKJGcorxBq9FKsYtC9QOH6kKRouYAJGhBcOr9Ux6lEsE8ERc1RtP7xkU5MDXJ9MaRwY7qUH5fuqWo86lTmkK1WIngwBCb0KHSopJcF0x7GQxQboFtcDCVULIRKvx2A%2FxwkmfE5w2zu%2BVIOTzJY2on06yAlTtSDo2DwUlmODTFccmJILmDyZyiwQXvuP1BiLI3YujKg5ks9WzTPBoOYhbNEI2KmguBLfrJi1TTklRTONliAENmPeETGjmCDriVZol4zzWbDFhyVw4YaIgvgXhMlEsgGotV9EUEQxweYp7NWtQVh6051NXkoLqmpK8THslhA9EFGgu8wGBtclybDFiXZxO6HFi3KbuIpKjii1qH2RcxTERlJn8StZkNHHOq80%2FqUBqfq8qn4I2SCp7LG%2BLDHm8kzaRw8rXHMf22VfotyFcWRI1nHtR46gGU8ek9NoAcMPp1Blz3%2BW%2FUecNT6vwTDvQr0ucpD4NQgqc0FMqXFyTNnwaGP980M8YhC%2FqcgcITv98rdqlMnQ0CIeFoiJwp8WVwETGBOsNaygBdjHERl97jLoQXdyG80ZJo%2Br6ulRpbUxUHYT59lD2C8Ic8PZhfT%2FNFlMymigmYl79ELRVjdksE2Gv5lVTto1oqICn1OC05WRXxGHBv9YP2TvLFML%2F7vebhxA4uJlCBaNRsBmI9roqjAppYV2KoqzBkYY4yU%2FwCwXiGvMkhpNKikvXeOu%2B%2Bsu6lgxYOAP4HzNGIDFL2AKBWdrKwgNIxwxPxsAoE1sFIKYNuuL3Ht%2FfYdnKtREqE0eCc2GBmSJgf8lePmX3Kh6ngwteEZzYXxjtxrpi7wDPPGg1u0MfKHELJnCu5MG0slRbCjM%2F4IG6Eo5MYuC%2BGj%2BVhZiujpVJGafZfrY16fvTIBUjCN7YXR4AD%2BCRlRJvPtNHkQyn8whyi5pQ7RPilL7q1I1RxIMw2Gwbkw1RMd%2FfQ51QhOrZj3r4gxCKj00x9JAxVkXX18J5jaqkwdZtqD7PFgx8tHgxu1cMOPhCh33bYsUUoOCWN7BIAe0%2B2%2BjOFRoQT%2FzcO5Uty2F3KXPxEa9cwuoRLifZpyg3z9LMnKpWhYTbpmzfobi0erbpx5SU7nhyr2oXCANwXsnhSI5SkunxOiI9dmf5y4GPeJlFuxNNvxh39ggIRJswCxtjXjsil%2BiN7Mk5JG%2FlS%2BwTyxmLecJW0YUxVKm7kAt5sKsIEx8wNLQLZk8DT%2FEAk%2B1b7KCaJs4FbXgJulso2lTlp6PBGgDOLhP7SgGNWykl6THmV7gK231LPX7QqZxlKV8s%2FdpeUrrXY1IsJNsnXXJLK7QXe%2BVvKhMFw%2FTSRmiaDVi8bzjPyh%2BCDcbhVLz4rKcaKi5awHoshzXFySLMIuheB8b6mrMiiETz1FOT92Y6ShiIhvJFa9ab5I%2FaySVcqnzAtgyAOl%2FSEFkH6ILQZJRLZGkWgy8F3daV7DgOR0hZ6Wb32acRQ%2FElBiX0KYBQ2FZQfVGAhQgCfvXh4XfqJBjh%2BztF5Kb7jNhSZBDQzSRvEF%2BHH9PnIB5vIYsSRoZAcK85LAIFbuXoCSOQeKT1Nq9WMB%2FE9pSar50Wk9A5Xrckqr15%2BIEAYvudufTR8zLgCGtioMfQxtun3Trt38150Ba5HInAoJjeLLAr0CPpzemDAOxLKZeoeLoQeg6DHun%2BPNb13SBrbG3TpkMGA7TtmxRUWfi86lmMV4gt%2BMZQgVSm65zJ1T7kqmaxKUBwFNXoB9XGDB1BM%2BGDnNvI8hU%2BBe%2BnyKSfUUFf7HThDPK6id%2FQSgD%2FvsIufwPejPj6FpScesoL%2F%2FMguQ%2Bxi%2F1B2R69xn37%2F6xglLyF2wW%2BCzo%2BJbpeLrkMLkVzozNcK8Q04iEmNiu4pJz6Lic%2BqxFdCfE%2B5%2BAYAkAuNxljKb5IQnwaiUh1zmeOYcoIdMcGOKsGWEOzjoF%2FiBAE6M9HxnBeZPBD7LjP2lROgzQRoVwK8R89kgril0NuNgE3qmepjLnMccy%2FKNYxKsiUkG7pfI3oAWJjF7PHpKbH9MmV7OanVmNRqldDuIbQ%2BuZtuZKG1x4crYvtlyvZyQmswoTUqod1DaD0CZhLAIoQTbr9M2V5OaE0mtGYltBJCe8KFdsjXs34k0ov6L0%2B4mFRHXC48opxIW0ykrUqkJUT6kIu0TUkCn4K5by9YtXMT9EF5azlxuUxcbiWuEuLaCQaF2HPYE33k8Xy4Rx7Ph3vKiW7CRDepRHcPi%2FeKkj%2BnCYsXbr9M2V5OaFMmtGkltHuM1fthiDsYFDwO%2FMjovsuMfeUE6DEBerGK7QXaNNXGWpck8pYi8GKeU2iPvP9ywf5ylTR49BjLrhEBttc1Y7%2Bs2C879mvIBHBEQfEy2rrDtdWhh7bcUXtCLa2rVKNltfRWTDX0n82m2Gub%2BBffa9fE3nFtbI2N%2BN662Fmnf%2FGdjeDUyRT%2FlBrZ1PEv2Tm%2Bvuovr0%2Fei7sCxgpZbBF3CWLJrtxi7sp3nS3B6Rvi%2BFI4PeY4RZ5kAfsW8AvrSWkdFLtKXD%2BiHbRel7Un0kHxxIaX1kHZjVMAbcB%2FOfllq6u%2FYX14xvUBUzA%2FUB7RrXbB16%2F%2BtrjvmC19VGultdHNzTH5rrMlfWdAK83alEK0ECF2d3W1Wro%2BNnOzcJ7rbIk2MYSOaAkEHpvEysrXRv3nWlhFemdIWu1VNL2qm2wYZeEh4h4cDMc9RFtVqVbDrhujeKOtAJHxpOnW4jubwd66a04NNY1NvcnYnSRx30wVNiyVpxGpjDEUSLlFSc1Xmihdt5qymQlNlK6brVEjzURB56%2BnmijVqY2MUw25Rrks7FZXf8N68ZzrxSFl6lIuGqWdBuy4SDdM3XJlwgrBNcathjFOA9eY2p5dSwG3Ppq6upEGbvLChlyjXLqx1dXfEt3gLMHt5mvyytnaiwUWU5h%2BpTHLcBngn1KCq7rJhnHeDWIqH3kGET7P%2Bt2inqdyFczozsS4IcJbowxSk50MMHYR0NI8EFGdXN1ue%2Bu%2BYV14IfW5SG9b5Kf%2BHNZlDCCN0rrExIPd8Z0t%2BczMnrfkGy0xrnzY697ND3uR6dQp4X5C%2BdZo39rweUdPyGR4%2F0iSwL73LlgixY6n2CZ%2FO8hh37mbdzuH%2BPELjSQONY9WnmNvPdE%2B8UWCM%2F5qg27nJRz1Pe%2FJU9%2BPnLsbO%2FeMHtVyonX5Of9Xm2sN2lvXDPjTNVP7L%2Fjuwhb8htsm9Dq9JmxrwB6d%2Fmp0ZAM%2BDdiDv%2FzYXXfClmtD7QsyDb%2Fjv2l67MjHkSNf0SIUwIQf%2Bx3WKHb0k8jRIsvqhkVvgnMaWk065xCuCuN3egACLUSHkrIOUur0hF4Y%2BBtFAMQrkt7TeZ%2BCM6zYGXv08LRP2u%2Bpx8t3CJ%2F51%2BVPaBlR8orA6S8kDRmr8KyghpHjLanlO1CbaxoXTRNSMGNHPosceUa5pLf8BSMzGlGJswzpLLZMLabpIcvwsx5q%2Fwn4e1xz4i16Squx%2F%2BCjYuwbk8T5O3C%2BHvmzNE%2FC8phim9lX8CJ%2F8hV26QrXPKasqn%2FkbOlMh9adTagVqjMjNZewO%2BRvOQAt0XoUp03eW257UiMc0uU%2FQBJj7b9ZL%2BfnPoDaon%2F9KcEIbZLaLfUfhzTvNrV%2FvhArX%2FmRN6kaK5%2B5E5wp92v5yP8HSPwO9e%2BRFKYU4b%2Fh0riAe1yD7rKnG70DnfxAPf4GtkWZ7RKOP2crAPlddiM8vB9hYiLuApy9wzn7V%2Bp7v8I9fqsYumLolTO0VTF0xdAVQxdg6IhXXTF0xdArZ2iZayuGrhi6YmgVQz9O%2BtAwAq04uuLoVXO0XXF0xdEVR%2Bfg6Iecowe0jK6KcVTsvHp2rlXsXLFzxc4FYhwDQA3vh32uYuiKoVfN0PWKoSuGrhi6gP%2BMj9MEpCp2rth55ewsc0XFzhU7f8vsrNDkKvMupd9XnF1l3lWcXXH2Kjg71M77cPa3l3lXMfQ2MHSVeVcxdMXQRRj628m8qxh6Gxi6yryrGLpi6DwM%2FS1m3lUcvQ0cXWXeVRxdcXQejv62Mu8qdt4Gdq4y7yp2rti5SIzj28m8qxh6Gxi6yryrGLpi6CL%2B87eReVex8zawc5V5V7Fzxc4hO3fhKNT%2FiDyD52Azdg7fRvAmdtR62XoE%2FNbSbPibwPWaS2HrbC2WdXAkZYA9jp29KM86eix7QmPILrbEDdFj03SukdGSJEdagEBtLbon9Gk%2FpitFdU94BtyqfHO6VpdGEcvTtWZhXUNvxPyKte0p17ao3ZE90Udc3zCvGOzGv7wvakkak%2B6LynmvX68nKrej8kQrT7S4J2pIfbvyRNP5eS%2FkU2DoCNr3YOgB3GFGiP5rM7Tsa1YMXTF0xdBVrGC5DP0k5FNtksnRz2JS3Kd2sTfAXEfGbXuxVX%2BbixbUOAd7xL7I0Q34s%2BF4wdYWfMM3HGH9hN40id89GvchZ98vWlBTaGEVLUj6ByptKaN7z8iuXFM%2Fil1N%2Bxn%2FEhq4WIvGWgsk6cIn2u4p2XybeFpoEcYGUIc80DEhdzy6Cb9R9yZwvL8GJBe1PVqD%2F4C2tuEeHtWAWaY3cK8bsk5oy%2F6A37dB%2FbBP%2Fm9wpwfU9n38jF31gTaS9Og7aHtcix5pk5wRhgewN9s%2BEcuX0JLHMZ0T%2B9bLTiYxTxP0A9pNTIT6ghpUnp3yeH11SR6LPTI5FzSvL5Nmi1djKe019DC13sQ1cA%2B4dAIexmdqz34EGaZ7P0TXrZfgownoSA3kj1rTovEGWrcJyFUegzQDNkLrh3ZvAv%2BjX9haCx%2FFW7oi9imE%2Fd%2FgrjfByIDrufZ3ua%2BUthUWoIzojqmnMj%2BjBdgbsT6N%2BydwFZ3sic7liDKskczWIZtiSMR771hx5hu6%2BgdA%2Fn3ANcmxkytdPc9Zm9KVHRhDCnb7VFojkKVt2O%2BRPjAf1AAEa4ream60t6raG%2FcxP5Gkbmj89Ybz8Bv4%2FZs2TpV4%2FJy3XG%2FiZ%2F2FGE22ShPSrNucd3oSOT7%2FXXZgP2LwDj7l6xs5Wz9NjY5ktT48K3%2Fr0%2B%2BU1vrsu8itj14%2F3vrnKa3%2FTRNv%2FkwbE6chIJ%2Bpqt9TBQqL7vhMiUSeu%2B3G0EjeR47oqBEZa%2By9e%2BrayTiGNYyfp6rfEwUa2Xd7qsRi8Z0ex5CQ72FsBTu%2F0I7pnYd%2FBx8SozKfieXwPmhhlmO%2FJ4H9NrfOfudpf1ymb%2Bn4PBYXe23ymnnOfE6jz%2BKewR6ccU3HBiM%2BSU%2FUEbrN%2BQYdQueO2rgcbZsG2mZtnbap2hvXLrKdhP0HbUY%2B3if%2FqA%2BAHvWHd%2FOr0w6%2Bp%2FM1K%2Fxwm1mrsa34xU9cE%2BORy7zmXsjrS73urmDJpV51U9q9C%2Fs%2FU9R7P%2BoT3tv7NQLv19467zetzZUHXHnAlQdcecDb5wE%2FDrfAXsaG12uOYU%2FIC7EpQu1S5HpEuQ4tKYaNXs0olg9Bc8uUWTldC7%2Br0Yre90HqfLYqhv0Q6vKR5qKxZl8CXUrmIuxE5tvRD57EtTUm8wdwVXy26TQi5R55E2xelmVnlLHEHuWk6CAJxB2trkdzVOFcqE6WGOWxWUusbvE6elwS%2Fec8HiqeMrvPPYQDuPJHnGcqIQmTZGBSzxnRyNKF0qZZxKhPVKOZnnw5RKuRxOLWr0Mq3wdz30wm4e8yvcCAfR7ZHjvwR8XYa5v80bCVm8B4R%2FyGo8%2BozslMu6Jom1uMtqq9m8D9uXYE9fpMcZMZzYXuBzVbzgyEHozBrK2TwuLWR%2BvwV%2FLRokcLT%2B2GfPkR5Rl8Duaxf4QW%2FUwWMP2vvhGpPyW5iTjb%2FSVeA4k1yVbUAZE62XqPzxDb1AM98tQMymupUX4LZrWit9%2BkI0Zr8sqyW74iWcRGZ%2B8i94%2FqTzKPpSX5dX9NPTc9v0X295KaMOB6i9HOZfR9ZGCLcrkYA5t0%2FSZpAs5L10gTsId7pAsT8k5sYgOPer%2B7Jk3IavnqNeHHgDHw%2FnFNkKPX3wFCcV34KfXs%2F4FypF3HRgnfIc8u0IQ97VcNn8n6bgla0OJr2JAB6kFM2SQ7jOvbxsQHyBh1GsuNiQs8Gt2ZNIZD33MdWpDe6tVrwHM4ht27qPRfKM%2FMK%2FmHPGPthnLK3wdrH%2BNbi0vdJWuOYzzMNGMjPrYuITnia2zU7sttXYcNVqO%2BF996L%2B%2FXoHxQj6JLLE%2BrRb2wkfC7RH7fpvBPb%2FXmJPEM6vme1p%2BwPftBlmJZFoyPRuwtHo0savvqufAnYrywBm8oEvqJVv8vw7POur6KcWsS4%2F4t4%2FzbrLVLUrznnObqcFZZ9P8Dsnr74Z7S%2BjYlzdEpV3dMcTaXdMoiq%2BvyERh%2B1mhFksj%2BRVs7JYuNPtl6%2Bn9aq%2BP2cURHvYH7iKPySesn5ZmfeSnneK97rv%2BhxtYdxjPExXPjzglF1K51x9bXvdYwnj%2B9%2FCcTyXnneVYbGtIZi1Ybon9VLLs9ueqgWnEo5s6qFYff4orDdaz5%2Bj5l7YSai8VzYI4Jsw8VD9%2BTh%2BVztoGHZb2rWLhi4X89Fm7mZuF1rGZLY%2BEfAOVr8uon0D9FvjW2iV3thrQIpbEfO1Lm5R3q718UPj7KvUXjG8xCaBXOOjEpZoV826KRVZ1i1mHWSZNGVjir0dKiK3Lxf4%2BOXc%2F8Rh7UVj%2Ba34W7ivuly6JFkX8rhy78sBGpezSDafNYmctj161ILilbh62DXmx2HfYPX5F8f6Qsmy9cK9lq6S%2Fw3eYIYjbsYTAmPqP2k1d1jzmpJlnuKcmFxaWbNFMZjUvXKf%2FFotlI%2FGS%2FsZzQtvVkBSTbu46IRBGZRD0%2BnDNh1nJTsmmtjVmz2r1tMnomzXIPqY14x831odrankmR3fZ1yOonylibaWxuw4FWzvg39N%2FRt4tK61GYdbhi%2BTRAKg2amW%2FQDD1%2B1smrqZFtW4d8kq1dh0R2CfspZc%2BiBy7yccUq%2FT757LfUq99q7NmeOLK7o%2F4WbVHS%2F8gXDUj3%2FRfJFmeMpjSi8Whkj%2FN6UzpDyHZEfkiDeprOn8Jgcq%2BlBXtwFn49a%2FyL4Bitz%2Ffkt7qRqAHPXfHPHBCi%2Fyt99g%2BGd%2FN253Q29zyd%2Fvk99ov99tv9QOI7NAfyBmrEvOBZIO1%2Fhz0Y3cFe0oftf3JOP6DoxQy2st47ovmCiT%2FoXozncO2D8xkVzmxuTZt%2Bu3symxt%2B%2B%2BwMKgAFbB75beeQDnJ6tM85pqJ9Shvbv1DROecXOOzR78GQDuq1WTGgjedso9OfzVt1vz1s09Yhu%2FrQYTc5Y9djxcnBGM44x1rpfvfCmM2bUJh4me6FRUUPNppQmKywsPB7IWaPaLbyTfhUn8AP8xJzE5epezhePVbnHmtlDytrwi9qV2%2FQpUMGA7bvmBVXWPjDq%2FbdnN34AQwYGX2%2FB0X45W7%2Bqg%2FHNHX%2FmJdD51e4Hkh%2BeAKtGJ50Z%2FOGN7E90p3hVW85F%2FIPr%2Fp3897ZEJvQOR1g0T%2BllvQPSDFPSTf6uAsv0h%2Fy3xcok4P%2BKSscbPTBQYd%2BHXSpcOAyUziyiycc4UV1%2Fx%2F9f87mNSwd9vOCFX08%2F6h3gsU%2FHDxmBOUh%2BznEy%2F3DaROwp31C9Bwrd%2BSc4rZT5xKLLitOHZJAxznD0w47Djbm%2FLWDv04d%2BnU8JMU6HjIC7RIJY3f%2Fg0pK0vavenTs1RnVfzigy8GZWFx1SSUPe1dwAc0%2FP7Pv5vAxm9d9KjxWGKzQpQLKHh4P6lPzqQBSP3d0di3H4KXJS4vKw%2FMOHjc8oB437L%2FC4gobYvid9iUd02mT1nXaB7S1e0C%2Fumd389Pe0JvrP9f84UWffRmc8C3tC%2F7F71wRxP7ZOVTv7LxL1%2FT7R%2Bc0EOtrIzJu%2B2CCTs5IYP2TU1bgof8HKNckx1Wn8EAP6MailI0DGmB2KcyAFNSD77itS0TegX1tOPKAvuOw6tSBGvsnp0y4r0HSpwevgR5%2FOcINlwPSuVPeS19BlcbExSPyIW%2F801OC6Myh4846dJnuCSlA5xQp4RAv2fkFtx%2Be4r18%2F%2BUJtPklO8j3E%2FfT%2Bf0ehvchIKL30tm9jIL38o8G3bv50cUVrmY9unhNhQO%2FrDqUr1kpLAPaAzijC3b6qEv3POr%2BEtl11D3GftF9iTe6cIinLhzSA7%2Ff7cBtB8TmLwdnjK06kWLwT%2Bjbk0bDbLRMP77K9tVJ16P%2Bf4xqg18Gh443b5j%2BwLkkkj7qiGogS2DTc5msxyqTtU7DpN%2FTMOklDFNlzFeE2S7HjJnEj7RQEcPNWdjYDJtpBja6EhvXjWGjZ2DjNhk2llkYHcNm8IwYPCMGT5PB02TwNH2nD0beHfuOw0s0rCYYUcfhX%2FIB%2BIIDGK7wY88xjR4ZBRMuTGiatSw0RznQlDQtC01J00bL7Z0EYb2ugNDpt9keh5VRSB9xSNvUH8HhDwIWDFAxVbevDXiSz2Rhr1ViaXj2cvut5Zbst6Oi%2FTYNoz2O0TENxSZ8YPV%2BVf22gB0ogI2%2BGmyeJbC5p%2F4s2VJuHqG9RA8rrT1y3yqiPxvuW4LSu4TOW9KNuAZF9pA%2BsZHOl6%2BSgYy4bawxmGoMphGDacRgUlu%2BvDCFypYFk7ndMC1RmXYClD7QrP76TFimQ%2BDaJfuZzqDRGTQ6g0Zn0OgMGj0nNE9T%2BhnxdnH12bgly1KeGkOoxhCq5UTouRKhIYVnP1JA%2BWvsZNbSO5kapy7Z%2FfFXi5NZEqc9jtMBaAl7AeMNJby%2FlcZ8GNL%2FU2OP2ltES5YSJNqdCpLR4jCZ46yBHw3xyg79lC6SyaAyGVQ2g8pmUNls5GeYrfjQD5tC4xbYUATMRxzMfHYPlSACY93Og6NQtqZdAMXJPd3MPBhCF8mF4VOOYYdmvdhTGkW44YtkJ9sUVsbMuw%2FZARpuKA0rt7Nu6HZxS1nTGY7EB4iklzV6jttKs5kbS6vJx9GWMSmMXbYONiYMuqbLkJsuyXjqWcbTLOle5IOsLED%2FhK7LJnujANk1BpAxlnRLRP90hpGb1UlRLRbrFvXhCE517oaRUq0AqKRuBR21bAcd0GQ2dtD3mWpmtJarZ8sdLq5Gz37gGOEUy60SnYakYpLTkTWaxlNj%2BJgbx4fiexREbSdIfzfAiy2UdCmdQY47F%2FFB1JhRIDWd812zuFYFHkjNZLgZppvbfhrT3MgxewlfTK8AdKIjdoJJ2OyQhAQbtUWhbBJuDbc4bjYPM4%2B4ulkTOzds5fmsLYLO3ErnR%2FJhPBBWBEWyBQuHCYQ1oYjeWU4U61PucZDSHfLo%2FVJRHAB45nQKX9pJY5BP%2B%2FpsZc%2FiyUdJ%2Bzw7h6Pm2SVgE6aUKx914uXrHqqcIwYQaEvZSEJ8iXVr%2BjJQqOVOAPENTY5%2FCB498CjgxbeUBPV7EXBpnLUI3HyOihpbwhQ79njpKkngEnCom2OPKWmAMsOdDS2cwXGCMtMRfRj4LSPt9wWRgCaDs8XgJGctAqd%2B3%2BCbzdBkHRtpq8ndPhopI544O8iyo9IBrfEQHDhYLCLQYpDWOaZ1Dmqdo8rIUaAam6MTYHrqmG%2B6euYb7brFtbOEDyiUM4lmDu20TJV21jmSHMg0HIOun6KUgkl7lIhwSxnIM%2B2jFD8PVw3u85z%2F3ykrJ8t9dJXRGDPDewxNUQmDviT3sZ6Yg48qY2jNEV%2By5s1pATwfxqjz%2FXIn%2BnLGsvTlJHjkhS8KlpyykA1WNPaOCpeueikcWaRTG7VpnhDWmnWvLSJY6WOXbOyOeccNXzsiYyeSPWgUQgZbj1kYNnZJWBhdRYnkFOUNWo1Wil0Uqh84VBeKFDWHrwB%2FT2vRciiVCOaJuKgxmt43LsqBqUmmN44MdlSH8vvSLUWdT53SFKrFSgQHhtiEDpUWleS6YNoL5jQbXmAbHEwllGyECr%2FdAD%2BxRiSpWjKCI%2BXwJI%2BpnUyzAlbuSDk0DgYnmeHQFMclJ4LkDiZzigYXvOP2ByHK3oihKw9mstSTvYQQBzGLZohGRc2FwBb95EWqaUmqKZxsMYAhs57wCY0cQQfcSrNEvOeaTQYsuSsHDDTEl0A8JsolEI3FKvoiguEHWpCyvx51xWFrDnU1OaiuKenrhEdy2EB0gcYCLzBYmxzXJgPW5dmELgfWbcouIimq%2BKLWYfZFDBNRmcmfRG1mA8ec6vyTOpTG56ryKXijpILn8ob4sMcbSTMpnHztcUy%2FbZV%2BC%2FKVBVHjmQc1nnoAZXx6jw0gB4x%2BnQHXff4bdd7wlDr%2FhAP9ij1%2BgYdBoq%2FAeBR4AXnygqT508Dw55tmxjhkQZ8zUHji93vFLpWps0EgJBwNkTMlvgwuIiZQZ1hLGaCLMS7i0nvchfDiLoQ3WhJN39e1UmNrquIgzKePskcQ%2FpCnB%2FPrab6IktlUMQHz8peopWLMbokAey2%2Fkqp9VEsFJKUepyUnqyIeA%2B6tftDeSb4Ye6IRrlhE8zZTgWjUbAZiPa6KowKaWFdiqKswZGGOMlP8AsF4hrzJIaTSopL13jrvvrLupYMWDgDYg4jpwU6ZelcrO1lYQOmY4Yl4WAUC62CklEE33N7j23tsO7lWIiXCaHBObDAzJMwP%2BavHzD7lw1Rw4WvCM5sL4504V8xd4JlnjQY36GNlDqFkzpVcmDaWSgthxmd8EDfC0UkM3BfDx%2FIws5XRUimjNPuv1kY9P3rkAiThG9uLI8ABfJIyos1n2mjyoRR%2BYQ5Rc8odIvzSF93aEao4EGabDQPyYSqmu3v07HgFomM75u0LQiwyOs3UR8JQFVlXD%2B85ppYKU7ep9jBbPPjR4sHgVj3s4AMR%2Bm2HHVuEglPSyPDhyu%2B18AW34WMHGJTscQEuZS5%2B4q87Eg%2BP6LNFywsmKpWhYTbpmzfobi0erbpx5SU7nhyr2oXCANwXsnhSI5SkunxOiI9dmf5y4GPeJlFuxNNvxh39ggIRJswCxtgPnlWWORmnpI18qX0CeWMxb7hK2jCmKhU3cgFvNhVhgmPmhhaB7EngaX4gkn1LL6n7tHA9obG8BNwslW0qc9LQ4Y0AZxYJ%2FaUBx6yUk%2FSY8iode3DjdY5VOctQulr%2BsbukdK3Fpl5MsEm%2B5pJUbi%2Fwzt%2Byp4%2FQE0zk1DQZtHrZcJ6RPwQfjMOtevFZSTFWXLSE9VgMaY6TQ5pF0L0IjPc1ZUUWjeCppyDvz3aUNBQJ4Y3UqjfNH7GXTbpS%2BYRpGQRxuKQntAjSB6HNKJHI1igCXQ6%2BqyvdcxiIlLbQy%2Bq1TyOG4k8KSuxTAKOwqaD8oAILEQL47MXD69JPNMDxc47OS%2FEdt6HIJKCZSdogvgg%2Fps9HPthEFiOODIXkWHFeAgjcytUTQCL3SOlpWq1mPIjvKTVZPS8ipXe4ak1WefXyAwHC8D1366PhY8YV0MBGjaGPsU2%2Fd9q9m2%2FdQ5R60bEcqxBf8IuhBKlK0T2XqXvKVclkVYLiKKjRC6iPGzyAYsIHO7eR5yl8CtxLl085oYa62u%2FAGeJxFb2jlwA8PvAHL34C34%2FwqT3wvRN5QFhklyF2sX8ou6PXuE%2B%2F%2F3WMkpcQu%2BA3QefHRLfLRdehhUguPQY8Kb7Ii%2Bwk8UX3lBOfxcRnVeIrIb6nXHwD%2Fsw79o7HuBCfBqJSHXOZ45hygh0xwY4qwZYQ7OOgX%2BIEAToz0fGcF5k8EPsuM%2FaVE6DNBGhXArxHzxTvrPhAfhKHTeqZ6mMucxxzL8o1jEqyJSQbul8jegBYmMXs8ekpsf0yZXs5qdWY1GqV0O4htD65m25kobXHhyti%2B2XK9nJCazChNSqh3UNoPQImfFuDEE64%2FTJlezmhNZnQmpXQSgjtCRfaIV%2FP%2BpFIL%2Bq%2FPOFiUh1xufCIciJtMZG2KpGWEOlDLtI2JQl8Cua%2BvWDVzk3QB%2BWt5cTlMnG5lbhKiGsnGBRiz2FP9JHH8%2BEeeTwf7iknugkT3aQS3T0s3iuNPf5atnjh9suU7eWENmVCm1ZCu8dYvR%2BGuINBwePAj4zuu8zYV06AHhOgF6vYXqBN%2BGzuLknkLUXgxTyn0B55%2F%2BWC%2FeUqafDoMZZdI%2FqOha4Z%2B2XFftmxX0MmgCMKipfR1h2urQ49tIU9ZD7U0rpKNVpWS2%2FFVEP%2F2WyKvbaJf%2FG9dk3sHdfG1tiI762LnXX6F9%2FZCE6dTPFPqZFNHf%2BSnePrq%2F7y%2BuS9uCtgrJDFFnGXIJbsyi3mrnzX2RKcviGOL4XTY45T5EkWsG8Bv7CelNZBsavE9SPaQet1WXsiHRRPbHhpHZTdOAXQBvyXk1%2B2uvob1odnXB8wBfMD5RHdahd8%2Fepvi%2FuO2dJHtVZaG93cHJPvOlvSdwa00qxNKUQLEeIvZlJWq6XrYzM3C%2Be5zpZoE0PoiJZA4LFJrKx8bcQXzgRVpHeGpNVeRdOrusmGURYeYofeL%2FZR8hBtVaVaDbtujOKNtgJExpOmW4vvbAZ76645NdQ0NvUmY3eSxH0zVdiwVJ5GpDLGUCDlFiU1X2midN1qymYmNFG6brZGjTQTBZ2%2FnmqiVKc2Mk415BrlsrBbXf0N68VzrheHlKlLuWiUdhqw4yLdMHXLlQkrBNcYtxrGOA1cY2p7di0F3Ppo6upGGrjJCxtyjXLpxlZXf0t0g7MEt5uvyStnay8WWExh%2BpXGLMNlgH9KCa7qJhvGeTeIqXzkGUT4POt3i3qeylUwozsT44YIb40ySE12MsDYRUBL80BEdXJ1u%2B2t%2B4Z14YXU5yK9bZGf%2BnNYlzGANErrEhMPdsd3tuQzM3vekm%2B0xLjyYa97N4%2B8V%2FgJ9ac32gnlW6N9C94SzvH%2BkSSBfe9dsESKHU%2BxTf52kHLvFP6e9%2BSibxRu0N46vT0Y3xSMb%2B52YYsZvFEYX6fXhG0NeqOwTi%2BrxCMb8GnAHvzlx%2B66E3k%2F%2BlD7gkzD7%2Fhv%2BCbfyJGPI0e%2BokUogEn8vb%2BRo6PvXRdZVjcsehOc09Bq0jniHdP4AARaiE5vIwbPI6VOT%2BiFgb9RBEC8Iuk9nfcpOMOKnbFHD0%2F7pP2eerx8h%2FCZf13%2BhJYRJa8InP5C0pCxCs8Kahg53pJavgO1uaZx0TQhBTN25LPIkWeUS3rLXzAyoxGVOMuQzmLL1GKaHrIMP%2Buh9p%2F0tmqmOfEWPaXV2H%2FwUTH2jUni%2FB04X4%2F8WZonYXlMsc3sK3iRP%2FkKu3SFax5TVtU%2FcrZ0pkPrzibUCtWZkZpL2B3ytxyAlmg9itMm7y23PakRDunyHyCJsfbfrJcvfMd4m6R2S%2F3HIc27Te2fL8TKV37kTarGymfuBGfK%2FVo%2BcjXvH9%2BN8PB%2BhIn92LvgF3P2DufsX6nv%2FQr3%2BK1i6IqhV87QVsXQFUNXDF2AoSNedcXQFUOvnKFlrq0YumLoiqFVDP046UPDCLTi6IqjV83RdsXRFUdXHJ2Dox9yjh7QMroqxlGx8%2BrZuVaxc8XOFTsXiHEMADW8H%2Fa5iqErhl41Q9crhq4YumLoAv4zPk4TkKrYuWLnlbOzzBUVO1fs%2FC2zs0KTq8y7lH5fcXaVeVdxdsXZq%2BDsUDvvw9nfXuZdxdDbwNBV5l3F0BVDF2HobyfzrmLobWDoKvOuYuiKofMw9LeYeVdx9DZwdJV5V3F0xdF5OPrbyryr2Hkb2LnKvKvYuWLnIjGObyfzrmLobWDoKvOuYuiKoYv4z99G5l3FztvAzlXmXcXOFTuH7NyFo1D%2FI%2FIMnoPN2Dl8G8Gb2FHrZesR8FtLs%2BFvAtdrLoWts7VY1sGRlAH2OHb2ojzr6LHsCY0hu9gSN0SPTdO5RkZLkhxpAQK1teie0Kf9mK4U1T3hGXCr8s3pWl0aRSxP15qFdQ29EfMr1ranXNuidkf2RB9xfcO8YrAb%2F%2FK%2BqCVpTLovKue9fr2eqNyOyhOtPNHinqgh9e3KE03n572QT4GhI2jfg6EHcIcZIfqvzdCyr1kxdMXQFUNXsYLlMvSTkE%2B1SSZHP4tJcZ%2Faxd4Acx0Zt%2B3FVv1tLlpQ4xzsEfsiRzfgz4bjBVtb8A3fcIT1E3rTJH73aNyHnH2%2FaEFNoYVVtCDpH6i0pYzuPSO7ck39KHY17Wf8S2jgYi0aay2QpAufaLunZPNt4mmhRRgbQB3yQMeE3PHoJvxG3ZvA8f4akFzU9mgN%2FgPa2oZ7eFQDZpnewL1uyDqhLfsDft8G9cM%2B%2Bb%2FBnR5Q2%2FfxM3bVB9pI0qPvoO1xLXqkTXJGGB7A3mz7RCxfQksex3RO7FsvO5nEPE3QD2g3MRHqC2pQeXbK4%2FXVJXks9sjkXNC8vkyaLV6NpbTX0MPUehPXwD3g0gl4GJ%2BpPfsRZJju%2FRBdt16CjyagIzWQP2pNi8YbaN0mIFd5DNIM2AitH9q9CfyPfmFrLXwUb%2BmK2KcQ9n%2BDu94EIwOu59rf5b5S2lZYgDKiO6aeyvyMFmBvxPo07p%2FAVXSyJzqXI8qwRjJbh2yKIRHvvWPFmW%2Fo6h8A%2BfcB1yTHTq509TxnbUpXdmAMKdjtU2mNQJa2Yb9H%2BsB8UAMQrCl6q7nR3qpqb9zH%2FESSuqHx1xvOw2%2Fg92%2FaOFXi8XPecr2Jn%2FUXYjTZKk1Is25z3ulJ5Pj8d9mB%2FYjBO%2FiUr2%2FkbP00NTqS1frwrPytT79TWuuz7yK3Pnr9eOufp7T%2BN028%2BTNtTJyGgHymqn5PFSgsuuMzJRJ57rYbQyN5Hzmio0ZkrLH37qlrJ%2BMY1jB%2Bnqp%2BTxRoZN%2FtqRKLxXd6HENCvoexFez8Qjumdx7%2BHXxIjMp8JpbD%2B6CFWY79ngT229w6%2B52n%2FXGZvqXj81hc7LXJa%2BY58zmNPot7BntwxjUdG4z4JD1RR%2Bg25xt0CJ07auNytG0aaJu1ddqmam9cu8h2EvYftBn5eJ%2F8oz4AetQf3s2vTjv4ns7XrPDDbWatxrbiFz9xTYxHLvOaeyGvL%2FW6u4Ill3rVTWn3Luz%2FTFHv%2FahPeG%2Fv1wi8X3vrvN%2B0NlcecOUBVx5w5QFvnwf8ONwCexkbXq85hj0hL8SmCLVLkesR5Tq0pBg2ejWjWD4EzS1TZuV0LfyuRit63wep89mqGPZDqMtHmovGmn0JdCmZi7ATmW9HP3gS19aYzB%2FAVfHZptOIlHvkTbB5WZadUcYSe5STooMkEHe0uh7NUYVzoTpZYpTHZi2xusXr6HFJ9J%2FzeKh4yuw%2B9xAO4MofcZ6phCRMkoFJPWdEI0sXSptmEaM%2BUY1mevLlEK1GEotbvw6pfB%2FMfTOZhL%2FL9AID9nlke%2BzAHxVjr23yR8NWbgLjHfEbjj6jOicz7YqibW4x2qr2bgL359oR1OszxU1mNBe6H9RsOTMQejAGs7ZOCotbH63DX8lHix4tPLUb8uVHlGfwOZjH%2FhFa9DNZwPS%2F%2Bkak%2FpTkJuJs95d4DSTWJFtRB0TqZOs9PkNsUw%2F0yFMzKK%2BlRvktmNWK3n6TjhitySvLbvmKZBEbnb2L3D%2BqP8k8lpbk1%2F019dz0%2FBbZ30tqwoDrLUY7l9H3kYEtyuViDGzS9ZukCTgvXSNNwB7ukS5MyDuxiQ086v3umjQhq%2BWr14QfA8bA%2B8c1QY5efwcIxXXhp9Sz%2FwfKkXYdGyV8hzy7QBP2tF81fCbruyVoQYuvYUMGqAcxZZPsMK5vGxMfIGPUaSw3Ji7waHRn0hgOfc91aEF6q1evAc%2FhGHbvotJ%2FoTwzr%2BQf8oy1G8opfx%2BsfYxvLS51l6w5jvEw04yN%2BNi6hOSIr7FRuy%2B3dR02WI36Xnzrvbxfg%2FJBPYousTytFvXCRsLvEvl9m8I%2FvdWbk8QzqOd7Wn%2FC9uwHWYplWTA%2BGrG3eDSyqO2r58KfiPHCGryhSOgnWv2%2FDM866%2Foqxq1JjPu3jPNvs9YuSfGec5qrw1ll0f8PyOrth3tK69uUNEenXN0xxdlc0imLrK7LR2D4WaMVSSL7F23tlCw2%2BmTr6f9prY7bxxEd9QbuI47KJ62flGd%2B5qWc473uuf6HGlt3GM8QF8%2BNOycUUbvWHVtf91rDeP708p9MJOed51ltaEhnLFptiP5Vsez25KqDasWhmDurVhx%2BiysO17Hm6%2FuUtRNqLhbPgTkmzD5UPHxPHpbP2QYelvWuYuGKhf%2F1WLiZm4XXsZotjYV%2FAJSvyaufQP8U%2BdbYJna1G9IilMZ%2B7EiZl3eov39R%2BPgo9xaNbzALoVU468SkmBXybYtGVnWKWYdZJ00aWeGsRkuLrsjF%2Fz06dj3zG3lQW%2F1ofhfuKu6XLosWRf6tHLrww0ak7tEMps1jZS6PXbciuaRsHbYOerHZddg%2FfEXy%2FZGybL5wrWSrpb%2FAd5sjiNmwh8GY%2BIzaT17VPeakmmS5pyQXFpdu0kxlNC5dp%2FwXi2Yj8ZP9xnJC29aTFZBs7zoiEkVkEvX4cM6EWctNyaa1NmbNave2yeiZNMs9pDbiHTfXh2preyZFdtvXIaufKGNtprG5DQdaOePf0H9H3y4qrUdh1uGK5dMAqTRoZr5BM%2FT4WSevpka2bR3ySbZ2HRLZJeynlD2LHrjIxxWr9Pvks99Sr36rsWd74sjujvpbtEVJ%2FyNfNCDd918kW5wxmtKIxqORPc7rTekMIdsR%2BSEN6mk6fwqDyb2WFuzBWfj1rPEvgmO0Pt%2BT3%2BpGogY8d8XvHwzv5u3O6WzueTr983vsF%2Fvtt%2FuBlHdo3uMN1IJ5vrNAwv8OezCigz2jD9v%2F5Dx%2BQBGLGWxlPXZEcwQTf9C9GM%2Fh2gfnMyqc2dyaNv1292Q2N%2Fz22RlUAArYPPLbziEd5PRon3NMRfuUNrZ%2FoaJzzi9w2KPfgyEd1GuzYkAbz9lGpz%2Bbt%2Bp%2Be9imrUN29aHDbnLGrseKk4MxnHGOtdL97oUxmzehMPEy3QuLih5sNKEwWWFh4fdCzB7RDOWb8Ek%2Bge%2FlJeYjLlP3cLx6rM491soeVtaEX9Su3qBLhwwGbN8xK66w8IdX7bs5u%2FEDGCQyyn7vnzm%2F3M1f9eGYpu4f83Lo%2FArXA8kPT6AVw5PubN7wJrZH%2BjK86i3nQv7hVf9u3jsbYhM6pwMs%2BqfUkv4BHA4%2FSDf6uAsv0h%2Fy3xcok4P%2BKSscbPTBQYd%2BHXSpcOAyUziyiycc4UV1%2Fx%2F9f87mNSwd9vOCFX08%2F6h3gsU%2FHDxmBOUh%2BznEy%2F3DaROwp31C9Bwrd%2BSc4rZT5xKLLitOHZJAxznD0w47Djbm%2FLWDv04d%2BnU8JMU6HjLS7BLxYhf%2Fg0pKzPavenTs1RnVfzigy8GZWFx1SSUPe1dwAc0%2FP7Pv5vAxm9d9KjxWGKzQpQLKHh4P6lPzqQAiP3d0di3H4KXJS4vKw%2FMOHjc8oB437L%2FC4gobYvid9iUd02mT1nXaB7S1e0C%2Fumd389Pe0JvrP9f84UWffRmc8C3tC%2F7F71wRxP7ZOVTv7LxL1%2FT7R%2Bc0%2BOprIzJo%2B2B2Ts5IYP2TU1bgof%2BHyLhGZG3TtDWa4g4%2BDpMGlVh2KaRr8bR8nY7DY3AAWgNyqgNVN0FKUGP%2F9DWI%2BPTgNfDiL0d4m8sBkzYPXp9Cfb5o7JFBINlTwuWMacRZh%2FSye0JS75wiDxzi5Tq%2F4O7DU7yB7788gYa%2BZAf5fuJeBr%2FXDpiNKVDrfnjP2P0Mdj%2B94P38oy6Y2KPuMWpy9yUeceEQs1w4JDn%2F%2FwPpjvxPed4eZQAAAL5ta0JTeJxdTssOgjAQ7M3f8BMAg8BRyqthqwZqBG9obMJVkyZms%2F9uy8ODc5nJzM5mZJ0aLBo%2Bok8dcI0e9TNdRaYxCPdUCaXRjwJq8laj4%2FYy2oO0tC29gKAHg3DoDaZ1ebfxpQFHcJRvZBsGbGAf9mQvtmU%2ByXYKOdgSz12T187IQRoUsvwZ3amYNs30t%2FDc2dmeR5UTw4NUexsx9kgJ%2B1GJbMRIJzqKadGDjp6r3sWPcNVhGCdEmToYpAVfuh5fpkOx3EUAAAR5bWtCVPrOyv4AfzjFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4nO2aiW3rMBAFXUgaSSEpJI2kkBSSRlKIPzb4YzxsSNmxZPiaBwx0kOKxy0Mitd8rpZRSSimllFJK%2Fdf39%2Ff%2B6%2BtrSoXfg7Iel0z7EulfU1Wf3W435fPzc%2F%2F6%2Bvpzfst1px5V1i1Vvn95eTnYY%2Bv0r630%2F%2Fv7%2By9Kdax6P6P%2FafvP4P%2BZPj4%2BftoAcwFto64rjHbBdYXVkfgVzr1ZmnXMOLO0%2BrN1ThnSP6RXUD7KMUpzpIpXaVb%2F5%2FyR%2FV91S%2FBFH%2F%2BJz7iIL3KczPmjwohf4ppnS5VXXdexnpnNRVke8mNsyvMsW6afVJxZG0i7VL7P4P8Otpv5%2F%2B3t7fCOiH14pvfHTCN9QZsgvNLinPZH%2FJ5WHcs3vJeRXvd9PpNp0p66si3nHPjo%2Fp9p5v%2FsO32eTEr4sOxY7SbHVMpQ9zP9VN4jr%2FTfqB1n%2F67wSh8f1vlsDiAeZeT9J%2B89itb4P4XNmG%2Fp5%2FlugO2xYfbr7Jv0vXw3GI0V%2BT6a%2FT%2FHkPRVliXLO6vvEo%2BirfyPL%2FFt9rWeTn8v6ONJjrXZ92bzUdaD%2FHp7yPE802TM6TbpZJlu%2BTvor9rK%2F6WyUb4Dlm37e3v3Ne0k%2FcD7BGnRpnjmFP9nPMYk8iLNXr4lPer8r5RSSimlnlOX2ufNdO9lL%2FnWlOsgl7BhfRvNvmv699RftfZ5tT%2BsOdSayWzNeo3S%2F31tI7%2FzR9%2F8S2shrJv082soyznqR%2FzjMbu%2FlN7oepbXLK1RvybubM1pVua%2Fiv2y3PsjX9Y88pz2wjO5zp5tJPdeOWcNl3s5JrB3sya82zrLmeuJdY%2F1Ztaa%2BrpShfc61r1MK21Xx%2FQZkFdeox6nxHol90mXve6lMp%2Bj7pdsb6P%2Bz1obtmY%2Fvms09le83Mct6COs860JP1Yv7JdjXv%2B3IfchEHsZdcy1yrRVptnzGtm3%2FxNBnNH9kf9HZT5Hff4%2Fxf8Zf%2Fb%2BkHbinL0Zjvgz%2F8lYE35qvfqcl3sC%2BHpUp%2FRBt09ez%2FLKsNE%2BE%2FezP3OdeY%2FKfK628H%2FfRymfUKY8LzHWMX4yltGe14afUi%2FCGDf4jwAb074Qc233fx9zco%2FymP%2F5fyLzKPX73f%2BzMp%2BrY%2F7PuR079H6SdS318Sl9g7%2BIyzy2Vfgxu2cYtuT9OudhxnDiYue0NXud%2BDP3KI%2BVg39r8SFtJ23KntnI%2F6Myn%2FMuyH5b1il9R9%2FOumKP0VhF3Eyv59f92fvBmnDCluqVYdSDuaT7N%2Bfy0TcYz%2FfnRnn1MNpA34tMGxM%2F856Vufe1S2hpvUA9vvS%2FUkoppZRSSimllFJKXU07EREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREZE75B%2BHl45qN6ZdJgAAAVNta0JU%2Bs7K%2FgB%2FVYkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHic7dbhaYNgFIZRB3ERB3EQF3EQB3ERB7G8gQu3piH%2FignngUObT%2FvrTWzOU5IkSZIkSZIkSZIkSZIkSZIkSR%2FRcRznvu9P5znLtXf3v7pP929d13Mcx3OapsfP7Bj9LPfUvXUWy7I8XscwDH%2B%2Bh3TvsmOVfbNhdq3N%2Bz21f9U3v%2F6N7l%2B263tWOeuf5XqdffvG2b%2B6XtP9y3O%2B71%2F%2F1%2Bd5fto%2F1%2Bz%2FfWXbeu7X79u2%2FfrM9%2Be%2F%2Fb%2Bv%2Bh7X96v3QK7Vd%2FucRdWfHddrkiRJkiRJkiRJ%2BvcGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4QD8K%2Bay4PVSpiAAADtdta0JU%2Bs7K%2FgB%2Fn3gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHic7Z2NkRwpDIUdiBNxIA7EiTgQB%2BJEHMhe6eo%2B17tnSUDPz%2F5Yr2pqZ7tpEBII0IOel5fBYDAYDAaDwWAwGAwGg8HgP%2Fz69evl58%2Bff3ziOveq5%2BJzpawAZfj3wf9R6fmK%2FjN8%2F%2F795dOnT3984jr3Mnz58uXfzy6%2Bffv2O%2B%2BwN2UE9PtHRtT7tJ6Vnk%2F1vwI20f6u9l%2F1Ufp2laaT1%2B3f%2BZ1dVPKs5ARdGr1epcuuZ%2B28ez5wauereuvsH%2BVr33W5tG97HpoPeQWq%2Fq95ZfWO%2B58%2Ff%2F73e%2Bgt0v348eP3vXiGuqgvC0Q6vR7pM0T%2BnibyiLy5F2WrXkgX1%2FV56qBpIy9PRx30evyNz6r%2Fx9%2BvX7%2F%2Bfu4KOvtzTWXR8iNNlM8zWZ8jPfcy%2B7sMUZ7bCJvH39CZponvjFtccz1FGp3zOLR9RT6kRxfIqelU7vigC9qyyh3XVB%2BqZy2f8X3X%2FvrMFaz8f1Zm1v%2Fpf528gcz%2B6m%2BoU1Z37Bx6Vn3RLuKDL9A%2BqH6BPFZydrpAPsohP%2FcVVZ39%2BZDPy98Z%2F%2B8xF7jF%2Fug8%2BiP17uSl%2FpX9fR3iwLbYPf5GWyB%2F%2Fvd%2Bhqz0UdqLQvOhTpku8LcuK%2B2RuV5lf2TU5738TG8rW1zFLfanHWu77%2BQNZPZXf4fvzfoofd39j%2Bo27nHd%2FSS%2BI7M%2FetA2lulC06nNaRfI7%2FbHP%2FJM%2FOUZzTeuIeMz7E9fUX3QnwF19e%2FqbxnfHJoemelb%2Bj2epQ90a6XIi%2Fv4TcD%2FkcbvISd9LwP1xodkutByMvnJX8dD%2Bof%2F77Ko%2FDqXqfTpuh0MBoPBYDAYDDo495fdf83yb8E9uIQrOC3zNH3F257CY%2BXEpVjPZHGBe2JV%2FurZFZ%2FWcZiPwqnOrui44m3vIavGtqtnKs6q8h9VXHq3%2FFv5tEdB5dY9E16nK3J18fx7tetMVuXV%2FP4J51WlPyn%2FVj6t0pPzhs4p%2Bh4F53iQhXycA1nprNKBxhW7Zx5pf%2FTjnFzFeWncXmPmVfrT8m%2Fh0yo9EaMLwLPC8yHzyv7E7VQWlbPTWaUDtT9yZvJn%2Fv%2FKHpoT%2B1ecl3PWyr1WHNlu%2BdT1Kp9W2R%2FuWPkj5RQ9%2F8xGyNz9f6oDz6uSf5crW6Eaq%2BBG9H7FeQVIq1xMl363%2FFv5tM5P0oejjGgP9DWe3bW%2Fjhme9lQHp%2Fa%2FFepv4BqUd698U2YXrvvcwdOflH8rn9bpKbO3zjsZF7TszEYB5RaztDs6eA3769jJx%2FfiKS%2BIT1POC3my61X6k%2FJv4dMy3s5lA8opVmUzJ3eulOeRZ0dnmY4970r%2Brl6DwWAwGAwGg8EKxL6I%2BZyCdSBrmFUsqksTc9sd%2Fuce2JE1gG4eWeauLPcG52JYd3sMfwXiH6y%2Fd9Ym3fr1mfsZM65R15SB%2BE6s8FFldtcfCY9dB6ivxre69q9nY0iv%2Bsue5xnuab2d94p77pf0zEGmM57p9El%2F8ziGx2iz8nfyymTM0nXXd8vI9LiDVRxJ9%2BRX53GUg%2FA4re7V1%2BdJoz4HnSuXo%2FFA5eyUD3CZ9BxRxZ%2Fh88hHY%2F5al6r8nfJcxqrM6vqOvMQbVcYTrOzfnbcEXczS%2BS%2F4Ou3%2F6MrPM2TnO8mrOmdCOchSnY3I9O98R1d%2BlZfu13cZqzKr6zvyZno8QcePkd%2BKZ%2BzsX%2Bl%2F52wR%2Bfqnyxd50P2Oz9L%2BnsXis%2FI9r52zhFWZ1fUdeTM9niAb%2F5Vb9DZf7fu52v8zXVX9X8vu7O8c9Kr%2Fa95d%2F6%2Fmf13%2F17KrMqvrO%2FLeav%2BAji0%2BhuGfdHzp%2BCuXaTX%2Bq9xu%2F4Ce4avOn2e6Ws1ZfDz1MU55xax8RTf%2Ba%2FqqzOr6jrz3sD%2F1rtb%2Fei9rm9zXPuQ8ms%2F%2FPY3OkX1On83luxiBzoX5ngEZ%2FD7ldeVXea1krMqsrq%2FSZHocDAaDwWAwGAwq6NxcP1c4wEejksvXHx8Bz%2BICWbv7HszVOoL90s9EFWer9mO%2BZzyLC8z2MiuyuIDu2dX9%2FyfrV7UVsTa9nnFu2J97ngdy6HXnIne4PNJUa%2FTOLpke9FygcqSVvm7lG0%2Fg%2B%2B%2FVPlXsj5gTfmOHI1Q%2Fo%2FErruueefbve7xR%2BcIsjyxenXFGHS9Yxft2OLou1qlnE%2BHXM33tyLjiAk9Q%2BX%2Fsjwx%2BbiXjaFUH3kc0Dqfn%2BChf%2B4VzbnxXfVRnJnheY%2Bv0kyxG7f2Ftsf5FbDD0a24DvKr9LUr44oLPMHK%2FyMrfS%2FjVXc4Qs5SaF%2FPyu%2Fk0Xy7MzMhD22Wclw3VTmMberfKHvF0Z1wnZm%2BdmXc5QJ30Olb%2B6z6eK%2FrDkeo77XM%2Br%2BO313%2F37E%2FZzv1LOdu39K9A9pvdzi6Xa6z0teV%2Fq%2FP32J%2F9%2F%2FI7uM%2F%2BsdPVum8Pfm4Wtlf887G%2Fx37oyO%2FdmX8P%2BHodrnOTl9Xxv%2Bds44VqvW%2Fct5ZTIDr2m87jhD5sJ%2FOMbNnsjlwVl6VR7V%2BPplbX%2BHodrhOT7dT9x0ZnxUzGAwGg8FgMBi8f8Dn6NrvUbiSt75b4x7vvtfYwAl2ZX9PXBRrXjgA1pSPqAN2PAHrWmJ6uq%2By2wdcAY7hFBpP7HCljq8FYha%2BbiR%2BFvB9rL4Ox2%2FoepUzGPHRmA1tS%2BML6KvjdlXGzv5dXrtptE66D97luFcdQfa7I7T3eI7rlKvpApHmat%2FKdMT17BwLcQuNszoHo7%2FPRT3QDXol1oXfcfkpQ2Px1VkBtUXF0e2kcZm0rsp5Ukf9LaErdQwoD0tcD%2FtorFDTESel3Cpe2KGyv16v7K%2Fxcdo9bRI9eXxL8%2FL4dsWrZfyJ21z9mHLIip00AbWfxx89jpvxe1fquPrdMdL7%2BwSdOz3dt%2BXyeBza6xNw%2BztvQD76m5TImOkGVFzUjv0rHkOxkwY9Ku%2BZyat8mL9H8EodT7hDyuUDV135lhV4jjEus5nvtaAPOV9Fn9CxqeINvf1W%2FXHH%2FgH1f8rjKXbSKOeo46DKkX3P7L9bR%2BUE8fkdd6icn%2B7HugId2%2FTjey3ig2%2F0vRzcUx1k15Vfy57vzteDyv74MuXUHTtpVCafdyrfznf6h7eZkzoG1Aa6p8fHZ9ettpNT%2Fk%2Bh4wdzzOzeao%2Fd6rrvJVqNW35fy69k6daut6TxsiudnNbx9LnMd13Z%2FzcYDAaDwWAw%2BLug6xhdz9xrHtntSYx1kL4rZadMXasS787Wgu8Bb0Fej%2Bew7js9R1Khsz%2BcAOl27K%2BxFtY7PPcW9HmCtyBvFo8kTu4xG%2Be0iD0636VQ7lbjFQGedZ%2BjPLTHIDwmq%2Fy%2F6jNLq3kTQ6m4GC8X%2BTSWoxxyxylpPbX%2BKi98zo5ekF3LUblO0J0xcY5HuQiNpXc%2Bw7l75ZXhCzxGqvXz843OwVb%2Bn3KyMr1u2d5sb%2F%2FYjdinx3yxbbZvm7YCJ%2BJxYuyt7aLTi8vucp1gZX%2Fs6mVmsf8Vj%2Bg2CjAHqGx6kp9zQd5fsryrGLDuD9J4N7HW7LejKu5VfY3urVKuJfMZK724v0OuE6z8v9tf5wm32p9%2BSVz9UfbXfrFrf%2FwGeanPI1%2B3%2F2pvB35EeVXlD8CuXqr6nmA1%2F6OecIy6B%2BUW%2B2u57odvtT86pBzVy679yUPHDrW57nfZyQd%2Frvyfy%2Bs%2BP9NLds%2FlOkG2%2FvN9RTq3yM5fq24cK3vR%2FnX%2Fwz3sr%2FO%2F6txyoLOb93HNk77Ms10%2BPv%2FLZNF9GCu9%2BPzP5Rp8TLyF9eLg9TD2%2F7sx%2FP5gMBgM7oVs%2FbeKZYC39K75jmc6ha7XuvG2ip2eYFfX9ywzy0%2FjP6u9kQFdl74FXDn7UIH41%2B5%2BzVuwo2tP%2Fwj7V%2Flp7EdjFX7GKeMIHcQtPJ4Od6a8Lv2PM3HMfZUP455%2FJ3aqdfB3JFaxkqxuGpPRduHyKLJysrrC%2F7iuNY7vMqm9iFM7V7iLyv9rjF%2FPS9HPlPOtOEIvB93BnWj56EXP1aAflyeLOep3P39LO9J4OvJ4G%2FC6BTyW7HxAtg%2FbY7PEz72uFYen%2BVb64HnixhUHu2N%2F9%2F9A25aOUx53zThCBxyV8nGuw%2B7%2FXfujFz2P6TIH9GyPQtNlNlZ9Zfb3uYieravyUv0ot9jpw8vh3glW%2Ft9lyvZaVByh64Q03fsf72F%2FZKKtZTIH3pL9K27xWfbP5n%2F4QvWXuo8Cn1RxhK5T%2FH%2FX%2FwO7%2Fg7flOk8m8Pv%2BH%2BtWybPPfx%2FZv%2BOW3yG%2F%2FcP9fdzsHruUOcpGUfo5ejZwap9e1rXhc4zq7OZbjfFav4XcPtX87%2FOd2bldPbvuEW%2Fd8%2F531vHvdc7g%2FeFsf9gbD8YDAaDwWAwGAwGg8FgMBgMBoPBYPD34RF70dn79JHBfhP%2FrPa9s8fS32kRYG9M9nmEPnVvqcPfaVxxiexL83x9%2FwjvANIP%2BzeeyVN2dTnNR%2Fft8ansr79jwr4j9tnpPrcsz2pv8K3yd3v11Yb6HhCH1hvdsodM%2BwT5PattV%2Bjq8sgydV%2Bk9o2s%2FzjYr5bl6Z9qb54%2Fu9obsmt%2F3stE%2Bvjf37Gh9n9tvIb9%2FXcH1D70ww7sI66gfanbyxbX9bdFOqzsT9uhTzs8%2F6z%2Fc538eZeb7qHUfZsB2pu%2Ba4l9fvqM7rHVfLVNkobvJzgZQ1QX%2Fq6hrG8rqFtXnvqCzPaMvfiGVZnkqe%2FvUZn1%2FXIn9ve97lznf60n55J0nFRZuM939IrMei5E86U9qNxXfNPJfnE9X6G%2BAHmqvk273PHn2dkBzcf3lq%2Fkx49r%2FgF0p%2B9iUz0y5vt8pdKxz3m0TtpffU%2Bv7mXX%2BZTmkb3bj%2Fbg%2FfB0TOCcUzafcWBD%2F%2B3Mahxm%2FbQzliPL6dywsz961TEL%2F%2BntSO2v%2Fl33mpPnif31XCLtV8vM3l3l86zK%2FvxPO74yJ0C%2B7ONAfnRHG878Orqr%2FKrne%2BXddYHK%2Fuo3AW0xixXomVFd31BXnR9W5xsy%2B1OujuV6Xc%2Blep%2FScx%2Bd%2FZHJ29cz0MVdducWke6q3N14d9Ke9N062pc%2B2nmKwWDwofEPiCRqoj90VfkAAAq1bWtCVPrOyv4Af69%2BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4nO2djZHbOAxGU0gaSSEpJI2kkBSSRlJIbpCbd%2FPuC0jJWa8d23gzntXqh6QIEqIAkPr5cxiGYRiGYRiGYRiGYXhJvn%2F%2F%2Ftvvx48f%2Fx27J1WOe5fh2fnw4cNvv69fv%2F6q99q%2BZ%2F1XOaoMw%2FuBvM%2Fi9vCW%2Frm7to7Vbyd%2FrkdXDXs%2BfvzY1tVK%2Fu7%2FbH%2F69OnX32%2Ffvv388uXLf%2Fqi9he1r%2FIpKi%2FO5RjnkU79XK7az7Hab%2FmTdp1baVpf1bFhz0rOnf4vOvl%2F%2Fvz51zb1T%2F8tuZQMkDkyYj%2FnVP7IFJnX%2FmwX9GvOJT%2B3E9oC5Rv27ORfMvL4r%2BjkzzHkQn%2B1DJFztRX3WeTHNeA%2BvjqGPgDKYz0x7NnJ%2F6z%2BT%2Fl37wzoeeRef6stINfatiz9zFjJ33oA6PuVnnXD0HNN%2BSPXklVd6z5IX%2FeYwHn4WZLHdroh24n1jOVfbcRpDP9SdeL%2Bc7QfXc1YnG0fp19n%2BylZWd4pD%2Fpt5l3XeSyXsqxt2iB6hjHJ6pphGIZhGIZheEUYx9%2BTR7DXp%2F%2Fzby%2FvWfLd%2Bh5c6mu6NvWueITL6O1qB8%2FmZ0id8Jb2vruW9%2FOd%2FM%2FY8Y98hnme93W%2BxC69lfz%2Fhv7zFlz%2B9LNhz8Omjk0m%2FXfp28MX5GvpI53PkPokP85d%2BQNN52%2BkjFyP%2Fci%2BLNsv7d%2FapZfytx%2FiUdtAyt9%2BNh9zPyl9ic4suSAbbL7s55z0C9hnWCAj7HYF51HntA%2BT9me3HdoM90KemRby7uzZmV7K33X0qOOBrv8DdWi94L5tP459e12M0C5%2ByH3Qdl%2F3%2F0o763jnb8xnSvbr9Fldkt6z639AtukDLuyrKZnhb3F%2FQ5b8v5M%2Ffd8%2BQMf7WJ%2FAzt%2BY8ict%2FADk08n%2FKL1XkT%2FP9vqbsrG8i%2FTF2xfn%2Bt7pBvSJ2wm6xboYdv7GlL%2FP6%2BRPnMqZ9FL%2BnNf5w%2F527FtLP1tBfaU%2FLf139u3ltdRt0dWR%2FX08R8hj5UuElb8xfYi8p3Xl8XjmTHreph4eVf7DMAzDMAzDUGNb7Jv8PD6%2FZ1w99oAZY78ftn3xs02%2Biwu9FX%2FD%2FMNnZ2fT6vzg1gnoDseE59zA9C1CXuvza19nP8zyoK9GP5yjs6sg%2F5Xd13YwfHzYjtAb2H89x6dIv1DG7ttn53Pst%2BMvx2gf2JHxSQ3HdP3cfhfXe5Hy5%2FpuXqd9gbbvWub4D7p5RJ7rl%2FPP7LfzNeiI6f%2FnWMl%2Fpf9XdvD0padPHRsp7SL7sWMwzhzLdlngk9jFCwz%2F51ry73x%2B4LlfJS%2FPBSzO9H9wXIDLybl5zrDnWvIv0MnpOy94hhfW4c5z9fxf6Qa3OT%2F%2FHatQzNyvNd27XO1bveN5fN7ZAhjD5%2FXEjTid1M%2Fd%2BJ9nAOT7v8vKsUx75D8MwzAMwzAM5xhf4GszvsDnhj60kuP4Ap8b29zGF%2Fh65BqryfgCX4Od%2FMcX%2BPxcU%2F7jC3w8rin%2FYnyBj8XK5ze%2BwGEYhmEYhmF4bi61lXTrhhxhfxI%2FbMT3XkPjld8RdmutrNi9I67g%2Fdx%2BZfuQ7in%2FtDM8M17XB9sbtrnCa%2FCsZGz5Y3%2FBJrdqSyubnOVvfyJl8vo8LuPKnmCbwepeKDN6zPLP9uh1Cp%2FBpmzbKza7%2Bt92tO6bPJmG1xDDr4cNvms3Xf8vbNNjG1tg%2FU%2Fa9vnQbn291%2BfymoSr7wuRR8rf646xBprXxHp0kBG4Xnbf5DIpfz87V23GcvU1nfwdb%2BRj9h%2Bzn%2F5Jeuw%2F%2Br6Yj5FP7vd6ePeMe7km2Mch%2B4VluXou%2Fqn8u%2F2d%2FNMX1MUi0a%2FR7aR%2F9A253TH8FNbz5MHxR2fX%2F%2B17K9KPA7eSf9cebPt3PAH9PX1H3b3s2kbGqJBe%2Bikf9Z2Btux6SR1w5Ee%2FlfwLr%2BNL7ACs1pzOe8172cnfZcjvC%2FuaR5V%2FkTEy6cfbra%2FPca%2BnmWl1bWYXl5M%2Bvy6%2F1f7dfayuzevynK5%2BnmHsPwzDMAzDMAywmlt1tL%2BbK%2FA3%2BFN2cazD7%2Bzm1q32ec6F5wodvT%2FegpF%2Fj30YtqHlnBpY%2Bed37cW2kdp2zD%2Ff5bDfqfD3RPD%2FgY%2F5WtuT8C1xL5Y%2F37PxPb%2FqPBHLzH62jJuHI%2F3f2eat%2F9nmuz6209lGa%2F%2BM2yJx%2Fvh6sAFyrb9R6G8JOcbEcqYs%2BIjuraduzVlbOxztp2%2FmOgEpf0APuC1g16ct2DeL%2FCh7zhux36%2BbU9Ltp936u0CvwrXl3%2FWfS%2BTvOR%2Fo7vzWoL%2FJuJN%2FPg86n27BM%2BkV5wpfW%2F9fKn%2FrbXSwY23sw0M%2B5HGk%2F1P%2BtI1Mk%2FgQxwg8sj%2FnEjxuoo%2FRr24h%2F8I%2BPffn3TzyvDbHfzv548er9HP89%2Bj%2B3GEYhmEYhmEYhnvgeMuMmVzFf96K3fvqcB1457Y%2FMNeLvBcj%2FzWe3%2BD4eubH0Y%2BZg2O%2FXaazsqF4Dl766myH8ryglQ%2FQxygT12b5sf86fh%2BfpsvT2aNeAWygaQ%2FFbuc1Gjmvs6kXnlfHz363XDsU2z92%2Fm6Ol%2B279ueSNmXMcqXf0f2%2F81ViU352%2Baf%2Bo16591UMTzdPKOl8Oyv5U8%2FpR%2FT8NHw%2F2GbtH7T%2F0Pe2Kj%2FHco6X91d%2BzzLPb8VO%2FpbZn8p%2Fpf9T%2Fjn%2F135kjmGr55jn8u7Wh9zJ320USIs29uxtwFj%2FW%2F%2FdSv6F%2FZB%2BznMu4xLaA3mc0f%2BQbYM02bZP3O3vFXxCHv%2BtZPye8vf4L%2Bf42QeY%2FsFiNf7byb%2FIef7d%2BO9V5D8MwzAMwzAMwzAMwzAMwzAMwzAMwzC8LsRQFpd%2BDwQf%2FirWzjFAR1zin7%2Fk3EvK8N4Q33JLWP%2BYtXMyf%2BKxKN%2Bl8ue6jkrr7LcWujiUjownPuKSWEDilrwOzlGs%2B1H9GmKj4Npx9I6d8nd4iQvsYvcpk7%2Fr7rhfykt8lY%2BRds4XIN7cMeeO1U28NhBrCGWfZS0yx5vv%2BjX5nzmX8x0%2FS16ORbqkfok58s%2BxUe%2Bxrlmu10a5OJbrfxEPTj%2Flfjs6PUo8l%2B%2Fb3%2F6hLex0APG6xJJ5TkHeG8fpZ7v%2BQ%2F6OCVzh%2B0794ljKS%2BqXcykn6V5L%2F2dcfuLnMn2bNu191LO%2Ft%2BHvKbke3G5dT7v7ct4dXhvM97Nqh36GIrfuex9w5rni%2BTI5d4A2lBzVL9AuHJ96LXbtOvsr%2Fcf%2Fo%2FOyTXveV5ce%2FY%2F7Slm5r1r3rcrqtaJgJbeMDe3SpGw5j4W8EueV7Z62mRzVr88jT89VeivowVX%2FPzvu%2FRP5c47n3GSafh528eBOt5uHRJ3nNyouWeerGyt2OtN5ZTv0%2BDjLfaZ%2B6f%2FdfIW3sivDkd6FTv45f6Pg3cB9lXtCxp4jdAav6ZjXeO6Q49Wtc49Yyb9rr4xTrB9W7Zv8L9Xnu3VKPW%2FqDEf9v%2FA8i9W7TCf%2Fo7LzTKzyOg%2FkRF2yNtxqrGadmfJnTJjrBHqdL68r2L1be46Z3x26cvDdQ%2FRNrlnXcaZ%2B4ehbuxx7j3mLvKOu8s15GgljBch6Qb%2Bn3vS79JHeO9Pud%2B%2BEq7GAxzmXrBN6yXN6V7%2BU%2B0iunPPs81aHYXgz%2FwCggvogrdejwgAAKhdta0JU%2Bs7K%2FgB%2F1PAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHic7X0ruOwo1vaSSCwSicQikUgkFhmJxCIjkVgkEhmJjYyMjI0smX9R%2B5zunp7p%2BdT%2F1Ihac%2Bk%2BVXvXCbAu77suVObnfTaeANqzkS3G10Zgh6PDAnBdxQVrAN%2BFfsPzYh3ggQoQAbYKG9CeJMF33ZPZsYTB8c18c%2FzxQ28AlZvdQSvVcTO2vmxPFRTgeJ1A4SjpMPBhua8rP%2FcJEqDcVCykX40DrzeBuHNcndvez5heQmwxKfxDEfOV0g8PK9Rr2yjuRnlOIjj1lmRQQ8xfORbI0j5PBjAmbKs0uI9JbSv%2B7utukHfu20cXj3LFsPiNmeABPFGqg3EJD9EUCSuvl7KFSJN9DPqhrsFlobcdf3GPua5%2BfoJbKS6jNWODiTYs1vq4xcDBgm0Onh0EdU%2Bg%2BO%2BoOXBc%2BNP9PC8bDy8%2FvPy3uE7EOhKek03CmwVwKbYVIBX2xJwtHNUeMnDAJw%2BHdUtxYAK%2BtM1ft%2BDa5sAf1S%2B4mfs2%2FDQdPH4AhQu0Hjc3U%2BobgcfhTt3VQlHX4dbt8%2BunqJR1TeD3e4%2BO%2BzXIJS5Cpk7JigsYazoYCWubTsC8bYE52A%2F85wIqp3WBVcV8MqiG2SU70e8RgZurHbhdRuFh15IpzwuqUkUlSFdjME1nA8Y%2Bu%2FgpL3RpaJNmmPXVCdG4WIY%2BysocqBLLRcvF8uMpFZbUPA8s6Tb2czTF4cB%2F1jWbeuBi8D%2Bkokof8OD2XBs8GU8cTSVPIyg35DbgOqcWPQmdqur904sHWUGj98KDSA22qwiQTKBzNpvOA02DWOrI%2BUJjWJ0mx5hKvRN0BGW7Lsr2EvyozwkzLhhqZSiUzz%2FUPD%2BdLTHpJHCdTwE9AP1%2FeBQaEowL%2F9r9CR9dPEp0wqG3VmebmmB8SSw85LiVfeBG8w5Ral3QbyVbUGHR%2FQGINv0YWBJZv8084ReqPxCoWW9oAIBGnhf8MDY34YGtHzZKRvGXR1vwhQV3dimazzc%2FLBzkQHeOCo0Gbk3gx6bdE23MBcprPj%2F16MlM2mrvD7MVPYDdD9old4NaiGl6RlR4BoEQ9IQkEYGva1D2OJtFt5Bt8vgJakFPmfHU1%2FregKueHD5%2B%2FpKG5dzg2IaRugbpQjn6teIJhgvWpAI4Va2rSxwOQ8N2tGpi6w9MC%2Bjl50O8Au%2BAea8FoQvnHo07pG0XagtQLtQFIJf44%2B9Ea%2FEVwup3%2FqFV%2F0XCwoAz9NyowZSRlZI4eOtVwIVKyvy5cxKPoxKJnlyEswgO6Mmfjis7Bn0HBHOtGEYQ4x1RKB5LSa3u96ZY3ZuExqgKuTELy%2Fr%2BK0uP%2BqjoZFiMH107SsSjju9jCIh4JJ2nRNHXt94PEJ6iE1hgadceIOyo69EQQGzMj%2FtybrBtJIGoxl7XOc6E73pCR8%2BeoFE9FcZuZhDka4RE6vasZTsKPKj9%2BBZh0%2Fw%2BLLXiop6basbva4cwQp9bcCj14iS%2FHQC6h8egkdv2zHD9NAxuyxnLcWCUWMaT%2BQn6ds%2B19ugY2S549UhujPuNb3KfSr6AzzWs8cHg%2F0jgHHWpifHq64eXjwtm4KcWDO3X12HsGJWGiVtaFxk6PjzHTUBKoznzAv0CrOIk03FdFQGhAH09SIUWDGsE0P4zxsoYuuOv%2BemyunS%2FUZM9f4IBLAk3xscGtd%2B7%2Fezq53MNxD6Q46Iz%2BLbv3tw2W6bRZ5WolwxSTI3Yjaqo%2BRGtPxe3KAyNJnfdLjdDI35CewiCXa%2FTCtfil1XUVwKyDDeZ0jF%2Famt%2BgmWUY0e7v3IWy8f5H9DjRNguGxI99MtLtNzu6wjFQN1X3cexTRID%2BzDlgJAD4%2Fvt6OS8MM5cBtryeH%2BQ8652z3HfTlqiCz4jBMYNg4SM4EJFlwmZpSmVgromedhBfXTlP0L76gtZ7G0owldJcOGBybHygPELuHy9Mpcr6P3gXDK39iDt3imQbNw4t9Z0bBgFHMFAWi5CvYCj7xgElWXxhYuNg1JT3%2FSBxoNtPmSYSYHp%2Fmz%2B9PInTg1hhmTEokczuSWNhrwjqyk%2F6LzPJAUBcx8c3wkDXzU9E7LtWRzHQlIjLWsicUdQLdBlEv4i52atwQjC4SXWqS3PkzMeN%2BrQ5MzIONRNOZkZgc%2BKGYosG6zo5F8qbjtIgsH6xkUWQsaxhh3WY2y%2FfvjO7rHnDcudW4OOL3Nhn2e4SRUXRQgy5Sx6A9Ix2hd0gRs6kmtMxtPnzsEGoc3tHMiZCA%2Flo4tHKeYc1HsSN8pv8MvFbmSo%2BKTot%2FDhlXtAcvVQmD4QxmvCd4xr172%2BoQsjuA9rWBdmeZES1kXH95rIQanNQsI5wnVNELDb3jRQPblfBNNskpDGZ1ePrtiH3U6VFNUjll9umYdH76RwA3ALLFqFHhL%2FVXWbNsiT98NWppvTsLjlMEVLkTcqfLf9GF2ve538NzVGXOnUtrv6elHYFaB6IeGCxwcJdRVIgD7u%2F%2FOmdXCastr29VTZo7tvM1ApiPi0W%2BBe1Tbj1trz42AgLZpkJhLhKj22JcTAymZZkjy%2FXpKD2LdgXzadqN%2FIfGgduMzrBTPYoT6AhDIgGVC6EPpx%2F9c3BxXPjrML%2FdUO%2FCxOc75qu0aZPUK1ivxgC6jtgbOVQ6fy9gRpjlWSKQFS6ZCPQEzF3wbSroSL%2F4kdArfHp21iPDITRkiTUnGwshzDuUa9HuXj%2BPdYHLppjeSOsvVPbaxHQf3dELf00n06tioavssTdQzEZgXYOh1AyqtSSJkuA%2FLZ74qwNsLxvLHDNo5qkOUBp2PmR09wTy0NEPqtNh1IF9L9%2BtzKf0udyUrm21XAzuwWOrpKx4O%2BnYr9yXY8Z3qO44zoBPEg8f8IMUYqcW2ZLTuTDUnyjRQANw0%2FA94e4k%2FsKFlyDdlkZccKz8lGBsoXDeWZCdL60aX%2FlnLF2EiWEB%2FLwWHsx8fboeilPhjGEAAsoZW4rzP%2FixtE7FoIi7lF8crGrgHScXHw7Ng3cBuBP7iDyIzeS6wGkPfFJQ7IpySBOw%2FivD8e%2FVGschiNNrNwUAM3YLxhmYa46V49hAeE%2FclS57ZfF4b1mbMpbaOExz7ARDMjHsKjDLxfJw3nSf7CHcmtdQ%2FNi0PByi1SjW4QZeOvhLOyz%2FMfc3OVwO5Mz8w8yK0vE7XgG1IpfEx0XzG76fLBPHX1fUUKRMh6bMLxJBRI0xEOK%2B9OCB1fFTLsv3MHYwHbry3yckiRVi6gGbOliPQa%2F87U1o8ngJHvjJmFKH0L4G8Jsu06Xeisp9s2p0ZobHexhrxAjNJ6xns2ulBfmT8MAbYNResb0t0Y0GizovbfuaODw3ai5kurDC%2F7QukiTdL%2Bsmg7wNfx8foX5wTQsaFvv%2BspZ1ICbSDDJKw1vywglEWDePwoP6o6E7ZnwFXrtYUXRrw0npnqwCAJ6OAWCPO137nDRTSMgQYhlrNxPxBs5JgHkPVBrvUOiJ8WWXa07nM6bVIeqihHB%2F%2BwWt952kdxhCt3MBEpTnr79ufhdYhZ9C3FJpWnj%2BjAIqJZEAk9J0mG%2Fc4dgzjwt%2BgYe7uZbYgbTC9%2BhLmPGYPCIf6Px%2Fv%2FLuNC767g2NHMQT2onvjnvLFZmcsMfHoE9PA6ZokbI8Ksf29ouTJYaoH4x7xJfDHW2GkzE0EofPmndhBmMcUDE6XWDU5LgIiaTMDNqxraLp%2Fr0%2Bs%2F0nLZXcNxQlOgXiNvFvL%2BLmyAJQR6AuLigYsNr8T3WdLjfmmI5JSDUK4AiHEQHut1JjcohAUc%2BVU7QgKhkmwgekbreNeOBrOBootNm%2FfL8gssfFBmDFb11qD2a4KRJ5tOuvRizJQvoSRFTpW5qgpIA0HXad77UQs9gnUtHy9U5lFBRDmTo6jSZ9XsV%2B3w4CVZWu%2BuXICf2mHUpaTjNZBPrWpyqA%2FL0fGp%2BHUiOePWQth6cIPMrNZ2bKWtbD0LgxCPHhXJuFns6Md5nxXcvjV0A%2F2FptIRC9dtRYOBep4r%2FKod700bsb6LPqhMv2vHPYtycgw0jQP57Oqn%2FBQvZ%2F0PmkXAchL%2BwH5QhhimbkLfW6CuXGdbFXuhq4eSZxqj41nbA3ZSn1cnG4aHCntGZbBtMe%2FeAYx7CwLdd74HA0z%2F1TuQHTeoJiSR5%2F54%2BmPa%2BMPQMJ8LgY6ebt32ifPtJhH62nXFQDVzQ%2BgUQ9WxbZzxHzhIGIPjZWbx77nGdAySzjxQSlr%2F9I6wQIOP75D5yNz%2F6B2huxY0nUt8ro8jYA4XfRdhn2sRUk7i%2F6Anl35JVSHCa%2FJXAYCBTIybWtf1RJgETkuVwaUF98yhVeMGDKOcz8T3%2Fd07tJpnzBLvTH5hKF3lr94hQmp26CjRZvLH9R%2Bjv7n0XLfzQuUFfZJBdUj3UqGkoBEGzgIA1Wfr95juGk0f7guoPDeHDE%2BLtzrI7cpb9202de129o7dxzszjua1Pcj87ncd6ad3jG4e6Puv%2F%2Fj6j5cEpKQzcEv%2Bzk2ipLalg6ire%2FMuAHQLriKhA%2FNudJoaPxPg641kafGwYsxDNrPzPbDKRQmzGaAerR7VDoUsgKUb0a5PyAqynPUwuWj%2BdofLRxePkjsePbrv9U1WJaUT9vebyqqIcvynAMDkwjSdSBgNHThy5NnUBkvsjYDJeLrtQRz0OsoyDdoRZcAuqawB192fME48Z53r5IP4mSeIpsruzTaj6YclwcNHzDHW1rdtfe6hXmqubu3SvdNT%2FTAMQ3oBi8ftTFiGM%2F2cyFWD9oRNO14F4v5eFX5YY7C9joABYQEa6HYDR0gFdSLh5w0xivNrTtdL%2FVSCPyyI2edygz3u3I6GWH02Q0IQVzbbuwCQRt8XqFzuM5ZtezQhXTn%2F4but19xKNG7pFNgTNUrTc4R3gtxeDKpEn%2FdoqA%2BCjfSMevaCu7aj3%2F04%2F5XgHFDrlF2Xep0X8PO6MbYbeKXifhcA%2FLVKOCNjviWBz74TrrdjRntk85cb3d8DHbq9bx33iEB3xTCJUXNQr%2BO5EppfFcyBziA%2FCDN5QjLEkHt8vv8FNbOnuId9yz54e3EoYb%2By29GCYaE%2FBYCO0P5RkyXyp8xswaz2NPSCpM%2BCeG1XSdeGgEftr6ZD6BrS9OwxEuoSkgjbEmvXUdb9jDNpSmgb3CzH%2F4D64%2FqJGku6mlKI98XE8KIVxMLI9shPAWD6yOeFyrK7ho88IfONWxCeuE532fS2YcTc%2BLaiWoCOwHiJXFJ0dpoB0l5aSu3dYVwoAcoeyFqZUEWWj%2Bv%2F7iAxipreowWhaI7g953seQYw91MAkEwhyHkOzVEDUA%2FMnhDtI1JA07EmNK9hnzkQAicyyQGexIvgtkkVrEXHOFjJ%2BEly1cQKNKgTlip5nv1iH89%2Fi8u80xovI4kNeLDd0dw7xjJSfhcAqosB9eIZ1uFPN8%2Ftomjvk9WYVY7zXginawT0DbuapeOnKOS%2BoCyliJ8yGIf81ynPQwf3OijZkDuXHFEzPr3%2BNOEp%2BiWI%2BdRiNu4XQjgB%2FVygFB%2BzAHC19ZrJ7KtlPOq67VPpuRCQgtjs2ivTanPwxHCMhLgI3yU8Jhl0ezM%2FjKMIrHxOBilwNxFimdQCf%2B7j6T%2FUYaRp5EQTtVdsCH%2BSFgGhvfCIWJefAsBa2j47dfidKaRrbwMpI1fhyM1Tmm6uY1K9ePSUe1vAc1h2MaSsOTWJEV%2BsGqwwS%2BkY9cEYihG21Zk32j6eAFRwoTWHi7jZtKRsGjOlU%2Fwi2J3qTO69iFiQ6oXnnatb4TVt9qH4Dgy6v1EAPSJ1ffaRxnDPmCp4jWL21Ym67uOX4yNpTSuz%2BUC7WiGQCf63z65%2BauDSWZTdrBUYkaG00iQePzWKlaBtBnTqdYhdIIcljkCO992FOg40aDjbg7iYobt0dewXM8A7%2BgrOkU%2BkMUEvcou%2FBL6ZBQobxhHPUio1wMf7%2F8vsadwmaiMEWR4yOrokWggoYa1k5kDfPid6Cp4UBoTXTBCsr7Os2wIX64e2qb02WpDRwDh8YBvGNt0iAuWMWAEx31%2BAD3oFJxAN7kYtqfe70Y%2F7P7D6WF4C8gtBOj8xCKIHO9jMaC9LGJ5WQif1Bwz8dk9uEh8ZzwRGU%2FKCvMkM9QbGpOqw78zeUXs9a2g3mcAXTeWvwHdYUflw%2FFx2782Tzk8v%2F7Yuxfba8bkK9I1OM7fNSEtS8MlsikuWIptxHQ%2FylB6JXlfcBLNogbwxd3T5HuOgC2hABwKnrNEz8GUSHzb%2BTnyWkhe2wamLSTt57o%2FzPx8DOHRbBoNb6SGRC%2FqltSQsH86uTK23ZZYijwV6puUlSd6GQepr3MwXEVLkbCEzdfo44NqBeRPf6z8TX55Xxem9KYNBYkPS9en1T%2Fkhcnq%2FhGGipDVTsc1u1pejs4gRI8IUPP00M3mP3DYiqhWg0lL96tH034NDgYJRBOW%2FJj64W4%2B8IwpCAEjNx73fe3ahZeAF12tPw9dUyWxxKI9VSAPwzbVojw8Mu92UOBC6LEB0sLX2yMPVgkzbe3AItBmV%2FB%2BJL9gqy0wijRRkX3kMH%2B9%2Fn2ssNO4LR8yW%2FdFiRD4swc8ub2sSIv1EO4Z8N5ZbLhUctUTWQ%2B0XQZyfEeQjiWnH5uls%2F%2Fyvic%2BfoUnWrNAW8gji894fRL9xvV0r3hhlRQmV8pZfqy0toJmDpgvasGOpHJuz6OeAXvi%2FpUz0EphxsTF%2BEesQQ5DfQ5P%2FlPieQ5M5oY4IZ06NEeTz%2Ff%2F7GpP1SMgEOEIWa2jq56tKwY4jWqQtYPpWgW%2BnmU3LYSA5chgRFyQAE%2B7VuhQDWi28aPNraPIfCh8%2FQ5Mktwn7XpbxdMSP9785ZCiROBZQ3YVd2raao9d3WxKiAXdsGOnPO7WMZJXUbpfXhvRvzkur6I1k%2BQxIGqbehChE%2Bq%2BFr5%2BhSW78ScwgTe%2Fj%2FF8oAPmBvA4Z8Bqckhju8DUpNhJIL%2Fb1zFnNMYe4ILFRUuaMax8sbsvW%2B1hIva0GyonwDpGDyss%2FFD7%2FGJpkZpMEAecmNrN%2F%2FPy9XkV%2FFUqWbYsSFKrpdN7Ie6VDl7WbvcxDrAJjYL3u2TDKhXYeNR3Dwng85IPzXDlZArfd%2F2Ph%2B9fQ5H0x2jA2Ite0IdaP85%2FrOepkbDonlgz7MUgiwTxITrYCJl0LxDXP9o82tjnHIRZJ7TE7IpDJHvjuWXhBz9dLLZd59X9tfGh%2FH5oMZBwNoiJd8M%2FX%2F9vruQhVuS5ha6tnYmJ3MjSsjab9mIPAai25IFEOqszCAE9kli3WBNbBOk6KFAlkR6eXy6VN2f6l8eX496FJCVb4Rz2zV%2Fh%2FIQFyNumbd9FIM%2FOxGLsW%2B9JwIvEd19uLFwwBuaGCoyNnNip4pTkf8K6E72t7SJCuPFeQqPYI7dxCFlHfjU%2Fnvw9NVgQR%2BYV7S2j1n148zEZ%2FFYlXDR085LVMwIbH%2FTp3JHywb1mAnC1RXTwTyqvN2iHhIeWeufvwRs8ecUAQfTNmoVL4JR27mI1vFcS%2FD02Oo9AGcq9E9fLx%2Fg8ry0587FnNWfyZjjb9ahuXcgMx0TEVazT4%2BmknWMkZ%2FGaDXDrcZa7evPcg3H65UDma5dIx7d%2BNj7MK9h%2BGJjeOOFGhYXBl9cfx74bo9og1IDlvc6ZN2nmXCfVLBC3R23WKpHUWOebcB0JkeDdIh1aZvtbYJqZfD6ivnSFD8qNsARhnTA4g%2FzA0ibF%2Ft3lT9wKlfXz%2Bcdmz3mvQ8OwB2frMYq5zOgFmuicv0PyCwA4d47yzQCH%2BXSW5g9x6I9c9xEqkc8dgM5d%2FVyBlejyNUElH8g9Dk4Ku%2BzCoQOg07cf7vwsD1d4e%2BzW4AjVntZV4%2F2OO7VS%2FR%2FTc%2B1UZ9COvUtQbQ0PGP3RkeMcc9Ib4TGCMxoE4p%2FXr6WRnc1TiPw9NNn0sDAJfnZqTIB%2BWXIJr2awE3viebHTOhGyvc6CLOm0iMtfjNbdiAWVcXQhc8gzLm9zke3hh30xvuYtR039sUHdLN43s6T8PTe6liQBeYSzVH1%2F%2BbGIo1MAxhz%2Fxv%2BuDBu3zDs8zkx2E3YxeN6Lb9jrwEIXL3oPDw166dXOsz5pxQrk4KsGN6GiAR3iMH7BZ%2Fg9Dk201AoNNfu17Ux9nwDlu6JFSWJYdQ31b%2BauLF59oB0%2FOdEOblzEjVzPoByqa%2Bzo7vSZfGIdHFNvbgrQmnEh8id3Q4MHoNYJMkYn%2FPDTJg%2B%2FyXGIFpvvH%2B7%2BGEZdEP11mTXtWNiqCU%2BQ8h5vZ22WZjTAsoCGr2A1BtMvYvrzn9oXkofaMS7gIn22knG2dwcbfjcNyi529T%2FdvQ5OtpJr8vDKJCggf93%2FW4SODw3AnJLRGkMu%2FQCHSezCeF1aEEaZZV6nYwm9lrSypiieqi0gnur%2F3YOdy%2FTHO4troFYMjms2%2FD01SU5Ya3RATWbqP33%2BSWkId0GjEfJZ4srdI80ANNttZemlXH2yEd1ETwQwRHOF9gnlxDxdz4K3ssyFgq7Mffnkjoi1PGN0L1ZGq9rehSaJYlfeQbdbLERR%2FvP4H8ajMec%2FxgdH1n3zv%2FCowb0CigRtd25OJXihgUA8RynHtq8KDdratZWa3AenPdu4nmk9BPUKA%2Bx6Mg92CcOTvQ5NKIwq8qBAM1p6ej6f%2FcZXmNbENUtHD7he6gOuBd1Ym7YUpDNSpg9luQHBv743nsl3dzHszrHa2Ogv6DhjH%2BrWG3sNZkejNZiphV%2B%2FSX4cmJwpKazBupYmir0S4eOiP%2B38LlFwvSJPczMlEDOF1A85xD1qWXNqMRyvllbVYC3%2FsWqVUPnonETf5UYeBcRGbhLmOvrnJjO0CI0viUi7yL0OTuwdW1txnx1HXyKyo5enj8x9cC%2BIQ7GC4tz9k3NsXMXmzlOV1Tds2xrU4WlhdOMP4XnCFqndR6xZFvucNJgjvjIetMRZmchNSmgPBS2n78efQJBBHpBbOE9Pw1N2cnY%2FbxwHQlRgejK%2FwaDMngcCuwviUt5MGx3u8HBQBsZoeHjs71n5GoPZL7jM30GuaFJbMdTwIcPa1ZMqO5eiIK0OofxmapAiZDI1S4Q%2BR9016ucaP5783GyluANKACKnmBPbUIGxFAw5HHRt5zWy9hzoSzJH%2FSY3e7ZJvH7FC7DxBXI6Mmlw2j2Tw6P1GpuBxH%2BDPocmFUYlb4rUxPGuo7t1Owz7e%2F5dTJXzrgs7Qle9zAVR1xmxlwfWSYppBfUG46%2BbtFp7NtP4x4%2F0bMMBBex%2FJS%2FmTypgbFNO6vHRq0Qfyx9BkFkxJPXKeCREPolBSZ%2FP7x%2FNfTGK4UrOj6Q3FnusQbD%2Br4pCUnikhsNZbq4lGwuYIb9bnC3dpJgJrXpRDVih0QHD8VzLT97IO83to0niBSJdHUm6yBM2JjGURBENi%2BngF1ImwgarpNkfBs6n3HZGsjVGF1mQyN1zM2KtknFORG8k9XLtGAqdmKrww6ZEdA9ujANwOT1ADkPrHNShyhFrfmRN4UZEQWhY%2BCKV%2BR6BBZR5OLfXj%2Bf9qWfTcN5fSvm47%2Bm4%2F07kiULeveNJ9Foe3lRoWEB0v4E7k9hgA3lc63YomtJfXvobZOngiDOqtpdGDEDuGxFLnFO2OlLkXDIGuY%2BSbhdGZ9bHx3BX9%2FP0XRWxtR8KnYT2PCxdoCPIWwqhCR1%2FmdYWz11luWuyrrUZZcyD0Vem1IhV6TRsmyzrL3UduuAHPde0u9URYiRqDyTVYbhQcmsGh9gKbO959ttSrJVhPP71%2BMib53dgc7rgHRnJqaqIRGKIdhTiImwt5QcrG5BcqsVcQCRGhsxOJgKnSEEmQ0hGY9wSTOS%2B5p3WCYin1gVqzbBg66wxz4bwOuSA4sgg1wMBK9Zo%2Bfv9ptIGcgZDQ85hJPJBrne0OwrYNiNmk416iU9d4mluL6Aey1nMOgK1HRBe44RbA4yiGACuJlyJFo7mzSG7WhkFfm%2BFcRrALWvm92Rkl0swbi5LE0j%2Fe%2FzRgtQSsrHed1x5fe9k3oRwcErkQIvTdMKtZ7QbxrkCTZn2YpbbJ%2F%2BfFUEVqr23I2nY671HIHh2IvwTv0t5yTr6vW3fM9J164Cr2sYo1HAiLYz%2Biah%2Bf%2F%2BUYlKyUZp03tbWXP0tf0RpQndEnLCBzWihvVA18kerDk1wtJerolJL7aISS7HmDwfjF88pcCWNLLxcJy6dZR9S72pD%2Bho0S0XomYyIMKscoLN%2FRf9z%2Ft3ntRZ9xKJp5B5hb9byyHHFg5WGgN1jEvN3gfhD%2Fwf6kvlKupdAv5sl7aJJohfHMIqZn%2BMMaET13CJiO992g%2B9WXiIqEP%2FrT6f%2FMtpF1Ek4daHvcZxcP8%2Fo%2FdHGqnoht7SzlonWiW%2FdZwvPab3T%2FBqEr9IAUIatoZtrnLjJd7N25P4cmlZx3QeFSiLS%2BRsPEvuu2vhFVZa2Cqwcl%2FZ1kz8tsAhuzafiBi9r%2Bcf6XTXMm5zaZWJt3Fi0mzh4WWe2%2BhTMopa2ZRzmRrHtj14HM1qzHvw9N5t07o6Kt6Rx23vD6gG6BIpfOCAHtYrUduSkEvTyD177N3PGHZV%2FwMbYVHfyccOjo9%2Bd996sxMfTdRiOR31lYg4FwFaRxFBpdl9xzjn8fmixbwiUqJhyhBrFAgx1EvGbzw9K5QYfZmWZzlAy9yyyog94%2Bv%2F4zWc8c1JUXCDvnOiNoRUys151bAVJPZIvKEV5H6ZpBjcupZt9%2BWSH9y9DkReXqGPEIbhe3DvT8MK9%2BxeAvq0EO3fKBCpZL5W33ggGxED5e%2F91XWaJxhiK1ARITpeI8GAjRhkaKss7rKmMHub06Gnjbd4R8pM2ed62XJf1laFJnsOXY%2BgHm3OZkvznntPzMlarLw3aeM8B2DURnmY1o5z4%2BP%2F%2FyM%2BmJaJ9ZRGuQZ0PjKAPKuRDCg6rUlY3011PJAbeGrNScfOgNETJRwfw5NKko8b0%2FT0cUlVEzNIUNZutjY7O2UG9wA1SAWWGDllcooz4fx%2F9ArXTjWDSIYPBMR6bZnnCVCIvJhONh7%2BOaxbBsHlykWzmCY%2FsyNvPiVQ5%2FDE02Ziy6ivK8ywAnmxekEYUGnkPQ1vE0%2BGk8RPduBLLvoSP4ePyX0LMNSHo1574PW6oKsl%2Bpz8G36Bu0UXScwW2Jdk7LQ1%2FM8WCgh3jo0fzifg1NYggNcwAW1xRQRXi7hsfYhzviwPdjV8EXjCpuXAKY1j%2BZ%2F4%2FXv3aDOk8I9bEzQGa%2BH4PC0lLPJsZl2%2FL18x0V78dtBZZbbdmcQweEh%2Bo1Zhco%2FAxN1uTW2U5pA7%2BOWVjQeNCoE6Xm1T2nNAp5xEgYT5E85J4wfJqP538cEzP0pcwQCMxb%2F%2FZCCTp%2FZDGRIlrZTyQrS3j3acySPe9zmOVKuP6A1GemiMgMBX7faVtSeieGGLyaB8ZHFZ4jr3aRl33aPqU%2FV35wH69zz6A%2Fnv9rs95B99dLw3LFtcTFzmtAlknwfD5eePBzuD%2F9XNXwYCxEG%2Bjk9cySAamMsI77Na8H6Z1XAxeP2%2FzJXqMT6PjndwuARNMZtU0HiOEW%2BFhmXzg8JXweABM4X%2ByZiXASUPMxhoXj7oRX%2FsBsbd%2BDmJOKZj80nv28uzq98syBD5Nfo9SUdiD7jx37TeA7a546cM3Wf7IfDuIcjV%2FW%2BeFzatiOcXddJEaHo30c%2F6IVu3mrDdfX%2ByxiGCfV6LBOh87%2BPdRvufbW9NQwLAr1qMf%2FurvifpbGTYseg8T7ClmVUrSJpTTiNishj5R9QH51h2qwY3SdQ9T64PVQLsVZKP14%2F9eOj6C913q1PzcSMMZXWEbco75vGwOMG723r4szeg6LgYqAMAh%2FsBauEMFjOKhSo%2BpHsaJnH5sw4PYTDAKmVJdV6xr48oS9uwSLnXetIi80s97Wj4%2F3v77uQ75RYFsFe0%2BzkwS6Y8hur12VA7YrlXvbe63nvN7VzgtOESGBM5WBPK7ex1btgux5eOksIUMK5plisi6g6ghsZtbX5cH4Jw6E0sFcINefzs%2Ft4%2BtndSwQzry3uJp3LS8W9N8z26X5uvHtTrDt4lgom2MNg47T4m%2F1TRFE8JFzyhmiYbcj%2FCMwe2MNwcjA8CW1dURXQ0IBE6VagEHpzVo2uyzYj%2Bf7eP0LKFolh7G12Od3gNHA4YpIYgZoVGIy%2Bf48JPfGKmPAvOYIbmv3s5Rf99eQlfCr0Pe%2FI3tEK0IQPJkh4sf8Uy%2B8Z%2F8Dw49g%2BDmUrS5eB12fj8OfmcZD7cwrPpnsM%2B%2BDK5UF%2FTXG612kBnGdh4TEcKZqJwpyrzm1vEZEyKwpfjoM4%2BgTup%2BXOUdt3OyTeDKSpfktP3MGlnJhRyJ5dlWzgXBhO1IPDwKr5%2BP498SDnBcgzEGfXCYX%2BrmTCv8%2FjSPEB%2BxuCdvtMNplZY29tJNkfm%2BSceW2ra8hACHHslBeSCk%2Bvm%2B168iRLq7EvAiR1LY9SHm7GTe0U7QtTQK9CuE%2F3v%2F0OHmjY7bOEZnfp3EThHzcIwjeNSL5MtCRC4dstW0jl%2F1VidHKDrvs%2FWX8zqTOVobOyGIXTZAUg6TNmAX3akHMYzcGvlofCuRdPgs0vWdi9grEFf3x9XMJMldScxVLZwPtNt4I5ucNJ3M4cR8bevFUVFuUUptbd8QAzSlJi5c5%2BDV4pY7cV2r92g0jlCFuTit6UJLE2pQT4gnBSxBn4rLB3lRFjCwHwgHB%2BcfrP7Ole%2BleUn%2BoRN2lPbQEUqV1XnrDrmOvkqezzAelJkQOvASJJ2k3NPhTFctKvRzflI%2FtJkil5lWpG0fguxxbEfuC4WNyCMPNpoGKPPqSi6Ee179%2BHv6JNH3ahRie7WiisM47r%2FzybHBBWvC0JZJY1FoWO3SuUT%2BEE7H39x0OnvN5me9rMSvGs3U2wh1bq6nM1uiGDOFE9ZljNL%2FGnNrz0N0qZISVQiMhfd7%2FZT7Hc2FtaKG5%2F%2BpHM2Ne5x7mlzh1OfO8tZUb4riI34LPVel5h4dCO2YLIlmQaT3WRKcLPcriHILBNJHtiiahjpLe13y%2BQ%2F2T0jO7xPeaZ13Yfvz%2Bm1dnagZoU0lYVQ6TkSIxQTVGHn9yNAbXEnv84dzrQeSX6Wxqn3e4VPDO4ZbddDY8He8vTsGgII1c%2B6T186tSpXTH%2Bw6YYXwMxmmozM0%2BiVQumldvPj7%2FeIyVz6%2B8WbzmyHvnt7cAbSwHSrJ7Z2d9yXZ%2BKepdDxfR5nMhP3f46PdYm4mB5uiYHkeXRrClbCE3joZVnNZ8Q27hFmbvs4U6LkBtcSWuweiHlLF%2F3P%2FTUgYXdT8HLpaPOq%2FoYULrvNa6zMwPRSNHHINnJ3lYq0Tl%2F3WHU1e65JnHikQpjJgyMdfRtRmJVrWIYWdXrOBQjrOycY2956vPyJLPCwPNFnOUHz9%2FwraVQOVnIimq7arnqXNc1lTy4vR73gHqq2YzZ%2FeJbwLR%2Fs8dXhB3Ol7rvCIAld17uRiqZCOzFRghz4Z04H2pLG7GeVdGS3YIj8KEWJQSNJaDfDz7jUIrBKDorsI4iGk9jy07tAizWAk1HGw9L3hs6vOOd5WW5fcdbrNd7CAKGeArU9vTvCx71Z4Ary%2FQlOJWAKH7uys8PA3YzAikrsBvIB6f4t7n6NSHZU5w%2BV5P%2F%2F4WvNn5jk92C3FStiCjE3dIAUYz%2B92B3z1v%2FY87%2FGB%2Ba5JSzwN3Q9%2FP7bKUdcKm4xlroWpFmBN8%2B4lxz6mO1BQEgktWLM8L4M8qP97%2F%2Fnhr4dx9UZB4wVW56RMGnC9N2%2FzeA8TC4YE9nQuk1bBw%2Fb7K5j3nipAIHs5eePpCFsuP9xfe2kt4q6fTQPBbkPLOSZm%2B1FlCXRZUqqbinpAHmY%2Fn%2F%2FrRS3EFyS4C4b2AUNbbdxv%2FvMPTQUdc9JpXws%2BLgdjiOfnjDs8yUx6zl%2BVBXOiTWVyc33k9x6jwR2r3vszpx%2FXVosJN7kAa4ox01IK2hHYDRH%2B%2B%2FIMOes4rstnMQg7Euly3n6z8vMPVrIX32es2y9trmTZM%2FrjKptpS319y%2FW6dbHxVQc%2BvEDwRCqK5y3ymsiGCuDu6EsE4mV8x3Gfpc96N%2BcZDn4f%2Fv%2BQgCz7qVkKJfuYstrmuGaDLmF%2F%2FJmaZ5NVqcPEvV9nUjcp3YQD5TyC8mrBIDBIzydv7%2Fr4BSWCYyPJ12PkVu%2FW4MerNpMn7twjIz%2Ff%2Ff%2BUrX%2FnKV77yla985Stf%2BcpXvvKVr3zlK1%2F5yle%2B8pWvfOUrX%2FnKV77yla985Stf%2BcpXvvKVr3zlK1%2F5yle%2B8pWvfOUrX%2FnKV77yla985Stf%2BcpXvvKVr3zlK1%2F5yle%2B8pWvfOUrX%2FnKV77yla985Stf%2BcpXvvKVr3zlK1%2F5yle%2B8pWvfOUrX%2FnKV77yla985Stf%2BcpXvvKVr3zlK1%2F5yle%2B8pWvfOUrX%2FnKV77yFYD%2FB92aGZl3Kab3AAAyGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzYgKE1hY2ludG9zaCk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTMtMTAtMjFUMTQ6NDU6NTZaPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTMtMTAtMjFUMTQ6NTU6MjBaPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24%2BCiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI%2BCiAgICAgICAgIDxkYzpmb3JtYXQ%2BaW1hZ2UvcG5nPC9kYzpmb3JtYXQ%2BCiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY%2BCjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8%2Be2F%2F5wAAAQBJREFUeJzt0UENACAQwLAD%2F57hjQL2aBUs2ZozZ8jYvwN4GRJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSIwhMYbEGBJjSMwF600CxovzoBMAAAAASUVORK5CYII%3D"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-img-ref.html b/layout/reftests/svg/foreignObject-img-ref.html
new file mode 100644
index 0000000000..1829e76cbb
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-img-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<style>
+div { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: lime; }
+</style>
+<div></div>
diff --git a/layout/reftests/svg/foreignObject-img.html b/layout/reftests/svg/foreignObject-img.html
new file mode 100644
index 0000000000..7245267a2a
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-img.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+img { position: absolute; top: 0; left: 0; }
+</style>
+<img src="foreignObject-img-helper.svg">
+<script>
+
+// The load of the data: URL inside foreignObject-img-helper.svg does not block
+// the load event of the <img> in this document, so we loop, painting the image
+// to a canvas, to tell when it's ready. (So if this test fails, it will fail
+// by timing out.)
+
+var img = document.querySelector("img");
+var canvas = document.createElement("canvas");
+var ctx = canvas.getContext("2d");
+
+function paint() {
+  ctx.drawImage(img, 0, 0);
+  if (ctx.getImageData(0, 0, 1, 1).data[1] == 255) {
+    document.documentElement.className = "";
+  } else {
+    requestAnimationFrame(paint);
+  }
+}
+
+paint();
+
+</script>
diff --git a/layout/reftests/svg/foreignObject-move-repaint-01.svg b/layout/reftests/svg/foreignObject-move-repaint-01.svg
new file mode 100644
index 0000000000..43dd296286
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-move-repaint-01.svg
@@ -0,0 +1,41 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:html="http://www.w3.org/1999/xhtml"
+     class="reftest-wait">
+
+  <title>Testcase for repaint of the area previously covered by a foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=369992 -->
+
+  <script type="application/javascript">
+
+// The green rect is initially covered by the red div. After the div
+// has rendered the foreignObject (and thus div) is moved out
+// of the viewport which should then be filled by the green rect as a result.
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  function doTest() {
+    document.getElementById('fo').setAttribute('y', '100%');
+
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <!-- Create the "pass" rect using a foreignObject so the testcase doesn't
+       seem to pass if foreignObject is not supported -->
+  <foreignObject width="100%" height="100%">
+    <html:div style="display:block;width:100%;height:100%;background:lime;"/>
+  </foreignObject>
+
+  <foreignObject id="fo" width="100%" height="100%">
+    <html:div style="display:block;width:100%;height:100%;background:red;"/>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/svg/foreignObject-overflow-01.svg b/layout/reftests/svg/foreignObject-overflow-01.svg
new file mode 100644
index 0000000000..e75c1b1389
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-overflow-01.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">
+
+  <title>Testcase: foreignObject should clip its content</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=378897 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <!-- Create the "pass" rect using a foreignObject so the testcase doesn't
+       seem to pass if foreignObject is not supported -->
+  <foreignObject width="100%" height="100%">
+    <html:div style="display:block; height:100%; width:100%; background: lime;"/>
+  </foreignObject>
+
+  <!-- test 'overflow' -->
+  <foreignObject x="-10" y="-10" width="10" height="10">
+    <html:div style="display:block; height:10000px; width:10000px; background:red;"/>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/svg/foreignObject-start-hidden-01.svg b/layout/reftests/svg/foreignObject-start-hidden-01.svg
new file mode 100644
index 0000000000..d6464b7f00
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-start-hidden-01.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     height="0" width="0">
+  <script>
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      document.documentElement.removeAttribute("width");
+      document.documentElement.removeAttribute("height");
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject width="100%" height="100%">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; width:100%; height:100%;"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-start-hidden-02.svg b/layout/reftests/svg/foreignObject-start-hidden-02.svg
new file mode 100644
index 0000000000..fc95ef5acf
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-start-hidden-02.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     height="0" width="0" viewBox="0 0 50 50" preserveAspectRatio="none">
+  <script>
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      document.documentElement.removeAttribute("width");
+      document.documentElement.removeAttribute("height");
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject width="100%" height="100%">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; width:100%; height:100%;"/>
+  </foreignObject>
+</svg>
diff --git a/layout/reftests/svg/foreignObject-style-change-01.svg b/layout/reftests/svg/foreignObject-style-change-01.svg
new file mode 100644
index 0000000000..eaf52c6b31
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-style-change-01.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     class="reftest-wait">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=708155 -->
+
+  <title>Testcase for style change on foreignObject</title>
+
+  <script>
+
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  function doTest() {
+    document.getElementById('fo').style.opacity = '1';
+    
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject id="fo" width="100%" height="100%" opacity="0">
+    <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%;background-color: lime;">
+    </div>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/svg/foreignObject-vertical-01-ref.svg b/layout/reftests/svg/foreignObject-vertical-01-ref.svg
new file mode 100644
index 0000000000..2f468e7647
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-vertical-01-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <rect width="100" height="200" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/foreignObject-vertical-01.svg b/layout/reftests/svg/foreignObject-vertical-01.svg
new file mode 100644
index 0000000000..ea6d80b6f8
--- /dev/null
+++ b/layout/reftests/svg/foreignObject-vertical-01.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <rect width="100" height="200" fill="red"/>
+  <foreignObject width="100" height="200" style="writing-mode: vertical-lr;">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+         style="background:lime; display:block; width:100%; height:100%;"/>
+  </foreignObject>
+
+</svg>
diff --git a/layout/reftests/svg/fragid-shadow-1.html b/layout/reftests/svg/fragid-shadow-1.html
new file mode 100644
index 0000000000..80ec6eb5bc
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-1.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<svg style="position: absolute; width: 0; height: 0">
+  <defs>
+    <pattern id="rect" width="100" height="100">
+      <rect fill="red" width="100" height="100" />
+    </pattern>
+  </defs>
+</svg>
+<div id="host"></div>
+<script>
+  // Should peek the pattern from the shadow root (green), not from the document (red).
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <defs>
+        <pattern id="rect" width="100" height="100">
+          <rect fill="lime" width="100" height="100" />
+        </pattern>
+      </defs>
+      <rect fill="url(#rect)" width="100" height="100" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-10.html b/layout/reftests/svg/fragid-shadow-10.html
new file mode 100644
index 0000000000..a334a86aee
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-10.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<style>
+  #shadow rect {
+    fill: red !important;
+  }
+</style>
+<div id="host"></div>
+<svg height="0">
+  <!-- use an empty g to force fragid-shadow-resource.svg to load before onload -->
+  <use href="fragid-shadow-resource.svg#empty" />
+</svg>
+<script>
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <use href="fragid-shadow-resource.svg#shadow" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-2.html b/layout/reftests/svg/fragid-shadow-2.html
new file mode 100644
index 0000000000..55bd9edc10
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-2.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<div id="host"></div>
+<script>
+  // Test dynamic id changes inside the shadow root.
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <defs>
+        <pattern id="rect1" width="100" height="100">
+          <rect fill="lime" width="100" height="100" />
+        </pattern>
+      </defs>
+      <rect fill="url(#rect)" width="100" height="100" />
+    </svg>
+  `;
+  document.body.offsetTop;
+  host.shadowRoot.getElementById("rect1").id = "rect";
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-3.html b/layout/reftests/svg/fragid-shadow-3.html
new file mode 100644
index 0000000000..6ad2a491d0
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-3.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<div id="host"></div>
+<svg height="0">
+  <!-- use an empty g to force fragid-shadow-resource.svg to load before onload -->
+  <use href="fragid-shadow-resource.svg#empty">
+</svg>
+<script>
+  // Test that external resource URIs resolve properly inside shadow trees.
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <rect fill="url(fragid-shadow-resource.svg#rect)" width="100" height="100" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-4.html b/layout/reftests/svg/fragid-shadow-4.html
new file mode 100644
index 0000000000..ade93f70a6
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-4.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<div id="host"></div>
+<script>
+  // Test references in <svg:use> work properly.
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <defs>
+        <rect fill="lime" id="rect-4" width="100" height="100">
+      </defs>
+      <use href="#rect-4" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-5.html b/layout/reftests/svg/fragid-shadow-5.html
new file mode 100644
index 0000000000..02d0d6941c
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-5.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<div id="host"></div>
+<script>
+  // Test absolute URIs inside shadow trees, which behave the same way as just the fragment id.
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <defs>
+        <rect fill="lime" id="rect-5" width="100" height="100">
+      </defs>
+      <use href="${location.href}#rect-5" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-6.html b/layout/reftests/svg/fragid-shadow-6.html
new file mode 100644
index 0000000000..684f4fe71d
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-6.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<svg style="position: absolute; width: 0; height: 0">
+  <defs>
+    <pattern id="rect" width="100" height="100">
+      <rect fill="red" width="100" height="100" />
+    </pattern>
+  </defs>
+</svg>
+<div id="host"></div>
+<script>
+  // Should peek the pattern from the shadow root (green), not from the document (red),
+  // even though the uri is absolute.
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <defs>
+        <pattern id="rect" width="100" height="100">
+          <rect fill="lime" width="100" height="100" />
+        </pattern>
+      </defs>
+      <rect fill="url(${location.href}#rect)" width="100" height="100" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-7.html b/layout/reftests/svg/fragid-shadow-7.html
new file mode 100644
index 0000000000..2f4702d9a1
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-7.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<svg style="position: absolute; width: 0; height: 0">
+  <defs>
+    <pattern id="rect" width="100" height="100">
+      <rect fill="red" width="100" height="100" />
+    </pattern>
+  </defs>
+</svg>
+<div id="host"></div>
+<script>
+  // Test references from a <svg:use> subtree.
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <svg width="100" height="100">
+      <defs>
+        <pattern id="rect" width="100" height="100">
+          <rect fill="red" width="100" height="100" />
+        </pattern>
+        <symbol id="useme">
+          <pattern id="rect" width="100" height="100">
+            <rect fill="lime" width="100" height="100" />
+          </pattern>
+          <rect fill="url(#rect)" width="100" height="100" />
+        </symbol>
+      </defs>
+      <use href="#useme" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-8.html b/layout/reftests/svg/fragid-shadow-8.html
new file mode 100644
index 0000000000..169fdd6ecc
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-8.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<svg width="100" height="100">
+  <defs>
+    <pattern id="rect" width="100" height="100">
+      <rect fill="red" width="100" height="100" />
+    </pattern>
+    <symbol id="useme">
+      <pattern id="rect" width="100" height="100">
+        <rect fill="lime" width="100" height="100" />
+      </pattern>
+      <rect fill="url(#rect)" width="100" height="100" />
+    </symbol>
+  </defs>
+  <use href="#useme" />
+</svg>
diff --git a/layout/reftests/svg/fragid-shadow-9.html b/layout/reftests/svg/fragid-shadow-9.html
new file mode 100644
index 0000000000..c689d76590
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-9.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<style>
+  #shadow {
+    fill: red;
+  }
+</style>
+<div id="host"></div>
+<script>
+  host.attachShadow({ mode: "open" }).innerHTML = `
+    <style>
+      #shadow {
+        fill: lime;
+      }
+    </style>
+    <svg width="100" height="100">
+      <defs>
+        <g id="shadow" width="100" height="100">
+          <rect width="100" height="100" />
+        </g>
+      </defs>
+      <use href="#shadow" />
+    </svg>
+  `;
+</script>
diff --git a/layout/reftests/svg/fragid-shadow-ref.html b/layout/reftests/svg/fragid-shadow-ref.html
new file mode 100644
index 0000000000..e943ddf7fd
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<svg width="100" height="100">
+  <rect fill="lime" width="100" height="100" />
+</svg>
diff --git a/layout/reftests/svg/fragid-shadow-resource.svg b/layout/reftests/svg/fragid-shadow-resource.svg
new file mode 100644
index 0000000000..0a2f2359b8
--- /dev/null
+++ b/layout/reftests/svg/fragid-shadow-resource.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <g id="empty" />
+    <pattern id="rect" width="100" height="100">
+      <rect fill="lime" width="100" height="100" />
+    </pattern>
+    <g id="shadow" width="100" height="100">
+      <rect fill="lime" width="100" height="100" />
+    </g>
+  </defs>
+</svg>
diff --git a/layout/reftests/svg/fragmentIdentifier-01.xhtml b/layout/reftests/svg/fragmentIdentifier-01.xhtml
new file mode 100644
index 0000000000..5a2682825e
--- /dev/null
+++ b/layout/reftests/svg/fragmentIdentifier-01.xhtml
@@ -0,0 +1,31 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Testcases for SVG fragment identifiers</title>
+    <style>
+
+iframe {
+  border: none;
+}
+
+    </style>
+  </head>
+  <body style="background-color: lime;">
+    <div>
+      <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#limeView" />
+      <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100))" />
+      <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#view" />
+    </div>
+    <div>
+      <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,200)))" />
+      <iframe scrolling="no" id="replace" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,0))" />
+      <iframe scrolling="no" id="remove" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100);transform(translate(0,200)))" />
+    </div>
+    <script type="text/javascript">
+      window.onload = function() {
+        document.getElementById("replace").setAttribute("src","fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,200)))");
+        document.getElementById("remove").setAttribute("src","fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100))");
+        document.documentElement.removeAttribute("class");
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/svg/fragmentIdentifier-rect-01.svg b/layout/reftests/svg/fragmentIdentifier-rect-01.svg
new file mode 100644
index 0000000000..29edaa4917
--- /dev/null
+++ b/layout/reftests/svg/fragmentIdentifier-rect-01.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <style>
+      view:target + a rect {
+          fill: lime;
+      }
+  </style>
+
+  <view id="limeView" viewBox="0 200 100 100"/>
+
+  <rect fill="red" height="100%" width="100%"/>
+  <rect fill="lime" x="0" y="200" height="100" width="100"/>
+
+  <view id="view" viewBox="200 200 100 100"/>
+  <a xlink:href="#view">
+      <rect fill="red" x="200" y="200" height="100" width="100"/>
+  </a>
+</svg>
diff --git a/layout/reftests/svg/g-transform-01.svg b/layout/reftests/svg/g-transform-01.svg
new file mode 100644
index 0000000000..bd4071abb5
--- /dev/null
+++ b/layout/reftests/svg/g-transform-01.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <script>
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      document.getElementById("g").transform.baseVal.getItem(0).setTranslate(20, 20);
+      document.getElementById("r2").transform.baseVal.getItem(0).setTranslate(70, 70);
+      document.getElementById("r1").transform.baseVal.getItem(0).setTranslate(180, 180);
+
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g transform="translate(20 20)">
+    <rect transform="translate(70 70)" width="40" height="40" fill="red"/>
+    <rect transform="translate(180 180)" width="40" height="40" fill="red"/>
+  </g>
+  <g transform="translate(0 1)" id="g">
+    <rect transform="translate(49 49)" width="42" height="42" id="r2" fill="lime"/>
+    <rect transform="translate(89 89)" width="42" height="42" id="r1" fill="lime"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/geometry-properties-in-css-ref.html b/layout/reftests/svg/geometry-properties-in-css-ref.html
new file mode 100644
index 0000000000..8fb46ac7dd
--- /dev/null
+++ b/layout/reftests/svg/geometry-properties-in-css-ref.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<svg width="800" height="600">
+  <g>
+    <rect x="40" y="40" width="100" height="100" rx="30" ry="30" fill="purple" />
+    <rect x="40" y="150" width="30" height="200" rx="20" ry="20" fill="magenta" />
+  </g>
+  <circle cx="170" cy="340" r="70px" fill="pink" />
+  <g>
+    <circle cx="230" cy="130" r="70px" fill="skyblue" />
+  </g>
+  <svg x="300" width="200" height="200" viewBox="0 0 100 100">
+    <ellipse cx="30" cy="100" rx="20" ry="40" fill="cyan" />
+    <ellipse cx="80" cy="50" rx="20" ry="40" fill="navy" />
+  </svg>
+  <foreignObject x="450" y="200" width="80" height="130">
+    <svg>
+      <rect width="50" height="50" rx="4" ry="4" fill="brown" />
+    </svg>
+  </foreignObject>
+  <rect x="300" y="260" width="50" height="50" fill="red" />
+  <defs>
+      <rect id="r3" width="80" height="80" fill="skyblue" />
+  </defs>
+  <use x="400" y="310" href="#r3"/>
+</svg>
diff --git a/layout/reftests/svg/geometry-properties-in-css.html b/layout/reftests/svg/geometry-properties-in-css.html
new file mode 100644
index 0000000000..a17795f3f3
--- /dev/null
+++ b/layout/reftests/svg/geometry-properties-in-css.html
@@ -0,0 +1,92 @@
+<!doctype html>
+<style>
+  svg {
+    width: 800px;
+    height: 600px;
+    font-size: 10px;
+  }
+  svg svg {
+    width: 80px;
+    height: 80px;
+  }
+  rect:first-child {
+    x: 40px;
+    y: calc(5% + 10px);
+    width: calc(80px + 2em);
+    height: 10em;
+    rx: auto;
+    ry: 5%;
+    cx: 100px;
+    cy: 200px;
+  }
+  circle {
+    r: calc(70px);
+  }
+  g > #c2 {
+    cx: 80px;
+    cy: calc(20% + 10px);
+    x: 40px;
+    y: calc(5% + 10px);
+  }
+  svg > svg > ellipse {
+    cx: 30%;
+    cy: 100px;
+    rx: 20px;
+    ry: 40px;
+  }
+  svg > svg > ellipse:nth-child(2) {
+    transform: translate(50px, -50px);
+  }
+  svg ellipse {
+    cx: 10px;
+    cy: 10px;
+    rx: 10px;
+    ry: 10px;
+  }
+  foreignObject {
+    transform: translate(450px,0);
+    y: 200px;
+    width: 80px;
+    height: 130px;
+  }
+  #r2 {
+    width: 50px;
+    height:50px;
+  }
+  svg image {
+    x: 300px;
+    y: 260px;
+    height: 50px;
+  }
+  use {
+    x:400px;
+    y:310px;
+  }
+</style>
+<svg>
+  <g>
+    <rect x="0" y="-10" width="30px" height="10px" rx="-5px" ry="auto" fill="purple" />
+    <rect x=" 40px /* some nonsense */ " y="150" width="30" height="20em" rx="20px" ry="20px" fill="magenta" />
+  </g>
+  <circle cx="/* more nonsense */ 170" cy="340" r="-5px" fill="pink" />
+  <g transform="translate(150,0)">
+    <circle id="c2" cx="20" cy="40" fill="skyblue" />
+  </g>
+  <svg x="300" width="200px" height="200px" viewBox="0 0 100 100">
+    <ellipse fill="cyan" />
+    <ellipse fill="navy" />
+  </svg>
+  <foreignObject>
+    <svg>
+      <rect id="r2" style="x:0;y:0" fill="brown" />
+    </svg>
+  </foreignObject>
+  <image href="data:image/svg+xml,<svg width='10' height='10' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='red' /></svg>" />
+  <defs>
+    <g id="g">
+      <rect display="none"/>
+      <rect width="80" height="80" fill="skyblue" />
+    </g>
+  </defs>
+  <use href="#g"/>
+</svg>
diff --git a/layout/reftests/svg/getElementById-a-element-01.svg b/layout/reftests/svg/getElementById-a-element-01.svg
new file mode 100644
index 0000000000..272e312913
--- /dev/null
+++ b/layout/reftests/svg/getElementById-a-element-01.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     onload="handleLoad(evt);">
+
+  <title>Testcase for getElementById finding &lt;a&gt; element</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=320724 -->
+
+  <script type="application/ecmascript">
+  <![CDATA[
+
+function handleLoad(event)
+{
+  document.getElementById('a').setAttribute('fill', 'lime');
+}
+
+  ]]>
+  </script>
+
+  <a id="a" fill="red">
+    <rect width="100%" height="100%" fill="inherit"/>
+  </a>
+
+</svg>
diff --git a/layout/reftests/svg/gradient-href-01.html b/layout/reftests/svg/gradient-href-01.html
new file mode 100644
index 0000000000..32a5fb35b8
--- /dev/null
+++ b/layout/reftests/svg/gradient-href-01.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base href="/"/>
+  </head>
+  <body bgcolor="lime">
+    <svg width="100%" height="100%">
+      <defs>
+        <linearGradient id="b">
+          <stop offset="0" stop-color="lime"/>
+          <stop offset="1" stop-color="lime"/>
+        </linearGradient>
+        <linearGradient id="a" xlink:href="#b"/>
+      </defs>
+      <rect width="100%" height="100%" fill="red"/>
+      <rect width="100%" height="100%" fill="url(#a)"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/gradient-live-01-ref.svg b/layout/reftests/svg/gradient-live-01-ref.svg
new file mode 100644
index 0000000000..2b02d6926c
--- /dev/null
+++ b/layout/reftests/svg/gradient-live-01-ref.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink" font-size="80">
+
+<linearGradient id="grad1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+  <stop id="green"   stop-color="#00dd00"   offset="0"/>
+  <stop id="blue"    stop-color="#0000dd"   offset="0.5"/>
+  <stop id="magenta" stop-color="magenta"   offset="1"/>
+</linearGradient>
+<rect x="20" y="20" width="440" height="80" fill="url(#grad1)" />
+
+<linearGradient id="grad2" xlink:href="#grad1"/>
+<rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
+<text x="20" y="300" width="440" height="80" fill="url(#grad1)">gradiation</text>
+<text x="20" y="400" width="440" height="80" fill="url(#grad2)">gradiation</text>
+
+</svg>
diff --git a/layout/reftests/svg/gradient-live-01a.svg b/layout/reftests/svg/gradient-live-01a.svg
new file mode 100644
index 0000000000..4c3c1633fe
--- /dev/null
+++ b/layout/reftests/svg/gradient-live-01a.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" font-size="80">
+
+<script type="application/javascript">
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+  
+  function doTest() {
+    document.getElementById('grad1').removeChild(document.getElementById('red'));
+    document.documentElement.removeAttribute('class');
+  }
+  
+</script>
+
+<!-- Tests that gradients are live to stop removal. -->
+
+<linearGradient id="grad1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+  <stop id="green"   stop-color="#00dd00"   offset="0"/>
+  <stop id="blue"    stop-color="#0000dd"   offset="0.5"/>
+  <stop id="red"     stop-color="red"       offset="0.6"/>
+  <stop id="magenta" stop-color="magenta"   offset="1"/>
+</linearGradient>
+<rect x="20" y="20" width="440" height="80" fill="url(#grad1)" />
+
+<linearGradient id="grad2" xlink:href="#grad1"/>
+<rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
+<text x="20" y="300" width="440" height="80" fill="url(#grad1)">gradiation</text>
+<text x="20" y="400" width="440" height="80" fill="url(#grad2)">gradiation</text>
+
+</svg>
diff --git a/layout/reftests/svg/gradient-live-01b.svg b/layout/reftests/svg/gradient-live-01b.svg
new file mode 100644
index 0000000000..d5f134b915
--- /dev/null
+++ b/layout/reftests/svg/gradient-live-01b.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" font-size="80">
+
+<script type="application/javascript">
+  document.addEventListener("MozReftestInvalidate", doTest, false);
+
+  function doTest() {
+    document.getElementById('blue').setAttribute('offset', '0.5');
+    document.documentElement.removeAttribute('class');
+  }
+</script>
+
+<!-- Tests that gradients are live to stop offset changes. -->
+
+<linearGradient id="grad1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+  <stop id="green"   stop-color="#00dd00"   offset="0"/>
+  <stop id="blue"    stop-color="#0000dd"   offset="0.9"/>
+  <stop id="magenta" stop-color="magenta"   offset="1"/>
+</linearGradient>
+<rect x="20" y="20" width="440" height="80" fill="url(#grad1)" />
+
+<linearGradient id="grad2" xlink:href="#grad1"/>
+<rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
+<text x="20" y="300" width="440" height="80" fill="url(#grad1)">gradiation</text>
+<text x="20" y="400" width="440" height="80" fill="url(#grad2)">gradiation</text>
+
+</svg>
diff --git a/layout/reftests/svg/gradient-live-01c.svg b/layout/reftests/svg/gradient-live-01c.svg
new file mode 100644
index 0000000000..5cf26a20ed
--- /dev/null
+++ b/layout/reftests/svg/gradient-live-01c.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" font-size="80">
+
+ <script type="application/javascript">
+   document.addEventListener("MozReftestInvalidate", doTest, false);
+
+   function doTest() {
+     document.getElementById('blue').setAttribute('stop-color', '#0000dd');
+     document.documentElement.removeAttribute('class');
+   }
+
+ </script>
+
+<!-- Tests that gradients are live to stop color changes. -->
+
+<linearGradient id="grad1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+  <stop id="green"   stop-color="#00dd00"   offset="0"/>
+  <stop id="blue"    stop-color="red"       offset="0.5"/>
+  <stop id="magenta" stop-color="magenta"   offset="1"/>
+</linearGradient>
+<rect x="20" y="20" width="440" height="80" fill="url(#grad1)" />
+
+<linearGradient id="grad2" xlink:href="#grad1"/>
+<rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
+<text x="20" y="300" width="440" height="80" fill="url(#grad1)">gradiation</text>
+<text x="20" y="400" width="440" height="80" fill="url(#grad2)">gradiation</text>
+
+</svg>
diff --git a/layout/reftests/svg/gradient-live-01d.svg b/layout/reftests/svg/gradient-live-01d.svg
new file mode 100644
index 0000000000..bbfe3098ee
--- /dev/null
+++ b/layout/reftests/svg/gradient-live-01d.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" font-size="80">
+     
+<!-- Tests that gradients are live to stop addition. -->
+
+<script>
+document.addEventListener("MozReftestInvalidate", addBlueStop, false);
+
+function addBlueStop()
+{
+  var stop = document.createElementNS("http://www.w3.org/2000/svg", "stop");
+  stop.setAttribute("stop-color", "#0000dd");
+  stop.setAttribute("offset", "0.5");
+  document.getElementById("grad1").insertBefore(stop, document.getElementById("magenta"));
+  document.documentElement.removeAttribute('class');
+}
+
+</script>
+
+<linearGradient id="grad1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+  <stop id="green"   stop-color="#00dd00"   offset="0"/>
+  <stop id="magenta" stop-color="magenta"   offset="1"/>
+</linearGradient>
+<rect x="20" y="20" width="440" height="80" fill="url(#grad1)" />
+
+<linearGradient id="grad2" xlink:href="#grad1"/>
+<rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
+<text x="20" y="300" width="440" height="80" fill="url(#grad1)">gradiation</text>
+<text x="20" y="400" width="440" height="80" fill="url(#grad2)">gradiation</text>
+
+</svg>
diff --git a/layout/reftests/svg/gradient-transform-01.svg b/layout/reftests/svg/gradient-transform-01.svg
new file mode 100644
index 0000000000..5b06d7ef7f
--- /dev/null
+++ b/layout/reftests/svg/gradient-transform-01.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+  viewBox="0 0 100 100" preserveAspectRatio="none">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=946529 -->
+  <title>Test for gradientTransform with scientific notation</title>
+  <desc>
+    Creates a horizontal linear gradient when the left half is red and the right
+    half is green and with a width just over twice the width of the rectangle.
+
+    Then a gradientTransform using exponential notation shifts the gradient to
+    the left so that only the red part shows.
+  </desc>
+  <defs>
+    <linearGradient id="grad"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(-1.1e2 0)"
+      x1="0" y1="0" x2="210" y2="0">
+      <stop stop-color="red"  offset="0"/>
+      <stop stop-color="red"  offset="0.5"/>
+      <stop stop-color="lime" offset="0.5"/>
+      <stop stop-color="lime" offset="1"/>
+    </linearGradient>
+  </defs>
+  <rect width="100" height="100" fill="url(#grad) orange"/>
+</svg>
diff --git a/layout/reftests/svg/href-attr-change-restyles-ref.svg b/layout/reftests/svg/href-attr-change-restyles-ref.svg
new file mode 100644
index 0000000000..3294f4e4b5
--- /dev/null
+++ b/layout/reftests/svg/href-attr-change-restyles-ref.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Test for bug 549797 - Removing href attribute doesn't remove link styling</title>
+
+  <style type="text/css">
+  <![CDATA[
+a {
+  fill: blue;
+}
+a:link, a:visited {
+  fill: red;
+}
+  ]]>
+  </style>
+
+  <a>
+    <text x="10" y="100">Test anchor 1</text>
+  </a>
+
+  <a xlink:href="http://example.com/1">
+    <text x="10" y="200">Test anchor 2</text>
+  </a>
+
+  <a xlink:href="">
+    <text x="10" y="300">Test anchor 3</text>
+  </a>
+
+</svg>
diff --git a/layout/reftests/svg/href-attr-change-restyles.svg b/layout/reftests/svg/href-attr-change-restyles.svg
new file mode 100644
index 0000000000..d418f45620
--- /dev/null
+++ b/layout/reftests/svg/href-attr-change-restyles.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="document.getElementById('link1').removeAttribute('xlink:href');
+             document.getElementById('link2').setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http://example.com/1');
+             document.getElementById('link3').setAttributeNS('http://www.w3.org/1999/xlink', 'href', '');">
+
+  <title>Test for bug 549797 - Removing href attribute doesn't remove link styling</title>
+
+  <style type="text/css">
+  <![CDATA[
+a {
+  fill: blue;
+}
+a:link, a:visited {
+  fill: red;
+}
+  ]]>
+  </style>
+
+  <a id="link1" xlink:href="http://example.com/1">
+    <text x="10" y="100">Test anchor 1</text>
+  </a>
+
+  <a id="link2">
+    <text x="10" y="200">Test anchor 2</text>
+  </a>
+
+  <a id="link3">
+    <text x="10" y="300">Test anchor 3</text>
+  </a>
+
+</svg>
diff --git a/layout/reftests/svg/image/blueRect10x10-viewBox-animPAR.svg b/layout/reftests/svg/image/blueRect10x10-viewBox-animPAR.svg
new file mode 100644
index 0000000000..9168e86355
--- /dev/null
+++ b/layout/reftests/svg/image/blueRect10x10-viewBox-animPAR.svg
@@ -0,0 +1,12 @@
+<!-- Helper SVG file used by some reftests -->
+<!-- This file has an animated preserveAspectRatio value on the root node, so
+     any uses of this file via <image preserveAspectRatio="defer..."> should
+     end up using our *animated* preserveAspectRatio value. -->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="root"
+     viewBox="0 0 10 10" preserveAspectRatio="xMaxYMax">
+  <set attributeName="preserveAspectRatio" to="none"/>
+
+  <rect x="0"  y="0"  width="10" height="10" fill="blue"/>
+  <rect x="1" y="1" width="8"  height="8"  fill="lightblue"/>
+  <rect x="1" y="1" width="8"  height="4"  fill="teal"/>
+</svg>
diff --git a/layout/reftests/svg/image/blueRect10x10-viewBox.svg b/layout/reftests/svg/image/blueRect10x10-viewBox.svg
new file mode 100644
index 0000000000..d5bb444a94
--- /dev/null
+++ b/layout/reftests/svg/image/blueRect10x10-viewBox.svg
@@ -0,0 +1,7 @@
+<!-- Helper SVG file used by some reftests -->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="root"
+     viewBox="0 0 10 10">
+  <rect x="0"  y="0"  width="10" height="10" fill="blue"/>
+  <rect x="1" y="1" width="8"  height="8"  fill="lightblue"/>
+  <rect x="1" y="1" width="8"  height="4"  fill="teal"/>
+</svg>
diff --git a/layout/reftests/svg/image/blueRect10x10.png b/layout/reftests/svg/image/blueRect10x10.png
new file mode 100644
index 0000000000..722e97c1eb
Binary files /dev/null and b/layout/reftests/svg/image/blueRect10x10.png differ
diff --git a/layout/reftests/svg/image/blueRect10x10.svg b/layout/reftests/svg/image/blueRect10x10.svg
new file mode 100644
index 0000000000..65e4014467
--- /dev/null
+++ b/layout/reftests/svg/image/blueRect10x10.svg
@@ -0,0 +1,6 @@
+<!-- Helper SVG file used by some reftests -->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="root">
+  <rect x="0"  y="0"  width="10" height="10" fill="blue"/>
+  <rect x="1" y="1" width="8"  height="8"  fill="lightblue"/>
+  <rect x="1" y="1" width="8"  height="4"  fill="teal"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-fill-01.svg b/layout/reftests/svg/image/image-fill-01.svg
new file mode 100644
index 0000000000..832be6c048
--- /dev/null
+++ b/layout/reftests/svg/image/image-fill-01.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase to ensure that fill is ignored for images</title>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="64" height="64" fill="red"/>
+  <image fill="none" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAJFJREFUaEPt1UEOg0AMBEHz/0ez8IY5zFqqKFdLkGrHz7yz/PO9wOrv7qf/81n983uBCwAl1EYgQCD8H5eQhCTUboAAgbCBcNwdaBdIgIAlbjdAgEDYQDjuDrQLJEDAErcbIEAgbCAcdwfaBRIgYInbDRAgEDYQjrsD7QIJELDE7QYIEAgbCMfdgXaBBAhkS3wAXsqyIo0zj4gAAAAASUVORK5CYII="/>
+
+</svg>
diff --git a/layout/reftests/svg/image/image-fill-opacity-ref.html b/layout/reftests/svg/image/image-fill-opacity-ref.html
new file mode 100644
index 0000000000..92b1508cac
--- /dev/null
+++ b/layout/reftests/svg/image/image-fill-opacity-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<svg height=400 width=400>
+    <rect height=20 width=20 x=152 y=138 fill=lime></rect>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/image/image-fill-opacity.html b/layout/reftests/svg/image/image-fill-opacity.html
new file mode 100644
index 0000000000..e0b5f31e0f
--- /dev/null
+++ b/layout/reftests/svg/image/image-fill-opacity.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<svg height=400 width=400>
+    <image fill-opacity=0 height=20 width=20 x=152 y=138 href=lime100x100.png></image>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/image/image-filter-01-ref.svg b/layout/reftests/svg/image/image-filter-01-ref.svg
new file mode 100644
index 0000000000..66ad638ebf
--- /dev/null
+++ b/layout/reftests/svg/image/image-filter-01-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(2, 2)">
+    <image x="0"  y="0"  width="10" height="10" xlink:href="blueRect10x10.png"/>
+    <image x="20" y="0"  width="10" height="10" xlink:href="blueRect10x10.png"/>
+    <image x="0"  y="20" width="10" height="10" xlink:href="blueRect10x10.png"/>
+    <image x="20" y="20" width="10" height="10" xlink:href="blueRect10x10.png"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/image/image-filter-01.svg b/layout/reftests/svg/image/image-filter-01.svg
new file mode 100644
index 0000000000..6ec5a576dc
--- /dev/null
+++ b/layout/reftests/svg/image/image-filter-01.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <!-- This test confirms that images with filters get drawn.
+       (This test uses a no-op filter, for simplicity).
+    -->
+  <style>
+    image { filter: url(#noop); }
+  </style>
+  <defs>
+    <filter id="noop" x="0%" y="0%" width="100%" height="100%">
+      <feConvolveMatrix order="1" kernelMatrix="1"/>
+    </filter>
+  </defs>
+
+  <g transform="translate(2, 2)">
+    <image x="0"  y="0"  width="10" height="10" xlink:href="blueRect10x10.png"/>
+    <image x="20" y="0"  width="10" height="10" xlink:href="blueRect10x10.png"/>
+    <image x="0"  y="20" width="10" height="10" xlink:href="blueRect10x10.png"/>
+    <image x="20" y="20" width="10" height="10" xlink:href="blueRect10x10.png"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/image/image-load-01.svg b/layout/reftests/svg/image/image-load-01.svg
new file mode 100644
index 0000000000..1b8d4264fc
--- /dev/null
+++ b/layout/reftests/svg/image/image-load-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase to ensure that images load when they don't have frames</title>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="64" height="64" fill="red"/>
+
+  <script>
+    var img = document.createElementNS("http://www.w3.org/2000/svg", "image");
+    img.setAttribute("width", "64");
+    img.setAttribute("height", "64");
+    document.querySelector("svg").appendChild(img);
+    img.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAJFJREFUaEPt1UEOg0AMBEHz/0ez8IY5zFqqKFdLkGrHz7yz/PO9wOrv7qf/81n983uBCwAl1EYgQCD8H5eQhCTUboAAgbCBcNwdaBdIgIAlbjdAgEDYQDjuDrQLJEDAErcbIEAgbCAcdwfaBRIgYInbDRAgEDYQjrsD7QIJELDE7QYIEAgbCMfdgXaBBAhkS3wAXsqyIo0zj4gAAAAASUVORK5CYII=");
+  </script>
+
+</svg>
diff --git a/layout/reftests/svg/image/image-opacity-01-ref.svg b/layout/reftests/svg/image/image-opacity-01-ref.svg
new file mode 100644
index 0000000000..63a3f60546
--- /dev/null
+++ b/layout/reftests/svg/image/image-opacity-01-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <use xlink:href="blueRect10x10.svg#root"
+       style="opacity: 0.3"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-opacity-01.svg b/layout/reftests/svg/image/image-opacity-01.svg
new file mode 100644
index 0000000000..9c589d4bfa
--- /dev/null
+++ b/layout/reftests/svg/image/image-opacity-01.svg
@@ -0,0 +1,6 @@
+<!-- Test to make sure "opacity" value is applied correctly on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="blueRect10x10.png" width="10" height="10"
+         style="opacity: 0.3"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-opacity-02-ref.svg b/layout/reftests/svg/image/image-opacity-02-ref.svg
new file mode 100644
index 0000000000..548d1d54f1
--- /dev/null
+++ b/layout/reftests/svg/image/image-opacity-02-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g style="opacity: 0.3">
+    <use xlink:href="blueRect10x10.svg#root"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/image/image-opacity-02.svg b/layout/reftests/svg/image/image-opacity-02.svg
new file mode 100644
index 0000000000..5fd8598d0f
--- /dev/null
+++ b/layout/reftests/svg/image/image-opacity-02.svg
@@ -0,0 +1,7 @@
+<!-- Test to make sure "opacity" value is applied correctly on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g style="opacity: 0.3">
+    <image xlink:href="blueRect10x10.png" width="10" height="10"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-01-raster.svg b/layout/reftests/svg/image/image-preserveAspectRatio-01-raster.svg
new file mode 100644
index 0000000000..d702a798c8
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-01-raster.svg
@@ -0,0 +1,13 @@
+<!-- Test to make sure "preserveAspectRatio" value is applied correctly on
+     <image> tag, when the width:height ratio is less than the image's
+     nativeWidth:nativeHeight  -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="image-rendering: -moz-crisp-edges">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    var grid = generateImageGrid("blueRect10x10.png", 20, 40);
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-01-ref.svg b/layout/reftests/svg/image/image-preserveAspectRatio-01-ref.svg
new file mode 100644
index 0000000000..a0405b3ea9
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-01-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    var grid = generateSymbolGrid("blueRect10x10.svg#root", 20, 40);
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-01-svg.svg b/layout/reftests/svg/image/image-preserveAspectRatio-01-svg.svg
new file mode 100644
index 0000000000..8022671653
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-01-svg.svg
@@ -0,0 +1,12 @@
+<!-- Test to make sure "preserveAspectRatio" value is applied correctly on
+     <image> tag, when the width:height ratio is less than the image's
+     nativeWidth:nativeHeight  -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    var grid = generateImageGrid("blueRect10x10-viewBox.svg", 20, 40);
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-02-raster.svg b/layout/reftests/svg/image/image-preserveAspectRatio-02-raster.svg
new file mode 100644
index 0000000000..14b9ff8fae
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-02-raster.svg
@@ -0,0 +1,13 @@
+<!-- Test to make sure "preserveAspectRatio" value is applied correctly on
+     <image> tag, when the width:height ratio is greater than the image's
+     nativeWidth:nativeHeight  -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="image-rendering: -moz-crisp-edges">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    var grid = generateImageGrid("blueRect10x10.png", 40, 20);
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-02-ref.svg b/layout/reftests/svg/image/image-preserveAspectRatio-02-ref.svg
new file mode 100644
index 0000000000..5ebaa19b03
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-02-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    var grid = generateSymbolGrid("blueRect10x10.svg#root", 40, 20);
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-02-svg.svg b/layout/reftests/svg/image/image-preserveAspectRatio-02-svg.svg
new file mode 100644
index 0000000000..cbe5bc0bcb
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-02-svg.svg
@@ -0,0 +1,12 @@
+<!-- Test to make sure "preserveAspectRatio" value is applied correctly on
+     <image> tag, when the width:height ratio is greater than the image's
+     nativeWidth:nativeHeight  -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    var grid = generateImageGrid("blueRect10x10-viewBox.svg", 40, 20);
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-03-ref.svg b/layout/reftests/svg/image/image-preserveAspectRatio-03-ref.svg
new file mode 100644
index 0000000000..101ad403b0
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-03-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    // My corresponding testcase uses an image with preserveAspectRatio
+    // set to "none" via SMIL animation.  So the testcase's final bonus
+    // "defer" grid-entry will end up rendering with that "none" value.
+    var grid = generateSymbolGrid("blueRect10x10.svg#root", 40, 20,
+                                  "none");
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-03.svg b/layout/reftests/svg/image/image-preserveAspectRatio-03.svg
new file mode 100644
index 0000000000..7bcd0d35bf
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-03.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    // This image has a preserveAspectRatio attribute (animated into
+    // existence), so the bonus image element will use that value
+    // because of the "defer" in its preserveAspectRatio.
+    var grid = generateImageGrid("blueRect10x10-viewBox-animPAR.svg", 40, 20,
+                                 "defer xMinYMin");
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-04-ref.svg b/layout/reftests/svg/image/image-preserveAspectRatio-04-ref.svg
new file mode 100644
index 0000000000..66e8dcf292
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-04-ref.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    // My corresponding testcase uses an image with no preserveAspectRatio on
+    // its root node.  So, the testcase's final bonus "defer" grid-entry will
+    // fall back on the preserveAspectRatio value that comes along with
+    // "defer" (which is "xMinYMin slice" in this case).
+    var grid = generateSymbolGrid("blueRect10x10.svg#root", 40, 20,
+                                  "xMinYMin slice");
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-04.svg b/layout/reftests/svg/image/image-preserveAspectRatio-04.svg
new file mode 100644
index 0000000000..58c8f2b305
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-04.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script xlink:href="util.js" type="text/javascript"/>
+  <script>
+    // This image has no preserveAspectRatio attribute, so in the bonus
+    // image element, we'll actually apply the value that comes along with
+    // "defer" ("xMinYMin slice").
+    var grid = generateImageGrid("blueRect10x10-viewBox.svg", 40, 20,
+                                 "defer xMinYMin slice");
+    grid.setAttribute("transform", "translate(10, 10)");
+    document.documentElement.appendChild(grid);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/image/image-preserveAspectRatio-05.svg b/layout/reftests/svg/image/image-preserveAspectRatio-05.svg
new file mode 100644
index 0000000000..11fadbcb86
--- /dev/null
+++ b/layout/reftests/svg/image/image-preserveAspectRatio-05.svg
@@ -0,0 +1,41 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait">
+
+  <title>Testing that dynamic changes to preserveAspectRatio cause a reflow</title>
+  <script>
+<![CDATA[
+
+function doTest() {
+  var i1 = document.getElementById("i1");
+  i1.preserveAspectRatio.baseVal.align =
+    SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMID;
+  var i2 = document.getElementById("i2");
+  i2.preserveAspectRatio.baseVal.align =
+    SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_NONE;
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+]]>
+  </script>
+
+   <rect width="100%" height="100%" fill="lime"/>
+
+   <!-- this image is a 1x1 red gif -->
+   <image id="i1" preserveAspectRatio="none" x="50" y="50" width="200" height="300"
+          style="image-rendering: optimizeSpeed;"
+          xlink:href="data:image/gif,GIF87a%01%00%01%00%80%01%00%FF%00%00%FF%FF%FF%2C%00%00%00%00%01%00%01%00%00%02%02D%01%00%3B"/>
+  <!-- exactly cover the image if it had preserveAspectRatio="xMidYMid" -->
+  <rect x="50" y="100" width="200" height="200" fill="lime"/>
+
+  <rect x="300" y="100" width="200" height="300" fill="red"/>
+  <!-- and this one is a 1x1 lime PNG -->
+  <!-- which would cover the red rect if it had preserveAspectRatio="none" -->
+  <image id="i2" x="300" y="100" width="200" height="300" preserveAspectRatio="xMidYMid" xlink:href="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%02%00%00%00%90wS%DE%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%0CIDAT%08%D7c%60%F8%CF%00%00%02%02%01%00%AA*%9E'%00%00%00%00IEND%AEB%60%82" />
+
+</svg>
diff --git a/layout/reftests/svg/image/image-rotate-01-ref.svg b/layout/reftests/svg/image/image-rotate-01-ref.svg
new file mode 100644
index 0000000000..bcda450606
--- /dev/null
+++ b/layout/reftests/svg/image/image-rotate-01-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <use xlink:href="blueRect10x10.svg#root"
+       transform="rotate(90 50 50)"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-rotate-01.svg b/layout/reftests/svg/image/image-rotate-01.svg
new file mode 100644
index 0000000000..9a1600f9c2
--- /dev/null
+++ b/layout/reftests/svg/image/image-rotate-01.svg
@@ -0,0 +1,6 @@
+<!-- Test to make sure "rotate" value is applied correctly on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="blueRect10x10.png" width="10" height="10"
+         transform="rotate(90 50 50)"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-rotate-02-ref.svg b/layout/reftests/svg/image/image-rotate-02-ref.svg
new file mode 100644
index 0000000000..e807ff2f49
--- /dev/null
+++ b/layout/reftests/svg/image/image-rotate-02-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <use xlink:href="blueRect10x10.svg#root"
+       transform="translate(60, 80) rotate(180 40 40)"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-rotate-02a.svg b/layout/reftests/svg/image/image-rotate-02a.svg
new file mode 100644
index 0000000000..b04035037f
--- /dev/null
+++ b/layout/reftests/svg/image/image-rotate-02a.svg
@@ -0,0 +1,6 @@
+<!-- Test to make sure "rotate" value is applied correctly on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="blueRect10x10.png" width="10" height="10"
+         transform="translate(60, 80) rotate(180 40 40)"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-rotate-02b.svg b/layout/reftests/svg/image/image-rotate-02b.svg
new file mode 100644
index 0000000000..69bef2794c
--- /dev/null
+++ b/layout/reftests/svg/image/image-rotate-02b.svg
@@ -0,0 +1,7 @@
+<!-- Test to make sure parent's "rotate" value is applied on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(60, 80) rotate(180 40 40)">
+    <image xlink:href="blueRect10x10.png" width="10" height="10"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/image/image-scaling-01.svg b/layout/reftests/svg/image/image-scaling-01.svg
new file mode 100644
index 0000000000..449101a4d6
--- /dev/null
+++ b/layout/reftests/svg/image/image-scaling-01.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=421780
+
+     Test related to bug 421780; make sure that 1-pixel, single-colour images
+     are correctly scaled to the right size.
+
+     This test makes sure that images aren't sized too big; it takes a 100%
+     width lime rect, overlaid with a 183x183 width stretched red image,
+     overlaid with a 183x183 lime rect.
+
+     183 in particular is used because 183*183 > 2^16, and we can easily run
+     into double-scaling bugs that will overflow in pixman.
+-->
+
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title> Ensure images aren't scaled too big </title>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <image width="183" height="183" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+M/AAAADAQEAGN2NsAAAAABJRU5ErkJggg"/>
+  <rect width="183" height="183" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/image/image-scaling-02.svg b/layout/reftests/svg/image/image-scaling-02.svg
new file mode 100644
index 0000000000..302e46c96f
--- /dev/null
+++ b/layout/reftests/svg/image/image-scaling-02.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=421780
+
+     Test related to bug 421780; make sure that 1-pixel, single-colour images
+     are correctly scaled to the right size.
+
+     This test makes sure that images aren't sized too small; it takes a 100%
+     width lime rect, overlaid with a 183x183 width red rect, overlaid with a
+     183x183 stretched lime image.
+
+     183 in particular is used because 183*183 > 2^16, and we can easily run
+     into double-scaling bugs that will overflow in pixman.
+-->
+
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title> Ensure images aren't scaled too small </title>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="183" height="183" fill="red"/>
+  <image style="image-rendering: -moz-crisp-edges" width="183" height="183" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAABGdBTUEAALGPC%2FxhBQAAAAxJREFUGFdjYPjPAAACAgEA0dNGRAAAAABJRU5ErkJggg%3D%3D"/>
+
+</svg>
diff --git a/layout/reftests/svg/image/image-scaling-03.svg b/layout/reftests/svg/image/image-scaling-03.svg
new file mode 100644
index 0000000000..5a5ca8c930
--- /dev/null
+++ b/layout/reftests/svg/image/image-scaling-03.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1776098
+
+     Make sure small scaled vector images display.
+-->
+
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title> Ensure small vector images display</title>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="98" height="98" fill="red"/>
+  <image transform="scale(200)" width="0.5" height="0.5" href="lime100x100.svg"/>
+
+</svg>
+
diff --git a/layout/reftests/svg/image/image-svg-inline-01.html b/layout/reftests/svg/image/image-svg-inline-01.html
new file mode 100644
index 0000000000..8fe8aac39f
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-01.html
@@ -0,0 +1,16 @@
+<html>
+  <!-- Test to make sure svg:image is painted at correct position when its
+       containing SVG is included inline in HTML at some non-(0,0) position. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 60px; margin-top: 80px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink">
+        <!-- 1x1 lime PNG, scaled to 100x100 -->
+        <image xlink:href="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%02%00%00%00%90wS%DE%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%0CIDAT%08%D7c%60%F8%CF%00%00%02%02%01%00%AA*%9E'%00%00%00%00IEND%AEB%60%82" width="100" height="100"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01-ref.html b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01-ref.html
new file mode 100644
index 0000000000..669241ab73
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body style="margin: 0">
+  <svg xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="0" width="15" height="30" fill="lime"/>
+    <rect x="15" y="0" width="15" height="30" fill="blue"/>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01a.html b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01a.html
new file mode 100644
index 0000000000..821147f9af
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01a.html
@@ -0,0 +1,16 @@
+<html reftest-zoom="1.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage and it has a transformation
+       applied, as is often used for SVG sprites. -->
+<body style="margin: 0">
+  <svg xmlns="http://www.w3.org/2000/svg"
+       xmlns:xlink="http://www.w3.org/1999/xlink"
+       style="shape-rendering: crispEdges">
+    <clipPath id="clip"><rect x="0" y="0" width="20" height="20"/></clipPath>
+    <!-- Translate and clip-path are used to pull a sprite out of the otherwise red image. -->
+    <g clip-path="url(#clip)">
+      <image xlink:href="sprite.svg" width="200" height="200" transform="translate(0, -100)"/>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01b.html b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01b.html
new file mode 100644
index 0000000000..0b68b7d888
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-in-01b.html
@@ -0,0 +1,15 @@
+<html reftest-zoom="1.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage and it has a transformation
+       applied, as is often used for SVG sprites. -->
+<body style="margin: 0; image-rendering: -moz-crisp-edges">
+  <svg xmlns="http://www.w3.org/2000/svg"
+       xmlns:xlink="http://www.w3.org/1999/xlink">
+    <clipPath id="clip"><rect x="0" y="0" width="20" height="20"/></clipPath>
+    <!-- Translate and clip-path are used to pull a sprite out of the otherwise red image. -->
+    <g clip-path="url(#clip)">
+      <image xlink:href="sprite.png" width="200" height="200" transform="translate(0, -100)"/>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01-ref.html b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01-ref.html
new file mode 100644
index 0000000000..1fe71d0904
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01-ref.html
@@ -0,0 +1,8 @@
+<html>
+<body style="margin: 0">
+  <svg xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="0" width="5" height="10" fill="lime"/>
+    <rect x="5" y="0" width="5" height="10" fill="blue"/>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01a.html b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01a.html
new file mode 100644
index 0000000000..d1f7bc35a4
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01a.html
@@ -0,0 +1,16 @@
+<html reftest-zoom="0.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage and it has a transformation
+       applied, as is often used for SVG sprites. -->
+<body style="margin: 0">
+  <svg xmlns="http://www.w3.org/2000/svg"
+       xmlns:xlink="http://www.w3.org/1999/xlink"
+       style="shape-rendering: crispEdges">
+    <clipPath id="clip"><rect x="0" y="0" width="20" height="20"/></clipPath>
+    <!-- Translate and clip-path are used to pull a sprite out of the otherwise red image. -->
+    <g clip-path="url(#clip)">
+      <image xlink:href="sprite.svg" width="200" height="200" transform="translate(0, -100)"/>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01b.html b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01b.html
new file mode 100644
index 0000000000..dcb118a7df
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01b.html
@@ -0,0 +1,15 @@
+<html reftest-zoom="0.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage and it has a transformation
+       applied, as is often used for SVG sprites. -->
+<body style="margin: 0; image-rendering: -moz-crisp-edges">
+  <svg xmlns="http://www.w3.org/2000/svg"
+       xmlns:xlink="http://www.w3.org/1999/xlink">
+    <clipPath id="clip"><rect x="0" y="0" width="20" height="20"/></clipPath>
+    <!-- Translate and clip-path are used to pull a sprite out of the otherwise red image. -->
+    <g clip-path="url(#clip)">
+      <image xlink:href="sprite.png" width="200" height="200" transform="translate(0, -100)"/>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-in-01a.html b/layout/reftests/svg/image/image-svg-inline-zoom-in-01a.html
new file mode 100644
index 0000000000..ef187a5a57
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-in-01a.html
@@ -0,0 +1,17 @@
+<html reftest-zoom="1.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink"
+           style="shape-rendering: crispEdges">
+        <!-- SVG with no intrinsic dimensions -->
+        <image xlink:href="lime-no-dimensions.svg" width="100%" height="100%"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-in-01b.html b/layout/reftests/svg/image/image-svg-inline-zoom-in-01b.html
new file mode 100644
index 0000000000..419f3168ca
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-in-01b.html
@@ -0,0 +1,16 @@
+<html reftest-zoom="1.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink">
+        <!-- 1x1 lime PNG, scaled to 100x100 -->
+        <image xlink:href="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%02%00%00%00%90wS%DE%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%0CIDAT%08%D7c%60%F8%CF%00%00%02%02%01%00%AA*%9E'%00%00%00%00IEND%AEB%60%82" width="100" height="100"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-in-01c.html b/layout/reftests/svg/image/image-svg-inline-zoom-in-01c.html
new file mode 100644
index 0000000000..9d273c91ec
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-in-01c.html
@@ -0,0 +1,18 @@
+<html reftest-zoom="1.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink"
+           style="shape-rendering: crispEdges">
+        <!-- SVG with an intrinsic size of 100px x 100px; percentage size on
+             image element. -->
+        <image xlink:href="lime100x100.svg" width="100%" height="100%"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-in-01d.html b/layout/reftests/svg/image/image-svg-inline-zoom-in-01d.html
new file mode 100644
index 0000000000..921fa4ec2f
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-in-01d.html
@@ -0,0 +1,18 @@
+<html reftest-zoom="1.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink"
+           style="shape-rendering: crispEdges">
+        <!-- SVG with an intrinsic size of 100px x 100px; explicit size on
+             image element. -->
+        <image xlink:href="lime100x100.svg" width="100px" height="100px"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-out-01a.html b/layout/reftests/svg/image/image-svg-inline-zoom-out-01a.html
new file mode 100644
index 0000000000..6532c1576a
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-out-01a.html
@@ -0,0 +1,16 @@
+<html reftest-zoom="0.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink">
+        <!-- SVG with no intrinsic dimensions -->
+        <image xlink:href="lime-no-dimensions.svg" width="100%" height="100%"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-out-01b.html b/layout/reftests/svg/image/image-svg-inline-zoom-out-01b.html
new file mode 100644
index 0000000000..c45f016015
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-out-01b.html
@@ -0,0 +1,16 @@
+<html reftest-zoom="0.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink">
+        <!-- 1x1 lime PNG, scaled to 100x100 -->
+        <image xlink:href="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%02%00%00%00%90wS%DE%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%0CIDAT%08%D7c%60%F8%CF%00%00%02%02%01%00%AA*%9E'%00%00%00%00IEND%AEB%60%82" width="100" height="100"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-out-01c.html b/layout/reftests/svg/image/image-svg-inline-zoom-out-01c.html
new file mode 100644
index 0000000000..5c88134c03
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-out-01c.html
@@ -0,0 +1,17 @@
+<html reftest-zoom="0.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink">
+        <!-- SVG with an intrinsic size of 100px x 100px; percentage size on
+             image element. -->
+        <image xlink:href="lime100x100.svg" width="100%" height="100%"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-svg-inline-zoom-out-01d.html b/layout/reftests/svg/image/image-svg-inline-zoom-out-01d.html
new file mode 100644
index 0000000000..ad24ce81e5
--- /dev/null
+++ b/layout/reftests/svg/image/image-svg-inline-zoom-out-01d.html
@@ -0,0 +1,17 @@
+<html reftest-zoom="0.5">
+  <!-- Test to make sure svg:image is painted correctly when its containing SVG
+       is included inline in a zoomed webpage. -->
+  <body style="background: lime">
+    <!-- 100x100 red div -->
+    <div style="background: red;
+                margin-left: 30px; margin-top: 30px;
+                width: 100px; height: 100px;">
+      <svg xmlns="http://www.w3.org/2000/svg"
+           xmlns:xlink="http://www.w3.org/1999/xlink">
+        <!-- SVG with an intrinsic size of 100px x 100px; explicit size on
+             image element. -->
+        <image xlink:href="lime100x100.svg" width="100px" height="100px"/>
+      </svg>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/image/image-translate-01-ref.svg b/layout/reftests/svg/image/image-translate-01-ref.svg
new file mode 100644
index 0000000000..161aaa3f2e
--- /dev/null
+++ b/layout/reftests/svg/image/image-translate-01-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <use xlink:href="blueRect10x10.svg#root"
+       transform="translate(60, 80)"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-translate-01.svg b/layout/reftests/svg/image/image-translate-01.svg
new file mode 100644
index 0000000000..29311478bf
--- /dev/null
+++ b/layout/reftests/svg/image/image-translate-01.svg
@@ -0,0 +1,6 @@
+<!-- Test to make sure transform value is applied correctly on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="blueRect10x10.png" width="10" height="10"
+         transform="translate(60, 80)"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-with-following-content.svg b/layout/reftests/svg/image/image-with-following-content.svg
new file mode 100644
index 0000000000..b3f6d98a79
--- /dev/null
+++ b/layout/reftests/svg/image/image-with-following-content.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+
+  <rect width="100%" height="100%" fill="lime" />
+
+  <rect width="220" height="220" fill="red" />
+
+  <svg x="10" y="10" width="200" height="200">
+   <image width="200" height="200" href="blueRect10x10.png"/>
+  </svg>
+
+  <rect width="220" height="220" fill="lime" />
+</svg>
diff --git a/layout/reftests/svg/image/image-with-mask-and-clipPath.svg b/layout/reftests/svg/image/image-with-mask-and-clipPath.svg
new file mode 100644
index 0000000000..d010eca527
--- /dev/null
+++ b/layout/reftests/svg/image/image-with-mask-and-clipPath.svg
@@ -0,0 +1,13 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100" height="100" fill="red"/>
+  <g transform="translate(80 30)">
+    <clipPath id="c" clipPathUnits="userSpaceOnUse">
+      <rect x="-80" y="-30" width="100" height="100"/>
+    </clipPath>
+    <mask id="m" x="-80" y="-30" width="100" height="100">
+      <rect x="-80" y="-30" width="100" height="100" fill="white"/>
+    </mask>
+    <image x="-80" y="-30" width="100" height="100" href="lime100x100.png" mask="url(#m)" clip-path="url(#c)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/image/image-x-01-ref.svg b/layout/reftests/svg/image/image-x-01-ref.svg
new file mode 100644
index 0000000000..4c69676845
--- /dev/null
+++ b/layout/reftests/svg/image/image-x-01-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <use xlink:href="blueRect10x10.svg#root"
+       x="123"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-x-01.svg b/layout/reftests/svg/image/image-x-01.svg
new file mode 100644
index 0000000000..db3be2af38
--- /dev/null
+++ b/layout/reftests/svg/image/image-x-01.svg
@@ -0,0 +1,6 @@
+<!-- Test to make sure "x" value is applied correctly on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="blueRect10x10.png" width="10" height="10"
+         x="123"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-xy-01-ref.svg b/layout/reftests/svg/image/image-xy-01-ref.svg
new file mode 100644
index 0000000000..2821f93246
--- /dev/null
+++ b/layout/reftests/svg/image/image-xy-01-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <use xlink:href="blueRect10x10.svg#root"
+       x="123" y="234"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-xy-01.svg b/layout/reftests/svg/image/image-xy-01.svg
new file mode 100644
index 0000000000..1afa32a60d
--- /dev/null
+++ b/layout/reftests/svg/image/image-xy-01.svg
@@ -0,0 +1,7 @@
+<!-- Test to make sure "x" and "y" value are simultaneously applied correctly
+     on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="blueRect10x10.png" width="10" height="10"
+         x="123" y="234"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-y-01-ref.svg b/layout/reftests/svg/image/image-y-01-ref.svg
new file mode 100644
index 0000000000..9a608e8dbd
--- /dev/null
+++ b/layout/reftests/svg/image/image-y-01-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <use xlink:href="blueRect10x10.svg#root"
+       y="123"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-y-01.svg b/layout/reftests/svg/image/image-y-01.svg
new file mode 100644
index 0000000000..2c8d04fd88
--- /dev/null
+++ b/layout/reftests/svg/image/image-y-01.svg
@@ -0,0 +1,6 @@
+<!-- Test to make sure "y" value is applied correctly on svg:image -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="blueRect10x10.png" width="10" height="10"
+         y="123"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-zoom-02-ref.svg b/layout/reftests/svg/image/image-zoom-02-ref.svg
new file mode 100644
index 0000000000..fca1d5703e
--- /dev/null
+++ b/layout/reftests/svg/image/image-zoom-02-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image width="15" height="15" xlink:href="blueRect10x10.png"/>
+</svg>
diff --git a/layout/reftests/svg/image/image-zoom-02.svg b/layout/reftests/svg/image/image-zoom-02.svg
new file mode 100644
index 0000000000..f426dfca2a
--- /dev/null
+++ b/layout/reftests/svg/image/image-zoom-02.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     reftest-zoom="1.5" width="10" height="10">
+  <title>Testcase to ensure that full-page-zoom will zoom raster
+         images the right amount.</title>
+  <image width="10" height="10" xlink:href="blueRect10x10.png"/>
+</svg>
diff --git a/layout/reftests/svg/image/imported-image-01.svg b/layout/reftests/svg/image/imported-image-01.svg
new file mode 100644
index 0000000000..b7ef5d5acf
--- /dev/null
+++ b/layout/reftests/svg/image/imported-image-01.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" standalone="yes"?>
+<svg version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script>
+    <![CDATA[
+      var doc = new DOMParser().parseFromString('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><image width="10" height="10" xlink:href="blueRect10x10.png"/></svg>', 'text/xml');
+      document.documentElement.appendChild(doc.documentElement.firstChild);
+    ]]>
+  </script>
+  
+</svg>
diff --git a/layout/reftests/svg/image/imported-image-02.svg b/layout/reftests/svg/image/imported-image-02.svg
new file mode 100644
index 0000000000..7e51025795
--- /dev/null
+++ b/layout/reftests/svg/image/imported-image-02.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="yes"?>
+<svg version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <script>
+    <![CDATA[
+      var doc = document.implementation.createDocument("", "", null);
+      var img = doc.createElementNS("http://www.w3.org/2000/svg", "image");
+      img.setAttribute("width", "10");
+      img.setAttribute("height", "10");
+      img.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href",
+                         "blueRect10x10.png");
+      document.documentElement.appendChild(img);
+    ]]>
+  </script>
+  
+</svg>
diff --git a/layout/reftests/svg/image/imported-image-ref.svg b/layout/reftests/svg/image/imported-image-ref.svg
new file mode 100644
index 0000000000..4b0d1accc9
--- /dev/null
+++ b/layout/reftests/svg/image/imported-image-ref.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" standalone="yes"?>
+<svg version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image width="10" height="10" xlink:href="blueRect10x10.png"/>
+</svg>
diff --git a/layout/reftests/svg/image/lime-no-dimensions.svg b/layout/reftests/svg/image/lime-no-dimensions.svg
new file mode 100644
index 0000000000..1723cb66c0
--- /dev/null
+++ b/layout/reftests/svg/image/lime-no-dimensions.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="shape-rendering: crispEdges">
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/image/lime100x100.png b/layout/reftests/svg/image/lime100x100.png
new file mode 100644
index 0000000000..c9bb375943
Binary files /dev/null and b/layout/reftests/svg/image/lime100x100.png differ
diff --git a/layout/reftests/svg/image/lime100x100.svg b/layout/reftests/svg/image/lime100x100.svg
new file mode 100644
index 0000000000..bba9d34236
--- /dev/null
+++ b/layout/reftests/svg/image/lime100x100.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
+  <rect width="100px" height="100px" style="fill: lime"/>
+</svg>
diff --git a/layout/reftests/svg/image/reftest.list b/layout/reftests/svg/image/reftest.list
new file mode 100644
index 0000000000..408fa954e2
--- /dev/null
+++ b/layout/reftests/svg/image/reftest.list
@@ -0,0 +1,45 @@
+# Tests of the SVG <image> element
+
+== image-fill-01.svg          ../pass.svg
+== image-filter-01.svg        image-filter-01-ref.svg
+== image-load-01.svg          ../pass.svg
+fuzzy(0-4,0-110) == image-opacity-01.svg image-opacity-01-ref.svg # Bug 779514 for Android
+fuzzy(0-1,0-100) == image-opacity-02.svg image-opacity-02-ref.svg # Bug 776039 for Android
+== image-rotate-01.svg                        image-rotate-01-ref.svg
+== image-rotate-02a.svg                       image-rotate-02-ref.svg
+== image-rotate-02b.svg                       image-rotate-02-ref.svg
+== image-scaling-01.svg                       ../pass.svg
+== image-scaling-02.svg                       ../pass.svg
+== image-scaling-03.svg                       ../pass.svg
+== image-svg-inline-01.html                   ../pass.svg
+== image-svg-inline-zoom-in-01a.html          ../pass.svg
+== image-svg-inline-zoom-in-01b.html          ../pass.svg
+== image-svg-inline-zoom-in-01c.html          ../pass.svg
+== image-svg-inline-zoom-in-01d.html          ../pass.svg
+== image-svg-inline-zoom-out-01a.html         ../pass.svg
+== image-svg-inline-zoom-out-01b.html         ../pass.svg
+== image-svg-inline-zoom-out-01c.html         ../pass.svg
+== image-svg-inline-zoom-out-01d.html         ../pass.svg
+fails-if(useDrawSnapshot) == image-svg-inline-sprite-zoom-in-01a.html   image-svg-inline-sprite-zoom-in-01-ref.html
+fails-if(useDrawSnapshot) == image-svg-inline-sprite-zoom-in-01b.html   image-svg-inline-sprite-zoom-in-01-ref.html
+fails-if(useDrawSnapshot) == image-svg-inline-sprite-zoom-out-01a.html  image-svg-inline-sprite-zoom-out-01-ref.html
+fails-if(useDrawSnapshot) == image-svg-inline-sprite-zoom-out-01b.html  image-svg-inline-sprite-zoom-out-01-ref.html
+== image-translate-01.svg                     image-translate-01-ref.svg
+== image-with-following-content.svg           ../pass.svg
+== image-with-mask-and-clipPath.svg           ../pass.svg
+== image-x-01.svg                             image-x-01-ref.svg
+== image-xy-01.svg                            image-xy-01-ref.svg
+== image-y-01.svg                             image-y-01-ref.svg
+fails-if(useDrawSnapshot) == image-zoom-02.svg                          image-zoom-02-ref.svg
+== imported-image-01.svg                      imported-image-ref.svg
+== imported-image-02.svg                      imported-image-ref.svg
+== image-fill-opacity.html                    image-fill-opacity-ref.html
+
+# Tests for <image> with preserveAspectRatio
+fuzzy(0-57,0-352) == image-preserveAspectRatio-01-raster.svg image-preserveAspectRatio-01-ref.svg
+fuzzy(0-57,0-352) == image-preserveAspectRatio-01-svg.svg    image-preserveAspectRatio-01-ref.svg
+fuzzy(0-57,0-288) == image-preserveAspectRatio-02-raster.svg image-preserveAspectRatio-02-ref.svg
+fuzzy(0-57,0-288) == image-preserveAspectRatio-02-svg.svg    image-preserveAspectRatio-02-ref.svg
+fuzzy(0-57,0-288) == image-preserveAspectRatio-03.svg        image-preserveAspectRatio-03-ref.svg
+fuzzy(0-57,0-288) == image-preserveAspectRatio-04.svg        image-preserveAspectRatio-04-ref.svg
+== image-preserveAspectRatio-05.svg ../pass.svg
diff --git a/layout/reftests/svg/image/sprite.png b/layout/reftests/svg/image/sprite.png
new file mode 100644
index 0000000000..830eb77731
Binary files /dev/null and b/layout/reftests/svg/image/sprite.png differ
diff --git a/layout/reftests/svg/image/sprite.svg b/layout/reftests/svg/image/sprite.svg
new file mode 100644
index 0000000000..2ec702dfb2
--- /dev/null
+++ b/layout/reftests/svg/image/sprite.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200" height="200" style="shape-rendering: crispEdges">
+<rect x="0" y="0" width="200" height="200" fill="red"/>
+<rect x="-1" y="99" width="11" height="22" fill="lime"/>
+<rect x="10" y="99" width="11" height="22" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/image/util.js b/layout/reftests/svg/image/util.js
new file mode 100644
index 0000000000..144edd356a
--- /dev/null
+++ b/layout/reftests/svg/image/util.js
@@ -0,0 +1,173 @@
+/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+// The possible values of the "align" component of preserveAspectRatio.
+const ALIGN_VALS = ["none",
+                    "xMinYMin", "xMinYMid", "xMinYMax",
+                    "xMidYMin", "xMidYMid", "xMidYMax",
+                    "xMaxYMin", "xMaxYMid", "xMaxYMax"];
+
+// The possible values of the "meetOrSlice" component of preserveAspectRatio.
+const MEETORSLICE_VALS = [ "meet", "slice" ];
+
+const SVGNS   = "http://www.w3.org/2000/svg";
+const XLINKNS = "http://www.w3.org/1999/xlink";
+
+// This is the separation between the x & y values of each <image> in a
+// generated grid.
+const IMAGE_OFFSET = 50;
+
+function generateBorderRect(aX, aY, aWidth, aHeight) {
+  var rect = document.createElementNS(SVGNS, "rect");
+  rect.setAttribute("x", aX);
+  rect.setAttribute("y", aY);
+  rect.setAttribute("width", aWidth);
+  rect.setAttribute("height", aHeight);
+  rect.setAttribute("fill", "none");
+  rect.setAttribute("stroke", "black");
+  rect.setAttribute("stroke-width", "2");
+  rect.setAttribute("stroke-dasharray", "3 2");
+  return rect;
+}
+
+// Returns an SVG <image> element with the given xlink:href, width, height,
+// and preserveAspectRatio=[aAlign aMeetOrSlice] attributes
+function generateImageElementForParams(aX, aY, aWidth, aHeight,
+                                       aHref, aAlign, aMeetOrSlice) {
+  var image = document.createElementNS(SVGNS, "image");
+  image.setAttribute("x", aX);
+  image.setAttribute("y", aY);
+  image.setAttribute("width", aWidth);
+  image.setAttribute("height", aHeight);
+  image.setAttributeNS(XLINKNS, "href", aHref);
+  image.setAttribute("preserveAspectRatio", aAlign + " " + aMeetOrSlice);
+  return image;
+}
+
+// Returns a <g> element filled with a grid of <image> elements which each
+// have the specified aWidth & aHeight and which use all possible values of
+// preserveAspectRatio.
+//
+// The final "aBonusPARVal" argument (if specified) is used as the
+// preserveAspectRatio value on a bonus <image> element, added at the end.
+function generateImageGrid(aHref, aWidth, aHeight, aBonusPARVal) {
+  var grid = document.createElementNS(SVGNS, "g");
+  var y = 0;
+  var x = 0;
+  for (var i = 0; i < ALIGN_VALS.length; i++) {
+    // Jump to next line of grid, for every other "i" value.
+    // (every fourth entry)
+    if (i && i % 2 == 0) {
+      y += IMAGE_OFFSET;
+      x = 0;
+    }
+    var alignVal = ALIGN_VALS[i];
+    for (var j = 0; j < MEETORSLICE_VALS.length; j++) {
+      var meetorsliceVal = MEETORSLICE_VALS[j];
+      var border = generateBorderRect(x, y, aWidth, aHeight);
+      var image  = generateImageElementForParams(x, y, aWidth, aHeight,
+                                                 aHref, alignVal,
+                                                 meetorsliceVal);
+      grid.appendChild(border);
+      grid.appendChild(image);
+      x += IMAGE_OFFSET;
+    }
+  }
+
+  if (aBonusPARVal) {
+    // Add one final entry with "bonus" pAR value.
+    y += IMAGE_OFFSET;
+    x = 0;
+    var border = generateBorderRect(x, y, aWidth, aHeight);
+    var image  = generateImageElementForParams(x, y, aWidth, aHeight,
+                                               aHref, aBonusPARVal, "");
+    grid.appendChild(border);
+    grid.appendChild(image);
+  }
+
+  return grid;
+}
+
+// Returns an SVG <symbol> element that...
+//  (a) has the given ID
+//  (b) contains only a <use> element to the given URI
+//  (c) has a hardcoded viewBox="0 0 10 10" attribute
+//  (d) has the given preserveAspectRatio=[aAlign aMeetOrSlice] attribute
+function generateSymbolElementForParams(aSymbolID, aHref,
+                                        aAlign, aMeetOrSlice) {
+  var use = document.createElementNS(SVGNS, "use");
+  use.setAttributeNS(XLINKNS, "href", aHref);
+
+  var symbol = document.createElementNS(SVGNS, "symbol");
+  symbol.setAttribute("id", aSymbolID);
+  symbol.setAttribute("viewBox", "0 0 10 10");
+  symbol.setAttribute("preserveAspectRatio", aAlign + " " + aMeetOrSlice);
+
+  symbol.appendChild(use);
+  return symbol;
+}
+
+function generateUseElementForParams(aTargetURI, aX, aY, aWidth, aHeight) {
+  var use = document.createElementNS(SVGNS, "use");
+  use.setAttributeNS(XLINKNS, "href", aTargetURI);
+  use.setAttribute("x", aX);
+  use.setAttribute("y", aY);
+  use.setAttribute("width", aWidth);
+  use.setAttribute("height", aHeight);
+  return use;
+}
+
+// Returns a <g> element filled with a grid of <use> elements which each
+// have the specified aWidth & aHeight and which reference <symbol> elements
+// with all possible values of preserveAspectRatio.  Each <symbol> contains
+// a <use> that links to the given URI, aHref.
+//
+// The final "aBonusPARVal" argument (if specified) is used as the
+// preserveAspectRatio value on a bonus <symbol> element, added at the end.
+function generateSymbolGrid(aHref, aWidth, aHeight, aBonusPARVal) {
+  var grid = document.createElementNS(SVGNS, "g");
+  var y = 0;
+  var x = 0;
+  for (var i = 0; i < ALIGN_VALS.length; i++) {
+    // Jump to next line of grid, for every other "i" value.
+    // (every fourth entry)
+    if (i && i % 2 == 0) {
+      y += IMAGE_OFFSET;
+      x = 0;
+    }
+    var alignVal = ALIGN_VALS[i];
+    for (var j = 0; j < MEETORSLICE_VALS.length; j++) {
+      var meetorsliceVal = MEETORSLICE_VALS[j];
+      var border = generateBorderRect(x, y, aWidth, aHeight);
+
+      var symbolID = "symbol_" + alignVal + "_" + meetorsliceVal;
+      var symbol = generateSymbolElementForParams(symbolID, aHref,
+                                                  alignVal, meetorsliceVal);
+      var use = generateUseElementForParams("#" + symbolID,
+                                            x, y, aWidth, aHeight);
+      grid.appendChild(symbol); // This isn't painted
+      grid.appendChild(border);
+      grid.appendChild(use);
+      x += IMAGE_OFFSET;
+    }
+  }
+
+  if (aBonusPARVal) {
+    // Add one final entry with "bonus" pAR value.
+    y += IMAGE_OFFSET;
+    x = 0;
+    var border = generateBorderRect(x, y, aWidth, aHeight);
+    var symbolID = "symbol_Bonus";
+    var symbol = generateSymbolElementForParams(symbolID, aHref,
+                                                aBonusPARVal, "");
+    var use = generateUseElementForParams("#" + symbolID,
+                                          x, y, aWidth, aHeight);
+    grid.appendChild(symbol); // This isn't painted
+    grid.appendChild(border);
+    grid.appendChild(use);
+  }
+
+  return grid;
+}
diff --git a/layout/reftests/svg/import-svg-01.html b/layout/reftests/svg/import-svg-01.html
new file mode 100644
index 0000000000..2ea66f4666
--- /dev/null
+++ b/layout/reftests/svg/import-svg-01.html
@@ -0,0 +1,22 @@
+<html class="reftest-wait">
+<head>
+<script>
+function setup() {
+ var data =
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -100 50 100" width="100%" height="100%">' +
+ '    <rect transform="rotate(180,0,0)" fill="red" x="-50" y="-50" width="100" height="100" />'+
+ '    <rect fill="lime" x="-55" y="-55" width="110" height="110" />'+
+ '</svg>';
+ var drawing = document.getElementById("drawing");
+ var parser = new DOMParser();
+ var svg1 = document.importNode(parser.parseFromString(data, "text/xml").documentElement, true);
+ drawing.appendChild(svg1);
+ document.documentElement.className = "";
+}
+</script>
+</head>
+<body style="background-color: lime;" onload="setup()">
+<div id="drawing">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/svg/invalid-text-01.svg b/layout/reftests/svg/invalid-text-01.svg
new file mode 100644
index 0000000000..fd8b12f48b
--- /dev/null
+++ b/layout/reftests/svg/invalid-text-01.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for invalid text</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=445687 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <text x="50" y="50" font-size="30"><tspan><text x="50" y="50" font-size="30">Should not see this</text></tspan></text>
+
+</svg>
diff --git a/layout/reftests/svg/lang-attribute-01.svg b/layout/reftests/svg/lang-attribute-01.svg
new file mode 100644
index 0000000000..ee66b8be4f
--- /dev/null
+++ b/layout/reftests/svg/lang-attribute-01.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" lang="foo">
+  <title>Test the 'lang' attribute in SVG</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+  <style type="text/css">
+
+rect:lang(foo) {
+  fill: lime;
+}
+
+  </style>
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/lang-attribute-02.svg b/layout/reftests/svg/lang-attribute-02.svg
new file mode 100644
index 0000000000..d63468cc0b
--- /dev/null
+++ b/layout/reftests/svg/lang-attribute-02.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xml:lang="foo">
+  <title>Test the 'xml:lang' attribute in SVG</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+  <style type="text/css">
+
+rect:lang(foo) {
+  fill: lime;
+}
+
+  </style>
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/lang-attribute-03.svg b/layout/reftests/svg/lang-attribute-03.svg
new file mode 100644
index 0000000000..62ce918d12
--- /dev/null
+++ b/layout/reftests/svg/lang-attribute-03.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xml:lang="foo" lang="bar">
+  <title>Test the 'xml:lang' attribute in SVG</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+  <style type="text/css">
+
+rect:lang(foo) {
+  fill: lime;
+}
+
+  </style>
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/linearGradient-basic-01.svg b/layout/reftests/svg/linearGradient-basic-01.svg
new file mode 100644
index 0000000000..63486368d8
--- /dev/null
+++ b/layout/reftests/svg/linearGradient-basic-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- No stops, like fill = none -->
+        <linearGradient id="nostops" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0"/>
+    </defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#nostops)"/>
+</svg>
diff --git a/layout/reftests/svg/linearGradient-basic-02.svg b/layout/reftests/svg/linearGradient-basic-02.svg
new file mode 100644
index 0000000000..368363c711
--- /dev/null
+++ b/layout/reftests/svg/linearGradient-basic-02.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- One stop, like fill = stop-color -->
+        <linearGradient id="onestop" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+            <stop stop-color="lime" offset="1"/>
+        </linearGradient>
+	</defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#onestop)"/>
+</svg>
diff --git a/layout/reftests/svg/linearGradient-basic-03-ref.svg b/layout/reftests/svg/linearGradient-basic-03-ref.svg
new file mode 100644
index 0000000000..2820cdd649
--- /dev/null
+++ b/layout/reftests/svg/linearGradient-basic-03-ref.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that spreadMethod="reflect" works</title>
+  <linearGradient id="g1" gradientUnits="objectBoundingBox" x1="0" x2="1">
+    <stop stop-color="blue" offset="0"/>
+    <stop stop-color="yellow" offset="1"/>
+  </linearGradient>
+  <linearGradient id="g2" gradientUnits="objectBoundingBox" x1="0" x2="1">
+    <stop stop-color="yellow" offset="0"/>
+    <stop stop-color="blue" offset="1"/>
+  </linearGradient>
+  <rect width="100" height="100" fill="url(#g1)"/>
+  <rect x="100" width="100" height="100" fill="url(#g2)"/>
+</svg>
diff --git a/layout/reftests/svg/linearGradient-basic-03.svg b/layout/reftests/svg/linearGradient-basic-03.svg
new file mode 100644
index 0000000000..3a5e3b5f1d
--- /dev/null
+++ b/layout/reftests/svg/linearGradient-basic-03.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that spreadMethod="reflect" works</title>
+  <linearGradient id="g" gradientUnits="objectBoundingBox"
+                  x1="0" x2="0.5" spreadMethod="reflect">
+    <stop stop-color="blue" offset="0"/>
+    <stop stop-color="yellow" offset="1"/>
+  </linearGradient>
+  <rect width="200" height="100" fill="url(#g)"/>
+</svg>
diff --git a/layout/reftests/svg/linked-filter-01.svg b/layout/reftests/svg/linked-filter-01.svg
new file mode 100644
index 0000000000..226e792ef9
--- /dev/null
+++ b/layout/reftests/svg/linked-filter-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test for linked filter</title>
+  <defs>
+    <filter id="filter01" filterUnits="objectBoundingBox" x="0" y="0" width="1" height="1">
+      <feFlood flood-color="lime" />
+    </filter>
+    <filter id="filter02" xlink:href="#filter01"/>
+  </defs>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" filter="url(#filter02)"/>
+</svg>
+
diff --git a/layout/reftests/svg/linked-pattern-01.svg b/layout/reftests/svg/linked-pattern-01.svg
new file mode 100644
index 0000000000..aef9df1258
--- /dev/null
+++ b/layout/reftests/svg/linked-pattern-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test for linked pattern scaling</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=448906 -->
+  <defs>
+    <pattern id="pattern01" height="20" width="20"
+        patternTransform="scale(0.5)"
+        patternUnits="userSpaceOnUse">
+        <rect height="20" width="20" fill="lime" />
+    </pattern>
+    <pattern id="pattern02" xlink:href="#pattern01"/>
+  </defs>
+  <rect width="100%" height="100%" style="fill:url(#pattern02)" transform="scale(2)"/>
+</svg>
+
diff --git a/layout/reftests/svg/load-only/filter-primitives-01.svg b/layout/reftests/svg/load-only/filter-primitives-01.svg
new file mode 100644
index 0000000000..fa4ea14c54
--- /dev/null
+++ b/layout/reftests/svg/load-only/filter-primitives-01.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait">
+  <script>
+
+function test(e) {
+  var root = document.documentElement;
+  var rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+  document.getElementById("feMerge").appendChild(rect);
+  root.removeAttribute("class")
+}
+
+window.addEventListener("MozReftestInvalidate", test, false); 
+
+  </script>
+  <filter id="filter">
+    <feMerge id="feMerge"></feMerge>
+  </filter>
+</svg>
+
diff --git a/layout/reftests/svg/load-only/reftest.list b/layout/reftests/svg/load-only/reftest.list
new file mode 100644
index 0000000000..f98db03a32
--- /dev/null
+++ b/layout/reftests/svg/load-only/reftest.list
@@ -0,0 +1,3 @@
+
+load filter-primitives-01.svg
+
diff --git a/layout/reftests/svg/marker-attribute-01.svg b/layout/reftests/svg/marker-attribute-01.svg
new file mode 100644
index 0000000000..9ba365b75e
--- /dev/null
+++ b/layout/reftests/svg/marker-attribute-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test there is no 'marker' presentation attribute</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=350100
+
+    This test checks that the 'marker' presentation attribute is ignored.
+  -->
+  <defs>
+    <marker id="marker" markerWidth="40" markerHeight="40" refX="20" refY="20">
+      <circle cx="20" cy="20" r="20" fill="red"/>
+    </marker>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <path d="M20,20 L60,20 L100,20" fill="none" stroke="none" marker="url(#marker)"/>
+</svg>
diff --git a/layout/reftests/svg/marker-css-transform-ref.html b/layout/reftests/svg/marker-css-transform-ref.html
new file mode 100644
index 0000000000..2a1a23c0be
--- /dev/null
+++ b/layout/reftests/svg/marker-css-transform-ref.html
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5"
+        markerWidth="6" markerHeight="6"
+        orient="auto-start-reverse">
+      <path id="ap" transform="scale(2,2)" d="M 0 0 L 5 2.5 L 0 5 z" />
+    </marker>
+  </defs>
+
+  <polyline points="10,30 90,30" fill="none" stroke="black"
+   marker-start="url(#arrow)" marker-end="url(#arrow)"  />
+</svg>
diff --git a/layout/reftests/svg/marker-css-transform.html b/layout/reftests/svg/marker-css-transform.html
new file mode 100644
index 0000000000..5903008f67
--- /dev/null
+++ b/layout/reftests/svg/marker-css-transform.html
@@ -0,0 +1,17 @@
+<style>
+#ap {
+  transform: scale(2,2);
+}
+</style>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5"
+        markerWidth="6" markerHeight="6"
+        orient="auto-start-reverse">
+      <path id="ap" d="M 0 0 L 5 2.5 L 0 5 z" />
+    </marker>
+  </defs>
+
+  <polyline points="10,30 90,30" fill="none" stroke="black"
+   marker-start="url(#arrow)" marker-end="url(#arrow)"  />
+</svg>
diff --git a/layout/reftests/svg/marker-dynamic-opacity-ref.html b/layout/reftests/svg/marker-dynamic-opacity-ref.html
new file mode 100644
index 0000000000..605b74d3d8
--- /dev/null
+++ b/layout/reftests/svg/marker-dynamic-opacity-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<svg>
+  <defs>
+    <marker id="Triangle" viewBox="0 0 10 10" refX="1" refY="5"
+            markerWidth="6" markerHeight="6" orient="auto"
+            style="opacity: 0.2">
+      <path d="M 0 0 L 10 5 L 0 10 z" />
+    </marker>
+  </defs>
+  <polyline points="10,90 50,80 90,20" fill="none" stroke="black"
+            stroke-width="2" marker-end="url(#Triangle)" />
+</svg>
diff --git a/layout/reftests/svg/marker-dynamic-opacity.html b/layout/reftests/svg/marker-dynamic-opacity.html
new file mode 100644
index 0000000000..d4887fe808
--- /dev/null
+++ b/layout/reftests/svg/marker-dynamic-opacity.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg>
+    <defs>
+      <marker id="Triangle" viewBox="0 0 10 10" refX="1" refY="5"
+              markerWidth="6" markerHeight="6" orient="auto">
+        <path d="M 0 0 L 10 5 L 0 10 z" />
+      </marker>
+    </defs>
+    <polyline points="10,90 50,80 90,20" fill="none" stroke="black"
+              stroke-width="2" marker-end="url(#Triangle)" />
+  </svg>
+  <script>
+    onload = function() {
+      var m = document.querySelector("marker");
+      m.style.opacity = 0.2;
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/svg/marker-effects-01-ref.svg b/layout/reftests/svg/marker-effects-01-ref.svg
new file mode 100644
index 0000000000..116d2dda3f
--- /dev/null
+++ b/layout/reftests/svg/marker-effects-01-ref.svg
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for clip-path, filter, mask and opacity applying to marker elements</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=874507 -->
+  <defs>
+    <clipPath id="c">
+      <circle cx="50" cy="50" r="50"/>
+    </clipPath>
+    <filter id="f">
+      <feColorMatrix type="saturate" values="0"/>
+    </filter>
+    <mask id="m">
+      <circle cx="50" cy="50" r="50" fill="white"/>
+    </mask>
+    <marker id="m-clip-path" markerWidth="100" markerHeight="100" fill="green">
+      <g clip-path="url(#c)">
+        <rect width="100" height="100"/>
+      </g>
+    </marker>
+    <marker id="m-filter" markerWidth="100" markerHeight="100" fill="green">
+      <g filter="url(#f)">
+        <rect width="100" height="100"/>
+      </g>
+    </marker>
+    <marker id="m-mask" markerWidth="100" markerHeight="100" fill="green">
+      <g mask="url(#m)">
+        <rect width="100" height="100"/>
+      </g>
+    </marker>
+    <marker id="m-opacity" markerWidth="100" markerHeight="100" fill="green">
+      <g opacity="0.5">
+        <rect width="100" height="100"/>
+      </g>
+    </marker>
+  </defs>
+
+  <line x1="10" y1="10" x2="11" y2="10" marker-start="url(#m-clip-path)"/>
+  <line x1="120" y1="10" x2="121" y2="10" marker-start="url(#m-filter)"/>
+  <line x1="230" y1="10" x2="231" y2="10" marker-start="url(#m-mask)"/>
+  <line x1="340" y1="10" x2="341" y2="10" marker-start="url(#m-opacity)"/>
+</svg>
diff --git a/layout/reftests/svg/marker-effects-01.svg b/layout/reftests/svg/marker-effects-01.svg
new file mode 100644
index 0000000000..b438b0725a
--- /dev/null
+++ b/layout/reftests/svg/marker-effects-01.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that clip-path, filter, mask and opacity apply to marker elements</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=874507 -->
+  <defs>
+    <clipPath id="c">
+      <circle cx="50" cy="50" r="50"/>
+    </clipPath>
+    <filter id="f">
+      <feColorMatrix type="saturate" values="0"/>
+    </filter>
+    <mask id="m">
+      <circle cx="50" cy="50" r="50" fill="white"/>
+    </mask>
+    <marker id="m-clip-path" markerWidth="100" markerHeight="100" fill="green" clip-path="url(#c)">
+      <rect width="100" height="100"/>
+    </marker>
+    <marker id="m-filter" markerWidth="100" markerHeight="100" fill="green" filter="url(#f)">
+      <rect width="100" height="100"/>
+    </marker>
+    <marker id="m-mask" markerWidth="100" markerHeight="100" fill="green" mask="url(#m)">
+      <rect width="100" height="100"/>
+    </marker>
+    <marker id="m-opacity" markerWidth="100" markerHeight="100" fill="green" opacity="0.5">
+      <rect width="100" height="100"/>
+    </marker>
+  </defs>
+
+  <line x1="10" y1="10" x2="11" y2="10" marker-start="url(#m-clip-path)"/>
+  <line x1="120" y1="10" x2="121" y2="10" marker-start="url(#m-filter)"/>
+  <line x1="230" y1="10" x2="231" y2="10" marker-start="url(#m-mask)"/>
+  <line x1="340" y1="10" x2="341" y2="10" marker-start="url(#m-opacity)"/>
+</svg>
diff --git a/layout/reftests/svg/marker-orientation-01-ref.svg b/layout/reftests/svg/marker-orientation-01-ref.svg
new file mode 100644
index 0000000000..00cc9a3a4a
--- /dev/null
+++ b/layout/reftests/svg/marker-orientation-01-ref.svg
@@ -0,0 +1,68 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for test that marker orientation is correct at the end of arcs</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 -->
+
+  <defs>
+    <g id="m1" transform="translate(-20,-20)" fill="blue">
+      <rect x="5" y="15" width="22" height="10"/>
+      <path d="M 25,10 35,20 25,30 z"/>
+    </g>
+
+    <g id="m2" transform="translate(-20,-20)" fill="red">
+      <rect x="5" y="15" width="22" height="10"/>
+      <path d="M 25,10 35,20 25,30 z"/>
+    </g>
+  </defs>
+
+  <g fill="none">
+    <!-- arcs that go from the left of the circle to... -->
+    <g>
+      <!-- ...90 degrees anti-clockwise -->
+      <use xlink:href="#m1" transform="translate(100,100)rotate(90)"/>
+      <use xlink:href="#m2" transform="rotate(-90,150,100)translate(100,100)rotate(90)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(-180,150,100)translate(100,100)rotate(90)"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(-270,150,100)translate(100,100)rotate(90)"/>
+    </g>
+
+    <!-- arcs that go from the left of the circle to... -->
+    <g transform="translate(250,0)">
+      <!-- ...90 degrees anti-clockwise -->
+      <use xlink:href="#m1" transform="translate(100,100)rotate(-90)"/>
+      <use xlink:href="#m2" transform="rotate(90,150,100)translate(100,100)rotate(-90)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(180,150,100)translate(100,100)rotate(-90)"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(270,150,100)translate(100,100)rotate(-90)"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g transform="translate(0,250)">
+      <!-- ...90 degrees anti-clockwise -->
+      <use xlink:href="#m1" transform="translate(200,100)rotate(90)"/>
+      <use xlink:href="#m2" transform="rotate(90,150,100)translate(200,100)rotate(90)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(180,150,100)translate(200,100)rotate(90)"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(270,150,100)translate(200,100)rotate(90)"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g transform="translate(250,250)">
+      <!-- ...90 degrees clockwise -->
+      <use xlink:href="#m1" transform="translate(200,100)rotate(-90)"/>
+      <use xlink:href="#m2" transform="rotate(-90,150,100)translate(200,100)rotate(-90)"/>
+      <!-- ...180 degrees clockwise -->
+      <use xlink:href="#m2" transform="rotate(-180,150,100)translate(200,100)rotate(-90)"/>
+      <!-- ...270 degrees clockwise -->
+      <use xlink:href="#m2" transform="rotate(-270,150,100)translate(200,100)rotate(-90)"/>
+    </g>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/marker-orientation-01.svg b/layout/reftests/svg/marker-orientation-01.svg
new file mode 100644
index 0000000000..350c43d7b4
--- /dev/null
+++ b/layout/reftests/svg/marker-orientation-01.svg
@@ -0,0 +1,63 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that marker orientation is correct at the end of arcs</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 -->
+
+  <marker id="m1" markerWidth="40" markerHeight="40" refX="20" refY="20"
+          markerUnits="userSpaceOnUse" orient="auto" fill="blue">
+    <rect x="5" y="15" width="22" height="10"/>
+    <path d="M 25,10 35,20 25,30 z"/>
+  </marker>
+
+  <marker id="m2" markerWidth="40" markerHeight="40" refX="20" refY="20"
+          markerUnits="userSpaceOnUse" orient="auto" fill="red">
+    <rect x="5" y="15" width="22" height="10"/>
+    <path d="M 25,10 35,20 25,30 z"/>
+  </marker>
+
+  <g fill="none">
+    <!-- arcs that go from the left of the circle to... -->
+    <g marker-end="url(#m2)">
+      <!-- ...90 degrees anti-clockwise -->
+      <path d="M100,100 A 50,50 0 1 0 150,50" marker-start="url(#m1)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <path d="M100,100 A 50,50 0 0 0 200,100"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <path d="M100,100 A 50,50 0 0 0 150,150"/>
+    </g>
+
+    <!-- arcs that go from the left of the circle to... -->
+    <g marker-end="url(#m2)" transform="translate(250,0)">
+      <!-- ...90 degrees clockwise -->
+      <path d="M100,100 A 50,50 0 0 1 150,50" marker-start="url(#m1)"/>
+      <!-- ...180 degrees clockwise -->
+      <path d="M100,100 A 50,50 0 1 1 200,100"/>
+      <!-- ...270 degrees clockwise -->
+      <path d="M100,100 A 50,50 0 1 1 150,150"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g marker-end="url(#m2)" transform="translate(0,250)">
+      <!-- ...90 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 0 1 150,150" marker-start="url(#m1)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 0 1 100,100"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 1 1 150,50"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g marker-end="url(#m2)" transform="translate(250,250)">
+      <!-- ...90 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 0 0 150,50" marker-start="url(#m1)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 1 0 100,100"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 1 0 150,150"/>
+    </g>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/marker-orientation-02-ref.svg b/layout/reftests/svg/marker-orientation-02-ref.svg
new file mode 100644
index 0000000000..0dc75c1f2c
--- /dev/null
+++ b/layout/reftests/svg/marker-orientation-02-ref.svg
@@ -0,0 +1,69 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for test that marker orientation is correct at the end of
+    arcs when orient="auto-start-reverse" is used</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 -->
+
+  <defs>
+    <g id="m1" transform="translate(-20,-20)" fill="blue">
+      <rect x="5" y="15" width="22" height="10"/>
+      <path d="M 25,10 35,20 25,30 z"/>
+    </g>
+
+    <g id="m2" transform="translate(-20,-20)" fill="red">
+      <rect x="5" y="15" width="22" height="10"/>
+      <path d="M 25,10 35,20 25,30 z"/>
+    </g>
+  </defs>
+
+  <g fill="none">
+    <!-- arcs that go from the left of the circle to... -->
+    <g>
+      <!-- ...90 degrees anti-clockwise -->
+      <use xlink:href="#m1" transform="translate(100,100)rotate(270)"/>
+      <use xlink:href="#m2" transform="rotate(-90,150,100)translate(100,100)rotate(90)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(-180,150,100)translate(100,100)rotate(90)"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(-270,150,100)translate(100,100)rotate(90)"/>
+    </g>
+
+    <!-- arcs that go from the left of the circle to... -->
+    <g transform="translate(250,0)">
+      <!-- ...90 degrees anti-clockwise -->
+      <use xlink:href="#m1" transform="translate(100,100)rotate(90)"/>
+      <use xlink:href="#m2" transform="rotate(90,150,100)translate(100,100)rotate(-90)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(180,150,100)translate(100,100)rotate(-90)"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(270,150,100)translate(100,100)rotate(-90)"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g transform="translate(0,250)">
+      <!-- ...90 degrees anti-clockwise -->
+      <use xlink:href="#m1" transform="translate(200,100)rotate(270)"/>
+      <use xlink:href="#m2" transform="rotate(90,150,100)translate(200,100)rotate(90)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(180,150,100)translate(200,100)rotate(90)"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <use xlink:href="#m2" transform="rotate(270,150,100)translate(200,100)rotate(90)"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g transform="translate(250,250)">
+      <!-- ...90 degrees clockwise -->
+      <use xlink:href="#m1" transform="translate(200,100)rotate(90)"/>
+      <use xlink:href="#m2" transform="rotate(-90,150,100)translate(200,100)rotate(-90)"/>
+      <!-- ...180 degrees clockwise -->
+      <use xlink:href="#m2" transform="rotate(-180,150,100)translate(200,100)rotate(-90)"/>
+      <!-- ...270 degrees clockwise -->
+      <use xlink:href="#m2" transform="rotate(-270,150,100)translate(200,100)rotate(-90)"/>
+    </g>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/marker-orientation-02.svg b/layout/reftests/svg/marker-orientation-02.svg
new file mode 100644
index 0000000000..ec9d845aad
--- /dev/null
+++ b/layout/reftests/svg/marker-orientation-02.svg
@@ -0,0 +1,64 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that marker orientation is correct at the end of arcs when
+    orient="auto-start-reverse" is used</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 -->
+
+  <marker id="m1" markerWidth="40" markerHeight="40" refX="20" refY="20"
+          markerUnits="userSpaceOnUse" orient="auto-start-reverse" fill="blue">
+    <rect x="5" y="15" width="22" height="10"/>
+    <path d="M 25,10 35,20 25,30 z"/>
+  </marker>
+
+  <marker id="m2" markerWidth="40" markerHeight="40" refX="20" refY="20"
+          markerUnits="userSpaceOnUse" orient="auto-start-reverse" fill="red">
+    <rect x="5" y="15" width="22" height="10"/>
+    <path d="M 25,10 35,20 25,30 z"/>
+  </marker>
+
+  <g fill="none">
+    <!-- arcs that go from the left of the circle to... -->
+    <g marker-end="url(#m2)">
+      <!-- ...90 degrees anti-clockwise -->
+      <path d="M100,100 A 50,50 0 1 0 150,50" marker-start="url(#m1)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <path d="M100,100 A 50,50 0 0 0 200,100"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <path d="M100,100 A 50,50 0 0 0 150,150"/>
+    </g>
+
+    <!-- arcs that go from the left of the circle to... -->
+    <g marker-end="url(#m2)" transform="translate(250,0)">
+      <!-- ...90 degrees clockwise -->
+      <path d="M100,100 A 50,50 0 0 1 150,50" marker-start="url(#m1)"/>
+      <!-- ...180 degrees clockwise -->
+      <path d="M100,100 A 50,50 0 1 1 200,100"/>
+      <!-- ...270 degrees clockwise -->
+      <path d="M100,100 A 50,50 0 1 1 150,150"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g marker-end="url(#m2)" transform="translate(0,250)">
+      <!-- ...90 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 0 1 150,150" marker-start="url(#m1)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 0 1 100,100"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 1 1 150,50"/>
+    </g>
+
+    <!-- arcs that go from the right of the circle to... -->
+    <g marker-end="url(#m2)" transform="translate(250,250)">
+      <!-- ...90 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 0 0 150,50" marker-start="url(#m1)"/>
+      <!-- ...180 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 1 0 100,100"/>
+      <!-- ...270 degrees anti-clockwise -->
+      <path d="M200,100 A 50,50 0 1 0 150,150"/>
+    </g>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/marker-orientation-03.svg b/layout/reftests/svg/marker-orientation-03.svg
new file mode 100644
index 0000000000..1bd365df9b
--- /dev/null
+++ b/layout/reftests/svg/marker-orientation-03.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="startMarker" markerUnits="userSpaceOnUse" orient="auto" markerWidth="30" markerHeight="45" refX="15" refY="22.5">
+      <rect fill="red" x="0.5" y="0.5" width="29" height="44"/>
+    </marker>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <polyline fill="none" marker-start="url(#startMarker)" points="190 40 220 40 310 190 340 190"/>
+  <rect x="175" y="18" width="30" height="45" fill="lime" />
+
+</svg>
diff --git a/layout/reftests/svg/marker-orientation-04.svg b/layout/reftests/svg/marker-orientation-04.svg
new file mode 100644
index 0000000000..3fb2fdd0b9
--- /dev/null
+++ b/layout/reftests/svg/marker-orientation-04.svg
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="redTriangle"
+      refX="0" refY="12" markerUnits="userSpaceOnUse"
+      markerWidth="24" markerHeight="24" orient="auto">
+      <path fill="red" d="M 0 0 L 24 12 L 0 24 z" />
+    </marker>
+    <marker id="limeTriangle"
+      refX="0" refY="12" markerUnits="userSpaceOnUse"
+      markerWidth="24" markerHeight="24" orient="auto" overflow="visible">
+      <path fill="lime" stroke-width="3" stroke="lime" d="M 0 0 L 24 12 L 0 24 z" />
+    </marker>
+    <marker id="reverseLimeTriangle"
+      refX="0" refY="12" markerUnits="userSpaceOnUse"
+      markerWidth="24" markerHeight="24" orient="auto" overflow="visible">
+      <path transform="rotate(180, 0, 12)" fill="lime" stroke-width="3" stroke="lime" d="M 0 0 L 24 12 L 0 24 z" />
+    </marker>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- Control point vectors are zero -->
+  <path d="M 50,125 C 50,125, 100,25, 100,25" stroke-width="10" stroke="red"
+    marker-end="url(#redTriangle)" />
+
+  <path d="M 150,125 C 200,25, 200,25, 200,25" stroke-width="10" stroke="red"
+    marker-end="url(#redTriangle)" />
+
+  <!-- Non-degenerate covering -->
+  <path d="M 50,125 L 100,25" stroke-width="13" stroke="lime"
+    marker-end="url(#limeTriangle)" marker-start="url(#reverseLimeTriangle)" />
+
+  <path d="M 150,125 L 200,25" stroke-width="13" stroke="lime"
+    marker-end="url(#limeTriangle)" marker-start="url(#reverseLimeTriangle)" />
+</svg>
diff --git a/layout/reftests/svg/marker-orientation-05.svg b/layout/reftests/svg/marker-orientation-05.svg
new file mode 100644
index 0000000000..129e14cf20
--- /dev/null
+++ b/layout/reftests/svg/marker-orientation-05.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+    <defs>
+        <marker id="arrowAutoStartRev" orient="auto-start-reverse" markerUnits="userSpaceOnUse" overflow="visible">
+            <path d="M25,25 L0,0 L0,50 z" fill="lime" stroke="lime" stroke-width="2" />
+        </marker>
+        <marker id="arrowSW" orient="135" markerUnits="userSpaceOnUse" overflow="visible">
+            <path d="M25,25 L0,0 L0,50 z" fill="red"/>
+        </marker>
+        <marker id="arrowAuto" orient="auto" markerUnits="userSpaceOnUse" overflow="visible">
+            <path d="M25,25 L0,0 L0,50 z" fill="red"/>
+        </marker>
+     </defs>
+    <rect width="100%" height="100%" fill="lime" />
+    <path d="M 340,100 h50 v50 h-50 z" marker-start="url(#arrowSW)" fill="none"/>
+    <path d="M 340,100 h50 v50 h-50 z" marker-start="url(#arrowAutoStartRev)" fill="none"/>
+    <g transform="translate(0, 50)">
+      <path d="M 340,100 h50 v50 h-50 z" marker-start="url(#arrowAuto)" fill="none"/>
+      <path d="M 340,100 h50 v50 h-50 z" marker-end="url(#arrowAutoStartRev)" fill="none"/>
+    </g>
+</svg>
diff --git a/layout/reftests/svg/marker-viewBox-01-ref.svg b/layout/reftests/svg/marker-viewBox-01-ref.svg
new file mode 100644
index 0000000000..9a57366631
--- /dev/null
+++ b/layout/reftests/svg/marker-viewBox-01-ref.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for the 'marker' element with viewBox and preserveAspectRatio</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=487649
+
+    This test checks that when the 'marker' support for viewBox
+    and preserveAspectRatio. You should see what appears to be
+    a blue circle right in the top left of the window.
+  -->
+  <ellipse cx="20" cy="20" rx="20" ry="20" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/marker-viewBox-01.svg b/layout/reftests/svg/marker-viewBox-01.svg
new file mode 100644
index 0000000000..84afb97ee8
--- /dev/null
+++ b/layout/reftests/svg/marker-viewBox-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test the 'marker' element with viewBox and preserveAspectRatio</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=487649
+
+    This test checks that when the 'marker' support for viewBox
+    and preserveAspectRatio. You should see what appears to be
+    a blue circle right in the top left of the window.
+  -->
+  <marker id="marker" markerUnits="userSpaceOnUse" markerWidth="40" markerHeight="40"
+          viewBox="10 0 20 40" preserveAspectRatio="none" refX="20" refY="20">
+    <ellipse cx="20" cy="20" rx="10" ry="20" fill="blue"/>
+  </marker>
+  <path d="M20,20 L20,21" fill="none" stroke="none" marker-start="url(#marker)"/>
+</svg>
diff --git a/layout/reftests/svg/markers-and-group-opacity-01-ref.svg b/layout/reftests/svg/markers-and-group-opacity-01-ref.svg
new file mode 100644
index 0000000000..14299cf9ec
--- /dev/null
+++ b/layout/reftests/svg/markers-and-group-opacity-01-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="200%" fill="white"/>
+  <rect width="100%" height="200%" fill="blue" fill-opacity=".5"/>
+</svg>
diff --git a/layout/reftests/svg/markers-and-group-opacity-01.svg b/layout/reftests/svg/markers-and-group-opacity-01.svg
new file mode 100644
index 0000000000..18b7d807c0
--- /dev/null
+++ b/layout/reftests/svg/markers-and-group-opacity-01.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test that markers are affected by group opacity on the marked element</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=524104 -->
+
+  <marker id="mark" markerUnits="userSpaceOnUse" markerContentUnits="userSpaceOnUse" markerWidth="100%" markerHeight="200%" refX="0" refY="0">
+    <rect width="100%" height="200%" fill="blue"/>
+  </marker>
+
+  <line x1="0" y1="-1" x2="1" y2="-1" fill="none" stroke="black" opacity=".5" marker-start="url(#mark)"/>
+
+</svg>
diff --git a/layout/reftests/svg/mask-and-clipPath-2.svg b/layout/reftests/svg/mask-and-clipPath-2.svg
new file mode 100644
index 0000000000..2069bae7f2
--- /dev/null
+++ b/layout/reftests/svg/mask-and-clipPath-2.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <polygon id="p" points="0.25,0 0.75,0 0.75,1 0.25,1"/>
+    <clipPath id="cp" clipPathUnits="objectBoundingBox">
+      <use xlink:href="#p"/>
+    </clipPath>
+    <mask id="m" maskContentUnits="objectBoundingBox">
+      <rect x="0" y="0.25" width="1" height="0.5" fill="white"/>
+    </mask>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="101" y="101" width="198" height="198" fill="red"/>
+  <rect width="400" height="400" fill="lime" mask="url(#m)" clip-path="url(#cp)"
+        x="-400" y="-400" transform="translate(400,400)"/>
+</svg>
+
diff --git a/layout/reftests/svg/mask-and-clipPath-ref.html b/layout/reftests/svg/mask-and-clipPath-ref.html
new file mode 100644
index 0000000000..86098fa835
--- /dev/null
+++ b/layout/reftests/svg/mask-and-clipPath-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+ </head>
+ <body>
+   <svg height="100%" preserveAspectRatio="none meet" viewBox="0 0 1070 462" width="100%">
+    <g height="462" width="1070">
+     <g mask="url(#mask-1)"  transform="translate(0,10)">
+      <g>
+       <path class="data-line" d="M30,260L61,266.5L900,266.5" fill="none" stroke="#cc0000" stroke-width="20" visibility="visible">
+       </path>
+      </g>
+     </g>
+    </g>
+    <g>
+     <g>
+      <mask id="mask-1">
+       <rect fill="#000" height="100%" width="100%" x="0" y="0">
+       </rect>
+       <rect fill="#fff" height="462" width="400" x="40" y="-10">
+       </rect>
+       <rect fill="#fff" height="460" width="100" x="800" y="-10">
+       </rect>
+       <rect fill="#000" height="447" offset="164" width="60" x="164" y="0">
+       </rect>
+       <rect fill="#000" height="447" offset="376" width="56" x="376" y="0">
+       </rect>
+      </mask>
+     </g>
+    </g>
+   </svg>
+ </body>
+</html>
diff --git a/layout/reftests/svg/mask-and-clipPath.html b/layout/reftests/svg/mask-and-clipPath.html
new file mode 100644
index 0000000000..19759a6a31
--- /dev/null
+++ b/layout/reftests/svg/mask-and-clipPath.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+ </head>
+ <body>
+   <svg height="100%" preserveAspectRatio="none meet" viewBox="0 0 1070 462" width="100%">
+    <g height="462" width="1070">
+     <g clip-path="url(#clip-1)" mask="url(#mask-1)"  transform="translate(0,10)">
+      <g>
+       <path class="data-line" d="M30,260L61,266.5L900,266.5" fill="none" stroke="#cc0000" stroke-width="20" visibility="visible">
+       </path>
+      </g>
+     </g>
+    </g>
+    <g>
+     <clipPath id="clip-1">
+      <rect height="462" width="400" x="40" y="-10">
+      </rect>
+      <rect height="460" width="100" x="800" y="-10">
+      </rect>
+     </clipPath>
+     <g>
+      <mask id="mask-1">
+       <rect fill="#fff" height="100%" width="100%" x="0" y="0">
+       </rect>
+       <rect fill="#000" height="447" offset="164" width="60" x="164" y="0">
+       </rect>
+       <rect fill="#000" height="447" offset="376" width="56" x="376" y="0">
+       </rect>
+      </mask>
+     </g>
+    </g>
+   </svg>
+ </body>
+</html>
diff --git a/layout/reftests/svg/mask-basic-01.svg b/layout/reftests/svg/mask-basic-01.svg
new file mode 100644
index 0000000000..99764efa05
--- /dev/null
+++ b/layout/reftests/svg/mask-basic-01.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+  <title>Testcase for mask that can't be resolved</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=620144 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="lime" mask="url(#null)"/>
+</svg>
diff --git a/layout/reftests/svg/mask-basic-02-ref.svg b/layout/reftests/svg/mask-basic-02-ref.svg
new file mode 100644
index 0000000000..ac4e7f3f32
--- /dev/null
+++ b/layout/reftests/svg/mask-basic-02-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference that mask defaults to sRGB</title>
+
+  <rect width="100" height="100" x="100" y="100"  fill="#FFC0C0"/>
+
+</svg>
diff --git a/layout/reftests/svg/mask-basic-02.svg b/layout/reftests/svg/mask-basic-02.svg
new file mode 100644
index 0000000000..71204df0e7
--- /dev/null
+++ b/layout/reftests/svg/mask-basic-02.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase that mask defaults to sRGB</title>
+
+  <defs>
+    <mask id="mask" maskContentUnits="objectBoundingBox">
+        <rect width="1" height="1" fill="#3f3f3f" />
+    </mask>
+  </defs>
+
+  <rect width="100" height="100" x="100" y="100" mask="url(#mask)" fill="#FF0000"/>
+
+</svg>
diff --git a/layout/reftests/svg/mask-basic-03.svg b/layout/reftests/svg/mask-basic-03.svg
new file mode 100644
index 0000000000..6358507883
--- /dev/null
+++ b/layout/reftests/svg/mask-basic-03.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=779029 -->
+
+  <title>Test that the x/y/width/height attributes work on the mask element</title>
+
+  <mask id="mask" x="20%" y="20%" width="60%" height="60%">
+    <rect width="1000" height="1000" fill="white"/>
+  </mask>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="50" y="50" width="100" height="100" fill="red" mask="url(#mask)"/>
+  <rect x="70" y="70" width="60" height="60" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/mask-basic-04.svg b/layout/reftests/svg/mask-basic-04.svg
new file mode 100644
index 0000000000..db90104bf9
--- /dev/null
+++ b/layout/reftests/svg/mask-basic-04.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=995813 -->
+
+  <title>Test mapped attributes work on the mask element</title>
+
+  <mask id="mask" fill="white" maskContentUnits="objectBoundingBox">
+    <rect width="100%" height="100%"/>
+  </mask>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="lime" mask="url(#mask)"/>
+
+</svg>
diff --git a/layout/reftests/svg/mask-basic-05.svg b/layout/reftests/svg/mask-basic-05.svg
new file mode 100644
index 0000000000..c98e81b1f1
--- /dev/null
+++ b/layout/reftests/svg/mask-basic-05.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none">
+  <title>Testcase for mask that can't be resolved</title>
+  <rect width="100%" height="100%" fill="red"/>
+  <g mask="url(#foo)">
+    <!-- Draw a line path with zero area -->
+    <path stroke="lime" stroke-width="200%" d="M0,50L100,50"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/mask-containing-masked-content-01.svg b/layout/reftests/svg/mask-containing-masked-content-01.svg
new file mode 100644
index 0000000000..eb672a9771
--- /dev/null
+++ b/layout/reftests/svg/mask-containing-masked-content-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test 'mask' containing masked content</title>
+  <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+    <rect width="0.5" height="1" fill="white"/>
+  </mask>
+  <mask id="m2" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+    <rect width="1" height="1" fill="white" mask="url(#m1)"/>
+  </mask>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="50" height="100%" fill="red"/>
+  <g mask="url(#m2)">
+    <rect width="50" height="100%" fill="lime"/>
+    <rect x="50" width="50" height="100%" fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/mask-contains-inner-svg-01.svg b/layout/reftests/svg/mask-contains-inner-svg-01.svg
new file mode 100644
index 0000000000..619fe66ea9
--- /dev/null
+++ b/layout/reftests/svg/mask-contains-inner-svg-01.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <mask id="myMask">
+      <svg x="50%" overflow="visible">
+        <polygon fill="white" points="-50 0 50 0 50 100 -50 100"/>
+      </svg>
+    </mask>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle cx="50%" cy="50" r="40" fill="red"/>
+  <rect mask="url(#myMask)" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/mask-contains-inner-svg-02.svg b/layout/reftests/svg/mask-contains-inner-svg-02.svg
new file mode 100644
index 0000000000..78a5ce004e
--- /dev/null
+++ b/layout/reftests/svg/mask-contains-inner-svg-02.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <mask id="myMask">
+      <svg x="25%" overflow="visible">
+        <svg x="25%" overflow="visible">
+          <polygon fill="white" points="-50 0 50 0 50 100 -50 100"/>
+        </svg>
+      </svg>
+    </mask>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <circle cx="50%" cy="50" r="40" fill="red"/>
+  <rect mask="url(#myMask)" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/mask-css-transform-ref.html b/layout/reftests/svg/mask-css-transform-ref.html
new file mode 100644
index 0000000000..3a27179a21
--- /dev/null
+++ b/layout/reftests/svg/mask-css-transform-ref.html
@@ -0,0 +1,9 @@
+<svg style="width: 500px; height: 500px; border: 1px solid green;">
+  <defs>
+    <mask id="mask">
+      <rect x="200px" y="250px" width="100px" height="150px" fill="#ffffff" />
+      <rect x="50px" y="105px" width="110px" height="195px" fill="blue" />
+    </mask>
+  </defs>
+  <rect mask="url(#mask)" width="500px" height="500px" fill="red" />
+</svg>
diff --git a/layout/reftests/svg/mask-css-transform.html b/layout/reftests/svg/mask-css-transform.html
new file mode 100644
index 0000000000..e6bc8f69ed
--- /dev/null
+++ b/layout/reftests/svg/mask-css-transform.html
@@ -0,0 +1,19 @@
+<style>
+  #square1 {
+    transform: translate(100px, 100px) scale(2,3);
+  }
+  #square2 {
+    transform: scale(2,3);
+  }
+</style>
+<svg style="width: 500px; height: 500px; border: 1px solid green;">
+  <defs>
+    <mask id="mask">
+      <rect id="square1" x="50px" y="50px" width="50px" height="50px" fill="#ffffff" />
+      <svg viewBox="0 0 100 100">
+        <rect id="square2" x="5" y="7" width="11" height="13" fill="blue" />
+      </svg>
+    </mask>
+  </defs>
+  <rect mask="url(#mask)" width="500px" height="500px" fill="red" />
+</svg>
diff --git a/layout/reftests/svg/mask-empty-size.svg b/layout/reftests/svg/mask-empty-size.svg
new file mode 100644
index 0000000000..161c8b36b2
--- /dev/null
+++ b/layout/reftests/svg/mask-empty-size.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <title>Testcase for mask with empty size</title>
+  <mask id="m1" width="1" height="0">
+    <rect x="0" y="0" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+  </mask>
+  <!-- Since the size of m1 is empty, the following rect should be invisible. -->
+  <rect width="100" height="100" fill="blue" mask="url(#m1)"/>
+</svg>
diff --git a/layout/reftests/svg/mask-extref-dataURI-01.svg b/layout/reftests/svg/mask-extref-dataURI-01.svg
new file mode 100644
index 0000000000..b79258fb17
--- /dev/null
+++ b/layout/reftests/svg/mask-extref-dataURI-01.svg
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE svg [
+  <!-- entities etc. here -->
+  <!ENTITY dataURI
+     "data:image/svg+xml,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;g id='empty'/&gt;&lt;mask id='mask' maskContentUnits='userSpaceOnUse'&gt;&lt;rect width='50' height='50' fill='white'/&gt;&lt;/mask&gt;&lt;/svg&gt;">
+]>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>
+    Testcase for bug 686013: CSS mask targeting a fragment in a data URI
+  </title>
+  <style type="text/css">
+    .masked {
+      mask: url("&dataURI;#mask");
+    }
+  </style>
+
+  <!-- use an empty g to force resource document to load before onload -->
+  <use xlink:href="&dataURI;#empty"/>
+
+  <!-- giant lime background -->
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- Masked red rect, covered by lime rect
+       (to make sure mask doesn't let too much through) -->
+  <rect width="75" height="75" fill="red" class="masked"/>
+  <rect width="50" height="50" fill="lime"/>
+
+  <!-- Masked lime rect, covering red rect
+       (to make sure mask lets enough through) -->
+  <g transform="translate(0, 100)">
+    <rect width="50" height="50" fill="red"/>
+    <rect width="75" height="75" fill="lime" class="masked"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/mask-image-filter-transform-ref.html b/layout/reftests/svg/mask-image-filter-transform-ref.html
new file mode 100644
index 0000000000..d040e160a9
--- /dev/null
+++ b/layout/reftests/svg/mask-image-filter-transform-ref.html
@@ -0,0 +1,7 @@
+<svg width="400" height="400">
+  <mask id="m">
+    <image x="20" y="20" width="100" height="100"
+           href="data:image/svg+xml,<svg width='100' height='100' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='red' /></svg>" />
+  </mask>
+  <rect mask="url(#m)" x="50" y="50" width="50%" height="50%" fill="black"></rect>
+</svg>
diff --git a/layout/reftests/svg/mask-image-filter-transform.html b/layout/reftests/svg/mask-image-filter-transform.html
new file mode 100644
index 0000000000..d5196e8327
--- /dev/null
+++ b/layout/reftests/svg/mask-image-filter-transform.html
@@ -0,0 +1,9 @@
+<svg width="400" height="400" viewBox="0 0 800 800">
+  <mask id="m">
+    <g transform="scale(.5,.5)">
+      <image filter="blur(0)" x="80" y="80" width="400" height="400"
+             href="data:image/svg+xml,<svg width='100' height='100' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='red' /></svg>" />
+    </g>
+  </mask>
+  <rect mask="url(#m)" x="100" y="100" width="50%" height="50%" fill="black"></rect>
+</svg>
diff --git a/layout/reftests/svg/mask-img-ref.html b/layout/reftests/svg/mask-img-ref.html
new file mode 100644
index 0000000000..a9505112c2
--- /dev/null
+++ b/layout/reftests/svg/mask-img-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin:0">
+    <img src='data:image/svg+xml,
+<!-- vim: set expandtab ts=2 sw=2 tw=80: -->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  viewBox="0 0 700 130">
+  <defs>
+    <style type="text/css">
+    .fillSpan  {
+      fill: lightgrey;
+      stroke: black;
+    }
+    </style>
+    <!-- Fade out effect -->
+    <mask id="fadeout" maskContentUnits="objectBoundingBox">
+      <rect x="-0.05" y="-0.05" width="1.1" height="1.1"
+        fill="url(%23fadeoutGrad)"/>
+    </mask>
+    <linearGradient id="fadeoutGrad">
+      <stop offset="0" stop-color="white" stop-opacity="1"/>
+      <stop offset="0.35" stop-color="white" stop-opacity="1"/>
+      <stop offset="0.9" stop-color="white" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect y="50" width="150" height="80" class="fillSpan" mask="url(%23fadeout)"/>
+</svg>
+    ' border=0 width="700">
+  </body>
+</html>
diff --git a/layout/reftests/svg/mask-img.html b/layout/reftests/svg/mask-img.html
new file mode 100644
index 0000000000..e080a1b088
--- /dev/null
+++ b/layout/reftests/svg/mask-img.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin:0">
+    <div style="height:50px"></div>
+    <img border=0 src='data:image/svg+xml,
+<!-- vim: set expandtab ts=2 sw=2 tw=80: -->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  viewBox="0 0 700 80">
+  <defs>
+    <style type="text/css">
+    .fillSpan  {
+      fill: lightgrey;
+      stroke: black;
+    }
+    </style>
+    <!-- Fade out effect -->
+    <mask id="fadeout" maskContentUnits="objectBoundingBox">
+      <rect x="-0.05" y="-0.05" width="1.1" height="1.1"
+        fill="url(%23fadeoutGrad)"/>
+    </mask>
+    <linearGradient id="fadeoutGrad">
+      <stop offset="0" stop-color="white" stop-opacity="1"/>
+      <stop offset="0.35" stop-color="white" stop-opacity="1"/>
+      <stop offset="0.9" stop-color="white" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect width="150" height="80" class="fillSpan" mask="url(%23fadeout)"/>
+</svg>
+    ' width="700">
+  </body>
+</html>
diff --git a/layout/reftests/svg/mask-invalidation-ref.html b/layout/reftests/svg/mask-invalidation-ref.html
new file mode 100644
index 0000000000..43a8baa51a
--- /dev/null
+++ b/layout/reftests/svg/mask-invalidation-ref.html
@@ -0,0 +1,5 @@
+<html>
+<svg>
+    <rect width=110 height=50 x=0 y=50 fill=green />
+</svg>
+
diff --git a/layout/reftests/svg/mask-invalidation.html b/layout/reftests/svg/mask-invalidation.html
new file mode 100644
index 0000000000..2866c1f692
--- /dev/null
+++ b/layout/reftests/svg/mask-invalidation.html
@@ -0,0 +1,24 @@
+<html class="reftest-wait">
+<svg>
+     <clipPath id=myClip>
+          <circle cx=100 cy=100 r=100 />
+    </clipPath>
+    <g style="transform: translate(0px, 0)" clip-path="url(#myClip)">
+          <!-- for some reason this first rect is needed to trigger the bug -->
+          <rect width=100 height=50 x=10 y=50 fill=green />
+          <rect id=gr width=100 height=50 x=0 y=50 fill=red />
+    </g>
+    <rect width=50 height=50 x=0 y=50 fill=green />
+</svg>
+<script>
+  function blam() {
+    let gr = document.getElementById("gr");
+    gr.setAttribute('fill', 'green');
+    document.documentElement.removeAttribute("class");
+  }
+document.addEventListener("MozReftestInvalidate", function() {
+    requestAnimationFrame(function() {
+    blam();
+  });
+});
+</script>
diff --git a/layout/reftests/svg/mask-on-outflowElement-01a.html b/layout/reftests/svg/mask-on-outflowElement-01a.html
new file mode 100644
index 0000000000..09bd71aba6
--- /dev/null
+++ b/layout/reftests/svg/mask-on-outflowElement-01a.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    mask: url(#myMask);
+    width: 300px;
+    height: 300px;
+  }
+
+  #absolutePosition {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: blue;
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the mask, not by the 100x100
+           overflow:hidden clip. -->
+      </div>
+    </div>
+  </div>
+  <svg height="0">
+    <defs>
+      <mask id="myMask" x="0" y="0" width="1" height="1" maskUnits="objectBoundingBox">
+        <rect x="0" y="0" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+        <rect x="100" y="100" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+        <rect x="200" y="200" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+        <!-- The forth rect should be clipped out -->
+        <rect x="300" y="300" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+      </mask>
+    </defs>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/mask-on-outflowElement-01b.html b/layout/reftests/svg/mask-on-outflowElement-01b.html
new file mode 100644
index 0000000000..dae39f06e9
--- /dev/null
+++ b/layout/reftests/svg/mask-on-outflowElement-01b.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  #outer {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+  }
+
+  #clipped {
+    mask: url(mask-on-outflowElement.svg);
+    width: 300px;
+    height: 300px;
+  }
+
+  #absolutePosition {
+    position:absolute;
+    top: 0;
+    left: 0;
+    width: 400px;
+    height: 400px;
+    background-color: blue;
+  }
+</style>
+
+<body style="margin: 0px;">
+  <div id="outer">
+    <div id="clipped">
+      <div id="absolutePosition">
+      <!-- This should only be clipped by the mask, not by the 100x100
+           overflow:hidden clip.
+           image mask is always clipped by the rect of associated element. The
+           forth rectangle in mask-on-outflowElement.svg is clipped out since
+           the size  of #clipped is (w=300, height=300)
+       -->
+      </div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/mask-on-outflowElement.svg b/layout/reftests/svg/mask-on-outflowElement.svg
new file mode 100644
index 0000000000..17b86769ff
--- /dev/null
+++ b/layout/reftests/svg/mask-on-outflowElement.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect x="0" y="0" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+  <rect x="100" y="100" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+  <rect x="200" y="200" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+  <rect x="300" y="300" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/mask-opacity-01-ref.svg b/layout/reftests/svg/mask-opacity-01-ref.svg
new file mode 100644
index 0000000000..72de542d1d
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-01-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <rect width="50" height="100" fill="blue" fill-opacity="0.5"/>
+</svg>
diff --git a/layout/reftests/svg/mask-opacity-01.svg b/layout/reftests/svg/mask-opacity-01.svg
new file mode 100644
index 0000000000..edf9f6f911
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-01.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <title>Testcase for the combination of mask, clipPath and opacity</title>
+  <defs>
+    <mask id="m1" maskContentUnits="objectBoundingBox" style="mask-type: alpha;">
+      <rect width="1" height="1" style="stroke:#ffffff; fill: #ffffff; opacity: 0.5;" mask="url(#m2)"/>
+    </mask>
+    <mask id="m2" maskContentUnits="objectBoundingBox" style="mask-type: alpha;">
+      <rect width="0.5" height="1" style="stroke:none; fill: #ffffff"/>
+    </mask>
+  </defs>
+  <rect width="100" height="100" fill="blue" mask="url(#m1)"/>
+</svg>
diff --git a/layout/reftests/svg/mask-opacity-02-ref.svg b/layout/reftests/svg/mask-opacity-02-ref.svg
new file mode 100644
index 0000000000..8b5d3d0ccf
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-02-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="256" height="256">
+  <circle id="outter" cx="128" cy="128" r="128" fill-opacity="0.33"></circle>
+</svg>
diff --git a/layout/reftests/svg/mask-opacity-02.svg b/layout/reftests/svg/mask-opacity-02.svg
new file mode 100644
index 0000000000..c9a7b90181
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-02.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for the combination of use, mask, opacity</title>
+  <!-- Shapes -->
+  <defs>
+    <rect id="frame" x="0" y="0" width="256" height="256"></rect>
+    <circle id="outter" cx="128" cy="128" r="128"></circle>
+  </defs>
+
+  <!-- Masks -->
+  <defs>
+    <mask id="donut">
+      <use xlink:href="#outter" fill="white"></use>
+    </mask>
+  </defs>
+
+  <g transform="translate(0,0)">
+    <use xlink:href="#frame" class="shape" opacity="0.33" mask="url(#donut)"></use>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/mask-opacity-03.svg b/layout/reftests/svg/mask-opacity-03.svg
new file mode 100644
index 0000000000..62aad437c2
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-03.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for the combination of shape, mask, opacity</title>
+  <!-- Shapes -->
+  <defs>
+    <rect id="frame" x="0" y="0" width="256" height="256"></rect>
+    <circle id="outter" cx="128" cy="128" r="128"></circle>
+  </defs>
+
+  <!-- Masks -->
+  <defs>
+    <mask id="donut">
+      <use xlink:href="#outter" fill="white"></use>
+    </mask>
+  </defs>
+
+  <g transform="translate(0,0)">
+    <rect x="0" y="0" width="512" height="256" class="shape" opacity="0.33" mask="url(#donut)"></rect>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/mask-opacity-04.svg b/layout/reftests/svg/mask-opacity-04.svg
new file mode 100644
index 0000000000..d4046e2b43
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-04.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for the combination of use, mask, fill-opacity</title>
+  <!-- Shapes -->
+  <defs>
+    <rect id="frame" x="0" y="0" width="256" height="256"></rect>
+    <circle id="outter" cx="128" cy="128" r="128"></circle>
+  </defs>
+
+  <!-- Masks -->
+  <defs>
+    <mask id="donut">
+      <use xlink:href="#outter" fill="white"></use>
+    </mask>
+  </defs>
+
+  <g transform="translate(0,0)">
+    <use xlink:href="#frame" class="shape" fill-opacity="0.33" mask="url(#donut)"></use>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/mask-opacity-05.svg b/layout/reftests/svg/mask-opacity-05.svg
new file mode 100644
index 0000000000..c832577438
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-05.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for the combination of rect, mask, fill-opacity</title>
+  <!-- Shapes -->
+  <defs>
+    <rect id="frame" x="0" y="0" width="256" height="256"></rect>
+    <circle id="outter" cx="128" cy="128" r="128"></circle>
+  </defs>
+
+  <!-- Masks -->
+  <defs>
+    <mask id="donut">
+      <use xlink:href="#outter" fill="white"></use>
+    </mask>
+  </defs>
+
+  <g transform="translate(0,0)">
+    <rect x="0" y="0" width="512" height="256" class="shape" fill-opacity="0.33" mask="url(#donut)"></rect>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/mask-opacity-invalidation-1-ref.html b/layout/reftests/svg/mask-opacity-invalidation-1-ref.html
new file mode 100644
index 0000000000..b60ccca0a8
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-invalidation-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title></title>
+    <style>
+    #mask {
+      clip-path: circle(50%);
+      width: 100px;
+      height: 100px;
+      opacity: 0.5;
+    }
+
+    #content {
+      width: 100px;
+      height: 100px;
+      background-color: green;
+    }
+  </style>
+</head>
+
+<body>
+    <div id="mask">
+        <div id="content"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/svg/mask-opacity-invalidation-1.html b/layout/reftests/svg/mask-opacity-invalidation-1.html
new file mode 100644
index 0000000000..d7b8de5fd4
--- /dev/null
+++ b/layout/reftests/svg/mask-opacity-invalidation-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title></title>
+    <style>
+    #mask {
+      clip-path: circle(50%);
+      width: 100px;
+      height: 100px;
+      opacity: 0.9;
+    }
+
+    #content {
+      width: 100px;
+      height: 100px;
+      background-color: green;
+    }
+  </style>
+</head>
+
+<body>
+    <div id="mask">
+        <div id="content"></div>
+    </div>
+
+    <script type="text/javascript">
+    function step1() {
+      document.querySelector("#mask").style.opacity = 0.1;
+      window.requestAnimationFrame(() => window.requestAnimationFrame(step2));
+    };
+
+    function step2() {
+      document.querySelector("#mask").style.opacity = 0.5;
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", step1);
+    </script>
+</body>
+</html>
diff --git a/layout/reftests/svg/mask-ref-loop-01.svg b/layout/reftests/svg/mask-ref-loop-01.svg
new file mode 100644
index 0000000000..e4be5acd5d
--- /dev/null
+++ b/layout/reftests/svg/mask-ref-loop-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1392235 -->
+
+  <title>Test handling of simple mask reference loop</title>
+
+  <mask id="mask" x="20" y="20" width="100" height="100"
+        maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse">
+    <rect x="20" y="20" width="100" height="100" fill="white" mask="url(#mask)"/>
+  </mask>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="140" height="140" fill="red" mask="url(#mask)"/>
+  <rect x="20" y="20" width="100" height="100" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/mask-resource-ref.html b/layout/reftests/svg/mask-resource-ref.html
new file mode 100644
index 0000000000..ebcf3bc9da
--- /dev/null
+++ b/layout/reftests/svg/mask-resource-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-image: url(resource://usercontext-content/fingerprint.svg);
+    background-size: 100px 100px;
+    background-color: white;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/svg/mask-resource.html b/layout/reftests/svg/mask-resource.html
new file mode 100644
index 0000000000..f11e7685ad
--- /dev/null
+++ b/layout/reftests/svg/mask-resource.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    mask-image: url(resource://usercontext-content/fingerprint.svg);
+    mask-size: 100px 100px;
+    background-color: black;
+  }
+</style>
+<div></div>
diff --git a/layout/reftests/svg/mask-root-svg.svg b/layout/reftests/svg/mask-root-svg.svg
new file mode 100644
index 0000000000..e5a2ed582b
--- /dev/null
+++ b/layout/reftests/svg/mask-root-svg.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0" mask="url(#mask1)">
+  <defs>
+    <mask id="mask1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox" x="0" y="0" width="0.5" height="0.5">
+      <rect x="0" y="0" width="1" height="1" style="stroke:none; fill: #ffffff"/>
+    </mask>
+  </defs>
+  <rect width="50%" height="50%" fill="white"/>
+  <rect x="30%" y="30%" width="20%" height="20%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/mask-transformed-01-ref.svg b/layout/reftests/svg/mask-transformed-01-ref.svg
new file mode 100644
index 0000000000..28ae8e2828
--- /dev/null
+++ b/layout/reftests/svg/mask-transformed-01-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
+  <rect width="50%" height="50%" fill="lime"/>
+</svg>
+
diff --git a/layout/reftests/svg/mask-transformed-01.svg b/layout/reftests/svg/mask-transformed-01.svg
new file mode 100644
index 0000000000..254c3e9666
--- /dev/null
+++ b/layout/reftests/svg/mask-transformed-01.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
+  <defs>
+    <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+      <rect x="0" y="0" width="1" height="1" fill="white"/>
+    </mask>
+  </defs>
+  <foreignObject width="100%" height="100%" transform="scale(0.5)">
+    <svg style="width:100%; height:100%;">
+      <rect width="100%" height="100%" fill="lime" mask="url(#m1)"/>
+    </svg>
+  </foreignObject>
+</svg>
+
diff --git a/layout/reftests/svg/mask-transformed-02.svg b/layout/reftests/svg/mask-transformed-02.svg
new file mode 100644
index 0000000000..4361895d86
--- /dev/null
+++ b/layout/reftests/svg/mask-transformed-02.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for mask on elements that are transformed</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=806432 -->
+
+  <mask id="m" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse">
+    <rect x="0" y="0" width="100" height="100" fill="white"/>
+  </mask>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="10" y="10" width="100" height="100" fill="red"/>
+  <rect width="100" height="100" transform="translate(10,10)" fill="lime" mask="url(#m)"/>
+
+</svg>
diff --git a/layout/reftests/svg/mask-transformed-child-01-ref.svg b/layout/reftests/svg/mask-transformed-child-01-ref.svg
new file mode 100644
index 0000000000..19c7f22e6b
--- /dev/null
+++ b/layout/reftests/svg/mask-transformed-child-01-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="50" y="75" width="100" height="50" fill="blue"/>
+</svg>
+
diff --git a/layout/reftests/svg/mask-transformed-child-01.svg b/layout/reftests/svg/mask-transformed-child-01.svg
new file mode 100644
index 0000000000..e619d64d48
--- /dev/null
+++ b/layout/reftests/svg/mask-transformed-child-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <mask id="mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+    <rect x="0.25" y="0" width="0.5" height="1" fill="white" transform="rotate(90,0.5,0.5)"/>
+  </mask>
+  <rect x="50" y="50" width="100" height="100" fill="blue" mask="url(#mask)"/>
+</svg>
+
diff --git a/layout/reftests/svg/mask-type-01-ref.svg b/layout/reftests/svg/mask-type-01-ref.svg
new file mode 100644
index 0000000000..3885c41219
--- /dev/null
+++ b/layout/reftests/svg/mask-type-01-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+
+  <title>Reference for alpha mask</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=793617 -->
+
+  <rect x="10" y="10" width="80" height="80" fill="blue" fill-opacity="0.5"/>
+</svg>
diff --git a/layout/reftests/svg/mask-type-01.svg b/layout/reftests/svg/mask-type-01.svg
new file mode 100644
index 0000000000..1e83b457b7
--- /dev/null
+++ b/layout/reftests/svg/mask-type-01.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+
+  <title>Testcase for alpha mask</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=793617 -->
+
+  <mask id="m" maskContentUnits="objectBoundingBox" style="mask-type: alpha">
+    <rect x=".1" y=".1" width=".8" height=".8" fill="black" fill-opacity="0.5"/>
+  </mask>
+  <rect width="100" height="100" fill="blue" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/svg/mask-type-02.svg b/layout/reftests/svg/mask-type-02.svg
new file mode 100644
index 0000000000..f3679b3c8a
--- /dev/null
+++ b/layout/reftests/svg/mask-type-02.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+
+  <title>Testcase for alpha mask using the presentation attribute</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=793617 -->
+
+  <mask id="m" maskContentUnits="objectBoundingBox" mask-type="alpha">
+    <rect x=".1" y=".1" width=".8" height=".8" fill="black" fill-opacity="0.5"/>
+  </mask>
+  <rect width="100" height="100" fill="blue" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/svg/mask-type-03.svg b/layout/reftests/svg/mask-type-03.svg
new file mode 100644
index 0000000000..b333b6bf08
--- /dev/null
+++ b/layout/reftests/svg/mask-type-03.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"
+     class="reftest-wait" onload="run()">
+
+  <title>Testcase for alpha mask, dynamically setting mask-type</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=793617 -->
+
+  <mask id="m" maskContentUnits="objectBoundingBox">
+    <rect x=".1" y=".1" width=".8" height=".8" fill="black" fill-opacity="0.5"/>
+  </mask>
+  <rect width="100" height="100" fill="blue" mask="url(#m)"/>
+
+  <script>
+    function run() {
+      document.getElementById("m").style.maskType = "alpha";
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/mask-type-04.svg b/layout/reftests/svg/mask-type-04.svg
new file mode 100644
index 0000000000..ee46b5d57c
--- /dev/null
+++ b/layout/reftests/svg/mask-type-04.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+
+  <title>Testcase for alpha mask, dynamically setting mask-type</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=793617 -->
+
+  <mask id="m" maskContentUnits="objectBoundingBox">
+    <rect x=".1" y=".1" width=".8" height=".8" fill="black" fill-opacity="0.5"/>
+    <set attributeName="mask-type" to="alpha"/>
+  </mask>
+  <rect width="100" height="100" fill="blue" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/svg/mask-use-element-01.svg b/layout/reftests/svg/mask-use-element-01.svg
new file mode 100644
index 0000000000..c2490ad0a1
--- /dev/null
+++ b/layout/reftests/svg/mask-use-element-01.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <mask id="myMask">
+      <rect x="100" y="100" width="100" height="100" fill="white"/>
+    </mask>
+    <rect x="0" y="0" width="100" height="100" fill="red" id="abc"/>
+  </defs>
+  <rect x="0" y="0" width="100%" height="100%" fill="lime"/>
+  <use  xlink:href="#abc"
+        x="100" y="100" mask="url(#myMask)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/moz-only/big.png b/layout/reftests/svg/moz-only/big.png
new file mode 100644
index 0000000000..76a32497c7
Binary files /dev/null and b/layout/reftests/svg/moz-only/big.png differ
diff --git a/layout/reftests/svg/moz-only/feImage-zoom-01-ref.svg b/layout/reftests/svg/moz-only/feImage-zoom-01-ref.svg
new file mode 100644
index 0000000000..92046f8d2c
--- /dev/null
+++ b/layout/reftests/svg/moz-only/feImage-zoom-01-ref.svg
@@ -0,0 +1,13 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<title>test image-rendering: -moz-crisp-edges</title>
+<defs>
+  <filter id="i" x="0%" y="0%" width="100%" height="100%">
+    <feImage xlink:href="big.png"/>
+  </filter>
+</defs>
+<rect x="0" y="0" width="10" height="10" filter="url(#i)"/>
+</svg>
diff --git a/layout/reftests/svg/moz-only/feImage-zoom-01a.svg b/layout/reftests/svg/moz-only/feImage-zoom-01a.svg
new file mode 100644
index 0000000000..3b2ea655ff
--- /dev/null
+++ b/layout/reftests/svg/moz-only/feImage-zoom-01a.svg
@@ -0,0 +1,16 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     reftest-zoom="5"
+     width="20%" height="20%">
+<title>test image-rendering: -moz-crisp-edges</title>
+<defs>
+  <filter id="i" x="0%" y="0%" width="100%" height="100%">
+    <feImage image-rendering="-moz-crisp-edges" xlink:href="small.png"/>
+  </filter>
+</defs>
+<rect x="0" y="0" width="10" height="10" filter="url(#i)"/>
+</svg>
diff --git a/layout/reftests/svg/moz-only/feImage-zoom-01b.svg b/layout/reftests/svg/moz-only/feImage-zoom-01b.svg
new file mode 100644
index 0000000000..c8be9ea6b5
--- /dev/null
+++ b/layout/reftests/svg/moz-only/feImage-zoom-01b.svg
@@ -0,0 +1,16 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     reftest-zoom="5"
+     width="20%" height="20%">
+<title>test image-rendering: -moz-crisp-edges</title>
+<defs>
+  <filter id="i" x="0%" y="0%" width="100%" height="100%">
+    <feImage style="image-rendering:-moz-crisp-edges" xlink:href="small.png"/>
+  </filter>
+</defs>
+<rect x="0" y="0" width="10" height="10" filter="url(#i)"/>
+</svg>
diff --git a/layout/reftests/svg/moz-only/foreignObject-zoom-01.svg b/layout/reftests/svg/moz-only/foreignObject-zoom-01.svg
new file mode 100644
index 0000000000..42250464a9
--- /dev/null
+++ b/layout/reftests/svg/moz-only/foreignObject-zoom-01.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     onload="startTest()" reftest-zoom="2" class="reftest-wait"
+     style="width:50%; height:50%;">
+    
+  <title>Testcase for zoomed foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=484677 -->
+
+  <style type="text/css">
+    * { margin:0;height:100%;width:100% }
+  </style>
+  <foreignObject width="100%" height="100%">
+    <html xmlns="http://www.w3.org/1999/xhtml">
+      <body>
+        <div id="div" style="width:20px;height:20px;background:yellow;"/>
+      </body>
+    </html>
+  </foreignObject>
+  <script type="text/javascript">
+  function startTest() {
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+  }
+  function doTest() {
+    var elem = document.elementFromPoint(25, 25);
+    var div = document.getElementById("div");
+    div.setAttribute("style", "background:" + ((elem == div) ? "red" : "lime") + ";");
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/moz-only/pass-black.svg b/layout/reftests/svg/moz-only/pass-black.svg
new file mode 100644
index 0000000000..d80f66d63e
--- /dev/null
+++ b/layout/reftests/svg/moz-only/pass-black.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for black pass condition</title>
+  <rect width="100%" height="100%" fill="black"/>
+</svg>
diff --git a/layout/reftests/svg/moz-only/pass.svg b/layout/reftests/svg/moz-only/pass.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/svg/moz-only/pass.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/moz-only/reftest.list b/layout/reftests/svg/moz-only/reftest.list
new file mode 100644
index 0000000000..ce73d4119c
--- /dev/null
+++ b/layout/reftests/svg/moz-only/reftest.list
@@ -0,0 +1,7 @@
+# Tests for zooming with the full page zoom UI
+random-if(d2d) == feImage-zoom-01a.svg          feImage-zoom-01-ref.svg
+random-if(d2d) == feImage-zoom-01b.svg          feImage-zoom-01-ref.svg
+== foreignObject-zoom-01.svg                    pass.svg
+== zoom-invalidation-01.svg                     pass.svg
+== replaced-element-zoom-01.html                pass.svg
+fuzzy-if(winWidget,0-12,0-7) == zoomed-svg-with-viewBox-01.svg   zoomed-svg-with-viewBox-01-ref.svg
diff --git a/layout/reftests/svg/moz-only/replaced-element-zoom-01.html b/layout/reftests/svg/moz-only/replaced-element-zoom-01.html
new file mode 100644
index 0000000000..724bb304eb
--- /dev/null
+++ b/layout/reftests/svg/moz-only/replaced-element-zoom-01.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html reftest-zoom="2" class="reftest-wait">
+  <head>
+    <title>SVG page zoom test</title>
+    <style>
+      iframe, object, img {
+        width: 150px;
+        height: 100px;
+        border: none;
+      }
+      body {
+        background-color: lime;
+      }
+    </style>
+    <script>
+
+var expected = 3;
+var actual = 0;
+
+function process_load() {
+  ++actual;
+  if (actual == expected)
+    document.documentElement.removeAttribute("class");
+}
+
+    </script>
+  </head>
+  <body>
+    <div>
+      <iframe onload="process_load()" src="pass.svg"></iframe>
+    </div>
+    <div>
+      <object onload="process_load()" data="pass.svg"></object>
+    </div>
+    <div>
+      <img onload="process_load()" src="pass.svg">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/moz-only/small.png b/layout/reftests/svg/moz-only/small.png
new file mode 100644
index 0000000000..9ff11a9932
Binary files /dev/null and b/layout/reftests/svg/moz-only/small.png differ
diff --git a/layout/reftests/svg/moz-only/zoom-invalidation-01.svg b/layout/reftests/svg/moz-only/zoom-invalidation-01.svg
new file mode 100644
index 0000000000..e8270968b1
--- /dev/null
+++ b/layout/reftests/svg/moz-only/zoom-invalidation-01.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     reftest-zoom="2" class="reftest-wait"
+     width="50%" height="50%">
+
+  <title>Test invalidation of zoomed SVG</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=726928 -->
+
+  <script type="text/javascript">
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+
+function doTest() {
+  var redRect = document.getElementById('red-rect');
+  redRect.parentNode.removeChild(redRect);
+  document.documentElement.removeAttribute("class");
+}
+
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect id="red-rect" x="10" y="10" width="100" height="100" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01-ref.svg b/layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01-ref.svg
new file mode 100644
index 0000000000..99a3d36b52
--- /dev/null
+++ b/layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="30">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=407959 -->
+
+  <title>Reference for zoomed-svg-with-viewBox-01.svg</title>
+
+  <ellipse cx="20" cy="15" rx="20" ry="15" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01.svg b/layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01.svg
new file mode 100644
index 0000000000..530f892f4d
--- /dev/null
+++ b/layout/reftests/svg/moz-only/zoomed-svg-with-viewBox-01.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="3"
+     width="40" height="30" viewBox="20 20 120 90">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=407959 -->
+
+  <title>Test that zooming isn't broken when we have a viewBox</title>
+
+  <ellipse cx="40" cy="35" rx="20" ry="15" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/nested-mask-mode.svg b/layout/reftests/svg/nested-mask-mode.svg
new file mode 100644
index 0000000000..2d87eab674
--- /dev/null
+++ b/layout/reftests/svg/nested-mask-mode.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <title>Testcase for mask-mode in a nested mask.</title>
+  <mask id="m1" width="1" height="1">
+    <!-- Set mask-mode as alpha. The fill color of the rect in m2 should
+         not effect mask result. -->
+    <rect x="0" y="0" width="100" height="100" mask="url(#m2)" style="fill: #ffffff; mask-mode:alpha;"/>
+  </mask>
+  <mask id="m2" width="1" height="1">
+    <rect x="0" y="0" width="100" height="50" style="fill:#000000"/>
+  </mask>
+
+  <rect width="100" height="100" fill="blue" mask="url(#m1)" />
+</svg>
diff --git a/layout/reftests/svg/nested-viewBox-01.svg b/layout/reftests/svg/nested-viewBox-01.svg
new file mode 100644
index 0000000000..d78ca4c4c5
--- /dev/null
+++ b/layout/reftests/svg/nested-viewBox-01.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for child &lt;svg&gt; with viewBox</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=369402
+
+       The presense of the viewBox attribute below should not be stopping the
+       lime rect from rendering. (The preserveAspectRatio is only there to make
+       the lime rect fully cover the red rect on success. It is not the problem.)
+  -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <svg viewBox="0 0 100 100" preserveAspectRatio="none">
+    <rect width="100%" height="100%" fill="lime"/>
+  </svg>
+
+</svg>
diff --git a/layout/reftests/svg/nesting-invalid-01-ref.svg b/layout/reftests/svg/nesting-invalid-01-ref.svg
new file mode 100644
index 0000000000..8b61e19756
--- /dev/null
+++ b/layout/reftests/svg/nesting-invalid-01-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink='http://www.w3.org/1999/xlink' font-size='16px'>
+  <script xlink:href='nesting-invalid-01.js'/>
+  <script><![CDATA[
+    for (var i = 0; i < es.length; i++) {
+      document.documentElement.appendChild(makeGroup(i, false, es[i]));
+    }
+  ]]></script>
+</svg>
diff --git a/layout/reftests/svg/nesting-invalid-01.js b/layout/reftests/svg/nesting-invalid-01.js
new file mode 100644
index 0000000000..da40c17783
--- /dev/null
+++ b/layout/reftests/svg/nesting-invalid-01.js
@@ -0,0 +1,35 @@
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+// These are all of the SVG 1.1 and Filter Effects element names, except for container and deprecated elements,
+// with the addition of an "UNKNOWN" element in the SVG namespace.
+var es = 'animate animateMotion animateTransform circle color-profile cursor desc ellipse feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting feDisplacementMap feDistantLight feDropShadow feFlood feFuncA feFuncB feFuncG feFuncR feGaussianBlur feImage feMerge feMergeNode feMorphology feOffset fePointLight feSpecularLighting feSpotLight feTile feTurbulence filter image line linearGradient metadata mpath path polygon polyline radialGradient rect script set stop style text textPath title tspan use view UNKNOWN'.split(' ');
+var colwidth = 200;
+var size = 40;
+var rows = 14;
+
+function makeElement(localName, attrs, children) {
+  var e = document.createElementNS('http://www.w3.org/2000/svg', localName);
+  for (var an in attrs) {
+    e.setAttribute(an, attrs[an]);
+  }
+  if (children) {
+    for (var i = 0; i < children.length; i++) {
+      if (typeof children[i] == 'object') {
+        e.appendChild(children[i]);
+      } else {
+        e.appendChild(document.createTextNode(children[i]));
+      }
+    }
+  }
+  return e;
+}
+
+function makeGroup(i, failing, text) {
+  var x = colwidth * Math.floor(i / rows),
+      y = size * (i % rows);
+  return makeElement('g', { 'fill-opacity': failing ? '1' : '0.25' },
+           [makeElement('rect', { x: x, y: y, width: colwidth, height: size, fill: 'white' }),
+            makeElement('rect', { x: x, y: y, width: size, height: size, fill: failing ? 'red' : 'green' }),
+            makeElement('text', { x: x + size + 10, y: y + size / 2 + 6 }, [text])]);
+}
diff --git a/layout/reftests/svg/nesting-invalid-01.svg b/layout/reftests/svg/nesting-invalid-01.svg
new file mode 100644
index 0000000000..aa9e6f1444
--- /dev/null
+++ b/layout/reftests/svg/nesting-invalid-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink='http://www.w3.org/1999/xlink' font-size='16px'>
+  <!--
+    This tests that elements that are not container elements do not render their
+    children.
+  -->
+  <rect id='r' width='100%' height='100%' fill='red'/>
+  <script xlink:href='nesting-invalid-01.js'/>
+  <script><![CDATA[
+    for (var i = 0; i < es.length; i++) {
+      document.documentElement.appendChild(makeGroup(i, false, es[i]));
+      document.documentElement.appendChild(makeElement(es[i], { }, [makeGroup(i, true, es[i])]));
+    }
+
+    document.documentElement.removeChild(document.getElementById('r'));
+  ]]></script>
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-01-ref.svg b/layout/reftests/svg/non-scaling-stroke-01-ref.svg
new file mode 100644
index 0000000000..0bd75876f6
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-01-ref.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<style type="text/css" >
+rect {
+  stroke-width: 15px;
+}
+</style>
+<defs>
+  <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <linearGradient id="grad2" x1="180" y1="250" x2="280" y2="300" gradientUnits="userSpaceOnUse" gradientTransform="scale(0.25,1)">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <pattern id="pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" patternTransform="scale(1,0.5), skewX(45)">
+    <rect x="0" y="0" width="10" height="10" fill="red"/>
+    <rect x="10" y="0" width="10" height="10" fill="green"/>
+    <rect x="0" y="10" width="10" height="10" fill="blue"/>
+    <rect x="10" y="10" width="10" height="10" fill="yellow"/>
+  </pattern>
+  <rect id="rect" width="100" height="50" fill="none"/>
+</defs>
+
+<rect x="20" y="20" width="100" height="50" fill="none" stroke="url(#grad1)"/>
+
+<rect x="20" y="100" width="100" height="50" fill="none" stroke="url(#grad2)" />
+
+<use xlink:href="#rect" transform="translate(20, 180)" stroke="url(#pattern)"/>
+
+<use xlink:href="#rect" x="20" y="260" stroke="green"/>
+
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-01.svg b/layout/reftests/svg/non-scaling-stroke-01.svg
new file mode 100644
index 0000000000..db2954b685
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-01.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<style type="text/css" >
+rect {
+  stroke-width: 15px;
+  vector-effect: non-scaling-stroke;
+}
+</style>
+<defs>
+  <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <linearGradient id="grad2" x1="100" y1="150" x2="200" y2="200" gradientUnits="userSpaceOnUse">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <pattern id="pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" patternTransform="scale(4,0.5), skewX(45)">
+    <rect x="0" y="0" width="10" height="10" fill="red"/>
+    <rect x="10" y="0" width="10" height="10" fill="green"/>
+    <rect x="0" y="10" width="10" height="10" fill="blue"/>
+    <rect x="10" y="10" width="10" height="10" fill="yellow"/>
+  </pattern>
+  <rect id="rect" width="400" height="50" fill="none"/>
+</defs>
+
+<g transform="translate(20,20)">
+    <rect width="400" height="50" fill="none" stroke="url(#grad1)" transform="scale(0.25,1)"/>
+</g>
+
+<rect width="400" height="50" fill="none" stroke="url(#grad2)" transform="translate(20,100) scale(0.25,1)"/>
+
+<use xlink:href="#rect" transform="translate(20, 180) scale(0.25,1)" stroke="url(#pattern)"/>
+
+<use xlink:href="#rect" x="40" y="80" transform="translate(10, 180) scale(0.25,1)" stroke="green"/>
+
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-02-ref.svg b/layout/reftests/svg/non-scaling-stroke-02-ref.svg
new file mode 100644
index 0000000000..2264924193
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-02-ref.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden">
+<style type="text/css" >
+rect {
+  stroke-width: 30px;
+}
+</style>
+<defs>
+  <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <linearGradient id="grad2" x1="360" y1="500" x2="560" y2="600" gradientUnits="userSpaceOnUse" gradientTransform="scale(0.25,1)">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <pattern id="pattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse" patternTransform="scale(1,0.5), skewX(45)">
+    <rect x="0" y="0" width="20" height="20" fill="red"/>
+    <rect x="20" y="0" width="20" height="20" fill="green"/>
+    <rect x="0" y="20" width="20" height="20" fill="blue"/>
+    <rect x="20" y="20" width="20" height="20" fill="yellow"/>
+  </pattern>
+  <rect id="rect" width="200" height="100" fill="none"/>
+</defs>
+
+<rect x="40" y="40" width="200" height="100" fill="none" stroke="url(#grad1)"/>
+
+<rect x="40" y="200" width="200" height="100" fill="none" stroke="url(#grad2)" />
+
+<use xlink:href="#rect" transform="translate(40, 360)" stroke="url(#pattern)"/>
+
+<use xlink:href="#rect" x="40" y="520" stroke="green"/>
+
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-02.svg b/layout/reftests/svg/non-scaling-stroke-02.svg
new file mode 100644
index 0000000000..b098bb5688
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-02.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" reftest-zoom="2" overflow="hidden">
+<style type="text/css" >
+rect {
+  stroke-width: 15px;
+  vector-effect: non-scaling-stroke;
+}
+</style>
+<defs>
+  <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <linearGradient id="grad2" x1="100" y1="150" x2="200" y2="200" gradientUnits="userSpaceOnUse">
+    <stop offset="0" stop-color="blue"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <pattern id="pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" patternTransform="scale(4,0.5), skewX(45)">
+    <rect x="0" y="0" width="10" height="10" fill="red"/>
+    <rect x="10" y="0" width="10" height="10" fill="green"/>
+    <rect x="0" y="10" width="10" height="10" fill="blue"/>
+    <rect x="10" y="10" width="10" height="10" fill="yellow"/>
+  </pattern>
+  <rect id="rect" width="400" height="50" fill="none"/>
+</defs>
+
+<g transform="translate(20,20)">
+    <rect width="400" height="50" fill="none" stroke="url(#grad1)" transform="scale(0.25,1)"/>
+</g>
+
+<rect width="400" height="50" fill="none" stroke="url(#grad2)" transform="translate(20,100) scale(0.25,1)"/>
+
+<use xlink:href="#rect" transform="translate(20, 180) scale(0.25,1)" stroke="url(#pattern)"/>
+
+<use xlink:href="#rect" x="40" y="80" transform="translate(10, 180) scale(0.25,1)" stroke="green"/>
+
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-03-ref.svg b/layout/reftests/svg/non-scaling-stroke-03-ref.svg
new file mode 100644
index 0000000000..895836568a
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-03-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <line x1="100" y1="100" x2="100" y2="200" stroke="blue" stroke-width="10"/>
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-03.svg b/layout/reftests/svg/non-scaling-stroke-03.svg
new file mode 100644
index 0000000000..9b62d1cafe
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-03.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <title>Test non-scaling-stroke repainting when ancestor transforms change</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
+  <script>
+
+function doTest() {
+  document.getElementById("g").setAttribute("transform", "scale(2)");
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  </script>
+  <g id="g">
+    <line x1="50" y1="50" x2="50" y2="100" stroke="blue" stroke-width="10"
+          style="vector-effect:non-scaling-stroke;"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-css-transform-ref.html b/layout/reftests/svg/non-scaling-stroke-css-transform-ref.html
new file mode 100644
index 0000000000..651b50102e
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-css-transform-ref.html
@@ -0,0 +1,3 @@
+<svg style="width: 500px; height: 500px; border: 1px solid green;">
+  <rect id="square" transform="translate(100,200) scale(1,2.5)" stroke="blue" vector-effect="non-scaling-stroke" stroke-width="6" x="50px" y="50px" width="50px" height="50px" fill="pink" />
+</svg>
diff --git a/layout/reftests/svg/non-scaling-stroke-css-transform.html b/layout/reftests/svg/non-scaling-stroke-css-transform.html
new file mode 100644
index 0000000000..e7db2ac145
--- /dev/null
+++ b/layout/reftests/svg/non-scaling-stroke-css-transform.html
@@ -0,0 +1,8 @@
+<style>
+  #square{
+    transform: translate(100px,200px) scale(1,2.5);
+  }
+</style>
+<svg style="width: 500px; height: 500px; border: 1px solid green;">
+  <rect id="square" stroke="blue" vector-effect="non-scaling-stroke" stroke-width="6" x="50px" y="50px" width="50px" height="50px" fill="pink" />
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-clipPath.svg b/layout/reftests/svg/objectBoundingBox-and-clipPath.svg
new file mode 100644
index 0000000000..40968d9ee9
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-clipPath.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=489151 -->
+
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test objectBoundingBox clip-path on element with ancestor transform</title>
+  <desc>
+    This test checks that the bbox calculation for an objectBoundingBox
+    clip-path is correctly getting the bbox in the userspace of the
+    clipped element, and not it's bbox in an ancestor userspace or rootspace.
+  </desc>
+  <clipPath id="clip" clipPathUnits="objectBoundingBox">
+    <rect x="0.5" width="0.5" height="1"/>
+  </clipPath>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="100" width="100" height="100" fill="red"/>
+  <g transform="translate(-100,0)">
+    <g clip-path="url(#clip)">
+      <rect x="100" width="100" height="100" fill="red"/>
+      <rect x="200" width="100" height="100" fill="lime"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-fePointLight-01-ref.svg b/layout/reftests/svg/objectBoundingBox-and-fePointLight-01-ref.svg
new file mode 100644
index 0000000000..67532ffb68
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-fePointLight-01-ref.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for objectBoundingBox with fePointLight</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=544742 -->
+
+  <defs>
+    <filter id="light" primitiveUnits="userSpaceOnUse">
+      <feSpecularLighting lighting-color="blue" surfaceScale="5" specularConstant="10" specularExponent="6">
+        <fePointLight x="30" y="30" z="-5"/>
+      </feSpecularLighting>
+      <feComposite operator="in" in2="SourceGraphic"/>
+    </filter>
+  </defs>
+
+  <g transform="translate(20 20)">
+    <rect width="40" height="20" filter="url(#light)" fill="black" stroke="none"/>
+  </g>
+
+</svg>
+
diff --git a/layout/reftests/svg/objectBoundingBox-and-fePointLight-01.svg b/layout/reftests/svg/objectBoundingBox-and-fePointLight-01.svg
new file mode 100644
index 0000000000..c77200c847
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-fePointLight-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for objectBoundingBox with fePointLight</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=544742 -->
+
+  <defs>
+    <filter id="light" primitiveUnits="objectBoundingBox">
+      <feSpecularLighting lighting-color="blue" surfaceScale="5" specularConstant="10" specularExponent="6">
+        <!-- Note: for z  the scalefactor is  31,622776601683793319988935444327
+                     sqrt(bbox.width*bbox.width + bbox.height*bbox.height)/sqrt(2) -->
+        <fePointLight x="0.75" y="1.5" z="-0.15811388300841896659994467722167"/>
+      </feSpecularLighting>
+      <feComposite operator="in" in2="SourceGraphic"/>
+    </filter>
+  </defs>
+
+  <rect x="20" y="20" width="40" height="20" filter="url(#light)" fill="black" stroke="none" />
+
+</svg>
+
diff --git a/layout/reftests/svg/objectBoundingBox-and-fePointLight-02-ref.svg b/layout/reftests/svg/objectBoundingBox-and-fePointLight-02-ref.svg
new file mode 100644
index 0000000000..0e27de608f
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-fePointLight-02-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg width="100%" height="100%"
+  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for objectBoundingBox with fePointLight</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=619992 -->
+
+  <defs>
+    <filter id="f" primitiveUnits="objectBoundingBox">
+      <feSpecularLighting lighting-color="blue" surfaceScale="5" specularConstant="10" specularExponent="6">
+        <fePointLight x="0.875" y="0.875" z="-0.0625"/>
+      </feSpecularLighting>
+    </filter>
+  </defs>
+
+  <g transform="translate(50 50)">
+    <rect x="-40" y="-40" width="80" height="80" filter="url(#f)" fill="none"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-fePointLight-02.svg b/layout/reftests/svg/objectBoundingBox-and-fePointLight-02.svg
new file mode 100644
index 0000000000..00f549add4
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-fePointLight-02.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg width="100%" height="100%"
+  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for objectBoundingBox with fePointLight</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=619992 -->
+
+  <defs>
+    <filter id="f" primitiveUnits="userSpaceOnUse">
+      <feSpecularLighting lighting-color="blue" surfaceScale="5" specularConstant="10" specularExponent="6">
+        <fePointLight x="30" y="30" z="-5"/>
+      </feSpecularLighting>
+    </filter>
+  </defs>
+
+  <g transform="translate(50 50)">
+    <rect x="-40" y="-40" width="80" height="80" filter="url(#f)" fill="none"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-mask-02.svg b/layout/reftests/svg/objectBoundingBox-and-mask-02.svg
new file mode 100644
index 0000000000..8cab2d32ac
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-mask-02.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=621210 -->
+
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for re-using an objectBoundingBox mask with a &lt;g&gt; child</title>
+  <mask id="mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+    <g>
+      <rect width="1" height="1" fill="white"/>
+    </g>
+  </mask>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect mask="url(#mask)" width="1" height="1" fill="red"/>
+  <rect mask="url(#mask)" width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-mask.svg b/layout/reftests/svg/objectBoundingBox-and-mask.svg
new file mode 100644
index 0000000000..e247913aed
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-mask.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=489151 -->
+
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test objectBoundingBox mask on element with ancestor transform</title>
+  <desc>
+    This test checks that the bbox calculation for an objectBoundingBox
+    mask is correctly getting the bbox in the userspace of the masked
+    element, and not it's bbox in an ancestor userspace or rootspace.
+  </desc>
+  <mask id="mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+    <rect x="0.5" width="0.5" height="1" fill="white"/>
+  </mask>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="100" width="100" height="100" fill="red"/>
+  <g transform="translate(-100,0)">
+    <g mask="url(#mask)">
+      <rect x="100" width="100" height="100" fill="red"/>
+      <rect x="200" width="100" height="100" fill="lime"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-pattern-01-ref.svg b/layout/reftests/svg/objectBoundingBox-and-pattern-01-ref.svg
new file mode 100644
index 0000000000..fcf4e8d164
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-pattern-01-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+    <title>Reference for elements referencing an objectBoundingBox pattern</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=338596 -->
+
+    <rect x="20" y="20" width="200" height="200" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-pattern-01a.svg b/layout/reftests/svg/objectBoundingBox-and-pattern-01a.svg
new file mode 100644
index 0000000000..10623a95bf
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-pattern-01a.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+    <title>Testcase for elements referencing an objectBoundingBox pattern</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=338596 -->
+
+    <defs>
+        <pattern id="test" width="100%" height="100%" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox">
+            <rect x="0" y="0" width="1" height="1" fill="lime"/>
+        </pattern>
+    </defs>
+
+    <rect x="20" y="20" width="200" height="200" fill="url(#test)"/>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-pattern-01b.svg b/layout/reftests/svg/objectBoundingBox-and-pattern-01b.svg
new file mode 100644
index 0000000000..e932cf91b5
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-pattern-01b.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+    <title>Testcase for elements referencing an objectBoundingBox pattern</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=377399 -->
+
+    <defs>
+        <pattern id="test" width="100%" height="100%" viewBox="0 0 40 40" patternContentUnits="objectBoundingBox">
+            <rect x="0" y="0" width="40" height="40" fill="lime" />
+        </pattern>
+    </defs>
+    <g transform="translate(20 20)">
+        <rect x="0" y="0" width="200" height="200" fill="url(#test)" />
+    </g>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-pattern-01c.svg b/layout/reftests/svg/objectBoundingBox-and-pattern-01c.svg
new file mode 100644
index 0000000000..ef63c994c3
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-pattern-01c.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+    <title>Testcase for elements referencing an objectBoundingBox pattern</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=377399 -->
+
+    <defs>
+        <pattern id="test" width="100%" height="100%" viewBox="0 0 40 40" patternContentUnits="objectBoundingBox">
+            <rect x="0" y="0" width="40" height="40" fill="lime" />
+        </pattern>
+    </defs>
+    <g transform="translate(20 20) scale(2)">
+        <rect x="0" y="0" width="100" height="100" fill="url(#test)" />
+    </g>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-pattern-02.svg b/layout/reftests/svg/objectBoundingBox-and-pattern-02.svg
new file mode 100644
index 0000000000..ca77584198
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-pattern-02.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+    <title>Testcase for elements referencing an objectBoundingBox pattern with a viewBox</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=605022 -->
+
+    <defs>
+      <pattern id="test" x="0" y="0" width="20%" height="20%" patternContentUnits="objectBoundingBox" viewBox="0 0 20 20">
+        <rect width="20" height="20" stroke="none" fill="lime"/>
+        <rect width="1" height="1" stroke="none" fill="red"/>
+      </pattern>
+      <pattern id="cover" x="0" y="0" width="20%" height="20%" patternContentUnits="objectBoundingBox">
+        <rect width="0.01" height="0.01" stroke="none" fill="lime"/>
+      </pattern>
+    </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="20" y="20" width="200" height="200" fill="url(#test)"/>
+  <rect x="20" y="20" width="200" height="200" fill="url(#cover)"/>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-pattern-03-ref.svg b/layout/reftests/svg/objectBoundingBox-and-pattern-03-ref.svg
new file mode 100644
index 0000000000..1530ce82c5
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-pattern-03-ref.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for re-using an objectBoundingBox pattern with a &lt;g&gt;
+  child</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=615788-->
+ <rect fill="blue" stroke="red" stroke-width="3"
+  width="100" height="100"/>
+ <rect fill="blue" stroke="red" stroke-width="3"
+  y="100" width="200" height="100"/>
+</svg>
diff --git a/layout/reftests/svg/objectBoundingBox-and-pattern-03.svg b/layout/reftests/svg/objectBoundingBox-and-pattern-03.svg
new file mode 100644
index 0000000000..1af490f66a
--- /dev/null
+++ b/layout/reftests/svg/objectBoundingBox-and-pattern-03.svg
@@ -0,0 +1,17 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for re-using an objectBoundingBox pattern with a &lt;g&gt;
+  child</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=615788-->
+  <defs>
+  <pattern id="blue" patternContentUnits="objectBoundingBox"
+    width="100%" height="100%">
+    <g>
+      <rect fill="blue" stroke="none" x="0" y="0" width="1" height="1"/>
+    </g>
+  </pattern>
+  </defs>
+  <rect fill="url(#blue)" stroke="red" stroke-width="3"
+    width="100" height="100"/>
+  <rect fill="url(#blue)" stroke="red" stroke-width="3"
+    y="100" width="200" height="100"/>
+</svg>
diff --git a/layout/reftests/svg/opacity-and-gradient-01.svg b/layout/reftests/svg/opacity-and-gradient-01.svg
new file mode 100644
index 0000000000..178525b0ae
--- /dev/null
+++ b/layout/reftests/svg/opacity-and-gradient-01.svg
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for opacity on elements referencing a gradient</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=357163 -->
+
+  <defs>
+    <linearGradient id="lime" gradientUnits="userSpaceOnUse">
+      <stop stop-color="lime"/>
+    </linearGradient>
+    <linearGradient id="red" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <!-- Create the "pass" rect using a gradient so the testcase doesn't seem to
+       pass if gradients are not supported -->
+  <rect width="100%" height="100%" fill="url(#lime)"/>
+
+  <!-- test 'opacity' -->
+  <rect width="25%" height="100%" fill="url(#red)" opacity="0"/>
+
+  <!-- test 'fill-opacity' -->
+  <rect x="25%" width="25%" height="100%" fill="url(#red)" fill-opacity="0"/>
+
+  <!-- test 'stroke-opacity' -->
+  <line x1="75%" x2="75%" y2="100%" stroke="url(#red)" stroke-width="50%" stroke-opacity="0"/>
+
+</svg>
diff --git a/layout/reftests/svg/opacity-and-gradient-02-ref.svg b/layout/reftests/svg/opacity-and-gradient-02-ref.svg
new file mode 100644
index 0000000000..085d8b6f1a
--- /dev/null
+++ b/layout/reftests/svg/opacity-and-gradient-02-ref.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for opacity on elements referencing a gradient</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=539165 -->
+
+  <defs>
+    <linearGradient id="lime" gradientUnits="userSpaceOnUse">
+      <stop stop-color="lime"/>
+    </linearGradient>
+    <!-- OS X doesn't draw solid gradients as a solid color so we need to use
+         a gradient fill below
+      -->
+    <linearGradient id="red" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red"/>
+    </linearGradient>
+ </defs>
+
+  <rect width="100%" height="100%" fill="url(#lime)"/>
+
+  <!-- test 'opacity' -->
+  <rect width="25%" height="100%" fill="url(#red)" opacity="1"/>
+  
+  <!-- test 'fill-opacity' -->
+  <rect x="25%" width="25%" height="100%" fill="url(#red)" opacity="0.5"/>
+
+  <!-- test 'fill-opacity' -->
+  <rect x="50%" width="25%" height="100%" fill="url(#red)" opacity="0.5"/>
+
+</svg>
diff --git a/layout/reftests/svg/opacity-and-gradient-02.svg b/layout/reftests/svg/opacity-and-gradient-02.svg
new file mode 100644
index 0000000000..d4f34f0cc9
--- /dev/null
+++ b/layout/reftests/svg/opacity-and-gradient-02.svg
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for opacity on elements referencing a gradient</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=539165 -->
+
+  <defs>
+    <linearGradient id="lime" gradientUnits="userSpaceOnUse">
+      <stop stop-color="lime"/>
+    </linearGradient>
+    <linearGradient id="red" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red"/>
+    </linearGradient>
+    <linearGradient id="red2" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%"/>
+      <stop stop-color="red" offset="100%"/>
+    </linearGradient>
+    <linearGradient id="redgreen" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%"/>
+      <stop stop-color="lime" offset="100%"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="100%" height="100%" fill="url(#lime)"/>
+
+  <!-- test 'opacity' -->
+  <rect width="25%" height="100%" fill="red" opacity="1"/>
+  
+  <!-- test 'fill-opacity' -->
+  <rect x="25%" width="25%" height="100%" fill="url(#red)" fill-opacity="0.5"/>
+
+  <!-- test 'fill-opacity' -->
+  <rect x="50%" width="25%" height="100%" fill="url(#red2)" fill-opacity="0.5"/>
+  
+  <!-- test 'fill-opacity' -->
+  <rect x="75%" width="25%" height="100%" fill="url(#redgreen)" fill-opacity="0"/>
+
+</svg>
diff --git a/layout/reftests/svg/opacity-and-pattern-01.svg b/layout/reftests/svg/opacity-and-pattern-01.svg
new file mode 100644
index 0000000000..665c9064a4
--- /dev/null
+++ b/layout/reftests/svg/opacity-and-pattern-01.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for opacity on elements referencing a pattern</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=374280 -->
+
+  <defs>
+    <pattern id="lime" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="lime"/>
+    </pattern>
+
+    <pattern id="red" width="100%" height="100%" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="red"/>
+    </pattern>
+  </defs>
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <!-- Create the "pass" rect using a pattern so the testcase doesn't seem to
+       pass if patterns are not supported -->
+  <rect width="100%" height="100%" fill="url(#lime)"/>
+
+  <!-- test 'opacity' -->
+  <rect width="25%" height="100%" fill="url(#red)" opacity="0"/>
+
+  <!-- test 'fill-opacity' -->
+  <rect x="25%" width="25%" height="100%" fill="url(#red)" fill-opacity="0"/>
+
+  <!-- test 'stroke-opacity' -->
+  <line x1="75%" x2="75%" y2="100%" stroke="url(#red)" stroke-width="50%" stroke-opacity="0"/>
+
+</svg>
diff --git a/layout/reftests/svg/opacity-and-transform-01-ref.svg b/layout/reftests/svg/opacity-and-transform-01-ref.svg
new file mode 100644
index 0000000000..9123b3255f
--- /dev/null
+++ b/layout/reftests/svg/opacity-and-transform-01-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <rect x="10" y="10" width="100" height="100" fill="blue" opacity="0.5"/>
+</svg>
diff --git a/layout/reftests/svg/opacity-and-transform-01.svg b/layout/reftests/svg/opacity-and-transform-01.svg
new file mode 100644
index 0000000000..74cd984e00
--- /dev/null
+++ b/layout/reftests/svg/opacity-and-transform-01.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for opacity on elements that are transformed</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=806432 -->
+
+  <filter id="f">
+    <feOffset dx="0.0001"/>
+  </filter>
+
+  <!-- The filter is purely to force the element to be rendered via the
+       nsSVGIntegrationUtils code path. (A mask or non-trivial clipPath that
+       have no effect would do just as well.)
+  -->
+
+  <rect width="100" height="100" transform="translate(10,10)" fill="blue" opacity="0.5" filter="url(#f)"/>
+
+</svg>
diff --git a/layout/reftests/svg/outer-svg-border-and-padding-01-ref.svg b/layout/reftests/svg/outer-svg-border-and-padding-01-ref.svg
new file mode 100644
index 0000000000..688c760d42
--- /dev/null
+++ b/layout/reftests/svg/outer-svg-border-and-padding-01-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="border: 10px solid lime; padding: 10px; background: lime;">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=490003 -->
+  <title>Reference that invalidation takes account of outer-&lt;svg&gt; border/padding</title>
+</svg>
diff --git a/layout/reftests/svg/outer-svg-border-and-padding-01.svg b/layout/reftests/svg/outer-svg-border-and-padding-01.svg
new file mode 100644
index 0000000000..f9f7b20685
--- /dev/null
+++ b/layout/reftests/svg/outer-svg-border-and-padding-01.svg
@@ -0,0 +1,58 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     style="border: 10px solid lime; padding: 10px; background: lime;">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=490003 -->
+  <title>Test that invalidation takes account of outer-&lt;svg&gt; border/padding</title>
+  <desc>
+    This test checks that SVG implementations take account of border and
+    padding on outer &lt;svg&gt; when doing invalidation.
+  </desc>
+
+  <filter id="identity">
+    <feColorMatrix type="saturate" in="SourceGraphic"/>
+  </filter>
+
+  <script type="text/javascript">//<![CDATA[
+
+function hide_red_rects()
+{
+  var background = document.getElementById("background");
+  
+  document.getElementById('r').setAttribute('opacity','0');
+  document.getElementById('f').setAttribute('opacity','0');
+  
+  <!-- top left -->
+  document.elementFromPoint(121, 121).setAttribute('opacity','0');
+  <!-- bottom right -->
+  document.elementFromPoint(269, 169).setAttribute('opacity','0');
+
+  <!-- outside top left -->
+  if (document.elementFromPoint(119, 119) != background) {
+    background.setAttribute("fill", "red");
+  }
+  <!-- outside bottom right -->
+  if (document.elementFromPoint(271, 171) != background) {
+    background.setAttribute("fill", "purple");
+  }
+
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", hide_red_rects, false);
+setTimeout(hide_red_rects, 4000); // fallback for running outside reftest
+
+  //]]>
+  </script>
+
+  <!-- to catch misses-->
+  <rect id="background" width="100%" height="100%" fill="lime"/>
+  
+  <rect id="r" width="50" height="50" fill="red"/>
+  <rect id="f" y="100" width="50" height="50" fill="red"/>
+  
+  <rect x="100" y="100" width="50" height="50" fill="red"/>
+  <rect x="200" y="100" width="50" height="50" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/outline-ref.html b/layout/reftests/svg/outline-ref.html
new file mode 100644
index 0000000000..871446d41b
--- /dev/null
+++ b/layout/reftests/svg/outline-ref.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" overflow="visible">
+  <g>
+    <rect id="rect" width="100" height="100" style="fill: yellow"/>
+    <text id="text" x="0" y="140" font-family="Verdana" font-size="20">
+      Hello world
+    </text>
+     <foreignObject id="foreignObject" x="0" y="160" width="200" height="60">
+      <div xmlns="http://www.w3.org/1999/xhtml">
+        Here is a paragraph that requires word wrap
+      </div>
+    </foreignObject>
+    <circle id="circle" cx="40" cy="275" r="40" style="fill: green"/>
+    <ellipse id="ellipse" cx="70" cy="380" rx="70" ry="50" style="fill: yellow"/>
+    <image id="image" x="0" y="450" height="100" width="100"/>
+    <line id="line" x1="0" y1="580" x2="100" y2="580" style="stroke: red; stroke-width: 2"/>
+    <path id="path" d="M50 600 L10 650 L90 650 Z"/>
+    <polygon id="polygon" points="300,50 350,0 400,50" style="fill: lime"/>
+    <polyline id="polyline" points="300,80 350,70 400,80" style="fill: none;stroke: black; stroke-width: 3"/>
+    <g transform="translate(300, 70)">
+      <circle id="gCircle" cx="50" cy="50" r="20" style="fill: blue"/>
+    </g>
+    <g transform="translate(300, 150)">
+      <circle id="ggCircle" cx="50" cy="50" r="20" style="fill: green"/>
+      <g>
+        <rect id="ggRect" x="15" y ="15" width="30" height="10" style="fill: blue"/>
+      </g>
+    </g>
+    <svg x="300" y="250">
+      <rect id="innerRect" x="30" y="10" height="50" width="50" style="fill: red"/>
+    </svg>
+    <a xlink:href="#" id="link">
+      <text x="300" y="350" font-family="Verdana" font-size="20">
+        link
+      </text>
+    </a>
+  </g>
+</svg>
+<script>
+
+function createOutline(boundingRect) {
+  // Outline starts from a top-left shift pixel of the bounding rect
+  var left = boundingRect.left - 1;
+  var top  = boundingRect.top - 1;
+  var right = boundingRect.right;
+  var bottom = boundingRect.bottom;
+  var width = boundingRect.width;
+  var height = boundingRect.height;
+
+  var lines = document.createElement("div");
+  var styles = 'border: 1px solid black;'
+               + 'width: ' + width + 'px;'
+               + 'height: ' + height + 'px;'
+               + 'position: absolute;'
+               + 'top: ' + top + 'px;'
+               + 'left: ' + left + 'px;';
+
+  lines.setAttribute('style', styles);
+  document.body.appendChild(lines);
+}
+
+window.onload = function drawOutline() {
+  var elements = ['rect', 'foreignObject', 'circle',
+                  'ellipse', 'image', 'line', 'path',
+                  'polygon', 'polyline', 'text','gCircle',
+                  'innerRect', 'link'];
+  elements.forEach(id => {
+    var element = document.getElementById(id);
+    createOutline(element.getBoundingClientRect());
+  });
+
+  var ggRect = document.getElementById('ggRect');
+  var ggRectbbox = ggRect.getBoundingClientRect();
+  createOutline(ggRectbbox);
+
+  var ggCircle = document.getElementById('ggCircle');
+  var ggCirclebbox = ggCircle.getBoundingClientRect();
+
+  var ggbbox = {
+    left: ggRectbbox.left,
+    top: ggRectbbox.top,
+    right: ggCirclebbox.right,
+    bottom: ggCirclebbox.bottom
+  };
+  ggbbox.width = ggbbox.right - ggbbox.left;
+  ggbbox.height = ggbbox.bottom - ggbbox.top;
+  createOutline(ggbbox);
+}
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/outline.html b/layout/reftests/svg/outline.html
new file mode 100644
index 0000000000..11b6dced5d
--- /dev/null
+++ b/layout/reftests/svg/outline.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<style>
+rect,
+text,
+foreignObject,
+circle,
+ellipse,
+image,
+line,
+path,
+polygon,
+polyline {
+  outline: 1px solid black;
+}
+
+</style>
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" overflow="visible">
+  <g>
+    <rect width="100" height="100" style="fill: yellow"/>
+    <text x="0" y="140" font-family="Verdana" font-size="20">
+      Hello world
+    </text>
+    <foreignObject x="0" y="160" width="200" height="60">
+      <div xmlns="http://www.w3.org/1999/xhtml">
+        Here is a paragraph that requires word wrap
+      </div>
+    </foreignObject>
+    <circle cx="40" cy="275" r="40" style="fill: green"/>
+    <ellipse cx="70" cy="380" rx="70" ry="50" style="fill: yellow"/>
+    <image x="0" y="450" height="100" width="100"/>
+    <line x1="0" y1="580" x2="100" y2="580" style="stroke: red; stroke-width: 2"/>
+    <path d="M50 600 L10 650 L90 650 Z"/>
+    <polygon points="300,50 350,0 400,50" style="fill: lime"/>
+    <polyline points="300,80 350,70 400,80" style="fill: none; stroke: black;stroke-width: 3"/>
+    <g transform="translate(300, 70)" style="outline: 1px solid">
+      <circle cx="50" cy="50" r="20" style="fill: blue; outline: 0px"/>
+    </g>
+    <g transform="translate(300, 150)" style="outline: 1px solid">
+      <circle cx="50" cy="50" r="20" style="fill: green; outline: 0px"/>
+      <g>
+        <rect x="15" y="15" width="30" height="10" style="fill: blue"/>
+      </g>
+    </g>
+    <svg x="300" y="250">
+      <rect x="30" y="10" height="50" width="50" style="fill: red"/>
+    </svg>
+    <a xlink:href="#" id="link">
+      <text x="300" y="350" font-family="Verdana" font-size="20">
+        link
+      </text>
+    </a>
+  </g>
+</svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/overflow-on-outer-svg-01-ref.svg b/layout/reftests/svg/overflow-on-outer-svg-01-ref.svg
new file mode 100644
index 0000000000..a3908ab112
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-01-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-01.svg b/layout/reftests/svg/overflow-on-outer-svg-01.svg
new file mode 100644
index 0000000000..f18b8595b0
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     style="overflow:visible;"
+     width="100" height="100">
+  <title>Test that we always clip root-&lt;svg&gt; regardless of 'overflow'</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=378923 -->
+  <rect width="100%" height="100%" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-02-ref.xhtml b/layout/reftests/svg/overflow-on-outer-svg-02-ref.xhtml
new file mode 100644
index 0000000000..96f8aa1250
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-02-ref.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <body>
+    <div style="background-color: blue; width: 100px; height: 100px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-02a.xhtml b/layout/reftests/svg/overflow-on-outer-svg-02a.xhtml
new file mode 100644
index 0000000000..aadf9b5430
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-02a.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Test that non-root outer-&lt;svg&gt; clips for overflow="auto"</title>
+  </head>
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+         overflow="auto">
+      <rect x="-50" y="-50" width="200" height="200" fill="blue"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-02b.xhtml b/layout/reftests/svg/overflow-on-outer-svg-02b.xhtml
new file mode 100644
index 0000000000..48ae9dd571
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-02b.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Test that non-root outer-&lt;svg&gt; clips for overflow="scroll"</title>
+  </head>
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+         overflow="scroll">
+      <rect x="-50" y="-50" width="200" height="200" fill="blue"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-02c.xhtml b/layout/reftests/svg/overflow-on-outer-svg-02c.xhtml
new file mode 100644
index 0000000000..151f04c304
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-02c.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Test that non-root outer-&lt;svg&gt; clips for overflow="hidden"</title>
+  </head>
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+         overflow="hidden">
+      <rect x="-50" y="-50" width="200" height="200" fill="blue"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-02d.xhtml b/layout/reftests/svg/overflow-on-outer-svg-02d.xhtml
new file mode 100644
index 0000000000..02788d1e00
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-02d.xhtml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <title>Test that non-root outer-&lt;svg&gt; repaints correctly changing to overflow="hidden"</title>
+    <script>
+
+function doTest() {
+  document.getElementById("svg").setAttribute("overflow", "hidden");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    </script>
+  </head>
+  <body>
+    <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+         overflow="visible">
+      <rect x="-50" y="-50" width="200" height="200" fill="blue"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-03-ref.xhtml b/layout/reftests/svg/overflow-on-outer-svg-03-ref.xhtml
new file mode 100644
index 0000000000..9b9a433d23
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-03-ref.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <body>
+    <div style="background-color: blue; transform: translate(-50px, -50px); width: 200px; height: 200px;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-03a.xhtml b/layout/reftests/svg/overflow-on-outer-svg-03a.xhtml
new file mode 100644
index 0000000000..4eb948f1a6
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-03a.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Test that non-root outer-&lt;svg&gt; clips for overflow="auto"</title>
+  </head>
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+         overflow="visible">
+      <rect x="-50" y="-50" width="200" height="200" fill="blue"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-on-outer-svg-03b.xhtml b/layout/reftests/svg/overflow-on-outer-svg-03b.xhtml
new file mode 100644
index 0000000000..3c41dd97a2
--- /dev/null
+++ b/layout/reftests/svg/overflow-on-outer-svg-03b.xhtml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <title>Test that non-root outer-&lt;svg&gt; repaints correctly changing to overflow="visible"</title>
+    <script>
+
+function doTest() {
+  document.getElementById("svg").setAttribute("overflow", "visible");
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    </script>
+  </head>
+  <body>
+    <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+         overflow="hidden">
+      <rect x="-50" y="-50" width="200" height="200" fill="blue"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/overflow-visible-image-ref.html b/layout/reftests/svg/overflow-visible-image-ref.html
new file mode 100644
index 0000000000..ca4cdd7db8
--- /dev/null
+++ b/layout/reftests/svg/overflow-visible-image-ref.html
@@ -0,0 +1,10 @@
+<html>
+        <svg style="position: absolute; top: 0px; overflow: visible">
+        <rect width=100 height=100 x=100 y=200 fill=black />
+        <image width=100 height=100 x=0 y=0
+		xlink:href='data:image/svg+xml,
+		<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 200 200">
+			<rect width="100" height="100" x="0" y="0" fill="green"/>
+		</svg>'
+	/>
+        </svg>
diff --git a/layout/reftests/svg/overflow-visible-image.html b/layout/reftests/svg/overflow-visible-image.html
new file mode 100644
index 0000000000..f2652bfa08
--- /dev/null
+++ b/layout/reftests/svg/overflow-visible-image.html
@@ -0,0 +1,10 @@
+<html>
+        <svg style="position: absolute; top: 100px; overflow: visible">
+        <rect width=100 height=100 x=100 y=100 fill=black />
+        <image width=100 height=100 x=0 y=-100
+		xlink:href='data:image/svg+xml,
+		<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 200 200">
+			<rect width="100" height="100" x="0" y="0" fill="green"/>
+		</svg>'
+	/>
+        </svg>
diff --git a/layout/reftests/svg/paint-on-maskLayer-1-ref.html b/layout/reftests/svg/paint-on-maskLayer-1-ref.html
new file mode 100644
index 0000000000..5667f47bb6
--- /dev/null
+++ b/layout/reftests/svg/paint-on-maskLayer-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  div {
+    background: blue;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<div></div>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/paint-on-maskLayer-1a.html b/layout/reftests/svg/paint-on-maskLayer-1a.html
new file mode 100644
index 0000000000..88c39177cb
--- /dev/null
+++ b/layout/reftests/svg/paint-on-maskLayer-1a.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<title>Paint clip-path onto mask layer</title>
+<style type="text/css">
+  #inner {
+    width: 200px;
+    height: 200px;
+    box-sizing:border-box;
+    background: blue;
+    /* make clip-path pained on mask layer */
+    border: 1px solid transparent;
+    will-change: transform;
+  }
+
+  #outer {
+    width: 200px;
+    height: 200px;
+    clip-path: url(#path);
+    /* make it fixed so that inner div has different AGR with outter div */
+    position: fixed;
+  }
+</style>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+
+<svg height="0">
+  <defs>
+    <clipPath id="path">
+      <rect x="0" y="0" width="100" height="100"/>
+    </clipPath>
+  </defs>
+</svg>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/paint-on-maskLayer-1b.html b/layout/reftests/svg/paint-on-maskLayer-1b.html
new file mode 100644
index 0000000000..6c6a433d0b
--- /dev/null
+++ b/layout/reftests/svg/paint-on-maskLayer-1b.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<title>Paint positioned mask onto mask layer</title>
+<style type="text/css">
+  #inner {
+    width: 200px;
+    height: 200px;
+    box-sizing:border-box;
+    background: blue;
+    /* make mask pained on mask layer */
+    border: 1px solid transparent;
+    will-change: transform;
+  }
+
+  #outer {
+    width: 200px;
+    height: 200px;
+    mask-image: url(#mymask);
+    /* make it fixed so that inner div has different AGR with outter div */
+    position: fixed;
+  }
+</style>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+
+<svg height="0">
+  <defs>
+    <mask id="mymask" x="0" y="0" width="1" height="1">
+      <rect x="0" y="0" width="100" height="100" fill="white"/>
+    </mask>
+  </defs>
+</svg>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/paint-on-maskLayer-1c.html b/layout/reftests/svg/paint-on-maskLayer-1c.html
new file mode 100644
index 0000000000..9389cf5b92
--- /dev/null
+++ b/layout/reftests/svg/paint-on-maskLayer-1c.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<title>Paint clip-path onto mask layer</title>
+<style type="text/css">
+  #inner {
+    width: 200px;
+    height: 200px;
+    box-sizing: border-box;
+    background: blue;
+    /* make clip-path pained on mask layer */
+    border: 1px solid transparent;
+    will-change: transform;
+  }
+
+  #outer {
+    width: 200px;
+    height: 200px;
+    clip-path: inset(0px 100px 100px 0px);
+    /* make it fixed so that inner div has different AGR with outter div */
+    position: fixed;
+  }
+</style>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/paint-order-01-ref.svg b/layout/reftests/svg/paint-order-01-ref.svg
new file mode 100644
index 0000000000..e73a988b0e
--- /dev/null
+++ b/layout/reftests/svg/paint-order-01-ref.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for paint-order-01.svg</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
+
+  <g fill="gold" stroke="black" stroke-width="8">
+
+    <circle cx="50" cy="50" r="20" fill-opacity="1" stroke-opacity="0"/>
+    <circle cx="50" cy="50" r="20" fill-opacity="0" stroke-opacity="1"/>
+
+    <circle cx="50" cy="100" r="20" fill-opacity="0" stroke-opacity="1"/>
+    <circle cx="50" cy="100" r="20" fill-opacity="1" stroke-opacity="0"/>
+
+    <circle cx="50" cy="150" r="20" fill-opacity="0" stroke-opacity="1"/>
+    <circle cx="50" cy="150" r="20" fill-opacity="1" stroke-opacity="0"/>
+
+    <circle cx="50" cy="200" r="20" fill-opacity="0" stroke-opacity="1"/>
+    <circle cx="50" cy="200" r="20" fill-opacity="1" stroke-opacity="0"/>
+
+    <circle cx="50" cy="250" r="20" fill-opacity="0" stroke-opacity="1"/>
+    <circle cx="50" cy="250" r="20" fill-opacity="1" stroke-opacity="0"/>
+
+    <circle cx="50" cy="300" r="20" fill-opacity="0" stroke-opacity="1"/>
+    <circle cx="50" cy="300" r="20" fill-opacity="1" stroke-opacity="0"/>
+
+    <circle cx="50" cy="350" r="20" fill-opacity="1" stroke-opacity="0"/>
+    <circle cx="50" cy="350" r="20" fill-opacity="0" stroke-opacity="1"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/paint-order-01.svg b/layout/reftests/svg/paint-order-01.svg
new file mode 100644
index 0000000000..6229b28bf2
--- /dev/null
+++ b/layout/reftests/svg/paint-order-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that the paint-order property works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
+
+  <g fill="gold" stroke="black" stroke-width="8">
+    <circle cx="50" cy="50" r="20"/>
+    <circle cx="50" cy="100" r="20" style="paint-order: stroke fill markers"/>
+    <circle cx="50" cy="150" r="20" paint-order="stroke fill markers"/>
+    <circle cx="50" cy="200" r="20" paint-order="stroke markers fill"/>
+    <circle cx="50" cy="250" r="20" paint-order="stroke fill"/>
+    <circle cx="50" cy="300" r="20" paint-order="stroke"/>
+    <circle cx="50" cy="350" r="20" paint-order="normal"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/paint-order-02-ref.svg b/layout/reftests/svg/paint-order-02-ref.svg
new file mode 100644
index 0000000000..46731a5bff
--- /dev/null
+++ b/layout/reftests/svg/paint-order-02-ref.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for paint-order-02.svg</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
+
+  <linearGradient id="gold">
+    <stop stop-color="gold"/>
+  </linearGradient>
+
+  <linearGradient id="black">
+    <stop stop-color="black"/>
+  </linearGradient>
+
+  <g fill="url(#gold)" stroke="url(#black)" stroke-width="8" paint-order="stroke">
+    <ellipse cx="50" cy="50" rx="40" ry="20" fill="none"/>
+    <ellipse cx="50" cy="50" rx="40" ry="20" stroke="none"/>
+
+    <path d="M 50,100 h 40 v 30 z" fill="none"/>
+    <path d="M 50,100 h 40 v 30 z" stroke="none"/>
+
+    <polygon points="50,150 90,150 90,180" fill="none"/>
+    <polygon points="50,150 90,150 90,180" stroke="none"/>
+
+    <polyline points="50,200 90,200 90,230" fill="none"/>
+    <polyline points="50,200 90,200 90,230" stroke="none"/>
+
+    <rect x="50" y="250" width="80" height="30" r="16" fill="none"/>
+    <rect x="50" y="250" width="80" height="30" r="16" stroke="none"/>
+
+    <text x="50" y="350" font-size="80" stroke-width="4"><tspan fill="none">hello</tspan> <tspan stroke="none">there</tspan></text>
+    <text x="50" y="350" font-size="80" stroke-width="4"><tspan stroke="none">hello</tspan> <tspan fill="none">there</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/paint-order-02.svg b/layout/reftests/svg/paint-order-02.svg
new file mode 100644
index 0000000000..52e7ac2dd9
--- /dev/null
+++ b/layout/reftests/svg/paint-order-02.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that the paint-order property works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
+
+  <linearGradient id="gold">
+    <stop stop-color="gold"/>
+  </linearGradient>
+
+  <linearGradient id="black">
+    <stop stop-color="black"/>
+  </linearGradient>
+
+  <g fill="url(#gold)" stroke="url(#black)" stroke-width="8" paint-order="stroke">
+    <ellipse cx="50" cy="50" rx="40" ry="20"/>
+    <path d="M 50,100 h 40 v 30 z"/>
+    <polygon points="50,150 90,150 90,180"/>
+    <polyline points="50,200 90,200 90,230"/>
+    <rect x="50" y="250" width="80" height="30" r="16"/>
+    <text x="50" y="350" font-size="80" stroke-width="4">hello <tspan paint-order="normal">there</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/paint-order-03-ref.svg b/layout/reftests/svg/paint-order-03-ref.svg
new file mode 100644
index 0000000000..1adf907031
--- /dev/null
+++ b/layout/reftests/svg/paint-order-03-ref.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for paint-order-03.svg</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
+
+  <defs>
+    <marker id="m" markerWidth="40" markerHeight="40" refX="20" refY="20" markerUnits="userSpaceOnUse">
+      <circle cx="20" cy="20" r="16" fill="fuchsia"/>
+    </marker>
+  </defs>
+
+  <g stroke-width="8">
+    <g fill="none" stroke="none" style="marker: url(#m)">
+      <path d="M 50,50 h 100 v 100 h -50 z"/>
+      <line x1="200" y1="50" x2="300" y2="150"/>
+      <polygon points="50,200 50,300 200,200 200,300"/>
+    </g>
+    <g fill="none" stroke="black">
+      <path d="M 50,50 h 100 v 100 h -50 z"/>
+      <line x1="200" y1="50" x2="300" y2="150"/>
+      <polygon points="50,200 50,300 200,200 200,300"/>
+    </g>
+    <g fill="gold" stroke="none">
+      <path d="M 50,50 h 100 v 100 h -50 z"/>
+      <line x1="200" y1="50" x2="300" y2="150"/>
+      <polygon points="50,200 50,300 200,200 200,300"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/paint-order-03.svg b/layout/reftests/svg/paint-order-03.svg
new file mode 100644
index 0000000000..8b2c02d777
--- /dev/null
+++ b/layout/reftests/svg/paint-order-03.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that the paint-order property works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
+
+  <defs>
+    <marker id="m" markerWidth="40" markerHeight="40" refX="20" refY="20" markerUnits="userSpaceOnUse">
+      <circle cx="20" cy="20" r="16" fill="fuchsia"/>
+    </marker>
+  </defs>
+
+  <g fill="gold" stroke="black" stroke-width="8" style="marker: url(#m)" paint-order="markers stroke fill">
+    <path d="M 50,50 h 100 v 100 h -50 z"/>
+    <line x1="200" y1="50" x2="300" y2="150"/>
+    <polygon points="50,200 50,300 200,200 200,300"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/pass.svg b/layout/reftests/svg/pass.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/svg/pass.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/path-01-ref.svg b/layout/reftests/svg/path-01-ref.svg
new file mode 100644
index 0000000000..09ba749aa9
--- /dev/null
+++ b/layout/reftests/svg/path-01-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <title>Reference for path consisting of a single point</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=510177 -->
+
+  <circle cx="100" cy="100" r="10" fill="black"/>
+</svg>
diff --git a/layout/reftests/svg/path-01.svg b/layout/reftests/svg/path-01.svg
new file mode 100644
index 0000000000..7085d8701d
--- /dev/null
+++ b/layout/reftests/svg/path-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <title>Testcase for path consisting of a single point</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=510177 -->
+
+  <path stroke="black" stroke-width="20" stroke-linecap="round" d="M100 100 Z" />
+</svg>
diff --git a/layout/reftests/svg/path-02.svg b/layout/reftests/svg/path-02.svg
new file mode 100644
index 0000000000..c863c08338
--- /dev/null
+++ b/layout/reftests/svg/path-02.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+  <title>Testcase for path with errors</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=553905 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <g shape-rendering="crispEdges">
+    <path d="M 20 200 H 80" stroke-width="20%" stroke="red"/>
+    <path d="M 20 200 H 80#90" stroke-width="20%" stroke="lime"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/path-04.svg b/layout/reftests/svg/path-04.svg
new file mode 100644
index 0000000000..e58254da15
--- /dev/null
+++ b/layout/reftests/svg/path-04.svg
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <title>Test that selectors detect changes to the 'd' attribute</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=610990 -->
+
+  <style>
+
+path[d="M0,0 V100 H100 V0 Z"] {
+  fill: lime;
+}
+
+  </style>
+  <script><![CDATA[
+
+function run()
+{
+  document.getElementById('path').setAttribute('d', 'M0,0 V100 H100 V0 Z');
+  document.documentElement.removeAttribute('class');
+}
+
+window.addEventListener('MozReftestInvalidate', run, false);
+
+  ]]></script>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <path id="path" fill="red" d="M0,0 H100 V100 H0 Z"/>
+
+</svg>
diff --git a/layout/reftests/svg/path-05.svg b/layout/reftests/svg/path-05.svg
new file mode 100644
index 0000000000..28a7305b29
--- /dev/null
+++ b/layout/reftests/svg/path-05.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     shape-rendering="crispEdges">
+
+  <title>Testcase for path arc handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=657862 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- Check that arc paints over entire circle: -->
+
+  <circle cx="100" cy="100" r="79" fill="red"/>
+  <path d="M20,100 A80,80 0,0,1 180,100 A80,80 0,0,1 20,100" fill="lime"/>
+
+  <!-- Check that arc does not paint outside circle: -->
+
+  <g transform="translate(200,0)">
+    <path d="M20,100 A80,80 0,0,1 180,100 A80,80 0,0,1 20,100" fill="red"/>
+    <circle cx="100" cy="100" r="81" fill="lime"/>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/path-06-ref.svg b/layout/reftests/svg/path-06-ref.svg
new file mode 100644
index 0000000000..5e7a726fd8
--- /dev/null
+++ b/layout/reftests/svg/path-06-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for zero-sized path arc handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=793612 -->
+
+  <!-- Check that a zero-sized arc segment is ignored. -->
+  <path d="M 100,100 H 200 H 300" stroke="red" stroke-width="3px"/>
+</svg>
diff --git a/layout/reftests/svg/path-06.svg b/layout/reftests/svg/path-06.svg
new file mode 100644
index 0000000000..a206e0f38c
--- /dev/null
+++ b/layout/reftests/svg/path-06.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for zero-sized path arc handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=793612 -->
+
+  <!-- Check that a zero-sized arc segment is ignored. -->
+  <path d="M 100,100 H 200 A 200,100 0 0 0 200,100 H 300" stroke="red" stroke-width="3px"/>
+</svg>
diff --git a/layout/reftests/svg/path-07-ref.svg b/layout/reftests/svg/path-07-ref.svg
new file mode 100644
index 0000000000..91192b3a6e
--- /dev/null
+++ b/layout/reftests/svg/path-07-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for negative radius path arc handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=729139 -->
+
+  <!-- Check that a negative arc radius is treated as positive. -->
+  <path d="M 150,0
+           a 150,150 0 0,1 106.066,256.066
+           l -35.355,-35.355
+           a 100,100 0 0,0 -70.711,-170.711
+           z" fill="#3d7fe6" shape-rendering="crispEdges"/>
+</svg>
diff --git a/layout/reftests/svg/path-07.svg b/layout/reftests/svg/path-07.svg
new file mode 100644
index 0000000000..221e70d46c
--- /dev/null
+++ b/layout/reftests/svg/path-07.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for negative radius path arc handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=729139 -->
+
+  <!-- Check that a negative arc radius is treated as positive. -->
+  <path d="M 150,0
+           a 150,150 0 0,1 106.066,256.066
+           l -35.355,-35.355
+           a -100,-100 0 0,0 -70.711,-170.711
+           z" fill="#3d7fe6" shape-rendering="crispEdges"/>
+</svg>
diff --git a/layout/reftests/svg/path-08.svg b/layout/reftests/svg/path-08.svg
new file mode 100644
index 0000000000..e18a36d224
--- /dev/null
+++ b/layout/reftests/svg/path-08.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
+
+  <title>Testcase move followed by comma and line co-ordinates</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=938569 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <path d="M0,0,100,0,100,100,0,100z" fill="lime" shape-rendering="crispEdges"/>
+</svg>
diff --git a/layout/reftests/svg/path-transform-box.svg b/layout/reftests/svg/path-transform-box.svg
new file mode 100644
index 0000000000..955c4a8cc7
--- /dev/null
+++ b/layout/reftests/svg/path-transform-box.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
+  <title>Testcase transform-box on a path with fill=none</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1474834 -->
+
+  <style>
+    path {
+      stroke-width: 12;
+      transform-origin: 50% 50%;
+      transform-box: fill-box;
+      transform: rotate(180deg);
+    }
+  </style>
+  <rect fill="lime" width="100" height="100" stroke="red" stroke-width="10"/>
+  <path fill="none" stroke="lime" d="M0 0 0 100 100 100 100 0z"/>
+</svg>
diff --git a/layout/reftests/svg/pathLength-01.svg b/layout/reftests/svg/pathLength-01.svg
new file mode 100644
index 0000000000..c9261fd46b
--- /dev/null
+++ b/layout/reftests/svg/pathLength-01.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg viewBox="0 0 100 2" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="red"/>
+  <!-- This path is really 400 units long (and its halfway point is at the
+       right edge of our viewBox). We use pathLength to normalize its length
+       to 20, though, so the first 10-unit-long dash in stroke-dasharray ends
+       up covering 10/20 = 1/2 of the path. This covers the whole viewBox. -->
+	<path d="M-100,1 h400" pathLength="20" stroke-dasharray="10" fill="none" stroke="lime" stroke-width="2"/>
+</svg>
diff --git a/layout/reftests/svg/pathLength-02.svg b/layout/reftests/svg/pathLength-02.svg
new file mode 100644
index 0000000000..8e939bd0fd
--- /dev/null
+++ b/layout/reftests/svg/pathLength-02.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg viewBox="0 0 100 2" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- This path is really 400 units long (and its halfway point is at the
+       right edge of our viewBox). We use pathLength to normalize its length
+       to 20, though, so the first 5-unit-long dash in stroke-dasharray ends
+       up covering 5/20 = 1/4 of the path. The hole in the dasharray spans 
+       the viewBox -->
+	<path d="M-100,1 h400" pathLength="20" stroke-dasharray="5" fill="none" stroke="red" stroke-width="2"/>
+</svg>
diff --git a/layout/reftests/svg/pattern-basic-01.svg b/layout/reftests/svg/pattern-basic-01.svg
new file mode 100644
index 0000000000..b643a8943e
--- /dev/null
+++ b/layout/reftests/svg/pattern-basic-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=995813 -->
+
+  <title>Test mapped attributes work on the pattern element</title>
+
+  <pattern id="pattern" width="100%" height="100%" fill="lime" patternContentUnits="objectBoundingBox">
+    <rect width="100%" height="100%"/>
+  </pattern>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="url(#pattern)"/>
+
+</svg>
diff --git a/layout/reftests/svg/pattern-big-image-ref.html b/layout/reftests/svg/pattern-big-image-ref.html
new file mode 100644
index 0000000000..0f3eeb5a4d
--- /dev/null
+++ b/layout/reftests/svg/pattern-big-image-ref.html
@@ -0,0 +1,5 @@
+<div style="left: 0px; top: 0px; width: 10px; height: 10px;">
+  <svg x="0" y="0" height="100%" width="100%" preserveAspectRatio="xMidYMid slice" viewBox="0 0 4000 3000">
+    <image xlink:href="big-image.jpeg" width="4000" height="3000"/>
+  </svg>
+</div>
\ No newline at end of file
diff --git a/layout/reftests/svg/pattern-big-image.html b/layout/reftests/svg/pattern-big-image.html
new file mode 100644
index 0000000000..caa30a9b7b
--- /dev/null
+++ b/layout/reftests/svg/pattern-big-image.html
@@ -0,0 +1,10 @@
+<div style="left: 0px; top: 0px; width: 10px; height: 10px;">
+  <svg x="0" y="0" height="100%" width="100%">
+    <defs>
+      <pattern id="pattern-big-image" patternUnits="objectBoundingBox" preserveAspectRatio="xMidYMid slice" width="1" height="1" x="0" y="0" viewBox="0 0 4000 3000">
+        <image xlink:href="big-image.jpeg" width="4000" height="3000"/>
+      </pattern>
+    </defs>
+    <rect fill="url(#pattern-big-image)" x="0" y="0" width="100%" height="100%"/>
+  </svg>
+</div>
\ No newline at end of file
diff --git a/layout/reftests/svg/pattern-css-transform-ref.html b/layout/reftests/svg/pattern-css-transform-ref.html
new file mode 100644
index 0000000000..532166fe76
--- /dev/null
+++ b/layout/reftests/svg/pattern-css-transform-ref.html
@@ -0,0 +1,10 @@
+<svg width="200" height="200">
+  <defs>
+    <pattern id="Pattern" x="0" y="0" width=".25" height=".25">
+      <rect x="0" y="0" width="30" height="30" fill="skyblue"/>
+      <rect x="40" y="40" width="10" height="10" fill="skyblue" />
+    </pattern>
+  </defs>
+
+  <rect fill="url(#Pattern)" stroke="black" width="200" height="200"/>
+</svg>
diff --git a/layout/reftests/svg/pattern-css-transform.html b/layout/reftests/svg/pattern-css-transform.html
new file mode 100644
index 0000000000..fa6cf5e955
--- /dev/null
+++ b/layout/reftests/svg/pattern-css-transform.html
@@ -0,0 +1,20 @@
+<style>
+#rec1 {
+  transform: scale(.6,.6);
+}
+#rec2 {
+  transform: translate(40px,40px) scale(.2,.2);
+}
+</style>
+<svg width="200" height="200">
+  <defs>
+    <pattern id="Pattern" x="0" y="0" width=".25" height=".25">
+      <rect id="rec1" x="0" y="0" width="50" height="50" fill="skyblue"/>
+      <g>
+        <rect id="rec2" x="0" y="0" width="50" height="50" fill="skyblue"/>
+      </g>
+    </pattern>
+  </defs>
+
+  <rect fill="url(#Pattern)" stroke="black" width="200" height="200"/>
+</svg>
diff --git a/layout/reftests/svg/pattern-invalid-01-ref.svg b/layout/reftests/svg/pattern-invalid-01-ref.svg
new file mode 100644
index 0000000000..289335a173
--- /dev/null
+++ b/layout/reftests/svg/pattern-invalid-01-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference that pattern without width/height does not display</title>
+  <rect width="100%" height="100%" fill="black"/>
+</svg>
diff --git a/layout/reftests/svg/pattern-invalid-01.svg b/layout/reftests/svg/pattern-invalid-01.svg
new file mode 100644
index 0000000000..bbcdda85c1
--- /dev/null
+++ b/layout/reftests/svg/pattern-invalid-01.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for pattern with no width/height is not displayed</title>
+  <defs>
+    <pattern id="p">
+      <rect width="100%" height="100%" fill="red"/>
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="black"/>
+  <rect width="100%" height="100%" fill="url(#p)"/>
+</svg>
diff --git a/layout/reftests/svg/pattern-live-01-ref.svg b/layout/reftests/svg/pattern-live-01-ref.svg
new file mode 100644
index 0000000000..374c84d343
--- /dev/null
+++ b/layout/reftests/svg/pattern-live-01-ref.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+<pattern patternUnits="userSpaceOnUse" id="pat1" width="20" height="20">
+	<rect x="10" y="10" width="10" height="10" fill="green" id="green" />
+</pattern>
+
+<rect x="25" y="25" width="430" height="60" stroke="black" fill="url(#pat1)" />
+		
+</svg>
diff --git a/layout/reftests/svg/pattern-live-01a.svg b/layout/reftests/svg/pattern-live-01a.svg
new file mode 100644
index 0000000000..1409495e46
--- /dev/null
+++ b/layout/reftests/svg/pattern-live-01a.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+     
+ <script type="application/javascript">
+   document.addEventListener("MozReftestInvalidate", doTest, false);
+
+   function doTest() {
+     document.getElementById('pat1').removeChild(document.getElementById('red'));
+     document.documentElement.removeAttribute('class');
+   }
+
+ </script>
+
+<!-- Tests that patterns are live to element removal. -->
+
+<pattern patternUnits="userSpaceOnUse" id="pat1" width="20" height="20">
+	<rect x="10" y="10" width="10" height="10" fill="green" id="green" />
+  <rect x="5" y="5" width="10" height="10" fill="red" id="red" />
+</pattern>
+
+<rect x="25" y="25" width="430" height="60" stroke="black" fill="url(#pat1)" />
+		
+</svg>
diff --git a/layout/reftests/svg/pattern-live-01b.svg b/layout/reftests/svg/pattern-live-01b.svg
new file mode 100644
index 0000000000..60011c4efa
--- /dev/null
+++ b/layout/reftests/svg/pattern-live-01b.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+ <script type="application/javascript">
+   document.addEventListener("MozReftestInvalidate", doTest, false);
+
+   function doTest() {
+     document.getElementById('red').setAttribute('fill', 'green');
+     document.documentElement.removeAttribute('class');
+   }
+
+ </script>
+
+<!-- Tests that patterns are live to fill attribute changes. -->
+
+<pattern patternUnits="userSpaceOnUse" id="pat1" width="20" height="20">
+	<rect x="10" y="10" width="10" height="10" fill="red" id="red" />
+</pattern>
+
+<rect x="25" y="25" width="430" height="60" stroke="black" fill="url(#pat1)" />
+		
+</svg>
diff --git a/layout/reftests/svg/pattern-live-01c.svg b/layout/reftests/svg/pattern-live-01c.svg
new file mode 100644
index 0000000000..46c421b929
--- /dev/null
+++ b/layout/reftests/svg/pattern-live-01c.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+ <script type="application/javascript">
+   document.addEventListener("MozReftestInvalidate", doTest, false);
+
+   function doTest() {
+     document.getElementById('redsquare').setAttribute('fill', 'green');
+     document.documentElement.removeAttribute('class');
+   }
+
+ </script>
+
+<!-- Tests that patterns are live to fill attribute changes in elements referenced through the |use| element. -->
+
+<defs>
+  <rect id="redsquare" x="10" y="10" width="10" height="10" fill="red" />
+</defs>
+
+<pattern patternUnits="userSpaceOnUse" id="pat1" width="20" height="20">
+	<use xlink:href="#redsquare" />
+</pattern>
+
+<rect x="25" y="25" width="430" height="60" stroke="black" fill="url(#pat1)" />
+		
+</svg>
diff --git a/layout/reftests/svg/pattern-scale-01-ref.svg b/layout/reftests/svg/pattern-scale-01-ref.svg
new file mode 100644
index 0000000000..2a1f9805aa
--- /dev/null
+++ b/layout/reftests/svg/pattern-scale-01-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="pattern" width="200" height="200" patternUnits="userSpaceOnUse">
+      <circle cx="100" cy="100" r="100" fill="lime" />
+    </pattern>
+  </defs>
+  <rect width="200" height="200" fill="url(#pattern)" />
+  <circle cx="100" cy="100" r="100" fill="none" stroke="lime" stroke-width="3.5" shape-rendering="crispEdges" />
+</svg>
diff --git a/layout/reftests/svg/pattern-scale-01a.svg b/layout/reftests/svg/pattern-scale-01a.svg
new file mode 100644
index 0000000000..bc3e79a38b
--- /dev/null
+++ b/layout/reftests/svg/pattern-scale-01a.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="pattern" width="5" height="5" patternUnits="userSpaceOnUse" patternTransform="scale(-40)">
+      <circle cx="2.5" cy="2.5" r="2.5" fill="lime" />
+    </pattern>
+  </defs>
+  <rect width="200" height="200" fill="url(#pattern)" />
+  <circle cx="100" cy="100" r="100" fill="none" stroke="lime" stroke-width="3.5" shape-rendering="crispEdges" />
+</svg>
diff --git a/layout/reftests/svg/pattern-scale-01b.svg b/layout/reftests/svg/pattern-scale-01b.svg
new file mode 100644
index 0000000000..4ce61a1042
--- /dev/null
+++ b/layout/reftests/svg/pattern-scale-01b.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="pattern" width="1" height="1" patternUnits="userSpaceOnUse">
+      <circle cx="0.5" cy="0.5" r="0.5" fill="lime" />
+    </pattern>
+  </defs>
+  <g transform="scale(200)">
+    <rect width="1" height="1" fill="url(#pattern)" />
+  </g>
+  <circle cx="100" cy="100" r="100" fill="none" stroke="lime" stroke-width="3.5" shape-rendering="crispEdges" />
+</svg>
diff --git a/layout/reftests/svg/pattern-scale-01c.svg b/layout/reftests/svg/pattern-scale-01c.svg
new file mode 100644
index 0000000000..6b18698120
--- /dev/null
+++ b/layout/reftests/svg/pattern-scale-01c.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="pattern" width="5" height="5" patternUnits="userSpaceOnUse" patternTransform="rotate(90) scale(-40)">
+      <circle cx="2.5" cy="2.5" r="2.5" fill="lime" />
+    </pattern>
+  </defs>
+  <rect width="200" height="200" fill="url(#pattern)" />
+  <circle cx="100" cy="100" r="100" fill="none" stroke="lime" stroke-width="3.5" shape-rendering="crispEdges" />
+</svg>
diff --git a/layout/reftests/svg/pattern-transform-presence-01-ref.svg b/layout/reftests/svg/pattern-transform-presence-01-ref.svg
new file mode 100644
index 0000000000..f57dcf0ddf
--- /dev/null
+++ b/layout/reftests/svg/pattern-transform-presence-01-ref.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100">
+<defs>
+  <pattern id="patternRotated" width="1" height="1"
+    patternTransform="rotate(45 50 50)">
+    <rect width="50" height="50" fill="blue"/>
+    <rect x="50" width="50" height="50" fill="red"/>
+    <rect y="50" width="50" height="50" fill="red"/>
+    <rect x="50" y="50" width="50" height="50" fill="blue"/>
+  </pattern>
+  <pattern id="patternNotRotated" width="1" height="1">
+    <rect width="50" height="50" fill="blue"/>
+    <rect x="50" width="50" height="50" fill="red"/>
+    <rect y="50" width="50" height="50" fill="red"/>
+    <rect x="50" y="50" width="50" height="50" fill="blue"/>
+  </pattern>
+</defs>
+<rect width="100" height="100" stroke="black" fill="url(#patternRotated)"/>
+<g transform="translate(100)">
+  <rect width="100" height="100" stroke="black" fill="url(#patternRotated)"/>
+</g>
+<g transform="translate(200)">
+  <rect width="100" height="100" stroke="black" fill="url(#patternNotRotated)"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/pattern-transform-presence-01.svg b/layout/reftests/svg/pattern-transform-presence-01.svg
new file mode 100644
index 0000000000..f5e59e3bfc
--- /dev/null
+++ b/layout/reftests/svg/pattern-transform-presence-01.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  onload="addTransform()" viewBox="0 0 300 100" class="reftest-wait">
+<!-- Test that the presence/absence of a patternTransform is correctly detected.
+
+     Details are below but, in summary, the first two squares should contain the
+     same pattern (a diagonal checkerbox) whilst the third square should contain
+     a different pattern (actually the same pattern but WITHOUT the rotation).
+     -->
+<script>
+function addTransform()
+{
+  var g = document.getElementById("patternBase");
+  var list = g.patternTransform.baseVal;
+  var t = document.documentElement.createSVGTransform();
+  t.setRotate(45,50,50);
+  list.appendItem(t);
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<defs>
+  <!-- 1. The base pattern that will be referenced by others.
+       When the document loads, script will add a patternTransform to this
+       pattern. It does this using *only SVG DOM APIs* (i.e. not setAttribute)
+       so that we can test that when a transform is not specified by markup but
+       is added via the DOM we still correctly detect its presence. -->
+  <pattern id="patternBase" width="1" height="1">
+    <rect width="50" height="50" fill="blue"/>
+    <rect x="50" width="50" height="50" fill="red"/>
+    <rect y="50" width="50" height="50" fill="red"/>
+    <rect x="50" y="50" width="50" height="50" fill="blue"/>
+  </pattern>
+  <!-- 2. References the base pattern and should detect the base pattern's
+       patternTransform (added by script) and inherit it. (SVG 1.1 F2 13.3,
+       xlink:href 'Any attributes which are defined on the referenced element
+       which are not defined on this element are inherited by this element.').
+       Hence this pattern should look IDENTICAL to patternBase. -->
+  <pattern xlink:href="#patternBase" id="patternRefWithoutTransform"/>
+  <!-- 3. References the base pattern but patternTransform is defined (although
+       empty) and hence the patternTransform should NOT be inherited and this
+       pattern should look DIFFERENT to patternBase. -->
+  <pattern xlink:href="#patternBase" id="patternRefWithTransform"
+    patternTransform=""/>
+  <!-- The case of a patternTransform being supplied by animation is covered by
+       SMIL reftest anim-pattern-attr-presence-01.svg -->
+</defs>
+<rect width="100" height="100" stroke="black"
+  fill="url(#patternBase)"/>
+<g transform="translate(100)">
+  <rect width="100" height="100" stroke="black"
+    fill="url(#patternRefWithoutTransform)"/>
+</g>
+<g transform="translate(200)">
+  <rect width="100" height="100" stroke="black"
+    fill="url(#patternRefWithTransform)"/>
+</g>
+</svg>
diff --git a/layout/reftests/svg/pattern-transformed-01-ref.svg b/layout/reftests/svg/pattern-transformed-01-ref.svg
new file mode 100644
index 0000000000..eba434a14a
--- /dev/null
+++ b/layout/reftests/svg/pattern-transformed-01-ref.svg
@@ -0,0 +1,21 @@
+<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
+
+  <pattern x="0" y="0" width="1" height="1" id="pattern" patternContentUnits="objectBoundingBox">
+    <rect width="1" height="1" fill="red"/>
+    <rect width="1" height="1" fill="url(#gradient)"/>
+  </pattern>
+
+  <linearGradient id="gradient" x1="0" y1="1" x2="0" y2="0">
+    <stop offset="0%" stop-color="black" stop-opacity="1"/>
+    <stop offset="100%" stop-color="black" stop-opacity="0"/>
+  </linearGradient>
+
+  <circle r="120" cx="120" cy="120" fill="url(#pattern)"/>
+
+  <path
+      transform="matrix(1,0,0,1,360,120)"
+      d="M0 0M 120 0 A 120 120 0 0 0 -120 0 A 120 120 0 0 0 120 0"
+      fill="url(#pattern)"/>
+
+</svg>
+
diff --git a/layout/reftests/svg/pattern-transformed-01.svg b/layout/reftests/svg/pattern-transformed-01.svg
new file mode 100644
index 0000000000..3391ace8ec
--- /dev/null
+++ b/layout/reftests/svg/pattern-transformed-01.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773595 -->
+
+  <pattern x="0" y="0" width="1" height="1" id="pattern">
+    <rect width="240" height="240" fill="red"/>
+    <rect width="240" height="240" fill="url(#gradient)"/>
+  </pattern>
+
+  <linearGradient id="gradient" x1="0" y1="1" x2="0" y2="0">
+    <stop offset="0%" stop-color="black" stop-opacity="1"/>
+    <stop offset="100%" stop-color="black" stop-opacity="0"/>
+  </linearGradient>
+
+  <circle r="120" cx="120" cy="0" fill="url(#pattern)"
+      transform="translate(0,120)"/>
+
+  <path
+      transform="translate(0,120)"
+      d="M 480 0 A 120 120 0 0 0 240 0 A 120 120 0 0 0 480 0"
+      fill="url(#pattern)"/>
+
+</svg>
+
diff --git a/layout/reftests/svg/pattern-transformed-02-ref.svg b/layout/reftests/svg/pattern-transformed-02-ref.svg
new file mode 100644
index 0000000000..b099042810
--- /dev/null
+++ b/layout/reftests/svg/pattern-transformed-02-ref.svg
@@ -0,0 +1,20 @@
+<svg width="800" height="500" xmlns="http://www.w3.org/2000/svg">
+
+  <text x="25" y="25">Both patterns should render without blurriness</text>
+
+  <pattern id="pattern1" viewBox="0 0 100 20" width="100" height="20"
+           patternUnits="userSpaceOnUse">
+    <circle r="2" cx="10" cy="10" fill="green"/>
+    <circle r="4" cx="30" cy="10" fill="green"/>
+    <circle r="6" cx="50" cy="10" fill="green"/>
+    <circle r="8" cx="70" cy="10" fill="green"/>
+    <circle r="10" cx="90" cy="10" fill="green"/>
+  </pattern>
+
+  <circle r="150" cx="200" cy="200" stroke="gray" fill="none"/>
+  <circle r="150" cx="200" cy="200" fill="url(#pattern1)"/>
+
+  <circle r="150" cx="600" cy="200" stroke="gray" fill="none"/>
+  <circle r="150" cx="600" cy="200" fill="url(#pattern1)"/>
+
+</svg>
diff --git a/layout/reftests/svg/pattern-transformed-02.svg b/layout/reftests/svg/pattern-transformed-02.svg
new file mode 100644
index 0000000000..078f3c66dd
--- /dev/null
+++ b/layout/reftests/svg/pattern-transformed-02.svg
@@ -0,0 +1,29 @@
+<svg width="800" height="500" xmlns="http://www.w3.org/2000/svg">
+
+  <text x="25" y="25">Both patterns should render without blurriness</text>
+
+  <pattern id="pattern1" viewBox="0 0 100 20" width="100" height="20"
+           patternUnits="userSpaceOnUse">
+    <circle r="2" cx="10" cy="10" fill="green"/>
+    <circle r="4" cx="30" cy="10" fill="green"/>
+    <circle r="6" cx="50" cy="10" fill="green"/>
+    <circle r="8" cx="70" cy="10" fill="green"/>
+    <circle r="10" cx="90" cy="10" fill="green"/>
+  </pattern>
+
+  <circle r="150" cx="200" cy="200" stroke="gray" fill="none"/>
+  <circle r="150" cx="200" cy="200" fill="url(#pattern1)"/>
+
+  <pattern id="pattern2" viewBox="0 0 20 100" width="20" height="100"
+           patternUnits="userSpaceOnUse" patternTransform="rotate(270)">
+    <circle r="2" cx="10" cy="10" fill="green"/>
+    <circle r="4" cx="10" cy="30" fill="green"/>
+    <circle r="6" cx="10" cy="50" fill="green"/>
+    <circle r="8" cx="10" cy="70" fill="green"/>
+    <circle r="10" cx="10" cy="90" fill="green"/>
+  </pattern>
+
+  <circle r="150" cx="600" cy="200" stroke="gray" fill="none"/>
+  <circle r="150" cx="600" cy="200" fill="url(#pattern2)"/>
+
+</svg>
diff --git a/layout/reftests/svg/polygon-01-ref.svg b/layout/reftests/svg/polygon-01-ref.svg
new file mode 100644
index 0000000000..abcff19dd4
--- /dev/null
+++ b/layout/reftests/svg/polygon-01-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for stroking of close section of polygon</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1085092 -->
+
+  <rect fill="none" stroke="blue" stroke-width="10"
+        x="100" y="100" width="100" height="100"/>
+</svg>
diff --git a/layout/reftests/svg/polygon-01.svg b/layout/reftests/svg/polygon-01.svg
new file mode 100644
index 0000000000..7c26555fab
--- /dev/null
+++ b/layout/reftests/svg/polygon-01.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test stroking of close section of polygon</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1085092 -->
+
+  <polygon fill="none" stroke="blue" stroke-width="10"
+           transform="translate(50,50)"
+           points="50,50 150,50 150,150 50,150"/>
+</svg>
diff --git a/layout/reftests/svg/polygon-marker-01.svg b/layout/reftests/svg/polygon-marker-01.svg
new file mode 100644
index 0000000000..a6092ceb6a
--- /dev/null
+++ b/layout/reftests/svg/polygon-marker-01.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that marker-start and marker-end are co-located for polygon elements</title>
+  <!--
+    From https://bugzilla.mozilla.org/show_bug.cgi?id=577475
+
+    This test checks that marker-start and marker-end are co-located for polygon elements.
+  -->
+  <defs>
+    <marker id="markerStart" markerWidth="40" markerHeight="40" refX="20" refY="20">
+      <rect width="50" height="55" fill="red"/>
+    </marker>
+    <marker id="markerEnd" markerWidth="40" markerHeight="40" refX="20" refY="20">
+      <rect width="50" height="55" fill="lime"/>
+    </marker>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <polygon marker-start="url(#markerStart)" marker-end="url(#markerEnd)" points="250,150 200,150" />
+</svg>
diff --git a/layout/reftests/svg/polygon-points-negative-01.svg b/layout/reftests/svg/polygon-points-negative-01.svg
new file mode 100644
index 0000000000..a228605589
--- /dev/null
+++ b/layout/reftests/svg/polygon-points-negative-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testing for x-y |points| attribute</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=619630 -->
+  
+  <rect fill="lime" height="100%" width="100%"/>
+  <rect width="100" height="100" fill="red"/>
+
+  <!-- this should render -->
+  <polygon points="-10-110 -10-10 -110-10 -110-110" fill="lime"
+    transform="translate(110,110)"/>
+
+  <!-- this should not -->
+  <polygon fill="red" transform="translate(110,110)"
+    points="-110-10-110-110-10-110-10-10"/>
+</svg>
diff --git a/layout/reftests/svg/polyline-points-invalid-01.svg b/layout/reftests/svg/polyline-points-invalid-01.svg
new file mode 100644
index 0000000000..bfb6010042
--- /dev/null
+++ b/layout/reftests/svg/polyline-points-invalid-01.svg
@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testing invalid values for |points| attribute</title>
+  <style>
+    polyline {
+      fill: red;
+      stroke: lime;
+      stroke-width: 4;
+   }
+  </style>
+  <rect fill="lime" height="100%" width="100%"/>
+
+  <!-- First row: Initial comma(s) -->
+  <g transform="translate(0, 0)">
+    <polyline points=",0,0 10,20 20,0"    />
+    <polyline points=",,0,0 10,20 20,0"   transform="translate( 40, 0)"/>
+    <polyline points=", ,0,0 10,20 20,0"  transform="translate( 80, 0)"/>
+    <polyline points=", 0,0 10,20 20,0"   transform="translate(120, 0)"/>
+    <polyline points=",,, 0,0 10,20 20,0" transform="translate(160, 0)"/>
+  </g>
+  <!-- Second row: Trailing comma(s) -->
+  <g transform="translate(0, 40)">
+    <polyline points="0,0 10,20 20,0" />
+    <polyline points="0,0 10,20 20,0,"                                 style="fill: lime;" />
+    <polyline points="0,0 10,20 20,0"     transform="translate( 40, 0)"/>
+    <polyline points="0,0 10,20 20,0 ,"   transform="translate( 40, 0)" style="fill: lime;" />
+    <polyline points="0,0 10,20 20,0"     transform="translate( 80, 0)"/>
+    <polyline points="0,0 10,20 20,0,,"   transform="translate( 80, 0)" style="fill: lime;" />
+    <polyline points="0,0 10,20 20,0"     transform="translate(120, 0)"/>
+    <polyline points="0,0 10,20 20,0, ,"  transform="translate(120, 0)" style="fill: lime;" />
+    <polyline points="0,0 10,20 20,0"     transform="translate(160, 0)"/>
+    <polyline points="0,0 10,20 20,0 ,,," transform="translate(160, 0)" style="fill: lime;" />
+  </g>
+  <!-- Third row: Repeated commas in the middle -->
+  <g transform="translate(0, 80)">
+    <polyline points="0,,0 10,20 20,0"    />
+    <polyline points="0,,,0,10,20 20,0"   transform="translate( 40, 0)"/>
+    <polyline points="0, ,0 10,20 20,0"   transform="translate( 80, 0)"/>
+    <polyline points="0 0,, 10,20 20,0"   transform="translate(120, 0)"/>
+    <polyline points="0,0,,10,20 20,0"    transform="translate(160, 0)"/>
+  </g>
+  <!-- Fourth row: wrong number of values (at least 3, to get anything drawn)  -->
+  <g transform="translate(0, 120)">
+    <polyline points=""                   />
+    <polyline points="0,0"                transform="translate( 40, 0)"/>
+    <polyline points="0,0 10"             transform="translate( 80, 0)"/>
+    <polyline points="0,0 10,20 20"       transform="translate(120, 0)"/>
+    <polyline points="0,0 10,20 20,0"     transform="translate(160, 0)"/>
+    <polyline points="0,0 10,20 20,0 0"   transform="translate(160, 0)" style="fill: lime;"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/pseudo-classes-01.svg b/layout/reftests/svg/pseudo-classes-01.svg
new file mode 100644
index 0000000000..74ffaf9aa3
--- /dev/null
+++ b/layout/reftests/svg/pseudo-classes-01.svg
@@ -0,0 +1,43 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase for the :first-child, :link, :visited and :lang pseudo-classes</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=268135 -->
+
+  <style type="text/css">
+  <![CDATA[
+
+rect:first-child        { fill: lime; }
+a:link > rect           { fill: lime; }
+a:visited > rect        { fill: lime; }
+rect:lang(it)           { fill: lime; }
+
+  ]]>
+  </style>
+
+  <!-- test :first-child -->
+  <g>
+    <rect x="0" width="25%" height="100%" fill="red"/>
+  </g>
+
+  <!-- test :link -->
+  <a xlink:href="do-not-visit-me.xxx" onclick="evt.preventDefault()">
+    <first-child xmlns=""/>
+    <rect x="25%" width="25%" height="100%" fill="red"/>
+  </a>
+
+  <!-- test :visited -->
+  <a xlink:href="">
+    <first-child xmlns=""/>
+    <rect x="50%" width="25%" height="100%" fill="red"/>
+  </a>
+
+  <!-- test :lang -->
+  <rect xml:lang="it" x="75%" width="25%" height="100%" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/pseudo-classes-02-ref.svg b/layout/reftests/svg/pseudo-classes-02-ref.svg
new file mode 100644
index 0000000000..a76db85a41
--- /dev/null
+++ b/layout/reftests/svg/pseudo-classes-02-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Reference for pseudo-classes and text/links</title>
+
+  <!-- link in text -->
+  <text x="10" y="25" fill="lime" font-size="1em">This should be green</text>
+
+  <!-- text in link -->
+  <text x="10" y="50" fill="lime" font-size="1em">This should be green</text>
+
+  <!-- link in tspan -->
+  <text x="10" y="75" fill="lime" font-size="1em">This should be green</text>
+
+  <!-- tspan in link -->
+  <text x="10" y="100" fill="lime" font-size="1em">This should be green</text>
+
+</svg>
diff --git a/layout/reftests/svg/pseudo-classes-02.svg b/layout/reftests/svg/pseudo-classes-02.svg
new file mode 100644
index 0000000000..03c79660b9
--- /dev/null
+++ b/layout/reftests/svg/pseudo-classes-02.svg
@@ -0,0 +1,48 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase for pseudo-classes and text/links</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=268135 -->
+
+  <style type="text/css">
+  <![CDATA[
+
+:root                   { font-size: 1em; }
+text > a:link           { fill: lime; }
+a:visited > text        { fill: lime; }
+tspan > a:link          { fill: lime; }
+a:visited > tspan       { fill: lime; }
+
+  ]]>
+  </style>
+
+  <!-- link in text -->
+  <text x="10" y="25">
+    <a xlink:href="do-not-visit-me.xxx" fill="red">This should be green</a>
+  </text>
+
+  <!-- text in link -->
+  <a xlink:href="visited-page.html">
+    <text x="10" y="50" fill="red">This should be green</text>
+  </a>
+
+  <!-- link in tspan -->
+  <text>
+    <tspan x="10" y="75">
+      <a xlink:href="do-not-visit-me.xxx" fill="red">This should be green</a>
+    </tspan>
+  </text>
+
+  <!-- tspan in link -->
+  <text>
+    <a xlink:href="visited-page.html">
+      <tspan x="10" y="100" fill="red">This should be green</tspan>
+    </a>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/radialGradient-basic-01.svg b/layout/reftests/svg/radialGradient-basic-01.svg
new file mode 100644
index 0000000000..c875b2dc3b
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-basic-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- No stops, like fill = none -->
+        <radialGradient id="nostops" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0"/>
+    </defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#nostops)"/>
+</svg>
diff --git a/layout/reftests/svg/radialGradient-basic-02.svg b/layout/reftests/svg/radialGradient-basic-02.svg
new file mode 100644
index 0000000000..dda5a7a1d1
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-basic-02.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- One stop, like fill = stop-color -->
+        <radialGradient id="onestop" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+            <stop stop-color="lime" offset="1"/>
+        </radialGradient>
+	</defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#onestop)"/>
+</svg>
diff --git a/layout/reftests/svg/radialGradient-basic-03-ref.html b/layout/reftests/svg/radialGradient-basic-03-ref.html
new file mode 100644
index 0000000000..cbc45573c0
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-basic-03-ref.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<head>
+    <title>Reference for gradient</title>
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=441780 -->
+</head>
+<body onload="go()">
+<canvas width="400" height="400"></canvas>
+<style>
+* { margin: 0; }
+</style>
+<script>
+function go() {
+  let canvas = document.querySelector('canvas');
+  let ctx = canvas.getContext('2d');
+
+  function createCircleWithGradient(x, y, r, fx, fy) {
+    let gradient = ctx.createRadialGradient(fx, y, 0, x, y, r);
+    gradient.addColorStop(0, 'lime');
+    gradient.addColorStop(1, 'red');
+
+    ctx.beginPath();
+    ctx.arc(x, y, 50, 0, 2 * Math.PI);
+
+    ctx.fillStyle = gradient;
+    ctx.fill();
+  }
+
+  createCircleWithGradient(100, 100, 50, 50);
+  createCircleWithGradient(100, 200, 40, 60);
+  createCircleWithGradient(200, 100, 50, 250);
+  createCircleWithGradient(200, 200, 70, 280);
+}
+</script>
+</body>
diff --git a/layout/reftests/svg/radialGradient-basic-03.svg b/layout/reftests/svg/radialGradient-basic-03.svg
new file mode 100644
index 0000000000..622d8e38eb
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-basic-03.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+    <title>Testcase for gradient</title>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=441780 -->
+
+    <defs>
+        <radialGradient id="gradient1" fx="0">
+            <stop offset="0" stop-color="lime" />
+            <stop offset="1" stop-color="red"/>
+        </radialGradient>
+        <radialGradient id="gradient2" r="0.4" fx="0.1">
+            <stop offset="0" stop-color="lime" />
+            <stop offset="1" stop-color="red"/>
+        </radialGradient>
+        <radialGradient id="gradient3" fx="1">
+            <stop offset="0" stop-color="lime" />
+            <stop offset="1" stop-color="red"/>
+        </radialGradient>
+        <radialGradient id="gradient4" r="0.7" fx="1.3">
+            <stop offset="0" stop-color="lime" />
+            <stop offset="1" stop-color="red"/>
+        </radialGradient>
+    </defs>
+
+    <circle cx="100" cy="100" r="50" fill="url(#gradient1)"/>
+    <circle cx="100" cy="200" r="50" fill="url(#gradient2)"/>
+    <circle cx="200" cy="100" r="50" fill="url(#gradient3)"/>
+    <circle cx="200" cy="200" r="50" fill="url(#gradient4)"/>
+</svg>
diff --git a/layout/reftests/svg/radialGradient-basic-04.svg b/layout/reftests/svg/radialGradient-basic-04.svg
new file mode 100644
index 0000000000..e2e262d6ee
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-basic-04.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase for gradient with offset focal point</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=828157 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <radialGradient id="g" r="50%" fy="0%">
+    <stop stop-color="lime" offset="0%"/>
+    <stop stop-color="lime" offset="100%"/>
+    <stop stop-opacity="0" offset="100%"/>
+  </radialGradient>"
+
+  <circle cx="50" cy="50" r="48" fill="red"/>
+
+  <rect width="100" height="100" fill="url(#g)"/>
+
+</svg>
+
diff --git a/layout/reftests/svg/radialGradient-fr-01.svg b/layout/reftests/svg/radialGradient-fr-01.svg
new file mode 100644
index 0000000000..2f28d3aba2
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-fr-01.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test gradient fr attribute</title>
+  <defs>
+    <radialGradient id="grad1" fr="100%">
+      <stop offset="0%" stop-color="red" />
+      <stop offset="100%" stop-color="lime" />
+    </radialGradient>
+    <radialGradient id="grad2" xlink:href="#grad1"/>
+    <style>
+      circle {
+        stroke-width: 3px;
+        stroke: lime;
+      }
+    </style>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <circle cx="100" cy="100" r="50" fill="url(#grad1)" />
+
+  <circle cx="300" cy="100" r="50" fill="url(#grad2)" />
+</svg>
+
diff --git a/layout/reftests/svg/radialGradient-fr-02-ref.svg b/layout/reftests/svg/radialGradient-fr-02-ref.svg
new file mode 100644
index 0000000000..c256f72a24
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-fr-02-ref.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test gradient fr attribute</title>
+  <defs>
+    <radialGradient id="grad1">
+      <stop offset="0%" stop-color="red" />
+      <stop offset="20%" stop-color="red" />
+      <stop offset="100%" stop-color="lime" />
+    </radialGradient>
+    <style>
+      .cover {
+        stroke-width: 3px;
+        stroke: lime;
+        fill: none;
+        image-rendering: optimizeSpeed;
+      }
+    </style>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <circle cx="100" cy="100" r="50" fill="url(#grad1)" />
+  <circle class="cover" cx="100" cy="100" r="50" fill="none"/>
+</svg>
+
diff --git a/layout/reftests/svg/radialGradient-fr-02.svg b/layout/reftests/svg/radialGradient-fr-02.svg
new file mode 100644
index 0000000000..1933203be0
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-fr-02.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test gradient fr attribute</title>
+  <defs>
+    <radialGradient id="grad1" fr="10%">
+      <stop offset="0%" stop-color="red" />
+      <stop offset="100%" stop-color="lime" />
+    </radialGradient>
+    <style>
+      .cover {
+        stroke-width: 3px;
+        stroke: lime;
+        fill: none;
+        image-rendering: optimizeSpeed;
+      }
+    </style>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <circle cx="100" cy="100" r="50" fill="url(#grad1)" />
+  <circle class="cover" cx="100" cy="100" r="50" />
+</svg>
+
diff --git a/layout/reftests/svg/rect-01.svg b/layout/reftests/svg/rect-01.svg
new file mode 100644
index 0000000000..c1157e65ff
--- /dev/null
+++ b/layout/reftests/svg/rect-01.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for rect with fill=none</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=458068 -->
+
+	<rect x1="0" y1="0" width="100%" height="100%" fill="lime"/>
+	<rect x1="0" y1="0" width="100%" height="100%" fill="none" stroke="lime"/>
+</svg>
diff --git a/layout/reftests/svg/rect-02.svg b/layout/reftests/svg/rect-02.svg
new file mode 100644
index 0000000000..69aac4e8ef
--- /dev/null
+++ b/layout/reftests/svg/rect-02.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for rect with missing and clamped ry</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=552830s -->
+
+	<rect x1="0" y1="0" width="100%" height="100%" fill="lime"/>
+  <g shape-rendering="crispEdges">
+    <rect x="20" y="50" width="200" height="100" rx="100" fill="red" />
+    <rect x="20" y="50" width="200" height="100" rx="100" ry="50" fill="lime" />
+  </g>
+</svg>
diff --git a/layout/reftests/svg/rect-03.svg b/layout/reftests/svg/rect-03.svg
new file mode 100644
index 0000000000..3b16bbabcf
--- /dev/null
+++ b/layout/reftests/svg/rect-03.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for rect with unsupported rx and ry</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=554091 -->
+
+  <rect x="0" y="0" width="100%" height="100%" fill="red"/>
+  <rect x="0" y="0" width="50%" height="100%" rx="-1" fill="lime" />
+  <rect x="50%" y="0" width="50%" height="100%" ry="-1" fill="lime" />
+</svg>
diff --git a/layout/reftests/svg/rect-04.svg b/layout/reftests/svg/rect-04.svg
new file mode 100644
index 0000000000..bac509417b
--- /dev/null
+++ b/layout/reftests/svg/rect-04.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test that a rect with no width/height does not display even with a filter</title>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <filter id="filter" filterUnits="userSpaceOnUse"
+          x="0" y="0" width="100%" height="100%">
+    <!-- data: URI is a 1x1 red GIF -->
+    <feImage preserveAspectRatio="xMidYMid slice"
+             style="image-rendering: optimizeSpeed;"
+             xlink:href="data:image/gif,GIF87a%01%00%01%00%80%01%00%FF%00%00%FF%FF%FF%2C%00%00%00%00%01%00%01%00%00%02%02D%01%00%3B">
+    </feImage>
+  </filter>
+
+  <rect filter="url(#filter)"/>
+
+</svg>
diff --git a/layout/reftests/svg/rect-with-rx-and-ry-01.svg b/layout/reftests/svg/rect-with-rx-and-ry-01.svg
new file mode 100644
index 0000000000..081314b5ac
--- /dev/null
+++ b/layout/reftests/svg/rect-with-rx-and-ry-01.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for rect with both rx and ry set</title>
+
+  <!-- This is an additional test (i.e. not from a Mozilla bug) -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- check that rect with rx and ry is drawn -->
+  <circle cx="50" cy="50" r="48" fill="red"/>
+  <rect width="100" height="100" rx="50" ry="50" fill="lime"/>
+
+  <!-- check rx and ry aren't ignored -->
+  <rect x="110" width="100" height="100" rx="50" ry="50" fill="red"/>
+  <circle cx="160" cy="50" r="52" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/rect-with-rx-or-ry-01-ref.svg b/layout/reftests/svg/rect-with-rx-or-ry-01-ref.svg
new file mode 100644
index 0000000000..63f7d5d04f
--- /dev/null
+++ b/layout/reftests/svg/rect-with-rx-or-ry-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Reference for rect with one of rx or ry</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=111993 -->
+
+  <rect x="10"  y="10"  width="100" height="100"/>
+  <rect x="10"  y="120" width="100" height="100"/>
+
+  <rect x="120" y="10"  width="100" height="100" rx="30" ry="30"/>
+  <rect x="120" y="120" width="100" height="100" rx="30" ry="30"/>
+
+  <rect x="230" y="10"  width="100" height="100" rx="50" ry="50"/>
+  <rect x="230" y="120" width="100" height="100" rx="50" ry="50"/>
+
+</svg>
diff --git a/layout/reftests/svg/rect-with-rx-or-ry-01.svg b/layout/reftests/svg/rect-with-rx-or-ry-01.svg
new file mode 100644
index 0000000000..7050ed9617
--- /dev/null
+++ b/layout/reftests/svg/rect-with-rx-or-ry-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for rect with one of rx or ry</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=111993 -->
+
+  <!-- test one of rx/ry being non-zero, the other zero -->
+  <rect x="10"  y="10"  width="100" height="100" rx="30" ry="0"/>
+  <rect x="10"  y="120" width="100" height="100" rx="0"  ry="30"/>
+
+  <!-- test one of rx/ry being non-zero, the other not set -->
+  <rect x="120" y="10"  width="100" height="100" rx="30"/>
+  <rect x="120" y="120" width="100" height="100" ry="30"/>
+
+  <!-- test one of rx/ry being set to a value greater than width/2 -->
+  <rect x="230" y="10"  width="100" height="100" rx="70"/>
+  <rect x="230" y="120" width="100" height="100" ry="70"/>
+
+</svg>
diff --git a/layout/reftests/svg/reftest.list b/layout/reftests/svg/reftest.list
new file mode 100644
index 0000000000..3504084b5d
--- /dev/null
+++ b/layout/reftests/svg/reftest.list
@@ -0,0 +1,636 @@
+# svg-as-an-image tests
+include as-image/reftest.list
+
+# <image> tests
+include image/reftest.list
+
+# sizing tests
+include sizing/reftest.list
+
+# filter tests
+include filters/reftest.list
+
+# smil / animation tests
+include smil/reftest.list
+
+# text tests
+include text/reftest.list
+
+# load only tests
+include load-only/reftest.list
+
+# Mozilla only tests (i.e. those containing XUL/XBL/etc.)
+skip-if(useDrawSnapshot) include moz-only/reftest.list
+
+# svg-integration tests (using svg effects in e.g. HTML)
+include svg-integration/reftest.list
+
+needs-focus == autofocus-01a.svg autofocus-01-ref.svg
+needs-focus == autofocus-01b.svg autofocus-01-ref.svg
+needs-focus == autofocus-02a.svg pass.svg
+needs-focus == autofocus-02b.svg pass.svg
+
+== background-svg-without-height.html background-ref.html
+== background-svg-without-height-width.html background-ref.html
+== background-svg-without-width.html background-ref.html
+
+== baseline-middle-01.svg pass.svg
+
+== blend-color-burn.svg blend-color-burn-ref.svg
+fuzzy-if(winWidget&&gpuProcess&&!d2d,0-1,0-1600) == blend-color-dodge.svg blend-color-dodge-ref.svg
+# == blend-color.svg blend-color-ref.svg
+== blend-darken.svg blend-darken-ref.svg
+== blend-difference.svg blend-difference-ref.svg
+fuzzy(0-1,0-1600) fuzzy-if(geckoview,0-5,0-254) == blend-exclusion.svg blend-exclusion-ref.svg
+# == blend-hard-light.svg blend-hard-light-ref.svg
+# == blend-hue.svg blend-hue-ref.svg
+== blend-layer-blend.svg blend-layer-blend-ref.svg
+== blend-layer-filter.svg blend-layer-filter-ref.svg
+== blend-layer-mask.svg blend-layer-mask-ref.svg
+== blend-layer-opacity.svg blend-layer-opacity-ref.svg
+random-if(Android) == blend-lighten.svg blend-lighten-ref.svg
+# == blend-luminosity.svg blend-luminosity-ref.svg
+#skip-if(Android) == blend-multiply-alpha.svg blend-multiply-alpha-ref.svg
+fuzzy(0-1,0-1600) random-if(Android) == blend-multiply.svg blend-multiply-ref.svg
+== blend-normal.svg blend-normal-ref.svg
+#skip-if(Android) == blend-overlay.svg blend-overlay-ref.svg
+#skip-if(Android)  == blend-saturation.svg blend-saturation-ref.svg
+#skip-if(Android) == blend-screen.svg blend-screen-ref.svg
+#skip-if(Android) == blend-soft-light.svg blend-soft-light-ref.svg
+skip == blend-difference-stacking.html blend-difference-stacking-ref.html # bug 1458353
+== active-transform-blend-mode.html active-transform-blend-mode-ref.html
+== active-clip-and-mask.html active-clip-and-mask-ref.html
+
+fuzzy(0-11,0-7155) == blur-inside-clipPath.svg blur-inside-clipPath-ref.svg
+
+== border-radius-01.html pass.svg
+== mask-image-filter-transform.html mask-image-filter-transform-ref.html
+
+== current-translate-01.svg pass.svg
+== current-translate-02.svg pass.svg
+
+== clip-01.svg pass.svg
+== clip-02a.svg clip-02-ref.svg
+== clip-02b.svg clip-02-ref.svg
+fuzzy(0-1,0-10000) == clip-surface-clone-01.svg clip-surface-clone-01-ref.svg
+== clip-use-element-01.svg pass.svg
+== clip-use-element-02.svg pass.svg
+
+== clipPath-advanced-01.svg pass.svg
+fuzzy(0-3,0-350) == clipPath-and-mask-on-outflowElement-01a.html clipPath-on-outflowElement-01-ref.html
+fuzzy(0-3,0-350) == clipPath-and-mask-on-outflowElement-01b.html clipPath-on-outflowElement-01-ref.html
+fuzzy(0-1,0-630) == clipPath-and-shape-rendering-01.svg clipPath-and-shape-rendering-01-ref.svg # bug 614840
+== clipPath-and-transform-01.svg pass.svg
+== clipPath-and-transform-02.svg pass.svg
+== clipPath-basic-01.svg pass.svg
+== clipPath-basic-02.svg pass.svg
+== clipPath-basic-03.svg pass.svg
+== clipPath-basic-04.svg pass.svg
+== clipPath-basic-05.svg pass.svg
+== clipPath-basic-06.svg pass.svg
+== clipPath-basic-07.svg pass.svg
+== clipPath-basic-08.svg pass.svg
+== clipPath-basic-shape-transform.html clipPath-basic-shape-transform-ref.html
+== clipPath-css-transform.html clipPath-css-transform-ref.html
+== clipPath-fill-box.html clipPath-fill-box-ref.html
+fuzzy(0-3,0-350) == clipPath-on-outflowElement-01a.html clipPath-on-outflowElement-01-ref.html
+fuzzy(0-3,0-350) == clipPath-on-outflowElement-01b.html clipPath-on-outflowElement-01-ref.html
+fuzzy(0-1,0-32400) == clipPath-on-outflowElement-02a.html clipPath-on-outflowElement-02-ref.html
+fuzzy(0-1,0-32400) == clipPath-on-outflowElement-02b.html clipPath-on-outflowElement-02-ref.html
+== clipPath-polygon-01.svg pass.svg
+== clipPath-polygon-elementFromPoint-01.svg pass.svg
+!= clipPath-on-thin-object.svg about:blank
+== clipPath-winding-01.svg pass.svg
+
+== comments-in-pres-attrs.svg pass.svg
+
+== conditions-01.svg pass.svg
+== conditions-02.svg pass.svg
+== conditions-03.svg pass.svg
+== conditions-04.svg pass.svg
+== conditions-05.svg about:blank
+== conditions-07.svg pass.svg
+fuzzy(0-1,0-320) == conditions-08.svg conditions-08-ref.svg
+== conditions-09.svg conditions-09-ref.svg
+
+== currentColor-01.svg pass.svg
+== currentColor-02.svg pass.svg
+== currentColor-03.svg pass.svg
+
+skip-if(fission) == data-uri-with-filter-01.xhtml data-uri-with-filter-01-ref.svg # Bug 1669323
+== data-uri-with-gradient-01.xhtml data-uri-with-gradient-01-ref.svg
+== data-uri-with-pattern-01.xhtml pass.svg
+
+== dynamic-attr-removal-1.svg pass.svg
+== dynamic-attr-removal-2.svg pass.svg
+== dynamic-attr-change-1.svg pass.svg
+== dynamic-attr-change-2.svg pass.svg
+== dynamic-class-01.svg pass.svg
+fuzzy-if(Android,0-4,0-87) == dynamic-clipPath-01.svg pass.svg
+== dynamic-clipPath-02.svg pass.svg
+== dynamic-clipPath-clip-rule-01.svg pass.svg
+== dynamic-conditions-01.svg pass.svg
+== dynamic-conditions-02.svg about:blank
+== dynamic-conditions-03.svg pass.svg
+== dynamic-conditions-04.svg about:blank
+== dynamic-conditions-05.svg pass.svg
+== dynamic-conditions-06.svg about:blank
+== dynamic-conditions-07.svg pass.svg
+== dynamic-conditions-08.svg pass.svg
+== dynamic-conditions-09.svg about:blank
+== dynamic-conditions-10.svg about:blank
+== dynamic-conditions-11.svg pass.svg
+== dynamic-conditions-12.svg pass.svg
+== dynamic-conditions-13.svg about:blank
+== dynamic-feFlood-01.svg pass.svg
+asserts(0-1) == dynamic-feImage-01.svg pass.svg # intermittent assertions (bug 886080)
+== dynamic-fill-01.svg dynamic-fill-01-ref.svg
+== dynamic-fill-rule-01.svg dynamic-fill-rule-01-ref.svg
+fuzzy(0-1,0-10000) == dynamic-filter-contents-01a.svg dynamic-filter-contents-01-ref.svg
+fuzzy(0-1,0-10000) == dynamic-filter-contents-01b.svg dynamic-filter-contents-01-ref.svg
+== dynamic-gradient-contents-01.svg pass.svg
+== dynamic-gradient-contents-02.svg pass.svg
+== dynamic-inner-svg-01.svg pass.svg
+== dynamic-link-style-01.svg pass.svg
+== dynamic-marker-01.svg pass.svg
+== dynamic-marker-02.svg dynamic-marker-02-ref.svg
+== dynamic-marker-03.svg pass.svg
+== dynamic-mask-01.svg pass.svg
+== dynamic-mask-contents-01.svg pass.svg
+== dynamic-mask-pre-effects-bbox.html dynamic-mask-pre-effects-bbox-ref.html
+== dynamic-opacity-property-01.svg pass.svg
+== dynamic-pattern-01.svg pass.svg
+== dynamic-pattern-02.svg pass.svg
+== dynamic-pattern-contents-01.svg pass.svg
+== dynamic-pattern-contents-02.svg pass.svg
+== dynamic-rect-01.svg dynamic-rect-01-ref.svg
+fuzzy-if(d2d&&layersGPUAccelerated,0-3,0-1200) == dynamic-rect-02.svg dynamic-rect-02-ref.svg # bug 776038 for Win7, Win8
+== dynamic-rect-03.svg dynamic-rect-03-ref.svg
+== dynamic-rect-04.xhtml pass.svg
+== dynamic-rect-05.svg pass.svg
+== dynamic-reflow-01.svg dynamic-reflow-01-ref.svg
+== dynamic-small-object-scaled-up-01.svg pass.svg
+== dynamic-small-object-scaled-up-02.svg pass.svg
+== dynamic-stroke-01.svg pass.svg
+== dynamic-stroke-opacity-01.svg pass.svg
+== dynamic-stroke-width-01.svg pass.svg
+== dynamic-switch-01.svg pass.svg
+== dynamic-text-01.svg dynamic-text-01-ref.svg
+fuzzy-if(d2d&&layersGPUAccelerated,0-3,0-12739) == dynamic-text-02.svg dynamic-text-02-ref.svg # bug 776038 for Win7, Win8
+fuzzy-if(d2d&&layersGPUAccelerated,0-2,0-10539) == dynamic-text-03.svg dynamic-text-03-ref.svg # bug 776038 for Win7
+== dynamic-text-04.svg dynamic-text-04-ref.svg
+== dynamic-text-05.svg pass.svg
+== dynamic-text-06.svg pass.svg
+== dynamic-text-07.svg dynamic-text-07-ref.svg
+== dynamic-text-08.svg dynamic-text-08-ref.svg
+== dynamic-text-attr-01.svg dynamic-text-attr-01-ref.svg
+== dynamic-textPath-01.svg dynamic-textPath-01-ref.svg
+== dynamic-textPath-02.svg dynamic-textPath-02-ref.svg
+== dynamic-textPath-03.svg dynamic-textPath-03-ref.svg
+== dynamic-textPath-04.html pass.svg
+== dynamic-use-01.svg pass.svg
+== dynamic-use-02.svg pass.svg
+== dynamic-use-03.svg pass.svg
+== dynamic-use-04.svg pass.svg
+== dynamic-use-05.svg pass.svg
+== dynamic-use-06.svg pass.svg
+== dynamic-use-07.svg pass.svg
+== dynamic-use-08.svg pass.svg
+random == dynamic-use-nested-01a.svg dynamic-use-nested-01-ref.svg
+random == dynamic-use-nested-01b.svg dynamic-use-nested-01-ref.svg
+== dynamic-use-remove-width.svg dynamic-use-remove-width-ref.svg
+== dynamic-viewBox-change-01.svg pass.svg
+== dynamic-viewBox-change-02.svg pass.svg
+== dynamic-viewBox-change-03.svg pass.svg
+
+== fallback-color-01a.svg pass.svg
+== fallback-color-01b.svg pass.svg
+== fallback-color-02.svg fallback-color-02-ref.svg
+== fallback-color-03.svg pass.svg
+fuzzy(0-1,0-2) == fallback-color-04.svg pass.svg
+== fallback-color-05a.svg fallback-color-05-ref.svg
+== fallback-color-05b.svg fallback-color-05-ref.svg
+== fallback-color-06.svg pass.svg
+
+== filter-and-clip.svg filter-and-clip-ref.svg
+== filter-basic-01.svg pass.svg
+== filter-basic-02.svg pass.svg
+== filter-basic-03.svg pass.svg
+== filter-bounds-01.svg pass.svg
+== filter-bounds-02.svg pass.svg
+# Disabled for now, see bug 1286798 comment 180, 187, 190 and 196.
+# This pref is normally on by default, but we turn it off in reftest runs to
+# disable an unnecessary security-check. This reftest is actually testing that
+# the security check works, though, so it needs the pref to be turned on:
+skip pref(security.fileuri.strict_origin_policy,true) == filter-extref-differentOrigin-01.svg pass.svg # Bug 695385
+== filter-foreignObject-01.svg pass.svg
+== filter-in-mask-01.svg pass.svg
+== filter-invalidation-01.svg pass.svg
+fuzzy(0-71,0-821) fails-if(winWidget) fuzzy-if(OSX&&!swgl,1-1,216-458) == filter-on-continuation-box-01.html filter-on-continuation-box-ref.html
+== filter-result-01.svg filter-result-01-ref.svg
+== filter-scaled-01.svg pass.svg
+fuzzy(0-1,0-500) == filter-scaled-02.html filter-scaled-02-ref.html
+== filter-translated-01.svg filter-translated-01-ref.svg
+== filter-use-element-01.svg pass.svg
+== filtered-image-in-pattern-01.svg pass.svg
+fuzzy(0-1,0-800000) == filters-and-group-opacity-01.svg filters-and-group-opacity-01-ref.svg
+
+== foreignObject-01.svg pass.svg
+== foreignObject-02.svg foreignObject-02-ref.svg
+== foreignObject-ancestor-style-change-01.svg foreignObject-ancestor-style-change-01-ref.svg
+== foreignObject-change-transform-01.svg pass.svg
+== foreignObject-display-01.svg pass.svg
+fuzzy-if(cocoaWidget,0-1,0-1) fuzzy-if(gtkWidget,0-2,0-2) fuzzy-if(geckoview,0-4,0-9) == foreignObject-form-theme.svg foreignObject-form-theme-ref.html # Bug 1727811
+== foreignObject-img.html foreignObject-img-ref.html
+== foreignObject-img-form-theme.html foreignObject-img-form-theme-ref.html
+== foreignObject-move-repaint-01.svg pass.svg
+== foreignObject-overflow-01.svg pass.svg
+== foreignObject-start-hidden-01.svg pass.svg # followup from Bug 596765
+== foreignObject-start-hidden-02.svg pass.svg
+== foreignObject-style-change-01.svg pass.svg
+== foreignObject-dynamic-abspos-01.html foreignObject-dynamic-abspos-01-ref.html
+fuzzy-if(Android,0-18,0-600) == foreignObject-fixedpos-01.html foreignObject-dynamic-abspos-01-ref.html
+== foreignObject-fixedpos-02.html foreignObject-fixedpos-ref.html
+== foreignObject-dynamic-fixedpos-01.html foreignObject-dynamic-abspos-01-ref.html
+== foreignObject-dynamic-line-height-01.html foreignObject-dynamic-line-height-01-ref.html
+== foreignObject-vertical-01.svg foreignObject-vertical-01-ref.svg
+
+== fragmentIdentifier-01.xhtml pass.svg
+
+== g-transform-01.svg pass.svg
+
+== getElementById-a-element-01.svg pass.svg
+== geometry-properties-in-css.html geometry-properties-in-css-ref.html
+
+== gradient-href-01.html pass.svg
+fuzzy(0-3,0-32000) == gradient-live-01a.svg gradient-live-01-ref.svg
+fuzzy(0-3,0-32000) == gradient-live-01b.svg gradient-live-01-ref.svg
+fuzzy(0-3,0-32000) == gradient-live-01c.svg gradient-live-01-ref.svg
+fuzzy(0-3,0-32000) == gradient-live-01d.svg gradient-live-01-ref.svg
+== gradient-transform-01.svg pass.svg
+== href-attr-change-restyles.svg href-attr-change-restyles-ref.svg
+fuzzy(0-1,0-550) == import-svg-01.html pass.svg
+== invalid-text-01.svg pass.svg
+== lang-attribute-01.svg pass.svg
+== lang-attribute-02.svg pass.svg
+== lang-attribute-03.svg pass.svg
+== linearGradient-basic-01.svg pass.svg
+== linearGradient-basic-02.svg pass.svg
+# off-by-one fuzziness expected. OS X is broken with bad aliasing though (bug 1023640).
+fuzzy(0-1,0-5000) == linearGradient-basic-03.svg linearGradient-basic-03-ref.svg
+
+== linked-filter-01.svg pass.svg
+== linked-pattern-01.svg pass.svg
+
+fuzzy(0-1,0-800000) == markers-and-group-opacity-01.svg markers-and-group-opacity-01-ref.svg
+== marker-attribute-01.svg pass.svg
+fuzzy(0-1,0-1) == marker-dynamic-opacity.html marker-dynamic-opacity-ref.html
+== marker-css-transform.html marker-css-transform-ref.html
+== marker-effects-01.svg marker-effects-01-ref.svg
+fuzzy(0-1,0-100) == marker-viewBox-01.svg marker-viewBox-01-ref.svg
+fuzzy(0-65,0-570) == marker-orientation-01.svg marker-orientation-01-ref.svg
+fuzzy(0-65,0-570) == marker-orientation-02.svg marker-orientation-02-ref.svg
+== marker-orientation-03.svg pass.svg
+== marker-orientation-04.svg pass.svg
+== marker-orientation-05.svg pass.svg
+
+fuzzy(0-28,0-28) == mask-and-clipPath.html mask-and-clipPath-ref.html
+== mask-and-clipPath-2.svg pass.svg
+== mask-ref-loop-01.svg pass.svg
+== mask-basic-01.svg pass.svg
+fuzzy(0-1,0-10000) == mask-basic-02.svg mask-basic-02-ref.svg
+== mask-basic-03.svg pass.svg
+== mask-basic-04.svg pass.svg
+== mask-basic-05.svg pass.svg
+== mask-containing-masked-content-01.svg pass.svg
+== mask-contains-inner-svg-01.svg pass.svg
+== mask-contains-inner-svg-02.svg pass.svg
+== mask-css-transform.html mask-css-transform-ref.html
+== mask-empty-size.svg about:blank
+== mask-extref-dataURI-01.svg pass.svg
+fuzzy(0-128,0-142) == mask-img.html mask-img-ref.html
+fuzzy(0-4,0-800) == mask-on-outflowElement-01a.html clipPath-on-outflowElement-01-ref.html
+fuzzy(0-4,0-800) == mask-on-outflowElement-01b.html clipPath-on-outflowElement-01-ref.html
+fuzzy(0-1,0-5000) == mask-opacity-01.svg mask-opacity-01-ref.svg
+fuzzy(0-2,0-65536) == mask-opacity-02.svg mask-opacity-02-ref.svg
+fuzzy(0-1,0-5000) == mask-opacity-03.svg mask-opacity-02-ref.svg
+fuzzy(0-1,0-5000) == mask-opacity-04.svg mask-opacity-02-ref.svg
+fuzzy(0-1,0-5000) == mask-opacity-05.svg mask-opacity-02-ref.svg
+!= mask-root-svg.svg about:blank
+== mask-transformed-01.svg mask-transformed-01-ref.svg
+== mask-transformed-02.svg pass.svg
+== mask-transformed-child-01.svg mask-transformed-child-01-ref.svg
+# fuzzy because of the differences between clipPath and mask clipping
+fuzzy(0-1,0-6400) == mask-type-01.svg mask-type-01-ref.svg
+fuzzy(0-1,0-6400) == mask-type-02.svg mask-type-01-ref.svg
+fuzzy(0-1,0-6400) == mask-type-03.svg mask-type-01-ref.svg
+fuzzy(0-1,0-6400) == mask-type-04.svg mask-type-01-ref.svg
+== mask-use-element-01.svg pass.svg
+
+!= nested-mask-mode.svg about:blank
+== nested-viewBox-01.svg pass.svg
+== non-scaling-stroke-css-transform.html non-scaling-stroke-css-transform-ref.html
+
+fuzzy(0-3,0-448000) == nesting-invalid-01.svg nesting-invalid-01-ref.svg
+
+fuzzy(0-2,0-1000) == non-scaling-stroke-01.svg non-scaling-stroke-01-ref.svg # bug 1074161 for Win7 and OSX 10.8
+fuzzy(0-51,0-900) fuzzy-if(Android,0-51,0-4090) fails-if(useDrawSnapshot) == non-scaling-stroke-02.svg non-scaling-stroke-02-ref.svg
+== non-scaling-stroke-03.svg non-scaling-stroke-03-ref.svg
+
+== objectBoundingBox-and-clipPath.svg pass.svg
+# Bug 588684
+== objectBoundingBox-and-fePointLight-01.svg objectBoundingBox-and-fePointLight-01-ref.svg
+== objectBoundingBox-and-fePointLight-02.svg objectBoundingBox-and-fePointLight-02-ref.svg
+== objectBoundingBox-and-mask.svg pass.svg
+== objectBoundingBox-and-mask-02.svg pass.svg
+== objectBoundingBox-and-pattern-01a.svg objectBoundingBox-and-pattern-01-ref.svg
+== objectBoundingBox-and-pattern-01b.svg objectBoundingBox-and-pattern-01-ref.svg
+== objectBoundingBox-and-pattern-01c.svg objectBoundingBox-and-pattern-01-ref.svg
+== objectBoundingBox-and-pattern-02.svg pass.svg
+== objectBoundingBox-and-pattern-03.svg objectBoundingBox-and-pattern-03-ref.svg
+
+== opacity-and-gradient-01.svg pass.svg
+skip-if(d2d) fuzzy(0-1,0-200000) == opacity-and-gradient-02.svg opacity-and-gradient-02-ref.svg
+== opacity-and-pattern-01.svg pass.svg
+fuzzy(0-1,0-10000) == opacity-and-transform-01.svg opacity-and-transform-01-ref.svg
+
+fuzzy-if(Android,0-8,0-200) == outer-svg-border-and-padding-01.svg outer-svg-border-and-padding-01-ref.svg
+
+fuzzy(0-7,0-214) == outline.html outline-ref.html # Bug 1503525
+
+== overflow-on-outer-svg-01.svg overflow-on-outer-svg-01-ref.svg
+== overflow-on-outer-svg-02a.xhtml overflow-on-outer-svg-02-ref.xhtml
+== overflow-on-outer-svg-02b.xhtml overflow-on-outer-svg-02-ref.xhtml
+== overflow-on-outer-svg-02c.xhtml overflow-on-outer-svg-02-ref.xhtml
+== overflow-on-outer-svg-02d.xhtml overflow-on-outer-svg-02-ref.xhtml
+== overflow-on-outer-svg-03a.xhtml overflow-on-outer-svg-03-ref.xhtml
+== overflow-on-outer-svg-03b.xhtml overflow-on-outer-svg-03-ref.xhtml
+
+== paint-on-maskLayer-1a.html paint-on-maskLayer-1-ref.html
+== paint-on-maskLayer-1b.html paint-on-maskLayer-1-ref.html
+== paint-on-maskLayer-1c.html paint-on-maskLayer-1-ref.html
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-16,0-5) == paint-order-01.svg paint-order-01-ref.svg
+== paint-order-02.svg paint-order-02-ref.svg
+== paint-order-03.svg paint-order-03-ref.svg
+
+#fuzzy(0-23,0-60) fails-if(d2d) == path-01.svg path-01-ref.svg
+== path-02.svg pass.svg
+== path-04.svg pass.svg
+== path-05.svg pass.svg
+fuzzy(0-1,0-400) == path-06.svg path-06-ref.svg
+== path-07.svg path-07-ref.svg
+== path-08.svg pass.svg
+== path-transform-box.svg pass.svg
+
+== pathLength-01.svg pass.svg
+== pathLength-02.svg pass.svg
+
+== pattern-basic-01.svg pass.svg
+# Massively downsampling an image plays out differently when using WR instead of blob images.
+# In practive the two *look* identical, unfortunately the fuzziness is so high that the test is
+# barely meaningful.
+fuzzy(0-128,0-100) == pattern-big-image.html pattern-big-image-ref.html
+== pattern-css-transform.html pattern-css-transform-ref.html
+== pattern-invalid-01.svg pattern-invalid-01-ref.svg
+== pattern-live-01a.svg pattern-live-01-ref.svg
+== pattern-live-01b.svg pattern-live-01-ref.svg
+== pattern-live-01c.svg pattern-live-01-ref.svg
+== pattern-scale-01a.svg pattern-scale-01-ref.svg
+== pattern-scale-01b.svg pattern-scale-01-ref.svg
+== pattern-scale-01c.svg pattern-scale-01-ref.svg
+== pattern-transform-presence-01.svg pattern-transform-presence-01-ref.svg
+== pattern-transformed-01.svg pattern-transformed-01-ref.svg
+fuzzy(0-27,0-9058) fuzzy-if(Android,0-28,0-11159) == pattern-transformed-02.svg pattern-transformed-02-ref.svg
+
+== polygon-01.svg polygon-01-ref.svg
+== polygon-marker-01.svg pass.svg
+== polygon-points-negative-01.svg pass.svg
+== polyline-points-invalid-01.svg pass.svg
+
+== pseudo-classes-01.svg pass.svg
+# This test depends on :visited styles (which are asynchronous), so we run
+# it in layout/style/test/test_visited_reftests.html instead of using the
+# reftest harness.
+# == pseudo-classes-02.svg pseudo-classes-02-ref.svg
+
+== radialGradient-basic-01.svg pass.svg
+== radialGradient-basic-02.svg pass.svg
+fuzzy(0-1,0-5) fuzzy-if(winWidget,0-96,0-21713) skip-if(winWidget&&isCoverageBuild) fuzzy-if(Android&&device,0-4,0-946) == radialGradient-basic-03.svg radialGradient-basic-03-ref.html # Bug 1718175 (Win CCov: Bug 1740155)
+== radialGradient-basic-04.svg pass.svg
+== radialGradient-fr-01.svg pass.svg
+fuzzy(0-1,0-3235) fuzzy-if(winWidget,0-1,0-7030) == radialGradient-fr-02.svg radialGradient-fr-02-ref.svg
+
+fuzzy(0-1,0-3600) == rect-01.svg pass.svg
+== rect-02.svg pass.svg
+== rect-03.svg pass.svg
+== rect-04.svg pass.svg
+== rect-with-rx-and-ry-01.svg pass.svg
+== rect-with-rx-or-ry-01.svg rect-with-rx-or-ry-01-ref.svg
+
+== rootElement-null-01.svg pass.svg
+
+== script-empty-01.svg pass.svg
+
+== selector-01.svg pass.svg
+
+== stroke-dasharray-01.svg stroke-dasharray-01-ref.svg
+fuzzy(0-1,0-340) == stroke-dasharray-02.svg pass.svg
+fuzzy(0-1,0-340) == stroke-dasharray-03.svg pass.svg
+== stroke-dasharray-and-pathLength-01.svg pass.svg
+fails-if(useDrawSnapshot) == stroke-dasharray-and-text-01.svg stroke-dasharray-and-text-01-ref.svg
+== stroke-dashoffset-01.svg pass.svg
+== stroke-dashoffset-and-pathLength-01.svg pass.svg
+== stroke-linecap-circle-ellipse-01.svg stroke-linecap-circle-ellipse-01-ref.svg
+== stroke-linecap-circle-ellipse-dashed-01.svg pass.svg
+== stroke-linecap-round-w-zero-length-segs-01.svg pass.svg
+== stroke-linecap-round-w-zero-length-segs-02.svg pass.svg
+== stroke-linecap-round-w-zero-length-segs-03.svg pass.svg
+== stroke-linecap-square-w-zero-length-segs-01.svg pass.svg
+== stroke-linecap-square-w-zero-length-segs-02.svg pass.svg
+== stroke-width-percentage-01.svg pass.svg
+== stroke-width-percentage-02a.svg stroke-width-percentage-02-ref.svg
+== stroke-width-percentage-02b.svg stroke-width-percentage-02-ref.svg
+== stroke-width-percentage-03.xhtml stroke-width-percentage-03-ref.xhtml
+
+== style-property-on-script-element-01.svg pass.svg
+== style-without-type-attribute.svg pass.svg
+
+== svg-in-foreignObject-01.xhtml svg-in-foreignObject-01-ref.xhtml
+fuzzy(0-1,0-2600) == svg-in-foreignObject-02.xhtml svg-in-foreignObject-01-ref.xhtml # reuse -01-ref.xhtml
+== svg-in-inner-svg-dimensions.svg pass.svg
+== switch-01.svg pass.svg
+
+== suspend-01.svg pass.svg
+== suspend-02.svg pass.svg
+== suspend-03.svg pass.svg
+== suspend-04.svg pass.svg
+== suspend-05.svg pass.svg
+== suspend-06.svg pass.svg
+== suspend-07.svg pass.svg
+== suspend-08.svg pass.svg
+
+== svg-effects-area-unzoomed.xhtml svg-effects-area-unzoomed-ref.xhtml
+== svg-effects-area-zoomed-in.xhtml svg-effects-area-zoomed-in-ref.xhtml
+== svg-effects-area-zoomed-out.xhtml svg-effects-area-zoomed-out-ref.xhtml
+== svg-transform-01.svg pass.svg
+== svg-transform-02.svg pass.svg
+
+fuzzy(0-39,0-269) == symbol-01.svg symbol-01-ref.svg
+
+== text-font-size-01.svg pass.svg
+== text-font-weight-01.svg text-font-weight-01-ref.svg
+== text-gradient-01.svg text-gradient-01-ref.svg
+random-if(winWidget) fuzzy-if(Android,0-10,0-2) == text-gradient-02.svg text-gradient-02-ref.svg # see bug 590101
+fuzzy(0-1,0-5500) == text-gradient-03.svg pass.svg
+== text-gradient-04.svg text-gradient-04-ref.svg
+== text-in-link-01.svg text-in-link-01-ref.svg
+== text-in-link-02.svg text-in-link-02-ref.svg
+== text-in-link-03.svg text-in-link-03-ref.svg
+# Tests for bug 546813: sanity-check using HTML text, then test SVG behavior.
+!= text-language-00.xhtml text-language-00-ref.xhtml
+random-if(gtkWidget) != text-language-01.xhtml text-language-01-ref.xhtml # Fails on Linux tryserver due to lack of CJK fonts.
+== text-layout-01.svg text-layout-01-ref.svg
+== text-layout-02.svg text-layout-02-ref.svg
+== text-layout-03.svg text-layout-03-ref.svg
+== text-layout-04.svg text-layout-04-ref.svg
+== text-layout-05.svg text-layout-05-ref.svg
+fuzzy-if(cocoaWidget&&layersGPUAccelerated,0-1,0-3) == text-layout-06.svg text-layout-06-ref.svg
+== text-layout-07.svg text-layout-07-ref.svg
+== text-layout-08.svg text-layout-08-ref.svg
+== text-layout-09.svg pass.svg
+== text-layout-10.svg pass.svg # Bug 1392106
+== text-scale-01.svg text-scale-01-ref.svg
+fuzzy(0-2,0-1000) == text-scale-02.svg text-scale-02-ref.svg
+== text-scale-03.svg text-scale-03-ref.svg
+
+== text-style-01a.svg text-style-01-ref.svg
+== text-style-01b.svg text-style-01-ref.svg
+== text-style-01c.svg text-style-01-ref.svg
+== text-style-01d.svg text-style-01-ref.svg
+== text-style-01e.svg text-style-01-ref.svg
+
+== text-stroke-scaling-01.svg text-stroke-scaling-01-ref.svg
+fuzzy(0-16,0-3) == text-stroke-scaling-02a.html text-stroke-scaling-02-ref.html # antialiasing
+fuzzy(0-16,0-3) == text-stroke-scaling-02b.html text-stroke-scaling-02-ref.html # antialiasing
+== text-stroke-scaling-02a.html text-stroke-scaling-02b.html
+== textPath-01.svg textPath-01-ref.svg
+== textPath-02.svg pass.svg
+fuzzy(0-1,0-610) == textPath-03.svg pass.svg
+== textPath-04.svg pass.svg
+== textPath-05.html pass.svg
+== textPath-06.svg pass.svg
+== textPath-line-01.svg textPath-line-01-ref.svg
+== textPath-path-attribute-01.svg textPath-path-attribute-01-ref.svg
+== textPath-side-attribute-01.svg pass.svg
+
+== text-white-space-01.svg text-white-space-01-ref.svg
+
+== thin-stroke-01.svg pass.svg
+
+== transform-origin-presentation-01.svg pass.svg
+
+== transform-outer-svg-01.svg transform-outer-svg-01-ref.svg
+== css-transform-svg.html css-transform-svg-ref.html
+
+== tspan-dxdy-01.svg tspan-dxdy-ref.svg
+== tspan-dxdy-02.svg tspan-dxdy-ref.svg
+== tspan-dxdy-03.svg tspan-dxdy-ref.svg
+== tspan-dxdy-04.svg tspan-dxdy-ref.svg
+== tspan-dxdy-05.svg tspan-dxdy-ref.svg
+== tspan-dxdy-06.svg tspan-dxdy-ref.svg
+== tspan-dxdy-textPath-01.svg tspan-dxdy-textPath-01-ref.svg
+== tspan-rotate-01.svg tspan-rotate-ref.svg
+fuzzy(0-1,0-550) == tspan-rotate-02.svg tspan-rotate-02.svg
+fuzzy(0-1,0-550) == tspan-rotate-02.svg tspan-rotate-02-ref.svg
+fuzzy(0-1,0-550) == tspan-rotate-03.svg tspan-rotate-ref.svg
+fuzzy(0-1,0-550) == tspan-rotate-04.svg tspan-rotate-04.svg
+fuzzy(0-1,0-550) == tspan-rotate-04.svg tspan-rotate-04-ref.svg
+fuzzy(0-1,0-550) == tspan-rotate-05.svg tspan-rotate-ref.svg
+fuzzy(0-1,0-550) == tspan-rotate-06.svg tspan-rotate-ref.svg
+fuzzy(0-1,0-550) == tspan-rotate-07.svg tspan-rotate-07-ref.svg
+== tspan-rotate-textPath-01.svg tspan-rotate-textPath-01-ref.svg
+fuzzy(0-1,0-100) == tspan-xy-01.svg tspan-xy-ref.svg
+== tspan-xy-02.svg tspan-xy-ref.svg
+fuzzy(0-1,0-300) == tspan-xy-03.svg tspan-xy-ref.svg
+fuzzy(0-1,0-300) == tspan-xy-04.svg tspan-xy-ref.svg
+fuzzy(0-1,0-300) == tspan-xy-05.svg tspan-xy-ref.svg
+fuzzy(0-1,0-300) == tspan-xy-06.svg tspan-xy-ref.svg
+fuzzy(0-1,0-100) == tspan-xy-anchor-middle-01.svg tspan-xy-anchor-middle-ref.svg
+fuzzy(0-1,0-100) == tspan-xy-anchor-end-01.svg tspan-xy-anchor-end-ref.svg
+
+pref(layout.css.devPixelsPerPx,"1.0") == svg-blurry-with-subpixel-position.html svg-blurry-with-subpixel-position-ref.html
+
+== use-01.svg pass.svg
+== use-02.svg pass.svg
+== use-01-extref.svg pass.svg
+== use-02-extref.svg use-02-extref-ref.svg
+pref(svg.use-element.data-url-href.allowed,true) == use-extref-dataURI-01.svg pass.svg
+== use-children.svg pass.svg
+
+test-pref(svg.use-element.graphics-element-restrictions,0) == use-restrictions.svg use-restrictions-not-restricted-ref.svg
+test-pref(svg.use-element.graphics-element-restrictions,1) != use-restrictions.svg use-restrictions-not-restricted-ref.svg
+test-pref(svg.use-element.graphics-element-restrictions,1) ref-pref(svg.use-element.graphics-element-restrictions,2) != use-restrictions.svg use-restrictions.svg
+
+== use-element-shadow-tree-rule-matching.html pass.svg
+== use-image-01.svg pass.svg
+
+# test case for Fragment URLs
+# https://drafts.csswg.org/css-values/#local-urls
+== use-localRef-marker-01.svg use-localRef-marker-01-ref.svg
+== use-localRef-clipPath-01.svg use-localRef-clipPath-01-ref.svg
+== use-localRef-filter-01.svg use-localRef-filter-01-ref.svg
+== use-localRef-fill-01.svg use-localRef-fill-01-ref.svg
+== use-localRef-link.html pass.svg
+== use-localRef-stroke-01.svg use-localRef-stroke-01-ref.svg
+== use-localRef-mask-01.svg use-localRef-mask-01-ref.svg
+
+== userSpaceOnUse-and-pattern-01.svg userSpaceOnUse-and-pattern-01-ref.svg
+
+== viewBox-and-pattern-01.svg pass.svg
+== viewBox-and-pattern-02.svg pass.svg
+== viewBox-and-pattern-03.svg pass.svg
+== viewBox-and-pattern-04.svg pass.svg
+== viewBox-and-symbol-01.svg pass.svg
+== viewBox-invalid-01.svg pass.svg
+== viewBox-invalid-02.svg pass.svg
+== viewBox-valid-01.svg pass.svg
+== viewBox-valid-02.xhtml pass.svg
+== viewport-percent-graphic-user-01.svg pass.svg
+== winding-01.svg pass.svg
+
+== zero-stroke-01.svg pass.svg
+
+# currentColor override by color attribute
+== currentColor-override-flood.svg pass.svg
+== currentColor-override-lighting.svg currentColor-override-lighting-ref.svg
+== currentColor-override-stop.svg pass.svg
+
+defaults skip-if(ThreadSanitizer)
+
+== mask-invalidation.html mask-invalidation-ref.html
+== filter-in-mask.html filter-in-mask-ref.html
+== overflow-visible-image.html overflow-visible-image-ref.html
+
+# Shadow DOM id tracking.
+skip-if(geckoview) == fragid-shadow-1.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-2.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-3.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-4.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-5.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-6.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-7.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-8.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-9.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+skip-if(geckoview) == fragid-shadow-10.html fragid-shadow-ref.html # bug 1560367 for GV+WR, bug 1717061 for Win 7
+
+== mask-resource.html mask-resource-ref.html
+fails-if(Android) != mask-resource.html about:blank # The image the test uses is not on Android
+
+!= bug-1562091.html bug-1562091-ref.html
+== 1570363-1.html 1570363-1-ref.html
+
+fuzzy(0-1,0-150) == mask-opacity-invalidation-1.html mask-opacity-invalidation-1-ref.html # clip-path mask/opacity optimization
+skip-if(Android) skip-if(cocoaWidget) skip-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu)) == transform-animation-on-path.html transform-animation-on-path-ref.html #Bug 1638909
+
+fuzzy(0-20,0-110) == 1792313.svg 1792313-ref.svg
+pref(svg.use-element.recursive-clone-limit.enabled,1) != about:blank explosive-use.svg
diff --git a/layout/reftests/svg/rootElement-null-01.svg b/layout/reftests/svg/rootElement-null-01.svg
new file mode 100644
index 0000000000..2562bd1dcc
--- /dev/null
+++ b/layout/reftests/svg/rootElement-null-01.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     onload="handleLoad(evt);">
+
+  <title>Testcase for accessing null rootContent</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=365611 -->
+
+  <script type="application/ecmascript">
+  <![CDATA[
+
+function handleLoad(event)
+{
+  var root = document.removeChild(document.documentElement);
+  if (document.documentElement == null) { // this shouldn't crash
+    document.appendChild(root);
+    document.getElementById('rect').setAttribute('fill', 'lime');
+  }
+}
+
+  ]]>
+  </script>
+
+  <rect id="rect" width="100%" height="100%" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/script-empty-01.svg b/layout/reftests/svg/script-empty-01.svg
new file mode 100644
index 0000000000..528f6a8aad
--- /dev/null
+++ b/layout/reftests/svg/script-empty-01.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase for that xlink:href attribute overrides script content</title>
+
+  <rect id="r" width="100%" height="100%" fill="lime"/>
+  
+  <script xlink:href="">
+    document.getElementById("r").style.fill = "red";
+  </script>
+</svg>
diff --git a/layout/reftests/svg/selector-01.svg b/layout/reftests/svg/selector-01.svg
new file mode 100644
index 0000000000..595d92ea43
--- /dev/null
+++ b/layout/reftests/svg/selector-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for invalid text</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=477996 -->
+
+  <defs>
+    <style type="text/css">
+       [transform="scale(2)"] { fill: lime }
+    </style>
+  </defs>
+  <g fill="red">
+      <rect transform="scale(2)" width="100%" height="100%" />
+  </g>
+</svg>
diff --git a/layout/reftests/svg/sizing/ahem.css b/layout/reftests/svg/sizing/ahem.css
new file mode 100644
index 0000000000..5cea74d04f
--- /dev/null
+++ b/layout/reftests/svg/sizing/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(../../fonts/Ahem.ttf);
+}
diff --git a/layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width-ref.html b/layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width-ref.html
new file mode 100644
index 0000000000..f68abfeecf
--- /dev/null
+++ b/layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script src="svg-image-util.js"></script>
+<style>
+  canvas {
+    background: blue;
+  }
+</style>
+<body>
+  <script>
+    let viewBoxes = [null, "0 0 50 50", "0 0 50 20"];
+    let promises = [];
+    for (viewBox of viewBoxes) {
+      // Without a given width or height the svg should be sized as if a width
+      // of 300px and height of 150px were given.
+      promises.push(generateCanvasDrawImageSVG("350", "200", "300px", "200px", viewBox));
+    }
+    Promise.all(promises).then(() => { document.documentElement.className = "" });
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width.html b/layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width.html
new file mode 100644
index 0000000000..da4f20a2f9
--- /dev/null
+++ b/layout/reftests/svg/sizing/canvas-drawImage-height-with-no-width.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script src="svg-image-util.js"></script>
+<style>
+  canvas {
+    background: blue;
+  }
+</style>
+<body>
+  <script>
+    let viewBoxes = [null, "0 0 50 50", "0 0 50 20"];
+    let promises = [];
+    for (viewBox of viewBoxes) {
+      // Without a given width or height the svg should be sized as if a width
+      // of 300px and height of 150px were given.
+      promises.push(generateCanvasDrawImageSVG("350", "200", null, "200px", viewBox));
+    }
+    Promise.all(promises).then(() => { document.documentElement.className = "" });
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height-ref.html b/layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height-ref.html
new file mode 100644
index 0000000000..045d626743
--- /dev/null
+++ b/layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script src="svg-image-util.js"></script>
+<style>
+  canvas {
+    background: blue;
+  }
+</style>
+<body>
+  <script>
+    let viewBoxes = [null, "0 0 50 50", "0 0 50 20"];
+    let promises = [];
+    for (viewBox of viewBoxes) {
+      promises.push(generateCanvasDrawImageSVG("350", "200", "300px", "150px", viewBox));
+    }
+    Promise.all(promises).then(() => { document.documentElement.className = "" });
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height.html b/layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height.html
new file mode 100644
index 0000000000..e5bc8c16ca
--- /dev/null
+++ b/layout/reftests/svg/sizing/canvas-drawImage-no-width-or-height.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script src="svg-image-util.js"></script>
+<style>
+  canvas {
+    background: blue;
+  }
+</style>
+<body>
+  <script>
+    let viewBoxes = [null, "0 0 50 50", "0 0 50 20"];
+    let promises = [];
+    for (viewBox of viewBoxes) {
+      // Without a given width or height the svg should be sized as if a width
+      // of 300px and height of 150px were given.
+      promises.push(generateCanvasDrawImageSVG("350", "200", null, null, viewBox));
+    }
+    Promise.all(promises).then(() => { document.documentElement.className = "" });
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height-ref.html b/layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height-ref.html
new file mode 100644
index 0000000000..24d91d32c4
--- /dev/null
+++ b/layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script src="svg-image-util.js"></script>
+<style>
+  canvas {
+    background: blue;
+  }
+</style>
+<body>
+  <script>
+    let viewBoxes = [null, "0 0 50 50", "0 0 50 20"];
+    let promises = [];
+    for (viewBox of viewBoxes) {
+      // Without a given width or height the svg should be sized as if a width
+      // of 300px and height of 150px were given.
+      promises.push(generateCanvasDrawImageSVG("350", "200", "200px", "150px", viewBox));
+    }
+    Promise.all(promises).then(() => { document.documentElement.className = "" });
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height.html b/layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height.html
new file mode 100644
index 0000000000..7a4452face
--- /dev/null
+++ b/layout/reftests/svg/sizing/canvas-drawImage-width-with-no-height.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<script src="svg-image-util.js"></script>
+<style>
+  canvas {
+    background: blue;
+  }
+</style>
+<body>
+  <script>
+    let viewBoxes = [null, "0 0 50 50", "0 0 50 20"];
+    let promises = [];
+    for (viewBox of viewBoxes) {
+      // Without a given width or height the svg should be sized as if a width
+      // of 300px and height of 150px were given.
+      promises.push(generateCanvasDrawImageSVG("350", "200", "200px", null, viewBox));
+    }
+    Promise.all(promises).then(() => { document.documentElement.className = "" });
+  </script>
+  <!-- Body gets populated by script -->
+</body>
+</html>
diff --git a/layout/reftests/svg/sizing/dynamic--inline-css-height.xhtml b/layout/reftests/svg/sizing/dynamic--inline-css-height.xhtml
new file mode 100644
index 0000000000..2abf3a32b1
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--inline-css-height.xhtml
@@ -0,0 +1,49 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: change CSS 'height' property on inline SVG</title>
+
+    <!--
+    This testcase checks that when the value of the CSS 'height' property on
+    inline SVG is changed, the SVG resizes as expected.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: red;
+}
+
+    </style>
+    <script type="text/javascript">
+
+function resize_svg()
+{
+  document.getElementById('svg').style.height = '100%';
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", resize_svg, false);
+
+    </script>
+  </head>
+  <body>
+
+    <svg id="svg" xmlns="http://www.w3.org/2000/svg"
+         style="display:block; width:100%; height:0;" width="0" height="0">
+      <rect width="100%" height="100%" fill="lime"/>
+    </svg>
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/dynamic--inline-css-width.xhtml b/layout/reftests/svg/sizing/dynamic--inline-css-width.xhtml
new file mode 100644
index 0000000000..b23407b6dc
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--inline-css-width.xhtml
@@ -0,0 +1,49 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: change CSS 'width' property on inline SVG</title>
+
+    <!--
+    This testcase checks that when the value of the CSS 'width' property on
+    inline SVG is changed, the SVG resizes as expected.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: red;
+}
+
+    </style>
+    <script type="text/javascript">
+
+function resize_svg()
+{
+  document.getElementById('svg').style.width = '100%';
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", resize_svg, false);
+
+    </script>
+  </head>
+  <body>
+
+    <svg id="svg" xmlns="http://www.w3.org/2000/svg"
+         style="display:block; width:0; height:100%;" width="0" height="0">
+      <rect width="100%" height="100%" fill="lime"/>
+    </svg>
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/dynamic--inline-resize-window-height.xhtml b/layout/reftests/svg/sizing/dynamic--inline-resize-window-height.xhtml
new file mode 100644
index 0000000000..3091947d88
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--inline-resize-window-height.xhtml
@@ -0,0 +1,52 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: resize of window height</title>
+
+    <!--
+    This testcase checks that SVG embedded inline with a percentage height is
+    updated correctly when the window is resized.
+    -->
+
+    <style type="text/css">
+
+html, body, div {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: red;
+  overflow: hidden;
+}
+
+    </style>
+    <script type="text/javascript">
+
+var initial_height = top.innerHeight;
+top.innerHeight /= 2;
+
+function restore_height()
+{
+  top.innerHeight = initial_height;
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", restore_height, false);
+
+    </script>
+  </head>
+  <body>
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="5000" height="100%">
+      <rect width="100%" height="100%" fill="lime"/>
+    </svg>
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/dynamic--inline-resize-window-width.xhtml b/layout/reftests/svg/sizing/dynamic--inline-resize-window-width.xhtml
new file mode 100644
index 0000000000..dbf0c87620
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--inline-resize-window-width.xhtml
@@ -0,0 +1,52 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: resize of window width</title>
+
+    <!--
+    This testcase checks that SVG embedded inline with a percentage width is
+    updated correctly when the window is resized.
+    -->
+
+    <style type="text/css">
+
+html, body, div {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: red;
+  overflow: hidden;
+}
+
+    </style>
+    <script type="text/javascript">
+
+var initial_width = top.innerWidth;
+top.innerWidth /= 2;
+
+function restore_width()
+{
+  top.innerWidth = initial_width;
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", restore_width, false);
+
+    </script>
+  </head>
+  <body onload="restore_width()">
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="5000">
+      <rect width="100%" height="100%" fill="lime"/>
+    </svg>
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/dynamic--object--auto-auto--pct-px.html b/layout/reftests/svg/sizing/dynamic--object--auto-auto--pct-px.html
new file mode 100644
index 0000000000..1fbecb0dc7
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--object--auto-auto--pct-px.html
@@ -0,0 +1,43 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="49%" height="70px"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic
+    height of the embedded SVG, but ignores the percentage width. Since
+    the intrinsic height is 70px, you should see a blue rectangle 300px
+    (the magic default) wide by 70px high when viewing this file. You
+    should not see any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--pct-px.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/dynamic--object-svg-unloaded-a.svg b/layout/reftests/svg/sizing/dynamic--object-svg-unloaded-a.svg
new file mode 100644
index 0000000000..8ee8e25709
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--object-svg-unloaded-a.svg
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="70" height="70"
+     onload="handle_load(evt);">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by dynamic--object-svg-unloaded.xhtml</title>
+
+  <script type="text/javascript">
+
+var embedding_element;
+
+function handle_load(e)
+{
+  embedding_element = e.originalTarget.ownerDocument.defaultView.frameElement;
+  top.document.addEventListener("MozReftestInvalidate", load_new_page, false);
+}
+
+function load_new_page()
+{
+  // We could set embedding_element.data to load the new page, but that:
+  //
+  //  a) Crashes if we don't use setTimeout
+  //
+  //  b) Actually works, perhaps because it takes a different code path to the
+  //     path that's taken when a user clicks on a link in the embedded SVG
+  //
+  // For these reasons we set document.location.href on the SVG document.
+
+  document.location.href = 'dynamic--object-svg-unloaded-b.xhtml';
+}
+
+  </script>
+
+  <rect width="100%" height="100%" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/dynamic--object-svg-unloaded-b.xhtml b/layout/reftests/svg/sizing/dynamic--object-svg-unloaded-b.xhtml
new file mode 100644
index 0000000000..7ed4c539ce
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--object-svg-unloaded-b.xhtml
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>SVG embedded by reference by dynamic--object-svg-unloaded.xhtml</title>
+
+    <style type="text/css">
+
+html {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  background: lime;
+}
+
+    </style>
+
+    <script type="text/javascript">
+
+var embedding_element;
+
+function handle_load(e)
+{
+  embedding_element = e.originalTarget.defaultView.frameElement;
+  embedding_element.ownerDocument.documentElement.removeAttribute('class');
+}
+
+    </script>
+
+  </head>
+  <body onload="handle_load(event);" style="display:none;"></body>
+</html>
diff --git a/layout/reftests/svg/sizing/dynamic--object-svg-unloaded.xhtml b/layout/reftests/svg/sizing/dynamic--object-svg-unloaded.xhtml
new file mode 100644
index 0000000000..6095e7cb18
--- /dev/null
+++ b/layout/reftests/svg/sizing/dynamic--object-svg-unloaded.xhtml
@@ -0,0 +1,48 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: object should resize when SVG is unloaded</title>
+
+    <!--
+    This testcase checks that HTML <object> will resize correctly if it depends
+    on the intrinsic size of some embedded SVG, and then the SVG is replaced by
+    some other content (perhaps as a result of a link in the SVG being
+    clicked).
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: lime;
+}
+
+object {
+  background: red;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+    </style>
+  </head>
+  <body>
+
+    <div style="width:300px; height:150px; background:red;"></div>
+
+    <object data="dynamic--object-svg-unloaded-a.svg" type="image/svg+xml">
+      FAIL
+    </object>
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--display-block--01-ref.xhtml b/layout/reftests/svg/sizing/inline--display-block--01-ref.xhtml
new file mode 100644
index 0000000000..f258873729
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--display-block--01-ref.xhtml
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test inline--display-block--01.xhtml</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <div style="width:51px; height:51px; background:blue; display:block; padding:0; border:1px solid blue; margin:0;">
+    </div>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--display-block--01.xhtml b/layout/reftests/svg/sizing/inline--display-block--01.xhtml
new file mode 100644
index 0000000000..4b8cbe4266
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--display-block--01.xhtml
@@ -0,0 +1,47 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: display:block with width="51" height="51"</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+    <!--
+    This testcase checks that SVG embedded inline with display:block is
+    positioned correctly.
+    -->
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"
+         style="display:block; padding:0; border:1px solid blue; margin:0;">
+      <rect width="100%" height="100%" fill="blue"/>
+    </svg>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--display-inline--01-ref.xhtml b/layout/reftests/svg/sizing/inline--display-inline--01-ref.xhtml
new file mode 100644
index 0000000000..65cb6542ba
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--display-inline--01-ref.xhtml
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test inline--display-inline--01.xhtml</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <img src="data:image/gif;base64,R0lGODlhAQABAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgICAgMDAwP8AAAD%2FAP%2F%2FAAAA%2F%2F8A%2FwD%2F%2F%2F%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMwAAZgAAmQAAzAAA%2FwAzAAAzMwAzZgAzmQAzzAAz%2FwBmAABmMwBmZgBmmQBmzABm%2FwCZAACZMwCZZgCZmQCZzACZ%2FwDMAADMMwDMZgDMmQDMzADM%2FwD%2FAAD%2FMwD%2FZgD%2FmQD%2FzAD%2F%2FzMAADMAMzMAZjMAmTMAzDMA%2FzMzADMzMzMzZjMzmTMzzDMz%2FzNmADNmMzNmZjNmmTNmzDNm%2FzOZADOZMzOZZjOZmTOZzDOZ%2FzPMADPMMzPMZjPMmTPMzDPM%2FzP%2FADP%2FMzP%2FZjP%2FmTP%2FzDP%2F%2F2YAAGYAM2YAZmYAmWYAzGYA%2F2YzAGYzM2YzZmYzmWYzzGYz%2F2ZmAGZmM2ZmZmZmmWZmzGZm%2F2aZAGaZM2aZZmaZmWaZzGaZ%2F2bMAGbMM2bMZmbMmWbMzGbM%2F2b%2FAGb%2FM2b%2FZmb%2FmWb%2FzGb%2F%2F5kAAJkAM5kAZpkAmZkAzJkA%2F5kzAJkzM5kzZpkzmZkzzJkz%2F5lmAJlmM5lmZplmmZlmzJlm%2F5mZAJmZM5mZZpmZmZmZzJmZ%2F5nMAJnMM5nMZpnMmZnMzJnM%2F5n%2FAJn%2FM5n%2FZpn%2FmZn%2FzJn%2F%2F8wAAMwAM8wAZswAmcwAzMwA%2F8wzAMwzM8wzZswzmcwzzMwz%2F8xmAMxmM8xmZsxmmcxmzMxm%2F8yZAMyZM8yZZsyZmcyZzMyZ%2F8zMAMzMM8zMZszMmczMzMzM%2F8z%2FAMz%2FM8z%2FZsz%2Fmcz%2FzMz%2F%2F%2F8AAP8AM%2F8AZv8Amf8AzP8A%2F%2F8zAP8zM%2F8zZv8zmf8zzP8z%2F%2F9mAP9mM%2F9mZv9mmf9mzP9m%2F%2F%2BZAP%2BZM%2F%2BZZv%2BZmf%2BZzP%2BZ%2F%2F%2FMAP%2FMM%2F%2FMZv%2FMmf%2FMzP%2FM%2F%2F%2F%2FAP%2F%2FM%2F%2F%2FZv%2F%2Fmf%2F%2FzP%2F%2F%2FywAAAAAAQABAAAIBAAZBAQAOw%3D%3D"
+         style="width:51px; height:51px; display:inline; padding:0; border:1px solid blue; margin:0;"/>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--display-inline--01.xhtml b/layout/reftests/svg/sizing/inline--display-inline--01.xhtml
new file mode 100644
index 0000000000..5139f6e477
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--display-inline--01.xhtml
@@ -0,0 +1,47 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: display:inline with width="51" height="51"</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+    <!--
+    This testcase checks that SVG embedded inline with display:inline is
+    positioned correctly.
+    -->
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"
+         style="display:inline; padding:0; border:1px solid blue; margin:0;">
+      <rect width="100%" height="100%" fill="blue"/>
+    </svg>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--display-inline-block--01-ref.xhtml b/layout/reftests/svg/sizing/inline--display-inline-block--01-ref.xhtml
new file mode 100644
index 0000000000..93cb2d1ddf
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--display-inline-block--01-ref.xhtml
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test inline--display-inline-block--01.xhtml</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <div style="width:51px; height:51px; background:blue; display:inline-block; padding:0; border:1px solid blue; margin:0;">
+    </div>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--display-inline-block--01.xhtml b/layout/reftests/svg/sizing/inline--display-inline-block--01.xhtml
new file mode 100644
index 0000000000..f2f9a84812
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--display-inline-block--01.xhtml
@@ -0,0 +1,47 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: display:inline-block with width="51" height="51"</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+    <!--
+    This testcase checks that SVG embedded inline with display:inline-block is
+    positioned correctly.
+    -->
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"
+         style="display:inline-block; padding:0; border:1px solid blue; margin:0;">
+      <rect width="100%" height="100%" fill="blue"/>
+    </svg>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--float-left--01-ref.xhtml b/layout/reftests/svg/sizing/inline--float-left--01-ref.xhtml
new file mode 100644
index 0000000000..f46dc85919
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--float-left--01-ref.xhtml
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test inline--float-left--01.xhtml</title>
+
+  </head>
+  <body>
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <div style="width:51px; height:51px; background:blue; float:left; padding:0; border:1px solid blue; margin:0;">
+    </div>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--float-left--01.xhtml b/layout/reftests/svg/sizing/inline--float-left--01.xhtml
new file mode 100644
index 0000000000..f575db2e74
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--float-left--01.xhtml
@@ -0,0 +1,46 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: float:left with width="51" height="51"</title>
+
+    <!--
+    This testcase checks that SVG embedded inline with float:left is
+    positioned correctly.
+    -->
+
+  </head>
+  <body>
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"
+         style="float:left; padding:0; border:1px solid blue; margin:0;">
+      <rect width="100%" height="100%" fill="blue"/>
+    </svg>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--float-right--01-ref.xhtml b/layout/reftests/svg/sizing/inline--float-right--01-ref.xhtml
new file mode 100644
index 0000000000..1803862f9e
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--float-right--01-ref.xhtml
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test inline--float-right--01.xhtml</title>
+
+  </head>
+  <body>
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <div style="width:51px; height:51px; background:blue; float:right; padding:0; border:1px solid blue; margin:0;">
+    </div>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--float-right--01.xhtml b/layout/reftests/svg/sizing/inline--float-right--01.xhtml
new file mode 100644
index 0000000000..1054c1b62f
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--float-right--01.xhtml
@@ -0,0 +1,46 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: float:right with width="51" height="51"</title>
+
+    <!--
+    This testcase checks that SVG embedded inline with float:right is
+    positioned correctly.
+    -->
+
+  </head>
+  <body>
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"
+         style="float:right; padding:0; border:1px solid blue; margin:0;">
+      <rect width="100%" height="100%" fill="blue"/>
+    </svg>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--position-absolute--01-ref.xhtml b/layout/reftests/svg/sizing/inline--position-absolute--01-ref.xhtml
new file mode 100644
index 0000000000..24464c520a
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--position-absolute--01-ref.xhtml
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test inline--position-absolute--01.xhtml</title>
+
+  </head>
+  <body>
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <div style="width:51px; height:51px; background:blue; position:absolute; top:51px; right:51px; padding:0; border:1px solid blue; margin:0;">
+    </div>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--position-absolute--01.xhtml b/layout/reftests/svg/sizing/inline--position-absolute--01.xhtml
new file mode 100644
index 0000000000..370a9bc438
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--position-absolute--01.xhtml
@@ -0,0 +1,46 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: position:absolute with width="51" height="51"</title>
+
+    <!--
+    This testcase checks that SVG embedded inline with position:absolute is
+    positioned correctly.
+    -->
+
+  </head>
+  <body>
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"
+         style="position:absolute; top:51px; right:51px; padding:0; border:1px solid blue; margin:0;">
+      <rect width="100%" height="100%" fill="blue"/>
+    </svg>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--position-absolute--02.xhtml b/layout/reftests/svg/sizing/inline--position-absolute--02.xhtml
new file mode 100644
index 0000000000..a9f7a2b7ed
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--position-absolute--02.xhtml
@@ -0,0 +1,50 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=342532 -->
+
+    <title>Test: percentage height on absolutely positioned SVG</title>
+
+    <!--
+    This testcase checks that percentage values for height on absolutely
+    positioned SVG will be computed relative to their containing block, and
+    not relative to the content area of the user agent.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  height: 100%;
+  background: lime;
+}
+
+    </style>
+  </head>
+  <body>
+
+    <!-- create containing block for absolutely positioned children -->
+    <div style="position:relative;">
+
+      <!-- div to expand parent div to a computed height of 20px -->
+      <div style="height:20px; background:red;"/>
+
+      <!-- absolutely positioned SVG - the explicit 100% percentage height
+           should compute as a percentage of the parent div's computed height,
+           not as a percentage of the body's height! I.e. no red should show.
+      -->
+      <svg xmlns="http://www.w3.org/2000/svg" style="position:absolute; top:0; width: 100%; height: 100%">
+        <rect width="100%" height="100%" fill="red"/>
+        <rect width="100%" height="20px" fill="lime"/>
+      </svg>
+
+    </div>
+
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--position-relative--01-ref.xhtml b/layout/reftests/svg/sizing/inline--position-relative--01-ref.xhtml
new file mode 100644
index 0000000000..dd7cff1e18
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--position-relative--01-ref.xhtml
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test inline--position-relative--01.xhtml</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <img src="data:image/gif;base64,R0lGODlhAQABAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgICAgMDAwP8AAAD%2FAP%2F%2FAAAA%2F%2F8A%2FwD%2F%2F%2F%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMwAAZgAAmQAAzAAA%2FwAzAAAzMwAzZgAzmQAzzAAz%2FwBmAABmMwBmZgBmmQBmzABm%2FwCZAACZMwCZZgCZmQCZzACZ%2FwDMAADMMwDMZgDMmQDMzADM%2FwD%2FAAD%2FMwD%2FZgD%2FmQD%2FzAD%2F%2FzMAADMAMzMAZjMAmTMAzDMA%2FzMzADMzMzMzZjMzmTMzzDMz%2FzNmADNmMzNmZjNmmTNmzDNm%2FzOZADOZMzOZZjOZmTOZzDOZ%2FzPMADPMMzPMZjPMmTPMzDPM%2FzP%2FADP%2FMzP%2FZjP%2FmTP%2FzDP%2F%2F2YAAGYAM2YAZmYAmWYAzGYA%2F2YzAGYzM2YzZmYzmWYzzGYz%2F2ZmAGZmM2ZmZmZmmWZmzGZm%2F2aZAGaZM2aZZmaZmWaZzGaZ%2F2bMAGbMM2bMZmbMmWbMzGbM%2F2b%2FAGb%2FM2b%2FZmb%2FmWb%2FzGb%2F%2F5kAAJkAM5kAZpkAmZkAzJkA%2F5kzAJkzM5kzZpkzmZkzzJkz%2F5lmAJlmM5lmZplmmZlmzJlm%2F5mZAJmZM5mZZpmZmZmZzJmZ%2F5nMAJnMM5nMZpnMmZnMzJnM%2F5n%2FAJn%2FM5n%2FZpn%2FmZn%2FzJn%2F%2F8wAAMwAM8wAZswAmcwAzMwA%2F8wzAMwzM8wzZswzmcwzzMwz%2F8xmAMxmM8xmZsxmmcxmzMxm%2F8yZAMyZM8yZZsyZmcyZzMyZ%2F8zMAMzMM8zMZszMmczMzMzM%2F8z%2FAMz%2FM8z%2FZsz%2Fmcz%2FzMz%2F%2F%2F8AAP8AM%2F8AZv8Amf8AzP8A%2F%2F8zAP8zM%2F8zZv8zmf8zzP8z%2F%2F9mAP9mM%2F9mZv9mmf9mzP9m%2F%2F%2BZAP%2BZM%2F%2BZZv%2BZmf%2BZzP%2BZ%2F%2F%2FMAP%2FMM%2F%2FMZv%2FMmf%2FMzP%2FM%2F%2F%2F%2FAP%2F%2FM%2F%2F%2FZv%2F%2Fmf%2F%2FzP%2F%2F%2FywAAAAAAQABAAAIBAAZBAQAOw%3D%3D"
+         style="width:51px; height:51px; display:inline; position:relative; top:51px; right:51px; padding:0; border:1px solid blue; margin:0;"/>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/inline--position-relative--01.xhtml b/layout/reftests/svg/sizing/inline--position-relative--01.xhtml
new file mode 100644
index 0000000000..0e4c334fd1
--- /dev/null
+++ b/layout/reftests/svg/sizing/inline--position-relative--01.xhtml
@@ -0,0 +1,47 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: position:relative with width="51" height="51"</title>
+    <link rel="stylesheet" type="text/css" href="ahem.css" />
+
+    <!--
+    This testcase checks that SVG embedded inline with position:relative is
+    positioned correctly.
+    -->
+
+  </head>
+  <body style="font: 10px/12px Ahem">
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+
+    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"
+         style="position:relative; top:51px; right:51px; padding:0; border:1px solid blue; margin:0;">
+      <rect width="100%" height="100%" fill="blue"/>
+    </svg>
+
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+    Padding text. Padding text. Padding text. Padding text. Padding text.
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-0.html b/layout/reftests/svg/sizing/object--auto-auto--0-0.html
new file mode 100644
index 0000000000..4601a0c37a
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-0.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="0" height="0"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic width and
+    height of the embedded SVG. Since the intrinsic width and height are both
+    zero, you should not see any red when viewing this file.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  border: 0;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--0-0.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-0.svg b/layout/reftests/svg/sizing/object--auto-auto--0-0.svg
new file mode 100644
index 0000000000..fa0eddd82c
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-0.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--0-0.html</title>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-pct--ref.html b/layout/reftests/svg/sizing/object--auto-auto--0-pct--ref.html
new file mode 100644
index 0000000000..1dff62fda5
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-pct--ref.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--0-pct.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  width: 0;
+  height: 150px;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-pct.html b/layout/reftests/svg/sizing/object--auto-auto--0-pct.html
new file mode 100644
index 0000000000..92e266e5fd
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-pct.html
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="0" height="49%"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic
+    width of the embedded SVG but ignores the (percentage) height.
+    Since the intrinsic width is zero, you should see a 1px blue border
+    around rectangle 0px wide by 150px high when viewing this file. You
+    should not see any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--0-pct.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-pct.svg b/layout/reftests/svg/sizing/object--auto-auto--0-pct.svg
new file mode 100644
index 0000000000..e955c400f0
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-pct.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--0-pct.html</title>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-px--ref.html b/layout/reftests/svg/sizing/object--auto-auto--0-px--ref.html
new file mode 100644
index 0000000000..5c44bf52b6
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-px--ref.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--0-px.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  width: 0;
+  height: 70px;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-px.html b/layout/reftests/svg/sizing/object--auto-auto--0-px.html
new file mode 100644
index 0000000000..ec0d8d694e
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-px.html
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="0" height="70px"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic width and
+    height of the embedded SVG. Since the intrinsic width is zero and the
+    intrinsic height is 70px, you should see a 1px blue border around a
+    rectangle 0px wide by 70px high when viewing this file. You should not see
+    any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--0-px.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--0-px.svg b/layout/reftests/svg/sizing/object--auto-auto--0-px.svg
new file mode 100644
index 0000000000..0b4b0984d4
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--0-px.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--0-px.html</title>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-0--ref.html b/layout/reftests/svg/sizing/object--auto-auto--pct-0--ref.html
new file mode 100644
index 0000000000..257ff52684
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-0--ref.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--pct-0.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  width: 300px;
+  height: 0;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-0.html b/layout/reftests/svg/sizing/object--auto-auto--pct-0.html
new file mode 100644
index 0000000000..231d4e4b3c
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-0.html
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="49%" height="0"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic
+    height of the embedded SVG, but ignores the percentage intrinsic
+    width. Since the intrinsic height is zero, you should see a 1px blue
+    border around a rectangle 300px wide by 0px high when viewing this
+    file. You should not see any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--pct-0.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-0.svg b/layout/reftests/svg/sizing/object--auto-auto--pct-0.svg
new file mode 100644
index 0000000000..d460c2fa69
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-0.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--pct-0.html</title>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-pct--ref.html b/layout/reftests/svg/sizing/object--auto-auto--pct-pct--ref.html
new file mode 100644
index 0000000000..8e9ae6f878
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-pct--ref.html
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--pct-pct.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 0;
+  margin: 50px;
+  width: 49%;
+  height: 49%;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-pct.html b/layout/reftests/svg/sizing/object--auto-auto--pct-pct.html
new file mode 100644
index 0000000000..3d05e12c41
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-pct.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="49%" height="49%"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic width and
+    height of the embedded SVG. Since the intrinsic width and height are both
+    49%, you should see a blue rectangle 49% wide by 49% high when viewing this
+    file. You should not see any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--pct-pct.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-pct.svg b/layout/reftests/svg/sizing/object--auto-auto--pct-pct.svg
new file mode 100644
index 0000000000..c96b04a738
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-pct.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--pct-pct.html</title>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-px--ref.html b/layout/reftests/svg/sizing/object--auto-auto--pct-px--ref.html
new file mode 100644
index 0000000000..af3fa39a7d
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-px--ref.html
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--pct-px.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 0;
+  margin: 50px;
+  width: 49%;
+  height: 70px;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-px.html b/layout/reftests/svg/sizing/object--auto-auto--pct-px.html
new file mode 100644
index 0000000000..d711e1bda1
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-px.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="49%" height="70px"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic width and
+    height of the embedded SVG. Since the intrinsic width is 49% and the
+    intrinsic height is 70px, you should see a blue rectangle 49% wide by 70px
+    high when viewing this file. You should not see any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--pct-px.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--pct-px.svg b/layout/reftests/svg/sizing/object--auto-auto--pct-px.svg
new file mode 100644
index 0000000000..41fe8bd1d7
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--pct-px.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--pct-px.html</title>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-0--ref.html b/layout/reftests/svg/sizing/object--auto-auto--px-0--ref.html
new file mode 100644
index 0000000000..19a3ac08a6
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-0--ref.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--px-0.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  width: 70px;
+  height: 0;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-0.html b/layout/reftests/svg/sizing/object--auto-auto--px-0.html
new file mode 100644
index 0000000000..9bdd4ed4a1
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-0.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="70px" height="0"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic width and
+    height of the embedded SVG. Since the intrinsic width is 70px and the
+    intrinsic height is zero, you should see a 1px blue border around a
+    rectangle 70px wide by 0px high when viewing this file. You should not see
+    any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+object {
+  padding: 0;
+  border: 1px solid blue;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--px-0.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-0.svg b/layout/reftests/svg/sizing/object--auto-auto--px-0.svg
new file mode 100644
index 0000000000..9e0c2b1cf7
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-0.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--px-0.html</title>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-pct--ref.html b/layout/reftests/svg/sizing/object--auto-auto--px-pct--ref.html
new file mode 100644
index 0000000000..7464351dd5
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-pct--ref.html
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--px-pct.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 0;
+  margin: 50px;
+  width: 70px;
+  height: 49%;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-pct.html b/layout/reftests/svg/sizing/object--auto-auto--px-pct.html
new file mode 100644
index 0000000000..3d1591077e
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-pct.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="70px" height="49%"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic width and
+    height of the embedded SVG. Since the intrinsic width is 70px and the
+    intrinsic height is 49%, you should see a blue rectangle 70px wide by 49%
+    high when viewing this file. You should not see any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--px-pct.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-pct.svg b/layout/reftests/svg/sizing/object--auto-auto--px-pct.svg
new file mode 100644
index 0000000000..b409562ac3
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-pct.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--px-pct.html</title>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-px--ref.html b/layout/reftests/svg/sizing/object--auto-auto--px-px--ref.html
new file mode 100644
index 0000000000..8f7b4ff769
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-px--ref.html
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Reference for test object--auto-auto--px-px.html</title>
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  /* XXX Not sure why we get scrolling with 'div' but not 'object'. */
+  overflow: hidden;
+}
+
+div {
+  padding: 0;
+  border: 0;
+  margin: 50px;
+  width: 70px;
+  height: 70px;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-px.html b/layout/reftests/svg/sizing/object--auto-auto--px-px.html
new file mode 100644
index 0000000000..7cb3011b4a
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-px.html
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+    <title>Test: width:auto; height:auto; width="70px" height="70px"</title>
+
+    <!--
+    This testcase checks that the <object> element uses the intrinsic width and
+    height of the embedded SVG. Since the intrinsic width is 70px and the
+    intrinsic height is 70px, you should see a blue rectangle 70px wide by 70px
+    high when viewing this file. You should not see any red.
+    -->
+
+    <style type="text/css">
+
+html, body {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+object {
+  padding: 0;
+  margin: 50px;
+  background: red;
+}
+
+    </style>
+  </head>
+  <body>
+    <object data="object--auto-auto--px-px.svg" type="image/svg+xml">
+      FAIL
+    </object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/object--auto-auto--px-px.svg b/layout/reftests/svg/sizing/object--auto-auto--px-px.svg
new file mode 100644
index 0000000000..6721898076
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--auto-auto--px-px.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>SVG embedded by reference by object--auto-auto--px-px.html</title>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/object--pct-pct--0-0.html b/layout/reftests/svg/sizing/object--pct-pct--0-0.html
new file mode 100644
index 0000000000..22b287df62
--- /dev/null
+++ b/layout/reftests/svg/sizing/object--pct-pct--0-0.html
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+
+    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=288276 -->
+
+    <title>Test: the width/height of SVG embedded by reference must be overridden</title>
+
+    <style type="text/css">
+
+* {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: red;
+}
+
+    </style>
+
+  </head>
+  <body>
+    <!-- embedded SVG has width="0" height="0" which should be overridden -->
+    <object type="image/svg+xml" data="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPg0KICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJsaW1lIi8%2BDQo8L3N2Zz4%3D">FAILED TO LOAD</object>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/pass-empty.svg b/layout/reftests/svg/sizing/pass-empty.svg
new file mode 100644
index 0000000000..67be674dc3
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass-empty.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Reference SVG for comparisons</title>
+  <!-- empty -->
+</svg>
diff --git a/layout/reftests/svg/sizing/pass-pct-height-square.xhtml b/layout/reftests/svg/sizing/pass-pct-height-square.xhtml
new file mode 100644
index 0000000000..ac6a60d1b4
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass-pct-height-square.xhtml
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Reference file for comparisons</title>
+    <style type="text/css">
+
+* {
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+html, body {
+  height: 100%;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/gif;base64,R0lGODlhAQABAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgICAgMDAwP8AAAD%2FAP%2F%2FAAAA%2F%2F8A%2FwD%2F%2F%2F%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMwAAZgAAmQAAzAAA%2FwAzAAAzMwAzZgAzmQAzzAAz%2FwBmAABmMwBmZgBmmQBmzABm%2FwCZAACZMwCZZgCZmQCZzACZ%2FwDMAADMMwDMZgDMmQDMzADM%2FwD%2FAAD%2FMwD%2FZgD%2FmQD%2FzAD%2F%2FzMAADMAMzMAZjMAmTMAzDMA%2FzMzADMzMzMzZjMzmTMzzDMz%2FzNmADNmMzNmZjNmmTNmzDNm%2FzOZADOZMzOZZjOZmTOZzDOZ%2FzPMADPMMzPMZjPMmTPMzDPM%2FzP%2FADP%2FMzP%2FZjP%2FmTP%2FzDP%2F%2F2YAAGYAM2YAZmYAmWYAzGYA%2F2YzAGYzM2YzZmYzmWYzzGYz%2F2ZmAGZmM2ZmZmZmmWZmzGZm%2F2aZAGaZM2aZZmaZmWaZzGaZ%2F2bMAGbMM2bMZmbMmWbMzGbM%2F2b%2FAGb%2FM2b%2FZmb%2FmWb%2FzGb%2F%2F5kAAJkAM5kAZpkAmZkAzJkA%2F5kzAJkzM5kzZpkzmZkzzJkz%2F5lmAJlmM5lmZplmmZlmzJlm%2F5mZAJmZM5mZZpmZmZmZzJmZ%2F5nMAJnMM5nMZpnMmZnMzJnM%2F5n%2FAJn%2FM5n%2FZpn%2FmZn%2FzJn%2F%2F8wAAMwAM8wAZswAmcwAzMwA%2F8wzAMwzM8wzZswzmcwzzMwz%2F8xmAMxmM8xmZsxmmcxmzMxm%2F8yZAMyZM8yZZsyZmcyZzMyZ%2F8zMAMzMM8zMZszMmczMzMzM%2F8z%2FAMz%2FM8z%2FZsz%2Fmcz%2FzMz%2F%2F%2F8AAP8AM%2F8AZv8Amf8AzP8A%2F%2F8zAP8zM%2F8zZv8zmf8zzP8z%2F%2F9mAP9mM%2F9mZv9mmf9mzP9m%2F%2F%2BZAP%2BZM%2F%2BZZv%2BZmf%2BZzP%2BZ%2F%2F%2FMAP%2FMM%2F%2FMZv%2FMmf%2FMzP%2FM%2F%2F%2F%2FAP%2F%2FM%2F%2F%2FZv%2F%2Fmf%2F%2FzP%2F%2F%2FywAAAAAAQABAAAIBAAZBAQAOw%3D%3D"
+         style="height:49%;"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/pass-pct-pct.xhtml b/layout/reftests/svg/sizing/pass-pct-pct.xhtml
new file mode 100644
index 0000000000..e53d3e5fda
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass-pct-pct.xhtml
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Reference file for comparisons</title>
+    <style type="text/css">
+
+* {
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+div {
+  width: 49%;
+  height: 49%;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body><div></div></body>
+</html>
diff --git a/layout/reftests/svg/sizing/pass-pct-px.xhtml b/layout/reftests/svg/sizing/pass-pct-px.xhtml
new file mode 100644
index 0000000000..e1f5b4f7ae
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass-pct-px.xhtml
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Reference file for comparisons</title>
+    <style type="text/css">
+
+* {
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+div {
+  width: 49%;
+  height: 70px;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body><div></div></body>
+</html>
diff --git a/layout/reftests/svg/sizing/pass-pct-width-square.xhtml b/layout/reftests/svg/sizing/pass-pct-width-square.xhtml
new file mode 100644
index 0000000000..e257bde4aa
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass-pct-width-square.xhtml
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Reference file for comparisons</title>
+    <style type="text/css">
+
+* {
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+    </style>
+  </head>
+  <body>
+    <img src="data:image/gif;base64,R0lGODlhAQABAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgICAgMDAwP8AAAD%2FAP%2F%2FAAAA%2F%2F8A%2FwD%2F%2F%2F%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMwAAZgAAmQAAzAAA%2FwAzAAAzMwAzZgAzmQAzzAAz%2FwBmAABmMwBmZgBmmQBmzABm%2FwCZAACZMwCZZgCZmQCZzACZ%2FwDMAADMMwDMZgDMmQDMzADM%2FwD%2FAAD%2FMwD%2FZgD%2FmQD%2FzAD%2F%2FzMAADMAMzMAZjMAmTMAzDMA%2FzMzADMzMzMzZjMzmTMzzDMz%2FzNmADNmMzNmZjNmmTNmzDNm%2FzOZADOZMzOZZjOZmTOZzDOZ%2FzPMADPMMzPMZjPMmTPMzDPM%2FzP%2FADP%2FMzP%2FZjP%2FmTP%2FzDP%2F%2F2YAAGYAM2YAZmYAmWYAzGYA%2F2YzAGYzM2YzZmYzmWYzzGYz%2F2ZmAGZmM2ZmZmZmmWZmzGZm%2F2aZAGaZM2aZZmaZmWaZzGaZ%2F2bMAGbMM2bMZmbMmWbMzGbM%2F2b%2FAGb%2FM2b%2FZmb%2FmWb%2FzGb%2F%2F5kAAJkAM5kAZpkAmZkAzJkA%2F5kzAJkzM5kzZpkzmZkzzJkz%2F5lmAJlmM5lmZplmmZlmzJlm%2F5mZAJmZM5mZZpmZmZmZzJmZ%2F5nMAJnMM5nMZpnMmZnMzJnM%2F5n%2FAJn%2FM5n%2FZpn%2FmZn%2FzJn%2F%2F8wAAMwAM8wAZswAmcwAzMwA%2F8wzAMwzM8wzZswzmcwzzMwz%2F8xmAMxmM8xmZsxmmcxmzMxm%2F8yZAMyZM8yZZsyZmcyZzMyZ%2F8zMAMzMM8zMZszMmczMzMzM%2F8z%2FAMz%2FM8z%2FZsz%2Fmcz%2FzMz%2F%2F%2F8AAP8AM%2F8AZv8Amf8AzP8A%2F%2F8zAP8zM%2F8zZv8zmf8zzP8z%2F%2F9mAP9mM%2F9mZv9mmf9mzP9m%2F%2F%2BZAP%2BZM%2F%2BZZv%2BZmf%2BZzP%2BZ%2F%2F%2FMAP%2FMM%2F%2FMZv%2FMmf%2FMzP%2FM%2F%2F%2F%2FAP%2F%2FM%2F%2F%2FZv%2F%2Fmf%2F%2FzP%2F%2F%2FywAAAAAAQABAAAIBAAZBAQAOw%3D%3D"
+         style="width:49%;"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/sizing/pass-px-pct.xhtml b/layout/reftests/svg/sizing/pass-px-pct.xhtml
new file mode 100644
index 0000000000..73f92e2adc
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass-px-pct.xhtml
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Reference file for comparisons</title>
+    <style type="text/css">
+
+* {
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+div {
+  width: 70px;
+  height: 49%;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body><div></div></body>
+</html>
diff --git a/layout/reftests/svg/sizing/pass-px-px.xhtml b/layout/reftests/svg/sizing/pass-px-px.xhtml
new file mode 100644
index 0000000000..5e2f598d53
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass-px-px.xhtml
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Reference file for comparisons</title>
+    <style type="text/css">
+
+* {
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+div {
+  width: 70px;
+  height: 70px;
+  background: blue;
+}
+
+    </style>
+  </head>
+  <body><div></div></body>
+</html>
diff --git a/layout/reftests/svg/sizing/pass.svg b/layout/reftests/svg/sizing/pass.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/svg/sizing/pass.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/sizing/reftest.list b/layout/reftests/svg/sizing/reftest.list
new file mode 100644
index 0000000000..789d551147
--- /dev/null
+++ b/layout/reftests/svg/sizing/reftest.list
@@ -0,0 +1,317 @@
+
+# This directory contains tests that test the sizing of the SVG viewport into
+# which SVG is rendered. It includes tests for standalone SVG, SVG embedded by
+# reference using the HTML <object> element, and SVG rendered inline within
+# XHTML.
+#
+# SVG's <svg> element is a "replaced element". The main specification texts
+# covering how the <svg> element is sized are:
+#
+#   http://www.w3.org/TR/SVGMobile12/coords.html#InitialViewport
+#   http://www.w3.org/TR/SVGMobile12/coords.html#IntrinsicSizing
+#   http://www.w3.org/TR/CSS21/visudet.html
+
+!= scrollbars-01.svg scrollbars-01-anti-ref.svg
+!= scrollbars-02.svg scrollbars-01-anti-ref.svg
+
+# Standalone tests
+#
+# To get reasonable test coverage of the implementation of the replaced element
+# algorythm we test all permutations of the CSS 'width' and 'height' properties
+# having the values zero, auto, a px value or a percentage value, and of the
+# intrinsic width and height (the 'width' and 'height' attributes) having the
+# values zero, a px value or a percentage value. This gives us 4*4*3*3 == 144
+# tests. On top of that, there are 12 cases from the 144 permutations for which
+# the 'viewBox' attribute should have an affect (see below).
+#
+# In the file names for the standalone tests that follow, the first two fields
+# denote the type of value specified for the CSS 'width' and 'height'
+# properties, and the third and four fields denote the type of value used for
+# the intrinsic width and height (i.e. the 'width' and 'height' attributes).
+#
+# Note that the standalone SVG testcases can't test defaulting to 300x150 px
+# because SVG always has an intrinsic width and height. To get the size of an
+# SVG to default to 300x150 px the SVG will need to have a containing block
+# that depends on the SVG's size (e.g. a floating containing block). Again, see
+# below for those tests.
+
+== standalone--0-0--0-0.svg             pass-empty.svg
+== standalone--0-0--0-pct.svg           pass-empty.svg
+== standalone--0-0--0-px.svg            pass-empty.svg
+== standalone--0-0--pct-0.svg           pass-empty.svg
+== standalone--0-0--pct-pct.svg         pass-empty.svg
+== standalone--0-0--pct-px.svg          pass-empty.svg
+== standalone--0-0--px-0.svg            pass-empty.svg
+== standalone--0-0--px-pct.svg          pass-empty.svg
+== standalone--0-0--px-px.svg           pass-empty.svg
+
+== standalone--0-auto--0-0.svg          pass-empty.svg
+== standalone--0-auto--0-pct.svg        pass-empty.svg
+== standalone--0-auto--0-px.svg         pass-empty.svg
+== standalone--0-auto--pct-0.svg        pass-empty.svg
+== standalone--0-auto--pct-pct.svg      pass-empty.svg
+== standalone--0-auto--pct-px.svg       pass-empty.svg
+== standalone--0-auto--px-0.svg         pass-empty.svg
+== standalone--0-auto--px-pct.svg       pass-empty.svg
+== standalone--0-auto--px-px.svg        pass-empty.svg
+
+== standalone--0-pct--0-0.svg           pass-empty.svg
+== standalone--0-pct--0-pct.svg         pass-empty.svg
+== standalone--0-pct--0-px.svg          pass-empty.svg
+== standalone--0-pct--pct-0.svg         pass-empty.svg
+== standalone--0-pct--pct-pct.svg       pass-empty.svg
+== standalone--0-pct--pct-px.svg        pass-empty.svg
+== standalone--0-pct--px-0.svg          pass-empty.svg
+== standalone--0-pct--px-pct.svg        pass-empty.svg
+== standalone--0-pct--px-px.svg         pass-empty.svg
+
+== standalone--0-px--0-0.svg            pass-empty.svg
+== standalone--0-px--0-pct.svg          pass-empty.svg
+== standalone--0-px--0-px.svg           pass-empty.svg
+== standalone--0-px--pct-0.svg          pass-empty.svg
+== standalone--0-px--pct-pct.svg        pass-empty.svg
+== standalone--0-px--pct-px.svg         pass-empty.svg
+== standalone--0-px--px-0.svg           pass-empty.svg
+== standalone--0-px--px-pct.svg         pass-empty.svg
+== standalone--0-px--px-px.svg          pass-empty.svg
+
+== standalone--auto-0--0-0.svg          pass-empty.svg
+== standalone--auto-0--0-pct.svg        pass-empty.svg
+== standalone--auto-0--0-px.svg         pass-empty.svg
+== standalone--auto-0--pct-0.svg        pass-empty.svg
+== standalone--auto-0--pct-pct.svg      pass-empty.svg
+== standalone--auto-0--pct-px.svg       pass-empty.svg
+== standalone--auto-0--px-0.svg         pass-empty.svg
+== standalone--auto-0--px-pct.svg       pass-empty.svg
+== standalone--auto-0--px-px.svg        pass-empty.svg
+
+== standalone--auto-auto--0-0.svg       pass-empty.svg
+== standalone--auto-auto--0-pct.svg     pass-empty.svg
+== standalone--auto-auto--0-px.svg      pass-empty.svg
+== standalone--auto-auto--pct-0.svg     pass-empty.svg
+fuzzy-if(d2d,0-1,0-400) == standalone--auto-auto--pct-pct.svg   pass-pct-pct.xhtml
+== standalone--auto-auto--pct-px.svg    pass-pct-px.xhtml
+== standalone--auto-auto--px-0.svg      pass-empty.svg
+== standalone--auto-auto--px-pct.svg    pass-px-pct.xhtml
+== standalone--auto-auto--px-px.svg     pass-px-px.xhtml
+
+== standalone--auto-pct--0-0.svg        pass-empty.svg
+== standalone--auto-pct--0-pct.svg      pass-empty.svg
+== standalone--auto-pct--0-px.svg       pass-empty.svg
+fuzzy-if(d2d,0-1,0-400) == standalone--auto-pct--pct-0.svg      pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--auto-pct--pct-pct.svg    pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--auto-pct--pct-px.svg     pass-pct-pct.xhtml
+== standalone--auto-pct--px-0.svg       pass-px-pct.xhtml
+== standalone--auto-pct--px-pct.svg     pass-px-pct.xhtml
+fuzzy-if(d2d,0-1,0-1000) == standalone--auto-pct--px-px.svg      pass-pct-height-square.xhtml # intrinsic ratio!
+
+== standalone--auto-px--0-0.svg         pass-empty.svg
+== standalone--auto-px--0-pct.svg       pass-empty.svg
+== standalone--auto-px--0-px.svg        pass-empty.svg
+== standalone--auto-px--pct-0.svg       pass-pct-px.xhtml
+== standalone--auto-px--pct-pct.svg     pass-pct-px.xhtml
+== standalone--auto-px--pct-px.svg      pass-pct-px.xhtml
+== standalone--auto-px--px-0.svg        pass-px-px.xhtml
+== standalone--auto-px--px-pct.svg      pass-px-px.xhtml
+== standalone--auto-px--px-px.svg       pass-px-px.xhtml # intrinsic ratio!
+
+== standalone--pct-0--0-0.svg           pass-empty.svg
+== standalone--pct-0--0-pct.svg         pass-empty.svg
+== standalone--pct-0--0-px.svg          pass-empty.svg
+== standalone--pct-0--pct-0.svg         pass-empty.svg
+== standalone--pct-0--pct-pct.svg       pass-empty.svg
+== standalone--pct-0--pct-px.svg        pass-empty.svg
+== standalone--pct-0--px-0.svg          pass-empty.svg
+== standalone--pct-0--px-pct.svg        pass-empty.svg
+== standalone--pct-0--px-px.svg         pass-empty.svg
+
+== standalone--pct-auto--0-0.svg        pass-empty.svg
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-auto--0-pct.svg      pass-pct-pct.xhtml
+== standalone--pct-auto--0-px.svg       pass-pct-px.xhtml
+== standalone--pct-auto--pct-0.svg      pass-empty.svg
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-auto--pct-pct.svg    pass-pct-pct.xhtml
+== standalone--pct-auto--pct-px.svg     pass-pct-px.xhtml
+== standalone--pct-auto--px-0.svg       pass-empty.svg
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-auto--px-pct.svg     pass-pct-pct.xhtml
+== standalone--pct-auto--px-px.svg      pass-pct-width-square.xhtml # intrinsic ratio!
+
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--0-0.svg         pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--0-pct.svg       pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--0-px.svg        pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--pct-0.svg       pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--pct-pct.svg     pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--pct-px.svg      pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--px-0.svg        pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--px-pct.svg      pass-pct-pct.xhtml
+fuzzy-if(d2d,0-1,0-400) == standalone--pct-pct--px-px.svg       pass-pct-pct.xhtml
+
+== standalone--pct-px--0-0.svg          pass-pct-px.xhtml
+== standalone--pct-px--0-pct.svg        pass-pct-px.xhtml
+== standalone--pct-px--0-px.svg         pass-pct-px.xhtml
+== standalone--pct-px--pct-0.svg        pass-pct-px.xhtml
+== standalone--pct-px--pct-pct.svg      pass-pct-px.xhtml
+== standalone--pct-px--pct-px.svg       pass-pct-px.xhtml
+== standalone--pct-px--px-0.svg         pass-pct-px.xhtml
+== standalone--pct-px--px-pct.svg       pass-pct-px.xhtml
+== standalone--pct-px--px-px.svg        pass-pct-px.xhtml
+
+== standalone--px-0--0-0.svg            pass-empty.svg
+== standalone--px-0--0-pct.svg          pass-empty.svg
+== standalone--px-0--0-px.svg           pass-empty.svg
+== standalone--px-0--pct-0.svg          pass-empty.svg
+== standalone--px-0--pct-pct.svg        pass-empty.svg
+== standalone--px-0--pct-px.svg         pass-empty.svg
+== standalone--px-0--px-0.svg           pass-empty.svg
+== standalone--px-0--px-pct.svg         pass-empty.svg
+== standalone--px-0--px-px.svg          pass-empty.svg
+
+== standalone--px-auto--0-0.svg         pass-empty.svg
+== standalone--px-auto--0-pct.svg       pass-px-pct.xhtml
+== standalone--px-auto--0-px.svg        pass-px-px.xhtml
+== standalone--px-auto--pct-0.svg       pass-empty.svg
+== standalone--px-auto--pct-pct.svg     pass-px-pct.xhtml
+== standalone--px-auto--pct-px.svg      pass-px-px.xhtml
+== standalone--px-auto--px-0.svg        pass-empty.svg
+== standalone--px-auto--px-pct.svg      pass-px-pct.xhtml
+== standalone--px-auto--px-px.svg       pass-px-px.xhtml # intrinsic ratio!
+
+== standalone--px-pct--0-0.svg          pass-px-pct.xhtml
+== standalone--px-pct--0-pct.svg        pass-px-pct.xhtml
+== standalone--px-pct--0-px.svg         pass-px-pct.xhtml
+== standalone--px-pct--pct-0.svg        pass-px-pct.xhtml
+== standalone--px-pct--pct-pct.svg      pass-px-pct.xhtml
+== standalone--px-pct--pct-px.svg       pass-px-pct.xhtml
+== standalone--px-pct--px-0.svg         pass-px-pct.xhtml
+== standalone--px-pct--px-pct.svg       pass-px-pct.xhtml
+== standalone--px-pct--px-px.svg        pass-px-pct.xhtml
+
+== standalone--px-px--0-0.svg           pass-px-px.xhtml
+== standalone--px-px--0-pct.svg         pass-px-px.xhtml
+== standalone--px-px--0-px.svg          pass-px-px.xhtml
+== standalone--px-px--pct-0.svg         pass-px-px.xhtml
+== standalone--px-px--pct-pct.svg       pass-px-px.xhtml
+== standalone--px-px--pct-px.svg        pass-px-px.xhtml
+== standalone--px-px--px-0.svg          pass-px-px.xhtml
+== standalone--px-px--px-pct.svg        pass-px-px.xhtml
+== standalone--px-px--px-px.svg         pass-px-px.xhtml
+
+
+# As mentioned above, the 'viewBox' attribute may play a part in the sizing of
+# the SVG viewport in 12 of the 144 standalone tests above. The 'viewBox'
+# attribute only affects the replaced element sizing algorithm (by providing an
+# intrinsic ratio) when the SVG 'width' and 'height' attributes don't provide
+# an intrinsic ratio but the algorithm says the intrinsic ratio should be used
+# if avaliable. In other words, this is when one of the CSS properties 'width'
+# or 'height' has the value 'auto' and the other has a non-zero value, while
+# one or both of the SVG 'width' and 'height' attributes has a percentage
+# value. For the standalone tests above that means the value of the 'viewBox'
+# attribute matters in the 12 cases that follow.
+#
+# XXX We could also check that 'viewBox' does NOT have an affect in the other
+# cases.
+#
+# XXX What about cases like standalone--auto-pct--0-px--viewBox.svg? Is the
+# intrinsic ratio zero and not used, or should we use the viewBox ratio?
+
+== standalone--auto-pct--pct-pct--viewBox.svg   pass-pct-height-square.xhtml
+== standalone--auto-pct--pct-px--viewBox.svg    pass-pct-height-square.xhtml
+== standalone--auto-pct--px-pct--viewBox.svg    pass-pct-height-square.xhtml
+== standalone--auto-px--pct-pct--viewBox.svg    pass-px-px.xhtml
+== standalone--auto-px--pct-px--viewBox.svg     pass-px-px.xhtml
+== standalone--auto-px--px-pct--viewBox.svg     pass-px-px.xhtml
+== standalone--pct-auto--pct-pct--viewBox.svg   pass-pct-width-square.xhtml
+== standalone--pct-auto--pct-px--viewBox.svg    pass-pct-width-square.xhtml
+== standalone--pct-auto--px-pct--viewBox.svg    pass-pct-width-square.xhtml
+== standalone--px-auto--pct-pct--viewBox.svg    pass-px-px.xhtml
+== standalone--px-auto--pct-px--viewBox.svg     pass-px-px.xhtml
+== standalone--px-auto--px-pct--viewBox.svg     pass-px-px.xhtml
+
+
+# Sanity tests. These tests check that our choice of percentage width (49%)
+# doesn't coincidently result in the same width as our choice of px width
+# (70px) or the fall back width (300 px), and that our choice of percentage
+# height (49%) doesn't coincidently result in the same height as our choice of
+# px height (70px) or the fall back height (150 px). This ensures that we won't
+# miss false positives for the tests:
+#
+#   standalone--pct-xxx--px-xxx.svg
+#   standalone--xxx-pct--xxx-px.svg
+#   standalone--px-xxx--pct-xxx.svg
+#   standalone--xxx-px--xxx-pct.svg
+#
+# if the user agent ignores the CSS property and uses the attribute instead.
+# This will happen if the content area width is 612 px or the content height is
+# 306 px. Hopefully it's unlikely testers will encounter this.
+
+!= standalone-sanity-width-pct.svg      standalone-sanity-width-px.svg
+!= standalone-sanity-width-pct.svg      standalone-sanity-width-300px.svg
+!= standalone-sanity-height-pct.svg     standalone-sanity-height-px.svg
+!= standalone-sanity-height-pct.svg     standalone-sanity-height-150px.svg
+
+
+# Embedded inline tests
+#
+# The standalone tests provide a reasonable workout for replaced element
+# algorithm sizing, but we also want to test that SVG embedded inline is
+# positioned correctly when the properties 'display', 'float' and 'position'
+# are set to different values.
+#
+# We could certainly expand on these tests, but they provide reasonable base
+# coverage.
+
+== inline--display-block--01.xhtml inline--display-block--01-ref.xhtml
+fuzzy-if(OSX,0-1,0-10) == inline--display-inline--01.xhtml inline--display-inline--01-ref.xhtml
+== inline--display-inline-block--01.xhtml inline--display-inline-block--01-ref.xhtml
+== inline--float-left--01.xhtml            inline--float-left--01-ref.xhtml
+== inline--float-right--01.xhtml           inline--float-right--01-ref.xhtml
+== inline--position-absolute--01.xhtml     inline--position-absolute--01-ref.xhtml
+== inline--position-absolute--02.xhtml     pass.svg
+== inline--position-relative--01.xhtml    inline--position-relative--01-ref.xhtml
+
+
+# Embedded by reference tests
+#
+# One issue when it comes to documents embedded by reference is whether
+# non-'auto' values for the CSS 'width' and 'height' properties on the
+# _embedded_ document's root element should be used as intrinsic values by
+# replaced elements like HTML <object>. For the sake of simplicity we will
+# ignore this case for now, but it's certainly worth revisiting at some point
+# in the future.
+#
+# Since we have given the replaced element algorithm a reasonable workout in
+# the standalone tests, for the embedded by reference tests we will simply
+# check that the embedded SVG's intrinsic dimensions are used. The following
+# tests do not have any width or height on the <object> element so they should
+# be sized purely by the embedded SVG's intrinsic size.
+
+random-if(Android) == object--auto-auto--0-0.html          pass-empty.svg # XXX add border
+random-if(Android) == object--auto-auto--0-pct.html        object--auto-auto--0-pct--ref.html
+random-if(Android) == object--auto-auto--0-px.html         object--auto-auto--0-px--ref.html
+random-if(Android) == object--auto-auto--pct-0.html        object--auto-auto--pct-0--ref.html
+# The following four commented out tests fail post bug 428023:
+#== object--auto-auto--pct-pct.html      object--auto-auto--pct-pct--ref.html
+#== object--auto-auto--pct-px.html       object--auto-auto--pct-px--ref.html
+random-if(Android) == object--auto-auto--px-0.html         object--auto-auto--px-0--ref.html
+#== object--auto-auto--px-pct.html       object--auto-auto--px-pct--ref.html
+random-if(Android) == object--auto-auto--px-px.html        object--auto-auto--px-px--ref.html
+#== object--pct-pct--0-0.html            pass.svg
+
+
+# Assorted tests to check that dynamic changes work correctly
+#
+# Here we have an assortment of different tests to check that updates occur
+# correctly when changes are made that should result in a change in the size
+# or position of the SVG.
+
+== dynamic--inline-css-height.xhtml             pass.svg
+== dynamic--inline-css-width.xhtml              pass.svg
+skip == dynamic--inline-resize-window-height.xhtml  pass.svg # XXX breaks the reftest run as the window height somehow is not restored
+skip == dynamic--inline-resize-window-width.xhtml    pass.svg # Fails way too much
+random-if(Android) == dynamic--object-svg-unloaded.xhtml     pass.svg
+# == dynamic--object--auto-auto--pct-px.html 
+
+# FIXME(dlrobertson): Blink and WebKit do no not pass the following tests due
+# due to a difference in surface size calculation.
+== canvas-drawImage-no-width-or-height.html canvas-drawImage-no-width-or-height-ref.html
+== canvas-drawImage-width-with-no-height.html canvas-drawImage-width-with-no-height-ref.html
+== canvas-drawImage-height-with-no-width.html canvas-drawImage-height-with-no-width-ref.html
diff --git a/layout/reftests/svg/sizing/scrollbars-01-anti-ref.svg b/layout/reftests/svg/sizing/scrollbars-01-anti-ref.svg
new file mode 100644
index 0000000000..a8d92e0847
--- /dev/null
+++ b/layout/reftests/svg/sizing/scrollbars-01-anti-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=771935 -->
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/scrollbars-01.svg b/layout/reftests/svg/sizing/scrollbars-01.svg
new file mode 100644
index 0000000000..4433307db4
--- /dev/null
+++ b/layout/reftests/svg/sizing/scrollbars-01.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="101%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=771935 -->
+
+  <title>Test that we're given scrollbars if wider than the browser's content area</title>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/scrollbars-02.svg b/layout/reftests/svg/sizing/scrollbars-02.svg
new file mode 100644
index 0000000000..9f9bc4af4e
--- /dev/null
+++ b/layout/reftests/svg/sizing/scrollbars-02.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="101%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=771935 -->
+
+  <title>Test that we're given scrollbars if wider than the browser's content area</title>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--0-0.svg b/layout/reftests/svg/sizing/standalone--0-0--0-0.svg
new file mode 100644
index 0000000000..06ee1b22b8
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--0-pct.svg b/layout/reftests/svg/sizing/standalone--0-0--0-pct.svg
new file mode 100644
index 0000000000..e5a9a9f777
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--0-px.svg b/layout/reftests/svg/sizing/standalone--0-0--0-px.svg
new file mode 100644
index 0000000000..5fa9391ad6
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="0" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--pct-0.svg b/layout/reftests/svg/sizing/standalone--0-0--pct-0.svg
new file mode 100644
index 0000000000..a017d7d66a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--pct-pct.svg b/layout/reftests/svg/sizing/standalone--0-0--pct-pct.svg
new file mode 100644
index 0000000000..8f50583adf
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--pct-px.svg b/layout/reftests/svg/sizing/standalone--0-0--pct-px.svg
new file mode 100644
index 0000000000..5ceba989bf
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="49%" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--px-0.svg b/layout/reftests/svg/sizing/standalone--0-0--px-0.svg
new file mode 100644
index 0000000000..3bcf767095
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="70" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--px-pct.svg b/layout/reftests/svg/sizing/standalone--0-0--px-pct.svg
new file mode 100644
index 0000000000..c414d1301a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="70" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-0--px-px.svg b/layout/reftests/svg/sizing/standalone--0-0--px-px.svg
new file mode 100644
index 0000000000..8bb0391948
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-0--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:0;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:0; width="70" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' and 'height' properties
+    to zero prevents the SVG from being displayed. You should not see any red
+    when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--0-0.svg b/layout/reftests/svg/sizing/standalone--0-auto--0-0.svg
new file mode 100644
index 0000000000..a7f9833d75
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--0-pct.svg b/layout/reftests/svg/sizing/standalone--0-auto--0-pct.svg
new file mode 100644
index 0000000000..206b4111cf
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--0-px.svg b/layout/reftests/svg/sizing/standalone--0-auto--0-px.svg
new file mode 100644
index 0000000000..e130c8ffc1
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="0" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--pct-0.svg b/layout/reftests/svg/sizing/standalone--0-auto--pct-0.svg
new file mode 100644
index 0000000000..25f4e4dd9e
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--pct-pct.svg b/layout/reftests/svg/sizing/standalone--0-auto--pct-pct.svg
new file mode 100644
index 0000000000..c9bfd7ac3f
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--pct-px.svg b/layout/reftests/svg/sizing/standalone--0-auto--pct-px.svg
new file mode 100644
index 0000000000..c86f758553
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="49%" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--px-0.svg b/layout/reftests/svg/sizing/standalone--0-auto--px-0.svg
new file mode 100644
index 0000000000..38fca0bd7f
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="70" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--px-pct.svg b/layout/reftests/svg/sizing/standalone--0-auto--px-pct.svg
new file mode 100644
index 0000000000..7fc50a5b6a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="70" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-auto--px-px.svg b/layout/reftests/svg/sizing/standalone--0-auto--px-px.svg
new file mode 100644
index 0000000000..a7d132473d
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-auto--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:auto;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:auto; width="70" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--0-0.svg b/layout/reftests/svg/sizing/standalone--0-pct--0-0.svg
new file mode 100644
index 0000000000..9938ee6892
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--0-pct.svg b/layout/reftests/svg/sizing/standalone--0-pct--0-pct.svg
new file mode 100644
index 0000000000..8917bf10fe
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="0" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="0" height="10%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--0-px.svg b/layout/reftests/svg/sizing/standalone--0-pct--0-px.svg
new file mode 100644
index 0000000000..5d1ccdc873
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="0" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="0" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--pct-0.svg b/layout/reftests/svg/sizing/standalone--0-pct--pct-0.svg
new file mode 100644
index 0000000000..8df3fa2c79
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="10%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="10%" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--pct-pct.svg b/layout/reftests/svg/sizing/standalone--0-pct--pct-pct.svg
new file mode 100644
index 0000000000..22c6a8f817
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:90%;" width="10%" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="10%" height="10%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--pct-px.svg b/layout/reftests/svg/sizing/standalone--0-pct--pct-px.svg
new file mode 100644
index 0000000000..99e317c310
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="10%" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="10%" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--px-0.svg b/layout/reftests/svg/sizing/standalone--0-pct--px-0.svg
new file mode 100644
index 0000000000..98e1a83803
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="10" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="10" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--px-pct.svg b/layout/reftests/svg/sizing/standalone--0-pct--px-pct.svg
new file mode 100644
index 0000000000..cb06033245
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="10" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="10" height="10%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-pct--px-px.svg b/layout/reftests/svg/sizing/standalone--0-pct--px-px.svg
new file mode 100644
index 0000000000..80e9c1ac88
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-pct--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:49%;" width="10" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:49%; width="10" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--0-0.svg b/layout/reftests/svg/sizing/standalone--0-px--0-0.svg
new file mode 100644
index 0000000000..6ee5a3b425
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--0-pct.svg b/layout/reftests/svg/sizing/standalone--0-px--0-pct.svg
new file mode 100644
index 0000000000..9b62bac9dd
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--0-px.svg b/layout/reftests/svg/sizing/standalone--0-px--0-px.svg
new file mode 100644
index 0000000000..a324130290
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="0" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="0" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--pct-0.svg b/layout/reftests/svg/sizing/standalone--0-px--pct-0.svg
new file mode 100644
index 0000000000..c9179e12ed
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--pct-pct.svg b/layout/reftests/svg/sizing/standalone--0-px--pct-pct.svg
new file mode 100644
index 0000000000..c4d82009cb
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--pct-px.svg b/layout/reftests/svg/sizing/standalone--0-px--pct-px.svg
new file mode 100644
index 0000000000..df2055df87
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="49%" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="49%" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--px-0.svg b/layout/reftests/svg/sizing/standalone--0-px--px-0.svg
new file mode 100644
index 0000000000..920cf6ef27
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="10" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="10" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--px-pct.svg b/layout/reftests/svg/sizing/standalone--0-px--px-pct.svg
new file mode 100644
index 0000000000..bf9200e159
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="10" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="10" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--0-px--px-px.svg b/layout/reftests/svg/sizing/standalone--0-px--px-px.svg
new file mode 100644
index 0000000000..7a62c3f633
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--0-px--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:0; height:70px;" width="10" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:0; height:70px; width="10" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'width' property to zero prevents
+    the SVG from being displayed. You should not see any red when viewing this
+    file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--0-0.svg b/layout/reftests/svg/sizing/standalone--auto-0--0-0.svg
new file mode 100644
index 0000000000..4dd222ddc1
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--0-pct.svg b/layout/reftests/svg/sizing/standalone--auto-0--0-pct.svg
new file mode 100644
index 0000000000..c564b9fd0d
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--0-px.svg b/layout/reftests/svg/sizing/standalone--auto-0--0-px.svg
new file mode 100644
index 0000000000..44defae6b6
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="0" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="0" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--pct-0.svg b/layout/reftests/svg/sizing/standalone--auto-0--pct-0.svg
new file mode 100644
index 0000000000..649b8224cc
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--pct-pct.svg b/layout/reftests/svg/sizing/standalone--auto-0--pct-pct.svg
new file mode 100644
index 0000000000..8c9b139b7b
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--pct-px.svg b/layout/reftests/svg/sizing/standalone--auto-0--pct-px.svg
new file mode 100644
index 0000000000..f62c14757d
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="49%" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="49%" height="10"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--px-0.svg b/layout/reftests/svg/sizing/standalone--auto-0--px-0.svg
new file mode 100644
index 0000000000..5e38222fca
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="70" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--px-pct.svg b/layout/reftests/svg/sizing/standalone--auto-0--px-pct.svg
new file mode 100644
index 0000000000..cb77527312
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="70" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-0--px-px.svg b/layout/reftests/svg/sizing/standalone--auto-0--px-px.svg
new file mode 100644
index 0000000000..f4b0539ba9
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-0--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:0;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:0; width="70" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--0-0.svg b/layout/reftests/svg/sizing/standalone--auto-auto--0-0.svg
new file mode 100644
index 0000000000..4156c11b41
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--0-0.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="0" height="0"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. Setting the
+    'width' and 'height' attributes to zero should prevent the SVG from being
+    displayed. You should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--0-pct.svg b/layout/reftests/svg/sizing/standalone--auto-auto--0-pct.svg
new file mode 100644
index 0000000000..b72fafff85
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--0-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="0" height="49%"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. Setting the
+    'width' attributes to zero should prevent the SVG from being displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--0-px.svg b/layout/reftests/svg/sizing/standalone--auto-auto--0-px.svg
new file mode 100644
index 0000000000..284d422bad
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--0-px.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="0" height="70"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. Setting the
+    'width' attributes to zero should prevent the SVG from being displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--pct-0.svg b/layout/reftests/svg/sizing/standalone--auto-auto--pct-0.svg
new file mode 100644
index 0000000000..fb93cccc8a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--pct-0.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="49%" height="0"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. Setting the
+    'height' attributes to zero should prevent the SVG from being displayed.
+    You should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--pct-pct.svg b/layout/reftests/svg/sizing/standalone--auto-auto--pct-pct.svg
new file mode 100644
index 0000000000..4692dfc6fa
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="49%" height="49%"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. You should see
+    a blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--pct-px.svg b/layout/reftests/svg/sizing/standalone--auto-auto--pct-px.svg
new file mode 100644
index 0000000000..be7d7736c5
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="49%" height="70"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. You should see
+    a blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--px-0.svg b/layout/reftests/svg/sizing/standalone--auto-auto--px-0.svg
new file mode 100644
index 0000000000..1ee6488d68
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--px-0.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="70" height="0"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. Setting the
+    'height' attributes to zero should prevent the SVG from being displayed.
+    You should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--px-pct.svg b/layout/reftests/svg/sizing/standalone--auto-auto--px-pct.svg
new file mode 100644
index 0000000000..97efb10be5
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="70" height="49%"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. You should see
+    a blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-auto--px-px.svg b/layout/reftests/svg/sizing/standalone--auto-auto--px-px.svg
new file mode 100644
index 0000000000..20c2717b55
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-auto--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:auto;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:auto; width="70" height="70"</title>
+
+  <desc>
+    This test checks that the 'width' and 'height' attributes are used when the
+    CSS 'width' and 'height' properties are both set to 'auto'. You should see
+    a blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--0-0.svg b/layout/reftests/svg/sizing/standalone--auto-pct--0-0.svg
new file mode 100644
index 0000000000..8b76885e1c
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--0-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. Since the
+    'width' attribute is set to zero, nothing should be displayed. You should
+    not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--0-pct.svg b/layout/reftests/svg/sizing/standalone--auto-pct--0-pct.svg
new file mode 100644
index 0000000000..6409627b4c
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--0-pct.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="0" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="0" height="10%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. Since the
+    'width' attribute is set to zero, nothing should be displayed. You should
+    not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--0-px.svg b/layout/reftests/svg/sizing/standalone--auto-pct--0-px.svg
new file mode 100644
index 0000000000..0e1edda2ed
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--0-px.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="0" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="0" height="10"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. Since the
+    'width' attribute is set to zero, nothing should be displayed. You should
+    not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--pct-0.svg b/layout/reftests/svg/sizing/standalone--auto-pct--pct-0.svg
new file mode 100644
index 0000000000..85c961c788
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--pct-0.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--pct-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--auto-pct--pct-pct--viewBox.svg
new file mode 100644
index 0000000000..c7262a5ebd
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--pct-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="20%" height="10%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="20%" height="10%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'width' property is set to 'auto', the
+    'height' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides 49% the height of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--pct-pct.svg b/layout/reftests/svg/sizing/standalone--auto-pct--pct-pct.svg
new file mode 100644
index 0000000000..4c3e98c00e
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--pct-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="49%" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="49%" height="10%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--pct-px--viewBox.svg b/layout/reftests/svg/sizing/standalone--auto-pct--pct-px--viewBox.svg
new file mode 100644
index 0000000000..caf4a17d91
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--pct-px--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="10%" height="10"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="10%" height="10" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'width' property is set to 'auto', the
+    'height' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides 49% the height of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--pct-px.svg b/layout/reftests/svg/sizing/standalone--auto-pct--pct-px.svg
new file mode 100644
index 0000000000..d6c789f7e1
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--pct-px.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="49%" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="49%" height="10"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--px-0.svg b/layout/reftests/svg/sizing/standalone--auto-pct--px-0.svg
new file mode 100644
index 0000000000..c2fd1e603b
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--px-0.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="70" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--px-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--auto-pct--px-pct--viewBox.svg
new file mode 100644
index 0000000000..f2a789684a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--px-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="70" height="10%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="70" height="10%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'width' property is set to 'auto', the
+    'height' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides 49% the height of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--px-pct.svg b/layout/reftests/svg/sizing/standalone--auto-pct--px-pct.svg
new file mode 100644
index 0000000000..4c601494a9
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--px-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="70" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="70" height="10%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-pct--px-px.svg b/layout/reftests/svg/sizing/standalone--auto-pct--px-px.svg
new file mode 100644
index 0000000000..ffe7fd570d
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-pct--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:49%;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:49%; width="70" height="70"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio (1:1) will be used since the
+    CSS 'width' property is set to auto. You should see a blue square with
+    sides 49% the height of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--0-0.svg b/layout/reftests/svg/sizing/standalone--auto-px--0-0.svg
new file mode 100644
index 0000000000..df1800ec28
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--0-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. Since the
+    'width' attribute is set to zero, nothing should be displayed. You should
+    not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--0-pct.svg b/layout/reftests/svg/sizing/standalone--auto-px--0-pct.svg
new file mode 100644
index 0000000000..ffb2400a62
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--0-pct.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. Since the
+    'width' attribute is set to zero, nothing should be displayed. You should
+    not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--0-px.svg b/layout/reftests/svg/sizing/standalone--auto-px--0-px.svg
new file mode 100644
index 0000000000..72809a1305
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--0-px.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="0" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="0" height="10"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. Since the
+    'width' attribute is set to zero, nothing should be displayed. You should
+    not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--pct-0.svg b/layout/reftests/svg/sizing/standalone--auto-px--pct-0.svg
new file mode 100644
index 0000000000..efdab07b21
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--pct-0.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--pct-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--auto-px--pct-pct--viewBox.svg
new file mode 100644
index 0000000000..f98e2b9d68
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--pct-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="10%" height="49%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="10%" height="49%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'width' property is set to 'auto', the
+    'height' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--pct-pct.svg b/layout/reftests/svg/sizing/standalone--auto-px--pct-pct.svg
new file mode 100644
index 0000000000..c5783ca175
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--pct-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--pct-px--viewBox.svg b/layout/reftests/svg/sizing/standalone--auto-px--pct-px--viewBox.svg
new file mode 100644
index 0000000000..1327012dca
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--pct-px--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="49%" height="10"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="49%" height="10" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'width' property is set to 'auto', the
+    'height' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--pct-px.svg b/layout/reftests/svg/sizing/standalone--auto-px--pct-px.svg
new file mode 100644
index 0000000000..91c62bb28c
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--pct-px.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="49%" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="49%" height="10"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--px-0.svg b/layout/reftests/svg/sizing/standalone--auto-px--px-0.svg
new file mode 100644
index 0000000000..32c113b429
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--px-0.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="70" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--px-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--auto-px--px-pct--viewBox.svg
new file mode 100644
index 0000000000..32151187a9
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--px-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="10" height="49%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="10" height="49%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'width' property is set to 'auto', the
+    'height' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--px-pct.svg b/layout/reftests/svg/sizing/standalone--auto-px--px-pct.svg
new file mode 100644
index 0000000000..fe35b2b1a0
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--px-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="70" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic width will be taken as the used
+    width when the CSS 'width' property is set to 'auto', the 'height' property
+    is set to some other value, and there is no intrinsic ratio. You should see
+    a blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--auto-px--px-px.svg b/layout/reftests/svg/sizing/standalone--auto-px--px-px.svg
new file mode 100644
index 0000000000..f7cfc6f9e4
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--auto-px--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:auto; height:70px;" width="1" height="1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:auto; height:70px; width="1" height="1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio (1:1) will be used since the
+    CSS 'width' property is set to auto. You should see a blue square with
+    sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--0-0.svg b/layout/reftests/svg/sizing/standalone--pct-0--0-0.svg
new file mode 100644
index 0000000000..788019e256
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--0-pct.svg b/layout/reftests/svg/sizing/standalone--pct-0--0-pct.svg
new file mode 100644
index 0000000000..b9734786bc
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--0-px.svg b/layout/reftests/svg/sizing/standalone--pct-0--0-px.svg
new file mode 100644
index 0000000000..f092b9a038
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="0" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--pct-0.svg b/layout/reftests/svg/sizing/standalone--pct-0--pct-0.svg
new file mode 100644
index 0000000000..bc29ce6a3e
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--pct-pct.svg b/layout/reftests/svg/sizing/standalone--pct-0--pct-pct.svg
new file mode 100644
index 0000000000..0cc62c5049
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--pct-px.svg b/layout/reftests/svg/sizing/standalone--pct-0--pct-px.svg
new file mode 100644
index 0000000000..c65ed72dca
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="49%" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--px-0.svg b/layout/reftests/svg/sizing/standalone--pct-0--px-0.svg
new file mode 100644
index 0000000000..2fb91a78d7
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="70" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--px-pct.svg b/layout/reftests/svg/sizing/standalone--pct-0--px-pct.svg
new file mode 100644
index 0000000000..32d8c31738
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="70" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-0--px-px.svg b/layout/reftests/svg/sizing/standalone--pct-0--px-px.svg
new file mode 100644
index 0000000000..99d685c106
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-0--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:0;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:0; width="70" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--0-0.svg b/layout/reftests/svg/sizing/standalone--pct-auto--0-0.svg
new file mode 100644
index 0000000000..1615ea6d37
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--0-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. Since
+    the 'height' attribute is set to zero, nothing should be displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--0-pct.svg b/layout/reftests/svg/sizing/standalone--pct-auto--0-pct.svg
new file mode 100644
index 0000000000..46b14f432c
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--0-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--0-px.svg b/layout/reftests/svg/sizing/standalone--pct-auto--0-px.svg
new file mode 100644
index 0000000000..44e82d75ad
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--0-px.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="0" height="70"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--pct-0.svg b/layout/reftests/svg/sizing/standalone--pct-auto--pct-0.svg
new file mode 100644
index 0000000000..bc9917af28
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--pct-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="10%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="10%" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. Since
+    the 'height' attribute is set to zero, nothing should be displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--pct-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--pct-auto--pct-pct--viewBox.svg
new file mode 100644
index 0000000000..f29e6fca75
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--pct-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="10%" height="20%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="10%" height="20%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'height' property is set to 'auto', the
+    'width' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides 49% the height of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--pct-pct.svg b/layout/reftests/svg/sizing/standalone--pct-auto--pct-pct.svg
new file mode 100644
index 0000000000..6c0dae659d
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--pct-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="10%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="10%" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--pct-px--viewBox.svg b/layout/reftests/svg/sizing/standalone--pct-auto--pct-px--viewBox.svg
new file mode 100644
index 0000000000..6622bd6f75
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--pct-px--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="10%" height="70"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="10%" height="70" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'height' property is set to 'auto', the
+    'width' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides 49% the height of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--pct-px.svg b/layout/reftests/svg/sizing/standalone--pct-auto--pct-px.svg
new file mode 100644
index 0000000000..c3bacfdff0
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--pct-px.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="10%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="10%" height="70"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--px-0.svg b/layout/reftests/svg/sizing/standalone--pct-auto--px-0.svg
new file mode 100644
index 0000000000..058d60b0cd
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--px-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="70" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. Since
+    the 'height' attribute is set to zero, nothing should be displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--px-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--pct-auto--px-pct--viewBox.svg
new file mode 100644
index 0000000000..9e5d41bf8a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--px-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="70" height="20%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="70" height="20%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'height' property is set to 'auto', the
+    'width' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides 49% the height of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--px-pct.svg b/layout/reftests/svg/sizing/standalone--pct-auto--px-pct.svg
new file mode 100644
index 0000000000..141fa273ff
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--px-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="70" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-auto--px-px.svg b/layout/reftests/svg/sizing/standalone--pct-auto--px-px.svg
new file mode 100644
index 0000000000..ef19a9be11
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-auto--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:auto;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:auto; width="70" height="70"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio (1:1) will be used since the
+    CSS 'height' property is set to auto. You should see a blue square with
+    sides 49% the width of the content area when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--0-0.svg b/layout/reftests/svg/sizing/standalone--pct-pct--0-0.svg
new file mode 100644
index 0000000000..d13cb402eb
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="0" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--0-pct.svg b/layout/reftests/svg/sizing/standalone--pct-pct--0-pct.svg
new file mode 100644
index 0000000000..42f674f1c7
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="0" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="0" height="10%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--0-px.svg b/layout/reftests/svg/sizing/standalone--pct-pct--0-px.svg
new file mode 100644
index 0000000000..31c2d0f917
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="0" height="70"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--pct-0.svg b/layout/reftests/svg/sizing/standalone--pct-pct--pct-0.svg
new file mode 100644
index 0000000000..6ebadb5fed
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="10%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="10%" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--pct-pct.svg b/layout/reftests/svg/sizing/standalone--pct-pct--pct-pct.svg
new file mode 100644
index 0000000000..85ff4a96bd
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="10%" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="10%" height="10%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--pct-px.svg b/layout/reftests/svg/sizing/standalone--pct-pct--pct-px.svg
new file mode 100644
index 0000000000..7c5c13d7a8
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="10%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="10%" height="70"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--px-0.svg b/layout/reftests/svg/sizing/standalone--pct-pct--px-0.svg
new file mode 100644
index 0000000000..08b549457d
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="70" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--px-pct.svg b/layout/reftests/svg/sizing/standalone--pct-pct--px-pct.svg
new file mode 100644
index 0000000000..9c7cff9dac
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="70" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="70" height="10%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-pct--px-px.svg b/layout/reftests/svg/sizing/standalone--pct-pct--px-px.svg
new file mode 100644
index 0000000000..131719ec99
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-pct--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:49%;" width="70" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:49%; width="70" height="70"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--0-0.svg b/layout/reftests/svg/sizing/standalone--pct-px--0-0.svg
new file mode 100644
index 0000000000..7de487cc27
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="0" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--0-pct.svg b/layout/reftests/svg/sizing/standalone--pct-px--0-pct.svg
new file mode 100644
index 0000000000..82e8c58ebe
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="0" height="49%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--0-px.svg b/layout/reftests/svg/sizing/standalone--pct-px--0-px.svg
new file mode 100644
index 0000000000..165613e31a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="0" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="0" height="10"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--pct-0.svg b/layout/reftests/svg/sizing/standalone--pct-px--pct-0.svg
new file mode 100644
index 0000000000..e194b61893
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="10%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="10%" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--pct-pct.svg b/layout/reftests/svg/sizing/standalone--pct-px--pct-pct.svg
new file mode 100644
index 0000000000..47a36ddbd9
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="10%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="10%" height="49%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--pct-px.svg b/layout/reftests/svg/sizing/standalone--pct-px--pct-px.svg
new file mode 100644
index 0000000000..0c90cf5fbc
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="10%" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="10%" height="10"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--px-0.svg b/layout/reftests/svg/sizing/standalone--pct-px--px-0.svg
new file mode 100644
index 0000000000..892cd41ed3
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="70" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="70" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--px-pct.svg b/layout/reftests/svg/sizing/standalone--pct-px--px-pct.svg
new file mode 100644
index 0000000000..bb95c9b6f0
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="70" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="70" height="49%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--pct-px--px-px.svg b/layout/reftests/svg/sizing/standalone--pct-px--px-px.svg
new file mode 100644
index 0000000000..c846ffda9c
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--pct-px--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:49%; height:70px;" width="70" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:49%; height:70px; width="70" height="10"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 49% wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--0-0.svg b/layout/reftests/svg/sizing/standalone--px-0--0-0.svg
new file mode 100644
index 0000000000..16f26042ab
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--0-pct.svg b/layout/reftests/svg/sizing/standalone--px-0--0-pct.svg
new file mode 100644
index 0000000000..ba8566af7a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--0-px.svg b/layout/reftests/svg/sizing/standalone--px-0--0-px.svg
new file mode 100644
index 0000000000..c227eb9887
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="0" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--pct-0.svg b/layout/reftests/svg/sizing/standalone--px-0--pct-0.svg
new file mode 100644
index 0000000000..af2e327bc5
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--pct-pct.svg b/layout/reftests/svg/sizing/standalone--px-0--pct-pct.svg
new file mode 100644
index 0000000000..014341caa9
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--pct-px.svg b/layout/reftests/svg/sizing/standalone--px-0--pct-px.svg
new file mode 100644
index 0000000000..89d5a4725b
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="49%" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--px-0.svg b/layout/reftests/svg/sizing/standalone--px-0--px-0.svg
new file mode 100644
index 0000000000..d9cded74b0
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="10" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="10" height="0"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--px-pct.svg b/layout/reftests/svg/sizing/standalone--px-0--px-pct.svg
new file mode 100644
index 0000000000..ae3f2e83a3
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="10" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="10" height="49%"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-0--px-px.svg b/layout/reftests/svg/sizing/standalone--px-0--px-px.svg
new file mode 100644
index 0000000000..9fd20fe474
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-0--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:0;" width="10" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:0; width="10" height="70"</title>
+
+  <desc>
+    This testcase checks that setting the CSS 'height' property to zero
+    prevents the SVG from being displayed. You should not see any red when
+    viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--0-0.svg b/layout/reftests/svg/sizing/standalone--px-auto--0-0.svg
new file mode 100644
index 0000000000..a5dceb2643
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--0-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="0" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. Since
+    the 'height' attribute is set to zero, nothing should be displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--0-pct.svg b/layout/reftests/svg/sizing/standalone--px-auto--0-pct.svg
new file mode 100644
index 0000000000..7fe4ee8275
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--0-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="0" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--0-px.svg b/layout/reftests/svg/sizing/standalone--px-auto--0-px.svg
new file mode 100644
index 0000000000..06b4bd45ba
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--0-px.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="0" height="70"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--pct-0.svg b/layout/reftests/svg/sizing/standalone--px-auto--pct-0.svg
new file mode 100644
index 0000000000..23db638fb4
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--pct-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="49%" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. Since
+    the 'height' attribute is set to zero, nothing should be displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--pct-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--px-auto--pct-pct--viewBox.svg
new file mode 100644
index 0000000000..3551c67b8a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--pct-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="20%" height="49%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="20%" height="49%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'height' property is set to 'auto', the
+    'width' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--pct-pct.svg b/layout/reftests/svg/sizing/standalone--px-auto--pct-pct.svg
new file mode 100644
index 0000000000..f823a264fc
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--pct-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="49%" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--pct-px--viewBox.svg b/layout/reftests/svg/sizing/standalone--px-auto--pct-px--viewBox.svg
new file mode 100644
index 0000000000..d311a1681e
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--pct-px--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="49%" height="10"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="49%" height="10" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'height' property is set to 'auto', the
+    'width' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--pct-px.svg b/layout/reftests/svg/sizing/standalone--px-auto--pct-px.svg
new file mode 100644
index 0000000000..881a1f29c0
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--pct-px.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="49%" height="70"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--px-0.svg b/layout/reftests/svg/sizing/standalone--px-auto--px-0.svg
new file mode 100644
index 0000000000..8e62aff883
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--px-0.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="10" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="10" height="0"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. Since
+    the 'height' attribute is set to zero, nothing should be displayed. You
+    should not see any red when viewing this file.
+  </desc>
+
+  <rect width="1000" height="1000" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--px-pct--viewBox.svg b/layout/reftests/svg/sizing/standalone--px-auto--px-pct--viewBox.svg
new file mode 100644
index 0000000000..79d6e39e70
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--px-pct--viewBox.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="10" height="49%"
+     viewBox="0 0 1 1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="10" height="49%" viewBox="0 0 1 1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio will be taken from the
+    'viewBox' attribute when the CSS 'height' property is set to 'auto', the
+    'width' property is set to some other value, and the 'width' and 'height'
+    attributes do not provide an intrinsic ratio. You should see a blue square
+    with sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--px-pct.svg b/layout/reftests/svg/sizing/standalone--px-auto--px-pct.svg
new file mode 100644
index 0000000000..af42e2f270
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--px-pct.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="10" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="10" height="49%"</title>
+
+  <desc>
+    This testcase checks that the intrinsic height will be taken as the used
+    height when the CSS 'height' property is set to 'auto', the 'width'
+    property is set to some other value, and there is no intrinsic ratio. You
+    should see a blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-auto--px-px.svg b/layout/reftests/svg/sizing/standalone--px-auto--px-px.svg
new file mode 100644
index 0000000000..ce7872b456
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-auto--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:auto;" width="1" height="1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:auto; width="1" height="1"</title>
+
+  <desc>
+    This testcase checks that the intrinsic ratio (1:1) will be used since the
+    CSS 'height' property is set to auto. You should see a blue square with
+    sides of length 70px when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--0-0.svg b/layout/reftests/svg/sizing/standalone--px-pct--0-0.svg
new file mode 100644
index 0000000000..66c7159c52
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="0" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--0-pct.svg b/layout/reftests/svg/sizing/standalone--px-pct--0-pct.svg
new file mode 100644
index 0000000000..43b2fe4f3a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="0" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="0" height="10%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--0-px.svg b/layout/reftests/svg/sizing/standalone--px-pct--0-px.svg
new file mode 100644
index 0000000000..caa951ca20
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="0" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="0" height="70"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--pct-0.svg b/layout/reftests/svg/sizing/standalone--px-pct--pct-0.svg
new file mode 100644
index 0000000000..5dd6e8cf4f
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="49%" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--pct-pct.svg b/layout/reftests/svg/sizing/standalone--px-pct--pct-pct.svg
new file mode 100644
index 0000000000..bca83300e1
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="49%" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="49%" height="10%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--pct-px.svg b/layout/reftests/svg/sizing/standalone--px-pct--pct-px.svg
new file mode 100644
index 0000000000..7e5036407c
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="49%" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="49%" height="70"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--px-0.svg b/layout/reftests/svg/sizing/standalone--px-pct--px-0.svg
new file mode 100644
index 0000000000..b81a35d96d
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="10" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="10" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--px-pct.svg b/layout/reftests/svg/sizing/standalone--px-pct--px-pct.svg
new file mode 100644
index 0000000000..9a0cabbf11
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="10" height="10%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="10" height="10%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-pct--px-px.svg b/layout/reftests/svg/sizing/standalone--px-pct--px-px.svg
new file mode 100644
index 0000000000..85f4bc946a
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-pct--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:49%;" width="10" height="70">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:49%; width="10" height="70"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 49% high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--0-0.svg b/layout/reftests/svg/sizing/standalone--px-px--0-0.svg
new file mode 100644
index 0000000000..5cd0d5cd2b
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--0-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="0" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="0" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--0-pct.svg b/layout/reftests/svg/sizing/standalone--px-px--0-pct.svg
new file mode 100644
index 0000000000..f9c54e45af
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--0-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="0" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="0" height="49%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--0-px.svg b/layout/reftests/svg/sizing/standalone--px-px--0-px.svg
new file mode 100644
index 0000000000..1c802d12e2
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--0-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="0" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="0" height="10"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--pct-0.svg b/layout/reftests/svg/sizing/standalone--px-px--pct-0.svg
new file mode 100644
index 0000000000..c311b88edd
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--pct-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="49%" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="49%" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--pct-pct.svg b/layout/reftests/svg/sizing/standalone--px-px--pct-pct.svg
new file mode 100644
index 0000000000..3f89fe4e13
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--pct-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="49%" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="49%" height="49%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--pct-px.svg b/layout/reftests/svg/sizing/standalone--px-px--pct-px.svg
new file mode 100644
index 0000000000..567bff9538
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--pct-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="49%" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="49%" height="10"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--px-0.svg b/layout/reftests/svg/sizing/standalone--px-px--px-0.svg
new file mode 100644
index 0000000000..d33e353918
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--px-0.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="10" height="0">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="10" height="0"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--px-pct.svg b/layout/reftests/svg/sizing/standalone--px-px--px-pct.svg
new file mode 100644
index 0000000000..94d3d6e9de
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--px-pct.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="10" height="49%">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="10" height="49%"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone--px-px--px-px.svg b/layout/reftests/svg/sizing/standalone--px-px--px-px.svg
new file mode 100644
index 0000000000..fbd9142af8
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone--px-px--px-px.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     style="width:70px; height:70px;" width="10" height="10">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->
+
+  <title>Test: width:70px; height:70px; width="10" height="10"</title>
+
+  <desc>
+    This test checks that the CSS 'width' and 'height' properties take
+    precedence over the SVG 'width' and 'height' attributes. You should see a
+    blue rectangle 70px wide and 70px high when viewing this file.
+  </desc>
+
+  <rect width="100%" height="100%" fill="blue"/>
+
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone-sanity-height-150px.svg b/layout/reftests/svg/sizing/standalone-sanity-height-150px.svg
new file mode 100644
index 0000000000..b460f4b808
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone-sanity-height-150px.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Sanity check percentage width</title>
+  <rect width="100%" height="150" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone-sanity-height-pct.svg b/layout/reftests/svg/sizing/standalone-sanity-height-pct.svg
new file mode 100644
index 0000000000..113613fa36
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone-sanity-height-pct.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Sanity check percentage width</title>
+  <rect width="100%" height="49%" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone-sanity-height-px.svg b/layout/reftests/svg/sizing/standalone-sanity-height-px.svg
new file mode 100644
index 0000000000..01c72df5a8
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone-sanity-height-px.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Sanity check percentage width</title>
+  <rect width="100%" height="70" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone-sanity-width-300px.svg b/layout/reftests/svg/sizing/standalone-sanity-width-300px.svg
new file mode 100644
index 0000000000..318bf38af2
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone-sanity-width-300px.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Sanity check percentage width</title>
+  <rect width="300" height="100%" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone-sanity-width-pct.svg b/layout/reftests/svg/sizing/standalone-sanity-width-pct.svg
new file mode 100644
index 0000000000..050cad0943
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone-sanity-width-pct.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Sanity check percentage width</title>
+  <rect width="49%" height="100%" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/sizing/standalone-sanity-width-px.svg b/layout/reftests/svg/sizing/standalone-sanity-width-px.svg
new file mode 100644
index 0000000000..2abcc29dd6
--- /dev/null
+++ b/layout/reftests/svg/sizing/standalone-sanity-width-px.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Sanity check percentage width</title>
+  <rect width="70" height="100%" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/sizing/svg-image-util.js b/layout/reftests/svg/sizing/svg-image-util.js
new file mode 100644
index 0000000000..d58e622ec7
--- /dev/null
+++ b/layout/reftests/svg/sizing/svg-image-util.js
@@ -0,0 +1,74 @@
+/**
+ * Reusable SVG data uri prefix for generated SVGs.
+ */
+const SVG_DATA_URI_PREFIX = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"';
+/**
+ * Reusable SVG data uri suffix for generated SVGs.
+ */
+const SVG_DATA_URI_SUFFIX = '><rect fill="brown" x="-2000" y="-2000" width="4000" height="4000"></rect><rect fill="green" height="50" width="50"></rect><rect fill="yellow" x="10" y="10" height="30" width="30"></rect></svg>';
+
+/**
+ * Generates full data URI for an SVG document, with the given parameters
+ * on the SVG element.
+ *
+ * @param aWidth    The width attribute, or null for no width.
+ * @param aHeight   The height attribute, or null for no height.
+ * @param aViewbox  The viewBox attribute, or null for no viewBox.
+ */
+function generateSVGDataURI(aWidth, aHeight, aViewBox) {
+  let datauri = SVG_DATA_URI_PREFIX;
+
+  if (aWidth) {
+    datauri += " width=\"" + aWidth + "\""
+  }
+
+  if (aHeight) {
+    datauri += " height=\"" + aHeight + "\"";
+  }
+
+  if (aViewBox) {
+    datauri += " viewBox=\"" + aViewBox + "\"";
+  }
+
+  datauri += SVG_DATA_URI_SUFFIX;
+
+  return datauri;
+}
+
+/**
+ * Generates a canvas, with the given width and height parameters, and uses
+ * CanvasRenderingContext2D.drawImage() to draw a SVG image with the given
+ * width and height attributes.
+ *
+ * @param aCanvasWidth      The width attribute of the canvas.
+ * @param aCanvasHeight     The height attribute of the canvas.
+ * @param aSVGWidth         The width attribute of the svg, or null for no width.
+ * @param aSVGHeight        The height attribute of the svg, or null for no height.
+ * @param aSVGViewBox       The viewBox attribute sf the svg, or null for no viewBox.
+ *
+ * @returns A promise that resolves when the SVG image has been drawn to the
+ *          created canvas
+ */
+async function generateCanvasDrawImageSVG(aCanvasWidth, aCanvasHeight, aSVGWidth,
+                                          aSVGHeight, aSVGViewBox) {
+    let canvas = document.createElement("canvas");
+    let ctx = canvas.getContext("2d");
+    document.body.appendChild(canvas);
+
+    canvas.setAttribute("width", aCanvasWidth);
+    canvas.setAttribute("height", aCanvasHeight);
+
+    let img = document.createElement("img");
+
+    let promise = new Promise(resolve => {
+      img.onload = () => {
+        ctx.drawImage(img, 0, 0);
+        resolve();
+      };
+    });
+
+    let uri = generateSVGDataURI(aSVGWidth, aSVGHeight, aSVGViewBox);
+    img.src = uri;
+
+    return promise;
+}
diff --git a/layout/reftests/svg/smil/anim-additive-fallback-1.svg b/layout/reftests/svg/smil/anim-additive-fallback-1.svg
new file mode 100644
index 0000000000..1978663e2c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-additive-fallback-1.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.5, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue" display="none">
+    <!-- The following animation is marked as additive even though the display
+         property is not additive. We should basically behave as if the additive
+         attribute were not specified and set display to 'block' after 0.5s.
+         -->
+    <animate attributeName="display" from="none" to="block" additive="sum"
+      dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-change-display-block-for-dynamically-appended-elem.html b/layout/reftests/svg/smil/anim-change-display-block-for-dynamically-appended-elem.html
new file mode 100644
index 0000000000..e9be6a7cae
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-change-display-block-for-dynamically-appended-elem.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>Test dynamically-appended animation in a subtree that dynamically became 'display:none'</title>
+  </head>
+  <body style="background-color: lime;">
+    <div id="target" style="display: none;">
+      <svg>
+        <rect width="100" height="100" fill="brown" id="rect">
+        </rect>
+      </svg>
+    </div>
+    <script>
+      document.addEventListener('MozReftestInvalidate', function() {
+        var svg     = document.getElementsByTagName("svg")[0];
+        svg.pauseAnimations();  // pause svg animation.
+
+        var target  = document.getElementById("target");
+        var rect    = document.getElementById("rect");
+        var animate = document.createElementNS('http://www.w3.org/2000/svg',
+                                               'animate');
+        animate.setAttribute('attributeName', 'fill');
+        animate.setAttribute('from', 'blue');
+        animate.setAttribute('to', 'red');
+        animate.setAttribute('dur', '100s');
+        rect.appendChild(animate);
+
+        requestAnimationFrame(function(time) {
+          target.style.display = 'block';
+          requestAnimationFrame(function(time) {
+            document.documentElement.removeAttribute("class");
+          });
+        });
+      });
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/anim-change-display-none-for-ancestor-elem.html b/layout/reftests/svg/smil/anim-change-display-none-for-ancestor-elem.html
new file mode 100644
index 0000000000..e34f52056e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-change-display-none-for-ancestor-elem.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>Test animation in a subtree that dynamically becames 'display:none'</title>
+  </head>
+  <body style="background-color: lime;">
+    <div id="target">
+      <svg>
+        <rect width="100%" height="100%" fill="blue">
+          <animate attributeName="fill" from="brown" to="red" dur="100s"/>
+        </rect>
+      </svg>
+    </div>
+    <script>
+      document.addEventListener('MozReftestInvalidate', function() {
+        var target = document.getElementById("target");
+        target.style.display = "none";
+
+        requestAnimationFrame(function(time) {
+          document.documentElement.removeAttribute("class");
+        });
+      });
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/anim-change-display-none-for-dynamically-appended-elem.html b/layout/reftests/svg/smil/anim-change-display-none-for-dynamically-appended-elem.html
new file mode 100644
index 0000000000..ecb1720b9b
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-change-display-none-for-dynamically-appended-elem.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>Test dynamically-appended animation on an element that dynamically becomes 'display:none'</title>
+  </head>
+  <body style="background-color: lime;">
+    <div>
+      <svg>
+        <rect width="100" height="100" fill="brown" id="rect">
+        </rect>
+      </svg>
+    </div>
+    <script>
+      document.addEventListener('MozReftestInvalidate', function() {
+        var rect    = document.getElementById("rect");
+        var animate = document.createElementNS('http://www.w3.org/2000/svg',
+                                               'animate');
+        animate.setAttribute('attributeName', 'fill');
+        animate.setAttribute('from', 'blue');
+        animate.setAttribute('to', 'red');
+        animate.setAttribute('dur', '100s');
+        rect.appendChild(animate);
+
+        requestAnimationFrame(function(time) {
+          rect.style.display = 'none';
+          requestAnimationFrame(function(time) {
+            document.documentElement.removeAttribute("class");
+          });
+        });
+      });
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/anim-change-display-none-for-target-elem.html b/layout/reftests/svg/smil/anim-change-display-none-for-target-elem.html
new file mode 100644
index 0000000000..6852994571
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-change-display-none-for-target-elem.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>Test animation on an element that dynamically becomes 'display:none'</title>
+  </head>
+  <body style="background-color: lime;">
+    <div>
+      <svg>
+        <rect width="100%" height="100%" fill="blue" id="rect">
+          <animate attributeName="fill" from="brown" to="red" dur="100s"/>
+        </rect>
+      </svg>
+    </div>
+    <script>
+      document.addEventListener('MozReftestInvalidate', function() {
+        var rect = document.getElementById("rect");
+        rect.style.display = "none";
+
+        requestAnimationFrame(function(time) {
+          document.documentElement.removeAttribute("class");
+        });
+      });
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/anim-class-01.svg b/layout/reftests/svg/smil/anim-class-01.svg
new file mode 100644
index 0000000000..4fe4faab21
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-class-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the class attribute on "rect" elements</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <style type="text/css">
+
+    .start {visibility: hidden; fill: red; }
+    .midway {visibility: visible; fill: red; }
+    .final {fill: lime; }
+
+  </style>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%">
+    <animate attributeName="class" attributeType="XML"
+         from="midway" to="final midway" begin="0.5s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-class-02.svg b/layout/reftests/svg/smil/anim-class-02.svg
new file mode 100644
index 0000000000..67b2b3f4d9
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-class-02.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the class attribute on "rect" elements</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <style type="text/css">
+
+    * {fill: lime;}
+    .start {visibility: visible; fill: red; }
+
+  </style>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" class="start">
+    <set attributeName="class" attributeType="XML"
+         to="" begin="0.5s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-class-03.svg b/layout/reftests/svg/smil/anim-class-03.svg
new file mode 100644
index 0000000000..297569edfd
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-class-03.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the class attribute on "rect" elements</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <style type="text/css">
+
+    .start {fill: red; }
+    .finish {fill: lime;}
+
+  </style>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" class="start">
+    <set attributeName="class" attributeType="XML"
+         to="finish" begin="0.5s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-class-04-ref.svg b/layout/reftests/svg/smil/anim-class-04-ref.svg
new file mode 100644
index 0000000000..0f5d535bd4
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-class-04-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for animation of the class attribute to an invalid value on "rect" elements</title>
+  <rect width="100%" height="100%" fill="black"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-class-04.svg b/layout/reftests/svg/smil/anim-class-04.svg
new file mode 100644
index 0000000000..191b5d3b97
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-class-04.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the class attribute on "rect" elements</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <style type="text/css">
+
+    .start {fill: red; }
+
+  </style>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" class="start">
+    <set attributeName="class" attributeType="XML"
+         to="#ThisIsAnInvalidClassName" begin="0.5s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-clipPath-viewBox-ref.svg b/layout/reftests/svg/smil/anim-clipPath-viewBox-ref.svg
new file mode 100644
index 0000000000..ffc7694ba4
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-clipPath-viewBox-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="600" height="400">
+  <circle cx="300" cy="200" r="100" style="fill:blue;"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/smil/anim-clipPath-viewBox.svg b/layout/reftests/svg/smil/anim-clipPath-viewBox.svg
new file mode 100644
index 0000000000..e02dbea7d3
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-clipPath-viewBox.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="600" height="400" preserveAspectRatio="none"
+     viewBox="50 100 500 200"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="50" y="100" width="500" height="200" style="fill:blue;"
+        clip-path="circle(100px at center) view-box"/>
+  <animate attributeName="viewBox" values="50 100 500 200; 0 0 600 400"
+           dur="0.5s" fill="freeze"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/smil/anim-conditions-01.svg b/layout/reftests/svg/smil/anim-conditions-01.svg
new file mode 100644
index 0000000000..093a425e1e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-conditions-01.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation is disabled if conditional processing fails</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="lime">
+    <set systemLanguage="foo" attributeName="width"
+         to="0%" dur="5s" begin="0s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-conditions-02.svg b/layout/reftests/svg/smil/anim-conditions-02.svg
new file mode 100644
index 0000000000..0b24d9a3e3
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-conditions-02.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation is enabled if conditional processing succeeds</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="0%" height="100%" fill="lime">
+    <set requiredFeatures="http://www.w3.org/TR/SVG11/feature#Gradient" attributeName="width"
+         to="100%" dur="5s" begin="0s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-defs-fill.svg b/layout/reftests/svg/smil/anim-defs-fill.svg
new file mode 100644
index 0000000000..e71e59f0b2
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-defs-fill.svg
@@ -0,0 +1,22 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Test animation element in 'defs' element with 'fill' property</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect id="target" fill="red" width="100%" height="100%"/>
+  <defs>
+    <animate xlink:href="#target"
+             attributeName="fill"
+             calcMode="discrete"
+             values="red;lime"
+             dur="100s"/>
+  </defs>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      setTimeAndWaitToSnapshot(49.9, 0.1);
+    });
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-defs-gradient-attribute.svg b/layout/reftests/svg/smil/anim-defs-gradient-attribute.svg
new file mode 100644
index 0000000000..56fea42473
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-defs-gradient-attribute.svg
@@ -0,0 +1,25 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Test animation of gradient attribute in 'defs' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect fill="url(#gradient)" width="100%" height="100%"/>
+  <defs>
+    <linearGradient id="gradient" x1="0">
+      <stop offset="0%" stop-color="red" />
+      <stop offset="100%" stop-color="lime" />
+      <animate attributeName="x1"
+               values="0;1"
+               calcMode="discrete"
+               dur="100s"/>
+    </linearGradient>
+  </defs>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      setTimeAndWaitToSnapshot(49.9, 0.1);
+    });
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-defs-gradient-property.svg b/layout/reftests/svg/smil/anim-defs-gradient-property.svg
new file mode 100644
index 0000000000..11cc58687e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-defs-gradient-property.svg
@@ -0,0 +1,25 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Test animation of gradient property in 'defs' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect fill="url(#gradient)" width="100%" height="100%"/>
+  <defs>
+    <linearGradient id="gradient">
+      <stop>
+        <animate attributeName="stop-color"
+                 values="red;lime"
+                 calcMode="discrete"
+                 dur="100s"/>
+      </stop>
+    </linearGradient>
+  </defs>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      setTimeAndWaitToSnapshot(49.9, 0.1);
+    });
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-defs-width.svg b/layout/reftests/svg/smil/anim-defs-width.svg
new file mode 100644
index 0000000000..1308e0edfd
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-defs-width.svg
@@ -0,0 +1,22 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Test animation element in 'defs' element with 'width' attribute</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect id="target" fill="lime" width="0%" height="100%"/>
+  <defs>
+    <animate xlink:href="#target"
+             attributeName="width"
+             values="0%;100%"
+             calcMode="discrete"
+             dur="100s"/>
+  </defs>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      setTimeAndWaitToSnapshot(49.9, 0.1);
+    });
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-replace-sum-1.svg b/layout/reftests/svg/smil/anim-discrete-replace-sum-1.svg
new file mode 100644
index 0000000000..d973c4a857
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-replace-sum-1.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="20" fill="blue">
+    <animate attributeName="height" calcMode="discrete" 
+             additive="replace" accumulate="sum"
+             from="20" to="100" repeatCount="2" 
+             begin="0s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-sum-none-1.svg b/layout/reftests/svg/smil/anim-discrete-sum-none-1.svg
new file mode 100644
index 0000000000..dd554cc78a
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-sum-none-1.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="20" fill="blue">
+    <animate attributeName="height" calcMode="discrete"
+             additive="sum" accumulate="none" 
+             from="20" to="180"
+             begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-sum-sum-1.svg b/layout/reftests/svg/smil/anim-discrete-sum-sum-1.svg
new file mode 100644
index 0000000000..e57c692122
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-sum-sum-1.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="20" fill="blue">
+    <animate attributeName="height" calcMode="discrete"
+             additive="sum" accumulate="sum"
+             from="20" to="90" repeatCount="2" 
+             begin="0s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-to-1.svg b/layout/reftests/svg/smil/anim-discrete-to-1.svg
new file mode 100644
index 0000000000..41a078764c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-to-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.0, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="height" calcMode="discrete"
+             to="100" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-to-2.svg b/layout/reftests/svg/smil/anim-discrete-to-2.svg
new file mode 100644
index 0000000000..e64d5d9d0f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-to-2.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.99, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="height" calcMode="discrete"
+             to="100" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-to-3.svg b/layout/reftests/svg/smil/anim-discrete-to-3.svg
new file mode 100644
index 0000000000..0430821609
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-to-3.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.0, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="100" fill="blue">
+    <animate attributeName="height" calcMode="discrete"
+             to="200" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-to-4.svg b/layout/reftests/svg/smil/anim-discrete-to-4.svg
new file mode 100644
index 0000000000..4295ce0552
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-to-4.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="100" fill="blue">
+    <animate attributeName="height" calcMode="discrete"
+             to="200" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-values-1.svg b/layout/reftests/svg/smil/anim-discrete-values-1.svg
new file mode 100644
index 0000000000..8af8ac636c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-values-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height" calcMode="discrete" 
+             values="100; 200; 50" begin="0s" dur="5s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-values-2.svg b/layout/reftests/svg/smil/anim-discrete-values-2.svg
new file mode 100644
index 0000000000..c05693e143
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-values-2.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(29, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <title>Test discrete keyTimes are scaled correctly (Bug 681645)</title>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="fill" begin="0" dur="100s"
+             calcMode="discrete"
+             values="red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;blue;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red"
+           keyTimes="0.00;0.01;0.02;0.03;0.04;0.05;0.06;0.07;0.08;0.09;
+                     0.10;0.11;0.12;0.13;0.14;0.15;0.16;0.17;0.18;0.19;
+                     0.20;0.21;0.22;0.23;0.24;0.25;0.26;0.27;0.28;0.29;
+                     0.30;0.31;0.32;0.33;0.34;0.35;0.36;0.37;0.38;0.39;
+                     0.40;0.41;0.42;0.43;0.44;0.45;0.46;0.47;0.48;0.49;
+                     0.50;0.51;0.52;0.53;0.54;0.55;0.56;0.57;0.58;0.59;
+                     0.60;0.61;0.62;0.63;0.64;0.65;0.66;0.67;0.68;0.69;
+                     0.70;0.71;0.72;0.73;0.74;0.75;0.76;0.77;0.78;0.79;
+                     0.80;0.81;0.82;0.83;0.84;0.85;0.86;0.87;0.88;0.89;
+                     0.90;0.91;0.92;0.93;0.94;0.95;0.96;0.97;0.98;0.99"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-discrete-values-3.svg b/layout/reftests/svg/smil/anim-discrete-values-3.svg
new file mode 100644
index 0000000000..c6b850bfd6
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-discrete-values-3.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(29, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <title>Test discrete keyTimes are scaled correctly (Bug 681645)</title>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="fill" begin="0" dur="100s"
+             calcMode="discrete"
+             values="red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;blue;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red;
+                     red;red;red;red;red;red;red;red;red;red"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-display-in-g-element.svg b/layout/reftests/svg/smil/anim-display-in-g-element.svg
new file mode 100644
index 0000000000..8916aea893
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-display-in-g-element.svg
@@ -0,0 +1,23 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Test animation that changes 'display' attribute on an element that is not the immediate parent</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <g display="none" id="g">
+    <rect width="100%" height="100%" fill="lime">
+      <animate xlink:href="#g"
+               attributeName="display"
+               values="none;inline"
+               calcMode="discrete"
+               dur="100s"/>
+    </rect>
+  </g>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      setTimeAndWaitToSnapshot(49.9, 0.1);
+    });
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-display.svg b/layout/reftests/svg/smil/anim-display.svg
new file mode 100644
index 0000000000..53e92d26bb
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-display.svg
@@ -0,0 +1,20 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <title>Test animation that changes 'display' attribute</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect display="none" width="100%" height="100%" fill="lime">
+    <animate attributeName="display"
+             values="none;inline"
+             calcMode="discrete"
+             dur="100s"/>
+  </rect>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      setTimeAndWaitToSnapshot(49.9, 0.1);
+    });
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feComponentTransfer-01.svg b/layout/reftests/svg/smil/anim-feComponentTransfer-01.svg
new file mode 100644
index 0000000000..69f879d804
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feComponentTransfer-01.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "intercept" attribute of the "feComponentTransfer" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <filter id="flood_filter" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="linear" slope="0" intercept="1">
+        <animate attributeName="intercept"
+                 calcMode="linear"
+                 begin="0s" dur="2s"
+                 from="1" to="-1"
+                 fill="freeze"/>
+      </feFuncR>
+      <feFuncG type="linear" slope="0" intercept="0">
+        <animate attributeName="intercept"
+                 calcMode="linear"
+                 begin="0s" dur="2s"
+                 from="0" to="2"
+                 fill="freeze"/>
+      </feFuncG>
+      <feFuncB type="identity"/>
+    </feComponentTransfer>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="red" filter="url(#flood_filter)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feComposite-operator-01.svg b/layout/reftests/svg/smil/anim-feComposite-operator-01.svg
new file mode 100644
index 0000000000..0223cea931
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feComposite-operator-01.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "operator" enum attribute on the "feComposite" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <filter id="composite_filter_1" x="-100%" y="0%" width="200%" height="100%">
+    <feFlood flood-color="lime" result="lime"/>
+    <feComposite in="lime" in2="SourceGraphic" operator="out">
+      <!-- this should turn the referencing element red at 1.25s -->
+      <animate attributeName="operator"
+               calcMode="discrete"
+               begin="0s" dur="2.5s"
+               from="out" to="in"
+               fill="freeze"/>
+    </feComposite>
+  </filter>
+  <filter id="composite_filter_2" x="0%" y="0%" width="200%" height="100%">
+    <feFlood flood-color="lime" result="lime"/>
+    <feComposite in="lime" in2="SourceGraphic" operator="out">
+      <!-- this should turn the referencing element lime at 1s -->
+      <animate attributeName="operator"
+               calcMode="discrete"
+               begin="0s" dur="2s"
+               from="out" to="in"
+               fill="freeze"/>
+    </feComposite>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- 40% through discrete animation simple duration - test animation doesn't affect the element too early -->
+  <rect         width="100" height="100" fill="red"/>
+  <rect x="100" width="100" height="100" fill="red" filter="url(#composite_filter_1)"/>
+
+  <!-- 50% through discrete animation simple duration - test animation affects the element now -->
+  <rect y="100" width="100" height="100" fill="red"/>
+  <rect y="100" width="100" height="100" fill="red" filter="url(#composite_filter_2)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feConvolveMatrix-order-01-ref.svg b/layout/reftests/svg/smil/anim-feConvolveMatrix-order-01-ref.svg
new file mode 100644
index 0000000000..db5ab20e38
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feConvolveMatrix-order-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <title>Testcase for animation of the "order" attribute of the "feConvolveMatrix" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <defs>
+    <filter id="f">
+      <feConvolveMatrix order="3" kernelMatrix="1 1 1 1 1 1 1 1 1" edgeMode="none"></feConvolveMatrix>
+    </filter>
+  </defs>
+  <g filter="url(#f)">
+    <rect x="10" y="10" width="50" height="100" fill="orange"/>
+    <rect x="60" y="10" width="50" height="100" fill="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feConvolveMatrix-order-01.svg b/layout/reftests/svg/smil/anim-feConvolveMatrix-order-01.svg
new file mode 100644
index 0000000000..d24eb3b8d7
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feConvolveMatrix-order-01.svg
@@ -0,0 +1,53 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <title>Testcase for animation of the "order" attribute of the "feConvolveMatrix" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <defs>
+    <filter id="f">
+      <feConvolveMatrix order="1" kernelMatrix="1" edgeMode="none">
+        <!-- Animate the kernel matrix dimensions from 1x1 to 5x5. -->
+        <animate attributeName="order"
+                 calcMode="linear"
+                 begin="0s" dur="4s"
+                 from="1" to="5 5"
+                 fill="freeze"/>
+        <!--
+          Animate the kernel matrix values.
+          Each successive matrix blurs the image more.
+          We will pause on the 3x3 matrix.
+        -->
+        <animate attributeName="kernelMatrix"
+                 calcMode="linear"
+                 begin="0s" dur="1s"
+                 from="1" to="1 1 1 1"
+                 fill="freeze"/>
+        <animate attributeName="kernelMatrix"
+                 calcMode="linear"
+                 begin="1s" dur="1s"
+                 from="1 1 1 1" to="1 1 1 1 1 1 1 1 1"
+                 fill="freeze"/>
+        <animate attributeName="kernelMatrix"
+                 calcMode="linear"
+                 begin="2s" dur="1s"
+                 from="1 1 1 1 1 1 1 1 1" to="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"
+                 fill="freeze"/>
+        <animate attributeName="kernelMatrix"
+                 calcMode="linear"
+                 begin="3s" dur="1s"
+                 from="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1" to="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"
+                 fill="freeze"/>
+      </feConvolveMatrix>
+    </filter>
+  </defs>
+  <g filter="url(#f)">
+    <!-- The edge between the orange rect and the blue rect will become blurry. -->
+    <rect x="10" y="10" width="50" height="100" fill="orange"/>
+    <rect x="60" y="10" width="50" height="100" fill="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feConvolveMatrix-preserveAlpha-01.svg b/layout/reftests/svg/smil/anim-feConvolveMatrix-preserveAlpha-01.svg
new file mode 100644
index 0000000000..0eb3a7a7d6
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feConvolveMatrix-preserveAlpha-01.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "preserveAlpha" &lt;boolean&gt; attribute on the "feConvolveMatrix" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <filter id="convolve_1">
+    <feConvolveMatrix order="2 2" kernelMatrix="0 0 0 0" preserveAlpha="true">
+      <!-- turn the referencing element from transparent to red at 1.25s -->
+      <animate attributeName="preserveAlpha"
+               calcMode="discrete"
+               begin="0s" dur="2.5s"
+               from="false" to="true"
+               fill="freeze"/>
+    </feConvolveMatrix>
+    <feColorMatrix type="matrix"
+                   values="0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"/>
+  </filter>
+  <filter id="convolve_2">
+    <feConvolveMatrix order="2 2" kernelMatrix="0 0 0 0" preserveAlpha="true">
+      <!-- turn the referencing element from red to transparent at 1s -->
+      <animate attributeName="preserveAlpha"
+               calcMode="discrete"
+               begin="0s" dur="2s"
+               from="true" to="false"
+               fill="freeze"/>
+    </feConvolveMatrix>
+    <feColorMatrix type="matrix"
+                   values="0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- 40% through discrete animation simple duration -
+       tests that the animation doesn't affect the element too early -->
+  <rect        width="100" height="50" fill="red" filter="url(#convolve_1)"/>
+
+  <!-- 50% through discrete animation simple duration -
+       tests that the animation affects the element now -->
+  <rect y="50" width="100" height="50" fill="red" filter="url(#convolve_2)"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feDistantLight-01-ref.svg b/layout/reftests/svg/smil/anim-feDistantLight-01-ref.svg
new file mode 100644
index 0000000000..6fe45b7faf
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feDistantLight-01-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for animation of the "elevation" attribute of the "feDistantLight" element</title>
+  <defs>
+    <filter id="f" x="0" y="0" width="0.5" height="0.5">
+      <feDiffuseLighting kernelUnitLength="1" lighting-color="lime">
+        <feDistantLight elevation="100">
+        </feDistantLight>
+      </feDiffuseLighting>
+    </filter>
+  </defs>
+  <path d="M0,0 h100 v100 h-100 z" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feDistantLight-01.svg b/layout/reftests/svg/smil/anim-feDistantLight-01.svg
new file mode 100644
index 0000000000..42221cdb48
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feDistantLight-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Testcase for animation of the "elevation" attribute of the "feDistantLight" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <defs>
+    <filter id="f" x="0" y="0" width="0.5" height="0.5">
+      <feDiffuseLighting kernelUnitLength="1" lighting-color="lime">
+        <feDistantLight elevation="0">
+          <animate attributeName="elevation"
+                   calcMode="linear"
+                   begin="0s" dur="2s"
+                   from="0" to="200"
+                   fill="freeze"/>
+        </feDistantLight>
+      </feDiffuseLighting>
+    </filter>
+  </defs>
+  <path d="M0,0 h100 v100 h-100 z" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feFuncR-tableValues-01-ref.svg b/layout/reftests/svg/smil/anim-feFuncR-tableValues-01-ref.svg
new file mode 100644
index 0000000000..fd09b807e7
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feFuncR-tableValues-01-ref.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title></title>
+
+  <linearGradient id="gradient">
+    <stop offset="0" stop-color="black" />
+    <stop offset="100%" stop-color="red" />
+  </linearGradient>
+
+  <!-- Comparison for calcMode="linear". -->
+
+  <filter id="f_calcMode_linear_to" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="0 2 2 0"/>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="20" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_linear_to)"/>
+
+
+  <!-- Comparison for 'by' animation. -->
+
+  <filter id="f_calcMode_linear_by" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="0 2 2 0"/>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="60" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_linear_by)"/>
+
+
+  <!-- Comparison for calcMode="paced". -->
+
+  <filter id="f_calcMode_paced" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="0 2 2 0"/>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="100" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_paced)"/>
+
+
+  <!-- Comparison for calcMode="discrete". -->
+
+  <filter id="f_calcMode_discrete" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="0 2 2 0"/>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="140" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_discrete)"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feFuncR-tableValues-01.svg b/layout/reftests/svg/smil/anim-feFuncR-tableValues-01.svg
new file mode 100644
index 0000000000..512e1ab074
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feFuncR-tableValues-01.svg
@@ -0,0 +1,101 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the &lt;number-list&gt; attribute on the 'text' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <linearGradient id="gradient">
+    <stop offset="0" stop-color="black" />
+    <stop offset="100%" stop-color="red" />
+  </linearGradient>
+
+  <!-- The difference between respective numbers in the effective 'from' and
+       'to' lists below is carefully designed to be a factor of 3. That way
+       our reference file (which checks against a one third complete animation)
+       can contain whole numbers, which is necessary to avoid failure due to
+       hard coded rounded numbers in the reference not matching platform
+       specific rounding behaviour.
+    -->
+
+
+  <!-- Test calcMode="linear". -->
+
+  <filter id="f_calcMode_linear_to" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="-1 3 3 -1">
+
+        <!-- At 1s the animVal should be "0 2 2 0". -->
+        <animate attributeName="tableValues"
+                 calcMode="linear"
+                 begin="0s" dur="3s"
+                 to="2 0 0 2"
+                 fill="freeze"/>
+
+      </feFuncR>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="20" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_linear_to)"/>
+
+
+  <!-- Test 'by' animation. -->
+
+  <filter id="f_calcMode_linear_by" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="-1 3 3 -1">
+
+        <!-- At 1s the animVal should be "0 2 2 0". -->
+        <animate attributeName="tableValues"
+                 calcMode="linear"
+                 begin="0s" dur="3s"
+                 by="3 -3 -3 3"
+                 fill="freeze"/>
+
+      </feFuncR>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="60" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_linear_by)"/>
+
+
+  <!-- Test calcMode="paced". -->
+
+  <filter id="f_calcMode_paced" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="-1 3 3 -1">
+
+        <!-- At 1s the animVal should be "0 2 2 0". -->
+        <animate attributeName="tableValues"
+                 calcMode="paced"
+                 begin="0s" dur="3s"
+                 values="-1 3 3 -1; 1 1 1 1; 2 0 0 2"
+                 fill="freeze"/>
+
+      </feFuncR>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="100" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_paced)"/>
+
+
+  <!-- Test calcMode="discrete". -->
+
+  <filter id="f_calcMode_discrete" x="0%" y="0%" width="100%" height="100%">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues="0 0 0 0">
+
+        <!-- The value should be "0 2 2 0" from 1s onwards. -->
+        <animate attributeName="tableValues"
+                 calcMode="discrete"
+                 begin="0s" dur="2s"
+                 to="0 2 2 0"
+                 fill="freeze"/>
+
+      </feFuncR>
+    </feComponentTransfer>
+  </filter>
+  <rect x="20" y="140" width="256" height="20" fill="url(#gradient)"
+        filter="url(#f_calcMode_discrete)"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feGaussianBlur-01.svg b/layout/reftests/svg/smil/anim-feGaussianBlur-01.svg
new file mode 100644
index 0000000000..40f804d74c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feGaussianBlur-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.9999, true)">
+  <title>Test animation of the "stdDeviation" &lt;number-optional-number&gt; attribute on "feGaussianBlur" elements</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <filter id="filter" x="0" y="0" width="1" height="1">
+    <feGaussianBlur stdDeviation="50">
+      <animate attributeName="stdDeviation"
+               calcMode="linear"
+               begin="0s" dur="2s"
+               from="100,100" to="0"
+               fill="freeze"/>
+    </feGaussianBlur>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g transform="translate(50, 0)">
+    <circle fill="red" cx="100" cy="100" r="98" transform="translate(50, 0)" filter="url(#filter)"/>
+  </g>
+  <circle fill="lime" cx="200" cy="100" r="100"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feImage-preserveAspectRatio-01.svg b/layout/reftests/svg/smil/anim-feImage-preserveAspectRatio-01.svg
new file mode 100644
index 0000000000..13d3113a21
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feImage-preserveAspectRatio-01.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <title>Test animation of the "preserveAspectRatio" attribute on the "feImage" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(1, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <filter id="filter" filterUnits="userSpaceOnUse"
+          x="0" y="0" width="100" height="20">
+    <!-- data: URI is a 1x1 lime GIF -->
+    <feImage preserveAspectRatio="xMidYMid meet"
+             style="image-rendering: optimizeSpeed;"
+             xlink:href="data:image/gif,GIF87a%01%00%01%00%80%01%00%00%FF%00%FF%FF%FF%2C%00%00%00%00%01%00%01%00%00%02%02D%01%00%3B">
+      <animate attributeName="preserveAspectRatio"
+               begin="0s" dur="2s"
+               to="xMidYMid slice"
+               fill="freeze"/>
+    </feImage>
+  </filter>
+
+  <rect width="100" height="20" fill="red"/>
+  <rect width="100" height="20" filter="url(#filter)"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feOffset-01.svg b/layout/reftests/svg/smil/anim-feOffset-01.svg
new file mode 100644
index 0000000000..30c8795670
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feOffset-01.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "dx" and "dy" attributes on the "feOffset" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <filter id="offset_filter_1" x="0%" y="0%" width="300%" height="100%">
+    <feOffset in="SourceGraphic">
+      <animate attributeName="dx"
+               calcMode="linear"
+               begin="0s" dur="2s"
+               from="0" to="200"
+               fill="freeze"/>
+    </feOffset>
+  </filter>
+  <filter id="offset_filter_2" x="0%" y="0%" width="100%" height="200%">
+    <feOffset in="SourceGraphic">
+      <animate attributeName="dy"
+               calcMode="linear"
+               begin="0s" dur="1s"
+               from="0" to="100"
+               fill="freeze"/>
+    </feOffset>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- test 50% completed animation -->
+  <rect x="100" width="100" height="100" fill="red"/>
+  <rect width="100" height="100" fill="lime" filter="url(#offset_filter_1)"/>
+
+  <!-- test 100% completed animation -->
+  <rect y="100" width="100" height="100" fill="red"/>
+  <rect width="100" height="100" fill="lime" filter="url(#offset_filter_2)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feSpotLight-01-ref.svg b/layout/reftests/svg/smil/anim-feSpotLight-01-ref.svg
new file mode 100644
index 0000000000..adc43569ee
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feSpotLight-01-ref.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for animation of the "elevation" attribute of the "feSpotLight" element</title>
+  <defs>
+    <filter id="f" x="0" y="0" width="0.5" height="0.5">
+      <feSpecularLighting surfaceScale="5" specularConstant=".75"
+                          specularExponent="20" lighting-color="lime">
+        <feSpotLight x="0.25" y="0.25" z="100">
+        </feSpotLight>
+      </feSpecularLighting>
+    </filter>
+  </defs>
+  <path d="M0,0 h100 v100 h-100 z" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feSpotLight-01.svg b/layout/reftests/svg/smil/anim-feSpotLight-01.svg
new file mode 100644
index 0000000000..011a9ecff9
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feSpotLight-01.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Testcase for animation of the "elevation" attribute of the "feSpotLight" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <defs>
+    <filter id="f" x="0" y="0" width="0.5" height="0.5">
+      <feSpecularLighting surfaceScale="5" specularConstant=".75"
+                          specularExponent="20" lighting-color="lime">
+        <feSpotLight x="0.25" y="0.25" z="0">
+          <animate attributeName="z"
+                   calcMode="linear"
+                   begin="0s" dur="2s"
+                   from="0" to="200"
+                   fill="freeze"/>
+        </feSpotLight>
+      </feSpecularLighting>
+    </filter>
+  </defs>
+  <path d="M0,0 h100 v100 h-100 z" filter="url(#f)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01-ref.svg b/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01-ref.svg
new file mode 100644
index 0000000000..74f4070e5f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01-ref.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="filter_1" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1"/>
+  </filter>
+  <filter id="filter_2" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="2"/>
+  </filter>
+  <filter id="filter_3" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="3"/>
+  </filter>
+  <filter id="filter_4" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4"/>
+  </filter>
+  <rect x="0" y="0" width="20" height="20" filter="url(#filter_3)"/>
+  <rect x="20" y="0" width="20" height="20" filter="url(#filter_4)"/>
+  <rect x="0" y="20" width="20" height="20" filter="url(#filter_2)"/>
+  <rect x="20" y="20" width="20" height="20" filter="url(#filter_1)"/>
+  <rect x="0" y="40" width="20" height="20" filter="url(#filter_3)"/>
+  <rect x="20" y="40" width="20" height="20" filter="url(#filter_4)"/>
+  <rect x="0" y="60" width="20" height="20" filter="url(#filter_2)"/>
+  <rect x="20" y="60" width="20" height="20" filter="url(#filter_1)"/>
+  <rect x="0" y="80" width="20" height="20" filter="url(#filter_1)"/>
+  <rect x="20" y="80" width="20" height="20" filter="url(#filter_4)"/>
+  <rect x="0" y="100" width="20" height="20" filter="url(#filter_4)"/>
+  <rect x="20" y="100" width="20" height="20" filter="url(#filter_1)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01.svg b/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01.svg
new file mode 100644
index 0000000000..e48a6bd55e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-01.svg
@@ -0,0 +1,217 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(5, true)">
+  <title>Test animation of the "numOctaves" &lt;integer&gt; attribute on the "feTurbulence" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+
+  <!-- Our implementation strategy for animating integers with
+       calcMode="linear" is to use round(), with the slight twist that we
+       round "to the NEXT value" when the current time puts us exactly midway
+       between two integer values. (This is so that the result of midpoint
+       rounding does not depend on whether we're animating up to a higher
+       value or animating down to a lower value.) Note that one of the quirks
+       of using round() is that the start and end values of any integer
+       range only receive half as much time as any intermediary values. This
+       is as you would expect mathematically, but it's probably unexpected
+       for most users!
+
+       We could try to avoid this round() quirk by coming up with a better
+       implementation strategy for calcMode="linear", but animation of the
+       few integer attributes in SVG 1.1 is extremely unlikely (so this
+       issue is very low priority), and it's actually difficult to find a
+       better strategy that doesn't have its own undesirable quirks.
+
+       One alternative could be to divide the time evenly amoungst each
+       integer. (I.e. it would be similar to calcMode="discrete", except it
+       would also visit all the intermediary values, not just the start and
+       end values). The issue with this approach is that for a simple "to"
+       animation the animation wouldn't actually seem to change anything until
+       interpolation reaches the second integer value. This could be avoided
+       by skipping the initial value and distributing the time between the
+       other values, but then in the case of a "from-to" animation where the
+       from value is different to the underlying attribute value, the
+       animation would seem to skip the first value. Not that the same sort of
+       problem exists at the other end of the simple duration, where it will
+       reach the final integer value before the end of the simple duration.
+       This could be avoided by only setting the final value right at the end
+       of the simple duration and distributing the time between evenly
+       between the other values, but then the final value will only be seen if
+       fill="freeze".
+
+       There are many other problems with other implementation strategies. The
+       more you think about them, add the complexity of 'values', 'by' etc,
+       and think of cases where they behave strangely (e.g. animating between
+       just two adjacent integers, up or down, etc.), the more ugly it gets.
+       It's really not worth it for SVG 1.1. Maybe if you could use SMIL for
+       'font-size' or something even more likely to be animated it would be.
+  -->
+
+
+  <!-- Some calcMode="linear" tests animating *up* to higher values. -->
+
+  <!-- At 5s the animated value should be 3. -->
+  <filter id="filter_1" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="6.1s"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="0" width="20" height="20" filter="url(#filter_1)"/>
+
+  <!-- At exactly 5s the animated value should change to 4. -->
+  <filter id="filter_2" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="6s"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" width="20" height="20" filter="url(#filter_2)"/>
+
+
+  <!-- Some calcMode="linear" tests animating *down* to lower values. -->
+
+  <!-- At 5s the animated value should be 2. -->
+  <filter id="filter_3" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="6.1s"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="0" y="20" width="20" height="20" filter="url(#filter_3)"/>
+
+  <!-- At exactly 5s the animated value should change to 1. -->
+  <filter id="filter_4" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="6s"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="20" width="20" height="20" filter="url(#filter_4)"/>
+
+
+  <!-- Some 'by' animation tests -->
+
+  <!-- At 5s the animated value should be 3. -->
+  <filter id="filter_5" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="6.1s"
+               by="3"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect y="40" width="20" height="20" filter="url(#filter_5)"/>
+
+  <!-- At exactly 5s the animated value should change to 4. -->
+  <filter id="filter_6" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="6s"
+               by="3"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="40" width="20" height="20" filter="url(#filter_6)"/>
+
+
+  <!-- calcMode="paced" tests -->
+
+  <!-- At 5s the animated value should be 2. -->
+  <filter id="filter_7" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="paced"
+               begin="0s" dur="6.1s"
+               values="4; 3; 1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect y="60" width="20" height="20" filter="url(#filter_7)"/>
+
+  <!-- At exactly 5s the animated value should change to 1. -->
+  <filter id="filter_8" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="paced"
+               begin="0s" dur="6s"
+               values="4; 3; 1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="60" width="20" height="20" filter="url(#filter_8)"/>
+
+
+  <!-- Some calcMode="discrete" tests animating *up* to higher values. -->
+
+  <!-- At 5s the animated value should be 1. -->
+  <filter id="filter_9" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="discrete"
+               begin="0s" dur="10.1s"
+               from="1"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="0" y="80" width="20" height="20" filter="url(#filter_9)"/>
+
+  <!-- At exactly 5s the animated value should change to 4. -->
+  <filter id="filter_10" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="discrete"
+               begin="0s" dur="10s"
+               from="1"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="80" width="20" height="20" filter="url(#filter_10)"/>
+
+
+  <!-- Some calcMode="discrete" tests animating *down* to lower values. -->
+
+  <!-- At 5s the animated value should be 4. -->
+  <filter id="filter_11" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="discrete"
+               begin="0s" dur="10.1s"
+               from="4"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="0" y="100" width="20" height="20" filter="url(#filter_11)"/>
+
+  <!-- At exactly 5s the animated value should change to 1. -->
+  <filter id="filter_12" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="discrete"
+               begin="0s" dur="10s"
+               from="4"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="100" width="20" height="20" filter="url(#filter_12)"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-02.svg b/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-02.svg
new file mode 100644
index 0000000000..ffade083b0
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-feTurbulence-numOctaves-02.svg
@@ -0,0 +1,202 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(3, true)">
+  <title>Test animation of the "numOctaves" &lt;integer&gt; attribute on the "feTurbulence" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <!-- This is an unfinished and unused testcase that would not pass given the
+       current implementation strategy. This testcase assumes that the
+       strategy should be to give each value an equal slice of the simple
+       duration. In other words if animating from 1 to 4 in 4 seconds, then
+       each of the values 1, 2, 3 and 4 would get 1 second each.
+
+       See the comment in anim-feTurbulence-numOctaves-01.svg for more on
+       implementation strategy.
+  -->
+
+
+
+  <!-- Animation of integers is actually more complicated than lengths. It's
+       necessary to "jump" from value to value since you're dealing with
+       discrete integers rather than continuous real numbers.
+
+       The spec doesn't say exactly how to behave, but we assume that the each
+       of the values in a from-to animation gets an equal slice of the simple
+       duration. We also assume that at times that are exactly midway between
+       two integers, we should jump to the "next" integer. In other words, when
+       animating from 0 to 1 in 1 second, at 0.5 seconds the value changes to
+       1; but when animating from 1 to 0 in 1 second, at 0.5 seconds the value
+       changes to 0. This is different from floor(), round() or ceil()
+       behavior, and we test that by animating both "up" and "down" below.
+  -->
+
+
+  <!-- Some tests animating *up* to higher values. -->
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 3.25s - so at 3s the animated value should still be 1. -->
+  <filter id="filter_1" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="13s"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect width="20" height="20" filter="url(#filter_1)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 3s - so at exactly 3s the animated value should become 2. -->
+  <filter id="filter_2" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="12s"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" width="20" height="20" filter="url(#filter_2)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 1.25s - so at 3s the animated value should still be 3. -->
+  <filter id="filter_3" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="5s"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="40" width="20" height="20" filter="url(#filter_3)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 1s - so at exactly 3s the animated value should become 4. -->
+  <filter id="filter_4" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="4s"
+               to="4"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="60" width="20" height="20" filter="url(#filter_4)"/>
+
+
+  <!-- Some tests animating *down* to lower values. -->
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 3.25s - so at 3s the animated value should still be 4. -->
+  <filter id="filter_5" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="13s"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect y="20" width="20" height="20" filter="url(#filter_5)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 3s - so at exactly 3s the animated value should become 3. -->
+  <filter id="filter_6" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="12s"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="20" width="20" height="20" filter="url(#filter_6)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 1.25s - so at 3s the animated value should still be 2. -->
+  <filter id="filter_7" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="5s"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="40" y="20" width="20" height="20" filter="url(#filter_7)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+	   that is 1s - so at exactly 3s the animated value should become 1. -->
+  <filter id="filter_8" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="4s"
+               to="1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="60" y="20" width="20" height="20" filter="url(#filter_8)"/>
+
+
+  <!-- Some 'by' animation tests -->
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 1.25s - so at 3s the animated value should still be 3. -->
+  <filter id="filter_9" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="5s"
+               by="3"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect y="40" width="20" height="20" filter="url(#filter_9)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 1s - so at exactly 3s the animated value should become 4. -->
+  <filter id="filter_10" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1">
+      <animate attributeName="numOctaves"
+               calcMode="linear"
+               begin="0s" dur="4s"
+               by="3"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="40" width="20" height="20" filter="url(#filter_10)"/>
+
+
+  <!-- calcMode="paced" tests -->
+
+  <!-- Each of the four values should get an equal slice of the duration -
+       that is 1.25s - so at 3s the animated value should still be 2. -->
+  <filter id="filter_11" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="paced"
+               begin="0s" dur="5s"
+               values="4; 3; 1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect y="60" width="20" height="20" filter="url(#filter_11)"/>
+
+  <!-- Each of the four values should get an equal slice of the duration -
+	   that is 1s - so at exactly 3s the animated value should become 1. -->
+  <filter id="filter_12" x="0%" y="0%" width="100%" height="100%">
+    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="4">
+      <animate attributeName="numOctaves"
+               calcMode="paced"
+               begin="0s" dur="4s"
+               values="4; 3; 1"
+               fill="freeze"/>
+    </feTurbulence>
+  </filter>
+  <rect x="20" y="60" width="20" height="20" filter="url(#filter_12)"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-fill-overpaintserver-1.svg b/layout/reftests/svg/smil/anim-fill-overpaintserver-1.svg
new file mode 100644
index 0000000000..d1a8d61597
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-fill-overpaintserver-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="red">
+      <stop offset="0.0" stop-color="#f00"/>
+    </linearGradient>
+  </defs>
+  <rect width="100%" height="100%" fill="url(#red)">
+    <set attributeName="fill" to="lime"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-fill-overpaintserver-2.svg b/layout/reftests/svg/smil/anim-fill-overpaintserver-2.svg
new file mode 100644
index 0000000000..e3ee053636
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-fill-overpaintserver-2.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <!-- In this test we will attempt to interpolate since fill is interpolatable
+       but fail since the base value can't be converted to an RGB color value
+       and hence should fall back to discrete calcMode which, in the case of
+       to-animation, sets the to value for the second half of the simple
+       duration. -->
+  <defs>
+    <linearGradient id="red">
+      <stop offset="0.0" stop-color="#f00"/>
+    </linearGradient>
+  </defs>
+  <rect width="100%" height="100%" fill="url(#red)">
+    <animate attributeName="fill" to="lime" dur="3s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-fillcolor-1.svg b/layout/reftests/svg/smil/anim-fillcolor-1.svg
new file mode 100644
index 0000000000..7b6ed390f1
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-fillcolor-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="rgb(255,0,0)">
+    <animateColor attributeName="fill" from="rgb(255,0,0)" to="rgb(0,0,255)"
+                  begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-fillopacity-1css.svg b/layout/reftests/svg/smil/anim-fillopacity-1css.svg
new file mode 100644
index 0000000000..68462b6e53
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-fillopacity-1css.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue" fill-opacity="0">
+    <animate attributeName="fill-opacity" attributeType="CSS"
+             from="0" to="1" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-fillopacity-1none.svg b/layout/reftests/svg/smil/anim-fillopacity-1none.svg
new file mode 100644
index 0000000000..7a8bfcc81e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-fillopacity-1none.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue" fill-opacity="0">
+    <animate attributeName="fill-opacity"
+             from="0" to="1" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-fillopacity-1xml.svg b/layout/reftests/svg/smil/anim-fillopacity-1xml.svg
new file mode 100644
index 0000000000..f543745cc5
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-fillopacity-1xml.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue" fill-opacity="0">
+    <animate attributeName="fill-opacity" attributeType="XML"
+             from="0" to="1" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-filter-filterUnits-01.svg b/layout/reftests/svg/smil/anim-filter-filterUnits-01.svg
new file mode 100644
index 0000000000..641f711931
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-filter-filterUnits-01.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "filterUnits" enum attributes of the "filter" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <filter id="flood_filter_1" filterUnits="userSpaceOnUse"
+          x="0%" y="0%" width="100%" height="100%">
+    <!-- this should reduce the referencing element to 50% of the
+         viewport width at 1.25s -->
+    <animate attributeName="filterUnits"
+             calcMode="discrete"
+             begin="0s" dur="2.5s"
+             from="userSpaceOnUse" to="objectBoundingBox"
+             fill="freeze"/>
+    <feFlood width="100%" height="100%" flood-color="lime"/>
+  </filter>
+  <filter id="flood_filter_2" x="0%" y="0%" width="100%" height="100%">
+    <!-- this should expand the referencing element to 100% of the
+         viewport width at 1s -->
+    <animate attributeName="filterUnits"
+             calcMode="discrete"
+             begin="0s" dur="2s"
+             from="objectBoundingBox" to="userSpaceOnUse"
+             fill="freeze"/>
+    <feFlood width="100%" height="100%" flood-color="lime"/>
+  </filter>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100%" height="100" fill="red"/>
+
+  <!-- 40% through discrete animation simple duration -
+       tests animation doesn't affect the element too early -->
+  <svg height="50">
+    <rect width="50%" height="100%" fill="red" filter="url(#flood_filter_1)"/>
+  </svg>
+
+  <!-- 50% through discrete animation simple duration -
+       tests animation affects the element now -->
+  <svg y="50" height="50">
+    <rect width="50%" height="100%" fill="red" filter="url(#flood_filter_2)"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-filter-href-01.svg b/layout/reftests/svg/smil/anim-filter-href-01.svg
new file mode 100644
index 0000000000..fa259de4ee
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-filter-href-01.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "in" and "result" &lt;string&gt; attributes on "filter" elements</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <defs>
+    <filter id="filt">
+      <feFlood flood-color="red" result="flood1"/>
+      <feFlood flood-color="lime" result="nowhere">
+        <animate attributeName="result"
+                 calcMode="discrete"
+                 begin="0s" dur="0.5s"
+                 from="nowhere" to="flood2"
+                 fill="freeze"/>
+      </feFlood>
+      <feOffset in="flood1">
+        <animate attributeName="in"
+                 calcMode="discrete"
+                 begin="0s" dur="0.5s"
+                 from="flood1" to="flood2"
+                 fill="freeze"/>
+      </feOffset>
+    </filter>
+  </defs>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="red" filter="url(#filt)"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-filter-primitive-size-01.svg b/layout/reftests/svg/smil/anim-filter-primitive-size-01.svg
new file mode 100644
index 0000000000..ceb7c32856
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-filter-primitive-size-01.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <title>Test animation of the "width" and "height" attributes of a filter primitive element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script>
+
+window.addEventListener("MozReftestInvalidate", run, false);
+setTimeout(run, 4000); // fallback for running outside reftest
+
+function run() {
+  setTimeAndSnapshot(1, true)
+}
+
+  </script>
+  <filter id="flood_filter" x="0%" y="0%" width="100%" height="100%">
+    <feFlood width="0%" height="0%" flood-color="lime">
+      <animate attributeName="width"
+               calcMode="linear"
+               begin="0s" dur="2s"
+               from="0%" to="200%"
+               fill="freeze"/>
+      <animate attributeName="height"
+               calcMode="linear"
+               begin="0s" dur="1s"
+               from="0%" to="100%"
+               fill="freeze"/>
+    </feFlood>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="red" filter="url(#flood_filter)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-filter-size-01.svg b/layout/reftests/svg/smil/anim-filter-size-01.svg
new file mode 100644
index 0000000000..e047b89d92
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-filter-size-01.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <title>Test animation of the "width" and "height" attributes of the "filter" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script>
+
+window.addEventListener("MozReftestInvalidate", run, false);
+setTimeout(run, 4000); // fallback for running outside reftest
+
+function run() {
+  setTimeAndSnapshot(1, true)
+}
+
+  </script>
+  <filter id="flood_filter" x="0%" y="0%" width="0%" height="0%">
+    <animate attributeName="width"
+             calcMode="linear"
+             begin="0s" dur="2s"
+             from="0%" to="200%"
+             fill="freeze"/>
+    <animate attributeName="height"
+             calcMode="linear"
+             begin="0s" dur="1s"
+             from="0%" to="100%"
+             fill="freeze"/>
+    <feFlood width="100%" height="100%" flood-color="lime"/>
+  </filter>
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="red" filter="url(#flood_filter)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-gradient-attr-presence-01-ref.svg b/layout/reftests/svg/smil/anim-gradient-attr-presence-01-ref.svg
new file mode 100644
index 0000000000..77212fbb3f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-gradient-attr-presence-01-ref.svg
@@ -0,0 +1,142 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 900">
+  <!-- 1. gradientUnits -->
+  <defs>
+    <linearGradient id="gradientUnits" x1="0" y1="0" x2="100" y2="0"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <rect width="100px" height="100px" fill="url(#gradientUnits)"/>
+  <g transform="translate(100px)">
+    <rect width="100px" height="100px" fill="url(#gradientUnits)"/>
+  </g>
+  <!-- 2. gradientTransform -->
+  <defs>
+    <linearGradient id="gradientTransform"
+      gradientTransform="rotate(90 0.5 0.5)">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 100px)">
+    <rect width="100px" height="100px" fill="url(#gradientTransform)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#gradientTransform)"/>
+    </g>
+  </g>
+  <!-- 3. x1, x2 -->
+  <defs>
+    <linearGradient id="x1x2" x1="40%" x2="60%">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 200px)">
+    <rect width="100px" height="100px" fill="url(#x1x2)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#x1x2)"/>
+    </g>
+  </g>
+  <!-- 4. y1, y2 -->
+  <defs>
+    <linearGradient id="y1y2" x2="0%" y1="40%" y2="60%">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 300px)">
+    <rect width="100px" height="100px" fill="url(#y1y2)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#y1y2)"/>
+    </g>
+  </g>
+  <!-- 5. cx, cy -->
+  <defs>
+    <radialGradient id="cxcy" cx="0%" cy="100%">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </radialGradient>
+  </defs>
+  <g transform="translate(0px 400px)">
+    <rect width="100px" height="100px" fill="url(#cxcy)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#cxcy)"/>
+    </g>
+  </g>
+  <!-- 6. r -->
+  <defs>
+    <radialGradient id="r" r="100%">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </radialGradient>
+  </defs>
+  <g transform="translate(0px 500px)">
+    <rect width="100px" height="100px" fill="url(#r)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#r)"/>
+    </g>
+  </g>
+  <!-- 7. fx, fy -->
+  <defs>
+    <radialGradient id="fxfy" fx="20%" fy="80%">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </radialGradient>
+  </defs>
+  <g transform="translate(0px 600px)">
+    <rect width="100px" height="100px" fill="url(#fxfy)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#fxfy)"/>
+    </g>
+  </g>
+  <!-- 8. spreadMethod -->
+  <defs>
+    <linearGradient id="spreadMethod" x1="50%" spreadMethod="reflect">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 700px)">
+    <rect width="100px" height="100px" fill="url(#spreadMethod)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#spreadMethod)"/>
+    </g>
+  </g>
+  <!-- 9. xlink:href -->
+  <defs>
+    <linearGradient id="xlink" xlink:href="#xlinkRef"/>
+    <linearGradient id="xlinkRef">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 800px)">
+    <rect width="100px" height="100" fill="url(#xlink)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#xlinkRef)"/>
+    </g>
+  </g>
+  <!-- We were getting random but very minor anti-aliasing differences on OSX
+       and OSX64 along the edges of these gradients so we draw a thick stroke
+       over all the edges. -->
+  <path stroke="black" stroke-width="3px" stroke-linecap="square" fill="none"
+    d="M0 0H200V900H0V0
+       M0 100H200
+       M0 200H200
+       M0 300H200
+       M0 400H200
+       M0 500H200
+       M0 600H200
+       M0 700H200
+       M0 800H200
+       M0 900H200
+       M100 0V900"/>
+  <!-- If adding more tests here, be sure to update the viewBox on the root svg
+       element -->
+</svg>
diff --git a/layout/reftests/svg/smil/anim-gradient-attr-presence-01.svg b/layout/reftests/svg/smil/anim-gradient-attr-presence-01.svg
new file mode 100644
index 0000000000..36b1339376
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-gradient-attr-presence-01.svg
@@ -0,0 +1,193 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 900">
+  <!-- Bug 608161 - SVG SMIL: Don't use HasAttr to test for presence of animated
+       attributes.
+       
+       Test animating gradient attributes doesn't rely on the presence of
+       attributes in the DOM, but also correctly detects attributes set by
+       animation.
+
+       The format of each test is that we have a base gradient named
+       (attName)Ref which does NOT specify the attribute under test, but instead
+       sets the attribute to a non-default value using animation.
+
+       Then we have a referencing gradient named (attName) that refers to the
+       base gradient and also does NOT specify the attribute under test.
+
+       When we go to look up the attribute under test we begin at (attName),
+       notice the attribute isn't specified (either in the DOM or by animation),
+       then go to (attName)Ref and detect that the attribute is specified there
+       by animation and use that value.
+
+       To the right of each test we also include a rect that directly references
+       (attName)Ref. The two rectangles should be identical but prior to fixing
+       this bug they were not.
+       -->
+  <!-- 1. gradientUnits: defaults to objectBoundingBox -->
+  <defs>
+    <linearGradient xlink:href="#gradientUnitsRef" id="gradientUnits"/>
+    <linearGradient id="gradientUnitsRef" x1="0" y1="0" x2="100" y2="0">
+      <set attributeName="gradientUnits" to="userSpaceOnUse"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <rect width="100px" height="100px" fill="url(#gradientUnits)"/>
+  <g transform="translate(100px)">
+    <rect width="100px" height="100px" fill="url(#gradientUnitsRef)"/>
+  </g>
+  <!-- 2. gradientTransform: defaults to identity -->
+  <defs>
+    <linearGradient xlink:href="#gradientTransformRef" id="gradientTransform"/>
+    <linearGradient id="gradientTransformRef">
+      <animateTransform attributeName="gradientTransform" type="rotate"
+        values="90 0.5 0.5" fill="freeze"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 100px)">
+    <rect width="100px" height="100px" fill="url(#gradientTransform)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#gradientTransformRef)"/>
+    </g>
+  </g>
+  <!-- 3. x1: defaults to 0%
+          x2: defaults to 100% -->
+  <defs>
+    <linearGradient xlink:href="#x1x2Ref" id="x1x2"/>
+    <linearGradient id="x1x2Ref">
+      <set attributeName="x1" to="40%"/>
+      <set attributeName="x2" to="60%"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 200px)">
+    <rect width="100px" height="100px" fill="url(#x1x2)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#x1x2Ref)"/>
+    </g>
+  </g>
+  <!-- 4. y1: defaults to 0%
+          y2: defaults to 0% -->
+  <defs>
+    <linearGradient xlink:href="#y1y2Ref" id="y1y2"/>
+    <linearGradient id="y1y2Ref" x2="0%">
+      <set attributeName="y1" to="40%"/>
+      <set attributeName="y2" to="60%"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 300px)">
+    <rect width="100px" height="100px" fill="url(#y1y2)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#y1y2Ref)"/>
+    </g>
+  </g>
+  <!-- 5. cx: defaults to 50%
+          cy: defaults to 50% -->
+  <defs>
+    <radialGradient xlink:href="#cxcyRef" id="cxcy"/>
+    <radialGradient id="cxcyRef">
+      <set attributeName="cx" to="0%"/>
+      <set attributeName="cy" to="100%"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </radialGradient>
+  </defs>
+  <g transform="translate(0px 400px)">
+    <rect width="100px" height="100px" fill="url(#cxcy)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#cxcyRef)"/>
+    </g>
+  </g>
+  <!-- 6. r: defaults to 50% -->
+  <defs>
+    <radialGradient xlink:href="#rRef" id="r"/>
+    <radialGradient id="rRef">
+      <set attributeName="r" to="100%"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </radialGradient>
+  </defs>
+  <g transform="translate(0px 500px)">
+    <rect width="100px" height="100px" fill="url(#r)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#rRef)"/>
+    </g>
+  </g>
+  <!-- 7. fx: defaults to cx
+          fy: defaults to cy -->
+  <defs>
+    <radialGradient xlink:href="#fxfyRef" id="fxfy"/>
+    <radialGradient id="fxfyRef">
+      <set attributeName="fx" to="20%"/>
+      <set attributeName="fy" to="80%"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </radialGradient>
+  </defs>
+  <g transform="translate(0px 600px)">
+    <rect width="100px" height="100px" fill="url(#fxfy)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#fxfyRef)"/>
+    </g>
+  </g>
+  <!-- 8. spreadMethod: defaults to pad -->
+  <defs>
+    <linearGradient xlink:href="#spreadMethodRef" id="spreadMethod"/>
+    <linearGradient id="spreadMethodRef" x1="50%">
+      <set attributeName="spreadMethod" to="reflect"/>
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 700px)">
+    <rect width="100px" height="100px" fill="url(#spreadMethod)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#spreadMethodRef)"/>
+    </g>
+  </g>
+  <!-- 9. xlink:href
+    This attribute is not affected by bug 608161 but we test it here for
+    completeness.
+    -->
+  <defs>
+    <linearGradient id="xlink">
+      <set attributeName="xlink:href" to="#xlinkRef"/>
+    </linearGradient>
+    <linearGradient id="xlinkRef">
+      <stop offset="0%" stop-color="#F60" />
+      <stop offset="100%" stop-color="#FF6" />
+    </linearGradient>
+  </defs>
+  <g transform="translate(0px 800px)">
+    <rect width="100px" height="100px" fill="url(#xlink)"/>
+    <g transform="translate(100px)">
+      <rect width="100px" height="100px" fill="url(#xlinkRef)"/>
+    </g>
+  </g>
+  <!-- We were getting random but very minor anti-aliasing differences on OSX
+       and OSX64 along the edges of these gradients so we draw a thick stroke
+       over all the edges. -->
+  <path stroke="black" stroke-width="3px" stroke-linecap="square" fill="none"
+    d="M0 0H200V900H0V0
+       M0 100H200
+       M0 200H200
+       M0 300H200
+       M0 400H200
+       M0 500H200
+       M0 600H200
+       M0 700H200
+       M0 800H200
+       M0 900H200
+       M100 0V900"/>
+  <!-- If adding more tests here, be sure to update the viewBox on the root svg
+       element -->
+</svg>
diff --git a/layout/reftests/svg/smil/anim-gradient-href-01.svg b/layout/reftests/svg/smil/anim-gradient-href-01.svg
new file mode 100644
index 0000000000..717454e47d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-gradient-href-01.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.25, true)">
+  <title>Test animation of the "xlink:href" &lt;string&gt; attribute on the "linearGradient" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <defs>
+    <linearGradient id="grad1a" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+      <stop id="red" stop-color="red" offset="0"/>
+    </linearGradient>
+    <linearGradient id="grad1b" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+      <stop id="lime" stop-color="lime" offset="0"/>
+    </linearGradient>
+    <linearGradient id="grad2" xlink:href="#grad1a">
+      <animate attributeName="xlink:href"
+           begin="0s" dur="0.5s"
+           from="#grad1a" to="#grad1b"
+           fill="freeze"/>
+    </linearGradient>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-done-1a.svg b/layout/reftests/svg/smil/anim-height-done-1a.svg
new file mode 100644
index 0000000000..2c76c78820
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-done-1a.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="50" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
+
diff --git a/layout/reftests/svg/smil/anim-height-done-1b.svg b/layout/reftests/svg/smil/anim-height-done-1b.svg
new file mode 100644
index 0000000000..e36788264a
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-done-1b.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="50" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
+
diff --git a/layout/reftests/svg/smil/anim-height-done-2.svg b/layout/reftests/svg/smil/anim-height-done-2.svg
new file mode 100644
index 0000000000..9b967b8b73
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-done-2.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, false)" width="0%" height="0%" viewBox="0 0 100 100" preserveAspectRatio="none">
+  <animate attributeName="height"
+           from="0%" to="100%" begin="0s" dur="2s" fill="freeze"/>
+  <animate attributeName="width"
+           from="0%" to="100%" begin="0s" dur="2s" fill="freeze"/>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="lime"/>
+</svg>
+
diff --git a/layout/reftests/svg/smil/anim-height-interp-1-ref.svg b/layout/reftests/svg/smil/anim-height-interp-1-ref.svg
new file mode 100644
index 0000000000..27a02e1471
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="115" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-1.svg b/layout/reftests/svg/smil/anim-height-interp-1.svg
new file mode 100644
index 0000000000..d9bae4605d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.3, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-2-ref.svg b/layout/reftests/svg/smil/anim-height-interp-2-ref.svg
new file mode 100644
index 0000000000..7c9ee8e593
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-2-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="125" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-2.svg b/layout/reftests/svg/smil/anim-height-interp-2.svg
new file mode 100644
index 0000000000..5226dad75d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-2.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.5, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-3-ref.svg b/layout/reftests/svg/smil/anim-height-interp-3-ref.svg
new file mode 100644
index 0000000000..d7c16a4d18
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-3-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="160" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-3.svg b/layout/reftests/svg/smil/anim-height-interp-3.svg
new file mode 100644
index 0000000000..170fc41936
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-3.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.2, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-4-ref.svg b/layout/reftests/svg/smil/anim-height-interp-4-ref.svg
new file mode 100644
index 0000000000..5d51804a08
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-4-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="170" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-4.svg b/layout/reftests/svg/smil/anim-height-interp-4.svg
new file mode 100644
index 0000000000..ffea9649cb
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-4.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.4, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-5-ref.svg b/layout/reftests/svg/smil/anim-height-interp-5-ref.svg
new file mode 100644
index 0000000000..1c8991152f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-5-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="190" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-5.svg b/layout/reftests/svg/smil/anim-height-interp-5.svg
new file mode 100644
index 0000000000..d0562ee6f1
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-5.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.8, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-6-ref.svg b/layout/reftests/svg/smil/anim-height-interp-6-ref.svg
new file mode 100644
index 0000000000..a809eb515c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-6-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="195" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-height-interp-6.svg b/layout/reftests/svg/smil/anim-height-interp-6.svg
new file mode 100644
index 0000000000..eeb3bdfadb
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-height-interp-6.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.9, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="50" fill="blue">
+    <animate attributeName="height"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-image-href-01.svg b/layout/reftests/svg/smil/anim-image-href-01.svg
new file mode 100644
index 0000000000..44d63b23b3
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-image-href-01.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "xlink:href" &lt;string&gt; attribute on the "image" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="64" height="64" fill="red"/>
+  <image fill="none" width="64" height="64" xlink:href="">
+    <animate attributeName="xlink:href"
+         calcMode="discrete"
+         begin="0s" dur="0.5s"
+         from="" to="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAJFJREFUaEPt1UEOg0AMBEHz/0ez8IY5zFqqKFdLkGrHz7yz/PO9wOrv7qf/81n983uBCwAl1EYgQCD8H5eQhCTUboAAgbCBcNwdaBdIgIAlbjdAgEDYQDjuDrQLJEDAErcbIEAgbCAcdwfaBRIgYInbDRAgEDYQjrsD7QIJELDE7QYIEAgbCMfdgXaBBAhkS3wAXsqyIo0zj4gAAAAASUVORK5CYII="
+         fill="freeze"/>
+  </image>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-indefinite-to-1.svg b/layout/reftests/svg/smil/anim-indefinite-to-1.svg
new file mode 100644
index 0000000000..0826e113b1
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-indefinite-to-1.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- Test that an indefinite to-animation just sticks to the base value for
+       interpolatable attributes. -->
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="height" to="100" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-indefinite-to-2.svg b/layout/reftests/svg/smil/anim-indefinite-to-2.svg
new file mode 100644
index 0000000000..3de1aecad7
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-indefinite-to-2.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- Test that an indefinite to-animation with discrete calcMode applies
+       the underlying value for the whole time. -->
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="height" to="100" dur="indefinite"
+      calcMode="discrete"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-indefinite-to-3.svg b/layout/reftests/svg/smil/anim-indefinite-to-3.svg
new file mode 100644
index 0000000000..e4e7d22f86
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-indefinite-to-3.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- Test that an indefinite to-animation that falls back to discrete calcMode
+       because the property is not interpolatable, applies the underlying value
+       for the whole time. -->
+  <rect x="15" y="15" width="200" height="200" fill="blue" visibility="visible">
+    <animate attributeName="visibility" to="hidden" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-indefinite-to-4.svg b/layout/reftests/svg/smil/anim-indefinite-to-4.svg
new file mode 100644
index 0000000000..29086705f6
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-indefinite-to-4.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- This is not really a to-animation, but we want to check that set
+       animation isn't incorrectly treated as to-animation.
+
+       Provided the attribute being animated is interpolatable (as it is in this
+       case) and calcMode != discrete, to-animation will begin from the base
+       value (and never change in this case as the simple duration is
+       indefinite).
+
+       Set animation, however, never sets the base value, only the to value. -->
+  <rect x="15" y="15" width="200" height="100" fill="blue">
+    <set attributeName="height" to="200" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-length-reset-01.svg b/layout/reftests/svg/smil/anim-length-reset-01.svg
new file mode 100644
index 0000000000..a4bab46520
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-length-reset-01.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="document.documentElement.setCurrentTime(0);
+             if (document.getElementById('x').width.animVal.value != 0) {
+	       /* fail */
+               document.documentElement.textContent = '';     
+             }
+             setTimeAndSnapshot(1, true)">
+  <title>Test that an animation for a length correctly restores the original
+         pixel size when the animation is done.</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100" height="100" fill="red"/>
+  <rect width="100" height="100" fill="lime" id="x">
+    <set attributeName="width" to="0" dur="1s" begin="0s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-marker-orient-01.svg b/layout/reftests/svg/smil/anim-marker-orient-01.svg
new file mode 100644
index 0000000000..1172961cf7
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-marker-orient-01.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(4, true)">
+  <title>Test animation of the "orient" attribute of the "marker" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- Check that midway through the simple duration the orient attribute has
+       an animated value of -90deg -->
+  <marker id="marker_1" markerWidth="50" markerHeight="50"
+          markerUnits="userSpaceOnUse">
+    <rect width="20" height="20" fill="lime"/>
+    <animate attributeName="orient"
+             calcMode="linear"
+             begin="0s" dur="8s"
+             from="0deg" to="-180deg"
+             fill="freeze"/>
+  </marker>
+  <rect width="20" height="20" fill="red"/>
+  <line x2="0" y2="20" marker-end="url(#marker_1)" stroke="transparent"/>
+
+  <!-- Check that at the end of the simple duration the orient attribute has
+       an animated value of -90deg -->
+  <marker id="marker_2" markerWidth="50" markerHeight="50"
+          markerUnits="userSpaceOnUse">
+    <rect width="20" height="20" fill="lime"/>
+    <animate attributeName="orient"
+             calcMode="linear"
+             begin="0s" dur="4s"
+             from="0deg" to="-90deg"
+             fill="freeze"/>
+  </marker>
+  <rect x="20" width="20" height="20" fill="red"/>
+  <line x2="20" y2="20" marker-end="url(#marker_2)" stroke="transparent"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-marker-orient-02.svg b/layout/reftests/svg/smil/anim-marker-orient-02.svg
new file mode 100644
index 0000000000..2c2d96ceaf
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-marker-orient-02.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(4, true)">
+  <title>Test animation of the "orient" attribute of the "marker" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- Check that partway through the simple duration, the orient attribute is
+       still stuck at the initial value ("-90deg"), since we currently can't
+       interpolate between angle-values and "auto" -->
+  <marker id="marker_1" markerWidth="50" markerHeight="50"
+          markerUnits="userSpaceOnUse">
+    <rect width="20" height="20" fill="lime"/>
+    <animate attributeName="orient"
+             calcMode="linear"
+             begin="0s" dur="10s"
+             from="-90deg" to="auto"
+             fill="freeze"/>
+  </marker>
+  <rect width="20" height="20" fill="red"/>
+  <line x2="0" y2="20" marker-end="url(#marker_1)" stroke="transparent"/>
+
+  <!-- Check that at the end of the simple duration the orient attribute has
+       an animated value of "auto" (which in this case corresponds to 90deg) -->
+  <marker id="marker_2" markerWidth="50" markerHeight="50"
+          markerUnits="userSpaceOnUse">
+    <rect width="20" height="20" fill="lime"/>
+    <animate attributeName="orient"
+             calcMode="linear"
+             begin="0s" dur="4s"
+             from="-45deg" to="auto"
+             fill="freeze"/>
+  </marker>
+  <rect x="20" width="20" height="20" fill="red"/>
+  <line x1="40" y1="-20" x2="40" y2="0" marker-end="url(#marker_2)"
+        stroke="transparent"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-nonpixel-length-reset-01.svg b/layout/reftests/svg/smil/anim-nonpixel-length-reset-01.svg
new file mode 100644
index 0000000000..c362695a75
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-nonpixel-length-reset-01.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="document.documentElement.setCurrentTime(0);
+             if (document.getElementById('x').width.animVal.value != 0) {
+	       /* fail */
+               document.documentElement.textContent = '';     
+             }
+             setTimeAndSnapshot(1, true)">
+  <title>Test that an animation for a length correctly restores the original
+         pixel size when the animation is done.</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100" height="100" fill="red"/>
+  <rect width="10em" height="100" fill="lime" font-size="10px" id="x">
+    <set attributeName="width" to="0" dur="1s" begin="0s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-offset-01.svg b/layout/reftests/svg/smil/anim-offset-01.svg
new file mode 100644
index 0000000000..6fd68fc848
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-offset-01.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "offset" attribute on the "stop" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <linearGradient id="gradient_1">
+    <stop stop-color="lime" offset="0"/>
+    <stop stop-color="lime" offset="0">
+      <animate attributeName="offset" attributeType="XML"
+               calcMode="linear"
+               begin="0s" dur="2s"
+               to="100%"
+               fill="freeze"/>
+    </stop>
+    <stop stop-color="red" offset="0">
+      <animate attributeName="offset" attributeType="XML"
+               calcMode="linear"
+               begin="0s" dur="2s"
+               to="1"
+               fill="freeze"/>
+    </stop>
+    <stop stop-color="red" offset="1"/>
+  </linearGradient>
+  <linearGradient id="gradient_2">
+    <stop stop-color="lime" offset="0"/>
+    <stop stop-color="lime" offset="0">
+      <animate attributeName="offset" attributeType="XML"
+               calcMode="linear"
+               begin="0s" dur="1s"
+               to="100%"
+               fill="freeze"/>
+    </stop>
+    <stop stop-color="red" offset="0">
+      <animate attributeName="offset" attributeType="XML"
+               calcMode="linear"
+               begin="0s" dur="1s"
+               to="1"
+               fill="freeze"/>
+    </stop>
+    <stop stop-color="red" offset="1"/>
+  </linearGradient>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="200" height="200" fill="red"/>
+
+  <!-- test 50% completed animation -->
+  <rect         width="200" height="100" fill="url(#gradient_1)"/>
+  <rect x="100" width="100" height="100" fill="lime"/>
+
+  <!-- test 100% completed animation -->
+  <rect y="100" width="200" height="100" fill="url(#gradient_2)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-opacity-01.svg b/layout/reftests/svg/smil/anim-opacity-01.svg
new file mode 100644
index 0000000000..bc4a368de5
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-opacity-01.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="setTimeAndSnapshot(101, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <title>Testing that opacity changes are reflected in patterns</title>
+
+  <defs>
+    <pattern id="p" width="100%" height="100%">
+      <g>
+        <rect width="100%" height="100%" fill="lime" stroke="lime" stroke-width="1" opacity="0">
+          <animate attributeName="opacity" values="0;1" dur="1s" begin="99s" fill="freeze" />
+        </rect>
+      </g>
+    </pattern>
+  </defs>
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="url(#p)"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-overflow-shorthand-ref.svg b/layout/reftests/svg/smil/anim-overflow-shorthand-ref.svg
new file mode 100644
index 0000000000..07676395d3
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-overflow-shorthand-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for animation of the "overflow" shorthand attribute</title>
+
+  <rect width="100%" height="100%" fill="none"/>
+  <marker id="marker" markerWidth="20" markerHeight="20"
+          viewBox="0 0 10 10" style="overflow: hidden">
+    <path fill="red" d="M 0 0 L 20 10 L 0 20 z" />
+  </marker>
+  <line x2="0" y2="0" marker-end="url(#marker)" stroke="transparent"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-overflow-shorthand.svg b/layout/reftests/svg/smil/anim-overflow-shorthand.svg
new file mode 100644
index 0000000000..a79dd44db2
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-overflow-shorthand.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(4, true)">
+  <title>Test animation of the "overflow" shorthand attribute</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <rect width="100%" height="100%" fill="none"/>
+  <marker id="marker" markerWidth="20" markerHeight="20"
+          viewBox="0 0 10 10">
+    <path fill="red" d="M 0 0 L 20 10 L 0 20 z" />
+    <set attributeName="overflow"
+         calcMode="linear"
+         begin="0s" dur="2s"
+         from="hidden" to="hidden"
+         fill="freeze"/>
+  </marker>
+  <line x2="0" y2="0" marker-end="url(#marker)" stroke="transparent"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-paintserver-1-ref.svg b/layout/reftests/svg/smil/anim-paintserver-1-ref.svg
new file mode 100644
index 0000000000..d6cf9488ee
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-paintserver-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="300" height="400" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-paintserver-1.svg b/layout/reftests/svg/smil/anim-paintserver-1.svg
new file mode 100644
index 0000000000..33f5fa158a
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-paintserver-1.svg
@@ -0,0 +1,86 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="lime">
+      <stop offset="0.0" stop-color="lime"/>
+    </linearGradient>
+    <linearGradient id="red">
+      <stop offset="0.0" stop-color="red"/>
+    </linearGradient>
+  </defs>
+
+  <!-- 1. Set paint server -->
+  <rect x="0" y="0" width="100" height="100" fill="red">
+    <set attributeName="fill" to="url(#lime)"/>
+  </rect>
+  <!-- 2. Get paint server. We're looking for a code path that will fetch the
+       base value, fail to replace it, and end up setting the animation
+       value as the fetched base value.
+       To-animation requires fetching the base value so we use that, plus
+       invalid animation values so that we won't replace the base value. -->
+  <rect x="100" y="0" width="100" height="100" fill="url(#lime)">
+    <animate attributeName="fill" to="pikapikaglittergold"/>
+  </rect>
+  <!-- 3. "Interpolate" paint servers. We should fall back to discrete mode
+       which should mean that 150s into a 3-valued animation of 400s duration
+       we're in the middle value since each value will get about 133s each.
+  -->
+  <rect x="200" y="0" width="100" height="100" fill="red">
+    <animate attributeName="fill" values="orange; url(#lime); purple"
+      begin="-150s" dur="400s"/>
+  </rect>
+
+  <!-- By addition tests: In the following cases we'll go to calculate our
+       animation function values but since they're by-animation we'll try to do
+       some addition which should fail since addition with paint servers isn't
+       supported and hence the animation should not be applied. -->
+  <!-- 4. Check by-addition behaves (1): by: paint server -->
+  <rect x="0" y="100" width="100" height="100" fill="lime">
+    <animate attributeName="fill" from="#f00" by="url(#red)"/>
+  </rect>
+  <!-- 5. Check by-addition behaves (2): from: paint server -->
+  <rect x="100" y="100" width="100" height="100" fill="lime">
+    <animate attributeName="fill" from="url(#red)" by="#f00"/>
+  </rect>
+  <!-- 6. Check by-addition behaves (3): from-by paint server -->
+  <rect x="200" y="100" width="100" height="100" fill="#0f0">
+    <animate attributeName="fill" from="url(#red)" by="url(#red)"/>
+  </rect>
+
+  <!-- 7. Check that by-addition without a paint server is ok though.
+       (Since the animation has indefinite simple duration we'll never get past
+       the first value which is is lime green.) -->
+  <rect x="0" y="200" width="100" height="100" fill="red">
+    <animate attributeName="fill" from="#0f0" by="#00f" dur="indefinite"/>
+  </rect>
+  <!-- 8. Sandwich addition test. In the following cases we should be able to
+       calculate the animation function ok, but we'll fail to add it to the
+       underlying values (since paint servers can't be added) and just set the
+       value instead. (SMIL 3 12.6.3 says, "[The additive] attribute is
+       ignored if the target attribute does not support additive animation.")
+       -->
+  <rect x="100" y="200" width="100" height="100" fill="red">
+    <animate attributeName="fill" values="url(#lime)" additive="sum"/>
+  </rect>
+  <!-- 9. Check paced animation fails expectedly. The operation is as with case
+       3 and we should fall back to discrete mode -->
+  <rect x="200" y="200" width="100" height="100" fill="red">
+    <animate attributeName="fill" values="#0f1; url(#lime); #00f"
+      begin="-150s" dur="400s" calcMode="paced"/>
+  </rect>
+
+  <!-- 10. Fallback color - specified color -->
+  <rect x="0" y="300" width="100" height="100" fill="red">
+    <set attributeName="fill" to="url(#nonexistant) lime"/>
+  </rect>
+  <!-- 11. Fallback color - currentColor -->
+  <g color="lime">
+    <rect x="100" y="300" width="100" height="100" fill="red">
+      <set attributeName="fill" to="url(#nonexistant) currentColor"/>
+    </rect>
+  </g>
+  <!-- 12. Fallback color - none -->
+  <rect x="200" y="300" width="100" height="100" fill="lime"/>
+  <rect x="200" y="300" width="100" height="100" fill="red">
+    <set attributeName="fill" to="url(#nonexistant) none"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-path-d-01-ref.svg b/layout/reftests/svg/smil/anim-path-d-01-ref.svg
new file mode 100644
index 0000000000..b32fd77dbe
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-path-d-01-ref.svg
@@ -0,0 +1,134 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    path { fill: none; stroke: blue; stroke-width: 1px;
+           shape-rendering: crispEdges; }
+  </style>
+
+  <path d="M10,10
+           L26,10
+           l-16,32
+           H26
+           V10
+           h16
+           v32
+
+           M80,10
+           C90,30 85,30 96,30
+           S102,30 112,10
+
+           m30,0
+           c10,20 5,20 16,20
+           s6,0 16,-20
+
+           M220,20
+           Q225,46 236,26
+           T252,20
+
+           M290,20
+           q5,26 16,6
+           t16,-6
+
+           M364,36
+           A16,11 -30 1 1 380,36
+
+           M410,36
+           a16,11 -30 1 1 16,0
+          "/>
+
+  <path transform="translate(0,70)"
+        d="M10,10
+           L26,10
+           l-16,32
+           H26
+           V10
+           h16
+           v32
+
+           M80,10
+           C90,30 85,30 96,30
+           S102,30 112,10
+
+           m30,0
+           c10,20 5,20 16,20
+           s6,0 16,-20
+
+           M220,20
+           Q225,46 236,26
+           T252,20
+
+           M290,20
+           q5,26 16,6
+           t16,-6
+
+           M364,36
+           A16,11 -30 1 1 380,36
+
+           M410,36
+           a16,11 -30 1 1 16,0
+          "/>
+
+  <path transform="translate(0,140)"
+        d="M10,10
+           L33,10
+           l-23,46
+           H33
+           V10
+           h23
+           v46
+
+           M80,10
+           C100,20 90,50 103,50
+           S106,20 126,10
+
+           m20,0
+           c20,10 10,40 23,40
+           s3,-30 23,-40
+
+           M220,30
+           Q230,72 243,33
+           T266,30
+
+           M290,30
+           q10,42 23,3
+           t23,-3
+
+           M368,53
+           A23,13 -60 1 1 382,53
+
+           M410,53
+           a23,13 -60 1 1 14,0
+          "/>
+
+  <path transform="translate(0,210)"
+        d="M10,10
+           L40,10
+           l-30,60
+           H40
+           V10
+           h30
+           v60
+
+           M80,10
+           C110,10 95,70 110,70
+           S110,10 140,10
+
+           m10,0
+           c30,0 15,60 30,60
+           s0,-60 30,-60
+
+           M220,40
+           Q235,98 250,40
+           T280,40
+
+           M290,40
+           q15,58 30,0
+           t30,0
+
+           M372,70
+           A30,15 -90 1 1 384,70
+
+           M410,70
+           a30,15 -90 1 1 12,0
+          "/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-path-d-01.svg b/layout/reftests/svg/smil/anim-path-d-01.svg
new file mode 100644
index 0000000000..180cfe5679
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-path-d-01.svg
@@ -0,0 +1,340 @@
+<!--
+  From https://bugzilla.mozilla.org/show_bug.cgi?id=522306
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the 'd' attribute on the 'path' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <style type="text/css">
+    path { fill: none; stroke: blue; stroke-width: 1px;
+           shape-rendering: crispEdges; }
+  </style>
+
+
+  <!-- The difference between respective numbers in the effective 'from' and
+       'to' path data below is carefully designed to be a factor of 3. That way
+       our reference file (which checks against a one third complete animation)
+       can contain whole numbers, which is necessary to avoid failure due to
+       hard coded rounded numbers in the reference not matching platform
+       specific rounding behaviour.
+    -->
+
+  <!-- Test 'to' animation. -->
+
+  <path d="M10,10
+           L19,10
+           l-9,18
+           H19
+           V10
+           h9
+           v18
+
+           M80,10
+           C80,40 80,10 89,10
+           S98,40 98,10
+
+           m40,0
+           c0,30 0,0 9,0
+           s9,30 9,0
+
+           M220,10
+           Q220,20 229,19
+           T238,10
+
+           M290,10
+           q0,10 9,9
+           t9,-9
+
+           M360,19
+           A9,9 0 1 1 378,19
+
+           M410,19
+           a9,9 0 1 1 18,0
+          ">
+    <animate attributeName="d"
+             calcMode="linear"
+             begin="0s" dur="3s"
+             to="M10,10
+                 L40,10
+                 l-30,60
+                 H40
+                 V10
+                 h30
+                 v60
+
+                 M80,10
+                 C110,10 95,70 110,70
+                 S110,10 140,10
+
+                 m10,0
+                 c30,0 15,60 30,60
+                 s0,-60 30,-60
+
+                 M220,40
+                 Q235,98 250,40
+                 T280,40
+
+                 M290,40
+                 q15,58 30,0
+                 t30,0
+
+                 M372,70
+                 A30,15 -90 1 1 384,70
+
+                 M410,70
+                 a30,15 -90 1 1 12,0
+                "
+             fill="freeze"/>
+  </path>
+
+
+  <!-- Test 'by' animation. -->
+
+  <path transform="translate(0, 70)"
+        d="M10,10
+           L19,10
+           l-9,18
+           H19
+           V10
+           h9
+           v18
+
+           M80,10
+           C80,40 80,10 89,10
+           S98,40 98,10
+
+           m40,0
+           c0,30 0,0 9,0
+           s9,30 9,0
+
+           M220,10
+           Q220,20 229,19
+           T238,10
+
+           M290,10
+           q0,10 9,9
+           t9,-9
+
+           M360,19
+           A9,9 0 1 1 378,19
+
+           M410,19
+           a9,9 0 1 1 18,0
+          ">
+    <animate attributeName="d"
+             calcMode="linear"
+             begin="0s" dur="3s"
+             by="M0,0
+                 L21,0
+                 l-21,42
+                 H21
+                 V0
+                 h21
+                 v42
+
+                 M0,0
+                 C30,-30 15,60 21,60
+                 S12,-30 42,0
+
+                 m-30,0
+                 c30,-30 15,60 21,60
+                 s-9,-90 21,-60
+
+                 M0,30
+                 Q15,78 21,21
+                 T42,30
+
+                 M0,30
+                 q15,48 21,-9
+                 t21,9
+
+                 M12,51
+                 A21,6 -90 1 1 6,51
+
+                 M0,51
+                 a21,6 -90 1 1 -6,0
+                "
+             fill="freeze"/>
+  </path>
+
+
+  <!-- Test calcMode="paced". We don't currently support paced animation, so
+       we're just testing that we don't do anything unexpected (that we behave
+       as if calcMode="discrete").
+  -->
+
+  <path transform="translate(0, 140)">
+    <animate attributeName="d"
+             calcMode="paced"
+             begin="0s" dur="3s"
+             values="
+               M10,10
+               L19,10
+               l-9,18
+               H19
+               V10
+               h9
+               v18
+
+               M80,10
+               C80,40 80,10 89,10
+               S98,40 98,10
+
+               m40,0
+               c0,30 0,0 9,0
+               s9,30 9,0
+
+               M220,10
+               Q220,20 229,19
+               T238,10
+
+               M290,10
+               q0,10 9,9
+               t9,-9
+
+               M360,19
+               A9,9 0 1 1 378,19
+
+               M410,19
+               a9,9 0 1 1 18,0
+
+               ;
+
+               M10,10
+               L33,10
+               l-23,46
+               H33
+               V10
+               h23
+               v46
+
+               M80,10
+               C100,20 90,50 103,50
+               S106,20 126,10
+
+               m20,0
+               c20,10 10,40 23,40
+               s3,-30 23,-40
+
+               M220,30
+               Q230,72 243,33
+               T266,30
+
+               M290,30
+               q10,42 23,3
+               t23,-3
+
+               M368,53
+               A23,13 -60 1 1 382,53
+
+               M410,53
+               a23,13 -60 1 1 14,0
+
+               ;
+
+               M10,10
+               L40,10
+               l-30,60
+               H40
+               V10
+               h30
+               v60
+
+               M80,10
+               C110,10 95,70 110,70
+               S110,10 140,10
+
+               m10,0
+               c30,0 15,60 30,60
+               s0,-60 30,-60
+
+               M220,40
+               Q235,98 250,40
+               T280,40
+
+               M290,40
+               q15,58 30,0
+               t30,0
+
+               M372,70
+               A30,15 -90 1 1 384,70
+
+               M410,70
+               a30,15 -90 1 1 12,0
+              "
+             fill="freeze"/>
+  </path>
+
+
+  <!-- Test calcMode="discrete". -->
+
+  <path transform="translate(0, 210)"
+        d="M10,10
+           L19,10
+           l-9,18
+           H19
+           V10
+           h9
+           v18
+
+           M80,10
+           C80,40 80,10 89,10
+           S98,40 98,10
+
+           m40,0
+           c0,30 0,0 9,0
+           s9,30 9,0
+
+           M220,10
+           Q220,20 229,19
+           T238,10
+
+           M290,10
+           q0,10 9,9
+           t9,-9
+
+           M360,19
+           A9,9 0 1 1 378,19
+
+           M410,19
+           a9,9 0 1 1 18,0
+          ">
+    <animate attributeName="d"
+             calcMode="discrete"
+             begin="0s" dur="2s"
+             to="M10,10
+                 L40,10
+                 l-30,60
+                 H40
+                 V10
+                 h30
+                 v60
+
+                 M80,10
+                 C110,10 95,70 110,70
+                 S110,10 140,10
+
+                 m10,0
+                 c30,0 15,60 30,60
+                 s0,-60 30,-60
+
+                 M220,40
+                 Q235,98 250,40
+                 T280,40
+
+                 M290,40
+                 q15,58 30,0
+                 t30,0
+
+                 M372,70
+                 A30,15 -90 1 1 384,70
+
+                 M410,70
+                 a30,15 -90 1 1 12,0
+                "
+             fill="freeze"/>
+  </path>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-pathLength-01-ref.svg b/layout/reftests/svg/smil/anim-pathLength-01-ref.svg
new file mode 100644
index 0000000000..3766e11912
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-pathLength-01-ref.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="path_1" fill="none" d="M 0,50 h 500"/>
+  <path id="path_2" fill="none" d="M 0,100 h 500"/>
+  <text fill="blue">
+    <textPath xlink:href="#path_1" startOffset="20">
+      Some text
+    </textPath>
+  </text>
+  <text fill="blue">
+    <textPath xlink:href="#path_2" startOffset="20">
+      Some text
+    </textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-pathLength-01.svg b/layout/reftests/svg/smil/anim-pathLength-01.svg
new file mode 100644
index 0000000000..66e60b3350
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-pathLength-01.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "pathLength" attribute on the "path" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <path id="path_1" fill="none" d="M 0,50 h 500" pathLength="5000">
+    <animate attributeName="pathLength"
+             calcMode="linear"
+             begin="0s" dur="2s"
+             from="5000" to="95000"
+             fill="freeze"/>
+  </path>
+  <path id="path_2" fill="none" d="M 0,100 h 500" pathLength="5000">
+    <animate attributeName="pathLength"
+             calcMode="linear"
+             begin="0s" dur="1s"
+             from="5000" to="50000"
+             fill="freeze"/>
+  </path>
+
+  <!-- test 50% completed animation -->
+  <text fill="blue">
+    <textPath xlink:href="#path_1" startOffset="2000">
+      Some text
+    </textPath>
+  </text>
+
+  <!-- test 100% completed animation -->
+  <text fill="blue">
+    <textPath xlink:href="#path_2" startOffset="2000">
+      Some text
+    </textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-pattern-attr-presence-01-ref.svg b/layout/reftests/svg/smil/anim-pattern-attr-presence-01-ref.svg
new file mode 100644
index 0000000000..078798d2e8
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-pattern-attr-presence-01-ref.svg
@@ -0,0 +1,133 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 800">
+  <!-- 1. patternUnits -->
+  <defs>
+    <pattern id="patternUnits" width="80" height="80"
+      patternUnits="userSpaceOnUse">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <rect width="100" height="100" stroke="black" fill="url(#patternUnits)"/>
+  <g transform="translate(100)">
+    <rect width="100" height="100" stroke="black" fill="url(#patternUnits)"/>
+  </g>
+  <!-- 2. patternContentUnits -->
+  <defs>
+    <pattern id="patternContentUnits" width="1" height="1"
+      patternContentUnits="objectBoundingBox">
+      <rect width="0.5" height="0.5" fill="blue"/>
+      <rect x="0.5" width="0.5" height="0.5" fill="red"/>
+      <rect y="0.5" width="0.5" height="0.5" fill="red"/>
+      <rect x="0.5" y="0.5" width="0.5" height="0.5" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 100)">
+    <rect width="100" height="100" stroke="black"
+      fill="url(#patternContentUnits)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black"
+        fill="url(#patternContentUnits)"/>
+    </g>
+  </g>
+  <!-- 3. patternTransform -->
+  <defs>
+    <pattern id="patternTransform" width="1" height="1"
+      patternTransform="rotate(45 50 50)">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 200)">
+    <rect width="100" height="100" stroke="black"
+      fill="url(#patternTransform)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black"
+        fill="url(#patternTransform)"/>
+    </g>
+  </g>
+  <!-- 4. preserveAspectRatio -->
+  <defs>
+    <pattern id="par" width="1" height="1" viewBox="0.1 0.1 0.6 0.85"
+      preserveAspectRatio="none">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 300)">
+    <rect width="100" height="100" stroke="black" fill="url(#par)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#par)"/>
+    </g>
+  </g>
+  <!-- 5. viewBox -->
+  <defs>
+    <pattern id="viewBox" width="1" height="1" viewBox="0.1 0.1 0.6 0.85"
+      preserveAspectRatio="none">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 400)">
+    <rect width="100" height="100" stroke="black" fill="url(#viewBox)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#viewBox)"/>
+    </g>
+  </g>
+  <!-- 6. xlink:href -->
+  <defs>
+    <pattern id="xlink" xlink:href="#xlinkRef"/>
+    <pattern id="xlinkRef" width="1" height="1">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 500)">
+    <rect width="100" height="100" stroke="black" fill="url(#xlink)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#xlink)"/>
+    </g>
+  </g>
+  <!-- 6. x, y -->
+  <defs>
+    <pattern id="xy" width="1" height="1" x="0.1" y="-0.1">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 600)">
+    <rect width="100" height="100" stroke="black" fill="url(#xy)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#xy)"/>
+    </g>
+  </g>
+  <!-- 7. width, height -->
+  <defs>
+    <pattern id="widthHeight" width="1" height="1">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 700)">
+    <rect width="100" height="100" stroke="black" fill="url(#widthHeight)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#widthHeight)"/>
+    </g>
+  </g>
+  <!-- If adding more tests here, be sure to update the viewBox on the root svg
+       element -->
+</svg>
diff --git a/layout/reftests/svg/smil/anim-pattern-attr-presence-01.svg b/layout/reftests/svg/smil/anim-pattern-attr-presence-01.svg
new file mode 100644
index 0000000000..8a75347a81
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-pattern-attr-presence-01.svg
@@ -0,0 +1,175 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 800">
+  <!-- Bug 544809 - nsSVGPatternFrame::GetPatternWithAttr and callers should
+       take account of SMIL animation.
+       
+       Test animating pattern attributes doesn't rely on the presence of
+       attributes in the DOM, but also correctly detects attributes set by
+       animation.
+
+       The format of each test is that we have a base pattern named (attName)Ref
+       which does NOT specify the attribute under test, but instead sets the
+       attribute to a non-default value using animation.
+
+       Then we have a referencing pattern named (attName) that refers to the
+       base pattern and also does NOT specify the attribute under test.
+
+       When we go to look up the attribute under test we begin at (attName),
+       notice the attribute isn't specified (either in the DOM or by animation),
+       then go to (attName)Ref and detect that the attribute is specified there
+       by animation and use that value.
+
+       To the right of each test we also include a rect that directly references
+       (attName)Ref. The two rectangles should be identical but prior to fixing
+       this bug they were not.
+       -->
+  <!-- 1. patternUnits: defaults to objectBoundingBox -->
+  <defs>
+    <pattern xlink:href="#patternUnitsRef" id="patternUnits"/>
+    <pattern id="patternUnitsRef" width="80" height="80">
+      <set attributeName="patternUnits" to="userSpaceOnUse"/>
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <rect width="100" height="100" stroke="black" fill="url(#patternUnits)"/>
+  <g transform="translate(100)">
+    <rect width="100" height="100" stroke="black" fill="url(#patternUnitsRef)"/>
+  </g>
+  <!-- 2. patternContentUnits: defaults to userSpaceOnUse -->
+  <defs>
+    <pattern xlink:href="#patternContentUnitsRef" id="patternContentUnits"/>
+    <pattern id="patternContentUnitsRef" width="1" height="1">
+      <set attributeName="patternContentUnits" to="objectBoundingBox"/>
+      <rect width="0.5" height="0.5" fill="blue"/>
+      <rect x="0.5" width="0.5" height="0.5" fill="red"/>
+      <rect y="0.5" width="0.5" height="0.5" fill="red"/>
+      <rect x="0.5" y="0.5" width="0.5" height="0.5" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 100)">
+    <rect width="100" height="100" stroke="black"
+      fill="url(#patternContentUnits)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black"
+        fill="url(#patternContentUnitsRef)"/>
+    </g>
+  </g>
+  <!-- 3. patternTransform: defaults to identity -->
+  <defs>
+    <pattern xlink:href="#patternTransformRef" id="patternTransform"/>
+    <pattern id="patternTransformRef" width="1" height="1">
+      <animateTransform attributeName="patternTransform" type="rotate"
+        values="45 50 50" fill="freeze"/>
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 200)">
+    <rect width="100" height="100" stroke="black"
+      fill="url(#patternTransform)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black"
+        fill="url(#patternTransformRef)"/>
+    </g>
+  </g>
+  <!-- 4. preserveAspectRatio: defaults to xMidYMid meet -->
+  <defs>
+    <pattern xlink:href="#parRef" id="par"/>
+    <pattern id="parRef" width="1" height="1" viewBox="0.1 0.1 0.6 0.85">
+      <set attributeName="preserveAspectRatio" to="none"/>
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 300)">
+    <rect width="100" height="100" stroke="black" fill="url(#par)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#parRef)"/>
+    </g>
+  </g>
+  <!-- 5. viewBox -->
+  <defs>
+    <pattern xlink:href="#viewBoxRef" id="viewBox"/>
+    <pattern id="viewBoxRef" width="1" height="1"
+      preserveAspectRatio="none">
+      <set attributeName="viewBox" to="0.1 0.1 0.6 0.85"/>
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 400)">
+    <rect width="100" height="100" stroke="black" fill="url(#viewBox)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#viewBoxRef)"/>
+    </g>
+  </g>
+  <!-- 6. xlink:href
+    This attribute is not affected by bug 544809, i.e. it doesn't use
+    nsSVGPatternFrame::GetPatternWithAttr, but we test it here for completeness
+    -->
+  <defs>
+    <pattern id="xlink">
+      <set attributeName="xlink:href" to="#xlinkRef"/>
+    </pattern>
+    <pattern id="xlinkRef" width="1" height="1">
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 500)">
+    <rect width="100" height="100" stroke="black" fill="url(#xlink)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#xlinkRef)"/>
+    </g>
+  </g>
+  <!-- 6. x, y: defaults to 0 -->
+  <defs>
+    <pattern xlink:href="#xyRef" id="xy"/>
+    <pattern id="xyRef" width="1" height="1">
+      <set attributeName="x" to="0.1"/>
+      <set attributeName="y" to="-0.1"/>
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 600)">
+    <rect width="100" height="100" stroke="black" fill="url(#xy)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black" fill="url(#xyRef)"/>
+    </g>
+  </g>
+  <!-- 7. width, height: defaults to 0 (disables rendering) -->
+  <defs>
+    <pattern xlink:href="#widthHeightRef" id="widthHeight"/>
+    <pattern id="widthHeightRef">
+      <set attributeName="width" to="1"/>
+      <set attributeName="height" to="1"/>
+      <rect width="50" height="50" fill="blue"/>
+      <rect x="50" width="50" height="50" fill="red"/>
+      <rect y="50" width="50" height="50" fill="red"/>
+      <rect x="50" y="50" width="50" height="50" fill="blue"/>
+    </pattern>
+  </defs>
+  <g transform="translate(0 700)">
+    <rect width="100" height="100" stroke="black" fill="url(#widthHeight)"/>
+    <g transform="translate(100)">
+      <rect width="100" height="100" stroke="black"
+        fill="url(#widthHeightRef)"/>
+    </g>
+  </g>
+  <!-- If adding more tests here, be sure to update the viewBox on the root svg
+       element -->
+</svg>
diff --git a/layout/reftests/svg/smil/anim-pattern-href-01.svg b/layout/reftests/svg/smil/anim-pattern-href-01.svg
new file mode 100644
index 0000000000..3c9b051558
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-pattern-href-01.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.5, true)">
+  <title>Test animation of the "xlink:href" &lt;string&gt; attribute on the "pattern" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <defs>
+    <pattern id="pat1a" patternUnits="objectBoundingBox" width="1" height="1">
+      <rect width="100%" height="100%" fill="red"/>
+    </pattern>
+    <pattern id="pat1b" patternUnits="objectBoundingBox" width="1" height="1">
+      <rect width="100%" height="100%" fill="lime"/>
+    </pattern>
+    <pattern id="pat2" xlink:href="#pat1a">
+      <animate attributeName="xlink:href"
+           begin="0s" dur="1s"
+           from="#pat1a" to="#pat1b"/>
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="20" y="150" width="440" height="80" fill="url(#pat2)" />
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-polygon-points-01-ref.svg b/layout/reftests/svg/smil/anim-polygon-points-01-ref.svg
new file mode 100644
index 0000000000..fc5393f525
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-polygon-points-01-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    polygon { fill: blue; }
+  </style>
+
+  <polygon points="10,10 70,50 110,10 160,30 210,10"/>
+
+  <polygon transform="translate(0, 70)"
+           points="10,10 70,50 110,10 160,30 210,10"/>
+
+  <polygon transform="translate(0, 140)"
+           points="10,10 70,50 110,10 160,30 210,10"/>
+
+  <polygon transform="translate(0, 210)"
+           points="10,10 70,10 110,10 160,70 210,10"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-polygon-points-01.svg b/layout/reftests/svg/smil/anim-polygon-points-01.svg
new file mode 100644
index 0000000000..1f4f9e6432
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-polygon-points-01.svg
@@ -0,0 +1,73 @@
+<!--
+  From https://bugzilla.mozilla.org/show_bug.cgi?id=522308
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the 'points' attribute on the 'polygon' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <style type="text/css">
+    polygon { fill: blue; }
+  </style>
+
+
+  <!-- The difference between respective numbers in the effective 'from' and
+       'to' lists below is carefully designed to be a factor of 3. That way
+       our reference file (which checks against a one third complete animation)
+       can contain whole numbers, which is necessary to avoid failure due to
+       hard coded rounded numbers in the reference not matching platform
+       specific rounding behaviour.
+    -->
+
+  <!-- Test 'to' animation. -->
+
+  <polygon points="10,10 70,70 110,10 160,10 210,10">
+    <animate attributeName="points"
+             calcMode="linear"
+             begin="0s" dur="3s"
+             to="10,10 70,10 110,10 160,70 210,10"
+             fill="freeze"/>
+  </polygon>
+
+
+  <!-- Test 'by' animation. -->
+
+  <polygon transform="translate(0, 70)"
+           points="10,10 70,70 110,10 160,10 210,10">
+    <animate attributeName="points"
+             calcMode="linear"
+             begin="0s" dur="3s"
+             by="0,0 0,-60 0,0 0,60 0,0"
+             fill="freeze"/>
+  </polygon>
+
+
+  <!-- Test calcMode="paced". We don't currently support paced animation, so
+       we're just testing that we don't do anything unexpected (that we behave
+       as if calcMode="discrete").
+  -->
+
+  <polygon transform="translate(0, 140)">
+    <animate attributeName="points"
+             calcMode="paced"
+             begin="0s" dur="3s"
+             values="10,10 70,70 110,10 160,10 210,10;
+                     10,10 70,30 110,10 160,50 210,10;
+                     10,10 70,10 110,10 160,70 210,10"
+             fill="freeze"/>
+  </polygon>
+
+
+  <!-- Test calcMode="discrete". -->
+
+  <polygon transform="translate(0, 210)"
+           points="10,10 70,70 110,10 160,10 210,10">
+    <animate attributeName="points"
+             calcMode="discrete"
+             begin="0s" dur="2s"
+             to="10,10 70,10 110,10 160,70 210,10"
+             fill="freeze"/>
+  </polygon>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-polyline-points-01-ref.svg b/layout/reftests/svg/smil/anim-polyline-points-01-ref.svg
new file mode 100644
index 0000000000..812b1ae2e8
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-polyline-points-01-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    polyline { fill: none; stroke: blue; stroke-width: 2px; }
+  </style>
+
+  <polyline points="10,10 70,50 110,10 160,30 210,10"/>
+
+  <polyline transform="translate(0, 70)"
+            points="10,10 70,50 110,10 160,30 210,10"/>
+
+  <polyline transform="translate(0, 140)"
+            points="10,10 70,50 110,10 160,30 210,10"/>
+
+  <polyline transform="translate(0, 210)"
+            points="10,10 70,10 110,10 160,70 210,10"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-polyline-points-01.svg b/layout/reftests/svg/smil/anim-polyline-points-01.svg
new file mode 100644
index 0000000000..89dc2f3b1e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-polyline-points-01.svg
@@ -0,0 +1,73 @@
+<!--
+  From https://bugzilla.mozilla.org/show_bug.cgi?id=522308
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the 'points' attribute on the 'polyline' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <style type="text/css">
+    polyline { fill: none; stroke: blue; stroke-width: 2px; }
+  </style>
+
+
+  <!-- The difference between respective numbers in the effective 'from' and
+       'to' lists below is carefully designed to be a factor of 3. That way
+       our reference file (which checks against a one third complete animation)
+       can contain whole numbers, which is necessary to avoid failure due to
+       hard coded rounded numbers in the reference not matching platform
+       specific rounding behaviour.
+    -->
+
+  <!-- Test 'to' animation. -->
+
+  <polyline points="10,10 70,70 110,10 160,10 210,10">
+    <animate attributeName="points"
+             calcMode="linear"
+             begin="0s" dur="3s"
+             to="10,10 70,10 110,10 160,70 210,10"
+             fill="freeze"/>
+  </polyline>
+
+
+  <!-- Test 'by' animation. -->
+
+  <polyline transform="translate(0, 70)"
+            points="10,10 70,70 110,10 160,10 210,10">
+    <animate attributeName="points"
+             calcMode="linear"
+             begin="0s" dur="3s"
+             by="0,0 0,-60 0,0 0,60 0,0"
+             fill="freeze"/>
+  </polyline>
+
+
+  <!-- Test calcMode="paced". We don't currently support paced animation, so
+       we're just testing that we don't do anything unexpected (that we behave
+       as if calcMode="discrete").
+  -->
+
+  <polyline transform="translate(0, 140)">
+    <animate attributeName="points"
+             calcMode="paced"
+             begin="0s" dur="3s"
+             values="10,10 70,70 110,10 160,10 210,10;
+                     10,10 70,30 110,10 160,50 210,10;
+                     10,10 70,10 110,10 160,70 210,10"
+             fill="freeze"/>
+  </polyline>
+
+
+  <!-- Test calcMode="discrete". -->
+
+  <polyline transform="translate(0, 210)"
+            points="10,10 70,70 110,10 160,10 210,10">
+    <animate attributeName="points"
+             calcMode="discrete"
+             begin="0s" dur="2s"
+             to="10,10 70,10 110,10 160,70 210,10"
+             fill="freeze"/>
+  </polyline>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-rect-rxry-1-ref.svg b/layout/reftests/svg/smil/anim-rect-rxry-1-ref.svg
new file mode 100644
index 0000000000..bda4c9e518
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-rect-rxry-1-ref.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
+  <g fill="blue" stroke="red" stroke-width="10" transform="translate(10 10)">
+    <!-- Squares -->
+    <rect x="0" width="40" height="40"/>
+    <rect x="60" width="40" height="40"/>
+    <rect x="120" width="40" height="40"/>
+    <rect x="180" width="40" height="40"/>
+
+    <!-- rx=0 ry=20 -->
+    <rect x="0" y="60" width="40" height="40" rx="0" ry="20"/>
+    <rect x="60" y="60" width="40" height="40" rx="0" ry="20"/>
+    <rect x="120" y="60" width="40" height="40" rx="0" ry="20"/>
+    <rect x="180" y="60" width="40" height="40" rx="0" ry="20"/>
+    <rect x="240" y="60" width="40" height="40" rx="0" ry="20"/>
+
+    <!-- rx=20 (hence ry=20) -->
+    <rect x="0" y="120" width="40" height="40" rx="20"/>
+    <rect x="60" y="120" width="40" height="40" rx="20"/>
+    <rect x="120" y="120" width="40" height="40" rx="20"/>
+    <rect x="180" y="120" width="40" height="40" rx="20"/>
+    <rect x="240" y="120" width="40" height="40" rx="20"/>
+    <rect x="300" y="120" width="40" height="40" rx="20"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-rect-rxry-1.svg b/layout/reftests/svg/smil/anim-rect-rxry-1.svg
new file mode 100644
index 0000000000..462388b719
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-rect-rxry-1.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"  shape-rendering="crispEdges">
+  <g fill="blue" stroke="red" stroke-width="10" transform="translate(10 10)">
+    <!-- Squares -->
+    <rect x="0" width="40" height="40"/>
+    <rect x="60" width="40" height="40">
+      <set attributeName="rx" to="0"/>
+    </rect>
+    <rect x="120" width="40" height="40" rx="20">
+      <set attributeName="rx" to="0"/>
+    </rect>
+    <rect x="180" width="40" height="40" rx="20" ry="20">
+      <set attributeName="rx" to="0"/>
+      <set attributeName="ry" to="0"/>
+    </rect>
+
+    <!-- rx=0 ry=20 -->
+    <rect x="0" y="60" width="40" height="40" rx="0" ry="20"/>
+    <rect x="60" y="60" width="40" height="40" ry="20">
+      <set attributeName="rx" to="0"/>
+    </rect>
+    <rect x="120" y="60" width="40" height="40" rx="20" ry="20">
+      <set attributeName="rx" to="0"/>
+    </rect>
+    <rect x="180" y="60" width="40" height="40">
+      <set attributeName="rx" to="0"/>
+      <set attributeName="ry" to="20"/>
+    </rect>
+    <rect x="240" y="60" width="40" height="40" id="a">
+      <set attributeName="ry" to="20"/>
+      <!-- rx.baseVal will be set to 0 by script -->
+    </rect>
+
+    <!-- rx=20 (hence ry=20) -->
+    <rect x="0" y="120" width="40" height="40" rx="20"/>
+    <rect x="60" y="120" width="40" height="40">
+      <set attributeName="rx" to="20"/>
+    </rect>
+    <rect x="120" y="120" width="40" height="40" rx="0">
+      <set attributeName="rx" to="20"/>
+    </rect>
+    <rect x="180" y="120" width="40" height="40" rx="10">
+      <set attributeName="rx" to="20"/>
+    </rect>
+    <rect x="240" y="120" width="40" height="40" ry="0" id="b">
+      <set attributeName="rx" to="20"/>
+      <!-- ry attribute will be removed by script -->
+    </rect>
+    <!-- rx.baseVal attribute will be set by script -->
+    <rect x="300" y="120" width="40" height="40" id="c"/>
+  </g>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    document.getElementById('a').rx.baseVal.value = 0;
+    document.getElementById('b').removeAttribute('ry');
+    document.getElementById('c').rx.baseVal.value = 20;
+    // We can get very minor rendering differences on Windows due to the
+    // presence of animation in the document, even on un-animated content.
+    // This is most likely due to interaction with layers so we forcibly seek
+    // the animation timeline to try to produce a steady state for snapshot.
+    setTimeAndSnapshot(0.0, true);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-1.svg b/layout/reftests/svg/smil/anim-remove-1.svg
new file mode 100644
index 0000000000..825a4c817d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-1.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we delete an <animate> node while its animation is in
+     progress. We verify that animation effects are removed from its former
+     target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      anim.parentNode.removeChild(anim);
+      setTimeAndSnapshot(1, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="height"
+             begin="0s" dur="2s" by="-100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-2.svg b/layout/reftests/svg/smil/anim-remove-2.svg
new file mode 100644
index 0000000000..e48104bd37
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-2.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we delete an <animate> node after its animation is
+     completed & frozen. We verify that animation effects are removed from its
+     former target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var anim = document.getElementById("anim");
+      anim.parentNode.removeChild(anim);
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="height"
+             begin="0s" dur="2s" by="-100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-3.svg b/layout/reftests/svg/smil/anim-remove-3.svg
new file mode 100644
index 0000000000..783cc2d02f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-3.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we delete an <animate> node while its animation is in
+     progress. We verify that animation effects are removed from its former
+     target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      anim.parentNode.removeChild(anim);
+      setTimeAndSnapshot(1, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue"/>
+  <animate id="anim" xlink:href="#blueRect" attributeName="height"
+           begin="0s" dur="2s" by="-100" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-4.svg b/layout/reftests/svg/smil/anim-remove-4.svg
new file mode 100644
index 0000000000..ff2f7a4502
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-4.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we delete an <animate> node after its animation is
+     completed & frozen. We verify that animation effects are removed from its
+     former target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var anim = document.getElementById("anim");
+      anim.parentNode.removeChild(anim);
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue"/>
+  <animate id="anim" xlink:href="#blueRect" attributeName="height"
+           begin="0s" dur="2s" by="-100" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-5.svg b/layout/reftests/svg/smil/anim-remove-5.svg
new file mode 100644
index 0000000000..a65ae5aba4
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-5.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we remove an animation element's "attributeName"
+       attribute, which invalidates a completed, frozen animation.  We verify
+       that animation effects are removed from the previously-targeted
+       attribute. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var anim = document.getElementById("anim");
+      anim.removeAttributeNS(null, "attributeName");
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="x"
+             begin="0s" dur="2s" by="100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-6.svg b/layout/reftests/svg/smil/anim-remove-6.svg
new file mode 100644
index 0000000000..841884619f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-6.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we change an animation element's "attributeType" attribute
+       to refer to another namespace, which invalidates a completed, frozen animation
+       (since there is no animatable 'x' attribute in the xlink namespace on a rect)
+       We verify that animation effects are removed from the previously-targeted
+       attribute. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var anim = document.getElementById("anim");
+      anim.setAttributeNS(null, "attributeName", "xlink:x");
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="x"
+             begin="0s" dur="2s" by="100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-7.svg b/layout/reftests/svg/smil/anim-remove-7.svg
new file mode 100644
index 0000000000..6aa58cd16c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-7.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we change an animation element's "by" attribute to an
+       invalid value. We verify that animation effects are removed from the
+       previously-targeted attribute. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var anim = document.getElementById("anim");
+      anim.setAttributeNS(null, "by", "invalid value that can't be added");
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="x"
+             begin="0s" dur="2s" by="100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-8css.svg b/layout/reftests/svg/smil/anim-remove-8css.svg
new file mode 100644
index 0000000000..6e4b0517a3
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-8css.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()"
+     class="reftest-wait">
+  <!-- In this test, we temporarily remove the animation target, detach
+       its <animate> node, and then reinsert the (now former) animation target.
+       We verify that animation effects are removed from the former target. -->
+  <script>
+    var parent;
+    var rect;
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      rect = anim.parentNode;
+      parent = rect.parentNode;
+      parent.removeChild(rect);
+      rect.removeChild(anim);
+
+      setTimeout(reinsert, 50); // Allow time for a sample
+    }
+    function reinsert() {
+      parent.appendChild(rect);
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue"
+        stroke="red" stroke-width="0">
+    <animate id="anim" attributeName="stroke-width"
+             begin="0s" dur="2s" from="25" to="50" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-8xml.svg b/layout/reftests/svg/smil/anim-remove-8xml.svg
new file mode 100644
index 0000000000..bef228d49e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-8xml.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()"
+     class="reftest-wait">
+  <!-- In this test, we temporarily remove the animation target, detach
+       its <animate> node, and then reinsert the (now former) animation target.
+       We verify that animation effects are removed from the former target. -->
+  <script>
+    var parent;
+    var rect;
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      rect = anim.parentNode;
+      parent = rect.parentNode;
+      parent.removeChild(rect);
+      rect.removeChild(anim);
+
+      setTimeout(reinsert, 50); // Allow time for a sample
+    }
+    function reinsert() {
+      parent.appendChild(rect);
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="height"
+             begin="0s" dur="2s" from="25" to="50" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-remove-9.svg b/layout/reftests/svg/smil/anim-remove-9.svg
new file mode 100644
index 0000000000..0cbe3d0a90
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-remove-9.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+  class="reftest-wait"
+  onload="go()">
+  <!-- Bug 728758 - Removing a stacked animation fails to update -->
+  <!-- In this test we check that removing an animation applied on top of
+       another animation causes the underlying animation's result to show. -->
+  <script>
+    function go() {
+      document.documentElement.pauseAnimations();
+      // Force a sample after starting the bottom animation, but before starting
+      // the top animation.
+      document.documentElement.setCurrentTime(0.5);
+      // Sample again after the top animation has started
+      document.documentElement.setCurrentTime(1);
+      // Remove top animation
+      var anim = document.getElementById("anim");
+      anim.parentNode.removeChild(anim);
+      // Sample again
+      document.documentElement.setCurrentTime(1);
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="orange">
+    <set attributeName="fill" to="blue"/>
+    <set attributeName="fill" to="red" begin="1s" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-1.svg b/layout/reftests/svg/smil/anim-retarget-1.svg
new file mode 100644
index 0000000000..8b44bd7cb6
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-1.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we move an in-progress animation from one parent to
+       another.  We verify that animation effects are removed from the old
+       parent and are applied to the new parent. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      var redRect = document.getElementById("redRect");
+      redRect.appendChild(anim);
+      setTimeAndSnapshot(1, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="redRect" x ="15" y="15" width="200" height="250" fill="red"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="height"
+             begin="0s" dur="2s" by="-100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-2.svg b/layout/reftests/svg/smil/anim-retarget-2.svg
new file mode 100644
index 0000000000..7972e47ee7
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-2.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we move a completed & frozen animation from one parent to
+       another.  We verify that animation effects are removed from the old
+       parent and are applied to the new parent. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var anim = document.getElementById("anim");
+      var redRect = document.getElementById("redRect");
+      redRect.appendChild(anim);
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="redRect" x ="15" y="15" width="200" height="300" fill="red"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="height"
+             begin="0s" dur="2s" by="-100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-3.svg b/layout/reftests/svg/smil/anim-retarget-3.svg
new file mode 100644
index 0000000000..e42365211a
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-3.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we retarget an in-progress animation from one target to
+       another.  We verify that animation effects are removed from the old
+       target and are applied to the new target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      anim.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#redRect");
+      setTimeAndSnapshot(1, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="redRect" x="15" y="15" width="200" height="250" fill="red"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue"/>
+  <animate id="anim" xlink:href="#blueRect" attributeName="height"
+           begin="0s" dur="2s" by="-100" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-4.svg b/layout/reftests/svg/smil/anim-retarget-4.svg
new file mode 100644
index 0000000000..c48c3e11af
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-4.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we remove the "xlink:href" attribute on an in-progress
+       animation, changing it to target its parent. We verify that animation
+       effects are removed from the old target and are applied to the new
+       target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      anim.removeAttributeNS("http://www.w3.org/1999/xlink", "href");
+      setTimeAndSnapshot(1, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="redRect" x="15" y="15" width="200" height="250" fill="red">
+    <animate id="anim" xlink:href="#blueRect" attributeName="height"
+             begin="0s" dur="2s" by="-100" fill="freeze"/>
+  </rect>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-5.svg b/layout/reftests/svg/smil/anim-retarget-5.svg
new file mode 100644
index 0000000000..b1e50efd27
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-5.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we add an "xlink:href" attribute to an in-progress
+       animation, changing it to no longer target its parent. We verify that
+       animation effects are removed from the old target and are applied to the
+       new target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var anim = document.getElementById("anim");
+      anim.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#redRect");
+      setTimeAndSnapshot(1, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="redRect" x="15" y="15" width="200" height="250" fill="red"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="height"
+             begin="0s" dur="2s" by="-100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-6.svg b/layout/reftests/svg/smil/anim-retarget-6.svg
new file mode 100644
index 0000000000..2f2f8b05d9
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-6.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we tweak an element's "id" attribute, which retargets an
+       in-progress animation to that element.  We verify that animation effects
+       are removed from the old target and are applied to the new target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(0.5);
+
+      var newTarget = document.getElementById("newTarget");
+      newTarget.setAttributeNS(null, "id", "target");
+      setTimeAndSnapshot(1, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="newTarget" x="15" y="15" width="200" height="250" fill="red"/>
+  <rect id="target" x="15" y="15" width="200" height="200" fill="blue"/>
+  <animate id="anim" xlink:href="#target" attributeName="height"
+           begin="0s" dur="2s" by="-100" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-7.svg b/layout/reftests/svg/smil/anim-retarget-7.svg
new file mode 100644
index 0000000000..d54c4e9468
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-7.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we remove an element's "id" attribute, which retargets a
+       completed, frozen animation from that element to another.  We verify
+       that animation effects are removed from the old target and are applied
+       to the new target. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var newTarget = document.getElementById("target");
+      newTarget.removeAttributeNS(null, "id");
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="target" x="15" y="15" width="200" height="200" fill="red"/>
+  <rect id="target" x="15" y="15" width="200" height="100" fill="blue"/>
+  <animate id="anim" xlink:href="#target" attributeName="height"
+           begin="0s" dur="2s" by="100" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-retarget-8.svg b/layout/reftests/svg/smil/anim-retarget-8.svg
new file mode 100644
index 0000000000..6b4a3fc220
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-retarget-8.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()">
+  <!-- In this test, we change an animation element's "attributeName"
+       attribute, which retargets a completed, frozen animation from one
+       attribute to another.  We verify that animation effects are removed from
+       the old attribute and are applied to the new one. -->
+  <script>
+    function go() {
+      // Seek animation before we start tweaking things, to make sure we've
+      // already started sampling it.
+      document.documentElement.setCurrentTime(2.0);
+
+      var anim = document.getElementById("anim");
+      anim.setAttributeNS(null, "attributeName", "height");
+      setTimeAndSnapshot(2.5, false);
+    }
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="100" fill="blue">
+    <animate id="anim" attributeName="x"
+             begin="0s" dur="2s" by="100" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-standard-ref.html b/layout/reftests/svg/smil/anim-standard-ref.html
new file mode 100644
index 0000000000..cc2ca1a67f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-standard-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Testcase reference file for animated pass condition(HTML)</title>
+  </head>
+  <body style="background-color: lime;">
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-standard-ref.svg b/layout/reftests/svg/smil/anim-standard-ref.svg
new file mode 100644
index 0000000000..39f37ae6d1
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-standard-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-strokecolor-1.svg b/layout/reftests/svg/smil/anim-strokecolor-1.svg
new file mode 100644
index 0000000000..8da75727d5
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-strokecolor-1.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="20" y="20" width="190" height="190" 
+        fill="rgb(0,0,255)" stroke="rgb(255,0,0)" stroke-width="10">
+    <animateColor attributeName="stroke" 
+                  from="rgb(255,0,0)" to="rgb(0,0,255)"
+                  begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-strokewidth-1xml.svg b/layout/reftests/svg/smil/anim-strokewidth-1xml.svg
new file mode 100644
index 0000000000..828ecdb84e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-strokewidth-1xml.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="200" height="200"
+        fill="blue" stroke="red" stroke-width="10">
+    <animate attributeName="stroke-width" attributeType="XML"
+             from="10" to="0" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-svg-preserveAspectRatio-01.svg b/layout/reftests/svg/smil/anim-svg-preserveAspectRatio-01.svg
new file mode 100644
index 0000000000..c6b43efdbe
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-svg-preserveAspectRatio-01.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "preserveAspectRatio" attribute on the "svg" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- 40% through animation simple duration -
+       tests that the animation doesn't affect the element too early -->
+  <svg width="100" height="50" viewBox="0 0 100 100"
+       preserveAspectRatio="xMidYMid meet">
+    <!-- this should change the referencing element at 1.25s,
+         causing the red rect to stretch to fill its whole viewport -->
+    <animate attributeName="preserveAspectRatio"
+             calcMode="discrete"
+             begin="0s" dur="2.5s"
+             from="xMidYMid meet"
+             to="xMidYMid slice"
+             fill="freeze"/>
+    <rect width="100%" height="100%" fill="red"/>
+  </svg>
+  <rect x="25" width="50" height="50" fill="lime"/>
+
+  <!-- 50% through animation simple duration -
+       tests that the animation affects the element now -->
+  <rect y="50" width="100" height="50" fill="red"/>
+  <svg y="50" width="100" height="50" viewBox="0 0 100 100"
+       preserveAspectRatio="xMidYMid meet">
+    <!-- this should change the referencing element at 1s,
+         causing the lime rect to stretch to fill its whole viewport -->
+    <animate attributeName="preserveAspectRatio"
+             calcMode="discrete"
+             begin="0s" dur="2s"
+             from="xMidYMid meet"
+             to="xMidYMid slice"
+             fill="freeze"/>
+    <rect width="100%" height="100%" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-svg-viewBox-01.svg b/layout/reftests/svg/smil/anim-svg-viewBox-01.svg
new file mode 100644
index 0000000000..cd4d863a78
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-svg-viewBox-01.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test linear animation of the "viewBox" attribute on the "svg" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- 50% through animation simple duration -
+       the red rect should only be half the width of the viewport -->
+  <svg width="100" height="50" viewBox="0 0 0 50">
+    <animate attributeName="viewBox"
+             calcMode="linear"
+             begin="0s" dur="2s"
+             to="0 0 100 50"
+             fill="freeze"/>
+    <rect width="100%" height="100%" fill="red"/>
+  </svg>
+  <rect x="25" width="50" height="50" fill="lime"/>
+
+  <!-- 100% through animation simple duration -
+       the lime rect should stretch the entire width of the viewport -->
+  <rect y="50" width="100" height="50" fill="red"/>
+  <svg y="50" width="100" height="50" viewBox="0 0 0 50">
+    <animate attributeName="viewBox"
+             calcMode="linear"
+             begin="0s" dur="1s"
+             to="0 0 100 50"
+             fill="freeze"/>
+    <rect width="100%" height="100%" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-svg-viewBox-02.svg b/layout/reftests/svg/smil/anim-svg-viewBox-02.svg
new file mode 100644
index 0000000000..196d3bfe34
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-svg-viewBox-02.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test paced animation of the "viewBox" attribute on the "svg" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- Check that the simple duration is split one third to the first
+       animation and two thirds to the second. This is because in the first
+       animation the left side travels 50, and in the second animation the
+       right side travels 100. -->
+  <svg width="50" height="50" viewBox="0 0 100 50">
+    <animate attributeName="viewBox"
+             calcMode="paced"
+             begin="0s" dur="3s"
+             values="0 0 100 50; 50 0 50 50; 50 0 150 50"
+             fill="freeze"/>
+    <rect x="-100" y="-100" width="1000" height="1000" fill="red"/>
+    <rect x="50" y="0" width="50" height="50" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-svg-viewBox-03.svg b/layout/reftests/svg/smil/anim-svg-viewBox-03.svg
new file mode 100644
index 0000000000..5415840333
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-svg-viewBox-03.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(12, true)">
+  <title>Test discrete animation of the "viewBox" attribute on the "svg" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <svg width="200" height="200" viewBox="200 0 150 50">
+    <animate attributeName="viewBox"
+             calcMode="discrete"
+             begin="10s" dur="4s"
+             values="200 0 150 50; none; 200 0 150 50"
+             fill="freeze"/>
+    <rect x="-100" y="-100" width="1000" height="1000" fill="red"/>
+    <rect width="200" height="200" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-1.svg b/layout/reftests/svg/smil/anim-targethref-1.svg
new file mode 100644
index 0000000000..23f8ade19b
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <!-- This test checks a basic animation with "xlink:href" targeting -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue"/>
+  <animate xlink:href="#blueRect" attributeName="height"
+           to="200" begin="0s" dur="2s" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-10.svg b/layout/reftests/svg/smil/anim-targethref-10.svg
new file mode 100644
index 0000000000..f015d8c052
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-10.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <animate href="#x" attributeName="href" values="https://www.google.com"/>
+  <a id="x" fill="red"><rect x="15" y="15" width="200" height="200"/></a>
+  <style>
+    a:any-link {
+      fill: blue;
+    }
+  </style>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-2.svg b/layout/reftests/svg/smil/anim-targethref-2.svg
new file mode 100644
index 0000000000..fd3864df4f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-2.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks our behavior when "xlink:href" is modified -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function go() {
+      var anim = document.getElementById("anim");
+      anim.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#blueRect");
+      setTimeAndSnapshot(2.5, false)
+    }
+  </script>
+  <rect id="redRect" x="15" y="15" width="200" height="100" fill="red"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue"/>
+  <animate id="anim" xlink:href="#redRect" attributeName="height"
+           to="200" begin="0s" dur="2s" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-3.svg b/layout/reftests/svg/smil/anim-targethref-3.svg
new file mode 100644
index 0000000000..e15886fbad
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-3.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <!-- This test checks our behavior with animations that target nodes
+       other than their parents. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue"/>
+    <animate id="anim" xlink:href="#redRect" attributeName="height"
+             to="0" begin="0s" dur="2s" fill="freeze"/>
+  <rect id="redRect"  x="15" y="215" width="200" height="100" fill="red">
+    <animate id="anim" xlink:href="#blueRect" attributeName="height"
+             to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-4.svg b/layout/reftests/svg/smil/anim-targethref-4.svg
new file mode 100644
index 0000000000..34cd3f346d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-4.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks our behavior with animations that are initially
+       href-targeted, but lose their href attribute. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function go() {
+      var anim = document.getElementById("anim");
+      anim.removeAttributeNS("http://www.w3.org/1999/xlink", "href");
+      setTimeAndSnapshot(2.5, false)
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue">
+    <animate id="anim" xlink:href="#redRect" attributeName="height"
+             to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+  <rect id="redRect"  x="15" y="215" width="200" height="0" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-5.svg b/layout/reftests/svg/smil/anim-targethref-5.svg
new file mode 100644
index 0000000000..1e7e2f907a
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-5.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks our behavior with animations that initially
+       have no 'xlink:href' attribute, but receive one via scripting. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function go() {
+      var anim = document.getElementById("anim");
+      anim.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#blueRect");
+      setTimeAndSnapshot(2.5, false)
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue">
+  </rect>
+  <rect id="redRect" x="15" y="215" width="200" height="0" fill="red">
+    <animate id="anim" attributeName="height"
+             to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-6.svg b/layout/reftests/svg/smil/anim-targethref-6.svg
new file mode 100644
index 0000000000..0d8998a2b9
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-6.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks our behavior with an 'xlink:href'-targeted animation
+       when the target's ID is changed (which makes it no longer the target) -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function go() {
+      var rect = document.getElementById("blueRect");
+      rect.setAttributeNS(null, "id", "differentBlueRect");
+      setTimeAndSnapshot(2.5, false)
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue"/>
+  <animate id="anim" xlink:href="#blueRect" attributeName="height"
+           to="0" begin="0s" dur="2s" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-7.svg b/layout/reftests/svg/smil/anim-targethref-7.svg
new file mode 100644
index 0000000000..f131a45d0c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-7.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks our behavior with an 'xlink:href'-targeted animation
+       when the target's ID is removed (which makes it no longer the target) -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function go() {
+      var rect = document.getElementById("blueRect");
+      rect.removeAttributeNS(null, "id");
+      setTimeAndSnapshot(2.5, false)
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue"/>
+  <animate id="anim" xlink:href="#blueRect" attributeName="height"
+           to="0" begin="0s" dur="2s" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-8.svg b/layout/reftests/svg/smil/anim-targethref-8.svg
new file mode 100644
index 0000000000..c95e34e237
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-8.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks our behavior with an 'xlink:href'-targeted animation
+       when an earlier node suddenly obtains the target ID string (thereby
+       becoming the new animation target). -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function go() {
+      var rect = document.getElementById("myLaterRect");
+      rect.setAttributeNS(null, "id", "myRect");
+      setTimeAndSnapshot(2.5, false)
+    }
+  </script>
+  <rect id="myLaterRect" x="15" y="15" width="200" height="0" fill="blue"/>
+  <rect id="myRect" x="15" y="215" width="200" height="0" fill="red"/>
+  <animate id="anim" xlink:href="#myRect" attributeName="height"
+           to="200" begin="0s" dur="2s" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-targethref-9.svg b/layout/reftests/svg/smil/anim-targethref-9.svg
new file mode 100644
index 0000000000..b13e97c71c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-targethref-9.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks our behavior with an 'xlink:href'-targeted animation
+       where there's initially no matching target, but then an element's ID is
+       set to match (making it the target) -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function go() {
+      var rect = document.getElementById("rect");
+      rect.setAttributeNS(null, "id", "blueRect");
+      setTimeAndSnapshot(2.5, false)
+    }
+  </script>
+  <rect id="rect" x="15" y="15" width="200" height="100" fill="blue"/>
+  <animate id="anim" xlink:href="#blueRect" attributeName="height"
+           to="200" begin="0s" dur="2s" fill="freeze"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-text-attr-01-ref.svg b/layout/reftests/svg/smil/anim-text-attr-01-ref.svg
new file mode 100644
index 0000000000..6cd3dff448
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-text-attr-01-ref.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font: 16px sans-serif">
+
+  <title>Reference for animating attributes on child text content elements</title>
+
+  <text x="200" y="20">Test 1</text>
+  <text x="20" y="60">Test 2</text>
+  <text x="20" y="80" rotate="10">Test 3</text>
+  <text>
+    <tspan x="200" y="100">Test 4</tspan>
+  </text>
+  <text>
+    <tspan x="20" y="140">Test 5</tspan>
+  </text>
+  <text>
+    <tspan x="20" y="160" rotate="30">Test 6</tspan>
+  </text>
+  <path id="p" d="M 20,180 h 400"/>
+  <text>
+    <textPath xlink:href="#p" startOffset="180">Test 7</textPath>
+  </text>
+  <text x="20" y="200" textLength="100" lengthAdjust="spacingAndGlyphs">Test 8</text>
+  <text>
+    <tspan x="20" y="220" textLength="100" lengthAdjust="spacingAndGlyphs">Test 9</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-text-attr-01.svg b/layout/reftests/svg/smil/anim-text-attr-01.svg
new file mode 100644
index 0000000000..c61c612fb4
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-text-attr-01.svg
@@ -0,0 +1,61 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     style="font: 16px sans-serif">
+
+  <title>Testcase for animating attributes on child text content elements</title>
+
+  <text x="20" y="20">Test 1
+    <set attributeName="x" to="200" begin="indefinite"/>
+  </text>
+  <text x="20" y="40">Test 2
+    <set attributeName="y" to="60" begin="indefinite"/>
+  </text>
+  <text x="20" y="80">Test 3
+    <set attributeName="rotate" to="10" begin="indefinite"/>
+  </text>
+  <text>
+    <tspan x="20" y="100">Test 4
+      <set attributeName="x" to="200" begin="indefinite"/>
+    </tspan>
+  </text>
+  <text>
+    <tspan x="20" y="120">Test 5
+      <set attributeName="y" to="140" begin="indefinite"/>
+    </tspan>
+  </text>
+  <text>
+    <tspan x="20" y="160">Test 6
+      <set attributeName="rotate" to="30" begin="indefinite"/>
+    </tspan>
+  </text>
+  <path id="p" d="M 20,180 h 400"/>
+  <text>
+    <textPath xlink:href="#p">Test 7
+      <set attributeName="startOffset" to="180" begin="indefinite"/>
+    </textPath>
+  </text>
+  <text x="20" y="200" textLength="100" lengthAdjust="spacing">Test 8
+    <set attributeName="lengthAdjust" to="spacingAndGlyphs" begin="indefinite"/>
+  </text>
+  <!-- We don't support textLength/lengthAdjust on child text content
+       elements currently (bug 890692), so Test 9 doesn't really test
+       anything at the moment.  But it is the only animatable enumerated
+       attribute value on text content elements to test. -->
+  <text>
+    <tspan x="20" y="220" textLength="100" lengthAdjust="spacing">Test 9
+      <set attributeName="lengthAdjust" to="spacingAndGlyphs" begin="indefinite"/>
+    </tspan>
+  </text>
+
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      [...document.querySelectorAll("set")].forEach((e) => e.beginElement());
+      document.documentElement.removeAttribute("class");
+    }, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-text-rotate-01-ref.svg b/layout/reftests/svg/smil/anim-text-rotate-01-ref.svg
new file mode 100644
index 0000000000..8e9f604695
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-text-rotate-01-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title></title>
+
+  <text transform="translate(20, 20)" rotate="110 120 130">ABC</text>
+  <text transform="translate(120, 20)" rotate="110 120 130">DEF</text>
+  <text transform="translate(220, 20)" rotate="110 120 130">GHI</text>
+  <text transform="translate(320, 20)" rotate="310 320 330">JKL</text>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-text-rotate-01.svg b/layout/reftests/svg/smil/anim-text-rotate-01.svg
new file mode 100644
index 0000000000..828ed87799
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-text-rotate-01.svg
@@ -0,0 +1,73 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(5, true)">
+  <title>Test animation of the &lt;number-list&gt; attribute on the 'text' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <!-- The difference between respective numbers in the effective 'from' and
+       'to' lists below is carefully designed to be a factor of 3. That way
+       our reference file (which checks against a one third complete animation)
+       can contain whole numbers, which is necessary to avoid failure due to
+       hard coded rounded numbers in the reference not matching platform
+       specific rounding behaviour.
+    -->
+
+  <!-- Test calcMode="linear". -->
+
+  <text transform="translate(20, 20)"
+        rotate="10 20 30">ABC
+
+    <!-- At 5s the animVal should be "110 120 130". -->
+    <animate attributeName="rotate"
+             calcMode="linear"
+             begin="0s" dur="15s"
+             to="310 320 330"
+             fill="freeze"/>
+
+  </text>
+
+
+  <!-- Test 'by' animation. -->
+
+  <text transform="translate(120, 20)"
+        rotate="10 20 30">DEF
+
+    <!-- At 5s the animVal should be "110 120 130". -->
+    <animate attributeName="rotate"
+             calcMode="linear"
+             begin="0s" dur="15s"
+             by="300 300 300"
+             fill="freeze"/>
+
+  </text>
+
+
+  <!-- Test calcMode="paced". -->
+
+  <text transform="translate(220, 20)">GHI
+
+    <!-- At 5s the animVal should be "110 120 130". -->
+    <animate attributeName="rotate"
+             calcMode="paced"
+             begin="0s" dur="15s"
+             values="10 20 30; 210 220 230; 310 320 330"
+             fill="freeze"/>
+
+  </text>
+
+
+  <!-- Test calcMode="discrete". -->
+
+  <text transform="translate(320, 20)" rotate="10 20 30">JKL
+
+    <!-- The value should be "310 320 330" at 3s. -->
+    <animate attributeName="rotate"
+             calcMode="discrete"
+             begin="0s" dur="6s"
+             to="310 320 330"
+             fill="freeze"/>
+
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-text-x-y-dx-dy-01-ref.svg b/layout/reftests/svg/smil/anim-text-x-y-dx-dy-01-ref.svg
new file mode 100644
index 0000000000..795c39ba7f
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-text-x-y-dx-dy-01-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <text transform="translate(20, 20)"
+        x="20 10mm 3pc 72pt 2em 3% 1ex"
+        dy="20 10mm 3pc 36pt 2em 3% 1ex 1">ABCDEFGH
+  </text>
+
+  <text transform="translate(120, 20)"
+        x="20 10mm 3pc 72pt 2em 3% 1ex"
+        dy="20 10mm 3pc 36pt 2em 3% 1ex">IJKLMNOP
+  </text>
+
+  <text transform="translate(220, 20)"
+        x="20 10mm 3pc 72pt 2em 3% 1ex"
+        dy="20 10mm 3pc 36pt 2em 3% 1ex 1">QRSTUVWX
+  </text>
+
+  <text transform="translate(320, 20)"
+        x="20 10mm 3pc 72pt 2em 3% 1ex"
+        dy="20 10mm 3pc 36pt 2em 3% 1ex">YZ123456
+  </text>
+
+  <text transform="translate(420, 20)"
+        x="20 10mm 3pc 72pt 2em 3% 1ex"
+        dy="20 10mm 3pc 36pt 2em 3% 1ex">7890abcd
+  </text>
+
+  <text transform="translate(520, 20)"
+        x="20 10mm 3pc 72pt 2em 3% 1ex"
+        dy="20 10mm 3pc 36pt 2em 3% 1ex">efghijkl
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-text-x-y-dx-dy-01.svg b/layout/reftests/svg/smil/anim-text-x-y-dx-dy-01.svg
new file mode 100644
index 0000000000..5e9208271c
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-text-x-y-dx-dy-01.svg
@@ -0,0 +1,222 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(5, true)">
+  <title>Test animation of the &lt;length-list&gt; attributes on the 'text' element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <style type="text/css">
+    :root { font-size: 16px; }  /* see comment below - sets 1em == 16px */
+  </style>
+
+  <!-- If we start getting random orange on this test, see:
+       https://bugzilla.mozilla.org/show_bug.cgi?id=515116#c34
+    -->
+
+  <!-- One of the things that this file tests is animation between lengths
+       of _different unit_. One difficulty this creates is knowing the
+       values to use in the reference file. For example, what length should
+       be used in the reference to comparing against an animation that's mid
+       way between 50px and 10in? The SMIL engine will convert the start
+       length to the unit of the end length and then interpolate, but the
+       number of inches in 50px is not always the same, so we can't fix how
+       many inches is midway between 50px and 10in in the reference file. To
+       get around this problem this test mainly pairs different units with a
+       known, fixed, relationship. For example, animating between cm and mm,
+       or between 'in' and pt (72 pt/in) or between 'in' and pc (6 pc/in).
+       Note that we can animate between px and em by fixing the relationship
+       between these units by setting the CSS 'font-size' property to a fixed
+       number of px units as we've done above.
+
+       The problem with only testing pairs with a fixed relationship is that
+       implementations may only implement interpolation between those pairs
+       because it's easy. To test interpolation between pairs of units
+       without a fixed relationship we use another strategy: we animate from
+       zero of the start unit. Since zero is zero regardless of the unit, we
+       then know what to use in the reference. In theory implementations might
+       specialize for zero, but that's unlikely (hopefully!).
+
+       (An alternative would be to only test end points of the animation, but
+       implementations may use discrete animation rather than interpolation
+       when lengths of different units are encountered, so that would be a bad
+       approach.)
+
+       (Another better alternative would be to use
+       SVGLength.convertToSpecifiedUnits() in the reference file to figure out
+       the conversion of the start unit and set values in the reference file
+       dynamically.)
+  -->
+
+  <!-- Another thing that this file test is animation between lists
+       of _different length_. One implementation strategy when faced with such
+       an animation is to pad the shorter list with zeros for the purposes of
+       animation. This works exactly as you would hope in the case of the
+       <text> element's 'dx' and 'dy' attributes, since for those attributes
+       lengths are offsets from the coordinate at which respective glyph's
+       would otherwise be positioned. In other words, appending a list of
+       zeros to any 'dx' or 'dy' attribute will never have an affect on
+       rendering. However, in the case of 'x' and 'y' attributes on <text>,
+       any lengths given are distances from zero along the relevant axis of
+       the current coordinate system, and zero is not likely to be the
+       position that all glyphs would otherwise be given. Their position will
+       actually depend on CSS parameters, the implementation's text layout
+       algorithm, and the layout of the characters that came before it. Hence
+       zero padding any 'x' or 'y' attribute will likely drastically alter
+       the rendering of the text, and in the case of animation would cause
+       glyphs to animate from/to zero in their coordinate system instead of
+       from/to their natural position. Clearly this is neither what authors
+       would expect, or want, so Mozilla currently disallows animation of 'x'
+       and 'y' if lists of different length are encountered to prevent content
+       being created that relies on such undesirable behavior.
+
+       Ideally the implementation would provide the SMIL engine with the
+       natural position of each glyph so that it can animate from/to those
+       positions. That's tricky, but we do have a bug open to try and
+       implement that. See:
+
+       https://bugzilla.mozilla.org/show_bug.cgi?id=573431
+    -->
+
+  <!-- Test calcMode="linear". -->
+
+  <text transform="translate(20, 20)"
+        x="10px 0.5cm 0.25in 0.5in 16px 0cm 0%">ABCDEFGH
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 72pt 2em 3% 1ex". -->
+    <animate attributeName="x"
+             calcMode="linear"
+             begin="0s" dur="15s"
+             to="40 20mm 6pc 144pt 4em 9% 3ex"
+             fill="freeze"/>
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 36pt 2em 3% 1ex 1".
+         Note that the 'to' list has one extra list item on purpose! -->
+    <animate attributeName="dy"
+             calcMode="linear"
+             begin="0s" dur="15s"
+             from="10px 0.5cm 0.25in 0.25in 16px 0cm 0%"
+             to="40 20mm 6pc 72pt 4em 9% 3ex 3"
+             fill="freeze"/>
+  </text>
+
+
+  <!-- Test 'by' animation. -->
+
+  <text transform="translate(120, 20)"
+        x="10px 0.5cm 0.25in 0.5in 16px 0cm 0%">IJKLMNOP
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 72pt 2em 3% 1ex". -->
+    <animate attributeName="x"
+             calcMode="linear"
+             begin="0s" dur="15s"
+             by="30 15mm 4.5pc 108pt 3em 9% 3ex"
+             fill="freeze"/>
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 36pt 2em 3% 1ex".
+         Note that the 'from' list is essentially zero length! -->
+    <animate attributeName="dy"
+             calcMode="linear"
+             begin="0s" dur="15s"
+             by="60 30mm 9pc 108pt 6em 9% 3ex"
+             fill="freeze"/>
+  </text>
+
+
+  <!-- Test calcMode="paced". It doesn't make a lot of sense to use paced
+       animation with a length list, but since we support it, we test it.
+  -->
+
+  <text transform="translate(220, 20)">QRSTUVWX
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 72pt 2em 3% 1ex". -->
+    <animate attributeName="x"
+             calcMode="paced"
+             begin="0s" dur="15s"
+             values="10px 0.5cm 0.25in 0.5in 16px 0cm 0%;
+                     30 15mm 4.5pc 108pt 3em 6% 2ex;
+                     40 20mm 6pc 144pt 4em 9% 3ex"
+             fill="freeze"/>
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 36pt 2em 3% 1ex 1".
+         Note that the 'to' lists have one extra list item on purpose! -->
+    <animate attributeName="dy"
+             calcMode="paced"
+             begin="0s" dur="15s"
+             values="10px 0.5cm 0.25in 0.25in 16px 0cm 0%;
+                     30 15mm 4.5pc 54pt 3em 6% 2ex 2;
+                     40 20mm 6pc 72pt 4em 9% 3ex 3"
+             fill="freeze"/>
+  </text>
+
+
+  <!-- Test calcMode="discrete". In this case SMIL treats the 'from' and 'to'
+       as two discrete values to jump between. Some authors may expect
+       discrete animation to jump from integer to integer in the unit of the
+       list item in question (or the unit of the 'to' item if the units of
+       corresponding 'from' and 'to' items differ), but that's not the case.
+  -->
+
+  <text transform="translate(320, 20)">YZ123456
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 72pt 2em 3% 1ex". -->
+    <animate attributeName="x"
+             calcMode="discrete"
+             begin="0s" dur="10s"
+             from="10px 0.5cm 0.25in 0.5in 16px 0cm 0%"
+             to="20 10mm 3pc 72pt 2em 3% 1ex"
+             fill="freeze"/>
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 36pt 2em 3% 1ex".
+         Note that the 'to' list has one extra list item on purpose! -->
+    <animate attributeName="dy"
+             calcMode="discrete"
+             begin="0s" dur="10.1s"
+             from="20 10mm 3pc 36pt 2em 3% 1ex"
+             to="40px 2cm 1in 1in 16px 0cm 0% 3"
+             fill="freeze"/>
+  </text>
+
+
+  <!-- Test 'by' animation with calcMode="discrete". -->
+
+  <text transform="translate(420, 20)"
+        x="20 10mm 3pc 72pt 2em 3% 1ex">7890abcd
+
+    <!-- At 5s the animVal should be "10px 0.5cm 0.25in 0.5in 16px 0cm 0%",
+         since the discrete animation is considered to be an additive
+         animation from an empty list to the list specified in by="". -->
+    <animate attributeName="x"
+             calcMode="discrete"
+             begin="0s" dur="15s"
+             by="30 15mm 4.5pc 108pt 3em 9% 3ex"
+             fill="freeze"/>
+
+    <!-- At 5s the animVal should be the empty list, as both the underlying
+         value and the first value of the equivalent additive animation are
+         empty lists. -->
+    <animate attributeName="dy"
+             calcMode="discrete"
+             begin="0s" dur="15s"
+             by="20 10mm 3pc 36pt 2em 3% 1ex"
+             fill="freeze"/>
+  </text>
+
+  <text transform="translate(520, 20)"
+        x="10px 0.5cm 0.25in 0.5in 16px 0cm 0%">efghijkl
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 72pt 2em 3% 1ex". -->
+    <animate attributeName="x"
+             calcMode="discrete"
+             begin="0s" dur="8s"
+             by="10 5mm 1.5pc 36pt 1em 3% 1ex"
+             fill="freeze"/>
+
+    <!-- At 5s the animVal should be "20 10mm 3pc 36pt 2em 3% 1ex". -->
+    <animate attributeName="dy"
+             calcMode="discrete"
+             begin="0s" dur="8s"
+             by="20 10mm 3pc 36pt 2em 3% 1ex"
+             fill="freeze"/>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-use-href-01.svg b/layout/reftests/svg/smil/anim-use-href-01.svg
new file mode 100644
index 0000000000..a3aa5a2586
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-use-href-01.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "xlink:href" &lt;string&gt; attribute on the "use" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <defs>
+    <symbol id="sym1">
+      <rect x="20" y="150" width="440" height="80" fill="red" />
+    </symbol>
+    <symbol id="sym2">
+      <rect x="20" y="150" width="440" height="80" fill="lime" />
+    </symbol>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <use xlink:href="#sym1">
+    <animate attributeName="xlink:href"
+     calcMode="discrete"
+     begin="0s" dur="0.5s"
+     from="#sym1" to="#sym2"
+     fill="freeze"/>
+  </use>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-use-length-01.svg b/layout/reftests/svg/smil/anim-use-length-01.svg
new file mode 100644
index 0000000000..d89e37c018
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-use-length-01.svg
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <title>Test animation of the "width" &amp; "height" &lt;length&gt; attributes on the "use" element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <defs>
+    <symbol id="sym1">
+      <rect width="100" height="50" fill="lime" />
+    </symbol>
+    <symbol id="sym2">
+      <rect y="100" width="100" height="50" fill="red" />
+    </symbol>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100" height="50" fill="red" />
+  <use xlink:href="#sym1" height="100%" width="0%">
+    <animate attributeName="width"
+     calcMode="linear"
+     begin="0s" dur="2s"
+     from="0%" to="200%"
+     fill="freeze"/>
+  </use>
+  <use xlink:href="#sym2" height="100%" width="200%">
+    <animate attributeName="width"
+     calcMode="linear"
+     begin="0s" dur="2s"
+     from="200%" to="0%"
+     fill="freeze"/>
+  </use>
+  <rect y="100" width="100" height="50" fill="lime" />
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-use-length-02.svg b/layout/reftests/svg/smil/anim-use-length-02.svg
new file mode 100644
index 0000000000..a9d7390d88
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-use-length-02.svg
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <title>Test animation of the "width" &amp; "height" &lt;length&gt; attributes on the "use" element</title>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(1, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+
+  <defs>
+    <g id="g1">
+      <rect width="100" height="50" fill="lime" />
+    </g>
+    <g id="g2">
+      <rect y="50" width="100" height="50" fill="lime" />
+    </g>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="100" height="100" fill="red" />
+  <use xlink:href="#g1">
+    <set attributeName="width"
+      to="0" begin="0s" dur="0.5s"/>
+  </use>
+  <use xlink:href="#g2">
+    <set attributeName="height"
+      to="0" begin="0s" dur="0.5s"/>
+  </use>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-view-01.svg b/layout/reftests/svg/smil/anim-view-01.svg
new file mode 100644
index 0000000000..b6730263a7
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-view-01.svg
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     viewBox="0 0 100 100" preserveAspectRatio="none">
+
+  <title>Test animation of view on view overriding svg element</title>
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <script>
+    window.addEventListener("MozReftestInvalidate", run, false);
+    setTimeout(run, 4000); // fallback for running outside reftest
+
+    function run() {
+      setTimeAndSnapshot(101, true);
+    }
+  </script>
+
+  <view id="view">
+    <animate attributeName="viewBox"
+             calcMode="linear"
+             begin="100s" dur="2s"
+             values="0 0 100 100;10 10 10 10;0 0 100 100"
+             fill="freeze"/>
+  </view>
+
+  <rect width="100%" height="100%" fill="red"/>
+
+  <rect x="10" y="10" width="10" height="10" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/anim-width-done-1a.svg b/layout/reftests/svg/smil/anim-width-done-1a.svg
new file mode 100644
index 0000000000..3f4e01bb67
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-width-done-1a.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="50" height="200" fill="blue">
+    <animate attributeName="width" 
+             from="50" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
+
diff --git a/layout/reftests/svg/smil/anim-width-done-1b.svg b/layout/reftests/svg/smil/anim-width-done-1b.svg
new file mode 100644
index 0000000000..64289244e2
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-width-done-1b.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="15" width="50" height="200" fill="blue">
+    <animate attributeName="width"
+             from="50" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
+
diff --git a/layout/reftests/svg/smil/anim-x-done-1a.svg b/layout/reftests/svg/smil/anim-x-done-1a.svg
new file mode 100644
index 0000000000..ba41cc8209
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-done-1a.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x"
+             from="200" to="15" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-done-1b.svg b/layout/reftests/svg/smil/anim-x-done-1b.svg
new file mode 100644
index 0000000000..efba0023b6
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-done-1b.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x" 
+             from="200" to="15" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-1-ref.svg b/layout/reftests/svg/smil/anim-x-interp-1-ref.svg
new file mode 100644
index 0000000000..a4995ebbbf
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="115" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-1.svg b/layout/reftests/svg/smil/anim-x-interp-1.svg
new file mode 100644
index 0000000000..3a03306469
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.3, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-2-ref.svg b/layout/reftests/svg/smil/anim-x-interp-2-ref.svg
new file mode 100644
index 0000000000..6ff54764f6
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-2-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="125" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-2.svg b/layout/reftests/svg/smil/anim-x-interp-2.svg
new file mode 100644
index 0000000000..7b3d456a84
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-2.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.5, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-3-ref.svg b/layout/reftests/svg/smil/anim-x-interp-3-ref.svg
new file mode 100644
index 0000000000..f533524f81
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-3-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="160" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-3.svg b/layout/reftests/svg/smil/anim-x-interp-3.svg
new file mode 100644
index 0000000000..44d1b1c058
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-3.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.2, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-4-ref.svg b/layout/reftests/svg/smil/anim-x-interp-4-ref.svg
new file mode 100644
index 0000000000..5b846c7a2e
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-4-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="170" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-4.svg b/layout/reftests/svg/smil/anim-x-interp-4.svg
new file mode 100644
index 0000000000..c231dc8376
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-4.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.4, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-5-ref.svg b/layout/reftests/svg/smil/anim-x-interp-5-ref.svg
new file mode 100644
index 0000000000..889ad4c335
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-5-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="190" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-5.svg b/layout/reftests/svg/smil/anim-x-interp-5.svg
new file mode 100644
index 0000000000..e9fce72fae
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-5.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.8, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-6-ref.svg b/layout/reftests/svg/smil/anim-x-interp-6-ref.svg
new file mode 100644
index 0000000000..007aa0b88a
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-6-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="195" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-x-interp-6.svg b/layout/reftests/svg/smil/anim-x-interp-6.svg
new file mode 100644
index 0000000000..150286be2d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-x-interp-6.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.9, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="200" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-done-1a.svg b/layout/reftests/svg/smil/anim-y-done-1a.svg
new file mode 100644
index 0000000000..5a7fb9c580
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-done-1a.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="200" to="15" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-done-1b.svg b/layout/reftests/svg/smil/anim-y-done-1b.svg
new file mode 100644
index 0000000000..9d964d4e32
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-done-1b.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2.5, false)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="200" to="15" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-1-ref.svg b/layout/reftests/svg/smil/anim-y-interp-1-ref.svg
new file mode 100644
index 0000000000..b64a0c62ee
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="115" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-1.svg b/layout/reftests/svg/smil/anim-y-interp-1.svg
new file mode 100644
index 0000000000..a4a3750c31
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.3, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-2-ref.svg b/layout/reftests/svg/smil/anim-y-interp-2-ref.svg
new file mode 100644
index 0000000000..a57a0c0617
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-2-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="125" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-2.svg b/layout/reftests/svg/smil/anim-y-interp-2.svg
new file mode 100644
index 0000000000..4affbcfb70
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-2.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(0.5, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-3-ref.svg b/layout/reftests/svg/smil/anim-y-interp-3-ref.svg
new file mode 100644
index 0000000000..bf096b395d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-3-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="160" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-3.svg b/layout/reftests/svg/smil/anim-y-interp-3.svg
new file mode 100644
index 0000000000..a6f91720a1
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-3.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.2, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-4-ref.svg b/layout/reftests/svg/smil/anim-y-interp-4-ref.svg
new file mode 100644
index 0000000000..f90829237d
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-4-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="170" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-4.svg b/layout/reftests/svg/smil/anim-y-interp-4.svg
new file mode 100644
index 0000000000..8b5a137f64
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-4.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.4, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-5-ref.svg b/layout/reftests/svg/smil/anim-y-interp-5-ref.svg
new file mode 100644
index 0000000000..8cb83e9020
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-5-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="190" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-5.svg b/layout/reftests/svg/smil/anim-y-interp-5.svg
new file mode 100644
index 0000000000..44d5165ae0
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-5.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.8, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-6-ref.svg b/layout/reftests/svg/smil/anim-y-interp-6-ref.svg
new file mode 100644
index 0000000000..b0c80b09f5
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-6-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="195" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/anim-y-interp-6.svg b/layout/reftests/svg/smil/anim-y-interp-6.svg
new file mode 100644
index 0000000000..bd0f537432
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-y-interp-6.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.9, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="15" y="200" width="200" height="200" fill="blue">
+    <animate attributeName="y"
+             from="100" to="200" begin="0s" dur="2s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/api-sanity-1.svg b/layout/reftests/svg/smil/api-sanity-1.svg
new file mode 100644
index 0000000000..22807d91b6
--- /dev/null
+++ b/layout/reftests/svg/smil/api-sanity-1.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     onload="go()"
+     class="reftest-wait"
+>
+  <script type="application/javascript">
+    function go() {
+      // Try calling the animation-related methods in SVGSVGElement.cpp
+      // If any aren't implemented, we'll throw an exception and
+      // the rect will stay red.
+
+      try {
+        document.documentElement.animationsPaused();
+        document.documentElement.pauseAnimations();
+        document.documentElement.unpauseAnimations();
+        document.documentElement.getCurrentTime();
+        document.documentElement.setCurrentTime(0);
+      } catch (e) {
+        // If something failed and threw an exception, we still need to remove
+        // the "reftest-wait" class
+        document.documentElement.removeAttribute("class");
+        throw e;
+      }
+
+      // If we get here, we're successful!
+      // Change the rect color.
+      var rect = document.getElementById("rect");
+      rect.setAttributeNS(null, "fill", "lime");
+      document.documentElement.removeAttribute("class");
+    }
+  </script>
+  <rect id="rect" width="100%" height="100%" fill="red" />
+</svg>
diff --git a/layout/reftests/svg/smil/container/deferred-anim-1-ref.xhtml b/layout/reftests/svg/smil/container/deferred-anim-1-ref.xhtml
new file mode 100644
index 0000000000..ea59e77c8d
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-anim-1-ref.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Deferred animation</title>
+  </head>
+
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect width="199" height="199" fill="green"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-anim-1.xhtml b/layout/reftests/svg/smil/container/deferred-anim-1.xhtml
new file mode 100644
index 0000000000..369f572045
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-anim-1.xhtml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred animation</title>
+    <!--
+    PURPOSE: Although we'd like to disable animation components for those
+    documents that don't use animation, there's always the possibility that an
+    animation element will be added via the DOM after the document is loaded.
+    This test case checks that this case is not neglected.
+
+    OPERATION: There is an un-animated document. Then an <animate> element is
+    attached to the rectangle by script causing it to move to the right.
+    
+    EXPECTED RESULTS: The box begins moving from the center.
+    -->
+    <script>
+        var timeoutID;
+
+        function animate()
+        {
+          addAnimation();
+          var svg = document.getElementsByTagName('svg')[0];
+          var anim = svg.getElementsByTagName('animate')[0];
+          // We should pass quickly and fail slowly.
+          // In the pass case, we'll get an end event almost immediately.
+          // In the failure case, wait 30s before giving up.
+          timeoutID = window.setTimeout(giveUp, 30000);
+          anim.addEventListener('endEvent', finish, true);
+        }
+
+        function giveUp() {
+          var svg = document.getElementsByTagName('svg')[0];
+          var rect = svg.getElementsByTagName('rect')[0];
+          rect.setAttribute("fill", "red");
+          var anim = svg.getElementsByTagName('animate')[0];
+          anim.parentNode.removeChild(anim);
+          timeoutID = null;
+          finish();
+        }
+
+        function finish() {
+          if (timeoutID) {
+            window.clearTimeout(timeoutID);
+            timeoutID = null;
+          }
+          document.documentElement.removeAttribute('class');
+        }
+
+        function addAnimation()
+        {
+          const svgns="http://www.w3.org/2000/svg";
+          var anim = document.createElementNS(svgns,'animate');
+          anim.setAttribute('attributeName','fill');
+          anim.setAttribute('from', 'red');
+          anim.setAttribute('to','green');
+          anim.setAttribute('begin','0s');
+          anim.setAttribute('dur','0.001s');
+          anim.setAttribute('fill','freeze');
+          var target = document.getElementById('target');
+          target.appendChild(anim);
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect width="199" height="199" fill="red" id="target"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-1-ref.xhtml b/layout/reftests/svg/smil/container/deferred-tree-1-ref.xhtml
new file mode 100644
index 0000000000..e70151c7cc
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-1-ref.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Deferred tree</title>
+  </head>
+
+  <body>
+    <p id="tree-container">
+      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+        id="created-svg">
+        <rect x="0" y="0" width="199" height="199" fill="green"/>
+      </svg>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-1.xhtml b/layout/reftests/svg/smil/container/deferred-tree-1.xhtml
new file mode 100644
index 0000000000..ac83d53340
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-1.xhtml
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred tree</title>
+    <!--
+    PURPOSE: This is similar to the deferred-anim test case.  The animation
+    controller is not created for every web page, but only for those pages that
+    contain SMIL animatable content. But, if some SVG content containing
+    animation is added after the page is loaded, the animation should still run.
+    
+    OPERATION: There is a plain XHTML document, but later an SVG document is
+    added. This document contains a moving circle.
+
+    EXPECTED RESULTS: The SVG document fragment appears containing a circle that
+    is animated.
+    -->
+    <script>
+        var timeoutID;
+
+        function animate()
+        {
+          makeTree();
+          var svg = document.getElementById('created-svg');
+          var anim = svg.getElementsByTagName('animate')[0];
+          // We should pass quickly and fail slowly.
+          // In the pass case, we'll get an end event almost immediately.
+          // In the failure case, wait 30s before giving up.
+          timeoutID = window.setTimeout(giveUp, 30000);
+          anim.addEventListener('endEvent', finish, true);
+        }
+
+        function giveUp() {
+          var svg = document.getElementById('created-svg');
+          var rect = svg.getElementsByTagName('rect')[0];
+          // It's possible we could arrive here after successfully running the
+          // animation but failing to fire the end event.
+          // Technically that's a pass as far as this test is concerned, but it
+          // will mean every test run is taking 30s longer than it should and
+          // we'd like to know about that so we'll make it a failure.
+          rect.setAttribute("fill", "red");
+          // We'll need to clear the animation for this to take effect
+          var anim = svg.getElementsByTagName('animate')[0];
+          anim.parentNode.removeChild(anim);
+          timeoutID = null;
+          finish();
+        }
+
+        function finish() {
+          if (timeoutID) {
+            window.clearTimeout(timeoutID);
+            timeoutID = null;
+          }
+          document.documentElement.removeAttribute('class');
+        }
+
+        function makeTree()
+        {
+          const svgns="http://www.w3.org/2000/svg";
+          var svg = document.createElementNS(svgns, 'svg');
+          svg.setAttribute('xmlns', svgns);
+          svg.setAttribute('width', '200px');
+          svg.setAttribute('height', '200px');
+          svg.setAttribute('id', 'created-svg');
+          var rect = document.createElementNS(svgns, 'rect');
+          rect.setAttribute('x', '0');
+          rect.setAttribute('y', '0');
+          rect.setAttribute('width', '199');
+          rect.setAttribute('height', '199');
+          var anim = document.createElementNS(svgns, 'animate');
+          anim.setAttribute('attributeName', 'fill');
+          anim.setAttribute('begin', '0s');
+          anim.setAttribute('from', 'red');
+          anim.setAttribute('to', 'green');
+          anim.setAttribute('dur', '0.001s');
+          anim.setAttribute('fill', 'freeze');
+          rect.appendChild(anim);
+          svg.appendChild(rect);
+          var target = document.getElementById('tree-container');
+          target.appendChild(svg);
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <p id="tree-container"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-2-ref.xhtml b/layout/reftests/svg/smil/container/deferred-tree-2-ref.xhtml
new file mode 100644
index 0000000000..8aff24fdd2
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-2-ref.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Deferred tree</title>
+  </head>
+
+  <body>
+    <p id="tree-container"/>
+      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+        id="created-svg">
+        <rect x="0" y="0" width="199" height="199"
+          style="fill: none; stroke: black"/>
+        <ellipse stroke-width="1" stroke="black" fill="yellow" cx="100"
+          cy="20" rx="40" ry="20"/>
+      </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-2a.xhtml b/layout/reftests/svg/smil/container/deferred-tree-2a.xhtml
new file mode 100644
index 0000000000..821986a706
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-2a.xhtml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred tree</title>
+    <!--
+    PURPOSE: If a SVG subdocument is created dynamically, any timing-related
+    animation API calls on the subdocument should silently fail until it's
+    been attached to a document.
+    
+    OPERATION: We start with a plain XHTML document, but later a div and an SVG
+    subdocument are created. We attempt an animation API call on the SVG
+    element before attaching it to the XHTML document.
+
+    EXPECTED RESULTS: The animation API call should have no effect.
+    -->
+    <script src="deferred-tree-util.js" type="text/javascript"/>
+    <script>
+        function animate()
+        {
+          // Set up
+          var div = makeDiv();
+          var svg = makeSvg();
+          var target = document.getElementById('tree-container');
+
+          // Make an animation api call (should have no effect, if we're sane)
+          svg.setCurrentTime(1.0);
+
+          // Trigger a "BindToTree" call on the SVG element
+          div.appendChild(svg);
+
+          // Finally, we attach to the document and pause animations.
+          target.appendChild(div);
+
+          // Reftest Snapshot
+          svg.pauseAnimations();
+          document.documentElement.removeAttribute("class");
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <p id="tree-container"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-2b.xhtml b/layout/reftests/svg/smil/container/deferred-tree-2b.xhtml
new file mode 100644
index 0000000000..890159f4c3
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-2b.xhtml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred tree</title>
+    <!--
+    PURPOSE: If a SVG subdocument is created dynamically, any timing-related
+    animation API calls on the subdocument should silently fail until it's
+    been attached to a document.
+    
+    OPERATION: We start with a plain XHTML document, but later a div and an SVG
+    subdocument are created. We attempt an animation API call on the SVG
+    element before attaching it to the XHTML document.
+
+    EXPECTED RESULTS: The animation API call should have no effect.
+    -->
+    <script src="deferred-tree-util.js" type="text/javascript"/>
+    <script>
+        function animate()
+        {
+          // Set up
+          var div = makeDiv();
+          var svg = makeSvg();
+          var target = document.getElementById('tree-container');
+
+          // Trigger a "BindToTree" call on the SVG element
+          div.appendChild(svg);
+
+          // Make an animation api call (should have no effect, if we're sane)
+          svg.setCurrentTime(1.0);
+
+          // Finally, we attach to the document and pause animations.
+          target.appendChild(div);
+
+          // Reftest Snapshot
+          svg.pauseAnimations();
+          document.documentElement.removeAttribute("class");
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <p id="tree-container"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-3-ref.xhtml b/layout/reftests/svg/smil/container/deferred-tree-3-ref.xhtml
new file mode 100644
index 0000000000..96818ff54b
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-3-ref.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Deferred tree</title>
+  </head>
+
+  <body>
+    <p id="tree-container"/>
+      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+        id="created-svg">
+        <rect x="0" y="0" width="199" height="199"
+          style="fill: none; stroke: black"/>
+        <ellipse stroke-width="1" stroke="black" fill="yellow" cx="100"
+          cy="95" rx="40" ry="20"/>
+      </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-3a.xhtml b/layout/reftests/svg/smil/container/deferred-tree-3a.xhtml
new file mode 100644
index 0000000000..3d9fed19e9
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-3a.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred tree</title>
+    <script src="deferred-tree-util.js" type="text/javascript"/>
+    <script>
+        function animate()
+        {
+          // Set up
+          var div = makeDiv();
+          var svg = makeSvg();
+          var target = document.getElementById('tree-container');
+
+          div.appendChild(svg);
+          target.appendChild(div);
+
+          // These calls *should* have an effect, since they happen
+          // after 'svg' has been attached to the XHTML document.
+          svg.setCurrentTime(1.0);
+          svg.pauseAnimations();
+
+          // Reattach the SVG element to its parent div.
+          // (If we're sane, this shouldn't reset its time container.)
+          div.appendChild(svg);
+
+          // Reftest Snapshot
+          document.documentElement.removeAttribute("class");
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <p id="tree-container"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-3b.xhtml b/layout/reftests/svg/smil/container/deferred-tree-3b.xhtml
new file mode 100644
index 0000000000..ab894f54ef
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-3b.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred tree</title>
+    <script src="deferred-tree-util.js" type="text/javascript"/>
+    <script>
+        function animate()
+        {
+          // Set up
+          var div = makeDiv();
+          var svg = makeSvg();
+          var target = document.getElementById('tree-container');
+
+          div.appendChild(svg);
+          target.appendChild(div);
+
+          // These calls *should* have an effect, since they happen
+          // after 'svg' has been attached to the XHTML document.
+          svg.setCurrentTime(1.0);
+          svg.pauseAnimations();
+
+          // Shift the SVG element to its parent's parent.
+          // (If we're sane, this shouldn't reset its time container.)
+          target.appendChild(svg);
+
+          // Reftest Snapshot
+          document.documentElement.removeAttribute("class");
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <p id="tree-container"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-3c.xhtml b/layout/reftests/svg/smil/container/deferred-tree-3c.xhtml
new file mode 100644
index 0000000000..12dc91fe5d
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-3c.xhtml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred tree</title>
+    <script src="deferred-tree-util.js" type="text/javascript"/>
+    <script>
+        function animate()
+        {
+          // Set up
+          var div = makeDiv();
+          var svg = makeSvg();
+          var target = document.getElementById('tree-container');
+
+          div.appendChild(svg);
+          target.appendChild(div);
+
+          // These calls *should* have an effect, since they happen
+          // after 'svg' has been attached to the XHTML document.
+          svg.setCurrentTime(1.0);
+          svg.pauseAnimations();
+
+          // Create another div container, and move svg element there
+          // (temporarily detaching it from the document), before attaching
+          // this new subtree back onto the document. Our current behavior
+          // (which matches Opera 9.64) is to preserve svg's time container
+          // through this manipulation.
+          div2 = makeDiv();
+          div2.appendChild(svg);
+          div.appendChild(div2);
+
+          // Reftest Snapshot
+          document.documentElement.removeAttribute("class");
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <p id="tree-container"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-3d.xhtml b/layout/reftests/svg/smil/container/deferred-tree-3d.xhtml
new file mode 100644
index 0000000000..d5dc4d0a58
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-3d.xhtml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Deferred tree</title>
+    <script src="deferred-tree-util.js" type="text/javascript"/>
+    <script>
+        function animate()
+        {
+          // Set up
+          var div = makeDiv();
+          var svg = makeSvg();
+          var target = document.getElementById('tree-container');
+
+          div.appendChild(svg);
+          target.appendChild(div);
+
+          // Create another div container, and move svg element there
+          // (temporarily detaching it from the document).
+          div2 = makeDiv();
+          div2.appendChild(svg);
+
+          // These calls *should* have an effect, since they happen
+          // after 'svg' has been attached to the XHTML document (even though
+          // it's not currently attached)
+          svg.setCurrentTime(1.0);
+          svg.pauseAnimations();
+
+          // Attach the div2+svg subtree onto the document. Our current
+          // behavior (which matches Opera 9.64) is to preserve svg's time
+          // container through this manipulation.
+          div.appendChild(div2);
+
+          // Reftest Snapshot
+          document.documentElement.removeAttribute("class");
+        }
+    </script>
+  </head>
+
+  <body onload="animate()">
+    <p id="tree-container"/>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/deferred-tree-util.js b/layout/reftests/svg/smil/container/deferred-tree-util.js
new file mode 100644
index 0000000000..71d0b41f53
--- /dev/null
+++ b/layout/reftests/svg/smil/container/deferred-tree-util.js
@@ -0,0 +1,39 @@
+function makeDiv()
+{
+  const xhtmlns="http://www.w3.org/1999/xhtml";
+  return document.createElementNS(xhtmlns, 'div');
+}
+
+function makeSvg()
+{
+  const svgns="http://www.w3.org/2000/svg";
+  var svg = document.createElementNS(svgns, 'svg');
+  svg.setAttribute('xmlns', svgns);
+  svg.setAttribute('width', '200px');
+  svg.setAttribute('height', '200px');
+  var rect = document.createElementNS(svgns, 'rect');
+  rect.setAttribute('x', '0');
+  rect.setAttribute('y', '0');
+  rect.setAttribute('width', '199');
+  rect.setAttribute('height', '199');
+  rect.setAttribute('style', 'fill: none; stroke: black');
+  var ellipse = document.createElementNS(svgns, 'ellipse');
+  ellipse.setAttribute('stroke-width', '1');
+  ellipse.setAttribute('stroke', 'black');
+  ellipse.setAttribute('fill', 'yellow');
+  ellipse.setAttribute('cx', '100');
+  ellipse.setAttribute('cy', '20');
+  ellipse.setAttribute('rx', '40');
+  ellipse.setAttribute('ry', '20');
+  var anim = document.createElementNS(svgns, 'animate');
+  anim.setAttribute('attributeName', 'cy');
+  anim.setAttribute('attributeType', 'XML');
+  anim.setAttribute('begin', '0s');
+  anim.setAttribute('from', '20');
+  anim.setAttribute('to', '170');
+  anim.setAttribute('dur', '2s');
+  ellipse.appendChild(anim);
+  svg.appendChild(rect);
+  svg.appendChild(ellipse);
+  return svg;
+}
diff --git a/layout/reftests/svg/smil/container/enveloped-tree-1-ref.xhtml b/layout/reftests/svg/smil/container/enveloped-tree-1-ref.xhtml
new file mode 100644
index 0000000000..b529c052e3
--- /dev/null
+++ b/layout/reftests/svg/smil/container/enveloped-tree-1-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Enveloped tree</title>
+  </head>
+
+  <body>
+    <!-- First tree -->
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+      id="adopter">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <circle cx="100" cy="50" r="15" fill="skyblue" stroke="black"
+        stroke-width="1"/>
+      <!-- Second tree -->
+      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+        id="adoptee">
+        <rect x="0" y="0" width="199" height="199"
+          style="fill: none; stroke: black"/>
+        <circle cx="100" cy="110" r="15" fill="greenyellow" stroke="black"
+          stroke-width="1"/>
+      </svg>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/enveloped-tree-1.xhtml b/layout/reftests/svg/smil/container/enveloped-tree-1.xhtml
new file mode 100644
index 0000000000..49d3db6b7c
--- /dev/null
+++ b/layout/reftests/svg/smil/container/enveloped-tree-1.xhtml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Enveloped tree</title>
+    <!-- 
+    PURPOSE: This test case is the reverse of the promoted tree case. As time
+    containers are defined relative to the outermost SVG document fragment this
+    case tests that when an outermost <svg> fragment is added as a child of
+    another svg document fragment, the animations behave correctly and the time
+    containers are resolved correctly.
+
+    OPERATION: There are two animations that are more-or-less identical except
+    for a few aesthetic features. Both contain a circle that moves to the right.
+    The second document fragment (on the right) is removed and added as a child
+    of the first document fragment.
+
+    EXPECTED RESULTS: After combining the two document fragments the circles
+    should have the same horizontal position as they are now controlled by the
+    same time container.
+    -->
+    <script>
+        function moveAndAdopt()
+        {
+          var svgs = document.getElementsByTagName('svg');
+          for (var i = 0; i &lt; svgs.length; i++) {
+            var svg = svgs[i];
+            svg.pauseAnimations();
+            svg.setCurrentTime(0.5);
+          }
+          adopt();
+          var svg = document.getElementById('adopter');
+          svg.setCurrentTime(1.5);
+          setTimeout('document.documentElement.removeAttribute("class")', 0);
+        }
+
+        function adopt()
+        {
+          var adoptee = document.getElementById('adoptee');
+          adoptee.parentNode.removeChild(adoptee);
+          var adopter = document.getElementById('adopter');
+          adopter.appendChild(adoptee);
+        }
+    </script>
+  </head>
+
+  <body onload="moveAndAdopt()">
+    <!-- First tree -->
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+      id="adopter">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <circle cx="0" cy="50" r="15" fill="skyblue" stroke="black"
+        stroke-width="1">
+        <animate attributeName="cx" from="0" to="200" begin="0s" dur="3s"
+          fill="freeze"/>
+      </circle>
+    </svg>
+    <!-- Second tree -->
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+      id="adoptee">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <circle cx="0" cy="110" r="15" fill="greenyellow" stroke="black"
+        stroke-width="1">
+        <animate attributeName="cx" from="0" to="200" begin="0s" dur="3s"
+          fill="freeze"/>
+      </circle>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/invalid-elem-1-ref.xhtml b/layout/reftests/svg/smil/container/invalid-elem-1-ref.xhtml
new file mode 100644
index 0000000000..74a74adb49
--- /dev/null
+++ b/layout/reftests/svg/smil/container/invalid-elem-1-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Valid, invalid, valid</title>
+  </head>
+
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <!-- rect to be animated second -->
+      <rect x="100" y="80" width="40" height="40" fill="royalblue"
+        stroke="black" stroke-width="1" id="target"/>
+      <!-- circle to be animated first -->
+      <circle cx="0" cy="100" r="15" fill="skyblue" stroke="black"
+        stroke-width="1"/>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/invalid-elem-1.xhtml b/layout/reftests/svg/smil/container/invalid-elem-1.xhtml
new file mode 100644
index 0000000000..3a2f79be14
--- /dev/null
+++ b/layout/reftests/svg/smil/container/invalid-elem-1.xhtml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Valid, invalid, valid</title>
+    <!--
+    PURPOSE: When manipulating the DOM tree it is quite likely that at some
+    instant the document will be invalid such as during a chain of
+    operations. SVG 1.1, section F.2 states:
+
+      "Because of situations where a block of scripting changes might cause
+      a given SVG document fragment to go into and out of error, error
+      processing shall occur only at times when document presentation (e.g.,
+      rendering to the display device) is updated"
+
+    A similar requirement exists regarding unsuspend / suspend redraw.
+    This test checks that behaviour.
+
+    OPERATION: There is a box and a circle. Initially the circle is animated and
+    should move to the right. The animation element is moved to the rectangle.
+    At this point the animation points to an invalid attribute. This attribute
+    is then updated to be valid again.
+
+    EXPECTED RESULTS: The circle is moved and then the rectangle is moved. There
+    should not be any errors reported in the Javascript console or assertions
+    etc.
+
+    After the animation is removed from the circle it should reset (I think).
+
+    Currently this hasn't been implemented (we need to make use of
+    mLastCompositors table in nsSMILAnimationController), so this test is
+    disabled for now. As the code stands now you'll normally get the correct
+    result but under other conditions the circle moves a fraction before the
+    call to pauseAnimations and this effect is not then cleared.
+    -->
+    <script>
+        function moveAnimation()
+        {
+          var svg = document.getElementsByTagName('svg')[0];
+          svg.pauseAnimations();
+          svg.setCurrentTime(0.5);
+          doMove();
+          svg.setCurrentTime(1.0);
+          setTimeout('document.documentElement.removeAttribute("class")', 0);
+        }
+
+        function doMove()
+        {
+          var anim = document.getElementById('animation-to-move');
+          anim.parentNode.removeChild(anim);
+          var rect = document.getElementById('target');
+          rect.appendChild(anim);
+          // The animation is now in error
+          anim.setAttribute('attributeName', 'x');
+          // Now it's fixed
+        }
+    </script>
+  </head>
+
+  <body onload="moveAnimation()">
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <!-- rect to be animated second -->
+      <rect x="-20" y="80" width="40" height="40" fill="royalblue"
+        stroke="black" stroke-width="1" id="target"/>
+      <!-- circle to be animated first -->
+      <circle cx="0" cy="100" r="15" fill="skyblue" stroke="black"
+        stroke-width="1">
+        <animate attributeName="cx" from="0" to="200" begin="0s" dur="2s"
+          fill="freeze" id="animation-to-move"/>
+      </circle>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/moved-tree-1-ref.xhtml b/layout/reftests/svg/smil/container/moved-tree-1-ref.xhtml
new file mode 100644
index 0000000000..0041785b3a
--- /dev/null
+++ b/layout/reftests/svg/smil/container/moved-tree-1-ref.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Moving sub-trees</title>
+  </head>
+
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <g>
+        <!-- background rect to track progress -->
+        <rect x="0" y="80" width="100" height="40" fill="royalblue"
+          stroke="black" stroke-width="1"/>
+      </g>
+    </svg>
+    <!-- Second animation -->
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <g id="new-parent">
+        <!-- background rect to track progress -->
+        <rect x="0" y="80" width="100" height="40" fill="greenyellow"
+          stroke="black" stroke-width="1"/>
+        <!-- circle to transfer -->
+        <circle cx="100" cy="100" r="15" fill="skyblue" stroke="black"
+          stroke-width="1" id="circle-to-move"/>
+      </g>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/moved-tree-1.xhtml b/layout/reftests/svg/smil/container/moved-tree-1.xhtml
new file mode 100644
index 0000000000..2206c8837d
--- /dev/null
+++ b/layout/reftests/svg/smil/container/moved-tree-1.xhtml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Moving sub-trees</title>
+    <!--
+    PURPOSE: This case tests moving an animated sub-tree from one SVG document
+    fragment to another. Different document fragments have different time
+    containers and so this test ensures the animation is correctly transferred
+    from one time container to the other.
+
+    OPERATION: Both animations contain a moving box. The first animation also
+    contains a circle. Both this circle and its child animation element are
+    removed from the first animation and added to the second animation.
+
+    EXPECTED RESULTS: The circle appears in the second box at the appropriate
+    offset.
+    -->
+    <script>
+        function move()
+        {
+          var svgs = document.getElementsByTagName('svg');
+          for (var i = 0; i &lt; svgs.length; i++) {
+            var svg = svgs[i];
+            svg.pauseAnimations();
+            svg.setCurrentTime(1.5);
+          }
+          doMove();
+          setTimeout('document.documentElement.removeAttribute("class")', 0);
+        }
+
+        function doMove()
+        {
+          var circle = document.getElementById('circle-to-move');
+          circle.parentNode.removeChild(circle);
+          var target = document.getElementById('new-parent');
+          target.appendChild(circle);
+        }
+    </script>
+  </head>
+
+  <body onload="move()">
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <g>
+        <!-- background rect to track progress -->
+        <rect x="0" y="80" width="0" height="40" fill="royalblue"
+          stroke="black" stroke-width="1">
+          <animate attributeName="width" from="0" to="200" begin="0s" dur="3s"
+            fill="freeze"/>
+        </rect>
+        <!-- circle to transfer -->
+        <circle cx="0" cy="100" r="15" fill="skyblue" stroke="black"
+          stroke-width="1" id="circle-to-move">
+          <animate attributeName="cx" from="0" to="200" begin="0s" dur="3s"
+            fill="freeze"/>
+        </circle>
+      </g>
+    </svg>
+    <!-- Second animation -->
+    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
+      <rect x="0" y="0" width="199" height="199"
+        style="fill: none; stroke: black"/>
+      <g id="new-parent">
+        <!-- background rect to track progress -->
+        <rect x="0" y="80" width="0" height="40" fill="greenyellow"
+          stroke="black" stroke-width="1">
+          <animate attributeName="width" from="0" to="200" begin="0s" dur="3s"
+            fill="freeze"/>
+        </rect>
+      </g>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/promoted-tree-1-ref.xhtml b/layout/reftests/svg/smil/container/promoted-tree-1-ref.xhtml
new file mode 100644
index 0000000000..9b40914541
--- /dev/null
+++ b/layout/reftests/svg/smil/container/promoted-tree-1-ref.xhtml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Promoted subtree</title>
+  </head>
+
+  <body>
+    <p id="container">
+      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+        id="outer">
+        <rect x="0" y="0" width="199" height="199"
+          style="fill: none; stroke: black"/>
+        <circle cx="100" cy="50" r="15" fill="skyblue" stroke="black"
+          stroke-width="1"/>
+      </svg>
+      <!-- (was) nested svg fragment -->
+      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+        id="nested">
+        <rect x="0" y="0" width="199" height="199"
+          style="fill: none; stroke: black"/>
+        <circle cx="50" cy="110" r="15" fill="greenyellow" stroke="black"
+          stroke-width="1"/>
+      </svg>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/promoted-tree-1.xhtml b/layout/reftests/svg/smil/container/promoted-tree-1.xhtml
new file mode 100644
index 0000000000..f788d57e11
--- /dev/null
+++ b/layout/reftests/svg/smil/container/promoted-tree-1.xhtml
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+  <head>
+    <title>Promoted subtree</title>
+    <!--
+    PURPOSE: As timing containers are defined according to the outermost SVG
+    document fragment, this case tests when a nested <svg> element is removed
+    and added as the outermost svg fragment, that is, promoted.
+
+    OPERATION: There is one animation containing two circles that move to the
+    right. The second circle is contained in a nested <svg> element. This nested
+    <svg> is removed from the outer <svg> element and then appended to
+    the parent <p> element.
+
+    EXPECTED RESULTS: After removing the inner <svg> and making it a child of
+    the <p> it becomes an outermost <svg> and therefore a new time container and
+    so the animation resets. This behaviour is the same in Opera and we believe
+    it to be correct.
+    -->
+    <script>
+        function moveAndSplit()
+        {
+          var svg = document.getElementById('outer');
+          svg.pauseAnimations();
+          svg.setCurrentTime(0.5);
+          split();
+          svg = document.getElementById('nested');
+          svg.pauseAnimations();
+          var svgs = document.getElementsByTagName('svg');
+          for (var i = 0; i &lt; svgs.length; i++) {
+            var svg = svgs[i];
+            svg.setCurrentTime(svg.getCurrentTime() + 0.5);
+          }
+          setTimeout('document.documentElement.removeAttribute("class")', 0);
+        }
+
+        function split()
+        {
+          var nested = document.getElementById('nested');
+          nested.parentNode.removeChild(nested);
+          var container = document.getElementById('container');
+          container.appendChild(nested);
+        }
+    </script>
+  </head>
+
+  <body onload="moveAndSplit()">
+    <p id="container">
+      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"
+        id="outer">
+        <rect x="0" y="0" width="199" height="199"
+          style="fill: none; stroke: black"/>
+        <circle cx="0" cy="50" r="15" fill="skyblue" stroke="black"
+          stroke-width="1">
+          <animate attributeName="cx" from="0" to="200" begin="0s" dur="2s"
+            fill="freeze"/>
+        </circle>
+        <!-- nested svg fragment -->
+        <svg width="200px" height="200px" id="nested">
+          <rect x="0" y="0" width="199" height="199"
+            style="fill: none; stroke: black"/>
+          <circle cx="0" cy="110" r="15" fill="greenyellow" stroke="black"
+            stroke-width="1">
+            <animate attributeName="cx" from="0" to="200" begin="0s" dur="2s"
+              fill="freeze"/>
+          </circle>
+        </svg>
+      </svg>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/container/reftest.list b/layout/reftests/svg/smil/container/reftest.list
new file mode 100644
index 0000000000..c492817d3f
--- /dev/null
+++ b/layout/reftests/svg/smil/container/reftest.list
@@ -0,0 +1,18 @@
+# Tests related to SVG Animation (using SMIL), focusing on animation-sorting
+# to see which animation takes precedence (out of multiple animations on the
+# same attribute)
+
+random == enveloped-tree-1.xhtml enveloped-tree-1-ref.xhtml # bug 470868
+fuzzy(0-1,0-810) == promoted-tree-1.xhtml promoted-tree-1-ref.xhtml
+random == moved-tree-1.xhtml moved-tree-1-ref.xhtml  # bug 470868
+random-if(cocoaWidget||d2d) == deferred-anim-1.xhtml deferred-anim-1-ref.xhtml # bug 470868, bug 585484
+random-if(cocoaWidget&&layersGPUAccelerated) == deferred-tree-1.xhtml deferred-tree-1-ref.xhtml # bug 470868
+random-if(cocoaWidget&&layersGPUAccelerated) fuzzy(0-1,0-530) == deferred-tree-2a.xhtml deferred-tree-2-ref.xhtml # bug 470868
+random-if(cocoaWidget&&layersGPUAccelerated) fuzzy(0-1,0-530) == deferred-tree-2b.xhtml deferred-tree-2-ref.xhtml # bug 470868
+fuzzy(0-1,0-410) == deferred-tree-3a.xhtml deferred-tree-3-ref.xhtml
+fuzzy(0-1,0-110) == deferred-tree-3b.xhtml deferred-tree-3-ref.xhtml
+fuzzy(0-1,0-110) == deferred-tree-3c.xhtml deferred-tree-3-ref.xhtml
+fuzzy(0-1,0-110) == deferred-tree-3d.xhtml deferred-tree-3-ref.xhtml
+# this will occasionally fail until we correctly clear animation effects from
+# no-longer-targeted elements
+random == invalid-elem-1.xhtml invalid-elem-1-ref.xhtml
diff --git a/layout/reftests/svg/smil/event/event-begin-1.svg b/layout/reftests/svg/smil/event/event-begin-1.svg
new file mode 100644
index 0000000000..3b87def1df
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-begin-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        click('circle');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green"
+      begin="circle.click" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-begin-load-1.svg b/layout/reftests/svg/smil/event/event-begin-load-1.svg
new file mode 100644
index 0000000000..e53d845e16
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-begin-load-1.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" id="svg"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green"
+      begin="svg.SVGLoad" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-begin-offset-1.svg b/layout/reftests/svg/smil/event/event-begin-offset-1.svg
new file mode 100644
index 0000000000..30b541b8dc
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-begin-offset-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        click('circle');
+        delayedSnapshot(6)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green"
+      begin="circle.click+4s" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-begin-offset-2.svg b/layout/reftests/svg/smil/event/event-begin-offset-2.svg
new file mode 100644
index 0000000000..f1e503cf0d
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-begin-offset-2.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(4);
+        click('circle');
+        delayedSnapshot(4)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green" calcMode="discrete"
+      begin="circle.click-4s" dur="8s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-begin-timeevent-1.svg b/layout/reftests/svg/smil/event/event-begin-timeevent-1.svg
new file mode 100644
index 0000000000..37fa8d9c86
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-begin-timeevent-1.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        /* Make sure the event gets fired */
+        document.documentElement.setCurrentTime(0.1);
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="x" to="0" begin="0s" id="a"/>
+    <set attributeName="fill" attributeType="CSS"
+      to="green"
+      begin="a.beginEvent" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-begin-timeevent-2.svg b/layout/reftests/svg/smil/event/event-begin-timeevent-2.svg
new file mode 100644
index 0000000000..6472fab70a
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-begin-timeevent-2.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        /* Make sure the event gets fired */
+        document.documentElement.setCurrentTime(0.1);
+        document.documentElement.setCurrentTime(0.6);
+        delayedSnapshot(2.5)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="x" to="0" begin="0s" dur="0.5s" id="a"/>
+    <set attributeName="fill" attributeType="CSS"
+      to="green"
+      begin="a.endEvent" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-begin-timeevent-3.svg b/layout/reftests/svg/smil/event/event-begin-timeevent-3.svg
new file mode 100644
index 0000000000..35247ed46d
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-begin-timeevent-3.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="fastForwardToEvent()">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    const gTimeoutDur = 60000; // Time until we give up waiting for events in ms
+    var timeoutID;
+    function fastForwardToEvent()
+    {
+      document.documentElement.pauseAnimations();
+      document.documentElement.setCurrentTime(4.99);
+      // This test is designed to pass quickly and fail slowly.
+      // 
+      // In the success case, the second animation will start almost
+      // immediately, fire a beginEvent and trigger gotBegin below.
+      //
+      // In the failure case, the following timeout will fire (after
+      // gTimeoutDur), we'll seek to t=1s (to make sure we show the red
+      // square) and then finish.
+      timeoutID = window.setTimeout(finish, gTimeoutDur,
+                                    1 /*seekTimeInSeconds*/);
+      document.documentElement.unpauseAnimations();
+    }
+    function gotBegin()
+    {
+      window.clearTimeout(timeoutID);
+      finish();
+    }
+  </script>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="x" to="0" begin="0s" dur="5s" repeatCount="2" id="a"/>
+    <set attributeName="fill" attributeType="CSS" to="green"
+      begin="a.repeatEvent" onbegin="gotBegin()"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-bubble-1.svg b/layout/reftests/svg/smil/event/event-bubble-1.svg
new file mode 100644
index 0000000000..b4b4ed4cd8
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-bubble-1.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        click('circle');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <g id="g">
+    <circle id="circle" r="10"/>
+  </g>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green"
+      begin="g.click" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-custom-1.svg b/layout/reftests/svg/smil/event/event-custom-1.svg
new file mode 100644
index 0000000000..c3b9a50d3e
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-custom-1.svg
@@ -0,0 +1,26 @@
+<!-- Tests support for custom events -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="sendEvent()">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function sendEvent()
+    {
+      document.documentElement.pauseAnimations();
+      document.documentElement.setCurrentTime(0);
+      var evt = document.createEvent("SVGEvents");
+      evt.initEvent("user.defined", false, false);
+      var target = document.getElementById('rect');
+      target.dispatchEvent(evt);
+      delayedSnapshot(2);
+    }
+  </script>
+  <rect width="100" height="100" fill="red" id="rect">
+    <!-- SMIL allows periods to be embedded in the event name by escaping them
+         with a backslash. (Otherwise the part before the period would be
+         treated as an ID reference.) Test that we support that. -->
+    <set attributeName="fill" attributeType="CSS" to="green"
+      begin="rect.user\.defined" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-end-1.svg b/layout/reftests/svg/smil/event/event-end-1.svg
new file mode 100644
index 0000000000..b846de94dd
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-end-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(2);
+        click('circle');
+        delayedSnapshot(3)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="green">
+    <set attributeName="fill" attributeType="CSS"
+      to="red"
+      begin="1s" end="circle.click" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-end-2.svg b/layout/reftests/svg/smil/event/event-end-2.svg
new file mode 100644
index 0000000000..36bbb9f26f
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-end-2.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        /* Click event should be ignored since the element is inactive as per
+         * SMIL's event sensitivity rules */
+        click('circle');
+        delayedSnapshot(3)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green"
+      begin="1s" end="circle.click+2s" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-end-open-1.svg b/layout/reftests/svg/smil/event/event-end-open-1.svg
new file mode 100644
index 0000000000..0b9afb913a
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-end-open-1.svg
@@ -0,0 +1,20 @@
+<!--
+  Generally speaking, when constructing intervals if all the end instance times
+  are before the next begin time there's no valid interval.
+
+  However, SMIL specifically makes an exception when the end attribute has event
+  conditions in which case an unresolved end is used.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(2);
+        document.documentElement.removeAttribute('class')">
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS" to="green"
+      begin="0s; 2s" end="1s; circle.click"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-end-trimmed-1.svg b/layout/reftests/svg/smil/event/event-end-trimmed-1.svg
new file mode 100644
index 0000000000..d4c06b5992
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-end-trimmed-1.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(1);
+        document.getElementById('a').setAttribute('end', '0s');
+        /* Force a sample to make sure that event gets fired */
+        document.documentElement.setCurrentTime(1);
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="x" to="0" begin="0.5s" dur="10s" id="a"/>
+    <set attributeName="fill" attributeType="CSS"
+      to="green" begin="a.endEvent" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-preventDefault-1.svg b/layout/reftests/svg/smil/event/event-preventDefault-1.svg
new file mode 100644
index 0000000000..4ebadda39b
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-preventDefault-1.svg
@@ -0,0 +1,16 @@
+<!-- Calling preventDefault on the event should have no effect -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        click('circle');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10" onclick="evt.preventDefault()"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green" begin="circle.click" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-seek-1.svg b/layout/reftests/svg/smil/event/event-seek-1.svg
new file mode 100644
index 0000000000..727c244c6c
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-seek-1.svg
@@ -0,0 +1,20 @@
+<!-- Test a backwards seek with an event-generated time -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     id="svg"
+     class="reftest-wait">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function seek()
+    {
+      document.documentElement.setCurrentTime(40);
+      finish(30);
+    }
+    document.addEventListener("MozReftestInvalidate", seek, false);
+    setTimeout(seek, 4000); // fallback for running outside reftest
+  </script>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS" to="green"
+      begin="svg.SVGLoad+20s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-default-1.svg b/layout/reftests/svg/smil/event/event-target-default-1.svg
new file mode 100644
index 0000000000..2fedc40369
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-default-1.svg
@@ -0,0 +1,15 @@
+<!-- Test default parent target -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red" id="rect">
+    <set attributeName="fill" attributeType="CSS" to="green"
+      begin="click" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-default-2.svg b/layout/reftests/svg/smil/event/event-target-default-2.svg
new file mode 100644
index 0000000000..dec770e7e9
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-default-2.svg
@@ -0,0 +1,14 @@
+<!-- Test default target with xlink:href -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red" id="rect"/>
+  <set xlink:href="#rect" attributeName="fill" attributeType="CSS" to="green"
+    begin="click" dur="4s"/>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-id-change-1.svg b/layout/reftests/svg/smil/event/event-target-id-change-1.svg
new file mode 100644
index 0000000000..836ebc9d46
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-id-change-1.svg
@@ -0,0 +1,15 @@
+<!-- Test that changes to ID assignments are reflected in event registration -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('square').setAttribute('id', 'rect');
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red" id="square"/>
+  <set xlink:href="#rect" attributeName="fill" attributeType="CSS" to="green"
+    begin="click" dur="4s"/>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-id-change-2.svg b/layout/reftests/svg/smil/event/event-target-id-change-2.svg
new file mode 100644
index 0000000000..2046eb9c82
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-id-change-2.svg
@@ -0,0 +1,16 @@
+<!-- Test that changes to ID assignments are reflected in event registration.
+     Test for when the animation target becomes invalid. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('rect').setAttribute('id', 'square');
+        click('square');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="green" id="rect"/>
+  <set xlink:href="#rect" attributeName="fill" attributeType="CSS" to="red"
+    begin="click" dur="4s"/>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-id-change-3.svg b/layout/reftests/svg/smil/event/event-target-id-change-3.svg
new file mode 100644
index 0000000000..9e73efb26b
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-id-change-3.svg
@@ -0,0 +1,16 @@
+<!-- Test that changes to ID assignments are reflected in event registration.
+     Test with end specifications. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(1);
+        document.getElementById('square').setAttribute('id', 'rect');
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="green" id="square"/>
+  <set xlink:href="#rect" attributeName="fill" attributeType="CSS" to="red"
+    begin="0s" end="click" dur="4s"/>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-non-svg-1.xhtml b/layout/reftests/svg/smil/event/event-target-non-svg-1.xhtml
new file mode 100644
index 0000000000..d57948d6c3
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-non-svg-1.xhtml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<!--
+  Test for non-SVG event bases. This isn't strictly required but we at very
+  least we want to make sure our behaviour is defined.
+ -->
+<head>
+<script src="event-util.js" type="text/javascript"></script>
+<script>
+function snapshot() {
+  var svg = document.getElementById("svg");
+  svg.pauseAnimations();
+  svg.setCurrentTime(0);
+  click('a');
+  var a = document.getElementById('a');
+  a.style.display = 'none';
+  window.setTimeout(doSnapshot, 10);
+}
+
+function doSnapshot() {
+  var svg = document.getElementById("svg");
+  svg.pauseAnimations();
+  svg.setCurrentTime(2);
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", snapshot, false);
+setTimeout(snapshot, 4000); // fallback for running outside reftest
+
+</script>
+</head>
+<body>
+<a href="#" id="a">Play!</a>
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" id="svg">
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS" to="green"
+      begin="a.click" dur="4s"/>
+  </rect>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/event/event-target-surgery-1.svg b/layout/reftests/svg/smil/event/event-target-surgery-1.svg
new file mode 100644
index 0000000000..9959a14df2
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-surgery-1.svg
@@ -0,0 +1,17 @@
+<!-- Test that animations are unregistered when removed -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('rect').removeChild(
+          document.getElementById('anim'));
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="green" id="rect">
+    <set attributeName="fill" attributeType="CSS"
+      to="red" begin="click" dur="4s" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-surgery-2.svg b/layout/reftests/svg/smil/event/event-target-surgery-2.svg
new file mode 100644
index 0000000000..b9a778b38d
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-surgery-2.svg
@@ -0,0 +1,15 @@
+<!-- Test that animations are unregistered when removed -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.documentElement.removeChild(document.getElementById('anim'));
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="green" id="rect"/>
+  <set xlink:href="#rect" attributeName="fill" attributeType="CSS"
+    to="red" begin="click" dur="4s" id="anim"/>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-surgery-3.svg b/layout/reftests/svg/smil/event/event-target-surgery-3.svg
new file mode 100644
index 0000000000..cf68fc691b
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-surgery-3.svg
@@ -0,0 +1,32 @@
+<!-- Test that event registration is updated when reparenting -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="reparent()">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function reparent()
+    {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(0);
+      var circle    = document.getElementById('circle');
+      var rect      = document.getElementById('rect');
+      var animmove  = document.getElementById('anim-move');
+      var animcolor = document.getElementById('anim-color');
+      circle.appendChild(animmove);
+      rect.appendChild(animcolor);
+      click('rect');
+      delayedSnapshot(2);
+    }
+  </script>
+  <circle id="circle" r="10">
+    <set attributeName="fill" attributeType="CSS"
+      to="green" begin="click" dur="4s" id="anim-color"/>
+  </circle>
+  <rect width="100" height="100" fill="red" id="rect">
+    <animateTransform attributeName="transform" type="translate"
+      values="100; 100" calcMode="discrete"
+      begin="click" dur="4s" id="anim-move"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-xlink-change-1.svg b/layout/reftests/svg/smil/event/event-target-xlink-change-1.svg
new file mode 100644
index 0000000000..f742e9276e
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-xlink-change-1.svg
@@ -0,0 +1,17 @@
+<!-- Test that changes to animation targets update event registration. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('anim').setAttributeNS(
+          'http://www.w3.org/1999/xlink', 'href', '#rect');
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="red" id="rect"/>
+  <set xlink:href="#circle" attributeName="fill" attributeType="CSS" to="green"
+    begin="click" dur="4s" id="anim"/>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-xlink-change-2.svg b/layout/reftests/svg/smil/event/event-target-xlink-change-2.svg
new file mode 100644
index 0000000000..0b8283f8bd
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-xlink-change-2.svg
@@ -0,0 +1,18 @@
+<!-- Test that changes to animation targets update event registration. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('anim').setAttributeNS(
+          'http://www.w3.org/1999/xlink', 'href', '#circle');
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="green" id="rect">
+    <set attributeName="fill" attributeType="CSS"
+      to="red" begin="click" dur="4s" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-xlink-change-3.svg b/layout/reftests/svg/smil/event/event-target-xlink-change-3.svg
new file mode 100644
index 0000000000..d88f1aa77a
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-xlink-change-3.svg
@@ -0,0 +1,18 @@
+<!-- Test that changes to animation targets update event registration. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('anim').removeAttributeNS(
+          'http://www.w3.org/1999/xlink', 'href');
+        click('rect');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="red" id="rect">
+    <set xlink:href="#circle" attributeName="fill" attributeType="CSS"
+      to="green" begin="click" dur="4s" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-target-xlink-change-4.svg b/layout/reftests/svg/smil/event/event-target-xlink-change-4.svg
new file mode 100644
index 0000000000..14e6a46553
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-target-xlink-change-4.svg
@@ -0,0 +1,18 @@
+<!-- Test that changes to animation targets update event registration. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('anim').removeAttributeNS(
+          'http://www.w3.org/1999/xlink', 'href');
+        click('circle');
+        delayedSnapshot(2)">
+  <script xlink:href="event-util.js" type="text/javascript"/>
+  <circle id="circle" r="10"/>
+  <rect width="100" height="100" fill="green" id="rect">
+    <set xlink:href="#circle" attributeName="fill" attributeType="CSS"
+      to="red" begin="click" dur="4s" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/event/event-util.js b/layout/reftests/svg/smil/event/event-util.js
new file mode 100644
index 0000000000..fd0d1bd3e9
--- /dev/null
+++ b/layout/reftests/svg/smil/event/event-util.js
@@ -0,0 +1,24 @@
+// Allows a moment for events to be processed then performs a seek and runs
+// a snapshot.
+function delayedSnapshot(seekTimeInSeconds)
+{
+  // Allow time for events to be processed
+  window.setTimeout(finish, 10, seekTimeInSeconds);
+}
+
+function finish(seekTimeInSeconds)
+{
+  document.documentElement.pauseAnimations();
+  if (seekTimeInSeconds)
+    document.documentElement.setCurrentTime(seekTimeInSeconds);
+  document.documentElement.removeAttribute("class");
+}
+
+function click(targetId)
+{
+  var evt = document.createEvent("MouseEvents");
+  evt.initMouseEvent("click", true, true, window,
+    0, 0, 0, 0, 0, false, false, false, false, 0, null);
+  var target = document.getElementById(targetId);
+  target.dispatchEvent(evt);
+}
diff --git a/layout/reftests/svg/smil/event/green-box-ref.svg b/layout/reftests/svg/smil/event/green-box-ref.svg
new file mode 100644
index 0000000000..120941444a
--- /dev/null
+++ b/layout/reftests/svg/smil/event/green-box-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="green"/>
+</svg>
diff --git a/layout/reftests/svg/smil/event/green-box-ref.xhtml b/layout/reftests/svg/smil/event/green-box-ref.xhtml
new file mode 100644
index 0000000000..ce0bc78f12
--- /dev/null
+++ b/layout/reftests/svg/smil/event/green-box-ref.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px">
+  <rect width="100" height="100" fill="green"/>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/event/reftest.list b/layout/reftests/svg/smil/event/reftest.list
new file mode 100644
index 0000000000..74add0ead3
--- /dev/null
+++ b/layout/reftests/svg/smil/event/reftest.list
@@ -0,0 +1,30 @@
+# Tests related to SVG Animation (using SMIL) that use event timing.
+
+== event-begin-1.svg green-box-ref.svg
+== event-begin-offset-1.svg green-box-ref.svg
+== event-begin-offset-2.svg green-box-ref.svg
+== event-begin-timeevent-1.svg green-box-ref.svg
+== event-begin-timeevent-2.svg green-box-ref.svg
+random-if(Android) == event-begin-timeevent-3.svg green-box-ref.svg
+== event-begin-load-1.svg green-box-ref.svg
+== event-bubble-1.svg green-box-ref.svg
+== event-custom-1.svg green-box-ref.svg
+== event-end-1.svg green-box-ref.svg
+== event-end-2.svg green-box-ref.svg
+== event-end-open-1.svg green-box-ref.svg
+== event-end-trimmed-1.svg green-box-ref.svg
+== event-preventDefault-1.svg green-box-ref.svg
+== event-seek-1.svg green-box-ref.svg
+== event-target-default-1.svg green-box-ref.svg
+== event-target-default-2.svg green-box-ref.svg
+== event-target-id-change-1.svg green-box-ref.svg
+== event-target-id-change-2.svg green-box-ref.svg
+== event-target-id-change-3.svg green-box-ref.svg
+== event-target-xlink-change-1.svg green-box-ref.svg
+== event-target-xlink-change-2.svg green-box-ref.svg
+== event-target-xlink-change-3.svg green-box-ref.svg
+== event-target-xlink-change-4.svg green-box-ref.svg
+== event-target-surgery-1.svg green-box-ref.svg
+== event-target-surgery-2.svg green-box-ref.svg
+== event-target-surgery-3.svg green-box-ref.svg
+== event-target-non-svg-1.xhtml green-box-ref.xhtml
diff --git a/layout/reftests/svg/smil/filtered-instance-time-1.svg b/layout/reftests/svg/smil/filtered-instance-time-1.svg
new file mode 100644
index 0000000000..36d69cd122
--- /dev/null
+++ b/layout/reftests/svg/smil/filtered-instance-time-1.svg
@@ -0,0 +1,63 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- Instance time filtering involves removing instance times that are no
+       longer needed. However, under some arrangements an excessive number of
+       instance times may be generated that will never be cleaned up since they
+       might potentially still affect the behavior of the timing model.
+       
+       For example, consider the case where we have a valid cyclic dependency
+       (e.g.  a ping-pong effect) between TimeEvents. For example,
+       a.begin=b.endEvent and b.begin=a.endEvent. The times generated by this
+       arrangement won't be cleared by regular filtering since they're
+       technically unpredictable (e.g. seeking the document will cause some
+       events to be suppressed) and so we preserve them to provide correct
+       backwards seeking support.
+
+       Therefore, after reaching a certain threshold, old instance times are
+       simply discarded indiscriminantly to avoid consuming memory in unbounded
+       fashion as the animation progresses.
+
+       This test checks this second stage of instance time filtering. -->
+  <script>
+    function go() {
+      var svg = document.documentElement;
+      var anim = document.getElementById('anim');
+
+      // To begin with we have an animation from 0s-2s
+      svg.pauseAnimations();
+      svg.setCurrentTime(1.0); // Seek to mid-interval
+
+      // Generate a lot of instance times beyond the interval end at t=2s
+      // The threshold will be something like 100 but just in case it's 200
+      // let's make 210 instance times.
+      for (var i = 0; i &lt; 210; i++) {
+        // The first instance time will be at t=3s and then we'll generate lots
+        // of times following on from there
+        anim.beginElementAt(2 + i * 0.1);
+      }
+
+      // Seek past the interval end -- this will cause the filtering to kick in.
+      // The first stage of filtering will only filter instance times before the
+      // end of the previous interval (i.e. before t=2s in this case).
+      // The second stage of filtering should take care of the rest.
+      svg.setCurrentTime(2.5);
+
+      // The second stage of filtering will clear out the oldest times first.
+      // However, since first time we generated at t=3s is now used as begin of
+      // the yet-to-begin current interval it should not be cleared.
+      // So if we force the current interval to be updated by adding another
+      // instance time the next interval should still start at t=3s.
+      anim.beginElementAt(100);
+
+      // Now when we go to do a snapshot at t=3s, the animation should be in
+      // effect.
+      svg.setCurrentTime(3.0);
+      svg.removeAttribute("class");
+    }
+  </script>
+  <rect id="blueRect" x="100" y="15" width="200" height="200" fill="blue">
+    <set id="anim" attributeName="x" to="15" begin="0s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/freeze-applied-late-1.svg b/layout/reftests/svg/smil/freeze-applied-late-1.svg
new file mode 100644
index 0000000000..2dd25e1392
--- /dev/null
+++ b/layout/reftests/svg/smil/freeze-applied-late-1.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks for correct behavior when fill="freeze" is applied
+       *after* the end of an animation's interval.  In this case, we immediately
+       seek to a time after the end, so that no samples will have been taken
+       when we apply fill="freeze". -->
+  <script>
+    function go() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(4.0);
+      document.getElementById("anim").setAttribute("fill", "freeze");
+      svg.removeAttribute("class");
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue">
+    <animate id="anim" attributeName="height"
+             to="200" begin="0s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/freeze-applied-late-2.svg b/layout/reftests/svg/smil/freeze-applied-late-2.svg
new file mode 100644
index 0000000000..fd15cd9915
--- /dev/null
+++ b/layout/reftests/svg/smil/freeze-applied-late-2.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks for correct behavior when fill="freeze" is applied
+       *after* the end of an animation's interval.  In this case, we take one
+       sample partway through the animation.  Then we immediately seek to a
+       time after the end, so that only the one sample will have been taken
+       when we apply fill="freeze". -->
+  <script>
+    function go() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(1.0);
+      svg.setCurrentTime(4.0);
+      document.getElementById("anim").setAttribute("fill", "freeze");
+      svg.removeAttribute("class");
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue">
+    <animate id="anim" attributeName="height"
+             to="200" begin="0s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/freeze-applied-late-3.svg b/layout/reftests/svg/smil/freeze-applied-late-3.svg
new file mode 100644
index 0000000000..d6f150df0c
--- /dev/null
+++ b/layout/reftests/svg/smil/freeze-applied-late-3.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks for correct behavior when fill="freeze" is applied when
+       the only interval on an animation is entirely before the document begins
+       (before 0). The SMIL Animation spec says that such intervals should be
+       filtered out[1] (ignored).  So, since we have no valid intervals,
+       applying fill="freeze" shouldn't have any effect in this case.
+       [1] http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Timing-BeginEnd-LC-Start
+   -->
+  <script>
+    function go() {
+      var svg = document.documentElement;
+      document.getElementById("anim").setAttribute("fill", "freeze");
+      svg.removeAttribute("class");
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="200" fill="blue">
+    <animate id="anim" attributeName="height"
+             to="100" begin="-2s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/freeze-applied-late-4.svg b/layout/reftests/svg/smil/freeze-applied-late-4.svg
new file mode 100644
index 0000000000..f755ee5c62
--- /dev/null
+++ b/layout/reftests/svg/smil/freeze-applied-late-4.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This test checks for correct behavior when fill="freeze" is applied when
+       one interval on an animation is entirely before the document begins
+       (before 0), and a second interval is at least partly after the document
+       begins (yet before our first sample, since we immediately seek forward
+       on document load).
+
+       The SMIL Animation spec says that the former interval should be
+       filtered out[1] (ignored), but the latter should not.  So, because of
+       the latter interval, applying fill="freeze" should have an effect in
+       this case.
+       [1] http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Timing-BeginEnd-LC-Start
+   -->
+  <script>
+    function go() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(4.0);
+      document.getElementById("anim").setAttribute("fill", "freeze");
+      svg.removeAttribute("class");
+    }
+  </script>
+  <rect id="blueRect" x="15" y="15" width="200" height="100" fill="blue">
+    <animate id="anim" attributeName="height"
+             to="200" begin="-3s; -1s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/frozen-to-anim-1.svg b/layout/reftests/svg/smil/frozen-to-anim-1.svg
new file mode 100644
index 0000000000..a934d45342
--- /dev/null
+++ b/layout/reftests/svg/smil/frozen-to-anim-1.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(50, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <!-- Covered up red area, if we succeed -->
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="100%" height="100%" fill="lime">
+    <!-- At time t=50s, this will give a base value of 50% -->
+    <animate attributeName="width" from="0%" to="100%"
+      dur="100s"/>
+    <!-- From time t=1s onwards this should apply 50% of its effect to the base
+         value (since it is frozen at repeatCount=0.5).
+         So, if the base value is 50%, and the to-value is 150%, it will produce
+         100%. -->
+    <animate attributeName="width" to="150%" fill="freeze"
+      dur="2s" repeatCount="0.5"/>
+    <!-- The above will check that the resulting width is *at least* 100%. But
+         if it's, say, 120%, we won't see any failure.
+         Therefore, we perform the reverse operation on the height to ensure we
+         don't apply a value that's too large. -->
+    <!-- At time t=50s, this will give a base value of 150% -->
+    <animate attributeName="height" from="200%" to="100%"
+      dur="100s"/>
+    <!-- From time t=1s onwards this should apply 50% of its effect to the
+         value.
+         So, if the base value is 150%, and the to-value is 50%, it will produce
+         100%. -->
+    <animate attributeName="height" to="50%" fill="freeze"
+      dur="2s" repeatCount="0.5"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/inactivate-with-active-unchanged-1.svg b/layout/reftests/svg/smil/inactivate-with-active-unchanged-1.svg
new file mode 100644
index 0000000000..c3e734aea0
--- /dev/null
+++ b/layout/reftests/svg/smil/inactivate-with-active-unchanged-1.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+       document.documentElement.pauseAnimations();
+       document.documentElement.setCurrentTime(1);
+       setTimeAndSnapshot(2, false);">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <!--
+    Test that we correctly handle "HasChanged()" flags when an animation becomes
+    inactive while its siblings haven't changed.
+    In this test case, we take our first sample at 1s, and both animations are
+    active. We take our second sample at 2s, and the first animation is the only
+    active animation. It hasn't changed, so we might think that we don't need to
+    recompose its target - BUT we *do* need to recompose, because the other
+    animation is newly inactive, and we need to reevaluate the animation
+    sandwich now that it's gone.
+  -->
+  <rect x="15" y="15" width="200" height="200" fill="orange">
+    <set attributeName="fill" to="blue" begin="0s" dur="indefinite"/>
+    <set attributeName="fill" to="red"  begin="1s" dur="0.5s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/inactivate-with-active-unchanged-2.svg b/layout/reftests/svg/smil/inactivate-with-active-unchanged-2.svg
new file mode 100644
index 0000000000..be23416fe1
--- /dev/null
+++ b/layout/reftests/svg/smil/inactivate-with-active-unchanged-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+       document.documentElement.pauseAnimations();
+       document.documentElement.setCurrentTime(1);
+       setTimeAndSnapshot(2, false);">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <!--
+    Same as in inactivate-with-active-unchanged-1.svg, but with a frozen
+    animation.
+  -->
+  <rect x="15" y="15" width="200" height="200" fill="orange">
+    <set attributeName="fill" to="blue" begin="0s" dur="0.5s" fill="freeze"/>
+    <set attributeName="fill" to="red"  begin="1s" dur="0.5s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/lime.html b/layout/reftests/svg/smil/lime.html
new file mode 100644
index 0000000000..c4542815b5
--- /dev/null
+++ b/layout/reftests/svg/smil/lime.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Testcase reference file for generic pass condition(HTML)</title>
+  </head>
+  <body style="background-color: lime;">
+  </body>
+</html>
diff --git a/layout/reftests/svg/smil/lime.svg b/layout/reftests/svg/smil/lime.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/svg/smil/lime.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/mapped-attr-long-url-1.svg b/layout/reftests/svg/smil/mapped-attr-long-url-1.svg
new file mode 100644
index 0000000000..7c4c3b66cb
--- /dev/null
+++ b/layout/reftests/svg/smil/mapped-attr-long-url-1.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect height="100%" width="100%" fill="lime" />
+  <rect height="100" width="100" fill="red">
+    <set attributeName="fill" attributeType="XML" dur="indefinite"
+         to="url(#reaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaallyLongURL) transparent"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/mapped-attr-long-url-2.svg b/layout/reftests/svg/smil/mapped-attr-long-url-2.svg
new file mode 100644
index 0000000000..94c0c6ebc2
--- /dev/null
+++ b/layout/reftests/svg/smil/mapped-attr-long-url-2.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    window.addEventListener("MozReftestInvalidate", run, false);
+
+    function run() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+
+      // Seek to first half of animation
+      svg.setCurrentTime(101);
+
+      // Seek to second half of animation
+      svg.setCurrentTime(103);
+
+      // Take snapshot
+      svg.removeAttribute("class");
+    }
+  </script>
+  <rect height="100%" width="100%" fill="lime" />
+  <rect height="100" width="100" fill="red">
+    <animate attributeName="fill" attributeType="XML" begin="100s" dur="4s"
+         from="url(#another_reaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaallyLongURL) purple"
+         to="url(#reaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaallyLongURL) transparent"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/min-1.svg b/layout/reftests/svg/smil/min-1.svg
new file mode 100644
index 0000000000..6ba576d452
--- /dev/null
+++ b/layout/reftests/svg/smil/min-1.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(115, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <!-- Test min behavior
+
+       Set up is as follows:
+       1. There is a rectangle with a lime fill.
+       2. A <set> animation (with default fill="none") sets the fill to
+          orange at t=100s.
+          It has a simple duration of 10s and a min duration of 20s.
+       3. A further <set> animation sets the fill to red when the first
+          animation finishes (using syncbase timing).
+
+       At time t=115s we should still be in the first animation's active
+       interval with its fill mode of 'none' applied which should mean the
+       original lime fill is used. -->
+  <rect width="100%" height="100%" fill="lime">
+    <set attributeName="fill" to="orange" dur="10s" min="20s" begin="100s"
+      id="a"/>
+    <set attributeName="fill" to="red" begin="a.end"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-by-1.svg b/layout/reftests/svg/smil/motion/animateMotion-by-1.svg
new file mode 100644
index 0000000000..072947735e
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-by-1.svg
@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(101, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Big green background to match lime.svg -->
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- Red "workspaces" (should be covered up, if tests pass) -->
+  <rect x="100" y="100" width="100" height="100" fill="red"/>
+  <rect x="100" y="300" width="100" height="100" fill="red"/>
+
+  <!-- FIRST ROW -->
+  <!-- Check that 'by' works at all -->
+  <rect fill="lime" x="0" y="0" width="50" height="50">
+    <animateMotion by="100, 100" begin="100" dur="1" fill="freeze"/>
+  </rect>
+
+  <!-- Check that 'by' is additive w/ 'by' -->
+  <rect fill="lime" x="50" y="50" width="50" height="50">
+    <animateMotion by="60, 75" begin="100" dur="1" fill="freeze"/>
+    <animateMotion by="40, -25" begin="100" dur="1" fill="freeze"/>
+  </rect>
+
+  <!-- SECOND ROW -->
+  <!-- Check that 'by' is additive w/ 'to' -->
+  <rect fill="lime" width="50" height="50">
+    <animateMotion to="50,100" begin="100" dur="1" fill="freeze"/>
+    <animateMotion by="50, 50" begin="100" dur="1" fill="freeze"/>
+  </rect>
+
+  <!-- Check that 'from-to' replaces 'by' -->
+  <rect fill="lime" width="50" height="50">
+    <animateMotion by="500, 500" begin="100" dur="1" fill="freeze"/>
+    <animateMotion from="300,300" to="150,150" begin="100" dur="1" fill="freeze"/>
+  </rect>
+
+  <!-- Other tags -->
+  <foreignObject id="fo" x="0" y="0" width="100" height="50">
+    <div xmlns="http://www.w3.org/1999/xhtml" style="width:100%;height:100%;background-color:lime"/>
+  </foreignObject>
+  <animateMotion xlink:href="#fo" by="100, 300" begin="100" dur="1" fill="freeze"/>
+
+  <svg x="0" y="50" width="100" height="50">
+    <rect width="100" height="50" fill="lime"/>
+    <animateMotion by="100, 300" begin="100" dur="1" fill="freeze"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-by-2.svg b/layout/reftests/svg/smil/motion/animateMotion-by-2.svg
new file mode 100644
index 0000000000..9502828c35
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-by-2.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" transform="translate(100,0)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(101, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <animateMotion by="-100, 0" begin="100" dur="1" fill="freeze"/>
+
+  <!-- Big green background to match lime.svg -->
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-flattening-1.svg b/layout/reftests/svg/smil/motion/animateMotion-flattening-1.svg
new file mode 100644
index 0000000000..cf3a55523a
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-flattening-1.svg
@@ -0,0 +1,26 @@
+  <svg xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="100%" height="100%" viewBox="0 0 45 45" preserveAspectRatio="none"
+    class="reftest-wait">
+    <!--
+      Bug 946540. Test that motion paths with inflection points that both lie
+      outside of (0, 1) are flattened correctly.
+
+      We have a lime background and move a red square along a motion path. If
+      the path is not flattened correctly the red square will get stuck at the
+      point where it covers the viewport.
+     -->
+    <script xlink:href="../smil-util.js"/>
+    <script>
+      window.addEventListener("MozReftestInvalidate", function() {
+        setTimeAndSnapshot(110, true);
+      }, false);
+    </script>
+    <!-- Lime background -->
+    <rect width="100%" height="100%" fill="lime"/>
+    <!-- Animated square -->
+    <rect x="-25" y="-25" width="50" height="50" fill="red">
+      <animateMotion calcMode="paced" begin="100s" dur="1s" fill="freeze"
+        path="m0-32c0 25 10 46 22 56 34 28 75 35 102 38"/>
+    </rect>
+  </svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-from-to-1.svg b/layout/reftests/svg/smil/motion/animateMotion-from-to-1.svg
new file mode 100644
index 0000000000..065ee36b12
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-from-to-1.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(101, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Big green background to match lime.svg -->
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- Red "workspace" (should be covered up, if tests pass) -->
+  <rect x="100" y="100" width="100" height="100" fill="red"/>
+
+  <!-- FIRST ROW -->
+  <!-- Check that 'from' gets applied at begin time -->
+  <rect fill="lime" x="0" y="0" width="50" height="50">
+    <animateMotion from="100, 100" to="500, 500" begin="101" dur="1"/>
+  </rect>
+
+  <!-- Check that 'to' gets hit at end time -->
+  <rect fill="lime" x="0" y="0" width="50" height="50">
+    <animateMotion from="200,200" to="150,100" begin="100" dur="1" fill="freeze"/>
+  </rect>
+
+  <!-- SECOND ROW -->
+  <!-- Check that animation effects are removed after end time
+       (note that fill="remove" is default; just specifying it for clarity -->
+  <rect fill="lime" x="100" y="150" width="50" height="50">
+    <animateMotion from="500,500" to="600,600" begin="1000" dur="1" fill="remove"/>
+  </rect>
+  <rect fill="purple" x="-25" y="-25" width="25" height="25">
+    <!-- With the purple rect's x/y offsets, this animateMotion path moves us
+         around the 2nd row, 1st col -->
+    <animateMotion from="125,175" to="150,175" begin="100" dur="1" fill="remove"/>
+  </rect>
+
+  <!-- Check interpolation halfway through animation -->
+  <rect fill="lime" width="50" height="50">
+    <animateMotion from="200,100" to="100,200" begin="100.5" dur="1"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-indefinite-to-1.svg b/layout/reftests/svg/smil/motion/animateMotion-indefinite-to-1.svg
new file mode 100644
index 0000000000..12c62da2c8
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-indefinite-to-1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- Test that an indefinite to-animation just sticks to the base value for
+       animateMotion. -->
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect x="15" y="15" width="100" height="100" fill="red"/>
+  <rect x="15" y="15" width="100" height="100" fill="lime">
+    <animateMotion to="500,500" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-indefinite-to-2.svg b/layout/reftests/svg/smil/motion/animateMotion-indefinite-to-2.svg
new file mode 100644
index 0000000000..82f5a61a05
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-indefinite-to-2.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- Test that an indefinite to-animation with discrete calcMode applies
+       the underlying value for the whole time. -->
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect x="15" y="15" width="100" height="100" fill="red"/>
+  <rect x="15" y="15" width="100" height="100" fill="lime">
+    <animateMotion to="500,500" dur="indefinite"
+                   calcMode="discrete"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-mpath-pathLength-1.svg b/layout/reftests/svg/smil/motion/animateMotion-mpath-pathLength-1.svg
new file mode 100644
index 0000000000..ffb991c1a6
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-mpath-pathLength-1.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait">
+  <title>Test that pathLength of paths has no effect in animation</title>
+  <defs>
+    <path id="path" pathLength="100" d="M0,0 h400" />
+  </defs>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(100.5, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- calcMode="linear" -->
+  <rect x="10" y="10" width="100" height="100" fill="red"/>
+  <rect x="-190" y="10" width="100" height="100" fill="lime">
+    <animateMotion begin="100s" dur="1s" keyPoints="0;1" keyTimes="0;1" calcMode="linear">
+      <mpath xlink:href="#path" />
+    </animateMotion>
+  </rect>
+
+  <!-- calcMode="paced" -->
+  <rect x="10" y="110" width="100" height="100" fill="red"/>
+  <rect x="-190" y="110" width="100" height="100" fill="lime">
+    <animateMotion begin="100s" dur="1s">
+      <mpath xlink:href="#path" />
+    </animateMotion>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-mpath-shadow.svg b/layout/reftests/svg/smil/motion/animateMotion-mpath-shadow.svg
new file mode 100644
index 0000000000..d57aa1a29f
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-mpath-shadow.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait">
+  <title>Test that pathLength works inside a shadow tree</title>
+  <defs>
+    <path id="path" pathLength="100" d="M0,0 h400" />
+    <g id="content">
+      <rect width="100%" height="100%" fill="lime"/>
+
+      <!-- calcMode="linear" -->
+      <rect x="10" y="10" width="100" height="100" fill="red"/>
+      <rect x="-190" y="10" width="100" height="100" fill="lime">
+        <animateMotion begin="100s" dur="1s" keyPoints="0;1" keyTimes="0;1" calcMode="linear">
+          <mpath xlink:href="#path" />
+        </animateMotion>
+      </rect>
+
+      <!-- calcMode="paced" -->
+      <rect x="10" y="110" width="100" height="100" fill="red"/>
+      <rect x="-190" y="110" width="100" height="100" fill="lime">
+        <animateMotion begin="100s" dur="1s">
+          <mpath xlink:href="#path" />
+        </animateMotion>
+      </rect>
+    </g>
+  </defs>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(100.5, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+  <use xlink:href="#content"></use>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-mpath-target-transform-1.svg b/layout/reftests/svg/smil/motion/animateMotion-mpath-target-transform-1.svg
new file mode 100644
index 0000000000..c8f5919b79
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-mpath-target-transform-1.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test that 'transform' on the &lt;mpath&gt; target has no affect</title>
+  <defs>
+    <path id="path" d="M0,0 L100,100" transform="translate(100,0)"/>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect x="10" y="10" width="100" height="100" fill="red"/>
+  <rect x="10" y="10" width="100" height="100" fill="lime">
+    <animateMotion dur="indefinite">
+      <mpath xlink:href="#path"/>
+    </animateMotion>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-mpath-targetChange-1.svg b/layout/reftests/svg/smil/motion/animateMotion-mpath-targetChange-1.svg
new file mode 100644
index 0000000000..b2a408ca62
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-mpath-targetChange-1.svg
@@ -0,0 +1,151 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <style>
+    .background { fill: lime }
+    .workspace  { fill: red  }
+    .test       { fill: lime }
+  </style>
+  <defs>
+    <!-- 'Dummy' path -->
+    <path id="moveFarAway"      d="M300,300 h0"/>
+
+    <path id="moveToUpperLeft"  d="M100,100 h0"/>
+
+    <path id="pathWhoseDAttrChanges" d="M360,360 h0"/>
+
+    <!-- The first of these two elems w/ same ID should be used. -->
+    <path id="moveToMiddleLeft"  d="M100,150 h0"/>
+    <path id="moveToMiddleLeft"  d="M350,350 h0"/>
+
+    <!-- The first of these two elems w/ same ID initially wins, but then
+         it gets removed via script. -->
+    <path id="moveToMiddleCenter" d="M340,340 h0"/>
+    <path id="moveToMiddleCenter" d="M150,150 h0"/>
+
+    <!-- This elem doesn't do what its id would suggest, but we'll use JS to
+         add an earlier elem with the same ID that *does* do what it says. -->
+    <path id="moveToMiddleRight" d="M330,330 h0"/>
+
+    <path id="moveToLowerLeft"   d="M100,200 h0"/>
+    <path id="moveToLowerCenter" d="M150,200 h0"/>
+
+  </defs>
+
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    const SVGNS   = "http://www.w3.org/2000/svg";
+    const XLINKNS = "http://www.w3.org/1999/xlink";
+
+
+    function insertPathElem(aPathId, aPathSpec) {
+      var newPath = document.createElementNS(SVGNS, "path");
+      newPath.setAttribute("id", aPathId);
+      newPath.setAttribute("d",  aPathSpec);
+
+      // Insert new path into defs
+      var defsElem = document.getElementsByTagName("defs")[0];
+      defsElem.insertBefore(newPath, defsElem.firstChild);
+    }
+
+    function doTest() {
+      // Seek already, so we'll have sampled the initial 'stale' state
+      document.documentElement.setCurrentTime(1);
+
+      // Make tweaks
+      var mpathToModify = document.getElementById("modifyMyTarget");
+      mpathToModify.setAttributeNS(XLINKNS, "href", "#moveToUpperLeft");
+
+      var mpathWhoseHrefNeedsClearing = document.getElementById("unsetMyTarget");
+      mpathWhoseHrefNeedsClearing.removeAttributeNS(XLINKNS, "href");
+
+      var pathToTweak = document.getElementById("pathWhoseDAttrChanges");
+      pathToTweak.setAttribute("d", "M200 100 h0");
+
+      var mpathToDelete = document.getElementById("removeMe");
+      mpathToDelete.parentNode.removeChild(mpathToDelete);
+
+      var pathToDelete = document.getElementById("moveToMiddleCenter");
+      pathToDelete.parentNode.removeChild(pathToDelete);
+
+      insertPathElem("moveToMiddleRight", "M200,150 h0");
+      insertPathElem("moveToLowerRight", "M200,200 h0");
+
+      setTimeAndSnapshot(1, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Big green background to match lime.svg -->
+  <rect class="background" width="100%" height="100%" />
+  <!-- Red "workspace" (should be covered up, if tests pass) -->
+  <rect class="workspace" x="100" y="100" width="150" height="150"/>
+
+  <!-- FIRST ROW: Test behavior... -->
+  <!-- ...when mpath's 'xlink:href' attr is modified. -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath id="modifyMyTarget" xlink:href="#moveFarAway"/>
+    </animateMotion>
+  </rect>
+
+  <!-- ...when mpath's 'xlink:href' is unset.  -->
+  <rect class="test" x="150" y="100" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath id="unsetMyTarget" xlink:href="#moveFarAway"/>
+    </animateMotion>
+  </rect>
+
+  <!-- ...when the target-path's "d" attr is modified. -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath xlink:href="#pathWhoseDAttrChanges"/>
+    </animateMotion>
+  </rect>
+
+  <!-- SECOND ROW: Test behavior... -->
+  <!--  ...when there are two paths with same ID (first should win) -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath xlink:href="#moveToMiddleLeft"/>
+    </animateMotion>
+  </rect>
+
+  <!--  ...when there are two paths with same ID, and the first is removed. -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath xlink:href="#moveToMiddleCenter"/>
+    </animateMotion>
+  </rect>
+
+  <!--  ...when an earlier path is added with our target ID. -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath xlink:href="#moveToMiddleRight"/>
+    </animateMotion>
+  </rect>
+
+  <!-- THIRD ROW: Test behavior... -->
+  <!--  ...when there are two mpath children (first should win). -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath xlink:href="#moveToLowerLeft"/>
+      <mpath xlink:href="#moveFarAway"/>
+    </animateMotion>
+  </rect>
+
+  <!--  ...when there are two mpath children, and the first is removed. -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath id="removeMe" xlink:href="#moveFarAway"/>
+      <mpath xlink:href="#moveToLowerCenter"/>
+    </animateMotion>
+  </rect>
+  <!--  ...when there's an mpath child that initially matches nothing, until
+        a node with the right ID is inserted into the DOM. -->
+  <rect class="test" x="0" y="0" width="50" height="50">
+    <animateMotion begin="1" dur="1" fill="freeze">
+      <mpath xlink:href="#moveToLowerRight"/>
+    </animateMotion>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-rotate-1a.svg b/layout/reftests/svg/smil/motion/animateMotion-rotate-1a.svg
new file mode 100644
index 0000000000..414a6c718b
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-rotate-1a.svg
@@ -0,0 +1,63 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <style>
+    .background { fill: lime }
+    .workspace  { fill: red  }
+    .test       { fill: lime }
+    .filler     { fill: lime }
+  </style>
+
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(101, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Big green background to match lime.svg -->
+  <rect class="background" width="100%" height="100%" />
+  <!-- Red "workspace" (should be covered up, if tests pass) -->
+  <rect class="workspace" x="100" y="100" width="100" height="100"/>
+
+  <!-- FIRST ROW -->
+  <!-- Check that 'rotate' gets applied at begin time -->
+  <g>
+    <animateMotion from="150, 100" to="500, 500" rotate="90"
+                   begin="101" dur="1"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="100" y="120" width="30" height="30"/>
+
+  <!-- Check that 'rotate' gets applied at end time -->
+  <g>
+    <animateMotion from="600, 700" to="200, 150" rotate="180" begin="100"
+                   dur="1" fill="freeze"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="150" y="100" width="30" height="30"/>
+
+  <!-- SECOND ROW -->
+  <!-- Check that rotate combines with existing rotate -->
+  <g transform="rotate(90)">
+    <animateMotion from="150,200" to="600,600" rotate="90"
+                   begin="101" dur="1"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="100" y="150" width="30" height="30"/>
+
+  <!-- Check additivity of <animateMotion> "rotate" adds -->
+  <g>
+    <animateMotion from="100,100" to="100,200" rotate="90"
+                   begin="100.5" dur="1"/>
+    <animateMotion by="100,-200" rotate="90"
+                   begin="100.5" dur="1"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="150" y="150" width="30" height="30"/>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-rotate-1b.svg b/layout/reftests/svg/smil/motion/animateMotion-rotate-1b.svg
new file mode 100644
index 0000000000..8c4287d33e
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-rotate-1b.svg
@@ -0,0 +1,63 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <style>
+    .background { fill: lime }
+    .workspace  { fill: red  }
+    .test       { fill: lime }
+    .filler     { fill: lime }
+  </style>
+
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(101, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Big green background to match lime.svg -->
+  <rect class="background" width="100%" height="100%" />
+  <!-- Red "workspace" (should be covered up, if tests pass) -->
+  <rect class="workspace" x="100" y="100" width="100" height="100"/>
+
+  <!-- FIRST ROW -->
+  <!-- Check that 'rotate' gets applied at begin time -->
+  <g>
+    <animateMotion from="150, 100" to="500, 500" rotate="100grad"
+                   begin="101" dur="1"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="100" y="120" width="30" height="30"/>
+
+  <!-- Check that 'rotate' gets applied at end time -->
+  <g>
+    <animateMotion from="600, 700" to="200, 150" rotate="200grad" begin="100"
+                   dur="1" fill="freeze"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="150" y="100" width="30" height="30"/>
+
+  <!-- SECOND ROW -->
+  <!-- Check that rotate combines with existing rotate -->
+  <g transform="rotate(90)">
+    <animateMotion from="150,200" to="600,600" rotate="100grad"
+                   begin="101" dur="1"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="100" y="150" width="30" height="30"/>
+
+  <!-- Check additivity of <animateMotion> "rotate" adds -->
+  <g>
+    <animateMotion from="100,100" to="100,200" rotate="100grad"
+                   begin="100.5" dur="1"/>
+    <animateMotion by="100,-200" rotate="100grad"
+                   begin="100.5" dur="1"/>
+    <rect class="test" x="0" y="0" width="20" height="50"/>
+    <rect class="test" x="0" y="0" width="50" height="20"/>
+  </g>
+  <rect class="filler" x="150" y="150" width="30" height="30"/>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-rotate-2.svg b/layout/reftests/svg/smil/motion/animateMotion-rotate-2.svg
new file mode 100644
index 0000000000..7f6fcc7cf5
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-rotate-2.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <!-- Tests for rotate="auto" and "auto-reverse" -->
+  <!-- The idea here is to create positioned red "holes" in the lime
+       background, and then hopefully use paused <animateMotion> elements to
+       position other elements exactly on top of the hole. -->
+  <style>
+    .background { fill:  lime   }
+    .hole       { color: red    }
+    .testBegin  { color: purple }
+    .testEnd    { color: orange }
+    .mask       { color: lime   }
+  </style>
+  <defs>
+    <!-- A 'pin' marker, just offscreen, pointing directly down at 0,0 -->
+    <!-- NOTE: The lime 2.83px-wide stroke is a hack to get around "seams" in
+         SVG when redrawing the same non-pixel-aligned shape on top of itself
+         in different colors. 2.83 is just over 2*sqrt(2), sqrt(2) being the
+         maximum distance from a path that antialiasing of square pixels can
+         cause the path to affect. -->
+    <path id="marker" d="m0,0 l-10,-30  c-5,-20 25,-20 20,0 z"
+          style="fill: currentColor; stroke: lime; stroke-width: 2.83px"/>
+  </defs>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(101, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Big green background to match lime.svg -->
+  <rect class="background" width="100%" height="100%" />
+  <g transform="translate(50,50)">
+    <!-- Here's the hole -->
+    <use xlink:href="#marker" class="hole"
+         transform="translate(20,20) rotate(45)"/>
+
+    <!-- And here's a stack of elements animated with 'animateMotion' that
+         should end up there. -->
+    <use xlink:href="#marker" class="testBegin">
+      <animateMotion from="20,20" to="40,40" rotate="auto" begin="101s" dur="1s"/>
+    </use>
+    <use xlink:href="#marker" class="testEnd">
+      <animateMotion by="20,20" rotate="auto" begin="100" dur="1s" fill="freeze"/>
+    </use>
+    <use xlink:href="#marker" class="mask">
+      <animateMotion by="40,40" rotate="auto" begin="100s" dur="2s"/>
+    </use>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-to-overridden-1.svg b/layout/reftests/svg/smil/motion/animateMotion-to-overridden-1.svg
new file mode 100644
index 0000000000..2c6179640a
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-to-overridden-1.svg
@@ -0,0 +1,61 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+    function doTest() {
+      setTimeAndSnapshot(101, true);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <!-- Big green background to match lime.svg -->
+  <rect fill="lime" width="100%" height="100%" />
+
+  <!-- In the following pairs of rects, the only pairwise differences are the
+       fill-color and the presence of the "to" attribute on the animateMotion
+       element.  "to" shouldn't have any effect in these cases, since it has
+       lower priority than "values," "path," and "mpath". So in each case, the
+       lime rect should cover up the red rect at all times. -->
+
+  <!-- Single-point path specified with "values" attribute: -->
+  <g transform="translate(0,0)">
+    <rect width="20" height="20" fill="red">
+      <animateMotion values="20,0" dur="2" begin="100"/>
+    </rect>
+    <rect width="20" height="20" fill="lime">
+      <animateMotion values="20,0" dur="2" to="-50,0" begin="100"/>
+    </rect>
+  </g>
+
+  <!-- Multi-point path specified with "values" attribute: -->
+  <g transform="translate(0,30)">
+    <rect width="20" height="20" fill="red">
+      <animateMotion values="20,0; 80,0" dur="2" begin="100"/>
+    </rect>
+    <rect width="20" height="20" fill="lime">
+      <animateMotion values="20,0; 80,0" dur="2" to="-50,0" begin="100"/>
+    </rect>
+  </g>
+
+  <!-- Path specified with "path" attribute: -->
+  <g transform="translate(0,60)">
+    <rect width="20" height="20" fill="red">
+      <animateMotion path="m0,0 h100" dur="2" begin="100"/>
+    </rect>
+    <rect width="20" height="20" fill="lime">
+      <animateMotion path="m0,0 h100" dur="2" to="-50,0" begin="100"/>
+    </rect>
+  </g>
+
+  <!-- Path specified with "mpath" subelement: -->
+  <path id="p" d="m0,0 h100"/>
+  <g transform="translate(0,90)">
+    <rect width="20" height="20" fill="red">
+      <animateMotion dur="2" begin="100"><mpath xlink:href="#p"/></animateMotion>
+    </rect>
+    <rect width="20" height="20" fill="lime">
+      <animateMotion dur="2" to="-50,0" begin="100"><mpath xlink:href="#p"/></animateMotion>
+    </rect>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-values-linear-1-ref.svg b/layout/reftests/svg/smil/motion/animateMotion-values-linear-1-ref.svg
new file mode 100644
index 0000000000..fbb06fcf13
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-values-linear-1-ref.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- First row -->
+  <g transform="translate(20,20)">
+    <g>
+      <rect width="15px" height="15px"/>
+    </g>
+    <g transform="translate(50,0)">
+      <rect x="0" y="10" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(100,0)">
+      <rect x="9" y="10" width="15px" height="15px"/>
+    </g>
+  </g>
+  <!-- Second row -->
+  <g transform="translate(20,70)">
+    <g>
+      <rect x="22.5" y="10" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(50,0)">
+      <rect x="29.7" y="10" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(100,0)">
+      <rect x="45" y="30"  width="15px" height="15px"/>
+    </g>
+  </g>
+  <!-- Third row -->
+  <g transform="translate(20,120)">
+    <g>
+      <rect x="48" y="34" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(50,0)">
+      <rect x="60" y="50" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(100,0)">
+      <rect x="60" y="50" width="15px" height="15px"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-values-linear-1.svg b/layout/reftests/svg/smil/motion/animateMotion-values-linear-1.svg
new file mode 100644
index 0000000000..6c4721cca0
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-values-linear-1.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- Tests for <animateMotion> with 'values' attribute -->
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "values"    : "0,10; 30,10; 60,50",
+                           "calcMode"  : "linear" };
+      testAnimatedRectGrid("animateMotion", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-values-paced-1-ref.svg b/layout/reftests/svg/smil/motion/animateMotion-values-paced-1-ref.svg
new file mode 100644
index 0000000000..d933fb8381
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-values-paced-1-ref.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- First row -->
+  <g transform="translate(20,20)">
+    <g>
+      <rect width="15px" height="15px"/>
+    </g>
+    <g transform="translate(50,0)">
+      <rect x="0" y="10" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(100,0)">
+      <rect x="12" y="10" width="15px" height="15px"/>
+    </g>
+  </g>
+  <!-- Second row -->
+  <g transform="translate(20,70)">
+    <g>
+      <rect x="30" y="10" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(50,0)">
+      <rect x="35.76" y="17.68" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(100,0)">
+      <rect x="48" y="34"  width="15px" height="15px"/>
+    </g>
+  </g>
+  <!-- Third row -->
+  <g transform="translate(20,120)">
+    <g>
+      <rect x="50.4" y="37.2" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(50,0)">
+      <rect x="60" y="50" width="15px" height="15px"/>
+    </g>
+    <g transform="translate(100,0)">
+      <rect x="60" y="50" width="15px" height="15px"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-values-paced-1a.svg b/layout/reftests/svg/smil/motion/animateMotion-values-paced-1a.svg
new file mode 100644
index 0000000000..737574cae5
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-values-paced-1a.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- Tests for <animateMotion> with 'values' attribute -->
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "values"    : "0,10; 30,10; 60,50"};
+      testAnimatedRectGrid("animateMotion", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/animateMotion-values-paced-1b.svg b/layout/reftests/svg/smil/motion/animateMotion-values-paced-1b.svg
new file mode 100644
index 0000000000..9d72807d9e
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/animateMotion-values-paced-1b.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- Tests for <animateMotion> with 'values' attribute -->
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "values"    : "0,10; 30,10; 60,50",
+                           "calcMode"  : "paced" };
+      testAnimatedRectGrid("animateMotion", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/lime.svg b/layout/reftests/svg/smil/motion/lime.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/lime.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/motion/reftest.list b/layout/reftests/svg/smil/motion/reftest.list
new file mode 100644
index 0000000000..9163259736
--- /dev/null
+++ b/layout/reftests/svg/smil/motion/reftest.list
@@ -0,0 +1,22 @@
+# Tests related to SVG Animation (using SMIL), focusing on the animateMotion
+# element.
+
+== animateMotion-by-1.svg      lime.svg
+== animateMotion-by-2.svg      lime.svg
+fuzzy(0-15,0-1600) == animateMotion-flattening-1.svg lime.svg # bug 951541
+== animateMotion-from-to-1.svg lime.svg
+== animateMotion-indefinite-to-1.svg lime.svg
+== animateMotion-indefinite-to-2.svg lime.svg
+== animateMotion-rotate-1a.svg lime.svg
+== animateMotion-rotate-1b.svg lime.svg
+fuzzy(0-1,0-40) == animateMotion-rotate-2.svg lime.svg
+== animateMotion-to-overridden-1.svg lime.svg
+fuzzy(0-4,0-15) == animateMotion-values-linear-1.svg animateMotion-values-linear-1-ref.svg
+fuzzy(0-5,0-91) == animateMotion-values-paced-1a.svg animateMotion-values-paced-1-ref.svg
+fuzzy(0-5,0-91) == animateMotion-values-paced-1b.svg animateMotion-values-paced-1-ref.svg
+
+# Tests involving <mpath> sub-element
+== animateMotion-mpath-pathLength-1.svg lime.svg
+== animateMotion-mpath-targetChange-1.svg lime.svg
+== animateMotion-mpath-target-transform-1.svg lime.svg
+== animateMotion-mpath-shadow.svg lime.svg
diff --git a/layout/reftests/svg/smil/pause/init-pause-1-ref.svg b/layout/reftests/svg/smil/pause/init-pause-1-ref.svg
new file mode 100644
index 0000000000..7d9aa5082f
--- /dev/null
+++ b/layout/reftests/svg/smil/pause/init-pause-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <circle cx="150" cy="50" r="30" fill="blue"/>
+  <!-- Tick mark to show where the circle should be -->
+  <path d="M150 40v20" stroke="green"/>
+</svg>
diff --git a/layout/reftests/svg/smil/pause/init-pause-1.svg b/layout/reftests/svg/smil/pause/init-pause-1.svg
new file mode 100644
index 0000000000..a352dd8345
--- /dev/null
+++ b/layout/reftests/svg/smil/pause/init-pause-1.svg
@@ -0,0 +1,49 @@
+<!--
+
+  Tests various aspects of initial pause behaviour including getCurrentTime and
+  setCurrentTime. In particular, we test the behaviour described in
+
+http://www.w3.org/2003/01/REC-SVG11-20030114-errata#getCurrentTime_setCurrentTime_undefined_before_document_timeline_begin
+
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="unpause()">
+  <script type="text/ecmascript"><![CDATA[
+    // If we try to update the DOM as we go we very occasionally run into timing
+    // issues that produce false positives for this test. So instead we just set
+    // this flag and update the DOM at the end of the test.
+    var ok = true;
+
+    function assert(condition) {
+      ok = ok & condition;
+    }
+
+    // === Test the state before the document starts ===
+    document.documentElement.setCurrentTime(2);
+    assert(document.documentElement.getCurrentTime() == 0);
+    assert(!document.documentElement.animationsPaused());
+    document.documentElement.pauseAnimations();
+
+    function unpause() {
+      // === Test the state after that the document has started === 
+      assert(document.documentElement.getCurrentTime() == 2);
+      assert(document.documentElement.animationsPaused());
+
+      if (!ok) {
+        document.getElementById('wrong').style.visibility = 'visible';
+      }
+
+      document.documentElement.removeAttribute("class");
+    }
+  ]]></script>
+  <circle cx="50" cy="50" r="30" fill="blue">
+    <animate attributeName="cx" attributeType="XML"
+      to="250" begin="1s" dur="2s" fill="freeze"/>
+  </circle>
+  <!-- Tick mark to show where the circle should be -->
+  <path d="M150 40v20" stroke="green"/>
+  <!-- Marker to show if something is wrong in the DOM -->
+  <text fill="red" stroke="none" font-size="60" x="125" y="70"
+    font-family="sans-serif" id="wrong" visibility="hidden">X</text>
+</svg>
diff --git a/layout/reftests/svg/smil/pause/reftest.list b/layout/reftests/svg/smil/pause/reftest.list
new file mode 100644
index 0000000000..a4af69c477
--- /dev/null
+++ b/layout/reftests/svg/smil/pause/reftest.list
@@ -0,0 +1,2 @@
+# Tests for pause behaviour
+== init-pause-1.svg init-pause-1-ref.svg
diff --git a/layout/reftests/svg/smil/reftest.list b/layout/reftests/svg/smil/reftest.list
new file mode 100644
index 0000000000..1ec28de14a
--- /dev/null
+++ b/layout/reftests/svg/smil/reftest.list
@@ -0,0 +1,295 @@
+# Tests related to SVG Animation (using SMIL)
+# XXXdholbert Partial list of features that still need reftests:
+#   - calcMode=discrete, paced, spline
+#   - Stacking of additive=[sum|replace] animations
+#   - Stacking of additive animations, w/ "hybrid case of to-animation"
+#   - Repeating animations, w/ & w/out accumulate=sum
+#   - Interpolation between different units (e.g. font-size attr, 3em to 50px)
+#   - Correct behavior for em/ex font-size animations, when context changes
+#      (with change happening 1. when completed/frozen and 2. when animating)
+#   - CSS properties
+#   - DOM interfaces:
+#    * Section 6.2 of http://www.w3.org/TR/smil-animation/
+#    * Animation-related bits of http://www.w3.org/TR/SVG/struct.html#DOMInterfaces
+#   - Some more "anim-retarget" tests, with attributeType being changed/cleared.
+#     (after we've got support for SVG/SMIL animation of CSS properties)
+
+# animateMotion tests
+include motion/reftest.list
+
+# animation sort-order tests
+include sort/reftest.list
+
+# set tests
+include set/reftest.list
+
+# style tests
+include style/reftest.list
+
+# animateTransform tests
+include transform/reftest.list
+
+# time-dependent tests
+# XXXdholbert Disabling this class of tests for now, because most of them
+# can & should be converted so they don't depend on specific timeout values.
+# (to prevent sporadic failures due to nondeterminism)
+# include timed/reftest.list
+
+# time container tests
+include container/reftest.list
+
+# repeat tests
+include repeat/reftest.list
+
+# restart tests
+include restart/reftest.list
+
+# pause tests
+include pause/reftest.list
+
+# syncbase tests
+include syncbase/reftest.list
+
+# seek tests
+include seek/reftest.list
+
+# event tests
+include event/reftest.list
+
+# General tests
+== anim-discrete-values-1.svg      anim-standard-ref.svg
+== anim-discrete-values-2.svg      anim-standard-ref.svg
+== anim-discrete-values-3.svg      anim-standard-ref.svg
+== anim-discrete-replace-sum-1.svg anim-standard-ref.svg
+== anim-discrete-sum-none-1.svg    anim-standard-ref.svg
+== anim-discrete-sum-sum-1.svg     anim-standard-ref.svg
+
+== anim-discrete-to-1.svg          anim-standard-ref.svg
+== anim-discrete-to-2.svg          anim-standard-ref.svg
+== anim-discrete-to-3.svg          anim-standard-ref.svg
+== anim-discrete-to-4.svg          anim-standard-ref.svg
+
+== anim-indefinite-to-1.svg        anim-standard-ref.svg
+== anim-indefinite-to-2.svg        anim-standard-ref.svg
+== anim-indefinite-to-3.svg        anim-standard-ref.svg
+== anim-indefinite-to-4.svg        anim-standard-ref.svg
+
+fails == anim-fillcolor-1.svg      anim-standard-ref.svg # bug 436296
+== anim-fillopacity-1none.svg anim-standard-ref.svg
+== anim-fillopacity-1css.svg  anim-standard-ref.svg
+== anim-fillopacity-1xml.svg  anim-standard-ref.svg
+
+fuzzy(0-1,0-3600) == anim-opacity-01.svg lime.svg
+
+== anim-height-done-1a.svg anim-standard-ref.svg
+== anim-height-done-1b.svg anim-standard-ref.svg
+== anim-height-done-2.svg lime.svg
+== anim-height-interp-1.svg anim-height-interp-1-ref.svg
+== anim-height-interp-2.svg anim-height-interp-2-ref.svg
+== anim-height-interp-3.svg anim-height-interp-3-ref.svg
+== anim-height-interp-4.svg anim-height-interp-4-ref.svg
+== anim-height-interp-5.svg anim-height-interp-5-ref.svg
+== anim-height-interp-6.svg anim-height-interp-6-ref.svg
+
+# check conditional processing
+== anim-conditions-01.svg lime.svg
+== anim-conditions-02.svg lime.svg
+
+# animate some <length> attributes:
+== anim-filter-primitive-size-01.svg lime.svg
+== anim-filter-size-01.svg lime.svg
+== anim-length-reset-01.svg lime.svg
+== anim-nonpixel-length-reset-01.svg lime.svg
+== anim-use-length-01.svg lime.svg
+== anim-use-length-02.svg lime.svg
+
+# animate some <number> attributes:
+== anim-feComponentTransfer-01.svg lime.svg
+== anim-feDistantLight-01.svg anim-feDistantLight-01-ref.svg
+== anim-feOffset-01.svg lime.svg
+== anim-feSpotLight-01.svg anim-feSpotLight-01-ref.svg
+== anim-offset-01.svg lime.svg
+== anim-pathLength-01.svg anim-pathLength-01-ref.svg
+
+# animate some <number-optional-number> attributes:
+fuzzy(0-1,0-600) == anim-feGaussianBlur-01.svg lime.svg
+
+# animate some <integer> attributes:
+== anim-feTurbulence-numOctaves-01.svg anim-feTurbulence-numOctaves-01-ref.svg
+
+# animate some <integer-optional-integer> attributes:
+== anim-feConvolveMatrix-order-01.svg anim-feConvolveMatrix-order-01-ref.svg
+
+# animate some <angle> attributes:
+== anim-marker-orient-01.svg lime.svg
+# The test fails intermittently if this pref is enabled, see bug 1768650.
+pref(gfx.webrender.svg-shapes,false) == anim-marker-orient-02.svg lime.svg
+
+#animate points list:
+== anim-polygon-points-01.svg anim-polygon-points-01-ref.svg
+== anim-polyline-points-01.svg anim-polyline-points-01-ref.svg
+
+# animate path data:
+== anim-path-d-01.svg anim-path-d-01-ref.svg
+
+# animate some enumeration attributes:
+== anim-feComposite-operator-01.svg lime.svg
+== anim-filter-filterUnits-01.svg lime.svg
+
+# animate some boolean attributes:
+== anim-feConvolveMatrix-preserveAlpha-01.svg lime.svg
+
+# animate some viewBox attributes
+fuzzy-if(Android,0-4,0-1) == anim-svg-viewBox-01.svg lime.svg
+== anim-svg-viewBox-02.svg lime.svg
+== anim-svg-viewBox-03.svg lime.svg
+== anim-view-01.svg#view lime.svg
+
+# animate some preserveAspectRatio attributes
+== anim-feImage-preserveAspectRatio-01.svg lime.svg
+== anim-svg-preserveAspectRatio-01.svg lime.svg
+
+# animate some string attributes:
+== anim-filter-href-01.svg lime.svg
+== anim-gradient-href-01.svg lime.svg
+== anim-image-href-01.svg lime.svg
+== anim-pattern-href-01.svg lime.svg
+== anim-use-href-01.svg lime.svg
+
+# animate the class attribute
+== anim-class-01.svg lime.svg
+== anim-class-02.svg lime.svg
+== anim-class-03.svg lime.svg
+== anim-class-04.svg anim-class-04-ref.svg
+
+# animate with some paint server values
+== anim-paintserver-1.svg anim-paintserver-1-ref.svg
+
+# animate attributes on text content children
+== anim-text-attr-01.svg anim-text-attr-01-ref.svg
+
+# animate where the base value is non-interpolatable but will be replaced anyway
+== anim-fill-overpaintserver-1.svg lime.svg
+== anim-fill-overpaintserver-2.svg lime.svg
+
+# animate where we fallback from 'additive' animation to non-additive
+== anim-additive-fallback-1.svg anim-standard-ref.svg
+
+== anim-remove-1.svg anim-standard-ref.svg
+== anim-remove-2.svg anim-standard-ref.svg
+== anim-remove-3.svg anim-standard-ref.svg
+== anim-remove-4.svg anim-standard-ref.svg
+== anim-remove-5.svg anim-standard-ref.svg
+== anim-remove-6.svg anim-standard-ref.svg
+== anim-remove-7.svg anim-standard-ref.svg
+== anim-remove-8css.svg anim-standard-ref.svg
+== anim-remove-8xml.svg anim-standard-ref.svg
+== anim-remove-9.svg anim-standard-ref.svg
+== anim-retarget-1.svg anim-standard-ref.svg
+== anim-retarget-2.svg anim-standard-ref.svg
+== anim-retarget-3.svg anim-standard-ref.svg
+== anim-retarget-4.svg anim-standard-ref.svg
+== anim-retarget-5.svg anim-standard-ref.svg
+== anim-retarget-6.svg anim-standard-ref.svg
+== anim-retarget-7.svg anim-standard-ref.svg
+== anim-retarget-8.svg anim-standard-ref.svg
+
+fails == anim-strokecolor-1.svg anim-standard-ref.svg # bug 436296
+== anim-strokewidth-1xml.svg anim-standard-ref.svg
+
+== anim-targethref-1.svg anim-standard-ref.svg
+== anim-targethref-2.svg anim-standard-ref.svg
+== anim-targethref-3.svg anim-standard-ref.svg
+== anim-targethref-4.svg anim-standard-ref.svg
+== anim-targethref-5.svg anim-standard-ref.svg
+== anim-targethref-6.svg anim-standard-ref.svg
+== anim-targethref-7.svg anim-standard-ref.svg
+== anim-targethref-8.svg anim-standard-ref.svg
+== anim-targethref-9.svg anim-standard-ref.svg
+== anim-targethref-10.svg anim-standard-ref.svg
+
+== anim-text-rotate-01.svg anim-text-rotate-01-ref.svg
+== anim-feFuncR-tableValues-01.svg anim-feFuncR-tableValues-01-ref.svg
+
+skip == anim-text-x-y-dx-dy-01.svg anim-text-x-y-dx-dy-01-ref.svg # bug 579588
+
+== anim-width-done-1a.svg anim-standard-ref.svg
+== anim-width-done-1b.svg anim-standard-ref.svg
+
+== anim-x-done-1a.svg anim-standard-ref.svg
+== anim-x-done-1b.svg anim-standard-ref.svg
+== anim-x-interp-1.svg anim-x-interp-1-ref.svg
+== anim-x-interp-2.svg anim-x-interp-2-ref.svg
+== anim-x-interp-3.svg anim-x-interp-3-ref.svg
+== anim-x-interp-4.svg anim-x-interp-4-ref.svg
+== anim-x-interp-5.svg anim-x-interp-5-ref.svg
+== anim-x-interp-6.svg anim-x-interp-6-ref.svg
+
+== anim-y-done-1a.svg anim-standard-ref.svg
+== anim-y-done-1b.svg anim-standard-ref.svg
+== anim-y-interp-1.svg anim-y-interp-1-ref.svg
+== anim-y-interp-2.svg anim-y-interp-2-ref.svg
+== anim-y-interp-3.svg anim-y-interp-3-ref.svg
+== anim-y-interp-4.svg anim-y-interp-4-ref.svg
+== anim-y-interp-5.svg anim-y-interp-5-ref.svg
+== anim-y-interp-6.svg anim-y-interp-6-ref.svg
+
+# Test we don't rely on HasAttr to see if an attribute has been set
+== anim-rect-rxry-1.svg anim-rect-rxry-1-ref.svg
+fuzzy(0-1,0-350) == anim-pattern-attr-presence-01.svg anim-pattern-attr-presence-01-ref.svg
+fuzzy-if(cocoaWidget&&layersGPUAccelerated,0-1,0-2) == anim-gradient-attr-presence-01.svg anim-gradient-attr-presence-01-ref.svg
+
+== api-sanity-1.svg lime.svg
+
+== freeze-applied-late-1.svg anim-standard-ref.svg
+== freeze-applied-late-2.svg anim-standard-ref.svg
+== freeze-applied-late-3.svg anim-standard-ref.svg
+== freeze-applied-late-4.svg anim-standard-ref.svg
+== frozen-to-anim-1.svg lime.svg
+
+== inactivate-with-active-unchanged-1.svg anim-standard-ref.svg
+== inactivate-with-active-unchanged-2.svg anim-standard-ref.svg
+
+== mapped-attr-long-url-1.svg lime.svg
+== mapped-attr-long-url-2.svg lime.svg
+
+== min-1.svg lime.svg
+
+== shadow-dom-01.html lime.svg
+
+== smil-transitions-interaction-1a.svg lime.svg
+== smil-transitions-interaction-1b.svg lime.svg
+== smil-transitions-interaction-2a.svg lime.svg
+== smil-transitions-interaction-2b.svg lime.svg
+== smil-transitions-interaction-3a.svg lime.svg
+== smil-transitions-interaction-3b.svg lime.svg
+== smil-transitions-interaction-4a.svg lime.svg
+== smil-transitions-interaction-4b.svg lime.svg
+
+# Test filtering of excessive times
+== filtered-instance-time-1.svg anim-standard-ref.svg
+
+# Animation tests disable reduceTimerPrecision because they use a screenshot
+# mechanism that relies on performance.now(), and on low precision that can be
+# finnicky.
+
+# Test animation using defs element
+pref(privacy.reduceTimerPrecision,false) == anim-defs-gradient-property.svg lime.svg
+pref(privacy.reduceTimerPrecision,false) == anim-defs-gradient-attribute.svg lime.svg
+pref(privacy.reduceTimerPrecision,false) == anim-defs-fill.svg lime.svg
+pref(privacy.reduceTimerPrecision,false) == anim-defs-width.svg lime.svg
+
+# Test animation that changes 'display' attribute
+pref(privacy.reduceTimerPrecision,false) == anim-display.svg lime.svg
+pref(privacy.reduceTimerPrecision,false) == anim-display-in-g-element.svg lime.svg
+
+# Test animation that change 'display' style value to 'none'
+== anim-change-display-none-for-ancestor-elem.html lime.html
+== anim-change-display-none-for-target-elem.html lime.html
+== anim-change-display-none-for-dynamically-appended-elem.html lime.html
+== anim-change-display-block-for-dynamically-appended-elem.html anim-standard-ref.html
+
+fuzzy(0-31,0-308) == anim-clipPath-viewBox.svg anim-clipPath-viewBox-ref.svg
+
+# Test animations for overflow.
+== anim-overflow-shorthand.svg anim-overflow-shorthand-ref.svg
diff --git a/layout/reftests/svg/smil/repeat/green-box-ref.svg b/layout/reftests/svg/smil/repeat/green-box-ref.svg
new file mode 100644
index 0000000000..120941444a
--- /dev/null
+++ b/layout/reftests/svg/smil/repeat/green-box-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="green"/>
+</svg>
diff --git a/layout/reftests/svg/smil/repeat/indefinite-repeat-1.svg b/layout/reftests/svg/smil/repeat/indefinite-repeat-1.svg
new file mode 100644
index 0000000000..5283736bdb
--- /dev/null
+++ b/layout/reftests/svg/smil/repeat/indefinite-repeat-1.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  class="reftest-wait"
+  onload="setTimeAndSnapshot(5)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" to="green" dur="1s" repeatDur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/repeat/init-repeat-1-ref.svg b/layout/reftests/svg/smil/repeat/init-repeat-1-ref.svg
new file mode 100644
index 0000000000..88af1199fd
--- /dev/null
+++ b/layout/reftests/svg/smil/repeat/init-repeat-1-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(50 50)">
+    <circle r="40" style="fill: yellow; stroke: black; stroke-width: 1"/>
+    <path d="M0 -10v20" stroke="blue"/>
+    <path d="M100 -10v20" stroke="blue"/>
+    <path d="M200 -10v20" stroke="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/repeat/init-repeat-1.svg b/layout/reftests/svg/smil/repeat/init-repeat-1.svg
new file mode 100644
index 0000000000..7481fbcba8
--- /dev/null
+++ b/layout/reftests/svg/smil/repeat/init-repeat-1.svg
@@ -0,0 +1,47 @@
+<!-- 
+  The following tests an anomaly in the SMIL Animation spec.
+
+  SMILANIM 3.6.8 says:
+
+    Thus the strict definition of the first acceptable interval for the element
+    is the first interval that ends after the document begins.
+
+  This is then demonstrated in pseudocode.
+
+  However, it is contradicted by a statement just before the first that says:
+
+    The element has one or more intervals defined that begin and end before the
+    document begins (before 0). These are filtered out of the model.
+
+  So there is some ambiguity about intervals that end at time zero. However, the
+  first statement seems more authorative ("the strict definition") and the
+  second statement does not explicitly say that intervals that end at t=0 are
+  not filtered. Furthermore, the pseudocode is in agreement with the first
+  statement so we conclude that if an interval finishes at time zero it is not
+  an acceptable interval and is filtered out.
+  
+  The following animation sets up such an interval, that, based on its
+  repeatCount has an active duration of 1s, producing an interval of (-1s, 0s).
+  Therefore this interval should be filtered out and no animation effect should
+  be produced. The circle should remain at position 0 (the first marker). If the
+  interval is not correctly filtered out it will be at position 100 (the second
+  marker).
+
+  We include this test as a regression test so that no one is tempted to "fix"
+  this behaviour.
+
+  Note that this behaviour persists even in SMIL 3 (including the ambiguity
+  noted above).
+  See http://www.w3.org/TR/SMIL3/smil-timing.html#Timing-BeginEnd-LC-Start
+ -->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(50 50)">
+    <circle r="40" style="fill: yellow; stroke: black; stroke-width: 1">
+      <animate attributeName="cx" attributeType="XML" fill="freeze"
+        values="0; 200" dur="2s" begin="-1s" repeatCount="0.5"/>
+    </circle>
+    <path d="M0 -10v20" stroke="blue"/>
+    <path d="M100 -10v20" stroke="blue"/>
+    <path d="M200 -10v20" stroke="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/repeat/reftest.list b/layout/reftests/svg/smil/repeat/reftest.list
new file mode 100644
index 0000000000..9249500c7c
--- /dev/null
+++ b/layout/reftests/svg/smil/repeat/reftest.list
@@ -0,0 +1,3 @@
+# Tests for repeat behaviour
+== indefinite-repeat-1.svg green-box-ref.svg
+== init-repeat-1.svg init-repeat-1-ref.svg
diff --git a/layout/reftests/svg/smil/restart/green-box-ref.svg b/layout/reftests/svg/smil/restart/green-box-ref.svg
new file mode 100644
index 0000000000..120941444a
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/green-box-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="green"/>
+</svg>
diff --git a/layout/reftests/svg/smil/restart/reftest.list b/layout/reftests/svg/smil/restart/reftest.list
new file mode 100644
index 0000000000..98ed6d4b13
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reftest.list
@@ -0,0 +1,8 @@
+# Tests for restart behaviour
+== reset-1.svg reset-1-ref.svg
+== reset-2.svg green-box-ref.svg
+== reset-3.svg green-box-ref.svg
+== reset-4.svg green-box-ref.svg
+# reset-5.svg is no longer valid and has been removed
+== reset-6.svg green-box-ref.svg
+== reset-7.svg green-box-ref.svg
diff --git a/layout/reftests/svg/smil/restart/reset-1-ref.svg b/layout/reftests/svg/smil/restart/reset-1-ref.svg
new file mode 100644
index 0000000000..2e85bda91d
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reset-1-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <circle cx="150" cy="50" r="30" fill="blue"/>
+  <circle cx="150" cy="120" r="30" fill="blue"/>
+  <circle cx="150" cy="190" r="30" fill="blue"/>
+  <circle cx="50" cy="260" r="30" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/restart/reset-1.svg b/layout/reftests/svg/smil/restart/reset-1.svg
new file mode 100644
index 0000000000..d33c3b38a1
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reset-1.svg
@@ -0,0 +1,84 @@
+<!--
+  This tests reset behaviour (SMILANIM 3.3.7).
+
+  Reset behaviour is invoked when an element restarts. Some instance times
+  (DOM calls, event-based instance times etc.) should be cleared on a reset.
+  Other instance times should not. This test build up the following timegraph:
+
+    |...|  |...|  |...|  |...|
+    ^      ^      ^      ^
+    A      B      C      D
+
+  Instance times A and C are created by the begin spec and are offset time
+  values which should NOT be cleared on a reset, e.g. begin="1s; 3s"
+
+  Instance times B and D are created by DOM calls and SHOULD be cleared on
+  a reset.
+
+  A reset will occur when the interval beginning with begin instance time
+  B begins. At this time a reset is performed and only instance time D should
+  be cleared. That is, the animation should play THREE (3) times, not four.
+
+  We would like to inspect the result at each of the intervals. To do this
+  using a reftest we duplicate the animate four-times and adjust the timing so
+  that at the animation sample time we are mid-way through each of the four
+  intervals.
+
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  class="reftest-wait"
+  onload="addInstanceTimes()">
+  <script type="text/ecmascript"><![CDATA[
+    function addInstanceTimes() {
+      document.documentElement.setCurrentTime(0);
+      var animate1 = document.getElementById('animate1');
+      animate1.beginElementAt(10);
+      animate1.beginElementAt(4);
+      var animate2 = document.getElementById('animate2');
+      animate2.beginElementAt(1.8);
+      animate2.beginElementAt(3.8);
+      var animate3 = document.getElementById('animate3');
+      animate3.beginElementAt(1.2);
+      animate3.beginElementAt(2.4);
+      var animate4 = document.getElementById('animate4');
+      animate4.beginElementAt(0.6);
+      animate4.beginElementAt(1.8);
+      setTimeAndSnapshot(2, true);
+    }
+  ]]></script>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+     Animation #1: Should be mid-way through first interval at t=2
+     Set up intervals: 1-3 4-6 7-9 10-12
+    -->
+  <circle cx="50" cy="50" r="30" fill="blue">
+    <animate attributeName="cx" attributeType="XML"
+      to="250" begin="1s; 7s" dur="2s" fill="remove" id="animate1"/>
+  </circle>
+  <!--
+     Animation #2: Should be mid-way through second interval at t=2
+     Set up intervals: 0.8-1.2 1.8-2.2 2.8-3.2 3.8-4.2
+    -->
+  <circle cx="50" cy="120" r="30" fill="blue">
+    <animate attributeName="cx" attributeType="XML"
+      to="250" begin="0.8; 2.8" dur="0.4s" fill="remove" id="animate2"/>
+  </circle>
+  <!--
+     Animation #3: Should be mid-way through third interval at t=2
+     Set up intervals: 0.6-1.0 1.2-1.6 1.8-2.2 2.4-2.8
+    -->
+  <circle cx="50" cy="190" r="30" fill="blue">
+    <animate attributeName="cx" attributeType="XML"
+      to="250" begin="0.6; 1.8" dur="0.4s" fill="remove" id="animate3"/>
+  </circle>
+  <!--
+     Animation #4: Would be mid-way through fourth interval at t=2 if the
+                   instance time wasn't cleared
+     Set up intervals: 0.1-0.5 0.6-1.0 1.2-1.6 1.8-2.2
+    -->
+  <circle cx="50" cy="260" r="30" fill="blue">
+    <animate attributeName="cx" attributeType="XML"
+      to="250" begin="0.1; 1.2" dur="0.4s" fill="remove" id="animate4"/>
+  </circle>
+</svg>
diff --git a/layout/reftests/svg/smil/restart/reset-2.svg b/layout/reftests/svg/smil/restart/reset-2.svg
new file mode 100644
index 0000000000..04b4b1bfff
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reset-2.svg
@@ -0,0 +1,33 @@
+<!--
+  We want to test that reset behaviour is actually applied when an animation
+  restarts and not before.
+
+  Therefore we build up the following graph:
+
+    |..|  |..|
+    1  2  3  4
+
+  But at t=2.5s we add a begin instance at t=3.9s. This should be cleared when
+  we restart at t=3s and hence the animation should no longer be playing at
+  t=4s.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  class="reftest-wait"
+  onload="addInstanceTimes()">
+  <script type="text/ecmascript"><![CDATA[
+    function addInstanceTimes() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(2.5);
+      var anim = document.getElementById('anim');
+      anim.beginElementAt(1.4);
+      setTimeAndSnapshot(4.0, true);
+    }
+  ]]></script>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="green">
+    <set attributeName="fill" attributeType="CSS"
+      to="red" begin="1s; 3s" dur="1s" fill="remove" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/restart/reset-3.svg b/layout/reftests/svg/smil/restart/reset-3.svg
new file mode 100644
index 0000000000..e4f44b29c0
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reset-3.svg
@@ -0,0 +1,39 @@
+<!--
+  A variation on reset-2.svg.
+  
+  Perhaps surprisingly, restart behaviour only applies for the second interval
+  onwards. This is inconsistent but it's the spec
+  (see http://lists.w3.org/Archives/Public/www-smil/2009OctDec/0004.html)
+
+  In this test we ensure that times are NOT cleared upon starting the first
+  interval.
+
+  Therefore we build up the following graph:
+
+    |..|
+    1  2
+
+  But at t=0.5s we add a begin instance at t=1.5s. This should NOT be cleared
+  when we start at t=1s and hence the animation should STILL be playing
+  at t=2.0s.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  class="reftest-wait"
+  onload="addInstanceTimes()">
+  <script type="text/ecmascript"><![CDATA[
+    function addInstanceTimes() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(0.5);
+      var anim = document.getElementById('anim');
+      anim.beginElementAt(1);
+      setTimeAndSnapshot(2.0, true);
+    }
+  ]]></script>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green" begin="1s" dur="1s" fill="remove" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/restart/reset-4.svg b/layout/reftests/svg/smil/restart/reset-4.svg
new file mode 100644
index 0000000000..320a8245a4
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reset-4.svg
@@ -0,0 +1,27 @@
+<!--
+  According to the SMIL pseudocode if no end attribute is specified the end of
+  an interval is just the active end. This, however, effectively makes
+  endElement useless on animations which have no end attribute specified. This
+  seems counter-intuitive, so this test checks that endElement still takes
+  effect on animation without an end attribute.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  class="reftest-wait"
+  onload="addInstanceTimes()">
+  <script type="text/ecmascript"><![CDATA[
+    function addInstanceTimes() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(1.0);
+      var anim = document.getElementById('anim');
+      anim.endElementAt(0.5);
+      setTimeAndSnapshot(1.5, true);
+    }
+  ]]></script>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="green">
+    <set attributeName="fill" attributeType="CSS"
+      to="red" begin="1s" dur="1s" fill="remove" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/restart/reset-6.svg b/layout/reftests/svg/smil/restart/reset-6.svg
new file mode 100644
index 0000000000..a0fe33ae2d
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reset-6.svg
@@ -0,0 +1,58 @@
+<!--
+  SMIL3 5.4.3, "Resetting element state" has:
+
+    Any instance times associated with past Event-values, Repeat-values,
+    Accesskey-values or added via DOM method calls are removed from the
+    dependent begin and end instance times lists. In effect, all events and DOM
+    methods calls in the past are cleared. This does not apply to an instance
+    time that defines the begin of the current interval.
+
+  In this test we have the following scenario:
+
+    <set begin="1s" end="2s" dur="1s" ... />
+
+  giving us:
+
+    |...|
+    1   2
+
+  Then at t=1.5s we have the following DOM calls
+
+    anim.beginElementAt(1.5);
+    anim.endElementAt(2);
+
+  potentially giving us:
+
+    |...|  | |
+      ^  
+    1   2  3 3.5
+
+  At t=2s we'll go to look for the next interval and construct one from 3s-3.5s.
+  We should apply restart behaviour at t=3s meaning we'll reset instance times
+  generated by DOM calls in the past however we'll keep the begin instance time
+  at 3s since it defines the beginning of the (now) current interval.  Sticking
+  to the letter of the spec quoted above however, we'll end up clearing the end
+  instance at 3.5s. Yet in this case we should use the active end (t=4s) since
+  there's no end attribute specified.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  class="reftest-wait"
+  onload="addInstanceTimes()">
+  <script type="text/ecmascript"><![CDATA[
+    function addInstanceTimes() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(1.5);
+      var anim = document.getElementById('anim');
+      anim.beginElementAt(1.5);
+      anim.endElementAt(2);
+      setTimeAndSnapshot(3.7, true);
+    }
+  ]]></script>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="red">
+    <set attributeName="fill" attributeType="CSS"
+      to="green" begin="1s" dur="1s" fill="remove" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/restart/reset-7.svg b/layout/reftests/svg/smil/restart/reset-7.svg
new file mode 100644
index 0000000000..4614b81198
--- /dev/null
+++ b/layout/reftests/svg/smil/restart/reset-7.svg
@@ -0,0 +1,25 @@
+<!--
+  A variation on reset-6.svg but this time since the animation has an end
+  specification the second interval SHOULD be deleted.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  class="reftest-wait"
+  onload="addInstanceTimes()">
+  <script type="text/ecmascript"><![CDATA[
+    function addInstanceTimes() {
+      var svg = document.documentElement;
+      svg.pauseAnimations();
+      svg.setCurrentTime(1.5);
+      var anim = document.getElementById('anim');
+      anim.beginElementAt(1.5);
+      anim.endElementAt(2.5);
+      setTimeAndSnapshot(3.2, true);
+    }
+  ]]></script>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect width="100" height="100" fill="green">
+    <set attributeName="fill" attributeType="CSS"
+      to="red" begin="1s" end="2s" dur="1s" fill="remove" id="anim"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-standard-ref.svg b/layout/reftests/svg/smil/seek/anim-standard-ref.svg
new file mode 100644
index 0000000000..39f37ae6d1
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-standard-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-standard-ref.xhtml b/layout/reftests/svg/smil/seek/anim-standard-ref.xhtml
new file mode 100644
index 0000000000..a50c83bd0e
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-standard-ref.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" width="230px" height="230px">
+  <rect x="15" y="15" width="200" height="200" fill="blue"/>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-1a.svg b/layout/reftests/svg/smil/seek/anim-x-seek-1a.svg
new file mode 100644
index 0000000000..76c4f098ab
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-1a.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Pause, seek to middle of animation, and then seek to exactly 1 duration
+    // before the animation begins (to make sure animation effects are cleared)
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    svg.setCurrentTime(3);
+    svg.setCurrentTime(0);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="100" begin="2s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-1b.svg b/layout/reftests/svg/smil/seek/anim-x-seek-1b.svg
new file mode 100644
index 0000000000..76c4f098ab
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-1b.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Pause, seek to middle of animation, and then seek to exactly 1 duration
+    // before the animation begins (to make sure animation effects are cleared)
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    svg.setCurrentTime(3);
+    svg.setCurrentTime(0);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="100" begin="2s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-1c.svg b/layout/reftests/svg/smil/seek/anim-x-seek-1c.svg
new file mode 100644
index 0000000000..95fd19bb4b
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-1c.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Pause, seek to middle of animation, and then seek to the exact ending
+    // of the animation (to make sure animation effects are cleared)
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    svg.setCurrentTime(3);
+    svg.setCurrentTime(4);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="100" begin="2s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-1d.svg b/layout/reftests/svg/smil/seek/anim-x-seek-1d.svg
new file mode 100644
index 0000000000..bb0edc7474
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-1d.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Pause, seek to middle of animation, and then seek to a time after
+    // the animation is over (to make sure animation effects are cleared)
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    svg.setCurrentTime(3);
+    svg.setCurrentTime(5);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="100" begin="2s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-1e.svg b/layout/reftests/svg/smil/seek/anim-x-seek-1e.svg
new file mode 100644
index 0000000000..b8175fb4cd
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-1e.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Test a backwards seek covering many intervals
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    svg.setCurrentTime(15);
+    svg.setCurrentTime(3.5);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="15" begin="1s; 3s; 5s; 7s; 9s; 11s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-cross-container-1a.xhtml b/layout/reftests/svg/smil/seek/anim-x-seek-cross-container-1a.xhtml
new file mode 100644
index 0000000000..4e7cc65222
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-cross-container-1a.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<!--
+  Test backwards seeking with cross-time container dependencies.
+ -->
+<head>
+<script>
+function snapshot()
+{
+  var a = document.getElementById("svg-a");
+  var b = document.getElementById("svg-b");
+  a.pauseAnimations();
+  b.pauseAnimations();
+  a.setCurrentTime(0);
+  b.setCurrentTime(2); // 'b' has now begun and 'a' has a begin time of '-1s' in
+                       // a's container time
+  b.setCurrentTime(1); // Perform a backwards seek--'a' should now have a begin
+                       // time of '0s' in container time
+  a.setCurrentTime(1); // So seeking forward 1s should get us to the middle of
+                       // the interval
+  document.documentElement.removeAttribute("class");
+}
+</script>
+</head>
+<body onload="snapshot()">
+<svg xmlns="http://www.w3.org/2000/svg" width="230px" height="230px" id="svg-a">
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x" from="0" to="30" begin="b.begin" dur="2s"/>
+  </rect>
+</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="230px" height="230px" id="svg-b">
+  <set attributeName="y" to="0" begin="1s" id="b"/>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1a.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1a.svg
new file mode 100644
index 0000000000..75a782ab52
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1a.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Perform a backwards seek within an interval whose begin point is
+    // generated by a dynamic event (to make sure such times are preserved when
+    // we rewind).
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    document.getElementById('a').beginElementAt(2);
+    svg.setCurrentTime(3);
+    svg.setCurrentTime(2.5);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="15" begin="indefinite" dur="2s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1b.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1b.svg
new file mode 100644
index 0000000000..e17b49edf2
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1b.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that dynamic end times are preserved during a backwards seek
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    svg.setCurrentTime(3);
+    document.getElementById('a').endElement();
+    svg.setCurrentTime(4);
+    svg.setCurrentTime(3);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="100" begin="2s" dur="2s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1c.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1c.svg
new file mode 100644
index 0000000000..0a015bf4b3
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1c.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that dynamic times are preserved even from filtering
+    var svg = document.documentElement;
+    var a = document.getElementById('a');
+    svg.pauseAnimations();
+    // Generate a series of intervals with dynamic begin points
+    svg.setCurrentTime(1);
+    a.beginElement();
+    svg.setCurrentTime(3);
+    a.beginElement();
+    svg.setCurrentTime(5);
+    a.beginElement();
+    svg.setCurrentTime(7);
+    a.beginElement();
+    svg.setCurrentTime(9);
+    a.beginElement();
+    svg.setCurrentTime(11);
+    // By now, the first interval will have been filtered but test that we have
+    // preserved the instance time in order to reconstruct it
+    svg.setCurrentTime(1.5);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="15" begin="indefinite" dur="1s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1d.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1d.svg
new file mode 100644
index 0000000000..e02ecd9ff9
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1d.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that whilst processing past intervals reset does not clear dynamic
+    // instance times of future intervals
+    var svg = document.documentElement;
+    var a = document.getElementById('a');
+    svg.pauseAnimations();
+    // Generate a series of intervals with dynamic begin points
+    svg.setCurrentTime(1);
+    a.beginElement();
+    svg.setCurrentTime(3);
+    a.beginElement();
+    svg.setCurrentTime(5);
+    a.beginElement();
+    svg.setCurrentTime(7);
+    a.beginElement();
+    svg.setCurrentTime(5.5); // Backwards seek will cause us to rebuild the
+                             // world but in the process we should not clear the
+                             // dynamic instance times for future intervals on
+                             // each restart
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="15" begin="indefinite" dur="1s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1e.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1e.svg
new file mode 100644
index 0000000000..87743e9dd6
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1e.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that dynamic times are reset during a forwards seek
+    var svg = document.documentElement;
+    var a = document.getElementById('a');
+    svg.pauseAnimations();
+    svg.setCurrentTime(1); // First interval 1s-2s
+    a.beginElement();
+    svg.setCurrentTime(2);
+    a.beginElementAt(1); // Add instance time t=3s
+    a.beginElementAt(3); // Add instance time t=5s -- should be cleared during
+                         // the seek when we process the restart at t=3s
+    svg.setCurrentTime(5); // Hence at t=5s we should be inactive
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="100" begin="indefinite" dur="1s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1f.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1f.svg
new file mode 100644
index 0000000000..9164c2ca6a
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1f.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that dynamic times are reset during a backwards seek
+    var svg = document.documentElement;
+    var a = document.getElementById('a');
+    svg.pauseAnimations();
+    svg.setCurrentTime(1);
+    a.beginElement();    // First interval: 1s-2s
+    a.endElementAt(1);
+    a.beginElementAt(2); // Second interval: 3s-indef
+    svg.setCurrentTime(5);
+    a.endElementAt(1);   // Add end time at 6s
+    svg.setCurrentTime(4); // Perform backwards seek from 5s->4s
+    svg.setCurrentTime(6); // End time at 6s should have been cleared
+                           // and we should still be active
+                           // (See SMIL 3.0, 'Hyperlinks and timing' which has:
+                           //   Resolved end times associated with events,
+                           //   Repeat-values, Accesskey-values or added via DOM
+                           //   method calls are cleared when seeking to time
+                           //   earlier than the resolved end time.
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="15" begin="indefinite" dur="indefinite" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1g.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1g.svg
new file mode 100644
index 0000000000..43a0d4e907
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1g.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that dynamic interval end times are reset during a backwards seek
+    var svg = document.documentElement;
+    var a = document.getElementById('a');
+    svg.pauseAnimations();
+    svg.setCurrentTime(1);
+    a.beginElement(); // First interval 1s-2s
+    a.endElementAt(1);
+    svg.setCurrentTime(3);
+    svg.setCurrentTime(1.5); // Backwards seek to 1.5s -- instance time at t=2s
+                             // should be reset
+    svg.setCurrentTime(3);   // Should still be active
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="15" begin="indefinite" dur="indefinite" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1h.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1h.svg
new file mode 100644
index 0000000000..a00cefdf48
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1h.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that dynamic times are not prematurely reset during a forwards seek
+    var svg = document.documentElement;
+    var a = document.getElementById('a');
+    svg.pauseAnimations();
+    svg.setCurrentTime(1);
+    a.beginElement();      // Interval: 1s-3s
+    a.endElementAt(2);
+    svg.setCurrentTime(2); // Should not cause end time at t=3s to be reset
+    svg.setCurrentTime(3); // Should no longer be active
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="100" begin="indefinite" dur="indefinite" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1i.svg b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1i.svg
new file mode 100644
index 0000000000..9f19eefcd6
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-dynamic-1i.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // Check that past dynamic times are still preserved after a backwards seek.
+    // (The converse, that now-future dynamic times are reset during a backwards
+    // seek is covered by anim-x-seek-dynamic-1g.svg)
+    var svg = document.documentElement;
+    var a = document.getElementById('a');
+    svg.pauseAnimations();
+    // Generate a series of intervals with dynamic begin points
+    svg.setCurrentTime(1);
+    a.beginElement();
+    svg.setCurrentTime(3);
+    a.beginElement();
+    svg.setCurrentTime(5);
+    a.beginElement();
+    svg.setCurrentTime(7);
+    a.beginElement();
+    svg.setCurrentTime(5); // Backwards seek (1) -- at this point we'll do
+                           // a reset but old dynamic times (e.g. t=1s) should
+                           // be preserved
+    svg.setCurrentTime(1); // Backwards seek (2)
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <set attributeName="x" to="15" begin="indefinite" dur="1s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/anim-x-seek-negative-1a.svg b/layout/reftests/svg/smil/seek/anim-x-seek-negative-1a.svg
new file mode 100644
index 0000000000..5e04739a0e
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/anim-x-seek-negative-1a.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     class="reftest-wait"
+     onload="go()">
+  <script type="text/javascript">
+  function go() {
+    // A negative seek should be clamped to 0
+    var svg = document.documentElement;
+    svg.pauseAnimations();
+    svg.setCurrentTime(-1);
+    svg.removeAttribute("class");
+  }
+  </script>
+  <rect x="100" y="15" width="200" height="200" fill="blue">
+    <animate attributeName="x" from="0" to="30" begin="-1s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/seek/reftest.list b/layout/reftests/svg/smil/seek/reftest.list
new file mode 100644
index 0000000000..28e055885e
--- /dev/null
+++ b/layout/reftests/svg/smil/seek/reftest.list
@@ -0,0 +1,17 @@
+# Tests for seeking behaviour
+== anim-x-seek-1a.svg anim-standard-ref.svg
+== anim-x-seek-1b.svg anim-standard-ref.svg
+== anim-x-seek-1c.svg anim-standard-ref.svg
+== anim-x-seek-1d.svg anim-standard-ref.svg
+== anim-x-seek-1e.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1a.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1b.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1c.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1d.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1e.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1f.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1g.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1h.svg anim-standard-ref.svg
+== anim-x-seek-dynamic-1i.svg anim-standard-ref.svg
+== anim-x-seek-negative-1a.svg anim-standard-ref.svg
+== anim-x-seek-cross-container-1a.xhtml anim-standard-ref.xhtml
diff --git a/layout/reftests/svg/smil/set/reftest.list b/layout/reftests/svg/smil/set/reftest.list
new file mode 100644
index 0000000000..d5ec83f243
--- /dev/null
+++ b/layout/reftests/svg/smil/set/reftest.list
@@ -0,0 +1,2 @@
+== set-css-fontsize-freeze-1.svg set-css-fontsize-freeze-1-ref.svg
+== set-css-fontsize-remove-1.svg set-css-fontsize-remove-1-ref.svg
diff --git a/layout/reftests/svg/smil/set/set-css-fontsize-freeze-1-ref.svg b/layout/reftests/svg/smil/set/set-css-fontsize-freeze-1-ref.svg
new file mode 100644
index 0000000000..086c9367a5
--- /dev/null
+++ b/layout/reftests/svg/smil/set/set-css-fontsize-freeze-1-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="20px" y="20px" style="font-size: 10px">abc</text>
+  <text x="70px" y="20px" style="font-size: 20px">abc</text>
+  <text x="120px" y="20px" style="font-size: 20px">abc</text>
+  <text x="20px" y="70px" style="font-size: 20px">abc</text>
+  <text x="70px" y="70px" style="font-size: 20px">abc</text>
+  <text x="120px" y="70px" style="font-size: 20px">abc</text>
+  <text x="20px" y="120px" style="font-size: 20px">abc</text>
+  <text x="70px" y="120px" style="font-size: 20px">abc</text>
+  <text x="120px" y="120px" style="font-size: 20px">abc</text>
+</svg>
diff --git a/layout/reftests/svg/smil/set/set-css-fontsize-freeze-1.svg b/layout/reftests/svg/smil/set/set-css-fontsize-freeze-1.svg
new file mode 100644
index 0000000000..f2865b1e80
--- /dev/null
+++ b/layout/reftests/svg/smil/set/set-css-fontsize-freeze-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 10px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "to"            : "20px",
+                           "fill"          : "freeze"};
+      testAnimatedTextGrid("set", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/set/set-css-fontsize-remove-1-ref.svg b/layout/reftests/svg/smil/set/set-css-fontsize-remove-1-ref.svg
new file mode 100644
index 0000000000..d8ac85218a
--- /dev/null
+++ b/layout/reftests/svg/smil/set/set-css-fontsize-remove-1-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="20px" y="20px" style="font-size: 10px">abc</text>
+  <text x="70px" y="20px" style="font-size: 20px">abc</text>
+  <text x="120px" y="20px" style="font-size: 20px">abc</text>
+  <text x="20px" y="70px" style="font-size: 20px">abc</text>
+  <text x="70px" y="70px" style="font-size: 20px">abc</text>
+  <text x="120px" y="70px" style="font-size: 20px">abc</text>
+  <text x="20px" y="120px" style="font-size: 20px">abc</text>
+  <text x="70px" y="120px" style="font-size: 10px">abc</text>
+  <text x="120px" y="120px" style="font-size: 10px">abc</text>
+</svg>
diff --git a/layout/reftests/svg/smil/set/set-css-fontsize-remove-1.svg b/layout/reftests/svg/smil/set/set-css-fontsize-remove-1.svg
new file mode 100644
index 0000000000..4264c07ef8
--- /dev/null
+++ b/layout/reftests/svg/smil/set/set-css-fontsize-remove-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 10px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "to"            : "20px",
+                           "fill"          : "remove"};
+      testAnimatedTextGrid("set", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/shadow-dom-01.html b/layout/reftests/svg/smil/shadow-dom-01.html
new file mode 100644
index 0000000000..01a3309340
--- /dev/null
+++ b/layout/reftests/svg/smil/shadow-dom-01.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg width="100%" height="100%" viewBox="0 0 100 100">
+    <rect width="100" height="100" fill="red">
+      <set attributeName="width" to="0" begin="0s" fill="freeze"/>
+    </rect>
+  </svg>
+  <p></p>
+  <script>
+    let p = document.querySelector("p")
+    let shadow = p.attachShadow({mode: 'open'});
+    shadow.appendChild(document.querySelector("svg"))
+    document.documentElement.removeAttribute("class");
+  </script>
+  <style>
+    * {
+      margin: 0;
+    }
+    html {
+      background-color: lime;
+    }
+  </style>
+</html>
diff --git a/layout/reftests/svg/smil/smil-grid.js b/layout/reftests/svg/smil/smil-grid.js
new file mode 100644
index 0000000000..0c8036ea27
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-grid.js
@@ -0,0 +1,200 @@
+/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
+/* vim: set ts=2 sw=2 sts=2 et: */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* Javascript library for dynamically generating a simple SVG/SMIL reftest
+ * with several copies of the same animation, each seeked to a different time.
+ */
+
+// Global variables
+const START_TIMES = [ "4.0s",  "3.0s",  "2.7s",
+                      "2.25s", "2.01s", "1.5s",
+                      "1.4s",  "1.0s",  "0.5s" ];
+
+const X_POSNS = [ "20px",  "70px",  "120px",
+                  "20px",  "70px",  "120px",
+                  "20px",  "70px",  "120px" ];
+
+const Y_POSNS = [ "20px",  "20px",  "20px",
+                  "70px",  "70px",  "70px",
+                 "120px", "120px", "120px"  ];
+
+const DURATION = "2s";
+const SNAPSHOT_TIME ="3";
+const SVGNS = "http://www.w3.org/2000/svg";
+
+// Convenience wrapper using testAnimatedGrid to make 15pt-by-15pt rects
+function testAnimatedRectGrid(animationTagName, animationAttrHashList) {
+  var targetTagName = "rect";
+  var targetAttrHash = {"width"  : "15px",
+                        "height" : "15px" };
+  testAnimatedGrid(targetTagName,    targetAttrHash,
+                   animationTagName, animationAttrHashList);
+}
+
+// Convenience wrapper using testAnimatedGrid to make grid of text
+function testAnimatedTextGrid(animationTagName, animationAttrHashList) {
+  var targetTagName = "text";
+  var targetAttrHash = { };
+  testAnimatedGrid(targetTagName,    targetAttrHash,
+                   animationTagName, animationAttrHashList);
+}
+
+// Generates a visual grid of elements of type "targetTagName", with the
+// attribute values given in targetAttrHash.  Each generated element has
+// exactly one child -- an animation element of type "animationTagName", with
+// the attribute values given in animationAttrHash.
+function testAnimatedGrid(targetTagName,    targetAttrHash,
+                          animationTagName, animationAttrHashList) {
+    // SANITY CHECK
+  const numElementsToMake = START_TIMES.length;
+  if (X_POSNS.length != numElementsToMake ||
+      Y_POSNS.length != numElementsToMake) {
+    return;
+  }
+
+  for (var i = 0; i < animationAttrHashList.length; i++) {
+    var animationAttrHash = animationAttrHashList[i];
+    // Default to fill="freeze" so we can test the final value of the animation
+    if (!animationAttrHash["fill"]) {
+      animationAttrHash["fill"] = "freeze";
+    }
+  }
+
+  // Build the grid!
+  var svg = document.documentElement;
+  for (var i = 0; i < numElementsToMake; i++) {
+    // Build target & animation elements
+    var targetElem = buildElement(targetTagName, targetAttrHash);
+    for (var j = 0; j < animationAttrHashList.length; j++) {
+      var animationAttrHash = animationAttrHashList[j];
+      var animElem = buildElement(animationTagName, animationAttrHash);
+
+      // Customize them using global constant values
+      targetElem.setAttribute("x", X_POSNS[i]);
+      targetElem.setAttribute("y", Y_POSNS[i]);
+      animElem.setAttribute("begin", START_TIMES[i]);
+      animElem.setAttribute("dur", DURATION);
+
+      // Append to target
+      targetElem.appendChild(animElem);
+    }
+    // Insert target into DOM
+    svg.appendChild(targetElem);
+  }
+
+  // Take snapshot
+  setTimeAndSnapshot(SNAPSHOT_TIME, true);
+}
+
+// Generates a visual grid of elements of type |graphicElemTagName|, with the
+// attribute values given in |graphicElemAttrHash|. This is a variation of the
+// above function. We use <defs> to include the reference elements because
+// some animatable properties are only applicable to some specific elements
+// (e.g. feFlood, stop), so then we apply an animation element of type
+// |animationTagName|, with the attribute values given in |animationAttrHash|,
+// to those specific elements. |defTagNameList| is an array of tag names.
+// We will create elements hierarchically according to this array. The first tag
+// in |defTagNameList| is the outer-most one in <defs>, and the last tag is the
+// inner-most one and it is the target to which the animation element will be
+// applied. We visualize the effect of our animation by referencing each
+// animated subtree from some graphical element that we generate. The
+// |graphicElemIdValueProperty| parameter provides the name of the CSS property
+// that we should use to hook up this reference.
+//
+// e.g. if a caller passes a defTagNameList of [ "linearGradient", "stop" ],
+//      this function will generate the following subtree:
+// <defs>
+//   <linearGradient id="elem0">
+//     <stop>
+//       <animate ..../>
+//     </stop>
+//   </linearGradient>
+//   <linearGradient id="elem1">
+//     <stop>
+//       <animate ..../>
+//     </stop>
+//   </linearGradient>
+//
+//   <!--- more similar linearGradients here, up to START_TIMES.length -->
+// </defs>
+function testAnimatedGridWithDefs(graphicElemTagName,
+                                  graphicElemAttrHash,
+                                  graphicElemIdValuedProperty,
+                                  defTagNameList,
+                                  animationTagName,
+                                  animationAttrHashList) {
+  // SANITY CHECK
+  const numElementsToMake = START_TIMES.length;
+  if (X_POSNS.length != numElementsToMake ||
+      Y_POSNS.length != numElementsToMake) {
+    return;
+  }
+
+  if (defTagNameList.length == 0) {
+    return;
+  }
+
+  for (var i = 0; i < animationAttrHashList.length; i++) {
+    var animationAttrHash = animationAttrHashList[i];
+    // Default to fill="freeze" so we can test the final value of the animation
+    if (!animationAttrHash["fill"]) {
+      animationAttrHash["fill"] = "freeze";
+    }
+  }
+
+  var svg = document.documentElement;
+
+  // Build defs element.
+  var defs = buildElement('defs');
+  for (var i = 0; i < numElementsToMake; i++) {
+    // This will track the innermost element in our subtree:
+    var innerElement = defs;
+
+    for (var defIdx = 0; defIdx < defTagNameList.length; ++defIdx) {
+      // Set an ID on the first level of nesting (on child of defs):
+      var attrs = defIdx == 0 ? { "id": "elem" + i } : {};
+
+      var newElem = buildElement(defTagNameList[defIdx], attrs);
+      innerElement.appendChild(newElem);
+      innerElement = newElem;
+    }
+
+    for (var j = 0; j < animationAttrHashList.length; ++j) {
+      var animationAttrHash = animationAttrHashList[j];
+      var animElem = buildElement(animationTagName, animationAttrHash);
+      animElem.setAttribute("begin", START_TIMES[i]);
+      animElem.setAttribute("dur", DURATION);
+      innerElement.appendChild(animElem);
+    }
+  }
+  svg.appendChild(defs);
+
+  // Build the grid!
+  for (var i = 0; i < numElementsToMake; ++i) {
+    var graphicElem = buildElement(graphicElemTagName, graphicElemAttrHash);
+    graphicElem.setAttribute("x", X_POSNS[i]);
+    graphicElem.setAttribute("y", Y_POSNS[i]);
+    graphicElem.setAttribute("style", graphicElemIdValuedProperty +
+                                      ":url(#elem" + i + ")");
+    svg.appendChild(graphicElem);
+  }
+
+  // Take snapshot
+  setTimeAndSnapshot(SNAPSHOT_TIME, true);
+}
+
+function buildElement(tagName, attrHash) {
+  var elem = document.createElementNS(SVGNS, tagName);
+  for (var attrName in attrHash) {
+    var attrValue = attrHash[attrName];
+    elem.setAttribute(attrName, attrValue);
+  }
+  // If we're creating a text node, populate it with some text.
+  if (tagName == "text") {
+    elem.appendChild(document.createTextNode("abc"));
+  }
+  return elem;
+}
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-1a.svg b/layout/reftests/svg/smil/smil-transitions-interaction-1a.svg
new file mode 100644
index 0000000000..493ce991d8
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-1a.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.0, true)">
+  <!-- This test checks that we don't trigger a CSS transition when
+       SMIL animation effects are first applied. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%"
+        style="fill: red; transition: 200s fill">
+    <set attributeName="fill" to="lime" begin="1s" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-1b.svg b/layout/reftests/svg/smil/smil-transitions-interaction-1b.svg
new file mode 100644
index 0000000000..ee67deb63b
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-1b.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.0, true)">
+  <!-- This test checks that we don't trigger a CSS transition when
+       SMIL animation effects are first applied. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="red"
+        style="transition: 200s fill">
+    <set attributeName="fill" attributeType="XML"
+         to="lime" begin="1s" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-2a.svg b/layout/reftests/svg/smil/smil-transitions-interaction-2a.svg
new file mode 100644
index 0000000000..05a5082998
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-2a.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.0, true)">
+  <!-- This test checks that we don't trigger a CSS transition after
+       SMIL animation effects are applied. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%"
+        style="fill: red; transition: 1s fill">
+    <set attributeName="fill" to="lime" begin="1s" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-2b.svg b/layout/reftests/svg/smil/smil-transitions-interaction-2b.svg
new file mode 100644
index 0000000000..8742b208a3
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-2b.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.0, true)">
+  <!-- This test checks that we don't trigger a CSS transition after
+       SMIL animation effects are applied. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="red"
+        style="transition: 1s fill">
+    <set attributeName="fill" attributeType="XML"
+         to="lime" begin="1s" dur="indefinite"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-3a.svg b/layout/reftests/svg/smil/smil-transitions-interaction-3a.svg
new file mode 100644
index 0000000000..64077c9076
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-3a.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="document.documentElement.pauseAnimations();
+             document.documentElement.setCurrentTime(1.0);
+             setTimeAndSnapshot(2.0, false)">
+  <!-- This test checks that we don't trigger a CSS transition when
+       SMIL animation effects are removed. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%"
+        style="fill: lime; transition: 200s fill">
+    <set attributeName="fill" to="red" begin="1s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-3b.svg b/layout/reftests/svg/smil/smil-transitions-interaction-3b.svg
new file mode 100644
index 0000000000..331fc6f407
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-3b.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="document.documentElement.pauseAnimations();
+             document.documentElement.setCurrentTime(1.0);
+             setTimeAndSnapshot(2.0, false)">
+  <!-- This test checks that we don't trigger a CSS transition when
+       SMIL animation effects are removed. -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" fill="lime"
+        style="transition: 200s fill">
+    <set attributeName="fill" attributeType="XML"
+         to="red" begin="1s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-4a.svg b/layout/reftests/svg/smil/smil-transitions-interaction-4a.svg
new file mode 100644
index 0000000000..2e967ccf0d
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-4a.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="document.documentElement.pauseAnimations();
+             document.documentElement.setCurrentTime(1.0);
+             setTimeAndSnapshot(1.5, false)">
+  <!-- This test checks that we don't trigger a CSS transition during
+       interpolation from-to animation. We seek to 1.5s, halfway through the
+       animation, when we're *just* to the point where the lime stroke is wide
+       enough to cover up the red rect behind it. If a transition were to
+       start, it would slow us down and allow some red to show.
+    -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" style="fill: lime"/>
+  <rect width="30" height="30" style="fill: red"/>
+  <rect width="20" height="20"
+        style="fill: lime; stroke: lime; transition: 200s stroke-width">
+    <animate attributeName="stroke-width" from="10px" to="30px"
+             begin="1s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-transitions-interaction-4b.svg b/layout/reftests/svg/smil/smil-transitions-interaction-4b.svg
new file mode 100644
index 0000000000..8033ff7cd3
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-transitions-interaction-4b.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="document.documentElement.pauseAnimations();
+             document.documentElement.setCurrentTime(1.0);
+             setTimeAndSnapshot(1.5, false)">
+  <!-- This test checks that we don't trigger a CSS transition during
+       interpolation from-to animation. We seek to 1.5s, halfway through the
+       animation, when we're *just* to the point where the lime stroke is wide
+       enough to cover up the red rect behind it. If a transition were to
+       start, it would slow us down and allow some red to show.
+    -->
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect width="100%" height="100%" style="fill: lime"/>
+  <rect width="30" height="30" style="fill: red"/>
+  <rect width="20" height="20"
+        style="fill: lime; stroke: lime; transition: 200s stroke-width">
+    <animate attributeName="stroke-width" attributeType="XML"
+             from="10px" to="30px" begin="1s" dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/smil-util.js b/layout/reftests/svg/smil/smil-util.js
new file mode 100644
index 0000000000..18573c4b64
--- /dev/null
+++ b/layout/reftests/svg/smil/smil-util.js
@@ -0,0 +1,26 @@
+// Seeks to the given time and then removes the SVG document's class to trigger
+// a reftest snapshot. If pauseFlag is true, animations will be paused.
+function setTimeAndSnapshot(timeInSeconds, pauseFlag) {
+  var svg = document.documentElement;
+  if (pauseFlag) {
+    svg.pauseAnimations();
+  }
+  svg.setCurrentTime(timeInSeconds);
+  svg.removeAttribute("class");
+}
+
+// Seeks to the given time and then removes the SVG document's class to trigger
+// a reftest snapshot after waiting at least minWaitTimeInSeconds.
+function setTimeAndWaitToSnapshot(seekTimeInSeconds, minWaitTimeInSeconds) {
+  var svg = document.documentElement;
+  svg.setCurrentTime(seekTimeInSeconds);
+  var timeToTakeSnapshot =
+    window.performance.now() + minWaitTimeInSeconds * 1000;
+  requestAnimationFrame(function takeSnapshot(currentTime) {
+    if (currentTime > timeToTakeSnapshot) {
+      svg.removeAttribute("class");
+    } else {
+      requestAnimationFrame(takeSnapshot);
+    }
+  });
+}
diff --git a/layout/reftests/svg/smil/sort/reftest.list b/layout/reftests/svg/smil/sort/reftest.list
new file mode 100644
index 0000000000..9303754773
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/reftest.list
@@ -0,0 +1,12 @@
+# Tests related to SVG Animation (using SMIL), focusing on animation-sorting
+# to see which animation takes precedence (out of multiple animations on the
+# same attribute)
+
+== sort-startAfter-1.svg sort-startAfter-1-ref.svg
+== sort-startAfter-2.svg sort-startAfter-2-ref.svg
+== sort-startAfter-3.svg sort-startAfter-3-ref.svg
+== sort-startSame-1a.svg sort-startSame-1-ref.svg
+== sort-startSame-1b.svg sort-startSame-1-ref.svg
+== sort-startSame-2a.svg sort-startSame-2-ref.svg
+== sort-startSame-2b.svg sort-startSame-2-ref.svg
+random == sort-additive-1.svg sort-additive-1-ref.svg # bug 547801
diff --git a/layout/reftests/svg/smil/sort/sort-additive-1-ref.svg b/layout/reftests/svg/smil/sort/sort-additive-1-ref.svg
new file mode 100644
index 0000000000..755c5cf02d
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-additive-1-ref.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- start line -->
+  <line x1="5" x2="5" y1="0" y2="330" stroke="grey" stroke-width="2"
+    stroke-dasharray="5,5"/>
+  <!-- non-additive line -->
+  <line x1="105" x2="105" y1="0" y2="330" stroke="grey" stroke-width="2"
+    stroke-dasharray="5,5"/>
+  <!-- additive line -->
+  <line x1="205" x2="205" y1="0" y2="330" stroke="grey" stroke-width="2"
+    stroke-dasharray="5,5"/>
+  <g transform="translate(5, 5)">
+    <rect style="stroke: black; fill: lightskyblue" x="100" y="0" width="30"
+      height="30"/>
+  </g>
+  <g transform="translate(5, 45)">
+    <rect style="stroke: black; fill: lightskyblue" x="200" y="0" width="30"
+      height="30"/>
+  </g>
+  <g transform="translate(5, 85)">
+    <rect style="stroke: black; fill: lightskyblue" x="100" y="0" width="30"
+      height="30"/>
+  </g>
+  <g transform="translate(5, 125)">
+    <rect style="stroke: black; fill: lightskyblue" x="200" y="0" width="30"
+      height="30"/>
+  </g>
+  <g transform="translate(5, 165)">
+    <rect style="stroke: black; fill: lightskyblue" x="100" y="0" width="30"
+      height="30"/>
+  </g>
+  <g transform="translate(5, 205)">
+    <rect style="stroke: black; fill: lightskyblue" x="200" y="0" width="30"
+      height="30"/>
+  </g>
+  <g transform="translate(5, 245)">
+    <rect style="stroke: black; fill: lightskyblue" x="100" y="0" width="30"
+      height="30"/>
+  </g>
+  <g transform="translate(5, 285)">
+    <rect style="stroke: black; fill: lightskyblue" x="200" y="0" width="30"
+      height="30"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-additive-1.svg b/layout/reftests/svg/smil/sort/sort-additive-1.svg
new file mode 100644
index 0000000000..e60ff0a15f
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-additive-1.svg
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   class="reftest-wait">
+  <script type="text/ecmascript"><![CDATA[
+    function swapAnimations() {
+      var high = document.getElementById("high");
+      high.parentNode.insertBefore(high, null);
+
+      var low = document.getElementById("low");
+      low.parentNode.insertBefore(low, low.parentNode.firstChild);
+
+      setTimeAndSnapshot(103.1, true);
+    }
+    window.addEventListener("MozReftestInvalidate", swapAnimations, false);
+  ]]></script>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!-- start line -->
+  <line x1="5" x2="5" y1="0" y2="330" stroke="grey" stroke-width="2"
+    stroke-dasharray="5,5"/>
+  <!-- non-additive line -->
+  <line x1="105" x2="105" y1="0" y2="330" stroke="grey" stroke-width="2"
+    stroke-dasharray="5,5"/>
+  <!-- additive line -->
+  <line x1="205" x2="205" y1="0" y2="330" stroke="grey" stroke-width="2"
+    stroke-dasharray="5,5"/>
+  <!-- Not additive group -->
+  <!-- additive behaviour defaults to replace so this shouldn't add -->
+  <g transform="translate(5, 5)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+    height="30">
+     <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+     <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+    </rect>
+  </g>
+  <!-- Additive group -->
+  <!-- We only need to specify additive behaviour on the second animation as
+       it will be higher in the animation sandwich -->
+  <g transform="translate(5, 45)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+    height="30">
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"
+        additive="sum"/>
+    </rect>
+  </g>
+  <!-- Not additive group -->
+  <!-- Specifying additive behaviour on the first animation has no effect
+       as it is lower in the animation sandwich (begin times are the same
+       so the order in the document takes precedence). -->
+  <g transform="translate(5, 85)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+      height="30">
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"
+        additive="sum"/>
+     <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+    </rect>
+  </g>
+  <!-- Additive group -->
+  <!-- The first animation should be composed second as it has a later begin
+       time so its additive attribute should apply even though it appears
+       first in the document -->
+  <g transform="translate(5, 125)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+      height="30">
+      <animate attributeName="x" from="0" to="100" begin="100.001s" dur="3s" fill="freeze"
+        additive="sum"/>
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+    </rect>
+  </g>
+  <!-- Not additive group -->
+  <!-- The first animation overrides the second animation because of its
+       later begin time. -->
+  <g transform="translate(5, 165)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+      height="30">
+      <animate attributeName="x" from="0" to="100" begin="100.001s" dur="3s" fill="freeze"/>
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"
+        additive="sum"/>
+    </rect>
+  </g>
+  <!-- Additive group -->
+  <!-- Even though additive is replace, by animation is always additive -->
+  <g transform="translate(5, 205)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+      height="30">
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+      <animate attributeName="x" by="100" dur="3s" begin="100s" fill="freeze"
+        additive="replace"/>
+    </rect>
+  </g>
+  <!-- Not additive group -->
+  <!-- This begins as additive, but after the document loads the two animations
+       will be swapped giving them the opposite priority and making this not
+       additive. -->
+  <g transform="translate(5, 245)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+      height="30">
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"
+        additive="sum" id="low"/>
+    </rect>
+  </g>
+  <!-- Additive group -->
+  <!-- This is the inverse of the above. The animations will have their
+       positions in the document swapped effectively making this not additive.
+       -->
+  <g transform="translate(5, 285)">
+    <rect style="stroke: black; fill: lightskyblue" x="0" y="0" width="30"
+      height="30">
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"
+        additive="sum" id="high"/>
+      <animate attributeName="x" from="0" to="100" begin="100s" dur="3s" fill="freeze"/>
+    </rect>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startAfter-1-ref.svg b/layout/reftests/svg/smil/sort/sort-startAfter-1-ref.svg
new file mode 100644
index 0000000000..e0d50579b0
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startAfter-1-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="125" y="0"   width="100" height="100" fill="blue"/>
+  <rect x="125" y="200" width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startAfter-1.svg b/layout/reftests/svg/smil/sort/sort-startAfter-1.svg
new file mode 100644
index 0000000000..43b6ed9e13
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startAfter-1.svg
@@ -0,0 +1,16 @@
+<!-- If two conflicting animations start at diffent times, the one starting 
+     later should win. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.0, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect x="0" y="0" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="100" to="200" begin="0.5s" dur="2s"/>
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s"/>
+  </rect>
+  <rect x="0" y="200" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s"/>
+    <animate attributeName="x" from="100" to="200" begin="0.5s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startAfter-2-ref.svg b/layout/reftests/svg/smil/sort/sort-startAfter-2-ref.svg
new file mode 100644
index 0000000000..aacb1998e4
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startAfter-2-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="150" y="0"   width="100" height="100" fill="blue"/>
+  <rect x="150" y="200" width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startAfter-2.svg b/layout/reftests/svg/smil/sort/sort-startAfter-2.svg
new file mode 100644
index 0000000000..3d82a59cc2
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startAfter-2.svg
@@ -0,0 +1,18 @@
+<!-- If two conflicting animations start at diffent times, the one starting 
+     later should win. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.5, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect x="0" y="0" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="100" to="200" begin="0.5s" dur="2s"/>
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="1s"
+             fill="freeze"/>
+  </rect>
+  <rect x="0" y="200" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="1s"
+             fill="freeze"/>
+    <animate attributeName="x" from="100" to="200" begin="0.5s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startAfter-3-ref.svg b/layout/reftests/svg/smil/sort/sort-startAfter-3-ref.svg
new file mode 100644
index 0000000000..a20bbc496e
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startAfter-3-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="200" y="0"   width="100" height="100" fill="blue"/>
+  <rect x="200" y="200" width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startAfter-3.svg b/layout/reftests/svg/smil/sort/sort-startAfter-3.svg
new file mode 100644
index 0000000000..2fb71aab33
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startAfter-3.svg
@@ -0,0 +1,18 @@
+<!-- If two conflicting animations start at diffent times, the one starting 
+     later (including its lasting "freeze" effect) should win. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.5, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect x="0" y="0" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="100" to="200" begin="0.25s" dur="1s"
+             fill="freeze"/>
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s"/>
+  </rect>
+  <rect x="0" y="200" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s"/>
+    <animate attributeName="x" from="100" to="200" begin="0.25s" dur="1s"
+             fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startSame-1-ref.svg b/layout/reftests/svg/smil/sort/sort-startSame-1-ref.svg
new file mode 100644
index 0000000000..5c0bf560e3
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startSame-1-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="350" y="0"   width="100" height="100" fill="blue"/>
+  <rect x="150" y="200" width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startSame-1a.svg b/layout/reftests/svg/smil/sort/sort-startSame-1a.svg
new file mode 100644
index 0000000000..af503df445
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startSame-1a.svg
@@ -0,0 +1,16 @@
+<!-- If two conflicting animations start at same time, the one appearing
+     later in the document should win. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.0, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect x="0" y="0" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s"/>
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s"/>
+  </rect>
+  <rect x="0" y="200" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s"/>
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startSame-1b.svg b/layout/reftests/svg/smil/sort/sort-startSame-1b.svg
new file mode 100644
index 0000000000..7e99e50865
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startSame-1b.svg
@@ -0,0 +1,31 @@
+<!-- If two conflicting animations start at same time, and if we swap their
+     positions, the one that ends up later in the document should win. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+
+  <script><![CDATA[
+    function go() {
+      // Move "a" and "b" to both be their parents' last child
+      var a = document.getElementById("a");
+      a.parentNode.insertBefore(a, null);
+
+      var b = document.getElementById("b");
+      b.parentNode.insertBefore(b, null);
+
+      setTimeAndSnapshot(1.0, true)
+    }
+    document.addEventListener("MozReftestInvalidate", go, false);
+    setTimeout(go, 4000); // fallback for running outside reftest
+  ]]></script>     
+
+  <rect x="0" y="0" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s" id="a"/>
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s"/>
+  </rect>
+  <rect x="0" y="200" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s" id="b"/>
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startSame-2-ref.svg b/layout/reftests/svg/smil/sort/sort-startSame-2-ref.svg
new file mode 100644
index 0000000000..77e5427399
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startSame-2-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="400" y="0"   width="100" height="100" fill="blue"/>
+  <rect x="175" y="200" width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startSame-2a.svg b/layout/reftests/svg/smil/sort/sort-startSame-2a.svg
new file mode 100644
index 0000000000..b2404be941
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startSame-2a.svg
@@ -0,0 +1,18 @@
+<!-- If two conflicting animations start at same time, the one appearing
+     later in the document should win (including its freeze effects). -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.5, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <rect x="0" y="0" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s"/>
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="1s" 
+             fill="freeze"/>
+  </rect>
+  <rect x="0" y="200" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="1s" 
+             fill="freeze"/>
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/sort/sort-startSame-2b.svg b/layout/reftests/svg/smil/sort/sort-startSame-2b.svg
new file mode 100644
index 0000000000..f028b35033
--- /dev/null
+++ b/layout/reftests/svg/smil/sort/sort-startSame-2b.svg
@@ -0,0 +1,33 @@
+<!-- If two conflicting animations start at same time, and if we swap their
+     positions, the one that ends up later in the document should win 
+     (including its freeze effects). -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeout('go()', 0)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+
+  <script><![CDATA[
+    function go() {
+      // Move "a" and "b" to both be their parents' last child
+      var a = document.getElementById("a");
+      a.parentNode.insertBefore(a, null);
+
+      var b = document.getElementById("b");
+      b.parentNode.insertBefore(b, null);
+
+      setTimeAndSnapshot(1.5, true)
+    }
+  ]]></script>     
+
+  <rect x="0" y="0" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="1s" id="a"
+             fill="freeze"/>
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s"/>
+  </rect>
+  <rect x="0" y="200" width="100" height="100" fill="blue">
+    <animate attributeName="x" from="100" to="200" begin="0s" dur="2s" id="b"/>
+    <animate attributeName="x" from="300" to="400" begin="0s" dur="1s" 
+             fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-1-by-ident-hex.svg b/layout/reftests/svg/smil/style/anim-css-color-1-by-ident-hex.svg
new file mode 100644
index 0000000000..acda8e0c50
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-1-by-ident-hex.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: indigo; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "by"            : "#AAF573" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-1-from-by-hex-hex.svg b/layout/reftests/svg/smil/style/anim-css-color-1-from-by-hex-hex.svg
new file mode 100644
index 0000000000..42f4b65b6f
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-1-from-by-hex-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: indigo; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "from"          : "#4B0082",
+                           "by"            : "#AAF573" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-1-from-by-ident-hex.svg b/layout/reftests/svg/smil/style/anim-css-color-1-from-by-ident-hex.svg
new file mode 100644
index 0000000000..8b480cd864
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-1-from-by-ident-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: indigo; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "from"          : "indigo",
+                           "by"            : "#AAF573" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-1-from-to-hex-hex.svg b/layout/reftests/svg/smil/style/anim-css-color-1-from-to-hex-hex.svg
new file mode 100644
index 0000000000..f15b4a3c22
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-1-from-to-hex-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: indigo; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "from"          : "#4B0082",
+                           "to"            : "#F5F5F5" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-1-from-to-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-color-1-from-to-ident-ident.svg
new file mode 100644
index 0000000000..553b95f12f
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-1-from-to-ident-ident.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: indigo; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "from"          : "indigo",
+                           "to"            : "whitesmoke" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-1-to-ident-hex.svg b/layout/reftests/svg/smil/style/anim-css-color-1-to-ident-hex.svg
new file mode 100644
index 0000000000..727107841f
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-1-to-ident-hex.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: indigo; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "to"            : "#F5F5F5" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-1-to-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-color-1-to-ident-ident.svg
new file mode 100644
index 0000000000..9702370931
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-1-to-ident-ident.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: indigo; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "to"            : "whitesmoke" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-2-paced-rgb.svg b/layout/reftests/svg/smil/style/anim-css-color-2-paced-rgb.svg
new file mode 100644
index 0000000000..c44f16b7c5
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-2-paced-rgb.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { color: yellow; fill: currentColor; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "calcMode"      : "paced",
+                           "values" : "rgb(0, 10, 20); " +
+                                      "rgb(20, 50, 80); " +
+                                      "rgb(140, 130, 120)" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-3-by-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-color-3-by-ident-ident.svg
new file mode 100644
index 0000000000..1c6d06895c
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-3-by-ident-ident.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a test with a named color (DarkSlateGray == rgb(47, 79, 79)) -->
+  <!-- being added to another color (DarkOliveGreen == rbg(85, 107, 47)).   -->
+  <style>
+    rect { color: DarkOliveGreen; fill: currentColor; stroke: Black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "by"            : "DarkSlateGray" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-3-from-by-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-color-3-from-by-ident-ident.svg
new file mode 100644
index 0000000000..cd34fc58df
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-3-from-by-ident-ident.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a test with a named color (DarkSlateGray == rgb(47, 79, 79)) -->
+  <!-- being added to another color (DarkOliveGreen == rbg(85, 107, 47)).   -->
+  <style>
+    rect { color: DarkOliveGreen; fill: currentColor; stroke: Black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "from"          : "DarkOliveGreen",
+                           "by"            : "DarkSlateGray" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-color-3-from-by-rgb-ident.svg b/layout/reftests/svg/smil/style/anim-css-color-3-from-by-rgb-ident.svg
new file mode 100644
index 0000000000..163c392e00
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-color-3-from-by-rgb-ident.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a test with a named color (DarkSlateGray == rgb(47, 79, 79)) -->
+  <!-- being added to another color (DarkOliveGreen == rbg(85, 107, 47)).   -->
+  <style>
+    rect { color: DarkOliveGreen; fill: currentColor; stroke: Black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "color",
+                           "from"          : "rgb(85, 107, 47)",
+                           "by"            : "DarkSlateGray" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-curcol.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-curcol.svg
new file mode 100644
index 0000000000..b30fa4963f
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-curcol.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; color: #AAF573}
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "by"            : "currentColor" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-hex.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-hex.svg
new file mode 100644
index 0000000000..cdd1dd1d52
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-by-ident-hex.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "by"            : "#AAF573" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-curcol-hex.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-curcol-hex.svg
new file mode 100644
index 0000000000..e2832b174a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-curcol-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; color: Indigo }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "currentColor",
+                           "by"            : "#AAF573" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-curcol.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-curcol.svg
new file mode 100644
index 0000000000..fca9cc1d7a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-curcol.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; color: #AAF573 }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "#4B0082",
+                           "by"            : "currentColor" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-hex.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-hex.svg
new file mode 100644
index 0000000000..61dc61da05
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-hex-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "#4B0082",
+                           "by"            : "#AAF573" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-ident-hex.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-ident-hex.svg
new file mode 100644
index 0000000000..a6fe27433a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-by-ident-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "indigo",
+                           "by"            : "#AAF573" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-curcol-hex.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-curcol-hex.svg
new file mode 100644
index 0000000000..86cc1fedd7
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-curcol-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; color: Indigo; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "currentColor",
+                           "to"            : "#F5F5F5" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-curcol.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-curcol.svg
new file mode 100644
index 0000000000..6cb3da74fd
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-curcol.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; color: Whitesmoke; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "#4B0082",
+                           "to"            : "currentColor" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-hex.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-hex.svg
new file mode 100644
index 0000000000..f5f8114da9
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-hex-hex.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "#4B0082",
+                           "to"            : "#F5F5F5" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-ident-ident.svg
new file mode 100644
index 0000000000..e1b968d35a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-from-to-ident-ident.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "indigo",
+                           "to"            : "whitesmoke" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-ref.svg
new file mode 100644
index 0000000000..767407048d
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill: #4B0082">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill: #4B0082">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill: #652593">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill: #8B5CAD">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill: #9F79BB">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill: #CBB8D8">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill: #D3C4DE">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill: #F5F5F5">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill: #F5F5F5">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-curcol.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-curcol.svg
new file mode 100644
index 0000000000..65a6812694
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-curcol.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; color: Whitesmoke; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "to"            : "currentColor" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-hex.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-hex.svg
new file mode 100644
index 0000000000..73540fcc49
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-hex.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "to"            : "#F5F5F5" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-ident.svg
new file mode 100644
index 0000000000..9b1010426a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-to-ident-ident.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: Indigo; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "to"            : "whitesmoke" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-2-paced-rgb.svg b/layout/reftests/svg/smil/style/anim-css-fill-2-paced-rgb.svg
new file mode 100644
index 0000000000..4c1e16c53f
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-2-paced-rgb.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: yellow; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "calcMode"      : "paced",
+                           "values" : "rgb(0, 10, 20); " +
+                                      "rgb(20, 50, 80); " +
+                                      "rgb(140, 130, 120)" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-2-ref.svg b/layout/reftests/svg/smil/style/anim-css-fill-2-ref.svg
new file mode 100644
index 0000000000..1058125a66
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-2-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill: yellow">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill: rgb(0, 10, 20)">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill: rgb(9, 28, 47)">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill: rgb(28, 55, 83)">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill: rgb(49, 69, 90)">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill: rgb(95, 100, 105)">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill: rgb(104, 106, 108)">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill: rgb(140, 130, 120)">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill: rgb(140, 130, 120)">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-3-by-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-fill-3-by-ident-ident.svg
new file mode 100644
index 0000000000..16fbbc062d
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-3-by-ident-ident.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a test with a named color (DarkSlateGray == rgb(47, 79, 79)) -->
+  <!-- being added to another color (DarkOliveGreen == rbg(85, 107, 47)).   -->
+  <style>
+    rect { fill: DarkOliveGreen; stroke: Black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "by"            : "DarkSlateGray" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-3-from-by-ident-ident.svg b/layout/reftests/svg/smil/style/anim-css-fill-3-from-by-ident-ident.svg
new file mode 100644
index 0000000000..a2bdf8e8fc
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-3-from-by-ident-ident.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a test with a named color (DarkSlateGray == rgb(47, 79, 79)) -->
+  <!-- being added to another color (DarkOliveGreen == rbg(85, 107, 47)).   -->
+  <style>
+    rect { fill: DarkOliveGreen; stroke: Black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "DarkOliveGreen",
+                           "by"            : "DarkSlateGray" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-3-from-by-rgb-ident.svg b/layout/reftests/svg/smil/style/anim-css-fill-3-from-by-rgb-ident.svg
new file mode 100644
index 0000000000..b2b8b689ea
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-3-from-by-rgb-ident.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a test with a named color (DarkSlateGray == rgb(47, 79, 79)) -->
+  <!-- being added to another color (DarkOliveGreen == rbg(85, 107, 47)).   -->
+  <style>
+    rect { fill: DarkOliveGreen; stroke: Black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "rgb(85, 107, 47)",
+                           "by"            : "DarkSlateGray" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-3-ref.svg b/layout/reftests/svg/smil/style/anim-css-fill-3-ref.svg
new file mode 100644
index 0000000000..8a14da61ea
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-3-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill: rgb(85, 107, 47)">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill: rgb(85, 107, 47)">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill: rgb(92, 119, 59)">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill: rgb(103, 137, 77)">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill: rgb(108, 146, 86)">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill: rgb(120, 166, 106)">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill: rgb(123, 170, 110)">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill: rgb(132, 186, 126)">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill: rgb(132, 186, 126)">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-by.svg b/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-by.svg
new file mode 100644
index 0000000000..d65f963b33
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-by.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a series of snapshots of a color animation, starting at  -->
+  <!-- YellowGreen (#9ACD32 == rgb(154,205,50)) and increasing each     -->
+  <!-- channel beyond its maximum. (which should clamp it to 255)       -->
+  <style>
+    rect { fill: yellowgreen; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "by"            : "rgb(200, 100, 250)" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-from-by.svg b/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-from-by.svg
new file mode 100644
index 0000000000..df06aea2de
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-from-by.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a series of snapshots of a color animation, starting at  -->
+  <!-- YellowGreen (#9ACD32 == rgb(154,205,50)) and increasing each     -->
+  <!-- channel beyond its maximum. (which should clamp it to 255)       -->
+  <style>
+    rect { fill: yellowgreen; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill",
+                           "from"          : "yellowgreen",
+                           "by"            : "rgb(200, 100, 250)" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-ref.svg
new file mode 100644
index 0000000000..917bfef9f5
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill: yellowgreen">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill: yellowgreen">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill: rgb(184, 220, 88)">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill: rgb(229, 243, 144)">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill: rgb(253, 255, 174)">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 238)">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 250)">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 255)">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 255)">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-1-by.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-by.svg
new file mode 100644
index 0000000000..fc3f4b042e
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-by.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill-opacity",
+                           "by"            : "-1" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-by.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-by.svg
new file mode 100644
index 0000000000..39e03b8db2
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-by.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill-opacity",
+                           "from"          : "1",
+                           "by"            : "-1" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-to.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-to.svg
new file mode 100644
index 0000000000..2ec29db9b2
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-from-to.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill-opacity",
+                           "from"          : "1",
+                           "to"            : "0" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-ref.svg
new file mode 100644
index 0000000000..f35de241c1
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 1">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 1">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 0.85">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.625">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.505">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.25">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.2">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.0">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.0">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-1-to.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-to.svg
new file mode 100644
index 0000000000..110cbd6d82
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-to.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill-opacity",
+                           "to"            : "0" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-2-paced.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-2-paced.svg
new file mode 100644
index 0000000000..61ac49a8d1
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-2-paced.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "fill-opacity",
+                           "calcMode"      : "paced",
+                           "values"        : "0.6;0.1;0.95;0.3" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-2-ref.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-2-ref.svg
new file mode 100644
index 0000000000..c30942bcf6
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-2-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 1">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 0.6">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 0.3">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.35">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.59">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.8">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.7">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.3">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.3">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-big.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-big.svg
new file mode 100644
index 0000000000..0faec1156b
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-big.svg
@@ -0,0 +1,27 @@
+<!--
+   This testcase checks that we don't clamp negative opacity values to their
+   valid range [0,1] until *after* we've done animation & interpolation.
+   If we clamped intermediate results too early (e.g. after parsing, during
+   interpolation, or right after we add the first animation's interpolated
+   value), we'd end up with the wrong intermediate opacity values here.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHashA = { "attributeName" : "fill-opacity",
+                            "from"          : "-0.4",
+                            "by"            : "1.2" };
+      var animAttrHashB = { "attributeName" : "fill-opacity",
+                            "by"            : "0.2" };
+      testAnimatedRectGrid("animate", [animAttrHashA, animAttrHashB]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-small.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-small.svg
new file mode 100644
index 0000000000..d7ff87e20a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-3-clamp-small.svg
@@ -0,0 +1,27 @@
+<!--
+   This testcase checks that we don't clamp negative opacity values to their
+   valid range [0,1] until *after* we've done animation & interpolation.
+   If we clamped intermediate results too early (e.g. after parsing, during
+   interpolation, or right after we add the first animation's interpolated
+   value), we'd end up with the wrong intermediate opacity values here.
+ -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHashA = { "attributeName" : "fill-opacity",
+                            "from"          : "-0.4",
+                            "by"            : "0.6" };
+      var animAttrHashB = { "attributeName" : "fill-opacity",
+                            "by"            : "0.4" };
+      testAnimatedRectGrid("animate", [animAttrHashA, animAttrHashB]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fillopacity-3-ref.svg b/layout/reftests/svg/smil/style/anim-css-fillopacity-3-ref.svg
new file mode 100644
index 0000000000..bc089e43c4
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-3-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { fill: blue; stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 1">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 0">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill-opacity: 0">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.095">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill-opacity: 0.35">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.4">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.6">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill-opacity: 0.6">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-from-by.svg b/layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-from-by.svg
new file mode 100644
index 0000000000..1def47fafd
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-from-by.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a series of snapshots of a color animation, starting at  -->
+  <!-- YellowGreen (#9ACD32 == rgb(154,205,50)) and increasing each     -->
+  <!-- channel beyond its maximum. (which should clamp it to 255)       -->
+  <style>
+    feFlood { flood-color: yellowgreen; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "flood-color",
+                           "from"          : "yellowgreen",
+                           "by"            : "rgb(200, 100, 250)" };
+      var graphicElemTag = "rect";
+      var graphicElemAttrHash = { "width"  : "15px",
+                                  "height" : "15px" };
+      testAnimatedGridWithDefs(graphicElemTag, graphicElemAttrHash, "filter",
+                               [ "filter", "feFlood" ],
+                               "animate", [ animAttrHash ]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-ref.svg
new file mode 100644
index 0000000000..27d0bcd56e
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-ref.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="f0"><feFlood flood-color="yellowgreen" /></filter>
+    <filter id="f1"><feFlood flood-color="yellowgreen" /></filter>
+    <filter id="f2"><feFlood flood-color="rgb(184, 220, 88)" /></filter>
+    <filter id="f3"><feFlood flood-color="rgb(229, 243, 144)" /></filter>
+    <filter id="f4"><feFlood flood-color="rgb(253, 255, 174)" /></filter>
+    <filter id="f5"><feFlood flood-color="rgb(255, 255, 238)" /></filter>
+    <filter id="f6"><feFlood flood-color="rgb(255, 255, 250)" /></filter>
+    <filter id="f7"><feFlood flood-color="rgb(255, 255, 255)" /></filter>
+    <filter id="f8"><feFlood flood-color="rgb(255, 255, 255)" /></filter>
+  </defs>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="filter:url(#f0)">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="filter:url(#f1)">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="filter:url(#f2)">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="filter:url(#f3)">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="filter:url(#f4)">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="filter:url(#f5)">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="filter:url(#f6)">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="filter:url(#f7)">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="filter:url(#f8)">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-font-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-font-1-ref.svg
new file mode 100644
index 0000000000..de028ec6be
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-font-1-ref.svg
@@ -0,0 +1,76 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="300px" height="400px">
+
+  <!-- 'inherit' to 'caption' -->
+  <text x="0px"   y="50px" style="font: inherit">abc
+  </text>
+  <text x="50px"  y="50px" style="font: inherit">abc
+  </text>
+  <text x="100px" y="50px" style="font: inherit">abc
+  </text>
+  <text x="150px" y="50px" style="font: caption">abc
+  </text>
+  <text x="200px" y="50px" style="font: caption">abc
+  </text>
+
+  <!-- 'caption' to 'inherit' -->
+  <text x="0px"   y="100px" style="font: inherit">abc
+  </text>
+  <text x="50px"  y="100px" style="font: caption">abc
+  </text>
+  <text x="100px" y="100px" style="font: caption">abc
+  </text>
+  <text x="150px" y="100px" style="font: inherit">abc
+  </text>
+  <text x="200px" y="100px" style="font: inherit">abc
+  </text>
+
+  <!-- 'caption' to 'icon' -->
+  <text x="0px"   y="150px" style="font: inherit">abc
+  </text>
+  <text x="50px"  y="150px" style="font: caption">abc
+  </text>
+  <text x="100px" y="150px" style="font: caption">abc
+  </text>
+  <text x="150px" y="150px" style="font: icon">abc
+  </text>
+  <text x="200px" y="150px" style="font: icon">abc
+  </text>
+
+  <!-- 'caption' to 'menu' -->
+  <text x="0px"   y="200px" style="font: inherit">abc
+  </text>
+  <text x="50px"  y="200px" style="font: caption">abc
+  </text>
+  <text x="100px" y="200px" style="font: caption">abc
+  </text>
+  <text x="150px" y="200px" style="font: menu">abc
+  </text>
+  <text x="200px" y="200px" style="font: menu">abc
+  </text>
+
+  <!-- 'caption' to 'message-box' -->
+  <text x="0px"   y="250px" style="font: inherit">abc
+  </text>
+  <text x="50px"  y="250px" style="font: caption">abc
+  </text>
+  <text x="100px" y="250px" style="font: caption">abc
+  </text>
+  <text x="150px" y="250px" style="font: message-box">abc
+  </text>
+  <text x="200px" y="250px" style="font: message-box">abc
+  </text>
+
+  <!-- 'caption' to 'small-caption' -->
+  <text x="0px"   y="300px" style="font: inherit">abc
+  </text>
+  <text x="50px"  y="300px" style="font: caption">abc
+  </text>
+  <text x="100px" y="300px" style="font: caption">abc
+  </text>
+  <text x="150px" y="300px" style="font: small-caption">abc
+  </text>
+  <text x="200px" y="300px" style="font: small-caption">abc
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-font-1.svg b/layout/reftests/svg/smil/style/anim-css-font-1.svg
new file mode 100644
index 0000000000..0cd69258fd
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-font-1.svg
@@ -0,0 +1,144 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="300px" height="400px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      requestAnimationFrame(() => { setTimeAndSnapshot(3.0, true) });
+    }
+  </script>
+
+  <!-- 'inherit' to 'caption' -->
+  <text x="0px"   y="50px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="inherit" to="caption" begin="4.0s" dur="2s"/>
+  </text>
+  <text x="50px"  y="50px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="inherit" to="caption" begin="3.0s" dur="2s"/>
+  </text>
+  <text x="100px" y="50px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="inherit" to="caption" begin="2.01s" dur="2s"/>
+  </text>
+  <text x="150px" y="50px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="inherit" to="caption" begin="2.0s" dur="2s"/>
+  </text>
+  <text x="200px" y="50px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="inherit" to="caption" begin="1.0s" dur="2s"/>
+  </text>
+
+  <!-- 'caption' to 'inherit' -->
+  <text x="0px"   y="100px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="inherit" begin="4.0s" dur="2s"/>
+  </text>
+  <text x="50px"  y="100px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="inherit" begin="3.0s" dur="2s"/>
+  </text>
+  <text x="100px" y="100px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="inherit" begin="2.01s" dur="2s"/>
+  </text>
+  <text x="150px" y="100px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="inherit" begin="2.0s" dur="2s"/>
+  </text>
+  <text x="200px" y="100px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="inherit" begin="1.0s" dur="2s"/>
+  </text>
+
+  <!-- 'caption' to 'icon' -->
+  <text x="0px"   y="150px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="icon" begin="4.0s" dur="2s"/>
+  </text>
+  <text x="50px"  y="150px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="icon" begin="3.0s" dur="2s"/>
+  </text>
+  <text x="100px" y="150px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="icon" begin="2.01s" dur="2s"/>
+  </text>
+  <text x="150px" y="150px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="icon" begin="2.0s" dur="2s"/>
+  </text>
+  <text x="200px" y="150px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="icon" begin="1.0s" dur="2s"/>
+  </text>
+
+  <!-- 'caption' to 'menu' -->
+  <text x="0px"   y="200px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="menu" begin="4.0s" dur="2s"/>
+  </text>
+  <text x="50px"  y="200px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="menu" begin="3.0s" dur="2s"/>
+  </text>
+  <text x="100px" y="200px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="menu" begin="2.01s" dur="2s"/>
+  </text>
+  <text x="150px" y="200px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="menu" begin="2.0s" dur="2s"/>
+  </text>
+  <text x="200px" y="200px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="menu" begin="1.0s" dur="2s"/>
+  </text>
+
+  <!-- 'caption' to 'message-box' -->
+  <text x="0px"   y="250px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="message-box" begin="4.0s" dur="2s"/>
+  </text>
+  <text x="50px"  y="250px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="message-box" begin="3.0s" dur="2s"/>
+  </text>
+  <text x="100px" y="250px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="message-box" begin="2.01s" dur="2s"/>
+  </text>
+  <text x="150px" y="250px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="message-box" begin="2.0s" dur="2s"/>
+  </text>
+  <text x="200px" y="250px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="message-box" begin="1.0s" dur="2s"/>
+  </text>
+
+  <!-- 'caption' to 'small-caption' -->
+  <text x="0px"   y="300px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="small-caption" begin="4.0s" dur="2s"/>
+  </text>
+  <text x="50px"  y="300px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="small-caption" begin="3.0s" dur="2s"/>
+  </text>
+  <text x="100px" y="300px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="small-caption" begin="2.01s" dur="2s"/>
+  </text>
+  <text x="150px" y="300px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="small-caption" begin="2.0s" dur="2s"/>
+  </text>
+  <text x="200px" y="300px">abc
+    <animate attributeName="font" attributeType="CSS" fill="freeze"
+             from="caption" to="small-caption" begin="1.0s" dur="2s"/>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-pct.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-pct.svg
new file mode 100644
index 0000000000..38afe61f07
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-pct.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "500%",
+                           "by"            : "1000%" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-px.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-px.svg
new file mode 100644
index 0000000000..ea4d7c3e8c
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-pct-px.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "500%",
+                           "by"            : "20px" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-pct.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-pct.svg
new file mode 100644
index 0000000000..8e4b6d5866
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-pct.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "10px",
+                           "by"            : "1000%" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-px.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-px.svg
new file mode 100644
index 0000000000..637c49e318
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-by-px-px.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "10px",
+                           "by"            : "20px" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-no.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-no.svg
new file mode 100644
index 0000000000..2b4e18030e
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-no.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "attributeType" : "CSS",
+                           "from"          : "10",
+                           "to"            : "30" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-px.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-px.svg
new file mode 100644
index 0000000000..7ced25e9af
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-no-px.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "attributeType" : "CSS",
+                           "from"          : "10",
+                           "to"            : "30px" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-pct.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-pct.svg
new file mode 100644
index 0000000000..0cf6c0cf36
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-pct.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "500%",
+                           "to"            : "1500%" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-px.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-px.svg
new file mode 100644
index 0000000000..fc4ff3afd1
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-pct-px.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "500%",
+                           "to"            : "30px" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-no.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-no.svg
new file mode 100644
index 0000000000..56e51eeab7
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-no.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "attributeType" : "CSS",
+                           "from"          : "10px",
+                           "to"            : "30" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-pct.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-pct.svg
new file mode 100644
index 0000000000..94c195c2f3
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-pct.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "10px",
+                           "to"            : "1500%" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-px.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-px.svg
new file mode 100644
index 0000000000..7158f64644
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-from-to-px-px.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "10px",
+                           "to"            : "30px" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-1-ref.svg
new file mode 100644
index 0000000000..4747c2824c
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-ref.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="20px" y="20px" style="font-size: 2px">abc
+  </text>
+  <text x="70px" y="20px" style="font-size: 10px">abc
+  </text>
+  <text x="120px" y="20px" style="font-size: 13px">abc
+  </text>
+  <text x="20px" y="70px" style="font-size: 17.5px">abc
+  </text>
+  <text x="70px" y="70px" style="font-size: 19.9px">abc
+  </text>
+  <text x="120px" y="70px" style="font-size: 25px">abc
+  </text>
+  <text x="20px" y="120px" style="font-size: 26px">abc
+  </text>
+  <text x="70px" y="120px" style="font-size: 30px">abc
+  </text>
+  <text x="120px" y="120px" style="font-size: 30px">abc
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-em-em.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-em-em.svg
new file mode 100644
index 0000000000..3fe3ae0ce9
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-em-em.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "15em",
+                           "by"            : "-10em" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-em.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-em.svg
new file mode 100644
index 0000000000..44b407e185
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-em.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "30px",
+                           "by"            : "-10em" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-px.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-px.svg
new file mode 100644
index 0000000000..70199be78b
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-2-from-by-px-px.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "from"          : "30px",
+                           "by"            : "-20px" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-fontsize-2-ref.svg b/layout/reftests/svg/smil/style/anim-css-fontsize-2-ref.svg
new file mode 100644
index 0000000000..6edb8deff6
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-2-ref.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="20px" y="20px" style="font-size: 2px">abc
+  </text>
+  <text x="70px" y="20px" style="font-size: 30px">abc
+  </text>
+  <text x="120px" y="20px" style="font-size: 27px">abc
+  </text>
+  <text x="20px" y="70px" style="font-size: 22.5px">abc
+  </text>
+  <text x="70px" y="70px" style="font-size: 20.1px">abc
+  </text>
+  <text x="120px" y="70px" style="font-size: 15px">abc
+  </text>
+  <text x="20px" y="120px" style="font-size: 14px">abc
+  </text>
+  <text x="70px" y="120px" style="font-size: 10px">abc
+  </text>
+  <text x="120px" y="120px" style="font-size: 10px">abc
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-letterspacing-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-letterspacing-1-ref.svg
new file mode 100644
index 0000000000..b56522931c
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-letterspacing-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="50" y="50" font-size="20" letter-spacing="15">abc</text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-letterspacing-1.svg b/layout/reftests/svg/smil/style/anim-css-letterspacing-1.svg
new file mode 100644
index 0000000000..e10d430cf0
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-letterspacing-1.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" onload="setTimeAndSnapshot(3.0, true)">
+  <script xlink:href="../smil-util.js"/>
+  <text x="50" y="50" font-size="20">abc
+    <animate attributeName="letter-spacing" fill="freeze" from="0" to="20" begin="0s" dur="4s"/>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-from-by.svg b/layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-from-by.svg
new file mode 100644
index 0000000000..da3ace6784
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-from-by.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <!-- This is a series of snapshots of a color animation, starting at  -->
+  <!-- YellowGreen (#9ACD32 == rgb(154,205,50)) and increasing each     -->
+  <!-- channel beyond its maximum. (which should clamp it to 255)       -->
+  <style>
+    stop { stop-color: yellowgreen; }
+    rect { stroke: black; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stop-color",
+                           "from"          : "yellowgreen",
+                           "by"            : "rgb(200, 100, 250)" };
+      var graphicElemTag = "rect";
+      var graphicElemAttrHash = { "width"  : "15px",
+                                  "height" : "15px" };
+      testAnimatedGridWithDefs(graphicElemTag, graphicElemAttrHash, "fill",
+                               [ "linearGradient", "stop" ],
+                               "animate", [ animAttrHash ]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-ref.svg
new file mode 100644
index 0000000000..917bfef9f5
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-stopcolor-overflow-1-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: black; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="fill: yellowgreen">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="fill: yellowgreen">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="fill: rgb(184, 220, 88)">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="fill: rgb(229, 243, 144)">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="fill: rgb(253, 255, 174)">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 238)">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 250)">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 255)">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="fill: rgb(255, 255, 255)">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokedasharray-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-strokedasharray-1-ref.svg
new file mode 100644
index 0000000000..d2cfe9b4bb
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokedasharray-1-ref.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    rect { stroke: blue; stroke-width: 5px; }
+  </style>
+  <rect x="20px" y="20px" width="15px" height="15px"
+        style="stroke-dasharray: 20px, 5px">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px"
+        style="stroke-dasharray: 20px, 5px">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px"
+        style="stroke-dasharray: 18.5px, 6.5px">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px"
+        style="stroke-dasharray: 16.25px, 8.75px">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px"
+        style="stroke-dasharray: 15.05px, 9.95px">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px"
+        style="stroke-dasharray: 12.5px, 12.5px">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px"
+        style="stroke-dasharray: 12px, 13px">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px"
+        style="stroke-dasharray: 10px, 15px">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px"
+        style="stroke-dasharray: 10px, 15px">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokedasharray-1.svg b/layout/reftests/svg/smil/style/anim-css-strokedasharray-1.svg
new file mode 100644
index 0000000000..9488f6546e
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokedasharray-1.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-dasharray",
+                           "from"          : "20px, 5px",
+                           "to"            : "10px, 15px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-em.svg
new file mode 100644
index 0000000000..1472123ee7
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-em.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5em; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "10em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-px.svg
new file mode 100644
index 0000000000..2b6a983f2d
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-em-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5em; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-no-no.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-no-no.svg
new file mode 100644
index 0000000000..0ae489d628
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-no-no.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "20" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-pct.svg
new file mode 100644
index 0000000000..e9e1cc2d6e
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-pct.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "10%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-px.svg
new file mode 100644
index 0000000000..3199059764
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-pct-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-em.svg
new file mode 100644
index 0000000000..f1a918ea75
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-em.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "10em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-pct.svg
new file mode 100644
index 0000000000..076e49adf4
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-pct.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "10%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-px.svg
new file mode 100644
index 0000000000..65d3bbc6e9
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-by-px-px.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "by"            : "20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-em.svg
new file mode 100644
index 0000000000..2058d83661
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-em.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5em",
+                           "by"            : "10em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-px.svg
new file mode 100644
index 0000000000..e37bc12cf3
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-em-px.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5em",
+                           "by"            : "20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-no-no.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-no-no.svg
new file mode 100644
index 0000000000..0c1afad42b
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-no-no.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10",
+                           "by"            : "20" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-pct.svg
new file mode 100644
index 0000000000..76e5c1e520
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-pct.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5%",
+                           "by"            : "10%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-px.svg
new file mode 100644
index 0000000000..3394572e76
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-pct-px.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5%",
+                           "by"            : "20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-em.svg
new file mode 100644
index 0000000000..3e26f8973a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-em.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10px",
+                           "by"            : "10em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-pct.svg
new file mode 100644
index 0000000000..66c0f137ba
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-pct.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10px",
+                           "by"            : "10%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-px.svg
new file mode 100644
index 0000000000..e4bba5ae2e
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-by-px-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10px",
+                           "by"            : "20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-em.svg
new file mode 100644
index 0000000000..7e7d035739
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-em.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5em",
+                           "to"            : "15em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-px.svg
new file mode 100644
index 0000000000..5c538b65b4
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-em-px.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5em",
+                           "to"            : "30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-no-no.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-no-no.svg
new file mode 100644
index 0000000000..1f4e5d09a2
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-no-no.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10",
+                           "to"            : "30" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-pct.svg
new file mode 100644
index 0000000000..0da954bb54
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-pct.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5%",
+                           "to"            : "15%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-px.svg
new file mode 100644
index 0000000000..37afdef686
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-pct-px.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "5%",
+                           "to"            : "30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-em.svg
new file mode 100644
index 0000000000..4dd6908d09
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-em.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10px",
+                           "to"            : "15em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-pct.svg
new file mode 100644
index 0000000000..3c0b237f08
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-pct.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10px",
+                           "to"            : "15%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-px.svg
new file mode 100644
index 0000000000..2e4631b7a4
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-from-to-px-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "10px",
+                           "to"            : "30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-ref.svg
new file mode 100644
index 0000000000..0c6ad16742
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-ref.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10px">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10px">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 13px">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 17.5px">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 19.9px">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 25px">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 26px">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 30px">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 30px">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-em.svg
new file mode 100644
index 0000000000..07df6d5a1a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-em.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5em; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "15em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-px.svg
new file mode 100644
index 0000000000..56ffff8d02
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-em-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5em; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-no-no.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-no-no.svg
new file mode 100644
index 0000000000..7784dd6ca2
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-no-no.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "30" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-pct.svg
new file mode 100644
index 0000000000..d44e56b499
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-pct.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "15%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-px.svg
new file mode 100644
index 0000000000..9d00d27444
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-pct-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 5%; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-em.svg
new file mode 100644
index 0000000000..17d5b76284
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-em.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "15em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-pct.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-pct.svg
new file mode 100644
index 0000000000..c7dd235f25
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-pct.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="200px" height="200px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "15%" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-px.svg
new file mode 100644
index 0000000000..5121cb2bf0
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-to-px-px.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; shape-rendering: crispEdges; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "to"            : "30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-2-ref.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-ref.svg
new file mode 100644
index 0000000000..fc16e65154
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-ref.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10px">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 20px">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 17px">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 12.5px">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10.1px">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 20px">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 22px">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 30px">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 30px">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-em.svg
new file mode 100644
index 0000000000..d26e7d7041
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-em.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "values"        : "10em; 5em; 15em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-px.svg
new file mode 100644
index 0000000000..27a15b6663
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-em-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "values"        : "10em; 10px; 15em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-em.svg
new file mode 100644
index 0000000000..4fb2e61906
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-em.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "values"        : "20px; 5em; 30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-px.svg
new file mode 100644
index 0000000000..b1a21817d3
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-values-px-px.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "values"        : "20px; 10px; 30px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-3-paced.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-3-paced.svg
new file mode 100644
index 0000000000..2449345ecd
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-3-paced.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 10px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "calcMode"      : "paced",
+                           "values"        : "10px; 5px; 30px; 20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-3-ref.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-3-ref.svg
new file mode 100644
index 0000000000..2ddabf480c
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-3-ref.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10px">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10px">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 6px">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 15px">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 19.8px">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 30px">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 28px">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 20px">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 20px">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-em-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-em-em.svg
new file mode 100644
index 0000000000..9a55c55fc6
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-em-em.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 30px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "15em",
+                           "by"            : "-10em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-no-no.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-no-no.svg
new file mode 100644
index 0000000000..43845db4f7
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-no-no.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 30px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "30",
+                           "by"            : "-20" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-em.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-em.svg
new file mode 100644
index 0000000000..96aa4e4095
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-em.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 30px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "30px",
+                           "by"            : "-10em" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-px.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-px.svg
new file mode 100644
index 0000000000..f70c9617b1
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-from-by-px-px.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="go()">
+  <style>
+    rect { stroke: blue; stroke-width: 30px; }
+  </style>
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "stroke-width",
+                           "from"          : "30px",
+                           "by"            : "-20px" };
+      testAnimatedRectGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-strokewidth-4-ref.svg b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-ref.svg
new file mode 100644
index 0000000000..bfbb8e3fae
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-ref.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 30px">
+  </rect>
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 30px">
+  </rect>
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 27px">
+  </rect>
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 22.5px">
+  </rect>
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 20.1px">
+  </rect>
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 15px">
+  </rect>
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 14px">
+  </rect>
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10px">
+  </rect>
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
+        style="stroke-width: 10px">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-wordspacing-1-ref.svg b/layout/reftests/svg/smil/style/anim-css-wordspacing-1-ref.svg
new file mode 100644
index 0000000000..18ab815f77
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-wordspacing-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="50" y="50" font-size="20" word-spacing="15">hello there</text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-css-wordspacing-1.svg b/layout/reftests/svg/smil/style/anim-css-wordspacing-1.svg
new file mode 100644
index 0000000000..46e636e076
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-css-wordspacing-1.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait" onload="setTimeAndSnapshot(3.0, true)">
+  <script xlink:href="../smil-util.js"/>
+  <text x="50" y="50" font-size="20">hello there
+    <animate attributeName="word-spacing" fill="freeze" from="0" to="20" begin="0s" dur="4s"/>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-no.svg b/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-no.svg
new file mode 100644
index 0000000000..2583c2a7ce
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-no.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "attributeType" : "XML",
+                           "from"          : "10",
+                           "to"            : "30" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-px.svg b/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-px.svg
new file mode 100644
index 0000000000..4a487ece7a
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-no-px.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "attributeType" : "XML",
+                           "from"          : "10",
+                           "to"            : "30px" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-px-no.svg b/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-px-no.svg
new file mode 100644
index 0000000000..689fd045d4
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-mapped-fontsize-1-from-to-px-no.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size: 2px"
+     class="reftest-wait"
+     onload="go()">
+  <script xlink:href="../smil-grid.js" type="text/javascript"/>
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function go() {
+      var animAttrHash = { "attributeName" : "font-size",
+                           "attributeType" : "XML",
+                           "from"          : "10px",
+                           "to"            : "30" };
+      testAnimatedTextGrid("animate", [animAttrHash]);
+    }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/smil/style/anim-standard-ref.svg b/layout/reftests/svg/smil/style/anim-standard-ref.svg
new file mode 100644
index 0000000000..39f37ae6d1
--- /dev/null
+++ b/layout/reftests/svg/smil/style/anim-standard-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="15" y="15" width="200" height="200" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/smil/style/important-set-1.svg b/layout/reftests/svg/smil/style/important-set-1.svg
new file mode 100644
index 0000000000..197ba26b6f
--- /dev/null
+++ b/layout/reftests/svg/smil/style/important-set-1.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect x="15" y="15" width="200" height="200" style="fill: blue !important">
+    <set attributeName="fill" attributeType="CSS"
+         to="red" begin="0s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/important-set-2.svg b/layout/reftests/svg/smil/style/important-set-2.svg
new file mode 100644
index 0000000000..e5515db10c
--- /dev/null
+++ b/layout/reftests/svg/smil/style/important-set-2.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <style>
+    rect { fill: blue !important; }
+  </style>
+  <rect x="15" y="15" width="200" height="200">
+    <set attributeName="fill" attributeType="CSS"
+         to="red" begin="0s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/namespaced-property-1.svg b/layout/reftests/svg/smil/style/namespaced-property-1.svg
new file mode 100644
index 0000000000..415c1ffb62
--- /dev/null
+++ b/layout/reftests/svg/smil/style/namespaced-property-1.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect x="15" y="15" width="200" height="200" fill="blue">
+    <set attributeName="xlink:opacity" to="0.5" begin="0s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/style/reftest.list b/layout/reftests/svg/smil/style/reftest.list
new file mode 100644
index 0000000000..a7888a3abe
--- /dev/null
+++ b/layout/reftests/svg/smil/style/reftest.list
@@ -0,0 +1,169 @@
+# Tests related to SVG Animation (using SMIL) of CSS properties
+
+# XXXdholbert TODO: Test color animation with "color-interpolation: linearRGB"
+# (when it's implemented)
+
+# 'color' property, from/to/by with named colors & hex values
+== anim-css-color-1-by-ident-hex.svg         anim-css-fill-1-ref.svg
+== anim-css-color-1-from-by-hex-hex.svg      anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-color-1-from-by-ident-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-color-1-from-to-hex-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-color-1-from-to-ident-ident.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-color-1-to-ident-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-color-1-to-ident-ident.svg anim-css-fill-1-ref.svg
+
+# 'color' property, paced calcMode
+== anim-css-color-2-paced-rgb.svg            anim-css-fill-2-ref.svg
+
+# 'color' property, animating *by* a named color
+fuzzy(0-1,0-580) == anim-css-color-3-by-ident-ident.svg anim-css-fill-3-ref.svg
+fuzzy(0-1,0-580) == anim-css-color-3-from-by-ident-ident.svg anim-css-fill-3-ref.svg
+fuzzy(0-1,0-580) == anim-css-color-3-from-by-rgb-ident.svg anim-css-fill-3-ref.svg
+
+# 'fill' property, from/to/by with named colors & hex values
+fuzzy(0-1,0-550) == anim-css-fill-1-by-ident-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-by-hex-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-by-ident-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-to-hex-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-to-ident-ident.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-to-ident-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-to-ident-ident.svg anim-css-fill-1-ref.svg
+
+# 'fill' property, from/to/by, with 'currentColor' keyword
+fuzzy(0-1,0-550) == anim-css-fill-1-by-ident-curcol.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-by-curcol-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-by-hex-curcol.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-to-curcol-hex.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-from-to-hex-curcol.svg anim-css-fill-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fill-1-to-ident-curcol.svg anim-css-fill-1-ref.svg
+
+# 'fill' property, paced calcMode
+== anim-css-fill-2-paced-rgb.svg            anim-css-fill-2-ref.svg
+
+# 'fill' property, animating *by* a named color
+fuzzy(0-1,0-580) == anim-css-fill-3-by-ident-ident.svg anim-css-fill-3-ref.svg
+fuzzy(0-1,0-580) == anim-css-fill-3-from-by-ident-ident.svg anim-css-fill-3-ref.svg
+fuzzy(0-1,0-580) == anim-css-fill-3-from-by-rgb-ident.svg anim-css-fill-3-ref.svg
+
+# check handling of overflowing color values
+# NOTE: Some of the tests below fail in Gecko because we compute
+# "from + by" as the animation end-point, and we clamp that final color value
+# (due to bug 515919) and use the clamped value for interpolation.
+# That's earlier than the SVG spec wants us to clamp -- we're only supposed to
+# clamp *final presentation values*.
+# (Reference: SVG 1.1 Appendix F.4)
+== anim-css-fill-overflow-1-by.svg       anim-css-fill-overflow-1-ref.svg
+== anim-css-fill-overflow-1-from-by.svg anim-css-fill-overflow-1-ref.svg # bug 515919
+== anim-css-stopcolor-overflow-1-from-by.svg anim-css-stopcolor-overflow-1-ref.svg # bug 515919
+== anim-css-floodcolor-overflow-1-from-by.svg anim-css-floodcolor-overflow-1-ref.svg # bug 515919
+
+# 'fill-opacity' property
+fuzzy(0-1,0-885) == anim-css-fillopacity-1-by.svg anim-css-fillopacity-1-ref.svg
+fuzzy(0-1,0-210) == anim-css-fillopacity-1-from-by.svg anim-css-fillopacity-1-ref.svg
+== anim-css-fillopacity-1-from-to.svg       anim-css-fillopacity-1-ref.svg
+fuzzy(0-1,0-550) == anim-css-fillopacity-1-to.svg anim-css-fillopacity-1-ref.svg
+== anim-css-fillopacity-2-paced.svg         anim-css-fillopacity-2-ref.svg
+fails == anim-css-fillopacity-3-clamp-big.svg     anim-css-fillopacity-3-ref.svg # bug 501188
+fuzzy(0-1,0-365) == anim-css-fillopacity-3-clamp-small.svg anim-css-fillopacity-3-ref.svg
+
+# 'font' shorthand property
+fuzzy-if(gtkWidget,255-255,1520-1520) == anim-css-font-1.svg  anim-css-font-1-ref.svg # Windows: Bug 1392106 Linux: Bug 1599619
+
+# 'font-size' property, from/by/to with pixel values only
+== anim-css-fontsize-1-from-by-px-px.svg    anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-to-px-px.svg    anim-css-fontsize-1-ref.svg
+
+# 'font-size' property (accepts unitless values)
+== anim-css-fontsize-1-from-to-no-no.svg    anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-to-no-px.svg    anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-to-px-no.svg    anim-css-fontsize-1-ref.svg
+
+# 'font-size' mapped attribute (accepts unitless values)
+== anim-mapped-fontsize-1-from-to-no-no.svg anim-css-fontsize-1-ref.svg
+== anim-mapped-fontsize-1-from-to-no-px.svg anim-css-fontsize-1-ref.svg
+== anim-mapped-fontsize-1-from-to-px-no.svg anim-css-fontsize-1-ref.svg
+
+# 'font-size' property, from/by/to with percent values
+== anim-css-fontsize-1-from-by-pct-pct.svg  anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-by-pct-px.svg   anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-by-px-pct.svg   anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-to-pct-pct.svg  anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-to-pct-px.svg   anim-css-fontsize-1-ref.svg
+== anim-css-fontsize-1-from-to-px-pct.svg   anim-css-fontsize-1-ref.svg
+
+# 'font-size' property, with negative addition
+== anim-css-fontsize-2-from-by-px-px.svg    anim-css-fontsize-2-ref.svg
+== anim-css-fontsize-2-from-by-px-em.svg    anim-css-fontsize-2-ref.svg
+== anim-css-fontsize-2-from-by-em-em.svg    anim-css-fontsize-2-ref.svg
+
+# 'stroke-dasharray' property, from/to with pixel values only
+fails == anim-css-strokedasharray-1.svg anim-css-strokedasharray-1-ref.svg # bug 474049
+
+# 'stroke-width' property, from/by/to with pixel values only
+== anim-css-strokewidth-1-by-px-px.svg        anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-by-px-px.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-to-px-px.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-to-px-px.svg        anim-css-strokewidth-1-ref.svg
+
+# 'stroke-width' property, from/by/to with unitless values only
+== anim-css-strokewidth-1-by-no-no.svg        anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-by-no-no.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-to-no-no.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-to-no-no.svg        anim-css-strokewidth-1-ref.svg
+
+# 'stroke-width' property, from/by/to with percent values
+# XXXdholbert the mixed pct + px tests fail right now, because we need calc()
+# in order to interpolate between pct and non-pct values, and we don't yet
+# support calc() for stroke-width & other SVG-specific properties.
+#
+# Bug 1258270 and 1386967
+== anim-css-strokewidth-1-by-pct-pct.svg                          anim-css-strokewidth-1-ref.svg
+fails == anim-css-strokewidth-1-by-pct-px.svg                     anim-css-strokewidth-1-ref.svg
+fails == anim-css-strokewidth-1-by-px-pct.svg                     anim-css-strokewidth-1-ref.svg
+fails-if(!useDrawSnapshot) == anim-css-strokewidth-1-from-by-pct-pct.svg anim-css-strokewidth-1-ref.svg # bug 1459418
+fails == anim-css-strokewidth-1-from-by-pct-px.svg                anim-css-strokewidth-1-ref.svg
+fails == anim-css-strokewidth-1-from-by-px-pct.svg                anim-css-strokewidth-1-ref.svg
+fails-if(!useDrawSnapshot) == anim-css-strokewidth-1-from-to-pct-pct.svg anim-css-strokewidth-1-ref.svg # bug 1459418
+fails == anim-css-strokewidth-1-from-to-pct-px.svg                anim-css-strokewidth-1-ref.svg
+fails == anim-css-strokewidth-1-from-to-px-pct.svg                anim-css-strokewidth-1-ref.svg
+fails-if(!useDrawSnapshot) == anim-css-strokewidth-1-to-pct-pct.svg anim-css-strokewidth-1-ref.svg # bug 1459418
+fails == anim-css-strokewidth-1-to-pct-px.svg                     anim-css-strokewidth-1-ref.svg
+fails == anim-css-strokewidth-1-to-px-pct.svg                     anim-css-strokewidth-1-ref.svg
+
+# 'stroke-width' property, from/by/to with em values
+== anim-css-strokewidth-1-by-px-em.svg        anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-by-em-em.svg        anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-by-em-px.svg        anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-by-px-em.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-by-em-em.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-by-em-px.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-to-px-em.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-to-em-em.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-from-to-em-px.svg   anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-to-px-em.svg        anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-to-em-em.svg        anim-css-strokewidth-1-ref.svg
+== anim-css-strokewidth-1-to-em-px.svg        anim-css-strokewidth-1-ref.svg
+
+# 'stroke-width' property, values-array & paced calc-mode support
+== anim-css-strokewidth-2-values-em-em.svg    anim-css-strokewidth-2-ref.svg
+== anim-css-strokewidth-2-values-em-px.svg    anim-css-strokewidth-2-ref.svg
+== anim-css-strokewidth-2-values-px-em.svg    anim-css-strokewidth-2-ref.svg
+fuzzy(0-1,0-360) == anim-css-strokewidth-2-values-px-px.svg anim-css-strokewidth-2-ref.svg
+== anim-css-strokewidth-3-paced.svg           anim-css-strokewidth-3-ref.svg
+
+# 'stroke-width' property, negative addition
+== anim-css-strokewidth-4-from-by-px-px.svg   anim-css-strokewidth-4-ref.svg
+== anim-css-strokewidth-4-from-by-px-em.svg   anim-css-strokewidth-4-ref.svg
+== anim-css-strokewidth-4-from-by-em-em.svg   anim-css-strokewidth-4-ref.svg
+fuzzy(0-1,0-170) == anim-css-strokewidth-4-from-by-no-no.svg anim-css-strokewidth-4-ref.svg
+
+# check correct handling of "!important" values
+== important-set-1.svg  anim-standard-ref.svg
+== important-set-2.svg  anim-standard-ref.svg
+
+# check namespaced attribute
+== namespaced-property-1.svg  anim-standard-ref.svg
+
+# 'letter-spacing' and 'word-spacing'
+== anim-css-letterspacing-1.svg anim-css-letterspacing-1-ref.svg
+== anim-css-wordspacing-1.svg anim-css-wordspacing-1-ref.svg
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-1.svg b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-1.svg
new file mode 100644
index 0000000000..5952d99125
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-1.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(1.5);
+        document.getElementById('a').removeAttribute('begin');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Deleting the begin spec whilst the element is active should not cause
+    a change notification to be generated.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="green"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-2.svg b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-2.svg
new file mode 100644
index 0000000000..c2db156479
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-2.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(1.2);
+        document.getElementById('a').removeAttribute('begin');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Deleting the begin spec whilst the syncbase element is active should not
+    cause a change notification to be generated since the begin time is fixed
+    once the element is active.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="green"
+      begin="a.begin+0.5s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-3.svg b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-3.svg
new file mode 100644
index 0000000000..103b0e780c
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-3.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(1.2);
+        document.getElementById('a').setAttribute('begin', '0s');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Changing the begin spec whilst the syncbase element is active should not
+    cause a change notification to be generated since the begin time is fixed
+    once the element is active.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="green"
+      begin="a.begin+0.5s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-4.svg b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-4.svg
new file mode 100644
index 0000000000..ef7ba61a94
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-change-spec-4.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+       document.documentElement.pauseAnimations();
+       document.documentElement.setCurrentTime(0);
+       document.getElementById('b').removeAttribute('begin');
+       document.getElementById('a').setAttribute('dur', '1s');
+       setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    1. Initially, we have a begin time that is dependent on an unresolved time
+       (a.end).
+    2. The begin attribute that created the begin time is then removed.
+    3. The base interval on which the begin time is dependent is then resolved.
+
+    In this case, the unresolved dependent begin should have been cleared in
+    at point 2 and no new interval should be created.
+   -->
+  <rect width="100" height="100" fill="green">
+    <!-- Base interval with unresolved end time -->
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"/>
+    <!-- Dependent interval -->
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="red" begin="a.end" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-resolved-1.svg b/layout/reftests/svg/smil/syncbase/changed-interval-resolved-1.svg
new file mode 100644
index 0000000000..d6bbd1da78
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-resolved-1.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    When the animations are initially set up there's potential for a change
+    notification once b is resolved.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="10s; b.begin" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+    <set attributeName="y" begin="1s" id="b" to="0"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-resolved-2.svg b/layout/reftests/svg/smil/syncbase/changed-interval-resolved-2.svg
new file mode 100644
index 0000000000..d4b3c681ef
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-resolved-2.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+      document.getElementById('c').setAttribute('id', 'b');
+      setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    When the animations are initially set up a change notice should resolved
+    when c's id is updated to b.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="10s; b.begin" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+    <set attributeName="y" begin="1s" id="c" to="0"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-simple-1.svg b/layout/reftests/svg/smil/syncbase/changed-interval-simple-1.svg
new file mode 100644
index 0000000000..3ba8c6687d
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-simple-1.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple case of a changing interval.
+    The end will be updated when the syncbase does an early end.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.end" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-simple-2.svg b/layout/reftests/svg/smil/syncbase/changed-interval-simple-2.svg
new file mode 100644
index 0000000000..fc7756800f
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-simple-2.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').beginElementAt(1);
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    We'll add another begin instance time at t=1s for 'a' by script, causing a
+    change notification.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="10s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-simple-3.svg b/layout/reftests/svg/smil/syncbase/changed-interval-simple-3.svg
new file mode 100644
index 0000000000..ae5f28fbfb
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-simple-3.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').endElementAt(1);
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    We'll add another end instance time at t=1s for 'a' by script, causing a
+    change notification.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.end" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-simple-4.svg b/layout/reftests/svg/smil/syncbase/changed-interval-simple-4.svg
new file mode 100644
index 0000000000..671e9cd370
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-simple-4.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    An early end should generate two change notices here and because
+    restart="whenNotActive" we should only apply the earlier one, regardless of
+    what order they arrive in.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1.5s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.end; a.end-0.5s" dur="2s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-simple-5.svg b/layout/reftests/svg/smil/syncbase/changed-interval-simple-5.svg
new file mode 100644
index 0000000000..07648813c1
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-simple-5.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').removeAttribute('begin');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Changing the begin attribute by script should cause a change notice to be
+    generated.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="red; red"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/changed-interval-sort-1.svg b/layout/reftests/svg/smil/syncbase/changed-interval-sort-1.svg
new file mode 100644
index 0000000000..6fbd62a462
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/changed-interval-sort-1.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple case of a changing interval to check that instances times are
+    re-sorted.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="3s; a.end" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cross-container-1.xhtml b/layout/reftests/svg/smil/syncbase/cross-container-1.xhtml
new file mode 100644
index 0000000000..72d7eb782e
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cross-container-1.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<!--
+  The simplest possible test of a cross-time container dependency.
+ -->
+<head>
+<script>
+function snapshot() {
+  var a = document.getElementById("svg-a");
+  var b = document.getElementById("svg-b");
+  b.pauseAnimations();
+  a.pauseAnimations();
+  b.setCurrentTime(1); // In document time, 'b' has now begun and therefore so
+                       // has 'a'
+  a.setCurrentTime(1); // So we only need seek forward 1s to get to the middle
+                       // of the animation
+  document.documentElement.removeAttribute("class");
+}
+</script>
+</head>
+<body onload="snapshot()">
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" id="svg-a">
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="fill" attributeType="CSS" id="a"
+      values="orange; green; purple" calcMode="discrete"
+      begin="b.begin" dur="2s"/>
+  </rect>
+</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" id="svg-b">
+  <set attributeName="y" to="0" begin="1s" id="b"/>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/syncbase/cross-container-2.xhtml b/layout/reftests/svg/smil/syncbase/cross-container-2.xhtml
new file mode 100644
index 0000000000..272b65ae75
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cross-container-2.xhtml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<!--
+  Check that pausing the base time container makes dependent times unresolved.
+ -->
+<head>
+<script><!----><![CDATA[
+function snapshot() {
+  var a = document.getElementById("svg-a");
+  var b = document.getElementById("svg-b");
+  a.pauseAnimations();
+  b.pauseAnimations();
+  a.setCurrentTime(2); // Since b is paused, the start time of a is now
+                       // unresolved.
+  // Check DOM state as well
+  var wrong = document.getElementById("wrong");
+  try {
+    document.getElementById("a").getStartTime();
+  } catch (e) {
+    if (e.name == "InvalidStateError" &&
+        e.code == DOMException.INVALID_STATE_ERR) {
+      wrong.style.setProperty('visibility', 'hidden', '');
+    }
+  }
+  document.documentElement.removeAttribute("class");
+}
+//]]></script>
+</head>
+<body onload="snapshot()">
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" id="svg-a">
+  <rect width="100" height="100" fill="green">
+    <set attributeName="fill" to="red" begin="b.begin" id="a"/>
+  </rect>
+  <g id="wrong">
+    <line stroke="black" stroke-width="8" x1="0" y1="0" x2="100" y2="100"/>
+    <line stroke="black" stroke-width="8" x1="0" y1="100" x2="100" y2="0"/>
+  </g>
+</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" id="svg-b">
+  <set attributeName="y" to="0" begin="1s" id="b"/>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/syncbase/cross-container-3.xhtml b/layout/reftests/svg/smil/syncbase/cross-container-3.xhtml
new file mode 100644
index 0000000000..d5e94ac12e
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cross-container-3.xhtml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<!--
+  Check that calls to beginElement cause the pause time to be updated.
+
+  This is an area that's underspecified so we're just going with what's
+  intuitive. A is supposed to start at the same time as B. However, whilst B is
+  paused, a script calls 'beginElement'. Yet A is not paused. Intuitively,
+  A should start at the time beginElement is called. However, unless we handle
+  this situation specifically, what happens instead is that A is considered to
+  begin at the time when B was paused as follows:
+
+
+    Document time:
+    0       1       2       3       4     ...
+  A:
+  B:        |.......*..........
+            ^ Pause starts here
+                    ^ beginElement called here
+
+  Intuitively, A should start at t=2s, not t=1s. To provide this behaviour we
+  must specifically handle it.
+
+  Perhaps a more fundamental question is whether a call to beginElement should
+  take effect whilst the document is paused. Currently it does. This is
+  consistent with Opera but not Safari.
+ -->
+<head>
+<script>
+function snapshot() {
+  var svgb = document.getElementById("svg-b");
+  svgb.pauseAnimations();
+  setTimeout('snapshotB()', 100);
+}
+
+function snapshotB() {
+  var svga = document.getElementById("svg-a");
+  svga.pauseAnimations();
+  var b = document.getElementById("b");
+  b.beginElement();
+  // Force a sample on the first document fragment before taking a snapshot
+  svga.setCurrentTime(svga.getCurrentTime());
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", snapshot, false);
+setTimeout(snapshot, 4000); // fallback for running outside reftest
+
+</script>
+</head>
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" id="svg-a">
+  <rect width="100" height="100" fill="orange">
+    <animate attributeName="fill" attributeType="CSS" id="a"
+      values="green; red"
+      begin="b.begin" dur="0.5s"/>
+  </rect>
+</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" id="svg-b">
+  <set attributeName="y" to="0" begin="indefinite" id="b"/>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-change-1.svg b/layout/reftests/svg/smil/syncbase/cycle-change-1.svg
new file mode 100644
index 0000000000..25a3c4ad39
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-change-1.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').beginElementAt(1);
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test that cycles don't cause problems for change notices as well.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin; 3s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-change-2.svg b/layout/reftests/svg/smil/syncbase/cycle-change-2.svg
new file mode 100644
index 0000000000..861be05c9a
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-change-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test that cycles don't cause problems for change notices as well. In this
+    case we have an early end.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin; 0s; 1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-delete-1.svg b/layout/reftests/svg/smil/syncbase/cycle-delete-1.svg
new file mode 100644
index 0000000000..79408a0483
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-delete-1.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').setAttribute('end', '0s');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test that cycles don't cause problems for deleted intervals.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin; 1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="red; red"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-invalid-1.svg b/layout/reftests/svg/smil/syncbase/cycle-invalid-1.svg
new file mode 100644
index 0000000000..863de4a938
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-invalid-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    An invalid cycle. Example 1 from SMIL3 section 5.4.5.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="red"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-invalid-2.svg b/layout/reftests/svg/smil/syncbase/cycle-invalid-2.svg
new file mode 100644
index 0000000000..97829d6554
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-invalid-2.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    An invalid cycle. Example 2 From SMIL3 section 5.4.5.
+   -->
+  <rect width="100" height="100" fill="blue">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="c.end" dur="4s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="b"
+      begin="a.begin" dur="3s"/>
+    <animate attributeName="fill" attributeType="CSS" id="c"
+      values="green; red"
+      begin="0" end="b.end"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-invalid-3.svg b/layout/reftests/svg/smil/syncbase/cycle-invalid-3.svg
new file mode 100644
index 0000000000..9e7d460aff
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-invalid-3.svg
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    An invalid cycle that propagates backwards.
+    Example 4 from SMIL3 section 5.4.5.
+
+    Regarding cycle detection SMIL 3.0 says:
+
+    "When a cycle is detected, the change propagation is ignored. The element
+    that detected the second visit ignores the second change notice, and so
+    breaks the cycle."
+
+    So we are only concerned with cycles amongst CHANGE notices. We understand
+    this as follows:
+
+    a: 5s-7s
+    new -> b: 4s-6s
+    new -> a: 3s-5s
+    change -> b: 2s-4s
+    change -> a: 1s-3s
+    change -> b: second change notice, break cycle!
+
+    Thus giving us:
+    a: 1s-3s; 3s-5s; 5s-7s
+    b: 2s-4s; 4s-6s
+
+    Opera gives us:
+    a: -1s-1s; 1s-3s; 3s-5s; 5s-7s
+    b: 0s-2s; 2s-4s; 4s-6s
+
+    Safari gives us:
+    a: 3s-5s; 5s-7s
+    b: 2s-4s; 4s-6s
+
+    Batik 1.7 gives:
+    a: 5s-7s
+    b: 4s-6s
+
+    Currently we have the result described above, i.e.
+    a: 1s-3s; 3s-5s; 5s-7s
+    b: 2s-4s; 4s-6s
+
+   -->
+  <rect y="100" width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="-50" to="50" id="a"
+      begin="5s; b.begin-1s" dur="2s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="green; orange"
+      begin="a.begin-1s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-invalid-4.svg b/layout/reftests/svg/smil/syncbase/cycle-invalid-4.svg
new file mode 100644
index 0000000000..ddf489308d
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-invalid-4.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').removeAttribute('dur');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A cycle that is valid at first but then becomes invalid.
+
+    So at first we have:
+    a: 0s-1.5s
+    new -> b: 1.5s-2.5s
+    new -> a: add 1.5s begin instance time
+
+    Remove 'dur' attr:
+    a: 0s-unresolved
+    change -> b: unresolved... delete interval
+    delete -> a: already visited <break>
+
+    a: 0s-unresolved
+    b: unresolved-unresolved
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin; 0s" dur="1.5s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="red; red"
+      begin="a.end" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-ok-1.svg b/layout/reftests/svg/smil/syncbase/cycle-ok-1.svg
new file mode 100644
index 0000000000..7040027044
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-ok-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A cycle that should be allowed.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin; 1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-ok-2.svg b/layout/reftests/svg/smil/syncbase/cycle-ok-2.svg
new file mode 100644
index 0000000000..df53f6f80c
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-ok-2.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A ping-pong cycle that should be allowed.
+    Example 3 from SMIL3 section 5.4.5.
+    We have:
+    t=0s --> b: 0s-1s, a: 1s-2s
+    t=1s --> a: 1s-2s, b: 1.5s->2.5s
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin+1s" dur="1s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="orange; green; purple"
+      begin="0s; a.begin+0.5s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-ok-3.svg b/layout/reftests/svg/smil/syncbase/cycle-ok-3.svg
new file mode 100644
index 0000000000..7ef9b866c1
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-ok-3.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('c').setAttribute('dur', '1s');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Based on Example 2 from SMIL3 section 5.4.5, an invalid cycle,
+    but made valid by a DOM call.
+
+    At first we have:
+    a: unresolved-unresolved
+    b: unresolved-unresolved
+    c: 0s-unresolved
+
+    Then we set dur on c=1s, giving us
+    a: 1s-1.5s
+    b: 1s-3s
+    c: 0s-1s
+   -->
+  <rect width="100" height="100" fill="blue">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="c.end" dur="0.5s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+    <animate attributeName="fill" attributeType="CSS" id="c"
+      values="red; red"
+      begin="0" end="b.end"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-ok-4.svg b/layout/reftests/svg/smil/syncbase/cycle-ok-4.svg
new file mode 100644
index 0000000000..02bd95f928
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-ok-4.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A cycle that should be allowed. Here ends and begins coincide.
+
+    So we have:
+    a: 0s-1.5s, 1.5s-3s, 3s-4.5s, ...
+    b: 1.5s-2.5s, 3s-4s, ...
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="b.begin; 0s" dur="1.5s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="orange; green; purple"
+      begin="a.end" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-ok-5.svg b/layout/reftests/svg/smil/syncbase/cycle-ok-5.svg
new file mode 100644
index 0000000000..f6597a0cc3
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-ok-5.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    From SVG 1.2 Tiny Test Suite, animate-elem-221-t.svg
+
+    This test case is interesting because begin is not set on the first
+    animation. If we incorrectly detect this as a deleted begin time and thus
+    a deleted interval we get stuck in a loop marking the interval as deleted
+    and the new.
+  -->
+  <rect y="100" width="100" height="100" fill="red">
+    <animate id="a1" attributeName="y" attributeType="XML"
+      from="-20" to="80" dur="10s"
+      end="a1.begin+6s" max="2.5s" />
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple" keyTimes="0; 0.1; 1" dur="10s"
+      begin="1s" end="a1.end+6s"
+      max="7.5s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-recursion-1.svg b/layout/reftests/svg/smil/syncbase/cycle-recursion-1.svg
new file mode 100644
index 0000000000..cb0411dc27
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-recursion-1.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('c').removeAttribute('dur');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    At first we have:
+    c: 0s-1s
+    new -> a: 1s-1.5s
+    new -> b: 1s-2s
+    new -> c: 0s-1s [end: 2s]
+
+    Then we remove dur on c giving us:
+    c: 0s-2s
+    change -> a: 2s-2.5s
+    change -> b: 2s-3s
+    change -> c: 0s-3s
+    change -> a: 3s-3.5s [Should break the cycle here]
+    change -> b: 3s-4s
+    change -> c: 0s-4s
+    etc. 
+
+    If we break on the second change notice we should arrive at:
+    a: 2s-2.5s
+    b: 2s-3s
+    c: 0s-3s
+   -->
+  <rect x="100" y="100" width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="c.end" dur="0.5s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="green; blue"
+      begin="a.begin" dur="1s"/>
+    <animate attributeName="x" attributeType="XML" id="c"
+      from="0" to="100" fill="freeze"
+      begin="0" end="b.end" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-recursion-2.svg b/layout/reftests/svg/smil/syncbase/cycle-recursion-2.svg
new file mode 100644
index 0000000000..df859a5305
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-recursion-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+     If we don't detect the cycle here, we'll keep doing reverse propagation for
+     a very long time. Probably long enough for something to go really wrong.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="100" to="100" id="a"
+      begin="20h; b.begin-1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="red; red"
+      begin="a.begin-1s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-self-ref-1.svg b/layout/reftests/svg/smil/syncbase/cycle-self-ref-1.svg
new file mode 100644
index 0000000000..2163529726
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-self-ref-1.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A valid self-referential cycle.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="fill" attributeType="CSS" id="a"
+      values="orange; green; purple"
+      begin="a.begin+1.5s; -0.5s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-self-ref-2.svg b/layout/reftests/svg/smil/syncbase/cycle-self-ref-2.svg
new file mode 100644
index 0000000000..b5fe6e1dd4
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-self-ref-2.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A valid self-referential cycle.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="fill" attributeType="CSS" id="a"
+      values="orange; green; purple"
+      begin="a.end; -1s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-self-ref-3.svg b/layout/reftests/svg/smil/syncbase/cycle-self-ref-3.svg
new file mode 100644
index 0000000000..50fdaf9739
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-self-ref-3.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A valid self-referential cycle.
+
+    We have a 4s animation which should give us green after 1s of its active
+    duration. The active duration is constrained to 2s using a self-referential
+    end spec. Furthermore a self-referential begin spec causes the animation to
+    restart as soon as it begins.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="fill" attributeType="CSS" id="a"
+      values="orange; green; blue; yellow; purple"
+      begin="a.end; -1s" end="a.begin+2s" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-self-ref-4.svg b/layout/reftests/svg/smil/syncbase/cycle-self-ref-4.svg
new file mode 100644
index 0000000000..c53b3c5fa7
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-self-ref-4.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="byeByeB()">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+  function byeByeB()
+  {
+    document.documentElement.pauseAnimations();
+    document.documentElement.setCurrentTime(0);
+    // Drop b
+    var b = document.getElementById('b');
+    b.parentNode.removeChild(b);
+    b = null;
+    // Snapshot at time t=4s. This is because there are two possible error cases
+    // we want to detect:
+    // i) b disappears and we just keep the existing time for a.begin+1s of t=2s
+    // ii) b disappears and we update the time for a.begin+1s to t=3s
+    setTimeAndSnapshot(4, false);
+  }
+  </script>
+  <!-- We have an arrangement where a is dependent on b and itself. If b's
+       interval disappears while a is still in the waiting state then the begin
+       time "a.begin+1s" should disappear too since a never begun. -->
+  <rect width="100" height="100" fill="green">
+    <set id="a" attributeName="fill" attributeType="CSS" to="red"
+      begin="b.begin; a.begin+1s"/>
+    <set id="b" attributeName="y" attributeType="XML" to="0"
+      begin="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/cycle-self-ref-5.svg b/layout/reftests/svg/smil/syncbase/cycle-self-ref-5.svg
new file mode 100644
index 0000000000..e0e36e152a
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/cycle-self-ref-5.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="byeByeB()">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script type="text/javascript">
+  function byeByeB()
+  {
+    document.documentElement.pauseAnimations();
+    document.documentElement.setCurrentTime(2.5);
+    // Drop b
+    var b = document.getElementById('b');
+    b.parentNode.removeChild(b);
+    b = null;
+    setTimeAndSnapshot(8, false);
+  }
+  </script>
+  <!-- Similar to cycle-self-ref-4.svg but with end times.
+
+       We have an arrangement where a's end time is dependent on b and on
+       itself.
+
+       Initially:
+       - a's end time will be resolved as "b.end", i.e. 3s.
+       - Accordingly, the instance time for "a.end+2s" will be 5s (3s+2s).
+       - i.e. a's list of end instance times will be: [3, 5, 9].
+
+       If b's interval disappears (because we delete b):
+       - The end time "b.end" will become unresolved.
+       - i.e. a's list of end instance times will be: [5, 9, unresolved].
+
+       However, when updating a's end time we should not use the "5s" instance
+       time since it is based on a's end time which is what we are updating.
+
+       Expected behaviour:
+       - The instance time of "5s" will be skipped and the time of "9s" will be
+         used instead.
+       - At t=8s the animation will still be playing and the rectangle will be
+         green.
+
+       Failure behaviour:
+       - The next end instance time in the list will be used, giving a an end
+         time of 5s.
+       - The time "a.end+2s" will then be accordingly updated to 7s since a's
+         end time is now 5s. (Any subsequent attempts to update the time will be
+         ignored according to SMIL's cycle detection rules.)
+       - At t=8s the animation will have stopped and the rectangle will be red.
+   -->
+  <rect width="100" height="100" fill="red">
+    <set id="a" attributeName="fill" attributeType="CSS" to="green"
+      begin="2s" end="b.end; a.end+2s; 9s"/>
+    <set id="b" attributeName="y" attributeType="XML" to="0"
+      begin="1s" end="3s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/deleted-interval-simple-1.svg b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-1.svg
new file mode 100644
index 0000000000..cb516275a8
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-1.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').setAttribute('end', '0s');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple case of a deleting interval.
+    The timebase interval is made invalid by script and hence a delete
+    notification should be propagated to the dependent interval.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="red; red"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/deleted-interval-simple-2.svg b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-2.svg
new file mode 100644
index 0000000000..6e4df7dbce
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-2.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0.75);
+        document.getElementById('a').setAttribute('restart', 'never');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Originally we have an interval from -1.5s to 0.5s. We'll ignore 'a's begin
+    time of t=0s because we are restart="whenNotActive".
+    At time t=0.1s, 'a' will create a new interval from 1.0 to 1.1s and we'll
+    add the new instance time of 1.0s.
+    However, at t=0.75s the restart mode of 'a' is changed to restart="never"
+    therefore the second interval is deleted and the change should be propagated
+    to us.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1s" dur="0.1s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="red; red"
+      begin="-1.5s; a.begin" dur="2s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/deleted-interval-simple-3.svg b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-3.svg
new file mode 100644
index 0000000000..7f290b8a0c
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-3.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0.25);
+        document.getElementById('a').setAttribute('restart', 'never');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    As with deleted-interval-simple-2.svg but this time we should get the
+    deleted interval notice while in the active state.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1s" dur="0.1s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="red; red"
+      begin="-1.5s; a.begin" dur="2s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/deleted-interval-simple-4.svg b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-4.svg
new file mode 100644
index 0000000000..e7d1a8e599
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-4.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').beginElementAt(0.5);
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Originally the third animation's interval is from 1s->3s, but then by
+    script we add another begin time to 'a' at 0.5, and since 'a' can't
+    restart, this is the only begin time it will ever generate. Therefore, all
+    the ends for animation 'b' are before the begin, and there's no valid
+    interval.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="3s" dur="10s" restart="never"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="b"
+      begin="1s" end="a.begin" dur="3s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="red; red"
+      begin="b.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/deleted-interval-simple-5.svg b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-5.svg
new file mode 100644
index 0000000000..677c960330
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/deleted-interval-simple-5.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').removeAttribute('dur');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A case of a changing interval that causes another interval to have an
+    unresolved begin time and hence be deleted.
+   -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s" dur="1s"/>
+    <animate attributeName="fill" attributeType="CSS" id="b"
+      values="red; red"
+      begin="a.end" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/filtered-interval-1.svg b/layout/reftests/svg/smil/syncbase/filtered-interval-1.svg
new file mode 100644
index 0000000000..2ed6d549be
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/filtered-interval-1.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    This test ensures that even if we have an old interval, if it is part of an
+    active dependency chain it should not be filtered.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <!-- This animation is indirectly dependent on anim 'b' and hence, even
+         though it appears earlier in the document it should be given
+         priority. -->
+    <set attributeName="fill" to="green" begin="a.begin"/>
+
+    <!-- This will generate a series of short intervals such that by t=2s the
+         interval via which the first animation depends on b might be considered
+         as a candidate for filtering. -->
+    <set attributeName="width" to="100" begin="b.begin-2s; a.begin+0.2s"
+      dur="0.1s" id="a"/>
+
+    <set attributeName="fill" to="red" begin="2s" id="b"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/green-box-ref.svg b/layout/reftests/svg/smil/syncbase/green-box-ref.svg
new file mode 100644
index 0000000000..120941444a
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/green-box-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="100" fill="green"/>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/green-box-ref.xhtml b/layout/reftests/svg/smil/syncbase/green-box-ref.xhtml
new file mode 100644
index 0000000000..ce0bc78f12
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/green-box-ref.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" width="120px" height="120px">
+  <rect width="100" height="100" fill="green"/>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-chain-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-chain-1.svg
new file mode 100644
index 0000000000..ec71c47eee
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-chain-1.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test some chained interval creation.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1s" dur="4s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="b"
+      begin="a.begin" dur="4s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="c"
+      begin="b.begin-1s" dur="4s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="d"
+      begin="c.begin+0.5s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="d.begin; a.begin" dur="5s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-chain-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-chain-2.svg
new file mode 100644
index 0000000000..831f12e262
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-chain-2.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test some chained interval creation.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1s" dur="4s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="b"
+      begin="a.begin" dur="4s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="c"
+      begin="b.begin-1s" dur="4s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="d"
+      begin="c.begin+0.5s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="d.begin; a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-1.svg
new file mode 100644
index 0000000000..17f5daf97e
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a relationship where one element depends on another twice.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin+0.5s; a.begin" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-2.svg
new file mode 100644
index 0000000000..1f669b0898
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a relationship where one element depends on another twice.
+    (As with previous test but reversing the order of the specifications.)
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin; a.begin+0.5s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-3.svg b/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-3.svg
new file mode 100644
index 0000000000..d3d2908ebd
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-doubly-dependent-3.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a relationship where one element depends on another twice and where the
+    restart mode should cause one instance time to be ignored.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin+0.5s; a.begin" dur="2s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-early-end-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-early-end-1.svg
new file mode 100644
index 0000000000..3fd87aff8f
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-early-end-1.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test an early end with a negative offset.
+    (An early end is when a new interval restarts the current animation
+    mid-way.)
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 2s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-0.5s" dur="1s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-early-end-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-early-end-2.svg
new file mode 100644
index 0000000000..9dc79c318d
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-early-end-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test an early end where two times could be chosen for the following
+    interval.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1.5s" dur="1s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin+0.25s; a.begin" dur="1s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-early-end-3.svg b/layout/reftests/svg/smil/syncbase/new-interval-early-end-3.svg
new file mode 100644
index 0000000000..de8920f48f
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-early-end-3.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test an early end where two times could be chosen for the following
+    interval.
+    (As before but with a negative offset.)
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1.75s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-0.25s; a.begin" dur="1s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-early-end-4.svg b/layout/reftests/svg/smil/syncbase/new-interval-early-end-4.svg
new file mode 100644
index 0000000000..e46c2d62da
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-early-end-4.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test an early end where two times could be chosen for the following
+    interval.
+    (As before but with a negative offset and with the second animation getting
+    overlapping intervals from a's begin times, with one such interval being
+    rejected since it overlaps an already-completed interval when it's
+    created.)
+
+    Details: At time t=1.75, we generate an interval starting at 1.35 for the
+    second animation.  However, this overlaps that animation's already-complete
+    previous interval from 0.4s to 1.4s (which is "already complete" because
+    we're at t=1.75, past its end at 1.4s). So, the new interval is rejected.
+    -->
+  <rect width="100" height="100" fill="green">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1.75s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="red"
+      begin="a.begin-0.4s; a.begin+0.4s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-early-end-5.svg b/layout/reftests/svg/smil/syncbase/new-interval-early-end-5.svg
new file mode 100644
index 0000000000..545e640a22
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-early-end-5.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test two early ends where one generates an earlier time for the other.
+
+    So both restart at 1.5s, and both old intervals should be ended off. Hence
+    the syncbase time should be ignored.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0.5s; 1.5s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="0.75s; 1.5s; a.begin-0.5s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-early-end-6.svg b/layout/reftests/svg/smil/syncbase/new-interval-early-end-6.svg
new file mode 100644
index 0000000000..f4ea84c903
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-early-end-6.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test two early ends where one generates a later time for the other.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0.5s; 1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="0.5s; 1s; a.begin+0.5s" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-early-end-7.svg b/layout/reftests/svg/smil/syncbase/new-interval-early-end-7.svg
new file mode 100644
index 0000000000..79f99594a5
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-early-end-7.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test that we don't apply an early end too soon.
+
+    Although the second animation will have an interval from 2s-6s, it shouldn't
+    be informed about this until the early end happens, at t=3s. Until that time
+    it should be expecting to start at t=4s.
+
+    If the second animation is started at t=2s it means the early end has been
+    applied too soon.
+   -->
+  <rect width="100" height="100" fill="green">
+    <set attributeName="y" attributeType="XML" to="0" id="a"
+      begin="0s; 3s" dur="5s"/>
+    <set attributeName="fill" attributeType="CSS"
+      to="red" begin="a.end-1s" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-end-dep-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-end-dep-1.svg
new file mode 100644
index 0000000000..4140569239
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-end-dep-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    The simplest possible end dependency.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s" dur="1s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.end" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-end-negative-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-end-negative-1.svg
new file mode 100644
index 0000000000..0ba96dbeb4
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-end-negative-1.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a dependency with a negative offset that occurs at the end of another
+    interval.
+
+    This is one of the most important tests in the suite.
+
+    REALLY IMPORTANT: Suppose we generate a new instance time, placed at a
+    particular instant during the previous interval. In fact, correct behavior
+    depends on *when* we generate this instance time. If we generate it AFTER
+    the previous interval has ended, then the new instance time will be
+    IGNORED. However, if we generate it BEFORE the previous interval has ended
+    (and if restart="always"), then a new interval will be generated, and the
+    animation will restart.
+    (To be absolutely clear: above, the words "AFTER" and "BEFORE" describe
+    *when the instance time is generated*, as opposed to *where on the timeline
+    the instance time is placed*).
+
+    So, if a new instance time is generated at the same time as an interval is
+    due to end what should happen? SMIL's endpoint-exclusive timing seems to
+    imply that interval ends should be processed first and hence the new
+    instance time should be ignored. Opera, WebKit and Batik seem to agree on
+    this.
+
+    Hence why this test is so important. It tests that we are actually
+    processing ends first.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1.5s" dur="1.5s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green" fill="freeze"
+      begin="a.begin-0.5s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-end-negative-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-end-negative-2.svg
new file mode 100644
index 0000000000..e9c1f2f448
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-end-negative-2.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a dependency with a negative offset that occurs at the end of another
+    interval.
+    (As with the previous test but with an early end.)
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1.5s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green" fill="freeze"
+      begin="a.begin-0.5s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-freeze-begin-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-freeze-begin-1.svg
new file mode 100644
index 0000000000..07df8fc111
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-freeze-begin-1.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(1.5);
+        document.getElementById('a').setAttribute('begin', '3s');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Tests that when we create an interval we freeze the begin time once it has
+    started.
+
+    So we have:
+
+    a: begin: 2s
+    b: begin: a.begin-1s
+
+    at t=1s, b begins
+    at t=1.5s, a's begin time is updated to 3s which will create a change notice
+
+    However, b should not then restart at t=2s regardless of the restart mode
+    because once the interval has started the begin time is fixed.
+   -->
+  <rect width="100" height="100" fill="red">
+    <set attributeName="y" attributeType="XML" to="0" id="a" begin="2s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-1s" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-1.svg
new file mode 100644
index 0000000000..8116606d74
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Simple case of a negative offset.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-0.5s" dur="3s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-2.svg
new file mode 100644
index 0000000000..e06b9607d8
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-2.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Simple case of a negative offset before the syncbase has begun.
+
+    SMILANIM 3.3.6 Propagating changes to times has:
+
+      When an element begins or ends, the time dependents of the element are
+      effectively notified of the action, and the schedule for the time
+      dependents may be affected. Note than an element must actually begin
+      before any of the time dependents (dependent on the begin) are affected,
+      and that an element must actually end before any of the time dependents
+      (dependent on the end) are affected.
+
+    This would suggest that a time dependent that is defined to start BEFORE its
+    syncbase does not actually start until the syncbase starts. However Opera,
+    WebKit, and Batik all agree that when we know when the syncbase will start,
+    we resolve the negative offset in advance.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="3s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="green; orange"
+      begin="a.begin-1s" dur="3s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-3.svg b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-3.svg
new file mode 100644
index 0000000000..fc8f5c0324
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-3.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple syncbase relationship using a negative offset that creates a begin
+    time before the document begin. We're really just testing for unwanted
+    clamping here.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-3s" dur="8s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-4.svg b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-4.svg
new file mode 100644
index 0000000000..663e3c562a
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-negative-offset-4.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple syncbase relationship using a negative offset that creates a begin
+    time of 0. Just checking that 0 is not treated as a special value.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="2s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-2s" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-negative-syncbase-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-negative-syncbase-1.svg
new file mode 100644
index 0000000000..428becb376
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-negative-syncbase-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple syncbase relationship using negative times.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="-1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-1s" dur="8s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-restart-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-restart-1.svg
new file mode 100644
index 0000000000..ce7f6480d1
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-restart-1.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple test that a syncbase that fires twice will also cause its dependent
+    to run twice (assuming restart="always" which is the default).
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0.5s; 1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-restart-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-restart-2.svg
new file mode 100644
index 0000000000..dc03b9bcac
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-restart-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test that restart="whenNotActive" on the syncbase prevents a new instance
+    time from being propagated to the time dependent.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s; 1.5s" dur="4s" restart="whenNotActive"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-restart-3.svg b/layout/reftests/svg/smil/syncbase/new-interval-restart-3.svg
new file mode 100644
index 0000000000..78e79d8c83
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-restart-3.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test that restart="whenNotActive" on the time dependent causes new instance
+    times from the syncbase to be ignored.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s; 1.5s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s" restart="whenNotActive"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-sample-order-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-sample-order-1.svg
new file mode 100644
index 0000000000..3f7b668b02
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-sample-order-1.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test that ends are sampled first.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="-3s; 1.5s" dur="20s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-0.5s; 1.5s" dur="2s" restart="whenNotActive"/>
+    <!--
+      So initially we have:
+      a: -3->17s
+      (b): -3.5->-1.5s (instance times: -3.5s, 1.5s)
+
+      At t=1.5s we get an early end on 'a', giving us:
+      a: 1.5->21.5s
+      (b): 1.0->3.0s (instance times: 1.0s, 1.5s)
+
+      If, at t=1.5s, we sample the second animation first, we'll start an
+      interval from 1.5s instead of 1.0s. So this is a test that ends are
+      actually sampled first.
+     -->
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-simple-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-simple-1.svg
new file mode 100644
index 0000000000..ed0ea22d62
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-simple-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    The simplest possible syncbase test.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-simple-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-simple-2.svg
new file mode 100644
index 0000000000..25d627805b
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-simple-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    A simple syncbase relationship where the syncbase appears after the
+    time dependent in the document.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin" dur="2s"/>
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-1.svg
new file mode 100644
index 0000000000..c3b7cc3ead
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-1.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a relationship where one element depends on another thrice.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin; a.begin; a.begin" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-2.svg b/layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-2.svg
new file mode 100644
index 0000000000..b1ade9c624
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-triply-dependent-2.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a relationship where one element depends on another thrice.
+    (As before but with different offsets.)
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="1s" dur="4s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green; purple"
+      begin="a.begin-0.5s; a.begin+0.5s; a.begin" dur="1s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/reftest.list b/layout/reftests/svg/smil/syncbase/reftest.list
new file mode 100644
index 0000000000..52728b2a53
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/reftest.list
@@ -0,0 +1,99 @@
+# Tests related to SVG Animation (using SMIL) that use syncbase timing.
+
+# New intervals
+== new-interval-simple-1.svg green-box-ref.svg
+== new-interval-simple-2.svg green-box-ref.svg
+== new-interval-negative-offset-1.svg green-box-ref.svg
+== new-interval-negative-offset-2.svg green-box-ref.svg
+== new-interval-negative-offset-3.svg green-box-ref.svg
+== new-interval-negative-offset-4.svg green-box-ref.svg
+== new-interval-negative-syncbase-1.svg green-box-ref.svg
+== new-interval-restart-1.svg green-box-ref.svg
+== new-interval-restart-2.svg green-box-ref.svg
+== new-interval-restart-3.svg green-box-ref.svg
+== new-interval-early-end-1.svg green-box-ref.svg
+== new-interval-early-end-2.svg green-box-ref.svg
+== new-interval-early-end-3.svg green-box-ref.svg
+== new-interval-early-end-4.svg green-box-ref.svg
+== new-interval-early-end-5.svg green-box-ref.svg
+== new-interval-early-end-6.svg green-box-ref.svg
+== new-interval-early-end-7.svg green-box-ref.svg
+== new-interval-doubly-dependent-1.svg green-box-ref.svg
+== new-interval-doubly-dependent-2.svg green-box-ref.svg
+== new-interval-doubly-dependent-3.svg green-box-ref.svg
+== new-interval-triply-dependent-1.svg green-box-ref.svg
+== new-interval-triply-dependent-2.svg green-box-ref.svg
+== new-interval-end-negative-1.svg green-box-ref.svg
+== new-interval-end-negative-2.svg green-box-ref.svg
+== new-interval-end-dep-1.svg green-box-ref.svg
+== new-interval-chain-1.svg green-box-ref.svg
+== new-interval-chain-2.svg green-box-ref.svg
+== new-interval-sample-order-1.svg green-box-ref.svg
+== new-interval-freeze-begin-1.svg green-box-ref.svg
+
+# Changing intervals
+== changed-interval-simple-1.svg green-box-ref.svg
+== changed-interval-simple-2.svg green-box-ref.svg
+== changed-interval-simple-3.svg green-box-ref.svg
+== changed-interval-simple-4.svg green-box-ref.svg
+== changed-interval-simple-5.svg green-box-ref.svg
+== changed-interval-resolved-1.svg green-box-ref.svg
+== changed-interval-resolved-2.svg green-box-ref.svg
+== changed-interval-sort-1.svg green-box-ref.svg
+== changed-interval-change-spec-1.svg green-box-ref.svg
+== changed-interval-change-spec-2.svg green-box-ref.svg
+== changed-interval-change-spec-3.svg green-box-ref.svg
+== changed-interval-change-spec-4.svg green-box-ref.svg
+
+# Deleted intervals
+== deleted-interval-simple-1.svg green-box-ref.svg
+== deleted-interval-simple-2.svg green-box-ref.svg
+== deleted-interval-simple-3.svg green-box-ref.svg
+== deleted-interval-simple-4.svg green-box-ref.svg
+== deleted-interval-simple-5.svg green-box-ref.svg
+
+# Trimmed intervals
+== trimmed-interval-1.svg green-box-ref.svg
+
+# Cyclic dependencies
+== cycle-ok-1.svg green-box-ref.svg
+== cycle-ok-2.svg green-box-ref.svg
+== cycle-ok-3.svg green-box-ref.svg
+== cycle-ok-4.svg green-box-ref.svg
+== cycle-ok-5.svg green-box-ref.svg
+== cycle-self-ref-1.svg green-box-ref.svg
+== cycle-self-ref-2.svg green-box-ref.svg
+== cycle-self-ref-3.svg green-box-ref.svg
+== cycle-self-ref-4.svg green-box-ref.svg
+== cycle-self-ref-5.svg green-box-ref.svg
+== cycle-invalid-1.svg green-box-ref.svg
+== cycle-invalid-2.svg green-box-ref.svg
+== cycle-invalid-3.svg green-box-ref.svg
+== cycle-invalid-4.svg green-box-ref.svg
+== cycle-change-1.svg green-box-ref.svg
+== cycle-change-2.svg green-box-ref.svg
+== cycle-delete-1.svg green-box-ref.svg
+== cycle-recursion-1.svg green-box-ref.svg
+== cycle-recursion-2.svg green-box-ref.svg
+
+# Animation sandwich priority
+== sandwich-priority-1.svg green-box-ref.svg
+== sandwich-priority-2.svg green-box-ref.svg
+== sandwich-priority-3.svg green-box-ref.svg
+== sandwich-priority-4.svg green-box-ref.svg
+== sandwich-priority-5.svg green-box-ref.svg
+== sandwich-priority-6.svg green-box-ref.svg
+== sandwich-priority-7.svg green-box-ref.svg
+== sandwich-priority-8.svg green-box-ref.svg
+== sandwich-priority-9.svg green-box-ref.svg
+== sandwich-priority-10.svg green-box-ref.svg
+== sandwich-priority-11.svg green-box-ref.svg
+== sandwich-priority-12.svg green-box-ref.svg
+
+# Cross-time container dependencies
+== cross-container-1.xhtml green-box-ref.xhtml
+== cross-container-2.xhtml green-box-ref.xhtml
+== cross-container-3.xhtml green-box-ref.xhtml
+
+# Filtering
+== filtered-interval-1.svg green-box-ref.svg
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-1.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-1.svg
new file mode 100644
index 0000000000..9d99fa0829
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-1.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    Normally, the second element would win because it appears later in the
+    document, but since the first element is dependent on the second, it should
+    apply on top of the second.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="green" begin="a.begin"/>
+    <set attributeName="fill" to="red"   begin="0s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-10.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-10.svg
new file mode 100644
index 0000000000..0732c695f5
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-10.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+      document.documentElement.pauseAnimations();
+      document.documentElement.setCurrentTime(0);
+      document.getElementById('b').setAttribute('end', 'a.begin');
+      setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    Tests a change to an interval end that leaves the time the same but changes
+    the dependency chain.
+
+    At first c is dependent on b only.
+    Then via script we make b dependent on a's begin time so that c's begin time
+    is indirectly dependent on a's begin time and so should have a higher
+    priority.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="green"  begin="b.end"       id="c"/>
+    <set attributeName="fill" to="orange" begin="0s" end="1s" id="b"/>
+    <set attributeName="fill" to="red"    begin="1s"          id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-11.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-11.svg
new file mode 100644
index 0000000000..05407bd6c9
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-11.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    Test in the waiting state, with frozen animation effects from an
+    earlier interval.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="green" begin="a.begin" dur="1s"
+      fill="freeze"/>
+    <set attributeName="fill" to="red"   begin="0s; 3s"  dur="1s" id="a"
+      fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-12.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-12.svg
new file mode 100644
index 0000000000..8164e56fa8
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-12.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(0);
+        document.getElementById('a').beginElementAt(1);
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    This case includes a complex cycle that should nevertheless produce
+    consistent results.
+
+    If this fails, it will fail intermittently. The test is not so much
+    concerned with which colour should win (there are other tests for that) but
+    simply with determinancy.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" id="a" to="green" begin="b.begin; 3s"/>
+    <set attributeName="fill" id="b" to="red" begin="a.begin"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-2.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-2.svg
new file mode 100644
index 0000000000..3d6d458f50
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-2.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    A longer chain.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="blue"  begin="a.begin-0.5s" id="b"/>
+    <set attributeName="fill" to="green" begin="d.begin"/>
+    <set attributeName="fill" to="black" begin="c.begin-0.5s" id="d"/>
+    <set attributeName="x"    to="0"     begin="b.begin+1s"   id="c"/>
+    <set attributeName="fill" to="red"   begin="1s"           id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-3.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-3.svg
new file mode 100644
index 0000000000..f8ba708d75
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-3.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    This chain goes through end and begin specs but SMIL seems to imply that
+    it's only when one element's begin time is dependent on another's begin time
+    that it affects the chaining because it should act as if the time base begun
+    before the the dependent.  So in this case 'c' is (indirectly) dependent on
+    'a's end time and so shouldn't be given the higher priority.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="red"   begin="b.begin-1s"  id="c"/>
+    <set attributeName="x"    to="0"     begin="a.end-1s"    id="b"/>
+    <set attributeName="fill" to="green" begin="1s" dur="2s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-4.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-4.svg
new file mode 100644
index 0000000000..7ce158672a
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-4.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    This case includes a cycle.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" id="b" to="green" begin="a.begin"/>
+    <set attributeName="fill" id="a" to="red"   begin="0s; b.begin"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-5.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-5.svg
new file mode 100644
index 0000000000..05d82ffdf1
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-5.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    This case includes many cycles.
+
+    c is dependent on a.
+    b is dependent on c.
+    So b is the most dependent and should be on top.
+   -->
+  <rect width="100" height="100" fill="purple">
+    <set attributeName="fill" id="c" to="orange" begin="a.begin; b.begin"/>
+    <set attributeName="fill" id="b" to="green"  begin="c.begin; b.begin"/>
+    <set attributeName="fill" id="a" to="red"    begin="1s; b.begin; c.begin"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-6.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-6.svg
new file mode 100644
index 0000000000..a27b81dfab
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-6.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    Test in the postactive state.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="green" begin="a.begin"
+      dur="1s" fill="freeze"/>
+    <set attributeName="fill" to="red"   begin="0s" id="a"
+      dur="1s" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-7.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-7.svg
new file mode 100644
index 0000000000..db72072a75
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-7.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    Test for true dependency checking.
+
+    We construct a tree as follows:
+
+         b-c
+      a<
+         d
+
+    If we're doing naive dependency checking that only considers the depth of
+    a dependency in the tree we'll end up saying that 'c' is dependent on 'd'
+    but it's not.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="yellow" begin="1s"      dur="2s" id="a"/>
+    <set attributeName="fill" to="purple" begin="a.begin" dur="2s" id="b"/>
+    <set attributeName="fill" to="red"    begin="b.begin" dur="2s" id="c"/>
+    <set attributeName="fill" to="green"  begin="a.begin" dur="2s" id="d"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-8.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-8.svg
new file mode 100644
index 0000000000..7d31b87bff
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-8.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+      document.documentElement.pauseAnimations();
+      document.documentElement.setCurrentTime(0);
+      document.getElementById('b').setAttribute('begin', 'a.begin');
+      setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    Test that we don't filter out a change to the timing model that does not
+    affect the start time of an interval but which DOES affect the dependency
+    chain.
+
+    Given the arrangement below, 'a' will have higher priority, as it is later
+    in the document. However, via script, we make 'b' dependent on 'a' giving
+    it a higher priority whilst preserving the interval times.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="green" begin="1s" id="b"/>
+    <set attributeName="fill" to="red"   begin="1s" id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/sandwich-priority-9.svg b/layout/reftests/svg/smil/syncbase/sandwich-priority-9.svg
new file mode 100644
index 0000000000..d8ec1709cd
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/sandwich-priority-9.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+      document.documentElement.pauseAnimations();
+      document.documentElement.setCurrentTime(0);
+      document.getElementById('b').setAttribute('begin', 'a.begin');
+      setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test of animation sandwich priority based on syncbase dependencies.
+
+    As with test 8 but here we check that such changes are propagated to
+    dependent elements.
+   -->
+  <rect width="100" height="100" fill="orange">
+    <set attributeName="fill" to="yellow" begin="1s"      id="b"/>
+    <set attributeName="fill" to="green"  begin="b.begin" id="c"/>
+    <set attributeName="fill" to="red"    begin="1s"      id="a"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/syncbase/trimmed-interval-1.svg b/layout/reftests/svg/smil/syncbase/trimmed-interval-1.svg
new file mode 100644
index 0000000000..c22af2e315
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/trimmed-interval-1.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="
+        document.documentElement.pauseAnimations();
+        document.documentElement.setCurrentTime(1);
+        document.getElementById('a').setAttribute('end', '0s');
+        setTimeAndSnapshot(2, false)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    The timebase interval is updated such that it would be deleted but because
+    it is active, it is trimmed instead. Test that the dependent interval is
+    notified accordingly.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0.5s" dur="10s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="purple; green; orange" keyTimes="0; 0.75; 1"
+      begin="a.end" dur="2s"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-1a-ref.svg b/layout/reftests/svg/smil/timed/appendChild-1a-ref.svg
new file mode 100644
index 0000000000..65d4170afa
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-1a-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+  </rect>
+  <rect id="rect2" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-1a.svg b/layout/reftests/svg/smil/timed/appendChild-1a.svg
new file mode 100644
index 0000000000..4d740087c1
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-1a.svg
@@ -0,0 +1,30 @@
+<!-- This test's animation sets x=100 from 1sec to 1.5sec.  We'll
+     remove the animate element at time 1.1sec to capture this, and
+     then wait a little, and make sure the animation is frozen there. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      var rect1 = document.getElementById("rect1");
+      var rect2 = document.getElementById("rect2");
+      var anim = document.getElementById("anim");
+      rect2.appendChild(anim);
+
+      // Wait >= 1s before taking screenshot, to give animation time to finish
+      setTimeout('document.documentElement.removeAttribute("class")', 1100);
+    }
+    function delay_go() {
+      setTimeout(go, 1100);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+    <animate id="anim" attributeName="x" 
+             dur="2s" values="0; 50; 100; 150"
+             calcMode="discrete" />
+  </rect>
+  <rect id="rect2" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-1b-ref.svg b/layout/reftests/svg/smil/timed/appendChild-1b-ref.svg
new file mode 100644
index 0000000000..cee137ecc9
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-1b-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect id="rect2" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-1b.svg b/layout/reftests/svg/smil/timed/appendChild-1b.svg
new file mode 100644
index 0000000000..cedf58a8f6
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-1b.svg
@@ -0,0 +1,29 @@
+<!-- This test makes the first rect white (invisible), so that we can
+     focus just on the second rect. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      var rect1 = document.getElementById("rect1");
+      var rect2 = document.getElementById("rect2");
+      var anim = document.getElementById("anim");
+      rect2.appendChild(anim);
+
+      // Wait >= 1s before taking screenshot, to give animation time to finish
+      setTimeout('document.documentElement.removeAttribute("class")', 1100);
+    }
+    function delay_go() {
+      setTimeout(go, 1100);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect id="rect1" y="40" width="10" height="10" fill="white">
+    <animate id="anim" attributeName="x" 
+             dur="2s" values="0; 50; 100; 150"
+             calcMode="discrete" />
+  </rect>
+  <rect id="rect2" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-2a-ref.svg b/layout/reftests/svg/smil/timed/appendChild-2a-ref.svg
new file mode 100644
index 0000000000..db44b46a7a
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-2a-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+  </rect>
+  <rect id="rect2" x="150" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-2a.svg b/layout/reftests/svg/smil/timed/appendChild-2a.svg
new file mode 100644
index 0000000000..19d7c85b8d
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-2a.svg
@@ -0,0 +1,30 @@
+<!-- This test's animation sets x=100 from 1sec to 1.5sec.  We'll
+     remove the animate element at time 1.1sec to capture this, and
+     then wait a little, and make sure the animation is frozen there. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      var rect1 = document.getElementById("rect1");
+      var rect2 = document.getElementById("rect2");
+      var anim = document.getElementById("anim");
+      rect2.appendChild(anim);
+
+      // Wait >= 1s before taking screenshot, to give animation time to finish
+      setTimeout('document.documentElement.removeAttribute("class")', 1100);
+    }
+    function delay_go() {
+      setTimeout(go, 1100);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+    <animate id="anim" attributeName="x" 
+             dur="2s" values="0; 50; 100; 150"
+             calcMode="discrete" fill="freeze"/>
+  </rect>
+  <rect id="rect2" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-2b-ref.svg b/layout/reftests/svg/smil/timed/appendChild-2b-ref.svg
new file mode 100644
index 0000000000..6bef89aca7
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-2b-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect id="rect2" x="150" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/appendChild-2b.svg b/layout/reftests/svg/smil/timed/appendChild-2b.svg
new file mode 100644
index 0000000000..f8b772bd56
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/appendChild-2b.svg
@@ -0,0 +1,29 @@
+<!-- This test makes the first rect white (invisible), so that we can
+     focus just on the second rect. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      var rect1 = document.getElementById("rect1");
+      var rect2 = document.getElementById("rect2");
+      var anim = document.getElementById("anim");
+      rect2.appendChild(anim);
+
+      // Wait >= 1s before taking screenshot, to give animation time to finish
+      setTimeout('document.documentElement.removeAttribute("class")', 1100);
+    }
+    function delay_go() {
+      setTimeout(go, 1100);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect id="rect1" y="40" width="10" height="10" fill="white">
+    <animate id="anim" attributeName="x" 
+             dur="2s" values="0; 50; 100; 150"
+             calcMode="discrete" fill="freeze"/>
+  </rect>
+  <rect id="rect2" y="80" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/paced-1-ref.svg b/layout/reftests/svg/smil/timed/paced-1-ref.svg
new file mode 100644
index 0000000000..4a2165f26e
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/paced-1-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect height="90" width="90" fill="green"></rect>   
+</svg>
diff --git a/layout/reftests/svg/smil/timed/paced-1.svg b/layout/reftests/svg/smil/timed/paced-1.svg
new file mode 100644
index 0000000000..0416e0eace
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/paced-1.svg
@@ -0,0 +1,22 @@
+<!-- In paced calcmode, this animation should jump to -990 really fast,
+     despite the many small-jump values before it, leaving the canvas blank. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      document.documentElement.removeAttribute("class");
+    }
+    function delay_go() {
+      setTimeout(go, 1000);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect height="90" width="90" fill="green"></rect>
+  <rect x="40" y="40" width="10" height="10" fill="red">
+    <animate attributeName="x" 
+             dur="5s" values="40; 41; 42; 43; 44; 45; 46; 47; 48; 49; 50; -950"
+             calcMode="paced" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/pause-1-ref.svg b/layout/reftests/svg/smil/timed/pause-1-ref.svg
new file mode 100644
index 0000000000..ef492d492b
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/pause-1-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+   <rect x="100" y="40" width="10" height="10" fill="blue">
+   </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/pause-1.svg b/layout/reftests/svg/smil/timed/pause-1.svg
new file mode 100644
index 0000000000..36101cadf0
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/pause-1.svg
@@ -0,0 +1,38 @@
+<!-- This test's animation sets x=100 from 1sec to 1.5sec.  We'll
+     pause the animation at time 1.1sec to capture this, and then wait
+     a little, and make sure the animation is frozen there.       -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      // Use try/catch, so that we make sure to remove the reftest-wait 
+      // attribute  even on older browser versions that don't support
+      // pauseAnimations.
+      try {
+        document.documentElement.pauseAnimations();
+      } catch (e) {
+        // pauseAnimations not implemented. Change rect to red, 
+	    // and clear class to fail/end immediately.
+        document.documentElement.removeAttribute("class");
+        var rect = document.getElementById("rect");
+        rect.setAttributeNS(null, "fill", "red");
+        throw e;
+      }
+
+      // Wait > 0.5s before taking screenshot, to give animation time to
+      // jump to next value if the freeze didn't work.
+      setTimeout('document.documentElement.removeAttribute("class")', 600);
+    }
+    function delay_go() {
+      setTimeout(go, 1100);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect y="40" width="10" height="10" fill="blue">
+    <animate id="rect" attributeName="x" 
+             dur="3s" values="0; 50; 100; 150; 200; 250"
+             calcMode="discrete" fill="freeze"/>
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/reftest.list b/layout/reftests/svg/smil/timed/reftest.list
new file mode 100644
index 0000000000..600a690d9b
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/reftest.list
@@ -0,0 +1,14 @@
+# Tests related to SVG Animation that use timeouts to interrupt, modify, 
+# and examine animations.
+#
+# NOTE: Most of these tests require a few seconds to run.
+# (That's longer than most other reftests)
+
+== paced-1.svg paced-1-ref.svg
+== pause-1.svg pause-1-ref.svg
+fails == removeChild-1.svg removeChild-1-ref.svg # rect needs to reset
+fails == removeChild-2.svg removeChild-2-ref.svg # rect needs to reset
+fails == appendChild-1a.svg appendChild-1a-ref.svg # first rect needs to reset
+== appendChild-1b.svg appendChild-1b-ref.svg
+fails == appendChild-2a.svg appendChild-2a-ref.svg # first rect needs to reset
+== appendChild-2b.svg appendChild-2b-ref.svg
diff --git a/layout/reftests/svg/smil/timed/removeChild-1-ref.svg b/layout/reftests/svg/smil/timed/removeChild-1-ref.svg
new file mode 100644
index 0000000000..a1bbb50933
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/removeChild-1-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/removeChild-1.svg b/layout/reftests/svg/smil/timed/removeChild-1.svg
new file mode 100644
index 0000000000..905373d710
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/removeChild-1.svg
@@ -0,0 +1,28 @@
+<!-- This test's animation sets x=100 from 1sec to 1.5sec.  We'll
+     remove the animate element at time 1.1sec, give it a little more 
+     time, and see what happens. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      var rect1 = document.getElementById("rect1");
+      var anim = document.getElementById("anim");
+      rect1.removeChild(anim);
+
+      // Wait > 0.5s before taking screenshot, to give animation time to
+      // finish, if it's still going
+      setTimeout('document.documentElement.removeAttribute("class")', 700);
+    }
+    function delay_go() {
+      setTimeout(go, 1100);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+    <animate id="anim" attributeName="x" 
+             dur="2s" values="0; 50; 100; 150"
+             calcMode="discrete" />
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/removeChild-2-ref.svg b/layout/reftests/svg/smil/timed/removeChild-2-ref.svg
new file mode 100644
index 0000000000..a1bbb50933
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/removeChild-2-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/timed/removeChild-2.svg b/layout/reftests/svg/smil/timed/removeChild-2.svg
new file mode 100644
index 0000000000..ba07abc2af
--- /dev/null
+++ b/layout/reftests/svg/smil/timed/removeChild-2.svg
@@ -0,0 +1,28 @@
+<!-- This test's animation sets x=100 from 1sec to 1.5sec.  We'll
+     remove the animate element at time 1.1sec, give it a little more 
+     time, and see what happens. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script>
+    function go() {
+      var rect1 = document.getElementById("rect1");
+      var anim = document.getElementById("anim");
+      rect1.removeChild(anim);
+
+      // Wait > 0.5s before taking screenshot, to give animation time to
+      // finish, if it's still going
+      setTimeout('document.documentElement.removeAttribute("class")', 700);
+    }
+    function delay_go() {
+      setTimeout(go, 1100);
+    }
+    document.addEventListener("MozReftestInvalidate", delay_go, false);
+    setTimeout(delay_go, 4000); // fallback for running outside reftest
+  </script>
+  <rect id="rect1" y="40" width="10" height="10" fill="blue">
+    <animate id="anim" attributeName="x" 
+             dur="2s" values="0; 50; 100; 150"
+             calcMode="discrete" fill="freeze" />
+  </rect>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/additive-1-ref.svg b/layout/reftests/svg/smil/transform/additive-1-ref.svg
new file mode 100644
index 0000000000..1b5f9a5aad
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/additive-1-ref.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(50 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(150 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(250 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(50 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(150 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(250 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(50 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(150 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(250 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(50 350)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/additive-1.svg b/layout/reftests/svg/smil/transform/additive-1.svg
new file mode 100644
index 0000000000..20f035a3ac
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/additive-1.svg
@@ -0,0 +1,111 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1.5, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!-- not additive -->
+  <g transform="translate(50 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="90" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- to-animation: special additive -->
+  <g transform="translate(150 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90)">
+      <animateTransform attributeName="transform"
+        type="rotate" to="90" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- by-animation: special additive -->
+  <g transform="translate(250 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90)">
+      <animateTransform attributeName="transform"
+        type="rotate" by="180" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- normal additive: same type -->
+  <g transform="translate(50 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(45)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" dur="1s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- normal additive: different type -->
+  <g transform="translate(100 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="translate(50)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="90" dur="1s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- stacked additive: same type -->
+  <g transform="translate(250 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="90" dur="1s" fill="freeze"
+        additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="90" dur="1s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- stacked additive: different types #1 -->
+  <g transform="translate(0 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="translate(50)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" dur="1s" fill="freeze"
+        additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" dur="1s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- stacked additive: different types #2 -->
+  <g transform="translate(100 250) skewX(-20)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="skewX(20) translate(50)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" dur="1s" fill="freeze"
+        additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" dur="1s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- stacked additive: different types #3 -->
+  <g transform="translate(200 250) skewX(-20)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="skewX(20) translate(50)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" dur="1s" fill="freeze"
+        additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="translate" from="0" to="30" dur="1s" fill="freeze"
+        additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="translate" from="0" to="-30" dur="1s" fill="freeze"
+        additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" dur="1s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- base value with rotation around a centre -->
+  <g transform="translate(-50 300)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(90 50 50)">
+      <animateTransform attributeName="transform"
+        type="translate" from="0 0" to="0 -50" dur="1s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/animate-width-1.svg b/layout/reftests/svg/smil/transform/animate-width-1.svg
new file mode 100644
index 0000000000..3f874cdd95
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/animate-width-1.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function doTest() {
+      setTimeAndSnapshot(101, false);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <rect width="100%" height="100%" fill="lime" />
+
+  <!-- Test 1: We shouldn't animate a width attribute with animateTransform -->
+
+  <rect width="0px" height="50px" fill="red">
+    <animateTransform attributeName="width" begin="100s" dur="1s"
+                      from="0" to="100" fill="freeze" />
+  </rect>
+
+</svg>
diff --git a/layout/reftests/svg/smil/transform/lime.svg b/layout/reftests/svg/smil/transform/lime.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/lime.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/paced-1-ref.svg b/layout/reftests/svg/smil/transform/paced-1-ref.svg
new file mode 100644
index 0000000000..ac843a13e4
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/paced-1-ref.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <g id="smiley">
+      <circle fill="yellow" stroke="black" stroke-width="2" cx="0" cy="0"
+        r="40"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="-14" cy="-14"
+        r="14"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="14" cy="-14"
+        r="14"/>
+      <circle cx="-10" cy="-14" r="4"/>
+      <circle cx="10" cy="-14" r="4"/>
+      <path d="m-11 14a13,13 0 0,0 22,0" fill="none" stroke="black"/>
+    </g>
+  </defs>
+  <g transform="translate(50 50)">
+    <use xlink:href="#smiley"/>
+  </g>
+  <g transform="translate(150 50)">
+    <use xlink:href="#smiley"/>
+  </g>
+  <g transform="translate(250 50)">
+    <use xlink:href="#smiley"/>
+  </g>
+  <g transform="translate(50 150)">
+    <use xlink:href="#smiley"/>
+  </g>
+  <g transform="translate(150 150)">
+    <use xlink:href="#smiley"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/paced-1.svg b/layout/reftests/svg/smil/transform/paced-1.svg
new file mode 100644
index 0000000000..2e8238b3cb
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/paced-1.svg
@@ -0,0 +1,64 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(101, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <defs>
+    <g id="smiley">
+      <circle fill="yellow" stroke="black" stroke-width="2" cx="0" cy="0"
+        r="40"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="-14" cy="-14"
+        r="14"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="14" cy="-14"
+        r="14"/>
+      <circle cx="-10" cy="-14" r="4"/>
+      <circle cx="10" cy="-14" r="4"/>
+      <path d="m-11 14a13,13 0 0,0 22,0" fill="none" stroke="black"/>
+    </g>
+  </defs>
+  <!-- translation -->
+  <g transform="translate(0 50)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="translate" fill="freeze" begin="100s" dur="2s" calcMode="paced"
+        values="-5 -10; 35 20; 95 -60"/>
+    </use>
+  </g>
+  <!-- rotation -->
+  <g transform="translate(150 50) rotate(-90)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="rotate" fill="freeze" begin="100s" dur="2s" calcMode="paced"
+        values="20 10 10; 40 -15 25; 160 21 -35"/>
+    </use>
+  </g>
+  <!-- skewY -->
+  <g transform="translate(250 50) skewY(-30)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewY" fill="freeze" begin="100s" dur="2s" calcMode="paced"
+        values="10; 40; 50"/>
+    </use>
+  </g>
+  <!-- scale -->
+  <g transform="translate(50 150) scale(0.5)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="scale" fill="freeze" begin="100s" dur="2s" calcMode="paced"
+        values="-4 -2.5; 4 3.5; 8 0.5"/>
+    </use>
+  </g>
+  <!-- to-animation
+
+       You can't have to-animation with a paced calcMode. This test should just
+       produce regular to-animation without any assertions. This is a white-box
+       test.
+   -->
+  <g transform="translate(100 150)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="translate" fill="freeze" begin="100s" dur="2s" calcMode="paced"
+        to="100"/>
+    </use>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/reftest.list b/layout/reftests/svg/smil/transform/reftest.list
new file mode 100644
index 0000000000..ef97515317
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/reftest.list
@@ -0,0 +1,18 @@
+# Tests related to SVG Animation (using SMIL), focusing on the animateTransform
+# element.
+
+fuzzy(0-130,0-1000) == additive-1.svg additive-1-ref.svg # bug 981344, bug 1239766
+== animate-width-1.svg lime.svg
+fuzzy-if(cocoaWidget,0-5,0-101) fuzzy-if(winWidget,0-15,0-101) fuzzy-if(gtkWidget,0-5,0-101) fuzzy-if(Android,0-16,0-1) == paced-1.svg paced-1-ref.svg # bug 981640, Bug 1293550, Bug 1592998
+fuzzy(0-7,0-90) == rotate-angle-1.svg rotate-angle-ref.svg
+fuzzy(0-7,0-90) == rotate-angle-2.svg rotate-angle-ref.svg
+fuzzy(0-7,0-130) == rotate-angle-3.svg rotate-angle-ref.svg
+fuzzy(0-7,0-90) == rotate-angle-4.svg rotate-angle-ref.svg
+fuzzy(0-7,0-60) == rotate-angle-5.svg rotate-angle-ref.svg
+fuzzy(0-7,0-306) fuzzy-if(Android,0-16,0-3) == scale-1.svg scale-1-ref.svg  # bug 981004, AA difference
+== set-transform-1.svg lime.svg
+fuzzy(0-7,0-1548) == skew-1.svg skew-1-ref.svg # bug 983671, Bug 1260629
+== translate-clipPath-1.svg lime.svg
+== translate-gradient-1.svg lime.svg
+== translate-pattern-1.svg lime.svg
+== use-1.svg lime.svg
diff --git a/layout/reftests/svg/smil/transform/rotate-angle-1.svg b/layout/reftests/svg/smil/transform/rotate-angle-1.svg
new file mode 100644
index 0000000000..75ace79c2d
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/rotate-angle-1.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(101, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <g transform="translate(50 50) rotate(90)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="0" begin="100s" dur="4s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(150 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="90" begin="100s" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(250 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="180" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(50 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="270" begin="100s" dur="3s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(150 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="360" begin="100s" dur="4s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(250 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="540" begin="100s" dur="6s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(50 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="3600" begin="100s" dur="40s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(150 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="-270" begin="100s" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(250 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="-540" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/rotate-angle-2.svg b/layout/reftests/svg/smil/transform/rotate-angle-2.svg
new file mode 100644
index 0000000000..8d75991aa0
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/rotate-angle-2.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(101, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <g transform="translate(44 0) rotate(90 6 50)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 6 50" to="0 6 50" begin="100s" dur="4s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(144 0)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0,6,50" to="90 6 50" begin="100s" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(244,0)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 6 50" to="180,6,50" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(44,100)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0,6,50" to="270,6,50" begin="100s" dur="3s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(144,100)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 6 50" to="360 6 50" begin="100s" dur="4s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(244,100)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 6 50" to="540 6 50" begin="100s" dur="6s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(44,200)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 6 50" to="3600 6 50" begin="100s" dur="40s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(144,200)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 6 50" to="-270 6 50" begin="100s" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(244,200)">
+    <path d="M4 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 6 50" to="-540 6 50" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/rotate-angle-3.svg b/layout/reftests/svg/smil/transform/rotate-angle-3.svg
new file mode 100644
index 0000000000..c24a2a5b54
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/rotate-angle-3.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(101, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <g transform="translate(0 0) rotate(90 50 50)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="0 200 50" begin="100s" dur="4s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(100 0)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="90 50 50" begin="100s" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(200 0)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="180 100 50" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(0 100)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="270 150 50" begin="100s" dur="3s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(100 100)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="360 200 50" begin="100s" dur="4s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(200 100)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="540 300 50" begin="100s" dur="6s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(0 200)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="3600 2000 50" begin="100s" dur="40s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(100 200)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="-270 50 50" begin="100s" dur="1s" fill="freeze"/>
+    </path>
+  </g>
+  <g transform="translate(200 200)">
+    <path d="M48 100h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0 0 50" to="-540 100 50" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/rotate-angle-4.svg b/layout/reftests/svg/smil/transform/rotate-angle-4.svg
new file mode 100644
index 0000000000..48a9e8b92f
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/rotate-angle-4.svg
@@ -0,0 +1,79 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(101, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!-- no animation -->
+  <g transform="translate(50 50) rotate(90)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"/>
+  </g>
+  <!-- accumulate: sum -->
+  <g transform="translate(150 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="45" begin="100s" dur="0.5s" fill="freeze"
+        repeatCount="4" accumulate="sum"/>
+    </path>
+  </g>
+  <!-- accumulate: none -->
+  <g transform="translate(250 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="270" begin="100s" dur="0.75s" fill="freeze"
+        repeatCount="2"/>
+    </path>
+  </g>
+  <!-- additive: replace -->
+  <g transform="translate(50 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="180" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- additive: sum (adding to base value) -->
+  <g transform="translate(150 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90)">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="270" begin="100s" dur="1.5s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- additive: sum (adding to other animations) -->
+  <g transform="translate(250 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="60" begin="100s" dur="2s" fill="freeze"/>
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="60" begin="100s" dur="2s" fill="freeze"
+        additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="60" begin="100s" dur="2s" fill="freeze"
+        additive="sum"/>
+    </path>
+  </g>
+  <!-- to animation -->
+  <g transform="translate(50 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(45)">
+      <animateTransform attributeName="transform"
+        type="rotate" to="135" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- by animation -->
+  <g transform="translate(150 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(45)">
+      <animateTransform attributeName="transform"
+        type="rotate" by="90" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- values animation -->
+  <g transform="translate(250 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
+      <animateTransform attributeName="transform"
+        type="rotate" values="0; 135; 0" begin="100s" dur="1.5s" fill="freeze"/>
+    </path>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/rotate-angle-5.svg b/layout/reftests/svg/smil/transform/rotate-angle-5.svg
new file mode 100644
index 0000000000..354b0f7e0b
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/rotate-angle-5.svg
@@ -0,0 +1,86 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(101, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!-- Tests to-animation behaviour for a lot of undefined situations.
+       SVG 1.1 doesn't define what should happen here but the behaviour we
+       expect is based on other browsers. -->
+  <!-- to animation: rotation from base value -90 to final value 180 -->
+  <g transform="translate(50 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90)">
+      <animateTransform attributeName="transform"
+        type="rotate" to="180" begin="100s" dur="1.5s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- to animation: rotation from base value -810 to final value 990 -->
+  <g transform="translate(150 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-810)">
+      <animateTransform attributeName="transform"
+        type="rotate" to="990" begin="100s" dur="2s" fill="freeze"/>
+    </path>
+  </g>
+  <!-- to animation: rotation from base value -180 to final value 90 but with
+       other animations combined.
+
+       What happens here is that the rotation animation can't interpolate from
+       the base value as it's not a rotation transformation, so instead it
+       assumes an underlying zero matrix as the base value. (see next comment)
+   -->
+  <g transform="translate(250 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90) translate(0 50) scale(2)">
+      <animateTransform attributeName="transform"
+        type="rotate" to="180" begin="100s" dur="2s" fill="freeze" additive="sum"/>
+    </path>
+  </g>
+  <!-- to animation: rotate and scale
+       
+       Here again the scale animation can't interpolate from its base value
+       which is of a different type so it assumes a zero matrix NOT an identity
+       matrix (this is what the SVG WG have decided in the SVGT1.2 Tiny test
+       suite).
+   -->
+  <g transform="translate(50 150) rotate(90)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="scale(2)">
+      <animateTransform attributeName="transform"
+        type="rotate" to="180" begin="100s" dur="1s" fill="freeze" additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="scale" to="2" begin="100s" dur="2s" fill="freeze" additive="sum"/>
+    </path>
+  </g>
+  <!-- to animation: translate and rotate
+       
+       Likewise here we end up rotating from 0 to 180 because we can't
+       interpolate from the underlying translation transformation.
+   -->
+  <g transform="translate(150 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+    transform="rotate(-90) translate(0 50) scale(2)">
+      <animateTransform attributeName="transform"
+        type="translate" to="0" begin="100s" dur="1s" fill="freeze" additive="sum"/>
+      <animateTransform attributeName="transform"
+        type="rotate" to="180" begin="100s" dur="2s" fill="freeze" additive="sum"/>
+    </path>
+  </g>
+  <!-- The following are from the reference image -->
+  <g transform="translate(250 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(50 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(150 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(250 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/rotate-angle-ref.svg b/layout/reftests/svg/smil/transform/rotate-angle-ref.svg
new file mode 100644
index 0000000000..e69ce351ef
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/rotate-angle-ref.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(50 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(150 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(250 50)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(50 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(150 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(250 150)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(50 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(150 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+  <g transform="translate(250 250)">
+    <path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
+      transform="rotate(90)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/scale-1-ref.svg b/layout/reftests/svg/smil/transform/scale-1-ref.svg
new file mode 100644
index 0000000000..58a3c117f9
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/scale-1-ref.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <g id="smiley">
+      <circle fill="yellow" stroke="black" stroke-width="1" cx="0" cy="0"
+        r="20"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="-7" cy="-7"
+        r="7"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="7" cy="-7"
+        r="7"/>
+      <circle cx="-5" cy="-7" r="2"/>
+      <circle cx="5" cy="-7" r="2"/>
+      <path d="m-11 7a13,13 0 0,0 22,0" fill="none" stroke="black"/>
+    </g>
+  </defs>
+  <g transform="translate(50 50)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(150 50)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(250 50)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(50 150)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(150 150)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(250 150)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(50 250)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(150 250)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+  <g transform="translate(250 250)">
+    <use xlink:href="#smiley" transform="scale(2)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/scale-1.svg b/layout/reftests/svg/smil/transform/scale-1.svg
new file mode 100644
index 0000000000..7393c35e11
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/scale-1.svg
@@ -0,0 +1,119 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    window.addEventListener("MozReftestInvalidate", run, false);
+
+    function run() {
+      setTimeAndSnapshot(101, true);
+    }
+  </script>
+  <defs>
+    <g id="smiley">
+      <circle fill="yellow" stroke="black" stroke-width="1" cx="0" cy="0"
+        r="20"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="-7" cy="-7"
+        r="7"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="7" cy="-7"
+        r="7"/>
+      <circle cx="-5" cy="-7" r="2"/>
+      <circle cx="5" cy="-7" r="2"/>
+      <path d="m-11 7a13,13 0 0,0 22,0" fill="none" stroke="black"/>
+    </g>
+  </defs>
+  <!-- to animation 
+
+       This should interpolate from 0 (not 1) to 4 to match the behaviour
+       required by the SVGT1.2 test suite and Opera's behaviour.
+  -->
+  <g transform="translate(50 50)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform"
+        type="scale" to="4" begin="100s" dur="2s" fill="freeze"/>
+    </use>
+  </g>
+  <!-- from-to animation -->
+  <g transform="translate(150 50)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform"
+        type="scale" from="-5" to="9" begin="100s" dur="2s" fill="freeze"/>
+    </use>
+  </g>
+  <!-- negative to-animation
+
+       Should go from 0 to -4 over 2s, therefore at t=1s, the scale factor
+       should be -2, so we add a rotation animation to correct the gradient
+   -->
+  <g transform="translate(250 50)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform"
+        type="scale" to="-4" begin="100s" dur="2s" fill="freeze"/>
+      <animateTransform attributeName="transform"
+        type="rotate" from="0" to="360" begin="100s" dur="2s" fill="freeze" additive="sum"/>
+    </use>
+  </g>
+  <!-- by animation
+
+       The behaviour at this point is not clear. The definition of by-animation
+       is:
+
+       "simple animation in which the animation function is defined to offset
+       the underlying value for the attribute, using a delta that varies over
+       the course of the simple duration, starting from a delta of 0 and ending
+       with the delta specified with the by attribute." (SMILANIM 3.2.2)
+
+       Therefore it might seem like by-animation of by="1" means to ADD to the
+       underlying scale factor. Furthermore, the underlying scale factor when
+       not otherwise specified might seemt to be 1, but the SVG WG have decided
+       it's 0. This is inconsistent with the definition of addition for
+       animateTransform (post-multiplication of matrices) but it is the
+       behaviour required by SVGT1.2 test suite and used by Opera.
+
+       The following animation should go from 0 to 4, over 2s so at t=1s, the
+       scale factor should be 2.
+   -->
+  <g transform="translate(50 150)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform"
+        type="scale" by="4" begin="100s" dur="2s" fill="freeze"/>
+    </use>
+  </g>
+  <!-- by animation #2 -->
+  <g transform="translate(150 150)">
+    <use xlink:href="#smiley" transform="scale(4)">
+      <animateTransform attributeName="transform"
+        type="scale" by="1" begin="100s" dur="2s" fill="freeze" additive="sum"/>
+    </use>
+  </g>
+  <!-- from-by animation -->
+  <g transform="translate(250 150)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform"
+        type="scale" from="2" by="0" begin="100s" dur="2s" fill="freeze"/>
+    </use>
+  </g>
+  <!-- values animation -->
+  <g transform="translate(50 250)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform"
+        type="scale" values="0; 10; 2; 5; -1" begin="100s" dur="2s" fill="freeze"/>
+    </use>
+  </g>
+  <!-- repetition -->
+  <g transform="translate(150 250)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" type="scale" from="0"
+      to="0.6" begin="100s" dur="0.3s" repeatCount="4" accumulate="sum"
+      fill="freeze"/>
+    </use>
+  </g>
+  <!-- repeated to-animation (should NOT accumulate) -->
+  <g transform="translate(250 250)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" type="scale"
+      to="6" begin="100s" dur="0.75" repeatCount="2" accumulate="sum"
+      fill="freeze"/>
+    </use>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/set-transform-1.svg b/layout/reftests/svg/smil/transform/set-transform-1.svg
new file mode 100644
index 0000000000..f698cbaa82
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/set-transform-1.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function doTest() {
+      setTimeAndSnapshot(101, false);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+
+  <rect width="100%" height="100%" fill="lime" />
+
+  <!-- Test 1: We shouldn't animate a transform attribute with set -->
+
+  <rect x="50" y="50" width="100" height="100" fill="red">
+    <set attributeName="transform" to="75,75" begin="100s"/>
+  </rect>
+
+  <rect x="50" y="50" width="100" height="100" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/smil/transform/skew-1-ref.svg b/layout/reftests/svg/smil/transform/skew-1-ref.svg
new file mode 100644
index 0000000000..10c7ca8a38
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/skew-1-ref.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <g id="smiley">
+      <circle fill="yellow" stroke="black" stroke-width="2" cx="0" cy="0"
+        r="40"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="-14" cy="-14"
+        r="14"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="14" cy="-14"
+        r="14"/>
+      <circle cx="-10" cy="-14" r="4"/>
+      <circle cx="10" cy="-14" r="4"/>
+      <path d="m-11 14a13,13 0 0,0 22,0" fill="none" stroke="black"/>
+    </g>
+  </defs>
+  <g transform="translate(50 50)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(150 50)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(250 50)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(50 150)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(150 150)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(250 150)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(50 250)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(150 250)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+  <g transform="translate(250 250)">
+    <use xlink:href="#smiley" transform="skewX(30)"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/skew-1.svg b/layout/reftests/svg/smil/transform/skew-1.svg
new file mode 100644
index 0000000000..603c7f4025
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/skew-1.svg
@@ -0,0 +1,86 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(101, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <defs>
+    <g id="smiley">
+      <circle fill="yellow" stroke="black" stroke-width="2" cx="0" cy="0"
+        r="40"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="-14" cy="-14"
+        r="14"/>
+      <circle fill="white" stroke="black" stroke-width="1" cx="14" cy="-14"
+        r="14"/>
+      <circle cx="-10" cy="-14" r="4"/>
+      <circle cx="10" cy="-14" r="4"/>
+      <path d="m-11 14a13,13 0 0,0 22,0" fill="none" stroke="black"/>
+    </g>
+  </defs>
+  <!-- from-to animation -->
+  <g transform="translate(50 50)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" from="-30" to="90" begin="100s" dur="2s"/>
+    </use>
+  </g>
+  <!-- from-by animation -->
+  <g transform="translate(150 50)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" from="60" by="-60" begin="100s" dur="2s"/>
+    </use>
+  </g>
+  <!-- by animation -->
+  <g transform="translate(250 50) skewX(-15)">
+    <use xlink:href="#smiley" transform="skewX(15)">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" by="60" begin="100s" dur="2s"/>
+    </use>
+  </g>
+  <!-- to animation -->
+  <g transform="translate(50 150)">
+    <use xlink:href="#smiley" transform="skewX(15)">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" to="45" begin="100s" dur="2s"/>
+    </use>
+  </g>
+  <!-- values animation -->
+  <g transform="translate(150 150)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" values="10; 40; 20; 60" begin="100s" dur="2s"/>
+    </use>
+  </g>
+  <!-- additive -->
+  <g transform="translate(250 150)">
+    <use xlink:href="#smiley" transform="skewY(-30)">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewY" fill="freeze" to="30" begin="100s" dur="2s"/>
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" from="-30" to="90" begin="100s" dur="2s" additive="sum"/>
+    </use>
+  </g>
+  <!-- accumulate: none -->
+  <g transform="translate(50 250)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" from="20" to="50" begin="100s" dur="0.75s"
+        repeatCount="3"/>
+    </use>
+  </g>
+  <!-- accumulate: sum -->
+  <g transform="translate(150 250)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" from="0" to="22.5" begin="100s" dur="0.75"
+        accumulate="sum" repeatCount="3"/>
+    </use>
+  </g>
+  <!-- angles > 360 -->
+  <g transform="translate(250 250)">
+    <use xlink:href="#smiley">
+      <animateTransform attributeName="transform" attributeType="XML"
+        type="skewX" fill="freeze" from="-690" to="750" begin="100s" dur="2s"/>
+    </use>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/translate-clipPath-1.svg b/layout/reftests/svg/smil/transform/translate-clipPath-1.svg
new file mode 100644
index 0000000000..80291076cd
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/translate-clipPath-1.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function doTest() {
+      setTimeAndSnapshot(101, false);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+  <defs>
+    <clipPath id="clip">
+      <rect x="0" y="0" width="50" height="100%"/>
+      <animateTransform attributeName="transform" type="translate" begin="100s" dur="1s"
+		        from="0 0" to="-50 0" fill="freeze"/>
+    </clipPath>
+  </defs>
+
+  <!-- Test 1: Lime background covered by clipped red block.
+       After the animation, the clipping path doesn't intersecting the red
+       block at all, so no red is shown. -->
+  <rect x="0" width="50" height="100%" fill="lime" />
+  <rect x="0" width="50" height="100%" fill="red"
+        style="clip-path: url(#clip);"/>
+
+  <!-- Test 2: Purple background covered by clipped lime block.
+       Initially, the clipping path is to the right of the lime, so the purple
+       background shows through.  But after the animation, the clipping path
+       exactly matches the dimensions of the lime block, which lets it
+       completly cover all the purple. -->
+  <g transform="translate(100, 0)">
+    <rect x="-50" y="0" width="50" height="100%" fill="purple"/>
+    <rect x="-50" y="0" width="50" height="100%" fill="lime"
+        style="clip-path: url(#clip);"/>
+  </g>
+
+  <!-- Not a test: Paint the rest of the viewport, to match lime.svg -->
+  <rect x="100" height="100%" width="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/translate-gradient-1.svg b/layout/reftests/svg/smil/transform/translate-gradient-1.svg
new file mode 100644
index 0000000000..240777b14e
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/translate-gradient-1.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function doTest() {
+      setTimeAndSnapshot(101, false);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+  <defs>
+    <linearGradient id="grad" width="200%">
+      <stop offset="0" stop-color="red"/>
+      <stop offset="1" stop-color="lime"/>
+      <stop offset="2" stop-color="lime"/>
+      <animateTransform attributeName="gradientTransform" type="translate" begin="100s" dur="1s"
+		        from="0 0" to="-1 0" fill="freeze"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Test 1: Lime background covered by left hand side of gradient.
+       After the animation, the right hand lime side of the gradient
+       is visible, so no red is shown. -->
+  <rect x="0" width="50" height="100%" fill="lime" />
+  <rect x="0" width="50" height="100%" fill="url(#grad)"/>
+
+  <!-- Not a test: Paint the rest of the viewport, to match lime.svg -->
+  <rect x="50" height="100%" width="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/translate-pattern-1.svg b/layout/reftests/svg/smil/transform/translate-pattern-1.svg
new file mode 100644
index 0000000000..b6b9983f03
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/translate-pattern-1.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <script>
+    function doTest() {
+      setTimeAndSnapshot(101, false);
+    }
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+  </script>
+  <defs>
+    <pattern id="pat" width="200%" height="100%">
+      <rect x="0" y="0" width="50" height="100%" fill="red"/>
+      <rect x="50" y="0" width="50" height="100%" fill="lime"/>
+      <animateTransform attributeName="patternTransform" type="translate" begin="100s" dur="1s"
+		        from="0 0" to="-50 0" fill="freeze"/>
+    </pattern>
+  </defs>
+
+  <!-- Test 1: Lime background covered by left hand side of pattern.
+       After the animation, the right hand lime side of the pattern
+       is visible, so no red is shown. -->
+  <rect x="0" width="50" height="100%" fill="lime" />
+  <rect x="0" width="50" height="100%" fill="url(#pat)" />
+
+  <!-- Not a test: Paint the rest of the viewport, to match lime.svg -->
+  <rect x="50" height="100%" width="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/smil/transform/use-1.svg b/layout/reftests/svg/smil/transform/use-1.svg
new file mode 100644
index 0000000000..eee0b33796
--- /dev/null
+++ b/layout/reftests/svg/smil/transform/use-1.svg
@@ -0,0 +1,27 @@
+<svg width="100%" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  class="reftest-wait">
+<script>
+  function run() {
+    document.documentElement.setCurrentTime(30);
+    document.documentElement.removeAttribute('class');
+  }
+  window.addEventListener("MozReftestInvalidate", run, false);
+</script>
+<defs>
+  <g id="shape">
+    <rect height="100" width="100" fill="red"/>
+    <rect x="100" height="100" width="100" fill="lime"/>
+  </g>
+
+  <pattern id="pattern" width="200" height="100" patternUnits="userSpaceOnUse">
+    <use xlink:href="#shape">
+      <animateTransform attributeName="transform" type="translate" calcMode="discrete"
+                        dur="30s" from="0 0" to="-100 0" fill="freeze"/>
+    </use>
+  </pattern>
+</defs>
+<rect height="100%" width="100%" fill="lime"/>
+<rect height="100%" width="100%" fill="url(#pattern)"/>
+</svg>
+
diff --git a/layout/reftests/svg/stroke-dasharray-01-ref.svg b/layout/reftests/svg/stroke-dasharray-01-ref.svg
new file mode 100644
index 0000000000..78d9c2d518
--- /dev/null
+++ b/layout/reftests/svg/stroke-dasharray-01-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for a stroke with a dasharray whose gaps add up to 0 still painting</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=885585 -->
+
+  <g fill="none" stroke="black" stroke-width="2">
+    <path d="M 100,100 v 100"/>
+    <path d="M 110,100 h 100"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/stroke-dasharray-01.svg b/layout/reftests/svg/stroke-dasharray-01.svg
new file mode 100644
index 0000000000..39746863ec
--- /dev/null
+++ b/layout/reftests/svg/stroke-dasharray-01.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test for a stroke with a dasharray whose gaps add up to 0 still painting</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=885585 -->
+
+  <g fill="none" stroke="black" stroke-width="2" stroke-dasharray="10 0">
+    <path d="M 100,100 v 100"/>
+    <path d="M 110,100 h 100"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/stroke-dasharray-02.svg b/layout/reftests/svg/stroke-dasharray-02.svg
new file mode 100644
index 0000000000..147498f4e3
--- /dev/null
+++ b/layout/reftests/svg/stroke-dasharray-02.svg
@@ -0,0 +1,48 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test the start point and direction of dashing on circle and ellipse</title>
+
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=944704 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- Test circle element dashes cover two red circles -->
+  <circle cx="100" cy="62" r="8" fill="red"/>
+  <circle cx="66" cy="98" r="8" fill="red"/>
+  <circle cx="50" cy="50" r="50" fill="none" stroke="lime" stroke-width="30" stroke-dasharray="25 25 25 100000"/>
+
+  <!-- Sanity test to check that two circles cover circle element dashes (i.e. that the previous check didn't pass because the stroke was solid) -->
+  <circle cx="200" cy="50" r="50" fill="none" stroke="red" stroke-width="10" stroke-dasharray="10 40 10 100000"/>
+  <circle cx="250" cy="56" r="11" fill="lime"/>
+  <circle cx="223" cy="96" r="11" fill="lime"/>
+
+  <!-- Test ellipse element dashes cover two red circles -->
+  <circle cx="95" cy="211" r="8" fill="red"/>
+  <circle cx="47" cy="225" r="8" fill="red"/>
+  <ellipse cx="50" cy="200" rx="50" ry="25" fill="none" stroke="lime" stroke-width="25" stroke-dasharray="25 25 25 100000"/>
+
+  <!-- Sanity test to check that two circles cover ellipse element dashes (i.e. that the previous check didn't pass because the stroke was solid) -->
+  <ellipse cx="200" cy="200" rx="50" ry="25" fill="none" stroke="red" stroke-width="10" stroke-dasharray="10 40 10 100000"/>
+  <circle cx="250" cy="205" r="11" fill="lime"/>
+  <circle cx="206" cy="225" r="11" fill="lime"/>
+
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1131264 -->
+  <!-- small circles take a different code path -->
+
+  <!-- Test circle element dashes cover two red circles -->
+  <circle cx="125" cy="325" r="8" fill="red"/>
+  <circle cx="50" cy="380" r="8" fill="red"/>
+  <circle cx="0" cy="0" r=".0008" fill="none" stroke="lime" stroke-width=".0003" stroke-dasharray=".0005 .0005 .0005 100"
+          transform="translate(50, 300) scale(1e5, 1e5)"/>
+
+  <!-- Sanity test to check that two circles cover circle element dashes (i.e. that the previous check didn't pass because the stroke was solid) -->
+  <circle cx="0" cy="0" r=".0008" fill="none" stroke="red" stroke-width=".0001" stroke-dasharray=".0001 .0005 .0001 100"
+          transform="translate(180, 300) scale(1e5, 1e5)"/>
+  <circle cx="260" cy="305" r="14" fill="lime"/>
+  <circle cx="235" cy="358" r="14" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/stroke-dasharray-03.svg b/layout/reftests/svg/stroke-dasharray-03.svg
new file mode 100644
index 0000000000..b8dd8928c2
--- /dev/null
+++ b/layout/reftests/svg/stroke-dasharray-03.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test the start point and direction of dashing on rect</title>
+
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1122578 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <rect x="20" y="20"  width="100" height="60" fill="none" stroke="red" stroke-width="10" stroke-dasharray="120,10000"/>
+  <path d="M20,20 h100 v20" fill="none" stroke="lime" stroke-width="10"/>
+
+  <rect x="20" y="100" width="100" height="60" fill="none" stroke="red" stroke-width="10" stroke-dasharray="120,10000" rx="10" ry="10"/>
+  <path d="M30,100 h80 a10,10 0 0 1 10,10 v25" fill="none" stroke="lime" stroke-width="14"/>
+
+</svg>
+
diff --git a/layout/reftests/svg/stroke-dasharray-and-pathLength-01.svg b/layout/reftests/svg/stroke-dasharray-and-pathLength-01.svg
new file mode 100644
index 0000000000..77f5a4d1b3
--- /dev/null
+++ b/layout/reftests/svg/stroke-dasharray-and-pathLength-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test stroke-dasharray with pathLength and scaling</title>
+  <rect width="100%" height="100%" fill="lime"/>
+  <!--
+    Here we set the 'pathLength' to twice the actual length of the path,
+    which should cause the stroke-dasharray values to be scaled down by one
+    half. Visually, this should effectively cancel out the 2x scaling along
+    the x-axis introduced by the 'transform' attribute.
+  -->
+  <path d="M0.5,10 L100.5,10" stroke="red" stroke-width="18" stroke-dasharray="18 22" pathLength="200" transform="scale(2,1)"/>
+  <rect x="1" y="1" width="18" height="18" fill="lime"/>
+  <rect x="41" y="1" width="18" height="18" fill="lime"/>
+  <rect x="81" y="1" width="18" height="18" fill="lime"/>
+  <rect x="121" y="1" width="18" height="18" fill="lime"/>
+  <rect x="161" y="1" width="18" height="18" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-dasharray-and-text-01-ref.svg b/layout/reftests/svg/stroke-dasharray-and-text-01-ref.svg
new file mode 100644
index 0000000000..77f9e01141
--- /dev/null
+++ b/layout/reftests/svg/stroke-dasharray-and-text-01-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test stroke-dasharray with text and zooming</title>
+  <g fill="none" stroke-width="2" stroke="black" stroke-dasharray="64" stroke-linejoin="round" stroke-linecap="round">
+    <text font-size="128" x="128" y="128">|</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/stroke-dasharray-and-text-01.svg b/layout/reftests/svg/stroke-dasharray-and-text-01.svg
new file mode 100644
index 0000000000..6e7b165f26
--- /dev/null
+++ b/layout/reftests/svg/stroke-dasharray-and-text-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="2"
+     width="50%" height="50%">
+  <title>Test stroke-dasharray with text and zooming</title>
+  <g fill="none" stroke-width="1" stroke="black" stroke-dasharray="32" stroke-linejoin="round" stroke-linecap="round">
+    <text font-size="64" x="64" y="64">|</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/stroke-dashoffset-01.svg b/layout/reftests/svg/stroke-dashoffset-01.svg
new file mode 100644
index 0000000000..e79325c4eb
--- /dev/null
+++ b/layout/reftests/svg/stroke-dashoffset-01.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that stroke-dashoffset is independent of stroke-width</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=885585 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <path d="M10,30 h300" stroke="red" stroke-width="40" stroke-dashoffset="10" stroke-dasharray="50"/>
+  <path d="M10,70 h300" stroke="red" stroke-width="20" stroke-dashoffset="20" stroke-dasharray="50"/>
+  <path d="M10,95 h300" stroke="red" stroke-width="10" stroke-dashoffset="40" stroke-dasharray="50"/>
+
+  <!-- if the stroke-dashoffset is independent of the stroke width then these should cover what's above -->
+  <rect x="10" y="10" width="40" height="40" fill="lime"/>
+  <rect x="100" y="10" width="50" height="40" fill="lime"/>
+  <rect x="200" y="10" width="50" height="40" fill="lime"/>
+  <rect x="300" y="10" width="10" height="40" fill="lime"/>
+
+  <rect x="10" y="60" width="30" height="20" fill="lime"/>
+  <rect x="90" y="60" width="50" height="20" fill="lime"/>
+  <rect x="190" y="60" width="50" height="20" fill="lime"/>
+  <rect x="290" y="60" width="20" height="20" fill="lime"/>
+
+  <rect x="10" y="90" width="10" height="10" fill="lime"/>
+  <rect x="70" y="90" width="50" height="10" fill="lime"/>
+  <rect x="170" y="90" width="50" height="10" fill="lime"/>
+  <rect x="270" y="90" width="40" height="10" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-dashoffset-and-pathLength-01.svg b/layout/reftests/svg/stroke-dashoffset-and-pathLength-01.svg
new file mode 100644
index 0000000000..2a009961d4
--- /dev/null
+++ b/layout/reftests/svg/stroke-dashoffset-and-pathLength-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test stroke-dashoffset with pathLength</title>
+  <!--
+    The path is much longer than 100 user units, so if the pathLength is not
+    factored into the stroke-dashoffset calculation, the stroke will be visible.
+    A correct implementation will see the first dash pushed off the end of the
+    path which will mean that the path does not display at all.
+  -->
+  <style>
+    path {
+      fill: none;
+      stroke-width: 5;
+      stroke: red;
+      stroke-dasharray: 100;
+      stroke-dashoffset: 100;
+    }
+  </style>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <path pathLength="100" d="M175,25 A150,150,0,1,1,175,325 A150,150,0,1,1,175,25"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-linecap-circle-ellipse-01-ref.svg b/layout/reftests/svg/stroke-linecap-circle-ellipse-01-ref.svg
new file mode 100644
index 0000000000..47065f0e87
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-circle-ellipse-01-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference to test that stroke-linecap:"square" is ignored on circles and ellipses</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1178159 -->
+
+  <circle cx="300" cy="300" r="200" stroke="black" fill="none"
+          stroke-width="80"/>
+
+  <ellipse cx="300" cy="750" rx="150" ry="100" fill="none"
+           stroke="blue" stroke-width="80"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-linecap-circle-ellipse-01.svg b/layout/reftests/svg/stroke-linecap-circle-ellipse-01.svg
new file mode 100644
index 0000000000..81fc433271
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-circle-ellipse-01.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that stroke-linecap:"square" is ignored on circles and ellipses</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1178159 -->
+
+  <circle cx="300" cy="300" r="200" stroke="black" fill="none"
+          stroke-width="80" stroke-linecap="square"/>
+
+  <ellipse cx="300" cy="750" rx="150" ry="100" fill="none"
+           stroke="blue" stroke-width="80" stroke-linecap="square"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-linecap-circle-ellipse-dashed-01.svg b/layout/reftests/svg/stroke-linecap-circle-ellipse-dashed-01.svg
new file mode 100644
index 0000000000..4ea509fbd6
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-circle-ellipse-dashed-01.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that stroke-linecap != "butt" is not ignored on circles and
+  ellipses with dashed stroke</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1242147 -->
+
+  <rect width="100%" height="100%" fill="lime" />
+
+  <circle cx="100" cy="100" r="25" fill="red" />
+  <circle cx="500" cy="100" r="25" fill="red" />
+  <!-- a half circle -->
+  <circle cx="300" cy="100" r="200" stroke="lime" fill="none"
+          stroke-width="80" stroke-linecap="round"
+          stroke-dasharray="628.318 1000" />
+
+  <path d="M 100,400 l 0,0" stroke="red" stroke-width="50"
+        stroke-linecap="square" />
+  <path d="M 500,400 l 0,0" stroke="red" stroke-width="50"
+        stroke-linecap="square" />
+  <!-- another half circle -->
+  <ellipse cx="300" cy="400" rx="200" ry="200" fill="none"
+           stroke="lime" stroke-width="80" stroke-linecap="square"
+           stroke-dasharray="628.318 1000" />
+
+</svg>
diff --git a/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-01.svg b/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-01.svg
new file mode 100644
index 0000000000..5a6c6ad2c2
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-01.svg
@@ -0,0 +1,169 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  
+  <title>Test 'stroke-linecap: round' with zero length path segments</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1075399 for paths and
+       https://bugzilla.mozilla.org/show_bug.cgi?id=1187770 for lines -->
+
+  <style>
+
+path, line {
+  stroke-width: 20px;
+  stroke-linecap: round;
+}
+
+circle {
+  fill: red;
+}
+
+/* expect lime circles to cover red circles */
+path.circles-expected, line.circles-expected {
+  stroke: lime;
+}
+
+path.circles-not-expected {
+  stroke: red;
+}
+
+/* thicker stroke to cover circles-not-expected paths */
+path.coverer {
+  stroke: lime;
+  stroke-width: 24px;
+}
+
+/* to show edges of shapes to help in debugging:
+g > circle {
+  stroke: red;
+  stroke-width: 5px;
+}
+path.coverer {
+  stroke: lime;
+  stroke-width: 18px;
+}
+*/
+
+  </style>
+
+  <rect width="100%" height="100%" style="fill:lime"/>
+
+  <!-- Column 1: test single segment zero-length subpaths: -->
+
+  <g transform="translate(25,25)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 L0,0  M20,20 L30,30  M50,50 L50,50  M70,70 L80,80  M100,100 L100,100"/>
+  </g>
+
+  <g transform="translate(25,75)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 C0,0 0,0 0,0  M20,20 L30,30  M50,50 C50,50 50,50 50,50  M70,70 L80,80  M100,100 C100,100 100,100 100,100"/>
+  </g>
+
+  <g transform="translate(25,125)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 A0,10 0 0 0 0,0  M20,20 L30,30  M50,50 A0,10 0 0 0 50,50  M70,70 L80,80  M100,100 A0,10 0 0 0 100,100"/>
+  </g>
+
+  <g transform="translate(25,175)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 Z  M20,20 L30,30  M50,50 Z  M70,70 L80,80  M100,100 Z"/>
+  </g>
+
+
+  <!-- Column 2: test multi-segment zero-length subpaths: -->
+
+  <g transform="translate(175,25)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 L0,0 M0,0 L0,0  M20,20 L30,30  M50,50 L50,50 L50,50  M70,70 L80,80  M100,100 L100,100 L100,100"/>
+  </g>
+
+  <g transform="translate(177,75)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 C0,0 0,0 0,0 C0,0 0,0 0,0  M20,20 L30,30  M50,50 C50,50 50,50 50,50 C50,50 50,50 50,50  M70,70 L80,80  M100,100 C100,100 100,100 100,100 C100,100 100,100 100,100"/>
+  </g>
+
+  <g transform="translate(175,125)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 A0,10 0 0 0 0,0 A0,10 0 0 0 0,0  M20,20 L30,30  M50,50 A0,10 0 0 0 50,50 A0,10 0 0 0 50,50  M70,70 L80,80  M100,100 A0,10 0 0 0 100,100 A0,10 0 0 0 100,100"/>
+  </g>
+
+  <g transform="translate(175,175)">
+    <circle cx="0" cy="0" r="8"/>
+    <circle cx="50" cy="50" r="8"/>
+    <circle cx="100" cy="100" r="8"/>
+    <path class="circles-expected" d="M0,0 Z Z  M20,20 L30,30  M50,50 Z Z  M70,70 L80,80  M100,100 Z Z"/>
+  </g>
+
+
+  <!-- Column 3: test non-zero-length subpaths that begin, end and contain
+       zero length segments: -->
+
+  <g transform="translate(325,25)">
+    <path class="circles-not-expected" d="M20,20 L20,20 L30,30 L30,30 L40,40 L40,40"/>
+    <path class="coverer" d="M20,20 L40,40"/>
+  </g>
+
+  <g transform="translate(325,75)">
+    <path class="circles-not-expected" d="M20,20 C20,20 20,20 20,20 C20,20 30,30 30,30 C30,30 30,30 30,30 C30,30 40,40 40,40 C40,40 40,40 40,40"/>
+    <path class="coverer" d="M20,20 L40,40"/>
+  </g>
+
+  <g transform="translate(325,125)">
+    <path class="circles-not-expected" d="M20,20 A0,10 0 0 0 20,20 A0,10 0 0 0 30,30 A0,10 0 0 0 30,30 A0,10 0 0 0 40,40 A0,10 0 0 0 40,40"/>
+    <path class="coverer" d="M20,20 L40,40"/>
+  </g>
+
+  <!-- this one is shorter because the Z's mean we only have path end points
+       at 20,20 -->
+  <g transform="translate(325,175)">
+    <circle cx="20" cy="20" r="8"/>
+    <path class="circles-expected" d="M20,20 Z L30,30 Z L40,40 Z"/>
+  </g>
+
+
+  <!-- Column 4: test lone movetos -->
+
+  <g transform="translate(425,25)">
+    <path class="circles-not-expected" d="M0,0 M0,0  M20,20 L30,30  M50,50 M50,50  M70,70 L80,80  M100,100 M100,100"/>
+    <path class="coverer" d="M20,20 L30,30 M70,70 L80,80"/>
+  </g>
+
+  <!-- Column 5: test stroke-dasharray -->
+
+  <g transform="translate(525,25)">
+    <circle cy="0" r="8"/>
+    <circle cy="40" r="8"/>
+    <circle cy="80" r="8"/>
+    <path class="circles-expected" d="M0,0v81" stroke-dasharray="0 40" />
+  </g>
+  <g transform="translate(575,25)">
+    <circle cy="0" r="8"/>
+    <circle cy="40" r="8"/>
+    <circle cy="80" r="8"/>
+    <path class="circles-expected" d="M0,0v81" stroke-dasharray="0" />
+  </g>
+
+  <!-- Column 6: test zero-length line -->
+  <g transform="translate(625, 25)">
+    <circle cy="0" r="8" />
+    <line class="circles-expected" x1="0" y1="0" x2="0" y2="0" />
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-02.svg b/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-02.svg
new file mode 100644
index 0000000000..223a5e0df3
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-02.svg
@@ -0,0 +1,32 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  
+  <title>Test invalidation for 'stroke-linecap: round' with zero length path segments</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1075399 for path and
+       https://bugzilla.mozilla.org/show_bug.cgi?id=1187770 for line -->
+
+  <script>
+
+function run()
+{
+  document.getElementById('path').setAttribute('stroke-linecap', 'butt');
+  document.getElementById('line').setAttribute('stroke-linecap', 'butt');
+  document.documentElement.removeAttribute('class');
+}
+
+window.addEventListener("MozReftestInvalidate", run, false);
+
+  </script>
+
+  <rect width="100%" height="100%" style="fill:lime"/>
+
+  <path id="path" stroke="red" stroke-width="200" stroke-linecap="round"
+        d="M100,100 L100,100"/>
+  <line id="line" stroke="red" stroke-width="200" stroke-linecap="round"
+        x1="300" y1="300" x2="300" y2="300"/>
+
+</svg>
diff --git a/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-03.svg b/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-03.svg
new file mode 100644
index 0000000000..7d63b537b4
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-round-w-zero-length-segs-03.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="lime"/>
+  <g fill="red">
+    <circle cx="40" cy="50" r="18"/> 
+    <circle cx="260" cy="50" r="18"/> 
+  </g>
+  <g stroke-width="40" stroke="lime" stroke-linecap="round">
+    <path d="M40, 50z m220,0z"/>
+  </g>
+</svg>
+
diff --git a/layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-01.svg b/layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-01.svg
new file mode 100644
index 0000000000..df395b0e16
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-01.svg
@@ -0,0 +1,154 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  
+  <title>Test 'stroke-linecap: square' with zero length path segments</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=589648 for paths and
+       https://bugzilla.mozilla.org/show_bug.cgi?id=1187770 for lines -->
+
+  <style>
+
+path, line {
+  stroke-width: 20px;
+  stroke-linecap: square;
+}
+
+rect {
+  fill: red;
+}
+
+/* expect lime squares to cover red rects */
+path.squares-expected, line.squares-expected {
+  stroke: lime;
+}
+
+path.squares-not-expected {
+  stroke: red;
+}
+
+/* thicker stroke to cover squares-not-expected paths */
+path.coverer {
+  stroke: lime;
+  stroke-width: 24px;
+}
+
+/* to show edges of shapes to help in debugging:
+g > rect {
+  stroke: red;
+  stroke-width: 5px;
+}
+path.coverer {
+  stroke: lime;
+  stroke-width: 18px;
+}
+*/
+
+  </style>
+
+  <rect width="100%" height="100%" style="fill:lime"/>
+
+  <!-- Column 1: test single segment zero-length subpaths: -->
+
+  <g transform="translate(25,25)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 L0,0  M20,20 L30,30  M50,50 L50,50  M70,70 L80,80  M100,100 L100,100"/>
+  </g>
+
+  <g transform="translate(25,75)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 C0,0 0,0 0,0  M20,20 L30,30  M50,50 C50,50 50,50 50,50  M70,70 L80,80  M100,100 C100,100 100,100 100,100"/>
+  </g>
+
+  <g transform="translate(25,125)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 A0,10 0 0 0 0,0  M20,20 L30,30  M50,50 A0,10 0 0 0 50,50  M70,70 L80,80  M100,100 A0,10 0 0 0 100,100"/>
+  </g>
+
+  <g transform="translate(25,175)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 Z  M20,20 L30,30  M50,50 Z  M70,70 L80,80  M100,100 Z"/>
+  </g>
+
+
+  <!-- Column 2: test multi-segment zero-length subpaths: -->
+
+  <g transform="translate(175,25)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 L0,0 M0,0 L0,0  M20,20 L30,30  M50,50 L50,50 L50,50  M70,70 L80,80  M100,100 L100,100 L100,100"/>
+  </g>
+
+  <g transform="translate(177,75)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 C0,0 0,0 0,0 C0,0 0,0 0,0  M20,20 L30,30  M50,50 C50,50 50,50 50,50 C50,50 50,50 50,50  M70,70 L80,80  M100,100 C100,100 100,100 100,100 C100,100 100,100 100,100"/>
+  </g>
+
+  <g transform="translate(175,125)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 A0,10 0 0 0 0,0 A0,10 0 0 0 0,0  M20,20 L30,30  M50,50 A0,10 0 0 0 50,50 A0,10 0 0 0 50,50  M70,70 L80,80  M100,100 A0,10 0 0 0 100,100 A0,10 0 0 0 100,100"/>
+  </g>
+
+  <g transform="translate(175,175)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <rect x="41" y="41" width="18" height="18"/>
+    <rect x="91" y="91" width="18" height="18"/>
+    <path class="squares-expected" d="M0,0 Z Z  M20,20 L30,30  M50,50 Z Z  M70,70 L80,80  M100,100 Z Z"/>
+  </g>
+
+
+  <!-- Column 3: test non-zero-length subpaths that begin, end and contain
+       zero length segments: -->
+
+  <g transform="translate(325,25)">
+    <path class="squares-not-expected" d="M20,20 L20,20 L30,30 L30,30 L40,40 L40,40"/>
+    <path class="coverer" d="M20,20 L40,40"/>
+  </g>
+
+  <g transform="translate(325,75)">
+    <path class="squares-not-expected" d="M20,20 C20,20 20,20 20,20 C20,20 30,30 30,30 C30,30 30,30 30,30 C30,30 40,40 40,40 C40,40 40,40 40,40"/>
+    <path class="coverer" d="M20,20 L40,40"/>
+  </g>
+
+  <g transform="translate(325,125)">
+    <path class="squares-not-expected" d="M20,20 A0,10 0 0 0 20,20 A0,10 0 0 0 30,30 A0,10 0 0 0 30,30 A0,10 0 0 0 40,40 A0,10 0 0 0 40,40"/>
+    <path class="coverer" d="M20,20 L40,40"/>
+  </g>
+
+  <!-- this one is shorter because the Z's mean we only have path end points
+       at 20,20 -->
+  <g transform="translate(325,175)">
+    <rect x="11" y="11" width="18" height="18"/>
+    <path class="squares-expected" d="M20,20 Z L30,30 Z L40,40 Z"/>
+  </g>
+
+
+  <!-- Column 4: test lone movetos -->
+
+  <g transform="translate(425,25)">
+    <path class="squares-not-expected" d="M0,0 M0,0  M20,20 L30,30  M50,50 M50,50  M70,70 L80,80  M100,100 M100,100"/>
+    <path class="coverer" d="M20,20 L30,30 M70,70 L80,80"/>
+  </g>
+
+  <!-- Column 5: test zero-length line -->
+  <g transform="translate(525, 25)">
+    <rect x="-9" y="-9" width="18" height="18"/>
+    <line class="squares-expected" x1="0" y1="0" x2="0" y2="0" />
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-02.svg b/layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-02.svg
new file mode 100644
index 0000000000..506b2f12fd
--- /dev/null
+++ b/layout/reftests/svg/stroke-linecap-square-w-zero-length-segs-02.svg
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  
+  <title>Test 'stroke-linecap: square' with zero length path segments</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=589648 for path and
+       https://bugzilla.mozilla.org/show_bug.cgi?id=1187770 for line -->
+
+  <script>
+
+function run()
+{
+  document.getElementById('path').setAttribute('stroke-linecap', 'butt');
+  document.getElementById('line').setAttribute('stroke-linecap', 'butt');
+  document.documentElement.removeAttribute('class');
+}
+
+window.addEventListener("MozReftestInvalidate", run, false);
+
+  </script>
+
+  <rect width="100%" height="100%" style="fill:lime"/>
+
+  <path id="path" stroke="red" stroke-width="200" stroke-linecap="square"
+        d="M100,100 L100,100"/>
+
+  <line id="line" stroke="red" stroke-width="200" stroke-linecap="square"
+        x1="300" y1="300" x2="300" y2="300"/>
+
+</svg>
diff --git a/layout/reftests/svg/stroke-width-percentage-01.svg b/layout/reftests/svg/stroke-width-percentage-01.svg
new file mode 100644
index 0000000000..e147ed2fa9
--- /dev/null
+++ b/layout/reftests/svg/stroke-width-percentage-01.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for percentage stroke-width</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=373485 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <line y1="50%" x2="100%" y2="50%" stroke="lime" stroke-width="200%"/>
+
+</svg>
diff --git a/layout/reftests/svg/stroke-width-percentage-02-ref.svg b/layout/reftests/svg/stroke-width-percentage-02-ref.svg
new file mode 100644
index 0000000000..538f013979
--- /dev/null
+++ b/layout/reftests/svg/stroke-width-percentage-02-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect width="100" height="50" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-width-percentage-02a.svg b/layout/reftests/svg/stroke-width-percentage-02a.svg
new file mode 100644
index 0000000000..233baf98a7
--- /dev/null
+++ b/layout/reftests/svg/stroke-width-percentage-02a.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <title>Test percentage stroke-width repaints after viewport size change</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
+  <script>
+
+function doTest() {
+  document.getElementById("inner").setAttribute("width", "100");
+  document.getElementById("inner").setAttribute("height", "100");
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  </script>
+  <svg id="inner" width="50" height="50">
+    <!-- Don't give the line's x/y attributes percentages since that
+         may trigger reflow in which case this test wouldn't be
+         testing what we intend!
+    -->
+    <line x1="50" x2="50" y2="50" stroke="blue" stroke-width="100%"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/stroke-width-percentage-02b.svg b/layout/reftests/svg/stroke-width-percentage-02b.svg
new file mode 100644
index 0000000000..7a02de656e
--- /dev/null
+++ b/layout/reftests/svg/stroke-width-percentage-02b.svg
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait"
+     id="outer" style="width:50px; height:50px;">
+  <title>Test percentage stroke-width repaints after viewport size change</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
+  <script>
+
+function doTest() {
+  document.getElementById("outer").style.width = "100px";
+  document.getElementById("outer").style.height = "100px";
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  </script>
+  <!-- Don't give the line's x/y attributes percentages since that
+       may trigger reflow in which case this test wouldn't be
+       testing what we intend!
+  -->
+  <line x1="50" x2="50" y2="50" stroke="blue" stroke-width="100%"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-width-percentage-03-iframe.svg b/layout/reftests/svg/stroke-width-percentage-03-iframe.svg
new file mode 100644
index 0000000000..5b9ceab1e2
--- /dev/null
+++ b/layout/reftests/svg/stroke-width-percentage-03-iframe.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
+
+  <!-- Don't give the line's x/y attributes percentages since that
+       may trigger reflow in which case this test wouldn't be
+       testing what we intend!
+  -->
+  <line x1="50" x2="50" y2="50" stroke="blue" stroke-width="100%"/>
+</svg>
diff --git a/layout/reftests/svg/stroke-width-percentage-03-ref.xhtml b/layout/reftests/svg/stroke-width-percentage-03-ref.xhtml
new file mode 100644
index 0000000000..52de4624d2
--- /dev/null
+++ b/layout/reftests/svg/stroke-width-percentage-03-ref.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <body>
+    <div id="container" style="width: 100px; height: 50px; background: blue;">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/svg/stroke-width-percentage-03.xhtml b/layout/reftests/svg/stroke-width-percentage-03.xhtml
new file mode 100644
index 0000000000..c702ab8881
--- /dev/null
+++ b/layout/reftests/svg/stroke-width-percentage-03.xhtml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
+<!--
+    This test checks that when the content area of the window resizes without
+    any style change that we reflow stroked SVG elements that have
+    'vector-effect' set to 'non-scaling-stroke' and that are under a
+    transformed ancestor. We use an iframe to allow us to resize the content
+    area of the embedded document without changing its style.
+
+    This test should end up rendering a blue square, 100px by 50px.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="reftest-wait">
+  <head>
+    <style>
+
+#frame {
+  /* width and height are given the same value since percentage stroke resolves
+     as sqrt(width^2 + height^2).
+  */
+  width: 50px;
+  height: 50px;
+  border: 0;
+}
+
+    </style>
+    <script>
+
+function doTest() {
+  document.getElementById("frame").style.width = "100px";
+  document.getElementById("frame").style.height = "100px";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    </script>
+  </head>
+  <body>
+    <iframe id="frame" src="stroke-width-percentage-03-iframe.svg"></iframe>
+  </body>
+</html>
diff --git a/layout/reftests/svg/style-property-on-script-element-01.svg b/layout/reftests/svg/style-property-on-script-element-01.svg
new file mode 100644
index 0000000000..f4f76157bd
--- /dev/null
+++ b/layout/reftests/svg/style-property-on-script-element-01.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Testcase ensuring 'style' is a property of SVGScriptElement</title>
+
+  <!-- For https://bugzilla.mozilla.org/show_bug.cgi?id=379178 -->
+
+  <rect id="rect" width="100%" height="100%" fill="lime"/>
+
+  <script id="script" type="application/javascript">
+
+if (typeof document.getElementById('script').style == 'undefined') {
+  document.getElementById('rect').setAttribute('fill', 'red');
+}
+
+  </script>
+
+</svg>
diff --git a/layout/reftests/svg/style-without-type-attribute.svg b/layout/reftests/svg/style-without-type-attribute.svg
new file mode 100644
index 0000000000..7ea8787198
--- /dev/null
+++ b/layout/reftests/svg/style-without-type-attribute.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+  <title>Testcase for defaulting of 'type' attribute on &lt;style&gt;</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=421464 -->
+
+  <style>
+    #r1 { fill: lime; }
+  </style>
+
+  <style type="">
+    #r2 { fill: lime; }
+  </style>
+
+  <rect id="r1"         width="50%" height="100%" fill="red"/>
+  <rect id="r2" x="50%" width="50%" height="100%" fill="red"/>
+
+</svg>
diff --git a/layout/reftests/svg/suspend-01.svg b/layout/reftests/svg/suspend-01.svg
new file mode 100644
index 0000000000..fa681fbe60
--- /dev/null
+++ b/layout/reftests/svg/suspend-01.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that suspendRedraw doesn't apply after the end of a script</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=734079 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <script>
+    document.documentElement.suspendRedraw(10000);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/suspend-02.svg b/layout/reftests/svg/suspend-02.svg
new file mode 100644
index 0000000000..a9f7ced9c4
--- /dev/null
+++ b/layout/reftests/svg/suspend-02.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <title>Test that suspendRedraw doesn't apply after the end of a script</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=734079 -->
+
+  <script type="text/javascript">
+    <![CDATA[
+
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      document.getElementById("r").setAttribute("fill", "lime");
+      setTimeout(function() {
+        svg.removeAttribute("class");
+      }, 50);
+    }
+    ]]>
+  </script>
+  <rect id="r" width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/suspend-03.svg b/layout/reftests/svg/suspend-03.svg
new file mode 100644
index 0000000000..33ceb09286
--- /dev/null
+++ b/layout/reftests/svg/suspend-03.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that suspendRedraw doesn't apply after the end of a script</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=734079 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      setTimeout(function() {
+        svg.suspendRedraw(10000);
+        setTimeout(function() {
+          svg.removeChild(document.getElementById("r"));
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect id="r" width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/suspend-04.svg b/layout/reftests/svg/suspend-04.svg
new file mode 100644
index 0000000000..5ab4b7f249
--- /dev/null
+++ b/layout/reftests/svg/suspend-04.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <title>Test that suspendRedraw doesn't apply after the end of a script</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script type="text/javascript">
+    <![CDATA[
+
+    document.addEventListener("MozReftestInvalidate", doTest, false);
+    setTimeout(doTest, 4000); // fallback for running outside reftest
+
+    function doTest() {
+      var svg = document.documentElement;
+      setTimeout(function() {
+        svg.suspendRedraw(10000);
+        var r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+        r.setAttribute("width", "100%");
+        r.setAttribute("height", "100%");
+        r.setAttribute("fill", "lime");
+        svg.appendChild(r);
+        svg.removeAttribute("class");
+      }, 50);
+    }
+    ]]>
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/suspend-05.svg b/layout/reftests/svg/suspend-05.svg
new file mode 100644
index 0000000000..eee051d8f3
--- /dev/null
+++ b/layout/reftests/svg/suspend-05.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that unsuspendRedrawAll works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      svg.suspendRedraw(10000);
+      setTimeout(function() {
+        svg.unsuspendRedrawAll();
+        svg.removeAttribute("class");
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/suspend-06.svg b/layout/reftests/svg/suspend-06.svg
new file mode 100644
index 0000000000..46551a25da
--- /dev/null
+++ b/layout/reftests/svg/suspend-06.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that unsuspendRedrawAll works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      setTimeout(function() {
+        svg.suspendRedraw(10000);
+        setTimeout(function() {
+          document.getElementById("r").setAttribute("fill", "lime");
+          svg.unsuspendRedrawAll();
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect id="r" width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/suspend-07.svg b/layout/reftests/svg/suspend-07.svg
new file mode 100644
index 0000000000..25f6e337f7
--- /dev/null
+++ b/layout/reftests/svg/suspend-07.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that unsuspendRedrawAll works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      setTimeout(function() {
+        svg.suspendRedraw(10000);
+        setTimeout(function() {
+          svg.removeChild(document.getElementById("r"));
+          svg.unsuspendRedrawAll();
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect id="r" width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/suspend-08.svg b/layout/reftests/svg/suspend-08.svg
new file mode 100644
index 0000000000..363842911e
--- /dev/null
+++ b/layout/reftests/svg/suspend-08.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" onload="f()">
+  <title>Test that unsuspendRedrawAll works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+
+  <script>
+    function f() {
+      var svg = document.documentElement;
+      setTimeout(function() {
+        svg.suspendRedraw(10000);
+        setTimeout(function() {
+          var r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+          r.setAttribute("width", "100%");
+          r.setAttribute("height", "100%");
+          r.setAttribute("fill", "lime");
+          svg.appendChild(r);
+          svg.unsuspendRedrawAll();
+          svg.removeAttribute("class");
+        }, 1);
+      }, 1);
+    }
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/layout/reftests/svg/svg-blurry-with-subpixel-position-ref.html b/layout/reftests/svg/svg-blurry-with-subpixel-position-ref.html
new file mode 100644
index 0000000000..c315509d72
--- /dev/null
+++ b/layout/reftests/svg/svg-blurry-with-subpixel-position-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+  svg {
+    width:750px;
+    height:750px;
+    margin:3px;
+  }
+</style>
+
+<svg viewBox="0.5 0.5 750 750">
+  <path d="M3,6L277,6M3,12L277,12M3,18L277,18M3,24L277,24M3,30L277,30M3,36L277,36M3,42L277,42M3,48L277,48M3,54L277,54M3,60L277,60M3,66L277,66M3,72L277,72M3,78L277,78M3,84L277,84M3,90L277,90M3,96L277,96M3,102L277,102M3,108L277,108M3,114L277,114" style="stroke-width:1; stroke:black;" />
+  <path d="M6,3L6,277M12,3L12,277M18,3L18,277M24,3L24,277M30,3L30,277M36,3L36,277M42,3L42,277M48,3L48,277M54,3L54,277M60,3L60,277M66,3L66,277M72,3L72,277M78,3L78,277M84,3L84,277M90,3L90,277M96,3L96,277M102,3L102,277M108,3L108,277M114,3L114,277" style="stroke-width:1; stroke:black;" />
+</svg>
diff --git a/layout/reftests/svg/svg-blurry-with-subpixel-position.html b/layout/reftests/svg/svg-blurry-with-subpixel-position.html
new file mode 100644
index 0000000000..20bca71741
--- /dev/null
+++ b/layout/reftests/svg/svg-blurry-with-subpixel-position.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<style>
+  svg {
+    width:750px;
+    height:750px;
+    margin:2.5px;
+  }
+</style>
+
+<svg viewBox="0.5 0.5 750 750">
+  <path d="M3,6L277,6M3,12L277,12M3,18L277,18M3,24L277,24M3,30L277,30M3,36L277,36M3,42L277,42M3,48L277,48M3,54L277,54M3,60L277,60M3,66L277,66M3,72L277,72M3,78L277,78M3,84L277,84M3,90L277,90M3,96L277,96M3,102L277,102M3,108L277,108M3,114L277,114" style="stroke-width:1; stroke:black;" />
+  <path d="M6,3L6,277M12,3L12,277M18,3L18,277M24,3L24,277M30,3L30,277M36,3L36,277M42,3L42,277M48,3L48,277M54,3L54,277M60,3L60,277M66,3L66,277M72,3L72,277M78,3L78,277M84,3L84,277M90,3L90,277M96,3L96,277M102,3L102,277M108,3L108,277M114,3L114,277" style="stroke-width:1; stroke:black;" />
+</svg>
diff --git a/layout/reftests/svg/svg-effects-area-unzoomed-ref.xhtml b/layout/reftests/svg/svg-effects-area-unzoomed-ref.xhtml
new file mode 100644
index 0000000000..48e4c2e0d1
--- /dev/null
+++ b/layout/reftests/svg/svg-effects-area-unzoomed-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test for bug 541270 (SVG Effects area)</title>
+  <style type="text/css">
+  html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; }
+  /* ick, filters can't be display: none or inside of something display:none! */
+  svg { display: block; height: 0; }
+  </style>
+</head>
+<body>
+  <div style="background: #fc3"><div style="background: #3c6; width: 100px;height:25px" /></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-effects-area-unzoomed.xhtml b/layout/reftests/svg/svg-effects-area-unzoomed.xhtml
new file mode 100644
index 0000000000..3b2139b9e6
--- /dev/null
+++ b/layout/reftests/svg/svg-effects-area-unzoomed.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test for bug 541270 (SVG Effects area)</title>
+  <style type="text/css">
+  html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; }
+  /* ick, filters can't be display: none or inside of something display:none! */
+  svg { display: block; height: 0; }
+  </style>
+</head>
+<body>
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+    <defs>
+      <!-- use a filter that doesn't change anything (since the background
+           is opaque, we can apply a gamma correction to the alpha channel)
+           but is unlikely to be optimized away -->
+      <!-- use sRGB to avoid errors creeping in -->
+      <filter id="notMuch" x="0%" y="0%" width="100%" height="100%"
+              style="color-interpolation-filters: sRGB">
+        <feComponentTransfer>
+          <feFuncR type="linear" intercept="0" slope="1" />
+          <feFuncG type="linear" intercept="0" slope="1" />
+          <feFuncB type="linear" intercept="0" slope="1" />
+          <feFuncA type="gamma" exponent="0.5" />
+        </feComponentTransfer>
+      </filter>
+    </defs>
+  </svg>
+  <div style="background: #fc3; filter:url(#notMuch)"><div style="background: #3c6; width: 100px;height:25px" /></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-effects-area-zoomed-in-ref.xhtml b/layout/reftests/svg/svg-effects-area-zoomed-in-ref.xhtml
new file mode 100644
index 0000000000..76b99cb3b2
--- /dev/null
+++ b/layout/reftests/svg/svg-effects-area-zoomed-in-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" reftest-zoom="2">
+<head>
+  <title>Test for bug 541270 (SVG Effects area)</title>
+  <style type="text/css">
+  html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; }
+  /* ick, filters can't be display: none or inside of something display:none! */
+  svg { display: block; height: 0; }
+  </style>
+</head>
+<body>
+  <div style="background: #fc3"><div style="background: #3c6; width: 100px;height:25px" /></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-effects-area-zoomed-in.xhtml b/layout/reftests/svg/svg-effects-area-zoomed-in.xhtml
new file mode 100644
index 0000000000..086b981b4b
--- /dev/null
+++ b/layout/reftests/svg/svg-effects-area-zoomed-in.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" reftest-zoom="2">
+<head>
+  <title>Test for bug 541270 (SVG Effects area)</title>
+  <style type="text/css">
+  html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; }
+  /* ick, filters can't be display: none or inside of something display:none! */
+  svg { display: block; height: 0; }
+  </style>
+</head>
+<body>
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+    <defs>
+      <!-- use a filter that doesn't change anything (since the background
+           is opaque, we can apply a gamma correction to the alpha channel)
+           but is unlikely to be optimized away -->
+      <!-- use sRGB to avoid errors creeping in -->
+      <filter id="notMuch" x="0%" y="0%" width="100%" height="100%"
+              style="color-interpolation-filters: sRGB">
+        <feComponentTransfer>
+          <feFuncR type="linear" intercept="0" slope="1" />
+          <feFuncG type="linear" intercept="0" slope="1" />
+          <feFuncB type="linear" intercept="0" slope="1" />
+          <feFuncA type="gamma" exponent="0.5" />
+        </feComponentTransfer>
+      </filter>
+    </defs>
+  </svg>
+  <div style="background: #fc3; filter:url(#notMuch)"><div style="background: #3c6; width: 100px;height:25px" /></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-effects-area-zoomed-out-ref.xhtml b/layout/reftests/svg/svg-effects-area-zoomed-out-ref.xhtml
new file mode 100644
index 0000000000..494989f09a
--- /dev/null
+++ b/layout/reftests/svg/svg-effects-area-zoomed-out-ref.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" reftest-zoom="0.6">
+<head>
+  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no" />
+  <title>Test for bug 541270 (SVG Effects area)</title>
+  <style type="text/css">
+  html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; }
+  /* ick, filters can't be display: none or inside of something display:none! */
+  svg { display: block; height: 0; }
+  </style>
+</head>
+<body>
+  <div style="background: #fc3"><div style="background: #3c6; width: 100px;height:25px" /></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-effects-area-zoomed-out.xhtml b/layout/reftests/svg/svg-effects-area-zoomed-out.xhtml
new file mode 100644
index 0000000000..8600eb9b75
--- /dev/null
+++ b/layout/reftests/svg/svg-effects-area-zoomed-out.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" reftest-zoom="0.6">
+<head>
+  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no" />
+  <title>Test for bug 541270 (SVG Effects area)</title>
+  <style type="text/css">
+  html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; }
+  /* ick, filters can't be display: none or inside of something display:none! */
+  svg { display: block; height: 0; }
+  </style>
+</head>
+<body>
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+    <defs>
+      <!-- use a filter that doesn't change anything (since the background
+           is opaque, we can apply a gamma correction to the alpha channel)
+           but is unlikely to be optimized away -->
+      <!-- use sRGB to avoid errors creeping in -->
+      <filter id="notMuch" x="0%" y="0%" width="100%" height="100%"
+              style="color-interpolation-filters: sRGB">
+        <feComponentTransfer>
+          <feFuncR type="linear" intercept="0" slope="1" />
+          <feFuncG type="linear" intercept="0" slope="1" />
+          <feFuncB type="linear" intercept="0" slope="1" />
+          <feFuncA type="gamma" exponent="0.5" />
+        </feComponentTransfer>
+      </filter>
+    </defs>
+  </svg>
+  <div style="background: #fc3; filter:url(#notMuch)"><div style="background: #3c6; width: 100px;height:25px" /></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-in-foreignObject-01-ref.xhtml b/layout/reftests/svg/svg-in-foreignObject-01-ref.xhtml
new file mode 100644
index 0000000000..f701e5d010
--- /dev/null
+++ b/layout/reftests/svg/svg-in-foreignObject-01-ref.xhtml
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=411146 -->
+
+  <title>Reference for svg-in-foreignObject-01.xhtml</title>
+
+  <svg width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+  <svg x="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+  <svg y="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+  <svg x="25%" y="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+
+</svg>
diff --git a/layout/reftests/svg/svg-in-foreignObject-01.xhtml b/layout/reftests/svg/svg-in-foreignObject-01.xhtml
new file mode 100644
index 0000000000..0c5cc85cf1
--- /dev/null
+++ b/layout/reftests/svg/svg-in-foreignObject-01.xhtml
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=411146 -->
+
+  <title>Test percentages dimensions for SVG inside a foreignObject</title>
+
+  <foreignObject width="50%" height="50%">
+    <svg xmlns="http://www.w3.org/2000/svg" style="width: 50%; height: 50%">
+      <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+    </svg>
+  </foreignObject>
+
+  <svg x="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+  <svg y="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+  <svg x="25%" y="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+
+</svg>
diff --git a/layout/reftests/svg/svg-in-foreignObject-02.xhtml b/layout/reftests/svg/svg-in-foreignObject-02.xhtml
new file mode 100644
index 0000000000..c7d7bc8bcf
--- /dev/null
+++ b/layout/reftests/svg/svg-in-foreignObject-02.xhtml
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=411146 -->
+
+  <title>Test percentages dimensions for SVG inside a foreignObject</title>
+
+  <foreignObject width="50%" height="50%">
+    <div xmlns="http://www.w3.org/1999/xhtml" style="width:100%;height:100%;">
+      <svg xmlns="http://www.w3.org/2000/svg" style="width: 50%; height: 50%">
+        <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+      </svg>
+    </div>
+  </foreignObject>
+
+  <svg x="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+  <svg y="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+  <svg x="25%" y="25%" width="25%" height="25%">
+    <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
+  </svg>
+
+</svg>
diff --git a/layout/reftests/svg/svg-in-inner-svg-dimensions.svg b/layout/reftests/svg/svg-in-inner-svg-dimensions.svg
new file mode 100644
index 0000000000..7268dfe160
--- /dev/null
+++ b/layout/reftests/svg/svg-in-inner-svg-dimensions.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Test that percentage width/height for inner-&lt;svg&gt; resolves against the nearest &lt;svg&gt; ancestor, not the outer-&lt;svg&gt;</title>
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- This red rect should be covered by the lime one below -->
+  <rect x="50" y="50" width="50" height="50" fill="red"/>
+  <svg width="100" height="100">
+    <svg viewBox="0 0 100 100">
+      <rect x="50" y="50" width="50" height="50" fill="lime"/>
+    </svg>
+  </svg>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/box-decoration-break-01-ref.xhtml b/layout/reftests/svg/svg-integration/box-decoration-break-01-ref.xhtml
new file mode 100644
index 0000000000..45cbb2ee3d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/box-decoration-break-01-ref.xhtml
@@ -0,0 +1,37 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta charset="utf-8" />
+  <style>
+    .clip {
+      clip-path:url(#path);
+    }
+    span {
+      font: 24px sans-serif;
+      line-height: 2;
+      color: lime;
+      background: lime;
+    }
+    br {
+      line-height: 0;
+    }
+  </style>
+</head>
+<body>
+  <h2>Box-Decoration-Break: Clone</h2>
+  <span class="clip">The</span><br />
+  <span class="clip">quick</span><br />
+  <span class="clip">orange fox</span>
+
+  <h2>Box-Decoration-Break: Slice</h2>
+  <span>The</span>
+
+  <svg xmlns="http://www.w3.org/2000/svg" height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <rect x="0" y="0" width="1" height="0.3"/>
+      </clipPath>
+    </defs>
+  </svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/box-decoration-break-01.xhtml b/layout/reftests/svg/svg-integration/box-decoration-break-01.xhtml
new file mode 100644
index 0000000000..a033175cd0
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/box-decoration-break-01.xhtml
@@ -0,0 +1,41 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta charset="utf-8" />
+  <title>Test of box-decoration-break with clip-path: url</title>
+  <style>
+    .clone {
+      box-decoration-break: clone;
+    }
+    span {
+      font: 24px sans-serif;
+      line-height: 2;
+      color: lime;
+      background: lime;
+      clip-path: url(#path);
+    }
+    br {
+      line-height: 0;
+    }
+  </style>
+</head>
+<body>
+  <h2>Box-Decoration-Break: Clone</h2>
+  <span class="clone">The<br />quick<br />orange fox</span>
+
+  <h2>Box-Decoration-Break: Slice</h2>
+  <span>The<br />quick<br />orange fox</span>
+
+  <svg xmlns="http://www.w3.org/2000/svg" height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <rect x="0" y="0" width="1" height="0.3"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/box-decoration-break-02-ref.xhtml b/layout/reftests/svg/svg-integration/box-decoration-break-02-ref.xhtml
new file mode 100644
index 0000000000..43d6d45efa
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/box-decoration-break-02-ref.xhtml
@@ -0,0 +1,27 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta charset="utf-8" />
+  <style>
+    span {
+      font: 24px sans-serif;
+      line-height: 2;
+      color: lime;
+      background: lime;
+    }
+    br {
+      line-height: 0;
+    }
+  </style>
+</head>
+<body>
+  <h2>Box-Decoration-Break: Clone</h2>
+  <span>The</span><br />
+  <span>quick</span><br />
+  <span>orange fox</span>
+
+  <h2>Box-Decoration-Break: Slice</h2>
+  <span>The</span><br />
+  <span>quick</span><br />
+  <span>orange fox</span>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/box-decoration-break-02.xhtml b/layout/reftests/svg/svg-integration/box-decoration-break-02.xhtml
new file mode 100644
index 0000000000..f76d679d15
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/box-decoration-break-02.xhtml
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta charset="utf-8" />
+  <title>Test of box-decoration-break with filter</title>
+  <style>
+    .clone {
+      box-decoration-break: clone;
+    }
+    span {
+      font: 24px sans-serif;
+      line-height: 2;
+      color: lime;
+      background: lime;
+      filter: blur(0px);
+    }
+    br {
+      line-height: 0;
+    }
+  </style>
+</head>
+<body>
+  <h2>Box-Decoration-Break: Clone</h2>
+  <span class="clone">The<br />quick<br />orange fox</span>
+
+  <h2>Box-Decoration-Break: Slice</h2>
+  <span>The<br />quick<br />orange fox</span>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/box-decoration-break-03.xhtml b/layout/reftests/svg/svg-integration/box-decoration-break-03.xhtml
new file mode 100644
index 0000000000..1563b24cf7
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/box-decoration-break-03.xhtml
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta charset="utf-8" />
+  <title>Test of box-decoration-break with clip-path: url and filter</title>
+  <style>
+    .clone {
+      box-decoration-break: clone;
+    }
+    span {
+      font: 24px sans-serif;
+      line-height: 2;
+      color: lime;
+      background: lime;
+      clip-path: url(#path);
+      filter: blur(0px);
+    }
+    br {
+      line-height: 0;
+    }
+  </style>
+</head>
+<body>
+  <h2>Box-Decoration-Break: Clone</h2>
+  <span class="clone">The<br />quick<br />orange fox</span>
+
+  <h2>Box-Decoration-Break: Slice</h2>
+  <span>The<br />quick<br />orange fox</span>
+
+  <svg xmlns="http://www.w3.org/2000/svg" height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <rect x="0" y="0" width="1" height="0.3"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001-ref.html
new file mode 100644
index 0000000000..34def2ff95
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 001</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 100px; height: 100px; border: solid green 50px; background-color: green; clip-path: url(#c1)"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="100" cy="100" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001.html
new file mode 100644
index 0000000000..c506a2b684
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-001.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with no values</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle without values for clipping of a square. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 100px; height: 100px; border: solid green 50px; background-color: green; clip-path: circle();"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002-ref.html
new file mode 100644
index 0000000000..007cd80c9d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 002</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 200px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="100" cy="100" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002.html
new file mode 100644
index 0000000000..c242dc91b3
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-002.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with farthest-side</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with farthest-side for clipping of a square. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 100px; height: 100px; border: solid green 50px; background-color: green; clip-path: circle(farthest-side);"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003-ref.html
new file mode 100644
index 0000000000..4bb8d89ee1
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 003</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="padding-left: 200px; width: 200px; height: 200px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="100" cy="100" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003.html
new file mode 100644
index 0000000000..ae4d2d5098
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-003.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with closest-side</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with the value closest-side for clipping of a square. On pass you
+    should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 100px; height: 100px; border: solid green 50px; background-color: green; clip-path: circle(closest-side);"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004-ref.html
new file mode 100644
index 0000000000..3885dd5547
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 004</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="padding-top: 200px; width: 200px; height: 200px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="100" cy="100" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html
new file mode 100644
index 0000000000..6bff6f8399
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 001</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 0; height: 100px; border: solid green 100px; background-color: green; clip-path: circle(at top 100px left 50%);"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005-ref.html
new file mode 100644
index 0000000000..1a52c69567
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 005</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="padding-top: 200px; width: 200px; height: 200px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="100" cy="300" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html
new file mode 100644
index 0000000000..aeea854ea2
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 002</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-002-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at bottom 100px left 50%);"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006-ref.html
new file mode 100644
index 0000000000..a07cbb66cd
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 006</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 400px; height: 400px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="100" cy="100" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html
new file mode 100644
index 0000000000..423f4b24ca
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 003</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 100px; height: 0; border: solid green 100px; background-color: green; clip-path: circle(at left 100px top 50%);"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007-ref.html
new file mode 100644
index 0000000000..caba51737b
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 007</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="100" cy="100" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html
new file mode 100644
index 0000000000..fbf204fd7e
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 004</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-002-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at right 100px top 50%);"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008-ref.html
new file mode 100644
index 0000000000..cdf8da8ede
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 008</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="150" cy="150" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html
new file mode 100644
index 0000000000..564b6cd105
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 005</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-002-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 200px; padding-left: 200px; background-color: green; clip-path: circle(at left -100px top 50%) content-box;"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009-ref.html
new file mode 100644
index 0000000000..7d055c4d7d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 009</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="200" cy="200" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html
new file mode 100644
index 0000000000..949c6afd14
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 006</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-003-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="padding-right: 200px; width: 0; height: 200px; background-color: green; clip-path: circle(at right -100px top 50%) content-box;"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010-ref.html
new file mode 100644
index 0000000000..7fed7ee45c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's circle function 010</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="padding: 100px; width: 200px; height: 200px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <circle cx="200" cy="200" r="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html
new file mode 100644
index 0000000000..4952c6f48d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 007</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-004-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 200px; padding-top: 200px; background-color: green; clip-path: circle(at top -100px left 50%) content-box;"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html
new file mode 100644
index 0000000000..d2a00b5e80
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 008</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-005-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 200px; padding-bottom: 200px; background-color: green; clip-path: circle(at bottom -100px left 50%) content-box;"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-012.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-012.html
new file mode 100644
index 0000000000..efded811f8
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-012.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 009</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-006-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 400px; height: 400px; background-color: green; clip-path: circle(100px at 100px 100px);"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-013.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-013.html
new file mode 100644
index 0000000000..482980af9b
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-013.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with position 010</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-002-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a rectangle. On pass you should see
+    a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 400px; height: 400px; background-color: green; clip-path: circle(25% at 25% 25%);"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-014.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-014.html
new file mode 100644
index 0000000000..3c4b35d7d3
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-014.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with border-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-007-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position and the keyword border-box for clipping of a
+    rectangle. On pass you should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; clip-path: circle(100px at 100px 100px) border-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-015.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-015.html
new file mode 100644
index 0000000000..bc8e161cc6
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-015.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with padding-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-008-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position and the keyword padding-box for clipping of a
+    rectangle. On pass you should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; clip-path: circle(100px at 100px 100px) padding-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-016.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-016.html
new file mode 100644
index 0000000000..7cea5f2bbb
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-016.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with content-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-009-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position and the keyword content-box for clipping of a
+    rectangle. On pass you should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; clip-path: circle(100px at 100px 100px) content-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-017.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-017.html
new file mode 100644
index 0000000000..4947ac1a27
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-017.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function with margin-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-007-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position and the keyword margin-box for clipping of a
+    rectangle. On pass you should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; box-shadow: 0 0 0 50px green; clip-path: circle(100px at 150px 150px) margin-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-018.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-018.html
new file mode 100644
index 0000000000..b41d7aecc5
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-018.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function on rectangle 001</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-010-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a differently sized rectangle. On
+    pass you should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 100px; background-color: green; clip-path: circle(farthest-side at center 100px) content-box; padding: 100px;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-019.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-019.html
new file mode 100644
index 0000000000..395002a2d2
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-019.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function on rectangle 002</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-002-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a differently sized rectangle. On
+    pass you should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 200px; height: 400px; background-color: green; clip-path: circle(closest-side at center 100px) content-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-020.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-020.html
new file mode 100644
index 0000000000..82b52ae457
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-020.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function on rectangle 003</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-002-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    circle with a position for clipping of a differently sized rectangle. This
+    also tests the correct usage of the specified formula:
+      r = sqrt(width^2 + height^2)
+    On pass you should see a green circle.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 60px; height: 80px; padding: 60px 70px 60px 70px; background-color: green; clip-path: circle(100px) content-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021-ref.html
new file mode 100644
index 0000000000..c87ded532f
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021-ref.html
@@ -0,0 +1,16 @@
+<!--
+  Any copyright is dedicated to the Public Domain.
+  http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function on circle 021</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 600px; height: 600px; background-color: green; clip-path: circle();"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021.html
new file mode 100644
index 0000000000..a9229e6ea7
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-021.html
@@ -0,0 +1,20 @@
+<!--
+  Any copyright is dedicated to the Public Domain.
+  http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and circle function on circle 021</title>
+  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-circle-021-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape circle() with large reference box and percentage radius.">
+</head>
+<body>
+  <p>The test passes if there is a green circle.</p>
+  <div style="width: 600px; height: 600px; background-color: green; clip-path: circle(50%);"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001-ref.html
new file mode 100644
index 0000000000..fc0392da94
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001-ref.html
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's ellipse function 001</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 400px; height: 200px; background-color: green; clip-path: url(#c1);"></div>
+  <svg>
+    <clipPath id="c1">
+      <ellipse cx="200" cy="100" rx="200" ry="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001.html
new file mode 100644
index 0000000000..77ff7b9b0e
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-001.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function without values</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse without values for clipping of a rectangle. On pass you should see
+    a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 400px; height: 200px; background-color: green; clip-path: ellipse();"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-002.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-002.html
new file mode 100644
index 0000000000..6b80585b90
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-002.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function with absolute radii</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse with absolute radii for clipping of a rectangle. On pass you should
+    see a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 400px; height: 200px; background-color: green; clip-path: ellipse(200px 100px);"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-003.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-003.html
new file mode 100644
index 0000000000..9b1051d189
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-003.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function percentage radii</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse with percentage radii for clipping of a rectangle. On pass you
+    should see a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 400px; height: 200px; background-color: green; clip-path: ellipse(50% 50%);"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-004.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-004.html
new file mode 100644
index 0000000000..b1d05cddf5
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-004.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function with farthest-side</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse with the value farthest-side for clipping of a rectangle. On pass
+    you should see a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 400px; height: 200px; background-color: green; clip-path: ellipse(farthest-side farthest-side);"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html
new file mode 100644
index 0000000000..116a08e4c1
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function with closest-side</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse with the value closest-side and position for clipping of a
+    rectangle. On pass you should see a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 400px; height: 200px; padding-top: 200px; background-color: green; clip-path: ellipse(closest-side closest-side at top -100px left 50%) content-box;"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-006.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-006.html
new file mode 100644
index 0000000000..39c07e98e4
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-006.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function with position 001</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse with a position for clipping of a rectangle. On pass you should see
+    a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 400px; height: 200px; padding-left: 200px; background-color: green; clip-path: ellipse(200px closest-side at left center) content-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-007.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-007.html
new file mode 100644
index 0000000000..ca23693c2c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-007.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function with position 002</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse with a position for clipping of a rectangle. On pass you should see
+    a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 200px; height: 200px; padding-left: 200px; background-color: green; clip-path: ellipse(farthest-side 50% at left center) content-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-008.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-008.html
new file mode 100644
index 0000000000..560cfc0761
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-008.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and ellipse function with border-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-ellipse-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    ellipse with the keyword border-box for clipping of a rectangle. On pass
+    you should see a green horizontal ellipse.">
+</head>
+<body>
+  <p>The test passes if there is a green horizontal ellipse.</p>
+  <div style="width: 200px; height: 200px; padding-left: 200px; background-color: green; clip-path: ellipse(closest-side closest-side) border-box;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001-ref.html
new file mode 100644
index 0000000000..6bfa2d39fd
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001-ref.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reference for clip-path's inset function 001</title>
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 100px;
+      height: 100px;
+      border: solid green 40px;
+      background-color: green;
+      position: relative;
+      top: 10px;
+      left: 10px;
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green square not touching the edges</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001a.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001a.html
new file mode 100644
index 0000000000..35eab0305c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001a.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and inset function with 10px on all sides</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape">
+  <link rel="match" href="clip-path-inset-001-ref.html">
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 100px;
+      height: 100px;
+      border: solid green 50px;
+      background-color: green;
+      clip-path: inset(10px);
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green square not touching the edges</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001b.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001b.html
new file mode 100644
index 0000000000..7af06c8907
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001b.html
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and inset function with different insets on each side</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape">
+  <link rel="match" href="clip-path-inset-001-ref.html">
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 120px;
+      height: 100px;
+      border: solid green 50px;
+      background-color: green;
+      clip-path: inset(10px 20px);
+      position: relative;
+      left: -10px;
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green square not touching the edges</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001c.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001c.html
new file mode 100644
index 0000000000..81c016084c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-001c.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and inset function with different insets for all 4 sides</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape">
+  <link rel="match" href="clip-path-inset-001-ref.html">
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 110px;
+      height: 100px;
+      border: solid green 50px;
+      background-color: green;
+      clip-path: inset(5px 10px 15px 20px);
+      position: relative;
+      left: -10px;
+      top: 5px;
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green square not touching the edges</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002-ref.html
new file mode 100644
index 0000000000..1c15399e3d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002-ref.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reference for clip-path's inset function (with rounded corners) 002</title>
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 180px;
+      height: 180px;
+      background-color: green;
+      position: relative;
+      top: 10px;
+      left: 10px;
+      border-radius: 20px;
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green rect not touching the sides with rounded corners</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002a.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002a.html
new file mode 100644
index 0000000000..2ac95f1beb
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002a.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and inset function with uniformly rounded corners</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape">
+  <link rel="match" href="clip-path-inset-002-ref.html">
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 100px;
+      height: 100px;
+      border: solid green 50px;
+      background-color: green;
+      clip-path: inset(10px round 20px);
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green rect not touching the sides with rounded corners</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002b.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002b.html
new file mode 100644
index 0000000000..1a87f8258a
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002b.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and inset function with uniformly rounded corners</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape">
+  <link rel="match" href="clip-path-inset-002-ref.html">
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 100px;
+      height: 100px;
+      border: solid green 50px;
+      background-color: green;
+      clip-path: inset(10px round 20px 20px 20px 20px);
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green rect not touching the sides with rounded corners</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002c.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002c.html
new file mode 100644
index 0000000000..01b60634f7
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-002c.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and inset function with uniformly rounded corners</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape">
+  <link rel="match" href="clip-path-inset-002-ref.html">
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 100px;
+      height: 100px;
+      border: solid green 50px;
+      background-color: green;
+      clip-path: inset(10px round 20px / 20px);
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green rect not touching the sides with rounded corners</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003-ref.html
new file mode 100644
index 0000000000..faec64ce7c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003-ref.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Ref test for clip-path's inset function (with different rounded corners) 003</title>
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 180px;
+      height: 180px;
+      background-color: green;
+      position: relative;
+      top: 10px;
+      left: 10px;
+      border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px;
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green rect not touching the sides with rounded corners, with different radii</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003.html
new file mode 100644
index 0000000000..5c57c39239
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-inset-003.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and inset function with different rounded corners</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape">
+  <link rel="match" href="clip-path-inset-003-ref.html">
+  <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com">
+  <style type="text/css">
+    #square {
+      width: 100px;
+      height: 100px;
+      border: solid green 50px;
+      background-color: green;
+      clip-path: inset(10px round 10px 20px 30px 40px / 50px 60px 70px 80px);
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there is a green rect not touching the sides with rounded corners, with different radii</p>
+  <div id="square"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-001.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-001.html
new file mode 100644
index 0000000000..bd3093f15b
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-001.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and polygon function with absolute values</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-rectangle-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    'polygon' for clipping. Test absolute value arguments. On pass you should
+    see a green square and no red.">
+</head>
+<body>
+  <p>The test passes if there is a green rectangle and no red.</p>
+  <div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: polygon(50px 50px, 200px 50px, 200px 150px, 50px 150px)"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-002.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-002.html
new file mode 100644
index 0000000000..b34a73228e
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-002.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and polygon function with percentage values</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-rectangle-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    'polygon' for clipping. Test percentage values for arguments. Percentage
+    values are relative to specified reference box. If no reference box was
+    specified, percentage values are relative to border-box. A number of
+    percentage values are specified as coordinates. On pass you should see a
+    green square and no red.">
+</head>
+<body>
+  <p>The test passes if there is a green rectangle and no red.</p>
+  <div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: polygon(20% 25%, 80% 25%, 80% 75%, 20% 75%)"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-003.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-003.html
new file mode 100644
index 0000000000..067a3f939a
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-003.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and polygon function with absolute and percentage values</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-rectangle-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    'polygon' for clipping. Test absolute and percentage value arguments. On
+    pass you should see a green square and no red.">
+</head>
+<body>
+  <p>The test passes if there is a green rectangle and no red.</p>
+  <div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; position: absolute; clip-path: polygon(20% 50px, 200px 25%, 200px 150px, 20% 75%)"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-004.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-004.html
new file mode 100644
index 0000000000..7c937ed3ea
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-004.html
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and polygon function with fill rule evenodd</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-rectangle-border-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape 'polygon' for clipping.
+    The point list for the polygon creates a 'whole' with the dimension of the background. With
+    the fill rule 'evenodd', this whole is clipped out. The clipping makes the green background
+    of the parent div box visible.
+    On pass you should see a green box with a blue border.">
+</head>
+<body>
+  <p>The test passes if there is a green rectangle with a blue border.</p>
+  <div style="background-color: green; width: 250px;">
+    <div style="width: 150px; height: 100px; border: solid blue 50px; background-color: red; clip-path: polygon(evenodd, 0 0, 250px 0, 250px 200px, 0 200px, 0 50px, 200px 50px, 200px 150px, 50px 150px, 50px 50px, 0 50px)"></div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-005.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-005.html
new file mode 100644
index 0000000000..5b141290fe
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-005.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and polygon function with fill rule nonzero</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-rectangle-border-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+    'polygon' for clipping. The point list for the polygon creates a 'hole'
+    with the dimension of the background of the clipped element. With the fill
+    rule 'nonzero', this hole is clipped out. The clipping makes the green
+    background of the parent div box visible. On pass you should see a green
+    square with a blue border.">
+</head>
+<body>
+  <p>The test passes if there is a green rectangle with a blue border.</p>
+  <div style="background-color: green; width: 250px;">
+    <div style="width: 150px; height: 100px; border: solid blue 50px; background-color: red; clip-path: polygon(nonzero, 0 0, 250px 0, 250px 200px, 0 200px, 0 50px, 50px 50px, 50px 150px, 200px 150px, 200px 50px, 0 50px)"></div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-006.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-006.html
new file mode 100644
index 0000000000..cb345de91d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-006.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with padding-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-square-001-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box 'padding-box' for the polygon() function by mixing percentage
+    and absolute values as coordinates. On sucess you should see a green square
+    and no red.">
+</head>
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 50px;
+}
+</style>
+<body>
+  <p>The test passes if there is a green square and no red.</p>
+  <div style="clip-path: polygon(0% 0%, 100% 0%, 100px 100%, 0 100px) padding-box"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-007.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-007.html
new file mode 100644
index 0000000000..9d3c2dc9c3
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-007.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with border-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-stripes-001-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box 'border-box' for the polygon() function by mixing percentage
+    and absolute values as coordinates. On sucess you should see a green
+    vertical stripe next to a lime green vertical stripe. Both should be of equal
+    size.">
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 50px;
+  border-left: lime solid 50px;
+}
+</style>
+<body>
+  <p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
+  <div style="clip-path: polygon(0% 25%, 50% 50px, 100px 75%, 0 150px) border-box"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-008.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-008.html
new file mode 100644
index 0000000000..04edaf5a5a
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-008.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with margin-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-stripes-002-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box 'margin-box' for the polygon() function by mixing percentage
+    and absolute values as coordinates. On sucess you should see a green
+    vertical stripe next to a lime green vertical stripe. Both should be of equal
+    size.">
+</head>
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 25px;
+  border-left: lime solid 25px;
+}
+</style>
+<body>
+  <p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
+  <div style="clip-path: polygon(12.5% 25%, 37.5% 50px, 75px 50%, 25px 100px) margin-box"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-009.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-009.html
new file mode 100644
index 0000000000..2debdc38e4
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-009.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with content-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-square-002-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box 'content-box' for the polygon() function by mixing percentage
+    and absolute values as coordinates. On sucess you should see a green square
+    and no red.">
+</head>
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 25px;
+}
+</style>
+<body>
+  <p>The test passes if there is a green square and no red.</p>
+  <div style="clip-path: polygon(0% 0px, 50px 0%, 100% 50px, 0px 100%) content-box"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-010.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-010.html
new file mode 100644
index 0000000000..37f1ad5f81
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-010.html
@@ -0,0 +1,37 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with fill-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-stripes-001-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box. 'fill-box' was specified but is not supported for HTML
+    elements. The used value should be 'border-box' for the polygon() function
+    instead. By mixing percentage and absolute values as coordinates we check
+    the correct used reference box. On sucess you should see a green
+    vertical stripe next to a lime green vertical stripe. Both should be of equal
+    size.">
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 50px;
+  border-left: lime solid 50px;
+}
+</style>
+<body>
+  <p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
+  <div style="clip-path: polygon(-75px -50%, 50% -25px, 25px 150%, -75px 75px)
+    fill-box"></div>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-011.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-011.html
new file mode 100644
index 0000000000..f8a80ef2df
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-011.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with stroke-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-stripes-001-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box. 'stroke-box' was specified but is not supported for HTML
+    elements. The used value should be 'border-box' for the polygon() function
+    instead. By mixing percentage and absolute values as coordinates we check
+    the correct used reference box. On sucess you should see a green
+    vertical stripe next to a lime green vertical stripe. Both should be of equal
+    size.">
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 50px;
+  border-left: lime solid 50px;
+}
+</style>
+<body>
+  <p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
+  <div style="clip-path: polygon(0% 25%, 50% 50px, 100px 75%, 0 150px) stroke-box"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-012.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-012.html
new file mode 100644
index 0000000000..dc48d662e5
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-012.html
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with view-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-stripes-001-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box. 'view-box' was specified but is not supported for HTML
+    elements. The used value should be 'border-box' for the polygon() function
+    instead. By mixing percentage and absolute values as coordinates we check
+    the correct used reference box. On sucess you should see a green
+    vertical stripe next to a lime green vertical stripe. Both should be of equal
+    size.">
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 50px;
+  border-left: lime solid 50px;
+}
+</style>
+<body>
+  <p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
+  <div style="clip-path: polygon(0% 25%, 50% 50px, 100px 75%, 0 150px) view-box"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-013.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-013.html
new file mode 100644
index 0000000000..203c7e1015
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-polygon-013.html
@@ -0,0 +1,51 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon different units</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-stripes-003-ref.html">
+  <meta name="assert" content="Test the support of different units for
+    polygon coordinates. The test passes if you see a multiple green and blue
+    stripe pairs. For each pair, the blue and green stripe must be of same
+    length.">
+<style>
+div {
+  width: 100%;
+  height: 20px;
+  background-color: green;
+  padding: 0;
+  margin: 0;
+}
+div:nth-child(odd) {
+  margin-bottom: 5px;
+  background-color: blue;
+}
+</style>
+<body>
+  <p>The test passes if you see a multiple green and blue stripe pairs. For each pair, the blue and green stripe must be of same length.</p>
+  <div style="clip-path: polygon(0 0, 50% 0, 50% 20px, 0 20px)"></div>
+  <div style="width: 50%"></div>
+
+  <div style="clip-path: polygon(0 0, 20em 0, 20em 20px, 0 20px)"></div>
+  <div style="width: 20em"></div>
+
+  <!-- Activate when SVG2 is supported.
+  <div style="clip-path: polygon(0 0, 50vw 0, 50vw 20px, 0 20px)"></div>
+  <div style="width: 50vw"></div>
+
+  <div style="clip-path: polygon(0 0, 40vh 0, 40vh 20px, 0 20px)"></div>
+  <div style="width: 40vh"></div>
+
+  <div style="clip-path: polygon(0 0, calc(30% + 15px) 0, calc(30% + 15px) 20px, 0 20px)"></div>
+  <div style="width: calc(30% + 15px)"></div>-->
+
+  <div style="clip-path: polygon(0 0, 30ex 0, 30ex 20px, 0 20px)"></div>
+  <div style="width: 30ex"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-border-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-border-ref.html
new file mode 100644
index 0000000000..2a9f65f163
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-border-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green rectangle with a blue border.</p>
+  <div style="width: 150px; height: 100px; border: solid blue 50px; background-color: green;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-ref.html
new file mode 100644
index 0000000000..45bc902c3d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-rectangle-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green rectangle and no red.</p>
+  <div style="margin-top: 50px; margin-left: 50px; position: absolute; width: 150px; height: 100px; background-color: green;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-square-001-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-square-001-ref.html
new file mode 100644
index 0000000000..f0f26e065c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-square-001-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reftest reference</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green square and no red.</p>
+  <div style="width: 100px; height: 100px; background-color: green; margin: 75px;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-square-002-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-square-002-ref.html
new file mode 100644
index 0000000000..1831ecebae
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-square-002-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reftest reference</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<body>
+  <p>The test passes if there is a green square and no red.</p>
+  <div style="width: 50px; height: 50px; background-color: green; margin: 75px;"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-001-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-001-ref.html
new file mode 100644
index 0000000000..6add82da00
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-001-ref.html
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path and polygon with border-box</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
+  <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
+  <link rel="match" href="clip-path-stripes-001-ref.html">
+  <meta name="assert" content="The clip-path property allows specifying
+    basic shapes and reference boxes. This test checks the usage of the correct
+    reference box 'border-box' for the polygon() function by mixing percentage
+    and absolute values as coordinates. On sucess you should see a green
+    vertical stripe next to a lime green vertical stripe. Both should be of equal
+    size.">
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 50px;
+  border-left: lime solid 50px;
+}
+</style>
+<body>
+  <p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
+  <div style="clip-path: url(#c1)"></div>
+  <svg>
+    <clipPath id="c1">
+      <rect x="0" y="50" width="100" height="100"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-002-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-002-ref.html
new file mode 100644
index 0000000000..6a0132fb69
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-002-ref.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reftest reference</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+</head>
+<style>
+div {
+  width: 50px;
+  height: 50px;
+  background-color: green;
+  padding: 25px;
+  margin: 25px;
+  border: red solid 25px;
+  border-left: lime solid 25px;
+}
+</style>
+<body>
+  <p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
+  <div style="clip-path: polygon(12.5% 25%, 37.5% 50px, 75px 50%, 25px 100px) margin-box"></div>
+  <svg>
+    <clipPath id="c1">
+      <rect x="0" y="50" width="50" height="50"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-003-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-003-ref.html
new file mode 100644
index 0000000000..731ff91533
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-stripes-003-ref.html
@@ -0,0 +1,63 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reftest reference</title>
+  <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
+<style>
+div {
+  height: 20px;
+  width: 100%;
+  background-color: green;
+  padding: 0;
+  margin: 0;
+}
+div:nth-child(odd) {
+  margin-bottom: 5px;
+  background-color: blue;
+}
+</style>
+<body>
+  <p>The test passes if you see a multiple green and blue stripe pairs. For each pair, the blue and green stripe must be of same length.</p>
+  <div style="clip-path: url(#c1)"></div>
+  <div style="width: 50%"></div>
+
+  <div style="clip-path: url(#c2)"></div>
+  <div style="width: 20em"></div>
+
+  <!--<div style="clip-path: url(#c3)"></div>
+  <div style="width: 50vw"></div>
+
+  <div style="clip-path: url(#c4)"></div>
+  <div style="width: 40vh"></div>
+
+  <div style="clip-path: url(#c5)"></div>
+  <div style="width: calc(30% + 15px)"></div>-->
+
+  <div style="clip-path: url(#c6)"></div>
+  <div style="width: 30ex"></div>
+  <svg>
+    <clipPath id="c1" clipPathUnits="objectBoundingBox">
+      <rect width="0.5" height="1"/>
+    </clipPath>
+    <clipPath id="c2">
+      <rect width="20em" height="20"/>
+    </clipPath>
+    <!--<clipPath id="c3">
+      <rect width="50vw" height="20"/>
+    </clipPath>
+    <clipPath id="c4">
+      <rect width="40vh" height="20"/>
+    </clipPath>
+    <clipPath id="c5">
+      <rect width="calc(30% + 15px)" height="20"/>
+    </clipPath>-->
+    <clipPath id="c6">
+      <rect width="30ex" height="20"/>
+    </clipPath>
+  </svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001-ref.html
new file mode 100644
index 0000000000..64d41f90c5
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+</head>
+<body>
+  <svg width="367" height="146.8" style="overflow: hidden;" aria-label="A chart.">
+    <g>
+      <rect x="20" y="22" width="297" height="119" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
+      <g>
+        <g>
+          <rect x="20" y="140" width="297" height="1" stroke="none" stroke-width="0" fill="#dddddd"></rect>
+        </g>
+        <g>
+          <path d="M25.785714285714285,131.35382L36.35714285714286,140.5L46.92857142857143,136.76864333333333L57.5,140.5L68.07142857142857,140.5L78.64285714285714,108.29988466666667L89.21428571428571,140.5L99.78571428571428,138.777318L110.35714285714286,140.5L120.92857142857143,136.838106L131.5,136.09950466666666L142.07142857142856,137.82533333333333L152.64285714285714,128.40448866666668L163.21428571428572,133.099748L173.78571428571428,140.5L184.35714285714286,125.99917666666667L194.92857142857142,127.75560666666667L205.5,134.93449066666668L216.07142857142856,125.536184L226.64285714285714,140.29468L237.21428571428572,138.080528L247.78571428571428,136.22847866666666L258.3571428571429,140.5L268.92857142857144,122.33464733333334L279.5,140.5L290.07142857142856,140.5L300.6428571428571,32.77095600000001L311.2142857142857,106.47371666666666" stroke="#5f8fc9" stroke-width="2" fill-opacity="1" fill="none"></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001.html
new file mode 100644
index 0000000000..30ddee2d56
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-stroke-001.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+</head>
+<body>
+  <svg width="367" height="146.8" style="overflow: hidden;" aria-label="A chart.">
+    <defs id="defs">
+      <clipPath id="_ABSTRACT_RENDERER_ID_1">
+        <rect x="20" y="22" width="297" height="124"></rect>
+      </clipPath>
+    </defs>
+    <g>
+      <rect x="20" y="22" width="297" height="119" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
+      <g clip-path="url(#_ABSTRACT_RENDERER_ID_1)">
+        <g>
+          <rect x="20" y="140" width="297" height="1" stroke="none" stroke-width="0" fill="#dddddd"></rect>
+        </g>
+        <g>
+          <path d="M25.785714285714285,131.35382L36.35714285714286,140.5L46.92857142857143,136.76864333333333L57.5,140.5L68.07142857142857,140.5L78.64285714285714,108.29988466666667L89.21428571428571,140.5L99.78571428571428,138.777318L110.35714285714286,140.5L120.92857142857143,136.838106L131.5,136.09950466666666L142.07142857142856,137.82533333333333L152.64285714285714,128.40448866666668L163.21428571428572,133.099748L173.78571428571428,140.5L184.35714285714286,125.99917666666667L194.92857142857142,127.75560666666667L205.5,134.93449066666668L216.07142857142856,125.536184L226.64285714285714,140.29468L237.21428571428572,138.080528L247.78571428571428,136.22847866666666L258.3571428571429,140.5L268.92857142857144,122.33464733333334L279.5,140.5L290.07142857142856,140.5L300.6428571428571,32.77095600000001L311.2142857142857,106.47371666666666" stroke="#5f8fc9" stroke-width="2" fill-opacity="1" fill="none"></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001-ref.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001-ref.html
new file mode 100644
index 0000000000..f4a0c48e93
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001-ref.html
@@ -0,0 +1,5 @@
+<svg>
+    <g>
+        <circle cx="50" cy="50" r="50" style="fill: green;"></circle>
+    </g>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001.html
new file mode 100644
index 0000000000..44ec2997f2
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-transform-001.html
@@ -0,0 +1,10 @@
+<svg>
+    <defs>
+        <clipPath id="clip" transform="translate(-50,0)">
+            <rect x="0" y="0" width="100" height="100" transform="translate(50,0)"></rect>
+        </clipPath>
+    </defs>
+    <g clip-path="url(#clip)">
+        <circle cx="50" cy="50" r="50" style="fill: green;"></circle>
+    </g>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/clip-path/reftest.list b/layout/reftests/svg/svg-integration/clip-path/reftest.list
new file mode 100644
index 0000000000..82d4c813f5
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clip-path/reftest.list
@@ -0,0 +1,61 @@
+# These tests verify that CSS clip-path behaves properly.
+# e.g. clip-path: polygon(nonzero, 3px 3px, 20% 20%)
+
+# Following tests adapted from W3C csswg-test repo
+== clip-path-polygon-001.html clip-path-rectangle-ref.html
+== clip-path-polygon-002.html clip-path-rectangle-ref.html
+== clip-path-polygon-003.html clip-path-rectangle-ref.html
+== clip-path-polygon-004.html clip-path-rectangle-border-ref.html
+== clip-path-polygon-005.html clip-path-rectangle-border-ref.html
+== clip-path-polygon-006.html clip-path-square-001-ref.html
+== clip-path-polygon-007.html clip-path-stripes-001-ref.html
+== clip-path-polygon-008.html clip-path-stripes-002-ref.html
+== clip-path-polygon-009.html clip-path-square-002-ref.html
+== clip-path-polygon-010.html clip-path-stripes-001-ref.html
+== clip-path-polygon-011.html clip-path-stripes-001-ref.html
+== clip-path-polygon-012.html clip-path-stripes-001-ref.html
+fuzzy(0-1,0-20) == clip-path-polygon-013.html clip-path-stripes-003-ref.html
+
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-001.html clip-path-circle-001-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-002.html clip-path-circle-001-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-003.html clip-path-circle-001-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-004.html clip-path-circle-001-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-005.html clip-path-circle-002-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-006.html clip-path-circle-001-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-007.html clip-path-circle-002-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-008.html clip-path-circle-002-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-009.html clip-path-circle-003-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-010.html clip-path-circle-004-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-011.html clip-path-circle-005-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-012.html clip-path-circle-006-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-013.html clip-path-circle-002-ref.html
+fuzzy-if(!useDrawSnapshot,34-70,696-925) == clip-path-circle-014.html clip-path-circle-007-ref.html
+fuzzy-if(!useDrawSnapshot,34-70,696-925) == clip-path-circle-015.html clip-path-circle-008-ref.html
+fuzzy-if(!useDrawSnapshot,34-70,696-925) == clip-path-circle-016.html clip-path-circle-009-ref.html
+fuzzy-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu),0-16,0-9) fuzzy-if(!useDrawSnapshot,34-70,696-920) == clip-path-circle-017.html clip-path-circle-007-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-018.html clip-path-circle-010-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-019.html clip-path-circle-002-ref.html
+fuzzy-if(!useDrawSnapshot,35-70,696-800) == clip-path-circle-020.html clip-path-circle-002-ref.html
+fuzzy-if(winWidget||cocoaWidget,0-1,0-11) == clip-path-circle-021.html clip-path-circle-021-ref.html
+
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-001.html clip-path-ellipse-001-ref.html
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-002.html clip-path-ellipse-001-ref.html
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-003.html clip-path-ellipse-001-ref.html
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-004.html clip-path-ellipse-001-ref.html
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-005.html clip-path-ellipse-001-ref.html
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-006.html clip-path-ellipse-001-ref.html
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-007.html clip-path-ellipse-001-ref.html
+fuzzy-if(!useDrawSnapshot,36-40,1096-1162) == clip-path-ellipse-008.html clip-path-ellipse-001-ref.html
+
+== clip-path-inset-001a.html clip-path-inset-001-ref.html
+== clip-path-inset-001b.html clip-path-inset-001-ref.html
+== clip-path-inset-001c.html clip-path-inset-001-ref.html
+# Anti-aliasing behavior for masking and borders is different
+fuzzy-if(useDrawSnapshot,0-64,0-146) fuzzy-if(!useDrawSnapshot,0-2,0-28) == clip-path-inset-002a.html clip-path-inset-002-ref.html
+fuzzy-if(useDrawSnapshot,0-64,0-146) fuzzy-if(!useDrawSnapshot,0-2,0-28) == clip-path-inset-002b.html clip-path-inset-002-ref.html
+fuzzy-if(useDrawSnapshot,0-64,0-146) fuzzy-if(!useDrawSnapshot,0-2,0-28) == clip-path-inset-002c.html clip-path-inset-002-ref.html
+fuzzy-if(useDrawSnapshot,0-64,0-340) fuzzy-if(!useDrawSnapshot,0-1,0-60) == clip-path-inset-003.html clip-path-inset-003-ref.html
+
+fuzzy(0-1,0-17) == clip-path-stroke-001.html clip-path-stroke-001-ref.html
+
+== clip-path-transform-001.html clip-path-transform-001-ref.html
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-01-extref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-01-extref.xhtml
new file mode 100644
index 0000000000..7751e5f1fb
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-01-extref.xhtml
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="position:absolute; top:0; left:0; clip-path: url(clipPath-html-01.xhtml#c1); width:500px; height:500px; background:lime;"></div>
+  <svg:svg height="0">
+    <!-- use an empty g to force clipPath-html-01.xhtml to load before onload -->
+    <svg:use xlink:href="clipPath-html-01.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-01-ref.svg b/layout/reftests/svg/svg-integration/clipPath-html-01-ref.svg
new file mode 100644
index 0000000000..182b042172
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-01-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+ <rect x="250" y="0" width="250" height="500" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-01.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-01.xhtml
new file mode 100644
index 0000000000..d1f5135053
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-01.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:500px; height:500px; background:lime;"></div>
+  <svg:svg height="0">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
+      <svg:rect x="0.5" y="0" width="0.5" height="1"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-02-extref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-02-extref.xhtml
new file mode 100644
index 0000000000..433d5d471f
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-02-extref.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(clipPath-html-02.xhtml#c1); width:500px; height:200px; background:lime;">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:blue;"/>
+  </div>
+  <svg:svg height="0">
+    <!-- use an empty g to force clipPath-html-02.xhtml to load before onload -->
+    <svg:use xlink:href="clipPath-html-02.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-02-ref.svg b/layout/reftests/svg/svg-integration/clipPath-html-02-ref.svg
new file mode 100644
index 0000000000..83065a0cd6
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-02-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect x="0" y="0" width="500" height="200" fill="lime"/>
+  <rect x="0" y="200" width="500" height="120" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-02.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-02.xhtml
new file mode 100644
index 0000000000..8429e71c7a
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-02.xhtml
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:500px; height:200px; background:lime;">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:blue;"/>
+  </div>
+
+  <svg:svg height="0">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
+      <svg:rect x="0" y="0" width="1" height="0.8"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-03-extref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-03-extref.xhtml
new file mode 100644
index 0000000000..fb0d8e87cf
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-03-extref.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(clipPath-html-03.xhtml#c1); width:500px; height:200px; background:lime;">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:blue;"/>
+  </div>
+  <svg:svg height="0">
+    <!-- use an empty g to force clipPath-html-03.xhtml to load before onload -->
+    <svg:use xlink:href="clipPath-html-03.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-03-ref.svg b/layout/reftests/svg/svg-integration/clipPath-html-03-ref.svg
new file mode 100644
index 0000000000..19cf5eb16b
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-03-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect x="0" y="0" width="100" height="150" fill="lime"/>
+  <rect x="100" y="0" width="100" height="200" fill="lime"/>
+  <rect x="100" y="200" width="100" height="100" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-03.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-03.xhtml
new file mode 100644
index 0000000000..eb6a1edbcc
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-03.xhtml
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:500px; height:200px; background:lime;">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:blue;"/>
+  </div>
+
+  <svg:svg height="0">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:clipPath id="c1">
+      <svg:rect x="0" y="0" width="100" height="150"/>
+      <svg:rect x="100" y="0" width="100" height="300"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-04-extref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-04-extref.xhtml
new file mode 100644
index 0000000000..4f35f255bf
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-04-extref.xhtml
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; }
+</style>
+</head>
+<body style="margin:0; width:350px; line-height:100px;">
+  <span class="unit"/><span class="unit"
+  /><span style="clip-path:url(clipPath-html-04.xhtml#c1); background:lime;"><span class="unit"/><span class="unit"
+  /></span>
+  <svg:svg height="0">
+    <!-- use an empty g to force clipPath-html-04.xhtml to load before onload -->
+    <svg:use xlink:href="clipPath-html-04.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-04-ref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-04-ref.xhtml
new file mode 100644
index 0000000000..640997d4d2
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-04-ref.xhtml
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0; line-height:100px;">
+  <span style="display:inline-block; width:200px;"
+  /><span style="background:lime;"><span style="display:inline-block; width:50px;"/></span><br/>
+  <span style="display:inline-block; width:50px;"
+  /><span style="background:lime;"><span style="display:inline-block; width:50px;"/></span>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-04.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-04.xhtml
new file mode 100644
index 0000000000..a516f1ff1e
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-04.xhtml
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; }
+</style>
+</head>
+<body style="margin:0; width:350px; line-height:100px;">
+  <span class="unit"/><span class="unit"
+  /><span style="clip-path:url(#c1); background:lime;"><span class="unit"/><span class="unit"
+  /></span>
+
+  <svg:svg height="0">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:clipPath id="c1">
+      <svg:rect x="50" y="0" width="200" height="200"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-05-extref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-05-extref.xhtml
new file mode 100644
index 0000000000..6d4e7c8972
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-05-extref.xhtml
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; }
+</style>
+</head>
+<body style="margin:0; width:350px; line-height:100px;">
+  <span class="unit"/><span class="unit"
+  /><span style="clip-path:url(clipPath-html-05.xhtml#c1); background:lime;"><span class="unit"/><span class="unit"
+  /></span>
+  <svg:svg height="0">
+    <!-- use an empty g to force clipPath-html-05.xhtml to load before onload -->
+    <svg:use xlink:href="clipPath-html-05.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-05-ref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-05-ref.xhtml
new file mode 100644
index 0000000000..f6e7d26eca
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-05-ref.xhtml
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0; line-height:100px;">
+  <span style="display:inline-block; width:200px;"
+  /><span style="background:lime;"><span style="display:inline-block; width:70px;"/></span><br/>
+  <span style="display:inline-block; width:30px;"
+  /><span style="background:lime;"><span style="display:inline-block; width:70px;"/></span>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-05.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-05.xhtml
new file mode 100644
index 0000000000..15a3be6b61
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-05.xhtml
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:1px; }
+</style>
+</head>
+<body style="margin:0; width:350px; line-height:100px;">
+  <span class="unit"/><span class="unit"
+  /><span style="clip-path:url(#c1); background:lime;"><span class="unit"/><span class="unit"
+  /></span>
+
+  <svg:svg height="0">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
+      <svg:rect x="0.1" y="0" width="0.8" height="1"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-06-extref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-06-extref.xhtml
new file mode 100644
index 0000000000..339bc629a4
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-06-extref.xhtml
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:10px; }
+</style>
+</head>
+<body style="margin:0">
+  <span style="clip-path: url(clipPath-html-06.xhtml#c1);">
+    <span class="unit" style="background:lime;"></span>
+    <div style="height:200px; width:100px;"/>
+    <span class="unit" style="background:lime;"></span>
+  </span>
+  <svg:svg height="0" style="display: block">
+    <!-- use an empty g to force clipPath-html-06.xhtml to load before onload -->
+    <svg:use xlink:href="clipPath-html-06.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-06-ref.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-06-ref.xhtml
new file mode 100644
index 0000000000..747f8105ef
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-06-ref.xhtml
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+.unit { display:inline-block; width:50px; height:10px; }
+</style>
+</head>
+<body style="margin:0">
+  <span>
+    <span class="unit"></span>
+    <div style="height:200px;"/>
+    <span class="unit" style="background:lime;"></span>
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-06.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-06.xhtml
new file mode 100644
index 0000000000..8008d576e5
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-06.xhtml
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+.unit { display:inline-block; width:100px; height:10px; }
+</style>
+</head>
+<body style="margin:0">
+  <span style="clip-path: url(#c1);">
+    <span class="unit" style="background:lime;"></span>
+    <div style="height:200px; width:100px;"/>
+    <span class="unit" style="background:lime;"></span>
+  </span>
+
+  <svg:svg height="0" style="display: block">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
+      <svg:rect x="0" y="0.5" width="0.5" height="0.5"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-07-ref.svg b/layout/reftests/svg/svg-integration/clipPath-html-07-ref.svg
new file mode 100644
index 0000000000..4d7153968a
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-07-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="100" y="100" width="100" height="100" fill="black"/>
+  <rect x="150" y="150" width="50" height="50" fill="yellow"/>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-07.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-07.xhtml
new file mode 100644
index 0000000000..8391ad01e6
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-07.xhtml
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=822014 -->
+  <head>
+    <title>Test clip-path on outer-&lt;svg&gt; with border</title>
+    <style>
+
+html, body {
+  border: 0; margin: 0;
+}
+
+    </style>
+  </head>
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg"
+         width="200" height="200" clip-path="url(#cp)"
+         style="border: solid 100px black; margin: 50px;">
+
+      <clipPath id="cp">
+        <path d="M50,50 150,50 150,150 50,150 z"/>
+      </clipPath>
+
+      <rect width="100%" height="100%" fill="yellow"/>
+
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-08.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-08.xhtml
new file mode 100644
index 0000000000..3eb0dfa3c3
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-08.xhtml
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=822014 -->
+  <head>
+    <title>Test clip-path on &lt;div&gt; with border</title>
+    <style>
+
+html, body {
+  border: 0; margin: 0;
+}
+
+    </style>
+  </head>
+  <body>
+    <div style="clip-path: url(#cp); width: 200px; height: 200px; background: yellow; border: solid 100px black; margin: 50px;"></div>
+    <svg xmlns="http://www.w3.org/2000/svg" height="0">
+      <clipPath id="cp">
+        <path d="M50,50 150,50 150,150 50,150 z"/>
+      </clipPath>
+    </svg>
+  </body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-html-zoomed-01.xhtml b/layout/reftests/svg/svg-integration/clipPath-html-zoomed-01.xhtml
new file mode 100644
index 0000000000..4f98941543
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-html-zoomed-01.xhtml
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg" reftest-zoom="2">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:250px; height:250px; background:lime;"></div>
+  <svg:svg height="0">
+    <svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
+      <svg:rect x="0.5" y="0" width="0.5" height="1"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-transformed-html-01.xhtml b/layout/reftests/svg/svg-integration/clipPath-transformed-html-01.xhtml
new file mode 100644
index 0000000000..e1569f1f6c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-transformed-html-01.xhtml
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test SVG clipPath clipping of transformed HTML elements</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773197 -->
+  <style type="text/css">
+
+* { margin: 0; border: 0; padding: 0;}
+
+div {
+  position: absolute;
+  left: 1px;
+  top: 1px;
+  width: 3px;
+  height: 3px;
+  transform: scale(100,100);
+  transform-origin: 0 0;
+}
+
+  </style>
+</head>
+<body bgcolor="lime">
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"
+       style="display:block; position:absolute;">
+    <clipPath id="cp1" x="0" y="0" width="1" height="1" clipPathUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.01" fill="white"/>
+      <circle cx="0.5" cy="0.5" r="0.48" fill="white"/>
+    </clipPath>
+    <clipPath id="cp2" x="0" y="0" width="1" height="1" clipPathUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.01" fill="white"/>
+      <circle cx="0.5" cy="0.5" r="0.50" fill="white"/>
+    </clipPath>
+    <circle cx="150" cy="150" r="147" fill="red"/>
+  </svg>
+
+  <div style="background: red; clip-path: url(#cp1);"/>
+  <div style="background: lime; clip-path: url(#cp2);"/>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/clipPath-transformed-html-02.xhtml b/layout/reftests/svg/svg-integration/clipPath-transformed-html-02.xhtml
new file mode 100644
index 0000000000..a36782231e
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/clipPath-transformed-html-02.xhtml
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test SVG clipPath clipping of transformed HTML elements</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773197 -->
+  <style type="text/css">
+
+* { margin: 0; border: 0; padding: 0;}
+
+div {
+  position: absolute;
+  left: 50px;
+  top: 50px;
+  width: 150px;
+  height: 150px;
+  transform: scale(2,2);
+  transform-origin: 0 0;
+}
+
+  </style>
+</head>
+<body bgcolor="lime">
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="350" height="350"
+       style="display:block; position:absolute;">
+    <clipPath id="cp1" x="0" y="0" width="1" height="1" clipPathUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.01" fill="white"/>
+      <circle cx="0.5" cy="0.5" r="0.48" fill="white"/>
+    </clipPath>
+    <clipPath id="cp2" x="0" y="0" width="1" height="1" clipPathUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.01" fill="white"/>
+      <circle cx="0.5" cy="0.5" r="0.50" fill="white"/>
+    </clipPath>
+    <circle cx="200" cy="200" r="147" fill="red"/>
+  </svg>
+
+  <div style="background: red; clip-path: url(#cp1);"/>
+  <div style="background: lime; clip-path: url(#cp2);"/>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/conditions-outer-svg-01.xhtml b/layout/reftests/svg/svg-integration/conditions-outer-svg-01.xhtml
new file mode 100644
index 0000000000..f28425ee07
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/conditions-outer-svg-01.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+  <title>Test that conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+  <style>svg { position: absolute; top: 0; left: 0; height: 100%; width: 100% }</style>
+</head>
+<body>
+
+<svg:svg><svg:rect width="100%" height="100%" fill="lime"/></svg:svg>
+<svg:svg systemLanguage="x"><svg:rect width="100%" height="100%" fill="red"/></svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/conditions-outer-svg-02.xhtml b/layout/reftests/svg/svg-integration/conditions-outer-svg-02.xhtml
new file mode 100644
index 0000000000..e60477f112
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/conditions-outer-svg-02.xhtml
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+  <title>Test that using elements from conditional-failing outer 'svg' elements works</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+  <style>svg { position: absolute; top: 0; left: 0; height: 100%; width: 100% }</style>
+</head>
+<body>
+
+<svg:svg requiredExtensions="x"><svg:rect id="r" width="100%" height="100%" fill="lime"/></svg:svg>
+<svg:svg><svg:use xlink:href="#r"/></svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/css-and-svg-filter-01-ref.html b/layout/reftests/svg/svg-integration/css-and-svg-filter-01-ref.html
new file mode 100644
index 0000000000..5ca68b1f66
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/css-and-svg-filter-01-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+  <svg class="dark" width="400" height="110">
+    <rect width="300" height="100" style="fill:rgb(0,0,0);" />
+  </svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/css-and-svg-filter-01.html b/layout/reftests/svg/svg-integration/css-and-svg-filter-01.html
new file mode 100644
index 0000000000..7b278d1b10
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/css-and-svg-filter-01.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    .dark {
+      filter:  invert(1) url("#balance-color") ;
+    }
+  </style>
+</head>
+<body>
+
+  <svg class="dark" width="400" height="110">
+    <rect width="300" height="100" style="fill:rgb(255,255,255);" />
+  </svg>
+
+  <svg width="10" height="10">
+    <defs>
+      <filter id="balance-color">
+        <feColorMatrix type="matrix"
+        values="1 0 0 0 0   0 1 0 0 0   0 0 1 0 0   0 0 0 1 0">
+        </feColorMatrix>
+      </filter>
+    </defs>
+  </svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-01.xhtml b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-01.xhtml
new file mode 100644
index 0000000000..213f713a59
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-01.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+  <title>Test that conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+  <style>svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
+</head>
+<body onload="document.getElementById('a').setAttribute('requiredExtensions', 'x')">
+
+<svg:svg><svg:rect width="100%" height="100%" fill="lime"/></svg:svg>
+<svg:svg id="a"><svg:rect width="100%" height="100%" fill="red"/></svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-02.xhtml b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-02.xhtml
new file mode 100644
index 0000000000..a2087c5da5
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-02.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+  <title>Test that conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+  <style>svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
+</head>
+<body onload="document.getElementById('a').removeAttribute('requiredExtensions')">
+
+<svg:svg><svg:rect width="100%" height="100%" fill="red"/></svg:svg>
+<svg:svg id="a" requiredExtensions="x"><svg:rect width="100%" height="100%" fill="lime"/></svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-03.xhtml b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-03.xhtml
new file mode 100644
index 0000000000..f042469e35
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-03.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+  <title>Test that conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+  <style>svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
+</head>
+<body onload="document.getElementById('a').setAttribute('systemLanguage', 'x')">
+
+<svg:svg><svg:rect width="100%" height="100%" fill="lime"/></svg:svg>
+<svg:svg id="a" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Gradient"><svg:rect width="100%" height="100%" fill="red"/></svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-04.xhtml b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-04.xhtml
new file mode 100644
index 0000000000..f82f3d510a
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/dynamic-conditions-outer-svg-04.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+  <title>Test that conditional processing attributes on outer 'svg' elements are honored</title>
+  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=615146 -->
+  <style>svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
+</head>
+<body onload="document.getElementById('a').setAttribute('requiredFeatures', 'http://www.w3.org/TR/SVG11/feature#Gradient')">
+
+<svg:svg><svg:rect width="100%" height="100%" fill="red"/></svg:svg>
+<svg:svg id="a" requiredFeatures="x"><svg:rect width="100%" height="100%" fill="lime"/></svg:svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/filter-html-01-extref.xhtml b/layout/reftests/svg/svg-integration/filter-html-01-extref.xhtml
new file mode 100644
index 0000000000..cb6a72388e
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/filter-html-01-extref.xhtml
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="background:lime; width:200px; height:200px; margin:50px; filter:url(filter-html-01.xhtml#f1)"/>
+  <svg:svg height="0">
+    <!-- use an empty g to force filter-html-01.xhtml to load before onload -->
+    <svg:use xlink:href="filter-html-01.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/filter-html-01-ref.svg b/layout/reftests/svg/svg-integration/filter-html-01-ref.svg
new file mode 100644
index 0000000000..ecc3d4f9d6
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/filter-html-01-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <filter id="f1">
+    <feFlood flood-color="black" result="black"/>
+    <feComposite in="SourceAlpha" operator="in"/>
+    <feOffset dx="10" dy="10"/>
+    <feComposite in="SourceGraphic"/>
+  </filter>
+  <rect x="50" y="50" width="200" height="200" fill="lime" filter="url(#f1)"/>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/filter-html-01.xhtml b/layout/reftests/svg/svg-integration/filter-html-01.xhtml
new file mode 100644
index 0000000000..8e048cb1ac
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/filter-html-01.xhtml
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<body style="margin:0">
+  <div style="background:lime; width:200px; height:200px; margin:50px; filter:url(#f1)"/>
+  <svg:svg height="0">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:filter id="f1">
+      <svg:feFlood flood-color="black" result="black"/>
+      <svg:feComposite in="SourceAlpha" operator="in"/>
+      <svg:feOffset dx="10" dy="10"/>
+      <svg:feComposite in="SourceGraphic"/>
+    </svg:filter>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/filter-html-dynamic-01-ref.xhtml b/layout/reftests/svg/svg-integration/filter-html-dynamic-01-ref.xhtml
new file mode 100644
index 0000000000..1c222befa4
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/filter-html-dynamic-01-ref.xhtml
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+<style>
+  div{
+    left: 10px;
+    top: 10px;
+    position: absolute;
+    width : 100px;
+    height : 100px;
+    margin : 10px;
+    background : lime;
+  }
+</style>
+</head>
+<body style="margin:0">
+<div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/filter-html-dynamic-01.xhtml b/layout/reftests/svg/svg-integration/filter-html-dynamic-01.xhtml
new file mode 100644
index 0000000000..7a6a4ab07c
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/filter-html-dynamic-01.xhtml
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<head>
+<style>
+  div{
+    left: 10px;
+    top: 10px;
+    position: absolute;
+    width : 100px;
+    height : 100px;
+    margin : 10px;
+    background : red;
+    filter:url(#flood);
+ }
+</style>
+</head>
+<body style="margin:0">
+<script>
+  window.addEventListener('load',function(e){
+    var div = document.createElement('div');
+    document.body.appendChild(div);
+  },false);
+</script>
+
+<svg:svg width="0" height="0">
+  <svg:filter id="flood" x="0" y="0" width="100%" height="100%" filterUnits="userSpaceOnUse">
+    <svg:feFlood flood-color="lime"/>
+  </svg:filter>
+</svg:svg>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/svg-integration/filter-html-zoomed-01.xhtml b/layout/reftests/svg/svg-integration/filter-html-zoomed-01.xhtml
new file mode 100644
index 0000000000..b84d4e9d74
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/filter-html-zoomed-01.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg" reftest-zoom="2">
+<body style="margin:0">
+  <div style="background:lime; width:100px; height:100px; margin:25px; filter:url(#f1)"/>
+  <svg:svg height="0">
+    <svg:filter id="f1">
+      <svg:feFlood flood-color="black" result="black"/>
+      <svg:feComposite in="SourceAlpha" operator="in"/>
+      <svg:feOffset dx="5" dy="5"/>
+      <svg:feComposite in="SourceGraphic"/>
+    </svg:filter>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01-ref.xhtml b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01-ref.xhtml
new file mode 100644
index 0000000000..95d1a24588
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01-ref.xhtml
@@ -0,0 +1,14 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+  div {
+    width: 50px;
+    height: 100px;
+    background-color: rgba(0,0,255,0.5);
+  }
+</style>
+</head>
+<body>
+  <div/>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01a.xhtml b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01a.xhtml
new file mode 100644
index 0000000000..d845463e01
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01a.xhtml
@@ -0,0 +1,20 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    mask: url(#m1);
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+  <div/>
+  <svg:svg height="0">
+    <svg:mask id="m1" style="mask-type:alpha">
+      <svg:rect x="0" y="0" width="50" height="100" style="stroke:none; fill: #ffffff" fill-opacity="0.5"/>
+    </svg:mask>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01b.xhtml b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01b.xhtml
new file mode 100644
index 0000000000..fc05430db0
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01b.xhtml
@@ -0,0 +1,21 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    opacity: 0.5;
+    mask:url(#m1);
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+  <div/>
+  <svg:svg height="0">
+    <svg:mask id="m1" style="mask-type:alpha">
+      <svg:rect x="0" y="0" width="50" height="100" style="stroke:none; fill: #ffffff"/>
+    </svg:mask>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01c.xhtml b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01c.xhtml
new file mode 100644
index 0000000000..e59812267d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01c.xhtml
@@ -0,0 +1,21 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    clip-path: url(#c1);
+    background-color: blue;
+    opacity: 0.5;
+  }
+</style>
+</head>
+<body>
+  <div/>
+  <svg:svg height="0">
+    <svg:clipPath id="c1">
+      <svg:rect x="0" y="0" width="50" height="100"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01d.xhtml b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01d.xhtml
new file mode 100644
index 0000000000..e59812267d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01d.xhtml
@@ -0,0 +1,21 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    clip-path: url(#c1);
+    background-color: blue;
+    opacity: 0.5;
+  }
+</style>
+</head>
+<body>
+  <div/>
+  <svg:svg height="0">
+    <svg:clipPath id="c1">
+      <svg:rect x="0" y="0" width="50" height="100"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01e.xhtml b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01e.xhtml
new file mode 100644
index 0000000000..83356f9336
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-clipPath-opacity-01e.xhtml
@@ -0,0 +1,25 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    clip-path: url(#c1);
+    mask:url(#m1);
+    background-color: blue;
+    opacity: 0.5;
+  }
+</style>
+</head>
+<body>
+  <div/>
+  <svg:svg height="0">
+    <svg:mask id="m1" style="mask-type:alpha">
+      <svg:rect x="0" y="0" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+    </svg:mask>
+    <svg:clipPath id="c1">
+      <svg:rect x="0" y="0" width="50" height="100"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-html-01-extref-01.xhtml b/layout/reftests/svg/svg-integration/mask-html-01-extref-01.xhtml
new file mode 100644
index 0000000000..fba9fc4b0b
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-html-01-extref-01.xhtml
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="mask: url(mask-html-01.xhtml#m1); width:500px; height:500px; background:lime;"></div>
+  <svg:svg height="0">
+    <!-- use an empty g to force mask-html-01.xhtml to load before onload -->
+    <svg:use xlink:href="mask-html-01.xhtml#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-html-01-extref-02.xhtml b/layout/reftests/svg/svg-integration/mask-html-01-extref-02.xhtml
new file mode 100644
index 0000000000..1fc3ecf084
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-html-01-extref-02.xhtml
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="mask: url(mask-html-01-resource.svg#m1); width:500px; height:500px; background:lime;"></div>
+  <svg:svg height="0">
+    <!-- use an empty g to force mask-html-01-resource.svg to load before onload -->
+    <svg:use xlink:href="mask-html-01-resource.svg#empty" />
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-html-01-ref.svg b/layout/reftests/svg/svg-integration/mask-html-01-ref.svg
new file mode 100644
index 0000000000..5afbf8f0c0
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-html-01-ref.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect x="0" y="0" width="500" height="500" style="mask: url(#m1); fill: lime;"/>
+  <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="white" offset="0"/>
+      <stop stop-color="white" stop-opacity="0" offset="1"/>
+    </linearGradient>
+    <circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="white"/>
+    <rect x="0.5" y="0" width="0.5" height="1" fill="url(#g)"/>
+  </mask>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/mask-html-01-resource.svg b/layout/reftests/svg/svg-integration/mask-html-01-resource.svg
new file mode 100644
index 0000000000..5522555f80
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-html-01-resource.svg
@@ -0,0 +1,33 @@
+<?xml-stylesheet
+   type="text/css"
+   href="data:text/css,circle { fill: white }" ?>
+<!-- test for javascript: execution: shouldn't happen -->
+<?xml-stylesheet
+   type="text/css"
+   href="javascript:'circle { fill: black }'" ?>
+<svg height="0" xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    /* XXXbz this should really be an external reference to mask-html-01.xhtml
+       but there's the little problem of "fill" not using nsReferencedElement
+       yet, so that's broken */
+    /* Test that media queries work on resource documents while we're here */
+    @media (min-resolution: 1dpi) {
+      rect { fill: url(#g); }
+    }
+  </style>
+  <!-- so that other documents can svg:use this one and force it to
+       load before onload -->
+  <g id="empty" />
+  <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+      <stop stop-color="white" offset="0"/>
+      <stop stop-color="white" stop-opacity="0" offset="1"/>
+    </linearGradient>
+    <circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="black"/>
+    <rect x="0.5" y="0" width="0.5" height="1" fill="black"/>
+  </mask>
+  <script type="application/ecmascript">
+    // Make sure scripts don't run
+    document.getElementById("m1").textContent = "";
+  </script>
+</svg>
diff --git a/layout/reftests/svg/svg-integration/mask-html-01.xhtml b/layout/reftests/svg/svg-integration/mask-html-01.xhtml
new file mode 100644
index 0000000000..77c3b5c9c9
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-html-01.xhtml
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg">
+<body style="margin:0">
+  <div style="mask: url(#m1); width:500px; height:500px; background:lime;"></div>
+  <svg:svg height="0">
+    <!-- so that other documents can svg:use this one and force it to
+         load before onload -->
+    <svg:g id="empty" />
+    <svg:mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+      <svg:linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+        <svg:stop stop-color="white" offset="0"/>
+        <svg:stop stop-color="white" stop-opacity="0" offset="1"/>
+      </svg:linearGradient>
+      <svg:circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="white"/>
+      <svg:rect x="0.5" y="0" width="0.5" height="1" fill="url(#g)"/>
+    </svg:mask>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-html-zoomed-01.xhtml b/layout/reftests/svg/svg-integration/mask-html-zoomed-01.xhtml
new file mode 100644
index 0000000000..bc89dfa723
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-html-zoomed-01.xhtml
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:svg="http://www.w3.org/2000/svg" reftest-zoom="2">
+<body style="margin:0">
+  <div style="mask: url(#m1); width:250px; height:250px; background:lime;"></div>
+  <svg:svg height="0">
+    <svg:mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+      <svg:linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
+        <svg:stop stop-color="white" offset="0"/>
+        <svg:stop stop-color="white" stop-opacity="0" offset="1"/>
+      </svg:linearGradient>
+      <svg:circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="white"/>
+      <svg:rect x="0.5" y="0" width="0.5" height="1" fill="url(#g)"/>
+    </svg:mask>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale-ref.xhtml b/layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale-ref.xhtml
new file mode 100644
index 0000000000..8e870b8627
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale-ref.xhtml
@@ -0,0 +1,15 @@
+<html reftest-zoom="2.0" xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+<style>
+  div {
+    width: 50px;
+    height: 100px;
+    background-color: rgba(0,0,255,0.5);
+}
+</style>
+</head>
+<body>
+  <div/>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale.xhtml b/layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale.xhtml
new file mode 100644
index 0000000000..b2df18034d
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-mask-clipPath-opacity-scale.xhtml
@@ -0,0 +1,25 @@
+<html reftest-zoom="2.0" xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<head>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    clip-path: url(#c1);
+    mask:url(#m1), url(#m1);
+    background-color: blue;
+    opacity: 0.5;
+  }
+</style>
+</head>
+<body>
+  <div/>
+  <svg:svg height="0">
+    <svg:mask id="m1" style="mask-type:alpha">
+      <svg:rect x="0" y="0" width="100" height="100" style="stroke:none; fill: #ffffff"/>
+    </svg:mask>
+    <svg:clipPath id="c1">
+      <svg:rect x="0" y="0" width="50" height="100"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-transformed-html-01.xhtml b/layout/reftests/svg/svg-integration/mask-transformed-html-01.xhtml
new file mode 100644
index 0000000000..1e1a2ed552
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-transformed-html-01.xhtml
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test SVG masking of transformed HTML elements</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769103 -->
+  <style type="text/css">
+
+* { margin: 0; border: 0; padding: 0;}
+
+div {
+  position: absolute;
+  left: 1px;
+  top: 1px;
+  width: 3px;
+  height: 3px;
+  transform: scale(100,100);
+  transform-origin: 0 0;
+}
+
+  </style>
+</head>
+<body bgcolor="lime">
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"
+       style="display:block; position:absolute;">
+    <mask id="mask1" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.48" fill="white"/>
+    </mask>
+    <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.5" fill="white"/>
+    </mask>
+    <circle cx="150" cy="150" r="147" fill="red"/>
+  </svg>
+
+  <div style="background: red; mask: url(#mask1);"/>
+  <div style="background: lime; mask: url(#mask2);"/>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/mask-transformed-html-02.xhtml b/layout/reftests/svg/svg-integration/mask-transformed-html-02.xhtml
new file mode 100644
index 0000000000..c83f5a3ea9
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/mask-transformed-html-02.xhtml
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test SVG masking of transformed HTML elements</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769103 -->
+  <style type="text/css">
+
+* { margin: 0; border: 0; padding: 0;}
+
+div {
+  position: absolute;
+  left: 50px;
+  top: 50px;
+  width: 150px;
+  height: 150px;
+  transform: scale(2,2);
+  transform-origin: 0 0;
+}
+
+  </style>
+</head>
+<body bgcolor="lime">
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="350" height="350"
+       style="display:block; position:absolute;">
+    <mask id="mask1" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.48" fill="white"/>
+    </mask>
+    <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
+      <circle cx="0.5" cy="0.5" r="0.50" fill="white"/>
+    </mask>
+    <circle cx="200" cy="200" r="147" fill="red"/>
+  </svg>
+
+  <div style="background: red; mask: url(#mask1);"/>
+  <div style="background: lime; mask: url(#mask2);"/>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-01.xhtml b/layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-01.xhtml
new file mode 100644
index 0000000000..66291d3bf6
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-01.xhtml
@@ -0,0 +1,47 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test SVG patterning under transformed HTML elements</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769970 -->
+  <style type="text/css">
+
+* { margin: 0; border: 0; padding: 0;}
+
+svg {
+  display: block;
+  position: absolute;
+}
+
+.scaled {
+  left: 1px;
+  top: 1px;
+  width: 3px;
+  height: 3px;
+  transform: scale(100,100);
+  transform-origin: 0 0;
+}
+
+  </style>
+</head>
+<body bgcolor="lime">
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+    <circle cx="151" cy="151" r="148" fill="red"/>
+  </svg>
+
+  <svg xmlns="http://www.w3.org/2000/svg" class="scaled">
+    <pattern id="redDot" width="1" height="1">
+      <circle cx="1.5" cy="1.5" r="1.48" fill="red"/>
+    </pattern>
+    <pattern id="limeDot" width="1" height="1">
+      <circle cx="1.5" cy="1.5" r="1.5" fill="lime"/>
+    </pattern>
+    <rect width="100%" height="100%" fill="url(#redDot)"/>
+    <rect width="100%" height="100%" fill="url(#limeDot)"/>
+  </svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-02.xhtml b/layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-02.xhtml
new file mode 100644
index 0000000000..f9182b272b
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-02.xhtml
@@ -0,0 +1,47 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test SVG patterning under transformed HTML elements</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769970 -->
+  <style type="text/css">
+
+* { margin: 0; border: 0; padding: 0;}
+
+svg {
+  display: block;
+  position: absolute;
+}
+
+.scaled {
+  left: 50px;
+  top: 50px;
+  width: 150px;
+  height: 150px;
+  transform: scale(2,2);
+  transform-origin: 0 0;
+}
+
+  </style>
+</head>
+<body bgcolor="lime">
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="350" height="350">
+    <circle cx="200" cy="200" r="147" fill="red"/>
+  </svg>
+
+  <svg xmlns="http://www.w3.org/2000/svg" class="scaled">
+    <pattern id="redDot" width="1" height="1">
+      <circle cx="75" cy="75" r="74" fill="red"/>
+    </pattern>
+    <pattern id="limeDot" width="1" height="1">
+      <circle cx="75" cy="75" r="75" fill="lime"/>
+    </pattern>
+    <rect width="100%" height="100%" fill="url(#redDot)"/>
+    <rect width="100%" height="100%" fill="url(#limeDot)"/>
+  </svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/reftest.list b/layout/reftests/svg/svg-integration/reftest.list
new file mode 100644
index 0000000000..478a129aa6
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/reftest.list
@@ -0,0 +1,53 @@
+# clip-path tests
+include clip-path/reftest.list
+
+== clipPath-html-01.xhtml clipPath-html-01-ref.svg
+== clipPath-html-01-extref.xhtml clipPath-html-01-ref.svg
+== clipPath-html-02.xhtml clipPath-html-02-ref.svg
+== clipPath-html-02-extref.xhtml clipPath-html-02-ref.svg
+== clipPath-html-03.xhtml clipPath-html-03-ref.svg
+== clipPath-html-03-extref.xhtml clipPath-html-03-ref.svg
+== clipPath-html-04.xhtml clipPath-html-04-ref.xhtml
+== clipPath-html-04-extref.xhtml clipPath-html-04-ref.xhtml
+fuzzy(0-140,0-70) == clipPath-html-05.xhtml clipPath-html-05-ref.xhtml # Bug 776089
+fuzzy(0-140,0-70) == clipPath-html-05-extref.xhtml clipPath-html-05-ref.xhtml # Bug 776089
+fuzzy-if(Android,0-255,0-30) == clipPath-html-06.xhtml clipPath-html-06-ref.xhtml
+fuzzy-if(Android,0-255,0-30) == clipPath-html-06-extref.xhtml clipPath-html-06-ref.xhtml
+== clipPath-html-07.xhtml clipPath-html-07-ref.svg
+== clipPath-html-08.xhtml clipPath-html-07-ref.svg # reuse 07-ref.svg
+fails-if(useDrawSnapshot) == clipPath-html-zoomed-01.xhtml clipPath-html-01-ref.svg
+== clipPath-transformed-html-01.xhtml ../pass.svg
+== clipPath-transformed-html-02.xhtml ../pass.svg
+== css-and-svg-filter-01.html css-and-svg-filter-01-ref.html  
+== conditions-outer-svg-01.xhtml ../pass.svg
+== conditions-outer-svg-02.xhtml ../pass.svg
+== dynamic-conditions-outer-svg-01.xhtml ../pass.svg
+== dynamic-conditions-outer-svg-02.xhtml ../pass.svg
+== dynamic-conditions-outer-svg-03.xhtml ../pass.svg
+== dynamic-conditions-outer-svg-04.xhtml ../pass.svg
+== filter-html-01.xhtml filter-html-01-ref.svg
+== filter-html-dynamic-01.xhtml filter-html-dynamic-01-ref.xhtml
+random-if(Android) == filter-html-01-extref.xhtml filter-html-01-ref.svg # Android: bug 1198380
+fails-if(useDrawSnapshot) == filter-html-zoomed-01.xhtml filter-html-01-ref.svg
+fuzzy(0-1,0-125414) == mask-html-01.xhtml mask-html-01-ref.svg
+fuzzy(0-1,0-125414) == mask-html-01-extref-01.xhtml mask-html-01-ref.svg
+== mask-html-01-extref-02.xhtml mask-html-01-ref.svg
+fuzzy(0-1,0-125414) fails-if(useDrawSnapshot) == mask-html-zoomed-01.xhtml mask-html-01-ref.svg
+== mask-transformed-html-01.xhtml ../pass.svg
+== mask-transformed-html-02.xhtml ../pass.svg
+fuzzy(0-1,0-5) == patterned-svg-under-transformed-html-01.xhtml ../pass.svg
+== patterned-svg-under-transformed-html-02.xhtml ../pass.svg
+
+fuzzy(0-1,0-5000) == mask-clipPath-opacity-01a.xhtml mask-clipPath-opacity-01-ref.xhtml
+fuzzy(0-1,0-5000) == mask-clipPath-opacity-01b.xhtml mask-clipPath-opacity-01-ref.xhtml
+fuzzy(0-1,0-5000) == mask-clipPath-opacity-01c.xhtml mask-clipPath-opacity-01-ref.xhtml
+fuzzy(0-1,0-5000) == mask-clipPath-opacity-01d.xhtml mask-clipPath-opacity-01-ref.xhtml
+fuzzy(0-1,0-5000) == mask-clipPath-opacity-01e.xhtml mask-clipPath-opacity-01-ref.xhtml
+fuzzy(0-1,0-5000) == mask-mask-clipPath-opacity-scale.xhtml mask-mask-clipPath-opacity-scale-ref.xhtml
+
+== transform-outer-svg-01.xhtml transform-outer-svg-01-ref.xhtml
+
+# box-decoration-break tests
+fuzzy-if(Android,0-4,0-10) == box-decoration-break-01.xhtml box-decoration-break-01-ref.xhtml
+fuzzy(0-119,0-16) == box-decoration-break-02.xhtml box-decoration-break-02-ref.xhtml
+fuzzy(0-67,0-238) == box-decoration-break-03.xhtml box-decoration-break-01-ref.xhtml
diff --git a/layout/reftests/svg/svg-integration/transform-outer-svg-01-ref.xhtml b/layout/reftests/svg/svg-integration/transform-outer-svg-01-ref.xhtml
new file mode 100644
index 0000000000..3fa609a94b
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/transform-outer-svg-01-ref.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test that the 'transform' attribute transforms our border too</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1353697 -->
+</head>
+<body>
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="250" height="250">
+    <rect x="75" y="75" width="150" height="150" fill="none" stroke="black" stroke-width="50"/>
+    <rect x="125" y="125" width="50" height="50" fill="blue"/>
+  </svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-integration/transform-outer-svg-01.xhtml b/layout/reftests/svg/svg-integration/transform-outer-svg-01.xhtml
new file mode 100644
index 0000000000..10484fbb97
--- /dev/null
+++ b/layout/reftests/svg/svg-integration/transform-outer-svg-01.xhtml
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test that the 'transform' attribute transforms our border too</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1353697 -->
+</head>
+<body>
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+       style="border: 50px solid black;" transform="translate(50,50)">
+    <rect x="25" y="25" width="50" height="50" fill="blue"/>
+  </svg>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/svg-transform-01.svg b/layout/reftests/svg/svg-transform-01.svg
new file mode 100644
index 0000000000..9bc81acd9d
--- /dev/null
+++ b/layout/reftests/svg/svg-transform-01.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=861188 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" x="100" y="100" viewBox="0 0 640 480">
+    <rect width="100%" height="100%" fill="red"/>
+  </svg>
+  <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" x="100" y="100" viewBox="0 0 640 480" transform="">
+    <rect width="100%" height="100%" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/svg-transform-02.svg b/layout/reftests/svg/svg-transform-02.svg
new file mode 100644
index 0000000000..53f6718c93
--- /dev/null
+++ b/layout/reftests/svg/svg-transform-02.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=863994 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" x="100" y="100" viewBox="0 0 640 480">
+    <rect width="100%" height="100%" fill="red"/>
+  </svg>
+  <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" x="100" y="100" viewBox="0 0 640 480" transform="translate(0, 0)">
+    <rect width="100%" height="100%" fill="lime"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/switch-01.svg b/layout/reftests/svg/switch-01.svg
new file mode 100644
index 0000000000..1244525bb9
--- /dev/null
+++ b/layout/reftests/svg/switch-01.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<title>Testcase for switch</title>
+	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=409383 -->
+
+	<rect width="100%" height="100%" fill="lime"/>
+
+	<rect x="50" y="100" width="50" height="50" fill="red"/>
+	<switch>
+        <!-- first switch item is visible -->
+     	<rect x="50" y="100" width="50" height="50" fill="lime"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+		<rect x="50" y="100" width="50" height="50" fill="red"/>
+	</switch>
+
+	<rect x="200" y="100" width="50" height="50" fill="red"/>
+	<switch>
+		<!-- test non-matching system language -->
+		<rect systemLanguage="foo" x="200" y="100" width="50" height="50" fill="red"/>
+		<rect x="200" y="100" width="50" height="50" fill="lime"/>
+		<rect x="200" y="100" width="50" height="50" fill="red"/>
+		<rect x="200" y="100" width="50" height="50" fill="red"/>
+	</switch>
+
+	<rect x="50" y="200" width="50" height="50" fill="red"/>
+	<switch>
+		<!-- test matching required features -->
+		<rect requiredFeatures="http://www.w3.org/TR/SVG11/feature#CoreAttribute  http://www.w3.org/TR/SVG11/feature#Gradient"
+			  x="50" y="200" width="50" height="50" fill="lime"/>
+		<rect x="50" y="200" width="50" height="50" fill="red"/>
+		<rect x="50" y="200" width="50" height="50" fill="red"/>
+	</switch>
+
+	<!-- this rectangle intentionally left green -->
+	<rect x="200" y="200" width="50" height="50" fill="lime"/>
+
+	<rect x="50" y="300" width="50" height="50" fill="red"/>
+	<switch>
+		<!-- test non-matching required extensions -->
+		<rect requiredExtensions="foo" x="50" y="300" width="50" height="50" fill="red"/>
+		<rect x="50" y="300" width="50" height="50" fill="lime"/>
+		<rect x="50" y="300" width="50" height="50" fill="red"/>
+		<rect x="50" y="300" width="50" height="50" fill="red"/>
+	</switch>
+
+	<switch>
+		<!-- test display:none - should see nothing here -->
+		<rect style="display: none;"  x="200" y="300" width="50" height="50" fill="red"/>
+		<rect x="200" y="300" width="50" height="50" fill="red"/>
+	</switch>
+</svg>
diff --git a/layout/reftests/svg/symbol-01-ref.svg b/layout/reftests/svg/symbol-01-ref.svg
new file mode 100644
index 0000000000..efddfe8273
--- /dev/null
+++ b/layout/reftests/svg/symbol-01-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <circle cx='50' cy='50' r='40' fill='green'/>
+</svg>
diff --git a/layout/reftests/svg/symbol-01.svg b/layout/reftests/svg/symbol-01.svg
new file mode 100644
index 0000000000..905a697e7a
--- /dev/null
+++ b/layout/reftests/svg/symbol-01.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink='http://www.w3.org/1999/xlink'>
+  <style type="text/css"><![CDATA[
+    #s {
+      display: inline;
+    }
+  ]]></style>
+  <!--
+    A basic test that referencing a <symbol> with a <use> works.
+    Note that the fill specified on the <use> inherits into the
+    <use> shadow tree.
+    Also <symbol> itself should have |display:none !important|.
+    -->
+  <symbol id='s' viewBox='100 100 10 10'>
+    <circle cx='105' cy='105' r='4'/>
+  </symbol>
+  <use xlink:href='#s' x='0' y='0' width='100' height='100' fill='green'/>
+</svg>
diff --git a/layout/reftests/svg/text-font-size-01.svg b/layout/reftests/svg/text-font-size-01.svg
new file mode 100644
index 0000000000..e9d67571a6
--- /dev/null
+++ b/layout/reftests/svg/text-font-size-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Test text with zero font-size</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=732819 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <text x="10" y="50" font-size="0">Some
+    <tspan dy="30">text</tspan>
+    that should not show.
+  </text>
+
+</svg>
+
diff --git a/layout/reftests/svg/text-font-weight-01-ref.svg b/layout/reftests/svg/text-font-weight-01-ref.svg
new file mode 100644
index 0000000000..1c0ffea49b
--- /dev/null
+++ b/layout/reftests/svg/text-font-weight-01-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Reference for text font-weight</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=379284 -->
+
+  <g id="test-body-content" font-family="Georgia, 'Times New Roman', Times,  'MS Mincho', serif" font-size="30">
+    <text font-weight="normal" x="10" y="50">This should be normal</text>
+    <text font-weight="bold" x="10" y="100">This should be bold</text>
+    <text font-weight="400" x="10" y="150">This should be normal</text>
+    <text font-weight="700" x="10" y="200">This should be bold</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-font-weight-01.svg b/layout/reftests/svg/text-font-weight-01.svg
new file mode 100644
index 0000000000..ae784b8e5b
--- /dev/null
+++ b/layout/reftests/svg/text-font-weight-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for text font-weight</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=379284 -->
+
+  <g id="test-body-content" font-family="Georgia, 'Times New Roman', Times,  'MS Mincho', serif" font-size="30">
+    <g font-weight="bold">
+      <text font-weight="lighter" x="10" y="50">This should be normal</text>
+    </g>
+    <g font-weight="normal">
+      <text font-weight="bolder" x="10" y="100">This should be bold</text>
+    </g>
+    <g font-weight="700">
+      <text font-weight="lighter" x="10" y="150">This should be normal</text>
+    </g>
+    <g font-weight="400">
+      <text font-weight="bolder" x="10" y="200">This should be bold</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-gradient-01-ref.svg b/layout/reftests/svg/text-gradient-01-ref.svg
new file mode 100644
index 0000000000..7acd518487
--- /dev/null
+++ b/layout/reftests/svg/text-gradient-01-ref.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<title>Reference for gradient on text</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=424586 -->
+
+    <defs>
+      <linearGradient id="grad" x1="0.0" y1="0.0" x2="1.0" y2="0.0">
+        <stop stop-color="green" offset="0.0"/>
+        <stop stop-color="blue" offset="1.0"/>
+      </linearGradient>
+    </defs>
+    <text font-size="3.5em" x="100" y="100" fill="url(#grad)">PASS</text>
+</svg>
diff --git a/layout/reftests/svg/text-gradient-01.svg b/layout/reftests/svg/text-gradient-01.svg
new file mode 100644
index 0000000000..9185d106c3
--- /dev/null
+++ b/layout/reftests/svg/text-gradient-01.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<title>Testcase for gradient on text</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=424586 -->
+
+    <defs>
+      <linearGradient id="grad" x1="0.0" y1="0.0" x2="1.0" y2="0.0">
+        <stop stop-color="green" offset="0.0"/>
+        <stop stop-color="blue" offset="1.0"/>
+      </linearGradient>
+    </defs>
+    <!-- check the gradient moves with the transform -->
+    <g transform="translate(100,100)">
+      <text font-size="3.5em" fill="url(#grad)">PASS</text>
+    </g>
+</svg>
diff --git a/layout/reftests/svg/text-gradient-02-ref.svg b/layout/reftests/svg/text-gradient-02-ref.svg
new file mode 100644
index 0000000000..e3d74773dc
--- /dev/null
+++ b/layout/reftests/svg/text-gradient-02-ref.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<title>Reference for gradient on text</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=577850 -->
+
+  <defs>
+    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0.0" stop-color="rgb(0, 0, 0)"/>
+      <stop offset="0.5" stop-color="rgb(255, 255, 255)"/>
+      <stop offset="1.0" stop-color="rgb(0, 0, 0)"/>
+    </linearGradient>
+  </defs>
+
+  <text x="0, 30, 60, 0, 40, 70" y="0, 0, 0, 1em, 1em, 1em" fill="url(#gradient)" font-size="60" transform="translate(50, 80)">
+    FooBar
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text-gradient-02.svg b/layout/reftests/svg/text-gradient-02.svg
new file mode 100644
index 0000000000..b418bec990
--- /dev/null
+++ b/layout/reftests/svg/text-gradient-02.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<title>Testcase for gradient on text</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=577850 -->
+
+  <defs>
+    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0.00" stop-color="rgb(0, 0, 0)"/>
+      <stop offset="0.50" stop-color="rgb(255, 255, 255)"/>
+      <stop offset="1.00" stop-color="rgb(0, 0, 0)"/>
+    </linearGradient>
+  </defs>
+
+  <text fill="url(#gradient)" font-size="60" transform="translate(50, 80)">
+    <tspan x="0, 30, 60" y="0" >Foo</tspan>
+    <tspan x="0, 40, 70" dy="1em">Bar</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text-gradient-03.svg b/layout/reftests/svg/text-gradient-03.svg
new file mode 100644
index 0000000000..c1b1bbfb82
--- /dev/null
+++ b/layout/reftests/svg/text-gradient-03.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <title>Testcase for gradient on text</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=611975 -->
+  <defs>
+    <linearGradient id="grad" x1="0" y1="-0.1" x2="0" y2="1" gradientUnits="objectBoundingBox">
+      <stop stop-color="red" offset="-10%"/>
+      <stop stop-color="lime" offset="0%"/>
+    </linearGradient>
+  </defs>
+
+  <g fill="lime">
+    <rect width="100%" height="100%"/>
+    <text x="100" y="100" stroke-width="5" stroke="url(#grad)" font-size="80px">SHOULD NOT SEE THIS</text>
+  </g>
+
+</svg>
diff --git a/layout/reftests/svg/text-gradient-04-ref.svg b/layout/reftests/svg/text-gradient-04-ref.svg
new file mode 100644
index 0000000000..11c187e0c0
--- /dev/null
+++ b/layout/reftests/svg/text-gradient-04-ref.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for gradients being positioned correctly within filters</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=797708 -->
+
+  <clipPath id="c">
+    <path d="M 130,70 h 40 v 40 h -40 z
+             M 230,70 h 40 v 40 h -40 z"/>
+  </clipPath>
+
+  <g clip-path="url(#c)">
+    <rect x="100" y="50" width="100" height="100" fill="red"/>
+    <rect x="200" y="50" width="100" height="100" fill="blue"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-gradient-04.svg b/layout/reftests/svg/text-gradient-04.svg
new file mode 100644
index 0000000000..6eaffbcf02
--- /dev/null
+++ b/layout/reftests/svg/text-gradient-04.svg
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test for gradients being positioned correctly within filters</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=797708 -->
+
+  <style>
+    @font-face {
+      src: url(../fonts/Ahem.ttf);
+      font-family: Ahem;
+    }
+  </style>
+
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="300" y2="0">
+    <stop offset="0" stop-color="red"/>
+    <stop offset="0.5" stop-color="red"/>
+    <stop offset="0.5" stop-color="blue"/>
+    <stop offset="1" stop-color="blue"/>
+  </linearGradient>
+
+  <filter id="f">
+    <feMerge>
+      <feMergeNode in="SourceGraphic"/>
+    </feMerge>
+  </filter>
+
+  <clipPath id="c">
+    <path d="M 130,70 h 40 v 40 h -40 z
+             M 230,70 h 40 v 40 h -40 z"/>
+  </clipPath>
+
+  <g style="font: 64px Ahem; fill: url(#g); text-anchor: middle; filter: url(#f); clip-path: url(#c)">
+    <text x="150" y="100">a</text>
+    <text x="250" y="100">a</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-in-link-01-ref.svg b/layout/reftests/svg/text-in-link-01-ref.svg
new file mode 100644
index 0000000000..67beb778ac
--- /dev/null
+++ b/layout/reftests/svg/text-in-link-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size:2em;">
+
+  <title>Reference to check that text in links is displayed</title>
+
+  <!-- link in text -->
+  <text x="10" y="50" fill="lime">This should be green</text>
+
+  <!-- link in tspan -->
+  <text x="10" y="100" fill="lime">This should be green</text>
+
+  <!-- tspan in link -->
+  <text x="10" y="150" fill="lime">This should be green</text>
+
+</svg>
diff --git a/layout/reftests/svg/text-in-link-01.svg b/layout/reftests/svg/text-in-link-01.svg
new file mode 100644
index 0000000000..2a95da1fd2
--- /dev/null
+++ b/layout/reftests/svg/text-in-link-01.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     style="font-size:2em;">
+
+  <title>Testcase to check that text in links is displayed</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=330059 -->
+
+  <!-- link in text -->
+  <text x="10" y="50">
+    <a fill="lime">This should be green</a>
+  </text>
+
+  <!-- link in tspan -->
+  <text x="10" y="100">
+    <tspan><a fill="lime">This should be green</a></tspan>
+  </text>
+
+  <!-- tspan in link -->
+  <text>
+    <a><tspan x="10" y="150" fill="lime">This should be green</tspan></a>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/text-in-link-02-ref.svg b/layout/reftests/svg/text-in-link-02-ref.svg
new file mode 100644
index 0000000000..bb6fdb4ddd
--- /dev/null
+++ b/layout/reftests/svg/text-in-link-02-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="50" viewBox="0 0 300 50">
+  <title>Reference to check that links with viewBoxes work</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=534216 -->
+
+  <text x="0" y="15"><tspan>AAAAA</tspan><tspan>BBBBB</tspan><tspan>CCCCC</tspan><tspan>DDDDD</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text-in-link-02.svg b/layout/reftests/svg/text-in-link-02.svg
new file mode 100644
index 0000000000..4fa8d5f949
--- /dev/null
+++ b/layout/reftests/svg/text-in-link-02.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="50" viewBox="0 0 300 50">
+  <title>Testcase to check that links with viewBoxes work</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=534216 -->
+
+  <text x="0" y="15"><a>AAAAA</a><a>BBBBB</a><a>CCCCC</a><a>DDDDD</a></text>
+</svg>
diff --git a/layout/reftests/svg/text-in-link-03-ref.svg b/layout/reftests/svg/text-in-link-03-ref.svg
new file mode 100644
index 0000000000..c667992494
--- /dev/null
+++ b/layout/reftests/svg/text-in-link-03-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="50">
+  <title>Reference to check that CSS works for links</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=570354 -->
+
+  <text x="0" y="25"><tspan font-size="15">AAAAA</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text-in-link-03.svg b/layout/reftests/svg/text-in-link-03.svg
new file mode 100644
index 0000000000..9db19b0176
--- /dev/null
+++ b/layout/reftests/svg/text-in-link-03.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="50">
+  <title>Testcase to check that CSS works for links</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=570354 -->
+
+  <text x="0" y="25"><a font-size="15"><tspan>AAAAA</tspan></a></text>
+</svg>
diff --git a/layout/reftests/svg/text-language-00-ref.xhtml b/layout/reftests/svg/text-language-00-ref.xhtml
new file mode 100644
index 0000000000..4b6c8c4248
--- /dev/null
+++ b/layout/reftests/svg/text-language-00-ref.xhtml
@@ -0,0 +1,28 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>SVG, text, language...</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body {
+  font-family: sans-serif;
+  font-size: 24px;
+  margin: 24px;
+}
+div {
+  height: 100px;
+}
+</style>
+</head>
+
+<body>
+<div lang="en">
+  <p>Hello world, 你好吗?</p>
+</div>
+<div lang="en">
+  <p>Hello world, 你好吗?</p>
+</div>
+<div lang="en">
+  <p>Hello world, 你好吗?</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/svg/text-language-00.xhtml b/layout/reftests/svg/text-language-00.xhtml
new file mode 100644
index 0000000000..5e9cc6d953
--- /dev/null
+++ b/layout/reftests/svg/text-language-00.xhtml
@@ -0,0 +1,32 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>SVG, text, language...</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body {
+  font-family: sans-serif;
+  font-size: 24px;
+  margin: 24px;
+}
+div {
+  height: 100px;
+}
+</style>
+</head>
+
+<!-- This file, which does NOT use SVG, serves as a sanity-check;
+     if this reftest fails (i.e. test and reference images match)
+     then our font configuration is not suitable for this test
+     and the SVG testcases must be expected to fail as well. -->
+<body>
+<div lang="ar">
+  <p>Hello world, 你好吗?</p>
+</div>
+<div lang="zh-TW">
+  <p>Hello world, 你好吗?</p>
+</div>
+<div lang="ja">
+  <p>Hello world, 你好吗?</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/svg/text-language-01-ref.xhtml b/layout/reftests/svg/text-language-01-ref.xhtml
new file mode 100644
index 0000000000..7f7b254a11
--- /dev/null
+++ b/layout/reftests/svg/text-language-01-ref.xhtml
@@ -0,0 +1,35 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>SVG, text, language...</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body {
+  font-family: sans-serif;
+  font-size: 24px;
+  margin: 24px;
+}
+div {
+  height: 100px;
+}
+</style>
+</head>
+
+<body>
+<div lang="en">
+  <svg xmlns="http://www.w3.org/2000/svg" height="200">
+    <text y="50">Hello world, 你好吗?</text>
+  </svg>
+</div>
+<div lang="en">
+  <svg xmlns="http://www.w3.org/2000/svg" height="200">
+    <text y="50">Hello world, 你好吗?</text>
+  </svg>
+</div>
+<div lang="en">
+  <svg xmlns="http://www.w3.org/2000/svg" height="200">
+    <text y="50">Hello world, 你好吗?</text>
+  </svg>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/text-language-01.xhtml b/layout/reftests/svg/text-language-01.xhtml
new file mode 100644
index 0000000000..a208c04b9f
--- /dev/null
+++ b/layout/reftests/svg/text-language-01.xhtml
@@ -0,0 +1,37 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>SVG, text, language...</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body {
+  font-family: sans-serif;
+  font-size: 24px;
+  margin: 24px;
+}
+div {
+  height: 100px;
+}
+</style>
+</head>
+
+<!-- The reference is tagged as "en", the test cases as other languages.
+     Expectation is that these will have different default fonts,
+     so the test and reference should NOT match. -->
+<body>
+<div lang="ar" style="height:100px">
+  <svg xmlns="http://www.w3.org/2000/svg" height="200">
+    <text y="50">Hello world, 你好吗?</text>
+  </svg>
+</div>
+<div lang="zh-TW" style="height:100px">
+  <svg xmlns="http://www.w3.org/2000/svg" height="200">
+    <text y="50">Hello world, 你好吗?</text>
+  </svg>
+</div>
+<div lang="ja" style="height:100px">
+  <svg xmlns="http://www.w3.org/2000/svg" height="200">
+    <text y="50">Hello world, 你好吗?</text>
+  </svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/svg/text-layout-01-ref.svg b/layout/reftests/svg/text-layout-01-ref.svg
new file mode 100644
index 0000000000..abaa11f310
--- /dev/null
+++ b/layout/reftests/svg/text-layout-01-ref.svg
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     font-family="monospace" font-size="20" xml:space="preserve">
+
+  <title>Reference to check that dx, dy works for text</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=388547 -->
+
+  <text x="30" y="30">TEST1</text>
+
+  <text x="30" y="60">T</text>
+  <text x="30" y="70"> E</text>
+  <text x="40" y="80">  ST2</text>
+
+  <text x="30" y="100">T</text>
+  <text x="30" y="110"> E</text>
+  <text x="40" y="120">  ST3</text>
+
+  <text x="30" y="160">T</text>
+  <text x="30" y="150"> EST4</text>
+
+  <text x="40" y="200">TEST5</text>
+
+  <text x="220" y="30">T</text>
+  <text x="240" y="30">E</text>
+  <text x="260" y="30">S</text>
+  <text x="280" y="30">T6</text>
+
+  <text x="220" y="70">T</text>
+  <text x="220" y="90">E</text>
+  <text x="220" y="110">S</text>
+  <text x="220" y="130">T</text>
+  <text x="220" y="150">7</text>
+  
+  <text x="220" y="200">T ST8</text>
+
+  <g transform="translate(150,100)rotate(45)"><text>A</text></g>
+</svg>
diff --git a/layout/reftests/svg/text-layout-01.svg b/layout/reftests/svg/text-layout-01.svg
new file mode 100644
index 0000000000..25c28d6b3a
--- /dev/null
+++ b/layout/reftests/svg/text-layout-01.svg
@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     font-family="monospace" font-size="20" xml:space="preserve">
+
+  <title>Testcase to check that dx, dy works for text</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=388547 -->
+
+  <defs>
+    <path id="h1" d="M 30,150 h 100"/>
+    <path id="h2" d="M 30,200 h 100"/>
+    <path id="h3" d="M 220,200 h 100"/>
+  </defs>
+
+  <text x="20" y="20" dx="10" dy="10">TEST1</text>
+
+  <text x="30" y="60" dx="0, 0, 10" dy="0, 10, 10">TEST2</text>
+
+  <text x="30" y="100">T<tspan dx="0, 10" dy="10, 10">EST</tspan>3</text>
+
+  <text><textPath xlink:href="#h1"><tspan dy="10, -10">TE</tspan>ST4</textPath></text>
+
+  <text><textPath xlink:href="#h2"><tspan dx="10">TE</tspan>ST5</textPath></text>
+
+  <text x="220, 240, 260, 280" y="30">TEST6</text>
+
+  <text x="220, 220, 220, 220, 220" y="70, 90, 110, 130, 150">TEST7</text>
+  
+  <text><textPath xlink:href="#h3"><tspan dx="0,1000,-1000">TES</tspan>T8</textPath></text>
+
+  <text x="150" y="100" rotate="45">A</text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-02-ref.svg b/layout/reftests/svg/text-layout-02-ref.svg
new file mode 100644
index 0000000000..7f416b1e90
--- /dev/null
+++ b/layout/reftests/svg/text-layout-02-ref.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     font-family="monospace" font-size="20" xml:space="preserve">
+
+  <title>Reference to check that a single rotate value works for text</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=521636 -->
+
+  <defs>
+    <path id="h1" d="M 30,150 h 100"/>
+  </defs>
+
+  <text x="20" y="20" rotate="90,90,90,90,90">TEST1</text>
+
+  <text><textPath xlink:href="#h1"><tspan rotate="90,90">TE</tspan>ST4</textPath></text>
+
+</svg>
diff --git a/layout/reftests/svg/text-layout-02.svg b/layout/reftests/svg/text-layout-02.svg
new file mode 100644
index 0000000000..cb9a6eb9bf
--- /dev/null
+++ b/layout/reftests/svg/text-layout-02.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     font-family="monospace" font-size="20" xml:space="preserve">
+
+  <title>Testcase to check that a single rotate value works for text</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=521636 -->
+
+  <defs>
+    <path id="h1" d="M 30,150 h 100"/>
+  </defs>
+
+  <text x="20" y="20" rotate="90">TEST1</text>
+
+  <text><textPath xlink:href="#h1"><tspan rotate="90">TE</tspan>ST4</textPath></text>
+
+</svg>
diff --git a/layout/reftests/svg/text-layout-03-ref.svg b/layout/reftests/svg/text-layout-03-ref.svg
new file mode 100644
index 0000000000..1b035782d2
--- /dev/null
+++ b/layout/reftests/svg/text-layout-03-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference to check that nodes without text don't affect whitespace handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=617737 -->
+
+  <g text-anchor="end" font-size="30">
+    <text x="100" y="75">ABC </text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-layout-03.svg b/layout/reftests/svg/text-layout-03.svg
new file mode 100644
index 0000000000..934dab5772
--- /dev/null
+++ b/layout/reftests/svg/text-layout-03.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase to check that nodes without text don't affect whitespace handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=617737 -->
+
+  <g text-anchor="end" font-size="30">
+    <text x="100" y="75">ABC <tspan/></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-layout-04-ref.svg b/layout/reftests/svg/text-layout-04-ref.svg
new file mode 100644
index 0000000000..638e0336b8
--- /dev/null
+++ b/layout/reftests/svg/text-layout-04-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference to check whitespace handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=620286 -->
+
+  <text x="10" y="50" font-size="50">A <tspan/>B</text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-04.svg b/layout/reftests/svg/text-layout-04.svg
new file mode 100644
index 0000000000..1c72cb4354
--- /dev/null
+++ b/layout/reftests/svg/text-layout-04.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase to check whitespace handling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=620286 -->
+
+  <text x="10" y="50" font-size="50">A <tspan/> B</text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-05-ref.svg b/layout/reftests/svg/text-layout-05-ref.svg
new file mode 100644
index 0000000000..3f0c996d9f
--- /dev/null
+++ b/layout/reftests/svg/text-layout-05-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference to check that dominant-baseline works for tspan</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=672519 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <text x="20" y="200" dominant-baseline="central"
+        font-family="monospace" font-size="50px">foo bar baz</text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-05.svg b/layout/reftests/svg/text-layout-05.svg
new file mode 100644
index 0000000000..7842f1bcd8
--- /dev/null
+++ b/layout/reftests/svg/text-layout-05.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase to check that dominant-baseline works for tspan</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=672519 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+  <text x="20" y="200" dominant-baseline="central"
+        font-family="monospace" font-size="50px"><tspan>foo </tspan><tspan>bar </tspan><tspan>baz</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-06-ref.svg b/layout/reftests/svg/text-layout-06-ref.svg
new file mode 100644
index 0000000000..9751d1a17e
--- /dev/null
+++ b/layout/reftests/svg/text-layout-06-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference to check fill and stroke handling</title>
+
+  <linearGradient id="transparent">
+    <stop stop-opacity="0"/>
+  </linearGradient>
+  <text x="50" y="80" font-size="80" fill="blue" stroke="url(#transparent)">A B</text>
+  <text x="50" y="80" font-size="80" fill="none" stroke="yellow" stroke-width="2">A B</text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-06.svg b/layout/reftests/svg/text-layout-06.svg
new file mode 100644
index 0000000000..5e8e49b91d
--- /dev/null
+++ b/layout/reftests/svg/text-layout-06.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase to check fill and stroke handling</title>
+
+  <text x="50" y="80" font-size="80" fill="blue" stroke="yellow" stroke-width="2">A B</text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-07-ref.svg b/layout/reftests/svg/text-layout-07-ref.svg
new file mode 100644
index 0000000000..939b1faea2
--- /dev/null
+++ b/layout/reftests/svg/text-layout-07-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text transform="translate(0, 31)" font-size="120" text-anchor="middle">
+    <tspan y="122.3" x="273">ABC</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-07.svg b/layout/reftests/svg/text-layout-07.svg
new file mode 100644
index 0000000000..056827043b
--- /dev/null
+++ b/layout/reftests/svg/text-layout-07.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text transform="translate(0, 31)" font-size="120" text-anchor="middle">
+    <tspan y="122.3" x="273">ABC</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-08-ref.svg b/layout/reftests/svg/text-layout-08-ref.svg
new file mode 100644
index 0000000000..e4c6612754
--- /dev/null
+++ b/layout/reftests/svg/text-layout-08-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" rotate="-10 -10 10 10 10" style="font: 48px sans-serif">A B C</text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-08.svg b/layout/reftests/svg/text-layout-08.svg
new file mode 100644
index 0000000000..1d17f2d613
--- /dev/null
+++ b/layout/reftests/svg/text-layout-08.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" rotate="-10 -10 -10 -10 -10" style="font: 48px sans-serif">
+    A 
+    <tspan rotate="10">B C</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text-layout-09.svg b/layout/reftests/svg/text-layout-09.svg
new file mode 100644
index 0000000000..c5a0626c08
--- /dev/null
+++ b/layout/reftests/svg/text-layout-09.svg
@@ -0,0 +1,49 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <foreignObject><canvas xmlns="http://www.w3.org/1999/xhtml" id="canvas"/></foreignObject>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <g fill="red">
+    <text dominant-baseline="hanging" x="70" y="70">hanging</text>
+    <text dominant-baseline="mathematical" x="70" y="140">mathematical</text>
+  </g>
+
+  <g fill="lime">
+    <text id="hanging" x="70" y="70" dy="0">hanging</text>
+    <text id="mathematical" x="70" y="140" dy="0">mathematical</text>
+  </g>
+
+  <style><![CDATA[
+  text {
+    font: bold 30px Verdana, Helvetica, Arial, sans-serif;
+  }
+  ]]></style>
+  <script>
+  function cover(id, offset) {
+    let element = document.getElementById(id);
+    element.dy.baseVal[0].value = offset;
+    let rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+    let bbox = element.getBBox();
+    rect.x.baseVal.value = bbox.x;
+    rect.y.baseVal.value = bbox.y;
+    rect.width.baseVal.value = bbox.width;
+    rect.height.baseVal.value = bbox.height;
+    element.parentElement.appendChild(rect);
+  }
+  onload = function() {
+    const canvas = document.getElementById('canvas');
+    const ctx = canvas.getContext('2d');
+    ctx.font = 'bold 30px Verdana, Helvetica, Arial, sans-serif';
+
+    let text = 'h';
+    let textMetrics = ctx.measureText(text);
+
+    cover("hanging", textMetrics.actualBoundingBoxAscent * 1.1);
+
+    cover("mathematical", textMetrics.actualBoundingBoxAscent / 2 * 1.4);
+
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text-layout-10.svg b/layout/reftests/svg/text-layout-10.svg
new file mode 100644
index 0000000000..cf4397d85a
--- /dev/null
+++ b/layout/reftests/svg/text-layout-10.svg
@@ -0,0 +1,66 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+
+  <foreignObject><canvas xmlns="http://www.w3.org/1999/xhtml" id="canvas"/></foreignObject>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <g fill="red">
+    <text dominant-baseline="alphabetic" x="10" y="20">Alphabetic</text>
+    <text dominant-baseline="auto" x="80" y="20">Auto</text>
+    <text dominant-baseline="middle" x="150" y="20">Middle</text>
+    <text dominant-baseline="hanging" x="220" y="20">Hanging</text>
+    <text dominant-baseline="central" x="290" y="20">Central</text>
+    <text dominant-baseline="mathematical" x="360" y="20">Mathematical</text>
+  </g>
+
+  <g fill="lime">
+    <text id="alphabetic" dominant-baseline="text-before-edge" x="10" y="20" dx="0">Alphabetic</text>
+    <text id="auto" dominant-baseline="text-before-edge" x="80" y="20" dx="0">Auto</text>
+    <text id="middle" dominant-baseline="text-before-edge" x="150" y="20" dx="0">Middle</text>
+    <text id="hanging" dominant-baseline="text-before-edge" x="220" y="20" dx="0">Hanging</text>
+    <text id="central" dominant-baseline="text-before-edge" x="290" y="20" dx="0">Central</text>
+    <text id="mathematical" dominant-baseline="text-before-edge" x="360" y="20" dx="0">Mathematical</text>
+  </g>
+
+  <style><![CDATA[
+  text {
+    font: bold 30px Verdana, Helvetica, Arial, sans-serif;
+    writing-mode: vertical-rl;
+  }
+  ]]></style>
+  <script>
+  function cover(id, offset) {
+    let element = document.getElementById(id);
+    element.dx.baseVal[0].value = offset;
+    let rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+    let bbox = element.getBBox();
+    rect.x.baseVal.value = bbox.x;
+    rect.y.baseVal.value = bbox.y;
+    rect.width.baseVal.value = bbox.width;
+    rect.height.baseVal.value = bbox.height;
+    element.parentElement.appendChild(rect);
+  }
+  onload = function() {
+    const canvas = document.getElementById('canvas');
+    const ctx = canvas.getContext('2d');
+    ctx.font = 'bold 30px Verdana, Helvetica, Arial, sans-serif';
+
+    let text = 'h';
+    let textMetrics = ctx.measureText(text);
+
+    cover("alphabetic", textMetrics.actualBoundingBoxAscent);
+
+    cover("auto", textMetrics.actualBoundingBoxAscent * 0.8);
+
+    cover("middle", textMetrics.actualBoundingBoxAscent * 0.6);
+
+    cover("hanging", textMetrics.actualBoundingBoxAscent * 0.1);
+
+    cover("central", textMetrics.actualBoundingBoxAscent * 0.7);
+
+    cover("mathematical", textMetrics.actualBoundingBoxAscent * 0.4);
+
+    document.documentElement.removeAttribute('class');
+  }
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text-scale-01-ref.svg b/layout/reftests/svg/text-scale-01-ref.svg
new file mode 100644
index 0000000000..bf481bfdfa
--- /dev/null
+++ b/layout/reftests/svg/text-scale-01-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Reference for text scaling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=392233 -->
+
+  <text x="0" y="128" font-size="128">Hello</text>
+  <text x="0" y="256" font-size="128">Hello</text>
+  <text x="0" y="384" font-size="128">Hello</text>
+</svg>
diff --git a/layout/reftests/svg/text-scale-01.svg b/layout/reftests/svg/text-scale-01.svg
new file mode 100644
index 0000000000..e109d91541
--- /dev/null
+++ b/layout/reftests/svg/text-scale-01.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for text scaling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=392233 -->
+  <!-- we use powers of two for the scales so they can be represented
+       exactly in a floating point representation -->
+
+  <g transform="scale(8)">
+    <text x="0" y="16" font-size="16">Hello</text>
+  </g>
+  <g transform="scale(64)">
+    <text x="0" y="4" font-size="2">Hello</text>
+  </g>
+  <g transform="scale(512)">
+    <text x="0" y="0.75" font-size="0.25">Hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-scale-02-ref.svg b/layout/reftests/svg/text-scale-02-ref.svg
new file mode 100644
index 0000000000..efc1c63df0
--- /dev/null
+++ b/layout/reftests/svg/text-scale-02-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="100" x2="500" y2="500">
+    <stop stop-color="red"/>
+    <stop stop-color="yellow" offset="1"/>
+  </linearGradient>
+  <rect x="100" y="100" width="400" height="400" fill="url(#g)"/>
+</svg>
diff --git a/layout/reftests/svg/text-scale-02.svg b/layout/reftests/svg/text-scale-02.svg
new file mode 100644
index 0000000000..d8d8d69e80
--- /dev/null
+++ b/layout/reftests/svg/text-scale-02.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../fonts/Ahem.ttf);
+    }
+  </style>
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="100" x2="500" y2="500">
+    <stop stop-color="red"/>
+    <stop stop-color="yellow" offset="1"/>
+  </linearGradient>
+  <text x="100" y="420" style="font: 400px Ahem; fill: url(#g)">a</text>
+</svg>
diff --git a/layout/reftests/svg/text-scale-03-ref.svg b/layout/reftests/svg/text-scale-03-ref.svg
new file mode 100644
index 0000000000..7bba5f0f8e
--- /dev/null
+++ b/layout/reftests/svg/text-scale-03-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="100" y="100" width="400" height="400" style="fill: none; font: 400px Ahem; stroke: black; stroke-width: 8px"/>
+</svg>
diff --git a/layout/reftests/svg/text-scale-03.svg b/layout/reftests/svg/text-scale-03.svg
new file mode 100644
index 0000000000..1e3483e28e
--- /dev/null
+++ b/layout/reftests/svg/text-scale-03.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../fonts/Ahem.ttf);
+    }
+  </style>
+  <text x="100" y="420" style="fill: none; font: 400px Ahem; stroke: black; stroke-width: 8px">a</text>
+</svg>
diff --git a/layout/reftests/svg/text-stroke-scaling-01-ref.svg b/layout/reftests/svg/text-stroke-scaling-01-ref.svg
new file mode 100644
index 0000000000..8467e78574
--- /dev/null
+++ b/layout/reftests/svg/text-stroke-scaling-01-ref.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Reference for stroke-width of text with scaling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=595209 -->
+
+  <g transform="scale(2)">
+    <text x="10" y="30"
+          fill="black" stroke="black" stroke-width="1">a</text>
+    <text x="20" y="30"
+          fill="black" stroke="black" stroke-width="1">b</text>
+    <text x="30" y="30"
+          fill="black" stroke="black" stroke-width="1">c</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-stroke-scaling-01.svg b/layout/reftests/svg/text-stroke-scaling-01.svg
new file mode 100644
index 0000000000..5801a86e2b
--- /dev/null
+++ b/layout/reftests/svg/text-stroke-scaling-01.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for stroke-width of text with scaling</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=595209 -->
+
+  <g transform="scale(2)">
+    <text x="10, 20, 30" y="30" rotate="0"
+          fill="black" stroke="black" stroke-width="1">abc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text-stroke-scaling-02-ref.html b/layout/reftests/svg/text-stroke-scaling-02-ref.html
new file mode 100644
index 0000000000..cc54d7edd4
--- /dev/null
+++ b/layout/reftests/svg/text-stroke-scaling-02-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <svg width="500" height="400">
+    <text x="0" y="20" style="stroke: orange; stroke-width: 0.5px"
+          transform="scale(4)">
+      This is some text
+    </text>
+  </svg>
+</html>
diff --git a/layout/reftests/svg/text-stroke-scaling-02a.html b/layout/reftests/svg/text-stroke-scaling-02a.html
new file mode 100644
index 0000000000..194b58cd06
--- /dev/null
+++ b/layout/reftests/svg/text-stroke-scaling-02a.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <svg width="500" height="400">
+    <text x="0" y="20" style="stroke: orange; stroke-width: 2px"
+          transform="scale(4)">
+      This is some text
+    </text>
+  </svg>
+  <script>
+    onload = function() {
+      var obj = document.querySelector("text");
+      window.w = obj.getBoundingClientRect().width;
+      obj.style.vectorEffect = "non-scaling-stroke";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/svg/text-stroke-scaling-02b.html b/layout/reftests/svg/text-stroke-scaling-02b.html
new file mode 100644
index 0000000000..162b418a45
--- /dev/null
+++ b/layout/reftests/svg/text-stroke-scaling-02b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <svg width="500" height="400">
+    <text x="0" y="20" style="stroke: orange; vector-effect: non-scaling-stroke;
+                              stroke-width: 2px"
+          transform="scale(4)">
+      This is some text
+    </text>
+  </svg>
+</html>
diff --git a/layout/reftests/svg/text-style-01-ref.svg b/layout/reftests/svg/text-style-01-ref.svg
new file mode 100644
index 0000000000..9e5b67263e
--- /dev/null
+++ b/layout/reftests/svg/text-style-01-ref.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<title>Reference for style changes</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=395155 -->
+
+<style id="s" type="text/css">
+tspan { fill: green; }
+</style>
+
+<text>
+  <tspan x="10" y="50">
+    This should be green
+  </tspan>
+</text>
+
+</svg>
diff --git a/layout/reftests/svg/text-style-01a.svg b/layout/reftests/svg/text-style-01a.svg
new file mode 100644
index 0000000000..4e8fc8ea35
--- /dev/null
+++ b/layout/reftests/svg/text-style-01a.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="m();">
+
+<title>Testcase for style changes</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=395155 -->
+
+<style id="s" type="text/css">
+* { fill: red; }
+</style>
+
+<script>
+function m()
+{
+  var s = document.getElementById("s");
+  s.appendChild(document.createTextNode("tspan { fill: green }"));
+}
+</script>
+
+<text>
+  <tspan x="10" y="50">
+    This should be green
+  </tspan>
+</text>
+
+</svg>
diff --git a/layout/reftests/svg/text-style-01b.svg b/layout/reftests/svg/text-style-01b.svg
new file mode 100644
index 0000000000..dd07f3a930
--- /dev/null
+++ b/layout/reftests/svg/text-style-01b.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="m();">
+
+<title>Testcase for style changes</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=395155 -->
+
+<style id="s" type="text/css">
+* { fill: red; }
+</style>
+
+<script>
+function m()
+{
+  var s = document.getElementById("s");
+  s.appendChild(document.createTextNode("tspan { fill: "));
+  s.appendChild(document.createTextNode("green }"));
+}
+</script>
+
+<text>
+  <tspan x="10" y="50">
+    This should be green
+  </tspan>
+</text>
+
+</svg>
diff --git a/layout/reftests/svg/text-style-01c.svg b/layout/reftests/svg/text-style-01c.svg
new file mode 100644
index 0000000000..aeff296fb3
--- /dev/null
+++ b/layout/reftests/svg/text-style-01c.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="m();">
+
+<title>Testcase for style changes</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=395155 -->
+
+<style id="s" type="text/css">
+tspan { fill: red; }
+</style>
+
+<script>
+function m()
+{
+  var s = document.getElementById("s");
+  s.firstChild.data = s.firstChild.data.replace("red", "green");
+}
+</script>
+
+<text>
+  <tspan x="10" y="50">
+    This should be green
+  </tspan>
+</text>
+
+</svg>
diff --git a/layout/reftests/svg/text-style-01d.svg b/layout/reftests/svg/text-style-01d.svg
new file mode 100644
index 0000000000..c32a70545e
--- /dev/null
+++ b/layout/reftests/svg/text-style-01d.svg
@@ -0,0 +1,30 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="m();">
+
+<title>Testcase for style changes</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=395155 -->
+
+<style id="s" type="text/css">
+* { fill: red; }
+</style>
+
+<script>
+function m()
+{
+  var s = document.getElementById("s");
+  s.appendChild(document.createTextNode(""));
+  s.firstChild.data = "tspan { fill: green }";
+}
+</script>
+
+<text>
+  <tspan x="10" y="50">
+    This should be green
+  </tspan>
+</text>
+
+</svg>
diff --git a/layout/reftests/svg/text-style-01e.svg b/layout/reftests/svg/text-style-01e.svg
new file mode 100644
index 0000000000..9f621bcdbe
--- /dev/null
+++ b/layout/reftests/svg/text-style-01e.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" onload="m();">
+
+<title>Testcase for style changes</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=395155 -->
+
+<style id="s" type="text/css">
+tspan { fill: red; }
+</style>
+
+<script>
+function m()
+{
+  var s = document.getElementById("s");
+  s.appendChild(document.createTextNode("tspan { fill: green }"));
+  s.appendChild(document.createTextNode("tspan { fill: red }"));
+  s.removeChild(s.lastChild);
+}
+</script>
+
+<text>
+  <tspan x="10" y="50">
+    This should be green
+  </tspan>
+</text>
+
+</svg>
diff --git a/layout/reftests/svg/text-white-space-01-ref.svg b/layout/reftests/svg/text-white-space-01-ref.svg
new file mode 100644
index 0000000000..54ec18fe83
--- /dev/null
+++ b/layout/reftests/svg/text-white-space-01-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:h="http://www.w3.org/1999/xhtml">
+  <title>Reference to check xml:space mapping to white-space for foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=828962 -->
+
+  <text x="10" y="20">A&#160;&#160;&#160;&#160;B</text>
+  <foreignObject x="10" y="40" width="100" height="100"><h:p>A&#160;B</h:p></foreignObject>
+  <foreignObject x="10" y="140" width="100" height="100"><h:p>A&#160;&#160;&#160;&#160;B<h:br/>C</h:p></foreignObject>
+</svg>
diff --git a/layout/reftests/svg/text-white-space-01.svg b/layout/reftests/svg/text-white-space-01.svg
new file mode 100644
index 0000000000..daaa85148b
--- /dev/null
+++ b/layout/reftests/svg/text-white-space-01.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:h="http://www.w3.org/1999/xhtml" xml:space="preserve">
+  <title>Testcase to check xml:space mapping to white-space for foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=828962 -->
+
+  <text x="10" y="20">A    B</text>
+  <foreignObject x="10" y="40" width="100" height="100"><h:p>A    B</h:p></foreignObject>
+  <foreignObject x="10" y="140" width="100" height="100" style="white-space: pre"><h:p>A    B
+C</h:p></foreignObject>
+</svg>
diff --git a/layout/reftests/svg/text/clipPath-applied-ref.svg b/layout/reftests/svg/text/clipPath-applied-ref.svg
new file mode 100644
index 0000000000..e628a865c9
--- /dev/null
+++ b/layout/reftests/svg/text/clipPath-applied-ref.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g style="font: 32px Ahem; fill: blue; white-space: pre">
+    <text x="20" y="100">one</text>
+    <text x="20" y="200">three</text>
+    <text x="20" y="150" text-decoration="line-through">   </text>
+    <text x="20" y="250" text-decoration="line-through">   </text>
+  </g>
+  <rect x="100" width="300" height="400" fill="white"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+    <rect x="20" y="173" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/clipPath-applied.svg b/layout/reftests/svg/text/clipPath-applied.svg
new file mode 100644
index 0000000000..ba213f8bc5
--- /dev/null
+++ b/layout/reftests/svg/text/clipPath-applied.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <clipPath id="c" x="0" y="0" width="600" height="400">
+      <rect width="100" height="400"/>
+    </clipPath>
+  </defs>
+  <g style="font: 32px Ahem; fill: blue; white-space: pre">
+    <text x="20" y="100" clip-path="url(#c)">one</text>
+    <text x="20" y="150" clip-path="url(#c)" style="text-decoration: line-through">   </text>
+    <g clip-path="url(#c)">
+      <text x="20" y="200">three</text>
+      <text x="20" y="250" style="text-decoration: line-through">   </text>
+    </g>
+  </g>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+    <rect x="20" y="173" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/clipPath-content-2-ref.svg b/layout/reftests/svg/text/clipPath-content-2-ref.svg
new file mode 100644
index 0000000000..9404d5a495
--- /dev/null
+++ b/layout/reftests/svg/text/clipPath-content-2-ref.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <!-- We stick this in a pattern instead of rendering the <text> elements
+       directly so that it gets the same mFontSizeScaleFactor, and thus
+       will get the same thickness text decoration line. -->
+  <pattern id="p" x="0" y="0" width="600" height="400" patternUnits="userSpaceOnUse">
+    <g style="font: 32px Ahem; white-space: pre; fill: blue">
+      <text x="20" y="100">one</text>
+      <text x="20" y="150" style="text-decoration: line-through">   </text>
+    </g>
+  </pattern>
+  <rect width="600" height="400" fill="url(#p)"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/clipPath-content-2.svg b/layout/reftests/svg/text/clipPath-content-2.svg
new file mode 100644
index 0000000000..fb3483641e
--- /dev/null
+++ b/layout/reftests/svg/text/clipPath-content-2.svg
@@ -0,0 +1,42 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <clipPath id="c" x="0" y="0" width="600" height="400">
+      <text x="20" y="100" style="font: 32px Ahem; white-space: pre">one</text>
+      <text x="20" y="150" style="font: 32px Ahem; white-space: pre; text-decoration: line-through">   </text>
+    </clipPath>
+  </defs>
+  <rect x="0" y="0" width="600" height="400" fill="blue" clip-path="url(#c)"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+  <script>
+    function waitUntilFontLoaded() {
+      var canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      var ctx = canvas.getContext("2d");
+      ctx.font = "100px Ahem";
+      ctx.fillText("_", 0, 100);
+      var img = ctx.getImageData(50, 50, 1, 1);
+      if (img.data[3] == 255) {
+        setTimeout(function() {
+          document.documentElement.removeAttribute("class");
+        }, 1);
+      } else {
+        setTimeout(waitUntilFontLoaded, 200);
+      }
+    }
+
+    setTimeout(waitUntilFontLoaded, 200);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/clipPath-content-ref.svg b/layout/reftests/svg/text/clipPath-content-ref.svg
new file mode 100644
index 0000000000..4a37d44755
--- /dev/null
+++ b/layout/reftests/svg/text/clipPath-content-ref.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g style="font: 32px Ahem; white-space: pre; fill: blue">
+    <text x="20" y="100">one</text>
+  </g>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/clipPath-content.svg b/layout/reftests/svg/text/clipPath-content.svg
new file mode 100644
index 0000000000..a365b002a5
--- /dev/null
+++ b/layout/reftests/svg/text/clipPath-content.svg
@@ -0,0 +1,41 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <clipPath id="c" x="0" y="0" width="600" height="400">
+      <text x="20" y="100" style="font: 32px Ahem; white-space: pre">one</text>
+    </clipPath>
+  </defs>
+  <rect x="0" y="0" width="600" height="400" fill="blue" clip-path="url(#c)"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+  <script>
+    function waitUntilFontLoaded() {
+      var canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      var ctx = canvas.getContext("2d");
+      ctx.font = "100px Ahem";
+      ctx.fillText("_", 0, 100);
+      var img = ctx.getImageData(50, 50, 1, 1);
+      if (img.data[3] == 255) {
+        setTimeout(function() {
+          document.documentElement.removeAttribute("class");
+        }, 1);
+      } else {
+        setTimeout(waitUntilFontLoaded, 200);
+      }
+    }
+
+    setTimeout(waitUntilFontLoaded, 200);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/deselectAll-ref.svg b/layout/reftests/svg/text/deselectAll-ref.svg
new file mode 100644
index 0000000000..228b0755db
--- /dev/null
+++ b/layout/reftests/svg/text/deselectAll-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/deselectAll.svg b/layout/reftests/svg/text/deselectAll.svg
new file mode 100644
index 0000000000..6c0c18d2bc
--- /dev/null
+++ b/layout/reftests/svg/text/deselectAll.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text")[0];
+    text.selectSubString(1, 3);
+    document.documentElement.deselectAll();
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/display-none-1.svg b/layout/reftests/svg/text/display-none-1.svg
new file mode 100644
index 0000000000..f24835479c
--- /dev/null
+++ b/layout/reftests/svg/text/display-none-1.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text><tspan display="none">xx</tspan>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/display-none-2.svg b/layout/reftests/svg/text/display-none-2.svg
new file mode 100644
index 0000000000..cec10efd21
--- /dev/null
+++ b/layout/reftests/svg/text/display-none-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>he<tspan display="none">xx</tspan>llo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/display-none-3.svg b/layout/reftests/svg/text/display-none-3.svg
new file mode 100644
index 0000000000..9d616067b1
--- /dev/null
+++ b/layout/reftests/svg/text/display-none-3.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello<tspan display="none">xx</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/display-none-4.svg b/layout/reftests/svg/text/display-none-4.svg
new file mode 100644
index 0000000000..84fa857444
--- /dev/null
+++ b/layout/reftests/svg/text/display-none-4.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200"
+     style="font: 16px sans-serif">
+  <text x="100" y="100">hello</text>
+  <text x="100" y="200"><textPath display="none">f</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-dominant-baseline-ref.svg b/layout/reftests/svg/text/dynamic-dominant-baseline-ref.svg
new file mode 100644
index 0000000000..f8b0956208
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-dominant-baseline-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" font-family="sans-serif" dominant-baseline="central">hello <tspan font-size="48px">there</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-dominant-baseline.svg b/layout/reftests/svg/text/dynamic-dominant-baseline.svg
new file mode 100644
index 0000000000..5a05b801c8
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-dominant-baseline.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <text x="100" y="100" font-family="sans-serif">hello <tspan font-size="48px">there</tspan></text>
+  <script>
+    function f() {
+      document.getElementsByTagName("text")[0].style.dominantBaseline = "central";
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size-2-ref.svg b/layout/reftests/svg/text/dynamic-font-size-2-ref.svg
new file mode 100644
index 0000000000..d4f0a7a967
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size-2-ref.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    svg { font: 32px sans-serif; }
+  </style>
+  <defs>
+    <mask id="m" x="0" y="0" width="600" height="400">
+      <text x="100" y="100" fill="white"><tspan>abc</tspan><tspan>def</tspan></text>
+    </mask>
+  </defs>
+  <rect width="600" height="400" fill="blue" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size-2.svg b/layout/reftests/svg/text/dynamic-font-size-2.svg
new file mode 100644
index 0000000000..3e9a0ced3f
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size-2.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <!--
+    This tests that a style change on a <text> element within a resource
+    element like <mask> will cause a reflow of the <text>.
+  -->
+  <style>
+    svg { font: 16px sans-serif; }
+    svg.a { font-size: 32px; }
+  </style>
+  <defs>
+    <mask id="m" x="0" y="0" width="600" height="400">
+      <text x="100" y="100" fill="white"><tspan>abc</tspan><tspan>def</tspan></text>
+    </mask>
+  </defs>
+  <rect width="600" height="400" fill="blue" mask="url(#m)"/>
+  <script>
+    function doTest() {
+      document.documentElement.setAttribute("class", "a");
+    }
+
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+    window.setTimeout(doTest, 4000); // fallback for running outside reftest
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size-3-ref.svg b/layout/reftests/svg/text/dynamic-font-size-3-ref.svg
new file mode 100644
index 0000000000..a2f5e5f8e4
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size-3-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    g { font: 32px sans-serif; }
+  </style>
+  <defs>
+    <g>
+      <mask id="m" x="0" y="0" width="600" height="400">
+        <text x="100" y="100" fill="white"><tspan>abc</tspan><tspan>def</tspan></text>
+      </mask>
+    </g>
+  </defs>
+  <rect width="600" height="400" fill="blue" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size-3.svg b/layout/reftests/svg/text/dynamic-font-size-3.svg
new file mode 100644
index 0000000000..c7f1dcb1d9
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size-3.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <!--
+    This tests that a style change on a <text> element within a resource
+    element like <mask> will cause a reflow of the <text>.
+  -->
+  <style>
+    g { font: 16px sans-serif; }
+    g.a { font-size: 32px; }
+  </style>
+  <defs>
+    <g>
+      <mask id="m" x="0" y="0" width="600" height="400">
+        <text x="100" y="100" fill="white"><tspan>abc</tspan><tspan>def</tspan></text>
+      </mask>
+    </g>
+  </defs>
+  <rect width="600" height="400" fill="blue" mask="url(#m)"/>
+  <script>
+    function doTest() {
+      document.querySelector("g").setAttribute("class", "a");
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+    window.setTimeout(doTest, 4000); // fallback for running outside reftest
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size-4-ref.svg b/layout/reftests/svg/text/dynamic-font-size-4-ref.svg
new file mode 100644
index 0000000000..62d280caf2
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size-4-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    g text { font: 32px sans-serif; }
+  </style>
+  <defs>
+    <g>
+      <mask id="m" x="0" y="0" width="600" height="400">
+        <text x="100" y="100" fill="white"><tspan>abc</tspan><tspan>def</tspan></text>
+      </mask>
+    </g>
+  </defs>
+  <rect width="600" height="400" fill="blue" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size-4.svg b/layout/reftests/svg/text/dynamic-font-size-4.svg
new file mode 100644
index 0000000000..4131e08e11
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size-4.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <!--
+    This tests that a style change on a <text> element within a resource
+    element like <mask> will cause a reflow of the <text>.
+  -->
+  <style>
+    g text { font: 16px sans-serif; }
+    g.a text { font-size: 32px; }
+  </style>
+  <defs>
+    <g>
+      <mask id="m" x="0" y="0" width="600" height="400">
+        <text x="100" y="100" fill="white"><tspan>abc</tspan><tspan>def</tspan></text>
+      </mask>
+    </g>
+  </defs>
+  <rect width="600" height="400" fill="blue" mask="url(#m)"/>
+  <script>
+    function doTest() {
+      document.querySelector("g").setAttribute("class", "a");
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", doTest, false);
+    window.setTimeout(doTest, 4000); // fallback for running outside reftest
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size-ref.svg b/layout/reftests/svg/text/dynamic-font-size-ref.svg
new file mode 100644
index 0000000000..64879d3ee4
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" style="font: 16px sans-serif">hello there</text>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-font-size.svg b/layout/reftests/svg/text/dynamic-font-size.svg
new file mode 100644
index 0000000000..f7a55bd897
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-font-size.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <text x="100" y="100" style="font: 32px sans-serif"><tspan>hello</tspan> there</text>
+  <script>
+    function f() {
+      document.getElementsByTagName("text")[0].style.fontSize = "16px";
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-multiple-x-ref.svg b/layout/reftests/svg/text/dynamic-multiple-x-ref.svg
new file mode 100644
index 0000000000..b0ecda41d5
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-multiple-x-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" style="font: 16px sans-serif">
+  <text x="100 150 200 250" y="50">34</text>
+  <text x="100 150 200 250" y="100">34</text>
+  <text x="100 150 200 250" y="150">1234</text>
+  <text x="200 250" y="200">34</text>
+  <text x="100 150 200 250 300 350" y="250">123456</text>
+  <text x="100 150 300 350" y="300">1256</text>
+  <text x="200 250" y="350">34</text>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-multiple-x.svg b/layout/reftests/svg/text/dynamic-multiple-x.svg
new file mode 100644
index 0000000000..23f2b20f6c
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-multiple-x.svg
@@ -0,0 +1,55 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait" style="font: 16px sans-serif">
+  <text x="100 150 200 250" y="50"><tspan>12</tspan>34</text>
+  <text x="100 150 200 250" y="100"><tspan display="none">12</tspan>34</text>
+  <text x="100 150 200 250" y="150">34</text>
+  <text x="100 150 200 250" y="200">34</text>
+  <text x="100 150 200 250 300 350" y="250"><tspan>12</tspan>56</text>
+  <text x="100 150 200 250 300 350" y="300"><tspan>12</tspan>56</text>
+  <text x="100 150 200 250" y="350"><tspan display="none"/>34</text>
+
+  <script>
+    function newTSpan(s) {
+      var e = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+      e.textContent = s;
+      return e;
+    }
+
+    function f() {
+      window.removeEventListener("MozAfterPaint", f);
+
+      var t = document.getElementsByTagName("text");
+      var e;
+
+      t[0].removeChild(t[0].firstChild);
+
+      t[1].removeChild(t[1].firstChild);
+
+      e = newTSpan("12");
+      t[2].insertBefore(e, t[2].firstChild);
+
+      e = newTSpan("12");
+      e.setAttribute("display", "none");
+      t[3].insertBefore(e, t[3].firstChild);
+
+      e = newTSpan("34");
+      t[4].firstChild.appendChild(e);
+
+      e = newTSpan("34");
+      e.setAttribute("display", "none");
+      t[5].firstChild.appendChild(e);
+
+      e = newTSpan("12");
+      t[6].firstChild.appendChild(e);
+
+      setTimeout(function() {
+        document.documentElement.removeAttribute("class");
+      }, 0);
+    }
+
+    window.addEventListener("MozAfterPaint", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-non-scaling-stroke-ref.svg b/layout/reftests/svg/text/dynamic-non-scaling-stroke-ref.svg
new file mode 100644
index 0000000000..8fb57ed2c1
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-non-scaling-stroke-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" style="font: 32px sans-serif; text-rendering: geometricPrecision">
+  <text x="100" y="100" stroke="blue" stroke-width="5"><tspan>hello</tspan> there</text>
+
+  <text x="100" y="160" stroke="blue" stroke-width="5"><tspan>hello</tspan> there</text>
+
+  <text x="100" y="220" stroke="blue" stroke-width="5"><tspan>hello</tspan> there</text>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-non-scaling-stroke.svg b/layout/reftests/svg/text/dynamic-non-scaling-stroke.svg
new file mode 100644
index 0000000000..ea3ba19909
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-non-scaling-stroke.svg
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <title>Test non-scaling-stroke repainting when ancestor transforms change</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
+<style>
+  .noscale {
+    vector-effect: non-scaling-stroke;
+  }
+</style>
+  <script>
+
+function doTest() {
+  document.getElementById("g").setAttribute("transform", "scale(2)");
+  document.documentElement.removeAttribute('class');
+}
+
+document.addEventListener("MozReftestInvalidate", doTest, false);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+
+  </script>
+  <g id="g" style="font: 16px sans-serif; text-rendering: geometricPrecision">
+    <text x="50" y="50" stroke="blue" stroke-width="5" class="noscale"><tspan class="noscale">hello</tspan> there</text>
+
+    <text x="50" y="80" stroke="blue" stroke-width="2.5"><tspan class="noscale" stroke-width="5">hello</tspan> there</text>
+
+    <text x="50" y="110" stroke="blue" stroke-width="5" class="noscale"><tspan stroke-width="2.5">hello</tspan> there</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/dynamic-text-shadow.svg b/layout/reftests/svg/text/dynamic-text-shadow.svg
new file mode 100644
index 0000000000..469eaa6023
--- /dev/null
+++ b/layout/reftests/svg/text/dynamic-text-shadow.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <text x="30" y="30" fill="green" style="text-shadow: #cc9900 20px 12px 2px">Hello</text>
+  <script>
+    function f() {
+      document.getElementsByTagName("text")[0].style.textShadow = "grey 3px 3px";
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/filter-applied-ref.svg b/layout/reftests/svg/text/filter-applied-ref.svg
new file mode 100644
index 0000000000..cd55e7e3f3
--- /dev/null
+++ b/layout/reftests/svg/text/filter-applied-ref.svg
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <filter id="f" x="0" y="0" width="150%" height="100%" filterUnits="objectBoundingBox">
+      <feFlood flood-color="yellow" result="flood"/>
+      <feMerge>
+        <feMergeNode in="flood"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  <g style="font: 32px Ahem; fill: blue">
+    <rect x="20" y="74" width="96" height="32" filter="url(#f)"/>
+    <g filter="url(#f)">
+      <rect x="20" y="174" width="160" height="32"/>
+    </g>
+  </g>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+    <rect x="20" y="73" width="144" height="32"/>
+    <rect x="20" y="173" width="160" height="32"/>
+    <rect x="20" y="173" width="240" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/filter-applied.svg b/layout/reftests/svg/text/filter-applied.svg
new file mode 100644
index 0000000000..a60b6571c1
--- /dev/null
+++ b/layout/reftests/svg/text/filter-applied.svg
@@ -0,0 +1,40 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <filter id="f1" x="20" y="73" width="144" height="32" filterUnits="userSpaceOnUse">
+      <feFlood flood-color="yellow" result="flood"/>
+      <feMerge>
+        <feMergeNode in="flood"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <filter id="f2" x="20" y="173" width="240" height="32" filterUnits="userSpaceOnUse">
+      <feFlood flood-color="yellow" result="flood"/>
+      <feMerge>
+        <feMergeNode in="flood"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  <g style="font: 32px Ahem; fill: blue">
+    <text x="20" y="100" filter="url(#f1)">one</text>
+    <g filter="url(#f2)">
+      <text x="20" y="200">three</text>
+    </g>
+  </g>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+    <rect x="20" y="73" width="144" height="32"/>
+    <rect x="20" y="173" width="160" height="32"/>
+    <rect x="20" y="173" width="240" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-before-after.svg b/layout/reftests/svg/text/ignore-before-after.svg
new file mode 100644
index 0000000000..8db670fa33
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-before-after.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <style>
+    text::before { content: "I said '" }
+    text::after { content: "'." }
+    tspan::before { content: "out " }
+    tspan::after { content: " to" }
+  </style>
+  <text x="100" y="100" style="font: 16px sans-serif">hello <tspan>there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-border.svg b/layout/reftests/svg/text/ignore-border.svg
new file mode 100644
index 0000000000..cb16461f79
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-border.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">hello <tspan style="border: 8px solid black">there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-display-ref.svg b/layout/reftests/svg/text/ignore-display-ref.svg
new file mode 100644
index 0000000000..689bdc5b1f
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-display-ref.svg
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="400">
+  <g style="font: 16px sans-serif">
+    <text x="100" y="40">hello there everyone</text>
+    <text x="100" y="60">hello there everyone</text>
+    <text x="100" y="80">hello there everyone</text>
+    <text x="100" y="100">hello there everyone</text>
+    <text x="100" y="120">hello there everyone</text>
+    <text x="100" y="140">hello there everyone</text>
+    <text x="100" y="160">hello there everyone</text>
+    <text x="100" y="180">hello there everyone</text>
+    <text x="100" y="200">hello there everyone</text>
+    <text x="100" y="220">hello there everyone</text>
+    <text x="100" y="240">hello there everyone</text>
+    <text x="100" y="260">hello there everyone</text>
+    <text x="100" y="280">hello there everyone</text>
+
+    <text x="400" y="40">hello there everyone</text>
+    <text x="400" y="60">hello there everyone</text>
+    <text x="400" y="80">hello there everyone</text>
+    <text x="400" y="100">hello there everyone</text>
+    <text x="400" y="120">hello there everyone</text>
+    <text x="400" y="140">hello there everyone</text>
+    <text x="400" y="160">hello there everyone</text>
+    <text x="400" y="180">hello there everyone</text>
+    <text x="400" y="200">hello there everyone</text>
+    <text x="400" y="220">hello there everyone</text>
+    <text x="400" y="240">hello there everyone</text>
+    <text x="400" y="260">hello there everyone</text>
+    <text x="400" y="280">hello there everyone</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-display.svg b/layout/reftests/svg/text/ignore-display.svg
new file mode 100644
index 0000000000..17856ad71b
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-display.svg
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="400">
+  <g style="font: 16px sans-serif">
+    <text x="100" y="40">hello <tspan style="display: block">there</tspan> everyone</text>
+    <text x="100" y="60">hello <tspan style="display: list-item">there</tspan> everyone</text>
+    <text x="100" y="80">hello <tspan style="display: inline-block">there</tspan> everyone</text>
+    <text x="100" y="100">hello <tspan style="display: table">there</tspan> everyone</text>
+    <text x="100" y="120">hello <tspan style="display: inline-table">there</tspan> everyone</text>
+    <text x="100" y="140">hello <tspan style="display: table-row-group">there</tspan> everyone</text>
+    <text x="100" y="160">hello <tspan style="display: table-header-group">there</tspan> everyone</text>
+    <text x="100" y="180">hello <tspan style="display: table-footer-group">there</tspan> everyone</text>
+    <text x="100" y="200">hello <tspan style="display: table-row">there</tspan> everyone</text>
+    <text x="100" y="220">hello <tspan style="display: table-column-group">there</tspan> everyone</text>
+    <text x="100" y="240">hello <tspan style="display: table-column">there</tspan> everyone</text>
+    <text x="100" y="260">hello <tspan style="display: table-cell">there</tspan> everyone</text>
+    <text x="100" y="280">hello <tspan style="display: table-caption">there</tspan> everyone</text>
+
+    <text x="400" y="40" style="display: block">hello there everyone</text>
+    <text x="400" y="60" style="display: list-item">hello there everyone</text>
+    <text x="400" y="80" style="display: inline-block">hello there everyone</text>
+    <text x="400" y="100" style="display: table">hello there everyone</text>
+    <text x="400" y="120" style="display: inline-table">hello there everyone</text>
+    <text x="400" y="140" style="display: table-row-group">hello there everyone</text>
+    <text x="400" y="160" style="display: table-header-group">hello there everyone</text>
+    <text x="400" y="180" style="display: table-footer-group">hello there everyone</text>
+    <text x="400" y="200" style="display: table-row">hello there everyone</text>
+    <text x="400" y="220" style="display: table-column-group">hello there everyone</text>
+    <text x="400" y="240" style="display: table-column">hello there everyone</text>
+    <text x="400" y="260" style="display: table-cell">hello there everyone</text>
+    <text x="400" y="280" style="display: table-caption">hello there everyone</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-float-first-letter.svg b/layout/reftests/svg/text/ignore-float-first-letter.svg
new file mode 100644
index 0000000000..94ca633d68
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-float-first-letter.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <style>
+    text:first-letter { float: right }
+  </style>
+  <text x="100" y="100" style="font: 16px sans-serif">hello there everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-float.svg b/layout/reftests/svg/text/ignore-float.svg
new file mode 100644
index 0000000000..cb4b72898a
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-float.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">hello <tspan style="float: right">there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-invalid-child-2-ref.svg b/layout/reftests/svg/text/ignore-invalid-child-2-ref.svg
new file mode 100644
index 0000000000..ece0929ddf
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-invalid-child-2-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">
+    <tspan>
+      ab
+      ef
+    </tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-invalid-child-2.svg b/layout/reftests/svg/text/ignore-invalid-child-2.svg
new file mode 100644
index 0000000000..0617c46940
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-invalid-child-2.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">
+    <tspan>
+      ab
+      <progress xmlns="http://www.w3.org/1999/xhtml">cd</progress>
+      ef
+    </tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-invalid-child-ref.svg b/layout/reftests/svg/text/ignore-invalid-child-ref.svg
new file mode 100644
index 0000000000..3740106794
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-invalid-child-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">abef</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-invalid-child.svg b/layout/reftests/svg/text/ignore-invalid-child.svg
new file mode 100644
index 0000000000..37f6fa494d
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-invalid-child.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">ab<a xmlns="data:,">cd</a>ef</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-margin.svg b/layout/reftests/svg/text/ignore-margin.svg
new file mode 100644
index 0000000000..37d263e7b8
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-margin.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">hello <tspan style="margin: 20px">there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-overflow-scroll.svg b/layout/reftests/svg/text/ignore-overflow-scroll.svg
new file mode 100644
index 0000000000..eecc3b32af
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-overflow-scroll.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif; overflow: scroll">hello <tspan style="display: block; overflow: scroll">there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-padding.svg b/layout/reftests/svg/text/ignore-padding.svg
new file mode 100644
index 0000000000..3fb410cdb3
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-padding.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">hello <tspan style="padding: 20px">there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-position-ref.svg b/layout/reftests/svg/text/ignore-position-ref.svg
new file mode 100644
index 0000000000..3d265f2ab7
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-position-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g style="font: 16px sans-serif">
+    <text x="100" y="40">hello there everyone</text>
+    <text x="100" y="60">hello there everyone</text>
+    <text x="100" y="80">hello there everyone</text>
+    <text x="100" y="100">hello there everyone</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-position.svg b/layout/reftests/svg/text/ignore-position.svg
new file mode 100644
index 0000000000..ec0878264f
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-position.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g style="font: 16px sans-serif">
+    <text x="100" y="40">hello <tspan style="position: relative; left: 20px">there</tspan> everyone</text>
+    <text x="100" y="60">hello <tspan style="position: absolute; top: 0; left: 0">there</tspan> everyone</text>
+    <text x="100" y="80">hello <tspan style="position: fixed; top: 0; left: 0">there</tspan> everyone</text>
+    <text x="100" y="100">hello <tspan style="position: sticky; left: 500px">there</tspan> everyone</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-prop-ref.svg b/layout/reftests/svg/text/ignore-prop-ref.svg
new file mode 100644
index 0000000000..d0f7035fc6
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-prop-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">hello there everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-text-align-2-ref.svg b/layout/reftests/svg/text/ignore-text-align-2-ref.svg
new file mode 100644
index 0000000000..58a786fa6e
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-text-align-2-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>Hello.</text>
+    <text y="20">Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-text-align-2.svg b/layout/reftests/svg/text/ignore-text-align-2.svg
new file mode 100644
index 0000000000..0210124e88
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-text-align-2.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text style="white-space: pre-line; line-height: 20px; text-align: center">Hello.
+Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-text-align.svg b/layout/reftests/svg/text/ignore-text-align.svg
new file mode 100644
index 0000000000..5f072818e6
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-text-align.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif; text-align: center">hello there everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-vertical-align-ref.svg b/layout/reftests/svg/text/ignore-vertical-align-ref.svg
new file mode 100644
index 0000000000..c4c7995f95
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-vertical-align-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">hello <tspan style="font-size: 24px">there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/ignore-vertical-align.svg b/layout/reftests/svg/text/ignore-vertical-align.svg
new file mode 100644
index 0000000000..03612bc770
--- /dev/null
+++ b/layout/reftests/svg/text/ignore-vertical-align.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">hello <tspan style="vertical-align: top; font-size: 24px">there</tspan> everyone</text>
+</svg>
diff --git a/layout/reftests/svg/text/link-surrounding.svg b/layout/reftests/svg/text/link-surrounding.svg
new file mode 100644
index 0000000000..19e7c562c1
--- /dev/null
+++ b/layout/reftests/svg/text/link-surrounding.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="200">
+  <a xlink:href="data:," transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </a>
+</svg>
diff --git a/layout/reftests/svg/text/mask-applied-ref.svg b/layout/reftests/svg/text/mask-applied-ref.svg
new file mode 100644
index 0000000000..e628a865c9
--- /dev/null
+++ b/layout/reftests/svg/text/mask-applied-ref.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g style="font: 32px Ahem; fill: blue; white-space: pre">
+    <text x="20" y="100">one</text>
+    <text x="20" y="200">three</text>
+    <text x="20" y="150" text-decoration="line-through">   </text>
+    <text x="20" y="250" text-decoration="line-through">   </text>
+  </g>
+  <rect x="100" width="300" height="400" fill="white"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+    <rect x="20" y="173" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/mask-applied.svg b/layout/reftests/svg/text/mask-applied.svg
new file mode 100644
index 0000000000..36f1ad380e
--- /dev/null
+++ b/layout/reftests/svg/text/mask-applied.svg
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <mask id="m" x="0" y="0" width="600" height="400">
+      <rect width="100" height="400" fill="white"/>
+    </mask>
+  </defs>
+  <g style="font: 32px Ahem; fill: blue; white-space: pre">
+    <text x="20" y="100" mask="url(#m)">one</text>
+    <text x="20" y="150" mask="url(#m)" style="text-decoration: line-through">   </text>
+    <g mask="url(#m)">
+      <text x="20" y="200">three</text>
+      <text x="20" y="250" style="text-decoration: line-through">   </text>
+    </g>
+  </g>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+    <rect x="20" y="173" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/mask-content-2-ref.svg b/layout/reftests/svg/text/mask-content-2-ref.svg
new file mode 100644
index 0000000000..9404d5a495
--- /dev/null
+++ b/layout/reftests/svg/text/mask-content-2-ref.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <!-- We stick this in a pattern instead of rendering the <text> elements
+       directly so that it gets the same mFontSizeScaleFactor, and thus
+       will get the same thickness text decoration line. -->
+  <pattern id="p" x="0" y="0" width="600" height="400" patternUnits="userSpaceOnUse">
+    <g style="font: 32px Ahem; white-space: pre; fill: blue">
+      <text x="20" y="100">one</text>
+      <text x="20" y="150" style="text-decoration: line-through">   </text>
+    </g>
+  </pattern>
+  <rect width="600" height="400" fill="url(#p)"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/mask-content-2.svg b/layout/reftests/svg/text/mask-content-2.svg
new file mode 100644
index 0000000000..06d487d2ab
--- /dev/null
+++ b/layout/reftests/svg/text/mask-content-2.svg
@@ -0,0 +1,44 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <mask id="m" x="0" y="0" width="600" height="400">
+      <g style="font: 32px Ahem; white-space: pre; fill: white">
+        <text x="20" y="100">one</text>
+        <text x="20" y="150" style="text-decoration: line-through">   </text>
+      </g>
+    </mask>
+  </defs>
+  <rect x="0" y="0" width="600" height="400" fill="blue" mask="url(#m)"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+  <script>
+    function waitUntilFontLoaded() {
+      var canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      var ctx = canvas.getContext("2d");
+      ctx.font = "100px Ahem";
+      ctx.fillText("_", 0, 100);
+      var img = ctx.getImageData(50, 50, 1, 1);
+      if (img.data[3] == 255) {
+        setTimeout(function() {
+          document.documentElement.removeAttribute("class");
+        }, 1);
+      } else {
+        setTimeout(waitUntilFontLoaded, 200);
+      }
+    }
+
+    setTimeout(waitUntilFontLoaded, 200);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/mask-content-ref.svg b/layout/reftests/svg/text/mask-content-ref.svg
new file mode 100644
index 0000000000..4a37d44755
--- /dev/null
+++ b/layout/reftests/svg/text/mask-content-ref.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g style="font: 32px Ahem; white-space: pre; fill: blue">
+    <text x="20" y="100">one</text>
+  </g>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/mask-content.svg b/layout/reftests/svg/text/mask-content.svg
new file mode 100644
index 0000000000..35dfd81c33
--- /dev/null
+++ b/layout/reftests/svg/text/mask-content.svg
@@ -0,0 +1,43 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <defs>
+    <mask id="m" x="0" y="0" width="600" height="400">
+      <g style="font: 32px Ahem; white-space: pre; fill: white">
+        <text x="20" y="100">one</text>
+      </g>
+    </mask>
+  </defs>
+  <rect x="0" y="0" width="600" height="400" fill="blue" mask="url(#m)"/>
+  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
+    <rect x="20" y="73" width="96" height="32"/>
+  </g>
+  <script>
+    function waitUntilFontLoaded() {
+      var canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      var ctx = canvas.getContext("2d");
+      ctx.font = "100px Ahem";
+      ctx.fillText("_", 0, 100);
+      var img = ctx.getImageData(50, 50, 1, 1);
+      if (img.data[3] == 255) {
+        setTimeout(function() {
+          document.documentElement.removeAttribute("class");
+        }, 1);
+      } else {
+        setTimeout(waitUntilFontLoaded, 200);
+      }
+    }
+
+    setTimeout(waitUntilFontLoaded, 200);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-bidi-ref.svg b/layout/reftests/svg/text/multiple-chunks-bidi-ref.svg
new file mode 100644
index 0000000000..bb8321d7a1
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-bidi-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">אב</text>
+    <text x="300" text-anchor="end"><tspan visibility="hidden">אב</tspan>לגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-bidi.svg b/layout/reftests/svg/text/multiple-chunks-bidi.svg
new file mode 100644
index 0000000000..5392ecd382
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor='end'>אב<tspan x='300'>ל</tspan>גabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-different-anchor-bidi-ref.svg b/layout/reftests/svg/text/multiple-chunks-different-anchor-bidi-ref.svg
new file mode 100644
index 0000000000..23ed5e1cdb
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-different-anchor-bidi-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">אב</text>
+    <text x="300" text-anchor="middle"><tspan visibility="hidden">אב</tspan>לגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-different-anchor-bidi.svg b/layout/reftests/svg/text/multiple-chunks-different-anchor-bidi.svg
new file mode 100644
index 0000000000..daef0c2ad5
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-different-anchor-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor='end'>אב<tspan x='300' text-anchor='middle'>ל</tspan>גabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-different-anchor-ref.svg b/layout/reftests/svg/text/multiple-chunks-different-anchor-ref.svg
new file mode 100644
index 0000000000..5ea33edcc0
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-different-anchor-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">he</text>
+    <text x="300" text-anchor="middle">llo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-different-anchor-rtl-ref.svg b/layout/reftests/svg/text/multiple-chunks-different-anchor-rtl-ref.svg
new file mode 100644
index 0000000000..0c0156fe5f
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-different-anchor-rtl-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100">אב</text>
+    <text x="300" text-anchor="middle">גדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-different-anchor-rtl.svg b/layout/reftests/svg/text/multiple-chunks-different-anchor-rtl.svg
new file mode 100644
index 0000000000..11ad062604
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-different-anchor-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end' direction='rtl'>אב<tspan x='300' text-anchor='middle'>ג</tspan>דה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-different-anchor.svg b/layout/reftests/svg/text/multiple-chunks-different-anchor.svg
new file mode 100644
index 0000000000..5517412795
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-different-anchor.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>he<tspan x='300' text-anchor='middle'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-direction-and-anchor-ref.svg b/layout/reftests/svg/text/multiple-chunks-direction-and-anchor-ref.svg
new file mode 100644
index 0000000000..77a7b805e2
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-direction-and-anchor-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">ab</text>
+    <text x="300" text-anchor="end">cde</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx-ref.svg b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx-ref.svg
new file mode 100644
index 0000000000..55d9a75adf
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>ab<tspan x='300' direction='rtl' text-anchor='start'>c</tspan>de</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx.svg b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx.svg
new file mode 100644
index 0000000000..97f9b36d87
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90' dx='10' text-anchor='end'>ab<tspan x='280' dx='20' direction='rtl' text-anchor='start'>c</tspan>de</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx-ref.svg b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx-ref.svg
new file mode 100644
index 0000000000..cd128b8d01
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" text-anchor="end">ab</text>
+    <text x="290" text-anchor="end">c<tspan visibility="hidden">de</tspan></text>
+    <text x="320" text-anchor="end">de</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx.svg b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx.svg
new file mode 100644
index 0000000000..7703a6986f
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-multiple-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='10' text-anchor='end'>ab<tspan x='300' dx='20 30' direction='rtl' text-anchor='start'>cd</tspan>e</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-ref.svg b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-ref.svg
new file mode 100644
index 0000000000..77a7b805e2
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">ab</text>
+    <text x="300" text-anchor="end">cde</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-directions-and-anchor.svg b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor.svg
new file mode 100644
index 0000000000..55d9a75adf
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-directions-and-anchor.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>ab<tspan x='300' direction='rtl' text-anchor='start'>c</tspan>de</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-bidi-ref.svg b/layout/reftests/svg/text/multiple-chunks-dx-bidi-ref.svg
new file mode 100644
index 0000000000..5392ecd382
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor='end'>אב<tspan x='300'>ל</tspan>גabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-bidi.svg b/layout/reftests/svg/text/multiple-chunks-dx-bidi.svg
new file mode 100644
index 0000000000..e682281a0f
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="90" dx="10" text-anchor='end'>אב<tspan x='280' dx='20'>ל</tspan>גabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi-ref.svg b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi-ref.svg
new file mode 100644
index 0000000000..daef0c2ad5
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor='end'>אב<tspan x='300' text-anchor='middle'>ל</tspan>גabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi.svg b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi.svg
new file mode 100644
index 0000000000..1f7a628ed3
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="90" dx='10' text-anchor='end'>אב<tspan x='280' dx='20' text-anchor='middle'>ל</tspan>גabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-ref.svg b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-ref.svg
new file mode 100644
index 0000000000..5517412795
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>he<tspan x='300' text-anchor='middle'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl-ref.svg b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl-ref.svg
new file mode 100644
index 0000000000..11ad062604
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end' direction='rtl'>אב<tspan x='300' text-anchor='middle'>ג</tspan>דה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl.svg b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl.svg
new file mode 100644
index 0000000000..b8213875a2
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90' dx='10' text-anchor='end' direction='rtl'>אב<tspan x='280' dx='20' text-anchor='middle'>ג</tspan>דה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-different-anchor.svg b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor.svg
new file mode 100644
index 0000000000..5c896d887e
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-different-anchor.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90' dx='10' text-anchor='end'>he<tspan x='280' dx='20' text-anchor='middle'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-ref.svg b/layout/reftests/svg/text/multiple-chunks-dx-ref.svg
new file mode 100644
index 0000000000..e0962bbe12
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>he<tspan x='300'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-rtl-ref.svg b/layout/reftests/svg/text/multiple-chunks-dx-rtl-ref.svg
new file mode 100644
index 0000000000..dc53101f65
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-rtl-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end' direction='rtl'>אב<tspan x='300'>ג</tspan>דה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx-rtl.svg b/layout/reftests/svg/text/multiple-chunks-dx-rtl.svg
new file mode 100644
index 0000000000..0becadf0c5
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90' dx='10' text-anchor='end' direction='rtl'>אב<tspan x='280' dx='20'>ג</tspan>דה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-dx.svg b/layout/reftests/svg/text/multiple-chunks-dx.svg
new file mode 100644
index 0000000000..d764453102
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90' dx='10' text-anchor='end'>he<tspan x='280' dx='20'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-fill-color-ref.svg b/layout/reftests/svg/text/multiple-chunks-fill-color-ref.svg
new file mode 100644
index 0000000000..ac4703b778
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-fill-color-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <g fill="blue">
+      <text x="100" text-anchor="end">he</text>
+      <text x="300" text-anchor="end"><tspan fill="green">l</tspan>lo</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-fill-color.svg b/layout/reftests/svg/text/multiple-chunks-fill-color.svg
new file mode 100644
index 0000000000..13a557a3ca
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-fill-color.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end' fill='blue'>he<tspan x='300' fill='green'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-letter-spacing-ref.svg b/layout/reftests/svg/text/multiple-chunks-letter-spacing-ref.svg
new file mode 100644
index 0000000000..1c32f85c82
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-letter-spacing-ref.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <!--
+      Place characters, end-anchored, as follows:
+
+      First anchored chunk:
+        "h": 100 - adv("e") - 2 * letter-spacing
+        "e": 100 - letter-spacing
+
+      Second anchored chunk:
+        "l": 300 - adv("lo") - 3 * letter-spacing
+        "l": 300 - adv("o") - 2 * letter-spacing
+        "o": 300 - letter-spacing
+    -->
+    <text x='100' text-anchor='end' dx="-40">h<tspan fill="none">e</tspan></text>
+    <text x='100' text-anchor='end' dx="-20">e</text>
+    <text x='300' text-anchor='end' dx="-60">l<tspan fill="none">lo</tspan></text>
+    <text x='300' text-anchor='end' dx="-40">l<tspan fill="none">o</tspan></text>
+    <text x='300' text-anchor='end' dx="-20">o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-letter-spacing.svg b/layout/reftests/svg/text/multiple-chunks-letter-spacing.svg
new file mode 100644
index 0000000000..27cf54e835
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-letter-spacing.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif; letter-spacing: 20px;">
+    <text x='100' text-anchor='end'>he<tspan x='300'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi-ref.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi-ref.svg
new file mode 100644
index 0000000000..eb9ed17d52
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" text-anchor="end">אב</text>
+    <text x="320" text-anchor="end"><tspan visibility="hidden">אבל</tspan>גשabc</text>
+    <text x="270" text-anchor="end"><tspan visibility="hidden">אב</tspan>ל<tspan visibility="hidden">גשabc</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi.svg
new file mode 100644
index 0000000000..82cb1cbc3d
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" dx="10" text-anchor='end'>אב<tspan x='300' dx='20 50'>לג</tspan>שabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi-ref.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi-ref.svg
new file mode 100644
index 0000000000..8d590eb66a
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" dx='10' text-anchor='end'>אב</text>
+    <text x='320' dx='0 0 0 30' text-anchor='middle'><tspan visibility="hidden">אב</tspan>לגשabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi.svg
new file mode 100644
index 0000000000..391638507e
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" dx='10' text-anchor='end'>אב<tspan x='300' dx='20 30' text-anchor='middle'>לג</tspan>שabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-ref.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-ref.svg
new file mode 100644
index 0000000000..fe04a27f73
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" dx='10' text-anchor="end">he</text>
+    <text x='300' dx='20 30' text-anchor='middle'>llo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl-ref.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl-ref.svg
new file mode 100644
index 0000000000..af08cca907
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" dx='10'>אב</text>
+    <text x='320' dx='0 0 0 30' text-anchor='middle'><tspan visibility="hidden">אב</tspan>גדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl.svg
new file mode 100644
index 0000000000..5e9c3bdfe3
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='10' text-anchor='end' direction='rtl'>אב<tspan x='300' dx='20 30' text-anchor='middle'>גד</tspan>ה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor.svg
new file mode 100644
index 0000000000..7394342572
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-different-anchor.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='10' text-anchor='end'>he<tspan x='300' dx='20 30' text-anchor='middle'>ll</tspan>o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-ref.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-ref.svg
new file mode 100644
index 0000000000..0e1929938c
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='10' text-anchor='end'>he</text>
+    <text x='300' dx='20 30' text-anchor="end">llo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl-ref.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl-ref.svg
new file mode 100644
index 0000000000..a708bad73b
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110">אב</text>
+    <text x="320" dx="0 0 0 30"><tspan visibility="hidden">אב</tspan>גדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl.svg
new file mode 100644
index 0000000000..ed9fd85f7f
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='10' text-anchor='end' direction='rtl'>אב<tspan x='300' dx='20 30'>גד</tspan>ה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-multiple-dx.svg b/layout/reftests/svg/text/multiple-chunks-multiple-dx.svg
new file mode 100644
index 0000000000..60874a6d9e
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-multiple-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='10' text-anchor='end'>he<tspan x='300' dx='20 30'>ll</tspan>o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-ref.svg b/layout/reftests/svg/text/multiple-chunks-ref.svg
new file mode 100644
index 0000000000..5e23dac0de
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>he</text>
+    <text x='300' text-anchor='end'>llo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-rtl-ref.svg b/layout/reftests/svg/text/multiple-chunks-rtl-ref.svg
new file mode 100644
index 0000000000..3f104064c9
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-rtl-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end" direction="rtl">אב</text>
+    <text x="300" text-anchor="end" direction="rtl"><tspan visibility="hidden">אב</tspan>גדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-rtl.svg b/layout/reftests/svg/text/multiple-chunks-rtl.svg
new file mode 100644
index 0000000000..dc53101f65
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end' direction='rtl'>אב<tspan x='300'>ג</tspan>דה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-selection-ref.svg b/layout/reftests/svg/text/multiple-chunks-selection-ref.svg
new file mode 100644
index 0000000000..e0f417e31a
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-selection-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>he</text>
+    <text x='300' text-anchor='end'>llo</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text");
+    var range = document.createRange();
+    range.setStart(text[0].firstChild, 1);
+    range.setEnd(text[1].firstChild, 2);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks-selection.svg b/layout/reftests/svg/text/multiple-chunks-selection.svg
new file mode 100644
index 0000000000..12816b189a
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks-selection.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>he<tspan x='300'>l</tspan>lo</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text")[0];
+    var range = document.createRange();
+    range.setStart(text.firstChild, 1);
+    range.setEnd(text.lastChild, 1);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-chunks.svg b/layout/reftests/svg/text/multiple-chunks.svg
new file mode 100644
index 0000000000..e0962bbe12
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-chunks.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>he<tspan x='300'>l</tspan>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-text-selection-ref.html b/layout/reftests/svg/text/multiple-text-selection-ref.html
new file mode 100644
index 0000000000..63b15c53df
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-text-selection-ref.html
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif }
+#a { margin-left: -700px; vertical-align: 100px }
+#b { margin-left: -700px; vertical-align: 50px }
+span { margin-left: 100px }
+</style>
+<body>
+  <svg></svg><div id=a><span>hello</span></div><div id=b><span>there</span></div>
+  <script>
+    var span = document.getElementsByTagName("span");
+    var range = document.createRange();
+    range.setStart(span[0].firstChild, 1);
+    range.setEnd(span[1].firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</body>
diff --git a/layout/reftests/svg/text/multiple-text-selection.svg b/layout/reftests/svg/text/multiple-text-selection.svg
new file mode 100644
index 0000000000..98188b1341
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-text-selection.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+    <text y="50">there</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text");
+    var range = document.createRange();
+    range.setStart(text[0].firstChild, 1);
+    range.setEnd(text[1].firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-anchor-end-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-anchor-end-bidi-ref.svg
new file mode 100644
index 0000000000..8ecea9ddc3
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-anchor-end-bidi-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">א</text>
+    <text x="200" text-anchor="end"><tspan visibility="hidden" direction="ltr" unicode-bidi="override">א</tspan>בגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-anchor-end-bidi.svg b/layout/reftests/svg/text/multiple-x-anchor-end-bidi.svg
new file mode 100644
index 0000000000..6d49872aae
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-anchor-end-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100 200" text-anchor='end'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-anchor-end-ref.svg b/layout/reftests/svg/text/multiple-x-anchor-end-ref.svg
new file mode 100644
index 0000000000..04aa3c9e9f
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-anchor-end-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' text-anchor='end'>h</text>
+    <text x='200' text-anchor='end'>ello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-anchor-end-rtl-ref.svg b/layout/reftests/svg/text/multiple-x-anchor-end-rtl-ref.svg
new file mode 100644
index 0000000000..024b35e43a
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-anchor-end-rtl-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='300'>א</text>
+    <text x='200'>בגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-anchor-end-rtl.svg b/layout/reftests/svg/text/multiple-x-anchor-end-rtl.svg
new file mode 100644
index 0000000000..2c9531e078
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-anchor-end-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='300 200' direction='rtl' text-anchor='end'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-anchor-end.svg b/layout/reftests/svg/text/multiple-x-anchor-end.svg
new file mode 100644
index 0000000000..5add7ca56a
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-anchor-end.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' text-anchor='end'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-bidi-ref.svg
new file mode 100644
index 0000000000..2be20970e3
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-bidi-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100">א</text>
+    <text x="200"><tspan visibility="hidden" direction="ltr" unicode-bidi="override">א</tspan>בגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-bidi.svg b/layout/reftests/svg/text/multiple-x-bidi.svg
new file mode 100644
index 0000000000..55f265b9c2
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-anchor-end-bidi.svg b/layout/reftests/svg/text/multiple-x-dx-anchor-end-bidi.svg
new file mode 100644
index 0000000000..ca5ae35de6
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-anchor-end-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100 200" dx='10' text-anchor='end'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-anchor-end-rtl.svg b/layout/reftests/svg/text/multiple-x-dx-anchor-end-rtl.svg
new file mode 100644
index 0000000000..c7bb9e1abe
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-anchor-end-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='300 200' dx='10' direction='rtl' text-anchor='end'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-anchor-end.svg b/layout/reftests/svg/text/multiple-x-dx-anchor-end.svg
new file mode 100644
index 0000000000..ebf6691fc7
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-anchor-end.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' dx='10' text-anchor='end'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-dx-bidi-ref.svg
new file mode 100644
index 0000000000..55f265b9c2
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-bidi.svg b/layout/reftests/svg/text/multiple-x-dx-bidi.svg
new file mode 100644
index 0000000000..52b67d9256
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90 200' dx='10'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-ref.svg b/layout/reftests/svg/text/multiple-x-dx-ref.svg
new file mode 100644
index 0000000000..a1e8c71279
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-rtl-ref.svg b/layout/reftests/svg/text/multiple-x-dx-rtl-ref.svg
new file mode 100644
index 0000000000..9955e22e96
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-rtl-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='300 200'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx-rtl.svg b/layout/reftests/svg/text/multiple-x-dx-rtl.svg
new file mode 100644
index 0000000000..f5bc8647d2
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='290 200' dx='10'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-dx.svg b/layout/reftests/svg/text/multiple-x-dx.svg
new file mode 100644
index 0000000000..589d7ef955
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90 200' dx='10'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-holes-bidi-ref.svg
new file mode 100644
index 0000000000..34cf120e2b
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-bidi-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100'>א</text>
+    <text x='200'>בל</text>
+    <text x='300'><tspan visibility="hidden">אבל</tspan>גabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-bidi.svg b/layout/reftests/svg/text/multiple-x-holes-bidi.svg
new file mode 100644
index 0000000000..429e286fb8
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>אבל<tspan x='300'>גa</tspan>bc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-dx-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-holes-dx-bidi-ref.svg
new file mode 100644
index 0000000000..429e286fb8
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-dx-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>אבל<tspan x='300'>גa</tspan>bc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-dx-bidi.svg b/layout/reftests/svg/text/multiple-x-holes-dx-bidi.svg
new file mode 100644
index 0000000000..482c1892da
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90 200' dx='10'>אבל<tspan x='280' dx='20'>גa</tspan>bc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-dx-ref.svg b/layout/reftests/svg/text/multiple-x-holes-dx-ref.svg
new file mode 100644
index 0000000000..2fb60e1618
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-dx-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>hel<tspan x='300'>l</tspan>o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-dx-rtl.svg b/layout/reftests/svg/text/multiple-x-holes-dx-rtl.svg
new file mode 100644
index 0000000000..8c4b01ecb6
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' dx='10' direction='rtl'>אבג<tspan x='300' dx='20'>ד</tspan>ה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-dx.svg b/layout/reftests/svg/text/multiple-x-holes-dx.svg
new file mode 100644
index 0000000000..e6d0f5d07b
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90 200' dx='10'>hel<tspan x='280' dx='20'>l</tspan>o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi-ref.svg
new file mode 100644
index 0000000000..429e286fb8
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>אבל<tspan x='300'>גa</tspan>bc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi.svg b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi.svg
new file mode 100644
index 0000000000..203e3f92ad
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90 180' dx='10 20'>אבל<tspan x='270' dx='30'>גa</tspan>bc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-multiple-dx-ref.svg b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-ref.svg
new file mode 100644
index 0000000000..2fb60e1618
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>hel<tspan x='300'>l</tspan>o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl-ref.svg b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl-ref.svg
new file mode 100644
index 0000000000..5ea60be2bd
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' direction='rtl'>אבג<tspan x='300'>ד</tspan>ה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl.svg b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl.svg
new file mode 100644
index 0000000000..93c1168015
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-multiple-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90 180' dx='10 20' direction='rtl'>אבג<tspan x='270' dx='30'>ד</tspan>ה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-multiple-dx.svg b/layout/reftests/svg/text/multiple-x-holes-multiple-dx.svg
new file mode 100644
index 0000000000..492c6bca77
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-multiple-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='90 180' dx='10 20'>hel<tspan x='270' dx='30'>l</tspan>o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-ref.svg b/layout/reftests/svg/text/multiple-x-holes-ref.svg
new file mode 100644
index 0000000000..33a4e6e69c
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100'>h</text>
+    <text x='200'>el</text>
+    <text x='300'>lo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-rtl-ref.svg b/layout/reftests/svg/text/multiple-x-holes-rtl-ref.svg
new file mode 100644
index 0000000000..2349179119
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-rtl-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' direction='rtl'>א</text>
+    <text x='200' direction='rtl'>בג</text>
+    <text x='300' direction='rtl'>דה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes-rtl.svg b/layout/reftests/svg/text/multiple-x-holes-rtl.svg
new file mode 100644
index 0000000000..5ea60be2bd
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' direction='rtl'>אבג<tspan x='300'>ד</tspan>ה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-holes.svg b/layout/reftests/svg/text/multiple-x-holes.svg
new file mode 100644
index 0000000000..2fb60e1618
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-holes.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>hel<tspan x='300'>l</tspan>o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi-ref.svg
new file mode 100644
index 0000000000..bdb3cd58bc
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" text-anchor="end">א</text>
+    <text x="220" text-anchor="end"><tspan visibility="hidden">אב</tspan>גabc</text>
+    <text x="190" text-anchor="end"><tspan visibility="hidden">א</tspan>ב<tspan visibility="hidden">abc</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi.svg
new file mode 100644
index 0000000000..0be270e550
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100 200" dx='10 20 30' text-anchor='end'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-ref.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-ref.svg
new file mode 100644
index 0000000000..e466df84ca
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='110' text-anchor='end'>h</text>
+    <text x='190' text-anchor='end'>e<tspan visibility="hidden">llo</tspan></text>
+    <text x='220' text-anchor='end'>llo</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl-ref.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl-ref.svg
new file mode 100644
index 0000000000..09b0238aa2
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="310">א</text>
+    <text x='250'>ב<tspan visibility="hidden">גדה</tspan></text>
+    <text x='220'><tspan visibility="hidden">ב</tspan>גדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl.svg
new file mode 100644
index 0000000000..80af12be22
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='300 200' dx='10 20 -30' direction='rtl' text-anchor='end'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end.svg
new file mode 100644
index 0000000000..dae9225b0c
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-anchor-end.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' dx='10 20 30' text-anchor='end'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-bidi-ref.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-bidi-ref.svg
new file mode 100644
index 0000000000..ae5f778e21
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-bidi-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110">א</text>
+    <text x="220">ב</text>
+    <text x="250" text-anchor="end">ג</text>
+    <text x="250"><tspan visibility="hidden">אב</tspan>abc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-bidi.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-bidi.svg
new file mode 100644
index 0000000000..d951b6d668
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' dx='10 20 30'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-ref.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-ref.svg
new file mode 100644
index 0000000000..b0879a43fd
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' dx='10 20 30'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-rtl-ref.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-rtl-ref.svg
new file mode 100644
index 0000000000..d1eb6c8848
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-rtl-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="310" text-anchor="end">א</text>
+    <text x="220" text-anchor="end">ב</text>
+    <text x="190" text-anchor="end"><tspan visibility="hidden">ב</tspan>גדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx-rtl.svg b/layout/reftests/svg/text/multiple-x-multiple-dx-rtl.svg
new file mode 100644
index 0000000000..ca1c8c64a9
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='300 200' dx='10 20 -30'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-multiple-dx.svg b/layout/reftests/svg/text/multiple-x-multiple-dx.svg
new file mode 100644
index 0000000000..b0879a43fd
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-multiple-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200' dx='10 20 30'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-2-iframe-ref.svg b/layout/reftests/svg/text/multiple-x-percentages-2-iframe-ref.svg
new file mode 100644
index 0000000000..bf2ff14e3f
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-2-iframe-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="50 100" y="100" style="font: 16px sans-serif">hello</text>
+  <text x="150" y="100 150" style="font: 16px sans-serif">there</text>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-2-iframe.svg b/layout/reftests/svg/text/multiple-x-percentages-2-iframe.svg
new file mode 100644
index 0000000000..03a336d74c
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-2-iframe.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="50 50%" y="100" style="font: 16px sans-serif">hello</text>
+  <text x="150" y="100 75%" style="font: 16px sans-serif">there</text>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-2-ref.html b/layout/reftests/svg/text/multiple-x-percentages-2-ref.html
new file mode 100644
index 0000000000..5597555323
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<iframe style="width: 200px; height: 200px; border: 0" src="multiple-x-percentages-2-iframe-ref.svg"></iframe>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-2.html b/layout/reftests/svg/text/multiple-x-percentages-2.html
new file mode 100644
index 0000000000..d554b7445c
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait">
+<iframe style="width: 400px; height: 400px; border: 0" src="multiple-x-percentages-2-iframe.svg"></iframe>
+<script>
+function doTest() {
+  var iframe = document.querySelector("iframe");
+  iframe.style.width = "200px";
+  iframe.style.height = "200px";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+setTimeout(doTest, 4000); // fallback for running outside reftest
+</script>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-3-iframe-ref.svg b/layout/reftests/svg/text/multiple-x-percentages-3-iframe-ref.svg
new file mode 100644
index 0000000000..0e148f4257
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-3-iframe-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="50 60 70 80 90 100" y="100" style="font: 16px sans-serif">hello!</text>
+  <text x="150" y="100 110 120 130 140 150" style="font: 16px sans-serif">there!</text>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-3-iframe.svg b/layout/reftests/svg/text/multiple-x-percentages-3-iframe.svg
new file mode 100644
index 0000000000..a8d7e937c3
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-3-iframe.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="50 60 70 80 90 50%" y="100" style="font: 16px sans-serif">hello</text>
+  <text x="150" y="100 110 120 130 140 75%" style="font: 16px sans-serif">there</text>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-3-ref.html b/layout/reftests/svg/text/multiple-x-percentages-3-ref.html
new file mode 100644
index 0000000000..fdf7ad890f
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<iframe style="width: 200px; height: 200px; border: 0" src="multiple-x-percentages-3-iframe-ref.svg"></iframe>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-3.html b/layout/reftests/svg/text/multiple-x-percentages-3.html
new file mode 100644
index 0000000000..409c305d15
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-3.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html class="reftest-wait">
+<iframe style="width: 400px; height: 400px; border: 0" src="multiple-x-percentages-3-iframe.svg"></iframe>
+<script>
+var iframe = document.querySelector("iframe");
+
+function doTest() {
+  window.removeEventListener("MozReftestInvalidate", doTest);
+
+  iframe.style.width = "200px";
+  iframe.style.height = "200px";
+
+  var text = iframe.contentDocument.querySelectorAll("text");
+  text[0].firstChild.nodeValue += "!";
+  text[1].firstChild.nodeValue += "!";
+
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
diff --git a/layout/reftests/svg/text/multiple-x-percentages-ref.svg b/layout/reftests/svg/text/multiple-x-percentages-ref.svg
new file mode 100644
index 0000000000..78f6ab9223
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+  <text x="50 100" y="100" style="font: 16px sans-serif">hello</text>
+  <text x="150" y="100 150" style="font: 16px sans-serif">there</text>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-percentages.svg b/layout/reftests/svg/text/multiple-x-percentages.svg
new file mode 100644
index 0000000000..faf7a64ced
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-percentages.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" class="reftest-wait">
+  <text x="50 50%" y="100" style="font: 16px sans-serif">hello</text>
+  <text x="150" y="100 75%" style="font: 16px sans-serif">there</text>
+  <script>
+    window.addEventListener("MozReftestInvalidate", function() {
+      document.documentElement.setAttribute("width", "200");
+      document.documentElement.setAttribute("height", "200");
+      document.documentElement.removeAttribute("class");
+    }, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-ref.svg b/layout/reftests/svg/text/multiple-x-ref.svg
new file mode 100644
index 0000000000..97ae33e5b9
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100'>h</text>
+    <text x='200'>ello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-rtl-ref.svg b/layout/reftests/svg/text/multiple-x-rtl-ref.svg
new file mode 100644
index 0000000000..90b62d8420
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-rtl-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='300' direction='rtl'>א</text>
+    <text x='200' direction='rtl'>בגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-rtl.svg b/layout/reftests/svg/text/multiple-x-rtl.svg
new file mode 100644
index 0000000000..9955e22e96
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='300 200'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-white-space-ref.svg b/layout/reftests/svg/text/multiple-x-white-space-ref.svg
new file mode 100644
index 0000000000..c8ac8f67da
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-white-space-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" style="font-family: sans-serif; font-size: 16px; line-height: 20px">
+  <text x="50 150" y="100">ab</text>
+  <text x="50 350" y="200 220">ab</text>
+  <text x="50 150" y="300 320">ab</text>
+  <text x="50 150" y="400 420">ab</text>
+  <text x="50 100" y="500">a b</text>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x-white-space.svg b/layout/reftests/svg/text/multiple-x-white-space.svg
new file mode 100644
index 0000000000..f62b2747f5
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x-white-space.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" style="font-family: sans-serif; font-size: 16px; line-height: 20px">
+  <text x="50 100 150 200 250 300 350" y="100">a  
+  b</text>
+  <text x="50 100 150 200 250 300 350" y="200" style="white-space: pre">a  
+  b</text>
+  <text x="50 100 150 200 250 300 350" y="300" style="white-space: pre-line">a  
+  b</text>
+  <text x="50 100 150" y="400" style="white-space: pre">a
+b</text>
+  <text y="500"><tspan x="50 100 150 200">a  </tspan>b</text>
+</svg>
diff --git a/layout/reftests/svg/text/multiple-x.svg b/layout/reftests/svg/text/multiple-x.svg
new file mode 100644
index 0000000000..a1e8c71279
--- /dev/null
+++ b/layout/reftests/svg/text/multiple-x.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100 200'>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/pattern-content-ref.svg b/layout/reftests/svg/text/pattern-content-ref.svg
new file mode 100644
index 0000000000..6f2d74b0ec
--- /dev/null
+++ b/layout/reftests/svg/text/pattern-content-ref.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="p2" width="8" height="8" patternUnits="userSpaceOnUse">
+      <rect x="-1" y="-1" width="10" height="10" fill="yellow"/>
+      <rect width="4" height="4"/>
+      <rect x="4" y="4" width="4" height="4"/>
+    </pattern>
+  </defs>
+  <g transform="scale(2)translate(50,120)scale(4)">
+    <text style="font: bold 48px sans-serif; fill: url(#p2); stroke: black; stroke-width: 1px">a</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/pattern-content.svg b/layout/reftests/svg/text/pattern-content.svg
new file mode 100644
index 0000000000..fcee528d47
--- /dev/null
+++ b/layout/reftests/svg/text/pattern-content.svg
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="p2" width="8" height="8" patternUnits="userSpaceOnUse">
+      <rect x="-1" y="-1" width="10" height="10" fill="yellow"/>
+      <rect width="4" height="4"/>
+      <rect x="4" y="4" width="4" height="4"/>
+    </pattern>
+    <pattern id="p" width="200" height="200" patternUnits="userSpaceOnUse">
+      <g transform="translate(50,120)scale(4)">
+        <text style="font: bold 48px sans-serif; fill: url(#p2)">a</text>
+      </g>
+    </pattern>
+  </defs>
+  <rect width="200" height="200" fill="url(#p)" transform="scale(2)"/>
+  <g transform="scale(2)translate(50,120)scale(4)">
+    <text style="font: bold 48px sans-serif; fill: none; stroke: black; stroke-width: 1px">a</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-letter-2-ref.svg b/layout/reftests/svg/text/pseudo-first-letter-2-ref.svg
new file mode 100644
index 0000000000..b0954b3d5d
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-letter-2-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif">&#x0301;t</text>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-letter-2.svg b/layout/reftests/svg/text/pseudo-first-letter-2.svg
new file mode 100644
index 0000000000..a88d8d8058
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-letter-2.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <style>
+    text::first-letter { font-size: 32px }
+  </style>
+  <text x="100" y="100" style="font: 16px sans-serif">&#x0301;t</text>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-letter-ref.svg b/layout/reftests/svg/text/pseudo-first-letter-ref.svg
new file mode 100644
index 0000000000..b76cd93c21
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-letter-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif"><tspan font-size="32px">h</tspan>ello there everyone
+    <tspan x="100" y="120">and good night</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-letter.svg b/layout/reftests/svg/text/pseudo-first-letter.svg
new file mode 100644
index 0000000000..3d59e6b002
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-letter.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <style>
+    text::first-letter { font-size: 32px }
+  </style>
+  <text x="100" y="100" style="font: 16px sans-serif">hello there everyone
+    <tspan x="100" y="120">and good night</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-line-2-ref.svg b/layout/reftests/svg/text/pseudo-first-line-2-ref.svg
new file mode 100644
index 0000000000..f436ab0f6a
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-line-2-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g style="font: 16px sans-serif; text-decoration-skip-ink: none;">
+    <text x="100" y="100" text-decoration="underline">hello there everyone</text>
+    <text x="100" y="120">and good night</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-line-2.svg b/layout/reftests/svg/text/pseudo-first-line-2.svg
new file mode 100644
index 0000000000..d27a03461e
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-line-2.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <style>
+    text::first-line {
+       text-decoration: underline;
+       text-decoration-skip-ink: none;
+    }
+  </style>
+  <text x="100" y="100" style="font: 16px sans-serif; white-space: pre-line; line-height: 20px">hello there everyone
+    and good night</text>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-line-ref.svg b/layout/reftests/svg/text/pseudo-first-line-ref.svg
new file mode 100644
index 0000000000..9573b0a627
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-line-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <text x="100" y="100" style="font: 16px sans-serif; text-decoration: underline">hello there everyone
+    <tspan x="100" y="120">and good night</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/pseudo-first-line.svg b/layout/reftests/svg/text/pseudo-first-line.svg
new file mode 100644
index 0000000000..1347e302a6
--- /dev/null
+++ b/layout/reftests/svg/text/pseudo-first-line.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <style>
+    text::first-line { text-decoration: underline }
+  </style>
+  <text x="100" y="100" style="font: 16px sans-serif">hello there everyone
+    <tspan x="100" y="120">and good night</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/reftest.list b/layout/reftests/svg/text/reftest.list
new file mode 100644
index 0000000000..8b62546713
--- /dev/null
+++ b/layout/reftests/svg/text/reftest.list
@@ -0,0 +1,216 @@
+fuzzy-if(winWidget,47-127,221-254) == simple.svg simple-ref.html
+== simple-2.svg simple.svg
+fuzzy-if(winWidget,47-127,221-254) == simple-underline.svg simple-underline-ref.html
+== simple-underline-scaled.svg simple-underline-scaled-ref.svg
+fuzzy-if(winWidget,47-166,255-318) fuzzy-if(OSX,0-1,0-1) == simple-anchor-end-bidi.svg simple-anchor-end-bidi-ref.html
+fuzzy-if(winWidget,47-139,181-204) == simple-anchor-end-rtl.svg simple-anchor-end-rtl-ref.html
+fuzzy-if(winWidget,47-137,181-250) == simple-anchor-end.svg simple-anchor-end-ref.html
+fuzzy-if(dwrite,0-104,0-131) fuzzy-if(cocoaWidget,0-143,0-124) fuzzy-if(!(gtkWidget||geckoview),79-200,59-319) == simple-anchor-middle-bidi.svg simple-anchor-middle-bidi-ref.html
+fuzzy-if(winWidget,47-138,188-207) == simple-anchor-middle-rtl.svg simple-anchor-middle-rtl-ref.html
+fuzzy(0-111,0-81) fuzzy-if(winWidget,47-181,221-257) == simple-anchor-middle.svg simple-anchor-middle-ref.html
+fuzzy-if(winWidget,47-138,260-319) == simple-bidi.svg simple-bidi-ref.html
+== simple-bidi-2.svg simple-bidi.svg
+
+== simple-dx.svg simple.svg
+== simple-dx-2.svg simple-dx-2-ref.svg
+== simple-dx-anchor-end-bidi.svg simple-dx-anchor-end-bidi-ref.svg
+== simple-dx-anchor-end-rtl.svg simple-dx-anchor-end-rtl-ref.svg
+== simple-dx-anchor-end.svg simple-dx-anchor-end-ref.svg
+== simple-dx-anchor-middle-bidi.svg simple-dx-anchor-middle-bidi-ref.svg
+== simple-dx-anchor-middle-rtl.svg simple-dx-anchor-middle-rtl-ref.svg
+== simple-dx-anchor-middle.svg simple-dx-anchor-middle-ref.svg
+== simple-dx-bidi.svg simple-dx-bidi-ref.svg
+== simple-dx-bidi-2.svg simple-dx-bidi-2-ref.svg
+== simple-dx-rtl.svg simple-dx-rtl-ref.svg
+== simple-dx-rtl-2.svg simple-dx-rtl-2-ref.svg
+
+== simple-fill-color-dynamic.svg simple-fill-color-dynamic-ref.svg
+fuzzy-if(winWidget,47-129,221-254) fuzzy-if(OSX,23-65,195-196) == simple-fill-color.svg simple-fill-color-ref.html
+== simple-fill-gradient.svg simple-fill-gradient-ref.svg
+== simple-fill-none.svg simple.svg
+== simple-pointer-events.svg simple.svg
+
+fuzzy-if(winWidget,47-127,221-254) == simple-multiple-dx.svg simple-multiple-dx-ref.html
+== simple-multiple-dx-2.svg simple-multiple-dx.svg
+== simple-multiple-dx-anchor-end-bidi.svg simple-multiple-dx-anchor-end-bidi-ref.svg
+== simple-multiple-dx-anchor-middle-bidi.svg simple-multiple-dx-anchor-middle-bidi-ref.svg
+== simple-multiple-dx-anchor-end-rtl.svg simple-multiple-dx-anchor-end-rtl-ref.svg
+== simple-multiple-dx-anchor-end.svg simple-multiple-dx-anchor-end-ref.svg
+fuzzy(0-1,0-2) == simple-multiple-dx-anchor-middle-rtl.svg simple-multiple-dx-anchor-middle-rtl-ref.svg
+== simple-multiple-dx-anchor-middle.svg simple-multiple-dx-anchor-middle-ref.svg
+== simple-multiple-dx-bidi.svg simple-multiple-dx-bidi-ref.svg
+== simple-multiple-dx-bidi-2.svg simple-multiple-dx-bidi.svg
+== simple-multiple-dx-rtl.svg simple-multiple-dx-rtl-ref.svg
+== simple-multiple-dx-rtl-2.svg simple-multiple-dx-rtl.svg
+
+fuzzy-if(winWidget,47-138,183-206) == simple-rtl.svg simple-rtl-ref.html
+== simple-rtl-2.svg simple-rtl.svg
+== simple-transform-rotate.svg simple-transform-rotate-ref.svg
+
+== multiple-x.svg multiple-x-ref.svg
+== multiple-x-bidi.svg multiple-x-bidi-ref.svg
+== multiple-x-rtl.svg multiple-x-rtl-ref.svg
+== multiple-x-anchor-end-bidi.svg multiple-x-anchor-end-bidi-ref.svg
+== multiple-x-anchor-end-rtl.svg multiple-x-anchor-end-rtl-ref.svg
+== multiple-x-anchor-end.svg multiple-x-anchor-end-ref.svg
+== multiple-x-dx-bidi.svg multiple-x-dx-bidi-ref.svg
+== multiple-x-dx-rtl.svg multiple-x-dx-rtl-ref.svg
+== multiple-x-dx.svg multiple-x-dx-ref.svg
+fuzzy-if(Android,0-65,0-74) == multiple-x-holes-bidi.svg multiple-x-holes-bidi-ref.svg
+== multiple-x-holes-dx-bidi.svg multiple-x-holes-dx-bidi-ref.svg
+== multiple-x-holes.svg multiple-x-holes-ref.svg
+== multiple-x-holes-dx.svg multiple-x-holes-dx-ref.svg
+== multiple-x-holes-multiple-dx-bidi.svg multiple-x-holes-multiple-dx-bidi-ref.svg
+== multiple-x-holes-multiple-dx-rtl.svg multiple-x-holes-multiple-dx-rtl-ref.svg
+== multiple-x-holes-multiple-dx.svg multiple-x-holes-multiple-dx-ref.svg
+fuzzy-if(Android,0-192,0-82) == multiple-x-holes-rtl.svg multiple-x-holes-rtl-ref.svg
+== multiple-x-multiple-dx-bidi.svg multiple-x-multiple-dx-bidi-ref.svg
+== multiple-x-multiple-dx-rtl.svg multiple-x-multiple-dx-rtl-ref.svg
+== multiple-x-multiple-dx.svg multiple-x-multiple-dx-ref.svg
+== multiple-x-multiple-dx-anchor-end-bidi.svg multiple-x-multiple-dx-anchor-end-bidi-ref.svg
+== multiple-x-multiple-dx-anchor-end-rtl.svg multiple-x-multiple-dx-anchor-end-rtl-ref.svg
+== multiple-x-multiple-dx-anchor-end.svg multiple-x-multiple-dx-anchor-end-ref.svg
+
+== multiple-x-percentages.svg multiple-x-percentages-ref.svg
+== multiple-x-percentages-2.html multiple-x-percentages-2-ref.html
+== multiple-x-percentages-3.html multiple-x-percentages-3-ref.html
+
+== multiple-x-white-space.svg multiple-x-white-space-ref.svg
+
+fails-if(geckoview) == multiple-chunks-bidi.svg multiple-chunks-bidi-ref.svg # Bug 1558513 for GV
+fails-if(geckoview) == multiple-chunks-different-anchor-bidi.svg multiple-chunks-different-anchor-bidi-ref.svg # Bug 1558513 for GV
+fuzzy-if(Android,0-128,0-177) == multiple-chunks-different-anchor-rtl.svg multiple-chunks-different-anchor-rtl-ref.svg
+== multiple-chunks-different-anchor.svg multiple-chunks-different-anchor-ref.svg
+fuzzy-if(Android,0-242,0-81) == multiple-chunks-directions-and-anchor.svg multiple-chunks-directions-and-anchor-ref.svg
+== multiple-chunks-directions-and-anchor-dx.svg multiple-chunks-directions-and-anchor-dx-ref.svg
+fuzzy-if(Android,0-242,0-81) == multiple-chunks-directions-and-anchor-multiple-dx.svg multiple-chunks-directions-and-anchor-multiple-dx-ref.svg
+== multiple-chunks-dx-bidi.svg multiple-chunks-dx-bidi-ref.svg
+== multiple-chunks-dx-different-anchor-bidi.svg multiple-chunks-dx-different-anchor-bidi-ref.svg
+== multiple-chunks-dx-different-anchor-rtl.svg multiple-chunks-dx-different-anchor-rtl-ref.svg
+== multiple-chunks-dx-different-anchor.svg multiple-chunks-dx-different-anchor-ref.svg
+== multiple-chunks-dx-rtl.svg multiple-chunks-dx-rtl-ref.svg
+== multiple-chunks-dx.svg multiple-chunks-dx-ref.svg
+== multiple-chunks-fill-color.svg multiple-chunks-fill-color-ref.svg
+fails-if(geckoview) == multiple-chunks-multiple-dx-bidi.svg multiple-chunks-multiple-dx-bidi-ref.svg # Bug 1558513 for GV
+fails-if(geckoview) == multiple-chunks-multiple-dx-different-anchor-bidi.svg multiple-chunks-multiple-dx-different-anchor-bidi-ref.svg # Bug 1558513 for GV
+fuzzy-if(Android13,192-192,55-106) == multiple-chunks-multiple-dx-different-anchor-rtl.svg multiple-chunks-multiple-dx-different-anchor-rtl-ref.svg
+== multiple-chunks-multiple-dx-different-anchor.svg multiple-chunks-multiple-dx-different-anchor-ref.svg
+fuzzy-if(Android13,192-192,55-113) == multiple-chunks-multiple-dx-rtl.svg multiple-chunks-multiple-dx-rtl-ref.svg
+== multiple-chunks-multiple-dx.svg multiple-chunks-multiple-dx-ref.svg
+== multiple-chunks-rtl.svg multiple-chunks-rtl-ref.svg
+== multiple-chunks.svg multiple-chunks-ref.svg
+
+== display-none-1.svg simple.svg
+== display-none-2.svg simple.svg
+== display-none-3.svg simple.svg
+== display-none-4.svg simple.svg
+
+== simple-multiline.svg simple-multiline-ref.svg
+== simple-multiline-number.svg simple-multiline-number-ref.svg
+== simple-multiline-pc.svg simple-multiline-pc-ref.svg
+== simple-multiline-anchor-end.svg simple-multiline-anchor-end-ref.svg
+
+fuzzy(0-1,0-15) == textpath.svg textpath-ref.svg
+== textpath-a.svg textpath-a-ref.svg
+== textpath-anchor-middle.svg textpath-anchor-middle-ref.svg
+== textpath-anchor-end.svg textpath-anchor-end-ref.svg
+== textpath-cluster.svg textpath-cluster-ref.svg
+== textpath-cluster-2.svg textpath-cluster-2-ref.svg
+== textpath-invalid-parent.svg textpath-invalid-parent-ref.svg
+== textpath-multiline.svg textpath-multiline-ref.svg
+== textpath-multiline-2.svg textpath-multiline-2-ref.svg
+== textpath-after.svg textpath-after-ref.svg
+== textpath-multiple.svg ../pass.svg
+== textpath-after-anchor-end.svg textpath-after-anchor-end-ref.svg
+== textpath-reset-position.svg textpath-reset-position-ref.svg
+== textpath-inherit-position.svg textpath-inherit-position-ref.svg
+
+== textLength.svg textLength-ref.svg
+fuzzy(0-1,0-200) == textLength-2.svg textLength-2-ref.svg
+fuzzy(0-4,0-100) == textLength-3.svg textLength-3-ref.svg
+== textLength-4.svg textLength-4-ref.svg
+== textLength-5.svg textLength-5-ref.svg
+== textLength-6.svg textLength-6-ref.svg
+
+# text-shadow
+fuzzy(0-127,0-5) fuzzy-if(Android,0-127,0-12) == text-shadow.svg text-shadow-ref.svg
+
+# vertical text
+== vertical-01.svg vertical-01-ref.svg
+
+# tests for ignoring various properties
+== ignore-border.svg ignore-prop-ref.svg
+== ignore-display.svg ignore-display-ref.svg
+== ignore-float.svg ignore-prop-ref.svg
+== ignore-float-first-letter.svg ignore-prop-ref.svg
+== ignore-position.svg ignore-position-ref.svg
+== ignore-margin.svg ignore-prop-ref.svg
+== ignore-padding.svg ignore-prop-ref.svg
+== ignore-vertical-align.svg ignore-vertical-align-ref.svg
+== ignore-overflow-scroll.svg ignore-prop-ref.svg
+== ignore-text-align.svg ignore-prop-ref.svg
+== ignore-text-align-2.svg ignore-text-align-2-ref.svg
+
+# pseudo-elements
+== pseudo-first-line.svg pseudo-first-line-ref.svg
+== pseudo-first-line-2.svg pseudo-first-line-2-ref.svg
+== pseudo-first-letter.svg pseudo-first-letter-ref.svg
+== pseudo-first-letter-2.svg pseudo-first-letter-2-ref.svg
+== ignore-before-after.svg ignore-prop-ref.svg
+
+# invalid child nodes
+== ignore-invalid-child.svg ignore-invalid-child-ref.svg
+== ignore-invalid-child-2.svg ignore-invalid-child-2-ref.svg
+
+# text inside a link
+== link-surrounding.svg simple.svg
+
+# dynamic document changes
+== dynamic-font-size.svg dynamic-font-size-ref.svg
+== dynamic-font-size-2.svg dynamic-font-size-2-ref.svg
+== dynamic-font-size-3.svg dynamic-font-size-3-ref.svg
+== dynamic-font-size-4.svg dynamic-font-size-4-ref.svg
+== dynamic-dominant-baseline.svg dynamic-dominant-baseline-ref.svg
+== dynamic-multiple-x.svg dynamic-multiple-x-ref.svg
+fuzzy(0-1,0-200) == dynamic-non-scaling-stroke.svg dynamic-non-scaling-stroke-ref.svg #Bug 885316
+fuzzy(0-127,0-5) fuzzy-if(Android,0-127,0-41) == dynamic-text-shadow.svg text-shadow-ref.svg
+
+# text and masks
+fuzzy-if(winWidget,0-50,0-224) == mask-applied.svg mask-applied-ref.svg
+fuzzy-if(winWidget,0-105,0-112) == mask-content.svg mask-content-ref.svg
+fuzzy-if(winWidget,0-53,0-112) == mask-content-2.svg mask-content-2-ref.svg
+
+# text and clipPaths
+== clipPath-applied.svg clipPath-applied-ref.svg
+fuzzy-if(winWidget,0-105,0-56) == clipPath-content.svg clipPath-content-ref.svg
+fuzzy-if(winWidget,0-53,0-112) == clipPath-content-2.svg clipPath-content-2-ref.svg
+
+# text and patterns
+== pattern-content.svg pattern-content-ref.svg
+
+# text and filters
+fuzzy-if(winWidget,0-126,0-336) == filter-applied.svg filter-applied-ref.svg
+
+# vertical text
+fuzzy(0-1,0-80) == textpath-vertical-dx.svg textpath-vertical-dx-ref.svg
+fuzzy(0-1,0-80) == textpath-vertical-x.svg textpath-vertical-x-ref.svg
+
+# selection
+needs-focus == deselectAll.svg deselectAll-ref.svg
+fuzzy(0-1,0-250) needs-focus == selectSubString.svg selectSubString-ref.svg
+fuzzy(0-1,0-600) needs-focus == selectSubString-2.svg selectSubString-2-ref.svg
+fuzzy(0-1,0-250) needs-focus == selectSubString-3.svg selectSubString-3-ref.svg
+fuzzy-if(!geckoview,0-1,0-237) needs-focus fuzzy-if(winWidget,55-148,200-254) == simple-selection.svg simple-selection-ref.html
+fuzzy(0-1,0-100) needs-focus fuzzy-if(winWidget,55-148,200-318) == simple-bidi-selection.svg simple-bidi-selection-ref.html
+fuzzy(0-1,0-50) needs-focus fuzzy-if(winWidget,55-148,200-254) fuzzy-if(OSX,1-65,19-196) == simple-fill-color-selection.svg simple-fill-color-selection-ref.html
+fuzzy(0-1,0-150) needs-focus fuzzy-if(winWidget,125-148,221-254) == simple-underline-selection.svg simple-underline-selection-ref.html # Bug 1392106
+fuzzy(0-1,0-300) needs-focus fuzzy-if(Android13,0-3,0-926) fuzzy-if(winWidget,134-152,432-501) == multiple-text-selection.svg multiple-text-selection-ref.html # Bug 1392106
+needs-focus == multiple-chunks-selection.svg multiple-chunks-selection-ref.svg
+fuzzy(0-1,0-200) needs-focus == textpath-selection.svg textpath-selection-ref.svg
+
+# letter-spacing and word-spacing
+== simple-letter-spacing.svg simple-letter-spacing-ref.svg
+== simple-word-spacing.svg simple-word-spacing-ref.svg
+== multiple-chunks-letter-spacing.svg multiple-chunks-letter-spacing-ref.svg
+
+== tspan-shaping.svg tspan-shaping-ref.svg
diff --git a/layout/reftests/svg/text/selectSubString-2-ref.svg b/layout/reftests/svg/text/selectSubString-2-ref.svg
new file mode 100644
index 0000000000..87984048da
--- /dev/null
+++ b/layout/reftests/svg/text/selectSubString-2-ref.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+  <script>
+    function f() {
+      var text = document.getElementsByTagName("text")[0];
+      var range = document.createRange();
+      range.setStart(text.firstChild, 0);
+      range.setEnd(text.firstChild, 5);
+      window.getSelection().addRange(range);
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/selectSubString-2.svg b/layout/reftests/svg/text/selectSubString-2.svg
new file mode 100644
index 0000000000..d92e86b63b
--- /dev/null
+++ b/layout/reftests/svg/text/selectSubString-2.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+  <script>
+    function f() {
+      var text = document.getElementsByTagName("text")[0];
+      text.selectSubString(0, 5);
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/selectSubString-3-ref.svg b/layout/reftests/svg/text/selectSubString-3-ref.svg
new file mode 100644
index 0000000000..8a7fc2abb8
--- /dev/null
+++ b/layout/reftests/svg/text/selectSubString-3-ref.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>abc אבג 123 דהו def</text>
+  </g>
+  <script>
+    function f() {
+      var text = document.getElementsByTagName("text")[0];
+      var range = document.createRange();
+      range.setStart(text.firstChild, 0);
+      range.setEnd(text.firstChild, 9);
+      window.getSelection().addRange(range);
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/selectSubString-3.svg b/layout/reftests/svg/text/selectSubString-3.svg
new file mode 100644
index 0000000000..902859a6a2
--- /dev/null
+++ b/layout/reftests/svg/text/selectSubString-3.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>
+        abc אבג 123 דהו def
+    </text>
+  </g>
+  <script>
+    function f() {
+      var text = document.getElementsByTagName("text")[0];
+      text.selectSubString(0, 9);
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/selectSubString-ref.svg b/layout/reftests/svg/text/selectSubString-ref.svg
new file mode 100644
index 0000000000..cc11cd22c0
--- /dev/null
+++ b/layout/reftests/svg/text/selectSubString-ref.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+  <script>
+    function f() {
+      var text = document.getElementsByTagName("text")[0];
+      var range = document.createRange();
+      range.setStart(text.firstChild, 1);
+      range.setEnd(text.firstChild, 4);
+      window.getSelection().addRange(range);
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/selectSubString.svg b/layout/reftests/svg/text/selectSubString.svg
new file mode 100644
index 0000000000..3329b2c924
--- /dev/null
+++ b/layout/reftests/svg/text/selectSubString.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+  <script>
+    function f() {
+      var text = document.getElementsByTagName("text")[0];
+      text.selectSubString(1, 3);
+      document.documentElement.removeAttribute("class");
+    }
+
+    window.addEventListener("MozReftestInvalidate", f, false);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/simple-2.svg b/layout/reftests/svg/text/simple-2.svg
new file mode 100644
index 0000000000..871e5418d9
--- /dev/null
+++ b/layout/reftests/svg/text/simple-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="100">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-anchor-end-bidi-ref.html b/layout/reftests/svg/text/simple-anchor-end-bidi-ref.html
new file mode 100644
index 0000000000..ad561778c3
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-end-bidi-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: right }
+span { position: relative; left: -500px }
+</style>
+<body>
+<svg></svg><div><span>אבגabc</span></div>
diff --git a/layout/reftests/svg/text/simple-anchor-end-bidi.svg b/layout/reftests/svg/text/simple-anchor-end-bidi.svg
new file mode 100644
index 0000000000..430fb8f11d
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-end-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-anchor-end-ref.html b/layout/reftests/svg/text/simple-anchor-end-ref.html
new file mode 100644
index 0000000000..ae31b12211
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-end-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: right }
+span { position: relative; left: -500px }
+</style>
+<body>
+<svg></svg><div><span>hello</span></div>
diff --git a/layout/reftests/svg/text/simple-anchor-end-rtl-ref.html b/layout/reftests/svg/text/simple-anchor-end-rtl-ref.html
new file mode 100644
index 0000000000..0d0e1435f4
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-end-rtl-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: left }
+span { position: relative; left: 300px }
+</style>
+<body>
+<svg></svg><div><span>אבגדה</span></div>
diff --git a/layout/reftests/svg/text/simple-anchor-end-rtl.svg b/layout/reftests/svg/text/simple-anchor-end-rtl.svg
new file mode 100644
index 0000000000..66b0f9c2ae
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-end-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='200' direction='rtl' text-anchor='end'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-anchor-end.svg b/layout/reftests/svg/text/simple-anchor-end.svg
new file mode 100644
index 0000000000..bd97d05b32
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-end.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-anchor-middle-bidi-ref.html b/layout/reftests/svg/text/simple-anchor-middle-bidi-ref.html
new file mode 100644
index 0000000000..6fe675123a
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-middle-bidi-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: center }
+span { position: relative; left: -150px }
+</style>
+<body>
+<svg></svg><div><span>אבגabc</span></div>
diff --git a/layout/reftests/svg/text/simple-anchor-middle-bidi.svg b/layout/reftests/svg/text/simple-anchor-middle-bidi.svg
new file mode 100644
index 0000000000..cf1db5d6c3
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-middle-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="middle">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-anchor-middle-ref.html b/layout/reftests/svg/text/simple-anchor-middle-ref.html
new file mode 100644
index 0000000000..3c6a21d629
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-middle-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: center }
+span { position: relative; left: -150px }
+</style>
+<body>
+<svg></svg><div><span>hello</span></div>
diff --git a/layout/reftests/svg/text/simple-anchor-middle-rtl-ref.html b/layout/reftests/svg/text/simple-anchor-middle-rtl-ref.html
new file mode 100644
index 0000000000..31b35a768c
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-middle-rtl-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: center }
+span { position: relative; left: -50px }
+</style>
+<body>
+<svg></svg><div><span>אבגדה</span></div>
diff --git a/layout/reftests/svg/text/simple-anchor-middle-rtl.svg b/layout/reftests/svg/text/simple-anchor-middle-rtl.svg
new file mode 100644
index 0000000000..ce1adc9852
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-middle-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='200' direction='rtl' text-anchor='middle'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-anchor-middle.svg b/layout/reftests/svg/text/simple-anchor-middle.svg
new file mode 100644
index 0000000000..93f3ed5538
--- /dev/null
+++ b/layout/reftests/svg/text/simple-anchor-middle.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="middle">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-bidi-2.svg b/layout/reftests/svg/text/simple-bidi-2.svg
new file mode 100644
index 0000000000..2097b40d0b
--- /dev/null
+++ b/layout/reftests/svg/text/simple-bidi-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="100">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-bidi-ref.html b/layout/reftests/svg/text/simple-bidi-ref.html
new file mode 100644
index 0000000000..fac6834498
--- /dev/null
+++ b/layout/reftests/svg/text/simple-bidi-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: left }
+span { position: relative; left: 100px }
+</style>
+<body>
+<svg></svg><div><span>אבגabc</span></div>
diff --git a/layout/reftests/svg/text/simple-bidi-selection-ref.html b/layout/reftests/svg/text/simple-bidi-selection-ref.html
new file mode 100644
index 0000000000..8e0f500c13
--- /dev/null
+++ b/layout/reftests/svg/text/simple-bidi-selection-ref.html
@@ -0,0 +1,22 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: left }
+span { position: relative; left: 100px }
+</style>
+<body>
+<svg></svg><div><span>אבגabc</span></div>
+<script>
+  var span = document.getElementsByTagName("span")[0];
+  var range = document.createRange();
+  range.setStart(span.firstChild, 1);
+  range.setEnd(span.firstChild, 5);
+  window.getSelection().addRange(range);
+</script>
diff --git a/layout/reftests/svg/text/simple-bidi-selection.svg b/layout/reftests/svg/text/simple-bidi-selection.svg
new file mode 100644
index 0000000000..da336d89c8
--- /dev/null
+++ b/layout/reftests/svg/text/simple-bidi-selection.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>אבגabc</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text")[0];
+    var range = document.createRange();
+    range.setStart(text.firstChild, 1);
+    range.setEnd(text.firstChild, 5);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/simple-bidi.svg b/layout/reftests/svg/text/simple-bidi.svg
new file mode 100644
index 0000000000..a2cedaf927
--- /dev/null
+++ b/layout/reftests/svg/text/simple-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-2-ref.svg b/layout/reftests/svg/text/simple-dx-2-ref.svg
new file mode 100644
index 0000000000..871e5418d9
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-2-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="100">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-2.svg b/layout/reftests/svg/text/simple-dx-2.svg
new file mode 100644
index 0000000000..4cdc5d0965
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="50" dx="50">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-end-bidi-ref.svg b/layout/reftests/svg/text/simple-dx-anchor-end-bidi-ref.svg
new file mode 100644
index 0000000000..430fb8f11d
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-end-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-end-bidi.svg b/layout/reftests/svg/text/simple-dx-anchor-end-bidi.svg
new file mode 100644
index 0000000000..24b3b2362e
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-end-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="50" dx="50" text-anchor="end">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-end-ref.svg b/layout/reftests/svg/text/simple-dx-anchor-end-ref.svg
new file mode 100644
index 0000000000..bd97d05b32
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-end-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-end-rtl-ref.svg b/layout/reftests/svg/text/simple-dx-anchor-end-rtl-ref.svg
new file mode 100644
index 0000000000..66b0f9c2ae
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-end-rtl-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='200' direction='rtl' text-anchor='end'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-end-rtl.svg b/layout/reftests/svg/text/simple-dx-anchor-end-rtl.svg
new file mode 100644
index 0000000000..7f8a221b8e
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-end-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='100' direction='rtl' text-anchor='end'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-end.svg b/layout/reftests/svg/text/simple-dx-anchor-end.svg
new file mode 100644
index 0000000000..186a69e18d
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-end.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="50" dx="50" text-anchor="end">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-middle-bidi-ref.svg b/layout/reftests/svg/text/simple-dx-anchor-middle-bidi-ref.svg
new file mode 100644
index 0000000000..cf1db5d6c3
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-middle-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="middle">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-middle-bidi.svg b/layout/reftests/svg/text/simple-dx-anchor-middle-bidi.svg
new file mode 100644
index 0000000000..7d928bbd0e
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-middle-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="50" dx="50" text-anchor="middle">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-middle-ref.svg b/layout/reftests/svg/text/simple-dx-anchor-middle-ref.svg
new file mode 100644
index 0000000000..93f3ed5538
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-middle-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="middle">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-middle-rtl-ref.svg b/layout/reftests/svg/text/simple-dx-anchor-middle-rtl-ref.svg
new file mode 100644
index 0000000000..ce1adc9852
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-middle-rtl-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='200' direction='rtl' text-anchor='middle'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-middle-rtl.svg b/layout/reftests/svg/text/simple-dx-anchor-middle-rtl.svg
new file mode 100644
index 0000000000..4a5e1a0128
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-middle-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='100' direction='rtl' text-anchor='middle'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-anchor-middle.svg b/layout/reftests/svg/text/simple-dx-anchor-middle.svg
new file mode 100644
index 0000000000..68d9888e7f
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-anchor-middle.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="50" dx="50" text-anchor="middle">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-bidi-2-ref.svg b/layout/reftests/svg/text/simple-dx-bidi-2-ref.svg
new file mode 100644
index 0000000000..2097b40d0b
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-bidi-2-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="100">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-bidi-2.svg b/layout/reftests/svg/text/simple-dx-bidi-2.svg
new file mode 100644
index 0000000000..c210041822
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-bidi-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="50" dx="50">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-bidi-ref.svg b/layout/reftests/svg/text/simple-dx-bidi-ref.svg
new file mode 100644
index 0000000000..a2cedaf927
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-bidi-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-bidi.svg b/layout/reftests/svg/text/simple-dx-bidi.svg
new file mode 100644
index 0000000000..0e56b92553
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text dx='100'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-rtl-2-ref.svg b/layout/reftests/svg/text/simple-dx-rtl-2-ref.svg
new file mode 100644
index 0000000000..725a8901fb
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-rtl-2-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='100'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-rtl-2.svg b/layout/reftests/svg/text/simple-dx-rtl-2.svg
new file mode 100644
index 0000000000..55aede4edf
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-rtl-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(50,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='25' dx='25'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-rtl-ref.svg b/layout/reftests/svg/text/simple-dx-rtl-ref.svg
new file mode 100644
index 0000000000..cdce9d87ad
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-rtl-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text direction='rtl'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx-rtl.svg b/layout/reftests/svg/text/simple-dx-rtl.svg
new file mode 100644
index 0000000000..878614a95b
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(50,100)" style="font: 16px sans-serif">
+    <text dx="50" direction='rtl'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-dx.svg b/layout/reftests/svg/text/simple-dx.svg
new file mode 100644
index 0000000000..8ab0a152df
--- /dev/null
+++ b/layout/reftests/svg/text/simple-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text dx="100">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-fill-color-dynamic-ref.svg b/layout/reftests/svg/text/simple-fill-color-dynamic-ref.svg
new file mode 100644
index 0000000000..195e0a22a0
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-color-dynamic-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif; fill: green">
+    <text>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-fill-color-dynamic.svg b/layout/reftests/svg/text/simple-fill-color-dynamic.svg
new file mode 100644
index 0000000000..2846216da7
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-color-dynamic.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200" class="reftest-wait">
+  <g transform="translate(100,100)" style="font: 16px sans-serif; fill: red">
+    <text>hello</text>
+  </g>
+  <script>
+    function when(type, f) {
+      var g = function(evt) {
+        window.removeEventListener(type, g, false);
+        f(evt);
+      };
+      window.addEventListener(type, g, false);
+    }
+
+    when("MozReftestInvalidate", function() {
+      document.getElementsByTagName("g")[0].style.fill = "green";
+      when("MozAfterPaint", function() {
+        document.documentElement.removeAttribute("class");
+      });
+    });
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/simple-fill-color-ref.html b/layout/reftests/svg/text/simple-fill-color-ref.html
new file mode 100644
index 0000000000..3f72aabfde
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-color-ref.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; margin-left: -700px; vertical-align: 100px }
+span { margin-left: 100px; color: green }
+</style>
+<body>
+  <svg></svg><div><span>hello</span></div>
+</body>
diff --git a/layout/reftests/svg/text/simple-fill-color-selection-ref.html b/layout/reftests/svg/text/simple-fill-color-selection-ref.html
new file mode 100644
index 0000000000..9e43d703ea
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-color-selection-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; margin-left: -700px; vertical-align: 100px }
+span { margin-left: 100px; color: green }
+</style>
+<body>
+  <svg></svg><div><span>hello</span></div>
+  <script>
+    var span = document.getElementsByTagName("span")[0];
+    var range = document.createRange();
+    range.setStart(span.firstChild, 1);
+    range.setEnd(span.firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</body>
diff --git a/layout/reftests/svg/text/simple-fill-color-selection.svg b/layout/reftests/svg/text/simple-fill-color-selection.svg
new file mode 100644
index 0000000000..810343af64
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-color-selection.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif; fill: green">
+    <text>hello</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text")[0];
+    var range = document.createRange();
+    range.setStart(text.firstChild, 1);
+    range.setEnd(text.firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/simple-fill-color.svg b/layout/reftests/svg/text/simple-fill-color.svg
new file mode 100644
index 0000000000..195e0a22a0
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-color.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif; fill: green">
+    <text>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-fill-gradient-ref.svg b/layout/reftests/svg/text/simple-fill-gradient-ref.svg
new file mode 100644
index 0000000000..b0d625f70c
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-gradient-ref.svg
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="0" y1="-13" x2="0" y2="3">
+    <stop offset="0" stop-color="red"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <g transform="translate(100,100)">
+    <rect x="0" y="-13" width="16" height="16" fill="url(#g)"/>
+    <rect x="0" y="-13" width="16" height="16" stroke="black" stroke-width="2" fill="none"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-fill-gradient.svg b/layout/reftests/svg/text/simple-fill-gradient.svg
new file mode 100644
index 0000000000..74ec4507aa
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-gradient.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="0" y1="-13" x2="0" y2="3">
+    <stop offset="0" stop-color="red"/>
+    <stop offset="1" stop-color="yellow"/>
+  </linearGradient>
+  <g transform="translate(100,100)" style="font: 16px Ahem">
+    <text fill="url(#g)">a</text>
+    <rect x="0" y="-13" width="16" height="16" stroke="black" stroke-width="2" fill="none"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-fill-none.svg b/layout/reftests/svg/text/simple-fill-none.svg
new file mode 100644
index 0000000000..20b1987d39
--- /dev/null
+++ b/layout/reftests/svg/text/simple-fill-none.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello<tspan fill="none">ooo</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-letter-spacing-ref.svg b/layout/reftests/svg/text/simple-letter-spacing-ref.svg
new file mode 100644
index 0000000000..062e2f7281
--- /dev/null
+++ b/layout/reftests/svg/text/simple-letter-spacing-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="100" dx="0 20 20 20 20">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-letter-spacing.svg b/layout/reftests/svg/text/simple-letter-spacing.svg
new file mode 100644
index 0000000000..9f17ff188f
--- /dev/null
+++ b/layout/reftests/svg/text/simple-letter-spacing.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif; letter-spacing: 20px;">
+    <text x="100">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline-anchor-end-ref.svg b/layout/reftests/svg/text/simple-multiline-anchor-end-ref.svg
new file mode 100644
index 0000000000..ac6bea46f5
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline-anchor-end-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <g text-anchor="end">
+      <text x="100">Hello.</text>
+      <text x="100" y="20">Goodbye.</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline-anchor-end.svg b/layout/reftests/svg/text/simple-multiline-anchor-end.svg
new file mode 100644
index 0000000000..667e5411dd
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline-anchor-end.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end" style="white-space: pre-line; line-height: 20px">Hello.
+Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline-number-ref.svg b/layout/reftests/svg/text/simple-multiline-number-ref.svg
new file mode 100644
index 0000000000..58a786fa6e
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline-number-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>Hello.</text>
+    <text y="20">Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline-number.svg b/layout/reftests/svg/text/simple-multiline-number.svg
new file mode 100644
index 0000000000..4073169416
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline-number.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text style="white-space: pre-line; line-height: 1.25">Hello.
+Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline-pc-ref.svg b/layout/reftests/svg/text/simple-multiline-pc-ref.svg
new file mode 100644
index 0000000000..58a786fa6e
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline-pc-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>Hello.</text>
+    <text y="20">Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline-pc.svg b/layout/reftests/svg/text/simple-multiline-pc.svg
new file mode 100644
index 0000000000..12f96c3d3c
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline-pc.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text style="white-space: pre-line; line-height: 125%">Hello.
+Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline-ref.svg b/layout/reftests/svg/text/simple-multiline-ref.svg
new file mode 100644
index 0000000000..58a786fa6e
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>Hello.</text>
+    <text y="20">Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiline.svg b/layout/reftests/svg/text/simple-multiline.svg
new file mode 100644
index 0000000000..12beaff511
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiline.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text style="white-space: pre-line; line-height: 20px">Hello.
+Goodbye.</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-2.svg b/layout/reftests/svg/text/simple-multiple-dx-2.svg
new file mode 100644
index 0000000000..12802190c7
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="50" dx="60 20 30">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi-ref.svg
new file mode 100644
index 0000000000..9ba587826d
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" text-anchor="end"><tspan visibility="hidden">אב</tspan>גabc</text>
+    <text x="50" text-anchor="end"><tspan visibility="hidden">א</tspan>ב<tspan visibility="hidden">גabc</tspan></text>
+    <text x="20" text-anchor="end">א<tspan visibility="hidden">בגabc</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi.svg
new file mode 100644
index 0000000000..10758b48a6
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="90" dx="10 30 50" text-anchor="end">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-end-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-ref.svg
new file mode 100644
index 0000000000..8725cd4ad4
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" text-anchor="end">llo</text>
+    <text x="80" text-anchor="end"><tspan visibility="hidden">h</tspan>e<tspan visibility="hidden">llo</tspan></text>
+    <text x="60" text-anchor="end">h<tspan visibility="hidden">ello</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl-ref.svg
new file mode 100644
index 0000000000..24fe83db65
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" text-anchor="end" direction="rtl">גדה</text>
+    <text x="140" text-anchor="end" direction="rtl">ב<tspan visibility="hidden">גדה</tspan></text>
+    <text x="160" text-anchor="end" direction="rtl">א<tspan visibility="hidden">בגדה</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl.svg
new file mode 100644
index 0000000000..d11ab10e06
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-end-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='100' dx='10 -20 -30' direction='rtl' text-anchor='end'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-end.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-end.svg
new file mode 100644
index 0000000000..34e0bdf535
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-end.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="100" dx="10 20 30" text-anchor="end">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi-ref.svg
new file mode 100644
index 0000000000..9ed3955c54
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi-ref.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g transform="translate(100,100)" style="font: 16px Ahem">
+    <text x="214" fill="blue"><tspan direction="rtl" unicode-bidi="bidi-override" fill="red">x y z</tspan><tspan visibility="hidden">ww</tspan>a b<tspan visibility="hidden">w</tspan> c</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi.svg
new file mode 100644
index 0000000000..20eef41cf8
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-bidi.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g transform="translate(100,100)" style="font: 16px Ahem">
+    <text x="110" dx="0 0 0 0 0 32 0 0 16" text-anchor="middle" fill="blue"><tspan direction="rtl" unicode-bidi="bidi-override" fill="red">x y z</tspan>a b c</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-ref.svg
new file mode 100644
index 0000000000..96443ddc25
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-ref.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g transform="translate(100,100)" style="font: 16px Ahem">
+    <text x="12"><tspan visibility="hidden">w</tspan><tspan fill="green">h</tspan><tspan visibility="hidden">w</tspan> e <tspan visibility="hidden">w</tspan>l l o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl-ref.svg
new file mode 100644
index 0000000000..740e21fa34
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl-ref.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g transform="translate(100,100)" style="font: 16px Ahem">
+    <text x="280"><tspan direction="rtl" unicode-bidi="bidi-override"><tspan fill="green">a</tspan><tspan visibility="hidden">ww</tspan>b c d e</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl.svg
new file mode 100644
index 0000000000..414bf0fa1d
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle-rtl.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g transform="translate(100,100)" style="font: 16px Ahem">
+    <text x='200' dx='0 0 -16' direction='rtl' text-anchor='middle'><tspan direction='rtl' unicode-bidi='bidi-override'><tspan fill="green">a</tspan> b c d e</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-anchor-middle.svg b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle.svg
new file mode 100644
index 0000000000..392f4e35eb
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-anchor-middle.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <g transform="translate(100,100)" style="font: 16px Ahem">
+    <text x="100" dx="16 0 16 0 16" text-anchor="middle"><tspan fill="green">h</tspan> e l l o</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-bidi-2.svg b/layout/reftests/svg/text/simple-multiple-dx-bidi-2.svg
new file mode 100644
index 0000000000..7f29cad1ef
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-bidi-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" dx="0 -30 -100">אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-bidi-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-bidi-ref.svg
new file mode 100644
index 0000000000..a1748dcb64
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-bidi-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x='110'><tspan visibility="hidden">אב</tspan>גabc</text>
+    <text x='210'><tspan visibility="hidden">א</tspan>ב<tspan visibility="hidden">גabc</tspan></text>
+    <text x='240'>א<tspan visibility="hidden">בגabc</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-bidi.svg b/layout/reftests/svg/text/simple-multiple-dx-bidi.svg
new file mode 100644
index 0000000000..7dfc20f838
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-bidi.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" dx='0 -30 -100'>אבגabc</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-ref.html b/layout/reftests/svg/text/simple-multiple-dx-ref.html
new file mode 100644
index 0000000000..53b20148a9
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-ref.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; margin-left: -700px; vertical-align: 100px }
+div > span { margin-left: 110px }
+</style>
+<body>
+  <svg></svg><div><span>h<span style="padding-left: 20px"></span>e<span style="padding-left: 30px"></span>llo</span></div>
+</body>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-rtl-2.svg b/layout/reftests/svg/text/simple-multiple-dx-rtl-2.svg
new file mode 100644
index 0000000000..cca2629c0d
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-rtl-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='100' dx='10 -20 -30'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-rtl-ref.svg b/layout/reftests/svg/text/simple-multiple-dx-rtl-ref.svg
new file mode 100644
index 0000000000..41eb27b8d7
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-rtl-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text x="110" direction='rtl'>א</text>
+    <text x="90" direction='rtl'><tspan visibility="hidden">א</tspan>ב</text>
+    <text x="60" direction='rtl'><tspan visibility="hidden">אב</tspan>גדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx-rtl.svg b/layout/reftests/svg/text/simple-multiple-dx-rtl.svg
new file mode 100644
index 0000000000..16632b13da
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text dx="110 -20 -30" direction='rtl'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-multiple-dx.svg b/layout/reftests/svg/text/simple-multiple-dx.svg
new file mode 100644
index 0000000000..883e088180
--- /dev/null
+++ b/layout/reftests/svg/text/simple-multiple-dx.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text dx="10 20 30">hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-pointer-events.svg b/layout/reftests/svg/text/simple-pointer-events.svg
new file mode 100644
index 0000000000..6c572418bb
--- /dev/null
+++ b/layout/reftests/svg/text/simple-pointer-events.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" style="font: 16px sans-serif; pointer-events: none">hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/simple-ref.html b/layout/reftests/svg/text/simple-ref.html
new file mode 100644
index 0000000000..410cd19bf2
--- /dev/null
+++ b/layout/reftests/svg/text/simple-ref.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; margin-left: -700px; vertical-align: 100px }
+span { margin-left: 100px }
+</style>
+<body>
+  <svg></svg><div><span>hello</span></div>
+</body>
diff --git a/layout/reftests/svg/text/simple-rtl-2.svg b/layout/reftests/svg/text/simple-rtl-2.svg
new file mode 100644
index 0000000000..725a8901fb
--- /dev/null
+++ b/layout/reftests/svg/text/simple-rtl-2.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text direction='rtl' x='100'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-rtl-ref.html b/layout/reftests/svg/text/simple-rtl-ref.html
new file mode 100644
index 0000000000..a82eb1e7e4
--- /dev/null
+++ b/layout/reftests/svg/text/simple-rtl-ref.html
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px }
+div { text-align: right; width: 200px }
+span { position: relative; right: 100px }
+</style>
+<body>
+<svg></svg><div><span>אבגדה</span></div>
diff --git a/layout/reftests/svg/text/simple-rtl.svg b/layout/reftests/svg/text/simple-rtl.svg
new file mode 100644
index 0000000000..cdce9d87ad
--- /dev/null
+++ b/layout/reftests/svg/text/simple-rtl.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text direction='rtl'>אבגדה</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-selection-ref.html b/layout/reftests/svg/text/simple-selection-ref.html
new file mode 100644
index 0000000000..45ee3cfec9
--- /dev/null
+++ b/layout/reftests/svg/text/simple-selection-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; margin-left: -700px; vertical-align: 100px }
+span { margin-left: 100px }
+</style>
+<body>
+  <svg></svg><div><span>hello</span></div>
+  <script>
+    var span = document.getElementsByTagName("span")[0];
+    var range = document.createRange();
+    range.setStart(span.firstChild, 1);
+    range.setEnd(span.firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</body>
diff --git a/layout/reftests/svg/text/simple-selection.svg b/layout/reftests/svg/text/simple-selection.svg
new file mode 100644
index 0000000000..227f587a74
--- /dev/null
+++ b/layout/reftests/svg/text/simple-selection.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text")[0];
+    var range = document.createRange();
+    range.setStart(text.firstChild, 1);
+    range.setEnd(text.firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/simple-transform-rotate-ref.svg b/layout/reftests/svg/text/simple-transform-rotate-ref.svg
new file mode 100644
index 0000000000..40439005ad
--- /dev/null
+++ b/layout/reftests/svg/text/simple-transform-rotate-ref.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <text x="100" y="100" rotate="45" style="font: 32px Ahem">a</text>
+</svg>
diff --git a/layout/reftests/svg/text/simple-transform-rotate.svg b/layout/reftests/svg/text/simple-transform-rotate.svg
new file mode 100644
index 0000000000..18dd8f5479
--- /dev/null
+++ b/layout/reftests/svg/text/simple-transform-rotate.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <style>
+    @font-face {
+      font-family: Ahem;
+      src: url(../../fonts/Ahem.ttf);
+    }
+  </style>
+  <text transform="translate(100,100)rotate(45)" style="font: 32px Ahem">a</text>
+</svg>
diff --git a/layout/reftests/svg/text/simple-underline-ref.html b/layout/reftests/svg/text/simple-underline-ref.html
new file mode 100644
index 0000000000..b7a63e6bb5
--- /dev/null
+++ b/layout/reftests/svg/text/simple-underline-ref.html
@@ -0,0 +1,14 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; text-decoration: underline; margin-left: -700px; vertical-align: 100px }
+span { margin-left: 100px; }
+</style>
+<body>
+  <svg></svg><div><span>hello</span></div>
+</body>
diff --git a/layout/reftests/svg/text/simple-underline-scaled-ref.svg b/layout/reftests/svg/text/simple-underline-scaled-ref.svg
new file mode 100644
index 0000000000..3c7b0688b7
--- /dev/null
+++ b/layout/reftests/svg/text/simple-underline-scaled-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="20" y="100" style="font: 64px sans-serif; text-decoration: underline">Hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/simple-underline-scaled.svg b/layout/reftests/svg/text/simple-underline-scaled.svg
new file mode 100644
index 0000000000..61f808faff
--- /dev/null
+++ b/layout/reftests/svg/text/simple-underline-scaled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="10" y="50" style="font: 32px sans-serif; text-decoration: underline" transform="scale(2)">Hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/simple-underline-selection-ref.html b/layout/reftests/svg/text/simple-underline-selection-ref.html
new file mode 100644
index 0000000000..b754ae0e8a
--- /dev/null
+++ b/layout/reftests/svg/text/simple-underline-selection-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<style>
+html, body { margin: 0 }
+svg, div { display: inline-block; width: 700px; height: 200px }
+div { font: 16px sans-serif; text-decoration: underline; margin-left: -700px; vertical-align: 100px }
+span { margin-left: 100px; }
+</style>
+<body>
+  <svg></svg><div><span>hello</span></div>
+  <script>
+    var span = document.getElementsByTagName("span")[0];
+    var range = document.createRange();
+    range.setStart(span.firstChild, 1);
+    range.setEnd(span.firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</body>
diff --git a/layout/reftests/svg/text/simple-underline-selection.svg b/layout/reftests/svg/text/simple-underline-selection.svg
new file mode 100644
index 0000000000..a4f3e9b480
--- /dev/null
+++ b/layout/reftests/svg/text/simple-underline-selection.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif; text-decoration: underline">
+    <text>hello</text>
+  </g>
+  <script>
+    var text = document.getElementsByTagName("text")[0];
+    var range = document.createRange();
+    range.setStart(text.firstChild, 1);
+    range.setEnd(text.firstChild, 4);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/simple-underline.svg b/layout/reftests/svg/text/simple-underline.svg
new file mode 100644
index 0000000000..9143963539
--- /dev/null
+++ b/layout/reftests/svg/text/simple-underline.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif; text-decoration: underline">
+    <text>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-word-spacing-ref.svg b/layout/reftests/svg/text/simple-word-spacing-ref.svg
new file mode 100644
index 0000000000..aec2f9890c
--- /dev/null
+++ b/layout/reftests/svg/text/simple-word-spacing-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif">
+    <text x="100">hello <tspan dx="20">there</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple-word-spacing.svg b/layout/reftests/svg/text/simple-word-spacing.svg
new file mode 100644
index 0000000000..7ad1d5435d
--- /dev/null
+++ b/layout/reftests/svg/text/simple-word-spacing.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
+  <g transform="translate(0,100)" style="font: 16px sans-serif; word-spacing: 20px;">
+    <text x="100">hello there</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/simple.svg b/layout/reftests/svg/text/simple.svg
new file mode 100644
index 0000000000..228b0755db
--- /dev/null
+++ b/layout/reftests/svg/text/simple.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+  <g transform="translate(100,100)" style="font: 16px sans-serif">
+    <text>hello</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/text-shadow-ref.svg b/layout/reftests/svg/text/text-shadow-ref.svg
new file mode 100644
index 0000000000..0fff19f144
--- /dev/null
+++ b/layout/reftests/svg/text/text-shadow-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="33" y="33" fill="grey">Hello</text>
+  <text x="30" y="30" fill="green">Hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/text-shadow.svg b/layout/reftests/svg/text/text-shadow.svg
new file mode 100644
index 0000000000..35875f51df
--- /dev/null
+++ b/layout/reftests/svg/text/text-shadow.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="30" y="30" fill="green" style="text-shadow: grey 3px 3px;">Hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-2-ref.svg b/layout/reftests/svg/text/textLength-2-ref.svg
new file mode 100644
index 0000000000..ac7b10cba9
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-2-ref.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face { font-family: Linux Libertine; src: url(../../fonts/LinLibertine_Re-4.7.5.woff); }
+    svg { font: 50px Linux Libertine; text-rendering: geometricPrecision; }
+  </style>
+  <!-- the unscaled width of the "123" is 66 -->
+  <g text-anchor="end" transform="translate(200,0)">
+    <g stroke="red">
+      <path d="M 0,40 h-66"/>
+      <path d="M 0,80 h-132"/>
+      <path d="M 0,120 h-132"/>
+      <path d="M 0,160 h-44"/>
+      <path d="M 0,200 h-44"/>
+    </g>
+
+    <g fill="aqua">
+      <text y="40">123</text>
+      <text x="-132" y="80" text-anchor="start">1</text>
+      <text x="-66" y="80" text-anchor="middle">2</text>
+      <text y="80">3</text>
+      <text transform="scale(2,1)" y="120">123</text>
+      <text x="-44" y="160" text-anchor="start">1</text>
+      <text x="-22" y="160" text-anchor="middle">2</text>
+      <text y="160">3</text>
+      <text transform="scale(0.6666666666,1)" y="200">123</text>
+    </g>
+
+    <g fill="none" stroke="black" stroke-width="2px">
+      <text y="40">123</text>
+      <text x="-132" y="80" text-anchor="start">1</text>
+      <text x="-66" y="80" text-anchor="middle">2</text>
+      <text y="80">3</text>
+      <text transform="scale(2,1)" y="120">123</text>
+      <text x="-44" y="160" text-anchor="start">1</text>
+      <text x="-22" y="160" text-anchor="middle">2</text>
+      <text y="160">3</text>
+      <text transform="scale(0.6666666666,1)" y="200">123</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-2.svg b/layout/reftests/svg/text/textLength-2.svg
new file mode 100644
index 0000000000..ad66e9fc1e
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-2.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face { font-family: Linux Libertine; src: url(../../fonts/LinLibertine_Re-4.7.5.woff); }
+    svg { font: 50px Linux Libertine; text-rendering: geometricPrecision; }
+  </style>
+  <!-- the unscaled width of the "123" is 66 -->
+  <g text-anchor="end" transform="translate(200,0)">
+    <g stroke="red">
+      <path d="M 0,40 h-66"/>
+      <path d="M 0,80 h-132"/>
+      <path d="M 0,120 h-132"/>
+      <path d="M 0,160 h-44"/>
+      <path d="M 0,200 h-44"/>
+    </g>
+
+    <g fill="aqua">
+      <text y="40">123</text>
+      <text y="80" textLength="132">123</text>
+      <text y="120" textLength="132" lengthAdjust="spacingAndGlyphs">123</text>
+      <text y="160" textLength="44">123</text>
+      <text y="200" textLength="44" lengthAdjust="spacingAndGlyphs">123</text>
+    </g>
+
+    <g fill="none" stroke="black" stroke-width="2px">
+      <text y="40">123</text>
+      <text x="-132" y="80" text-anchor="start">1</text>
+      <text x="-66" y="80" text-anchor="middle">2</text>
+      <text y="80">3</text>
+      <text transform="scale(2,1)" y="120">123</text>
+      <text x="-44" y="160" text-anchor="start">1</text>
+      <text x="-22" y="160" text-anchor="middle">2</text>
+      <text y="160">3</text>
+      <text transform="scale(0.6666666666,1)" y="200">123</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-3-ref.svg b/layout/reftests/svg/text/textLength-3-ref.svg
new file mode 100644
index 0000000000..a36feab1d9
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-3-ref.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face { font-family: Linux Libertine; src: url(../../fonts/LinLibertine_Re-4.7.5.woff); }
+    svg { font: 50px Linux Libertine; text-rendering: geometricPrecision; }
+  </style>
+  <linearGradient id="aqua">
+    <stop stop-color="aqua"/>
+  </linearGradient>
+  <!-- the unscaled width of the "123" is 66 -->
+  <g transform="translate(50,0)">
+    <g stroke="red">
+      <path id="p1" d="M 0,40 v 66" stroke="red"/>
+      <path id="p2" d="M 40,40 v 132" stroke="red"/>
+      <path id="p3" d="M 80,40 v 132" stroke="red"/>
+      <path id="p4" d="M 120,40 v 44" stroke="red"/>
+      <path id="p5" d="M 160,40 v 44" stroke="red"/>
+    </g>
+
+    <g fill="url(#aqua)">
+      <text transform="translate(40,40)rotate(90)" y="40">123</text>
+      <text transform="translate(80,40)rotate(90)" y="40">1</text>
+      <text transform="translate(80,40)rotate(90)" x="66" y="40" text-anchor="middle">2</text>
+      <text transform="translate(80,40)rotate(90)" x="132" y="40" text-anchor="end">3</text>
+      <text transform="translate(80,40)rotate(90)scale(2,1)">123</text>
+      <text transform="translate(120,40)rotate(90)">1</text>
+      <text transform="translate(120,40)rotate(90)" x="22" text-anchor="middle">2</text>
+      <text transform="translate(120,40)rotate(90)" x="44" text-anchor="end">3</text>
+      <text transform="translate(160,40)rotate(90)scale(0.66666666,1)">123</text>
+    </g>
+
+    <g fill="none" stroke="black" stroke-width="2px">
+      <text transform="translate(40,40)rotate(90)" y="40">123</text>
+      <text transform="translate(80,40)rotate(90)" y="40">1</text>
+      <text transform="translate(80,40)rotate(90)" x="66" y="40" text-anchor="middle">2</text>
+      <text transform="translate(80,40)rotate(90)" x="132" y="40" text-anchor="end">3</text>
+      <text transform="translate(80,40)rotate(90)scale(2,1)">123</text>
+      <text transform="translate(120,40)rotate(90)">1</text>
+      <text transform="translate(120,40)rotate(90)" x="22" text-anchor="middle">2</text>
+      <text transform="translate(120,40)rotate(90)" x="44" text-anchor="end">3</text>
+      <text transform="translate(160,40)rotate(90)scale(0.66666666,1)">123</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-3.svg b/layout/reftests/svg/text/textLength-3.svg
new file mode 100644
index 0000000000..b3b8d93da6
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-3.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    @font-face { font-family: Linux Libertine; src: url(../../fonts/LinLibertine_Re-4.7.5.woff); }
+    svg { font: 50px Linux Libertine; text-rendering: geometricPrecision; }
+  </style>
+  <linearGradient id="aqua">
+    <stop stop-color="aqua"/>
+  </linearGradient>
+  <!-- the unscaled width of the "123" is 66 -->
+  <g transform="translate(50,0)">
+    <g stroke="red">
+      <path id="p1" d="M 0,40 v 66"/>
+      <path id="p2" d="M 40,40 v 132"/>
+      <path id="p3" d="M 80,40 v 132"/>
+      <path id="p4" d="M 120,40 v 44"/>
+      <path id="p5" d="M 160,40 v 44"/>
+    </g>
+
+    <g fill="url(#aqua)">
+      <text><textPath xlink:href="#p1">123</textPath></text>
+      <text textLength="132"><textPath xlink:href="#p2">123</textPath></text>
+      <text id="t" textLength="132" lengthAdjust="spacingAndGlyphs"><textPath xlink:href="#p3">123</textPath></text>
+      <text textLength="44"><textPath xlink:href="#p4">123</textPath></text>
+      <text textLength="44" lengthAdjust="spacingAndGlyphs"><textPath xlink:href="#p5">123</textPath></text>
+    </g>
+
+    <g fill="none" stroke="black" stroke-width="2px">
+      <text transform="translate(40,40)rotate(90)" y="40">123</text>
+      <text transform="translate(80,40)rotate(90)" y="40">1</text>
+      <text transform="translate(80,40)rotate(90)" x="66" y="40" text-anchor="middle">2</text>
+      <text transform="translate(80,40)rotate(90)" x="132" y="40" text-anchor="end">3</text>
+      <text transform="translate(80,40)rotate(90)scale(2,1)">123</text>
+      <text transform="translate(120,40)rotate(90)">1</text>
+      <text transform="translate(120,40)rotate(90)" x="22" text-anchor="middle">2</text>
+      <text transform="translate(120,40)rotate(90)" x="44" text-anchor="end">3</text>
+      <text transform="translate(160,40)rotate(90)scale(0.66666666,1)">123</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-4-ref.svg b/layout/reftests/svg/text/textLength-4-ref.svg
new file mode 100644
index 0000000000..1a7153b323
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-4-ref.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Linux Libertine;
+      src: url(../../fonts/LinLibertine_Re-4.7.5.woff);
+    }
+  </style>
+  <!-- the unscaled width of the "123" is 66 -->
+  <linearGradient id="g1" x1="0" y1="0" x2="66" y2="0" gradientUnits="userSpaceOnUse">
+    <stop stop-color="red"/>
+    <stop offset="0.333333" stop-color="red"/>
+    <stop offset="0.333333" stop-color="yellow"/>
+    <stop offset="0.666666" stop-color="yellow"/>
+    <stop offset="0.666666" stop-color="red"/>
+    <stop offset="1" stop-color="red"/>
+  </linearGradient>
+  <linearGradient id="g2" x1="100" y1="0" x2="232" y2="0" gradientUnits="userSpaceOnUse">
+    <stop stop-color="red"/>
+    <stop offset="0.333333" stop-color="red"/>
+    <stop offset="0.333333" stop-color="yellow"/>
+    <stop offset="0.666666" stop-color="yellow"/>
+    <stop offset="0.666666" stop-color="red"/>
+    <stop offset="1" stop-color="red"/>
+  </linearGradient>
+  <text transform="scale(2,1)translate(50,0)" y="100" style="font: 50px Linux Libertine; text-rendering: geometricPrecision; fill: url(#g1)">123</text>
+  <text transform="scale(2,1)translate(50,0)" y="100" style="font: 50px Linux Libertine; text-rendering: geometricPrecision; fill: none; stroke: black; stroke-width: 2px">123</text>
+  <rect x="100" y="110" width="132" height="10" fill="url(#g2)"/>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-4.svg b/layout/reftests/svg/text/textLength-4.svg
new file mode 100644
index 0000000000..d346304712
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-4.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: Linux Libertine;
+      src: url(../../fonts/LinLibertine_Re-4.7.5.woff);
+    }
+  </style>
+  <!-- the unscaled width of the "123" is 66 -->
+  <linearGradient id="g" x1="100" y1="0" x2="232" y2="0" gradientUnits="userSpaceOnUse">
+    <stop stop-color="red"/>
+    <stop offset="0.333333" stop-color="red"/>
+    <stop offset="0.333333" stop-color="yellow"/>
+    <stop offset="0.666666" stop-color="yellow"/>
+    <stop offset="0.666666" stop-color="red"/>
+    <stop offset="1" stop-color="red"/>
+  </linearGradient>
+  <text x="100" y="100" style="font: 50px Linux Libertine; text-rendering: geometricPrecision" textLength="132" lengthAdjust="spacingAndGlyphs" fill="url(#g)">123</text>
+  <text transform="scale(2,1)translate(50,0)" y="100" style="font: 50px Linux Libertine; text-rendering: geometricPrecision; fill: none; stroke: black; stroke-width: 2px">123</text>
+  <rect x="100" y="110" width="132" height="10" fill="url(#g)"/>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-5-ref.svg b/layout/reftests/svg/text/textLength-5-ref.svg
new file mode 100644
index 0000000000..2c6e7c2a43
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-5-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" style="font: 32px sans-serif" textLength="50" lengthAdjust="spacingAndGlyphs">hello</text>
+  <text x="100" y="140" style="font: 32px sans-serif" textLength="50" lengthAdjust="spacingAndGlyphs">hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-5.svg b/layout/reftests/svg/text/textLength-5.svg
new file mode 100644
index 0000000000..52e2fc3a30
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-5.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" style="font: 32px sans-serif" textLength="100" lengthAdjust="spacingAndGlyphs">hello<tspan x="100" y="140">hello</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-6-ref.svg b/layout/reftests/svg/text/textLength-6-ref.svg
new file mode 100644
index 0000000000..2c6e7c2a43
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-6-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" style="font: 32px sans-serif" textLength="50" lengthAdjust="spacingAndGlyphs">hello</text>
+  <text x="100" y="140" style="font: 32px sans-serif" textLength="50" lengthAdjust="spacingAndGlyphs">hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-6.svg b/layout/reftests/svg/text/textLength-6.svg
new file mode 100644
index 0000000000..587124f712
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-6.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" style="font: 32px sans-serif">hello<tspan x="100" y="140">hello</tspan>
+    <animate attributeName="textLength" begin="-100s" dur="200s" values="50; 100; 100; 150"/>
+    <set attributeName="lengthAdjust" to="spacingAndGlyphs"/></text>
+</svg>
diff --git a/layout/reftests/svg/text/textLength-ref.svg b/layout/reftests/svg/text/textLength-ref.svg
new file mode 100644
index 0000000000..bcdb21f4c7
--- /dev/null
+++ b/layout/reftests/svg/text/textLength-ref.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face { font-family: Linux Libertine; src: url(../../fonts/LinLibertine_Re-4.7.5.woff); }
+    svg { font: 50px Linux Libertine; text-rendering: geometricPrecision; }
+  </style>
+  <!-- the unscaled width of the "123" is 66 -->
+  <g transform="translate(50,0)">
+    <g stroke="red">
+      <path d="M 0,40 h 66"/>
+      <path d="M 0,80 h 132"/>
+      <path d="M 0,120 h 132"/>
+      <path d="M 0,160 h 44"/>
+      <path d="M 0,200 h 44"/>
+    </g>
+
+    <g fill="aqua">
+      <text y="40">123</text>
+      <text y="80">1</text>
+      <text x="66" y="80" text-anchor="middle">2</text>
+      <text x="132" y="80" text-anchor="end">3</text>
+      <text transform="scale(2,1)" y="120">123</text>
+      <text y="160">1</text>
+      <text x="22" y="160" text-anchor="middle">2</text>
+      <text x="44" y="160" text-anchor="end">3</text>
+      <text transform="scale(0.6666666666,1)" y="200">123</text>
+    </g>
+
+    <g fill="none" stroke="black" stroke-width="2px">
+      <text y="40">123</text>
+      <text y="80">1</text>
+      <text x="66" y="80" text-anchor="middle">2</text>
+      <text x="132" y="80" text-anchor="end">3</text>
+      <text transform="scale(2,1)" y="120">123</text>
+      <text y="160">1</text>
+      <text x="22" y="160" text-anchor="middle">2</text>
+      <text x="44" y="160" text-anchor="end">3</text>
+      <text transform="scale(0.6666666666,1)" y="200">123</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textLength.svg b/layout/reftests/svg/text/textLength.svg
new file mode 100644
index 0000000000..93dd2e61fb
--- /dev/null
+++ b/layout/reftests/svg/text/textLength.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face { font-family: Linux Libertine; src: url(../../fonts/LinLibertine_Re-4.7.5.woff); }
+    svg { font: 50px Linux Libertine; text-rendering: geometricPrecision; }
+  </style>
+  <!-- the unscaled width of the "123" is 66 -->
+  <g transform="translate(50,0)">
+    <g stroke="red">
+      <path d="M 0,40 h 66"/>
+      <path d="M 0,80 h 132"/>
+      <path d="M 0,120 h 132"/>
+      <path d="M 0,160 h 44"/>
+      <path d="M 0,200 h 44"/>
+    </g>
+
+    <g fill="aqua">
+      <text y="40">123</text>
+      <text y="80" textLength="132">123</text>
+      <text y="120" textLength="132" lengthAdjust="spacingAndGlyphs">123</text>
+      <text y="160" textLength="44">123</text>
+      <text y="200" textLength="44" lengthAdjust="spacingAndGlyphs">123</text>
+    </g>
+
+    <g fill="none" stroke="black" stroke-width="2px">
+      <text y="40">123</text>
+      <text y="80">1</text>
+      <text x="66" y="80" text-anchor="middle">2</text>
+      <text x="132" y="80" text-anchor="end">3</text>
+      <text transform="scale(2,1)" y="120">123</text>
+      <text y="160">1</text>
+      <text x="22" y="160" text-anchor="middle">2</text>
+      <text x="44" y="160" text-anchor="end">3</text>
+      <text transform="scale(0.6666666666,1)" y="200">123</text>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-a-ref.svg b/layout/reftests/svg/text/textpath-a-ref.svg
new file mode 100644
index 0000000000..50de8ee340
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-a-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="font: 16px sans-serif">
+  <path id="p" d="M 100,100 h 100"/>
+  <text><textPath xlink:href="#p">hello</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-a.svg b/layout/reftests/svg/text/textpath-a.svg
new file mode 100644
index 0000000000..639f47db44
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-a.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="font: 16px sans-serif">
+  <path id="p" d="M 100,100 h 100"/>
+  <text><a><textPath xlink:href="#p">hello</textPath></a></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-after-anchor-end-ref.svg b/layout/reftests/svg/text/textpath-after-anchor-end-ref.svg
new file mode 100644
index 0000000000..5b32f54610
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-after-anchor-end-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(150,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text text-anchor="end"><textPath xlink:href="#p" startOffset="100%">hello</textPath><tspan y="0">there</tspan></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-after-anchor-end.svg b/layout/reftests/svg/text/textpath-after-anchor-end.svg
new file mode 100644
index 0000000000..4a8a19b087
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-after-anchor-end.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(150,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text text-anchor="end"><textPath xlink:href="#p" startOffset="100%">hello</textPath>there</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-after-ref.svg b/layout/reftests/svg/text/textpath-after-ref.svg
new file mode 100644
index 0000000000..c90ae4fccd
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-after-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(50,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text><textPath xlink:href="#p">hello</textPath></text>
+    <text><tspan visibility="hidden">hello</tspan>there</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-after.svg b/layout/reftests/svg/text/textpath-after.svg
new file mode 100644
index 0000000000..b250e833e9
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-after.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(50,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text><textPath xlink:href="#p">hello</textPath>there</text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-anchor-end-ref.svg b/layout/reftests/svg/text/textpath-anchor-end-ref.svg
new file mode 100644
index 0000000000..27d80ae053
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-anchor-end-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <path id="p" d="M 0,100 h 200"/>
+  <text x="200" y="100" text-anchor="end" style="font: 16px sans-serif">hello</text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-anchor-end.svg b/layout/reftests/svg/text/textpath-anchor-end.svg
new file mode 100644
index 0000000000..f77549ab7f
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-anchor-end.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 0,100 h 200"/>
+  <text text-anchor="end" style="font: 16px sans-serif"><textPath xlink:href="#p" startOffset="100%">hello</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-anchor-middle-ref.svg b/layout/reftests/svg/text/textpath-anchor-middle-ref.svg
new file mode 100644
index 0000000000..dfa19bc42b
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-anchor-middle-ref.svg
@@ -0,0 +1,7 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" text-anchor="middle" style="font: 16px sans-serif">ABCDE</text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-anchor-middle.svg b/layout/reftests/svg/text/textpath-anchor-middle.svg
new file mode 100644
index 0000000000..8f7b347e25
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-anchor-middle.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 0,100 h 200"/>
+  <text text-anchor="middle" style="font: 16px sans-serif"><textPath xlink:href="#p" startOffset="50%">ABCDE</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-cluster-2-ref.svg b/layout/reftests/svg/text/textpath-cluster-2-ref.svg
new file mode 100644
index 0000000000..7a16f55d14
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-cluster-2-ref.svg
@@ -0,0 +1,8 @@
+<svg height="250" width="250" xmlns="http://www.w3.org/2000/svg">
+  <defs> 
+    <path id="path" d="M 10 50 H 200" />
+  </defs>
+  <text font-size="36">
+    <textPath href="#path">abcd</textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-cluster-2.svg b/layout/reftests/svg/text/textpath-cluster-2.svg
new file mode 100644
index 0000000000..925f2d7c2f
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-cluster-2.svg
@@ -0,0 +1,9 @@
+<svg height="250" width="250" xmlns="http://www.w3.org/2000/svg">
+  <defs> 
+    <path id="path" d="M 10 50 H 200" />
+  </defs>
+  <text font-size="36">
+    <!-- Next line ends with whitespace. Do not change it -->
+    <textPath href="#path">abcd</textPath>    
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-cluster-ref.svg b/layout/reftests/svg/text/textpath-cluster-ref.svg
new file mode 100644
index 0000000000..f88983c23b
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-cluster-ref.svg
@@ -0,0 +1,12 @@
+<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" >
+  <defs>
+    <path id="path" d="M 100 200 C 200 100 300 0 400 100" />
+    <style>
+      text {
+        font: 40px monospace;
+      }
+    </style>
+  </defs>
+
+  <text transform="translate(0, 40)">a <textPath href="#path">b </textPath>c</text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-cluster.svg b/layout/reftests/svg/text/textpath-cluster.svg
new file mode 100644
index 0000000000..7861eb5c2b
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-cluster.svg
@@ -0,0 +1,12 @@
+<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" >
+  <defs>
+    <path id="path" d="M 100 200 C 200 100 300 0 400 100" />
+    <style>
+      text {
+        font: 40px monospace;
+      }
+    </style>
+  </defs>
+
+  <text transform="translate(0, 40)">a <textPath href="#path">b </textPath> c</text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-inherit-position-ref.svg b/layout/reftests/svg/text/textpath-inherit-position-ref.svg
new file mode 100644
index 0000000000..305330b171
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-inherit-position-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(150,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text x="0 20 40 60 80">hello <textPath xlink:href="#p"><tspan x="50">there</tspan></textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-inherit-position.svg b/layout/reftests/svg/text/textpath-inherit-position.svg
new file mode 100644
index 0000000000..d728c3c8e1
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-inherit-position.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(150,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text x="0 20 40 60 80 100 50" y="0 0 0 0 0 0 200">hello <textPath xlink:href="#p">there</textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-invalid-parent-ref.svg b/layout/reftests/svg/text/textpath-invalid-parent-ref.svg
new file mode 100644
index 0000000000..ecb9af043c
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-invalid-parent-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="font: 16px sans-serif">
+  <path id="p" d="M 100,100 h 100"/>
+  <text x="50" y="100">hello<tspan><textPath xlink:href="#p"> or not</textPath></tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-invalid-parent.svg b/layout/reftests/svg/text/textpath-invalid-parent.svg
new file mode 100644
index 0000000000..ecb9af043c
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-invalid-parent.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="font: 16px sans-serif">
+  <path id="p" d="M 100,100 h 100"/>
+  <text x="50" y="100">hello<tspan><textPath xlink:href="#p"> or not</textPath></tspan></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-multiline-2-ref.svg b/layout/reftests/svg/text/textpath-multiline-2-ref.svg
new file mode 100644
index 0000000000..8bd2b7cb3c
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-multiline-2-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 50,200 C 50,100 300,100 300,200" fill="none"/>
+  <text style="font: 24px/30px sans-serif; text-anchor: middle">
+    <textPath xlink:href="#p" startOffset="50%">
+      <tspan x="0" y="0">hello</tspan><tspan x="0" y="30">hello</tspan><tspan x="0" y="60">hello</tspan>
+    </textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-multiline-2.svg b/layout/reftests/svg/text/textpath-multiline-2.svg
new file mode 100644
index 0000000000..363cf8be5b
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-multiline-2.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 50,200 C 50,100 300,100 300,200" fill="none"/>
+  <text style="white-space: pre-line; font: 24px/30px sans-serif; text-anchor: middle">
+    <textPath xlink:href="#p" startOffset="50%">hello
+hello
+hello</textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-multiline-ref.svg b/layout/reftests/svg/text/textpath-multiline-ref.svg
new file mode 100644
index 0000000000..d6d0ed7bbc
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-multiline-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <text x="100" y="100" style="line-height: 20px; white-space: pre-line; font: 16px sans-serif">line 1
+line 2
+line 3</text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-multiline.svg b/layout/reftests/svg/text/textpath-multiline.svg
new file mode 100644
index 0000000000..06f5ec3796
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-multiline.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 100,100 h 400"/>
+  <text style="white-space: pre-line; line-height: 20px; font: 16px sans-serif">
+    <textPath xlink:href="#p">line 1
+line 2
+line 3</textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-multiple.svg b/layout/reftests/svg/text/textpath-multiple.svg
new file mode 100644
index 0000000000..417084c455
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-multiple.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+  <defs>
+    <path id="path1" d="M100,100 H300"/>
+    <path id="path2" d="M200,100 H300"/>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <g font-size="50px">
+    <text fill="red"><textPath href="#path1">Text</textPath> <textPath href="#path2">Text</textPath></text>
+    <text fill="lime" stroke="lime" stroke-width="4px"><textPath href="#path1">Text</textPath><textPath href="#path2">Text</textPath></text>
+  </g>
+</svg>
+
+
diff --git a/layout/reftests/svg/text/textpath-ref.svg b/layout/reftests/svg/text/textpath-ref.svg
new file mode 100644
index 0000000000..5bd8d5b9dc
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-ref.svg
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 100,100 h 50 v 200" fill="none" stroke="red" stroke-width="1"/>
+  <g style="font: 30px monospace">
+    <text x="100" y="100">a</text>
+  </g>
+  <script><![CDATA[
+    function put(s, x, y, r) {
+      var e = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      e.setAttribute("x", x);
+      e.setAttribute("y", y);
+      e.setAttribute("rotate", r);
+      e.textContent = s;
+      g.appendChild(e);
+    }
+
+    var s = "a.b.c.d.e.";
+    var text = document.getElementsByTagName("text")[0];
+    var g = text.parentNode;
+    var adv = text.getSubStringLength(0, 1);
+    for (var i = 1; i < s.length; i++) {
+      var x = i * adv;
+      if (x + adv / 2 < 50) {
+        put(s[i], 100 + x, 100, 0);
+      } else {
+        put(s[i], 150, 50 + x, 90);
+      }
+    }
+  ]]></script>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-reset-position-ref.svg b/layout/reftests/svg/text/textpath-reset-position-ref.svg
new file mode 100644
index 0000000000..6dce784958
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-reset-position-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(150,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text x="50">hello <textPath xlink:href="#p"><tspan x="0">there</tspan></textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-reset-position.svg b/layout/reftests/svg/text/textpath-reset-position.svg
new file mode 100644
index 0000000000..2d2181a14e
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-reset-position.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(150,50)" style="font: 32px sans-serif">
+    <path id="p" d="M 100,100 l 100,100"/>
+    <text x="50">hello <textPath xlink:href="#p">there</textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-selection-ref.svg b/layout/reftests/svg/text/textpath-selection-ref.svg
new file mode 100644
index 0000000000..4d06ad0217
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-selection-ref.svg
@@ -0,0 +1,39 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 100,100 h 50 v 200" fill="none" stroke="red" stroke-width="1"/>
+  <g style="font: 30px monospace">
+    <text x="100" y="100">a</text>
+  </g>
+  <script><![CDATA[
+    function put(s, x, y, r) {
+      var e = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      e.setAttribute("x", x);
+      e.setAttribute("y", y);
+      e.setAttribute("rotate", r);
+      e.textContent = s;
+      g.appendChild(e);
+    }
+
+    var s = "a.b.c.d.e.";
+    var text = document.getElementsByTagName("text")[0];
+    var g = text.parentNode;
+    var adv = text.getSubStringLength(0, 1);
+    for (var i = 1; i < s.length; i++) {
+      var x = i * adv;
+      if (x + adv / 2 < 50) {
+        put(s[i], 100 + x, 100, 0);
+      } else {
+        put(s[i], 150, 50 + x, 90);
+      }
+    }
+
+    var lastText = document.getElementsByTagName("text")[s.length - 1];
+    var range = document.createRange();
+    range.setStart(text.firstChild, 1);
+    range.setEnd(lastText.firstChild, 0);
+    window.getSelection().addRange(range);
+  ]]></script>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-selection.svg b/layout/reftests/svg/text/textpath-selection.svg
new file mode 100644
index 0000000000..6e98a9d845
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-selection.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 100,100 h 50 v 200" fill="none" stroke="red" stroke-width="1"/>
+  <text style="font: 30px monospace"><textPath xlink:href="#p">a.b.c.d.e.</textPath></text>
+  <script>
+    var textPath = document.getElementsByTagName("textPath")[0];
+    var range = document.createRange();
+    range.setStart(textPath.firstChild, 1);
+    range.setEnd(textPath.firstChild, 9);
+    window.getSelection().addRange(range);
+  </script>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-vertical-dx-ref.svg b/layout/reftests/svg/text/textpath-vertical-dx-ref.svg
new file mode 100644
index 0000000000..e73812b61e
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-vertical-dx-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    path { stroke: red; }
+    text { writing-mode: vertical-rl; font: 24px sans-serif; }
+  </style>
+  <path id="p" d="M 40,40 v 150"/>
+  <text transform="translate(16, 0)"><textPath xlink:href="#p">中国 China</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-vertical-dx.svg b/layout/reftests/svg/text/textpath-vertical-dx.svg
new file mode 100644
index 0000000000..92657cd3c2
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-vertical-dx.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    path { stroke: red; }
+    text { writing-mode: vertical-rl; font: 24px sans-serif; }
+  </style>
+  <path id="p" d="M 40,40 v 150"/>
+  <text dx="16"><textPath xlink:href="#p">中国 China</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-vertical-x-ref.svg b/layout/reftests/svg/text/textpath-vertical-x-ref.svg
new file mode 100644
index 0000000000..aeb00c2bb9
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-vertical-x-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    path { stroke: red; }
+    text { writing-mode: vertical-rl; font: 24px sans-serif; }
+  </style>
+  <path id="p" d="M 40,40 v 150"/>
+  <text><textPath xlink:href="#p">中国 China</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath-vertical-x.svg b/layout/reftests/svg/text/textpath-vertical-x.svg
new file mode 100644
index 0000000000..c94a6739b1
--- /dev/null
+++ b/layout/reftests/svg/text/textpath-vertical-x.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    path { stroke: red; }
+    text { writing-mode: vertical-rl; font: 24px sans-serif; }
+  </style>
+  <path id="p" d="M 40,40 v 150"/>
+  <text x="16"><textPath xlink:href="#p">中国 China</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/textpath.svg b/layout/reftests/svg/text/textpath.svg
new file mode 100644
index 0000000000..cba2085c9f
--- /dev/null
+++ b/layout/reftests/svg/text/textpath.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path id="p" d="M 100,100 h 50 v 200" fill="none" stroke="red" stroke-width="1"/>
+  <text style="font: 30px monospace"><textPath xlink:href="#p">a.b.c.d.e.</textPath></text>
+</svg>
diff --git a/layout/reftests/svg/text/tspan-shaping-ref.svg b/layout/reftests/svg/text/tspan-shaping-ref.svg
new file mode 100644
index 0000000000..2f10e32dda
--- /dev/null
+++ b/layout/reftests/svg/text/tspan-shaping-ref.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
+  <!-- any font with an "fi" ligature will do, try a few likely names: -->
+  <text x="0" y="50" style="font: 50px Calibri, DejaVu Serif, FreeSerif, Times, serif">
+    <tspan x="20" dy="0">off</tspan>
+    <tspan x="20" dy="50">ice</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/tspan-shaping.svg b/layout/reftests/svg/text/tspan-shaping.svg
new file mode 100644
index 0000000000..3a81bc2da0
--- /dev/null
+++ b/layout/reftests/svg/text/tspan-shaping.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
+  <!-- any font with an "fi" ligature will do, try a few likely names: -->
+  <text x="0" y="50" style="font: 50px Calibri, DejaVu Serif, FreeSerif, Times, serif">
+    <tspan x="20" dy="0">off</tspan><tspan x="20" dy="50">ice</tspan>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/vertical-01-ref.svg b/layout/reftests/svg/text/vertical-01-ref.svg
new file mode 100644
index 0000000000..31989c4265
--- /dev/null
+++ b/layout/reftests/svg/text/vertical-01-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <path id="path" d="M 100, 100 v 200" />
+  </defs>
+  <text style="font: 48px sans-serif" text-rendering="geometricPrecision">
+    <textPath xlink:href="#path">A B C</textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/text/vertical-01.svg b/layout/reftests/svg/text/vertical-01.svg
new file mode 100644
index 0000000000..a5fe02af0a
--- /dev/null
+++ b/layout/reftests/svg/text/vertical-01.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="100" text-rendering="geometricPrecision"
+        writing-mode="vertical-rl" style="text-orientation: sideways-right;font: 48px sans-serif">
+    A B C
+  </text>
+</svg>
diff --git a/layout/reftests/svg/textPath-01-ref.svg b/layout/reftests/svg/textPath-01-ref.svg
new file mode 100644
index 0000000000..711e0fe5aa
--- /dev/null
+++ b/layout/reftests/svg/textPath-01-ref.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference to check that percentage startOffset ignores pathLength</title>
+
+  <defs>
+    <path id="x" d="M 0 100 h 400"/>
+  </defs>
+
+  <text>
+    <textPath xlink:href="#x" font-size="20" fill="black" startOffset="50%">Should see this</textPath>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/textPath-01.svg b/layout/reftests/svg/textPath-01.svg
new file mode 100644
index 0000000000..6543044e67
--- /dev/null
+++ b/layout/reftests/svg/textPath-01.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase to check that percentage startOffset ignores pathLength</title>
+
+  <defs>
+    <path id="x" pathLength="20" d="M 0 100 h 400"/>
+  </defs>
+	
+  <text>
+    <textPath xlink:href="#x" font-size="20" fill="black" startOffset="50%">Should see this</textPath>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/textPath-02.svg b/layout/reftests/svg/textPath-02.svg
new file mode 100644
index 0000000000..c24422a2ad
--- /dev/null
+++ b/layout/reftests/svg/textPath-02.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test effect on startOffset of a scale transform on a textPath's path</title>
+  <defs>
+    <path id="path" d="M20,20 C20,150 150,150 150,20" pathLength="100" transform="scale(2,1)" fill="none" stroke="black"/>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <text y="50">
+    <textPath xlink:href="#path" font-size="20" fill="red" startOffset="50">FAIL</textPath>
+  </text>
+  <rect x="160" y="80" width="100" height="60" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/textPath-03.svg b/layout/reftests/svg/textPath-03.svg
new file mode 100644
index 0000000000..e4c224efc7
--- /dev/null
+++ b/layout/reftests/svg/textPath-03.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test effect on startOffset in em units</title>
+
+  <defs>
+    <path id="p" d="M100,100 h200" stroke="red"/>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <text font-size="50" fill="red">
+      <textPath xlink:href="#p" startOffset="2em">abc</textPath>
+  </text>
+  <text x="100" y="100" dx="2em" font-size="50" stroke-width="4" fill="lime" stroke="lime">abc</text>
+</svg>
diff --git a/layout/reftests/svg/textPath-04.svg b/layout/reftests/svg/textPath-04.svg
new file mode 100644
index 0000000000..fe487bd19d
--- /dev/null
+++ b/layout/reftests/svg/textPath-04.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test effect on display:none on path</title>
+
+  <defs>
+<!--
+    <path id="p" display="none" d="M100,100 h200"/>
+-->
+    <path id="p" d="M100,100 h200"/>
+  </defs>
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <!-- check if something displays, its displayed in the right place -->
+  <text font-size="50" fill="red" transform="translate(0,100)">
+      <textPath xlink:href="#p">abc</textPath>
+  </text>
+  <text x="100" y="200" font-size="50" stroke-width="4" fill="lime" stroke="lime">abc</text>
+
+  <!-- check something displays -->
+  <text x="200" y="200" font-size="50" fill="red">abc</text>
+  <text font-size="50" stroke-width="4" stroke="lime" fill="lime" transform="translate(100,100)">
+      <textPath xlink:href="#p">abc</textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/textPath-05.html b/layout/reftests/svg/textPath-05.html
new file mode 100644
index 0000000000..489a2b842e
--- /dev/null
+++ b/layout/reftests/svg/textPath-05.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html style="background-color: lime;">
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+</head>
+<body>
+    <span style="display:none;"> דניאל גל</span>
+    <svg width="100%" height="100%">
+        <defs>
+            <path id="p" d="M50,50h400"/>
+        </defs>
+        <text fill="lime" font-size="50px">
+            <textPath xlink:href="#p"><tspan>I should be lime</tspan></textPath>
+        </text>
+    </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/textPath-06.svg b/layout/reftests/svg/textPath-06.svg
new file mode 100644
index 0000000000..1cff33a780
--- /dev/null
+++ b/layout/reftests/svg/textPath-06.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <path id="path" d="" />
+  </defs>
+
+  <rect fill="lime" width="100%" height="100%"/>
+
+  <text y="50" font-size="50" fill="red" >
+    <textPath path="">Empty paths should be invisible</textPath>
+  </text>
+
+  <text y="100" font-size="50" fill="red" >
+    <textPath href="#path">Empty paths should be invisible</textPath>
+  </text>
+
+  <text y="150" font-size="50" fill="red" >
+    <textPath>No path at all should be invisible too</textPath>
+  </text>
+</svg>
diff --git a/layout/reftests/svg/textPath-line-01-ref.svg b/layout/reftests/svg/textPath-line-01-ref.svg
new file mode 100644
index 0000000000..cd1fa42591
--- /dev/null
+++ b/layout/reftests/svg/textPath-line-01-ref.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference to check that textPath can point to a line</title>
+
+  <defs>
+    <path id="x" d="M 100 100 h 400"/>
+  </defs>
+
+  <text>
+    <textPath xlink:href="#x" font-size="20" fill="black">Should see this</textPath>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/textPath-line-01.svg b/layout/reftests/svg/textPath-line-01.svg
new file mode 100644
index 0000000000..9fc8571576
--- /dev/null
+++ b/layout/reftests/svg/textPath-line-01.svg
@@ -0,0 +1,16 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase to check that textPath can point to a line</title>
+
+  <defs>
+    <line id="x" x1="100" y1="100" x2="500" y2="100"/>
+  </defs>
+
+  <text>
+    <textPath xlink:href="#x" font-size="20" fill="black">Should see this</textPath>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/textPath-path-attribute-01-ref.svg b/layout/reftests/svg/textPath-path-attribute-01-ref.svg
new file mode 100644
index 0000000000..6c90cf505d
--- /dev/null
+++ b/layout/reftests/svg/textPath-path-attribute-01-ref.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for path attribute on textPath</title>
+
+  <defs>
+    <path id="path" d="M 100 100 h 400"/>
+  </defs>
+
+  <text font-size="20">
+    <textPath href="#path">Text on path with path attribute</textPath>
+  </text>
+
+  <text transform="translate(0,50)" font-size="20">
+    <textPath href="#path">Animate the path attribute into place</textPath>
+  </text>
+
+  <text transform="translate(0,100)" font-size="20">
+    <textPath href="#path">Ensure path is preferred over href</textPath>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/textPath-path-attribute-01.svg b/layout/reftests/svg/textPath-path-attribute-01.svg
new file mode 100644
index 0000000000..8470ee0348
--- /dev/null
+++ b/layout/reftests/svg/textPath-path-attribute-01.svg
@@ -0,0 +1,28 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testcase for path attribute on textPath</title>
+
+  <defs>
+    <path id="path" d="M 100 100 h 400"/>
+  </defs>
+
+  <text font-size="20">
+    <textPath path="M 100 100 h 400">Text on path with path attribute</textPath>
+  </text>
+
+  <text transform="translate(0,50)" font-size="20">
+    <textPath>Animate the path attribute into place
+      <set attributeName="path" to="M 100 100 h 400"/>
+    </textPath>
+  </text>
+
+  <text transform="translate(0,100)" font-size="20">
+    <textPath path="M 400 100 h 400" href="#path">Ensure path is preferred over href
+      <set attributeName="path" to=""/>
+    </textPath>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/textPath-side-attribute-01.svg b/layout/reftests/svg/textPath-side-attribute-01.svg
new file mode 100644
index 0000000000..ac71fd5698
--- /dev/null
+++ b/layout/reftests/svg/textPath-side-attribute-01.svg
@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <path id="path1" d="M100 100 h 300"/>
+    <!-- path2 is drawn in the same place but the opposite direction to path1
+         so using it should give the same result as side="right" -->
+    <path id="path2" d="M400 100 h -300"/>
+  </defs>
+
+  <rect fill="lime" width="100%" height="100%"/>
+
+  <text font-size="30" fill="red">
+    <textPath side="right" href="#path1">Text on a path.</textPath>
+  </text>
+
+  <text font-size="30" fill="lime" stroke="lime" stroke-width="4">
+    <textPath href="#path2">Text on a path.</textPath>
+  </text>
+
+  <text transform="translate(0, 50)" font-size="30" fill="red">
+    <textPath href="#path2">Text on a path.</textPath>
+  </text>
+
+  <text transform="translate(0, 50)" font-size="30" fill="lime" stroke="lime" stroke-width="4">
+    <textPath side="right" href="#path1">Text on a path.</textPath>
+  </text>
+
+  <text transform="translate(0, 100)" font-size="30" fill="red">
+    <textPath href="#path2">Text on a path.</textPath>
+  </text>
+
+  <text transform="translate(0, 100)" font-size="30" fill="lime" stroke="lime" stroke-width="4">
+    <textPath href="#path1">Text on a path.
+      <set attributeName="side" to="right"/>
+    </textPath>
+  </text>
+
+  <text transform="translate(0, 150)" font-size="30" fill="red">
+    <textPath href="#path1">Text on a path.</textPath>
+  </text>
+
+  <text transform="translate(0, 150)" font-size="30" fill="lime" stroke="lime" stroke-width="4">
+    <textPath side="left" href="#path1">Text on a path.</textPath>
+  </text>
+
+</svg>
diff --git a/layout/reftests/svg/thin-stroke-01.svg b/layout/reftests/svg/thin-stroke-01.svg
new file mode 100644
index 0000000000..204bc90a6e
--- /dev/null
+++ b/layout/reftests/svg/thin-stroke-01.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Test for a thin stroke-width render</title>
+ 
+  <rect width="100%" height="100%" fill="lime" stroke="black" stroke-width="0.0001"/>
+</svg>
diff --git a/layout/reftests/svg/transform-animation-on-path-ref.html b/layout/reftests/svg/transform-animation-on-path-ref.html
new file mode 100644
index 0000000000..ecdf155e82
--- /dev/null
+++ b/layout/reftests/svg/transform-animation-on-path-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">
+  <path id="target" d="M .1 .1 H .9 V .9 H .10 L .10 .10"/>
+</svg>
+</html>
diff --git a/layout/reftests/svg/transform-animation-on-path.html b/layout/reftests/svg/transform-animation-on-path.html
new file mode 100644
index 0000000000..065e080a9e
--- /dev/null
+++ b/layout/reftests/svg/transform-animation-on-path.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<style>
+@keyframes anim {
+  from { transform: scale(1); }
+  to { transform: scale(0); }
+}
+</style>
+<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">
+  <path id="target" d="M .1 .1 H .9 V .9 H .10 L .10 .10"/>
+</svg>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s step-end reverse";
+  target.addEventListener("animationstart", () => {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/svg/transform-origin-presentation-01.svg b/layout/reftests/svg/transform-origin-presentation-01.svg
new file mode 100644
index 0000000000..b59fa5f11e
--- /dev/null
+++ b/layout/reftests/svg/transform-origin-presentation-01.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 200 100" preserveAspectRatio="none">
+  <rect width="200" height="100" fill="red"/>
+  <rect width="100" height="200" x="50" y="-50" fill="lime" transform="rotate(90)" transform-origin="center"/>
+</svg>
diff --git a/layout/reftests/svg/transform-outer-svg-01-ref.svg b/layout/reftests/svg/transform-outer-svg-01-ref.svg
new file mode 100644
index 0000000000..e6cc4b49a2
--- /dev/null
+++ b/layout/reftests/svg/transform-outer-svg-01-ref.svg
@@ -0,0 +1,9 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1353697 -->
+  <rect x="75" y="75" width="150" height="150" fill="none" stroke="black" stroke-width="50"/>
+  <rect x="125" y="125" width="50" height="50" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/transform-outer-svg-01.svg b/layout/reftests/svg/transform-outer-svg-01.svg
new file mode 100644
index 0000000000..c4b26c6378
--- /dev/null
+++ b/layout/reftests/svg/transform-outer-svg-01.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+     style="border: 50px solid black;" transform="translate(50,50)">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1353697 -->
+  <title>Test that the 'transform' attribute transforms our border too</title>
+  <rect x="25" y="25" width="50" height="50" fill="blue"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-01.svg b/layout/reftests/svg/tspan-dxdy-01.svg
new file mode 100644
index 0000000000..1113ab95a8
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-01.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor dx/dy attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text dx="50 40 40 0" dy="20 20 40 -20"><tspan>abcdef</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-02.svg b/layout/reftests/svg/tspan-dxdy-02.svg
new file mode 100644
index 0000000000..8f60510288
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-02.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor dx/dy attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text dx="0 40 40 0" dy="20 20 40 -20"><tspan dx="50">abcdef</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-03.svg b/layout/reftests/svg/tspan-dxdy-03.svg
new file mode 100644
index 0000000000..febe8623f1
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-03.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor dx/dy attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text  dx="50 40 40 0" dy="20 20 40 -20"><tspan>a</tspan>bcdef</text>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-04.svg b/layout/reftests/svg/tspan-dxdy-04.svg
new file mode 100644
index 0000000000..f8a2e2ad25
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-04.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor dx/dy attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text dx="50 0 40 0" dy="20 0 0 -20">a<tspan dx="40" dy="20 40 40">bc</tspan>def</text>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-05.svg b/layout/reftests/svg/tspan-dxdy-05.svg
new file mode 100644
index 0000000000..205c71f62e
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-05.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text dx="50 40 40 0" dy="20 20 40 -20"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-06.svg b/layout/reftests/svg/tspan-dxdy-06.svg
new file mode 100644
index 0000000000..57eb0c6481
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-06.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text dx="50 40 40 0" dy="20 20 40 -20">abc<tspan>def</tspan></text>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-ref.svg b/layout/reftests/svg/tspan-dxdy-ref.svg
new file mode 100644
index 0000000000..543866c47b
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-ref.svg
@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for tspan with ancestor dx/dy attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text dx="50 40 40 0" dy="20 20 40 -20">abcdef</text>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-textPath-01-ref.svg b/layout/reftests/svg/tspan-dxdy-textPath-01-ref.svg
new file mode 100644
index 0000000000..940554855a
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-textPath-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for tspan with ancestor dx/dy attributes and textPath</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <defs>
+    <path id="path" d="M 50 20 l 100 10 l 100 -10" fill="none" stroke="black"/>
+  </defs>
+  <g>
+    <use xlink:href="#path"/>
+    <text><textPath xlink:href="#path"><tspan dx="10 20 10" dy="-10 10 15 -15">abcdef</tspan></textPath></text>
+  </g>
+  <g transform="translate(0, 50)">
+    <use xlink:href="#path"/>
+    <text><textPath xlink:href="#path" startOffset="33%"><tspan dx="10 20 10" dy="-10 10 15 -15">abcdef</tspan></textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/tspan-dxdy-textPath-01.svg b/layout/reftests/svg/tspan-dxdy-textPath-01.svg
new file mode 100644
index 0000000000..40eb331c38
--- /dev/null
+++ b/layout/reftests/svg/tspan-dxdy-textPath-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor dx/dy attributes and textPath</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <defs>
+    <path id="path" d="M 50 20 l 100 10 l 100 -10" fill="none" stroke="black"/>
+  </defs>
+  <g>
+    <use xlink:href="#path"/>
+    <text dx="10 20 10" dy="-10 10 15 -15"><textPath xlink:href="#path"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></textPath></text>
+  </g>
+  <g transform="translate(0, 50)">
+    <use xlink:href="#path"/>
+    <text dx="10 20 10" dy="-10 10 15 -15"><textPath xlink:href="#path" startOffset="33%"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-01.svg b/layout/reftests/svg/tspan-rotate-01.svg
new file mode 100644
index 0000000000..8f13b29881
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="90 45 -45 180"><tspan>abcdef</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-02-ref.svg b/layout/reftests/svg/tspan-rotate-02-ref.svg
new file mode 100644
index 0000000000..54160f3236
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-02-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="90 90 90 90 90">abcdef</text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-02.svg b/layout/reftests/svg/tspan-rotate-02.svg
new file mode 100644
index 0000000000..63b479f99e
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-02.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="0 45 -45 180"><tspan rotate="90">abcdef</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-03.svg b/layout/reftests/svg/tspan-rotate-03.svg
new file mode 100644
index 0000000000..77edefece0
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-03.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="90 45 -45 180"><tspan>a</tspan>bcdef</text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-04-ref.svg b/layout/reftests/svg/tspan-rotate-04-ref.svg
new file mode 100644
index 0000000000..700b85dfb5
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-04-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="90 45 45 180 180 180">abcdef</text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-04.svg b/layout/reftests/svg/tspan-rotate-04.svg
new file mode 100644
index 0000000000..b817ab1547
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-04.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="90 0 -45 180">a<tspan rotate="45">bc</tspan>def</text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-05.svg b/layout/reftests/svg/tspan-rotate-05.svg
new file mode 100644
index 0000000000..562b3f8c3a
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-05.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="90 45 -45 180"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-06.svg b/layout/reftests/svg/tspan-rotate-06.svg
new file mode 100644
index 0000000000..5bece763e8
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-06.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" rotate="90 45 -45 180">abc<tspan>def</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-07-ref.svg b/layout/reftests/svg/tspan-rotate-07-ref.svg
new file mode 100644
index 0000000000..5494cda6c2
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-07-ref.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=862158 -->
+  <text x="100" y="100" style="font: 32px sans-serif" rotate="45 0">A B</text>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-07.svg b/layout/reftests/svg/tspan-rotate-07.svg
new file mode 100644
index 0000000000..83b1dbdde1
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-07.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=862158 -->
+  <text x="100" y="100" style="font: 32px sans-serif"><tspan rotate="45">A </tspan>B</text>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-ref.svg b/layout/reftests/svg/tspan-rotate-ref.svg
new file mode 100644
index 0000000000..1f2d213426
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for tspan with ancestor rotate attribute</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text rotate="90 45 -45 180" x="50 100 150" y="20 40 80 60">abcdef</text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-textPath-01-ref.svg b/layout/reftests/svg/tspan-rotate-textPath-01-ref.svg
new file mode 100644
index 0000000000..02234fb470
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-textPath-01-ref.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute and textPath</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <defs>
+    <path id="path" d="M 50 20 l 50 10 l 50 -10" fill="none" stroke="black"/>
+  </defs>
+  <g>
+    <use xlink:href="#path"/>
+    <text><textPath xlink:href="#path"><tspan rotate="90 45 -45 180 180 180">abcdef</tspan></textPath></text>
+  </g>
+  <g transform="translate(0, 50)">
+    <use xlink:href="#path"/>
+    <text><textPath xlink:href="#path" startOffset="33%"><tspan rotate="90 45 -45 180 180 180">abcdef</tspan></textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/tspan-rotate-textPath-01.svg b/layout/reftests/svg/tspan-rotate-textPath-01.svg
new file mode 100644
index 0000000000..0b4a63cab2
--- /dev/null
+++ b/layout/reftests/svg/tspan-rotate-textPath-01.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor rotate attribute and textPath</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <defs>
+    <path id="path" d="M 50 20 l 50 10 l 50 -10" fill="none" stroke="black"/>
+  </defs>
+  <g>
+    <use xlink:href="#path"/>
+    <text rotate="90 45 -45 180"><textPath xlink:href="#path"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></textPath></text>
+  </g>
+  <g transform="translate(0, 50)">
+    <use xlink:href="#path"/>
+    <text rotate="90 45 -45 180"><textPath xlink:href="#path" startOffset="33%"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></textPath></text>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-01.svg b/layout/reftests/svg/tspan-xy-01.svg
new file mode 100644
index 0000000000..1951b2746e
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60"><tspan>abcdef</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-02.svg b/layout/reftests/svg/tspan-xy-02.svg
new file mode 100644
index 0000000000..41125214a4
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-02.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="100 100 150" y="20 40 80 60"><tspan x="50">abcdef</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-03.svg b/layout/reftests/svg/tspan-xy-03.svg
new file mode 100644
index 0000000000..07605288dd
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-03.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60"><tspan>a</tspan>bcdef</text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-04.svg b/layout/reftests/svg/tspan-xy-04.svg
new file mode 100644
index 0000000000..09d0b018dc
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-04.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 0 150" y="20 0 0 60">a<tspan x="100" y="40 80 100">bc</tspan>def</text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-05.svg b/layout/reftests/svg/tspan-xy-05.svg
new file mode 100644
index 0000000000..a4a065578c
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-05.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-06.svg b/layout/reftests/svg/tspan-xy-06.svg
new file mode 100644
index 0000000000..cad1e47b01
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-06.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60">abc<tspan>def</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid"/>
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-anchor-end-01.svg b/layout/reftests/svg/tspan-xy-anchor-end-01.svg
new file mode 100644
index 0000000000..0937f69829
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-anchor-end-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" text-anchor="end"><tspan>abcdef</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid" />
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-anchor-end-ref.svg b/layout/reftests/svg/tspan-xy-anchor-end-ref.svg
new file mode 100644
index 0000000000..34f8c60e41
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-anchor-end-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" text-anchor="end">abcdef</text>
+  <use xlink:href="tspan-xy-ref.svg#grid" />
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-anchor-middle-01.svg b/layout/reftests/svg/tspan-xy-anchor-middle-01.svg
new file mode 100644
index 0000000000..a692acd596
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-anchor-middle-01.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" text-anchor="middle"><tspan>abcdef</tspan></text>
+  <use xlink:href="tspan-xy-ref.svg#grid" />
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-anchor-middle-ref.svg b/layout/reftests/svg/tspan-xy-anchor-middle-ref.svg
new file mode 100644
index 0000000000..616787fc01
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-anchor-middle-ref.svg
@@ -0,0 +1,11 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60" text-anchor="middle">abcdef</text>
+  <use xlink:href="tspan-xy-ref.svg#grid" />
+</svg>
diff --git a/layout/reftests/svg/tspan-xy-ref.svg b/layout/reftests/svg/tspan-xy-ref.svg
new file mode 100644
index 0000000000..28c2b040d8
--- /dev/null
+++ b/layout/reftests/svg/tspan-xy-ref.svg
@@ -0,0 +1,23 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for tspan with ancestor x/y attributes</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
+  <text x="50 100 150" y="20 40 80 60">abcdef</text>
+
+  <g id="grid">
+    <line x1="10" y1="20" x2="200" y2="20" stroke="black"/>
+    <line x1="50" y1="10" x2="50" y2="100" stroke="black"/>
+
+    <line x1="10" y1="40" x2="200" y2="40" stroke="black"/>
+    <line x1="100" y1="10" x2="100" y2="100" stroke="black"/>
+
+    <line x1="10" y1="80" x2="200" y2="80" stroke="black"/>
+    <line x1="150" y1="10" x2="150" y2="100" stroke="black"/>
+
+    <line x1="10" y1="60" x2="200" y2="60" stroke="black"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/use-01-extref-resource.svg b/layout/reftests/svg/use-01-extref-resource.svg
new file mode 100644
index 0000000000..b3484478d2
--- /dev/null
+++ b/layout/reftests/svg/use-01-extref-resource.svg
@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="g3">
+    <rect width="11%" height="100%" fill="lime" id="r1"/>
+  </g>
+  <g id="g4">
+    <rect width="11%" height="100%" fill="lime"/>
+    <use x="10%" xlink:href="#r1"/>
+    <use x="20%" xlink:href="use-01-extref.svg#r2"/>
+    <use x="10%" xlink:href="use-01-extref.svg#g1"/>
+  </g>
+  <g id="g5">
+    <use xlink:href="#r1"/>
+    <use x="-60%" xlink:href="use-01-extref.svg#g2"/>
+  </g>
+  <g id="g6">
+    <use xlink:href="#r1"/>
+    <use x="10%" xlink:href="#g7"/>
+  </g>
+  <g id="g7">
+    <use xlink:href="#g6"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/use-01-extref.svg b/layout/reftests/svg/use-01-extref.svg
new file mode 100644
index 0000000000..8a2c0a68a7
--- /dev/null
+++ b/layout/reftests/svg/use-01-extref.svg
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that dynamic changes to the element for a given ID are reflected in 'use'</title>
+
+  <use x="10%" xlink:href="use-01-extref-resource.svg#r1"/>
+
+  <g id="g1">
+    <use x="20%" xlink:href="use-01-extref-resource.svg#g3"/>
+  </g>
+
+  <use x="30%" xlink:href="use-01-extref-resource.svg#g4"/>
+
+  <g id="g2">
+    <use x="70%" xlink:href="use-01-extref-resource.svg#g5"/>
+  </g>
+
+  <use x="80%" xlink:href="use-01-extref-resource.svg#g6"/>
+
+  <rect width="11%" height="100%" fill="lime" id="r2"/>
+</svg>
diff --git a/layout/reftests/svg/use-01.svg b/layout/reftests/svg/use-01.svg
new file mode 100644
index 0000000000..9f92754186
--- /dev/null
+++ b/layout/reftests/svg/use-01.svg
@@ -0,0 +1,25 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that 'use' with zero width/height is not displayed</title>
+  <defs>
+    <symbol id="red">
+      <rect width="100" height="100" fill="red"/>
+    </symbol>
+    <symbol id="lime">
+      <rect width="100" height="100" fill="lime"/>
+    </symbol>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  
+  <!-- zero width/height pointing at symbol should disable -->
+  <use x="0" y="0" width="0" xlink:href="#red"/>
+  <use x="150" y="0" height="0" xlink:href="#red"/>
+  
+  <rect x="0" y="150" width="100" height="100" fill="red"/>
+  <!-- no width/height specified should display though -->
+  <use x="0" y="150" xlink:href="#lime"/>
+</svg>
diff --git a/layout/reftests/svg/use-02-extref-ref.svg b/layout/reftests/svg/use-02-extref-ref.svg
new file mode 100644
index 0000000000..c5b0d6c6cd
--- /dev/null
+++ b/layout/reftests/svg/use-02-extref-ref.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g id="testContent" color="forestgreen">
+    <defs>
+      <linearGradient id="linearGrad" gradientUnits="objectBoundingBox" y1="0" x1="0" y2="1" x2="1">
+      	<stop offset="0%" stop-color="royalblue"/>
+      	<stop offset="33%" stop-color="white"/>
+      	<stop offset="50%" stop-color="darkblue"/>
+      	<stop offset="66%" stop-color="white"/>
+      	<stop offset="100%" stop-color="royalblue"/>
+      </linearGradient>
+
+      <radialGradient id="radialGrad" gradientUnits="objectBoundingBox" cx="0.5" cy="0.5" r="0.5" fx="0.15" fy="0.15">
+      	<stop offset="000%" stop-color="orange" />
+      	<stop offset="033%" stop-color="red"    />
+      	<stop offset="050%" stop-color="gold"   />
+      	<stop offset="066%" stop-color="red"    />
+      	<stop offset="100%" stop-color="orange" />
+      </radialGradient>
+    </defs>
+
+    <rect x="0" y="0" width="200" height="125" stroke="none"
+	  fill="url(#linearGrad)"/>
+    <rect x="200" y="0" width="200" height="125" stroke="none"
+	  fill="currentColor"/>
+    <rect x="0" y="125" width="200" height="125" stroke="none"
+	  fill="currentColor"/>
+    <rect x="200" y="125" width="200" height="125" stroke="none" fill="url(#radialGrad)" />
+  </g>
+</svg>
diff --git a/layout/reftests/svg/use-02-extref-resource.svg b/layout/reftests/svg/use-02-extref-resource.svg
new file mode 100644
index 0000000000..005ad6373e
--- /dev/null
+++ b/layout/reftests/svg/use-02-extref-resource.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g color="ghostwhite">
+    <defs>
+      <linearGradient id="linearGrad1" gradientUnits="objectBoundingBox" y1="0" x1="0" y2="1" x2="1" >
+        <stop offset="000%" stop-color="orange" />
+        <stop offset="033%" stop-color="red"    />
+        <stop offset="050%" stop-color="gold"   />
+        <stop offset="066%" stop-color="red"    />
+        <stop offset="100%" stop-color="orange" />
+      </linearGradient>
+
+      <radialGradient id="radialGrad1" gradientUnits="objectBoundingBox" cx="0.5" cy="0.5" r="0.5" fx="0.15" fy="0.15" >
+        <stop offset="000%" stop-color="orange" />
+        <stop offset="033%" stop-color="red"    />
+        <stop offset="050%" stop-color="gold"   />
+        <stop offset="066%" stop-color="red"    />
+        <stop offset="100%" stop-color="orange" />
+      </radialGradient>
+    </defs>
+
+    <g>
+      <g id="foreign">
+        <foreignObject x="0" y="0" width="100" height="100">
+          <p xmlns="http://www.w3.org/1999/xhtml">Foo</p>
+        </foreignObject>
+      </g>
+      <rect id="rect1" x="0" y="0" width="200" height="125" stroke="none" />
+      <rect id="rect2" x="200" y="0" width="200" height="125" stroke="none" />
+      <rect id="rect3" x="0" y="125" width="200" height="125" stroke="none" fill="currentColor"/>
+      <rect id="rect4" x="200" y="125" width="200" height="125" stroke="none" fill="url(#radialGrad1)" />
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/use-02-extref.svg b/layout/reftests/svg/use-02-extref.svg
new file mode 100644
index 0000000000..9dc7a5c770
--- /dev/null
+++ b/layout/reftests/svg/use-02-extref.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g color="forestgreen">
+    <defs>
+      <linearGradient id="linearGrad1" gradientUnits="objectBoundingBox" y1="0" x1="0" y2="1" x2="1">
+      	<stop offset="0%" stop-color="royalblue"/>
+      	<stop offset="33%" stop-color="white"/>
+      	<stop offset="50%" stop-color="darkblue"/>
+      	<stop offset="66%" stop-color="white"/>
+      	<stop offset="100%" stop-color="royalblue"/>
+      </linearGradient>
+
+      <radialGradient id="radialGrad1" gradientUnits="objectBoundingBox" cx="0.5" cy="0.5" r="0.5" fx="0.15" fy="0.15">
+      	<stop offset="00%" stop-color="royalblue"/>
+      	<stop offset="33%" stop-color="white"/>
+      	<stop offset="50%" stop-color="darkblue"/>
+      	<stop offset="66%" stop-color="white"/>
+      	<stop offset="100%" stop-color="royalblue"/>
+      </radialGradient>
+    </defs>
+
+    <use xlink:href="use-02-extref-resource.svg#rect1" fill="url(#linearGrad1)"/>
+    <use xlink:href="use-02-extref-resource.svg#rect2" fill="currentColor"/>
+    <use xlink:href="use-02-extref-resource.svg#rect3"/>
+    <use xlink:href="use-02-extref-resource.svg#rect4"/>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/use-02.svg b/layout/reftests/svg/use-02.svg
new file mode 100644
index 0000000000..5ebaed85dc
--- /dev/null
+++ b/layout/reftests/svg/use-02.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Testing that 'use' with zero width/height is displayed when
+         not referencing svg or symbol elements</title>
+  <defs>
+    <rect id="to-cover" x="2" y="2" height="96" width="96" fill="red"/>
+    <rect id="r" x="0" y="0" height="100" width="100" fill="lime"/>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <use href="#to-cover"/>
+  <use x="110" href="#to-cover"/>
+  <use y="110" href="#to-cover"/>
+
+  <use href="#r" width="0" height="0" />
+  <use x="110" href="#r" width="0" />
+  <use y="110" href="#r" height="0" />
+</svg>
diff --git a/layout/reftests/svg/use-children.svg b/layout/reftests/svg/use-children.svg
new file mode 100644
index 0000000000..f0b04e3163
--- /dev/null
+++ b/layout/reftests/svg/use-children.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing that 'use' doesn't render its kids.</title>
+
+  <rect width="100%" height="100%" fill="lime" id="r1"/>
+  <use id="u2" x="0%" width="100%">
+    <rect width="100%" height="100%" fill="red" id="r2"/>
+  </use>
+</svg>
diff --git a/layout/reftests/svg/use-element-shadow-tree-rule-matching.html b/layout/reftests/svg/use-element-shadow-tree-rule-matching.html
new file mode 100644
index 0000000000..e73c910939
--- /dev/null
+++ b/layout/reftests/svg/use-element-shadow-tree-rule-matching.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<style type="text/css">
+  div {
+    width: 100px;
+    height:100px;
+    position: fixed;
+  }
+
+  /* #outer is in main DOM, circle instance in use-element shadow DOM,
+     should not match this rule for cloned circle instance. */
+  #outer circle {
+	  stroke: red;
+	  fill: red;
+	  stroke-width: 4px;
+  }
+
+  /* div is in main DOM, rect instance in use-element shadow DOM.
+     should not match this rule for cloned rect instance. */
+  div rect {
+	  stroke: red;
+	  fill: red;
+	  stroke-width: 4px;
+  }
+
+  /* use element is host of shadow tree, not part of it. This rule should
+     not match any elements in the use-element shadow tree. */
+  use > rect, use > circle {
+    stroke: red;
+    fill: red;
+    stroke-width: 4px;
+  }
+
+  /* A cloned symbol instance inside an use-element shadow tree should match
+     rules of symbol tag, instead of svg tag. */
+  svg {
+    fill: red;
+  }
+  symbol {
+    fill: lime;
+  }
+</style>
+
+<body style="background-color: lime;">
+
+<svg>
+  <defs>
+    <circle id="circle" cx="25" cy="25" r="25" />
+    <rect id="rect" width="100" height="100"/>
+    <symbol id="symbol">
+      <circle cx="25" cy="25" r="25" />
+    </symbol>
+  </defs>
+
+  <g id="outer">
+    <use xlink:href="#circle" fill="lime" width="50" height="50" />
+  </g>
+</svg>
+
+<div style="left: 0px; top: 10px;">
+  <svg>
+    <use xlink:href="#rect" fill="lime" width="50" height="50" />
+  </svg>
+</div>
+
+<div style="left: 110px; top: 10px;">
+  <svg>
+    <use xlink:href="#symbol" fill="lime" width="50" height="50" />
+  </svg>
+</div>
+
+<div style="left: 220px; top: 10px;">
+  <svg>
+    <use xlink:href="#symbol" width="50" height="50" />
+  </svg>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/svg/use-extref-dataURI-01.svg b/layout/reftests/svg/use-extref-dataURI-01.svg
new file mode 100644
index 0000000000..3274a21264
--- /dev/null
+++ b/layout/reftests/svg/use-extref-dataURI-01.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>
+    Testcase for bug 686013: &lt;use&gt; targeting a fragment in a data URI
+  </title>
+  <rect fill="red" height="100%" width="100%"/>
+  <use xlink:href="data:image/svg+xml,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect id='target' height='100%' width='100%' fill='lime'/&gt;&lt;rect height='100%' width='100%' fill='orange'/&gt;&lt;/svg&gt;#target"/>
+</svg>
diff --git a/layout/reftests/svg/use-image-01.svg b/layout/reftests/svg/use-image-01.svg
new file mode 100644
index 0000000000..a49d15411d
--- /dev/null
+++ b/layout/reftests/svg/use-image-01.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="100%" height="100%" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0" />
+</pattern>
+<image id="image0" width="100%" height="100%" xlink:href="pass.svg"/>
+</defs>
+</svg>
+
diff --git a/layout/reftests/svg/use-localRef-clipPath-01-ref.svg b/layout/reftests/svg/use-localRef-clipPath-01-ref.svg
new file mode 100644
index 0000000000..8383a720ea
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-clipPath-01-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for clipPath linked to local-ref URL</title>
+  <defs>
+    <clipPath id="clip1">
+      <circle cx="50" cy="50" r="50"/>
+    </clipPath>
+    <clipPath id="clip2">
+      <circle cx="50" cy="150" r="50"/>
+    </clipPath>
+    <clipPath id="clip3">
+      <circle cx="50" cy="250" r="50"/>
+    </clipPath>
+  </defs>
+  <rect x="0" y="0" width="100" height="100" fill="blue" clip-path="url(#clip1)"/>
+  <rect x="0" y="100" width="100" height="100" fill="blue" clip-path="url(#clip2)"/>
+  <rect x="0" y="200" width="100" height="100" fill="blue" clip-path="url(#clip3)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-clipPath-01.svg b/layout/reftests/svg/use-localRef-clipPath-01.svg
new file mode 100644
index 0000000000..5bc697608a
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-clipPath-01.svg
@@ -0,0 +1,23 @@
+<?xml-stylesheet href="use-localRef.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for clipPath linked to local-ref URL</title>
+  <defs>
+    <clipPath id="circleClip1">
+      <circle cx="50" cy="50" r="0"/>
+    </clipPath>
+    <clipPath id="circleClip2">
+      <circle cx="50" cy="150" r="50"/>
+    </clipPath>
+    <clipPath id="circleClip3">
+      <circle cx="50" cy="250" r="50"/>
+    </clipPath>
+  </defs>
+  <style>
+    #cp3 {
+      clip-path: url(#circleClip3);
+    }
+  </style>
+  <use xlink:href="use-localRef-clipPath-resource.svg#cp1"/>
+  <use xlink:href="use-localRef-clipPath-resource.svg#cp2" clip-path="url(#circleClip2)"/>
+  <use xlink:href="use-localRef-clipPath-resource.svg#cp3"/>
+</svg>
diff --git a/layout/reftests/svg/use-localRef-clipPath-resource.svg b/layout/reftests/svg/use-localRef-clipPath-resource.svg
new file mode 100644
index 0000000000..96e2d1095a
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-clipPath-resource.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <clipPath id="circleClip1">
+      <circle cx="50" cy="50" r="50"/>
+    </clipPath>
+    <clipPath id="circleClip2">
+      <circle cx="50" cy="150" r="0"/>
+    </clipPath>
+    <clipPath id="circleClip3">
+      <circle cx="50" cy="250" r="0"/>
+    </clipPath>
+  </defs>
+  <rect id="cp1" x="0" y="0" width="100" height="100" fill="blue" clip-path="url(#circleClip1)"/>
+  <rect id="cp2" x="0" y="100" width="100" height="100" fill="blue"/>
+  <rect id="cp3" x="0" y="200" width="100" height="100" fill="blue"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-fill-01-ref.svg b/layout/reftests/svg/use-localRef-fill-01-ref.svg
new file mode 100644
index 0000000000..407e0a78c1
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-fill-01-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for fill linked to local-ref URL</title>
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect x="10" y="10" width="80" height="80" fill="url(#gradient1)"/>
+  <rect x="10" y="110" width="80" height="80" fill="url(#gradient1)"/>
+  <rect x="10" y="210" width="80" height="80" fill="url(#gradient1)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-fill-01.svg b/layout/reftests/svg/use-localRef-fill-01.svg
new file mode 100644
index 0000000000..d8f9c7c6eb
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-fill-01.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for fill linked to local-ref URL</title>
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient2">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient3">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <style>
+    #fill3 {
+      fill: url(#gradient3);
+    }
+  </style>
+  <use xlink:href="use-localRef-fill-resource.svg#fill1"/>
+  <use xlink:href="use-localRef-fill-resource.svg#fill2" fill="url(#gradient2)"/>
+  <use xlink:href="use-localRef-fill-resource.svg#fill3"/>
+</svg>
diff --git a/layout/reftests/svg/use-localRef-fill-resource.svg b/layout/reftests/svg/use-localRef-fill-resource.svg
new file mode 100644
index 0000000000..4771a77d92
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-fill-resource.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient2">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient3">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect id="fill1" x="10" y="10" width="80" height="80" fill="url(#gradient1)"/>
+  <rect id="fill2" x="10" y="110" width="80" height="80"/>
+  <rect id="fill3" x="10" y="210" width="80" height="80"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-filter-01-ref.svg b/layout/reftests/svg/use-localRef-filter-01-ref.svg
new file mode 100644
index 0000000000..aedde40006
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-filter-01-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for filter linked to local-ref URL</title>
+  <defs>
+    <filter id="blurFilter" x="-10" y="-10" width="100" height="100">
+        <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+  </defs>
+  <rect x="10" y="10" width="80" height="80" fill="blue" filter="url(#blurFilter)"/>
+  <rect x="10" y="110" width="80" height="80" fill="blue" filter="url(#blurFilter)"/>
+  <rect x="10" y="210" width="80" height="80" fill="blue" filter="url(#blurFilter)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-filter-01.svg b/layout/reftests/svg/use-localRef-filter-01.svg
new file mode 100644
index 0000000000..aad16794b0
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-filter-01.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for filter linked to local-ref URL</title>
+  <defs>
+    <filter id="blurFilter1" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="0" />
+    </filter>
+    <filter id="blurFilter2" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+    <filter id="blurFilter3" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+  </defs>
+  <style>
+    #f3 {
+      filter: url(#blurFilter3);
+    }
+  </style>
+  <use xlink:href="use-localRef-filter-resource.svg#f1"/>
+  <use xlink:href="use-localRef-filter-resource.svg#f2" filter="url(#blurFilter2)"/>
+  <use xlink:href="use-localRef-filter-resource.svg#f3"/>
+</svg>
diff --git a/layout/reftests/svg/use-localRef-filter-resource.svg b/layout/reftests/svg/use-localRef-filter-resource.svg
new file mode 100644
index 0000000000..55c05a4ad4
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-filter-resource.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <filter id="blurFilter1" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+    <filter id="blurFilter2" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="0" />
+    </filter>
+    <filter id="blurFilter3" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="0" />
+    </filter>
+  </defs>
+  <rect id="f1" x="10" y="10" width="80" height="80" fill="blue" filter="url(#blurFilter1)"/>
+  <rect id="f2" x="10" y="110" width="80" height="80" fill="blue"/>
+  <rect id="f3" x="10" y="210" width="80" height="80" fill="blue"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-link.html b/layout/reftests/svg/use-localRef-link.html
new file mode 100644
index 0000000000..6f6d6feeb3
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-link.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<base href="/test">
+</head>
+<body style="background-color: lime;">
+  <svg width="100" height="100">
+    <defs>
+      <rect id="a" x="0" y="0" width="50" height="50" fill="lime"/>
+    </defs>
+    <rect x="0" y="0" width="50" height="50" fill="red"/>
+    <use xlink:href="#a"/>
+  </svg>
+</body>
+</html>
+
diff --git a/layout/reftests/svg/use-localRef-marker-01-ref.svg b/layout/reftests/svg/use-localRef-marker-01-ref.svg
new file mode 100644
index 0000000000..fdfca07335
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-marker-01-ref.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for marker linked to local-ref URL</title>
+  <defs>
+    <marker id="limeCircle" markerWidth="8" markerHeight="8" refX="5" refY="5">
+      <circle cx="5" cy="5" r="2" style="stroke: none; fill:lime;"/>
+    </marker>
+     <marker id="blueCircle" markerWidth="8" markerHeight="8" refX="5" refY="5">
+      <circle cx="5" cy="5" r="2" style="stroke: none; fill:blue;"/>
+    </marker>
+    <marker id="purpleCircle" markerWidth="8" markerHeight="8" refX="5" refY="5">
+      <circle cx="5" cy="5" r="2" style="stroke: none; fill:purple;"/>
+    </marker>
+  </defs>
+  <style>
+    path {
+      stroke: blue;
+      stroke-width: 2px;
+    }
+  </style>
+  <path d="M20,20 L70,20 L120,20" style="marker-start: url(#limeCircle);"/>
+  <path d="M20,40 L70,40 L120,40" style="marker-start: url(#blueCircle);"/>
+  <path d="M20,60 L70,60 L120,60" style="marker-start: url(#blueCircle);"/>
+  <path d="M20,80 L70,80 L120,80" style="marker-mid: url(#limeCircle);"/>
+  <path d="M20,100 L70,100 L120,100" style="marker-mid: url(#blueCircle);"/>
+  <path d="M20,120 L70,120 L120,120" style="marker-mid: url(#blueCircle);"/>
+  <path d="M20,140 L70,140 L120,140" style="marker-end: url(#limeCircle);"/>
+  <path d="M20,160 L70,160 L120,160" style="marker-end: url(#blueCircle);"/>
+  <path d="M20,180 L70,180 L120,180" style="marker-end: url(#blueCircle);"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-marker-01.svg b/layout/reftests/svg/use-localRef-marker-01.svg
new file mode 100644
index 0000000000..643f9687f7
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-marker-01.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for marker linked to local-ref URL</title>
+  <defs>
+    <marker id="circleMarker" markerWidth="8" markerHeight="8" refX="5" refY="5">
+      <circle cx="5" cy="5" r="2" style="stroke: none; fill:blue;"/>
+    </marker>
+  </defs>
+  <style>
+    #markerA3 {
+      marker-start: url(#circleMarker);
+    }
+    #markerB3 {
+      marker-mid: url(#circleMarker);
+    }
+    #markerC3 {
+      marker-end: url(#circleMarker);
+    }
+  </style>
+  <use xlink:href="use-localRef-marker-resource.svg#markerA1"/>
+  <use xlink:href="use-localRef-marker-resource.svg#markerA2" style="marker-start: url(#circleMarker);"/>
+  <use xlink:href="use-localRef-marker-resource.svg#markerA3"/>
+
+  <use xlink:href="use-localRef-marker-resource.svg#markerB1"/>
+  <use xlink:href="use-localRef-marker-resource.svg#markerB2" style="marker-mid: url(#circleMarker);"/>
+  <use xlink:href="use-localRef-marker-resource.svg#markerB3"/>
+
+  <use xlink:href="use-localRef-marker-resource.svg#markerC1"/>
+  <use xlink:href="use-localRef-marker-resource.svg#markerC2" style="marker-end: url(#circleMarker);"/>
+  <use xlink:href="use-localRef-marker-resource.svg#markerC3"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-marker-resource.svg b/layout/reftests/svg/use-localRef-marker-resource.svg
new file mode 100644
index 0000000000..2586abeb6f
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-marker-resource.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <marker id="circleMarker" markerWidth="8" markerHeight="8" refX="5" refY="5">
+      <circle cx="5" cy="5" r="2" style="stroke: none; fill:lime;"/>
+    </marker>
+  </defs>
+  <path id="markerA1" d="M20,20 L70,20 L120,20" style="stroke: blue; stroke-width: 2px; marker-start: url(#circleMarker);"/>
+  <path id="markerA2" d="M20,40 L70,40 L120,40" style="stroke: blue; stroke-width: 2px;"/>
+  <path id="markerA3" d="M20,60 L70,60 L120,60" style="stroke: blue; stroke-width: 2px;"/>
+
+  <path id="markerB1" d="M20,80 L70,80 L120,80" style="stroke: blue; stroke-width: 2px; marker-mid: url(#circleMarker);"/>
+  <path id="markerB2" d="M20,100 L70,100 L120,100" style="stroke: blue; stroke-width: 2px;"/>
+  <path id="markerB3" d="M20,120 L70,120 L120,120" style="stroke: blue; stroke-width: 2px;"/>
+
+  <path id="markerC1" d="M20,140 L70,140 L120,140" style="stroke: blue; stroke-width: 2px; marker-end: url(#circleMarker);"/>
+  <path id="markerC2" d="M20,160 L70,160 L120,160" style="stroke: blue; stroke-width: 2px;"/>
+  <path id="markerC3" d="M20,180 L70,180 L120,180" style="stroke: blue; stroke-width: 2px;;"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-mask-01-ref.svg b/layout/reftests/svg/use-localRef-mask-01-ref.svg
new file mode 100644
index 0000000000..2eeba09464
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-mask-01-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for mask linked to local-ref URL</title>
+  <defs>
+    <mask id="circleMask1" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="50" r="40" style="stroke:none; fill: #ffffff"/>
+    </mask>
+    <mask id="circleMask2" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="150" r="40" style="stroke:none; fill: #ffffff"/>
+    </mask>
+    <mask id="circleMask3" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="250" r="40" style="stroke:none; fill: #ffffff"/>
+    </mask>
+  </defs>
+  <rect id="mask1" x="10" y="10" width="80" height="80" fill="blue" mask="url(#circleMask1)"/>
+  <rect id="mask2" x="10" y="110" width="80" fill="blue" height="80" mask="url(#circleMask2)"/>
+  <rect id="mask3" x="10" y="210" width="80" fill="blue" height="80" mask="url(#circleMask3)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-mask-01.svg b/layout/reftests/svg/use-localRef-mask-01.svg
new file mode 100644
index 0000000000..fa524e9f9c
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-mask-01.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for mask linked to local-ref URL</title>
+  <defs>
+    <mask id="circleMask1" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="50" r="0" style="stroke:none; fill: #ffffff"/>
+    </mask>
+    <mask id="circleMask2" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="150" r="40" style="stroke:none; fill: #ffffff"/>
+    </mask>
+    <mask id="circleMask3" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="250" r="40" style="stroke:none; fill: #ffffff"/>
+    </mask>
+  </defs>
+  <style>
+    #mask3 {
+      mask: url(#circleMask3);
+    }
+  </style>
+  <use xlink:href="use-localRef-mask-resource.svg#mask1"/>
+  <use xlink:href="use-localRef-mask-resource.svg#mask2" mask="url(#circleMask2)"/>
+  <use xlink:href="use-localRef-mask-resource.svg#mask3"/>
+</svg>
diff --git a/layout/reftests/svg/use-localRef-mask-resource.svg b/layout/reftests/svg/use-localRef-mask-resource.svg
new file mode 100644
index 0000000000..49d7b6cc4a
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-mask-resource.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <mask id="circleMask1" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="50" r="40" style="stroke:none; fill: #ffffff"/>
+    </mask>
+    <mask id="circleMask2" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="150" r="0" style="stroke:none; fill: #ffffff"/>
+    </mask>
+    <mask id="circleMask3" x="0" y="0" width="100" height="100" >
+      <circle cx="50" cy="250" r="0" style="stroke:none; fill: #ffffff"/>
+    </mask>
+  </defs>
+  <rect id="mask1" x="10" y="10" width="80" height="80" fill="blue" mask="url(#circleMask1)"/>
+  <rect id="mask2" x="10" y="110" width="80" fill="blue" height="80"/>
+  <rect id="mask3" x="10" y="210" width="80" fill="blue" height="80"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-stroke-01-ref.svg b/layout/reftests/svg/use-localRef-stroke-01-ref.svg
new file mode 100644
index 0000000000..ce7695684e
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-stroke-01-ref.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for stroke linked to local-ref URL</title>
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect x="10" y="10" width="80" height="80" stroke-width="5" fill="white" stroke="url(#gradient1)"/>
+  <rect x="10" y="110" width="80" height="80" stroke-width="5" fill="white" stroke="url(#gradient1)"/>
+  <rect x="10" y="210" width="80" height="80" stroke-width="5" fill="white" stroke="url(#gradient1)"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-localRef-stroke-01.svg b/layout/reftests/svg/use-localRef-stroke-01.svg
new file mode 100644
index 0000000000..1e8e3e5922
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-stroke-01.svg
@@ -0,0 +1,26 @@
+<?xml-stylesheet href="use-localRef.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for stroke linked to local-ref URL</title>
+  <defs>
+      <linearGradient id="gradient1">
+        <stop offset="0%" stop-color="blue"/>
+        <stop offset="100%" stop-color="blue"/>
+      </linearGradient>
+      <linearGradient id="gradient2">
+        <stop offset="0%" stop-color="white"/>
+        <stop offset="100%" stop-color="blue"/>
+      </linearGradient>
+      <linearGradient id="gradient3">
+        <stop offset="0%" stop-color="white"/>
+        <stop offset="100%" stop-color="blue"/>
+      </linearGradient>
+  </defs>
+  <style>
+    #stroke3 {
+      stroke: url(#gradient3);
+    }
+  </style>
+  <use xlink:href="use-localRef-stroke-resource.svg#stroke1"/>
+  <use xlink:href="use-localRef-stroke-resource.svg#stroke2" stroke="url(#gradient2)"/>
+  <use xlink:href="use-localRef-stroke-resource.svg#stroke3"/>
+</svg>
diff --git a/layout/reftests/svg/use-localRef-stroke-resource.svg b/layout/reftests/svg/use-localRef-stroke-resource.svg
new file mode 100644
index 0000000000..e78b95dc56
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-stroke-resource.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient2">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient3">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect id="stroke1" x="10" y="10" width="80" height="80" fill="white" stroke-width="5" stroke="url(#gradient1)"/>
+  <rect id="stroke2" x="10" y="110" width="80" height="80" fill="white" stroke-width="5" />
+  <rect id="stroke3" x="10" y="210" width="80" height="80" fill="white" stroke-width="5" />
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/svg/use-restrictions-not-restricted-ref.svg b/layout/reftests/svg/use-restrictions-not-restricted-ref.svg
new file mode 100644
index 0000000000..524bc7c8c9
--- /dev/null
+++ b/layout/reftests/svg/use-restrictions-not-restricted-ref.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g color="green">
+    <foreignObject x="0" y="0" width="100" height="100">
+      <p xmlns="http://www.w3.org/1999/xhtml">Foo</p>
+    </foreignObject>
+    <foreignObject x="100" y="0" width="100" height="100">
+      <p xmlns="http://www.w3.org/1999/xhtml">Foo</p>
+    </foreignObject>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/use-restrictions.svg b/layout/reftests/svg/use-restrictions.svg
new file mode 100644
index 0000000000..8cadeb6be2
--- /dev/null
+++ b/layout/reftests/svg/use-restrictions.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <g id="foreign">
+      <foreignObject x="100" y="0" width="100" height="100">
+        <p xmlns="http://www.w3.org/1999/xhtml">Foo</p>
+      </foreignObject>
+    </g>
+  </defs>
+  <g color="green">
+    <use href="use-02-extref-resource.svg#foreign" />
+    <use href="#foreign" />
+  </g>
+</svg>
diff --git a/layout/reftests/svg/userSpaceOnUse-and-pattern-01-ref.svg b/layout/reftests/svg/userSpaceOnUse-and-pattern-01-ref.svg
new file mode 100644
index 0000000000..03315272d4
--- /dev/null
+++ b/layout/reftests/svg/userSpaceOnUse-and-pattern-01-ref.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
+
+  <title>Reference for elements referencing an userSpaceOnUse pattern</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=521759 -->
+
+  <defs>
+    <pattern id="test" patternUnits="userSpaceOnUse" width="100" height="100" viewBox="0 0 10 10">
+      <rect x="0" y="0" width="10" height="10" fill="lime" />
+    </pattern>
+  </defs>
+  <rect x="20" y="20" width="100" height="100" fill="url(#test)" />
+</svg>
diff --git a/layout/reftests/svg/userSpaceOnUse-and-pattern-01.svg b/layout/reftests/svg/userSpaceOnUse-and-pattern-01.svg
new file mode 100644
index 0000000000..11638e0b1e
--- /dev/null
+++ b/layout/reftests/svg/userSpaceOnUse-and-pattern-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
+
+  <title>Testcase for elements referencing an userSpaceOnUse pattern</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=521759 -->
+
+  <defs>
+    <pattern id="test" patternUnits="userSpaceOnUse" width="20%" height="20%" viewBox="0 0 10 10">
+      <rect x="0" y="0" width="10" height="10" fill="lime" />
+    </pattern>
+  </defs>
+  <rect x="20" y="20" width="100" height="100" fill="red" />
+  <rect x="20" y="20" width="100" height="100" fill="url(#test)" />
+</svg>
diff --git a/layout/reftests/svg/viewBox-and-pattern-01.svg b/layout/reftests/svg/viewBox-and-pattern-01.svg
new file mode 100644
index 0000000000..065d77a315
--- /dev/null
+++ b/layout/reftests/svg/viewBox-and-pattern-01.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+
+  <title>Testcase for elements referencing a viewBox pattern</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=519368 -->
+
+  <defs>
+    <pattern id="test" patternUnits="userSpaceOnUse" x="10" y="10" width="20" height="20" viewBox="10 10 10 10">
+      <rect x="10" y="10" width="10" height="10" fill="lime" />
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="lime" />
+  <rect x="20" y="20" width="100" height="100" fill="red" />
+  <rect x="20" y="20" width="100" height="100" fill="url(#test)" />
+</svg>
diff --git a/layout/reftests/svg/viewBox-and-pattern-02.svg b/layout/reftests/svg/viewBox-and-pattern-02.svg
new file mode 100644
index 0000000000..43f50b9d5a
--- /dev/null
+++ b/layout/reftests/svg/viewBox-and-pattern-02.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+
+  <title>Testcase for elements referencing a viewBox pattern</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773467 -->
+
+  <defs>
+    <pattern id="test" x="10" y="10" width="20" height="20" viewBox="10 10 10 10"
+             patternContentUnits="userSpaceOnUse">
+      <rect x="10" y="10" width="10" height="10" fill="lime" />
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="lime" />
+  <rect x="20" y="20" width="100" height="100" fill="red" />
+  <rect x="20" y="20" width="100" height="100" fill="url(#test)" />
+</svg>
diff --git a/layout/reftests/svg/viewBox-and-pattern-03.svg b/layout/reftests/svg/viewBox-and-pattern-03.svg
new file mode 100644
index 0000000000..d671f59ab2
--- /dev/null
+++ b/layout/reftests/svg/viewBox-and-pattern-03.svg
@@ -0,0 +1,19 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+
+  <title>Testcase for elements referencing a viewBox pattern</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773467 -->
+
+  <defs>
+    <pattern id="test" width="1" height="2" viewBox="0 0 10 10" patternUnits="userSpaceOnUse">
+      <rect y="-3" width="10" height="5" fill="lime" />
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="lime" />
+  <rect transform="scale(10)" x=".2" y=".2" width="1" height="0.5" fill="red" />
+  <rect transform="scale(10)" x=".2" y=".2" width="1" height="0.5" fill="url(#test)" />
+</svg>
diff --git a/layout/reftests/svg/viewBox-and-pattern-04.svg b/layout/reftests/svg/viewBox-and-pattern-04.svg
new file mode 100644
index 0000000000..8963bb9366
--- /dev/null
+++ b/layout/reftests/svg/viewBox-and-pattern-04.svg
@@ -0,0 +1,17 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="p2"
+             height="1" width="1"
+             viewBox="0 0 10 10"
+             preserveAspectRatio="xMidYMid meet">
+      <circle cx="5" cy="5" r="5px" fill="red"/>
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <rect width="300" height="100" fill="url(#p2)"/>
+  <rect x="100" width="100" height="100" fill="lime"/>
+</svg>
diff --git a/layout/reftests/svg/viewBox-and-symbol-01.svg b/layout/reftests/svg/viewBox-and-symbol-01.svg
new file mode 100644
index 0000000000..5c8ebf7bc3
--- /dev/null
+++ b/layout/reftests/svg/viewBox-and-symbol-01.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <symbol id="mySymbol" viewBox="0 0 20 20">
+      <rect fill="lime" x="50%" height="20px" width="3%"/>
+    </symbol>
+  </defs>
+  <rect width="100%" height="100%" fill="lime"/>
+  <svg viewBox="0 0 20 20">
+    <rect fill="red" x="50%" height="20px" width="2%"/>
+  </svg>
+  <svg>
+    <use href="#mySymbol"/>
+  </svg>
+</svg>
diff --git a/layout/reftests/svg/viewBox-invalid-01.svg b/layout/reftests/svg/viewBox-invalid-01.svg
new file mode 100644
index 0000000000..f9239afb03
--- /dev/null
+++ b/layout/reftests/svg/viewBox-invalid-01.svg
@@ -0,0 +1,127 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing invalid values for |viewBox| attribute</title>
+  <defs>
+    <rect id="redRect"  fill="red"  height="10" width="10"/>
+    <rect id="limeRect" fill="lime" height="10" width="10"/>
+  </defs>
+  <rect fill="lime" height="100%" width="100%"/>
+
+  <!-- SUMMARY: Each <svg> subdocument below has an invalid viewBox. If we
+       honor the invalid viewBox (ignoring typos), that will make us scale
+       the <use>'d redRect to appear larger than the limeRect, and we'll have
+       some red showing (and we'll fail the test). -->
+
+  <!-- First row: Initial comma(s) -->
+  <g transform="translate(0, 0)">
+    <g transform="translate(0, 0)">
+      <svg width="20" height="20" viewBox=",0,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(40, 0)">
+      <svg width="20" height="20" viewBox=",,0,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(80, 0)">
+      <svg width="20" height="20" viewBox=", ,0,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(120, 0)">
+      <svg width="20" height="20" viewBox=", 0,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(160, 0)">
+      <svg width="20" height="20" viewBox=",,, 0,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+  </g>
+  <!-- Second row: Trailing comma(s) -->
+  <g transform="translate(0, 40)">
+    <g transform="translate(0, 0)">
+      <svg width="20" height="20" viewBox="0,0,1,1,">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(40, 0)">
+      <svg width="20" height="20" viewBox="0,0,1,1 ,">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(80, 0)">
+      <svg width="20" height="20" viewBox="0,0,1,1,,">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(120, 0)">
+      <svg width="20" height="20" viewBox="0,0,1,1, ,">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(160, 0)">
+      <svg width="20" height="20" viewBox="0,0,1,1 ,,,">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+  </g>
+  <!-- Third row: Repeated commas in the middle -->
+  <g transform="translate(0, 80)">
+    <g transform="translate(0, 0)">
+      <svg width="20" height="20" viewBox="0,,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(40, 0)">
+      <svg width="20" height="20" viewBox="0,,,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(80, 0)">
+      <svg width="20" height="20" viewBox="0, ,0,1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(120, 0)">
+      <svg width="20" height="20" viewBox="0 0,, 1,1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(160, 0)">
+      <svg width="20" height="20" viewBox="0 0,,1 1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+  </g>
+  <!-- Fourth row: wrong number of values -->
+  <g transform="translate(0, 120)">
+    <g transform="translate(0, 0)">
+      <svg width="20" height="20" viewBox="">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(40, 0)">
+      <svg width="20" height="20" viewBox="0">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(80, 0)">
+      <svg width="20" height="20" viewBox="0 0">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(120, 0)">
+      <svg width="20" height="20" viewBox="0 0 1">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+    <g transform="translate(160, 0)">
+      <svg width="20" height="20" viewBox="0 0 1 1 1 ">
+        <use xlink:href="#redRect"/>
+      </svg><use xlink:href="#limeRect"/>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/viewBox-invalid-02.svg b/layout/reftests/svg/viewBox-invalid-02.svg
new file mode 100644
index 0000000000..8463d9859c
--- /dev/null
+++ b/layout/reftests/svg/viewBox-invalid-02.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing invalid values for |viewBox| attributes</title>
+  <defs>
+    <rect id="redRect"  fill="red"  height="10" width="10"/>
+    <rect id="limeRect" fill="lime" height="10" width="10"/>
+  </defs>
+  <rect fill="lime" height="100%" width="100%"/>
+
+  <g transform="translate(0, 0)">
+    <use xlink:href="#redRect"/>
+    <!-- negative width/height in viewBox should ignore entire attribute -->
+    <svg width="20" height="20" viewBox="0,0,0,-1">
+      <use xlink:href="#limeRect"/>
+    </svg>
+  </g>
+  <g transform="translate(20, 0)">
+    <use xlink:href="#redRect"/>
+    <!-- negative width/height in viewBox should ignore entire attribute -->
+    <svg width="20" height="20" viewBox="0,0,-1,0">
+      <use xlink:href="#limeRect"/>
+    </svg>
+  </g>
+  <g transform="translate(40, 0)">
+    <use xlink:href="#limeRect"/>
+    <!-- zero width/height in viewBox should render nothing -->
+    <svg width="20" height="20" viewBox="0,0,0,20">
+      <use xlink:href="#redRect"/>
+    </svg>
+  </g>
+  <g transform="translate(60, 0)">
+    <use xlink:href="#limeRect"/>
+    <!-- zero width/height in viewBox should render nothing -->
+    <svg width="20" height="20" viewBox="0,0,20,0">
+      <use xlink:href="#redRect"/>
+    </svg>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/viewBox-valid-01.svg b/layout/reftests/svg/viewBox-valid-01.svg
new file mode 100644
index 0000000000..38ee208889
--- /dev/null
+++ b/layout/reftests/svg/viewBox-valid-01.svg
@@ -0,0 +1,96 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testing valid values for |viewBox| attribute</title>
+  <defs>
+    <rect id="redRect"  fill="red"  height="20" width="20"/>
+    <rect id="limeRect" fill="lime" height="10" width="10"/>
+  </defs>
+  <rect fill="lime" height="100%" width="100%"/>
+
+  <!-- SUMMARY: Each <svg> subdocument below has a valid viewBox.  If we honor
+       the valid viewBox (ignoring typos), that will make us scale the <use>'d
+       limeRect to appear as big as than the redRect, and we'll have no red
+       showing (and we'll pass the test). -->
+
+  <!-- First row: no commas at all -->
+  <g transform="translate(0, 0)">
+    <g transform="translate(0, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0 0 10 10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(40, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox=" 0 0 10 10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(80, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0 0 10 10 ">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(120, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="  0   0    10     10      ">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+  </g>
+  <!-- Second row: some commas -->
+  <g transform="translate(0, 40)">
+    <g transform="translate(0, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0,0 10 10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(40, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0 0,10 10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(80, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0 0 10,10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(120, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0,0,10,10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+  </g>
+  <!-- Third row: commas & whitespace mixed -->
+  <g transform="translate(0, 80)">
+    <g transform="translate(0, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0,  0 10 10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(40, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0 0  ,  10 10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(80, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="0 0 10   ,10">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+    <g transform="translate(120, 0)">
+      <use xlink:href="#redRect"/>
+      <svg width="20" height="20" viewBox="  0  ,0,  10,10  ">
+        <use xlink:href="#limeRect"/>
+      </svg>
+    </g>
+  </g>
+</svg>
diff --git a/layout/reftests/svg/viewBox-valid-02.xhtml b/layout/reftests/svg/viewBox-valid-02.xhtml
new file mode 100644
index 0000000000..b6c8551b2e
--- /dev/null
+++ b/layout/reftests/svg/viewBox-valid-02.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test viewBox translating out-of-viewport rect into viewport</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773450 -->
+  <style>
+
+div, svg {
+  display: block;
+  position: absolute;
+  width: 100px;
+  height: 100px; 
+}
+
+  </style>
+</head>
+<body bgcolor="lime">
+  <div style="background:red;"/>
+  <svg viewBox="100 0 100 100" xmlns="http://www.w3.org/2000/svg">
+    <rect x="100" y="0" width="100" height="100" fill="lime"/>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/svg/viewport-percent-graphic-user-01.svg b/layout/reftests/svg/viewport-percent-graphic-user-01.svg
new file mode 100644
index 0000000000..808888b459
--- /dev/null
+++ b/layout/reftests/svg/viewport-percent-graphic-user-01.svg
@@ -0,0 +1,15 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+     width="100%" height="100%">
+
+  <title>Testcase for percentage units on viewport and user units on graphic</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=367352 -->
+
+  <rect width="100%" height="100%" fill="red"/>
+  <rect width="32767" height="32767" fill="lime"/>
+
+</svg>
diff --git a/layout/reftests/svg/winding-01.svg b/layout/reftests/svg/winding-01.svg
new file mode 100644
index 0000000000..a8651ef705
--- /dev/null
+++ b/layout/reftests/svg/winding-01.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <title>Testcase for path with evenodd winding</title>
+  
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=786216 -->
+
+  <rect width="100%" height="100%" fill="lime"/>
+
+  <path fill-rule="evenodd" fill="red" d="M100,100 l 50,0 0,50 -50,0 0,-50 50,0 0,50 -50,0 0,-50z"/>
+
+</svg>
diff --git a/layout/reftests/svg/zero-stroke-01.svg b/layout/reftests/svg/zero-stroke-01.svg
new file mode 100644
index 0000000000..6d2392c348
--- /dev/null
+++ b/layout/reftests/svg/zero-stroke-01.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+    <title>Testcase for stroke-width="0"</title>
+
+    <rect width="100%" height="100%" fill="lime"/>
+    <text font-size="50" fill="lime" x="100" y="100" stroke="red" stroke-width="0">should not see this</text>
+
+</svg>
diff --git a/layout/reftests/tab-size/reftest.list b/layout/reftests/tab-size/reftest.list
new file mode 100644
index 0000000000..8307a654bc
--- /dev/null
+++ b/layout/reftests/tab-size/reftest.list
@@ -0,0 +1,12 @@
+== tab-size-8.html            tab-size-initial.html
+== tab-size-8.html            spaces-8.html
+== tab-size-4.html            spaces-4.html
+== tab-size-4-span.html       spaces-4.html
+== tab-size-4-spanoffset.html spaces-4-offset.html
+== tab-size-4-multiple.html   spaces-4-multiple.html
+== tab-size-1.html            spaces-1.html
+== tab-size-0.html            spaces-0.html
+== tab-size-negative.html     tab-size-initial.html
+== tab-size-change-1a.html     tab-size-change-1-ref.html
+== tab-size-change-1b.html     tab-size-change-1-ref.html
+fuzzy-if(winWidget,0-100,0-1000) == tab-size-length.html       tab-size-length-ref.html
diff --git a/layout/reftests/tab-size/spaces-0.html b/layout/reftests/tab-size/spaces-0.html
new file mode 100644
index 0000000000..188cb6af86
--- /dev/null
+++ b/layout/reftests/tab-size/spaces-0.html
@@ -0,0 +1 @@
+<pre>AX</pre>
diff --git a/layout/reftests/tab-size/spaces-1.html b/layout/reftests/tab-size/spaces-1.html
new file mode 100644
index 0000000000..488e943b3e
--- /dev/null
+++ b/layout/reftests/tab-size/spaces-1.html
@@ -0,0 +1 @@
+<pre>A X</pre>
diff --git a/layout/reftests/tab-size/spaces-4-multiple.html b/layout/reftests/tab-size/spaces-4-multiple.html
new file mode 100644
index 0000000000..070a9f7717
--- /dev/null
+++ b/layout/reftests/tab-size/spaces-4-multiple.html
@@ -0,0 +1 @@
+<pre>A   XYZ MNO</pre>
diff --git a/layout/reftests/tab-size/spaces-4-offset.html b/layout/reftests/tab-size/spaces-4-offset.html
new file mode 100644
index 0000000000..0aea1aaa7c
--- /dev/null
+++ b/layout/reftests/tab-size/spaces-4-offset.html
@@ -0,0 +1,6 @@
+<pre>123456B Z
+1234567B    Z
+12345678B   Z
+123456789B  Z
+1234567890B Z
+12345678901B    Z</pre>
diff --git a/layout/reftests/tab-size/spaces-4.html b/layout/reftests/tab-size/spaces-4.html
new file mode 100644
index 0000000000..ae32ea0142
--- /dev/null
+++ b/layout/reftests/tab-size/spaces-4.html
@@ -0,0 +1 @@
+<pre>A   X</pre>
diff --git a/layout/reftests/tab-size/spaces-8.html b/layout/reftests/tab-size/spaces-8.html
new file mode 100644
index 0000000000..383983423e
--- /dev/null
+++ b/layout/reftests/tab-size/spaces-8.html
@@ -0,0 +1 @@
+<pre>A       X</pre>
diff --git a/layout/reftests/tab-size/tab-size-0.html b/layout/reftests/tab-size/tab-size-0.html
new file mode 100644
index 0000000000..59e0661a1e
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-0.html
@@ -0,0 +1,2 @@
+<!-- this test will never insert a space -->
+<pre style="-moz-tab-size: 0">A&#9;X</pre>
diff --git a/layout/reftests/tab-size/tab-size-1.html b/layout/reftests/tab-size/tab-size-1.html
new file mode 100644
index 0000000000..ddeef47c3d
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-1.html
@@ -0,0 +1,2 @@
+<!-- this test will always insert a space -->
+<pre style="-moz-tab-size: 1">A&#9;X</pre>
diff --git a/layout/reftests/tab-size/tab-size-4-multiple.html b/layout/reftests/tab-size/tab-size-4-multiple.html
new file mode 100644
index 0000000000..db8d04c671
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-4-multiple.html
@@ -0,0 +1 @@
+<pre style="-moz-tab-size: 4">A&#9;XYZ&#9;MNO</pre>
diff --git a/layout/reftests/tab-size/tab-size-4-span.html b/layout/reftests/tab-size/tab-size-4-span.html
new file mode 100644
index 0000000000..a07a679a36
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-4-span.html
@@ -0,0 +1 @@
+<pre><span style="-moz-tab-size: 4">A&#9;X</span></pre>
diff --git a/layout/reftests/tab-size/tab-size-4-spanoffset.html b/layout/reftests/tab-size/tab-size-4-spanoffset.html
new file mode 100644
index 0000000000..cf7a53815a
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-4-spanoffset.html
@@ -0,0 +1,6 @@
+<pre>123456<span style="-moz-tab-size: 4">B&#9;Z</span>
+1234567<span style="-moz-tab-size: 4">B&#9;Z</span>
+12345678<span style="-moz-tab-size: 4">B&#9;Z</span>
+123456789<span style="-moz-tab-size: 4">B&#9;Z</span>
+1234567890<span style="-moz-tab-size: 4">B&#9;Z</span>
+12345678901<span style="-moz-tab-size: 4">B&#9;Z</span></pre>
diff --git a/layout/reftests/tab-size/tab-size-4.html b/layout/reftests/tab-size/tab-size-4.html
new file mode 100644
index 0000000000..6d744e8a9c
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-4.html
@@ -0,0 +1 @@
+<pre style="-moz-tab-size: 4">A&#9;X</pre>
diff --git a/layout/reftests/tab-size/tab-size-8.html b/layout/reftests/tab-size/tab-size-8.html
new file mode 100644
index 0000000000..3e0dd49711
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-8.html
@@ -0,0 +1 @@
+<pre style="-moz-tab-size: 8">A&#9;X</pre>
diff --git a/layout/reftests/tab-size/tab-size-change-1-ref.html b/layout/reftests/tab-size/tab-size-change-1-ref.html
new file mode 100644
index 0000000000..12cfdd39af
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-change-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+  font-family: serif;
+  padding: 2px;
+}
+span {
+  padding: 2px;
+}
+</style>
+</head>
+<body>
+<div style="white-space: pre">
+<span>one</span>&#9;<span>two</span>&#9;<span>three</span>&#9;<span>four</span>&#9;<span>five</span>
+<span>six</span>&#9;<span>seven</span>&#9;<span>eight</span>&#9;<span>nine</span>&#9;<span>ten</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/tab-size/tab-size-change-1a.html b/layout/reftests/tab-size/tab-size-change-1a.html
new file mode 100644
index 0000000000..4531a04230
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-change-1a.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+  font-family: serif;
+  padding: 2px;
+}
+span {
+  padding: 2px;
+}
+.a {
+  -moz-tab-size: 16;
+}
+</style>
+<script type="text/javascript">
+function do_test() {
+  var elem = document.getElementById("test");
+  elem.removeAttribute('class');
+  document.documentElement.removeAttribute('class');
+};
+document.addEventListener("MozReftestInvalidate", do_test);
+</script>
+</head>
+<!-- test for modification of tab widths, see comment at
+     https://bugzilla.mozilla.org/show_bug.cgi?id=631035#c38 -->
+<body>
+<div style="white-space: pre" id="test" class="a">
+<span>one</span>&#9;<span>two</span>&#9;<span>three</span>&#9;<span>four</span>&#9;<span>five</span>
+<span>six</span>&#9;<span>seven</span>&#9;<span>eight</span>&#9;<span>nine</span>&#9;<span>ten</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/tab-size/tab-size-change-1b.html b/layout/reftests/tab-size/tab-size-change-1b.html
new file mode 100644
index 0000000000..56c2166fe4
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-change-1b.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+body {
+  font-family: serif;
+  padding: 2px;
+}
+span {
+  padding: 2px;
+}
+</style>
+<script type="text/javascript">
+function do_test() {
+  var elems = ["one","two","three","four","five","six","seven","eight","nine","ten"];
+  for (key in elems) {
+    var e = document.getElementById(elems[key]);
+    e.innerHTML = elems[key];
+  }
+  document.documentElement.removeAttribute('class');
+};
+document.addEventListener("MozReftestInvalidate", do_test);
+</script>
+</head>
+<!-- Test for modification of text with preformatted tabs, see
+     https://bugzilla.mozilla.org/show_bug.cgi?id=631035#c38.
+     In the first line, the tabs remain at the same offsets but widths will change;
+     in the second line, their offsets will also change. -->
+<body>
+<div style="white-space: pre">
+<span id="one">iii</span>&#9;<span id="two">iii</span>&#9;<span id="three">mmmmm</span>&#9;<span id="four">mmmm</span>&#9;<span id="five">mmmm</span>
+<span id="six">x</span>&#9;<span id="seven">x</span>&#9;<span id="eight">x</span>&#9;<span id="nine">x</span>&#9;<span id="ten">x</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/tab-size/tab-size-initial.html b/layout/reftests/tab-size/tab-size-initial.html
new file mode 100644
index 0000000000..e8682d3993
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-initial.html
@@ -0,0 +1 @@
+<pre>A&#9;X</pre>
diff --git a/layout/reftests/tab-size/tab-size-length-ref.html b/layout/reftests/tab-size/tab-size-length-ref.html
new file mode 100644
index 0000000000..cd013b40ea
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-length-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+    <title>CSS Test: Testing the layout of TAB characters with various 'tab-size' length values</title>
+    <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+    <link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property">
+
+    <meta charset="utf-8">
+    <style type="text/css">
+
+        @font-face {
+            font-family:Ahem; src:url(../fonts/Ahem.ttf);
+        }
+        * {
+            font:20px/20px Ahem;
+        }
+        html,body {
+            color:black; background-color:white;
+        }
+
+        tab { display:inline-block; }
+        #t1 tab { width:40px; } /* tab-size:20px (valid) */
+        #t2 tab { width:50px; } /* tab-size:50px (valid) */
+        #t3 tab { width:40px; } /* tab-size:2ch (valid) */
+        #t4 tab { width:60px; } /* tab-size:3em (valid) */
+        #t5 tab { width:50px; } /* tab-size:calc(10px + 2em) (valid) */
+        #t6 tab { width:40px; } /* tab-size:calc(2em) (valid) */
+        #t7 tab { width:50px; } /* tab-size:calc(3.5 - 1) (valid) */
+        #t8 tab { width:32px; } /* tab-size:0.8ch (valid) */
+        #t9 tab { width:20px; } /* tab-size:0px (valid) */
+        #t10 tab { width:20px; } /* tab-size:calc(-2em) (valid, but clamped to zero) */
+        #t11 tab { width:20px; } /* tab-size:calc(1px - 2px) (valid, but clamped to zero) */
+        #t12 tab { width:20px; } /* tab-size:calc(-2.5) (valid, but clamped to zero) */
+        #t13 tab { width:160px; } /* tab-size:-2em (invalid, rule ignored, falls back to initial value 8) */
+        #t14 tab { width:160px; } /* tab-size:100% (invalid, rule ignored, falls back to initial value 8) */
+        #t15 tab { width:160px; } /* tab-size:calc(10% + 2em) (invalid, rule ignored, falls back to initial value 8) */
+        #t16 tab { width:20px; } /* tab-size:0 (valid) */
+        #t17 tab { width:20px; } /* tab-size:0.0 (valid) */
+        #t18 tab { width:40px; } /* tab-size:1 (valid) */
+        #t19 tab { width:60px; } /* tab-size:3 (valid) */
+        #t20 tab { width:68px; } /* tab-size:3.4 (valid) */
+        #t21 tab { width:160px; } /* tab-size:-1.5 (invalid, rule ignored, falls back to initial value 8) */
+
+    </style>
+</head>
+<body>
+
+<pre id="t1"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t2"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t3"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t4"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t5"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t6"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t7"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t8"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t9"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t10"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t11"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t12"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t13"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t14"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t15"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t16"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t17"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t18"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t19"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t20"><tab>A</tab><tab>B</tab>C</pre>
+<pre id="t21"><tab>A</tab><tab>B</tab>C</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/tab-size/tab-size-length.html b/layout/reftests/tab-size/tab-size-length.html
new file mode 100644
index 0000000000..5d39892419
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-length.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+    <title>CSS Test: Testing the layout of TAB characters with various 'tab-size' length values</title>
+    <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+    <link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property">
+    <link rel="match" href="tab-size-length-ref.html">
+
+    <meta charset="utf-8">
+    <style type="text/css">
+
+        @font-face {
+            font-family:Ahem; src:url(../fonts/Ahem.ttf);
+        }
+        * {
+            font:20px/20px Ahem;
+        }
+        html,body {
+            color:black; background-color:white;
+        }
+
+    </style>
+</head>
+<body>
+
+<pre style="-moz-tab-size: 20px">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 50px">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 2ch">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 3em">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: calc(10px + 2em)">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: calc(2em)">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: calc(3.5 - 1)">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 0.8ch">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 0px">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: calc(-2em)">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: calc(1px - 2px)">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: calc(-2.5)">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: -2em">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 100%">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: calc(10% + 2em)">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 0">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 0.0">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 1">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 3">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: 3.4">A&#9;B&#9;C</pre>
+<pre style="-moz-tab-size: -1.5">A&#9;B&#9;C</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/tab-size/tab-size-negative.html b/layout/reftests/tab-size/tab-size-negative.html
new file mode 100644
index 0000000000..3b80154411
--- /dev/null
+++ b/layout/reftests/tab-size/tab-size-negative.html
@@ -0,0 +1 @@
+<pre style="-moz-tab-size: -4">A&#9;X</pre>
diff --git a/layout/reftests/table-anonymous-boxes/121142-1-ref.html b/layout/reftests/table-anonymous-boxes/121142-1-ref.html
new file mode 100644
index 0000000000..c1767f47b4
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/121142-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+      <tr>
+        <td>Cell 1</td>
+        <td>Cell 2</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/121142-1a.html b/layout/reftests/table-anonymous-boxes/121142-1a.html
new file mode 100644
index 0000000000..a9cf7b9239
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/121142-1a.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <span style="display:table">
+      <span style="display: table-row-group">
+        <span style="display: table-row">
+          <span style="display: table-cell">
+            Cell 1
+          </span>
+          <script type="text/javascript">document.body.offsetWidth</script>
+          <span style="display: table-cell">
+            Cell 2
+          </span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/121142-1b.html b/layout/reftests/table-anonymous-boxes/121142-1b.html
new file mode 100644
index 0000000000..823986de87
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/121142-1b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <span style="display:table">
+      <span style="display: table-cell">
+        Cell 1
+      </span>
+      <script type="text/javascript">document.body.offsetWidth</script>
+      <span style="display: table-cell">
+        Cell 2
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/121142-2-ref.html b/layout/reftests/table-anonymous-boxes/121142-2-ref.html
new file mode 100644
index 0000000000..7e4c8af5d9
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/121142-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+      <tr>
+        <td>Cell 1 Cell 2</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/121142-2.html b/layout/reftests/table-anonymous-boxes/121142-2.html
new file mode 100644
index 0000000000..6c314b9fca
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/121142-2.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <span style="display:table">
+      Cell 1
+      <script type="text/javascript">document.body.offsetWidth</script>
+      Cell 2
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/156888-1-ref.html b/layout/reftests/table-anonymous-boxes/156888-1-ref.html
new file mode 100644
index 0000000000..b3bd86b498
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/156888-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table border="5">
+      <tr>
+        <td>Row 1</td>
+      </tr>
+      <tr>
+        <td>Row 2</td>
+      </tr>
+      <tr>
+        <td>Row 3</td>
+      </tr>
+      <tr>
+        <td style="display: inline">Row 4</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/156888-1.html b/layout/reftests/table-anonymous-boxes/156888-1.html
new file mode 100644
index 0000000000..b6e278457a
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/156888-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script language="javascript">
+      function toggleRow(rowId)
+      {
+        var r = document.getElementById(rowId);
+        if (r.style.display == "none")
+          r.style.display = "inline";
+        else
+          r.style.display = "none";
+      }
+
+      function doTest() {
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <table border="5">
+      <tr>
+        <td>Row 1</td>
+      </tr>
+      <tr>
+        <td>Row 2</td>
+      </tr>
+      <tr>
+        <td>Row 3</td>
+      </tr>
+      <tr>
+        <td id="row4" style="display: none">Row 4</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/156888-2-ref.html b/layout/reftests/table-anonymous-boxes/156888-2-ref.html
new file mode 100644
index 0000000000..5a3c5cfebc
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/156888-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table border="5">
+      <tr>
+        <td>Row 1</td>
+      </tr>
+      <tr>
+        <td>Row 2</td>
+      </tr>
+      <tr>
+        <td>Row 3</td>
+      </tr>
+      <tr style="display: inline">
+        <td>Row 4</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/156888-2.html b/layout/reftests/table-anonymous-boxes/156888-2.html
new file mode 100644
index 0000000000..c654cd9ea7
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/156888-2.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script language="javascript">
+      function toggleRow(rowId)
+      {
+        var r = document.getElementById(rowId);
+        if (r.style.display == "none")
+          r.style.display = "inline";
+        else
+          r.style.display = "none";
+      }
+
+      function doTest() {
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+        document.body.offsetWidth;
+        toggleRow('row4');
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <table border="5">
+      <tr>
+        <td>Row 1</td>
+      </tr>
+      <tr>
+        <td>Row 2</td>
+      </tr>
+      <tr>
+        <td>Row 3</td>
+      </tr>
+      <tr id="row4" style="display: none">
+        <td>Row 4</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/162063-1.xhtml b/layout/reftests/table-anonymous-boxes/162063-1.xhtml
new file mode 100644
index 0000000000..387ad4e6ec
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/162063-1.xhtml
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script type="text/javascript">
+/* <![CDATA[ */
+function boom()
+{
+  var numTest = 16;
+  for (i = 1; i<= numTest; i++) {
+    var target = "target" + i; 
+    var q = document.getElementById(target);
+    remove(q);
+  }
+   document.documentElement.className = "";
+
+}
+
+function remove(n)
+{
+  n.parentNode.removeChild(n);
+}
+
+window.addEventListener("MozReftestInvalidate", boom);
+/* ]]> */
+</script>
+<title> test for pseudo removal</title>
+</head>
+
+<body>
+ <div style="display:table; border-spacing:10px; background-color:red">
+ <div id="target1">target</div>
+ </div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:blue">
+ <div id="target2" style="float:left">target</div>
+ </div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:green">
+ <div id="target3" style="float:right">target</div>
+ </div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:pink">
+ <div id="target4" style="position:absolute">target</div>
+ </div>
+
+ <div style="display:table; border-spacing:10px; background-color:magenta">
+ <div id="target5" style="position:relative">target</div>
+ </div> 
+ 
+ <div style="display:table; border-spacing:10px; background-color:orange">
+ <div id="target6" style="position:fixed">target</div>
+ </div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:yellow">
+ <div style="display:table-row;">
+ <div id="target7" style="display:table">target</div>
+ </div> 
+ </div>
+ 
+  <div style="display:table; border-spacing:10px; background-color:silver">
+ <div style="display:table-row;">
+ <div id="target8" style="display:table-caption">target</div>
+ </div> 
+ </div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:navy">
+ <div id="target9" style="display:-moz-column">target</div>
+ </div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:teal">
+ <div id="target10">target</div>
+ </div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:SkyBlue ">
+  <svg xmlns="http://www.w3.org/2000/svg" width="300" height="200" id="target11">
+      <circle cx="150" cy="100" r="50" />
+    </svg>
+</div>
+
+ 
+ <div style="display:table; border-spacing:10px; background-color:Peru">
+  <div style="display:table-row;">
+  <div id="target12" style="display:table-row-group; overflow:scroll">target</div>
+  </div>
+</div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:Tomato">
+  <div style="display:table-row;">
+  <input type="button" value="OK" id="target13"></input>
+  </div>
+</div>
+ 
+ <div style="display:table; border-spacing:10px; background-color:DarkSeaGreen ">
+  <div style="display:table-row;">
+   <div id="target14" style="display:table-column;"/>
+  </div>
+</div>
+
+<div style="display:table; border-spacing:10px; background-color:MistyRose">
+  <div style="display:table-row;">
+   <div id="target15" style="display:table-column-group;"/>
+  </div>
+</div>
+
+<div style="display:table; border-spacing:10px; background-color:Indigo">
+ <div id="target16" style="display:-moz-box">target</div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/203923-1.html b/layout/reftests/table-anonymous-boxes/203923-1.html
new file mode 100644
index 0000000000..a7a1e843d1
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/203923-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <script type="text/javascript">
+    function doTest() {
+      var c = document.createElement("span");
+      c.style.display = "table-cell";
+      c.appendChild(document.createTextNode("bc"));
+      var t = document.getElementById("t");
+      t.parentNode.insertBefore(c, t);
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="doTest()">
+  <span style="display: block">
+    <span style="display: table-cell">a</span>
+    <span style="display: table-cell; white-space: pre"> </span>
+    <span style="display: table-cell; white-space: pre" id="t"> </span>
+    <span style="display: table-cell">d</span>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/203923-2.html b/layout/reftests/table-anonymous-boxes/203923-2.html
new file mode 100644
index 0000000000..783ca6e789
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/203923-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <script type="text/javascript">
+    function doTest() {
+      var t = document.getElementById("t");
+      t.style.display = "none";
+      document.body.offsetWidth;
+      t.style.display = "table-cell";
+      document.documentElement.className = "";
+    }
+  </script>
+</head>
+<body onload="doTest()">
+  <span style="display: block">
+    <span style="display: table-cell">a</span>
+    <span style="display: table-cell; white-space: pre"> </span>
+    <span style="display: table-cell;" id="t">bc</span>
+    <span style="display: table-cell; white-space: pre"> </span>
+    <span style="display: table-cell">d</span>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/208305-1-ref.html b/layout/reftests/table-anonymous-boxes/208305-1-ref.html
new file mode 100644
index 0000000000..2f693c0dd5
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/208305-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+</head>
+
+<body>
+<div>foo</div><div>bar</div><div>baz</div>
+</body>
+
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/208305-1.html b/layout/reftests/table-anonymous-boxes/208305-1.html
new file mode 100644
index 0000000000..95288f1a80
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/208305-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+.cell {display:table-cell}
+</style>
+<script type="text/javascript">
+function doTest() {
+ss = document.styleSheets[0];
+ss.cssRules[0].style.display="block";
+}
+</script>
+</head>
+
+<body onload="doTest()">
+<div class="cell">foo</div><div class="cell">bar</div><div class="cell">baz</div>
+</body>
+
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/208305-2.html b/layout/reftests/table-anonymous-boxes/208305-2.html
new file mode 100644
index 0000000000..cbf6365c52
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/208305-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style id="s">
+      span { display: block ! important }
+    </style>
+    <script>
+      function doTest() {
+        var s = document.getElementById("s");
+        s.disabled = true;
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span style="display: table-cell">a b</span>
+    <span style="display: table-cell">c d</span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/208305-3.html b/layout/reftests/table-anonymous-boxes/208305-3.html
new file mode 100644
index 0000000000..60befde96f
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/208305-3.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style id="s">
+      span { display: table-cell ! important }
+    </style>
+  </head>
+  <body>
+    <span style="display: block">a b</span>
+    <span style="display: block">c d</span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/208305-4.html b/layout/reftests/table-anonymous-boxes/208305-4.html
new file mode 100644
index 0000000000..ee8dcbcad7
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/208305-4.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style id="s">
+      span { display: table-cell ! important }
+    </style>
+    <script>
+      function doTest() {
+        var s = document.getElementById("s");
+        s.disabled = true;
+        document.body.offsetWidth;
+        s.disabled = false;
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span style="display: block">a b</span>
+    <span style="display: block">c d</span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/277995-1-ref.html b/layout/reftests/table-anonymous-boxes/277995-1-ref.html
new file mode 100644
index 0000000000..c9fdfcb87e
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/277995-1-ref.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+<table>
+  <tr>
+    <td>
+      <div style="display: table">
+        <div id="data" style="display: table-row-group">
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+          <div style="display: table-row">
+            <div style="display: table-cell">
+              More Data
+            </div>
+          </div>
+        </div>
+      </div>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/277995-1.html b/layout/reftests/table-anonymous-boxes/277995-1.html
new file mode 100644
index 0000000000..e513d6a8fa
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/277995-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <script type="text/javascript" language="javascript">
+    function doMore(data) {
+      while(data.hasChildNodes()) 
+        data.firstChild.remove();
+      for (var i = 0; i < 10; i++) {
+	append(data);
+      }
+    }
+
+    function append(data) {
+      var row = document.createElement("div");
+      row.setAttribute("class", "row");
+
+      var cell = document.createElement("span");
+      cell.appendChild(document.createTextNode("More Data"));
+      cell.setAttribute("class", "cell");
+      row.appendChild(cell);
+      data.appendChild(row);
+    }
+
+    function doTest() {
+      for (var i = 0; i < 10; ++i) {
+        document.body.offsetWidth;
+        doMore(document.getElementById('data'));
+      }
+      document.documentElement.className = '';
+    }
+  </script>
+  <style>
+    .table {
+      display: table;
+    }
+    .row {
+      display: table-row;
+
+    }
+    .cell {
+      display: table-cell;
+    }
+  </style>
+</head>
+<body onload="doTest()">
+<table>
+  <tr>
+    <td>
+      <div id="data" class="table">
+      </div>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/293576-1-ref.html b/layout/reftests/table-anonymous-boxes/293576-1-ref.html
new file mode 100644
index 0000000000..811a2b05f0
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/293576-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table border="5"><tbody><tr><td id="t">Some text</td></tr></tbody></table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/293576-1.html b/layout/reftests/table-anonymous-boxes/293576-1.html
new file mode 100644
index 0000000000..4a817a033f
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/293576-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        for (var i = 0; i < 10; ++i) {
+          document.body.offsetWidth;
+          t.style.display = "table-caption";
+          document.body.offsetWidth;
+          t.style.display = "";
+        }
+        document.documentElement.className = '';
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <table border="5"><tbody><tr><td id="t">Some text</td></tr></tbody></table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/3-blocks-ref.html b/layout/reftests/table-anonymous-boxes/3-blocks-ref.html
new file mode 100644
index 0000000000..9c0458d978
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/3-blocks-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <body style="font-family: monospace; white-space: nowrap">
+    <div>
+      Row 1, Col 1Row 1, Col 2Row 1, Col 3
+    </div>
+    <div>
+      Row 22, Col 1Row 22, Col 2Row 22, Col 3
+    </div>
+    <div>
+      Row 333, Col 1Row 333, Col 2Row 333, Col 3
+    </div>    
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/3-tables-ref.html b/layout/reftests/table-anonymous-boxes/3-tables-ref.html
new file mode 100644
index 0000000000..083dbd361d
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/3-tables-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <body style="font-family: monospace; white-space: nowrap">
+    <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+      <tr>
+        <td>Row 1, Col 1</td>
+        <td>Row 1, Col 2</td>
+        <td>Row 1, Col 3</td>
+      </tr>
+    </table>
+    <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+      <tr>
+        <td>Row 22, Col 1</td>
+        <td>Row 22, Col 2</td>
+        <td>Row 22, Col 3</td>
+      </tr>
+    </table>
+    <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+      <tr>
+        <td>Row 333, Col 1</td>
+        <td>Row 333, Col 2</td>
+        <td>Row 333, Col 3</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/302113-1-ref.html b/layout/reftests/table-anonymous-boxes/302113-1-ref.html
new file mode 100644
index 0000000000..cd57e673c8
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/302113-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <span style="display: table">
+    <span style="display: table-row">
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+    </span>
+    <span style="display: table-row">
+      <span style="display: block" id="t">Which column?</span>
+    </span>
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/302113-1.html b/layout/reftests/table-anonymous-boxes/302113-1.html
new file mode 100644
index 0000000000..a8ca72abe6
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/302113-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+  function doTest() {
+    var t = document.getElementById("t");
+    for (var i = 0; i < 5; ++i) {
+      document.body.offsetWidth;
+      t.style.display = "none";
+      document.body.offsetWidth;
+      t.style.display = "block";
+    }
+    document.documentElement.className = "";
+  }
+</script>
+</head>
+<body onload="doTest()">
+  <span style="display: table">
+    <span style="display: table-row">
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+      <span style="display: table-cell">
+        Cell
+      </span>
+    </span>
+    <span style="display: table-row">
+      <span style="display: block" id="t">Which column?</span>
+    </span>
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/315146-1-ref.xhtml b/layout/reftests/table-anonymous-boxes/315146-1-ref.xhtml
new file mode 100644
index 0000000000..1480f54ecb
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/315146-1-ref.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<body>
+<table id="table" border="5"><tr><td>A cell</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/315146-1.xhtml b/layout/reftests/table-anonymous-boxes/315146-1.xhtml
new file mode 100644
index 0000000000..13176bdc2b
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/315146-1.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" class="reftest-wait">
+<head>
+	<script type="text/javascript"><![CDATA[
+	function DeleteRow(container) {
+		if (container.firstChild)
+			container.firstChild.remove();
+	}
+
+	function AddRow(container) {
+		var tr = document.createElement("tr");
+		var td = document.createElement("td");
+		td.appendChild(document.createTextNode("A cell"));
+		tr.appendChild(td);
+		container.appendChild(tr);
+	}
+
+        function doTest() {
+          for (var i = 0; i < 10; ++i) {
+            document.body.offsetWidth;
+            AddRow(document.getElementById('table'));
+            document.body.offsetWidth;
+            DeleteRow(document.getElementById('table'));
+          }
+          document.documentElement.className = '';
+        }
+	]]></script>
+</head>
+<body onload="doTest()">
+<table id="table" border="5"><tr><td>A cell</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/325543-1-ref.html b/layout/reftests/table-anonymous-boxes/325543-1-ref.html
new file mode 100644
index 0000000000..4cc33835ed
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/325543-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>First line</div>
+    <div>Second line</div>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/325543-1a.html b/layout/reftests/table-anonymous-boxes/325543-1a.html
new file mode 100644
index 0000000000..a982c472ff
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/325543-1a.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body onload="document.getElementById('t').style.display = 'block'">
+    <!-- Lack of space between the two spans is key -->
+    <span style="display: table-cell">First line</span><span style="display: none" id="t">Second line</span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/325543-1b.html b/layout/reftests/table-anonymous-boxes/325543-1b.html
new file mode 100644
index 0000000000..83b2d29ed2
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/325543-1b.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body onload="document.getElementById('t').style.display = 'block'">
+    <!-- space between the two spans is key -->
+    <span style="display: table-cell">First line</span> <span style="display: none" id="t">Second line</span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/338735-1-ref.html b/layout/reftests/table-anonymous-boxes/338735-1-ref.html
new file mode 100644
index 0000000000..64a78c8341
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/338735-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table style="width: 100%;" border="5">
+  <tr>
+          <td>First row</td>
+  </tr>
+  <tr>
+          <td>Second row</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/338735-1.html b/layout/reftests/table-anonymous-boxes/338735-1.html
new file mode 100644
index 0000000000..a36f0e3a82
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/338735-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  #t {
+    display: none;
+  }
+</style>
+<script lang="JavaScript">
+  function toggleLayer(id) {
+      var s = document.getElementById(id).style;
+      s.display = s.display ? "" : "block";
+  }
+
+  function doTest() {
+    toggleLayer('t');
+    document.body.offsetWidth;
+    toggleLayer('t');
+    document.body.offsetWidth;
+    toggleLayer('t');
+    document.documentElement.className = "";
+  }
+</script>
+</head>
+<body onload="doTest()">
+<table style="width: 100%;" border="5">
+  <tr>
+          <td id="t">First row</td>
+  </tr>
+  <tr>
+          <td>Second row</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/339388-1-ref.html b/layout/reftests/table-anonymous-boxes/339388-1-ref.html
new file mode 100644
index 0000000000..ef0e3bc1f6
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/339388-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table border="5">
+      <tr>
+        <td id="n">TD</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/339388-1a.html b/layout/reftests/table-anonymous-boxes/339388-1a.html
new file mode 100644
index 0000000000..3939f2b1fc
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/339388-1a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        var n = document.getElementById("n");
+        for (var i = 0; i < 5; ++i) {
+          n.style.cssFloat = "left";
+          document.body.offsetWidth;
+          n.style.cssFloat = "";
+          document.body.offsetWidth;
+        }
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+
+  <body onload="doTest()">
+    <table border="5">
+      <tr>
+        <td id="n">TD</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/339388-1b.html b/layout/reftests/table-anonymous-boxes/339388-1b.html
new file mode 100644
index 0000000000..1436bddbed
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/339388-1b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <script>
+      function doTest() {
+        var n = document.getElementById("n");
+        for (var i = 0; i < 5; ++i) {
+          n.style.position = "absolute";
+          document.body.offsetWidth;
+          n.style.position = "";
+          document.body.offsetWidth;
+        }
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+
+  <body onload="doTest()">
+    <table border="5">
+      <tr>
+        <td id="n">TD</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/363326-1-ref.html b/layout/reftests/table-anonymous-boxes/363326-1-ref.html
new file mode 100644
index 0000000000..3ce2bbe0c9
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/363326-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div style="display: table; width: 500px">
+  <div style="display: table-cell">
+    <div style="float: right; width: 100px">one</div>
+    <div style="float:left; width: 100px">two</div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/363326-1.html b/layout/reftests/table-anonymous-boxes/363326-1.html
new file mode 100644
index 0000000000..b7f2f7d664
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/363326-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div style="display: table; width: 500px">
+  <div style="float: right; width: 100px">one<script>var foo = document.body.offsetWidth;</script></div>
+  <div style="float:left; width: 100px">two</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/368932-1-ref.html b/layout/reftests/table-anonymous-boxes/368932-1-ref.html
new file mode 100644
index 0000000000..919e5bbf53
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/368932-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+    <table><tr><td>cloning material</td></tr></table>
+    <table><tr><td>cloning material</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/368932-1.html b/layout/reftests/table-anonymous-boxes/368932-1.html
new file mode 100644
index 0000000000..fae4fd1fdb
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/368932-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script type="text/javascript">
+    function doTest() {
+      for (var i = 0; i < 10; ++i) {
+        // clear target element's content
+        document.getElementById("target-table").innerHTML = "";
+        // clone and append new row
+        cloned_row = document.getElementById("row-template").cloneNode(true);
+        document.getElementById("target-table").appendChild(cloned_row);
+        document.body.offsetWidth;
+      }
+    }
+    </script>
+</head>
+<body onload="doTest()">
+    <table><tr id="row-template"><td>cloning material</td></tr></table>
+    <table id="target-table"><tr><td>target table</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/371054-1-ref.html b/layout/reftests/table-anonymous-boxes/371054-1-ref.html
new file mode 100644
index 0000000000..25ea8f16ee
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/371054-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <table style="border-collapse: collapse">
+      <tr style="display: block; border: 5px solid">
+        <td>LongLongLong</td>
+      </tr>
+      <tr style="border: 5px solid" id="t">
+        <td>Short</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/371054-1.html b/layout/reftests/table-anonymous-boxes/371054-1.html
new file mode 100644
index 0000000000..03d10c6714
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/371054-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-row";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <table style="border-collapse: collapse">
+      <tr style="display: block; border: 5px solid">
+        <td>LongLongLong</td>
+      </tr>
+      <tr style="display: none; border: 5px solid" id="t">
+        <td>Short</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/372641-1-ref.xhtml b/layout/reftests/table-anonymous-boxes/372641-1-ref.xhtml
new file mode 100644
index 0000000000..60a14705cc
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/372641-1-ref.xhtml
@@ -0,0 +1,10 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+</head>
+
+<body>
+
+<table border="1"><tbody><tr><td>TD</td></tr></tbody></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/372641-1a.xhtml b/layout/reftests/table-anonymous-boxes/372641-1a.xhtml
new file mode 100644
index 0000000000..90b747caed
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/372641-1a.xhtml
@@ -0,0 +1,15 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+</head>
+
+<body>
+
+<table border="1" id="table">XXX<tbody><tr><td>TD</td></tr></tbody></table>
+
+<script>
+document.body.offsetWidth;
+document.getElementById("table").firstChild.data = '';
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/372641-1b.xhtml b/layout/reftests/table-anonymous-boxes/372641-1b.xhtml
new file mode 100644
index 0000000000..cebc5de06b
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/372641-1b.xhtml
@@ -0,0 +1,15 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+</head>
+
+<body>
+
+<table border="1"><tbody id="tbody">XXX<tr><td>TD</td></tr></tbody></table>
+
+<script>
+document.body.offsetWidth;
+document.getElementById("tbody").firstChild.data = '';
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/372641-1c.xhtml b/layout/reftests/table-anonymous-boxes/372641-1c.xhtml
new file mode 100644
index 0000000000..b1a1173342
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/372641-1c.xhtml
@@ -0,0 +1,15 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+</head>
+
+<body>
+
+<table border="1"><tbody><tr id="tr">XXX<td>TD</td></tr></tbody></table>
+
+<script>
+document.body.offsetWidth;
+document.getElementById("tr").firstChild.data = '';
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/372649-1-ref.html b/layout/reftests/table-anonymous-boxes/372649-1-ref.html
new file mode 100644
index 0000000000..a8e06265d0
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/372649-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<p>a<span style="display: inline-table;">bc</span>d</p>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/372649-1.html b/layout/reftests/table-anonymous-boxes/372649-1.html
new file mode 100644
index 0000000000..4a92d227ff
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/372649-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#it { display: inline-table; }
+</style>
+</head>
+<body>
+<p>a<span id="it">b</span>d</p>
+<script>
+document.body.offsetWidth;
+document.getElementById("it").appendChild(document.createTextNode("c"));
+</script>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/373379-1-ref.html b/layout/reftests/table-anonymous-boxes/373379-1-ref.html
new file mode 100644
index 0000000000..b788b7231d
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/373379-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+
+   .border { border: 1px solid blue; }
+
+  </style>
+ </head>
+ <body>
+
+   <span class="border">
+      <span>x</span>
+   </span>
+  
+ </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/373379-1.html b/layout/reftests/table-anonymous-boxes/373379-1.html
new file mode 100644
index 0000000000..56ba8de7db
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/373379-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+
+   #tablecell {
+     display: table-cell;
+   }
+   .border { border: 1px solid blue; }
+
+  </style>
+ </head>
+ <body>
+
+   <span class="border">
+      <span id="tablecell">x</span>
+   </span>
+  
+   <script>
+
+   document.body.offsetWidth;
+   document.getElementById("tablecell").removeAttribute("id");
+
+   </script>
+ </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/394402-1-ref.html b/layout/reftests/table-anonymous-boxes/394402-1-ref.html
new file mode 100644
index 0000000000..63fc80174b
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/394402-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      body { font-family: sans-serif; }
+    </style>
+    <script>
+      function runTest() {
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.body.normalize();
+        document.getElementById('t').style.display = "";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+<body onload="runTest()">
+
+<table style="display: none" border=1 id="t"><tbody><tr id="r"><td id="c">TD</td></tr></tbody></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/394402-1a.html b/layout/reftests/table-anonymous-boxes/394402-1a.html
new file mode 100644
index 0000000000..96d858ffde
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/394402-1a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      body { font-family: sans-serif; }
+    </style>
+    <script>
+      function runTest() {
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+<body onload="runTest()">
+
+<table border=1 id="t"><tbody><tr id="r"><td id="c">TD</td></tr></tbody></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/394402-1b.html b/layout/reftests/table-anonymous-boxes/394402-1b.html
new file mode 100644
index 0000000000..ef6407eb0a
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/394402-1b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <style>
+      body { font-family: sans-serif; }
+    </style>
+    <script>
+      function runTest() {
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.getElementById('r').appendChild(document.createTextNode('x'));
+        document.body.normalize();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+<body onload="runTest()">
+
+<table border=1 id="t"><tbody><tr id="r"><td id="c">TD</td></tr></tbody></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/398095-1-ref.html b/layout/reftests/table-anonymous-boxes/398095-1-ref.html
new file mode 100644
index 0000000000..2dd66f8e01
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/398095-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<div style="display: table-footer-group;" id="div">x</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/398095-1.html b/layout/reftests/table-anonymous-boxes/398095-1.html
new file mode 100644
index 0000000000..67902ead3c
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/398095-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body onload="document.getElementById('div').firstChild.data = 'x';">
+
+<div style="display: table-footer-group;" id="div"> </div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/3x3-cols-ref.html b/layout/reftests/table-anonymous-boxes/3x3-cols-ref.html
new file mode 100644
index 0000000000..c59fc26403
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/3x3-cols-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <body style="font-family: monospace">
+    <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+      <colgroup><col style="background: yellow"><col style="background: cyan"><col style="background: lime"></colgroup>
+      <tr>
+        <td>Row 1, Col 1</td>
+        <td>Row 1, Col 2</td>
+        <td>Row 1, Col 3</td>
+      </tr>
+      <tr>
+        <td>Row 22, Col 1</td>
+        <td>Row 22, Col 2</td>
+        <td>Row 22, Col 3</td>
+      </tr>
+      <tr>
+        <td>Row 333, Col 1</td>
+        <td>Row 333, Col 2</td>
+        <td>Row 333, Col 3</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/3x3-ref.html b/layout/reftests/table-anonymous-boxes/3x3-ref.html
new file mode 100644
index 0000000000..9fc56f15f4
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/3x3-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <body style="font-family: monospace">
+    <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+      <tr>
+        <td>Row 1, Col 1</td>
+        <td>Row 1, Col 2</td>
+        <td>Row 1, Col 3</td>
+      </tr>
+      <tr>
+        <td>Row 22, Col 1</td>
+        <td>Row 22, Col 2</td>
+        <td>Row 22, Col 3</td>
+      </tr>
+      <tr>
+        <td>Row 333, Col 1</td>
+        <td>Row 333, Col 2</td>
+        <td>Row 333, Col 3</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/407115-1-ref.html b/layout/reftests/table-anonymous-boxes/407115-1-ref.html
new file mode 100644
index 0000000000..6f01c801d4
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/407115-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.outer { border: 1px solid black; }
+.cell { display: table-cell; border: 1px solid green; }
+.marg { margin: 1em 0; }
+</style>
+</head>
+<body>
+
+<div class="outer">
+<div class="marg"></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/407115-1.html b/layout/reftests/table-anonymous-boxes/407115-1.html
new file mode 100644
index 0000000000..3db3e09f46
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/407115-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.outer { border: 1px solid black; }
+.cell { display: table-cell; border: 1px solid green; }
+.marg { margin: 1em 0; }
+</style>
+</head>
+<body onload="var c1 = document.getElementById('c1'); c1.parentNode.removeChild(c1);">
+
+<div class="outer">
+<div class="marg"><span id="c1" class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/443616-1-ref.html b/layout/reftests/table-anonymous-boxes/443616-1-ref.html
new file mode 100644
index 0000000000..a110c089ba
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/443616-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table cellpadding="0" cellspacing="0">
+  <tr>
+    <td rowspan="2">
+      Sidebar <br />
+      an unused link <br />
+      next unused link <br />
+    </td>
+    <td>
+      content <br />
+      more content
+    </td>
+  </tr>
+  <tr>
+    <td>
+      no yes no yes
+    </td>
+  </tr>
+</table>
+</body>
+</html>
+
+
diff --git a/layout/reftests/table-anonymous-boxes/443616-1a.xhtml b/layout/reftests/table-anonymous-boxes/443616-1a.xhtml
new file mode 100644
index 0000000000..b1ff0b4e9f
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/443616-1a.xhtml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<table cellpadding="0" cellspacing="0">
+  <tr>
+    <td rowspan="2">
+      Sidebar <br />
+      an unused link <br />
+      next unused link <br />
+    </td>
+    <td>
+      content <br />
+      more content
+      <script type="text/javascript">
+         document.body.offsetWidth;
+      </script>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      no yes no yes
+    </td>
+  </tr>
+</table>
+</body>
+</html>
+
+
diff --git a/layout/reftests/table-anonymous-boxes/443616-1b.html b/layout/reftests/table-anonymous-boxes/443616-1b.html
new file mode 100644
index 0000000000..034603112b
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/443616-1b.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table cellpadding="0" cellspacing="0">
+  <tr>
+    <td rowspan="2">
+      Sidebar <br />
+      an unused link <br />
+      next unused link <br />
+    </td>
+    <td>
+      content <br />
+      more content
+      <script type="text/javascript">
+         document.body.offsetWidth;
+      </script>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      no yes no yes
+    </td>
+  </tr>
+</table>
+</body>
+</html>
+
+
diff --git a/layout/reftests/table-anonymous-boxes/448111-1-ref.html b/layout/reftests/table-anonymous-boxes/448111-1-ref.html
new file mode 100644
index 0000000000..4d654e35cb
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/448111-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <table border="1"><tr>
+    <td style="float: left; height: 200px">
+    </td>
+    <td style="float: right">
+      Right
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/448111-1.html b/layout/reftests/table-anonymous-boxes/448111-1.html
new file mode 100644
index 0000000000..78cce4c669
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/448111-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <table border="1"><tr>
+    <td style="float: left; height: 200px">
+	  <script type="text/javascript">v = document.body.offsetHeight;</script>
+    </td>
+    <td style="float: right">
+      Right
+    </td></tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/490174-1-ref.html b/layout/reftests/table-anonymous-boxes/490174-1-ref.html
new file mode 100644
index 0000000000..27090dd2d8
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/490174-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head></head>
+<body>
+
+<div style="position:absolute; top: 50px; left: 50px; border: 2px solid orange;" id="v">
+  a
+  <select style="width: 200%">
+    <option style="visibility: collapse; overflow: auto; display: table-footer-group;">X</option>
+  </select>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/490174-1.html b/layout/reftests/table-anonymous-boxes/490174-1.html
new file mode 100644
index 0000000000..5804fa833e
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/490174-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head></head>
+<body onload="document.getElementById('v').firstChild.data = ' a ';">
+
+<div style="position:absolute; top: 50px; left: 50px; border: 2px solid orange;" id="v">
+  <select style="width: 200%">
+    <option style="visibility: collapse; overflow: auto; display: table-footer-group;">X</option>
+  </select>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/695538-1-ref.html b/layout/reftests/table-anonymous-boxes/695538-1-ref.html
new file mode 100644
index 0000000000..00155267c6
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/695538-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<style>
+:root {
+     border-collapse: collapse;
+     border-spacing: 1px;
+}
+.cell {
+     display: table-cell;
+     border: solid black;
+}
+.pre {
+     white-space: pre;
+     border: solid blue;
+}
+.table {
+     display: inline-table;
+}
+</style>
+<span class="pre"> <span class="table"><span class="cell">A</span>
+<span class="cell">B</span></span> </span>
+
diff --git a/layout/reftests/table-anonymous-boxes/695538-1.html b/layout/reftests/table-anonymous-boxes/695538-1.html
new file mode 100644
index 0000000000..16568885c8
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/695538-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+:root {
+     border-collapse: collapse;
+     border-spacing: 1px;
+}
+.cell {
+     display: table-cell;
+     border: solid black;
+}
+.pre {
+     white-space: pre;
+     border: solid blue;
+}
+</style>
+<span class="pre"> <span class="cell">A</span>
+<span class="cell">B</span> </span>
+
diff --git a/layout/reftests/table-anonymous-boxes/blocks-divide-tables-1.html b/layout/reftests/table-anonymous-boxes/blocks-divide-tables-1.html
new file mode 100644
index 0000000000..a2628f7159
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/blocks-divide-tables-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace; white-space: nowrap">
+    <span style="display: block"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: block"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: block"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/blocks-divide-tables-2.html b/layout/reftests/table-anonymous-boxes/blocks-divide-tables-2.html
new file mode 100644
index 0000000000..987acae207
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/blocks-divide-tables-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace; white-space: nowrap">
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: block"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/cols-test-1.html b/layout/reftests/table-anonymous-boxes/cols-test-1.html
new file mode 100644
index 0000000000..a4cfce0cab
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/cols-test-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display:table">
+      <span style="display: table-column; background: yellow"></span>
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+      <span style="display: table-column; background: cyan"></span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+      <span style="display: table-column; background: lime"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/cols-test-2.html b/layout/reftests/table-anonymous-boxes/cols-test-2.html
new file mode 100644
index 0000000000..836e76e659
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/cols-test-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display:table">
+      <span style="display: table-column; background: yellow"></span>
+      <span style="display: table-column; background: cyan"></span>
+      <span style="display: table-column; background: lime"></span>
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/cols-test-3.html b/layout/reftests/table-anonymous-boxes/cols-test-3.html
new file mode 100644
index 0000000000..4a1b099920
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/cols-test-3.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display:table">
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+      <span style="display: table-column; background: yellow"></span>
+      <span style="display: table-column; background: cyan"></span>
+      <span style="display: table-column; background: lime"></span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody-ref.html b/layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody-ref.html
new file mode 100644
index 0000000000..0efe9b4bde
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Reftest for bug 398681</title>
+</head>
+<body>
+<table border=1>
+  <tbody style="position: absolute"><tr><td>1__</td></tr></tbody>
+  <tbody><tr><td>__2</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody.html b/layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody.html
new file mode 100644
index 0000000000..d2b17e9908
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-abs-pos-tbody.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes (Mozilla bug 398681)</title>
+    <link rel="author" title="Jesse Ruderman" href="mailto:jruderman@gmail.com" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+</head>
+<body onload="document.getElementById('n').style.position = 'absolute';">
+<table border=1>
+  <tbody id="n"><tr><td>1__</td></tr></tbody>
+  <tbody><tr><td>__2</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-insert-cell-1.html b/layout/reftests/table-anonymous-boxes/dynamic-insert-cell-1.html
new file mode 100644
index 0000000000..0af7cce20a
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-insert-cell-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var c = document.createElement("span");
+        c.style.display = "table-cell";
+        c.textContent = "Row 22, Col 1";
+        var t = document.getElementById("t");
+        t.parentNode.insertBefore(c, t);
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 1, Col 1</span>
+          <span style="display: table-cell">Row 1, Col 2</span>
+          <span style="display: table-cell">Row 1, Col 3</span>
+        </span>
+        <span style="display: table-cell" id="t">Row 22, Col 2</span>
+        <span style="display: table-cell">Row 22, Col 3</span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-1.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-1.html
new file mode 100644
index 0000000000..2949b3f2ac
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-10.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-10.html
new file mode 100644
index 0000000000..f7008c2cdc
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-10.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span>
+      <span>a</span><span id="t" style="display: table-column-group"></span>
+      <span style="display: table-column-group"></span><span>bc d</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-11.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-11.html
new file mode 100644
index 0000000000..6968d3650a
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-11.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span>
+      <span>a</span><span id="t" style="display: table-caption"></span>
+      <span style="display: table-caption"></span><span>bc d</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-12.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-12.html
new file mode 100644
index 0000000000..fdf330b180
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-12.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div>
+      <span>a b</span><span id="t" style="display: table-row"></span><span>c d</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-13.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-13.html
new file mode 100644
index 0000000000..fa3393e37c
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-13.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="position: absolute">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-14.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-14.html
new file mode 100644
index 0000000000..6fca4f3b2a
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-14.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        try {
+          document.normalize();
+        } catch(e) {}
+        var n = document.getElementById("t").nextSibling;
+        n.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row">
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row" id="t">
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>This is a test<span style="display: table-row">
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-15.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-15.html
new file mode 100644
index 0000000000..a9dff0806e
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-15.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var n = document.getElementById("t");
+        n.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row">
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row">
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span id="t">To be removed</span>
+    <span style="display: table-row">
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-16.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-16.html
new file mode 100644
index 0000000000..9d717a0126
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-16.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span id="t">To be removed</span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-17.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-17.html
new file mode 100644
index 0000000000..bd43db69fe
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-17.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var n = document.getElementById("t");
+        n.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-cell">Row 22, Col 1</span>
+    <span style="display: table-cell">Row 22, Col 2</span>
+    <span id="t">To be removed</span>
+    <span style="display: table-cell">Row 22, Col 3</span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-2.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-2.html
new file mode 100644
index 0000000000..8c04111ae2
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="display: table-cell">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-3.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-3.html
new file mode 100644
index 0000000000..d8b381d38f
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-3.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="display: table-row">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-4.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-4.html
new file mode 100644
index 0000000000..3558445f6f
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-4.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="display: table-row-group">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-5.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-5.html
new file mode 100644
index 0000000000..611fa10bec
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-5.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="display: table">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-6.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-6.html
new file mode 100644
index 0000000000..3ae8d9a68d
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-6.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="display: table-column">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-7.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-7.html
new file mode 100644
index 0000000000..d787b510af
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-7.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="display: table-column-group">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-8.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-8.html
new file mode 100644
index 0000000000..261dc56b30
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-8.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span id="t" style="display: table-caption">To be removed</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-removal-9.html b/layout/reftests/table-anonymous-boxes/dynamic-removal-9.html
new file mode 100644
index 0000000000..4b05b70344
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-removal-9.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div>
+      <span>a b</span><span id="t" style="display: table-cell"></span><span>c d</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-1.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-1.html
new file mode 100644
index 0000000000..6a621785dc
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 1, Col 1</span>
+          <span style="display: table-cell">Row 1, Col 2</span>
+          <span style="display: table-cell">Row 1, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: block" id="t">Row 333, Col 1</span>
+          <span style="display: block">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-2.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-2.html
new file mode 100644
index 0000000000..4e3f460ff0
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 1, Col 1</span>
+          <span style="display: table-cell">Row 1, Col 2</span>
+          <span style="display: table-cell">Row 1, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: block">Row 333, Col 1</span>
+          <span style="display: block" id="t">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-3.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-3.html
new file mode 100644
index 0000000000..084c0ef9d1
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-3.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 1, Col 1</span>
+          <span style="display: table-cell">Row 1, Col 2</span>
+          <span style="display: table-cell">Row 1, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: block">Row 333, Col 1</span>
+          <span style="display: block" id="t">Row 333, Col 2</span>
+          <span style="display: block">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-4.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-4.html
new file mode 100644
index 0000000000..058902530f
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-4.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 1, Col 1</span>
+          <span style="display: table-cell">Row 1, Col 2</span>
+          <span style="display: table-cell">Row 1, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: block" id="t">Row 333, Col 2</span>
+          <span style="display: block">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-5.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-5.html
new file mode 100644
index 0000000000..ace0335d74
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-block-to-cell-5.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 1, Col 1</span>
+          <span style="display: table-cell">Row 1, Col 2</span>
+          <span style="display: table-cell">Row 1, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: block">Row 333, Col 2</span>
+          <span style="display: block" id="t">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-1.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-1.html
new file mode 100644
index 0000000000..c2472317b5
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row">
+        <span id="t">Row 1, Col 1</span>
+        <span>Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-2.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-2.html
new file mode 100644
index 0000000000..91e39bca4e
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row">
+        <span>Row 1, Col 1</span>
+        <span id="t">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-3.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-3.html
new file mode 100644
index 0000000000..8053f3aad1
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-3.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row">
+        <span>Row 1, Col 1</span>
+        <span id="t">Row 1, Col 2</span>
+        <span>Row 1, Col 3</span>
+      </span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-4.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-4.html
new file mode 100644
index 0000000000..34953d9530
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-4.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span id="t">Row 1, Col 2</span>
+        <span>Row 1, Col 3</span>
+      </span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-5.html b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-5.html
new file mode 100644
index 0000000000..217bbdaad6
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/dynamic-switch-inline-to-cell-5.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        document.getElementById("t").style.display = "table-cell";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display:table">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span>Row 1, Col 2</span>
+        <span id="t">Row 1, Col 3</span>
+      </span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-cells-1.html b/layout/reftests/table-anonymous-boxes/infer-cells-1.html
new file mode 100644
index 0000000000..4d5b078add
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-cells-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace; white-space: nowrap">
+    <!-- The test in the first row might not be correct, depending on spec
+         clarifications -->
+    <span style="display: table-row"> 
+      <span>Row 1,</span>
+      <span>Col 1Row 1,</span>
+      <span>Col 2Row 1,</span>
+      <span>Col 3</span>
+    </span>
+    <span style="display: table-row"> 
+      <span style="display: block">Row 22, Col 1Row 22, Col 2Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row">
+      <span>Row 333, Col 1</span><span>Row 333, Col 2</span><span>Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-cells-2.html b/layout/reftests/table-anonymous-boxes/infer-cells-2.html
new file mode 100644
index 0000000000..a5816c92cf
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-cells-2.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-row"> 
+      <!-- Trailing spaces in the spans needed only if the first test in
+           infer-cells-1.html is valid -->
+      <span>Row 1, </span>
+      <span>Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span>Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span>Row </span>
+      <span>22, </span>
+      <span>Col </span>
+      <span>2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row">
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span>Row </span>
+      <span>333, </span>
+      <span>Col </span>
+      <span>3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-cells-3.html b/layout/reftests/table-anonymous-boxes/infer-cells-3.html
new file mode 100644
index 0000000000..ae6b13a9ce
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-cells-3.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-row"> 
+      <!-- Trailing spaces in the spans needed only if the first test in
+           infer-cells-1.html is valid -->
+      <span>Row 1, </span>
+      <span>Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-row">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span>Row </span>
+      <span>22, </span>
+      <span>Col </span>
+      <span>2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row">
+      <span style="display: table-row-group">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span>Row </span>
+      <span>333, </span>
+      <span>Col </span>
+      <span>3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-cells-4.html b/layout/reftests/table-anonymous-boxes/infer-cells-4.html
new file mode 100644
index 0000000000..56d66f2aef
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-cells-4.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-row"> 
+      <!-- Trailing spaces in the spans needed only if the first test in
+           infer-cells-1.html is valid -->
+      <span>Row 1, </span>
+      <span>Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span>Row </span>
+      <span>22, </span>
+      <span>Col </span>
+      <span>2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row">
+      <span style="display: inline-table">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span>Row </span>
+      <span>333, </span>
+      <span>Col </span>
+      <span>3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-first-row-and-table.html b/layout/reftests/table-anonymous-boxes/infer-first-row-and-table.html
new file mode 100644
index 0000000000..456e0c837e
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-first-row-and-table.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-cell">Row 1, Col 1</span>
+    <span style="display: table-cell">Row 1, Col 2</span>
+    <span style="display: table-cell">Row 1, Col 3</span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 22, Col 1</span>
+        <span style="display: table-cell">Row 22, Col 2</span>
+        <span style="display: table-cell">Row 22, Col 3</span>
+      </span>
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-first-row.html b/layout/reftests/table-anonymous-boxes/infer-first-row.html
new file mode 100644
index 0000000000..7065a5d6dc
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-first-row.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display:table">
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 22, Col 1</span>
+          <span style="display: table-cell">Row 22, Col 2</span>
+          <span style="display: table-cell">Row 22, Col 3</span>
+        </span>
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-rows-inside-rowgroups.html b/layout/reftests/table-anonymous-boxes/infer-rows-inside-rowgroups.html
new file mode 100644
index 0000000000..5c40645a24
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-rows-inside-rowgroups.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-footer-group"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-header-group"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-second-row-and-table.html b/layout/reftests/table-anonymous-boxes/infer-second-row-and-table.html
new file mode 100644
index 0000000000..7c3098b8ce
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-second-row-and-table.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-row-group">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-cell">Row 22, Col 1</span>
+    <span style="display: table-cell">Row 22, Col 2</span>
+    <span style="display: table-cell">Row 22, Col 3</span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-second-row.html b/layout/reftests/table-anonymous-boxes/infer-second-row.html
new file mode 100644
index 0000000000..e01fdfaddc
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-second-row.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display:table">
+      <span style="display: table-row-group">
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 1, Col 1</span>
+          <span style="display: table-cell">Row 1, Col 2</span>
+          <span style="display: table-cell">Row 1, Col 3</span>
+        </span>
+      </span>
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+      <span style="display: table-row-group"> 
+        <span style="display: table-row">
+          <span style="display: table-cell">Row 333, Col 1</span>
+          <span style="display: table-cell">Row 333, Col 2</span>
+          <span style="display: table-cell">Row 333, Col 3</span>
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-1.html b/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-1.html
new file mode 100644
index 0000000000..af995c2e65
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-header-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 22, Col 1</span>
+        <span style="display: table-cell">Row 22, Col 2</span>
+        <span style="display: table-cell">Row 22, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-footer-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-2.html b/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-2.html
new file mode 100644
index 0000000000..121791b0e9
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-row-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 22, Col 1</span>
+        <span style="display: table-cell">Row 22, Col 2</span>
+        <span style="display: table-cell">Row 22, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-header-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-footer-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-3.html b/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-3.html
new file mode 100644
index 0000000000..d1c6095250
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-table-around-headers-footers-3.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-footer-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-row-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 22, Col 1</span>
+        <span style="display: table-cell">Row 22, Col 2</span>
+        <span style="display: table-cell">Row 22, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-header-group"> 
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/infer-table-row-cell.html b/layout/reftests/table-anonymous-boxes/infer-table-row-cell.html
new file mode 100644
index 0000000000..4651f15d5d
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-table-row-cell.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-row-group">
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: block">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row-group">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 22, Col 1</span>
+        <span style="display: table-cell">Row 22, Col 2</span>
+        <span style="display: table-cell">Row 22, Col 3</span>
+      </span>
+    </span>
+    <span style="display: table-row-group">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
+
+
+
diff --git a/layout/reftests/table-anonymous-boxes/infer-table.html b/layout/reftests/table-anonymous-boxes/infer-table.html
new file mode 100644
index 0000000000..0505d1cc28
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/infer-table.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body style="font-family: monospace">
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>
+    <span style="display: table-row"> 
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/reftest.list b/layout/reftests/table-anonymous-boxes/reftest.list
new file mode 100644
index 0000000000..03468ebb1a
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/reftest.list
@@ -0,0 +1,115 @@
+== 121142-1a.html 121142-1-ref.html
+== 121142-1b.html 121142-1-ref.html
+== 121142-2.html 121142-2-ref.html
+== 156888-1.html 156888-1-ref.html
+fuzzy(0-1,0-2) == 156888-2.html 156888-2-ref.html
+== 162063-1.xhtml about:blank
+== 203923-1.html white-space-ref.html
+== 203923-2.html white-space-ref.html
+== 208305-1.html 208305-1-ref.html
+== 208305-2.html white-space-ref.html
+== 208305-3.html white-space-ref.html
+== 208305-4.html white-space-ref.html
+== 277995-1.html 277995-1-ref.html
+fuzzy(0-1,0-6) == 293576-1.html 293576-1-ref.html
+== 302113-1.html 302113-1-ref.html
+fuzzy(0-1,0-6) == 315146-1.xhtml 315146-1-ref.xhtml
+== 325543-1a.html 325543-1-ref.html
+== 325543-1b.html 325543-1-ref.html
+fuzzy(0-1,0-6) == 338735-1.html 338735-1-ref.html
+fuzzy(0-1,0-6) == 339388-1a.html 339388-1-ref.html
+fuzzy(0-1,0-6) == 339388-1b.html 339388-1-ref.html
+== 363326-1.html 363326-1-ref.html
+== 368932-1.html 368932-1-ref.html
+== 371054-1.html 371054-1-ref.html
+== 372641-1a.xhtml 372641-1-ref.xhtml
+== 372641-1b.xhtml 372641-1-ref.xhtml
+== 372641-1c.xhtml 372641-1-ref.xhtml
+== 372649-1.html 372649-1-ref.html
+== 373379-1.html 373379-1-ref.html
+random-if(d2d) == 394402-1a.html 394402-1-ref.html # bug 586833
+== 394402-1b.html 394402-1-ref.html # bug 586833
+== 398095-1.html 398095-1-ref.html
+== 407115-1.html 407115-1-ref.html
+== 443616-1a.xhtml 443616-1-ref.html
+== 443616-1b.html 443616-1-ref.html
+== 448111-1.html 448111-1-ref.html
+fuzzy-if(winWidget,0-168,0-30) fuzzy-if(Android,0-4,0-2) == 490174-1.html 490174-1-ref.html # bug 1562840, bug 1511300
+== 695538-1.html 695538-1-ref.html
+== infer-first-row.html 3x3-ref.html
+== infer-first-row-and-table.html 3x3-ref.html
+== infer-second-row.html 3x3-ref.html
+== infer-second-row-and-table.html 3x3-ref.html
+== infer-table-around-headers-footers-1.html 3x3-ref.html
+== infer-table-around-headers-footers-2.html 3x3-ref.html
+== infer-table-around-headers-footers-3.html 3x3-ref.html
+== infer-rows-inside-rowgroups.html 3x3-ref.html
+== infer-table-row-cell.html 3x3-ref.html # Or should it be?  Spec is unclear.
+== infer-table.html 3x3-ref.html
+!= 3-tables-ref.html 3x3-ref.html
+== 3-tables-ref.html 3-blocks-ref.html
+== blocks-divide-tables-1.html 3-tables-ref.html
+== blocks-divide-tables-2.html 3-tables-ref.html
+== infer-cells-1.html 3-tables-ref.html
+== infer-cells-2.html 3x3-ref.html
+== infer-cells-3.html 3x3-ref.html
+== infer-cells-4.html 3x3-ref.html
+== cols-test-1.html 3x3-cols-ref.html
+== cols-test-2.html 3x3-cols-ref.html
+== cols-test-3.html 3x3-cols-ref.html
+== dynamic-abs-pos-tbody.html dynamic-abs-pos-tbody-ref.html
+== dynamic-removal-1.html 3x3-ref.html
+== dynamic-removal-2.html 3x3-ref.html
+== dynamic-removal-3.html 3x3-ref.html
+== dynamic-removal-4.html 3x3-ref.html
+== dynamic-removal-5.html 3x3-ref.html
+== dynamic-removal-6.html 3x3-ref.html
+== dynamic-removal-7.html 3x3-ref.html
+== dynamic-removal-8.html 3x3-ref.html
+== dynamic-removal-9.html white-space-ref.html
+== dynamic-removal-10.html white-space-ref.html
+== dynamic-removal-11.html white-space-ref.html
+== dynamic-removal-12.html white-space-ref.html
+== dynamic-removal-13.html 3x3-ref.html
+== dynamic-removal-14.html 3x3-ref.html
+== dynamic-removal-15.html 3x3-ref.html
+== dynamic-removal-16.html 3x3-ref.html
+== dynamic-removal-17.html 3x3-ref.html
+== dynamic-insert-cell-1.html 3x3-ref.html
+== dynamic-switch-block-to-cell-1.html 3x3-ref.html
+== dynamic-switch-block-to-cell-2.html 3x3-ref.html
+== dynamic-switch-block-to-cell-3.html 3x3-ref.html
+== dynamic-switch-block-to-cell-4.html 3x3-ref.html
+== dynamic-switch-block-to-cell-5.html 3x3-ref.html
+== dynamic-switch-inline-to-cell-1.html 3x3-ref.html
+== dynamic-switch-inline-to-cell-2.html 3x3-ref.html
+== dynamic-switch-inline-to-cell-3.html 3x3-ref.html
+== dynamic-switch-inline-to-cell-4.html 3x3-ref.html
+== dynamic-switch-inline-to-cell-5.html 3x3-ref.html
+== white-space-1.html 3-tables-ref.html
+== white-space-2.html 3x3-ref.html
+== white-space-3.html 3x3-ref.html
+== white-space-4.html 3x3-ref.html
+== white-space-5.html 3x3-ref.html
+== white-space-6.html 3x3-ref.html
+== white-space-7.html white-space-ref.html
+== white-space-8.html white-space-ref.html
+== white-space-9.html white-space-ref.html
+== white-space-10.html white-space-ref.html
+== white-space-11.html white-space-ref.html
+== white-space-12.html white-space-ref.html
+== white-space-13.html white-space-ref.html
+== white-space-14.html white-space-ref.html
+== white-space-15.html white-space-ref.html
+== white-space-16.html white-space-ref.html
+== white-space-17.html white-space-ref.html
+== white-space-18.html white-space-ref.html
+== white-space-19.html white-space-ref.html
+== white-space-20.html white-space-ref.html
+== white-space-21.html white-space-ref.html
+== white-space-22.html white-space-ref.html
+== white-space-23.html white-space-ref.html
+== white-space-24.html white-space-ref.html
+== white-space-25.html white-space-ref.html
+== white-space-26.html white-space-ref.html
+== white-space-pre-1.html white-space-pre-ref.html
diff --git a/layout/reftests/table-anonymous-boxes/white-space-1.html b/layout/reftests/table-anonymous-boxes/white-space-1.html
new file mode 100644
index 0000000000..2a0d232b94
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var n = document.getElementById("t").nextSibling;
+        n.data = "Row 22, Col 1Row 22, Col 2Row 22, Col 3";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace; white-space: nowrap" onload="doTest()">
+    <span style="display: table-cell">Row 1, Col 1</span>
+    <span style="display: table-cell">Row 1, Col 2</span>
+    <span style="display: table-cell" id="t">Row 1, Col 3</span>
+    <span style="display: table-cell">Row 333, Col 1</span>
+    <span style="display: table-cell">Row 333, Col 2</span>
+    <span style="display: table-cell">Row 333, Col 3</span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-10.html b/layout/reftests/table-anonymous-boxes/white-space-10.html
new file mode 100644
index 0000000000..a41c962426
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-10.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t1");
+        t.remove();
+        t = document.getElementById("t2");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span>
+      <span>a</span><span style="display: table-cell" id="t1">e</span>
+      <span style="display: table-cell" id="t2">f</span><span>bc d</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-11.html b/layout/reftests/table-anonymous-boxes/white-space-11.html
new file mode 100644
index 0000000000..3a6ba63cf1
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-11.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t1");
+        t.remove();
+        t = document.getElementById("t2");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span>
+      <span>a</span><span style="display: table-cell" id="t2">e</span>
+      <span style="display: table-cell" id="t1">f</span><span>bc d</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-12.html b/layout/reftests/table-anonymous-boxes/white-space-12.html
new file mode 100644
index 0000000000..eac8a36771
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-12.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body>
+    <span>
+      a
+      <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+      d
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-13.html b/layout/reftests/table-anonymous-boxes/white-space-13.html
new file mode 100644
index 0000000000..f1204a9fad
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-13.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body>
+    <span>
+      a
+      <span style="display: table-cell">b</span>
+      <span style="display: table-cell">c</span>
+      d
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-14.html b/layout/reftests/table-anonymous-boxes/white-space-14.html
new file mode 100644
index 0000000000..0d4706c497
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-14.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:after { content: "d" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      a
+      <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-15.html b/layout/reftests/table-anonymous-boxes/white-space-15.html
new file mode 100644
index 0000000000..016e1032b6
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-15.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:after { content: "d" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      a
+      <span style="display: table-cell">b</span>
+      <span style="display: table-cell">c</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-16.html b/layout/reftests/table-anonymous-boxes/white-space-16.html
new file mode 100644
index 0000000000..036cf04d5e
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-16.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:after { content: "d" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      a
+      <span style="display: table-cell">b</span><script>document.body.offsetWidth</script><span style="display: table-cell">c</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-17.html b/layout/reftests/table-anonymous-boxes/white-space-17.html
new file mode 100644
index 0000000000..f5bf15c2a0
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-17.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:after { content: "d" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      a
+      <span style="display: table-cell">b</span>
+      <script>document.body.offsetWidth</script>
+      <span style="display: table-cell">c</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-18.html b/layout/reftests/table-anonymous-boxes/white-space-18.html
new file mode 100644
index 0000000000..d6a8d3c571
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-18.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:before { content: "a" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+      d
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-19.html b/layout/reftests/table-anonymous-boxes/white-space-19.html
new file mode 100644
index 0000000000..dc80d23671
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-19.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:before { content: "a" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      <span style="display: table-cell">b</span>
+      <span style="display: table-cell">c</span>
+      d
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-2.html b/layout/reftests/table-anonymous-boxes/white-space-2.html
new file mode 100644
index 0000000000..1fc0528978
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        try {
+          document.normalize();
+        } catch (e) {}
+        var n = document.getElementById("t").nextSibling;
+        n.data = " ";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row">
+      <span style="display: table-cell">Row 1, Col 1</span>
+      <span style="display: table-cell">Row 1, Col 2</span>
+      <span style="display: table-cell">Row 1, Col 3</span>
+    </span>
+    <span style="display: table-row" id="t">
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+    </span>This is a test<span style="display: table-row">
+      <span style="display: table-cell">Row 333, Col 1</span>
+      <span style="display: table-cell">Row 333, Col 2</span>
+      <span style="display: table-cell">Row 333, Col 3</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-20.html b/layout/reftests/table-anonymous-boxes/white-space-20.html
new file mode 100644
index 0000000000..bc8aad7727
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-20.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:before { content: "a" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      <span style="display: table-cell">b</span><script>document.body.offsetWidth</script><span style="display: table-cell">c</span>
+      d
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-21.html b/layout/reftests/table-anonymous-boxes/white-space-21.html
new file mode 100644
index 0000000000..b6611f1990
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-21.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #t:before { content: "a" }
+    </style>
+  </head>  
+  <body>
+    <span id="t">
+      <span style="display: table-cell">b</span>
+      <script>document.body.offsetWidth</script>
+      <span style="display: table-cell">c</span>
+      d
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-22.html b/layout/reftests/table-anonymous-boxes/white-space-22.html
new file mode 100644
index 0000000000..c8ed38a99d
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-22.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body>
+    <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> bc <span style="display: table-cell">d</span></span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-23.html b/layout/reftests/table-anonymous-boxes/white-space-23.html
new file mode 100644
index 0000000000..ff94ffde7e
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-23.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body>
+    <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <span>bc</span> <span style="display: table-cell">d</span></span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-24.html b/layout/reftests/table-anonymous-boxes/white-space-24.html
new file mode 100644
index 0000000000..bec46b1b05
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-24.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body>
+    <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <script>document.body.offsetWidth</script>bc<script>document.body.offsetWidth</script> <span style="display: table-cell">d</span></span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-25.html b/layout/reftests/table-anonymous-boxes/white-space-25.html
new file mode 100644
index 0000000000..1364d109f1
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-25.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        var parent = t.parentNode;
+        parent.insertBefore(document.createTextNode(" "), t);
+        parent.insertBefore(document.createTextNode("bc"), t);
+        parent.insertBefore(document.createTextNode(" "), t);
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span><span id="t" style="display: table-cell">d</span></span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-26.html b/layout/reftests/table-anonymous-boxes/white-space-26.html
new file mode 100644
index 0000000000..cd415196bb
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-26.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+    <style>
+      #t:after { display: table-cell; content: "d"; }
+    </style>
+  </head>
+  <body>
+    <span id="t">
+      a<script>document.body.offsetWidth;</script> <span style="display: table-cell; white-space: pre">bc </span></span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-3.html b/layout/reftests/table-anonymous-boxes/white-space-3.html
new file mode 100644
index 0000000000..d92c457d01
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-3.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        try {
+          document.normalize();
+        } catch (e) {}
+        var n = document.getElementById("t").nextSibling;
+        n.data = " ";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+      <span style="display: table-row">
+        <span style="display: table-cell" id="t">Row 22, Col 1</span>This is a test<span style="display: table-cell">Row 22, Col 2</span>
+        <span style="display: table-cell">Row 22, Col 3</span>
+      </span>
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-4.html b/layout/reftests/table-anonymous-boxes/white-space-4.html
new file mode 100644
index 0000000000..c2aa6690ad
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-4.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var n = document.getElementById("t").nextSibling;
+        n.data = "Row 22, Col 1";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group">
+      <span style="display: table-row" id="t">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+      <span style="display: table-cell">Row 22, Col 2</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-5.html b/layout/reftests/table-anonymous-boxes/white-space-5.html
new file mode 100644
index 0000000000..41ecc7683f
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-5.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var n = document.getElementById("t").nextSibling;
+        n.data = "Row 22, Col 2";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+      <span style="display: table-cell" id="t">Row 22, Col 1</span>
+      <span style="display: table-cell">Row 22, Col 3</span>
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-6.html b/layout/reftests/table-anonymous-boxes/white-space-6.html
new file mode 100644
index 0000000000..291633ea62
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-6.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var n = document.getElementById("t").nextSibling;
+        n.data = "Row 22, Col 3";
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body style="font-family: monospace" onload="doTest()">
+    <span style="display: table-row-group">
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 1, Col 1</span>
+        <span style="display: table-cell">Row 1, Col 2</span>
+        <span style="display: table-cell">Row 1, Col 3</span>
+      </span>
+      <span style="display: table-cell">Row 22, Col 1</span>
+      <span style="display: table-cell" id="t">Row 22, Col 2</span>
+      <span style="display: table-row">
+        <span style="display: table-cell">Row 333, Col 1</span>
+        <span style="display: table-cell">Row 333, Col 2</span>
+        <span style="display: table-cell">Row 333, Col 3</span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-7.html b/layout/reftests/table-anonymous-boxes/white-space-7.html
new file mode 100644
index 0000000000..9a249226d2
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-7.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="" />
+  <body>
+    <span>
+      <span>a</span>
+      <span style="display: table-cell">b</span>
+      <span style="display: table-cell">c</span>
+      <span>d</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-8.html b/layout/reftests/table-anonymous-boxes/white-space-8.html
new file mode 100644
index 0000000000..97150b7921
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-8.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span>
+      <span>a</span><span style="display: table-cell" id="t">e</span>
+      <span style="display: table-cell">b</span><span>c d</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-9.html b/layout/reftests/table-anonymous-boxes/white-space-9.html
new file mode 100644
index 0000000000..9055431ad5
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-9.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <script>
+      function doTest() {
+        var t = document.getElementById("t");
+        t.remove();
+        document.documentElement.className = "";
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span>
+      <span>a b</span><span style="display: table-cell">c</span>
+      <span style="display: table-cell" id="t">e</span><span>d</span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-pre-1.html b/layout/reftests/table-anonymous-boxes/white-space-pre-1.html
new file mode 100644
index 0000000000..d71dc40ba4
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-pre-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: anonymous table boxes</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #x:after { content: " cd"; display: table-cell; }
+    </style>
+    <script>
+      function doTest() {
+        var f = document.getElementById("f");
+        f.remove();
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <div style="font-family: monospace; width: 10em; white-space: pre-wrap"><span id="f" style="float: left; width: 80%; height: 0.5em"></span><span id="x">a <script>document.body.offsetWidth;</script> <span style="display: table-cell">b</span></span></div>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-pre-ref.html b/layout/reftests/table-anonymous-boxes/white-space-pre-ref.html
new file mode 100644
index 0000000000..5102d16232
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-pre-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="font-family: monospace; white-space: pre-wrap">a  b cd</div>
+  </body>
+</html>
diff --git a/layout/reftests/table-anonymous-boxes/white-space-ref.html b/layout/reftests/table-anonymous-boxes/white-space-ref.html
new file mode 100644
index 0000000000..eeb70fc0f9
--- /dev/null
+++ b/layout/reftests/table-anonymous-boxes/white-space-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+  <body>
+    a bc d
+  </body>
+</html>
diff --git a/layout/reftests/table-background/backgr_border-table-cell.html b/layout/reftests/table-background/backgr_border-table-cell.html
new file mode 100644
index 0000000000..7006a8e75c
--- /dev/null
+++ b/layout/reftests/table-background/backgr_border-table-cell.html
@@ -0,0 +1,127 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<title>Background on 'table-cell'</title>
+<link rel="next" href="backgr_layers-opacity.html" title="Background Layers: opacity">
+<link rel="prev" href="backgr_border-table-column.html" title="Background with Borders: Background on 'table-column'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table {border: 5px dotted}
+  .e    {background: black url(edge.gif) top left no-repeat}
+  .m    {background: black url(edge.gif) bottom right no-repeat}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part D: Background with Borders</h2>
+
+    <h3>Background on 'table-cell'</h3>
+
+    <p>Two cells are styled.</p>
+    <p>There should be three aqua stripes just inside the top and left padding edges of cell E.</p>
+    <p>There should be three aqua stripes just inside the bottom and right padding edges of Cell M</a>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_layers-opacity.html">Special Tests: Opacity</a>
+       <dt>previous
+          <dd><a href="backgr_border-table-column.html">Background with Borders: Background on 'table-column'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_border-table-column-group.html b/layout/reftests/table-background/backgr_border-table-column-group.html
new file mode 100644
index 0000000000..9d54f49020
--- /dev/null
+++ b/layout/reftests/table-background/backgr_border-table-column-group.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-column-group'</title>
+<link rel="next" href="backgr_border-table-row.html" title="Background with Borders: Background on 'table-row'">
+<link rel="prev" href="backgr_border-table-row-group.html" title="Background with Borders: Background on 'table-row-group'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table       {                                                        border: 3px dotted}
+  .colgroup-A {background: black url(edge.gif) bottom right no-repeat; border: 5px dashed}
+  .g, .m      {                                                        border: 5px dashed}
+  .col-3      {                                                        border: 9px dashed}
+  .colgroup-B {background: black url(edge.gif) top    left  no-repeat}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part D: Background with Borders</h2>
+
+    <h3>Background on 'table-column-group'</h3>
+
+    <p>Three aqua stripes should run along the bottom of the last cell in the first three columns and up along the right edge of the cells in the third column. The stripes should align to be just inside the padding edge in cells M and G.</p>
+    <p>Three aqua stripes should also run just inside the top padding edge of the first cell in the last column and down the left border edge of each cell in that column.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_border-table-row.html">Background with Borders: Background on 'table-row'</a>
+       <dt>previous
+          <dd><a href="backgr_border-table-row-group.html">Background with Borders: Background on 'table-row-group'</a>
+       <dt>contents
+          <dd><a href="./">Table of Contents</a>
+    </dl>
+
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=3>TD M</td>
+
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_border-table-column.html b/layout/reftests/table-background/backgr_border-table-column.html
new file mode 100644
index 0000000000..9a86827219
--- /dev/null
+++ b/layout/reftests/table-background/backgr_border-table-column.html
@@ -0,0 +1,133 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-column'</title>
+<link rel="next" href="backgr_border-table-cell.html" title="Background with Borders: Background on 'table-cell'">
+<link rel="prev" href="backgr_border-table-row.html" title="Background with Borders: Background on 'table-row'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table  {                                                        border: 3px dotted}
+  .col-1 {background: black url(edge.gif) bottom right no-repeat; border: 5px dashed}
+  .a, .m {                                                        border: 5px dashed}
+  .col-2 {background: black url(edge.gif) bottom right no-repeat; border: 9px dashed}
+  .f     {                                                        border: 9px dashed}
+  .col-3 {background: black url(edge.gif) top    left  no-repeat; border: 5px dashed}
+  .g     {                                                        border: 5px dashed}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part D: Background with Borders</h2>
+
+    <h3>Background on 'table-column'</h3>
+
+    <p>Three columns are styled.</p>
+    <p>In the first column, there should be three vertical stripes along the padding edge of the first cell, continuing down through the column. (In cell E, the aqua stripe will be obscured by the thicker right border.) The stripes will cut across cell E as well, but will be further obscured by its thick border. In the border-collapsed table, the same will happen to the vertical stripes in cell A due to cell B's thick border. The stripes should continue in the last cell, turning a right angle to the left into three aqua stripes along the bottom border edge of the last cell. The last cell (M) should not have three vertical stripes along its right edge.</p>
+    <p>In the second column, three vertical strips should run along the right of the first three cells, aligning along cell F's right padding edge. (The stripes will be partially obscured by cell B's thick border.)</p>
+    <p>In the third column, there should be three vertical stripes should run across the top of the first cell and down the left of the column, aligning along cell K's left padding edge. In border-collapse mode, they will be partially obscured by cell B's thick border.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_border-table-cell.html">Background with Borders: Background on 'table-cell'</a>
+       <dt>previous
+          <dd><a href="backgr_border-table-row.html">Background with Borders: Background on 'table-row'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_border-table-quirks.html b/layout/reftests/table-background/backgr_border-table-quirks.html
new file mode 100644
index 0000000000..790275edb9
--- /dev/null
+++ b/layout/reftests/table-background/backgr_border-table-quirks.html
@@ -0,0 +1,123 @@
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table'</title>
+<link rel="next" href="border-table-row-group.html" title="Background with Borders: Background on 'table-row-group'">
+<link rel="prev" href="layers-opacity.html" title="Background with Borders: Background on 'table-cell'">
+<link rel="contents" href="./" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table {background: black url(edge.gif) top left no-repeat; border: 5px dotted;}
+
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part D: Background with Borders</h2>
+
+    <h3>Background on 'table'</h3>
+
+    <p>There should be three aqua stripes just inside the bottom and right table borders.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="border-table-row-group.html">Background with Borders: Background on 'table-row-group'</a>
+       <dt>previous
+          <dd><a href="layers-opacity.html">Background with Borders: Background on 'table-cell'</a>
+       <dt>contents
+          <dd><a href="./">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr id="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr id="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr id="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr id="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_border-table-row-group.html b/layout/reftests/table-background/backgr_border-table-row-group.html
new file mode 100644
index 0000000000..db0ccf1b99
--- /dev/null
+++ b/layout/reftests/table-background/backgr_border-table-row-group.html
@@ -0,0 +1,130 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-row-group'</title>
+<link rel="next" href="backgr_border-table-column-group.html" title="Background with Borders: Background on 'table-column-group'">
+<link rel="prev" href="backgr_border-table.html" title="Background with Borders: Background on 'table'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table {                                                        border: 3px dotted}
+  thead {background: black url(edge.gif) top    right no-repeat; border: 5px dashed}
+  .d    {                                                        border: 5px dashed}
+  tbody {background: black url(edge.gif) bottom left  no-repeat; border: 5px dashed}
+  .k    {                                                        border: 5px dashed}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part D: Background with Borders</h2>
+
+    <h3>Background on 'table-row-group'</h3>
+
+    <p>There should be three aqua stripes along the top of cells A, B, C, and D in the first row and three stripes along the right edge of D, the last cell in that row. The stripes should align to be just inside the padding edge of cell D.</p>
+    <p>There should be three aqua stripes along the bottom of cells J, K, and L. The stripes continue across the bottom of cell E, but are partially obscured by the border. The stripes turn up at cell E's bottom left corner to run under its border a few pixels to the right of its left border edge. The stripes will align to be just above cell K's bottom padding edge.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_border-table-column-group.html">Background with Borders: Background on 'table-column-group'</a>
+       <dt>previous
+          <dd><a href="backgr_border-table.html">Background with Borders: Background on 'table'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_border-table-row.html b/layout/reftests/table-background/backgr_border-table-row.html
new file mode 100644
index 0000000000..a0ef3530e5
--- /dev/null
+++ b/layout/reftests/table-background/backgr_border-table-row.html
@@ -0,0 +1,132 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-row'</title>
+<link rel="next" href="backgr_border-table-column.html" title="Background with Borders: Background on 'table-column'">
+<link rel="prev" href="backgr_border-table-column-group.html" title="Background with Borders: Background on 'table-column-group'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table     {                                                        border: 3px dotted}
+  .th-row-1 {background: black url(edge.gif) bottom right no-repeat; border: 5px dashed}
+  .d        {                                                        border: 5px dashed}
+  .tb-row-1 {background: black url(edge.gif) bottom left  no-repeat; border: 9px dashed}
+  .g        {                                                        border: 9px dashed}
+  .tb-row-2 {background: black url(edge.gif) top left     no-repeat; border: 5px dashed}
+  .k        {                                                        border: 5px dashed}
+
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part D: Background with Borders</h2>
+
+    <h3>Background on 'table-row'</h3>
+
+    <p>Three rows are styled.</p>
+    <p>The first row should have three aqua stripes just inside the bottom and right padding edges of its last cell. The bottom three stripes should continue across the row, appearing along the bottom of cells A, B, and C. (The bottom aqua stripe will be obscured by the thicker bottom border in cell B.)</p>
+    <p>The second row should have three vertical aqua stripes a few pixels to the right of the left padding edge. Three horizontal aqua stripes should cut across the first cell and align along the bottom border edge of cell G.</p>
+    <p>The third row should have three horizontal aqua stripes along the top of the last three cells, aligning along cell K's top padding edge. The stripes will not continue into cell E.</p>
+    <dl>
+       <dt>next
+          <dd><a href="backgr_border-table-column.html">Background with Borders: Background on 'table-column'</a>
+       <dt>previous
+          <dd><a href="backgr_border-table-column-group.html">Background with Borders: Background on 'table-column-group'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_border-table.html b/layout/reftests/table-background/backgr_border-table.html
new file mode 100644
index 0000000000..a7fbd0d36a
--- /dev/null
+++ b/layout/reftests/table-background/backgr_border-table.html
@@ -0,0 +1,123 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<title>Background on 'table'</title>
+<link rel="next" href="backgr_border-table-row-group.html" title="Background with Borders: Background on 'table-row-group'">
+<link rel="prev" href="backgr_layers-opacity.html" title="Background with Borders: Background on 'table-cell'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table {background: black url(edge.gif) top left no-repeat; border: 5px dotted;}
+
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part D: Background with Borders</h2>
+
+    <h3>Background on 'table'</h3>
+
+    <p>There should be three aqua stripes just inside the bottom and right table borders.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_border-table-row-group.html">Background with Borders: Background on 'table-row-group'</a>
+       <dt>previous
+          <dd><a href="backgr_layers-opacity.html">Background with Borders: Background on 'table-cell'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr id="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr id="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr id="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr id="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_fixed-bg.html b/layout/reftests/table-background/backgr_fixed-bg.html
new file mode 100644
index 0000000000..58c123fe93
--- /dev/null
+++ b/layout/reftests/table-background/backgr_fixed-bg.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>layers: opacity</title>
+<link rel="prev" href="backgr_layers-opacity.html" title="Special Tests: opacity">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+  table{background: white; color: black;}
+  caption {color: white;}
+  .tb-row-1, thead, .l {background: url(edge.gif) fixed;}
+  .a, .p {background: url(rainbowv.gif) fixed; }
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part E: Special Tests</h2>
+
+    <h3>Fixed Backgrounds</h3>
+    
+    <ul>
+    <li>If you scroll the table over the top left corner of the viewport, the first, second, and fourth rows as well as cell L should reveal a purple and aqua band forming a 90-degree angle in the top left corner.
+    <li>Cells A and P should have a rainbow background that seems attached to the viewport.
+    </ul>
+
+    <dl>
+       <dt>previous
+          <dd><a href="backgr_layers-opacity.html">Special Tests: opacity</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+<pre>
+................................................................................................................................................................................................
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+.
+</pre>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_index.html b/layout/reftests/table-background/backgr_index.html
new file mode 100644
index 0000000000..454dd749c5
--- /dev/null
+++ b/layout/reftests/table-background/backgr_index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>CSS2 Table Backgrounds Test Suite</title>
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+strong {text-decoration: underline}
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+<h2>Notes</h2>
+<p>This test suite is not endorsed or approved by the W3C or anyone besides fantasai. It tests conformance to fantasai's <a href="../">table background clarification proposal</a>, not the official CSS2 specification. The intent is to demonstrate the proposal's effects under various styling conditions and to clarify any ambiguity in the proposal in preparation for a better-worded errata suggestion. It's not particularly well-designed, but it is comprehensive.</p>
+<p>This test suite (this page and all pages linked from the table of contents below) and its background images (listed below) are in the public domain by assertion of their author. No rights reserved.</p>
+<p>The images used as backgrounds are the following:
+  <ul>
+  <li><img alt="rainbowh.gif" src="rainbowh.gif">
+  <li><img alt="rainbowv.gif" src="rainbowv.gif">
+  <li><img alt="edge.gif" src="edge.gif">
+  </ul>
+<p>They are in GIF format, with transparency.</p>
+<p>Each color band in the rainbow backgrounds is 20 pixels wide. Each stripe within the color band is two pixels wide.</p>
+<p>The aqua and purple band is 10 pixels wide. Each stripe within the band is two pixels wide.</p>
+<p>Many image background rules in this test suite are backed up with a 'black' background color.</p>
+<p>This test suite assumes that <strong>the border edge for a table element in a table with collapsed borders is the <em>middle</em> of the border around the element, not the outer or inner edge.</strong> (This also needs to be addressed by CSS2.1.) It also assumes support for proper ordering of tables with <code class="sgmltag">&lt;tfoot&gt;</code>.</p>
+
+<h2>Table of Contents</h2>
+<ol style="list-style-type: upper-latin">
+<li>Background Area
+    <ol>
+    <li><a href="backgr_simple-table.html">Background on 'table'</a>
+    <li><a href="backgr_simple-table-row-group.html">Background on 'table-row-group'</a>
+    <li><a href="backgr_simple-table-column-group.html">Background on 'table-column-group'</a>
+    <li><a href="backgr_simple-table-row.html">Background on 'table-row'</a>
+    <li><a href="backgr_simple-table-column.html">Background on 'table-column'</a>
+    <li><a href="backgr_simple-table-cell.html">Background on 'table-cell'</a>
+    </ol>
+<li>Background Position
+    <ol>
+    <li><a href="backgr_position-table.html">Background on 'table'</a>
+    <li><a href="backgr_position-table-row-group.html">Background on 'table-row-group'</a>
+    <li><a href="backgr_position-table-column-group.html">Background on 'table-column-group'</a>
+    <li><a href="backgr_position-table-row.html">Background on 'table-row'</a>
+    <li><a href="backgr_position-table-column.html">Background on 'table-column'</a>
+    <li><a href="backgr_position-table-cell.html">Background on 'table-cell'</a>
+    </ol>
+<li>Background Layers
+    <ol>
+    <li><a href="backgr_layers-show.html">empty-cells: show</a>
+    <li><a href="backgr_layers-hide.html">empty-cells: hide</a>
+    </ol>
+<li>Background with Borders
+    <ol>
+    <li><a href="backgr_border-table.html">Background on 'table'</a>
+    <li><a href="backgr_border-table-row-group.html">Background on 'table-row-group'</a>
+    <li><a href="backgr_border-table-column-group.html">Background on 'table-column-group'</a>
+    <li><a href="backgr_border-table-row.html">Background on 'table-row'</a>
+    <li><a href="backgr_border-table-column.html">Background on 'table-column'</a>
+    <li><a href="backgr_border-table-cell.html">Background on 'table-cell'</a>
+<li>Special Tests
+    <ol>
+    <li><a href="backgr_layers-opacity.html">Opacity</a>
+    <li><a href="backgr_fixed-bg.html">Fixed Backgrounds</a>
+    </ol>
+</ol>
+
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_layers-hide.html b/layout/reftests/table-background/backgr_layers-hide.html
new file mode 100644
index 0000000000..1ac8830b82
--- /dev/null
+++ b/layout/reftests/table-background/backgr_layers-hide.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>empty-cells: hide</title>
+<link rel="next" href="backgr_border-table.html" title="Background with Borders: Background on 'table'">
+<link rel="prev" href="backgr_layers-show.html" title="Background Layers: empty-cell: show">
+<link rel="contents" href="./backgr_indxe.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table        {background: blue; empty-cells: hide}
+  tbody, thead {background: url(edge.gif) right top  no-repeat}
+  tr           {background: url(edge.gif) 0     10px   no-repeat}
+  .colgroup-A  {background: url(edge.gif) 100%  20px   no-repeat}
+  .col-3       {background: url(edge.gif) 0     30px   no-repeat}
+  .c           {background: url(edge.gif) -20px 100%   no-repeat; min-height: 50px}
+
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part C: Background Layers</h2>
+
+    <h3>empty-cells: hide</h3>
+
+    <p>Both tables should look identical to the ones in <a href="backgr_layers-show.html">empty-cells: show</a> except that there should be a blue blank where table cell C should be.
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_border-table.html">Background with Borders: Background on 'table'</a>
+       <dt>previous
+          <dd><a href="backgr_layers-show.html">Background Layers: empty-cells: show</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_layers-opacity.html b/layout/reftests/table-background/backgr_layers-opacity.html
new file mode 100644
index 0000000000..2ced0e4117
--- /dev/null
+++ b/layout/reftests/table-background/backgr_layers-opacity.html
@@ -0,0 +1,130 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>layers: opacity</title>
+<link rel="next" href="backgr_fixed-bg.html" title="Special Tests: Fixed Backgrounds">
+<link rel="prev" href="backgr_border-table-cell.html" title="Special Tests: Fixed Backgrounds">
+<link rel="stylesheet" type="text/css" href="common.css">
+
+<style type="text/css">
+  table{background: white; color: black;}
+  caption {color: white;}
+  tr {background: red; opacity: 0.5; }
+  tfoot {background: yellow; opacity: 0.5; }
+  .a, .p {background: blue; opacity: 0.5; }
+
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part E: Special Tests</h2>
+
+    <h3>opacity: 0.5</h3>
+    
+    <ul>
+    <li>The first three rows should be red.
+    <li>The last row should be orange.
+    <li>Cell A should be purple. Cell P should also be purple, but of a shade that reflects the underlying orange rather than the red.
+    </ul>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_fixed-bg.html">Special Tests: Fixed Backgrounds</a>
+       <dt>previous
+          <dd><a href="backgr_border-table-cell.html">Background with Borders: Background on 'table-cell'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_layers-show.html b/layout/reftests/table-background/backgr_layers-show.html
new file mode 100644
index 0000000000..98cfbd900e
--- /dev/null
+++ b/layout/reftests/table-background/backgr_layers-show.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>empty-cells: show</title>
+<link rel="next" href="backgr_layers-hide.html" title="Background Layers: empty-cell: hide">
+<link rel="prev" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table        {background: blue; empty-cells: show}
+  tbody, thead {background: url(edge.gif) right top  no-repeat}
+  tr           {background: url(edge.gif) 0     10px   no-repeat}
+  .colgroup-A  {background: url(edge.gif) 100%  20px   no-repeat}
+  .col-3       {background: url(edge.gif) 0     30px   no-repeat}
+  .c           {background: url(edge.gif) -20px 100%   no-repeat; min-height: 50px}
+
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part C: Background Layers</h2>
+
+    <h3>empty-cells: show</h3>
+
+    <p>Both tables should have a blue background.</p>
+
+    <p>In table cell C (third cell in the first row), which is empty:</p>
+    <ul>
+        <li>Four sets of horizontal double violet stripes surrounded by aqua should run just inside the top border edge.
+        <li>One set of aqua-backed double violet stripes should run just inside the left, right, and bottom border edges.
+        <li>The third set along the top should turn down at the right edge and go under the fourth set to form the right-edge set.
+        <li>The fourth set should turn down at the left edge to form the left set.
+        <li>The bottom stripe should be straight and cut across <em>over</em> the side sets.
+    </ul>
+    <p>In table cell A, (first cell in the first row):</p>
+    <ul>
+        <li>Three sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
+        <li>The first set should run across.
+        <li>The second set should turn down at the left edge, going over the third set to form another set that runs just inside the left border edge.
+    </ul>
+    <p>In table cell D, (last cell in the first row):</p>
+    <ul>
+        <li>Two sets of horizontal aqua-backed double violet strips should run just inside the top border edge.
+        <li>The first set should turn down at the right edge, going under the second horizontal set to run vertically just inside the right border edge.
+    </ul>
+    <p>In table cell G, (third cell in the second row):</p>
+    <ul>
+        <li>Two sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
+        <li>A set of vertical stripes should run down just inside the left border edge, going under both horizontal stripes.
+        <li>Another set of vertical stripes should run down just inside the right border edge, also going under both horizontal stripes.
+    </ul>
+    <dl>
+       <dt>next
+          <dd><a href="backgr_layers-hide.html">Background Layers: empty-cells: show</a>
+       <dt>previous
+          <dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c"></th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png"  height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_position-table-cell.html b/layout/reftests/table-background/backgr_position-table-cell.html
new file mode 100644
index 0000000000..0b25b30cab
--- /dev/null
+++ b/layout/reftests/table-background/backgr_position-table-cell.html
@@ -0,0 +1,127 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-cell'</title>
+<link rel="next" href="backgr_layers-show.html" title="Background Layers: empty-cells: show">
+<link rel="prev" href="backgr_position-table-column.html" title="Background Position: Background on 'table-column'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  .e {background: black url(edge.gif) top left no-repeat}
+  .m {background: black url(edge.gif) bottom right no-repeat}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part B: Background Position</h2>
+
+    <h3>Background on 'table-cell'</h3>
+
+    <p>Two cells are styled.</p>
+    <p>There should be three aqua stripes just inside the top and left padding edges of cell E.</p>
+    <p>There should be three aqua stripes just inside the bottom and right padding edges of Cell M</a>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_layers-show.html">Background Layers: empty-cells: show</a>
+       <dt>previous
+          <dd><a href="backgr_position-table-column.html">Background Position: Background on 'table-column'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_position-table-column-group.html b/layout/reftests/table-background/backgr_position-table-column-group.html
new file mode 100644
index 0000000000..3751d233aa
--- /dev/null
+++ b/layout/reftests/table-background/backgr_position-table-column-group.html
@@ -0,0 +1,126 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-column-group'</title>
+<link rel="next" href="backgr_position-table-row.html" title="Background Position: Background on 'table-row'">
+<link rel="prev" href="backgr_position-table-row-group.html" title="Background Position: Background on 'table-row-group'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  .colgroup-A {background: black url(edge.gif) bottom right no-repeat}
+  .colgroup-B {background: black url(edge.gif) top left no-repeat}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part B: Background Position</h2>
+
+    <h3>Background on 'table-column-group'</h3>
+
+    <p>Three aqua stripes should run just inside the bottom border edge of the last cell in the first three columns and up the right border edge of the cells in the third column.</p>
+    <p>Three aqua stripes should also run just inside the top border edge of the first cell in the last column and down the left border edge of each cell in that column.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_position-table-row.html">Background Position: Background on 'table-row'</a>
+       <dt>previous
+          <dd><a href="backgr_position-table-row-group.html">Background Position: Background on 'table-row-group'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=3>TD M</td>
+
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_position-table-column.html b/layout/reftests/table-background/backgr_position-table-column.html
new file mode 100644
index 0000000000..5468033d23
--- /dev/null
+++ b/layout/reftests/table-background/backgr_position-table-column.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-column'</title>
+<link rel="next" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
+<link rel="prev" href="backgr_position-table-row.html" title="Background Position: Background on 'table-row'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  .col-1 {background: black url(edge.gif) bottom right no-repeat}
+  .col-2 {background: black url(edge.gif) bottom right no-repeat}
+  .col-3 {background: black url(edge.gif) top left}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part B: Background Position</h2>
+
+    <h3>Background on 'table-column'</h3>
+
+    <p>Three columns are styled.</p>
+    <p>In the first column, there should be three vertical stripes just inside the right border edge of the first three cells. The stripes should continue in the last cell, turning a right angle to the left into three aqua stripes along the bottom border edge of the last cell. The last cell should not have three vertical stripes along its right border edge.</p>
+    <p>In the second column, there should be three vertical stripes just inside the right border edge of the first three cells.</p>
+    <p>In the third column, there should be three vertical stripes just inside the top border edge of the first cell and just inside the left edge of all four cells.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
+       <dt>previous
+          <dd><a href="backgr_position-table-row.html">Background Position: Background on 'table-row'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_position-table-row-group.html b/layout/reftests/table-background/backgr_position-table-row-group.html
new file mode 100644
index 0000000000..5ab618dc75
--- /dev/null
+++ b/layout/reftests/table-background/backgr_position-table-row-group.html
@@ -0,0 +1,128 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-row-group'</title>
+<link rel="next" href="backgr_position-table-column-group.html" title="Background Position: Background on 'table-row-group'">
+<link rel="prev" href="backgr_position-table.html" title="Background Position: Background on 'table'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  thead {background: black url(edge.gif) top    right no-repeat}
+  tbody {background: black url(edge.gif) bottom left  no-repeat}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part B: Background Position</h2>
+
+    <h3>Background on 'table-row-group'</h3>
+
+    <p>There should be three aqua stripes along the top border edge of each cell in the first row and three stripes along the right border edge of the last cell in that row.</p>
+    <p>There should be three aqua stripes along the bottom border edge of cells E, J, K, and L. There should also be
+three vertical aqua stripes along the left edge of cell E.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_position-table-column-group.html">Background Position: Background on 'table-column-group'</a>
+       <dt>previous
+          <dd><a href="backgr_position-table.html">Background Position: Background on 'table'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_position-table-row.html b/layout/reftests/table-background/backgr_position-table-row.html
new file mode 100644
index 0000000000..b0ae651fdb
--- /dev/null
+++ b/layout/reftests/table-background/backgr_position-table-row.html
@@ -0,0 +1,135 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-row'</title>
+<link rel="next" href="backgr_position-table-column.html" title="Background Position: Background on 'table-column'">
+<link rel="prev" href="backgr_position-table-column-group.html" title="Background Position: Background on 'table-column-group'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  .th-row-1 {background: black url(edge.gif) bottom right no-repeat;}
+  .tb-row-1 {background: black url(edge.gif) bottom left   no-repeat;}
+  .tb-row-2 {background: black url(edge.gif) top    left no-repeat;}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part B: Background Position</h2>
+
+    <h3>Background on 'table-row'</h3>
+
+    <p>Three rows are styled.</p>
+    <p>The first row should have three aqua stripes just inside the
+     bottom and right border edges of its last cell. The bottom three
+     stripes should continue across the row, appearing along the border
+     edge of each cell.</p>
+    <p>The second row should have three vertical aqua stripes just
+     inside the left border edge of the top half of the first cell (Cell
+     E.) Three horizontal aqua stripes should cut across that cell and
+     align along the bottom border edge of the last three cells.</p>
+    <p>The third row should have three horizontal aqua stripes along the
+     top border edge of the last three cells in the row.</p>
+    <dl>
+       <dt>next
+          <dd><a href="backgr_position-table-column.html">Background Position: Background on 'table-column'</a>
+       <dt>previous
+          <dd><a href="backgr_position-table-column-group.html">Background Position: Background on 'table-column-group'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_position-table.html b/layout/reftests/table-background/backgr_position-table.html
new file mode 100644
index 0000000000..bc1a079f22
--- /dev/null
+++ b/layout/reftests/table-background/backgr_position-table.html
@@ -0,0 +1,124 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table'</title>
+<link rel="next" href="backgr_position-table-row-group.html" title="Background Position: Background on 'table-row-group'">
+<link rel="prev" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table {background: black url(edge.gif) top right no-repeat}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part B: Background Position</h2>
+
+    <h3>Background on 'table'</h3>
+
+    <p>There should be three aqua stripes just inside the top and right table borders.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_position-table-row-group.html">Background Position: Background on 'table-row-group'</a>
+       <dt>previous
+          <dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr id="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr id="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr id="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr id="tb-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_simple-table-cell.html b/layout/reftests/table-background/backgr_simple-table-cell.html
new file mode 100644
index 0000000000..6e2b1e4b50
--- /dev/null
+++ b/layout/reftests/table-background/backgr_simple-table-cell.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-cell'</title>
+<link rel="prev" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'">
+<link rel="next" href="backgr_position-table.html" title="Background Position: Background on 'table'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  td,th {background: black url(rainbowv.gif) top right}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part A: Background Area</h2>
+
+    <h3>Background on 'table-cell'</h3>
+
+    <p class="clip">Each cell's background should fill the rectangle
+     defined by its border edge. There should be no gaps or holes in
+     the background within a cell.</p>
+    <p class="position">A purple band should align with the top
+     padding edge of each cell, and an orange stripe should align a
+     few pixels to the left of its right padding edge.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_position-table.html">Background Position: Background on 'table'</a>
+       <dt>previous
+          <dd><a href="backgr_simple-table-column.html">Background Area: Background on 'table-column'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_simple-table-column-group.html b/layout/reftests/table-background/backgr_simple-table-column-group.html
new file mode 100644
index 0000000000..52c6a3f7db
--- /dev/null
+++ b/layout/reftests/table-background/backgr_simple-table-column-group.html
@@ -0,0 +1,136 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-column-group'</title>
+<link rel="next" href="backgr_simple-table-row.html" title="Background Area: Background on 'table-row'">
+<link rel="prev" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
+<link rel="contents" href="./backgr_index,.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  colgroup {background: black url(rainbowv.gif) top left}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part A: Background Area</h2>
+
+    <h3>Background on 'table-column-group'</h3>
+
+    <p class="scope">The first column group spans the first three
+     columns. The second column group only contains the last column.
+    <p class="clip">The table column group background should be visible
+     within the border edge of each cell originating in the column
+     group. Within each column group, all stripes should line up as if
+     the cells were cutouts in a stencil placed over the column group
+     background. Furthermore, the horizontal stripes should also align
+     across the two column groups.</p>
+    <p class="position">A purple band should align with the top border
+     edge of the cells in the first row. An aqua stripe should align a
+     few pixels to the right of the left border edge of cells in the
+     column group's leftmost column.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</a>
+       <dt>previous
+          <dd><a href="backgr_simple-table-row-group.html">Background Area: Background on 'table-row-group'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_simple-table-column.html b/layout/reftests/table-background/backgr_simple-table-column.html
new file mode 100644
index 0000000000..f23e21989b
--- /dev/null
+++ b/layout/reftests/table-background/backgr_simple-table-column.html
@@ -0,0 +1,134 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-column'</title>
+<link rel="next" href="backgr_simple-table-cell.html" title="Background Area: Background on 'table-cell'">
+<link rel="prev" href="backgr_simple-table-row.html" title="Background Area: Background on 'table-row'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  col {background: black url(rainbowv.gif) bottom right}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part A: Background Area</h2>
+
+    <h3>Background on 'table-column'</h3>
+
+    <p class="scope">All four columns are styled.</p>
+    <p class="clip">The table column background should be visible within
+     the border edge of each cell originating in the column, and the
+     background should be continuously tiled to fill the entire cell.
+     Within the column, all stripes should line up as if the cells were
+     cutouts in a stencil placed over the column background.
+     Furthermore, horizontal stripes should align across columns.</p>
+    <p class="position">A red band should align with the bottom
+     border edge of the last cell in each column. An orange stripe
+     should align a few pixels to the left of the right border of the
+     non-column-spanning cells in each column.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_simple-table-cell.html">Background Area: Background on 'table-cell'</a>
+       <dt>previous
+          <dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_simple-table-row-group.html b/layout/reftests/table-background/backgr_simple-table-row-group.html
new file mode 100644
index 0000000000..22f7cdf45c
--- /dev/null
+++ b/layout/reftests/table-background/backgr_simple-table-row-group.html
@@ -0,0 +1,134 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-row-group'</title>
+<link rel="next" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-row-group'">
+<link rel="prev" href="backgr_simple-table.html" title="Background Area: Background on 'table'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  tbody {background: black url(rainbowh.gif) bottom left}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part A: Background Area</h2>
+
+    <h3>Background on 'table-row-group'</h3>
+
+    <p class="scope">The styled row group spans the second and third
+     rows.</p>
+    <p class="clip">The table row group background should be visible
+     within the border edge of each cell originating in the row group.
+     All stripes should line up as if the cells were cutouts in a
+     stencil placed over the row group background.</p>
+    <p class="position">A red band should align with the left border
+     edge of the first cells in each of the row group's rows. An orange
+     stripe should align a few pixels above the bottom border of the
+     cells in the row group's last row.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_simple-table-column-group.html">Background Area: Background on 'table-column-group'</a>
+       <dt>previous
+          <dd><a href="backgr_simple-table.html">Background Area: Background on 'table'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_simple-table-row.html b/layout/reftests/table-background/backgr_simple-table-row.html
new file mode 100644
index 0000000000..3b9759baea
--- /dev/null
+++ b/layout/reftests/table-background/backgr_simple-table-row.html
@@ -0,0 +1,134 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-row'</title>
+<link rel="next" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'">
+<link rel="prev" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-column-group'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  tr {background: black url(rainbowh.gif) bottom left;}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part A: Background Area</h2>
+
+    <h3>Background on 'table-row'</h3>
+
+    <p class="scope">All four rows are styled.</p>
+    <p class="clip">The table row background should be visible within
+     the border edge of each cell originating in the row, and the
+     background should be continuously tiled to fill the entire cell.
+     Within each row, all stripes should line up as if the cells were
+     cutouts in a stencil placed over the row background. Furthermore,
+     vertical stripes should align across rows.</p>
+    <p class="position">A red band should align with the left border
+     edge of the first cells in each row. An orange stripe should align
+     a few pixels above the bottom border of the non-row-spanning cells
+     in each row.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_simple-table-column.html">Background Area: Background on 'table-column'</a>
+       <dt>previous
+          <dd><a href="backgr_simple-table-column-group.html">Background Area: Background on 'table-column-group'</a>
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/backgr_simple-table.html b/layout/reftests/table-background/backgr_simple-table.html
new file mode 100644
index 0000000000..27238d17b2
--- /dev/null
+++ b/layout/reftests/table-background/backgr_simple-table.html
@@ -0,0 +1,129 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table'</title>
+<link rel="next" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
+<link rel="prev contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+<style type="text/css">
+
+  table {background: black url(rainbowh.gif) top right}
+  
+</style>
+</head>
+<body>
+<h1>CSS2 Table Backgrounds Test Suite</h1>
+
+<h2>Part A: Background Area</h2>
+
+    <h3>Background on 'table'</h3>
+
+    <p class="clip">The table background should fill the rectangle
+     defined by the outer border of the table. There should be no gaps
+     or holes in the background and the stripes should all be
+     continuous.</p>
+    <p class="position">A purple band should align with the left edge
+     of the painted area, and an aqua stripe should align a few pixels
+     below the top border.</p>
+
+    <dl>
+       <dt>next
+          <dd><a href="backgr_simple-table-row-group.html">Background Area: Background on 'table-row-group'</a>
+       <dt>previous
+          <dd>--
+       <dt>contents
+          <dd><a href="./backgr_index.html">Table of Contents</a>
+    </dl>
+
+    <table class="separate">
+    <caption>With 'border-collapse: separate'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+
+    <table class="collapse">
+    <caption>With 'border-collapse: collapse'</caption>
+    <colgroup class="colgroup-A">
+      <col class="col-1">
+      <col class="col-2">
+      <col class="col-3">
+    </colgroup>
+    <colgroup class="colgroup-B">
+      <col class="col-4">
+    </colgroup>
+    <thead>
+      <tr class="th-row-1">
+        <th class="a">TH A</th>
+        <th class="b">TH B</th>
+        <th class="c">TH C</th>
+        <th class="d">TH D</th>
+      </tr>
+    </thead>
+    <tfoot>
+      <tr class="tf-row-1">
+        <td class="m" colspan=2>TD M</td>
+
+        <td class="o">TD O</td>
+        <td class="p">TD P</td>
+    </tfoot>
+    <tbody>
+      <tr class="tb-row-1">
+        <td class="e" rowspan=2>TD E</td>
+        <td class="f">TD F</td>
+        <td class="g">TD G</td>
+        <td class="h">TD H</td>
+      </tr>
+      <tr class="tb-row-2">
+
+        <td class="j">TD J</td>
+        <td class="k">TD K</td>
+        <td class="l">TD L</td>
+      </tr>
+    </tbody>
+    </table>
+<div class="validity">
+  <a href="http://validator.w3.org/check/referer"><img
+     src="valid-html401.png" height="31" width="88"
+     alt="Valid HTML 4.01!"></a>
+</div>
+<address>
+  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
+</address>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-cell-ref.html b/layout/reftests/table-background/border-collapse-opacity-table-cell-ref.html
new file mode 100644
index 0000000000..d3a4b36330
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-cell-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 57px; height: 19px; margin: 40px 118px 86px 123px; }
+	div.color { background-color: aqua; }
+
+	/* The use of opacity < 1 on this cell will create a stacking context,
+	   which causes its background to be inset inside the (collapsed) borders,
+	   see bug 1859523. Adjust the reference div to match. */
+	div.color.o { width: 55px; height: 15px; margin: 42px 119px 88px 124px; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 1px 2px; }
+	div.imagebr { background-position: 56px 17px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color o"></div>
+<div class="imagetl o"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-cell.html b/layout/reftests/table-background/border-collapse-opacity-table-cell.html
new file mode 100644
index 0000000000..043a82eee3
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-cell.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color td.t { background-color: aqua; }
+
+	table.imagetl td.t, table.imagebr td.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl td.t { background-position: top left; /* default */ }
+	table.imagebr td.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="o t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody class="o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr class="o"><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-column-group-ref.html b/layout/reftests/table-background/border-collapse-opacity-table-column-group-ref.html
new file mode 100644
index 0000000000..9ec969236a
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-column-group-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 171px; height: 97px; margin: 2px 61px 8px 66px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 171px 97px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-column-group.html b/layout/reftests/table-background/border-collapse-opacity-table-column-group.html
new file mode 100644
index 0000000000..c83cf63345
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-column-group.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color colgroup.t { background-color: aqua; }
+
+	table.imagetl colgroup.t, table.imagebr colgroup.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl colgroup.t { background-position: top left; /* default */ }
+	table.imagebr colgroup.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-column-ref.html b/layout/reftests/table-background/border-collapse-opacity-table-column-ref.html
new file mode 100644
index 0000000000..82795ef8be
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-column-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 57px; height: 97px; margin: 2px 121px 8px 123px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 57px 97px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-column.html b/layout/reftests/table-background/border-collapse-opacity-table-column.html
new file mode 100644
index 0000000000..edcfde4234
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-column.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color col.t { background-color: aqua; }
+
+	table.imagetl col.t, table.imagebr col.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl col.t { background-position: top left; /* default */ }
+	table.imagebr col.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-ref.html b/layout/reftests/table-background/border-collapse-opacity-table-ref.html
new file mode 100644
index 0000000000..625b952a5e
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 291px; height: 103px; margin: 0px 3px 2px 4px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 3px 2px; }
+	div.imagebr { background-position: 290px 99px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color o"></div>
+<div class="imagetl o"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-row-group-ref.html b/layout/reftests/table-background/border-collapse-opacity-table-row-group-ref.html
new file mode 100644
index 0000000000..053c9d620c
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-row-group-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 287px; height: 57px; margin: 21px 4px 48px 7px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 287px 57px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color o"></div>
+<div class="imagetl o"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-row-group.html b/layout/reftests/table-background/border-collapse-opacity-table-row-group.html
new file mode 100644
index 0000000000..0a3faac941
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-row-group.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tbody.t { background-color: aqua; }
+
+	table.imagetl tbody.t, table.imagebr tbody.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tbody.t { background-position: top left; /* default */ }
+	table.imagebr tbody.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color o">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-row-ref.html b/layout/reftests/table-background/border-collapse-opacity-table-row-ref.html
new file mode 100644
index 0000000000..80e548ab25
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-row-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 287px; height: 19px; margin: 40px 4px 86px 7px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 287px 19px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color o"></div>
+<div class="imagetl o"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table-row.html b/layout/reftests/table-background/border-collapse-opacity-table-row.html
new file mode 100644
index 0000000000..836bd5c3e1
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table-row.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tr.t { background-color: aqua; }
+
+	table.imagetl tr.t, table.imagebr tr.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tr.t { background-position: top left; /* default */ }
+	table.imagebr tr.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-opacity-table.html b/layout/reftests/table-background/border-collapse-opacity-table.html
new file mode 100644
index 0000000000..95619a2400
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-opacity-table.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color { background-color: aqua; }
+
+	table.imagetl, table.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl { background-position: top left; /* default */ }
+	table.imagebr { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color o">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl o">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-cell-ref.html b/layout/reftests/table-background/border-collapse-table-cell-ref.html
new file mode 100644
index 0000000000..2eabe4dba7
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-cell-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 57px; height: 19px; margin: 40px 118px 86px 123px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 1px 2px; }
+	div.imagebr { background-position: 56px 17px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-cell.html b/layout/reftests/table-background/border-collapse-table-cell.html
new file mode 100644
index 0000000000..f8286ad137
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-cell.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color td.t { background-color: aqua; }
+
+	table.imagetl td.t, table.imagebr td.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl td.t { background-position: top left; /* default */ }
+	table.imagebr td.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-column-group-ref.html b/layout/reftests/table-background/border-collapse-table-column-group-ref.html
new file mode 100644
index 0000000000..9ec969236a
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-column-group-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 171px; height: 97px; margin: 2px 61px 8px 66px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 171px 97px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-column-group.html b/layout/reftests/table-background/border-collapse-table-column-group.html
new file mode 100644
index 0000000000..33de7b0fd0
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-column-group.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color colgroup.t { background-color: aqua; }
+
+	table.imagetl colgroup.t, table.imagebr colgroup.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl colgroup.t { background-position: top left; /* default */ }
+	table.imagebr colgroup.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-column-ref.html b/layout/reftests/table-background/border-collapse-table-column-ref.html
new file mode 100644
index 0000000000..82795ef8be
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-column-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 57px; height: 97px; margin: 2px 121px 8px 123px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 57px 97px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-column.html b/layout/reftests/table-background/border-collapse-table-column.html
new file mode 100644
index 0000000000..2387a6d1bb
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-column.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color col.t { background-color: aqua; }
+
+	table.imagetl col.t, table.imagebr col.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl col.t { background-position: top left; /* default */ }
+	table.imagebr col.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-ref.html b/layout/reftests/table-background/border-collapse-table-ref.html
new file mode 100644
index 0000000000..f0bed1aa22
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 291px; height: 103px; margin: 0px 3px 2px 4px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 3px 2px;}
+	div.imagebr { background-position: 290px 99px;}
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-row-group-ref.html b/layout/reftests/table-background/border-collapse-table-row-group-ref.html
new file mode 100644
index 0000000000..90ce2e71b8
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-row-group-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 287px; height: 57px; margin: 21px 4px 48px 7px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 287px 57px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-row-group.html b/layout/reftests/table-background/border-collapse-table-row-group.html
new file mode 100644
index 0000000000..f53a479dac
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-row-group.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tbody.t { background-color: aqua; }
+
+	table.imagetl tbody.t, table.imagebr tbody.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tbody.t { background-position: top left; /* default */ }
+	table.imagebr tbody.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-row-ref.html b/layout/reftests/table-background/border-collapse-table-row-ref.html
new file mode 100644
index 0000000000..cba5aac79c
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-row-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 8px 6px;
+
+		height is 97px:
+		  (2px of border outside height)
+		  extra border width for top row: 0
+		  cell * 5: == 19px * 5 == 95px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 2px;
+		  extra border width for top row: 2px
+		  (4px of border outside height)
+
+		width is 287px:
+		  (3px of border outside width)
+		  extra border width for left column: 2px
+		  cell * 5: == 57px * 5 == 285px
+		    border-left: 1px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  (1px of border outside width)
+    */
+
+	div { width: 287px; height: 19px; margin: 40px 4px 86px 7px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 287px 19px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table-row.html b/layout/reftests/table-background/border-collapse-table-row.html
new file mode 100644
index 0000000000..ebcc1c2ad0
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table-row.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tr.t { background-color: aqua; }
+
+	table.imagetl tr.t, table.imagebr tr.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tr.t { background-position: top left; /* default */ }
+	table.imagebr tr.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-collapse-table.html b/layout/reftests/table-background/border-collapse-table.html
new file mode 100644
index 0000000000..b62d5467a5
--- /dev/null
+++ b/layout/reftests/table-background/border-collapse-table.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 8px 6px; /* collapsed */
+		padding: 3px 7px 8px 6px; /* ignored */
+		border-collapse: collapse;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 0 4px 2px; /* collapsed */
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color { background-color: aqua; }
+
+	table.imagetl, table.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl { background-position: top left; /* default */ }
+	table.imagebr { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-cell-ref.html b/layout/reftests/table-background/border-separate-opacity-table-cell-ref.html
new file mode 100644
index 0000000000..f161f067e5
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-cell-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 59px; height: 21px; margin: 58px 136px 126px 137px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 3px 2px; }
+	div.imagebr { background-position: 58px 17px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl o"></div>
+<div class="imagebr o"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-cell.html b/layout/reftests/table-background/border-separate-opacity-table-cell.html
new file mode 100644
index 0000000000..64396f3879
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-cell.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color td.t { background-color: aqua; }
+
+	table.imagetl td.t, table.imagebr td.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl td.t { background-position: top left; /* default */ }
+	table.imagebr td.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-column-group-ref.html b/layout/reftests/table-background/border-separate-opacity-table-column-group-ref.html
new file mode 100644
index 0000000000..6985dae64d
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-column-group-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 181px; height: 117px; margin: 10px 75px 30px 76px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 181px 117px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-column-group.html b/layout/reftests/table-background/border-separate-opacity-table-column-group.html
new file mode 100644
index 0000000000..9c4b233c28
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-column-group.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color colgroup.t { background-color: aqua; }
+
+	table.imagetl colgroup.t, table.imagebr colgroup.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl colgroup.t { background-position: top left; /* default */ }
+	table.imagebr colgroup.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-column-ref.html b/layout/reftests/table-background/border-separate-opacity-table-column-ref.html
new file mode 100644
index 0000000000..a6629347d2
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-column-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 59px; height: 117px; margin: 10px 136px 30px 137px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 59px 117px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-column.html b/layout/reftests/table-background/border-separate-opacity-table-column.html
new file mode 100644
index 0000000000..a31df6b6ac
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-column.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color col.t { background-color: aqua; }
+
+	table.imagetl col.t, table.imagebr col.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl col.t { background-position: top left; /* default */ }
+	table.imagebr col.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-ref.html b/layout/reftests/table-background/border-separate-opacity-table-ref.html
new file mode 100644
index 0000000000..e68d8dce11
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div { width: 325px; height: 145px; margin: 0px 3px 2px 4px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 3px 4px; }
+	div.imagebr { background-position: 323px 138px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl o"></div>
+<div class="imagebr o"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-row-group-ref.html b/layout/reftests/table-background/border-separate-opacity-table-row-group-ref.html
new file mode 100644
index 0000000000..faf70318c1
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-row-group-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 303px; height: 69px; margin: 34px 14px 78px 15px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 303px 69px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl o"></div>
+<div class="imagebr o"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-row-group.html b/layout/reftests/table-background/border-separate-opacity-table-row-group.html
new file mode 100644
index 0000000000..79225d79d6
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-row-group.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tbody.t { background-color: aqua; }
+
+	table.imagetl tbody.t, table.imagebr tbody.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tbody.t { background-position: top left; /* default */ }
+	table.imagebr tbody.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-row-ref.html b/layout/reftests/table-background/border-separate-opacity-table-row-ref.html
new file mode 100644
index 0000000000..afd545d4eb
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-row-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 303px; height: 21px; margin: 58px 14px 126px 15px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 303px 21px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl o"></div>
+<div class="imagebr o"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table-row.html b/layout/reftests/table-background/border-separate-opacity-table-row.html
new file mode 100644
index 0000000000..6670fb2294
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table-row.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tr.t { background-color: aqua; }
+
+	table.imagetl tr.t, table.imagebr tr.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tr.t { background-position: top left; /* default */ }
+	table.imagebr tr.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-opacity-table.html b/layout/reftests/table-background/border-separate-opacity-table.html
new file mode 100644
index 0000000000..83faf1fa0a
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-opacity-table.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	.o { opacity: 0.5; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color { background-color: aqua; }
+
+	table.imagetl, table.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl { background-position: top left; /* default */ }
+	table.imagebr { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t o">
+        <col>
+        <col class="t o">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t o">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl o">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr o">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-cell-ref.html b/layout/reftests/table-background/border-separate-table-cell-ref.html
new file mode 100644
index 0000000000..618ef36f82
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-cell-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 59px; height: 21px; margin: 58px 136px 126px 137px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 3px 2px; }
+	div.imagebr { background-position: 58px 17px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-cell.html b/layout/reftests/table-background/border-separate-table-cell.html
new file mode 100644
index 0000000000..e29e64610f
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-cell.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color td.t { background-color: aqua; }
+
+	table.imagetl td.t, table.imagebr td.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl td.t { background-position: top left; /* default */ }
+	table.imagebr td.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-column-group-ref.html b/layout/reftests/table-background/border-separate-table-column-group-ref.html
new file mode 100644
index 0000000000..6985dae64d
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-column-group-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 181px; height: 117px; margin: 10px 75px 30px 76px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 181px 117px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-column-group.html b/layout/reftests/table-background/border-separate-table-column-group.html
new file mode 100644
index 0000000000..2dc3f4b0f1
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-column-group.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color colgroup.t { background-color: aqua; }
+
+	table.imagetl colgroup.t, table.imagebr colgroup.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl colgroup.t { background-position: top left; /* default */ }
+	table.imagebr colgroup.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-column-ref.html b/layout/reftests/table-background/border-separate-table-column-ref.html
new file mode 100644
index 0000000000..a6629347d2
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-column-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 59px; height: 117px; margin: 10px 136px 30px 137px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 59px 117px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-column.html b/layout/reftests/table-background/border-separate-table-column.html
new file mode 100644
index 0000000000..37a4e7e6b3
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-column.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color col.t { background-color: aqua; }
+
+	table.imagetl col.t, table.imagebr col.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl col.t { background-position: top left; /* default */ }
+	table.imagebr col.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-ref.html b/layout/reftests/table-background/border-separate-table-ref.html
new file mode 100644
index 0000000000..a260d87e80
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div { width: 325px; height: 145px; margin: 0px 3px 2px 4px; }
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 3px 4px; }
+	div.imagebr { background-position: 323px 138px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-row-group-ref.html b/layout/reftests/table-background/border-separate-table-row-group-ref.html
new file mode 100644
index 0000000000..a40af43a62
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-row-group-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 303px; height: 69px; margin: 34px 14px 78px 15px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 303px 69px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-row-group.html b/layout/reftests/table-background/border-separate-table-row-group.html
new file mode 100644
index 0000000000..1f9802380a
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-row-group.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tbody.t { background-color: aqua; }
+
+	table.imagetl tbody.t, table.imagebr tbody.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tbody.t { background-position: top left; /* default */ }
+	table.imagebr tbody.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-row-ref.html b/layout/reftests/table-background/border-separate-table-row-ref.html
new file mode 100644
index 0000000000..cacab1f131
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-row-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Table background tests</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	/*
+	table { 
+		margin: 0px 3px 2px 4px;
+		border-width: 4px 2px 7px 3px;
+
+		border-box height is 145px:
+		  border-top: 4px;
+		  padding-top: 3px
+		  border-spacing: 3px * 6 == 18px
+		  cell * 5: == 21px * 5 == 105px
+		    border-top: 2px;
+		    padding-top: 1px;
+		    height: 10px;
+		    padding-bottom: 4px;
+		    border-bottom: 4px;
+		  padding-bottom: 8px;
+		  border-bottom: 7px;
+
+		border-box width is 325px:
+		  border-left: 3px;
+		  padding-left: 6px
+		  border-spacing: 2px * 6 == 12px
+		  cell * 5: == 59px * 5 == 295px
+		    border-left: 3px;
+		    padding-left: 3px;
+		    width: 50px;
+		    padding-right: 2px;
+		    border-right: 1px;
+		  padding-right: 7px;
+		  border-right: 2px;
+    */
+
+	div.color, div.imagetl, div.imagebr {
+        width: 303px; height: 21px; margin: 58px 14px 126px 15px;
+	}
+	div.color { background-color: aqua; }
+
+	div.imagetl, div.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	div.imagetl { background-position: 0 0; }
+	div.imagebr { background-position: 303px 21px; }
+
+	div.vstripe, div.hstripe { background: white; position: absolute; }
+	div.vstripe { top: 0; width: 2px; height: 500px; }
+	div.hstripe { left: 0; height: 3px; width: 400px; }
+
+	</style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div class="hstripe" style="top: 46px"></div>
+<div class="hstripe" style="top: 70px"></div>
+<div class="hstripe" style="top: 94px"></div>
+<div class="hstripe" style="top: 118px"></div>
+<div class="hstripe" style="top: 193px"></div>
+<div class="hstripe" style="top: 217px"></div>
+<div class="hstripe" style="top: 241px"></div>
+<div class="hstripe" style="top: 265px"></div>
+<div class="hstripe" style="top: 340px"></div>
+<div class="hstripe" style="top: 364px"></div>
+<div class="hstripe" style="top: 388px"></div>
+<div class="hstripe" style="top: 412px"></div>
+
+<div class="vstripe" style="left: 89px"></div>
+<div class="vstripe" style="left: 150px"></div>
+<div class="vstripe" style="left: 211px"></div>
+<div class="vstripe" style="left: 272px"></div>
+<div class="vstripe" style="left: 333px"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table-row.html b/layout/reftests/table-background/border-separate-table-row.html
new file mode 100644
index 0000000000..c10a6443e5
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table-row.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color tr.t { background-color: aqua; }
+
+	table.imagetl tr.t, table.imagebr tr.t {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl tr.t { background-position: top left; /* default */ }
+	table.imagebr tr.t { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/border-separate-table.html b/layout/reftests/table-background/border-separate-table.html
new file mode 100644
index 0000000000..cd6f17c66a
--- /dev/null
+++ b/layout/reftests/table-background/border-separate-table.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>CSS 2.1 Test Suite: table backgrounds</title>
+    <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+    <meta name="flags" content="" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+	body { padding: 15px; }
+
+	table { 
+		margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+		border: transparent solid;
+		border-width: 4px 2px 7px 3px;
+		padding: 3px 7px 8px 6px;
+		border-collapse: separate;
+		border-spacing: 2px 3px;
+	}
+
+	td {
+		border: transparent solid;
+		border-width: 2px 1px 4px 3px;
+		padding: 1px 2px 4px 3px;
+		empty-cells: show;
+	}
+
+	div { height: 10px; width: 50px; }
+
+	table.color { background-color: aqua; }
+
+	table.imagetl, table.imagebr {
+		background-image: url(repeatable-diagonal-gradient-with-ticks.png);
+	}
+
+	table.imagetl { background-position: top left; /* default */ }
+	table.imagebr { background-position: bottom right; /* default */ }
+
+	</style>
+</head>
+<body>
+
+<table class="color">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagetl">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+<table class="imagebr">
+	<colgroup><col></colgroup>
+	<colgroup class="t">
+        <col>
+        <col class="t">
+        <col>
+	</colgroup>
+	<colgroup><col></colgroup>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody class="t">
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+	<tbody>
+        <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+	</tbody>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/common.css b/layout/reftests/table-background/common.css
new file mode 100644
index 0000000000..2a9607e57b
--- /dev/null
+++ b/layout/reftests/table-background/common.css
@@ -0,0 +1,43 @@
+body {
+	color: lime;
+	background: #333333;
+	font-family: monospace;
+}
+:link {
+	color: yellow;
+}
+:visited {
+	color: #999900;
+}
+table {
+	border: 1px dotted;
+	border-spacing: 7px;
+	font-size: larger;
+	font-weight: 900;
+	font-family: sans-serif;
+	color: white;
+}
+td, th {
+	border: 1px dotted;
+}
+.separate {
+	border-collapse: separate;
+}
+.collapse {
+	border-collapse: collapse;
+}
+.b, .e {
+	border: 13px dotted;
+}
+
+/*Columns*/
+.a {width: 126px}
+.b {width: 192px}
+.c {width: 114px}
+.d {width: 109px}
+
+/*Rows*/
+.d {height: 96px}
+.h {height: 104px}
+.l {height: 80px}
+.p {height: 111px}
diff --git a/layout/reftests/table-background/edge.gif b/layout/reftests/table-background/edge.gif
new file mode 100644
index 0000000000..dd94b28a97
Binary files /dev/null and b/layout/reftests/table-background/edge.gif differ
diff --git a/layout/reftests/table-background/empty-cells-default-1-ref.html b/layout/reftests/table-background/empty-cells-default-1-ref.html
new file mode 100644
index 0000000000..bedf3926fe
--- /dev/null
+++ b/layout/reftests/table-background/empty-cells-default-1-ref.html
@@ -0,0 +1,6 @@
+<!-- Quirks mode on purpose -->
+<table style="empty-cells: show">
+  <tr>
+    <td style="border: 10px solid blue; background: yellow; height: 50px; width: 50px"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-background/empty-cells-default-1.html b/layout/reftests/table-background/empty-cells-default-1.html
new file mode 100644
index 0000000000..af4883945c
--- /dev/null
+++ b/layout/reftests/table-background/empty-cells-default-1.html
@@ -0,0 +1,6 @@
+<!-- Quirks mode on purpose -->
+<table>
+  <tr>
+    <td style="border: 10px solid blue; background: yellow; height: 50px; width: 50px"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-background/empty-cells-default-2-ref.html b/layout/reftests/table-background/empty-cells-default-2-ref.html
new file mode 100644
index 0000000000..2eaef9ca91
--- /dev/null
+++ b/layout/reftests/table-background/empty-cells-default-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<table style="empty-cells: show">
+  <tr>
+    <td style="border: 10px solid blue; background: yellow; height: 50px; width: 50px"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-background/empty-cells-default-2.html b/layout/reftests/table-background/empty-cells-default-2.html
new file mode 100644
index 0000000000..a5e7c07a2b
--- /dev/null
+++ b/layout/reftests/table-background/empty-cells-default-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<table>
+  <tr>
+    <td style="border: 10px solid blue; background: yellow; height: 50px; width: 50px"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-background/empty.html b/layout/reftests/table-background/empty.html
new file mode 100644
index 0000000000..59e7954d87
--- /dev/null
+++ b/layout/reftests/table-background/empty.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Background on 'table-cell'</title>
+<link rel="prev" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'">
+<link rel="next" href="backgr_position-table.html" title="Background Position: Background on 'table'">
+<link rel="contents" href="./backgr_index.html" title="Table of Contents">
+<link rel="stylesheet" type="text/css" href="common.css">
+
+</head>
+<body>
+
+</body>
+</html>
diff --git a/layout/reftests/table-background/hidden-cells-1.html b/layout/reftests/table-background/hidden-cells-1.html
new file mode 100644
index 0000000000..1b11d4b2d5
--- /dev/null
+++ b/layout/reftests/table-background/hidden-cells-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<table style="width: 200px; height: 200px; empty-cells: hide; color: white">
+  <colgroup style="background: red">
+    <col style="background: red">
+  </colgroup>
+  <tbody style="background: red">
+    <tr style="background: red">
+      <td></td>
+      <td style="visibility: hidden">X</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/hidden-cells-2.html b/layout/reftests/table-background/hidden-cells-2.html
new file mode 100644
index 0000000000..277df6daa7
--- /dev/null
+++ b/layout/reftests/table-background/hidden-cells-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<table style="width: 200px; height: 200px; empty-cells: show; color: white">
+  <colgroup style="background: red">
+    <col style="background: red">
+  </colgroup>
+  <tbody style="background: red">
+    <tr style="background: red">
+      <td style="background: white"></td>
+      <td style="visibility: hidden"></td>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/hidden-cells-3-ref.html b/layout/reftests/table-background/hidden-cells-3-ref.html
new file mode 100644
index 0000000000..b0aff8a71a
--- /dev/null
+++ b/layout/reftests/table-background/hidden-cells-3-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<table style="width: 200px; height: 200px; empty-cells: show; border-collapse: collapse">
+  <colgroup style="background: red">
+    <col style="background: red">
+  </colgroup>
+  <tbody style="background: red">
+    <tr style="background: red">
+      <td style="background: green">
+      </td>
+      <td style="background: white">
+      </td>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/hidden-cells-3.html b/layout/reftests/table-background/hidden-cells-3.html
new file mode 100644
index 0000000000..a2d171194b
--- /dev/null
+++ b/layout/reftests/table-background/hidden-cells-3.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<table style="width: 200px; height: 200px; empty-cells: hide; border-collapse: collapse">
+  <colgroup style="background: red">
+    <col style="background: red">
+  </colgroup>
+  <tbody style="background: red">
+    <tr style="background: green; visibility: hidden">
+      <td style="visibility: visible">
+      </td>
+      <td>
+      </td>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/rainbowh.gif b/layout/reftests/table-background/rainbowh.gif
new file mode 100644
index 0000000000..b64f265f5b
Binary files /dev/null and b/layout/reftests/table-background/rainbowh.gif differ
diff --git a/layout/reftests/table-background/rainbowv.gif b/layout/reftests/table-background/rainbowv.gif
new file mode 100644
index 0000000000..0afd41cba9
Binary files /dev/null and b/layout/reftests/table-background/rainbowv.gif differ
diff --git a/layout/reftests/table-background/reftest.list b/layout/reftests/table-background/reftest.list
new file mode 100644
index 0000000000..6ec25adb67
--- /dev/null
+++ b/layout/reftests/table-background/reftest.list
@@ -0,0 +1,69 @@
+# these could be moved to crashtests
+!= backgr_border-table-cell.html empty.html
+!= backgr_border-table-column-group.html empty.html
+# This seems to be caused by bug 527825
+asserts-if(gtkWidget,0-12) != backgr_border-table-column.html empty.html
+asserts-if(gtkWidget,0-6) != backgr_border-table-quirks.html empty.html
+!= backgr_border-table-row-group.html empty.html
+!= backgr_border-table-row.html empty.html
+!= backgr_border-table.html empty.html
+!= backgr_fixed-bg.html empty.html
+!= backgr_index.html empty.html
+!= backgr_layers-hide.html empty.html
+!= backgr_layers-opacity.html empty.html
+!= backgr_layers-show.html empty.html
+!= backgr_position-table-cell.html empty.html
+!= backgr_position-table-column-group.html empty.html
+!= backgr_position-table-column.html empty.html
+!= backgr_position-table-row-group.html empty.html
+!= backgr_position-table-row.html empty.html
+!= backgr_position-table.html empty.html
+!= backgr_simple-table-cell.html empty.html
+!= backgr_simple-table-column-group.html empty.html
+!= backgr_simple-table-column.html empty.html
+!= backgr_simple-table-row-group.html empty.html
+!= backgr_simple-table-row.html empty.html
+!= backgr_simple-table.html empty.html
+
+# would also be good to test table-header-group and table-footer-group
+# (and rows and row groups in the presence of their reordering)
+# Also need to test different values of background-origin and background-clip.
+random-if(useDrawSnapshot) == border-separate-table-cell.html border-separate-table-cell-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-separate-table-column-group.html border-separate-table-column-group-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-separate-table-column.html border-separate-table-column-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-separate-table-row-group.html border-separate-table-row-group-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-separate-table-row.html border-separate-table-row-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-separate-table.html border-separate-table-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-collapse-table-cell.html border-collapse-table-cell-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-collapse-table-column-group.html border-collapse-table-column-group-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-collapse-table-column.html border-collapse-table-column-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-collapse-table-row-group.html border-collapse-table-row-group-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-collapse-table-row.html border-collapse-table-row-ref.html # Bug 1715400
+random-if(useDrawSnapshot) == border-collapse-table.html border-collapse-table-ref.html # Bug 1715400
+fuzzy(0-1,0-2200) random-if(useDrawSnapshot) == border-collapse-opacity-table-cell.html border-collapse-opacity-table-cell-ref.html
+fuzzy(0-1,0-16863) random-if(useDrawSnapshot) == border-collapse-opacity-table-column-group.html border-collapse-opacity-table-column-group-ref.html
+fuzzy(0-1,0-5625) random-if(useDrawSnapshot) == border-collapse-opacity-table-column.html border-collapse-opacity-table-column-ref.html
+fuzzy(0-1,0-32718) random-if(useDrawSnapshot) == border-collapse-opacity-table-row-group.html border-collapse-opacity-table-row-group-ref.html
+fuzzy(0-1,0-11000) random-if(useDrawSnapshot) == border-collapse-opacity-table-row.html border-collapse-opacity-table-row-ref.html
+fuzzy(0-1,0-60000) == border-collapse-opacity-table.html border-collapse-opacity-table-ref.html
+fuzzy(0-1,0-2500) random-if(useDrawSnapshot) == border-separate-opacity-table-cell.html border-separate-opacity-table-cell-ref.html
+fuzzy(0-1,0-4078) random-if(useDrawSnapshot) == border-separate-opacity-table-column-group.html border-separate-opacity-table-column-group-ref.html
+fuzzy(0-1,0-1329) random-if(useDrawSnapshot) == border-separate-opacity-table-column.html border-separate-opacity-table-column-ref.html
+fuzzy(0-1,0-38000) random-if(useDrawSnapshot) == border-separate-opacity-table-row-group.html border-separate-opacity-table-row-group-ref.html
+fuzzy(0-1,0-13000) random-if(useDrawSnapshot) == border-separate-opacity-table-row.html border-separate-opacity-table-row-ref.html
+fuzzy(0-1,0-95000) random-if(useDrawSnapshot) == border-separate-opacity-table.html border-separate-opacity-table-ref.html
+!= scrollable-rowgroup-collapse-background.html scrollable-rowgroup-collapse-notref.html
+!= scrollable-rowgroup-collapse-border.html scrollable-rowgroup-collapse-notref.html
+!= scrollable-rowgroup-separate-background.html scrollable-rowgroup-separate-notref.html
+== scrollable-rowgroup-separate-border.html scrollable-rowgroup-separate-notref.html # scrolling rowgroups were removed in bug 28800
+== empty-cells-default-1.html empty-cells-default-1-ref.html
+== empty-cells-default-2.html empty-cells-default-2-ref.html
+fuzzy(0-84,0-5500) fuzzy-if(Android,0-2,0-5957) == table-row-opacity-dynamic-1.html table-row-opacity-dynamic-1-ref.html
+== table-row-opacity-dynamic-2.html table-row-opacity-dynamic-2-ref.html
+
+== hidden-cells-1.html about:blank
+== hidden-cells-2.html about:blank
+== hidden-cells-3.html hidden-cells-3-ref.html
+
+== table-col-overlapping.html table-col-overlapping-ref.html
+== table-col-span-1.html table-col-span-1-ref.html
diff --git a/layout/reftests/table-background/repeatable-diagonal-gradient-with-ticks.png b/layout/reftests/table-background/repeatable-diagonal-gradient-with-ticks.png
new file mode 100644
index 0000000000..1b019db984
Binary files /dev/null and b/layout/reftests/table-background/repeatable-diagonal-gradient-with-ticks.png differ
diff --git a/layout/reftests/table-background/scrollable-rowgroup-collapse-background.html b/layout/reftests/table-background/scrollable-rowgroup-collapse-background.html
new file mode 100644
index 0000000000..7800ae5951
--- /dev/null
+++ b/layout/reftests/table-background/scrollable-rowgroup-collapse-background.html
@@ -0,0 +1,6 @@
+<title>Testcase for assertion fix in bug 531461</title>
+<table style="border-collapse:collapse">
+  <tbody style="overflow:scroll; background:yellow">
+    <tr><td>Cell</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/scrollable-rowgroup-collapse-border.html b/layout/reftests/table-background/scrollable-rowgroup-collapse-border.html
new file mode 100644
index 0000000000..67f4613663
--- /dev/null
+++ b/layout/reftests/table-background/scrollable-rowgroup-collapse-border.html
@@ -0,0 +1,6 @@
+<title>Testcase for assertion fix in bug 531461</title>
+<table style="border-collapse:collapse">
+  <tbody style="overflow:scroll; border: medium solid black">
+    <tr><td>Cell</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/scrollable-rowgroup-collapse-notref.html b/layout/reftests/table-background/scrollable-rowgroup-collapse-notref.html
new file mode 100644
index 0000000000..1377cdc4aa
--- /dev/null
+++ b/layout/reftests/table-background/scrollable-rowgroup-collapse-notref.html
@@ -0,0 +1,6 @@
+<title>Testcase for assertion fix in bug 531461</title>
+<table style="border-collapse:collapse">
+  <tbody style="overflow:scroll">
+    <tr><td>Cell</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/scrollable-rowgroup-separate-background.html b/layout/reftests/table-background/scrollable-rowgroup-separate-background.html
new file mode 100644
index 0000000000..657f5c6e48
--- /dev/null
+++ b/layout/reftests/table-background/scrollable-rowgroup-separate-background.html
@@ -0,0 +1,6 @@
+<title>Testcase for assertion fix in bug 531461</title>
+<table>
+  <tbody style="overflow:scroll; background:yellow">
+    <tr><td>Cell</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/scrollable-rowgroup-separate-border.html b/layout/reftests/table-background/scrollable-rowgroup-separate-border.html
new file mode 100644
index 0000000000..a8e65aebbd
--- /dev/null
+++ b/layout/reftests/table-background/scrollable-rowgroup-separate-border.html
@@ -0,0 +1,6 @@
+<title>Testcase for assertion fix in bug 531461</title>
+<table>
+  <tbody style="overflow:scroll; border: medium solid black">
+    <tr><td>Cell</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/scrollable-rowgroup-separate-notref.html b/layout/reftests/table-background/scrollable-rowgroup-separate-notref.html
new file mode 100644
index 0000000000..17dae8666c
--- /dev/null
+++ b/layout/reftests/table-background/scrollable-rowgroup-separate-notref.html
@@ -0,0 +1,6 @@
+<title>Testcase for assertion fix in bug 531461</title>
+<table>
+  <tbody style="overflow:scroll">
+    <tr><td>Cell</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-background/table-col-overlapping-ref.html b/layout/reftests/table-background/table-col-overlapping-ref.html
new file mode 100644
index 0000000000..635fbe6574
--- /dev/null
+++ b/layout/reftests/table-background/table-col-overlapping-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  td {
+    width: 20px;
+    height: 20px;
+    background-color: green;
+  }
+  table {
+    border-collapse:separate;
+    border-spacing: 0px;
+  }
+</style>
+</head>
+<body>
+<table>
+  <tr>
+    <td></td>
+    <td style="background-color: blue"></td>
+  <tr>
+    <td></td>
+    <td></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-background/table-col-overlapping.html b/layout/reftests/table-background/table-col-overlapping.html
new file mode 100644
index 0000000000..219fd56b57
--- /dev/null
+++ b/layout/reftests/table-background/table-col-overlapping.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  td {
+    width: 20px;
+    height: 20px;
+  }
+  table {
+    border-collapse:separate;
+    border-spacing: 0px;
+  }
+</style>
+</head>
+<body>
+<table>
+  <col style="background: green"></col>
+  <col style="background: blue"></col>
+  <tr>
+    <td></td>
+    <td rowspan=2></td>
+  <tr>
+    <td colspan=2></td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-background/table-col-span-1-ref.html b/layout/reftests/table-background/table-col-span-1-ref.html
new file mode 100644
index 0000000000..12a7bc45f6
--- /dev/null
+++ b/layout/reftests/table-background/table-col-span-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <table border>
+    <col style="background:purple"></col>
+    <col style="background:purple"></col>
+    <col style="background:blue"></col>
+    <tr>
+      <td>x</td>
+      <td>y</td>
+      <td>z</td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-background/table-col-span-1.html b/layout/reftests/table-background/table-col-span-1.html
new file mode 100644
index 0000000000..b7e98b3dec
--- /dev/null
+++ b/layout/reftests/table-background/table-col-span-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+  <table border>
+    <col span=2 style="background:purple"></col>
+    <col style="background:blue"></col>
+    <tr>
+      <td>x</td>
+      <td>y</td>
+      <td>z</td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-1-ref.html b/layout/reftests/table-background/table-row-opacity-dynamic-1-ref.html
new file mode 100644
index 0000000000..e69c3005c1
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<title>Test for bug 1224253</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr style="opacity: 0.8"><td>cell</td></tr>
+</table>
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-1.html b/layout/reftests/table-background/table-row-opacity-dynamic-1.html
new file mode 100644
index 0000000000..9cb5eac124
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Test for bug 1224253</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr><td>cell</td></tr>
+</table>
+
+<script>
+
+var tr = document.getElementsByTagName("tr")[0];
+
+document.addEventListener("MozReftestInvalidate", step1);
+
+function step1(event) {
+  requestAnimationFrame(step2);
+}
+
+function step2(now) {
+  tr.style.opacity = "0.8";
+  setTimeout(step3, 0);
+}
+
+function step3() {
+  tr.style.opacity = "0.8";
+  setTimeout(step4, 0);
+}
+
+function step4() {
+  tr.style.opacity = "0.8";
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-2-ref.html b/layout/reftests/table-background/table-row-opacity-dynamic-2-ref.html
new file mode 100644
index 0000000000..a2faff6fde
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<title>Test for bug 1224253</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr><td>cell</td></tr>
+</table>
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-2.html b/layout/reftests/table-background/table-row-opacity-dynamic-2.html
new file mode 100644
index 0000000000..cf9a5fd485
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-2.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Test for bug 1224251</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr style="opacity: 0.8"><td>cell</td></tr>
+</table>
+
+<script>
+
+var tr = document.getElementsByTagName("tr")[0];
+
+// Not sure why, but to make this test fail without the patch, this has to
+// be a setTimeout(0) rather than waiting for MozReftestInvalidate.
+setTimeout(step1, 0);
+
+function step1() {
+  tr.style.opacity = "0.8";
+  setTimeout(step2, 0);
+}
+
+function step2() {
+  tr.style.opacity = "0.8";
+  setTimeout(step3, 0);
+}
+
+function step3() {
+  tr.style.opacity = "";
+
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/table-background/valid-html401.png b/layout/reftests/table-background/valid-html401.png
new file mode 100644
index 0000000000..3855210c6c
Binary files /dev/null and b/layout/reftests/table-background/valid-html401.png differ
diff --git a/layout/reftests/table-bordercollapse/1324524-ref.html b/layout/reftests/table-bordercollapse/1324524-ref.html
new file mode 100644
index 0000000000..f8297b13ea
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/1324524-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+  table {
+    border-collapse: collapse;
+  }
+  td {
+    background-color: rgba(0, 255, 0, 0.5);
+    margin-bottom: 10px;
+    height: 100px;
+    width:100px;
+    border-radius: 50px;
+  }
+</style>
+<table>
+  <tr>
+    <td></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/1324524.html b/layout/reftests/table-bordercollapse/1324524.html
new file mode 100644
index 0000000000..7897ffa1b9
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/1324524.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<style>
+  table {
+    border-collapse: collapse;
+  }
+  td {
+    background-color: rgb(0, 255, 0);
+    margin-bottom: 10px;
+    height: 100px;
+    width:100px;
+    border-radius: 50px;
+    opacity: 0.5;
+  }
+</style>
+<table>
+  <tr>
+    <td></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/1384602-1-ref.html b/layout/reftests/table-bordercollapse/1384602-1-ref.html
new file mode 100644
index 0000000000..3a7efb1612
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/1384602-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+  table {
+    table-layout: fixed;
+    width: 100%;
+    border-collapse: collapse;
+  }
+</style>
+<table>
+  <tbody>
+    <tr>
+      <td colspan="4">Spanning.</td>
+    </tr>
+  </tbody>
+  <tbody>
+    <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-bordercollapse/1384602-1a.html b/layout/reftests/table-bordercollapse/1384602-1a.html
new file mode 100644
index 0000000000..eb58374c9b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/1384602-1a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<style>
+  table {
+    table-layout: fixed;
+    width: 100%;
+    border-collapse: collapse;
+  }
+</style>
+<table>
+  <tbody>
+    <tr>
+      <td colspan="4">Spanning.</td>
+    </tr>
+  </tbody>
+  <tbody>
+    <tr id="target"></tr>
+  </tbody>
+</table>
+<script>
+  onload = function() {
+    document.body.offsetWidth;
+    var row = document.getElementById("target");
+    row.innerHTML = "<td>1</td><td>2</td><!--This comment is needed--><td>3</td><td>4</td>";
+  }
+</script>
diff --git a/layout/reftests/table-bordercollapse/1384602-1b.html b/layout/reftests/table-bordercollapse/1384602-1b.html
new file mode 100644
index 0000000000..bd2c968975
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/1384602-1b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<style>
+  table {
+    table-layout: fixed;
+    width: 100%;
+    border-collapse: collapse;
+  }
+</style>
+<table>
+  <tbody>
+    <tr>
+      <td colspan="4">Spanning.</td>
+    </tr>
+  </tbody>
+  <tbody>
+    <tr id="target"></tr>
+  </tbody>
+</table>
+<script>
+  onload = function() {
+    var row = document.getElementById("target");
+    for (var i = 1; i <= 4; ++i) {
+      document.body.offsetWidth;
+      var cell = document.createElement("td");
+      cell.textContent = i;
+      row.appendChild(cell);
+    }
+  }
+</script>
diff --git a/layout/reftests/table-bordercollapse/349655-ref.html b/layout/reftests/table-bordercollapse/349655-ref.html
new file mode 100644
index 0000000000..9fd31c4442
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/349655-ref.html
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+        <title>Testcase #2 for bug 349655</title>
+<style type="text/css">
+           table table tr { background: yellow; }
+          td.gray table {border-top-style:outset}
+          td.rot table {border-top-style:solid;
+                             border-bottom-style:solid;}
+         table.rl {border-left-style:solid;
+                             border-right-style:solid;}
+
+</style>
+</head>
+<body>
+
+<table ><tr><th colspan="2"><h5>Tables on the left have no bordercolor attribute. Right side is the same but with bordercolor.</h5></th></tr>
+<tr><td class="gray">
+<table border="1" frame="hsides" rules="none">
+        <tr><td>border="1" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8" frame="hsides" rules="none">
+        <tr><td>border="8" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8" frame="hsides">
+        <tr><td>border="8" frame="hsides"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8" rules="none">
+        <tr><td>border="8" rules="none"</td><td>cell2</td></tr>
+</table>
+</td><td class="rot">
+<table bordercolor="red" border="1" frame="hsides" rules="none">
+        <tr><td>border="1" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red" border="8" frame="hsides" rules="none">
+        <tr><td>border="8" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red" border="8" frame="hsides">
+        <tr><td>border="8" frame="hsides"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red" border="8" rules="none" class="rl">
+        <tr><td>border="8" rules="none"</td><td>cell2</td></tr>
+</table>
+</td></tr>
+
+<tr><th colspan="2"><h5>Without "frame"/"rules" attribute.</h5></th></tr>
+<tr><td class="gray">
+<table border="1">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8">
+        <tr><td>border="8"</td><td>cell2</td></tr>
+</table>
+</td><td class="rot">
+<table bordercolor="red"  border="1" class="rl">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red"  border="8" class="rl">
+        <tr><td>border="8" </td><td>cell2</td></tr>
+</table>
+</td></tr>
+<tr><th colspan="2"><h5>border-collapse</h5></th></tr>
+<tr><td >
+<table style="border-collapse:collapse" border="1">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table style="border-collapse:collapse" border="8">
+        <tr><td>border="8"</td><td>cell2</td></tr>
+</table>
+</td><td class="rot">
+<table style="border-collapse:collapse" bordercolor="red"  border="1" class="rl">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table style="border-collapse:collapse" bordercolor="red"  border="8" class="rl">
+        <tr><td>border="8" </td><td>cell2</td></tr>
+</table>
+</td></tr>
+<tr><td></td><td>
+<h5>bordercolor attribute on other elements</h5>
+<table border="8" style="border-style:outset">
+        <tbody bordercolor="red"><tr><td>TBODY bordercolor</td><td>cell2</td></tr></tbody>
+</table><br>
+<table border="8" style="border-style:outset">
+        <tr bordercolor="red"><td>TR bordercolor</td><td>cell2</td></tr>
+</table>
+<table bordercolor="red" border="8" style="border-style:solid">
+        <tr><td bordercolor="red">TD bordercolor</td><td>cell2</td></tr>
+</table>
+</td></tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/349655.html b/layout/reftests/table-bordercollapse/349655.html
new file mode 100644
index 0000000000..1fe61dd4b0
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/349655.html
@@ -0,0 +1,97 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+        <title>Testcase #2 for bug 349655</title>
+<style type="text/css">
+           table table tr { background: yellow; }
+</style>
+</head>
+<body>
+
+<table><tr><th colspan="2"><h5>Tables on the left have no bordercolor attribute. Right side is the same but with bordercolor.</h5></th></tr>
+<tr><td>
+<table border="1" frame="hsides" rules="none">
+        <tr><td>border="1" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8" frame="hsides" rules="none">
+        <tr><td>border="8" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8" frame="hsides">
+        <tr><td>border="8" frame="hsides"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8" rules="none">
+        <tr><td>border="8" rules="none"</td><td>cell2</td></tr>
+</table>
+</td><td>
+<table bordercolor="red" border="1" frame="hsides" rules="none">
+        <tr><td>border="1" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red" border="8" frame="hsides" rules="none">
+        <tr><td>border="8" frame="hsides" rules="none"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red" border="8" frame="hsides">
+        <tr><td>border="8" frame="hsides"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red" border="8" rules="none">
+        <tr><td>border="8" rules="none"</td><td>cell2</td></tr>
+</table>
+</td></tr>
+
+<tr><th colspan="2"><h5>Without "frame"/"rules" attribute.</h5></th></tr>
+<tr><td>
+<table border="1">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table border="8">
+        <tr><td>border="8"</td><td>cell2</td></tr>
+</table>
+</td><td>
+<table bordercolor="red"  border="1">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table bordercolor="red"  border="8" >
+        <tr><td>border="8" </td><td>cell2</td></tr>
+</table>
+</td></tr>
+<tr><th colspan="2"><h5>border-collapse</h5></th></tr>
+<tr><td>
+<table style="border-collapse:collapse" border="1">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table style="border-collapse:collapse" border="8">
+        <tr><td>border="8"</td><td>cell2</td></tr>
+</table>
+</td><td>
+<table style="border-collapse:collapse" bordercolor="red"  border="1">
+        <tr><td>border="1"</td><td>cell2</td></tr>
+</table>
+<br>
+<table style="border-collapse:collapse" bordercolor="red"  border="8" >
+        <tr><td>border="8" </td><td>cell2</td></tr>
+</table>
+</td></tr>
+<tr><td></td><td>
+<h5>bordercolor attribute on other elements</h5>
+<table border="8">
+        <tbody bordercolor="red"><tr><td>TBODY bordercolor</td><td>cell2</td></tr></tbody>
+</table><br>
+<table border="8">
+        <tr bordercolor="red"><td>TR bordercolor</td><td>cell2</td></tr>
+</table>
+<table bordercolor="red" border="8">
+        <tr><td bordercolor="red">TD bordercolor</td><td>cell2</td></tr>
+</table>
+</td></tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/bc_borderoffset1.html b/layout/reftests/table-bordercollapse/bc_borderoffset1.html
new file mode 100644
index 0000000000..3ebe8942f7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_borderoffset1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: border collapse</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="" />
+<style>
+td {width: 100px; text-align:center}
+div {position:absolute; border:green 4px solid}
+
+</style>
+</head>
+
+<body>
+<div>
+<table style="border-collapse:collapse;">
+  <tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
+</table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bc_borderoffset1_ref.html b/layout/reftests/table-bordercollapse/bc_borderoffset1_ref.html
new file mode 100644
index 0000000000..0759bdf7eb
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_borderoffset1_ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+td {width: 100px; text-align:center}
+div {position:absolute; border:green 4px solid}
+
+</style>
+</head>
+
+<body>
+<!-- in standards mode, the height for table cells does not includes the border -->
+<div>
+<table  cellspacing="0">
+  <tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
+</table>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bc_borderoffset2.html b/layout/reftests/table-bordercollapse/bc_borderoffset2.html
new file mode 100644
index 0000000000..e865326f8b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_borderoffset2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: border collapse</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="" />
+<style>
+td {width: 100px; text-align:center}
+caption {border:solid 4px green}
+
+</style>
+</head>
+
+<body>
+<!-- by default, td has padding of 1px -->
+<table style="border-collapse:collapse;"><caption>caption</caption>
+  <tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bc_borderoffset2_ref.html b/layout/reftests/table-bordercollapse/bc_borderoffset2_ref.html
new file mode 100644
index 0000000000..bbb0698eb8
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_borderoffset2_ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+td {width: 100px; text-align:center}
+caption {border:solid 4px green}
+
+</style>
+</head>
+
+<body>
+
+
+<table cellspacing="0" cellpadding="0"><caption>caption</caption>
+  <tr>
+    <td style="border:solid 4px orange; width:102px; height:32px">cell 1</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell1.html b/layout/reftests/table-bordercollapse/bc_dyn_cell1.html
new file mode 100644
index 0000000000..2dcddb94c0
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to cell style</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td id="target" style="border-style:none">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell1_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cell1_ref.html
new file mode 100644
index 0000000000..a7dd2fca5f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell1_ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to cell style</title>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-style:solid">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell2.html b/layout/reftests/table-bordercollapse/bc_dyn_cell2.html
new file mode 100644
index 0000000000..083f2ae893
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to cell color</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td id="target" style="border-width:11px">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell2_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cell2_ref.html
new file mode 100644
index 0000000000..30240313ae
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell2_ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to cell color</title>
+
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-width:11px;border-color:yellow">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell3.html b/layout/reftests/table-bordercollapse/bc_dyn_cell3.html
new file mode 100644
index 0000000000..f9aa04a9fb
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to cell border width</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td id="target">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell3_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cell3_ref.html
new file mode 100644
index 0000000000..8ff3266765
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell3_ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to cell border width</title>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-width:20px">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell4.html b/layout/reftests/table-bordercollapse/bc_dyn_cell4.html
new file mode 100644
index 0000000000..7fd2945fc6
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell4.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to colspan cell style</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td id="target" colspan="3" style="border-style:none">c21</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell4_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cell4_ref.html
new file mode 100644
index 0000000000..2b208eaad2
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell4_ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to colspan cell style</title>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td style="border-style:solid;" colspan="3">c21</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell5.html b/layout/reftests/table-bordercollapse/bc_dyn_cell5.html
new file mode 100644
index 0000000000..305c228d6e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell5.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to rowspan cell style </title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+  <tr><td>c11</td><td id="target" rowspan="3" style="border-style:none">c12</td><td>c13</td></tr>
+  <tr><td>c21</td><td>c23</td></tr>
+  <tr><td>c31</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cell5_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cell5_ref.html
new file mode 100644
index 0000000000..b4c3498238
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cell5_ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to rowspan cell style </title>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+  <tr><td>c11</td><td rowspan="3" style="border-style:solid">c12</td><td>c13</td></tr>
+  <tr><td>c21</td><td>c23</td></tr>
+  <tr><td>c31</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cg1.html b/layout/reftests/table-bordercollapse/bc_dyn_cg1.html
new file mode 100644
index 0000000000..6e640b37c5
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cg1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to colgroup border color</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup id="target" style="border:solid green 11px"><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cg1_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cg1_ref.html
new file mode 100644
index 0000000000..7a5f1852ef
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cg1_ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to colgroup border color</title>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup style="border:solid yellow 11px"><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cg2.html b/layout/reftests/table-bordercollapse/bc_dyn_cg2.html
new file mode 100644
index 0000000000..eb7cb53b20
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cg2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to colgroup border width</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup id="target" style="border:solid green 11px"><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cg2_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cg2_ref.html
new file mode 100644
index 0000000000..240ba0187d
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cg2_ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to colgroup border width</title>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup style="border:solid green 20px"><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cg3.html b/layout/reftests/table-bordercollapse/bc_dyn_cg3.html
new file mode 100644
index 0000000000..d8b7acf516
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cg3.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to colgroup border style</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup id="target" style="border:outset green 10px"><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_cg3_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_cg3_ref.html
new file mode 100644
index 0000000000..6facc281e7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_cg3_ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to colgroup border style</title>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup style="border:solid green 10px"><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_col1.html b/layout/reftests/table-bordercollapse/bc_dyn_col1.html
new file mode 100644
index 0000000000..d4a6238dd6
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_col1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to col border color</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup><col id="target" style="border:solid green 11px"></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_col2.html b/layout/reftests/table-bordercollapse/bc_dyn_col2.html
new file mode 100644
index 0000000000..8dea12929a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_col2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to col border width</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup><col id="target" style="border:solid green 11px"></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_col3.html b/layout/reftests/table-bordercollapse/bc_dyn_col3.html
new file mode 100644
index 0000000000..254271ae67
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_col3.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to col border style</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<colgroup><col></colgroup>
+<colgroup><col id="target" style="border:outset green 10px"></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_rg1.html b/layout/reftests/table-bordercollapse/bc_dyn_rg1.html
new file mode 100644
index 0000000000..e92d487d3f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_rg1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to rowgroup border color</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="target" style="border:solid green 11px">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_rg1_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_rg1_ref.html
new file mode 100644
index 0000000000..454d78bf3c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_rg1_ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to rowgroup border color</title>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody style="border:solid yellow 11px">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_rg2.html b/layout/reftests/table-bordercollapse/bc_dyn_rg2.html
new file mode 100644
index 0000000000..bfa5447b75
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_rg2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to rowgroup border width</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="target" style="border:solid green 11px">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_rg2_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_rg2_ref.html
new file mode 100644
index 0000000000..c3f7613589
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_rg2_ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to rowgroup border width</title>
+
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody style="border:solid green 20px">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_rg3.html b/layout/reftests/table-bordercollapse/bc_dyn_rg3.html
new file mode 100644
index 0000000000..9e0778c33c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_rg3.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to rowgroup border style</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="target" style="border:outset green 10px">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_rg3_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_rg3_ref.html
new file mode 100644
index 0000000000..00449ed443
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_rg3_ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to rowgroup border style</title>
+
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody style="border:solid green 10px">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_row1.html b/layout/reftests/table-bordercollapse/bc_dyn_row1.html
new file mode 100644
index 0000000000..c575a7e02b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_row1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to row border color</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr id="target" style="border:solid green 11px"><td>c21</td><td>c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_row2.html b/layout/reftests/table-bordercollapse/bc_dyn_row2.html
new file mode 100644
index 0000000000..01f4e82c2e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_row2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to row border width</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr id="target" style="border:solid green 2px"><td>c21</td><td>c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_row3.html b/layout/reftests/table-bordercollapse/bc_dyn_row3.html
new file mode 100644
index 0000000000..65a9cd5236
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_row3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to row border style</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse">
+ <tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr id="target" style="border:outset green 10px"><td>c21</td><td>c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_table1.html b/layout/reftests/table-bordercollapse/bc_dyn_table1.html
new file mode 100644
index 0000000000..c03f1780ff
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_table1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to table border color</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse; border:solid green 11px" id="target">
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_table1_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_table1_ref.html
new file mode 100644
index 0000000000..0fcda0496a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_table1_ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to table border color</title>
+
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse; border:solid yellow 11px">
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_table2.html b/layout/reftests/table-bordercollapse/bc_dyn_table2.html
new file mode 100644
index 0000000000..35d95ce6f9
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_table2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to table border width</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse; border:solid green 11px" id="target">
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_table2_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_table2_ref.html
new file mode 100644
index 0000000000..bceb542846
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_table2_ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to table border width</title>
+<style>
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse; border:solid green 20px">
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_table3.html b/layout/reftests/table-bordercollapse/bc_dyn_table3.html
new file mode 100644
index 0000000000..c9b17fd632
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_table3.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>CSS 2.1 Test Suite: border collapse dynamic change to table border style</title>
+    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+    <meta name="flags" content="dom" />
+<script>
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest()";>
+<table style="border-collapse:collapse; border:none green 10px" id="target">
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bc_dyn_table3_ref.html b/layout/reftests/table-bordercollapse/bc_dyn_table3_ref.html
new file mode 100644
index 0000000000..a426552a77
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bc_dyn_table3_ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<head><title>border collapse dynamic change to table border style</title>
+
+<style>
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse; border:solid green 10px">
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<colgroup><col></colgroup>
+<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/border-collapse-rtl-ref.html b/layout/reftests/table-bordercollapse/border-collapse-rtl-ref.html
new file mode 100644
index 0000000000..8c57dbc121
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/border-collapse-rtl-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: gray;
+  border-bottom-color: gray;
+  border-spacing: 5px;
+  border-collapse: collapse;
+}
+td {
+  border: 4px solid black;
+  width: 50px;
+  height: 20px;
+  text-align: center;
+}
+td.w1 {
+  width: 80px;
+}
+td.w2 {
+  width: 120px;
+}
+tr:nth-child(even) {
+  background: #ffc;
+}
+tr:nth-child(odd) {
+  background: #cff;
+}
+tr:nth-child(1) {
+  background: #fcf;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr><td>x</td>           <td colspan=3>x</td>                                         </tr>
+<tr><td>x</td>           <td>x</td>          <td class="w1">x</td><td rowspan=3>x</td></tr>
+<tr><td rowspan=2>x</td> <td>x</td>          <td>x</td>                               </tr>
+<tr>                     <td>x</td>          <td>x</td>                               </tr>
+<tr><td class="w2">x</td><td>x</td>          <td>x</td><td>x</td>                     </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/border-collapse-rtl.html b/layout/reftests/table-bordercollapse/border-collapse-rtl.html
new file mode 100644
index 0000000000..55d171d4bf
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/border-collapse-rtl.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: gray;
+  border-bottom-color: gray;
+  border-spacing: 5px;
+  border-collapse: collapse;
+}
+td {
+  border: 4px solid black;
+  width: 50px;
+  height: 20px;
+  text-align: center;
+}
+td.w1 {
+  width: 80px;
+}
+td.w2 {
+  width: 120px;
+}
+tr:nth-child(even) {
+  background: #ffc;
+}
+tr:nth-child(odd) {
+  background: #cff;
+}
+tr:nth-child(1) {
+  background: #fcf;
+}
+</style>
+</head>
+<body>
+
+<table dir=rtl>
+<tr><td colspan=3>x</td>                               <td>x</td>           </tr>
+<tr><td rowspan=3>x</td><td class="w1">x</td><td>x</td><td>x</td>           </tr>
+<tr>                    <td>x</td>           <td>x</td><td rowspan=2>x</td> </tr>
+<tr>                    <td>x</td>           <td>x</td>                     </tr>
+<tr><td>x</td>          <td>x</td>           <td>x</td><td class="w2">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge-ref.html b/layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge-ref.html
new file mode 100644
index 0000000000..66db649e9b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  table { border-collapse: separate; border-spacing: 0 }
+  td { border: 20px ridge; width: 100px; height: 100px}
+</style>
+<table>
+  <tr>
+    <td></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge.html b/layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge.html
new file mode 100644
index 0000000000..b011bd22f7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/border-style-inset-becomes-ridge.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  /* In border-collapse mode, inset becomes ridge. */
+  table { border-collapse: collapse; border-spacing: 0 }
+  table, td { border-style: inset; }
+  td { border-width: 20px; width: 100px; height: 100px}
+</style>
+<table>
+  <tr>
+    <td></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/border-style-outset-becomes-groove-ref.html b/layout/reftests/table-bordercollapse/border-style-outset-becomes-groove-ref.html
new file mode 100644
index 0000000000..ddb0f71c89
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/border-style-outset-becomes-groove-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+  table { border-collapse: separate; border-spacing: 0 }
+  td { border: 20px groove; width: 100px; height: 100px}
+</style>
+<table>
+  <tr>
+    <td></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/border-style-outset-becomes-groove.html b/layout/reftests/table-bordercollapse/border-style-outset-becomes-groove.html
new file mode 100644
index 0000000000..a7245459ec
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/border-style-outset-becomes-groove.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+  /* In border-collapse mode, outset becomes groove. */
+  table { border-collapse: collapse; }
+  table, td { border-style: outset; }
+  td { border-width: 20px; width: 100px; height: 100px}
+</style>
+<table>
+  <tr>
+    <td></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/bordercol.css b/layout/reftests/table-bordercollapse/bordercol.css
new file mode 100644
index 0000000000..7af1ea9b0b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercol.css
@@ -0,0 +1,22 @@
+table {
+  margin-bottom: 0.5in;
+}
+caption {
+  font-weight: bold;
+  font-style: italic;
+}
+td {background-color:LightCyan}
+table.topLight {border-top: 1px solid #b2b2b2}
+table.bottom {border-bottom: 1px solid black}
+table.bottomDark {border-bottom: 1px solid #4c4c4c}
+table.leftLight {border-left: 1px solid #b2b2b2}
+table.right {border-right: 1px solid  black}
+table.rightDark {border-right: 1px solid #4c4c4c}
+table.top {border-top: 1px solid  black}
+table.left {border-left: 1px solid  black}
+table.bc {border-collapse:collapse}
+tbody.border{border-top: 1px solid  black; border-bottom: 1px solid black; }
+tr.border{border-top: 1px solid black; border-bottom: 1px solid  black; }
+td.border{border-left:1px solid black;}
+div.maskPixel{position:absolute; background-color:Black; width:1px; height:1px; }
+
diff --git a/layout/reftests/table-bordercollapse/bordercolor-1.html b/layout/reftests/table-bordercollapse/bordercolor-1.html
new file mode 100644
index 0000000000..587b514dd9
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercolor-1.html
@@ -0,0 +1,17 @@
+<!doctype html public "-//w3c//dtd html 3.2//en">
+
+<html>
+
+<head>
+<title>bordercolor</title>
+</head>
+
+<body >
+<table border="1" bordercolor="green">
+<tr><td>c1</td></tr>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/bordercolor-2.html b/layout/reftests/table-bordercollapse/bordercolor-2.html
new file mode 100644
index 0000000000..634040a01f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercolor-2.html
@@ -0,0 +1,17 @@
+<!doctype html public "-//w3c//dtd html 3.2//en">
+
+<html>
+
+<head>
+<title>bordercolor</title>
+</head>
+
+<body >
+<table border="1" bordercolor="blue">
+<tr><td>c1</td></tr>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/bordercolor-3-ref.html b/layout/reftests/table-bordercollapse/bordercolor-3-ref.html
new file mode 100644
index 0000000000..145b1a05cb
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercolor-3-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html >
+ <head>
+  <title>CSS Test: HTML bordercolor Attribute</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="RELEVANT_SPEC_SECTION"/>
+  <meta name="assert" content="Figure out which rules are ignored and how."/>
+  <style type="text/css">
+    html { color: blue; }
+    table { margin: 0.5em; }
+    .thin, .elemthin { border-width: thin; border-style: outset; }
+    .thin * { border-width: thin; border-style: inset; }
+    .orange, .orange *, .elemorange { border-color: orange; }
+  </style>
+ </head>
+ <body>
+  <table class="orange thin">
+    <tr><td>A<td>A
+  </table>
+
+  <table class="elemorange elemthin">
+    <tr><td>B<td>B
+  </table>
+
+  <table class=orange style="border-collapse: collapse;">
+    <tr><td style="border-right-width: thin; border-right-style: solid;
+        border-bottom-width: thin; border-bottom-style: solid;">C
+        <td style="border-bottom-width: thin; border-bottom-style: solid;">C
+    <tr><td style="border-right-width: thin; border-right-style: solid;">C<td>C
+  </table>
+
+  <table class=orange style="border-collapse: collapse;">
+    <tr><td style="border-right-width: thin; border-right-style: solid;">D<td>D
+    <tr><td style="border-right-width: thin; border-right-style: solid;">D<td>D
+  </table>
+
+  <table>
+    <tr><td>E<td>E
+    <tr><td>E<td>E
+  </table>
+
+  <table>
+    <tr><td>F<td>F
+  </table>
+
+  <table style="border-collapse: collapse;">
+    <tr class=orange><td style="border-right-width: thin; border-right-style: solid;
+        border-bottom-width: thin; border-bottom-style: solid;">G
+        <td style="border-bottom-width: thin; border-bottom-style: solid;">G
+    <tr class=orange><td style="border-right-width: thin; border-right-style: solid;">G<td>G
+  </table>
+
+  <table class="elemorange thin">
+    <tr><td>H<td>H
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bordercolor-3.html b/layout/reftests/table-bordercollapse/bordercolor-3.html
new file mode 100644
index 0000000000..be46dd0ccf
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercolor-3.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html >
+ <head>
+  <title>CSS Test: HTML bordercolor Attribute</title>
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+  <link rel="help" href="RELEVANT_SPEC_SECTION"/>
+  <meta name="assert" content="Figure out which rules are ignored and how."/>
+  <style type="text/css">
+    html { color: lime; }
+    table { margin: 0.5em; }
+    td { color: blue; }
+  </style>
+ </head>
+ <body>
+  <table bordercolor=orange border>
+    <tr><td>A<td>A
+  </table>
+
+  <table bordercolor=orange frame=border>
+    <tr><td>B<td>B
+  </table>
+
+  <table bordercolor=orange rules=all>
+    <tr><td>C<td>C
+    <tr><td>C<td>C
+  </table>
+
+  <table bordercolor=orange rules=cols>
+    <tr><td>D<td>D
+    <tr><td>D<td>D
+  </table>
+
+  <table bordercolor=orange rules=none>
+    <tr><td>E<td>E
+    <tr><td>E<td>E
+  </table>
+
+  <table bordercolor=orange>
+    <tr><td>F<td>F
+  </table>
+
+  <table bordercolor=orange rules=all frame=none>
+    <tr><td>G<td>G
+    <tr><td>G<td>G
+  </table>
+
+  <table style="border-color: orange;" border>
+    <tr><td>H<td>H
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bordercolor-4-ref.html b/layout/reftests/table-bordercollapse/bordercolor-4-ref.html
new file mode 100644
index 0000000000..26000fef2c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercolor-4-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style type="text/css">
+
+/* just to improve vissibility */
+td {
+   border-width: 3px;
+   border-style: solid;
+}
+
+</style>
+
+</head>
+<body>
+    <table border="5" style="border-color:blue;">
+    <caption>TABLE with CSS border-color:blue</caption>
+      <tr>
+        <td style="border-color: black;">Row 1</td>
+      </tr>
+      <tr>
+        <td style="color:red; border-color: red;">Row 2</td>
+      </tr>
+      <tr>
+        <td style="border-color:green">Row 3</td>
+      </tr>
+    </table>
+<br>
+
+    <table border="5" style="border-color: orange;">
+    <caption>TABLE with HTML bordercolor attribute=orange</caption>
+      <tr>
+        <td style="border-color: orange">Row 1</td>
+      </tr>
+      <tr>
+        <td style="color:red; border-color: orange">Row 2</td>
+      </tr>
+      <tr>
+        <td style="border-color:green">Row 3</td>
+      </tr>
+    </table>
+<br>
+
+    <table border="5" style="border-color:blue;">
+    <caption>TABLE with CSS border-color:blue and HTML bordercolor attribute=orange</caption>
+      <tr>
+        <td style="border-color: blue;">Row 1</td>
+      </tr>
+      <tr>
+        <td style="color:red; border-color: blue;">Row 2</td>
+      </tr>
+      <tr>
+        <td style="border-color:green">Row 3</td>
+      </tr>
+    </table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bordercolor-4.html b/layout/reftests/table-bordercollapse/bordercolor-4.html
new file mode 100644
index 0000000000..cfd9b78e32
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercolor-4.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<style type="text/css">
+
+/* just to improve vissibility */
+td {
+   border-width: 3px;
+   border-style: solid;
+}
+
+</style>
+
+</head>
+<body>
+    <table border="5" style="border-color:blue;">
+    <caption>TABLE with CSS border-color:blue</caption>
+      <tr>
+        <td>Row 1</td>
+      </tr>
+      <tr>
+        <td style="color:red">Row 2</td>
+      </tr>
+      <tr>
+        <td style="border-color:green">Row 3</td>
+      </tr>
+    </table>
+<br>
+
+    <table border="5" bordercolor="orange">
+    <caption>TABLE with HTML bordercolor attribute=orange</caption>
+      <tr>
+        <td>Row 1</td>
+      </tr>
+      <tr>
+        <td style="color:red">Row 2</td>
+      </tr>
+      <tr>
+        <td style="border-color:green">Row 3</td>
+      </tr>
+    </table>
+<br>
+
+    <table border="5" bordercolor="orange" style="border-color:blue;">
+    <caption>TABLE with CSS border-color:blue and HTML bordercolor attribute=orange</caption>
+      <tr>
+        <td>Row 1</td>
+      </tr>
+      <tr>
+        <td style="color:red">Row 2</td>
+      </tr>
+      <tr>
+        <td style="border-color:green">Row 3</td>
+      </tr>
+    </table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/bordercolor-ref.html b/layout/reftests/table-bordercollapse/bordercolor-ref.html
new file mode 100644
index 0000000000..3dd1f61202
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bordercolor-ref.html
@@ -0,0 +1,22 @@
+<!doctype html public "-//w3c//dtd html 3.2//en">
+
+<html>
+
+<head>
+<title>bordercolor</title>
+<style>
+table, td {
+   border-color: green;
+ }
+</style>
+</head>
+
+<body >
+<table border="1" bordercolor="blue">
+<tr><td>c1</td></tr>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-1.html b/layout/reftests/table-bordercollapse/borderhandling-1.html
new file mode 100644
index 0000000000..ee1f79fc98
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-1.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 50px; height: 50px;}
+</style>
+</head>
+<body>
+<table border><tr><td><div/></td></tr></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/borderhandling-2.html b/layout/reftests/table-bordercollapse/borderhandling-2.html
new file mode 100644
index 0000000000..df14e1e827
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-2.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 50px; height: 50px;}
+</style>
+</head>
+<body>
+<table border><td><div/></td></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/borderhandling-3.html b/layout/reftests/table-bordercollapse/borderhandling-3.html
new file mode 100644
index 0000000000..4bd2ee8c06
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-3.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 50px; height: 50px;}
+</style>
+</head>
+<body>
+<table border><th><div/></th></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/borderhandling-4.html b/layout/reftests/table-bordercollapse/borderhandling-4.html
new file mode 100644
index 0000000000..c3bea81945
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-4.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 50px; height: 50px;}
+</style>
+</head>
+<body>
+<table border><tr><th><div/></th></tr></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/borderhandling-5.xhtml b/layout/reftests/table-bordercollapse/borderhandling-5.xhtml
new file mode 100644
index 0000000000..6190e3e698
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-5.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <style>
+div {width: 50px; height: 50px;}
+</style>
+ </head>
+ <body>
+ <table border="1"><tr><th><div/></th></tr></table>
+ </body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-6.xhtml b/layout/reftests/table-bordercollapse/borderhandling-6.xhtml
new file mode 100644
index 0000000000..b3d0a6cf60
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-6.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <style>
+div {width: 50px; height: 50px;}
+</style>
+ </head>
+ <body>
+ <table border="1"><th><div/></th></table>
+ </body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-7.xhtml b/layout/reftests/table-bordercollapse/borderhandling-7.xhtml
new file mode 100644
index 0000000000..3adaf3752f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-7.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <style>
+div {width: 50px; height: 50px;}
+</style>
+ </head>
+ <body>
+ <table border="1"><td><div/></td></table>
+ </body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-8.html b/layout/reftests/table-bordercollapse/borderhandling-8.html
new file mode 100644
index 0000000000..9db3a3fb92
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-8.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 50px; height: 50px;}
+table {border-collapse:separate;
+       border: outset 1px  black;
+       }
+ td {border: inset 1px  black;} 
+</style>
+</head>
+<body>
+<table><tr><td><div/></td></tr></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/borderhandling-frame-border-ref.html b/layout/reftests/table-bordercollapse/borderhandling-frame-border-ref.html
new file mode 100644
index 0000000000..ee488f9834
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-frame-border-ref.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+table.frame {border: outset thin ;}
+table.frameTop {border-top: outset thin ;}
+table.frameBottom {border-bottom: outset thin ;}
+table.frameRight {border-right: outset thin ;}
+table.frameLeft {border-left: outset thin ;}
+
+td.inner {border: inset thin;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>frame/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table><tr><td><div/></td></tr></table></td></td>
+<td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td>
+<td><table class="frame" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+<tr><th>frame</th>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+<tr><th>frame="void"</th>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="above"</th>
+<td><table class="frameTop"><tr><td><div/></td></tr></table></td>
+<td><table class="frameTop"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frameTop"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frameTop" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="below"</th>
+<td><table class="frameBottom"><tr><td><div/></td></tr></table></td>
+<td><table class="frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frameBottom" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="hsides"</th>
+<td><table class="frameTop frameBottom"><tr><td><div/></td></tr></table></td>
+<td><table class="frameTop frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frameTop frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frameTop frameBottom" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="lhs"</th>
+<td><table class="frameLeft"><tr><td><div/></td></tr></table></td>
+<td><table class="frameLeft"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frameLeft"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frameLeft" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="rhs"</th>
+<td><table class="frameRight"><tr><td><div/></td></tr></table></td>
+<td><table class="frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frameRight" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="vsides"</th>
+<td><table class="frameLeft frameRight"><tr><td><div/></td></tr></table></td>
+<td><table class="frameLeft frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frameLeft frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frameLeft frameRight" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="box"</th>
+<td><table class="frame"><tr><td><div/></td></tr></table></td>
+<td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frame" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="border"</th>
+<td><table class="frame"><tr><td><div/></td></tr></table></td>
+<td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table><tr><td><div/></td></tr></table></td>
+<td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
+<td><table class="frame" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-frame-border.html b/layout/reftests/table-bordercollapse/borderhandling-frame-border.html
new file mode 100644
index 0000000000..bd0b8a23ca
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-frame-border.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>frame/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table><tr><td><div/></td></tr></table></td></td>
+<td><table border><tr><td><div/></td></tr></table></td></td>
+<td><table border="0"><tr><td><div/></td></tr></table></td>
+<td><table border="1"><tr><td><div/></td></tr></table></td>
+<td><table border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+<tr><th>frame</th>
+<td><table frame><tr><td><div/></td></tr></table></td>
+<td><table frame border><tr><td><div/></td></tr></table></td>
+<td><table frame border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+<tr><th>frame="void"</th>
+<td><table frame="void"><tr><td><div/></td></tr></table></td>
+<td><table frame="void" border><tr><td><div/></td></tr></table></td>
+<td><table frame="void" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="void" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="void" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="above"</th>
+
+<td><table frame="above"><tr><td><div/></td></tr></table></td>
+<td><table frame="above" border><tr><td><div/></td></tr></table></td>
+<td><table frame="above" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="above" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="above" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="below"</th>
+<td><table frame="below"><tr><td><div/></td></tr></table></td>
+<td><table frame="below" border><tr><td><div/></td></tr></table></td>
+<td><table frame="below" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="below" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="below" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="hsides"</th>
+<td><table frame="hsides"><tr><td><div/></td></tr></table></td>
+<td><table frame="hsides" border><tr><td><div/></td></tr></table></td>
+<td><table frame="hsides" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="hsides" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="hsides" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="lhs"</th>
+<td><table frame="lhs"><tr><td><div/></td></tr></table></td>
+<td><table frame="lhs" border><tr><td><div/></td></tr></table></td>
+<td><table frame="lhs" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="lhs" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="lhs" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="rhs"</th>
+<td><table frame="rhs"><tr><td><div/></td></tr></table></td>
+<td><table frame="rhs" border><tr><td><div/></td></tr></table></td>
+<td><table frame="rhs" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="rhs" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="rhs" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="vsides"</th>
+<td><table frame="vsides"><tr><td><div/></td></tr></table></td>
+<td><table frame="vsides" border><tr><td><div/></td></tr></table></td>
+<td><table frame="vsides" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="vsides" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="vsides" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="box"</th>
+<td><table frame="box"><tr><td><div/></td></tr></table></td>
+<td><table frame="box" border><tr><td><div/></td></tr></table></td>
+<td><table frame="box" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="box" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="box" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+
+<tr><th>frame="border"</th>
+<td><table frame="border"><tr><td><div/></td></tr></table></td>
+<td><table frame="border" border><tr><td><div/></td></tr></table></td>
+<td><table frame="border" border="0"><tr><td><div/></td></tr></table></td>
+<td><table frame="border" border="1"><tr><td><div/></td></tr></table></td>
+<td><table frame="border" border="3"><tr><td><div/></td></tr></table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-ref.html b/layout/reftests/table-bordercollapse/borderhandling-ref.html
new file mode 100644
index 0000000000..c3bf72492f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 50px; height: 50px;}
+</style>
+</head>
+<body>
+<table border=1><tbody><tr><td><div/></td></tr></tbody></table>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks-ref.html
new file mode 100644
index 0000000000..63d2ddb587
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks-ref.html
@@ -0,0 +1,59 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="all"</th>
+<td>
+<table class="bc">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+  <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+  <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks.html
new file mode 100644
index 0000000000..ada9045c47
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-quirks.html
@@ -0,0 +1,53 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="all"</th>
+<td>
+<table rules="all">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict-ref.html
new file mode 100644
index 0000000000..4e339a6257
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="all"</th>
+<td>
+<table class="bc">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+  <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+  <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict.html
new file mode 100644
index 0000000000..01af55802a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-all-strict.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="all"</th>
+<td>
+<table rules="all">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks-ref.html
new file mode 100644
index 0000000000..5cf82c073e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks-ref.html
@@ -0,0 +1,60 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="cols"</th>
+<td>
+<table table class="bc" >
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" >
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 3px; border-style: outset">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks.html
new file mode 100644
index 0000000000..349eb0d76a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-quirks.html
@@ -0,0 +1,55 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="cols"</th>
+<td>
+<table rules="cols">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict-ref.html
new file mode 100644
index 0000000000..e0fedb0313
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="cols"</th>
+<td>
+<table table class="bc" >
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" >
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 3px; border-style: outset">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict.html
new file mode 100644
index 0000000000..198018dda5
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-cols-strict.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="cols"</th>
+<td>
+<table rules="cols">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks-ref.html
new file mode 100644
index 0000000000..757dec0980
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks-ref.html
@@ -0,0 +1,58 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks.html
new file mode 100644
index 0000000000..b564d5fcf0
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-quirks.html
@@ -0,0 +1,52 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict-ref.html
new file mode 100644
index 0000000000..9c32a6697e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict.html
new file mode 100644
index 0000000000..55e7443c6e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-empty-strict.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks-ref.html
new file mode 100644
index 0000000000..553cda44da
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks-ref.html
@@ -0,0 +1,59 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="groups"</th>
+<td>
+<table class="bc">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks.html
new file mode 100644
index 0000000000..1af52c7c2d
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-quirks.html
@@ -0,0 +1,53 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="groups"</th>
+<td>
+<table rules="groups">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict-ref.html
new file mode 100644
index 0000000000..c729ace871
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="groups"</th>
+<td>
+<table class="bc">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict.html
new file mode 100644
index 0000000000..96393bc2fb
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-groups-strict.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="groups"</th>
+<td>
+<table rules="groups">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks-ref.html
new file mode 100644
index 0000000000..cf5af7f865
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks-ref.html
@@ -0,0 +1,59 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="none"</th>
+<td>
+<table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks.html
new file mode 100644
index 0000000000..e35724e0f4
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-quirks.html
@@ -0,0 +1,53 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="none"</th>
+<td>
+<table rules="none">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict-ref.html
new file mode 100644
index 0000000000..9034914185
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="none"</th>
+<td>
+<table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict.html
new file mode 100644
index 0000000000..535c51ec69
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-none-strict.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="none"</th>
+<td>
+<table rules="none">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html
new file mode 100644
index 0000000000..79d51c4cc3
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html
@@ -0,0 +1,293 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+<tr><th>rules</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+<tr><th>rules="none"</th>
+<td>
+<table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+<tr><th>rules="groups"</th>
+<td>
+<table class="bc">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+   <colgroup class="bcborder"><col><col></colgroup>
+   <colgroup class="bcborder"><col></colgroup>
+   <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+
+
+
+
+<tr><th>rules="rows"</th>
+<td>
+<table class="bc">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+  <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+  <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+<tr><th>rules="cols"</th>
+<td>
+<table table class="bc" >
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" >
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table table class="bc" style="border-width: 3px; border-style: outset">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+<tr><th>rules="all"</th>
+<td>
+<table class="bc">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+  <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+  <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
+   <colgroup><col class="bcborder"></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks-ref.html
new file mode 100644
index 0000000000..526bbe4b86
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks-ref.html
@@ -0,0 +1,59 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="rows"</th>
+<td>
+<table class="bc">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+  <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+  <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks.html
new file mode 100644
index 0000000000..030f79e2e1
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-quirks.html
@@ -0,0 +1,53 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="rows"</th>
+<td>
+<table rules="rows">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict-ref.html
new file mode 100644
index 0000000000..3e1dc1579a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="rows"</th>
+<td>
+<table class="bc">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc">
+  <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 1px; border-style: solid">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="bc" style="border-width: 3px; border-style: outset">
+  <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict.html
new file mode 100644
index 0000000000..233ba687af
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rows-strict.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules="rows"</th>
+<td>
+<table rules="rows">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks-ref.html
new file mode 100644
index 0000000000..0d0c073eda
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks-ref.html
@@ -0,0 +1,58 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks.html
new file mode 100644
index 0000000000..66083fa27b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-quirks.html
@@ -0,0 +1,52 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules</th>
+<td><table rules>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict-ref.html
new file mode 100644
index 0000000000..4cb1641131
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+div {width: 3px; height: 3px;}
+table.frame {border-style: outset; border-width: thin ;}
+
+table.bc{ border-collapse:collapse; border-style: hidden}
+.bcborder {border-width: 1px; border-style: solid}
+td.inner {border-style: inset; border-width: thin;}
+table.inner td {border-style: inset; border-width: thin;}
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table class="frame inner" style="border-width:3px">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict.html
new file mode 100644
index 0000000000..7b3d30c9a7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border-rules-strict.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>rules</th>
+<td><table rules>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/borderhandling-rules-border.html b/layout/reftests/table-bordercollapse/borderhandling-rules-border.html
new file mode 100644
index 0000000000..ef5c881435
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-rules-border.html
@@ -0,0 +1,287 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 3px; height: 3px;}
+
+</style>
+</head>
+<body>
+<table cellpadding="5" rules="all">
+<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
+<tr><th>empty</th>
+<td><table>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+<tr><th>rules</th>
+<td><table rules>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+<tr><th>rules="none"</th>
+<td>
+<table rules="none">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="none" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+<tr><th>rules="groups"</th>
+<td>
+<table rules="groups">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="groups" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+
+
+
+
+<tr><th>rules="rows"</th>
+<td>
+<table rules="rows">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="rows" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+<tr><th>rules="cols"</th>
+<td>
+<table rules="cols">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="cols" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+
+<tr><th>rules="all"</th>
+<td>
+<table rules="all">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border>
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="0">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="1">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+<td><table rules="all" border="3">
+   <colgroup><col><col></colgroup>
+   <colgroup><col></colgroup>
+   <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
+   <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
+   <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
+</table></td>
+</tr>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/table-bordercollapse/borderhandling-strict-ref.html b/layout/reftests/table-bordercollapse/borderhandling-strict-ref.html
new file mode 100644
index 0000000000..a472e01515
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/borderhandling-strict-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
+<style>
+div {width: 50px; height: 50px;}
+</style>
+</head>
+<body>
+<table border=1><tbody><tr><td><div/></td></tr></tbody></table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1375518-2.html b/layout/reftests/table-bordercollapse/bug1375518-2.html
new file mode 100644
index 0000000000..6e5af3c361
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Table border collapse</title>
+<style>
+  div > span {
+    display: table-cell;
+    background-color: black;
+    height: 100px;
+    width: 100px;
+    border-radius: 50px;
+  }
+  div {
+    display: table;
+    border-collapse: collapse;
+  }
+</style>
+</head>
+<body>
+  <div><span></span></div>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1375518-3.html b/layout/reftests/table-bordercollapse/bug1375518-3.html
new file mode 100644
index 0000000000..d11edac929
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Separated border model table</title>
+<style>
+  div > span {
+    display: table-cell;
+    background-color: black;
+    height: 100px;
+    width: 100px;
+    border-radius: 50px;
+  }
+  div {
+    display: table;
+    border-collapse: separate;
+  }
+</style>
+</head>
+<body>
+  <div><span></span></div>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1375518-4-ref.html b/layout/reftests/table-bordercollapse/bug1375518-4-ref.html
new file mode 100644
index 0000000000..55b0b74586
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-4-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<title>border-radius and separated border model tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: separate; margin: 1em 2px; }
+table, td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; }
+
+</style>
+
+<h1>border-radius and separated border model tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody class="radius">
+    <tr><td>xx</td><td>xx</td><td>xx
+    </td></tr><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+</table>
+
+<table>
+  <tbody><tr class="radius"><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup class="radius"><col><col></colgroup><colgroup><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup><col><col class="radius"><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
diff --git a/layout/reftests/table-bordercollapse/bug1375518-4.html b/layout/reftests/table-bordercollapse/bug1375518-4.html
new file mode 100644
index 0000000000..e319d75765
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<title>border-radius and separated border model tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: separate; margin: 1em 2px; }
+table, td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; border-radius: 12px }
+
+</style>
+
+<h1>border-radius and separated border model tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody class="radius">
+    <tr><td>xx</td><td>xx</td><td>xx
+    </td></tr><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+</table>
+
+<table>
+  <tbody><tr class="radius"><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup class="radius"><col><col></colgroup><colgroup><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup><col><col class="radius"><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
diff --git a/layout/reftests/table-bordercollapse/bug1375518-5-ref.html b/layout/reftests/table-bordercollapse/bug1375518-5-ref.html
new file mode 100644
index 0000000000..7fc8258ce4
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-5-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<title>border-radius and border-collapse tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: collapse; margin: 1em 2px; }
+td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; }
+
+</style>
+
+<h1>border-radius and border-collapse tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody class="radius">
+    <tr><td>xx<td>xx<td>xx
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+</table>
+
+<table>
+  <tr class="radius"><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <colgroup class="radius"><col><col><colgroup><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <col><col class="radius"><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bug1375518-5.html b/layout/reftests/table-bordercollapse/bug1375518-5.html
new file mode 100644
index 0000000000..d570edd42e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<title>border-radius and border-collapse tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: collapse; margin: 1em 2px; }
+td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; border-radius: 12px }
+
+</style>
+
+<h1>border-radius and border-collapse tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody class="radius">
+    <tr><td>xx<td>xx<td>xx
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+</table>
+
+<table>
+  <tr class="radius"><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <colgroup class="radius"><col><col><colgroup><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <col><col class="radius"><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
diff --git a/layout/reftests/table-bordercollapse/bug1375518-ref.html b/layout/reftests/table-bordercollapse/bug1375518-ref.html
new file mode 100644
index 0000000000..0f5f9ca049
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Table border collapse</title>
+<style>
+  div {
+    background-color: black;
+    height: 100px;
+    width: 100px;
+    border-radius: 50px;
+  }
+</style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1375518.html b/layout/reftests/table-bordercollapse/bug1375518.html
new file mode 100644
index 0000000000..1ed371c656
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Table border collapse</title>
+<style>
+  table {
+    border-collapse: collapse;
+    height: 100px;
+    width: 100px;
+  }
+  td {
+    background-color: black;
+    border-radius: 50px;
+  }
+</style>
+</head>
+<body>
+  <table>
+    <tr>
+      <td></td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1379306-ref.html b/layout/reftests/table-bordercollapse/bug1379306-ref.html
new file mode 100644
index 0000000000..79d6b55bae
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1379306-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<title>Table Cell Testcase, bug 1379306</title>
+<style>
+  table.collapse {
+    border-collapse: collapse;
+  }
+  td {
+    border: 20px solid #aaa;
+    width: 120px;
+    height: 150px;
+  }
+  .first {
+    background-color: #000;
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    height: 10px;
+    width: 20px
+  }
+</style>
+<h1>Table Cell Testcase, bug 1379306</h1>
+
+<div style="position: relative;">
+  <table class="collapse">
+    <tr>
+      <td>
+        <div class="first"></div>
+      </td>
+    </tr>
+  </table>
+</div>
+
diff --git a/layout/reftests/table-bordercollapse/bug1379306.html b/layout/reftests/table-bordercollapse/bug1379306.html
new file mode 100644
index 0000000000..55f866d4d7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1379306.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>Table Cell Testcase, bug 1379306</title>
+<style>
+  table.collapse {
+    border-collapse: collapse;
+  }
+  td {
+    border: 20px solid #aaa;
+    width: 120px;
+    height: 150px;
+    position: relative;
+  }
+  div {
+    background-color: #000;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 10px;
+    width: 20px
+  }
+</style>
+<h1>Table Cell Testcase, bug 1379306</h1>
+
+<table class="collapse">
+  <tr>
+    <td>
+      <div></div>
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/bug1394226-notref.html b/layout/reftests/table-bordercollapse/bug1394226-notref.html
new file mode 100644
index 0000000000..f9ee6230ee
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1394226-notref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Table border collapse</title>
+<style>
+  table {
+    border-collapse: collapse;
+  }
+  tr.odd {
+    background-color: LightCyan;
+  }
+  tr.even {
+    background-color: LightSkyBlue;
+  }
+  td {
+    border: 5px solid DarkBlue;
+  }
+  .inner td {
+    border: 5px solid red;
+  }
+  .inner tr:first-child td {
+    border-top: 5px solid DarkBlue;
+  }
+  .inner tr td:first-child {
+    border-left: 5px solid DarkBlue;
+  }
+  .inner tr:last-child td {
+    border-bottom: 5px solid DarkBlue;
+  }
+  .inner tr td:last-child {
+    border-right: 5px solid DarkBlue;
+  }
+  div {
+    height: 10px;
+  }
+</style>
+</head>
+<body>
+  <div></div>
+  <table>
+    <caption></caption>
+    <tr class="odd">
+      <td>Cell 1-1</td>
+      <td>Cell 1-2</td>
+    </tr>
+    <tr class="even">
+      <td>Cell 2-1</td>
+      <td>Cell 2-2
+        <table class="inner">
+          <tr class="odd">
+            <td>Cell 2-2/1-1</td>
+            <td>Cell 2-2/1-2</td>
+          </tr>
+          <tr class="even">
+            <td>Cell 2-2/2-1</td>
+            <td>Cell 2-2/2-2</td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1394226-ref.html b/layout/reftests/table-bordercollapse/bug1394226-ref.html
new file mode 100644
index 0000000000..3c3c1bb6c2
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1394226-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Table border collapse</title>
+<style>
+  table {
+    border-collapse: collapse;
+  }
+  tr.odd {
+    background-color: LightCyan;
+  }
+  tr.even {
+    background-color: LightSkyBlue;
+  }
+  td {
+    border: 5px solid DarkBlue;
+  }
+  div {
+    height: 10px;
+  }
+</style>
+</head>
+<body>
+  <div></div>
+  <table>
+    <tr class="odd">
+      <td>Cell 1-1</td>
+      <td>Cell 1-2</td>
+    </tr>
+    <tr class="even">
+      <td>Cell 2-1</td>
+      <td>Cell 2-2
+        <table>
+          <tr class="odd">
+            <td>Cell 2-2/1-1</td>
+            <td>Cell 2-2/1-2</td>
+          </tr>
+          <tr class="even">
+            <td>Cell 2-2/2-1</td>
+            <td>Cell 2-2/2-2</td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1394226.html b/layout/reftests/table-bordercollapse/bug1394226.html
new file mode 100644
index 0000000000..359e6aa02e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1394226.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Table border collapse</title>
+<style>
+  table {
+    border-collapse: collapse;
+  }
+  tr.odd {
+    background-color: LightCyan;
+  }
+  tr.even {
+    background-color: LightSkyBlue;
+  }
+  td {
+    border: 5px solid DarkBlue;
+  }
+  caption {
+    height: 10px
+  }
+</style>
+</head>
+<body>
+  <table>
+    <caption></caption>
+    <tr class="odd">
+      <td>Cell 1-1</td>
+      <td>Cell 1-2</td>
+    </tr>
+    <tr class="even">
+      <td>Cell 2-1</td>
+      <td>Cell 2-2
+        <table>
+          <tr class="odd">
+            <td>Cell 2-2/1-1</td>
+            <td>Cell 2-2/1-2</td>
+          </tr>
+          <tr class="even">
+            <td>Cell 2-2/2-1</td>
+            <td>Cell 2-2/2-2</td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+  </table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1405929-2-ref.html b/layout/reftests/table-bordercollapse/bug1405929-2-ref.html
new file mode 100644
index 0000000000..d007c91561
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1405929-2-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<title>Bug 1405929 reftest reference</title>
+<style>
+
+table {
+  border-collapse: collapse;
+  display: inline-table;
+  vertical-align: top;
+  margin: 20px;
+  width: 20px;
+}
+
+td {
+  background: green border-box;
+  padding: 20px;
+  width: 10px;
+}
+
+.bb {
+  border-bottom: 5px dashed fuchsia;
+}
+
+</style>
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+      <td>
+    <tr>
+      <td colspan="2" class=bb>
+    <tr>
+      <td colspan="2">
+  </tbody>
+</table>
diff --git a/layout/reftests/table-bordercollapse/bug1405929-2.html b/layout/reftests/table-bordercollapse/bug1405929-2.html
new file mode 100644
index 0000000000..efe7ff2416
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1405929-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<title>Bug 1405929 reftest</title>
+<style>
+
+table {
+  border-collapse: collapse;
+  display: inline-table;
+  vertical-align: top;
+  margin: 20px;
+  width: 20px;
+}
+
+td {
+  background: green border-box;
+  padding: 20px;
+  width: 10px;
+}
+
+.bb {
+  border-bottom: 5px dashed fuchsia;
+}
+
+</style>
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+      <td rowspan="2" class=bb>
+    <tr>
+      <td class=bb>
+    <tr>
+      <td colspan="2">
+  </tbody>
+</table>
diff --git a/layout/reftests/table-bordercollapse/bug1405929-ref.html b/layout/reftests/table-bordercollapse/bug1405929-ref.html
new file mode 100644
index 0000000000..426a7421d1
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1405929-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1405929 reftest reference</title>
+<style type="text/css">
+table { border-collapse: collapse; }
+td    { padding-left: 1em; }
+td:first-child {
+  border-bottom: 1px solid black;
+}
+.x {
+  border-bottom: 1px solid black;
+}
+</style>
+
+</head>
+<body>
+<table>
+  <tr> <td>1 </td> <td class="x" rowspan="2">Spans 1-2</td>   </tr>
+  <tr> <td>2 </td>                                            </tr>
+  <tr> <td>3 </td> <td class="x" rowspan="3">Spans 3-5</td>   </tr>
+  <tr> <td>4 </td>                                            </tr>
+  <tr> <td>5 </td>                                            </tr>
+  <tr> <td>6 </td> <td class="x">Nospan</td>                  </tr>
+  <tr> <td>7 </td> <td class="x" rowspan="2">Spans 7-8</td>   </tr>
+  <tr> <td>8 </td>                                            </tr>
+  <tr> <td>9 </td> <td></td>                                  </tr>
+  <tr> <td>10</td> <td class="x"></td>                        </tr>
+  <tr> <td>11</td> <td class="x" rowspan="4">Spans 11-14</td> </tr>
+  <tr> <td>12</td>                                            </tr>
+  <tr> <td>13</td>                                            </tr>
+  <tr> <td>14</td>                                            </tr>
+  <tr> <td>13</td> <td class="x">Nospan</td>                  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1405929.html b/layout/reftests/table-bordercollapse/bug1405929.html
new file mode 100644
index 0000000000..840f351ea3
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1405929.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<head>
+<title>Bug 1405929 reftest</title>
+<style type="text/css">
+table { border-collapse: collapse; }
+tr    { border-bottom: 1px solid black; }
+td    { padding-left: 1em; }
+</style>
+
+</head>
+<body>
+
+<table>
+  <tr> <td>1 </td> <td rowspan="2">Spans 1-2  </td> </tr>
+  <tr> <td>2 </td>                                  </tr>
+  <tr> <td>3 </td> <td rowspan="3">Spans 3-5  </td> </tr>
+  <tr> <td>4 </td>                                  </tr>
+  <tr> <td>5 </td>                                  </tr>
+  <tr> <td>6 </td> <td>            Nospan     </td> </tr>
+  <tr> <td>7 </td> <td rowspan="2">Spans 7-8  </td> </tr>
+  <tr> <td>8 </td>                                  </tr>
+  <tr> <td>9 </td> <td rowspan="2"></td>            </tr>
+  <tr> <td>10</td>                                  </tr>
+  <tr> <td>11</td> <td rowspan="4">Spans 11-14</td> </tr>
+  <tr> <td>12</td>                                  </tr>
+  <tr> <td>13</td>                                  </tr>
+  <tr> <td>14</td>                                  </tr>
+  <tr> <td>13</td> <td>            Nospan     </td> </tr>
+</table>
+
+</body>
+</html>
+
+
diff --git a/layout/reftests/table-bordercollapse/bug1421887-ref.html b/layout/reftests/table-bordercollapse/bug1421887-ref.html
new file mode 100644
index 0000000000..e085b3bd52
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1421887-ref.html
@@ -0,0 +1,56 @@
+<html>
+<head>
+<title>Bug 1421887 reftest reference</title>
+<style type="text/css">
+table
+{
+        border-collapse : collapse;
+}
+td
+{
+        padding : 5px;
+        background-color : #F7F7F8;
+        border-left : dashed 1px;
+        border-right : dashed 1px;
+        text-align : left;
+}
+.bb {
+        border-bottom : solid 1px;
+        border-top : solid 1px;
+
+}
+</style>
+</head>
+
+<body>
+<table>
+<thead>
+        <tr>
+                <th>test</th>
+                <th>test</th>
+        </tr>
+</thead>
+<tbody>
+        <tr>
+                <td class="bb">test</td>
+
+                <td class="bb" rowspan="2">test</td>
+        </tr>
+        <tr><td class="bb">test</td></tr>
+
+        <tr>
+
+                <td class="bb">test</td>
+                <td></td>
+        </tr>
+        <tr><td class="bb">test</td><td></td></tr>
+
+        <tr>
+                <td class="bb">test</td>
+                <td class="bb" rowspan="2">test</td>
+        </tr>
+        <tr><td class="bb">test</td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/bug1421887.html b/layout/reftests/table-bordercollapse/bug1421887.html
new file mode 100644
index 0000000000..e77b974e78
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1421887.html
@@ -0,0 +1,53 @@
+<html>
+<head>
+<title>Bug 1421887 reftest</title>
+<style type="text/css">
+table
+{
+        border-collapse : collapse;
+}
+td
+{
+        padding : 5px;
+        background-color : #F7F7F8;
+        border-left : dashed 1px;
+        border-right : dashed 1px;
+        border-bottom : solid 1px;
+        border-top : solid 1px;
+        text-align : left;
+}
+</style>
+</head>
+
+<body>
+<table>
+<thead>
+        <tr>
+                <th>test</th>
+                <th>test</th>
+        </tr>
+</thead>
+<tbody>
+        <tr>
+                <td>test</td>
+
+                <td rowspan="2">test</td>
+        </tr>
+        <tr><td>test</td></tr>
+
+        <tr>
+
+                <td>test</td>
+                <td rowspan="2"></td>
+        </tr>
+        <tr><td>test</td></tr>
+
+        <tr>
+                <td>test</td>
+                <td rowspan="2">test</td>
+        </tr>
+        <tr><td>test</td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-bordercollapse/double_borders.html b/layout/reftests/table-bordercollapse/double_borders.html
new file mode 100644
index 0000000000..25c4e87f2b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/double_borders.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<table style="border-collapse: collapse; border: 1px double blue">
+  <tr>
+    <td>This should have a blue border</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/double_borders_ref.html b/layout/reftests/table-bordercollapse/double_borders_ref.html
new file mode 100644
index 0000000000..a323fdaa07
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/double_borders_ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<table style="border-collapse: collapse; border: 1px solid blue">
+  <tr>
+    <td>This should have a blue border</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/empty-toprow-ref.html b/layout/reftests/table-bordercollapse/empty-toprow-ref.html
new file mode 100644
index 0000000000..429dea3666
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/empty-toprow-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<style>
+	table {
+		border: 1px solid black;
+                border-collapse: collapse;
+	}
+	td {
+		border: 1px solid black;
+	}
+</style>
+<table>
+  <tr>
+    <td>td</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/empty-toprow.html b/layout/reftests/table-bordercollapse/empty-toprow.html
new file mode 100644
index 0000000000..0843891311
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/empty-toprow.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+	table {
+		border: 1px solid black;
+                border-collapse: collapse;
+	}
+	td {
+		border: 1px solid black;
+	}
+</style>
+<table>
+  <tr></tr>
+  <tr>
+    <td>td</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_all.html b/layout/reftests/table-bordercollapse/frame_above_rules_all.html
new file mode 100644
index 0000000000..51d538ba7d
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_all.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="above" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+
+<table rules="all" frame="above">
+	<caption><a name="void-none">Frame="above" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_above_rules_all_ref.html
new file mode 100644
index 0000000000..c370742961
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bc">
+	<caption><a name="void-none">Frame="above" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_cols.html b/layout/reftests/table-bordercollapse/frame_above_rules_cols.html
new file mode 100644
index 0000000000..f8a7ce8a3b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_cols.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="above" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+
+<table rules="cols" frame="above">
+	<caption><a name="void-none">Frame="above" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_above_rules_cols_ref.html
new file mode 100644
index 0000000000..2bfe69f587
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="above" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bc">
+	<caption><a name="void-none">Frame="above" and Rules="cols"</caption>
+<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_groups.html b/layout/reftests/table-bordercollapse/frame_above_rules_groups.html
new file mode 100644
index 0000000000..e04d35b5c0
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="above" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="above">
+	<caption><a name="void-none">Frame="above" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_above_rules_groups_ref.html
new file mode 100644
index 0000000000..0fc138df08
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bc">
+	<caption><a name="void-none">Frame="above" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class=border>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_none.html b/layout/reftests/table-bordercollapse/frame_above_rules_none.html
new file mode 100644
index 0000000000..e7f70dc9a4
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_none.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="above" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="none" frame="above">
+	<caption><a name="void-none">Frame="above" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_above_rules_none_ref.html
new file mode 100644
index 0000000000..4ab3a0aa0c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_none_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="topLight">
+	<caption><a name="void-none">Frame="above" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_rows.html b/layout/reftests/table-bordercollapse/frame_above_rules_rows.html
new file mode 100644
index 0000000000..c5c0283922
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_rows.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rows" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+
+<table rules="rows" frame="above">
+	<caption><a name="void-none">Frame="above" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_above_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_above_rules_rows_ref.html
new file mode 100644
index 0000000000..932bb1e475
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_above_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bc">
+	<caption><a name="void-none">Frame="above" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr  class=border>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr  class=border>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr class=border>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_all.html b/layout/reftests/table-bordercollapse/frame_below_rules_all.html
new file mode 100644
index 0000000000..b9a502ccbe
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="below">
+	<caption><a name="void-none">Frame="below" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_below_rules_all_ref.html
new file mode 100644
index 0000000000..468d735052
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bottom bc">
+	<caption><a name="void-none">Frame="below" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_cols.html b/layout/reftests/table-bordercollapse/frame_below_rules_cols.html
new file mode 100644
index 0000000000..deae5cc6fe
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="below">
+	<caption><a name="void-none">Frame="below" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_below_rules_cols_ref.html
new file mode 100644
index 0000000000..a930f09a0a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bottom bc">
+	<caption><a name="void-none">Frame="below" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_groups.html b/layout/reftests/table-bordercollapse/frame_below_rules_groups.html
new file mode 100644
index 0000000000..1870663b57
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="below">
+	<caption><a name="void-none">Frame="below" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_below_rules_groups_ref.html
new file mode 100644
index 0000000000..811d115a04
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bottom bc">
+	<caption><a name="void-none">Frame="below" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_none.html b/layout/reftests/table-bordercollapse/frame_below_rules_none.html
new file mode 100644
index 0000000000..ecd59c96b0
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_none.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="none" frame="below">
+	<caption><a name="void-none">Frame="below" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_below_rules_none_ref.html
new file mode 100644
index 0000000000..09c462b95c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_none_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bottomDark">
+	<caption><a name="void-none">Frame="below" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_rows.html b/layout/reftests/table-bordercollapse/frame_below_rules_rows.html
new file mode 100644
index 0000000000..134469be36
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="below">
+	<caption><a name="void-none">Frame="below" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_below_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_below_rules_rows_ref.html
new file mode 100644
index 0000000000..1b39a61480
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_below_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="below" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bottom bc">
+	<caption><a name="void-none">Frame="below" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr  class=border>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr  class=border>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr  class=border>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_all.html b/layout/reftests/table-bordercollapse/frame_border_rules_all.html
new file mode 100644
index 0000000000..27542f8f93
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="border">
+	<caption><a name="void-none">Frame="border" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_border_rules_all_ref.html
new file mode 100644
index 0000000000..0e79c2455a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left top bottom bc">
+	<caption><a name="void-none">Frame="border" and Rules="all"</caption>
+<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_cols.html b/layout/reftests/table-bordercollapse/frame_border_rules_cols.html
new file mode 100644
index 0000000000..34fb8580ec
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="border">
+	<caption><a name="void-none">Frame="border" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_border_rules_cols_ref.html
new file mode 100644
index 0000000000..9c7dbceea5
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left top bottom bc">
+	<caption><a name="void-none">Frame="border" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_groups.html b/layout/reftests/table-bordercollapse/frame_border_rules_groups.html
new file mode 100644
index 0000000000..31115ab2f7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="border">
+	<caption><a name="void-none">Frame="border" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_border_rules_groups_ref.html
new file mode 100644
index 0000000000..58c477c08d
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left top bottom bc">
+	<caption><a name="void-none">Frame="border" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_none.html b/layout/reftests/table-bordercollapse/frame_border_rules_none.html
new file mode 100644
index 0000000000..3910d49ce5
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_none.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+        <script language=javascript>
+          function onReftestLoad() {
+            document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px';
+            document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px';
+            document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px';
+          }        
+        </script>
+</head>
+<body onload='onReftestLoad();'>
+<div class="maskPixel" id="bottomLeftMask"></div>
+<div class="maskPixel" id="topRightMask"></div>
+<table rules="none" frame="border" id="testtable">
+	<caption><a name="void-none">Frame="border" and Rules="none"</caption>
+	<thead id="tablehead">
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot id='tablefooter'>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_border_rules_none_ref.html
new file mode 100644
index 0000000000..7e73bcf0d2
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_none_ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+      <script language=javascript>
+        function onReftestLoad() {
+          document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px';
+          document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px';
+          document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px';
+        }        
+      </script>
+</head>
+<body onload='onReftestLoad();'>
+<div class="maskPixel" id="bottomLeftMask"></div>
+<div class="maskPixel" id="topRightMask"></div>
+<table class="leftLight topLight rightDark  bottomDark">
+	<caption><a name="void-none">Frame="border" and Rules="none"</caption>
+	<thead id="tablehead">
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot id='tablefooter'>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_rows.html b/layout/reftests/table-bordercollapse/frame_border_rules_rows.html
new file mode 100644
index 0000000000..2bb47be2f8
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="border">
+	<caption><a name="void-none">Frame="border" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_border_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_border_rules_rows_ref.html
new file mode 100644
index 0000000000..13aaddedcb
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_border_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="border" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left top bottom bc">
+	<caption><a name="void-none">Frame="border" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr  class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr  class="border">
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr  class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_all.html b/layout/reftests/table-bordercollapse/frame_box_rules_all.html
new file mode 100644
index 0000000000..78fafc87ec
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="box">
+	<caption><a name="void-none">Frame="box" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_box_rules_all_ref.html
new file mode 100644
index 0000000000..f83ea707ab
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left  top bottom bc">
+	<caption><a name="void-none">Frame="box" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_cols.html b/layout/reftests/table-bordercollapse/frame_box_rules_cols.html
new file mode 100644
index 0000000000..d9a4bae3d7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="box">
+	<caption><a name="void-none">Frame="box" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_box_rules_cols_ref.html
new file mode 100644
index 0000000000..8fb8d5d14b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left  top bottom bc">
+	<caption><a name="void-none">Frame="box" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_groups.html b/layout/reftests/table-bordercollapse/frame_box_rules_groups.html
new file mode 100644
index 0000000000..4edcc7c46f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="box">
+	<caption><a name="void-none">Frame="box" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_box_rules_groups_ref.html
new file mode 100644
index 0000000000..bea73c78af
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left  top bottom bc">
+	<caption><a name="void-none">Frame="box" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_none-collapse-ref.html b/layout/reftests/table-bordercollapse/frame_box_rules_none-collapse-ref.html
new file mode 100644
index 0000000000..35704abda2
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_none-collapse-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="none" and "border-collapse: collapse"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<table rules="none" frame="box" style="border-collapse: collapse; background: LightCyan; border: solid 1px">
+	<caption><a name="box-none">Frame="box" and Rules="none"</caption>
+	<thead id="tablehead">
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot id='tablefooter'>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_none-collapse.html b/layout/reftests/table-bordercollapse/frame_box_rules_none-collapse.html
new file mode 100644
index 0000000000..ff31ca3e2b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_none-collapse.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="none" and "border-collapse: collapse"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<table rules="none" frame="box" style="border-collapse: collapse">
+	<caption><a name="box-none">Frame="box" and Rules="none"</caption>
+	<thead id="tablehead">
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot id='tablefooter'>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_none.html b/layout/reftests/table-bordercollapse/frame_box_rules_none.html
new file mode 100644
index 0000000000..ac49cc23b0
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_none.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+        <script language=javascript>
+          function onReftestLoad() {
+            document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px';
+            document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px';
+            document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px';
+          }        
+        </script>
+</head>
+<body onload='onReftestLoad();'>
+<div class="maskPixel" id="bottomLeftMask"></div>
+<div class="maskPixel" id="topRightMask"></div>
+<table rules="none" frame="box">
+	<caption><a name="void-none">Frame="box" and Rules="none"</caption>
+	<thead id="tablehead">
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot id='tablefooter'>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_box_rules_none_ref.html
new file mode 100644
index 0000000000..6d7cd5b13c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_none_ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+      <script language=javascript>
+        function onReftestLoad() {
+          document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px';
+          document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px';
+          document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px';
+        }        
+      </script>
+</head>
+<body onload='onReftestLoad();'>
+<div class="maskPixel" id="bottomLeftMask"></div>
+<div class="maskPixel" id="topRightMask"></div>
+<table class="rightDark leftLight topLight bottomDark">
+	<caption><a name="void-none">Frame="box" and Rules="none"</caption>
+	<thead id="tablehead">
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot id='tablefooter'>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_rows.html b/layout/reftests/table-bordercollapse/frame_box_rules_rows.html
new file mode 100644
index 0000000000..f23c43ce02
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="box">
+	<caption><a name="void-none">Frame="box" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_box_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_box_rules_rows_ref.html
new file mode 100644
index 0000000000..1be7bfd995
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_box_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="box" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right left  top bottom bc">
+	<caption><a name="void-none">Frame="box" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr  class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_all.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_all.html
new file mode 100644
index 0000000000..b8dd99e853
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="hsides">
+	<caption><a name="void-none">Frame="hsides" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_all_ref.html
new file mode 100644
index 0000000000..7a14d6e930
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bottom bc">
+	<caption><a name="void-none">Frame="hsides" and Rules="all"</caption>
+<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_cols.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_cols.html
new file mode 100644
index 0000000000..4e59a4490a
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="hsides">
+	<caption><a name="void-none">Frame="hsides" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_cols_ref.html
new file mode 100644
index 0000000000..2d44f31d0d
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bottom bc">
+	<caption><a name="void-none">Frame="hsides" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_groups.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_groups.html
new file mode 100644
index 0000000000..7f6d1548ff
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="hsides">
+	<caption><a name="void-none">Frame="hsides" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_groups_ref.html
new file mode 100644
index 0000000000..e72aade1fa
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bottom bc">
+	<caption><a name="void-none">Frame="hsides" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_none.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_none.html
new file mode 100644
index 0000000000..002ea5319c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_none.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="none" frame="hsides">
+	<caption><a name="void-none">Frame="hsides" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_none_ref.html
new file mode 100644
index 0000000000..4574bac3f1
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_none_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="topLight bottomDark">
+	<caption><a name="void-none">Frame="hsides" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_rows.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_rows.html
new file mode 100644
index 0000000000..cab19c8a3d
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="hsides">
+	<caption><a name="void-none">Frame="hsides" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_hsides_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_hsides_rules_rows_ref.html
new file mode 100644
index 0000000000..ae027937c7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_hsides_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="hsides" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="top bottom bc">
+	<caption><a name="void-none">Frame="hsides" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr  class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr  class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_all.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_all.html
new file mode 100644
index 0000000000..16882ceb21
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="lhs">
+	<caption><a name="void-none">Frame="lhs" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_all_ref.html
new file mode 100644
index 0000000000..d0b413e843
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+
+
+<table class="left bc">
+	<caption><a name="void-none">Frame="lhs" and Rules="all"</caption>
+<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_cols.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_cols.html
new file mode 100644
index 0000000000..acd4f40bef
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="lhs">
+	<caption><a name="void-none">Frame="lhs" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_cols_ref.html
new file mode 100644
index 0000000000..57b90e9fb6
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+
+
+<table class="left bc">
+	<caption><a name="void-none">Frame="lhs" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_groups.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_groups.html
new file mode 100644
index 0000000000..bf2332d31c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="lhs">
+	<caption><a name="void-none">Frame="lhs" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_groups_ref.html
new file mode 100644
index 0000000000..e459ed3c32
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+
+
+<table class="left bc">
+	<caption><a name="void-none">Frame="lhs" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_none.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_none.html
new file mode 100644
index 0000000000..1e5cd87389
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_none.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="none" frame="lhs">
+	<caption><a name="void-none">Frame="lhs" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_none_ref.html
new file mode 100644
index 0000000000..51aa94aaca
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_none_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+
+
+<table class="leftLight">
+	<caption><a name="void-none">Frame="lhs" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_rows.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_rows.html
new file mode 100644
index 0000000000..23952eb462
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="lhs">
+	<caption><a name="void-none">Frame="lhs" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_lhs_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_lhs_rules_rows_ref.html
new file mode 100644
index 0000000000..1c97ec0d08
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_lhs_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="lhs" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+
+
+<table class="left bc">
+	<caption><a name="void-none">Frame="lhs" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr  class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr  class="border">
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr  class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_all.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_all.html
new file mode 100644
index 0000000000..60bb7b06ec
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="rhs">
+	<caption><a name="void-none">Frame="rhs" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_all_ref.html
new file mode 100644
index 0000000000..0c7a72e35e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right bc">
+	<caption><a name="void-none">Frame="rhs" and Rules="all"</caption>
+<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_cols.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_cols.html
new file mode 100644
index 0000000000..3acef0a896
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="rhs">
+	<caption><a name="void-none">Frame="rhs" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_cols_ref.html
new file mode 100644
index 0000000000..6517cada6f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right bc">
+	<caption><a name="void-none">Frame="rhs" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_groups.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_groups.html
new file mode 100644
index 0000000000..629a981b8e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="rhs">
+	<caption><a name="void-none">Frame="rhs" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_groups_ref.html
new file mode 100644
index 0000000000..8925cb1ee7
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right bc">
+	<caption><a name="void-none">Frame="rhs" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_none.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_none.html
new file mode 100644
index 0000000000..ad1508b52e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_none.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="none" frame="rhs">
+	<caption><a name="void-none">Frame="rhs" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_none_ref.html
new file mode 100644
index 0000000000..fc9ffffc8c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_none_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="rightDark">
+	<caption><a name="void-none">Frame="rhs" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_rows.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_rows.html
new file mode 100644
index 0000000000..3bc8ccd122
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="rhs">
+	<caption><a name="void-none">Frame="rhs" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_rhs_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_rhs_rules_rows_ref.html
new file mode 100644
index 0000000000..91563fc4c5
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_rhs_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="rhs" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="right bc">
+	<caption><a name="void-none">Frame="rhs" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr  class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr  class="border">
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr  class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_all.html b/layout/reftests/table-bordercollapse/frame_void_rules_all.html
new file mode 100644
index 0000000000..39ec914065
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="all"</title>
+<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="void">
+	<caption><a name="void-none">Frame="void" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_void_rules_all_ref.html
new file mode 100644
index 0000000000..e96948e23c
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bc">
+<caption><a name="void-none">Frame="void" and Rules="all"</caption>
+  <thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_cols.html b/layout/reftests/table-bordercollapse/frame_void_rules_cols.html
new file mode 100644
index 0000000000..0ac120d004
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="void">
+	<caption><a name="void-none">Frame="void" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_void_rules_cols_ref.html
new file mode 100644
index 0000000000..0420398ce3
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bc">
+	<caption><a name="void-none">Frame="void" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_groups.html b/layout/reftests/table-bordercollapse/frame_void_rules_groups.html
new file mode 100644
index 0000000000..f52679d271
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="void">
+	<caption><a name="void-none">Frame="void" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_void_rules_groups_ref.html
new file mode 100644
index 0000000000..ed45be95b0
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bc">
+	<caption><a name="void-none">Frame="void" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_none.html b/layout/reftests/table-bordercollapse/frame_void_rules_none.html
new file mode 100644
index 0000000000..bbc4c241d8
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_none.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="none"</title>
+<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="none" frame="void">
+	<caption><a name="void-none">Frame="void" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_void_rules_none_ref.html
new file mode 100644
index 0000000000..7a6f364abc
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_none_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table >
+	<caption><a name="void-none">Frame="void" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_rows.html b/layout/reftests/table-bordercollapse/frame_void_rules_rows.html
new file mode 100644
index 0000000000..58b924bd4b
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="void"</title>
+<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="void">
+	<caption><a name="void-none">Frame="void" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_void_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_void_rules_rows_ref.html
new file mode 100644
index 0000000000..eb1ef28ab6
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_void_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="void" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="bc">
+	<caption><a name="void-none">Frame="void" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_all.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_all.html
new file mode 100644
index 0000000000..fe691858a1
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_all.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="all"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="all" frame="vsides">
+	<caption><a name="void-none">Frame="vsides" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_all_ref.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_all_ref.html
new file mode 100644
index 0000000000..d818bba3f3
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_all_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="all"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="left right bc">
+	<caption><a name="void-none">Frame="vsides" and Rules="all"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr class="border">
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_cols.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_cols.html
new file mode 100644
index 0000000000..8307493ccb
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_cols.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="cols"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="cols" frame="vsides">
+	<caption><a name="void-none">Frame="vsides" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_cols_ref.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_cols_ref.html
new file mode 100644
index 0000000000..b86badf00e
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_cols_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="cols"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="left right bc">
+	<caption><a name="void-none">Frame="vsides" and Rules="cols"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td class="border">Row 1, Cell 2</td>
+			<td class="border">Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2" class="border">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td class="border">Row 3, Cell 2</td>
+			<td rowspan="2" class="border">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td class="border">Row 5, Cell 2</td>
+			<td class="border">Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_groups.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_groups.html
new file mode 100644
index 0000000000..cf4823db41
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_groups.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="groups"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="groups" frame="vsides">
+	<caption><a name="void-none">Frame="vsides" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_groups_ref.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_groups_ref.html
new file mode 100644
index 0000000000..cb87996dee
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_groups_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="groups"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="left right bc">
+	<caption><a name="void-none">Frame="vsides" and Rules="groups"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody class="border">
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_none.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_none.html
new file mode 100644
index 0000000000..b845d83f9f
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_none.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="none"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="none" frame="vsides">
+	<caption><a name="void-none">Frame="vsides" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_none_ref.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_none_ref.html
new file mode 100644
index 0000000000..1ac863d6ae
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_none_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="none"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="leftLight rightDark">
+	<caption><a name="void-none">Frame="vsides" and Rules="none"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_rows.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_rows.html
new file mode 100644
index 0000000000..c1fa0032f1
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_rows.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en"><head>
+
+
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="rows"</title>
+	<link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table rules="rows" frame="vsides">
+	<caption><a name="void-none">Frame="vsides" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr>
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr>
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/frame_vsides_rules_rows_ref.html b/layout/reftests/table-bordercollapse/frame_vsides_rules_rows_ref.html
new file mode 100644
index 0000000000..944f021a2d
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/frame_vsides_rules_rows_ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>Frame="vsides" and Rules="rows"</title>
+      <link rel="stylesheet" type="text/css" href="bordercol.css" />
+</head>
+<body>
+<table class="left right bc">
+	<caption><a name="void-none">Frame="vsides" and Rules="rows"</caption>
+	<thead>
+		<tr>
+			<td>Row 1, Cell 1</td>
+			<td>Row 1, Cell 2</td>
+			<td>Row 1, Cell 3</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr  class="border">
+			<td rowspan="2">Row 2, Cell 1</td>
+			<td colspan="2">Row 2, Cell 2</td>
+		</tr>
+		<tr  class="border">
+			<td>Row 3, Cell 2</td>
+			<td rowspan="2">Row 3, Cell 3</td>
+		</tr>
+		<tr  class="border">
+			<td colspan="2">Row 4, Cell 1</td>
+		</tr>
+	</tbody>
+	<tfoot>
+		<tr>
+			<td>Row 5, Cell 1</td>
+			<td>Row 5, Cell 2</td>
+			<td>Row 5, Cell 3</td>
+		</tr>
+	</tfoot>
+</table>
+
+
+</body>
+
+</html>
diff --git a/layout/reftests/table-bordercollapse/reftest.list b/layout/reftests/table-bordercollapse/reftest.list
new file mode 100644
index 0000000000..ab02997e57
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/reftest.list
@@ -0,0 +1,120 @@
+== bug1375518.html bug1375518-ref.html
+== bug1375518-2.html bug1375518-ref.html
+== bug1375518-3.html bug1375518-ref.html
+== bug1375518-4.html bug1375518-4-ref.html
+== bug1375518-5.html bug1375518-5-ref.html
+== bug1379306.html bug1379306-ref.html
+== bug1394226.html bug1394226-ref.html
+!= bug1394226.html bug1394226-notref.html
+== bug1405929.html bug1405929-ref.html
+== bug1405929-2.html bug1405929-2-ref.html
+== bug1421887.html bug1421887-ref.html
+== bc_dyn_cell1.html bc_dyn_cell1_ref.html
+== bc_dyn_cell2.html bc_dyn_cell2_ref.html
+== bc_dyn_cell3.html bc_dyn_cell3_ref.html
+== bc_dyn_cell4.html bc_dyn_cell4_ref.html
+== bc_dyn_cell5.html bc_dyn_cell5_ref.html
+== bc_dyn_row1.html bc_dyn_rg1_ref.html
+== bc_dyn_row2.html bc_dyn_rg2_ref.html
+== bc_dyn_row3.html bc_dyn_rg3_ref.html
+== bc_dyn_rg1.html bc_dyn_rg1_ref.html
+== bc_dyn_rg2.html bc_dyn_rg2_ref.html
+== bc_dyn_rg3.html bc_dyn_rg3_ref.html
+== bc_dyn_col1.html bc_dyn_cg1_ref.html
+== bc_dyn_col2.html bc_dyn_cg2_ref.html
+== bc_dyn_col3.html bc_dyn_cg3_ref.html
+== bc_dyn_cg1.html bc_dyn_cg1_ref.html
+== bc_dyn_cg2.html bc_dyn_cg2_ref.html
+== bc_dyn_cg3.html bc_dyn_cg3_ref.html
+== bc_dyn_table1.html bc_dyn_table1_ref.html
+== bc_dyn_table2.html bc_dyn_table2_ref.html
+== bc_dyn_table3.html bc_dyn_table3_ref.html
+== bc_borderoffset1.html bc_borderoffset1_ref.html
+== bc_borderoffset2.html bc_borderoffset2_ref.html
+== frame_above_rules_all.html frame_above_rules_all_ref.html
+== frame_above_rules_cols.html frame_above_rules_cols_ref.html
+== frame_above_rules_groups.html frame_above_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-281) == frame_above_rules_none.html frame_above_rules_none_ref.html
+== frame_above_rules_rows.html frame_above_rules_rows_ref.html
+== frame_below_rules_all.html frame_below_rules_all_ref.html
+== frame_below_rules_cols.html frame_below_rules_cols_ref.html
+== frame_below_rules_groups.html frame_below_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-281) == frame_below_rules_none.html frame_below_rules_none_ref.html
+== frame_below_rules_rows.html frame_below_rules_rows_ref.html
+== frame_border_rules_all.html frame_border_rules_all_ref.html
+== frame_border_rules_cols.html frame_border_rules_cols_ref.html
+== frame_border_rules_groups.html frame_border_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-800) == frame_border_rules_none.html frame_border_rules_none_ref.html
+== frame_border_rules_rows.html frame_border_rules_rows_ref.html
+== frame_box_rules_all.html frame_box_rules_all_ref.html
+== frame_box_rules_cols.html frame_box_rules_cols_ref.html
+== frame_box_rules_groups.html frame_box_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-800) == frame_box_rules_none.html frame_box_rules_none_ref.html
+== frame_box_rules_none-collapse.html frame_box_rules_none-collapse-ref.html
+== frame_box_rules_rows.html frame_box_rules_rows_ref.html
+== frame_hsides_rules_all.html frame_hsides_rules_all_ref.html
+== frame_hsides_rules_cols.html frame_hsides_rules_cols_ref.html
+== frame_hsides_rules_groups.html frame_hsides_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-562) == frame_hsides_rules_none.html frame_hsides_rules_none_ref.html
+== frame_hsides_rules_rows.html frame_hsides_rules_rows_ref.html
+== frame_lhs_rules_all.html frame_lhs_rules_all_ref.html
+== frame_lhs_rules_cols.html frame_lhs_rules_cols_ref.html
+== frame_lhs_rules_groups.html frame_lhs_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-118) == frame_lhs_rules_none.html frame_lhs_rules_none_ref.html
+== frame_lhs_rules_rows.html frame_lhs_rules_rows_ref.html
+== frame_rhs_rules_all.html frame_rhs_rules_all_ref.html
+== frame_rhs_rules_cols.html frame_rhs_rules_cols_ref.html
+== frame_rhs_rules_groups.html frame_rhs_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-118) == frame_rhs_rules_none.html  frame_rhs_rules_none_ref.html
+== frame_rhs_rules_rows.html frame_rhs_rules_rows_ref.html
+== frame_void_rules_all.html frame_void_rules_all_ref.html
+== frame_void_rules_cols.html frame_void_rules_cols_ref.html
+== frame_void_rules_groups.html frame_void_rules_groups_ref.html
+== frame_void_rules_none.html frame_void_rules_none_ref.html
+== frame_void_rules_rows.html frame_void_rules_rows_ref.html
+== frame_vsides_rules_all.html frame_vsides_rules_all_ref.html
+== frame_vsides_rules_cols.html frame_vsides_rules_cols_ref.html
+== frame_vsides_rules_groups.html frame_vsides_rules_groups_ref.html
+fuzzy-if(appleSilicon,0-1,0-236) == frame_vsides_rules_none.html frame_vsides_rules_none_ref.html
+== frame_vsides_rules_rows.html frame_vsides_rules_rows_ref.html
+== borderhandling-1.html borderhandling-ref.html
+== borderhandling-2.html borderhandling-ref.html
+== borderhandling-3.html borderhandling-ref.html
+== borderhandling-4.html borderhandling-ref.html
+== borderhandling-5.xhtml borderhandling-strict-ref.html
+== borderhandling-6.xhtml borderhandling-strict-ref.html
+== borderhandling-7.xhtml borderhandling-strict-ref.html
+== borderhandling-8.html borderhandling-strict-ref.html
+== borderhandling-frame-border.html borderhandling-frame-border-ref.html
+== borderhandling-rules-border-empty-quirks.html borderhandling-rules-border-empty-quirks-ref.html
+== borderhandling-rules-border-rules-quirks.html borderhandling-rules-border-rules-quirks-ref.html
+== borderhandling-rules-border-none-quirks.html borderhandling-rules-border-none-quirks-ref.html
+== borderhandling-rules-border-groups-quirks.html borderhandling-rules-border-groups-quirks-ref.html
+== borderhandling-rules-border-rows-quirks.html borderhandling-rules-border-rows-quirks-ref.html
+== borderhandling-rules-border-cols-quirks.html borderhandling-rules-border-cols-quirks-ref.html
+== borderhandling-rules-border-all-quirks.html borderhandling-rules-border-all-quirks-ref.html
+== borderhandling-rules-border-empty-strict.html borderhandling-rules-border-empty-strict-ref.html
+== borderhandling-rules-border-rules-strict.html borderhandling-rules-border-rules-strict-ref.html
+== borderhandling-rules-border-none-strict.html borderhandling-rules-border-none-strict-ref.html
+== borderhandling-rules-border-groups-strict.html borderhandling-rules-border-groups-strict-ref.html
+== borderhandling-rules-border-rows-strict.html borderhandling-rules-border-rows-strict-ref.html
+== borderhandling-rules-border-cols-strict.html borderhandling-rules-border-cols-strict-ref.html
+== borderhandling-rules-border-all-strict.html borderhandling-rules-border-all-strict-ref.html
+== bordercolor-1.html bordercolor-ref.html
+!= bordercolor-2.html bordercolor-ref.html
+== bordercolor-3.html bordercolor-3-ref.html
+== bordercolor-4.html bordercolor-4-ref.html
+== empty-toprow.html empty-toprow-ref.html
+== double_borders.html double_borders_ref.html
+== border-collapse-rtl.html border-collapse-rtl-ref.html
+# Fuzzy because border-collapsed borders are not antialiased, since each segment is painted separately.
+# So get 40 pixels of fuzz, 20 at each beveled corner (because the border width
+# is 20px).
+fuzzy(0-255,0-40) fuzzy-if(!useDrawSnapshot,51-52,40-526) fuzzy-if(appleSilicon,0-95,0-9760) fails-if(geckoview) == border-style-outset-becomes-groove.html border-style-outset-becomes-groove-ref.html
+# Fuzzy because border-collapsed borders are not antialiased, since each segment is painted separately.
+# So get 40 pixels of fuzz, 20 at each beveled corner (because the border width
+# is 20px).
+fuzzy(0-255,0-40) fuzzy-if(!useDrawSnapshot,51-52,40-526) fuzzy-if(appleSilicon,0-95,0-9760) fails-if(geckoview) == border-style-inset-becomes-ridge.html border-style-inset-becomes-ridge-ref.html
+fuzzy(0-2,0-11000) == 1324524.html 1324524-ref.html
+== 1384602-1a.html 1384602-1-ref.html
+== 1384602-1b.html 1384602-1-ref.html
diff --git a/layout/reftests/table-dom/appendCells1-ref.html b/layout/reftests/table-dom/appendCells1-ref.html
new file mode 100644
index 0000000000..e59fd0c427
--- /dev/null
+++ b/layout/reftests/table-dom/appendCells1-ref.html
@@ -0,0 +1,20 @@
+<HEAD>
+ </HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td>X1</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td>X2</td><td>X3</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCells1.html b/layout/reftests/table-dom/appendCells1.html
new file mode 100644
index 0000000000..c848def813
--- /dev/null
+++ b/layout/reftests/table-dom/appendCells1.html
@@ -0,0 +1,31 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  appendCellAt(0, 1, 1);
+
+  appendCellAt(1, 1, 1);
+  appendCellAt(1, 1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCellsRebuild1-ref.html b/layout/reftests/table-dom/appendCellsRebuild1-ref.html
new file mode 100644
index 0000000000..96f413657f
--- /dev/null
+++ b/layout/reftests/table-dom/appendCellsRebuild1-ref.html
@@ -0,0 +1,33 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tbody>
+ <tr>
+  <td>c11</td><td rowspan=2>X1</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+ </tbody>
+</table>
+<table bgcolor=orange border>
+ <tbody>
+ <tr>
+  <td>c11</td><td rowspan=2>X2</td><td rowspan=2>X3</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+ </tbody>
+</table>
+
+
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCellsRebuild1.html b/layout/reftests/table-dom/appendCellsRebuild1.html
new file mode 100644
index 0000000000..fae04b6e3b
--- /dev/null
+++ b/layout/reftests/table-dom/appendCellsRebuild1.html
@@ -0,0 +1,41 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  appendCellAt(0, 2, 1);
+
+  appendCellAt(2, 2, 1);
+  appendCellAt(2, 2, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tbody>
+ <tr>
+  <td>c11</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+ </tbody>
+</table>
+<table bgcolor=orange border>
+ <tbody>
+ <tr>
+  <td>c11</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCellsZeroColspan-ref.html b/layout/reftests/table-dom/appendCellsZeroColspan-ref.html
new file mode 100644
index 0000000000..38c190e181
--- /dev/null
+++ b/layout/reftests/table-dom/appendCellsZeroColspan-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" 
+"http://www.w3.org/TR/REC-html40/strict.dtd">
+<HEAD>
+
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+<tr>
+  <td>c11</td><td>c12</td><td>c13</td><td>c14</td>
+</tr>
+ <tr>
+  <td>c21</td><td colspan="0">X1</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+<tr><td>c11</td><td rowspan="0">X2</td> </tr>
+<tr><td>c21</td> </tr>
+<tr><td>c22</td> </tr>
+<tr><td>c23</td> </tr>
+<tr><td>c24</td> </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCellsZeroColspan.html b/layout/reftests/table-dom/appendCellsZeroColspan.html
new file mode 100644
index 0000000000..0bca392c9c
--- /dev/null
+++ b/layout/reftests/table-dom/appendCellsZeroColspan.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" 
+"http://www.w3.org/TR/REC-html40/strict.dtd">
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  appendCellAt(1, 1, 0);
+
+  appendCellAt(2, 0, 1);
+  }
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td>c13</td><td>c14</td>
+ </tr>
+<tr><td>c21</td></tr>
+</table>
+<table bgcolor=orange border>
+ <tr><td>c11</td> </tr>
+<tr><td>c21</td> </tr>
+<tr><td>c22</td> </tr>
+<tr><td>c23</td> </tr>
+<tr><td>c24</td> </tr>
+
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCol1-ref.html b/layout/reftests/table-dom/appendCol1-ref.html
new file mode 100644
index 0000000000..c9728b754e
--- /dev/null
+++ b/layout/reftests/table-dom/appendCol1-ref.html
@@ -0,0 +1,17 @@
+<HEAD> 
+</HEAD>
+<BODY >
+<table bgcolor=orange border>
+ <col>
+ <col width=200>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCol1.html b/layout/reftests/table-dom/appendCol1.html
new file mode 100644
index 0000000000..27bdcac7c5
--- /dev/null
+++ b/layout/reftests/table-dom/appendCol1.html
@@ -0,0 +1,27 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var col = document.createElement("COL", null);
+  col.width = 200;
+  table.appendChild(col);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <col>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCol2-ref.html b/layout/reftests/table-dom/appendCol2-ref.html
new file mode 100644
index 0000000000..25a652fdfb
--- /dev/null
+++ b/layout/reftests/table-dom/appendCol2-ref.html
@@ -0,0 +1,19 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <colgroup>
+  <col>
+  <col width=200>
+ </colgroup>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendCol2.html b/layout/reftests/table-dom/appendCol2.html
new file mode 100644
index 0000000000..cae53697ca
--- /dev/null
+++ b/layout/reftests/table-dom/appendCol2.html
@@ -0,0 +1,29 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var cg = document.getElementsByTagName("COLGROUP")[0];
+  var col = document.createElement("COL", null);
+  col.width = 200;
+  cg.appendChild(col);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup>
+  <col>
+ </colgroup>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendColGroup1-ref.html b/layout/reftests/table-dom/appendColGroup1-ref.html
new file mode 100644
index 0000000000..62ca7d37c8
--- /dev/null
+++ b/layout/reftests/table-dom/appendColGroup1-ref.html
@@ -0,0 +1,22 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=100>
+ </colgroup>
+ <colgroup width=200>
+  <col>
+  <col>
+ </colgroup>
+ <tr>
+  <td>col-100</td><td>cg-200</td><td>cg-200</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendColGroup1.html b/layout/reftests/table-dom/appendColGroup1.html
new file mode 100644
index 0000000000..c79e5907b6
--- /dev/null
+++ b/layout/reftests/table-dom/appendColGroup1.html
@@ -0,0 +1,33 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var cg = document.createElement("COLGROUP", null);
+  cg.width=200
+  var col = document.createElement("COL", null);
+  cg.appendChild(col);
+  col = document.createElement("COL", null);
+  cg.appendChild(col);
+  table.appendChild(cg);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=100>
+ </colgroup>
+ <tr>
+  <td>col-100</td><td>cg-200</td><td>cg-200</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendRowsExpand1-ref.html b/layout/reftests/table-dom/appendRowsExpand1-ref.html
new file mode 100644
index 0000000000..6ced35cadc
--- /dev/null
+++ b/layout/reftests/table-dom/appendRowsExpand1-ref.html
@@ -0,0 +1,22 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>X1</td><td>X2</td>
+ </tr>
+ <tr>
+  <td>X3</td><td>X4</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendRowsExpand1.html b/layout/reftests/table-dom/appendRowsExpand1.html
new file mode 100644
index 0000000000..ae712596af
--- /dev/null
+++ b/layout/reftests/table-dom/appendRowsExpand1.html
@@ -0,0 +1,31 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var tbody = document.getElementsByTagName("TBODY")[0];
+  var row = document.createElement("TR", null);
+  appendCell(row, 1, 1);
+  appendCell(row, 1, 1);
+  tbody.appendChild(row);
+  row = document.createElement("TR", null);
+  appendCell(row, 1, 1);
+  appendCell(row, 1, 1);
+  tbody.appendChild(row);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendTbodyExpand1-ref.html b/layout/reftests/table-dom/appendTbodyExpand1-ref.html
new file mode 100644
index 0000000000..9d79810793
--- /dev/null
+++ b/layout/reftests/table-dom/appendTbodyExpand1-ref.html
@@ -0,0 +1,23 @@
+<HEAD>
+
+</HEAD>
+<BODY >
+<table bgcolor=orange border>
+ <tbody>
+   <tr>
+    <td>c11</td><td>c12</td>
+  </tr>
+ </tbody>
+ <tbody>
+   <tr>
+    <td>X1</td><td>X2</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/appendTbodyExpand1.html b/layout/reftests/table-dom/appendTbodyExpand1.html
new file mode 100644
index 0000000000..bee0c21026
--- /dev/null
+++ b/layout/reftests/table-dom/appendTbodyExpand1.html
@@ -0,0 +1,31 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var rg = document.createElement("TBODY", null);
+  var row = document.createElement("TR");
+  appendCell(row, 1, 1);
+  appendCell(row, 1, 1);
+  rg.appendChild(row);
+  table.appendChild(rg);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tbody>
+   <tr>
+    <td>c11</td><td>c12</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCellsExpandZeroColspan-ref.html b/layout/reftests/table-dom/deleteCellsExpandZeroColspan-ref.html
new file mode 100644
index 0000000000..d5a1f383c9
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsExpandZeroColspan-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table bgcolor="orange" border="1">
+<tr>
+  <td>c11</td><td>c12</td><td>c13</td><td>c14</td>
+</tr>
+ <tr>
+  <td colspan="0">X1</td>
+ </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-dom/deleteCellsExpandZeroColspan.html b/layout/reftests/table-dom/deleteCellsExpandZeroColspan.html
new file mode 100644
index 0000000000..9df0479bf5
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsExpandZeroColspan.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<body>
+<table bgcolor="orange" border="1">
+<tr>
+  <td>c11</td><td>c12</td><td>c13</td><td>c14</td>
+</tr>
+ <tr>
+  <td id="c21">c21</td><td colspan="0">X1</td>
+ </tr>
+</table>
+
+<script>
+document.body.offsetWidth;
+c21 = document.getElementById("c21");
+c21.remove();
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/table-dom/deleteCellsRebuild1-ref.html b/layout/reftests/table-dom/deleteCellsRebuild1-ref.html
new file mode 100644
index 0000000000..db4a43ddc6
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsRebuild1-ref.html
@@ -0,0 +1,19 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tr>
+  <td rowspan=2>c12</td><td>c13</td>
+ </tr>
+ <tr>
+  <td>c12</td><td>c22</td><td>c23</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCellsRebuild1.html b/layout/reftests/table-dom/deleteCellsRebuild1.html
new file mode 100644
index 0000000000..c238d4e4b0
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsRebuild1.html
@@ -0,0 +1,26 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteCellAt(0, 0);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td rowspan=2>c12</td><td>c13</td>
+ </tr>
+ <tr>
+  <td>c12</td><td>c22</td><td>c23</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCellsShrink1-ref.html b/layout/reftests/table-dom/deleteCellsShrink1-ref.html
new file mode 100644
index 0000000000..3816a15b00
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsShrink1-ref.html
@@ -0,0 +1,16 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c13</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCellsShrink1.html b/layout/reftests/table-dom/deleteCellsShrink1.html
new file mode 100644
index 0000000000..901be05bb5
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsShrink1.html
@@ -0,0 +1,23 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteCellAt(0, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td>c13</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCellsShrink2-ref.html b/layout/reftests/table-dom/deleteCellsShrink2-ref.html
new file mode 100644
index 0000000000..6747224e2a
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsShrink2-ref.html
@@ -0,0 +1,21 @@
+<HEAD>
+
+</HEAD>
+<BODY >
+
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c13</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td><td>c23</td>
+ </tr>
+</table>
+
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCellsShrink2.html b/layout/reftests/table-dom/deleteCellsShrink2.html
new file mode 100644
index 0000000000..0ef77ae6c2
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCellsShrink2.html
@@ -0,0 +1,26 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteCellAt(0, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12 c12 c12 c12 c12</td><td>c13</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td><td>c23</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCol1-ref.html b/layout/reftests/table-dom/deleteCol1-ref.html
new file mode 100644
index 0000000000..556e329bfd
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCol1-ref.html
@@ -0,0 +1,20 @@
+<HEAD>
+ 
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <col width=200>
+ <col width=300>
+ <tr>
+  <td>200</td><td>300</td><td>auto</td>
+ </tr>
+</table>
+
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCol1.html b/layout/reftests/table-dom/deleteCol1.html
new file mode 100644
index 0000000000..d17ccc0ee3
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCol1.html
@@ -0,0 +1,30 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var col = document.getElementsByTagName("COL")[0];
+  col.parentNode.removeChild(col);
+  // HTML5 implies a colgroup around the cols,
+  // so this test case should really be XHTML
+  // in order to test bare col
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=200>
+ <col width=300>
+ <tr>
+  <td>200</td><td>300</td><td>auto</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCol2-ref.html b/layout/reftests/table-dom/deleteCol2-ref.html
new file mode 100644
index 0000000000..351dae6d79
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCol2-ref.html
@@ -0,0 +1,18 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=300>
+ <tr>
+  <td>100</td><td>300</td><td>auto</td>
+ </tr>
+</table>
+
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCol2.html b/layout/reftests/table-dom/deleteCol2.html
new file mode 100644
index 0000000000..16016d305b
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCol2.html
@@ -0,0 +1,30 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var col = document.getElementsByTagName("COL")[1];
+  col.parentNode.removeChild(col);
+  // HTML5 implies a colgroup around the cols,
+  // so this test case should really be XHTML
+  // in order to test bare col
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=200>
+ <col width=300>
+ <tr>
+  <td>100</td><td>300</td><td>auto</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCol3-ref.html b/layout/reftests/table-dom/deleteCol3-ref.html
new file mode 100644
index 0000000000..2ad1a02b37
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCol3-ref.html
@@ -0,0 +1,18 @@
+<HEAD>
+</HEAD>
+<BODY >
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=200>
+ <tr>
+  <td>100</td><td>200</td><td>auto</td>
+ </tr>
+</table>
+
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteCol3.html b/layout/reftests/table-dom/deleteCol3.html
new file mode 100644
index 0000000000..1b9880b2d5
--- /dev/null
+++ b/layout/reftests/table-dom/deleteCol3.html
@@ -0,0 +1,30 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var col = document.getElementsByTagName("COL")[2];
+  col.parentNode.removeChild(col);
+  // HTML5 implies a colgroup around the cols,
+  // so this test case should really be XHTML
+  // in order to test bare col
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=200>
+ <col width=300>
+ <tr>
+  <td>100</td><td>200</td><td>auto</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteColGroup1-ref.html b/layout/reftests/table-dom/deleteColGroup1-ref.html
new file mode 100644
index 0000000000..19a2eefa2a
--- /dev/null
+++ b/layout/reftests/table-dom/deleteColGroup1-ref.html
@@ -0,0 +1,16 @@
+<HEAD>
+</HEAD>
+<BODY >
+<table bgcolor=orange border>
+ <colgroup span=2 width=200></colgroup>
+ <tr>
+  <td>200</td><td>200</td><td>auto</td><td>auto</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteColGroup1.html b/layout/reftests/table-dom/deleteColGroup1.html
new file mode 100644
index 0000000000..d8ebb88350
--- /dev/null
+++ b/layout/reftests/table-dom/deleteColGroup1.html
@@ -0,0 +1,27 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var colgroup = document.getElementsByTagName("COLGROUP")[0];
+  table.removeChild(colgroup);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup span=2 width=100></colgroup>
+ <colgroup span=2 width=200></colgroup>
+ <tr>
+  <td>200</td><td>200</td><td>auto</td><td>auto</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteColGroup2-ref.html b/layout/reftests/table-dom/deleteColGroup2-ref.html
new file mode 100644
index 0000000000..be6d1c1c22
--- /dev/null
+++ b/layout/reftests/table-dom/deleteColGroup2-ref.html
@@ -0,0 +1,16 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <colgroup span=2 width=100></colgroup>
+ <tr>
+  <td>100</td><td>100</td><td>auto</td><td>auto</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteColGroup2.html b/layout/reftests/table-dom/deleteColGroup2.html
new file mode 100644
index 0000000000..268b8aebe4
--- /dev/null
+++ b/layout/reftests/table-dom/deleteColGroup2.html
@@ -0,0 +1,27 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var colgroup = document.getElementsByTagName("COLGROUP")[1];
+  table.removeChild(colgroup);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup span=2 width=100></colgroup>
+ <colgroup span=2 width=200></colgroup>
+ <tr>
+  <td>100</td><td>100</td><td>auto</td><td>auto</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteRowsRebuild1-ref.html b/layout/reftests/table-dom/deleteRowsRebuild1-ref.html
new file mode 100644
index 0000000000..b28c5337ef
--- /dev/null
+++ b/layout/reftests/table-dom/deleteRowsRebuild1-ref.html
@@ -0,0 +1,21 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td rowspan=2>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteRowsRebuild1.html b/layout/reftests/table-dom/deleteRowsRebuild1.html
new file mode 100644
index 0000000000..6964d7e86d
--- /dev/null
+++ b/layout/reftests/table-dom/deleteRowsRebuild1.html
@@ -0,0 +1,35 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteRowAt(0, 0);
+  deleteRowAt(1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td rowspan=2>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td rowspan=2>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteRowsRebuild1a-ref.html b/layout/reftests/table-dom/deleteRowsRebuild1a-ref.html
new file mode 100644
index 0000000000..a701f840c3
--- /dev/null
+++ b/layout/reftests/table-dom/deleteRowsRebuild1a-ref.html
@@ -0,0 +1,15 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteRowsRebuild1a.html b/layout/reftests/table-dom/deleteRowsRebuild1a.html
new file mode 100644
index 0000000000..e4465dabd2
--- /dev/null
+++ b/layout/reftests/table-dom/deleteRowsRebuild1a.html
@@ -0,0 +1,26 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteRowAt(0, 0);
+ }
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td rowspan=2>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteRowsShrink1-ref.html b/layout/reftests/table-dom/deleteRowsShrink1-ref.html
new file mode 100644
index 0000000000..93fca9089c
--- /dev/null
+++ b/layout/reftests/table-dom/deleteRowsShrink1-ref.html
@@ -0,0 +1,20 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteRowsShrink1.html b/layout/reftests/table-dom/deleteRowsShrink1.html
new file mode 100644
index 0000000000..8ec4a2d770
--- /dev/null
+++ b/layout/reftests/table-dom/deleteRowsShrink1.html
@@ -0,0 +1,35 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteRowAt(0, 0);
+  deleteRowAt(1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteTbodyExpand1-ref.html b/layout/reftests/table-dom/deleteTbodyExpand1-ref.html
new file mode 100644
index 0000000000..2f11cfdedd
--- /dev/null
+++ b/layout/reftests/table-dom/deleteTbodyExpand1-ref.html
@@ -0,0 +1,31 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c31</td><td>c32</td>
+  </tr>
+  <tr>
+   <td>c41</td><td>c42</td>
+  </tr>
+ </tbody>
+</table>
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+  <tr>
+   <td>c21</td><td>c22</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteTbodyExpand1.html b/layout/reftests/table-dom/deleteTbodyExpand1.html
new file mode 100644
index 0000000000..09cf75fc3a
--- /dev/null
+++ b/layout/reftests/table-dom/deleteTbodyExpand1.html
@@ -0,0 +1,55 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteTbodyAt(0, 0);
+  deleteTbodyAt(1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+  <tr>
+   <td>c21</td><td>c22</td>
+  </tr>
+ </tbody>
+ <tbody>
+  <tr>
+   <td>c31</td><td>c32</td>
+  </tr>
+  <tr>
+   <td>c41</td><td>c42</td>
+  </tr>
+ </tbody>
+</table>
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+  <tr>
+   <td>c21</td><td>c22</td>
+  </tr>
+ </tbody>
+ <tbody>
+  <tr>
+   <td>c31</td><td>c32</td>
+  </tr>
+  <tr>
+   <td>c41</td><td>c42</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteTbodyRebuild1-ref.html b/layout/reftests/table-dom/deleteTbodyRebuild1-ref.html
new file mode 100644
index 0000000000..9a2a66f236
--- /dev/null
+++ b/layout/reftests/table-dom/deleteTbodyRebuild1-ref.html
@@ -0,0 +1,20 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c31</td><td>c32</td>
+  </tr>
+  <tr>
+   <td>c41</td><td>c42</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/deleteTbodyRebuild1.html b/layout/reftests/table-dom/deleteTbodyRebuild1.html
new file mode 100644
index 0000000000..f0052607ea
--- /dev/null
+++ b/layout/reftests/table-dom/deleteTbodyRebuild1.html
@@ -0,0 +1,36 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  deleteTbodyAt(0, 0);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+  <tr>
+   <td rowspan=2>c21</td><td>c22</td>
+  </tr>
+ </tbody>
+ <tbody>
+  <tr>
+   <td>c31</td><td>c32</td>
+  </tr>
+  <tr>
+   <td>c41</td><td>c42</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows1-ref.html b/layout/reftests/table-dom/insertCaptionsAndRows1-ref.html
new file mode 100644
index 0000000000..e7ec45d142
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+</head>
+<body>
+<table id="table">
+<tbody><tr><td>a new row 1</td></tr></tbody>
+<caption>this is the caption</caption>
+<tbody><tr><td>a new row 2</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows1.html b/layout/reftests/table-dom/insertCaptionsAndRows1.html
new file mode 100644
index 0000000000..8e86057b44
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows1.html
@@ -0,0 +1,45 @@
+<html class="reftest-wait">
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var table = document.getElementById("table");
+
+  var newtbody = document.createElement("tbody");
+  var newrow = document.createElement("tr");
+  var newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 2"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, table.firstChild);
+
+  var caption = document.createElement("caption");
+  caption.appendChild(document.createTextNode("this is the caption"));
+  table.insertBefore(caption, table.firstChild);
+
+  newtbody = document.createElement("tbody");
+  newrow = document.createElement("tr");
+  newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 1"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, table.firstChild);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<table id="table">
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows2-ref.html b/layout/reftests/table-dom/insertCaptionsAndRows2-ref.html
new file mode 100644
index 0000000000..dc95e6e675
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows2-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+</head>
+<body>
+<table id="table">
+<caption>this is the caption</caption>
+<tbody><tr><td>a new row 1</td></tr></tbody>
+<tbody><tr><td>a new row 2</td></tr></tbody>
+<tbody>
+<tr><td>a row</td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows2.html b/layout/reftests/table-dom/insertCaptionsAndRows2.html
new file mode 100644
index 0000000000..a73e5758cb
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows2.html
@@ -0,0 +1,46 @@
+<html class="reftest-wait">
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var table = document.getElementById("table");
+
+  var newtbody = document.createElement("tbody");
+  var newrow = document.createElement("tr");
+  var newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 2"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, table.firstChild);
+
+  var caption = document.createElement("caption");
+  caption.appendChild(document.createTextNode("this is the caption"));
+  table.insertBefore(caption, table.firstChild);
+
+  newtbody = document.createElement("tbody");
+  newrow = document.createElement("tr");
+  newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 1"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, table.firstChild);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<table id="table"><tbody>
+<tr><td>a row</td></tr>
+</tbody></table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows3-ref.html b/layout/reftests/table-dom/insertCaptionsAndRows3-ref.html
new file mode 100644
index 0000000000..213d413066
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows3-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+</head>
+<body>
+<table id="table">
+<tbody><tr><td>a new row 1</td></tr></tbody>
+<caption>this is the caption</caption>
+<tbody><tr><td>a new row 2</td></tr></tbody>
+<caption>this is a caption that you shouldn't see</caption>
+<tbody><tr><td>a row</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows3.html b/layout/reftests/table-dom/insertCaptionsAndRows3.html
new file mode 100644
index 0000000000..02bcaa8ea8
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows3.html
@@ -0,0 +1,48 @@
+<html class="reftest-wait">
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var table = document.getElementById("table");
+  var cap = document.getElementById("cap");
+
+  var newtbody = document.createElement("tbody");
+  var newrow = document.createElement("tr");
+  var newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 1"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, cap);
+
+  var caption = document.createElement("caption");
+  caption.appendChild(document.createTextNode("this is the caption"));
+  table.insertBefore(caption, cap);
+
+  newtbody = document.createElement("tbody");
+  newrow = document.createElement("tr");
+  newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 2"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, cap);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<table id="table">
+<caption id="cap">this is a caption that you shouldn't see</caption>
+<tbody><tr><td>a row</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows4-ref.html b/layout/reftests/table-dom/insertCaptionsAndRows4-ref.html
new file mode 100644
index 0000000000..7d42b3e336
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows4-ref.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+</head>
+<body>
+<table id="table">
+<caption>this is the caption</caption>
+<tbody><tr><td>a new row 1</td></tr></tbody>
+<caption>this is a caption that you shouldn't see</caption>
+<tbody><tr><td>a new row 2</td></tr></tbody>
+<tbody><tr><td>a row</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCaptionsAndRows4.html b/layout/reftests/table-dom/insertCaptionsAndRows4.html
new file mode 100644
index 0000000000..8413ffd9fd
--- /dev/null
+++ b/layout/reftests/table-dom/insertCaptionsAndRows4.html
@@ -0,0 +1,48 @@
+<html class="reftest-wait">
+<head>
+
+<style>
+ caption { color: green }
+</style>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var table = document.getElementById("table");
+  var tbody = document.getElementById("tbody");
+
+  var newtbody = document.createElement("tbody");
+  var newrow = document.createElement("tr");
+  var newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 1"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, tbody);
+
+  var caption = document.createElement("caption");
+  caption.appendChild(document.createTextNode("this is a caption that you shouldn't see"));
+  table.insertBefore(caption, tbody);
+
+  newtbody = document.createElement("tbody");
+  newrow = document.createElement("tr");
+  newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("a new row 2"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  table.insertBefore(newtbody, tbody);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<table id="table">
+<caption>this is the caption</caption>
+<tbody id="tbody"><tr><td>a row</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCellsExpand1-ref.html b/layout/reftests/table-dom/insertCellsExpand1-ref.html
new file mode 100644
index 0000000000..f254cf6ee0
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsExpand1-ref.html
@@ -0,0 +1,18 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>X2</td><td>X1</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>X4</td><td>X3</td><td>c22</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsExpand1.html b/layout/reftests/table-dom/insertCellsExpand1.html
new file mode 100644
index 0000000000..3d62bd26a4
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsExpand1.html
@@ -0,0 +1,29 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  insertCellAt(0, 1, 1, 1);
+  insertCellAt(0, 1, 1, 1);
+  insertCellAt(1, 1, 1, 1);
+  insertCellAt(1, 1, 1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsExpand2-ref.html b/layout/reftests/table-dom/insertCellsExpand2-ref.html
new file mode 100644
index 0000000000..d701d01867
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsExpand2-ref.html
@@ -0,0 +1,21 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td rowspan=2 colspan=2>X1</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td><td>c33</td><td>c34</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsExpand2.html b/layout/reftests/table-dom/insertCellsExpand2.html
new file mode 100644
index 0000000000..2330aed1d7
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsExpand2.html
@@ -0,0 +1,29 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  insertCellAt(0, 1, 2, 2);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td><td>c33</td><td>c34</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsExpandZeroRowspan-ref.html b/layout/reftests/table-dom/insertCellsExpandZeroRowspan-ref.html
new file mode 100644
index 0000000000..415b0ac0e7
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsExpandZeroRowspan-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" 
+"http://www.w3.org/TR/REC-html40/strict.dtd">
+
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>X2</td><td>X1</td><td  rowspan ="0">c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>X4</td><td>X3</td>
+ </tr>
+<tr>
+  <td>c31</td>
+ </tr>
+
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsExpandZeroRowspan.html b/layout/reftests/table-dom/insertCellsExpandZeroRowspan.html
new file mode 100644
index 0000000000..f30f7013b7
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsExpandZeroRowspan.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" 
+"http://www.w3.org/TR/REC-html40/strict.dtd">
+
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  insertCellAt(0, 1, 1, 1);
+  insertCellAt(0, 1, 1, 1);
+  insertCellAt(1, 1, 1, 1);
+  insertCellAt(1, 1, 1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td rowspan ="0">c12</td>
+ </tr>
+ <tr>
+  <td>c21</td>
+ </tr>
+ <tr>
+  <td>c31</td>
+ </tr>
+
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsRebuild1-ref.html b/layout/reftests/table-dom/insertCellsRebuild1-ref.html
new file mode 100644
index 0000000000..92ef4210fc
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsRebuild1-ref.html
@@ -0,0 +1,34 @@
+<HEAD>
+  
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td rowspan=2 colspan=2>X1</td><td>c12</td>
+ </tr>
+ <tr>
+  <td colspan=2>c21</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td><td>c33</td><td>c34</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td rowspan=2>c13</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>X2</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td><td>c33</td>
+ </tr>
+</table>
+
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsRebuild1.html b/layout/reftests/table-dom/insertCellsRebuild1.html
new file mode 100644
index 0000000000..c068abbe29
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsRebuild1.html
@@ -0,0 +1,41 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  insertCellAt(0, 1, 2, 2);
+  insertCellAt(4, 1, 1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+ <tr>
+  <td colspan=2>c21</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td><td>c33</td><td>c34</td>
+ </tr>
+</table>
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td rowspan=2>c13</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td><td>c33</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsRebuild2-ref.html b/layout/reftests/table-dom/insertCellsRebuild2-ref.html
new file mode 100644
index 0000000000..1a5b1a79e4
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsRebuild2-ref.html
@@ -0,0 +1,22 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td>X1</td><td rowspan=2>c22</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsRebuild2.html b/layout/reftests/table-dom/insertCellsRebuild2.html
new file mode 100644
index 0000000000..a3c46b79e8
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsRebuild2.html
@@ -0,0 +1,31 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  insertCellAt(1, 1, 1, 1);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td><td>c12</td>
+ </tr>
+ <tr>
+  <td>c21</td><td rowspan=2>c22</td><td>c22</td>
+ </tr>
+ <tr>
+  <td>c31</td><td>c32</td>
+ </tr>
+</table>
+
+
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertCellsZeroColspan-ref.html b/layout/reftests/table-dom/insertCellsZeroColspan-ref.html
new file mode 100644
index 0000000000..d8a89c870c
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsZeroColspan-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" 
+"http://www.w3.org/TR/REC-html40/strict.dtd">
+<HEAD>
+
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+<tr>
+  <td>c11</td><td>c12</td><td>c13</td><td>c14</td>
+</tr>
+ <tr>
+  <td>c21</td><td colspan="0">X1</td>
+ </tr>
+</table>
+</BODY></HTML>
diff --git a/layout/reftests/table-dom/insertCellsZeroColspan.html b/layout/reftests/table-dom/insertCellsZeroColspan.html
new file mode 100644
index 0000000000..ddbfcc8309
--- /dev/null
+++ b/layout/reftests/table-dom/insertCellsZeroColspan.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" 
+"http://www.w3.org/TR/REC-html40/strict.dtd">
+<HEAD>
+
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+<tr>
+  <td>c11</td><td>c12</td><td>c13</td><td>c14</td>
+</tr>
+ <tr>
+  <td id="c21">c21</td>
+ </tr>
+</table>
+
+<script>
+document.body.offsetWidth;
+
+c21 = document.getElementById("c21");
+
+td = document.createElement("td");
+td.setAttribute("colspan", "0");
+td.appendChild(document.createTextNode("X1"));
+
+c21.parentNode.insertBefore(td, c21.nextSibling);
+</script>
+
+</BODY></HTML>
diff --git a/layout/reftests/table-dom/insertColGroups1-ref.html b/layout/reftests/table-dom/insertColGroups1-ref.html
new file mode 100644
index 0000000000..79fb5764b3
--- /dev/null
+++ b/layout/reftests/table-dom/insertColGroups1-ref.html
@@ -0,0 +1,19 @@
+<HEAD>
+</HEAD>
+<BODY>
+
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=100>
+  <col width=200>
+ </colgroup>
+ <colgroup>
+  <col width=300>
+ </colgroup>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertColGroups1.html b/layout/reftests/table-dom/insertColGroups1.html
new file mode 100644
index 0000000000..d57e6e435c
--- /dev/null
+++ b/layout/reftests/table-dom/insertColGroups1.html
@@ -0,0 +1,30 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var refCg = document.getElementsByTagName("COLGROUP")[0];
+  var cg = document.createElement("COLGROUP", null);
+  var col = document.createElement("COL", null);
+  col.width = 100;
+  cg.appendChild(col);
+  col = document.createElement("COL", null);
+  col.width = 200;
+  cg.appendChild(col);  
+  table.insertBefore(cg, refCg);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=300>
+ </colgroup>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertColGroups2-ref.html b/layout/reftests/table-dom/insertColGroups2-ref.html
new file mode 100644
index 0000000000..875ed95507
--- /dev/null
+++ b/layout/reftests/table-dom/insertColGroups2-ref.html
@@ -0,0 +1,20 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=50>
+ </colgroup>
+ <colgroup>
+  <col width=100>
+  <col width=150>
+ </colgroup>
+ <colgroup>
+  <col width=200>
+ </colgroup>
+ <tr>
+  <td>50</td><td>100</td><td>150</td><td>200</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertColGroups2.html b/layout/reftests/table-dom/insertColGroups2.html
new file mode 100644
index 0000000000..91234f0d28
--- /dev/null
+++ b/layout/reftests/table-dom/insertColGroups2.html
@@ -0,0 +1,33 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var refCg = document.getElementsByTagName("COLGROUP")[1];
+  var cg = document.createElement("COLGROUP", null);
+  var col = document.createElement("COL", null);
+  col.width = 100;
+  cg.appendChild(col);
+  col = document.createElement("COL", null);
+  col.width = 150;
+  cg.appendChild(col);  
+  table.insertBefore(cg, refCg);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=50>
+ </colgroup>
+ <colgroup>
+  <col width=200>
+ </colgroup>
+ <tr>
+  <td>50</td><td>100</td><td>150</td><td>200</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertColgroupAndRowgroup-ref.html b/layout/reftests/table-dom/insertColgroupAndRowgroup-ref.html
new file mode 100644
index 0000000000..2d3cd87c83
--- /dev/null
+++ b/layout/reftests/table-dom/insertColgroupAndRowgroup-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+
+<style>
+ colgroup#s { width: 200px; }
+</style>
+
+</head>
+<body>
+<table border="1">
+<colgroup></colgroup>
+<colgroup id="s"></colgroup>
+<tbody><tr><td>cell 1,1</td><td>cell 1,2</td></tr></tbody>
+<tbody><tr><td>cell 2,1</td><td>cell 2,2</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertColgroupAndRowgroup.html b/layout/reftests/table-dom/insertColgroupAndRowgroup.html
new file mode 100644
index 0000000000..abdf024cc8
--- /dev/null
+++ b/layout/reftests/table-dom/insertColgroupAndRowgroup.html
@@ -0,0 +1,43 @@
+<html class="reftest-wait">
+<head>
+
+<style>
+ colgroup#s { width: 200px; }
+</style>
+
+<script>
+function boom()
+{
+  document.body.offsetHeight;
+
+  var last = document.getElementById("last");
+  var parent = last.parentNode;
+
+  var colgroup = document.createElement("colgroup");
+  colgroup.setAttribute("id", "s");
+  parent.insertBefore(colgroup, last);
+
+  var newtbody = document.createElement("tbody");
+  var newrow = document.createElement("tr");
+  var newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("cell 1,1"));
+  newrow.appendChild(newcell);
+  newcell = document.createElement("td");
+  newcell.appendChild(document.createTextNode("cell 1,2"));
+  newrow.appendChild(newcell);
+  newtbody.appendChild(newrow);
+  parent.insertBefore(newtbody, last);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<table border="1">
+<colgroup></colgroup>
+<tbody id="last"><tr><td>cell 2,1</td><td>cell 2,2</td></tr></tbody>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-dom/insertCols1-ref.html b/layout/reftests/table-dom/insertCols1-ref.html
new file mode 100644
index 0000000000..a4d281eed5
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols1-ref.html
@@ -0,0 +1,13 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=200>
+ <col width=300>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols1.html b/layout/reftests/table-dom/insertCols1.html
new file mode 100644
index 0000000000..44ee519312
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols1.html
@@ -0,0 +1,25 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var refCol = document.getElementsByTagName("COL")[0];
+  var col = document.createElement("COL", null);
+  col.width = 100;
+  refCol.parentNode.insertBefore(col, refCol);
+  // HTML5 parser implies a colgroup around col, so this test 
+  // case should really be XHTML
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <col width=200>
+ <col width=300>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols2-ref.html b/layout/reftests/table-dom/insertCols2-ref.html
new file mode 100644
index 0000000000..a4d281eed5
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols2-ref.html
@@ -0,0 +1,13 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=200>
+ <col width=300>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols2.html b/layout/reftests/table-dom/insertCols2.html
new file mode 100644
index 0000000000..fe40640a5b
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols2.html
@@ -0,0 +1,25 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var refCol = document.getElementsByTagName("COL")[1];
+  var col = document.createElement("COL", null);
+  col.width = 200;
+  refCol.parentNode.insertBefore(col, refCol);
+  // HTML5 parser implies a colgroup around col, so this test 
+  // case should really be XHTML
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <col width=100>
+ <col width=300>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols3-ref.html b/layout/reftests/table-dom/insertCols3-ref.html
new file mode 100644
index 0000000000..b0fa437fac
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols3-ref.html
@@ -0,0 +1,14 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <col width=50>
+ <col width=100>
+ <col width=150>
+ <col width=200>
+ <tr>
+  <td>50</td><td>100</td><td>150</td><td>200</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols3.html b/layout/reftests/table-dom/insertCols3.html
new file mode 100644
index 0000000000..5b2e8a7fe6
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols3.html
@@ -0,0 +1,26 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var refCol = document.getElementsByTagName("COL")[2];
+  var col = document.createElement("COL", null);
+  col.width = 150;
+  refCol.parentNode.insertBefore(col, refCol);
+  // HTML5 parser implies a colgroup around col, so this test 
+  // case should really be XHTML
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <col width=50>
+ <col width=100>
+ <col width=200>
+ <tr>
+  <td>50</td><td>100</td><td>150</td><td>200</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols4-ref.html b/layout/reftests/table-dom/insertCols4-ref.html
new file mode 100644
index 0000000000..a380ff81fa
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols4-ref.html
@@ -0,0 +1,15 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=100>
+  <col width=200>
+  <col width=300>
+ </colgroup>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols4.html b/layout/reftests/table-dom/insertCols4.html
new file mode 100644
index 0000000000..183d5983b9
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols4.html
@@ -0,0 +1,26 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var cg = document.getElementsByTagName("COLGROUP")[0];
+  var refCol = document.getElementsByTagName("COL")[0];
+  var col = document.createElement("COL", null);
+  col.width = 100;
+  cg.insertBefore(col, refCol);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=200>
+  <col width=300>
+ </colgroup>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols5-ref.html b/layout/reftests/table-dom/insertCols5-ref.html
new file mode 100644
index 0000000000..a380ff81fa
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols5-ref.html
@@ -0,0 +1,15 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=100>
+  <col width=200>
+  <col width=300>
+ </colgroup>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertCols5.html b/layout/reftests/table-dom/insertCols5.html
new file mode 100644
index 0000000000..c06f272b21
--- /dev/null
+++ b/layout/reftests/table-dom/insertCols5.html
@@ -0,0 +1,26 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var cg = document.getElementsByTagName("COLGROUP")[0];
+  var refCol = document.getElementsByTagName("COL")[1];
+  var col = document.createElement("COL", null);
+  col.width = 200;
+  cg.insertBefore(col, refCol);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <colgroup>
+  <col width=100>
+  <col width=300>
+ </colgroup>
+ <tr>
+  <td>100</td><td>200</td><td>300</td>
+ </tr>
+</table>
+</BODY></HTML>
+
diff --git a/layout/reftests/table-dom/insertRowsExpand1-ref.html b/layout/reftests/table-dom/insertRowsExpand1-ref.html
new file mode 100644
index 0000000000..887247b796
--- /dev/null
+++ b/layout/reftests/table-dom/insertRowsExpand1-ref.html
@@ -0,0 +1,18 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td>X1</td><td>X2</td>
+ </tr>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertRowsExpand1.html b/layout/reftests/table-dom/insertRowsExpand1.html
new file mode 100644
index 0000000000..09f63dcff6
--- /dev/null
+++ b/layout/reftests/table-dom/insertRowsExpand1.html
@@ -0,0 +1,28 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var tbody = document.getElementsByTagName("TBODY")[0];
+  var row = document.createElement("TR", null);
+  appendCell(row, 1, 1);
+  appendCell(row, 1, 1);
+  var refRow = document.getElementsByTagName("TR")[0];
+  tbody.insertBefore(row, refRow);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertRowsRebuild1-ref.html b/layout/reftests/table-dom/insertRowsRebuild1-ref.html
new file mode 100644
index 0000000000..8290253322
--- /dev/null
+++ b/layout/reftests/table-dom/insertRowsRebuild1-ref.html
@@ -0,0 +1,18 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tr>
+  <td rowspan=2>X1</td><td>X2</td>
+ </tr>
+ <tr>
+  <td rowspan=2>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertRowsRebuild1.html b/layout/reftests/table-dom/insertRowsRebuild1.html
new file mode 100644
index 0000000000..35a19cb38d
--- /dev/null
+++ b/layout/reftests/table-dom/insertRowsRebuild1.html
@@ -0,0 +1,28 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var tbody = document.getElementsByTagName("TBODY")[0];
+  var row = document.createElement("TR", null);
+  appendCell(row, 2, 1);
+  appendCell(row, 1, 1);
+  var refRow = document.getElementsByTagName("TR")[0];
+  tbody.insertBefore(row, refRow);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tr>
+  <td rowspan=2>c11</td><td>c12</td>
+ </tr>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertTbodyExpand1-ref.html b/layout/reftests/table-dom/insertTbodyExpand1-ref.html
new file mode 100644
index 0000000000..014ac663d3
--- /dev/null
+++ b/layout/reftests/table-dom/insertTbodyExpand1-ref.html
@@ -0,0 +1,23 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>X1</td><td>X2</td>
+  </tr>
+ </tbody>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+ </tbody>
+</table>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertTbodyExpand1.html b/layout/reftests/table-dom/insertTbodyExpand1.html
new file mode 100644
index 0000000000..e0e3bad12b
--- /dev/null
+++ b/layout/reftests/table-dom/insertTbodyExpand1.html
@@ -0,0 +1,32 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var tbody = document.createElement("TBODY", null);
+  var row = document.createElement("TR", null);
+  appendCell(row, 1, 1);
+  appendCell(row, 1, 1);
+  tbody.appendChild(row);
+  var refTbody = document.getElementsByTagName("TBODY")[0];
+  table.insertBefore(tbody, refTbody);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertTbodyRebuild1-ref.html b/layout/reftests/table-dom/insertTbodyRebuild1-ref.html
new file mode 100644
index 0000000000..da5136e412
--- /dev/null
+++ b/layout/reftests/table-dom/insertTbodyRebuild1-ref.html
@@ -0,0 +1,23 @@
+<HEAD>
+</HEAD>
+<BODY>
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td rowspan=2>X1</td><td>X2</td>
+  </tr>
+ </tbody>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+ </tbody>
+</table>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/insertTbodyRebuild1.html b/layout/reftests/table-dom/insertTbodyRebuild1.html
new file mode 100644
index 0000000000..b79e75dd59
--- /dev/null
+++ b/layout/reftests/table-dom/insertTbodyRebuild1.html
@@ -0,0 +1,32 @@
+<HEAD>
+<SCRIPT src=tableDom.js>
+</SCRIPT>
+<SCRIPT>
+
+function doIt() {
+  var table = document.getElementsByTagName("TABLE")[0];
+  var tbody = document.createElement("TBODY", null);
+  var row = document.createElement("TR", null);
+  appendCell(row, 2, 1);
+  appendCell(row, 1, 1);
+  tbody.appendChild(row);
+  var refTbody = document.getElementsByTagName("TBODY")[0];
+  table.insertBefore(tbody, refTbody);
+}
+</SCRIPT>  
+</HEAD>
+<BODY onload="doIt()">
+<table bgcolor=orange border>
+ <tbody>
+  <tr>
+   <td>c11</td><td>c12</td>
+  </tr>
+ </tbody>
+</table>
+</BODY></HTML>
+
+
+
+
+
+
diff --git a/layout/reftests/table-dom/reftest.list b/layout/reftests/table-dom/reftest.list
new file mode 100644
index 0000000000..f1a3e47738
--- /dev/null
+++ b/layout/reftests/table-dom/reftest.list
@@ -0,0 +1,44 @@
+== appendCells1.html appendCells1-ref.html
+== appendCellsRebuild1.html appendCellsRebuild1-ref.html
+== appendCellsZeroColspan.html appendCellsZeroColspan-ref.html
+== appendCol1.html appendCol1-ref.html
+== appendCol2.html appendCol2-ref.html
+== appendColGroup1.html appendColGroup1-ref.html
+== appendRowsExpand1.html appendRowsExpand1-ref.html
+== appendTbodyExpand1.html appendTbodyExpand1-ref.html
+== deleteCellsRebuild1.html deleteCellsRebuild1-ref.html
+== deleteCellsShrink1.html deleteCellsShrink1-ref.html
+== deleteCellsShrink2.html deleteCellsShrink2-ref.html
+== deleteCellsExpandZeroColspan.html deleteCellsExpandZeroColspan-ref.html
+== deleteCol1.html deleteCol1-ref.html
+== deleteCol2.html deleteCol2-ref.html
+== deleteCol3.html deleteCol3-ref.html
+== deleteColGroup1.html deleteColGroup1-ref.html
+== deleteColGroup2.html deleteColGroup2-ref.html
+== deleteRowsRebuild1.html deleteRowsRebuild1-ref.html
+== deleteRowsRebuild1a.html deleteRowsRebuild1a-ref.html
+== deleteRowsShrink1.html deleteRowsShrink1-ref.html
+== deleteTbodyExpand1.html deleteTbodyExpand1-ref.html
+== deleteTbodyRebuild1.html deleteTbodyRebuild1-ref.html
+== insertCaptionsAndRows1.html insertCaptionsAndRows1-ref.html
+== insertCaptionsAndRows2.html insertCaptionsAndRows2-ref.html
+== insertCaptionsAndRows3.html insertCaptionsAndRows3-ref.html
+== insertCaptionsAndRows4.html insertCaptionsAndRows4-ref.html
+== insertCellsExpand1.html insertCellsExpand1-ref.html
+== insertCellsExpand2.html insertCellsExpand2-ref.html
+== insertCellsExpandZeroRowspan.html insertCellsExpandZeroRowspan-ref.html
+== insertCellsRebuild1.html insertCellsRebuild1-ref.html
+== insertCellsRebuild2.html insertCellsRebuild2-ref.html
+== insertCellsZeroColspan.html insertCellsZeroColspan-ref.html
+== insertColGroups1.html insertColGroups1-ref.html
+== insertColGroups2.html insertColGroups2-ref.html
+== insertColgroupAndRowgroup.html insertColgroupAndRowgroup-ref.html
+== insertCols1.html insertCols1-ref.html
+== insertCols2.html insertCols2-ref.html
+== insertCols3.html insertCols3-ref.html
+== insertCols4.html insertCols4-ref.html
+== insertCols5.html insertCols5-ref.html
+== insertRowsExpand1.html insertRowsExpand1-ref.html
+== insertRowsRebuild1.html insertRowsRebuild1-ref.html
+== insertTbodyExpand1.html insertTbodyExpand1-ref.html
+== insertTbodyRebuild1.html insertTbodyRebuild1-ref.html
diff --git a/layout/reftests/table-dom/tableDom.js b/layout/reftests/table-dom/tableDom.js
new file mode 100644
index 0000000000..4caa43d6e5
--- /dev/null
+++ b/layout/reftests/table-dom/tableDom.js
@@ -0,0 +1,129 @@
+/* -*- tab-width: 2; indent-tabs-mode: nil; js-indent-level: 4 -*- */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+var count = 1;
+function genName(prefix) {
+  return "X" + count++ + "\n";
+}
+
+function appendCell(aRow, aRowSpan, aColSpan) {
+  var cell = document.createElement("TD", null);
+  cell.rowSpan = aRowSpan;
+  cell.colSpan = aColSpan;
+  var text = document.createTextNode(genName());
+  cell.appendChild(text);
+  aRow.appendChild(cell);
+}
+
+function appendCellAt(aRowIndex, aRowSpan, aColSpan) {
+  var row = document.getElementsByTagName("TR")[aRowIndex];
+  appendCell(row, aRowSpan, aColSpan);
+}
+
+function insertCell(aRow, aColIndex, aRowSpan, aColSpan) {
+  var cells = aRow.cells;
+  var refCell = cells.item(aColIndex);
+  var newCell = document.createElement("TD", null);
+  newCell.rowSpan = aRowSpan;
+  newCell.colSpan = aColSpan;
+  var text = document.createTextNode(genName());
+  newCell.appendChild(text);
+  aRow.insertBefore(newCell, refCell);
+  //dump("SCRIPT: inserted  CELL as first cell in first row\n");
+}
+
+function insertCellAt(aRowIndex, aColIndex, aRowSpan, aColSpan) {
+  var row = document.getElementsByTagName("TR")[aRowIndex];
+  insertCell(row, aColIndex, aRowSpan, aColSpan);
+}
+
+function deleteCell(aRow, aColIndex) {
+  aRow.deleteCell(aColIndex);
+}
+
+function deleteCellAt(aRowIndex, aColIndex) {
+  var row = document.getElementsByTagName("TR")[aRowIndex];
+  deleteCell(row, aColIndex);
+}
+
+//function appendRow(aRowGroup) {
+//  var row = document.createElement("TR", null);
+//  cell = document.createElement("TD", null);
+//  row.appendChild(cell);
+//  aRowGroup.appendChild(row);
+//}
+
+function appendRow(aRowGroup) {
+  var row = document.createElement("TR", null);
+  cell = document.createElement("TD", null);
+  aRowGroup.appendChild(row);
+  //row.appendChild(cell);
+  //appendCell(row, 1, 1);
+}
+
+function appendRowAt(aRowGroupIndex) {
+  var rowGroup = document.getElementsByTagName("TBODY")[aRowGroupIndex];
+  appendRow(rowGroup);
+}
+
+function insertRow(aRowGroup, aRowIndex) {
+  var rows = aRowGroup.rows;
+  var refRow = rows.item(aRowIndex);
+  var row = document.createElement("TR", null);
+  aRowGroup.insertBefore(row, refRow);
+  //appendCell(row, 1, 1);
+}
+
+function insertRowAt(aRowGroupIndex, aRowIndex) {
+  var rowGroup = document.getElementsByTagName("TBODY")[aRowGroupIndex];
+  insertRow(rowGroup, aRowIndex);
+}
+
+function deleteRow(aRowGroup, aRowIndex) {
+  aRowGroup.deleteRow(aRowIndex);
+}
+
+function deleteRowAt(aRowGroupIndex, aRowIndex) {
+  var row = document.getElementsByTagName("TBODY")[aRowGroupIndex];
+  deleteRow(row, aRowIndex);
+}
+
+function insertTbody(aTable, aTbodyIndex) {
+  var tbodies = aTable.tBodies;
+  var refTbody = tbodies.item(aTbodyIndex);
+  var tbody = document.createElement("TBODY", null);
+  aTable.insertBefore(tbody, refTbody);
+}
+
+function insertTbodyAt(aTableIndex, aTbodyIndex) {
+  var table = document.getElementsByTagName("TABLE")[aTableIndex];
+  insertTbodyAt(table, aTbodyIndex);
+}
+
+function deleteTbody(aTable, aTbodyIndex) {
+  var tbodies = aTable.tBodies;
+  var tbody = tbodies.item(aTbodyIndex);
+  aTable.removeChild(tbody);
+}
+
+function deleteTbodyAt(aTableIndex, aTbodyIndex) {
+  var table = document.getElementsByTagName("TABLE")[aTableIndex];
+  deleteTbody(table, aTbodyIndex);
+}
+
+function buildTable(aNumRows, aNumCols) {
+  var table = document.getElementsByTagName("TABLE")[0];
+  for (rowX = 0; rowX < aNumRows; rowX++) {
+    var row = document.createElement("TR", null);
+	  for (colX = 0; colX < aNumCols; colX++) {
+      var cell = document.createElement("TD", null);
+      var text = document.createTextNode(genName());
+      cell.appendChild(text);
+      row.appendChild(cell);
+	}
+	table.appendChild(row);
+  }
+}
+
diff --git a/layout/reftests/table-html/bug1379306-2-ref.html b/layout/reftests/table-html/bug1379306-2-ref.html
new file mode 100644
index 0000000000..323969dfa3
--- /dev/null
+++ b/layout/reftests/table-html/bug1379306-2-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>Table Row Testcase, bug 1379306</title>
+<style>
+
+table { background: yellow }
+td { height: 50px; width: 200px; background: aqua; }
+div { background: fuchsia; height: 10px; width: 20px }
+
+tr { position: relative; border: 30px solid blue; }
+div { position: absolute; top: 0; left: 0 }
+
+</style>
+<h1>Table Row Testcase, bug 1379306</h1>
+
+<table>
+  <tr>
+    <td>
+      <div></div>
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-html/bug1379306-2.html b/layout/reftests/table-html/bug1379306-2.html
new file mode 100644
index 0000000000..2d1948c1c0
--- /dev/null
+++ b/layout/reftests/table-html/bug1379306-2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1379306</title>
+<style>
+
+table { background: yellow }
+td { height: 50px; width: 200px; background: aqua; }
+div { background: fuchsia; height: 10px; width: 20px }
+
+tr { position: relative; border: 10px solid blue }
+div { position: absolute; top: 0; left: 0 }
+
+</style>
+<h1>Table Row Testcase, bug 1379306</h1>
+
+<table>
+  <tr>
+    <td>
+      <div></div>
+    </td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-html/bug1379306-3-ref.html b/layout/reftests/table-html/bug1379306-3-ref.html
new file mode 100644
index 0000000000..461b2e8b6e
--- /dev/null
+++ b/layout/reftests/table-html/bug1379306-3-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1379306</title>
+<style>
+
+table { background: yellow }
+td { height: 50px; width: 200px; background: aqua; }
+div { background: fuchsia; height: 10px; width: 20px }
+
+tbody { position: relative; border: 30px solid blue }
+div { position: absolute; top: 0; left: 0 }
+
+</style>
+<h1>Table Row Group Testcase, bug 1379306</h1>
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        <div></div>
+      </td>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-html/bug1379306-3.html b/layout/reftests/table-html/bug1379306-3.html
new file mode 100644
index 0000000000..966d03946d
--- /dev/null
+++ b/layout/reftests/table-html/bug1379306-3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1379306</title>
+<style>
+
+table { background: yellow }
+td { height: 50px; width: 200px; background: aqua; }
+div { background: fuchsia; height: 10px; width: 20px }
+
+tbody { position: relative; border: 10px solid blue }
+div { position: absolute; top: 0; left: 0 }
+
+</style>
+<h1>Table Row Group Testcase, bug 1379306</h1>
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        <div></div>
+      </td>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/table-html/cell-align-stopped-at-table-1-quirks-ref.html b/layout/reftests/table-html/cell-align-stopped-at-table-1-quirks-ref.html
new file mode 100644
index 0000000000..2b84dcf3b7
--- /dev/null
+++ b/layout/reftests/table-html/cell-align-stopped-at-table-1-quirks-ref.html
@@ -0,0 +1,31 @@
+<title>Testcase, bug 196292</title>
+<meta charset="UTF-8">
+
+<table border width="500">
+  <tr>
+    <td>
+      <p style="text-align: left">Left</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <p style="text-align: center">Center</p>
+      <table border width="300" style="margin-left: auto; margin-right: auto">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <p style="text-align: right">Right</p>
+      <table border width="300" style="margin-left: auto">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
diff --git a/layout/reftests/table-html/cell-align-stopped-at-table-1-quirks.html b/layout/reftests/table-html/cell-align-stopped-at-table-1-quirks.html
new file mode 100644
index 0000000000..2d5a75f49f
--- /dev/null
+++ b/layout/reftests/table-html/cell-align-stopped-at-table-1-quirks.html
@@ -0,0 +1,31 @@
+<title>Testcase, bug 196292</title>
+<meta charset="UTF-8">
+
+<table border width="500">
+  <tr>
+    <td align="left">
+      <p>Left</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <p>Center</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td align="right">
+      <p>Right</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
diff --git a/layout/reftests/table-html/cell-align-stopped-at-table-1-standards-ref.html b/layout/reftests/table-html/cell-align-stopped-at-table-1-standards-ref.html
new file mode 100644
index 0000000000..4b9088d35d
--- /dev/null
+++ b/layout/reftests/table-html/cell-align-stopped-at-table-1-standards-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 196292</title>
+<meta charset="UTF-8">
+
+<table border width="500">
+  <tr>
+    <td>
+      <p style="text-align: left">Left</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <p style="text-align: center">Center</p>
+      <table border width="300" style="margin-left: auto; margin-right: auto">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <p style="text-align: right">Right</p>
+      <table border width="300" style="margin-left: auto">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
diff --git a/layout/reftests/table-html/cell-align-stopped-at-table-1-standards.html b/layout/reftests/table-html/cell-align-stopped-at-table-1-standards.html
new file mode 100644
index 0000000000..2b687cd29c
--- /dev/null
+++ b/layout/reftests/table-html/cell-align-stopped-at-table-1-standards.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 196292</title>
+<meta charset="UTF-8">
+
+<table border width="500">
+  <tr>
+    <td align="left">
+      <p>Left</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <p>Center</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td align="right">
+      <p>Right</p>
+      <table border width="300">
+        <tr><th>Center</th></tr>
+        <tr><td>Left</td></tr>
+      </table>
+    </td>
+  </tr>
diff --git a/layout/reftests/table-html/reftest.list b/layout/reftests/table-html/reftest.list
new file mode 100644
index 0000000000..c3a4010ca4
--- /dev/null
+++ b/layout/reftests/table-html/reftest.list
@@ -0,0 +1,4 @@
+== cell-align-stopped-at-table-1-standards.html cell-align-stopped-at-table-1-standards-ref.html
+== cell-align-stopped-at-table-1-quirks.html cell-align-stopped-at-table-1-quirks-ref.html
+== bug1379306-2.html bug1379306-2-ref.html
+== bug1379306-3.html bug1379306-3-ref.html
diff --git a/layout/reftests/table-overflow/bug785684-x-ref.html b/layout/reftests/table-overflow/bug785684-x-ref.html
new file mode 100644
index 0000000000..f54122f124
--- /dev/null
+++ b/layout/reftests/table-overflow/bug785684-x-ref.html
@@ -0,0 +1,109 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+    .outer {
+     display:table;
+     height:20px;
+     width:300px;
+     max-width:300px;            
+ }
+ 
+ .inner {  
+     background-color: silver;
+     display:table-cell;
+     height:20px;
+     min-height:20px;
+     width:150px;
+     max-width:150px;
+     padding: 4px;
+ }
+ .inner.clipped {
+     padding: 0;
+ }
+ .inner.clipped > .clip {
+     padding: 4px;
+ }
+ .clip {
+    overflow:hidden;
+    width: 300px;
+    height: 20px;
+    box-sizing: border-box;
+ }
+  </style>
+</head>
+<body>
+<h2>Testing CSS overflow on display:table-cell</h2>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow-x: scroll">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow-x: clip">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow: hidden">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow: scroll">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow: clip">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<h2>Testing CSS overflow on display:table</h2>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+</body></html>
diff --git a/layout/reftests/table-overflow/bug785684-x.html b/layout/reftests/table-overflow/bug785684-x.html
new file mode 100644
index 0000000000..947c65034d
--- /dev/null
+++ b/layout/reftests/table-overflow/bug785684-x.html
@@ -0,0 +1,85 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+    .outer {
+     display:table;
+     height:20px;
+     width:300px;
+     max-width:300px;            
+ }
+ 
+ .inner {  
+     background-color: silver;
+     display:table-cell;
+     height:20px;
+     min-height:20px;
+     width:150px;
+     max-width:150px;
+     padding: 4px;
+ }
+  </style>
+</head>
+<body>
+<h2>Testing CSS overflow on display:table-cell</h2>
+<div class="outer">
+    <div class="inner" style="overflow-x:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-x:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-x:clip;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:clip;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<h2>Testing CSS overflow on display:table</h2>
+<div class="outer" style="overflow-x:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-x:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-x:clip;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:clip;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+</body></html>
diff --git a/layout/reftests/table-overflow/bug785684-y-ref.html b/layout/reftests/table-overflow/bug785684-y-ref.html
new file mode 100644
index 0000000000..5033b56e04
--- /dev/null
+++ b/layout/reftests/table-overflow/bug785684-y-ref.html
@@ -0,0 +1,109 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+    .outer {
+     display:table;
+     height:20px;
+     width:300px;
+     max-width:300px;
+ }
+
+ .inner {
+     background-color: silver;
+     display:table-cell;
+     height:20px;
+     min-height:20px;
+     width:150px;
+     max-width:150px;
+     padding: 4px;
+ }
+ .inner.clipped {
+     padding: 0;
+ }
+ .inner.clipped > .clip {
+     padding: 4px;
+ }
+ .clip {
+    overflow:hidden;
+    width: 300px;
+    height: 20px;
+    box-sizing: border-box;
+ }
+  </style>
+</head>
+<body>
+<h2>Testing CSS overflow on display:table-cell</h2>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow-x: auto; overflow-y: hidden">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow-x: auto; overflow-y: scroll">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow-y: clip">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow: hidden">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow: scroll">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<div class="outer">
+  <div class="inner clipped">
+    <div class="clip" style="overflow: clip">
+      <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+  </div>
+</div>
+<h2>Testing CSS overflow on display:table</h2>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+</body></html>
diff --git a/layout/reftests/table-overflow/bug785684-y.html b/layout/reftests/table-overflow/bug785684-y.html
new file mode 100644
index 0000000000..340fcf7f8e
--- /dev/null
+++ b/layout/reftests/table-overflow/bug785684-y.html
@@ -0,0 +1,85 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+    .outer {
+     display:table;
+     height:20px;
+     width:300px;
+     max-width:300px;            
+ }
+ 
+ .inner {  
+     background-color: silver;
+     display:table-cell;
+     height:20px;
+     min-height:20px;
+     width:150px;
+     max-width:150px;
+     padding: 4px;
+ }
+  </style>
+</head>
+<body>
+<h2>Testing CSS overflow on display:table-cell</h2>
+<div class="outer">
+    <div class="inner" style="overflow-y:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-y:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-y:clip;">
+       <img width="296px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:clip;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<h2>Testing CSS overflow on display:table</h2>
+<div class="outer" style="overflow-y:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-y:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-y:clip;">
+    <div class="inner">
+       <img width="296px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:clip;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+</body></html>
diff --git a/layout/reftests/table-overflow/reftest.list b/layout/reftests/table-overflow/reftest.list
new file mode 100644
index 0000000000..7b11d4f5f7
--- /dev/null
+++ b/layout/reftests/table-overflow/reftest.list
@@ -0,0 +1,6 @@
+defaults pref(layout.tables.scrollable-cells,true)
+
+skip-if(ThreadSanitizer) == bug785684-x.html bug785684-x-ref.html
+== bug785684-y.html bug785684-y-ref.html
+== table-caption-scroll.html table-caption-scroll-ref.html
+== table-cell-block-overflow.html table-cell-block-overflow-ref.html
diff --git a/layout/reftests/table-overflow/table-caption-scroll-ref.html b/layout/reftests/table-overflow/table-caption-scroll-ref.html
new file mode 100644
index 0000000000..5c024f8d2b
--- /dev/null
+++ b/layout/reftests/table-overflow/table-caption-scroll-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testing table captions with overflow:auto/scroll/hidden</title>
+    <style type="text/css">
+
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+	
+.caption { overflow:auto; border:1px solid; height:100px; }
+.s { overflow:scroll; }
+.h { overflow:hidden; }
+    </style>
+</head>
+<body>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption><div class="caption">0<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption>
+<tr><td>TTTTTTTTTT</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption><div class="caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption>
+<tr><td>T</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption><div class="s caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption>
+<tr><td>T</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption><div class="s caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption>
+<tr><td>TTTTTTTTTT</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption><div class="h caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption>
+<tr><td>T</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption><div class="h caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption>
+<tr><td>TTTTTTTTTT</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-overflow/table-caption-scroll.html b/layout/reftests/table-overflow/table-caption-scroll.html
new file mode 100644
index 0000000000..70c5c0f566
--- /dev/null
+++ b/layout/reftests/table-overflow/table-caption-scroll.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testing table captions with overflow:auto/scroll/hidden</title>
+    <style type="text/css">
+
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+	
+caption { border:1px solid; overflow:auto; height:100px; }
+.s { overflow:scroll; }
+.h { overflow:hidden; }
+    </style>
+</head>
+<body>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption>0<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</caption>
+<tr><td>TTTTTTTTTT</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption>00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</caption>
+<tr><td>T</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption class="s">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</caption>
+<tr><td>T</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption class="s">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</caption>
+<tr><td>TTTTTTTTTT</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption class="h">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</caption>
+<tr><td>T</td></tr>
+</table>
+
+<table border="0" cellspacing="0" cellpadding="0">
+<caption class="h">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</caption>
+<tr><td>TTTTTTTTTT</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-overflow/table-cell-block-overflow-ref.html b/layout/reftests/table-overflow/table-cell-block-overflow-ref.html
new file mode 100644
index 0000000000..9d9ecdfc79
--- /dev/null
+++ b/layout/reftests/table-overflow/table-cell-block-overflow-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <style>
+  .content {
+    padding: 20px;
+    height: 100%;
+    width:  20px;
+    height:  54px;
+    background: purple;
+  }
+  .fake-td {
+    float: left;
+    border: 20px solid teal;
+    height: 54px;
+    width: 60px;
+    padding: 1px;
+    margin: 1px;
+  }
+  .fake-table-tr {
+    padding: 1px;
+  }
+  </style>
+</head>
+  <body>
+    <div class="fake-table-tr">
+      <div class="fake-td">
+        <div class="content"></div>
+      </div>
+      <div class="fake-td">
+        <div class="content"></div>
+      </div>
+      <div class="fake-td">
+        <div class="content"></div>
+      </div>
+      <div class="fake-td">
+        <div class="content"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/table-overflow/table-cell-block-overflow.html b/layout/reftests/table-overflow/table-cell-block-overflow.html
new file mode 100644
index 0000000000..27236217c6
--- /dev/null
+++ b/layout/reftests/table-overflow/table-cell-block-overflow.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Test table-cell content overflowing in the block direction for each
+    vertical-align value</title>
+  <link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
+  <style>
+  td {
+    border: 20px solid teal;
+    height: 100%;
+  }
+  table {
+    height: 100px;
+  }
+  .content {
+    padding: 20px;
+    height: 100%;
+    width:  20px;
+    background: purple;
+  }
+  </style>
+</head>
+  <body>
+    <table>
+      <tr>
+        <td style="vertical-align: middle">
+          <div class="content"></div>
+        </td>
+        <td style="vertical-align: baseline">
+          <div class="content"></div>
+        </td>
+        <td style="vertical-align: bottom">
+          <div class="content"></div>
+        </td>
+        <td style="vertical-align: top">
+          <div class="content"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-width/balancing-1-ref.html b/layout/reftests/table-width/balancing-1-ref.html
new file mode 100644
index 0000000000..16d2ad2a50
--- /dev/null
+++ b/layout/reftests/table-width/balancing-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Balancing of tables (shrinking)</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 3px;
+}
+
+tr { height: 4em; }
+
+td { background: black; background: currentColor; }
+
+body { width: 900px; }
+
+</style>
+</head>
+<body>
+
+<!--
+    cell widths are:
+    min   pref   pct
+     50    150
+     50     50
+     50    100*
+     50     50   50%
+
+    and the table has 15px of horizontal border-spacing
+
+    sizing to       col width total
+    min             200
+    min/pct         300
+    min/spec        400
+    pref            600
+
+  -->
+
+<!-- width: 200px --><table><tr>
+<td style="color:aqua"    width="50">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:fuchsia" width="50">&nbsp;</td>
+<td style="color:blue"    width="50">&nbsp;</td>
+</tr></table>
+
+<!-- width: 250px --><table><tr>
+<td style="color:aqua"    width="50">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:fuchsia" width="50">&nbsp;</td>
+<td style="color:blue"    width="100">&nbsp;</td>
+</tr></table>
+
+<!-- width: 300px --><table><tr>
+<td style="color:aqua"    width="50">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:fuchsia" width="50">&nbsp;</td>
+<td style="color:blue"    width="150">&nbsp;</td>
+</tr></table>
+
+<!-- width: 350px --><table><tr>
+<td style="color:aqua"    width="50">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:fuchsia" width="75">&nbsp;</td>
+<td style="color:blue"    width="175">&nbsp;</td>
+</tr></table>
+
+<!-- width: 400px --><table><tr>
+<td style="color:aqua"    width="50">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:fuchsia" width="100">&nbsp;</td>
+<td style="color:blue"    width="200">&nbsp;</td>
+</tr></table>
+
+<!-- width: 500px --><table><tr>
+<td style="color:aqua"    width="100">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:fuchsia" width="100">&nbsp;</td>
+<td style="color:blue"    width="250">&nbsp;</td>
+</tr></table>
+
+<!-- width: 600px --><table><tr>
+<td style="color:aqua"    width="150">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:fuchsia" width="100">&nbsp;</td>
+<td style="color:blue"    width="300">&nbsp;</td>
+</tr></table>
+
+<!-- width: 800px --><table><tr>
+<td style="color:aqua"    width="225">&nbsp;</td>
+<td style="color:yellow"  width="75">&nbsp;</td>
+<td style="color:fuchsia" width="100">&nbsp;</td>
+<td style="color:blue"    width="400">&nbsp;</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/balancing-1.html b/layout/reftests/table-width/balancing-1.html
new file mode 100644
index 0000000000..7036b9bdf2
--- /dev/null
+++ b/layout/reftests/table-width/balancing-1.html
@@ -0,0 +1,106 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Balancing of tables (shrinking)</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 3px;
+}
+
+tr { height: 4em; }
+
+td { background: black; background: currentColor; }
+
+td, span { line-height: 1; }
+
+span {
+  display: inline-block;
+  width: 50px;
+}
+
+body { width: 900px; }
+
+</style>
+</head>
+<body>
+
+<!--
+    cell widths are:
+    min   pref   pct
+     50    150
+     50     50
+     50    100*
+     50     50   50%
+
+    and the table has 15px of horizontal border-spacing
+
+    sizing to       col width total
+    min             200
+    min/pct         300
+    min/spec        400
+    pref            600
+
+  -->
+
+<div style="width: 100px"><table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table></div>
+
+<div style="width: 265px"><table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table></div>
+
+<div style="width: 315px"><table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table></div>
+
+<div style="width: 365px"><table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table></div>
+
+<div style="width: 415px"><table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table></div>
+
+<div style="width: 515px"><table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table></div>
+
+<div style="width: 700px"><table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table></div>
+
+<table width="815"><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:fuchsia" width="100"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/balancing-2-ref.html b/layout/reftests/table-width/balancing-2-ref.html
new file mode 100644
index 0000000000..813710759b
--- /dev/null
+++ b/layout/reftests/table-width/balancing-2-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Balancing of tables (growing)</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 3px;
+}
+
+tr { height: 1.5em; }
+
+td { background: black; background: currentColor; }
+
+</style>
+</head>
+<body>
+
+<!-- width: 300px --><table><tr>
+<td style="color:aqua"    width="75">&nbsp;</td>
+<td style="color:yellow"  width="25">&nbsp;</td>
+<td style="color:red"     width="0"></td>
+<td style="color:fuchsia" width="50">&nbsp;</td>
+<td style="color:blue"    width="150">&nbsp;</td>
+</tr></table>
+
+<!-- width: 500px --><table><tr>
+<td style="color:aqua"    width="150">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:red"     width="0"></td>
+<td style="color:fuchsia" width="50">&nbsp;</td>
+<td style="color:blue"    width="250">&nbsp;</td>
+</tr></table>
+
+<!-- width: 420px --><table><tr>
+<td style="color:aqua"    width="105">&nbsp;</td>
+<td style="color:yellow"  width="35">&nbsp;</td>
+<td style="color:red"     width="0"></td>
+<td style="color:fuchsia" width="70">&nbsp;</td>
+<td style="color:blue"    width="210">&nbsp;</td>
+</tr></table>
+
+<!-- width: 400px --><table><tr>
+<td style="color:aqua"    width="50">&nbsp;</td>
+<td style="color:yellow"  width="50">&nbsp;</td>
+<td style="color:red"     width="0"></td>
+<td style="color:fuchsia" width="50">&nbsp;</td>
+<td style="color:blue"    width="250">&nbsp;</td>
+</tr></table>
+
+<!-- width: 420px --><table><tr>
+<td style="color:aqua"    width="75">&nbsp;</td>
+<td style="color:yellow"  width="85">&nbsp;</td>
+<td style="color:fuchsia" width="50">&nbsp;</td>
+<td style="color:blue"    width="210">&nbsp;</td>
+</tr></table>
+
+<!-- width: 400px --><table><tr>
+<td style="color:aqua"    width="60">&nbsp;</td>
+<td style="color:yellow"  width="80">&nbsp;</td>
+<td style="color:fuchsia" width="60">&nbsp;</td>
+<td style="color:blue"    width="200">&nbsp;</td>
+</tr></table>
+
+<!-- width: 400px --><table><tr>
+<td style="color:aqua"    width="100">&nbsp;</td>
+<td style="color:yellow"  width="100">&nbsp;</td>
+<td style="color:fuchsia" width="100">&nbsp;</td>
+<td style="color:blue"    width="100">&nbsp;</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/balancing-2.html b/layout/reftests/table-width/balancing-2.html
new file mode 100644
index 0000000000..c43f414767
--- /dev/null
+++ b/layout/reftests/table-width/balancing-2.html
@@ -0,0 +1,99 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Balancing of tables (growing)</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 3px;
+}
+
+tr { height: 1.5em; }
+
+td { background: black; background: currentColor; }
+
+td, span { line-height: 1; }
+
+span {
+  display: inline-block;
+  width: 25px;
+}
+
+</style>
+</head>
+<body>
+
+<!--
+    cell widths in the first table are:
+    min   pref   pct
+     25     75
+     25     25
+      0      0
+     25     50*
+     25     25   50%
+
+    and the table has 18px of horizontal border-spacing
+
+    pref width of columns is 300px
+
+  -->
+
+<table><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:red"></td>
+<td style="color:fuchsia" width="50"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table>
+
+<table width="518"><tr>
+<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"><span></span></td>
+<td style="color:red"></td>
+<td style="color:fuchsia" width="50"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table>
+
+<!-- XXXdholbert: Change "width: 0px" to width="0px" in next 2 cases -->
+<table width="438"><tr>
+<td style="color:aqua" width="75"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow" width="25"><span></span></td>
+<td style="color:red; width: 0px"></td>
+<td style="color:fuchsia" width="50"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table>
+
+<table width="418"><tr>
+<td style="color:aqua" width="10%"><span></span></td>
+<td style="color:yellow" width="10%"><span></span></td>
+<td style="color:red; width: 0px"></td>
+<td style="color:fuchsia" width="10%"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table>
+
+<table width="435"><tr>
+<td style="color:aqua" width="75"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
+<td style="color:yellow"></td>
+<td style="color:fuchsia" width="50"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table>
+
+<table width="415"><tr>
+<td style="color:aqua" width="15%"><span></span></td>
+<td style="color:yellow"></td>
+<td style="color:fuchsia" width="15%"><span></span></td>
+<td style="color:blue" width="50%"><span></span></td>
+</tr></table>
+
+<table width="415"><tr>
+<td style="color:aqua"></td>
+<td style="color:yellow"></td>
+<td style="color:fuchsia"></td>
+<td style="color:blue"></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/cell-pref-width-border-box-ref.html b/layout/reftests/table-width/cell-pref-width-border-box-ref.html
new file mode 100644
index 0000000000..fb559183fd
--- /dev/null
+++ b/layout/reftests/table-width/cell-pref-width-border-box-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>
+        Test minimum cell width calculation
+    </title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+</head>
+<body>
+<style type="text/css">
+table
+{
+    vertical-align:top;
+    empty-cells:show;
+    border-collapse:collapse;
+}
+
+td
+{
+    border: solid 1px black;
+}
+</style>
+<table>
+	<tr>
+		<td>Test wrapping</td>
+	</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/cell-pref-width-border-box.html b/layout/reftests/table-width/cell-pref-width-border-box.html
new file mode 100644
index 0000000000..801c6e92e2
--- /dev/null
+++ b/layout/reftests/table-width/cell-pref-width-border-box.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>
+        Test minimum cell width calculation
+    </title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+</head>
+<body>
+<style type="text/css">
+table
+{
+    vertical-align:top;
+    empty-cells:show;
+    border-collapse:collapse;
+}
+
+td
+{
+    box-sizing: border-box;
+    border: solid 1px black;
+}
+</style>
+<table>
+	<tr>
+		<td>Test wrapping</td>
+	</tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/cellpadding-ref.html b/layout/reftests/table-width/cellpadding-ref.html
new file mode 100644
index 0000000000..60df225f6b
--- /dev/null
+++ b/layout/reftests/table-width/cellpadding-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>cellpadding</title>
+</head>
+<body>
+<table border cellpadding="0"><tr><td><div style="padding:7px">This is some text.</div></td></tr></table>
+<table border cellpadding="0"><tr><td><div style="padding:7px">This is some text.</div></td></tr></table>
+<table border cellpadding="0"><tr><td><div style="padding:3px 5px 7px 9px">This is some text.</div></td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/cellpadding.html b/layout/reftests/table-width/cellpadding.html
new file mode 100644
index 0000000000..d3c2c08457
--- /dev/null
+++ b/layout/reftests/table-width/cellpadding.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>cellpadding</title>
+</head>
+<body>
+<table border cellpadding="7"><tr><td>This is some text.</td></tr></table>
+<table border><tr><td style="padding: 7px">This is some text.</td></tr></table>
+<table border cellpadding="11"><tr><td style="padding: 3px 5px 7px 9px">This is some text.</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/cellspacing-ref.html b/layout/reftests/table-width/cellspacing-ref.html
new file mode 100644
index 0000000000..c8664ff969
--- /dev/null
+++ b/layout/reftests/table-width/cellspacing-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>cellspacing</title>
+</head>
+<body>
+
+<!-- compare to CSS border-spacing -->
+<table border style="padding: 0; border-spacing: 7px"><tr><td>This is some text.</td></tr></table>
+<table border style="padding: 0; border-spacing: 10px 7px"><tr><td>This is some text.</td></tr></table>
+
+<!-- drop borders and ensure that we get the right amount of space -->
+
+<div style="border: medium solid; margin: 1em 0; float: left; clear: left;padding: 8px">This is some text.</div>
+
+<div style="border: medium solid; margin: 1em 0; float: left; clear: left; padding: 3px 5px 7px 9px">This is some text.</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/cellspacing.html b/layout/reftests/table-width/cellspacing.html
new file mode 100644
index 0000000000..25105fe3d8
--- /dev/null
+++ b/layout/reftests/table-width/cellspacing.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>cellspacing</title>
+</head>
+<body>
+
+<!-- compare to CSS border-spacing -->
+<table border cellspacing="7" style="padding: 0"><tr><td>This is some text.</td></tr></table>
+<table border cellspacing="0" style="padding: 7px 10px"><tr><td>This is some text.</td></tr></table>
+
+
+<!-- drop borders and ensure that we get the right amount of space -->
+
+<div style="border: medium solid; margin: 1em 0; float: left; clear: left;">
+  <table border="0" cellpadding="0" cellspacing="8" style="padding: 0"><tr><td>This is some text.</td></tr></table>
+</div>
+
+<div style="border: medium solid; margin: 1em 0; float: left; clear: left;">
+  <table border="0" cellpadding="0" cellspacing="0" style="padding: 3px 5px 7px 9px"><tr><td>This is some text.</td></tr></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-1-ref.html b/layout/reftests/table-width/colgroup-vs-column-1-ref.html
new file mode 100644
index 0000000000..44f26c1b05
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1">
+<colgroup><col width="200"/><col width="400"/></colgroup>
+<tr><td>width is 200</td><td>width is 400</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-1.html b/layout/reftests/table-width/colgroup-vs-column-1.html
new file mode 100644
index 0000000000..0de75be80c
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1">
+<colgroup width="400"><col width="200"/><col/></colgroup>
+<tr><td>width is 200</td><td>width is 400</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-2-ref.html b/layout/reftests/table-width/colgroup-vs-column-2-ref.html
new file mode 100644
index 0000000000..6429326199
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1" width="600">
+<colgroup><col width="20%"/><col width="40%"/><col width="40%"/></colgroup>
+<tr><td>width is 20%</td><td>width is 40%</td><td>width is 40%</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-2.html b/layout/reftests/table-width/colgroup-vs-column-2.html
new file mode 100644
index 0000000000..25cd31a4ab
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1" width="600">
+<colgroup width="40%"><col width="20%"/><col/><col/></colgroup>
+<tr><td>width is 20%</td><td>width is 40%</td><td>width is 40%</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-3-ref.html b/layout/reftests/table-width/colgroup-vs-column-3-ref.html
new file mode 100644
index 0000000000..6458406418
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-3-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1">
+<colgroup><col width="200"/><col width="20%"/></colgroup>
+<tr><td>width is 200</td><td>width is 20%</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-3.html b/layout/reftests/table-width/colgroup-vs-column-3.html
new file mode 100644
index 0000000000..b932760610
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-3.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1">
+<colgroup width="20%"><col width="200"/><col/></colgroup>
+<tr><td>width is 200</td><td>width is 20%</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-4-ref.html b/layout/reftests/table-width/colgroup-vs-column-4-ref.html
new file mode 100644
index 0000000000..cf14fabed7
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-4-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1">
+<colgroup><col width="20%"/><col width="400"/></colgroup>
+<tr><td>width is 20%</td><td>width is 400</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colgroup-vs-column-4.html b/layout/reftests/table-width/colgroup-vs-column-4.html
new file mode 100644
index 0000000000..5df287720c
--- /dev/null
+++ b/layout/reftests/table-width/colgroup-vs-column-4.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Testcase for width attribute of colgroup element (bug 434733)</title>
+</head>
+<body>
+<table border="1">
+<colgroup width="400"><col width="20%"/><col/></colgroup>
+<tr><td>width is 20%</td><td>width is 400</td></tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colspan-distribute-to-empty-1-ref.html b/layout/reftests/table-width/colspan-distribute-to-empty-1-ref.html
new file mode 100644
index 0000000000..f3989ac451
--- /dev/null
+++ b/layout/reftests/table-width/colspan-distribute-to-empty-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>Distributing widths from spanning cells to empty columns</title>
+<table cellpadding="0" cellspacing="0" width="75">
+  <tr>
+    <td width="25" bgcolor="yellow" >&nbsp;</td>
+    <td width="25" bgcolor="aqua"   >&nbsp;</td>
+    <td width="25" bgcolor="aqua"   >&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="25" bgcolor="fuchsia">&nbsp;</td>
+    <td width="25" bgcolor="fuchsia">&nbsp;</td>
+    <td width="25" bgcolor="yellow" >&nbsp;</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/colspan-distribute-to-empty-1a.html b/layout/reftests/table-width/colspan-distribute-to-empty-1a.html
new file mode 100644
index 0000000000..2a94c7dd89
--- /dev/null
+++ b/layout/reftests/table-width/colspan-distribute-to-empty-1a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Distributing widths from spanning cells to empty columns</title>
+<table cellpadding="0" cellspacing="0">
+  <tr>
+    <td width="25"             bgcolor="yellow" >&nbsp;</td>
+    <td width="50" colspan="2" bgcolor="aqua"   >&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="50" colspan="2" bgcolor="fuchsia">&nbsp;</td>
+    <td width="25"             bgcolor="yellow" >&nbsp;</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/colspan-distribute-to-empty-1b.html b/layout/reftests/table-width/colspan-distribute-to-empty-1b.html
new file mode 100644
index 0000000000..f43ebd89dc
--- /dev/null
+++ b/layout/reftests/table-width/colspan-distribute-to-empty-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>Distributing widths from spanning cells to empty columns</title>
+<table cellpadding="0" cellspacing="0" width="75">
+  <tr>
+    <td width="25"             bgcolor="yellow" >&nbsp;</td>
+    <td width="50" colspan="2" bgcolor="aqua"   >&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="50" colspan="2" bgcolor="fuchsia">&nbsp;</td>
+    <td width="25"             bgcolor="yellow" >&nbsp;</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/colspan-distribute-to-empty-2-ref.html b/layout/reftests/table-width/colspan-distribute-to-empty-2-ref.html
new file mode 100644
index 0000000000..2ffe11fdff
--- /dev/null
+++ b/layout/reftests/table-width/colspan-distribute-to-empty-2-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<table width="250" cellpadding="0" border="0" cellspacing="0">
+<tr>
+<td width="50" bgcolor=yellow>50
+<td width="180" bgcolor=aqua>This is a cell with enough text in it to wrap.
+<td width="20" bgcolor=lime><span style="display:inline-block"></span>
+</table>
+<table width="250" cellpadding="0" border="0" cellspacing="0">
+<tr>
+<td width="180" bgcolor=fuchsia>This is a cell with enough text in it to wrap.
+<td width="50" bgcolor=yellow>50
+<td width="20" bgcolor=lime><span style="display:inline-block"></span>
+</table>
diff --git a/layout/reftests/table-width/colspan-distribute-to-empty-2.html b/layout/reftests/table-width/colspan-distribute-to-empty-2.html
new file mode 100644
index 0000000000..4e563f1ed1
--- /dev/null
+++ b/layout/reftests/table-width/colspan-distribute-to-empty-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<table width="250" cellpadding="0" border="0" cellspacing="0">
+<tr>
+<td width="50" bgcolor=yellow>50
+<td colspan="2" bgcolor=aqua>This is a cell with enough text in it to wrap.
+<td bgcolor=lime><span style="display:inline-block; width: 20px"></span>
+<tr>
+<td colspan="2" bgcolor=fuchsia>This is a cell with enough text in it to wrap.
+<td width="50" bgcolor=yellow>50
+<td bgcolor=lime><span style="display:inline-block; width: 20px"></span>
+</table>
diff --git a/layout/reftests/table-width/colspan-percent-distribution-1-ref.html b/layout/reftests/table-width/colspan-percent-distribution-1-ref.html
new file mode 100644
index 0000000000..25fa0b058e
--- /dev/null
+++ b/layout/reftests/table-width/colspan-percent-distribution-1-ref.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<style type="text/css">
+  table { width: 200px;             }
+  td    { border: 1px solid black;  }
+  td.a  { background: lightgreen;   }
+  td.b  { background: orange;       }
+
+  /* cellspacing=0 cellpadding=0 */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+</style>
+</head>
+<body>
+<table>
+  <tr>
+    <td class="a" width="100%">x</td>
+    <td class="b">x</td>
+  </tr>
+  <tr>
+    <td/><td/>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colspan-percent-distribution-1.html b/layout/reftests/table-width/colspan-percent-distribution-1.html
new file mode 100644
index 0000000000..67d9c336cc
--- /dev/null
+++ b/layout/reftests/table-width/colspan-percent-distribution-1.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<style type="text/css">
+  table { width: 200px;             }
+  td    { border: 1px solid black;  }
+  td.a  { background: lightgreen;   }
+  td.b  { background: orange;       }
+
+  /* cellspacing=0 cellpadding=0 */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+</style>
+</head>
+<body>
+<table>
+  <tr>
+    <td class="a" colspan="2" width="100%">x</td>
+    <td class="b">x</td>
+  </tr>
+  <tr>
+    <td/><td/><td/>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colspan-percent-distribution-2-ref.html b/layout/reftests/table-width/colspan-percent-distribution-2-ref.html
new file mode 100644
index 0000000000..89febae2d6
--- /dev/null
+++ b/layout/reftests/table-width/colspan-percent-distribution-2-ref.html
@@ -0,0 +1,30 @@
+<html>
+<head>
+<style type="text/css">
+  table { width: 200px;   }
+  td.a  { background: lightgreen; }
+  td.b  { background: orange;     }
+  td.c  { background: yellow;     }
+  td.d  { background: lightblue;  }
+  td.e  { background: teal;     }
+
+  /* cellspacing=0 cellpadding=0 */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+</style>
+</head>
+<body>
+<table>
+  <tr>
+    <td class="a" style="width: 50%;">x</td>
+    <td class="a" style="width: 50%;">&nbsp</td>
+    <td class="b">x</td>
+  </tr>
+  <tr>
+    <td class="c">x</td>
+    <td class="d">x</td>
+    <td class="e">x</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/colspan-percent-distribution-2.html b/layout/reftests/table-width/colspan-percent-distribution-2.html
new file mode 100644
index 0000000000..e019d54ec8
--- /dev/null
+++ b/layout/reftests/table-width/colspan-percent-distribution-2.html
@@ -0,0 +1,29 @@
+<html>
+<head>
+<style type="text/css">
+  table { width: 200px;   }
+  td.a  { background: lightgreen; }
+  td.b  { background: orange;     }
+  td.c  { background: yellow;     }
+  td.d  { background: lightblue;  }
+  td.e  { background: teal;     }
+
+  /* cellspacing=0 cellpadding=0 */
+  table  { border-spacing: 0 }
+  td, th { padding: 0 }
+</style>
+</head>
+<body>
+<table>
+  <tr>
+    <td class="a" colspan="2" style="width: 100%;">x</td>
+    <td class="b">x</td>
+  </tr>
+  <tr>
+    <td class="c">x</td>
+    <td class="d">x</td>
+    <td class="e">x</td>
+  </tr>
+</table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-percent-widths-1-ref.html b/layout/reftests/table-width/conflicting-percent-widths-1-ref.html
new file mode 100644
index 0000000000..b16614284c
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-percent-widths-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting percent widths on table cells</title>
+<style type="text/css">
+
+table, td {
+  border-spacing: 0;
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+  <tr>
+    <td style="background: yellow" width="200">x</td>
+    <td style="background: aqua" width="200">x</td>
+  </tr>
+  <tr>
+    <td style="background: blue" width="200">x</td>
+    <td style="background: fuchsia" width="200">x</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-percent-widths-1.html b/layout/reftests/table-width/conflicting-percent-widths-1.html
new file mode 100644
index 0000000000..e998c8982a
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-percent-widths-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting percent widths on table cells</title>
+<style type="text/css">
+
+table, td {
+  border-spacing: 0;
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table width="400">
+  <tr>
+    <td style="background: yellow" width="50%">x</td>
+    <td style="background: aqua">x</td>
+  </tr>
+  <tr>
+    <td style="background: blue" width="25%">x</td>
+    <td style="background: fuchsia">x</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-percent-widths-2-ref.html b/layout/reftests/table-width/conflicting-percent-widths-2-ref.html
new file mode 100644
index 0000000000..c0d86524ae
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-percent-widths-2-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting percent widths on table cells</title>
+<style type="text/css">
+
+table, td {
+  border-spacing: 0;
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<!-- small percentage effect operates per-column -->
+
+<table>
+  <tr>
+    <td style="background: yellow">x</td>
+    <td style="background: aqua">x</td>
+  </tr>
+  <tr>
+    <td style="background: blue">x</td>
+    <td style="background: fuchsia">x</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="background: fuchsia">x</td>
+    <td style="background: blue">x</td>
+  </tr>
+  <tr>
+    <td style="background: aqua">x</td>
+    <td style="background: yellow">x</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-percent-widths-2.html b/layout/reftests/table-width/conflicting-percent-widths-2.html
new file mode 100644
index 0000000000..2b0cbfd3ca
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-percent-widths-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting percent widths on table cells</title>
+<style type="text/css">
+
+table, td {
+  border-spacing: 0;
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<!-- small percentage effect operates per-column -->
+
+<table>
+  <tr>
+    <td style="background: yellow" width="1%">x</td>
+    <td style="background: aqua">x</td>
+  </tr>
+  <tr>
+    <td style="background: blue" width="50%">x</td>
+    <td style="background: fuchsia">x</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="background: fuchsia">x</td>
+    <td style="background: blue" width="50%">x</td>
+  </tr>
+  <tr>
+    <td style="background: aqua">x</td>
+    <td style="background: yellow" width="1%">x</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-percent-widths-3-ref.html b/layout/reftests/table-width/conflicting-percent-widths-3-ref.html
new file mode 100644
index 0000000000..47e290e9a8
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-percent-widths-3-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting percent widths on table cells</title>
+<style type="text/css">
+
+table, td {
+  border-spacing: 0;
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<!-- large percentage effect operates per-column -->
+
+<!-- also depends on truncation of percentages to 100% -->
+
+<table>
+  <tr>
+    <td style="background: yellow">x</td>
+    <td style="background: aqua">x</td>
+  </tr>
+  <tr>
+    <td style="background: blue">x</td>
+    <td style="background: fuchsia">x</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="background: blue">x</td>
+    <td style="background: fuchsia">x</td>
+  </tr>
+  <tr>
+    <td style="background: yellow">x</td>
+    <td style="background: aqua">x</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-percent-widths-3.html b/layout/reftests/table-width/conflicting-percent-widths-3.html
new file mode 100644
index 0000000000..4a06e1426a
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-percent-widths-3.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting percent widths on table cells</title>
+<style type="text/css">
+
+table, td {
+  border-spacing: 0;
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<!-- large percentage effect operates per-column -->
+
+<!-- also depends on truncation of percentages to 100% -->
+
+<table>
+  <tr>
+    <td style="background: yellow" width="50%">x</td>
+    <td style="background: aqua" width="99%">x</td>
+  </tr>
+  <tr>
+    <td style="background: blue" width="50%">x</td>
+    <td style="background: fuchsia" width="50%">x</td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="background: blue" width="50%">x</td>
+    <td style="background: fuchsia" width="50%">x</td>
+  </tr>
+  <tr>
+    <td style="background: yellow" width="50%">x</td>
+    <td style="background: aqua" width="99%">x</td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-1.html b/layout/reftests/table-width/conflicting-widths-1.html
new file mode 100644
index 0000000000..707164741a
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" style="background: yellow">x</td></tr>
+<tr><td style="background:aqua">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-10-ref.html b/layout/reftests/table-width/conflicting-widths-10-ref.html
new file mode 100644
index 0000000000..3fd7c4d9e9
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-10-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
+<tr><td style="background: yellow">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-10.html b/layout/reftests/table-width/conflicting-widths-10.html
new file mode 100644
index 0000000000..1799e69b10
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-10.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
+<tr><td width="100" style="background: yellow">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-2.html b/layout/reftests/table-width/conflicting-widths-2.html
new file mode 100644
index 0000000000..f49496ab7d
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td style="background: yellow">x</td></tr>
+<tr><td width="100" style="background:aqua">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-3.html b/layout/reftests/table-width/conflicting-widths-3.html
new file mode 100644
index 0000000000..66aca58797
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-3.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" style="background: yellow">x</td></tr>
+<tr><td width="10" style="background:aqua">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-4.html b/layout/reftests/table-width/conflicting-widths-4.html
new file mode 100644
index 0000000000..f7eb67c6c2
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="10" style="background: yellow">x</td></tr>
+<tr><td width="100" style="background:aqua">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-5-ref.html b/layout/reftests/table-width/conflicting-widths-5-ref.html
new file mode 100644
index 0000000000..1222ed1f3e
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-5-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-5.html b/layout/reftests/table-width/conflicting-widths-5.html
new file mode 100644
index 0000000000..21eaeeb100
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-5.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-6-ref.html b/layout/reftests/table-width/conflicting-widths-6-ref.html
new file mode 100644
index 0000000000..5706206fb1
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-6-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-6.html b/layout/reftests/table-width/conflicting-widths-6.html
new file mode 100644
index 0000000000..ca883f4fd6
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-6.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-7-ref.html b/layout/reftests/table-width/conflicting-widths-7-ref.html
new file mode 100644
index 0000000000..4781a2eea4
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-7-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" style="background: yellow">x</td></tr>
+<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-7.html b/layout/reftests/table-width/conflicting-widths-7.html
new file mode 100644
index 0000000000..8fd70247f8
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-7.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" style="background: yellow">x</td></tr>
+<tr><td height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-8-ref.html b/layout/reftests/table-width/conflicting-widths-8-ref.html
new file mode 100644
index 0000000000..74db7f032d
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-8-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" height="500" style="background:aqua;color:aqua">x</td></tr>
+<tr><td width="100" style="background: yellow">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-8.html b/layout/reftests/table-width/conflicting-widths-8.html
new file mode 100644
index 0000000000..d23423ee02
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-8.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr>
+<tr><td width="100" style="background: yellow">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-9-ref.html b/layout/reftests/table-width/conflicting-widths-9-ref.html
new file mode 100644
index 0000000000..41a0214e27
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-9-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td style="background: yellow">x</td></tr>
+<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-9.html b/layout/reftests/table-width/conflicting-widths-9.html
new file mode 100644
index 0000000000..bc34bf94fc
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-9.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" style="background: yellow">x</td></tr>
+<tr><td style="background:aqua">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/conflicting-widths-ref-100xx.html b/layout/reftests/table-width/conflicting-widths-ref-100xx.html
new file mode 100644
index 0000000000..c19f35d80a
--- /dev/null
+++ b/layout/reftests/table-width/conflicting-widths-ref-100xx.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Conflicting widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table>
+<tr><td width="100" style="background: yellow">x</td></tr>
+<tr><td width="100" style="background:aqua">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-collapse-quirks-ref.html b/layout/reftests/table-width/default-box-sizing-collapse-quirks-ref.html
new file mode 100644
index 0000000000..fa72151960
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-collapse-quirks-ref.html
@@ -0,0 +1,51 @@
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; padding: 10px; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 5px 3px;
+  padding: 2px 3px 4px 5px;
+  border: medium solid blue;
+  border-width: 2px 4px 6px 8px;
+}
+
+td {
+  border: medium solid aqua;
+  border-width: 2px 4px 6px 8px;
+  padding: 5px 7px 9px 11px;
+}
+
+div.inner {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div style="padding: 10px">
+  <div style="background: aqua; padding: 1px 2px 3px 4px">
+    <div style="width: 200px; padding: 1px 2px 3px 4px">
+      <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+        <div class="inner">x</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div style="padding: 10px">
+  <div style="background: aqua; padding: 1px 2px 3px 4px">
+    <div style="padding: 1px 2px 3px 4px">
+      <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+        <div class="inner" style="width: 200px">x</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-collapse-quirks.html b/layout/reftests/table-width/default-box-sizing-collapse-quirks.html
new file mode 100644
index 0000000000..59ff974ee1
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-collapse-quirks.html
@@ -0,0 +1,47 @@
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; padding: 10px; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 5px 3px;
+  padding: 2px 3px 4px 5px;
+  border: medium solid blue;
+  border-width: 2px 4px 6px 8px;
+}
+
+td {
+  border: medium solid aqua;
+  border-width: 2px 4px 6px 8px;
+  padding: 5px 7px 9px 11px;
+}
+
+td > div {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div>
+  <table width="200">
+    <tr>
+      <td><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+<div>
+  <table>
+    <tr>
+      <td width="200"><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-collapse-standards-ref.html b/layout/reftests/table-width/default-box-sizing-collapse-standards-ref.html
new file mode 100644
index 0000000000..286a0fa234
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-collapse-standards-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; padding: 10px; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 5px 3px;
+  padding: 2px 3px 4px 5px;
+  border: medium solid blue;
+  border-width: 2px 4px 6px 8px;
+}
+
+td {
+  border: medium solid aqua;
+  border-width: 2px 4px 6px 8px;
+  padding: 5px 7px 9px 11px;
+}
+
+div.inner {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div style="padding: 10px">
+  <div style="background: aqua; padding: 1px 2px 3px 4px">
+    <div style="width: 200px; padding: 1px 2px 3px 4px">
+      <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+        <div class="inner">x</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div style="padding: 10px">
+  <div style="background: aqua; padding: 1px 2px 3px 4px">
+    <div style="padding: 1px 2px 3px 4px">
+      <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+        <div class="inner" style="width: 200px">x</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-collapse-standards.html b/layout/reftests/table-width/default-box-sizing-collapse-standards.html
new file mode 100644
index 0000000000..fad1d85ab2
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-collapse-standards.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; padding: 10px; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 5px 3px;
+  padding: 2px 3px 4px 5px;
+  border: medium solid blue;
+  border-width: 2px 4px 6px 8px;
+}
+
+td {
+  border: medium solid aqua;
+  border-width: 2px 4px 6px 8px;
+  padding: 5px 7px 9px 11px;
+}
+
+td > div {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div>
+  <table width="200">
+    <tr>
+      <td><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+<div>
+  <table>
+    <tr>
+      <td width="200"><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-separate-quirks-ref.html b/layout/reftests/table-width/default-box-sizing-separate-quirks-ref.html
new file mode 100644
index 0000000000..e753436455
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-separate-quirks-ref.html
@@ -0,0 +1,41 @@
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; }
+
+div.inner {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 200px">
+  <div style="background: blue; padding: 2px 3px 4px 5px">
+    <div style="background: fuchsia; padding: 5px 8px 7px 10px">
+      <div style="background: aqua; padding: 2px 3px 4px 5px">
+        <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+          <div class="inner">x</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div>
+  <div style="background: blue; padding: 2px 3px 4px 5px">
+    <div style="background: fuchsia; padding: 5px 8px 7px 10px">
+      <div style="background: aqua; padding: 2px 3px 4px 5px">
+        <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+          <div class="inner" style="width: 200px">x</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-separate-quirks.html b/layout/reftests/table-width/default-box-sizing-separate-quirks.html
new file mode 100644
index 0000000000..e7072b471a
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-separate-quirks.html
@@ -0,0 +1,46 @@
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; }
+
+table {
+  border-spacing: 5px 3px;
+  padding: 2px 3px 4px 5px;
+  border: medium solid blue;
+  border-width: 2px 3px 4px 5px;
+}
+
+td {
+  border: medium solid aqua;
+  border-width: 2px 3px 4px 5px;
+  padding: 5px 7px 9px 11px;
+}
+
+td > div {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div>
+  <table width="200">
+    <tr>
+      <td><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+<div>
+  <table>
+    <tr>
+      <td width="200"><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-separate-standards-ref.html b/layout/reftests/table-width/default-box-sizing-separate-standards-ref.html
new file mode 100644
index 0000000000..5c66d6f007
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-separate-standards-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; }
+
+div.inner {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 200px">
+  <div style="background: blue; padding: 2px 3px 4px 5px">
+    <div style="background: fuchsia; padding: 5px 8px 7px 10px">
+      <div style="background: aqua; padding: 2px 3px 4px 5px">
+        <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+          <div class="inner">x</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div>
+  <div style="background: blue; padding: 2px 3px 4px 5px">
+    <div style="background: fuchsia; padding: 5px 8px 7px 10px">
+      <div style="background: aqua; padding: 2px 3px 4px 5px">
+        <div style="background: fuchsia; padding: 5px 7px 9px 11px">
+          <div class="inner" style="width: 200px">x</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/default-box-sizing-separate-standards.html b/layout/reftests/table-width/default-box-sizing-separate-standards.html
new file mode 100644
index 0000000000..e205ce92d1
--- /dev/null
+++ b/layout/reftests/table-width/default-box-sizing-separate-standards.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>default box sizing (border-collapse: separate, standards mode)</title>
+<style type="text/css">
+
+body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; }
+
+table {
+  border-spacing: 5px 3px;
+  padding: 2px 3px 4px 5px;
+  border: medium solid blue;
+  border-width: 2px 3px 4px 5px;
+}
+
+td {
+  border: medium solid aqua;
+  border-width: 2px 3px 4px 5px;
+  padding: 5px 7px 9px 11px;
+}
+
+td > div {
+  background: yellow;
+}
+
+</style>
+</head>
+<body>
+
+<div>
+  <table width="200">
+    <tr>
+      <td><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+<div>
+  <table>
+    <tr>
+      <td width="200"><div>x</div></td>
+    </tr>
+  </table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/distribute-percent-nonoriginating-ref.html b/layout/reftests/table-width/distribute-percent-nonoriginating-ref.html
new file mode 100644
index 0000000000..561ea7f415
--- /dev/null
+++ b/layout/reftests/table-width/distribute-percent-nonoriginating-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 810586</title>
+<table style="background: yellow" cellspacing="0" cellpadding="0">
+  <tr>
+    <td>Text</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/distribute-percent-nonoriginating.html b/layout/reftests/table-width/distribute-percent-nonoriginating.html
new file mode 100644
index 0000000000..3fc918757f
--- /dev/null
+++ b/layout/reftests/table-width/distribute-percent-nonoriginating.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 810586</title>
+<table style="background: yellow" cellspacing="0" cellpadding="0">
+  <tr>
+    <td colspan="2" width="100%">Text</td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/dynamic-fixed-layout-1-ref.html b/layout/reftests/table-width/dynamic-fixed-layout-1-ref.html
new file mode 100644
index 0000000000..703fb51d56
--- /dev/null
+++ b/layout/reftests/table-width/dynamic-fixed-layout-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <body style="height: 0">
+    <table style="width: 250px; table-layout: fixed;">
+      <tr>
+        <td style="width: 100px; background: #CC99CC;">A</td>
+        <td style="width: 100px; background: #99CCCC;">B</td>
+        <td style="background: #CCCC99;">C</td>
+      </tr>
+      <tr>
+        <td style="background: #CC99CC;">D</td>
+        <td style="background: #99CCCC;">E</td>
+        <td style="background: #CCCC99;">F</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-width/dynamic-fixed-layout-1.html b/layout/reftests/table-width/dynamic-fixed-layout-1.html
new file mode 100644
index 0000000000..8897aa7265
--- /dev/null
+++ b/layout/reftests/table-width/dynamic-fixed-layout-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- The fixed height on the body is in fact needed to reproduce bug 735579
+       for some reason -->
+  <body style="height: 100px;">
+    <script>
+      window.onload = function() {
+        var target = document.getElementById("test-target");
+        window.targetWidth = target.getBoundingClientRect().width;
+        target.style.width = "100px";
+        document.documentElement.className = "";
+      }
+    </script>
+    <table style="width: 250px; table-layout: fixed;">
+      <tr>
+        <td style="width: 100px; background: #CC99CC;">A</td>
+        <td id="test-target" style="background: #99CCCC;">B</td>
+        <td style="background: #CCCC99;">C</td>
+      </tr>
+      <tr>
+        <td style="background: #CC99CC;">D</td>
+        <td style="background: #99CCCC;">E</td>
+        <td style="background: #CCCC99;">F</td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/table-width/min-width-ref.html b/layout/reftests/table-width/min-width-ref.html
new file mode 100644
index 0000000000..82f754283a
--- /dev/null
+++ b/layout/reftests/table-width/min-width-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+</head>
+<body>
+This<br>is<br>some<br>text.
+</body>
+</html>
diff --git a/layout/reftests/table-width/min-width.html b/layout/reftests/table-width/min-width.html
new file mode 100644
index 0000000000..8b15510019
--- /dev/null
+++ b/layout/reftests/table-width/min-width.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+</style>
+</head>
+<body>
+<table width="1"><tr><td>This is some text.</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-basis-ref.html b/layout/reftests/table-width/percent-basis-ref.html
new file mode 100644
index 0000000000..0c5897613a
--- /dev/null
+++ b/layout/reftests/table-width/percent-basis-ref.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>basis of percentage widths</title>
+<style type="text/css">
+
+td { border-width: 0; }
+td div { border: 3px inset blue; padding: 3px; }
+
+</style>
+</head>
+<body>
+
+<!--
+
+  The difference between the border-box width of the table and the width allocated to the columns is:
+
+  2px = table border-left-width
+  9px = table padding-left
+  25px = 5 * table border-spacing-x
+  5px = table padding-right
+  2px = table border-left-width
+  =================================
+  43px
+
+  -->
+
+<table cellpadding="0" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px">
+  <tr>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+  </tr>
+</table>
+
+<table cellpadding="0" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px">
+  <tr>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+  </tr>
+</table>
+
+<table cellpadding="0" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px">
+  <tr>
+    <td><div style="width: 88px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 113px">x</div></td>
+    <td><div style="width: 113px">x</div></td>
+  </tr>
+</table>
+
+<table cellpadding="0" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px">
+  <tr>
+    <td><div style="width: 33px">x</div></td>
+    <td><div style="width: 23px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+    <td><div style="width: 38px">x</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-basis.html b/layout/reftests/table-width/percent-basis.html
new file mode 100644
index 0000000000..96e91dc999
--- /dev/null
+++ b/layout/reftests/table-width/percent-basis.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>basis of percentage widths</title>
+<style type="text/css">
+
+td { border: 3px inset blue; }
+
+</style>
+</head>
+<body>
+
+<!--
+
+  The difference between the border-box width of the table and the width allocated to the columns is:
+
+  2px = table border-left-width
+  9px = table padding-left
+  25px = 5 * table border-spacing-x
+  5px = table padding-right
+  2px = table border-left-width
+  =================================
+  43px
+
+  -->
+
+<table cellpadding="3" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px">
+  <tr>
+    <td width="25%">x</td>
+    <td width="38">x</td>
+    <td><div style="width:38px">x</div></td>
+    <td><div style="width:38px">x</div></td>
+  </tr>
+</table>
+
+<table cellpadding="3" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px" width="243">
+  <tr>
+    <td width="25%">x</td>
+    <td width="38">x</td>
+    <td><div style="width:38px">x</div></td>
+    <td><div style="width:38px">x</div></td>
+  </tr>
+</table>
+
+<table cellpadding="3" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px" width="443">
+  <tr>
+    <td width="25%">x</td>
+    <td width="38">x</td>
+    <td><div style="width:38px">x</div></td>
+    <td><div style="width:38px">x</div></td>
+  </tr>
+</table>
+
+<table cellpadding="3" cellspacing="5" border="2" style="padding: 3px 5px 7px 9px" width="223">
+  <tr>
+    <td width="25%">x</td>
+    <td width="38">x</td>
+    <td><div style="width:38px">x</div></td>
+    <td><div style="width:38px">x</div></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-large-min-ref.html b/layout/reftests/table-width/percent-large-min-ref.html
new file mode 100644
index 0000000000..1175d57b11
--- /dev/null
+++ b/layout/reftests/table-width/percent-large-min-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 1px">
+<table><tr>
+<td style="background: yellow;color:yellow">x</td>
+<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
+</tr></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-large-min.html b/layout/reftests/table-width/percent-large-min.html
new file mode 100644
index 0000000000..0b79fa8cbe
--- /dev/null
+++ b/layout/reftests/table-width/percent-large-min.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 1px">
+<table><tr>
+<td style="background: yellow;color:yellow" width="50%">x</td>
+<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
+</tr></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-large-nested-ref.html b/layout/reftests/table-width/percent-large-nested-ref.html
new file mode 100644
index 0000000000..e7a5340af2
--- /dev/null
+++ b/layout/reftests/table-width/percent-large-nested-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+td > table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: fuchsia;
+  color: fuchsia;
+}
+
+</style>
+</head>
+<body>
+
+<table border><tr><td>
+<table><tr>
+<td style="background: yellow;color:yellow;width:100px"><span>x</span></td>
+<td style="background:aqua;color:aqua;width:100px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-large-nested.html b/layout/reftests/table-width/percent-large-nested.html
new file mode 100644
index 0000000000..00532a09fa
--- /dev/null
+++ b/layout/reftests/table-width/percent-large-nested.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+td > table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: fuchsia;
+  color: fuchsia;
+}
+
+</style>
+</head>
+<body>
+
+<table border><tr><td>
+<table><tr>
+<td style="background: yellow;color:yellow" width="50%"><span>x</span></td>
+<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-large-ref.html b/layout/reftests/table-width/percent-large-ref.html
new file mode 100644
index 0000000000..68ba6069df
--- /dev/null
+++ b/layout/reftests/table-width/percent-large-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow;color:yellow; width: 200px">x</td>
+<td style="background:aqua;color:aqua; width: 200px">x</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-large.html b/layout/reftests/table-width/percent-large.html
new file mode 100644
index 0000000000..d7935e1fc9
--- /dev/null
+++ b/layout/reftests/table-width/percent-large.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow;color:yellow" width="50%">x</td>
+<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small-2-ref.html b/layout/reftests/table-width/percent-small-2-ref.html
new file mode 100644
index 0000000000..ccaf18ff6a
--- /dev/null
+++ b/layout/reftests/table-width/percent-small-2-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow">xxxxx</td>
+<td style="background:aqua" width="100%">x</td>
+</tr></table>
+
+<table><tr>
+<td style="background:aqua" width="100%">x</td>
+<td style="background: yellow">xxxxx</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small-2.html b/layout/reftests/table-width/percent-small-2.html
new file mode 100644
index 0000000000..8973b06188
--- /dev/null
+++ b/layout/reftests/table-width/percent-small-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow" width="1%">xxxxx</td>
+<td style="background:aqua">x</td>
+</tr></table>
+
+<table><tr>
+<td style="background:aqua">x</td>
+<td style="background: yellow" width="1%">xxxxx</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small-min-ref.html b/layout/reftests/table-width/percent-small-min-ref.html
new file mode 100644
index 0000000000..1175d57b11
--- /dev/null
+++ b/layout/reftests/table-width/percent-small-min-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 1px">
+<table><tr>
+<td style="background: yellow;color:yellow">x</td>
+<td style="background:aqua;color:aqua"><div style="width:200px">x</div></td>
+</tr></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small-min.html b/layout/reftests/table-width/percent-small-min.html
new file mode 100644
index 0000000000..73d1cb75a9
--- /dev/null
+++ b/layout/reftests/table-width/percent-small-min.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 1px">
+<table><tr>
+<td style="background: yellow;color:yellow">x</td>
+<td style="background:aqua;color:aqua" width="50%"><div style="width:200px">x</div></td>
+</tr></table>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small-nested-ref.html b/layout/reftests/table-width/percent-small-nested-ref.html
new file mode 100644
index 0000000000..e7a5340af2
--- /dev/null
+++ b/layout/reftests/table-width/percent-small-nested-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+td > table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: fuchsia;
+  color: fuchsia;
+}
+
+</style>
+</head>
+<body>
+
+<table border><tr><td>
+<table><tr>
+<td style="background: yellow;color:yellow;width:100px"><span>x</span></td>
+<td style="background:aqua;color:aqua;width:100px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small-nested.html b/layout/reftests/table-width/percent-small-nested.html
new file mode 100644
index 0000000000..3276a61268
--- /dev/null
+++ b/layout/reftests/table-width/percent-small-nested.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+td > table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: fuchsia;
+  color: fuchsia;
+}
+
+</style>
+</head>
+<body>
+
+<table border><tr><td>
+<table><tr>
+<td style="background: yellow;color:yellow"><span>x</span></td>
+<td style="background:aqua;color:aqua" width="50%"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table>
+</td></tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small-ref.html b/layout/reftests/table-width/percent-small-ref.html
new file mode 100644
index 0000000000..68ba6069df
--- /dev/null
+++ b/layout/reftests/table-width/percent-small-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow;color:yellow; width: 200px">x</td>
+<td style="background:aqua;color:aqua; width: 200px">x</td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-small.html b/layout/reftests/table-width/percent-small.html
new file mode 100644
index 0000000000..e540ae66d8
--- /dev/null
+++ b/layout/reftests/table-width/percent-small.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow;color:yellow">x</td>
+<td style="background:aqua;color:aqua" width="50%"><div style="width:200px">x</div></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-truncation-1-ref.html b/layout/reftests/table-width/percent-truncation-1-ref.html
new file mode 100644
index 0000000000..74267dd36d
--- /dev/null
+++ b/layout/reftests/table-width/percent-truncation-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background:yellow" ><div style="width:200px">x</div></td>
+<td style="background:aqua"   ><div style="width:200px">x</div></td>
+<td style="background:fuchsia"><div style="width:100px">x</div></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-truncation-1.html b/layout/reftests/table-width/percent-truncation-1.html
new file mode 100644
index 0000000000..3254a63a75
--- /dev/null
+++ b/layout/reftests/table-width/percent-truncation-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background:yellow"  width="40%"><div style="width:100px">x</div></td>
+<td style="background:aqua"    width="40%"><div style="width:100px">x</div></td>
+<td style="background:fuchsia" width="40%"><div style="width:100px">x</div></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-truncation-2-ref.html b/layout/reftests/table-width/percent-truncation-2-ref.html
new file mode 100644
index 0000000000..59355bc8c5
--- /dev/null
+++ b/layout/reftests/table-width/percent-truncation-2-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 0;
+  padding: 0;
+  border: none;
+  empty-cells: show;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr height="50">
+<td style="background:yellow" ><div style="width:200px"></div></td>
+<td style="background:aqua"   ><div style="width:200px"></div></td>
+<td style="background:fuchsia"><div style="width:100px"></div></td>
+<td style="background:blue"   ></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-truncation-2.html b/layout/reftests/table-width/percent-truncation-2.html
new file mode 100644
index 0000000000..cdeb630f6d
--- /dev/null
+++ b/layout/reftests/table-width/percent-truncation-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 0;
+  padding: 0;
+  border: none;
+  empty-cells: show;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr height="50">
+<td style="background:yellow"  width="40%"><div style="width:100px"></div></td>
+<td style="background:aqua"    width="40%"><div style="width:100px"></div></td>
+<td style="background:fuchsia" width="40%"><div style="width:100px"></div></td>
+<td style="background:blue"    width="40%"></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-truncation-3-ref.html b/layout/reftests/table-width/percent-truncation-3-ref.html
new file mode 100644
index 0000000000..6041a67afd
--- /dev/null
+++ b/layout/reftests/table-width/percent-truncation-3-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 0;
+  padding: 0;
+  border: none;
+  empty-cells: show;
+}
+
+td {
+  border: 1px solid;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<!-- column min widths must match tests, since we have to size slightly
+     smaller than percents because of the extra space from the borders -->
+<table width="100%"><tr height="50">
+<td style="background:yellow"  width="40%"><div style="width:100px"></div></td>
+<td style="background:aqua"    width="40%"><div style="width:100px"></div></td>
+<td style="background:fuchsia" width="20%"><div style="width:100px"></div></td>
+<td style="background:blue"></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-truncation-3.html b/layout/reftests/table-width/percent-truncation-3.html
new file mode 100644
index 0000000000..1ef1a5f3e4
--- /dev/null
+++ b/layout/reftests/table-width/percent-truncation-3.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 0;
+  padding: 0;
+  border: none;
+  empty-cells: show;
+}
+
+td {
+  border: 1px solid;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr height="50">
+<td style="background:yellow"  width="40%"><div style="width:100px"></div></td>
+<td style="background:aqua"    width="40%"><div style="width:100px"></div></td>
+<td style="background:fuchsia" width="40%"><div style="width:100px"></div></td>
+<td style="background:blue"    width="40%"></td> <!-- 2px wide from border -->
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-zero-ref.html b/layout/reftests/table-width/percent-zero-ref.html
new file mode 100644
index 0000000000..76ad584b8d
--- /dev/null
+++ b/layout/reftests/table-width/percent-zero-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow">x</td>
+<td style="background:aqua">x</td>
+</tr></table>
+
+<table>
+<tr><td style="background: yellow" width="50">x</td></tr>
+<tr><td style="background:aqua" width="50">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/percent-zero.html b/layout/reftests/table-width/percent-zero.html
new file mode 100644
index 0000000000..97a9a25b69
--- /dev/null
+++ b/layout/reftests/table-width/percent-zero.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Percent widths on table cells</title>
+<style type="text/css">
+
+table {
+  border-spacing: 3px 5px;
+  padding: 2px 3px 4px 5px;
+}
+
+td {
+  border: none;
+  padding: 0;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background: yellow" width="0%">x</td>
+<td style="background:aqua">x</td>
+</tr></table>
+
+<table>
+<tr><td style="background: yellow" width="0%">x</td></tr>
+<tr><td style="background:aqua" width="50">x</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/pref-width-ref.html b/layout/reftests/table-width/pref-width-ref.html
new file mode 100644
index 0000000000..331a5bf3b2
--- /dev/null
+++ b/layout/reftests/table-width/pref-width-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+</head>
+<body>
+This is some text.
+</body>
+</html>
diff --git a/layout/reftests/table-width/pref-width.html b/layout/reftests/table-width/pref-width.html
new file mode 100644
index 0000000000..738ffe973c
--- /dev/null
+++ b/layout/reftests/table-width/pref-width.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+</style>
+</head>
+<body>
+<table><tr><td>This is some text.</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/reftest.list b/layout/reftests/table-width/reftest.list
new file mode 100644
index 0000000000..c789c6e15e
--- /dev/null
+++ b/layout/reftests/table-width/reftest.list
@@ -0,0 +1,66 @@
+== spacing-invariance-quirks-min.html spacing-invariance-quirks-min-ref.html
+== spacing-invariance-quirks-pref.html spacing-invariance-quirks-pref-ref.html
+== spacing-invariance-standards-min.html spacing-invariance-standards-min-ref.html
+== spacing-invariance-standards-pref.html spacing-invariance-standards-pref-ref.html
+== min-width.html min-width-ref.html
+== pref-width.html pref-width-ref.html
+!= min-width-ref.html pref-width-ref.html
+== percent-large.html percent-large-ref.html
+== percent-large-min.html percent-large-min-ref.html
+== percent-large-nested.html percent-large-nested-ref.html
+== percent-small.html percent-small-ref.html
+== percent-small-min.html percent-small-min-ref.html
+== percent-small-nested.html percent-small-nested-ref.html
+== percent-small-2.html percent-small-2-ref.html
+== percent-zero.html percent-zero-ref.html
+== shrink-wrap-pref.html shrink-wrap-pref-ref.html
+== shrink-wrap-avail.html shrink-wrap-avail-ref.html
+== shrink-wrap-min.html shrink-wrap-min-ref.html
+!= shrink-wrap-min-ref.html shrink-wrap-pref-ref.html
+!= shrink-wrap-pref-ref.html shrink-wrap-avail-ref.html
+!= shrink-wrap-avail-ref.html shrink-wrap-min-ref.html
+== conflicting-widths-1.html conflicting-widths-ref-100xx.html
+== conflicting-widths-2.html conflicting-widths-ref-100xx.html
+== conflicting-widths-3.html conflicting-widths-ref-100xx.html
+== conflicting-widths-4.html conflicting-widths-ref-100xx.html
+== conflicting-widths-5.html conflicting-widths-5-ref.html
+== conflicting-widths-6.html conflicting-widths-6-ref.html
+== conflicting-widths-7.html conflicting-widths-7-ref.html
+== conflicting-widths-8.html conflicting-widths-8-ref.html
+== conflicting-widths-9.html conflicting-widths-9-ref.html
+== conflicting-widths-10.html conflicting-widths-10-ref.html
+== conflicting-percent-widths-1.html conflicting-percent-widths-1-ref.html
+== conflicting-percent-widths-2.html conflicting-percent-widths-2-ref.html
+== conflicting-percent-widths-3.html conflicting-percent-widths-3-ref.html
+== percent-truncation-1.html percent-truncation-1-ref.html
+== percent-truncation-2.html percent-truncation-2-ref.html
+== percent-truncation-3.html percent-truncation-3-ref.html
+== balancing-1.html balancing-1-ref.html
+== balancing-2.html balancing-2-ref.html
+== cellpadding.html cellpadding-ref.html
+== cellspacing.html cellspacing-ref.html
+== percent-basis.html percent-basis-ref.html
+== default-box-sizing-separate-standards.html default-box-sizing-separate-standards-ref.html
+== default-box-sizing-separate-quirks.html default-box-sizing-separate-quirks-ref.html
+fails == default-box-sizing-collapse-standards.html default-box-sizing-collapse-standards-ref.html # bug 371180
+fails == default-box-sizing-collapse-quirks.html default-box-sizing-collapse-quirks-ref.html # bug 371180
+== colspan-percent-distribution-1.html colspan-percent-distribution-1-ref.html
+== colspan-percent-distribution-2.html colspan-percent-distribution-2-ref.html
+== spanning-cell-sort-1-small.html spanning-cell-sort-1-ref.html
+== spanning-cell-sort-1-large.html spanning-cell-sort-1-ref.html
+== spanning-cell-sort-1-small-fixed.html spanning-cell-sort-1-fixed-ref.html
+== spanning-cell-sort-1-large-fixed.html spanning-cell-sort-1-fixed-ref.html
+== spanning-cell-sort-2-small.html spanning-cell-sort-2-ref.html
+== spanning-cell-sort-2-large.html spanning-cell-sort-2-ref.html
+== spanning-cell-sort-2-small-fixed.html spanning-cell-sort-2-fixed-ref.html
+== spanning-cell-sort-2-large-fixed.html spanning-cell-sort-2-fixed-ref.html
+== colgroup-vs-column-1.html colgroup-vs-column-1-ref.html
+== colgroup-vs-column-2.html colgroup-vs-column-2-ref.html
+== colgroup-vs-column-3.html colgroup-vs-column-3-ref.html
+== colgroup-vs-column-4.html colgroup-vs-column-4-ref.html
+== dynamic-fixed-layout-1.html dynamic-fixed-layout-1-ref.html
+== cell-pref-width-border-box.html cell-pref-width-border-box-ref.html
+== colspan-distribute-to-empty-1a.html colspan-distribute-to-empty-1-ref.html
+== colspan-distribute-to-empty-1b.html colspan-distribute-to-empty-1-ref.html
+== colspan-distribute-to-empty-2.html colspan-distribute-to-empty-2-ref.html
+== distribute-percent-nonoriginating.html distribute-percent-nonoriginating-ref.html
diff --git a/layout/reftests/table-width/shrink-wrap-avail-ref.html b/layout/reftests/table-width/shrink-wrap-avail-ref.html
new file mode 100644
index 0000000000..c1ae41e95b
--- /dev/null
+++ b/layout/reftests/table-width/shrink-wrap-avail-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Shrink-wrapping of tables</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: yellow;
+  color: black;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background:aqua;color:aqua;width:100px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/shrink-wrap-avail.html b/layout/reftests/table-width/shrink-wrap-avail.html
new file mode 100644
index 0000000000..a979a70326
--- /dev/null
+++ b/layout/reftests/table-width/shrink-wrap-avail.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Shrink-wrapping of tables</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: yellow;
+  color: black;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 100px"><table><tr>
+<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/shrink-wrap-min-ref.html b/layout/reftests/table-width/shrink-wrap-min-ref.html
new file mode 100644
index 0000000000..56aef47ecd
--- /dev/null
+++ b/layout/reftests/table-width/shrink-wrap-min-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Shrink-wrapping of tables</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: yellow;
+  color: black;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background:aqua;color:aqua;width:50px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/shrink-wrap-min.html b/layout/reftests/table-width/shrink-wrap-min.html
new file mode 100644
index 0000000000..94ac5e1437
--- /dev/null
+++ b/layout/reftests/table-width/shrink-wrap-min.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Shrink-wrapping of tables</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: yellow;
+  color: black;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 20px"><table><tr>
+<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/shrink-wrap-pref-ref.html b/layout/reftests/table-width/shrink-wrap-pref-ref.html
new file mode 100644
index 0000000000..1634cee233
--- /dev/null
+++ b/layout/reftests/table-width/shrink-wrap-pref-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Shrink-wrapping of tables</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: yellow;
+  color: black;
+}
+
+</style>
+</head>
+<body>
+
+<table><tr>
+<td style="background:aqua;color:aqua;width:200px"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/shrink-wrap-pref.html b/layout/reftests/table-width/shrink-wrap-pref.html
new file mode 100644
index 0000000000..af4be8128c
--- /dev/null
+++ b/layout/reftests/table-width/shrink-wrap-pref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Shrink-wrapping of tables</title>
+<style type="text/css">
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+span {
+  display: inline-block;
+  width: 50px;
+  background: yellow;
+  color: black;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 400px"><table><tr>
+<td style="background:aqua;color:aqua"><span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span>&#x200b;<span>x</span></td>
+</tr></table></div>
+
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-quirks-min-ref.html b/layout/reftests/table-width/spacing-invariance-quirks-min-ref.html
new file mode 100644
index 0000000000..2587076c09
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-quirks-min-ref.html
@@ -0,0 +1,29 @@
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+body > table { margin: 28px 29px 34px 35px; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table width="1"><tr><td>
+  <table><tr><td>
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-quirks-min.html b/layout/reftests/table-width/spacing-invariance-quirks-min.html
new file mode 100644
index 0000000000..5a1b0151f7
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-quirks-min.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  margin: 0;
+}
+
+* { border-color: white; /* hidden */ }
+table, td { border-style: solid; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table width="1" cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
+  <table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-quirks-pref-ref.html b/layout/reftests/table-width/spacing-invariance-quirks-pref-ref.html
new file mode 100644
index 0000000000..d680e2f29a
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-quirks-pref-ref.html
@@ -0,0 +1,29 @@
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+body > table { margin: 28px 29px 34px 35px; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table><tr><td>
+  <table><tr><td>
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-quirks-pref.html b/layout/reftests/table-width/spacing-invariance-quirks-pref.html
new file mode 100644
index 0000000000..a147efbd75
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-quirks-pref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  margin: 0;
+}
+
+* { border-color: white; /* hidden */ }
+table, td { border-style: solid; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
+  <table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-standards-min-ref.html b/layout/reftests/table-width/spacing-invariance-standards-min-ref.html
new file mode 100644
index 0000000000..5b154b762d
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-standards-min-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+body > table { margin: 28px 29px 34px 35px; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table width="1"><tr><td>
+  <table><tr><td>
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-standards-min.html b/layout/reftests/table-width/spacing-invariance-standards-min.html
new file mode 100644
index 0000000000..c831806e9b
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-standards-min.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  margin: 0;
+}
+
+* { border-color: white; /* hidden */ }
+table, td { border-style: solid; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table width="1" cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
+  <table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-standards-pref-ref.html b/layout/reftests/table-width/spacing-invariance-standards-pref-ref.html
new file mode 100644
index 0000000000..f2567af535
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-standards-pref-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  border: none;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+}
+
+body > table { margin: 28px 29px 34px 35px; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table><tr><td>
+  <table><tr><td>
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spacing-invariance-standards-pref.html b/layout/reftests/table-width/spacing-invariance-standards-pref.html
new file mode 100644
index 0000000000..3d6b4294cb
--- /dev/null
+++ b/layout/reftests/table-width/spacing-invariance-standards-pref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test that cellpadding, cellspacing, border, etc., don't break table sizing.</title>
+<style type="text/css">
+
+html, body { margin: 0 } /* no collapsing */
+
+table, td {
+  margin: 0;
+}
+
+* { border-color: white; /* hidden */ }
+table, td { border-style: solid; }
+body { background: white; color: black; }
+
+div { background: olive; color: black; }
+
+</style>
+</head>
+<body>
+<table cellpadding="3" cellspacing="5" border="2"><tr><td colspan="2" style="border-width: 1px"> <!-- td border currently already 1px -->
+  <table style="border-spacing: 5px 7px; border-width: 2px 3px 4px 5px"><tr><td colspan="3" style="padding: 4px 5px 6px 7px;border-width: 4px 5px 6px 7px">
+    <div>This is some text.</div>
+  </td></tr></table>
+</td></tr></table>
+</body>
+</html>
diff --git a/layout/reftests/table-width/spanning-cell-sort-1-fixed-ref.html b/layout/reftests/table-width/spanning-cell-sort-1-fixed-ref.html
new file mode 100644
index 0000000000..01a3a438a9
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-1-fixed-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="width: 150px; background-color: yellow"></td>
+    <td style="width: 450px; background-color: aqua"></td>
+  </tr>
+  <tr>
+    <td style="background-color: blue"></td>
+    <td style="background-color: blue"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-1-large-fixed.html b/layout/reftests/table-width/spanning-cell-sort-1-large-fixed.html
new file mode 100644
index 0000000000..50843356d6
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-1-large-fixed.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table style="width: 600px">
+  <tr>
+    <td style="background-color: yellow" colspan="100"></td>
+    <td style="background-color: aqua" colspan="300"><div style="width: 300px"></div></td>
+  </tr>
+  <tr>
+    <td style="background-color: blue" colspan="200"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia" colspan="100"></td>
+    <td style="background-color: maroon" colspan="100"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-1-large.html b/layout/reftests/table-width/spanning-cell-sort-1-large.html
new file mode 100644
index 0000000000..d8c080ba7f
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-1-large.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="background-color: yellow" colspan="4"></td>
+    <td style="background-color: aqua" colspan="12"><div style="width: 300px"></div></td>
+  </tr>
+  <tr>
+    <td style="background-color: blue" colspan="8"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia" colspan="4"></td>
+    <td style="background-color: maroon" colspan="4"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-1-ref.html b/layout/reftests/table-width/spanning-cell-sort-1-ref.html
new file mode 100644
index 0000000000..0afd0c7989
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="width: 100px; background-color: yellow"></td>
+    <td style="width: 300px; background-color: aqua"></td>
+  </tr>
+  <tr>
+    <td style="background-color: blue"></td>
+    <td style="background-color: blue"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-1-small-fixed.html b/layout/reftests/table-width/spanning-cell-sort-1-small-fixed.html
new file mode 100644
index 0000000000..1bb6219bdf
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-1-small-fixed.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table style="width: 600px">
+  <tr>
+    <td style="background-color: yellow"></td>
+    <td style="background-color: aqua" colspan="3"><div style="width: 300px"></div></td>
+  </tr>
+  <tr>
+    <td style="background-color: blue" colspan="2"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia"></td>
+    <td style="background-color: maroon"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-1-small.html b/layout/reftests/table-width/spanning-cell-sort-1-small.html
new file mode 100644
index 0000000000..a2d53686fa
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-1-small.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="background-color: yellow"></td>
+    <td style="background-color: aqua" colspan="3"><div style="width: 300px"></div></td>
+  </tr>
+  <tr>
+    <td style="background-color: blue" colspan="2"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia"></td>
+    <td style="background-color: maroon"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-2-fixed-ref.html b/layout/reftests/table-width/spanning-cell-sort-2-fixed-ref.html
new file mode 100644
index 0000000000..7abffc55b7
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-2-fixed-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="background-color: blue"></td>
+    <td style="background-color: blue"></td>
+  </tr>
+  <tr>
+    <td style="width: 150px; background-color: yellow"></td>
+    <td style="width: 450px; background-color: aqua"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-2-large-fixed.html b/layout/reftests/table-width/spanning-cell-sort-2-large-fixed.html
new file mode 100644
index 0000000000..6bf7dc4d6f
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-2-large-fixed.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table style="width: 600px">
+  <tr>
+    <td style="background-color: blue" colspan="20"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia" colspan="10"></td>
+    <td style="background-color: maroon" colspan="10"></td>
+  </tr>
+  <tr>
+    <td style="background-color: yellow" colspan="10"></td>
+    <td style="background-color: aqua" colspan="30"><div style="width: 300px"></div></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-2-large.html b/layout/reftests/table-width/spanning-cell-sort-2-large.html
new file mode 100644
index 0000000000..e411297ccb
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-2-large.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="background-color: blue" colspan="40"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia" colspan="20"></td>
+    <td style="background-color: maroon" colspan="20"></td>
+  </tr>
+  <tr>
+    <td style="background-color: yellow" colspan="20"></td>
+    <td style="background-color: aqua" colspan="60"><div style="width: 300px"></div></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-2-ref.html b/layout/reftests/table-width/spanning-cell-sort-2-ref.html
new file mode 100644
index 0000000000..46fdb4c8b9
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-2-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="background-color: blue"></td>
+    <td style="background-color: blue"></td>
+  </tr>
+  <tr>
+    <td style="width: 100px; background-color: yellow"></td>
+    <td style="width: 300px; background-color: aqua"></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-2-small-fixed.html b/layout/reftests/table-width/spanning-cell-sort-2-small-fixed.html
new file mode 100644
index 0000000000..12c72c1e93
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-2-small-fixed.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table style="width: 600px">
+  <tr>
+    <td style="background-color: blue" colspan="2"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia"></td>
+    <td style="background-color: maroon"></td>
+  </tr>
+  <tr>
+    <td style="background-color: yellow"></td>
+    <td style="background-color: aqua" colspan="3"><div style="width: 300px"></div></td>
+  </tr>
+</table>
diff --git a/layout/reftests/table-width/spanning-cell-sort-2-small.html b/layout/reftests/table-width/spanning-cell-sort-2-small.html
new file mode 100644
index 0000000000..dd6c0c91e3
--- /dev/null
+++ b/layout/reftests/table-width/spanning-cell-sort-2-small.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<title>Testcase to exercise nsSpanningCellSorter</title>
+<style type="text/css">
+
+table, td {
+	border-spacing: 0;
+	padding: 0; margin: 0; border: none;
+	empty-cells: show;
+}
+
+td { height: 20px; }
+
+</style>
+
+<table>
+  <tr>
+    <td style="background-color: blue" colspan="2"><div style="width: 200px"></div></td>
+    <td style="background-color: fuchsia"></td>
+    <td style="background-color: maroon"></td>
+  </tr>
+  <tr>
+    <td style="background-color: yellow"></td>
+    <td style="background-color: aqua" colspan="3"><div style="width: 300px"></div></td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/1133392-ref.html b/layout/reftests/text-decoration/1133392-ref.html
new file mode 100644
index 0000000000..ad933fb177
--- /dev/null
+++ b/layout/reftests/text-decoration/1133392-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<title>reftest, bug 1133392</title>
+<style>
+
+p > span {
+  text-decoration: underline;
+}
+
+p > span > span {
+  vertical-align: -2em;
+}
+
+</style>
+
+<p class="state-one"><span>This text<br>
+has <span>an underline</span>.</span></p>
diff --git a/layout/reftests/text-decoration/1133392.html b/layout/reftests/text-decoration/1133392.html
new file mode 100644
index 0000000000..46983a1bd8
--- /dev/null
+++ b/layout/reftests/text-decoration/1133392.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>reftest, bug 1133392</title>
+<style>
+
+  p:not(.state-one) > span {
+    text-decoration: underline;
+  }
+
+  p > span > span {
+    vertical-align: -2em;
+  }
+
+  p:not(.state-three) > span > span {
+    visibility: hidden;
+  }
+
+</style>
+
+<p class="state-one"><span>This text<br>
+has <span>an underline</span>.</span></p>
+
+<script>
+
+  var p = document.getElementsByTagName("p")[0];
+  p.offsetLeft; // flush layout
+  document.getElementsByTagName('p')[0].className = 'state-two';
+
+  document.addEventListener("MozReftestInvalidate", step_three);
+  function step_three(event) {
+    document.getElementsByTagName('p')[0].className = 'state-three';
+    document.documentElement.classList.remove("reftest-wait");
+  }
+
+</script>
+
diff --git a/layout/reftests/text-decoration/1159729-offset-adjustment-notref.html b/layout/reftests/text-decoration/1159729-offset-adjustment-notref.html
new file mode 100644
index 0000000000..90431b9a82
--- /dev/null
+++ b/layout/reftests/text-decoration/1159729-offset-adjustment-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+p {
+  font: 12px Impact, Times, serif;
+}
+span {
+  background: black;
+}
+</style>
+</head>
+<body>
+<p>
+<span>abcxyz</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/1159729-offset-adjustment.html b/layout/reftests/text-decoration/1159729-offset-adjustment.html
new file mode 100644
index 0000000000..cf05dd1880
--- /dev/null
+++ b/layout/reftests/text-decoration/1159729-offset-adjustment.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+p {
+  font: 12px Impact, Times, serif;
+}
+span {
+  background: black;
+  text-decoration: overline;
+  text-decoration-style: wavy;
+}
+</style>
+</head>
+<body>
+<p>
+<span>abcxyz</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/1415214-notref.html b/layout/reftests/text-decoration/1415214-notref.html
new file mode 100644
index 0000000000..0e59f2b663
--- /dev/null
+++ b/layout/reftests/text-decoration/1415214-notref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>clip-rect-correctness-ref</title>
+    <style>
+      p {
+        font-size: 4px;
+      }
+    </style>
+  </head>
+  <body>
+    <p style="position: fixed; bottom: 0; margin: 0">
+      <span>link1</span>
+      <span>link2</span>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/text-decoration/1415214.html b/layout/reftests/text-decoration/1415214.html
new file mode 100644
index 0000000000..90f9b2dbcb
--- /dev/null
+++ b/layout/reftests/text-decoration/1415214.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>clip-rect-correctness</title>
+    <style>
+      p {
+        font-size: 4px;
+      }
+    </style>
+  </head>
+  <body>
+    <p style="position: fixed; bottom: 0; margin: 0">
+      <span style="text-decoration: underline overline line-through">link1</span>
+      <span style="text-decoration: underline overline line-through">link2</span>
+    </p>
+  </body>
+</html>
diff --git a/layout/reftests/text-decoration/641444-1-ref.html b/layout/reftests/text-decoration/641444-1-ref.html
new file mode 100644
index 0000000000..798e49638d
--- /dev/null
+++ b/layout/reftests/text-decoration/641444-1-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Mozilla text-decoration bug if direction:rtl and text-indent &gt; 0</title>
+  <style type="text/css">
+   p { text-decoration: underline; }
+  </style>
+ </head>
+ <body>
+  <div dir="ltr">
+   <p style="margin-left:-1em">text-indent:-1em</p>
+   <p style="margin-left: 0em">text-indent: 0em</p>
+   <p style="margin-left: 1em">text-indent: 1em</p>
+   <p style="margin-left: 2em">text-indent: 2em</p>
+   <p style="margin-left: 3em">text-indent: 3em</p>
+   <p style="margin-left: 4em">text-indent: 4em</p>
+   <p style="margin-left: 5em">text-indent: 5em</p>
+   <p style="margin-left: 6em">text-indent: 6em</p>
+   <p style="margin-left: 7em">text-indent: 7em</p>
+   <p style="margin-left: 8em">text-indent: 8em</p>
+   <p style="margin-left: 9em">text-indent: 9em</p>
+  </div>
+  <div dir="rtl">
+   <p style="margin-right:-1em">text-indent:-1em</p>
+   <p style="margin-right: 0em">text-indent: 0em</p>
+   <p style="margin-right: 1em">text-indent: 1em</p>
+   <p style="margin-right: 2em">text-indent: 2em</p>
+   <p style="margin-right: 3em">text-indent: 3em</p>
+   <p style="margin-right: 4em">text-indent: 4em</p>
+   <p style="margin-right: 5em">text-indent: 5em</p>
+   <p style="margin-right: 6em">text-indent: 6em</p>
+   <p style="margin-right: 7em">text-indent: 7em</p>
+   <p style="margin-right: 8em">text-indent: 8em</p>
+   <p style="margin-right: 9em">text-indent: 9em</p>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/text-decoration/641444-1.html b/layout/reftests/text-decoration/641444-1.html
new file mode 100644
index 0000000000..5c5d148ad8
--- /dev/null
+++ b/layout/reftests/text-decoration/641444-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <title>Mozilla text-decoration bug if direction:rtl and text-indent &gt; 0</title>
+  <style type="text/css">
+   p { text-decoration: underline; }
+  </style>
+ </head>
+ <body>
+  <div dir="ltr">
+   <p style="text-indent:-1em">text-indent:-1em</p>
+   <p style="text-indent: 0em">text-indent: 0em</p>
+   <p style="text-indent: 1em">text-indent: 1em</p>
+   <p style="text-indent: 2em">text-indent: 2em</p>
+   <p style="text-indent: 3em">text-indent: 3em</p>
+   <p style="text-indent: 4em">text-indent: 4em</p>
+   <p style="text-indent: 5em">text-indent: 5em</p>
+   <p style="text-indent: 6em">text-indent: 6em</p>
+   <p style="text-indent: 7em">text-indent: 7em</p>
+   <p style="text-indent: 8em">text-indent: 8em</p>
+   <p style="text-indent: 9em">text-indent: 9em</p>
+  </div>
+  <div dir="rtl">
+   <p style="text-indent:-1em">text-indent:-1em</p>
+   <p style="text-indent: 0em">text-indent: 0em</p>
+   <p style="text-indent: 1em">text-indent: 1em</p>
+   <p style="text-indent: 2em">text-indent: 2em</p>
+   <p style="text-indent: 3em">text-indent: 3em</p>
+   <p style="text-indent: 4em">text-indent: 4em</p>
+   <p style="text-indent: 5em">text-indent: 5em</p>
+   <p style="text-indent: 6em">text-indent: 6em</p>
+   <p style="text-indent: 7em">text-indent: 7em</p>
+   <p style="text-indent: 8em">text-indent: 8em</p>
+   <p style="text-indent: 9em">text-indent: 9em</p>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/text-decoration/676538-1-ref.html b/layout/reftests/text-decoration/676538-1-ref.html
new file mode 100644
index 0000000000..5eb1de74ef
--- /dev/null
+++ b/layout/reftests/text-decoration/676538-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>text-decoration alignment</title>
+<meta charset=UTF-8>
+<style>
+
+span.block { position: absolute; top: 0; left: 0; }
+span.dec { text-decoration: underline }
+span.hide { color: transparent }
+
+</style>
+</head>
+<body>
+
+<p style="position: relative">
+  <span class="block" style="margin-top: 16px"><span class="hide"></span><span class="dec" style="color:black  ">x<span class="hide">xx</span></span></span>
+  <span class="block" style="margin-top: 08px"><span class="hide">x</span><span class="dec" style="color:fuchsia">x<span class="hide">x</span></span></span>
+  <span class="block" style="margin-top: 00px"><span class="hide">xx</span><span class="dec" style="color:aqua   ">x<span class="hide"></span></span></span>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/676538-1.html b/layout/reftests/text-decoration/676538-1.html
new file mode 100644
index 0000000000..837f99abfa
--- /dev/null
+++ b/layout/reftests/text-decoration/676538-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<title>text-decoration alignment</title>
+<meta charset=UTF-8>
+<style>
+
+p, span { text-decoration: underline }
+span { vertical-align: 8px }
+p > span { color: fuchsia }
+p > span > span { color: aqua }
+
+em { font-style: normal; font-size: 5em }
+
+</style>
+</head>
+<body>
+
+<p>x<span>x<span>x</span></span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/always-underline-links-ref.html b/layout/reftests/text-decoration/always-underline-links-ref.html
new file mode 100644
index 0000000000..d06158949b
--- /dev/null
+++ b/layout/reftests/text-decoration/always-underline-links-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<a href="#">Should have an underline regardless of what the page says</a>
diff --git a/layout/reftests/text-decoration/always-underline-links.html b/layout/reftests/text-decoration/always-underline-links.html
new file mode 100644
index 0000000000..81021494dd
--- /dev/null
+++ b/layout/reftests/text-decoration/always-underline-links.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<style>
+  a { text-decoration: none !important }
+</style>
+<a href="#">Should have an underline regardless of what the page says</a>
diff --git a/layout/reftests/text-decoration/complex-decoration-style-quirks-ref.html b/layout/reftests/text-decoration/complex-decoration-style-quirks-ref.html
new file mode 100644
index 0000000000..fbf2c4bfef
--- /dev/null
+++ b/layout/reftests/text-decoration/complex-decoration-style-quirks-ref.html
@@ -0,0 +1,102 @@
+<style type="text/css">
+p {
+  margin-left: 11px;
+  padding-left: 11px;
+}
+p.dotted span {
+  text-decoration-style: dotted;
+}
+p.dashed span {
+  text-decoration-style: dashed;
+}
+p.wavy span {
+  text-decoration-style: wavy;
+}
+span {
+  text-decoration: underline line-through overline;
+}
+p.relative {
+  margin-left: 24px;
+}
+p.shadow span {
+  position: relative;
+  left: 1em;
+  top: 0.5em;
+}
+</style>
+<div style="font-size: 16px;">
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+</div>
+<div style="font-size: 32px;">
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+</div>
diff --git a/layout/reftests/text-decoration/complex-decoration-style-quirks.html b/layout/reftests/text-decoration/complex-decoration-style-quirks.html
new file mode 100644
index 0000000000..6b2583afe7
--- /dev/null
+++ b/layout/reftests/text-decoration/complex-decoration-style-quirks.html
@@ -0,0 +1,114 @@
+<style type="text/css">
+p {
+  margin-left: 11px;
+  padding-left: 11px;
+}
+p.dotted span {
+  text-decoration-style: dotted;
+}
+p.dashed span {
+  text-decoration-style: dashed;
+}
+p.wavy span {
+  text-decoration-style: wavy;
+}
+span {
+  text-decoration: underline line-through overline;
+}
+p.relative span {
+  position: relative;
+  left: 13px;
+}
+
+p.relative2 > span {
+  position: relative;
+  left: 13px;
+  text-decoration: none;
+}
+
+p.relative2 span span {
+  position: relative;
+  left: -13px;
+}
+
+p.shadow {
+  color: transparent;
+  text-shadow: 1em 0.5em black;
+}
+</style>
+<div style="font-size: 16px;">
+<p class="dotted">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dashed relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="wavy relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+</div>
+<div style="font-size: 32px;">
+<p class="dotted">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dashed relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="wavy relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+</div>
diff --git a/layout/reftests/text-decoration/complex-decoration-style-standards-ref.html b/layout/reftests/text-decoration/complex-decoration-style-standards-ref.html
new file mode 100644
index 0000000000..45ad85d18d
--- /dev/null
+++ b/layout/reftests/text-decoration/complex-decoration-style-standards-ref.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<style type="text/css">
+p {
+  margin-left: 11px;
+  padding-left: 11px;
+}
+p.dotted span {
+  text-decoration-style: dotted;
+}
+p.dashed span {
+  text-decoration-style: dashed;
+}
+p.wavy span {
+  text-decoration-style: wavy;
+}
+span {
+  text-decoration: underline line-through overline;
+}
+p.relative {
+  margin-left: 24px;
+}
+p.shadow span {
+  position: relative;
+  left: 1em;
+  top: 0.5em;
+}
+</style>
+<div style="font-size: 16px;">
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+</div>
+<div style="font-size: 32px;">
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+</p>
+</div>
diff --git a/layout/reftests/text-decoration/complex-decoration-style-standards.html b/layout/reftests/text-decoration/complex-decoration-style-standards.html
new file mode 100644
index 0000000000..8c7f7fa1f2
--- /dev/null
+++ b/layout/reftests/text-decoration/complex-decoration-style-standards.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<style type="text/css">
+p {
+  margin-left: 11px;
+  padding-left: 11px;
+}
+p.dotted span {
+  text-decoration-style: dotted;
+}
+p.dashed span {
+  text-decoration-style: dashed;
+}
+p.wavy span {
+  text-decoration-style: wavy;
+}
+span {
+  text-decoration: underline line-through overline;
+}
+p.relative span {
+  position: relative;
+  left: 13px;
+}
+
+p.relative2 > span {
+  position: relative;
+  left: 13px;
+  text-decoration: none;
+}
+
+p.relative2 span span {
+  position: relative;
+  left: -13px;
+}
+
+p.shadow {
+  color: transparent;
+  text-shadow: 1em 0.5em black;
+}
+</style>
+<div style="font-size: 16px;">
+<p class="dotted">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dashed relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="wavy relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+</div>
+<div style="font-size: 32px;">
+<p class="dotted">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy relative">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dotted relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dashed relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="wavy relative2">
+<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
+</p>
+<p class="dotted shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="dashed shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+<p class="wavy shadow">
+<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
+</p>
+</div>
diff --git a/layout/reftests/text-decoration/decoration-color-override-quirks-ref.html b/layout/reftests/text-decoration/decoration-color-override-quirks-ref.html
new file mode 100644
index 0000000000..5b8481674e
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-override-quirks-ref.html
@@ -0,0 +1,5 @@
+<html>
+	<body>
+		<u>hello</u><img src="../backgrounds/red-128-alpha-32x32.png"><font color="purple"><u>hello</u></font>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/decoration-color-override-quirks.html b/layout/reftests/text-decoration/decoration-color-override-quirks.html
new file mode 100644
index 0000000000..67e1346b94
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-override-quirks.html
@@ -0,0 +1,5 @@
+<html>
+	<body>
+		<u>hello<img src="../backgrounds/red-128-alpha-32x32.png"><font color="purple">hello</font></u>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/decoration-color-override-standards-ref.html b/layout/reftests/text-decoration/decoration-color-override-standards-ref.html
new file mode 100644
index 0000000000..4420e6fc35
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-override-standards-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+	<body>
+		<u>hello<img src="../backgrounds/red-128-alpha-32x32.png"><span style="color: purple;">hello</span></u>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/decoration-color-override-standards.html b/layout/reftests/text-decoration/decoration-color-override-standards.html
new file mode 100644
index 0000000000..2be52e67de
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-override-standards.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+	<body>
+		<u>hello<img src="../backgrounds/red-128-alpha-32x32.png"><font color="purple">hello</font></u>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/decoration-color-quirks-ref.html b/layout/reftests/text-decoration/decoration-color-quirks-ref.html
new file mode 100644
index 0000000000..0366b7ddba
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-quirks-ref.html
@@ -0,0 +1,75 @@
+<style>
+ *{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<p style="color: #008000;
+          text-decoration: underline line-through overline;">
+  <span style="color: #0000FF;">This blue text has green decoration lines</span>
+</p>
+<p style="color: yellow;
+          text-decoration: underline line-through overline;">
+  <span style="color: red;">This red text has yellow decoration lines</span>
+</p>
+<p style="color: red; text-decoration: underline line-through overline;">
+  <span style="color: #0000FF">This blue text has red lines</span>
+</p>
+<p style="color: orange;">
+  This orange text has transparent lines
+</p>
+<p>
+  Here is no decoration lines, but
+  <span style="font-size: 2em;
+               color: green;
+               text-decoration: underline line-through overline;">
+    <span style="color: blue;">
+      this blue text has green decoration lines</span></span>,
+  and here is no decoration lines too.
+</p>
+<p style="color: red;">
+  This is red paragraph and here is no decoration lines, but
+  <span style="font-size: 2em;
+               color: green;
+               text-decoration: underline line-through overline;">
+    <span style="color: red;">here are green decoration lines</span></span>,
+  and here is no decoration lines too.
+</p>
+<p style="color: purple;
+          text-decoration: underline line-through overline;">
+  This is purple paragraph and here are decoration lines of current color, but
+  <span style="font-size: 2em;
+               color: red;
+               text-decoration: underline line-through overline;">
+    <span style="color: purple;">here are red decoration lines</span></span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: green;
+          text-decoration: underline line-through overline;">
+  This is green paragraph and here are decoration lines of current color, and
+  <span style="font-size: 2em;">
+    here is specified red decoration color but has current color lines</span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: blue;">
+  This is blue paragraph,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: red;">
+    here is red text with red decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;">
+  This is blue paragraph and decoration color is specified as green,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: green;">
+    here is red text with green decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;
+          text-decoration: underline line-through overline;">
+  Here has blue decoration lines even though its color is specified as red
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/decoration-color-quirks.html b/layout/reftests/text-decoration/decoration-color-quirks.html
new file mode 100644
index 0000000000..17a93c6d6a
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-quirks.html
@@ -0,0 +1,84 @@
+<style>
+ *{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<p style="color: blue;
+          text-decoration: underline line-through overline;
+          text-decoration-color: green;">
+  This blue text has green decoration lines
+</p>
+<p style="color: #ff0000;
+          text-decoration: underline line-through overline;
+          text-decoration-color: #ffff00;">
+  This red text has yellow decoration lines
+</p>
+<p style="color: rgb(0%, 0%, 100%);
+          text-decoration: underline line-through overline;
+          text-decoration-color: rgb(100%, 0%, 0%);">
+  This blue text has red lines
+</p>
+<p style="color: orange;
+          text-decoration: underline line-through overline;
+          text-decoration-color: transparent;">
+  This orange text has transparent lines
+</p>
+<p>
+  Here is no decoration lines, but
+  <span style="font-size: 2em;
+               color: blue;
+               text-decoration: underline line-through overline;
+               text-decoration-color: green;">
+    this blue text has green decoration lines</span>,
+  and here is no decoration lines too.
+</p>
+<p style="color: red;">
+  This is red paragraph and here is no decoration lines, but
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-color: green;">
+    here are green decoration lines</span>,
+  and here is no decoration lines too.
+</p>
+<p style="color: purple;
+          text-decoration: underline line-through overline;">
+  This is purple paragraph and here are decoration lines of current color, but
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-color: red;">
+    here are red decoration lines</span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: green;
+          text-decoration: underline line-through overline;">
+  This is green paragraph and here are decoration lines of current color, and
+  <span style="font-size: 2em;
+               text-decoration-color: red;">
+    here is specified red decoration color but has current color lines</span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: blue;">
+  This is blue paragraph,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: inherit;">
+    here is red text with red decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;
+          text-decoration-color: green;">
+  This is blue paragraph and decoration color is specified as green,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: inherit;">
+    here is red text with green decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;
+          text-decoration-color: red;
+          text-decoration: underline line-through overline;">
+  Here has blue decoration lines even though its color is specified as red
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/decoration-color-standards-ref.html b/layout/reftests/text-decoration/decoration-color-standards-ref.html
new file mode 100644
index 0000000000..f478fb5083
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-standards-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<style>
+ *{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<p style="color: #008000;
+          text-decoration: underline line-through overline;">
+  <span style="color: #0000FF;">This blue text has green decoration lines</span>
+</p>
+<p style="color: yellow;
+          text-decoration: underline line-through overline;">
+  <span style="color: red;">This red text has yellow decoration lines</span>
+</p>
+<p style="color: red;
+          text-decoration: underline line-through overline;">
+  <span style="color: #0000FF">This blue text has red lines</span>
+</p>
+<p style="color: orange;">
+  This orange text has transparent lines
+</p>
+<p>
+  Here is no decoration lines, but
+  <span style="font-size: 2em;
+               color: green;
+               text-decoration: underline line-through overline;">
+    <span style="color: blue;">
+      this blue text has green decoration lines</span></span>,
+  and here is no decoration lines too.
+</p>
+<p style="color: red;">
+  This is red paragraph and here is no decoration lines, but
+  <span style="font-size: 2em;
+               color: green;
+               text-decoration: underline line-through overline;">
+    <span style="color: red;">here are green decoration lines</span></span>,
+  and here is no decoration lines too.
+</p>
+<p style="color: purple;
+          text-decoration: underline line-through overline;">
+  This is purple paragraph and here are decoration lines of current color, but
+  <span style="font-size: 2em;
+               color: red;
+               text-decoration: underline line-through overline;">
+    <span style="color: purple;">here are red decoration lines</span></span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: green;
+          text-decoration: underline line-through overline;">
+  This is green paragraph and here are decoration lines of current color, and
+  <span style="font-size: 2em;">
+    here is specified red decoration color but has current color lines</span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: blue;">
+  This is blue paragraph,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: red;">
+    here is red text with red decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;">
+  This is blue paragraph and decoration color is specified as green,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: green;">
+    here is red text with green decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;
+          text-decoration: underline line-through overline;">
+  Here has blue decoration lines even though its color is specified as red
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/decoration-color-standards.html b/layout/reftests/text-decoration/decoration-color-standards.html
new file mode 100644
index 0000000000..3f8c5938e4
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-color-standards.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<style>
+ *{
+    text-decoration-skip-ink: none;
+ }
+</style>
+<p style="color: blue;
+          text-decoration: underline line-through overline;
+          text-decoration-color: green;">
+  This blue text has green decoration lines
+</p>
+<p style="color: #ff0000;
+          text-decoration: underline line-through overline;
+          text-decoration-color: #ffff00;">
+  This red text has yellow decoration lines
+</p>
+<p style="color: rgb(0%, 0%, 100%);
+          text-decoration: underline line-through overline;
+          text-decoration-color: rgb(100%, 0%, 0%);">
+  This blue text has red lines
+</p>
+<p style="color: orange;
+          text-decoration: underline line-through overline;
+          text-decoration-color: transparent;">
+  This orange text has transparent lines
+</p>
+<p>
+  Here is no decoration lines, but
+  <span style="font-size: 2em; color: blue;
+               text-decoration: underline line-through overline;
+               text-decoration-color: green;">
+    this blue text has green decoration lines</span>,
+  and here is no decoration lines too.
+</p>
+<p style="color: red;">
+  This is red paragraph and here is no decoration lines, but
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-color: green;">
+    here are green decoration lines</span>,
+  and here is no decoration lines too.</p>
+<p style="color: purple;
+          text-decoration: underline line-through overline;">
+  This is purple paragraph and here are decoration lines of current color, but
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-color: red;">
+    here are red decoration lines</span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: green;
+          text-decoration: underline line-through overline;">
+  This is green paragraph and here are decoration lines of current color, and
+  <span style="font-size: 2em;
+               text-decoration-color: red;">
+    here is specified red decoration color but has current color lines</span>,
+  and here are current color decoration lines.
+</p>
+<p style="color: blue;">
+  This is blue paragraph,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: inherit;">
+    here is red text with red decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;
+          text-decoration-color: green;">
+  This is blue paragraph and decoration color is specified as green,
+  <span style="font-size:2em;
+               color: red;
+               text-decoration: underline line-through overline;
+               text-decoration-color: inherit;">
+    here is red text with green decoration lines</span>,
+  and here is blue text without decoration lines.
+</p>
+<p style="color: blue;
+          text-decoration-color: red;
+          text-decoration: underline line-through overline;">
+  Here has blue decoration lines even though its color is specified as red
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/decoration-css21-block-ref.html b/layout/reftests/text-decoration/decoration-css21-block-ref.html
new file mode 100644
index 0000000000..740f73323e
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-css21-block-ref.html
@@ -0,0 +1,16 @@
+<html>
+	<head>
+		<style>
+			.high {vertical-align: 5em;}
+			.invisible {color: transparent;}
+		</style>
+	</head>
+	<body>
+		<div>
+			<span style="text-decoration: underline;">
+				underline<span class="invisible">continued<span class="invisible">continued</span></span></span>
+			<span class="invisible high">offset<span class="invisible high">offset</span></span>
+		</div>
+		<span style="text-decoration: underline;">also underlined</span>
+	</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/text-decoration/decoration-css21-block.html b/layout/reftests/text-decoration/decoration-css21-block.html
new file mode 100644
index 0000000000..761fc6a94d
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-css21-block.html
@@ -0,0 +1,14 @@
+<html>
+	<head>
+		<style>
+			.high {vertical-align: 5em;}
+			.invisible {color: transparent;}
+		</style>
+	</head>
+	<body>
+		<div style="text-decoration: underline;">
+			underline<span class="invisible high">continued<span class="invisible high">continued</span></span><br>
+			also underlined
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/text-decoration/decoration-css21-ref.html b/layout/reftests/text-decoration/decoration-css21-ref.html
new file mode 100644
index 0000000000..14b5844ad6
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-css21-ref.html
@@ -0,0 +1,30 @@
+<html>
+	<head>
+		<style>
+			.sup {vertical-align: super;}
+			.transparent {color: transparent;}
+			.alllines {text-decoration:line-through overline underline; color: purple;}
+			.highRel {position: relative; top: -4em;}
+			.lowRel {position: relative; top: 4em;}
+			.lowVert {vertical-align: -4em;}
+			.highVert {vertical-align: 4em;}
+      * { text-decoration-skip-ink: none;}
+		</style>
+	</head>
+	<body>
+		<p>
+			<span style="text-decoration: underline">Underlined <span class="transparent">still underlined</span></span>
+			<span style="text-decoration: underline">Underlined <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span>
+			<span class="sup transparent">Offset</span>
+		</p>
+		<p>
+			<span class="alllines">
+				Before<span class="transparent">highlow</span>After</span>
+			</span>
+			<span class="highVert transparent">Offset</span><span class="lowVert transparent">text</span>
+		</p>
+		<p>
+			<span class="alllines">Before</span><span class="highRel alllines">high</span><span class="lowRel alllines">low</span><span class="alllines">After</span>
+		</p>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/decoration-css21.html b/layout/reftests/text-decoration/decoration-css21.html
new file mode 100644
index 0000000000..faaa1af362
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-css21.html
@@ -0,0 +1,30 @@
+<html>
+	<head>
+		<style>
+			.sup {vertical-align: super;}
+			.transparent {color: transparent;}
+			.alllines {text-decoration:line-through overline underline; color: purple;}
+			.highRel {position: relative; top: -4em;}
+			.lowRel {position: relative; top: 4em;}
+			.lowVert {vertical-align: -4em;}
+			.highVert {vertical-align: 4em;}
+      * { text-decoration-skip-ink: none;}
+		</style>
+	</head>
+	<body>
+		<p>
+			<span style="text-decoration: underline">Underlined <span class="sup transparent">still underlined</span></span>
+			<span style="text-decoration: underline">Underlined <span class="sup">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span>
+		</p>
+		<p>
+			<span class="alllines">
+				Before<span class="highVert transparent">high</span><span class="lowVert transparent">low</span>After
+			</span>
+		</p>
+		<p>
+			<span class="alllines">
+				Before<span class="highRel">high</span><span class="lowRel">low</span>After</span>
+			</span>
+		</p>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/decoration-style-quirks-ref.html b/layout/reftests/text-decoration/decoration-style-quirks-ref.html
new file mode 100644
index 0000000000..cc2ee3df07
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-style-quirks-ref.html
@@ -0,0 +1,54 @@
+<style>
+ p{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<p>
+  Here is specified the decoration style as dotted but no decoration lines,
+  however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-style: solid;">
+    here has solid decoration lines</span>,
+  and here has no decoration lines.
+</p>
+<p>
+  Here is specified the decoration style as dashed but no decoration lines,
+  however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-style: dashed;">
+    here has inherited decoration lines</span>,
+  and here has no decoration lines.
+</p>
+<p>
+  <span style="text-decoration: underline line-through overline;
+               text-decoration-style: dotted;">
+    Here has dotted decoration lines,
+  </span><span style="text-decoration: underline line-through overline;
+					  text-decoration-style: dotted">
+   <span style="font-size: 2em;
+                text-decoration: underline line-through overline;
+                text-decoration-style: wavy;">
+    here has wavy decoration
+    lines</span></span><span style="text-decoration: underline line-through overline;
+                             text-decoration-style: dotted;">,
+    and here has dotted decoration lines.</span>
+</p>
+<p>
+  <span style="text-decoration: underline line-through overline;
+               text-decoration-style: double;">
+    Here has double decoration lines,
+  <span style="font-size: 2em;">
+    here is specified as dashed decoration lines but should be
+    ignored</span><span style="text-decoration: underline line-through overline;
+                               text-decoration-style: double;">,
+    and here has double decoration lines.</span></span>
+</p>
+<p>
+  Here is specified the decoration style as -moz-none.
+</p>
+<p style="text-decoration: underline line-through overline;">
+  Here has solid decoration lines even if its style is specified as dotted
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/decoration-style-quirks.html b/layout/reftests/text-decoration/decoration-style-quirks.html
new file mode 100644
index 0000000000..a2c9bf6e62
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-style-quirks.html
@@ -0,0 +1,47 @@
+<style>
+ p{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<p style="text-decoration-style: dotted;">
+  Here is specified the decoration style as dotted but no decoration lines, however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;">
+    here has solid decoration lines</span>,
+  and here has no decoration lines.
+</p>
+<p style="text-decoration-style: dashed;">
+  Here is specified the decoration style as dashed but no decoration lines,
+  however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-style: inherit;">
+    here has inherited decoration lines</span>,
+  and here has no decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+          text-decoration-style: dotted;">
+  Here has dotted decoration lines,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-style: wavy;">
+    here has wavy decoration lines</span>,
+  and here has dotted decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+          text-decoration-style: double;">
+  Here has double decoration lines,
+  <span style="font-size: 2em;
+               text-decoration-style: dashed;">
+    here is specified as dashed decoration lines but should be ignored</span>,
+  and here has double decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+          text-decoration-style: -moz-none;">
+  Here is specified the decoration style as -moz-none.
+</p>
+<p style="text-decoration-style: dotted;
+          text-decoration: underline line-through overline;">
+  Here has solid decoration lines even if its style is specified as dotted
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/decoration-style-standards-ref.html b/layout/reftests/text-decoration/decoration-style-standards-ref.html
new file mode 100644
index 0000000000..28d5c11754
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-style-standards-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<p>
+  Here is specified the decoration style as dotted but no decoration lines,
+  however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-style: solid;">
+    here has solid decoration lines</span>,
+  and here has no decoration lines.
+</p>
+<p>
+  Here is specified the decoration style as dashed but no decoration lines,
+  however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-style: dashed;">
+    here has inherited decoration lines</span>,
+  and here has no decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+          text-decoration-style: double;">
+  Here has double decoration lines,
+  <span style="font-size: 2em;
+               text-decoration: none;">
+     here is specified as dashed decoration lines but should be ignored</span>,
+  and here has double decoration lines.
+</p>
+<p>
+  Here is specified the decoration style as -moz-none.
+</p>
+<p style="text-decoration: underline line-through overline;">
+  Here has solid decoration lines even if its style is specified as dotted
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/decoration-style-standards.html b/layout/reftests/text-decoration/decoration-style-standards.html
new file mode 100644
index 0000000000..4ad687e126
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-style-standards.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<p style="text-decoration-style: dotted;">
+  Here is specified the decoration style as dotted but no decoration lines,
+  however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;">
+    here has solid decoration lines</span>, and here has no decoration lines.
+</p>
+<p style="text-decoration-style: dashed;">
+  Here is specified the decoration style as dashed but no decoration lines,
+  however,
+  <span style="font-size: 2em;
+               text-decoration: underline line-through overline;
+               text-decoration-style: inherit;">
+    here has inherited decoration lines</span>,
+  and here has no decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+          text-decoration-style: double;">
+  Here has double decoration lines,
+  <span style="font-size: 2em;
+               text-decoration-style: dashed;">
+    here is specified as dashed decoration lines but should be ignored</span>,
+  and here has double decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+          text-decoration-style: -moz-none;">
+  Here is specified the decoration style as -moz-none.
+</p>
+<p style="text-decoration-style: dotted;
+          text-decoration: underline line-through overline;">
+  Here has solid decoration lines even if its style is specified as dotted
+  before text-decoration.
+</p>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1-ref.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1-ref.html
new file mode 100644
index 0000000000..915f3a7bb8
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1-ref.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style>
+.underline {
+  text-decoration: underline;
+}
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p class="underline">
+<span class="align-bottom">This</span> line has a bottom vertical align span. <br />
+<span class="align-top">This</span> line has a top vertical align span.
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1.html
new file mode 100644
index 0000000000..da84798e41
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-1.html
@@ -0,0 +1,26 @@
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+function addUnderline() {
+  var element = document.getElementById("dynamicUnderline");
+  element.style.textDecoration = "underline";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener('MozReftestInvalidate', addUnderline);
+</script>
+<style>
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p id="dynamicUnderline">
+<span class="align-bottom">This</span> line has a bottom vertical align span. <br />
+<span class="align-top">This</span> line has a top vertical align span.
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2-ref.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2-ref.html
new file mode 100644
index 0000000000..7a1ba472fe
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2-ref.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<style>
+.underline {
+  text-decoration: underline;
+}
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p class="underline">
+<span class="align-bottom">This line has only a bottom vertical align span.</span> <br />
+<span class="align-top">This line has a top vertical align span.</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2.html
new file mode 100644
index 0000000000..9f0ca070a7
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2.html
@@ -0,0 +1,26 @@
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+function addUnderline() {
+  var element = document.getElementById("dynamicUnderline");
+  element.style.textDecoration = "underline";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener('MozReftestInvalidate', addUnderline);
+</script>
+<style>
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p id="dynamicUnderline">
+<span class="align-bottom">This line has only a bottom vertical align span.</span> <br />
+<span class="align-top">This line has a top vertical align span.</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1-ref.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1-ref.html
new file mode 100644
index 0000000000..01ba4d9b6c
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.underline {
+  text-decoration: underline;
+}
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p class="underline">
+<span class="align-bottom">This</span> line has a bottom vertical align span. <br />
+<span class="align-top">This</span> line has a top vertical align span.
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1.html
new file mode 100644
index 0000000000..64ca1f1252
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+function addUnderline() {
+  var element = document.getElementById("dynamicUnderline");
+  element.style.textDecoration = "underline";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener('MozReftestInvalidate', addUnderline);
+</script>
+<style>
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p id="dynamicUnderline">
+<span class="align-bottom">This</span> line has a bottom vertical align span. <br />
+<span class="align-top">This</span> line has a top vertical align span.
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2-ref.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2-ref.html
new file mode 100644
index 0000000000..fb465cce22
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.underline {
+  text-decoration: underline;
+}
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p class="underline">
+<span class="align-bottom">This line has only a bottom vertical align span.</span> <br />
+<span class="align-top">This line has a top vertical align span.</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2.html b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2.html
new file mode 100644
index 0000000000..d9b23e33fd
--- /dev/null
+++ b/layout/reftests/text-decoration/dynamic-underline-vertical-align-standards-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+function addUnderline() {
+  var element = document.getElementById("dynamicUnderline");
+  element.style.textDecoration = "underline";
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener('MozReftestInvalidate', addUnderline);
+</script>
+<style>
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-top {
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<p id="dynamicUnderline">
+<span class="align-bottom">This line has only a bottom vertical align span.</span> <br />
+<span class="align-top">This line has a top vertical align span.</span>
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/emphasis-style-dynamic-ref.html b/layout/reftests/text-decoration/emphasis-style-dynamic-ref.html
new file mode 100644
index 0000000000..786be94023
--- /dev/null
+++ b/layout/reftests/text-decoration/emphasis-style-dynamic-ref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="ja">
+<meta charset="UTF-8">
+<title>Bug 1229278 - Dynamic change to text-emphasis-style</title>
+<style>
+  div {
+    line-height: 5;
+    text-emphasis-style: filled triangle;
+  }
+</style>
+<div>テスト</div>
+</html>
diff --git a/layout/reftests/text-decoration/emphasis-style-dynamic.html b/layout/reftests/text-decoration/emphasis-style-dynamic.html
new file mode 100644
index 0000000000..3e9b920eb0
--- /dev/null
+++ b/layout/reftests/text-decoration/emphasis-style-dynamic.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="ja" class="reftest-wait">
+<meta charset="UTF-8">
+<title>Bug 1229278 - Dynamic change to text-emphasis-style</title>
+<style>
+  div {
+    line-height: 5;
+    text-emphasis-style: filled triangle;
+  }
+  .reftest-wait div {
+    text-emphasis-style: filled circle;
+  }
+</style>
+<div>テスト</div>
+<script>
+  document.addEventListener("MozReftestInvalidate", function() {
+    document.documentElement.className = "";
+  });
+</script>
+</html>
diff --git a/layout/reftests/text-decoration/inline-baseline-almost-standards-ref.html b/layout/reftests/text-decoration/inline-baseline-almost-standards-ref.html
new file mode 100644
index 0000000000..4d193d6c99
--- /dev/null
+++ b/layout/reftests/text-decoration/inline-baseline-almost-standards-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
+	"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+	<title>test for bug 223764 (Almost-standards)</title>
+	<body>
+		<p style="overflow: hidden; padding-bottom: 20px;">
+			<span style="font-size: 100px;"><span style="font-size: 20px">hello</span></span>
+		</p>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/inline-baseline-almost-standards.html b/layout/reftests/text-decoration/inline-baseline-almost-standards.html
new file mode 100644
index 0000000000..71bdfc14b8
--- /dev/null
+++ b/layout/reftests/text-decoration/inline-baseline-almost-standards.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
+	"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+	<title>test for bug 223764 (Almost-standards)</title>
+	<body>
+		<p style="overflow: hidden; padding-bottom: 20px;">
+			<span style="font-size: 100px; text-decoration:underline"><span style="font-size: 20px">hello</span></span>
+		</p>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/inline-baseline-quirks-ref.html b/layout/reftests/text-decoration/inline-baseline-quirks-ref.html
new file mode 100644
index 0000000000..a1f2bd5aea
--- /dev/null
+++ b/layout/reftests/text-decoration/inline-baseline-quirks-ref.html
@@ -0,0 +1,8 @@
+<html>
+	<title>test for bug 223764 (Quirks)</title>
+	<body>
+		<p style="overflow: hidden; padding-bottom: 20px;">
+			<span style="font-size: 100px;"><span style="font-size: 20px">hello</span></span>
+		</p>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/inline-baseline-quirks.html b/layout/reftests/text-decoration/inline-baseline-quirks.html
new file mode 100644
index 0000000000..599b1e8da0
--- /dev/null
+++ b/layout/reftests/text-decoration/inline-baseline-quirks.html
@@ -0,0 +1,8 @@
+<html>
+	<title>test for bug 223764 (Quirks)</title>
+	<body>
+		<p style="overflow: hidden; padding-bottom: 20px;">
+			<span style="font-size: 100px; text-decoration:underline"><span style="font-size: 20px">hello</span></span>
+		</p>
+	</body>
+</html>
diff --git a/layout/reftests/text-decoration/line-through-style-block-dashed-quirks.html b/layout/reftests/text-decoration/line-through-style-block-dashed-quirks.html
new file mode 100644
index 0000000000..77503d4669
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-dashed-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: line-through; text-decoration-style: dashed;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-dashed-standards.html b/layout/reftests/text-decoration/line-through-style-block-dashed-standards.html
new file mode 100644
index 0000000000..782a237cb8
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-dashed-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: line-through; text-decoration-style: dashed;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-dotted-quirks.html b/layout/reftests/text-decoration/line-through-style-block-dotted-quirks.html
new file mode 100644
index 0000000000..6e6741ccf6
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-dotted-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: line-through; text-decoration-style: dotted;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-dotted-standards.html b/layout/reftests/text-decoration/line-through-style-block-dotted-standards.html
new file mode 100644
index 0000000000..6151a80eed
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-dotted-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: line-through; text-decoration-style: dotted;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-double-quirks.html b/layout/reftests/text-decoration/line-through-style-block-double-quirks.html
new file mode 100644
index 0000000000..47ea921443
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-double-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: line-through; text-decoration-style: double;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-double-standards.html b/layout/reftests/text-decoration/line-through-style-block-double-standards.html
new file mode 100644
index 0000000000..1439dcb791
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-double-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: line-through; text-decoration-style: double;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-quirks-ref.html b/layout/reftests/text-decoration/line-through-style-block-quirks-ref.html
new file mode 100644
index 0000000000..53c4a2fd4a
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-quirks-ref.html
@@ -0,0 +1 @@
+<p style="text-decoration: line-through;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-solid-quirks.html b/layout/reftests/text-decoration/line-through-style-block-solid-quirks.html
new file mode 100644
index 0000000000..0ff5cc0028
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-solid-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: line-through; text-decoration-style: solid;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-solid-standards.html b/layout/reftests/text-decoration/line-through-style-block-solid-standards.html
new file mode 100644
index 0000000000..9d49671152
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-solid-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: line-through; text-decoration-style: solid;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-standards-ref.html b/layout/reftests/text-decoration/line-through-style-block-standards-ref.html
new file mode 100644
index 0000000000..cea0d3718b
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-standards-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: line-through;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-wavy-quirks.html b/layout/reftests/text-decoration/line-through-style-block-wavy-quirks.html
new file mode 100644
index 0000000000..437b2c3348
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-wavy-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: line-through; text-decoration-style: wavy;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-block-wavy-standards.html b/layout/reftests/text-decoration/line-through-style-block-wavy-standards.html
new file mode 100644
index 0000000000..f00c7a48f8
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-block-wavy-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: line-through; text-decoration-style: wavy;">This paragraph has line-through</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-dashed-quirks.html b/layout/reftests/text-decoration/line-through-style-inline-dashed-quirks.html
new file mode 100644
index 0000000000..ae0e01e6d5
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-dashed-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: dashed;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-dashed-standards.html b/layout/reftests/text-decoration/line-through-style-inline-dashed-standards.html
new file mode 100644
index 0000000000..588f85e2d8
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-dashed-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: dashed;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-dotted-quirks.html b/layout/reftests/text-decoration/line-through-style-inline-dotted-quirks.html
new file mode 100644
index 0000000000..f47816e564
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-dotted-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: dotted;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-dotted-standards.html b/layout/reftests/text-decoration/line-through-style-inline-dotted-standards.html
new file mode 100644
index 0000000000..1096674d40
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-dotted-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: dotted;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-double-quirks.html b/layout/reftests/text-decoration/line-through-style-inline-double-quirks.html
new file mode 100644
index 0000000000..9daf8458c1
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-double-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: double;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-double-standards.html b/layout/reftests/text-decoration/line-through-style-inline-double-standards.html
new file mode 100644
index 0000000000..2db67bd36d
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-double-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: double;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-quirks-ref.html b/layout/reftests/text-decoration/line-through-style-inline-quirks-ref.html
new file mode 100644
index 0000000000..789426b018
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-quirks-ref.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-solid-quirks.html b/layout/reftests/text-decoration/line-through-style-inline-solid-quirks.html
new file mode 100644
index 0000000000..746f67ce15
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-solid-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: solid;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-solid-standards.html b/layout/reftests/text-decoration/line-through-style-inline-solid-standards.html
new file mode 100644
index 0000000000..a59ba91fb4
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-solid-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: solid;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-standards-ref.html b/layout/reftests/text-decoration/line-through-style-inline-standards-ref.html
new file mode 100644
index 0000000000..8b401685f8
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-standards-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-wavy-quirks.html b/layout/reftests/text-decoration/line-through-style-inline-wavy-quirks.html
new file mode 100644
index 0000000000..1f89c11ef4
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-wavy-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: wavy;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/line-through-style-inline-wavy-standards.html b/layout/reftests/text-decoration/line-through-style-inline-wavy-standards.html
new file mode 100644
index 0000000000..6914b74542
--- /dev/null
+++ b/layout/reftests/text-decoration/line-through-style-inline-wavy-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: line-through; text-decoration-style: wavy;">here has line-through</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-dashed-quirks.html b/layout/reftests/text-decoration/overline-style-block-dashed-quirks.html
new file mode 100644
index 0000000000..09b78f7117
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-dashed-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: overline; text-decoration-style: dashed;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-dashed-standards.html b/layout/reftests/text-decoration/overline-style-block-dashed-standards.html
new file mode 100644
index 0000000000..9204157cfb
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-dashed-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: overline; text-decoration-style: dashed;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-dotted-quirks.html b/layout/reftests/text-decoration/overline-style-block-dotted-quirks.html
new file mode 100644
index 0000000000..5f8d676e88
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-dotted-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: overline; text-decoration-style: dotted;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-dotted-standards.html b/layout/reftests/text-decoration/overline-style-block-dotted-standards.html
new file mode 100644
index 0000000000..b653753b42
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-dotted-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: overline; text-decoration-style: dotted;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-double-quirks.html b/layout/reftests/text-decoration/overline-style-block-double-quirks.html
new file mode 100644
index 0000000000..37bb368007
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-double-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: overline; text-decoration-style: double;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-double-standards.html b/layout/reftests/text-decoration/overline-style-block-double-standards.html
new file mode 100644
index 0000000000..2bce4cc1d7
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-double-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: overline; text-decoration-style: double;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-quirks-ref.html b/layout/reftests/text-decoration/overline-style-block-quirks-ref.html
new file mode 100644
index 0000000000..07353927d9
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-quirks-ref.html
@@ -0,0 +1 @@
+<p style="text-decoration: overline;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-solid-quirks.html b/layout/reftests/text-decoration/overline-style-block-solid-quirks.html
new file mode 100644
index 0000000000..b8d6f30c97
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-solid-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: overline; text-decoration-style: solid;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-solid-standards.html b/layout/reftests/text-decoration/overline-style-block-solid-standards.html
new file mode 100644
index 0000000000..e795637836
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-solid-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: overline; text-decoration-style: solid;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-standards-ref.html b/layout/reftests/text-decoration/overline-style-block-standards-ref.html
new file mode 100644
index 0000000000..c349ca362f
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-standards-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: overline;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-wavy-quirks.html b/layout/reftests/text-decoration/overline-style-block-wavy-quirks.html
new file mode 100644
index 0000000000..b3e159e320
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-wavy-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: overline; text-decoration-style: wavy;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-block-wavy-standards.html b/layout/reftests/text-decoration/overline-style-block-wavy-standards.html
new file mode 100644
index 0000000000..ac34fc5ac1
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-block-wavy-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: overline; text-decoration-style: wavy;">This paragraph has overline</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-dashed-quirks.html b/layout/reftests/text-decoration/overline-style-inline-dashed-quirks.html
new file mode 100644
index 0000000000..bed18d95a6
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-dashed-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: dashed;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-dashed-standards.html b/layout/reftests/text-decoration/overline-style-inline-dashed-standards.html
new file mode 100644
index 0000000000..a5ce662f38
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-dashed-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: dashed;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-dotted-quirks.html b/layout/reftests/text-decoration/overline-style-inline-dotted-quirks.html
new file mode 100644
index 0000000000..fd8bcf88ad
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-dotted-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: dotted;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-dotted-standards.html b/layout/reftests/text-decoration/overline-style-inline-dotted-standards.html
new file mode 100644
index 0000000000..be2f98c755
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-dotted-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: dotted;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-double-quirks.html b/layout/reftests/text-decoration/overline-style-inline-double-quirks.html
new file mode 100644
index 0000000000..a481122aee
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-double-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: double;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-double-standards.html b/layout/reftests/text-decoration/overline-style-inline-double-standards.html
new file mode 100644
index 0000000000..b305725016
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-double-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: double;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-quirks-ref.html b/layout/reftests/text-decoration/overline-style-inline-quirks-ref.html
new file mode 100644
index 0000000000..a0a2c6c3f7
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-quirks-ref.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-solid-quirks.html b/layout/reftests/text-decoration/overline-style-inline-solid-quirks.html
new file mode 100644
index 0000000000..fb9b72332f
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-solid-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: solid;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-solid-standards.html b/layout/reftests/text-decoration/overline-style-inline-solid-standards.html
new file mode 100644
index 0000000000..d02f2021e2
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-solid-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: solid;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-standards-ref.html b/layout/reftests/text-decoration/overline-style-inline-standards-ref.html
new file mode 100644
index 0000000000..c4890983a8
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-standards-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-wavy-quirks.html b/layout/reftests/text-decoration/overline-style-inline-wavy-quirks.html
new file mode 100644
index 0000000000..6b1829c7d9
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-wavy-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: wavy;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/overline-style-inline-wavy-standards.html b/layout/reftests/text-decoration/overline-style-inline-wavy-standards.html
new file mode 100644
index 0000000000..bd8e24268a
--- /dev/null
+++ b/layout/reftests/text-decoration/overline-style-inline-wavy-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: overline; text-decoration-style: wavy;">here has overline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/reftest.list b/layout/reftests/text-decoration/reftest.list
new file mode 100644
index 0000000000..c4094dc7c5
--- /dev/null
+++ b/layout/reftests/text-decoration/reftest.list
@@ -0,0 +1,123 @@
+fuzzy-if(gtkWidget,0-208,0-12) == complex-decoration-style-quirks.html complex-decoration-style-quirks-ref.html
+fuzzy-if(gtkWidget,0-208,0-12) == complex-decoration-style-standards.html complex-decoration-style-standards-ref.html
+== decoration-color-quirks.html decoration-color-quirks-ref.html
+== decoration-color-standards.html decoration-color-standards-ref.html
+== decoration-style-quirks.html decoration-style-quirks-ref.html
+== decoration-style-standards.html decoration-style-standards-ref.html
+== dynamic-underline-vertical-align-quirks-1.html dynamic-underline-vertical-align-quirks-1-ref.html
+== dynamic-underline-vertical-align-standards-1.html dynamic-underline-vertical-align-standards-1-ref.html
+== dynamic-underline-vertical-align-quirks-2.html dynamic-underline-vertical-align-quirks-2-ref.html
+== dynamic-underline-vertical-align-standards-2.html dynamic-underline-vertical-align-standards-2-ref.html
+== line-through-style-block-solid-quirks.html line-through-style-block-quirks-ref.html
+!= line-through-style-block-dotted-quirks.html line-through-style-block-quirks-ref.html
+!= line-through-style-block-dashed-quirks.html line-through-style-block-quirks-ref.html
+!= line-through-style-block-double-quirks.html line-through-style-block-quirks-ref.html
+!= line-through-style-block-wavy-quirks.html line-through-style-block-quirks-ref.html
+== line-through-style-inline-solid-quirks.html line-through-style-inline-quirks-ref.html
+!= line-through-style-inline-dotted-quirks.html line-through-style-inline-quirks-ref.html
+!= line-through-style-inline-dashed-quirks.html line-through-style-inline-quirks-ref.html
+!= line-through-style-inline-double-quirks.html line-through-style-inline-quirks-ref.html
+!= line-through-style-inline-wavy-quirks.html line-through-style-inline-quirks-ref.html
+== line-through-style-block-solid-standards.html line-through-style-block-standards-ref.html
+!= line-through-style-block-dotted-standards.html line-through-style-block-standards-ref.html
+!= line-through-style-block-dashed-standards.html line-through-style-block-standards-ref.html
+!= line-through-style-block-double-standards.html line-through-style-block-standards-ref.html
+!= line-through-style-block-wavy-standards.html line-through-style-block-standards-ref.html
+== line-through-style-inline-solid-standards.html line-through-style-inline-standards-ref.html
+!= line-through-style-inline-dotted-standards.html line-through-style-inline-standards-ref.html
+!= line-through-style-inline-dashed-standards.html line-through-style-inline-standards-ref.html
+!= line-through-style-inline-double-standards.html line-through-style-inline-standards-ref.html
+!= line-through-style-inline-wavy-standards.html line-through-style-inline-standards-ref.html
+== overline-style-block-solid-quirks.html overline-style-block-quirks-ref.html
+!= overline-style-block-dotted-quirks.html overline-style-block-quirks-ref.html
+!= overline-style-block-dashed-quirks.html overline-style-block-quirks-ref.html
+!= overline-style-block-double-quirks.html overline-style-block-quirks-ref.html
+!= overline-style-block-wavy-quirks.html overline-style-block-quirks-ref.html
+== overline-style-inline-solid-quirks.html overline-style-inline-quirks-ref.html
+!= overline-style-inline-dotted-quirks.html overline-style-inline-quirks-ref.html
+!= overline-style-inline-dashed-quirks.html overline-style-inline-quirks-ref.html
+!= overline-style-inline-double-quirks.html overline-style-inline-quirks-ref.html
+!= overline-style-inline-wavy-quirks.html overline-style-inline-quirks-ref.html
+== overline-style-block-solid-standards.html overline-style-block-standards-ref.html
+!= overline-style-block-dotted-standards.html overline-style-block-standards-ref.html
+!= overline-style-block-dashed-standards.html overline-style-block-standards-ref.html
+!= overline-style-block-double-standards.html overline-style-block-standards-ref.html
+!= overline-style-block-wavy-standards.html overline-style-block-standards-ref.html
+== overline-style-inline-solid-standards.html overline-style-inline-standards-ref.html
+!= overline-style-inline-dotted-standards.html overline-style-inline-standards-ref.html
+!= overline-style-inline-dashed-standards.html overline-style-inline-standards-ref.html
+!= overline-style-inline-double-standards.html overline-style-inline-standards-ref.html
+!= overline-style-inline-wavy-standards.html overline-style-inline-standards-ref.html
+== underline-style-block-solid-quirks.html underline-style-block-quirks-ref.html
+!= underline-style-block-dotted-quirks.html underline-style-block-quirks-ref.html
+!= underline-style-block-dashed-quirks.html underline-style-block-quirks-ref.html
+!= underline-style-block-double-quirks.html underline-style-block-quirks-ref.html
+!= underline-style-block-wavy-quirks.html underline-style-block-quirks-ref.html
+== underline-style-inline-solid-quirks.html underline-style-inline-quirks-ref.html
+!= underline-style-inline-dotted-quirks.html underline-style-inline-quirks-ref.html
+!= underline-style-inline-dashed-quirks.html underline-style-inline-quirks-ref.html
+!= underline-style-inline-double-quirks.html underline-style-inline-quirks-ref.html
+!= underline-style-inline-wavy-quirks.html underline-style-inline-quirks-ref.html
+== underline-style-block-solid-standards.html underline-style-block-standards-ref.html
+!= underline-style-block-dotted-standards.html underline-style-block-standards-ref.html
+!= underline-style-block-dashed-standards.html underline-style-block-standards-ref.html
+!= underline-style-block-double-standards.html underline-style-block-standards-ref.html
+!= underline-style-block-wavy-standards.html underline-style-block-standards-ref.html
+== underline-style-inline-solid-standards.html underline-style-inline-standards-ref.html
+!= underline-style-inline-dotted-standards.html underline-style-inline-standards-ref.html
+!= underline-style-inline-dashed-standards.html underline-style-inline-standards-ref.html
+!= underline-style-inline-double-standards.html underline-style-inline-standards-ref.html
+!= underline-style-inline-wavy-standards.html underline-style-inline-standards-ref.html
+== underline-block-quirks.html underline-block-quirks-ref.html
+!= underline-block-quirks.html underline-block-quirks-notref.html
+== underline-inline-block-quirks.html underline-inline-block-quirks-ref.html
+!= underline-inline-block-quirks.html underline-inline-block-quirks-notref.html
+== underline-table-caption-quirks.html underline-table-caption-quirks-ref.html
+!= underline-table-caption-quirks.html underline-table-caption-quirks-notref.html
+== underline-table-cell-quirks.html underline-table-cell-quirks-ref.html
+!= underline-table-cell-quirks.html underline-table-cell-quirks-notref.html
+== underline-block-propagation-quirks.html underline-block-propagation-quirks-ref.html
+== underline-block-propagation-2-quirks.html underline-block-propagation-2-quirks-ref.html
+== underline-block-standards.html underline-block-standards-ref.html
+!= underline-block-standards.html underline-block-standards-notref.html
+== underline-inline-block-standards.html underline-inline-block-standards-ref.html
+!= underline-inline-block-standards.html underline-inline-block-standards-notref.html
+== underline-table-caption-standards.html underline-table-caption-standards-ref.html
+!= underline-table-caption-standards.html underline-table-caption-standards-notref.html
+== underline-table-cell-standards.html underline-table-cell-standards-ref.html
+!= underline-table-cell-standards.html underline-table-cell-standards-notref.html
+== underline-block-propagation-standards.html underline-block-propagation-standards-ref.html
+== underline-block-propagation-2-standards.html underline-block-propagation-2-standards-ref.html
+== text-decoration-zorder-1-standards.html text-decoration-zorder-1-ref.html
+== text-decoration-zorder-1-quirks.html text-decoration-zorder-1-ref.html
+== table-quirk-1.html table-quirk-1-ref.html
+== table-quirk-2.html table-quirk-2-ref.html
+== text-decoration-propagation-1-quirks.html text-decoration-propagation-1-quirks-ref.html
+== text-decoration-propagation-1-standards.html text-decoration-propagation-1-standards-ref.html
+== 641444-1.html 641444-1-ref.html
+== decoration-css21.html decoration-css21-ref.html
+fuzzy-if(cocoaWidget,0-1,0-5) == decoration-color-override-quirks.html decoration-color-override-quirks-ref.html
+== decoration-color-override-standards.html decoration-color-override-standards-ref.html
+!= decoration-color-override-standards-ref.html decoration-color-override-quirks-ref.html
+== decoration-css21-block.html decoration-css21-block-ref.html
+!= inline-baseline-almost-standards.html inline-baseline-almost-standards-ref.html
+!= inline-baseline-quirks.html inline-baseline-quirks-ref.html
+== 676538-1.html 676538-1-ref.html
+== underline-button-1.html underline-button-1-ref.html
+== underline-button-2.html underline-button-2-ref.html
+fuzzy(0-4,0-2) == underline-select-1.html underline-select-1-ref.html
+== underline-select-2.html underline-select-2-ref.html
+== 1133392.html 1133392-ref.html
+!= 1159729-offset-adjustment.html 1159729-offset-adjustment-notref.html
+== emphasis-style-dynamic.html emphasis-style-dynamic-ref.html
+== vertical-mode-decorations-1.html vertical-mode-decorations-1-ref.html
+fuzzy-if(Android,0-238,0-36) == vertical-mode-decorations-2.html vertical-mode-decorations-2-ref.html
+!= 1415214.html 1415214-notref.html
+== skip-ink-multiline-position.html skip-ink-multiline-position-ref.html
+== skip-ink-vertical-align.html skip-ink-vertical-align-ref.html
+!= skip-ink-vertical-align-2.html skip-ink-vertical-align-2-notref.html
+fuzzy(0-94,0-4) == skip-ink-cjk-1.html skip-ink-cjk-1-ref.html
+== skip-ink-cjk-2.html skip-ink-cjk-2-ref.html
+== skip-ink-cjk-3.html skip-ink-cjk-3-ref.html
+!= always-underline-links.html always-underline-links-ref.html
+pref(layout.css.always_underline_links,true) == always-underline-links.html always-underline-links-ref.html
diff --git a/layout/reftests/text-decoration/skip-ink-cjk-1-ref.html b/layout/reftests/text-decoration/skip-ink-cjk-1-ref.html
new file mode 100644
index 0000000000..fd0a816f01
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-cjk-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="ja">
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+.test {
+  font: 32px sans-serif;
+  text-decoration: 2px red underline;
+  text-underline-offset: 1px;
+}
+span {
+  text-decoration-skip-ink: none;
+}
+</style>
+<div>The underline should skip descenders on the English but not the Japanese:</div>
+<div class=test>skipping <span>土砂災害警戒情報</span> skipping</div>
diff --git a/layout/reftests/text-decoration/skip-ink-cjk-1.html b/layout/reftests/text-decoration/skip-ink-cjk-1.html
new file mode 100644
index 0000000000..3dbe2c7f6b
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-cjk-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="ja">
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+.test {
+  font: 32px sans-serif;
+  text-decoration: 2px red underline;
+  text-underline-offset: 1px;
+}
+</style>
+<div>The underline should skip descenders on the English but not the Japanese:</div>
+<div class=test>skipping 土砂災害警戒情報 skipping</div>
diff --git a/layout/reftests/text-decoration/skip-ink-cjk-2-ref.html b/layout/reftests/text-decoration/skip-ink-cjk-2-ref.html
new file mode 100644
index 0000000000..2e28752e15
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-cjk-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="ja">
+<!-- lang=ja will cause the default japanese font to be used throughout -->
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+.test {
+  font: 32px sans-serif;
+  text-decoration: 2px red underline;
+  text-underline-offset: -1px; /* make underline clash with digits etc */
+  text-decoration-skip-ink: none;
+}
+</style>
+<div>The underline should not skip-ink in Japanese runs, even on embedded "common" characters:</div>
+<div class=test>黄砂情報 実況図 / 予測図</div>
+<div class=test>気象衛星 10分ごと / 2.5分ごと</div>
+<div class=test>レーダー•ナウキャスト(降水•雷•竜巻)</div>
diff --git a/layout/reftests/text-decoration/skip-ink-cjk-2.html b/layout/reftests/text-decoration/skip-ink-cjk-2.html
new file mode 100644
index 0000000000..5d180d57c3
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-cjk-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="ja">
+<!-- lang=ja will cause the default japanese font to be used throughout -->
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+.test {
+  font: 32px sans-serif;
+  text-decoration: 2px red underline;
+  text-underline-offset: -1px; /* make underline clash with digits etc */
+}
+</style>
+<div>The underline should not skip-ink in Japanese runs, even on embedded "common" characters:</div>
+<div class=test>黄砂情報 実況図 / 予測図</div>
+<div class=test>気象衛星 10分ごと / 2.5分ごと</div>
+<div class=test>レーダー•ナウキャスト(降水•雷•竜巻)</div>
diff --git a/layout/reftests/text-decoration/skip-ink-cjk-3-ref.html b/layout/reftests/text-decoration/skip-ink-cjk-3-ref.html
new file mode 100644
index 0000000000..49829ffb6a
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-cjk-3-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- lang=en will result in a mix of western and japanese fonts -->
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+.test {
+  font: 32px sans-serif;
+  text-decoration: 2px red underline;
+  text-underline-offset: -1px; /* make underline clash with digits etc */
+  text-decoration-skip-ink: none;
+}
+</style>
+<div>The underline should not skip-ink in Japanese runs, even on embedded "common" characters:</div>
+<div class=test>黄砂情報 実況図 / 予測図</div>
+<div class=test>気象衛星 10分ごと / 2.5分ごと</div>
+<div class=test>レーダー•ナウキャスト(降水•雷•竜巻)</div>
diff --git a/layout/reftests/text-decoration/skip-ink-cjk-3.html b/layout/reftests/text-decoration/skip-ink-cjk-3.html
new file mode 100644
index 0000000000..7782f74929
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-cjk-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- lang=en will result in a mix of western and japanese fonts -->
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/2 sans-serif;
+}
+.test {
+  font: 32px sans-serif;
+  text-decoration: 2px red underline;
+  text-underline-offset: -1px; /* make underline clash with digits etc */
+}
+</style>
+<div>The underline should not skip-ink in Japanese runs, even on embedded "common" characters:</div>
+<div class=test>黄砂情報 実況図 / 予測図</div>
+<div class=test>気象衛星 10分ごと / 2.5分ごと</div>
+<div class=test>レーダー•ナウキャスト(降水•雷•竜巻)</div>
diff --git a/layout/reftests/text-decoration/skip-ink-multiline-position-ref.html b/layout/reftests/text-decoration/skip-ink-multiline-position-ref.html
new file mode 100644
index 0000000000..5d264244ad
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-multiline-position-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Reference case for text-decoration-skip-ink: text on the second line should not change the position of the first line's underline</title>
+    <style>
+     @font-face {
+         font-family: awami;
+         src: url("../fonts/AwamiNastaliq-Regular.woff");
+     }
+     div{
+         font: 36px/2 awami, sans-serif;
+         unicode-bidi:bidi-override;
+         width: 70px;
+         height: 70px;
+         overflow: hidden;
+         text-decoration: red underline;
+         text-underline-offset: -0.5em;
+     }
+    </style>
+  </head>
+  <body>
+      <p>Adding more characters on the second line should not affect the position of the underline on line one. <br>See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572302"> Bug 1572302</a> </p>
+      <div dir="rtl">fی sعلي</div>
+  </body>
+</html>
diff --git a/layout/reftests/text-decoration/skip-ink-multiline-position.html b/layout/reftests/text-decoration/skip-ink-multiline-position.html
new file mode 100644
index 0000000000..ab7dcefa62
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-multiline-position.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test case for text-decoration-skip-ink: text on the second line should not change the position of the first line's underline</title>
+    <style>
+     @font-face {
+         font-family: awami;
+         src: url("../fonts/AwamiNastaliq-Regular.woff");
+     }
+     div{
+         font: 36px/2 awami, sans-serif;
+         unicode-bidi:bidi-override;
+         width: 70px;
+         height: 70px;
+         overflow: hidden;
+         text-decoration: red underline;
+         text-underline-offset: -0.5em;
+     }
+    </style>
+  </head>
+  <body>
+      <p>Adding more characters on the second line should not affect the position of the underline on line one. <br>See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572302"> Bug 1572302</a> </p>
+      <div dir="rtl">fی علي</div>
+  </body>
+</html>
diff --git a/layout/reftests/text-decoration/skip-ink-vertical-align-2-notref.html b/layout/reftests/text-decoration/skip-ink-vertical-align-2-notref.html
new file mode 100644
index 0000000000..191490ca5c
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-vertical-align-2-notref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<p>Underline should skip over the subscripted 'x'</p>
+<div style="font:36px serif; color:rgba(0,0,255,0.5);">
+  <u style="text-decoration-color:red;text-decoration-skip-ink:none;">xx<sub>x</sub>xx</u></div>
diff --git a/layout/reftests/text-decoration/skip-ink-vertical-align-2.html b/layout/reftests/text-decoration/skip-ink-vertical-align-2.html
new file mode 100644
index 0000000000..0ee9582700
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-vertical-align-2.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<p>Underline should skip over the subscripted 'x'</p>
+<div style="font:36px serif; color:rgba(0,0,255,0.5);">
+  <u style="text-decoration-color:red;">xx<sub>x</sub>xx</u></div>
diff --git a/layout/reftests/text-decoration/skip-ink-vertical-align-ref.html b/layout/reftests/text-decoration/skip-ink-vertical-align-ref.html
new file mode 100644
index 0000000000..ea4952ab29
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-vertical-align-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <title>Reference case for text-decoration-skip-ink: skip-ink should detect and work with vertical-align</title>
+    <style>
+     div{
+         font: 48px/2 Times;
+         text-decoration: purple underline;
+         text-decoration-skip-ink: none;
+     }
+     span{
+         vertical-align: super;
+     }
+    </style>
+  </head>
+  <body>
+      <p>Ink should not be skipped when vertical-align moves text away from the underline</p>
+      <div>test <span>pgqy</span> test</div>
+  </body>
+</html>
diff --git a/layout/reftests/text-decoration/skip-ink-vertical-align.html b/layout/reftests/text-decoration/skip-ink-vertical-align.html
new file mode 100644
index 0000000000..72932f95ef
--- /dev/null
+++ b/layout/reftests/text-decoration/skip-ink-vertical-align.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <title>Test case for text-decoration-skip-ink: skip-ink should detect and work with vertical-align</title>
+    <style>
+     div{
+         font: 48px/2 Times;
+         text-decoration: purple underline;
+     }
+     span{
+         vertical-align: super;
+     }
+    </style>
+  </head>
+  <body>
+    <p>Ink should not be skipped when vertical-align moves text away from the underline</p>
+    <div>test <span>pgqy</span> test</div>
+  </body>
+</html>
diff --git a/layout/reftests/text-decoration/table-quirk-1-ref.html b/layout/reftests/text-decoration/table-quirk-1-ref.html
new file mode 100644
index 0000000000..844ec63e85
--- /dev/null
+++ b/layout/reftests/text-decoration/table-quirk-1-ref.html
@@ -0,0 +1,7 @@
+<title>text-decoration quirk on tables (Bug 572713)</title>
+
+<div><table><tbody><tr><td>text-decoration on container of table</td></tr></tbody></table></div>
+<div><table><tbody><tr><td style="text-decoration: underline">text-decoration on table</td></tr></tbody></table></div>
+<div><table><tbody><tr><td style="text-decoration: underline">text-decoration on tbody</td></tr></tbody></table></div>
+<div><table><tbody><tr><td style="text-decoration: underline">text-decoration on tr</td></tr></tbody></table></div>
+<div><table><tbody><tr><td style="text-decoration: underline">text-decoration on td</td></tr></tbody></table></div>
diff --git a/layout/reftests/text-decoration/table-quirk-1.html b/layout/reftests/text-decoration/table-quirk-1.html
new file mode 100644
index 0000000000..98375f44da
--- /dev/null
+++ b/layout/reftests/text-decoration/table-quirk-1.html
@@ -0,0 +1,7 @@
+<title>text-decoration quirk on tables (Bug 572713)</title>
+
+<div style="text-decoration: underline"><table><tbody><tr><td>text-decoration on container of table</td></tr></tbody></table></div>
+<div><table style="text-decoration: underline"><tbody><tr><td>text-decoration on table</td></tr></tbody></table></div>
+<div><table><tbody style="text-decoration: underline"><tr><td>text-decoration on tbody</td></tr></tbody></table></div>
+<div><table><tbody><tr style="text-decoration: underline"><td>text-decoration on tr</td></tr></tbody></table></div>
+<div><table><tbody><tr><td style="text-decoration: underline">text-decoration on td</td></tr></tbody></table></div>
diff --git a/layout/reftests/text-decoration/table-quirk-2-ref.html b/layout/reftests/text-decoration/table-quirk-2-ref.html
new file mode 100644
index 0000000000..49786fa6e6
--- /dev/null
+++ b/layout/reftests/text-decoration/table-quirk-2-ref.html
@@ -0,0 +1,26 @@
+<title>text-decoration quirk on tables (Bug 572713)</title>
+
+<h1>text-decoration on a block</h1>
+
+<u>text in the block</u>
+
+<div><u>text in a block in the block</u></div>
+
+<table><tbody><tr><td>an HTML table</td></tr></tbody></table>
+
+<table style="display:block"><tbody style="display:block"><tr style="display:block"><td style="display:block">an HTML table that's not table-display</td></tr></tbody></table>
+
+<div style="display: table"><div style="display: table-row-group"><div style="display: table-row"><div style="display: table-cell"><u>a div with table display types</u></div></div></div></div>
+
+<h1>text-decoration on an inline</h1>
+
+<u>text in the block</u>
+
+<div><u>text in a block in the block</u></div>
+
+<table><tbody><tr><td>an HTML table</td></tr></tbody></table>
+
+<table style="display:block"><tbody style="display:block"><tr style="display:block"><td style="display:block">an HTML table that's not table-display</td></tr></tbody></table>
+
+<div style="display: table"><div style="display: table-row-group"><div style="display: table-row"><div style="display: table-cell"><u>a div with table display types</u></div></div></div></div>
+
diff --git a/layout/reftests/text-decoration/table-quirk-2.html b/layout/reftests/text-decoration/table-quirk-2.html
new file mode 100644
index 0000000000..b02c95ab1a
--- /dev/null
+++ b/layout/reftests/text-decoration/table-quirk-2.html
@@ -0,0 +1,35 @@
+<title>text-decoration quirk on tables (Bug 572713)</title>
+
+<h1>text-decoration on a block</h1>
+
+<div style="text-decoration: underline">
+
+text in the block
+
+<div>text in a block in the block</div>
+
+<table><tbody><tr><td>an HTML table</td></tr></tbody></table>
+
+<table style="display:block"><tbody style="display:block"><tr style="display:block"><td style="display:block">an HTML table that's not table-display</td></tr></tbody></table>
+
+<div style="display: table"><div style="display: table-row-group"><div style="display: table-row"><div style="display: table-cell">a div with table display types</div></div></div></div>
+
+
+</div>
+
+<h1>text-decoration on an inline</h1>
+
+<div style="text-decoration: underline; display: inline">
+
+text in the block
+
+<div>text in a block in the block</div>
+
+<table><tbody><tr><td>an HTML table</td></tr></tbody></table>
+
+<table style="display:block"><tbody style="display:block"><tr style="display:block"><td style="display:block">an HTML table that's not table-display</td></tr></tbody></table>
+
+<div style="display: table"><div style="display: table-row-group"><div style="display: table-row"><div style="display: table-cell">a div with table display types</div></div></div></div>
+
+
+</div>
diff --git a/layout/reftests/text-decoration/text-decoration-propagation-1-quirks-ref.html b/layout/reftests/text-decoration/text-decoration-propagation-1-quirks-ref.html
new file mode 100644
index 0000000000..91130e61cd
--- /dev/null
+++ b/layout/reftests/text-decoration/text-decoration-propagation-1-quirks-ref.html
@@ -0,0 +1,38 @@
+<title>text-decoration</title>
+<style>
+ *{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<h1>text-decoration on a block</h1>
+
+  <u>text directly in parent</u>
+
+  <div><u>text in block</u></div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div><u>
+  </u><div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
+<h1>text-decoration on an inline</h1>
+
+  <u>text directly in parent</u>
+
+  <div><u>text in block</u></div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div><u>
+  </u><div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
diff --git a/layout/reftests/text-decoration/text-decoration-propagation-1-quirks.html b/layout/reftests/text-decoration/text-decoration-propagation-1-quirks.html
new file mode 100644
index 0000000000..18b0e893ab
--- /dev/null
+++ b/layout/reftests/text-decoration/text-decoration-propagation-1-quirks.html
@@ -0,0 +1,46 @@
+<title>text-decoration</title>
+<style>
+ *{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<h1>text-decoration on a block</h1>
+
+<div style="text-decoration: underline">
+
+  text directly in parent
+
+  <div>text in block</div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div>
+  <div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
+</div>
+
+<h1>text-decoration on an inline</h1>
+
+<div style="text-decoration: underline; display: inline">
+
+  text directly in parent
+
+  <div>text in block</div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div>
+  <div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
+</div>
+
diff --git a/layout/reftests/text-decoration/text-decoration-propagation-1-standards-ref.html b/layout/reftests/text-decoration/text-decoration-propagation-1-standards-ref.html
new file mode 100644
index 0000000000..a5c67cc425
--- /dev/null
+++ b/layout/reftests/text-decoration/text-decoration-propagation-1-standards-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<title>text-decoration</title>
+<style>
+ *{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<h1>text-decoration on a block</h1>
+
+  <u>text directly in parent</u>
+
+  <div><u>text in block</u></div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div><u>
+  </u><div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
+<h1>text-decoration on an inline</h1>
+
+  <u>text directly in parent</u>
+
+  <div><u>text in block</u></div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div><u>
+  </u><div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
diff --git a/layout/reftests/text-decoration/text-decoration-propagation-1-standards.html b/layout/reftests/text-decoration/text-decoration-propagation-1-standards.html
new file mode 100644
index 0000000000..ff37d5db41
--- /dev/null
+++ b/layout/reftests/text-decoration/text-decoration-propagation-1-standards.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<title>text-decoration</title>
+<style>
+ *{
+     text-decoration-skip-ink: none;
+ }
+</style>
+<h1>text-decoration on a block</h1>
+
+<div style="text-decoration: underline">
+
+  text directly in parent
+
+  <div>text in block</div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div>
+  <div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
+</div>
+
+<h1>text-decoration on an inline</h1>
+
+<div style="text-decoration: underline; display: inline">
+
+  text directly in parent
+
+  <div>text in block</div>
+
+  <div style="float:left; clear: left">text in float</div>
+  <div style="clear:left"></div>
+
+  <div style="display:inline-block">text in<br>inline-block</div>
+  <div style="display:inline-table">text in<br>inline-table</div>
+
+  <div style="height: 2em">
+    <div style="position: absolute">text in abs-pos</div>
+  </div>
+
+</div>
+
diff --git a/layout/reftests/text-decoration/text-decoration-zorder-1-quirks.html b/layout/reftests/text-decoration/text-decoration-zorder-1-quirks.html
new file mode 100644
index 0000000000..18eaeba0d8
--- /dev/null
+++ b/layout/reftests/text-decoration/text-decoration-zorder-1-quirks.html
@@ -0,0 +1,44 @@
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { background: white; }
+
+	p.serif { font-family: serif; left: 20px; }
+	p.sans { font-family: sans-serif; left: 220px; }
+
+	p {
+		margin: 0;
+		position: absolute;
+		font-weight: bold;
+		font-size: 50px;
+		color: fuchsia;
+	}
+	
+	span { color: blue; }
+
+	p.under { text-decoration: underline; top: 25px; }
+	p.over { text-decoration: overline; top: 125px; }
+	p.through { text-decoration: line-through; top: 225px; }
+
+	</style>
+</head>
+<body>
+
+<p class="serif under"><span>&Aacute;p|/</span></p>
+
+<p class="serif over"><span>&Aacute;p|/</span></p>
+
+<p class="serif through"><span>&Aacute;p|/</span></p>
+
+<p class="sans under"><span>&Aacute;p|/</span></p>
+
+<p class="sans over"><span>&Aacute;p|/</span></p>
+
+<p class="sans through"><span>&Aacute;p|/</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/text-decoration-zorder-1-ref.html b/layout/reftests/text-decoration/text-decoration-zorder-1-ref.html
new file mode 100644
index 0000000000..e125987307
--- /dev/null
+++ b/layout/reftests/text-decoration/text-decoration-zorder-1-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { background: white; }
+
+	p.serif { font-family: serif; left: 20px; }
+	p.sans { font-family: sans-serif; left: 220px; }
+
+	p {
+		margin: 0;
+		position: absolute;
+		font-weight: bold;
+		font-size: 50px;
+	}
+	
+	p.under { text-decoration: underline; top: 25px; }
+	p.over { text-decoration: overline; top: 125px; }
+	p.through { text-decoration: line-through; top: 225px; }
+
+	p.text { text-decoration: none ! important; }
+	p.line span { color: transparent; }
+
+	p.text { color: blue; }
+	p.line { color: fuchsia; }
+
+	</style>
+</head>
+<body>
+
+<p class="serif line under"><span>&Aacute;p|/</span></p>
+<p class="serif text under"><span>&Aacute;p|/</span></p>
+
+<p class="serif line over"><span>&Aacute;p|/</span></p>
+<p class="serif text over"><span>&Aacute;p|/</span></p>
+
+<p class="serif text through"><span>&Aacute;p|/</span></p>
+<p class="serif line through"><span>&Aacute;p|/</span></p>
+
+<p class="sans line under"><span>&Aacute;p|/</span></p>
+<p class="sans text under"><span>&Aacute;p|/</span></p>
+
+<p class="sans line over"><span>&Aacute;p|/</span></p>
+<p class="sans text over"><span>&Aacute;p|/</span></p>
+
+<p class="sans text through"><span>&Aacute;p|/</span></p>
+<p class="sans line through"><span>&Aacute;p|/</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/text-decoration-zorder-1-standards.html b/layout/reftests/text-decoration/text-decoration-zorder-1-standards.html
new file mode 100644
index 0000000000..38d377f8b8
--- /dev/null
+++ b/layout/reftests/text-decoration/text-decoration-zorder-1-standards.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body { background: white; }
+
+	p.serif { font-family: serif; left: 20px; }
+	p.sans { font-family: sans-serif; left: 220px; }
+
+	p {
+		margin: 0;
+		position: absolute;
+		font-weight: bold;
+		font-size: 50px;
+		color: fuchsia;
+	}
+	
+	span { color: blue; }
+
+	p.under { text-decoration: underline; top: 25px; }
+	p.over { text-decoration: overline; top: 125px; }
+	p.through { text-decoration: line-through; top: 225px; }
+
+	</style>
+</head>
+<body>
+
+<p class="serif under"><span>&Aacute;p|/</span></p>
+
+<p class="serif over"><span>&Aacute;p|/</span></p>
+
+<p class="serif through"><span>&Aacute;p|/</span></p>
+
+<p class="sans under"><span>&Aacute;p|/</span></p>
+
+<p class="sans over"><span>&Aacute;p|/</span></p>
+
+<p class="sans through"><span>&Aacute;p|/</span></p>
+
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-2-quirks-ref.html b/layout/reftests/text-decoration/underline-block-propagation-2-quirks-ref.html
new file mode 100644
index 0000000000..6f4bc8ecd2
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-2-quirks-ref.html
@@ -0,0 +1,40 @@
+<html><head>
+<title>More tests of propagation of text-decoration</title>
+<style>
+textarea { -moz-appearance: none }
+textarea + textarea { margin-left: 10px }
+</style>
+</head>
+<body>
+<!-- t-d should not propagate to the content of a form control -->
+<form>
+<span style="text-decoration:underline">This text should be underlined.</span><br>
+<textarea rows="2" cols="40">This text should not be underlined.</textarea
+><textarea rows="2" cols="40" style="text-decoration:line-through"
+>This text should be struck out.</textarea>
+<p style="text-decoration:underline">This text should also be underlined.</p>
+</form>
+<!-- t-d should propagate from parent elements to table-cells, except
+     not through a table element in quirks mode, per
+     https://quirks.spec.whatwg.org/#the-text-decoration-doesn't-propagate-into-tables-quirk
+     -->
+<div>
+  <table>
+    <tr>
+      <td>
+	<span style="text-decoration:overline">
+	<span style="text-decoration:line-through">
+	overlined, and struck out
+	</span></span>
+      </td>
+    </tr>
+  </table>
+</div>
+<!-- t-d on a float itself should apply -->
+<div>
+  <p style="text-decoration:underline">This text should be underlined.</p>
+  <p style="float:left; text-decoration:overline"
+  >This text should be overlined (only).</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-2-quirks.html b/layout/reftests/text-decoration/underline-block-propagation-2-quirks.html
new file mode 100644
index 0000000000..7e32b7581f
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-2-quirks.html
@@ -0,0 +1,35 @@
+<html><head>
+<title>More tests of propagation of text-decoration</title>
+<style>
+textarea { -moz-appearance: none }
+textarea + textarea { margin-left: 10px }
+</style>
+</head>
+<body>
+<!-- t-d should not propagate to the content of a form control -->
+<form style="text-decoration:underline">
+This text should be underlined.<br>
+<textarea rows="2" cols="40">This text should not be underlined.</textarea
+><textarea rows="2" cols="40" style="text-decoration:line-through"
+>This text should be struck out.</textarea>
+<p>This text should also be underlined.</p>
+</form>
+<!-- t-d should propagate from parent elements to table-cells, except
+     not through a table element in quirks mode, per
+     https://quirks.spec.whatwg.org/#the-text-decoration-doesn't-propagate-into-tables-quirk
+     -->
+<div style="text-decoration:underline">
+  <table style="text-decoration:overline">
+    <tr style="text-decoration:line-through">
+      <td>overlined, and struck out</td>
+    </tr>
+  </table>
+</div>
+<!-- t-d on a float itself should apply -->
+<div style="text-decoration:underline">
+  <p>This text should be underlined.</p>
+  <p style="float:left; text-decoration:overline"
+  >This text should be overlined (only).</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-2-standards-ref.html b/layout/reftests/text-decoration/underline-block-propagation-2-standards-ref.html
new file mode 100644
index 0000000000..eb7c3273cd
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-2-standards-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html><head>
+<title>More tests of propagation of text-decoration</title>
+<style>
+textarea { -moz-appearance: none }
+textarea + textarea { margin-left: 10px }
+* { text-decoration-skip-ink: none }
+</style>
+</head>
+<body>
+<!-- t-d should not propagate to the content of a form control -->
+<form>
+<span style="text-decoration:underline">This text should be underlined.</span><br>
+<textarea rows="2" cols="40">This text should not be underlined.</textarea
+><textarea rows="2" cols="40" style="text-decoration:line-through"
+>This text should be struck out.</textarea>
+<p style="text-decoration:underline">This text should also be underlined.</p>
+</form>
+<!-- t-d should propagate from parent elements to table-cells -->
+<div>
+  <table>
+    <tr>
+      <td>
+	<span style="text-decoration:underline">
+	<span style="text-decoration:overline">
+	<span style="text-decoration:line-through">
+	underlined, overlined, and struck out
+	</span></span></span>
+      </td>
+    </tr>
+  </table>
+</div>
+<!-- t-d on a float itself should apply -->
+<div>
+  <p style="text-decoration:underline">This text should be underlined.</p>
+  <p style="float:left; text-decoration:overline"
+  >This text should be overlined (only).</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-2-standards.html b/layout/reftests/text-decoration/underline-block-propagation-2-standards.html
new file mode 100644
index 0000000000..5a9997e365
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-2-standards.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html><head>
+<title>More tests of propagation of text-decoration</title>
+<style>
+textarea { -moz-appearance: none }
+textarea + textarea { margin-left: 10px }
+* { text-decoration-skip-ink: none }
+</style>
+</head>
+<body>
+<!-- t-d should not propagate to the content of a form control -->
+<form style="text-decoration:underline">
+This text should be underlined.<br>
+<textarea rows="2" cols="40">This text should not be underlined.</textarea
+><textarea rows="2" cols="40" style="text-decoration:line-through"
+>This text should be struck out.</textarea>
+<p>This text should also be underlined.</p>
+</form>
+<!-- t-d should propagate from parent elements to table-cells -->
+<div style="text-decoration:underline">
+  <table style="text-decoration:overline">
+    <tr style="text-decoration:line-through">
+      <td>underlined, overlined, and struck out</td>
+    </tr>
+  </table>
+</div>
+<!-- t-d on a float itself should apply -->
+<div style="text-decoration:underline">
+  <p>This text should be underlined.</p>
+  <p style="float:left; text-decoration:overline"
+  >This text should be overlined (only).</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-quirks-ref.html b/layout/reftests/text-decoration/underline-block-propagation-quirks-ref.html
new file mode 100644
index 0000000000..73d8fe301f
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-quirks-ref.html
@@ -0,0 +1,13 @@
+<title>text-decoration: underline test</title>
+<div>
+<span style="text-decoration:underline">This text should be underlined.</span>
+
+<div style="float:left;width:10em">This text should not be underlined.</div>
+
+<div style="clear:both; margin: 1px 2px 3px 4px; border: medium solid; padding: 6px 8px 10px 12px"><span style="text-decoration:underline">This text should be underlined.</span></div>
+
+<div style="position:absolute; top: 400px;left:400px">This should not be underlined.</div>
+
+<div><span style="text-decoration:underline">This should be underlined but </span><span style="display:inline-block">this should not<br>be underlined<br>on any line</span><span style="text-decoration:underline">.</span></div>
+
+<div><span style="text-decoration:underline">This should be underlined but </span><span style="display:inline-table">this should not<br>be underlined<br>on any line</span><span style="text-decoration:underline">.</span></div>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-quirks.html b/layout/reftests/text-decoration/underline-block-propagation-quirks.html
new file mode 100644
index 0000000000..ef3e255377
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-quirks.html
@@ -0,0 +1,13 @@
+<title>text-decoration: underline test</title>
+<div style="text-decoration:underline">
+This text should be underlined.
+
+<div style="float:left;width:10em">This text should not be underlined.</div>
+
+<div style="clear:both; margin: 1px 2px 3px 4px; border: medium solid; padding: 6px 8px 10px 12px">This text should be underlined.</div>
+
+<div style="position:absolute; top: 400px;left:400px">This should not be underlined.</div>
+
+<div>This should be underlined but <span style="display:inline-block">this should not<br>be underlined<br>on any line</span>.</div>
+
+<div>This should be underlined but <span style="display:inline-table">this should not<br>be underlined<br>on any line</span>.</div>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-standards-ref.html b/layout/reftests/text-decoration/underline-block-propagation-standards-ref.html
new file mode 100644
index 0000000000..d7ce633de6
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-standards-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<div>
+<span style="text-decoration:underline">This text should be underlined.</span>
+
+<div style="float:left;width:10em">This text should not be underlined.</div>
+
+<div style="clear:both; margin: 1px 2px 3px 4px; border: medium solid; padding: 6px 8px 10px 12px"><span style="text-decoration:underline">This text should be underlined.</span></div>
+
+<div style="position:absolute; top: 400px;left:400px">This should not be underlined.</div>
+
+<div><span style="text-decoration:underline">This should be underlined but </span><span style="display:inline-block">this should not<br>be underlined<br>on any line</span><span style="text-decoration:underline">.</span></div>
+
+<div><span style="text-decoration:underline">This should be underlined but </span><span style="display:inline-table">this should not<br>be underlined<br>on any line</span><span style="text-decoration:underline">.</span></div>
diff --git a/layout/reftests/text-decoration/underline-block-propagation-standards.html b/layout/reftests/text-decoration/underline-block-propagation-standards.html
new file mode 100644
index 0000000000..a010e93a74
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-propagation-standards.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<div style="text-decoration:underline">
+This text should be underlined.
+
+<div style="float:left;width:10em">This text should not be underlined.</div>
+
+<div style="clear:both; margin: 1px 2px 3px 4px; border: medium solid; padding: 6px 8px 10px 12px">This text should be underlined.</div>
+
+<div style="position:absolute; top: 400px;left:400px">This should not be underlined.</div>
+
+<div>This should be underlined but <span style="display:inline-block">this should not<br>be underlined<br>on any line</span>.</div>
+
+<div>This should be underlined but <span style="display:inline-table">this should not<br>be underlined<br>on any line</span>.</div>
diff --git a/layout/reftests/text-decoration/underline-block-quirks-notref.html b/layout/reftests/text-decoration/underline-block-quirks-notref.html
new file mode 100644
index 0000000000..141a199518
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-quirks-notref.html
@@ -0,0 +1,2 @@
+<title>text-decoration: underline test</title>
+<div>This text should be underlined.</div>
diff --git a/layout/reftests/text-decoration/underline-block-quirks-ref.html b/layout/reftests/text-decoration/underline-block-quirks-ref.html
new file mode 100644
index 0000000000..8f70b8e28c
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-quirks-ref.html
@@ -0,0 +1,2 @@
+<title>text-decoration: underline test</title>
+<div><span style="text-decoration:underline">This text should be underlined.</span></div>
diff --git a/layout/reftests/text-decoration/underline-block-quirks.html b/layout/reftests/text-decoration/underline-block-quirks.html
new file mode 100644
index 0000000000..6860b3aee6
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-quirks.html
@@ -0,0 +1,2 @@
+<title>text-decoration: underline test</title>
+<div style="text-decoration:underline">This text should be underlined.</div>
diff --git a/layout/reftests/text-decoration/underline-block-standards-notref.html b/layout/reftests/text-decoration/underline-block-standards-notref.html
new file mode 100644
index 0000000000..ed47f3becc
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-standards-notref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<div>This text should be underlined.</div>
diff --git a/layout/reftests/text-decoration/underline-block-standards-ref.html b/layout/reftests/text-decoration/underline-block-standards-ref.html
new file mode 100644
index 0000000000..ea53cd446b
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-standards-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<div><span style="text-decoration:underline">This text should be underlined.</span></div>
diff --git a/layout/reftests/text-decoration/underline-block-standards.html b/layout/reftests/text-decoration/underline-block-standards.html
new file mode 100644
index 0000000000..b9b527d7a5
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-block-standards.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<div style="text-decoration:underline">This text should be underlined.</div>
diff --git a/layout/reftests/text-decoration/underline-button-1-ref.html b/layout/reftests/text-decoration/underline-button-1-ref.html
new file mode 100644
index 0000000000..c5b84e1c2d
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-button-1-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline">
+    Some</span><button>text</button><span
+      style="text-decoration: underline">and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-button-1.html b/layout/reftests/text-decoration/underline-button-1.html
new file mode 100644
index 0000000000..4c40e8bdfd
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-button-1.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline">
+    Some<button>text</button>and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-button-2-ref.html b/layout/reftests/text-decoration/underline-button-2-ref.html
new file mode 100644
index 0000000000..f003bae646
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-button-2-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline; font: 16px sans-serif">
+    Some</span><button style="text-decoration: underline; color: black; font: 16px sans-serif">text</button><span
+      style="text-decoration: underline; font: 16px sans-serif">and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-button-2.html b/layout/reftests/text-decoration/underline-button-2.html
new file mode 100644
index 0000000000..c61afd2a18
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-button-2.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline; font: 16px sans-serif">
+    Some<button style="display: inline; color: black; font: 16px sans-serif">text</button>and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-inline-block-quirks-notref.html b/layout/reftests/text-decoration/underline-inline-block-quirks-notref.html
new file mode 100644
index 0000000000..17b221274e
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-inline-block-quirks-notref.html
@@ -0,0 +1,2 @@
+<title>text-decoration: underline test</title>
+<p>This has an <span style="display:inline-block">inline<br>block</span> in it.</p>
diff --git a/layout/reftests/text-decoration/underline-inline-block-quirks-ref.html b/layout/reftests/text-decoration/underline-inline-block-quirks-ref.html
new file mode 100644
index 0000000000..27c474675e
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-inline-block-quirks-ref.html
@@ -0,0 +1,2 @@
+<title>text-decoration: underline test</title>
+<p>This has an <span style="display:inline-block"><span style="text-decoration:underline">inline</span><br><span style="text-decoration:underline">block</span></span> in it.</p>
diff --git a/layout/reftests/text-decoration/underline-inline-block-quirks.html b/layout/reftests/text-decoration/underline-inline-block-quirks.html
new file mode 100644
index 0000000000..b75286d7dd
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-inline-block-quirks.html
@@ -0,0 +1,2 @@
+<title>text-decoration: underline test</title>
+<p>This has an <span style="display:inline-block;text-decoration:underline">inline<br>block</span> in it.</p>
diff --git a/layout/reftests/text-decoration/underline-inline-block-standards-notref.html b/layout/reftests/text-decoration/underline-inline-block-standards-notref.html
new file mode 100644
index 0000000000..f2325dfe11
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-inline-block-standards-notref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<p>This has an <span style="display:inline-block">inline<br>block</span> in it.</p>
diff --git a/layout/reftests/text-decoration/underline-inline-block-standards-ref.html b/layout/reftests/text-decoration/underline-inline-block-standards-ref.html
new file mode 100644
index 0000000000..6b23d0f4f5
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-inline-block-standards-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<p>This has an <span style="display:inline-block"><span style="text-decoration:underline">inline</span><br><span style="text-decoration:underline">block</span></span> in it.</p>
diff --git a/layout/reftests/text-decoration/underline-inline-block-standards.html b/layout/reftests/text-decoration/underline-inline-block-standards.html
new file mode 100644
index 0000000000..24b519ebe3
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-inline-block-standards.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<p>This has an <span style="display:inline-block;text-decoration:underline">inline<br>block</span> in it.</p>
diff --git a/layout/reftests/text-decoration/underline-select-1-ref.html b/layout/reftests/text-decoration/underline-select-1-ref.html
new file mode 100644
index 0000000000..e10ebe9783
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-select-1-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline">
+    Some</span><select><option>text</option></select><span
+      style="text-decoration: underline">and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-select-1.html b/layout/reftests/text-decoration/underline-select-1.html
new file mode 100644
index 0000000000..84c74d5f76
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-select-1.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline">
+    Some<select><option>text</option></select>and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-select-2-ref.html b/layout/reftests/text-decoration/underline-select-2-ref.html
new file mode 100644
index 0000000000..3c032949d1
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-select-2-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline">
+    Some</span><select size="5"><option>text</option></select><span
+      style="text-decoration: underline">and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-select-2.html b/layout/reftests/text-decoration/underline-select-2.html
new file mode 100644
index 0000000000..e2b014eb47
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-select-2.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+<body>
+  <span style="text-decoration: underline">
+    Some<select size="5"><option>text</option></select>and a button
+  </span>
+</body>
+</html>
diff --git a/layout/reftests/text-decoration/underline-style-block-dashed-quirks.html b/layout/reftests/text-decoration/underline-style-block-dashed-quirks.html
new file mode 100644
index 0000000000..5e8beec1ec
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-dashed-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: underline; text-decoration-style: dashed;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-dashed-standards.html b/layout/reftests/text-decoration/underline-style-block-dashed-standards.html
new file mode 100644
index 0000000000..237f3d0981
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-dashed-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: underline; text-decoration-style: dashed;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-dotted-quirks.html b/layout/reftests/text-decoration/underline-style-block-dotted-quirks.html
new file mode 100644
index 0000000000..909e1761db
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-dotted-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: underline; text-decoration-style: dotted;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-dotted-standards.html b/layout/reftests/text-decoration/underline-style-block-dotted-standards.html
new file mode 100644
index 0000000000..994681c12f
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-dotted-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: underline; text-decoration-style: dotted;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-double-quirks.html b/layout/reftests/text-decoration/underline-style-block-double-quirks.html
new file mode 100644
index 0000000000..8047c47f1f
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-double-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: underline; text-decoration-style: double;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-double-standards.html b/layout/reftests/text-decoration/underline-style-block-double-standards.html
new file mode 100644
index 0000000000..69dbb4a56d
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-double-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: underline; text-decoration-style: double;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-quirks-ref.html b/layout/reftests/text-decoration/underline-style-block-quirks-ref.html
new file mode 100644
index 0000000000..65d66622f1
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-quirks-ref.html
@@ -0,0 +1 @@
+<p style="text-decoration: underline;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-solid-quirks.html b/layout/reftests/text-decoration/underline-style-block-solid-quirks.html
new file mode 100644
index 0000000000..d0637957d6
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-solid-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: underline; text-decoration-style: solid;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-solid-standards.html b/layout/reftests/text-decoration/underline-style-block-solid-standards.html
new file mode 100644
index 0000000000..fdf75e6a1e
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-solid-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: underline; text-decoration-style: solid;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-standards-ref.html b/layout/reftests/text-decoration/underline-style-block-standards-ref.html
new file mode 100644
index 0000000000..4e03e4f07b
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-standards-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: underline;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-wavy-quirks.html b/layout/reftests/text-decoration/underline-style-block-wavy-quirks.html
new file mode 100644
index 0000000000..abf208a844
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-wavy-quirks.html
@@ -0,0 +1 @@
+<p style="text-decoration: underline; text-decoration-style: wavy;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-block-wavy-standards.html b/layout/reftests/text-decoration/underline-style-block-wavy-standards.html
new file mode 100644
index 0000000000..ae1a6ed72c
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-block-wavy-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="text-decoration: underline; text-decoration-style: wavy;">This paragraph has underline</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-dashed-quirks.html b/layout/reftests/text-decoration/underline-style-inline-dashed-quirks.html
new file mode 100644
index 0000000000..7a2a15ccd0
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-dashed-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: dashed;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-dashed-standards.html b/layout/reftests/text-decoration/underline-style-inline-dashed-standards.html
new file mode 100644
index 0000000000..8afb04e396
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-dashed-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: dashed;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-dotted-quirks.html b/layout/reftests/text-decoration/underline-style-inline-dotted-quirks.html
new file mode 100644
index 0000000000..30da0a460e
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-dotted-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: dotted;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-dotted-standards.html b/layout/reftests/text-decoration/underline-style-inline-dotted-standards.html
new file mode 100644
index 0000000000..f83d30766b
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-dotted-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: dotted;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-double-quirks.html b/layout/reftests/text-decoration/underline-style-inline-double-quirks.html
new file mode 100644
index 0000000000..a0f5c9e287
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-double-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: double;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-double-standards.html b/layout/reftests/text-decoration/underline-style-inline-double-standards.html
new file mode 100644
index 0000000000..239bd9e067
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-double-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: double;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-quirks-ref.html b/layout/reftests/text-decoration/underline-style-inline-quirks-ref.html
new file mode 100644
index 0000000000..d8a1b40b86
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-quirks-ref.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-solid-quirks.html b/layout/reftests/text-decoration/underline-style-inline-solid-quirks.html
new file mode 100644
index 0000000000..6f415d16f7
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-solid-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: solid;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-solid-standards.html b/layout/reftests/text-decoration/underline-style-inline-solid-standards.html
new file mode 100644
index 0000000000..88268b2662
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-solid-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: solid;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-standards-ref.html b/layout/reftests/text-decoration/underline-style-inline-standards-ref.html
new file mode 100644
index 0000000000..7cc4eec7e2
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-standards-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-wavy-quirks.html b/layout/reftests/text-decoration/underline-style-inline-wavy-quirks.html
new file mode 100644
index 0000000000..57b8c5e06f
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-wavy-quirks.html
@@ -0,0 +1 @@
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: wavy;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-style-inline-wavy-standards.html b/layout/reftests/text-decoration/underline-style-inline-wavy-standards.html
new file mode 100644
index 0000000000..d078e70683
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-style-inline-wavy-standards.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p>This paragraph has no decoration lines, but <span style="text-decoration: underline; text-decoration-style: wavy;">here has underline</span>, and here has no decoration lines.</p>
diff --git a/layout/reftests/text-decoration/underline-table-caption-quirks-notref.html b/layout/reftests/text-decoration/underline-table-caption-quirks-notref.html
new file mode 100644
index 0000000000..26c6189387
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-caption-quirks-notref.html
@@ -0,0 +1,12 @@
+<title>text-decoration: underline test</title>
+<table border>
+  <caption>This is the table caption</caption>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-caption-quirks-ref.html b/layout/reftests/text-decoration/underline-table-caption-quirks-ref.html
new file mode 100644
index 0000000000..926acf820a
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-caption-quirks-ref.html
@@ -0,0 +1,12 @@
+<title>text-decoration: underline test</title>
+<table border>
+  <caption><span style="text-decoration: underline">This is the table caption</span></caption>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-caption-quirks.html b/layout/reftests/text-decoration/underline-table-caption-quirks.html
new file mode 100644
index 0000000000..0fbeba1066
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-caption-quirks.html
@@ -0,0 +1,12 @@
+<title>text-decoration: underline test</title>
+<table border>
+  <caption style="text-decoration: underline">This is the table caption</caption>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-caption-standards-notref.html b/layout/reftests/text-decoration/underline-table-caption-standards-notref.html
new file mode 100644
index 0000000000..00cd35b6c6
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-caption-standards-notref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<table border>
+  <caption>This is the table caption</caption>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-caption-standards-ref.html b/layout/reftests/text-decoration/underline-table-caption-standards-ref.html
new file mode 100644
index 0000000000..c99bff74b5
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-caption-standards-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<table border>
+  <caption><span style="text-decoration: underline">This is the table caption</span></caption>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-caption-standards.html b/layout/reftests/text-decoration/underline-table-caption-standards.html
new file mode 100644
index 0000000000..f9af71bdef
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-caption-standards.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<table border>
+  <caption style="text-decoration: underline">This is the table caption</caption>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-cell-quirks-notref.html b/layout/reftests/text-decoration/underline-table-cell-quirks-notref.html
new file mode 100644
index 0000000000..0d77eb061d
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-cell-quirks-notref.html
@@ -0,0 +1,11 @@
+<title>text-decoration: underline test</title>
+<table border>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-cell-quirks-ref.html b/layout/reftests/text-decoration/underline-table-cell-quirks-ref.html
new file mode 100644
index 0000000000..d44cc08cc3
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-cell-quirks-ref.html
@@ -0,0 +1,11 @@
+<title>text-decoration: underline test</title>
+<table border>
+  <tr>
+    <td><span style="text-decoration: underline">Row 1, Cell 1</span></td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-cell-quirks.html b/layout/reftests/text-decoration/underline-table-cell-quirks.html
new file mode 100644
index 0000000000..5c11e7e5dc
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-cell-quirks.html
@@ -0,0 +1,11 @@
+<title>text-decoration: underline test</title>
+<table border>
+  <tr>
+    <td style="text-decoration: underline">Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-cell-standards-notref.html b/layout/reftests/text-decoration/underline-table-cell-standards-notref.html
new file mode 100644
index 0000000000..712d5a16d2
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-cell-standards-notref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<table border>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-cell-standards-ref.html b/layout/reftests/text-decoration/underline-table-cell-standards-ref.html
new file mode 100644
index 0000000000..45de37dbba
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-cell-standards-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<table border>
+  <tr>
+    <td><span style="text-decoration: underline">Row 1, Cell 1</span></td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/underline-table-cell-standards.html b/layout/reftests/text-decoration/underline-table-cell-standards.html
new file mode 100644
index 0000000000..cfaf01e25a
--- /dev/null
+++ b/layout/reftests/text-decoration/underline-table-cell-standards.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<title>text-decoration: underline test</title>
+<table border>
+  <tr>
+    <td style="text-decoration: underline">Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+  </tr>
+</table>
diff --git a/layout/reftests/text-decoration/vertical-mode-decorations-1-ref.html b/layout/reftests/text-decoration/vertical-mode-decorations-1-ref.html
new file mode 100644
index 0000000000..e2078fdc39
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="transform: rotate(90deg);">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>
diff --git a/layout/reftests/text-decoration/vertical-mode-decorations-1.html b/layout/reftests/text-decoration/vertical-mode-decorations-1.html
new file mode 100644
index 0000000000..2c14b80b13
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="writing-mode:sideways-rl;">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>
diff --git a/layout/reftests/text-decoration/vertical-mode-decorations-2-ref.html b/layout/reftests/text-decoration/vertical-mode-decorations-2-ref.html
new file mode 100644
index 0000000000..a410fa3bc6
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="transform: rotate(-90deg);">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>
diff --git a/layout/reftests/text-decoration/vertical-mode-decorations-2.html b/layout/reftests/text-decoration/vertical-mode-decorations-2.html
new file mode 100644
index 0000000000..72bdfca999
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="writing-mode:sideways-lr;">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>
diff --git a/layout/reftests/text-indent/dynamic-change-with-overflow-1-ref.html b/layout/reftests/text-indent/dynamic-change-with-overflow-1-ref.html
new file mode 100644
index 0000000000..8de8673c25
--- /dev/null
+++ b/layout/reftests/text-indent/dynamic-change-with-overflow-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <div style="overflow: hidden; text-indent: 50px">
+    Some text.
+  </div>
+</html>
diff --git a/layout/reftests/text-indent/dynamic-change-with-overflow-1.html b/layout/reftests/text-indent/dynamic-change-with-overflow-1.html
new file mode 100644
index 0000000000..97d6c69f70
--- /dev/null
+++ b/layout/reftests/text-indent/dynamic-change-with-overflow-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <div style="overflow: hidden;">
+    Some text.
+  </div>
+
+  <script>
+    onload = function() {
+      var div = document.querySelector("div");
+      // Make sure layout has happened.
+      window.width = div.offsetWidth;
+      div.style.textIndent = "50px";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/text-indent/reftest.list b/layout/reftests/text-indent/reftest.list
new file mode 100644
index 0000000000..2a9cfed416
--- /dev/null
+++ b/layout/reftests/text-indent/reftest.list
@@ -0,0 +1,20 @@
+# XXX Need to repeat these tests for RTL.  (Note that != tests can't use
+# same file.)
+
+# Also need to test intrinsic widths (bug 368155).
+
+!= text-indent-single-line-100.html text-indent-single-line-0.html
+== text-indent-single-line-100.html text-indent-single-line-ref-margin.html
+== text-indent-single-line-0.html text-indent-single-line-ref-unstyled.html
+== text-indent-single-line-percent.html text-indent-single-line-percent-ref.html
+== text-indent-single-line-indent-inline.html text-indent-single-line-indent-inline-ref-block-margin.html
+== text-indent-single-line-indent-inline.html text-indent-single-line-indent-inline-ref-inline-margin.html
+== text-indent-multiple-line.html text-indent-multiple-line-ref-inline-margin.html
+== text-indent-multiple-line.html text-indent-multiple-line-ref-float.html
+!= text-indent-multiple-line.html text-indent-multiple-line-notref-block-margin.html
+== text-indent-intrinsic-pref.html text-indent-intrinsic-pref-ref.html
+== text-indent-intrinsic-min.html text-indent-intrinsic-min-ref.html
+== text-indent-negative-intrinsic-pref.html text-indent-negative-intrinsic-pref-ref.html
+== text-indent-negative-intrinsic-min.html text-indent-negative-intrinsic-min-ref.html
+== text-indent-parent-dynamic.html text-indent-parent-dynamic-ref.html
+== dynamic-change-with-overflow-1.html dynamic-change-with-overflow-1-ref.html
diff --git a/layout/reftests/text-indent/text-indent-intrinsic-min-ref.html b/layout/reftests/text-indent/text-indent-intrinsic-min-ref.html
new file mode 100644
index 0000000000..8fb6f977e7
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-intrinsic-min-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div><span style="margin-left: 3em">X</span></div>
+
+<!-- test against block padding -->
+<div style="padding-left: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="width: 4em;"></div>
+
+<div style="width: 4em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-intrinsic-min.html b/layout/reftests/text-indent/text-indent-intrinsic-min.html
new file mode 100644
index 0000000000..1672b9778b
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-intrinsic-min.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for intrinsic widths and text-indent</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { font-size: 12px; width: 1px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+span {
+    display: inline-block;
+    height: 1em;
+    width: 1em;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block padding -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="text-indent: 3em;"><span></span></div>
+
+<div style="text-indent: 3em"><span style="width: 1em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#x200b;<span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#x200b;<span style="width: 6em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br><span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br><span style="width: 6em"></span></div>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 2em"></span></pre>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 6em"></span></pre>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-intrinsic-pref-ref.html b/layout/reftests/text-indent/text-indent-intrinsic-pref-ref.html
new file mode 100644
index 0000000000..e31a87e7f6
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-intrinsic-pref-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div><span style="margin-left: 3em">X</span></div>
+
+<!-- test against block padding -->
+<div style="padding-left: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="width: 4em;"></div>
+
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 10em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-intrinsic-pref.html b/layout/reftests/text-indent/text-indent-intrinsic-pref.html
new file mode 100644
index 0000000000..7f90ed4fbc
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-intrinsic-pref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for intrinsic widths and text-indent</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+span {
+    display: inline-block;
+    height: 1em;
+    width: 1em;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block padding -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="text-indent: 3em;"><span></span></div>
+
+<div style="text-indent: 3em"><span style="width: 1em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#x200b;<span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#x200b;<span style="width: 6em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br><span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br><span style="width: 6em"></span></div>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 2em"></span></pre>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 6em"></span></pre>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-multiple-line-notref-block-margin.html b/layout/reftests/text-indent/text-indent-multiple-line-notref-block-margin.html
new file mode 100644
index 0000000000..6ab611947d
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-multiple-line-notref-block-margin.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+p { margin-left: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-multiple-line-ref-float.html b/layout/reftests/text-indent/text-indent-multiple-line-ref-float.html
new file mode 100644
index 0000000000..1166653475
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-multiple-line-ref-float.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+i { float: left; height: 0.3em; width: 100px; }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><i></i><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-multiple-line-ref-inline-margin.html b/layout/reftests/text-indent/text-indent-multiple-line-ref-inline-margin.html
new file mode 100644
index 0000000000..a2c2634f61
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-multiple-line-ref-inline-margin.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+span { background: yellow; margin-left: 100px }
+</style>
+</head>
+<body>
+<p><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-multiple-line.html b/layout/reftests/text-indent/text-indent-multiple-line.html
new file mode 100644
index 0000000000..faac92a3e2
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-multiple-line.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+p { text-indent: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-negative-intrinsic-min-ref.html b/layout/reftests/text-indent/text-indent-negative-intrinsic-min-ref.html
new file mode 100644
index 0000000000..b5bd6204ce
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-negative-intrinsic-min-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 0"></div>
+<div style="width: 2em"></div>
+<div style="width: 0"></div>
+<div style="width: 1em"></div>
+<div style="width: 3em"></div>
+<div style="width: 3em"></div>
+<div style="width: 1em"></div>
+<div style="width: 2em"></div>
+<div style="width: 5em"></div>
+<div style="width: 2em"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-negative-intrinsic-min.html b/layout/reftests/text-indent/text-indent-negative-intrinsic-min.html
new file mode 100644
index 0000000000..7139987bef
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-negative-intrinsic-min.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for intrinsic widths and negative text-indent</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+span {
+    display: inline-block;
+    height: 1em;
+    width: 1em;
+}
+
+</style>
+</head>
+<body style="width: 1px">
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span></div>
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#x200b;<span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#x200b;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#x200b;<span style="width: 3em"></span>&#x200b;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 4em"></span>&#x200b;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span><br><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span><br><span style="width: 1em"></span></div>
+<pre style="text-indent: -3em"><span style="width: 1em"></span>
+<span style="width: 5em"></span></pre>
+<pre style="text-indent: -3em"><span style="width: 5em"></span>
+<span style="width: 1em"></span></pre>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-negative-intrinsic-pref-ref.html b/layout/reftests/text-indent/text-indent-negative-intrinsic-pref-ref.html
new file mode 100644
index 0000000000..b8f26095ed
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-negative-intrinsic-pref-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 0"></div>
+<div style="width: 2em"></div>
+<div style="width: 0"></div>
+<div style="width: 1em"></div>
+<div style="width: 4em"></div>
+<div style="width: 4em"></div>
+<div style="width: 1em"></div>
+<div style="width: 2em"></div>
+<div style="width: 5em"></div>
+<div style="width: 2em"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-negative-intrinsic-pref.html b/layout/reftests/text-indent/text-indent-negative-intrinsic-pref.html
new file mode 100644
index 0000000000..d9f8e12f26
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-negative-intrinsic-pref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS 2.1 Test Suite: Test for intrinsic widths and negative text-indent</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body > div, body > pre {
+	float: left; clear: left; margin: 1px; height: 2em;
+	border: medium solid;
+}
+
+span {
+    display: inline-block;
+    height: 1em;
+    width: 1em;
+}
+
+</style>
+</head>
+<body>
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span></div>
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#x200b;<span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#x200b;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#x200b;<span style="width: 3em"></span>&#x200b;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 4em"></span>&#x200b;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span><br><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span><br><span style="width: 1em"></span></div>
+<pre style="text-indent: -3em"><span style="width: 1em"></span>
+<span style="width: 5em"></span></pre>
+<pre style="text-indent: -3em"><span style="width: 5em"></span>
+<span style="width: 1em"></span></pre>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-parent-dynamic-ref.html b/layout/reftests/text-indent/text-indent-parent-dynamic-ref.html
new file mode 100644
index 0000000000..8109f19e59
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-parent-dynamic-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div id="x" style="background: lightgreen; height: 3em; width: 500px; padding: 4px;">
+  <div style="text-indent: 80px; width: 200px; background: yellow;">X</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-parent-dynamic.html b/layout/reftests/text-indent/text-indent-parent-dynamic.html
new file mode 100644
index 0000000000..2bc8767d23
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-parent-dynamic.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div id="x" style="background: lightgreen; height: 3em; width: 400px; padding: 4px;">
+  <div style="text-indent: 40%; width: 200px; background: yellow;">X</div>
+</div>
+
+<script>
+var x = document.getElementById('x');
+x.offsetWidth;
+x.style.width = '500px';
+</script>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-0.html b/layout/reftests/text-indent/text-indent-single-line-0.html
new file mode 100644
index 0000000000..0cb6ab4d4d
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-0.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+p { text-indent: 0px }
+</style>
+</head>
+<body>
+<p>text</p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-100.html b/layout/reftests/text-indent/text-indent-single-line-100.html
new file mode 100644
index 0000000000..0df429a239
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-100.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+p { text-indent: 100px }
+</style>
+</head>
+<body>
+<p>text</p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-block-margin.html b/layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-block-margin.html
new file mode 100644
index 0000000000..7eb28cd930
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-block-margin.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+p { margin-left: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>text</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-inline-margin.html b/layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-inline-margin.html
new file mode 100644
index 0000000000..62a8f86fcb
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-indent-inline-ref-inline-margin.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+span { background: yellow; margin-left: 100px }
+</style>
+</head>
+<body>
+<p><span>text</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-indent-inline.html b/layout/reftests/text-indent/text-indent-single-line-indent-inline.html
new file mode 100644
index 0000000000..7c520427dd
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-indent-inline.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+p { text-indent: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>text</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-percent-ref.html b/layout/reftests/text-indent/text-indent-single-line-percent-ref.html
new file mode 100644
index 0000000000..0eafe7c97c
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-percent-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<head>
+<title>text-indent test</title>
+<style type="text/css">
+div { width: 500px; }
+p { width: 300px; text-indent: 30px; }
+</style>
+</head>
+<body>
+<div>
+<p>text</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-percent.html b/layout/reftests/text-indent/text-indent-single-line-percent.html
new file mode 100644
index 0000000000..aeb4ae5f74
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-percent.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+div { width: 500px; }
+p { width: 300px; text-indent: 10%; }
+</style>
+</head>
+<body>
+<div>
+<p>text</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-ref-margin.html b/layout/reftests/text-indent/text-indent-single-line-ref-margin.html
new file mode 100644
index 0000000000..7fb1be9993
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-ref-margin.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+p { margin-left: 100px }
+</style>
+</head>
+<body>
+<p>text</p>
+</body>
+</html>
diff --git a/layout/reftests/text-indent/text-indent-single-line-ref-unstyled.html b/layout/reftests/text-indent/text-indent-single-line-ref-unstyled.html
new file mode 100644
index 0000000000..5863a40c7b
--- /dev/null
+++ b/layout/reftests/text-indent/text-indent-single-line-ref-unstyled.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<head>
+<title>CSS 2.1 Test Suite: text-indent test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<meta name="flags" content="" />
+<style type="text/css">
+</style>
+</head>
+<body>
+<p>text</p>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/TestEllipsisFallback.woff b/layout/reftests/text-overflow/TestEllipsisFallback.woff
new file mode 100644
index 0000000000..4de40fbbb2
Binary files /dev/null and b/layout/reftests/text-overflow/TestEllipsisFallback.woff differ
diff --git a/layout/reftests/text-overflow/aligned-baseline-ref.html b/layout/reftests/text-overflow/aligned-baseline-ref.html
new file mode 100644
index 0000000000..458731f88d
--- /dev/null
+++ b/layout/reftests/text-overflow/aligned-baseline-ref.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Testcase for bug 668919</title>
+
+<style>
+.tab-title {
+  overflow:hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 5em;
+  height:25px;
+}
+
+.c1 { font-size: 14px; }
+.c2 { font-size: 15px; }
+.c3 { font-size: 16px; }
+.c4 { font-size: 17px; }
+.c5 { font-size: 18px; }
+.c6 { font-size: 19px; }
+.c7 { font-size: 20px; }
+.c8 { font-size: 24px; }
+.c9 { font-size: 28px; }
+.c10 { font-size: 32px; }
+.c11 { font-size: 36px; }
+
+.p0  { padding-top:0; }
+.p1  { padding-top:0px; }
+.p2  { padding-top:0px; }
+
+.col2 .tab-title { text-shadow: 1px 1px 1px blue; }
+</style>
+    </head>
+<body>
+
+<div style="position:absolute; top: 0px;">
+<div class="tab-title c1 p0">CSS is awesome</div>
+<div class="tab-title c1 p2">CSS is awesome</div>
+<div class="tab-title c1 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 100px;">
+<div class="tab-title c2 p0">CSS is awesome</div>
+<div class="tab-title c2 p2">CSS is awesome</div>
+<div class="tab-title c2 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 200px;">
+<div class="tab-title c3 p0">CSS is awesome</div>
+<div class="tab-title c3 p2">CSS is awesome</div>
+<div class="tab-title c3 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 300px;">
+<div class="tab-title c4 p0">CSS is awesome</div>
+<div class="tab-title c4 p2">CSS is awesome</div>
+<div class="tab-title c4 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 400px;">
+<div class="tab-title c5 p0">CSS is awesome</div>
+<div class="tab-title c5 p2">CSS is awesome</div>
+<div class="tab-title c5 p3">CSS is awesome</div>
+</div>
+
+<div class="col2" style="position:absolute; top: 0px; left:8em;">
+<div style="position:absolute; top: 0px;">
+<div class="tab-title c1 p0">CSS is awesome</div>
+<div class="tab-title c1 p2">CSS is awesome</div>
+<div class="tab-title c1 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 100px;">
+<div class="tab-title c2 p0">CSS is awesome</div>
+<div class="tab-title c2 p2">CSS is awesome</div>
+<div class="tab-title c2 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 200px;">
+<div class="tab-title c3 p0">CSS is awesome</div>
+<div class="tab-title c3 p2">CSS is awesome</div>
+<div class="tab-title c3 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 300px;">
+<div class="tab-title c4 p0">CSS is awesome</div>
+<div class="tab-title c4 p2">CSS is awesome</div>
+<div class="tab-title c4 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 400px;">
+<div class="tab-title c5 p0">CSS is awesome</div>
+<div class="tab-title c5 p2">CSS is awesome</div>
+<div class="tab-title c5 p3">CSS is awesome</div>
+</div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/aligned-baseline.html b/layout/reftests/text-overflow/aligned-baseline.html
new file mode 100644
index 0000000000..0703403032
--- /dev/null
+++ b/layout/reftests/text-overflow/aligned-baseline.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Testcase for bug 668919</title>
+
+<style>
+.tab-title {
+  overflow:hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 5em;
+  height:25px;
+}
+
+.c1 { font-size: 14px; }
+.c2 { font-size: 15px; }
+.c3 { font-size: 16px; }
+.c4 { font-size: 17px; }
+.c5 { font-size: 18px; }
+.c6 { font-size: 19px; }
+.c7 { font-size: 20px; }
+.c8 { font-size: 24px; }
+.c9 { font-size: 28px; }
+.c10 { font-size: 32px; }
+.c11 { font-size: 36px; }
+
+.p0  { padding-top:0; }
+.p1  { padding-top:0.1px; }
+.p2  { padding-top:0.2px; }
+
+.col2 .tab-title { text-shadow: 1px 1px 1px blue; }
+</style>
+    </head>
+<body>
+
+<div style="position:absolute; top: 0px;">
+<div class="tab-title c1 p0">CSS is awesome</div>
+<div class="tab-title c1 p2">CSS is awesome</div>
+<div class="tab-title c1 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 100px;">
+<div class="tab-title c2 p0">CSS is awesome</div>
+<div class="tab-title c2 p2">CSS is awesome</div>
+<div class="tab-title c2 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 200px;">
+<div class="tab-title c3 p0">CSS is awesome</div>
+<div class="tab-title c3 p2">CSS is awesome</div>
+<div class="tab-title c3 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 300px;">
+<div class="tab-title c4 p0">CSS is awesome</div>
+<div class="tab-title c4 p2">CSS is awesome</div>
+<div class="tab-title c4 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 400px;">
+<div class="tab-title c5 p0">CSS is awesome</div>
+<div class="tab-title c5 p2">CSS is awesome</div>
+<div class="tab-title c5 p3">CSS is awesome</div>
+</div>
+
+<div class="col2" style="position:absolute; top: 0px; left:8em;">
+<div style="position:absolute; top: 0px;">
+<div class="tab-title c1 p0">CSS is awesome</div>
+<div class="tab-title c1 p2">CSS is awesome</div>
+<div class="tab-title c1 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 100px;">
+<div class="tab-title c2 p0">CSS is awesome</div>
+<div class="tab-title c2 p2">CSS is awesome</div>
+<div class="tab-title c2 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 200px;">
+<div class="tab-title c3 p0">CSS is awesome</div>
+<div class="tab-title c3 p2">CSS is awesome</div>
+<div class="tab-title c3 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 300px;">
+<div class="tab-title c4 p0">CSS is awesome</div>
+<div class="tab-title c4 p2">CSS is awesome</div>
+<div class="tab-title c4 p3">CSS is awesome</div>
+</div>
+
+<div style="position:absolute; top: 400px;">
+<div class="tab-title c5 p0">CSS is awesome</div>
+<div class="tab-title c5 p2">CSS is awesome</div>
+<div class="tab-title c5 p3">CSS is awesome</div>
+</div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/anonymous-block-ref.html b/layout/reftests/text-overflow/anonymous-block-ref.html
new file mode 100644
index 0000000000..441d79c82d
--- /dev/null
+++ b/layout/reftests/text-overflow/anonymous-block-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<title>text-overflow: anonymous block</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  width:50%;
+  height:10em;
+
+  border:1px solid black;
+  white-space:pre;
+  margin-left:2em;
+  margin-bottom:2em;
+  line-height:1.5em;
+}
+i {
+  display:inline-block;
+  height: 3em;
+  width: 5em;
+  background: blue;
+  font-style:normal;
+}
+span {
+  position:relative;
+  background:pink;
+  top:40px;
+  left:16em;
+}
+
+.t1 {width:6em;}
+.t2 {width:2em;}
+.t3 {width:25em;}
+.t4 {width:17.5em;}
+
+input { font-family:DejaVuSansMono; }
+
+</style>
+
+</head><body>
+
+
+<div class="test t1"><x>Some ove<m>&#x2026;</m><span><i style="display:block;">anonymous<br>block</i>and</span> unin<m>&#x2026;</m></x></div>
+<div class="test t2"><x>So<m>&#x2026;</m><i style="display:block;">anonymous<br>block</i>an<m>&#x2026;</m></x></div>
+<div style="position:absolute;"><div class="test t3" style="border-style:none;padding:1px"><x>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<m style="padding-left:16em">&#x2026;</m></div></div>
+<div class="test t3"><x>Some overly <span>l&nbsp;&nbsp;&nbsp;</span><span><i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
+<div class="test t4"><x>Some overly <m>&#x2026;</m><span>long<i style="display:block;">anonymous<br>block</i>a&nbsp;&nbsp;</span> uninformative sentence</x></div>
+
+<input size="4" placeholder="pla&#x2026;">
+<input size="4" dir="rtl" placeholder="der&#x2026;">
+<input size="4" placeholder="plaX">
+<input size="4" dir="rtl" placeholder="Xder">
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/anonymous-block.html b/layout/reftests/text-overflow/anonymous-block.html
new file mode 100644
index 0000000000..e61ffd4bd9
--- /dev/null
+++ b/layout/reftests/text-overflow/anonymous-block.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: overflowing anonymous block should not have marker
+-->
+<html><head>
+<title>text-overflow: anonymous block</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  text-overflow:ellipsis;
+  overflow:hidden;
+  width:50%;
+  height:10em;
+
+  border:1px solid black;
+  white-space:pre;
+  margin-left:2em;
+  margin-bottom:2em;
+  line-height:1.5em;
+}
+i {
+  display:inline-block;
+  height: 3em;
+  width: 5em;
+  background: blue;
+  font-style:normal;
+}
+span {
+  position:relative;
+  background:pink;
+  top:40px;
+  left:16em;
+}
+
+.t1 {width:6em;}
+.t2 {width:2em;}
+.t3 {width:25em;}
+.t4 {width:17.5em;}
+
+input { font-family:DejaVuSansMono; }
+input::placeholder {
+  overflow:hidden;
+  text-overflow:ellipsis;
+}
+input.t5::placeholder {
+  text-overflow:"X";
+}
+
+</style>
+
+</head><body>
+
+
+<div class="test t1"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
+<div class="test t2"><x>Some overly long<i style="display:block;">anonymous<br>block</i>and uninformative sentence</x></div>
+<div class="test t3"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
+<div class="test t4"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
+
+<input size="4" placeholder="placeholder">
+<input size="4" dir="rtl" placeholder="placeholder">
+<input size="4" class="t5" placeholder="placeholder">
+<input size="4" class="t5" dir="rtl" placeholder="placeholder">
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/atomic-under-marker-ref.html b/layout/reftests/text-overflow/atomic-under-marker-ref.html
new file mode 100644
index 0000000000..fd118943ff
--- /dev/null
+++ b/layout/reftests/text-overflow/atomic-under-marker-ref.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow with overflow where introducing a marker would cause
+          the line to have no visible text or atomic inline-level content --
+          then we should either suppress or clip the marker
+-->
+<html><head>
+<title>text-overflow: suppress or clip the marker when it hides all content</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  width:100px;
+  white-space:nowrap;
+  margin:0 100px;
+}
+span {
+ width:97px;
+ display:inline-block;
+}
+s {
+ width:3px;
+ height:10px;
+ margin-left:-2px;
+ display:inline-block;
+ background:blue;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+
+.t1 { }
+.t2 { }
+.t3 { margin-left:98px; padding-left:3px; }
+
+i {
+  display:inline-block;
+  width:2px; 
+  height:10px;
+  background:blue;
+}
+
+</style>
+
+</head><body>
+
+<div style="float:left;">
+<div class="test t1"><span>!</span>&#x2026;</div> <!-- atomic under marker -->
+<div class="test t1"><span>!</span>&#x2026;</div> <!-- atomic in padding -->
+<div class="test t1"><span>!</span>&#x2026;</div> <!-- atomic under marker and in padding -->
+<div class="test t2"><span>!</span>&#x2026;</div> <!-- atomic under marker -->
+<div class="test t2"><span>!</span>&#x2026;</div> <!-- atomic in padding -->
+<div class="test t2"><span>!</span>&#x2026;</div> <!-- atomic under marker and in padding -->
+
+<div class="test rtl t1"><span>!</span>&#x2026;</div> <!-- atomic under marker -->
+<div class="test rtl t1"><span>!</span>&#x2026;</div> <!-- atomic in padding -->
+<div class="test rtl t1"><span>!</span>&#x2026;</div> <!-- atomic under marker and in padding -->
+<div class="test t2"><x style="margin-left:3px">.|</style></div> <!-- atomic under marker -->
+<div class="test t3">g<i></i></div> <!-- atomic in padding -->
+<div class="test t2"><s style="margin-left:1px;"></s><i style="width:17px"></i></div> <!-- atomic under marker and in padding -->
+
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/atomic-under-marker.html b/layout/reftests/text-overflow/atomic-under-marker.html
new file mode 100644
index 0000000000..db37d05e0a
--- /dev/null
+++ b/layout/reftests/text-overflow/atomic-under-marker.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow with overflow where introducing a marker would cause
+          the line to have no visible text or atomic inline-level content --
+          then we should either suppress or clip the marker
+-->
+<html><head>
+<title>text-overflow: suppress or clip the marker when it hides all content</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  width:100px;
+  white-space:nowrap;
+  padding:0 100px;
+}
+span {
+ width:97px;
+ display:inline-block;
+}
+s {
+ width:3px;
+ height:10px;
+ margin-left:-2px;
+ display:inline-block;
+ background:blue;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+
+.t1 { text-overflow:ellipsis; }
+.t2 { text-overflow:"." ellipsis; }
+.t3 { text-overflow:"long" ellipsis; }
+
+i {
+  display:inline-block;
+  width:2px; 
+  height:10px;
+  background:blue;
+}
+
+</style>
+
+</head><body>
+
+<div style="float:left;">
+<div class="test t1"><span>!</span><i></i>||</div> <!-- atomic under marker -->
+<div class="test t1"><span>!</span>||<i></i></div> <!-- atomic in padding -->
+<div class="test t1"><span>!</span><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
+<div class="test t2"><span>!</span><i></i>||</div> <!-- atomic under marker -->
+<div class="test t2"><span>!</span>||<i></i></div> <!-- atomic in padding -->
+<div class="test t2"><span>!</span><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
+
+<div class="test rtl t1"><span>!</span><i></i>||</div> <!-- atomic under marker -->
+<div class="test rtl t1"><span>!</span>||<i></i></div> <!-- atomic in padding -->
+<div class="test rtl t1"><span>!</span><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
+<div class="test t2"><s></s><i></i>||</div> <!-- atomic under marker -->
+<div class="test t3"><s></s>|<i></i></div> <!-- atomic in padding -->
+<div class="test t2"><s></s><i style="width:20px"></i></div> <!-- atomic under marker and in padding -->
+
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/bidi-simple-ref.html b/layout/reftests/text-overflow/bidi-simple-ref.html
new file mode 100644
index 0000000000..3a28b6df0a
--- /dev/null
+++ b/layout/reftests/text-overflow/bidi-simple-ref.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<title>text-overflow: simple mixed-bidi cases</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:auto;
+  white-space:nowrap;
+  width: 4.4em;
+  position:relative;
+  margin-top:1em;
+}
+
+.hidden {
+  overflow:hidden;
+  width: 4.7em;
+}
+
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+.rtl {
+  direction:rtl;
+}
+r {
+  position:absolute;
+  top:0; right:0;
+}
+l {
+  position:absolute;
+  top:0; left:0;
+}
+</style>
+
+</head><body>
+
+
+<!-- LTR overflow:scroll -->
+<div class="test"><r>&#x2026</r>AxxxxB&nbsp;&nbsp;<span class="rlo">HelloWor</span>Axxxx<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test"><r>&#x2026</r><span class="rlo">He&nbsp;&nbsp;oWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test"><r>&#x2026</r><span class="rlo">He&nbsp;&nbsp;oWorld</span></div>
+
+
+<!-- LTR overflow:hidden -->
+<div class="test hidden">AxxxxB<m>&#x2026</m><span class="rlo">HelloWorl&nbsp;</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test hidden"><span class="rlo">H&nbsp;&nbsp;<m>&#x2026</m>oWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test hidden"><span class="rlo">H&nbsp;&nbsp;<m>&#x2026</m>oWorld</span></div>
+
+<!-- RTL overflow:scroll -->
+<div class="test rtl"><l>&#x2026</l>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW&nbsp;&nbsp;ld</span></div>
+
+<div class="test rtl"><l>&#x2026</l><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW&nbsp;&nbsp;ld</span></div>
+
+<div class="test rtl"><l>&#x2026</l><span class="rlo">HelloW&nbsp;&nbsp;ld</span></div>
+
+
+<!-- RTL overflow:hidden -->
+<div class="test rtl hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW<m>&#x2026</m>&nbsp;&nbsp;&nbsp;</span></div>
+
+<div class="test rtl hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW<m>&#x2026</m>&nbsp;&nbsp;&nbsp;</span></div>
+
+<div class="test rtl hidden"><span class="rlo">HelloW<m>&#x2026</m>&nbsp;&nbsp;&nbsp;</span></div>
+
+
+
+
+</body></html>
diff --git a/layout/reftests/text-overflow/bidi-simple-scrolled-ref.html b/layout/reftests/text-overflow/bidi-simple-scrolled-ref.html
new file mode 100644
index 0000000000..65eff80bce
--- /dev/null
+++ b/layout/reftests/text-overflow/bidi-simple-scrolled-ref.html
@@ -0,0 +1,106 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: simple mixed-bidi cases</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:auto;
+  white-space:nowrap;
+  width: 4.4em;
+  margin-bottom:1em;
+  position:relative;
+  line-height:2em;
+}
+
+.hidden {
+  overflow:hidden;
+  width: 4.7em;
+}
+
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+.rtl {
+  direction:rtl;
+}
+rr {
+  position:absolute;
+  bottom:0; right:8px;
+}
+r {
+  position:absolute;
+  bottom:0; right:-8px;
+}
+ll {
+  position:absolute;
+  bottom:0; left:8px;
+}
+l {
+  position:absolute;
+  bottom:0; left:-8px;
+}
+
+</style>
+<script>
+function scrolldivs() {
+ var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    if (window.getComputedStyle(divs[i]).direction == 'ltr')
+      divs[i].scrollLeft = 8;
+    else
+      divs[i].scrollLeft = -8;
+  }
+  document.documentElement.removeAttribute('class');
+}
+</script>
+
+</head><body onload="scrolldivs()">
+
+<!-- LTR block -->
+
+<div class="test"><ll>&#x2026;</ll><r>&#x2026;</r>&nbsp;&nbsp;xxB&nbsp;<span class="rlo">&#x2026;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;xxxx<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test"><ll>&#x2026;</ll><r>&#x2026;</r><span class="rlo">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Wor&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test"><ll>&#x2026;</ll><r>&#x2026;</r><span class="rlo">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Wor&nbsp;&nbsp;</span></div>
+
+<!-- RTL block -->
+<div class="test rtl"><rr>&#x2026;</rr><l>&#x2026;</l>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">&nbsp;&nbsp;llo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
+
+<div class="test rtl"><rr>&#x2026;</rr><l>&#x2026;</l><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">&nbsp;&nbsp;llo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
+
+<div class="test rtl"><rr>&#x2026;</rr><l>&#x2026;</l><span class="rlo">&nbsp;&nbsp;llo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
+
+
+<div class="test rtl hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">&nbsp;&#x2026;lloWo&#x2026;&nbsp;&nbsp;</span></div>
+
+<div class="test rtl hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">&nbsp;&#x2026;lloWo&#x2026;&nbsp;&nbsp;</span></div>
+
+<div class="test rtl hidden"><span class="rlo">&nbsp;&#x2026;lloWo&#x2026;&nbsp;&nbsp;</span></div>
+
+
+<div class="test hidden">&nbsp;&#x2026;xxxB<span class="rlo">Hello&nbsp;&nbsp;&nbsp;&#x2026;d</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test hidden"><span class="rlo">&nbsp;&nbsp;&#x2026;loWor&#x2026;&nbsp;</span>&nbsp;xxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test hidden"><span class="rlo">&nbsp;&nbsp;&#x2026;loWor&#x2026;&nbsp;</span></div>
+
+<span style="position:absolute; top:0; left:6em; height:6em; overflow:hidden;">
+<div class="test rtl"><br><br><rr>&#x2026;</rr><l>&#x2026;</l><span class="rlo">&nbsp;&nbsp;lloW&nbsp;&nbsp;&nbsp;&nbsp;HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorld</span></div>
+</span>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/bidi-simple-scrolled.html b/layout/reftests/text-overflow/bidi-simple-scrolled.html
new file mode 100644
index 0000000000..489535ab83
--- /dev/null
+++ b/layout/reftests/text-overflow/bidi-simple-scrolled.html
@@ -0,0 +1,98 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Simple bidi cases, scrolled a bit from the start position
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: simple mixed-bidi cases, scrolled a bit from the start position</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+.test {
+  overflow:auto;
+  text-overflow:ellipsis ellipsis;
+  white-space:nowrap;
+  width: 4.4em;
+  margin-bottom:1em;
+  position:relative;
+  line-height:2em;
+}
+
+.hidden {
+  overflow:hidden;
+  width: 4.7em;
+}
+
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+
+</style>
+<script>
+function scrolldivs() {
+ var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    if (window.getComputedStyle(divs[i]).direction == 'ltr')
+      divs[i].scrollLeft = 8;
+    else
+      divs[i].scrollLeft = -8;
+  }
+  document.documentElement.removeAttribute('class');
+}
+</script>
+
+</head><body onload="scrolldivs()">
+
+<!-- LTR block -->
+
+<div class="test ltr">AxxxB&nbsp;<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test ltr"><span class="rlo">Hell&nbsp;World</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test ltr"><span class="rlo">Hell&nbsp;World</span></div>
+
+
+<!-- RTL block -->
+<div class="test rtl">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">Hello&nbsp;orld</span></div>
+
+<div class="test rtl"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">Hello&nbsp;orld</span></div>
+
+<div class="test rtl"><span class="rlo">Hello&nbsp;orld</span></div>
+
+
+<div class="test rtl hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test rtl hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test rtl hidden"><span class="rlo">HelloWorld</span></div>
+
+<!-- LTR block -->
+
+
+<div class="test ltr hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test ltr hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test ltr hidden"><span class="rlo">HelloWorld</span></div>
+
+<span style="position:absolute; top:0; left:6em; height:6em; overflow:hidden;">
+<div class="test rtl"><br><br><span class="rlo">HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorld</span></div>
+</span>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/bidi-simple.html b/layout/reftests/text-overflow/bidi-simple.html
new file mode 100644
index 0000000000..82dcdfb5ce
--- /dev/null
+++ b/layout/reftests/text-overflow/bidi-simple.html
@@ -0,0 +1,81 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Simple bidi cases
+-->
+<html><head>
+<title>text-overflow: simple mixed-bidi cases</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:auto;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  width: 4.4em;
+  position:relative;
+  margin-top:1em;
+}
+
+.hidden {
+  overflow:hidden;
+  width: 4.7em;
+}
+
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+.rtl {
+  direction:rtl;
+}
+
+</style>
+
+</head><body>
+
+<!-- LTR overflow:scroll -->
+
+<div class="test">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test"><span class="rlo">HelloWorld</span></div>
+
+<!-- LTR overflow:hidden -->
+<div class="test hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test hidden"><span class="rlo">HelloWorld</span></div>
+
+<!-- RTL overflow:scroll -->
+
+<div class="test rtl">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test rtl"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test rtl"><span class="rlo">HelloWorld</span></div>
+
+
+<!-- RTL overflow:hidden -->
+<div class="test rtl hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test rtl hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
+
+<div class="test rtl hidden"><span class="rlo">HelloWorld</span></div>
+
+
+
+
+</body></html>
diff --git a/layout/reftests/text-overflow/block-padding-ref.html b/layout/reftests/text-overflow/block-padding-ref.html
new file mode 100644
index 0000000000..7e6539e4d8
--- /dev/null
+++ b/layout/reftests/text-overflow/block-padding-ref.html
@@ -0,0 +1,83 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>text-overflow: text-overflow block padding </title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; text-decoration-skip-ink: none;
+}
+body { width:24ch; overflow:hidden; }
+
+.test {
+  overflow: hidden;
+  white-space: nowrap;
+  padding-left: 1ch;
+  padding-right: 3ch;
+  height: 3em;
+  margin-bottom:1em;
+}
+.s {
+  overflow: auto; position:relative;
+  text-decoration: line-through;
+}
+.rel { position:relative; }
+span {
+  text-decoration: underline overline;
+  background:yellow;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.rlo span {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro span {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+.overlay {
+  position:absolute;
+  border-color:transparent;
+  text-decoration: line-through;
+  z-index:1;
+}
+y {   background:yellow;}
+m {   background:yellow; position:absolute; right:0; padding-right:3ch; z-index:2;}
+mr {  background:yellow; position:absolute; left:0;padding-left:1ch; z-index:2;}
+</style>
+</head><body>
+
+<!-- LTR / LTR -->
+<div class="test ltr overlay"><r>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</r></div>
+<div class="test ltr"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|</span><y>&#x2026;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</y></div>
+
+<div class="test ltr s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><m>&#x2026;</m></div>
+
+<!-- RTL / LTR -->
+<div class="test rtl rel"><span><div class="overlay"><r>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</r></div>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|</span><y style="padding-left:3ch">&#x2026;</y></div>
+
+<div class="test rtl s"><mr>&#x2026;</mr><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+
+<!-- LTR / RTL -->
+<div class="test ltr rlo overlay"><r>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</r></div>
+<div class="test ltr rlo"  ><span>&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span><y style="padding-right:3ch">&#x2026;</y></div>
+
+<div class="test ltr rlo s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span><m>&#x2026;</m></div>
+
+<!-- RTL / RTL -->
+<div class="test rtl rlo rel"><span><div class="overlay"><r>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</r></div>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|</span><y>&#x2026;&nbsp;</y></div>
+
+<div class="test rtl rlo s"><mr>&#x2026;</mr><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/block-padding.html b/layout/reftests/text-overflow/block-padding.html
new file mode 100644
index 0000000000..eda4217464
--- /dev/null
+++ b/layout/reftests/text-overflow/block-padding.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: test marker trigger point and alignment in a block with padding
+-->
+<!DOCTYPE HTML>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>text-overflow: text-overflow block padding </title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; text-decoration-skip-ink: none;
+}
+body { width:24ch; overflow:hidden; }
+
+.test {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-decoration: line-through;
+  padding-left: 1ch;
+  padding-right: 3ch;
+  height: 3em;
+  margin-bottom:1em;
+}
+.s {
+  overflow: auto;
+}
+span {
+  text-decoration: underline overline;
+  background:yellow;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.rlo span {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro span {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+</style>
+
+</head><body>
+
+<!-- LTR / LTR -->
+<div class="test ltr"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+<div class="test ltr s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+
+<!-- RTL / LTR -->
+<div class="test rtl"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+<div class="test rtl s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+
+<!-- LTR / RTL -->
+<div class="test ltr rlo"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+<div class="test ltr rlo s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+
+<!-- RTL / RTL -->
+<div class="test rtl rlo"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+<div class="test rtl rlo s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/clipped-elements-ref.html b/layout/reftests/text-overflow/clipped-elements-ref.html
new file mode 100644
index 0000000000..393283f858
--- /dev/null
+++ b/layout/reftests/text-overflow/clipped-elements-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html><html>
+<head><style>
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+.test { 
+  overflow: hidden; 
+  text-align:right;
+  width: 50px;
+  margin-bottom:1em;
+  height: 20px;
+  white-space:nowrap;
+/*border:1px solid red;width: 500px;*/
+}
+.rel { position:relative; text-align:left;}
+input,select,fieldset,textarea,hr,span {
+ border:1px solid black;
+ background: white;
+ color: black;
+ padding:0 40px;
+}
+iframe,img { width: 80px; height:10px; }
+select[size="4"],iframe,textarea,hr { height:10px; margin:0; }
+</style></head>
+<body>
+
+<div style="position:absolute; top:0; left:0;">
+  <div class="test"><fieldset style="display:inline;"></fieldset></div>
+  <div class="test"><fieldset style="display:inline-block;"></fieldset></div>
+  <div class="test"><fieldset style="display:block;"></fieldset></div>
+
+  <div class="test"><input type="button"></div>
+  <div class="test"><input type="button" style="display:inline-block;"></div>
+  <div class="test"><input type="button" style="display:list-item;"></div>
+  <div class="test"><input type="button" style="display:block;"></div>
+
+  <div class="test"><input type="text"></div>
+  <div class="test"><input type="text" style="display:inline-block;"></div>
+  <div class="test"><input type="text" style="display:block;"></div>
+
+  <div class="test"><textarea></textarea></div>
+  <div class="test"><textarea style="display:inline-block;"></textarea></div>
+  <div class="test"><textarea style="display:block;"></textarea></div>
+
+  <div class="test"><select size="1" style=""><option>&nbsp;<option>&nbsp;</select></div>
+  <div class="test"><select size="1" style="display:block;"><option>&nbsp;<option>&nbsp;</select></div>
+
+  <div class="test"><select size="4" style=""><option>&nbsp;<option>&nbsp;</select></div>
+  <div class="test"><select size="4" style="display:block;"><option>&nbsp;<option>&nbsp;</select></div>
+</div>
+
+<div style="position:absolute; top:0; left:100px;">
+  <div class="test"><iframe src="about:blank" style=""></iframe></div>
+  <div class="test"><iframe src="about:blank" style="display:block"></iframe></div>
+
+  <div class="test" style="text-align:left">&nbsp;&#x2026;</div>
+  <div class="test" style="text-align:left">&nbsp;&#x2026;</div>
+  <div class="test"><img style="display:block;" src="../image/big.png"></div>
+
+  <div class="test"><x style="display:inline-block; height:100px; width:100%; background:lime">&#x2026;</x></div>
+  <div class="test"><hr style="display:inline-block;vertical-align:top"></div>
+  <div class="test"><hr style="display:block;"></div>
+
+  <div class="test">&#x2026;</div>
+  <div class="test"><span style="display:inline-block;"></span></div>
+  <div class="test"><span style="display:inline-table;"></span></div>
+  <div class="test"><span style="display:list-item;"></span></div>
+  <div class="test"><span style="display:block;"></span></div>
+  <div class="test rel">1<span style="position:relative;"></span></div>
+  <div class="test rel">2<span style="position:absolute;"></span></div>
+  <div class="test rel">3</div>
+  <div class="test rel">4</div>
+  <div class="test"><span style="float:left"></span></div>
+  <div class="test"><span style="float:left; margin-left:-10px"></span></div>
+  <div class="test"><span style="float:right; margin-right:-10px"></span></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/clipped-elements.html b/layout/reftests/text-overflow/clipped-elements.html
new file mode 100644
index 0000000000..ab4292ee64
--- /dev/null
+++ b/layout/reftests/text-overflow/clipped-elements.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html><html>
+<head><style>
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+.test { 
+  overflow: hidden; 
+  text-overflow: ellipsis;
+  width: 50px;
+  margin-bottom:1em;
+  height: 20px;
+  white-space:nowrap;
+/*border:1px solid red;width: 500px;*/
+}
+.rel { position:relative;}
+input,select,fieldset,textarea,hr,span {
+ border:1px solid black;
+ background: white;
+ color: black;
+ padding:0 40px;
+}
+iframe,img { width: 80px; height:10px; }
+select[size="4"],iframe,textarea,hr { height:10px; margin:0; }
+
+x {visibility:hidden;display:inline-block;margin-left:-10px;width:1000px;}
+</style></head>
+<body>
+
+<div style="position:absolute; top:0; left:0;">
+  <div class="test"><fieldset style="display:inline;"></fieldset></div>
+  <div class="test"><fieldset style="display:inline-block;"></fieldset></div>
+  <div class="test"><fieldset style="display:block;"></fieldset></div>
+
+  <div class="test"><input type="button"></div>
+  <div class="test"><input type="button" style="display:inline-block;"></div>
+  <div class="test"><input type="button" style="display:list-item;"></div>
+  <div class="test"><input type="button" style="display:block;"></div>
+
+  <div class="test"><input type="text"></div>
+  <div class="test"><input type="text" style="display:inline-block;"></div>
+  <div class="test"><input type="text" style="display:block;"></div>
+
+  <div class="test"><textarea></textarea></div>
+  <div class="test"><textarea style="display:inline-block;"></textarea></div>
+  <div class="test"><textarea style="display:block;"></textarea></div>
+
+  <div class="test"><select size="1" style=""><option>&nbsp;<option>&nbsp;</select></div>
+  <div class="test"><select size="1" style="display:block;"><option>&nbsp;<option>&nbsp;</select></div>
+
+  <div class="test"><select size="4" style=""><option>&nbsp;<option>&nbsp;</select></div>
+  <div class="test"><select size="4" style="display:block;"><option>&nbsp;<option>&nbsp;</select></div>
+</div>
+
+<div style="position:absolute; top:0; left:100px;">
+  <div class="test"><iframe src="about:blank" style=""></iframe></div>
+  <div class="test"><iframe src="about:blank" style="display:block"></iframe></div>
+
+  <div class="test">&nbsp;<img src="../image/big.png"></div>
+  <div class="test">&nbsp;<img style="display:inline-block;" src="../image/big.png"></div>
+  <div class="test"><img style="display:block;" src="../image/big.png"></div>
+
+  <div class="test"><hr style="display:inline;background:lime;vertical-align:top;padding-top:100px;padding-bottom:100px; border-width:0"></div>
+  <div class="test"><hr style="display:inline-block;vertical-align:top"></div>
+  <div class="test"><hr style="display:block;"></div>
+
+  <div class="test"><span style="border-width:0"></span></div>
+  <div class="test"><span style="display:inline-block;"></span></div>
+  <div class="test"><span style="display:inline-table;"></span></div>
+  <div class="test"><span style="display:list-item;"></span></div>
+  <div class="test"><span style="display:block;"></span></div>
+  <div class="test rel">1<span style="position:relative;"></span></div>
+  <div class="test rel">2<span style="position:absolute"></span></div>
+  <div class="test rel">3<span style="position:absolute; left:60px"></span></div>
+  <div class="test rel">4<x></x><span style="position:absolute;">abs4</span></div>
+  <div class="test"><span style="float:left"></span></div>
+  <div class="test"><span style="float:left; margin-left:-10px"></span></div>
+  <div class="test"><span style="float:right; margin-right:-10px"></span></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/combobox-zoom-ref.html b/layout/reftests/text-overflow/combobox-zoom-ref.html
new file mode 100644
index 0000000000..35b97ea247
--- /dev/null
+++ b/layout/reftests/text-overflow/combobox-zoom-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="1.5">
+<head>
+<style>
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+  color:black; background-color:white; padding:0; margin:0;
+}
+* {
+  font-family:DejaVuSansMono!important;
+  font-size:16px!important;
+}
+select {
+  width: 200px;
+  padding-right: 8px;
+
+  -moz-appearance: none;
+}
+</style>
+</head>
+<body>
+<select></select><br>
+
+<select><option>long string long s</option></select>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/combobox-zoom.html b/layout/reftests/text-overflow/combobox-zoom.html
new file mode 100644
index 0000000000..e45ed6d3fa
--- /dev/null
+++ b/layout/reftests/text-overflow/combobox-zoom.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="1.5">
+<head>
+<style>
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+  color:black; background-color:white; padding:0; margin:0;
+}
+* {
+  font-family:DejaVuSansMono!important;
+  font-size:16px!important;
+}
+select {
+  width: 200px;
+  padding-right: 8px;
+  text-overflow: " ";
+  -moz-appearance: none;
+}
+</style>
+</head>
+<body>
+<select></select><br>
+
+<select><option>long string long string long string long string long string long string long string</option></select>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/dynamic-change-1-ref.html b/layout/reftests/text-overflow/dynamic-change-1-ref.html
new file mode 100644
index 0000000000..2a1560e07f
--- /dev/null
+++ b/layout/reftests/text-overflow/dynamic-change-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <div style="overflow: hidden; width: 130px; white-space: nowrap;
+              text-overflow: ellipsis">
+    Some long text that cannot possibly fit in 130 px, because it just can't.
+  </div>
+</html>
diff --git a/layout/reftests/text-overflow/dynamic-change-1.html b/layout/reftests/text-overflow/dynamic-change-1.html
new file mode 100644
index 0000000000..d2c6c3a9e2
--- /dev/null
+++ b/layout/reftests/text-overflow/dynamic-change-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <div style="overflow: hidden; width: 130px; white-space: nowrap">
+    Some long text that cannot possibly fit in 130 px, because it just can't.
+  </div>
+
+  <script>
+    onload = function() {
+      var div = document.querySelector("div");
+      // Make sure layout has happened.
+      window.width = div.offsetWidth;
+      div.style.textOverflow = "ellipsis";
+      document.documentElement.className = "";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/text-overflow/ellipsis-font-fallback-ref.html b/layout/reftests/text-overflow/ellipsis-font-fallback-ref.html
new file mode 100644
index 0000000000..e6a47e8640
--- /dev/null
+++ b/layout/reftests/text-overflow/ellipsis-font-fallback-ref.html
@@ -0,0 +1,149 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: fallback to three ASCII periods when ellipsis is unavailable in the font
+-->
+<html><head>
+    <title>text-overflow: ellipsis fallback</title>
+    <style type="text/css">
+@font-face {
+  /* This font has glyphs for ASCII period, upper-case X and space. */
+  font-family: TestEllipsisFallback;
+  src: url(TestEllipsisFallback.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family: TestEllipsisFallback;
+}
+
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+
+m {
+  color:blue;
+}
+.o span {
+  color:black;
+}
+
+.s {
+  width:10em;
+}
+.s2 {
+  width:10em;
+}
+.s3 {
+  width:6em;
+}
+.s4 {
+  width:8em;
+}
+.s5 {
+  width:5em;
+}
+.s6 {
+  width:1em;
+}
+.s7 {
+  width:6em;
+}
+.p {
+  overflow: hidden;
+  white-space:nowrap;
+}
+.r {
+  text-align:right;
+}
+
+.c {
+  margin-left:-0.5em;
+  margin-right:-0.5em;
+}
+
+
+#test1a  { top:0em;     left:0; position:absolute; }
+#test1b  { top:2em;     left:0; position:absolute; }
+#test1c  { top:4em;     left:0; position:absolute; }
+#test1d  { top:6em;     left:0; position:absolute; }
+
+#test2a  { top:0em;     left:15em; position:absolute; }
+#test2b  { top:2em;     left:15em; position:absolute; }
+#test2c  { top:4em;     left:15em; position:absolute; }
+#test2d  { top:6em;     left:15em; position:absolute; }
+
+#test3a  { top: 8em;     left:0; position:absolute; }
+#test3b  { top:10em;     left:0; position:absolute; }
+#test3c  { top:12em;     left:0; position:absolute; }
+#test3d  { top:14em;     left:0; position:absolute; }
+
+#test4a  { top: 8em;     left:15em; position:absolute; }
+#test4b  { top:10em;     left:15em; position:absolute; }
+#test4c  { top:12em;     left:15em; position:absolute; }
+#test4d  { top:14em;     left:15em; position:absolute; }
+
+#test5a  { top:16em;     left:0; position:absolute; }
+#test5b  { top:18em;     left:0; position:absolute; }
+#test5c  { top:20em;     left:0; position:absolute; }
+#test5d  { top:22em;     left:0; position:absolute; }
+
+#test6a  { top:16em;     left:15em; position:absolute; }
+#test6b  { top:18em;     left:15em; position:absolute; }
+#test6c  { top:20em;     left:15em; position:absolute; }
+#test6d  { top:22em;     left:15em; position:absolute; }
+
+#test7a  { top:24em;     left:0; position:absolute; }
+#test7b  { top:26em;     left:0; position:absolute; }
+#test7c  { top:28em;     left:0; position:absolute; }
+#test7d  { top:30em;     left:0; position:absolute; }
+
+
+    </style>
+</head>
+<body>
+<div style="position: absolute; top:20px; left:50px;">
+
+<!-- start + end marker -->
+<div id="test1a"><div class="s ltr"><div class="p o"><span class="c lro">&nbsp;<m>...</m>X<m>...</m>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div></div></div>
+<div id="test1b"><div class="s rtl"><div class="p o"><span class="c lro">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<m>...</m>X<m>...</m>&nbsp;</span></div></div></div>
+<div id="test1c"><div class="s ltr"><div class="p o"><span class="c rlo">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<m>...</m>X<m>...</m>&nbsp;</span></div></div></div>
+<div id="test1d"><div class="s rtl"><div class="p o"><span class="c rlo">&nbsp;<m>...</m>X<m>...</m>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div></div></div>
+
+<!-- end marker -->
+<div id="test2a"><div class="s2 ltr"><div class="p o"><span class="lro">XXXXX<m>...</m>&nbsp;</span></div></div></div>
+<div id="test2b"><div class="s2 rtl"><div class="p o"><span class="lro">&nbsp;<m>...</m>XXXXX</span></div></div></div>
+<div id="test2c"><div class="s2 ltr"><div class="p o"><span class="rlo">&nbsp;<m>...</m>XXXXX</span></div></div></div>
+<div id="test2d"><div class="s2 rtl"><div class="p o"><span class="rlo">XXXXX<m>...</m>&nbsp;</span></div></div></div>
+
+<!-- start marker -->
+<div id="test3a"><div class="s3 ltr"><div class="p o"><span class="c lro">&nbsp;X<m>...</m></span></div></div></div>
+<div id="test3b"><div class="s3 rtl"><div class="p o"><span class="c lro"><m>...</m>X&nbsp;</span></div></div></div>
+<div id="test3c"><div class="s3 ltr"><div class="p o"><span class="c rlo"><m>...</m>X&nbsp;</span></div></div></div>
+<div id="test3d"><div class="s3 rtl"><div class="p o"><span class="c rlo">&nbsp;X<m>...</m></span></div></div></div>
+
+<!-- start + end marker, no characters fit, marker is clipped -->
+<div id="test6a"><div class="s6 ltr"><div class="p o"><span class="c lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test6b"><div class="s6 rtl"><div class="p o"><span class="c lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test6c"><div class="s6 ltr"><div class="p o"><span class="c rlo">XXXXXXXXXXXX</span></div></div></div>
+<div id="test6d"><div class="s6 rtl"><div class="p o"><span class="c rlo">XXXXXXXXXXXX</span></div></div></div>
+
+<!-- start marker, all characters overlapped by marker -->
+<div id="test7a"><div class="s7 ltr"><div class="p o"><span class="c lro">XXX</span></div></div></div>
+<div id="test7b"><div class="s7 rtl"><div class="p o"><span class="c lro">XXX</span></div></div></div>
+<div id="test7c"><div class="s7 ltr"><div class="p o"><span class="c rlo">XXX</span></div></div></div>
+<div id="test7d"><div class="s7 rtl"><div class="p o"><span class="c rlo">XXX</span></div></div></div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/ellipsis-font-fallback.html b/layout/reftests/text-overflow/ellipsis-font-fallback.html
new file mode 100644
index 0000000000..f02d569d0a
--- /dev/null
+++ b/layout/reftests/text-overflow/ellipsis-font-fallback.html
@@ -0,0 +1,150 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: fallback to three ASCII periods when ellipsis is unavailable in the font
+-->
+<html><head>
+    <title>text-overflow: ellipsis fallback</title>
+    <style type="text/css">
+@font-face {
+  /* This font has glyphs for ASCII period, upper-case X and space. */
+  font-family: TestEllipsisFallback;
+  src: url(TestEllipsisFallback.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family: TestEllipsisFallback;
+}
+
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+
+.o {
+  text-overflow: ellipsis ellipsis;
+  color:blue;
+}
+.o span {
+  color:black;
+}
+
+.s {
+  width:10em;
+}
+.s2 {
+  width:10em;
+}
+.s3 {
+  width:6em;
+}
+.s4 {
+  width:8em;
+}
+.s5 {
+  width:5em;
+}
+.s6 {
+  width:1em;
+}
+.s7 {
+  width:6em;
+}
+.p {
+  overflow: hidden;
+  white-space:nowrap;
+}
+.r {
+  text-align:right;
+}
+
+.c {
+  margin-left:-0.5em;
+  margin-right:-0.5em;
+}
+
+
+#test1a  { top:0em;     left:0; position:absolute; }
+#test1b  { top:2em;     left:0; position:absolute; }
+#test1c  { top:4em;     left:0; position:absolute; }
+#test1d  { top:6em;     left:0; position:absolute; }
+
+#test2a  { top:0em;     left:15em; position:absolute; }
+#test2b  { top:2em;     left:15em; position:absolute; }
+#test2c  { top:4em;     left:15em; position:absolute; }
+#test2d  { top:6em;     left:15em; position:absolute; }
+
+#test3a  { top: 8em;     left:0; position:absolute; }
+#test3b  { top:10em;     left:0; position:absolute; }
+#test3c  { top:12em;     left:0; position:absolute; }
+#test3d  { top:14em;     left:0; position:absolute; }
+
+#test4a  { top: 8em;     left:15em; position:absolute; }
+#test4b  { top:10em;     left:15em; position:absolute; }
+#test4c  { top:12em;     left:15em; position:absolute; }
+#test4d  { top:14em;     left:15em; position:absolute; }
+
+#test5a  { top:16em;     left:0; position:absolute; }
+#test5b  { top:18em;     left:0; position:absolute; }
+#test5c  { top:20em;     left:0; position:absolute; }
+#test5d  { top:22em;     left:0; position:absolute; }
+
+#test6a  { top:16em;     left:15em; position:absolute; }
+#test6b  { top:18em;     left:15em; position:absolute; }
+#test6c  { top:20em;     left:15em; position:absolute; }
+#test6d  { top:22em;     left:15em; position:absolute; }
+
+#test7a  { top:24em;     left:0; position:absolute; }
+#test7b  { top:26em;     left:0; position:absolute; }
+#test7c  { top:28em;     left:0; position:absolute; }
+#test7d  { top:30em;     left:0; position:absolute; }
+
+    </style>
+</head>
+<body>
+<div style="position: absolute; top:20px; left:50px;">
+
+<!-- start + end marker -->
+<div id="test1a"><div class="s ltr"><div class="p o"><span class="c lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test1b"><div class="s rtl"><div class="p o"><span class="c lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test1c"><div class="s ltr"><div class="p o"><span class="c rlo">XXXXXXXXXXXX</span></div></div></div>
+<div id="test1d"><div class="s rtl"><div class="p o"><span class="c rlo">XXXXXXXXXXXX</span></div></div></div>
+
+<!-- end marker -->
+<div id="test2a"><div class="s2 ltr"><div class="p o"><span class="lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test2b"><div class="s2 rtl"><div class="p o"><span class="lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test2c"><div class="s2 ltr"><div class="p o"><span class="rlo">XXXXXXXXXXXX</span></div></div></div>
+<div id="test2d"><div class="s2 rtl"><div class="p o"><span class="rlo">XXXXXXXXXXXX</span></div></div></div>
+
+<!-- start marker -->
+<div id="test3a"><div class="s3 ltr"><div class="p o"><span class="c lro">XXXXXX</span></div></div></div>
+<div id="test3b"><div class="s3 rtl"><div class="p o"><span class="c lro">XXXXXX</span></div></div></div>
+<div id="test3c"><div class="s3 ltr"><div class="p o"><span class="c rlo">XXXXXX</span></div></div></div>
+<div id="test3d"><div class="s3 rtl"><div class="p o"><span class="c rlo">XXXXXX</span></div></div></div>
+
+<!-- start + end marker, no characters fit, marker is clipped -->
+<div id="test6a"><div class="s6 ltr"><div class="p o"><span class="c lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test6b"><div class="s6 rtl"><div class="p o"><span class="c lro">XXXXXXXXXXXX</span></div></div></div>
+<div id="test6c"><div class="s6 ltr"><div class="p o"><span class="c rlo">XXXXXXXXXXXX</span></div></div></div>
+<div id="test6d"><div class="s6 rtl"><div class="p o"><span class="c rlo">XXXXXXXXXXXX</span></div></div></div>
+
+<!-- start marker, all characters overlapped by marker -->
+<div id="test7a"><div class="s7 ltr"><div class="p o"><span class="c lro">XXX</span></div></div></div>
+<div id="test7b"><div class="s7 rtl"><div class="p o"><span class="c lro">XXX</span></div></div></div>
+<div id="test7c"><div class="s7 ltr"><div class="p o"><span class="c rlo">XXX</span></div></div></div>
+<div id="test7d"><div class="s7 rtl"><div class="p o"><span class="c rlo">XXX</span></div></div></div>
+
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/false-marker-overlap-ref.html b/layout/reftests/text-overflow/false-marker-overlap-ref.html
new file mode 100644
index 0000000000..0a6ed9d0ef
--- /dev/null
+++ b/layout/reftests/text-overflow/false-marker-overlap-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: false marker overlap
+-->
+<html><head>
+<title>text-overflow: form control elements</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test { 
+  overflow: hidden; 
+  white-space: nowrap;
+  color: black;
+  height: 6em;
+  width: 32.5em;
+  margin-bottom: 1em;
+}
+
+i {
+  display:inline-block;
+  height: 3em;
+  width: 3em;
+  border:1px solid blue;
+  text-shadow: none;
+  visibility: hidden;
+}
+.rtl {
+  direction:rtl;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+
+s {
+   float:right;
+   width:3em;
+   height:3em;
+   margin-right:-0.6em;
+   border:1px solid red;
+}
+.rtl s {
+   float:left;
+   margin-left:-0.6em;
+   margin-right:0;
+}
+.overlap {margin-left:-0.6em;}
+.rtl .overlap {margin-right:-0.6em;margin-left:0;}
+.n {padding-left:0.6em;}
+.rtl .n {padding-right:0.6em;padding-left:0;}
+</style>
+
+</head><body>
+
+<div class="test"><font class="overlap"><s></s>&nbsp;<m>&#x2026;</m>| | | | | | | | | | | | | | | | | | | | | | &#x2026;<i class="n"></i></font></div>
+<div class="test"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | &#x2026;<i></i></font></div>
+<div class="test rtl"><font class="overlap"><s></s>&nbsp;<m>&#x2026;</m>| | | | | | | | | | | | | | | | | | | | | | &#x2026;<i class="n"></i></font></div>
+<div class="test rtl"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | &#x2026;<i></i></font></div>
+
+
+</body></html>
diff --git a/layout/reftests/text-overflow/false-marker-overlap.html b/layout/reftests/text-overflow/false-marker-overlap.html
new file mode 100644
index 0000000000..28720226c0
--- /dev/null
+++ b/layout/reftests/text-overflow/false-marker-overlap.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: false marker overlap
+-->
+<html><head>
+<title>text-overflow: false marker overlap</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test { 
+  overflow: hidden; 
+  white-space: nowrap;
+  text-overflow: ellipsis ellipsis;
+  color: black;
+  height: 6em;
+  width: 32.5em;
+  margin-bottom: 1em;
+}
+
+i {
+  display:inline-block;
+  height: 3em;
+  width: 3em;
+  border:1px solid blue;
+  text-shadow: none;
+}
+.rtl {
+  direction:rtl;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+
+s {
+   float:right;
+   width:3em;
+   height:3em;
+   margin-right:-0.6em;
+   border:1px solid red;
+}
+.rtl s {
+   float:left;
+   margin-left:-0.6em;
+   margin-right:0;
+}
+.overlap {margin-left:-0.6em;}
+.rtl .overlap {margin-right:-0.6em;margin-left:0;}
+.n {padding-left:0.6em;}
+.rtl .n {padding-right:0.6em;padding-left:0;}
+</style>
+
+</head><body>
+
+<div class="test"><font class="overlap"><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
+<div class="test"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
+<div class="test rtl"><font class="overlap"><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
+<div class="test rtl"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
+
+
+</body></html>
diff --git a/layout/reftests/text-overflow/float-edges-1-ref.html b/layout/reftests/text-overflow/float-edges-1-ref.html
new file mode 100644
index 0000000000..b56b4da8ff
--- /dev/null
+++ b/layout/reftests/text-overflow/float-edges-1-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase for bug 944200</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:20px/1 Courier New, Courier, monospace; padding:0; margin:0;
+}
+
+.container {
+  border: 1px solid black;
+  width: 150px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.float {
+  float: right;
+  background: yellow;
+  width: 50px;
+  text-indent: 0;
+}
+.left { float: left; }
+.h { height: 3.5em; }
+  </style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="container"><div class="float">FF</div>aaaaaaa&#x2026;</div>
+<div class="container"><div class="float">FF</div>aaaaaaa&#x2026;</div>
+<div class="container"><div class="float">FF</div>aaaaaaa&#x2026;<br>aaaaaaaaaaa&#x2026;</div>
+<div class="container"><div class="float">FF</div>aaaaaaa&#x2026;<br>aaaaaaaaaa</div>
+
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>&nbsp;&nbsp;&#x2026;aa</div>
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>&nbsp;&nbsp;&#x2026;aa<br>aaaaaaaaaaa&#x2026;</div>
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>&nbsp;&nbsp;&#x2026;aa<br>aaaaaaaaaa</div>
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>&nbsp;&nbsp;&#x2026;aa<br><span style="margin-left:-20px">&nbsp;&nbsp;&#x2026;aaaaaaa</span></div>
+</div>
+
+
+<div style="float:right">
+<div class="container">
+aaaaaaaaaa<br>
+aaaaaaaaaaa&#x2026;<br><div class="float h">FF</div>
+aaaaaaa&#x2026;<br>
+aaaaaaa<br>
+aaaaaaa&#x2026;<br>
+aaaaaaa&#x2026;<br>
+aaaaaaaaaa<br>
+aaaaaaaaaaa&#x2026;<br>
+</div>
+
+<div class="container" style="text-indent:-20px">
+&nbsp;&nbsp;&#x2026;aaaaaaa<br>
+aaaaaaaaaaa&#x2026;<br><div class="float left h">FF</div>
+<span style="margin-left:-20px">&nbsp;&nbsp;&#x2026;aaaaaa&#x2026;</span><br>
+aaaaaaa&#x2026;<br>
+aaaa<br>
+<span style="margin-left:-20px">&nbsp;&nbsp;&#x2026;aaaaaaa</span><br>
+aaaaaaaaaa<br>
+aaaaaaaaaaa&#x2026;<br>
+</div>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/float-edges-1.html b/layout/reftests/text-overflow/float-edges-1.html
new file mode 100644
index 0000000000..985f44b6bc
--- /dev/null
+++ b/layout/reftests/text-overflow/float-edges-1.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 944200</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:20px/1 Courier New, Courier, monospace; padding:0; margin:0;
+}
+
+.container {
+  border: 1px solid black;
+  width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-overflow: ellipsis ellipsis;
+  white-space: nowrap;
+}
+
+.float {
+  float: right;
+  background: yellow;
+  width: 50px;
+  text-indent: 0;
+}
+.left { float: left; }
+.h { height: 3.5em; }
+  </style>
+</head>
+<body>
+
+<div style="float:left">
+<div class="container"><div class="float">FF</div>aaaaaaaaaaaaaaaaaaaaaa</div>
+<div class="container"><div class="float">FF</div>aaaaaaaaaa</div>
+<div class="container"><div class="float">FF</div>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaa</div>
+<div class="container"><div class="float">FF</div>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaa</div>
+
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa</div>
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa<br>aaaaaaaaaaaaaaaaaaaaaa</div>
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa<br>aaaaaaaaaa</div>
+<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa<br><span style="margin-left:-20px">aaaaaaaaaa</span></div>
+</div>
+
+
+<div style="float:right">
+<div class="container">
+aaaaaaaaaa<br>
+aaaaaaaaaaaaaaaaaaaaaa<br><div class="float h">FF</div>
+aaaaaaaaaaaaaaaaaaaaaa<br>
+aaaaaaa<br>
+aaaaaaaaaa<br>
+aaaaaaaaaaaaaaaaaaaaaa<br>
+aaaaaaaaaa<br>
+aaaaaaaaaaaaaaaaaaaaaa<br>
+</div>
+
+<div class="container" style="text-indent:-20px">
+aaaaaaaaaa<br>
+aaaaaaaaaaaaaaaaaaaaaa<br><div class="float left h">FF</div>
+<span style="margin-left:-20px">aaaaaaaaaaaaaaaaaaaaaa</span><br>
+aaaaaaaaaaaaaaaaaaaaaa<br>
+aaaa<br>
+<span style="margin-left:-20px">aaaaaaaaaa</span><br>
+aaaaaaaaaa<br>
+aaaaaaaaaaaaaaaaaaaaaa<br>
+</div>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/line-clipping-ref.html b/layout/reftests/text-overflow/line-clipping-ref.html
new file mode 100644
index 0000000000..083d42aad6
--- /dev/null
+++ b/layout/reftests/text-overflow/line-clipping-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<head>
+<title>Reference for bug 886313</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+.test {
+  font: 16px DejaVuSansMono;
+  overflow: hidden;
+  width:55px;
+  border: 1px solid black;
+  margin-bottom: 2px;
+}
+</style>
+</head>
+<body>
+  <div class="test">well, hello world</div>
+  <div class="test">well, hello worl&#x2026;</div>
+  <div class="test">well, hell&#x2026; world</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/line-clipping.html b/layout/reftests/text-overflow/line-clipping.html
new file mode 100644
index 0000000000..edf914d6c6
--- /dev/null
+++ b/layout/reftests/text-overflow/line-clipping.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: When we have multiple lines of text with "text-overflow: ellipsis",
+    an ellipsis on one line shouldn't affect the other lines.
+-->
+<html>
+<head>
+<title>Testcase for bug 886313</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+.test {
+  font: 16px DejaVuSansMono;
+  text-overflow:ellipsis;
+  overflow: hidden;
+  width:55px;
+  border: 1px solid black;
+  margin-bottom: 2px;
+}
+</style>
+</head>
+<body>
+  <div class="test">well, hello world</div>
+  <div class="test">well, hello world!</div>
+  <div class="test">well, helloo world</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/marker-basic-ref.html b/layout/reftests/text-overflow/marker-basic-ref.html
new file mode 100644
index 0000000000..c452323f91
--- /dev/null
+++ b/layout/reftests/text-overflow/marker-basic-ref.html
@@ -0,0 +1,276 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+    <title>text-overflow: basic marker position tests</title>
+    <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+
+.rel {
+  position: relative;
+  height:2em;
+}
+.abs0 {
+  position: absolute;
+  top:0; left:0;
+}
+.abs0r {
+  position: absolute;
+  top:0; right:0;
+}
+
+.s {
+  width:4em;
+}
+.p {
+  overflow: hidden;
+  white-space:nowrap;
+  font-size:16px;
+}
+.a {
+  font-size:20px;
+}
+.r {
+  text-align:right;
+}
+.l {
+  text-align:left;
+}
+
+i {
+  display:inline-block;
+  width: 1.5em;
+  height: 1em;
+  font-style:normal;
+  color:lime;
+  border: 1px solid magenta;
+  text-decoration:overline;
+}
+.cl {
+  margin-left:-1em;
+  color: black;
+}
+.cr {
+  margin-right:-1em;
+  color: black;
+}
+.c5 {
+  margin-left:-0.5em;
+  margin-right:-0.5em;
+  color: black;
+}
+.outside {
+ width:1px; height:1px;
+}
+.overlap1 {
+ width:1.5em; height:1px;
+}
+.ins1 {
+ width:1em; height:1px;
+}
+.ins2 {  margin-right: 0.8em; margin-left: -1em; }
+.overlap2 {
+ width:1000px; height:1px;
+}
+.e { padding: 0 0.8em; }
+
+x1 { display:inline-block; position:relative;}
+x1 m { position:absolute; right:0; font-size:16px; }
+
+#test1a  { top:0;     left:0;     position:absolute; }
+#test1b  { top:0;     left:100px; position:absolute; }
+#test1c  { top:0;     left:200px; position:absolute; }
+#test1d  { top:0;     left:300px; position:absolute; }
+#test2a  { top:40px;  left:0;     position:absolute; }
+#test2b  { top:40px;  left:100px; position:absolute; }
+#test2c  { top:40px;  left:200px; position:absolute; }
+#test2d  { top:40px;  left:300px; position:absolute; }
+#test3a  { top:80px; left:0;     position:absolute; }
+#test3b  { top:80px; left:100px; position:absolute; }
+#test3c  { top:80px; left:200px; position:absolute; }
+#test3d  { top:80px; left:300px; position:absolute; }
+#test4a  { top:120px; left:0;     position:absolute; }
+#test4b  { top:120px; left:100px; position:absolute; }
+#test4c  { top:120px; left:200px; position:absolute; }
+#test4d  { top:120px; left:300px; position:absolute; }
+#test5a  { top:160px; left:0;     position:absolute; }
+#test5b  { top:160px; left:100px; position:absolute; }
+#test5c  { top:160px; left:200px; position:absolute; }
+#test5d  { top:160px; left:300px; position:absolute; }
+#test6a  { top:200px; left:0;     position:absolute; }
+#test6b  { top:200px; left:100px; position:absolute; }
+#test6c  { top:200px; left:200px; position:absolute; }
+#test6d  { top:200px; left:300px; position:absolute; }
+#test7a  { top:240px; left:0;     position:absolute; }
+#test7b  { top:240px; left:100px; position:absolute; }
+#test7c  { top:240px; left:200px; position:absolute; }
+#test7d  { top:240px; left:300px; position:absolute; }
+#test8a  { top:280px; left:0;     position:absolute; }
+#test8b  { top:280px; left:100px; position:absolute; }
+#test8c  { top:280px; left:200px; position:absolute; }
+#test8d  { top:280px; left:300px; position:absolute; }
+#test9a  { top:320px; left:0;     position:absolute; border:1px solid black; }
+#test9b  { top:320px; left:100px; position:absolute; border:1px solid black; }
+#test9c  { top:320px; left:200px; position:absolute; border:1px solid black; }
+#test9d  { top:320px; left:300px; position:absolute; border:1px solid black; }
+#test10a { top:360px; left:0;     position:absolute; }
+#test10b { top:360px; left:100px; position:absolute; }
+
+    </style>
+</head>
+<body>
+<div style="position: absolute; top:20px; left:50px;">
+
+<div id="test1a">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:left"><span class="cl a">&nbsp;&nbsp;&nbsp;||||</span><m>&#x2026;</m></div>
+<div class="abs0" style="text-align:left"><span class="cl a">&nbsp;&nbsp;&nbsp;<m style="position:absolute; right:0; bottom:0;"><m0 style=" font-size:16px">&#x2026;</m0></m></span></div>
+</div></div>
+</div>
+<div id="test1b">
+<div class="s a rtl"><div class="p rel">
+<div class="abs0r"><span class="cr a rlo">&nbsp;&nbsp;&nbsp;||||</span><m>&#x2026;</m></div>
+<div class="abs0r"><span class="cr a rlo">&nbsp;&nbsp;&nbsp;<m style="position:absolute; left:0; bottom:0;"><m0 style=" font-size:16px">&#x2026;</m0></m></span></span></div>
+</div></div>
+</div>
+<div id="test1c">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:left"><span class="cl a">&nbsp;&nbsp;&nbsp;||||</span><m>&#x2026;</m></div>
+<div class="abs0" style="text-align:left"><span class="cl a">&nbsp;&nbsp;&nbsp;<m style="position:absolute; right:0; bottom:0;"><m0 style=" font-size:16px">&#x2026;</m0></m></span></div>
+</div></div>
+</div>
+<div id="test1d">
+<div class="s a rtl"><div class="p rel">
+<div class="abs0r"><span class="cr a rlo">&nbsp;&nbsp;&nbsp;||||</span><m>&#x2026;</m></div>
+<div class="abs0r"><span class="cr a rlo">&nbsp;&nbsp;&nbsp;<m style="position:absolute; left:0; bottom:0;"><m0 style=" font-size:16px">&#x2026;</m0></m></span></span></div>
+</div></div>
+</div>
+
+<div id="test2a">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:left"><m>&#x2026;</m><span class="cl a">&nbsp;</span></div>
+</div></div>
+</div>
+<div id="test2b">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:left"><m>&#x2026;</m><span class="cl a">&nbsp;</span></div>
+</div></div>
+</div>
+<div id="test2c">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a">&nbsp;&nbsp;&nbsp;</span><m>&#x2026;</m></div>
+</div></div>
+</div>
+<div id="test2d">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a">&nbsp;&nbsp;&nbsp;</span><m>&#x2026;</m></div>
+</div></div>
+</div>
+
+<div id="test3a">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:left"><m>&#x2026;</m><span class="cl a">&nbsp;</span></div>
+</div></div>
+</div>
+<div id="test3b">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:left"><m>&#x2026;</m><span class="cl a">&nbsp;</span></div>
+</div></div>
+</div>
+<div id="test3c">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a">&nbsp;&nbsp;&nbsp;</span><m>&#x2026;</m></div>
+</div></div>
+</div>
+<div id="test3d">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:right; left:auto; right:0;"><span class="cr a">&nbsp;&nbsp;&nbsp;</span><m>&#x2026;</m></div>
+</div></div>
+</div>
+
+<!-- start marker, marker partly overlaps image, nothing to align with -->
+<div id="test4a"><div class="s a"><div class="p o ltr"><span class="cl a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+<div id="test4b"><div class="s a"><div class="p o rtl l"><span class="cl a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+<div id="test4c"><div class="s a"><div class="p o ltr r"><span class="cr a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+<div id="test4d"><div class="s a"><div class="p o rtl"><span class="cr a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+
+<!-- start marker + end, marker partly overlaps image, nothing to align with -->
+<div id="test5a"><div class="s a"><div class="p o ltr"><span class="cl a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+<div id="test5b"><div class="s a"><div class="p o rtl l"><span class="cl a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+<div id="test5c"><div class="s a"><div class="p o ltr r"><span class="cr a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+<div id="test5d"><div class="s a"><div class="p o rtl"><span class="cr a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+
+<div id="test6a">
+<div class="s a"><div class="p rel">
+<div class="abs0"><span class="cr a">&nbsp;&nbsp;&nbsp;</span><img class="a overlap1" src="../image/big.png"></div>
+<div class="abs0"><span class="cr a">&nbsp;&nbsp;&nbsp;<m style="position:absolute; right:0; bottom:0;"><m0 style="font-size:16px">&#x2026;</m0></m></span></span></div>
+</div></div>
+</div>
+<div id="test6b">
+<div class="s a"><div class="p rel">
+<div class="abs0"><span class="cr a">&nbsp;&nbsp;&nbsp;</span><img class="a overlap1" src="../image/big.png"></div>
+<div class="abs0"><span class="cr a">&nbsp;&nbsp;&nbsp;<m style="position:absolute; right:0; bottom:0;"><m0 style="font-size:16px">&#x2026;</m0></m></span></span></div>
+</div></div>
+</div>
+<div id="test6c">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png">&nbsp;&nbsp;&nbsp;</span></div>
+<div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png"><m style="position:absolute; bottom:0;"><m0 style="font-size:16px">&#x2026;</m0></m>&nbsp;&nbsp;&nbsp;</span></div>
+</div></div>
+</div>
+<div id="test6d">
+<div class="s a"><div class="p rel">
+<div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png">&nbsp;&nbsp;&nbsp;</span></div>
+<div class="abs0" style="text-align:right; right:0; "><span class="cr a"><img class="overlap1" src="../image/big.png"><m style="position:absolute; bottom:0;"><m0 style="font-size:16px">&#x2026;</m0></m>&nbsp;&nbsp;&nbsp;</span></div>
+</div></div>
+</div>
+
+<div id="test7a">
+<div class="s a"><div class="p ltr"><span class="c5 a">|<x style="display:inline-block;width:0.8em;text-align:right"><m style="font-size:16px;">&#x2026;</m></x><img class="ins1" src="../image/big.png"></span></div></div>
+</div>
+
+<div id="test7b"><div class="s a"><div class="p ltr r"><img class="a ins1" src="../image/big.png"><x class="a" style="display:inline-block;width:0.8em;text-align:left"><m style="font-size:16px;">&#x2026;</m></x><span class="c5 a" style="margin-right:0">&nbsp;</span></div></div></div>
+
+<div id="test7c">
+<div class="s a"><div class="p ltr"><span class="c5 a">|<x style="display:inline-block;width:0.8em;text-align:right"><m style="font-size:16px;">&#x2026;</m></x><img class="ins1" src="../image/big.png"></span></div></div>
+</div>
+
+<div id="test7d"><div class="s a"><div class="p ltr r"><img class="a ins1" src="../image/big.png"><x class="a" style="display:inline-block;width:0.8em;text-align:left"><m style="font-size:16px;">&#x2026;</m></x><span class="c5 a" style="margin-right:0">&nbsp;</span></div></div></div>
+
+
+<div id="test8a"><div class="s a"><div class="a p ltr"><span class="c5 a"></span><span class="e"></span><span style="margin-right:-0.5em">&#x2026;</span><span>&#x200c;</span></div></div></div>
+<div id="test8d"><div class="s a"><div class="a p rtl"><span class="c5 a"></span><span class="e"></span><span style="margin-left:-0.5em">&#x2026;</span><span>&#x200c;</span></div></div></div>
+
+<div id="test9a"><div class="s a"><div class="p ltr"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><m>&#x2026;</m><span class="e a"></span></div></div></div>
+<div id="test9b"><div class="s a"><div class="p rtl"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><m>&#x2026;</m><span class="e a"></span></div></div></div>
+<div id="test9c"><div class="s a"><div class="p ltr"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><m>&#x2026;</m><span class="e a"></span></div></div></div>
+<div id="test9d"><div class="s a"><div class="p rtl"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><m>&#x2026;</m><span class="e a"></span></div></div></div>
+
+<!-- no marker for overflow:auto that doesn't trigger scrollbar -->
+<div id="test10a"><div class="s a"><div class="p o ltr"><span style="margin-left:-5px" >||||||</span></div></div></div>
+<div id="test10b"><div class="s a"><div class="p o rtl"><span style="margin-right:-5px">||||||</span></div></div></div>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/marker-basic.html b/layout/reftests/text-overflow/marker-basic.html
new file mode 100644
index 0000000000..4f4afb667c
--- /dev/null
+++ b/layout/reftests/text-overflow/marker-basic.html
@@ -0,0 +1,205 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: basic marker position tests
+-->
+<html><head>
+    <title>text-overflow: basic marker position tests</title>
+    <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+
+.o {
+  text-overflow: ellipsis ellipsis;
+}
+
+.rel {
+  position: relative;
+  height:2em;
+}
+.abs0 {
+  position: absolute;
+  top:0; left:0;
+}
+
+.s {
+  width:4em;
+}
+.p {
+  overflow: hidden;
+  white-space:nowrap;
+  font-size:16px;
+}
+.auto {
+  overflow: auto;
+}
+.r {
+  text-align:right;
+}
+.a {
+  font-size:20px;
+}
+.l {
+  text-align:left;
+}
+i {
+  display:inline-block;
+  width: 1.5em;
+  height: 1em;
+  font-style:normal;
+  color:lime;
+  border: 1px solid magenta;
+  text-decoration:overline;
+}
+
+.c {
+  margin-left:-1em;
+  margin-right:-1em;
+  color: black;
+}
+.c5 {
+  margin-left:-0.5em;
+  margin-right:-0.5em;
+  color: black;
+}
+.outside {
+ width:1px; height:1px;
+}
+.overlap1 {
+ width:1.5em; height:1px;
+}
+.ins1 {
+ width:1em; height:1px;
+ margin: 0 0.8em;
+}
+.overlap2 {
+ width:1000px; height:1px;
+}
+.e { padding: 0 0.8em; }
+
+
+#test1a  { top:0;     left:0;     position:absolute; }
+#test1b  { top:0;     left:100px; position:absolute; }
+#test1c  { top:0;     left:200px; position:absolute; }
+#test1d  { top:0;     left:300px; position:absolute; }
+#test2a  { top:40px;  left:0;     position:absolute; }
+#test2b  { top:40px;  left:100px; position:absolute; }
+#test2c  { top:40px;  left:200px; position:absolute; }
+#test2d  { top:40px;  left:300px; position:absolute; }
+#test3a  { top:80px; left:0;     position:absolute; }
+#test3b  { top:80px; left:100px; position:absolute; }
+#test3c  { top:80px; left:200px; position:absolute; }
+#test3d  { top:80px; left:300px; position:absolute; }
+#test4a  { top:120px; left:0;     position:absolute; }
+#test4b  { top:120px; left:100px; position:absolute; }
+#test4c  { top:120px; left:200px; position:absolute; }
+#test4d  { top:120px; left:300px; position:absolute; }
+#test5a  { top:160px; left:0;     position:absolute; }
+#test5b  { top:160px; left:100px; position:absolute; }
+#test5c  { top:160px; left:200px; position:absolute; }
+#test5d  { top:160px; left:300px; position:absolute; }
+#test6a  { top:200px; left:0;     position:absolute; }
+#test6b  { top:200px; left:100px; position:absolute; }
+#test6c  { top:200px; left:200px; position:absolute; }
+#test6d  { top:200px; left:300px; position:absolute; }
+#test7a  { top:240px; left:0;     position:absolute; }
+#test7b  { top:240px; left:100px; position:absolute; }
+#test7c  { top:240px; left:200px; position:absolute; }
+#test7d  { top:240px; left:300px; position:absolute; }
+#test8a  { top:280px; left:0;     position:absolute; }
+#test8b  { top:280px; left:100px; position:absolute; }
+#test8c  { top:280px; left:200px; position:absolute; }
+#test8d  { top:280px; left:300px; position:absolute; }
+#test9a  { top:320px; left:0;     position:absolute; border:1px solid black; }
+#test9b  { top:320px; left:100px; position:absolute; border:1px solid black; }
+#test9c  { top:320px; left:200px; position:absolute; border:1px solid black; }
+#test9d  { top:320px; left:300px; position:absolute; border:1px solid black; }
+#test10a { top:360px; left:0;     position:absolute; }
+#test10b { top:360px; left:100px; position:absolute; }
+
+
+    </style>
+</head>
+<body>
+<div style="position: absolute; top:20px; left:50px;">
+
+<!-- start + end marker, aligned to text -->
+<div id="test1a"><div class="s a ltr"><div class="p o"><span class="c a lro">||||||||||</span></div></div></div>
+<div id="test1b"><div class="s a rtl"><div class="p o"><span class="c a lro">||||||||||</span></div></div></div>
+<div id="test1c"><div class="s a ltr"><div class="p o"><span class="c a rlo">||||||||||</span></div></div></div>
+<div id="test1d"><div class="s a rtl"><div class="p o"><span class="c a rlo">||||||||||</span></div></div></div>
+
+<!-- start marker, text outside marker edge, nothing to align with -->
+<div id="test2a"><div class="s a"><div class="p o ltr"><span class="c a">x</span></div></div></div>
+<div id="test2b"><div class="s a"><div class="p o rtl l"><span class="c a">x</span></div></div></div>
+<div id="test2c"><div class="s a"><div class="p o ltr r"><span class="c a">x</span></div></div></div>
+<div id="test2d"><div class="s a"><div class="p o rtl"><span class="c a">x</span></div></div></div>
+
+<!-- start marker, image outside marker edge, nothing to align with -->
+<div id="test3a"><div class="s a"><div class="p o ltr"><span class="c a"><img class="outside" src="../image/big.png"></span></div></div></div>
+<div id="test3b"><div class="s a"><div class="p o rtl l"><span class="c a"><img class="outside" src="../image/big.png"></span></div></div></div>
+<div id="test3c"><div class="s a"><div class="p o ltr r"><span class="c a"><img class="outside" src="../image/big.png"></span></div></div></div>
+<div id="test3d"><div class="s a"><div class="p o rtl"><span class="c a"><img class="outside" src="../image/big.png"></span></div></div></div>
+
+<!-- start marker, marker partly overlaps image, nothing to align with -->
+<div id="test4a"><div class="s a"><div class="p o ltr"><span class="c a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+<div id="test4b"><div class="s a"><div class="p o rtl l"><span class="c a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+<div id="test4c"><div class="s a"><div class="p o ltr r"><span class="c a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+<div id="test4d"><div class="s a"><div class="p o rtl"><span class="c a"><img class="overlap1" src="../image/big.png"></span></div></div></div>
+
+<!-- start marker + end, marker partly overlaps image, nothing to align with -->
+<div id="test5a"><div class="s a"><div class="p o ltr"><span class="c a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+<div id="test5b"><div class="s a"><div class="p o rtl l"><span class="c a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+<div id="test5c"><div class="s a"><div class="p o ltr r"><span class="c a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+<div id="test5d"><div class="s a"><div class="p o rtl"><span class="c a"><img class="overlap2" src="../image/big.png"></span></div></div></div>
+
+<!-- start marker, marker clips text, aligns to image -->
+<div id="test6a"><div class="s a"><div class="p o ltr"><span class="c a">|||<img class="overlap1" src="../image/big.png"></span></div></div></div>
+<div id="test6b"><div class="s a"><div class="p o rtl l"><span class="c a"><img class="overlap1" src="../image/big.png">|||</span></div></div></div>
+<div id="test6c"><div class="s a"><div class="p o ltr r"><span class="c a"><img class="overlap1" src="../image/big.png">|||</span></div></div></div>
+<div id="test6d"><div class="s a"><div class="p o rtl"><span class="c a">|||<img class="overlap1" src="../image/big.png"></span></div></div></div>
+
+<!-- start marker, marker aligns to image -->
+<div id="test7a"><div class="s a"><div class="p o ltr"><span class="c5 a">|<img class="ins1" src="../image/big.png"></span></div></div></div>
+<div id="test7b"><div class="s a"><div class="p o rtl"><span class="c5 a">|<img class="ins1" src="../image/big.png"></span></div></div></div>
+<!-- end marker, marker aligns to image -->
+<div id="test7c"><div class="s a"><div class="p o rtl l"><span class="c5 a"><img class="ins1" src="../image/big.png">|</span></div></div></div>
+<div id="test7d"><div class="s a"><div class="p o ltr r"><span class="c5 a"><img class="ins1" src="../image/big.png">|</span></div></div></div>
+
+<!-- start marker, marker aligns to empty element -->
+<div id="test8a"><div class="s a"><div class="a p o ltr"><span class="c5 a">|</span><span class="e"></span><span>&#x200c;</span></div></div></div>
+<div id="test8d"><div class="s a"><div class="a p o rtl"><span class="c5 a">|</span><span class="e"></span><span>&#x200c;</span></div></div></div>
+
+<!-- end marker, marker aligns to inline block with overflow -->
+<div id="test9a"><div class="s a"><div class="p o ltr"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><span class="e"></span><span class="c5 a">|||</span></div></div></div>
+<div id="test9b"><div class="s a"><div class="p o rtl"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><span class="e"></span><span class="c5 a">|||</span></div></div></div>
+<div id="test9c"><div class="s a"><div class="p o ltr"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><span class="e"></span><span class="c5 a">|||</span></div></div></div>
+<div id="test9d"><div class="s a"><div class="p o rtl"><span class="e"></span><i>&nbsp;&nbsp;&nbsp;&nbsp;</i><span class="e"></span><span class="c5 a">|||</span></div></div></div>
+
+<!-- no marker for overflow:auto that doesn't trigger scrollbar -->
+<div id="test10a"><div class="s a"><div class="p o ltr auto"><span style="margin-left:-5px" >||||||</span></div></div></div>
+<div id="test10b"><div class="s a"><div class="p o rtl auto"><span style="margin-right:-5px">||||||</span></div></div></div>
+
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/marker-shadow-ref.html b/layout/reftests/text-overflow/marker-shadow-ref.html
new file mode 100644
index 0000000000..12889142d7
--- /dev/null
+++ b/layout/reftests/text-overflow/marker-shadow-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+
+div {
+  font-family: DejaVuSansMono;
+  padding-left: 1em;
+}
+
+/* We put the text and marker into separate spans, because
+   overflow markers (and their shadows) are drawn separately
+   from the text frame. */
+span {
+  text-shadow: -0.5em 3px 2px red;
+}
+</style>
+</head>
+<body>
+
+<div><span>Hello</span><span>...</span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/marker-shadow.html b/layout/reftests/text-overflow/marker-shadow.html
new file mode 100644
index 0000000000..4f93475650
--- /dev/null
+++ b/layout/reftests/text-overflow/marker-shadow.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Marker should have text-shadow applied to it
+-->
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+
+/* overflow:hidden will clip off some of our text-shadow too.
+   Give us some padding, so we can put the shadow to the left and bottom
+   and beat the overflow clipping. */
+div {
+  font-family: DejaVuSansMono;
+  width: 5em;
+  padding-left: 1em;
+  padding-bottom: 1em;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: "...";
+  text-shadow: -0.5em 3px 2px red;
+}
+</style>
+</head>
+<body>
+
+<div>HelloKitty</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/marker-string-ref.html b/layout/reftests/text-overflow/marker-string-ref.html
new file mode 100644
index 0000000000..ba4b9f4c37
--- /dev/null
+++ b/layout/reftests/text-overflow/marker-string-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow:<string>
+-->
+<html><head>
+<title>text-overflow: text-overflow:&lt;string&gt;</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  width:20ch;
+  height:3em;
+  white-space:nowrap;
+  margin-left:2em;
+  position:relative;
+}
+span {
+  margin: 0 -0.5ch;
+}
+m {
+  margin: 0;
+  position:relative;
+}
+mr {
+  position:absolute;
+  right:0;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+
+.t1 m { margin: 0 -0.5ch; }
+
+</style>
+
+</head><body>
+
+
+<div class="test t1"><m>&nbsp;x</m></div>
+<div class="test rtl t1"><m>&nbsp;x</m></div>
+<div class="test t2"><span>xx</span></div>
+<div class="test rtl t2"><span>xx</span></div>
+
+<div class="test t2" style="width:3ch"><span>xx</span></div>
+<div class="test rtl t2" style="width:3ch"><span>xx</span></div>
+<div class="test"><m>X</m><mr>X</mr></div>
+<div class="test"><m>X</m><mr>X</mr></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/marker-string.html b/layout/reftests/text-overflow/marker-string.html
new file mode 100644
index 0000000000..356ae14c2f
--- /dev/null
+++ b/layout/reftests/text-overflow/marker-string.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow:<string>
+-->
+<html><head>
+<title>text-overflow: text-overflow:&lt;string&gt;</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  width:20ch;
+  height:3em;
+  white-space:nowrap;
+  margin-left:2em;
+  position:relative;
+}
+span {
+  margin: 0 -0.5ch;
+}
+s {
+  margin: 0 -0.5ch;
+  padding: 0 11ch;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+
+.t1 { text-overflow:"" ""; }
+.t2 { text-overflow:"Hello World" "Hello World"; }
+.t3 { text-overflow:"X" "X"; }
+
+</style>
+
+</head><body>
+
+
+<!-- Empty marker clips text -->
+<div class="test t1"><span>xx</span></div>
+<div class="test rtl t1"><span>xx</span></div>
+<!-- big marker clips all text -->
+<div class="test t2"><span>xx</span></div>
+<div class="test rtl t2"><span>xx</span></div>
+
+<!-- start marker that doesn't fit -->
+<div class="test t2" style="width:3ch"><span>xx</span></div>
+<div class="test rtl t2" style="width:3ch"><span>xx</span></div>
+
+<!-- start + end marker, nothing to align to -->
+<div class="test t3"><s></s></div>
+<div class="test rtl t3"><s></s></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/quirks-decorations-ref.html b/layout/reftests/text-overflow/quirks-decorations-ref.html
new file mode 100644
index 0000000000..d2e297ded9
--- /dev/null
+++ b/layout/reftests/text-overflow/quirks-decorations-ref.html
@@ -0,0 +1,73 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<title>text-overflow: Quirks mode text-decorations</title>
+<style type="text/css">
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  float:left;
+  height:2em;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:20px; 
+  color:blue;
+}
+span {
+  font-size:16px;
+  color:black;
+}
+.xspan {
+  text-shadow:0px 1em 2px blue;
+  text-decoration: line-through;
+}
+.rtl .xspan {
+  text-shadow:0 1em 0px blue;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:7.3em; }
+.t2 { width:20px;}
+.t3 { width:22px;}
+.t4 { width:1px; font-family:Ahem; }
+.t3 span {margin-left:14px; }
+
+m { font-size:20px; color:blue; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span><span class="xspan">0123&nbsp;56789012</span><m>&#x2026;</m></span></div>
+<div class="test rtl t1"><span><span class="xspan">1&nbsp;56789012345</span><m>&#x2026;</m></span></div>
+<div class="test t2"><span class="xspan">xxxx<m>x</m></span></div>
+<div class="test t3"><span class="xspan">x<m>x</m></span></div>
+<div class="test t4"><span class="xspan">x<m>x</m></span></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/quirks-decorations.html b/layout/reftests/text-overflow/quirks-decorations.html
new file mode 100644
index 0000000000..945dfb63a9
--- /dev/null
+++ b/layout/reftests/text-overflow/quirks-decorations.html
@@ -0,0 +1,74 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Quirks mode text-decorations
+-->
+<html><head>
+<title>text-overflow: Quirks mode text-decorations</title>
+<style type="text/css">
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  text-overflow:ellipsis;
+  float:left;
+  height:2em;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:20px;
+  color:blue;
+}
+span {
+  text-shadow:0px 1em 2px blue;
+  text-decoration: line-through;
+  font-size:16px;
+  color:black;
+}
+.rtl span {
+  text-shadow:0 1em 0px blue;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:7.3em;}
+.t2 { width:20px;}
+.t3 { width:22px; }
+.t4 { width:1px; font-family:Ahem; }
+.t3 span {margin-left:14px; }
+
+m { font-size:20px; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span>0123&nbsp;567890123456789</span><m>x</m></div>
+<div class="test rtl t1"><m>x</m><span>0321&nbsp;56789012345</span></div>
+<div class="test t2"><span>xxxx<m>x</m></span></div>
+<div class="test t3"><span>x<m>x</m></span></div>
+<div class="test t4"><span>x<m>x</m></span></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/quirks-line-height-ref.html b/layout/reftests/text-overflow/quirks-line-height-ref.html
new file mode 100644
index 0000000000..e05dc88d53
--- /dev/null
+++ b/layout/reftests/text-overflow/quirks-line-height-ref.html
@@ -0,0 +1,57 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<title>text-overflow: Quirks mode line height</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+
+  float:left;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:24px; 
+  color:blue;
+  border:1px solid black;
+  position:relative;
+}
+span {
+  font-size:16px;
+  color:black;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:4em; }
+
+m { font-size:24px; color:blue; line-height:8px; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span>0123456|</span><m>&#x2026;</m></div>
+<div class="test rtl rlo t1"><span>0123456|</span><m>&#x2026;</m></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/quirks-line-height.html b/layout/reftests/text-overflow/quirks-line-height.html
new file mode 100644
index 0000000000..fe9b1747a9
--- /dev/null
+++ b/layout/reftests/text-overflow/quirks-line-height.html
@@ -0,0 +1,56 @@
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Quirks mode line height should not be affected by marker
+-->
+<html><head>
+<title>text-overflow: Quirks mode line height</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  text-overflow:ellipsis;
+  float:left;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:24px;
+  color:blue;
+  border:1px solid black;
+}
+span {
+  font-size:16px;
+  color:black;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:4em; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span>0123456|890123456789</span></div>
+<div class="test rtl rlo t1"><span>0123456|89012345</span></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/reftest.list b/layout/reftests/text-overflow/reftest.list
new file mode 100644
index 0000000000..6c5f982c87
--- /dev/null
+++ b/layout/reftests/text-overflow/reftest.list
@@ -0,0 +1,38 @@
+== ellipsis-font-fallback.html ellipsis-font-fallback-ref.html
+== line-clipping.html line-clipping-ref.html
+fuzzy(0-47,0-6) == marker-basic.html marker-basic-ref.html # Bug 1128229
+== marker-string.html marker-string-ref.html
+fuzzy(0-47,0-18) == bidi-simple.html bidi-simple-ref.html
+skip-if(!gtkWidget) fuzzy-if(gtkWidget,0-124,0-289) == bidi-simple-scrolled.html bidi-simple-scrolled-ref.html # Fails on Windows and OSX due to anti-aliasing
+fuzzy-if(Android,0-24,0-4000) fuzzy-if(cocoaWidget,0-1,0-40) fuzzy-if(asyncPan&&!layersGPUAccelerated,0-149,0-1836) == scroll-rounding.html scroll-rounding-ref.html # bug 760264
+fuzzy(0-16,0-454) fuzzy-if(winWidget,25-85,406-499) fuzzy-if(cocoaWidget,0-7,0-265) fuzzy-if(Android,0-3,0-466) == anonymous-block.html anonymous-block-ref.html # gtkWidget:bug 1309103, fuzzy: subpixel aa
+fuzzy(0-47,0-3) == false-marker-overlap.html false-marker-overlap-ref.html
+== visibility-hidden.html visibility-hidden-ref.html
+fuzzy(0-47,0-24) == block-padding.html block-padding-ref.html
+fuzzy(0-155,0-825) == quirks-decorations.html quirks-decorations-ref.html
+== quirks-line-height.html quirks-line-height-ref.html
+== standards-decorations.html standards-decorations-ref.html
+== standards-line-height.html standards-line-height-ref.html
+fuzzy(0-47,0-6) == selection.html selection-ref.html
+fuzzy(0-8,0-509) == marker-shadow.html marker-shadow-ref.html
+fuzzy(0-3,0-25) == aligned-baseline.html aligned-baseline-ref.html
+fuzzy(0-1,0-5) == clipped-elements.html clipped-elements-ref.html
+== theme-overflow.html theme-overflow-ref.html
+== table-cell.html table-cell-ref.html
+fuzzy(0-47,0-18) == two-value-syntax.html two-value-syntax-ref.html
+== single-value.html single-value-ref.html
+fuzzy-if(gtkWidget,0-10,0-2) == atomic-under-marker.html atomic-under-marker-ref.html
+skip == chrome://reftest/content/text-overflow/xulscroll.html chrome://reftest/content/text-overflow/xulscroll-ref.html # bug 1789123 makes it work like regular flexbox, need to probably fix the test
+== combobox-zoom.html combobox-zoom-ref.html
+== dynamic-change-1.html dynamic-change-1-ref.html
+== float-edges-1.html float-edges-1-ref.html
+
+# The vertical-text pref setting can be removed after bug 1138384 lands
+== vertical-decorations-1.html vertical-decorations-1-ref.html
+== vertical-decorations-2.html vertical-decorations-2-ref.html
+!= vertical-decorations-1.html vertical-decorations-1-2-notref.html
+!= vertical-decorations-2.html vertical-decorations-1-2-notref.html
+== vertical-decorations-3.html vertical-decorations-3-ref.html
+== vertical-decorations-4.html vertical-decorations-4-ref.html
+!= vertical-decorations-3.html vertical-decorations-3-4-notref.html
+!= vertical-decorations-4.html vertical-decorations-3-4-notref.html
diff --git a/layout/reftests/text-overflow/scroll-rounding-ref.html b/layout/reftests/text-overflow/scroll-rounding-ref.html
new file mode 100644
index 0000000000..333240f82e
--- /dev/null
+++ b/layout/reftests/text-overflow/scroll-rounding-ref.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: 1px scroll rounding at the end position
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: scroll rounding</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:auto;
+  width:100px;
+  height:50px;
+  border:1px solid black;
+  white-space:pre;
+  margin-left:90px;
+  margin-bottom:20px;
+}
+
+.rtl {
+  direction:rtl;  margin-left:0;
+}
+.ltr {
+  direction:ltr;
+}
+
+.t1 {width:100.1px;}
+.t2 {width:100.2px;}
+.t4 {width:100.4px;}
+
+s {position:absolute; background:black; z-index:1; }
+#mask1 {top:0; left:60px; width:70px; height:100%; }
+#mask2 {top:30px; left:0; width:100%; height:30px; }
+#mask3 {top:100px; left:0; width:100%; height:30px; }
+#mask4 {top:170px; left:0; width:100%; height:30px; }
+#mask5 {top:240px; left:0; width:100%; height:30px; }
+#mask6 {top:320px; left:0; width:100%; height:30px; }
+#mask7 {top:390px; left:0; width:100%; height:30px; }
+#mask8 {top:460px; left:0; width:100%; height:30px; }
+#mask9 {top:530px; left:0; width:100%; height:30px; }
+</style>
+<script>
+function scrolldivs() {
+ var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    if (window.getComputedStyle(divs[i]).direction == 'ltr')
+      divs[i].scrollLeft = 99999999;
+    else
+      divs[i].scrollLeft = -99999999;
+  }
+  document.documentElement.removeAttribute('class');
+}
+</script>
+
+</head><body onload="scrolldivs()">
+
+<s id="mask1"></s>
+<s id="mask2"></s>
+<s id="mask3"></s>
+<s id="mask4"></s>
+<s id="mask5"></s>
+<s id="mask6"></s>
+<s id="mask7"></s>
+<s id="mask8"></s>
+<s id="mask9"></s>
+
+<div class="test">HelloKittyוסוכנויות</div>
+<div class="test rtl">HelloKittyוסוכנויות</div>
+<div class="test t1">HelloKittyוסוכנויות</div>
+<div class="test rtl t1">HelloKittyוסוכנויות</div>
+<div class="test t2">HelloKittyוסוכנויות</div>
+<div class="test rtl t2">HelloKittyוסוכנויות</div>
+<div class="test t4">HelloKittyוסוכנויות</div>
+<div class="test rtl t4">HelloKittyוסוכנויות</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/scroll-rounding.html b/layout/reftests/text-overflow/scroll-rounding.html
new file mode 100644
index 0000000000..9957a5e7ab
--- /dev/null
+++ b/layout/reftests/text-overflow/scroll-rounding.html
@@ -0,0 +1,86 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: 1px scroll rounding at the end position
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: scroll rounding</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  text-overflow:ellipsis;
+  overflow:auto;
+  width:100px;
+  height:50px;
+  border:1px solid black;
+  white-space:pre;
+  margin-left:90px;
+  margin-bottom:20px;
+}
+
+.rtl {
+  direction:rtl;  margin-left:0;
+}
+.ltr {
+  direction:ltr;
+}
+
+.t1 {width:100.1px;}
+.t2 {width:100.2px;}
+.t4 {width:100.4px;}
+
+s {position:absolute; background:black; z-index:1; }
+#mask1 {top:0; left:60px; width:70px; height:100%; }
+#mask2 {top:30px; left:0; width:100%; height:30px; }
+#mask3 {top:100px; left:0; width:100%; height:30px; }
+#mask4 {top:170px; left:0; width:100%; height:30px; }
+#mask5 {top:240px; left:0; width:100%; height:30px; }
+#mask6 {top:320px; left:0; width:100%; height:30px; }
+#mask7 {top:390px; left:0; width:100%; height:30px; }
+#mask8 {top:460px; left:0; width:100%; height:30px; }
+#mask9 {top:530px; left:0; width:100%; height:30px; }
+</style>
+<script>
+function scrolldivs() {
+ var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    if (window.getComputedStyle(divs[i]).direction == 'ltr')
+      divs[i].scrollLeft = 99999999;
+    else
+      divs[i].scrollLeft = -99999999;
+  }
+  document.documentElement.removeAttribute('class');
+}
+</script>
+
+</head><body onload="scrolldivs()">
+
+<s id="mask1"></s>
+<s id="mask2"></s>
+<s id="mask3"></s>
+<s id="mask4"></s>
+<s id="mask5"></s>
+<s id="mask6"></s>
+<s id="mask7"></s>
+<s id="mask8"></s>
+<s id="mask9"></s>
+
+<div class="test">HelloKittyוסוכנויות</div>
+<div class="test rtl">HelloKittyוסוכנויות</div>
+<div class="test t1">HelloKittyוסוכנויות</div>
+<div class="test rtl t1">HelloKittyוסוכנויות</div>
+<div class="test t2">HelloKittyוסוכנויות</div>
+<div class="test rtl t2">HelloKittyוסוכנויות</div>
+<div class="test t4">HelloKittyוסוכנויות</div>
+<div class="test rtl t4">HelloKittyוסוכנויות</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/selection-ref.html b/layout/reftests/text-overflow/selection-ref.html
new file mode 100644
index 0000000000..aaeaef5d12
--- /dev/null
+++ b/layout/reftests/text-overflow/selection-ref.html
@@ -0,0 +1,118 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: Selected text, background, decorations</title>
+<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+@font-face {
+  font-family: TestEllipsisFallback;
+  src: url(TestEllipsisFallback.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:auto;
+  white-space:nowrap;
+  width: 5em;
+  position:relative;
+  margin-top:1em;
+  padding-left: 0.9em;
+  padding-right: 1.3em;
+}
+
+.hidden {
+  overflow:hidden;
+  width: 4.4em;
+}
+
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+.rtl {
+  direction:rtl;
+}
+i { display:none; }
+x {font-family:DejaVuSansMono;}
+</style>
+<script>
+function getTextNode(elm) {
+  if (elm.nodeType != 3)
+    return getTextNode(elm.firstChild);
+  return elm;
+}
+function addRange(elm) {
+try {
+  var sel = window.getSelection();
+  var range = document.createRange();
+  var startNode = elm.getAttribute('startNode');
+  if (startNode == null)
+    startNode = getTextNode(elm);
+  else
+    startNode = getTextNode(elm.childNodes[startNode])
+  var start = elm.getAttribute('start');
+  if (start == null) start = 2;
+  var endNode = elm.getAttribute('endNode');
+  if (endNode == null)
+    endNode = startNode;
+  else
+    endNode = getTextNode(elm.childNodes[endNode])
+  var end = elm.getAttribute('end');
+  if (end == null) end = endNode.textContent.length;
+  if (startNode==endNode && start > end) return;
+  if (startNode==null) return;
+  range.setStart(startNode, start);
+  range.setEnd(endNode, end);
+  sel.addRange(range);
+} catch (e) {
+alert(e+'\n'+elm.id+'\n'+t)
+}
+}
+function selectText() {
+  // For putting selection ranges to multiple editing hosts, we need to put
+  // a range outside all editable elements first, then, selection's ancestor
+  // limiter won't be set to an editing host.
+  getSelection().collapse(document.body, document.body.childNodes.length);
+  var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    addRange(divs[i]);
+  }
+  var t1 = document.getElementById('t1');
+  addRange(t1.firstChild);
+  var t2 = document.getElementById('t2');
+  addRange(t2.firstChild);
+  document.body.offsetHeight;
+  setTimeout(function(){document.documentElement.removeAttribute('class')},2000);
+}
+</script>
+</head><body onload="selectText();">
+
+<!-- LTR overflow:hidden -->
+<div contenteditable="true" spellcheck="true" class="test ltr hidden" end=6>Mispe|&#x2026;</div>
+<span style="display:block;width:15em"><div contenteditable="true" spellcheck="true" class="test ltr hidden" style="width:auto; float:right; font-family:TestEllipsisFallback; text-align:right; width:9em;" start=0 end=0>...<x><i>z</i>d word</x></div></span><br clear="all">
+
+<div id="t1" contenteditable="true" spellcheck="true" class="test ltr hidden"><span class="rlo" endNode="1" start="0" end="6"><i>z</i>d word</span>&#x2026;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+<div id="t2" contenteditable="true" spellcheck="true" class="test ltr hidden" ><span class="rlo" endNode="2" start="1" end="1">&#x2026;<i>z</i>d word</span></div>
+<div contenteditable="true" spellcheck="true" class="test ltr hidden"><span class="rlo">&#x2026;<i>z</i>d word</div>
+<div contenteditable="true" spellcheck="true" class="test ltr hidden" endNode="1" start="2" end="3" style="text-indent:-0.2em"><span>&nbsp;&#x2026;s</span><span>pe|</span>&#x2026;<span></span></div>
+
+<!-- RTL overflow:hidden -->
+<div contenteditable="true" spellcheck="true" class="test rtl hidden" endNode="2" start="8" end="6">Misp&nbsp;&nbsp;&nbsp;&#x2026;<i>z</i>d word</div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden" end="2"><span class="lro">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#x2026;<i>z</i>d word</span></div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden" endNode="1" end=0 start=1><span class="lro">&#x2026;<i>z</i>d</span><span class="rlo"> word</span></div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden"><span class="rlo">Mis</span><span class="rlo">pel&#x2026;&nbsp;&nbsp;&nbsp; word</div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden"><span class="rlo">Mis</span><span class="rlo">pel&#x2026;&nbsp;&nbsp;&nbsp; word</div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden"><span class="rlo" style="margin-right:-0.2em">&nbsp;&#x2026;s</span><span class="rlo">pel&#x2026;&nbsp;&nbsp;&nbsp;</span><span class="rlo"> word</span></div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/selection.html b/layout/reftests/text-overflow/selection.html
new file mode 100644
index 0000000000..9727d12881
--- /dev/null
+++ b/layout/reftests/text-overflow/selection.html
@@ -0,0 +1,116 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Selected text, background, decorations
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: Selected text, background, decorations</title>
+<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+@font-face {
+  font-family: TestEllipsisFallback;
+  src: url(TestEllipsisFallback.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:auto;
+  text-overflow:ellipsis ellipsis;
+  white-space:nowrap;
+  width: 5em;
+  position:relative;
+  margin-top:1em;
+  padding-left: 0.9em;
+  padding-right: 1.3em;
+}
+
+.hidden {
+  overflow:hidden;
+  width: 4.4em;
+}
+
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+.lro {
+  unicode-bidi: bidi-override; direction: ltr;
+}
+.rtl {
+  direction:rtl;
+}
+x {font-family:DejaVuSansMono;}
+</style>
+<script>
+function getTextNode(elm) {
+  if (elm.nodeType != 3)
+    return getTextNode(elm.firstChild);
+  return elm;
+}
+function addRange(elm) {
+try {
+  var sel = window.getSelection();
+  var range = document.createRange();
+  var startNode = elm.getAttribute('startNode');
+  if (startNode == null)
+    startNode = getTextNode(elm);
+  else
+    startNode = getTextNode(elm.childNodes[startNode])
+  var start = elm.getAttribute('start');
+  if (start == null) start = 2;
+  var endNode = elm.getAttribute('endNode');
+  if (endNode == null)
+    endNode = startNode;
+  else
+    endNode = getTextNode(elm.childNodes[endNode])
+  var end = elm.getAttribute('end');
+  if (end == null) end = endNode.textContent.length;
+  if (startNode==endNode && start > end) return;
+  if (startNode==null) return;
+  range.setStart(startNode, start);
+  range.setEnd(endNode, end);
+  sel.addRange(range);
+} catch (e) {
+alert(e+'\n'+elm.id+'\n'+t)
+}
+}
+function selectText() {
+  // For putting selection ranges to multiple editing hosts, we need to put
+  // a range outside all editable elements first, then, selection's ancestor
+  // limiter won't be set to an editing host.
+  getSelection().collapse(document.body, document.body.childNodes.length);
+  var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    addRange(divs[i]);
+  }
+  document.body.offsetHeight;
+  setTimeout(function(){document.documentElement.removeAttribute('class')},2000);
+}
+</script>
+</head><body onload="selectText();">
+
+
+<!-- LTR overflow:hidden -->
+<div contenteditable="true" spellcheck="true" class="test ltr hidden">Mispe|led word</div>
+<span style="display:block;width:15em"><div contenteditable="true" spellcheck="true" class="test ltr hidden" style="width:auto; float:right; font-family:TestEllipsisFallback; text-indent:-1em; " start=0 end=9><x>M       ispeled word</x></div></span><br clear="all">
+<div contenteditable="true" spellcheck="true" class="test ltr hidden"><span class="rlo">Mispelled word</span></div>
+<div contenteditable="true" spellcheck="true" class="test ltr hidden"><span class="rlo">Mispelled</span><span class="rlo"> word</span></div>
+<div contenteditable="true" spellcheck="true" class="test ltr hidden"><span class="rlo">Mis</span><span class="rlo">pelled word</div>
+<div contenteditable="true" spellcheck="true" class="test ltr hidden" endNode="1" style="text-indent:-0.2em"><span>Mis</span><span>pe|led</span><span> word</span></div>
+
+<!-- RTL overflow:hidden -->
+<div contenteditable="true" spellcheck="true" class="test rtl hidden">Mispelled word</div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden" end="2"><span class="lro">Mispelled word</span></div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden"><span class="lro">Mispelled</span><span class="rlo"> word</span></div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden"><span class="rlo">Mis</span><span class="rlo">pelled word</div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden"><span class="rlo">Mis</span><span class="rlo">pelled          word</div>
+<div contenteditable="true" spellcheck="true" class="test rtl hidden"><span class="rlo" style="margin-right:-0.2em">Mis</span><span class="rlo">pelled</span><span class="rlo"> word</span></div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/single-value-ref.html b/layout/reftests/text-overflow/single-value-ref.html
new file mode 100644
index 0000000000..38f498cb94
--- /dev/null
+++ b/layout/reftests/text-overflow/single-value-ref.html
@@ -0,0 +1,106 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow: <single value>, scrolled and non-scrolled tests, (bug 684266)
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: &lt;single value&gt;, scrolled and non-scrolled tests, (bug 684266)</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+body {padding:10px 40px;}
+
+div {
+  width:100px;
+  white-space:nowrap;
+}
+.hidden {overflow:hidden}
+.auto {overflow:auto}
+.autolong {overflow:auto; width:100%;}
+.scroll {overflow:scroll}
+
+.ltr { direction:ltr; unicode-bidi: bidi-override; }
+.rtl { direction:rtl; unicode-bidi: bidi-override; }
+
+.ltr.p { text-indent: -5px; padding-left: 40px; } /* overflow into padding, but not outside the padding edge */
+.rtl.p { text-indent: -5px; padding-right: 40px; } /* overflow into padding, but not outside the padding edge */
+
+.s { text-indent: -5px; } /* overflow start edge outside the padding edge */
+
+div.ltr {
+  text-overflow: clip ellipsis;
+}
+div.rtl {
+  text-overflow: ellipsis clip;
+}
+
+</style>
+
+<script>
+function scrolldivs() {
+ var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    var elm = divs[i];
+    if (elm.hasAttribute('scroll')) {
+      if (window.getComputedStyle(elm).direction == 'ltr')
+        elm.scrollLeft = 8;
+      else
+        elm.scrollLeft = -8;
+    }
+  }
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("MozReftestInvalidate", scrolldivs);
+</script>
+</head>
+<body>
+
+    <div class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="ltr start p auto">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="ltr start s auto">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
+
+    <div scroll class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="ltr start p auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div scroll class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="ltr start s auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
+
+<div class="rtl" style="float:right">
+    <div class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="rtl start p auto">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="rtl start s auto">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
+
+    <div scroll class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="rtl start p auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div scroll class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="rtl start s auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
+</div>
+
+
+</body>
+</hml>
diff --git a/layout/reftests/text-overflow/single-value.html b/layout/reftests/text-overflow/single-value.html
new file mode 100644
index 0000000000..c903c71c45
--- /dev/null
+++ b/layout/reftests/text-overflow/single-value.html
@@ -0,0 +1,99 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow: <single value>, scrolled and non-scrolled tests, (bug 684266)
+-->
+<html class="reftest-wait"><head>
+<title>text-overflow: &lt;single value&gt;, scrolled and non-scrolled tests, (bug 684266)</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+body {padding:10px 40px;}
+
+div {
+  text-overflow: ellipsis;
+  width:100px;
+  white-space:nowrap;
+}
+.hidden {overflow:hidden}
+.auto {overflow:auto}
+.autolong {overflow:auto; width:100%;}
+.scroll {overflow:scroll}
+
+.ltr { direction:ltr; unicode-bidi: bidi-override; }
+.rtl { direction:rtl; unicode-bidi: bidi-override; }
+
+.ltr.p { text-indent: -5px; padding-left: 40px; } /* overflow into padding, but not outside the padding edge */
+.rtl.p { text-indent: -5px; padding-right: 40px; } /* overflow into padding, but not outside the padding edge */
+
+.s { text-indent: -5px; } /* overflow start edge outside the padding edge */
+</style>
+
+<script>
+function scrolldivs() {
+ var divs = document.getElementsByTagName('div');
+  for (i = 0; i < divs.length; ++i) {
+    var elm = divs[i];
+    if (elm.hasAttribute('scroll')) {
+      if (window.getComputedStyle(elm).direction == 'ltr')
+        elm.scrollLeft = 8;
+      else
+        elm.scrollLeft = -8;
+    }
+  }
+  document.documentElement.removeAttribute('class');
+}
+window.addEventListener("MozReftestInvalidate", scrolldivs);
+</script>
+</head>
+<body>
+
+    <div class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="ltr start p auto">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="ltr start s auto">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
+    <div class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
+
+    <div scroll class="ltr start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="ltr start p auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start p autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div scroll class="ltr start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="ltr start s auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start s autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="ltr start s scroll">A long line that does not break (overflow:scroll)</div>
+
+<div class="rtl" style="float:right">
+    <div class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="rtl start p auto">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div class="rtl start s auto">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
+    <div class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
+
+    <div scroll class="rtl start p hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="rtl start p auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start p autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start p scroll">A long line that does not break (overflow:scroll)</div>
+    <div scroll class="rtl start s hidden">A long line that does not break (overflow:hidden)</div>
+    <div scroll class="rtl start s auto">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start s autolong">A long line that does not break (overflow:auto)</div>
+    <div scroll class="rtl start s scroll">A long line that does not break (overflow:scroll)</div>
+</div>
+
+
+</body>
+</hml>
diff --git a/layout/reftests/text-overflow/standards-decorations-ref.html b/layout/reftests/text-overflow/standards-decorations-ref.html
new file mode 100644
index 0000000000..14e5268b96
--- /dev/null
+++ b/layout/reftests/text-overflow/standards-decorations-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<title>text-overflow: Standards mode text-decorations</title>
+<style type="text/css">
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  float:left;
+  height:2em;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:20px;
+  color:blue;
+}
+span {
+  font-size:16px;
+  color:black;
+}
+.xspan {
+  text-decoration: line-through;
+}
+.t1 .xspan {
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:7.3em;}
+.t2 { width:20px;}
+.t3 { width:22px;}
+.t4 { width:1px; font-family:Ahem; }
+.t3 span {margin-left:14px; }
+
+m { font-size:20px; color:blue; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span><span class="xspan">0123&nbsp;56789012</span><m>&#x2026;</m></span></div>
+<div class="test rtl t1"><span><span class="xspan">1&nbsp;56789012345</span><m>&#x2026;</m></span></div>
+<div class="test t2" style="color:black"><span class="xspan">xxxx</span></div>
+<div class="test t3"><span class="xspan">x</span></div>
+<div class="test t4"><span class="xspan">x</span></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/standards-decorations.html b/layout/reftests/text-overflow/standards-decorations.html
new file mode 100644
index 0000000000..04c2b84d09
--- /dev/null
+++ b/layout/reftests/text-overflow/standards-decorations.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Standards mode text-decorations
+-->
+<html><head>
+<title>text-overflow: Standards mode text-decorations</title>
+<style type="text/css">
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  text-overflow:ellipsis;
+  float:left;
+  height:2em;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:20px;
+  color:blue;
+}
+span {
+  text-decoration: line-through;
+  font-size:16px;
+  color:black;
+}
+.t1 span {
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:7.3em;}
+.t2 { width:20px;}
+.t3 { width:22px;}
+.t4 { width:1px; font-family:Ahem; }
+.t3 span {margin-left:14px; }
+
+m { font-size:20px; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span>0123&nbsp;567890123456789</span></div>
+<div class="test rtl t1"><span>0321&nbsp;56789012345</span></div>
+<div class="test t2" style="color:black"><span>xxxx</span></div>
+<div class="test t3"><span>x</span></div>
+<div class="test t4"><span>x</span></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/standards-line-height-ref.html b/layout/reftests/text-overflow/standards-line-height-ref.html
new file mode 100644
index 0000000000..ffab81e821
--- /dev/null
+++ b/layout/reftests/text-overflow/standards-line-height-ref.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<title>text-overflow: Standards mode line height</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+
+  float:left;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:24px; 
+  color:blue;
+  border:1px solid black;
+  position:relative;
+}
+span {
+  font-size:16px;
+  color:black;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:4em; }
+
+m { font-size:24px; color:blue; line-height:8px; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span>0123456|</span><m>&#x2026;</m></div>
+<div class="test rtl rlo t1"><span>0123456|</span><m>&#x2026;</m></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/standards-line-height.html b/layout/reftests/text-overflow/standards-line-height.html
new file mode 100644
index 0000000000..aa8b655dd8
--- /dev/null
+++ b/layout/reftests/text-overflow/standards-line-height.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: Standards mode line height should not be affected by marker
+-->
+<html><head>
+<title>text-overflow: Standards mode line height</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  text-overflow:ellipsis;
+  float:left;
+  white-space:pre;
+  margin-left:1em;
+  margin-bottom:1em;
+  font-size:24px;
+  color:blue;
+  border:1px solid black;
+}
+span {
+  font-size:16px;
+  color:black;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+.t1 { width:4em; }
+
+</style>
+
+</head><body>
+
+<div class="test t1"><span>0123456|890123456789</span></div>
+<div class="test rtl rlo t1"><span>0123456|89012345</span></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/table-cell-ref.html b/layout/reftests/text-overflow/table-cell-ref.html
new file mode 100644
index 0000000000..9e905cf64e
--- /dev/null
+++ b/layout/reftests/text-overflow/table-cell-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+        <title>Test text-overflow:ellipsis on table-cell</title>
+        <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+
+            .table {
+                color: black;
+                display: table;
+                table-layout: fixed;
+                height: 5em;
+                width: 5em;
+            }
+            .row {
+                display: table-row;
+            }
+            .cell {
+                display: table-cell;
+                white-space: nowrap;
+                overflow: hidden;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="table">
+            <div class="row">
+                <div class="cell">|||||||&#x2026;</div>
+            </div>
+            <div class="row">
+                <div class="cell"><span>|||||||&#x2026;</span></div>
+            </div>
+        </div>
+</body></html>
diff --git a/layout/reftests/text-overflow/table-cell.html b/layout/reftests/text-overflow/table-cell.html
new file mode 100644
index 0000000000..6cb661f037
--- /dev/null
+++ b/layout/reftests/text-overflow/table-cell.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow:ellipsis on table-cell
+-->
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+        <title>Test text-overflow:ellipsis on table-cell</title>
+        <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+            .table {
+                color: black;
+                display: table;
+                table-layout: fixed;
+                height: 5em;
+                width: 5em;
+            }
+            .row {
+                display: table-row;
+            }
+            .cell {
+                display: table-cell;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="table">
+            <div class="row">
+                <div class="cell">||||||||||||||</div>
+            </div>
+            <div class="row">
+                <div class="cell"><span>||||||||||||||</span></div>
+            </div>
+        </div>
+</body></html>
diff --git a/layout/reftests/text-overflow/theme-overflow-ref.html b/layout/reftests/text-overflow/theme-overflow-ref.html
new file mode 100644
index 0000000000..be271aa263
--- /dev/null
+++ b/layout/reftests/text-overflow/theme-overflow-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Testcase for bug 669284</title>
+  
+  <style type="text/css">
+    p {
+      overflow: hidden;
+      width: 200px;
+    }
+    .r {
+      direction:rtl;
+    }
+
+.x0 { margin:0px;}
+.x1 { margin:1px;}
+.x2 { margin:2px;}
+.x3 { margin:3px;}
+.x4 { margin-left:-1px; }
+.r .x4 { margin-right:-1px;}
+
+f { float:left; width:1px; height:1px; margin-left:-100px; }
+.r f { float:right; width:1px; height:1px; margin-right:-100px; }
+  </style>
+</head>
+<body>
+<p>
+    <input type="checkbox" class="x0"> 0<f></f><br>
+    <input type="checkbox" class="x1"> 1<f></f><br>
+    <input type="checkbox" class="x2"> 2<f></f><br>
+    <input type="checkbox" class="x3"> 3<f></f><br>
+    <input type="checkbox" class="x4"><f></f><br>
+</p>
+
+<p>
+    <input type="radio" class="x0"> 0<f></f><br>
+    <input type="radio" class="x1"> 1<f></f><br>
+    <input type="radio" class="x2"> 2<f></f><br>
+    <input type="radio" class="x3"> 3<f></f><br>
+    <input type="radio" class="x4"><f></f><br>
+</p>
+
+<p class="r">
+    <input type="checkbox" class="x0"> 0<f></f><br>
+    <input type="checkbox" class="x1"> 1<f></f><br>
+    <input type="checkbox" class="x2"> 2<f></f><br>
+    <input type="checkbox" class="x3"> 3<f></f><br>
+    <input type="checkbox" class="x4"><f></f><br>
+</p>
+
+<p class="r">
+    <input type="radio" class="x0"> 0<f></f><br>
+    <input type="radio" class="x1"> 1<f></f><br>
+    <input type="radio" class="x2"> 2<f></f><br>
+    <input type="radio" class="x3"> 3<f></f><br>
+    <input type="radio" class="x4"><f></f><br>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/theme-overflow.html b/layout/reftests/text-overflow/theme-overflow.html
new file mode 100644
index 0000000000..77f9019f59
--- /dev/null
+++ b/layout/reftests/text-overflow/theme-overflow.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Testcase for bug 669284</title>
+  
+  <style type="text/css">
+    p {
+      overflow: hidden;
+      text-overflow: ellipsis ellipsis;
+      width: 200px;
+    }
+    .r {
+      direction:rtl;
+    }
+
+.x0 { margin:0px;}
+.x1 { margin:1px;}
+.x2 { margin:2px;}
+.x3 { margin:3px;}
+.x4 { margin-left:-1px;}
+.r .x4 { margin-right:-1px;}
+
+f { float:left; width:1px; height:1px; margin-left:-100px; }
+.r f { float:right; width:1px; height:1px; margin-right:-100px; }
+  </style>
+</head>
+<body>
+<p>
+    <input type="checkbox" class="x0"> 0<f></f><br>
+    <input type="checkbox" class="x1"> 1<f></f><br>
+    <input type="checkbox" class="x2"> 2<f></f><br>
+    <input type="checkbox" class="x3"> 3<f></f><br>
+    <input type="checkbox" class="x4"><f></f><br>
+</p>
+
+<p>
+    <input type="radio" class="x0"> 0<f></f><br>
+    <input type="radio" class="x1"> 1<f></f><br>
+    <input type="radio" class="x2"> 2<f></f><br>
+    <input type="radio" class="x3"> 3<f></f><br>
+    <input type="radio" class="x4"><f></f><br>
+</p>
+
+<p class="r">
+    <input type="checkbox" class="x0"> 0<f></f><br>
+    <input type="checkbox" class="x1"> 1<f></f><br>
+    <input type="checkbox" class="x2"> 2<f></f><br>
+    <input type="checkbox" class="x3"> 3<f></f><br>
+    <input type="checkbox" class="x4"><f></f><br>
+</p>
+
+<p class="r">
+    <input type="radio" class="x0"> 0<f></f><br>
+    <input type="radio" class="x1"> 1<f></f><br>
+    <input type="radio" class="x2"> 2<f></f><br>
+    <input type="radio" class="x3"> 3<f></f><br>
+    <input type="radio" class="x4"><f></f><br>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/two-value-syntax-ref.html b/layout/reftests/text-overflow/two-value-syntax-ref.html
new file mode 100644
index 0000000000..98a7de1e82
--- /dev/null
+++ b/layout/reftests/text-overflow/two-value-syntax-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow:<left> <right>
+-->
+<html><head>
+<title>text-overflow: text-overflow:&lt;left&gt; &lt;right&gt;</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  width:100%;
+  white-space:nowrap;
+}
+span {
+  margin: 0 -2px;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+
+</style>
+
+</head><body>
+
+<div style="float:left;">
+|||||
+<div class="test t1"><span>&nbsp;&#x2026;||&#x2026;</span></div>
+<div class="test rtl t1"><span>&nbsp;&#x2026;||&#x2026;</span></div>
+<div class="test t2"><span>&nbsp;&#x2026;||||</span></div>
+<div class="test rtl t2"><span>||||&#x2026;</span></div>
+<div class="test t3"><span>||||&#x2026;</span></div>
+<div class="test rtl t3"><span>&nbsp;&#x2026;||||</span></div>
+<div class="test t4"><span>||||.</span></div>
+<div class="test rtl t4"><span>&nbsp;.||||</span></div>
+<div class="test t5"><span>&nbsp;.||||</span></div>
+<div class="test rtl t5"><span>||||.</span></div>
+<div class="test t6"><span>&nbsp;.||,</span></div>
+<div class="test rtl t6"><span>&nbsp;,||.</span></div>
+<div class="test t7"><span>&nbsp;&#x2026;||,</span></div>
+<div class="test rtl t7"><span>&nbsp;,||&#x2026;</span></div>
+<div class="test t8"><span>&nbsp;.||&#x2026;</span></div>
+<div class="test rtl t8"><span>&nbsp;&#x2026;||.</span></div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/two-value-syntax.html b/layout/reftests/text-overflow/two-value-syntax.html
new file mode 100644
index 0000000000..9360c08fcc
--- /dev/null
+++ b/layout/reftests/text-overflow/two-value-syntax.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: text-overflow:<left> <right>
+-->
+<html><head>
+<title>text-overflow: text-overflow:&lt;left&gt; &lt;right&gt;</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test {
+  overflow:hidden;
+  width:100%;
+  white-space:nowrap;
+}
+span {
+  margin: 0 -2px;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction:rtl;
+}
+.lro {
+  unicode-bidi: bidi-override;
+}
+.rtl {
+  direction:rtl;
+}
+.ltr {
+  direction:ltr;
+}
+
+.t1 { text-overflow:ellipsis ellipsis; }
+.t2 { text-overflow:ellipsis clip; }
+.t3 { text-overflow:clip ellipsis; }
+.t4 { text-overflow:clip "."; }
+.t5 { text-overflow:"." clip; }
+.t6 { text-overflow:"." ","; }
+.t7 { text-overflow:ellipsis ","; }
+.t8 { text-overflow:"." ellipsis; }
+
+</style>
+
+</head><body>
+
+<div style="float:left;">
+|||||
+<div class="test t1"><span>||||||</span></div>
+<div class="test rtl t1"><span>||||||</span></div>
+<div class="test t2"><span>||||||</span></div>
+<div class="test rtl t2"><span>||||||</span></div>
+<div class="test t3"><span>||||||</span></div>
+<div class="test rtl t3"><span>||||||</span></div>
+<div class="test t4"><span>||||||</span></div>
+<div class="test rtl t4"><span>||||||</span></div>
+<div class="test t5"><span>||||||</span></div>
+<div class="test rtl t5"><span>||||||</span></div>
+<div class="test t6"><span>||||||</span></div>
+<div class="test rtl t6"><span>||||||</span></div>
+<div class="test t7"><span>||||||</span></div>
+<div class="test rtl t7"><span>||||||</span></div>
+<div class="test t8"><span>||||||</span></div>
+<div class="test rtl t8"><span>||||||</span></div>
+</div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-1-2-notref.html b/layout/reftests/text-overflow/vertical-decorations-1-2-notref.html
new file mode 100644
index 0000000000..638552e77e
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-1-2-notref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+.vlr {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 10ch;
+}
+</style>
+</head>
+
+<body>
+<div class="vlr">abcdefghijklm</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-1-ref.html b/layout/reftests/text-overflow/vertical-decorations-1-ref.html
new file mode 100644
index 0000000000..dfbae42bb6
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+.vlr {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 10ch;
+}
+</style>
+</head>
+
+<body>
+<div class="vlr"><u>abcdefghi</u>…</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-1.html b/layout/reftests/text-overflow/vertical-decorations-1.html
new file mode 100644
index 0000000000..e26a2a28fc
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+.vlr {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 10ch;
+}
+</style>
+</head>
+
+<body>
+<div class="vlr"><u>abcdefghijklm</u></div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-2-ref.html b/layout/reftests/text-overflow/vertical-decorations-2-ref.html
new file mode 100644
index 0000000000..a393aedd85
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-2-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+span {
+  text-decoration: overline;
+}
+.vlr {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 10ch;
+}
+</style>
+</head>
+
+<body>
+<div class="vlr"><span>abcdefghi</span>…</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-2.html b/layout/reftests/text-overflow/vertical-decorations-2.html
new file mode 100644
index 0000000000..c5e6e6fd9f
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+span {
+  text-decoration: overline;
+}
+.vlr {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 10ch;
+}
+</style>
+</head>
+
+<body>
+<div class="vlr"><span>abcdefghijklm</span></div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-3-4-notref.html b/layout/reftests/text-overflow/vertical-decorations-3-4-notref.html
new file mode 100644
index 0000000000..dead7a03e4
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-3-4-notref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+.vrl {
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+  height: 6em;
+}
+</style>
+</head>
+
+<body>
+<div class="vrl">你好吗？我很好！</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-3-ref.html b/layout/reftests/text-overflow/vertical-decorations-3-ref.html
new file mode 100644
index 0000000000..743ea37a00
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-3-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+  text-decoration-skip-ink: none;
+}
+.vrl {
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+  height: 6em;
+}
+</style>
+</head>
+
+<body>
+<div class="vrl"><u>你好吗？我</u>…</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-3.html b/layout/reftests/text-overflow/vertical-decorations-3.html
new file mode 100644
index 0000000000..e30d962c50
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-3.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+  text-decoration-skip-ink:none;
+}
+.vrl {
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+  height: 6em;
+}
+</style>
+</head>
+
+<body>
+<div class="vrl"><u>你好吗？我很好！</u></div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-4-ref.html b/layout/reftests/text-overflow/vertical-decorations-4-ref.html
new file mode 100644
index 0000000000..27e66e9652
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-4-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+span {
+  text-decoration: overline;
+}
+.vrl {
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+  height: 6em;
+}
+</style>
+</head>
+
+<body>
+<div class="vrl"><span>你好吗？我</span>…</div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/vertical-decorations-4.html b/layout/reftests/text-overflow/vertical-decorations-4.html
new file mode 100644
index 0000000000..20283e5a65
--- /dev/null
+++ b/layout/reftests/text-overflow/vertical-decorations-4.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+div {
+  font: 25px monospace;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid gray;
+  padding: 5px;
+  display: inline-block;
+  vertical-align: top;
+}
+span {
+  text-decoration: overline;
+}
+.vrl {
+  writing-mode: vertical-rl;
+  text-orientation: upright;
+  height: 6em;
+}
+</style>
+</head>
+
+<body>
+<div class="vrl"><span>你好吗？我很好！</span></div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/visibility-hidden-ref.html b/layout/reftests/text-overflow/visibility-hidden-ref.html
new file mode 100644
index 0000000000..ba05d4f6dd
--- /dev/null
+++ b/layout/reftests/text-overflow/visibility-hidden-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+-->
+<html><head>
+<title>text-overflow: visibility:hidden</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test { 
+
+  overflow: hidden; 
+  white-space: nowrap;
+  background:lime;
+  color: black;
+  width: 50%;
+}
+
+.rtl {
+  direction:rtl;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+u {
+  visibility:hidden;
+  padding-left: 3em;
+  background: cyan;
+}
+.rtl u {padding-right: 3em; padding-left:0;}
+s {
+  visibility:visible;
+}
+
+.t1 {width:10em;}
+.t2 {width:14em;}
+.t3 {width:13.5em;}
+.t3 u { padding-right:1em; }
+.t3.rtl u {padding-left:1em; padding-right: 3em; }
+.t4 {width:12.5em;}
+</style>
+
+</head><body>
+
+<div class="test t2">
+CSS is awesome<u></u><br>
+CSS is awesome<u>&nbsp;<s>x</s>&nbsp;</u>
+</div>
+<div class="test t1">CSS is awesome<u></u><br></div>
+<div class="test t2">CSS is awesome<u>&nbsp;<s>x</s>&nbsp;</u></div>
+<div class="test t3">CSS is awesome<u>&nbsp;<s>x</s></u></div>
+<div class="test t4">CSS is awesome<m>&#x2026;</m><u>&nbsp;<s></s></u></div>
+
+<div class="rtl">
+<div class="test rtl rlo t2">
+CSS is awesome<u></u><br>
+CSS is awesome<u>&nbsp;<s>x</s></u>
+</div>
+<div class="test rtl rlo t1">CSS is awesome<u></u><br></div>
+<div class="test rtl rlo t2">CSS is awesome<u>&nbsp;<s>x</s>&nbsp;</u></div>
+<div class="test rtl rlo t3">CSS is awesome<u>&nbsp;<s>x</s></u></div>
+<div class="test rtl rlo t4">CSS is awesome<m>&#x2026;</m><u>&nbsp;<s></s></u></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/visibility-hidden.html b/layout/reftests/text-overflow/visibility-hidden.html
new file mode 100644
index 0000000000..18b917616e
--- /dev/null
+++ b/layout/reftests/text-overflow/visibility-hidden.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+
+    Test: visibility:hidden should not trigger text-overflow markers
+-->
+<html><head>
+<title>text-overflow: visibility:hidden</title>
+<style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+
+.test { 
+  text-overflow:ellipsis;
+  overflow: hidden; 
+  white-space: nowrap;
+  background:lime;
+  color: black;
+  width: 50%;
+}
+
+.rtl {
+  direction:rtl;
+}
+.rlo {
+  unicode-bidi: bidi-override; direction: rtl;
+}
+u {
+  visibility:hidden;
+  padding-left: 3em;
+  background: cyan;
+}
+.rtl u {padding-right: 3em; padding-left:0;}
+s {
+  visibility:visible;
+}
+
+.t1 {width:10em;}
+.t2 {width:14em;}
+.t3 {width:13.5em;}
+.t3 u { padding-right:1em; }
+.t3.rtl u {padding-left:1em; padding-right: 3em; }
+.t4 {width:12.5em;}
+</style>
+
+</head><body>
+
+<div class="test t2">
+CSS is awesome<u></u><br>
+CSS is awesome<u>&nbsp;<s>x</s>&nbsp;&nbsp;&nbsp;</u>
+</div>
+<div class="test t1">CSS is awesome<u></u><br></div>
+<div class="test t2">CSS is awesome<u>&nbsp;<s>x</s>&nbsp;&nbsp;&nbsp;</u></div>
+<div class="test t3">CSS is awesome<u>&nbsp;<s>x</s></u></div>
+<div class="test t4">CSS is awesome<u>&nbsp;<s>x</s></u></div>
+
+<div class="rtl">
+<div class="test rtl rlo t2">
+CSS is awesome<u></u><br>
+CSS is awesome<u>&nbsp;<s>x</s></u>
+</div>
+<div class="test rtl rlo t1">CSS is awesome<u></u><br></div>
+<div class="test rtl rlo t2">CSS is awesome<u>&nbsp;<s>x</s>&nbsp;&nbsp;&nbsp;</u></div>
+<div class="test rtl rlo t3">CSS is awesome<u>&nbsp;<s>x</s></u></div>
+<div class="test rtl rlo t4">CSS is awesome<u>&nbsp;<s>x</s></u></div>
+</div>
+
+</body></html>
diff --git a/layout/reftests/text-overflow/xulscroll-ref.html b/layout/reftests/text-overflow/xulscroll-ref.html
new file mode 100644
index 0000000000..7b478e293c
--- /dev/null
+++ b/layout/reftests/text-overflow/xulscroll-ref.html
@@ -0,0 +1,80 @@
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!DOCTYPE HTML>
+<html><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 672944</title>
+    <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+	
+  .bacon {
+    white-space:    nowrap;
+    text-overflow:  clip;
+    overflow:       hidden;
+    width:          30ch;
+    display:        -moz-box;
+    background:     lime;
+    margin-bottom:  1em;
+  }
+
+  .auto {
+    overflow-x:       auto;
+    width:          29.5ch;
+    padding-bottom: 2ch;
+  }
+  .scroll {
+    overflow:       auto;
+    padding:        2ch;
+    border:         3px solid black;
+  }
+  .scroll2 {
+    overflow:       auto;
+    padding:        3ch;
+  }
+  .scroll3 {
+    overflow:       auto;
+    padding:        2ch;
+    text-indent:    -3ch;
+  }
+  .scroll4 {
+    overflow:       auto;
+    padding:        2ch 0.2ch;
+  }
+span { background-color:white; position: relative; }
+ml3 {position: absolute; left:29ch; }
+
+#block-hover {
+  position:fixed;
+  top:0;left:0;width:100%;height:100%;
+}
+    </style>
+</head>
+<body>
+
+<div style="float:right;" dir="rtl">
+  <div class="bacon"><span>1Beef hamburger bacon tri-tip&#x2026; jowl biltong tail ribeye ham</span></div><br>
+  <div class="bacon auto"><span>2Beef hamburger bacon tri-&nbsp;ipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll"><span>3Beef hamburger bacon tri&nbsp;&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll2"><span>4Beef hamburger bacon tr&nbsp;&nbsp;&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll3"><span>5Beef hamburger bacon&nbsp;&nbsp;&nbsp;&nbsp;-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll4"><span>6Beef hamburger bacon tri-&nbsp;&nbsp;pJOWLBILTONG tail ribeye ham</span></div><br>
+</div>
+
+<div>
+  <div class="bacon"><span>1Beef hamburger bacon tri-tip&#x2026; jowl biltong tail ribeye ham</span></div><br>
+  <div class="bacon auto"><span>2Beef hamburger bacon tri-tip&nbsp;OWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJ WLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJO LBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWL ILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll4"><span>6Beef hamburger bacon tri-ti JOWLBILTONG tail ribeye ham</span></div><br>
+</div>
+
+<div id="block-hover"></div>
+</body>
+</html>
diff --git a/layout/reftests/text-overflow/xulscroll.html b/layout/reftests/text-overflow/xulscroll.html
new file mode 100644
index 0000000000..c43f951232
--- /dev/null
+++ b/layout/reftests/text-overflow/xulscroll.html
@@ -0,0 +1,104 @@
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Testcase for bug 672944</title>
+    <style type="text/css">
+@font-face {
+  font-family: DejaVuSansMono;
+  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
+}
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
+}
+	
+  .bacon {
+    white-space:    nowrap;
+    text-overflow:  ellipsis ellipsis;
+    overflow:       hidden;
+    width:          30ch;
+    display:        -moz-box;
+    background:     lime;
+    margin-bottom:  1em;
+  }
+
+  .auto {
+    overflow-x:       auto;
+    padding-bottom: 2ch;
+    width:          29.5ch;
+    text-overflow:  "" "";
+  }
+  .scroll {
+    overflow:       auto;
+    padding:        2ch;
+    border:         3px solid black;
+    text-overflow:  "" "";
+  }
+  .scroll2 {
+    overflow:       auto;
+    padding:        3ch;
+    text-overflow:  "" "";
+  }
+  .scroll3 {
+    overflow:       auto;
+    padding:        2ch;
+    text-indent:    -3ch;
+    text-overflow:  "" "";
+  }
+  .scroll4 {
+    overflow:       auto;
+    padding:        2ch 0.2ch;
+    text-overflow:  "" "";
+  }
+span { background-color:white; }
+
+#block-hover {
+  position:fixed;
+  top:0;left:0;width:100%;height:100%;
+}
+    </style>
+    <script type="text/javascript">
+function init() {
+
+  // The behaviour of this test may be subtly different when this code runs
+  // before the first paint vs after the first paint. If you encounter
+  // intermittent failures in this reftest, you might have luck turning it into
+  // a reliable failure by wrapping this function body in a
+  // requestAnimationFrame callback to force it to run after the first paint.
+  // Alternatively you might need to force it to run before the first paint,
+  // perhaps by running it inline (not as an onload handler) or something.
+
+  // workaround bug 936936
+  document.body.style.display = "block";
+  document.body.getBoundingClientRect();
+
+  document.getElementById('rtl_auto').scrollLeft=999999;
+
+  document.documentElement.removeAttribute('class');
+}
+    </script>
+</head>
+<body onload="init();" style="display: inline;">
+
+<div style="float:right;" dir="rtl">
+  <div class="bacon"><span>1Beef hamburger bacon tri-tip, jowl biltong tail ribeye ham</span></div><br>
+  <div id="rtl_auto" class="bacon auto"><span>2Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll4"><span>6Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+</div>
+
+<div>
+  <div class="bacon"><span>1Beef hamburger bacon tri-tip, jowl biltong tail ribeye ham</span></div><br>
+  <div class="bacon auto"><span>2Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll"><span>3Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll2"><span>4Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll3"><span>5Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+  <div class="bacon scroll4"><span>6Beef hamburger bacon tri-tipJOWLBILTONG tail ribeye ham</span></div><br>
+</div>
+
+<div id="block-hover"></div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/basic-negcoord-ref.xhtml b/layout/reftests/text-shadow/basic-negcoord-ref.xhtml
new file mode 100644
index 0000000000..84826fc0ac
--- /dev/null
+++ b/layout/reftests/text-shadow/basic-negcoord-ref.xhtml
@@ -0,0 +1,6 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 20px; margin-left: 20px; color: green;" value="Hello!"/>
+    <label style="margin-top: 24px; margin-left: 24px; color: black;" value="Hello!"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/basic-negcoord.xhtml b/layout/reftests/text-shadow/basic-negcoord.xhtml
new file mode 100644
index 0000000000..699de53224
--- /dev/null
+++ b/layout/reftests/text-shadow/basic-negcoord.xhtml
@@ -0,0 +1,5 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 24px; margin-left: 24px; color: black; text-shadow: green -4px -4px" value="Hello!"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/basic-ref.xhtml b/layout/reftests/text-shadow/basic-ref.xhtml
new file mode 100644
index 0000000000..520fe17a48
--- /dev/null
+++ b/layout/reftests/text-shadow/basic-ref.xhtml
@@ -0,0 +1,6 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 33px; margin-left: 33px; color: grey;" value="Hello"/>
+    <label style="margin-top: 30px; margin-left: 30px; color: green;" value="Hello"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/basic.xhtml b/layout/reftests/text-shadow/basic.xhtml
new file mode 100644
index 0000000000..f57ff366bb
--- /dev/null
+++ b/layout/reftests/text-shadow/basic.xhtml
@@ -0,0 +1,5 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 30px; margin-left: 30px; color: green; text-shadow: grey 3px 3px;" value="Hello"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/blur-notref.xhtml b/layout/reftests/text-shadow/blur-notref.xhtml
new file mode 100644
index 0000000000..09704014b2
--- /dev/null
+++ b/layout/reftests/text-shadow/blur-notref.xhtml
@@ -0,0 +1,3 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <label style="text-shadow: blue 4px 4px" value="The shadow should be blurred"/>
+</box>
diff --git a/layout/reftests/text-shadow/blur-opacity-ref.html b/layout/reftests/text-shadow/blur-opacity-ref.html
new file mode 100644
index 0000000000..0637cd5f0d
--- /dev/null
+++ b/layout/reftests/text-shadow/blur-opacity-ref.html
@@ -0,0 +1,7 @@
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+</style>
+<div style="position: absolute; clip: rect(20px, 100px, 100px, 20px); font: 128px Ahem; color: #7f7f7f">a</div>
diff --git a/layout/reftests/text-shadow/blur-opacity.html b/layout/reftests/text-shadow/blur-opacity.html
new file mode 100644
index 0000000000..176bd8f29f
--- /dev/null
+++ b/layout/reftests/text-shadow/blur-opacity.html
@@ -0,0 +1,7 @@
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+</style>
+<div style="position: absolute; clip: rect(20px, 100px, 100px, 20px); font: 128px Ahem; color: transparent; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px">a</div>
diff --git a/layout/reftests/text-shadow/blur.xhtml b/layout/reftests/text-shadow/blur.xhtml
new file mode 100644
index 0000000000..d285c82024
--- /dev/null
+++ b/layout/reftests/text-shadow/blur.xhtml
@@ -0,0 +1,3 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <label style="text-shadow: blue 4px 4px 2px" value="The shadow should be blurred"/>
+</box>
diff --git a/layout/reftests/text-shadow/color-inherit-ref.xhtml b/layout/reftests/text-shadow/color-inherit-ref.xhtml
new file mode 100644
index 0000000000..6efca568fc
--- /dev/null
+++ b/layout/reftests/text-shadow/color-inherit-ref.xhtml
@@ -0,0 +1,6 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 27px; margin-left: 27px; color: blue;" value="Hello"/>
+    <label style="margin-top: 24px; margin-left: 24px; color: blue;" value="Hello"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/color-inherit.xhtml b/layout/reftests/text-shadow/color-inherit.xhtml
new file mode 100644
index 0000000000..fe3162aa69
--- /dev/null
+++ b/layout/reftests/text-shadow/color-inherit.xhtml
@@ -0,0 +1,5 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 24px; margin-left: 24px; color: blue; text-shadow: 3px 3px;" value="Hello"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/multiple-noblur-ref.xhtml b/layout/reftests/text-shadow/multiple-noblur-ref.xhtml
new file mode 100644
index 0000000000..7b4c18ec86
--- /dev/null
+++ b/layout/reftests/text-shadow/multiple-noblur-ref.xhtml
@@ -0,0 +1,9 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 33px; margin-left: 33px; color: grey;" value="Hello"/>
+    <label style="margin-top: 30px; margin-left: 30px; color: green;" value="Hello"/>
+    <label style="margin-top: 27px; margin-left: 27px; color: red;" value="Hello"/>
+    <label style="margin-top: 24px; margin-left: 24px; color: purple;" value="Hello"/>
+    <label style="margin-top: 20px; margin-left: 20px; color: black;" value="Hello"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/multiple-noblur.xhtml b/layout/reftests/text-shadow/multiple-noblur.xhtml
new file mode 100644
index 0000000000..ef0dad6518
--- /dev/null
+++ b/layout/reftests/text-shadow/multiple-noblur.xhtml
@@ -0,0 +1,5 @@
+<box xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <stack style="align-items: start; justify-items: left;">
+    <label style="margin-top: 20px; margin-left: 20px; color: black; text-shadow: purple 4px 4px, red 7px 7px, green 10px 10px, grey 13px 13px;" value="Hello"/>
+  </stack>
+</box>
diff --git a/layout/reftests/text-shadow/overflow-clip-ref.html b/layout/reftests/text-shadow/overflow-clip-ref.html
new file mode 100644
index 0000000000..88f1ba2d31
--- /dev/null
+++ b/layout/reftests/text-shadow/overflow-clip-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head></head>
+<body>
+  <div style="
+    width: 3em;
+    text-overflow: clip;
+    overflow: hidden;
+    white-space: nowrap;
+    color: red;">MMMMMM
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/overflow-clip.html b/layout/reftests/text-shadow/overflow-clip.html
new file mode 100644
index 0000000000..399bc4311f
--- /dev/null
+++ b/layout/reftests/text-shadow/overflow-clip.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!--
+checks that unblurred text-shadows are
+actually clipped by text-overflow: clip
+-->
+<html>
+<head></head>
+<body>
+  <div style="
+    width: 3em;
+    text-overflow: clip;
+    overflow: hidden;
+    text-shadow: 3em 0px black;
+    white-space: nowrap;
+    color: red;">MMMMMM
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/overflow-decoration-ref.html b/layout/reftests/text-shadow/overflow-decoration-ref.html
new file mode 100644
index 0000000000..a488585442
--- /dev/null
+++ b/layout/reftests/text-shadow/overflow-decoration-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  .outer {
+    text-decoration: underline;
+    position: absolute;
+  }
+  .outer+.outer {
+    color: green;
+  }
+  .inner {
+    vertical-align: 1em;
+  }
+  .outer+.outer>.inner {
+    position: relative;
+    top: 1em;
+  }
+</style>
+</head>
+<body>
+  <span class="outer"><span class="inner">x</span></span>
+  <span class="outer"><span class="inner">x</span></span>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/overflow-decoration.html b/layout/reftests/text-shadow/overflow-decoration.html
new file mode 100644
index 0000000000..e545adbe75
--- /dev/null
+++ b/layout/reftests/text-shadow/overflow-decoration.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  .outer { text-decoration: underline; }
+  .inner {
+    vertical-align: 1em;
+    text-shadow: 0 1em green;
+  }
+  .reftest-wait .inner {
+    text-shadow: 0 1em red;
+  }
+</style>
+</head>
+<body>
+  <span class="outer"><span class="inner">x</span></span>
+  <script>
+    document.addEventListener("MozReftestInvalidate", () => {
+      document.documentElement.removeAttribute('class');
+    });
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/reftest.list b/layout/reftests/text-shadow/reftest.list
new file mode 100644
index 0000000000..c5b0a70004
--- /dev/null
+++ b/layout/reftests/text-shadow/reftest.list
@@ -0,0 +1,22 @@
+== chrome://reftest/content/text-shadow/basic.xhtml chrome://reftest/content/text-shadow/basic-ref.xhtml
+random-if(Android) == chrome://reftest/content/text-shadow/basic-negcoord.xhtml chrome://reftest/content/text-shadow/basic-negcoord-ref.xhtml
+!= chrome://reftest/content/text-shadow/blur.xhtml chrome://reftest/content/text-shadow/blur-notref.xhtml
+== chrome://reftest/content/text-shadow/color-inherit.xhtml chrome://reftest/content/text-shadow/color-inherit-ref.xhtml
+== chrome://reftest/content/text-shadow/multiple-noblur.xhtml chrome://reftest/content/text-shadow/multiple-noblur-ref.xhtml
+fuzzy(0-2,0-6400) random-if(useDrawSnapshot) == blur-opacity.html blur-opacity-ref.html
+
+fuzzy-if(cocoaWidget,0-27,0-2) fuzzy-if(winWidget,0-47,0-2) == overflow-clip.html overflow-clip-ref.html
+
+needs-focus != text-shadow-selected-1.html text-shadow-selected-1-notref.html
+fuzzy(0-1,0-1000) needs-focus == text-shadow-selected-1.html text-shadow-selected-1-ref.html
+needs-focus != text-shadow-selected-2.html text-shadow-selected-2-notref.html
+fuzzy(0-1,0-1400) needs-focus == text-shadow-selected-2.html text-shadow-selected-2-ref.html
+
+# bug 692744
+fuzzy(0-19,0-2872) == text-shadow-on-space-1.html text-shadow-on-space-1-ref.html
+
+# bug 721750
+needs-focus == text-shadow-on-selection-1.html text-shadow-on-selection-1-ref.html
+needs-focus == text-shadow-on-selection-2.html text-shadow-on-selection-2-ref.html
+
+== overflow-decoration.html overflow-decoration-ref.html
diff --git a/layout/reftests/text-shadow/text-shadow-on-selection-1-ref.html b/layout/reftests/text-shadow/text-shadow-on-selection-1-ref.html
new file mode 100644
index 0000000000..ece0e6de0f
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-on-selection-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+  background: white;
+  color: black;
+  font-size: 24px;
+}
+div {
+  background: white;
+  color: blue;
+  text-shadow: red 2px 2px 0px;
+}
+span {
+  background: yellow;
+  color: white;
+}
+</style>
+</head>
+<body>
+<div>
+hello <span>selected</span> world
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-on-selection-1.html b/layout/reftests/text-shadow/text-shadow-on-selection-1.html
new file mode 100644
index 0000000000..a0c29c321b
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-on-selection-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+function onload() {
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+  window.focus();
+}
+function disableReftestWait() {
+  document.documentElement.className = '';
+}
+</script>
+<style type="text/css">
+body {
+  background: white;
+  font-size: 24px;
+}
+div {
+  color: blue;
+  text-shadow: red 2px 2px 0px;
+}
+::-moz-selection {
+  background: yellow;
+  color: white;
+}
+::selection {
+  background: yellow;
+  color: white;
+}
+</style>
+</head>
+<body onload="onload()" onfocus="disableReftestWait()">
+<div>
+hello <span id="selectMe">selected</span> world
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-on-selection-2-ref.html b/layout/reftests/text-shadow/text-shadow-on-selection-2-ref.html
new file mode 100644
index 0000000000..09d9e4063a
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-on-selection-2-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {
+  background: white;
+  color: black;
+  font-size: 24px;
+}
+div {
+  background: white;
+  color: blue;
+  text-shadow: red 2px 2px 0px;
+}
+span {
+  background: yellow;
+  color: white;
+  text-shadow: none;
+}
+</style>
+</head>
+<body>
+<div>
+hello <span>selected</span> world
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-on-selection-2.html b/layout/reftests/text-shadow/text-shadow-on-selection-2.html
new file mode 100644
index 0000000000..1791f1b9fb
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-on-selection-2.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<script type="text/javascript">
+function onload() {
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+  window.focus();
+}
+function disableReftestWait() {
+  document.documentElement.className = '';
+}
+</script>
+<style type="text/css">
+body {
+  background: white;
+  font-size: 24px;
+}
+div {
+  color: blue;
+  text-shadow: red 2px 2px 0px;
+}
+::-moz-selection {
+  background: yellow;
+  color: white;
+  text-shadow: none;
+}
+::selection {
+  background: yellow;
+  color: white;
+  text-shadow: none;
+}
+</style>
+</head>
+<body onload="onload()" onfocus="disableReftestWait()">
+<div>
+hello <span id="selectMe">selected</span> world
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-on-space-1-ref.html b/layout/reftests/text-shadow/text-shadow-on-space-1-ref.html
new file mode 100644
index 0000000000..447a49f094
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-on-space-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+  font: 24px serif;
+  text-shadow: 2px 2px 1px red;
+}
+</style>
+</head>
+<body>
+<div>
+The spaces should not have shadows!
+</div>
+</body>
+
diff --git a/layout/reftests/text-shadow/text-shadow-on-space-1.html b/layout/reftests/text-shadow/text-shadow-on-space-1.html
new file mode 100644
index 0000000000..7433dad35e
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-on-space-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+  font: 24px serif;
+  text-shadow: 2px 2px 1px red;
+}
+</style>
+</head>
+<body>
+<div>
+The spaces should not have shadows!
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+</body>
+
diff --git a/layout/reftests/text-shadow/text-shadow-selected-1-notref.html b/layout/reftests/text-shadow/text-shadow-selected-1-notref.html
new file mode 100644
index 0000000000..4ecfb69fd8
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-selected-1-notref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function onload() {
+  window.focus();
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+</script>
+<style type="text/css">
+body {
+  background: lightGray;
+}
+div {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font: 36px monospace;
+  color: white;
+}
+</style>
+</head>
+<!-- NOTREF case has selected text but the shadow is missing -->
+<body onload="onload()">
+<div id="selectMe">selected shadowed text</div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-selected-1-ref.html b/layout/reftests/text-shadow/text-shadow-selected-1-ref.html
new file mode 100644
index 0000000000..e0fdcd82d9
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-selected-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function onload() {
+  window.focus();
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+</script>
+<style type="text/css">
+body {
+  background: lightGray;
+}
+div {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font: 36px monospace;
+  color: white;
+}
+</style>
+</head>
+<!-- REF case renders the selection first, using &nbsp; to avoid any show-through of glyph edges,
+     then the shadowed text on top of that -->
+<body onload="onload()">
+<div id="selectMe">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+<div style="text-shadow:1px 1px 1px red;">selected shadowed text</div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-selected-1.html b/layout/reftests/text-shadow/text-shadow-selected-1.html
new file mode 100644
index 0000000000..669aee9766
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-selected-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function onload() {
+  window.focus();
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+</script>
+<style type="text/css">
+body {
+  background: lightGray;
+}
+div {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font: 36px monospace;
+  color: white;
+}
+</style>
+</head>
+<!-- test for bug 692752 - paint text shadow on top of selection highlight -->
+<body onload="onload()">
+<div style="text-shadow:1px 1px 1px red;" id="selectMe">selected shadowed text</div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-selected-2-notref.html b/layout/reftests/text-shadow/text-shadow-selected-2-notref.html
new file mode 100644
index 0000000000..a74a11fe50
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-selected-2-notref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function onload() {
+  window.focus();
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+</script>
+<style type="text/css">
+body {
+  background: lightGray;
+}
+div {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font: 36px monospace;
+  color: white;
+}
+</style>
+</head>
+<!-- NOTREF case has selected text but the shadow is missing -->
+<body onload="onload()">
+<div id="selectMe"><bdo dir="rtl">selected shadowed rtl text</bdo></div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-selected-2-ref.html b/layout/reftests/text-shadow/text-shadow-selected-2-ref.html
new file mode 100644
index 0000000000..3af90e9bfb
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-selected-2-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function onload() {
+  window.focus();
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+</script>
+<style type="text/css">
+body {
+  background: lightGray;
+}
+div {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font: 36px monospace;
+  color: white;
+}
+</style>
+</head>
+<!-- REF case renders the selection first, using &nbsp; to avoid any show-through of glyph edges,
+     then the shadowed text on top of that -->
+<body onload="onload()">
+<div id="selectMe">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+<div style="text-shadow:1px 1px 1px red;"><bdo dir="rtl">selected shadowed rtl text</bdo></div>
+</body>
+</html>
diff --git a/layout/reftests/text-shadow/text-shadow-selected-2.html b/layout/reftests/text-shadow/text-shadow-selected-2.html
new file mode 100644
index 0000000000..d11b528b0b
--- /dev/null
+++ b/layout/reftests/text-shadow/text-shadow-selected-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript">
+function onload() {
+  window.focus();
+  var range = document.createRange();
+  range.selectNodeContents(document.getElementById("selectMe"));
+  var sel = window.getSelection();
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+</script>
+<style type="text/css">
+body {
+  background: lightGray;
+}
+div {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font: 36px monospace;
+  color: white;
+}
+</style>
+</head>
+<!-- test for bug 692752 - paint text shadow on top of selection highlight -->
+<body onload="onload()">
+<div style="text-shadow:1px 1px 1px red;" id="selectMe"><bdo dir="rtl">selected shadowed rtl text</bdo></div>
+</body>
+</html>
diff --git a/layout/reftests/text-stroke/reftest.list b/layout/reftests/text-stroke/reftest.list
new file mode 100644
index 0000000000..13e1e08d12
--- /dev/null
+++ b/layout/reftests/text-stroke/reftest.list
@@ -0,0 +1,9 @@
+# basic tests for webkit-text-stroke
+# fuzzy is needed here for platform dependent backends
+# These fail on Linux without webrender due to lack of antialiasing of the HTML text stroke
+fuzzy(0-255,0-4100) == webkit-text-stroke-property-001.html webkit-text-stroke-property-001-ref.html
+fuzzy(0-255,0-4400) == webkit-text-stroke-property-002.html webkit-text-stroke-property-002-ref.html
+fuzzy(0-255,0-4100) == webkit-text-stroke-property-003.html webkit-text-stroke-property-003-ref.html
+fuzzy(0-255,0-3000) == webkit-text-stroke-property-004.html webkit-text-stroke-property-004-ref.html
+fuzzy(0-255,0-4100) == webkit-text-stroke-property-005.html webkit-text-stroke-property-005-ref.html
+fuzzy(0-255,0-400) == webkit-text-stroke-property-006.html webkit-text-stroke-property-006-ref.html
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-001-ref.html b/layout/reftests/text-stroke/webkit-text-stroke-property-001-ref.html
new file mode 100644
index 0000000000..cb23f16d0c
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-001-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="green"
+      stroke-width="2px" stroke-linejoin="round">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-001.html b/layout/reftests/text-stroke/webkit-text-stroke-property-001.html
new file mode 100644
index 0000000000..ed482d95bf
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-001.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: 2px green</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="The webkit-text-stroke of texts should take effect">
+<link rel="match" href="webkit-text-stroke-property-001-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: 2px green;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-002-ref.html b/layout/reftests/text-stroke/webkit-text-stroke-property-002-ref.html
new file mode 100644
index 0000000000..e088ffd389
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-002-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="black"
+      stroke-width="1px" stroke-linejoin="round">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-002.html b/layout/reftests/text-stroke/webkit-text-stroke-property-002.html
new file mode 100644
index 0000000000..b9eeac2014
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-002.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: thin black</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="thin keyword should take effect for webkit-text-stroke-width">
+<link rel="match" href="webkit-text-stroke-property-002-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: thin black;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-003-ref.html b/layout/reftests/text-stroke/webkit-text-stroke-property-003-ref.html
new file mode 100644
index 0000000000..5eb85d938c
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-003-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="black"
+      stroke-width="3px" stroke-linejoin="round">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-003.html b/layout/reftests/text-stroke/webkit-text-stroke-property-003.html
new file mode 100644
index 0000000000..ec4354cb34
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-003.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: medium black</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="medium keyword should take effect for webkit-text-stroke-width">
+<link rel="match" href="webkit-text-stroke-property-003-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: medium black;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-004-ref.html b/layout/reftests/text-stroke/webkit-text-stroke-property-004-ref.html
new file mode 100644
index 0000000000..8aa61e0b87
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-004-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="black"
+      stroke-width="5px" stroke-linejoin="round">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-004.html b/layout/reftests/text-stroke/webkit-text-stroke-property-004.html
new file mode 100644
index 0000000000..18b239c3dc
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-004.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: thick black</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="thick keyword should take effect for webkit-text-stroke-width">
+<link rel="match" href="webkit-text-stroke-property-004-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: thick black;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-005-ref.html b/layout/reftests/text-stroke/webkit-text-stroke-property-005-ref.html
new file mode 100644
index 0000000000..cb23f16d0c
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-005-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="green"
+      stroke-width="2px" stroke-linejoin="round">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-005.html b/layout/reftests/text-stroke/webkit-text-stroke-property-005.html
new file mode 100644
index 0000000000..306abb6789
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-005.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: 2px green</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="webkit-text-stroke-color should take effect">
+<link rel="match" href="webkit-text-stroke-property-005-ref.html">
+<style>
+text {
+  padding-left: 0px;
+  color: red;
+  font-size: 64px;
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke: 2px green;
+}
+</style>
+<body>
+<div style="width: 500px; height: 200px;">
+<text>TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-006-ref.html b/layout/reftests/text-stroke/webkit-text-stroke-property-006-ref.html
new file mode 100644
index 0000000000..c1dbb774f3
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-006-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jonathan Kew" href="jfkthame@gmail.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<style>
+@font-face { font-family: test; src: url(../fonts/sil/CharisSIL-R.ttf); }
+body { font-family: test; }
+</style>
+<body>
+<div style="width: 500px; height: 400px;">
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;">
+<text x="50" y="200" font-size="64px" stroke="green"
+      stroke-width="10px" stroke-linejoin="round">g&#x324;&#x326;&#x308;&#x302;</text>
+</svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-stroke/webkit-text-stroke-property-006.html b/layout/reftests/text-stroke/webkit-text-stroke-property-006.html
new file mode 100644
index 0000000000..4c5224b1d5
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-006.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: fat stroke should not be clipped</title>
+<link rel="author" title="Jonathan Kew" href="jfkthame@gmail.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<style>
+@font-face { font-family: test; src: url(../fonts/sil/CharisSIL-R.ttf); }
+body { font-family: test; }
+</style>
+<body>
+<div style="width: 500px; height: 400px;">
+<span style="margin-left: 50px; font-size: 64px;
+             -webkit-text-stroke: 10px green;">g&#x324;&#x326;&#x308;&#x302;</span>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:200px;"/>
+</div>
+<body>
+<html>
diff --git a/layout/reftests/text-svgglyphs/bug1320197-1-ref.html b/layout/reftests/text-svgglyphs/bug1320197-1-ref.html
new file mode 100644
index 0000000000..b6dd5db7f1
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/bug1320197-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url("resources/bug1320197-testFont2.ttf");
+}
+div {
+  font: 600px/1 test;
+  width: 1em;
+  height: 1em;
+  border: 10px solid silver;
+  position: absolute;
+}
+</style>
+
+<p>There should be no purple visible at any of the edges of the black square.</p>
+
+<div>&#xe001;</div>
diff --git a/layout/reftests/text-svgglyphs/bug1320197-1.html b/layout/reftests/text-svgglyphs/bug1320197-1.html
new file mode 100644
index 0000000000..d9fcd1cbf5
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/bug1320197-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url("resources/bug1320197-testFont2.ttf");
+}
+div {
+  font: 600px/1 test;
+  width: 1em;
+  height: 1em;
+  border: 10px solid silver;
+  position: absolute;
+}
+</style>
+
+<p>There should be no purple visible at any of the edges of the black square.</p>
+
+<div>&#xe000;</div>
+
+<div>&#xe001;</div>
diff --git a/layout/reftests/text-svgglyphs/clip-ref.html b/layout/reftests/text-svgglyphs/clip-ref.html
new file mode 100644
index 0000000000..c310bfb86c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/clip-ref.html
@@ -0,0 +1,21 @@
+<html>
+  <head>
+    <style type="text/css">
+      @font-face {
+        font-family : svgttf;
+        src : url(resources/svg.woff);
+      }
+      
+      body {
+        font-family : svgttf;
+        font-size : 200px;
+        color : palevioletred;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+O<br>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/clip.html b/layout/reftests/text-svgglyphs/clip.html
new file mode 100644
index 0000000000..4f91ff10c3
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/clip.html
@@ -0,0 +1,39 @@
+<html class="reftest-wait">
+  <!--
+        This test makes sure that the glyph extents are being extended to
+      the bounds of the SVG glyph by placing an SVG glyph in a div outside
+      the truetype extents but inside the SVG extents
+  -->
+  <head>
+    <style type="text/css">
+      @font-face {
+        font-family : svgttf;
+        src : url(resources/svg.woff);
+      }
+
+      body {
+        font-family : svgttf;
+        font-size : 200px;
+        color : palevioletred;
+      }
+
+      div {
+        width : 160px;
+        overflow : hidden;
+      }
+    </style>
+    <script type="text/javascript">
+      function expand() {
+        var div = document.getElementById("thediv");
+        div.style.width = "200px";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", expand);
+    </script>
+  </head>
+  <body>
+    <div id="thediv">
+O<br>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/reftest.list b/layout/reftests/text-svgglyphs/reftest.list
new file mode 100644
index 0000000000..5f04549cec
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/reftest.list
@@ -0,0 +1,36 @@
+defaults pref(gfx.font_rendering.opentype_svg.enabled,true)
+
+pref(gfx.font_rendering.opentype_svg.enabled,false) != svg-glyph-basic-disabled.svg svg-glyph-basic-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-200) == svg-glyph-basic.svg svg-glyph-basic-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-invalid-ids.svg svg-glyph-invalid-ids-ref.svg
+pref(gfx.font_rendering.opentype_svg.enabled,false) != svg-glyph-positioning-disabled.svg svg-glyph-positioning-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-350) == svg-glyph-positioning.svg svg-glyph-positioning-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-html.html svg-glyph-html-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-direct.svg svg-glyph-direct-ref.svg
+== svg-glyph-invalid.html svg-glyph-invalid-ref.html
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectfill-solid.svg svg-glyph-objectfill-solid-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-objectstroke-solid.svg svg-glyph-objectstroke-solid-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-300) == svg-glyph-objectgradient.svg svg-glyph-objectgradient-ref.svg # see bug 871961#c5
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-250) == svg-glyph-objectgradient-zoom.svg svg-glyph-objectgradient-zoom-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-14,0-13000) == svg-glyph-objectpattern.svg svg-glyph-objectpattern-ref.svg
+skip-if(!Android&&isDebugBuild) == clip.html clip-ref.html
+
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-350) == svg-glyph-objectopacity.svg svg-glyph-objectopacity-ref.svg # see bug 871961#c5
+skip-if(!Android&&isDebugBuild) fuzzy(0-8,0-13000) == svg-glyph-objectopacity2.svg svg-glyph-objectopacity2-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-paintnone.svg svg-glyph-paintnone-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-cachedopacity.svg svg-glyph-cachedopacity-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue.svg svg-glyph-objectvalue-ref.svg
+skip-if(!Android&&isDebugBuild) fails-if(useDrawSnapshot) != svg-glyph-objectvalue.svg svg-glyph-objectvalue-75.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue-75.svg svg-glyph-objectvalue-75-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue-150.svg svg-glyph-objectvalue-150-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-15,0-152) == svg-glyph-mask.svg svg-glyph-mask-ref.svg
+
+skip-if(!Android&&isDebugBuild) == svg-glyph-paint-server.svg svg-glyph-paint-server-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-transform.svg svg-glyph-transform-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-extents.html svg-glyph-extents-ref.html
+skip-if(!Android&&isDebugBuild) == svg-glyph-compressed.html svg-glyph-compressed-ref.html
+
+skip-if(!Android&&isDebugBuild) fuzzy-if(cocoaWidget,0-1,0-33) == bug1320197-1.html bug1320197-1-ref.html
+skip-if(!Android&&isDebugBuild) fuzzy-if(winWidget,0-137,0-198) fuzzy-if(Android,0-81,0-96) == svg-in-ot-bitmap-1.html svg-in-ot-bitmap-1-ref.html
+
+defaults
diff --git a/layout/reftests/text-svgglyphs/resources/README b/layout/reftests/text-svgglyphs/resources/README
new file mode 100644
index 0000000000..852e5e4206
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/README
@@ -0,0 +1,61 @@
+.woff files for SVG-in-OpenType testing
+=======================================
+
+There are three .woff files in this directory:
+ * nosvg.woff
+ * svg.woff
+ * rubbish.woff
+
+nosvg.woff
+----------
+This font is FiraSansOT-Regular, with its metrics hacked so that its ascent
+is 1000 and descent is 0. Its unitsPerEm value is 1000.
+
+It contains no 'SVG ' table.
+
+svg.woff
+--------
+This font is the same as nosvg.woff above, but with the glyphs-*.svg SVG
+documents from this directory embedded in it using the tools described below.
+
+rubbish.woff
+------------
+This font is the same as nosvg.woff above, but with the addition of an 'SVG '
+table with the contents of rubbish.txt. Its purpose is to test that SVG tables
+without valid XML are ignored.
+
+Creating the Fonts
+------------------
+The tools used here are insertsvg.py from [1] and sfnt2woff from [2].
+
+svg.woff can be recreated with:
+
+woff2sfnt nosvg.woff > nosvg.ttf
+insertsvg.py nosvg.ttf svg.ttf glyphs-*.svg
+sfnt2woff svg.ttf
+
+[1] https://github.com/edf825/SVG-OpenType-Utils
+[2] http://people.mozilla.com/~jkew/woff/
+
+
+
+Additional test fonts:
+======================
+
+svg-glyph-extents.otf
+---------------------
+
+This is a copy of Fira Sans with a simple SVG table added using the tool from
+https://github.com/rocallahan/svg-opentype-workshop. The SVG table defines four
+glyphs, corresponding to 'A' through 'D':
+
+ <svg xmlns='http://www.w3.org/2000/svg'>
+   <rect id='glyph36' x='0' y='-1000' width='1000' height='1500' fill='red'/>
+   <rect id='glyph37' x='0' y='-1000' width='1000' height='1500' fill='green' transform='scale(2)'/>
+   <g id='glyph38'>
+     <rect x='0' y='-1000' width='1000' height='1500' fill='red'/>
+   </g>
+   <g id='glyph39'>
+     <rect x='0' y='-1000' width='1000' height='1500' fill='green' transform='scale(2)'/>
+   </g>
+ </svg>
diff --git a/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf b/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf
new file mode 100644
index 0000000000..8ef2e89edf
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf differ
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-base.svg b/layout/reftests/text-svgglyphs/resources/glyphs-base.svg
new file mode 100644
index 0000000000..51c32135c0
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-base.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Basic test SVG glyphs
+    Covers glyph ID 47
+-->
+  <!-- char = L -->
+  <g id="glyph47">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+      stroke="black" fill="red"/>
+    <rect x="100" y="-1000" width="100" height="100" stroke="none"
+      fill="turquoise" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg b/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg
new file mode 100644
index 0000000000..4740b4ff3b
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test handling of invalid ids
+-->
+  <!-- not valid: leading space not allowed -->
+  <g id="glyph 48">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: leading zero not allowed -->
+  <g id="glyph048">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: trailing garbage not allowed -->
+  <g id="glyph48xxx">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: trailing space not allowed -->
+  <g id="glyph48 ">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: floating point not allowed -->
+  <g id="glyph48.0">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- char = M -->
+  <g id="glyph48">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="lime"/>
+  </g>
+  <!-- Ensure first glyph48 is picked -->
+  <g id="glyph48">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg
new file mode 100644
index 0000000000..cf738d0cc1
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test SVG glyphs for text object pattern inheritance
+    Covers glyph ID range 49 (N) to 52 (Q)
+-->
+<!-- context-fill, no stroke -->
+  <!-- N -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    stroke="none" fill="context-fill" id="glyph49"/>
+
+  <!-- O -->
+  <rect x="50" y="-950" width="900" height="900" stroke-width="100"
+    fill="context-fill" stroke="none" id="glyph50"/>
+
+<!-- context-stroke -->
+  <!-- P -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    stroke="context-stroke" fill="burlywood" id="glyph51"/>
+
+<!-- both context-stroke and context-fill (but note swapped usage!) -->
+  <!-- Q -->
+  <rect x="50" y="-950" width="900" height="900" stroke-width="100"
+    fill="context-stroke" stroke="context-fill" id="glyph52"/>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg
new file mode 100644
index 0000000000..7fc479e22b
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg
@@ -0,0 +1,59 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test SVG glyphs for text object opacity inheritance
+    Covers glyph ID range 53 (R) to 60 (Y)
+-->
+  <!-- R -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="context-fill" stroke="context-stroke"
+    fill-opacity="context-fill-opacity"
+    stroke-opacity="context-stroke-opacity" id="glyph53"/>
+
+  <!-- S -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="context-fill" stroke="context-stroke"
+    fill-opacity="context-stroke-opacity"
+    stroke-opacity="context-fill-opacity" id="glyph54"/>
+
+  <!-- T -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="context-stroke" stroke="context-fill"
+    fill-opacity="context-fill-opacity"
+    stroke-opacity="context-stroke-opacity" id="glyph55"/>
+
+  <!-- U -->
+  <!--  Test for bug where explicit `inherit' would fail for
+      *-opacity="objectStrokeOpacity" or "objectFillOpacity" -->
+  <g style="fill-opacity : context-stroke-opacity; stroke-opacity : context-fill-opacity">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+      fill="context-stroke" stroke="context-fill"
+      fill-opacity="inherit" stroke-opacity="inherit" id="glyph56"/>
+  </g>
+
+  <!-- W -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="darkorchid" stroke="goldenrod"
+    fill-opacity="context-fill-opacity"
+    stroke-opacity="context-stroke-opacity" id="glyph58"/>
+
+  <!-- X -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="darkorchid" stroke="goldenrod"
+    fill-opacity="context-stroke-opacity"
+    stroke-opacity="context-fill-opacity" id="glyph59"/>
+
+  <style type="text/css"><![CDATA[
+  #glyph60 {
+    fill-opacity : context-fill-opacity;
+    stroke-opacity : context-stroke-opacity;
+  }
+  #ychild {
+    color-interpolation : sRGB;
+  }
+  ]]></style>
+  <!-- Y -->
+  <g id="glyph60">
+    <rect x="100" y="-900" width="800" height="300" stroke="red" stroke-width="50"/>
+    <rect x="100" y="-400" width="800" height="300" stroke="red" stroke-width="50" id="ychild" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg
new file mode 100644
index 0000000000..44afb2f600
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test SVG glyphs for text object stroke value inheritance
+    Covers glyph ID range 68 (a) to 71 (d)
+-->
+  <!-- a -->
+  <rect x="100" y="-900" width="800" height="800" stroke="powderblue"
+    stroke-width="50" stroke-dashoffset="35"
+    stroke-dasharray="50 50" id="glyph68" />
+
+  <!-- b -->
+  <rect x="100" y="-900" width="800" height="800" stroke="chartreuse"
+    stroke-width="50" stroke-dashoffset="35"
+    stroke-dasharray="context-value" id="glyph69" />
+
+  <!-- c -->
+  <rect x="100" y="-900" width="800" height="800" stroke="sienna"
+    stroke-width="50" stroke-dasharray="50 50"
+    stroke-dashoffset="context-value" id="glyph70" />
+
+  <!-- d -->
+  <rect x="100" y="-900" width="800" height="800" stroke="olivedrab"
+    stroke-width="context-value" stroke-dasharray="context-value"
+    stroke-dashoffset="context-value" id="glyph71" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg b/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg
new file mode 100644
index 0000000000..7f5a95ac09
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    SVG test glyphs for paint servers within SVG glyphs
+    e: tests that we can refer to paint servers within the SVG glyph doc
+      (i.e. fill="url(#grad)" works)
+    f: tests that stop-color="context-{fill,stroke}" uses the context fill/stroke
+      fallback color
+-->
+  <defs>
+    <linearGradient id="grad">
+      <stop offset="0%" stop-color="papayawhip" />
+      <stop offset="100%" stop-color="plum" />
+    </linearGradient>
+
+    <linearGradient id="grad2">
+      <stop offset="0%" stop-color="context-fill" />
+      <stop offset="100%" stop-color="context-stroke" />
+    </linearGradient>
+  </defs>
+
+  <!-- char 'e' -->
+  <rect id="glyph72" x="250" y="-750" width="500" height="500"
+    fill="url(#grad)" />
+
+  <!-- char 'f' -->
+  <rect id="glyph73" x="250" y="-750" width="500" height="500"
+    fill="url(#grad2)" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg b/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg
new file mode 100644
index 0000000000..ff3d9ffb76
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg
@@ -0,0 +1,67 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<!--
+    SVG test glyphs for transforms within SVG glyphs
+    'g': simple red square used as a reference
+    'h': a smaller square, with a transform that should make it match the 'g'
+    'i': similar, applying a transform to the referenced element
+    'j': has a large blue square that should be transformed such that it is
+         completely hidden by the red
+    'k': tests the accumulation of several transforms
+    'l': checks that a transform from outside the glyph element is NOT applied
+    'm', 'n', 'o', 'p': all render the same <rect> but only 'm' and 'n' should be
+         transformed; 'o' and 'p' should match 'q'
+    'q': the unscaled small square, reference for 'o' and 'p' above
+-->
+
+  <defs>
+    <!-- this rect will need to be scaled 5x to match the reference glyph 'g' -->
+    <rect id="small" x="50" y="-150" width="100" height="100" fill="red" />
+  </defs>
+
+  <!-- char 'g' -->
+  <rect id="glyph74" x="250" y="-750" width="500" height="500" fill="red" />
+
+  <!-- char 'h' -->
+  <rect id="glyph75" x="25" y="-75" width="50" height="50" transform="scale(10)" fill="red" />
+
+  <!-- char 'i' -->
+  <g id="glyph76">
+    <use xlink:href="#small" transform="scale(5)" />
+  </g>
+
+  <!-- char 'j' -->
+  <g id="glyph77">
+    <g transform="translate(300,-300) scale(0.4)">
+      <rect x="0" y="-1000" width="1000" height="1000" fill="blue" />
+    </g>
+    <g transform="scale(5)">
+      <use xlink:href="#small" />
+    </g>
+  </g>
+
+  <!-- char 'k' -->
+  <g id="glyph78" transform="scale(0.5)">
+    <g transform="scale(0.5)">
+      <use xlink:href="#small" transform="scale(20)" />
+    </g>
+  </g>
+
+  <!-- char 'l' -->
+  <g transform="scale(2)">
+    <g id="glyph79">
+      <use xlink:href="#small" transform="scale(5)" />
+    </g>
+  </g>
+
+  <g id="glyph80"> <!-- char 'm' -->
+    <g id="glyph81" transform="scale(5)"> <!-- char 'n' -->
+      <g id="glyph82"> <!-- char 'o' -->
+        <use id="glyph83" xlink:href="#small" /> <!-- char 'p' -->
+      </g>
+    </g>
+  </g>
+
+  <!-- char 'q' -->
+  <use id="glyph84" xlink:href="#small" />
+
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/nosvg.woff b/layout/reftests/text-svgglyphs/resources/nosvg.woff
new file mode 100644
index 0000000000..ad53341871
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/nosvg.woff differ
diff --git a/layout/reftests/text-svgglyphs/resources/rubbish.txt b/layout/reftests/text-svgglyphs/resources/rubbish.txt
new file mode 100644
index 0000000000..1ad1631812
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/rubbish.txt
@@ -0,0 +1 @@
+This is the text contained in the rubbish.ttf 'SVG ' table. It is obviously not XML, and should thus be ignored.
diff --git a/layout/reftests/text-svgglyphs/resources/rubbish.woff b/layout/reftests/text-svgglyphs/resources/rubbish.woff
new file mode 100644
index 0000000000..3c83e02a30
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/rubbish.woff differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf
new file mode 100644
index 0000000000..cb0e3bd95d
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx
new file mode 100644
index 0000000000..cd3e9f4c5c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx
@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="4.16">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name="uni0000"/>
+    <GlyphID id="2" name="uni000D"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="A"/>
+    <GlyphID id="5" name="B"/>
+    <GlyphID id="6" name="C"/>
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.0"/>
+    <checkSumAdjustment value="0xcbb705e8"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00000011"/>
+    <unitsPerEm value="1000"/>
+    <created value="Tue Mar  1 20:28:26 2022"/>
+    <modified value="Tue Mar  1 20:28:26 2022"/>
+    <xMin value="0"/>
+    <yMin value="-250"/>
+    <xMax value="1000"/>
+    <yMax value="750"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="3"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="0x00010000"/>
+    <ascent value="750"/>
+    <descent value="-250"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="1000"/>
+    <minLeftSideBearing value="0"/>
+    <minRightSideBearing value="0"/>
+    <xMaxExtent value="1000"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="4"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="7"/>
+    <maxPoints value="2"/>
+    <maxContours value="2"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="0"/>
+    <maxStorage value="0"/>
+    <maxFunctionDefs value="0"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="512"/>
+    <maxSizeOfInstructions value="0"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <!-- The fields 'usFirstCharIndex' and 'usLastCharIndex'
+         will be recalculated by the compiler -->
+    <version value="4"/>
+    <xAvgCharWidth value="1000"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000000"/>
+    <ySubscriptXSize value="650"/>
+    <ySubscriptYSize value="699"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="140"/>
+    <ySuperscriptXSize value="650"/>
+    <ySuperscriptYSize value="699"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="479"/>
+    <yStrikeoutSize value="49"/>
+    <yStrikeoutPosition value="258"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="00000000 00000000 00000000 00000111"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="XXXX"/>
+    <fsSelection value="00000000 01000000"/>
+    <usFirstCharIndex value="0"/>
+    <usLastCharIndex value="67"/>
+    <sTypoAscender value="750"/>
+    <sTypoDescender value="-250"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="750"/>
+    <usWinDescent value="250"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000011"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="400"/>
+    <sCapHeight value="700"/>
+    <usDefaultChar value="32"/>
+    <usBreakChar value="32"/>
+    <usMaxContext value="0"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="1000" lsb="0"/>
+    <mtx name="A" width="1000" lsb="0"/>
+    <mtx name="B" width="1000" lsb="0"/>
+    <mtx name="C" width="1000" lsb="0"/>
+    <mtx name="space" width="1000" lsb="0"/>
+    <mtx name="uni0000" width="0" lsb="0"/>
+    <mtx name="uni000D" width="0" lsb="0"/>
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x0" name="uni0000"/><!-- ???? -->
+      <map code="0xd" name="uni000D"/><!-- ???? -->
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="B" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="C" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="space" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="uni0000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni000D"/><!-- contains no outline data -->
+
+  </glyf>
+
+  <name>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap-Regular:v1.0
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap Regular
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      Version 1.0
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap-Regular
+    </namerecord>
+  </name>
+
+  <post>
+    <formatType value="3.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="0"/>
+    <underlineThickness value="0"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+  </post>
+
+  <SVG>
+
+    <svgDoc endGlyphID="4" startGlyphID="4">
+      <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph4" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEBNbnUEAoFAIBAIBALBk2ABo8QBP1gd7ycAAAAASUVORK5CYII="/></svg>]]>
+    </svgDoc>
+    <svgDoc endGlyphID="5" startGlyphID="5">
+      <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph5" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="/></svg>]]>
+    </svgDoc>
+    <svgDoc endGlyphID="6" startGlyphID="6">
+      <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph6" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII="/></svg>]]>
+    </svgDoc>
+  </SVG>
+
+</ttFont>
diff --git a/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf b/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf
new file mode 100644
index 0000000000..1083f397f6
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg-gz.ttf b/layout/reftests/text-svgglyphs/resources/svg-gz.ttf
new file mode 100644
index 0000000000..3a9660224a
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg-gz.ttf differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg.woff b/layout/reftests/text-svgglyphs/resources/svg.woff
new file mode 100644
index 0000000000..6deee1460d
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg.woff differ
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg
new file mode 100644
index 0000000000..493a9260b7
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        /* For testing with the pref disabled, add a query to the font URL
+           to avoid cache confusion between enabled/disabled. */
+        src:url(resources/svg.woff?disabled);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that SVG glyphs are being drawn instead of TrueType glyphs
+      Also testing that this does not happen if the
+      gfx.font_rendering.opentype_svg.enabled preference is set to true.
+  -->
+  <!-- glyphid -->
+  <text x="0" y="200">
+  L
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg
new file mode 100644
index 0000000000..205529a50e
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <rect x="20" y="20" width="160" height="160" stroke-width="10"
+      stroke="black" fill="red" />
+    <rect x="20" y="0" width="20" height="20" stroke="none"
+      fill="turquoise" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic.svg
new file mode 100644
index 0000000000..6eea7d986c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-basic.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that SVG glyphs are being drawn instead of TrueType glyphs
+      Also testing that this does not happen if the
+      gfx.font_rendering.opentype_svg.enabled preference is set to true.
+  -->
+  <!-- glyphid -->
+  <text x="0" y="200">
+  L
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg
new file mode 100644
index 0000000000..944ad2efc6
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="20" width="160" height="60" stroke="red" stroke-width="10"
+      fill-opacity="0.5" stroke-opacity="0.5" />
+  <rect x="20" y="120" width="160" height="60" stroke="red" stroke-width="10"
+      fill-opacity="0.5" stroke-opacity="0.5" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg
new file mode 100644
index 0000000000..60b11344c8
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family : svgwoff;
+      src : url(resources/svg.woff);
+    }
+    text {
+      font-family : svgwoff;
+      font-size : 200px;
+      fill-opacity : 0.5;
+      stroke-opacity : 0.5;
+    }
+  ]]></style>
+
+  <!--
+        Test for a bug where cached fill-opacity and stroke-opacity values were
+      being destroyed
+  -->
+  <text x="0" y="200" stroke="black">Y</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html
new file mode 100644
index 0000000000..3325c05f22
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Test for compressed SVG glyphs</title>
+<style>
+  @font-face {
+    font-family: test;
+    src: url(resources/svg.woff); /* uses uncompressed SVG documents */
+  }
+  html { width: 400px; height: 400px; background-color: white; }
+  body { margin: 0; }
+  div { font: 200px test; color: fuchsia; line-height: 1; stroke: none; }
+</style>
+<div>abcdefg</div>
+<div>LMNOPQR</div>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-compressed.html b/layout/reftests/text-svgglyphs/svg-glyph-compressed.html
new file mode 100644
index 0000000000..0c51a54b12
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-compressed.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Test for compressed SVG glyphs</title>
+<style>
+  @font-face {
+    font-family: test;
+    src: url(resources/svg-gz.ttf); /* copy of svg.woff using gzip-compressed SVG documents */
+  }
+  html { width: 400px; height: 400px; background-color: white; }
+  body { margin: 0; }
+  div { font: 200px test; color: fuchsia; line-height: 1; stroke: none; }
+</style>
+<div>abcdefg</div>
+<div>LMNOPQR</div>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg
new file mode 100644
index 0000000000..67a5fb8d23
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for SVG glyphs being painted when painting properties are simple</title>
+
+  <style>
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src: url(resources/svg.woff);
+      }
+      text {
+        font-family: Liberation;
+        font-size: 200px;
+        fill: url(#transparent);
+      }
+    ]]>
+  </style>
+
+  <linearGradient id="transparent">
+    <stop/>
+  </linearGradient>
+
+  <!-- The gradient paint server fill is not used by the "L" glyph,
+       but setting it forces the code path that fills and strokes text
+       in the SVG text frame to be chosen. -->
+  <text x="0" y="200">L</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-direct.svg b/layout/reftests/text-svgglyphs/svg-glyph-direct.svg
new file mode 100644
index 0000000000..c1e38a2cee
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-direct.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test for SVG glyphs being painted when painting properties are simple</title>
+
+  <style>
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src: url(resources/svg.woff);
+      }
+      text {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+
+  <text x="0" y="200">L</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
new file mode 100644
index 0000000000..bd9847928b
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: foo;
+  src: url(resources/svg-glyph-extents.otf);
+}
+body {
+  font-family: foo;
+  font-size: 10px;
+}
+div {
+  display: inline-block;
+  height: 100px;
+  width: 100px;
+}
+</style>
+</head>
+<body>
+<div>A</div>
+<div>B</div>
+<div>C</div>
+<div>D</div>
+</body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-extents.html b/layout/reftests/text-svgglyphs/svg-glyph-extents.html
new file mode 100644
index 0000000000..6d7060aada
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-extents.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: foo;
+  src: url(resources/svg-glyph-extents.otf);
+}
+body {
+  font-family: foo;
+  font-size: 10px;
+}
+@keyframes test {
+  from {
+    font-size: 100px;
+  }
+  to {
+    font-size: 10px;
+  }
+}
+#start-animation div {
+  display: inline-block;
+  height: 100px;
+  width: 100px;
+  animation-duration: 3s;
+  animation-name: test;
+}
+</style>
+<script type="text/javascript">
+function setup() {
+  var e = document.getElementById("watchme");
+  e.addEventListener("animationend", listener);
+
+  // Start the animation after the animationend listener has been subscribed
+  // (See Bug 1543639 Comment 25 for a rationale).
+  document.body.id = "start-animation";
+}
+function listener() {
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="setup()">
+<div>A</div>
+<div id="watchme">B</div>
+<div>C</div>
+<div>D</div>
+</body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg
new file mode 100644
index 0000000000..6360240ff8
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for SVG glyphs being used in HTML content</title>
+  <style>
+    @font-face {
+      font-family: "Liberation";
+      src: url(resources/svg.woff);
+    }
+    text { font: 200px Liberation; fill: fuchsia; stroke: black; }
+  </style>
+  <text x="0" y="200">b</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-html.html b/layout/reftests/text-svgglyphs/svg-glyph-html.html
new file mode 100644
index 0000000000..5d4298f6df
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-html.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Test for SVG glyphs being used in HTML content</title>
+<style>
+  @font-face {
+    font-family: "Liberation";
+    src: url(resources/svg.woff);
+  }
+  html { width: 400px; height: 400px; background-color: white; }
+  body { margin: 0; }
+  div { font: 200px Liberation; color: fuchsia; line-height: 1; stroke: none; }
+</style>
+<div>b</div>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg
new file mode 100644
index 0000000000..8666756e4e
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <rect x="20" y="20" width="160" height="160" stroke-width="10"
+      fill="lime" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg
new file mode 100644
index 0000000000..25813f2972
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that the right SVG glyph is picked from a document containing various
+      invalid glyph IDs.
+  -->
+  <text x="0" y="200">
+  M
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html
new file mode 100644
index 0000000000..632e8f2ca8
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html
@@ -0,0 +1,18 @@
+<html>
+  <head>
+    <title>Reference for test that invalid XML in the 'SVG ' table is rejected</title>
+    <style>
+      @font-face {
+        font-family : 'Liberation';
+        src : url(resources/nosvg.woff);
+      }
+      body {
+        font-family : 'Liberation';
+        font-size : 200px;
+      }
+    </style>
+  </head>
+  <body>
+    LML&#xfe01;
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid.html b/layout/reftests/text-svgglyphs/svg-glyph-invalid.html
new file mode 100644
index 0000000000..3c785d02f7
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid.html
@@ -0,0 +1,23 @@
+<html>
+  <head>
+    <title>Test that invalid XML in the 'SVG ' table is rejected</title>
+    <style>
+      @font-face {
+        font-family : 'Liberation';
+        src : url(resources/rubbish.woff);
+      }
+      body {
+        font-family : 'Liberation';
+        font-size : 200px;
+      }
+    </style>
+  </head>
+  <!--
+        The font file resources/rubbish.woff contains an SVG table which
+      does not contain valid XML. This test makes sure it falls back
+      on rendering the text using the truetype outlines.
+  -->
+  <body>
+    LML&#xfe01;
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg
new file mode 100644
index 0000000000..4f3509c0dc
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: "Liberation";
+      src: url(resources/svg.woff);
+    }
+  </style>
+  <mask id="m" x="0" y="0" width="200" height="200">
+    <rect x="30" y="60" width="80" height="80" stroke-width="5"
+      stroke="black" fill="red"/>
+    <rect x="30" y="50" width="10" height="10" stroke="none"
+      fill="turquoise" />
+  </mask>
+  <rect width="200" height="200" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-mask.svg b/layout/reftests/text-svgglyphs/svg-glyph-mask.svg
new file mode 100644
index 0000000000..afda2f0908
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-mask.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: "Liberation";
+      src: url(resources/svg.woff);
+    }
+  </style>
+  <mask id="m" x="0" y="0" width="200" height="200">
+    <text x="20" y="150" style="font: 100px Liberation" stroke="black">L</text>
+  </mask>
+  <rect width="200" height="200" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg
new file mode 100644
index 0000000000..dbaf7f5e15
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="20" width="160" height="160" fill="turquoise" />
+  <rect x="10" y="210" width="180" height="180" fill="thistle" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg
new file mode 100644
index 0000000000..72b57b30ba
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that solid colors are inherited when using the objectFill
+      paint server value in SVG glyphs
+  -->
+  
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  
+  <text fill="turquoise" x="0" y="200">
+  N
+  </text>
+  <text fill="thistle" x="0" y="400">
+  O
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg
new file mode 100644
index 0000000000..91ebb683da
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke="none"
+    fill="url(#grad)" />
+    
+  <rect x="310" y="10" width="180" height="180" fill="url(#grad)"
+    stroke="none" />
+    
+  <rect x="20" y="320" width="160" height="160" fill="burlywood"
+    stroke="url(#grad2)" stroke-width="10" />
+    
+  <rect x="310" y="310" width="180" height="180" fill="url(#grad2)"
+    stroke="url(#grad)" stroke-width="20" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg
new file mode 100644
index 0000000000..95f3d1bb70
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.5">
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke="none"
+    fill="url(#grad)" />
+
+  <rect x="310" y="10" width="180" height="180" fill="url(#grad)"
+    stroke="none" />
+
+  <rect x="20" y="320" width="160" height="160" fill="burlywood"
+    stroke="url(#grad2)" stroke-width="10" />
+
+  <rect x="310" y="310" width="180" height="180" fill="url(#grad2)"
+    stroke="url(#grad)" stroke-width="20" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg
new file mode 100644
index 0000000000..cebc4fb04c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.5">
+  <!--
+        Test that gradients are inherited from the outer object under zoom
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+    }
+  ]]></style>
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+
+  </defs>
+
+  <text x="0" y="200" fill="url(#grad)" stroke="url(#grad2)">N</text>
+  <text x="300" y="200" fill="url(#grad)" stroke="url(#grad2)">O</text>
+  <text x="0" y="500" fill="url(#grad)" stroke="url(#grad2)">P</text>
+  <text x="300" y="500" fill="url(#grad)" stroke="url(#grad2)">Q</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg
new file mode 100644
index 0000000000..97f10bda4d
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that gradients are inherited from the outer object when using
+      the objectFill and objectStroke paint server values in SVG glyphs
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+    }
+  ]]></style>
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+    
+  </defs>
+
+  <text x="0" y="200" fill="url(#grad)" stroke="url(#grad2)">N</text>
+  <text x="300" y="200" fill="url(#grad)" stroke="url(#grad2)">O</text>
+  <text x="0" y="500" fill="url(#grad)" stroke="url(#grad2)">P</text>
+  <text x="300" y="500" fill="url(#grad)" stroke="url(#grad2)">Q</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg
new file mode 100644
index 0000000000..8dfb53aced
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#grad)" stroke="url(#grad2)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+    
+  <rect x="320" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#grad)" stroke="url(#grad2)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+    
+  <rect x="20" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#grad2)" stroke="url(#grad)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+    
+  <rect x="320" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#grad2)" stroke="url(#grad)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg
new file mode 100644
index 0000000000..c323640d47
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that fill-opacity is correctly inherited from the outer text
+      object when -moz-objectFillOpacity is used in an SVG glyph.
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+      fill-opacity: 0.5;
+      fill: url(#grad);
+      stroke-opacity: 1.0;
+      stroke: url(#grad2);
+    }
+  ]]></style>
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+    
+  </defs>
+
+  <text x="0" y="200">R</text>
+  <text x="300" y="200">S</text>
+  <text x="0" y="500">T</text>
+  <text x="300" y="500">U</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg
new file mode 100644
index 0000000000..6a261afdbd
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#pat)" stroke="url(#pat2)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+    
+  <rect x="320" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#pat)" stroke="url(#pat2)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+    
+  <rect x="20" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#pat2)" stroke="url(#pat)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+    
+  <rect x="320" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#pat2)" stroke="url(#pat)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg
new file mode 100644
index 0000000000..40e4fadf00
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that stroke-opacity is correctly inherited from the outer text
+      object when -moz-objectStrokeOpacity is used in an SVG glyph.
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+      fill-opacity: 1.0;
+      fill: url(#pat);
+      stroke-opacity: 0.5;
+      stroke: url(#pat2);
+    }
+  ]]></style>
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <text x="0" y="200">R</text>
+  <text x="300" y="200">S</text>
+  <text x="0" y="500">T</text>
+  <text x="300" y="500">U</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg
new file mode 100644
index 0000000000..e12e60d1b2
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke="none"
+    fill="url(#pat)" />
+    
+  <rect x="310" y="10" width="180" height="180" fill="url(#pat)"
+    stroke="none" />
+    
+  <rect x="20" y="320" width="160" height="160" fill="burlywood"
+    stroke="url(#pat2)" stroke-width="10" />
+    
+  <rect x="310" y="310" width="180" height="180" fill="url(#pat2)"
+    stroke="url(#pat)" stroke-width="20" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg
new file mode 100644
index 0000000000..475165cd40
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that patterns are inherited from the outer object when using
+      the objectFill and objectStroke paint server values in SVG glyphs
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+    }
+  ]]></style>
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <text x="0" y="200" fill="url(#pat)" stroke="url(#pat2)">N</text>
+  <text x="300" y="200" fill="url(#pat)" stroke="url(#pat2)">O</text>
+  <text x="0" y="500" fill="url(#pat)" stroke="url(#pat2)">P</text>
+  <text x="300" y="500" fill="url(#pat)" stroke="url(#pat2)">Q</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg
new file mode 100644
index 0000000000..797357537c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="20" width="160" height="160"
+    stroke-width="10" stroke="cornflowerblue" fill="burlywood" />
+  <rect x="10" y="210" width="180" height="180"
+    stroke-width="20" stroke="blanchedalmond" fill="darkolivegreen" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg
new file mode 100644
index 0000000000..8e1088df73
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that solid colors are inherited when using the objectStroke
+      paint server value in SVG glyphs
+  -->
+  
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  
+  <text stroke="cornflowerblue" x="0" y="200">
+  P
+  </text>
+  <text fill="blanchedalmond" stroke="darkolivegreen" x="0" y="400">
+  Q
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg
new file mode 100644
index 0000000000..561b294a93
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="1.5">
+  <style type="text/css"><![CDATA[
+    rect {
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+    }
+  ]]></style>
+  <rect x="20" y="20" width="160" height="160" stroke="powderblue" />
+  <rect x="220" y="20" width="160" height="160" stroke="chartreuse" />
+  <rect x="20" y="220" width="160" height="160" stroke="sienna" />
+  <rect x="220" y="220" width="160" height="160" stroke="olivedrab" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg
new file mode 100644
index 0000000000..4b687aa178
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="1.5">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: svgwoff;
+      src: url(resources/svg.woff);
+    }
+
+    text {
+      font-family: svgwoff;
+      font-size: 200px;
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+      stroke: black;
+    }
+  ]]></style>
+  <text x="0" y="200">a</text>
+  <text x="200" y="200">b</text>
+  <text x="0" y="400">c</text>
+  <text x="200" y="400">d</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg
new file mode 100644
index 0000000000..c47b309af6
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.75">
+  <style type="text/css"><![CDATA[
+    rect {
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+    }
+  ]]></style>
+  <rect x="20" y="20" width="160" height="160" stroke="powderblue" />
+  <rect x="220" y="20" width="160" height="160" stroke="chartreuse" />
+  <rect x="20" y="220" width="160" height="160" stroke="sienna" />
+  <rect x="220" y="220" width="160" height="160" stroke="olivedrab" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg
new file mode 100644
index 0000000000..eaa9d37440
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.75">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: svgwoff;
+      src: url(resources/svg.woff);
+    }
+
+    text {
+      font-family: svgwoff;
+      font-size: 200px;
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+      stroke: black;
+    }
+  ]]></style>
+  <text x="0" y="200">a</text>
+  <text x="200" y="200">b</text>
+  <text x="0" y="400">c</text>
+  <text x="200" y="400">d</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg
new file mode 100644
index 0000000000..73e006f353
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css"><![CDATA[
+    rect {
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+    }
+  ]]></style>
+  <rect x="20" y="20" width="160" height="160" stroke="powderblue" />
+  <rect x="220" y="20" width="160" height="160" stroke="chartreuse" />
+  <rect x="20" y="220" width="160" height="160" stroke="sienna" />
+  <rect x="220" y="220" width="160" height="160" stroke="olivedrab" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg
new file mode 100644
index 0000000000..1a94b43554
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: svgwoff;
+      src: url(resources/svg.woff);
+    }
+
+    text {
+      font-family: svgwoff;
+      font-size: 200px;
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+      stroke: black;
+    }
+  ]]></style>
+  <text x="0" y="200">a</text>
+  <text x="200" y="200">b</text>
+  <text x="0" y="400">c</text>
+  <text x="200" y="400">d</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg
new file mode 100644
index 0000000000..dde80a92fa
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad">
+      <stop offset="0%" stop-color="papayawhip" />
+      <stop offset="100%" stop-color="plum" />
+    </linearGradient>
+  </defs>
+
+  <rect x="50" y="50" width="100" height="100" fill="url(#grad)" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg b/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg
new file mode 100644
index 0000000000..4e3bdd6772
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  <!-- 
+      Test that paintservers within SVG glyph documents are rendered properly
+  -->
+  <text x="0" y="200">
+  e
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg
new file mode 100644
index 0000000000..cde840eb4e
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="30" y="30" width="160" height="160" stroke-width="10"
+        fill="darkorchid" stroke="none"
+        fill-opacity="0.5" />
+
+  <rect x="30" y="230" width="160" height="160" stroke-width="10"
+        stroke="goldenrod" fill="none"
+        stroke-opacity="0.5" />
+
+  <rect x="230" y="30" width="160" height="160" stroke-width="10"
+        stroke="goldenrod" fill="none"
+        stroke-opacity="0.5" />
+
+  <rect x="230" y="230" width="160" height="160" stroke-width="10"
+        fill="darkorchid" stroke="none"
+        fill-opacity="0.5" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg b/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg
new file mode 100644
index 0000000000..7b8d01d87c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke-opacity: 0.5;
+        fill-opacity: 0.5;
+      }
+    ]]>
+  </style>
+  <!--
+        Test that objectFillOpacity evaluates to 0 when fill="none" even when
+      fill-opacity is set, and similar for objectStrokeOpacity.
+  -->
+  <text x="10" y="210" stroke="none" fill="black">W</text>
+  <text x="10" y="410" stroke="black" fill="none">W</text>
+  <text x="210" y="210" stroke="none" fill="black">X</text>
+  <text x="210" y="410" stroke="black" fill="none">X</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg
new file mode 100644
index 0000000000..69418fde8c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        /* For testing with the pref disabled, add a query to the font URL
+           to avoid cache confusion between enabled/disabled. */
+        src:url(resources/svg.woff?disabled);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that we're rendering in the right place in the middle of a
+      text run
+  -->
+  <text x="0" y="200">
+  LLL
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg
new file mode 100644
index 0000000000..10e8ff1161
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- The "L" glyph in Fira Sans has been hacked to have an advance of
+       exactly 500/1000 em, or 100px at a font size of 200px. -->
+  <!-- L -->
+  <rect x="20" y="20" width="160" height="160" stroke-width="10"
+    stroke="black" fill="red" />
+  <rect x="20" y="0" width="20" height="20" stroke="none"
+    fill="turquoise" />
+
+  <!-- L -->
+  <rect x="120" y="20" width="160" height="160" stroke-width="10"
+    stroke="black" fill="red" />
+  <rect x="120" y="0" width="20" height="20" stroke="none"
+    fill="turquoise" />
+
+  <!-- L -->
+  <rect x="220" y="20" width="160" height="160" stroke-width="10"
+    stroke="black" fill="red" />
+  <rect x="220" y="0" width="20" height="20" stroke="none"
+    fill="turquoise" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg
new file mode 100644
index 0000000000..a16056a244
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that we're rendering in the right place in the middle of a
+      text run
+  -->
+  <text x="0" y="200">
+  LLL
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg
new file mode 100644
index 0000000000..759e06ae42
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 100px;
+      }
+    ]]>
+  </style>
+  <!-- 
+      Test that transforms within SVG glyph documents are applied properly
+  -->
+  <text x="0" y="100">
+  g
+  </text>
+  <text x="0" y="200">
+  g
+  </text>
+  <text x="0" y="300">
+  g
+  </text>
+
+  <text x="100" y="100">
+  g
+  </text>
+  <text x="100" y="200">
+  g
+  </text>
+  <text x="100" y="300">
+  g
+  </text>
+
+  <text x="200" y="100">
+  g
+  </text>
+  <!-- note that the next two are different from the preceding glyphs! -->
+  <text x="200" y="200">
+  q
+  </text>
+  <text x="200" y="300">
+  q
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-transform.svg b/layout/reftests/text-svgglyphs/svg-glyph-transform.svg
new file mode 100644
index 0000000000..933dea3725
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-transform.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="600">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 100px;
+      }
+    ]]>
+  </style>
+  <!-- 
+      Test that transforms within SVG glyph documents are applied properly
+  -->
+  <text x="0" y="100">
+  h
+  </text>
+  <text x="0" y="200">
+  i
+  </text>
+  <text x="0" y="300">
+  j
+  </text>
+
+  <text x="100" y="100">
+  k
+  </text>
+  <text x="100" y="200">
+  l
+  </text>
+  <text x="100" y="300">
+  m
+  </text>
+
+  <text x="200" y="100">
+  n
+  </text>
+  <!-- note that the next two are different from the preceding glyphs! -->
+  <text x="200" y="200">
+  o
+  </text>
+  <text x="200" y="300">
+  p
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html
new file mode 100644
index 0000000000..c93fc86c94
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>SVG-in-OT bitmap issue</title>
+    <style>
+        @font-face {
+            font-family: test;
+            src: url("resources/svg-bitmap.ttf");
+        }
+        span {
+            white-space: pre;
+        }
+        .a {
+            background: red;
+        }
+        .b {
+            background: yellow;
+        }
+        .c {
+            background: blue;
+        }
+    </style>
+</head>
+<body>
+    <div style="font: 32px/1 test, serif">
+        x <span class=a> </span><span class=b> </span><span class=c> </span> x
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html
new file mode 100644
index 0000000000..6f8055ebd1
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>SVG-in-OT bitmap issue</title>
+    <style>
+        @font-face {
+            font-family: test;
+            src: url("resources/svg-bitmap.ttf");
+        }
+    </style>
+    <script>
+        // Spin for 1 second using requestAnimationFrame, which should be plenty
+        // for the PNG images in the SVG-in-OT font to be decoded.
+        let start;
+        function rAF(timestamp) {
+            if (start === undefined) {
+                start = timestamp;
+            }
+            if (timestamp - start < 1000) {
+                window.requestAnimationFrame(rAF);
+            } else {
+                document.documentElement.classList.remove("reftest-wait");
+            }
+        }
+    </script>
+</head>
+<body onload="window.requestAnimationFrame(rAF)">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 50" x="0" y="0" width="400" height="50">
+        <text x="0" y="24" font-family="test, serif" font-size="32px">x ABC x</text>
+    </svg>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/all-lower-ref.html b/layout/reftests/text-transform/all-lower-ref.html
new file mode 100644
index 0000000000..10f07b56fe
--- /dev/null
+++ b/layout/reftests/text-transform/all-lower-ref.html
@@ -0,0 +1,1448 @@
+<!DOCTYPE html>
+<!-- GENERATED FILE, DO NOT EDIT -->
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   @font-face { font-family: foo; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); }
+   p { font-family: foo; font-size: 12px; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x0061;
+&#x0062;
+&#x0063;
+&#x0064;
+&#x0065;
+&#x0066;
+&#x0067;
+&#x0068;
+&#x0069;
+&#x006A;
+&#x006B;
+&#x006C;
+&#x006D;
+&#x006E;
+&#x006F;
+&#x0070;
+&#x0071;
+&#x0072;
+&#x0073;
+&#x0074;
+&#x0075;
+&#x0076;
+&#x0077;
+&#x0078;
+&#x0079;
+&#x007A;
+&#x00E0;
+&#x00E1;
+&#x00E2;
+&#x00E3;
+&#x00E4;
+&#x00E5;
+&#x00E6;
+&#x00E7;
+&#x00E8;
+&#x00E9;
+&#x00EA;
+&#x00EB;
+&#x00EC;
+&#x00ED;
+&#x00EE;
+&#x00EF;
+&#x00F0;
+&#x00F1;
+&#x00F2;
+&#x00F3;
+&#x00F4;
+&#x00F5;
+&#x00F6;
+&#x00F8;
+&#x00F9;
+&#x00FA;
+&#x00FB;
+&#x00FC;
+&#x00FD;
+&#x00FE;
+&#x0101;
+&#x0103;
+&#x0105;
+&#x0107;
+&#x0109;
+&#x010B;
+&#x010D;
+&#x010F;
+&#x0111;
+&#x0113;
+&#x0115;
+&#x0117;
+&#x0119;
+&#x011B;
+&#x011D;
+&#x011F;
+&#x0121;
+&#x0123;
+&#x0125;
+&#x0127;
+&#x0129;
+&#x012B;
+&#x012D;
+&#x012F;
+&#x0069;&#x0307; <!-- LATIN CAPITAL LETTER I WITH DOT ABOVE -->
+&#x0133;
+&#x0135;
+&#x0137;
+&#x013A;
+&#x013C;
+&#x013E;
+&#x0140;
+&#x0142;
+&#x0144;
+&#x0146;
+&#x0148;
+&#x014B;
+&#x014D;
+&#x014F;
+&#x0151;
+&#x0153;
+&#x0155;
+&#x0157;
+&#x0159;
+&#x015B;
+&#x015D;
+&#x015F;
+&#x0161;
+&#x0163;
+&#x0165;
+&#x0167;
+&#x0169;
+&#x016B;
+&#x016D;
+&#x016F;
+&#x0171;
+&#x0173;
+&#x0175;
+&#x0177;
+&#x00FF;
+&#x017A;
+&#x017C;
+&#x017E;
+&#x0253;
+&#x0183;
+&#x0185;
+&#x0254;
+&#x0188;
+&#x0256;
+&#x0257;
+&#x018C;
+&#x01DD;
+&#x0259;
+&#x025B;
+&#x0192;
+&#x0260;
+&#x0263;
+&#x0269;
+&#x0268;
+&#x0199;
+&#x026F;
+&#x0272;
+&#x0275;
+&#x01A1;
+&#x01A3;
+&#x01A5;
+&#x0280;
+&#x01A8;
+&#x0283;
+&#x01AD;
+&#x0288;
+&#x01B0;
+&#x028A;
+&#x028B;
+&#x01B4;
+&#x01B6;
+&#x0292;
+&#x01B9;
+&#x01BD;
+&#x01C6;
+&#x01C6;
+&#x01C9;
+&#x01C9;
+&#x01CC;
+&#x01CC;
+&#x01CE;
+&#x01D0;
+&#x01D2;
+&#x01D4;
+&#x01D6;
+&#x01D8;
+&#x01DA;
+&#x01DC;
+&#x01DF;
+&#x01E1;
+&#x01E3;
+&#x01E5;
+&#x01E7;
+&#x01E9;
+&#x01EB;
+&#x01ED;
+&#x01EF;
+&#x01F3;
+&#x01F3;
+&#x01F5;
+&#x0195;
+&#x01BF;
+&#x01F9;
+&#x01FB;
+&#x01FD;
+&#x01FF;
+&#x0201;
+&#x0203;
+&#x0205;
+&#x0207;
+&#x0209;
+&#x020B;
+&#x020D;
+&#x020F;
+&#x0211;
+&#x0213;
+&#x0215;
+&#x0217;
+&#x0219;
+&#x021B;
+&#x021D;
+&#x021F;
+&#x019E;
+&#x0223;
+&#x0225;
+&#x0227;
+&#x0229;
+&#x022B;
+&#x022D;
+&#x022F;
+&#x0231;
+&#x0233;
+&#x2C65;
+&#x023C;
+&#x019A;
+&#x2C66;
+&#x0242;
+&#x0180;
+&#x0289;
+&#x028C;
+&#x0247;
+&#x0249;
+&#x024B;
+&#x024D;
+&#x024F;
+&#x0371;
+&#x0373;
+&#x0377;
+&#x03F3;
+&#x03AC;
+&#x03AD;
+&#x03AE;
+&#x03AF;
+&#x03CC;
+&#x03CD;
+&#x03CE;
+&#x03B1;
+&#x03B2;
+&#x03B3;
+&#x03B4;
+&#x03B5;
+&#x03B6;
+&#x03B7;
+&#x03B8;
+&#x03B9;
+&#x03BA;
+&#x03BB;
+&#x03BC;
+&#x03BD;
+&#x03BE;
+&#x03BF;
+&#x03C0;
+&#x03C1;
+&#x03C3;
+&#x03C4;
+&#x03C5;
+&#x03C6;
+&#x03C7;
+&#x03C8;
+&#x03C9;
+&#x03CA;
+&#x03CB;
+&#x03D7;
+&#x03D9;
+&#x03DB;
+&#x03DD;
+&#x03DF;
+&#x03E1;
+&#x03E3;
+&#x03E5;
+&#x03E7;
+&#x03E9;
+&#x03EB;
+&#x03ED;
+&#x03EF;
+&#x03B8;
+&#x03F8;
+&#x03F2;
+&#x03FB;
+&#x037B;
+&#x037C;
+&#x037D;
+&#x0450;
+&#x0451;
+&#x0452;
+&#x0453;
+&#x0454;
+&#x0455;
+&#x0456;
+&#x0457;
+&#x0458;
+&#x0459;
+&#x045A;
+&#x045B;
+&#x045C;
+&#x045D;
+&#x045E;
+&#x045F;
+&#x0430;
+&#x0431;
+&#x0432;
+&#x0433;
+&#x0434;
+&#x0435;
+&#x0436;
+&#x0437;
+&#x0438;
+&#x0439;
+&#x043A;
+&#x043B;
+&#x043C;
+&#x043D;
+&#x043E;
+&#x043F;
+&#x0440;
+&#x0441;
+&#x0442;
+&#x0443;
+&#x0444;
+&#x0445;
+&#x0446;
+&#x0447;
+&#x0448;
+&#x0449;
+&#x044A;
+&#x044B;
+&#x044C;
+&#x044D;
+&#x044E;
+&#x044F;
+&#x0461;
+&#x0463;
+&#x0465;
+&#x0467;
+&#x0469;
+&#x046B;
+&#x046D;
+&#x046F;
+&#x0471;
+&#x0473;
+&#x0475;
+&#x0477;
+&#x0479;
+&#x047B;
+&#x047D;
+&#x047F;
+&#x0481;
+&#x048B;
+&#x048D;
+&#x048F;
+&#x0491;
+&#x0493;
+&#x0495;
+&#x0497;
+&#x0499;
+&#x049B;
+&#x049D;
+&#x049F;
+&#x04A1;
+&#x04A3;
+&#x04A5;
+&#x04A7;
+&#x04A9;
+&#x04AB;
+&#x04AD;
+&#x04AF;
+&#x04B1;
+&#x04B3;
+&#x04B5;
+&#x04B7;
+&#x04B9;
+&#x04BB;
+&#x04BD;
+&#x04BF;
+&#x04CF;
+&#x04C2;
+&#x04C4;
+&#x04C6;
+&#x04C8;
+&#x04CA;
+&#x04CC;
+&#x04CE;
+&#x04D1;
+&#x04D3;
+&#x04D5;
+&#x04D7;
+&#x04D9;
+&#x04DB;
+&#x04DD;
+&#x04DF;
+&#x04E1;
+&#x04E3;
+&#x04E5;
+&#x04E7;
+&#x04E9;
+&#x04EB;
+&#x04ED;
+&#x04EF;
+&#x04F1;
+&#x04F3;
+&#x04F5;
+&#x04F7;
+&#x04F9;
+&#x04FB;
+&#x04FD;
+&#x04FF;
+&#x0501;
+&#x0503;
+&#x0505;
+&#x0507;
+&#x0509;
+&#x050B;
+&#x050D;
+&#x050F;
+&#x0511;
+&#x0513;
+&#x0515;
+&#x0517;
+&#x0519;
+&#x051B;
+&#x051D;
+&#x051F;
+&#x0521;
+&#x0523;
+&#x0525;
+&#x0527;
+&#x0529;
+&#x052B;
+&#x052D;
+&#x052F;
+&#x0561;
+&#x0562;
+&#x0563;
+&#x0564;
+&#x0565;
+&#x0566;
+&#x0567;
+&#x0568;
+&#x0569;
+&#x056A;
+&#x056B;
+&#x056C;
+&#x056D;
+&#x056E;
+&#x056F;
+&#x0570;
+&#x0571;
+&#x0572;
+&#x0573;
+&#x0574;
+&#x0575;
+&#x0576;
+&#x0577;
+&#x0578;
+&#x0579;
+&#x057A;
+&#x057B;
+&#x057C;
+&#x057D;
+&#x057E;
+&#x057F;
+&#x0580;
+&#x0581;
+&#x0582;
+&#x0583;
+&#x0584;
+&#x0585;
+&#x0586;
+&#x2D00;
+&#x2D01;
+&#x2D02;
+&#x2D03;
+&#x2D04;
+&#x2D05;
+&#x2D06;
+&#x2D07;
+&#x2D08;
+&#x2D09;
+&#x2D0A;
+&#x2D0B;
+&#x2D0C;
+&#x2D0D;
+&#x2D0E;
+&#x2D0F;
+&#x2D10;
+&#x2D11;
+&#x2D12;
+&#x2D13;
+&#x2D14;
+&#x2D15;
+&#x2D16;
+&#x2D17;
+&#x2D18;
+&#x2D19;
+&#x2D1A;
+&#x2D1B;
+&#x2D1C;
+&#x2D1D;
+&#x2D1E;
+&#x2D1F;
+&#x2D20;
+&#x2D21;
+&#x2D22;
+&#x2D23;
+&#x2D24;
+&#x2D25;
+&#x2D27;
+&#x2D2D;
+&#xAB70;
+&#xAB71;
+&#xAB72;
+&#xAB73;
+&#xAB74;
+&#xAB75;
+&#xAB76;
+&#xAB77;
+&#xAB78;
+&#xAB79;
+&#xAB7A;
+&#xAB7B;
+&#xAB7C;
+&#xAB7D;
+&#xAB7E;
+&#xAB7F;
+&#xAB80;
+&#xAB81;
+&#xAB82;
+&#xAB83;
+&#xAB84;
+&#xAB85;
+&#xAB86;
+&#xAB87;
+&#xAB88;
+&#xAB89;
+&#xAB8A;
+&#xAB8B;
+&#xAB8C;
+&#xAB8D;
+&#xAB8E;
+&#xAB8F;
+&#xAB90;
+&#xAB91;
+&#xAB92;
+&#xAB93;
+&#xAB94;
+&#xAB95;
+&#xAB96;
+&#xAB97;
+&#xAB98;
+&#xAB99;
+&#xAB9A;
+&#xAB9B;
+&#xAB9C;
+&#xAB9D;
+&#xAB9E;
+&#xAB9F;
+&#xABA0;
+&#xABA1;
+&#xABA2;
+&#xABA3;
+&#xABA4;
+&#xABA5;
+&#xABA6;
+&#xABA7;
+&#xABA8;
+&#xABA9;
+&#xABAA;
+&#xABAB;
+&#xABAC;
+&#xABAD;
+&#xABAE;
+&#xABAF;
+&#xABB0;
+&#xABB1;
+&#xABB2;
+&#xABB3;
+&#xABB4;
+&#xABB5;
+&#xABB6;
+&#xABB7;
+&#xABB8;
+&#xABB9;
+&#xABBA;
+&#xABBB;
+&#xABBC;
+&#xABBD;
+&#xABBE;
+&#xABBF;
+&#x13F8;
+&#x13F9;
+&#x13FA;
+&#x13FB;
+&#x13FC;
+&#x13FD;
+&#x10D0;
+&#x10D1;
+&#x10D2;
+&#x10D3;
+&#x10D4;
+&#x10D5;
+&#x10D6;
+&#x10D7;
+&#x10D8;
+&#x10D9;
+&#x10DA;
+&#x10DB;
+&#x10DC;
+&#x10DD;
+&#x10DE;
+&#x10DF;
+&#x10E0;
+&#x10E1;
+&#x10E2;
+&#x10E3;
+&#x10E4;
+&#x10E5;
+&#x10E6;
+&#x10E7;
+&#x10E8;
+&#x10E9;
+&#x10EA;
+&#x10EB;
+&#x10EC;
+&#x10ED;
+&#x10EE;
+&#x10EF;
+&#x10F0;
+&#x10F1;
+&#x10F2;
+&#x10F3;
+&#x10F4;
+&#x10F5;
+&#x10F6;
+&#x10F7;
+&#x10F8;
+&#x10F9;
+&#x10FA;
+&#x10FD;
+&#x10FE;
+&#x10FF;
+&#x1E01;
+&#x1E03;
+&#x1E05;
+&#x1E07;
+&#x1E09;
+&#x1E0B;
+&#x1E0D;
+&#x1E0F;
+&#x1E11;
+&#x1E13;
+&#x1E15;
+&#x1E17;
+&#x1E19;
+&#x1E1B;
+&#x1E1D;
+&#x1E1F;
+&#x1E21;
+&#x1E23;
+&#x1E25;
+&#x1E27;
+&#x1E29;
+&#x1E2B;
+&#x1E2D;
+&#x1E2F;
+&#x1E31;
+&#x1E33;
+&#x1E35;
+&#x1E37;
+&#x1E39;
+&#x1E3B;
+&#x1E3D;
+&#x1E3F;
+&#x1E41;
+&#x1E43;
+&#x1E45;
+&#x1E47;
+&#x1E49;
+&#x1E4B;
+&#x1E4D;
+&#x1E4F;
+&#x1E51;
+&#x1E53;
+&#x1E55;
+&#x1E57;
+&#x1E59;
+&#x1E5B;
+&#x1E5D;
+&#x1E5F;
+&#x1E61;
+&#x1E63;
+&#x1E65;
+&#x1E67;
+&#x1E69;
+&#x1E6B;
+&#x1E6D;
+&#x1E6F;
+&#x1E71;
+&#x1E73;
+&#x1E75;
+&#x1E77;
+&#x1E79;
+&#x1E7B;
+&#x1E7D;
+&#x1E7F;
+&#x1E81;
+&#x1E83;
+&#x1E85;
+&#x1E87;
+&#x1E89;
+&#x1E8B;
+&#x1E8D;
+&#x1E8F;
+&#x1E91;
+&#x1E93;
+&#x1E95;
+&#x00DF;
+&#x1EA1;
+&#x1EA3;
+&#x1EA5;
+&#x1EA7;
+&#x1EA9;
+&#x1EAB;
+&#x1EAD;
+&#x1EAF;
+&#x1EB1;
+&#x1EB3;
+&#x1EB5;
+&#x1EB7;
+&#x1EB9;
+&#x1EBB;
+&#x1EBD;
+&#x1EBF;
+&#x1EC1;
+&#x1EC3;
+&#x1EC5;
+&#x1EC7;
+&#x1EC9;
+&#x1ECB;
+&#x1ECD;
+&#x1ECF;
+&#x1ED1;
+&#x1ED3;
+&#x1ED5;
+&#x1ED7;
+&#x1ED9;
+&#x1EDB;
+&#x1EDD;
+&#x1EDF;
+&#x1EE1;
+&#x1EE3;
+&#x1EE5;
+&#x1EE7;
+&#x1EE9;
+&#x1EEB;
+&#x1EED;
+&#x1EEF;
+&#x1EF1;
+&#x1EF3;
+&#x1EF5;
+&#x1EF7;
+&#x1EF9;
+&#x1EFB;
+&#x1EFD;
+&#x1EFF;
+&#x1F00;
+&#x1F01;
+&#x1F02;
+&#x1F03;
+&#x1F04;
+&#x1F05;
+&#x1F06;
+&#x1F07;
+&#x1F10;
+&#x1F11;
+&#x1F12;
+&#x1F13;
+&#x1F14;
+&#x1F15;
+&#x1F20;
+&#x1F21;
+&#x1F22;
+&#x1F23;
+&#x1F24;
+&#x1F25;
+&#x1F26;
+&#x1F27;
+&#x1F30;
+&#x1F31;
+&#x1F32;
+&#x1F33;
+&#x1F34;
+&#x1F35;
+&#x1F36;
+&#x1F37;
+&#x1F40;
+&#x1F41;
+&#x1F42;
+&#x1F43;
+&#x1F44;
+&#x1F45;
+&#x1F51;
+&#x1F53;
+&#x1F55;
+&#x1F57;
+&#x1F60;
+&#x1F61;
+&#x1F62;
+&#x1F63;
+&#x1F64;
+&#x1F65;
+&#x1F66;
+&#x1F67;
+&#x1F80; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F81; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F82; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F83; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F84; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F85; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F86; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F87; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F90; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F91; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F92; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F93; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F94; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F95; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F96; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F97; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FA0; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1FA1; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1FA2; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1FA3; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1FA4; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1FA5; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1FA6; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FA7; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FB0;
+&#x1FB1;
+&#x1F70;
+&#x1F71;
+&#x1FB3; <!-- GREEK CAPITAL LETTER ALPHA WITH PROSGEGRAMMENI -->
+&#x1F72;
+&#x1F73;
+&#x1F74;
+&#x1F75;
+&#x1FC3; <!-- GREEK CAPITAL LETTER ETA WITH PROSGEGRAMMENI -->
+&#x1FD0;
+&#x1FD1;
+&#x1F76;
+&#x1F77;
+&#x1FE0;
+&#x1FE1;
+&#x1F7A;
+&#x1F7B;
+&#x1FE5;
+&#x1F78;
+&#x1F79;
+&#x1F7C;
+&#x1F7D;
+&#x1FF3; <!-- GREEK CAPITAL LETTER OMEGA WITH PROSGEGRAMMENI -->
+&#x03C9;
+&#x006B;
+&#x00E5;
+&#x214E;
+&#x2170;
+&#x2171;
+&#x2172;
+&#x2173;
+&#x2174;
+&#x2175;
+&#x2176;
+&#x2177;
+&#x2178;
+&#x2179;
+&#x217A;
+&#x217B;
+&#x217C;
+&#x217D;
+&#x217E;
+&#x217F;
+&#x2184;
+&#x24D0;
+&#x24D1;
+&#x24D2;
+&#x24D3;
+&#x24D4;
+&#x24D5;
+&#x24D6;
+&#x24D7;
+&#x24D8;
+&#x24D9;
+&#x24DA;
+&#x24DB;
+&#x24DC;
+&#x24DD;
+&#x24DE;
+&#x24DF;
+&#x24E0;
+&#x24E1;
+&#x24E2;
+&#x24E3;
+&#x24E4;
+&#x24E5;
+&#x24E6;
+&#x24E7;
+&#x24E8;
+&#x24E9;
+&#x2C30;
+&#x2C31;
+&#x2C32;
+&#x2C33;
+&#x2C34;
+&#x2C35;
+&#x2C36;
+&#x2C37;
+&#x2C38;
+&#x2C39;
+&#x2C3A;
+&#x2C3B;
+&#x2C3C;
+&#x2C3D;
+&#x2C3E;
+&#x2C3F;
+&#x2C40;
+&#x2C41;
+&#x2C42;
+&#x2C43;
+&#x2C44;
+&#x2C45;
+&#x2C46;
+&#x2C47;
+&#x2C48;
+&#x2C49;
+&#x2C4A;
+&#x2C4B;
+&#x2C4C;
+&#x2C4D;
+&#x2C4E;
+&#x2C4F;
+&#x2C50;
+&#x2C51;
+&#x2C52;
+&#x2C53;
+&#x2C54;
+&#x2C55;
+&#x2C56;
+&#x2C57;
+&#x2C58;
+&#x2C59;
+&#x2C5A;
+&#x2C5B;
+&#x2C5C;
+&#x2C5D;
+&#x2C5E;
+&#x2C5F;
+&#x2C61;
+&#x026B;
+&#x1D7D;
+&#x027D;
+&#x2C68;
+&#x2C6A;
+&#x2C6C;
+&#x0251;
+&#x0271;
+&#x0250;
+&#x0252;
+&#x2C73;
+&#x2C76;
+&#x023F;
+&#x0240;
+&#x2C81;
+&#x2C83;
+&#x2C85;
+&#x2C87;
+&#x2C89;
+&#x2C8B;
+&#x2C8D;
+&#x2C8F;
+&#x2C91;
+&#x2C93;
+&#x2C95;
+&#x2C97;
+&#x2C99;
+&#x2C9B;
+&#x2C9D;
+&#x2C9F;
+&#x2CA1;
+&#x2CA3;
+&#x2CA5;
+&#x2CA7;
+&#x2CA9;
+&#x2CAB;
+&#x2CAD;
+&#x2CAF;
+&#x2CB1;
+&#x2CB3;
+&#x2CB5;
+&#x2CB7;
+&#x2CB9;
+&#x2CBB;
+&#x2CBD;
+&#x2CBF;
+&#x2CC1;
+&#x2CC3;
+&#x2CC5;
+&#x2CC7;
+&#x2CC9;
+&#x2CCB;
+&#x2CCD;
+&#x2CCF;
+&#x2CD1;
+&#x2CD3;
+&#x2CD5;
+&#x2CD7;
+&#x2CD9;
+&#x2CDB;
+&#x2CDD;
+&#x2CDF;
+&#x2CE1;
+&#x2CE3;
+&#x2CEC;
+&#x2CEE;
+&#x2CF3;
+&#xA641;
+&#xA643;
+&#xA645;
+&#xA647;
+&#xA649;
+&#xA64B;
+&#xA64D;
+&#xA64F;
+&#xA651;
+&#xA653;
+&#xA655;
+&#xA657;
+&#xA659;
+&#xA65B;
+&#xA65D;
+&#xA65F;
+&#xA661;
+&#xA663;
+&#xA665;
+&#xA667;
+&#xA669;
+&#xA66B;
+&#xA66D;
+&#xA681;
+&#xA683;
+&#xA685;
+&#xA687;
+&#xA689;
+&#xA68B;
+&#xA68D;
+&#xA68F;
+&#xA691;
+&#xA693;
+&#xA695;
+&#xA697;
+&#xA699;
+&#xA69B;
+&#xA723;
+&#xA725;
+&#xA727;
+&#xA729;
+&#xA72B;
+&#xA72D;
+&#xA72F;
+&#xA733;
+&#xA735;
+&#xA737;
+&#xA739;
+&#xA73B;
+&#xA73D;
+&#xA73F;
+&#xA741;
+&#xA743;
+&#xA745;
+&#xA747;
+&#xA749;
+&#xA74B;
+&#xA74D;
+&#xA74F;
+&#xA751;
+&#xA753;
+&#xA755;
+&#xA757;
+&#xA759;
+&#xA75B;
+&#xA75D;
+&#xA75F;
+&#xA761;
+&#xA763;
+&#xA765;
+&#xA767;
+&#xA769;
+&#xA76B;
+&#xA76D;
+&#xA76F;
+&#xA77A;
+&#xA77C;
+&#x1D79;
+&#xA77F;
+&#xA781;
+&#xA783;
+&#xA785;
+&#xA787;
+&#xA78C;
+&#x0265;
+&#xA791;
+&#xA793;
+&#xA797;
+&#xA799;
+&#xA79B;
+&#xA79D;
+&#xA79F;
+&#xA7A1;
+&#xA7A3;
+&#xA7A5;
+&#xA7A7;
+&#xA7A9;
+&#x0266;
+&#x025C;
+&#x0261;
+&#x026C;
+&#x026A;
+&#x029E;
+&#x0287;
+&#x029D;
+&#xAB53;
+&#xA7B5;
+&#xA7B7;
+&#xA7B9;
+&#xA7BB;
+&#xA7BD;
+&#xA7BF;
+&#xA7C1;
+&#xA7C3;
+&#xA794;
+&#x0282;
+&#x1D8E;
+&#xA7C8;
+&#xA7CA;
+&#xA7D1;
+&#xA7D7;
+&#xA7D9;
+&#xA7F6;
+&#xFF41;
+&#xFF42;
+&#xFF43;
+&#xFF44;
+&#xFF45;
+&#xFF46;
+&#xFF47;
+&#xFF48;
+&#xFF49;
+&#xFF4A;
+&#xFF4B;
+&#xFF4C;
+&#xFF4D;
+&#xFF4E;
+&#xFF4F;
+&#xFF50;
+&#xFF51;
+&#xFF52;
+&#xFF53;
+&#xFF54;
+&#xFF55;
+&#xFF56;
+&#xFF57;
+&#xFF58;
+&#xFF59;
+&#xFF5A;
+&#x10428;
+&#x10429;
+&#x1042A;
+&#x1042B;
+&#x1042C;
+&#x1042D;
+&#x1042E;
+&#x1042F;
+&#x10430;
+&#x10431;
+&#x10432;
+&#x10433;
+&#x10434;
+&#x10435;
+&#x10436;
+&#x10437;
+&#x10438;
+&#x10439;
+&#x1043A;
+&#x1043B;
+&#x1043C;
+&#x1043D;
+&#x1043E;
+&#x1043F;
+&#x10440;
+&#x10441;
+&#x10442;
+&#x10443;
+&#x10444;
+&#x10445;
+&#x10446;
+&#x10447;
+&#x10448;
+&#x10449;
+&#x1044A;
+&#x1044B;
+&#x1044C;
+&#x1044D;
+&#x1044E;
+&#x1044F;
+&#x104D8;
+&#x104D9;
+&#x104DA;
+&#x104DB;
+&#x104DC;
+&#x104DD;
+&#x104DE;
+&#x104DF;
+&#x104E0;
+&#x104E1;
+&#x104E2;
+&#x104E3;
+&#x104E4;
+&#x104E5;
+&#x104E6;
+&#x104E7;
+&#x104E8;
+&#x104E9;
+&#x104EA;
+&#x104EB;
+&#x104EC;
+&#x104ED;
+&#x104EE;
+&#x104EF;
+&#x104F0;
+&#x104F1;
+&#x104F2;
+&#x104F3;
+&#x104F4;
+&#x104F5;
+&#x104F6;
+&#x104F7;
+&#x104F8;
+&#x104F9;
+&#x104FA;
+&#x104FB;
+&#x10597;
+&#x10598;
+&#x10599;
+&#x1059A;
+&#x1059B;
+&#x1059C;
+&#x1059D;
+&#x1059E;
+&#x1059F;
+&#x105A0;
+&#x105A1;
+&#x105A3;
+&#x105A4;
+&#x105A5;
+&#x105A6;
+&#x105A7;
+&#x105A8;
+&#x105A9;
+&#x105AA;
+&#x105AB;
+&#x105AC;
+&#x105AD;
+&#x105AE;
+&#x105AF;
+&#x105B0;
+&#x105B1;
+&#x105B3;
+&#x105B4;
+&#x105B5;
+&#x105B6;
+&#x105B7;
+&#x105B8;
+&#x105B9;
+&#x105BB;
+&#x105BC;
+&#x10CC0;
+&#x10CC1;
+&#x10CC2;
+&#x10CC3;
+&#x10CC4;
+&#x10CC5;
+&#x10CC6;
+&#x10CC7;
+&#x10CC8;
+&#x10CC9;
+&#x10CCA;
+&#x10CCB;
+&#x10CCC;
+&#x10CCD;
+&#x10CCE;
+&#x10CCF;
+&#x10CD0;
+&#x10CD1;
+&#x10CD2;
+&#x10CD3;
+&#x10CD4;
+&#x10CD5;
+&#x10CD6;
+&#x10CD7;
+&#x10CD8;
+&#x10CD9;
+&#x10CDA;
+&#x10CDB;
+&#x10CDC;
+&#x10CDD;
+&#x10CDE;
+&#x10CDF;
+&#x10CE0;
+&#x10CE1;
+&#x10CE2;
+&#x10CE3;
+&#x10CE4;
+&#x10CE5;
+&#x10CE6;
+&#x10CE7;
+&#x10CE8;
+&#x10CE9;
+&#x10CEA;
+&#x10CEB;
+&#x10CEC;
+&#x10CED;
+&#x10CEE;
+&#x10CEF;
+&#x10CF0;
+&#x10CF1;
+&#x10CF2;
+&#x118C0;
+&#x118C1;
+&#x118C2;
+&#x118C3;
+&#x118C4;
+&#x118C5;
+&#x118C6;
+&#x118C7;
+&#x118C8;
+&#x118C9;
+&#x118CA;
+&#x118CB;
+&#x118CC;
+&#x118CD;
+&#x118CE;
+&#x118CF;
+&#x118D0;
+&#x118D1;
+&#x118D2;
+&#x118D3;
+&#x118D4;
+&#x118D5;
+&#x118D6;
+&#x118D7;
+&#x118D8;
+&#x118D9;
+&#x118DA;
+&#x118DB;
+&#x118DC;
+&#x118DD;
+&#x118DE;
+&#x118DF;
+&#x16E60;
+&#x16E61;
+&#x16E62;
+&#x16E63;
+&#x16E64;
+&#x16E65;
+&#x16E66;
+&#x16E67;
+&#x16E68;
+&#x16E69;
+&#x16E6A;
+&#x16E6B;
+&#x16E6C;
+&#x16E6D;
+&#x16E6E;
+&#x16E6F;
+&#x16E70;
+&#x16E71;
+&#x16E72;
+&#x16E73;
+&#x16E74;
+&#x16E75;
+&#x16E76;
+&#x16E77;
+&#x16E78;
+&#x16E79;
+&#x16E7A;
+&#x16E7B;
+&#x16E7C;
+&#x16E7D;
+&#x16E7E;
+&#x16E7F;
+&#x1E922;
+&#x1E923;
+&#x1E924;
+&#x1E925;
+&#x1E926;
+&#x1E927;
+&#x1E928;
+&#x1E929;
+&#x1E92A;
+&#x1E92B;
+&#x1E92C;
+&#x1E92D;
+&#x1E92E;
+&#x1E92F;
+&#x1E930;
+&#x1E931;
+&#x1E932;
+&#x1E933;
+&#x1E934;
+&#x1E935;
+&#x1E936;
+&#x1E937;
+&#x1E938;
+&#x1E939;
+&#x1E93A;
+&#x1E93B;
+&#x1E93C;
+&#x1E93D;
+&#x1E93E;
+&#x1E93F;
+&#x1E940;
+&#x1E941;
+&#x1E942;
+&#x1E943;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/all-lower.html b/layout/reftests/text-transform/all-lower.html
new file mode 100644
index 0000000000..7fd1eec18e
--- /dev/null
+++ b/layout/reftests/text-transform/all-lower.html
@@ -0,0 +1,1448 @@
+<!DOCTYPE html>
+<!-- GENERATED FILE, DO NOT EDIT -->
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   @font-face { font-family: foo; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); }
+   p { font-family: foo; font-size: 12px; text-transform: lowercase; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x0041;
+&#x0042;
+&#x0043;
+&#x0044;
+&#x0045;
+&#x0046;
+&#x0047;
+&#x0048;
+&#x0049;
+&#x004A;
+&#x004B;
+&#x004C;
+&#x004D;
+&#x004E;
+&#x004F;
+&#x0050;
+&#x0051;
+&#x0052;
+&#x0053;
+&#x0054;
+&#x0055;
+&#x0056;
+&#x0057;
+&#x0058;
+&#x0059;
+&#x005A;
+&#x00C0;
+&#x00C1;
+&#x00C2;
+&#x00C3;
+&#x00C4;
+&#x00C5;
+&#x00C6;
+&#x00C7;
+&#x00C8;
+&#x00C9;
+&#x00CA;
+&#x00CB;
+&#x00CC;
+&#x00CD;
+&#x00CE;
+&#x00CF;
+&#x00D0;
+&#x00D1;
+&#x00D2;
+&#x00D3;
+&#x00D4;
+&#x00D5;
+&#x00D6;
+&#x00D8;
+&#x00D9;
+&#x00DA;
+&#x00DB;
+&#x00DC;
+&#x00DD;
+&#x00DE;
+&#x0100;
+&#x0102;
+&#x0104;
+&#x0106;
+&#x0108;
+&#x010A;
+&#x010C;
+&#x010E;
+&#x0110;
+&#x0112;
+&#x0114;
+&#x0116;
+&#x0118;
+&#x011A;
+&#x011C;
+&#x011E;
+&#x0120;
+&#x0122;
+&#x0124;
+&#x0126;
+&#x0128;
+&#x012A;
+&#x012C;
+&#x012E;
+&#x0130; <!-- LATIN CAPITAL LETTER I WITH DOT ABOVE -->
+&#x0132;
+&#x0134;
+&#x0136;
+&#x0139;
+&#x013B;
+&#x013D;
+&#x013F;
+&#x0141;
+&#x0143;
+&#x0145;
+&#x0147;
+&#x014A;
+&#x014C;
+&#x014E;
+&#x0150;
+&#x0152;
+&#x0154;
+&#x0156;
+&#x0158;
+&#x015A;
+&#x015C;
+&#x015E;
+&#x0160;
+&#x0162;
+&#x0164;
+&#x0166;
+&#x0168;
+&#x016A;
+&#x016C;
+&#x016E;
+&#x0170;
+&#x0172;
+&#x0174;
+&#x0176;
+&#x0178;
+&#x0179;
+&#x017B;
+&#x017D;
+&#x0181;
+&#x0182;
+&#x0184;
+&#x0186;
+&#x0187;
+&#x0189;
+&#x018A;
+&#x018B;
+&#x018E;
+&#x018F;
+&#x0190;
+&#x0191;
+&#x0193;
+&#x0194;
+&#x0196;
+&#x0197;
+&#x0198;
+&#x019C;
+&#x019D;
+&#x019F;
+&#x01A0;
+&#x01A2;
+&#x01A4;
+&#x01A6;
+&#x01A7;
+&#x01A9;
+&#x01AC;
+&#x01AE;
+&#x01AF;
+&#x01B1;
+&#x01B2;
+&#x01B3;
+&#x01B5;
+&#x01B7;
+&#x01B8;
+&#x01BC;
+&#x01C4;
+&#x01C5;
+&#x01C7;
+&#x01C8;
+&#x01CA;
+&#x01CB;
+&#x01CD;
+&#x01CF;
+&#x01D1;
+&#x01D3;
+&#x01D5;
+&#x01D7;
+&#x01D9;
+&#x01DB;
+&#x01DE;
+&#x01E0;
+&#x01E2;
+&#x01E4;
+&#x01E6;
+&#x01E8;
+&#x01EA;
+&#x01EC;
+&#x01EE;
+&#x01F1;
+&#x01F2;
+&#x01F4;
+&#x01F6;
+&#x01F7;
+&#x01F8;
+&#x01FA;
+&#x01FC;
+&#x01FE;
+&#x0200;
+&#x0202;
+&#x0204;
+&#x0206;
+&#x0208;
+&#x020A;
+&#x020C;
+&#x020E;
+&#x0210;
+&#x0212;
+&#x0214;
+&#x0216;
+&#x0218;
+&#x021A;
+&#x021C;
+&#x021E;
+&#x0220;
+&#x0222;
+&#x0224;
+&#x0226;
+&#x0228;
+&#x022A;
+&#x022C;
+&#x022E;
+&#x0230;
+&#x0232;
+&#x023A;
+&#x023B;
+&#x023D;
+&#x023E;
+&#x0241;
+&#x0243;
+&#x0244;
+&#x0245;
+&#x0246;
+&#x0248;
+&#x024A;
+&#x024C;
+&#x024E;
+&#x0370;
+&#x0372;
+&#x0376;
+&#x037F;
+&#x0386;
+&#x0388;
+&#x0389;
+&#x038A;
+&#x038C;
+&#x038E;
+&#x038F;
+&#x0391;
+&#x0392;
+&#x0393;
+&#x0394;
+&#x0395;
+&#x0396;
+&#x0397;
+&#x0398;
+&#x0399;
+&#x039A;
+&#x039B;
+&#x039C;
+&#x039D;
+&#x039E;
+&#x039F;
+&#x03A0;
+&#x03A1;
+&#x03A3;
+&#x03A4;
+&#x03A5;
+&#x03A6;
+&#x03A7;
+&#x03A8;
+&#x03A9;
+&#x03AA;
+&#x03AB;
+&#x03CF;
+&#x03D8;
+&#x03DA;
+&#x03DC;
+&#x03DE;
+&#x03E0;
+&#x03E2;
+&#x03E4;
+&#x03E6;
+&#x03E8;
+&#x03EA;
+&#x03EC;
+&#x03EE;
+&#x03F4;
+&#x03F7;
+&#x03F9;
+&#x03FA;
+&#x03FD;
+&#x03FE;
+&#x03FF;
+&#x0400;
+&#x0401;
+&#x0402;
+&#x0403;
+&#x0404;
+&#x0405;
+&#x0406;
+&#x0407;
+&#x0408;
+&#x0409;
+&#x040A;
+&#x040B;
+&#x040C;
+&#x040D;
+&#x040E;
+&#x040F;
+&#x0410;
+&#x0411;
+&#x0412;
+&#x0413;
+&#x0414;
+&#x0415;
+&#x0416;
+&#x0417;
+&#x0418;
+&#x0419;
+&#x041A;
+&#x041B;
+&#x041C;
+&#x041D;
+&#x041E;
+&#x041F;
+&#x0420;
+&#x0421;
+&#x0422;
+&#x0423;
+&#x0424;
+&#x0425;
+&#x0426;
+&#x0427;
+&#x0428;
+&#x0429;
+&#x042A;
+&#x042B;
+&#x042C;
+&#x042D;
+&#x042E;
+&#x042F;
+&#x0460;
+&#x0462;
+&#x0464;
+&#x0466;
+&#x0468;
+&#x046A;
+&#x046C;
+&#x046E;
+&#x0470;
+&#x0472;
+&#x0474;
+&#x0476;
+&#x0478;
+&#x047A;
+&#x047C;
+&#x047E;
+&#x0480;
+&#x048A;
+&#x048C;
+&#x048E;
+&#x0490;
+&#x0492;
+&#x0494;
+&#x0496;
+&#x0498;
+&#x049A;
+&#x049C;
+&#x049E;
+&#x04A0;
+&#x04A2;
+&#x04A4;
+&#x04A6;
+&#x04A8;
+&#x04AA;
+&#x04AC;
+&#x04AE;
+&#x04B0;
+&#x04B2;
+&#x04B4;
+&#x04B6;
+&#x04B8;
+&#x04BA;
+&#x04BC;
+&#x04BE;
+&#x04C0;
+&#x04C1;
+&#x04C3;
+&#x04C5;
+&#x04C7;
+&#x04C9;
+&#x04CB;
+&#x04CD;
+&#x04D0;
+&#x04D2;
+&#x04D4;
+&#x04D6;
+&#x04D8;
+&#x04DA;
+&#x04DC;
+&#x04DE;
+&#x04E0;
+&#x04E2;
+&#x04E4;
+&#x04E6;
+&#x04E8;
+&#x04EA;
+&#x04EC;
+&#x04EE;
+&#x04F0;
+&#x04F2;
+&#x04F4;
+&#x04F6;
+&#x04F8;
+&#x04FA;
+&#x04FC;
+&#x04FE;
+&#x0500;
+&#x0502;
+&#x0504;
+&#x0506;
+&#x0508;
+&#x050A;
+&#x050C;
+&#x050E;
+&#x0510;
+&#x0512;
+&#x0514;
+&#x0516;
+&#x0518;
+&#x051A;
+&#x051C;
+&#x051E;
+&#x0520;
+&#x0522;
+&#x0524;
+&#x0526;
+&#x0528;
+&#x052A;
+&#x052C;
+&#x052E;
+&#x0531;
+&#x0532;
+&#x0533;
+&#x0534;
+&#x0535;
+&#x0536;
+&#x0537;
+&#x0538;
+&#x0539;
+&#x053A;
+&#x053B;
+&#x053C;
+&#x053D;
+&#x053E;
+&#x053F;
+&#x0540;
+&#x0541;
+&#x0542;
+&#x0543;
+&#x0544;
+&#x0545;
+&#x0546;
+&#x0547;
+&#x0548;
+&#x0549;
+&#x054A;
+&#x054B;
+&#x054C;
+&#x054D;
+&#x054E;
+&#x054F;
+&#x0550;
+&#x0551;
+&#x0552;
+&#x0553;
+&#x0554;
+&#x0555;
+&#x0556;
+&#x10A0;
+&#x10A1;
+&#x10A2;
+&#x10A3;
+&#x10A4;
+&#x10A5;
+&#x10A6;
+&#x10A7;
+&#x10A8;
+&#x10A9;
+&#x10AA;
+&#x10AB;
+&#x10AC;
+&#x10AD;
+&#x10AE;
+&#x10AF;
+&#x10B0;
+&#x10B1;
+&#x10B2;
+&#x10B3;
+&#x10B4;
+&#x10B5;
+&#x10B6;
+&#x10B7;
+&#x10B8;
+&#x10B9;
+&#x10BA;
+&#x10BB;
+&#x10BC;
+&#x10BD;
+&#x10BE;
+&#x10BF;
+&#x10C0;
+&#x10C1;
+&#x10C2;
+&#x10C3;
+&#x10C4;
+&#x10C5;
+&#x10C7;
+&#x10CD;
+&#x13A0;
+&#x13A1;
+&#x13A2;
+&#x13A3;
+&#x13A4;
+&#x13A5;
+&#x13A6;
+&#x13A7;
+&#x13A8;
+&#x13A9;
+&#x13AA;
+&#x13AB;
+&#x13AC;
+&#x13AD;
+&#x13AE;
+&#x13AF;
+&#x13B0;
+&#x13B1;
+&#x13B2;
+&#x13B3;
+&#x13B4;
+&#x13B5;
+&#x13B6;
+&#x13B7;
+&#x13B8;
+&#x13B9;
+&#x13BA;
+&#x13BB;
+&#x13BC;
+&#x13BD;
+&#x13BE;
+&#x13BF;
+&#x13C0;
+&#x13C1;
+&#x13C2;
+&#x13C3;
+&#x13C4;
+&#x13C5;
+&#x13C6;
+&#x13C7;
+&#x13C8;
+&#x13C9;
+&#x13CA;
+&#x13CB;
+&#x13CC;
+&#x13CD;
+&#x13CE;
+&#x13CF;
+&#x13D0;
+&#x13D1;
+&#x13D2;
+&#x13D3;
+&#x13D4;
+&#x13D5;
+&#x13D6;
+&#x13D7;
+&#x13D8;
+&#x13D9;
+&#x13DA;
+&#x13DB;
+&#x13DC;
+&#x13DD;
+&#x13DE;
+&#x13DF;
+&#x13E0;
+&#x13E1;
+&#x13E2;
+&#x13E3;
+&#x13E4;
+&#x13E5;
+&#x13E6;
+&#x13E7;
+&#x13E8;
+&#x13E9;
+&#x13EA;
+&#x13EB;
+&#x13EC;
+&#x13ED;
+&#x13EE;
+&#x13EF;
+&#x13F0;
+&#x13F1;
+&#x13F2;
+&#x13F3;
+&#x13F4;
+&#x13F5;
+&#x1C90;
+&#x1C91;
+&#x1C92;
+&#x1C93;
+&#x1C94;
+&#x1C95;
+&#x1C96;
+&#x1C97;
+&#x1C98;
+&#x1C99;
+&#x1C9A;
+&#x1C9B;
+&#x1C9C;
+&#x1C9D;
+&#x1C9E;
+&#x1C9F;
+&#x1CA0;
+&#x1CA1;
+&#x1CA2;
+&#x1CA3;
+&#x1CA4;
+&#x1CA5;
+&#x1CA6;
+&#x1CA7;
+&#x1CA8;
+&#x1CA9;
+&#x1CAA;
+&#x1CAB;
+&#x1CAC;
+&#x1CAD;
+&#x1CAE;
+&#x1CAF;
+&#x1CB0;
+&#x1CB1;
+&#x1CB2;
+&#x1CB3;
+&#x1CB4;
+&#x1CB5;
+&#x1CB6;
+&#x1CB7;
+&#x1CB8;
+&#x1CB9;
+&#x1CBA;
+&#x1CBD;
+&#x1CBE;
+&#x1CBF;
+&#x1E00;
+&#x1E02;
+&#x1E04;
+&#x1E06;
+&#x1E08;
+&#x1E0A;
+&#x1E0C;
+&#x1E0E;
+&#x1E10;
+&#x1E12;
+&#x1E14;
+&#x1E16;
+&#x1E18;
+&#x1E1A;
+&#x1E1C;
+&#x1E1E;
+&#x1E20;
+&#x1E22;
+&#x1E24;
+&#x1E26;
+&#x1E28;
+&#x1E2A;
+&#x1E2C;
+&#x1E2E;
+&#x1E30;
+&#x1E32;
+&#x1E34;
+&#x1E36;
+&#x1E38;
+&#x1E3A;
+&#x1E3C;
+&#x1E3E;
+&#x1E40;
+&#x1E42;
+&#x1E44;
+&#x1E46;
+&#x1E48;
+&#x1E4A;
+&#x1E4C;
+&#x1E4E;
+&#x1E50;
+&#x1E52;
+&#x1E54;
+&#x1E56;
+&#x1E58;
+&#x1E5A;
+&#x1E5C;
+&#x1E5E;
+&#x1E60;
+&#x1E62;
+&#x1E64;
+&#x1E66;
+&#x1E68;
+&#x1E6A;
+&#x1E6C;
+&#x1E6E;
+&#x1E70;
+&#x1E72;
+&#x1E74;
+&#x1E76;
+&#x1E78;
+&#x1E7A;
+&#x1E7C;
+&#x1E7E;
+&#x1E80;
+&#x1E82;
+&#x1E84;
+&#x1E86;
+&#x1E88;
+&#x1E8A;
+&#x1E8C;
+&#x1E8E;
+&#x1E90;
+&#x1E92;
+&#x1E94;
+&#x1E9E;
+&#x1EA0;
+&#x1EA2;
+&#x1EA4;
+&#x1EA6;
+&#x1EA8;
+&#x1EAA;
+&#x1EAC;
+&#x1EAE;
+&#x1EB0;
+&#x1EB2;
+&#x1EB4;
+&#x1EB6;
+&#x1EB8;
+&#x1EBA;
+&#x1EBC;
+&#x1EBE;
+&#x1EC0;
+&#x1EC2;
+&#x1EC4;
+&#x1EC6;
+&#x1EC8;
+&#x1ECA;
+&#x1ECC;
+&#x1ECE;
+&#x1ED0;
+&#x1ED2;
+&#x1ED4;
+&#x1ED6;
+&#x1ED8;
+&#x1EDA;
+&#x1EDC;
+&#x1EDE;
+&#x1EE0;
+&#x1EE2;
+&#x1EE4;
+&#x1EE6;
+&#x1EE8;
+&#x1EEA;
+&#x1EEC;
+&#x1EEE;
+&#x1EF0;
+&#x1EF2;
+&#x1EF4;
+&#x1EF6;
+&#x1EF8;
+&#x1EFA;
+&#x1EFC;
+&#x1EFE;
+&#x1F08;
+&#x1F09;
+&#x1F0A;
+&#x1F0B;
+&#x1F0C;
+&#x1F0D;
+&#x1F0E;
+&#x1F0F;
+&#x1F18;
+&#x1F19;
+&#x1F1A;
+&#x1F1B;
+&#x1F1C;
+&#x1F1D;
+&#x1F28;
+&#x1F29;
+&#x1F2A;
+&#x1F2B;
+&#x1F2C;
+&#x1F2D;
+&#x1F2E;
+&#x1F2F;
+&#x1F38;
+&#x1F39;
+&#x1F3A;
+&#x1F3B;
+&#x1F3C;
+&#x1F3D;
+&#x1F3E;
+&#x1F3F;
+&#x1F48;
+&#x1F49;
+&#x1F4A;
+&#x1F4B;
+&#x1F4C;
+&#x1F4D;
+&#x1F59;
+&#x1F5B;
+&#x1F5D;
+&#x1F5F;
+&#x1F68;
+&#x1F69;
+&#x1F6A;
+&#x1F6B;
+&#x1F6C;
+&#x1F6D;
+&#x1F6E;
+&#x1F6F;
+&#x1F88; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F89; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F8A; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F8B; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F8C; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F8D; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F8E; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F8F; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F98; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F99; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F9A; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F9B; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F9C; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F9D; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F9E; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F9F; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FA8; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1FA9; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1FAA; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1FAB; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1FAC; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1FAD; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1FAE; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FAF; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FB8;
+&#x1FB9;
+&#x1FBA;
+&#x1FBB;
+&#x1FBC; <!-- GREEK CAPITAL LETTER ALPHA WITH PROSGEGRAMMENI -->
+&#x1FC8;
+&#x1FC9;
+&#x1FCA;
+&#x1FCB;
+&#x1FCC; <!-- GREEK CAPITAL LETTER ETA WITH PROSGEGRAMMENI -->
+&#x1FD8;
+&#x1FD9;
+&#x1FDA;
+&#x1FDB;
+&#x1FE8;
+&#x1FE9;
+&#x1FEA;
+&#x1FEB;
+&#x1FEC;
+&#x1FF8;
+&#x1FF9;
+&#x1FFA;
+&#x1FFB;
+&#x1FFC; <!-- GREEK CAPITAL LETTER OMEGA WITH PROSGEGRAMMENI -->
+&#x2126;
+&#x212A;
+&#x212B;
+&#x2132;
+&#x2160;
+&#x2161;
+&#x2162;
+&#x2163;
+&#x2164;
+&#x2165;
+&#x2166;
+&#x2167;
+&#x2168;
+&#x2169;
+&#x216A;
+&#x216B;
+&#x216C;
+&#x216D;
+&#x216E;
+&#x216F;
+&#x2183;
+&#x24B6;
+&#x24B7;
+&#x24B8;
+&#x24B9;
+&#x24BA;
+&#x24BB;
+&#x24BC;
+&#x24BD;
+&#x24BE;
+&#x24BF;
+&#x24C0;
+&#x24C1;
+&#x24C2;
+&#x24C3;
+&#x24C4;
+&#x24C5;
+&#x24C6;
+&#x24C7;
+&#x24C8;
+&#x24C9;
+&#x24CA;
+&#x24CB;
+&#x24CC;
+&#x24CD;
+&#x24CE;
+&#x24CF;
+&#x2C00;
+&#x2C01;
+&#x2C02;
+&#x2C03;
+&#x2C04;
+&#x2C05;
+&#x2C06;
+&#x2C07;
+&#x2C08;
+&#x2C09;
+&#x2C0A;
+&#x2C0B;
+&#x2C0C;
+&#x2C0D;
+&#x2C0E;
+&#x2C0F;
+&#x2C10;
+&#x2C11;
+&#x2C12;
+&#x2C13;
+&#x2C14;
+&#x2C15;
+&#x2C16;
+&#x2C17;
+&#x2C18;
+&#x2C19;
+&#x2C1A;
+&#x2C1B;
+&#x2C1C;
+&#x2C1D;
+&#x2C1E;
+&#x2C1F;
+&#x2C20;
+&#x2C21;
+&#x2C22;
+&#x2C23;
+&#x2C24;
+&#x2C25;
+&#x2C26;
+&#x2C27;
+&#x2C28;
+&#x2C29;
+&#x2C2A;
+&#x2C2B;
+&#x2C2C;
+&#x2C2D;
+&#x2C2E;
+&#x2C2F;
+&#x2C60;
+&#x2C62;
+&#x2C63;
+&#x2C64;
+&#x2C67;
+&#x2C69;
+&#x2C6B;
+&#x2C6D;
+&#x2C6E;
+&#x2C6F;
+&#x2C70;
+&#x2C72;
+&#x2C75;
+&#x2C7E;
+&#x2C7F;
+&#x2C80;
+&#x2C82;
+&#x2C84;
+&#x2C86;
+&#x2C88;
+&#x2C8A;
+&#x2C8C;
+&#x2C8E;
+&#x2C90;
+&#x2C92;
+&#x2C94;
+&#x2C96;
+&#x2C98;
+&#x2C9A;
+&#x2C9C;
+&#x2C9E;
+&#x2CA0;
+&#x2CA2;
+&#x2CA4;
+&#x2CA6;
+&#x2CA8;
+&#x2CAA;
+&#x2CAC;
+&#x2CAE;
+&#x2CB0;
+&#x2CB2;
+&#x2CB4;
+&#x2CB6;
+&#x2CB8;
+&#x2CBA;
+&#x2CBC;
+&#x2CBE;
+&#x2CC0;
+&#x2CC2;
+&#x2CC4;
+&#x2CC6;
+&#x2CC8;
+&#x2CCA;
+&#x2CCC;
+&#x2CCE;
+&#x2CD0;
+&#x2CD2;
+&#x2CD4;
+&#x2CD6;
+&#x2CD8;
+&#x2CDA;
+&#x2CDC;
+&#x2CDE;
+&#x2CE0;
+&#x2CE2;
+&#x2CEB;
+&#x2CED;
+&#x2CF2;
+&#xA640;
+&#xA642;
+&#xA644;
+&#xA646;
+&#xA648;
+&#xA64A;
+&#xA64C;
+&#xA64E;
+&#xA650;
+&#xA652;
+&#xA654;
+&#xA656;
+&#xA658;
+&#xA65A;
+&#xA65C;
+&#xA65E;
+&#xA660;
+&#xA662;
+&#xA664;
+&#xA666;
+&#xA668;
+&#xA66A;
+&#xA66C;
+&#xA680;
+&#xA682;
+&#xA684;
+&#xA686;
+&#xA688;
+&#xA68A;
+&#xA68C;
+&#xA68E;
+&#xA690;
+&#xA692;
+&#xA694;
+&#xA696;
+&#xA698;
+&#xA69A;
+&#xA722;
+&#xA724;
+&#xA726;
+&#xA728;
+&#xA72A;
+&#xA72C;
+&#xA72E;
+&#xA732;
+&#xA734;
+&#xA736;
+&#xA738;
+&#xA73A;
+&#xA73C;
+&#xA73E;
+&#xA740;
+&#xA742;
+&#xA744;
+&#xA746;
+&#xA748;
+&#xA74A;
+&#xA74C;
+&#xA74E;
+&#xA750;
+&#xA752;
+&#xA754;
+&#xA756;
+&#xA758;
+&#xA75A;
+&#xA75C;
+&#xA75E;
+&#xA760;
+&#xA762;
+&#xA764;
+&#xA766;
+&#xA768;
+&#xA76A;
+&#xA76C;
+&#xA76E;
+&#xA779;
+&#xA77B;
+&#xA77D;
+&#xA77E;
+&#xA780;
+&#xA782;
+&#xA784;
+&#xA786;
+&#xA78B;
+&#xA78D;
+&#xA790;
+&#xA792;
+&#xA796;
+&#xA798;
+&#xA79A;
+&#xA79C;
+&#xA79E;
+&#xA7A0;
+&#xA7A2;
+&#xA7A4;
+&#xA7A6;
+&#xA7A8;
+&#xA7AA;
+&#xA7AB;
+&#xA7AC;
+&#xA7AD;
+&#xA7AE;
+&#xA7B0;
+&#xA7B1;
+&#xA7B2;
+&#xA7B3;
+&#xA7B4;
+&#xA7B6;
+&#xA7B8;
+&#xA7BA;
+&#xA7BC;
+&#xA7BE;
+&#xA7C0;
+&#xA7C2;
+&#xA7C4;
+&#xA7C5;
+&#xA7C6;
+&#xA7C7;
+&#xA7C9;
+&#xA7D0;
+&#xA7D6;
+&#xA7D8;
+&#xA7F5;
+&#xFF21;
+&#xFF22;
+&#xFF23;
+&#xFF24;
+&#xFF25;
+&#xFF26;
+&#xFF27;
+&#xFF28;
+&#xFF29;
+&#xFF2A;
+&#xFF2B;
+&#xFF2C;
+&#xFF2D;
+&#xFF2E;
+&#xFF2F;
+&#xFF30;
+&#xFF31;
+&#xFF32;
+&#xFF33;
+&#xFF34;
+&#xFF35;
+&#xFF36;
+&#xFF37;
+&#xFF38;
+&#xFF39;
+&#xFF3A;
+&#x10400;
+&#x10401;
+&#x10402;
+&#x10403;
+&#x10404;
+&#x10405;
+&#x10406;
+&#x10407;
+&#x10408;
+&#x10409;
+&#x1040A;
+&#x1040B;
+&#x1040C;
+&#x1040D;
+&#x1040E;
+&#x1040F;
+&#x10410;
+&#x10411;
+&#x10412;
+&#x10413;
+&#x10414;
+&#x10415;
+&#x10416;
+&#x10417;
+&#x10418;
+&#x10419;
+&#x1041A;
+&#x1041B;
+&#x1041C;
+&#x1041D;
+&#x1041E;
+&#x1041F;
+&#x10420;
+&#x10421;
+&#x10422;
+&#x10423;
+&#x10424;
+&#x10425;
+&#x10426;
+&#x10427;
+&#x104B0;
+&#x104B1;
+&#x104B2;
+&#x104B3;
+&#x104B4;
+&#x104B5;
+&#x104B6;
+&#x104B7;
+&#x104B8;
+&#x104B9;
+&#x104BA;
+&#x104BB;
+&#x104BC;
+&#x104BD;
+&#x104BE;
+&#x104BF;
+&#x104C0;
+&#x104C1;
+&#x104C2;
+&#x104C3;
+&#x104C4;
+&#x104C5;
+&#x104C6;
+&#x104C7;
+&#x104C8;
+&#x104C9;
+&#x104CA;
+&#x104CB;
+&#x104CC;
+&#x104CD;
+&#x104CE;
+&#x104CF;
+&#x104D0;
+&#x104D1;
+&#x104D2;
+&#x104D3;
+&#x10570;
+&#x10571;
+&#x10572;
+&#x10573;
+&#x10574;
+&#x10575;
+&#x10576;
+&#x10577;
+&#x10578;
+&#x10579;
+&#x1057A;
+&#x1057C;
+&#x1057D;
+&#x1057E;
+&#x1057F;
+&#x10580;
+&#x10581;
+&#x10582;
+&#x10583;
+&#x10584;
+&#x10585;
+&#x10586;
+&#x10587;
+&#x10588;
+&#x10589;
+&#x1058A;
+&#x1058C;
+&#x1058D;
+&#x1058E;
+&#x1058F;
+&#x10590;
+&#x10591;
+&#x10592;
+&#x10594;
+&#x10595;
+&#x10C80;
+&#x10C81;
+&#x10C82;
+&#x10C83;
+&#x10C84;
+&#x10C85;
+&#x10C86;
+&#x10C87;
+&#x10C88;
+&#x10C89;
+&#x10C8A;
+&#x10C8B;
+&#x10C8C;
+&#x10C8D;
+&#x10C8E;
+&#x10C8F;
+&#x10C90;
+&#x10C91;
+&#x10C92;
+&#x10C93;
+&#x10C94;
+&#x10C95;
+&#x10C96;
+&#x10C97;
+&#x10C98;
+&#x10C99;
+&#x10C9A;
+&#x10C9B;
+&#x10C9C;
+&#x10C9D;
+&#x10C9E;
+&#x10C9F;
+&#x10CA0;
+&#x10CA1;
+&#x10CA2;
+&#x10CA3;
+&#x10CA4;
+&#x10CA5;
+&#x10CA6;
+&#x10CA7;
+&#x10CA8;
+&#x10CA9;
+&#x10CAA;
+&#x10CAB;
+&#x10CAC;
+&#x10CAD;
+&#x10CAE;
+&#x10CAF;
+&#x10CB0;
+&#x10CB1;
+&#x10CB2;
+&#x118A0;
+&#x118A1;
+&#x118A2;
+&#x118A3;
+&#x118A4;
+&#x118A5;
+&#x118A6;
+&#x118A7;
+&#x118A8;
+&#x118A9;
+&#x118AA;
+&#x118AB;
+&#x118AC;
+&#x118AD;
+&#x118AE;
+&#x118AF;
+&#x118B0;
+&#x118B1;
+&#x118B2;
+&#x118B3;
+&#x118B4;
+&#x118B5;
+&#x118B6;
+&#x118B7;
+&#x118B8;
+&#x118B9;
+&#x118BA;
+&#x118BB;
+&#x118BC;
+&#x118BD;
+&#x118BE;
+&#x118BF;
+&#x16E40;
+&#x16E41;
+&#x16E42;
+&#x16E43;
+&#x16E44;
+&#x16E45;
+&#x16E46;
+&#x16E47;
+&#x16E48;
+&#x16E49;
+&#x16E4A;
+&#x16E4B;
+&#x16E4C;
+&#x16E4D;
+&#x16E4E;
+&#x16E4F;
+&#x16E50;
+&#x16E51;
+&#x16E52;
+&#x16E53;
+&#x16E54;
+&#x16E55;
+&#x16E56;
+&#x16E57;
+&#x16E58;
+&#x16E59;
+&#x16E5A;
+&#x16E5B;
+&#x16E5C;
+&#x16E5D;
+&#x16E5E;
+&#x16E5F;
+&#x1E900;
+&#x1E901;
+&#x1E902;
+&#x1E903;
+&#x1E904;
+&#x1E905;
+&#x1E906;
+&#x1E907;
+&#x1E908;
+&#x1E909;
+&#x1E90A;
+&#x1E90B;
+&#x1E90C;
+&#x1E90D;
+&#x1E90E;
+&#x1E90F;
+&#x1E910;
+&#x1E911;
+&#x1E912;
+&#x1E913;
+&#x1E914;
+&#x1E915;
+&#x1E916;
+&#x1E917;
+&#x1E918;
+&#x1E919;
+&#x1E91A;
+&#x1E91B;
+&#x1E91C;
+&#x1E91D;
+&#x1E91E;
+&#x1E91F;
+&#x1E920;
+&#x1E921;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/all-title-ref.html b/layout/reftests/text-transform/all-title-ref.html
new file mode 100644
index 0000000000..ed9ab70691
--- /dev/null
+++ b/layout/reftests/text-transform/all-title-ref.html
@@ -0,0 +1,1517 @@
+<!DOCTYPE html>
+<!-- GENERATED FILE, DO NOT EDIT -->
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   @font-face { font-family: foo; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); }
+   p { font-family: foo; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x0041;x
+&#x0042;x
+&#x0043;x
+&#x0044;x
+&#x0045;x
+&#x0046;x
+&#x0047;x
+&#x0048;x
+&#x0049;x
+&#x004A;x
+&#x004B;x
+&#x004C;x
+&#x004D;x
+&#x004E;x
+&#x004F;x
+&#x0050;x
+&#x0051;x
+&#x0052;x
+&#x0053;x
+&#x0054;x
+&#x0055;x
+&#x0056;x
+&#x0057;x
+&#x0058;x
+&#x0059;x
+&#x005A;x
+&#x039C;x
+&#x0053;&#x0073;x <!-- LATIN SMALL LETTER SHARP S -->
+&#x00C0;x
+&#x00C1;x
+&#x00C2;x
+&#x00C3;x
+&#x00C4;x
+&#x00C5;x
+&#x00C6;x
+&#x00C7;x
+&#x00C8;x
+&#x00C9;x
+&#x00CA;x
+&#x00CB;x
+&#x00CC;x
+&#x00CD;x
+&#x00CE;x
+&#x00CF;x
+&#x00D0;x
+&#x00D1;x
+&#x00D2;x
+&#x00D3;x
+&#x00D4;x
+&#x00D5;x
+&#x00D6;x
+&#x00D8;x
+&#x00D9;x
+&#x00DA;x
+&#x00DB;x
+&#x00DC;x
+&#x00DD;x
+&#x00DE;x
+&#x0178;x
+&#x0100;x
+&#x0102;x
+&#x0104;x
+&#x0106;x
+&#x0108;x
+&#x010A;x
+&#x010C;x
+&#x010E;x
+&#x0110;x
+&#x0112;x
+&#x0114;x
+&#x0116;x
+&#x0118;x
+&#x011A;x
+&#x011C;x
+&#x011E;x
+&#x0120;x
+&#x0122;x
+&#x0124;x
+&#x0126;x
+&#x0128;x
+&#x012A;x
+&#x012C;x
+&#x012E;x
+&#x0049;x
+&#x0132;x
+&#x0134;x
+&#x0136;x
+&#x0139;x
+&#x013B;x
+&#x013D;x
+&#x013F;x
+&#x0141;x
+&#x0143;x
+&#x0145;x
+&#x0147;x
+&#x02BC;&#x004E;x <!-- LATIN SMALL LETTER N PRECEDED BY APOSTROPHE -->
+&#x014A;x
+&#x014C;x
+&#x014E;x
+&#x0150;x
+&#x0152;x
+&#x0154;x
+&#x0156;x
+&#x0158;x
+&#x015A;x
+&#x015C;x
+&#x015E;x
+&#x0160;x
+&#x0162;x
+&#x0164;x
+&#x0166;x
+&#x0168;x
+&#x016A;x
+&#x016C;x
+&#x016E;x
+&#x0170;x
+&#x0172;x
+&#x0174;x
+&#x0176;x
+&#x0179;x
+&#x017B;x
+&#x017D;x
+&#x0053;x
+&#x0243;x
+&#x0182;x
+&#x0184;x
+&#x0187;x
+&#x018B;x
+&#x0191;x
+&#x01F6;x
+&#x0198;x
+&#x023D;x
+&#x0220;x
+&#x01A0;x
+&#x01A2;x
+&#x01A4;x
+&#x01A7;x
+&#x01AC;x
+&#x01AF;x
+&#x01B3;x
+&#x01B5;x
+&#x01B8;x
+&#x01BC;x
+&#x01F7;x
+&#x01C4;x
+&#x01C5;x
+&#x01C5;x
+&#x01C7;x
+&#x01C8;x
+&#x01C8;x
+&#x01CA;x
+&#x01CB;x
+&#x01CB;x
+&#x01CD;x
+&#x01CF;x
+&#x01D1;x
+&#x01D3;x
+&#x01D5;x
+&#x01D7;x
+&#x01D9;x
+&#x01DB;x
+&#x018E;x
+&#x01DE;x
+&#x01E0;x
+&#x01E2;x
+&#x01E4;x
+&#x01E6;x
+&#x01E8;x
+&#x01EA;x
+&#x01EC;x
+&#x01EE;x
+&#x004A;&#x030C;x <!-- LATIN SMALL LETTER J WITH CARON -->
+&#x01F1;x
+&#x01F2;x
+&#x01F2;x
+&#x01F4;x
+&#x01F8;x
+&#x01FA;x
+&#x01FC;x
+&#x01FE;x
+&#x0200;x
+&#x0202;x
+&#x0204;x
+&#x0206;x
+&#x0208;x
+&#x020A;x
+&#x020C;x
+&#x020E;x
+&#x0210;x
+&#x0212;x
+&#x0214;x
+&#x0216;x
+&#x0218;x
+&#x021A;x
+&#x021C;x
+&#x021E;x
+&#x0222;x
+&#x0224;x
+&#x0226;x
+&#x0228;x
+&#x022A;x
+&#x022C;x
+&#x022E;x
+&#x0230;x
+&#x0232;x
+&#x023B;x
+&#x2C7E;x
+&#x2C7F;x
+&#x0241;x
+&#x0246;x
+&#x0248;x
+&#x024A;x
+&#x024C;x
+&#x024E;x
+&#x2C6F;x
+&#x2C6D;x
+&#x2C70;x
+&#x0181;x
+&#x0186;x
+&#x0189;x
+&#x018A;x
+&#x018F;x
+&#x0190;x
+&#xA7AB;x
+&#x0193;x
+&#xA7AC;x
+&#x0194;x
+&#xA78D;x
+&#xA7AA;x
+&#x0197;x
+&#x0196;x
+&#xA7AE;x
+&#x2C62;x
+&#xA7AD;x
+&#x019C;x
+&#x2C6E;x
+&#x019D;x
+&#x019F;x
+&#x2C64;x
+&#x01A6;x
+&#xA7C5;x
+&#x01A9;x
+&#xA7B1;x
+&#x01AE;x
+&#x0244;x
+&#x01B1;x
+&#x01B2;x
+&#x0245;x
+&#x01B7;x
+&#xA7B2;x
+&#xA7B0;x
+&#x0345;X
+&#x0370;x
+&#x0372;x
+&#x0376;x
+&#x03FD;x
+&#x03FE;x
+&#x03FF;x
+&#x03AA;&#x0301;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND TONOS -->
+&#x0386;x
+&#x0388;x
+&#x0389;x
+&#x038A;x
+&#x03AB;&#x0301;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND TONOS -->
+&#x0391;x
+&#x0392;x
+&#x0393;x
+&#x0394;x
+&#x0395;x
+&#x0396;x
+&#x0397;x
+&#x0398;x
+&#x0399;x
+&#x039A;x
+&#x039B;x
+&#x039C;x
+&#x039D;x
+&#x039E;x
+&#x039F;x
+&#x03A0;x
+&#x03A1;x
+&#x03A3;x
+&#x03A3;x
+&#x03A4;x
+&#x03A5;x
+&#x03A6;x
+&#x03A7;x
+&#x03A8;x
+&#x03A9;x
+&#x03AA;x
+&#x03AB;x
+&#x038C;x
+&#x038E;x
+&#x038F;x
+&#x0392;x
+&#x0398;x
+&#x03A6;x
+&#x03A0;x
+&#x03CF;x
+&#x03D8;x
+&#x03DA;x
+&#x03DC;x
+&#x03DE;x
+&#x03E0;x
+&#x03E2;x
+&#x03E4;x
+&#x03E6;x
+&#x03E8;x
+&#x03EA;x
+&#x03EC;x
+&#x03EE;x
+&#x039A;x
+&#x03A1;x
+&#x03F9;x
+&#x037F;x
+&#x0395;x
+&#x03F7;x
+&#x03FA;x
+&#x0410;x
+&#x0411;x
+&#x0412;x
+&#x0413;x
+&#x0414;x
+&#x0415;x
+&#x0416;x
+&#x0417;x
+&#x0418;x
+&#x0419;x
+&#x041A;x
+&#x041B;x
+&#x041C;x
+&#x041D;x
+&#x041E;x
+&#x041F;x
+&#x0420;x
+&#x0421;x
+&#x0422;x
+&#x0423;x
+&#x0424;x
+&#x0425;x
+&#x0426;x
+&#x0427;x
+&#x0428;x
+&#x0429;x
+&#x042A;x
+&#x042B;x
+&#x042C;x
+&#x042D;x
+&#x042E;x
+&#x042F;x
+&#x0400;x
+&#x0401;x
+&#x0402;x
+&#x0403;x
+&#x0404;x
+&#x0405;x
+&#x0406;x
+&#x0407;x
+&#x0408;x
+&#x0409;x
+&#x040A;x
+&#x040B;x
+&#x040C;x
+&#x040D;x
+&#x040E;x
+&#x040F;x
+&#x0460;x
+&#x0462;x
+&#x0464;x
+&#x0466;x
+&#x0468;x
+&#x046A;x
+&#x046C;x
+&#x046E;x
+&#x0470;x
+&#x0472;x
+&#x0474;x
+&#x0476;x
+&#x0478;x
+&#x047A;x
+&#x047C;x
+&#x047E;x
+&#x0480;x
+&#x048A;x
+&#x048C;x
+&#x048E;x
+&#x0490;x
+&#x0492;x
+&#x0494;x
+&#x0496;x
+&#x0498;x
+&#x049A;x
+&#x049C;x
+&#x049E;x
+&#x04A0;x
+&#x04A2;x
+&#x04A4;x
+&#x04A6;x
+&#x04A8;x
+&#x04AA;x
+&#x04AC;x
+&#x04AE;x
+&#x04B0;x
+&#x04B2;x
+&#x04B4;x
+&#x04B6;x
+&#x04B8;x
+&#x04BA;x
+&#x04BC;x
+&#x04BE;x
+&#x04C1;x
+&#x04C3;x
+&#x04C5;x
+&#x04C7;x
+&#x04C9;x
+&#x04CB;x
+&#x04CD;x
+&#x04C0;x
+&#x04D0;x
+&#x04D2;x
+&#x04D4;x
+&#x04D6;x
+&#x04D8;x
+&#x04DA;x
+&#x04DC;x
+&#x04DE;x
+&#x04E0;x
+&#x04E2;x
+&#x04E4;x
+&#x04E6;x
+&#x04E8;x
+&#x04EA;x
+&#x04EC;x
+&#x04EE;x
+&#x04F0;x
+&#x04F2;x
+&#x04F4;x
+&#x04F6;x
+&#x04F8;x
+&#x04FA;x
+&#x04FC;x
+&#x04FE;x
+&#x0500;x
+&#x0502;x
+&#x0504;x
+&#x0506;x
+&#x0508;x
+&#x050A;x
+&#x050C;x
+&#x050E;x
+&#x0510;x
+&#x0512;x
+&#x0514;x
+&#x0516;x
+&#x0518;x
+&#x051A;x
+&#x051C;x
+&#x051E;x
+&#x0520;x
+&#x0522;x
+&#x0524;x
+&#x0526;x
+&#x0528;x
+&#x052A;x
+&#x052C;x
+&#x052E;x
+&#x0531;x
+&#x0532;x
+&#x0533;x
+&#x0534;x
+&#x0535;x
+&#x0536;x
+&#x0537;x
+&#x0538;x
+&#x0539;x
+&#x053A;x
+&#x053B;x
+&#x053C;x
+&#x053D;x
+&#x053E;x
+&#x053F;x
+&#x0540;x
+&#x0541;x
+&#x0542;x
+&#x0543;x
+&#x0544;x
+&#x0545;x
+&#x0546;x
+&#x0547;x
+&#x0548;x
+&#x0549;x
+&#x054A;x
+&#x054B;x
+&#x054C;x
+&#x054D;x
+&#x054E;x
+&#x054F;x
+&#x0550;x
+&#x0551;x
+&#x0552;x
+&#x0553;x
+&#x0554;x
+&#x0555;x
+&#x0556;x
+&#x0535;&#x0582;x <!-- ARMENIAN SMALL LIGATURE ECH YIWN -->
+&#x10D0;x
+&#x10D1;x
+&#x10D2;x
+&#x10D3;x
+&#x10D4;x
+&#x10D5;x
+&#x10D6;x
+&#x10D7;x
+&#x10D8;x
+&#x10D9;x
+&#x10DA;x
+&#x10DB;x
+&#x10DC;x
+&#x10DD;x
+&#x10DE;x
+&#x10DF;x
+&#x10E0;x
+&#x10E1;x
+&#x10E2;x
+&#x10E3;x
+&#x10E4;x
+&#x10E5;x
+&#x10E6;x
+&#x10E7;x
+&#x10E8;x
+&#x10E9;x
+&#x10EA;x
+&#x10EB;x
+&#x10EC;x
+&#x10ED;x
+&#x10EE;x
+&#x10EF;x
+&#x10F0;x
+&#x10F1;x
+&#x10F2;x
+&#x10F3;x
+&#x10F4;x
+&#x10F5;x
+&#x10F6;x
+&#x10F7;x
+&#x10F8;x
+&#x10F9;x
+&#x10FA;x
+&#x10FD;x
+&#x10FE;x
+&#x10FF;x
+&#x13F0;x
+&#x13F1;x
+&#x13F2;x
+&#x13F3;x
+&#x13F4;x
+&#x13F5;x
+&#x0412;x
+&#x0414;x
+&#x041E;x
+&#x0421;x
+&#x0422;x
+&#x0422;x
+&#x042A;x
+&#x0462;x
+&#xA64A;x
+&#xA77D;x
+&#x2C63;x
+&#xA7C6;x
+&#x1E00;x
+&#x1E02;x
+&#x1E04;x
+&#x1E06;x
+&#x1E08;x
+&#x1E0A;x
+&#x1E0C;x
+&#x1E0E;x
+&#x1E10;x
+&#x1E12;x
+&#x1E14;x
+&#x1E16;x
+&#x1E18;x
+&#x1E1A;x
+&#x1E1C;x
+&#x1E1E;x
+&#x1E20;x
+&#x1E22;x
+&#x1E24;x
+&#x1E26;x
+&#x1E28;x
+&#x1E2A;x
+&#x1E2C;x
+&#x1E2E;x
+&#x1E30;x
+&#x1E32;x
+&#x1E34;x
+&#x1E36;x
+&#x1E38;x
+&#x1E3A;x
+&#x1E3C;x
+&#x1E3E;x
+&#x1E40;x
+&#x1E42;x
+&#x1E44;x
+&#x1E46;x
+&#x1E48;x
+&#x1E4A;x
+&#x1E4C;x
+&#x1E4E;x
+&#x1E50;x
+&#x1E52;x
+&#x1E54;x
+&#x1E56;x
+&#x1E58;x
+&#x1E5A;x
+&#x1E5C;x
+&#x1E5E;x
+&#x1E60;x
+&#x1E62;x
+&#x1E64;x
+&#x1E66;x
+&#x1E68;x
+&#x1E6A;x
+&#x1E6C;x
+&#x1E6E;x
+&#x1E70;x
+&#x1E72;x
+&#x1E74;x
+&#x1E76;x
+&#x1E78;x
+&#x1E7A;x
+&#x1E7C;x
+&#x1E7E;x
+&#x1E80;x
+&#x1E82;x
+&#x1E84;x
+&#x1E86;x
+&#x1E88;x
+&#x1E8A;x
+&#x1E8C;x
+&#x1E8E;x
+&#x1E90;x
+&#x1E92;x
+&#x1E94;x
+&#x0048;&#x0331;x <!-- LATIN SMALL LETTER H WITH LINE BELOW -->
+&#x0054;&#x0308;x <!-- LATIN SMALL LETTER T WITH DIAERESIS -->
+&#x0057;&#x030A;x <!-- LATIN SMALL LETTER W WITH RING ABOVE -->
+&#x0059;&#x030A;x <!-- LATIN SMALL LETTER Y WITH RING ABOVE -->
+&#x0041;&#x02BE;x <!-- LATIN SMALL LETTER A WITH RIGHT HALF RING -->
+&#x1E60;x
+&#x1EA0;x
+&#x1EA2;x
+&#x1EA4;x
+&#x1EA6;x
+&#x1EA8;x
+&#x1EAA;x
+&#x1EAC;x
+&#x1EAE;x
+&#x1EB0;x
+&#x1EB2;x
+&#x1EB4;x
+&#x1EB6;x
+&#x1EB8;x
+&#x1EBA;x
+&#x1EBC;x
+&#x1EBE;x
+&#x1EC0;x
+&#x1EC2;x
+&#x1EC4;x
+&#x1EC6;x
+&#x1EC8;x
+&#x1ECA;x
+&#x1ECC;x
+&#x1ECE;x
+&#x1ED0;x
+&#x1ED2;x
+&#x1ED4;x
+&#x1ED6;x
+&#x1ED8;x
+&#x1EDA;x
+&#x1EDC;x
+&#x1EDE;x
+&#x1EE0;x
+&#x1EE2;x
+&#x1EE4;x
+&#x1EE6;x
+&#x1EE8;x
+&#x1EEA;x
+&#x1EEC;x
+&#x1EEE;x
+&#x1EF0;x
+&#x1EF2;x
+&#x1EF4;x
+&#x1EF6;x
+&#x1EF8;x
+&#x1EFA;x
+&#x1EFC;x
+&#x1EFE;x
+&#x1F08;x
+&#x1F09;x
+&#x1F0A;x
+&#x1F0B;x
+&#x1F0C;x
+&#x1F0D;x
+&#x1F0E;x
+&#x1F0F;x
+&#x1F18;x
+&#x1F19;x
+&#x1F1A;x
+&#x1F1B;x
+&#x1F1C;x
+&#x1F1D;x
+&#x1F28;x
+&#x1F29;x
+&#x1F2A;x
+&#x1F2B;x
+&#x1F2C;x
+&#x1F2D;x
+&#x1F2E;x
+&#x1F2F;x
+&#x1F38;x
+&#x1F39;x
+&#x1F3A;x
+&#x1F3B;x
+&#x1F3C;x
+&#x1F3D;x
+&#x1F3E;x
+&#x1F3F;x
+&#x1F48;x
+&#x1F49;x
+&#x1F4A;x
+&#x1F4B;x
+&#x1F4C;x
+&#x1F4D;x
+&#x03A5;&#x0313;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI -->
+&#x1F59;x
+&#x03A5;&#x0313;&#x0300;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND VARIA -->
+&#x1F5B;x
+&#x03A5;&#x0313;&#x0301;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND OXIA -->
+&#x1F5D;x
+&#x03A5;&#x0313;&#x0342;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND PERISPOMENI -->
+&#x1F5F;x
+&#x1F68;x
+&#x1F69;x
+&#x1F6A;x
+&#x1F6B;x
+&#x1F6C;x
+&#x1F6D;x
+&#x1F6E;x
+&#x1F6F;x
+&#x1FBA;x
+&#x1FBB;x
+&#x1FC8;x
+&#x1FC9;x
+&#x1FCA;x
+&#x1FCB;x
+&#x1FDA;x
+&#x1FDB;x
+&#x1FF8;x
+&#x1FF9;x
+&#x1FEA;x
+&#x1FEB;x
+&#x1FFA;x
+&#x1FFB;x
+&#x1F88;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F89;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F8A;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F8B;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F8C;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F8D;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F8E;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F8F;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F98;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F99;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F9A;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F9B;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F9C;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F9D;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F9E;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F9F;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FA8;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1FA9;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1FAA;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1FAB;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1FAC;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1FAD;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1FAE;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FAF;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FB8;x
+&#x1FB9;x
+&#x1FBA;&#x0345;x <!-- GREEK SMALL LETTER ALPHA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FBC;x <!-- GREEK SMALL LETTER ALPHA WITH YPOGEGRAMMENI -->
+&#x0386;&#x0345;x <!-- GREEK SMALL LETTER ALPHA WITH OXIA AND YPOGEGRAMMENI -->
+&#x0391;&#x0342;x <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI -->
+&#x0391;&#x0342;&#x0345;x <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x0399;x
+&#x1FCA;&#x0345;x <!-- GREEK SMALL LETTER ETA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FCC;x <!-- GREEK SMALL LETTER ETA WITH YPOGEGRAMMENI -->
+&#x0389;&#x0345;x <!-- GREEK SMALL LETTER ETA WITH OXIA AND YPOGEGRAMMENI -->
+&#x0397;&#x0342;x <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI -->
+&#x0397;&#x0342;&#x0345;x <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FD8;x
+&#x1FD9;x
+&#x03AA;&#x0300;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND VARIA -->
+&#x03AA;&#x0301;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND OXIA -->
+&#x0399;&#x0342;x <!-- GREEK SMALL LETTER IOTA WITH PERISPOMENI -->
+&#x03AA;&#x0342;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FE8;x
+&#x1FE9;x
+&#x03AB;&#x0300;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND VARIA -->
+&#x03AB;&#x0301;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND OXIA -->
+&#x03A1;&#x0313;x <!-- GREEK SMALL LETTER RHO WITH PSILI -->
+&#x1FEC;x
+&#x03A5;&#x0342;x <!-- GREEK SMALL LETTER UPSILON WITH PERISPOMENI -->
+&#x03AB;&#x0342;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FFA;&#x0345;x <!-- GREEK SMALL LETTER OMEGA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FFC;x <!-- GREEK SMALL LETTER OMEGA WITH YPOGEGRAMMENI -->
+&#x038F;&#x0345;x <!-- GREEK SMALL LETTER OMEGA WITH OXIA AND YPOGEGRAMMENI -->
+&#x03A9;&#x0342;x <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI -->
+&#x03A9;&#x0342;&#x0345;x <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x2132;x
+&#x2160;x
+&#x2161;x
+&#x2162;x
+&#x2163;x
+&#x2164;x
+&#x2165;x
+&#x2166;x
+&#x2167;x
+&#x2168;x
+&#x2169;x
+&#x216A;x
+&#x216B;x
+&#x216C;x
+&#x216D;x
+&#x216E;x
+&#x216F;x
+&#x2183;x
+&#x24D0;X
+&#x24D1;X
+&#x24D2;X
+&#x24D3;X
+&#x24D4;X
+&#x24D5;X
+&#x24D6;X
+&#x24D7;X
+&#x24D8;X
+&#x24D9;X
+&#x24DA;X
+&#x24DB;X
+&#x24DC;X
+&#x24DD;X
+&#x24DE;X
+&#x24DF;X
+&#x24E0;X
+&#x24E1;X
+&#x24E2;X
+&#x24E3;X
+&#x24E4;X
+&#x24E5;X
+&#x24E6;X
+&#x24E7;X
+&#x24E8;X
+&#x24E9;X
+&#x2C00;x
+&#x2C01;x
+&#x2C02;x
+&#x2C03;x
+&#x2C04;x
+&#x2C05;x
+&#x2C06;x
+&#x2C07;x
+&#x2C08;x
+&#x2C09;x
+&#x2C0A;x
+&#x2C0B;x
+&#x2C0C;x
+&#x2C0D;x
+&#x2C0E;x
+&#x2C0F;x
+&#x2C10;x
+&#x2C11;x
+&#x2C12;x
+&#x2C13;x
+&#x2C14;x
+&#x2C15;x
+&#x2C16;x
+&#x2C17;x
+&#x2C18;x
+&#x2C19;x
+&#x2C1A;x
+&#x2C1B;x
+&#x2C1C;x
+&#x2C1D;x
+&#x2C1E;x
+&#x2C1F;x
+&#x2C20;x
+&#x2C21;x
+&#x2C22;x
+&#x2C23;x
+&#x2C24;x
+&#x2C25;x
+&#x2C26;x
+&#x2C27;x
+&#x2C28;x
+&#x2C29;x
+&#x2C2A;x
+&#x2C2B;x
+&#x2C2C;x
+&#x2C2D;x
+&#x2C2E;x
+&#x2C2F;x
+&#x2C60;x
+&#x023A;x
+&#x023E;x
+&#x2C67;x
+&#x2C69;x
+&#x2C6B;x
+&#x2C72;x
+&#x2C75;x
+&#x2C80;x
+&#x2C82;x
+&#x2C84;x
+&#x2C86;x
+&#x2C88;x
+&#x2C8A;x
+&#x2C8C;x
+&#x2C8E;x
+&#x2C90;x
+&#x2C92;x
+&#x2C94;x
+&#x2C96;x
+&#x2C98;x
+&#x2C9A;x
+&#x2C9C;x
+&#x2C9E;x
+&#x2CA0;x
+&#x2CA2;x
+&#x2CA4;x
+&#x2CA6;x
+&#x2CA8;x
+&#x2CAA;x
+&#x2CAC;x
+&#x2CAE;x
+&#x2CB0;x
+&#x2CB2;x
+&#x2CB4;x
+&#x2CB6;x
+&#x2CB8;x
+&#x2CBA;x
+&#x2CBC;x
+&#x2CBE;x
+&#x2CC0;x
+&#x2CC2;x
+&#x2CC4;x
+&#x2CC6;x
+&#x2CC8;x
+&#x2CCA;x
+&#x2CCC;x
+&#x2CCE;x
+&#x2CD0;x
+&#x2CD2;x
+&#x2CD4;x
+&#x2CD6;x
+&#x2CD8;x
+&#x2CDA;x
+&#x2CDC;x
+&#x2CDE;x
+&#x2CE0;x
+&#x2CE2;x
+&#x2CEB;x
+&#x2CED;x
+&#x2CF2;x
+&#x10A0;x
+&#x10A1;x
+&#x10A2;x
+&#x10A3;x
+&#x10A4;x
+&#x10A5;x
+&#x10A6;x
+&#x10A7;x
+&#x10A8;x
+&#x10A9;x
+&#x10AA;x
+&#x10AB;x
+&#x10AC;x
+&#x10AD;x
+&#x10AE;x
+&#x10AF;x
+&#x10B0;x
+&#x10B1;x
+&#x10B2;x
+&#x10B3;x
+&#x10B4;x
+&#x10B5;x
+&#x10B6;x
+&#x10B7;x
+&#x10B8;x
+&#x10B9;x
+&#x10BA;x
+&#x10BB;x
+&#x10BC;x
+&#x10BD;x
+&#x10BE;x
+&#x10BF;x
+&#x10C0;x
+&#x10C1;x
+&#x10C2;x
+&#x10C3;x
+&#x10C4;x
+&#x10C5;x
+&#x10C7;x
+&#x10CD;x
+&#xA640;x
+&#xA642;x
+&#xA644;x
+&#xA646;x
+&#xA648;x
+&#xA64A;x
+&#xA64C;x
+&#xA64E;x
+&#xA650;x
+&#xA652;x
+&#xA654;x
+&#xA656;x
+&#xA658;x
+&#xA65A;x
+&#xA65C;x
+&#xA65E;x
+&#xA660;x
+&#xA662;x
+&#xA664;x
+&#xA666;x
+&#xA668;x
+&#xA66A;x
+&#xA66C;x
+&#xA680;x
+&#xA682;x
+&#xA684;x
+&#xA686;x
+&#xA688;x
+&#xA68A;x
+&#xA68C;x
+&#xA68E;x
+&#xA690;x
+&#xA692;x
+&#xA694;x
+&#xA696;x
+&#xA698;x
+&#xA69A;x
+&#xA722;x
+&#xA724;x
+&#xA726;x
+&#xA728;x
+&#xA72A;x
+&#xA72C;x
+&#xA72E;x
+&#xA732;x
+&#xA734;x
+&#xA736;x
+&#xA738;x
+&#xA73A;x
+&#xA73C;x
+&#xA73E;x
+&#xA740;x
+&#xA742;x
+&#xA744;x
+&#xA746;x
+&#xA748;x
+&#xA74A;x
+&#xA74C;x
+&#xA74E;x
+&#xA750;x
+&#xA752;x
+&#xA754;x
+&#xA756;x
+&#xA758;x
+&#xA75A;x
+&#xA75C;x
+&#xA75E;x
+&#xA760;x
+&#xA762;x
+&#xA764;x
+&#xA766;x
+&#xA768;x
+&#xA76A;x
+&#xA76C;x
+&#xA76E;x
+&#xA779;x
+&#xA77B;x
+&#xA77E;x
+&#xA780;x
+&#xA782;x
+&#xA784;x
+&#xA786;x
+&#xA78B;x
+&#xA790;x
+&#xA792;x
+&#xA7C4;x
+&#xA796;x
+&#xA798;x
+&#xA79A;x
+&#xA79C;x
+&#xA79E;x
+&#xA7A0;x
+&#xA7A2;x
+&#xA7A4;x
+&#xA7A6;x
+&#xA7A8;x
+&#xA7B4;x
+&#xA7B6;x
+&#xA7B8;x
+&#xA7BA;x
+&#xA7BC;x
+&#xA7BE;x
+&#xA7C0;x
+&#xA7C2;x
+&#xA7C7;x
+&#xA7C9;x
+&#xA7D0;x
+&#xA7D6;x
+&#xA7D8;x
+&#xA7F5;x
+&#xA7B3;x
+&#x13A0;x
+&#x13A1;x
+&#x13A2;x
+&#x13A3;x
+&#x13A4;x
+&#x13A5;x
+&#x13A6;x
+&#x13A7;x
+&#x13A8;x
+&#x13A9;x
+&#x13AA;x
+&#x13AB;x
+&#x13AC;x
+&#x13AD;x
+&#x13AE;x
+&#x13AF;x
+&#x13B0;x
+&#x13B1;x
+&#x13B2;x
+&#x13B3;x
+&#x13B4;x
+&#x13B5;x
+&#x13B6;x
+&#x13B7;x
+&#x13B8;x
+&#x13B9;x
+&#x13BA;x
+&#x13BB;x
+&#x13BC;x
+&#x13BD;x
+&#x13BE;x
+&#x13BF;x
+&#x13C0;x
+&#x13C1;x
+&#x13C2;x
+&#x13C3;x
+&#x13C4;x
+&#x13C5;x
+&#x13C6;x
+&#x13C7;x
+&#x13C8;x
+&#x13C9;x
+&#x13CA;x
+&#x13CB;x
+&#x13CC;x
+&#x13CD;x
+&#x13CE;x
+&#x13CF;x
+&#x13D0;x
+&#x13D1;x
+&#x13D2;x
+&#x13D3;x
+&#x13D4;x
+&#x13D5;x
+&#x13D6;x
+&#x13D7;x
+&#x13D8;x
+&#x13D9;x
+&#x13DA;x
+&#x13DB;x
+&#x13DC;x
+&#x13DD;x
+&#x13DE;x
+&#x13DF;x
+&#x13E0;x
+&#x13E1;x
+&#x13E2;x
+&#x13E3;x
+&#x13E4;x
+&#x13E5;x
+&#x13E6;x
+&#x13E7;x
+&#x13E8;x
+&#x13E9;x
+&#x13EA;x
+&#x13EB;x
+&#x13EC;x
+&#x13ED;x
+&#x13EE;x
+&#x13EF;x
+&#x0046;&#x0066;x <!-- LATIN SMALL LIGATURE FF -->
+&#x0046;&#x0069;x <!-- LATIN SMALL LIGATURE FI -->
+&#x0046;&#x006C;x <!-- LATIN SMALL LIGATURE FL -->
+&#x0046;&#x0066;&#x0069;x <!-- LATIN SMALL LIGATURE FFI -->
+&#x0046;&#x0066;&#x006C;x <!-- LATIN SMALL LIGATURE FFL -->
+&#x0053;&#x0074;x <!-- LATIN SMALL LIGATURE LONG S T -->
+&#x0053;&#x0074;x <!-- LATIN SMALL LIGATURE ST -->
+&#x0544;&#x0576;x <!-- ARMENIAN SMALL LIGATURE MEN NOW -->
+&#x0544;&#x0565;x <!-- ARMENIAN SMALL LIGATURE MEN ECH -->
+&#x0544;&#x056B;x <!-- ARMENIAN SMALL LIGATURE MEN INI -->
+&#x054E;&#x0576;x <!-- ARMENIAN SMALL LIGATURE VEW NOW -->
+&#x0544;&#x056D;x <!-- ARMENIAN SMALL LIGATURE MEN XEH -->
+&#xFF21;x
+&#xFF22;x
+&#xFF23;x
+&#xFF24;x
+&#xFF25;x
+&#xFF26;x
+&#xFF27;x
+&#xFF28;x
+&#xFF29;x
+&#xFF2A;x
+&#xFF2B;x
+&#xFF2C;x
+&#xFF2D;x
+&#xFF2E;x
+&#xFF2F;x
+&#xFF30;x
+&#xFF31;x
+&#xFF32;x
+&#xFF33;x
+&#xFF34;x
+&#xFF35;x
+&#xFF36;x
+&#xFF37;x
+&#xFF38;x
+&#xFF39;x
+&#xFF3A;x
+&#x10400;x
+&#x10401;x
+&#x10402;x
+&#x10403;x
+&#x10404;x
+&#x10405;x
+&#x10406;x
+&#x10407;x
+&#x10408;x
+&#x10409;x
+&#x1040A;x
+&#x1040B;x
+&#x1040C;x
+&#x1040D;x
+&#x1040E;x
+&#x1040F;x
+&#x10410;x
+&#x10411;x
+&#x10412;x
+&#x10413;x
+&#x10414;x
+&#x10415;x
+&#x10416;x
+&#x10417;x
+&#x10418;x
+&#x10419;x
+&#x1041A;x
+&#x1041B;x
+&#x1041C;x
+&#x1041D;x
+&#x1041E;x
+&#x1041F;x
+&#x10420;x
+&#x10421;x
+&#x10422;x
+&#x10423;x
+&#x10424;x
+&#x10425;x
+&#x10426;x
+&#x10427;x
+&#x104B0;x
+&#x104B1;x
+&#x104B2;x
+&#x104B3;x
+&#x104B4;x
+&#x104B5;x
+&#x104B6;x
+&#x104B7;x
+&#x104B8;x
+&#x104B9;x
+&#x104BA;x
+&#x104BB;x
+&#x104BC;x
+&#x104BD;x
+&#x104BE;x
+&#x104BF;x
+&#x104C0;x
+&#x104C1;x
+&#x104C2;x
+&#x104C3;x
+&#x104C4;x
+&#x104C5;x
+&#x104C6;x
+&#x104C7;x
+&#x104C8;x
+&#x104C9;x
+&#x104CA;x
+&#x104CB;x
+&#x104CC;x
+&#x104CD;x
+&#x104CE;x
+&#x104CF;x
+&#x104D0;x
+&#x104D1;x
+&#x104D2;x
+&#x104D3;x
+&#x10570;x
+&#x10571;x
+&#x10572;x
+&#x10573;x
+&#x10574;x
+&#x10575;x
+&#x10576;x
+&#x10577;x
+&#x10578;x
+&#x10579;x
+&#x1057A;x
+&#x1057C;x
+&#x1057D;x
+&#x1057E;x
+&#x1057F;x
+&#x10580;x
+&#x10581;x
+&#x10582;x
+&#x10583;x
+&#x10584;x
+&#x10585;x
+&#x10586;x
+&#x10587;x
+&#x10588;x
+&#x10589;x
+&#x1058A;x
+&#x1058C;x
+&#x1058D;x
+&#x1058E;x
+&#x1058F;x
+&#x10590;x
+&#x10591;x
+&#x10592;x
+&#x10594;x
+&#x10595;x
+&#x10C80;x
+&#x10C81;x
+&#x10C82;x
+&#x10C83;x
+&#x10C84;x
+&#x10C85;x
+&#x10C86;x
+&#x10C87;x
+&#x10C88;x
+&#x10C89;x
+&#x10C8A;x
+&#x10C8B;x
+&#x10C8C;x
+&#x10C8D;x
+&#x10C8E;x
+&#x10C8F;x
+&#x10C90;x
+&#x10C91;x
+&#x10C92;x
+&#x10C93;x
+&#x10C94;x
+&#x10C95;x
+&#x10C96;x
+&#x10C97;x
+&#x10C98;x
+&#x10C99;x
+&#x10C9A;x
+&#x10C9B;x
+&#x10C9C;x
+&#x10C9D;x
+&#x10C9E;x
+&#x10C9F;x
+&#x10CA0;x
+&#x10CA1;x
+&#x10CA2;x
+&#x10CA3;x
+&#x10CA4;x
+&#x10CA5;x
+&#x10CA6;x
+&#x10CA7;x
+&#x10CA8;x
+&#x10CA9;x
+&#x10CAA;x
+&#x10CAB;x
+&#x10CAC;x
+&#x10CAD;x
+&#x10CAE;x
+&#x10CAF;x
+&#x10CB0;x
+&#x10CB1;x
+&#x10CB2;x
+&#x118A0;x
+&#x118A1;x
+&#x118A2;x
+&#x118A3;x
+&#x118A4;x
+&#x118A5;x
+&#x118A6;x
+&#x118A7;x
+&#x118A8;x
+&#x118A9;x
+&#x118AA;x
+&#x118AB;x
+&#x118AC;x
+&#x118AD;x
+&#x118AE;x
+&#x118AF;x
+&#x118B0;x
+&#x118B1;x
+&#x118B2;x
+&#x118B3;x
+&#x118B4;x
+&#x118B5;x
+&#x118B6;x
+&#x118B7;x
+&#x118B8;x
+&#x118B9;x
+&#x118BA;x
+&#x118BB;x
+&#x118BC;x
+&#x118BD;x
+&#x118BE;x
+&#x118BF;x
+&#x16E40;x
+&#x16E41;x
+&#x16E42;x
+&#x16E43;x
+&#x16E44;x
+&#x16E45;x
+&#x16E46;x
+&#x16E47;x
+&#x16E48;x
+&#x16E49;x
+&#x16E4A;x
+&#x16E4B;x
+&#x16E4C;x
+&#x16E4D;x
+&#x16E4E;x
+&#x16E4F;x
+&#x16E50;x
+&#x16E51;x
+&#x16E52;x
+&#x16E53;x
+&#x16E54;x
+&#x16E55;x
+&#x16E56;x
+&#x16E57;x
+&#x16E58;x
+&#x16E59;x
+&#x16E5A;x
+&#x16E5B;x
+&#x16E5C;x
+&#x16E5D;x
+&#x16E5E;x
+&#x16E5F;x
+&#x1E900;x
+&#x1E901;x
+&#x1E902;x
+&#x1E903;x
+&#x1E904;x
+&#x1E905;x
+&#x1E906;x
+&#x1E907;x
+&#x1E908;x
+&#x1E909;x
+&#x1E90A;x
+&#x1E90B;x
+&#x1E90C;x
+&#x1E90D;x
+&#x1E90E;x
+&#x1E90F;x
+&#x1E910;x
+&#x1E911;x
+&#x1E912;x
+&#x1E913;x
+&#x1E914;x
+&#x1E915;x
+&#x1E916;x
+&#x1E917;x
+&#x1E918;x
+&#x1E919;x
+&#x1E91A;x
+&#x1E91B;x
+&#x1E91C;x
+&#x1E91D;x
+&#x1E91E;x
+&#x1E91F;x
+&#x1E920;x
+&#x1E921;x
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/all-title.html b/layout/reftests/text-transform/all-title.html
new file mode 100644
index 0000000000..29b5a45f1a
--- /dev/null
+++ b/layout/reftests/text-transform/all-title.html
@@ -0,0 +1,1517 @@
+<!DOCTYPE html>
+<!-- GENERATED FILE, DO NOT EDIT -->
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   @font-face { font-family: foo; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); }
+   p { font-family: foo; text-transform: capitalize; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x0061;x
+&#x0062;x
+&#x0063;x
+&#x0064;x
+&#x0065;x
+&#x0066;x
+&#x0067;x
+&#x0068;x
+&#x0069;x
+&#x006A;x
+&#x006B;x
+&#x006C;x
+&#x006D;x
+&#x006E;x
+&#x006F;x
+&#x0070;x
+&#x0071;x
+&#x0072;x
+&#x0073;x
+&#x0074;x
+&#x0075;x
+&#x0076;x
+&#x0077;x
+&#x0078;x
+&#x0079;x
+&#x007A;x
+&#x00B5;x
+&#x00DF;x <!-- LATIN SMALL LETTER SHARP S -->
+&#x00E0;x
+&#x00E1;x
+&#x00E2;x
+&#x00E3;x
+&#x00E4;x
+&#x00E5;x
+&#x00E6;x
+&#x00E7;x
+&#x00E8;x
+&#x00E9;x
+&#x00EA;x
+&#x00EB;x
+&#x00EC;x
+&#x00ED;x
+&#x00EE;x
+&#x00EF;x
+&#x00F0;x
+&#x00F1;x
+&#x00F2;x
+&#x00F3;x
+&#x00F4;x
+&#x00F5;x
+&#x00F6;x
+&#x00F8;x
+&#x00F9;x
+&#x00FA;x
+&#x00FB;x
+&#x00FC;x
+&#x00FD;x
+&#x00FE;x
+&#x00FF;x
+&#x0101;x
+&#x0103;x
+&#x0105;x
+&#x0107;x
+&#x0109;x
+&#x010B;x
+&#x010D;x
+&#x010F;x
+&#x0111;x
+&#x0113;x
+&#x0115;x
+&#x0117;x
+&#x0119;x
+&#x011B;x
+&#x011D;x
+&#x011F;x
+&#x0121;x
+&#x0123;x
+&#x0125;x
+&#x0127;x
+&#x0129;x
+&#x012B;x
+&#x012D;x
+&#x012F;x
+&#x0131;x
+&#x0133;x
+&#x0135;x
+&#x0137;x
+&#x013A;x
+&#x013C;x
+&#x013E;x
+&#x0140;x
+&#x0142;x
+&#x0144;x
+&#x0146;x
+&#x0148;x
+&#x0149;x <!-- LATIN SMALL LETTER N PRECEDED BY APOSTROPHE -->
+&#x014B;x
+&#x014D;x
+&#x014F;x
+&#x0151;x
+&#x0153;x
+&#x0155;x
+&#x0157;x
+&#x0159;x
+&#x015B;x
+&#x015D;x
+&#x015F;x
+&#x0161;x
+&#x0163;x
+&#x0165;x
+&#x0167;x
+&#x0169;x
+&#x016B;x
+&#x016D;x
+&#x016F;x
+&#x0171;x
+&#x0173;x
+&#x0175;x
+&#x0177;x
+&#x017A;x
+&#x017C;x
+&#x017E;x
+&#x017F;x
+&#x0180;x
+&#x0183;x
+&#x0185;x
+&#x0188;x
+&#x018C;x
+&#x0192;x
+&#x0195;x
+&#x0199;x
+&#x019A;x
+&#x019E;x
+&#x01A1;x
+&#x01A3;x
+&#x01A5;x
+&#x01A8;x
+&#x01AD;x
+&#x01B0;x
+&#x01B4;x
+&#x01B6;x
+&#x01B9;x
+&#x01BD;x
+&#x01BF;x
+&#x01C4;x
+&#x01C5;x
+&#x01C6;x
+&#x01C7;x
+&#x01C8;x
+&#x01C9;x
+&#x01CA;x
+&#x01CB;x
+&#x01CC;x
+&#x01CE;x
+&#x01D0;x
+&#x01D2;x
+&#x01D4;x
+&#x01D6;x
+&#x01D8;x
+&#x01DA;x
+&#x01DC;x
+&#x01DD;x
+&#x01DF;x
+&#x01E1;x
+&#x01E3;x
+&#x01E5;x
+&#x01E7;x
+&#x01E9;x
+&#x01EB;x
+&#x01ED;x
+&#x01EF;x
+&#x01F0;x <!-- LATIN SMALL LETTER J WITH CARON -->
+&#x01F1;x
+&#x01F2;x
+&#x01F3;x
+&#x01F5;x
+&#x01F9;x
+&#x01FB;x
+&#x01FD;x
+&#x01FF;x
+&#x0201;x
+&#x0203;x
+&#x0205;x
+&#x0207;x
+&#x0209;x
+&#x020B;x
+&#x020D;x
+&#x020F;x
+&#x0211;x
+&#x0213;x
+&#x0215;x
+&#x0217;x
+&#x0219;x
+&#x021B;x
+&#x021D;x
+&#x021F;x
+&#x0223;x
+&#x0225;x
+&#x0227;x
+&#x0229;x
+&#x022B;x
+&#x022D;x
+&#x022F;x
+&#x0231;x
+&#x0233;x
+&#x023C;x
+&#x023F;x
+&#x0240;x
+&#x0242;x
+&#x0247;x
+&#x0249;x
+&#x024B;x
+&#x024D;x
+&#x024F;x
+&#x0250;x
+&#x0251;x
+&#x0252;x
+&#x0253;x
+&#x0254;x
+&#x0256;x
+&#x0257;x
+&#x0259;x
+&#x025B;x
+&#x025C;x
+&#x0260;x
+&#x0261;x
+&#x0263;x
+&#x0265;x
+&#x0266;x
+&#x0268;x
+&#x0269;x
+&#x026A;x
+&#x026B;x
+&#x026C;x
+&#x026F;x
+&#x0271;x
+&#x0272;x
+&#x0275;x
+&#x027D;x
+&#x0280;x
+&#x0282;x
+&#x0283;x
+&#x0287;x
+&#x0288;x
+&#x0289;x
+&#x028A;x
+&#x028B;x
+&#x028C;x
+&#x0292;x
+&#x029D;x
+&#x029E;x
+&#x0345;x
+&#x0371;x
+&#x0373;x
+&#x0377;x
+&#x037B;x
+&#x037C;x
+&#x037D;x
+&#x0390;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND TONOS -->
+&#x03AC;x
+&#x03AD;x
+&#x03AE;x
+&#x03AF;x
+&#x03B0;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND TONOS -->
+&#x03B1;x
+&#x03B2;x
+&#x03B3;x
+&#x03B4;x
+&#x03B5;x
+&#x03B6;x
+&#x03B7;x
+&#x03B8;x
+&#x03B9;x
+&#x03BA;x
+&#x03BB;x
+&#x03BC;x
+&#x03BD;x
+&#x03BE;x
+&#x03BF;x
+&#x03C0;x
+&#x03C1;x
+&#x03C2;x
+&#x03C3;x
+&#x03C4;x
+&#x03C5;x
+&#x03C6;x
+&#x03C7;x
+&#x03C8;x
+&#x03C9;x
+&#x03CA;x
+&#x03CB;x
+&#x03CC;x
+&#x03CD;x
+&#x03CE;x
+&#x03D0;x
+&#x03D1;x
+&#x03D5;x
+&#x03D6;x
+&#x03D7;x
+&#x03D9;x
+&#x03DB;x
+&#x03DD;x
+&#x03DF;x
+&#x03E1;x
+&#x03E3;x
+&#x03E5;x
+&#x03E7;x
+&#x03E9;x
+&#x03EB;x
+&#x03ED;x
+&#x03EF;x
+&#x03F0;x
+&#x03F1;x
+&#x03F2;x
+&#x03F3;x
+&#x03F5;x
+&#x03F8;x
+&#x03FB;x
+&#x0430;x
+&#x0431;x
+&#x0432;x
+&#x0433;x
+&#x0434;x
+&#x0435;x
+&#x0436;x
+&#x0437;x
+&#x0438;x
+&#x0439;x
+&#x043A;x
+&#x043B;x
+&#x043C;x
+&#x043D;x
+&#x043E;x
+&#x043F;x
+&#x0440;x
+&#x0441;x
+&#x0442;x
+&#x0443;x
+&#x0444;x
+&#x0445;x
+&#x0446;x
+&#x0447;x
+&#x0448;x
+&#x0449;x
+&#x044A;x
+&#x044B;x
+&#x044C;x
+&#x044D;x
+&#x044E;x
+&#x044F;x
+&#x0450;x
+&#x0451;x
+&#x0452;x
+&#x0453;x
+&#x0454;x
+&#x0455;x
+&#x0456;x
+&#x0457;x
+&#x0458;x
+&#x0459;x
+&#x045A;x
+&#x045B;x
+&#x045C;x
+&#x045D;x
+&#x045E;x
+&#x045F;x
+&#x0461;x
+&#x0463;x
+&#x0465;x
+&#x0467;x
+&#x0469;x
+&#x046B;x
+&#x046D;x
+&#x046F;x
+&#x0471;x
+&#x0473;x
+&#x0475;x
+&#x0477;x
+&#x0479;x
+&#x047B;x
+&#x047D;x
+&#x047F;x
+&#x0481;x
+&#x048B;x
+&#x048D;x
+&#x048F;x
+&#x0491;x
+&#x0493;x
+&#x0495;x
+&#x0497;x
+&#x0499;x
+&#x049B;x
+&#x049D;x
+&#x049F;x
+&#x04A1;x
+&#x04A3;x
+&#x04A5;x
+&#x04A7;x
+&#x04A9;x
+&#x04AB;x
+&#x04AD;x
+&#x04AF;x
+&#x04B1;x
+&#x04B3;x
+&#x04B5;x
+&#x04B7;x
+&#x04B9;x
+&#x04BB;x
+&#x04BD;x
+&#x04BF;x
+&#x04C2;x
+&#x04C4;x
+&#x04C6;x
+&#x04C8;x
+&#x04CA;x
+&#x04CC;x
+&#x04CE;x
+&#x04CF;x
+&#x04D1;x
+&#x04D3;x
+&#x04D5;x
+&#x04D7;x
+&#x04D9;x
+&#x04DB;x
+&#x04DD;x
+&#x04DF;x
+&#x04E1;x
+&#x04E3;x
+&#x04E5;x
+&#x04E7;x
+&#x04E9;x
+&#x04EB;x
+&#x04ED;x
+&#x04EF;x
+&#x04F1;x
+&#x04F3;x
+&#x04F5;x
+&#x04F7;x
+&#x04F9;x
+&#x04FB;x
+&#x04FD;x
+&#x04FF;x
+&#x0501;x
+&#x0503;x
+&#x0505;x
+&#x0507;x
+&#x0509;x
+&#x050B;x
+&#x050D;x
+&#x050F;x
+&#x0511;x
+&#x0513;x
+&#x0515;x
+&#x0517;x
+&#x0519;x
+&#x051B;x
+&#x051D;x
+&#x051F;x
+&#x0521;x
+&#x0523;x
+&#x0525;x
+&#x0527;x
+&#x0529;x
+&#x052B;x
+&#x052D;x
+&#x052F;x
+&#x0561;x
+&#x0562;x
+&#x0563;x
+&#x0564;x
+&#x0565;x
+&#x0566;x
+&#x0567;x
+&#x0568;x
+&#x0569;x
+&#x056A;x
+&#x056B;x
+&#x056C;x
+&#x056D;x
+&#x056E;x
+&#x056F;x
+&#x0570;x
+&#x0571;x
+&#x0572;x
+&#x0573;x
+&#x0574;x
+&#x0575;x
+&#x0576;x
+&#x0577;x
+&#x0578;x
+&#x0579;x
+&#x057A;x
+&#x057B;x
+&#x057C;x
+&#x057D;x
+&#x057E;x
+&#x057F;x
+&#x0580;x
+&#x0581;x
+&#x0582;x
+&#x0583;x
+&#x0584;x
+&#x0585;x
+&#x0586;x
+&#x0587;x <!-- ARMENIAN SMALL LIGATURE ECH YIWN -->
+&#x10D0;x
+&#x10D1;x
+&#x10D2;x
+&#x10D3;x
+&#x10D4;x
+&#x10D5;x
+&#x10D6;x
+&#x10D7;x
+&#x10D8;x
+&#x10D9;x
+&#x10DA;x
+&#x10DB;x
+&#x10DC;x
+&#x10DD;x
+&#x10DE;x
+&#x10DF;x
+&#x10E0;x
+&#x10E1;x
+&#x10E2;x
+&#x10E3;x
+&#x10E4;x
+&#x10E5;x
+&#x10E6;x
+&#x10E7;x
+&#x10E8;x
+&#x10E9;x
+&#x10EA;x
+&#x10EB;x
+&#x10EC;x
+&#x10ED;x
+&#x10EE;x
+&#x10EF;x
+&#x10F0;x
+&#x10F1;x
+&#x10F2;x
+&#x10F3;x
+&#x10F4;x
+&#x10F5;x
+&#x10F6;x
+&#x10F7;x
+&#x10F8;x
+&#x10F9;x
+&#x10FA;x
+&#x10FD;x
+&#x10FE;x
+&#x10FF;x
+&#x13F8;x
+&#x13F9;x
+&#x13FA;x
+&#x13FB;x
+&#x13FC;x
+&#x13FD;x
+&#x1C80;x
+&#x1C81;x
+&#x1C82;x
+&#x1C83;x
+&#x1C84;x
+&#x1C85;x
+&#x1C86;x
+&#x1C87;x
+&#x1C88;x
+&#x1D79;x
+&#x1D7D;x
+&#x1D8E;x
+&#x1E01;x
+&#x1E03;x
+&#x1E05;x
+&#x1E07;x
+&#x1E09;x
+&#x1E0B;x
+&#x1E0D;x
+&#x1E0F;x
+&#x1E11;x
+&#x1E13;x
+&#x1E15;x
+&#x1E17;x
+&#x1E19;x
+&#x1E1B;x
+&#x1E1D;x
+&#x1E1F;x
+&#x1E21;x
+&#x1E23;x
+&#x1E25;x
+&#x1E27;x
+&#x1E29;x
+&#x1E2B;x
+&#x1E2D;x
+&#x1E2F;x
+&#x1E31;x
+&#x1E33;x
+&#x1E35;x
+&#x1E37;x
+&#x1E39;x
+&#x1E3B;x
+&#x1E3D;x
+&#x1E3F;x
+&#x1E41;x
+&#x1E43;x
+&#x1E45;x
+&#x1E47;x
+&#x1E49;x
+&#x1E4B;x
+&#x1E4D;x
+&#x1E4F;x
+&#x1E51;x
+&#x1E53;x
+&#x1E55;x
+&#x1E57;x
+&#x1E59;x
+&#x1E5B;x
+&#x1E5D;x
+&#x1E5F;x
+&#x1E61;x
+&#x1E63;x
+&#x1E65;x
+&#x1E67;x
+&#x1E69;x
+&#x1E6B;x
+&#x1E6D;x
+&#x1E6F;x
+&#x1E71;x
+&#x1E73;x
+&#x1E75;x
+&#x1E77;x
+&#x1E79;x
+&#x1E7B;x
+&#x1E7D;x
+&#x1E7F;x
+&#x1E81;x
+&#x1E83;x
+&#x1E85;x
+&#x1E87;x
+&#x1E89;x
+&#x1E8B;x
+&#x1E8D;x
+&#x1E8F;x
+&#x1E91;x
+&#x1E93;x
+&#x1E95;x
+&#x1E96;x <!-- LATIN SMALL LETTER H WITH LINE BELOW -->
+&#x1E97;x <!-- LATIN SMALL LETTER T WITH DIAERESIS -->
+&#x1E98;x <!-- LATIN SMALL LETTER W WITH RING ABOVE -->
+&#x1E99;x <!-- LATIN SMALL LETTER Y WITH RING ABOVE -->
+&#x1E9A;x <!-- LATIN SMALL LETTER A WITH RIGHT HALF RING -->
+&#x1E9B;x
+&#x1EA1;x
+&#x1EA3;x
+&#x1EA5;x
+&#x1EA7;x
+&#x1EA9;x
+&#x1EAB;x
+&#x1EAD;x
+&#x1EAF;x
+&#x1EB1;x
+&#x1EB3;x
+&#x1EB5;x
+&#x1EB7;x
+&#x1EB9;x
+&#x1EBB;x
+&#x1EBD;x
+&#x1EBF;x
+&#x1EC1;x
+&#x1EC3;x
+&#x1EC5;x
+&#x1EC7;x
+&#x1EC9;x
+&#x1ECB;x
+&#x1ECD;x
+&#x1ECF;x
+&#x1ED1;x
+&#x1ED3;x
+&#x1ED5;x
+&#x1ED7;x
+&#x1ED9;x
+&#x1EDB;x
+&#x1EDD;x
+&#x1EDF;x
+&#x1EE1;x
+&#x1EE3;x
+&#x1EE5;x
+&#x1EE7;x
+&#x1EE9;x
+&#x1EEB;x
+&#x1EED;x
+&#x1EEF;x
+&#x1EF1;x
+&#x1EF3;x
+&#x1EF5;x
+&#x1EF7;x
+&#x1EF9;x
+&#x1EFB;x
+&#x1EFD;x
+&#x1EFF;x
+&#x1F00;x
+&#x1F01;x
+&#x1F02;x
+&#x1F03;x
+&#x1F04;x
+&#x1F05;x
+&#x1F06;x
+&#x1F07;x
+&#x1F10;x
+&#x1F11;x
+&#x1F12;x
+&#x1F13;x
+&#x1F14;x
+&#x1F15;x
+&#x1F20;x
+&#x1F21;x
+&#x1F22;x
+&#x1F23;x
+&#x1F24;x
+&#x1F25;x
+&#x1F26;x
+&#x1F27;x
+&#x1F30;x
+&#x1F31;x
+&#x1F32;x
+&#x1F33;x
+&#x1F34;x
+&#x1F35;x
+&#x1F36;x
+&#x1F37;x
+&#x1F40;x
+&#x1F41;x
+&#x1F42;x
+&#x1F43;x
+&#x1F44;x
+&#x1F45;x
+&#x1F50;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI -->
+&#x1F51;x
+&#x1F52;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND VARIA -->
+&#x1F53;x
+&#x1F54;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND OXIA -->
+&#x1F55;x
+&#x1F56;x <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND PERISPOMENI -->
+&#x1F57;x
+&#x1F60;x
+&#x1F61;x
+&#x1F62;x
+&#x1F63;x
+&#x1F64;x
+&#x1F65;x
+&#x1F66;x
+&#x1F67;x
+&#x1F70;x
+&#x1F71;x
+&#x1F72;x
+&#x1F73;x
+&#x1F74;x
+&#x1F75;x
+&#x1F76;x
+&#x1F77;x
+&#x1F78;x
+&#x1F79;x
+&#x1F7A;x
+&#x1F7B;x
+&#x1F7C;x
+&#x1F7D;x
+&#x1F80;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F81;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F82;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F83;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F84;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F85;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F86;x <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F87;x <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F90;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F91;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F92;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F93;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F94;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F95;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F96;x <!-- GREEK SMALL LETTER ETA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F97;x <!-- GREEK SMALL LETTER ETA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FA0;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1FA1;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1FA2;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1FA3;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1FA4;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1FA5;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1FA6;x <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FA7;x <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FB0;x
+&#x1FB1;x
+&#x1FB2;x <!-- GREEK SMALL LETTER ALPHA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FB3;x <!-- GREEK SMALL LETTER ALPHA WITH YPOGEGRAMMENI -->
+&#x1FB4;x <!-- GREEK SMALL LETTER ALPHA WITH OXIA AND YPOGEGRAMMENI -->
+&#x1FB6;x <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI -->
+&#x1FB7;x <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FBE;x
+&#x1FC2;x <!-- GREEK SMALL LETTER ETA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FC3;x <!-- GREEK SMALL LETTER ETA WITH YPOGEGRAMMENI -->
+&#x1FC4;x <!-- GREEK SMALL LETTER ETA WITH OXIA AND YPOGEGRAMMENI -->
+&#x1FC6;x <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI -->
+&#x1FC7;x <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FD0;x
+&#x1FD1;x
+&#x1FD2;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND VARIA -->
+&#x1FD3;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND OXIA -->
+&#x1FD6;x <!-- GREEK SMALL LETTER IOTA WITH PERISPOMENI -->
+&#x1FD7;x <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FE0;x
+&#x1FE1;x
+&#x1FE2;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND VARIA -->
+&#x1FE3;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND OXIA -->
+&#x1FE4;x <!-- GREEK SMALL LETTER RHO WITH PSILI -->
+&#x1FE5;x
+&#x1FE6;x <!-- GREEK SMALL LETTER UPSILON WITH PERISPOMENI -->
+&#x1FE7;x <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FF2;x <!-- GREEK SMALL LETTER OMEGA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FF3;x <!-- GREEK SMALL LETTER OMEGA WITH YPOGEGRAMMENI -->
+&#x1FF4;x <!-- GREEK SMALL LETTER OMEGA WITH OXIA AND YPOGEGRAMMENI -->
+&#x1FF6;x <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI -->
+&#x1FF7;x <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x214E;x
+&#x2170;x
+&#x2171;x
+&#x2172;x
+&#x2173;x
+&#x2174;x
+&#x2175;x
+&#x2176;x
+&#x2177;x
+&#x2178;x
+&#x2179;x
+&#x217A;x
+&#x217B;x
+&#x217C;x
+&#x217D;x
+&#x217E;x
+&#x217F;x
+&#x2184;x
+&#x24D0;x
+&#x24D1;x
+&#x24D2;x
+&#x24D3;x
+&#x24D4;x
+&#x24D5;x
+&#x24D6;x
+&#x24D7;x
+&#x24D8;x
+&#x24D9;x
+&#x24DA;x
+&#x24DB;x
+&#x24DC;x
+&#x24DD;x
+&#x24DE;x
+&#x24DF;x
+&#x24E0;x
+&#x24E1;x
+&#x24E2;x
+&#x24E3;x
+&#x24E4;x
+&#x24E5;x
+&#x24E6;x
+&#x24E7;x
+&#x24E8;x
+&#x24E9;x
+&#x2C30;x
+&#x2C31;x
+&#x2C32;x
+&#x2C33;x
+&#x2C34;x
+&#x2C35;x
+&#x2C36;x
+&#x2C37;x
+&#x2C38;x
+&#x2C39;x
+&#x2C3A;x
+&#x2C3B;x
+&#x2C3C;x
+&#x2C3D;x
+&#x2C3E;x
+&#x2C3F;x
+&#x2C40;x
+&#x2C41;x
+&#x2C42;x
+&#x2C43;x
+&#x2C44;x
+&#x2C45;x
+&#x2C46;x
+&#x2C47;x
+&#x2C48;x
+&#x2C49;x
+&#x2C4A;x
+&#x2C4B;x
+&#x2C4C;x
+&#x2C4D;x
+&#x2C4E;x
+&#x2C4F;x
+&#x2C50;x
+&#x2C51;x
+&#x2C52;x
+&#x2C53;x
+&#x2C54;x
+&#x2C55;x
+&#x2C56;x
+&#x2C57;x
+&#x2C58;x
+&#x2C59;x
+&#x2C5A;x
+&#x2C5B;x
+&#x2C5C;x
+&#x2C5D;x
+&#x2C5E;x
+&#x2C5F;x
+&#x2C61;x
+&#x2C65;x
+&#x2C66;x
+&#x2C68;x
+&#x2C6A;x
+&#x2C6C;x
+&#x2C73;x
+&#x2C76;x
+&#x2C81;x
+&#x2C83;x
+&#x2C85;x
+&#x2C87;x
+&#x2C89;x
+&#x2C8B;x
+&#x2C8D;x
+&#x2C8F;x
+&#x2C91;x
+&#x2C93;x
+&#x2C95;x
+&#x2C97;x
+&#x2C99;x
+&#x2C9B;x
+&#x2C9D;x
+&#x2C9F;x
+&#x2CA1;x
+&#x2CA3;x
+&#x2CA5;x
+&#x2CA7;x
+&#x2CA9;x
+&#x2CAB;x
+&#x2CAD;x
+&#x2CAF;x
+&#x2CB1;x
+&#x2CB3;x
+&#x2CB5;x
+&#x2CB7;x
+&#x2CB9;x
+&#x2CBB;x
+&#x2CBD;x
+&#x2CBF;x
+&#x2CC1;x
+&#x2CC3;x
+&#x2CC5;x
+&#x2CC7;x
+&#x2CC9;x
+&#x2CCB;x
+&#x2CCD;x
+&#x2CCF;x
+&#x2CD1;x
+&#x2CD3;x
+&#x2CD5;x
+&#x2CD7;x
+&#x2CD9;x
+&#x2CDB;x
+&#x2CDD;x
+&#x2CDF;x
+&#x2CE1;x
+&#x2CE3;x
+&#x2CEC;x
+&#x2CEE;x
+&#x2CF3;x
+&#x2D00;x
+&#x2D01;x
+&#x2D02;x
+&#x2D03;x
+&#x2D04;x
+&#x2D05;x
+&#x2D06;x
+&#x2D07;x
+&#x2D08;x
+&#x2D09;x
+&#x2D0A;x
+&#x2D0B;x
+&#x2D0C;x
+&#x2D0D;x
+&#x2D0E;x
+&#x2D0F;x
+&#x2D10;x
+&#x2D11;x
+&#x2D12;x
+&#x2D13;x
+&#x2D14;x
+&#x2D15;x
+&#x2D16;x
+&#x2D17;x
+&#x2D18;x
+&#x2D19;x
+&#x2D1A;x
+&#x2D1B;x
+&#x2D1C;x
+&#x2D1D;x
+&#x2D1E;x
+&#x2D1F;x
+&#x2D20;x
+&#x2D21;x
+&#x2D22;x
+&#x2D23;x
+&#x2D24;x
+&#x2D25;x
+&#x2D27;x
+&#x2D2D;x
+&#xA641;x
+&#xA643;x
+&#xA645;x
+&#xA647;x
+&#xA649;x
+&#xA64B;x
+&#xA64D;x
+&#xA64F;x
+&#xA651;x
+&#xA653;x
+&#xA655;x
+&#xA657;x
+&#xA659;x
+&#xA65B;x
+&#xA65D;x
+&#xA65F;x
+&#xA661;x
+&#xA663;x
+&#xA665;x
+&#xA667;x
+&#xA669;x
+&#xA66B;x
+&#xA66D;x
+&#xA681;x
+&#xA683;x
+&#xA685;x
+&#xA687;x
+&#xA689;x
+&#xA68B;x
+&#xA68D;x
+&#xA68F;x
+&#xA691;x
+&#xA693;x
+&#xA695;x
+&#xA697;x
+&#xA699;x
+&#xA69B;x
+&#xA723;x
+&#xA725;x
+&#xA727;x
+&#xA729;x
+&#xA72B;x
+&#xA72D;x
+&#xA72F;x
+&#xA733;x
+&#xA735;x
+&#xA737;x
+&#xA739;x
+&#xA73B;x
+&#xA73D;x
+&#xA73F;x
+&#xA741;x
+&#xA743;x
+&#xA745;x
+&#xA747;x
+&#xA749;x
+&#xA74B;x
+&#xA74D;x
+&#xA74F;x
+&#xA751;x
+&#xA753;x
+&#xA755;x
+&#xA757;x
+&#xA759;x
+&#xA75B;x
+&#xA75D;x
+&#xA75F;x
+&#xA761;x
+&#xA763;x
+&#xA765;x
+&#xA767;x
+&#xA769;x
+&#xA76B;x
+&#xA76D;x
+&#xA76F;x
+&#xA77A;x
+&#xA77C;x
+&#xA77F;x
+&#xA781;x
+&#xA783;x
+&#xA785;x
+&#xA787;x
+&#xA78C;x
+&#xA791;x
+&#xA793;x
+&#xA794;x
+&#xA797;x
+&#xA799;x
+&#xA79B;x
+&#xA79D;x
+&#xA79F;x
+&#xA7A1;x
+&#xA7A3;x
+&#xA7A5;x
+&#xA7A7;x
+&#xA7A9;x
+&#xA7B5;x
+&#xA7B7;x
+&#xA7B9;x
+&#xA7BB;x
+&#xA7BD;x
+&#xA7BF;x
+&#xA7C1;x
+&#xA7C3;x
+&#xA7C8;x
+&#xA7CA;x
+&#xA7D1;x
+&#xA7D7;x
+&#xA7D9;x
+&#xA7F6;x
+&#xAB53;x
+&#xAB70;x
+&#xAB71;x
+&#xAB72;x
+&#xAB73;x
+&#xAB74;x
+&#xAB75;x
+&#xAB76;x
+&#xAB77;x
+&#xAB78;x
+&#xAB79;x
+&#xAB7A;x
+&#xAB7B;x
+&#xAB7C;x
+&#xAB7D;x
+&#xAB7E;x
+&#xAB7F;x
+&#xAB80;x
+&#xAB81;x
+&#xAB82;x
+&#xAB83;x
+&#xAB84;x
+&#xAB85;x
+&#xAB86;x
+&#xAB87;x
+&#xAB88;x
+&#xAB89;x
+&#xAB8A;x
+&#xAB8B;x
+&#xAB8C;x
+&#xAB8D;x
+&#xAB8E;x
+&#xAB8F;x
+&#xAB90;x
+&#xAB91;x
+&#xAB92;x
+&#xAB93;x
+&#xAB94;x
+&#xAB95;x
+&#xAB96;x
+&#xAB97;x
+&#xAB98;x
+&#xAB99;x
+&#xAB9A;x
+&#xAB9B;x
+&#xAB9C;x
+&#xAB9D;x
+&#xAB9E;x
+&#xAB9F;x
+&#xABA0;x
+&#xABA1;x
+&#xABA2;x
+&#xABA3;x
+&#xABA4;x
+&#xABA5;x
+&#xABA6;x
+&#xABA7;x
+&#xABA8;x
+&#xABA9;x
+&#xABAA;x
+&#xABAB;x
+&#xABAC;x
+&#xABAD;x
+&#xABAE;x
+&#xABAF;x
+&#xABB0;x
+&#xABB1;x
+&#xABB2;x
+&#xABB3;x
+&#xABB4;x
+&#xABB5;x
+&#xABB6;x
+&#xABB7;x
+&#xABB8;x
+&#xABB9;x
+&#xABBA;x
+&#xABBB;x
+&#xABBC;x
+&#xABBD;x
+&#xABBE;x
+&#xABBF;x
+&#xFB00;x <!-- LATIN SMALL LIGATURE FF -->
+&#xFB01;x <!-- LATIN SMALL LIGATURE FI -->
+&#xFB02;x <!-- LATIN SMALL LIGATURE FL -->
+&#xFB03;x <!-- LATIN SMALL LIGATURE FFI -->
+&#xFB04;x <!-- LATIN SMALL LIGATURE FFL -->
+&#xFB05;x <!-- LATIN SMALL LIGATURE LONG S T -->
+&#xFB06;x <!-- LATIN SMALL LIGATURE ST -->
+&#xFB13;x <!-- ARMENIAN SMALL LIGATURE MEN NOW -->
+&#xFB14;x <!-- ARMENIAN SMALL LIGATURE MEN ECH -->
+&#xFB15;x <!-- ARMENIAN SMALL LIGATURE MEN INI -->
+&#xFB16;x <!-- ARMENIAN SMALL LIGATURE VEW NOW -->
+&#xFB17;x <!-- ARMENIAN SMALL LIGATURE MEN XEH -->
+&#xFF41;x
+&#xFF42;x
+&#xFF43;x
+&#xFF44;x
+&#xFF45;x
+&#xFF46;x
+&#xFF47;x
+&#xFF48;x
+&#xFF49;x
+&#xFF4A;x
+&#xFF4B;x
+&#xFF4C;x
+&#xFF4D;x
+&#xFF4E;x
+&#xFF4F;x
+&#xFF50;x
+&#xFF51;x
+&#xFF52;x
+&#xFF53;x
+&#xFF54;x
+&#xFF55;x
+&#xFF56;x
+&#xFF57;x
+&#xFF58;x
+&#xFF59;x
+&#xFF5A;x
+&#x10428;x
+&#x10429;x
+&#x1042A;x
+&#x1042B;x
+&#x1042C;x
+&#x1042D;x
+&#x1042E;x
+&#x1042F;x
+&#x10430;x
+&#x10431;x
+&#x10432;x
+&#x10433;x
+&#x10434;x
+&#x10435;x
+&#x10436;x
+&#x10437;x
+&#x10438;x
+&#x10439;x
+&#x1043A;x
+&#x1043B;x
+&#x1043C;x
+&#x1043D;x
+&#x1043E;x
+&#x1043F;x
+&#x10440;x
+&#x10441;x
+&#x10442;x
+&#x10443;x
+&#x10444;x
+&#x10445;x
+&#x10446;x
+&#x10447;x
+&#x10448;x
+&#x10449;x
+&#x1044A;x
+&#x1044B;x
+&#x1044C;x
+&#x1044D;x
+&#x1044E;x
+&#x1044F;x
+&#x104D8;x
+&#x104D9;x
+&#x104DA;x
+&#x104DB;x
+&#x104DC;x
+&#x104DD;x
+&#x104DE;x
+&#x104DF;x
+&#x104E0;x
+&#x104E1;x
+&#x104E2;x
+&#x104E3;x
+&#x104E4;x
+&#x104E5;x
+&#x104E6;x
+&#x104E7;x
+&#x104E8;x
+&#x104E9;x
+&#x104EA;x
+&#x104EB;x
+&#x104EC;x
+&#x104ED;x
+&#x104EE;x
+&#x104EF;x
+&#x104F0;x
+&#x104F1;x
+&#x104F2;x
+&#x104F3;x
+&#x104F4;x
+&#x104F5;x
+&#x104F6;x
+&#x104F7;x
+&#x104F8;x
+&#x104F9;x
+&#x104FA;x
+&#x104FB;x
+&#x10597;x
+&#x10598;x
+&#x10599;x
+&#x1059A;x
+&#x1059B;x
+&#x1059C;x
+&#x1059D;x
+&#x1059E;x
+&#x1059F;x
+&#x105A0;x
+&#x105A1;x
+&#x105A3;x
+&#x105A4;x
+&#x105A5;x
+&#x105A6;x
+&#x105A7;x
+&#x105A8;x
+&#x105A9;x
+&#x105AA;x
+&#x105AB;x
+&#x105AC;x
+&#x105AD;x
+&#x105AE;x
+&#x105AF;x
+&#x105B0;x
+&#x105B1;x
+&#x105B3;x
+&#x105B4;x
+&#x105B5;x
+&#x105B6;x
+&#x105B7;x
+&#x105B8;x
+&#x105B9;x
+&#x105BB;x
+&#x105BC;x
+&#x10CC0;x
+&#x10CC1;x
+&#x10CC2;x
+&#x10CC3;x
+&#x10CC4;x
+&#x10CC5;x
+&#x10CC6;x
+&#x10CC7;x
+&#x10CC8;x
+&#x10CC9;x
+&#x10CCA;x
+&#x10CCB;x
+&#x10CCC;x
+&#x10CCD;x
+&#x10CCE;x
+&#x10CCF;x
+&#x10CD0;x
+&#x10CD1;x
+&#x10CD2;x
+&#x10CD3;x
+&#x10CD4;x
+&#x10CD5;x
+&#x10CD6;x
+&#x10CD7;x
+&#x10CD8;x
+&#x10CD9;x
+&#x10CDA;x
+&#x10CDB;x
+&#x10CDC;x
+&#x10CDD;x
+&#x10CDE;x
+&#x10CDF;x
+&#x10CE0;x
+&#x10CE1;x
+&#x10CE2;x
+&#x10CE3;x
+&#x10CE4;x
+&#x10CE5;x
+&#x10CE6;x
+&#x10CE7;x
+&#x10CE8;x
+&#x10CE9;x
+&#x10CEA;x
+&#x10CEB;x
+&#x10CEC;x
+&#x10CED;x
+&#x10CEE;x
+&#x10CEF;x
+&#x10CF0;x
+&#x10CF1;x
+&#x10CF2;x
+&#x118C0;x
+&#x118C1;x
+&#x118C2;x
+&#x118C3;x
+&#x118C4;x
+&#x118C5;x
+&#x118C6;x
+&#x118C7;x
+&#x118C8;x
+&#x118C9;x
+&#x118CA;x
+&#x118CB;x
+&#x118CC;x
+&#x118CD;x
+&#x118CE;x
+&#x118CF;x
+&#x118D0;x
+&#x118D1;x
+&#x118D2;x
+&#x118D3;x
+&#x118D4;x
+&#x118D5;x
+&#x118D6;x
+&#x118D7;x
+&#x118D8;x
+&#x118D9;x
+&#x118DA;x
+&#x118DB;x
+&#x118DC;x
+&#x118DD;x
+&#x118DE;x
+&#x118DF;x
+&#x16E60;x
+&#x16E61;x
+&#x16E62;x
+&#x16E63;x
+&#x16E64;x
+&#x16E65;x
+&#x16E66;x
+&#x16E67;x
+&#x16E68;x
+&#x16E69;x
+&#x16E6A;x
+&#x16E6B;x
+&#x16E6C;x
+&#x16E6D;x
+&#x16E6E;x
+&#x16E6F;x
+&#x16E70;x
+&#x16E71;x
+&#x16E72;x
+&#x16E73;x
+&#x16E74;x
+&#x16E75;x
+&#x16E76;x
+&#x16E77;x
+&#x16E78;x
+&#x16E79;x
+&#x16E7A;x
+&#x16E7B;x
+&#x16E7C;x
+&#x16E7D;x
+&#x16E7E;x
+&#x16E7F;x
+&#x1E922;x
+&#x1E923;x
+&#x1E924;x
+&#x1E925;x
+&#x1E926;x
+&#x1E927;x
+&#x1E928;x
+&#x1E929;x
+&#x1E92A;x
+&#x1E92B;x
+&#x1E92C;x
+&#x1E92D;x
+&#x1E92E;x
+&#x1E92F;x
+&#x1E930;x
+&#x1E931;x
+&#x1E932;x
+&#x1E933;x
+&#x1E934;x
+&#x1E935;x
+&#x1E936;x
+&#x1E937;x
+&#x1E938;x
+&#x1E939;x
+&#x1E93A;x
+&#x1E93B;x
+&#x1E93C;x
+&#x1E93D;x
+&#x1E93E;x
+&#x1E93F;x
+&#x1E940;x
+&#x1E941;x
+&#x1E942;x
+&#x1E943;x
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/all-upper-ref.html b/layout/reftests/text-transform/all-upper-ref.html
new file mode 100644
index 0000000000..c7158cf88b
--- /dev/null
+++ b/layout/reftests/text-transform/all-upper-ref.html
@@ -0,0 +1,1540 @@
+<!DOCTYPE html>
+<!-- GENERATED FILE, DO NOT EDIT -->
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   @font-face { font-family: foo; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); }
+   p { font-family: foo; font-size: 12px; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x0041;
+&#x0042;
+&#x0043;
+&#x0044;
+&#x0045;
+&#x0046;
+&#x0047;
+&#x0048;
+&#x0049;
+&#x004A;
+&#x004B;
+&#x004C;
+&#x004D;
+&#x004E;
+&#x004F;
+&#x0050;
+&#x0051;
+&#x0052;
+&#x0053;
+&#x0054;
+&#x0055;
+&#x0056;
+&#x0057;
+&#x0058;
+&#x0059;
+&#x005A;
+&#x039C;
+&#x0053;&#x0053; <!-- LATIN SMALL LETTER SHARP S -->
+&#x00C0;
+&#x00C1;
+&#x00C2;
+&#x00C3;
+&#x00C4;
+&#x00C5;
+&#x00C6;
+&#x00C7;
+&#x00C8;
+&#x00C9;
+&#x00CA;
+&#x00CB;
+&#x00CC;
+&#x00CD;
+&#x00CE;
+&#x00CF;
+&#x00D0;
+&#x00D1;
+&#x00D2;
+&#x00D3;
+&#x00D4;
+&#x00D5;
+&#x00D6;
+&#x00D8;
+&#x00D9;
+&#x00DA;
+&#x00DB;
+&#x00DC;
+&#x00DD;
+&#x00DE;
+&#x0178;
+&#x0100;
+&#x0102;
+&#x0104;
+&#x0106;
+&#x0108;
+&#x010A;
+&#x010C;
+&#x010E;
+&#x0110;
+&#x0112;
+&#x0114;
+&#x0116;
+&#x0118;
+&#x011A;
+&#x011C;
+&#x011E;
+&#x0120;
+&#x0122;
+&#x0124;
+&#x0126;
+&#x0128;
+&#x012A;
+&#x012C;
+&#x012E;
+&#x0049;
+&#x0132;
+&#x0134;
+&#x0136;
+&#x0139;
+&#x013B;
+&#x013D;
+&#x013F;
+&#x0141;
+&#x0143;
+&#x0145;
+&#x0147;
+&#x02BC;&#x004E; <!-- LATIN SMALL LETTER N PRECEDED BY APOSTROPHE -->
+&#x014A;
+&#x014C;
+&#x014E;
+&#x0150;
+&#x0152;
+&#x0154;
+&#x0156;
+&#x0158;
+&#x015A;
+&#x015C;
+&#x015E;
+&#x0160;
+&#x0162;
+&#x0164;
+&#x0166;
+&#x0168;
+&#x016A;
+&#x016C;
+&#x016E;
+&#x0170;
+&#x0172;
+&#x0174;
+&#x0176;
+&#x0179;
+&#x017B;
+&#x017D;
+&#x0053;
+&#x0243;
+&#x0182;
+&#x0184;
+&#x0187;
+&#x018B;
+&#x0191;
+&#x01F6;
+&#x0198;
+&#x023D;
+&#x0220;
+&#x01A0;
+&#x01A2;
+&#x01A4;
+&#x01A7;
+&#x01AC;
+&#x01AF;
+&#x01B3;
+&#x01B5;
+&#x01B8;
+&#x01BC;
+&#x01F7;
+&#x01C4;
+&#x01C4;
+&#x01C7;
+&#x01C7;
+&#x01CA;
+&#x01CA;
+&#x01CD;
+&#x01CF;
+&#x01D1;
+&#x01D3;
+&#x01D5;
+&#x01D7;
+&#x01D9;
+&#x01DB;
+&#x018E;
+&#x01DE;
+&#x01E0;
+&#x01E2;
+&#x01E4;
+&#x01E6;
+&#x01E8;
+&#x01EA;
+&#x01EC;
+&#x01EE;
+&#x004A;&#x030C; <!-- LATIN SMALL LETTER J WITH CARON -->
+&#x01F1;
+&#x01F1;
+&#x01F4;
+&#x01F8;
+&#x01FA;
+&#x01FC;
+&#x01FE;
+&#x0200;
+&#x0202;
+&#x0204;
+&#x0206;
+&#x0208;
+&#x020A;
+&#x020C;
+&#x020E;
+&#x0210;
+&#x0212;
+&#x0214;
+&#x0216;
+&#x0218;
+&#x021A;
+&#x021C;
+&#x021E;
+&#x0222;
+&#x0224;
+&#x0226;
+&#x0228;
+&#x022A;
+&#x022C;
+&#x022E;
+&#x0230;
+&#x0232;
+&#x023B;
+&#x2C7E;
+&#x2C7F;
+&#x0241;
+&#x0246;
+&#x0248;
+&#x024A;
+&#x024C;
+&#x024E;
+&#x2C6F;
+&#x2C6D;
+&#x2C70;
+&#x0181;
+&#x0186;
+&#x0189;
+&#x018A;
+&#x018F;
+&#x0190;
+&#xA7AB;
+&#x0193;
+&#xA7AC;
+&#x0194;
+&#xA78D;
+&#xA7AA;
+&#x0197;
+&#x0196;
+&#xA7AE;
+&#x2C62;
+&#xA7AD;
+&#x019C;
+&#x2C6E;
+&#x019D;
+&#x019F;
+&#x2C64;
+&#x01A6;
+&#xA7C5;
+&#x01A9;
+&#xA7B1;
+&#x01AE;
+&#x0244;
+&#x01B1;
+&#x01B2;
+&#x0245;
+&#x01B7;
+&#xA7B2;
+&#xA7B0;
+&#x0399;
+&#x0370;
+&#x0372;
+&#x0376;
+&#x03FD;
+&#x03FE;
+&#x03FF;
+&#x03AA;&#x0301; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND TONOS -->
+&#x0386;
+&#x0388;
+&#x0389;
+&#x038A;
+&#x03AB;&#x0301; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND TONOS -->
+&#x0391;
+&#x0392;
+&#x0393;
+&#x0394;
+&#x0395;
+&#x0396;
+&#x0397;
+&#x0398;
+&#x0399;
+&#x039A;
+&#x039B;
+&#x039C;
+&#x039D;
+&#x039E;
+&#x039F;
+&#x03A0;
+&#x03A1;
+&#x03A3;
+&#x03A3;
+&#x03A4;
+&#x03A5;
+&#x03A6;
+&#x03A7;
+&#x03A8;
+&#x03A9;
+&#x03AA;
+&#x03AB;
+&#x038C;
+&#x038E;
+&#x038F;
+&#x0392;
+&#x0398;
+&#x03A6;
+&#x03A0;
+&#x03CF;
+&#x03D8;
+&#x03DA;
+&#x03DC;
+&#x03DE;
+&#x03E0;
+&#x03E2;
+&#x03E4;
+&#x03E6;
+&#x03E8;
+&#x03EA;
+&#x03EC;
+&#x03EE;
+&#x039A;
+&#x03A1;
+&#x03F9;
+&#x037F;
+&#x0395;
+&#x03F7;
+&#x03FA;
+&#x0410;
+&#x0411;
+&#x0412;
+&#x0413;
+&#x0414;
+&#x0415;
+&#x0416;
+&#x0417;
+&#x0418;
+&#x0419;
+&#x041A;
+&#x041B;
+&#x041C;
+&#x041D;
+&#x041E;
+&#x041F;
+&#x0420;
+&#x0421;
+&#x0422;
+&#x0423;
+&#x0424;
+&#x0425;
+&#x0426;
+&#x0427;
+&#x0428;
+&#x0429;
+&#x042A;
+&#x042B;
+&#x042C;
+&#x042D;
+&#x042E;
+&#x042F;
+&#x0400;
+&#x0401;
+&#x0402;
+&#x0403;
+&#x0404;
+&#x0405;
+&#x0406;
+&#x0407;
+&#x0408;
+&#x0409;
+&#x040A;
+&#x040B;
+&#x040C;
+&#x040D;
+&#x040E;
+&#x040F;
+&#x0460;
+&#x0462;
+&#x0464;
+&#x0466;
+&#x0468;
+&#x046A;
+&#x046C;
+&#x046E;
+&#x0470;
+&#x0472;
+&#x0474;
+&#x0476;
+&#x0478;
+&#x047A;
+&#x047C;
+&#x047E;
+&#x0480;
+&#x048A;
+&#x048C;
+&#x048E;
+&#x0490;
+&#x0492;
+&#x0494;
+&#x0496;
+&#x0498;
+&#x049A;
+&#x049C;
+&#x049E;
+&#x04A0;
+&#x04A2;
+&#x04A4;
+&#x04A6;
+&#x04A8;
+&#x04AA;
+&#x04AC;
+&#x04AE;
+&#x04B0;
+&#x04B2;
+&#x04B4;
+&#x04B6;
+&#x04B8;
+&#x04BA;
+&#x04BC;
+&#x04BE;
+&#x04C1;
+&#x04C3;
+&#x04C5;
+&#x04C7;
+&#x04C9;
+&#x04CB;
+&#x04CD;
+&#x04C0;
+&#x04D0;
+&#x04D2;
+&#x04D4;
+&#x04D6;
+&#x04D8;
+&#x04DA;
+&#x04DC;
+&#x04DE;
+&#x04E0;
+&#x04E2;
+&#x04E4;
+&#x04E6;
+&#x04E8;
+&#x04EA;
+&#x04EC;
+&#x04EE;
+&#x04F0;
+&#x04F2;
+&#x04F4;
+&#x04F6;
+&#x04F8;
+&#x04FA;
+&#x04FC;
+&#x04FE;
+&#x0500;
+&#x0502;
+&#x0504;
+&#x0506;
+&#x0508;
+&#x050A;
+&#x050C;
+&#x050E;
+&#x0510;
+&#x0512;
+&#x0514;
+&#x0516;
+&#x0518;
+&#x051A;
+&#x051C;
+&#x051E;
+&#x0520;
+&#x0522;
+&#x0524;
+&#x0526;
+&#x0528;
+&#x052A;
+&#x052C;
+&#x052E;
+&#x0531;
+&#x0532;
+&#x0533;
+&#x0534;
+&#x0535;
+&#x0536;
+&#x0537;
+&#x0538;
+&#x0539;
+&#x053A;
+&#x053B;
+&#x053C;
+&#x053D;
+&#x053E;
+&#x053F;
+&#x0540;
+&#x0541;
+&#x0542;
+&#x0543;
+&#x0544;
+&#x0545;
+&#x0546;
+&#x0547;
+&#x0548;
+&#x0549;
+&#x054A;
+&#x054B;
+&#x054C;
+&#x054D;
+&#x054E;
+&#x054F;
+&#x0550;
+&#x0551;
+&#x0552;
+&#x0553;
+&#x0554;
+&#x0555;
+&#x0556;
+&#x0535;&#x0552; <!-- ARMENIAN SMALL LIGATURE ECH YIWN -->
+<!-- &#x1C90; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C91; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C92; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C93; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C94; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C95; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C96; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C97; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C98; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C99; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C9A; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C9B; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C9C; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C9D; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C9E; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1C9F; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA0; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA1; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA2; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA3; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA4; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA5; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA6; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA7; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA8; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CA9; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CAA; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CAB; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CAC; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CAD; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CAE; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CAF; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB0; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB1; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB2; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB3; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB4; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB5; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB6; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB7; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB8; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CB9; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CBA; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CBD; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CBE; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x1CBF; --> <!-- Temporarily skipped, see bug 1476304. -->
+&#x13F0;
+&#x13F1;
+&#x13F2;
+&#x13F3;
+&#x13F4;
+&#x13F5;
+&#x0412;
+&#x0414;
+&#x041E;
+&#x0421;
+&#x0422;
+&#x0422;
+&#x042A;
+&#x0462;
+&#xA64A;
+&#xA77D;
+&#x2C63;
+&#xA7C6;
+&#x1E00;
+&#x1E02;
+&#x1E04;
+&#x1E06;
+&#x1E08;
+&#x1E0A;
+&#x1E0C;
+&#x1E0E;
+&#x1E10;
+&#x1E12;
+&#x1E14;
+&#x1E16;
+&#x1E18;
+&#x1E1A;
+&#x1E1C;
+&#x1E1E;
+&#x1E20;
+&#x1E22;
+&#x1E24;
+&#x1E26;
+&#x1E28;
+&#x1E2A;
+&#x1E2C;
+&#x1E2E;
+&#x1E30;
+&#x1E32;
+&#x1E34;
+&#x1E36;
+&#x1E38;
+&#x1E3A;
+&#x1E3C;
+&#x1E3E;
+&#x1E40;
+&#x1E42;
+&#x1E44;
+&#x1E46;
+&#x1E48;
+&#x1E4A;
+&#x1E4C;
+&#x1E4E;
+&#x1E50;
+&#x1E52;
+&#x1E54;
+&#x1E56;
+&#x1E58;
+&#x1E5A;
+&#x1E5C;
+&#x1E5E;
+&#x1E60;
+&#x1E62;
+&#x1E64;
+&#x1E66;
+&#x1E68;
+&#x1E6A;
+&#x1E6C;
+&#x1E6E;
+&#x1E70;
+&#x1E72;
+&#x1E74;
+&#x1E76;
+&#x1E78;
+&#x1E7A;
+&#x1E7C;
+&#x1E7E;
+&#x1E80;
+&#x1E82;
+&#x1E84;
+&#x1E86;
+&#x1E88;
+&#x1E8A;
+&#x1E8C;
+&#x1E8E;
+&#x1E90;
+&#x1E92;
+&#x1E94;
+&#x0048;&#x0331; <!-- LATIN SMALL LETTER H WITH LINE BELOW -->
+&#x0054;&#x0308; <!-- LATIN SMALL LETTER T WITH DIAERESIS -->
+&#x0057;&#x030A; <!-- LATIN SMALL LETTER W WITH RING ABOVE -->
+&#x0059;&#x030A; <!-- LATIN SMALL LETTER Y WITH RING ABOVE -->
+&#x0041;&#x02BE; <!-- LATIN SMALL LETTER A WITH RIGHT HALF RING -->
+&#x1E60;
+&#x1EA0;
+&#x1EA2;
+&#x1EA4;
+&#x1EA6;
+&#x1EA8;
+&#x1EAA;
+&#x1EAC;
+&#x1EAE;
+&#x1EB0;
+&#x1EB2;
+&#x1EB4;
+&#x1EB6;
+&#x1EB8;
+&#x1EBA;
+&#x1EBC;
+&#x1EBE;
+&#x1EC0;
+&#x1EC2;
+&#x1EC4;
+&#x1EC6;
+&#x1EC8;
+&#x1ECA;
+&#x1ECC;
+&#x1ECE;
+&#x1ED0;
+&#x1ED2;
+&#x1ED4;
+&#x1ED6;
+&#x1ED8;
+&#x1EDA;
+&#x1EDC;
+&#x1EDE;
+&#x1EE0;
+&#x1EE2;
+&#x1EE4;
+&#x1EE6;
+&#x1EE8;
+&#x1EEA;
+&#x1EEC;
+&#x1EEE;
+&#x1EF0;
+&#x1EF2;
+&#x1EF4;
+&#x1EF6;
+&#x1EF8;
+&#x1EFA;
+&#x1EFC;
+&#x1EFE;
+&#x1F08;
+&#x1F09;
+&#x1F0A;
+&#x1F0B;
+&#x1F0C;
+&#x1F0D;
+&#x1F0E;
+&#x1F0F;
+&#x1F18;
+&#x1F19;
+&#x1F1A;
+&#x1F1B;
+&#x1F1C;
+&#x1F1D;
+&#x1F28;
+&#x1F29;
+&#x1F2A;
+&#x1F2B;
+&#x1F2C;
+&#x1F2D;
+&#x1F2E;
+&#x1F2F;
+&#x1F38;
+&#x1F39;
+&#x1F3A;
+&#x1F3B;
+&#x1F3C;
+&#x1F3D;
+&#x1F3E;
+&#x1F3F;
+&#x1F48;
+&#x1F49;
+&#x1F4A;
+&#x1F4B;
+&#x1F4C;
+&#x1F4D;
+&#x03A5;&#x0313; <!-- GREEK SMALL LETTER UPSILON WITH PSILI -->
+&#x1F59;
+&#x03A5;&#x0313;&#x0300; <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND VARIA -->
+&#x1F5B;
+&#x03A5;&#x0313;&#x0301; <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND OXIA -->
+&#x1F5D;
+&#x03A5;&#x0313;&#x0342; <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND PERISPOMENI -->
+&#x1F5F;
+&#x1F68;
+&#x1F69;
+&#x1F6A;
+&#x1F6B;
+&#x1F6C;
+&#x1F6D;
+&#x1F6E;
+&#x1F6F;
+&#x1FBA;
+&#x1FBB;
+&#x1FC8;
+&#x1FC9;
+&#x1FCA;
+&#x1FCB;
+&#x1FDA;
+&#x1FDB;
+&#x1FF8;
+&#x1FF9;
+&#x1FEA;
+&#x1FEB;
+&#x1FFA;
+&#x1FFB;
+&#x1F08;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F09;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F0A;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F0B;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F0C;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F0D;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F0E;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F0F;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F08;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F09;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F0A;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F0B;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F0C;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F0D;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F0E;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F0F;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F28;&#x0399; <!-- GREEK SMALL LETTER ETA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F29;&#x0399; <!-- GREEK SMALL LETTER ETA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F2A;&#x0399; <!-- GREEK SMALL LETTER ETA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F2B;&#x0399; <!-- GREEK SMALL LETTER ETA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F2C;&#x0399; <!-- GREEK SMALL LETTER ETA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F2D;&#x0399; <!-- GREEK SMALL LETTER ETA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F2E;&#x0399; <!-- GREEK SMALL LETTER ETA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F2F;&#x0399; <!-- GREEK SMALL LETTER ETA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F28;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F29;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F2A;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F2B;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F2C;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F2D;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F2E;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F2F;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F68;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F69;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F6A;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F6B;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F6C;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F6D;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F6E;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F6F;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F68;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F69;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F6A;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F6B;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F6C;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F6D;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F6E;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F6F;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FB8;
+&#x1FB9;
+&#x1FBA;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH VARIA AND YPOGEGRAMMENI -->
+&#x0391;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH YPOGEGRAMMENI -->
+&#x0386;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH OXIA AND YPOGEGRAMMENI -->
+&#x0391;&#x0342; <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI -->
+&#x0391;&#x0342;&#x0399; <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x0391;&#x0399; <!-- GREEK CAPITAL LETTER ALPHA WITH PROSGEGRAMMENI -->
+&#x0399;
+&#x1FCA;&#x0399; <!-- GREEK SMALL LETTER ETA WITH VARIA AND YPOGEGRAMMENI -->
+&#x0397;&#x0399; <!-- GREEK SMALL LETTER ETA WITH YPOGEGRAMMENI -->
+&#x0389;&#x0399; <!-- GREEK SMALL LETTER ETA WITH OXIA AND YPOGEGRAMMENI -->
+&#x0397;&#x0342; <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI -->
+&#x0397;&#x0342;&#x0399; <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x0397;&#x0399; <!-- GREEK CAPITAL LETTER ETA WITH PROSGEGRAMMENI -->
+&#x1FD8;
+&#x1FD9;
+&#x03AA;&#x0300; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND VARIA -->
+&#x03AA;&#x0301; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND OXIA -->
+&#x0399;&#x0342; <!-- GREEK SMALL LETTER IOTA WITH PERISPOMENI -->
+&#x03AA;&#x0342; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FE8;
+&#x1FE9;
+&#x03AB;&#x0300; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND VARIA -->
+&#x03AB;&#x0301; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND OXIA -->
+&#x03A1;&#x0313; <!-- GREEK SMALL LETTER RHO WITH PSILI -->
+&#x1FEC;
+&#x03A5;&#x0342; <!-- GREEK SMALL LETTER UPSILON WITH PERISPOMENI -->
+&#x03AB;&#x0342; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FFA;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH VARIA AND YPOGEGRAMMENI -->
+&#x03A9;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH YPOGEGRAMMENI -->
+&#x038F;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH OXIA AND YPOGEGRAMMENI -->
+&#x03A9;&#x0342; <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI -->
+&#x03A9;&#x0342;&#x0399; <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x03A9;&#x0399; <!-- GREEK CAPITAL LETTER OMEGA WITH PROSGEGRAMMENI -->
+&#x2132;
+&#x2160;
+&#x2161;
+&#x2162;
+&#x2163;
+&#x2164;
+&#x2165;
+&#x2166;
+&#x2167;
+&#x2168;
+&#x2169;
+&#x216A;
+&#x216B;
+&#x216C;
+&#x216D;
+&#x216E;
+&#x216F;
+&#x2183;
+&#x24B6;
+&#x24B7;
+&#x24B8;
+&#x24B9;
+&#x24BA;
+&#x24BB;
+&#x24BC;
+&#x24BD;
+&#x24BE;
+&#x24BF;
+&#x24C0;
+&#x24C1;
+&#x24C2;
+&#x24C3;
+&#x24C4;
+&#x24C5;
+&#x24C6;
+&#x24C7;
+&#x24C8;
+&#x24C9;
+&#x24CA;
+&#x24CB;
+&#x24CC;
+&#x24CD;
+&#x24CE;
+&#x24CF;
+&#x2C00;
+&#x2C01;
+&#x2C02;
+&#x2C03;
+&#x2C04;
+&#x2C05;
+&#x2C06;
+&#x2C07;
+&#x2C08;
+&#x2C09;
+&#x2C0A;
+&#x2C0B;
+&#x2C0C;
+&#x2C0D;
+&#x2C0E;
+&#x2C0F;
+&#x2C10;
+&#x2C11;
+&#x2C12;
+&#x2C13;
+&#x2C14;
+&#x2C15;
+&#x2C16;
+&#x2C17;
+&#x2C18;
+&#x2C19;
+&#x2C1A;
+&#x2C1B;
+&#x2C1C;
+&#x2C1D;
+&#x2C1E;
+&#x2C1F;
+&#x2C20;
+&#x2C21;
+&#x2C22;
+&#x2C23;
+&#x2C24;
+&#x2C25;
+&#x2C26;
+&#x2C27;
+&#x2C28;
+&#x2C29;
+&#x2C2A;
+&#x2C2B;
+&#x2C2C;
+&#x2C2D;
+&#x2C2E;
+&#x2C2F;
+&#x2C60;
+&#x023A;
+&#x023E;
+&#x2C67;
+&#x2C69;
+&#x2C6B;
+&#x2C72;
+&#x2C75;
+&#x2C80;
+&#x2C82;
+&#x2C84;
+&#x2C86;
+&#x2C88;
+&#x2C8A;
+&#x2C8C;
+&#x2C8E;
+&#x2C90;
+&#x2C92;
+&#x2C94;
+&#x2C96;
+&#x2C98;
+&#x2C9A;
+&#x2C9C;
+&#x2C9E;
+&#x2CA0;
+&#x2CA2;
+&#x2CA4;
+&#x2CA6;
+&#x2CA8;
+&#x2CAA;
+&#x2CAC;
+&#x2CAE;
+&#x2CB0;
+&#x2CB2;
+&#x2CB4;
+&#x2CB6;
+&#x2CB8;
+&#x2CBA;
+&#x2CBC;
+&#x2CBE;
+&#x2CC0;
+&#x2CC2;
+&#x2CC4;
+&#x2CC6;
+&#x2CC8;
+&#x2CCA;
+&#x2CCC;
+&#x2CCE;
+&#x2CD0;
+&#x2CD2;
+&#x2CD4;
+&#x2CD6;
+&#x2CD8;
+&#x2CDA;
+&#x2CDC;
+&#x2CDE;
+&#x2CE0;
+&#x2CE2;
+&#x2CEB;
+&#x2CED;
+&#x2CF2;
+&#x10A0;
+&#x10A1;
+&#x10A2;
+&#x10A3;
+&#x10A4;
+&#x10A5;
+&#x10A6;
+&#x10A7;
+&#x10A8;
+&#x10A9;
+&#x10AA;
+&#x10AB;
+&#x10AC;
+&#x10AD;
+&#x10AE;
+&#x10AF;
+&#x10B0;
+&#x10B1;
+&#x10B2;
+&#x10B3;
+&#x10B4;
+&#x10B5;
+&#x10B6;
+&#x10B7;
+&#x10B8;
+&#x10B9;
+&#x10BA;
+&#x10BB;
+&#x10BC;
+&#x10BD;
+&#x10BE;
+&#x10BF;
+&#x10C0;
+&#x10C1;
+&#x10C2;
+&#x10C3;
+&#x10C4;
+&#x10C5;
+&#x10C7;
+&#x10CD;
+&#xA640;
+&#xA642;
+&#xA644;
+&#xA646;
+&#xA648;
+&#xA64A;
+&#xA64C;
+&#xA64E;
+&#xA650;
+&#xA652;
+&#xA654;
+&#xA656;
+&#xA658;
+&#xA65A;
+&#xA65C;
+&#xA65E;
+&#xA660;
+&#xA662;
+&#xA664;
+&#xA666;
+&#xA668;
+&#xA66A;
+&#xA66C;
+&#xA680;
+&#xA682;
+&#xA684;
+&#xA686;
+&#xA688;
+&#xA68A;
+&#xA68C;
+&#xA68E;
+&#xA690;
+&#xA692;
+&#xA694;
+&#xA696;
+&#xA698;
+&#xA69A;
+&#xA722;
+&#xA724;
+&#xA726;
+&#xA728;
+&#xA72A;
+&#xA72C;
+&#xA72E;
+&#xA732;
+&#xA734;
+&#xA736;
+&#xA738;
+&#xA73A;
+&#xA73C;
+&#xA73E;
+&#xA740;
+&#xA742;
+&#xA744;
+&#xA746;
+&#xA748;
+&#xA74A;
+&#xA74C;
+&#xA74E;
+&#xA750;
+&#xA752;
+&#xA754;
+&#xA756;
+&#xA758;
+&#xA75A;
+&#xA75C;
+&#xA75E;
+&#xA760;
+&#xA762;
+&#xA764;
+&#xA766;
+&#xA768;
+&#xA76A;
+&#xA76C;
+&#xA76E;
+&#xA779;
+&#xA77B;
+&#xA77E;
+&#xA780;
+&#xA782;
+&#xA784;
+&#xA786;
+&#xA78B;
+&#xA790;
+&#xA792;
+&#xA7C4;
+&#xA796;
+&#xA798;
+&#xA79A;
+&#xA79C;
+&#xA79E;
+&#xA7A0;
+&#xA7A2;
+&#xA7A4;
+&#xA7A6;
+&#xA7A8;
+&#xA7B4;
+&#xA7B6;
+&#xA7B8;
+&#xA7BA;
+&#xA7BC;
+&#xA7BE;
+&#xA7C0;
+&#xA7C2;
+&#xA7C7;
+&#xA7C9;
+&#xA7D0;
+&#xA7D6;
+&#xA7D8;
+&#xA7F5;
+&#xA7B3;
+&#x13A0;
+&#x13A1;
+&#x13A2;
+&#x13A3;
+&#x13A4;
+&#x13A5;
+&#x13A6;
+&#x13A7;
+&#x13A8;
+&#x13A9;
+&#x13AA;
+&#x13AB;
+&#x13AC;
+&#x13AD;
+&#x13AE;
+&#x13AF;
+&#x13B0;
+&#x13B1;
+&#x13B2;
+&#x13B3;
+&#x13B4;
+&#x13B5;
+&#x13B6;
+&#x13B7;
+&#x13B8;
+&#x13B9;
+&#x13BA;
+&#x13BB;
+&#x13BC;
+&#x13BD;
+&#x13BE;
+&#x13BF;
+&#x13C0;
+&#x13C1;
+&#x13C2;
+&#x13C3;
+&#x13C4;
+&#x13C5;
+&#x13C6;
+&#x13C7;
+&#x13C8;
+&#x13C9;
+&#x13CA;
+&#x13CB;
+&#x13CC;
+&#x13CD;
+&#x13CE;
+&#x13CF;
+&#x13D0;
+&#x13D1;
+&#x13D2;
+&#x13D3;
+&#x13D4;
+&#x13D5;
+&#x13D6;
+&#x13D7;
+&#x13D8;
+&#x13D9;
+&#x13DA;
+&#x13DB;
+&#x13DC;
+&#x13DD;
+&#x13DE;
+&#x13DF;
+&#x13E0;
+&#x13E1;
+&#x13E2;
+&#x13E3;
+&#x13E4;
+&#x13E5;
+&#x13E6;
+&#x13E7;
+&#x13E8;
+&#x13E9;
+&#x13EA;
+&#x13EB;
+&#x13EC;
+&#x13ED;
+&#x13EE;
+&#x13EF;
+&#x0046;&#x0046; <!-- LATIN SMALL LIGATURE FF -->
+&#x0046;&#x0049; <!-- LATIN SMALL LIGATURE FI -->
+&#x0046;&#x004C; <!-- LATIN SMALL LIGATURE FL -->
+&#x0046;&#x0046;&#x0049; <!-- LATIN SMALL LIGATURE FFI -->
+&#x0046;&#x0046;&#x004C; <!-- LATIN SMALL LIGATURE FFL -->
+&#x0053;&#x0054; <!-- LATIN SMALL LIGATURE LONG S T -->
+&#x0053;&#x0054; <!-- LATIN SMALL LIGATURE ST -->
+&#x0544;&#x0546; <!-- ARMENIAN SMALL LIGATURE MEN NOW -->
+&#x0544;&#x0535; <!-- ARMENIAN SMALL LIGATURE MEN ECH -->
+&#x0544;&#x053B; <!-- ARMENIAN SMALL LIGATURE MEN INI -->
+&#x054E;&#x0546; <!-- ARMENIAN SMALL LIGATURE VEW NOW -->
+&#x0544;&#x053D; <!-- ARMENIAN SMALL LIGATURE MEN XEH -->
+&#xFF21;
+&#xFF22;
+&#xFF23;
+&#xFF24;
+&#xFF25;
+&#xFF26;
+&#xFF27;
+&#xFF28;
+&#xFF29;
+&#xFF2A;
+&#xFF2B;
+&#xFF2C;
+&#xFF2D;
+&#xFF2E;
+&#xFF2F;
+&#xFF30;
+&#xFF31;
+&#xFF32;
+&#xFF33;
+&#xFF34;
+&#xFF35;
+&#xFF36;
+&#xFF37;
+&#xFF38;
+&#xFF39;
+&#xFF3A;
+&#x10400;
+&#x10401;
+&#x10402;
+&#x10403;
+&#x10404;
+&#x10405;
+&#x10406;
+&#x10407;
+&#x10408;
+&#x10409;
+&#x1040A;
+&#x1040B;
+&#x1040C;
+&#x1040D;
+&#x1040E;
+&#x1040F;
+&#x10410;
+&#x10411;
+&#x10412;
+&#x10413;
+&#x10414;
+&#x10415;
+&#x10416;
+&#x10417;
+&#x10418;
+&#x10419;
+&#x1041A;
+&#x1041B;
+&#x1041C;
+&#x1041D;
+&#x1041E;
+&#x1041F;
+&#x10420;
+&#x10421;
+&#x10422;
+&#x10423;
+&#x10424;
+&#x10425;
+&#x10426;
+&#x10427;
+&#x104B0;
+&#x104B1;
+&#x104B2;
+&#x104B3;
+&#x104B4;
+&#x104B5;
+&#x104B6;
+&#x104B7;
+&#x104B8;
+&#x104B9;
+&#x104BA;
+&#x104BB;
+&#x104BC;
+&#x104BD;
+&#x104BE;
+&#x104BF;
+&#x104C0;
+&#x104C1;
+&#x104C2;
+&#x104C3;
+&#x104C4;
+&#x104C5;
+&#x104C6;
+&#x104C7;
+&#x104C8;
+&#x104C9;
+&#x104CA;
+&#x104CB;
+&#x104CC;
+&#x104CD;
+&#x104CE;
+&#x104CF;
+&#x104D0;
+&#x104D1;
+&#x104D2;
+&#x104D3;
+&#x10570;
+&#x10571;
+&#x10572;
+&#x10573;
+&#x10574;
+&#x10575;
+&#x10576;
+&#x10577;
+&#x10578;
+&#x10579;
+&#x1057A;
+&#x1057C;
+&#x1057D;
+&#x1057E;
+&#x1057F;
+&#x10580;
+&#x10581;
+&#x10582;
+&#x10583;
+&#x10584;
+&#x10585;
+&#x10586;
+&#x10587;
+&#x10588;
+&#x10589;
+&#x1058A;
+&#x1058C;
+&#x1058D;
+&#x1058E;
+&#x1058F;
+&#x10590;
+&#x10591;
+&#x10592;
+&#x10594;
+&#x10595;
+&#x10C80;
+&#x10C81;
+&#x10C82;
+&#x10C83;
+&#x10C84;
+&#x10C85;
+&#x10C86;
+&#x10C87;
+&#x10C88;
+&#x10C89;
+&#x10C8A;
+&#x10C8B;
+&#x10C8C;
+&#x10C8D;
+&#x10C8E;
+&#x10C8F;
+&#x10C90;
+&#x10C91;
+&#x10C92;
+&#x10C93;
+&#x10C94;
+&#x10C95;
+&#x10C96;
+&#x10C97;
+&#x10C98;
+&#x10C99;
+&#x10C9A;
+&#x10C9B;
+&#x10C9C;
+&#x10C9D;
+&#x10C9E;
+&#x10C9F;
+&#x10CA0;
+&#x10CA1;
+&#x10CA2;
+&#x10CA3;
+&#x10CA4;
+&#x10CA5;
+&#x10CA6;
+&#x10CA7;
+&#x10CA8;
+&#x10CA9;
+&#x10CAA;
+&#x10CAB;
+&#x10CAC;
+&#x10CAD;
+&#x10CAE;
+&#x10CAF;
+&#x10CB0;
+&#x10CB1;
+&#x10CB2;
+&#x118A0;
+&#x118A1;
+&#x118A2;
+&#x118A3;
+&#x118A4;
+&#x118A5;
+&#x118A6;
+&#x118A7;
+&#x118A8;
+&#x118A9;
+&#x118AA;
+&#x118AB;
+&#x118AC;
+&#x118AD;
+&#x118AE;
+&#x118AF;
+&#x118B0;
+&#x118B1;
+&#x118B2;
+&#x118B3;
+&#x118B4;
+&#x118B5;
+&#x118B6;
+&#x118B7;
+&#x118B8;
+&#x118B9;
+&#x118BA;
+&#x118BB;
+&#x118BC;
+&#x118BD;
+&#x118BE;
+&#x118BF;
+&#x16E40;
+&#x16E41;
+&#x16E42;
+&#x16E43;
+&#x16E44;
+&#x16E45;
+&#x16E46;
+&#x16E47;
+&#x16E48;
+&#x16E49;
+&#x16E4A;
+&#x16E4B;
+&#x16E4C;
+&#x16E4D;
+&#x16E4E;
+&#x16E4F;
+&#x16E50;
+&#x16E51;
+&#x16E52;
+&#x16E53;
+&#x16E54;
+&#x16E55;
+&#x16E56;
+&#x16E57;
+&#x16E58;
+&#x16E59;
+&#x16E5A;
+&#x16E5B;
+&#x16E5C;
+&#x16E5D;
+&#x16E5E;
+&#x16E5F;
+&#x1E900;
+&#x1E901;
+&#x1E902;
+&#x1E903;
+&#x1E904;
+&#x1E905;
+&#x1E906;
+&#x1E907;
+&#x1E908;
+&#x1E909;
+&#x1E90A;
+&#x1E90B;
+&#x1E90C;
+&#x1E90D;
+&#x1E90E;
+&#x1E90F;
+&#x1E910;
+&#x1E911;
+&#x1E912;
+&#x1E913;
+&#x1E914;
+&#x1E915;
+&#x1E916;
+&#x1E917;
+&#x1E918;
+&#x1E919;
+&#x1E91A;
+&#x1E91B;
+&#x1E91C;
+&#x1E91D;
+&#x1E91E;
+&#x1E91F;
+&#x1E920;
+&#x1E921;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/all-upper.html b/layout/reftests/text-transform/all-upper.html
new file mode 100644
index 0000000000..51e8b88b02
--- /dev/null
+++ b/layout/reftests/text-transform/all-upper.html
@@ -0,0 +1,1540 @@
+<!DOCTYPE html>
+<!-- GENERATED FILE, DO NOT EDIT -->
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   @font-face { font-family: foo; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); }
+   p { font-family: foo; font-size: 12px; text-transform: uppercase; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x0061;
+&#x0062;
+&#x0063;
+&#x0064;
+&#x0065;
+&#x0066;
+&#x0067;
+&#x0068;
+&#x0069;
+&#x006A;
+&#x006B;
+&#x006C;
+&#x006D;
+&#x006E;
+&#x006F;
+&#x0070;
+&#x0071;
+&#x0072;
+&#x0073;
+&#x0074;
+&#x0075;
+&#x0076;
+&#x0077;
+&#x0078;
+&#x0079;
+&#x007A;
+&#x00B5;
+&#x00DF; <!-- LATIN SMALL LETTER SHARP S -->
+&#x00E0;
+&#x00E1;
+&#x00E2;
+&#x00E3;
+&#x00E4;
+&#x00E5;
+&#x00E6;
+&#x00E7;
+&#x00E8;
+&#x00E9;
+&#x00EA;
+&#x00EB;
+&#x00EC;
+&#x00ED;
+&#x00EE;
+&#x00EF;
+&#x00F0;
+&#x00F1;
+&#x00F2;
+&#x00F3;
+&#x00F4;
+&#x00F5;
+&#x00F6;
+&#x00F8;
+&#x00F9;
+&#x00FA;
+&#x00FB;
+&#x00FC;
+&#x00FD;
+&#x00FE;
+&#x00FF;
+&#x0101;
+&#x0103;
+&#x0105;
+&#x0107;
+&#x0109;
+&#x010B;
+&#x010D;
+&#x010F;
+&#x0111;
+&#x0113;
+&#x0115;
+&#x0117;
+&#x0119;
+&#x011B;
+&#x011D;
+&#x011F;
+&#x0121;
+&#x0123;
+&#x0125;
+&#x0127;
+&#x0129;
+&#x012B;
+&#x012D;
+&#x012F;
+&#x0131;
+&#x0133;
+&#x0135;
+&#x0137;
+&#x013A;
+&#x013C;
+&#x013E;
+&#x0140;
+&#x0142;
+&#x0144;
+&#x0146;
+&#x0148;
+&#x0149; <!-- LATIN SMALL LETTER N PRECEDED BY APOSTROPHE -->
+&#x014B;
+&#x014D;
+&#x014F;
+&#x0151;
+&#x0153;
+&#x0155;
+&#x0157;
+&#x0159;
+&#x015B;
+&#x015D;
+&#x015F;
+&#x0161;
+&#x0163;
+&#x0165;
+&#x0167;
+&#x0169;
+&#x016B;
+&#x016D;
+&#x016F;
+&#x0171;
+&#x0173;
+&#x0175;
+&#x0177;
+&#x017A;
+&#x017C;
+&#x017E;
+&#x017F;
+&#x0180;
+&#x0183;
+&#x0185;
+&#x0188;
+&#x018C;
+&#x0192;
+&#x0195;
+&#x0199;
+&#x019A;
+&#x019E;
+&#x01A1;
+&#x01A3;
+&#x01A5;
+&#x01A8;
+&#x01AD;
+&#x01B0;
+&#x01B4;
+&#x01B6;
+&#x01B9;
+&#x01BD;
+&#x01BF;
+&#x01C5;
+&#x01C6;
+&#x01C8;
+&#x01C9;
+&#x01CB;
+&#x01CC;
+&#x01CE;
+&#x01D0;
+&#x01D2;
+&#x01D4;
+&#x01D6;
+&#x01D8;
+&#x01DA;
+&#x01DC;
+&#x01DD;
+&#x01DF;
+&#x01E1;
+&#x01E3;
+&#x01E5;
+&#x01E7;
+&#x01E9;
+&#x01EB;
+&#x01ED;
+&#x01EF;
+&#x01F0; <!-- LATIN SMALL LETTER J WITH CARON -->
+&#x01F2;
+&#x01F3;
+&#x01F5;
+&#x01F9;
+&#x01FB;
+&#x01FD;
+&#x01FF;
+&#x0201;
+&#x0203;
+&#x0205;
+&#x0207;
+&#x0209;
+&#x020B;
+&#x020D;
+&#x020F;
+&#x0211;
+&#x0213;
+&#x0215;
+&#x0217;
+&#x0219;
+&#x021B;
+&#x021D;
+&#x021F;
+&#x0223;
+&#x0225;
+&#x0227;
+&#x0229;
+&#x022B;
+&#x022D;
+&#x022F;
+&#x0231;
+&#x0233;
+&#x023C;
+&#x023F;
+&#x0240;
+&#x0242;
+&#x0247;
+&#x0249;
+&#x024B;
+&#x024D;
+&#x024F;
+&#x0250;
+&#x0251;
+&#x0252;
+&#x0253;
+&#x0254;
+&#x0256;
+&#x0257;
+&#x0259;
+&#x025B;
+&#x025C;
+&#x0260;
+&#x0261;
+&#x0263;
+&#x0265;
+&#x0266;
+&#x0268;
+&#x0269;
+&#x026A;
+&#x026B;
+&#x026C;
+&#x026F;
+&#x0271;
+&#x0272;
+&#x0275;
+&#x027D;
+&#x0280;
+&#x0282;
+&#x0283;
+&#x0287;
+&#x0288;
+&#x0289;
+&#x028A;
+&#x028B;
+&#x028C;
+&#x0292;
+&#x029D;
+&#x029E;
+&#x0345;
+&#x0371;
+&#x0373;
+&#x0377;
+&#x037B;
+&#x037C;
+&#x037D;
+&#x0390; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND TONOS -->
+&#x03AC;
+&#x03AD;
+&#x03AE;
+&#x03AF;
+&#x03B0; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND TONOS -->
+&#x03B1;
+&#x03B2;
+&#x03B3;
+&#x03B4;
+&#x03B5;
+&#x03B6;
+&#x03B7;
+&#x03B8;
+&#x03B9;
+&#x03BA;
+&#x03BB;
+&#x03BC;
+&#x03BD;
+&#x03BE;
+&#x03BF;
+&#x03C0;
+&#x03C1;
+&#x03C2;
+&#x03C3;
+&#x03C4;
+&#x03C5;
+&#x03C6;
+&#x03C7;
+&#x03C8;
+&#x03C9;
+&#x03CA;
+&#x03CB;
+&#x03CC;
+&#x03CD;
+&#x03CE;
+&#x03D0;
+&#x03D1;
+&#x03D5;
+&#x03D6;
+&#x03D7;
+&#x03D9;
+&#x03DB;
+&#x03DD;
+&#x03DF;
+&#x03E1;
+&#x03E3;
+&#x03E5;
+&#x03E7;
+&#x03E9;
+&#x03EB;
+&#x03ED;
+&#x03EF;
+&#x03F0;
+&#x03F1;
+&#x03F2;
+&#x03F3;
+&#x03F5;
+&#x03F8;
+&#x03FB;
+&#x0430;
+&#x0431;
+&#x0432;
+&#x0433;
+&#x0434;
+&#x0435;
+&#x0436;
+&#x0437;
+&#x0438;
+&#x0439;
+&#x043A;
+&#x043B;
+&#x043C;
+&#x043D;
+&#x043E;
+&#x043F;
+&#x0440;
+&#x0441;
+&#x0442;
+&#x0443;
+&#x0444;
+&#x0445;
+&#x0446;
+&#x0447;
+&#x0448;
+&#x0449;
+&#x044A;
+&#x044B;
+&#x044C;
+&#x044D;
+&#x044E;
+&#x044F;
+&#x0450;
+&#x0451;
+&#x0452;
+&#x0453;
+&#x0454;
+&#x0455;
+&#x0456;
+&#x0457;
+&#x0458;
+&#x0459;
+&#x045A;
+&#x045B;
+&#x045C;
+&#x045D;
+&#x045E;
+&#x045F;
+&#x0461;
+&#x0463;
+&#x0465;
+&#x0467;
+&#x0469;
+&#x046B;
+&#x046D;
+&#x046F;
+&#x0471;
+&#x0473;
+&#x0475;
+&#x0477;
+&#x0479;
+&#x047B;
+&#x047D;
+&#x047F;
+&#x0481;
+&#x048B;
+&#x048D;
+&#x048F;
+&#x0491;
+&#x0493;
+&#x0495;
+&#x0497;
+&#x0499;
+&#x049B;
+&#x049D;
+&#x049F;
+&#x04A1;
+&#x04A3;
+&#x04A5;
+&#x04A7;
+&#x04A9;
+&#x04AB;
+&#x04AD;
+&#x04AF;
+&#x04B1;
+&#x04B3;
+&#x04B5;
+&#x04B7;
+&#x04B9;
+&#x04BB;
+&#x04BD;
+&#x04BF;
+&#x04C2;
+&#x04C4;
+&#x04C6;
+&#x04C8;
+&#x04CA;
+&#x04CC;
+&#x04CE;
+&#x04CF;
+&#x04D1;
+&#x04D3;
+&#x04D5;
+&#x04D7;
+&#x04D9;
+&#x04DB;
+&#x04DD;
+&#x04DF;
+&#x04E1;
+&#x04E3;
+&#x04E5;
+&#x04E7;
+&#x04E9;
+&#x04EB;
+&#x04ED;
+&#x04EF;
+&#x04F1;
+&#x04F3;
+&#x04F5;
+&#x04F7;
+&#x04F9;
+&#x04FB;
+&#x04FD;
+&#x04FF;
+&#x0501;
+&#x0503;
+&#x0505;
+&#x0507;
+&#x0509;
+&#x050B;
+&#x050D;
+&#x050F;
+&#x0511;
+&#x0513;
+&#x0515;
+&#x0517;
+&#x0519;
+&#x051B;
+&#x051D;
+&#x051F;
+&#x0521;
+&#x0523;
+&#x0525;
+&#x0527;
+&#x0529;
+&#x052B;
+&#x052D;
+&#x052F;
+&#x0561;
+&#x0562;
+&#x0563;
+&#x0564;
+&#x0565;
+&#x0566;
+&#x0567;
+&#x0568;
+&#x0569;
+&#x056A;
+&#x056B;
+&#x056C;
+&#x056D;
+&#x056E;
+&#x056F;
+&#x0570;
+&#x0571;
+&#x0572;
+&#x0573;
+&#x0574;
+&#x0575;
+&#x0576;
+&#x0577;
+&#x0578;
+&#x0579;
+&#x057A;
+&#x057B;
+&#x057C;
+&#x057D;
+&#x057E;
+&#x057F;
+&#x0580;
+&#x0581;
+&#x0582;
+&#x0583;
+&#x0584;
+&#x0585;
+&#x0586;
+&#x0587; <!-- ARMENIAN SMALL LIGATURE ECH YIWN -->
+<!-- &#x10D0; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D1; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D2; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D3; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D4; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D5; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D6; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D7; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D8; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10D9; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10DA; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10DB; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10DC; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10DD; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10DE; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10DF; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E0; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E1; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E2; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E3; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E4; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E5; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E6; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E7; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E8; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10E9; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10EA; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10EB; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10EC; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10ED; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10EE; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10EF; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F0; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F1; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F2; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F3; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F4; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F5; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F6; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F7; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F8; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10F9; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10FA; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10FD; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10FE; --> <!-- Temporarily skipped, see bug 1476304. -->
+<!-- &#x10FF; --> <!-- Temporarily skipped, see bug 1476304. -->
+&#x13F8;
+&#x13F9;
+&#x13FA;
+&#x13FB;
+&#x13FC;
+&#x13FD;
+&#x1C80;
+&#x1C81;
+&#x1C82;
+&#x1C83;
+&#x1C84;
+&#x1C85;
+&#x1C86;
+&#x1C87;
+&#x1C88;
+&#x1D79;
+&#x1D7D;
+&#x1D8E;
+&#x1E01;
+&#x1E03;
+&#x1E05;
+&#x1E07;
+&#x1E09;
+&#x1E0B;
+&#x1E0D;
+&#x1E0F;
+&#x1E11;
+&#x1E13;
+&#x1E15;
+&#x1E17;
+&#x1E19;
+&#x1E1B;
+&#x1E1D;
+&#x1E1F;
+&#x1E21;
+&#x1E23;
+&#x1E25;
+&#x1E27;
+&#x1E29;
+&#x1E2B;
+&#x1E2D;
+&#x1E2F;
+&#x1E31;
+&#x1E33;
+&#x1E35;
+&#x1E37;
+&#x1E39;
+&#x1E3B;
+&#x1E3D;
+&#x1E3F;
+&#x1E41;
+&#x1E43;
+&#x1E45;
+&#x1E47;
+&#x1E49;
+&#x1E4B;
+&#x1E4D;
+&#x1E4F;
+&#x1E51;
+&#x1E53;
+&#x1E55;
+&#x1E57;
+&#x1E59;
+&#x1E5B;
+&#x1E5D;
+&#x1E5F;
+&#x1E61;
+&#x1E63;
+&#x1E65;
+&#x1E67;
+&#x1E69;
+&#x1E6B;
+&#x1E6D;
+&#x1E6F;
+&#x1E71;
+&#x1E73;
+&#x1E75;
+&#x1E77;
+&#x1E79;
+&#x1E7B;
+&#x1E7D;
+&#x1E7F;
+&#x1E81;
+&#x1E83;
+&#x1E85;
+&#x1E87;
+&#x1E89;
+&#x1E8B;
+&#x1E8D;
+&#x1E8F;
+&#x1E91;
+&#x1E93;
+&#x1E95;
+&#x1E96; <!-- LATIN SMALL LETTER H WITH LINE BELOW -->
+&#x1E97; <!-- LATIN SMALL LETTER T WITH DIAERESIS -->
+&#x1E98; <!-- LATIN SMALL LETTER W WITH RING ABOVE -->
+&#x1E99; <!-- LATIN SMALL LETTER Y WITH RING ABOVE -->
+&#x1E9A; <!-- LATIN SMALL LETTER A WITH RIGHT HALF RING -->
+&#x1E9B;
+&#x1EA1;
+&#x1EA3;
+&#x1EA5;
+&#x1EA7;
+&#x1EA9;
+&#x1EAB;
+&#x1EAD;
+&#x1EAF;
+&#x1EB1;
+&#x1EB3;
+&#x1EB5;
+&#x1EB7;
+&#x1EB9;
+&#x1EBB;
+&#x1EBD;
+&#x1EBF;
+&#x1EC1;
+&#x1EC3;
+&#x1EC5;
+&#x1EC7;
+&#x1EC9;
+&#x1ECB;
+&#x1ECD;
+&#x1ECF;
+&#x1ED1;
+&#x1ED3;
+&#x1ED5;
+&#x1ED7;
+&#x1ED9;
+&#x1EDB;
+&#x1EDD;
+&#x1EDF;
+&#x1EE1;
+&#x1EE3;
+&#x1EE5;
+&#x1EE7;
+&#x1EE9;
+&#x1EEB;
+&#x1EED;
+&#x1EEF;
+&#x1EF1;
+&#x1EF3;
+&#x1EF5;
+&#x1EF7;
+&#x1EF9;
+&#x1EFB;
+&#x1EFD;
+&#x1EFF;
+&#x1F00;
+&#x1F01;
+&#x1F02;
+&#x1F03;
+&#x1F04;
+&#x1F05;
+&#x1F06;
+&#x1F07;
+&#x1F10;
+&#x1F11;
+&#x1F12;
+&#x1F13;
+&#x1F14;
+&#x1F15;
+&#x1F20;
+&#x1F21;
+&#x1F22;
+&#x1F23;
+&#x1F24;
+&#x1F25;
+&#x1F26;
+&#x1F27;
+&#x1F30;
+&#x1F31;
+&#x1F32;
+&#x1F33;
+&#x1F34;
+&#x1F35;
+&#x1F36;
+&#x1F37;
+&#x1F40;
+&#x1F41;
+&#x1F42;
+&#x1F43;
+&#x1F44;
+&#x1F45;
+&#x1F50; <!-- GREEK SMALL LETTER UPSILON WITH PSILI -->
+&#x1F51;
+&#x1F52; <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND VARIA -->
+&#x1F53;
+&#x1F54; <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND OXIA -->
+&#x1F55;
+&#x1F56; <!-- GREEK SMALL LETTER UPSILON WITH PSILI AND PERISPOMENI -->
+&#x1F57;
+&#x1F60;
+&#x1F61;
+&#x1F62;
+&#x1F63;
+&#x1F64;
+&#x1F65;
+&#x1F66;
+&#x1F67;
+&#x1F70;
+&#x1F71;
+&#x1F72;
+&#x1F73;
+&#x1F74;
+&#x1F75;
+&#x1F76;
+&#x1F77;
+&#x1F78;
+&#x1F79;
+&#x1F7A;
+&#x1F7B;
+&#x1F7C;
+&#x1F7D;
+&#x1F80; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F81; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F82; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F83; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F84; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F85; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F86; <!-- GREEK SMALL LETTER ALPHA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F87; <!-- GREEK SMALL LETTER ALPHA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F88; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F89; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F8A; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F8B; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F8C; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F8D; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F8E; <!-- GREEK CAPITAL LETTER ALPHA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F8F; <!-- GREEK CAPITAL LETTER ALPHA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F90; <!-- GREEK SMALL LETTER ETA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1F91; <!-- GREEK SMALL LETTER ETA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1F92; <!-- GREEK SMALL LETTER ETA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1F93; <!-- GREEK SMALL LETTER ETA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1F94; <!-- GREEK SMALL LETTER ETA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1F95; <!-- GREEK SMALL LETTER ETA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1F96; <!-- GREEK SMALL LETTER ETA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F97; <!-- GREEK SMALL LETTER ETA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1F98; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1F99; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1F9A; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1F9B; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1F9C; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1F9D; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1F9E; <!-- GREEK CAPITAL LETTER ETA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1F9F; <!-- GREEK CAPITAL LETTER ETA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FA0; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND YPOGEGRAMMENI -->
+&#x1FA1; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND YPOGEGRAMMENI -->
+&#x1FA2; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND VARIA AND YPOGEGRAMMENI -->
+&#x1FA3; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND VARIA AND YPOGEGRAMMENI -->
+&#x1FA4; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND OXIA AND YPOGEGRAMMENI -->
+&#x1FA5; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND OXIA AND YPOGEGRAMMENI -->
+&#x1FA6; <!-- GREEK SMALL LETTER OMEGA WITH PSILI AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FA7; <!-- GREEK SMALL LETTER OMEGA WITH DASIA AND PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FA8; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PROSGEGRAMMENI -->
+&#x1FA9; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PROSGEGRAMMENI -->
+&#x1FAA; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND VARIA AND PROSGEGRAMMENI -->
+&#x1FAB; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND VARIA AND PROSGEGRAMMENI -->
+&#x1FAC; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND OXIA AND PROSGEGRAMMENI -->
+&#x1FAD; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND OXIA AND PROSGEGRAMMENI -->
+&#x1FAE; <!-- GREEK CAPITAL LETTER OMEGA WITH PSILI AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FAF; <!-- GREEK CAPITAL LETTER OMEGA WITH DASIA AND PERISPOMENI AND PROSGEGRAMMENI -->
+&#x1FB0;
+&#x1FB1;
+&#x1FB2; <!-- GREEK SMALL LETTER ALPHA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FB3; <!-- GREEK SMALL LETTER ALPHA WITH YPOGEGRAMMENI -->
+&#x1FB4; <!-- GREEK SMALL LETTER ALPHA WITH OXIA AND YPOGEGRAMMENI -->
+&#x1FB6; <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI -->
+&#x1FB7; <!-- GREEK SMALL LETTER ALPHA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FBC; <!-- GREEK CAPITAL LETTER ALPHA WITH PROSGEGRAMMENI -->
+&#x1FBE;
+&#x1FC2; <!-- GREEK SMALL LETTER ETA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FC3; <!-- GREEK SMALL LETTER ETA WITH YPOGEGRAMMENI -->
+&#x1FC4; <!-- GREEK SMALL LETTER ETA WITH OXIA AND YPOGEGRAMMENI -->
+&#x1FC6; <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI -->
+&#x1FC7; <!-- GREEK SMALL LETTER ETA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FCC; <!-- GREEK CAPITAL LETTER ETA WITH PROSGEGRAMMENI -->
+&#x1FD0;
+&#x1FD1;
+&#x1FD2; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND VARIA -->
+&#x1FD3; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND OXIA -->
+&#x1FD6; <!-- GREEK SMALL LETTER IOTA WITH PERISPOMENI -->
+&#x1FD7; <!-- GREEK SMALL LETTER IOTA WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FE0;
+&#x1FE1;
+&#x1FE2; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND VARIA -->
+&#x1FE3; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND OXIA -->
+&#x1FE4; <!-- GREEK SMALL LETTER RHO WITH PSILI -->
+&#x1FE5;
+&#x1FE6; <!-- GREEK SMALL LETTER UPSILON WITH PERISPOMENI -->
+&#x1FE7; <!-- GREEK SMALL LETTER UPSILON WITH DIALYTIKA AND PERISPOMENI -->
+&#x1FF2; <!-- GREEK SMALL LETTER OMEGA WITH VARIA AND YPOGEGRAMMENI -->
+&#x1FF3; <!-- GREEK SMALL LETTER OMEGA WITH YPOGEGRAMMENI -->
+&#x1FF4; <!-- GREEK SMALL LETTER OMEGA WITH OXIA AND YPOGEGRAMMENI -->
+&#x1FF6; <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI -->
+&#x1FF7; <!-- GREEK SMALL LETTER OMEGA WITH PERISPOMENI AND YPOGEGRAMMENI -->
+&#x1FFC; <!-- GREEK CAPITAL LETTER OMEGA WITH PROSGEGRAMMENI -->
+&#x214E;
+&#x2170;
+&#x2171;
+&#x2172;
+&#x2173;
+&#x2174;
+&#x2175;
+&#x2176;
+&#x2177;
+&#x2178;
+&#x2179;
+&#x217A;
+&#x217B;
+&#x217C;
+&#x217D;
+&#x217E;
+&#x217F;
+&#x2184;
+&#x24D0;
+&#x24D1;
+&#x24D2;
+&#x24D3;
+&#x24D4;
+&#x24D5;
+&#x24D6;
+&#x24D7;
+&#x24D8;
+&#x24D9;
+&#x24DA;
+&#x24DB;
+&#x24DC;
+&#x24DD;
+&#x24DE;
+&#x24DF;
+&#x24E0;
+&#x24E1;
+&#x24E2;
+&#x24E3;
+&#x24E4;
+&#x24E5;
+&#x24E6;
+&#x24E7;
+&#x24E8;
+&#x24E9;
+&#x2C30;
+&#x2C31;
+&#x2C32;
+&#x2C33;
+&#x2C34;
+&#x2C35;
+&#x2C36;
+&#x2C37;
+&#x2C38;
+&#x2C39;
+&#x2C3A;
+&#x2C3B;
+&#x2C3C;
+&#x2C3D;
+&#x2C3E;
+&#x2C3F;
+&#x2C40;
+&#x2C41;
+&#x2C42;
+&#x2C43;
+&#x2C44;
+&#x2C45;
+&#x2C46;
+&#x2C47;
+&#x2C48;
+&#x2C49;
+&#x2C4A;
+&#x2C4B;
+&#x2C4C;
+&#x2C4D;
+&#x2C4E;
+&#x2C4F;
+&#x2C50;
+&#x2C51;
+&#x2C52;
+&#x2C53;
+&#x2C54;
+&#x2C55;
+&#x2C56;
+&#x2C57;
+&#x2C58;
+&#x2C59;
+&#x2C5A;
+&#x2C5B;
+&#x2C5C;
+&#x2C5D;
+&#x2C5E;
+&#x2C5F;
+&#x2C61;
+&#x2C65;
+&#x2C66;
+&#x2C68;
+&#x2C6A;
+&#x2C6C;
+&#x2C73;
+&#x2C76;
+&#x2C81;
+&#x2C83;
+&#x2C85;
+&#x2C87;
+&#x2C89;
+&#x2C8B;
+&#x2C8D;
+&#x2C8F;
+&#x2C91;
+&#x2C93;
+&#x2C95;
+&#x2C97;
+&#x2C99;
+&#x2C9B;
+&#x2C9D;
+&#x2C9F;
+&#x2CA1;
+&#x2CA3;
+&#x2CA5;
+&#x2CA7;
+&#x2CA9;
+&#x2CAB;
+&#x2CAD;
+&#x2CAF;
+&#x2CB1;
+&#x2CB3;
+&#x2CB5;
+&#x2CB7;
+&#x2CB9;
+&#x2CBB;
+&#x2CBD;
+&#x2CBF;
+&#x2CC1;
+&#x2CC3;
+&#x2CC5;
+&#x2CC7;
+&#x2CC9;
+&#x2CCB;
+&#x2CCD;
+&#x2CCF;
+&#x2CD1;
+&#x2CD3;
+&#x2CD5;
+&#x2CD7;
+&#x2CD9;
+&#x2CDB;
+&#x2CDD;
+&#x2CDF;
+&#x2CE1;
+&#x2CE3;
+&#x2CEC;
+&#x2CEE;
+&#x2CF3;
+&#x2D00;
+&#x2D01;
+&#x2D02;
+&#x2D03;
+&#x2D04;
+&#x2D05;
+&#x2D06;
+&#x2D07;
+&#x2D08;
+&#x2D09;
+&#x2D0A;
+&#x2D0B;
+&#x2D0C;
+&#x2D0D;
+&#x2D0E;
+&#x2D0F;
+&#x2D10;
+&#x2D11;
+&#x2D12;
+&#x2D13;
+&#x2D14;
+&#x2D15;
+&#x2D16;
+&#x2D17;
+&#x2D18;
+&#x2D19;
+&#x2D1A;
+&#x2D1B;
+&#x2D1C;
+&#x2D1D;
+&#x2D1E;
+&#x2D1F;
+&#x2D20;
+&#x2D21;
+&#x2D22;
+&#x2D23;
+&#x2D24;
+&#x2D25;
+&#x2D27;
+&#x2D2D;
+&#xA641;
+&#xA643;
+&#xA645;
+&#xA647;
+&#xA649;
+&#xA64B;
+&#xA64D;
+&#xA64F;
+&#xA651;
+&#xA653;
+&#xA655;
+&#xA657;
+&#xA659;
+&#xA65B;
+&#xA65D;
+&#xA65F;
+&#xA661;
+&#xA663;
+&#xA665;
+&#xA667;
+&#xA669;
+&#xA66B;
+&#xA66D;
+&#xA681;
+&#xA683;
+&#xA685;
+&#xA687;
+&#xA689;
+&#xA68B;
+&#xA68D;
+&#xA68F;
+&#xA691;
+&#xA693;
+&#xA695;
+&#xA697;
+&#xA699;
+&#xA69B;
+&#xA723;
+&#xA725;
+&#xA727;
+&#xA729;
+&#xA72B;
+&#xA72D;
+&#xA72F;
+&#xA733;
+&#xA735;
+&#xA737;
+&#xA739;
+&#xA73B;
+&#xA73D;
+&#xA73F;
+&#xA741;
+&#xA743;
+&#xA745;
+&#xA747;
+&#xA749;
+&#xA74B;
+&#xA74D;
+&#xA74F;
+&#xA751;
+&#xA753;
+&#xA755;
+&#xA757;
+&#xA759;
+&#xA75B;
+&#xA75D;
+&#xA75F;
+&#xA761;
+&#xA763;
+&#xA765;
+&#xA767;
+&#xA769;
+&#xA76B;
+&#xA76D;
+&#xA76F;
+&#xA77A;
+&#xA77C;
+&#xA77F;
+&#xA781;
+&#xA783;
+&#xA785;
+&#xA787;
+&#xA78C;
+&#xA791;
+&#xA793;
+&#xA794;
+&#xA797;
+&#xA799;
+&#xA79B;
+&#xA79D;
+&#xA79F;
+&#xA7A1;
+&#xA7A3;
+&#xA7A5;
+&#xA7A7;
+&#xA7A9;
+&#xA7B5;
+&#xA7B7;
+&#xA7B9;
+&#xA7BB;
+&#xA7BD;
+&#xA7BF;
+&#xA7C1;
+&#xA7C3;
+&#xA7C8;
+&#xA7CA;
+&#xA7D1;
+&#xA7D7;
+&#xA7D9;
+&#xA7F6;
+&#xAB53;
+&#xAB70;
+&#xAB71;
+&#xAB72;
+&#xAB73;
+&#xAB74;
+&#xAB75;
+&#xAB76;
+&#xAB77;
+&#xAB78;
+&#xAB79;
+&#xAB7A;
+&#xAB7B;
+&#xAB7C;
+&#xAB7D;
+&#xAB7E;
+&#xAB7F;
+&#xAB80;
+&#xAB81;
+&#xAB82;
+&#xAB83;
+&#xAB84;
+&#xAB85;
+&#xAB86;
+&#xAB87;
+&#xAB88;
+&#xAB89;
+&#xAB8A;
+&#xAB8B;
+&#xAB8C;
+&#xAB8D;
+&#xAB8E;
+&#xAB8F;
+&#xAB90;
+&#xAB91;
+&#xAB92;
+&#xAB93;
+&#xAB94;
+&#xAB95;
+&#xAB96;
+&#xAB97;
+&#xAB98;
+&#xAB99;
+&#xAB9A;
+&#xAB9B;
+&#xAB9C;
+&#xAB9D;
+&#xAB9E;
+&#xAB9F;
+&#xABA0;
+&#xABA1;
+&#xABA2;
+&#xABA3;
+&#xABA4;
+&#xABA5;
+&#xABA6;
+&#xABA7;
+&#xABA8;
+&#xABA9;
+&#xABAA;
+&#xABAB;
+&#xABAC;
+&#xABAD;
+&#xABAE;
+&#xABAF;
+&#xABB0;
+&#xABB1;
+&#xABB2;
+&#xABB3;
+&#xABB4;
+&#xABB5;
+&#xABB6;
+&#xABB7;
+&#xABB8;
+&#xABB9;
+&#xABBA;
+&#xABBB;
+&#xABBC;
+&#xABBD;
+&#xABBE;
+&#xABBF;
+&#xFB00; <!-- LATIN SMALL LIGATURE FF -->
+&#xFB01; <!-- LATIN SMALL LIGATURE FI -->
+&#xFB02; <!-- LATIN SMALL LIGATURE FL -->
+&#xFB03; <!-- LATIN SMALL LIGATURE FFI -->
+&#xFB04; <!-- LATIN SMALL LIGATURE FFL -->
+&#xFB05; <!-- LATIN SMALL LIGATURE LONG S T -->
+&#xFB06; <!-- LATIN SMALL LIGATURE ST -->
+&#xFB13; <!-- ARMENIAN SMALL LIGATURE MEN NOW -->
+&#xFB14; <!-- ARMENIAN SMALL LIGATURE MEN ECH -->
+&#xFB15; <!-- ARMENIAN SMALL LIGATURE MEN INI -->
+&#xFB16; <!-- ARMENIAN SMALL LIGATURE VEW NOW -->
+&#xFB17; <!-- ARMENIAN SMALL LIGATURE MEN XEH -->
+&#xFF41;
+&#xFF42;
+&#xFF43;
+&#xFF44;
+&#xFF45;
+&#xFF46;
+&#xFF47;
+&#xFF48;
+&#xFF49;
+&#xFF4A;
+&#xFF4B;
+&#xFF4C;
+&#xFF4D;
+&#xFF4E;
+&#xFF4F;
+&#xFF50;
+&#xFF51;
+&#xFF52;
+&#xFF53;
+&#xFF54;
+&#xFF55;
+&#xFF56;
+&#xFF57;
+&#xFF58;
+&#xFF59;
+&#xFF5A;
+&#x10428;
+&#x10429;
+&#x1042A;
+&#x1042B;
+&#x1042C;
+&#x1042D;
+&#x1042E;
+&#x1042F;
+&#x10430;
+&#x10431;
+&#x10432;
+&#x10433;
+&#x10434;
+&#x10435;
+&#x10436;
+&#x10437;
+&#x10438;
+&#x10439;
+&#x1043A;
+&#x1043B;
+&#x1043C;
+&#x1043D;
+&#x1043E;
+&#x1043F;
+&#x10440;
+&#x10441;
+&#x10442;
+&#x10443;
+&#x10444;
+&#x10445;
+&#x10446;
+&#x10447;
+&#x10448;
+&#x10449;
+&#x1044A;
+&#x1044B;
+&#x1044C;
+&#x1044D;
+&#x1044E;
+&#x1044F;
+&#x104D8;
+&#x104D9;
+&#x104DA;
+&#x104DB;
+&#x104DC;
+&#x104DD;
+&#x104DE;
+&#x104DF;
+&#x104E0;
+&#x104E1;
+&#x104E2;
+&#x104E3;
+&#x104E4;
+&#x104E5;
+&#x104E6;
+&#x104E7;
+&#x104E8;
+&#x104E9;
+&#x104EA;
+&#x104EB;
+&#x104EC;
+&#x104ED;
+&#x104EE;
+&#x104EF;
+&#x104F0;
+&#x104F1;
+&#x104F2;
+&#x104F3;
+&#x104F4;
+&#x104F5;
+&#x104F6;
+&#x104F7;
+&#x104F8;
+&#x104F9;
+&#x104FA;
+&#x104FB;
+&#x10597;
+&#x10598;
+&#x10599;
+&#x1059A;
+&#x1059B;
+&#x1059C;
+&#x1059D;
+&#x1059E;
+&#x1059F;
+&#x105A0;
+&#x105A1;
+&#x105A3;
+&#x105A4;
+&#x105A5;
+&#x105A6;
+&#x105A7;
+&#x105A8;
+&#x105A9;
+&#x105AA;
+&#x105AB;
+&#x105AC;
+&#x105AD;
+&#x105AE;
+&#x105AF;
+&#x105B0;
+&#x105B1;
+&#x105B3;
+&#x105B4;
+&#x105B5;
+&#x105B6;
+&#x105B7;
+&#x105B8;
+&#x105B9;
+&#x105BB;
+&#x105BC;
+&#x10CC0;
+&#x10CC1;
+&#x10CC2;
+&#x10CC3;
+&#x10CC4;
+&#x10CC5;
+&#x10CC6;
+&#x10CC7;
+&#x10CC8;
+&#x10CC9;
+&#x10CCA;
+&#x10CCB;
+&#x10CCC;
+&#x10CCD;
+&#x10CCE;
+&#x10CCF;
+&#x10CD0;
+&#x10CD1;
+&#x10CD2;
+&#x10CD3;
+&#x10CD4;
+&#x10CD5;
+&#x10CD6;
+&#x10CD7;
+&#x10CD8;
+&#x10CD9;
+&#x10CDA;
+&#x10CDB;
+&#x10CDC;
+&#x10CDD;
+&#x10CDE;
+&#x10CDF;
+&#x10CE0;
+&#x10CE1;
+&#x10CE2;
+&#x10CE3;
+&#x10CE4;
+&#x10CE5;
+&#x10CE6;
+&#x10CE7;
+&#x10CE8;
+&#x10CE9;
+&#x10CEA;
+&#x10CEB;
+&#x10CEC;
+&#x10CED;
+&#x10CEE;
+&#x10CEF;
+&#x10CF0;
+&#x10CF1;
+&#x10CF2;
+&#x118C0;
+&#x118C1;
+&#x118C2;
+&#x118C3;
+&#x118C4;
+&#x118C5;
+&#x118C6;
+&#x118C7;
+&#x118C8;
+&#x118C9;
+&#x118CA;
+&#x118CB;
+&#x118CC;
+&#x118CD;
+&#x118CE;
+&#x118CF;
+&#x118D0;
+&#x118D1;
+&#x118D2;
+&#x118D3;
+&#x118D4;
+&#x118D5;
+&#x118D6;
+&#x118D7;
+&#x118D8;
+&#x118D9;
+&#x118DA;
+&#x118DB;
+&#x118DC;
+&#x118DD;
+&#x118DE;
+&#x118DF;
+&#x16E60;
+&#x16E61;
+&#x16E62;
+&#x16E63;
+&#x16E64;
+&#x16E65;
+&#x16E66;
+&#x16E67;
+&#x16E68;
+&#x16E69;
+&#x16E6A;
+&#x16E6B;
+&#x16E6C;
+&#x16E6D;
+&#x16E6E;
+&#x16E6F;
+&#x16E70;
+&#x16E71;
+&#x16E72;
+&#x16E73;
+&#x16E74;
+&#x16E75;
+&#x16E76;
+&#x16E77;
+&#x16E78;
+&#x16E79;
+&#x16E7A;
+&#x16E7B;
+&#x16E7C;
+&#x16E7D;
+&#x16E7E;
+&#x16E7F;
+&#x1E922;
+&#x1E923;
+&#x1E924;
+&#x1E925;
+&#x1E926;
+&#x1E927;
+&#x1E928;
+&#x1E929;
+&#x1E92A;
+&#x1E92B;
+&#x1E92C;
+&#x1E92D;
+&#x1E92E;
+&#x1E92F;
+&#x1E930;
+&#x1E931;
+&#x1E932;
+&#x1E933;
+&#x1E934;
+&#x1E935;
+&#x1E936;
+&#x1E937;
+&#x1E938;
+&#x1E939;
+&#x1E93A;
+&#x1E93B;
+&#x1E93C;
+&#x1E93D;
+&#x1E93E;
+&#x1E93F;
+&#x1E940;
+&#x1E941;
+&#x1E942;
+&#x1E943;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-1.html b/layout/reftests/text-transform/capitalize-1.html
new file mode 100644
index 0000000000..be5bdf7f2e
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: text-transform</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+    <meta name="flags" content="" />
+  <body style="letter-spacing:2px">
+    <span style="text-transform:capitalize">This text should be capitalized.</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-2.html b/layout/reftests/text-transform/capitalize-2.html
new file mode 100644
index 0000000000..95578ca7a8
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: text-transform</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+    <meta name="flags" content="" />
+  <body style="letter-spacing:2px">
+    T<span style="text-transform:capitalize">his text should be capitalized.</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-3-ref.html b/layout/reftests/text-transform/capitalize-3-ref.html
new file mode 100644
index 0000000000..96289a5603
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-3-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body style="letter-spacing:2px">
+<p>I Ask "Questions"
+<p>i ask "Questions"
+<p>I Ask questions
+<p>I Ask<br>Questions
+<p>I Ask&nbsp;Questions
+<p style="white-space:nowrap">I Ask Questions
+</body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-3.html b/layout/reftests/text-transform/capitalize-3.html
new file mode 100644
index 0000000000..970469554e
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+    <title>CSS 2.1 Test Suite: text-transform</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+    <meta name="flags" content="" />
+<body style="letter-spacing:2px">
+<p><span style="text-transform:capitalize">i ask "questions"</span>
+<p>i ask "<span style="text-transform:capitalize">questions"</span>
+<p><span style="text-transform:capitalize">i ask <span style="text-transform:none">q</span>uestions</span>
+<p><span style="text-transform:capitalize">i ask<br>questions</span>
+<p><span style="text-transform:capitalize">i ask&nbsp;questions</span>
+<p style="white-space:nowrap"><span style="text-transform:capitalize">i ask questions</span>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-4-ref.html b/layout/reftests/text-transform/capitalize-4-ref.html
new file mode 100644
index 0000000000..35b4a5dd10
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-4-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>text-transform:capitalize with punctuation</title>
+  </head>
+  <body>
+    <div>
+    "This" (Is) /A/ _Short_ *Test* -For- —The— ¡Capitalize! ¿Transform? «With» [Punctuation] “Marks”.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-4.html b/layout/reftests/text-transform/capitalize-4.html
new file mode 100644
index 0000000000..7cb04afb24
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-4.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>text-transform:capitalize with punctuation</title>
+  </head>
+  <body>
+    <div style="text-transform:capitalize">
+    "This" (is) /a/ _short_ *test* -for- —the— ¡capitalize! ¿transform? «with» [punctuation] “marks”.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-5-ref.html b/layout/reftests/text-transform/capitalize-5-ref.html
new file mode 100644
index 0000000000..2174e91878
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-5-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>text-transform:capitalize Deseret with punctuation</title>
+  </head>
+  <body>
+    <div>
+𐐧𐑌𐐮𐐿𐐬𐐼&nbsp;𐐑𐑉𐐲𐑂𐐴𐐼𐑆 (𐐊) _𐐧𐑌𐐨𐐿_ “𐐤𐐲𐑋𐐺𐐲𐑉” -𐐙𐐫𐑉- ¿𐐇𐑂𐑉𐐨? 𐐗𐐯𐑉𐐲𐐿𐐻𐐲𐑉.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-5.html b/layout/reftests/text-transform/capitalize-5.html
new file mode 100644
index 0000000000..38dcb11752
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-5.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>text-transform:capitalize Deseret with punctuation</title>
+  </head>
+  <body>
+    <div style="text-transform:capitalize">
+𐐧𐑌𐐮𐐿𐐬𐐼&nbsp;𐐹𐑉𐐲𐑂𐐴𐐼𐑆 (𐐲) _𐑏𐑌𐐨𐐿_ “𐑌𐐲𐑋𐐺𐐲𐑉” -𐑁𐐫𐑉- ¿𐐯𐑂𐑉𐐨? 𐐿𐐯𐑉𐐲𐐿𐐻𐐲𐑉.
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-6-ref.html b/layout/reftests/text-transform/capitalize-6-ref.html
new file mode 100644
index 0000000000..132d90fe8c
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-6-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div lang="en">
+Ijsland Xijsland Ijsland Ixjsland
+</div>
+<div lang="nl">
+IJsland Xijsland Ijsland Ixjsland
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-6.html b/layout/reftests/text-transform/capitalize-6.html
new file mode 100644
index 0000000000..0aef807233
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-6.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div lang="en" style="text-transform:capitalize">
+ijsland xijsland Ijsland ixjsland
+</div>
+<div lang="nl" style="text-transform:capitalize">
+ijsland xijsland Ijsland ixjsland
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-7-ref.html b/layout/reftests/text-transform/capitalize-7-ref.html
new file mode 100644
index 0000000000..16a71c1020
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-7-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+<body>
+<p>Blah Blah</p>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-7.html b/layout/reftests/text-transform/capitalize-7.html
new file mode 100644
index 0000000000..3db9a27452
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-7.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<style>
+p:first-letter { text-transform: uppercase; }
+p { text-transform: capitalize }
+</style>
+<body>
+<p>blah blah</p>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-7a.html b/layout/reftests/text-transform/capitalize-7a.html
new file mode 100644
index 0000000000..06360354cf
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-7a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<style>
+html { overflow: hidden; }
+p:first-letter { text-transform: uppercase; }
+p { text-transform: capitalize }
+</style>
+<body>
+<p>blah blah</p>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/capitalize-8-ref.html b/layout/reftests/text-transform/capitalize-8-ref.html
new file mode 100644
index 0000000000..632398b1ec
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-8-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  white-space: pre;
+}
+</style>
+<div>
+The Quick Brown Fox
+Jumps Over
+The Lazy Dog
diff --git a/layout/reftests/text-transform/capitalize-8.html b/layout/reftests/text-transform/capitalize-8.html
new file mode 100644
index 0000000000..5d1f32a722
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-8.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  text-transform: capitalize;
+  white-space: pre;
+}
+</style>
+<div>
+the quick brown fox
+jumps over
+the lazy dog
diff --git a/layout/reftests/text-transform/capitalize-9-ref.html b/layout/reftests/text-transform/capitalize-9-ref.html
new file mode 100644
index 0000000000..31eedeca6e
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-9-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div>
+Double-Barrelled
+What.Three.Words
+Snake_case
+Kebab-Case
+Colo[u]r
+Pass/Fail
+Lowe's
+Black’s
+Cancel·lar
diff --git a/layout/reftests/text-transform/capitalize-9.html b/layout/reftests/text-transform/capitalize-9.html
new file mode 100644
index 0000000000..cb09e52883
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-9.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="text-transform:capitalize">
+double-barrelled
+what.three.words
+snake_case
+kebab-case
+colo[u]r
+pass/fail
+lowe's
+black’s
+cancel·lar
diff --git a/layout/reftests/text-transform/capitalize-ref.html b/layout/reftests/text-transform/capitalize-ref.html
new file mode 100644
index 0000000000..16e4d52a96
--- /dev/null
+++ b/layout/reftests/text-transform/capitalize-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body style="letter-spacing:2px">
+    This Text Should Be Capitalized.
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/fake-small-caps-1-ref.html b/layout/reftests/text-transform/fake-small-caps-1-ref.html
new file mode 100644
index 0000000000..3b14167ad2
--- /dev/null
+++ b/layout/reftests/text-transform/fake-small-caps-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that does NOT support the 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+body {
+  font: 100px test;
+}
+span {
+  font-size: 80px;
+}
+</style>
+</head>
+<body>
+<div>S<span>MALL</span> C<span>APS</span>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/fake-small-caps-1.html b/layout/reftests/text-transform/fake-small-caps-1.html
new file mode 100644
index 0000000000..21d83c3636
--- /dev/null
+++ b/layout/reftests/text-transform/fake-small-caps-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that does NOT support the 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+body {
+  font: 100px test;
+}
+</style>
+</head>
+<body>
+<div style="font-variant:small-caps">Small Caps
+</body>
+</html>
diff --git a/layout/reftests/text-transform/fullwidth-1-ref.html b/layout/reftests/text-transform/fullwidth-1-ref.html
new file mode 100644
index 0000000000..d49be61210
--- /dev/null
+++ b/layout/reftests/text-transform/fullwidth-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <span>&#xff46;&#xff55;&#xff4c;&#xff4c;&#x3000;&#xff57;&#xff49;&#xff44;&#xff54;&#xff48;&#x3000;&#xffe5;&#xff11;&#xff10;</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/fullwidth-1.html b/layout/reftests/text-transform/fullwidth-1.html
new file mode 100644
index 0000000000..147bea6241
--- /dev/null
+++ b/layout/reftests/text-transform/fullwidth-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <span style="text-transform: full-width;">full width &#xa5;10</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/fullwidth-2-ref.html b/layout/reftests/text-transform/fullwidth-2-ref.html
new file mode 100644
index 0000000000..a3a2761509
--- /dev/null
+++ b/layout/reftests/text-transform/fullwidth-2-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <span style="text-transform: full-width;">&#xff71;&#xff72;&#xff73;&#x3099;</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/fullwidth-2.html b/layout/reftests/text-transform/fullwidth-2.html
new file mode 100644
index 0000000000..745b8ad19a
--- /dev/null
+++ b/layout/reftests/text-transform/fullwidth-2.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <span style="text-transform: full-width;">&#xff71;&#xff72;&#xff73;&#xff9e;</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/fullwidth-all-ref.html b/layout/reftests/text-transform/fullwidth-all-ref.html
new file mode 100644
index 0000000000..550c3d6bf8
--- /dev/null
+++ b/layout/reftests/text-transform/fullwidth-all-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<body style="white-space: pre-wrap; word-wrap: break-word">
+<!-- List of all wide characters that have mappings to/from narrow equivalents.
+     Extracted from the Unicode database (v6.2) by running
+
+     cut -d \; -f 1,6 UnicodeData.txt | \
+         perl -n -e 'if (/(....);<(wide|narrow)> (....)/) { printf "&#x%s;%s", ($2 eq 'wide' ? $1 : $3), ++$i % 10 ? "" : "\n" }'
+  -->
+&#x3000;&#xFF01;&#xFF02;&#xFF03;&#xFF04;&#xFF05;&#xFF06;&#xFF07;&#xFF08;&#xFF09;
+&#xFF0A;&#xFF0B;&#xFF0C;&#xFF0D;&#xFF0E;&#xFF0F;&#xFF10;&#xFF11;&#xFF12;&#xFF13;
+&#xFF14;&#xFF15;&#xFF16;&#xFF17;&#xFF18;&#xFF19;&#xFF1A;&#xFF1B;&#xFF1C;&#xFF1D;
+&#xFF1E;&#xFF1F;&#xFF20;&#xFF21;&#xFF22;&#xFF23;&#xFF24;&#xFF25;&#xFF26;&#xFF27;
+&#xFF28;&#xFF29;&#xFF2A;&#xFF2B;&#xFF2C;&#xFF2D;&#xFF2E;&#xFF2F;&#xFF30;&#xFF31;
+&#xFF32;&#xFF33;&#xFF34;&#xFF35;&#xFF36;&#xFF37;&#xFF38;&#xFF39;&#xFF3A;&#xFF3B;
+&#xFF3C;&#xFF3D;&#xFF3E;&#xFF3F;&#xFF40;&#xFF41;&#xFF42;&#xFF43;&#xFF44;&#xFF45;
+&#xFF46;&#xFF47;&#xFF48;&#xFF49;&#xFF4A;&#xFF4B;&#xFF4C;&#xFF4D;&#xFF4E;&#xFF4F;
+&#xFF50;&#xFF51;&#xFF52;&#xFF53;&#xFF54;&#xFF55;&#xFF56;&#xFF57;&#xFF58;&#xFF59;
+&#xFF5A;&#xFF5B;&#xFF5C;&#xFF5D;&#xFF5E;&#xFF5F;&#xFF60;&#x3002;&#x300C;&#x300D;
+&#x3001;&#x30FB;&#x30F2;&#x30A1;&#x30A3;&#x30A5;&#x30A7;&#x30A9;&#x30E3;&#x30E5;
+&#x30E7;&#x30C3;&#x30FC;&#x30A2;&#x30A4;&#x30A6;&#x30A8;&#x30AA;&#x30AB;&#x30AD;
+&#x30AF;&#x30B1;&#x30B3;&#x30B5;&#x30B7;&#x30B9;&#x30BB;&#x30BD;&#x30BF;&#x30C1;
+&#x30C4;&#x30C6;&#x30C8;&#x30CA;&#x30CB;&#x30CC;&#x30CD;&#x30CE;&#x30CF;&#x30D2;
+&#x30D5;&#x30D8;&#x30DB;&#x30DE;&#x30DF;&#x30E0;&#x30E1;&#x30E2;&#x30E4;&#x30E6;
+&#x30E8;&#x30E9;&#x30EA;&#x30EB;&#x30EC;&#x30ED;&#x30EF;&#x30F3;&#x3099;&#x309A;
+&#x3164;&#x3131;&#x3132;&#x3133;&#x3134;&#x3135;&#x3136;&#x3137;&#x3138;&#x3139;
+&#x313A;&#x313B;&#x313C;&#x313D;&#x313E;&#x313F;&#x3140;&#x3141;&#x3142;&#x3143;
+&#x3144;&#x3145;&#x3146;&#x3147;&#x3148;&#x3149;&#x314A;&#x314B;&#x314C;&#x314D;
+&#x314E;&#x314F;&#x3150;&#x3151;&#x3152;&#x3153;&#x3154;&#x3155;&#x3156;&#x3157;
+&#x3158;&#x3159;&#x315A;&#x315B;&#x315C;&#x315D;&#x315E;&#x315F;&#x3160;&#x3161;
+&#x3162;&#x3163;&#xFFE0;&#xFFE1;&#xFFE2;&#xFFE3;&#xFFE4;&#xFFE5;&#xFFE6;&#x2502;
+&#x2190;&#x2191;&#x2192;&#x2193;&#x25A0;&#x25CB;
+</body>
+</html>
diff --git a/layout/reftests/text-transform/fullwidth-all.html b/layout/reftests/text-transform/fullwidth-all.html
new file mode 100644
index 0000000000..2670fac924
--- /dev/null
+++ b/layout/reftests/text-transform/fullwidth-all.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<body style="text-transform: full-width; white-space: pre">
+<!-- List of all "narrow" characters that have a full-width mapping in Unicode.
+     Extracted from the Unicode database (v6.2) by running
+
+     cut -d \; -f 1,6 UnicodeData.txt | \
+         perl -n -e 'if (/(....);<(wide|narrow)> (....)/) { printf "&#x%s;%s", ($2 eq 'narrow' ? $1 : $3), ++$i % 10 ? "" : "\n" }'
+  -->
+&#x0020;&#x0021;&#x0022;&#x0023;&#x0024;&#x0025;&#x0026;&#x0027;&#x0028;&#x0029;
+&#x002A;&#x002B;&#x002C;&#x002D;&#x002E;&#x002F;&#x0030;&#x0031;&#x0032;&#x0033;
+&#x0034;&#x0035;&#x0036;&#x0037;&#x0038;&#x0039;&#x003A;&#x003B;&#x003C;&#x003D;
+&#x003E;&#x003F;&#x0040;&#x0041;&#x0042;&#x0043;&#x0044;&#x0045;&#x0046;&#x0047;
+&#x0048;&#x0049;&#x004A;&#x004B;&#x004C;&#x004D;&#x004E;&#x004F;&#x0050;&#x0051;
+&#x0052;&#x0053;&#x0054;&#x0055;&#x0056;&#x0057;&#x0058;&#x0059;&#x005A;&#x005B;
+&#x005C;&#x005D;&#x005E;&#x005F;&#x0060;&#x0061;&#x0062;&#x0063;&#x0064;&#x0065;
+&#x0066;&#x0067;&#x0068;&#x0069;&#x006A;&#x006B;&#x006C;&#x006D;&#x006E;&#x006F;
+&#x0070;&#x0071;&#x0072;&#x0073;&#x0074;&#x0075;&#x0076;&#x0077;&#x0078;&#x0079;
+&#x007A;&#x007B;&#x007C;&#x007D;&#x007E;&#x2985;&#x2986;&#xFF61;&#xFF62;&#xFF63;
+&#xFF64;&#xFF65;&#xFF66;&#xFF67;&#xFF68;&#xFF69;&#xFF6A;&#xFF6B;&#xFF6C;&#xFF6D;
+&#xFF6E;&#xFF6F;&#xFF70;&#xFF71;&#xFF72;&#xFF73;&#xFF74;&#xFF75;&#xFF76;&#xFF77;
+&#xFF78;&#xFF79;&#xFF7A;&#xFF7B;&#xFF7C;&#xFF7D;&#xFF7E;&#xFF7F;&#xFF80;&#xFF81;
+&#xFF82;&#xFF83;&#xFF84;&#xFF85;&#xFF86;&#xFF87;&#xFF88;&#xFF89;&#xFF8A;&#xFF8B;
+&#xFF8C;&#xFF8D;&#xFF8E;&#xFF8F;&#xFF90;&#xFF91;&#xFF92;&#xFF93;&#xFF94;&#xFF95;
+&#xFF96;&#xFF97;&#xFF98;&#xFF99;&#xFF9A;&#xFF9B;&#xFF9C;&#xFF9D;&#xFF9E;&#xFF9F;
+&#xFFA0;&#xFFA1;&#xFFA2;&#xFFA3;&#xFFA4;&#xFFA5;&#xFFA6;&#xFFA7;&#xFFA8;&#xFFA9;
+&#xFFAA;&#xFFAB;&#xFFAC;&#xFFAD;&#xFFAE;&#xFFAF;&#xFFB0;&#xFFB1;&#xFFB2;&#xFFB3;
+&#xFFB4;&#xFFB5;&#xFFB6;&#xFFB7;&#xFFB8;&#xFFB9;&#xFFBA;&#xFFBB;&#xFFBC;&#xFFBD;
+&#xFFBE;&#xFFC2;&#xFFC3;&#xFFC4;&#xFFC5;&#xFFC6;&#xFFC7;&#xFFCA;&#xFFCB;&#xFFCC;
+&#xFFCD;&#xFFCE;&#xFFCF;&#xFFD2;&#xFFD3;&#xFFD4;&#xFFD5;&#xFFD6;&#xFFD7;&#xFFDA;
+&#xFFDB;&#xFFDC;&#x00A2;&#x00A3;&#x00AC;&#x00AF;&#x00A6;&#x00A5;&#x20A9;&#xFFE8;
+&#xFFE9;&#xFFEA;&#xFFEB;&#xFFEC;&#xFFED;&#xFFEE;
+</body>
+</html>
diff --git a/layout/reftests/text-transform/graphite-small-caps-1-notref.html b/layout/reftests/text-transform/graphite-small-caps-1-notref.html
new file mode 100644
index 0000000000..d56a6694e0
--- /dev/null
+++ b/layout/reftests/text-transform/graphite-small-caps-1-notref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that supports the Graphite 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/CharisSIL-R.ttf);
+}
+body {
+  font: 100px test;
+}
+span {
+  font-size: 80px;
+}
+</style>
+</head>
+<body>
+<div>S<span>MALL</span> C<span>APS</span>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/graphite-small-caps-1-ref.html b/layout/reftests/text-transform/graphite-small-caps-1-ref.html
new file mode 100644
index 0000000000..0d553460af
--- /dev/null
+++ b/layout/reftests/text-transform/graphite-small-caps-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that supports the Graphite 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/CharisSIL-R.ttf);
+}
+body {
+  font: 100px test;
+}
+div {
+  font-feature-settings: 'smcp' on;
+}
+</style>
+</head>
+<body>
+<div>Small Caps
+</body>
+</html>
diff --git a/layout/reftests/text-transform/graphite-small-caps-1.html b/layout/reftests/text-transform/graphite-small-caps-1.html
new file mode 100644
index 0000000000..eb9d35bc88
--- /dev/null
+++ b/layout/reftests/text-transform/graphite-small-caps-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that supports the Graphite 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/sil/CharisSIL-R.ttf);
+}
+body {
+  font: 100px test;
+}
+</style>
+</head>
+<body>
+<div style="font-variant:small-caps">Small Caps
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-small-caps-1-ref.html b/layout/reftests/text-transform/greek-small-caps-1-ref.html
new file mode 100644
index 0000000000..7e30707574
--- /dev/null
+++ b/layout/reftests/text-transform/greek-small-caps-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for Greek small-caps</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+/* use a known font, to avoid dependency on platform font behavior */
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+div {
+  font: 150% test;
+  margin: 1em;
+}
+span {
+  font-variant: small-caps;
+}
+</style>
+</head>
+<body lang="en">
+<div>Π<span>ατάτα</span>, Α<span>έρας</span>, Μ<span>άιος</span>, <span>άυλος</span>, <span>αϋπνία</span>, Μ<span>αΐου</span>, <span>χούι</span>, ΆΈΉΊΌΎΏ, Ά<span>κλιτα</span></div>
+<div lang="el">Π<span>ατατα</span>, Α<span>ερας</span>, Μ<span>αϊος</span>, <span>αϋλος</span>, <span>αϋπνία</span>, Μ<span>αϊου</span>, <span>χουι<span>, ΑΕΗΙΟΥΩ, Α<span>κλιτα</span></div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-small-caps-1.html b/layout/reftests/text-transform/greek-small-caps-1.html
new file mode 100644
index 0000000000..ba672429c0
--- /dev/null
+++ b/layout/reftests/text-transform/greek-small-caps-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for Greek small-caps</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+/* use a known font, to avoid dependency on platform font behavior */
+@font-face {
+  font-family: test;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+div {
+  font: 150% test;
+  font-variant: small-caps;
+  margin: 1em;
+}
+</style>
+</head>
+<body lang="en">
+<div>Πατάτα, Αέρας, Μάιος, άυλος, αϋπνία, Μαΐου, χούι, ΆΈΉΊΌΎΏ, Άκλιτα</div>
+<div lang="el">Πατάτα, Αέρας, Μάιος, άυλος, αϋπνία, Μαΐου, χούι, ΆΈΉΊΌΎΏ, Άκλιτα</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-uppercase-1-ref.html b/layout/reftests/text-transform/greek-uppercase-1-ref.html
new file mode 100644
index 0000000000..ec38eb4698
--- /dev/null
+++ b/layout/reftests/text-transform/greek-uppercase-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for uppercasing of Greek (NFC)</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+div {
+  font: 150% "Droid Serif", serif; /* explicitly prefer Droid over Charis on Android */
+  margin: 1em;
+}
+</style>
+</head>
+<body lang="en">
+<div>ΠΑΤΆΤΑ, ΑΈΡΑΣ, ΜΆΙΟΣ, ΆΥΛΟΣ, ΑΫΠΝΊΑ, ΜΑΪ&#x301;ΟΥ, ΧΟΎΙ</div>
+<div lang="el">ΠΑΤΑΤΑ, ΑΕΡΑΣ, ΜΑΪΟΣ, ΑΫΛΟΣ, ΑΫΠΝΙΑ, ΜΑΪΟΥ, ΧΟΥΙ</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-uppercase-1a.html b/layout/reftests/text-transform/greek-uppercase-1a.html
new file mode 100644
index 0000000000..af620e9675
--- /dev/null
+++ b/layout/reftests/text-transform/greek-uppercase-1a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for uppercasing of Greek (NFC)</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+/* Note that this test depends on finding the same "serif" font for the
+   English- and Greek-tagged elements; on most platforms, our default prefs
+   provide that, but on Android they currently differ, hence the explicit
+   Droid Serif setting below. */
+div {
+  font: 150% "Droid Serif", serif; /* explicitly prefer Droid over Charis on Android */
+  text-transform: uppercase;
+  margin: 1em;
+}
+</style>
+</head>
+<body lang="en">
+<div>Πατάτα, Αέρας, Μάιος, άυλος, αϋπνία, Μαΐου, χούι</div>
+<div lang="el">Πατάτα, Αέρας, Μάιος, άυλος, αϋπνία, Μαΐου, χούι</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-uppercase-1b.html b/layout/reftests/text-transform/greek-uppercase-1b.html
new file mode 100644
index 0000000000..a6398e7e85
--- /dev/null
+++ b/layout/reftests/text-transform/greek-uppercase-1b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for uppercasing of Greek (NFC)</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+/* Note that this test depends on finding the same "serif" font for the
+   English- and Greek-tagged elements; on most platforms, our default prefs
+   provide that, but on Android they currently differ, hence the explicit
+   Droid Serif setting below. */
+div {
+  font: 150% "Droid Serif", serif; /* explicitly prefer Droid over Charis on Android */
+  text-transform: uppercase;
+  margin: 1em;
+}
+</style>
+</head>
+<body lang="en">
+<div>Πατάτα, Αέρας, Μάιος, άυλος, αϋπνία, Μαΐου, χούι</div>
+<div lang="el-GR">Πατάτα, Αέρας, Μάιος, άυλος, αϋπνία, Μαΐου, χούι</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-uppercase-2-ref.html b/layout/reftests/text-transform/greek-uppercase-2-ref.html
new file mode 100644
index 0000000000..2013a4e4af
--- /dev/null
+++ b/layout/reftests/text-transform/greek-uppercase-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for uppercasing of Greek (NFD)</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+div {
+  font: 150% serif;
+  margin: 1em;
+}
+</style>
+</head>
+<body lang="en">
+<div>ΠΑΤΑ&#x301;ΤΑ, ΑΕ&#x301;ΡΑΣ, ΜΑ&#x301;ΙΟΣ, Α&#x301;ΥΛΟΣ, ΑΥ&#x308;ΠΝΙ&#x301;Α, ΜΑΙ&#x308;&#x301;ΟΥ, ΧΟΥ&#x301;Ι</div>
+<div lang="el">ΠΑΤΑΤΑ, ΑΕΡΑΣ, ΜΑΪΟΣ, ΑΫΛΟΣ, ΑΥ&#x308;ΠΝΙΑ, ΜΑΙ&#x308;ΟΥ, ΧΟΥΙ</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-uppercase-2.html b/layout/reftests/text-transform/greek-uppercase-2.html
new file mode 100644
index 0000000000..11c8d09648
--- /dev/null
+++ b/layout/reftests/text-transform/greek-uppercase-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for uppercasing of Greek (NFD)</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+div {
+  font: 150% serif;
+  text-transform: uppercase;
+  margin: 1em;
+}
+</style>
+</head>
+<body lang="en">
+<div>Πατα&#x301;τα, Αε&#x301;ρας, Μα&#x301;ιος, α&#x301;υλος, αυ&#x308;πνι&#x301;α, Μαι&#x308;&#x301;ου, χου&#x301;ι</div>
+<div lang="el">Πατα&#x301;τα, Αε&#x301;ρας, Μα&#x301;ιος, α&#x301;υλος, αυ&#x308;πνι&#x301;α, Μαι&#x308;&#x301;ου, χου&#x301;ι</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/greek-uppercase-3-ref.html b/layout/reftests/text-transform/greek-uppercase-3-ref.html
new file mode 100644
index 0000000000..66a60a47ea
--- /dev/null
+++ b/layout/reftests/text-transform/greek-uppercase-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for uppercasing of Greek disjunctive eta</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+div {
+  font: 150% serif;
+  margin: 1em;
+}
+</style>
+</head>
+<body>
+<div lang="en">ΉΣΟΥΝ Ή ΕΓΏ Ή ΕΣΎ (ΝΉ) (ΉΝ) (Ή) (Ή.) Ή</div>
+<div lang="el">ΗΣΟΥΝ Ή ΕΓΩ Ή ΕΣΥ (ΝΗ) (ΗΝ) (Ή) (Ή.) Ή</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/text-transform/greek-uppercase-3.html b/layout/reftests/text-transform/greek-uppercase-3.html
new file mode 100644
index 0000000000..4d12475ec2
--- /dev/null
+++ b/layout/reftests/text-transform/greek-uppercase-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Test for uppercasing of Greek disjunctive eta</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<style type="text/css">
+div {
+  font: 150% serif;
+  text-transform: uppercase;
+  margin: 1em;
+}
+</style>
+</head>
+<body>
+<div lang="en">ήσουν ή εγώ ή εσύ (νή) (ήν) (ή) (ή.) ή</div>
+<div lang="el">ήσουν ή εγώ ή εσύ (νή) (ήν) (ή) (ή.) ή</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/text-transform/irish-lowercase-1-ref.html b/layout/reftests/text-transform/irish-lowercase-1-ref.html
new file mode 100644
index 0000000000..3ab55732e5
--- /dev/null
+++ b/layout/reftests/text-transform/irish-lowercase-1-ref.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="ga-IE">
+<head>
+<meta charset="utf-8">
+<title>Test for Irish lowercasing</title>
+<style>
+body {
+  font: 16px/20px monospace;
+  text-transform: none;
+  word-break: keep-all;
+}
+</style>
+</head>
+<body>
+  ár n-acmhainní uisce
+/ ár n-acmhainní uisce
+/ ár n-acmhainní uisce
+/ ár n-acmhainní uisce
+/ ár n-acmhainní uisce
+/ ár nathair
+/ ár nathair
+/ ár nathair
+/ n-a shaighdiúir
+/ gan dul as aca ach le n-a chabhair
+/ eolaíocht na n-ábhar
+/ eolaíocht na n-ábhar
+/ eolaíocht na n-ábhar
+/ eolaíocht na n-ábhar
+/ eolaíocht na n-ábhar
+/ amhrán náisiúnta
+/ amhrán náisiúnta
+/ amhrán náisiúnta
+/ lucht na n-ealaíon
+/ lucht na n-ealaíon
+/ lucht na n-ealaíon
+/ lucht na n-ealaíon
+/ lucht na n-ealaíon
+/ neart daoine
+/ neart daoine
+/ neart daoine
+/ ceol na n-éan
+/ ceol na n-éan
+/ ceol na n-éan
+/ ceol na n-éan
+/ ceol na n-éan
+/ sa néal
+/ sa néal
+/ sa néal
+/ ord na n-imeachtaí
+/ ord na n-imeachtaí
+/ ord na n-imeachtaí
+/ ord na n-imeachtaí
+/ ord na n-imeachtaí
+/ nathair nimhe
+/ nathair nimhe
+/ nathair nimhe
+/ lucht adhartha na n-íomhánna
+/ lucht adhartha na n-íomhánna
+/ lucht adhartha na n-íomhánna
+/ lucht adhartha na n-íomhánna
+/ lucht adhartha na n-íomhánna
+/ níos measa
+/ níos measa
+/ níos measa
+/ gnéithe dár n-oidhreacht
+/ gnéithe dár n-oidhreacht
+/ gnéithe dár n-oidhreacht
+/ gnéithe dár n-oidhreacht
+/ gnéithe dár n-oidhreacht
+/ duine nochta
+/ duine nochta
+/ duine nochta
+/ cultúr na n-óg
+/ cultúr na n-óg
+/ cultúr na n-óg
+/ cultúr na n-óg
+/ cultúr na n-óg
+/ dhá nóiméad
+/ dhá nóiméad
+/ dhá nóiméad
+/ ocht n-uaire sa lá
+/ ocht n-uaire sa lá
+/ ocht n-uaire sa lá
+/ ocht n-uaire sa lá
+/ ocht n-uaire sa lá
+/ gúna nua
+/ gúna nua
+/ gúna nua
+/ formhór na n-údarás
+/ formhór na n-údarás
+/ formhór na n-údarás
+/ formhór na n-údarás
+/ formhór na n-údarás
+/ imoibreoir núicléach
+/ imoibreoir núicléach
+/ imoibreoir núicléach
+/ sean-airteagal
+/ seanairteagal
+/ bunioncaim
+/ bun-ioncaim
+/ buanorduithe
+/ buan-orduithe
+/ ár n-athair
+/ ár n-athair
+/ clár na n-ábhar
+/ clár na n-ábhar
+/ ceol na ndaoine
+/ ceol na ndaoine
+/ táim i ngrá leat
+/ táim i ngrá leat
+/ cén t-am é?
+/ cén t-am é?
+/ cén t-am é?
+/ cén t-am é?
+/ cén t-am é?
+/ tar ar ais!
+/ tar ar ais!
+/ tá an t-ádh orm inniu!
+/ tá an t-ádh orm inniu!
+/ tá an t-ádh orm inniu!
+/ tá an t-ádh orm inniu!
+/ tá an t-ádh orm inniu!
+/ rud tábhachtach
+/ rud tábhachtach
+/ rud tábhachtach
+/ den obair an t-eolas
+/ den obair an t-eolas
+/ den obair an t-eolas
+/ den obair an t-eolas
+/ den obair an t-eolas
+/ an t-éileamh a íoc
+/ an t-éileamh a íoc
+/ an t-éileamh a íoc
+/ an t-éileamh a íoc
+/ an t-éileamh a íoc
+/ an t-inneall cuardaigh is fearr
+/ an t-inneall cuardaigh is fearr
+/ an t-inneall cuardaigh is fearr
+/ an t-inneall cuardaigh is fearr
+/ an t-inneall cuardaigh is fearr
+/ an t-íochtar a chur in uachtar
+/ an t-íochtar a chur in uachtar
+/ an t-íochtar a chur in uachtar
+/ an t-íochtar a chur in uachtar
+/ an t-íochtar a chur in uachtar
+/ tabhair an t-ordú seo dó!
+/ tabhair an t-ordú seo dó!
+/ tabhair an t-ordú seo dó!
+/ tabhair an t-ordú seo dó!
+/ tabhair an t-ordú seo dó!
+/ tá an t-ór buí aige.
+/ tá an t-ór buí aige.
+/ tá an t-ór buí aige.
+/ tá an t-ór buí aige.
+/ tá an t-ór buí aige.
+/ an t-uisce beatha ar an tábla.
+/ an t-uisce beatha ar an tábla.
+/ an t-uisce beatha ar an tábla.
+/ an t-uisce beatha ar an tábla.
+/ an t-uisce beatha ar an tábla.
+/ an t-úrscéal is deireanaí
+/ an t-úrscéal is deireanaí
+/ an t-úrscéal is deireanaí
+/ an t-úrscéal is deireanaí
+/ an t-úrscéal is deireanaí
+/ dréacht-acht
+/ dréachtphlean
+/ dréacht-phlean
+/ dréacht-íocaíocht
+/ áitainmneacha
+/ áit-ainmneacha
+/ státurraithe
+/ stát-urraithe
+/ ar aon tslí
+/ ar aon tslí
+/ amach ón tsnáthaid
+/ amach ón tsnáthaid
+/ ar an tsráid
+/ ar an tsráid
+/ caint an tsráidbhaile
+/ caint an tsráidbhaile
+/ cora crua an tsaoil
+/ cora crua an tsaoil
+/ bholadh an tsáile
+/ bholadh an tsáile
+/ uair sa tseachtain
+/ uair sa tseachtain
+/ deireadh an tséasúir
+/ deireadh an tséasúir
+/ fear an tsiopa
+/ fear an tsiopa
+/ an tsíocháin a choimeád
+/ an tsíocháin a choimeád
+/ an tsochaí faisnéise
+/ an tsochaí faisnéise
+/ gaoth an tsóláis
+/ gaoth an tsóláis
+/ is beag an tsuim iad
+/ is beag an tsuim iad
+/ infheicthe ag an tsúil
+/ infheicthe ag an tsúil
+/ scríobhfaidh
+/ scríobhfaidh
+/ preabphas
+/ preabphas
+/ úsáidtear
+/ úsáidtear
+/ snagcheol
+/ snagcheol
+/ in-athnuaite agatsa
+/ in-athnuaite agatsa
+/ teanga dhomhanda
+/ teanga dhomhanda
+/ réaltsruth
+/ réaltsruth
+/ na hataí
+/ na hataí
+/ t-léine
+/ t-léine
+/ t-léine
+/ t-léine
+/ torc allta
+/ torc allta
+/ tsk tsk tsk a chara
+/ tsk tsk tsk a chara
+</body>
+</html>
diff --git a/layout/reftests/text-transform/irish-lowercase-1a.html b/layout/reftests/text-transform/irish-lowercase-1a.html
new file mode 100644
index 0000000000..87012f224a
--- /dev/null
+++ b/layout/reftests/text-transform/irish-lowercase-1a.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="ga">
+<head>
+<meta charset="utf-8">
+<title>Test for Irish lowercasing</title>
+<style>
+body {
+  font: 16px/20px monospace;
+  text-transform: lowercase;
+  word-break: keep-all;
+}
+</style>
+</head>
+<body>
+  ÁR nACMHAINNÍ UISCE
+/ ÁR N-ACMHAINNÍ UISCE
+/ Ár nAcmhainní Uisce
+/ Ár n-Acmhainní Uisce
+/ ár n-acmhainní uisce
+/ Ár nathair
+/ ÁR NATHAIR
+/ Ár Nathair
+/ N-a shaighdiúir
+/ gan dul as aca ach le nA chabhair
+/ EOLAÍOCHT NA nÁBHAR
+/ EOLAÍOCHT NA n-ÁBHAR
+/ Eolaíocht na nÁbhar
+/ Eolaíocht na n-Ábhar
+/ eolaíocht na n-ábhar
+/ Amhrán náisiúnta
+/ Amhrán Náisiúnta
+/ AMHRÁN NÁISIÚNTA
+/ LUCHT NA nEALAÍON
+/ LUCHT NA n-EALAÍON
+/ Lucht na nEalaíon
+/ Lucht na n-Ealaíon
+/ lucht na n-ealaíon
+/ Neart Daoine
+/ neart daoine
+/ NEART DAOINE
+/ CEOL NA nÉAN
+/ CEOL NA n-ÉAN
+/ Ceol na nÉan
+/ Ceol na n-Éan
+/ ceol na n-éan
+/ Sa Néal
+/ Sa néal
+/ SA NÉAL
+/ ORD NA nIMEACHTAÍ
+/ ORD NA n-IMEACHTAÍ
+/ Ord na nImeachtaí
+/ Ord na n-Imeachtaí
+/ ord na n-imeachtaí
+/ Nathair Nimhe
+/ Nathair nimhe
+/ NATHAIR NIMHE
+/ LUCHT ADHARTHA NA nÍOMHÁNNA
+/ LUCHT ADHARTHA NA n-ÍOMHÁNNA
+/ Lucht Adhartha na nÍomhánna
+/ Lucht Adhartha na n-Íomhánna
+/ lucht adhartha na n-íomhánna
+/ Níos Measa
+/ níos measa
+/ NÍOS MEASA
+/ GNÉITHE DÁR nOIDHREACHT
+/ GNÉITHE DÁR n-OIDHREACHT
+/ Gnéithe Dár nOidhreacht
+/ Gnéithe Dár n-Oidhreacht
+/ gnéithe dár n-oidhreacht
+/ Duine Nochta
+/ Duine nochta
+/ DUINE NOCHTA
+/ CULTÚR NA nÓG
+/ CULTÚR NA n-ÓG
+/ Cultúr na nÓg
+/ Cultúr na n-Óg
+/ cultúr na n-óg
+/ Dhá Nóiméad
+/ Dhá nóiméad
+/ DHÁ NÓIMÉAD
+/ OCHT nUAIRE SA LÁ
+/ OCHT n-UAIRE SA LÁ
+/ Ocht nUaire Sa Lá
+/ Ocht n-Uaire Sa Lá
+/ ocht n-uaire sa lá
+/ Gúna Nua
+/ gúna nua
+/ GÚNA NUA
+/ FORMHÓR NA nÚDARÁS
+/ FORMHÓR NA n-ÚDARÁS
+/ Formhór na nÚdarás
+/ Formhór na n-Údarás
+/ formhór na n-údarás
+/ Imoibreoir Núicléach
+/ Imoibreoir núicléach
+/ IMOIBREOIR NÚICLÉACH
+/ sean-Airteagal
+/ SeanAirteagal
+/ BunIoncaim
+/ Bun-Ioncaim
+/ BuanOrduithe
+/ Buan-Orduithe
+/ ÁR nATHAIR
+/ Ár nAthair
+/ CLÁR NA nÁBHAR
+/ Clár na nÁbhar
+/ CEOL NA nDAOINE
+/ Ceol na nDaoine
+/ TÁIM I nGRÁ LEAT
+/ Táim i nGrá Leat
+/ CÉN tAM É?
+/ CÉN t-AM É?
+/ Cén tAm É?
+/ Cén t-Am É?
+/ cén t-am é?
+/ Tar Ar Ais!
+/ tar ar ais!
+/ TÁ AN tÁDH ORM INNIU!
+/ TÁ AN t-ÁDH ORM INNIU!
+/ Tá An tÁdh Orm Inniu!
+/ Tá An t-Ádh Orm Inniu!
+/ tá an t-ádh orm inniu!
+/ Rud Tábhachtach
+/ Rud tábhachtach
+/ rud tábhachtach
+/ DEN OBAIR AN tEOLAS
+/ DEN OBAIR AN t-EOLAS
+/ Den Obair an tEolas
+/ Den Obair an t-Eolas
+/ den obair an t-eolas
+/ AN tÉILEAMH A ÍOC
+/ AN t-ÉILEAMH A ÍOC
+/ An tÉileamh a Íoc
+/ An t-Éileamh a Íoc
+/ an t-éileamh a íoc
+/ AN tINNEALL CUARDAIGH IS FEARR
+/ AN t-INNEALL CUARDAIGH IS FEARR
+/ An tInneall Cuardaigh Is Fearr
+/ An t-Inneall Cuardaigh Is Fearr
+/ an t-inneall cuardaigh is fearr
+/ AN tÍOCHTAR A CHUR IN UACHTAR
+/ AN t-ÍOCHTAR A CHUR IN UACHTAR
+/ An tÍochtar a Chur In Uachtar
+/ An t-Íochtar a Chur In Uachtar
+/ an t-íochtar a chur in uachtar
+/ TABHAIR AN tORDÚ SEO DÓ!
+/ TABHAIR AN t-ORDÚ SEO DÓ!
+/ Tabhair An tOrdú Seo Dó!
+/ Tabhair An t-Ordú Seo Dó!
+/ tabhair an t-ordú seo dó!
+/ TÁ AN tÓR BUÍ AIGE.
+/ TÁ AN t-ÓR BUÍ AIGE.
+/ Tá An tÓr Buí Aige.
+/ Tá An t-Ór Buí Aige.
+/ tá an t-ór buí aige.
+/ AN tUISCE BEATHA AR AN TÁBLA.
+/ AN t-UISCE BEATHA AR AN TÁBLA.
+/ An tUisce Beatha Ar An Tábla.
+/ An t-Uisce Beatha Ar An Tábla.
+/ an t-uisce beatha ar an tábla.
+/ AN tÚRSCÉAL IS DEIREANAÍ
+/ AN t-ÚRSCÉAL IS DEIREANAÍ
+/ An tÚrscéal Is Deireanaí
+/ An t-Úrscéal Is Deireanaí
+/ an t-úrscéal is deireanaí
+/ Dréacht-Acht
+/ DréachtPhlean
+/ Dréacht-Phlean
+/ Dréacht-Íocaíocht
+/ ÁitAinmneacha
+/ Áit-Ainmneacha
+/ StátUrraithe
+/ Stát-Urraithe
+/ AR AON tSLÍ
+/ Ar Aon tSlí
+/ AMACH ÓN tSNÁTHAID
+/ Amach Ón tSnáthaid
+/ AR AN tSRÁID
+/ Ar An tSráid
+/ CAINT AN tSRÁIDBHAILE
+/ Caint An tSráidbhaile
+/ CORA CRUA AN tSAOIL
+/ Cora Crua An tSaoil
+/ BHOLADH AN tSÁILE
+/ Bholadh An tSáile
+/ UAIR SA tSEACHTAIN
+/ Uair Sa tSeachtain
+/ DEIREADH AN tSÉASÚIR
+/ Deireadh An tSéasúir
+/ FEAR AN tSIOPA
+/ Fear an tSiopa
+/ AN tSÍOCHÁIN A CHOIMEÁD
+/ An tSíocháin a Choimeád
+/ AN tSOCHAÍ FAISNÉISE
+/ An tSochaí Faisnéise
+/ GAOTH AN tSÓLÁIS
+/ Gaoth aN tSóláis
+/ IS BEAG AN tSUIM IAD
+/ Is Beag An tSuim Iad
+/ INFHEICTHE AG AN tSÚIL
+/ Infheicthe Ag An tSúil
+/ SCRÍOBHFAIDH
+/ Scríobhfaidh
+/ PREABPHAS
+/ Preabphas
+/ ÚSÁIDTEAR
+/ Úsáidtear
+/ SNAGCHEOL
+/ Snagcheol
+/ IN-ATHNUAITE AGATSA
+/ In-Athnuaite AGATSA
+/ TEANGA DHOMHANDA
+/ Teanga Dhomhanda
+/ RÉALTSRUTH
+/ Réaltsruth
+/ NA HATAÍ
+/ Na Hataí
+/ T-LÉINE
+/ T-Léine
+/ t-Léine
+/ t-léine
+/ TORC ALLTA
+/ Torc Allta
+/ TSK TSK TSK A CHARA
+/ Tsk Tsk Tsk a Chara
+</body>
+</html>
diff --git a/layout/reftests/text-transform/irish-lowercase-1b.html b/layout/reftests/text-transform/irish-lowercase-1b.html
new file mode 100644
index 0000000000..52c858b712
--- /dev/null
+++ b/layout/reftests/text-transform/irish-lowercase-1b.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="ga-IE">
+<head>
+<meta charset="utf-8">
+<title>Test for Irish lowercasing</title>
+<style>
+body {
+  font: 16px/20px monospace;
+  text-transform: lowercase;
+  word-break: keep-all;
+}
+</style>
+</head>
+<body>
+  ÁR nACMHAINNÍ UISCE
+/ ÁR N-ACMHAINNÍ UISCE
+/ Ár nAcmhainní Uisce
+/ Ár n-Acmhainní Uisce
+/ ár n-acmhainní uisce
+/ Ár nathair
+/ ÁR NATHAIR
+/ Ár Nathair
+/ N-a shaighdiúir
+/ gan dul as aca ach le nA chabhair
+/ EOLAÍOCHT NA nÁBHAR
+/ EOLAÍOCHT NA n-ÁBHAR
+/ Eolaíocht na nÁbhar
+/ Eolaíocht na n-Ábhar
+/ eolaíocht na n-ábhar
+/ Amhrán náisiúnta
+/ Amhrán Náisiúnta
+/ AMHRÁN NÁISIÚNTA
+/ LUCHT NA nEALAÍON
+/ LUCHT NA n-EALAÍON
+/ Lucht na nEalaíon
+/ Lucht na n-Ealaíon
+/ lucht na n-ealaíon
+/ Neart Daoine
+/ neart daoine
+/ NEART DAOINE
+/ CEOL NA nÉAN
+/ CEOL NA n-ÉAN
+/ Ceol na nÉan
+/ Ceol na n-Éan
+/ ceol na n-éan
+/ Sa Néal
+/ Sa néal
+/ SA NÉAL
+/ ORD NA nIMEACHTAÍ
+/ ORD NA n-IMEACHTAÍ
+/ Ord na nImeachtaí
+/ Ord na n-Imeachtaí
+/ ord na n-imeachtaí
+/ Nathair Nimhe
+/ Nathair nimhe
+/ NATHAIR NIMHE
+/ LUCHT ADHARTHA NA nÍOMHÁNNA
+/ LUCHT ADHARTHA NA n-ÍOMHÁNNA
+/ Lucht Adhartha na nÍomhánna
+/ Lucht Adhartha na n-Íomhánna
+/ lucht adhartha na n-íomhánna
+/ Níos Measa
+/ níos measa
+/ NÍOS MEASA
+/ GNÉITHE DÁR nOIDHREACHT
+/ GNÉITHE DÁR n-OIDHREACHT
+/ Gnéithe Dár nOidhreacht
+/ Gnéithe Dár n-Oidhreacht
+/ gnéithe dár n-oidhreacht
+/ Duine Nochta
+/ Duine nochta
+/ DUINE NOCHTA
+/ CULTÚR NA nÓG
+/ CULTÚR NA n-ÓG
+/ Cultúr na nÓg
+/ Cultúr na n-Óg
+/ cultúr na n-óg
+/ Dhá Nóiméad
+/ Dhá nóiméad
+/ DHÁ NÓIMÉAD
+/ OCHT nUAIRE SA LÁ
+/ OCHT n-UAIRE SA LÁ
+/ Ocht nUaire Sa Lá
+/ Ocht n-Uaire Sa Lá
+/ ocht n-uaire sa lá
+/ Gúna Nua
+/ gúna nua
+/ GÚNA NUA
+/ FORMHÓR NA nÚDARÁS
+/ FORMHÓR NA n-ÚDARÁS
+/ Formhór na nÚdarás
+/ Formhór na n-Údarás
+/ formhór na n-údarás
+/ Imoibreoir Núicléach
+/ Imoibreoir núicléach
+/ IMOIBREOIR NÚICLÉACH
+/ sean-Airteagal
+/ SeanAirteagal
+/ BunIoncaim
+/ Bun-Ioncaim
+/ BuanOrduithe
+/ Buan-Orduithe
+/ ÁR nATHAIR
+/ Ár nAthair
+/ CLÁR NA nÁBHAR
+/ Clár na nÁbhar
+/ CEOL NA nDAOINE
+/ Ceol na nDaoine
+/ TÁIM I nGRÁ LEAT
+/ Táim i nGrá Leat
+/ CÉN tAM É?
+/ CÉN t-AM É?
+/ Cén tAm É?
+/ Cén t-Am É?
+/ cén t-am é?
+/ Tar Ar Ais!
+/ tar ar ais!
+/ TÁ AN tÁDH ORM INNIU!
+/ TÁ AN t-ÁDH ORM INNIU!
+/ Tá An tÁdh Orm Inniu!
+/ Tá An t-Ádh Orm Inniu!
+/ tá an t-ádh orm inniu!
+/ Rud Tábhachtach
+/ Rud tábhachtach
+/ rud tábhachtach
+/ DEN OBAIR AN tEOLAS
+/ DEN OBAIR AN t-EOLAS
+/ Den Obair an tEolas
+/ Den Obair an t-Eolas
+/ den obair an t-eolas
+/ AN tÉILEAMH A ÍOC
+/ AN t-ÉILEAMH A ÍOC
+/ An tÉileamh a Íoc
+/ An t-Éileamh a Íoc
+/ an t-éileamh a íoc
+/ AN tINNEALL CUARDAIGH IS FEARR
+/ AN t-INNEALL CUARDAIGH IS FEARR
+/ An tInneall Cuardaigh Is Fearr
+/ An t-Inneall Cuardaigh Is Fearr
+/ an t-inneall cuardaigh is fearr
+/ AN tÍOCHTAR A CHUR IN UACHTAR
+/ AN t-ÍOCHTAR A CHUR IN UACHTAR
+/ An tÍochtar a Chur In Uachtar
+/ An t-Íochtar a Chur In Uachtar
+/ an t-íochtar a chur in uachtar
+/ TABHAIR AN tORDÚ SEO DÓ!
+/ TABHAIR AN t-ORDÚ SEO DÓ!
+/ Tabhair An tOrdú Seo Dó!
+/ Tabhair An t-Ordú Seo Dó!
+/ tabhair an t-ordú seo dó!
+/ TÁ AN tÓR BUÍ AIGE.
+/ TÁ AN t-ÓR BUÍ AIGE.
+/ Tá An tÓr Buí Aige.
+/ Tá An t-Ór Buí Aige.
+/ tá an t-ór buí aige.
+/ AN tUISCE BEATHA AR AN TÁBLA.
+/ AN t-UISCE BEATHA AR AN TÁBLA.
+/ An tUisce Beatha Ar An Tábla.
+/ An t-Uisce Beatha Ar An Tábla.
+/ an t-uisce beatha ar an tábla.
+/ AN tÚRSCÉAL IS DEIREANAÍ
+/ AN t-ÚRSCÉAL IS DEIREANAÍ
+/ An tÚrscéal Is Deireanaí
+/ An t-Úrscéal Is Deireanaí
+/ an t-úrscéal is deireanaí
+/ Dréacht-Acht
+/ DréachtPhlean
+/ Dréacht-Phlean
+/ Dréacht-Íocaíocht
+/ ÁitAinmneacha
+/ Áit-Ainmneacha
+/ StátUrraithe
+/ Stát-Urraithe
+/ AR AON tSLÍ
+/ Ar Aon tSlí
+/ AMACH ÓN tSNÁTHAID
+/ Amach Ón tSnáthaid
+/ AR AN tSRÁID
+/ Ar An tSráid
+/ CAINT AN tSRÁIDBHAILE
+/ Caint An tSráidbhaile
+/ CORA CRUA AN tSAOIL
+/ Cora Crua An tSaoil
+/ BHOLADH AN tSÁILE
+/ Bholadh An tSáile
+/ UAIR SA tSEACHTAIN
+/ Uair Sa tSeachtain
+/ DEIREADH AN tSÉASÚIR
+/ Deireadh An tSéasúir
+/ FEAR AN tSIOPA
+/ Fear an tSiopa
+/ AN tSÍOCHÁIN A CHOIMEÁD
+/ An tSíocháin a Choimeád
+/ AN tSOCHAÍ FAISNÉISE
+/ An tSochaí Faisnéise
+/ GAOTH AN tSÓLÁIS
+/ Gaoth aN tSóláis
+/ IS BEAG AN tSUIM IAD
+/ Is Beag An tSuim Iad
+/ INFHEICTHE AG AN tSÚIL
+/ Infheicthe Ag An tSúil
+/ SCRÍOBHFAIDH
+/ Scríobhfaidh
+/ PREABPHAS
+/ Preabphas
+/ ÚSÁIDTEAR
+/ Úsáidtear
+/ SNAGCHEOL
+/ Snagcheol
+/ IN-ATHNUAITE AGATSA
+/ In-Athnuaite AGATSA
+/ TEANGA DHOMHANDA
+/ Teanga Dhomhanda
+/ RÉALTSRUTH
+/ Réaltsruth
+/ NA HATAÍ
+/ Na Hataí
+/ T-LÉINE
+/ T-Léine
+/ t-Léine
+/ t-léine
+/ TORC ALLTA
+/ Torc Allta
+/ TSK TSK TSK A CHARA
+/ Tsk Tsk Tsk a Chara
+</body>
+</html>
diff --git a/layout/reftests/text-transform/irish-uppercase-1-ref.html b/layout/reftests/text-transform/irish-uppercase-1-ref.html
new file mode 100644
index 0000000000..a9dc7ddc12
--- /dev/null
+++ b/layout/reftests/text-transform/irish-uppercase-1-ref.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="ga-IE">
+<head>
+<meta charset="utf-8">
+<title>Test for Irish uppercasing</title>
+<style>
+body {
+  font: 16px/20px monospace;
+  text-transform: none;
+}
+</style>
+</head>
+<body>
+  ORD NA bhFOCAL
+/ COSÁN NA bhFILÍ
+/ ÁR bPOBAL
+/ NÓRA NA bPORTACH
+/ I dTOSACH BÁIRE
+/ AN GHAEILGE I dTUAISCEART NA hÉIREANN
+/ AS AN gCEANTAR SIN
+/ I gCONTAE NA MÍ AGUS I gCONAMARA
+/ DÉ hAOINE
+/ OIRTHEAR NA hÁISE
+/ PARLAIMINT NA hEORPA
+/ POBLACHT NA hÉIREANN
+/ EALAÍN NA hIODÁILE
+/ NA hÍOSÁNAIGH
+/ ACADAMH NA hOLLSCOLAÍOCHTA
+/ TÍR NA hÓIGE
+/ TOGHCHÁN NA hUACHTARÁNACHTA
+/ NA hÚDARÁIS CHÁNACH
+/ I mBUN MO MHACHNAMH
+/ I mBÉAL FEIRSTE AGUS I mBAILE ÁTHA CLIATH
+/ ÁR nACMHAINNÍ UISCE
+/ EOLAÍOCHT NA nÁBHAR
+/ LUCHT NA nEALAÍON
+/ CEOL NA nÉAN
+/ ORD NA nIMEACHTAÍ
+/ LUCHT ADHARTHA NA nÍOMHÁNNA
+/ GNÉITHE DÁR nOIDHREACHT
+/ CULTÚR NA nÓG
+/ OCHT nUAIRE SA LÁ
+/ FORMHÓR NA nÚDARÁS
+/ ÁR nATHAIR
+/ CLÁR NA nÁBHAR
+/ LOCH nEATHACH
+/ CUMANN NA nÉIREANNACH AONTAITHE
+/ GRÉASÁN NA nIONTAS
+/ NÓIBHÍSEACHT NA nÍOSÁNACH
+/ I gCEANTAR NA nOILEÁN
+/ TÍR NA nÓG
+/ BAILE NA nULTACH
+/ GORT NA nÚLL
+/ CEOL NA nDAOINE
+/ I nDÚN NA nGALL
+/ TÁIM I nGRÁ LEAT
+/ LABHAIR SÉ I nGAEILGE!
+/ CÉN tAM É?
+/ TÁ AN tÁDH ORM INNIU!
+/ DEN OBAIR AN tEOLAS
+/ AN tÉILEAMH A ÍOC
+/ AN tINNEALL CUARDAIGH IS FEARR
+/ AN tÍOCHTAR A CHUR IN UACHTAR
+/ TABHAIR AN tORDÚ SEO DÓ!
+/ TÁ AN tÓR BUÍ AIGE.
+/ AN tUISCE BEATHA AR AN TÁBLA.
+/ AN tÚRSCÉAL IS DEIREANAÍ
+/ AN tACHT OIDEACHAIS
+/ AN tÁIVÉ MÁIRIA
+/ AN tEARRACH ARABACH
+/ AN tÉIRÍ AMACH
+/ AN tIMEALL
+/ AN tÍOSÁNACH PEADAR CANISIUS
+/ AN tOILEÁNACH
+/ AN tÓR MUIRE
+/ AN tUASAL ÉAMON Ó CUÍV
+/ AN tÚDARÁS UM BÓITHRE NÁISIÚNTA
+/ AR AON tSLÍ
+/ BÉAL ÁTHA AN tSLÉIBHE
+/ AMACH ÓN tSNÁTHAID
+/ BANRÍON AN tSNEACHTA
+/ AR AN tSRÁID
+/ CAINT AN tSRÁIDBHAILE
+/ CORA CRUA AN tSAOIL
+/ BHOLADH AN tSÁILE
+/ UAIR SA tSEACHTAIN
+/ DEIREADH AN tSÉASÚIR
+/ FEAR AN tSIOPA
+/ AN tSÍOCHÁIN A CHOIMEÁD
+/ AN tSOCHAÍ FAISNÉISE
+/ GAOTH AN tSÓLÁIS
+/ IS BEAG AN tSUIM IAD
+/ INFHEICTHE AG AN tSÚIL
+/ CNOC AN tSAMHRAIDH
+/ CIONN tSÁILE
+/ AN tSEIRBHÍS PHOIBLÍ
+/ BAILE AN tSÉIPÉIL
+/ AN tSIRIA
+/ AN tSÍN
+/ OIFIG AN tSOLÁTHAIR
+/ POLL AN tSÓMAIS
+/ EOLAIRE AN tSUÍMH
+/ CASADH AN tSÚGÁIN
+/ SCRÍOBHFAIDH
+/ PREABPHAS
+/ ÚSÁIDTEAR
+/ SNAGCHEOL
+/ STÁITSE IMBOLC
+/ IN-ATHNUAITE AGATSA
+/ TEANGA DHOMHANDA
+/ RÉALTSRUTH
+/ NA HATAÍ
+/ NA HATAÍ
+/ ÁR NATHAIR
+/ ÁR NATHAIR
+/ T-LÉINE
+/ TORC ALLTA
+/ TSK TSK TSK A CHARA
+</body>
+</html>
diff --git a/layout/reftests/text-transform/irish-uppercase-1.html b/layout/reftests/text-transform/irish-uppercase-1.html
new file mode 100644
index 0000000000..9e4743917e
--- /dev/null
+++ b/layout/reftests/text-transform/irish-uppercase-1.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="ga-IE">
+<head>
+<meta charset="utf-8">
+<title>Test for Irish uppercasing</title>
+<style>
+body {
+  font: 16px/20px monospace;
+  text-transform: uppercase;
+}
+</style>
+</head>
+<body>
+  ord na bhfocal
+/ Cosán na bhFilí
+/ ár bpobal
+/ Nóra na bPortach
+/ i dtosach báire
+/ An Ghaeilge i dTuaisceart na hÉireann
+/ as an gceantar sin
+/ I gContae na Mí agus i gConamara
+/ Dé hAoine
+/ Oirthear na hÁise
+/ Parlaimint na hEorpa
+/ Poblacht na hÉireann
+/ Ealaín na hIodáile
+/ na hÍosánaigh
+/ Acadamh na hOllscolaíochta
+/ Tír na hÓige
+/ toghchán na hUachtaránachta
+/ na hÚdaráis Chánach
+/ I mbun mo mhachnamh
+/ I mBéal Feirste agus i mBaile Átha Cliath
+/ ár n-acmhainní uisce
+/ eolaíocht na n-ábhar
+/ lucht na n-ealaíon
+/ ceol na n-éan
+/ ord na n-imeachtaí
+/ lucht adhartha na n-íomhánna
+/ gnéithe dár n-oidhreacht
+/ cultúr na n-óg
+/ ocht n-uaire sa lá
+/ formhór na n-údarás
+/ Ár nAthair
+/ Clár na nÁbhar
+/ Loch nEathach
+/ Cumann na nÉireannach Aontaithe
+/ Gréasán na nIontas
+/ nóibhíseacht na nÍosánach
+/ i gCeantar na nOileán
+/ Tír na nÓg
+/ Baile na nUltach
+/ Gort na nÚll
+/ ceol na ndaoine
+/ i nDún na nGall
+/ táim i ngrá leat
+/ labhair sé i nGaeilge!
+/ cén t-am é?
+/ tá an t-ádh orm inniu!
+/ Den obair an t-eolas
+/ An t-éileamh a íoc
+/ an t-inneall cuardaigh is fearr
+/ an t-íochtar a chur in uachtar
+/ Tabhair an t-ordú seo dó!
+/ Tá an t-ór buí aige.
+/ an t-uisce beatha ar an tábla.
+/ an t-úrscéal is deireanaí
+/ An tAcht Oideachais
+/ an tÁivé Máiria
+/ An tEarrach Arabach
+/ An tÉirí Amach
+/ An tImeall
+/ An tÍosánach Peadar Canisius
+/ An tOileánach
+/ An tÓr Muire
+/ an tUasal Éamon Ó Cuív
+/ An tÚdarás um Bóithre Náisiúnta
+/ ar aon tslí
+/ Béal Átha an tSléibhe
+/ Amach ón tsnáthaid
+/ Banríon an tSneachta
+/ ar an tsráid
+/ Caint an tSráidbhaile
+/ cora crua an tsaoil
+/ bholadh an tsáile
+/ uair sa tseachtain
+/ deireadh an tséasúir
+/ fear an tsiopa
+/ an tsíocháin a choimeád
+/ an tsochaí faisnéise
+/ gaoth an tsóláis
+/ Is beag an tsuim iad
+/ infheicthe ag an tsúil
+/ Cnoc an tSamhraidh
+/ Cionn tSáile
+/ an tSeirbhís Phoiblí
+/ Baile an tSéipéil
+/ An tSiria
+/ An tSín
+/ Oifig an tSoláthair
+/ Poll an tSómais
+/ Eolaire an tSuímh
+/ Casadh an tSúgáin
+/ scríobhfaidh
+/ preabphas
+/ úsáidtear
+/ snagcheol
+/ Stáitse Imbolc
+/ in-athnuaite agatsa
+/ Teanga Dhomhanda
+/ Réaltsruth
+/ na hataí
+/ Na Hataí
+/ ár nathair
+/ Ár Nathair
+/ t-léine
+/ torc allta
+/ tsk tsk tsk a chara
+</body>
+</html>
diff --git a/layout/reftests/text-transform/lowercase-1.html b/layout/reftests/text-transform/lowercase-1.html
new file mode 100644
index 0000000000..ffe1eb2860
--- /dev/null
+++ b/layout/reftests/text-transform/lowercase-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: text-transform</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+    <meta name="flags" content="" />
+  <body>
+    <span style="text-transform:lowercase">This text should be lowercased.</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/lowercase-ref.html b/layout/reftests/text-transform/lowercase-ref.html
new file mode 100644
index 0000000000..86e62bd10d
--- /dev/null
+++ b/layout/reftests/text-transform/lowercase-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+      this text should be lowercased.
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/lowercase-sigma-1-ref.html b/layout/reftests/text-transform/lowercase-sigma-1-ref.html
new file mode 100644
index 0000000000..bfb53f68e5
--- /dev/null
+++ b/layout/reftests/text-transform/lowercase-sigma-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8">
+</head>
+<body>
+  <div>
+  σ σς σσς ας σα ασας ασσα (σ) (σς) (σ-σ) α&#x301;ς α&#x301;ς&#x301; α&#x301;σ&#x301;σ&#x301;α
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/lowercase-sigma-1.html b/layout/reftests/text-transform/lowercase-sigma-1.html
new file mode 100644
index 0000000000..dd7941bf7d
--- /dev/null
+++ b/layout/reftests/text-transform/lowercase-sigma-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8">
+</head>
+<body>
+  <div style="text-transform:lowercase">
+  Σ ΣΣ ΣΣΣ ΑΣ ΣΑ ΑΣΑΣ ΑΣΣΑ (Σ) (ΣΣ) (Σ-Σ) Α&#x301;Σ Α&#x301;Σ&#x301; Α&#x301;Σ&#x301;Σ&#x301;Α<br>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/opentype-small-caps-1-notref.html b/layout/reftests/text-transform/opentype-small-caps-1-notref.html
new file mode 100644
index 0000000000..fd6ace0774
--- /dev/null
+++ b/layout/reftests/text-transform/opentype-small-caps-1-notref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that supports the OpenType 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+body {
+  font: 100px test;
+}
+span {
+  font-size: 80px;
+}
+</style>
+</head>
+<body>
+<div>S<span>MALL</span> C<span>APS</span>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/opentype-small-caps-1-ref.html b/layout/reftests/text-transform/opentype-small-caps-1-ref.html
new file mode 100644
index 0000000000..ead0ecec88
--- /dev/null
+++ b/layout/reftests/text-transform/opentype-small-caps-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that supports the OpenType 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+body {
+  font: 100px test;
+}
+div {
+  font-feature-settings: 'smcp' on;
+}
+</style>
+</head>
+<body>
+<div>Small Caps
+</body>
+</html>
diff --git a/layout/reftests/text-transform/opentype-small-caps-1.html b/layout/reftests/text-transform/opentype-small-caps-1.html
new file mode 100644
index 0000000000..53974db6e9
--- /dev/null
+++ b/layout/reftests/text-transform/opentype-small-caps-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+/* load a font that supports the OpenType 'smcp' feature */
+@font-face {
+  font-family: test;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+body {
+  font: 100px test;
+}
+</style>
+</head>
+<body>
+<div style="font-variant:small-caps">Small Caps
+</body>
+</html>
diff --git a/layout/reftests/text-transform/reftest.list b/layout/reftests/text-transform/reftest.list
new file mode 100644
index 0000000000..3ec0038036
--- /dev/null
+++ b/layout/reftests/text-transform/reftest.list
@@ -0,0 +1,49 @@
+# Some text-transform tests may require font fallback
+defaults pref(gfx.font_rendering.fallback.async,false)
+
+== capitalize-1.html capitalize-ref.html
+== capitalize-2.html capitalize-ref.html
+== capitalize-3.html capitalize-3-ref.html
+== capitalize-4.html capitalize-4-ref.html
+== capitalize-5.html capitalize-5-ref.html
+== capitalize-6.html capitalize-6-ref.html
+== capitalize-7.html capitalize-7-ref.html
+== capitalize-7a.html capitalize-7-ref.html
+== capitalize-8.html capitalize-8-ref.html
+== capitalize-9.html capitalize-9-ref.html
+== lowercase-1.html lowercase-ref.html
+== lowercase-sigma-1.html lowercase-sigma-1-ref.html
+random-if(winWidget) == small-caps-1.html small-caps-1-ref.html # fails if default font supports 'smcp'
+== fake-small-caps-1.html fake-small-caps-1-ref.html
+== opentype-small-caps-1.html opentype-small-caps-1-ref.html
+!= opentype-small-caps-1.html opentype-small-caps-1-notref.html
+== graphite-small-caps-1.html graphite-small-caps-1-ref.html
+!= graphite-small-caps-1.html graphite-small-caps-1-notref.html
+== uppercase-1.html uppercase-ref.html
+== uppercase-szlig-1.html uppercase-szlig-ref.html
+# these use DejaVu Sans via @font-face for consistency of results
+fuzzy-if(cocoaWidget,0-250,0-15) == all-upper.html all-upper-ref.html # bug 1140292
+fuzzy(0-1,0-1800) == all-lower.html all-lower-ref.html # bug 1140292
+fuzzy(0-1,0-80) == all-title.html all-title-ref.html
+== smtp-upper.html smtp-upper-ref.html
+== smtp-lower.html smtp-lower-ref.html
+== smtp-title.html smtp-title-ref.html
+== turkish-casing-1.html turkish-casing-1-ref.html
+!= small-caps-turkish-1.html small-caps-turkish-1-notref.html
+== greek-uppercase-1a.html greek-uppercase-1-ref.html
+== greek-uppercase-1b.html greek-uppercase-1-ref.html
+== greek-uppercase-2.html greek-uppercase-2-ref.html
+== greek-uppercase-3.html greek-uppercase-3-ref.html
+== greek-small-caps-1.html greek-small-caps-1-ref.html
+== irish-uppercase-1.html irish-uppercase-1-ref.html
+== irish-lowercase-1a.html irish-lowercase-1-ref.html
+== irish-lowercase-1b.html irish-lowercase-1-ref.html
+== fullwidth-1.html fullwidth-1-ref.html
+== fullwidth-2.html fullwidth-2-ref.html
+== fullwidth-all.html fullwidth-all-ref.html
+
+pref(layout.css.text-transform.uppercase-eszett.enabled,false) == uppercase-eszett-1.html uppercase-eszett-1a-ref.html
+pref(layout.css.text-transform.uppercase-eszett.enabled,true)  == uppercase-eszett-1.html uppercase-eszett-1b-ref.html
+
+# Reset default prefs
+defaults
diff --git a/layout/reftests/text-transform/small-caps-1-ref.html b/layout/reftests/text-transform/small-caps-1-ref.html
new file mode 100644
index 0000000000..e342a3d2a2
--- /dev/null
+++ b/layout/reftests/text-transform/small-caps-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE HTML>
+<html>
+<body style="font-size:100px;">A<span style="font-size:80%">A</span></body>
+</html>
diff --git a/layout/reftests/text-transform/small-caps-1.html b/layout/reftests/text-transform/small-caps-1.html
new file mode 100644
index 0000000000..d7146b3e34
--- /dev/null
+++ b/layout/reftests/text-transform/small-caps-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+    <title>CSS 2.1 Test Suite: text-transform</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+    <meta name="flags" content="" />
+<body style="font-variant:small-caps; font-size:100px;">Aa</body>
+</html>
diff --git a/layout/reftests/text-transform/small-caps-turkish-1-notref.html b/layout/reftests/text-transform/small-caps-turkish-1-notref.html
new file mode 100644
index 0000000000..4e735277a1
--- /dev/null
+++ b/layout/reftests/text-transform/small-caps-turkish-1-notref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+<title>Test for Turkish small-caps behavior</title>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+div {
+  font-family: libertine;
+}
+</style>
+</head>
+<body>
+<div lang="en" style="font-variant:small-caps">
+Evrensel Kod her yazı karakteri için bir ve yalnız bir sayı şart koşar,
+hangi altyapı,
+hangi yazılım,
+hangi dil olursa olsun.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/small-caps-turkish-1.html b/layout/reftests/text-transform/small-caps-turkish-1.html
new file mode 100644
index 0000000000..be848f4b27
--- /dev/null
+++ b/layout/reftests/text-transform/small-caps-turkish-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+<title>Test for Turkish small-caps behavior</title>
+<style type="text/css">
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+div {
+  font-family: libertine;
+}
+</style>
+</head>
+<body>
+<div lang="tr" style="font-variant:small-caps">
+Evrensel Kod her yazı karakteri için bir ve yalnız bir sayı şart koşar,
+hangi altyapı,
+hangi yazılım,
+hangi dil olursa olsun.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/smtp-lower-ref.html b/layout/reftests/text-transform/smtp-lower-ref.html
new file mode 100644
index 0000000000..f6d91314e4
--- /dev/null
+++ b/layout/reftests/text-transform/smtp-lower-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ </head>
+ <body>
+  <p>
+&#x10428;
+&#x10429;
+&#x1042A;
+&#x1042B;
+&#x1042C;
+&#x1042D;
+&#x1042E;
+&#x1042F;
+&#x10430;
+&#x10431;
+&#x10432;
+&#x10433;
+&#x10434;
+&#x10435;
+&#x10436;
+&#x10437;
+&#x10438;
+&#x10439;
+&#x1043A;
+&#x1043B;
+&#x1043C;
+&#x1043D;
+&#x1043E;
+&#x1043F;
+&#x10440;
+&#x10441;
+&#x10442;
+&#x10443;
+&#x10444;
+&#x10445;
+&#x10446;
+&#x10447;
+&#x10448;
+&#x10449;
+&#x1044A;
+&#x1044B;
+&#x1044C;
+&#x1044D;
+&#x1044E;
+&#x1044F;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/smtp-lower.html b/layout/reftests/text-transform/smtp-lower.html
new file mode 100644
index 0000000000..2d3ffa6d55
--- /dev/null
+++ b/layout/reftests/text-transform/smtp-lower.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   p { text-transform: lowercase; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x10400;
+&#x10401;
+&#x10402;
+&#x10403;
+&#x10404;
+&#x10405;
+&#x10406;
+&#x10407;
+&#x10408;
+&#x10409;
+&#x1040A;
+&#x1040B;
+&#x1040C;
+&#x1040D;
+&#x1040E;
+&#x1040F;
+&#x10410;
+&#x10411;
+&#x10412;
+&#x10413;
+&#x10414;
+&#x10415;
+&#x10416;
+&#x10417;
+&#x10418;
+&#x10419;
+&#x1041A;
+&#x1041B;
+&#x1041C;
+&#x1041D;
+&#x1041E;
+&#x1041F;
+&#x10420;
+&#x10421;
+&#x10422;
+&#x10423;
+&#x10424;
+&#x10425;
+&#x10426;
+&#x10427;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/smtp-title-ref.html b/layout/reftests/text-transform/smtp-title-ref.html
new file mode 100644
index 0000000000..c404cfaecf
--- /dev/null
+++ b/layout/reftests/text-transform/smtp-title-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ </head>
+ <body>
+  <p>
+&#x10400;x
+&#x10401;x
+&#x10402;x
+&#x10403;x
+&#x10404;x
+&#x10405;x
+&#x10406;x
+&#x10407;x
+&#x10408;x
+&#x10409;x
+&#x1040A;x
+&#x1040B;x
+&#x1040C;x
+&#x1040D;x
+&#x1040E;x
+&#x1040F;x
+&#x10410;x
+&#x10411;x
+&#x10412;x
+&#x10413;x
+&#x10414;x
+&#x10415;x
+&#x10416;x
+&#x10417;x
+&#x10418;x
+&#x10419;x
+&#x1041A;x
+&#x1041B;x
+&#x1041C;x
+&#x1041D;x
+&#x1041E;x
+&#x1041F;x
+&#x10420;x
+&#x10421;x
+&#x10422;x
+&#x10423;x
+&#x10424;x
+&#x10425;x
+&#x10426;x
+&#x10427;x
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/smtp-title.html b/layout/reftests/text-transform/smtp-title.html
new file mode 100644
index 0000000000..c3dd440d5c
--- /dev/null
+++ b/layout/reftests/text-transform/smtp-title.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   p { text-transform: capitalize; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x10428;x
+&#x10429;x
+&#x1042A;x
+&#x1042B;x
+&#x1042C;x
+&#x1042D;x
+&#x1042E;x
+&#x1042F;x
+&#x10430;x
+&#x10431;x
+&#x10432;x
+&#x10433;x
+&#x10434;x
+&#x10435;x
+&#x10436;x
+&#x10437;x
+&#x10438;x
+&#x10439;x
+&#x1043A;x
+&#x1043B;x
+&#x1043C;x
+&#x1043D;x
+&#x1043E;x
+&#x1043F;x
+&#x10440;x
+&#x10441;x
+&#x10442;x
+&#x10443;x
+&#x10444;x
+&#x10445;x
+&#x10446;x
+&#x10447;x
+&#x10448;x
+&#x10449;x
+&#x1044A;x
+&#x1044B;x
+&#x1044C;x
+&#x1044D;x
+&#x1044E;x
+&#x1044F;x
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/smtp-upper-ref.html b/layout/reftests/text-transform/smtp-upper-ref.html
new file mode 100644
index 0000000000..3d8a69c566
--- /dev/null
+++ b/layout/reftests/text-transform/smtp-upper-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ </head>
+ <body>
+  <p>
+&#x10400;
+&#x10401;
+&#x10402;
+&#x10403;
+&#x10404;
+&#x10405;
+&#x10406;
+&#x10407;
+&#x10408;
+&#x10409;
+&#x1040A;
+&#x1040B;
+&#x1040C;
+&#x1040D;
+&#x1040E;
+&#x1040F;
+&#x10410;
+&#x10411;
+&#x10412;
+&#x10413;
+&#x10414;
+&#x10415;
+&#x10416;
+&#x10417;
+&#x10418;
+&#x10419;
+&#x1041A;
+&#x1041B;
+&#x1041C;
+&#x1041D;
+&#x1041E;
+&#x1041F;
+&#x10420;
+&#x10421;
+&#x10422;
+&#x10423;
+&#x10424;
+&#x10425;
+&#x10426;
+&#x10427;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/smtp-upper.html b/layout/reftests/text-transform/smtp-upper.html
new file mode 100644
index 0000000000..959765aca0
--- /dev/null
+++ b/layout/reftests/text-transform/smtp-upper.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+   p { text-transform: uppercase; }
+  </style>
+ </head>
+ <body>
+  <p>
+&#x10428;
+&#x10429;
+&#x1042A;
+&#x1042B;
+&#x1042C;
+&#x1042D;
+&#x1042E;
+&#x1042F;
+&#x10430;
+&#x10431;
+&#x10432;
+&#x10433;
+&#x10434;
+&#x10435;
+&#x10436;
+&#x10437;
+&#x10438;
+&#x10439;
+&#x1043A;
+&#x1043B;
+&#x1043C;
+&#x1043D;
+&#x1043E;
+&#x1043F;
+&#x10440;
+&#x10441;
+&#x10442;
+&#x10443;
+&#x10444;
+&#x10445;
+&#x10446;
+&#x10447;
+&#x10448;
+&#x10449;
+&#x1044A;
+&#x1044B;
+&#x1044C;
+&#x1044D;
+&#x1044E;
+&#x1044F;
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text-transform/turkish-casing-1-ref.html b/layout/reftests/text-transform/turkish-casing-1-ref.html
new file mode 100644
index 0000000000..77acf66cad
--- /dev/null
+++ b/layout/reftests/text-transform/turkish-casing-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+<title>Test for Turkish casing behavior</title>
+</head>
+<body>
+<div lang="tr">
+EVRENSEL KOD HER YAZI KARAKTERİ İÇİN BİR VE YALNIZ BİR SAYI ŞART KOŞAR,
+HANGİ ALTYAPI,
+HANGİ YAZILIM,
+HANGİ DİL OLURSA OLSUN.
+</div>
+<div lang="tr">
+evrensel kod her yazı karakteri için bir ve yalnız bir sayı şart koşar,
+hangi altyapı,
+hangi yazılım,
+hangi dil olursa olsun.
+</div>
+<div lang="tr">
+Evrensel Kod Her Yazı Karakteri İçin Bir Ve Yalnız Bir Sayı Şart Koşar,
+Hangi Altyapı,
+Hangi Yazılım,
+Hangi Dil Olursa Olsun.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/turkish-casing-1.html b/layout/reftests/text-transform/turkish-casing-1.html
new file mode 100644
index 0000000000..976b9dd8cf
--- /dev/null
+++ b/layout/reftests/text-transform/turkish-casing-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+<title>Test for Turkish casing behavior</title>
+</head>
+<body>
+<div lang="tr" style="text-transform:uppercase">
+Evrensel Kod her yazı karakteri için bir ve yalnız bir sayı şart koşar,
+hangi altyapı,
+hangi yazılım,
+hangi dil olursa olsun.
+</div>
+<div lang="tr" style="text-transform:lowercase">
+EVRENSEL KOD HER YAZI KARAKTERİ İÇİN BİR VE YALNIZ BİR SAYI ŞART KOŞAR,
+HANGİ ALTYAPI,
+HANGİ YAZILIM,
+HANGİ DİL OLURSA OLSUN.
+</div>
+<div lang="tr" style="text-transform:capitalize">
+Evrensel Kod her yazı karakteri için bir ve yalnız bir sayı şart koşar,
+hangi altyapı,
+hangi yazılım,
+hangi dil olursa olsun.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text-transform/uppercase-1.html b/layout/reftests/text-transform/uppercase-1.html
new file mode 100644
index 0000000000..8f7cd07244
--- /dev/null
+++ b/layout/reftests/text-transform/uppercase-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: text-transform</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+    <meta name="flags" content="" />
+  <body>
+    <span style="text-transform:uppercase">This text should be uppercased.</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/uppercase-eszett-1.html b/layout/reftests/text-transform/uppercase-eszett-1.html
new file mode 100644
index 0000000000..fe0d1929f4
--- /dev/null
+++ b/layout/reftests/text-transform/uppercase-eszett-1.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div style="text-transform: uppercase;">
+Straße
+Großmann
diff --git a/layout/reftests/text-transform/uppercase-eszett-1a-ref.html b/layout/reftests/text-transform/uppercase-eszett-1a-ref.html
new file mode 100644
index 0000000000..3aae46af63
--- /dev/null
+++ b/layout/reftests/text-transform/uppercase-eszett-1a-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div>
+STRASSE
+GROSSMANN
diff --git a/layout/reftests/text-transform/uppercase-eszett-1b-ref.html b/layout/reftests/text-transform/uppercase-eszett-1b-ref.html
new file mode 100644
index 0000000000..9a31e1e555
--- /dev/null
+++ b/layout/reftests/text-transform/uppercase-eszett-1b-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<div>
+STRAẞE
+GROẞMANN
diff --git a/layout/reftests/text-transform/uppercase-ref.html b/layout/reftests/text-transform/uppercase-ref.html
new file mode 100644
index 0000000000..794fe4a152
--- /dev/null
+++ b/layout/reftests/text-transform/uppercase-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    THIS TEXT SHOULD BE UPPERCASED.
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/uppercase-szlig-1.html b/layout/reftests/text-transform/uppercase-szlig-1.html
new file mode 100644
index 0000000000..c1774ada34
--- /dev/null
+++ b/layout/reftests/text-transform/uppercase-szlig-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: text-transform</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+    <meta name="flags" content="" />
+  <body>
+    <span style="text-transform:uppercase">&szlig;</span>
+  </body>
+</html>
diff --git a/layout/reftests/text-transform/uppercase-szlig-ref.html b/layout/reftests/text-transform/uppercase-szlig-ref.html
new file mode 100644
index 0000000000..e73dd456c0
--- /dev/null
+++ b/layout/reftests/text-transform/uppercase-szlig-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    SS
+  </body>
+</html>
diff --git a/layout/reftests/text/1170688-ref.html b/layout/reftests/text/1170688-ref.html
new file mode 100644
index 0000000000..0fe16cc252
--- /dev/null
+++ b/layout/reftests/text/1170688-ref.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8>
+<style type="text/css">
+@font-face {
+  font-family: local-gentium;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+p {
+  font: 300% local-gentium, serif;
+  font-weight: bold;
+  color: rgb(100,255,100);
+  margin: 0;
+}
+</style>
+</head>
+<body>
+<p>Test</p>
+</body>
+</html>
diff --git a/layout/reftests/text/1170688.html b/layout/reftests/text/1170688.html
new file mode 100644
index 0000000000..d83d81b3c7
--- /dev/null
+++ b/layout/reftests/text/1170688.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8>
+<style type="text/css">
+@font-face {
+  font-family: local-gentium;
+  src: url(../fonts/sil/GenR102.ttf);
+}
+p {
+  font: 300% local-gentium, serif;
+  font-weight: bold;
+  color: rgba(100,255,100, 0.2);
+  margin: 0;
+}
+</style>
+</head>
+<body>
+<p>Test</p>
+</body>
+</html>
diff --git a/layout/reftests/text/1320665-cmap-format-13-ref.html b/layout/reftests/text/1320665-cmap-format-13-ref.html
new file mode 100644
index 0000000000..7f8314e4b9
--- /dev/null
+++ b/layout/reftests/text/1320665-cmap-format-13-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body {
+  font-family: monospace;
+  font-size: 48px;
+}
+</style>
+</head>
+<body>
+PASS
diff --git a/layout/reftests/text/1320665-cmap-format-13.html b/layout/reftests/text/1320665-cmap-format-13.html
new file mode 100644
index 0000000000..d8992a236c
--- /dev/null
+++ b/layout/reftests/text/1320665-cmap-format-13.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+/* Adobe Blank 2 font from https://github.com/adobe-fonts/adobe-blank-2/blob/master/adobe-blank-2.css,
+   licensed under the SIL Open Font License, Version 1.1.  http://scripts.sil.org/OFL */
+@font-face {
+  font-family: AdobeBlank2;
+  src: url("data:font/opentype;base64,T1RUTwAKAIAAAwAgQ0ZGIN6nWacAAAfMAAABMURTSUcAAAABAAAJCAAAAAhPUy8yAF+xmwAAARAAAABgY21hcAE0tLwAAAasAAABAGhlYWQIOsNZAAAArAAAADZoaGVhB1oD7wAAAOQAAAAkaG10eAPoAHwAAAkAAAAACG1heHAAAlAAAAABCAAAAAZuYW1lc0mXUAAAAXAAAAU6cG9zdP+4ADIAAAesAAAAIAABAAAAAgBB1Q6SE18PPPUAAwPoAAAAANKdP6AAAAAA0p0/oAB8/4gDbANwAAAAAwACAAAAAAAAAAEAAANw/4gAAAPoAHwAfANsAAEAAAAAAAAAAAAAAAAAAAACAABQAAACAAAAAwPoAZAABQAAAooCWAAAAEsCigJYAAABXgAyANwAAAAAAAAAAAAAAAD3/67/+9///w/gAD8AAAAAQURCTwBAAAD//wNw/4gAAANwAHhgLwH/AAAAAAAAAAAAAAAgAAAAAAALAIoAAwABBAkAAACUAAAAAwABBAkAAQAaAJQAAwABBAkAAgAOAK4AAwABBAkAAwA4ALwAAwABBAkABAAaAJQAAwABBAkABQB0APQAAwABBAkABgAWAWgAAwABBAkACAA0AX4AAwABBAkACwA0AbIAAwABBAkADQKWAeYAAwABBAkADgA0BHwAQwBvAHAAeQByAGkAZwBoAHQAIACpACAAMgAwADEAMwAsACAAMgAwADEANQAgAEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZAAgACgAaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAZABvAGIAZQAuAGMAbwBtAC8AKQAuAEEAZABvAGIAZQAgAEIAbABhAG4AawAgADIAUgBlAGcAdQBsAGEAcgAyAC4AMAAwADEAOwBBAEQAQgBPADsAQQBkAG8AYgBlAEIAbABhAG4AawAyADsAQQBEAE8AQgBFAFYAZQByAHMAaQBvAG4AIAAyAC4AMAAwADEAOwBQAFMAIAAyAC4AMAAwADEAOwBoAG8AdABjAG8AbgB2ACAAMQAuADAALgA4ADgAOwBtAGEAawBlAG8AdABmAC4AbABpAGIAMgAuADUALgA2ADUAMAAxADIAQQBkAG8AYgBlAEIAbABhAG4AawAyAEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZABoAHQAdABwADoALwAvAHcAdwB3AC4AYQBkAG8AYgBlAC4AYwBvAG0ALwB0AHkAcABlAC8AVABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABpAHMAIABsAGkAYwBlAG4AcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAFMASQBMACAATwBwAGUAbgAgAEYAbwBuAHQAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMQAuADEALgAgAFQAaABpAHMAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAaQBzACAAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAbwBuACAAYQBuACAAIgBBAFMAIABJAFMAIgAgAEIAQQBTAEkAUwAsACAAVwBJAFQASABPAFUAVAAgAFcAQQBSAFIAQQBOAFQASQBFAFMAIABPAFIAIABDAE8ATgBEAEkAVABJAE8ATgBTACAATwBGACAAQQBOAFkAIABLAEkATgBEACwAIABlAGkAdABoAGUAcgAgAGUAeABwAHIAZQBzAHMAIABvAHIAIABpAG0AcABsAGkAZQBkAC4AIABTAGUAZQAgAHQAaABlACAAUwBJAEwAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUAIABmAG8AcgAgAHQAaABlACAAcwBwAGUAYwBpAGYAaQBjACAAbABhAG4AZwB1AGEAZwBlACwAIABwAGUAcgBtAGkAcwBzAGkAbwBuAHMAIABhAG4AZAAgAGwAaQBtAGkAdABhAHQAaQBvAG4AcwAgAGcAbwB2AGUAcgBuAGkAbgBnACAAeQBvAHUAcgAgAHUAcwBlACAAbwBmACAAdABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUALgBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAAAAAAEAAwAKAAAADAANAAAAAAD0AAAAAAAAABMAAAAAAADX/wAAAAEAAOAAAAD9zwAAAAEAAP3wAAD//QAAAAEAAQAAAAH//QAAAAEAAgAAAAL//QAAAAEAAwAAAAP//QAAAAEABAAAAAT//QAAAAEABQAAAAX//QAAAAEABgAAAAb//QAAAAEABwAAAAf//QAAAAEACAAAAAj//QAAAAEACQAAAAn//QAAAAEACgAAAAr//QAAAAEACwAAAAv//QAAAAEADAAAAAz//QAAAAEADQAAAA3//QAAAAEADgAAAA7//QAAAAEADwAAAA///QAAAAEAEAAAABD//QAAAAEAAwAAAAAAAP+1ADIAAAAAAAAAAAAAAAAAAAAAAAAAAAEABAIAAQEBDEFkb2JlQmxhbmsyAAEBAS34G/gciwwe+B0B+B4Ci/sM+gD6BAUeKgAfDB+NDCL3Uw/3WRH3Vgwl96wMJAAFAQEGDlZjcEFkb2JlSWRlbnRpdHlDb3B5cmlnaHQgMjAxMywgMjAxNSBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCAoaHR0cDovL3d3dy5hZG9iZS5jb20vKS5BZG9iZSBCbGFuayAyQWRvYmVCbGFuazItMgAAAAABAAAAAAIBAUxO+nz7DLf6JLcB9xC3+Sy3A/cQ+gQV/nz5hPp8B/1Y/icV+dIH98X8MwWmsBX7xfg3Bfj2BqZiFf3SB/vF+DMFcGYV98X8NwX89gYOiw4AAQEBCfgfDCaX97kS+46LHAVGiwa9Cr0LAAAAA+gAfAAAAAAAAAABAAAAAA==");
+}
+body {
+  font-family: monospace;
+  font-size: 48px;
+}
+span {
+  font-family: AdobeBlank2;
+  font-size: 24px; /* smaller size to avoid risk of disrupting line height */
+}
+</style>
+</head>
+<body>
+P<span> (fail) </span>A<span>&#x1234;&#x9876;&#xabcd;</span>S<span>&#x10400;&#x1f333;&#xfe0e;</span>S
diff --git a/layout/reftests/text/1331339-script-extensions-shaping-1-ref.html b/layout/reftests/text/1331339-script-extensions-shaping-1-ref.html
new file mode 100644
index 0000000000..aa86bc2977
--- /dev/null
+++ b/layout/reftests/text/1331339-script-extensions-shaping-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/TAMLThiruValluvar-Regular.ttf);
+}
+.test {
+  font-family: test;
+  width: -moz-fit-content;
+}
+.mask {
+  background: green;
+  position: relative;
+  top: -.7em;
+  height: .7em;
+}
+</style>
+</head>
+<body>
+<div class="test">
+&#x0BA4;&#x0BC6;&#x0BAA;&#x0BC6;
+<div class="mask"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/1331339-script-extensions-shaping-1.html b/layout/reftests/text/1331339-script-extensions-shaping-1.html
new file mode 100644
index 0000000000..1571e806d8
--- /dev/null
+++ b/layout/reftests/text/1331339-script-extensions-shaping-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/TAMLThiruValluvar-Regular.ttf);
+}
+.test {
+  font-family: test;
+  width: -moz-fit-content;
+}
+.mask {
+  background: green;
+  position: relative;
+  top: -.7em;
+  height: .7em;
+}
+</style>
+</head>
+<body>
+<div class="test">
+<!--
+The Grantha nukta characters U+1133C should NOT disrupt shaping of the base text.
+-->
+&#x0BA4;&#x0BC6;&#x1133c;&#x0BAA;&#x1133c;&#x0BC6;&#x1133c;
+<!--
+We place a box over the bottom of the text to mask the nuktas from reftest comparison.
+-->
+<div class="mask"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/1349308-1.html b/layout/reftests/text/1349308-1.html
new file mode 100644
index 0000000000..8be4fa849d
--- /dev/null
+++ b/layout/reftests/text/1349308-1.html
@@ -0,0 +1,2 @@
+<!-- bold font should *not* have the same glyph widths as regular face -->
+<span style="font:36px -apple-system;font-weight:bold;padding:2px;background:black">abcdefghijklmnopqrstuvwxyz
diff --git a/layout/reftests/text/1349308-notref.html b/layout/reftests/text/1349308-notref.html
new file mode 100644
index 0000000000..14d4090f91
--- /dev/null
+++ b/layout/reftests/text/1349308-notref.html
@@ -0,0 +1 @@
+<span style="font:36px -apple-system;font-weight:normal;padding:2px;background:black">abcdefghijklmnopqrstuvwxyz
diff --git a/layout/reftests/text/1463020-letter-spacing-text-transform-1-ref.html b/layout/reftests/text/1463020-letter-spacing-text-transform-1-ref.html
new file mode 100644
index 0000000000..956bb8e45e
--- /dev/null
+++ b/layout/reftests/text/1463020-letter-spacing-text-transform-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<style>
+span {
+  font-size: 36px;
+  font-kerning: none;
+}
+#ref {
+  text-transform: uppercase;
+}
+</style>
+<body>
+  <p>The two lines should match:
+  <p><span id="ref">S&nbsp;&nbsp;🇸🇪&nbsp;&nbsp;v&nbsp;&nbsp;e</span>
+  <p><span id="ref">S&nbsp;&nbsp;🇸🇪&nbsp;&nbsp;v&nbsp;&nbsp;e</span>
+</body>
diff --git a/layout/reftests/text/1463020-letter-spacing-text-transform-1.html b/layout/reftests/text/1463020-letter-spacing-text-transform-1.html
new file mode 100644
index 0000000000..e957a9bc98
--- /dev/null
+++ b/layout/reftests/text/1463020-letter-spacing-text-transform-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset=utf-8>
+<style>
+span {
+  font-size: 36px;
+  font-kerning: none;
+}
+#test, #ref {
+  text-transform: uppercase;
+}
+</style>
+<body>
+  <p>The two lines should match:
+  <p><span id="test">S🇸🇪ve</span><span id="nbsp">&nbsp;</span>
+  <p><span id="ref">S&nbsp;&nbsp;🇸🇪&nbsp;&nbsp;v&nbsp;&nbsp;e</span>
+</body>
+<script>
+var nbspWidth = document.getElementById("nbsp").offsetWidth;
+var test = document.getElementById("test");
+test.style.letterSpacing = (2 * nbspWidth) + "px";
+document.documentElement.classList.remove("reftest-wait");
+</script>
diff --git a/layout/reftests/text/1463020-letter-spacing-text-transform-2-ref.html b/layout/reftests/text/1463020-letter-spacing-text-transform-2-ref.html
new file mode 100644
index 0000000000..5a87a4b570
--- /dev/null
+++ b/layout/reftests/text/1463020-letter-spacing-text-transform-2-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<style>
+span {
+  font-size: 36px;
+  font-kerning: none;
+}
+#ref {
+  text-transform: lowercase;
+}
+</style>
+<body>
+  <p>The two lines should match:
+  <p><span id="ref">𐐔&nbsp;𐐯&nbsp;𐑅&nbsp;𐐨&nbsp;𐑉&nbsp;𐐯&nbsp;𐐻</span>
+  <p><span id="ref">𐐔&nbsp;𐐯&nbsp;𐑅&nbsp;𐐨&nbsp;𐑉&nbsp;𐐯&nbsp;𐐻</span>
+</body>
diff --git a/layout/reftests/text/1463020-letter-spacing-text-transform-2.html b/layout/reftests/text/1463020-letter-spacing-text-transform-2.html
new file mode 100644
index 0000000000..fe6e1b69ea
--- /dev/null
+++ b/layout/reftests/text/1463020-letter-spacing-text-transform-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset=utf-8>
+<style>
+span {
+  font-size: 36px;
+  font-kerning: none;
+}
+#test, #ref {
+  text-transform: lowercase;
+}
+</style>
+<body>
+  <p>The two lines should match:
+  <p><span id="test">𐐔𐐯𐑅𐐨𐑉𐐯𐐻</span><span id="nbsp">&nbsp;</span>
+  <p><span id="ref">𐐔&nbsp;𐐯&nbsp;𐑅&nbsp;𐐨&nbsp;𐑉&nbsp;𐐯&nbsp;𐐻</span>
+</body>
+<script>
+var nbspWidth = document.getElementById("nbsp").offsetWidth;
+var test = document.getElementById("test");
+test.style.letterSpacing = nbspWidth + "px";
+document.documentElement.classList.remove("reftest-wait");
+</script>
diff --git a/layout/reftests/text/1507661-spurious-hyphenation-after-explicit-ref.html b/layout/reftests/text/1507661-spurious-hyphenation-after-explicit-ref.html
new file mode 100644
index 0000000000..4dd3a0f138
--- /dev/null
+++ b/layout/reftests/text/1507661-spurious-hyphenation-after-explicit-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div lang="en">e-<br>mail-<br>ing</div>
diff --git a/layout/reftests/text/1507661-spurious-hyphenation-after-explicit.html b/layout/reftests/text/1507661-spurious-hyphenation-after-explicit.html
new file mode 100644
index 0000000000..9872e7a29b
--- /dev/null
+++ b/layout/reftests/text/1507661-spurious-hyphenation-after-explicit.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div lang="en" style="width:0;hyphens:auto">e-mailing</div>
diff --git a/layout/reftests/text/1522857-1-ref.html b/layout/reftests/text/1522857-1-ref.html
new file mode 100644
index 0000000000..4547d25d0e
--- /dev/null
+++ b/layout/reftests/text/1522857-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="font:300px monospace;width:3ch;text-align:right">ab<br>cd</div>
diff --git a/layout/reftests/text/1522857-1.html b/layout/reftests/text/1522857-1.html
new file mode 100644
index 0000000000..5c1c3c9722
--- /dev/null
+++ b/layout/reftests/text/1522857-1.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="font:300px monospace;width:3ch;text-align:right">ab cd</div>
diff --git a/layout/reftests/text/1637405-pua-shaping-1-notref.html b/layout/reftests/text/1637405-pua-shaping-1-notref.html
new file mode 100644
index 0000000000..a429031d6f
--- /dev/null
+++ b/layout/reftests/text/1637405-pua-shaping-1-notref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/JuniusX-Regular.woff2);
+}
+.test {
+  font: 50px test;
+}
+</style>
+<p>Test passes if the first line has the diacritic right-aligned over the m,
+while the second line has it centered:</p>
+<div class=test><span style="display:inline-block">m</span>&#xF03E;</div>
+<div class=test><span style="display:inline-block">m</span>&#xF03E;</div>
diff --git a/layout/reftests/text/1637405-pua-shaping-1.html b/layout/reftests/text/1637405-pua-shaping-1.html
new file mode 100644
index 0000000000..dfbb365768
--- /dev/null
+++ b/layout/reftests/text/1637405-pua-shaping-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/JuniusX-Regular.woff2);
+}
+.test {
+  font: 50px test;
+}
+</style>
+<p>Test passes if the first line has the diacritic right-aligned over the m,
+while the second line has it centered:</p>
+<div class=test><span style="display:inline-block">m</span>&#xF03E;</div>
+<div class=test>m&#xF03E;</div>
diff --git a/layout/reftests/text/1655364-1-ref.html b/layout/reftests/text/1655364-1-ref.html
new file mode 100644
index 0000000000..97046449ad
--- /dev/null
+++ b/layout/reftests/text/1655364-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="font:300px Consolas, monospace;width:3ch;text-align:right">ab<br>cd</div>
diff --git a/layout/reftests/text/1655364-1.html b/layout/reftests/text/1655364-1.html
new file mode 100644
index 0000000000..627d9ac49b
--- /dev/null
+++ b/layout/reftests/text/1655364-1.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="font:300px Consolas, monospace;width:3ch;text-align:right">ab cd</div>
diff --git a/layout/reftests/text/1670581-1-ref.html b/layout/reftests/text/1670581-1-ref.html
new file mode 100644
index 0000000000..dd7e052207
--- /dev/null
+++ b/layout/reftests/text/1670581-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: "SourceSerifPro";
+  src: url("../fonts/SourceSerifPro-Regular.ttf.woff2");
+}
+:root {
+  font-family: "SourceSerifPro", monospace;
+  font-size: 2rem;
+}
+</style>
+Foo-bar-baz.
diff --git a/layout/reftests/text/1670581-1.html b/layout/reftests/text/1670581-1.html
new file mode 100644
index 0000000000..0f5958ba6f
--- /dev/null
+++ b/layout/reftests/text/1670581-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: "SourceSerifPro";
+  src: url("../fonts/SourceSerifPro-Regular.ttf.woff2");
+}
+:root {
+  font-family: "SourceSerifPro", monospace;
+  font-size: 2rem;
+}
+</style>
+Foo&#x2010;bar&#x2011;baz.
diff --git a/layout/reftests/text/1673098-1-ref.html b/layout/reftests/text/1673098-1-ref.html
new file mode 100644
index 0000000000..85732c7da9
--- /dev/null
+++ b/layout/reftests/text/1673098-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: "Chunkfive";
+  src: url("../fonts/Chunkfive.otf");
+}
+:root {
+  font-family: "Chunkfive", monospace;
+  font-size: 2rem;
+}
+</style>
+Foo-bar-baz.
diff --git a/layout/reftests/text/1673098-1.html b/layout/reftests/text/1673098-1.html
new file mode 100644
index 0000000000..d4272e15e4
--- /dev/null
+++ b/layout/reftests/text/1673098-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: "Chunkfive";
+  src: url("../fonts/Chunkfive.otf");
+}
+:root {
+  font-family: "Chunkfive", monospace;
+  font-size: 2rem;
+}
+</style>
+Foo&#x2010;bar&#x2011;baz.
diff --git a/layout/reftests/text/444656-ref.html b/layout/reftests/text/444656-ref.html
new file mode 100644
index 0000000000..9b6e4534b4
--- /dev/null
+++ b/layout/reftests/text/444656-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test soft hyphen in rtl text</title>
+ </head>
+ <body dir="rtl">
+  <p>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכל</p>
+  <p>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשת-<br>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשת-<br>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשת-<br>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשת-<br>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשת-<br>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשת-<br>אבגדהוזחטיכלמנסעפצקרשת</p>
+  </p>
+ </body>
+</html>
diff --git a/layout/reftests/text/444656.html b/layout/reftests/text/444656.html
new file mode 100644
index 0000000000..85232c500a
--- /dev/null
+++ b/layout/reftests/text/444656.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test soft hyphen in rtl text</title>
+  <style>
+   div { width: min-content; position: relative; }
+
+   /*prevent the soft hyphens from contributing to the minimum content width*/
+   div > p:nth-child(2) {
+    position: absolute;
+    top: auto;
+    right: 0;
+    margin-top: 0;
+    width: 100%;
+   }
+  </style>
+ </head>
+ <body dir="rtl">
+  <div>
+  <!-- add a first paragraph with no soft hyphens to set minimum content width -->
+  <p>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכל</p>
+  <p>אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת&shy;אבגדהוזחטיכלמנסעפצקרשת</p>
+  </p>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/text/449555-1-ref.html b/layout/reftests/text/449555-1-ref.html
new file mode 100644
index 0000000000..4ca2caa546
--- /dev/null
+++ b/layout/reftests/text/449555-1-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh" xml:lang="zh">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+<style type="text/css">
+   * { word-wrap: normal;}
+</style>
+<title>Test Wordwrap</title>
+</head>
+<body>
+ <p>Test Text Input:<input type="text" id="username" name="username" size="25" value="this is a very loooooooooooooooooooooooooooooooooog text."/></p>
+ <p>Test Password Input:<input type="password" id="password" name="password" size="25" /></p>
+ 
+<p>
+<select name="num" style="width: 8em">
+<option value="1">1111111111111111111111111111111111111111</option>
+<option value="2">2222222222222222222222222222222222222222</option>
+<option value="3">3333333333333333333333333333333333333333</option>
+<option value="4">4444444444444444444444444444444444444444</option>
+</select>
+</p>
+
+<p>
+<select name="num2" size="6" style="width: 8em">
+<option value="1">1111111111111111111111111111111111111111</option>
+<option value="2">2222222222222222222222222222222222222222</option>
+<option value="3">3333333333333333333333333333333333333333</option>
+<option value="4">4444444444444444444444444444444444444444</option>
+</select>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text/449555-1.html b/layout/reftests/text/449555-1.html
new file mode 100644
index 0000000000..7df5d33ba5
--- /dev/null
+++ b/layout/reftests/text/449555-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh" xml:lang="zh">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+<style type="text/css">
+   * { word-wrap: break-word;}
+</style>
+<title>Test Wordwrap</title>
+</head>
+<body>
+ <p>Test Text Input:<input type="text" id="username" name="username" size="25" value="this is a very loooooooooooooooooooooooooooooooooog text."/></p>
+ <p>Test Password Input:<input type="password" id="password" name="password" size="25" /></p>
+ 
+<p>
+<select name="num" style="width: 8em">
+<option value="1">1111111111111111111111111111111111111111</option>
+<option value="2">2222222222222222222222222222222222222222</option>
+<option value="3">3333333333333333333333333333333333333333</option>
+<option value="4">4444444444444444444444444444444444444444</option>
+</select>
+</p>
+
+<p>
+<select name="num2" size="6" style="width: 8em">
+<option value="1">1111111111111111111111111111111111111111</option>
+<option value="2">2222222222222222222222222222222222222222</option>
+<option value="3">3333333333333333333333333333333333333333</option>
+<option value="4">4444444444444444444444444444444444444444</option>
+</select>
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text/467722-ref.html b/layout/reftests/text/467722-ref.html
new file mode 100644
index 0000000000..28777a1cb3
--- /dev/null
+++ b/layout/reftests/text/467722-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body style="font-size: 150px;">
+
+&zwj;&#x9BB8;&#x9143;
+
+</body>
+</html>
diff --git a/layout/reftests/text/467722.html b/layout/reftests/text/467722.html
new file mode 100644
index 0000000000..5c7ae38352
--- /dev/null
+++ b/layout/reftests/text/467722.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body style="font-size: 150px;" onload="document.documentElement.appendChild(document.body);">
+
+&zwj;&#x9BB8;&#x9143;
+
+</body>
+</html>
diff --git a/layout/reftests/text/475092-pos.html b/layout/reftests/text/475092-pos.html
new file mode 100644
index 0000000000..9c907d08f1
--- /dev/null
+++ b/layout/reftests/text/475092-pos.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+  <style type="text/css">
+    @font-face {
+	  font-family: Pos;
+	  src: url(../fonts/PositioningTest1.ttf);
+	}
+	p {
+	  font-family: Pos;
+	  font-size: 50px;
+	  opacity: 0.5;
+	}
+  </style>
+</head>
+<body>
+  <!-- The PositioningTest2 font uses a GPOS positioning lookup
+       to replace the 'o' with a raised version of the glyph -->
+  <p>Hello World!</p>
+</body>
diff --git a/layout/reftests/text/475092-ref.html b/layout/reftests/text/475092-ref.html
new file mode 100644
index 0000000000..5e9509783f
--- /dev/null
+++ b/layout/reftests/text/475092-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+  <style type="text/css">
+    @font-face {
+	  font-family: Pos;
+	  src: url(../fonts/PositioningTest1.ttf);
+	}
+	p {
+	  font-family: Pos;
+	  font-size: 50px;
+	  opacity: 0.5;
+	}
+  </style>
+</head>
+<body>
+  <!-- The capital O character in the PositioningTest font
+       is actually a raised lowercase o glyph -->
+  <p>HellO WOrld!</p>
+</body>
diff --git a/layout/reftests/text/475092-sub.html b/layout/reftests/text/475092-sub.html
new file mode 100644
index 0000000000..84b675726f
--- /dev/null
+++ b/layout/reftests/text/475092-sub.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+  <style type="text/css">
+    @font-face {
+	  font-family: Pos;
+	  src: url(../fonts/PositioningTest2.ttf);
+	}
+	p {
+	  font-family: Pos;
+	  font-size: 50px;
+	  opacity: 0.5;
+	}
+  </style>
+</head>
+<body>
+  <!-- The PositioningTest2 font uses a GSUB substitution lookup
+       to replace the 'o' with a raised version of the glyph -->
+  <p>Hello World!</p>
+</body>
diff --git a/layout/reftests/text/476378-soft-hyphen-fallback-ref.html b/layout/reftests/text/476378-soft-hyphen-fallback-ref.html
new file mode 100644
index 0000000000..30bf4040d9
--- /dev/null
+++ b/layout/reftests/text/476378-soft-hyphen-fallback-ref.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<title>Soft hyphen font fallback (for bug 476378)</title>
+</head>
+<body>
+
+<!-- On OS X, Hoefler Text has a distinctive hyphen; on Windows, Segoe UI does.
+     In each case U+2010 will fall back to a font with a very different glyph. -->
+<div style="width: 50pt;
+     font-family: Hoefler Text, Segoe UI, Trebuchet MS, Lucida Grande;
+     font-size: 24pt;">
+
+<!-- reference text uses an explicit ASCII hyphen at the expected break point -->
+<p>aaa-<br>aa</p>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/476378-soft-hyphen-fallback.html b/layout/reftests/text/476378-soft-hyphen-fallback.html
new file mode 100644
index 0000000000..f5aaec8ba9
--- /dev/null
+++ b/layout/reftests/text/476378-soft-hyphen-fallback.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<title>Soft hyphen font fallback (for bug 476378)</title>
+</head>
+<body>
+
+<!-- On OS X, Hoefler Text has a distinctive hyphen; on Windows, Segoe UI does.
+     In each case U+2010 will fall back to a font with a very different glyph. -->
+<div style="width: 50pt;
+     font-family: Hoefler Text, Segoe UI, Trebuchet MS, Lucida Grande;
+     font-size: 24pt;">
+
+<!-- test whether soft-hyphen gets rendered from the primary font -->
+<p>aaa&shy;aa</p>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/577380-ref.html b/layout/reftests/text/577380-ref.html
new file mode 100644
index 0000000000..ebc48f1461
--- /dev/null
+++ b/layout/reftests/text/577380-ref.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+<style type="text/css">
+body {
+  font-family: Times; /* this test is only for OS X, we know Times will be there */
+  font-size: 40px;
+}
+</style>
+</head>
+<body>
+&#xfb01;
+</body>
+</html>
diff --git a/layout/reftests/text/577380.html b/layout/reftests/text/577380.html
new file mode 100644
index 0000000000..b4368c8651
--- /dev/null
+++ b/layout/reftests/text/577380.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+<style type="text/css">
+body {
+  font-family: Times; /* this test is only for OS X, we know Times will be there */
+  font-size: 40px;
+}
+</style>
+</head>
+<body>
+fi
+</body>
+</html>
diff --git a/layout/reftests/text/726392-1-ref.html b/layout/reftests/text/726392-1-ref.html
new file mode 100644
index 0000000000..bf19e00f52
--- /dev/null
+++ b/layout/reftests/text/726392-1-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title>Bug 726392</title>
+  <style type="text/css">
+   p { margin: 0; letter-spacing: 10px}
+   .alignLeft { text-align: left; }
+   .alignRight { text-align: right; }
+   .alignCenter { text-align: center; }
+   .alignJustify { text-align: justify; }
+   .alignStart { text-align: start; }
+   .alignEnd { text-align: end; }
+   .alignLastAuto { text-align-last: auto; }
+   .alignLastLeft { text-align-last: left; }
+   .alignLastRight { text-align-last: right; }
+   .alignLastCenter { text-align-last: center; }
+   .alignLastJustify { text-align-last: justify; }
+   .alignLastStart { text-align-last: start; }
+   .alignLastEnd { text-align-last: end; }
+  </style>
+</head>
+ <body>
+  <p class="alignLeft alignLastAuto">test</p>
+  <p class="alignLeft alignLastLeft">test</p>
+  <p class="alignLeft alignLastRight">test</p>
+  <p class="alignLeft alignLastCenter">test</p>
+  <p class="alignLeft alignLastJustify">test</p>
+  <p class="alignLeft alignLastStart">test</p>
+  <p class="alignLeft alignLastEnd">test</p>
+  <p class="alignJustify alignLastAuto">test</p>
+  <p class="alignJustify alignLastLeft">test</p>
+  <p class="alignJustify alignLastRight">test</p>
+  <p class="alignJustify alignLastCenter">test</p>
+  <p class="alignJustify alignLastJustify">test</p>
+  <p class="alignJustify alignLastStart">test</p>
+  <p class="alignJustify alignLastEnd">test</p>
+  <p class="alignStart alignLastAuto">test</p>
+  <p class="alignStart alignLastLeft">test</p>
+  <p class="alignStart alignLastRight">test</p>
+  <p class="alignStart alignLastCenter">test</p>
+  <p class="alignStart alignLastJustify">test</p>
+  <p class="alignStart alignLastStart">test</p>
+  <p class="alignStart alignLastEnd">test</p>
+  <p class="alignEnd alignLastAuto">test</p>
+  <p class="alignEnd alignLastLeft">test</p>
+  <p class="alignEnd alignLastRight">test</p>
+  <p class="alignEnd alignLastCenter">test</p>
+  <p class="alignEnd alignLastJustify">test</p>
+  <p class="alignEnd alignLastStart">test</p>
+  <p class="alignEnd alignLastEnd">test</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/726392-1.html b/layout/reftests/text/726392-1.html
new file mode 100644
index 0000000000..e45288ad9a
--- /dev/null
+++ b/layout/reftests/text/726392-1.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+  <meta charset="utf-8">
+  <title>Bug 726392</title>
+  <style type="text/css">
+   p { margin: 0; letter-spacing: 10px}
+   .alignLeft { text-align: left; }
+   .alignRight { text-align: right; }
+   .alignCenter { text-align: center; }
+   .alignJustify { text-align: justify; }
+   .alignStart { text-align: start; }
+   .alignEnd { text-align: end; }
+   .alignLastAuto { text-align-last: auto; }
+   .alignLastLeft { text-align-last: left; }
+   .alignLastRight { text-align-last: right; }
+   .alignLastCenter { text-align-last: center; }
+   .alignLastJustify { text-align-last: justify; }
+   .alignLastStart { text-align-last: start; }
+   .alignLastEnd { text-align-last: end; }
+  </style>
+</head>
+ <body>
+ <div id="e" style="width:50%">
+  <p class="alignLeft alignLastAuto">test</p>
+  <p class="alignLeft alignLastLeft">test</p>
+  <p class="alignLeft alignLastRight">test</p>
+  <p class="alignLeft alignLastCenter">test</p>
+  <p class="alignLeft alignLastJustify">test</p>
+  <p class="alignLeft alignLastStart">test</p>
+  <p class="alignLeft alignLastEnd">test</p>
+  <p class="alignJustify alignLastAuto">test</p>
+  <p class="alignJustify alignLastLeft">test</p>
+  <p class="alignJustify alignLastRight">test</p>
+  <p class="alignJustify alignLastCenter">test</p>
+  <p class="alignJustify alignLastJustify">test</p>
+  <p class="alignJustify alignLastStart">test</p>
+  <p class="alignJustify alignLastEnd">test</p>
+  <p class="alignStart alignLastAuto">test</p>
+  <p class="alignStart alignLastLeft">test</p>
+  <p class="alignStart alignLastRight">test</p>
+  <p class="alignStart alignLastCenter">test</p>
+  <p class="alignStart alignLastJustify">test</p>
+  <p class="alignStart alignLastStart">test</p>
+  <p class="alignStart alignLastEnd">test</p>
+  <p class="alignEnd alignLastAuto">test</p>
+  <p class="alignEnd alignLastLeft">test</p>
+  <p class="alignEnd alignLastRight">test</p>
+  <p class="alignEnd alignLastCenter">test</p>
+  <p class="alignEnd alignLastJustify">test</p>
+  <p class="alignEnd alignLastStart">test</p>
+  <p class="alignEnd alignLastEnd">test</p>
+
+<script type="text/javascript">
+function resizeElements()
+{
+  var enclosingDiv = document.getElementById("e");
+  enclosingDiv.style.width = "100%";
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", resizeElements);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/text/726392-2-ref.html b/layout/reftests/text/726392-2-ref.html
new file mode 100644
index 0000000000..645c49b033
--- /dev/null
+++ b/layout/reftests/text/726392-2-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title>Bug 726392</title>
+  <style type="text/css">
+   p { margin: 0; }
+   .alignLeft { text-align: left; }
+   .alignRight { text-align: right; }
+   .alignCenter { text-align: center; }
+   .alignJustify { text-align: justify; }
+   .alignStart { text-align: start; }
+   .alignEnd { text-align: end; }
+   .alignLastAuto { text-align-last: auto; }
+   .alignLastLeft { text-align-last: left; }
+   .alignLastRight { text-align-last: right; }
+   .alignLastCenter { text-align-last: center; }
+   .alignLastJustify { text-align-last: justify; }
+   .alignLastStart { text-align-last: start; }
+   .alignLastEnd { text-align-last: end; }
+  </style>
+</head>
+ <body dir="rtl">
+  <p dir="rtl" class="alignLeft alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastEnd">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastEnd">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastEnd">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastEnd">בדיקה</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/726392-2.html b/layout/reftests/text/726392-2.html
new file mode 100644
index 0000000000..57b58e32fc
--- /dev/null
+++ b/layout/reftests/text/726392-2.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+  <meta charset="utf-8">
+  <title>Bug 726392</title>
+  <style type="text/css">
+   p { margin: 0; }
+   .alignLeft { text-align: left; }
+   .alignRight { text-align: right; }
+   .alignCenter { text-align: center; }
+   .alignJustify { text-align: justify; }
+   .alignStart { text-align: start; }
+   .alignEnd { text-align: end; }
+   .alignLastAuto { text-align-last: auto; }
+   .alignLastLeft { text-align-last: left; }
+   .alignLastRight { text-align-last: right; }
+   .alignLastCenter { text-align-last: center; }
+   .alignLastJustify { text-align-last: justify; }
+   .alignLastStart { text-align-last: start; }
+   .alignLastEnd { text-align-last: end; }
+  </style>
+</head>
+ <body>
+ <div id="e" style="width:50%">
+  <p dir="rtl" class="alignLeft alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignLeft alignLastEnd">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignJustify alignLastEnd">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignStart alignLastEnd">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastAuto">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastLeft">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastRight">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastCenter">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastJustify">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastStart">בדיקה</p>
+  <p dir="rtl" class="alignEnd alignLastEnd">בדיקה</p>
+ </div>
+<script type="text/javascript">
+function resizeElements()
+{
+  var enclosingDiv = document.getElementById("e");
+  enclosingDiv.style.width = "100%";
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", resizeElements);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/text/726392-3-ref.html b/layout/reftests/text/726392-3-ref.html
new file mode 100644
index 0000000000..338e7ba85c
--- /dev/null
+++ b/layout/reftests/text/726392-3-ref.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title>Bug 726392</title>
+  <style type="text/css">
+   p { margin: 0; white-space: pre-line; letter-spacing: 10px; font-size:6px;}
+   .alignLeft { text-align: left; }
+   .alignRight { text-align: right; }
+   .alignCenter { text-align: center; }
+   .alignJustify { text-align: justify; }
+   .alignStart { text-align: start; }
+   .alignEnd { text-align: end; }
+   .alignLastAuto { text-align-last: auto; }
+   .alignLastLeft { text-align-last: left; }
+   .alignLastRight { text-align-last: right; }
+   .alignLastCenter { text-align-last: center; }
+   .alignLastJustify { text-align-last: justify; }
+   .alignLastStart { text-align-last: start; }
+   .alignLastEnd { text-align-last: end; }
+  </style>
+</head>
+ <body style="width:590px; height:590px;">
+  <div>
+  <p class="alignLeft alignLastAuto">test
+test</p>
+  <p class="alignLeft alignLastLeft">test
+test</p>
+  <p class="alignLeft alignLastRight">test
+test</p>
+  <p class="alignLeft alignLastCenter">test
+test</p>
+  <p class="alignLeft alignLastJustify">test
+test</p>
+  <p class="alignLeft alignLastStart">test
+test</p>
+  <p class="alignLeft alignLastEnd">test
+test</p>
+  <p class="alignJustify alignLastAuto">test
+test</p>
+  <p class="alignJustify alignLastLeft">test
+test</p>
+  <p class="alignJustify alignLastRight">test
+test</p>
+  <p class="alignJustify alignLastCenter">test
+test</p>
+  <p class="alignJustify alignLastJustify">test
+test</p>
+  <p class="alignJustify alignLastStart">test
+test</p>
+  <p class="alignJustify alignLastEnd">test
+test</p>
+  <p class="alignStart alignLastAuto">test
+test</p>
+  <p class="alignStart alignLastLeft">test
+test</p>
+  <p class="alignStart alignLastRight">test
+test</p>
+  <p class="alignStart alignLastCenter">test
+test</p>
+  <p class="alignStart alignLastJustify">test
+test</p>
+  <p class="alignStart alignLastStart">test
+test</p>
+  <p class="alignStart alignLastEnd">test
+test</p>
+  <p class="alignEnd alignLastAuto">test
+test</p>
+  <p class="alignEnd alignLastLeft">test
+test</p>
+  <p class="alignEnd alignLastRight">test
+test</p>
+  <p class="alignEnd alignLastCenter">test
+test</p>
+  <p class="alignEnd alignLastJustify">test
+test</p>
+  <p class="alignEnd alignLastStart">test
+test</p>
+  <p class="alignEnd alignLastEnd">test
+test</p>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/text/726392-3.html b/layout/reftests/text/726392-3.html
new file mode 100644
index 0000000000..76a7b284b9
--- /dev/null
+++ b/layout/reftests/text/726392-3.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+  <meta charset="utf-8">
+  <title>Bug 726392</title>
+  <style type="text/css">
+   p { margin: 0; white-space: pre-line; letter-spacing: 10px; font-size:6px;}
+   .alignLeft { text-align: left; }
+   .alignRight { text-align: right; }
+   .alignCenter { text-align: center; }
+   .alignJustify { text-align: justify; }
+   .alignStart { text-align: start; }
+   .alignEnd { text-align: end; }
+   .alignLastAuto { text-align-last: auto; }
+   .alignLastLeft { text-align-last: left; }
+   .alignLastRight { text-align-last: right; }
+   .alignLastCenter { text-align-last: center; }
+   .alignLastJustify { text-align-last: justify; }
+   .alignLastStart { text-align-last: start; }
+   .alignLastEnd { text-align-last: end; }
+  </style>
+</head>
+ <body style="width:590px; height:590px;">
+ <div id="e" style="width:50%">
+  <p class="alignLeft alignLastAuto">test
+test</p>
+  <p class="alignLeft alignLastLeft">test
+test</p>
+  <p class="alignLeft alignLastRight">test
+test</p>
+  <p class="alignLeft alignLastCenter">test
+test</p>
+  <p class="alignLeft alignLastJustify">test
+test</p>
+  <p class="alignLeft alignLastStart">test
+test</p>
+  <p class="alignLeft alignLastEnd">test
+test</p>
+  <p class="alignJustify alignLastAuto">test
+test</p>
+  <p class="alignJustify alignLastLeft">test
+test</p>
+  <p class="alignJustify alignLastRight">test
+test</p>
+  <p class="alignJustify alignLastCenter">test
+test</p>
+  <p class="alignJustify alignLastJustify">test
+test</p>
+  <p class="alignJustify alignLastStart">test
+test</p>
+  <p class="alignJustify alignLastEnd">test
+test</p>
+  <p class="alignStart alignLastAuto">test
+test</p>
+  <p class="alignStart alignLastLeft">test
+test</p>
+  <p class="alignStart alignLastRight">test
+test</p>
+  <p class="alignStart alignLastCenter">test
+test</p>
+  <p class="alignStart alignLastJustify">test
+test</p>
+  <p class="alignStart alignLastStart">test
+test</p>
+  <p class="alignStart alignLastEnd">test
+test</p>
+  <p class="alignEnd alignLastAuto">test
+test</p>
+  <p class="alignEnd alignLastLeft">test
+test</p>
+  <p class="alignEnd alignLastRight">test
+test</p>
+  <p class="alignEnd alignLastCenter">test
+test</p>
+  <p class="alignEnd alignLastJustify">test
+test</p>
+  <p class="alignEnd alignLastStart">test
+test</p>
+  <p class="alignEnd alignLastEnd">test
+test</p>
+ </div>
+<script type="text/javascript">
+function resizeElements()
+{
+  var enclosingDiv = document.getElementById("e");
+  enclosingDiv.style.width = "100%";
+  document.documentElement.removeAttribute("class");
+}
+
+document.addEventListener("MozReftestInvalidate", resizeElements);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/text/745555-1-ref.html b/layout/reftests/text/745555-1-ref.html
new file mode 100644
index 0000000000..5a411b9bc8
--- /dev/null
+++ b/layout/reftests/text/745555-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html;charset=utf-8">
+<title>Bug 745555 - line-wrapping with uppercased es-zet</title>
+<style type="text/css">
+div {
+  font-family: monospace;
+  display: inline-block;
+  border: 1px solid red;
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<div style="width:3.0em">SS SS SS SS SS</div>
+<div style="width:3.2em">SS SS SS SS SS</div>
+<div style="width:3.4em">SS SS SS SS SS</div>
+<div style="width:3.6em">SS SS SS SS SS</div>
+<div style="width:3.8em">SS SS SS SS SS</div>
+<div style="width:4.0em">SS SS SS SS SS</div>
+<div style="width:4.2em">SS SS SS SS SS</div>
+<div style="width:4.4em">SS SS SS SS SS</div>
+<div style="width:4.6em">SS SS SS SS SS</div>
+<div style="width:4.8em">SS SS SS SS SS</div>
+<div style="width:5.0em">SS SS SS SS SS</div>
+</body>
+</html>
diff --git a/layout/reftests/text/745555-1.html b/layout/reftests/text/745555-1.html
new file mode 100644
index 0000000000..09b2448f53
--- /dev/null
+++ b/layout/reftests/text/745555-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html;charset=utf-8">
+<title>Bug 745555 - line-wrapping with uppercased es-zet</title>
+<style type="text/css">
+div {
+  font-family: monospace;
+  text-transform: uppercase;
+  display: inline-block;
+  border: 1px solid red;
+  vertical-align: top;
+}
+</style>
+</head>
+<body>
+<div style="width:3.0em">ß ß ß ß ß</div>
+<div style="width:3.2em">ß ß ß ß ß</div>
+<div style="width:3.4em">ß ß ß ß ß</div>
+<div style="width:3.6em">ß ß ß ß ß</div>
+<div style="width:3.8em">ß ß ß ß ß</div>
+<div style="width:4.0em">ß ß ß ß ß</div>
+<div style="width:4.2em">ß ß ß ß ß</div>
+<div style="width:4.4em">ß ß ß ß ß</div>
+<div style="width:4.6em">ß ß ß ß ß</div>
+<div style="width:4.8em">ß ß ß ß ß</div>
+<div style="width:5.0em">ß ß ß ß ß</div>
+</body>
+</html>
diff --git a/layout/reftests/text/745555-2-ref.html b/layout/reftests/text/745555-2-ref.html
new file mode 100644
index 0000000000..5bafb6b057
--- /dev/null
+++ b/layout/reftests/text/745555-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html;charset=utf-8">
+<title>Bug 745555 - preformatted tabs/newlines with uppercased es-zet</title>
+</head>
+<body>
+<pre>
+FOO	SSAR	BASS
+	FOOBAR
+THE	QUICK	BROWN	FOX	JUMPSS
+</pre>
+</body>
+</html>
diff --git a/layout/reftests/text/745555-2.html b/layout/reftests/text/745555-2.html
new file mode 100644
index 0000000000..243f0f860a
--- /dev/null
+++ b/layout/reftests/text/745555-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html;charset=utf-8">
+<title>Bug 745555 - preformatted tabs/newlines with uppercased es-zet</title>
+<style type="text/css">
+pre {
+  text-transform: uppercase;
+}
+</style>
+</head>
+<body>
+<pre>
+foo	ßar	baß
+	foobar
+the	quick	brown	fox	jumpß
+</pre>
+</body>
+</html>
diff --git a/layout/reftests/text/820255-ref.html b/layout/reftests/text/820255-ref.html
new file mode 100644
index 0000000000..5a872b4919
--- /dev/null
+++ b/layout/reftests/text/820255-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Test - Bug 820255</title>
+  </head>
+  <body>
+    <div>A&#x1680;<br>B</div>
+    <div>A&#x205F;<br>B</div>
+  </body>
+</html>
diff --git a/layout/reftests/text/820255.html b/layout/reftests/text/820255.html
new file mode 100644
index 0000000000..5f7afe7a90
--- /dev/null
+++ b/layout/reftests/text/820255.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    div { width: 0px; }
+  </style>
+  <title>Test - Bug 820255</title>
+  </head>
+  <body>
+    <div>A&#x1680;B</div>
+    <div>A&#x205F;B</div>
+  </body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-1-ref.html b/layout/reftests/text/arabic-fallback-1-ref.html
new file mode 100644
index 0000000000..15ab67df00
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>Arabic: &#xFE8D;&#xFEDF;&#xFECC;&#xFEAE;&#xFE91;&#xFEF2;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-1.html b/layout/reftests/text/arabic-fallback-1.html
new file mode 100644
index 0000000000..091f3e48e0
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-1.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>Arabic: &#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-2-ref.html b/layout/reftests/text/arabic-fallback-2-ref.html
new file mode 100644
index 0000000000..5f2ade3366
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-2-ref.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>With vowels: 
+&#xFE83;&#x064E;&#xFE91;&#x0652;&#xFEA0;&#x064E;&#xFEAA;&#x0650;&#xFEF3;&#x064E;&#x0651;&#xFE94;
+&#xFECB;&#x064E;&#xFEAE;&#x064E;&#xFE91;&#x0650;&#xFEF4;&#x064E;&#x0651;&#xFE94;
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-2.html b/layout/reftests/text/arabic-fallback-2.html
new file mode 100644
index 0000000000..5ad2e46cca
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-2.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>With vowels: 
+&#x0623;&#x064E;&#x0628;&#x0652;&#x062C;&#x064E;&#x062F;&#x0650;&#x064A;&#x064E;&#x0651;&#x0629;
+&#x0639;&#x064E;&#x0631;&#x064E;&#x0628;&#x0650;&#x064A;&#x064E;&#x0651;&#x0629;
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-3-ref.html b/layout/reftests/text/arabic-fallback-3-ref.html
new file mode 100644
index 0000000000..b7fb15922e
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-3-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>Ligatures: &#xFEFB; &#xFEDF;&#xFEFC;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-3.html b/layout/reftests/text/arabic-fallback-3.html
new file mode 100644
index 0000000000..ed05df74b0
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-3.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>Ligatures: &#x0644;&#x0627; &#x0644;&#x0644;&#x0627;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-4-ref.html b/layout/reftests/text/arabic-fallback-4-ref.html
new file mode 100644
index 0000000000..3a1f3b7436
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-4-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>Ligature with vowel: &#xFEDF;&#x064E;&#xFE8E;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-fallback-4.html b/layout/reftests/text/arabic-fallback-4.html
new file mode 100644
index 0000000000..6a18456f63
--- /dev/null
+++ b/layout/reftests/text/arabic-fallback-4.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DroidSansArabic-noGSUB.ttf);
+}
+body {
+  font-family: test;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+<p>Ligature with vowel: &#x0644;&#x064E;&#x0627;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-final-ligature-spacing-ref.html b/layout/reftests/text/arabic-final-ligature-spacing-ref.html
new file mode 100644
index 0000000000..63dbff9911
--- /dev/null
+++ b/layout/reftests/text/arabic-final-ligature-spacing-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<style>
+p { font: 36px Geeza Pro, sans-serif; }
+</style>
+
+<p>&#x633;&#x644;&#x627;&#x645;</p>
diff --git a/layout/reftests/text/arabic-final-ligature-spacing.html b/layout/reftests/text/arabic-final-ligature-spacing.html
new file mode 100644
index 0000000000..7ecae5f489
--- /dev/null
+++ b/layout/reftests/text/arabic-final-ligature-spacing.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+p { font: 36px Geeza Pro, sans-serif; }
+span { font-variant: small-caps; }
+</style>
+
+<!-- bug 739117: breaking the run after the lam-alef ligature
+     should NOT cause extra space to appear -->
+<p>&#x633;&#x644;&#x627;<span>&#x645;</span></p>
diff --git a/layout/reftests/text/arabic-marks-1-ref.html b/layout/reftests/text/arabic-marks-1-ref.html
new file mode 100644
index 0000000000..78c86992aa
--- /dev/null
+++ b/layout/reftests/text/arabic-marks-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>bug 873902 - marks should not affect width of Arabic text</title>
+<style>
+body {
+  background-color: white;
+  font-size: 50px;
+  margin: 20px;
+}
+
+/* Try several fonts that should be available on Windows; at least Courier New is also on OS X.
+   Elsewhere, we may fall back to default, which may or may not be "interesting" to test,
+   but should pass harmlessly unless there's actually a broken font that shapes badly. */
+#a {
+  font-family: Andalus;
+}
+#b {
+  font-family: Courier New;
+}
+#c {
+  font-family: Simplified Arabic;
+}
+
+.test {
+  color: white;
+}
+</style>
+</head>
+<body>
+<div id="a">
+foo<span class="test">الرحمن الرحيم</span>bar
+</div>
+<div id="b">
+foo<span class="test">الرحمن الرحيم</span>bar
+</div>
+<div id="c">
+foo<span class="test">الرحمن الرحيم</span>bar
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-marks-1.html b/layout/reftests/text/arabic-marks-1.html
new file mode 100644
index 0000000000..442de13ab7
--- /dev/null
+++ b/layout/reftests/text/arabic-marks-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>bug 873902 - marks should not affect width of Arabic text</title>
+<style>
+body {
+  background-color: white;
+  font-size: 50px;
+  margin: 20px;
+}
+
+/* Try several fonts that should be available on Windows; at least Courier New is also on OS X.
+   Elsewhere, we may fall back to default, which may or may not be "interesting" to test,
+   but should pass harmlessly unless there's actually a broken font that shapes badly. */
+#a {
+  font-family: Andalus;
+}
+#b {
+  font-family: Courier New;
+}
+#c {
+  font-family: Simplified Arabic;
+}
+
+.test {
+  color: white;
+}
+</style>
+</head>
+<body>
+<div id="a">
+foo<span class="test">الرَّحْمَنِ الرَّحِيمِ</span>bar
+</div>
+<div id="b">
+foo<span class="test">الرَّحْمَنِ الرَّحِيمِ</span>bar
+</div>
+<div id="c">
+foo<span class="test">الرَّحْمَنِ الرَّحِيمِ</span>bar
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-shaping-1-ref.html b/layout/reftests/text/arabic-shaping-1-ref.html
new file mode 100644
index 0000000000..eed7babab2
--- /dev/null
+++ b/layout/reftests/text/arabic-shaping-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+body {
+  font-family: test;
+  font-size: 60pt;
+}
+</style>
+</head>
+<body>
+<p>Arabic: &#xFE8D;&#xFEDF;&#xFECC;&#xFEAE;&#xFE91;&#xFEF2;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arabic-shaping-1.html b/layout/reftests/text/arabic-shaping-1.html
new file mode 100644
index 0000000000..e75e674ca8
--- /dev/null
+++ b/layout/reftests/text/arabic-shaping-1.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+body {
+  font-family: test;
+  font-size: 60pt;
+}
+</style>
+</head>
+<body>
+<p>Arabic: &#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;</p>
+</body>
+</html>
diff --git a/layout/reftests/text/arial-bold-lam-alef-1-ref.html b/layout/reftests/text/arial-bold-lam-alef-1-ref.html
new file mode 100644
index 0000000000..91a9445246
--- /dev/null
+++ b/layout/reftests/text/arial-bold-lam-alef-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body style="font-family: arial; font-size: 36px; font-weight: bold;">
+&#xFEFB; &#xFEDF;&#xFEFC;
+</body>
+</html>
diff --git a/layout/reftests/text/arial-bold-lam-alef-1.html b/layout/reftests/text/arial-bold-lam-alef-1.html
new file mode 100644
index 0000000000..2772932d70
--- /dev/null
+++ b/layout/reftests/text/arial-bold-lam-alef-1.html
@@ -0,0 +1,5 @@
+<html>
+<body style="font-family: arial; font-size: 36px; font-weight: bold;">
+&#x644;&#x627; &#x644;&#x644;&#x627;
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-1-notref.html b/layout/reftests/text/auto-hyphenation-1-notref.html
new file mode 100644
index 0000000000..8900244311
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-1-notref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body lang="en-us">
+<div style="width: 5em; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-1-ref.html b/layout/reftests/text/auto-hyphenation-1-ref.html
new file mode 100644
index 0000000000..98a59945d6
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body lang="en-us">
+<div style="width: 5em; hyphens: manual; font-family:sans-serif;">
+su&shy;per&shy;cal&shy;ifrag&shy;ilis&shy;tic&shy;ex&shy;pi&shy;ali&shy;do&shy;cious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-1.html b/layout/reftests/text/auto-hyphenation-1.html
new file mode 100644
index 0000000000..5822adbef1
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- simple test for automatic hyphenation -->
+<body lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-10-ref.html b/layout/reftests/text/auto-hyphenation-10-ref.html
new file mode 100644
index 0000000000..8914ccbfe1
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-10-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<meta charset="UTF-8">
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: none;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-10.html b/layout/reftests/text/auto-hyphenation-10.html
new file mode 100644
index 0000000000..3411208b5a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-10.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<meta charset="UTF-8">
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-1a.html b/layout/reftests/text/auto-hyphenation-1a.html
new file mode 100644
index 0000000000..2e82f92185
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-1a.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- adding random <span>s should not affect hyphenation -->
+<body lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+super<span>cali</span>frag<span>ili</span>sti<span>cex</span>pialidoc<span>i</span>ous
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-2-ref.html b/layout/reftests/text/auto-hyphenation-2-ref.html
new file mode 100644
index 0000000000..bfb1a4c3bd
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<body lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+<span style="hyphens:none">super<span lang="foo">cali</span>fragilisticexpialidocious</span>
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-2.html b/layout/reftests/text/auto-hyphenation-2.html
new file mode 100644
index 0000000000..45f5aaa991
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<!-- mixed languages in a word should inhibit automatic hyphenation -->
+<body lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+super<span lang="foo">cali</span>fragilisticexpialidocious
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-3-ref.html b/layout/reftests/text/auto-hyphenation-3-ref.html
new file mode 100644
index 0000000000..99c4fb38b1
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-3-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body lang="en-us">
+<div style="width: 5em;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-3.html b/layout/reftests/text/auto-hyphenation-3.html
new file mode 100644
index 0000000000..5ebb1a12ba
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-3.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- check that hyphens:none prevents break at &shy; -->
+<body lang="en-us">
+<div style="width: 5em; hyphens: none;">
+su&shy;per&shy;cal&shy;ifrag&shy;ilis&shy;tic&shy;ex&shy;pi&shy;ali&shy;do&shy;cious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-4-ref.html b/layout/reftests/text/auto-hyphenation-4-ref.html
new file mode 100644
index 0000000000..68cfcf6008
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-4-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body lang="x-unknown-language">
+<div style="width: 5em; hyphens: none;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-4.html b/layout/reftests/text/auto-hyphenation-4.html
new file mode 100644
index 0000000000..82d187e252
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-4.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- check that hyphenation is not applied to unknown language -->
+<body lang="x-unknown-language">
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-5-ref.html b/layout/reftests/text/auto-hyphenation-5-ref.html
new file mode 100644
index 0000000000..a390ad72a8
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-5-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+  margin:       10px;
+  width:        10px;
+  font-family:  monospace;
+  hyphens: manual;
+}
+</style>
+</head>
+<!-- test some hyphenations that involve overlapping patterns -->
+<body lang="en-us">
+<div>
+photo
+</div>
+<div>
+pho&shy;to&shy;graph
+</div>
+<div>
+pho&shy;tog&shy;ra&shy;pher
+</div>
+<div>
+pho&shy;to&shy;graph&shy;i&shy;cal
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-5.html b/layout/reftests/text/auto-hyphenation-5.html
new file mode 100644
index 0000000000..5075612398
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-5.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+div {
+  margin:       10px;
+  width:        10px;
+  font-family:  monospace;
+  hyphens: auto;
+}
+</style>
+</head>
+<!-- test some hyphenations that involve overlapping patterns -->
+<body lang="en-us">
+<div>
+photo
+</div>
+<div>
+photograph
+</div>
+<div>
+photographer
+</div>
+<div>
+photographical
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-6-ref.html b/layout/reftests/text/auto-hyphenation-6-ref.html
new file mode 100644
index 0000000000..3ec974024e
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-6-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body lang="en-us">
+<div style="width: 0; hyphens: manual;">
+hy&shy;<span style="color:red">phen&shy;</span>ation
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-6.html b/layout/reftests/text/auto-hyphenation-6.html
new file mode 100644
index 0000000000..5f66d64e2a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-6.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- style changes don't break hyphenation -->
+<body lang="en-us">
+<div style="width: 0; hyphens: auto;">
+hy<span style="color:red">phen</span>ation
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-7-ref.html b/layout/reftests/text/auto-hyphenation-7-ref.html
new file mode 100644
index 0000000000..5ac5916ce3
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-7-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body lang="en-us">
+<div style="width: 0; hyphens: manual;">
+h<span style="color:red">y&shy;phen&shy;a</span>tion
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-7.html b/layout/reftests/text/auto-hyphenation-7.html
new file mode 100644
index 0000000000..9b95cc1945
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-7.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- style changes don't break hyphenation -->
+<body lang="en-us">
+<div style="width: 0; hyphens: auto;">
+h<span style="color:red">yphena</span>tion
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-8-ref.html b/layout/reftests/text/auto-hyphenation-8-ref.html
new file mode 100644
index 0000000000..7854c5d2ff
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-8-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: none;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-8.html b/layout/reftests/text/auto-hyphenation-8.html
new file mode 100644
index 0000000000..7dd93503d6
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-8.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-9-ref.html b/layout/reftests/text/auto-hyphenation-9-ref.html
new file mode 100644
index 0000000000..54c2006697
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-9-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<meta charset="iso-8859-1">
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: none;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-9.html b/layout/reftests/text/auto-hyphenation-9.html
new file mode 100644
index 0000000000..6eae8d4e97
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-9.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<meta charset="iso-8859-1">
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-af-1-ref.html b/layout/reftests/text/auto-hyphenation-af-1-ref.html
new file mode 100644
index 0000000000..40e2951da8
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-af-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="af">
+Alle mens&shy;li&shy;ke we&shy;sens word vry, met ge&shy;ly&shy;ke waar&shy;dig&shy;heid en reg&shy;te, ge&shy;bo&shy;re.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-af-1.html b/layout/reftests/text/auto-hyphenation-af-1.html
new file mode 100644
index 0000000000..5803ed2e1a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-af-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="af">
+Alle menslike wesens word vry, met gelyke waardigheid en regte, gebore.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-bg-1-ref.html b/layout/reftests/text/auto-hyphenation-bg-1-ref.html
new file mode 100644
index 0000000000..a214a7a76d
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-bg-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="bg">
+Всички хо&shy;ра се раж&shy;дат сво&shy;бод&shy;ни и рав&shy;ни по дос&shy;тойн&shy;с&shy;т&shy;во и пра&shy;ва.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-bg-1.html b/layout/reftests/text/auto-hyphenation-bg-1.html
new file mode 100644
index 0000000000..c1fb848f60
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-bg-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="bg">
+Всички хора се раждат свободни и равни по достойнство и права.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-bn-1-ref.html b/layout/reftests/text/auto-hyphenation-bn-1-ref.html
new file mode 100644
index 0000000000..1c6254b956
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-bn-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="bn" style="width:0; hyphens:manual;">
+সম&shy;স্ত মা&shy;নুষ স্বা&shy;ধী&shy;ন&shy;ভা&shy;বে সমান মর্যা&shy;দা এবং অধি&shy;কার নি&shy;য়ে জন্ম&shy;গ্র&shy;হণ করে।
diff --git a/layout/reftests/text/auto-hyphenation-bn-1.html b/layout/reftests/text/auto-hyphenation-bn-1.html
new file mode 100644
index 0000000000..a0488ceff9
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-bn-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="bn" style="width:0; hyphens:auto;">
+সমস্ত মানুষ স্বাধীনভাবে সমান মর্যাদা এবং অধিকার নিয়ে জন্মগ্রহণ করে।
diff --git a/layout/reftests/text/auto-hyphenation-ca-1-ref.html b/layout/reftests/text/auto-hyphenation-ca-1-ref.html
new file mode 100644
index 0000000000..bf029b5958
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ca-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="ca">
+Tots els és&shy;sers hu&shy;mans nei&shy;xen lliu&shy;res i iguals en dig&shy;ni&shy;tat i en drets.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-ca-1.html b/layout/reftests/text/auto-hyphenation-ca-1.html
new file mode 100644
index 0000000000..1e8c9f23bc
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ca-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="ca">
+Tots els éssers humans neixen lliures i iguals en dignitat i en drets.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-cy-1-ref.html b/layout/reftests/text/auto-hyphenation-cy-1-ref.html
new file mode 100644
index 0000000000..b182e9b381
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-cy-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="cy">
+Genir pawb yn rhydd ac yn gyd&shy;radd â'i gil&shy;ydd mewn urdd&shy;as a hawl&shy;iau.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-cy-1.html b/layout/reftests/text/auto-hyphenation-cy-1.html
new file mode 100644
index 0000000000..43876c2ffa
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-cy-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="cy">
+Genir pawb yn rhydd ac yn gydradd â'i gilydd mewn urddas a hawliau.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-da-1-ref.html b/layout/reftests/text/auto-hyphenation-da-1-ref.html
new file mode 100644
index 0000000000..0efd813097
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-da-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="da">
+Alle men&shy;ne&shy;sker er født frie og li&shy;ge i vær&shy;dig&shy;hed og ret&shy;tig&shy;he&shy;der.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-da-1.html b/layout/reftests/text/auto-hyphenation-da-1.html
new file mode 100644
index 0000000000..3a2349403b
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-da-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="da">
+Alle mennesker er født frie og lige i værdighed og rettigheder.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-de-1901-1-ref.html b/layout/reftests/text/auto-hyphenation-de-1901-1-ref.html
new file mode 100644
index 0000000000..9c1faeb497
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-de-1901-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="de-1901">
+Al&shy;le Men&shy;schen sind frei und gleich an Wür&shy;de und Rech&shy;ten ge&shy;bo&shy;ren.
+<p>
+bu&shy;sser <!-- example word that is hyphenated differently by de-1901 and de-1996 -->
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-de-1901-1.html b/layout/reftests/text/auto-hyphenation-de-1901-1.html
new file mode 100644
index 0000000000..e795181f7b
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-de-1901-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="de-1901">
+Alle Menschen sind frei und gleich an Würde und Rechten geboren.
+<p>
+busser <!-- example word that is hyphenated differently by de-1901 and de-1996 -->
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-de-1996-1-ref.html b/layout/reftests/text/auto-hyphenation-de-1996-1-ref.html
new file mode 100644
index 0000000000..4294625533
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-de-1996-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="de-1996">
+Al&shy;le Men&shy;schen sind frei und gleich an Wür&shy;de und Rech&shy;ten ge&shy;bo&shy;ren.
+<p>
+bus&shy;ser <!-- example word that is hyphenated differently by de-1901 and de-1996 -->
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-de-1996-1.html b/layout/reftests/text/auto-hyphenation-de-1996-1.html
new file mode 100644
index 0000000000..fb542c4757
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-de-1996-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="de-1996">
+Alle Menschen sind frei und gleich an Würde und Rechten geboren.
+<p>
+busser <!-- example word that is hyphenated differently by de-1901 and de-1996 -->
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-de-ch-1-ref.html b/layout/reftests/text/auto-hyphenation-de-ch-1-ref.html
new file mode 100644
index 0000000000..f5b9e90a7a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-de-ch-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="de-CH">
+Al&shy;le Men&shy;schen sind frei und gleich an Wür&shy;de und Rech&shy;ten ge&shy;bo&shy;ren.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-de-ch-1.html b/layout/reftests/text/auto-hyphenation-de-ch-1.html
new file mode 100644
index 0000000000..7b41175419
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-de-ch-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="de-CH">
+Alle Menschen sind frei und gleich an Würde und Rechten geboren.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-eo-1-ref.html b/layout/reftests/text/auto-hyphenation-eo-1-ref.html
new file mode 100644
index 0000000000..f456c15945
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-eo-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="eo">
+Ĉiuj ho&shy;moj es&shy;tas de&shy;na&shy;s&shy;ke li&shy;be&shy;raj kaj ega&shy;laj laŭ di&shy;g&shy;no kaj raj&shy;toj.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-eo-1.html b/layout/reftests/text/auto-hyphenation-eo-1.html
new file mode 100644
index 0000000000..423ca95ae2
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-eo-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="eo">
+Ĉiuj homoj estas denaske liberaj kaj egalaj laŭ digno kaj rajtoj.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-es-1-ref.html b/layout/reftests/text/auto-hyphenation-es-1-ref.html
new file mode 100644
index 0000000000..24300ab510
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-es-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="es">
+Todos los se&shy;res hu&shy;ma&shy;nos na&shy;cen li&shy;bres e igua&shy;les en dig&shy;ni&shy;dad y de&shy;re&shy;chos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-es-1.html b/layout/reftests/text/auto-hyphenation-es-1.html
new file mode 100644
index 0000000000..fa2c688510
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-es-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="es">
+Todos los seres humanos nacen libres e iguales en dignidad y derechos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-et-1-ref.html b/layout/reftests/text/auto-hyphenation-et-1-ref.html
new file mode 100644
index 0000000000..0758d6c587
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-et-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="et">
+Kõik ini&shy;me&shy;sed sün&shy;nivad va&shy;ba&shy;de&shy;na ja võrds&shy;ete&shy;na oma vää&shy;ri&shy;ku&shy;selt ja õi&shy;gus&shy;telt
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-et-1.html b/layout/reftests/text/auto-hyphenation-et-1.html
new file mode 100644
index 0000000000..7009aa7ab3
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-et-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="et">
+Kõik inimesed sünnivad vabadena ja võrdsetena oma väärikuselt ja õigustelt
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-fi-1-ref.html b/layout/reftests/text/auto-hyphenation-fi-1-ref.html
new file mode 100644
index 0000000000..1bb845a405
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-fi-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="fi">
+Kaik&shy;ki ih&shy;mi&shy;set syn&shy;ty&shy;vät va&shy;pai&shy;na ja ta&shy;sa&shy;ver&shy;tai&shy;si&shy;na ar&shy;vol&shy;taan ja oi&shy;keuk&shy;sil&shy;taan.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-fi-1.html b/layout/reftests/text/auto-hyphenation-fi-1.html
new file mode 100644
index 0000000000..fcf377fbbd
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-fi-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="fi">
+Kaikki ihmiset syntyvät vapaina ja tasavertaisina arvoltaan ja oikeuksiltaan.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-fr-1-ref.html b/layout/reftests/text/auto-hyphenation-fr-1-ref.html
new file mode 100644
index 0000000000..696ebc45b5
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-fr-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="fr">
+Tout in&shy;di&shy;vi&shy;du a droit à la vie, à la li&shy;ber&shy;té et à la sû&shy;re&shy;té de sa per&shy;sonne.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-fr-1.html b/layout/reftests/text/auto-hyphenation-fr-1.html
new file mode 100644
index 0000000000..edc5b47b59
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-fr-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="fr">
+Tout individu a droit à la vie, à la liberté et à la sûreté de sa personne.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-gl-1-ref.html b/layout/reftests/text/auto-hyphenation-gl-1-ref.html
new file mode 100644
index 0000000000..f07e7c2173
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-gl-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="gl">
+Tódolos se&shy;res hu&shy;ma&shy;nos na&shy;cen li&shy;bres e iguais en dig&shy;ni&shy;da&shy;de e de&shy;rei&shy;tos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-gl-1.html b/layout/reftests/text/auto-hyphenation-gl-1.html
new file mode 100644
index 0000000000..55627cc1cb
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-gl-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="gl">
+Tódolos seres humanos nacen libres e iguais en dignidade e dereitos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-gu-1-ref.html b/layout/reftests/text/auto-hyphenation-gu-1-ref.html
new file mode 100644
index 0000000000..04d756a05a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-gu-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="gu" style="width:0; hyphens:manual;">
+પ્ર&shy;તિ&shy;ષ્ઠા અને અધિ&shy;કા&shy;રો&shy;ની દૃ&shy;ષ્ટિએ સર્વ મા&shy;ન&shy;વો જન્મ&shy;થી સ્વ&shy;તંત્ર અને સમાન હોય છે.
diff --git a/layout/reftests/text/auto-hyphenation-gu-1.html b/layout/reftests/text/auto-hyphenation-gu-1.html
new file mode 100644
index 0000000000..45531a9786
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-gu-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="gu" style="width:0; hyphens:auto;">
+પ્રતિષ્ઠા અને અધિકારોની દૃષ્ટિએ સર્વ માનવો જન્મથી સ્વતંત્ર અને સમાન હોય છે.
diff --git a/layout/reftests/text/auto-hyphenation-hi-1-ref.html b/layout/reftests/text/auto-hyphenation-hi-1-ref.html
new file mode 100644
index 0000000000..dd8a8f15b0
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hi-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="hi" style="width:0; hyphens:manual;">
+सभी मनु&shy;ष्यों को गौ&shy;रव और अधि&shy;का&shy;रों के मा&shy;म&shy;ले में जन्म&shy;जात स्व&shy;त&shy;न्त्र&shy;ता और समा&shy;न&shy;ता प्रा&shy;प्त है ।
diff --git a/layout/reftests/text/auto-hyphenation-hi-1.html b/layout/reftests/text/auto-hyphenation-hi-1.html
new file mode 100644
index 0000000000..181804bfed
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hi-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="hi" style="width:0; hyphens:auto;">
+सभी मनुष्यों को गौरव और अधिकारों के मामले में जन्मजात स्वतन्त्रता और समानता प्राप्त है ।
diff --git a/layout/reftests/text/auto-hyphenation-hr-1-ref.html b/layout/reftests/text/auto-hyphenation-hr-1-ref.html
new file mode 100644
index 0000000000..4911fffaa2
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hr-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="hr">
+Sva ljud&shy;ska bi&shy;ća ra&shy;ća&shy;ju se slo&shy;bod&shy;na i jed&shy;na&shy;ka u dos&shy;to&shy;jans&shy;tvu i pra&shy;vi&shy;ma
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-hr-1.html b/layout/reftests/text/auto-hyphenation-hr-1.html
new file mode 100644
index 0000000000..02d902d71c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hr-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="hr">
+Sva ljudska bića raćaju se slobodna i jednaka u dostojanstvu i pravima
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-hsb-1-ref.html b/layout/reftests/text/auto-hyphenation-hsb-1-ref.html
new file mode 100644
index 0000000000..e999792056
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hsb-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="hsb">
+Wšitcy čło&shy;wje&shy;ko&shy;jo su wot na&shy;ro&shy;da swo&shy;bod&shy;ni a su je&shy;na&shy;cy po do&shy;stoj&shy;nos&shy;ći a pra&shy;wach
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-hsb-1.html b/layout/reftests/text/auto-hyphenation-hsb-1.html
new file mode 100644
index 0000000000..45d921f8bd
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hsb-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="hsb">
+Wšitcy čłowjekojo su wot naroda swobodni a su jenacy po dostojnosći a prawach
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-hu-1-ref.html b/layout/reftests/text/auto-hyphenation-hu-1-ref.html
new file mode 100644
index 0000000000..96945aa1dc
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hu-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="hu">
+Minden em&shy;be&shy;ri lény sza&shy;ba&shy;don szü&shy;le&shy;tik és egyen&shy;lő mél&shy;tó&shy;sá&shy;ga és jo&shy;ga van.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-hu-1.html b/layout/reftests/text/auto-hyphenation-hu-1.html
new file mode 100644
index 0000000000..c74f6d725f
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-hu-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="hu">
+Minden emberi lény szabadon születik és egyenlő méltósága és joga van.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-ia-1-ref.html b/layout/reftests/text/auto-hyphenation-ia-1-ref.html
new file mode 100644
index 0000000000..bd4bbdeb31
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ia-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="ia">
+Tote le es&shy;se&shy;res hu&shy;man na&shy;sce li&shy;be&shy;re e equal in dig&shy;ni&shy;ta&shy;te e in de&shy;rec&shy;tos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-ia-1.html b/layout/reftests/text/auto-hyphenation-ia-1.html
new file mode 100644
index 0000000000..dc5972cc00
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ia-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="ia">
+Tote le esseres human nasce libere e equal in dignitate e in derectos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-is-1-ref.html b/layout/reftests/text/auto-hyphenation-is-1-ref.html
new file mode 100644
index 0000000000..76b6d43dc1
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-is-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="is">
+Hver mað&shy;ur er bor&shy;inn frjáls og jafn öðr&shy;um að virð&shy;ingu og rétt&shy;ind&shy;um
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-is-1.html b/layout/reftests/text/auto-hyphenation-is-1.html
new file mode 100644
index 0000000000..3efac1056f
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-is-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="is">
+Hver maður er borinn frjáls og jafn öðrum að virðingu og réttindum
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-it-1-ref.html b/layout/reftests/text/auto-hyphenation-it-1-ref.html
new file mode 100644
index 0000000000..25ac37d257
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-it-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="it">
+Tutti gli es&shy;se&shy;ri uma&shy;ni na&shy;sco&shy;no li&shy;be&shy;ri ed egua&shy;li in di&shy;gni&shy;tà e di&shy;rit&shy;ti.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-it-1.html b/layout/reftests/text/auto-hyphenation-it-1.html
new file mode 100644
index 0000000000..963c108982
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-it-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="it">
+Tutti gli esseri umani nascono liberi ed eguali in dignità e diritti.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-kmr-1-ref.html b/layout/reftests/text/auto-hyphenation-kmr-1-ref.html
new file mode 100644
index 0000000000..6af785c4b6
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-kmr-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="kmr">
+Hemû mi&shy;rov azad û di we&shy;qar û ma&shy;fan de we&shy;k&shy;hev tên din&shy;ya&shy;yê
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-kmr-1.html b/layout/reftests/text/auto-hyphenation-kmr-1.html
new file mode 100644
index 0000000000..43887b80f4
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-kmr-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="kmr">
+Hemû mirov azad û di weqar û mafan de wekhev tên dinyayê
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-kn-1-ref.html b/layout/reftests/text/auto-hyphenation-kn-1-ref.html
new file mode 100644
index 0000000000..f791517e8f
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-kn-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="kn" style="width:0; hyphens:manual;">
+ಎಲ್ಲಾ ಮಾ&shy;ನ&shy;ವ&shy;ರೂ ಸ್ವ&shy;ತಂ&shy;ತ್ರ&shy;ರಾ&shy;ಗಿ&shy;ಯೇ ಜನಿ&shy;ಸಿ&shy;ದ್ದಾ&shy;ರೆ. ಹಾ&shy;ಗೂ ಘನ&shy;ತೆ ಮತ್ತು ಹಕ್ಕು&shy;ಗ&shy;ಳ&shy;ಲ್ಲಿ ಸಮಾ&shy;ನ&shy;ರಾ&shy;ಗಿ&shy;ದ್ದಾ&shy;ರೆ.
diff --git a/layout/reftests/text/auto-hyphenation-kn-1.html b/layout/reftests/text/auto-hyphenation-kn-1.html
new file mode 100644
index 0000000000..9f520e17d4
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-kn-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="kn" style="width:0; hyphens:auto;">
+ಎಲ್ಲಾ ಮಾನವರೂ ಸ್ವತಂತ್ರರಾಗಿಯೇ ಜನಿಸಿದ್ದಾರೆ. ಹಾಗೂ ಘನತೆ ಮತ್ತು ಹಕ್ಕುಗಳಲ್ಲಿ ಸಮಾನರಾಗಿದ್ದಾರೆ.
diff --git a/layout/reftests/text/auto-hyphenation-la-1-ref.html b/layout/reftests/text/auto-hyphenation-la-1-ref.html
new file mode 100644
index 0000000000..03afab6f3e
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-la-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="la">
+Omnes ho&shy;mi&shy;nes di&shy;gni&shy;ta&shy;te et iu&shy;re li&shy;be&shy;ri et pa&shy;res na&shy;scun&shy;tur
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-la-1.html b/layout/reftests/text/auto-hyphenation-la-1.html
new file mode 100644
index 0000000000..bb76d0d428
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-la-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="la">
+Omnes homines dignitate et iure liberi et pares nascuntur
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-lt-1-ref.html b/layout/reftests/text/auto-hyphenation-lt-1-ref.html
new file mode 100644
index 0000000000..422d57b247
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-lt-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="lt">
+Visi žmo&shy;nės gims&shy;ta lais&shy;vi ir ly&shy;gūs sa&shy;vo oru&shy;mu ir tei&shy;sė&shy;mis.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-lt-1.html b/layout/reftests/text/auto-hyphenation-lt-1.html
new file mode 100644
index 0000000000..3c896a5655
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-lt-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="lt">
+Visi žmonės gimsta laisvi ir lygūs savo orumu ir teisėmis.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-ml-1-ref.html b/layout/reftests/text/auto-hyphenation-ml-1-ref.html
new file mode 100644
index 0000000000..4d8dc4619a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ml-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="ml" style="width:0; hyphens:manual;">
+മനു&shy;ഷ്യ&shy;രെ&shy;ല്ലാ&shy;വ&shy;രും തു&shy;ല്യാ&shy;വ&shy;കാ&shy;ശ&shy;ങ്ങ&shy;ളോ&shy;ടും അന്ത&shy;സ്സോ&shy;ടും സ്വാ&shy;ത&shy;ന്ത്ര്യ&shy;ത്തോ&shy;ടും&shy;കൂ&shy;ടി ജനി&shy;ച്ചി&shy;ട്ടു&shy;ള്ള&shy;വ&shy;രാ&shy;ണ്‌.
diff --git a/layout/reftests/text/auto-hyphenation-ml-1.html b/layout/reftests/text/auto-hyphenation-ml-1.html
new file mode 100644
index 0000000000..c5d421824c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ml-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="ml" style="width:0; hyphens:auto;">
+മനുഷ്യരെല്ലാവരും തുല്യാവകാശങ്ങളോടും അന്തസ്സോടും സ്വാതന്ത്ര്യത്തോടുംകൂടി ജനിച്ചിട്ടുള്ളവരാണ്‌.
diff --git a/layout/reftests/text/auto-hyphenation-mn-1-ref.html b/layout/reftests/text/auto-hyphenation-mn-1-ref.html
new file mode 100644
index 0000000000..d2a3db12ba
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-mn-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="mn">
+Хүн бүр төрж мэнд&shy;лэ&shy;хэд эрх чө&shy;лөө&shy;тэй, адил&shy;хан нэр төр&shy;тэй, ижил эрх&shy;тэй бай&shy;даг
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-mn-1.html b/layout/reftests/text/auto-hyphenation-mn-1.html
new file mode 100644
index 0000000000..e00d43c253
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-mn-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="mn">
+Хүн бүр төрж мэндлэхэд эрх чөлөөтэй, адилхан нэр төртэй, ижил эрхтэй байдаг
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-nb-1-ref.html b/layout/reftests/text/auto-hyphenation-nb-1-ref.html
new file mode 100644
index 0000000000..6604655498
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-nb-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="nb">
+Alle men&shy;nes&shy;ker er født frie og med sam&shy;me men&shy;neske&shy;verd og men&shy;neske&shy;ret&shy;tig&shy;he&shy;ter.
+<p>
+<!-- words that differ in nb/nn locales -->
+at&shy;ten&shy;de
+be&shy;tre
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-nb-1.html b/layout/reftests/text/auto-hyphenation-nb-1.html
new file mode 100644
index 0000000000..e64396a67b
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-nb-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="nb">
+Alle mennesker er født frie og med samme menneskeverd og menneskerettigheter.
+<p>
+<!-- words that differ in nb/nn locales -->
+attende
+betre
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-nl-1-ref.html b/layout/reftests/text/auto-hyphenation-nl-1-ref.html
new file mode 100644
index 0000000000..ca6d1f516c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-nl-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="nl">
+Alle men&shy;sen wor&shy;den vrij en ge&shy;lijk in waar&shy;dig&shy;heid en rech&shy;ten ge&shy;bo&shy;ren
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-nl-1.html b/layout/reftests/text/auto-hyphenation-nl-1.html
new file mode 100644
index 0000000000..e7cb9ab9e1
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-nl-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="nl">
+Alle mensen worden vrij en gelijk in waardigheid en rechten geboren
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-nn-1-ref.html b/layout/reftests/text/auto-hyphenation-nn-1-ref.html
new file mode 100644
index 0000000000..d20acf9e23
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-nn-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="nn">
+Alle men&shy;nes&shy;ke er fød&shy;de til fri&shy;dom og med same men&shy;neske&shy;verd og men&shy;neske&shy;ret&shy;tar.
+<p>
+<!-- words that differ in nb/nn locales -->
+att&shy;en&shy;de
+bet&shy;re
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-nn-1.html b/layout/reftests/text/auto-hyphenation-nn-1.html
new file mode 100644
index 0000000000..405966c9c2
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-nn-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="nn">
+Alle menneske er fødde til fridom og med same menneskeverd og menneskerettar.
+<p>
+<!-- words that differ in nb/nn locales -->
+attende
+betre
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-pa-1-ref.html b/layout/reftests/text/auto-hyphenation-pa-1-ref.html
new file mode 100644
index 0000000000..e89d0bb371
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-pa-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="pa" style="width:0; hyphens:manual;">
+ਸਾ&shy;ਰਾ ਮਨੁੱਖੀ ਪਰਿ&shy;ਵਾਰ ਆਪ&shy;ਣੀ ਮਹਿ&shy;ਮਾ, ਸ਼ਾਨ ਅਤੇ ਹੱਕਾਂ ਦੇ ਪੱਖੋਂ ਜਨਮ ਤੋਂ ਹੀ ਆਜ਼ਾਦ ਹੈ ਅਤੇ ਸੁ&shy;ਤੇ ਸਿੱਧ ਸਾ&shy;ਰੇ ਲੋਕ ਬਰਾ&shy;ਬਰ ਹਨ ।
diff --git a/layout/reftests/text/auto-hyphenation-pa-1.html b/layout/reftests/text/auto-hyphenation-pa-1.html
new file mode 100644
index 0000000000..ab932b8510
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-pa-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="pa" style="width:0; hyphens:auto;">
+ਸਾਰਾ ਮਨੁੱਖੀ ਪਰਿਵਾਰ ਆਪਣੀ ਮਹਿਮਾ, ਸ਼ਾਨ ਅਤੇ ਹੱਕਾਂ ਦੇ ਪੱਖੋਂ ਜਨਮ ਤੋਂ ਹੀ ਆਜ਼ਾਦ ਹੈ ਅਤੇ ਸੁਤੇ ਸਿੱਧ ਸਾਰੇ ਲੋਕ ਬਰਾਬਰ ਹਨ ।
diff --git a/layout/reftests/text/auto-hyphenation-pl-1-ref.html b/layout/reftests/text/auto-hyphenation-pl-1-ref.html
new file mode 100644
index 0000000000..6ed72f2717
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-pl-1-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+<meta charset="utf-8">
+<title>Polish hyphenation test</title>
+<style>
+body {
+  font-family: "Times New Roman", serif; /* prefer TNR to Times (default) on OS X... */
+  font-feature-settings: 'kern' off;
+}
+</style>
+</head>
+<body>
+<div style="white-space:pre-wrap;">Unikod
+przy-
+pi-
+su-
+je
+uni-
+kal-
+ny
+nu-
+mer
+każ-
+de-
+mu
+zna-
+ko-
+wi,
+nie-
+za-
+leż-
+ny
+od
+uży-
+wa-
+nej
+plat-
+for-
+my,
+pro-
+gra-
+mu
+czy
+ję-
+zy-
+ka.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-pl-1.html b/layout/reftests/text/auto-hyphenation-pl-1.html
new file mode 100644
index 0000000000..55fddc07b0
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-pl-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+<meta charset="utf-8">
+<title>Polish hyphenation test</title>
+<style>
+body {
+  font-family: "Times New Roman", serif; /* prefer TNR to Times (default) on OS X... */
+  font-feature-settings: 'kern' off;
+}
+</style>
+</head>
+<body>
+<div style="width:0pt; hyphens:auto">
+Unikod przypisuje unikalny numer każdemu znakowi,
+niezależny od używanej platformy,
+programu czy języka.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-pt-1-ref.html b/layout/reftests/text/auto-hyphenation-pt-1-ref.html
new file mode 100644
index 0000000000..b40616ef3c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-pt-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="pt">
+Todos os se&shy;res hu&shy;ma&shy;nos nas&shy;cem li&shy;vres e iguais em dig&shy;ni&shy;da&shy;de e em di&shy;rei&shy;tos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-pt-1.html b/layout/reftests/text/auto-hyphenation-pt-1.html
new file mode 100644
index 0000000000..d2b3a1c647
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-pt-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="pt">
+Todos os seres humanos nascem livres e iguais em dignidade e em direitos
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-ru-1-ref.html b/layout/reftests/text/auto-hyphenation-ru-1-ref.html
new file mode 100644
index 0000000000..6686b2c1a6
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ru-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="ru">
+Все лю&shy;ди рож&shy;да&shy;ют&shy;ся сво&shy;бод&shy;ны&shy;ми и рав&shy;ны&shy;ми в сво&shy;ем до&shy;сто&shy;ин&shy;стве и пра&shy;вах.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-ru-1.html b/layout/reftests/text/auto-hyphenation-ru-1.html
new file mode 100644
index 0000000000..859acd5237
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ru-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="ru">
+Все люди рождаются свободными и равными в своем достоинстве и правах.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sh-1-ref.html b/layout/reftests/text/auto-hyphenation-sh-1-ref.html
new file mode 100644
index 0000000000..dd183b26b5
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sh-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual; font-size:5px" lang="sh">
+Сва људ&shy;ска би&shy;ћа ра&shy;ђа&shy;ју се сло&shy;бод&shy;на и јед&shy;на&shy;ка у до&shy;сто&shy;јан&shy;ству и пра&shy;ви&shy;ма.
+<p>
+Sva ljud&shy;ska bi&shy;ća ra&shy;đa&shy;ju se slo&shy;bod&shy;na i jed&shy;na&shy;ka u do&shy;sto&shy;jan&shy;stvu i pra&shy;vi&shy;ma.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sh-1.html b/layout/reftests/text/auto-hyphenation-sh-1.html
new file mode 100644
index 0000000000..4b1c835415
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sh-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto; font-size:5px" lang="sh">
+Сва људска бића рађају се слободна и једнака у достојанству и правима.
+<p>
+Sva ljudska bića rađaju se slobodna i jednaka u dostojanstvu i pravima.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sl-1-ref.html b/layout/reftests/text/auto-hyphenation-sl-1-ref.html
new file mode 100644
index 0000000000..760b51ec7a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sl-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="sl">
+Vsi lju&shy;dje se ro&shy;di&shy;jo svo&shy;bo&shy;dni in ima&shy;jo ena&shy;ko do&shy;sto&shy;jan&shy;stvo in ena&shy;ke pra&shy;vi&shy;ce
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sl-1.html b/layout/reftests/text/auto-hyphenation-sl-1.html
new file mode 100644
index 0000000000..e59192aaa4
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sl-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="sl">
+Vsi ljudje se rodijo svobodni in imajo enako dostojanstvo in enake pravice
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sr-1-ref.html b/layout/reftests/text/auto-hyphenation-sr-1-ref.html
new file mode 100644
index 0000000000..a23fb56f0e
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sr-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual; font-size:5px" lang="sr">
+Сва људ&shy;ска би&shy;ћа ра&shy;ђа&shy;ју се сло&shy;бод&shy;на и јед&shy;на&shy;ка у до&shy;сто&shy;јан&shy;ству и пра&shy;ви&shy;ма.
+<p>
+Sva ljud&shy;ska bi&shy;ća ra&shy;đa&shy;ju se slo&shy;bod&shy;na i jed&shy;na&shy;ka u do&shy;sto&shy;jan&shy;stvu i pra&shy;vi&shy;ma.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sr-1.html b/layout/reftests/text/auto-hyphenation-sr-1.html
new file mode 100644
index 0000000000..1560fe9d3c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sr-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto; font-size:5px" lang="sr">
+Сва људска бића рађају се слободна и једнака у достојанству и правима.
+<p>
+Sva ljudska bića rađaju se slobodna i jednaka u dostojanstvu i pravima.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sv-1-notref.html b/layout/reftests/text/auto-hyphenation-sv-1-notref.html
new file mode 100644
index 0000000000..02986a88de
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sv-1-notref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="en-US">
+Alla människor äro födda fria och lika i värde och rättigheter
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sv-1-ref.html b/layout/reftests/text/auto-hyphenation-sv-1-ref.html
new file mode 100644
index 0000000000..78ad51d406
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sv-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="sv">
+Alla män&shy;ni&shy;skor äro föd&shy;da fria och li&shy;ka i vär&shy;de och rät&shy;tig&shy;he&shy;ter
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-sv-1.html b/layout/reftests/text/auto-hyphenation-sv-1.html
new file mode 100644
index 0000000000..a2096ee6f4
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-sv-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="sv">
+Alla människor äro födda fria och lika i värde och rättigheter
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-ta-1-ref.html b/layout/reftests/text/auto-hyphenation-ta-1-ref.html
new file mode 100644
index 0000000000..9b6c1cba76
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ta-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="ta" style="width:0; hyphens:manual;">
+மனி&shy;தப் பி&shy;றி&shy;வி&shy;யி&shy;னர் சக&shy;ல&shy;ரும் சு&shy;தந்&shy;தி&shy;ர&shy;மா&shy;க&shy;வே பி&shy;றக்&shy;கின்&shy;றனர்; அவர்&shy;கள் மதிப்&shy;பி&shy;லும், உரி&shy;மை&shy;க&shy;ளி&shy;லும் சம&shy;மா&shy;ன&shy;வர்&shy;கள், அவர்&shy;கள் நி&shy;யா&shy;யத்&shy;தை&shy;யும் மனச்&shy;சாட்&shy;சி&shy;யை&shy;யும் இயற்&shy;பண்&shy;பா&shy;கப் பெற்&shy;ற&shy;வர்&shy;கள்.
diff --git a/layout/reftests/text/auto-hyphenation-ta-1.html b/layout/reftests/text/auto-hyphenation-ta-1.html
new file mode 100644
index 0000000000..230192528c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-ta-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="ta" style="width:0; hyphens:auto;">
+மனிதப் பிறிவியினர் சகலரும் சுதந்திரமாகவே பிறக்கின்றனர்; அவர்கள் மதிப்பிலும், உரிமைகளிலும் சமமானவர்கள், அவர்கள் நியாயத்தையும் மனச்சாட்சியையும் இயற்பண்பாகப் பெற்றவர்கள்.
diff --git a/layout/reftests/text/auto-hyphenation-te-1-ref.html b/layout/reftests/text/auto-hyphenation-te-1-ref.html
new file mode 100644
index 0000000000..9069d85def
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-te-1-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="te" style="width:0; hyphens:manual;">
+ప్ర&shy;తి&shy;ప&shy;త్తి&shy;స్వ&shy;త్వ&shy;ముల వి&shy;ష&shy;య&shy;మున మా&shy;న&shy;వు&shy;లె&shy;ల్ల&shy;రు&shy;ను జన్మ&shy;తః స్వ&shy;తం&shy;త్రు&shy;లు&shy;ను సమా&shy;ను&shy;లు&shy;ను నగు&shy;దు&shy;రు.
diff --git a/layout/reftests/text/auto-hyphenation-te-1.html b/layout/reftests/text/auto-hyphenation-te-1.html
new file mode 100644
index 0000000000..c1c75312d6
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-te-1.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div lang="te" style="width:0; hyphens:auto;">
+ప్రతిపత్తిస్వత్వముల విషయమున మానవులెల్లరును జన్మతః స్వతంత్రులును సమానులును నగుదురు.
diff --git a/layout/reftests/text/auto-hyphenation-tr-1-ref.html b/layout/reftests/text/auto-hyphenation-tr-1-ref.html
new file mode 100644
index 0000000000..f5827c0e9a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-tr-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="tr">
+Bütün in&shy;san&shy;lar hür, hay&shy;si&shy;yet ve hak&shy;lar ba&shy;kı&shy;mın&shy;dan eşit do&shy;ğar&shy;lar.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-tr-1.html b/layout/reftests/text/auto-hyphenation-tr-1.html
new file mode 100644
index 0000000000..fc6437182d
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-tr-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="tr">
+Bütün insanlar hür, haysiyet ve haklar bakımından eşit doğarlar.
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-transformed-1-ref.html b/layout/reftests/text/auto-hyphenation-transformed-1-ref.html
new file mode 100644
index 0000000000..dc13355076
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-transformed-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="utf-8">
+<title>Test for auto hyphenation with text-transform</title>
+</head>
+<body>
+<div style="width:0px;">
+mas&shy;se<br>ma&shy;ße
+</div>
+<div style="width:0px;">
+MAS&shy;SE<br>MA&shy;SSE
+</div>
+<div style="width:0px;">
+Mas&shy;se<br>Ma&shy;ße
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-transformed-1.html b/layout/reftests/text/auto-hyphenation-transformed-1.html
new file mode 100644
index 0000000000..181c33b1d2
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-transformed-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="utf-8">
+<title>Test for auto hyphenation with text-transform</title>
+</head>
+<body>
+<div style="width:0px; hyphens:auto">
+masse<br>maße
+</div>
+<div style="width:0px; hyphens:auto; text-transform:uppercase">
+masse<br>maße
+</div>
+<div style="width:0px; hyphens:auto; text-transform:capitalize">
+masse<br>maße
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-uk-1-ref.html b/layout/reftests/text/auto-hyphenation-uk-1-ref.html
new file mode 100644
index 0000000000..7c99e28d01
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-uk-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:manual;" lang="uk">
+Всі лю&shy;ди на&shy;ро&shy;джу&shy;ю&shy;ться віль&shy;ни&shy;ми і рів&shy;ни&shy;ми у сво&shy;їй гі&shy;дно&shy;сті та пра&shy;вах
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-uk-1.html b/layout/reftests/text/auto-hyphenation-uk-1.html
new file mode 100644
index 0000000000..0f3c72ce16
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-uk-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+<div style="width:1em; hyphens:auto;" lang="uk">
+Всі люди народжуються вільними і рівними у своїй гідності та правах
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-1.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-1.xhtml
new file mode 100644
index 0000000000..b102f63151
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-1.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- simple test for automatic hyphenation -->
+<body xml:lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-10.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-10.xhtml
new file mode 100644
index 0000000000..9ae2f056fe
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-10.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-11a.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-11a.xhtml
new file mode 100644
index 0000000000..eab1a7011c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-11a.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that xml:lang beats lang -->
+<body xml:lang="en-us" lang="x-unknown-language">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-11b.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-11b.xhtml
new file mode 100644
index 0000000000..e243bc2c4f
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-11b.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that xml:lang beats lang -->
+<body lang="x-unknown-language" xml:lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-12a.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-12a.xhtml
new file mode 100644
index 0000000000..18c8846473
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-12a.xhtml
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that xml:lang beats lang -->
+<!-- check that hyphenation is not applied to unknown language -->
+<body xml:lang="x-unknown-language" lang="en-us">
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-12b.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-12b.xhtml
new file mode 100644
index 0000000000..602e59b27c
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-12b.xhtml
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that xml:lang beats lang -->
+<!-- check that hyphenation is not applied to unknown language -->
+<body lang="en-us" xml:lang="x-unknown-language">
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-13a.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-13a.xhtml
new file mode 100644
index 0000000000..10488ad8fa
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-13a.xhtml
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that innermost beats xml:lang vs. lang difference -->
+<body lang="x-unknown-language">
+<div xml:lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+</div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-13b.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-13b.xhtml
new file mode 100644
index 0000000000..ef231cf855
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-13b.xhtml
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that innermost beats xml:lang vs. lang difference -->
+<body xml:lang="x-unknown-language">
+<div lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+</div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-14a.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-14a.xhtml
new file mode 100644
index 0000000000..124a6e127d
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-14a.xhtml
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that innermost beats xml:lang vs. lang difference -->
+<!-- check that hyphenation is not applied to unknown language -->
+<body lang="en-us">
+<div xml:lang="x-unknown-language">
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-14b.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-14b.xhtml
new file mode 100644
index 0000000000..a4fd52b704
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-14b.xhtml
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that innermost beats xml:lang vs. lang difference -->
+<!-- check that hyphenation is not applied to unknown language -->
+<body xml:lang="en-us">
+<div lang="x-unknown-language">
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-1a.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-1a.xhtml
new file mode 100644
index 0000000000..77a3c3b56f
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-1a.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- adding random <span>s should not affect hyphenation -->
+<body xml:lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+super<span>cali</span>frag<span>ili</span>sti<span>cex</span>pialidoc<span>i</span>ous
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-2.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-2.xhtml
new file mode 100644
index 0000000000..382deafe4a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-2.xhtml
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- mixed languages in a word should inhibit automatic hyphenation -->
+<body xml:lang="en-us">
+<div style="width: 5em; hyphens: auto; font-family:sans-serif;">
+supercalifragilisticexpialidocious
+super<span xml:lang="foo">cali</span>fragilisticexpialidocious
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-3.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-3.xhtml
new file mode 100644
index 0000000000..1560f9e6b9
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-3.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that hyphens:none prevents break at &shy; -->
+<body xml:lang="en-us">
+<div style="width: 5em; hyphens: none;">
+su&#173;per&#173;cal&#173;ifrag&#173;ilis&#173;tic&#173;ex&#173;pi&#173;ali&#173;do&#173;cious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-4.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-4.xhtml
new file mode 100644
index 0000000000..4a453f628b
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-4.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that hyphenation is not applied to unknown language -->
+<body xml:lang="x-unknown-language">
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-5.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-5.xhtml
new file mode 100644
index 0000000000..dce0ee03f8
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-5.xhtml
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style type="text/css">
+div {
+  margin:       10px;
+  width:        10px;
+  font-family:  monospace;
+  hyphens: auto;
+}
+</style>
+</head>
+<!-- test some hyphenations that involve overlapping patterns -->
+<body xml:lang="en-us">
+<div>
+photo
+</div>
+<div>
+photograph
+</div>
+<div>
+photographer
+</div>
+<div>
+photographical
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-6.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-6.xhtml
new file mode 100644
index 0000000000..6a9bf1bd92
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-6.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- style changes don't break hyphenation -->
+<body xml:lang="en-us">
+<div style="width: 0; hyphens: auto;">
+hy<span style="color:red">phen</span>ation
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-7.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-7.xhtml
new file mode 100644
index 0000000000..81333df42a
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-7.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- style changes don't break hyphenation -->
+<body xml:lang="en-us">
+<div style="width: 0; hyphens: auto;">
+h<span style="color:red">yphena</span>tion
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-8.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-8.xhtml
new file mode 100644
index 0000000000..97ce7fcd9d
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-8.xhtml
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/auto-hyphenation-xmllang-9.xhtml b/layout/reftests/text/auto-hyphenation-xmllang-9.xhtml
new file mode 100644
index 0000000000..18a8bc862f
--- /dev/null
+++ b/layout/reftests/text/auto-hyphenation-xmllang-9.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>Hyphenation test</title></head>
+<!-- check that hyphenation is not applied when language is not specified -->
+<body>
+<div style="width: 5em; hyphens: auto;">
+supercalifragilisticexpialidocious
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/text/cgj-01-ref.html b/layout/reftests/text/cgj-01-ref.html
new file mode 100644
index 0000000000..20c211bdab
--- /dev/null
+++ b/layout/reftests/text/cgj-01-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- U+034F Combining Grapheme Joiner test #1.
+     The CGJ should not be visible,
+     nor affect the width of the first cluster. -->
+<html>
+ <head>
+  <title>CGJ test</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+  body {   
+    font-size: 35px;
+    line-height: 100px;
+    /* prefer Calibri on Win7 to avoid visible CGJ glyph */
+    font-family: Calibri, sans-serif;
+  }
+  </style>
+ </head>
+ <body lang="fr">
+   <p>a&#x300;b</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/cgj-01.html b/layout/reftests/text/cgj-01.html
new file mode 100644
index 0000000000..bea39f5704
--- /dev/null
+++ b/layout/reftests/text/cgj-01.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- U+034F Combining Grapheme Joiner test #1.
+     The CGJ should not be visible,
+     nor affect the width of the first cluster. -->
+<html>
+ <head>
+  <title>CGJ test</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+  body {   
+    font-size: 35px;
+    line-height: 100px;
+    /* prefer Calibri on Win7 to avoid visible CGJ glyph */
+    font-family: Calibri, sans-serif;
+  }
+  </style>
+ </head>
+ <body lang="fr">
+   <p>a&#x300;&#x34f;b</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/color-opacity-rtl-1-ref.html b/layout/reftests/text/color-opacity-rtl-1-ref.html
new file mode 100644
index 0000000000..afe96a51d1
--- /dev/null
+++ b/layout/reftests/text/color-opacity-rtl-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Mozilla bug 1318539</title>
+<style>
+.ref {
+  font-family: Twemoji Mozilla, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
+  font-size: 48px;
+  opacity: 0.5;
+  text-align: right;
+}
+</style>
+</head>
+<body class="ref">
+(&#x1f602;&#x1f601;&#x1f600;)
+</body>
+</html>
diff --git a/layout/reftests/text/color-opacity-rtl-1.html b/layout/reftests/text/color-opacity-rtl-1.html
new file mode 100644
index 0000000000..ee6e09090c
--- /dev/null
+++ b/layout/reftests/text/color-opacity-rtl-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Mozilla bug 1318539</title>
+<style>
+.test {
+  font-family: Twemoji Mozilla, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
+  font-size: 48px;
+  opacity: 0.5;
+}
+</style>
+</head>
+<body dir=rtl class="test">
+(&#x1f600;&#x1f601;&#x1f602;)
+</body>
+</html>
diff --git a/layout/reftests/text/color-opacity-rtl-2-ref.html b/layout/reftests/text/color-opacity-rtl-2-ref.html
new file mode 100644
index 0000000000..88ee708431
--- /dev/null
+++ b/layout/reftests/text/color-opacity-rtl-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Mozilla bug 1318539</title>
+<style>
+.ref {
+  font-family: Twemoji Mozilla, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
+  font-size: 48px;
+  opacity: 0.5;
+  unicode-bidi: bidi-override;
+  direction: ltr;
+}
+</style>
+</head>
+<body class="ref">
+&#x5d1;&#x1f600;&#x5d0;
+</body>
+</html>
diff --git a/layout/reftests/text/color-opacity-rtl-2.html b/layout/reftests/text/color-opacity-rtl-2.html
new file mode 100644
index 0000000000..1a9b0f4c10
--- /dev/null
+++ b/layout/reftests/text/color-opacity-rtl-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Mozilla bug 1318539</title>
+<style>
+.test {
+  font-family: Twemoji Mozilla, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
+  font-size: 48px;
+  opacity: 0.5;
+}
+</style>
+</head>
+<body class="test">
+&#x5d0;&#x1f600;&#x5d1;
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-01-notref.html b/layout/reftests/text/control-chars-01-notref.html
new file mode 100644
index 0000000000..3b7735d33b
--- /dev/null
+++ b/layout/reftests/text/control-chars-01-notref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<textarea style="-moz-appearance:none; width:300px; height:300px;">
+foobar
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-01a.html b/layout/reftests/text/control-chars-01a.html
new file mode 100644
index 0000000000..1dbd34ba66
--- /dev/null
+++ b/layout/reftests/text/control-chars-01a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<textarea style="-moz-appearance:none; width:300px; height:300px;">
+foo&#x01;bar
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-01b.html b/layout/reftests/text/control-chars-01b.html
new file mode 100644
index 0000000000..19e08552da
--- /dev/null
+++ b/layout/reftests/text/control-chars-01b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<textarea style="-moz-appearance:none; width:300px; height:300px;">
+foo&#x1f;bar
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-01c.html b/layout/reftests/text/control-chars-01c.html
new file mode 100644
index 0000000000..28504d4f43
--- /dev/null
+++ b/layout/reftests/text/control-chars-01c.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<textarea style="-moz-appearance:none; width:300px; height:300px;">
+foo&#x7f;bar
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-01d.html b/layout/reftests/text/control-chars-01d.html
new file mode 100644
index 0000000000..561489b259
--- /dev/null
+++ b/layout/reftests/text/control-chars-01d.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<textarea style="-moz-appearance:none; width:300px; height:300px;">
+foo&#x8f;bar
+</textarea>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-02-notref.html b/layout/reftests/text/control-chars-02-notref.html
new file mode 100644
index 0000000000..fe88d751b6
--- /dev/null
+++ b/layout/reftests/text/control-chars-02-notref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="-moz-control-character-visibility:visible">
+foobar
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-02.html b/layout/reftests/text/control-chars-02.html
new file mode 100644
index 0000000000..63210d20e8
--- /dev/null
+++ b/layout/reftests/text/control-chars-02.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="-moz-control-character-visibility:visible">
+foo&#x01;bar
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-03-ref.html b/layout/reftests/text/control-chars-03-ref.html
new file mode 100644
index 0000000000..2fecd054f9
--- /dev/null
+++ b/layout/reftests/text/control-chars-03-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+foobar
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-03a.html b/layout/reftests/text/control-chars-03a.html
new file mode 100644
index 0000000000..27fa168f18
--- /dev/null
+++ b/layout/reftests/text/control-chars-03a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="-moz-control-character-visibility:hidden">
+foo&#x01;bar
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-03b.html b/layout/reftests/text/control-chars-03b.html
new file mode 100644
index 0000000000..488e5e7513
--- /dev/null
+++ b/layout/reftests/text/control-chars-03b.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body style="-moz-control-character-visibility:visible">
+<span id="s">foo&#x01;bar</span>
+<script>
+var x = s.getBoundingClientRect().width;
+document.body.setAttribute("style", "-moz-control-character-visibility:hidden");
+</script>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-04-notref.html b/layout/reftests/text/control-chars-04-notref.html
new file mode 100644
index 0000000000..97509ce967
--- /dev/null
+++ b/layout/reftests/text/control-chars-04-notref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<div>
+foobar
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-04a.html b/layout/reftests/text/control-chars-04a.html
new file mode 100644
index 0000000000..9a8e3332db
--- /dev/null
+++ b/layout/reftests/text/control-chars-04a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<div>
+foo&#x01;bar
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-04b.html b/layout/reftests/text/control-chars-04b.html
new file mode 100644
index 0000000000..48e24b0385
--- /dev/null
+++ b/layout/reftests/text/control-chars-04b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<div>
+foo&#x1f;bar
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-04c.html b/layout/reftests/text/control-chars-04c.html
new file mode 100644
index 0000000000..fd5f892c94
--- /dev/null
+++ b/layout/reftests/text/control-chars-04c.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<div>
+foo&#x7f;bar
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/control-chars-04d.html b/layout/reftests/text/control-chars-04d.html
new file mode 100644
index 0000000000..94623baeb6
--- /dev/null
+++ b/layout/reftests/text/control-chars-04d.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<div>
+foo&#x8f;bar
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-01-notref.html b/layout/reftests/text/emoji-01-notref.html
new file mode 100644
index 0000000000..8c5c479705
--- /dev/null
+++ b/layout/reftests/text/emoji-01-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Check that emoji char renders something visible (bug 715798, bug 779042)</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<div>
+U+1F603:
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-01.html b/layout/reftests/text/emoji-01.html
new file mode 100644
index 0000000000..53082b913d
--- /dev/null
+++ b/layout/reftests/text/emoji-01.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Check that emoji char renders something visible (bug 715798, bug 779042)</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<div>
+U+1F603: &#x1F603;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-02-notref.html b/layout/reftests/text/emoji-02-notref.html
new file mode 100644
index 0000000000..e9fc9fe6b0
--- /dev/null
+++ b/layout/reftests/text/emoji-02-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Check that HUGE emoji char renders something visible (bug 715798, bug 779042)</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 600px;
+}
+</style>
+</head>
+<body>
+<div>
+U+1F633: <span style="font-size:400px">&nbsp;</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-02.html b/layout/reftests/text/emoji-02.html
new file mode 100644
index 0000000000..099b184712
--- /dev/null
+++ b/layout/reftests/text/emoji-02.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Check that HUGE emoji char renders something visible (bug 715798, bug 779042)</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 600px;
+}
+</style>
+</head>
+<body>
+<div>
+<!-- If the emoji size is too big, skia will fail to render it. 250 seems to be the max -->
+U+1F633: <span style="font-size:250px">&#x1F633;</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-03-notref.html b/layout/reftests/text/emoji-03-notref.html
new file mode 100644
index 0000000000..56a521afa1
--- /dev/null
+++ b/layout/reftests/text/emoji-03-notref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Emoji rendering should be affected by VS15/VS16</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<div>
+&#x2764;&#xfe0f;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-03-ref.html b/layout/reftests/text/emoji-03-ref.html
new file mode 100644
index 0000000000..b82fbe9f80
--- /dev/null
+++ b/layout/reftests/text/emoji-03-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Emoji rendering should be affected by VS15/VS16</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<div>
+&#x2764;&#xfe0e;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-03.html b/layout/reftests/text/emoji-03.html
new file mode 100644
index 0000000000..7c2d71de4f
--- /dev/null
+++ b/layout/reftests/text/emoji-03.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Emoji rendering should be affected by VS15/VS16</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<div>
+&#x2764;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-04-ref.html b/layout/reftests/text/emoji-04-ref.html
new file mode 100644
index 0000000000..354df991e6
--- /dev/null
+++ b/layout/reftests/text/emoji-04-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Emoji-style glyph should ignore color</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+  color: blue;
+}
+</style>
+</head>
+<body>
+<div>
+&#x2764;&#xfe0f;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-04.html b/layout/reftests/text/emoji-04.html
new file mode 100644
index 0000000000..87a02555a1
--- /dev/null
+++ b/layout/reftests/text/emoji-04.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Emoji-style glyph should ignore color</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+  color: green;
+}
+</style>
+</head>
+<body>
+<div>
+&#x2764;&#xfe0f;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-05-notref.html b/layout/reftests/text/emoji-05-notref.html
new file mode 100644
index 0000000000..574d30a6b1
--- /dev/null
+++ b/layout/reftests/text/emoji-05-notref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Text-style glyph should respect color</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+  color: blue;
+}
+</style>
+</head>
+<body>
+<div>
+&#x2764;&#xfe0e;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/emoji-05.html b/layout/reftests/text/emoji-05.html
new file mode 100644
index 0000000000..7401d1c1bc
--- /dev/null
+++ b/layout/reftests/text/emoji-05.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Text-style glyph should respect color</title>
+<style type="text/css">
+body {
+  margin: 10px;
+  font-size: 40px;
+  line-height: 2em;
+  color: green;
+}
+</style>
+</head>
+<body>
+<div>
+&#x2764;&#xfe0e;
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/ethiopic-wordspace-ref.html b/layout/reftests/text/ethiopic-wordspace-ref.html
new file mode 100644
index 0000000000..39c289b5e6
--- /dev/null
+++ b/layout/reftests/text/ethiopic-wordspace-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase for bug 815077</title>
+</head>
+<body>
+
+<p>
+የሰው፡<br>ልጅ፡<br>ሁሉ፡<br>ሲወለድ፡<br>ነጻና፡<br>በክብርና፡<br>በመብትም፡<br>እኩልነት፡<br>ያለው፡<br>ነው።፡<br>የተፈጥሮ፡<br>ማስተዋልና፡<br>ሕሊና፡<br>ስላለው፡<br>አንዱ፡<br>ሌላውን፡<br>በወንድማማችነት፡<br>መንፈስ፡<br>መመልከት፡<br>ይገባዋል።
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text/ethiopic-wordspace.html b/layout/reftests/text/ethiopic-wordspace.html
new file mode 100644
index 0000000000..912374e34e
--- /dev/null
+++ b/layout/reftests/text/ethiopic-wordspace.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 815077</title>
+</head>
+<body>
+
+<p style="width:0">
+የሰው፡ልጅ፡ሁሉ፡ሲወለድ፡ነጻና፡በክብርና፡በመብትም፡እኩልነት፡ያለው፡ነው።፡የተፈጥሮ፡ማስተዋልና፡ሕሊና፡ስላለው፡አንዱ፡ሌላውን፡በወንድማማችነት፡መንፈስ፡መመልከት፡ይገባዋል።
+</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text/fallback-01-ref.xhtml b/layout/reftests/text/fallback-01-ref.xhtml
new file mode 100644
index 0000000000..4894469eb6
--- /dev/null
+++ b/layout/reftests/text/fallback-01-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
+	  [<!ENTITY first "!"><!ENTITY fallback "&#x00e6;">]>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<!-- U+00E6 is expected to be found in Arial and DejaVu Sans, but not
+     Devanagari MT, FrankRuehl, nor Standard Symbols L.
+     "!" is chosen as it is expected to be found in the first font found.  -->
+  <head>
+    <style>
+      p { font-size: 16.6px;
+          font-family: Devanagari MT, FrankRuehl, Standard Symbols L, Arial, DejaVu Sans; serif }
+      .fallback { font-family: Arial, DejaVu Sans, serif; }
+    </style>
+  </head>
+  <body>
+    <p><span class="fallback">&fallback;&fallback;</span>&first;<span class="fallback">&fallback;</span>&first;<span class="fallback">&fallback;</span>&first;<span class="fallback">&fallback;</span></p>
+  </body>
+</html>
diff --git a/layout/reftests/text/fallback-01.xhtml b/layout/reftests/text/fallback-01.xhtml
new file mode 100644
index 0000000000..804fb04730
--- /dev/null
+++ b/layout/reftests/text/fallback-01.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
+	  [<!ENTITY first "!"><!ENTITY fallback "&#x00e6;">]>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<!-- U+00E6 is expected to be found in Arial and DejaVu Sans, but not
+     Devanagari MT, FrankRuehl, nor Standard Symbols L.
+     "!" is chosen as it is expected to be found in the first font found.  -->
+  <head>
+    <style>
+      p { font-size: 16.6px;
+          font-family: Devanagari MT, FrankRuehl, Standard Symbols L, Arial, DejaVu Sans; serif }
+      .fallback { font-family: Arial, DejaVu Sans, serif; }
+    </style>
+  </head>
+  <body>
+    <p>&fallback;&fallback;&first;&fallback;&first;&fallback;&first;<span class="fallback">&fallback;</span></p>
+  </body>
+</html>
diff --git a/layout/reftests/text/fallback-mark-stacking-1-notref.html b/layout/reftests/text/fallback-mark-stacking-1-notref.html
new file mode 100644
index 0000000000..85df2ebd16
--- /dev/null
+++ b/layout/reftests/text/fallback-mark-stacking-1-notref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  /* Note that this font has no OpenType layout tables: */
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  font-family: test;
+}
+.test {
+  font-size: 100px;
+  line-height: 2;
+}
+</style>
+</head>
+<body>
+These examples should NOT look the same:
+<div class=test>x&#x303;&#x302; x&#x302;&#x303;</div>
+</body>
diff --git a/layout/reftests/text/fallback-mark-stacking-1.html b/layout/reftests/text/fallback-mark-stacking-1.html
new file mode 100644
index 0000000000..2a6138f8f9
--- /dev/null
+++ b/layout/reftests/text/fallback-mark-stacking-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  /* Note that this font has no OpenType layout tables: */
+  src: url(../fonts/sil/GenR102.ttf);
+}
+body {
+  font-family: test;
+}
+.test {
+  font-size: 100px;
+  line-height: 2;
+}
+</style>
+</head>
+<body>
+These examples should NOT look the same:
+<div class=test>x&#x302;&#x303; x&#x303;&#x302;</div>
+</body>
diff --git a/layout/reftests/text/font-selection-by-lang-01-ref.html b/layout/reftests/text/font-selection-by-lang-01-ref.html
new file mode 100644
index 0000000000..6e962fb5a7
--- /dev/null
+++ b/layout/reftests/text/font-selection-by-lang-01-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<title>test for font selection by language reference</title>
+	<!-- A unique name is included in font-family
+	     to force a new cache entry for each element.
+	     -->
+	<style type="text/css">
+	p.a {
+	        font-family: sans-serif, font-selection-by-lang-1;
+	}
+	p.b {
+	        font-family: sans-serif, font-selection-by-lang-2;
+	}
+	</style>
+</head>
+<body>
+  <p class="a" lang="ja">0123456789<p>
+  <p class="b" lang="en">0123456789<p>
+</body>
+</html>
diff --git a/layout/reftests/text/font-selection-by-lang-01.html b/layout/reftests/text/font-selection-by-lang-01.html
new file mode 100644
index 0000000000..a88310d3d0
--- /dev/null
+++ b/layout/reftests/text/font-selection-by-lang-01.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<title>test for font selection by language</title>
+	<!-- Checks that caches do not cause the lang="ja" font to be used for
+	     the lang="en" element.
+	     -->
+	<style type="text/css">
+	p {
+	        font-family: sans-serif;
+	}
+	</style>
+</head>
+<body>
+  <p lang="ja">0123456789<p>
+  <p lang="en">0123456789<p>
+</body>
+</html>
diff --git a/layout/reftests/text/font-selection-fallback-1-ref.html b/layout/reftests/text/font-selection-fallback-1-ref.html
new file mode 100644
index 0000000000..5e0fb11633
--- /dev/null
+++ b/layout/reftests/text/font-selection-fallback-1-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+	<title>Reference for test that language support doesn't override
+	specified family - Bug 678561</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+	@font-face {
+		font-family: "DejaVu Sans Mono";
+		src: url(../fonts/DejaVuSansMono.otf);
+	}
+
+	.c1 { font-family: MarkA; }
+	.c2 { font-family: MarkB; }
+	.c3 { font-family: DejaVu Sans Mono; }
+
+        /* to ensure the same vertical positioning of the text */
+        .spacer { line-height: 3em }
+	</style>
+</head>
+<body>
+
+<p><span class="c1">A</span></p>
+<p><span class="c2">B</span><span class="spacer"></span></p>
+<p><span class="c3">C</span><span class="spacer"></span></p>
+
+<p class="c3">A</p>
+<p class="c3">B</p>
+<p class="c3">C</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text/font-selection-fallback-1.html b/layout/reftests/text/font-selection-fallback-1.html
new file mode 100644
index 0000000000..0f6700ec12
--- /dev/null
+++ b/layout/reftests/text/font-selection-fallback-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+	<title>Test that language support doesn't override specified family - Bug 678561</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+	@font-face {
+		font-family: "MarkB";
+		src: url(../fonts/markB.ttf);
+	}
+	@font-face {
+		font-family: "DejaVu Sans Mono";
+		src: url(../fonts/DejaVuSansMono.otf);
+	}
+
+	.c1 { font-family: MarkA, MarkB, DejaVu Sans Mono; }
+
+	.c2 { font-family: DejaVu Sans Mono, MarkA, MarkB; }
+
+        /* to ensure the same vertical positioning of the text */
+        .spacer { line-height: 3em }
+	</style>
+</head>
+<body>
+
+<p><span class="c1">A</span></p>
+<p><span class="c1">B</span><span class="spacer"></span></p>
+<p><span class="c1">C</span><span class="spacer"></span></p>
+
+<p class="c2">A</p>
+<p class="c2">B</p>
+<p class="c2">C</p>
+
+</body>
+</html>
diff --git a/layout/reftests/text/font-selection-generic-1-ref.html b/layout/reftests/text/font-selection-generic-1-ref.html
new file mode 100644
index 0000000000..dfb7645a9d
--- /dev/null
+++ b/layout/reftests/text/font-selection-generic-1-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	.c1 { font-family: sans-serif; }
+	.c2 { font-family: serif; }
+	.c3 { font-family: monospace, fantasy; }
+	.c4 { font-family: fantasy; }
+	.c5 { font-family: cursive; }
+
+	.c11 { font-family: MarkA, serif; }
+	.c12 { font-family: MarkA, monospace; }
+	.c13 { font-family: MarkA, sans-serif; }
+	.c14 { font-family: MarkA, cursive; }
+	.c15 { font-family: MarkA, fantasy; }
+
+        /* to ensure the same vertical positioning of the text */
+        .spacer { line-height: 3em }
+	</style>
+</head>
+<body>
+
+<p class="c1">AB</p>
+<p class="c2">AB</p>
+<p class="c3">AB</p>
+<!-- Rev3 Fedora 12 test machines don't have fantasy or cursive,
+     and WINNT 5.2 machines don't have fantasy.
+<p class="c4">AB</p>
+<p class="c5">AB</p>
+-->
+
+<p class="c11">A</p>
+<p><span class="c1">B</span><span class="spacer"></span></p>
+<p class="c12">A</p>
+<p><span class="c2">B</span><span class="spacer"></span></p>
+<p class="c13">A</p>
+<p><span class="c3">B</span><span class="spacer"></span></p>
+<!--
+<p class="c14">A</p>
+<p class="c4">B</p>
+<p class="c15">A</p>
+<p class="c5">B</p>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/text/font-selection-generic-1.html b/layout/reftests/text/font-selection-generic-1.html
new file mode 100644
index 0000000000..fc08ebd98b
--- /dev/null
+++ b/layout/reftests/text/font-selection-generic-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.ttf);
+	}
+
+	.c1 { font-family: sans-serif, MarkA; }
+	.c2 { font-family: serif, MarkA; }
+	.c3 { font-family: monospace, MarkA; }
+	.c4 { font-family: fantasy, MarkA; }
+	.c5 { font-family: cursive, MarkA; }
+
+	.c11 { font-family: MarkA, sans-serif; }
+	.c12 { font-family: MarkA, serif; }
+	.c13 { font-family: MarkA, monospace; }
+	.c14 { font-family: MarkA, fantasy; }
+	.c15 { font-family: MarkA, cursive; }
+
+        /* to ensure the same vertical positioning of the text */
+        .spacer { line-height: 3em }
+	</style>
+</head>
+<body>
+
+<p class="c1">AB</p>
+<p class="c2">AB</p>
+<p class="c3">AB</p>
+<!-- Rev3 Fedora 12 test machines don't have fantasy or cursive,
+     and WINNT 5.2 machines don't have fantasy.
+<p class="c4">AB</p>
+<p class="c5">AB</p>
+-->
+
+<p class="c11">A</p>
+<p><span class="c11">B</span><span class="spacer"></span></p>
+<p class="c12">A</p>
+<p><span class="c12">B</span><span class="spacer"></span></p>
+<p class="c13">A</p>
+<p><span class="c13">B</span><span class="spacer"></span></p>
+<!--
+<p class="c14">A</p>
+<p class="c14">B</p>
+<p class="c15">A</p>
+<p class="c15">B</p>
+-->
+
+</body>
+</html>
diff --git a/layout/reftests/text/font-size-adjust-01-ref.html b/layout/reftests/text/font-size-adjust-01-ref.html
new file mode 100644
index 0000000000..2e198fe6c3
--- /dev/null
+++ b/layout/reftests/text/font-size-adjust-01-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+ <style>
+   p { font-family: sans-serif; font-size: 24pt; }
+ </style>
+ <body>
+   <p>hello</p>
+   <p>small</p>
+   <p>world</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/font-size-adjust-01.html b/layout/reftests/text/font-size-adjust-01.html
new file mode 100644
index 0000000000..4da5d882ae
--- /dev/null
+++ b/layout/reftests/text/font-size-adjust-01.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+ <style>
+   p { font-family: sans-serif; font-size: 24pt; }
+   .small { font-size-adjust: 0.25; }
+   .large { font-size-adjust: 0.9; }
+ </style>
+ <body>
+   <p>hello</p>
+   <p class="small">small</p>
+   <p class="large">world</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/font-size-adjust-02-ref.html b/layout/reftests/text/font-size-adjust-02-ref.html
new file mode 100644
index 0000000000..340e3fd822
--- /dev/null
+++ b/layout/reftests/text/font-size-adjust-02-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+ <style>
+   .big { font-family: sans-serif; font-size: 40pt; }
+   .a { font-family: sans-serif; font-size: 15pt; font-size-adjust: 0.8; }
+   .b { font-family: sans-serif; font-size: 30pt; font-size-adjust: 0.4; }
+ </style>
+ <body>
+   <p class="big">1. <span class="a">lines should be the same size</span></p>
+   <p class="big">2. <span class="b">lines should be the same size</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/text/font-size-adjust-02.html b/layout/reftests/text/font-size-adjust-02.html
new file mode 100644
index 0000000000..23e9c5f12c
--- /dev/null
+++ b/layout/reftests/text/font-size-adjust-02.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+ <style>
+   .big { font-family: sans-serif; font-size: 40pt; }
+   .a { font-family: sans-serif; font-size: 15pt; font-size-adjust: 0.8; }
+   .b { font-family: sans-serif; font-size: 30pt; font-size-adjust: 0.4; }
+ </style>
+ <body>
+   <p class="big">1. <span class="b">lines should be the same size</span></p>
+   <p class="big">2. <span class="a">lines should be the same size</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/text/font-size-adjust-03-ref.html b/layout/reftests/text/font-size-adjust-03-ref.html
new file mode 100644
index 0000000000..1958f7d7d7
--- /dev/null
+++ b/layout/reftests/text/font-size-adjust-03-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+ <style>
+   .a { font-family: sans-serif; font-size: 15pt; font-size-adjust: 0.8; }
+   .b { font-family: sans-serif; font-size: 30pt; font-size-adjust: 0.4; }
+ </style>
+ <body>
+   <p class="b">lines should be the same size</p>
+   <p class="a">lines should be the same size</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/font-size-adjust-03.html b/layout/reftests/text/font-size-adjust-03.html
new file mode 100644
index 0000000000..5188b48749
--- /dev/null
+++ b/layout/reftests/text/font-size-adjust-03.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+ <style>
+   .a { font-family: sans-serif; font-size: 15pt; font-size-adjust: 0.8; }
+   .b { font-family: sans-serif; font-size: 30pt; font-size-adjust: 0.4; }
+ </style>
+ <body>
+   <p class="a">lines should be the same size</p>
+   <p class="b">lines should be the same size</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/glyph-decomposition-graphite-ref.html b/layout/reftests/text/glyph-decomposition-graphite-ref.html
new file mode 100644
index 0000000000..0ffe73917e
--- /dev/null
+++ b/layout/reftests/text/glyph-decomposition-graphite-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>test rendering with decomposition (bug 772640)</title>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: test;
+  font-size: 40px;
+  text-align: left;
+}  
+</style>
+</head>
+<body>
+<div>
+<!-- with graphite enabled, this will display ThisIsGraphite to confirm it's working -->
+ThisIsNotGraphite:<br>
+<!-- U+0622 should render identically to U+0627,U+0653 -->
+RTL: <span dir="rtl">a&#x0627;&#x0653;z</span><br>
+LTR: <span dir="ltr" style="unicode-bidi: bidi-override">a&#x0627;&#x0653;z</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/glyph-decomposition-graphite.html b/layout/reftests/text/glyph-decomposition-graphite.html
new file mode 100644
index 0000000000..365923c4f6
--- /dev/null
+++ b/layout/reftests/text/glyph-decomposition-graphite.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>test rendering with decomposition (bug 772640)</title>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: test;
+  font-size: 40px;
+  text-align: left;
+}  
+</style>
+</head>
+<body>
+<div>
+<!-- with graphite enabled, this will display ThisIsGraphite to confirm it's working -->
+ThisIsNotGraphite:<br>
+<!-- U+0622 should render identically to U+0627,U+0653 -->
+RTL: <span dir="rtl">a&#x0622;z</span><br>
+LTR: <span dir="ltr" style="unicode-bidi: bidi-override">a&#x0622;z</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/glyph-decomposition-opentype-ref.html b/layout/reftests/text/glyph-decomposition-opentype-ref.html
new file mode 100644
index 0000000000..0ffe73917e
--- /dev/null
+++ b/layout/reftests/text/glyph-decomposition-opentype-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>test rendering with decomposition (bug 772640)</title>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: test;
+  font-size: 40px;
+  text-align: left;
+}  
+</style>
+</head>
+<body>
+<div>
+<!-- with graphite enabled, this will display ThisIsGraphite to confirm it's working -->
+ThisIsNotGraphite:<br>
+<!-- U+0622 should render identically to U+0627,U+0653 -->
+RTL: <span dir="rtl">a&#x0627;&#x0653;z</span><br>
+LTR: <span dir="ltr" style="unicode-bidi: bidi-override">a&#x0627;&#x0653;z</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/glyph-decomposition-opentype.html b/layout/reftests/text/glyph-decomposition-opentype.html
new file mode 100644
index 0000000000..365923c4f6
--- /dev/null
+++ b/layout/reftests/text/glyph-decomposition-opentype.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>test rendering with decomposition (bug 772640)</title>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: test;
+  font-size: 40px;
+  text-align: left;
+}  
+</style>
+</head>
+<body>
+<div>
+<!-- with graphite enabled, this will display ThisIsGraphite to confirm it's working -->
+ThisIsNotGraphite:<br>
+<!-- U+0622 should render identically to U+0627,U+0653 -->
+RTL: <span dir="rtl">a&#x0622;z</span><br>
+LTR: <span dir="ltr" style="unicode-bidi: bidi-override">a&#x0622;z</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-01-ref.html b/layout/reftests/text/graphite-01-ref.html
new file mode 100644
index 0000000000..6e8b3ab508
--- /dev/null
+++ b/layout/reftests/text/graphite-01-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: PigLatin;
+  src: url(../fonts/sil/PigLatin-nographite.ttf);
+}
+
+body {
+  font: 34px PigLatin;
+  width: 5em;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<p>
+Igpay
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-01.html b/layout/reftests/text/graphite-01.html
new file mode 100644
index 0000000000..aa8b13fce6
--- /dev/null
+++ b/layout/reftests/text/graphite-01.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: PigLatin;
+  src: url(../fonts/sil/PigLatinBenchmark_v3.ttf);
+}
+
+body {
+  font: 34px PigLatin;
+  width: 5em;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<p>
+Pig
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-02-ref.html b/layout/reftests/text/graphite-02-ref.html
new file mode 100644
index 0000000000..2e00202bc9
--- /dev/null
+++ b/layout/reftests/text/graphite-02-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: PigLatin;
+  src: url(../fonts/sil/PigLatin-nographite.ttf);
+}
+
+body {
+  font: 34px PigLatin;
+  width: 5em;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<p>
+Igpay<br>Atinlay
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-02.html b/layout/reftests/text/graphite-02.html
new file mode 100644
index 0000000000..0842dff7bf
--- /dev/null
+++ b/layout/reftests/text/graphite-02.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: PigLatin;
+  src: url(../fonts/sil/PigLatinBenchmark_v3.ttf);
+}
+
+body {
+  font: 34px PigLatin;
+  width: 5em;
+  line-height: 2em;
+}
+</style>
+</head>
+<body>
+<p>
+Pig Latin
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-03-notref.html b/layout/reftests/text/graphite-03-notref.html
new file mode 100644
index 0000000000..32f8aaea3a
--- /dev/null
+++ b/layout/reftests/text/graphite-03-notref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<style type="text/css">
+@font-face {
+  font-family: padauk;
+  src: url(../fonts/sil/Padauk.ttf);
+}
+
+body {
+  font: 34px padauk;
+}
+</style>
+</head>
+<body>
+<p lang="my"><!-- default (Burmese) behavior of Padauk -->
+ပှၤလၢအတလဲၤဘၣ်ဝဲလၢ ပှၤတတီတလိၤဘၣ်အ ကူၣ်ထီၣ်ဖးလီၤတၢ်အပူၤ, ဒီးတဆၢထၢၣ်ဘၣ်ဝဲလၢ ပှၤမၤတၢ်ဒဲးဘးအကျဲ, ဒီးတဆ့ၣ်နီၤဘၣ်ဝဲလၢ ပှၤ ဒုၣ်ဒွဲၣ်တၢ်အလီၢ်ဆ့ၣ်နီၤဘၣ်န့ၣ် ဘၣ်ဆိၣ်ဂ့ၤဝဲလီၤ.
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-03a.html b/layout/reftests/text/graphite-03a.html
new file mode 100644
index 0000000000..6577b443a5
--- /dev/null
+++ b/layout/reftests/text/graphite-03a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<style type="text/css">
+@font-face {
+  font-family: padauk;
+  src: url(../fonts/sil/Padauk.ttf);
+}
+
+body {
+  font: 34px padauk;
+}
+</style>
+</head>
+<body>
+<p lang="ksw"><!-- check that changing language affects the rendering:
+                   this modifies the shape of a couple of lower diacritics -->
+ပှၤလၢအတလဲၤဘၣ်ဝဲလၢ ပှၤတတီတလိၤဘၣ်အ ကူၣ်ထီၣ်ဖးလီၤတၢ်အပူၤ, ဒီးတဆၢထၢၣ်ဘၣ်ဝဲလၢ ပှၤမၤတၢ်ဒဲးဘးအကျဲ, ဒီးတဆ့ၣ်နီၤဘၣ်ဝဲလၢ ပှၤ ဒုၣ်ဒွဲၣ်တၢ်အလီၢ်ဆ့ၣ်နီၤဘၣ်န့ၣ် ဘၣ်ဆိၣ်ဂ့ၤဝဲလီၤ.
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-03b.html b/layout/reftests/text/graphite-03b.html
new file mode 100644
index 0000000000..c584612e24
--- /dev/null
+++ b/layout/reftests/text/graphite-03b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<style type="text/css">
+@font-face {
+  font-family: padauk;
+  src: url(../fonts/sil/Padauk.ttf);
+}
+
+body {
+  font: 34px padauk;
+  font-feature-settings: "kdot" on;
+    /* check that setting an optional graphite feature affects rendering:
+     * this adds "dots" to the ends of a number of curved strokes
+     */
+}
+</style>
+</head>
+<body>
+<p lang="my">
+ပှၤလၢအတလဲၤဘၣ်ဝဲလၢ ပှၤတတီတလိၤဘၣ်အ ကူၣ်ထီၣ်ဖးလီၤတၢ်အပူၤ, ဒီးတဆၢထၢၣ်ဘၣ်ဝဲလၢ ပှၤမၤတၢ်ဒဲးဘးအကျဲ, ဒီးတဆ့ၣ်နီၤဘၣ်ဝဲလၢ ပှၤ ဒုၣ်ဒွဲၣ်တၢ်အလီၢ်ဆ့ၣ်နီၤဘၣ်န့ၣ် ဘၣ်ဆိၣ်ဂ့ၤဝဲလီၤ.
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-04-fa.html b/layout/reftests/text/graphite-04-fa.html
new file mode 100644
index 0000000000..2155c8661f
--- /dev/null
+++ b/layout/reftests/text/graphite-04-fa.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: schz-gr;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: schz-gr;
+  font-size: 40px;
+}
+</style>
+</head>
+<body lang="fa">
+<!-- Persian (Farsi) should be the same as English-tagged -->
+&#x6f0;&#x6f1;&#x6f2;&#x6f3;&#x6f4;&#x6f5;&#x6f6;&#x6f7;&#x6f8;&#x6f9;
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-04-ref.html b/layout/reftests/text/graphite-04-ref.html
new file mode 100644
index 0000000000..72e5cdb8af
--- /dev/null
+++ b/layout/reftests/text/graphite-04-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: schz-gr;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: schz-gr;
+  font-size: 40px;
+}
+</style>
+</head>
+<body lang="en">
+<!-- for testing Graphite language support we'll use the Eastern Arabic-Indic digits;
+     default rendering will have the Persian forms -->
+&#x6f0;&#x6f1;&#x6f2;&#x6f3;&#x6f4;&#x6f5;&#x6f6;&#x6f7;&#x6f8;&#x6f9;
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-04-sd.html b/layout/reftests/text/graphite-04-sd.html
new file mode 100644
index 0000000000..85ebe2c3e8
--- /dev/null
+++ b/layout/reftests/text/graphite-04-sd.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: schz-gr;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: schz-gr;
+  font-size: 40px;
+}
+</style>
+</head>
+<body lang="sd">
+<!-- Sindhi - digits 6 and 7 have different forms -->
+&#x6f0;&#x6f1;&#x6f2;&#x6f3;&#x6f4;&#x6f5;&#x6f6;&#x6f7;&#x6f8;&#x6f9;
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-04-snd.html b/layout/reftests/text/graphite-04-snd.html
new file mode 100644
index 0000000000..3bd776f230
--- /dev/null
+++ b/layout/reftests/text/graphite-04-snd.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: schz-gr;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: schz-gr;
+  font-size: 40px;
+}
+</style>
+</head>
+<body lang="snd">
+<!-- Sindhi incorrectly tagged with iso-639-3 code instead of bcp47/iso-639-1;
+     rendering should therefore match the default "en", NOT the correctly-tagged "sd" version -->
+&#x6f0;&#x6f1;&#x6f2;&#x6f3;&#x6f4;&#x6f5;&#x6f6;&#x6f7;&#x6f8;&#x6f9;
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-04-ur.html b/layout/reftests/text/graphite-04-ur.html
new file mode 100644
index 0000000000..579b2ab8aa
--- /dev/null
+++ b/layout/reftests/text/graphite-04-ur.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: schz-gr;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: schz-gr;
+  font-size: 40px;
+}
+</style>
+</head>
+<body lang="ur">
+<!-- in Urdu, the digit 4 should differ from Sindhi,
+     and 6 and 7 also differ from Persian -->
+&#x6f0;&#x6f1;&#x6f2;&#x6f3;&#x6f4;&#x6f5;&#x6f6;&#x6f7;&#x6f8;&#x6f9;
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-04-urd.html b/layout/reftests/text/graphite-04-urd.html
new file mode 100644
index 0000000000..33599b4cd9
--- /dev/null
+++ b/layout/reftests/text/graphite-04-urd.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: schz-gr;
+  src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+}
+body {
+  font-family: schz-gr;
+  font-size: 40px;
+}
+</style>
+</head>
+<body lang="urd">
+<!-- incorrectly-tagged Urdu should match the default rendering -->
+&#x6f0;&#x6f1;&#x6f2;&#x6f3;&#x6f4;&#x6f5;&#x6f6;&#x6f7;&#x6f8;&#x6f9;
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-badlang.html b/layout/reftests/text/graphite-05-badlang.html
new file mode 100644
index 0000000000..933e8332c3
--- /dev/null
+++ b/layout/reftests/text/graphite-05-badlang.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-langfeat.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p lang="fra">PaSs</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-fail.html b/layout/reftests/text/graphite-05-fail.html
new file mode 100644
index 0000000000..27995b9a0a
--- /dev/null
+++ b/layout/reftests/text/graphite-05-fail.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-ot-only.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-feat.html b/layout/reftests/text/graphite-05-feat.html
new file mode 100644
index 0000000000..f4082dde08
--- /dev/null
+++ b/layout/reftests/text/graphite-05-feat.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-langfeat.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+  font-feature-settings: "TST1", "FTP2";
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-lang.html b/layout/reftests/text/graphite-05-lang.html
new file mode 100644
index 0000000000..c4a8cb0ddc
--- /dev/null
+++ b/layout/reftests/text/graphite-05-lang.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-langfeat.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+  font-feature-settings: "TST1";
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p lang="fr">FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-multipass.html b/layout/reftests/text/graphite-05-multipass.html
new file mode 100644
index 0000000000..b3e2522cde
--- /dev/null
+++ b/layout/reftests/text/graphite-05-multipass.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-multipass.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+  font-feature-settings: "TST1";
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-ot-only.html b/layout/reftests/text/graphite-05-ot-only.html
new file mode 100644
index 0000000000..ae4d046cab
--- /dev/null
+++ b/layout/reftests/text/graphite-05-ot-only.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-ot-only.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+  font-feature-settings: "TST1";
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-ref.html b/layout/reftests/text/graphite-05-ref.html
new file mode 100644
index 0000000000..aafa87cc1a
--- /dev/null
+++ b/layout/reftests/text/graphite-05-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-ref.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>PaSs</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-05-simple.html b/layout/reftests/text/graphite-05-simple.html
new file mode 100644
index 0000000000..aa126ede85
--- /dev/null
+++ b/layout/reftests/text/graphite-05-simple.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url(../fonts/graphite/grtest-simple.ttf);
+}
+
+body {
+  margin: 20px;
+  font: 100px test;
+  font-feature-settings: "TST1";
+}
+p { margin: 0; padding: 0; }
+</style>
+</head>
+<body>
+<p>FAIL</p>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-bidi-1-ref.html b/layout/reftests/text/graphite-bidi-1-ref.html
new file mode 100644
index 0000000000..0523cf33cb
--- /dev/null
+++ b/layout/reftests/text/graphite-bidi-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url("../fonts/sil/Scheherazade-BidiBug.woff");
+}
+div {
+  width: 5em;
+  border: 1px solid silver;
+  font-family: test;
+  font-size: 40px;
+  text-align: center;
+}
+.b {
+  background: yellow;
+}
+</style>
+</head>
+<body>
+<div><span class=b>abc</span></div>
+</html>
diff --git a/layout/reftests/text/graphite-bidi-1.html b/layout/reftests/text/graphite-bidi-1.html
new file mode 100644
index 0000000000..74c5d6c90c
--- /dev/null
+++ b/layout/reftests/text/graphite-bidi-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<style type="text/css">
+@font-face {
+  font-family: test;
+  src: url("../fonts/sil/Scheherazade-BidiBug.woff");
+}
+div {
+  width: 5em;
+  border: 1px solid silver;
+  font-family: test;
+  font-size: 40px;
+  text-align: center;
+}
+.a {
+  color: transparent;
+}
+.b {
+  background: yellow;
+}
+</style>
+</head>
+<body>
+<div><span class=a>"</span><span class=b>abc</span><span class=a>"</span></div>
+</html>
diff --git a/layout/reftests/text/graphite-surrogate-selection-ref.html b/layout/reftests/text/graphite-surrogate-selection-ref.html
new file mode 100644
index 0000000000..5d2c88cb72
--- /dev/null
+++ b/layout/reftests/text/graphite-surrogate-selection-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1260825 reference</title>
+<meta charset="utf-8">
+<style>
+@font-face { font-family: test; src: url(../fonts/MiaoUnicode-Regular.ttf); }
+#test { font-family: test, serif; font-size: 60px; }
+.sel { background: cyan; }
+.inv { color: transparent; }
+</style>
+</head>
+<body>
+All lines should show the same single glyph &amp; background area:
+<div id="test">
+<span class="sel">&#x16f50;</span><br>
+<span class="sel">&#x16f50;</span><br>
+<span class="sel">&#x16f50;</span><br>
+<span class="sel">&#x16f50;</span><br>
+<span class="sel">&#x16f50;</span><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/graphite-surrogate-selection.html b/layout/reftests/text/graphite-surrogate-selection.html
new file mode 100644
index 0000000000..f086b3fa4f
--- /dev/null
+++ b/layout/reftests/text/graphite-surrogate-selection.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1260825 testcase</title>
+<meta charset="utf-8">
+<style>
+@font-face { font-family: test; src: url(../fonts/MiaoUnicode-Regular.ttf); }
+#test { font-family: test, serif; font-size: 60px; }
+.sel { background: cyan; }
+.inv { color: transparent; }
+</style>
+</head>
+<body>
+All lines should show the same single glyph &amp; background area:
+<div id="test">
+<span class="sel">&#x16f50;</span><br>
+<span class="sel">&#x16f50;</span><span class="inv">&#x16f50;</span><br>
+<span class="sel">&#x16f50;</span><span class="inv">&#x16f50;&#x16f50;</span><br>
+<span class="sel">&#x16f50;</span><span class="inv">&#x16f0a;</span><br>
+<span class="sel">&#x16f50;</span><span class="inv">&#x16f0a;&#x16f6a;</span><br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-caps-1-ref.html b/layout/reftests/text/hyphenation-caps-1-ref.html
new file mode 100644
index 0000000000..8fd0a78e9a
--- /dev/null
+++ b/layout/reftests/text/hyphenation-caps-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+div { font: 16px/24px serif; width: 8em; float: left; font-kerning: none; }
+p { margin: 1em 0; }
+</style>
+<script>
+for (const lang of ["en-US", "en"]) {
+  document.write("<div lang='" + lang + "'>" + lang +
+                 ":<p>in-<br>ter-<br>caps</p><p>Intercaps</p><p>interCaps</p></div>");
+}
+for (const lang of ["de", "de-DE", "de-1901", "de-1996"]) {
+  document.write("<div lang='" + lang + "'>" + lang +
+                 ":<p>in-<br>ter-<br>caps</p><p>In-<br>ter-<br>caps</p><p>interCaps</p></div>");
+}
+</script>
diff --git a/layout/reftests/text/hyphenation-caps-1.html b/layout/reftests/text/hyphenation-caps-1.html
new file mode 100644
index 0000000000..4c1b5e5cab
--- /dev/null
+++ b/layout/reftests/text/hyphenation-caps-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+div { font: 16px/24px serif; width: 8em; float: left; font-kerning: none; }
+p { hyphens: auto; width: 2em; margin: 1em 0; }
+</style>
+<script>
+for (const lang of ["en-US", "en", "de", "de-DE", "de-1901", "de-1996"]) {
+  document.write("<div lang='" + lang + "'>" + lang +
+                 ":<p>intercaps</p><p>Intercaps</p><p>interCaps</p></div>");
+}
+</script>
diff --git a/layout/reftests/text/hyphenation-control-1-ref.html b/layout/reftests/text/hyphenation-control-1-ref.html
new file mode 100644
index 0000000000..5b26063a8b
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-1-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+code {
+  display: block;
+  hyphens: manual;
+  border: 1px solid black;
+  /* Prefer Courier New if available, as otherwise Menlo may be used,
+     and its HYPHEN and HYPHEN-MINUS glyphs don't match. */
+  font-family: Courier New, Courier, monospace;
+}
+</style>
+</head>
+<body lang="en-us">
+<!--
+  Hyphenation opportunities of the texts in this test are as follows,
+
+        frag[A]ilis[A]tic[C]ex[A]pi[A]ali
+
+  where [A] is an automatic hyphen, and [C] is a conditional hyphen.
+
+  In this test, we set width to somewhere between every pair of adjacent hyphenations,
+  then we see if lines break correctly.
+-->
+<code style="width:4ch;">
+frag-<br />ilis-<br />tic-<br />ex-<br />pi-<br />ali
+</code>
+<br />
+<code style="width:5ch;">
+frag-<br />ilis-<br />tic-<br />expi-<br />ali
+</code>
+<br />
+<code style="width:9ch;">
+fragilis-<br />tic-<br />expiali
+</code>
+<br />
+<code style="width:12ch;">
+fragilistic-<br />expiali
+</code>
+<br />
+<code style="width:14ch;">
+fragilistic-<br />expiali
+</code>
+<br />
+<code style="width:16ch;">
+fragilistic-<br />expiali
+</code>
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-1.html b/layout/reftests/text/hyphenation-control-1.html
new file mode 100644
index 0000000000..3ab7510dc1
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-1.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+code {
+  display: block;
+  hyphens: auto;
+  border: 1px solid black;
+  /* Prefer Courier New if available, as otherwise Menlo may be used,
+     and its HYPHEN and HYPHEN-MINUS glyphs don't match. */
+  font-family: Courier New, Courier, monospace;
+}
+</style>
+</head>
+<body lang="en-us">
+<!--
+  Hyphenation opportunities of the texts in this test are as follows,
+
+        frag[A]ilis[A]tic[C]ex[A]pi[A]ali
+
+  where [A] is an automatic hyphen, and [C] is a conditional hyphen.
+
+  In this test, we set width to somewhere between every pair of adjacent hyphenations,
+  then we see if lines break correctly.
+-->
+<code style="width:4ch;">
+fragilistic&shy;expiali
+</code>
+<br />
+<code style="width:5ch;">
+fragilistic&shy;expiali
+</code>
+<br />
+<code style="width:9ch;">
+fragilistic&shy;expiali
+</code>
+<br />
+<code style="width:12ch;">
+fragilistic&shy;expiali
+</code>
+<br />
+<code style="width:14ch;">
+fragilistic&shy;expiali
+</code>
+<br />
+<code style="width:16ch;">
+fragilistic&shy;expiali
+</code>
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-2-ref.html b/layout/reftests/text/hyphenation-control-2-ref.html
new file mode 100644
index 0000000000..6f48c8bd8b
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+code {
+  display:block;
+  hyphens:manual;
+  border: 1px solid black;
+}
+</style>
+</head>
+<body lang="en-us">
+<code style="width:15ch;">
+Supercali-<br />fragilistic-<br />expialidocious
+</code>
+<br />
+<code style="width:15ch;">
+Supercali&#x2010;<br />fragilistic&#x2010;<br />expialidocious
+</code>
+<br />
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-2.html b/layout/reftests/text/hyphenation-control-2.html
new file mode 100644
index 0000000000..7cbb3ec457
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+code {
+  display:block;
+  hyphens:auto;
+  border: 1px solid black;
+}
+</style>
+</head>
+<body lang="en-us">
+<!--
+  Test checks that automatic hyphenation opportunities within a word
+  must be ignored if the word contains an explicit hyphen (U+2010) or hyphen-minus (U+002D),
+  in favor of the conditional hyphen(s)
+-->
+<code style="width:15ch;">
+Supercali-fragilistic-expialidocious
+</code>
+<br />
+<code style="width:15ch;">
+Supercali&#x2010;fragilistic&#x2010;expialidocious
+</code>
+<br />
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-3-ref.html b/layout/reftests/text/hyphenation-control-3-ref.html
new file mode 100644
index 0000000000..46a6b60d6e
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-3-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+code {
+  display: block;
+  hyphens: manual;
+  border: 1px solid black;
+  /* Prefer Courier New if available, as otherwise Menlo may be used,
+     and its HYPHEN and HYPHEN-MINUS glyphs don't match. */
+  font-family: Courier New, Courier, monospace;
+}
+</style>
+</head>
+<body lang="en-us">
+<code style="width:100ch;">
+abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstu-<br />vwxyzsupercalifragilisticexpialidocious-<br />abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
+</code>
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-3.html b/layout/reftests/text/hyphenation-control-3.html
new file mode 100644
index 0000000000..c96a1e3e7b
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-3.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+code {
+  display: block;
+  hyphens: auto;
+  border: 1px solid black;
+  /* Prefer Courier New if available, as otherwise Menlo may be used,
+     and its HYPHEN and HYPHEN-MINUS glyphs don't match. */
+  font-family: Courier New, Courier, monospace;
+}
+</style>
+</head>
+<body lang="en-us">
+<!--
+  Test checks that automatic hyphenation opportunities should honor
+  manual hyphenation opportunities even if they are within an extreme long word.
+-->
+<code style="width:100ch;">
+abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzsuper&shy;cali&shy;fragi&shy;listic&shy;expiali&shy;docious&shy;abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
+</code>
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-4-ref.html b/layout/reftests/text/hyphenation-control-4-ref.html
new file mode 100644
index 0000000000..440be641e9
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-4-ref.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+</head>
+<body>
+<!--
+  Test checks that hyphenation breaks should not be affected if there are multiple inline
+  elements inside a paragraph.
+-->
+<p style="width:60ch;font-family:monospace;hyphens:auto" lang="de">
+Dem Vernehmen nach wandten sich auch Kabelnetzbetreiber und Telekommunikationsfirmen
+gegen den Plan: Die Regierung hatte – genauso wie die EU –
+das 5,9-GHz-Frequenzband für die "Car-to-Car-Communication" reserviert,
+das die Branche lieber für breitbandiges mobiles Internet nutzen will.
+Den Mobilfunkern stieß zudem übel auf, dass die Autoindustrie vorrangig
+das Spektrum hätte nutzen können. Die EU-Kommission hat voriges Jahr eine
+Strategie für "kooperative intelligente Transportsysteme" auf den Weg gebracht.
+Bis 2019 sollen demnach auf dem alten Kontinent die Grundlagen stehen,
+damit vernetzte Autos untereinander und mit der Verkehrsinfrastruktur
+kommunizieren können. Diese zweite Komponente der
+"Vehicle-to-Infrastructure"-Kommunikation war der US-Regierung
+von Anfang an zu teuer ersch
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-4.html b/layout/reftests/text/hyphenation-control-4.html
new file mode 100644
index 0000000000..a4502d70e5
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-4.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
+</head>
+<body>
+<!--
+  Test checks that hyphenation breaks should not be affected if there are multiple inline
+  elements inside a paragraph.
+-->
+<p style="width:60ch;font-family:monospace;hyphens:auto" lang="de">
+Dem Vernehmen nach wandten sich auch Kabelnetzbetreiber und Telekommunikationsfirmen
+gegen den Plan: Die Regierung hatte – <span>genauso</span> wie die EU –
+das 5,9-GHz-Frequenzband für die "Car-to-Car-Communication" reserviert,
+das die Branche lieber für breitbandiges mobiles Internet nutzen will.
+Den Mobilfunkern stieß zudem übel auf, dass die Autoindustrie vorrangig
+das Spektrum hätte nutzen können. Die EU-Kommission hat voriges Jahr eine
+Strategie für "kooperative intelligente Transportsysteme" auf den Weg gebracht.
+Bis 2019 sollen demnach auf dem alten Kontinent die Grundlagen stehen,
+damit vernetzte Autos untereinander und mit der Verkehrsinfrastruktur
+kommunizieren können. Diese zweite Komponente der
+"Vehicle-to-Infrastructure"-Kommunikation war der US-Regierung
+von Anfang an zu teuer ersch
+</p>
+</body>
+</html>
diff --git a/layout/reftests/text/hyphenation-control-5-ref.html b/layout/reftests/text/hyphenation-control-5-ref.html
new file mode 100644
index 0000000000..66548a1dff
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-5-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<style>
+body { columns: 3; }
+p { margin: 0 0 1em 0; }
+</style>
+<body>
+<p>hard-<br>hit
+<p>hard-<br>hit-<br>ting
+<p>hard-<br>est-<br>hit
+<p>hard-<br>est-<br>hit-<br>ting
+
+<p><b>hard</b>-<br>hit
+<p><b>hard</b>-<br>hit-<br>ting
+<p><b>hard-<br>est</b>-<br>hit
+<p><b>hard-<br>est</b>-<br>hit-<br>ting
+
+<p>hard-<br><b>hit</b>
+<p>hard-<br><b>hit-<br>ting</b>
+<p>hard-<br>est-<br><b>hit</b>
+<p>hard-<br>est-<br><b>hit-<br>ting</b>
diff --git a/layout/reftests/text/hyphenation-control-5.html b/layout/reftests/text/hyphenation-control-5.html
new file mode 100644
index 0000000000..e21a53dfee
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-5.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<style>
+body { columns: 3; }
+p { margin: 0 0 1em 0; width:0; hyphens:auto; }
+</style>
+<body>
+<p>hard-hit
+<p>hard-hitting
+<p>hardest-hit
+<p>hardest-hitting
+
+<p><b>hard</b>-hit
+<p><b>hard</b>-hitting
+<p><b>hardest</b>-hit
+<p><b>hardest</b>-hitting
+
+<p>hard-<b>hit</b>
+<p>hard-<b>hitting</b>
+<p>hardest-<b>hit</b>
+<p>hardest-<b>hitting</b>
diff --git a/layout/reftests/text/hyphenation-control-6-ref.html b/layout/reftests/text/hyphenation-control-6-ref.html
new file mode 100644
index 0000000000..6eceb0f2c7
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-6-ref.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<style>
+.test { hyphens:auto; font:10px Ubuntu Mono, Courier New, Courier, monospace; border: 1px solid silver; }
+</style>
+<body>
+<p>All the columns should appear identical:</p>
+<div id="outer" style="columns:6">
+<script>
+let outer = document.getElementById("outer");
+for (i = 1; i <= 6; ++i) {
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "0ch";
+  div.innerHTML = "the<br>flow-<br>rel-<br>a-<br>tive";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "2ch";
+  div.innerHTML = "the<br>flow-<br>rel-<br>a-<br>tive";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "4ch";
+  div.innerHTML = "the<br>flow-<br>rel-<br>a-<br>tive";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "6ch";
+  div.innerHTML = "the<br>flow-<br>rela-<br>tive";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "8ch";
+  div.innerHTML = "the<br>flow-<br>relative";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "10ch";
+  div.innerHTML = "the flow-<br>relative";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "12ch";
+  div.innerHTML = "the flow-<br>relative";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "14ch";
+  div.innerHTML = "the flow-<br>relative";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "16ch";
+  div.innerHTML = "the flow-<br>relative";
+  outer.appendChild(div);
+
+  div = document.createElement("div");
+  div.className = "test";
+  div.style.width = "18ch";
+  div.innerHTML = "the flow-relative";
+  outer.appendChild(div);
+}
+</script>
diff --git a/layout/reftests/text/hyphenation-control-6.html b/layout/reftests/text/hyphenation-control-6.html
new file mode 100644
index 0000000000..103ba91aea
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-6.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<style>
+.test { hyphens:auto; font:10px Ubuntu Mono, Courier New, Courier, monospace; border: 1px solid silver; }
+</style>
+<body>
+<p>All the columns should appear identical:</p>
+<div id="outer" style="columns:6">
+<script>
+let outer = document.getElementById("outer");
+for (i = 1; i <= 6; ++i) {
+  for (j = 0; j <= 18; j += 2) {
+    div = document.createElement("div");
+    div.className = "test";
+    div.style.width = j + "ch";
+    div.textContent = "the" + " ".repeat(i) + "flow-relative";
+    outer.appendChild(div);
+  }
+}
+</script>
diff --git a/layout/reftests/text/hyphenation-control-7-ref.html b/layout/reftests/text/hyphenation-control-7-ref.html
new file mode 100644
index 0000000000..b2a3feab55
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-7-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+  <meta "charset=utf-8">
+  <style>
+  p {
+    background: yellow;
+    margin: 0 0 1em 0;
+    font-family: monospace;
+  }
+  </style>
+<body>
+<h3>The columns should appear identical; "relative" should never be hyphenated</h3>
+<div style="columns:2">
+<p style="width: 16ch">the flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
+<p style="width: 20ch">the flow-relative<br>flow-relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
+<p style="width: 24ch">the flow-relative flow-<br>relative flow-relative<br>flow-relative flow-<br>relative</p>
+<p style="width: 41ch">the flow-relative flow-relative flow-<br>relative flow-relative flow-relative</p>
+<p style="width: 50ch">the flow-relative flow-relative flow-relative<br>flow-relative flow-relative</p>
+
+<p style="width: 16ch">the flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
+<p style="width: 20ch">the flow-relative<br>flow-relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
+<p style="width: 24ch">the flow-relative flow-<br>relative flow-relative<br>flow-relative flow-<br>relative</p>
+<p style="width: 41ch">the flow-relative flow-relative flow-<br>relative flow-relative flow-relative</p>
+<p style="width: 50ch">the flow-relative flow-relative flow-relative<br>flow-relative flow-relative</p>
diff --git a/layout/reftests/text/hyphenation-control-7.html b/layout/reftests/text/hyphenation-control-7.html
new file mode 100644
index 0000000000..7b48271fa6
--- /dev/null
+++ b/layout/reftests/text/hyphenation-control-7.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+  <meta "charset=utf-8">
+  <style>
+  p {
+    background: yellow;
+    margin: 0 0 1em 0;
+    font-family: monospace;
+    hyphens: auto;
+  }
+  </style>
+<body>
+<h3>The columns should appear identical; "relative" should never be hyphenated</h3>
+<div style="columns:2">
+<p style="width: 16ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
+<p style="width: 20ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
+<p style="width: 24ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
+<p style="width: 41ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
+<p style="width: 50ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
+
+<p style="width: 16ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
+<p style="width: 20ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
+<p style="width: 24ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
+<p style="width: 41ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
+<p style="width: 50ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
diff --git a/layout/reftests/text/initial-zwj-1-ref.html b/layout/reftests/text/initial-zwj-1-ref.html
new file mode 100644
index 0000000000..e4d867bbfb
--- /dev/null
+++ b/layout/reftests/text/initial-zwj-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="ar">
+<head>
+<title>Bug 978313</title>
+<meta charset="utf-8">
+<style>
+body {
+  font-family: Arial, DejaVu Sans, Droid Sans Arabic, Droid Arabic Naskh;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+&zwj;ی&zwj;ت
+</body>
+</html>
diff --git a/layout/reftests/text/initial-zwj-1.html b/layout/reftests/text/initial-zwj-1.html
new file mode 100644
index 0000000000..fd039c5831
--- /dev/null
+++ b/layout/reftests/text/initial-zwj-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="ar">
+<head>
+<title>Bug 978313</title>
+<meta charset="utf-8">
+<style>
+body {
+  font-family: Arial, DejaVu Sans, Droid Sans Arabic, Droid Arabic Naskh;
+  font-size: 36px;
+}
+</style>
+</head>
+<body>
+&zwj;یت
+</body>
+</html>
diff --git a/layout/reftests/text/justification-1-ref.html b/layout/reftests/text/justification-1-ref.html
new file mode 100644
index 0000000000..a89222d414
--- /dev/null
+++ b/layout/reftests/text/justification-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body style="font-family:monospace; line-height:1.5em; width:14ch; text-align:justify; border:1px solid black; overflow:hidden;">
+
+<p>I am the very model of a modern major-general.</p>
+<p style="width:100ch;">I am the very model of a modern major-general.</p>
+<p style="width:100ch;">I &nbsp;am the<br>very model of a modern major-general.</p>
+<p>I&nbsp;&nbsp;am the<br>very model of a modern major-general.</p>
+<p>I am the<br>very model of a modern major-general.</p>
+</body>
+</html>
diff --git a/layout/reftests/text/justification-1.html b/layout/reftests/text/justification-1.html
new file mode 100644
index 0000000000..a12544fc19
--- /dev/null
+++ b/layout/reftests/text/justification-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<body style="font-family:monospace; line-height:1.5em; width:14ch; text-align:justify; border:1px solid black; overflow:hidden;">
+
+<!-- Test which white-space values are allowed to take justification -->
+
+<p style="white-space:normal;">I  am the
+very model of a modern major-general.</p>
+<p style="white-space:nowrap;">I  am the
+very model of a modern major-general.</p>
+<p style="white-space:pre;">I  am the
+very model of a modern major-general.</p>
+<p style="white-space:pre-wrap;">I  am the
+very model of a modern major-general.</p>
+<p style="white-space:pre-line;">I  am the
+very model of a modern major-general.</p>
+</body></html>
diff --git a/layout/reftests/text/justification-2-ref.html b/layout/reftests/text/justification-2-ref.html
new file mode 100644
index 0000000000..70443e6820
--- /dev/null
+++ b/layout/reftests/text/justification-2-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:100px; height:10px; background:yellow; }
+</style>
+</head>
+<body>
+<span></span><span style="background:none;"></span><span></span><br>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/text/justification-2a.html b/layout/reftests/text/justification-2a.html
new file mode 100644
index 0000000000..2711eef658
--- /dev/null
+++ b/layout/reftests/text/justification-2a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:100px; height:10px; background:yellow; }
+</style>
+</head>
+<!-- Test that justify actually works. 3 spans won't fit on a line so there will be
+     two spans plus 100px of justification space on the first line. -->
+<body style="text-align:justify; width:300px;">
+<span></span> <span></span>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/text/justification-2b.html b/layout/reftests/text/justification-2b.html
new file mode 100644
index 0000000000..5ff414ff52
--- /dev/null
+++ b/layout/reftests/text/justification-2b.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:100px; height:10px; background:yellow; }
+</style>
+</head>
+<!-- Test that text-align is taken from the containing block only -->
+<body style="text-align:justify; width:300px;">
+<span></span><span style="display:inline; text-align:left; background:none"> <span></span>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/text/justification-2c.html b/layout/reftests/text/justification-2c.html
new file mode 100644
index 0000000000..1179aff6d7
--- /dev/null
+++ b/layout/reftests/text/justification-2c.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:100px; height:10px; background:yellow; }
+</style>
+</head>
+<!-- Test that &nbsp; has justification space added. -->
+<body style="text-align:justify; width:300px;">
+<span></span>&nbsp;<span></span>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/text/justification-2d.html b/layout/reftests/text/justification-2d.html
new file mode 100644
index 0000000000..d4f54f4884
--- /dev/null
+++ b/layout/reftests/text/justification-2d.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:100px; height:10px; background:yellow; }
+</style>
+</head>
+<!-- Test that U+2007 FIGURE SPACE does not have justification space added. -->
+<body style="text-align:justify; width:300px;">
+<span></span>&#x2007;<span></span>
+<span></span>
+</body>
+</html>
diff --git a/layout/reftests/text/justification-cjk-extension-ref.html b/layout/reftests/text/justification-cjk-extension-ref.html
new file mode 100644
index 0000000000..565c7556f3
--- /dev/null
+++ b/layout/reftests/text/justification-cjk-extension-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/gw432047.ttf);
+}
+div {
+  font:16px test;
+  width:200px;
+  border:1px solid red;
+  text-align-last:justify;
+}
+span {
+  color: transparent;
+}
+</style>
+<div lang="zh">&#x4e00;&#x845b;<span>&#x4e00;&#x845b;</span>&#x4e00;&#x845b;
diff --git a/layout/reftests/text/justification-cjk-extension.html b/layout/reftests/text/justification-cjk-extension.html
new file mode 100644
index 0000000000..d15bd99404
--- /dev/null
+++ b/layout/reftests/text/justification-cjk-extension.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/gw432047.ttf);
+}
+div {
+  font:16px test;
+  width:200px;
+  border:1px solid red;
+  text-align-last:justify;
+}
+span {
+  color: transparent;
+}
+</style>
+<div lang="zh">&#x4e00;&#x845b;<span>&#x20b9f;&#x20b9f;</span>&#x4e00;&#x845b;
diff --git a/layout/reftests/text/justification-space-diacritic-ref.html b/layout/reftests/text/justification-space-diacritic-ref.html
new file mode 100644
index 0000000000..39ac355941
--- /dev/null
+++ b/layout/reftests/text/justification-space-diacritic-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<meta charset="utf-8">
+<style>
+div {
+  font-family:monospace;
+  width:200px;
+  border:1px solid red;
+  text-align-last:justify;
+}
+span {
+  display:inline-block;
+}
+</style>
+<!-- The <space> or <nbsp> characters that carry combining marks
+     should NOT be stretched by justification. -->
+<div>
+<p><span>Hello &#x308; &#x308; &#x308;</span> world
+<p><span>Hello&nbsp;&#x308;&nbsp;&#x308;&nbsp;&#x308;</span> world
+<p><span>Hello&nbsp;&#x308;</span> <span>&nbsp;&#x301;&nbsp;&#x300;world</span>
+<p><span>Hello&nbsp;&#x202d;&#x308;&#x202c;</span>‬ <span>&nbsp;&#x202d;&#x302;&#x202c;world</span>
diff --git a/layout/reftests/text/justification-space-diacritic.html b/layout/reftests/text/justification-space-diacritic.html
new file mode 100644
index 0000000000..e55168fdf5
--- /dev/null
+++ b/layout/reftests/text/justification-space-diacritic.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<meta charset="utf-8">
+<style>
+div {
+  font-family:monospace;
+  width:200px;
+  border:1px solid red;
+  text-align-last:justify;
+}
+span {
+  display:inline-block;
+}
+</style>
+<!-- The <space> or <nbsp> characters that carry combining marks
+     should NOT be stretched by justification. -->
+<div>
+<p>Hello &#x308; &#x308; &#x308; world
+<p>Hello&nbsp;&#x308;&nbsp;&#x308;&nbsp;&#x308; world
+<p>Hello&nbsp;&#x308; &nbsp;&#x301;&nbsp;&#x300;world
+<p>Hello&nbsp;&#x202d;&#x308;&#x202c;‬ &nbsp;&#x202d;&#x302;&#x202c;world
diff --git a/layout/reftests/text/kerning-01-notref.html b/layout/reftests/text/kerning-01-notref.html
new file mode 100644
index 0000000000..43df5e4d69
--- /dev/null
+++ b/layout/reftests/text/kerning-01-notref.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: mplus;
+  src: url(../fonts/mplus/mplus-1p-regular-no-OT.ttf);
+  /* a copy of M+ with OpenType tables removed, so only legacy 'kern' is present */
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  font-size: 40px;
+  font-family: mplus;
+}
+span {
+  font-family: serif;
+}
+</style>
+</head>
+<body>
+<!-- the ZWNJ characters with font change should prevent kerning at those positions;
+     if the testcase looks the same, then kerning failed altogether -->
+AVA<span>&zwnj;</span>V<span>&zwnj;</span>A
+</body>
+</html>
diff --git a/layout/reftests/text/kerning-01.html b/layout/reftests/text/kerning-01.html
new file mode 100644
index 0000000000..55cf986700
--- /dev/null
+++ b/layout/reftests/text/kerning-01.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: mplus;
+  src: url(../fonts/mplus/mplus-1p-regular-no-OT.ttf);
+  /* a copy of M+ with OpenType tables removed, so only legacy 'kern' is present */
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  font-size: 40px;
+  font-family: mplus;
+}
+</style>
+</head>
+<body>
+AVAVA
+</body>
+</html>
diff --git a/layout/reftests/text/letter-spacing-nolig-1-ref.html b/layout/reftests/text/letter-spacing-nolig-1-ref.html
new file mode 100644
index 0000000000..615df75960
--- /dev/null
+++ b/layout/reftests/text/letter-spacing-nolig-1-ref.html
@@ -0,0 +1,13 @@
+<style>
+.a {
+  font: 32px/2 Times;
+}
+.b {
+  font: 32px/2 Times;
+  letter-spacing: 1em;
+}
+</style>
+
+<div class="a">office
+
+<div class="b">off&zwnj;ice
diff --git a/layout/reftests/text/letter-spacing-nolig-1.html b/layout/reftests/text/letter-spacing-nolig-1.html
new file mode 100644
index 0000000000..9dfc5d72a4
--- /dev/null
+++ b/layout/reftests/text/letter-spacing-nolig-1.html
@@ -0,0 +1,13 @@
+<style>
+.a {
+  font: 32px/2 Times;
+}
+.b {
+  font: 32px/2 Times;
+  letter-spacing: 1em;
+}
+</style>
+
+<div class="a">office
+
+<div class="b">office
diff --git a/layout/reftests/text/letter-spacing-nolig-2-ref.html b/layout/reftests/text/letter-spacing-nolig-2-ref.html
new file mode 100644
index 0000000000..2ad7d4ea36
--- /dev/null
+++ b/layout/reftests/text/letter-spacing-nolig-2-ref.html
@@ -0,0 +1,17 @@
+<style>
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+.a {
+  font: 32px/2 libertine;
+}
+.b {
+  font: 32px/2 libertine;
+  letter-spacing: 1em;
+}
+</style>
+
+<div class="a">office
+
+<div class="b">of&zwnj;f&zwnj;ice
diff --git a/layout/reftests/text/letter-spacing-nolig-2.html b/layout/reftests/text/letter-spacing-nolig-2.html
new file mode 100644
index 0000000000..e97f114f70
--- /dev/null
+++ b/layout/reftests/text/letter-spacing-nolig-2.html
@@ -0,0 +1,17 @@
+<style>
+@font-face {
+  font-family: libertine;
+  src: url(../fonts/LinLibertine_Re-4.7.5.woff);
+}
+.a {
+  font: 32px/2 libertine;
+}
+.b {
+  font: 32px/2 libertine;
+  letter-spacing: 1em;
+}
+</style>
+
+<div class="a">office
+
+<div class="b">office
diff --git a/layout/reftests/text/ligature-with-space-1.html b/layout/reftests/text/ligature-with-space-1.html
new file mode 100644
index 0000000000..9526db6237
--- /dev/null
+++ b/layout/reftests/text/ligature-with-space-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkAB-spaceliga";
+		src: url(../fonts/markAB-spaceliga.otf);
+	}
+
+        body { font-family: MarkAB-spaceliga; }
+	</style>
+</head>
+<body>
+B A;
+</body>
+</html>
diff --git a/layout/reftests/text/line-editing-1-ref.html b/layout/reftests/text/line-editing-1-ref.html
new file mode 100644
index 0000000000..8941e0b4ff
--- /dev/null
+++ b/layout/reftests/text/line-editing-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<!-- using padding to avoid possible reftest failures
+     due to antialiasing pixels not being refreshed,
+     see bugs 475968, 476927 -->
+<body style="white-space:pre; padding: 2px; font-family: sans-serif;">
+Line 1
+Line 2
+Line 3
+Line 4
+Line 5
+Line 6
+Line 7
+Line 8
+Line 9
+</body>
+</html>
diff --git a/layout/reftests/text/line-editing-1a.html b/layout/reftests/text/line-editing-1a.html
new file mode 100644
index 0000000000..31c42103b0
--- /dev/null
+++ b/layout/reftests/text/line-editing-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  var text = document.body.firstChild;
+  // Delete a line, then make a change after it
+  text.deleteData(8, 7);
+  text.replaceData(55, 1, "8");
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body style="white-space:pre; padding: 2px; font-family: sans-serif;">
+Line 1
+Line 2
+Line 2
+Line 3
+Line 4
+Line 5
+Line 6
+Line 7
+Line X
+Line 9
+</body>
+</html>
diff --git a/layout/reftests/text/line-editing-1b.html b/layout/reftests/text/line-editing-1b.html
new file mode 100644
index 0000000000..35c5fe4e71
--- /dev/null
+++ b/layout/reftests/text/line-editing-1b.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  var text = document.body.firstChild;
+  // Insert a line, then make a change after it
+  text.insertData(8, "Line 2\n");
+  text.replaceData(55, 1, "8");
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body style="white-space:pre; padding: 2px; font-family: sans-serif;">
+Line 1
+Line 3
+Line 4
+Line 5
+Line 6
+Line 7
+Line X
+Line 9
+</body>
+</html>
diff --git a/layout/reftests/text/line-editing-1c.html b/layout/reftests/text/line-editing-1c.html
new file mode 100644
index 0000000000..ceaf095317
--- /dev/null
+++ b/layout/reftests/text/line-editing-1c.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  var text = document.body.firstChild;
+  // Just make a change
+  text.replaceData(55, 1, "8");
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body style="white-space:pre; padding: 2px; font-family: sans-serif;">
+Line 1
+Line 2
+Line 3
+Line 4
+Line 5
+Line 6
+Line 7
+Line X
+Line 9
+</body>
+</html>
diff --git a/layout/reftests/text/line-editing-1d.html b/layout/reftests/text/line-editing-1d.html
new file mode 100644
index 0000000000..a3ce054631
--- /dev/null
+++ b/layout/reftests/text/line-editing-1d.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  var text = document.body.firstChild;
+  // Replace three lines with two lines (but not at line boundaries)
+  text.replaceData(34, 21, "5\nLine 6\nLine ");
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body style="white-space:pre; padding: 2px; font-family: sans-serif;">
+Line 1
+Line 2
+Line 3
+Line 4
+Line X
+Line X
+Line X
+Line 7
+Line 8
+Line 9
+</body>
+</html>
diff --git a/layout/reftests/text/line-editing-1e.html b/layout/reftests/text/line-editing-1e.html
new file mode 100644
index 0000000000..d149957c0a
--- /dev/null
+++ b/layout/reftests/text/line-editing-1e.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<script>
+function doTest() {
+  var text = document.body.firstChild;
+  // Replace two lines with three lines (but not at line boundaries)
+  text.replaceData(34, 7, "5\nLine 6\nLine ");
+  document.documentElement.removeAttribute('class');
+}
+document.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body style="white-space:pre; padding: 2px; font-family: sans-serif;">
+Line 1
+Line 2
+Line 3
+Line 4
+Line X
+Line 7
+Line 8
+Line 9
+</body>
+</html>
diff --git a/layout/reftests/text/lineheight-metrics-1-ref.html b/layout/reftests/text/lineheight-metrics-1-ref.html
new file mode 100644
index 0000000000..756b705329
--- /dev/null
+++ b/layout/reftests/text/lineheight-metrics-1-ref.html
@@ -0,0 +1,17 @@
+<title>Reference, bug 643781</title>
+<style>
+html { background: white; }
+body {
+   padding: 1px;
+   background: blue;
+   width: 100px;
+   font-size: 0px; /* remove the effect of the strut ascent and descent */
+}
+div {
+   background: aqua;
+   height: 33px;
+}
+</style>
+<body>
+<div></div>
+</body>
diff --git a/layout/reftests/text/lineheight-metrics-1.html b/layout/reftests/text/lineheight-metrics-1.html
new file mode 100644
index 0000000000..76f4482412
--- /dev/null
+++ b/layout/reftests/text/lineheight-metrics-1.html
@@ -0,0 +1,31 @@
+<title>Testcase, bug 643781</title>
+<style>
+html { background: white; }
+@font-face {
+   font-family: "MarkA-lineheight1500";
+   src: url(../fonts/markA-lineheight1500.ttf);
+}
+body {
+   padding: 1px;
+   background: blue;
+   width: 100px;
+   height: 33px;
+   font-size: 0px; /* remove the effect of the strut ascent and descent */
+}
+div {
+   background: aqua;
+}
+/*
+MarkA-lineheight1500 at 22 pixel em-size has a line height that is an --
+integer number of pixels but the components (ascent/descent/leading) are not
+integer.  This test checks that the line-height remains accurate.
+*/
+span {
+   color: transparent;
+   font-family: MarkA-lineheight1500;
+   font-size: 22px;
+}
+</style>
+<body>
+<div><span>A</span></div>
+</body>
diff --git a/layout/reftests/text/lineheight-metrics-2-ref.html b/layout/reftests/text/lineheight-metrics-2-ref.html
new file mode 100644
index 0000000000..ecf9fbf1ca
--- /dev/null
+++ b/layout/reftests/text/lineheight-metrics-2-ref.html
@@ -0,0 +1,17 @@
+<title>Testcase, bug 947650 and 598900</title>
+<style>
+html { background: white; }
+body {
+   padding: 1px;
+   background: blue;
+   width: 100px;
+   font-size: 0px; /* remove the effect of the strut ascent and descent */
+}
+div {
+   background: aqua;
+   height: 27px;
+}
+</style>
+<body>
+<div></div>
+</body>
diff --git a/layout/reftests/text/lineheight-metrics-2a.html b/layout/reftests/text/lineheight-metrics-2a.html
new file mode 100644
index 0000000000..1d4e00129c
--- /dev/null
+++ b/layout/reftests/text/lineheight-metrics-2a.html
@@ -0,0 +1,29 @@
+<title>Testcase, bug 947650 and 598900</title>
+<style>
+html { background: white; }
+@font-face {
+   font-family: "MarkA-lineheight6000-typolineheight2700";
+   src: url(../fonts/markA-lineheight6000-typolineheight2700.otf);
+}
+body {
+   padding: 1px;
+   background: blue;
+   width: 100px;
+   height: 27px;
+   font-size: 0px; /* remove the effect of the strut ascent and descent */
+}
+div {
+   background: aqua;
+}
+span {
+  /* Choose 10px so that all the metrics are integers and we avoid rounding
+     issues. See lineheight-metrics-1.html for a test with non-integer values.
+   */
+   color: transparent;
+   font-family: MarkA-lineheight6000-typolineheight2700;
+   font-size: 10px;
+}
+</style>
+<body>
+<div><span>A</span></div>
+</body>
diff --git a/layout/reftests/text/lineheight-metrics-2b.html b/layout/reftests/text/lineheight-metrics-2b.html
new file mode 100644
index 0000000000..4859211823
--- /dev/null
+++ b/layout/reftests/text/lineheight-metrics-2b.html
@@ -0,0 +1,29 @@
+<title>Testcase, bug 947650 and 598900</title>
+<style>
+html { background: white; }
+@font-face {
+   font-family: "MarkA-lineheight6000-typolineheight2700";
+   src: url(../fonts/markA-lineheight6000-typolineheight2700.ttf);
+}
+body {
+   padding: 1px;
+   background: blue;
+   width: 100px;
+   height: 27px;
+   font-size: 0px; /* remove the effect of the strut ascent and descent */
+}
+div {
+   background: aqua;
+}
+span {
+  /* Choose 10px so that all the metrics are integers and we avoid rounding
+     issues. See lineheight-metrics-1.html for a test with non-integer values.
+   */
+   color: transparent;
+   font-family: MarkA-lineheight6000-typolineheight2700;
+   font-size: 10px;
+}
+</style>
+<body>
+<div><span>A</span></div>
+</body>
diff --git a/layout/reftests/text/lineheight-percentage-1-ref.html b/layout/reftests/text/lineheight-percentage-1-ref.html
new file mode 100644
index 0000000000..bf834f59e2
--- /dev/null
+++ b/layout/reftests/text/lineheight-percentage-1-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<body style="font-size: 50px">
+<p style="line-height: 20.5px">20.5px
diff --git a/layout/reftests/text/lineheight-percentage-1.html b/layout/reftests/text/lineheight-percentage-1.html
new file mode 100644
index 0000000000..346ef24314
--- /dev/null
+++ b/layout/reftests/text/lineheight-percentage-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<body style="font-size: 50px">
+<p style="line-height: 41%">
+<script>
+document.write(window.getComputedStyle(document.getElementsByTagName("p")[0]).lineHeight);
+</script>
diff --git a/layout/reftests/text/long-1.html b/layout/reftests/text/long-1.html
new file mode 100644
index 0000000000..f65e7e763a
--- /dev/null
+++ b/layout/reftests/text/long-1.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <pre style="font-size:20px;">
+Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems.
+Very long textruns may cause problems.
+    </pre>
+  </body>
+</html>
diff --git a/layout/reftests/text/long-ref.html b/layout/reftests/text/long-ref.html
new file mode 100644
index 0000000000..3db6e454c9
--- /dev/null
+++ b/layout/reftests/text/long-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <pre style="font-size:20px;">
+Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems. Very long textruns may cause problems.<br>Very long textruns may cause problems.
+    </pre>
+  </body>
+</html>
diff --git a/layout/reftests/text/negative-letter-spacing-1-ref.html b/layout/reftests/text/negative-letter-spacing-1-ref.html
new file mode 100644
index 0000000000..3411c34a1f
--- /dev/null
+++ b/layout/reftests/text/negative-letter-spacing-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<head>
+  <style>
+    div {
+      float: left;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+  <div><span>same</span><span>line?</span></div>
diff --git a/layout/reftests/text/negative-letter-spacing-1.html b/layout/reftests/text/negative-letter-spacing-1.html
new file mode 100644
index 0000000000..69c1f6fa4b
--- /dev/null
+++ b/layout/reftests/text/negative-letter-spacing-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<meta charset=utf-8>
+<head>
+  <style>
+    div {
+      /* This letter-spacing value only impacts a single space character. */
+      letter-spacing: -60px;
+      float: left;
+      border: 1px solid black;
+    }
+    span {
+      letter-spacing: 0;
+    }
+  </style>
+</head>
+<body>
+  <div><span>same</span> <span>line?</span></div>
diff --git a/layout/reftests/text/osx-font-smoothing-2-notref.html b/layout/reftests/text/osx-font-smoothing-2-notref.html
new file mode 100644
index 0000000000..3cf80f8d71
--- /dev/null
+++ b/layout/reftests/text/osx-font-smoothing-2-notref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!-- testcase for https://bugzilla.mozilla.org/show_bug.cgi?id=900975 -->
+<html>
+<head>
+<style type="text/css">
+p {
+  margin: 20px;
+  font-family: Arial, sans-serif;
+  background-color: black;
+  color: white;
+}
+.smoothing-gray {
+  -moz-osx-font-smoothing: grayscale;
+}
+.smoothing-auto {
+  -moz-osx-font-smoothing: auto;
+}
+</style>
+</head>
+<body lang="en">
+<p class="smoothing-auto"><span>foo</span> <span>bar</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text/osx-font-smoothing-2-ref.html b/layout/reftests/text/osx-font-smoothing-2-ref.html
new file mode 100644
index 0000000000..fc7ca44af1
--- /dev/null
+++ b/layout/reftests/text/osx-font-smoothing-2-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<!-- testcase for https://bugzilla.mozilla.org/show_bug.cgi?id=900975 -->
+<html>
+<head>
+<style type="text/css">
+p {
+  margin: 20px;
+  font-family: Arial, sans-serif;
+  background-color: black;
+  color: white;
+}
+.smoothing-gray {
+  -moz-osx-font-smoothing: grayscale;
+}
+.smoothing-auto {
+  -moz-osx-font-smoothing: auto;
+}
+span {
+  display: inline-block;
+}
+</style>
+</head>
+<body lang="en">
+<p class="smoothing-auto"><span>foo</span> <span class="smoothing-gray">bar</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text/osx-font-smoothing-2.html b/layout/reftests/text/osx-font-smoothing-2.html
new file mode 100644
index 0000000000..2ef3b3ff48
--- /dev/null
+++ b/layout/reftests/text/osx-font-smoothing-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<!-- testcase for https://bugzilla.mozilla.org/show_bug.cgi?id=900975 -->
+<html>
+<head>
+<style type="text/css">
+p {
+  margin: 20px;
+  font-family: Arial, sans-serif;
+  background-color: black;
+  color: white;
+}
+.smoothing-gray {
+  -moz-osx-font-smoothing: grayscale;
+}
+.smoothing-auto {
+  -moz-osx-font-smoothing: auto;
+}
+</style>
+</head>
+<body lang="en">
+<p class="smoothing-auto"><span>foo</span> <span class="smoothing-gray">bar</span></p>
+</body>
+</html>
diff --git a/layout/reftests/text/osx-font-smoothing-ref.html b/layout/reftests/text/osx-font-smoothing-ref.html
new file mode 100644
index 0000000000..4fb59bdec1
--- /dev/null
+++ b/layout/reftests/text/osx-font-smoothing-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+body {
+  margin: 20px;
+  font-family: Futura, Helvetica, Arial, sans-serif;
+  background-color: black;
+  color: white;
+}
+p {
+  margin: 0;
+  line-height: 1.3em;
+}
+</style>
+</head>
+<body lang="en">
+<p style="font-size: 9px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 10px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 11px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 12px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 13px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 14px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 15px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 16px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 17px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 18px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 19px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 20px;">I have stood still and stopped the sound of feet.</p>
+</body>
+</html>
diff --git a/layout/reftests/text/osx-font-smoothing.html b/layout/reftests/text/osx-font-smoothing.html
new file mode 100644
index 0000000000..46a4c85451
--- /dev/null
+++ b/layout/reftests/text/osx-font-smoothing.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+body {
+  margin: 20px;
+  font-family: Futura, Helvetica, Arial, sans-serif;
+  background-color: black;
+  color: white;
+}
+p {
+  margin: 0;
+  line-height: 1.3em;
+  -moz-osx-font-smoothing: grayscale;
+}
+</style>
+</head>
+<body lang="en">
+<p style="font-size: 9px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 10px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 11px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 12px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 13px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 14px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 15px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 16px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 17px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 18px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 19px;">I have stood still and stopped the sound of feet.</p>
+<p style="font-size: 20px;">I have stood still and stopped the sound of feet.</p>
+</body>
+</html>
diff --git a/layout/reftests/text/overflowwrap-04.html b/layout/reftests/text/overflowwrap-04.html
new file mode 100644
index 0000000000..8552310dca
--- /dev/null
+++ b/layout/reftests/text/overflowwrap-04.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Test setting overflow-wrap: break-word dynamically -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test Overflowwrap</title>
+  <script type="text/javascript">
+function SwapStyle()
+{
+  par = document.getElementById("pp");
+  par.style.overflowWrap = "break-word";
+}
+  </script>
+ </head>
+ <body onload="SwapStyle()">
+  <p id="pp" style="width: 100px; overflow-wrap: normal;">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/overflowwrap-05.html b/layout/reftests/text/overflowwrap-05.html
new file mode 100644
index 0000000000..4b5b11e658
--- /dev/null
+++ b/layout/reftests/text/overflowwrap-05.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Test unsetting overflow-wrap: break-word dynamically -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test Overflowwrap</title>
+  <script type="text/javascript">
+function SwapStyle()
+{
+  par = document.getElementById("pp");
+  par.style.overflowWrap = "normal";
+}
+  </script>
+ </head>
+ <body onload="SwapStyle()">
+  <p id="pp" style="width: 100px; overflow-wrap: break-word;">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/overflowwrap-06.html b/layout/reftests/text/overflowwrap-06.html
new file mode 100644
index 0000000000..899585b138
--- /dev/null
+++ b/layout/reftests/text/overflowwrap-06.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>http://www.mozilla.org/projects/minefield/</title>
+  <style type="text/css">
+#viewsource {
+  font-family: -moz-fixed;
+  font-weight: normal;
+  font-size: 16px;
+  color: black;
+  white-space: pre;
+}
+#viewsource.wrap {
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+}
+pre {
+  font: inherit;
+  color: inherit;
+  white-space: inherit; 
+  margin: 0;
+  width: 475px;
+}
+.attribute-name {
+ color: black;
+ font-weight: bold;
+}
+.attribute-value {
+ color: blue;
+ font-weight: normal;
+}
+  </style>
+ </head>
+ <body id="viewsource" class="wrap">
+  <pre id="line1"><span class="attribute-name">href</span>=<span class="attribute-value">"../../css/cavendish/content.css" </span><span class="attribute-name">title</span>=<span class="attribute-value">"Cavendish"</span></pre>
+ </body>
+</html>
diff --git a/layout/reftests/text/overflowwrap-07.html b/layout/reftests/text/overflowwrap-07.html
new file mode 100644
index 0000000000..d84347837f
--- /dev/null
+++ b/layout/reftests/text/overflowwrap-07.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+div { width: 0px; overflow-wrap: break-word; }
+  </style>
+  <title>Test Overflowwrap</title>
+ </head>
+ <body>
+  <div><em>Hello</em>Kitty</div>
+ </body>
+</html>
diff --git a/layout/reftests/text/overflowwrap-09.html b/layout/reftests/text/overflowwrap-09.html
new file mode 100644
index 0000000000..b190228fa2
--- /dev/null
+++ b/layout/reftests/text/overflowwrap-09.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+textarea { overflow: scroll; overflow-wrap: normal; }
+  </style>
+  <title>Test Overflowwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/overflowwrap-10.html b/layout/reftests/text/overflowwrap-10.html
new file mode 100644
index 0000000000..249097b6dc
--- /dev/null
+++ b/layout/reftests/text/overflowwrap-10.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Test - overflow-wrap: break-word should respect clusters</title>
+  </head>
+  <body>
+    <div style="width:0px; overflow-wrap:break-word">
+      abc
+      d&#x0325;e&#x0315;f&#x0323;
+      &#x10400;&#x10401;&#x10402;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text/pre-line-1-ref.html b/layout/reftests/text/pre-line-1-ref.html
new file mode 100644
index 0000000000..c290c91a20
--- /dev/null
+++ b/layout/reftests/text/pre-line-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { background:yellow; }
+.float { float:left; background:orange; }
+.outer { overflow:auto; margin:1em; }
+</style>
+</head>
+<body>
+
+<div class="outer">My name is<br><br>Fred.</div>
+<div class="outer"><span>My name is<br><br>Fred.</span></div>
+
+<div class="outer"><div class="float">My name is<br><br>Fred.</div></div>
+<div class="outer"><div class="float"><span class="preline">My name is<br><br>Fred.</span></div></div>
+
+<div class="outer"><div style="width:0;"><div class="float">My name is<br><br>Fred.</div></div></div>
+<div class="outer"><div style="width:0;"><div class="float"><span>My name is<br><br>Fred.</span></div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/pre-line-1.html b/layout/reftests/text/pre-line-1.html
new file mode 100644
index 0000000000..0dfbef12e7
--- /dev/null
+++ b/layout/reftests/text/pre-line-1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.preline { white-space:pre-line; }
+span { background:yellow; }
+.float { float:left; background:orange; }
+.outer { overflow:auto; margin:1em; }
+</style>
+</head>
+<body>
+
+
+
+<!-- Note, in the following tests there are trailing spaces after "is" and on the second
+     blank line. -->
+
+<div class="outer"><div class="preline">My    name is   
+ 
+ Fred.</div></div>
+<div class="outer"><span class="preline">My    name is   
+ 
+ Fred.</span></div>
+
+
+
+
+
+<div class="outer"><div class="preline float">My    name is   
+ 
+ Fred.</div></div>
+<div class="outer"><div class="float"><span class="preline">My    name is   
+ 
+ Fred.</span></div></div>
+
+
+
+
+
+<div class="outer"><div style="width:0;"><div class="preline float">My    name is   
+ 
+ Fred.</div></div></div>
+<div class="outer"><div style="width:0;"><div class="float"><span class="preline">My    name is   
+ 
+ Fred.</span></div></div></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/pre-line-2-ref.html b/layout/reftests/text/pre-line-2-ref.html
new file mode 100644
index 0000000000..70242146d8
--- /dev/null
+++ b/layout/reftests/text/pre-line-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+Hello
+<div style="height:100px;"></div>
+<br>
+<div style="height:100px;"></div>
+Kitty
+</body>
+</html>
diff --git a/layout/reftests/text/pre-line-2.html b/layout/reftests/text/pre-line-2.html
new file mode 100644
index 0000000000..48fde61d90
--- /dev/null
+++ b/layout/reftests/text/pre-line-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+
+<!-- Check that a pre-line newline inhibits margin collapsing -->
+
+<div style="margin-bottom:100px;">Hello</div>
+<span style="white-space:pre-line;">
+</span>
+<div style="margin-top:100px;">Kitty</div>
+</body>
+</html>
diff --git a/layout/reftests/text/pre-line-3-ref.html b/layout/reftests/text/pre-line-3-ref.html
new file mode 100644
index 0000000000..d79ddfaea7
--- /dev/null
+++ b/layout/reftests/text/pre-line-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="white-space:pre-line; color:black;">
+Hello
+</body>
+</html>
diff --git a/layout/reftests/text/pre-line-3.html b/layout/reftests/text/pre-line-3.html
new file mode 100644
index 0000000000..b5f7f235f3
--- /dev/null
+++ b/layout/reftests/text/pre-line-3.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body::first-letter { color:white; }
+</style>
+</head>
+<!-- Check that a pre-line newline stops first-letter processing -->
+<body style="white-space:pre-line; color:black;">
+Hello
+</body>
+</html>
diff --git a/layout/reftests/text/pre-line-4-ref.html b/layout/reftests/text/pre-line-4-ref.html
new file mode 100644
index 0000000000..d4da208db8
--- /dev/null
+++ b/layout/reftests/text/pre-line-4-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<!-- pre-line: check lines are broken at \A -->
+<body>
+<p style="white-space:pre-line;">Hello<br>Kitty</p>
+</body>
+</html>
diff --git a/layout/reftests/text/pre-line-4.html b/layout/reftests/text/pre-line-4.html
new file mode 100644
index 0000000000..af410ba1ab
--- /dev/null
+++ b/layout/reftests/text/pre-line-4.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<!-- pre-line: check lines are broken at \A -->
+<body>
+<p style="white-space:pre-line;">Hello&#xA;Kitty</p>
+</body>
+</html>
diff --git a/layout/reftests/text/pre-space-1-ref.html b/layout/reftests/text/pre-space-1-ref.html
new file mode 100644
index 0000000000..b2c82820c4
--- /dev/null
+++ b/layout/reftests/text/pre-space-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+p { font: 16px monospace; white-space: pre; }
+span { background-color: lime }
+</style>
+<p><span>a  b</span></p>
+<p><span>a b</span></p>
+<p><span>a   b</span></p>
+<p><span>   a   b </span></p>
+<p><span>a  </span></p>
+<p><span>   </span></p>
+<p><span>       </span></p>
+<p><span>.  </span></p>
+<p><span>a b</span></p>
+<p><span>a   b</span></p>
+<p><span>   a   b </span></p>
+<p><span>a  </span></p>
+<p><span>   </span></p>
+<p><span>       </span></p>
+<p><span>.  </span></p>
diff --git a/layout/reftests/text/pre-space-1.html b/layout/reftests/text/pre-space-1.html
new file mode 100644
index 0000000000..b1adad2fd8
--- /dev/null
+++ b/layout/reftests/text/pre-space-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+p { font: 16px monospace; white-space: -moz-pre-space; }
+span { background-color: lime }
+</style>
+<p><span>a  b</span></p>
+<p><span>a&#xA;b</span></p>
+<p><span>a &#xA; b</span></p>
+<p><span>&#xA;  a&#xA;  b&#xA;</span></p>
+<p><span>a  </span></p>
+<p><span>&#xA;&#xA;&#xA;</span></p>
+<p><span>  &#xA;&#xA;&#xA;  </span></p>
+<p><span>. &#xA;</span></p>
+<p><span>a&#x9;b</span></p>
+<p><span>a &#x9; b</span></p>
+<p><span>&#x9;  a&#x9;  b&#x9;</span></p>
+<p><span>a  </span></p>
+<p><span>&#x9;&#x9;&#x9;</span></p>
+<p><span>  &#x9;&#x9;&#x9;  </span></p>
+<p><span>. &#x9;</span></p>
diff --git a/layout/reftests/text/pre-wrap-1-ref.html b/layout/reftests/text/pre-wrap-1-ref.html
new file mode 100644
index 0000000000..7cda9fba13
--- /dev/null
+++ b/layout/reftests/text/pre-wrap-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>test for bug 1008019</title>
+<style>
+#test {
+  white-space: pre;
+  font-family: monospace;
+  width: 16ch;
+  border: 1px solid blue;
+  padding: 3px;
+}
+</style>
+</head>
+<body>
+<div id="test">ab c  d   e    f
+g      h       i
+j         k
+l           m
+n             o
+p
+q
+r
+s</div>
+</body>
+</html>
diff --git a/layout/reftests/text/pre-wrap-1.html b/layout/reftests/text/pre-wrap-1.html
new file mode 100644
index 0000000000..782acc146c
--- /dev/null
+++ b/layout/reftests/text/pre-wrap-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>test for bug 1008019</title>
+<style>
+#test {
+  white-space: pre-wrap;
+  font-family: monospace;
+  width: 16ch;
+  border: 1px solid blue;
+  padding: 3px;
+}
+</style>
+</head>
+<body>
+<div id="test">ab c  d   e    f     g      h       i        j         k<!--
+-->          l           m            n             o              p<!--
+-->               q                r                 s</div>
+</body>
+</html>
diff --git a/layout/reftests/text/reftest.list b/layout/reftests/text/reftest.list
new file mode 100644
index 0000000000..983d66946e
--- /dev/null
+++ b/layout/reftests/text/reftest.list
@@ -0,0 +1,364 @@
+# Font-dependent reftests may fail intermittently/transiently due to asynch fallback,
+# so we disable the async mechanism for this directory.
+defaults pref(gfx.font_rendering.fallback.async,false)
+
+fails-if(Android) == fallback-01.xhtml fallback-01-ref.xhtml
+== font-selection-by-lang-01.html font-selection-by-lang-01-ref.html
+== font-selection-fallback-1.html font-selection-fallback-1-ref.html
+== font-selection-generic-1.html font-selection-generic-1-ref.html
+!= font-size-adjust-01.html font-size-adjust-01-ref.html
+# The following test passes consistently only on Mac OS X;
+# both Windows and Linux give results that vary depending on the font size/zoom factor used,
+# because hinting affects the metrics used to compute the font size adjustment. See bug 429605.
+random-if(!cocoaWidget) == font-size-adjust-02.html font-size-adjust-02-ref.html
+# This currently fails because line spacing does not respect font-size-adjust
+# in the "obvious" way, but it is unclear what the behavior should really be;
+# see bug #366138 for some (inconclusive) discussion
+# == font-size-adjust-03.html font-size-adjust-03-ref.html
+== justification-1.html justification-1-ref.html
+== justification-2a.html justification-2-ref.html
+== justification-2b.html justification-2-ref.html
+== justification-2c.html justification-2-ref.html
+!= justification-2d.html justification-2-ref.html
+== justification-cjk-extension.html justification-cjk-extension-ref.html
+== justification-space-diacritic.html justification-space-diacritic-ref.html
+load ligature-with-space-1.html
+== line-editing-1a.html line-editing-1-ref.html
+== line-editing-1b.html line-editing-1-ref.html
+== line-editing-1c.html line-editing-1-ref.html
+== line-editing-1d.html line-editing-1-ref.html
+== line-editing-1e.html line-editing-1-ref.html
+fails-if(cocoaWidget) == lineheight-metrics-1.html lineheight-metrics-1-ref.html # bug 657864
+== lineheight-metrics-2a.html lineheight-metrics-2-ref.html
+== lineheight-metrics-2b.html lineheight-metrics-2-ref.html
+== lineheight-percentage-1.html lineheight-percentage-1-ref.html
+== long-1.html long-ref.html
+fuzzy-if(Android,0-255,0-325) == pre-line-1.html pre-line-1-ref.html
+== pre-line-2.html pre-line-2-ref.html
+== pre-line-3.html pre-line-3-ref.html
+== pre-line-4.html pre-line-4-ref.html
+== pre-space-1.html pre-space-1-ref.html
+== pre-wrap-1.html pre-wrap-1-ref.html
+== soft-hyphens-1a.html soft-hyphens-1-ref.html
+== soft-hyphens-1b.html soft-hyphens-1-ref.html
+== soft-hyphens-1c.html soft-hyphens-1-ref.html
+== soft-hyphens-break-word-1a.html soft-hyphens-break-word-1-ref.html
+== soft-hyphens-break-word-1b.html soft-hyphens-break-word-1-ref.html
+== soft-hyphens-break-word-1c.html soft-hyphens-break-word-1-ref.html
+# Tests for soft hyphens in table cells, bug 418975
+!= soft-hyphen-in-table-1.html soft-hyphen-in-table-1-notref.html
+== soft-hyphen-in-table-1.html soft-hyphen-in-table-1-ref.html
+== soft-hyphen-in-table-2.html soft-hyphen-in-table-2-ref.html
+# Cairo's FreeType and GDI backends snap glyphs to pixels, while Mac (usually),
+# D2D, and Skia have subpixel positioning.  The tests for pixel-snapping assume that
+# 1 CSS pixel == 1 device pixel
+skip == subpixel-glyphs-x-1a.html subpixel-glyphs-x-1b.html
+# Platforms with subpixel positioning already have inconsistent glyphs by
+# design, but that is considered more tolerable because they are subpixel
+# inconsistencies.  On those platforms we just test that glyph positions are
+# subpixel.
+# D2D/DirectWrite results depend on the rendering mode chosen, so considering this as random for now.
+skip-if(!(d2d||cocoaWidget)) random-if(d2d) != subpixel-glyphs-x-2a.html subpixel-glyphs-x-2b.html
+== subpixel-glyphs-x-3a.html subpixel-glyphs-x-3b.html
+# No platforms do subpixel positioning vertically
+fuzzy-if(Android,0-19,0-2) == subpixel-glyphs-y-1a.html subpixel-glyphs-y-1b.html
+fuzzy-if(Android,0-231,0-653) == subpixel-lineheight-1a.html subpixel-lineheight-1b.html
+== swash-1.html swash-1-ref.html
+!= synthetic-bold-metrics-01.html synthetic-bold-metrics-01-notref.html
+== synthetic-bold-papyrus-01.html synthetic-bold-papyrus-01-ref.html
+== synthetic-bold-zero-width-01.html synthetic-bold-zero-width-01-ref.html
+== text-align-left-in-rtl-block.html text-align-left-in-rtl-block-ref.html
+== variation-selector-unsupported-1.html variation-selector-unsupported-1-ref.html
+== white-space-1a.html white-space-1-ref.html
+== white-space-1b.html white-space-1-ref.html
+== white-space-2.html white-space-2-ref.html
+== white-space-3.html white-space-3-ref.html
+pref(intl.icu4x.segmenter.enabled,false) == wordbreak-1.html wordbreak-1-ref.html
+== wordbreak-3.html wordbreak-3-ref.html
+== wordbreak-4b.html wordbreak-4b-ref.html
+== wordbreak-5.html wordbreak-5-ref.html
+fails-if(/^Windows\x20NT\x2010\.0/.test(http.oscpu)) == wordbreak-6.html wordbreak-6-ref.html # Bug 1258239
+== wordbreak-7a.html wordbreak-7a-ref.html
+fails == wordbreak-7b.html wordbreak-7b-ref.html # bug 479829
+== wordbreak-8.html wordbreak-8-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) == wordbreak-9.html wordbreak-9-ref.html
+== wordbreak-dynamic-1.html wordbreak-dynamic-1-ref.html
+== wordwrap-01.html wordwrap-01-ref.html
+fuzzy-if(Android,0-1,0-1) == wordwrap-02.html wordwrap-02-ref.html # bug 1363940
+fuzzy(0-1,0-50) == wordwrap-03.html wordwrap-03-ref.html # Fuzzy on Linux because the native textbox gradient is painted in a slightly different position depending on the invalid area.
+== wordwrap-04.html wordwrap-04-ref.html
+== overflowwrap-04.html wordwrap-04-ref.html
+== wordwrap-05.html wordwrap-05-ref.html
+== overflowwrap-05.html wordwrap-05-ref.html
+== wordwrap-06.html wordwrap-06-ref.html
+== overflowwrap-06.html wordwrap-06-ref.html
+== wordwrap-07.html wordwrap-07-ref.html
+== overflowwrap-07.html wordwrap-07-ref.html
+!= wordwrap-08.html wordwrap-01-ref.html
+== wordwrap-08.html wordwrap-08-ref.html
+!= wordwrap-09.html wordwrap-01-ref.html
+!= overflowwrap-09.html wordwrap-01-ref.html
+== wordwrap-09.html wordwrap-09-ref.html
+== overflowwrap-09.html wordwrap-09-ref.html
+== wordwrap-10.html wordwrap-10-ref.html # bug 752459
+== overflowwrap-10.html wordwrap-10-ref.html
+== word-spacing-01.html word-spacing-01-ref.html
+# the following will fail when rendering with Core Text (see bug 389074) due to what appears to be
+# an Apple bug: the presence of ZWNJ disturbs the positioning of an adjacent glyph. rdar://6427865
+random-if(cocoaWidget) random-if(gtkWidget) == zwnj-01.xhtml zwnj-01-ref.xhtml # gtkWidget:bug 1309113
+== zwnj-02.xhtml zwnj-02-ref.xhtml
+!= zwnj-01.html zwnj-01-notref.html
+== initial-zwj-1.html initial-zwj-1-ref.html
+== cgj-01.html cgj-01-ref.html
+== 444656.html 444656-ref.html
+fuzzy-if(geckoview,0-4,0-1) == 449555-1.html 449555-1-ref.html
+== 467722.html 467722-ref.html
+fuzzy(0-1,0-600) == 475092-sub.html 475092-ref.html
+fails-if(Android) fuzzy-if(!Android,0-90,0-3100) fuzzy-if(cocoaWidget,72-72,353-353) == 475092-pos.html 475092-sub.html # bug 482596
+== 476378-soft-hyphen-fallback.html 476378-soft-hyphen-fallback-ref.html
+# Test for bug 484954
+== rgba-text.html rgba-text-ref.html
+# Test for bug 575695, 'kern' table support
+!= kerning-01.html kerning-01-notref.html
+# Test for bug 577380, support for AAT layout (on OS X only)
+random-if(!cocoaWidget) == 577380.html 577380-ref.html
+# Test for OpenType Arabic shaping support
+== arabic-shaping-1.html arabic-shaping-1-ref.html
+# check ligature in Arial Bold on Windows, for bug 644184; may fail on other platforms depending on fonts
+random-if(!winWidget) == arial-bold-lam-alef-1.html arial-bold-lam-alef-1-ref.html
+# Fallback (presentation-forms) shaping with a font that lacks GSUB/GPOS
+== arabic-fallback-1.html arabic-fallback-1-ref.html
+== arabic-fallback-2.html arabic-fallback-2-ref.html
+== arabic-fallback-3.html arabic-fallback-3-ref.html
+== arabic-fallback-4.html arabic-fallback-4-ref.html
+== arabic-marks-1.html arabic-marks-1-ref.html
+== arabic-final-ligature-spacing.html arabic-final-ligature-spacing-ref.html
+# harfbuzz fallback mark stacking in the absence of GPOS:
+!= fallback-mark-stacking-1.html fallback-mark-stacking-1-notref.html
+
+== 726392-1.html 726392-1-ref.html
+== 726392-2.html 726392-2-ref.html
+== 726392-3.html 726392-3-ref.html
+== 745555-1.html 745555-1-ref.html
+== 745555-2.html 745555-2-ref.html
+== 820255.html 820255-ref.html
+!= 1170688.html 1170688-ref.html
+== 1320665-cmap-format-13.html 1320665-cmap-format-13-ref.html # see bug 1320665 comments 8-9
+== 1331339-script-extensions-shaping-1.html 1331339-script-extensions-shaping-1-ref.html
+skip-if(!cocoaWidget) != 1349308-1.html 1349308-notref.html # macOS-specific test for -apple-system glyph metrics
+fuzzy-if(Android,0-128,0-233) == 1463020-letter-spacing-text-transform-1.html 1463020-letter-spacing-text-transform-1-ref.html
+fails-if(Android) == 1463020-letter-spacing-text-transform-2.html 1463020-letter-spacing-text-transform-2-ref.html # missing font coverage on Android
+pref(intl.icu4x.segmenter.enabled,false) == 1507661-spurious-hyphenation-after-explicit.html 1507661-spurious-hyphenation-after-explicit-ref.html
+fuzzy-if(useDrawSnapshot,255-255,50-50) == 1522857-1.html 1522857-1-ref.html # antialiasing fuzz in non-webrender cases
+!= 1637405-pua-shaping-1.html 1637405-pua-shaping-1-notref.html
+fuzzy-if(useDrawSnapshot,255-255,50-50) == 1655364-1.html 1655364-1-ref.html
+== 1670581-1.html 1670581-1-ref.html
+== 1673098-1.html 1673098-1-ref.html
+
+# ensure emoji chars don't render blank (bug 715798, bug 779042);
+# should at least render hexboxes if there's no font support
+random-if(geckoview) != emoji-01.html emoji-01-notref.html
+!= emoji-02.html emoji-02-notref.html
+
+# Bug 727276: tests with variation selectors 15 and 16 to control emoji rendering style
+== emoji-03.html emoji-03-ref.html
+# the next two will fail on OS X 10.6 because no color emoji font is present,
+# and also on Android platforms until we have color emoji fonts there.
+# Tests rely on bundled Twemoji Mozilla to pass on Windows <8.1 and Linux.
+!= emoji-03.html emoji-03-notref.html
+== emoji-04.html emoji-04-ref.html
+!= emoji-05.html emoji-05-notref.html
+
+# check that Graphite shaping (bug 631479) is working
+pref(gfx.font_rendering.graphite.enabled,true) == graphite-01.html graphite-01-ref.html
+# Test 02 (using Pig Latin) is fuzzy on Win7 because glyph positioning is not guaranteed to match exactly
+# between a sequence of simple glyphs rendered individually, and the same sequence treated as a single cluster.
+fuzzy-if(winWidget,0-49,0-220) pref(gfx.font_rendering.graphite.enabled,true) == graphite-02.html graphite-02-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) != graphite-03a.html graphite-03-notref.html
+pref(gfx.font_rendering.graphite.enabled,true) != graphite-03b.html graphite-03-notref.html
+pref(gfx.font_rendering.graphite.enabled,false) != graphite-01.html graphite-01-ref.html
+pref(gfx.font_rendering.graphite.enabled,false) != graphite-02.html graphite-02-ref.html
+# test 03a (lang setting in Padauk font) now works in opentype/harfbuzz as well
+pref(gfx.font_rendering.graphite.enabled,false) != graphite-03a.html graphite-03-notref.html
+pref(gfx.font_rendering.graphite.enabled,false) == graphite-03b.html graphite-03-notref.html
+
+# tests for graphite rendering with valid and invalid lang tags
+pref(gfx.font_rendering.graphite.enabled,true) == graphite-04-fa.html graphite-04-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) != graphite-04-sd.html graphite-04-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) == graphite-04-snd.html graphite-04-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) != graphite-04-ur.html graphite-04-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) == graphite-04-urd.html graphite-04-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) != graphite-04-sd.html graphite-04-ur.html
+
+# tests to compare graphite to opentype (will trivially pass when graphite not enabled)
+== graphite-05-ot-only.html graphite-05-ref.html
+!= graphite-05-ot-only.html graphite-05-fail.html
+== graphite-05-simple.html graphite-05-ref.html
+== graphite-05-multipass.html graphite-05-ref.html
+== graphite-05-lang.html graphite-05-ref.html
+== graphite-05-badlang.html graphite-05-ref.html
+== graphite-05-feat.html graphite-05-ref.html
+
+# comparing composed and decomposed characters that should render identically
+# under both OpenType and Graphite shaping
+pref(gfx.font_rendering.graphite.enabled,false) == glyph-decomposition-opentype.html glyph-decomposition-opentype-ref.html
+pref(gfx.font_rendering.graphite.enabled,true) == glyph-decomposition-graphite.html glyph-decomposition-graphite-ref.html
+
+# test for bidi bug in graphite 1.3.2, fixed in 1.3.3 (bug 1207061)
+== graphite-bidi-1.html graphite-bidi-1-ref.html
+
+== graphite-surrogate-selection.html graphite-surrogate-selection-ref.html
+
+# Tests for hyphenation with hyphens property
+== auto-hyphenation-1.html auto-hyphenation-1-ref.html
+!= auto-hyphenation-1.html auto-hyphenation-1-notref.html
+== auto-hyphenation-1a.html auto-hyphenation-1-ref.html
+== auto-hyphenation-2.html auto-hyphenation-2-ref.html
+== auto-hyphenation-3.html auto-hyphenation-3-ref.html
+== auto-hyphenation-4.html auto-hyphenation-4-ref.html
+== auto-hyphenation-5.html auto-hyphenation-5-ref.html
+== auto-hyphenation-6.html auto-hyphenation-6-ref.html
+== auto-hyphenation-7.html auto-hyphenation-7-ref.html
+== auto-hyphenation-8.html auto-hyphenation-8-ref.html
+== auto-hyphenation-9.html auto-hyphenation-9-ref.html
+== auto-hyphenation-10.html auto-hyphenation-10-ref.html
+== auto-hyphenation-xmllang-1.xhtml auto-hyphenation-1-ref.html
+!= auto-hyphenation-xmllang-1.xhtml auto-hyphenation-1-notref.html
+== auto-hyphenation-xmllang-1a.xhtml auto-hyphenation-1-ref.html
+== auto-hyphenation-xmllang-2.xhtml auto-hyphenation-2-ref.html
+== auto-hyphenation-xmllang-3.xhtml auto-hyphenation-3-ref.html
+== auto-hyphenation-xmllang-4.xhtml auto-hyphenation-4-ref.html
+== auto-hyphenation-xmllang-5.xhtml auto-hyphenation-5-ref.html
+== auto-hyphenation-xmllang-6.xhtml auto-hyphenation-6-ref.html
+== auto-hyphenation-xmllang-7.xhtml auto-hyphenation-7-ref.html
+== auto-hyphenation-xmllang-8.xhtml auto-hyphenation-8-ref.html
+== auto-hyphenation-xmllang-9.xhtml auto-hyphenation-9-ref.html
+== auto-hyphenation-xmllang-10.xhtml auto-hyphenation-10-ref.html
+== auto-hyphenation-xmllang-11a.xhtml auto-hyphenation-1-ref.html
+== auto-hyphenation-xmllang-11b.xhtml auto-hyphenation-1-ref.html
+== auto-hyphenation-xmllang-12a.xhtml auto-hyphenation-4-ref.html
+== auto-hyphenation-xmllang-12b.xhtml auto-hyphenation-4-ref.html
+== auto-hyphenation-xmllang-13a.xhtml auto-hyphenation-1-ref.html
+== auto-hyphenation-xmllang-13b.xhtml auto-hyphenation-1-ref.html
+== auto-hyphenation-xmllang-14a.xhtml auto-hyphenation-4-ref.html
+== auto-hyphenation-xmllang-14b.xhtml auto-hyphenation-4-ref.html
+== auto-hyphenation-af-1.html auto-hyphenation-af-1-ref.html
+== auto-hyphenation-bg-1.html auto-hyphenation-bg-1-ref.html
+== auto-hyphenation-ca-1.html auto-hyphenation-ca-1-ref.html
+== auto-hyphenation-cy-1.html auto-hyphenation-cy-1-ref.html
+== auto-hyphenation-da-1.html auto-hyphenation-da-1-ref.html
+== auto-hyphenation-de-1901-1.html auto-hyphenation-de-1901-1-ref.html
+== auto-hyphenation-de-1996-1.html auto-hyphenation-de-1996-1-ref.html
+!= auto-hyphenation-de-1901-1.html auto-hyphenation-de-1996-1.html
+== auto-hyphenation-de-ch-1.html auto-hyphenation-de-ch-1-ref.html
+== auto-hyphenation-eo-1.html auto-hyphenation-eo-1-ref.html
+== auto-hyphenation-es-1.html auto-hyphenation-es-1-ref.html
+== auto-hyphenation-et-1.html auto-hyphenation-et-1-ref.html
+== auto-hyphenation-fi-1.html auto-hyphenation-fi-1-ref.html
+== auto-hyphenation-fr-1.html auto-hyphenation-fr-1-ref.html
+== auto-hyphenation-gl-1.html auto-hyphenation-gl-1-ref.html
+== auto-hyphenation-hr-1.html auto-hyphenation-hr-1-ref.html
+== auto-hyphenation-hsb-1.html auto-hyphenation-hsb-1-ref.html
+== auto-hyphenation-hu-1.html auto-hyphenation-hu-1-ref.html
+== auto-hyphenation-ia-1.html auto-hyphenation-ia-1-ref.html
+== auto-hyphenation-is-1.html auto-hyphenation-is-1-ref.html
+== auto-hyphenation-it-1.html auto-hyphenation-it-1-ref.html
+== auto-hyphenation-kmr-1.html auto-hyphenation-kmr-1-ref.html
+== auto-hyphenation-la-1.html auto-hyphenation-la-1-ref.html
+== auto-hyphenation-lt-1.html auto-hyphenation-lt-1-ref.html
+== auto-hyphenation-mn-1.html auto-hyphenation-mn-1-ref.html
+== auto-hyphenation-nb-1.html auto-hyphenation-nb-1-ref.html
+== auto-hyphenation-nl-1.html auto-hyphenation-nl-1-ref.html
+== auto-hyphenation-nn-1.html auto-hyphenation-nn-1-ref.html
+== auto-hyphenation-pl-1.html auto-hyphenation-pl-1-ref.html
+== auto-hyphenation-pt-1.html auto-hyphenation-pt-1-ref.html
+== auto-hyphenation-ru-1.html auto-hyphenation-ru-1-ref.html
+== auto-hyphenation-sh-1.html auto-hyphenation-sh-1-ref.html
+== auto-hyphenation-sl-1.html auto-hyphenation-sl-1-ref.html
+== auto-hyphenation-sr-1.html auto-hyphenation-sr-1-ref.html
+== auto-hyphenation-sv-1.html auto-hyphenation-sv-1-ref.html # test swedish patterns
+!= auto-hyphenation-sv-1.html auto-hyphenation-sv-1-notref.html # verify swedish != english
+== auto-hyphenation-tr-1.html auto-hyphenation-tr-1-ref.html
+== auto-hyphenation-uk-1.html auto-hyphenation-uk-1-ref.html
+
+== auto-hyphenation-bn-1.html auto-hyphenation-bn-1-ref.html
+== auto-hyphenation-gu-1.html auto-hyphenation-gu-1-ref.html
+== auto-hyphenation-hi-1.html auto-hyphenation-hi-1-ref.html
+== auto-hyphenation-kn-1.html auto-hyphenation-kn-1-ref.html
+== auto-hyphenation-ml-1.html auto-hyphenation-ml-1-ref.html
+== auto-hyphenation-pa-1.html auto-hyphenation-pa-1-ref.html
+== auto-hyphenation-ta-1.html auto-hyphenation-ta-1-ref.html
+== auto-hyphenation-te-1.html auto-hyphenation-te-1-ref.html
+
+== auto-hyphenation-transformed-1.html auto-hyphenation-transformed-1-ref.html
+
+== hyphenation-caps-1.html hyphenation-caps-1-ref.html
+
+== hyphenation-control-1.html hyphenation-control-1-ref.html
+== hyphenation-control-2.html hyphenation-control-2-ref.html
+== hyphenation-control-3.html hyphenation-control-3-ref.html
+== hyphenation-control-4.html hyphenation-control-4-ref.html
+fuzzy-if(Android,0-64,0-18) fuzzy-if(winWidget,0-56,0-6) == hyphenation-control-5.html hyphenation-control-5-ref.html
+== hyphenation-control-6.html hyphenation-control-6-ref.html
+== hyphenation-control-7.html hyphenation-control-7-ref.html
+
+# osx-font-smoothing - with and without subpixel AA, only under OSX
+fails-if(!cocoaWidget) != osx-font-smoothing.html osx-font-smoothing-ref.html
+fails-if(!cocoaWidget) != osx-font-smoothing-2.html osx-font-smoothing-2-notref.html
+== osx-font-smoothing-2.html osx-font-smoothing-2-ref.html
+
+# stray control chars should be visible by default, bug 1099557
+pref(layout.css.moz-control-character-visibility.enabled,true) != control-chars-01a.html control-chars-01-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) != control-chars-01b.html control-chars-01-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) != control-chars-01c.html control-chars-01-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) != control-chars-01d.html control-chars-01-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) != control-chars-02.html control-chars-02-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) == control-chars-03a.html control-chars-03-ref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) == control-chars-03b.html control-chars-03-ref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) pref(layout.css.control-characters.visible,true) != control-chars-04a.html control-chars-04-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) pref(layout.css.control-characters.visible,true) != control-chars-04b.html control-chars-04-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) pref(layout.css.control-characters.visible,true) != control-chars-04c.html control-chars-04-notref.html
+pref(layout.css.moz-control-character-visibility.enabled,true) pref(layout.css.control-characters.visible,true) != control-chars-04d.html control-chars-04-notref.html
+
+# font fallback for <space> when not supported in the primary font family - bug 970891
+== space-font-1.html space-font-1-ref.html
+
+# handling of highly negative letter-spacing and intrinsic width
+== negative-letter-spacing-1.html negative-letter-spacing-1-ref.html
+== segment-break-transformation-1.html segment-break-transformation-1-ref.html
+
+# color glyphs, opacity, and RTL runs - bug 1318539
+== color-opacity-rtl-1.html color-opacity-rtl-1-ref.html
+fuzzy-if(cocoaWidget,0-1,0-1421) == color-opacity-rtl-2.html color-opacity-rtl-2-ref.html
+
+== letter-spacing-nolig-1.html letter-spacing-nolig-1-ref.html
+== letter-spacing-nolig-2.html letter-spacing-nolig-2.html
+
+pref(intl.icu4x.segmenter.enabled,false) == ethiopic-wordspace.html ethiopic-wordspace-ref.html
+
+# sub and sup elements should be influenced by their container's line-height - bug 1524897
+== sub-sup-and-line-height.html sub-sup-and-line-height-ref.html
+
+# Basic rendering tests for the (nonstandard/compatibility) -webkit-text-security property.
+== webkit-text-security-1.html?test#none   webkit-text-security-1.html?ref#none
+!= webkit-text-security-1.html?test#none   webkit-text-security-1.html?ref#square
+== webkit-text-security-1.html?test#circle webkit-text-security-1.html?ref#circle
+== webkit-text-security-1.html?test#disc   webkit-text-security-1.html?ref#disc
+== webkit-text-security-1.html?test#square webkit-text-security-1.html?ref#square
+!= webkit-text-security-1.html?test#circle webkit-text-security-1.html?ref#square
+# Exact matching to a reference is trickier for these, but we can mismatch-test that the property has an effect.
+!= webkit-text-security-2.html?circle webkit-text-security-2.html?none
+!= webkit-text-security-2.html?disc   webkit-text-security-2.html?circle
+!= webkit-text-security-2.html?square webkit-text-security-2.html?circle
+!= webkit-text-security-3.html?circle webkit-text-security-3.html?none
+!= webkit-text-security-3.html?disc   webkit-text-security-3.html?circle
+!= webkit-text-security-3.html?square webkit-text-security-3.html?circle
+!= webkit-text-security-4.html?circle webkit-text-security-4.html?none
+!= webkit-text-security-4.html?disc   webkit-text-security-4.html?circle
+!= webkit-text-security-4.html?square webkit-text-security-4.html?circle
+!= webkit-text-security-5.html?circle webkit-text-security-5.html?none
+!= webkit-text-security-5.html?disc   webkit-text-security-5.html?circle
+!= webkit-text-security-5.html?square webkit-text-security-5.html?circle
+
+# Reset default prefs.
+defaults
diff --git a/layout/reftests/text/rgba-text-ref.html b/layout/reftests/text/rgba-text-ref.html
new file mode 100644
index 0000000000..8bf7036eb5
--- /dev/null
+++ b/layout/reftests/text/rgba-text-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background: #000">
+	<!-- A regular old red box -->
+	<div style="background: red; position:absolute; top:30px; left:0px; padding:50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/text/rgba-text.html b/layout/reftests/text/rgba-text.html
new file mode 100644
index 0000000000..a482ed76ee
--- /dev/null
+++ b/layout/reftests/text/rgba-text.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background: #000">
+	<div style="color: rgba(255, 255, 255, 0.2); font-size:48px;">_</div>
+	<!-- the red box should totally obscure the drawn portion of the text
+	     however if the text is painted as a box instead of an underscore it
+	     will show above the top of the red box.
+	     This test would have caught bug 484954
+	     -->
+	<div style="background: red; position:absolute; top:30px; left:0px; padding:50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/text/segment-break-transformation-1-ref.html b/layout/reftests/text/segment-break-transformation-1-ref.html
new file mode 100644
index 0000000000..824fd97065
--- /dev/null
+++ b/layout/reftests/text/segment-break-transformation-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style type="text/css">
+div { border:1px solid black; }
+b { font-weight:normal; background-color:yellow; font-size: 16px; line-height: 16px;}
+</style>
+</head>
+<body>
+<div>
+<p><b><span>&#x65b7;&#x884c;&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;<br>
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;<br>
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;<br>
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span>Hello Kitty</span></b>
+<p><b><span>HelloKitty</span></b>
+<p><b><span>HelloKitty</span></b>
+<p><b><span>HelloKitty</span></b>
+<!-- test surrogates handling -->
+<p><b><span>&#x20000;&#x20001;&#x20002;&#x20003;</span></b>
+<p><b><span>&#x20000;&#x6e2c;&#x20002;&#x20003;</span></b>
+<p><b><span>&#x20000;&#x20001;&#x6e2c;&#x20003;</span></b>
+<!-- test emoji handling -->
+<p><b><span>&#x65b7;&#x1f600; &#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c; &#x1f601;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x1f600; &#x1f601;&#x8a66;</span></b>
+<p><b><span>Hello&#x1f600; &#x1f601;Kitty</span></b>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/segment-break-transformation-1.html b/layout/reftests/text/segment-break-transformation-1.html
new file mode 100644
index 0000000000..a11ba6b1c1
--- /dev/null
+++ b/layout/reftests/text/segment-break-transformation-1.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<style type="text/css">
+div { border:1px solid black; }
+b { font-weight:normal; background-color:yellow; font-size: 16px; line-height: 16px;}
+.nowrap { white-space:nowrap; }
+.pre { white-space:pre; }
+.prewrap { white-space:pre-wrap; }
+.preline { white-space:pre-line; }
+</style>
+</head>
+<body>
+<div>
+<p><b><span>&#x65b7;&#x884c;
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;&#x200B;
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;
+&#x200B;&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;&#x200B;
+&#x200B;&#x6e2c;&#x8a66;</span></b>
+<p><b><span class="nowrap">&#x65b7;&#x884c;
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span class="pre">&#x65b7;&#x884c;
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span class="prewrap">&#x65b7;&#x884c;
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span class="preline">&#x65b7;&#x884c;
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span>Hello
+Kitty</span></b>
+<p><b><span>Hello&#x200B;
+Kitty</span></b>
+<p><b><span>Hello
+&#x200B;Kitty</span></b>
+<p><b><span>Hello&#x200B;
+&#x200B;Kitty</span></b>
+<!-- test surrogates handling -->
+<p><b><span>&#x20000;&#x20001;
+&#x20002;&#x20003;</span></b>
+<p><b><span>&#x20000;&#x6e2c;
+&#x20002;&#x20003;</span></b>
+<p><b><span>&#x20000;&#x20001;
+&#x6e2c;&#x20003;</span></b>
+<!-- test emoji handling -->
+<p><b><span>&#x65b7;&#x1f600;
+&#x6e2c;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x884c;
+&#x1f601;&#x8a66;</span></b>
+<p><b><span>&#x65b7;&#x1f600;
+&#x1f601;&#x8a66;</span></b>
+<p><b><span>Hello&#x1f600;
+&#x1f601;Kitty</span></b>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphen-in-table-1-notref.html b/layout/reftests/text/soft-hyphen-in-table-1-notref.html
new file mode 100644
index 0000000000..d22c20da29
--- /dev/null
+++ b/layout/reftests/text/soft-hyphen-in-table-1-notref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+table {
+  border: 1px solid red;
+}
+</style>
+</head>
+
+<body>
+
+<table>
+<tr><td style="width:10em">supercalifragilisticexpialidocious</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphen-in-table-1-ref.html b/layout/reftests/text/soft-hyphen-in-table-1-ref.html
new file mode 100644
index 0000000000..905c9db3f5
--- /dev/null
+++ b/layout/reftests/text/soft-hyphen-in-table-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+table {
+  border: 1px solid red;
+}
+</style>
+</head>
+
+<body>
+
+<table>
+<tr><td style="width:10em">supercalifragilistic- expialidocious</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphen-in-table-1.html b/layout/reftests/text/soft-hyphen-in-table-1.html
new file mode 100644
index 0000000000..530a674b92
--- /dev/null
+++ b/layout/reftests/text/soft-hyphen-in-table-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+table {
+  border: 1px solid red;
+}
+</style>
+</head>
+
+<body>
+
+<table>
+<tr><td style="width:10em">supercalifragilistic&shy;expialidocious</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphen-in-table-2-ref.html b/layout/reftests/text/soft-hyphen-in-table-2-ref.html
new file mode 100644
index 0000000000..3e8ec5f985
--- /dev/null
+++ b/layout/reftests/text/soft-hyphen-in-table-2-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+table {
+  border: 1px solid red;
+}
+</style>
+</head>
+
+<body>
+
+<table>
+<tr><td style="width:1em">supercalifragilistic- expialidocious</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphen-in-table-2.html b/layout/reftests/text/soft-hyphen-in-table-2.html
new file mode 100644
index 0000000000..00de48b5ea
--- /dev/null
+++ b/layout/reftests/text/soft-hyphen-in-table-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style type="text/css">
+table {
+  border: 1px solid red;
+}
+</style>
+</head>
+
+<body>
+
+<table>
+<tr><td style="width:1em">supercalifragilistic&shy;expialidocious</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-1-ref.html b/layout/reftests/text/soft-hyphens-1-ref.html
new file mode 100644
index 0000000000..b405be7cfb
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div>
+<p>Hy-<br>phen.
+<p>Hy-<br>phen.
+<p>Hy-<br>phen.
+<p>Hy-<br>phen.
+<p>Hy-<br>phen.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-1a.html b/layout/reftests/text/soft-hyphens-1a.html
new file mode 100644
index 0000000000..9f6decdb54
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-1a.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div style="width:0;">
+<p>Hy&shy;phen.
+<p><span>H</span>y&shy;phen.
+<p><span>Hy</span>&shy;phen.
+<p><span>Hy&shy;</span>phen.
+<p><span>Hy&shy;p</span>hen.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-1b.html b/layout/reftests/text/soft-hyphens-1b.html
new file mode 100644
index 0000000000..eb537773ae
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-1b.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div style="width:0;">
+<p>Hy&shy;&shy;phen.
+<p><span>Hy</span>&shy;&shy;phen.
+<p><span>Hy&shy;</span>&shy;phen.
+<p><span>Hy&shy;&shy;</span>phen.
+<p><span>Hy&shy;&shy;p</span>hen.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-1c.html b/layout/reftests/text/soft-hyphens-1c.html
new file mode 100644
index 0000000000..dad1766341
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-1c.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div style="width:0;">
+<p><span>H</span><span>y&shy;phen</span>.
+<p><span>Hy</span><span>&shy;phen</span>.
+<p><span>Hy</span>&shy;<span>phen</span>.
+<p><span>Hy&shy;</span><span>phen</span>.
+<p><span>Hy&shy;p</span><span>hen</span>.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-break-word-1-ref.html b/layout/reftests/text/soft-hyphens-break-word-1-ref.html
new file mode 100644
index 0000000000..e33081021e
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-break-word-1-ref.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div>
+<p>H<br>y-<br>p<br>h<br>e<br>n<br>.
+<p>H<br>y-<br>p<br>h<br>e<br>n<br>.
+<p>H<br>y-<br>p<br>h<br>e<br>n<br>.
+<p>H<br>y-<br>p<br>h<br>e<br>n<br>.
+<p>H<br>y-<br>p<br>h<br>e<br>n<br>.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-break-word-1a.html b/layout/reftests/text/soft-hyphens-break-word-1a.html
new file mode 100644
index 0000000000..fd5a8099b3
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-break-word-1a.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div style="width:0; word-wrap:break-word;">
+<p>Hy&shy;phen.
+<p><span>H</span>y&shy;phen.
+<p><span>Hy</span>&shy;phen.
+<p><span>Hy&shy;</span>phen.
+<p><span>Hy&shy;p</span>hen.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-break-word-1b.html b/layout/reftests/text/soft-hyphens-break-word-1b.html
new file mode 100644
index 0000000000..74d58cc6a2
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-break-word-1b.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div style="width:0; word-wrap:break-word;">
+<p>Hy&shy;&shy;phen.
+<p><span>Hy</span>&shy;&shy;phen.
+<p><span>Hy&shy;</span>&shy;phen.
+<p><span>Hy&shy;&shy;</span>phen.
+<p><span>Hy&shy;&shy;p</span>hen.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/soft-hyphens-break-word-1c.html b/layout/reftests/text/soft-hyphens-break-word-1c.html
new file mode 100644
index 0000000000..130f0c26b1
--- /dev/null
+++ b/layout/reftests/text/soft-hyphens-break-word-1c.html
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<div style="width:0; word-wrap:break-word;">
+<p><span>H</span><span>y&shy;phen</span>.
+<p><span>Hy</span><span>&shy;phen</span>.
+<p><span>Hy</span>&shy;<span>phen</span>.
+<p><span>Hy&shy;</span><span>phen</span>.
+<p><span>Hy&shy;p</span><span>hen</span>.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/space-font-1-ref.html b/layout/reftests/text/space-font-1-ref.html
new file mode 100644
index 0000000000..9d92b95a35
--- /dev/null
+++ b/layout/reftests/text/space-font-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 970891</title>
+  <style type="text/css">
+    @font-face {
+      font-family: "test";
+      src: url(../fonts/markA-nospace.ttf);
+    }
+    div {
+      font-family: test, monospace;
+      font-size: 16px;
+      line-height: 32px;
+    }
+    span {
+      font-family: monospace;
+    }
+  </style>
+</head>
+
+<body>
+  <div><b>A</b><span> </span><b>A</b><span> </span><i>A</i><span> </span><i>A</i></div>
+</body>
+
+</html>
diff --git a/layout/reftests/text/space-font-1.html b/layout/reftests/text/space-font-1.html
new file mode 100644
index 0000000000..e7cbd02271
--- /dev/null
+++ b/layout/reftests/text/space-font-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 970891</title>
+  <style type="text/css">
+    @font-face {
+      font-family: "test";
+      src: url(../fonts/markA-nospace.ttf);
+    }
+    div {
+      font-family: test, monospace;
+      font-size: 16px;
+      line-height: 32px;
+    }
+    span {
+      font-family: monospace;
+    }
+  </style>
+</head>
+
+<body>
+  <!-- markA-nospace does not have a glyph for the <space> character,
+       so the spaces should fall back to 'monospace'. -->
+  <div><b>A</b> <b>A</b> <i>A</i> <i>A</i><span>&nbsp;</span></div>
+</body>
+
+</html>
diff --git a/layout/reftests/text/sub-sup-and-line-height-ref.html b/layout/reftests/text/sub-sup-and-line-height-ref.html
new file mode 100644
index 0000000000..168159b2a6
--- /dev/null
+++ b/layout/reftests/text/sub-sup-and-line-height-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <style>
+      p { line-height: 44px; }
+      sub, sup { vertical-align: top; }
+    </style>
+  </head>
+  <body>
+    <p>Test<sup style="line-height: inherit">Test</sup><sub style="line-height: inherit">Test</sub></p>
+  </body>
+</html>
+
+
diff --git a/layout/reftests/text/sub-sup-and-line-height.html b/layout/reftests/text/sub-sup-and-line-height.html
new file mode 100644
index 0000000000..2931246e79
--- /dev/null
+++ b/layout/reftests/text/sub-sup-and-line-height.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <style>
+      p { line-height: 44px; }
+      sub, sup { vertical-align: top; }
+    </style>
+  </head>
+  <body>
+    <p>Test<sup>Test</sup><sub>Test</sub></p>
+  </body>
+</html>
+
diff --git a/layout/reftests/text/subpixel-glyphs-x-1a.html b/layout/reftests/text/subpixel-glyphs-x-1a.html
new file mode 100644
index 0000000000..8d51b1c9d3
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-x-1a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 13px;
+          }
+          div {
+             border: none;
+             padding: 0px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:9.6px">
+    <div style="font-family: DejaVu Sans, Tahoma, sans-serif">
+      oxoxoxoxoxoxox
+    </div>
+    <div style="font-family: DejaVu Sans, sans-serif">
+      rnrnrnrnrnrnrn
+    </div>
+    <div style="font-family: Tahoma, sans-serif">
+      zezezezezezeze
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-glyphs-x-1b.html b/layout/reftests/text/subpixel-glyphs-x-1b.html
new file mode 100644
index 0000000000..504a51ccb8
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-x-1b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 13px;
+          }
+          div {
+             border: none;
+             padding: 0px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:10.4px">
+    <div style="font-family: DejaVu Sans, Tahoma, sans-serif">
+      oxoxoxoxoxoxox
+    </div>
+    <div style="font-family: DejaVu Sans, sans-serif">
+      rnrnrnrnrnrnrn
+    </div>
+    <div style="font-family: Tahoma, sans-serif">
+      zezezezezezeze
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-glyphs-x-2a.html b/layout/reftests/text/subpixel-glyphs-x-2a.html
new file mode 100644
index 0000000000..cfa0f7b896
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-x-2a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 13px;
+          }
+          div {
+             border: none;
+             padding: 0px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:9.6px">
+    o
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-glyphs-x-2b.html b/layout/reftests/text/subpixel-glyphs-x-2b.html
new file mode 100644
index 0000000000..e79312b118
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-x-2b.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 13px;
+          }
+          div {
+             border: none;
+             padding: 0px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:10.4px">
+    o
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-glyphs-x-3a.html b/layout/reftests/text/subpixel-glyphs-x-3a.html
new file mode 100644
index 0000000000..34f8368d21
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-x-3a.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <title>Test for consistent kerning, bug 716402</title>
+        <style type="text/css">
+          @font-face {
+            font-family: mplus;
+            src: url(../fonts/mplus/mplus-1p-regular-no-OT.ttf);
+            /* a copy of M+ with OpenType tables removed,
+               so only legacy 'kern' is present */
+          }
+          body {
+             text-rendering: optimizeLegibility;
+             font-family: mplus;
+             font-size: 15px;
+             background: white;
+             color: black;
+          }
+          .right {
+             text-align: right;
+          }
+        </style>
+</head>
+<body>
+  <div>
+    AVAV
+  </div>
+  <div class="right">
+    AVAV
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-glyphs-x-3b.html b/layout/reftests/text/subpixel-glyphs-x-3b.html
new file mode 100644
index 0000000000..83b5aa34db
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-x-3b.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <title>Reference for consistent kerning, bug 716402</title>
+        <style type="text/css">
+          @font-face {
+            font-family: mplus;
+            src: url(../fonts/mplus/mplus-1p-regular-no-OT.ttf);
+            /* a copy of M+ with OpenType tables removed,
+               so only legacy 'kern' is present */
+          }
+          body {
+             text-rendering: optimizeLegibility;
+             font-family: mplus;
+             font-size: 15px;
+             background: white;
+             color: black;
+          }
+          .right {
+             text-align: right;
+          }
+          span {
+             color: white;
+          }
+        </style>
+</head>
+<body>
+  <div>
+    AVAV<span>AV</span>
+  </div>
+  <div class="right">
+    <span>AV</span>AVAV
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-glyphs-y-1a.html b/layout/reftests/text/subpixel-glyphs-y-1a.html
new file mode 100644
index 0000000000..3f55015f03
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-y-1a.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 14.5px;
+          }
+          div, span {
+             border: none;
+             padding: 0px;
+          }
+          span {
+             /* Offset the baseline by an integer number of pixels */
+             display: inline-block;
+             vertical-align: baseline;
+             height: 30px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:10px; top:9.6px; font-family: sans-serif">
+    e&#x306;&#x327;<span></span>
+  </div>
+  <div style="position:fixed; left:100px; top:9.6px; font-family: serif">
+    e&#x306;&#x327;<span></span>
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-glyphs-y-1b.html b/layout/reftests/text/subpixel-glyphs-y-1b.html
new file mode 100644
index 0000000000..696efb26b3
--- /dev/null
+++ b/layout/reftests/text/subpixel-glyphs-y-1b.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 14.5px;
+          }
+          div, span {
+             border: none;
+             padding: 0px;
+          }
+          span {
+             /* Offset the baseline by an integer number of pixels */
+             display: inline-block;
+             vertical-align: baseline;
+             height: 30px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:10px; top:10.4px; font-family: sans-serif">
+    e&#x306;&#x327<span></span>
+  </div>
+  <div style="position:fixed; left:100px; top:10.4px; font-family: serif">
+    e&#x306;&#x327<span></span>
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-lineheight-1a.html b/layout/reftests/text/subpixel-lineheight-1a.html
new file mode 100644
index 0000000000..4bd857beba
--- /dev/null
+++ b/layout/reftests/text/subpixel-lineheight-1a.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 14.5px;
+          }
+          div, span {
+             border: none;
+             padding: 0px;
+          }
+          span {
+             /* Offset the baseline by an integer number of pixels */
+             display: inline-block;
+             vertical-align: baseline;
+             height: 30px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:10px; top:9.6px; font-family: sans-serif">
+    e<span></span><br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+  </div>
+  <div style="position:fixed; left:100px; top:9.6px; font-family: serif">
+    e<span></span><br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+  </div>
+</body>
diff --git a/layout/reftests/text/subpixel-lineheight-1b.html b/layout/reftests/text/subpixel-lineheight-1b.html
new file mode 100644
index 0000000000..a9c67093f3
--- /dev/null
+++ b/layout/reftests/text/subpixel-lineheight-1b.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta http-equiv="Content-Style-Type" content="text/css">
+        <style type="text/css">
+          body {
+             text-rendering: optimizeLegibility;
+             font-size: 14.5px;
+          }
+          div, span {
+             border: none;
+             padding: 0px;
+          }
+          span {
+             /* Offset the baseline by an integer number of pixels */
+             display: inline-block;
+             vertical-align: baseline;
+             height: 30px;
+          }
+        </style>
+</head>
+<body>
+  <div style="position:fixed; left:10px; top:10.4px; font-family: sans-serif">
+    e<span></span><br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+  </div>
+  <div style="position:fixed; left:100px; top:10.4px; font-family: serif">
+    e<span></span><br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+    e<br>
+  </div>
+</body>
diff --git a/layout/reftests/text/swash-1-ref.html b/layout/reftests/text/swash-1-ref.html
new file mode 100644
index 0000000000..ee4c636baa
--- /dev/null
+++ b/layout/reftests/text/swash-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<head></head>
+<body style="font-family: 'Hoefler Text'; font-size: 200%;">
+<p><span style="font-style: italic;">Free<span style="color: transparent;">$</span></span></p>
+</body>
+</html>
diff --git a/layout/reftests/text/swash-1.html b/layout/reftests/text/swash-1.html
new file mode 100644
index 0000000000..5318840395
--- /dev/null
+++ b/layout/reftests/text/swash-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<head></head>
+<body style="font-family: 'Hoefler Text'; font-size: 200%;">
+<p><span style="font-style: italic;">Free<span style="font-size: 0;">$</span></span></p>
+</body>
+</html>
diff --git a/layout/reftests/text/synthetic-bold-metrics-01-notref.html b/layout/reftests/text/synthetic-bold-metrics-01-notref.html
new file mode 100644
index 0000000000..47964e6f09
--- /dev/null
+++ b/layout/reftests/text/synthetic-bold-metrics-01-notref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+
+p {
+  font: 32px dejavu; /* family with only a single weight */
+}
+
+.test {
+  color: white; /* hide the text, we're only comparing metrics */
+}
+</style>
+</head>
+<body>
+<p>AbcdefghijklmnopqrstuvwxyZ</p>
+<p>A<span class="test">bcdefghijklmnopqrstuvwxy</span>Z</p>
+</body>
+</html>
diff --git a/layout/reftests/text/synthetic-bold-metrics-01.html b/layout/reftests/text/synthetic-bold-metrics-01.html
new file mode 100644
index 0000000000..a5331b5216
--- /dev/null
+++ b/layout/reftests/text/synthetic-bold-metrics-01.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+}
+
+p {
+  font: 32px dejavu; /* family with only a single weight */
+}
+
+.test {
+  color: white; /* hide the text, we're only comparing metrics */
+  font-weight: bold; /* synthetic bold will be used */
+}
+</style>
+</head>
+<body>
+<p>AbcdefghijklmnopqrstuvwxyZ</p>
+<!-- the "test" span here uses synthetic bold, which should cause the following
+     'Z' to appear further to the right -->
+<p>A<span class="test">bcdefghijklmnopqrstuvwxy</span>Z</p>
+</body>
+</html>
diff --git a/layout/reftests/text/synthetic-bold-papyrus-01-ref.html b/layout/reftests/text/synthetic-bold-papyrus-01-ref.html
new file mode 100644
index 0000000000..38c7dbc38d
--- /dev/null
+++ b/layout/reftests/text/synthetic-bold-papyrus-01-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+  body {
+    margin: 50px;
+    font-size: 24px;
+  }
+
+  #test1 { font-family: Papyrus, serif; }
+
+</style>
+
+</head>
+
+<body>
+  <p id="test1">Test for Papyrus font <b>within a bold tag</b>.</p>
+</body>
+
+</html>
diff --git a/layout/reftests/text/synthetic-bold-papyrus-01.html b/layout/reftests/text/synthetic-bold-papyrus-01.html
new file mode 100644
index 0000000000..1784fc7073
--- /dev/null
+++ b/layout/reftests/text/synthetic-bold-papyrus-01.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<style type="text/css">
+  body {
+    margin: 50px;
+    font-size: 24px;
+  }
+
+  @font-face {
+    font-family: test;
+    src: local(Papyrus);
+  }
+
+  #test2 { font-family: test, serif; }
+
+</style>
+
+</head>
+
+<body>
+  <p id="test2">Test for Papyrus font <b>within a bold tag</b>.</p>
+</body>
+
+</html>
diff --git a/layout/reftests/text/synthetic-bold-zero-width-01-ref.html b/layout/reftests/text/synthetic-bold-zero-width-01-ref.html
new file mode 100644
index 0000000000..c95bb2d04c
--- /dev/null
+++ b/layout/reftests/text/synthetic-bold-zero-width-01-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: Fira;
+  src: url(../fonts/fira/FiraSansOT-Regular.otf);
+}
+body {
+  font: 24px Apple Symbols, Segoe UI Symbol, Fira;
+}
+.bold {
+  font-weight: bold;
+}
+</style>
+<body>
+<div>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+</div>
+<div class=bold>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+  xx<br>
+</div>
diff --git a/layout/reftests/text/synthetic-bold-zero-width-01.html b/layout/reftests/text/synthetic-bold-zero-width-01.html
new file mode 100644
index 0000000000..027b419eb4
--- /dev/null
+++ b/layout/reftests/text/synthetic-bold-zero-width-01.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: Fira;
+  src: url(../fonts/fira/FiraSansOT-Regular.otf);
+}
+body {
+  /* We want a font that only has a single weight, and supports 'x' and zero-width U+0301.
+   * The Apple Symbols and Segoe UI Symbol fonts appear to meet this requirement on macOS
+   * and Win10 respectively.
+   * If they're not available, we use a single face of Fira loaded via @font-face.
+   */
+  font: 24px Apple Symbols, Segoe UI Symbol, Fira;
+}
+.bold {
+  font-weight: bold;
+}
+span {
+  color: transparent;
+}
+</style>
+<body>
+<!-- any number of zero-width characters should not result in any extra space between the 'x' glyphs ... -->
+<div>
+  xx<br>
+  x<span>&#x301;</span>x<br>
+  x<span>&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;&#x301;&#x301;&#x301;</span>x<br>
+</div>
+<!-- ... even when synthetic bold is in effect -->
+<div class=bold>
+  xx<br>
+  x<span>&#x301;</span>x<br>
+  x<span>&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;&#x301;&#x301;</span>x<br>
+  x<span>&#x301;&#x301;&#x301;&#x301;&#x301;&#x301;&#x301;</span>x<br>
+</div>
diff --git a/layout/reftests/text/text-align-left-in-rtl-block-iframe.html b/layout/reftests/text/text-align-left-in-rtl-block-iframe.html
new file mode 100644
index 0000000000..bee8ceee6e
--- /dev/null
+++ b/layout/reftests/text/text-align-left-in-rtl-block-iframe.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 806284</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+	body { text-align:left; }
+</style>
+</head>
+<body>
+<div dir="rtl">
+111111111111112222222222222233333333333334444444444
+</div>
+</body>
+</html>
diff --git a/layout/reftests/text/text-align-left-in-rtl-block-ref.html b/layout/reftests/text/text-align-left-in-rtl-block-ref.html
new file mode 100644
index 0000000000..8884c2a947
--- /dev/null
+++ b/layout/reftests/text/text-align-left-in-rtl-block-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 806284</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+        #t { width:20em; border: 1px solid black; }
+    </style>
+</head>
+<body>
+<iframe id="t" src="text-align-left-in-rtl-block-iframe.html"></iframe>
+<script type="text/javascript">
+function test()
+{
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", test);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/text/text-align-left-in-rtl-block.html b/layout/reftests/text/text-align-left-in-rtl-block.html
new file mode 100644
index 0000000000..57a790bce0
--- /dev/null
+++ b/layout/reftests/text/text-align-left-in-rtl-block.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait"><head>
+    <meta charset="utf-8">
+    <title>Testcase for bug 806284</title>
+    <style type="text/css">
+        html,body {
+            color:black; background-color:white; font-size:16px; padding:0; margin:0;
+        }
+
+        #t { width:10em; border: 1px solid black; }
+    </style>
+</head>
+<body>
+<iframe id="t" src="text-align-left-in-rtl-block-iframe.html"></iframe>
+<script type="text/javascript">
+function test()
+{
+  var t = document.getElementById('t');
+  t.style.width = '20em';
+  document.documentElement.removeAttribute("class");
+}
+document.addEventListener("MozReftestInvalidate", test);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/text/variation-selector-unsupported-1-ref.html b/layout/reftests/text/variation-selector-unsupported-1-ref.html
new file mode 100644
index 0000000000..08832bef39
--- /dev/null
+++ b/layout/reftests/text/variation-selector-unsupported-1-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.otf);
+	}
+
+        body { font-family: MarkA; }
+	</style>
+</head>
+<body>
+A
+</body>
+</html>
diff --git a/layout/reftests/text/variation-selector-unsupported-1.html b/layout/reftests/text/variation-selector-unsupported-1.html
new file mode 100644
index 0000000000..98b028b4da
--- /dev/null
+++ b/layout/reftests/text/variation-selector-unsupported-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<style type="text/css">
+
+	@font-face {
+		font-family: "MarkA";
+		src: url(../fonts/markA.otf);
+	}
+
+        body { font-family: MarkA; }
+	</style>
+</head>
+<body>
+A&#xFE00;
+</body>
+</html>
diff --git a/layout/reftests/text/webkit-text-security-1.html b/layout/reftests/text/webkit-text-security-1.html
new file mode 100644
index 0000000000..19ffaf5b49
--- /dev/null
+++ b/layout/reftests/text/webkit-text-security-1.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style>
+  .test {
+    color: blue;
+    font: 13px monospace;
+  }
+  .init {
+    -webkit-text-security: initial;
+  }
+  .before::before {
+    content: "before text";
+  }
+
+  /* these classes are added/used only in reference mode */
+  .before.circle::before {
+    content: "\25E6\25E6\25E6\25E6\25E6\25E6\25E6\25E6\25E6\25E6\25E6";
+  }
+  .before.disc::before {
+    content: "\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022";
+  }
+  .before.square::before {
+    content: "\25A0\25A0\25A0\25A0\25A0\25A0\25A0\25A0\25A0\25A0\25A0";
+  }
+  ol.circle {
+    list-style-type: "\25E6\25E6\25E6";
+  }
+  ol.disc {
+    list-style-type: "\2022\2022\2022";
+  }
+  ol.square {
+    list-style-type: "\25A0\25A0\25A0";
+  }
+</style>
+
+<script>
+function go() {
+  // In test mode, we just apply the requested -webkit-text-security setting.
+  maskOption = document.location.hash.substr(1);
+  if (document.location.search == "?test") {
+    document.styleSheets[0].cssRules[0].style.webkitTextSecurity = maskOption;
+    return;
+  }
+
+  if (document.location.search != "?ref") {
+    console.warn("Expected either ?test or ?ref request");
+    return;
+  }
+
+  // In reference mode, edit the content to replace text with the masking symbol.
+  // (This is hacky and incomplete, just enough to handle the things present in this example.)
+  if (maskOption == "circle") {
+    maskChar = "\u25E6";
+  } else if (maskOption == "disc") {
+    maskChar = "\u2022";
+  } else if (maskOption == "square") {
+    maskChar = "\u25A0";
+  } else if (maskOption == "none") {
+    return;
+  } else {
+    console.warn("Unknown mask character option: " +  maskOption);
+    return;
+  }
+
+  testElems = document.getElementsByClassName("test");
+  for (i = 0; i < testElems.length; ++i) {
+    e = testElems[i];
+    if (e.classList.contains("before") || e.tagName == "OL" || e.tagName == "UL") {
+      e.classList.add(maskOption);
+    }
+    if (e.tagName == "INPUT") {
+      if (e.type == "password") {
+        // leave untouched
+        continue;
+      }
+      e.value = e.value.replaceAll(/./g, maskChar);
+      continue;
+    }
+    function replaceInElem(elem) {
+      if (elem.classList && elem.classList.contains("init")) {
+        return;
+      }
+      if (elem.alt) {
+        elem.alt = elem.alt.replaceAll(/./g, maskChar);
+      }
+      if (elem.firstElementChild) {
+        for (c = elem.firstElementChild; c; c = c.nextElementSibling) {
+          replaceInElem(c);
+        }
+        return;
+      }
+      if (elem.textContent != " ") {
+        elem.textContent = elem.textContent.replaceAll(/./g, maskChar);
+      }
+    }
+    replaceInElem(e);
+  }
+}
+</script>
+
+<body onload="go()">
+div: <div class="test">a b c</div>
+div with single (collapsed-away) space character: <div class="test"> </div>
+div with nbsp: <div class="test">&nbsp;</div>
+div with ::before generated content text: <div class="test before"></div>
+implicitly inheriting into div: <div class="test"><div>div inherit</div></div>
+reset on child div: <div class="test"><div class="init">div reset</div></div>
+span: <span class="test">Hello</span><br>
+img with alt text and "title" hover-text:
+<img class="test" src="broken" alt="alt text" title="hover text"><br>
+Fieldset:
+<fieldset class="test"><legend>Legend</legend><span>Fieldset</span></fieldset>
+<h4>FORM FIELDS:</h4>
+button: <button class="test">Hello</button><br>
+input: <input class="test" value="Hello"><br>
+input type="password": <input class="test" type="password" value="please"><br>
+input type="submit": <input class="test" type="submit" value="Submit"><br>
+input type="reset": <input class="test" type="reset" value="Reset"><br>
+input type="button": <input class="test" type="button" value="button"><br>
+input type="tel": <input class="test" type="tel" value="12345"><br>
+<!-- skipping input types with browser-generated content that is hard to emulate
+     and can't just be overwritten with the masking character -->
+<!--input type="number": <input class="test" type="number" value="12345"><br>-->
+input type="search": <input class="test" type="search" value="12345"><br>
+input type="url": <input class="test" type="url" value="http://example.org"><br>
+input type="email": <input class="test" type="email" value="a@example.org"><br>
+<!--input type="date": <input class="test" type="date" value="2022-01-01"><br>-->
+<!--input type="time": <input class="test" type="time" value="12:00:00"><br>-->
+<!--input type="week": <input class="test" type="week" value="12:00:00"><br>-->
+<!--input type="file": <input class="test" type="file"><br>-->
+<!--input type="image": <input class="test" type="image"><br>-->
+select: <select class="test"><option>A</option><option>BB</option></select><br>
+SVG: <svg height="30px" class="test"><text y="20">SVG Text</text></svg><br>
+
+Ordered list, first item empty: <ol class="test"><li></li><li>a</li><li>bb</li></ol>
+<!-- unordered list is tricky because of the use of -moz-bullet-font for the markers -->
+<!--Unordered list, first item empty: <ul class="test"><li></li><li>a</li><li>bb</li></ul>-->
diff --git a/layout/reftests/text/webkit-text-security-2.html b/layout/reftests/text/webkit-text-security-2.html
new file mode 100644
index 0000000000..04987bb776
--- /dev/null
+++ b/layout/reftests/text/webkit-text-security-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style>
+  .test {
+    color: blue;
+    font: 13px monospace;
+  }
+</style>
+
+<script>
+function go() {
+  // Apply the requested -webkit-text-security setting.
+  maskOption = document.location.search.substr(1);
+  document.styleSheets[0].cssRules[0].style.webkitTextSecurity = maskOption;
+}
+</script>
+
+<body onload="go()">
+input type="number": <input class="test" type="number" value="12345">
diff --git a/layout/reftests/text/webkit-text-security-3.html b/layout/reftests/text/webkit-text-security-3.html
new file mode 100644
index 0000000000..1dcca393a9
--- /dev/null
+++ b/layout/reftests/text/webkit-text-security-3.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style>
+  .test {
+    color: blue;
+    font: 13px monospace;
+  }
+</style>
+
+<script>
+function go() {
+  // Apply the requested -webkit-text-security setting.
+  maskOption = document.location.search.substr(1);
+  document.styleSheets[0].cssRules[0].style.webkitTextSecurity = maskOption;
+}
+</script>
+
+<body onload="go()">
+input type="date": <input class="test" type="date" value="2023-12-31">
diff --git a/layout/reftests/text/webkit-text-security-4.html b/layout/reftests/text/webkit-text-security-4.html
new file mode 100644
index 0000000000..df2c60751f
--- /dev/null
+++ b/layout/reftests/text/webkit-text-security-4.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style>
+  .test {
+    color: blue;
+    font: 13px monospace;
+  }
+</style>
+
+<script>
+function go() {
+  // Apply the requested -webkit-text-security setting.
+  maskOption = document.location.search.substr(1);
+  document.styleSheets[0].cssRules[0].style.webkitTextSecurity = maskOption;
+}
+</script>
+
+<body onload="go()">
+input type="time": <input class="test" type="time" value="12:59">
diff --git a/layout/reftests/text/webkit-text-security-5.html b/layout/reftests/text/webkit-text-security-5.html
new file mode 100644
index 0000000000..49b1f90d4b
--- /dev/null
+++ b/layout/reftests/text/webkit-text-security-5.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style>
+  .test {
+    color: blue;
+    font: 13px monospace;
+  }
+</style>
+
+<script>
+function go() {
+  // Apply the requested -webkit-text-security setting.
+  maskOption = document.location.search.substr(1);
+  document.styleSheets[0].cssRules[0].style.webkitTextSecurity = maskOption;
+}
+</script>
+
+<body onload="go()">
+input type="file": <input class="test" type="file">
diff --git a/layout/reftests/text/white-space-1-ref.html b/layout/reftests/text/white-space-1-ref.html
new file mode 100644
index 0000000000..88351db062
--- /dev/null
+++ b/layout/reftests/text/white-space-1-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Reference -->
+<style>
+div { border:1px solid black; }
+.container { float:left; width:20%; border-color:cyan; }
+p { width:0; }
+b { font-weight:normal; background-color:yellow; white-space:pre; }
+</style>
+</head>
+<body>
+
+<div>
+<p><b>Hello
+Kitty</b>
+<p><b>Hello Kitty</b>
+<p><b>Hello Kitty</b>
+<p><b>Hello
+Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello
+Kitty</b>
+<p><b>Hello&nbsp;
+Kitty</b>
+<p><b>Hello
+Kitty</b>
+<p><b>Hello
+Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello
+ Kitty</b>
+<p><b>Hello  Kitty</b>
+<p><b>Hello  Kitty</b>
+<p><b>Hello
+ Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello
+Kitty</b>
+<p><b>Hello  Kitty</b>
+<p><b>Hello Kitty</b>
+<p><b>Hello
+Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello&nbsp;
+Kitty</b>
+<p><b>Hello&nbsp;
+Kitty</b>
+<p><b>Hello&nbsp;
+Kitty</b>
+<p><b>Hello
+Kitty</b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/white-space-1a.html b/layout/reftests/text/white-space-1a.html
new file mode 100644
index 0000000000..4ae2034595
--- /dev/null
+++ b/layout/reftests/text/white-space-1a.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Testing all combinations of pre/nowrap/pre-wrap/normal space pairs -->
+<style>
+.nowrap { white-space:nowrap; }
+.pre { white-space:pre; }
+.prewrap { white-space:pre-wrap; }
+div { border:1px solid black; }
+.container { float:left; width:20%; border-color:cyan; }
+p { width:0; }
+b { font-weight:normal; background-color:yellow; }
+</style>
+</head>
+<body>
+
+<div>
+<p><b>Hello Kitty</b>
+<p><b>Hello<span class="pre"> </span>Kitty</b>
+<p><b>Hello<span class="nowrap"> </span>Kitty</b>
+<p><b>Hello<span class="prewrap"> </span>Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello  Kitty</b>
+<p><b>Hello<span class="pre"> </span> Kitty</b>
+<p><b>Hello<span class="nowrap"> </span> Kitty</b>
+<p><b>Hello<span class="prewrap"> </span> Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello <span class="pre"> </span>Kitty</b>
+<p><b>Hello<span class="pre"> </span><span class="pre"> </span>Kitty</b>
+<p><b>Hello<span class="nowrap"> </span><span class="pre"> </span>Kitty</b>
+<p><b>Hello<span class="prewrap"> </span><span class="pre"> </span>Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello <span class="nowrap"> </span>Kitty</b>
+<p><b>Hello<span class="pre"> </span><span class="nowrap"> </span>Kitty</b>
+<p><b>Hello<span class="nowrap"> </span><span class="nowrap"> </span>Kitty</b>
+<p><b>Hello<span class="prewrap"> </span><span class="nowrap"> </span>Kitty</b>
+</div>
+
+<div class="container">
+<p><b>Hello <span class="prewrap"> </span>Kitty</b>
+<p><b>Hello<span class="pre"> </span><span class="prewrap"> </span>Kitty</b>
+<p><b>Hello<span class="nowrap"> </span><span class="prewrap"> </span>Kitty</b>
+<p><b>Hello<span class="prewrap">  </span>Kitty</b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/white-space-1b.html b/layout/reftests/text/white-space-1b.html
new file mode 100644
index 0000000000..715d0b2e81
--- /dev/null
+++ b/layout/reftests/text/white-space-1b.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Adding extra span boundaries -->
+<style>
+.nowrap { white-space:nowrap; }
+.pre { white-space:pre; }
+.prewrap { white-space:pre-wrap; }
+div { border:1px solid black; }
+.container { float:left; width:20%; border-color:cyan; }
+p { width:0; }
+b { font-weight:normal; background-color:yellow; }
+</style>
+</head>
+<body>
+
+<div>
+<p><b><span>Hello<span> <span>Kitty</span></b>
+<p><b><span>Hello<span><span class="pre"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="nowrap"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="prewrap"> </span><span>Kitty</span></b>
+</div>
+
+<div class="container">
+<p><b><span>Hello<span>  <span>Kitty</span></b>
+<p><b><span>Hello<span><span class="pre"> </span> <span>Kitty</span></b>
+<p><b><span>Hello<span><span class="nowrap"> </span> <span>Kitty</span></b>
+<p><b><span>Hello<span><span class="prewrap"> </span> <span>Kitty</span></b>
+</div>
+
+<div class="container">
+<p><b><span>Hello<span> <span class="pre"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="pre"> </span><span class="pre"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="nowrap"> </span><span class="pre"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="prewrap"> </span><span class="pre"> </span><span>Kitty</span></b>
+</div>
+
+<div class="container">
+<p><b><span>Hello<span> <span class="nowrap"> </span>Kitty</b>
+<p><b><span>Hello<span><span class="pre"> </span><span class="nowrap"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="nowrap"> </span><span class="nowrap"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="prewrap"> </span><span class="nowrap"> </span><span>Kitty</span></b>
+</div>
+
+<div class="container">
+<p><b><span>Hello<span> <span class="prewrap"> </span>Kitty</b>
+<p><b><span>Hello<span><span class="pre"> </span><span class="prewrap"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="nowrap"> </span><span class="prewrap"> </span><span>Kitty</span></b>
+<p><b><span>Hello<span><span class="prewrap"> </span><span class="prewrap"> </span><span>Kitty</span></b>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/white-space-2-ref.html b/layout/reftests/text/white-space-2-ref.html
new file mode 100644
index 0000000000..f452f43914
--- /dev/null
+++ b/layout/reftests/text/white-space-2-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Reference -->
+<style>
+div { font:16px sans-serif; border:1px solid black; }
+.container { float:left; width:20%; border-color:cyan; }
+p { width:0; }
+b { font-weight:normal; background-color:yellow; white-space:pre; }
+.cell { display:table-cell; border:1px solid green; }
+.hang { display:inline-block; width:0; overflow:visible; }
+.hang span { display:inline; background-color:yellow; }
+.clip { overflow: hidden; }
+</style>
+</head>
+<body>
+
+<div>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello 
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello
+ Kitty</b></span>
+<p><span class="cell"><b>Hello  Kitty</b></span>
+<p><span class="cell"><b>Hello  Kitty</b></span>
+<p><span class="cell clip"><b>Hello<span class="hang"><span> </span></span>
+ Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello  Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello<span class="hang"><span> </span></span>
+Kitty</b></span>
+<p><span class="cell"><b>Hello 
+Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="hang"><span> </span></span>
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/white-space-2.html b/layout/reftests/text/white-space-2.html
new file mode 100644
index 0000000000..84377c7fda
--- /dev/null
+++ b/layout/reftests/text/white-space-2.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Wrapping tests in table-cell to test min-width computation -->
+<style>
+div { font:16px sans-serif; border:1px solid black; }
+.container { float:left; width:20%; border-color:cyan; }
+p { width:0; }
+b { font-weight:normal; background-color:yellow; }
+.cell { display:table-cell; border:1px solid green; }
+.nowrap { white-space:nowrap; }
+.pre { white-space:pre; }
+.prewrap { white-space:pre-wrap; }
+</style>
+</head>
+<body>
+
+<div>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="pre"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="nowrap"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="prewrap"> </span>Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello  <span>Kitty</span></b></span>
+<p><span class="cell"><b>Hello<span class="pre"> </span> Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="nowrap"> </span> Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="prewrap"> </span> Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello <span class="pre"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="pre"> </span><span class="pre"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="nowrap"> </span><span class="pre"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="prewrap"> </span><span class="pre"> </span>Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello <span class="nowrap"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="pre"> </span><span class="nowrap"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="nowrap"> </span><span class="nowrap"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="prewrap"> </span><span class="nowrap"> </span>Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello <span class="prewrap"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="pre"> </span><span class="prewrap"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="nowrap"> </span><span class="prewrap"> </span>Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="prewrap"> </span><span class="prewrap"> </span>Kitty</b></span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/white-space-3-ref.html b/layout/reftests/text/white-space-3-ref.html
new file mode 100644
index 0000000000..1bde6bffc0
--- /dev/null
+++ b/layout/reftests/text/white-space-3-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { font: 24px monospace; width: 0; white-space: pre; }
+b { font-weight: normal; background: yellow; }
+.cell { display: table-cell; border: 1px solid green; }
+</style>
+</head>
+<body>
+
+<p>There should be no red:</p>
+
+<div><span class="cell"><b>Hiya <br>Kitty</b></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/white-space-3.html b/layout/reftests/text/white-space-3.html
new file mode 100644
index 0000000000..1a413df09e
--- /dev/null
+++ b/layout/reftests/text/white-space-3.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div { font: 24px monospace; width: 0; }
+b { font-weight: normal; background: yellow; }
+.cell { display: table-cell; border: 1px solid green; background: red; }
+.nowrap { white-space: nowrap; }
+.prewrap { white-space: pre-wrap; }
+</style>
+</head>
+<body>
+
+<p>There should be no red:</p>
+
+<div><span class="cell"><b>Hiya<span class="prewrap"> </span><span class="nowrap"> </span>Kitty</b></span></div>
+
+</body>
+</html>
diff --git a/layout/reftests/text/word-spacing-01-ref.html b/layout/reftests/text/word-spacing-01-ref.html
new file mode 100644
index 0000000000..5bf7c331af
--- /dev/null
+++ b/layout/reftests/text/word-spacing-01-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+span { display:inline-block; width:10ch; }
+/* first tab-position will be at 2 * (space-width + word-spacing), i.e. 22ch,
+   so to advance there after the 3-ch word "tab" we need 19ch of added space */
+span.tab { width: 19ch; }
+</style>
+</head>
+<body style="font-family: monospace; width: 433px; height: 590px;">
+
+<table border="1">
+<tr><td>space <span></span>.</td>
+<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline
+<span></span>.</td>
+<tr><td>tab&#9;<span></span>.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+<table border="1" style="white-space:pre">
+<tr><td>space <span></span>.</td>
+<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline
+.</td>
+<tr><td>tab<span class=tab></span>.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+<table border="1" style="white-space:nowrap">
+<tr><td>space <span></span>.</td>
+<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline <span></span>.</td>
+<tr><td>tab&#9;<span></span>.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+<table border="1" style="white-space:pre-wrap">
+<tr><td>space <span></span>.</td>
+<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline
+.</td>
+<tr><td>tab<span class=tab></span>.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/text/word-spacing-01.html b/layout/reftests/text/word-spacing-01.html
new file mode 100644
index 0000000000..7441e56381
--- /dev/null
+++ b/layout/reftests/text/word-spacing-01.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<body style="font-family: monospace; word-spacing:10ch; -moz-tab-size: 2; width: 433px; height: 590px;">
+
+<table border="1">
+<tr><td>space .</td>
+<tr><td>nonbreaking-space&nbsp;.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline
+.</td>
+<tr><td>tab&#9;.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+<table border="1" style="white-space:pre">
+<tr><td>space .</td>
+<tr><td>nonbreaking-space&nbsp;.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline
+.</td>
+<tr><td>tab&#9;.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+<table border="1" style="white-space:nowrap">
+<tr><td>space .</td>
+<tr><td>nonbreaking-space&nbsp;.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline
+.</td>
+<tr><td>tab&#9;.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+<table border="1" style="white-space:pre-wrap">
+<tr><td>space .</td>
+<tr><td>nonbreaking-space&nbsp;.</td>
+<tr><td>ideographic-space&#x3000;.</td>
+<tr><td>newline
+.</td>
+<tr><td>tab&#9;.</td>
+<tr><td>form-feed&#12;.</td>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/text/wordbreak-1-ref.html b/layout/reftests/text/wordbreak-1-ref.html
new file mode 100644
index 0000000000..63cd78f60f
--- /dev/null
+++ b/layout/reftests/text/wordbreak-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Test - word-break: break-all</title>
+  </head>
+  <body>
+    <div>f<br/>o<br/>x<br/>f<br/>-<br/>o<br/></div><br/>
+    <div>fox<br/>f-<br>o</div><br/>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-1.html b/layout/reftests/text/wordbreak-1.html
new file mode 100644
index 0000000000..6994b70f72
--- /dev/null
+++ b/layout/reftests/text/wordbreak-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    div.breakall { width: 0px; word-break: break-all; }
+    div.keepall { width: 0px; word-break: keep-all; }
+  </style>
+  <title>Test - word-break: break-all</title>
+  </head>
+  <body>
+    <div class="breakall">fox f-o</div><br />
+    <div class="keepall">fox f-o</div><br />
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-3-ref.html b/layout/reftests/text/wordbreak-3-ref.html
new file mode 100644
index 0000000000..8bc5e4bf5e
--- /dev/null
+++ b/layout/reftests/text/wordbreak-3-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  </style>
+  <title>Test - word-break: break-all with clusters</title>
+  </head>
+  <body>
+    <div>&#x0935;&#x093F;<br/>&#x0915;&#x093F;<br/>&#x092A;&#x0940;<br/>&#x0921;&#x093F;<br/>&#x092F;&#x093E;</div><br/>
+    <div>&#x0935;&#x093F;&#x0915;&#x093F;&#x092A;&#x0940;&#x0921;&#x093F;&#x092F;&#x093E;</div><br/>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-3.html b/layout/reftests/text/wordbreak-3.html
new file mode 100644
index 0000000000..9b5cad7015
--- /dev/null
+++ b/layout/reftests/text/wordbreak-3.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    div.breakall { width: 0px; word-break: break-all; }
+    div.keepall { width: 0px; word-break: keep-all; }
+  </style>
+  <title>Test - word-break: break-all with clusters</title>
+  </head>
+  <body>
+    <div class="breakall">&#x0935;&#x093F;&#x0915;&#x093F;&#x092A;&#x0940;&#x0921;&#x093F;&#x092F;&#x093E;</div><br />
+    <div class="keepall">&#x0935;&#x093F;&#x0915;&#x093F;&#x092A;&#x0940;&#x0921;&#x093F;&#x092F;&#x093E;</div><br />
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-4b-ref.html b/layout/reftests/text/wordbreak-4b-ref.html
new file mode 100644
index 0000000000..946c407b91
--- /dev/null
+++ b/layout/reftests/text/wordbreak-4b-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  </style>
+  <title>Test - word-break: break-all with Hangul syllables</title>
+  </head>
+  <body>
+    <div>&#xC560;<br/>&#xAE30;<br/>&#xD310;<br/>&#xB2E4;</div><br/>
+    <div>&#xC560;&#xAE30;&#xD310;&#xB2E4;</div><br/>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-4b.html b/layout/reftests/text/wordbreak-4b.html
new file mode 100644
index 0000000000..296f96dd93
--- /dev/null
+++ b/layout/reftests/text/wordbreak-4b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    div.breakall { width: 0px; word-break: break-all; }
+    div.keepall { width: 0px; word-break: keep-all; }
+  </style>
+  <title>Test - word-break: break-all with Hangul syllables</title>
+  </head>
+  <body>
+    <div class="breakall">&#xC560;&#xAE30;&#xD310;&#xB2E4;</div><br />
+    <div class="keepall">&#xC560;&#xAE30;&#xD310;&#xB2E4;</div><br />
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-5-ref.html b/layout/reftests/text/wordbreak-5-ref.html
new file mode 100644
index 0000000000..5466d255dd
--- /dev/null
+++ b/layout/reftests/text/wordbreak-5-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  </style>
+  <title>Test - word-break: break-all with supplementary characters</title>
+  </head>
+  <body>
+    <div>&#x10911;<br/>&#x10903;<br/>&#x10909;<br/>&#x10912;<br/>&#x10901;<br/>&#x10900;<br/>&#x1090C;<br/>&#x1090D;<br/>&#x10915;<br/>&#x10905;<br/>&#x10909;<br/>&#x10907;<br/>&#x10909;<br/>&#x10904;</div><br/>
+    <div>&#x10911;&#x10903;&#x10909;&#x10912;<br/>&#x10901;&#x10900;&#x1090C;&#x1090D;&#x10915;&#x10905;<br/>&#x10909;&#x10907;&#x10909;&#x10904;</div><br/>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-5.html b/layout/reftests/text/wordbreak-5.html
new file mode 100644
index 0000000000..9f20ed3e9b
--- /dev/null
+++ b/layout/reftests/text/wordbreak-5.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    div.breakall { width: 0px; word-break: break-all; }
+    div.keepall { width: 0px; word-break: keep-all; }
+  </style>
+  <title>Test - word-break: break-all with supplementary characters</title>
+  </head>
+  <body>
+    <div class="breakall">&#x10911;&#x10903;&#x10909;&#x10912; &#x10901;&#x10900;&#x1090C;&#x1090D;&#x10915;&#x10905; &#x10909;&#x10907;&#x10909;&#x10904;</div><br />
+    <div class="keepall">&#x10911;&#x10903;&#x10909;&#x10912; &#x10901;&#x10900;&#x1090C;&#x1090D;&#x10915;&#x10905; &#x10909;&#x10907;&#x10909;&#x10904;</div><br />
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-6-ref.html b/layout/reftests/text/wordbreak-6-ref.html
new file mode 100644
index 0000000000..3422ec686c
--- /dev/null
+++ b/layout/reftests/text/wordbreak-6-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+  </style>
+  <title>Test - word-break: break-all with supplementary characters</title>
+  </head>
+  <body>
+    <div>&#x10a24;<br/>&#x10a2a;&#x10a0c;<br/>&#x10a2a;&#x10a3f;<br/>&#x10a17;&#x10a38;&#x10a05;&#x10a0c;&#x10a0f;</div><br/>
+    <div>&#x10a24;&#x10a2a;&#x10a0c;&#x10a2a;&#x10a3f;&#x10a17;&#x10a38;&#x10a05;&#x10a0c;&#x10a0f;</div><br/>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-6.html b/layout/reftests/text/wordbreak-6.html
new file mode 100644
index 0000000000..26ea950d80
--- /dev/null
+++ b/layout/reftests/text/wordbreak-6.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    div.breakall { width: 0px; word-break: break-all; }
+    div.keepall { width: 0px; word-break: keep-all; }
+  </style>
+  <title>Test - word-break: break-all with kharoshthi characters</title>
+  </head>
+  <body>
+    <div class="breakall">&#x10a24;&#x10a2a;&#x10a0c;&#x10a2a;&#x10a3f;&#x10a17;&#x10a38;&#x10a05;&#x10a0c;&#x10a0f;</div><br />
+    <div class="keepall">&#x10a24;&#x10a2a;&#x10a0c;&#x10a2a;&#x10a3f;&#x10a17;&#x10a38;&#x10a05;&#x10a0c;&#x10a0f;</div><br />
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-7-ref.html b/layout/reftests/text/wordbreak-7-ref.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/text/wordbreak-7.html b/layout/reftests/text/wordbreak-7.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/layout/reftests/text/wordbreak-7a-ref.html b/layout/reftests/text/wordbreak-7a-ref.html
new file mode 100644
index 0000000000..4f1d1d882e
--- /dev/null
+++ b/layout/reftests/text/wordbreak-7a-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    @font-face {
+      font-family: test;
+	  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+    }
+    body {
+      font-family: test;
+      line-height: 1.5em;
+    }
+  </style>
+  <title>Test - word-break: break-all with rtl and diacritics, no ligatures</title>
+  </head>
+  <body>
+    <div>
+    &#x0627;<br>&#xFEDF;<br>&#xFECC;<br>&#xFEAE;<br>&#xFE91;<br>&#xFEF2;<br>
+    &#x0627;<br>&#xFEDF;<br>&#xFEC0;&#x064E;&#x0651;<br>&#xFE8E;<br>&#xFEDF;&#x0650;&#x0651;<br>&#xFEF4;<br>&#xFEE6;&#x064E;
+    </div>
+    <br>
+    <div>
+    &#x0627;&#x0644;&#x0639;&#x0631;&#x0628;&#x064A;<br>
+    &#x0627;&#x0644;&#x0636;&#x064E;&#x0651;&#x0627;&#x0644;&#x0650;&#x0651;&#x064A;&#x0646;&#x064E;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-7a.html b/layout/reftests/text/wordbreak-7a.html
new file mode 100644
index 0000000000..7e22e1d6c4
--- /dev/null
+++ b/layout/reftests/text/wordbreak-7a.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    @font-face {
+      font-family: test;
+      src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+    }
+    body {
+      font-family: test;
+      line-height: 1.5em;
+    }
+    div.breakall { width: 0px; word-break: break-all; }
+    div.keepall { width: 0px; word-break: keep-all; }
+  </style>
+  <title>Test - word-break: break-all with rtl and diacritics, no ligatures</title>
+  </head>
+  <body>
+    <div class="breakall">
+    &#x0627;&#x0644;&#x0639;&#x0631;&#x0628;&#x064A;
+    &#x0627;&#x0644;&#x0636;&#x064E;&#x0651;&#x0627;&#x0644;&#x0650;&#x0651;&#x064A;&#x0646;&#x064E;
+    </div>
+    <br>
+    <div class="keepall">
+    &#x0627;&#x0644;&#x0639;&#x0631;&#x0628;&#x064A;
+    &#x0627;&#x0644;&#x0636;&#x064E;&#x0651;&#x0627;&#x0644;&#x0650;&#x0651;&#x064A;&#x0646;&#x064E;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-7b-ref.html b/layout/reftests/text/wordbreak-7b-ref.html
new file mode 100644
index 0000000000..8b734c8f52
--- /dev/null
+++ b/layout/reftests/text/wordbreak-7b-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    @font-face {
+      font-family: test;
+      src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+    }
+    body {
+      font-family: test;
+      line-height: 1.5em;
+    }
+  </style>
+  <title>Test - word-break: break-all with rtl and diacritics, including ligatures</title>
+  </head>
+  <body>
+    <div>
+    &#x0648;&#x064E;<br>&#xFEDF;&#x064E;<br>&#xFE8E;<br>
+    &#x0627;<br>&#xFEDF;<br>&#xFEB4;&#x0651;&#x064E;<br>&#xFEE0;&#x064E;<br>&#xFE8E;<br>&#x0645;&#x064F;<br>
+    &#xFECB;&#x064E;<br>&#xFEE0;&#x064E;<br>&#xFEF4;&#x0652;<br>&#xFEDC;&#x064F;<br>&#xFEE2;&#x0652;
+    </div>
+    <br>
+    <div>
+    &#x0648;&#x064E;&#x0644;&#x064E;&#x0627;<br>
+    &#x0627;&#x0644;&#x0633;&#x0651;&#x064E;&#x0644;&#x064E;&#x0627;&#x0645;&#x064F;<br>
+    &#x0639;&#x064E;&#x0644;&#x064E;&#x064A;&#x0652;&#x0643;&#x064F;&#x0645;&#x0652;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-7b.html b/layout/reftests/text/wordbreak-7b.html
new file mode 100644
index 0000000000..ee25cc7ff2
--- /dev/null
+++ b/layout/reftests/text/wordbreak-7b.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    @font-face {
+      font-family: test;
+      src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
+    }
+    body {
+      font-family: test;
+      line-height: 1.5em;
+    }
+    div.breakall { width: 0px; word-break: break-all; }
+    div.keepall { width: 0px; word-break: keep-all; }
+  </style>
+  <title>Test - word-break: break-all with rtl and diacritics, including ligatures</title>
+  </head>
+  <body>
+    <div class="breakall">
+    &#x0648;&#x064E;&#x0644;&#x064E;&#x0627;
+    &#x0627;&#x0644;&#x0633;&#x0651;&#x064E;&#x0644;&#x064E;&#x0627;&#x0645;&#x064F;
+    &#x0639;&#x064E;&#x0644;&#x064E;&#x064A;&#x0652;&#x0643;&#x064F;&#x0645;&#x0652;
+    </div>
+    <br>
+    <div class="keepall">
+    &#x0648;&#x064E;&#x0644;&#x064E;&#x0627;
+    &#x0627;&#x0644;&#x0633;&#x0651;&#x064E;&#x0644;&#x064E;&#x0627;&#x0645;&#x064F;
+    &#x0639;&#x064E;&#x0644;&#x064E;&#x064A;&#x0652;&#x0643;&#x064F;&#x0645;&#x0652;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-8-ref.html b/layout/reftests/text/wordbreak-8-ref.html
new file mode 100644
index 0000000000..b51019e989
--- /dev/null
+++ b/layout/reftests/text/wordbreak-8-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    .lc { text-transform: lowercase; }
+    .uc { text-transform: uppercase; }
+  </style>
+  <title>Test - word-break:break-all with text-transform and clusters</title>
+  </head>
+  <body>
+    <div class="lc">f<br>o<br>x<br>f<br>o&#x0325;<br>x&#x0307;</div><br>
+    <div class="lc">fox<br>fo&#x0325;x&#x0307;</div><br>
+    <div class="uc">f<br>o<br>x<br>f<br>o&#x0325;<br>x&#x0307;</div><br>
+    <div class="uc">fox<br>fo&#x0325;x&#x0307;</div><br>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-8.html b/layout/reftests/text/wordbreak-8.html
new file mode 100644
index 0000000000..9a85f61070
--- /dev/null
+++ b/layout/reftests/text/wordbreak-8.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    .breakall { width: 0px; word-break: break-all; }
+    .keepall { width: 0px; word-break: keep-all;  }
+    .lc { text-transform: lowercase; }
+    .uc { text-transform: uppercase; }
+  </style>
+  <title>Test - word-break:break-all with text-transform and clusters</title>
+  </head>
+  <body>
+    <div class="breakall lc">fox fo&#x0325;x&#x0307;</div><br>
+    <div class="keepall lc">fox fo&#x0325;x&#x0307;</div><br>
+    <div class="breakall uc">fox fo&#x0325;x&#x0307;</div><br>
+    <div class="keepall uc">fox fo&#x0325;x&#x0307;</div><br>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-9-ref.html b/layout/reftests/text/wordbreak-9-ref.html
new file mode 100644
index 0000000000..bd70c084d5
--- /dev/null
+++ b/layout/reftests/text/wordbreak-9-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    @font-face {
+      font-family: latin;
+      src: url("../fonts/sil/GenR102.ttf");
+    }
+    @font-face {
+      font-family: arabic;
+      src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+    }
+    body {
+      font-family: latin, arabic, sans-serif;
+      font-size: 24px;
+      line-height: 2em;
+    }
+  </style>
+  <title>Test - word-break:break-all across font fallback</title>
+  </head>
+  <body>
+    <!-- the arabic diacritics here will fall back to font 'arabic', which
+         is a graphite-enabled arabic font, and be shaped separately;
+         nevertheless, they must remain clustered with the preceding letters,
+         no additional line-breaks are allowed before them (bug 833297) -->
+    <div>f<br>o&#x064c;<br>o&#x0650;<br>b<br>a&#x0654;<br>r</div>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-9.html b/layout/reftests/text/wordbreak-9.html
new file mode 100644
index 0000000000..5186e9a6e1
--- /dev/null
+++ b/layout/reftests/text/wordbreak-9.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+    @font-face {
+      font-family: latin;
+      src: url("../fonts/sil/GenR102.ttf");
+    }
+    @font-face {
+      font-family: arabic;
+      src: url("../fonts/sil/Scheherazade-R 2012-07-03c.ttf");
+    }
+    body {
+      font-family: latin, arabic, sans-serif;
+      font-size: 24px;
+      line-height: 2em;
+    }
+    div {
+      width: 0px;
+      word-break: break-all;
+    }
+  </style>
+  <title>Test - word-break:break-all across font fallback</title>
+  </head>
+  <body>
+    <!-- the arabic diacritics here will fall back to font 'arabic', which
+         is a graphite-enabled arabic font, and be shaped separately;
+         nevertheless, they must remain clustered with the preceding letters,
+         no additional line-breaks are allowed before them (bug 833297) -->
+    <div>fo&#x064c;o&#x0650;ba&#x0654;r</div>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordbreak-dynamic-1-ref.html b/layout/reftests/text/wordbreak-dynamic-1-ref.html
new file mode 100644
index 0000000000..f8feb44cbf
--- /dev/null
+++ b/layout/reftests/text/wordbreak-dynamic-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Reference - word-break: break-all with dynamic change</title>
+  <style>
+    div {
+      font-family: monospace;
+      width: 3ch;
+      background: pink;
+      word-break: break-all;
+    }
+  </style>
+</head>
+<body>
+  <div>a bcdef</div>
+</body>
+</html>
diff --git a/layout/reftests/text/wordbreak-dynamic-1.html b/layout/reftests/text/wordbreak-dynamic-1.html
new file mode 100644
index 0000000000..930ba6efb5
--- /dev/null
+++ b/layout/reftests/text/wordbreak-dynamic-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <meta charset="UTF-8">
+  <title>Test - word-break: break-all with dynamic change</title>
+  <style>
+    div {
+      font-family: monospace;
+      width: 3ch;
+      background: pink;
+      word-break: break-all;
+    }
+  </style>
+</head>
+<body>
+  <div>a bcdef<div></div></div>
+  <script>
+    document.addEventListener("DOMContentLoaded", function() {
+      document.body.offsetHeight;
+      document.querySelector('div > div').style.display = 'none';
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  </script>
+</body>
+</html>
diff --git a/layout/reftests/text/wordwrap-01-ref.html b/layout/reftests/text/wordwrap-01-ref.html
new file mode 100644
index 0000000000..8f88fae973
--- /dev/null
+++ b/layout/reftests/text/wordwrap-01-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+textarea { overflow: scroll; }
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20">It's
+lipsmackinthirstquen
+chinacetastinmotivat
+ingoodbuzzincooltalk
+inhighwalkinfastlivi
+nevergivincoolfizzin
+Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-01.html b/layout/reftests/text/wordwrap-01.html
new file mode 100644
index 0000000000..da2d6c56a5
--- /dev/null
+++ b/layout/reftests/text/wordwrap-01.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+textarea { overflow: scroll; }
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-02-ref.html b/layout/reftests/text/wordwrap-02-ref.html
new file mode 100644
index 0000000000..760eb1efd9
--- /dev/null
+++ b/layout/reftests/text/wordwrap-02-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- tests that Arabic characters shape across word breaks -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+@font-face {
+  font-family: dvm;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+textarea {
+  font-family: dvm;
+  line-height: 1.5em;
+  overflow: scroll;
+}
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20" dir="rtl">ذهعقروبلجيكا،الموسوﻋ
+ﺔكل,تمبوابةاقتصاديةﻫ
+ﺬه.ضمنهاالروسوحرماﻧﺒ
+ﻠﻌﺪد,يكنجسيمةلإعادةلم
+.يكنوالحلفاءبالقناﺑﻠ
+ﻬﻮ,بحثخسائرالدفاعباﻟ
+ﻬﺠﻮمعن.فرنسيةمارشاﻟﺒ
+ﻴﻨﻴﺘﻮدحرثم,وصلبشريةا
+لرايخبالحربتم.</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-02.html b/layout/reftests/text/wordwrap-02.html
new file mode 100644
index 0000000000..8dcac75ecb
--- /dev/null
+++ b/layout/reftests/text/wordwrap-02.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!-- tests that Arabic characters shape across word breaks -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+@font-face {
+  font-family: dvm;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+textarea {
+  font-family: dvm;
+  line-height: 1.5em;
+  overflow: scroll;
+}
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <!-- spellcheck="false" added as a workaround to our maximum length of words for the spell checker -->
+  <textarea spellcheck="false" rows="10" cols="20" dir="rtl">ذهعقروبلجيكا،الموسوعةكل,تمبوابةاقتصاديةهذه.ضمنهاالروسوحرمانبلعدد,يكنجسيمةلإعادةلم.يكنوالحلفاءبالقنابلهو,بحثخسائرالدفاعبالهجومعن.فرنسيةمارشالبينيتودحرثم,وصلبشريةالرايخبالحربتم.</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-03-ref.html b/layout/reftests/text/wordwrap-03-ref.html
new file mode 100644
index 0000000000..66cc0089e8
--- /dev/null
+++ b/layout/reftests/text/wordwrap-03-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- tests that words don't break in mid-cluster -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+@font-face { font-family: dvm; src: url(../fonts/DejaVuSansMono.woff); }
+textarea { font-family: dvm, monospace; font-size: 12px; overflow: scroll; }
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="27">It's
+lipsmackinthirstquenchinace&#x300;
+tastinmotivatingoodbuzzinco&#x301;
+oltalkinhighwalkinfastlivin&#x303;
+evergivincoolfizzin
+Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-03.html b/layout/reftests/text/wordwrap-03.html
new file mode 100644
index 0000000000..453e013846
--- /dev/null
+++ b/layout/reftests/text/wordwrap-03.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<!-- tests that words don't break in mid-cluster -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+@font-face { font-family: dvm; src: url(../fonts/DejaVuSansMono.woff); }
+textarea { font-family: dvm, monospace; font-size: 12px; overflow: scroll; }
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="27">It's lipsmackinthirstquenchinace&#x300;tastinmotivatingoodbuzzinco&#x301;oltalkinhighwalkinfastlivin&#x303;evergivincoolfizzin Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-04-ref.html b/layout/reftests/text/wordwrap-04-ref.html
new file mode 100644
index 0000000000..4be06cef64
--- /dev/null
+++ b/layout/reftests/text/wordwrap-04-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <p style="width: 100px; word-wrap: break-word;">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-04.html b/layout/reftests/text/wordwrap-04.html
new file mode 100644
index 0000000000..b35fcbdf98
--- /dev/null
+++ b/layout/reftests/text/wordwrap-04.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Test setting word-wrap: break-word dynamically -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test Wordwrap</title>
+  <script type="text/javascript">
+function SwapStyle()
+{
+  par = document.getElementById("pp");
+  par.style.wordWrap = "break-word";
+}
+  </script>
+ </head>
+ <body onload="SwapStyle()">
+  <p id="pp" style="width: 100px; word-wrap: normal;">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-05-ref.html b/layout/reftests/text/wordwrap-05-ref.html
new file mode 100644
index 0000000000..b0b397eb17
--- /dev/null
+++ b/layout/reftests/text/wordwrap-05-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <p style="width: 100px;">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-05.html b/layout/reftests/text/wordwrap-05.html
new file mode 100644
index 0000000000..56c03a7f2a
--- /dev/null
+++ b/layout/reftests/text/wordwrap-05.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Test unsetting word-wrap: break-word dynamically -->
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test Wordwrap</title>
+  <script type="text/javascript">
+function SwapStyle()
+{
+  par = document.getElementById("pp");
+  par.style.wordWrap = "normal";
+}
+  </script>
+ </head>
+ <body onload="SwapStyle()">
+  <p id="pp" style="width: 100px; word-wrap: break-word;">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-06-ref.html b/layout/reftests/text/wordwrap-06-ref.html
new file mode 100644
index 0000000000..3294803185
--- /dev/null
+++ b/layout/reftests/text/wordwrap-06-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>http://www.mozilla.org/projects/minefield/</title>
+  <style type="text/css">
+#viewsource {
+  font-family: -moz-fixed;
+  font-weight: normal;
+  font-size: 16px;
+  color: black;
+  white-space: pre;
+}
+pre {
+  font: inherit;
+  color: inherit;
+  white-space: inherit; 
+  margin: 0;
+  width: 475px;
+}
+.attribute-name {
+ color: black;
+ font-weight: bold;
+}
+.attribute-value {
+ color: blue;
+ font-weight: normal;
+}
+  </style>
+ </head>
+ <body id="viewsource">
+  <pre id="line1"><span class="attribute-name">href</span>=<span class="attribute-value">"../../css/cavendish/content.css" </span>
+<span class="attribute-name">title</span>=<span class="attribute-value">"Cavendish"</span></pre>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/text/wordwrap-06.html b/layout/reftests/text/wordwrap-06.html
new file mode 100644
index 0000000000..a299a0a08e
--- /dev/null
+++ b/layout/reftests/text/wordwrap-06.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>http://www.mozilla.org/projects/minefield/</title>
+  <style type="text/css">
+#viewsource {
+  font-family: -moz-fixed;
+  font-weight: normal;
+  font-size: 16px;
+  color: black;
+  white-space: pre;
+}
+#viewsource.wrap {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+pre {
+  font: inherit;
+  color: inherit;
+  white-space: inherit; 
+  margin: 0;
+  width: 475px;
+}
+.attribute-name {
+ color: black;
+ font-weight: bold;
+}
+.attribute-value {
+ color: blue;
+ font-weight: normal;
+}
+  </style>
+ </head>
+ <body id="viewsource" class="wrap">
+  <pre id="line1"><span class="attribute-name">href</span>=<span class="attribute-value">"../../css/cavendish/content.css" </span><span class="attribute-name">title</span>=<span class="attribute-value">"Cavendish"</span></pre>
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/text/wordwrap-07-ref.html b/layout/reftests/text/wordwrap-07-ref.html
new file mode 100644
index 0000000000..c6cae567b5
--- /dev/null
+++ b/layout/reftests/text/wordwrap-07-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <div><em>H<br>e<br>l<br>l<br>o</em><br>K<br>i<br>t<br>t<br>y</div>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-07.html b/layout/reftests/text/wordwrap-07.html
new file mode 100644
index 0000000000..b0259d68ef
--- /dev/null
+++ b/layout/reftests/text/wordwrap-07.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+div { width: 0px; word-wrap: break-word; }
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <div><em>Hello</em>Kitty</div>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-08-ref.html b/layout/reftests/text/wordwrap-08-ref.html
new file mode 100644
index 0000000000..d0c5bded39
--- /dev/null
+++ b/layout/reftests/text/wordwrap-08-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+textarea { overflow: scroll; word-wrap: normal; white-space: pre}
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20">It's&nbsp;lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin&nbsp;Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-08.html b/layout/reftests/text/wordwrap-08.html
new file mode 100644
index 0000000000..d9b02b83f0
--- /dev/null
+++ b/layout/reftests/text/wordwrap-08.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+textarea { overflow: scroll}
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20" wrap="off">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-09-ref.html b/layout/reftests/text/wordwrap-09-ref.html
new file mode 100644
index 0000000000..a6dcbe642f
--- /dev/null
+++ b/layout/reftests/text/wordwrap-09-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+textarea { overflow: scroll; word-wrap: normal; white-space: pre; }
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20">It's
+lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin
+Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-09.html b/layout/reftests/text/wordwrap-09.html
new file mode 100644
index 0000000000..033a8f2691
--- /dev/null
+++ b/layout/reftests/text/wordwrap-09.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <style type="text/css">
+textarea { overflow: scroll; word-wrap: normal; }
+  </style>
+  <title>Test Wordwrap</title>
+ </head>
+ <body>
+  <textarea rows="10" cols="20">It's lipsmackinthirstquenchinacetastinmotivatingoodbuzzincooltalkinhighwalkinfastlivinevergivincoolfizzin Firefox!</textarea>
+ </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-10-ref.html b/layout/reftests/text/wordwrap-10-ref.html
new file mode 100644
index 0000000000..1c370bc4c7
--- /dev/null
+++ b/layout/reftests/text/wordwrap-10-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Test - word-wrap: break-word should respect clusters</title>
+  </head>
+  <body>
+    <div>
+      a<br>b<br>c<br>
+      d&#x0325;<br>e&#x0315;<br>f&#x0323;<br>
+      &#x10400;<br>&#x10401;<br>&#x10402;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text/wordwrap-10.html b/layout/reftests/text/wordwrap-10.html
new file mode 100644
index 0000000000..5a892c6adf
--- /dev/null
+++ b/layout/reftests/text/wordwrap-10.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <title>Test - word-wrap: break-word should respect clusters</title>
+  </head>
+  <body>
+    <div style="width:0px; word-wrap:break-word">
+      abc
+      d&#x0325;e&#x0315;f&#x0323;
+      &#x10400;&#x10401;&#x10402;
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text/zwnj-01-notref.html b/layout/reftests/text/zwnj-01-notref.html
new file mode 100644
index 0000000000..20a642b624
--- /dev/null
+++ b/layout/reftests/text/zwnj-01-notref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Reference rendering for zwnj-02.html. No spans, no ZWNJs. Everything
+  should connect -->
+<html>
+ <head>
+  <title>ZWNJ test</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+  body {   
+    font-size: 36px;
+  }
+  </style>
+ </head>
+ <body lang="ar">
+  <p>&#x647;&#x641;&#x62A;&#x647;&#x647;&#x627;</p>
+  <p>&#x645;&#x648;&#x632;&#x647;&#x647;&#x627;</p>
+  <p>&#x633;&#x647;&#x634;&#x646;&#x628;&#x647;</p>
+  <p>&#x631;&#x627;&#x647;&#x622;&#x647;&#x646;</p>
+  <p>&#x646;&#x631;&#x645;&#x627;&#x641;&#x632;&#x627;&#x631;</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/zwnj-01-ref.html b/layout/reftests/text/zwnj-01-ref.html
new file mode 100644
index 0000000000..a7b77f46df
--- /dev/null
+++ b/layout/reftests/text/zwnj-01-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Reference rendering for zwnj-01.html. This uses spans with
+  display:inline-block to prevent the letters from connecting -->
+<html>
+ <head>
+  <title>ZWNJ test</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+  body {   
+    font-size: 36px;
+  }
+  span {
+    display: inline-block;
+  }
+  </style>
+ </head>
+ <body lang="ar">
+  <p><span>&#x647;&#x627;</span><span>&#x647;&#x641;&#x62A;&#x647;</span></p>
+  <p><span>&#x647;&#x627;</span><span>&#x645;&#x648;&#x632;&#x647;</span></p>
+  <p><span>&#x634;&#x646;&#x628;&#x647;</span><span>&#x633;&#x647;</span></p>
+  <p><span>&#x622;&#x647;&#x646;</span><span>&#x631;&#x627;&#x647;</span></p>
+  <p><span>&#x627;&#x641;&#x632;&#x627;&#x631;</span><span>&#x646;&#x631;&#x645;</span></p>
+ </body>
+</html>
diff --git a/layout/reftests/text/zwnj-01-ref.xhtml b/layout/reftests/text/zwnj-01-ref.xhtml
new file mode 100644
index 0000000000..deb3382dba
--- /dev/null
+++ b/layout/reftests/text/zwnj-01-ref.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+
+  <foreignObject filter="url(../filters.svg#NonWhiteToBlack)"
+                 x="0" y="0" height="100%" width="100%">
+<!-- Reference rendering for zwnj-01.html. This uses spans with
+  display:inline-block to prevent the letters from connecting -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>ZWNJ test</title>
+  <style type="text/css">
+  body {   
+    font-size: 36px;
+    background: white;
+    color: black;
+  }
+  span {
+    display: inline-block;
+  }
+  </style>
+ </head>
+ <body lang="ar">
+  <p><span>&#x647;&#x627;</span><span>&#x647;&#x641;&#x62A;&#x647;</span></p>
+  <p><span>&#x647;&#x627;</span><span>&#x645;&#x648;&#x632;&#x647;</span></p>
+  <p><span>&#x634;&#x646;&#x628;&#x647;</span><span>&#x633;&#x647;</span></p>
+  <p><span>&#x622;&#x647;&#x646;</span><span>&#x631;&#x627;&#x647;</span></p>
+  <p><span>&#x627;&#x641;&#x632;&#x627;&#x631;</span><span>&#x646;&#x631;&#x645;</span></p>
+ </body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/text/zwnj-01.html b/layout/reftests/text/zwnj-01.html
new file mode 100644
index 0000000000..03b1715957
--- /dev/null
+++ b/layout/reftests/text/zwnj-01.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- ZWNJ test #1. Persian words containing a ZWNJ (copied from
+  http://www.unics.uni-hannover.de/nhtcapri/bidirectional-text.html) -->
+<html>
+ <head>
+  <title>ZWNJ test</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <style type="text/css">
+  body {   
+    font-size: 36px;
+  }
+  </style>
+ </head>
+ <body lang="ar">
+  <p>&#x647;&#x641;&#x62A;&#x647;&#x200C;&#x647;&#x627;</p>
+  <p>&#x645;&#x648;&#x632;&#x647;&#x200C;&#x647;&#x627;</p>
+  <p>&#x633;&#x647;&#x200C;&#x634;&#x646;&#x628;&#x647;</p>
+  <p>&#x631;&#x627;&#x647;&#x200C;&#x622;&#x647;&#x646;</p>
+  <p>&#x646;&#x631;&#x645;&#x200C;&#x627;&#x641;&#x632;&#x627;&#x631;</p>
+ </body>
+</html>
diff --git a/layout/reftests/text/zwnj-01.xhtml b/layout/reftests/text/zwnj-01.xhtml
new file mode 100644
index 0000000000..25cec48356
--- /dev/null
+++ b/layout/reftests/text/zwnj-01.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+
+  <foreignObject filter="url(../filters.svg#NonWhiteToBlack)"
+                 x="0" y="0" height="100%" width="100%">
+<!-- ZWNJ test #1. Persian words containing a ZWNJ (copied from
+  http://www.unics.uni-hannover.de/nhtcapri/bidirectional-text.html) -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>ZWNJ test</title>
+  <style type="text/css">
+  body {
+    font-size: 36px;
+    background: white;
+    color: black;
+  }
+  </style>
+ </head>
+ <body lang="ar">
+  <p>&#x647;&#x641;&#x62A;&#x647;&#x200C;&#x647;&#x627;</p>
+  <p>&#x645;&#x648;&#x632;&#x647;&#x200C;&#x647;&#x627;</p>
+  <p>&#x633;&#x647;&#x200C;&#x634;&#x646;&#x628;&#x647;</p>
+  <p>&#x631;&#x627;&#x647;&#x200C;&#x622;&#x647;&#x646;</p>
+  <p>&#x646;&#x631;&#x645;&#x200C;&#x627;&#x641;&#x632;&#x627;&#x631;</p>
+ </body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/text/zwnj-02-ref.xhtml b/layout/reftests/text/zwnj-02-ref.xhtml
new file mode 100644
index 0000000000..bc0b434590
--- /dev/null
+++ b/layout/reftests/text/zwnj-02-ref.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+
+  <foreignObject filter="url(../filters.svg#NonWhiteToBlack)"
+                 x="0" y="0" height="100%" width="100%">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<!-- Reference rendering for zwnj-02.html. No spans, no ZWNJs. Everything
+  should connect -->
+ <head>
+  <title>ZWNJ test</title>
+  <style type="text/css">
+  html, body { margin: 0; background: white; color: black; height: 100%; width: 100%; }
+  body {   
+    font-size: 36px;
+  }
+  </style>
+ </head>
+ <body lang="ar">
+  <p>&#x647;&#x641;&#x62A;&#x647;&#x647;&#x627;</p>
+  <p>&#x645;&#x648;&#x632;&#x647;&#x647;&#x627;</p>
+  <p>&#x633;&#x647;&#x634;&#x646;&#x628;&#x647;</p>
+  <p>&#x631;&#x627;&#x647;&#x622;&#x647;&#x646;</p>
+  <p>&#x646;&#x631;&#x645;&#x627;&#x641;&#x632;&#x627;&#x631;</p>
+ </body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/text/zwnj-02.xhtml b/layout/reftests/text/zwnj-02.xhtml
new file mode 100644
index 0000000000..7a1b37633a
--- /dev/null
+++ b/layout/reftests/text/zwnj-02.xhtml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+
+  <!-- use an empty g to force filters.svg to load before onload -->
+  <use xlink:href="../filters.svg#empty" />
+
+  <foreignObject filter="url(../filters.svg#NonWhiteToBlack)"
+                 x="0" y="0" height="100%" width="100%">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<!-- ZWNJ test #2. The words from zwnj-01.html with the ZWNJs replaced by
+ span boundaries. Correct behaviour is for the letters to connect across the
+ spans -->
+ <head>
+  <title>ZWNJ test</title>
+  <style type="text/css">
+  html, body { margin: 0; background: white; color: black; height: 100%; width: 100%; }
+  body {   
+    font-size: 36px;
+  }
+  </style>
+ </head>
+ <body lang="ar">
+  <p><span>&#x647;&#x641;&#x62A;&#x647;</span><span>&#x647;&#x627;</span></p>
+  <p><span>&#x645;&#x648;&#x632;&#x647;</span><span>&#x647;&#x627;</span></p>
+  <p><span>&#x633;&#x647;</span><span>&#x634;&#x646;&#x628;&#x647;</span></p>
+  <p><span>&#x631;&#x627;&#x647;</span><span>&#x622;&#x647;&#x646;</span></p>
+  <p><span>&#x646;&#x631;&#x645;</span><span>&#x627;&#x641;&#x632;&#x627;&#x631;</span></p>
+ </body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/transform-3d/1035611-1-ref.html b/layout/reftests/transform-3d/1035611-1-ref.html
new file mode 100644
index 0000000000..4c79af3e43
--- /dev/null
+++ b/layout/reftests/transform-3d/1035611-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 1035611</title>
+	<meta charset=UTF-8>
+	<style type="text/css">
+
+	#outer {
+	  width: 500px;
+	  height: 100px;
+	  overflow:hidden;
+	  background: orange;
+	}
+
+	#inner {
+	  width: 36px;
+	  height: 100px;
+	  background: blue;
+	}
+	
+	</style>
+</head>
+<body>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/1035611-1.html b/layout/reftests/transform-3d/1035611-1.html
new file mode 100644
index 0000000000..2d7e787077
--- /dev/null
+++ b/layout/reftests/transform-3d/1035611-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en-US" reftest-zoom="1.0">
+<head>
+	<title>Testcase, bug 1035611</title>
+	<meta charset=UTF-8>
+	<style type="text/css">
+
+	#outer1 {
+	  width: 500px;
+	  height: 100px;
+	  overflow:hidden;
+	  background: blue;
+	}
+
+	#outer2 {
+	  width: 250px;
+	  height: 100px;
+	  perspective: 125px;
+	}
+
+	#inner {
+	  transform-origin: 0px 0px 70px;
+	  transform: rotate3d(0, 1, 0, -54deg);
+	  width: 128px;
+	  height: 128px;
+	  background: orange;
+	}
+	</style>
+</head>
+<body>
+<div id="outer1">
+  <div id="outer2">
+    <div id="inner"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/1157984-1.html b/layout/reftests/transform-3d/1157984-1.html
new file mode 100644
index 0000000000..be0f6526aa
--- /dev/null
+++ b/layout/reftests/transform-3d/1157984-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en-US" reftest-zoom="1.0">
+<head>
+  <title>Testcase, bug 1157984</title>
+  <meta charset=UTF-8>
+  <style type="text/css">
+
+  #outer {
+    position:absolute;
+    width: 60px;
+    height: 60px;
+    perspective-origin: 300px 300px;
+    perspective: 300px;
+    overflow: hidden;
+  }
+
+  #inner {
+    position:absolute;
+    background-color: green;
+    width: 600px;
+    height: 600px;
+    transform-origin: 300px 300px 0px;
+    transform: translateZ(300px) rotateY(-2rad) translateZ(300px);
+  }
+  </style>
+</head>
+<body>
+  <div id="outer">
+    <div id="inner"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/1245450-1.html b/layout/reftests/transform-3d/1245450-1.html
new file mode 100644
index 0000000000..59c7b67d8c
--- /dev/null
+++ b/layout/reftests/transform-3d/1245450-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+  .scene {
+    perspective: 1000px;
+    transform-style: preserve-3d;
+    transform: rotateY(0deg);
+  }
+
+  .card {
+    perspective: 1000px;
+    transform-style: preserve-3d;
+    backface-visibility: hidden;
+    width: 100px;
+    height: 100px;
+  }
+
+  .front {
+    transform: rotateY(0deg);
+    background-color: #00FF00;
+  }
+
+  .back {
+    transform: rotateY(180deg);
+    background-color: #FF0000;
+  }
+</style>
+</head>
+<body>
+  <div class="scene">
+    <div class="card front"></div>
+    <div class="card back"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/1271058-1-ref.html b/layout/reftests/transform-3d/1271058-1-ref.html
new file mode 100644
index 0000000000..fc56c22e0a
--- /dev/null
+++ b/layout/reftests/transform-3d/1271058-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<body>
+<canvas id="canvas" width="200" height="200"></canvas>
+</body>
+<script>
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = "green";
+    ctx.fillRect(0, 0, 200, 200);
+</script>
+</html>
diff --git a/layout/reftests/transform-3d/1271058-1.html b/layout/reftests/transform-3d/1271058-1.html
new file mode 100644
index 0000000000..845785d591
--- /dev/null
+++ b/layout/reftests/transform-3d/1271058-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 300px;
+        height: 300px;
+        position:absolute;
+        transform: translateZ(0px);
+        background-color: red;
+        top: -220px;
+        left: -20px;
+    }
+</style>
+</head><body>
+
+<canvas id="canvas" width="200" height="200"></canvas>
+<div class="preserve">
+    <div class="preserve" style="opacity:0.0001">
+        <div class="leaf"></div>
+    </div>
+</div>
+
+</body>
+<script>
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = "green";
+    ctx.fillRect(0, 0, 200, 200);
+</script>
+</html>
+
diff --git a/layout/reftests/transform-3d/1467277-1.html b/layout/reftests/transform-3d/1467277-1.html
new file mode 100644
index 0000000000..ae6c4ccc33
--- /dev/null
+++ b/layout/reftests/transform-3d/1467277-1.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate3d(1e50, 0, 0, 45deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/1544995-1-ref.html b/layout/reftests/transform-3d/1544995-1-ref.html
new file mode 100644
index 0000000000..091725c02a
--- /dev/null
+++ b/layout/reftests/transform-3d/1544995-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  .scene {
+    transform-style: preserve-3d;
+  }
+  .hidden {
+    backface-visibility: hidden;
+  }
+  #inner {
+    width: 20px;
+    height: 20px;
+    box-shadow: rgb(255, 205, 31) 0px 0px 0px 3px;
+  }
+</style>
+</head>
+<body>
+<div class="scene">
+    <div class="hidden">
+        <div id="inner">
+        </div>
+    </div>
+</div
+</body>
diff --git a/layout/reftests/transform-3d/1544995-1.html b/layout/reftests/transform-3d/1544995-1.html
new file mode 100644
index 0000000000..260231deb0
--- /dev/null
+++ b/layout/reftests/transform-3d/1544995-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  .scene {
+    transform-style: preserve-3d;
+  }
+  .hidden {
+    backface-visibility: hidden;
+  }
+  #inner {
+    width: 20px;
+    height: 20px;
+  }
+</style>
+<script type="text/javascript">
+  function doTest() {
+    document.getElementById("inner").style.boxShadow = "rgb(255, 205, 31) 0px 0px 0px 3px";
+    document.documentElement.removeAttribute('class');
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</head>
+<body>
+<div class="scene">
+    <div class="hidden">
+        <div id="inner">
+        </div>
+    </div>
+</div
+</body>
diff --git a/layout/reftests/transform-3d/1637067-1-ref.html b/layout/reftests/transform-3d/1637067-1-ref.html
new file mode 100644
index 0000000000..e46b352f07
--- /dev/null
+++ b/layout/reftests/transform-3d/1637067-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+.text {
+  position: absolute;
+  top: 100px;
+  left: 45px;
+  height: 400px;
+  width: 400px;
+}
+
+.thing {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 512px;
+  height: 512px;
+  background: url('data:image/svg+xml;utf8,<svg width="512" height="200" viewBox="0 0 512 512" fill="black" xmlns="http://www.w3.org/2000/svg"><text x="0" y="400" font-size="100">some text</text></svg>');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+</style>
+</head>
+<body>
+<div class='text'>
+<div class="thing"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/1637067-1.html b/layout/reftests/transform-3d/1637067-1.html
new file mode 100644
index 0000000000..0f2b125082
--- /dev/null
+++ b/layout/reftests/transform-3d/1637067-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+@keyframes rotate {
+  100% {
+    transform: rotatey(1800deg);
+  }
+}
+
+@keyframes rotate2 {
+  100% {
+    transform: rotatey(2800deg);
+  }
+}
+
+
+.text {
+  position: absolute;
+  top: 100px;
+  left: 100px;
+  height: 400px;
+  width: 400px;
+  transform-style: preserve-3d;
+  transform: rotatey(271deg);
+  /*animation: rotate 30s linear infinite reverse;*/
+}
+
+.thing {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 512px;
+  height: 512px;
+  background: url('data:image/svg+xml;utf8,<svg width="512" height="200" viewBox="0 0 512 512" fill="black" xmlns="http://www.w3.org/2000/svg"><text x="0" y="400" font-size="100">some text</text></svg>');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  transform: rotatey(89deg) translatez(117.04394px);
+}
+
+</style>
+</head>
+<body>
+<div class='text'>
+<div class="thing"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/animate-backface-hidden.html b/layout/reftests/transform-3d/animate-backface-hidden.html
new file mode 100644
index 0000000000..f52b912f66
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-backface-hidden.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait reftest-no-flush">
+<title>Testcase, bug 1186061</title>
+<style>
+
+html { overflow: hidden }
+
+body { padding: 50px }
+
+@keyframes flip {
+  0%, 85% { transform: rotateX(170deg); }
+  90%, 100% { transform: rotateX(10deg); }
+}
+
+#test {
+  background: blue;
+  height: 200px; width: 200px;
+  backface-visibility: hidden;
+  /* use a -99.9s delay to start at 99.9% and then move to 0% */
+  animation: flip 100s -99.9s linear 2 paused;
+}
+
+</style>
+
+<div id="test">
+</div>
+
+<script>
+
+document.getElementById("test")
+        .addEventListener("animationstart", StartListener);
+
+function StartListener(event) {
+  var test = document.getElementById("test");
+  test.style.animationPlayState = 'running';
+  test.addEventListener("animationiteration", IterationListener);
+}
+
+function IterationListener(event) {
+  setTimeout(RemoveReftestWait, 0);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/transform-3d/animate-cube-degrees-ref.html b/layout/reftests/transform-3d/animate-cube-degrees-ref.html
new file mode 100644
index 0000000000..bbaa9d0b8b
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-degrees-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  transform: rotateY(-120deg) rotateX(60deg);
+  transform-style: preserve-3d;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-cube-degrees-zoom-ref.html b/layout/reftests/transform-3d/animate-cube-degrees-zoom-ref.html
new file mode 100644
index 0000000000..aff04d5c9e
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-degrees-zoom-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5">
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  transform: rotateY(-120deg) rotateX(60deg);
+  transform-style: preserve-3d;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-cube-degrees-zoom.html b/layout/reftests/transform-3d/animate-cube-degrees-zoom.html
new file mode 100644
index 0000000000..26c989a540
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-degrees-zoom.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5">
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+@keyframes HoldTransform {
+  from, to {
+    transform: rotateY(-120deg) rotateX(60deg);
+  }
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  transform-style: preserve-3d;
+  animation: 10s HoldTransform infinite;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-cube-degrees.html b/layout/reftests/transform-3d/animate-cube-degrees.html
new file mode 100644
index 0000000000..d2d80b5202
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-degrees.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html>
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+@keyframes HoldTransform {
+  from, to {
+    transform: rotateY(-120deg) rotateX(60deg);
+  }
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  transform-style: preserve-3d;
+  animation: 10s HoldTransform infinite;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-cube-radians-ref.html b/layout/reftests/transform-3d/animate-cube-radians-ref.html
new file mode 100644
index 0000000000..fe15a3729e
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-radians-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html>
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  /* approximately rotateY(-120deg) rotateX(60deg); */
+  transform: rotateY(-2.0944rad) rotateX(1.0472rad);
+  transform-style: preserve-3d;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-cube-radians-zoom-ref.html b/layout/reftests/transform-3d/animate-cube-radians-zoom-ref.html
new file mode 100644
index 0000000000..01eb930494
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-radians-zoom-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5">
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  /* approximately rotateY(-120deg) rotateX(60deg); */
+  transform: rotateY(-2.0944rad) rotateX(1.0472rad);
+  transform-style: preserve-3d;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-cube-radians-zoom.html b/layout/reftests/transform-3d/animate-cube-radians-zoom.html
new file mode 100644
index 0000000000..b7075f3283
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-radians-zoom.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html reftest-zoom="1.5">
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+@keyframes HoldTransform {
+  from, to {
+    /* approximately rotateY(-120deg) rotateX(60deg); */
+    transform: rotateY(-2.0944rad) rotateX(1.0472rad);
+  }
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  transform-style: preserve-3d;
+  animation: 10s HoldTransform infinite;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-cube-radians.html b/layout/reftests/transform-3d/animate-cube-radians.html
new file mode 100644
index 0000000000..5a8f61ec3d
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-cube-radians.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<title>Reftest, bug 1156456</title>
+<style>
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  perspective: 1000px;
+}
+
+div, div::before, div::after {
+  width: 200px; height: 200px;
+}
+
+@keyframes HoldTransform {
+  from, to {
+    /* approximately rotateY(-120deg) rotateX(60deg); */
+    transform: rotateY(-2.0944rad) rotateX(1.0472rad);
+  }
+}
+
+div {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  transform-origin: 50% 50% 100px;
+  background: #006;
+  transform-style: preserve-3d;
+  animation: 10s HoldTransform infinite;
+}
+
+div::before, div::after {
+  position: absolute;
+  top: 0; left: 0;
+  content: "";
+}
+
+div::before {
+  background: #00f;
+  transform: translate3D(100px, 0, 100px) rotateY(90deg);
+}
+
+div::after {
+  background: #00c;
+  transform: translate3D(0, -100px, 100px) rotateX(90deg);
+}
+
+</style>
+<div></div>
diff --git a/layout/reftests/transform-3d/animate-preserve3d-child.html b/layout/reftests/transform-3d/animate-preserve3d-child.html
new file mode 100644
index 0000000000..5ac5f290cf
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-preserve3d-child.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Testcase, bug 1176969</title>
+<style>
+
+body { padding: 50px }
+
+#grandparent { perspective: 400px }
+
+@keyframes spin {
+  0%, 85% { transform: rotateX(-45deg) rotateY(-45deg) rotateZ(-45deg); }
+  90%, 100% { transform: rotateX(-30deg) rotateY(-30deg) rotateZ(-30deg); }
+}
+
+#parent {
+  background: blue;
+  height: 200px; width: 200px;
+  border: 1px solid black;
+  transform-style: preserve-3d;
+  /* use a -99.9s delay to start at 99.9% and then move to 0% */
+  animation: spin 100s -99.9s linear 2;
+}
+
+@keyframes noop {
+  from, to { transform: translateZ(15px) }
+}
+
+#child {
+  height: 100px; width: 100px; margin: 50px;
+  background: yellow;
+  box-shadow: 3px 3px olive;
+  animation: noop infinite 10s linear;
+}
+
+</style>
+
+<div id="grandparent">
+  <div id="parent">
+    <div id="child">
+    </div>
+  </div>
+</div>
+
+<script>
+
+document.getElementById("parent")
+        .addEventListener("animationiteration", IterationListener);
+
+function IterationListener(event) {
+  setTimeout(RemoveReftestWait, 0);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/transform-3d/animate-preserve3d-parent.html b/layout/reftests/transform-3d/animate-preserve3d-parent.html
new file mode 100644
index 0000000000..9aa8816d3f
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-preserve3d-parent.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Testcase, bug 1176969</title>
+<style>
+
+body { padding: 50px }
+
+#grandparent { perspective: 400px }
+
+@keyframes spin {
+  0%, 85% { transform: rotateX(-45deg) rotateY(-45deg) rotateZ(-45deg); }
+  90%, 100% { transform: rotateX(-30deg) rotateY(-30deg) rotateZ(-30deg); }
+}
+
+#parent {
+  background: blue;
+  height: 200px; width: 200px;
+  border: 1px solid black;
+  transform-style: preserve-3d;
+  /* use a -99.9s delay to start at 99.9% and then move to 0% */
+  animation: spin 100s -99.9s linear 2 paused;
+}
+
+#child {
+  transform: translateZ(15px);
+  height: 100px; width: 100px; margin: 50px;
+  background: yellow;
+  box-shadow: 3px 3px olive;
+}
+
+</style>
+
+<div id="grandparent">
+  <div id="parent">
+    <div id="child">
+    </div>
+  </div>
+</div>
+
+<script>
+
+document.getElementById("parent").addEventListener("animationstart", StartListener);
+
+function StartListener(event) {
+  var test = document.getElementById("parent");
+  test.style.animationPlayState = 'running';
+  test.addEventListener("animationiteration", IterationListener);
+}
+
+function IterationListener(event) {
+  setTimeout(RemoveReftestWait, 0);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/transform-3d/animate-preserve3d-ref.html b/layout/reftests/transform-3d/animate-preserve3d-ref.html
new file mode 100644
index 0000000000..60c560804b
--- /dev/null
+++ b/layout/reftests/transform-3d/animate-preserve3d-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+<title>Testcase, bug 1176969</title>
+<style>
+
+body { padding: 50px }
+
+#grandparent { perspective: 400px }
+
+#parent {
+  background: blue;
+  height: 200px; width: 200px;
+  border: 1px solid black;
+  transform-style: preserve-3d;
+  transform: rotateX(-45deg) rotateY(-45deg) rotateZ(-45deg);
+  will-change: transform;
+}
+
+#child {
+  transform: translateZ(15px);
+  height: 100px; width: 100px; margin: 50px;
+  background: yellow;
+  box-shadow: 3px 3px olive;
+}
+
+</style>
+
+<div id="grandparent">
+  <div id="parent">
+    <div id="child">
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/transform-3d/backface-visibility-1a.html b/layout/reftests/transform-3d/backface-visibility-1a.html
new file mode 100644
index 0000000000..b491051ba8
--- /dev/null
+++ b/layout/reftests/transform-3d/backface-visibility-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(180deg); backface-visibility: visible; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/backface-visibility-1b.html b/layout/reftests/transform-3d/backface-visibility-1b.html
new file mode 100644
index 0000000000..26fdfd649e
--- /dev/null
+++ b/layout/reftests/transform-3d/backface-visibility-1b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(180deg); backface-visibility: hidden; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/backface-visibility-1c.html b/layout/reftests/transform-3d/backface-visibility-1c.html
new file mode 100644
index 0000000000..8047462a7d
--- /dev/null
+++ b/layout/reftests/transform-3d/backface-visibility-1c.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(180deg); backface-visibility: hidden; width: 100px; height: 100px; display: table">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/backface-visibility-2-ref.html b/layout/reftests/transform-3d/backface-visibility-2-ref.html
new file mode 100644
index 0000000000..47db3e64f2
--- /dev/null
+++ b/layout/reftests/transform-3d/backface-visibility-2-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<body>
+	<style>
+	#container {
+		position: relative;
+		margin: 10px auto;
+		width: 450px;
+		height: 281px;
+		z-index: 1;
+		perspective: 1000px;
+	}
+	#card {
+		width: 100%;
+		height: 100%;
+		transform-style: preserve-3d;
+        transform: rotateY(165deg);
+	}
+	.face {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+    backface-visibility: hidden;
+    background: red;
+	}
+	.face.back {
+		display: block;
+		transform: rotateY(180deg);
+		box-sizing: border-box;
+		padding: 10px;
+		color: white;
+		text-align: center;
+		background: green;
+	}
+	</style>
+	
+	<div id="container" class="hover">
+		<div id="card">
+			<div class="back face">
+			</div>
+  		</div>
+    </div>
+</body></html>
diff --git a/layout/reftests/transform-3d/backface-visibility-2.html b/layout/reftests/transform-3d/backface-visibility-2.html
new file mode 100644
index 0000000000..1c48f2545d
--- /dev/null
+++ b/layout/reftests/transform-3d/backface-visibility-2.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<body>
+	<style>
+	#container {
+		position: relative;
+		margin: 10px auto;
+		width: 450px;
+		height: 281px;
+		z-index: 1;
+		perspective: 1000px;
+	}
+	#card {
+		width: 100%;
+		height: 100%;
+		transform-style: preserve-3d;
+        transform: rotateY(165deg);
+	}
+	.face {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+        backface-visibility: hidden;
+        background: red;
+	}
+	.face.back {
+		display: block;
+		transform: rotateY(180deg);
+		box-sizing: border-box;
+		padding: 10px;
+		color: white;
+		text-align: center;
+		background: green;
+	}
+	</style>
+	
+	<div id="container" class="hover">
+		<div id="card">
+			<div class="front face">
+			</div>
+			<div class="back face">
+			</div>
+  		</div>
+    </div>
+</body></html>
diff --git a/layout/reftests/transform-3d/backface-visibility-3-ref.html b/layout/reftests/transform-3d/backface-visibility-3-ref.html
new file mode 100644
index 0000000000..b75cb6def5
--- /dev/null
+++ b/layout/reftests/transform-3d/backface-visibility-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style type='text/css'>
+    div {
+      position: absolute;
+      display: block;
+      width: 160px;
+      height: 160px;
+      background: red;
+      top:108px;
+      left:308px;
+    }
+  </style>
+</head>
+<body>
+    <div></div>
+</body>
+</html>
+
+
diff --git a/layout/reftests/transform-3d/backface-visibility-3.html b/layout/reftests/transform-3d/backface-visibility-3.html
new file mode 100644
index 0000000000..ec8d648de9
--- /dev/null
+++ b/layout/reftests/transform-3d/backface-visibility-3.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style type='text/css'>
+    body {
+      overflow: hidden;
+    }
+    #test {
+      transform-origin: 0 0;
+      transform: scale(2) translateX(100px);
+      transform-style: preserve-3d;
+    }
+    #test div {
+      position: absolute;
+      display: block;
+      width: 80px;
+      height: 80px;
+      background: red;
+      top:50px;
+      left:50px;
+
+     backface-visibility: hidden;
+    }
+  </style>
+</head>
+<body>
+  <div id="test">
+    <div></div>
+  </div>
+</body>
+</html>
+
+
diff --git a/layout/reftests/transform-3d/component-alpha-1-ref.html b/layout/reftests/transform-3d/component-alpha-1-ref.html
new file mode 100644
index 0000000000..3ec2905742
--- /dev/null
+++ b/layout/reftests/transform-3d/component-alpha-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>red box</title>
+<style>
+
+#wrapper {
+}
+
+#shape {
+  background-color: red;
+
+  width: 200px;
+  height: 200px;
+}
+</style>
+
+</head>
+<body>
+<div id="wrapper">
+  <div id="shape">foo</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/component-alpha-1.html b/layout/reftests/transform-3d/component-alpha-1.html
new file mode 100644
index 0000000000..3726a4fbca
--- /dev/null
+++ b/layout/reftests/transform-3d/component-alpha-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>red box</title>
+<style>
+
+#wrapper {
+  perspective: 0px;
+}
+
+#shape {
+  background-color: red;
+
+  width: 200px;
+  height: 200px;
+
+  transform: rotateX(0deg);
+}
+</style>
+
+</head>
+<body>
+<div id="wrapper">
+  <div id="shape">foo</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/green-rect.html b/layout/reftests/transform-3d/green-rect.html
new file mode 100644
index 0000000000..4e6d13e951
--- /dev/null
+++ b/layout/reftests/transform-3d/green-rect.html
@@ -0,0 +1,14 @@
+<html>
+    <head>
+        <style type="text/css">
+        #parent {
+            width: 100px;
+            height: 100px;
+            background-color: #00FF00;
+        }
+        </style>
+    </head>
+    <body>
+        <div id="parent"></div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/intermediate-1-ref.html b/layout/reftests/transform-3d/intermediate-1-ref.html
new file mode 100644
index 0000000000..53f8045c87
--- /dev/null
+++ b/layout/reftests/transform-3d/intermediate-1-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style type="text/css">
+
+div {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+}
+
+.opacity {
+  opacity: 0.99;
+}
+
+.green {
+  background-color: green;
+}
+
+.red {
+  width: 300px;
+  height: 100px;
+  background-color: red;
+}
+
+.translate {
+  transform: translateX(100px);
+}
+
+</style>
+</head>
+
+<body>
+<div class="red"></div>
+<div class="green">
+  <div class="translate opacity green">
+    <div class="translate green"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/intermediate-1.html b/layout/reftests/transform-3d/intermediate-1.html
new file mode 100644
index 0000000000..cfc822f4b2
--- /dev/null
+++ b/layout/reftests/transform-3d/intermediate-1.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style type="text/css">
+
+div {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+}
+
+.opacity {
+  opacity: 0.99;
+}
+
+.green {
+  transform-style: preserve-3d;
+  background-color: green;
+}
+
+.flat {
+  transform: translateZ(0px);
+}
+
+.red {
+  width: 300px;
+  height: 100px;
+  background-color: red;
+}
+
+.translate {
+  transform: translateX(100px);
+}
+
+</style>
+</head>
+
+<body>
+<div class="red"></div>
+<div class="green">
+  <div class="flat">
+    <div class="translate opacity green">
+      <div class="translate green"> </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/mask-layer-1.html b/layout/reftests/transform-3d/mask-layer-1.html
new file mode 100644
index 0000000000..834ed44633
--- /dev/null
+++ b/layout/reftests/transform-3d/mask-layer-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>border-radius should work correctly for elements with perspective</title>
+
+<style>
+
+#a {
+  position: relative;
+  width: 300px;
+  height: 300px;
+  border-radius: 10px;
+  overflow: hidden;
+  background: red;
+  perspective: 1000px;
+}
+
+#b {
+  position: relative;
+  background: green;
+  height: 100%;
+  width: 10000px;
+  transform: translateX(0px);
+}
+</style>
+
+<div id="a">
+  <div id="b"></div>
+</div>
diff --git a/layout/reftests/transform-3d/mask-layer-2.html b/layout/reftests/transform-3d/mask-layer-2.html
new file mode 100644
index 0000000000..23315e2249
--- /dev/null
+++ b/layout/reftests/transform-3d/mask-layer-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>border-radius should work correctly for elements with perspective and preserve-3d</title>
+
+<style>
+
+#a {
+  position: relative;
+  width: 300px;
+  height: 300px;
+  border-radius: 10px;
+  overflow: hidden;
+  background: red;
+  perspective: 1000px;
+}
+
+#b {
+  height: 100%;
+  transform-style: preserve-3d;
+  transform: rotateX(90deg);
+}
+
+#c {
+  position: relative;
+  background: green;
+  height: 100%;
+  width: 10000px;
+  transform: rotateX(90deg);
+}
+</style>
+
+<div id="a">
+  <div id="b">
+    <div id="c"></div>
+  </div>
+</div>
diff --git a/layout/reftests/transform-3d/mask-layer-3.html b/layout/reftests/transform-3d/mask-layer-3.html
new file mode 100644
index 0000000000..58a04a45ab
--- /dev/null
+++ b/layout/reftests/transform-3d/mask-layer-3.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>border-radius should work correctly for elements with preserve-3d</title>
+
+<style>
+
+#a {
+  position: relative;
+  width: 300px;
+  height: 300px;
+  border-radius: 10px;
+  overflow: hidden;
+  background: red;
+}
+
+#b {
+  height: 100%;
+  transform-style: preserve-3d;
+  transform: rotateX(90deg);
+}
+
+#c {
+  position: relative;
+  background: green;
+  height: 100%;
+  width: 10000px;
+  transform: rotateX(90deg);
+}
+</style>
+
+<div id="a">
+  <div id="b">
+    <div id="c"></div>
+  </div>
+</div>
diff --git a/layout/reftests/transform-3d/mask-layer-ref.html b/layout/reftests/transform-3d/mask-layer-ref.html
new file mode 100644
index 0000000000..bc4f963e63
--- /dev/null
+++ b/layout/reftests/transform-3d/mask-layer-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>border-radius should work correctly for transformed elements</title>
+
+<style>
+
+#a {
+  position: relative;
+  width: 300px;
+  height: 300px;
+  border-radius: 10px;
+  overflow: hidden;
+  background: red;
+}
+
+#b {
+  position: relative;
+  background: green;
+  height: 100%;
+  width: 10000px;
+  transform: translateZ(1px);
+}
+</style>
+
+<div id="a">
+  <div id="b"></div>
+</div>
diff --git a/layout/reftests/transform-3d/matrix3d-1-ref.html b/layout/reftests/transform-3d/matrix3d-1-ref.html
new file mode 100644
index 0000000000..5cd503b432
--- /dev/null
+++ b/layout/reftests/transform-3d/matrix3d-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: matrix(1,2,3,4,5,6); width: 100px; height: 100px; background: gold;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/matrix3d-1a.html b/layout/reftests/transform-3d/matrix3d-1a.html
new file mode 100644
index 0000000000..235f0ae592
--- /dev/null
+++ b/layout/reftests/transform-3d/matrix3d-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: matrix3d(1,2,0,0,3,4,0,0,0,0,1,0,5,6,0,1); width: 100px; height: 100px; background: gold;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/matrix3d-2-ref.html b/layout/reftests/transform-3d/matrix3d-2-ref.html
new file mode 100644
index 0000000000..b781a00017
--- /dev/null
+++ b/layout/reftests/transform-3d/matrix3d-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate3d(4px,5px,6px) scale3d(1,2,3); width: 100px; height: 100px; background: gold;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/matrix3d-2a.html b/layout/reftests/transform-3d/matrix3d-2a.html
new file mode 100644
index 0000000000..65f8d6bc87
--- /dev/null
+++ b/layout/reftests/transform-3d/matrix3d-2a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: matrix3d(1,0,0,0,0,2,0,0,0,0,3,0,4,5,6,1); width: 100px; height: 100px; background: gold;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/nested-transform-1-ref.html b/layout/reftests/transform-3d/nested-transform-1-ref.html
new file mode 100644
index 0000000000..294ef4bd8b
--- /dev/null
+++ b/layout/reftests/transform-3d/nested-transform-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title></title>
+
+<style type="text/css">
+div {
+  position: absolute;
+  margin: 0 0;
+}
+</style>
+</head>
+
+<body>
+<div style="left: 58px;">
+  <div style="width: 100px; height: 100px; background-color: red;"></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/nested-transform-1.html b/layout/reftests/transform-3d/nested-transform-1.html
new file mode 100644
index 0000000000..f0264a4e00
--- /dev/null
+++ b/layout/reftests/transform-3d/nested-transform-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title></title>
+
+<style type="text/css">
+div {
+  position: absolute;
+  margin: 0 0;
+}
+</style>
+</head>
+
+<body>
+<div style="transform-style: preserve-3d;">
+  <div style="left: 50px; transform-style: flat;">
+    <div style="transform: rotateX(0.1deg); transform-style: flat;">
+      <div style="transform: rotateX(0.1deg); width: 100px; height: 100px; background-color: red;"></div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-1-ref.html b/layout/reftests/transform-3d/opacity-preserve3d-1-ref.html
new file mode 100644
index 0000000000..8a42fa3c98
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-1-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 60px;
+    }
+    .second {
+        transform: translateZ(5px);
+        background-color: green;
+        top: 40px;
+    }
+    .third {
+        transform: translateZ(-5px);
+        background-color: yellow;
+        top: 20px;
+    }
+    .fourth {
+        transform: translateZ(-10px);
+        background-color: red;
+    }
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div class="preserve">
+    <div class="leaf first"></div>
+    <div style="opacity:0.5">
+        <div class="leaf second"></div>
+        <div class="leaf fourth"></div>
+    </div>
+    <div class="leaf third"></div>
+</div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-1.html b/layout/reftests/transform-3d/opacity-preserve3d-1.html
new file mode 100644
index 0000000000..b73be49238
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 60px;
+    }
+    .second {
+        transform: translateZ(5px);
+        background-color: green;
+        top: 40px;
+    }
+    .third {
+        transform: translateZ(-5px);
+        background-color: yellow;
+        top: 20px;
+    }
+    .fourth {
+        transform: translateZ(-10px);
+        background-color: red;
+    }
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div class="preserve">
+    <div class="leaf first"></div>
+    <div class="preserve" style="opacity:0.5">
+        <div class="leaf second"></div>
+        <div class="leaf fourth"></div>
+    </div>
+    <div class="leaf third"></div>
+</div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-2-ref.html b/layout/reftests/transform-3d/opacity-preserve3d-2-ref.html
new file mode 100644
index 0000000000..80336b5cf5
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 50px;
+    }
+    .second {
+        transform: translateZ(5px);
+        background-color: green;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div style="opacity:0.5; transform:translateX(0px)">
+    <div class="leaf first"></div>
+    <div class="leaf second"></div>
+</div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-2.html b/layout/reftests/transform-3d/opacity-preserve3d-2.html
new file mode 100644
index 0000000000..a04b998291
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 50px;
+    }
+    .second {
+        transform: translateZ(5px);
+        background-color: green;
+    }
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div class="preserve" style="opacity:0.5">
+    <div class="leaf first"></div>
+    <div class="leaf second"></div>
+</div>
+
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-3-ref.html b/layout/reftests/transform-3d/opacity-preserve3d-3-ref.html
new file mode 100644
index 0000000000..ffacd8277b
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-3-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 0px;
+    }
+    .second {
+        background-color: green;
+        top: 40px;
+    }
+    .third {
+        top: 80px;
+    }
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div class="preserve">
+    <div style="opacity:0.5; transform:translateX(0px)">
+        <div class="leaf first"></div>
+        <div class="leaf second"></div>
+        <canvas class="leaf third" width="100px" height="100px" id="canvas"></canvas>
+    </div>
+</div>
+<script>
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = "red";
+    ctx.fillRect(0, 0, 100, 100);
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-3.html b/layout/reftests/transform-3d/opacity-preserve3d-3.html
new file mode 100644
index 0000000000..f7bbf2da88
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-3.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 0px;
+    }
+    .second {
+        background-color: green;
+        top: 40px;
+    }
+    .third {
+        top: 80px;
+    }
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div class="preserve">
+    <div class="preserve" style="opacity:0.5">
+        <div class="leaf first"></div>
+        <div class="leaf second"></div>
+        <canvas class="leaf third" width="100px" height="100px" id="canvas"></canvas>
+    </div>
+</div>
+<script>
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = "red";
+    ctx.fillRect(0, 0, 100, 100);
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-4-ref.html b/layout/reftests/transform-3d/opacity-preserve3d-4-ref.html
new file mode 100644
index 0000000000..9fe799b61a
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-4-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 0px;
+    }
+    .second {
+        background-color: green;
+        top: 40px;
+    }
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div class="preserve">
+    <div style="opacity:0.5">
+        <div class="leaf first"></div>
+        <canvas class="leaf second" width="100px" height="100px" id="canvas"></canvas>
+    </div>
+</div>
+<script>
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = "red";
+    ctx.fillRect(0, 0, 100, 100);
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-4.html b/layout/reftests/transform-3d/opacity-preserve3d-4.html
new file mode 100644
index 0000000000..9fd6728644
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-4.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+    .first {
+        transform: translateZ(10px);
+        background-color: blue;
+        top: 0px;
+    }
+    .second {
+        background-color: green;
+        top: 40px;
+    }
+    .preserve {
+        transform-style: preserve-3d;
+    }
+    .leaf {
+        width: 100px;
+        height: 100px;
+        position:absolute;
+    }
+</style>
+</head><body>
+
+<div class="preserve">
+    <div class="preserve" style="opacity:0.5">
+        <div class="leaf first"></div>
+        <canvas class="leaf second" width="100px" height="100px" id="canvas"></canvas>
+    </div>
+</div>
+<script>
+    var canvas = document.getElementById("canvas");
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = "red";
+    ctx.fillRect(0, 0, 100, 100);
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-5-ref.html b/layout/reftests/transform-3d/opacity-preserve3d-5-ref.html
new file mode 100644
index 0000000000..ab64e1e9da
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-5-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+    .outer {
+        transform-style: preserve-3d;
+        width: 200px;
+        height: 200px;
+        opacity: 0.7;
+    }
+    .inner {
+        top: 50%;
+        transform: translateY(-50%);
+        background-color: green;
+        position:relative;
+        width: 200px;
+        height: 200px;
+    }
+</style>
+</head>
+<body>
+
+<div id="outer" class="outer">
+    <div class="inner">
+    </div>
+</div>
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/opacity-preserve3d-5.html b/layout/reftests/transform-3d/opacity-preserve3d-5.html
new file mode 100644
index 0000000000..37808dd581
--- /dev/null
+++ b/layout/reftests/transform-3d/opacity-preserve3d-5.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+    .outer {
+        transform-style: preserve-3d;
+        width: 200px;
+        height: 200px;
+    }
+    .inner {
+        top: 50%;
+        transform: translateY(-50%);
+        background-color: green;
+        position:relative;
+        width: 200px;
+        height: 200px;
+    }
+</style>
+</head>
+<body>
+
+<div id="outer" class="outer">
+    <div class="inner">
+    </div>
+</div>
+<script>
+  function doTest() {
+    document.getElementById("outer").style.opacity = 0.7;
+    document.documentElement.removeAttribute("class");
+  }
+    
+  window.addEventListener("MozReftestInvalidate", doTest, false);
+</script>
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/overflow-hidden-1-ref.html b/layout/reftests/transform-3d/overflow-hidden-1-ref.html
new file mode 100644
index 0000000000..6f62611d71
--- /dev/null
+++ b/layout/reftests/transform-3d/overflow-hidden-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html><head>
+<style type="text/css">
+	.stage{
+		perspective:  700px;
+		overflow: hidden;
+		width: 260px;
+		height: 260px;
+		display: block;
+	}
+	
+	.box {
+		width: 170px;
+		height: 170px;
+		background-color: red;
+		display:  block;
+		transform: rotate3d(0,1,0, 50deg) translatey(20px);
+	}
+	
+	</style>
+</head>
+
+<body id="body">
+	<div class="stage">
+		<div class="box"></div>
+	</div>
+</body></html>
diff --git a/layout/reftests/transform-3d/overflow-hidden-1a.html b/layout/reftests/transform-3d/overflow-hidden-1a.html
new file mode 100644
index 0000000000..6f62611d71
--- /dev/null
+++ b/layout/reftests/transform-3d/overflow-hidden-1a.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html><head>
+<style type="text/css">
+	.stage{
+		perspective:  700px;
+		overflow: hidden;
+		width: 260px;
+		height: 260px;
+		display: block;
+	}
+	
+	.box {
+		width: 170px;
+		height: 170px;
+		background-color: red;
+		display:  block;
+		transform: rotate3d(0,1,0, 50deg) translatey(20px);
+	}
+	
+	</style>
+</head>
+
+<body id="body">
+	<div class="stage">
+		<div class="box"></div>
+	</div>
+</body></html>
diff --git a/layout/reftests/transform-3d/perspective-clipping-1-ref.html b/layout/reftests/transform-3d/perspective-clipping-1-ref.html
new file mode 100644
index 0000000000..78411f4cbc
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-clipping-1-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>#inner should not be clipped</title>
+
+<style>
+
+body {
+  margin: 0;
+  background: lime;
+}
+
+</style>
diff --git a/layout/reftests/transform-3d/perspective-clipping-1.html b/layout/reftests/transform-3d/perspective-clipping-1.html
new file mode 100644
index 0000000000..90ffcf528a
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-clipping-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>#inner should not be clipped</title>
+
+<style>
+
+body {
+  margin: 0;
+  background: red;
+}
+
+#perspective {
+  perspective: 300px;
+  perspective-origin: top left;
+}
+
+#inner {
+  height: 100vh;
+  transform-origin: top left;
+  transform: translateZ(-300px) scale(2);
+  z-index: 2;
+  background: lime;
+  border: 1px solid lime;
+  box-sizing: border-box;
+}
+
+</style>
+
+<div id="perspective">
+  <div id="inner"></div>
+</div>
diff --git a/layout/reftests/transform-3d/perspective-clipping-2-ref.html b/layout/reftests/transform-3d/perspective-clipping-2-ref.html
new file mode 100644
index 0000000000..026b95bdd0
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-clipping-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+    <div style="width:100px; height:200px; background-color:green"></div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-clipping-2.html b/layout/reftests/transform-3d/perspective-clipping-2.html
new file mode 100644
index 0000000000..466b52c3a1
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-clipping-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+  <div style="width:100px; height:100px; background-color:green"></div>
+  <div style="width:100px; height:100px; overflow:hidden">
+    <div style="transform: translateY(-100px) perspective(1px); will-change:transform">
+        <div style="background-color:red; width:100px; height:100px"></div>
+        <div style="background-color:green; width:100px; height:100px"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-1a.html b/layout/reftests/transform-3d/perspective-origin-1a.html
new file mode 100644
index 0000000000..ccd0073abf
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-1a.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="perspective: 1000px; perspective-origin: 0 0;">
+    <div style="transform: rotatex(45deg); width: 100px; height: 100px;">
+      Test Text
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-1b.html b/layout/reftests/transform-3d/perspective-origin-1b.html
new file mode 100644
index 0000000000..2cee0ec606
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-1b.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="perspective: 1000px; perspective-origin: top left;">
+    <div style="transform: rotatex(45deg); width: 100px; height: 100px;">
+      Test Text
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-2-ref.html b/layout/reftests/transform-3d/perspective-origin-2-ref.html
new file mode 100644
index 0000000000..51f813b115
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-2-ref.html
@@ -0,0 +1,31 @@
+<html>
+</head>
+<style type="text/css">
+	.stage{
+		perspective: 100px;
+        perspective-origin: 30px 30px;
+        height:100px;
+        width:100px;
+        margin:5px;
+        padding:5px;
+        border:5px solid gray;
+	}
+	
+	.box {
+        transform:rotateX(45deg);
+        height:70px;
+        width:70px;
+        background:green;
+        margin:5px;
+        padding:5px;
+        border:5px solid black;
+	}
+	
+	</style>
+</head>
+<body>
+    <div class="stage">
+        <div class="box"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-2a.html b/layout/reftests/transform-3d/perspective-origin-2a.html
new file mode 100644
index 0000000000..c96af6b91d
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-2a.html
@@ -0,0 +1,31 @@
+<html>
+</head>
+<style type="text/css">
+	.stage{
+		perspective: 100px;
+        perspective-origin: 25% 25%;
+        height:100px;
+        width:100px;
+        margin:5px;
+        padding:5px;
+        border:5px solid gray;
+	}
+	
+	.box {
+        transform:rotateX(45deg);
+        height:70px;
+        width:70px;
+        background:green;
+        margin:5px;
+        padding:5px;
+        border:5px solid black;
+	}
+	
+	</style>
+</head>
+<body>
+    <div class="stage">
+        <div class="box"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-3-ref.html b/layout/reftests/transform-3d/perspective-origin-3-ref.html
new file mode 100644
index 0000000000..06378b11b4
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-3-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <style type="text/css">
+
+.parentWithPerspective {
+  perspective: 100px;
+  perspective-origin: 150px 150px;
+  -webkit-perspective: 100px;
+  -webkit-perspective-origin: 150px 150px;
+  /* Changing width/height to 500px should not change the rendering. */
+  height:100%;
+}
+
+.parentWithPerspective > div {
+  position:absolute;
+  top:100px;
+  left:100px;
+  width:100px;
+  height:100px;
+}
+
+.notTransformed {
+  outline: 1px solid black;
+}
+
+.transformed {
+  background:blue;
+  transform-origin: 0% 0%;
+  transform: rotateY(45deg);
+  -webkit-transform-origin: 0% 0%;
+  -webkit-transform: rotateY(45deg);
+}
+
+  </style>
+  <body>
+    <div class="parentWithPerspective">
+      <div class="notTransformed"></div>
+      <div class="transformed"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-3a.html b/layout/reftests/transform-3d/perspective-origin-3a.html
new file mode 100644
index 0000000000..1cc3d03b09
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-3a.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <style type="text/css">
+
+.parentWithPerspective {
+  perspective: 100px;
+  perspective-origin: 150px 150px;
+  -webkit-perspective: 100px;
+  -webkit-perspective-origin: 150px 150px;
+  /* Changing width/height to 500px should not change the rendering. */
+  height:500px;
+}
+
+.parentWithPerspective > div {
+  position:absolute;
+  top:100px;
+  left:100px;
+  width:100px;
+  height:100px;
+}
+
+.notTransformed {
+  outline: 1px solid black;
+}
+
+.transformed {
+  background:blue;
+  transform-origin: 0% 0%;
+  transform: rotateY(45deg);
+  -webkit-transform-origin: 0% 0%;
+  -webkit-transform: rotateY(45deg);
+}
+
+  </style>
+  <body>
+    <div class="parentWithPerspective">
+      <div class="notTransformed"></div>
+      <div class="transformed"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-4-ref.html b/layout/reftests/transform-3d/perspective-origin-4-ref.html
new file mode 100644
index 0000000000..087e572b79
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-4-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Testcase for bug 770629</title>
+  <style>
+
+div {
+  position: absolute;
+  left: 125px;
+  width: 50px;
+  height: 100px;
+  background: blue;
+}
+
+  </style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-origin-4a.html b/layout/reftests/transform-3d/perspective-origin-4a.html
new file mode 100644
index 0000000000..ee2a0fabfa
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-origin-4a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Testcase for bug 770629</title>
+  <style>
+
+.outer {
+  position: absolute;
+  left: 100px;
+  transform: scale(0.5,1);
+  perspective: 200px; 
+  perspective-origin: 50% 0px;
+}
+
+.inner {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  transform: rotateY(0deg);
+}
+
+  </style>
+</head>
+<body>
+  <div class="outer"> 
+    <div class="inner"></div> 
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-overflow-1-ref.html b/layout/reftests/transform-3d/perspective-overflow-1-ref.html
new file mode 100644
index 0000000000..424a7993bb
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-overflow-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Testcase for bug 1483659</title>
+<style>
+
+#container {
+  position: absolute;
+  top: 400px;
+  left: 200px;
+  perspective: 100px;
+}
+
+#content {
+  width: 300px;
+  height: 300px;
+  background-color: green;
+  transform: rotateY(60deg);
+}
+</style>
+</head>
+<body>
+<div id="container">
+  <div id="content"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-overflow-1.html b/layout/reftests/transform-3d/perspective-overflow-1.html
new file mode 100644
index 0000000000..178e3d2e28
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-overflow-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- Use reftest-snapshot-all as a workaround for bug 1485705 -->
+<html class="reftest-wait reftest-snapshot-all">
+<head>
+<meta charset="UTF-8">
+<title>Testcase for bug 1483659</title>
+<style>
+#container {
+  position: absolute;
+  top: 400px;
+  left: 200px;
+  perspective: 100px;
+}
+
+#content {
+  width: 300px;
+  height: 300px;
+  background-color: green;
+}
+</style>
+</head>
+<body>
+<div id="container">
+  <div id="content"></div>
+</div>
+<script>
+function doTest() {
+  var e = document.getElementById("content");
+  e.style.transform = "rotateY(60deg)";
+
+  document.documentElement.classList.remove("reftest-wait");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-overflow-2-ref.html b/layout/reftests/transform-3d/perspective-overflow-2-ref.html
new file mode 100644
index 0000000000..45116d2195
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-overflow-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Transform Overflow Bug</title>
+    <style>
+    .container {
+        width: 100px;
+        height: 100px;
+        overflow: scroll;
+        scrollbar-width: none;
+        perspective: 1px;
+    }
+
+    .inner {
+        background-color: red;
+        width: 200px;
+        height: 200px;
+    }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <p class="inner"></p>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-overflow-2.html b/layout/reftests/transform-3d/perspective-overflow-2.html
new file mode 100644
index 0000000000..f4eefe1572
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-overflow-2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Transform Overflow Bug</title>
+    <style>
+    .container {
+        width: 100px;
+        height: 100px;
+        overflow: scroll;
+        scrollbar-width: none;
+        perspective: 1px;
+    }
+
+    .inner {
+        will-change: transform;
+        background-color: red;
+        width: 200px;
+        height: 200px;
+    }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <p class="inner"></p>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/perspective-zindex-2.html b/layout/reftests/transform-3d/perspective-zindex-2.html
new file mode 100644
index 0000000000..92b884ab26
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-zindex-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>z-index should work correctly for elements with perspective</title>
+
+<style>
+
+#perspective {
+  z-index: 2;
+  position: relative;
+  perspective: 300px;
+  perspective-origin: top left;
+}
+
+#front {
+  width: 100px;
+  height: 100px;
+  background-color: #00FF00;
+  transform: translateX(0px);
+}
+
+#back {
+  z-index: 1;
+  width: 100px;
+  height: 100px;
+  background-color: #FF0000;
+  transform: translateY(-100px);
+  position: relative;
+}
+
+</style>
+
+<div id="perspective">
+  <div id="front"></div>
+</div>
+<div id="back"></div>
diff --git a/layout/reftests/transform-3d/perspective-zindex.html b/layout/reftests/transform-3d/perspective-zindex.html
new file mode 100644
index 0000000000..877f50898a
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-zindex.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>z-index should work correctly for elements with perspective</title>
+
+<style>
+
+#perspective {
+  perspective: 300px;
+  perspective-origin: top left;
+}
+
+#front {
+  z-index: 2;
+  width: 100px;
+  height: 100px;
+  background-color: #00FF00;
+  transform: translateX(0px);
+  position: relative;
+}
+
+#back {
+  z-index: 1;
+  width: 100px;
+  height: 100px;
+  background-color: #FF0000;
+  transform: translateY(-100px);
+  position: relative;
+}
+
+</style>
+
+<div id="perspective">
+  <div id="front"></div>
+  <div id="back"></div>
+</div>
diff --git a/layout/reftests/transform-3d/preserve3d-1-ref.html b/layout/reftests/transform-3d/preserve3d-1-ref.html
new file mode 100644
index 0000000000..c577cca6f8
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(180deg); width: 100px; height: 100px; background-color: white;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-1a.html b/layout/reftests/transform-3d/preserve3d-1a.html
new file mode 100644
index 0000000000..a5d3182302
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-1a.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 100px;">
+    <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 100px;">
+      <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 100px;">
+        <div style="transform: rotatex(45deg); width: 100px; height: 100px; background-color: white;">
+          Test Text
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-1b.html b/layout/reftests/transform-3d/preserve3d-1b.html
new file mode 100644
index 0000000000..203bdaa13d
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-1b.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(90deg);">
+    <div style="transform: rotatex(90deg); width: 100px; height: 100px;">
+      Test Text
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-2-ref.html b/layout/reftests/transform-3d/preserve3d-2-ref.html
new file mode 100644
index 0000000000..fd9063760d
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-2-ref.html
@@ -0,0 +1,27 @@
+<html>
+    <head>
+        <style type="text/css">
+        #grandparent {
+            transform-style: preserve-3d;
+        }
+        #parent {
+            transform-style: preserve-3d;
+        }
+
+        #child {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatex(0px);
+        }
+
+        </style>
+    </head>
+    <body>
+        <div id="grandparent">
+            <div id="parent">
+                <div id="child"></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-2a.html b/layout/reftests/transform-3d/preserve3d-2a.html
new file mode 100644
index 0000000000..e3a421ec8f
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-2a.html
@@ -0,0 +1,28 @@
+<html>
+    <head>
+        <style type="text/css">
+        #grandparent {
+          transform-style: preserve-3d;
+          margin-left: 200px
+        }
+        #parent {
+          transform-style: preserve-3d;
+        }
+
+        #child {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatex(-200px);
+        }
+
+        </style>
+    </head>
+    <body>
+        <div id="grandparent">
+            <div id="parent">
+                <div id="child"></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-2b.html b/layout/reftests/transform-3d/preserve3d-2b.html
new file mode 100644
index 0000000000..c54a59406c
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-2b.html
@@ -0,0 +1,28 @@
+<html>
+    <head>
+        <style type="text/css">
+        #grandparent {
+          transform-style: preserve-3d;
+        }
+        #parent {
+          transform-style: preserve-3d;
+          margin-left: 200px
+        }
+
+        #child {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatex(-200px);
+        }
+
+        </style>
+    </head>
+    <body>
+        <div id="grandparent">
+            <div id="parent">
+                <div id="child"></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-2c.html b/layout/reftests/transform-3d/preserve3d-2c.html
new file mode 100644
index 0000000000..40843b907c
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-2c.html
@@ -0,0 +1,28 @@
+<html>
+    <head>
+        <style type="text/css">
+        #grandparent {
+          transform-style: preserve-3d;
+        }
+        #parent {
+          transform-style: preserve-3d;
+        }
+
+        #child {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatex(-200px);
+          margin-left: 200px
+        }
+
+        </style>
+    </head>
+    <body>
+        <div id="grandparent">
+            <div id="parent">
+                <div id="child"></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-2d.html b/layout/reftests/transform-3d/preserve3d-2d.html
new file mode 100644
index 0000000000..50bf6edc7f
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-2d.html
@@ -0,0 +1,30 @@
+<html>
+    <head>
+        <style type="text/css">
+        #grandparent {
+          width: 100px;
+          height: 100px;
+          transform-style: preserve-3d;
+          transform: translatex(200%);
+        }
+        #parent {
+          transform-style: preserve-3d;
+        }
+
+        #child {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatex(-200px);
+        }
+
+        </style>
+    </head>
+    <body>
+        <div id="grandparent">
+            <div id="parent">
+                <div id="child"></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-3-ref.html b/layout/reftests/transform-3d/preserve3d-3-ref.html
new file mode 100644
index 0000000000..55027ea925
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); width: 100px; height: 100px; background:red;">
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-3a.html b/layout/reftests/transform-3d/preserve3d-3a.html
new file mode 100644
index 0000000000..7fa00da003
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-3a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 100px; height: 100px; background:red;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-4a.html b/layout/reftests/transform-3d/preserve3d-4a.html
new file mode 100644
index 0000000000..d1b093e53e
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-4a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+    <div style="transform: rotatex(90deg); transform-style: preserve-3d; opacity: 0.9999;">
+        <div style="transform: rotatex(90deg); width: 100px; height: 100px; background-color: #00FF00"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-5-ref.html b/layout/reftests/transform-3d/preserve3d-5-ref.html
new file mode 100644
index 0000000000..2bdd5c539f
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-5-ref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<div style="width: 100px; height: 100px; background: lime;
+border-style: solid; border-width: 0 2px 2px 0"></div>
diff --git a/layout/reftests/transform-3d/preserve3d-5a.html b/layout/reftests/transform-3d/preserve3d-5a.html
new file mode 100644
index 0000000000..925a267be0
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-5a.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 110px;">
+  <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 110px;">
+    <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 110px;">
+      <div style="transform: rotatex(45deg); width: 100px; height: 100px;
+      background: lime; border-style: solid; border-width: 2px 2px 0 0">
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/layout/reftests/transform-3d/preserve3d-6-ref.html b/layout/reftests/transform-3d/preserve3d-6-ref.html
new file mode 100644
index 0000000000..f24abbe730
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-6-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+    <div style="perspective:100px;">
+        <div style="transform-style: preserve-3d">
+            <div style="width:100px; height:100px; background-color:red; transform: rotatex(1deg);">
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-6a.html b/layout/reftests/transform-3d/preserve3d-6a.html
new file mode 100644
index 0000000000..0b604ba5d5
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-6a.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+    <div style="perspective:100px; transform-style: preserve-3d;">
+        <div style="transform-style: preserve-3d">
+            <div style="width:100px; height:100px; background-color:red; transform: rotatex(1deg);">
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-7-ref.html b/layout/reftests/transform-3d/preserve3d-7-ref.html
new file mode 100644
index 0000000000..cb17ddba5a
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-7-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="opacity:0.5">
+    <div style="transform: rotatey(90deg); transform-style: preserve-3d; width:100px;">
+      <div style="transform: rotatey(90deg); width: 100px; height: 100px; background-color: #00FF00"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-7a.html b/layout/reftests/transform-3d/preserve3d-7a.html
new file mode 100644
index 0000000000..d962d4fd4f
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-7a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatey(90deg); transform-style: preserve-3d; width:100px; opacity:0.5">
+    <div style="transform: rotatey(90deg); width: 100px; height: 100px; background-color: #00FF00"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-8-ref.html b/layout/reftests/transform-3d/preserve3d-8-ref.html
new file mode 100644
index 0000000000..afddf05d4d
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-8-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body style="width:100px">
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="js" viewBox="0 0 200 200" style="transform: rotateX(180deg)">
+    <g>
+      <rect width="100" height="100" style="fill:rgb(0,0,255)"></rect>
+    </g>
+  </svg>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-8.html b/layout/reftests/transform-3d/preserve3d-8.html
new file mode 100644
index 0000000000..76e9c10c33
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-8.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 100px;">
+    <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 100px;">
+      <div style="transform: rotatex(45deg); transform-style: preserve-3d; width: 100px;">
+        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="js" viewBox="0 0 200 200" style="transform: rotateX(45deg)">
+          <g>
+            <rect width="100" height="100" style="fill:rgb(0,0,255)"></rect>
+          </g>
+        </svg>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserve3d-clipped.html b/layout/reftests/transform-3d/preserve3d-clipped.html
new file mode 100644
index 0000000000..60d49c77ff
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-clipped.html
@@ -0,0 +1,10 @@
+<html>
+  <body>
+    <div style="transform-style: preserve-3d; transform:rotatex(90deg); overflow:hidden;">
+      <div style="transform:rotatex(90deg)">
+        x
+      </div>
+    </div>
+  </body>
+</html>
+
diff --git a/layout/reftests/transform-3d/preserve3d-scale-ref.html b/layout/reftests/transform-3d/preserve3d-scale-ref.html
new file mode 100644
index 0000000000..243e88fdda
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-scale-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!-- This was just "drawn by hand" well after the original test landed to look
+     like the proper rendering of the test file without any transforms or
+     preserve3d. It's not identical, but a fuzzy match should be a good test
+     considering the original test just checked that it wasn't rendering blank
+-->
+<html>
+  <style>
+    div {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <svg width="600px" height="600px">
+
+      <polygon fill="#DAD6CC" points="57, 51 114, 84 66, 124 10, 91"/>
+      <ellipse fill="#F8F1E5" cx="62" cy="88" rx="27" ry="19"/>
+
+      <polygon fill="#DAD6CC" points="57, -1 114, 32 66, 72 10, 39"/>
+      <ellipse fill="#F8F1E5" cx="62" cy="36" rx="27" ry="19"/>
+
+    </svg>
+  </div>
+</body></html>
diff --git a/layout/reftests/transform-3d/preserve3d-scale.html b/layout/reftests/transform-3d/preserve3d-scale.html
new file mode 100644
index 0000000000..099ef078de
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-scale.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    svg{
+      display: block;
+      margin: auto;
+      -webkit-transform-origin: top center;
+      -webkit-transform: scale(1.5);
+    }
+    #cube{
+      position: absolute;
+      left: 25px;
+      top: 25px;
+      width: 74px;
+      height: 74px;
+      backface-visibility: visible;
+      -webkit-transform-style: preserve-3d;
+      -webkit-transform-origin: center center;
+      -webkit-backface-visibility: visible;
+      -webkit-transform: rotateX(-45deg) rotateY(50deg);
+      -webkit-transition: -webkit-transform 1s;
+    }
+
+    .side{
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 74px;
+      height: 74px;
+      backface-visibility: visible;
+      -webkit-transform-origin: center center;
+      -webkit-backface-visibility: visible;
+    }
+
+    #cube .side:nth-child(1) {
+	    -webkit-transform: translateY(37px) rotateX(90deg);
+	    transform: translateY(37px) rotateX(90deg);
+    }
+
+    #cube .side:nth-child(2) {
+	    -webkit-transform: translateY(-37px) rotateX(-90deg);
+	    transform: translateY(-37px) rotateX(-90deg);
+
+    }
+  </style>
+</head>
+<body>
+  <div id="cube">
+    <svg class="side" width="100px" height="100px">
+    <rect fill="#DAD6CC" width="74" height="74"></rect>
+    <circle fill="#F8F1E5" cx="37" cy="37" r="27"></circle>
+    <g>
+    </g>
+    </svg>
+    <svg class="side" width="100px" height="100px">
+    <rect fill="#DAD6CC" width="74" height="74"></rect>
+    <circle fill="#F8F1E5" cx="37" cy="37" r="27"></circle>
+    <g>
+    </g>
+    </svg>
+
+  </div>
+</body></html>
diff --git a/layout/reftests/transform-3d/preserve3d-table-ref.html b/layout/reftests/transform-3d/preserve3d-table-ref.html
new file mode 100644
index 0000000000..94b660b747
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-table-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<table>
+  <tbody>
+    <tr><td>RISK-184</td></tr>
+  </tbody>
+</table>
+
diff --git a/layout/reftests/transform-3d/preserve3d-table.html b/layout/reftests/transform-3d/preserve3d-table.html
new file mode 100644
index 0000000000..b4b0a78df5
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-table.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<table style="transform-style: preserve-3d">
+  <tbody style="transform: translate3d(0, 0, 0)">
+    <tr><td>RISK-184</td></tr>
+  </tbody>
+</table>
+
diff --git a/layout/reftests/transform-3d/preserve3d-will-change-large-frame.html b/layout/reftests/transform-3d/preserve3d-will-change-large-frame.html
new file mode 100644
index 0000000000..964b11e0e6
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-will-change-large-frame.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style>
+  .transform {
+    will-change: transform;
+    transform-style: preserve-3d;
+  }
+</style>
+<body>
+  <div class="transform">
+    <div>TEST PAGE</div>
+    <div style="text-indent: -9999em">TEST PAGE</div>
+  </div>
+</body>
diff --git a/layout/reftests/transform-3d/preserve3d-will-change-ref.html b/layout/reftests/transform-3d/preserve3d-will-change-ref.html
new file mode 100644
index 0000000000..4ee913bd22
--- /dev/null
+++ b/layout/reftests/transform-3d/preserve3d-will-change-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<body>
+  <div style="transform-style: preserve-3d">
+    <div>TEST PAGE</div>
+  </div>
+</body>
diff --git a/layout/reftests/transform-3d/preserves3d-nested-filter-1-ref.html b/layout/reftests/transform-3d/preserves3d-nested-filter-1-ref.html
new file mode 100644
index 0000000000..836525d876
--- /dev/null
+++ b/layout/reftests/transform-3d/preserves3d-nested-filter-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Green square</title>
+<style>
+.filter {
+  filter: brightness(0.75);
+}
+
+.container {
+  width: 200px;
+  height: 200px;
+
+  background-color: green;
+}
+
+.square {
+  position: absolute;
+
+  width: 200px;
+  height: 200px;
+
+  background-color: green;
+}
+</style>
+</head>
+<body>
+
+<div class="filter">
+  <div class="container">
+    <div class="square"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserves3d-nested-filter-1.html b/layout/reftests/transform-3d/preserves3d-nested-filter-1.html
new file mode 100644
index 0000000000..d25df6169c
--- /dev/null
+++ b/layout/reftests/transform-3d/preserves3d-nested-filter-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Green square</title>
+<style>
+.filter {
+  filter: brightness(0.75);
+}
+
+.container {
+  width: 200px;
+  height: 200px;
+
+  transform-style: preserve-3d;
+  background-color: red;
+}
+
+.square {
+  position: absolute;
+
+  width: 200px;
+  height: 200px;
+
+  transform-style: preserve-3d;
+  background-color: green;
+}
+</style>
+</head>
+<body>
+
+<div class="filter">
+  <div class="container">
+    <div class="square"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/preserves3d-nested-ref.html b/layout/reftests/transform-3d/preserves3d-nested-ref.html
new file mode 100644
index 0000000000..b8a744eb76
--- /dev/null
+++ b/layout/reftests/transform-3d/preserves3d-nested-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<title>preserve-3d consequence nested context</title>
+<style>
+.rect {
+  width: 100px;
+  height: 100px;
+}
+
+#outeri {
+  transform-style: preserve-3d;
+  transform: rotateX(45deg);
+}
+
+#rect1 {
+  background-color: green;
+}
+
+#rect2 {
+  transform: translate(50px, 50px);
+  background-color: pink;
+}
+
+#inneri {
+  transform: rotateX(45deg);
+}
+
+#rect3 {
+  background-color: red;
+}
+
+</style>
+<body>
+  <div id="outer">
+    <div id="outeri">
+      <div id="rect1" class="rect"></div>
+      <div id="rect2" class="rect"></div>
+      <div id="inner">
+	<div id="inneri">
+	  <div id="rect3" class="rect"></div>
+	</div>
+      </div>
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/transform-3d/preserves3d-nested.html b/layout/reftests/transform-3d/preserves3d-nested.html
new file mode 100644
index 0000000000..673a982e99
--- /dev/null
+++ b/layout/reftests/transform-3d/preserves3d-nested.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<title>preserve-3d consequence nested context</title>
+<style>
+.rect {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+
+#outeri {
+  transform-style: preserve-3d;
+  transform: rotateX(45deg);
+}
+
+#inner {
+  transform: rotateX(0deg);
+}
+
+#inneri {
+  transform-style: preserve-3d;
+  transform: rotateX(45deg);
+}
+
+#rect2 {
+  transform: translate(50px, 50px);
+  background-color: pink;
+}
+
+#rect3 {
+  background-color: red;
+}
+
+</style>
+<body>
+  <div id="outer">
+    <div id="outeri">
+      <div id="rect1" class="rect"></div>
+      <div id="rect2" class="rect"></div>
+      <div id="inner">
+	<div id="inneri">
+	  <div id="rect3" class="rect"></div>
+	</div>
+      </div>
+    </div>
+  </div>
+</body>
diff --git a/layout/reftests/transform-3d/reftest.list b/layout/reftests/transform-3d/reftest.list
new file mode 100644
index 0000000000..12587f51a8
--- /dev/null
+++ b/layout/reftests/transform-3d/reftest.list
@@ -0,0 +1,102 @@
+== scalez-1a.html scalez-1-ref.html
+fuzzy(0-1,0-6) == rotatey-1a.html rotatey-1-ref.html
+== rotatex-1a.html rotatex-1-ref.html
+# Check that scaleZ(-1) rotateX(180deg) is the same as rotateY(180deg)
+== scalezrotatex-1.html scalezrotatex-1-ref.html
+# Check that the perspectve() transform function results in some visual changes
+!= rotatex-perspective-1a.html rotatex-1-ref.html
+# Check that perspective results in visual changes to child transformed elements
+!= rotatex-perspective-1b.html rotatex-1-ref.html
+# perspective should only apply to child elements
+== rotatex-perspective-1c.html rotatex-1-ref.html
+== rotatex-perspective-3a.html rotatex-perspective-3-ref.html
+== scalez-1a.html scalez-1-ref.html
+fuzzy(0-16,0-346) fuzzy-if(cocoaWidget,0-200,0-310) fuzzy-if(winWidget,0-175,0-250) == preserve3d-1a.html preserve3d-1-ref.html
+== preserve3d-1b.html about:blank
+== preserve3d-clipped.html about:blank
+== preserve3d-2a.html preserve3d-2-ref.html
+== preserve3d-2b.html preserve3d-2-ref.html
+== preserve3d-2c.html preserve3d-2-ref.html
+== preserve3d-2d.html preserve3d-2-ref.html
+== preserve3d-3a.html preserve3d-3-ref.html
+== preserve3d-4a.html about:blank
+fuzzy(0-16,0-100) == preserve3d-5a.html preserve3d-5-ref.html
+== preserve3d-6a.html preserve3d-6-ref.html
+== preserve3d-table.html preserve3d-table-ref.html
+== scale3d-z.html scalez-1-ref.html
+fuzzy-if(winWidget,0-143,0-689) fuzzy-if(OSX,0-224,0-924) fuzzy-if(winWidget,0-154,0-644) == scale3d-all.html scale3d-1-ref.html # subpixel AA
+fuzzy-if(winWidget,0-143,0-689) fuzzy-if(OSX,0-224,0-924) fuzzy-if(winWidget,0-154,0-644) == scale3d-all-separate.html scale3d-1-ref.html # subpixel AA
+== scale3d-xz.html scale3d-1-ref.html
+== translatez-1a.html translatez-1-ref.html
+!= translatez-1b.html translatez-1-ref.html
+== translate3d-1a.html translate3d-1-ref.html
+fuzzy(0-1,0-4) == matrix3d-1a.html matrix3d-1-ref.html
+== matrix3d-2a.html matrix3d-2-ref.html
+== rotate3d-1a.html rotatex-1-ref.html
+== 1467277-1.html rotatex-1-ref.html
+fuzzy(0-1,0-6) == rotate3d-2a.html rotatey-1-ref.html
+!= backface-visibility-1a.html about:blank
+== backface-visibility-1b.html about:blank
+== backface-visibility-1c.html about:blank
+fuzzy-if(winWidget&&!layersGPUAccelerated,0-1,0-251) fuzzy-if(useDrawSnapshot,64-64,1438-1438) == backface-visibility-2.html backface-visibility-2-ref.html
+== backface-visibility-3.html backface-visibility-3-ref.html
+== perspective-clipping-1.html perspective-clipping-1-ref.html
+== perspective-clipping-2.html perspective-clipping-2-ref.html
+!= perspective-origin-1a.html rotatex-perspective-1a.html
+fuzzy(0-1,0-3) == perspective-origin-1b.html perspective-origin-1a.html
+fuzzy(0-3,0-99) random-if(Android&&!browserIsRemote) == perspective-origin-2a.html perspective-origin-2-ref.html # subpixel AA, bug 732568
+fuzzy-if(winWidget&&!layersGPUAccelerated,0-1,0-61) == perspective-origin-3a.html perspective-origin-3-ref.html
+== perspective-origin-4a.html perspective-origin-4-ref.html
+== perspective-zindex.html green-rect.html
+== perspective-zindex-2.html green-rect.html
+!= sorting-1a.html sorting-1-ref.html
+# Parallel planes, different z depth
+== sorting-2a.html sorting-2-ref.html
+# Parallel planes, same z depth (shouldn't be sorted!)
+== sorting-2b.html sorting-2-ref.html
+== sorting-3a.html green-rect.html
+# Different, but equivalent (for the given transform) transform origins
+fuzzy(0-1,0-4) == rotatex-transformorigin-1a.html rotatex-transformorigin-1-ref.html
+fuzzy-if((gtkWidget&&layersOMTC)||(winWidget&&!layersGPUAccelerated),0-1,0-86) == overflow-hidden-1a.html overflow-hidden-1-ref.html
+== transform-style-flat-1a.html transform-style-flat-1-ref.html
+== willchange-containing-block.html?willchange willchange-containing-block.html?ref
+!= willchange-containing-block.html?willchange willchange-containing-block.html?noblock
+fuzzy(0-3,0-304) == scroll-perspective-1.html scroll-perspective-1-ref.html
+# Bugs
+fails-if(!layersGPUAccelerated) fails-if(useDrawSnapshot) fuzzy-if(!useDrawSnapshot,0-60,0-826) == 1035611-1.html 1035611-1-ref.html # Bug 1072898 for !layersGPUAccelerated failures
+random-if(swgl&&Android) != 1157984-1.html about:blank # Bug 1157984
+fuzzy(0-220,0-660) == animate-cube-radians.html animate-cube-radians-ref.html # subpixel AA
+fuzzy(0-240,0-400) == animate-cube-radians-zoom.html animate-cube-radians-zoom-ref.html
+!= animate-cube-radians-ref.html animate-cube-radians-zoom-ref.html
+fuzzy(0-240,0-660) == animate-cube-degrees.html animate-cube-degrees-ref.html # subpixel AA
+fuzzy(0-240,0-400) fails-if(useDrawSnapshot) == animate-cube-degrees-zoom.html animate-cube-degrees-zoom-ref.html
+!= animate-cube-degrees-ref.html animate-cube-degrees-zoom-ref.html
+fuzzy-if(gtkWidget,0-128,0-100) fuzzy-if(Android||(gtkWidget&&layersGPUAccelerated),0-143,0-100) fuzzy-if(winWidget||OSX,0-141,0-100) == preserves3d-nested.html preserves3d-nested-ref.html
+fuzzy(0-255,0-153) == animate-preserve3d-parent.html animate-preserve3d-ref.html # intermittently fuzzy on Mac
+fuzzy(0-255,0-153) == animate-preserve3d-child.html animate-preserve3d-ref.html # intermittently fuzzy on Mac, bug 1461311 for Android
+== animate-backface-hidden.html about:blank
+== 1245450-1.html green-rect.html
+fuzzy(0-1,0-2000) == opacity-preserve3d-1.html opacity-preserve3d-1-ref.html
+fuzzy(0-1,0-15000) == opacity-preserve3d-2.html opacity-preserve3d-2-ref.html
+fuzzy(0-1,0-10000) == opacity-preserve3d-3.html opacity-preserve3d-3-ref.html
+fuzzy(0-1,0-10000) == opacity-preserve3d-4.html opacity-preserve3d-4-ref.html
+== opacity-preserve3d-5.html opacity-preserve3d-5-ref.html
+== snap-perspective-1.html snap-perspective-1-ref.html
+fuzzy(0-120,0-590) == mask-layer-1.html mask-layer-ref.html
+fuzzy(0-120,0-590) == mask-layer-2.html mask-layer-ref.html
+fuzzy(0-120,0-590) == mask-layer-3.html mask-layer-ref.html
+== split-intersect1.html split-intersect1-ref.html
+fuzzy(0-255,0-150) fails-if(useDrawSnapshot) == split-intersect2.html split-intersect2-ref.html
+fuzzy(0-255,0-100) fails-if(useDrawSnapshot) == split-non-ortho1.html split-non-ortho1-ref.html
+fuzzy-if(winWidget,0-150,0-120) == component-alpha-1.html component-alpha-1-ref.html
+== nested-transform-1.html nested-transform-1-ref.html
+fuzzy-if(winWidget,0-4,0-51) == transform-geometry-1.html transform-geometry-1-ref.html
+== intermediate-1.html intermediate-1-ref.html
+== preserves3d-nested-filter-1.html preserves3d-nested-filter-1-ref.html
+!= preserve3d-scale.html about:blank
+fuzzy(0-52,0-1600) == preserve3d-scale.html preserve3d-scale-ref.html
+fuzzy(0-50,0-22) == perspective-overflow-1.html perspective-overflow-1-ref.html
+== perspective-overflow-2.html perspective-overflow-2-ref.html
+== 1544995-1.html 1544995-1-ref.html
+== preserve3d-will-change-large-frame.html preserve3d-will-change-ref.html
+fuzzy(0-6,0-3117) fuzzy-if(useDrawSnapshot,4-4,13-13) == 1637067-1.html 1637067-1-ref.html
diff --git a/layout/reftests/transform-3d/rotate3d-1a.html b/layout/reftests/transform-3d/rotate3d-1a.html
new file mode 100644
index 0000000000..c4d20fd789
--- /dev/null
+++ b/layout/reftests/transform-3d/rotate3d-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate3d(1, 0, 0, 45deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotate3d-2a.html b/layout/reftests/transform-3d/rotate3d-2a.html
new file mode 100644
index 0000000000..2e593e6df1
--- /dev/null
+++ b/layout/reftests/transform-3d/rotate3d-2a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate3d(0, 1, 0, 45deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-1-ref.html b/layout/reftests/transform-3d/rotatex-1-ref.html
new file mode 100644
index 0000000000..446d2896c7
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-1a.html b/layout/reftests/transform-3d/rotatex-1a.html
new file mode 100644
index 0000000000..c7897f2b90
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg) rotatey(360deg) rotatex(360deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-perspective-1a.html b/layout/reftests/transform-3d/rotatex-perspective-1a.html
new file mode 100644
index 0000000000..db89219a8c
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-perspective-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: perspective(1000px) rotatex(45deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-perspective-1b.html b/layout/reftests/transform-3d/rotatex-perspective-1b.html
new file mode 100644
index 0000000000..440f14c1e3
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-perspective-1b.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="perspective: 1000px;">
+    <div style="transform: perspective(1000px) rotatex(45deg); width: 100px; height: 100px;">
+      Test Text
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-perspective-1c.html b/layout/reftests/transform-3d/rotatex-perspective-1c.html
new file mode 100644
index 0000000000..0c7be0fb31
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-perspective-1c.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); perspective: 1000px; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-perspective-3-ref.html b/layout/reftests/transform-3d/rotatex-perspective-3-ref.html
new file mode 100644
index 0000000000..028193ce1c
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-perspective-3-ref.html
@@ -0,0 +1,33 @@
+<html>
+<head>
+  <style type="text/css">
+    #container {
+      position: relative;
+      height: 300px;
+      width: 300px;
+      margin: 50px 100px;
+      border: 2px solid blue;
+      
+      perspective: 500px;
+  }
+
+  #parent {
+      margin: 10px;
+      width: 280px;
+      height: 280px;
+      background-color: #844BCA;
+      
+      transform: rotateY(40deg);
+  }
+    
+  </style>
+</head>
+<body>
+
+  <div id="container">
+    <div id="parent">
+    </div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-perspective-3a.html b/layout/reftests/transform-3d/rotatex-perspective-3a.html
new file mode 100644
index 0000000000..957c2b32b1
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-perspective-3a.html
@@ -0,0 +1,34 @@
+<html>
+<head>
+  <style type="text/css">
+    #container {
+      position: relative;
+      height: 300px;
+      width: 300px;
+      margin: 50px 100px;
+      border: 2px solid blue;
+      
+      perspective: 500px;
+      opacity: 0.9999;
+  }
+
+  #parent {
+      margin: 10px;
+      width: 280px;
+      height: 280px;
+      background-color: #844BCA;
+      
+      transform: rotateY(40deg);
+  }
+    
+  </style>
+</head>
+<body>
+
+  <div id="container">
+    <div id="parent">
+    </div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-transformorigin-1-ref.html b/layout/reftests/transform-3d/rotatex-transformorigin-1-ref.html
new file mode 100644
index 0000000000..3b35c1b7c8
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-transformorigin-1-ref.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="perspective: 1000px;">
+    <div style="transform: rotatex(45deg); transform-origin: top right; width: 100px; height: 100px;">
+      Test Text
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatex-transformorigin-1a.html b/layout/reftests/transform-3d/rotatex-transformorigin-1a.html
new file mode 100644
index 0000000000..c9cff65925
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatex-transformorigin-1a.html
@@ -0,0 +1,11 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="perspective: 1000px;">
+    <div style="transform: rotatex(45deg); transform-origin: top left; width: 100px; height: 100px;">
+      Test Text
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatey-1-ref.html b/layout/reftests/transform-3d/rotatey-1-ref.html
new file mode 100644
index 0000000000..f1850c7f74
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatey-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatey(45deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/rotatey-1a.html b/layout/reftests/transform-3d/rotatey-1a.html
new file mode 100644
index 0000000000..97f56c740f
--- /dev/null
+++ b/layout/reftests/transform-3d/rotatey-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatey(45deg) rotatey(360deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scale3d-1-ref.html b/layout/reftests/transform-3d/scale3d-1-ref.html
new file mode 100644
index 0000000000..a9229a050b
--- /dev/null
+++ b/layout/reftests/transform-3d/scale3d-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: scaleX(2) scaleY(2); transform-origin: 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scale3d-all-separate.html b/layout/reftests/transform-3d/scale3d-all-separate.html
new file mode 100644
index 0000000000..409d911795
--- /dev/null
+++ b/layout/reftests/transform-3d/scale3d-all-separate.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: scaleX(2) scaleY(2) scaleZ(2); transform-origin: 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scale3d-all.html b/layout/reftests/transform-3d/scale3d-all.html
new file mode 100644
index 0000000000..97ae36bbf5
--- /dev/null
+++ b/layout/reftests/transform-3d/scale3d-all.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: scale3D(2,2,2); transform-origin: 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scale3d-xz.html b/layout/reftests/transform-3d/scale3d-xz.html
new file mode 100644
index 0000000000..14e7edb1cc
--- /dev/null
+++ b/layout/reftests/transform-3d/scale3d-xz.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(90deg) scale3D(2,1,2) rotatex(-90deg); transform-origin: 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scale3d-z.html b/layout/reftests/transform-3d/scale3d-z.html
new file mode 100644
index 0000000000..f9062d9507
--- /dev/null
+++ b/layout/reftests/transform-3d/scale3d-z.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(90deg) scale3D(1,1,2) rotatex(-90deg); transform-origin: 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scalez-1-ref.html b/layout/reftests/transform-3d/scalez-1-ref.html
new file mode 100644
index 0000000000..54068fb5d5
--- /dev/null
+++ b/layout/reftests/transform-3d/scalez-1-ref.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: scaleY(2); transform-origin: 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
+
diff --git a/layout/reftests/transform-3d/scalez-1a.html b/layout/reftests/transform-3d/scalez-1a.html
new file mode 100644
index 0000000000..13e7e7640c
--- /dev/null
+++ b/layout/reftests/transform-3d/scalez-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(90deg) scaleZ(2) rotatex(-90deg); transform-origin: 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scalezrotatex-1-ref.html b/layout/reftests/transform-3d/scalezrotatex-1-ref.html
new file mode 100644
index 0000000000..a2d81bf9bd
--- /dev/null
+++ b/layout/reftests/transform-3d/scalezrotatex-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: scaleY(-1); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scalezrotatex-1.html b/layout/reftests/transform-3d/scalezrotatex-1.html
new file mode 100644
index 0000000000..2149755091
--- /dev/null
+++ b/layout/reftests/transform-3d/scalezrotatex-1.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(180deg) scaleZ(-1); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/scroll-perspective-1-ref.html b/layout/reftests/transform-3d/scroll-perspective-1-ref.html
new file mode 100644
index 0000000000..b314133f85
--- /dev/null
+++ b/layout/reftests/transform-3d/scroll-perspective-1-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="s" style="perspective:300px; width: 500px; height:500px; position:relative; overflow:scroll">
+  <div id="t" style="position:absolute; top:3000px; transform-style:preserve-3d; transform:translateZ(20px); background:yellow; width:300px; height:0"></div>
+  <div style="height:4000px"></div>
+</div>
+<script>
+s.scrollTop = 3000;
+var tr = t.getBoundingClientRect();
+t.style.height = "300px";
+</script>
diff --git a/layout/reftests/transform-3d/scroll-perspective-1.html b/layout/reftests/transform-3d/scroll-perspective-1.html
new file mode 100644
index 0000000000..2c17c02543
--- /dev/null
+++ b/layout/reftests/transform-3d/scroll-perspective-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div id="s" style="perspective:300px; width: 500px; height:500px; position:relative; overflow:scroll">
+  <div style="position:absolute; top:3000px; transform-style:preserve-3d; transform:translateZ(20px); background:yellow; width:300px; height:300px;"></div>
+  <div style="height:4000px"></div>
+</div>
+<script>
+s.scrollTop = 3000;
+</script>
diff --git a/layout/reftests/transform-3d/snap-perspective-1-ref.html b/layout/reftests/transform-3d/snap-perspective-1-ref.html
new file mode 100644
index 0000000000..ca84e9e738
--- /dev/null
+++ b/layout/reftests/transform-3d/snap-perspective-1-ref.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+  <div style="width: 100px; height: 100px; background-color:red"><div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/snap-perspective-1.html b/layout/reftests/transform-3d/snap-perspective-1.html
new file mode 100644
index 0000000000..a5bd65f084
--- /dev/null
+++ b/layout/reftests/transform-3d/snap-perspective-1.html
@@ -0,0 +1,12 @@
+<html>
+<body>
+  <div style="perspective:1000px">
+      <div style="transform: translateX(-100.2px)">
+          <div style="width: 300px; height: 300px; overflow:hidden">
+              <div style="transform: translateX(100.2px); background-color:red; width: 100px; height: 100px; will-change: transform;">
+              </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/sorting-1-ref.html b/layout/reftests/transform-3d/sorting-1-ref.html
new file mode 100644
index 0000000000..8028e4fd43
--- /dev/null
+++ b/layout/reftests/transform-3d/sorting-1-ref.html
@@ -0,0 +1,35 @@
+<html>
+    <head>
+        <style type="text/css">
+        #stage {
+          perspective: 1000px;
+        }
+
+        #parent {
+          transform-style: preserve-3d;
+        }
+
+        #big {
+          width: 1000px;
+          height: 1000px;
+          background-color: #995C7F;
+          transform: rotatey(45deg);
+        }
+        
+        #small {
+          width: 100px;
+          height: 100px;
+          background-color: #995C7F;
+          transform: translate3d(600px, 200px, 0px);
+        }
+        </style>
+    </head>
+    <body>
+        <div id="stage">
+            <div id="parent">
+                <div id="small"></div>
+                <div id="big"></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/sorting-1a.html b/layout/reftests/transform-3d/sorting-1a.html
new file mode 100644
index 0000000000..1aa878d2c1
--- /dev/null
+++ b/layout/reftests/transform-3d/sorting-1a.html
@@ -0,0 +1,35 @@
+<html>
+    <head>
+        <style type="text/css">
+        #stage {
+          perspective: 1000px;
+        }
+
+        #parent {
+          transform-style: preserve-3d;
+        }
+
+        #big {
+          width: 1000px;
+          height: 1000px;
+          background-color: #995C7F;
+          transform: rotatey(45deg);
+        }
+
+        #small {
+          width: 100px;
+          height: 100px;
+          background-color: #835A99;
+          transform: translate3d(600px, 200px, 0px);
+        }
+        </style>
+    </head>
+    <body>
+        <div id="stage">
+            <div id="parent">
+                <div id="small"></div>
+                <div id="big"></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/sorting-2-ref.html b/layout/reftests/transform-3d/sorting-2-ref.html
new file mode 100644
index 0000000000..cb34eaf4ed
--- /dev/null
+++ b/layout/reftests/transform-3d/sorting-2-ref.html
@@ -0,0 +1,21 @@
+<html>
+    <head>
+        <style type="text/css">
+        #one {
+          width: 100px;
+          height: 100px;
+          background-color: #00FF00;
+        }
+
+        #two {
+          width: 100px;
+          height: 50px;
+          background-color: red;
+        }
+        </style>
+    </head>
+    <body>
+        <div id="one"></div>
+        <div id="two"></div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/sorting-2a.html b/layout/reftests/transform-3d/sorting-2a.html
new file mode 100644
index 0000000000..6c5ba56f98
--- /dev/null
+++ b/layout/reftests/transform-3d/sorting-2a.html
@@ -0,0 +1,29 @@
+<html>
+    <head>
+        <style type="text/css">
+        #parent {
+            transform-style: preserve-3d;
+        }
+
+        #one {
+          width: 100px;
+          height: 100px;
+          background-color: #00FF00;
+          transform: translatez(10px);
+        }
+
+        #two {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatez(-10px) translatey(-50px);
+        }
+        </style>
+    </head>
+    <body>
+        <div id="parent">
+                <div id="one"></div>
+                <div id="two"></div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/sorting-2b.html b/layout/reftests/transform-3d/sorting-2b.html
new file mode 100644
index 0000000000..bb553dd862
--- /dev/null
+++ b/layout/reftests/transform-3d/sorting-2b.html
@@ -0,0 +1,30 @@
+<html>
+    <head>
+        <style type="text/css">
+        #parent {
+            transform-style: preserve-3d;
+            transform: rotatex(180deg);
+        }
+
+        #one {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatez(10px) translatey(50px);
+        }
+
+        #two {
+          width: 100px;
+          height: 100px;
+          background-color: #00FF00;
+          transform: translatez(10px);
+        }
+        </style>
+    </head>
+    <body>
+        <div id="parent">
+                <div id="one"></div>
+                <div id="two"></div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/sorting-3a.html b/layout/reftests/transform-3d/sorting-3a.html
new file mode 100644
index 0000000000..c408df587c
--- /dev/null
+++ b/layout/reftests/transform-3d/sorting-3a.html
@@ -0,0 +1,25 @@
+<html>
+    <head>
+        <style type="text/css">
+        #parent {
+            transform-style: preserve-3d;
+            transform: rotateX(180deg);
+            width: 100px;
+            height: 100px;
+            background-color: #00FF00;
+        }
+
+        #child {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+          transform: translatez(10px);
+        }
+        </style>
+    </head>
+    <body>
+        <div id="parent">
+            <div id="child"></div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/split-intersect1-ref.html b/layout/reftests/transform-3d/split-intersect1-ref.html
new file mode 100644
index 0000000000..c30c35615f
--- /dev/null
+++ b/layout/reftests/transform-3d/split-intersect1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Split intersect 1 ref</title>
+
+<style>
+.container {
+  margin: 0 0;
+  width: 400px;
+  height: 400px;
+}
+
+.shape {
+  margin: 0 0;
+  position: absolute;
+
+  width: 50px;
+  height: 100px;
+}
+
+.first {
+  background-color: rgba(255,0,0,1);
+  left: 58px;
+}
+
+.second {
+  background-color: rgba(0,255,0,1);
+}
+</style>
+</head>
+
+<body>
+  <div class="container">
+    <div class="shape first"></div>
+    <div class="shape second"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/split-intersect1.html b/layout/reftests/transform-3d/split-intersect1.html
new file mode 100644
index 0000000000..73dc67f12b
--- /dev/null
+++ b/layout/reftests/transform-3d/split-intersect1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Split intersect 1</title>
+
+<style>
+.container {
+  margin: 0 0;
+  width: 400px;
+  height: 400px;
+
+  transform-style: preserve-3d;
+}
+
+.shape {
+  margin: 0 0;
+  position: absolute;
+
+  width: 100px;
+  height: 100px;
+}
+
+.first {
+  background-color: rgba(255,0,0,1);
+}
+
+.second {
+  background-color: rgba(0,255,0,1);
+  transform: rotateY(0.1deg);
+}
+</style>
+</head>
+
+<body>
+  <div class="container">
+    <div class="shape first"></div>
+    <div class="shape second"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/split-intersect2-ref.html b/layout/reftests/transform-3d/split-intersect2-ref.html
new file mode 100644
index 0000000000..5a19840c17
--- /dev/null
+++ b/layout/reftests/transform-3d/split-intersect2-ref.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Split intersect 2 ref</title>
+
+<style>
+.container {
+  margin: 0 0;
+  width: 400px;
+  height: 400px;
+}
+
+.shape {
+  margin: 0 0;
+  position: absolute;
+}
+
+.red {
+  background-color: rgba(255,0,0,1);
+
+  width: 100px;
+  height: 15px;
+
+  top: 150.5px;
+  left: 73px;
+}
+
+.green1 {
+  background-color: rgba(0,255,0,1);
+
+  width: 30px;
+  height: 42.5px;
+
+  top: 108px;
+  left: 88px;
+}
+
+.green2 {
+  background-color: rgba(0,255,0,1);
+
+  width: 30px;
+  height: 50px;
+
+  top: 158px;
+  left: 88px;
+}
+
+.blue1 {
+  background-color: rgba(0,0,255,1);
+
+  top: 108px;
+  left: 128px;
+
+  width: 30px;
+  height: 42.5px;
+}
+
+.blue2 {
+  background-color: rgba(0,0,255,1);
+
+  width: 30px;
+  height: 50px;
+
+  top: 158px;
+  left: 128px;
+}
+</style>
+</head>
+
+<body>
+  <div class="container">
+    <div class="shape red"></div>
+    <div class="shape green1"></div>
+    <div class="shape green2"></div>
+    <div class="shape blue1"></div>
+    <div class="shape blue2"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/split-intersect2.html b/layout/reftests/transform-3d/split-intersect2.html
new file mode 100644
index 0000000000..345e4a5630
--- /dev/null
+++ b/layout/reftests/transform-3d/split-intersect2.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Split intersect 2</title>
+
+<style>
+.container {
+  margin: 0 0;
+  width: 400px;
+  height: 400px;
+
+  transform-style: preserve-3d;
+}
+
+.shape {
+  margin: 0 0;
+  position: absolute;
+
+  width: 30px;
+  height: 100px;
+}
+
+.red {
+  background-color: rgba(255,0,0,1);
+  transform: translate(100px, 100px) rotateZ(90deg) rotateY(60deg);
+}
+
+.green {
+  background-color: rgba(0,255,0,1);
+  transform: translate(80px, 100px);
+}
+
+.blue {
+  background-color: rgba(0,0,255,1);
+  transform: translate(120px, 100px);
+}
+</style>
+</head>
+
+<body>
+  <div class="container">
+    <div class="shape red"></div>
+    <div class="shape green"></div>
+    <div class="shape blue"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/split-non-ortho1-ref.html b/layout/reftests/transform-3d/split-non-ortho1-ref.html
new file mode 100644
index 0000000000..d519431de6
--- /dev/null
+++ b/layout/reftests/transform-3d/split-non-ortho1-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Split non-orthogonal 1 ref</title>
+
+<style>
+.container {
+  margin: 0 0;
+  width: 400px;
+  height: 400px;
+
+  position: absolute;
+  transform-style: preserve-3d;
+}
+
+.shape {
+  margin: 0 0;
+  position: absolute;
+}
+
+.red-square-back {
+  background-color: rgba(255,0,0,1);
+
+  width: 100px;
+  height: 100px;
+
+  top: 50px;
+  left: 50px;
+}
+
+.green-square-back {
+  background-color: rgba(0,255,0,1);
+
+  width: 150px;
+  height: 150px;
+
+  top: 50px;
+  left: 50px;
+
+  transform: rotateZ(45deg);
+}
+
+.red-square-front {
+  background-color: rgba(255,0,0,1);
+
+  width: 50px;
+  height: 50px;
+
+  top: 100px;
+  left: 100px;
+}
+
+.green-square-front {
+  background-color: rgba(0,255,0,1);
+
+  width: 72px;
+  height: 72px;
+
+  top: 63.5px;
+  left: 63.5px;
+
+  transform: rotateZ(45deg);
+}
+
+#canvas {
+  width: 100px
+  height: 100px;
+
+  top: 100px;
+  left: 100px;
+}
+
+</style>
+</head>
+
+<body>
+  <div class="container">
+    <div class="shape red-square-back"></div>
+    <div class="shape green-square-back"></div>
+    <div class="shape red-square-front"></div>
+    <div class="shape green-square-front"></div>
+  </div>
+</body>
+
+</html>
diff --git a/layout/reftests/transform-3d/split-non-ortho1.html b/layout/reftests/transform-3d/split-non-ortho1.html
new file mode 100644
index 0000000000..4612e0b9ff
--- /dev/null
+++ b/layout/reftests/transform-3d/split-non-ortho1.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Split non-orthogonal 1</title>
+
+<style>
+.container {
+  margin: 0 0;
+  width: 400px;
+  height: 400px;
+
+  position: absolute;
+  transform-style: preserve-3d;
+}
+
+.shape {
+  margin: 0 0;
+  position: absolute;
+}
+
+.first {
+  background-color: rgba(255,0,0,1);
+
+  width: 100px;
+  height: 100px;
+
+  top: 50px;
+  left: 50px;
+}
+
+.second {
+  background-color: rgba(0,255,0,1);
+
+  width: 150px;
+  height: 150px;
+
+  top: 50px;
+  left: 50px;
+
+  transform: rotateZ(45deg) rotateY(0.1deg);
+}
+</style>
+</head>
+
+<body>
+  <div class="container">
+    <div class="shape second"></div>
+    <div class="shape first"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/transform-geometry-1-ref.html b/layout/reftests/transform-3d/transform-geometry-1-ref.html
new file mode 100644
index 0000000000..c9c03ece43
--- /dev/null
+++ b/layout/reftests/transform-3d/transform-geometry-1-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+<style type="text/css">
+#parent {
+  width: 400px;
+  height: 400px;
+  transform-style: flat;
+}
+
+#child {
+  width: 400px;
+  height: 400px;
+  overflow: scroll;
+}
+
+.box {
+  width: 400px;
+  height: 300px;
+  background-color: red;
+}
+</style>
+
+</head>
+<body>
+
+<div id="parent">
+  <div id="child">
+    <div class="box"></div>
+    <div class="box"></div>
+  </div>
+</div>
+
+<script>
+function doTest() {
+  document.documentElement.removeAttribute("class");
+  document.getElementById("child").scrollTop = 200;
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/transform-geometry-1.html b/layout/reftests/transform-3d/transform-geometry-1.html
new file mode 100644
index 0000000000..0ee592e3ee
--- /dev/null
+++ b/layout/reftests/transform-3d/transform-geometry-1.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
+<style type="text/css">
+#parent {
+  width: 400px;
+  height: 400px;
+  transform-style: preserve-3d;
+}
+
+#child {
+  width: 400px;
+  height: 400px;
+  overflow: scroll;
+}
+
+.box {
+  width: 400px;
+  height: 300px;
+  background-color: red;
+}
+</style>
+
+</head>
+<body>
+
+<div id="parent">
+  <div id="child">
+    <div class="box"></div>
+    <div class="box"></div>
+  </div>
+</div>
+
+<script>
+function doTest() {
+  document.documentElement.removeAttribute("class");
+  document.getElementById("child").scrollTop = 200;
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/transform-style-flat-1-ref.html b/layout/reftests/transform-3d/transform-style-flat-1-ref.html
new file mode 100644
index 0000000000..e73834bb64
--- /dev/null
+++ b/layout/reftests/transform-3d/transform-style-flat-1-ref.html
@@ -0,0 +1,6 @@
+<html>
+    <body>
+        <div style="height: 100px; width: 100px; background: lime">
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/transform-style-flat-1a.html b/layout/reftests/transform-3d/transform-style-flat-1a.html
new file mode 100644
index 0000000000..1e7f2a00c8
--- /dev/null
+++ b/layout/reftests/transform-3d/transform-style-flat-1a.html
@@ -0,0 +1,8 @@
+<html>
+    <body>
+        <div style="transform: rotatex(45deg); transform-origin: top">
+            <div style="transform: rotatex(-45deg); transform-origin: top; height: 200px; width: 100px; background: lime">
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/layout/reftests/transform-3d/translate3d-1-ref.html b/layout/reftests/transform-3d/translate3d-1-ref.html
new file mode 100644
index 0000000000..4a4b2b95ad
--- /dev/null
+++ b/layout/reftests/transform-3d/translate3d-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); transform-origin: 10px 30px -10px; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/translate3d-1a.html b/layout/reftests/transform-3d/translate3d-1a.html
new file mode 100644
index 0000000000..2eae430836
--- /dev/null
+++ b/layout/reftests/transform-3d/translate3d-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate3d(10px, 30px, -10px) rotatex(45deg) translate3d(-10px, -30px, 10px); transform-origin: 0 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/translatez-1-ref.html b/layout/reftests/transform-3d/translatez-1-ref.html
new file mode 100644
index 0000000000..413ce3b027
--- /dev/null
+++ b/layout/reftests/transform-3d/translatez-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotatex(45deg); transform-origin: 0 0 -10px; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/translatez-1a.html b/layout/reftests/transform-3d/translatez-1a.html
new file mode 100644
index 0000000000..e721bde209
--- /dev/null
+++ b/layout/reftests/transform-3d/translatez-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatez(-10px) rotatex(45deg) translatez(10px); transform-origin: 0 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/translatez-1b.html b/layout/reftests/transform-3d/translatez-1b.html
new file mode 100644
index 0000000000..78987b8858
--- /dev/null
+++ b/layout/reftests/transform-3d/translatez-1b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatez(-20px) rotatex(45deg) translatez(20px); transform-origin: 0 0 0; width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform-3d/willchange-containing-block.html b/layout/reftests/transform-3d/willchange-containing-block.html
new file mode 100644
index 0000000000..95de2c74d0
--- /dev/null
+++ b/layout/reftests/transform-3d/willchange-containing-block.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<style>
+body {
+  padding: 100px;
+  width: 5000px;
+  height: 5000px;
+  overflow: scroll;
+}
+div {
+}
+#parent {
+  background:red;
+  width: 64px;
+  height: 64px;
+}
+#child {
+  background:green;
+  position:fixed;
+  width: 32px;
+  height: 32px;
+}
+</style>
+<div id="parent">
+<div id="child">
+
+</div>
+</div>
+<script type="application/javascript">
+
+if (document.location.search == '?willchange') {
+  document.getElementById("parent").style.willChange = "transform";
+} else if (document.location.search == '?ref') {
+  document.getElementById("parent").style.transform = "translateZ(1px)";
+} else if (document.location.search == '?noblock') {
+}
+
+document.documentElement.scrollTop = 10;
+document.documentElement.scrollLeft = 10;
+</script>
+</body>
+</html>
diff --git a/layout/reftests/transform/1569215-1-ref.html b/layout/reftests/transform/1569215-1-ref.html
new file mode 100644
index 0000000000..de52ba1e8c
--- /dev/null
+++ b/layout/reftests/transform/1569215-1-ref.html
@@ -0,0 +1,10 @@
+<style>
+path {
+  stroke: #000;
+  fill: none;
+}
+</style>
+
+<svg width="500" height="500" viewBox="105 125 20 20">
+  <path id="pp" d="m 95,130 h 36" />
+</svg>
diff --git a/layout/reftests/transform/1569215-1.html b/layout/reftests/transform/1569215-1.html
new file mode 100644
index 0000000000..b1b199ab63
--- /dev/null
+++ b/layout/reftests/transform/1569215-1.html
@@ -0,0 +1,28 @@
+<style>
+path {
+  stroke: #000;
+  fill: none;
+}
+
+#pp {
+  animation: flyR 5s infinite;
+}
+
+@keyframes flyR {
+  from {
+    transform: translate(9px);
+  }
+
+  50% {
+    transform: translate(4.5px);
+  }
+
+  to {
+    transform: translate(0px);
+  }
+}
+</style>
+
+<svg width="500" height="500" viewBox="105 125 20 20">
+  <path id="pp" d="m 95,130 h 36" />
+</svg>
diff --git a/layout/reftests/transform/601894-1.html b/layout/reftests/transform/601894-1.html
new file mode 100644
index 0000000000..ae68117579
--- /dev/null
+++ b/layout/reftests/transform/601894-1.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <body style="background: linear-gradient(lime, lime) fixed; overflow: hidden;">
+    <div style="position: absolute; left: 21.0138px; top: 507.24px; z-index: 17567; transform: scale(8);">
+      <div style="height: 128px; left: -64px; position: absolute; top: -64px; visibility: visible; width: 128px;"></div>
+    </div>
+    <div style="position: absolute; left: 640.572px; top: 386.574px; transform: scale(1); z-index: -157863;">
+      <div style="position: absolute; top: -64px; left: -64px; width: 128px; height: 128px; visibility: visible;"></div>
+    </div>
+    <div style="position: absolute; left: 568.346px; top: 582.669px; transform: scale(1); z-index: -62592;">
+      <div style="position: absolute; top: -64px; left: -64px; width: 128px; height: 128px; visibility: visible;"></div>
+    </div>
+    <div style="position: absolute; left: 573.27px; top: 168.861px; transform: scale(1); z-index: -137632;">
+      <div style="position: absolute; top: -64px; left: -64px; width: 128px; height: 128px; visibility: visible;"></div>
+    </div>
+    <div style="position: absolute; left: 519.063px; top: 182.9px; transform: scale(1); z-index: -50558;">
+      <div style="position: absolute; top: -64px; left: -64px; width: 128px; height: 128px; visibility: visible;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/601894-2.html b/layout/reftests/transform/601894-2.html
new file mode 100644
index 0000000000..d805456c62
--- /dev/null
+++ b/layout/reftests/transform/601894-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body style="background: linear-gradient(lime, lime) fixed;">
+    <div style="position: absolute; left: 0; top: 0; transform: scale(1)">
+      <div style="position: absolute; width: 200px; height: 200px;"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/601894-ref.html b/layout/reftests/transform/601894-ref.html
new file mode 100644
index 0000000000..f4e6cdae83
--- /dev/null
+++ b/layout/reftests/transform/601894-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<body style="background: lime;">
diff --git a/layout/reftests/transform/830299-1-ref.html b/layout/reftests/transform/830299-1-ref.html
new file mode 100644
index 0000000000..d5cf007103
--- /dev/null
+++ b/layout/reftests/transform/830299-1-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+	<title>Testcase, bug 830299</title>
+	<meta charset=UTF-8>
+	<style type="text/css">
+
+	html { margin: 1px; padding: 2px }
+	body { margin: 4px; padding: 8px }
+
+	#outer {
+		position: absolute;
+		top: 3px; left: 5px;
+		width: 200px; height: 200px;
+		background: yellow;
+	}
+	
+	#inner {
+		position: absolute;
+		top: 7px; left: 9px;
+		width: 100px; height: 100px;
+		background: aqua;
+	}
+
+	</style>
+</head>
+<body>
+
+<div id="outer">
+  <div id="inner">inner</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform/830299-1.html b/layout/reftests/transform/830299-1.html
new file mode 100644
index 0000000000..3d7c799334
--- /dev/null
+++ b/layout/reftests/transform/830299-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en-US" class="reftest-wait">
+<head>
+	<title>Testcase, bug 830299</title>
+	<meta charset=UTF-8>
+	<style type="text/css">
+
+	html { margin: 1px; padding: 2px }
+	body { margin: 4px; padding: 8px }
+
+	#outer {
+		position: absolute;
+		overflow: hidden;
+		transform: translateX(0px);
+		top: 3px; left: 5px;
+		width: 200px; height: 200px;
+		background: yellow;
+	}
+	
+	#inner {
+		position: fixed;
+		top: 7px; left: 9px;
+		width: 100px; height: 100px;
+		background: aqua;
+	}
+
+	</style>
+	<script type="text/javascript">
+
+	window.addEventListener("load", function(event) {
+	                        	setTimeout(function() {
+	                        	           	document.getElementById("inner").style.display = "";
+	                        	           	document.documentElement.removeAttribute("class");
+	                        	           }, 100);
+	                        });
+
+	</script>
+</head>
+<body>
+
+<div id="outer">
+  <div id="inner" style="display:none">inner</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1-ref.html b/layout/reftests/transform/abspos-1-ref.html
new file mode 100644
index 0000000000..337c849b51
--- /dev/null
+++ b/layout/reftests/transform/abspos-1-ref.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; position: relative; left: 50px; top: 50px; background-color: gold;">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1a.html b/layout/reftests/transform/abspos-1a.html
new file mode 100644
index 0000000000..b8270222df
--- /dev/null
+++ b/layout/reftests/transform/abspos-1a.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold;">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1b.html b/layout/reftests/transform/abspos-1b.html
new file mode 100644
index 0000000000..c2a0a668c3
--- /dev/null
+++ b/layout/reftests/transform/abspos-1b.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; left: 50px; top: 100px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1c.html b/layout/reftests/transform/abspos-1c.html
new file mode 100644
index 0000000000..536d2559cc
--- /dev/null
+++ b/layout/reftests/transform/abspos-1c.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; right: -150px; bottom: 0px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1d.html b/layout/reftests/transform/abspos-1d.html
new file mode 100644
index 0000000000..13f21e1ca2
--- /dev/null
+++ b/layout/reftests/transform/abspos-1d.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; right: -150px; bottom: 0px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1e.html b/layout/reftests/transform/abspos-1e.html
new file mode 100644
index 0000000000..b6a90de489
--- /dev/null
+++ b/layout/reftests/transform/abspos-1e.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; right: -151px; bottom: 0px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1f.html b/layout/reftests/transform/abspos-1f.html
new file mode 100644
index 0000000000..8139a9f194
--- /dev/null
+++ b/layout/reftests/transform/abspos-1f.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold; display: table">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/abspos-1g.html b/layout/reftests/transform/abspos-1g.html
new file mode 100644
index 0000000000..ac35376bc9
--- /dev/null
+++ b/layout/reftests/transform/abspos-1g.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;display: inline-table">
+    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+    <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; left: 50px; top: 100px;">
+      0 1 2 3 4 5 6 7 8 9
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/animate-layer-scale-inherit-1-ref.html b/layout/reftests/transform/animate-layer-scale-inherit-1-ref.html
new file mode 100644
index 0000000000..3f2974597f
--- /dev/null
+++ b/layout/reftests/transform/animate-layer-scale-inherit-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1122526</title>
+<style>
+
+#outer, #inner {
+  display: inline-block;
+  background: white;
+  color: black;
+}
+
+#inner {
+  vertical-align: top;
+  height: 100px;
+  width: 100px;
+  background: repeating-linear-gradient(to top left, yellow, blue 10px);
+  will-change: transform;
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/transform/animate-layer-scale-inherit-1.html b/layout/reftests/transform/animate-layer-scale-inherit-1.html
new file mode 100644
index 0000000000..b04c4a8fa9
--- /dev/null
+++ b/layout/reftests/transform/animate-layer-scale-inherit-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1122526</title>
+<style>
+
+#outer, #inner {
+  display: inline-block;
+  background: white;
+  color: black;
+}
+#outer { transform: scale(5) }
+#inner { animation: HoldTransform linear infinite 1s }
+#inner {
+  vertical-align: top;
+  height: 100px;
+  width: 100px;
+  background: repeating-linear-gradient(to top left, yellow, blue 10px);
+}
+@keyframes HoldTransform {
+  from, to { transform: scale(0.2) }
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/transform/animate-layer-scale-inherit-2-ref.html b/layout/reftests/transform/animate-layer-scale-inherit-2-ref.html
new file mode 100644
index 0000000000..714f6f2224
--- /dev/null
+++ b/layout/reftests/transform/animate-layer-scale-inherit-2-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1122526</title>
+<style>
+
+#outer, #inner {
+  display: inline-block;
+  background: white;
+  color: black;
+}
+#inner {
+  vertical-align: top;
+  height: 100px;
+  width: 100px;
+  background: repeating-linear-gradient(to top left, yellow, blue 10px);
+  opacity: 0.6;
+  will-change: transform, opacity;
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/transform/animate-layer-scale-inherit-2.html b/layout/reftests/transform/animate-layer-scale-inherit-2.html
new file mode 100644
index 0000000000..f7297d1213
--- /dev/null
+++ b/layout/reftests/transform/animate-layer-scale-inherit-2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1122526</title>
+<style>
+
+#outer, #inner {
+  display: inline-block;
+  background: white;
+  color: black;
+}
+#outer { transform: scale(5) }
+#inner { animation: HoldTransform linear infinite 1s,
+                    HoldOpacity   linear infinite 1s; }
+#inner {
+  vertical-align: top;
+  height: 100px;
+  width: 100px;
+  background: repeating-linear-gradient(to top left, yellow, blue 10px);
+}
+@keyframes HoldTransform {
+  from, to { transform: scale(0.2) }
+}
+@keyframes HoldOpacity {
+  from, to { opacity: 0.6 }
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/transform/animate-layer-scale-inherit-3.html b/layout/reftests/transform/animate-layer-scale-inherit-3.html
new file mode 100644
index 0000000000..4badfbd825
--- /dev/null
+++ b/layout/reftests/transform/animate-layer-scale-inherit-3.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Testcase, bug 1122526</title>
+<style>
+
+#outer, #inner {
+  display: inline-block;
+  background: white;
+  color: black;
+}
+/*
+ * We use step-end with reverse direction to paint the initial state
+ * on the first frame, and step to the last state on the next frame.
+ */
+#inner { animation: HoldTransform step-end 100s reverse }
+#inner {
+  vertical-align: top;
+  height: 100px;
+  width: 100px;
+  background: repeating-linear-gradient(to top left, yellow, blue 10px);
+}
+@keyframes HoldTransform {
+  /* need to initially rasterize at non-identity transform to hit the
+   * bug at all
+   * NOTE: These keyframes will be used reverse direction.
+   */
+  0% { transform: none }
+  100% { transform: scale(0.2) }
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
+
+<script>
+
+document.getElementById("inner").addEventListener("animationstart", StartListener);
+
+function StartListener(event) {
+  // Animation should be zoomed to transform:none after the first frame.
+  requestAnimationFrame(RemoveReftestWait);
+}
+
+function RemoveReftestWait() {
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/transform/animate-layer-scale-inherit-4-ref.html b/layout/reftests/transform/animate-layer-scale-inherit-4-ref.html
new file mode 100644
index 0000000000..16688d4def
--- /dev/null
+++ b/layout/reftests/transform/animate-layer-scale-inherit-4-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1122526</title>
+<style>
+
+#outer, #inner {
+  display: inline-block;
+  background: white;
+  color: black;
+}
+#inner {
+  vertical-align: top;
+  height: 100px;
+  width: 100px;
+  background: repeating-linear-gradient(to top left, yellow, blue 10px);
+  will-change: transform;
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/transform/animate-layer-scale-inherit-4.html b/layout/reftests/transform/animate-layer-scale-inherit-4.html
new file mode 100644
index 0000000000..8ab439fc7a
--- /dev/null
+++ b/layout/reftests/transform/animate-layer-scale-inherit-4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<title>Testcase, bug 1526847</title>
+<style>
+
+#outer, #inner {
+  display: inline-block;
+  background: white;
+  color: black;
+}
+#outer { scale: 5 }
+#inner {
+  vertical-align: top;
+  height: 100px;
+  width: 100px;
+  background: repeating-linear-gradient(to top left, yellow, blue 10px);
+  animation: HoldTransform linear infinite 1s;
+}
+@keyframes HoldTransform {
+  from, to { scale: 0.5; transform: scale(0.4); }
+}
+
+</style>
+
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/transform/compound-1-fail.html b/layout/reftests/transform/compound-1-fail.html
new file mode 100644
index 0000000000..d252d45c09
--- /dev/null
+++ b/layout/reftests/transform/compound-1-fail.html
@@ -0,0 +1,35 @@
+<html>
+<head>
+  <style type="text/css">
+    div.test
+    {
+    background-color: gold;
+    width:200px;
+    height:100px;
+    border: 1px solid black;
+    }
+    div
+    {
+    transform-origin: top left;
+    }
+    html
+    {
+    scrollbar-width: none;
+    }
+  </style>
+</head>
+<body>
+  <div style="position:relative; left:400px; top:200px;">
+    <div style="transform: skew(15deg);">
+      <div style="transform: rotate(90deg);">
+	<div style="transform: scale(2);">
+	  <div style="transform: translate(100px);">
+	    <div class="test">
+	    </div>
+	  </div>
+	</div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/compound-1-ref.html b/layout/reftests/transform/compound-1-ref.html
new file mode 100644
index 0000000000..dcc45ef263
--- /dev/null
+++ b/layout/reftests/transform/compound-1-ref.html
@@ -0,0 +1,36 @@
+<html>
+<head>
+  <meta name="viewport" content="initial-scale=1">
+  <style type="text/css">
+    div.test
+    {
+    background-color: gold;
+    width:200px;
+    height:100px;
+    border: 1px solid black;
+    }
+    div
+    {
+    transform-origin: top left;
+    }
+    html
+    {
+    scrollbar-width: none;
+    }
+  </style>
+</head>
+<body>
+  <div style="position:relative; left:400px; top:200px;">
+    <div style="transform: translate(100px);">
+      <div style="transform: scale(2);">
+	<div style="transform: rotate(90deg);">
+	  <div style="transform: skew(15deg);">
+	    <div class="test">
+	    </div>
+	  </div>
+	</div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/compound-1a.html b/layout/reftests/transform/compound-1a.html
new file mode 100644
index 0000000000..ce36c58422
--- /dev/null
+++ b/layout/reftests/transform/compound-1a.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+  <meta name="viewport" content="initial-scale=1">
+  <style type="text/css">
+    div.test
+    {
+    background-color: gold;
+    width:200px;
+    height:100px;
+    border: 1px solid black;
+    }
+    div
+    {
+    transform-origin: top left;
+    }
+    html
+    {
+    scrollbar-width: none;
+    }
+  </style>
+</head>
+<body>
+  <div style="position:relative; left:400px; top:200px;">
+    <div class="test" style="transform: translate(100px) scale(2) rotate(90deg) skew(15deg);">
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/descendant-1-ref.html b/layout/reftests/transform/descendant-1-ref.html
new file mode 100644
index 0000000000..827090c7e7
--- /dev/null
+++ b/layout/reftests/transform/descendant-1-ref.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+  <style>
+    #div1 {
+      background: green;
+      height: 100px;
+      width: 100px;
+    }
+    span {
+      background: yellow;
+    }
+  </style>
+</head>
+<body>
+  <div id="div1">
+    <span style="position: relative; top: 150px; left: 20px">span 1</span>
+  </div>
+  <span>span 2</span>
+  
+</body>
+</html>
diff --git a/layout/reftests/transform/descendant-1.html b/layout/reftests/transform/descendant-1.html
new file mode 100644
index 0000000000..3ea83eb755
--- /dev/null
+++ b/layout/reftests/transform/descendant-1.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+  <style>
+    #div1 {
+      background: green;
+      height: 100px;
+      width: 100px;
+    }
+    span {
+      background: yellow;
+    }
+    #div1 div {transform: translate(20px, 150px);
+               transform-origin: 0% 0%;
+    }
+  </style>
+</head>
+<body>
+  <div id="div1">
+    <div><span>span 1</span></div>
+  </div>
+  <span>span 2</span>
+</body>
+</html>
diff --git a/layout/reftests/transform/dynamic-add-without-change-cb-1-ref.html b/layout/reftests/transform/dynamic-add-without-change-cb-1-ref.html
new file mode 100644
index 0000000000..e2d067e1f6
--- /dev/null
+++ b/layout/reftests/transform/dynamic-add-without-change-cb-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  The green square below should be centered.
+  <div style="width: 400px; height: 400px; position: absolute;
+              perspective: 600px; left: calc(50% - 200px);
+              top: calc(50% - 200px); background: green;">
+  </div>
+</html>
diff --git a/layout/reftests/transform/dynamic-add-without-change-cb-1.html b/layout/reftests/transform/dynamic-add-without-change-cb-1.html
new file mode 100644
index 0000000000..7b8307b4fb
--- /dev/null
+++ b/layout/reftests/transform/dynamic-add-without-change-cb-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  The green square below should be centered.
+  <div style="width: 400px; height: 400px; position: absolute;
+              perspective: 600px; left: 50%; top: 50%; background: green;">
+  </div>
+  <script>
+    document.body.offsetWidth;
+    document.querySelector("div").style.transform = "translate(-50%, -50%)";
+  </script>
+</html>
diff --git a/layout/reftests/transform/dynamic-addremove-1-ref.html b/layout/reftests/transform/dynamic-addremove-1-ref.html
new file mode 100644
index 0000000000..271b1a6470
--- /dev/null
+++ b/layout/reftests/transform/dynamic-addremove-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="position:absolute; left:80px; top:20px; width:100px; height:100px; background:yellow">
+  <div style="position:absolute; left:50px; top:50px; width:100px; height:100px; background:orange"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform/dynamic-addremove-1a.html b/layout/reftests/transform/dynamic-addremove-1a.html
new file mode 100644
index 0000000000..580e0fd722
--- /dev/null
+++ b/layout/reftests/transform/dynamic-addremove-1a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="margin:0;">
+<div id="t" style="width:100px; height:100px; background:yellow;">
+  <div style="position:absolute; left:50px; top:50px; width:100px; height:100px; background:orange;"></div>
+</div>
+<script>
+function doTest() {
+  document.getElementById("t").style.transform = "translate(80px,20px)";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/transform/dynamic-addremove-1b.html b/layout/reftests/transform/dynamic-addremove-1b.html
new file mode 100644
index 0000000000..5c17bc073b
--- /dev/null
+++ b/layout/reftests/transform/dynamic-addremove-1b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="margin:0;">
+<div id="t" style="width:100px; height:100px; background:yellow;">
+  <div style="position:fixed; left:50px; top:50px; width:100px; height:100px; background:orange;"></div>
+</div>
+<script>
+function doTest() {
+  document.getElementById("t").style.transform = "translate(80px,20px)";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/transform/dynamic-addremove-1c.html b/layout/reftests/transform/dynamic-addremove-1c.html
new file mode 100644
index 0000000000..519fc19f20
--- /dev/null
+++ b/layout/reftests/transform/dynamic-addremove-1c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="margin:0;">
+<div id="t" style="width:100px; height:100px; background:yellow;">
+  <div style="float:left;">
+    <div style="position:fixed; left:50px; top:50px; width:100px; height:100px; background:orange;"></div>
+  </div>
+</div>
+<script>
+function doTest() {
+  document.getElementById("t").style.transform = "translate(80px,20px)";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/transform/dynamic-addremove-2-ref.html b/layout/reftests/transform/dynamic-addremove-2-ref.html
new file mode 100644
index 0000000000..d92058201d
--- /dev/null
+++ b/layout/reftests/transform/dynamic-addremove-2-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html style="background: green">
+</html>
diff --git a/layout/reftests/transform/dynamic-addremove-2.html b/layout/reftests/transform/dynamic-addremove-2.html
new file mode 100644
index 0000000000..b6718b29a7
--- /dev/null
+++ b/layout/reftests/transform/dynamic-addremove-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html style="background: red">
+  <div style="transform: translate3d(0, 0, 0); position: absolute;
+              top: 0; left: 0; width: 100px; height: 100px">
+    <div style="position: absolute">
+      <div style="position: fixed; width: 100%; height: 100%; top: 0; left: 0;
+                  background: green">
+      </div>
+    </div>
+  </div>
+  <script>
+    onload = function() {
+      document.body.offsetWidth;
+      document.querySelector("div").style.transform = "none";
+    }
+  </script>
+</html>
diff --git a/layout/reftests/transform/dynamic-inherit-1-ref.html b/layout/reftests/transform/dynamic-inherit-1-ref.html
new file mode 100644
index 0000000000..02743d8c4a
--- /dev/null
+++ b/layout/reftests/transform/dynamic-inherit-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<head>
+<title>Test for bug 521720</title>
+<style type="text/css">
+
+p {
+  transform-origin: inherit;
+  transform: scale(2);
+  height: 10px;
+  width: 10px;
+  background: green;
+  margin: 50px;
+}
+
+</style>
+<head>
+<body>
+<div id="a">
+<p style="font-size: 10px"></p>
+</div>
+</body>
diff --git a/layout/reftests/transform/dynamic-inherit-1.html b/layout/reftests/transform/dynamic-inherit-1.html
new file mode 100644
index 0000000000..4c410e2441
--- /dev/null
+++ b/layout/reftests/transform/dynamic-inherit-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<head>
+<title>Test for bug 521720</title>
+<style type="text/css">
+
+p {
+  transform-origin: inherit;
+  transform: scale(2);
+  height: 10px;
+  width: 10px;
+  background: green;
+  margin: 50px;
+}
+
+</style>
+<head>
+<body onload="document.getElementById('a').style.removeProperty('transform-origin');">
+<div id="a" style="transform-origin: 10px 10px">
+<p style="font-size: 10px"></p>
+</div>
+</body>
diff --git a/layout/reftests/transform/iframe-1-ref.html b/layout/reftests/transform/iframe-1-ref.html
new file mode 100644
index 0000000000..43c76457a4
--- /dev/null
+++ b/layout/reftests/transform/iframe-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+  <head>
+    <style>
+      iframe {
+        overflow: hidden;
+        height: 200px;
+        width: 300px;
+      }
+    </style>
+  </head>
+  <body>
+    <iframe src="about:blank">
+    </iframe>
+  </body>
+</html>
diff --git a/layout/reftests/transform/iframe-1.html b/layout/reftests/transform/iframe-1.html
new file mode 100644
index 0000000000..6a2b621df9
--- /dev/null
+++ b/layout/reftests/transform/iframe-1.html
@@ -0,0 +1,14 @@
+<html>
+  <head>
+    <style>
+      iframe {
+        height: 200px;
+        width: 300px;
+      }
+    </style>
+  </head>
+  <body>
+    <iframe scrolling="no" src="iframe-transform.html">
+    </iframe>
+  </body>
+</html>
diff --git a/layout/reftests/transform/iframe-transform.html b/layout/reftests/transform/iframe-transform.html
new file mode 100644
index 0000000000..5e644ea493
--- /dev/null
+++ b/layout/reftests/transform/iframe-transform.html
@@ -0,0 +1,16 @@
+<html>
+  <head>
+    <style>
+      div {
+        height: 200px;
+        width: 200px;
+        background: green;
+        transform: translate(500px, 500px);
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/inline-1-ref.html b/layout/reftests/transform/inline-1-ref.html
new file mode 100644
index 0000000000..84a2f6dd4a
--- /dev/null
+++ b/layout/reftests/transform/inline-1-ref.html
@@ -0,0 +1,2 @@
+<!doctype html>
+This is some text<br>that is not transformed
diff --git a/layout/reftests/transform/inline-1a.html b/layout/reftests/transform/inline-1a.html
new file mode 100644
index 0000000000..823c1ac6b3
--- /dev/null
+++ b/layout/reftests/transform/inline-1a.html
@@ -0,0 +1,3 @@
+<!doctype html>
+This is some <span style="transform:rotate(180deg)">text<br>
+that is</span> not transformed
diff --git a/layout/reftests/transform/invalidate-svg-scale-1-ref.html b/layout/reftests/transform/invalidate-svg-scale-1-ref.html
new file mode 100644
index 0000000000..dde3a479aa
--- /dev/null
+++ b/layout/reftests/transform/invalidate-svg-scale-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Bug 1490518</title>
+</head>
+<body>
+<div style="position: absolute; top: 0px; left: 0px; transform: scale(2.0);">
+    <div style="position: absolute; top: 0px; left: 0px; width: 200px; background: green; height: 50px; will-change: opacity"></div>
+    <svg width="200" height="200" style="position: absolute; top: 50px; left: 0px;">
+        <rect x="0" y="0" width="200" height="200" fill="transparent"/>
+    </svg>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/transform/invalidate-svg-scale-1.html b/layout/reftests/transform/invalidate-svg-scale-1.html
new file mode 100644
index 0000000000..f1ef5fdf65
--- /dev/null
+++ b/layout/reftests/transform/invalidate-svg-scale-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+<title>Bug 1490518</title>
+</head>
+<body>
+<div style="position: absolute; top: 0px; left: 0px; transform: scale(2.0);">
+    <div style="position: absolute; top: 0px; left: 0px; width: 200px; background: green; height: 50px; will-change: opacity"></div>
+    <svg width="200" height="200" style="position: absolute; top: 50px; left: 0px;">
+        <rect x="0" y="0" width="200" height="200" fill="transparent"/>
+    	<rect x="0" y="0" width="200" height="200" fill="blue" id="rect"/>
+    </svg>
+</div>
+
+<script>
+function doTest() {
+  document.getElementById("rect").style.visibility = "hidden";
+  document.documentElement.removeAttribute("class");
+}
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/transform/invalidate-transform-1-ref.html b/layout/reftests/transform/invalidate-transform-1-ref.html
new file mode 100644
index 0000000000..6121847d70
--- /dev/null
+++ b/layout/reftests/transform/invalidate-transform-1-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title></title>
+</head>
+<style type="text/css">
+#green {
+  position: absolute;
+  top: 8px;
+  left: 208px;
+  width: 200px;
+  height: 200px;
+  background-color: green;
+  z-index: 1;
+}
+</style>
+<body>
+<div id="green"></div>
+</body>
+</html>
diff --git a/layout/reftests/transform/invalidate-transform-1.html b/layout/reftests/transform/invalidate-transform-1.html
new file mode 100644
index 0000000000..d4403630a3
--- /dev/null
+++ b/layout/reftests/transform/invalidate-transform-1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="UTF-8">
+<title></title>
+</head>
+<style type="text/css">
+#parent {
+  width: 200px;
+  height: 200px;
+}
+
+#box {
+  width: 200px;
+  height: 200px;
+  background-color: red;
+  z-index: 0;
+}
+
+#green {
+  position: absolute;
+  top: 8px;
+  left: 208px;
+  width: 200px;
+  height: 200px;
+  background-color: green;
+  z-index: 1;
+}
+</style>
+<body>
+
+<div id="parent">
+	<div id="box"></div>
+</div>
+<div id="green"></div>
+
+<script type="text/javascript">
+function doTest() {
+  var element = document.getElementById("parent");
+  element.style.transform = "translate(200px, 0px)";
+  document.documentElement.removeAttribute("class");
+}
+
+window.addEventListener("MozReftestInvalidate", doTest);
+
+</script>
+
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-1-ref.html b/layout/reftests/transform/matrix-1-ref.html
new file mode 100644
index 0000000000..475b6bbe5c
--- /dev/null
+++ b/layout/reftests/transform/matrix-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: translatex(100px); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-1a.html b/layout/reftests/transform/matrix-1a.html
new file mode 100644
index 0000000000..9a5ff58d33
--- /dev/null
+++ b/layout/reftests/transform/matrix-1a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: matrix(1, 0, 0, 1, 100, 0); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-2-ref.html b/layout/reftests/transform/matrix-2-ref.html
new file mode 100644
index 0000000000..66d0d80b43
--- /dev/null
+++ b/layout/reftests/transform/matrix-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: translatey(100px); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-2a.html b/layout/reftests/transform/matrix-2a.html
new file mode 100644
index 0000000000..314f335b8f
--- /dev/null
+++ b/layout/reftests/transform/matrix-2a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: matrix(1, 0, 0, 1, 0, 100); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-3-ref.html b/layout/reftests/transform/matrix-3-ref.html
new file mode 100644
index 0000000000..0dbcfc2bf3
--- /dev/null
+++ b/layout/reftests/transform/matrix-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: translatex(47%); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-3a.html b/layout/reftests/transform/matrix-3a.html
new file mode 100644
index 0000000000..5277707912
--- /dev/null
+++ b/layout/reftests/transform/matrix-3a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: matrix(1, 0, 0, 1, 47, 0); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-4-ref.html b/layout/reftests/transform/matrix-4-ref.html
new file mode 100644
index 0000000000..087d8c8a83
--- /dev/null
+++ b/layout/reftests/transform/matrix-4-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: translatey(23%); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-4a.html b/layout/reftests/transform/matrix-4a.html
new file mode 100644
index 0000000000..c7224096e6
--- /dev/null
+++ b/layout/reftests/transform/matrix-4a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: matrix(1, 0, 0, 1, 0, 23); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-5-ref.html b/layout/reftests/transform/matrix-5-ref.html
new file mode 100644
index 0000000000..52a89c6e52
--- /dev/null
+++ b/layout/reftests/transform/matrix-5-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: skewx(45deg); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-5a.html b/layout/reftests/transform/matrix-5a.html
new file mode 100644
index 0000000000..cfcc9ddb18
--- /dev/null
+++ b/layout/reftests/transform/matrix-5a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: matrix(1, 0, 1, 1, 0, 0); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-6-ref.html b/layout/reftests/transform/matrix-6-ref.html
new file mode 100644
index 0000000000..e97131cd34
--- /dev/null
+++ b/layout/reftests/transform/matrix-6-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: skewy(45deg); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-6a.html b/layout/reftests/transform/matrix-6a.html
new file mode 100644
index 0000000000..88650733c2
--- /dev/null
+++ b/layout/reftests/transform/matrix-6a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: matrix(1, 1, 0, 1, 0, 0); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-7-ref.html b/layout/reftests/transform/matrix-7-ref.html
new file mode 100644
index 0000000000..dddab1a738
--- /dev/null
+++ b/layout/reftests/transform/matrix-7-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: scale(2, 4); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix-7a.html b/layout/reftests/transform/matrix-7a.html
new file mode 100644
index 0000000000..46904f1b26
--- /dev/null
+++ b/layout/reftests/transform/matrix-7a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+	<div style="transform: matrix(2, 0, 0, 4, 0, 0); width: 100px; height: 100px; background-color: gold;">
+        </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix3d-1-ref.html b/layout/reftests/transform/matrix3d-1-ref.html
new file mode 100644
index 0000000000..d2f257d531
--- /dev/null
+++ b/layout/reftests/transform/matrix3d-1-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <style>
+    div {
+      background: green;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/matrix3d-1.html b/layout/reftests/transform/matrix3d-1.html
new file mode 100644
index 0000000000..6952333530
--- /dev/null
+++ b/layout/reftests/transform/matrix3d-1.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+  <!-- We do not support the 3d matrix yet, so this should do nothing -->
+  <style>
+    div {
+      background: green;
+      width: 100px;
+      height: 100px;
+      transform: matrix3d(1, 0, 100, 1, 10,
+                               1, 100, 1, 1, 10,
+                               1, 100, 2, 3, 12,
+                               12, 100, 3, 4, 5);
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-1-ref.html b/layout/reftests/transform/origin-1-ref.html
new file mode 100644
index 0000000000..5c1dae55c0
--- /dev/null
+++ b/layout/reftests/transform/origin-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black; transform: rotate(45deg);">
+	Some text!
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-1a.html b/layout/reftests/transform/origin-1a.html
new file mode 100644
index 0000000000..0234f4255e
--- /dev/null
+++ b/layout/reftests/transform/origin-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black; transform: rotate(45deg); transform-origin: 0% 0%">
+	Some text!
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-1b.html b/layout/reftests/transform/origin-1b.html
new file mode 100644
index 0000000000..e3c8289f67
--- /dev/null
+++ b/layout/reftests/transform/origin-1b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black; transform: rotate(45deg); transform-origin:100% 50%">
+	Some text!
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-2-ref.html b/layout/reftests/transform/origin-2-ref.html
new file mode 100644
index 0000000000..5c1dae55c0
--- /dev/null
+++ b/layout/reftests/transform/origin-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black; transform: rotate(45deg);">
+	Some text!
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-2a.html b/layout/reftests/transform/origin-2a.html
new file mode 100644
index 0000000000..79e49aa143
--- /dev/null
+++ b/layout/reftests/transform/origin-2a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black; transform: rotate(45deg); transform-origin: 101px 51px;">
+	Some text!
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-2b.html b/layout/reftests/transform/origin-2b.html
new file mode 100644
index 0000000000..70dbd361c8
--- /dev/null
+++ b/layout/reftests/transform/origin-2b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black; transform: rotate(45deg); transform-origin: 101px 50%;">
+	Some text!
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-2c.html b/layout/reftests/transform/origin-2c.html
new file mode 100644
index 0000000000..722b7bca74
--- /dev/null
+++ b/layout/reftests/transform/origin-2c.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black; transform: rotate(45deg); transform-origin: 50% 51px;">
+	Some text!
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-1-ref.html b/layout/reftests/transform/origin-name-1-ref.html
new file mode 100644
index 0000000000..16af6cd062
--- /dev/null
+++ b/layout/reftests/transform/origin-name-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: 0% 0%;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-1a.html b/layout/reftests/transform/origin-name-1a.html
new file mode 100644
index 0000000000..c49831cdff
--- /dev/null
+++ b/layout/reftests/transform/origin-name-1a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: top left;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-1b.html b/layout/reftests/transform/origin-name-1b.html
new file mode 100644
index 0000000000..381cb52fdc
--- /dev/null
+++ b/layout/reftests/transform/origin-name-1b.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: left top;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-2-ref.html b/layout/reftests/transform/origin-name-2-ref.html
new file mode 100644
index 0000000000..d84b06737c
--- /dev/null
+++ b/layout/reftests/transform/origin-name-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: 50% 0%;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-2a.html b/layout/reftests/transform/origin-name-2a.html
new file mode 100644
index 0000000000..f537c2dc9a
--- /dev/null
+++ b/layout/reftests/transform/origin-name-2a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: top;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-2b.html b/layout/reftests/transform/origin-name-2b.html
new file mode 100644
index 0000000000..d76cffd576
--- /dev/null
+++ b/layout/reftests/transform/origin-name-2b.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: top center;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-2c.html b/layout/reftests/transform/origin-name-2c.html
new file mode 100644
index 0000000000..ab462fab65
--- /dev/null
+++ b/layout/reftests/transform/origin-name-2c.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: center top;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-3-ref.html b/layout/reftests/transform/origin-name-3-ref.html
new file mode 100644
index 0000000000..b98e1baf19
--- /dev/null
+++ b/layout/reftests/transform/origin-name-3-ref.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: 100% 0%;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-3a.html b/layout/reftests/transform/origin-name-3a.html
new file mode 100644
index 0000000000..c7210d3210
--- /dev/null
+++ b/layout/reftests/transform/origin-name-3a.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: top right;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/origin-name-3b.html b/layout/reftests/transform/origin-name-3b.html
new file mode 100644
index 0000000000..eddebf4ce3
--- /dev/null
+++ b/layout/reftests/transform/origin-name-3b.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 300px; margin-top:300px; width:100px; height:200px; background-color:#202040; transform: rotate(45deg); transform-origin: right top;">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-expansion-ref.html b/layout/reftests/transform/partial-prerender-expansion-ref.html
new file mode 100644
index 0000000000..3c8eec7f69
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-expansion-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  background-color: green;
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-expansion-rotate.html b/layout/reftests/transform/partial-prerender-expansion-rotate.html
new file mode 100644
index 0000000000..a823989656
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-expansion-rotate.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  from { transform: translate(-50vw, -50vh) rotate(85deg); }
+  to { transform: translate(-50vw, -50vh) rotate(90deg); }
+}
+#target {
+  width: 200vw;
+  height: 200vh;
+  position: absolute;
+  transform-origin: 100vw 100vh;
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    Webrender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <rect fill="green" width="16" height="16"></rect>
+  </svg>
+</div>
+<script>
+// Waiting MozReftestInvalidate event makes this test fail for some reasons.
+// so we use window.onload instead.
+window.onload = () => {
+  target.style.animation = "anim 100s step-end reverse";
+  target.addEventListener("animationstart", () => {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+};
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-expansion-translate.html b/layout/reftests/transform/partial-prerender-expansion-translate.html
new file mode 100644
index 0000000000..4b3ea595a9
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-expansion-translate.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  from { transform: translateX(0px); }
+}
+#target {
+  width: 200vw;
+  height: 100vh;
+  position: absolute;
+  /* Some part of this element needs to be visible initially so that  */
+  /* a display item for this element is generated, thus the transform */
+  /* animation runs on the compositor.                                */
+  transform: translateX(90vw);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    Webrender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <rect fill="green" width="16" height="16"></rect>
+  </svg>
+</div>
+<script>
+// Waiting MozReftestInvalidate event makes this test fail for some reasons.
+// so we use window.onload instead.
+window.onload = () => {
+  target.style.animation = "anim 100s step-end reverse";
+  target.addEventListener("animationstart", () => {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+};
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-expansion-with-resolution-1.html b/layout/reftests/transform/partial-prerender-expansion-with-resolution-1.html
new file mode 100644
index 0000000000..2421735b2e
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-expansion-with-resolution-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush" reftest-resolution="0.5">
+<meta name="viewport" content="width=device-width,minimum-scale=0.5,initial-scale=1">
+<!--
+  A test for a partial pre-rendered transform animation with <1.0 resolution.
+  -->
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* The reftest window size is (800x1000) and it's scaled by 0.5             */
+  /* (= 1600x2000), which means the partial pre-render size is (2250x2250) so */
+  /* move to a position inside the pre-render area and away from the          */
+  /* pre-render right edge, translateX(-650px), so that we can avoid blurry   */
+  /* edges in comparison with the reference.                                  */
+  to { transform: translateX(-400px); }
+}
+#target {
+  width: 4000px;
+  height: 4000px;
+  position: absolute;
+  transform: translateX(0px);
+}
+</style>
+<div id="target">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4000 4000">
+    <rect fill="green" x="0"    width="1600" height="4000"></rect>
+    <rect fill="blue"  x="1600" width="650"  height="4000"></rect>
+    <rect fill="red"   x="2250" width="1750" height="4000"></rect>
+  </svg>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s 1s step-start";
+  target.addEventListener("animationstart", () => {
+    // animtionstart event is fired just before requestAnimationFrame callbacks,
+    // so we need to wait two rAF to make sure the initial animation value is
+    // composited on the compositor.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-expansion-with-resolution-2.html b/layout/reftests/transform/partial-prerender-expansion-with-resolution-2.html
new file mode 100644
index 0000000000..9822296102
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-expansion-with-resolution-2.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush" reftest-resolution="0.5">
+<meta name="viewport" content="width=device-width,minimum-scale=0.5,initial-scale=1">
+<!--
+  A variant of partial-prerender-expansion-with-resolution-2.html, a partial
+  pre-rendered transform animation in an iframe with <1.0 resolution.
+  -->
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+</style>
+<iframe style="width:1600px; height:2000px; border: 0"
+        srcdoc="<!DOCTYPE HTML>
+                <html>
+                <style>
+                html {
+                  scrollbar-width: none;
+                }
+                html, body {
+                  margin: 0;
+                  padding: 0;
+                }
+
+                @keyframes anim {
+                  /* The reftest window size is (800x1000) and it's scaled by */
+                  /* 0.5 (= 1600x2000), which means the partial pre-render    */
+                  /* size is (2250x2250) so move to a position inside the     */
+                  /* pre-render area and away from the pre-render right edge, */
+                  /* translateX(-650px), so that we can avoid blurry edges in */
+                  /* comparison with the reference.                           */
+                  to { transform: translateX(-400px); }
+                }
+                #target {
+                  width: 4000px;
+                  height: 4000px;
+                  position: absolute;
+                  transform: translateX(0px);
+                }
+                </style>
+                <div id='target'>
+                  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 4000'>
+                    <rect fill='green' x='0'    width='1600' height='4000'></rect>
+                    <rect fill='blue'  x='1600' width='650'  height='4000'></rect>
+                    <rect fill='red'   x='2250' width='1750' height='4000'></rect>
+                  </svg>
+                </div>
+                <script>
+                window.addEventListener('message', () => {
+                  if (event.data == 'start') {
+                    target.style.animation = 'anim 100s 1s step-start';
+                    target.addEventListener('animationstart', () => {
+                      parent.postMessage('animationstart', '*');
+                    });
+                  }
+                });
+                </script></html>">
+</iframe>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  document.querySelector("iframe").contentWindow.postMessage("start", "*");
+}, { once: true });
+
+window.addEventListener("message", event => {
+  if (event.data == "animationstart") {
+    document.documentElement.classList.remove('reftest-wait');
+  }
+});
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-expansion-with-resolution-ref.html b/layout/reftests/transform/partial-prerender-expansion-with-resolution-ref.html
new file mode 100644
index 0000000000..ae4b009596
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-expansion-with-resolution-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html reftest-resolution="0.5">
+<meta name="viewport" content="width=device-width,minimum-scale=0.5,initial-scale=1">
+<style>
+html {
+  scrollbar-width: none;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  width: 4000px;
+  height: 4000px;
+  position: absolute;
+  transform: translateX(-400px);
+}
+</style>
+<div id="target">
+  <svg xmlns="http://www.w3.org/4000/svg" viewBox="0 0 4000 4000">
+    <rect fill="green" x="0"    width="1600" height="4000"></rect>
+    <rect fill="blue"  x="1600" width="650"  height="4000"></rect>
+    <rect fill="red"   x="2250" width="1750" height="4000"></rect>
+  </svg>
+</div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-in-svg-1-ref.html b/layout/reftests/transform/partial-prerender-in-svg-1-ref.html
new file mode 100644
index 0000000000..61fb6553a4
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-in-svg-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  transform: translateX(-725px);
+}
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
+  <g id="target">
+    <svg xmlns="http://www.w3.org/2000/svg" width="10000">
+      <rect fill="green" x="0"    width="1125" height="400"></rect>
+      <rect fill="red"   x="1125" width="800"  height="400"></rect>
+    </svg>
+  </g>
+</svg>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-in-svg-1.html b/layout/reftests/transform/partial-prerender-in-svg-1.html
new file mode 100644
index 0000000000..141cf4f68f
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-in-svg-1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* The reftest window size is (800x1000), which means the partial prerender */
+  /* area of (400x400) clipped target is (1125x400). Thus -725px(= 400 - 1125)*/
+  /* is the boundary where jank happens, so we choose a value close to -725px */
+  /* so that within a next couple of frames jank should happen. */
+  0% { transform: translateX(-724px); }
+  100% { transform: translateX(-2000px); }
+}
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
+  <g id="target">
+    <svg xmlns="http://www.w3.org/2000/svg" width="10000">
+      <rect fill="green" x="0"    width="1125" height="400"></rect>
+      <rect fill="red"   x="1125" width="800"  height="400"></rect>
+    </svg>
+  </g>
+</svg>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  // A shorter animation-duration than we normally use (100s) because if we used
+  // the longer duration it may NOT fail this test even if any jank happens.
+  target.style.animation = "anim 10s 1s";
+  target.addEventListener("animationstart", () => {
+    // Wait a second to make sure the animation gets stucked (i.e. jank) at the
+    // boundary (725px).
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 1000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-in-svg-2.html b/layout/reftests/transform/partial-prerender-in-svg-2.html
new file mode 100644
index 0000000000..9595f82098
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-in-svg-2.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* The reftest window size is (800x1000), which means the partial prerender */
+  /* area of (400x400) clipped target is (1125x400). Thus -725px(= 400 - 1125)*/
+  /* is the boundary where jank happens, so we choose a value close to -725px */
+  /* so that within a next couple of frames jank should happen. */
+  0% { transform: translateX(-724px); }
+  100% { transform: translateX(-2000px); }
+}
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"
+     style="overflow: scroll">
+  <g id="target">
+    <svg xmlns="http://www.w3.org/2000/svg" width="10000">
+      <rect fill="green" x="0"    width="1125" height="400"></rect>
+      <rect fill="red"   x="1125" width="800"  height="400"></rect>
+    </svg>
+  </g>
+</svg>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  // A shorter animation-duration than we normally use (100s) because if we used
+  // the longer duration it may NOT fail this test even if any jank happens.
+  target.style.animation = "anim 10s 1s";
+  target.addEventListener("animationstart", () => {
+    // Wait a second to make sure the animation gets stucked (i.e. jank) at the
+    // boundary (725px).
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 1000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-in-svg-3-ref.html b/layout/reftests/transform/partial-prerender-in-svg-3-ref.html
new file mode 100644
index 0000000000..2de1ee211c
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-in-svg-3-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  transform: translateX(-325px);
+}
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"
+     style="overflow: visible">
+  <g id="target">
+    <svg xmlns="http://www.w3.org/2000/svg" width="10000">
+      <rect fill="green" x="0"    width="1125" height="400"></rect>
+      <rect fill="red"   x="1125" width="800"  height="400"></rect>
+    </svg>
+  </g>
+</svg>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-in-svg-3.html b/layout/reftests/transform/partial-prerender-in-svg-3.html
new file mode 100644
index 0000000000..f6f4155b5f
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-in-svg-3.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* The reftest window size is (800x1000), which means the partial prerender */
+  /* area is (1125x400). Thus -325px(= 800 - 1125) is the boundary where jank */
+  /* happens, so we choose a value close to -325px so that within a next      */
+  /* couple of frames jank should happen. */
+  0% { transform: translateX(-324px); }
+  100% { transform: translateX(-2000px); }
+}
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"
+     style="overflow: visible">
+  <g id="target">
+    <svg xmlns="http://www.w3.org/2000/svg" width="10000">
+      <rect fill="green" x="0"    width="1125" height="400"></rect>
+      <rect fill="red"   x="1125" width="800"  height="400"></rect>
+    </svg>
+  </g>
+</svg>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  // A shorter animation-duration than we normally use (100s) because if we used
+  // the longer duration it may NOT fail this test even if any jank happens.
+  target.style.animation = "anim 10s 1s";
+  target.addEventListener("animationstart", () => {
+    // Wait a second to make sure the animation gets stucked (i.e. jank) at the
+    // boundary (325px).
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 1000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-1.html b/layout/reftests/transform/partial-prerender-translate-1.html
new file mode 100644
index 0000000000..9cd8fd6441
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-1.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test for a partial pre-rendered transform animation moves to a place where
+  the whole area of the transform animation is out of the viewport.
+  We consider it jank, thus we report it to the main-thread, then we clear out
+  the initial green rectangle, thus the result should be a blank page.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* translate to a position the element is completely outside of the */
+  /* viewport                                                         */
+  to { transform: translateX(-300vw); }
+}
+#target {
+  width: 200vw;
+  height: 200vh;
+  position: absolute;
+  /* Some part of this element needs to be visible initially so that  */
+  /* a display item for this element is generated, thus the transform */
+  /* animation runs on the compositor.                                */
+  transform: translateX(-110vw);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <rect fill="green" width="16" height="16"></rect>
+  </svg>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s 1s step-start";
+  target.addEventListener("animationstart", () => {
+    // Wait 100ms to make sure we can report the jank to the main-thread and
+    // in response to the report we can do a paint process on the main-thread.
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 100);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-10-ref.html b/layout/reftests/transform/partial-prerender-translate-10-ref.html
new file mode 100644
index 0000000000..c85aa22835
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-10-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  width: 1600px;
+  height: 1000px;
+  position: absolute;
+  left: -200px;
+  transform: translateX(0px);
+}
+</style>
+<div id="target">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000">
+    <rect fill="green" x="0"      width="800" height="1000"></rect>
+    <rect fill="blue"  x="800"    width="362.5" height="1000"></rect>
+    <rect fill="red"   x="1162.5" width="837.5" height="1000"></rect>
+  </svg>
+</div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-10.html b/layout/reftests/transform/partial-prerender-translate-10.html
new file mode 100644
index 0000000000..3bf5c57dc7
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-10.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test case for a transform animation frame is positioned by specifying
+  left property (i.e. not transform property) so that if we didn't factor the
+  offset (from the reference frame) in the jank mechanism, the animation will
+  jank at wrong positions.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  0% { transform: translateX(0px); animation-timing-function: step-end; }
+  /* After 1s, translate to a position where it's still inside the pre-render */
+  /* area.                                                                    */
+  /* The right edge of the pre-render area is 1162.5px (see below for the     */
+  /* calculation) and there is `left: -200px` property, which mean            */
+  /* translateX(-162.5px) is the point where a jank happens.  But we don't    */
+  /* want to cause a jank at the edge since it results blurry boundary        */
+  /* between green and blue areas because the jank will happen at a point     */
+  /* very close to -162.5px, e.g. -162.4px.                                   */
+  /* So what we try to do here is that, compositing where jank will never     */
+  /* happen with the left property value, then trying to composite where a    */
+  /* jank will happen if the left (-200px) value is not properly handled in   */
+  /* the jank mechanism because the horizontal pre-render range is            */
+  /* [37.5px, 1162.5px] (see below the calculation)                           */
+  1% { transform: translateX(-150px); animation-timing-function: step-end; }
+  /* We have 100ms margin to avoid skipping this very keyframe */
+  1.1% { transform: translateX(-150px); animation-timing-function: step-start; }
+  /* Back to the original position where jank should NEVER happen if the left */
+  /* property is handled in the jank mechanism, jank should happen if the     */
+  /* property is NOT handled                                                  */
+  100% { transform: translateX(0px); }
+}
+#target {
+  width: 1600px;
+  height: 1000px;
+  position: absolute;
+  left: -200px;
+  transform: translateX(0px);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+
+    The pre-render area width is 1125px, thus the expanded area outside of the
+    visible area is 325px. The 325px width is expaned to both directions,
+    leftward and rightward. Meanwhile, the horizontal visible frame range is
+    [200px, 1000px] because of `left: -200px`, so the left edge of the
+    pre-render area is 37.5px (= 200 - 325/2), the right edge is 1162.5px
+    (= 1000 + 325/2).
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000">
+    <rect fill="green" x="0"      width="800" height="1000"></rect>
+    <rect fill="blue"  x="800"    width="362.5" height="1000"></rect>
+    <rect fill="red"   x="1162.5" width="837.5" height="1000"></rect>
+  </svg>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  // We don't specify 1s delay here since the @keyframes rule has already
+  // a kind of like delay with step-end timing function, which means even if
+  // the animation was painted at 0.1s position due to a lag on the main-thread
+  // (it quite often happens on our CIs!), the initial animation value on the
+  // compositor should be still the first value translateX(0px).
+  target.style.animation = "anim 100s";
+  target.addEventListener("animationstart", () => {
+    // Wait two seconds to make sure we tried to composite translateX(0px).
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 2000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-11-ref.html b/layout/reftests/transform/partial-prerender-translate-11-ref.html
new file mode 100644
index 0000000000..4836be1142
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-11-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html, body {
+  margin: 0;
+  padding: 0;
+}
+#target {
+  width: 30000px;
+  height: 100px;
+  transform: translateX(-2600px);
+}
+</style>
+<div style="width: 50%; overflow: hidden">
+  <div id="target">
+    <!--
+      Put an SVG element so that the transform display item has a blob on
+      WebRender which means this test properly fails without the proper fix.
+      -->
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30000 100">
+      <rect fill="green" x="2500" width="400" height="100"></rect>
+      <rect fill="blue" x="2900" width="100" height="100"></rect>
+    </svg>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-11.html b/layout/reftests/transform/partial-prerender-translate-11.html
new file mode 100644
index 0000000000..ecb6cf25d8
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-11.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test case that the nearest oveflow:hidden scroll frame is the clip frame
+  for the partial pre-render transform animation.
+  -->
+<style>
+html, body {
+  margin: 0;
+  padding: 0;
+}
+#target {
+  width: 30000px;
+  height: 100px;
+  transform: translateX(-2500px);
+  /*
+   * 1s delay so that we can avoid undesired composition, i.e. the first
+   * composition on the composition would be the final transition value.
+   */
+  transition: transform 100s step-start 1s;
+}
+</style>
+<div style="width: 50%; overflow: hidden">
+  <div id="target">
+    <!--
+      Put an SVG element so that the transform display item has a blob on
+      WebRender which means this test properly fails without the proper fix.
+      -->
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30000 100">
+      <rect fill="green" x="2500" width="400" height="100"></rect>
+      <rect fill="blue" x="2900" width="100" height="100"></rect>
+    </svg>
+  </div>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.transform = "translateX(-2600px)";
+  target.addEventListener("transitionstart", () => {
+    // Wait a second to make sure the transition has been composited on the
+    // compositor.
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 1000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-12.html b/layout/reftests/transform/partial-prerender-translate-12.html
new file mode 100644
index 0000000000..6fb2768284
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-12.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test for a partial pre-rendered transform animation moves to a place where
+  the partial pre-render area of the transform animation is out of the viewport,
+  but part of the element is still visible.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* jump to a position where the element is completely outside of the */
+  /* partial pre-render area but the element is still visible */
+  to { transform: translateX(-200vw); }
+}
+#target {
+  width: 400vw;
+  height: 400vh;
+  position: absolute;
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <rect fill="green" width="16" height="16"></rect>
+  </svg>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s 1s step-start";
+  target.addEventListener("animationstart", () => {
+    // animtionstart event is fired just before requestAnimationFrame callbacks,
+    // so we need to wait two rAF to make sure the initial animation value is
+    // composited on the compositor.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-2-ref.html b/layout/reftests/transform/partial-prerender-translate-2-ref.html
new file mode 100644
index 0000000000..98ee6a1f14
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  width: 2000px;
+  height: 2000px;
+  position: absolute;
+  transform: translateX(-325px);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <rect fill="green" x="0" width="1125" height="2000"></rect>
+    <rect fill="red" x="1125" width="875" height="2000"></rect>
+  </svg>
+</div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-2.html b/layout/reftests/transform/partial-prerender-translate-2.html
new file mode 100644
index 0000000000..550a74084a
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-2.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test for a partial pre-rendered transform animation moves to a place where
+  jank happens.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* The reftest window size is (800x1000), which means the partial prerender */
+  /* area is (1125x1125). Thus -325px(= 800 - 1125) is the boundary where     */
+  /* jank happens, so we choose a value close to -325px so that within a next */
+  /* couple of frames jank should happen. */
+  0% { transform: translateX(-324px); }
+  100% { transform: translateX(-2000px); }
+}
+#target {
+  width: 2000px;
+  height: 2000px;
+  position: absolute;
+  transform: translateX(0px);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
+    <!-- green on the pre-render area -->
+    <rect fill="green" x="0" width="1125" height="2000"></rect>
+    <rect fill="red" x="1125" width="875" height="2000"></rect>
+  </svg>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  // A shorter animation-duration than we normally use (100s) because if we used
+  // the longer duration it may NOT fail this test even if any jank happens.
+  target.style.animation = "anim 10s 1s";
+  target.addEventListener("animationstart", () => {
+    // Wait a second to make sure the animation gets stucked (i.e. jank) at the
+    // boundary (325px).
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 1000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-3-ref.html b/layout/reftests/transform/partial-prerender-translate-3-ref.html
new file mode 100644
index 0000000000..d4941007bd
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-3-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  background-color: green;
+  width: 50vw;
+  height: 100vh;
+  position: absolute;
+}
+</style>
+<div id="target"></div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-3.html b/layout/reftests/transform/partial-prerender-translate-3.html
new file mode 100644
index 0000000000..6e4ad202b1
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test for a partial pre-rendered transform animation moves to a place where
+  the partial pre-rendered area is completely out of the viewport but still
+  there remains some amount of area of the entire transform element.
+  If we mis-recognize it as NOT a jank, checkerboading will happen.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* translate to a position the partial pre-rendered area is outside of the */
+  /* viewport but still there should remain visible area. */
+  to { transform: translateX(-150vw); }
+}
+#target {
+  width: 200vw;
+  height: 200vh;
+  position: absolute;
+  transform: translateX(0vw);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <rect fill="green" width="16" height="16"></rect>
+  </svg>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s 1s step-start";
+  target.addEventListener("animationstart", () => {
+    // animtionstart event is fired just before requestAnimationFrame callbacks,
+    // so we need to wait two rAF to make sure the initial animation value is
+    // composited on the compositor.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-4.html b/layout/reftests/transform/partial-prerender-translate-4.html
new file mode 100644
index 0000000000..11ff491b87
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-4.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test that a partial pre-rendered transform animation is transformed by an
+  ancestor transform value.
+  If we don't factor the ancestor's transform, we mis-recognize janks, which
+  means janked at the initial translateX(0vw) position, thus white blank area
+  will appears.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* translate to a position where the left edge of partial pre-rendered on */
+  /* the left edge of the viewport. */
+  to { transform: translateX(-50vw); }
+}
+#target {
+  width: 300vw;
+  height: 300vh;
+  transform: translateX(0vw);
+}
+</style>
+<div style="transform: translateX(50vw);">
+  <div id="target">
+    <!--
+      Put an SVG element so that the transform display item has a blob on
+      WebRender which means this test properly fails without the proper fix.
+      -->
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+      <rect fill="green" width="16" height="16"></rect>
+    </svg>
+  </div>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s 1s step-start";
+  target.addEventListener("animationstart", () => {
+    // animtionstart event is fired just before requestAnimationFrame callbacks,
+    // so we need to wait two rAF to make sure the initial animation value is
+    // composited on the compositor.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-5-ref.html b/layout/reftests/transform/partial-prerender-translate-5-ref.html
new file mode 100644
index 0000000000..c2047502af
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-5-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1000">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow-x: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  width: 800px;
+  height: 1600px;
+  transform: translateY(-500px);
+}
+</style>
+<div style="width: 800px; height: 2000px"><!-- spacer --></div>
+<div style="position: fixed; top: 400px">
+  <div id="target">
+    <!--
+      Put an SVG element so that the transform display item has a blob on
+      WebRender which means this test properly fails without the proper fix.
+      -->
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1600">
+      <rect fill="green" y="0"    width="800" height="1000"></rect>
+      <rect fill="blue"  y="1000" width="800" height="125"></rect>
+      <rect fill="red"   y="1125" width="800" height="875"></rect>
+    </svg>
+  </div>
+</div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-5.html b/layout/reftests/transform/partial-prerender-translate-5.html
new file mode 100644
index 0000000000..6225b7de25
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-5.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush"
+      reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="1000">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test that a partial pre-rendered transform animation is in a position:fixed
+  layer.
+  -->
+<style>
+html {
+  overflow-x: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  to { transform: translateY(-500px); }
+}
+#target {
+  width: 800px;
+  height: 1600px;
+  transform: translateY(-400px);
+}
+</style>
+<div style="width: 800px; height: 2000px"><!-- spacer --></div>
+<div style="position: fixed; top: 400px">
+  <div id="target">
+    <!--
+      Put an SVG element so that the transform display item has a blob on
+      WebRender which means this test properly fails without the proper fix.
+      -->
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1600">
+      <rect fill="green" y="0"    width="800" height="1000"></rect>
+      <rect fill="blue"  y="1000" width="800" height="125"></rect>
+      <rect fill="red"   y="1125" width="800" height="875"></rect>
+    </svg>
+  </div>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 100s 1s step-start";
+  target.addEventListener("animationstart", () => {
+    // animtionstart event is fired just before requestAnimationFrame callbacks,
+    // so we need to wait two rAF to make sure the initial animation value is
+    // composited on the compositor.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove("reftest-wait");
+      });
+    });
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-6-ref.html b/layout/reftests/transform/partial-prerender-translate-6-ref.html
new file mode 100644
index 0000000000..dece645afb
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-6-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+#target {
+  width: 1600px;
+  height: 900px;
+  position: absolute;
+  transform: translateX(-325px);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900">
+    <rect fill="green" x="0" width="1125" height="900"></rect>
+    <rect fill="red" x="1125" width="875" height="900"></rect>
+  </svg>
+</div>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-6.html b/layout/reftests/transform/partial-prerender-translate-6.html
new file mode 100644
index 0000000000..58b34c6cae
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-6.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* The reftest window size is (800x1000), which means the partial prerender */
+  /* area is (1125x900). Thus -325px(= 800 - 1125) is the boundary where jank */
+  /* happens, so we choose a value close to -325px so that within a next      */
+  /* couple of frames jank should happen. */
+  0% { transform: translateX(-324px); }
+  100% { transform: translateX(-2000px); }
+}
+#target {
+  width: 1600px;
+  /* Use a smallar value than the reftest window height to avoid bloating up  */
+  /* svg inside this element beyond the window height */
+  height: 900px;
+  position: absolute;
+  transform: translateX(0px);
+}
+</style>
+<div id="target">
+  <!--
+    Put an SVG element so that the transform display item has a blob on
+    WebRender which means this test properly fails without the proper fix.
+    Note: As SVG items get "webrenderized" this test won't work. For now
+    rounded rectangles go through the blob path.
+    -->
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900">
+    <!-- green on the pre-render area -->
+    <rect fill="green" x="0" width="1125" height="900" rx="0.1"></rect>
+    <rect fill="red" x="1125" width="875" height="900" rx="0.1"></rect>
+  </svg>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  // A shorter animation-duration than we normally use (100s) because if we used
+  // the longer duration it may NOT fail this test even if any jank happens.
+  target.style.animation = "anim 10s 1s";
+  target.addEventListener("animationstart", () => {
+    // Wait a second to make sure the animation gets stucked (i.e. jank) at the
+    // boundary (325px).
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 1000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-7.html b/layout/reftests/transform/partial-prerender-translate-7.html
new file mode 100644
index 0000000000..06c26c66fb
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-7.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  Another variant of partial-prerender-translate-2.html, but the transform
+  animation is scaled by the parent element.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+@keyframes anim {
+  /* translate to a position where the left edge of partial pre-rendered on */
+  /* the left edge of the viewport. */
+  0% { transform: translateX(-649px); }
+  100% { transform: translateX(-2000px); }
+}
+#target {
+  width: 4000px;
+  height: 2000px;
+  position: absolute;
+  transform: translateX(0);
+}
+</style>
+<div style="transform: scale(0.5); transform-origin: 0 0">
+  <div id="target">
+    <!--
+      Put an SVG element so that the transform display item has a blob on
+      WebRender which means this test properly fails without the proper fix.
+      -->
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4000 2000">
+      <rect fill="green" x="0" width="2250" height="2000"></rect>
+      <rect fill="red" x="2250" width="1750" height="2000"></rect>
+    </svg>
+  </div>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  target.style.animation = "anim 10s 1s";
+  target.addEventListener("animationstart", () => {
+    // Wait a second to make sure the animation gets stucked (i.e. jank) at the
+    // boundary (650px).
+    setTimeout(() => {
+      document.documentElement.classList.remove("reftest-wait");
+    }, 1000);
+  });
+}, { once: true });
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-8-ref.html b/layout/reftests/transform/partial-prerender-translate-8-ref.html
new file mode 100644
index 0000000000..ddf5bda172
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-8-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A variant test of partial-prerender-translate-5.html but in this test the
+  position:fixed element is inside an iframe.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+</style>
+<iframe style="width:400px; height:1000px; border: 0"
+        srcdoc="<!DOCTYPE HTML>
+                <html>
+                <style>
+                html {
+                  overflow-x: hidden;
+                  scrollbar-width: none;
+                }
+                html, body {
+                  margin: 0;
+                  padding: 0;
+                }
+                #target {
+                  width: 1600px;
+                  height: 1000px;
+                  transform: translateX(-725px);
+                }
+                </style>
+                <div id='target'>
+                  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000'>
+                    <rect fill='green' x='0'   width='800' height='1000'></rect>
+                    <rect fill='blue'  x='800' width='325' height='1000'></rect>
+                    <rect fill='red'   x='1125' width='675' height='1000'></rect>
+                  </svg>
+                </div>
+                </html>">
+</iframe>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-8.html b/layout/reftests/transform/partial-prerender-translate-8.html
new file mode 100644
index 0000000000..0fc633a532
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-8.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A test for a partial pre-rendered transform in an iframe, if the clip
+  rectangle of the transform animation were wrong, e.g. (800, 1000), the
+  transform animation janks at the initial position.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+</style>
+              <!-- a half width of the view port -->
+<iframe style="width:400px; height:1000px; border: 0"
+        srcdoc="<!DOCTYPE HTML>
+                <html>
+                <style>
+                html {
+                  overflow: hidden;
+                  scrollbar-width: none;
+                }
+                html, body {
+                  margin: 0;
+                  padding: 0;
+                }
+                @keyframes anim {
+                  /* the partial prerender area is (1125, 1000), thus         */
+                  /* translateX(-725px) is the position where the right edge  */
+                  /* of the partial prerender is positioned at the right edge */
+                  /* of the clip rect (400, 1000).                            */
+                  to { transform: translateX(-725px); }
+                }
+                #target {
+                  width: 1600px;
+                  height: 1000px;
+                  transform: translateX(0px);
+                }
+                </style>
+                <div id='target'>
+                  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000'>
+                    <rect fill='green' x='0'   width='800' height='1000'></rect>
+                    <rect fill='blue'  x='800' width='325' height='1000'></rect>
+                    <rect fill='red'   x='1125' width='675' height='1000'></rect>
+                  </svg>
+                </div>
+                <script>
+                window.addEventListener('message', () => {
+                  if (event.data == 'start') {
+                    target.style.animation = 'anim 100s 1s step-start';
+                    target.addEventListener('animationstart', () => {
+                      parent.postMessage('animationstart', '*');
+                    });
+                  }
+                });
+                </script></html>">
+</iframe>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  document.querySelector("iframe").contentWindow.postMessage("start", "*");
+}, { once: true });
+
+window.addEventListener("message", event => {
+  if (event.data == "animationstart") {
+    document.documentElement.classList.remove('reftest-wait');
+  }
+});
+</script>
+</html>
diff --git a/layout/reftests/transform/partial-prerender-translate-9.html b/layout/reftests/transform/partial-prerender-translate-9.html
new file mode 100644
index 0000000000..2c6af406cb
--- /dev/null
+++ b/layout/reftests/transform/partial-prerender-translate-9.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html reftest-async-scroll class="reftest-wait reftest-no-flush">
+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+<!--
+  A variant test of partial-prerender-translate-5.html but in this test the
+  position:fixed element is inside an iframe.
+  -->
+<style>
+html {
+  overflow: hidden;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+</style>
+<iframe style="width:800px; height:1000px; border: 0"
+        srcdoc="<!DOCTYPE HTML>
+                <html reftest-displayport-x='0' reftest-displayport-y='0'
+                      reftest-displayport-w='800' reftest-displayport-h='2000'
+                      reftest-async-scroll-x='0' reftest-async-scroll-y='1000'>
+                <style>
+                html {
+                  overflow-x: hidden;
+                }
+                html, body {
+                  margin: 0;
+                  padding: 0;
+                }
+                @keyframes anim {
+                  to { transform: translateY(-500px); }
+                }
+                #target {
+                  width: 800px;
+                  height: 1600px;
+                  transform: translateY(-400px);
+                }
+                </style>
+                <div style='width: 800px; height: 2000px'><!-- spacer --></div>
+                <div style='position: fixed; top: 400px'>
+                  <div id='target'>
+                    <!--
+                      Put an SVG element so that the transform display item has
+                      a blob on WebRender which means this test properly fails
+                      without the proper fix.
+                      -->
+                    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 1600'>
+                      <rect fill='green' y='0'    width='800' height='1000'></rect>
+                      <rect fill='blue'  y='1000' width='800' height='125'></rect>
+                      <rect fill='red'   y='1125' width='800' height='875'></rect>
+                    </svg>
+                  </div>
+                </div>
+                <script>
+                window.addEventListener('message', () => {
+                  if (event.data == 'start') {
+                    target.style.animation = 'anim 100s 1s step-start';
+                    target.addEventListener('animationstart', () => {
+                      parent.postMessage('animationstart', '*');
+                    });
+                  }
+                });
+                </script></html>">
+</iframe>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+  document.querySelector("iframe").contentWindow.postMessage("start", "*");
+}, { once: true });
+
+window.addEventListener("message", event => {
+  if (event.data == "animationstart") {
+    document.documentElement.classList.remove('reftest-wait');
+  }
+});
+</script>
+</html>
diff --git a/layout/reftests/transform/pass.svg b/layout/reftests/transform/pass.svg
new file mode 100644
index 0000000000..c09c6601e8
--- /dev/null
+++ b/layout/reftests/transform/pass.svg
@@ -0,0 +1,8 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <title>Testcase reference file for generic pass condition</title>
+  <rect width="100%" height="100%" fill="lime"/>
+</svg>
diff --git a/layout/reftests/transform/percent-1-ref.html b/layout/reftests/transform/percent-1-ref.html
new file mode 100644
index 0000000000..52a1752bea
--- /dev/null
+++ b/layout/reftests/transform/percent-1-ref.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50px) rotate(10deg) translatey(50px) skewx(10deg) translate(25px, 25px);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/percent-1a.html b/layout/reftests/transform/percent-1a.html
new file mode 100644
index 0000000000..3fcdf47ed6
--- /dev/null
+++ b/layout/reftests/transform/percent-1a.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50%) rotate(10deg) translatey(50px) skewx(10deg) translate(25px, 25px);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/percent-1b.html b/layout/reftests/transform/percent-1b.html
new file mode 100644
index 0000000000..968225eaa1
--- /dev/null
+++ b/layout/reftests/transform/percent-1b.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50px) rotate(10deg) translatey(100%) skewx(10deg) translate(25px, 25px);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/percent-1c.html b/layout/reftests/transform/percent-1c.html
new file mode 100644
index 0000000000..d84dbfc6ab
--- /dev/null
+++ b/layout/reftests/transform/percent-1c.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50px) rotate(10deg) translatey(50px) skewx(10deg) translate(25%, 50%);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/percent-1d.html b/layout/reftests/transform/percent-1d.html
new file mode 100644
index 0000000000..9fda44acd0
--- /dev/null
+++ b/layout/reftests/transform/percent-1d.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50%) rotate(10deg) translatey(100%) skewx(10deg) translate(25px, 25px);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/percent-1e.html b/layout/reftests/transform/percent-1e.html
new file mode 100644
index 0000000000..38bfcfc7d6
--- /dev/null
+++ b/layout/reftests/transform/percent-1e.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50%) rotate(10deg) translatey(100%) skewx(10deg) translate(25%, 50%);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/percent-1f.html b/layout/reftests/transform/percent-1f.html
new file mode 100644
index 0000000000..3c20bd2bc2
--- /dev/null
+++ b/layout/reftests/transform/percent-1f.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50%) rotate(10deg) translatey(50px) skewx(10deg) translate(25%, 50%);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/percent-1g.html b/layout/reftests/transform/percent-1g.html
new file mode 100644
index 0000000000..fab0c113a5
--- /dev/null
+++ b/layout/reftests/transform/percent-1g.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+  <style type="text/css">
+    .transformed
+    {
+    transform: rotate(10deg) translatex(50px) rotate(10deg) translatey(100%) skewx(10deg) translate(25%, 50%);
+    }
+  </style>
+</head>
+<body>
+  <div style="width:100px; height:50px; background-color:gold; position: absolute; left:100px; top:100px;" class="transformed">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/propagate-inherit-boolean-ref.html b/layout/reftests/transform/propagate-inherit-boolean-ref.html
new file mode 100644
index 0000000000..a23b0a4f92
--- /dev/null
+++ b/layout/reftests/transform/propagate-inherit-boolean-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	p {
+		font-size: 20px;
+		margin: 0;
+		height: 0;
+		width: 100px;
+		transform: translateX(80px);
+	}
+
+	p#two {
+		font-size: 40px;
+		transform: translateX(160px);
+	}
+
+	</style>
+</head>
+<body>
+
+<p id="one">One</p>
+
+<p id="two">Two</p>
+
+</body>
+</html>
diff --git a/layout/reftests/transform/propagate-inherit-boolean.html b/layout/reftests/transform/propagate-inherit-boolean.html
new file mode 100644
index 0000000000..47ba9bded1
--- /dev/null
+++ b/layout/reftests/transform/propagate-inherit-boolean.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	p {
+		font-size: 20px;
+		margin: 0;
+		height: 0;
+		width: 100px;
+		transform: translateX(4em);
+	}
+
+	p#two {
+		font-size: 40px;
+	}
+
+	</style>
+</head>
+<body>
+
+<p id="one">One</p>
+
+<p id="two">Two</p>
+
+</body>
+</html>
diff --git a/layout/reftests/transform/reftest.list b/layout/reftests/transform/reftest.list
new file mode 100644
index 0000000000..86f8002ce1
--- /dev/null
+++ b/layout/reftests/transform/reftest.list
@@ -0,0 +1,180 @@
+# Transforms specifying singular matrices shouldn't display at all.
+# NOTE: Regressions might manifest themselves as reftest timeouts on
+# this test.
+== singular-1a.html about:blank
+# Multiple transforms should act identically to nested divs.
+fuzzy(0-1,0-27) pref(apz.allow_zooming,true) == compound-1a.html compound-1-ref.html
+!= compound-1a.html compound-1-fail.html
+== dynamic-inherit-1.html dynamic-inherit-1-ref.html
+== dynamic-addremove-1a.html dynamic-addremove-1-ref.html
+== dynamic-addremove-1b.html dynamic-addremove-1-ref.html
+== dynamic-addremove-1c.html dynamic-addremove-1-ref.html
+== dynamic-addremove-2.html dynamic-addremove-2-ref.html
+# translatex should act like position: relative
+== translatex-1a.html translatex-1-ref.html
+== translatex-1b.html translatex-1-ref.html
+== translatex-1c.html translatex-1-ref.html
+== translatex-1d.html translatex-1-ref.html
+== translatex-1e.html translatex-1-ref.html
+== translatex-1a.html translatex-1-ref-2.html
+# translatey should act like position: relative
+== translatey-1a.html translatey-1-ref.html
+== translatey-1b.html translatey-1-ref.html
+== translatey-1c.html translatey-1-ref.html
+== translatey-1d.html translatey-1-ref.html
+== translatey-1e.html translatey-1-ref.html
+# matrices defined to be translations should act like position: relative
+== translatex-2.html translatex-1-ref.html
+== translatey-2.html translatey-1-ref.html
+# translate should act like position: relative
+!= translate-1a.html translate-1-ref.html
+== translate-1b.html translate-1-ref.html
+== translate-1c.html translate-1-ref.html
+== translate-1d.html translate-1-ref.html
+== translate-1e.html translate-1-ref.html
+== translate-2a.html translate-2-ref.html
+== translate-3.html translate-3-ref.html
+# rotate: Several rotations of the same object should be idempotent.  These
+# tests are currently disabled because of subpixel (< 0.00001 gfx units)
+# rounding errors.
+random == rotate-1a.html rotate-1-ref.html
+random == rotate-1b.html rotate-1-ref.html
+random == rotate-1c.html rotate-1-ref.html
+random == rotate-1d.html rotate-1-ref.html
+random == rotate-1e.html rotate-1-ref.html
+random == rotate-1f.html rotate-1-ref.html
+# rotate: 90deg rotations should be indistinguishable from objects constructed
+# to look the same.
+== rotate-2a.html rotate-2-ref.html
+== rotate-2b.html rotate-2-ref.html
+# -transform-origin: We should NOT get the same images when using different
+# -transform-origins.
+!= origin-1a.html origin-1-ref.html
+!= origin-1b.html origin-1-ref.html
+# -transform-origin: We should get the same images when using equivalent
+# -transform-origins.
+== origin-2a.html origin-2-ref.html
+== origin-2b.html origin-2-ref.html
+== origin-2c.html origin-2-ref.html
+# "Translate" with percentages should be indistinguishable from translate with
+# equivalent values.
+== percent-1a.html percent-1-ref.html
+fuzzy(0-1,0-2) == percent-1b.html percent-1-ref.html
+fuzzy(0-1,0-80) == percent-1c.html percent-1-ref.html
+fuzzy(0-1,0-80) == percent-1d.html percent-1-ref.html
+fuzzy(0-1,0-80) == percent-1e.html percent-1-ref.html
+fuzzy(0-1,0-80) == percent-1f.html percent-1-ref.html
+fuzzy(0-1,0-80) == percent-1g.html percent-1-ref.html
+# Transformed elements are abs-pos and fixed-pos containing blocks.
+== abspos-1a.html abspos-1-ref.html
+== abspos-1b.html abspos-1-ref.html
+== abspos-1c.html abspos-1-ref.html
+== abspos-1d.html abspos-1-ref.html
+!= abspos-1e.html abspos-1-ref.html
+== abspos-1f.html abspos-1-ref.html
+== abspos-1g.html abspos-1-ref.html
+# Origin can use "top" "right" etc.
+== origin-name-1a.html origin-name-1-ref.html
+fuzzy(0-1,0-19) == origin-name-1b.html origin-name-1-ref.html
+== origin-name-2a.html origin-name-2-ref.html
+== origin-name-2b.html origin-name-2-ref.html
+fuzzy(0-1,0-350) == origin-name-2c.html origin-name-2-ref.html
+== origin-name-3a.html origin-name-3-ref.html
+== origin-name-3b.html origin-name-3-ref.html
+# Snapping still applies after 90 degree rotations.
+== snapping-1.html snapping-1-ref.html
+# SVG effects should work on transforms.
+== transform-svg-1a.xhtml transform-svg-1-ref.xhtml
+fuzzy(0-2,0-500) == transform-svg-2a.xhtml transform-svg-2-ref.xhtml
+!= transform-svg-2a.xhtml transform-svg-2-fail.xhtml
+# skew should allow a mix of one and two parameters.
+fuzzy(0-1,0-20) == skew-1a.html skew-1-ref.html
+fuzzy(0-1,0-80) == skew-1b.html skew-1-ref.html
+fuzzy(0-1,0-250) == skew-2a.html skew-2-ref.html
+# matrix with values equal to other transforms should behave indistinguishably
+== matrix-1a.html matrix-1-ref.html
+== matrix-2a.html matrix-2-ref.html
+== matrix-3a.html matrix-3-ref.html
+== matrix-4a.html matrix-4-ref.html
+fuzzy(0-1,0-120) == matrix-5a.html matrix-5-ref.html
+fuzzy(0-1,0-110) == matrix-6a.html matrix-6-ref.html
+== matrix-7a.html matrix-7-ref.html
+# ensure matrix 3d does not break us - should do nothing
+== matrix3d-1.html matrix3d-1-ref.html
+# Test that complex transform can be reversed
+fuzzy(0-2,0-5) == stresstest-1.html stresstest-1-ref.html
+# Test scale transforms
+== scalex-1.html scalex-1-ref.html
+== scaley-1.html scaley-1-ref.html
+== scale-1a.html scale-1-ref.html
+== scale-1b.html scale-1-ref.html
+== scale-percent-1.html scale-percent-1-ref.html
+== scaled-blend-mode.html scaled-blend-mode-ref.html
+# Some simple checks that it obeys selector operations
+== descendant-1.html descendant-1-ref.html
+== propagate-inherit-boolean.html propagate-inherit-boolean-ref.html
+# Ensure you can't move outside an iframe
+== iframe-1.html iframe-1-ref.html
+# Bugs
+== 601894-1.html 601894-ref.html
+== 601894-2.html 601894-ref.html
+== 830299-1.html 830299-1-ref.html
+# Bug 722777
+== table-1a.html table-1-ref.html
+== table-1b.html table-1-ref.html
+== table-1c.html table-1-ref.html
+== table-2a.html table-2-ref.html
+== table-2b.html table-2-ref.html
+# Bug 722463
+== inline-1a.html inline-1-ref.html
+== transform-box-svg-1a.svg transform-box-svg-1-ref.svg
+== transform-box-svg-1b.svg transform-box-svg-1-ref.svg
+== transform-box-svg-2a.svg transform-box-svg-2-ref.svg
+== transform-box-svg-2b.svg transform-box-svg-2-ref.svg
+== transform-box-svg-3a.svg pass.svg
+== transform-origin-svg-1a.svg transform-origin-svg-1-ref.svg
+== transform-origin-svg-1b.svg transform-origin-svg-1-ref.svg
+== transform-origin-svg-2a.svg transform-origin-svg-2-ref.svg
+== transform-origin-svg-2b.svg transform-origin-svg-2-ref.svg
+# Bug 1122526
+== animate-layer-scale-inherit-1.html animate-layer-scale-inherit-1-ref.html
+fuzzy(0-145,0-10000) == animate-layer-scale-inherit-2.html animate-layer-scale-inherit-2-ref.html
+== animate-layer-scale-inherit-3.html animate-layer-scale-inherit-1-ref.html
+# Bug 1301500
+== dynamic-add-without-change-cb-1.html dynamic-add-without-change-cb-1-ref.html
+skip-if(useDrawSnapshot) fuzzy(0-26,0-208) == table-overflowed-by-animation.html table-overflowed-by-animation-ref.html # Bug 1715402 for useDrawSnapshot&&webrender
+== translate-rounding-1.html translate-rounding-ref.html
+== translate-rounding-2.html translate-rounding-ref.html
+fails == translate-rounding-3.html translate-rounding-viewport-ref.html # bug 1397146
+== invalidate-transform-1.html invalidate-transform-1-ref.html
+== invalidate-svg-scale-1.html invalidate-svg-scale-1-ref.html
+# Bug 1526847
+pref(layout.css.individual-transform.enabled,true) == animate-layer-scale-inherit-4.html animate-layer-scale-inherit-4-ref.html
+fuzzy-if(winWidget,0-1,0-1000) == 1569215-1.html 1569215-1-ref.html
+
+== transform-anon-block-1.html transform-anon-block-1-ref.html
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) == partial-prerender-expansion-translate.html partial-prerender-expansion-ref.html
+test-pref(layout.animation.prerender.partial,true) == partial-prerender-translate-1.html about:blank
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") fuzzy(0-59,0-1800) fuzzy-if(Android,0-255,0-7000) == partial-prerender-translate-2.html partial-prerender-translate-2-ref.html
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") random == partial-prerender-translate-3.html partial-prerender-translate-3-ref.html # bug 1642575
+# This reftest doesn't fail on WebRender, this reftest fails only if there is a jank mechanism and the mechanism doesn't properly handle ancestor's transform values
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-translate-4.html partial-prerender-expansion-ref.html
+# This reftest doesn't fail on WebRender, this reftest fails only if there is a jank mechanism and the mechanism does inproperly handle position:fixed scroll target
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-translate-5.html partial-prerender-translate-5-ref.html
+skip-if(useDrawSnapshot) test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") fuzzy(0-46,0-1250) fuzzy-if(Android,0-255,0-9900) random-if(gtkWidget&&isDebugBuild) random-if(useDrawSnapshot) == partial-prerender-translate-6.html partial-prerender-translate-6-ref.html
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") fuzzy(0-4,0-1200) == partial-prerender-translate-7.html partial-prerender-translate-2-ref.html
+# This reftest doesn't fail on WebRender, this reftest fails only if there is a jank mechanism and the mechanism doesn't properly clip transform in iframes.
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-translate-8.html partial-prerender-translate-8-ref.html
+# This reftest doesn't fail on WebRender, this reftest fails only if there is a jank mechanism and the mechanism does inproperly handle position:fixed scroll target
+fails-if(useDrawSnapshot) test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-translate-9.html partial-prerender-translate-5-ref.html
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-translate-10.html partial-prerender-translate-10-ref.html
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-translate-11.html partial-prerender-translate-11-ref.html
+skip test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-translate-12.html partial-prerender-translate-2-ref.html # bug 1666692 for WebRender
+# This reftest heavily depends on layout.animation.prerender.viewport-ratio-limit
+# and reftest viewport size (800, 1000).
+skip-if(Android) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") fuzzy-if(!layersGPUAccelerated,0-75,0-2683) == partial-prerender-expansion-rotate.html partial-prerender-expansion-ref.html
+skip-if(useDrawSnapshot) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") pref(dom.meta-viewport.enabled,true) pref(apz.allow_zooming,true) == partial-prerender-expansion-with-resolution-1.html partial-prerender-expansion-with-resolution-ref.html
+skip test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") pref(dom.meta-viewport.enabled,true) pref(apz.allow_zooming,true) == partial-prerender-expansion-with-resolution-2.html partial-prerender-expansion-with-resolution-ref.html # bug 1650039 for WebRender
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") fuzzy-if(Android,0-255,0-400) == partial-prerender-in-svg-1.html partial-prerender-in-svg-1-ref.html
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") == partial-prerender-in-svg-2.html partial-prerender-in-svg-1-ref.html # Reuse partial-prerender-in-svg-1-ref.html since the result should look same as partial-prerender-in-svg-1.html
+test-pref(layout.animation.prerender.partial.jank,true) test-pref(layout.animation.prerender.partial,true) test-pref(layout.animation.prerender.viewport-ratio-limit,"1.125") fuzzy(0-62,0-400) fuzzy-if(Android,0-255,0-2000) == partial-prerender-in-svg-3.html partial-prerender-in-svg-3-ref.html
diff --git a/layout/reftests/transform/rotate-1-ref.html b/layout/reftests/transform/rotate-1-ref.html
new file mode 100644
index 0000000000..539308724d
--- /dev/null
+++ b/layout/reftests/transform/rotate-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate(45deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-1a.html b/layout/reftests/transform/rotate-1a.html
new file mode 100644
index 0000000000..75e9b95b5a
--- /dev/null
+++ b/layout/reftests/transform/rotate-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate(45deg) rotate(360deg); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-1b.html b/layout/reftests/transform/rotate-1b.html
new file mode 100644
index 0000000000..adb9181589
--- /dev/null
+++ b/layout/reftests/transform/rotate-1b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate(45deg) rotate(400grad); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-1c.html b/layout/reftests/transform/rotate-1c.html
new file mode 100644
index 0000000000..40631422df
--- /dev/null
+++ b/layout/reftests/transform/rotate-1c.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate(45deg) rotate(100deg) rotate(80deg) rotate(200grad); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-1d.html b/layout/reftests/transform/rotate-1d.html
new file mode 100644
index 0000000000..810efa13ec
--- /dev/null
+++ b/layout/reftests/transform/rotate-1d.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate(-45deg) rotate(100grad); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-1e.html b/layout/reftests/transform/rotate-1e.html
new file mode 100644
index 0000000000..b1d293050b
--- /dev/null
+++ b/layout/reftests/transform/rotate-1e.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate(-135deg) rotate(3.1415926535897932384626433rad); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-1f.html b/layout/reftests/transform/rotate-1f.html
new file mode 100644
index 0000000000..684762ef73
--- /dev/null
+++ b/layout/reftests/transform/rotate-1f.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: rotate(0.125turn); width: 100px; height: 100px;">
+    Test Text
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-2-ref.html b/layout/reftests/transform/rotate-2-ref.html
new file mode 100644
index 0000000000..51be5f08c3
--- /dev/null
+++ b/layout/reftests/transform/rotate-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:200px;height:100px;border:1px solid black;">
+
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-2a.html b/layout/reftests/transform/rotate-2a.html
new file mode 100644
index 0000000000..1034862ede
--- /dev/null
+++ b/layout/reftests/transform/rotate-2a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:100px;height:200px;transform: translate(50px, -50px) rotate(-90deg); border: 1px solid black;">
+
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/rotate-2b.html b/layout/reftests/transform/rotate-2b.html
new file mode 100644
index 0000000000..6d29dc198a
--- /dev/null
+++ b/layout/reftests/transform/rotate-2b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="width:100px;height:200px;transform: translate(50px, -50px) rotate(-0.25turn); border: 1px solid black;">
+
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scale-1-ref.html b/layout/reftests/transform/scale-1-ref.html
new file mode 100644
index 0000000000..7c39dd8505
--- /dev/null
+++ b/layout/reftests/transform/scale-1-ref.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    #test {
+      background: green;
+      width: 50px;
+      height: 50px;
+      margin: 25px;
+    }
+  </style>
+<body>
+  <div id="test">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scale-1a.html b/layout/reftests/transform/scale-1a.html
new file mode 100644
index 0000000000..c5842292ed
--- /dev/null
+++ b/layout/reftests/transform/scale-1a.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    #test {
+      background: green;
+      width: 100px;
+      height: 100px;
+      transform: scale(0.5, 0.5);
+    }
+  </style>
+</head>
+<body>
+  <div id="test">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scale-1b.html b/layout/reftests/transform/scale-1b.html
new file mode 100644
index 0000000000..cab7fb1090
--- /dev/null
+++ b/layout/reftests/transform/scale-1b.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    #test {
+      background: green;
+      width: 100px;
+      height: 100px;
+      transform: scale(0.5);
+    }
+  </style>
+</head>
+<body>
+  <div id="test">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scale-percent-1-ref.html b/layout/reftests/transform/scale-percent-1-ref.html
new file mode 100644
index 0000000000..e5923793b6
--- /dev/null
+++ b/layout/reftests/transform/scale-percent-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    div {
+      background: green;
+      width: 100px;
+      height: 100px;
+      transform: scale(0.5, 0.75);
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scale-percent-1.html b/layout/reftests/transform/scale-percent-1.html
new file mode 100644
index 0000000000..2cdba843fd
--- /dev/null
+++ b/layout/reftests/transform/scale-percent-1.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+  <!-- Percent values should function the same as their equivalent numeric values: e.g. (50% == 0.5) -->
+  <style>
+    body { margin: 0px; }
+    div {
+      background: green;
+      width: 100px;
+      height: 100px;
+      transform: scale(50%, 75%);
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scaled-blend-mode-ref.html b/layout/reftests/transform/scaled-blend-mode-ref.html
new file mode 100644
index 0000000000..85ce12cd14
--- /dev/null
+++ b/layout/reftests/transform/scaled-blend-mode-ref.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    div {
+      width: 200px;
+      height: 200px;
+    }
+    #scale {
+      transform: scale(2);
+      transform-origin: top left;
+    }
+    #blend {
+      mix-blend-mode: multiply;
+    }
+  </style>
+</head>
+<body>
+  <div id="blend">
+    <div id="scale">
+      Hello
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scaled-blend-mode.html b/layout/reftests/transform/scaled-blend-mode.html
new file mode 100644
index 0000000000..100be8126a
--- /dev/null
+++ b/layout/reftests/transform/scaled-blend-mode.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    div {
+      width: 200px;
+      height: 200px;
+    }
+    #scale {
+      transform: scale(2);
+      transform-origin: top left;
+    }
+    #blend {
+      mix-blend-mode: multiply;
+    }
+  </style>
+</head>
+<body>
+  <div id="scale">
+    <div id="blend">
+      Hello
+    </div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scalex-1-ref.html b/layout/reftests/transform/scalex-1-ref.html
new file mode 100644
index 0000000000..b95fa2a46e
--- /dev/null
+++ b/layout/reftests/transform/scalex-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    div {
+      background: green;
+      width: 50px;
+      height: 100px;
+      margin-left: 25px;
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scalex-1.html b/layout/reftests/transform/scalex-1.html
new file mode 100644
index 0000000000..6fbe7aecfc
--- /dev/null
+++ b/layout/reftests/transform/scalex-1.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    div {
+      background: green;
+      width: 100px;
+      height: 100px;
+      transform: scalex(0.5);
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scaley-1-ref.html b/layout/reftests/transform/scaley-1-ref.html
new file mode 100644
index 0000000000..58a01d1958
--- /dev/null
+++ b/layout/reftests/transform/scaley-1-ref.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    div {
+      background: green;
+      width: 100px;
+      height: 50px;
+      margin-top: 25px;
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/scaley-1.html b/layout/reftests/transform/scaley-1.html
new file mode 100644
index 0000000000..14f331a3ae
--- /dev/null
+++ b/layout/reftests/transform/scaley-1.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <style>
+    body { margin: 0px; }
+    div {
+      background: green;
+      width: 100px;
+      height: 100px;
+      transform: scaley(0.5);
+    }
+  </style>
+</head>
+<body>
+  <div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/singular-1a.html b/layout/reftests/transform/singular-1a.html
new file mode 100644
index 0000000000..4087b36f93
--- /dev/null
+++ b/layout/reftests/transform/singular-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: matrix(1, 1, 1, 1, 0, 0); width: 100px; height: 100px; background-color: gold;">
+    This shouldn't be visible.
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/skew-1-ref.html b/layout/reftests/transform/skew-1-ref.html
new file mode 100644
index 0000000000..98d97522cf
--- /dev/null
+++ b/layout/reftests/transform/skew-1-ref.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="width: 100px; height: 100px; background-color: gold; border: 1px solid black; transform: skewx(10deg);">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/skew-1a.html b/layout/reftests/transform/skew-1a.html
new file mode 100644
index 0000000000..4d68d1dca3
--- /dev/null
+++ b/layout/reftests/transform/skew-1a.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="width: 100px; height: 100px; background-color: gold; border: 1px solid black; transform: skew(10deg);">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/skew-1b.html b/layout/reftests/transform/skew-1b.html
new file mode 100644
index 0000000000..f1d5e89672
--- /dev/null
+++ b/layout/reftests/transform/skew-1b.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="width: 100px; height: 100px; background-color: gold; border: 1px solid black; transform: skew(10deg, 0deg);">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/skew-2-ref.html b/layout/reftests/transform/skew-2-ref.html
new file mode 100644
index 0000000000..fbd24a03d6
--- /dev/null
+++ b/layout/reftests/transform/skew-2-ref.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="width: 100px; height: 100px; background-color: gold; border: 1px solid black; transform: skewy(10deg);">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/skew-2a.html b/layout/reftests/transform/skew-2a.html
new file mode 100644
index 0000000000..78f4fedc01
--- /dev/null
+++ b/layout/reftests/transform/skew-2a.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+  </head>
+  <body>
+    <div style="width: 100px; height: 100px; background-color: gold; border: 1px solid black; transform: skew(0deg, 10deg);">
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/snapping-1-ref.html b/layout/reftests/transform/snapping-1-ref.html
new file mode 100644
index 0000000000..99006901b3
--- /dev/null
+++ b/layout/reftests/transform/snapping-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div { 
+  background: red;
+  position: relative;
+  left: 0.5px;
+  top: 100px;
+  height: 100px;
+  width: 100px;
+}
+</style>
+</head>
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/transform/snapping-1.html b/layout/reftests/transform/snapping-1.html
new file mode 100644
index 0000000000..d8198cf958
--- /dev/null
+++ b/layout/reftests/transform/snapping-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div { 
+  background: red;
+  margin-left: 100.5px;
+  height: 100px;
+  width: 100px;
+  transform-origin: bottom left;
+  transform: rotate(-90deg) translate(-100px, 0);
+  transform-origin: bottom left;
+  transform: rotate(-90deg) translate(-100px, 0);
+}
+</style>
+</head>
+<body>
+  <div></div>
+</html>
diff --git a/layout/reftests/transform/square.html b/layout/reftests/transform/square.html
new file mode 100644
index 0000000000..2f6e4950bc
--- /dev/null
+++ b/layout/reftests/transform/square.html
@@ -0,0 +1,20 @@
+<html>
+  <head>
+    <style>
+      div {
+        background: green;
+        width: 100px;
+        height: 100px;
+      }
+      span {
+        background: yellow;
+        width: 50px;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+      <span></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/stresstest-1-ref.html b/layout/reftests/transform/stresstest-1-ref.html
new file mode 100644
index 0000000000..a84cff23db
--- /dev/null
+++ b/layout/reftests/transform/stresstest-1-ref.html
@@ -0,0 +1,7 @@
+<html>
+  <body>
+    <iframe src="square.html" style="height: 200px; width: 300px" id="test">
+      test
+    </iframe>
+  </body>
+</html>
diff --git a/layout/reftests/transform/stresstest-1.html b/layout/reftests/transform/stresstest-1.html
new file mode 100644
index 0000000000..3429ab87bc
--- /dev/null
+++ b/layout/reftests/transform/stresstest-1.html
@@ -0,0 +1,27 @@
+<html class="reftest-wait">
+  <head>
+      <script type="application/javascript">
+        function runtest() {
+          var iframe = document.getElementById("test");
+          var style = iframe.getAttribute("style");
+          // We depend on the transform being the last rule so clip the ending ';'
+          style = style.substring(0, style.length-1);
+
+          // Here, we add transform functions to explicitly undo the effects of
+          // each already-applied transform.  This should leave us with an
+          // effectively-untransformed iframe.
+          style = style + " scale(0.5, 0.25) translatex(-50px) rotate(-45deg) translate(-50px, -50px) skewx(135deg);"
+          iframe.setAttribute("style", style);
+          document.documentElement.className = "";
+        }
+      </script>
+  </head>
+  <body>
+    <iframe
+      src="square.html"
+      style="height: 200px; width: 300px; transform: skewx(45deg) translate(50px, 50px) rotate(45deg) translatex(50px) scale(2.0, 4.0);"
+      id="test"
+      onload="runtest();">
+    </iframe>
+  </body>
+</html>
diff --git a/layout/reftests/transform/table-1-ref.html b/layout/reftests/transform/table-1-ref.html
new file mode 100644
index 0000000000..05c86fc719
--- /dev/null
+++ b/layout/reftests/transform/table-1-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<div style="transform:translate(200px) rotate(180deg);transform-origin:left">
+<table>
+<caption>Hello</caption>
+<tr><td>there!
+</table>
+</div>
diff --git a/layout/reftests/transform/table-1a.html b/layout/reftests/transform/table-1a.html
new file mode 100644
index 0000000000..9bdfa8dea5
--- /dev/null
+++ b/layout/reftests/transform/table-1a.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<table style="transform:translate(200px) rotate(180deg);transform-origin:left">
+<caption>Hello</caption>
+<tr><td>there!
+</table>
diff --git a/layout/reftests/transform/table-1b.html b/layout/reftests/transform/table-1b.html
new file mode 100644
index 0000000000..7789da42bc
--- /dev/null
+++ b/layout/reftests/transform/table-1b.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<table style="display:inline-table;transform:translate(200px) rotate(180deg);transform-origin:left">
+<caption>Hello</caption>
+<tr><td>there!
+</table>
diff --git a/layout/reftests/transform/table-1c.html b/layout/reftests/transform/table-1c.html
new file mode 100644
index 0000000000..a4be031172
--- /dev/null
+++ b/layout/reftests/transform/table-1c.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<div style="transform:translateX(200px) rotate(180deg) translateY(-100%);transform-origin:left">
+<table style="transform:translateY(100%)">
+<caption>Hello</caption>
+<tr><td>there!
+</table>
+</div>
diff --git a/layout/reftests/transform/table-2-ref.html b/layout/reftests/transform/table-2-ref.html
new file mode 100644
index 0000000000..7e4059a487
--- /dev/null
+++ b/layout/reftests/transform/table-2-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<div style="transform:translate(200px) rotate(180deg);transform-origin:left">
+<table>
+<caption style=caption-side:bottom>there!</caption>
+<tr><td>Hello
+</table>
diff --git a/layout/reftests/transform/table-2a.html b/layout/reftests/transform/table-2a.html
new file mode 100644
index 0000000000..b3343b326d
--- /dev/null
+++ b/layout/reftests/transform/table-2a.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<table style="transform:translate(200px) rotate(180deg);transform-origin:left">
+<caption style=caption-side:bottom>there!</caption>
+<tr><td>Hello
+</table>
diff --git a/layout/reftests/transform/table-2b.html b/layout/reftests/transform/table-2b.html
new file mode 100644
index 0000000000..1ab20b11d4
--- /dev/null
+++ b/layout/reftests/transform/table-2b.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<table style="display:inline-table;transform:translate(200px) rotate(180deg);transform-origin:left">
+<caption style=caption-side:bottom>there!</caption>
+<tr><td>Hello
+</table>
diff --git a/layout/reftests/transform/table-overflowed-by-animation-ref.html b/layout/reftests/transform/table-overflowed-by-animation-ref.html
new file mode 100644
index 0000000000..242dc53506
--- /dev/null
+++ b/layout/reftests/transform/table-overflowed-by-animation-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<table style="width: 100px; height: 100px;">
+  <td style="transform: rotateZ(45deg); background-color: rgb(212, 61, 188);">
+  </td>
+</table>
+</html>
diff --git a/layout/reftests/transform/table-overflowed-by-animation.html b/layout/reftests/transform/table-overflowed-by-animation.html
new file mode 100644
index 0000000000..b7bd80b5e4
--- /dev/null
+++ b/layout/reftests/transform/table-overflowed-by-animation.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+@keyframes anim {
+  /*
+   * We need to use different transform functions to produce
+   * UpdatePostTransformOverflow change hint, also these functions have to be
+   * the same matrix to being the same position while running reftest.
+   */
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+</style>
+<table id="test" style="width: 100px; height: 100px; animation: anim 1s infinite;">
+  <td style="transform: rotateZ(45deg); background-color: rgb(212, 61, 188);">
+  </td>
+</table>
+<script>
+document.getElementById("test").addEventListener("animationstart", () => {
+  requestAnimationFrame(() => {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+});
+</script>
+</html>
diff --git a/layout/reftests/transform/transform-anon-block-1-ref.html b/layout/reftests/transform/transform-anon-block-1-ref.html
new file mode 100644
index 0000000000..a6b89ab863
--- /dev/null
+++ b/layout/reftests/transform/transform-anon-block-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <style>
+    .parent {
+        border: none;
+        transform-style: preserve-3d;
+        background: red;
+        display: inline-block;
+    }
+
+    .child {
+        width: 100px;
+        height: 100px;
+        background: blue;
+        transform: rotate(45deg);
+    }
+    </style>
+</head>
+
+<body>
+    <div class="parent">
+        <div class="child"></div>
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/transform-anon-block-1.html b/layout/reftests/transform/transform-anon-block-1.html
new file mode 100644
index 0000000000..0a45ec8804
--- /dev/null
+++ b/layout/reftests/transform/transform-anon-block-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <style>
+    .parent {
+        border: none;
+        transform-style: preserve-3d;
+        background: red;
+        padding: 0px;
+    }
+
+    .child {
+        width: 100px;
+        height: 100px;
+        background: blue;
+        transform: rotate(45deg);
+    }
+    </style>
+</head>
+
+<body>
+    <button class="parent">
+        <div class="child"></div>
+    </button>
+</body>
+</html>
diff --git a/layout/reftests/transform/transform-box-svg-1-ref.svg b/layout/reftests/transform/transform-box-svg-1-ref.svg
new file mode 100644
index 0000000000..8f748b73d7
--- /dev/null
+++ b/layout/reftests/transform/transform-box-svg-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<rect x='40' y='140' width='100' height='100' fill='blue'/>
+</svg>
diff --git a/layout/reftests/transform/transform-box-svg-1a.svg b/layout/reftests/transform/transform-box-svg-1a.svg
new file mode 100644
index 0000000000..e74989823d
--- /dev/null
+++ b/layout/reftests/transform/transform-box-svg-1a.svg
@@ -0,0 +1,10 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point relative to the top left of the
+       element's paint bbox when transform-box is set to 'fill-box'
+  -->
+  <rect x='10' y='10' width='100' height='100' fill='blue'
+        style="transform:rotate(90deg); transform-origin:0px 100px;
+               transform-box:fill-box;"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-box-svg-1b.svg b/layout/reftests/transform/transform-box-svg-1b.svg
new file mode 100644
index 0000000000..84d0da992b
--- /dev/null
+++ b/layout/reftests/transform/transform-box-svg-1b.svg
@@ -0,0 +1,11 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point relative to the top left of the
+       element's fill bbox when transform-box is set to 'fill-box', with
+       percentage values resolved against the size of the fill bbox.
+  -->
+  <rect x='10' y='10' width='100' height='100' fill='blue'
+        style="transform:rotate(90deg); transform-origin:0px calc(110% - 10px);
+               transform-box:fill-box;"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-box-svg-2-ref.svg b/layout/reftests/transform/transform-box-svg-2-ref.svg
new file mode 100644
index 0000000000..905fafcca7
--- /dev/null
+++ b/layout/reftests/transform/transform-box-svg-2-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<rect x='40' y='140' width='100' height='100' fill='blue' stroke-width='20' stroke='black'/>
+</svg>
diff --git a/layout/reftests/transform/transform-box-svg-2a.svg b/layout/reftests/transform/transform-box-svg-2a.svg
new file mode 100644
index 0000000000..7ae4cfe0b4
--- /dev/null
+++ b/layout/reftests/transform/transform-box-svg-2a.svg
@@ -0,0 +1,10 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point relative to the top left of the
+       element's paint bbox when transform-box is set to 'fill-box'
+  -->
+  <rect x='10' y='10' width='100' height='100' fill='blue' stroke-width='20' stroke='black'
+        style="transform:rotate(90deg); transform-origin:0px 100px;
+               transform-box:fill-box;"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-box-svg-2b.svg b/layout/reftests/transform/transform-box-svg-2b.svg
new file mode 100644
index 0000000000..8b14744820
--- /dev/null
+++ b/layout/reftests/transform/transform-box-svg-2b.svg
@@ -0,0 +1,11 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point relative to the top left of the
+       element's fill bbox when transform-box is set to 'fill-box', with
+       percentage values resolved against the size of the fill bbox.
+  -->
+  <rect x='10' y='10' width='100' height='100' fill='blue' stroke-width='20' stroke='black'
+        style="transform:rotate(90deg); transform-origin:0px calc(110% - 10px);
+               transform-box:fill-box;"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-box-svg-3a.svg b/layout/reftests/transform/transform-box-svg-3a.svg
new file mode 100644
index 0000000000..625294038c
--- /dev/null
+++ b/layout/reftests/transform/transform-box-svg-3a.svg
@@ -0,0 +1,64 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="none">
+  <style>
+    /* <![CDATA[ */
+    .ref {
+      fill: red;
+    }
+    .test {
+      fill: lime;
+    }
+    /* ]]> */
+  </style>
+  <rect width="100%" height="100%" fill="lime"/>
+  <!-- all rect.test rects should be covered by the corresponded rest.ref rect-->
+  <!-- 1st row: transform-box only. -->
+  <rect class="ref"
+        x="11" y="11" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: view-box"
+        x="10" y="10" width="10" height="10"/>
+  <rect class="ref"
+        x="26" y="11" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: fill-box"
+        x="25" y="10" width="10" height="10"/>
+  <rect class="ref"
+        x="41" y="11" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: border-box"
+        x="40" y="10" width="10" height="10"/>
+
+  <!-- 2nd row: transform-box plus transform-origin. -->
+  <rect class="ref"
+        x="11" y="26" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: view-box; transform-origin: 40% 60%"
+        x="10" y="25" width="10" height="10"/>
+  <rect class="ref"
+        x="26" y="26" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: fill-box; transform-origin: 20px 10px"
+        x="25" y="25" width="10" height="10"/>
+  <rect class="ref"
+        x="41" y="26" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: border-box; transform-origin: 40% 60%"
+        x="40" y="25" width="10" height="10"/>
+
+  <!-- 3rd row: transform-box, transform-origin and transform. -->
+  <rect class="ref"
+        x="11" y="46" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: fill-box; transform-origin: 0% 0%; transform: scale(2);"
+        x="10" y="45" width="5" height="5"/>
+  <rect class="ref"
+        x="26" y="46" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: fill-box; transform-origin: 50% 50%; transform:rotate(45deg);"
+        x="24" y="44" width="12" height="12"/>
+  <rect class="ref"
+        x="41" y="46" width="8" height="8"/>
+  <rect class="test"
+        style="transform-box: border-box; transform-origin: 100% 100%; transform: scale(1);"
+        x="40" y="45" width="10" height="10"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/transform/transform-origin-svg-1-ref.svg b/layout/reftests/transform/transform-origin-svg-1-ref.svg
new file mode 100644
index 0000000000..8f748b73d7
--- /dev/null
+++ b/layout/reftests/transform/transform-origin-svg-1-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<rect x='40' y='140' width='100' height='100' fill='blue'/>
+</svg>
diff --git a/layout/reftests/transform/transform-origin-svg-1a.svg b/layout/reftests/transform/transform-origin-svg-1a.svg
new file mode 100644
index 0000000000..c1591e65b6
--- /dev/null
+++ b/layout/reftests/transform/transform-origin-svg-1a.svg
@@ -0,0 +1,7 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point in user space -->
+  <rect x='10' y='10' width='100' height='100' fill='blue'
+        style="transform:rotate(90deg); transform-origin:10px 110px;"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-origin-svg-1b.svg b/layout/reftests/transform/transform-origin-svg-1b.svg
new file mode 100644
index 0000000000..ca4eead39e
--- /dev/null
+++ b/layout/reftests/transform/transform-origin-svg-1b.svg
@@ -0,0 +1,9 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='500' height='500'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point in user space with percentages
+       resolved against the nearest viewport's dimensions.
+  -->
+  <rect x='10' y='10' width='100' height='100' fill='blue'
+        style="transform:rotate(90deg); transform-origin:2% calc(20% + 10px);"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-origin-svg-2-ref.svg b/layout/reftests/transform/transform-origin-svg-2-ref.svg
new file mode 100644
index 0000000000..905fafcca7
--- /dev/null
+++ b/layout/reftests/transform/transform-origin-svg-2-ref.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<rect x='40' y='140' width='100' height='100' fill='blue' stroke-width='20' stroke='black'/>
+</svg>
diff --git a/layout/reftests/transform/transform-origin-svg-2a.svg b/layout/reftests/transform/transform-origin-svg-2a.svg
new file mode 100644
index 0000000000..46de3c4806
--- /dev/null
+++ b/layout/reftests/transform/transform-origin-svg-2a.svg
@@ -0,0 +1,7 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point in user space -->
+  <rect x='10' y='10' width='100' height='100' fill='blue' stroke-width='20' stroke='black'
+        style="transform:rotate(90deg); transform-origin:10px 110px;"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-origin-svg-2b.svg b/layout/reftests/transform/transform-origin-svg-2b.svg
new file mode 100644
index 0000000000..29d4187aa5
--- /dev/null
+++ b/layout/reftests/transform/transform-origin-svg-2b.svg
@@ -0,0 +1,9 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='500' height='500'>
+<g transform="translate(30,30)">
+  <!-- transform-origin specifies a point in user space with percentages
+       resolved against the nearest viewport's dimensions.
+  -->
+  <rect x='10' y='10' width='100' height='100' fill='blue' stroke-width='20' stroke='black'
+        style="transform:rotate(90deg); transform-origin:2% calc(20% + 10px);"/>
+</g>
+</svg>
diff --git a/layout/reftests/transform/transform-svg-1-ref.xhtml b/layout/reftests/transform/transform-svg-1-ref.xhtml
new file mode 100644
index 0000000000..1d303d1ada
--- /dev/null
+++ b/layout/reftests/transform/transform-svg-1-ref.xhtml
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body style="margin:0">
+  <div style="position: relative; left:100px; top:100px; width:300px; height:300px; background:lime;">
+    <div style="height:200px;"/>
+    <div style="height:100px; background:blue;"/>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/transform-svg-1a.xhtml b/layout/reftests/transform/transform-svg-1a.xhtml
new file mode 100644
index 0000000000..af1f03b04f
--- /dev/null
+++ b/layout/reftests/transform/transform-svg-1a.xhtml
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:400px; height:200px; background:lime; transform: translate(100px, 100px);">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:blue;"/>
+  </div>
+
+  <svg:svg height="0">
+    <svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
+      <svg:rect x="0" y="0" width="300" height="300"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/transform/transform-svg-1b.xhtml b/layout/reftests/transform/transform-svg-1b.xhtml
new file mode 100644
index 0000000000..56dd523324
--- /dev/null
+++ b/layout/reftests/transform/transform-svg-1b.xhtml
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:400px; height:400px; background:blue; transform: rotate(135deg);">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:lime;"/>
+  </div>
+
+  <svg:svg height="0">
+    <svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
+      <svg:rect x="0" y="0" width="300" height="300"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/transform/transform-svg-2-fail.xhtml b/layout/reftests/transform/transform-svg-2-fail.xhtml
new file mode 100644
index 0000000000..b3fe934e28
--- /dev/null
+++ b/layout/reftests/transform/transform-svg-2-fail.xhtml
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:400px; height:400px; background:blue;">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:lime;"/>
+  </div>
+
+  <svg:svg height="0">
+    <svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
+      <svg:circle cx="100" cy="100" r="200"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/transform/transform-svg-2-ref.xhtml b/layout/reftests/transform/transform-svg-2-ref.xhtml
new file mode 100644
index 0000000000..7d3da096db
--- /dev/null
+++ b/layout/reftests/transform/transform-svg-2-ref.xhtml
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:400px; height:400px; background:blue; position: relative; left:100px; top:100px;">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:lime;"/>
+  </div>
+
+  <svg:svg height="0">
+    <svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
+      <svg:circle cx="200" cy="200" r="200"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/transform/transform-svg-2a.xhtml b/layout/reftests/transform/transform-svg-2a.xhtml
new file mode 100644
index 0000000000..5e89a581ad
--- /dev/null
+++ b/layout/reftests/transform/transform-svg-2a.xhtml
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:svg="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+<body style="margin:0">
+  <div style="clip-path: url(#c1); width:400px; height:400px; background:blue; transform: translate(100px, 100px);">
+    <div style="height:200px;"/>
+    <div style="height:200px; background:lime;"/>
+  </div>
+
+  <svg:svg height="0">
+    <svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
+      <svg:circle cx="200" cy="200" r="200"/>
+    </svg:clipPath>
+  </svg:svg>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-1-ref.html b/layout/reftests/transform/translate-1-ref.html
new file mode 100644
index 0000000000..bdd2a30e70
--- /dev/null
+++ b/layout/reftests/transform/translate-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="position: relative; left: 50px; top: 50px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-1a.html b/layout/reftests/transform/translate-1a.html
new file mode 100644
index 0000000000..c6944e49b2
--- /dev/null
+++ b/layout/reftests/transform/translate-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate(50px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-1b.html b/layout/reftests/transform/translate-1b.html
new file mode 100644
index 0000000000..4d2f1efd16
--- /dev/null
+++ b/layout/reftests/transform/translate-1b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate(50px, 50px) rotate(360deg);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-1c.html b/layout/reftests/transform/translate-1c.html
new file mode 100644
index 0000000000..0545c027b7
--- /dev/null
+++ b/layout/reftests/transform/translate-1c.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate(25px, 25px) translate(25px, 25px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-1d.html b/layout/reftests/transform/translate-1d.html
new file mode 100644
index 0000000000..bba4c6e96f
--- /dev/null
+++ b/layout/reftests/transform/translate-1d.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate(25px, 25px); position:relative; top:25px; left:25px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-1e.html b/layout/reftests/transform/translate-1e.html
new file mode 100644
index 0000000000..09378a0f4a
--- /dev/null
+++ b/layout/reftests/transform/translate-1e.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate(50px) translate(-100px) translate(150px) translate(-50px) translate(0px, 50px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-2-ref.html b/layout/reftests/transform/translate-2-ref.html
new file mode 100644
index 0000000000..bc05a774a4
--- /dev/null
+++ b/layout/reftests/transform/translate-2-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="position: relative; left: 50px; top: 0px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-2a.html b/layout/reftests/transform/translate-2a.html
new file mode 100644
index 0000000000..c6944e49b2
--- /dev/null
+++ b/layout/reftests/transform/translate-2a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translate(50px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translate-3-ref.html b/layout/reftests/transform/translate-3-ref.html
new file mode 100644
index 0000000000..458932b60b
--- /dev/null
+++ b/layout/reftests/transform/translate-3-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 100px; height: 100px;
+  background: green;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/transform/translate-3.html b/layout/reftests/transform/translate-3.html
new file mode 100644
index 0000000000..ea326324a3
--- /dev/null
+++ b/layout/reftests/transform/translate-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 100px; height: 100px;
+}
+#outer {
+  background: green;
+  overflow: hidden;
+}
+#inner {
+  background: red;
+  transform: translateX(calc(100px));
+}
+</style>
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
diff --git a/layout/reftests/transform/translate-rounding-1.html b/layout/reftests/transform/translate-rounding-1.html
new file mode 100644
index 0000000000..a77f71dd59
--- /dev/null
+++ b/layout/reftests/transform/translate-rounding-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1392161 - Transform translate rounding (em)</title>
+    <style>
+      div {
+        height: 100px;
+        width: 100px;
+        background: blue;
+        font-size: 10px;
+        transform: scale(100000) translate(0.0001em) scale(0.00001);
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/translate-rounding-2.html b/layout/reftests/transform/translate-rounding-2.html
new file mode 100644
index 0000000000..d22d6071fc
--- /dev/null
+++ b/layout/reftests/transform/translate-rounding-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1392161 - Transform translate rounding (rem)</title>
+    <style>
+      div {
+        height: 100px;
+        width: 100px;
+        background: blue;
+        transform: scale(100000) translate(0.0001rem) scale(0.00001);
+      }
+      html {
+        font-size: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/translate-rounding-3.html b/layout/reftests/transform/translate-rounding-3.html
new file mode 100644
index 0000000000..2d0e92e6a1
--- /dev/null
+++ b/layout/reftests/transform/translate-rounding-3.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1392161 - Transform translate rounding (viewport size)</title>
+    <style>
+      div {
+        height: 100px;
+        width: 100px;
+        background: blue;
+        transform: scale(100000) translate(0.0005vw) scale(0.00001);
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/translate-rounding-ref.html b/layout/reftests/transform/translate-rounding-ref.html
new file mode 100644
index 0000000000..8cf29dd1a9
--- /dev/null
+++ b/layout/reftests/transform/translate-rounding-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1392161 - Translate rounding reference</title>
+    <style>
+      div {
+        height: 100px;
+        width: 100px;
+        background: blue;
+        position: relative;
+        left: 100px;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/translate-rounding-viewport-ref.html b/layout/reftests/transform/translate-rounding-viewport-ref.html
new file mode 100644
index 0000000000..da2051d3b3
--- /dev/null
+++ b/layout/reftests/transform/translate-rounding-viewport-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bug 1392161 - Translate rounding reference (viewport)</title>
+    <style>
+      div {
+        height: 100px;
+        width: 100px;
+        background: blue;
+        position: relative;
+        left: 50vw;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/transform/translatex-1-ref-2.html b/layout/reftests/transform/translatex-1-ref-2.html
new file mode 100644
index 0000000000..5f242f1850
--- /dev/null
+++ b/layout/reftests/transform/translatex-1-ref-2.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-left: 50px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+  <div style="position:relative; left:50px; height:10px;">
+    <!-- make the body overflow by 50px horizontally -->
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatex-1-ref.html b/layout/reftests/transform/translatex-1-ref.html
new file mode 100644
index 0000000000..4b35ca823c
--- /dev/null
+++ b/layout/reftests/transform/translatex-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="position:relative; left:50px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatex-1a.html b/layout/reftests/transform/translatex-1a.html
new file mode 100644
index 0000000000..fe9c4f4eb0
--- /dev/null
+++ b/layout/reftests/transform/translatex-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatex(50px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatex-1b.html b/layout/reftests/transform/translatex-1b.html
new file mode 100644
index 0000000000..c4c9fb654b
--- /dev/null
+++ b/layout/reftests/transform/translatex-1b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatex(50px) rotate(360deg);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatex-1c.html b/layout/reftests/transform/translatex-1c.html
new file mode 100644
index 0000000000..2f0ff89029
--- /dev/null
+++ b/layout/reftests/transform/translatex-1c.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatex(25px) translatex(25px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatex-1d.html b/layout/reftests/transform/translatex-1d.html
new file mode 100644
index 0000000000..fdd7e28cbe
--- /dev/null
+++ b/layout/reftests/transform/translatex-1d.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatex(25px); position:relative; left:25px; top:0px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatex-1e.html b/layout/reftests/transform/translatex-1e.html
new file mode 100644
index 0000000000..c09fd49ef9
--- /dev/null
+++ b/layout/reftests/transform/translatex-1e.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatex(50px) translatex(-100px) translatex(150px) translatex(-50px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatex-2.html b/layout/reftests/transform/translatex-2.html
new file mode 100644
index 0000000000..7d7e504994
--- /dev/null
+++ b/layout/reftests/transform/translatex-2.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: matrix(1, 0, 0, 1, 50, 0);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-1-ref-2.html b/layout/reftests/transform/translatey-1-ref-2.html
new file mode 100644
index 0000000000..49c42165f0
--- /dev/null
+++ b/layout/reftests/transform/translatey-1-ref-2.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="margin-top: 50px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-1-ref.html b/layout/reftests/transform/translatey-1-ref.html
new file mode 100644
index 0000000000..a898e3385e
--- /dev/null
+++ b/layout/reftests/transform/translatey-1-ref.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="position:relative; top:50px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-1a.html b/layout/reftests/transform/translatey-1a.html
new file mode 100644
index 0000000000..b3cf76916d
--- /dev/null
+++ b/layout/reftests/transform/translatey-1a.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatey(50px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-1b.html b/layout/reftests/transform/translatey-1b.html
new file mode 100644
index 0000000000..d5ea622d12
--- /dev/null
+++ b/layout/reftests/transform/translatey-1b.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatey(50px) rotate(360deg);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-1c.html b/layout/reftests/transform/translatey-1c.html
new file mode 100644
index 0000000000..d8283aaa02
--- /dev/null
+++ b/layout/reftests/transform/translatey-1c.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatey(25px) translatey(25px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-1d.html b/layout/reftests/transform/translatey-1d.html
new file mode 100644
index 0000000000..f0e6bac6bc
--- /dev/null
+++ b/layout/reftests/transform/translatey-1d.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatey(25px); position:relative; top:25px; left:0px;">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-1e.html b/layout/reftests/transform/translatey-1e.html
new file mode 100644
index 0000000000..1b73e3a401
--- /dev/null
+++ b/layout/reftests/transform/translatey-1e.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: translatey(50px) translatey(-100px) translatey(150px) translatey(-50px);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/transform/translatey-2.html b/layout/reftests/transform/translatey-2.html
new file mode 100644
index 0000000000..a894c94288
--- /dev/null
+++ b/layout/reftests/transform/translatey-2.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+</head>
+<body>
+  <div style="transform: matrix(1, 0, 0, 1, 0, 50);">
+    <div style="background-color: green; width: 20px; height: 20px">
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/unicode/langattribute-ref.html b/layout/reftests/unicode/langattribute-ref.html
new file mode 100644
index 0000000000..d3908825a6
--- /dev/null
+++ b/layout/reftests/unicode/langattribute-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="dk">
+<head>
+    <title>testing lang attribute</title>
+    <style>
+    div[lang="fr"] {
+        color: green;
+    }
+    div[lang="de"] > input {
+        color: blue;
+    }
+    div:not([lang]) {
+        color: yellow;
+    }
+    </style>
+</head>
+<body>
+<div lang="fr">fr language</div>
+<div lang="de">
+    <input value="de language">
+</div>
+<div>
+    dk language
+</div>
+</body>
+</html>
diff --git a/layout/reftests/unicode/langattribute.html b/layout/reftests/unicode/langattribute.html
new file mode 100644
index 0000000000..9630eb86ad
--- /dev/null
+++ b/layout/reftests/unicode/langattribute.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="dk">
+<head>
+    <title>testing lang attribute</title>
+    <style>
+    div:lang(fr) {
+        color: green;
+    }
+    input:lang(de) {
+        color: blue;
+    }
+    div:lang(dk) {
+        color: yellow;
+    }
+    </style>
+</head>
+<body>
+<div lang="fr">fr language</div>
+<div lang="de">
+    <input value="de language">
+</div>
+<div>
+    dk language
+</div>
+</body>
+</html>
diff --git a/layout/reftests/unicode/reftest.list b/layout/reftests/unicode/reftest.list
new file mode 100644
index 0000000000..45a98b1c85
--- /dev/null
+++ b/layout/reftests/unicode/reftest.list
@@ -0,0 +1,7 @@
+== unicode-attribute-selector.html unicode-ref.html
+== unicode-element-selector.html unicode-ref.html
+== unicode-lang.html unicode-ref.html
+== unicode-media-query-media-type.html unicode-ref-print.html
+== unicode-media-query-query.html unicode-ref-print.html
+== unicode-pseudo-selector.html unicode-ref.html
+== langattribute.html langattribute-ref.html
diff --git a/layout/reftests/unicode/unicode-attribute-selector.html b/layout/reftests/unicode/unicode-attribute-selector.html
new file mode 100644
index 0000000000..8d2eab9e42
--- /dev/null
+++ b/layout/reftests/unicode/unicode-attribute-selector.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - attribute selectors</title>
+  <style>
+    div[dİr] {color: red;}
+    div[dİr="ltr"] {text-indent: 30px;}
+    input[dİsabled] {display: none;}
+    /* input[dİsabled="disabled"] {display: inline;} */
+    /* work around unreliable form-control rendering on Gtk+3 (see bug 1223198): */
+    input { -moz-appearance: none; }
+  </style>
+</head>
+
+<body>
+  <div dir='ltr'><p lang="hi">स्टार</p></div>
+  <input disabled>
+  <input dİsabled="DİSABLED">
+  <input dİsabled="disabled">
+</body>
+</html>
diff --git a/layout/reftests/unicode/unicode-element-selector.html b/layout/reftests/unicode/unicode-element-selector.html
new file mode 100644
index 0000000000..23d0fca513
--- /dev/null
+++ b/layout/reftests/unicode/unicode-element-selector.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - element selectors</title>
+  <style>
+    dİv {color: red}
+    /* work around unreliable form-control rendering on Gtk+3 (see bug 1223198): */
+    input { -moz-appearance: none; }
+  </style>
+</head>
+
+<body>
+  <div><p lang="hi">स्टार</p></div>
+  <input disabled>
+</body>
+</html>
diff --git a/layout/reftests/unicode/unicode-lang.html b/layout/reftests/unicode/unicode-lang.html
new file mode 100644
index 0000000000..15a9d88486
--- /dev/null
+++ b/layout/reftests/unicode/unicode-lang.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - language selector</title>
+  <style>
+    p:lang(hİ) {color: red}
+    /* p[lang="hİ"] {text-indent:30px} Disabled until Bug 492431 is fixed */
+    /* work around unreliable form-control rendering on Gtk+3 (see bug 1223198): */
+    input { -moz-appearance: none; }
+  </style>
+</head>
+
+<body>
+  <div><p lang="hi">स्टार</p></div>
+  <input disabled>
+</body>
+</html>
diff --git a/layout/reftests/unicode/unicode-media-query-media-type.html b/layout/reftests/unicode/unicode-media-query-media-type.html
new file mode 100644
index 0000000000..679112cbf5
--- /dev/null
+++ b/layout/reftests/unicode/unicode-media-query-media-type.html
@@ -0,0 +1,15 @@
+<html class="reftest-paged">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - media query - media type selector</title>
+  <style>
+    @media prİnt {
+    p { color: red }
+    }
+  </style>
+</head>
+
+<body>
+  <div><p lang="hi">स्टार</p></div>
+</body>
+</html>
diff --git a/layout/reftests/unicode/unicode-media-query-query.html b/layout/reftests/unicode/unicode-media-query-query.html
new file mode 100644
index 0000000000..640364475d
--- /dev/null
+++ b/layout/reftests/unicode/unicode-media-query-query.html
@@ -0,0 +1,13 @@
+<html class="reftest-paged">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - media query - media query text</title>
+  <style>
+    @media print and (mİn-wİdth: 5in) { p {color: red; } }
+  </style>
+</head>
+
+<body>
+  <div><p lang="hi">स्टार</p></div>
+</body>
+</html>
diff --git a/layout/reftests/unicode/unicode-pseudo-selector.html b/layout/reftests/unicode/unicode-pseudo-selector.html
new file mode 100644
index 0000000000..dad2217617
--- /dev/null
+++ b/layout/reftests/unicode/unicode-pseudo-selector.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - pseudo element selectors</title>
+  <style>
+    p:fİrst-letter {color: red}
+    /* work around unreliable form-control rendering on Gtk+3 (see bug 1223198): */
+    input { -moz-appearance: none; }
+  </style>
+</head>
+
+<body>
+  <div><p lang="hi">स्टार</p></div>
+  <input disabled>
+</body>
+</html>
diff --git a/layout/reftests/unicode/unicode-ref-print.html b/layout/reftests/unicode/unicode-ref-print.html
new file mode 100644
index 0000000000..d07c30de04
--- /dev/null
+++ b/layout/reftests/unicode/unicode-ref-print.html
@@ -0,0 +1,10 @@
+<html class="reftest-paged">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - media query - reference</title>
+</head>
+
+<body>
+  <div><p lang="hi">स्टार</p></div>
+</body>
+</html>
diff --git a/layout/reftests/unicode/unicode-ref.html b/layout/reftests/unicode/unicode-ref.html
new file mode 100644
index 0000000000..b4e8fb319b
--- /dev/null
+++ b/layout/reftests/unicode/unicode-ref.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unicode tests - reference rending</title>
+  <style>
+    /* work around unreliable form-control rendering on Gtk+3 (see bug 1223198): */
+    input { -moz-appearance: none; }
+  </style>
+</head>
+
+<body>
+  <div><p lang="hi">स्टार</p></div>
+  <input disabled>
+</body>
+</html>
diff --git a/layout/reftests/usercss/reftest.list b/layout/reftests/usercss/reftest.list
new file mode 100644
index 0000000000..5c3b11974a
--- /dev/null
+++ b/layout/reftests/usercss/reftest.list
@@ -0,0 +1,3 @@
+== usercss.html usercss-ref.html
+== usercss-uppercase.html usercss-ref.html
+fails-if(geckoview&&device) == usercss-moz-document.html usercss-moz-document-ref.html
diff --git a/layout/reftests/usercss/usercss-moz-document-ref.html b/layout/reftests/usercss/usercss-moz-document-ref.html
new file mode 100644
index 0000000000..c33062ea9d
--- /dev/null
+++ b/layout/reftests/usercss/usercss-moz-document-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>p { background-color: lime; }</style>
+</head>
+<body>
+<p>@-moz-document rules should be applied.</p>
+<p>@-moz-document rules should not be applied.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss-moz-document.html b/layout/reftests/usercss/usercss-moz-document.html
new file mode 100644
index 0000000000..c57c6db02d
--- /dev/null
+++ b/layout/reftests/usercss/usercss-moz-document.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+p {
+  background-color: red;
+}
+.reftest-xdomain {
+  background: lime;
+}
+</style>
+</head>
+<body>
+<p class="reftest-domain">@-moz-document rules should be applied.</p>
+<p class="reftest-xdomain">@-moz-document rules should not be applied.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss-ref.html b/layout/reftests/usercss/usercss-ref.html
new file mode 100644
index 0000000000..f11b071c9d
--- /dev/null
+++ b/layout/reftests/usercss/usercss-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>p { background-color: lime; }</style>
+</head>
+<body>
+<p>This paragraph should have a green background.</p>
+<p>This paragraph should have a green background.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss-uppercase.html b/layout/reftests/usercss/usercss-uppercase.html
new file mode 100644
index 0000000000..d4dbc74eed
--- /dev/null
+++ b/layout/reftests/usercss/usercss-uppercase.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+p {
+  background-color: red;
+}
+</style>
+</head>
+<body>
+<p class="RefTest-upperCase">This paragraph should have a green background.</p>
+<p class="RefTest-upperCase">This paragraph should have a green background.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss.html b/layout/reftests/usercss/usercss.html
new file mode 100644
index 0000000000..44d9bd6633
--- /dev/null
+++ b/layout/reftests/usercss/usercss.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+p {
+  background-color: red;
+}
+</style>
+</head>
+<body>
+<p class="reftest-usercss">This paragraph should have a green background.</p>
+<p class="reftest-usercss-import">This paragraph should have a green background.</p>
+</body>
+</html>
diff --git a/layout/reftests/view-source/blue-circle-16x16.png b/layout/reftests/view-source/blue-circle-16x16.png
new file mode 100644
index 0000000000..95f6fc7e3f
Binary files /dev/null and b/layout/reftests/view-source/blue-circle-16x16.png differ
diff --git a/layout/reftests/view-source/reftest.list b/layout/reftests/view-source/reftest.list
new file mode 100644
index 0000000000..d1b9cbe06d
--- /dev/null
+++ b/layout/reftests/view-source/reftest.list
@@ -0,0 +1 @@
+fails == view-source-image.html view-source-image-ref.html # security checks prevent loading view-source:
diff --git a/layout/reftests/view-source/view-source-image-ref.html b/layout/reftests/view-source/view-source-image-ref.html
new file mode 100644
index 0000000000..0af3461b39
--- /dev/null
+++ b/layout/reftests/view-source/view-source-image-ref.html
@@ -0,0 +1,2 @@
+<iframe src="blue-circle-16x16.png">
+
diff --git a/layout/reftests/view-source/view-source-image.html b/layout/reftests/view-source/view-source-image.html
new file mode 100644
index 0000000000..d9b29c98e3
--- /dev/null
+++ b/layout/reftests/view-source/view-source-image.html
@@ -0,0 +1,8 @@
+<script>
+  var url = document.location.href;
+  var imageUrl = url.replace(/[/][^/]*$/, "/blue-circle-16x16.png");
+  var viewSourceImageUrl = "view-source:" + imageUrl;
+  var html = "<iframe src='#url#'></iframe>".replace(/#url#/, viewSourceImageUrl);
+  document.write(html);
+</script>
+
diff --git a/layout/reftests/web-animations/1246046-1.html b/layout/reftests/web-animations/1246046-1.html
new file mode 100644
index 0000000000..ced7e5b283
--- /dev/null
+++ b/layout/reftests/web-animations/1246046-1.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html class="reftest-wait">
+  <head>
+    <meta charset=utf-8>
+    <title>Bug 1246046</title>
+    <style>
+      div {
+        width: 0px;
+        height: 100px;
+        background: green;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+    <script>
+      var target = document.querySelector("div");
+      var anim = target.animate(
+        [ { width: "0px" }, { width: "200px" } ], 2000);
+      anim.pause();
+      anim.currentTime = 1000;
+      document.documentElement.removeAttribute("class");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/web-animations/1267937-1.html b/layout/reftests/web-animations/1267937-1.html
new file mode 100644
index 0000000000..6288ec1628
--- /dev/null
+++ b/layout/reftests/web-animations/1267937-1.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html class="reftest-wait reftest-no-flush">
+<head>
+<meta charset=utf-8>
+<title>Bug 1267937</title>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+</style>
+</head>
+<body>
+<div id="target"></div>
+<script>
+  var target = document.getElementById("target");
+  var anim = target.animate(
+    { marginLeft: [ "0px", "10px" ] },
+    { duration: 500000 /* 500s */, easing: "steps(2, start)" });
+
+  anim.ready.then(function() {
+    // Set currentTime in before phase, i.e., GetComputedTimingAt() returns
+    // null progress in the phase so that we can skip ComposeStyle().
+    // This currentTime value should be far from zero in order to skip
+    // restyles requested by setting currentTime or frames in a next tick.
+    // If this value is near by zero, say -1, the restyles will be processed in
+    // the next tick and current time in the next tick must be greater than
+    // zero at that point, that means the animation with new frame values will
+    // be painted.  As a result, this test will be useless.
+    anim.currentTime = -500;
+
+    // Setting another frame does not cause any visual changes because
+    // the animation is still in the before phase.
+    anim.effect.setKeyframes({ marginLeft: [ "0px", "400px" ] });
+
+    var beforePhaseFrames = 0;
+    window.requestAnimationFrame(function handleFrame() {
+      if (anim.effect.getComputedTiming().progress === null) {
+        beforePhaseFrames++;
+      }
+      if (anim.effect.getComputedTiming().progress !== null) {
+        if (beforePhaseFrames == 0) {
+          console.log("WARNING: We never got frames in the before phase. " +
+                      "This test is going to be passed accidentally. " +
+                      "Consider setting smaller current time, e.g. -1000ms.");
+        }
+        // After starting the animation, progress should be 0.5, that means
+        // margin-left is 200px.
+        document.documentElement.classList.remove("reftest-wait");
+        return;
+      }
+      window.requestAnimationFrame(handleFrame);
+    });
+  });
+</script>
+</body>
+</html>
diff --git a/layout/reftests/web-animations/1267937-ref.html b/layout/reftests/web-animations/1267937-ref.html
new file mode 100644
index 0000000000..538e27fde8
--- /dev/null
+++ b/layout/reftests/web-animations/1267937-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>Reference of bug 1267937</title>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  background: green;
+  margin-left: 200px;
+}
+</style>
+</head>
+<body>
+<div id="target"></div>
+</body>
+</html>
diff --git a/layout/reftests/web-animations/1298742-1.html b/layout/reftests/web-animations/1298742-1.html
new file mode 100644
index 0000000000..fcca85f4ad
--- /dev/null
+++ b/layout/reftests/web-animations/1298742-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>Bug 1298742</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  transform: translate(10px);
+}
+</style>
+<div id="target"></div>
+<script>
+  const MS_PER_SEC = 1000;
+  var elem = document.getElementById("target");
+  var animA =
+    elem.animate({ transform: [ 'translate(0px)', 'translate(60px)' ] },
+                 100 * MS_PER_SEC);
+  var animB =
+    elem.animate({ transform: [ 'translate(60px)', 'translate(0px)' ] },
+                 100 * MS_PER_SEC);
+  animA.pause();
+  animB.pause();
+
+  Promise.all([animA.ready, animB.ready]).then(function() {
+    animB.effect = null;
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
+</html>
diff --git a/layout/reftests/web-animations/1298742-ref.html b/layout/reftests/web-animations/1298742-ref.html
new file mode 100644
index 0000000000..7cb860e9d4
--- /dev/null
+++ b/layout/reftests/web-animations/1298742-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<title>Reference of bug 1298742</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  transform: translate(0px);
+}
+</style>
+<div></div>
+</html>
diff --git a/layout/reftests/web-animations/1363639-1.html b/layout/reftests/web-animations/1363639-1.html
new file mode 100644
index 0000000000..e18a8f16f8
--- /dev/null
+++ b/layout/reftests/web-animations/1363639-1.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="reftest-wait">
+  <head>
+    <meta charset=utf-8>
+    <title>Bug 1363639</title>
+    <style>
+      #outer {
+        position: absolute;
+        width: 100px;
+        height: 200px;
+        background: green;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="outer"><div id="inner"></div></div>
+    <script>
+      var target = document.querySelector("#outer");
+      var anim = target.animate([
+          {clip: 'rect(0px, auto, 0px, 0px)'},
+          {clip: 'rect(0px, auto, 200px, 0px)'}
+      ], 2000);
+      anim.pause();
+      anim.currentTime = 1000;
+      document.documentElement.removeAttribute("class");
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/web-animations/animation-utils.js b/layout/reftests/web-animations/animation-utils.js
new file mode 100644
index 0000000000..d34ba635a1
--- /dev/null
+++ b/layout/reftests/web-animations/animation-utils.js
@@ -0,0 +1,13 @@
+function waitForIterationChange(animation) {
+  var initialIteration = animation.effect.getComputedTiming().currentIteration;
+  return new Promise(resolve => {
+    window.requestAnimationFrame(handleFrame = () => {
+      if (animation.effect.getComputedTiming().currentIteration !=
+            initialIteration) {
+        resolve();
+      } else {
+        window.requestAnimationFrame(handleFrame);
+      }
+    });
+  });
+}
diff --git a/layout/reftests/web-animations/cancel-animation-with-selector-matching.html b/layout/reftests/web-animations/cancel-animation-with-selector-matching.html
new file mode 100644
index 0000000000..7c78bc414e
--- /dev/null
+++ b/layout/reftests/web-animations/cancel-animation-with-selector-matching.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Discard cancelled animation styles</title>
+<style>
+#test {
+  width: 100px; height: 100px;
+  background-color: white;
+}
+.changed {
+  color: red;
+}
+
+</style>
+<div id="test"></div>
+<script>
+  var target = document.getElementById("test");
+  var anim = target.animate({ backgroundColor: [ "red", "red" ] }, 100000);
+
+  anim.ready.then(() => {
+    anim.cancel();
+    // Add a class name to cause selector matching in a subsequent restyle.
+    target.classList.add("changed");
+
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/child-in-animating-element-display-none-ref.html b/layout/reftests/web-animations/child-in-animating-element-display-none-ref.html
new file mode 100644
index 0000000000..9a5a1dec96
--- /dev/null
+++ b/layout/reftests/web-animations/child-in-animating-element-display-none-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background-color: blue;
+}
+#child {
+  background-color: green;
+  width: 50px;
+  height: 50px;
+}
+</style>
+<div>
+  <div id="child"></div>
+</div>
+</html>
diff --git a/layout/reftests/web-animations/child-in-animating-element-display-none.html b/layout/reftests/web-animations/child-in-animating-element-display-none.html
new file mode 100644
index 0000000000..57ad9f1ad2
--- /dev/null
+++ b/layout/reftests/web-animations/child-in-animating-element-display-none.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Child element in animating element that display property is changed from none
+</title>
+<style>
+#test {
+  display: none;
+  width: 100px;
+  height: 100px;
+}
+#child {
+  background-color: green;
+  width: 50px;
+  height: 50px;
+}
+</style>
+<div id="test">
+  <div id="child"></div>
+</div>
+<script>
+  var anim = test.animate({ backgroundColor: [ 'blue', 'blue' ] },
+                          { duration: 1000,
+                            iterations: Infinity });
+
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      document.styleSheets[0].cssRules[0].style.setProperty('display', 'block');
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  });
+</script>
+</html>
diff --git a/layout/reftests/web-animations/green-box.html b/layout/reftests/web-animations/green-box.html
new file mode 100644
index 0000000000..5f5b4d11fe
--- /dev/null
+++ b/layout/reftests/web-animations/green-box.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset=utf-8>
+    <title>Reference green box</title>
+    <style>
+      div {
+        width: 100px;
+        height: 100px;
+        background: green;
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/web-animations/reftest.list b/layout/reftests/web-animations/reftest.list
new file mode 100644
index 0000000000..05fad00127
--- /dev/null
+++ b/layout/reftests/web-animations/reftest.list
@@ -0,0 +1,26 @@
+== 1246046-1.html green-box.html
+== 1267937-1.html 1267937-ref.html
+== 1298742-1.html 1298742-ref.html
+== 1363639-1.html green-box.html
+== restyle-after-display-none.html green-box.html
+== stacking-context-transform-none-animation-before-appending-element.html stacking-context-animation-ref.html
+== stacking-context-opacity-changing-keyframe.html stacking-context-animation-ref.html
+== stacking-context-opacity-changing-keyframe-in-delay.html stacking-context-animation-ref.html
+== stacking-context-opacity-changing-target.html stacking-context-animation-changing-target-ref.html
+== stacking-context-opacity-changing-target-in-delay.html stacking-context-animation-changing-target-ref.html
+== stacking-context-opacity-changing-effect.html stacking-context-animation-ref.html
+== stacking-context-opacity-losing-css-animation-in-delay.html stacking-context-animation-ref.html
+== stacking-context-transform-changing-keyframe.html stacking-context-animation-ref.html
+== stacking-context-transform-changing-keyframe-in-delay.html stacking-context-animation-ref.html
+== stacking-context-transform-changing-target.html stacking-context-animation-changing-target-ref.html
+
+== stacking-context-transform-changing-target-in-delay.html stacking-context-animation-changing-target-ref.html
+== stacking-context-transform-changing-effect.html stacking-context-animation-ref.html
+== stacking-context-transform-changing-effect-on-table.html stacking-context-animation-on-table-ref.html
+== stacking-context-transform-changing-display-property.html stacking-context-animation-ref.html
+== stacking-context-transform-losing-css-animation-in-delay.html stacking-context-animation-ref.html
+test-pref(dom.animations-api.compositing.enabled,true) == style-updates-on-iteration-composition-changed-from-accumulate-to-replace.html style-updates-for-iteration-composite-ref.html
+test-pref(dom.animations-api.compositing.enabled,true) == style-updates-on-iteration-composition-changed-from-replace-to-accumulate.html style-updates-for-iteration-composite-ref.html
+test-pref(dom.animations-api.compositing.enabled,true) == style-updates-on-current-iteration-changed.html style-updates-for-iteration-composite-ref.html
+== cancel-animation-with-selector-matching.html about:blank
+== child-in-animating-element-display-none.html child-in-animating-element-display-none-ref.html
diff --git a/layout/reftests/web-animations/restyle-after-display-none.html b/layout/reftests/web-animations/restyle-after-display-none.html
new file mode 100644
index 0000000000..16c0f916b9
--- /dev/null
+++ b/layout/reftests/web-animations/restyle-after-display-none.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html class="reftest-wait reftest-no-flush">
+<head>
+<meta charset=utf-8>
+<title>Check for animation restyling on an element's initial restyling after leaving a display:none subtree</title>
+<style>
+#target {
+  width: 0px;
+  height: 100px;
+  background: green;
+  display: none;
+}
+</style>
+</head>
+<body>
+<div id="target"></div>
+<script>
+// Wait for a steady state before beginning so that style flushes from the
+// initial restyling don't interfere with the results.
+document.addEventListener('MozReftestInvalidate', () => {
+  requestAnimationFrame(() => {
+    // Get target element -- computed style should be display: none by now.
+    const target = document.getElementById('target');
+
+    // Update specified style but don't flush
+    target.style.display = 'block';
+
+    // Trigger an animation on the element.
+    //
+    // animate() won't flush styles so we are testing that it still correctly
+    // marks the element as needing an animation restyle even when it doesn't have
+    // style data.
+    target.animate(
+      { width: ['0px', '100px'] },
+      { duration: 100 * 1000, easing: 'step-start' }
+    );
+
+    document.documentElement.classList.remove('reftest-wait');
+  });
+});
+</script>
+</body>
+</html>
diff --git a/layout/reftests/web-animations/stacking-context-animation-changing-target-ref.html b/layout/reftests/web-animations/stacking-context-animation-changing-target-ref.html
new file mode 100644
index 0000000000..ddc5c8c1d0
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-animation-changing-target-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Reference of testcases for bug 1279403</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  background: green;
+  position: fixed;
+  top: 50px;
+}
+div {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+#first {
+}
+#second {
+  position: fixed;
+}
+</style>
+<span></span>
+<div id="first"></div>
+<div id="second"></div>
diff --git a/layout/reftests/web-animations/stacking-context-animation-on-table-ref.html b/layout/reftests/web-animations/stacking-context-animation-on-table-ref.html
new file mode 100644
index 0000000000..286602e45f
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-animation-on-table-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<title>Reference of testcases for bug 1273042</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  background: green;
+  position: fixed;
+  top: 50px;
+  z-index: -1;
+}
+#test {
+  display: table;
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/web-animations/stacking-context-animation-ref.html b/layout/reftests/web-animations/stacking-context-animation-ref.html
new file mode 100644
index 0000000000..817056c1ce
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-animation-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Reference of testcases for bug 1273042</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  background: green;
+  position: fixed;
+  top: 50px;
+  z-index: -1;
+}
+#test {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
diff --git a/layout/reftests/web-animations/stacking-context-opacity-changing-effect.html b/layout/reftests/web-animations/stacking-context-opacity-changing-effect.html
new file mode 100644
index 0000000000..6d5324e132
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-opacity-changing-effect.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>
+  Opacity animation creates a stacking context after changing effects
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var elem = document.getElementById("test");
+  var anim = elem.animate(null, { duration: 100000 });
+  var newEffect = new KeyframeEffect(elem, { opacity: [1, 1] }, 100000);
+  anim.ready.then(function() {
+    anim.effect = newEffect;
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
+</html>
diff --git a/layout/reftests/web-animations/stacking-context-opacity-changing-keyframe-in-delay.html b/layout/reftests/web-animations/stacking-context-opacity-changing-keyframe-in-delay.html
new file mode 100644
index 0000000000..e0864f1d58
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-opacity-changing-keyframe-in-delay.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Changing keyframes to opacity frames creates a stacking context even if the
+animation is delay phase
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ width: ['100px', '100px'] },
+             { delay: 100000, duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.setKeyframes({ opacity: [0, 1] });
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-opacity-changing-keyframe.html b/layout/reftests/web-animations/stacking-context-opacity-changing-keyframe.html
new file mode 100644
index 0000000000..44676d9199
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-opacity-changing-keyframe.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>Changing keyframes to opacity frames creates a stacking context</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ }, { duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.setKeyframes({ opacity: [1, 1] });
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-opacity-changing-target-in-delay.html b/layout/reftests/web-animations/stacking-context-opacity-changing-target-in-delay.html
new file mode 100644
index 0000000000..8a568f8b0b
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-opacity-changing-target-in-delay.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Changing target to an element that does not override opacity animations
+creates a stacking context even if the animation is delay phase
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#first {
+  width: 100px; height: 100px;
+  background: blue;
+  opacity: 1 ! important;
+}
+#second {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="first"></div>
+<div id="second"></div>
+<script>
+  var anim = document.getElementById("first")
+    .animate({ opacity: [0, 1] },
+             { delay: 100000, duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.target = document.getElementById("second");
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-opacity-changing-target.html b/layout/reftests/web-animations/stacking-context-opacity-changing-target.html
new file mode 100644
index 0000000000..f1fdb8b442
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-opacity-changing-target.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>
+Opacity animation creates a stacking context when changing its target
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+div {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<div id="another"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ opacity: [1, 1] }, { duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.target = document.getElementById("another");
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-opacity-losing-css-animation-in-delay.html b/layout/reftests/web-animations/stacking-context-opacity-losing-css-animation-in-delay.html
new file mode 100644
index 0000000000..01aaa091eb
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-opacity-losing-css-animation-in-delay.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<title>
+CSS opacity animation winning over web animation in delay phase creates
+a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes Opacity1 {
+  from, to { opacity: 1; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: Opacity1 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  document.getElementById("test")
+    .animate({ opacity: [0.1, 0.1] }, { duration: 100000, delay: 100000 });
+
+  requestAnimationFrame(function() {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-transform-changing-display-property.html b/layout/reftests/web-animations/stacking-context-transform-changing-display-property.html
new file mode 100644
index 0000000000..325b6eda3d
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-changing-display-property.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>
+Transform animation creates a stacking context when changing its display style
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+div {
+  width: 100px; height: 100px;
+  background: blue;
+  display: none;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ transform: ['none', 'none'] }, { duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.target.style.display = 'block';
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-transform-changing-effect-on-table.html b/layout/reftests/web-animations/stacking-context-transform-changing-effect-on-table.html
new file mode 100644
index 0000000000..76dbfce276
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-changing-effect-on-table.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+  Transform animation on a display:table element creates a stacking context
+  after changing effects
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+div {
+  display: table;
+  width: 100px;
+  height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var elem = document.getElementById("test");
+  var anim = elem.animate(null, { duration: 100000 });
+  var newEffect = new KeyframeEffect(elem,
+                                     { transform: ['none', 'none']},
+                                     100000);
+  anim.ready.then(function() {
+    anim.effect = newEffect;
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
+</html>
diff --git a/layout/reftests/web-animations/stacking-context-transform-changing-effect.html b/layout/reftests/web-animations/stacking-context-transform-changing-effect.html
new file mode 100644
index 0000000000..5e3842df36
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-changing-effect.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>
+  Transform animation creates a stacking context after changing effects
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var elem = document.getElementById("test");
+  var anim = elem.animate(null, { duration: 100000 });
+  var newEffect = new KeyframeEffect(elem,
+                                     { transform: ['none', 'none']},
+                                     100000);
+  anim.ready.then(function() {
+    anim.effect = newEffect;
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
+</html>
diff --git a/layout/reftests/web-animations/stacking-context-transform-changing-keyframe-in-delay.html b/layout/reftests/web-animations/stacking-context-transform-changing-keyframe-in-delay.html
new file mode 100644
index 0000000000..b11c4d83fb
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-changing-keyframe-in-delay.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Changing keyframes to transform frames creates a stacking context even if the
+animation is delay phase
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ width: ['100px', '100px'] },
+             { delay: 100000, duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.setKeyframes(
+      { transform: ['translate(0px)', 'translate(0px)'] });
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-transform-changing-keyframe.html b/layout/reftests/web-animations/stacking-context-transform-changing-keyframe.html
new file mode 100644
index 0000000000..e92cdef2e5
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-changing-keyframe.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>Changing keyframes to transform frames creates a stacking context</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ }, { duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.setKeyframes({ transform: ['none', 'none'] });
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-transform-changing-target-in-delay.html b/layout/reftests/web-animations/stacking-context-transform-changing-target-in-delay.html
new file mode 100644
index 0000000000..f121990a84
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-changing-target-in-delay.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>
+Changing target to an element that does not overrider transform animations
+creates a stacking context even if the animation is delay phase
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+#first {
+  width: 100px; height: 100px;
+  background: blue;
+  transform: none ! important;
+}
+#second {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="first"></div>
+<div id="second"></div>
+<script>
+  var anim = document.getElementById("first")
+    .animate({ transform: ['translateX(0px)', 'translateX(100px)'] },
+             { delay: 100000, duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.target = document.getElementById("second");
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-transform-changing-target.html b/layout/reftests/web-animations/stacking-context-transform-changing-target.html
new file mode 100644
index 0000000000..be9e4cfd42
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-changing-target.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<title>
+Transform animation creates a stacking context when changing its target
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+div {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<div id="another"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ transform: ['none', 'none'] }, { duration: 100000 });
+  anim.ready.then(function() {
+    anim.effect.target = document.getElementById("another");
+    requestAnimationFrame(function() {
+      document.documentElement.classList.remove("reftest-wait");
+    });
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-transform-losing-css-animation-in-delay.html b/layout/reftests/web-animations/stacking-context-transform-losing-css-animation-in-delay.html
new file mode 100644
index 0000000000..2ff9049eec
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-losing-css-animation-in-delay.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>
+CSS transform animation winning over web animation in delay phase creates
+a stacking context
+</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+@keyframes TransformNone {
+  from, to { transform: none; }
+}
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+  animation: TransformNone 100s;
+}
+</style>
+<span></span>
+<div id="test"></div>
+<script>
+  document.getElementById("test")
+    .animate({ transform: ['translateX(100px)', 'translate(100px)'] },
+             { duration: 100000, delay: 100000 });
+
+  requestAnimationFrame(function() {
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/stacking-context-transform-none-animation-before-appending-element.html b/layout/reftests/web-animations/stacking-context-transform-none-animation-before-appending-element.html
new file mode 100644
index 0000000000..2fe3cb8667
--- /dev/null
+++ b/layout/reftests/web-animations/stacking-context-transform-none-animation-before-appending-element.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait reftest-no-flush">
+<!--
+  reftest-no-flush above is necessary to make invalidation changes happen.
+  Without it, reftest harness takes the snapshot on the next frame after the
+  frame that a paint for appending the element happened.
+ -->
+<title>Transform animation whose target is not initially associated with any document creates a stacking context even if it has only 'transform:none' in its keyframe</title>
+<style>
+span {
+  height: 100px;
+  width: 100px;
+  position: fixed;
+  background: green;
+  top: 50px;
+}
+div {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<span></span>
+<script>
+  var div = document.createElement("div")
+  var anim = div.animate({ transform: ['none', 'none'] },
+                         { duration: 100000 });
+  anim.ready.then(() => {
+    document.body.appendChild(div);
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/style-updates-for-iteration-composite-ref.html b/layout/reftests/web-animations/style-updates-for-iteration-composite-ref.html
new file mode 100644
index 0000000000..229e89117f
--- /dev/null
+++ b/layout/reftests/web-animations/style-updates-for-iteration-composite-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<title>Reference of testcases for bug 1216843</title>
+<style>
+#test {
+  width: 100px; height: 100px;
+  margin-left: 200px;
+  background: blue;
+}
+</style>
+<div id="test"></div>
diff --git a/layout/reftests/web-animations/style-updates-on-current-iteration-changed.html b/layout/reftests/web-animations/style-updates-on-current-iteration-changed.html
new file mode 100644
index 0000000000..3713a2c2ec
--- /dev/null
+++ b/layout/reftests/web-animations/style-updates-on-current-iteration-changed.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Update styles when current iteration changed</title>
+<script src="animation-utils.js"></script>
+<style>
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ marginLeft: [ "0px", "100px" ] },
+             { duration: 100000,
+               delay: -99999, // For starting right before second iteration.
+               easing: "steps(1, start)",
+               iterations: 2,
+               iterationComposite: "accumulate" });
+
+  waitForIterationChange(anim).then(() => {
+    // Wait for painting the result of the second iteration.
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-accumulate-to-replace.html b/layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-accumulate-to-replace.html
new file mode 100644
index 0000000000..e6a111e83d
--- /dev/null
+++ b/layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-accumulate-to-replace.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Update styles when iteration composition changed from accumulate to
+replace</title>
+<script src="animation-utils.js"></script>
+<style>
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ marginLeft: [ "0px", "200px" ] },
+             { duration: 100000,
+               delay: -99999, // For starting right before second iteration.
+               easing: "steps(1, start)",
+               iterations: 2,
+               iterationComposite: "accumulate" });
+
+  waitForIterationChange(anim).then(() => {
+    // Changing iterationComposite updates the element style.
+    anim.effect.iterationComposite = "replace";
+    // Now margin-left of the element should be 200px.
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-replace-to-accumulate.html b/layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-replace-to-accumulate.html
new file mode 100644
index 0000000000..bf4d40b259
--- /dev/null
+++ b/layout/reftests/web-animations/style-updates-on-iteration-composition-changed-from-replace-to-accumulate.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Update styles when iteration composition changed from replace to
+accumulate</title>
+<script src="animation-utils.js"></script>
+<style>
+#test {
+  width: 100px; height: 100px;
+  background: blue;
+}
+</style>
+<div id="test"></div>
+<script>
+  var anim = document.getElementById("test")
+    .animate({ marginLeft: [ "0px", "100px" ] },
+             { duration: 100000,
+               delay: -99999, // For starting right before second iteration.
+               easing: "steps(1, start)",
+               iterations: 2,
+               iterationComposite: "replace" });
+
+  waitForIterationChange(anim).then(() => {
+    // Changing iterationComposite updates the element style.
+    anim.effect.iterationComposite = "accumulate";
+    // Now margin-left of the element should be 200px.
+    document.documentElement.classList.remove("reftest-wait");
+  });
+</script>
diff --git a/layout/reftests/webcomponents/basic-shadow-1-ref.html b/layout/reftests/webcomponents/basic-shadow-1-ref.html
new file mode 100644
index 0000000000..0d498d8c5c
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="width:300px; height:100px; background-color:green;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-shadow-1.html b/layout/reftests/webcomponents/basic-shadow-1.html
new file mode 100644
index 0000000000..8949dfc6de
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      // div with style "width:300px; height:100px; background-color:green"
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.width = "300px";
+      shadowDiv.style.height = "100px";
+      shadowDiv.style.backgroundColor = "green";
+
+      var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">
+  <div style="width:300px; height:100px; background-color:red;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-shadow-2-ref.html b/layout/reftests/webcomponents/basic-shadow-2-ref.html
new file mode 100644
index 0000000000..74c50f5168
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green">
+    <div style="border: 10px solid orange"></div>
+    <div style="border: 10px solid purple"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-shadow-2.html b/layout/reftests/webcomponents/basic-shadow-2.html
new file mode 100644
index 0000000000..8e066997dc
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.border = "10px solid green";
+
+      var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+
+      var orangeDiv = document.createElement("div");
+      orangeDiv.style.border = "10px solid orange";
+
+      var purpleDiv = document.createElement("div");
+      purpleDiv.style.border = "10px solid purple";
+
+      shadowDiv.appendChild(purpleDiv);
+      shadowDiv.insertBefore(orangeDiv, purpleDiv);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">
+  <div style="background-color:red;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-shadow-3-ref.html b/layout/reftests/webcomponents/basic-shadow-3-ref.html
new file mode 100644
index 0000000000..21b2075b7f
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-3-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green">
+    <div style="border: 10px solid orange"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-shadow-3.html b/layout/reftests/webcomponents/basic-shadow-3.html
new file mode 100644
index 0000000000..3226c4baa6
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-3.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.border = "10px solid green";
+
+      var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+
+      var orangeDiv = document.createElement("div");
+      orangeDiv.style.border = "10px solid orange";
+
+      var purpleDiv = document.createElement("div");
+      purpleDiv.style.border = "10px solid purple";
+
+      shadowDiv.appendChild(purpleDiv);
+      shadowDiv.insertBefore(orangeDiv, purpleDiv);
+      shadowDiv.removeChild(purpleDiv);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">
+  <div style="background-color:red;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-shadow-4-ref.html b/layout/reftests/webcomponents/basic-shadow-4-ref.html
new file mode 100644
index 0000000000..e6dd408688
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-4-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green"></div>
+  <div style="border: 10px solid orange"></div>
+  <div style="border: 10px solid purple"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-shadow-4.html b/layout/reftests/webcomponents/basic-shadow-4.html
new file mode 100644
index 0000000000..39dc51a9e5
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-shadow-4.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.border = "10px solid green";
+
+      var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+
+      var orangeDiv = document.createElement("div");
+      orangeDiv.style.border = "10px solid orange";
+
+      var purpleDiv = document.createElement("div");
+      purpleDiv.style.border = "10px solid purple";
+
+      shadowRoot.appendChild(purpleDiv);
+      shadowRoot.insertBefore(orangeDiv, purpleDiv);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">
+  <div style="background-color:red;"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-1-ref.html b/layout/reftests/webcomponents/basic-slot-1-ref.html
new file mode 100644
index 0000000000..4f74184983
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body { color: green; }
+    </style>
+  </head>
+  <body>
+    This text should be green
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-1.html b/layout/reftests/webcomponents/basic-slot-1.html
new file mode 100644
index 0000000000..b31f4c1c36
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-1.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+  <body>
+    <slot style="color: green">This text should be green</slot>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-2-ref.html b/layout/reftests/webcomponents/basic-slot-2-ref.html
new file mode 100644
index 0000000000..d4d1b8c066
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <style>
+    div {
+      width: 100px;
+      height: 100px;
+      background: green;
+    }
+  </style>
+</head>
+<body>
+  <p>There should be a green box below.</p>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-2.html b/layout/reftests/webcomponents/basic-slot-2.html
new file mode 100644
index 0000000000..3754ace20c
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+  <body>
+    <p>There should be a green box below.</p>
+    <slot style="display: block; width: 100px; height: 100px; background: green;"></slot>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-3-ref.html b/layout/reftests/webcomponents/basic-slot-3-ref.html
new file mode 100644
index 0000000000..54be54848d
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-3-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="color: green">This text should be green</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-3.html b/layout/reftests/webcomponents/basic-slot-3.html
new file mode 100644
index 0000000000..c00483fe2f
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      var slot = document.createElement("slot");
+      slot.style.color = "green";
+
+      var shadowRoot =
+        document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(slot);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">This text should be green</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-4.html b/layout/reftests/webcomponents/basic-slot-4.html
new file mode 100644
index 0000000000..496a926514
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-4.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      var slot = document.createElement("slot");
+      // The border shouldn't be visible, due to display: contents.
+      slot.style.border = "1px solid red";
+      slot.style.color = "green";
+
+      var shadowRoot =
+        document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(slot);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">This text should be green</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-5-ref.html b/layout/reftests/webcomponents/basic-slot-5-ref.html
new file mode 100644
index 0000000000..16f6afb288
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-5-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green">Hello</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-5.html b/layout/reftests/webcomponents/basic-slot-5.html
new file mode 100644
index 0000000000..ba1ea0c30b
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-5.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      // div with style "border: 10px solid green"
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.border = "10px solid green";
+
+      var slot = document.createElement("slot");
+      shadowDiv.appendChild(slot);
+
+      var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-6-ref.html b/layout/reftests/webcomponents/basic-slot-6-ref.html
new file mode 100644
index 0000000000..5e92137752
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-6-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green">
+    <span style="background-color: purple">Hello</span>
+    <span style="background-color: orange">World</span>
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/basic-slot-6.html b/layout/reftests/webcomponents/basic-slot-6.html
new file mode 100644
index 0000000000..0990b66ab1
--- /dev/null
+++ b/layout/reftests/webcomponents/basic-slot-6.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      // div with style "border: 10px solid green"
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.border = "10px solid green";
+
+      var slot = document.createElement("slot");
+      shadowDiv.appendChild(slot);
+
+      var shadowRoot =
+        document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">
+  <span style="background-color: purple">Hello</span>
+  <span style="background-color: orange">World</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/dynamic-insertion-point-distribution-1-ref.html b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-1-ref.html
new file mode 100644
index 0000000000..5cf030c4ce
--- /dev/null
+++ b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>a b c</div>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/dynamic-insertion-point-distribution-1.html b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-1.html
new file mode 100644
index 0000000000..aefe84f252
--- /dev/null
+++ b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+  </head>
+  <body>
+    <div id="host"></div>
+    <script>
+      var host, root;
+
+      host = document.getElementById("host");
+      root = host.attachShadow({mode: 'open'});
+      root.innerHTML = 'a <slot></slot> c';
+
+      function tweak() {
+        var span = document.createElement("span");
+        span.innerHTML = "b";
+
+        // Span should be distributed to insertion point between 'a' and 'c'.
+        host.appendChild(span);
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/dynamic-insertion-point-distribution-2-ref.html b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-2-ref.html
new file mode 100644
index 0000000000..e5121d97e4
--- /dev/null
+++ b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>a</div>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/dynamic-insertion-point-distribution-2.html b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-2.html
new file mode 100644
index 0000000000..d753af09cc
--- /dev/null
+++ b/layout/reftests/webcomponents/dynamic-insertion-point-distribution-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+  </head>
+  <body>
+    <div id="host"></div>
+    <script>
+      var host, root;
+
+      host = document.getElementById("host");
+      root = host.attachShadow({mode: 'open'});
+      root.innerHTML = "<span>a</span>";
+
+      function tweak() {
+        var span = document.createElement("span");
+        span.innerHTML = "b";
+
+        // Span should not be visible because it is not distributed to any
+        // insertion points in the shadow DOM.
+        host.appendChild(span);
+
+        document.documentElement.removeAttribute("class");
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/fallback-content-1-ref.html b/layout/reftests/webcomponents/fallback-content-1-ref.html
new file mode 100644
index 0000000000..28bed659df
--- /dev/null
+++ b/layout/reftests/webcomponents/fallback-content-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green"><span style="background-color: orange">Hello</span> <span style="background-color: green">World</span></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/fallback-content-1.html b/layout/reftests/webcomponents/fallback-content-1.html
new file mode 100644
index 0000000000..0bcd2abbd3
--- /dev/null
+++ b/layout/reftests/webcomponents/fallback-content-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      // div with style "border: 10px solid green"
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.border = "10px solid green";
+
+      // Insertion point will match nothing and use fallback content.
+      var slot = document.createElement("slot");
+      shadowDiv.appendChild(slot);
+
+      // Append three nodes as children to use as fallback content.
+      slot.innerHTML = '<span style="background-color: orange">Hello</span> <span style="background-color: green">World</span>';
+
+      var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer"></div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/input-transition-1-ref.html b/layout/reftests/webcomponents/input-transition-1-ref.html
new file mode 100644
index 0000000000..8e42c974ef
--- /dev/null
+++ b/layout/reftests/webcomponents/input-transition-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="checkbox" checked><div style="height: 50px; width: 50px; background: green;"></div>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/input-transition-1.html b/layout/reftests/webcomponents/input-transition-1.html
new file mode 100644
index 0000000000..c11444d05b
--- /dev/null
+++ b/layout/reftests/webcomponents/input-transition-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+  </head>
+  <body>
+    <div id="host"></div>
+    <script>
+      var host, root;
+
+      host = document.getElementById("host");
+      root = host.attachShadow({mode: 'open'});
+      root.innerHTML = '<style>input ~ div { background: red; transition: background 100ms; } input:checked ~ div { background: green; }</style><input id="one" type="checkbox"><div style="height: 50px; width: 50px;"></div>';
+
+      function tweak() {
+        var el = root.getElementById("one");
+        el.checked = true;
+        el.nextSibling.addEventListener("transitionend", function() {
+          setTimeout(()=>{document.documentElement.removeAttribute("class")}, 1000); // wait for the checkbox SVG image to load on Android
+        });
+      }
+
+      window.addEventListener("MozReftestInvalidate", tweak);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/nested-insertion-point-1-ref.html b/layout/reftests/webcomponents/nested-insertion-point-1-ref.html
new file mode 100644
index 0000000000..b2faa75cc6
--- /dev/null
+++ b/layout/reftests/webcomponents/nested-insertion-point-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green"><div style="border: 10px solid orange">Hello</div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/nested-insertion-point-1.html b/layout/reftests/webcomponents/nested-insertion-point-1.html
new file mode 100644
index 0000000000..3d0d92f0dc
--- /dev/null
+++ b/layout/reftests/webcomponents/nested-insertion-point-1.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      // div with style "border: 10px solid green"
+      var outerShadow = document.createElement("div");
+      outerShadow.style.border = "10px solid green";
+
+      var outerInsertionPoint = document.createElement("slot");
+      outerShadow.appendChild(outerInsertionPoint);
+
+      // div with style "border: 10px solid orange"
+      var innerShadow = document.createElement("div");
+      innerShadow.style.border = "10px solid orange";
+
+      var slot = document.createElement("slot");
+      innerShadow.appendChild(slot);
+
+      outerShadow.attachShadow({mode: 'open'}).appendChild(innerShadow);
+
+      var shadowRoot =
+        document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(outerShadow);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/reframe-shadow-child-1.html b/layout/reftests/webcomponents/reframe-shadow-child-1.html
new file mode 100644
index 0000000000..d953beb6d7
--- /dev/null
+++ b/layout/reftests/webcomponents/reframe-shadow-child-1.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<template id="tmpl">
+  <div style="display: table">
+    Some text
+    <span style="display: table-cell">something</span>
+    More text
+  </div>
+</template>
+<div id="host"></div>
+<script>
+  let shadowRoot = document.getElementById("host").attachShadow({mode: 'open'});
+  let tmpl = document.getElementById("tmpl");
+  shadowRoot.appendChild(document.importNode(tmpl.content, true));
+  document.body.offsetTop;
+  shadowRoot.firstElementChild.querySelector("span").remove();
+</script>
diff --git a/layout/reftests/webcomponents/reframe-shadow-child-2.html b/layout/reftests/webcomponents/reframe-shadow-child-2.html
new file mode 100644
index 0000000000..0ebbe7433d
--- /dev/null
+++ b/layout/reftests/webcomponents/reframe-shadow-child-2.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<template id="tmpl">
+  <div style="display: block">
+    Some text
+    More text
+  </div>
+</template>
+<div id="host"></div>
+<script>
+  let shadowRoot = document.getElementById("host").attachShadow({mode: 'open'});
+  let tmpl = document.getElementById("tmpl");
+  shadowRoot.appendChild(document.importNode(tmpl.content, true));
+  document.body.offsetTop;
+  shadowRoot.firstElementChild.style.display = "table";
+</script>
diff --git a/layout/reftests/webcomponents/reframe-shadow-child-ref.html b/layout/reftests/webcomponents/reframe-shadow-child-ref.html
new file mode 100644
index 0000000000..b768be1659
--- /dev/null
+++ b/layout/reftests/webcomponents/reframe-shadow-child-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<div style="display: table">
+  Some text
+  More text
+</div>
diff --git a/layout/reftests/webcomponents/reftest.list b/layout/reftests/webcomponents/reftest.list
new file mode 100644
index 0000000000..fa25e54c0b
--- /dev/null
+++ b/layout/reftests/webcomponents/reftest.list
@@ -0,0 +1,25 @@
+== basic-shadow-1.html basic-shadow-1-ref.html
+== basic-shadow-2.html basic-shadow-2-ref.html
+== basic-shadow-3.html basic-shadow-3-ref.html
+== basic-shadow-4.html basic-shadow-4-ref.html
+== fallback-content-1.html fallback-content-1-ref.html
+== remove-insertion-point-1.html remove-insertion-point-1-ref.html
+== nested-insertion-point-1.html nested-insertion-point-1-ref.html
+== update-dist-node-descendants-1.html update-dist-node-descendants-1-ref.html
+fuzzy-if(Android,0-2,0-7) == input-transition-1.html input-transition-1-ref.html
+== dynamic-insertion-point-distribution-1.html dynamic-insertion-point-distribution-1-ref.html
+== dynamic-insertion-point-distribution-2.html dynamic-insertion-point-distribution-2-ref.html
+== remove-append-shadow-host-1.html remove-append-shadow-host-1-ref.html
+== reframe-shadow-child-1.html reframe-shadow-child-ref.html
+== reframe-shadow-child-2.html reframe-shadow-child-ref.html
+== style-sharing.html style-sharing-ref.html
+== style-sharing-across-shadow.html style-sharing-ref.html # bug 1412400
+== basic-slot-1.html basic-slot-1-ref.html
+== basic-slot-2.html basic-slot-2-ref.html
+== basic-slot-3.html basic-slot-3-ref.html
+== basic-slot-4.html basic-slot-3-ref.html
+== basic-slot-5.html basic-slot-5-ref.html
+== basic-slot-6.html basic-slot-6-ref.html
+== shadow-style-1.html shadow-style-1-ref.html
+== shadow-style-2.html shadow-style-2-ref.html
+== shadow-style-3.html shadow-style-3-ref.html
diff --git a/layout/reftests/webcomponents/remove-append-shadow-host-1-ref.html b/layout/reftests/webcomponents/remove-append-shadow-host-1-ref.html
new file mode 100644
index 0000000000..88e10614a3
--- /dev/null
+++ b/layout/reftests/webcomponents/remove-append-shadow-host-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div>inside shadow DOM</div>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/remove-append-shadow-host-1.html b/layout/reftests/webcomponents/remove-append-shadow-host-1.html
new file mode 100644
index 0000000000..1a752eba6c
--- /dev/null
+++ b/layout/reftests/webcomponents/remove-append-shadow-host-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div id="container"><div id="host"></div></div>
+    <script>
+      var host = document.getElementById("host");
+      var root = host.attachShadow({mode: 'open'});
+      root.innerHTML = 'inside shadow DOM';
+
+      var container = document.getElementById("container");
+      container.removeChild(host);
+      container.appendChild(host);
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/webcomponents/remove-insertion-point-1-ref.html b/layout/reftests/webcomponents/remove-insertion-point-1-ref.html
new file mode 100644
index 0000000000..3ecceb3034
--- /dev/null
+++ b/layout/reftests/webcomponents/remove-insertion-point-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div style="border: 10px solid green"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/remove-insertion-point-1.html b/layout/reftests/webcomponents/remove-insertion-point-1.html
new file mode 100644
index 0000000000..1b7588daf6
--- /dev/null
+++ b/layout/reftests/webcomponents/remove-insertion-point-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script>
+    function tweak() {
+      // div with style "border: 10px solid green"
+      var shadowDiv = document.createElement("div");
+      shadowDiv.style.border = "10px solid green";
+
+      // Insertion point will match nothing and use fallback content.
+      var slot = document.createElement("slot");
+      shadowDiv.appendChild(slot);
+
+      var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+      shadowRoot.appendChild(shadowDiv);
+
+      // Remove the insertion point from the ShadowRoot, "Hello" should no
+      // longer be rendered.
+      shadowDiv.removeChild(slot);
+    }
+  </script>
+</head>
+<body onload="tweak()">
+<div id="outer">Hello</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/shadow-style-1-ref.html b/layout/reftests/webcomponents/shadow-style-1-ref.html
new file mode 100644
index 0000000000..1e914ad20c
--- /dev/null
+++ b/layout/reftests/webcomponents/shadow-style-1-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="color: green">This should be green.</p>
diff --git a/layout/reftests/webcomponents/shadow-style-1.html b/layout/reftests/webcomponents/shadow-style-1.html
new file mode 100644
index 0000000000..cdc00eee4a
--- /dev/null
+++ b/layout/reftests/webcomponents/shadow-style-1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<body>
+<style>
+body { color: red; }
+</style>
+<script>
+var div = document.createElement("div");
+var shadow = div.attachShadow({ mode: "open" });
+shadow.innerHTML = '<style>p { color: green; }</style><p>This should be green.</p>';
+document.body.appendChild(div);
+</script>
diff --git a/layout/reftests/webcomponents/shadow-style-2-ref.html b/layout/reftests/webcomponents/shadow-style-2-ref.html
new file mode 100644
index 0000000000..1e914ad20c
--- /dev/null
+++ b/layout/reftests/webcomponents/shadow-style-2-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="color: green">This should be green.</p>
diff --git a/layout/reftests/webcomponents/shadow-style-2.html b/layout/reftests/webcomponents/shadow-style-2.html
new file mode 100644
index 0000000000..892a09489d
--- /dev/null
+++ b/layout/reftests/webcomponents/shadow-style-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<body>
+<style>
+body { color: red; }
+</style>
+<script>
+var div = document.createElement("div");
+var shadow = div.attachShadow({ mode: "open" });
+shadow.innerHTML = '<p>This should be green.</p>';
+document.body.appendChild(div);
+shadow.firstChild.offsetTop;
+var style = document.createElement("style");
+style.textContent = 'p { color: green; }';
+shadow.appendChild(style);
+</script>
diff --git a/layout/reftests/webcomponents/shadow-style-3-ref.html b/layout/reftests/webcomponents/shadow-style-3-ref.html
new file mode 100644
index 0000000000..1e914ad20c
--- /dev/null
+++ b/layout/reftests/webcomponents/shadow-style-3-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<p style="color: green">This should be green.</p>
diff --git a/layout/reftests/webcomponents/shadow-style-3.html b/layout/reftests/webcomponents/shadow-style-3.html
new file mode 100644
index 0000000000..ea2c7e7eda
--- /dev/null
+++ b/layout/reftests/webcomponents/shadow-style-3.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<body>
+<style>
+body { color: red; }
+</style>
+<script>
+var div = document.createElement("div");
+var shadow = div.attachShadow({ mode: "open" });
+var div2 = document.createElement("div");
+var shadow2 = div2.attachShadow({ mode: "open" });
+shadow2.innerHTML = '<style>p { color: green; }</style><p>This should be green.</p>';
+shadow.appendChild(div2);
+document.body.appendChild(div);
+</script>
diff --git a/layout/reftests/webcomponents/style-sharing-across-shadow.html b/layout/reftests/webcomponents/style-sharing-across-shadow.html
new file mode 100644
index 0000000000..b41cf74796
--- /dev/null
+++ b/layout/reftests/webcomponents/style-sharing-across-shadow.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<style>
+  div { display: contents }
+</style>
+<div></div>
+<div></div>
+<script>
+  let divs = document.querySelectorAll('div');
+  divs[0].attachShadow({mode: 'open'}).innerHTML = `
+    <style>
+      * { color: green; }
+    </style>
+    <span>Should be green</span>
+  `;
+  divs[1].attachShadow({mode: 'open'}).innerHTML = `
+    <style>
+      * { color: initial; }
+      [foo] { }
+    </style>
+    <span>Should not be green</span>
+  `;
+</script>
diff --git a/layout/reftests/webcomponents/style-sharing-ref.html b/layout/reftests/webcomponents/style-sharing-ref.html
new file mode 100644
index 0000000000..64bedb96e5
--- /dev/null
+++ b/layout/reftests/webcomponents/style-sharing-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<div>
+  <span style="color: green">Should be green</span>
+  <span>Should not be green</span>
+</div>
diff --git a/layout/reftests/webcomponents/style-sharing.html b/layout/reftests/webcomponents/style-sharing.html
new file mode 100644
index 0000000000..0a1e3c95c4
--- /dev/null
+++ b/layout/reftests/webcomponents/style-sharing.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<div id="host"></div>
+<script>
+  let root = host.attachShadow({mode: 'open'});
+  root.innerHTML = `
+    <style>
+      #test {
+        color: green;
+      }
+    </style>
+    <span id="test">Should be green</span>
+    <span id="test2">Should not be green</span>
+  `;
+</script>
diff --git a/layout/reftests/webcomponents/update-dist-node-descendants-1-ref.html b/layout/reftests/webcomponents/update-dist-node-descendants-1-ref.html
new file mode 100644
index 0000000000..41fe64ff35
--- /dev/null
+++ b/layout/reftests/webcomponents/update-dist-node-descendants-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div>
+  <div><div><span>Hello World</span></div></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webcomponents/update-dist-node-descendants-1.html b/layout/reftests/webcomponents/update-dist-node-descendants-1.html
new file mode 100644
index 0000000000..003c233944
--- /dev/null
+++ b/layout/reftests/webcomponents/update-dist-node-descendants-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+</head>
+<body>
+<div id="outer"><span id="distnode">text</span></div>
+<script>
+
+  var shadowRoot = document.getElementById('outer').attachShadow({mode: 'open'});
+  shadowRoot.innerHTML = '<div><slot></slot></div>';
+
+  function tweak() {
+    var distNode = document.getElementById("distnode");
+    distNode.textContent = "Hello World";
+
+    document.documentElement.removeAttribute("class");
+	}
+
+  window.addEventListener("MozReftestInvalidate", tweak);
+</script>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/reftest.list b/layout/reftests/webkit-box/reftest.list
new file mode 100644
index 0000000000..7fe30b1d49
--- /dev/null
+++ b/layout/reftests/webkit-box/reftest.list
@@ -0,0 +1,50 @@
+# This directory contains tests for "display: -webkit-box" and associated
+# CSS properties.
+
+# Tests for abspos children inside of a -webkit-box:
+== webkit-box-abspos-children-1.html webkit-box-abspos-children-1-ref.html
+
+# Tests for anonymous flex item formation inside of a "-webkit-box":
+# Note: some of these tests are marked as failing, because we don't match
+# WebKit/Blink on them.  (The reference case represents the WebKit/Blink
+# rendering.) We could probably make them pass by implementing some quirks, if
+# it turns out that the web depends on WebKit/Blink's behavior in these cases.
+== webkit-box-anon-flex-items-1a.html webkit-box-anon-flex-items-1-ref.html
+== webkit-box-anon-flex-items-1b.html webkit-box-anon-flex-items-1-ref.html
+fails == webkit-box-anon-flex-items-2.html webkit-box-anon-flex-items-2-ref.html
+fails == webkit-box-anon-flex-items-3.html webkit-box-anon-flex-items-3-ref.html
+
+# Tests for "-webkit-box" & "-webkit-inline-box" as display values:
+== webkit-display-values-1.html webkit-display-values-1-ref.html
+
+# Tests for "-webkit-box-align" (cross-axis alignment):
+== webkit-box-align-horiz-1a.html webkit-box-align-horiz-1-ref.html
+== webkit-box-align-horiz-1b.html webkit-box-align-horiz-1-ref.html
+== webkit-box-align-vert-1.html webkit-box-align-vert-1-ref.html
+
+# Tests for "-webkit-box-direction":
+== webkit-box-direction-1.html webkit-box-direction-1-ref.html
+== webkit-box-direction-2.html webkit-box-direction-2-ref.html
+
+# Tests for "-webkit-box-flex" (flexibility of items)
+== webkit-box-flex-1.html webkit-box-flex-1-ref.html
+
+# Tests for "-webkit-box-ordinal-group"
+== webkit-box-ordinal-group-1.html webkit-box-ordinal-group-1-ref.html
+# XXXdholbert The following test fails because we accept "0" as a valid value
+# for -webkit-box-ordinal-group (unlike Chrome/Blink), because that's simply
+# how its aliased property (-moz-box-ordinal-group) behaves. This shouldn't
+# matter in practice; it could only cause trouble if sites accidentally depend
+# on the "0" value being rejected.
+fails == webkit-box-ordinal-group-2.html webkit-box-ordinal-group-2-ref.html
+== webkit-box-ordinal-group-3.html webkit-box-ordinal-group-3-ref.html
+
+# Tests for "-webkit-box-pack" (main-axis alignment):
+== webkit-box-pack-horiz-1a.html webkit-box-pack-horiz-1-ref.html
+== webkit-box-pack-horiz-1b.html webkit-box-pack-horiz-1-ref.html
+== webkit-box-pack-vert-1.html webkit-box-pack-vert-1-ref.html
+
+# Tests for "display: -webkit-box" container mixed with modern flex properties
+# (which shouldn't influence behavior of -webkit-box)
+== webkit-box-with-modern-css-1.html webkit-box-with-modern-css-1-ref.html
+== webkit-box-with-modern-css-2.html webkit-box-with-modern-css-2-ref.html
diff --git a/layout/reftests/webkit-box/webkit-box-abspos-children-1-ref.html b/layout/reftests/webkit-box/webkit-box-abspos-children-1-ref.html
new file mode 100644
index 0000000000..2bc8596dee
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-abspos-children-1-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!-- NOTE: This reference case uses the same markup as the testcase, except:
+      (1) This reference case uses modern flexbox CSS instead of -webkit-box.
+      (2) In the 2nd and 4th containers here (where the testcase makes the
+          *2nd* flex item abspos), this reference case simply uses no absolute
+          positioning at all, to produce the correct expected rendering
+          (with the 2nd flex item being positioned after the 1st, rather than
+          being superimposed on top of it).
+-->
+<html>
+<head>
+  <title>Reference: simple positioning of abspos children in -webkit-box</title>
+  <style>
+    .container {
+      border: 1px solid black;
+      width: 200px;
+    }
+    .box        { display: flex }
+    .inline-box { display: inline-flex }
+    .abs { position: absolute }
+    .a { border: 3px solid purple }
+    .b { border: 3px solid orange }
+</style>
+</head>
+<body>
+  <!-- Test abspos child in -webkit-box: -->
+  <div class="container box">
+    <div class="a abs">aa</div>
+    <div class="b">bbbb</div>
+  </div>
+  <div class="container box">
+    <div class="a">aa</div>
+    <div class="b">bbbb</div>
+  </div>
+
+  <!-- Test abspos child in -webkit-inline-box: -->
+  <div class="container inline-box">
+    <div class="a abs">aa</div>
+    <div class="b">bbbb</div>
+  </div>
+  <div class="container inline-box">
+    <div class="a">aa</div>
+    <div class="b">bbbb</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-abspos-children-1.html b/layout/reftests/webkit-box/webkit-box-abspos-children-1.html
new file mode 100644
index 0000000000..ed448174cc
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-abspos-children-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Testcase: simple positioning of abspos children in -webkit-box</title>
+  <style>
+    .container {
+      border: 1px solid black;
+      width: 200px;
+    }
+    .box        { display: -webkit-box }
+    .inline-box { display: -webkit-inline-box }
+    .abs { position: absolute }
+    .a { border: 3px solid purple }
+    .b { border: 3px solid orange }
+</style>
+</head>
+<body>
+  <!-- Test abspos child in -webkit-box: -->
+  <div class="container box">
+    <div class="a abs">aa</div>
+    <div class="b">bbbb</div>
+  </div>
+  <div class="container box">
+    <div class="a">aa</div>
+    <div class="b abs">bbbb</div>
+  </div>
+
+  <!-- Test abspos child in -webkit-inline-box: -->
+  <div class="container inline-box">
+    <div class="a abs">aa</div>
+    <div class="b">bbbb</div>
+  </div>
+
+  <div class="container inline-box"
+       style="vertical-align: top">
+    <!-- XXXdholbert 'vertical-align' here is a hackaround for bug 1328792 -->
+    <div class="a">aa</div>
+    <div class="b abs">bbbb</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-align-horiz-1-ref.html b/layout/reftests/webkit-box/webkit-box-align-horiz-1-ref.html
new file mode 100644
index 0000000000..2ee021a63e
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-align-horiz-1-ref.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bastart    { align-items: flex-start; }
+    .bacenter   { align-items: center;     }
+    .baend      { align-items: flex-end;   }
+    .babaseline { align-items: baseline;   }
+    .bastretch  { align-items: stretch;    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-align -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-align: start -->
+  <!-- intrinsically sized -->
+  <div class="box bastart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-align: center -->
+  <!-- intrinsically sized -->
+  <div class="box bacenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bacenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bacenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bacenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-align: end -->
+  <!-- intrinsically sized -->
+  <div class="box baend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box baend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box baend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box baend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-align: baseline -->
+  <!-- intrinsically sized -->
+  <div class="box babaseline">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box babaseline" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box babaseline" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box babaseline" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+  <!-- SIXTH ROW:  -webkit-box-align: stretch -->
+  <!-- intrinsically sized -->
+  <div class="box bastretch">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastretch" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastretch" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastretch" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-align-horiz-1a.html b/layout/reftests/webkit-box/webkit-box-align-horiz-1a.html
new file mode 100644
index 0000000000..eb2dc06f74
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-align-horiz-1a.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: horizontally-oriented "display: -webkit-box" container,
+    with all the various -webkit-box-align values.
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bastart    { -webkit-box-align: start;    }
+    .bacenter   { -webkit-box-align: center;   }
+    .baend      { -webkit-box-align: end;      }
+    .babaseline { -webkit-box-align: baseline; }
+    .bastretch  { -webkit-box-align: stretch;  }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-align -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-align: start -->
+  <!-- intrinsically sized -->
+  <div class="box bastart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-align: center -->
+  <!-- intrinsically sized -->
+  <div class="box bacenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bacenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bacenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bacenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-align: end -->
+  <!-- intrinsically sized -->
+  <div class="box baend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box baend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box baend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box baend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-align: baseline -->
+  <!-- intrinsically sized -->
+  <div class="box babaseline">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box babaseline" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box babaseline" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box babaseline" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+  <!-- SIXTH ROW:  -webkit-box-align: stretch -->
+  <!-- intrinsically sized -->
+  <div class="box bastretch">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastretch" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastretch" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastretch" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-align-horiz-1b.html b/layout/reftests/webkit-box/webkit-box-align-horiz-1b.html
new file mode 100644
index 0000000000..9d200346d0
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-align-horiz-1b.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: horizontally-oriented "display: -webkit-box" container,
+    with all the various -webkit-box-align values.
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      -webkit-box-orient: horizontal;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bastart    { -webkit-box-align: start;    }
+    .bacenter   { -webkit-box-align: center;   }
+    .baend      { -webkit-box-align: end;      }
+    .babaseline { -webkit-box-align: baseline; }
+    .bastretch  { -webkit-box-align: stretch;  }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-align -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-align: start -->
+  <!-- intrinsically sized -->
+  <div class="box bastart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-align: center -->
+  <!-- intrinsically sized -->
+  <div class="box bacenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bacenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bacenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bacenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-align: end -->
+  <!-- intrinsically sized -->
+  <div class="box baend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box baend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box baend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box baend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-align: baseline -->
+  <!-- intrinsically sized -->
+  <div class="box babaseline">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box babaseline" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box babaseline" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box babaseline" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+  <!-- SIXTH ROW:  -webkit-box-align: stretch -->
+  <!-- intrinsically sized -->
+  <div class="box bastretch">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastretch" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastretch" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastretch" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-align-vert-1-ref.html b/layout/reftests/webkit-box/webkit-box-align-vert-1-ref.html
new file mode 100644
index 0000000000..f71af621b3
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-align-vert-1-ref.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      flex-direction: column;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bastart    { align-items: flex-start; }
+    .bacenter   { align-items: center;     }
+    .baend      { align-items: flex-end;   }
+    .babaseline { align-items: baseline;   }
+    .bastretch  { align-items: stretch;    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-align -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-align: start -->
+  <!-- intrinsically sized -->
+  <div class="box bastart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-align: center -->
+  <!-- intrinsically sized -->
+  <div class="box bacenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bacenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bacenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bacenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-align: end -->
+  <!-- intrinsically sized -->
+  <div class="box baend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box baend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box baend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box baend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-align: baseline -->
+  <!-- intrinsically sized -->
+  <div class="box babaseline">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box babaseline" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box babaseline" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box babaseline" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+  <!-- SIXTH ROW:  -webkit-box-align: stretch -->
+  <!-- intrinsically sized -->
+  <div class="box bastretch">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastretch" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastretch" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastretch" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-align-vert-1.html b/layout/reftests/webkit-box/webkit-box-align-vert-1.html
new file mode 100644
index 0000000000..63d4ff0b4d
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-align-vert-1.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: vertically-oriented "display: -webkit-box" container,
+    with all the various -webkit-box-align values.
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bastart    { -webkit-box-align: start;    }
+    .bacenter   { -webkit-box-align: center;   }
+    .baend      { -webkit-box-align: end;      }
+    .babaseline { -webkit-box-align: baseline; }
+    .bastretch  { -webkit-box-align: stretch;  }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-align -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-align: start -->
+  <!-- intrinsically sized -->
+  <div class="box bastart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-align: center -->
+  <!-- intrinsically sized -->
+  <div class="box bacenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bacenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bacenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bacenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-align: end -->
+  <!-- intrinsically sized -->
+  <div class="box baend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box baend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box baend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box baend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-align: baseline -->
+  <!-- intrinsically sized -->
+  <div class="box babaseline">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box babaseline" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box babaseline" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box babaseline" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+  <!-- SIXTH ROW:  -webkit-box-align: stretch -->
+  <!-- intrinsically sized -->
+  <div class="box bastretch">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bastretch" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bastretch" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bastretch" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-anon-flex-items-1-ref.html b/layout/reftests/webkit-box/webkit-box-anon-flex-items-1-ref.html
new file mode 100644
index 0000000000..cab3cc4cd9
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-anon-flex-items-1-ref.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Reference Case
+  </title>
+  <style>
+  .container {
+    display: flex;
+    justify-content: space-between;
+    width: 300px;
+    border: 1px solid black;
+    font: 10px sans-serif;
+    margin-bottom: 10px;
+  }
+  .container > * {
+    background: lightgray;
+  }
+
+  .fakeAnonWrapper {
+    background: none;
+  }
+  .fakeAnonWrapper > * {
+    background: lightgray;
+  }
+  .table {
+    display: table;
+  }
+  </style>
+</head>
+<body>
+<!-- We use an explicit div (with class "fakeAnonWrapper") here, to match the
+     anonymous div that the testcase is expected to generate around contiguous
+     runs of inline content. -->
+<div class="container">
+  <div class="fakeAnonWrapper">
+    a
+    <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+    <canvas height="5" width="5"></canvas>
+    <video height="5" width="5"></video>
+    <div style="display:inline-block">ib</div>
+    <div style="display:inline-table">it</div>
+    z
+  </div>
+  <div>block</div>
+  <div>block</div>
+</div>
+
+<div class="container">
+  <div>block</div>
+  <div class="fakeAnonWrapper">
+    a
+    <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+    <canvas height="5" width="5"></canvas>
+    <video height="5" width="5"></video>
+    <div style="display:inline-block">ib</div>
+    <div style="display:inline-table">it</div>
+    z
+  </div>
+  <div>block</div>
+</div>
+
+<div class="container">
+  <div>block</div>
+  <div>block</div>
+  <div class="fakeAnonWrapper">
+    a
+    <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+    <canvas height="5" width="5"></canvas>
+    <video height="5" width="5"></video>
+    <div style="display:inline-block">ib</div>
+    <div style="display:inline-table">it</div>
+    z
+  </div>
+</div>
+
+<!-- We use explicit divs here for each anonymous wrapper-box that the testcase
+     is expected to produce (with class "fakeAnonWrapper", and also "table" if
+     it's expected to be a table wrapper)  -->
+<div class="container">
+  <div class="fakeAnonWrapper">a</div>
+  <div class="fakeAnonWrapper table">
+    <div style="display: table-cell">tc</div>
+    <div style="display: table-cell">tc</div>
+  </div>
+  <div class="fakeAnonWrapper">b</div>
+  <div class="fakeAnonWrapper table">
+    <div style="display: table-row">tr</div>
+    <div style="display: table-cell">tc</div>
+  </div>
+  <div class="fakeAnonWrapper">c</div>
+  <div class="fakeAnonWrapper table">
+    <div style="display: table-row">tr</div>
+    <div style="display: table-row-group">trg</div>
+  </div>
+  <div class="fakeAnonWrapper">d</div>
+  <table><tbody><tr><td>t</td></tr></tbody></table>
+  <div class="fakeAnonWrapper">e</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-anon-flex-items-1a.html b/layout/reftests/webkit-box/webkit-box-anon-flex-items-1a.html
new file mode 100644
index 0000000000..cb6d2c8d32
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-anon-flex-items-1a.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Test for contiguous inline content getting wrapped in a single block,
+    inside of -webkit-box.
+  </title>
+  <style>
+  .container {
+    display: -webkit-box;
+    -webkit-box-pack: justify;
+    width: 300px;
+    border: 1px solid black;
+    font: 10px sans-serif;
+    margin-bottom: 10px;
+  }
+  .container > * {
+    background: lightgray;
+  }
+  </style>
+</head>
+<body>
+<!-- The following containers each have a bunch of contiguous inline-level
+     content. In each case, all of the inline content ("a" through "z") should
+     get wrapped into a single anonymous block. -->
+<div class="container">
+  a
+  <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+  <canvas height="5" width="5"></canvas>
+  <video height="5" width="5"></video>
+  <div style="display:inline-block">ib</div>
+  <div style="display:inline-table">it</div>
+  z
+  <div>block</div>
+  <div>block</div>
+</div>
+
+<div class="container">
+  <div>block</div>
+  a
+  <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+  <canvas height="5" width="5"></canvas>
+  <video height="5" width="5"></video>
+  <div style="display:inline-block">ib</div>
+  <div style="display:inline-table">it</div>
+  z
+  <div>block</div>
+</div>
+
+<div class="container">
+  <div>block</div>
+  <div>block</div>
+  a
+  <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+  <canvas height="5" width="5"></canvas>
+  <video height="5" width="5"></video>
+  <div style="display:inline-block">ib</div>
+  <div style="display:inline-table">it</div>
+  z
+</div>
+
+<!-- This container tests how flex items are formed when table parts are placed
+     directly inside of a -webkit-box, alongside inline-level content.
+     (Table-fixup should produce an anonymous table around each contiguous run
+     of table-parts, and we should get an anonymous block around each piece of
+     raw text.) -->
+<div class="container">
+  a
+  <div style="display: table-cell">tc</div>
+  <div style="display: table-cell">tc</div>
+  b
+  <div style="display: table-row">tr</div>
+  <div style="display: table-cell">tc</div>
+  c
+  <div style="display: table-row">tr</div>
+  <div style="display: table-row-group">trg</div>
+  d
+  <table><tbody><tr><td>t</td></tr></tbody></table>
+  e
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-anon-flex-items-1b.html b/layout/reftests/webkit-box/webkit-box-anon-flex-items-1b.html
new file mode 100644
index 0000000000..2a700e61e8
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-anon-flex-items-1b.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Test for contiguous inline content getting wrapped in a single block,
+    inside of -webkit-box with "overflow:hidden".
+  </title>
+  <style>
+  .container {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-pack: justify;
+    width: 300px;
+    border: 1px solid black;
+    font: 10px sans-serif;
+    margin-bottom: 10px;
+  }
+  .container > * {
+    background: lightgray;
+  }
+  </style>
+</head>
+<body>
+<!-- The following containers each have a bunch of contiguous inline-level
+     content. In each case, all of the inline content ("a" through "z") should
+     get wrapped into a single anonymous block. -->
+<div class="container">
+  a
+  <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+  <canvas height="5" width="5"></canvas>
+  <video height="5" width="5"></video>
+  <div style="display:inline-block">ib</div>
+  <div style="display:inline-table">it</div>
+  z
+  <div>block</div>
+  <div>block</div>
+</div>
+
+<div class="container">
+  <div>block</div>
+  a
+  <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+  <canvas height="5" width="5"></canvas>
+  <video height="5" width="5"></video>
+  <div style="display:inline-block">ib</div>
+  <div style="display:inline-table">it</div>
+  z
+  <div>block</div>
+</div>
+
+<div class="container">
+  <div>block</div>
+  <div>block</div>
+  a
+  <i>i</i><img src="bogus"><img src="bogus" alt="alt">
+  <canvas height="5" width="5"></canvas>
+  <video height="5" width="5"></video>
+  <div style="display:inline-block">ib</div>
+  <div style="display:inline-table">it</div>
+  z
+</div>
+
+<!-- This container tests how flex items are formed when table parts are placed
+     directly inside of a -webkit-box, alongside inline-level content.
+     (Table-fixup should produce an anonymous table around each contiguous run
+     of table-parts, and we should get an anonymous block around each piece of
+     raw text.) -->
+<div class="container">
+  a
+  <div style="display: table-cell">tc</div>
+  <div style="display: table-cell">tc</div>
+  b
+  <div style="display: table-row">tr</div>
+  <div style="display: table-cell">tc</div>
+  c
+  <div style="display: table-row">tr</div>
+  <div style="display: table-row-group">trg</div>
+  d
+  <table><tbody><tr><td>t</td></tr></tbody></table>
+  e
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-anon-flex-items-2-ref.html b/layout/reftests/webkit-box/webkit-box-anon-flex-items-2-ref.html
new file mode 100644
index 0000000000..d220271d56
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-anon-flex-items-2-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Reference Case
+  </title>
+  <style>
+  .container {
+    display: flex;
+    justify-content: space-between;
+    width: 300px;
+    border: 1px solid black;
+    font: 10px sans-serif;
+  }
+  span {
+    background: lightgray;
+  }
+  </style>
+</head>
+<body>
+<!-- We use an explicit div here, to match the anonymous div that the testcase
+     is expected to generate around contiguous runs of inline content. -->
+<div class="container">
+  <div>
+    raw text
+    <span>start</span>
+  </div>
+  <div>BLOCK</div>
+  <div>
+    <span>end</span>
+    raw text
+  </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-anon-flex-items-2.html b/layout/reftests/webkit-box/webkit-box-anon-flex-items-2.html
new file mode 100644
index 0000000000..1684a60b66
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-anon-flex-items-2.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Test for how block-in-inline splits behave inside of -webkit-box.
+  </title>
+  <style>
+  .container {
+    display: -webkit-box;
+    -webkit-box-pack: justify;
+    width: 300px;
+    border: 1px solid black;
+    font: 10px sans-serif;
+  }
+  .container > * {
+    background: lightgray;
+  }
+  </style>
+</head>
+<body>
+<div class="container">
+  raw text
+  <span>start<div>BLOCK</div>end</span>
+  raw text
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-anon-flex-items-3-ref.html b/layout/reftests/webkit-box/webkit-box-anon-flex-items-3-ref.html
new file mode 100644
index 0000000000..7e098f9ecc
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-anon-flex-items-3-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Reference Case
+  </title>
+  <style>
+  .container {
+    display: flex;
+    justify-content: space-between;
+    width: 300px;
+    border: 1px solid black;
+  }
+  .wspWrapper {
+    white-space: pre;
+  }
+  </style>
+</head>
+<body>
+<!-- We use an explicit div here, to match the anonymous div that the testcase
+     is expected to generate around the whitespace. -->
+<div class="container">
+  <div>a</div>
+  <div class="wspWrapper">   </div>
+  <div>b</div>
+  <div>c</div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-anon-flex-items-3.html b/layout/reftests/webkit-box/webkit-box-anon-flex-items-3.html
new file mode 100644
index 0000000000..9a355f1469
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-anon-flex-items-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>
+    Test for whether whitespace gets wrapped in an anonymous box,
+    inside of -webkit-box.
+  </title>
+  <style>
+  .container {
+    display: -webkit-box;
+    -webkit-box-pack: justify;
+    width: 300px;
+    border: 1px solid black;
+    white-space: pre;
+  }
+  </style>
+</head>
+<body>
+  <!-- Note the space characters between the first and second divs here: -->
+  <div class="container"><div>a</div>   <div>b</div><div>c</div></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-direction-1-ref.html b/layout/reftests/webkit-box/webkit-box-direction-1-ref.html
new file mode 100644
index 0000000000..4ef84affa2
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-direction-1-ref.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+    }
+
+    .rtl { direction: rtl; }
+
+    .horizNormal {
+      flex-direction: row;
+    }
+    .horizReverse {
+      flex-direction: row-reverse;
+    }
+    .vertNormal {
+      flex-direction: column;
+    }
+    .vertReverse {
+      flex-direction: column-reverse;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: '-webkit-box-orient: horizontal', default 'direction' -->
+  <div class="box horizNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: '-webkit-box-orient: horizontal', 'direction: rtl' -->
+  <div class="box horizNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- THIRD ROW: '-webkit-box-orient: vertical', default 'direction' -->
+  <div class="box vertNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- FOURTH ROW: '-webkit-box-orient: vertical', 'direction: rtl' -->
+  <div class="box vertNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-direction-1.html b/layout/reftests/webkit-box/webkit-box-direction-1.html
new file mode 100644
index 0000000000..ca45019be6
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-direction-1.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: "-webkit-box-direction" property
+    in a -webkit-box with default writing-mode
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+    }
+
+    .rtl { direction: rtl; }
+
+    .horizNormal {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+    }
+    .horizReverse {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: reverse;
+    }
+    .vertNormal {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+    }
+    .vertReverse {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: reverse;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: '-webkit-box-orient: horizontal', default 'direction' -->
+  <div class="box horizNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: '-webkit-box-orient: horizontal', 'direction: rtl' -->
+  <div class="box horizNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- THIRD ROW: '-webkit-box-orient: vertical', default 'direction' -->
+  <div class="box vertNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- FOURTH ROW: '-webkit-box-orient: vertical', 'direction: rtl' -->
+  <div class="box vertNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-direction-2-ref.html b/layout/reftests/webkit-box/webkit-box-direction-2-ref.html
new file mode 100644
index 0000000000..8a2a0f6a19
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-direction-2-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      margin: 2px 4px 6px 8px;
+      border: 1px solid blue;
+      padding: 4px 3px 2px 1px;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      margin: 9px 3px 7px 5px;
+      border: 2px solid purple;
+      padding: 6px 7px 8px 9px;
+    }
+
+    .rtl { direction: rtl; }
+
+    .horizNormal {
+      flex-direction: row;
+    }
+    .horizReverse {
+      flex-direction: row-reverse;
+    }
+    .vertNormal {
+      flex-direction: column;
+    }
+    .vertReverse {
+      flex-direction: column-reverse;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: '-webkit-box-orient: horizontal', default 'direction' -->
+  <div class="box horizNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: '-webkit-box-orient: horizontal', 'direction: rtl' -->
+  <div class="box horizNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- THIRD ROW: '-webkit-box-orient: vertical', default 'direction' -->
+  <div class="box vertNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- FOURTH ROW: '-webkit-box-orient: vertical', 'direction: rtl' -->
+  <div class="box vertNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-direction-2.html b/layout/reftests/webkit-box/webkit-box-direction-2.html
new file mode 100644
index 0000000000..287e5e1e26
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-direction-2.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: "-webkit-box-direction" property
+    in a -webkit-box with default writing-mode
+    and some margin/border/padding on flex items
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      margin: 2px 4px 6px 8px;
+      border: 1px solid blue;
+      padding: 4px 3px 2px 1px;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      margin: 9px 3px 7px 5px;
+      border: 2px solid purple;
+      padding: 6px 7px 8px 9px;
+    }
+
+    .rtl { direction: rtl; }
+
+    .horizNormal {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+    }
+    .horizReverse {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: reverse;
+    }
+    .vertNormal {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+    }
+    .vertReverse {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: reverse;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: '-webkit-box-orient: horizontal', default 'direction' -->
+  <div class="box horizNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: '-webkit-box-orient: horizontal', 'direction: rtl' -->
+  <div class="box horizNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box horizReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- THIRD ROW: '-webkit-box-orient: vertical', default 'direction' -->
+  <div class="box vertNormal">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse">
+    <div>a</div><div>b</div>
+  </div>
+
+  <br>
+
+  <!-- FOURTH ROW: '-webkit-box-orient: vertical', 'direction: rtl' -->
+  <div class="box vertNormal rtl">
+    <div>a</div><div>b</div>
+  </div>
+  <div class="box vertReverse rtl">
+    <div>a</div><div>b</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-flex-1-ref.html b/layout/reftests/webkit-box/webkit-box-flex-1-ref.html
new file mode 100644
index 0000000000..646d6a54b5
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-flex-1-ref.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      width: 100px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > * {
+      /* Modern flexbox (used in this reference case) allows everything to
+         shrink by default, but -webkit-box does not, so we have to turn that
+         feature off to make an accurate reference case. */
+      flex-shrink: 0;
+    }
+
+    .box > *:nth-child(1) { background: turquoise; }
+    .box > *:nth-child(2) { background: salmon;    }
+    .box > *:nth-child(3) { background: yellow;    }
+
+    .huge { width: 120px }
+    .bf1 { flex: 1 1 auto }
+    .bf3 { flex: 3 3 auto }
+
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-flex -->
+  <div class="box">
+    <div>a</div>
+  </div>
+
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <div class="box">
+    <div class="huge">a</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: One item has nonzero -webkit-box-flex -->
+  <div class="box">
+    <div class="bf1">a</div>
+  </div>
+
+  <div class="box">
+    <div>a</div><div class="bf1">b</div>
+  </div>
+
+  <div class="box">
+    <div class="huge bf1">a</div>
+  </div>
+
+  <br>
+
+  <!-- THIRD ROW: Two items have nonzero (equal) -webkit-box-flex -->
+  <div class="box">
+    <div class="bf1">a</div><div class="bf1">b</div>
+  </div>
+
+  <div class="box">
+    <div class="bf1">a</div><div>b</div><div class="bf1">c</div>
+  </div>
+
+  <div class="box">
+    <div class="huge bf1">a</div>
+    <div>b</div>
+    <div class="huge bf1">c</div>
+  </div>
+
+  <br>
+
+  <!-- FOURTH ROW: Non-equal nonzero -webkit-box-flex values -->
+  <div class="box">
+    <div class="bf1">a</div><div class="bf3">b</div>
+  </div>
+
+  <div class="box">
+    <div class="bf3">a</div><div class="bf1">b</div>
+  </div>
+
+  <div class="box">
+    <div class="huge bf1">a</div>
+    <div class="huge bf3">b</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-flex-1.html b/layout/reftests/webkit-box/webkit-box-flex-1.html
new file mode 100644
index 0000000000..10f2c63e32
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-flex-1.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: "-webkit-box-flex" in a "display: -webkit-box" container
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      width: 100px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) { background: turquoise; }
+    .box > *:nth-child(2) { background: salmon;    }
+    .box > *:nth-child(3) { background: yellow;    }
+
+    .huge { width: 120px }
+    .bf1 { -webkit-box-flex: 1 }
+    .bf3 { -webkit-box-flex: 3 }
+
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-flex -->
+  <div class="box">
+    <div>a</div>
+  </div>
+
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <div class="box">
+    <div class="huge">a</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: One item has nonzero -webkit-box-flex -->
+  <div class="box">
+    <div class="bf1">a</div>
+  </div>
+
+  <div class="box">
+    <div>a</div><div class="bf1">b</div>
+  </div>
+
+  <div class="box">
+    <div class="huge bf1">a</div>
+  </div>
+
+  <br>
+
+  <!-- THIRD ROW: Two items have nonzero (equal) -webkit-box-flex -->
+  <div class="box">
+    <div class="bf1">a</div><div class="bf1">b</div>
+  </div>
+
+  <div class="box">
+    <div class="bf1">a</div><div>b</div><div class="bf1">c</div>
+  </div>
+
+  <div class="box">
+    <div class="huge bf1">a</div>
+    <div>b</div>
+    <div class="huge bf1">c</div>
+  </div>
+
+  <br>
+
+  <!-- FOURTH ROW: Non-equal nonzero -webkit-box-flex values -->
+  <div class="box">
+    <div class="bf1">a</div><div class="bf3">b</div>
+  </div>
+
+  <div class="box">
+    <div class="bf3">a</div><div class="bf1">b</div>
+  </div>
+
+  <div class="box">
+    <div class="huge bf1">a</div>
+    <div class="huge bf3">b</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-ordinal-group-1-ref.html b/layout/reftests/webkit-box/webkit-box-ordinal-group-1-ref.html
new file mode 100644
index 0000000000..e69c4d37a7
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-ordinal-group-1-ref.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+    }
+    br { clear: both; }
+
+    .box > * {
+      border: 1px dotted purple;
+    }
+  </style>
+</head>
+<body>
+  <!-- First row: initial value mixed with single specified values -->
+  <div class="box">
+    <div>*</div>
+    <div class="bogOne">1a</div>
+    <div>*</div>
+    <div class="bogOne">1b</div>
+    <div>*</div>
+  </div>
+
+  <div class="box">
+    <div>*</div>
+    <div>*</div>
+    <div>*</div>
+    <div class="bogTwo">2a</div>
+    <div class="bogTwo">2b</div>
+  </div>
+
+  <div class="box">
+    <div>*</div>
+    <div>*</div>
+    <div>*</div>
+    <div class="bogNine">9a</div>
+    <div class="bogNine">9b</div>
+  </div>
+
+  <br>
+
+  <!-- Second row: various mixes of specified values -->
+  <div class="box">
+    <div>*</div>
+    <div class="bogOne">1</div>
+    <div class="bogTwo">2</div>
+    <div class="bogNine">9</div>
+  </div>
+
+  <div class="box">
+    <div class="bogOne">1</div>
+    <div>*</div>
+    <div class="bogTwo">2</div>
+    <div class="bogNine">9</div>
+  </div>
+
+  <div class="box">
+    <div class="bogOne">1</div>
+    <div>*</div>
+    <div class="bogTwo">2a</div>
+    <div class="bogTwo">2b</div>
+    <div class="bogNine">9</div>
+  </div>
+
+  <div class="box">
+    <div class="bogOne">1</div>
+    <div class="bogTwo">2a</div>
+    <div class="bogTwo">2b</div>
+    <div class="bogNine">9a</div>
+    <div class="bogNine">9b</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-ordinal-group-1.html b/layout/reftests/webkit-box/webkit-box-ordinal-group-1.html
new file mode 100644
index 0000000000..58a6447536
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-ordinal-group-1.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-box-ordinal-group inside a -webkit-box
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+    }
+    br { clear: both; }
+
+    .box > * {
+      border: 1px dotted purple;
+    }
+
+    .bogOne  { -webkit-box-ordinal-group: 1; }
+    .bogTwo  { -webkit-box-ordinal-group: 2; }
+    .bogNine { -webkit-box-ordinal-group: 9; }
+  </style>
+</head>
+<body>
+  <!-- First row: initial value mixed with single specified values -->
+  <div class="box">
+    <div>*</div>
+    <div class="bogOne">1a</div>
+    <div>*</div>
+    <div class="bogOne">1b</div>
+    <div>*</div>
+  </div>
+
+  <div class="box">
+    <div>*</div>
+    <div class="bogTwo">2a</div>
+    <div>*</div>
+    <div class="bogTwo">2b</div>
+    <div>*</div>
+  </div>
+
+  <div class="box">
+    <div>*</div>
+    <div class="bogNine">9a</div>
+    <div>*</div>
+    <div class="bogNine">9b</div>
+    <div>*</div>
+  </div>
+
+  <br>
+
+  <!-- Second row: various mixes of specified values -->
+  <div class="box">
+    <div>*</div>
+    <div class="bogOne">1</div>
+    <div class="bogTwo">2</div>
+    <div class="bogNine">9</div>
+  </div>
+
+  <div class="box">
+    <div class="bogNine">9</div>
+    <div class="bogTwo">2</div>
+    <div class="bogOne">1</div>
+    <div>*</div>
+  </div>
+
+  <div class="box">
+    <div class="bogTwo">2a</div>
+    <div class="bogNine">9</div>
+    <div class="bogTwo">2b</div>
+    <div class="bogOne">1</div>
+    <div>*</div>
+  </div>
+
+  <div class="box">
+    <div class="bogTwo">2a</div>
+    <div class="bogNine">9a</div>
+    <div class="bogNine">9b</div>
+    <div class="bogTwo">2b</div>
+    <div class="bogOne">1</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-ordinal-group-2-ref.html b/layout/reftests/webkit-box/webkit-box-ordinal-group-2-ref.html
new file mode 100644
index 0000000000..c548d5e2d4
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-ordinal-group-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+    }
+
+    .box > * {
+      border: 1px dotted purple;
+    }
+  </style>
+</head>
+<body>
+  <div class="box">
+    <div>1</div>
+    <div>0</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-ordinal-group-2.html b/layout/reftests/webkit-box/webkit-box-ordinal-group-2.html
new file mode 100644
index 0000000000..bfdde3d80a
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-ordinal-group-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-box-ordinal-group:0 inside a -webkit-box
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+    }
+
+    .box > * {
+      border: 1px dotted purple;
+    }
+
+    .bogZero { -webkit-box-ordinal-group: 0; }
+    .bogOne  { -webkit-box-ordinal-group: 1; }
+  </style>
+</head>
+<body>
+  <!-- -webkit-box-ordinal-group is strictly positive in Blink & WebKit. 0 is
+       rejected as an invalid value. So, the bogZero element below should
+       end up with the initial value (1) and should *not* be sorted out of its
+       DOM position in the final rendering. -->
+  <div class="box">
+    <div class="bogOne">1</div>
+    <div class="bogZero">0</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-ordinal-group-3-ref.html b/layout/reftests/webkit-box/webkit-box-ordinal-group-3-ref.html
new file mode 100644
index 0000000000..2129070ac6
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-ordinal-group-3-ref.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+    }
+    br { clear: both; }
+
+    .box > * {
+      border: 1px dotted purple;
+    }
+  </style>
+</head>
+<body>
+  <div class="box">
+    <div>*</div>
+    <div>10</div>
+    <div>A</div>
+  </div>
+  <div class="box">
+    <div>*</div>
+    <div>10</div>
+    <div>B</div>
+  </div>
+  <div class="box">
+    <div>*</div>
+    <div>10</div>
+    <div>C</div>
+  </div>
+
+  <br>
+
+  <div class="box">
+    <div>*</div>
+    <div>10</div>
+    <div>D</div>
+  </div>
+  <div class="box">
+    <div>*</div>
+    <div>10</div>
+    <div>E</div>
+  </div>
+  <div class="box">
+    <div>*</div>
+    <div>10</div>
+    <div>F</div>
+  </div>
+
+  <br>
+
+  <div class="box">
+    <div>A</div>
+    <div>B</div>
+  </div>
+  <div class="box">
+    <div>A</div>
+    <div>C</div>
+  </div>
+  <div class="box">
+    <div>A</div>
+    <div>D</div>
+  </div>
+  <div class="box">
+    <div>A</div>
+    <div>E</div>
+  </div>
+  <div class="box">
+    <div>A</div>
+    <div>F</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-ordinal-group-3.html b/layout/reftests/webkit-box/webkit-box-ordinal-group-3.html
new file mode 100644
index 0000000000..3455365da0
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-ordinal-group-3.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-box-ordinal-group with huge values inside a -webkit-box
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+    }
+    br { clear: both; }
+
+    .box > * {
+      border: 1px dotted purple;
+    }
+
+    .bogTen   { -webkit-box-ordinal-group: 10; }
+    .bogHugeA { -webkit-box-ordinal-group: 2147483646; /* 2^31 - 2 */ }
+    .bogHugeB {
+      /* NOTE: This is INT32_MAX, so we may not be able to distinguish this
+         from anything larger than it (if we represent it internally in a
+         32-bit signed integer). However, it's still worth testing larger
+         values against e.g. 10 to be sure they don't overflow into
+         negative territory. */
+      -webkit-box-ordinal-group: 2147483647; /* 2^31 - 1 */ }
+
+    .bogHugeC { -webkit-box-ordinal-group: 4294967294; /* 2^32 - 2 */ }
+    .bogHugeD { -webkit-box-ordinal-group: 4294967295; /* 2^32 - 1 */ }
+    .bogHugeE { -webkit-box-ordinal-group: 4294967296; /* 2^32     */ }
+    .bogHugeF { -webkit-box-ordinal-group: 8589934592; /* 2^33     */ }
+  </style>
+</head>
+<body>
+  <!-- Test each huge value to see if it sorts after smaller values.
+       (The divs with huge values should sort to the right.) -->
+  <div class="box">
+    <div class="bogHugeA">A</div>
+    <div class="bogTen">10</div>
+    <div>*</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeB">B</div>
+    <div class="bogTen">10</div>
+    <div>*</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeC">C</div>
+    <div class="bogTen">10</div>
+    <div>*</div>
+  </div>
+
+  <br>
+
+  <div class="box">
+    <div class="bogHugeD">D</div>
+    <div class="bogTen">10</div>
+    <div>*</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeE">E</div>
+    <div class="bogTen">10</div>
+    <div>*</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeE">F</div>
+    <div class="bogTen">10</div>
+    <div>*</div>
+  </div>
+
+  <br>
+
+  <!-- Test that 'bogHugeA' sorts to the left of larger huge values. It's
+       less than INT32_MAX, so it's reasonable to expect that it can be
+       compared correctly against (possibly-clamped) larger values) -->
+  <div class="box">
+    <div class="bogHugeB">B</div>
+    <div class="bogHugeA">A</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeC">C</div>
+    <div class="bogHugeA">A</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeD">D</div>
+    <div class="bogHugeA">A</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeE">E</div>
+    <div class="bogHugeA">A</div>
+  </div>
+  <div class="box">
+    <div class="bogHugeF">F</div>
+    <div class="bogHugeA">A</div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-pack-horiz-1-ref.html b/layout/reftests/webkit-box/webkit-box-pack-horiz-1-ref.html
new file mode 100644
index 0000000000..1fe5090aff
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-pack-horiz-1-ref.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bpstart   { justify-content: flex-start;    }
+    .bpcenter  { justify-content: center;        }
+    .bpend     { justify-content: flex-end;      }
+    .bpjustify { justify-content: space-between; }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-pack -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-pack: start -->
+  <!-- intrinsically sized -->
+  <div class="box bpstart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpstart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpstart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpstart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-pack: center -->
+  <!-- intrinsically sized -->
+  <div class="box bpcenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpcenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpcenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpcenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-pack: end -->
+  <!-- intrinsically sized -->
+  <div class="box bpend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-pack: justify -->
+  <!-- intrinsically sized -->
+  <div class="box bpjustify">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpjustify" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpjustify" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpjustify" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-pack-horiz-1a.html b/layout/reftests/webkit-box/webkit-box-pack-horiz-1a.html
new file mode 100644
index 0000000000..8a1330154e
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-pack-horiz-1a.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: horizontally-oriented "display: -webkit-box" container,
+    with all the various -webkit-box-pack values.
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bpstart   { -webkit-box-pack: start;   }
+    .bpcenter  { -webkit-box-pack: center;  }
+    .bpend     { -webkit-box-pack: end;     }
+    .bpjustify { -webkit-box-pack: justify; }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-pack -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-pack: start -->
+  <!-- intrinsically sized -->
+  <div class="box bpstart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpstart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpstart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpstart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-pack: center -->
+  <!-- intrinsically sized -->
+  <div class="box bpcenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpcenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpcenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpcenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-pack: end -->
+  <!-- intrinsically sized -->
+  <div class="box bpend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-pack: justify -->
+  <!-- intrinsically sized -->
+  <div class="box bpjustify">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpjustify" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpjustify" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpjustify" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-pack-horiz-1b.html b/layout/reftests/webkit-box/webkit-box-pack-horiz-1b.html
new file mode 100644
index 0000000000..0332ab12e5
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-pack-horiz-1b.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: horizontally-oriented "display: -webkit-box" container,
+    with all the various -webkit-box-pack values.
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      -webkit-box-orient: horizontal;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bpstart   { -webkit-box-pack: start;   }
+    .bpcenter  { -webkit-box-pack: center;  }
+    .bpend     { -webkit-box-pack: end;     }
+    .bpjustify { -webkit-box-pack: justify; }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-pack -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-pack: start -->
+  <!-- intrinsically sized -->
+  <div class="box bpstart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpstart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpstart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpstart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-pack: center -->
+  <!-- intrinsically sized -->
+  <div class="box bpcenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpcenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpcenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpcenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-pack: end -->
+  <!-- intrinsically sized -->
+  <div class="box bpend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-pack: justify -->
+  <!-- intrinsically sized -->
+  <div class="box bpjustify">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpjustify" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpjustify" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpjustify" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-pack-vert-1-ref.html b/layout/reftests/webkit-box/webkit-box-pack-vert-1-ref.html
new file mode 100644
index 0000000000..ed8fe20b3e
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-pack-vert-1-ref.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      flex-direction: column;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bpstart   { justify-content: flex-start;    }
+    .bpcenter  { justify-content: center;        }
+    .bpend     { justify-content: flex-end;      }
+    .bpjustify { justify-content: space-between; }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-pack -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-pack: start -->
+  <!-- intrinsically sized -->
+  <div class="box bpstart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpstart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpstart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpstart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-pack: center -->
+  <!-- intrinsically sized -->
+  <div class="box bpcenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpcenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpcenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpcenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-pack: end -->
+  <!-- intrinsically sized -->
+  <div class="box bpend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-pack: justify -->
+  <!-- intrinsically sized -->
+  <div class="box bpjustify">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpjustify" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpjustify" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpjustify" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-pack-vert-1.html b/layout/reftests/webkit-box/webkit-box-pack-vert-1.html
new file mode 100644
index 0000000000..41b5273431
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-pack-vert-1.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: vertically-oriented "display: -webkit-box" container,
+    with all the various -webkit-box-pack values.
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      border: 1px solid black;
+      margin: 5px 20px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+    .box > *:nth-child(1) {
+      background: turquoise;
+      /* auto width */
+      height: 1em;
+    }
+    .box > *:nth-child(2) {
+      background: salmon;
+      font-size: 50%;
+      width: 2em;
+      /* auto height */
+    }
+
+    .bpstart   { -webkit-box-pack: start;   }
+    .bpcenter  { -webkit-box-pack: center;  }
+    .bpend     { -webkit-box-pack: end;     }
+    .bpjustify { -webkit-box-pack: justify; }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: Default -webkit-box-pack -->
+  <!-- intrinsically sized -->
+  <div class="box">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- SECOND ROW:  -webkit-box-pack: start -->
+  <!-- intrinsically sized -->
+  <div class="box bpstart">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpstart" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpstart" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpstart" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- THIRD ROW:  -webkit-box-pack: center -->
+  <!-- intrinsically sized -->
+  <div class="box bpcenter">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpcenter" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpcenter" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpcenter" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FOURTH ROW:  -webkit-box-pack: end -->
+  <!-- intrinsically sized -->
+  <div class="box bpend">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpend" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpend" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpend" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+  <!-- FIFTH ROW:  -webkit-box-pack: justify -->
+  <!-- intrinsically sized -->
+  <div class="box bpjustify">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra width -->
+  <div class="box bpjustify" style="width: 36px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height -->
+  <div class="box bpjustify" style="height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+
+  <!-- explicit size, extra height and width -->
+  <div class="box bpjustify" style="width: 36px; height: 40px">
+    <div>a</div><div>b</div>
+  </div>
+  <br>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-with-modern-css-1-ref.html b/layout/reftests/webkit-box/webkit-box-with-modern-css-1-ref.html
new file mode 100644
index 0000000000..8b62ef9154
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-with-modern-css-1-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      border: 1px solid black;
+      margin: 5px 20px;
+      width: 100px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+
+    .box > *:nth-child(1) { background: turquoise; }
+    .box > *:nth-child(2) { background: salmon;    }
+
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW -->
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-with-modern-css-1.html b/layout/reftests/webkit-box/webkit-box-with-modern-css-1.html
new file mode 100644
index 0000000000..897306bece
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-with-modern-css-1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: "flex-basis" and "flex" shouldn't impact child sizing inside of
+    horizontal "display: -webkit-box" container
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      border: 1px solid black;
+      margin: 5px 20px;
+      width: 100px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+
+    .box > *:nth-child(1) { background: turquoise; }
+    .box > *:nth-child(2) { background: salmon;    }
+
+    .mw0 {
+      /* Used in some children here, to disable modern-flexbox's
+         "implied-minimum-size" feature, so that it can't inadvertantly
+         be the thing that makes our rendering match the reference . */
+      min-width: 0;
+    }
+
+    br { clear: both; }
+
+    /* The point of this testcase is to verify that none of the modern-flexbox
+       styles below have any effect on the rendering. (This is worth checking
+       because we coopt our modern-flexbox implementation in our emulation of
+       legacy -webkit-box behavior.) */
+    .fb0 { flex-basis: 0; }
+    .f1  { flex: 1;  /* This shorthand sets flex-grow:1; flex-basis: 0 */ }
+
+    .fb30px   { flex-basis: 30px; }
+    .f1_30px  { flex: 1 30px;     }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: flex-basis is 0 -->
+  <div class="box">
+    <div class="fb0">a</div>
+    <div class="fb0 mw0">b</div>
+  </div>
+
+  <div class="box">
+    <div class="f1">a</div>
+    <div class="f1 mw0">b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: flex-basis is 30px -->
+  <div class="box">
+    <div class="fb30px">a</div>
+    <div class="fb30px mw0">b</div>
+  </div>
+
+  <div class="box">
+    <div class="f1_30px">a</div>
+    <div class="f1_30px mw0">b</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-with-modern-css-2-ref.html b/layout/reftests/webkit-box/webkit-box-with-modern-css-2-ref.html
new file mode 100644
index 0000000000..1042d2ff0e
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-with-modern-css-2-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    .box {
+      display: flex;
+      flex-direction: column;
+      border: 1px solid black;
+      margin: 5px 20px;
+      height: 100px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+
+    .box > *:nth-child(1) { background: turquoise; }
+    .box > *:nth-child(2) { background: salmon;    }
+
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW -->
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW -->
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+  <div class="box">
+    <div>a</div>
+    <div>b</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-box-with-modern-css-2.html b/layout/reftests/webkit-box/webkit-box-with-modern-css-2.html
new file mode 100644
index 0000000000..e148dc7ef2
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-box-with-modern-css-2.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: "flex-basis" and "flex" shouldn't impact child sizing inside of
+    vertical "display: -webkit-box" container
+  </title>
+  <style>
+    .box {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      border: 1px solid black;
+      margin: 5px 20px;
+      height: 100px;
+      float: left; /* For testing in "rows" */
+      font: 10px serif;
+    }
+
+    .box > *:nth-child(1) { background: turquoise; }
+    .box > *:nth-child(2) { background: salmon;    }
+
+    .mh0 {
+      /* Used in some children here, to disable modern-flexbox's
+         "implied-minimum-size" feature, so that it can't inadvertantly
+         be the thing that makes our rendering match the reference . */
+      min-height: 0;
+    }
+
+    br { clear: both; }
+
+    /* The point of this testcase is to verify that none of the modern-flexbox
+       styles below have any effect on the rendering. (This is worth checking
+       because we coopt our modern-flexbox implementation in our emulation of
+       legacy -webkit-box behavior.) */
+    .fb0 { flex-basis: 0; }
+    .f1  { flex: 1;  /* This shorthand sets flex-grow:1; flex-basis: 0 */ }
+
+    .fb30px   { flex-basis: 30px; }
+    .f1_30px  { flex: 1 30px;     }
+  </style>
+</head>
+<body>
+  <!-- FIRST ROW: flex-basis is 0 -->
+  <div class="box">
+    <div class="fb0">a</div>
+    <div class="fb0 mh0">b</div>
+  </div>
+
+  <div class="box">
+    <div class="f1">a</div>
+    <div class="f1 mh0">b</div>
+  </div>
+
+  <br>
+
+  <!-- SECOND ROW: flex-basis is 30px -->
+  <div class="box">
+    <div class="fb30px">a</div>
+    <div class="fb30px mh0">b</div>
+  </div>
+
+  <div class="box">
+    <div class="f1_30px">a</div>
+    <div class="f1_30px mh0">b</div>
+  </div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-display-values-1-ref.html b/layout/reftests/webkit-box/webkit-display-values-1-ref.html
new file mode 100644
index 0000000000..b3cb4b443d
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-display-values-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Reference
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width: 50px;
+      height: 20px;
+      justify-content: center;
+    }
+  </style>
+</head>
+<body>
+  <div style="display: flex;">a</div>
+  <div style="display: flex;">b</div>
+  <div style="display: flex;">c</div>
+  <br>
+  <div style="display: inline-flex;">d</div>
+  <div style="display: inline-flex;">e</div>
+  <div style="display: inline-flex;">f</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-box/webkit-display-values-1.html b/layout/reftests/webkit-box/webkit-display-values-1.html
new file mode 100644
index 0000000000..f2477b361b
--- /dev/null
+++ b/layout/reftests/webkit-box/webkit-display-values-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-box & -webkit-inline-box as "display" values
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width: 50px;
+      height: 20px;
+      /* Lets us see whether 'display:-webkit-box' styling worked:*/
+      -webkit-box-pack: center;
+    }
+  </style>
+</head>
+<body>
+  <!-- -webkit-box, possibly mixed with -moz-box: -->
+  <div style="display: -webkit-box;">a</div>
+
+  <div style="display: -webkit-box;
+              display: -moz-box;">b</div>
+
+  <div style="display: -moz-box;
+              display: -webkit-box;">c</div>
+  <br>
+
+  <!-- -webkit-inline-box, possibly mixed with -moz-inline-box: -->
+  <div style="display: -webkit-inline-box;">d</div>
+
+  <div style="display: -webkit-inline-box;
+              display: -moz-inline-box;">e</div>
+
+  <div style="display: -moz-inline-box;
+              display: -webkit-inline-box;">f</div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/reftest.list b/layout/reftests/webkit-gradient/reftest.list
new file mode 100644
index 0000000000..33e721bfc0
--- /dev/null
+++ b/layout/reftests/webkit-gradient/reftest.list
@@ -0,0 +1,21 @@
+# This directory contains tests for -webkit-gradient() expressions.
+
+# In this test, we don't render a "-webkit-gradient" exactly correctly.
+# (It's just here to ensure that our approximate/do-something rendering doesn't
+# change unexpectedly.)
+== webkit-gradient-approx-radial-1.html webkit-gradient-approx-radial-1-ref.html
+
+# Tests for -webkit-gradient(linear, ...)
+== webkit-gradient-linear-1a.html webkit-gradient-linear-1-ref.html
+== webkit-gradient-linear-1b.html webkit-gradient-linear-1-ref.html
+== webkit-gradient-linear-1c.html webkit-gradient-linear-1-ref.html
+== webkit-gradient-linear-1d.html webkit-gradient-linear-1-ref.html
+fuzzy(0-1,0-150) == webkit-gradient-linear-2.html webkit-gradient-linear-2-ref.html
+
+# Tests for -webkit-gradient(radial, ...)
+== webkit-gradient-radial-1a.html webkit-gradient-radial-1-ref.html
+== webkit-gradient-radial-1b.html webkit-gradient-radial-1-ref.html
+== webkit-gradient-radial-2.html webkit-gradient-radial-2-ref.html
+
+# Tests for -webkit-linear-gradient
+== webkit-linear-gradient-1.html webkit-linear-gradient-1-ref.html
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1-ref.html b/layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1-ref.html
new file mode 100644
index 0000000000..274a466206
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Reference</title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  50px;
+      height: 40px;
+      margin: 1px;
+      float: left;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Note: -webkit-gradient(radial, ...) expressions involve *two* circles,
+       with the gradient progressing between their edges. But, the standard
+       syntax (& hence our emulation) only supports *one* circle.
+
+       So, in our reference renderings below, we ignore the smaller circle from
+       the testcase's gradient expression, and we use a gradient that progresses
+       from the outer circle's center to its edge.  (Conceptually, we collapse
+       the smaller circle to a point at the center of the larger circle.) -->
+
+  <!-- Inner circle has nonzero radius, in testcase:
+       (We ignore it here.) -->
+  <div style="background: radial-gradient(circle 40px at left top,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 50px at center center,
+                                          yellow, blue)"></div>
+  <br>
+
+  <!-- Both circles have the same radius, in testcase:
+       (We pretend the first one is 0-sized.) -->
+  <div style="background: radial-gradient(circle 40px at center center,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 10px at 10px 10px,
+                                          blue, yellow)"></div>
+  <br>
+
+  <!-- Inner circle has different center than outer circle, in testcase:
+       (We collapse it to center of outer circle.) -->
+  <div style="background: radial-gradient(circle 40px at left top,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at 10px 20px,
+                                          yellow, blue)"></div>
+ <br>
+
+  <!-- Inner circle and outer circle do not even intersect, in testcase:
+       (We collapse smaller circle to center of larger circle.) -->
+  <div style="background: radial-gradient(circle 10px at 30px 10px,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 30px at 150px 10px,
+                                          blue, yellow)"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1.html b/layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1.html
new file mode 100644
index 0000000000..4f0760560b
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-approx-radial-1.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(radial, ...) expressions which we don't render
+    quite correctly because they can't easily be represented with modern syntax.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  50px;
+      height: 40px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Inner circle has nonzero radius: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left top, 10, left top, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center center, 50, center center, 40,
+                                           from(blue), to(yellow))"></div>
+  <br>
+
+  <!-- Both circles have the same radius: -->
+  <div style="background: -webkit-gradient(radial,
+                                           center center, 40, center center, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           10 10, 10, 10 10, 10,
+                                           from(blue), to(yellow))"></div>
+  <br>
+
+  <!-- Inner circle has different center than outer circle: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left bottom, 0, left top, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           10 20, 40, 30 10, 5,
+                                           from(blue), to(yellow))"></div>
+ <br>
+
+  <!-- Inner circle and outer circle do not even intersect: -->
+  <div style="background: -webkit-gradient(radial,
+                                           10 10, 5, 30 10, 10,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           -50 10, 5, 150 10, 30,
+                                           from(blue), to(yellow))"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-linear-1-ref.html b/layout/reftests/webkit-gradient/webkit-gradient-linear-1-ref.html
new file mode 100644
index 0000000000..d86354584e
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-linear-1-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Reference</title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  100px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Left to right gradients: -->
+  <div style="background: linear-gradient(to right,
+                                          blue, yellow)"></div>
+
+  <div style="background: linear-gradient(to right,
+                                          blue, pink 30%, yellow"></div>
+  <br>
+
+  <!-- Right to left gradients: -->
+  <div style="background: linear-gradient(to left,
+                                          blue, yellow)"></div>
+  <div style="background: linear-gradient(to left,
+                                          blue, pink 30%, yellow"></div>
+  <br>
+
+  <!-- Top to bottom gradients: -->
+  <div style="background: linear-gradient(to bottom,
+                                          blue, yellow)"></div>
+
+  <div style="background: linear-gradient(to bottom,
+                                          blue, pink 30%, yellow"></div>
+  <br>
+
+  <!-- Bottom to top gradients: -->
+  <div style="background: linear-gradient(to top,
+                                          blue, yellow)"></div>
+
+  <div style="background: linear-gradient(to top,
+                                          blue, pink 30%, yellow"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-linear-1a.html b/layout/reftests/webkit-gradient/webkit-gradient-linear-1a.html
new file mode 100644
index 0000000000..1a6fe1650b
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-linear-1a.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(linear, ...) expressions,
+    from center of each side to center of opposite side.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  100px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Left to right gradients: -->
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           from(blue), to(yellow))"></div>
+
+
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Right to left gradients: -->
+  <div style="background: -webkit-gradient(linear, right center, left center,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(linear, right center, left center,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Top to bottom gradients: -->
+  <div style="background: -webkit-gradient(linear, center top, center bottom,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, center top, center bottom,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Bottom to top gradients: -->
+  <div style="background: -webkit-gradient(linear, center bottom, center top,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, center bottom, center top,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-linear-1b.html b/layout/reftests/webkit-gradient/webkit-gradient-linear-1b.html
new file mode 100644
index 0000000000..ae03d777ab
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-linear-1b.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(linear, ...) expressions,
+    from the top-left-most end of each side to the
+    top-left-most end of opposite side.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  100px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Left to right gradients: -->
+  <div style="background: -webkit-gradient(linear, left top, right top,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, left top, right top,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Right to left gradients: -->
+  <div style="background: -webkit-gradient(linear, right top, left top,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(linear, right top, left top,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Top to bottom gradients: -->
+  <div style="background: -webkit-gradient(linear, left top, left bottom,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, left top, left bottom,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Bottom to top gradients: -->
+  <div style="background: -webkit-gradient(linear, left bottom, left top,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, left bottom, left top,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-linear-1c.html b/layout/reftests/webkit-gradient/webkit-gradient-linear-1c.html
new file mode 100644
index 0000000000..29ae3a7862
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-linear-1c.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(linear, ...) expressions,
+    from the bottom-right-most end of each side to the
+    bottom-right-most end of opposite side.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  100px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Left to right gradients: -->
+  <div style="background: -webkit-gradient(linear, left bottom, right bottom,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, left bottom, right bottom,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Right to left gradients: -->
+  <div style="background: -webkit-gradient(linear, right bottom, left bottom,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(linear, right bottom, left bottom,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Top to bottom gradients: -->
+  <div style="background: -webkit-gradient(linear, right top, right bottom,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, right top, right bottom,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Bottom to top gradients: -->
+  <div style="background: -webkit-gradient(linear, right bottom, right top,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, right bottom, right top,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-linear-1d.html b/layout/reftests/webkit-gradient/webkit-gradient-linear-1d.html
new file mode 100644
index 0000000000..b1b54372ce
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-linear-1d.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(linear, ...) expressions,
+    from the an arbitrary spot along each side to the same arbitrary
+    place on opposite side.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  100px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Left to right gradients: -->
+  <div style="background: -webkit-gradient(linear, left 25%, right 25%,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, left -123%, right -123%,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Right to left gradients: -->
+  <div style="background: -webkit-gradient(linear, right -10, left -10,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(linear, right 9999, left 9999,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Top to bottom gradients: -->
+  <div style="background: -webkit-gradient(linear, 1.11 top, 1.11 bottom,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, -56.78 top, -56.78 bottom,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- Bottom to top gradients: -->
+  <div style="background: -webkit-gradient(linear, -0 bottom, 0 top,
+                                           from(blue), to(yellow))"></div>
+
+  <div style="background: -webkit-gradient(linear, 0% bottom, -0% top,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-linear-2-ref.html b/layout/reftests/webkit-gradient/webkit-gradient-linear-2-ref.html
new file mode 100644
index 0000000000..36b4c97180
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-linear-2-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Reference</title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  30px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- No color stops (transparent): -->
+  <div></div>
+
+  <!-- Add another background to be sure we're transparent, not white: -->
+  <div style="background: linear-gradient(to right, pink, purple)"></div>
+  <br>
+
+  <!-- One color stop, at various positions (renders as solid color): -->
+  <div style="background: blue"></div>
+  <div style="background: blue"></div>
+  <div style="background: blue"></div>
+  <div style="background: blue"></div>
+  <br>
+
+  <!-- Two color stops, both at the same position: -->
+  <div style="background: yellow"></div>
+  <div style="background: blue"></div>
+  <div style="background: linear-gradient(to right,
+                                          blue 30%, yellow 30%)"></div>
+  <div style="background: yellow"></div>
+  <div style="background: blue"></div>
+  <br>
+
+  <!-- Color stops out of order & need (stable) sorting: -->
+  <div style="background: linear-gradient(to right,
+                                          blue, yellow)"></div>
+  <div style="background: linear-gradient(to right,
+                                          salmon, yellow)"></div>
+  <div style="background: linear-gradient(to right,
+                                          blue, yellow)"></div>
+  <div style="background: linear-gradient(to right,
+                                          blue, yellow)"></div>
+  <div style="background: linear-gradient(to right,
+                                          yellow, salmon 80%, blue)"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-linear-2.html b/layout/reftests/webkit-gradient/webkit-gradient-linear-2.html
new file mode 100644
index 0000000000..95defb5081
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-linear-2.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(linear, ...) expressions with special cases
+    for color stops.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  30px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- No color stops (transparent): -->
+  <div style="background: -webkit-gradient(linear, left center, right center
+                                           )"></div>
+  <!-- Add another background to be sure we're transparent, not white: -->
+  <div style="background: linear-gradient(to right, pink, purple),
+                           -webkit-gradient(linear, left center, right center)"></div>
+  <br>
+
+  <!-- One color stop, at various positions (renders as solid color): -->
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           from(blue))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           to(blue))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           color-stop(30%, blue))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           color-stop(1.5, blue))"></div>
+  <br>
+
+  <!-- Two color stops, both at the same position: -->
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           from(blue), from(yellow))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           to(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           color-stop(30%, blue),
+                                           color-stop(30%, yellow))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           color-stop(-1.5, blue),
+                                           color-stop(-1.5, yellow))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           color-stop(4.5, blue),
+                                           color-stop(4.5, yellow))"></div>
+  <br>
+
+  <!-- Color stops out of order & need (stable) sorting: -->
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           to(yellow), from(blue))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           to(yellow), from(blue),
+                                           from(salmon))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           from(salmon), to(yellow),
+                                           from(blue))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           from(salmon), to(yellow),
+                                           from(orange), to(gray), from(blue))"></div>
+  <div style="background: -webkit-gradient(linear, left center, right center,
+                                           color-stop(0.8, salmon),
+                                           from(black), from(yellow),
+                                           to(blue), to(gray))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-radial-1-ref.html b/layout/reftests/webkit-gradient/webkit-gradient-radial-1-ref.html
new file mode 100644
index 0000000000..bb1c67aea1
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-radial-1-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>CSS Reference</title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  40px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- left top: -->
+  <div style="background: radial-gradient(circle 40px at left top,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at left top,
+                                          blue, pink 30%, yellow)"></div>
+  <!-- center top: -->
+  <div style="background: radial-gradient(circle 40px at center top,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at center top,
+                                          blue, pink 30%, yellow)"></div>
+  <!-- right top: -->
+  <div style="background: radial-gradient(circle 40px at right top,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at right top,
+                                          blue, pink 30%, yellow)"></div>
+  <br>
+
+  <!-- left center: -->
+  <div style="background: radial-gradient(circle 40px at left center,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at left center,
+                                          blue, pink 30%, yellow)"></div>
+  <!-- center center: -->
+  <div style="background: radial-gradient(circle 40px at center center,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at center center,
+                                          blue, pink 30%, yellow)"></div>
+  <!-- right center: -->
+  <div style="background: radial-gradient(circle 40px at right center,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at right center,
+                                          blue, pink 30%, yellow)"></div>
+  <br>
+
+  <!-- left bottom: -->
+  <div style="background: radial-gradient(circle 40px at left bottom,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at left bottom,
+                                          blue, pink 30%, yellow)"></div>
+  <!-- center bottom: -->
+  <div style="background: radial-gradient(circle 40px at center bottom,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at center bottom,
+                                          blue, pink 30%, yellow)"></div>
+  <!-- right bottom: -->
+  <div style="background: radial-gradient(circle 40px at right bottom,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 40px at right bottom,
+                                          blue, pink 30%, yellow)"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-radial-1a.html b/layout/reftests/webkit-gradient/webkit-gradient-radial-1a.html
new file mode 100644
index 0000000000..24e32492f4
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-radial-1a.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(radial, ...) expressions,
+    with 0-sized inner circle listed first
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  40px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- left top: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left top, 0, left top, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           left top, 0, left top, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <!-- center top: -->
+  <div style="background: -webkit-gradient(radial,
+                                           center top, 0, center top, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center top, 0, center top, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <!-- right top: -->
+  <div style="background: -webkit-gradient(radial,
+                                           right top, 0, right top, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           right top, 0, right top, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- left center: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left center, 0, left center, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           left center, 0, left center, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <!-- center center: -->
+  <div style="background: -webkit-gradient(radial,
+                                           center center, 0, center center, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center center, 0, center center, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <!-- right center: -->
+  <div style="background: -webkit-gradient(radial,
+                                           right center, 0, right center, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           right center, 0, right center, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <br>
+
+  <!-- left bottom: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left bottom, 0, left bottom, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           left bottom, 0, left bottom, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <!-- center bottom: -->
+  <div style="background: -webkit-gradient(radial,
+                                           center bottom, 0, center bottom, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center bottom, 0, center bottom, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+  <!-- right bottom: -->
+  <div style="background: -webkit-gradient(radial,
+                                           right bottom, 0, right bottom, 40,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           right bottom, 0, right bottom, 40,
+                                           from(blue),
+                                           color-stop(0.3, pink),
+                                           to(yellow))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-radial-1b.html b/layout/reftests/webkit-gradient/webkit-gradient-radial-1b.html
new file mode 100644
index 0000000000..08bbc0789a
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-radial-1b.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(radial, ...) expressions,
+    with 0-sized inner circle listed second
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  40px;
+      height: 50px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- left top: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left top, 40, left top, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           left top, 40, left top, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <!-- center top: -->
+  <div style="background: -webkit-gradient(radial,
+                                           center top, 40, center top, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center top, 40, center top, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <!-- right top: -->
+  <div style="background: -webkit-gradient(radial,
+                                           right top, 40, right top, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           right top, 40, right top, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <br>
+
+  <!-- left center: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left center, 40, left center, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           left center, 40, left center, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <!-- center center: -->
+  <div style="background: -webkit-gradient(radial,
+                                           center center, 40, center center, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center center, 40, center center, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <!-- right center: -->
+  <div style="background: -webkit-gradient(radial,
+                                           right center, 40, right center, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           right center, 40, right center, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <br>
+
+  <!-- left bottom: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left bottom, 40, left bottom, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           left bottom, 40, left bottom, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <!-- center bottom: -->
+  <div style="background: -webkit-gradient(radial,
+                                           center bottom, 40, center bottom, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center bottom, 40, center bottom, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+  <!-- right bottom: -->
+  <div style="background: -webkit-gradient(radial,
+                                           right bottom, 40, right bottom, 0,
+                                           from(yellow), to(blue))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           right bottom, 40, right bottom, 0,
+                                           from(yellow),
+                                           color-stop(0.7, pink),
+                                           to(blue))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-radial-2-ref.html b/layout/reftests/webkit-gradient/webkit-gradient-radial-2-ref.html
new file mode 100644
index 0000000000..c82e3dbb59
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-radial-2-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(radial, ...) expressions
+    with various numeric positions and/or side keywords.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  50px;
+      height: 40px;
+      margin: 1px;
+      float: left;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Placing gradient's center outside of the element: -->
+  <div style="background: radial-gradient(circle 50px at -10px -20px,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 50px at 15px -2px,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 50px at -10px 55px,
+                                          blue, yellow)"></div>
+  <br>
+
+  <!-- Mixing side keywords with numeric values: -->
+  <div style="background: radial-gradient(circle 50px at left 5px,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 50px at center 10px,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 50px at right 30px,
+                                          blue, yellow)"></div>
+  <br>
+
+  <div style="background: radial-gradient(circle 50px at 5px top,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 50px at 10px center,
+                                          blue, yellow)"></div>
+  <div style="background: radial-gradient(circle 50px at 30px bottom,
+                                          blue, yellow)"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-gradient-radial-2.html b/layout/reftests/webkit-gradient/webkit-gradient-radial-2.html
new file mode 100644
index 0000000000..56e9cbb41f
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-gradient-radial-2.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+<head>
+  <title>
+    CSS Test: -webkit-gradient(radial, ...) expressions
+    with various numeric positions and/or side keywords.
+  </title>
+  <style>
+    div {
+      border: 1px solid black;
+      width:  50px;
+      height: 40px;
+      margin: 1px;
+      float: left;
+
+      /* We include a fallback background, to easily distinguish failures at
+       * parse time (which fall back to this value) vs. something later on. */
+      background: red;
+    }
+    br { clear: both; }
+  </style>
+</head>
+<body>
+  <!-- Placing gradient's center outside of the element: -->
+  <div style="background: -webkit-gradient(radial,
+                                           -10 -20, 0, -10 -20, 50,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           15 -2, 0, 15 -2, 50,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           -10 55, 0, -10 55, 50,
+                                           from(blue), to(yellow))"></div>
+  <br>
+
+  <!-- Mixing side keywords with numeric values: -->
+  <div style="background: -webkit-gradient(radial,
+                                           left 5, 0, left 5, 50,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           center 10, 0, center 10, 50,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           right 30, 0, right 30, 50,
+                                           from(blue), to(yellow))"></div>
+  <br>
+
+  <div style="background: -webkit-gradient(radial,
+                                           5 top, 0, 5 top, 50,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           10 center, 0, 10 center, 50,
+                                           from(blue), to(yellow))"></div>
+  <div style="background: -webkit-gradient(radial,
+                                           30 bottom, 0, 30 bottom, 50,
+                                           from(blue), to(yellow))"></div>
+</body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-linear-gradient-1-ref.html b/layout/reftests/webkit-gradient/webkit-linear-gradient-1-ref.html
new file mode 100644
index 0000000000..290c75a939
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-linear-gradient-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div {
+        width: 50px;
+        height: 200px;
+        background-image: -webkit-linear-gradient(top, red, blue);
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/webkit-gradient/webkit-linear-gradient-1.html b/layout/reftests/webkit-gradient/webkit-linear-gradient-1.html
new file mode 100644
index 0000000000..1d9d9e6142
--- /dev/null
+++ b/layout/reftests/webkit-gradient/webkit-linear-gradient-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      div {
+        width: 50px;
+        height: 200px;
+        background-image: -webkit-linear-gradient(red, blue);
+      }
+    </style>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/aspect-ratio-1-ref.html b/layout/reftests/webm-video/aspect-ratio-1-ref.html
new file mode 100644
index 0000000000..93391ed83c
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:140px; height:100px; position:relative; left:100px; top:100px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/aspect-ratio-1a.xhtml b/layout/reftests/webm-video/aspect-ratio-1a.xhtml
new file mode 100644
index 0000000000..a2e856268c
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-1a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm" style="width:340px; height:100px; position:relative; top:100px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/aspect-ratio-1b.xhtml b/layout/reftests/webm-video/aspect-ratio-1b.xhtml
new file mode 100644
index 0000000000..55a9af6617
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-1b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm" style="width:140px; height:300px; position:relative; left:100px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/webm-video/aspect-ratio-2-ref.html b/layout/reftests/webm-video/aspect-ratio-2-ref.html
new file mode 100644
index 0000000000..4f78ab4d2f
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:280px; height:200px; position:relative; left:200px; top:200px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/aspect-ratio-2a.xhtml b/layout/reftests/webm-video/aspect-ratio-2a.xhtml
new file mode 100644
index 0000000000..fb8986af7d
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-2a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm" style="width:680px; height:200px; position:relative; top:200px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/aspect-ratio-2b.xhtml b/layout/reftests/webm-video/aspect-ratio-2b.xhtml
new file mode 100644
index 0000000000..522a9b9557
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-2b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm" style="width:280px; height:600px; position:relative; left:200px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/webm-video/aspect-ratio-3-ref.xhtml b/layout/reftests/webm-video/aspect-ratio-3-ref.xhtml
new file mode 100644
index 0000000000..2406172334
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-3-ref.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm" style="width:280px; height:200px;"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/aspect-ratio-3a.xhtml b/layout/reftests/webm-video/aspect-ratio-3a.xhtml
new file mode 100644
index 0000000000..a124015d13
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-3a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm" width="280"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/webm-video/aspect-ratio-3b.xhtml b/layout/reftests/webm-video/aspect-ratio-3b.xhtml
new file mode 100644
index 0000000000..0b5ec495a3
--- /dev/null
+++ b/layout/reftests/webm-video/aspect-ratio-3b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm" height="200"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/basic-1-ref.html b/layout/reftests/webm-video/basic-1-ref.html
new file mode 100644
index 0000000000..aca3dcb9ca
--- /dev/null
+++ b/layout/reftests/webm-video/basic-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:140px; height:100px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/basic-1.xhtml b/layout/reftests/webm-video/basic-1.xhtml
new file mode 100644
index 0000000000..b30dc68673
--- /dev/null
+++ b/layout/reftests/webm-video/basic-1.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black140x100.webm"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/black100x100-aspect3to2.webm b/layout/reftests/webm-video/black100x100-aspect3to2.webm
new file mode 100644
index 0000000000..c972bea5b8
Binary files /dev/null and b/layout/reftests/webm-video/black100x100-aspect3to2.webm differ
diff --git a/layout/reftests/webm-video/black140x100.webm b/layout/reftests/webm-video/black140x100.webm
new file mode 100644
index 0000000000..9942f3db5c
Binary files /dev/null and b/layout/reftests/webm-video/black140x100.webm differ
diff --git a/layout/reftests/webm-video/black29x19offset.webm b/layout/reftests/webm-video/black29x19offset.webm
new file mode 100644
index 0000000000..199db19e6c
Binary files /dev/null and b/layout/reftests/webm-video/black29x19offset.webm differ
diff --git a/layout/reftests/webm-video/blue140x100.png b/layout/reftests/webm-video/blue140x100.png
new file mode 100644
index 0000000000..f4c3973fcc
Binary files /dev/null and b/layout/reftests/webm-video/blue140x100.png differ
diff --git a/layout/reftests/webm-video/blue250x200.png b/layout/reftests/webm-video/blue250x200.png
new file mode 100644
index 0000000000..5eb0b52511
Binary files /dev/null and b/layout/reftests/webm-video/blue250x200.png differ
diff --git a/layout/reftests/webm-video/bug686957-ref.html b/layout/reftests/webm-video/bug686957-ref.html
new file mode 100644
index 0000000000..851bad08fc
--- /dev/null
+++ b/layout/reftests/webm-video/bug686957-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test that if we seek to the end of a video we get the last frame displayed -->
+<video src="frames.webm"
+       preload="auto"
+       id="v"
+       onloadeddata="document.getElementById('v').currentTime=document.getElementById('v').duration-1.0;document.getElementById('v').play();"
+       onended="setTimeout(function(){document.documentElement.className = '';}, 0);"
+</video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/bug686957.html b/layout/reftests/webm-video/bug686957.html
new file mode 100644
index 0000000000..be1d447b8b
--- /dev/null
+++ b/layout/reftests/webm-video/bug686957.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!--
+    Test that if we seek to the end of a video we get the last frame displayed
+
+    The 15ms timeout is here to work around the screenshot racing with
+    video frames being asynchronously delivered to the screen. If the test fails
+    intermittently again, we may need to tweak the timeout value.
+-->
+<video src="frames.webm"
+       preload="auto"
+       id="v"
+       onloadeddata="document.getElementById('v').currentTime=document.getElementById('v').duration"
+       onseeked="setTimeout(function(){document.documentElement.className = '';}, 1000);"
+</video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/canvas-1a.xhtml b/layout/reftests/webm-video/canvas-1a.xhtml
new file mode 100644
index 0000000000..368451591e
--- /dev/null
+++ b/layout/reftests/webm-video/canvas-1a.xhtml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1" class="reftest-wait">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<canvas id="canvas" width="200" height="200"></canvas>
+<script>
+var video = document.createElement("video");
+video.src = "black140x100.webm";
+video.load();
+function draw() {
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+  try {
+    ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+  } catch (e) {
+  }
+  document.documentElement.removeAttribute("class");
+}
+video.addEventListener("loadeddata", draw, false);
+</script>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/webm-video/canvas-1b.xhtml b/layout/reftests/webm-video/canvas-1b.xhtml
new file mode 100644
index 0000000000..b6097e8cf1
--- /dev/null
+++ b/layout/reftests/webm-video/canvas-1b.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<canvas id="canvas" width="200" height="200"></canvas>
+<script>
+function draw() {
+  var video = document.getElementById("video");
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+  try {
+    ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+  } catch (e) {
+  }
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="black140x100.webm" onloadeddata="draw()" style="opacity:0"></video>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/webm-video/clipping-1-ref.html b/layout/reftests/webm-video/clipping-1-ref.html
new file mode 100644
index 0000000000..0bf8eee979
--- /dev/null
+++ b/layout/reftests/webm-video/clipping-1-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white">
+<div style="position:absolute; left:0; top:0; width:200px; height:600px;">
+  <video src="black140x100.webm" style="width:400px; margin-left:-100px;"></video>
+</div>
+<div style="position:absolute; left:200px; top:0; background:white; width:200px; height:600px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/clipping-1a.html b/layout/reftests/webm-video/clipping-1a.html
new file mode 100644
index 0000000000..4cc2e5c8de
--- /dev/null
+++ b/layout/reftests/webm-video/clipping-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white">
+<div style="overflow:hidden; position:absolute; left:0; top:0; width:200px; height:600px;">
+  <video src="black140x100.webm" style="width:400px; margin-left:-100px;"></video>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/colors-16x8.png b/layout/reftests/webm-video/colors-16x8.png
new file mode 100644
index 0000000000..bd23845871
Binary files /dev/null and b/layout/reftests/webm-video/colors-16x8.png differ
diff --git a/layout/reftests/webm-video/colors-16x8.webm b/layout/reftests/webm-video/colors-16x8.webm
new file mode 100644
index 0000000000..89cf30e152
Binary files /dev/null and b/layout/reftests/webm-video/colors-16x8.webm differ
diff --git a/layout/reftests/webm-video/colors-8x16.png b/layout/reftests/webm-video/colors-8x16.png
new file mode 100644
index 0000000000..596fdb389d
Binary files /dev/null and b/layout/reftests/webm-video/colors-8x16.png differ
diff --git a/layout/reftests/webm-video/colors-8x16.webm b/layout/reftests/webm-video/colors-8x16.webm
new file mode 100644
index 0000000000..3f6105a02e
Binary files /dev/null and b/layout/reftests/webm-video/colors-8x16.webm differ
diff --git a/layout/reftests/webm-video/empty-1-ref.html b/layout/reftests/webm-video/empty-1-ref.html
new file mode 100644
index 0000000000..fcc7693202
--- /dev/null
+++ b/layout/reftests/webm-video/empty-1-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/empty-1a.html b/layout/reftests/webm-video/empty-1a.html
new file mode 100644
index 0000000000..a2b31c17f4
--- /dev/null
+++ b/layout/reftests/webm-video/empty-1a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<video src="black140x100.webm" style="width:0"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/empty-1b.html b/layout/reftests/webm-video/empty-1b.html
new file mode 100644
index 0000000000..1310f9ac81
--- /dev/null
+++ b/layout/reftests/webm-video/empty-1b.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<video src="black140x100.webm" style="height:0"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/encoded-aspect-ratio-1-ref.html b/layout/reftests/webm-video/encoded-aspect-ratio-1-ref.html
new file mode 100644
index 0000000000..d9c0054eb5
--- /dev/null
+++ b/layout/reftests/webm-video/encoded-aspect-ratio-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="background-color: black; width: 150px; height: 100px; position: absolute; left: 10px; top: 10px;"></div>
+
+<!-- Left side vertical. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Right side vertical. -->
+<div style="position: absolute; left: 159px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Top horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+<!-- Bottom horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 109px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/webm-video/encoded-aspect-ratio-1.html b/layout/reftests/webm-video/encoded-aspect-ratio-1.html
new file mode 100644
index 0000000000..ad1d6325af
--- /dev/null
+++ b/layout/reftests/webm-video/encoded-aspect-ratio-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!--
+     Test if video displays correctly with a 3:2 aspect ratio.
+     It should display at w=150 h=100.
+     On some Linux systems, the scaling to preserve the aspect ratio can sample
+     the pixels outside visible region. This results in a thin grey line down
+     some sides of the scaled picture. We add red bars over the edges to
+     overwrite such happenings, to make the test reliable.
+-->
+<video src="black100x100-aspect3to2.webm"
+       style="position:absolute; left: 10px; top: 10px; z-index: 1;">
+</video>
+
+<!-- Left side vertical. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Right side vertical. -->
+<div style="position: absolute; left: 159px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
+
+<!-- Top horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 9px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+<!-- Bottom horizontal bar. -->
+<div style="position: absolute; left: 9px; top: 109px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/webm-video/frames.webm b/layout/reftests/webm-video/frames.webm
new file mode 100644
index 0000000000..df20543b0d
Binary files /dev/null and b/layout/reftests/webm-video/frames.webm differ
diff --git a/layout/reftests/webm-video/generate-object-fit-video-tests.sh b/layout/reftests/webm-video/generate-object-fit-video-tests.sh
new file mode 100644
index 0000000000..49a8a6eec4
--- /dev/null
+++ b/layout/reftests/webm-video/generate-object-fit-video-tests.sh
@@ -0,0 +1,86 @@
+#!/bin/bash
+#
+# Any copyright is dedicated to the Public Domain.
+# http://creativecommons.org/publicdomain/zero/1.0/
+#
+# Script to generate <video src> reftest files, from corresponding reftest
+# files that use <video poster>.
+#
+# This script expects to be run from this working directory:
+#  mozilla-central/layout/reftests/w3c-css/submitted/images3
+#
+# It requires that the tools png2yuv and vpxenc be available, from the
+# Ubuntu packages 'mjpegtools' and 'vpx-tools'. More info here:
+#  http://wiki.webmproject.org/howtos/convert-png-frames-to-webm-video
+
+VIDEO_REFTEST_PATH="../../../webm-video"
+
+imageFileArr=("colors-16x8.png" "colors-8x16.png")
+numImageFiles=${#imageFileArr[@]}
+
+# Copy image files, and generate webm files:
+for ((i = 0; i < $numImageFiles; i++)); do
+  imageFileName=${imageFileArr[$i]}
+  imageDest=$VIDEO_REFTEST_PATH/$imageFileName
+
+  echo "Copying $imageDest."
+  hg cp support/$imageFileName $imageDest
+
+  videoDest=`echo $imageDest | sed "s/png/webm/"`
+  echo "Generating $videoDest."
+  png2yuv -f 1 -I p -b 1 -n 1 -j $imageDest \
+    | vpxenc --passes=1 --pass=1 --codec=vp9 --lossless=1 --max-q=0 -o $videoDest -
+  hg add $videoDest
+done
+
+# Add comment to reftest.list in dest directory:
+reftestListFileName="$VIDEO_REFTEST_PATH/reftest.list"
+echo "
+# Tests for <video src> with 'object-fit' & 'object-position':
+# These tests should be very similar to tests in our w3c-css/submitted/images3
+# reftest directory. They live here because they use WebM video (VP9), and it
+# wouldn't be fair of us to make a W3C testsuite implicitly depend on any
+# particular (non-spec-mandated) video codec."\
+  >> $reftestListFileName
+
+# Loop across all <video poster> tests:
+for origTestName in object*p.html; do
+  # Find the corresponding reference case:
+  origReferenceName=$(echo $origTestName |
+                      sed "s/p.html/-ref.html/")
+
+  # The generated testcase will have "-webm" instead of "-png", and unlike
+  # the original png test, it won't have a single-letter suffix to indicate the
+  # particular container element. (since it's unnecessary -- there's only one
+  # possible container element for webm, "<video>")
+  videoTestName=$(echo $origTestName |
+                  sed "s/png/webm/" |
+                  sed "s/p.html/.html/")
+
+  videoReferenceName=$(echo $videoTestName |
+                       sed "s/.html/-ref.html/")
+
+  # Generate reference file (dropping "support" subdir from image paths):
+  echo "Copying $origReferenceName to $VIDEO_REFTEST_PATH."
+  videoReferenceFullPath=$VIDEO_REFTEST_PATH/$videoReferenceName
+  hg cp $origReferenceName $videoReferenceFullPath
+  sed -i "s,support/,," $videoReferenceFullPath
+
+  # Generate testcase
+  # (converting <video poster="support/foo.png"> to <video src="foo.webm">):
+  echo "Generating $videoTestName from $origTestName."
+  videoTestFullPath=$VIDEO_REFTEST_PATH/$videoTestName
+  hg cp $origTestName $videoTestFullPath
+  sed -i "s/PNG image/WebM video/" $videoTestFullPath
+  sed -i "s/poster/src/" $videoTestFullPath
+  sed -i "s,support/,," $videoTestFullPath
+  sed -i "s/png/webm/" $videoTestFullPath
+  sed -i "s/$origReferenceName/$videoReferenceName/" $videoTestFullPath
+
+  # Update reftest manifest:
+  annotation="fails-if(layersGPUAccelerated) skip-if(Android||B2G)"
+  comment="# Bug 1083516 for layersGPUAccelerated failures, Bug 1084564 for Android/B2G failures"
+  echo "$annotation == $videoTestName $videoReferenceName $comment" \
+    >> $reftestListFileName
+
+done
diff --git a/layout/reftests/webm-video/generate-object-position-video-tests.sh b/layout/reftests/webm-video/generate-object-position-video-tests.sh
new file mode 100644
index 0000000000..f6210248e8
--- /dev/null
+++ b/layout/reftests/webm-video/generate-object-position-video-tests.sh
@@ -0,0 +1,78 @@
+#!/bin/bash
+#
+# Any copyright is dedicated to the Public Domain.
+# http://creativecommons.org/publicdomain/zero/1.0/
+#
+# Script to generate <video src> reftest files, from corresponding reftest
+# files that use <video poster>.
+#
+# This script expects to be run from this working directory:
+#  mozilla-central/layout/reftests/w3c-css/submitted/images3
+#
+# It requires that the tools png2yuv and vpxenc be available, from the
+# Ubuntu packages 'mjpegtools' and 'vpx-tools'. More info here:
+#  http://wiki.webmproject.org/howtos/convert-png-frames-to-webm-video
+
+VIDEO_REFTEST_PATH="../../../webm-video"
+
+imageFileArr=("colors-16x8.png" "colors-8x16.png")
+numImageFiles=${#imageFileArr[@]}
+
+# Copy image files, and generate webm files:
+for ((i = 0; i < $numImageFiles; i++)); do
+  imageFileName=${imageFileArr[$i]}
+  imageDest=$VIDEO_REFTEST_PATH/$imageFileName
+
+  echo "Copying $imageDest."
+  hg cp support/$imageFileName $imageDest
+
+  videoDest=`echo $imageDest | sed "s/png/webm/"`
+  echo "Generating $videoDest."
+  png2yuv -f 1 -I p -b 1 -n 1 -j $imageDest \
+    | vpxenc --passes=1 --pass=1 --codec=vp9 --lossless=1 --max-q=0 -o $videoDest -
+  hg add $videoDest
+done
+
+reftestListFileName="$VIDEO_REFTEST_PATH/reftest.list"
+
+# Loop across all <video poster> tests:
+for origTestName in object-position-png-*p.html; do
+  # Find the corresponding reference case:
+  origReferenceName=$(echo $origTestName |
+                      sed "s/p.html/-ref.html/")
+
+  # The generated testcase will have "-webm" instead of "-png", and unlike
+  # the original png test, it won't have a single-letter suffix to indicate the
+  # particular container element. (since it's unnecessary -- there's only one
+  # possible container element for webm, "<video>")
+  videoTestName=$(echo $origTestName |
+                  sed "s/png/webm/" |
+                  sed "s/p.html/.html/")
+
+  videoReferenceName=$(echo $videoTestName |
+                       sed "s/.html/-ref.html/")
+
+  # Generate reference file (dropping "support" subdir from image paths):
+  echo "Copying $origReferenceName to $VIDEO_REFTEST_PATH."
+  videoReferenceFullPath=$VIDEO_REFTEST_PATH/$videoReferenceName
+  hg cp $origReferenceName $videoReferenceFullPath
+  sed -i "s,support/,," $videoReferenceFullPath
+
+  # Generate testcase
+  # (converting <video poster="support/foo.png"> to <video src="foo.webm">):
+  echo "Generating $videoTestName from $origTestName."
+  videoTestFullPath=$VIDEO_REFTEST_PATH/$videoTestName
+  hg cp $origTestName $videoTestFullPath
+  sed -i "s/PNG image/WebM video/" $videoTestFullPath
+  sed -i "s/poster/src/" $videoTestFullPath
+  sed -i "s,support/,," $videoTestFullPath
+  sed -i "s/png/webm/" $videoTestFullPath
+  sed -i "s/$origReferenceName/$videoReferenceName/" $videoTestFullPath
+
+  # Update reftest manifest:
+  annotation="fails-if(layersGPUAccelerated) skip-if(Android||B2G)"
+  comment="# Bug 1098417 for across-the-board failure, Bug 1083516 for layersGPUAccelerated failures, Bug 1084564 for Android/B2G failures"
+  echo "$annotation == $videoTestName $videoReferenceName $comment" \
+    >> $reftestListFileName
+
+done
diff --git a/layout/reftests/webm-video/green70x30.png b/layout/reftests/webm-video/green70x30.png
new file mode 100644
index 0000000000..b2bf32762d
Binary files /dev/null and b/layout/reftests/webm-video/green70x30.png differ
diff --git a/layout/reftests/webm-video/object-aspect-ratio-1a.xhtml b/layout/reftests/webm-video/object-aspect-ratio-1a.xhtml
new file mode 100644
index 0000000000..acb7b3916a
--- /dev/null
+++ b/layout/reftests/webm-video/object-aspect-ratio-1a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.webm" style="width:340px; height:100px; position:relative; top:100px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/object-aspect-ratio-1b.xhtml b/layout/reftests/webm-video/object-aspect-ratio-1b.xhtml
new file mode 100644
index 0000000000..280b2b2078
--- /dev/null
+++ b/layout/reftests/webm-video/object-aspect-ratio-1b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.webm" style="width:140px; height:300px; position:relative; left:100px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>  
diff --git a/layout/reftests/webm-video/object-aspect-ratio-2a.xhtml b/layout/reftests/webm-video/object-aspect-ratio-2a.xhtml
new file mode 100644
index 0000000000..04f452a942
--- /dev/null
+++ b/layout/reftests/webm-video/object-aspect-ratio-2a.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.webm" style="width:680px; height:200px; position:relative; top:200px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/object-aspect-ratio-2b.xhtml b/layout/reftests/webm-video/object-aspect-ratio-2b.xhtml
new file mode 100644
index 0000000000..cf1adababd
--- /dev/null
+++ b/layout/reftests/webm-video/object-aspect-ratio-2b.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<object data="black140x100.webm" style="width:280px; height:600px; position:relative; left:200px;"></object>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/object-fit-contain-webm-001-ref.html b/layout/reftests/webm-video/object-fit-contain-webm-001-ref.html
new file mode 100644
index 0000000000..2f96fbfd81
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-contain-webm-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-contain-webm-001.html b/layout/reftests/webm-video/object-fit-contain-webm-001.html
new file mode 100644
index 0000000000..6bf61d9651
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-contain-webm-001.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: contain' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-contain-webm-001-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-16x8.webm" class="bigWide tr"></video>
+    <video src="colors-16x8.webm" class="bigWide bl"></video>
+    <video src="colors-16x8.webm" class="bigWide tl"></video>
+    <video src="colors-16x8.webm" class="bigWide br"></video>
+    <video src="colors-16x8.webm" class="bigWide tc"></video>
+    <video src="colors-16x8.webm" class="bigWide cr"></video>
+    <video src="colors-16x8.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-16x8.webm" class="bigTall tr"></video>
+    <video src="colors-16x8.webm" class="bigTall bl"></video>
+    <video src="colors-16x8.webm" class="bigTall tl"></video>
+    <video src="colors-16x8.webm" class="bigTall br"></video>
+    <video src="colors-16x8.webm" class="bigTall tc"></video>
+    <video src="colors-16x8.webm" class="bigTall cr"></video>
+    <video src="colors-16x8.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-16x8.webm" class="small tr"></video>
+    <video src="colors-16x8.webm" class="small bl"></video>
+    <video src="colors-16x8.webm" class="small tl"></video>
+    <video src="colors-16x8.webm" class="small br"></video>
+    <video src="colors-16x8.webm" class="small tc"></video>
+    <video src="colors-16x8.webm" class="small cr"></video>
+    <video src="colors-16x8.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-contain-webm-002-ref.html b/layout/reftests/webm-video/object-fit-contain-webm-002-ref.html
new file mode 100644
index 0000000000..bff827c5c6
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-contain-webm-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-contain-webm-002.html b/layout/reftests/webm-video/object-fit-contain-webm-002.html
new file mode 100644
index 0000000000..f08079ee9c
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-contain-webm-002.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: contain' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-contain-webm-002-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-8x16.webm" class="bigWide tr"></video>
+    <video src="colors-8x16.webm" class="bigWide bl"></video>
+    <video src="colors-8x16.webm" class="bigWide tl"></video>
+    <video src="colors-8x16.webm" class="bigWide br"></video>
+    <video src="colors-8x16.webm" class="bigWide tc"></video>
+    <video src="colors-8x16.webm" class="bigWide cr"></video>
+    <video src="colors-8x16.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-8x16.webm" class="bigTall tr"></video>
+    <video src="colors-8x16.webm" class="bigTall bl"></video>
+    <video src="colors-8x16.webm" class="bigTall tl"></video>
+    <video src="colors-8x16.webm" class="bigTall br"></video>
+    <video src="colors-8x16.webm" class="bigTall tc"></video>
+    <video src="colors-8x16.webm" class="bigTall cr"></video>
+    <video src="colors-8x16.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-8x16.webm" class="small tr"></video>
+    <video src="colors-8x16.webm" class="small bl"></video>
+    <video src="colors-8x16.webm" class="small tl"></video>
+    <video src="colors-8x16.webm" class="small br"></video>
+    <video src="colors-8x16.webm" class="small tc"></video>
+    <video src="colors-8x16.webm" class="small cr"></video>
+    <video src="colors-8x16.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-cover-webm-001-ref.html b/layout/reftests/webm-video/object-fit-cover-webm-001-ref.html
new file mode 100644
index 0000000000..fa4f776702
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-cover-webm-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-cover-webm-001.html b/layout/reftests/webm-video/object-fit-cover-webm-001.html
new file mode 100644
index 0000000000..efdee21531
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-cover-webm-001.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: cover' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-cover-webm-001-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-16x8.webm" class="bigWide tr"></video>
+    <video src="colors-16x8.webm" class="bigWide bl"></video>
+    <video src="colors-16x8.webm" class="bigWide tl"></video>
+    <video src="colors-16x8.webm" class="bigWide br"></video>
+    <video src="colors-16x8.webm" class="bigWide tc"></video>
+    <video src="colors-16x8.webm" class="bigWide cr"></video>
+    <video src="colors-16x8.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-16x8.webm" class="bigTall tr"></video>
+    <video src="colors-16x8.webm" class="bigTall bl"></video>
+    <video src="colors-16x8.webm" class="bigTall tl"></video>
+    <video src="colors-16x8.webm" class="bigTall br"></video>
+    <video src="colors-16x8.webm" class="bigTall tc"></video>
+    <video src="colors-16x8.webm" class="bigTall cr"></video>
+    <video src="colors-16x8.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-16x8.webm" class="small tr"></video>
+    <video src="colors-16x8.webm" class="small bl"></video>
+    <video src="colors-16x8.webm" class="small tl"></video>
+    <video src="colors-16x8.webm" class="small br"></video>
+    <video src="colors-16x8.webm" class="small tc"></video>
+    <video src="colors-16x8.webm" class="small cr"></video>
+    <video src="colors-16x8.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-cover-webm-002-ref.html b/layout/reftests/webm-video/object-fit-cover-webm-002-ref.html
new file mode 100644
index 0000000000..eb4c3dcad3
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-cover-webm-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-cover-webm-002.html b/layout/reftests/webm-video/object-fit-cover-webm-002.html
new file mode 100644
index 0000000000..5be9f59d78
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-cover-webm-002.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: cover' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-cover-webm-002-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-8x16.webm" class="bigWide tr"></video>
+    <video src="colors-8x16.webm" class="bigWide bl"></video>
+    <video src="colors-8x16.webm" class="bigWide tl"></video>
+    <video src="colors-8x16.webm" class="bigWide br"></video>
+    <video src="colors-8x16.webm" class="bigWide tc"></video>
+    <video src="colors-8x16.webm" class="bigWide cr"></video>
+    <video src="colors-8x16.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-8x16.webm" class="bigTall tr"></video>
+    <video src="colors-8x16.webm" class="bigTall bl"></video>
+    <video src="colors-8x16.webm" class="bigTall tl"></video>
+    <video src="colors-8x16.webm" class="bigTall br"></video>
+    <video src="colors-8x16.webm" class="bigTall tc"></video>
+    <video src="colors-8x16.webm" class="bigTall cr"></video>
+    <video src="colors-8x16.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-8x16.webm" class="small tr"></video>
+    <video src="colors-8x16.webm" class="small bl"></video>
+    <video src="colors-8x16.webm" class="small tl"></video>
+    <video src="colors-8x16.webm" class="small br"></video>
+    <video src="colors-8x16.webm" class="small tc"></video>
+    <video src="colors-8x16.webm" class="small cr"></video>
+    <video src="colors-8x16.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-fill-webm-001-ref.html b/layout/reftests/webm-video/object-fit-fill-webm-001-ref.html
new file mode 100644
index 0000000000..0e8d1bd822
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-fill-webm-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-fill-webm-001.html b/layout/reftests/webm-video/object-fit-fill-webm-001.html
new file mode 100644
index 0000000000..c4c1a0ed16
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-fill-webm-001.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: fill' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-fill-webm-001-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-16x8.webm" class="bigWide tr"></video>
+    <video src="colors-16x8.webm" class="bigWide bl"></video>
+    <video src="colors-16x8.webm" class="bigWide tl"></video>
+    <video src="colors-16x8.webm" class="bigWide br"></video>
+    <video src="colors-16x8.webm" class="bigWide tc"></video>
+    <video src="colors-16x8.webm" class="bigWide cr"></video>
+    <video src="colors-16x8.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-16x8.webm" class="bigTall tr"></video>
+    <video src="colors-16x8.webm" class="bigTall bl"></video>
+    <video src="colors-16x8.webm" class="bigTall tl"></video>
+    <video src="colors-16x8.webm" class="bigTall br"></video>
+    <video src="colors-16x8.webm" class="bigTall tc"></video>
+    <video src="colors-16x8.webm" class="bigTall cr"></video>
+    <video src="colors-16x8.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-16x8.webm" class="small tr"></video>
+    <video src="colors-16x8.webm" class="small bl"></video>
+    <video src="colors-16x8.webm" class="small tl"></video>
+    <video src="colors-16x8.webm" class="small br"></video>
+    <video src="colors-16x8.webm" class="small tc"></video>
+    <video src="colors-16x8.webm" class="small cr"></video>
+    <video src="colors-16x8.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-fill-webm-002-ref.html b/layout/reftests/webm-video/object-fit-fill-webm-002-ref.html
new file mode 100644
index 0000000000..8e22d3d57e
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-fill-webm-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-fill-webm-002.html b/layout/reftests/webm-video/object-fit-fill-webm-002.html
new file mode 100644
index 0000000000..fa487c174a
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-fill-webm-002.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: fill' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-fill-webm-002-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-8x16.webm" class="bigWide tr"></video>
+    <video src="colors-8x16.webm" class="bigWide bl"></video>
+    <video src="colors-8x16.webm" class="bigWide tl"></video>
+    <video src="colors-8x16.webm" class="bigWide br"></video>
+    <video src="colors-8x16.webm" class="bigWide tc"></video>
+    <video src="colors-8x16.webm" class="bigWide cr"></video>
+    <video src="colors-8x16.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-8x16.webm" class="bigTall tr"></video>
+    <video src="colors-8x16.webm" class="bigTall bl"></video>
+    <video src="colors-8x16.webm" class="bigTall tl"></video>
+    <video src="colors-8x16.webm" class="bigTall br"></video>
+    <video src="colors-8x16.webm" class="bigTall tc"></video>
+    <video src="colors-8x16.webm" class="bigTall cr"></video>
+    <video src="colors-8x16.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-8x16.webm" class="small tr"></video>
+    <video src="colors-8x16.webm" class="small bl"></video>
+    <video src="colors-8x16.webm" class="small tl"></video>
+    <video src="colors-8x16.webm" class="small br"></video>
+    <video src="colors-8x16.webm" class="small tc"></video>
+    <video src="colors-8x16.webm" class="small cr"></video>
+    <video src="colors-8x16.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-none-webm-001-ref.html b/layout/reftests/webm-video/object-fit-none-webm-001-ref.html
new file mode 100644
index 0000000000..49c08ab88f
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-none-webm-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-none-webm-001.html b/layout/reftests/webm-video/object-fit-none-webm-001.html
new file mode 100644
index 0000000000..bb75b8eec2
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-none-webm-001.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: none' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-none-webm-001-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-16x8.webm" class="bigWide tr"></video>
+    <video src="colors-16x8.webm" class="bigWide bl"></video>
+    <video src="colors-16x8.webm" class="bigWide tl"></video>
+    <video src="colors-16x8.webm" class="bigWide br"></video>
+    <video src="colors-16x8.webm" class="bigWide tc"></video>
+    <video src="colors-16x8.webm" class="bigWide cr"></video>
+    <video src="colors-16x8.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-16x8.webm" class="bigTall tr"></video>
+    <video src="colors-16x8.webm" class="bigTall bl"></video>
+    <video src="colors-16x8.webm" class="bigTall tl"></video>
+    <video src="colors-16x8.webm" class="bigTall br"></video>
+    <video src="colors-16x8.webm" class="bigTall tc"></video>
+    <video src="colors-16x8.webm" class="bigTall cr"></video>
+    <video src="colors-16x8.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-16x8.webm" class="small tr"></video>
+    <video src="colors-16x8.webm" class="small bl"></video>
+    <video src="colors-16x8.webm" class="small tl"></video>
+    <video src="colors-16x8.webm" class="small br"></video>
+    <video src="colors-16x8.webm" class="small tc"></video>
+    <video src="colors-16x8.webm" class="small cr"></video>
+    <video src="colors-16x8.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-none-webm-002-ref.html b/layout/reftests/webm-video/object-fit-none-webm-002-ref.html
new file mode 100644
index 0000000000..34a5fdad50
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-none-webm-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-none-webm-002.html b/layout/reftests/webm-video/object-fit-none-webm-002.html
new file mode 100644
index 0000000000..c9114cb294
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-none-webm-002.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: none' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-none-webm-002-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-8x16.webm" class="bigWide tr"></video>
+    <video src="colors-8x16.webm" class="bigWide bl"></video>
+    <video src="colors-8x16.webm" class="bigWide tl"></video>
+    <video src="colors-8x16.webm" class="bigWide br"></video>
+    <video src="colors-8x16.webm" class="bigWide tc"></video>
+    <video src="colors-8x16.webm" class="bigWide cr"></video>
+    <video src="colors-8x16.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-8x16.webm" class="bigTall tr"></video>
+    <video src="colors-8x16.webm" class="bigTall bl"></video>
+    <video src="colors-8x16.webm" class="bigTall tl"></video>
+    <video src="colors-8x16.webm" class="bigTall br"></video>
+    <video src="colors-8x16.webm" class="bigTall tc"></video>
+    <video src="colors-8x16.webm" class="bigTall cr"></video>
+    <video src="colors-8x16.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-8x16.webm" class="small tr"></video>
+    <video src="colors-8x16.webm" class="small bl"></video>
+    <video src="colors-8x16.webm" class="small tl"></video>
+    <video src="colors-8x16.webm" class="small br"></video>
+    <video src="colors-8x16.webm" class="small tc"></video>
+    <video src="colors-8x16.webm" class="small cr"></video>
+    <video src="colors-8x16.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-scale-down-webm-001-ref.html b/layout/reftests/webm-video/object-fit-scale-down-webm-001-ref.html
new file mode 100644
index 0000000000..58c0abacd3
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-scale-down-webm-001-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-scale-down-webm-001.html b/layout/reftests/webm-video/object-fit-scale-down-webm-001.html
new file mode 100644
index 0000000000..1601a4f5b7
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-scale-down-webm-001.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: scale-down' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-scale-down-webm-001-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-16x8.webm" class="bigWide tr"></video>
+    <video src="colors-16x8.webm" class="bigWide bl"></video>
+    <video src="colors-16x8.webm" class="bigWide tl"></video>
+    <video src="colors-16x8.webm" class="bigWide br"></video>
+    <video src="colors-16x8.webm" class="bigWide tc"></video>
+    <video src="colors-16x8.webm" class="bigWide cr"></video>
+    <video src="colors-16x8.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-16x8.webm" class="bigTall tr"></video>
+    <video src="colors-16x8.webm" class="bigTall bl"></video>
+    <video src="colors-16x8.webm" class="bigTall tl"></video>
+    <video src="colors-16x8.webm" class="bigTall br"></video>
+    <video src="colors-16x8.webm" class="bigTall tc"></video>
+    <video src="colors-16x8.webm" class="bigTall cr"></video>
+    <video src="colors-16x8.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-16x8.webm" class="small tr"></video>
+    <video src="colors-16x8.webm" class="small bl"></video>
+    <video src="colors-16x8.webm" class="small tl"></video>
+    <video src="colors-16x8.webm" class="small br"></video>
+    <video src="colors-16x8.webm" class="small tc"></video>
+    <video src="colors-16x8.webm" class="small cr"></video>
+    <video src="colors-16x8.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-scale-down-webm-002-ref.html b/layout/reftests/webm-video/object-fit-scale-down-webm-002-ref.html
new file mode 100644
index 0000000000..1a554b7da8
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-scale-down-webm-002-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-fit-scale-down-webm-002.html b/layout/reftests/webm-video/object-fit-scale-down-webm-002.html
new file mode 100644
index 0000000000..ec143cc789
--- /dev/null
+++ b/layout/reftests/webm-video/object-fit-scale-down-webm-002.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'object-fit: scale-down' on video element, with a WebM video and with various 'object-position' values</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-fit-scale-down-webm-002-ref.html">
+    <style type="text/css">
+      video {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+        image-rendering: -moz-crisp-edges;
+        float: left;
+      }
+
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <video src="colors-8x16.webm" class="bigWide tr"></video>
+    <video src="colors-8x16.webm" class="bigWide bl"></video>
+    <video src="colors-8x16.webm" class="bigWide tl"></video>
+    <video src="colors-8x16.webm" class="bigWide br"></video>
+    <video src="colors-8x16.webm" class="bigWide tc"></video>
+    <video src="colors-8x16.webm" class="bigWide cr"></video>
+    <video src="colors-8x16.webm" class="bigWide"></video>
+    <br>
+    <!-- big/tall: -->
+    <video src="colors-8x16.webm" class="bigTall tr"></video>
+    <video src="colors-8x16.webm" class="bigTall bl"></video>
+    <video src="colors-8x16.webm" class="bigTall tl"></video>
+    <video src="colors-8x16.webm" class="bigTall br"></video>
+    <video src="colors-8x16.webm" class="bigTall tc"></video>
+    <video src="colors-8x16.webm" class="bigTall cr"></video>
+    <video src="colors-8x16.webm" class="bigTall"></video>
+    <br>
+    <!-- small: -->
+    <video src="colors-8x16.webm" class="small tr"></video>
+    <video src="colors-8x16.webm" class="small bl"></video>
+    <video src="colors-8x16.webm" class="small tl"></video>
+    <video src="colors-8x16.webm" class="small br"></video>
+    <video src="colors-8x16.webm" class="small tc"></video>
+    <video src="colors-8x16.webm" class="small cr"></video>
+    <video src="colors-8x16.webm" class="small"></video>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-position-webm-001-ref.html b/layout/reftests/webm-video/object-position-webm-001-ref.html
new file mode 100644
index 0000000000..4a1267a4fd
--- /dev/null
+++ b/layout/reftests/webm-video/object-position-webm-001-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      div {
+        background: lightgray;
+        margin-right: 2px;
+        background-image: url("colors-16x8.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        float: left;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_y-7  { background-position: 50%  -7% }
+      .op_y13  { background-position: 50%  13% }
+      .op_y23  { background-position: 50%  23% }
+      .op_y50  { background-position: 50%  50% }
+      .op_y75  { background-position: 50%  75% }
+      .op_y88  { background-position: 50%  88% }
+      .op_y111 { background-position: 50% 111% }
+
+    </style>
+  </head>
+  <body>
+    <div class="op_y-7"></div>
+    <div class="op_y13"></div>
+    <div class="op_y23"></div>
+    <div class="op_y50"></div>
+    <div class="op_y75"></div>
+    <div class="op_y88"></div>
+    <div class="op_y111"></div>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-position-webm-001.html b/layout/reftests/webm-video/object-position-webm-001.html
new file mode 100644
index 0000000000..90e7881e61
--- /dev/null
+++ b/layout/reftests/webm-video/object-position-webm-001.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: various 'object-position' values on a fixed-size video element, with a WebM video and 'object-fit:contain'.</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-position-webm-001-ref.html">
+    <style type="text/css">
+      video {
+        background: lightgray;
+        margin-right: 2px;
+        object-fit: contain;
+        float: left;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_y-7  { object-position: 50%  -7% }
+      .op_y13  { object-position: 50%  13% }
+      .op_y23  { object-position: 50%  23% }
+      .op_y50  { object-position: 50%  50% }
+      .op_y75  { object-position: 50%  75% }
+      .op_y88  { object-position: 50%  88% }
+      .op_y111 { object-position: 50% 111% }
+
+    </style>
+  </head>
+  <body>
+    <video src="colors-16x8.webm" class="op_y-7"></video>
+    <video src="colors-16x8.webm" class="op_y13"></video>
+    <video src="colors-16x8.webm" class="op_y23"></video>
+    <video src="colors-16x8.webm" class="op_y50"></video>
+    <video src="colors-16x8.webm" class="op_y75"></video>
+    <video src="colors-16x8.webm" class="op_y88"></video>
+    <video src="colors-16x8.webm" class="op_y111"></video>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-position-webm-002-ref.html b/layout/reftests/webm-video/object-position-webm-002-ref.html
new file mode 100644
index 0000000000..8c687d3e9b
--- /dev/null
+++ b/layout/reftests/webm-video/object-position-webm-002-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      div {
+        background: lightgray;
+        margin-right: 2px;
+        background-image: url("colors-8x16.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        float: left;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_x-7  { background-position:  -7% 50% }
+      .op_x13  { background-position:  13% 50% }
+      .op_x23  { background-position:  23% 50% }
+      .op_x50  { background-position:  50% 50% }
+      .op_x75  { background-position:  75% 50% }
+      .op_x88  { background-position:  88% 50% }
+      .op_x111 { background-position: 111% 50% }
+
+    </style>
+  </head>
+  <body>
+    <div class="op_x-7"></div>
+    <div class="op_x13"></div>
+    <div class="op_x23"></div>
+    <div class="op_x50"></div>
+    <div class="op_x75"></div>
+    <div class="op_x88"></div>
+    <div class="op_x111"></div>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/object-position-webm-002.html b/layout/reftests/webm-video/object-position-webm-002.html
new file mode 100644
index 0000000000..f2980189a4
--- /dev/null
+++ b/layout/reftests/webm-video/object-position-webm-002.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: various 'object-position' values on a fixed-size video element, with a WebM video and 'object-fit:contain'.</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#sizing">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-fit">
+    <link rel="help" href="http://www.w3.org/TR/css3-images/#the-object-position">
+    <link rel="match" href="object-position-webm-002-ref.html">
+    <style type="text/css">
+      video {
+        background: lightgray;
+        margin-right: 2px;
+        object-fit: contain;
+        float: left;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_x-7  { object-position: -7%  50% }
+      .op_x13  { object-position: 13%  50% }
+      .op_x23  { object-position: 23%  50% }
+      .op_x50  { object-position: 50%  50% }
+      .op_x75  { object-position: 75%  50% }
+      .op_x88  { object-position: 88%  50% }
+      .op_x111 { object-position: 111% 50% }
+
+    </style>
+  </head>
+  <body>
+    <video src="colors-8x16.webm" class="op_x-7"></video>
+    <video src="colors-8x16.webm" class="op_x13"></video>
+    <video src="colors-8x16.webm" class="op_x23"></video>
+    <video src="colors-8x16.webm" class="op_x50"></video>
+    <video src="colors-8x16.webm" class="op_x75"></video>
+    <video src="colors-8x16.webm" class="op_x88"></video>
+    <video src="colors-8x16.webm" class="op_x111"></video>
+  </body>
+</html>
diff --git a/layout/reftests/webm-video/offset-1-ref.html b/layout/reftests/webm-video/offset-1-ref.html
new file mode 100644
index 0000000000..61a1dc83a7
--- /dev/null
+++ b/layout/reftests/webm-video/offset-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<div style="width:29px; height:29px; background:black;"></div>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/offset-1.xhtml b/layout/reftests/webm-video/offset-1.xhtml
new file mode 100644
index 0000000000..91e5c6bccb
--- /dev/null
+++ b/layout/reftests/webm-video/offset-1.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white;">
+<video src="black29x19offset.webm"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/webm-video/poster-1.html b/layout/reftests/webm-video/poster-1.html
new file mode 100644
index 0000000000..1e5e414a3e
--- /dev/null
+++ b/layout/reftests/webm-video/poster-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!-- Ensure video element displays at poster size when video's intrinsic size isn't available -->
+<video preload="none" src="black140x100.webm" poster="blue250x200.png"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-10.html b/layout/reftests/webm-video/poster-10.html
new file mode 100644
index 0000000000..fc9571aacc
--- /dev/null
+++ b/layout/reftests/webm-video/poster-10.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!-- Test: Create video, add poster, load. Should display poster. -->
+<script>
+function runTest() {
+  var v = document.createElement('video');
+  v.addEventListener('loadeddata', function(){setTimeout(function(){document.documentElement.className = '';}, 0);});
+  v.id = 'v';
+  v.src = "black140x100.webm";
+  v.poster = "blue250x200.png";
+  v.preload = "auto";
+  document.body.appendChild(v);
+}
+
+</script>
+<body style="background:white;" onload="runTest();">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-11.html b/layout/reftests/webm-video/poster-11.html
new file mode 100644
index 0000000000..c8bc43cd66
--- /dev/null
+++ b/layout/reftests/webm-video/poster-11.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!-- Test: Create video, load. Add poster frame, load again, poster should show. -->
+<script>
+function runTest() {
+  var v = document.createElement('video');
+  
+  var endTest = function() {
+    setTimeout(function(){document.documentElement.className = '';}, 0);
+  };  
+  
+  var addPoster = function() {
+    v.removeEventListener('loadeddata', addPoster);
+    v.poster = "blue140x100.png";
+    v.addEventListener('loadeddata', endTest);
+    v.load();
+  };
+  
+  v.addEventListener('loadeddata', addPoster);
+  v.id = 'v';
+  v.src = "black140x100.webm";
+  v.preload = "auto";
+  document.body.appendChild(v);
+}
+
+</script>
+<body style="background:white;" onload="runTest();">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-12.html b/layout/reftests/webm-video/poster-12.html
new file mode 100644
index 0000000000..f67a4220ff
--- /dev/null
+++ b/layout/reftests/webm-video/poster-12.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<!-- Test: Create video, load, play. Add poster frame, load again, poster should show. -->
+<script>
+function runTest() {
+  var v = document.createElement('video');
+  
+  var endTest = function() {
+    setTimeout(function(){document.documentElement.className = '';}, 0);
+  };
+  
+  var play = 
+    function() {
+      v.removeEventListener('loadeddata', play);
+      v.play();
+    }
+
+  var addPoster = function() {
+    v.removeEventListener('playing', addPoster);
+    v.poster = "blue140x100.png";
+    v.addEventListener('loadeddata', endTest);
+    v.load();
+  };
+
+  v.addEventListener('loadeddata',
+                     play);
+  v.addEventListener('playing',
+                     addPoster);
+  v.id = 'v';
+  v.src = "black140x100.webm";
+  v.preload = "auto";
+  document.body.appendChild(v);
+}
+
+</script>
+<body style="background:white;" onload="runTest();">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-13.html b/layout/reftests/webm-video/poster-13.html
new file mode 100644
index 0000000000..8f78149dfb
--- /dev/null
+++ b/layout/reftests/webm-video/poster-13.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!-- Test that poster is stretched by css styling. -->
+<video src="black140x100.webm" poster="blue250x200.png" style="width: 288px; height: 216px;"></video>
+
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-15.html b/layout/reftests/webm-video/poster-15.html
new file mode 100644
index 0000000000..b24cccea76
--- /dev/null
+++ b/layout/reftests/webm-video/poster-15.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html>
+<!-- Test that poster is correctly laid out inside borders. Also test that 
+     poster frames smaller than video don't have the video frame drawn behind
+     them etc. -->
+<body style="background:white;">
+<video src="black140x100.webm"
+       poster="green70x30.png"
+       preload="none"
+       style="border: solid blue 2px;">
+</video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-2.html b/layout/reftests/webm-video/poster-2.html
new file mode 100644
index 0000000000..079583cbd7
--- /dev/null
+++ b/layout/reftests/webm-video/poster-2.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<!-- Test if poster frame with invalid poster displays video frame. -->
+<video src="black140x100.webm" poster="not-a-valid-file"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-3.html b/layout/reftests/webm-video/poster-3.html
new file mode 100644
index 0000000000..cf7a2527cc
--- /dev/null
+++ b/layout/reftests/webm-video/poster-3.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test if poster hides after playing with autoplay. -->
+<video src="black140x100.webm"
+       poster="blue250x200.png"
+       preload="auto"
+       autoplay
+       onplaying="setTimeout(function(){document.documentElement.className = '';},0);"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-4.html b/layout/reftests/webm-video/poster-4.html
new file mode 100644
index 0000000000..91ad6ea3bc
--- /dev/null
+++ b/layout/reftests/webm-video/poster-4.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;"
+      onload="setTimeout(function(){document.documentElement.className = '';}, 0);">
+<!-- Test if we show video frame after removing valid poster. -->
+<video src="black140x100.webm"
+       preload="auto"
+       id="v"
+       poster="blue250x200.png"></video>
+<script type="text/javascript">
+  document.getElementById('v').poster = '';
+</script>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-5.html b/layout/reftests/webm-video/poster-5.html
new file mode 100644
index 0000000000..c73e8f3ed2
--- /dev/null
+++ b/layout/reftests/webm-video/poster-5.html
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test to ensure that changing the poster after video has painted its first
+     frame doesn't render the poster. The video frame should not change to the
+     poster, since it's already painted its first video frame. -->
+<video src="black140x100.webm"
+       preload="auto"
+       id="v"
+       autoplay
+       onended="document.getElementById('v').poster = 'blue250x200.png'; setTimeout(function(){document.documentElement.className = '';},0);"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-6.html b/layout/reftests/webm-video/poster-6.html
new file mode 100644
index 0000000000..f73eac02cf
--- /dev/null
+++ b/layout/reftests/webm-video/poster-6.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test that poster frame should hide after completing a seek. -->
+<video src="black140x100.webm"
+       preload="auto"
+       id="v"
+       onloadeddata="var v = document.getElementById('v'); v.currentTime = v.duration;"
+       onseeked="setTimeout(function(){document.documentElement.className = '';}, 0);"
+       poster="blue250x200.png"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-7.html b/layout/reftests/webm-video/poster-7.html
new file mode 100644
index 0000000000..769858cd60
--- /dev/null
+++ b/layout/reftests/webm-video/poster-7.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;"
+      onload="setTimeout(function(){document.documentElement.className = '';}, 0);">
+<!-- Test that poster frame changes when you change the poster attribute. -->
+<video src="black140x100.webm"
+       preload="none"
+       id="v"
+       poster="blue250x200.png"></video>
+<script type="text/javascript">
+  document.getElementById('v').poster = 'red140x100.png';
+</script>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-8.html b/layout/reftests/webm-video/poster-8.html
new file mode 100644
index 0000000000..8b614da7be
--- /dev/null
+++ b/layout/reftests/webm-video/poster-8.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<body style="background:white;">
+<!-- Test if poster hides after playing with play() call. -->
+<video src="black140x100.webm"
+       poster="blue250x200.png"
+       id="v"
+       preload="auto"
+       onloadeddata="document.getElementById('v').play();"
+       onplaying="setTimeout(function(){document.documentElement.className = '';}, 0);"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-ref-black140x100.html b/layout/reftests/webm-video/poster-ref-black140x100.html
new file mode 100644
index 0000000000..60276075f0
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-black140x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<video src="black140x100.webm" preload="auto"></video>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-ref-blue125x100.html b/layout/reftests/webm-video/poster-ref-blue125x100.html
new file mode 100644
index 0000000000..90795ae911
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-blue125x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue140x100.png" alt="poster" style="position: absolute; height: 100px; width: 125px; left: 16px">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-ref-blue140x100.html b/layout/reftests/webm-video/poster-ref-blue140x100.html
new file mode 100644
index 0000000000..66540b8e85
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-blue140x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue140x100.png" alt="poster">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-ref-blue250x200.html b/layout/reftests/webm-video/poster-ref-blue250x200.html
new file mode 100644
index 0000000000..050d53dfb3
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-blue250x200.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue250x200.png" alt="poster">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-ref-blue400x300.html b/layout/reftests/webm-video/poster-ref-blue400x300.html
new file mode 100644
index 0000000000..8c32ff715d
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-blue400x300.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="blue250x200.png" style="position: relative; width: 270px; height: 216px; left: 9px;">
+</body>
+</html>
+
+
diff --git a/layout/reftests/webm-video/poster-ref-green70x30.html b/layout/reftests/webm-video/poster-ref-green70x30.html
new file mode 100644
index 0000000000..f979220a6a
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-green70x30.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="green70x30.png" alt="poster" style="border: solid blue 2px;">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-ref-red140x100.html b/layout/reftests/webm-video/poster-ref-red140x100.html
new file mode 100644
index 0000000000..3ac08d29e2
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-red140x100.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="red140x100.png" alt="poster">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/poster-ref-red160x120.html b/layout/reftests/webm-video/poster-ref-red160x120.html
new file mode 100644
index 0000000000..4b697ff0dd
--- /dev/null
+++ b/layout/reftests/webm-video/poster-ref-red160x120.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white;">
+<img src="red160x120.png" alt="poster">
+</body>
+</html>
diff --git a/layout/reftests/webm-video/red140x100.png b/layout/reftests/webm-video/red140x100.png
new file mode 100644
index 0000000000..20250771f3
Binary files /dev/null and b/layout/reftests/webm-video/red140x100.png differ
diff --git a/layout/reftests/webm-video/red160x120.png b/layout/reftests/webm-video/red160x120.png
new file mode 100644
index 0000000000..21737a0e8e
Binary files /dev/null and b/layout/reftests/webm-video/red160x120.png differ
diff --git a/layout/reftests/webm-video/reftest.list b/layout/reftests/webm-video/reftest.list
new file mode 100644
index 0000000000..04307a1cef
--- /dev/null
+++ b/layout/reftests/webm-video/reftest.list
@@ -0,0 +1,57 @@
+# NOTE: bug 1084564 covers "fails"/"skip" annotations for android below:
+fails-if(Android) == aspect-ratio-1a.xhtml aspect-ratio-1-ref.html
+fails-if(Android) == aspect-ratio-1b.xhtml aspect-ratio-1-ref.html
+fails-if(Android) skip-if(gtkWidget) == aspect-ratio-2a.xhtml aspect-ratio-2-ref.html
+fails-if(Android) skip-if(gtkWidget) == aspect-ratio-2b.xhtml aspect-ratio-2-ref.html
+== aspect-ratio-3a.xhtml aspect-ratio-3-ref.xhtml
+== aspect-ratio-3b.xhtml aspect-ratio-3-ref.xhtml
+fails-if(Android) random-if(layersGPUAccelerated) == encoded-aspect-ratio-1.html encoded-aspect-ratio-1-ref.html
+fails-if(Android) == basic-1.xhtml basic-1-ref.html
+== canvas-1a.xhtml basic-1-ref.html
+fails-if(Android) == canvas-1b.xhtml basic-1-ref.html
+== clipping-1a.html clipping-1-ref.html
+== empty-1a.html empty-1-ref.html
+== empty-1b.html empty-1-ref.html
+#these is skipped because we hang on the htmlparser tests when this is ran
+random == object-aspect-ratio-1a.xhtml aspect-ratio-1-ref.html
+random == object-aspect-ratio-1b.xhtml aspect-ratio-1-ref.html
+skip-if(Android) == offset-1.xhtml offset-1-ref.html
+random == object-aspect-ratio-2a.xhtml aspect-ratio-2-ref.html
+random == object-aspect-ratio-2b.xhtml aspect-ratio-2-ref.html
+fuzzy-if(winWidget,0-1,0-56000) fuzzy-if(cocoaWidget,0-1,0-56000) == zoomed-1.xhtml zoomed-1-ref.html # bug 778995 for fuzzy
+== poster-1.html poster-ref-blue250x200.html
+fails-if(Android) == poster-2.html poster-ref-black140x100.html
+== poster-3.html poster-ref-black140x100.html
+== poster-4.html poster-ref-black140x100.html
+== poster-5.html poster-ref-black140x100.html
+fails-if(Android) == poster-6.html poster-ref-black140x100.html
+fails-if(Android) == poster-7.html poster-ref-red140x100.html
+fuzzy-if(Android,0-2,0-14000) == poster-8.html poster-ref-black140x100.html
+random == poster-10.html poster-ref-blue125x100.html
+random == poster-11.html poster-ref-blue140x100.html
+random == poster-12.html poster-ref-blue140x100.html
+== poster-13.html poster-ref-blue400x300.html
+== poster-15.html poster-ref-green70x30.html
+random-if(winWidget) random-if(cocoaWidget) == bug686957.html bug686957-ref.html # bug 922951 for OS X
+== webm-alpha.html webm-alpha-ref.html
+fuzzy(0-5,0-111556) == webm-alpha-2.html webm-alpha-2-ref.html
+== webm-alpha-capture.html webm-alpha-ref.html
+
+# Tests for <video src> with 'object-fit' & 'object-position':
+# These tests should be very similar to tests in our w3c-css/submitted/images3
+# reftest directory. They live here because they use WebM video (VP9), and it
+# wouldn't be fair of us to make a W3C testsuite implicitly depend on any
+# particular (non-spec-mandated) video codec.
+defaults test-pref(gfx.ycbcr.accurate-conversion,true)
+fails-if(layersGPUAccelerated) == object-fit-contain-webm-001.html object-fit-contain-webm-001-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-contain-webm-002.html object-fit-contain-webm-002-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-cover-webm-001.html object-fit-cover-webm-001-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-cover-webm-002.html object-fit-cover-webm-002-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-fill-webm-001.html object-fit-fill-webm-001-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-fill-webm-002.html object-fit-fill-webm-002-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-none-webm-001.html object-fit-none-webm-001-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-none-webm-002.html object-fit-none-webm-002-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-scale-down-webm-001.html object-fit-scale-down-webm-001-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails-if(layersGPUAccelerated) == object-fit-scale-down-webm-002.html object-fit-scale-down-webm-002-ref.html # Bug 1083516 for layersGPUAccelerated failures
+fails == object-position-webm-001.html object-position-webm-001-ref.html # Bug 1098417 for across-the-board failure, Bug 1083516 for layersGPUAccelerated failures
+fails == object-position-webm-002.html object-position-webm-002-ref.html # Bug 1098417 for across-the-board failure, Bug 1083516 for layersGPUAccelerated failures
diff --git a/layout/reftests/webm-video/webm-alpha-2-ref.html b/layout/reftests/webm-video/webm-alpha-2-ref.html
new file mode 100644
index 0000000000..3b18f72d82
--- /dev/null
+++ b/layout/reftests/webm-video/webm-alpha-2-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Reference for reftest that checks whether WebM video with alpha is rendered with the correct stride</title>
+
+<style>
+.edgeCover {
+  position: absolute;
+  box-shadow: 0 0 0 4px magenta, inset 0 0 0 4px magenta;
+}
+</style>
+
+<div style="position: relative">
+  <div class="edgeCover" style="background: red; left: 0; top: 0; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="background: blue; left: 64px; top: 0; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="background: yellow; left: 0; top: 64px; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="background: lime; left: 64px; top: 64px; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="background: black; left: 196px; top: 0; width: 16px; height: 334px;"></div>
+</div>
diff --git a/layout/reftests/webm-video/webm-alpha-2.html b/layout/reftests/webm-video/webm-alpha-2.html
new file mode 100644
index 0000000000..de4673ed80
--- /dev/null
+++ b/layout/reftests/webm-video/webm-alpha-2.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Reftest that checks whether WebM video with alpha is rendered with the correct stride</title>
+
+<style>
+.edgeCover {
+  position: absolute;
+  box-shadow: 0 0 0 4px magenta, inset 0 0 0 4px magenta;
+}
+</style>
+
+<div style="position: relative">
+<!--
+  The video below was created as follows:
+
+  1. Run this code on the web console:
+
+var c = document.createElement("canvas")
+c.width = 334;
+c.height = 334;
+var ctx = c.getContext("2d")
+ctx.fillStyle = "white"
+ctx.fillRect(0, 0, 334, 334)
+ctx.fillStyle = "red"
+ctx.fillRect(0, 0, 64, 64)
+ctx.fillStyle = "blue"
+ctx.fillRect(64, 0, 64, 64)
+ctx.fillStyle = "yellow"
+ctx.fillRect(0, 64, 64, 64)
+ctx.fillStyle = "lime"
+ctx.fillRect(64, 64, 64, 64)
+ctx.fillStyle = "black"
+ctx.fillRect(196, 0, 16, 334)
+c.toDataURL()
+
+  2. Save the PNG to a file called "frame.png".
+  3. Convert it to a WebM file using:
+
+ffmpeg -framerate 25 -f image2 -i frame.png -c:v libvpx -auto-alt-ref 0 -pix_fmt yuva420p output.webm
+
+    (The "a" in "yuva420p" gives the video an alpha plane.)
+
+  4. Convert the WebM file to a data url.
+
+  The video size is 334x334. 334 is not divisible by 4. But 336 is divisible by 4 (and by 16).
+-->
+  <video autoplay src="data:video/webm;base64,GkXfowEAAAAAAAAfQoaBAUL3gQFC8oEEQvOBCEKChHdlYm1Ch4ECQoWBAhhTgGcBAAAAAAAFFxFNm3RAO027i1OrhBVJqWZTrIHlTbuMU6uEFlSua1OsggEjTbuMU6uEElTDZ1OsggFwTbuMU6uEHFO7a1OsggT67AEAAAAAAACbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVSalmAQAAAAAAADIq17GDD0JATYCNTGF2ZjU4LjEyLjEwMFdBjUxhdmY1OC4xMi4xMDBEiYhARAAAAAAAABZUrmsBAAAAAAAAQa4BAAAAAAAAONeBAXPFgQGcgQAitZyDdW5khoVWX1ZQOIOBASPjg4QCYloA4AEAAAAAAAAMsIIBTrqCAU5TwIEBElTDZwEAAAAAAAC/c3MBAAAAAAAALmPAAQAAAAAAAABnyAEAAAAAAAAaRaOHRU5DT0RFUkSHjUxhdmY1OC4xMi4xMDBzcwEAAAAAAAA5Y8ABAAAAAAAABGPFgQFnyAEAAAAAAAAhRaOHRU5DT0RFUkSHlExhdmM1OC4xOC4xMDAgbGlidnB4c3MBAAAAAAAAOmPAAQAAAAAAAARjxYEBZ8gBAAAAAAAAIkWjiERVUkFUSU9ORIeUMDA6MDA6MDAuMDQwMDAwMDAwAAAfQ7Z1AQAAAAAAArPngQCgAQAAAAAAAqehQa+BAAAAECMAnQEqTgFOAQBHCIWFiIWEiAICIcB/gIxxQufgP4A9Lt4jh/4A/rBxoPYH9XeeA//cV4YH+A/zP1/7vF6v8OfS+b7aiY5ZAVRd7+B19e+R7TWdOyggwiXRbKr6e46ES8nODRmmsdHCSb2Ryky5CBdA85lugf/bcPq9FrVGK6E1Eq803lynCCqlTKr6e5sQVvvWkT2mnsucsPMn40e9aRPaae5uje+FHBKKfBFvcaiVeaazp2HiP9OnTp06dOw8R/p06dOnTp2HiP9OnTp06dOw8R/p06dOnTp2HiP9OnTp06dOw8R/p06dOnTp2HiP9OnTp06dOw8R/p06dOnTp2HiP9OnTp06dOw8R/p06dOnTp2HiP9OnTp06dOw8R/pvgD98nbATdAYGPgGEfqzwHaRDoh/yUJISQz2Qf1XrtcNhRYp///IKASH//40AA+zYdKbVnQlfxAlilLFiSS41KVx1DTCUxV9DmTS53pH2k1nrQQPyJ6ZE0aSsttOFtwAJ8cYL6BIAjpRqJ11YtY+TPfKFKdft0Uxv+1K+yvSpmFBL/U1Vr1TG8yIAHWhAQAAAAAAAOumAQAAAAAAAOLugQGlQNywGQCdASpOAU4BAEcIhYWIhYSIAgIABhYE9waBZJ9r25snOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsnOHsigP7/uoMAHFO7awEAAAAAAAARu4+zgQC3iveBAfGCAjvwgQM="></video>
+  <div class="edgeCover" style="left: 0; top: 0; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="left: 64px; top: 0; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="left: 0; top: 64px; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="left: 64px; top: 64px; width: 64px; height: 64px;"></div>
+  <div class="edgeCover" style="left: 196px; top: 0; width: 16px; height: 334px;"></div>
+</div>
diff --git a/layout/reftests/webm-video/webm-alpha-capture.html b/layout/reftests/webm-video/webm-alpha-capture.html
new file mode 100644
index 0000000000..0ded69ccb7
--- /dev/null
+++ b/layout/reftests/webm-video/webm-alpha-capture.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>Test that if a WebM video has an alpha channel, it is displayed correctly when captured.</title>
+<script>
+async function runTest() {
+  const v = document.createElement("video");
+  document.body.appendChild(v);
+  const vout = document.createElement("video");
+  document.body.appendChild(vout);
+  v.preload = "auto";
+  v.src = "webm-alpha.webm";
+  await new Promise(r => v.onloadeddata = r);
+  vout.srcObject = v.mozCaptureStream();
+  v.play();
+  await new Promise(r => vout.onloadeddata = r);
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<body style="background:grey;" onload="runTest()">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/webm-video/webm-alpha-ref.html b/layout/reftests/webm-video/webm-alpha-ref.html
new file mode 100644
index 0000000000..eec49a819d
--- /dev/null
+++ b/layout/reftests/webm-video/webm-alpha-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:grey;">
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/webm-video/webm-alpha.html b/layout/reftests/webm-video/webm-alpha.html
new file mode 100644
index 0000000000..2e39072c7b
--- /dev/null
+++ b/layout/reftests/webm-video/webm-alpha.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:grey;">
+<!--
+    Test that if a WebM video has an alpha channel, it is displayed correctly.
+-->
+<video src="webm-alpha.webm">
+</video>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/webm-video/webm-alpha.webm b/layout/reftests/webm-video/webm-alpha.webm
new file mode 100644
index 0000000000..b6fe4d7b68
Binary files /dev/null and b/layout/reftests/webm-video/webm-alpha.webm differ
diff --git a/layout/reftests/webm-video/zoomed-1-ref.html b/layout/reftests/webm-video/zoomed-1-ref.html
new file mode 100644
index 0000000000..01929db7e7
--- /dev/null
+++ b/layout/reftests/webm-video/zoomed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<html>
+<body style="background:white; margin:0;">
+<div style="width:280px; height:200px; background:#010101;"></div>
+</body>
+</html>
diff --git a/layout/reftests/webm-video/zoomed-1.xhtml b/layout/reftests/webm-video/zoomed-1.xhtml
new file mode 100644
index 0000000000..fde4a1aaed
--- /dev/null
+++ b/layout/reftests/webm-video/zoomed-1.xhtml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1" reftest-zoom="2"
+     width="50%" height="50%">>
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body style="background:white; margin:0">
+<video src="black140x100.webm"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/writing-mode/1079154-1-vertical-rl-columns-ref.html b/layout/reftests/writing-mode/1079154-1-vertical-rl-columns-ref.html
new file mode 100644
index 0000000000..bbf1705df8
--- /dev/null
+++ b/layout/reftests/writing-mode/1079154-1-vertical-rl-columns-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family:test;
+  src:url(../fonts/sil/GenR102.ttf);
+}
+body { width: 500px; height: 300px; writing-mode: vertical-rl;
+       font:16px/24px test; margin: 0; border: 1px solid gray; }
+div { margin: 10px; background: #eee; }
+</style>
+</head>
+
+<body>
+
+<div>
+First single-column division.
+</div>
+
+<div>
+<div style="margin: 0; display: inline-block; height: 145px">
+Two columns<br>
+one<br>two<br>three
+</div><div style="margin: 0; display: inline-block; height: 135px; vertical-align: top">
+four<br>five<br>six
+</div>
+</div>
+
+<div>
+Another single-column division.
+</div>
+
+<div>
+<div style="margin: 0; display: inline-block; height: 95px">
+Three columns<br>
+one
+</div><div style="margin: 0; display: inline-block; height: 95px">two<br>three<br>four
+</div><div style="margin: 0; display: inline-block; height: 85px; vertical-align: top">five<br>six
+</div>
+</div>
+
+<div>
+Final single-column division.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1079154-1-vertical-rl-columns.html b/layout/reftests/writing-mode/1079154-1-vertical-rl-columns.html
new file mode 100644
index 0000000000..2dc848283d
--- /dev/null
+++ b/layout/reftests/writing-mode/1079154-1-vertical-rl-columns.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family:test;
+  src:url(../fonts/sil/GenR102.ttf);
+}
+body { width: 500px; height: 300px; writing-mode: vertical-rl;
+       font:16px/24px test; margin: 0; border: 1px solid gray; }
+div { margin: 10px; background: #eee; }
+</style>
+</head>
+
+<body>
+
+<div>
+First single-column division.
+</div>
+
+<div style="column-count:2; column-gap:10px">
+Two columns<br>
+one<br>two<br>three<br>four<br>five<br>six
+</div>
+
+<div>
+Another single-column division.
+</div>
+
+<div style="column-count:3; column-gap:5px">
+Three columns<br>
+one<br>two<br>three<br>four<br>five<br>six
+</div>
+
+<div>
+Final single-column division.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1082844-ref.html b/layout/reftests/writing-mode/1082844-ref.html
new file mode 100644
index 0000000000..954b0ef232
--- /dev/null
+++ b/layout/reftests/writing-mode/1082844-ref.html
@@ -0,0 +1,33 @@
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body > div {
+  width:225px;
+  height:225px;
+}
+body > div > div {
+width:200px;
+  height:220px;
+  border:1px solid red;
+  line-height:20px;
+  text-transform: full-width;
+}
+.v-rl { writing-mode:vertical-rl; text-orientation:upright }
+</style>
+
+</head>
+
+<body>
+<div>
+<div id="test2" class="v-rl">
+ A B C D E
+ F G H I J
+ K L M N O
+ P Q R S T
+ U V W X Y
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1082844.html b/layout/reftests/writing-mode/1082844.html
new file mode 100644
index 0000000000..b63c2167d4
--- /dev/null
+++ b/layout/reftests/writing-mode/1082844.html
@@ -0,0 +1,33 @@
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body > div {
+  width:225px;
+  height:225px;
+}
+body > div > div {
+width:200px;
+  height:220px;
+  border:1px solid red;
+  line-height:20px;
+  text-transform: full-width;
+}
+.v-rl { writing-mode:vertical-rl; text-orientation:upright }
+</style>
+
+</head>
+
+<body>
+<div>
+<div id="test2" class="v-rl">
+ A B C D E
+ F G H I J
+ K <span>L <span>M N</span> O</span>
+ P Q R S T
+ U V W X Y
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083748-ref.html b/layout/reftests/writing-mode/1083748-ref.html
new file mode 100644
index 0000000000..92a3f3273a
--- /dev/null
+++ b/layout/reftests/writing-mode/1083748-ref.html
@@ -0,0 +1,52 @@
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+body {
+  font-family: test;
+}
+body > div {
+  width:410px;
+  height:610px;
+  float:left;
+  border:1px solid green;
+  margin:5px;
+}
+body > div > div {
+  width:200px;
+  height:200px;
+  border:1px solid red;
+  line-height:20px;
+  text-transform:full-width;
+  float:left;
+}
+
+.v-lr { writing-mode:vertical-lr; text-orientation:upright }
+
+p {
+  margin: 0;
+}
+
+b {
+  background-color: rgb(224,255,224);
+}
+i {
+  background-color: rgb(255,224,224);
+}
+
+</style>
+
+</head>
+
+<body>
+<div>
+ <div class="v-lr">
+  <p>The <i>quick</i> brown fox jumps over the <b>lazy</b> dog.</p>
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083748.html b/layout/reftests/writing-mode/1083748.html
new file mode 100644
index 0000000000..fff142eb8e
--- /dev/null
+++ b/layout/reftests/writing-mode/1083748.html
@@ -0,0 +1,48 @@
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+body {
+  font-family: test;
+}
+body > div {
+  width:410px;
+  height:610px;
+  float:left;
+  border:1px solid green;
+  margin:5px;
+}
+body > div > div {
+  width:200px;
+  height:200px;
+  border:1px solid red;
+  line-height:20px;
+  text-transform:full-width;
+  float:left;
+}
+
+.v-lr { writing-mode:vertical-lr; text-orientation:upright }
+
+b {
+  background-color: rgb(224,255,224);
+}
+i {
+  background-color: rgb(255,224,224);
+}
+
+</style>
+
+</head>
+
+<body>
+<div>
+ <div class="v-lr">
+  The <i>quick</i> brown fox jumps over the <b>lazy</b> dog.
+ </div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083848-1-inline-border-ref.html b/layout/reftests/writing-mode/1083848-1-inline-border-ref.html
new file mode 100644
index 0000000000..d252cc1978
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-1-inline-border-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-family: dejavu;
+  font-size: 16px;
+  letter-spacing: 0.1em;
+  word-break:break-all;
+  text-orientation:upright;
+  width:7em;
+  height:7em;
+}
+
+.h { writing-mode:horizontal-tb; letter-spacing: 0.4em }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+b {
+  background-color: yellow;
+}
+
+.bh1 {
+  border-left: 3px solid cyan;
+}
+.bh2 {
+  border-right: 3px solid magenta;
+}
+
+.bv1 {
+  border-top: 3px solid cyan;
+}
+.bv2 {
+  border-bottom: 3px solid magenta;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bh1">F</b><b>GHIJKLMNOPQRS</b><b class="bh2">T</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bv1">F</b><b>GHIJKLMNOPQRS</b><b class="bv2">T</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bv1">F</b><b>GHIJKLMNOPQRS</b><b class="bv2">T</b>UVWXYZ</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083848-1-inline-border.html b/layout/reftests/writing-mode/1083848-1-inline-border.html
new file mode 100644
index 0000000000..38795f1391
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-1-inline-border.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-family: dejavu;
+  font-size: 16px;
+  letter-spacing: 0.1em;
+  word-break:break-all;
+  text-orientation:upright;
+  width:7em;
+  height:7em;
+}
+
+.h { writing-mode:horizontal-tb; letter-spacing: 0.4em }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+b {
+  background-color: yellow;
+}
+
+.bh {
+  border-left: 3px solid cyan;
+  border-right: 3px solid magenta;
+}
+
+.bv {
+  border-top: 3px solid cyan;
+  border-bottom: 3px solid magenta;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bh">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bv">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bv">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083848-2-inline-background-ref.html b/layout/reftests/writing-mode/1083848-2-inline-background-ref.html
new file mode 100644
index 0000000000..b7d18e7fbc
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-2-inline-background-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: mplus;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-size: 16px;
+  word-break:break-all;
+  text-orientation:upright;
+  width:7.9em;
+  height:7.9em;
+}
+
+.h { writing-mode:horizontal-tb; font-family: mplus; text-transform:full-width; }
+.v-lr { writing-mode:vertical-lr; font-family: dejavu; }
+.v-rl { writing-mode:vertical-rl; font-family: dejavu; }
+
+.bgtest {
+  background: url(blue-32x32.png) no-repeat;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bgtest">FG</b><b>HIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bgtest">FG</b><b>HIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bgtest">FG</b><b>HIJKLMNOPQRST</b>UVWXYZ</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083848-2-inline-background.html b/layout/reftests/writing-mode/1083848-2-inline-background.html
new file mode 100644
index 0000000000..0591587b2b
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-2-inline-background.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: mplus;
+  src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+.test {
+  margin:10px;
+  border:1px solid blue;
+  font-size: 16px;
+  word-break:break-all;
+  text-orientation:upright;
+  width:7.9em;
+  height:7.9em;
+}
+
+.h { writing-mode:horizontal-tb; font-family: mplus; text-transform:full-width; }
+.v-lr { writing-mode:vertical-lr; font-family: dejavu; }
+.v-rl { writing-mode:vertical-rl; font-family: dejavu; }
+
+.bgtest {
+  background: url(blue-32x32.png) no-repeat;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test h">ABCDE<b class="bgtest">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-lr">ABCDE<b class="bgtest">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+<div class="test v-rl">ABCDE<b class="bgtest">FGHIJKLMNOPQRST</b>UVWXYZ</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083848-3-inline-background-repeat-ref.html b/layout/reftests/writing-mode/1083848-3-inline-background-repeat-ref.html
new file mode 100644
index 0000000000..cc93be8f51
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-3-inline-background-repeat-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+.test {
+  margin: 10px;
+  border: 1px solid gray;
+  font: 16px/24px dejavu;
+  word-break: break-all;
+  width: 10em;
+  height: 6.5em;
+  /* we use text-orientation:upright to improve the chances that our
+     glyphs will have an advance of exactly 1em, as the reference
+     rendering relies on this */
+  text-orientation: upright;
+  color: rgba(0,0,255,0.2);
+}
+
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+.c { background: cyan; }
+.b { background: blue; }
+</style>
+</head>
+
+<body>
+
+<div class="test v-lr">ABCD<span class="c">E</span><span class="b">F</span><span
+ class="c">G</span><span class="b">H</span><span class="c">I</span><span
+ class="b">J</span><span class="c">K</span><span class="b">L</span><span
+ class="c">M</span><span class="b">N</span><span class="c">O</span><span
+ class="b">P</span><span class="c">Q</span><span class="b">R</span><span
+ class="c">S</span><span class="b">T</span><span class="c">U</span>VWXYZ</div>
+
+<div class="test v-rl">ABCD<span class="c">E</span><span class="b">F</span><span
+ class="c">G</span><span class="b">H</span><span class="c">I</span><span
+ class="b">J</span><span class="c">K</span><span class="b">L</span><span
+ class="c">M</span><span class="b">N</span><span class="c">O</span><span
+ class="b">P</span><span class="c">Q</span><span class="b">R</span><span
+ class="c">S</span><span class="b">T</span><span class="c">U</span>VWXYZ</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083848-3-inline-background-repeat.html b/layout/reftests/writing-mode/1083848-3-inline-background-repeat.html
new file mode 100644
index 0000000000..ac9dd02c5b
--- /dev/null
+++ b/layout/reftests/writing-mode/1083848-3-inline-background-repeat.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: dejavu;
+  src: url(../fonts/DejaVuSansMono.woff);
+}
+.test {
+  margin: 10px;
+  border: 1px solid gray;
+  font: 16px/24px dejavu;
+  word-break: break-all;
+  width: 10em;
+  height: 6.5em;
+  /* we use text-orientation:upright to improve the chances that our
+     glyphs will have an advance of exactly 1em, as the reference
+     rendering relies on this */
+  text-orientation: upright;
+  color: rgba(0,0,255,0.2);
+}
+
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+.bgtest {
+  background: url(4colors.png); /* A square divided into a 2x2 grid of 4 colors; */
+                                /* only the two left squares (blue & cyan) should show */
+  background-size: 32px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="test v-lr">ABCD<span class="bgtest">EFGHIJKLMNOPQRSTU</span>VWXYZ</div>
+
+<div class="test v-rl">ABCD<span class="bgtest">EFGHIJKLMNOPQRSTU</span>VWXYZ</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1083892-1-ref.html b/layout/reftests/writing-mode/1083892-1-ref.html
new file mode 100644
index 0000000000..66ff5b9a90
--- /dev/null
+++ b/layout/reftests/writing-mode/1083892-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1083892</title>
+<style>
+div {
+  width:400px;
+  height:400px;
+  padding:10px;
+  border:1px solid black;
+  writing-mode:vertical-lr;
+}
+p {
+  margin: 0;
+}
+</style>
+</head>
+
+<body>
+<div>
+  This is the first line.<br>
+  Line two.<br>
+  Third and final line.
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/writing-mode/1083892-1.html b/layout/reftests/writing-mode/1083892-1.html
new file mode 100644
index 0000000000..fa7c7a9aa8
--- /dev/null
+++ b/layout/reftests/writing-mode/1083892-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1083892</title>
+<style>
+div {
+  width:400px;
+  height:400px;
+  padding:10px;
+  border:1px solid black;
+  writing-mode:vertical-lr;
+}
+p {
+  margin: 0;
+}
+</style>
+</head>
+
+<body>
+<div>
+  <p>This is the first line.
+  <p>Line two.
+  <p>Third and final line.
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/writing-mode/1086883-1-ref.html b/layout/reftests/writing-mode/1086883-1-ref.html
new file mode 100644
index 0000000000..ed15cdf9b6
--- /dev/null
+++ b/layout/reftests/writing-mode/1086883-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1086883</title>
+<!-- writing mode of #inner div should not affect its position within #outer -->
+<style>
+#outer {
+  width:400px;
+  height:300px;
+  padding:50px;
+  border:1px solid black;
+}
+#inner {
+  width:200px;
+  height:100px;
+  background:red;
+}
+</style>
+</head>
+
+<body>
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/writing-mode/1086883-1a.html b/layout/reftests/writing-mode/1086883-1a.html
new file mode 100644
index 0000000000..3e004439e6
--- /dev/null
+++ b/layout/reftests/writing-mode/1086883-1a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1086883</title>
+<!-- writing mode of #inner div should not affect its position within #outer -->
+<style>
+#outer {
+  width:400px;
+  height:300px;
+  padding:50px;
+  border:1px solid black;
+}
+#inner {
+  width:200px;
+  height:100px;
+  background:red;
+  writing-mode:vertical-lr;
+}
+</style>
+</head>
+
+<body>
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/writing-mode/1086883-1b.html b/layout/reftests/writing-mode/1086883-1b.html
new file mode 100644
index 0000000000..24d6f9b56e
--- /dev/null
+++ b/layout/reftests/writing-mode/1086883-1b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1086883</title>
+<!-- writing mode of #inner div should not affect its position within #outer -->
+<style>
+#outer {
+  width:400px;
+  height:300px;
+  padding:50px;
+  border:1px solid black;
+}
+#inner {
+  width:200px;
+  height:100px;
+  background:red;
+  writing-mode:vertical-rl;
+}
+</style>
+</head>
+
+<body>
+<div id="outer">
+  <div id="inner">
+  </div>
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/writing-mode/1088025-1-ref.html b/layout/reftests/writing-mode/1088025-1-ref.html
new file mode 100644
index 0000000000..0ed0f34b1d
--- /dev/null
+++ b/layout/reftests/writing-mode/1088025-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1083892</title>
+<style>
+div {
+  width:300px;
+  height:300px;
+  padding:10px;
+  border:1px solid black;
+  writing-mode:vertical-rl;
+}
+</style>
+</head>
+
+<body>
+<div>
+  This is the <b><i>first</i> paragraph</b>. It's long enough to wrap onto multiple lines.<br>
+  <b>Paragraph <i>two</i></b>.<br>
+  <b><i>Third and final</i> paragraph</b> of this simple testcase. That's all, folks!
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/writing-mode/1088025-1.html b/layout/reftests/writing-mode/1088025-1.html
new file mode 100644
index 0000000000..8100958449
--- /dev/null
+++ b/layout/reftests/writing-mode/1088025-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1083892</title>
+<style>
+div {
+  width:300px;
+  height:300px;
+  padding:10px;
+  border:1px solid black;
+  writing-mode:vertical-rl;
+}
+p {
+  margin: 0;
+}
+</style>
+</head>
+
+<body>
+<div>
+  <p>This is the <b><i>first</i> paragraph</b>. It's long enough to wrap onto multiple lines.
+  <p><b>Paragraph <i>two</i></b>.
+  <p><b><i>Third and final</i> paragraph</b> of this simple testcase. That's all, folks!
+</div>
+</body>
+
+</html>
diff --git a/layout/reftests/writing-mode/1089388-1-ref.html b/layout/reftests/writing-mode/1089388-1-ref.html
new file mode 100644
index 0000000000..38ccba0e16
--- /dev/null
+++ b/layout/reftests/writing-mode/1089388-1-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.v-lr { writing-mode:vertical-lr;  }
+.v-rl { writing-mode:vertical-rl; }
+
+div {
+  width: 300px;
+  height: 200px;
+  background: #ddd;
+  margin: 50px;
+  text-rendering: optimizeLegibility;
+}
+</style>
+</head>
+
+<body>
+
+<div class="v-lr">
+First part of the block.
+<i id="test">New text inserted by script, to cause a reflow that slides the following lines.</i>
+We will insert enough new content that it wraps onto additional lines.
+<br><br>
+Here is some more text that follows a forced break.
+Observe what happens to it when text is added earlier.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1089388-1.html b/layout/reftests/writing-mode/1089388-1.html
new file mode 100644
index 0000000000..fc1209b42c
--- /dev/null
+++ b/layout/reftests/writing-mode/1089388-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+<style>
+.v-lr { writing-mode:vertical-lr;  }
+.v-rl { writing-mode:vertical-rl; }
+
+div {
+  width: 300px;
+  height: 200px;
+  background: #ddd;
+  margin: 50px;
+  text-rendering: optimizeLegibility;
+}
+</style>
+
+<script>
+function doTest() {
+  document.getElementById("test").textContent =
+    "New text inserted by script, to cause a reflow that slides the following lines.";
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+
+<body onload="doTest()">
+
+<div class="v-lr">
+First part of the block.
+<i id="test"></i>
+We will insert enough new content that it wraps onto additional lines.
+<br><br>
+Here is some more text that follows a forced break.
+Observe what happens to it when text is added earlier.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1089388-2-ref.html b/layout/reftests/writing-mode/1089388-2-ref.html
new file mode 100644
index 0000000000..34fc1d548f
--- /dev/null
+++ b/layout/reftests/writing-mode/1089388-2-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.v-lr { writing-mode:vertical-lr;  }
+.v-rl { writing-mode:vertical-rl; }
+
+div {
+  width: 300px;
+  height: 200px;
+  background: #ddd;
+  margin: 50px;
+  text-rendering: optimizeLegibility;
+}
+</style>
+</head>
+
+<body>
+
+<div class="v-rl">
+First part of the block.
+<i id="test">New text inserted by script, to cause a reflow that slides the following lines.</i>
+We will insert enough new content that it wraps onto additional lines.
+<br><br>
+Here is some more text that follows a forced break.
+Observe what happens to it when text is added earlier.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1089388-2.html b/layout/reftests/writing-mode/1089388-2.html
new file mode 100644
index 0000000000..8214828917
--- /dev/null
+++ b/layout/reftests/writing-mode/1089388-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+<style>
+.v-lr { writing-mode:vertical-lr;  }
+.v-rl { writing-mode:vertical-rl; }
+
+div {
+  width: 300px;
+  height: 200px;
+  background: #ddd;
+  margin: 50px;
+  text-rendering: optimizeLegibility;
+}
+</style>
+
+<script>
+function doTest() {
+  document.getElementById("test").textContent =
+    "New text inserted by script, to cause a reflow that slides the following lines.";
+  document.documentElement.removeAttribute("class");
+}
+</script>
+
+</head>
+
+<body onload="doTest()">
+
+<div class="v-rl">
+First part of the block.
+<i id="test"></i>
+We will insert enough new content that it wraps onto additional lines.
+<br><br>
+Here is some more text that follows a forced break.
+Observe what happens to it when text is added earlier.
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1090159-1-ref.html b/layout/reftests/writing-mode/1090159-1-ref.html
new file mode 100644
index 0000000000..4678efe9ec
--- /dev/null
+++ b/layout/reftests/writing-mode/1090159-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; text-orientation:sideways-right; }
+.v-rl { writing-mode:vertical-rl; text-orientation:sideways-right; }
+
+div {
+  width: 250px;
+  height: 250px;
+  border: 1px solid red;
+  margin: 10px;
+  display: inline-block;
+  font: 16px monospace;
+  line-height: 32px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="h">
+你好吗？ hello
+</div>
+
+<div class="v-lr">
+你好吗？ hello
+</div>
+
+<div class="v-rl">
+你好吗？ hello
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1090159-1.html b/layout/reftests/writing-mode/1090159-1.html
new file mode 100644
index 0000000000..eabded9b11
--- /dev/null
+++ b/layout/reftests/writing-mode/1090159-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; text-orientation:sideways-right; }
+.v-rl { writing-mode:vertical-rl; text-orientation:sideways-right; }
+
+div {
+  width: 250px;
+  height: 250px;
+  border: 1px solid red;
+  margin: 10px;
+  display: inline-block;
+  font: 16px monospace;
+  line-height: 32px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="h">
+你好吗？ <span>hello</span>
+</div>
+
+<div class="v-lr">
+你好吗？ <span>hello</span>
+</div>
+
+<div class="v-rl">
+你好吗？ <span>hello</span>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1090168-1-notref.html b/layout/reftests/writing-mode/1090168-1-notref.html
new file mode 100644
index 0000000000..9480faf73d
--- /dev/null
+++ b/layout/reftests/writing-mode/1090168-1-notref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<script type="text/javascript">
+var testFont = '40px sans-serif';
+
+function test(x, y, text, style, rotation) {
+  var canvas = document.createElement("canvas");
+  canvas.width = 400;
+  canvas.height = 400;
+  canvas.style.cssText = 'position:absolute;' + style;
+  document.getElementsByTagName('body')[0].appendChild(canvas);
+  var ctx = canvas.getContext('2d');
+  ctx.globalAlpha = 0.5;
+  ctx.beginPath();
+  ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y);
+  ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20);
+  ctx.stroke();
+  ctx.globalAlpha = 1.0;
+  ctx.font = testFont;
+  if (rotation != 0) {
+    ctx.translate(x,y);
+    ctx.rotate(rotation);
+    ctx.translate(-x,-y);
+  }
+  ctx.fillText(text, x, y);
+}
+
+// Testcase: vertical text with orientation:sideways-right
+// test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:sideways-right', 0);
+
+// Reference: horizontal text with 90° rotation
+// test(100,  50, 'Hello', 'writing-mode:horizontal-tb', Math.PI/2);
+
+// Non-reference: vertical text with orientation:mixed
+test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:mixed', 0);
+
+</script>
diff --git a/layout/reftests/writing-mode/1090168-1-ref.html b/layout/reftests/writing-mode/1090168-1-ref.html
new file mode 100644
index 0000000000..8f9520cc1b
--- /dev/null
+++ b/layout/reftests/writing-mode/1090168-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<script type="text/javascript">
+var testFont = '40px sans-serif';
+
+function test(x, y, text, style, rotation) {
+  var canvas = document.createElement("canvas");
+  canvas.width = 400;
+  canvas.height = 400;
+  canvas.style.cssText = 'position:absolute;' + style;
+  document.getElementsByTagName('body')[0].appendChild(canvas);
+  var ctx = canvas.getContext('2d');
+  ctx.globalAlpha = 0.5;
+  ctx.beginPath();
+  ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y);
+  ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20);
+  ctx.stroke();
+  ctx.globalAlpha = 1.0;
+  ctx.font = testFont;
+  if (rotation != 0) {
+    ctx.translate(x,y);
+    ctx.rotate(rotation);
+    ctx.translate(-x,-y);
+  }
+  ctx.fillText(text, x, y);
+}
+
+// Testcase: vertical text with orientation:sideways-right
+// test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:sideways-right', 0);
+
+// Reference: horizontal text with 90° rotation
+test(100,  50, 'Hello', 'writing-mode:horizontal-tb', Math.PI/2);
+
+// Non-reference: vertical text with orientation:mixed
+// test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:mixed', 0);
+
+</script>
diff --git a/layout/reftests/writing-mode/1090168-1.html b/layout/reftests/writing-mode/1090168-1.html
new file mode 100644
index 0000000000..443678678c
--- /dev/null
+++ b/layout/reftests/writing-mode/1090168-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<script type="text/javascript">
+var testFont = '40px sans-serif';
+
+function test(x, y, text, style, rotation) {
+  var canvas = document.createElement("canvas");
+  canvas.width = 400;
+  canvas.height = 400;
+  canvas.style.cssText = 'position:absolute;' + style;
+  document.getElementsByTagName('body')[0].appendChild(canvas);
+  var ctx = canvas.getContext('2d');
+  ctx.globalAlpha = 0.5;
+  ctx.beginPath();
+  ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y);
+  ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20);
+  ctx.stroke();
+  ctx.globalAlpha = 1.0;
+  ctx.font = testFont;
+  if (rotation != 0) {
+    ctx.translate(x,y);
+    ctx.rotate(rotation);
+    ctx.translate(-x,-y);
+  }
+  ctx.fillText(text, x, y);
+}
+
+// Testcase: vertical text with orientation:sideways-right
+test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:sideways-right', 0);
+
+// Reference: horizontal text with 90° rotation
+// test(100,  50, 'Hello', 'writing-mode:horizontal-tb', Math.PI/2);
+
+// Non-reference: vertical text with orientation:mixed
+// test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:mixed', 0);
+
+</script>
diff --git a/layout/reftests/writing-mode/1090168-2-ref.html b/layout/reftests/writing-mode/1090168-2-ref.html
new file mode 100644
index 0000000000..f12a5156cd
--- /dev/null
+++ b/layout/reftests/writing-mode/1090168-2-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<script type="text/javascript">
+var testFont = '40px sans-serif';
+
+function test(x, y, text, style, rotation, baseline) {
+  var canvas = document.createElement("canvas");
+  canvas.width = 400;
+  canvas.height = 400;
+  canvas.style.cssText = 'position:absolute;' + style;
+  document.getElementsByTagName('body')[0].appendChild(canvas);
+  var ctx = canvas.getContext('2d');
+  ctx.globalAlpha = 0.5;
+  ctx.beginPath();
+  ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y);
+  ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20);
+  ctx.stroke();
+  ctx.globalAlpha = 1.0;
+  ctx.font = testFont;
+  if (rotation != 0) {
+    ctx.translate(x,y);
+    ctx.rotate(rotation);
+    ctx.translate(-x,-y);
+  }
+  if (baseline != '') {
+    ctx.textBaseline = baseline;
+  }
+  ctx.fillText(text, x, y);
+}
+
+// Testcase: vertical text with orientation:mixed
+// test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:mixed', 0, '');
+
+// Reference: horizontal text with 90° rotation and textBaseline=middle
+test(100,  50, 'Hello', 'writing-mode:horizontal-tb', Math.PI/2, 'middle');
+
+</script>
diff --git a/layout/reftests/writing-mode/1090168-2.html b/layout/reftests/writing-mode/1090168-2.html
new file mode 100644
index 0000000000..631b7a9092
--- /dev/null
+++ b/layout/reftests/writing-mode/1090168-2.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<script type="text/javascript">
+var testFont = '40px sans-serif';
+
+function test(x, y, text, style, rotation, baseline) {
+  var canvas = document.createElement("canvas");
+  canvas.width = 400;
+  canvas.height = 400;
+  canvas.style.cssText = 'position:absolute;' + style;
+  document.getElementsByTagName('body')[0].appendChild(canvas);
+  var ctx = canvas.getContext('2d');
+  ctx.globalAlpha = 0.5;
+  ctx.beginPath();
+  ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y);
+  ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20);
+  ctx.stroke();
+  ctx.globalAlpha = 1.0;
+  ctx.font = testFont;
+  if (rotation != 0) {
+    ctx.translate(x,y);
+    ctx.rotate(rotation);
+    ctx.translate(-x,-y);
+  }
+  if (baseline != '') {
+    ctx.textBaseline = baseline;
+  }
+  ctx.fillText(text, x, y);
+}
+
+// Testcase: vertical text with orientation:mixed
+test(100,  50, 'Hello', 'writing-mode:vertical-lr;text-orientation:mixed', 0, '');
+
+// Reference: horizontal text with 90° rotation and textBaseline=middle
+// test(100,  50, 'Hello', 'writing-mode:horizontal-tb', Math.PI/2, 'middle');
+
+</script>
diff --git a/layout/reftests/writing-mode/1090168-3-ref.html b/layout/reftests/writing-mode/1090168-3-ref.html
new file mode 100644
index 0000000000..212c675899
--- /dev/null
+++ b/layout/reftests/writing-mode/1090168-3-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<script type="text/javascript">
+var testFont = '40px sans-serif';
+
+function test(x, y, text, style, rotation, baseline) {
+  var canvas = document.createElement("canvas");
+  canvas.width = 400;
+  canvas.height = 400;
+  canvas.style.cssText = 'position:absolute;' + style;
+  document.getElementsByTagName('body')[0].appendChild(canvas);
+  var ctx = canvas.getContext('2d');
+  ctx.globalAlpha = 0.5;
+  ctx.beginPath();
+  ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y);
+  ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20);
+  ctx.stroke();
+  ctx.globalAlpha = 1.0;
+  ctx.font = testFont;
+  if (rotation != 0) {
+    ctx.translate(x,y);
+    ctx.rotate(rotation);
+    ctx.translate(-x,-y);
+  }
+  if (baseline != '') {
+    ctx.textBaseline = baseline;
+  }
+  ctx.fillText(text, x, y);
+}
+
+// Testcase: vertical text with various textBaselines
+// test(100,  50, 'Top', 'writing-mode:vertical-lr', 0, 'top');
+// test(150,  50, 'Middle', 'writing-mode:vertical-lr', 0, 'middle');
+// test(200,  50, 'Alphabetic', 'writing-mode:vertical-lr', 0, 'alphabetic');
+// test(250,  50, 'Bottom', 'writing-mode:vertical-lr', 0, 'bottom');
+
+// Reference: horizontal text with 90° rotation and the same baselines
+test(100,  50, 'Top', 'writing-mode:horizontal-tb', Math.PI/2, 'top');
+test(150,  50, 'Middle', 'writing-mode:horizontal-tb', Math.PI/2, 'middle');
+test(200,  50, 'Alphabetic', 'writing-mode:horizontal-tb', Math.PI/2, 'alphabetic');
+test(250,  50, 'Bottom', 'writing-mode:horizontal-tb', Math.PI/2, 'bottom');
+
+</script>
diff --git a/layout/reftests/writing-mode/1090168-3.html b/layout/reftests/writing-mode/1090168-3.html
new file mode 100644
index 0000000000..f22a22acd3
--- /dev/null
+++ b/layout/reftests/writing-mode/1090168-3.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+<script type="text/javascript">
+var testFont = '40px sans-serif';
+
+function test(x, y, text, style, rotation, baseline) {
+  var canvas = document.createElement("canvas");
+  canvas.width = 400;
+  canvas.height = 400;
+  canvas.style.cssText = 'position:absolute;' + style;
+  document.getElementsByTagName('body')[0].appendChild(canvas);
+  var ctx = canvas.getContext('2d');
+  ctx.globalAlpha = 0.5;
+  ctx.beginPath();
+  ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y);
+  ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20);
+  ctx.stroke();
+  ctx.globalAlpha = 1.0;
+  ctx.font = testFont;
+  if (rotation != 0) {
+    ctx.translate(x,y);
+    ctx.rotate(rotation);
+    ctx.translate(-x,-y);
+  }
+  if (baseline != '') {
+    ctx.textBaseline = baseline;
+  }
+  ctx.fillText(text, x, y);
+}
+
+// Testcase: vertical text with various textBaselines
+test(100,  50, 'Top', 'writing-mode:vertical-lr', 0, 'top');
+test(150,  50, 'Middle', 'writing-mode:vertical-lr', 0, 'middle');
+test(200,  50, 'Alphabetic', 'writing-mode:vertical-lr', 0, 'alphabetic');
+test(250,  50, 'Bottom', 'writing-mode:vertical-lr', 0, 'bottom');
+
+// Reference: horizontal text with 90° rotation and the same baselines
+// test(100,  50, 'Top', 'writing-mode:horizontal-tb', Math.PI/2, 'top');
+// test(150,  50, 'Middle', 'writing-mode:horizontal-tb', Math.PI/2, 'middle');
+// test(200,  50, 'Alphabetic', 'writing-mode:horizontal-tb', Math.PI/2, 'alphabetic');
+// test(250,  50, 'Bottom', 'writing-mode:horizontal-tb', Math.PI/2, 'bottom');
+
+</script>
diff --git a/layout/reftests/writing-mode/1091058-1-ref.html b/layout/reftests/writing-mode/1091058-1-ref.html
new file mode 100644
index 0000000000..acce74148d
--- /dev/null
+++ b/layout/reftests/writing-mode/1091058-1-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+div {
+  width: 250px;
+  height: 250px;
+  border: 1px solid red;
+  margin: 10px;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+
+<div class="h">
+<u>方ABC方方</u><i><u>abc</u></i><u>方方方</u><i><u>xyz</u></i><u>方</u>
+</div>
+
+<div class="v-lr">
+<u>方ABC方方</u><i><u>abc</u></i><u>方方方</u><i><u>xyz</u></i><u>方</u>
+</div>
+
+<div class="v-rl">
+<u>方ABC方方</u><i><u>abc</u></i><u>方方方</u><i><u>xyz</u></i><u>方</u>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1091058-1.html b/layout/reftests/writing-mode/1091058-1.html
new file mode 100644
index 0000000000..69d5f0979d
--- /dev/null
+++ b/layout/reftests/writing-mode/1091058-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.h { writing-mode:horizontal-tb; }
+.v-lr { writing-mode:vertical-lr; }
+.v-rl { writing-mode:vertical-rl; }
+
+div {
+  width: 250px;
+  height: 250px;
+  border: 1px solid red;
+  margin: 10px;
+  display: inline-block;
+}
+</style>
+</head>
+
+<body>
+
+<div class="h">
+<u>方ABC方方<i>abc</i>方方方<i>xyz</i>方</u>
+</div>
+
+<div class="v-lr">
+<u>方ABC方方<i>abc</i>方方方<i>xyz</i>方</u>
+</div>
+
+<div class="v-rl">
+<u>方ABC方方<i>abc</i>方方方<i>xyz</i>方</u>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1094434-1-ref.html b/layout/reftests/writing-mode/1094434-1-ref.html
new file mode 100644
index 0000000000..df8564d2b5
--- /dev/null
+++ b/layout/reftests/writing-mode/1094434-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin: 20px;
+  height: 200px;
+  width: 200px;
+  padding: 0;
+}
+</style>
+</head>
+
+<body>
+
+<textarea class="test" dir="ltr"> </textarea>
+
+<textarea class="test" dir="ltr"> </textarea>
+
+<br>
+
+<textarea class="test" dir="rtl"> </textarea>
+
+<textarea class="test" dir="rtl"> </textarea>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1094434-1.html b/layout/reftests/writing-mode/1094434-1.html
new file mode 100644
index 0000000000..9639377c71
--- /dev/null
+++ b/layout/reftests/writing-mode/1094434-1.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin: 20px;
+  height: 200px;
+  width: 200px;
+  padding: 0;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+</style>
+</head>
+
+<body>
+
+<textarea class="test vlr" dir="ltr"> </textarea>
+
+<textarea class="test vlr" dir="rtl"> </textarea>
+
+<br>
+
+<textarea class="test vrl" dir="ltr"> </textarea>
+
+<textarea class="test vrl" dir="rtl"> </textarea>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1094434-2-ref.html b/layout/reftests/writing-mode/1094434-2-ref.html
new file mode 100644
index 0000000000..3182e7cfda
--- /dev/null
+++ b/layout/reftests/writing-mode/1094434-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin: 20px;
+  height: 200px;
+  width: 200px;
+  overflow: scroll;
+  padding: 0;
+}
+</style>
+</head>
+
+<body>
+
+<textarea class="test" dir="ltr"> </textarea>
+
+<textarea class="test" dir="ltr"> </textarea>
+
+<br>
+
+<textarea class="test" dir="rtl"> </textarea>
+
+<textarea class="test" dir="rtl"> </textarea>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1094434-2.html b/layout/reftests/writing-mode/1094434-2.html
new file mode 100644
index 0000000000..2c6873fbb9
--- /dev/null
+++ b/layout/reftests/writing-mode/1094434-2.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.test {
+  margin: 20px;
+  height: 200px;
+  width: 200px;
+  overflow: scroll;
+  padding: 0;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+</style>
+</head>
+
+<body>
+
+<textarea class="test vlr" dir="ltr"> </textarea>
+
+<textarea class="test vlr" dir="rtl"> </textarea>
+
+<br>
+
+<textarea class="test vrl" dir="ltr"> </textarea>
+
+<textarea class="test vrl" dir="rtl"> </textarea>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1094914-1-ref.html b/layout/reftests/writing-mode/1094914-1-ref.html
new file mode 100644
index 0000000000..28e1efe43f
--- /dev/null
+++ b/layout/reftests/writing-mode/1094914-1-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+#outer {
+  margin: 0px;
+  background: #ddd;
+  font-size: 0;
+  width: 300px;
+}
+
+#test1 {
+  writing-mode: horizontal-tb;
+
+  height: 50px;
+  width: 100px;
+
+  margin-top: 10px;
+  margin-bottom: 0px;
+  margin-left: 50px;
+  margin-right: 0px;
+
+  border-top: 10px solid blue;
+  border-left: 20px solid red;
+  border-right: 30px solid green;
+  border-bottom: 40px solid gray;
+
+  display: inline-block;
+  background: yellow;
+}
+</style>
+</head>
+
+<body>
+
+<div id="outer">
+  <div id="test1">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1094914-1a.html b/layout/reftests/writing-mode/1094914-1a.html
new file mode 100644
index 0000000000..2234aa1a4a
--- /dev/null
+++ b/layout/reftests/writing-mode/1094914-1a.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+#outer {
+  margin: 0px;
+  background: #ddd;
+  font-size: 0;
+  width: 300px;
+}
+
+#test1 {
+  writing-mode: vertical-lr;
+
+  height: 50px;
+  width: 100px;
+
+  margin-top: 10px;
+  margin-bottom: 0px;
+  margin-left: 50px;
+  margin-right: 0px;
+
+  border-top: 10px solid blue;
+  border-left: 20px solid red;
+  border-right: 30px solid green;
+  border-bottom: 40px solid gray;
+
+  display: inline-block;
+  background: yellow;
+}
+</style>
+</head>
+
+<body>
+
+<div id="outer">
+  <div id="test1">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1094914-1b.html b/layout/reftests/writing-mode/1094914-1b.html
new file mode 100644
index 0000000000..e815348ada
--- /dev/null
+++ b/layout/reftests/writing-mode/1094914-1b.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+#outer {
+  margin: 0px;
+  background: #ddd;
+  font-size: 0;
+  width: 300px;
+}
+
+#test1 {
+  writing-mode: vertical-rl;
+
+  height: 50px;
+  width: 100px;
+
+  margin-top: 10px;
+  margin-bottom: 0px;
+  margin-left: 50px;
+  margin-right: 0px;
+
+  border-top: 10px solid blue;
+  border-left: 20px solid red;
+  border-right: 30px solid green;
+  border-bottom: 40px solid gray;
+
+  display: inline-block;
+  background: yellow;
+}
+</style>
+</head>
+
+<body>
+
+<div id="outer">
+  <div id="test1">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1096224-1-ref.html b/layout/reftests/writing-mode/1096224-1-ref.html
new file mode 100644
index 0000000000..196258ef8a
--- /dev/null
+++ b/layout/reftests/writing-mode/1096224-1-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.outer {
+  padding: 2px;
+  border: 1px solid black;
+  background: #ddd;
+  width: 200px;
+}
+.inner {
+  width: 50px;
+  height: 50px;
+  background: yellow;
+}
+.foo {
+  margin-left: 100px;
+  margin-right: 50px;
+  margin-top: 20px;
+  margin-bottom: 5px;
+}
+.bar {
+  margin-left: 50px;
+  margin-right: 100px;
+  margin-top: 5px;
+  margin-bottom: 20px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="outer">
+  <div class="inner foo">
+  </div>
+<hr>
+  <div class="inner bar">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1096224-1a.html b/layout/reftests/writing-mode/1096224-1a.html
new file mode 100644
index 0000000000..53ea4ab592
--- /dev/null
+++ b/layout/reftests/writing-mode/1096224-1a.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.outer {
+  padding: 2px;
+  border: 1px solid black;
+  background: #ddd;
+  width: 200px;
+}
+.inner {
+  width: 50px;
+  height: 50px;
+  background: yellow;
+}
+.foo {
+  writing-mode: vertical-lr;
+  margin-left: 100px;
+  margin-right: 50px;
+  margin-top: 20px;
+  margin-bottom: 5px;
+}
+.bar {
+  writing-mode: vertical-lr;
+  margin-left: 50px;
+  margin-right: 100px;
+  margin-top: 5px;
+  margin-bottom: 20px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="outer">
+  <div class="inner foo">
+  </div>
+<hr>
+  <div class="inner bar">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1096224-1b.html b/layout/reftests/writing-mode/1096224-1b.html
new file mode 100644
index 0000000000..fe617b2fcf
--- /dev/null
+++ b/layout/reftests/writing-mode/1096224-1b.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.outer {
+  padding: 2px;
+  border: 1px solid black;
+  background: #ddd;
+  width: 200px;
+}
+.inner {
+  width: 50px;
+  height: 50px;
+  background: yellow;
+}
+.foo {
+  writing-mode: vertical-rl;
+  margin-left: 100px;
+  margin-right: 50px;
+  margin-top: 20px;
+  margin-bottom: 5px;
+}
+.bar {
+  writing-mode: vertical-rl;
+  margin-left: 50px;
+  margin-right: 100px;
+  margin-top: 5px;
+  margin-bottom: 20px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="outer">
+  <div class="inner foo">
+  </div>
+<hr>
+  <div class="inner bar">
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1102175-1-ref.html b/layout/reftests/writing-mode/1102175-1-ref.html
new file mode 100644
index 0000000000..64804f6e25
--- /dev/null
+++ b/layout/reftests/writing-mode/1102175-1-ref.html
@@ -0,0 +1,43 @@
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body > div {
+  width:100%;
+  height:100%;
+  display:inline-block;
+}
+body > div > div {
+  width:400px;
+  height:400px;
+  border:1px solid red;
+  float:left;
+}
+
+.v-rl {
+ -ms-writing-mode: tb-rl; /* old syntax. IE */
+ -ms-writing-mode: vertical-rl; /* new syntax */
+ -webkit-writing-mode: vertical-rl;
+ -moz-writing-mode: vertical-rl;
+ writing-mode: vertical-rl;
+}
+
+#test1 {
+  font-size: 24px;
+}
+</style>
+
+</head>
+
+<body>
+<div id="wrapper" class="v-rl">
+<div id="test1">
+   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat.
+   Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1102175-1a.html b/layout/reftests/writing-mode/1102175-1a.html
new file mode 100644
index 0000000000..8b3c7df58d
--- /dev/null
+++ b/layout/reftests/writing-mode/1102175-1a.html
@@ -0,0 +1,39 @@
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body > div {
+  width:402px;
+  height:402px;
+  display:inline-block;
+}
+body > div > div {
+  width:400px;
+  height:400px;
+  border:1px solid red;
+  float:left;
+}
+
+.v-rl {
+ -ms-writing-mode: tb-rl; /* old syntax. IE */
+ -ms-writing-mode: vertical-rl; /* new syntax */
+ -webkit-writing-mode: vertical-rl;
+ -moz-writing-mode: vertical-rl;
+ writing-mode: vertical-rl;
+}
+
+#test1 {
+  font-size: 24px;
+}
+</style>
+
+</head>
+
+<body class="v-rl">
+<div>
+ <div id="test1">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1102175-1b.html b/layout/reftests/writing-mode/1102175-1b.html
new file mode 100644
index 0000000000..63a9202867
--- /dev/null
+++ b/layout/reftests/writing-mode/1102175-1b.html
@@ -0,0 +1,39 @@
+<html class="v-rl">
+<head>
+<meta charset="utf-8">
+<style>
+body > div {
+  width:402px;
+  height:402px;
+  display:inline-block;
+}
+body > div > div {
+  width:400px;
+  height:400px;
+  border:1px solid red;
+  float:left;
+}
+
+.v-rl {
+ -ms-writing-mode: tb-rl; /* old syntax. IE */
+ -ms-writing-mode: vertical-rl; /* new syntax */
+ -webkit-writing-mode: vertical-rl;
+ -moz-writing-mode: vertical-rl;
+ writing-mode: vertical-rl;
+}
+
+#test1 {
+  font-size: 24px;
+}
+</style>
+
+</head>
+
+<body>
+<div>
+ <div id="test1">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1103613-1-ref.html b/layout/reftests/writing-mode/1103613-1-ref.html
new file mode 100644
index 0000000000..4054b2d841
--- /dev/null
+++ b/layout/reftests/writing-mode/1103613-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+#outer {
+  height: 200px;
+  width: 300px;
+  margin: 10px;
+  border: 50px solid #ddd;
+}
+#test {
+  writing-mode: vertical-lr;
+  margin: 10px;
+  height: 180px;
+}
+</style>
+</head>
+
+<body>
+<div id="outer">
+<div id="test">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1103613-1.html b/layout/reftests/writing-mode/1103613-1.html
new file mode 100644
index 0000000000..b7b40ba234
--- /dev/null
+++ b/layout/reftests/writing-mode/1103613-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+#outer {
+  height: 200px;
+  width: 300px;
+  margin: 10px;
+  border: 50px solid #ddd;
+}
+#test {
+  writing-mode: vertical-lr;
+  margin: 10px;
+}
+</style>
+</head>
+
+<body>
+<div id="outer">
+<div id="test">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1105268-1-min-max-dimensions-ref.html b/layout/reftests/writing-mode/1105268-1-min-max-dimensions-ref.html
new file mode 100644
index 0000000000..90347bc05f
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-1-min-max-dimensions-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  font: 12px monospace;
+  background: yellow;
+  overflow: hidden;
+}
+.test1 {
+  width: 180px;
+  height: 150px;
+}
+.test2 {
+  width: 150px;
+  height: 200px;
+}
+.lr {
+  writing-mode: vertical-lr;
+}
+.rl {
+  writing-mode: vertical-rl;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test1 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test2 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1105268-1-min-max-dimensions.html b/layout/reftests/writing-mode/1105268-1-min-max-dimensions.html
new file mode 100644
index 0000000000..1d4764187d
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-1-min-max-dimensions.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  font: 12px monospace;
+  background: yellow;
+  overflow: hidden;
+}
+.test1 {
+  min-width: 180px;
+  max-width: 180px;
+  min-height: 150px;
+  max-height: 150px;
+}
+.test2 {
+  min-width: 150px;
+  max-width: 150px;
+  min-height: 200px;
+  max-height: 200px;
+}
+.lr {
+  writing-mode: vertical-lr;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test1 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test2 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1105268-2-min-max-dimensions-ref.html b/layout/reftests/writing-mode/1105268-2-min-max-dimensions-ref.html
new file mode 100644
index 0000000000..6ca2ba2e99
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-2-min-max-dimensions-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  overflow: hidden;
+  background: yellow;
+}
+.test1 {
+  width: 100px;
+  height: 150px;
+}
+.test2 {
+  width: 150px;
+  height: 100px;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1" src="foo" dir="rtl">
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2" src="foo" dir="rtl">
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1105268-2-min-max-dimensions.html b/layout/reftests/writing-mode/1105268-2-min-max-dimensions.html
new file mode 100644
index 0000000000..3df6d3b622
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-2-min-max-dimensions.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  overflow: hidden;
+  background: yellow;
+}
+.test1 {
+  min-width: 100px;
+  max-width: 100px;
+  min-height: 150px;
+  max-height: 150px;
+}
+.test2 {
+  min-width: 150px;
+  max-width: 150px;
+  min-height: 100px;
+  max-height: 100px;
+}
+.lr {
+  writing-mode: vertical-lr;
+}
+.rl {
+  writing-mode: vertical-rl;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1 lr" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1 rl" src="foo">
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2 lr" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2 rl" src="foo">
+</div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1106669-1-intrinsic-for-container-ref.html b/layout/reftests/writing-mode/1106669-1-intrinsic-for-container-ref.html
new file mode 100644
index 0000000000..0f0d09eb54
--- /dev/null
+++ b/layout/reftests/writing-mode/1106669-1-intrinsic-for-container-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+button {
+  position: absolute;
+  border: 1px solid blue;
+  margin: 1px;
+  padding: 0;
+}
+div {
+  position: absolute;
+  background: yellow;
+}
+</style>
+</head>
+<body>
+
+<button style="top:0px"><img src="" width="20" height="80"></button>
+
+<button style="top:100px"><img src="" width="80" height="20"></button>
+
+<!-- solid-color <div>s that should completely cover the buttons above,
+     provided they size themselves properly for their <img> content -->
+<div style="top:0px; width:40px; height:90px;"></div>
+
+<div style="top:100px; width:100px; height:40px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1106669-1-intrinsic-for-container.html b/layout/reftests/writing-mode/1106669-1-intrinsic-for-container.html
new file mode 100644
index 0000000000..214c346d33
--- /dev/null
+++ b/layout/reftests/writing-mode/1106669-1-intrinsic-for-container.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+button {
+  position: absolute;
+  border: 1px solid blue;
+  margin: 1px;
+  padding: 0;
+  writing-mode: vertical-rl;
+}
+div {
+  position: absolute;
+  background: yellow;
+}
+</style>
+</head>
+<body>
+
+<button style="top:0px"><img src="" width="20" height="80"></button>
+
+<button style="top:100px"><img src="" width="80" height="20"></button>
+
+<!-- solid-color <div>s that should completely cover the buttons above,
+     provided they size themselves properly for their <img> content -->
+<div style="top:0px; width:40px; height:90px;"></div>
+
+<div style="top:100px; width:100px; height:40px;"></div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1108923-1-percentage-margins-ref.html b/layout/reftests/writing-mode/1108923-1-percentage-margins-ref.html
new file mode 100644
index 0000000000..ecd5c175dc
--- /dev/null
+++ b/layout/reftests/writing-mode/1108923-1-percentage-margins-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.outer {
+  width:600px;
+  height:200px;
+  border:1px solid gray;
+  background:#eee;
+  font-size:0px;
+}
+.test1 {
+  display:inline-block;
+  position:relative;
+  top:100px;
+  left:300px;
+  border:10px solid green;
+  width:80px;
+  height:30px;
+}
+.test2 {
+  display:inline-block;
+  position:relative;
+  top:0px;
+  left:250px;
+  border:10px solid blue;
+  width:80px;
+  height:30px;
+}
+.test3 {
+  display:inline-block;
+  position:relative;
+  top:20px;
+  left:230px;
+  border:10px solid yellow;
+  width:80px;
+  height:30px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="outer">
+
+<div class="test3">
+</div>
+
+<div class="test2">
+</div>
+
+<div class="test1">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1108923-1-percentage-margins.html b/layout/reftests/writing-mode/1108923-1-percentage-margins.html
new file mode 100644
index 0000000000..71a6d7f662
--- /dev/null
+++ b/layout/reftests/writing-mode/1108923-1-percentage-margins.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.outer {
+  writing-mode:vertical-rl;
+  -webkit-writing-mode:vertical-rl;
+  width:600px;
+  height:200px;
+  border:1px solid gray;
+  background:#eee;
+}
+.test1 {
+  border:10px solid green;
+  margin-top:50%; /* should be 50% of 200px, i.e. 100px */
+  width:80px;
+  height:30px;
+}
+.test2 {
+  border:10px solid blue;
+  margin-right:25%; /* should be 25% of 200px, i.e. 50px */
+  margin-left:10%; /* should be 10% of 200px, i.e. 20px */
+  width:80px;
+  height:30px;
+}
+.test3 {
+  border:10px solid yellow;
+  margin-top:10%; /* should be 10% of 200px, i.e. 20px */
+  width:80px;
+  height:30px;
+}
+</style>
+</head>
+
+<body>
+
+<div class="outer">
+
+<div class="test1">
+</div>
+
+<div class="test2">
+</div>
+
+<div class="test3">
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1111944-1-list-marker-ref.html b/layout/reftests/writing-mode/1111944-1-list-marker-ref.html
new file mode 100644
index 0000000000..f0676fbd40
--- /dev/null
+++ b/layout/reftests/writing-mode/1111944-1-list-marker-ref.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  font-family: Arial, sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+}
+.outer {
+  display: inline-block;
+  vertical-align: top;
+  width: 380px;
+  height: 180px;
+  border: 1px solid blue;
+  margin: 5px;
+}
+.ol {
+  margin: 0 12px;
+}
+.m1 {
+  display: inline-block;
+  height: 40px;
+  text-align: right;
+}
+.m2 {
+  display: inline-block;
+  height: 5em;
+  text-align: right;
+}
+</style>
+</head>
+<body>
+ Test for list item markers in vertical mode:
+ <br>
+ <div class="outer" style="writing-mode:vertical-lr;text-orientation:sideways-right">
+  Mode vertical-lr, style lower-roman:
+  <div class="ol">
+   <span class="m1">i.&nbsp;</span>one<br>
+   <span class="m1">ii.&nbsp;</span>two<br>
+   <span class="m1">iii.&nbsp;</span>three<br>
+   <span class="m1">iv.&nbsp;</span>four<br>
+   <span class="m1">v.&nbsp;</span>five<br>
+   <span class="m1">vi.&nbsp;</span>six<br>
+   <span class="m1">vii.&nbsp;</span>seven<br>
+   <span class="m1">viii.&nbsp;</span>eight<br>
+   <span class="m1">ix.&nbsp;</span>nine<br>
+   <span class="m1">x.&nbsp;</span>ten<br>
+   <span class="m1">xi.&nbsp;</span>eleven<br>
+   <span class="m1">xii.&nbsp;</span>twelve<br>
+  </div>
+ </div>
+ <div class="outer" style="writing-mode:vertical-rl;text-orientation:sideways-right">
+  Mode vertical-rl, style hebrew:
+  <div class="ol">
+   <span class="m1">א.&nbsp;</span>one<br>
+   <span class="m1">ב.&nbsp;</span>two<br>
+   <span class="m1">ג.&nbsp;</span>three<br>
+   <span class="m1">ד.&nbsp;</span>four<br>
+   <span class="m1">ה.&nbsp;</span>five<br>
+   <span class="m1">ו.&nbsp;</span>six<br>
+   <span class="m1">ז.&nbsp;</span>seven<br>
+   <span class="m1">ח.&nbsp;</span>eight<br>
+   <span class="m1">ט.&nbsp;</span>nine<br>
+   <span class="m1">י.&nbsp;</span>ten<br>
+   <span class="m1">יא.&nbsp;</span>eleven<br>
+   <span class="m1">יב.&nbsp;</span>twelve<br>
+  </div>
+ </div>
+ <br>
+ <div class="outer" style="writing-mode:vertical-lr">
+  Mode vertical-lr, style trad-chinese-formal:
+  <div class="ol">
+   <span class="m2">壹、</span>one<br>
+   <span class="m2">貳、</span>two<br>
+   <span class="m2">參、</span>three<br>
+   <span class="m2">肆、</span>four<br>
+   <span class="m2">伍、</span>five<br>
+   <span class="m2">陸、</span>six<br>
+   <span class="m2">柒、</span>seven<br>
+   <span class="m2">捌、</span>eight<br>
+   <span class="m2">玖、</span>nine<br>
+   <span class="m2">壹拾、</span>ten<br>
+   <span class="m2">壹拾壹、</span>eleven<br>
+   <span class="m2">壹拾貳、</span>twelve<br>
+  </div>
+ </div>
+ <div class="outer" style="writing-mode:vertical-rl">
+  Mode vertical-rl, style japanese-informal:
+  <div class="ol">
+   <span class="m2">一、</span>one<br>
+   <span class="m2">二、</span>two<br>
+   <span class="m2">三、</span>three<br>
+   <span class="m2">四、</span>four<br>
+   <span class="m2">五、</span>five<br>
+   <span class="m2">六、</span>six<br>
+   <span class="m2">七、</span>seven<br>
+   <span class="m2">八、</span>eight<br>
+   <span class="m2">九、</span>nine<br>
+   <span class="m2">十、</span>ten<br>
+   <span class="m2">十一、</span>eleven<br>
+   <span class="m2">十二、</span>twelve<br>
+  </div>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1111944-1-list-marker.html b/layout/reftests/writing-mode/1111944-1-list-marker.html
new file mode 100644
index 0000000000..cd7f2eda2b
--- /dev/null
+++ b/layout/reftests/writing-mode/1111944-1-list-marker.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  font-family: Arial, sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+}
+div {
+  display: inline-block;
+  vertical-align: top;
+  width: 380px;
+  height: 180px;
+  border: 1px solid blue;
+  margin: 5px;
+}
+ol {
+  margin: 0 12px;
+  padding: 40px 0 0 0;
+}
+li { margin:0; padding:0 }
+</style>
+</head>
+<body>
+ Test for list item markers in vertical mode:
+ <br>
+ <div style="writing-mode:vertical-lr;text-orientation:sideways-right">
+  Mode vertical-lr, style lower-roman:
+  <ol style="list-style-type:lower-roman">
+   <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve
+  </ol>
+ </div>
+ <div style="writing-mode:vertical-rl;text-orientation:sideways-right">
+  Mode vertical-rl, style hebrew:
+  <ol style="list-style-type:hebrew">
+   <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve
+  </ol>
+ </div>
+ <br>
+ <div style="writing-mode:vertical-lr">
+  Mode vertical-lr, style trad-chinese-formal:
+  <ol style="list-style-type:trad-chinese-formal;padding-top:5em">
+   <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve
+  </ol>
+ </div>
+ <div style="writing-mode:vertical-rl">
+  Mode vertical-rl, style japanese-informal:
+  <ol style="list-style-type:japanese-informal;padding-top:5em">
+   <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve
+  </ol>
+ </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1115916-1-vertical-metrics-ref.html b/layout/reftests/writing-mode/1115916-1-vertical-metrics-ref.html
new file mode 100644
index 0000000000..f900e37a5a
--- /dev/null
+++ b/layout/reftests/writing-mode/1115916-1-vertical-metrics-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+div {
+  height: 100px;
+  font: 16px/24px ahem;
+}
+#test1 {
+  writing-mode: vertical-lr;
+  text-orientation: upright;
+}
+</style>
+</head>
+<body>
+<div id="test1">
+<span>ab<br>cd</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1115916-1-vertical-metrics.html b/layout/reftests/writing-mode/1115916-1-vertical-metrics.html
new file mode 100644
index 0000000000..9916b4a54b
--- /dev/null
+++ b/layout/reftests/writing-mode/1115916-1-vertical-metrics.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+div {
+  height: 100px;
+  font: 16px/24px ahem;
+}
+#test1 {
+  writing-mode: vertical-lr;
+  text-orientation: upright;
+}
+span {
+  background: red; /* should not be visible */
+}
+</style>
+</head>
+<body>
+<div id="test1">
+<span>ab<br>cd</span>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1117210-1-vertical-baseline-snap-ref.html b/layout/reftests/writing-mode/1117210-1-vertical-baseline-snap-ref.html
new file mode 100644
index 0000000000..2ebaf81dc4
--- /dev/null
+++ b/layout/reftests/writing-mode/1117210-1-vertical-baseline-snap-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+div {
+  font-family: ahem;
+  font-size: 10px;
+}
+
+.lr {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 40px;
+}
+.rl {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 40px;
+}
+
+.c { position: relative; top: 10px; left: 10px; }
+</style>
+</head>
+
+<body>
+<div class="lr c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+
+<br>
+
+<div class="rl c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1117210-1-vertical-baseline-snap.html b/layout/reftests/writing-mode/1117210-1-vertical-baseline-snap.html
new file mode 100644
index 0000000000..88eca655e0
--- /dev/null
+++ b/layout/reftests/writing-mode/1117210-1-vertical-baseline-snap.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+@font-face {
+  font-family: ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+
+div {
+  font-family: ahem;
+  font-size: 10px;
+}
+
+.lr {
+  writing-mode: vertical-lr;
+  text-orientation: sideways-right;
+  height: 40px;
+}
+.rl {
+  writing-mode: vertical-rl;
+  text-orientation: sideways-right;
+  height: 40px;
+}
+
+.a { position: relative; top: 10px; left: 10px; }
+.b { position: relative; top: 10px; left: 10px; }
+.c { position: relative; top: 10px; left: 10px; }
+.d { position: relative; top: 10px; left: 10px; }
+.e { position: relative; top: 10px; left: 10px; }
+
+/* resolution-dependent offsets: we want CSS px values that will correspond
+   to less that 0.5 device pixels either side of where 10px falls, so they
+   all snap to the same device-pixel value */
+
+/* XXX For higher-than-retina density, we punt; the test becomes a no-op */
+
+@media (max-resolution: 2dppx) {
+  .a { left: 9.8px; }
+  .b { left: 9.9px; }
+  .c { left: 10px; }
+  .d { left: 10.1px; }
+  .e { left: 10.2px; }
+}
+
+@media (max-resolution: 1.5dppx) {
+  .a { left: 9.7px; }
+  .b { left: 9.85px; }
+  .c { left: 10px; }
+  .d { left: 10.15px; }
+  .e { left: 10.3px; }
+}
+
+@media (max-resolution: 1dppx) {
+  .a { left: 9.6px; }
+  .b { left: 9.8px; }
+  .c { left: 10px; }
+  .d { left: 10.2px; }
+  .e { left: 10.4px; }
+}
+
+</style>
+</head>
+
+<body>
+<div class="lr a">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr b">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr d">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="lr e">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+
+<br>
+
+<div class="rl a">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl b">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl c">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl d">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+<div class="rl e">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1117227-1-text-overflow-ref.html b/layout/reftests/writing-mode/1117227-1-text-overflow-ref.html
new file mode 100644
index 0000000000..41b3d42e39
--- /dev/null
+++ b/layout/reftests/writing-mode/1117227-1-text-overflow-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1117227 - text-overflow on vertical text</title>
+  <style>
+    @font-face {
+      font-family: DejaVuSansMono;
+      src: url(../fonts/DejaVuSansMono.woff);
+    }
+    body {
+      font: 16px DejaVuSansMono;
+      text-orientation: sideways-right;
+      white-space: nowrap;
+    }
+    .c {
+      block-size: 3em; inline-size: 4em;
+      overflow: hidden;
+    }
+    .vlr { writing-mode: vertical-lr; }
+    .vrl { writing-mode: vertical-rl; }
+    .t { margin-inline-start: -1em; }
+    m { display: inline-block; }
+
+    #tests { position: relative; }
+    #tests > div { position: absolute; }
+    .r1 { top: 0em; }
+    .r2 { top: 4.5em; }
+    .c1 { left: 0em; }
+    .c2 { left: 4em; }
+    .c3 { left: 8em; }
+    .c4 { left: 12em; }
+    .c5 { left: 16em; }
+    .c6 { left: 20em; }
+  </style>
+</head>
+<body>
+  <p style="font-family: sans-serif">Test for text-overflow in vertical mode:</p>
+
+  <div id="tests">
+    <div class="r1 c1"><div class="c vrl"><span class="t">&nbsp;123456<m>&hellip;</m></span></div></div>
+    <div class="r1 c2"><div class="c vlr"><span class="t">&nbsp;123456<m>&hellip;</m></span></div></div>
+    <div class="r1 c3"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>3456<m>&hellip;</m></span></div></div>
+    <div class="r1 c4"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>3456<m>&hellip;</m></span></div></div>
+    <div class="r1 c5"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>345678&nbsp;</span></div></div>
+    <div class="r1 c6"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>&hellip;</m>345678&nbsp;</span></div></div>
+
+    <div class="r2 c1"><div class="c vrl"><span class="t">&nbsp;123456<m>$</m></span></div></div>
+    <div class="r2 c2"><div class="c vlr"><span class="t">&nbsp;123456<m>$</m></span></div></div>
+    <div class="r2 c3"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>$</m></span></div></div>
+    <div class="r2 c4"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>$</m></span></div></div>
+    <div class="r2 c5"><div class="c vrl"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>&hellip;</m></span></div></div>
+    <div class="r2 c6"><div class="c vlr"><span class="t">&nbsp;&nbsp;<m>^</m>3456<m>&hellip;</m></span></div></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1117227-1-text-overflow.html b/layout/reftests/writing-mode/1117227-1-text-overflow.html
new file mode 100644
index 0000000000..a09e3449c0
--- /dev/null
+++ b/layout/reftests/writing-mode/1117227-1-text-overflow.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Bug 1117227 - text-overflow on vertical text</title>
+  <style>
+    @font-face {
+      font-family: DejaVuSansMono;
+      src: url(../fonts/DejaVuSansMono.woff);
+    }
+    body {
+      font: 16px DejaVuSansMono;
+      text-orientation: sideways-right;
+    }
+    .c {
+      block-size: 3em; inline-size: 4em;
+      overflow: hidden;
+    }
+    .e { text-overflow: ellipsis; }
+    .ee { text-overflow: ellipsis ellipsis; }
+    .ec { text-overflow: ellipsis clip; }
+    .s { text-overflow: '$'; }
+    .ss { text-overflow: '^' '$'; }
+    .se { text-overflow: '^' ellipsis; }
+    .vlr { writing-mode: vertical-lr; }
+    .vrl { writing-mode: vertical-rl; }
+    .t { margin-inline-start: -1em; }
+
+    #tests { position: relative; }
+    #tests > div { position: absolute; }
+    .r1 { top: 0em; }
+    .r2 { top: 4.5em; }
+    .c1 { left: 0em; }
+    .c2 { left: 4em; }
+    .c3 { left: 8em; }
+    .c4 { left: 12em; }
+    .c5 { left: 16em; }
+    .c6 { left: 20em; }
+  </style>
+</head>
+<body>
+  <p style="font-family: sans-serif">Test for text-overflow in vertical mode:</p>
+
+  <div id="tests">
+    <div class="r1 c1"><div class="c e vrl"><span class="t">0123456789</span></div></div>
+    <div class="r1 c2"><div class="c e vlr"><span class="t">0123456789</span></div></div>
+    <div class="r1 c3"><div class="c ee vrl"><span class="t">0123456789</span></div></div>
+    <div class="r1 c4"><div class="c ee vlr"><span class="t">0123456789</span></div></div>
+    <div class="r1 c5"><div class="c ec vrl"><span class="t">0123456789</span></div></div>
+    <div class="r1 c6"><div class="c ec vlr"><span class="t">0123456789</span></div></div>
+
+    <div class="r2 c1"><div class="c s vrl"><span class="t">0123456789</span></div></div>
+    <div class="r2 c2"><div class="c s vlr"><span class="t">0123456789</span></div></div>
+    <div class="r2 c3"><div class="c ss vrl"><span class="t">0123456789</span></div></div>
+    <div class="r2 c4"><div class="c ss vlr"><span class="t">0123456789</span></div></div>
+    <div class="r2 c5"><div class="c se vrl"><span class="t">0123456789</span></div></div>
+    <div class="r2 c6"><div class="c se vlr"><span class="t">0123456789</span></div></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1122366-1-margin-collapse-ref.html b/layout/reftests/writing-mode/1122366-1-margin-collapse-ref.html
new file mode 100644
index 0000000000..315ea6c452
--- /dev/null
+++ b/layout/reftests/writing-mode/1122366-1-margin-collapse-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1122366 - margin collapsing</title>
+  <style type="text/css">
+  div {
+    font: 40px/1em serif;
+    height: 4em;
+  }
+  div.wrapper {
+    margin: 10px;
+    background: blue;
+    border-left: green solid .5em;
+    border-right: green solid 1.5em;
+    width: 2em;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="wrapper">
+  </div>
+  <div class="wrapper">
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1122366-1-margin-collapse.html b/layout/reftests/writing-mode/1122366-1-margin-collapse.html
new file mode 100644
index 0000000000..80e0fad184
--- /dev/null
+++ b/layout/reftests/writing-mode/1122366-1-margin-collapse.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1122366 - margin collapsing</title>
+  <style type="text/css">
+  div {
+    font: 40px/1em serif;
+    height: 4em;
+  }
+  div.wrapper {
+    margin: 10px;
+    background: blue;
+    border-left: green solid .5em;
+    border-right: green solid 1.5em;
+  }
+  div.lr {
+    -webkit-writing-mode: vertical-lr;
+    writing-mode: tb-lr; /* IE11 */
+    writing-mode: vertical-lr;
+  }
+  div.rl {
+    -webkit-writing-mode: vertical-rl;
+    writing-mode: tb-rl; /* IE11 */
+    writing-mode: vertical-rl;
+  }
+  div.widthless
+  {
+    margin-right: 2em;
+    width: 0;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="wrapper lr">
+    <div class="widthless"></div>
+    <div class="widthless"></div>
+  </div>
+  <div class="wrapper rl">
+    <div class="widthless"></div>
+    <div class="widthless"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1124636-1-fieldset-max-height-ref.html b/layout/reftests/writing-mode/1124636-1-fieldset-max-height-ref.html
new file mode 100644
index 0000000000..7de3adf568
--- /dev/null
+++ b/layout/reftests/writing-mode/1124636-1-fieldset-max-height-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Maximum height on fieldset</title>
+    <style>
+    div {
+      writing-mode: vertical-lr;
+    }
+    fieldset {
+      background:rgba(0,0,0,0.1);
+      border-color:teal;
+      border-width:2px;
+      height:100px;
+    }
+    </style>
+  </head>
+  <body>
+    <div>
+      <fieldset>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing
+	  elit. Duis odio est, cursus non adipiscing at, fringilla
+	  quis eros. Sed volutpat nibh sit amet ante molestie a
+	  vehicula nulla gravida. Mauris elementum cursus urna id
+	  vestibulum.</p>
+      </fieldset>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1124636-1-fieldset-max-height.html b/layout/reftests/writing-mode/1124636-1-fieldset-max-height.html
new file mode 100644
index 0000000000..8cd5c9e275
--- /dev/null
+++ b/layout/reftests/writing-mode/1124636-1-fieldset-max-height.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Maximum height on fieldset</title>
+    <style>
+    div {
+      writing-mode: vertical-lr;
+    }
+    fieldset {
+      background:rgba(0,0,0,0.1);
+      border-color:teal;
+      border-width:2px;
+      max-height:100px;
+    }
+    </style>
+  </head>
+  <body>
+    <div>
+      <fieldset>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing
+	  elit. Duis odio est, cursus non adipiscing at, fringilla
+	  quis eros. Sed volutpat nibh sit amet ante molestie a
+	  vehicula nulla gravida. Mauris elementum cursus urna id
+	  vestibulum.</p>
+      </fieldset>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1124636-2-fieldset-min-height-ref.html b/layout/reftests/writing-mode/1124636-2-fieldset-min-height-ref.html
new file mode 100644
index 0000000000..e01d1dabc6
--- /dev/null
+++ b/layout/reftests/writing-mode/1124636-2-fieldset-min-height-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Minimum height on fieldset</title>
+    <style>
+    div {
+      writing-mode: vertical-lr;
+    }
+    fieldset {
+      background:rgba(0,0,0,0.1);
+      border-color:teal;
+      border-width:2px;
+      height:200px;
+    }
+    </style>
+  </head>
+  <body>
+    <div>
+      <fieldset>
+	<p>Lorem ipsum.</p>
+      </fieldset>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1124636-2-fieldset-min-height.html b/layout/reftests/writing-mode/1124636-2-fieldset-min-height.html
new file mode 100644
index 0000000000..72f139bb4a
--- /dev/null
+++ b/layout/reftests/writing-mode/1124636-2-fieldset-min-height.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Minimum height on fieldset</title>
+    <style>
+    div {
+      writing-mode: vertical-lr;
+    }
+    fieldset {
+      background:rgba(0,0,0,0.1);
+      border-color:teal;
+      border-width:2px;
+      min-height:200px;
+      max-height:400px;
+    }
+    </style>
+  </head>
+  <body>
+    <div>
+      <fieldset>
+	<p>Lorem ipsum.</p>
+      </fieldset>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-bottom-left-ref.html b/layout/reftests/writing-mode/1127488-align-bottom-left-ref.html
new file mode 100644
index 0000000000..af2d3d9421
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-bottom-left-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div {
+    position: absolute;
+    left: 0px;
+    top: 200px;
+  }
+  </style>
+ </head>
+ <body>
+   <div><img src="green-100x100.png" width="100" height="100" alt="Image download support must be enabled"></img></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-bottom-right-ref.html b/layout/reftests/writing-mode/1127488-align-bottom-right-ref.html
new file mode 100644
index 0000000000..9e9d792297
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-bottom-right-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div {
+    position: absolute;
+    left: 200px;
+    top: 200px;
+  }
+  </style>
+ </head>
+ <body>
+   <div><img src="green-100x100.png" width="100" height="100" alt="Image download support must be enabled"></img></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-default-horizontal-tb-ltr.html b/layout/reftests/writing-mode/1127488-align-default-horizontal-tb-ltr.html
new file mode 100644
index 0000000000..9dcbb305f7
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-default-horizontal-tb-ltr.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    writing-mode: horizontal-tb;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-default-horizontal-tb-rtl.html b/layout/reftests/writing-mode/1127488-align-default-horizontal-tb-rtl.html
new file mode 100644
index 0000000000..d4fcd0ea30
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-default-horizontal-tb-rtl.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    writing-mode: horizontal-tb;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-default-vertical-lr-ltr.html b/layout/reftests/writing-mode/1127488-align-default-vertical-lr-ltr.html
new file mode 100644
index 0000000000..ae0a69bde9
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-default-vertical-lr-ltr.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    writing-mode: vertical-lr;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-default-vertical-lr-rtl.html b/layout/reftests/writing-mode/1127488-align-default-vertical-lr-rtl.html
new file mode 100644
index 0000000000..d83b2370fa
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-default-vertical-lr-rtl.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    writing-mode: vertical-lr;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-default-vertical-rl-ltr.html b/layout/reftests/writing-mode/1127488-align-default-vertical-rl-ltr.html
new file mode 100644
index 0000000000..a70ed3e9cd
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-default-vertical-rl-ltr.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    writing-mode: vertical-rl;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-default-vertical-rl-rtl.html b/layout/reftests/writing-mode/1127488-align-default-vertical-rl-rtl.html
new file mode 100644
index 0000000000..c57877551a
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-default-vertical-rl-rtl.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    writing-mode: vertical-rl;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-end-horizontal-tb-ltr.html b/layout/reftests/writing-mode/1127488-align-end-horizontal-tb-ltr.html
new file mode 100644
index 0000000000..782784fb4a
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-end-horizontal-tb-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: end;
+    writing-mode: horizontal-tb;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-end-horizontal-tb-rtl.html b/layout/reftests/writing-mode/1127488-align-end-horizontal-tb-rtl.html
new file mode 100644
index 0000000000..cda08e24f7
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-end-horizontal-tb-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: end;
+    writing-mode: horizontal-tb;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-end-vertical-lr-ltr.html b/layout/reftests/writing-mode/1127488-align-end-vertical-lr-ltr.html
new file mode 100644
index 0000000000..a01ed838d8
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-end-vertical-lr-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: end;
+    writing-mode: vertical-lr;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-end-vertical-lr-rtl.html b/layout/reftests/writing-mode/1127488-align-end-vertical-lr-rtl.html
new file mode 100644
index 0000000000..d7d697707b
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-end-vertical-lr-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: end;
+    writing-mode: vertical-lr;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-end-vertical-rl-ltr.html b/layout/reftests/writing-mode/1127488-align-end-vertical-rl-ltr.html
new file mode 100644
index 0000000000..d9bd2cdf50
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-end-vertical-rl-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: end;
+    writing-mode: vertical-rl;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-end-vertical-rl-rtl.html b/layout/reftests/writing-mode/1127488-align-end-vertical-rl-rtl.html
new file mode 100644
index 0000000000..4c5c8e609e
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-end-vertical-rl-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: end;
+    writing-mode: vertical-rl;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-left-horizontal-tb-ltr.html b/layout/reftests/writing-mode/1127488-align-left-horizontal-tb-ltr.html
new file mode 100644
index 0000000000..5c27f26317
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-left-horizontal-tb-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: left;
+    writing-mode: horizontal-tb;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-left-horizontal-tb-rtl.html b/layout/reftests/writing-mode/1127488-align-left-horizontal-tb-rtl.html
new file mode 100644
index 0000000000..4a358149ee
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-left-horizontal-tb-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: left;
+    writing-mode: horizontal-tb;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-left-vertical-lr-ltr.html b/layout/reftests/writing-mode/1127488-align-left-vertical-lr-ltr.html
new file mode 100644
index 0000000000..c39eb52261
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-left-vertical-lr-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: left;
+    writing-mode: vertical-lr;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-left-vertical-lr-rtl.html b/layout/reftests/writing-mode/1127488-align-left-vertical-lr-rtl.html
new file mode 100644
index 0000000000..d7709b433d
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-left-vertical-lr-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: left;
+    writing-mode: vertical-lr;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-left-vertical-rl-ltr.html b/layout/reftests/writing-mode/1127488-align-left-vertical-rl-ltr.html
new file mode 100644
index 0000000000..b2a77b32e9
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-left-vertical-rl-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: left;
+    writing-mode: vertical-rl;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-left-vertical-rl-rtl.html b/layout/reftests/writing-mode/1127488-align-left-vertical-rl-rtl.html
new file mode 100644
index 0000000000..1ad09717cb
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-left-vertical-rl-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: left;
+    writing-mode: vertical-rl;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-right-horizontal-tb-ltr.html b/layout/reftests/writing-mode/1127488-align-right-horizontal-tb-ltr.html
new file mode 100644
index 0000000000..52e76192a3
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-right-horizontal-tb-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: right;
+    writing-mode: horizontal-tb;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-right-horizontal-tb-rtl.html b/layout/reftests/writing-mode/1127488-align-right-horizontal-tb-rtl.html
new file mode 100644
index 0000000000..ceaf162b2f
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-right-horizontal-tb-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: right;
+    writing-mode: horizontal-tb;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-right-vertical-lr-ltr.html b/layout/reftests/writing-mode/1127488-align-right-vertical-lr-ltr.html
new file mode 100644
index 0000000000..74aecd9534
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-right-vertical-lr-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: right;
+    writing-mode: vertical-lr;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-right-vertical-lr-rtl.html b/layout/reftests/writing-mode/1127488-align-right-vertical-lr-rtl.html
new file mode 100644
index 0000000000..bbc9ee5143
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-right-vertical-lr-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: right;
+    writing-mode: vertical-lr;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-right-vertical-rl-ltr.html b/layout/reftests/writing-mode/1127488-align-right-vertical-rl-ltr.html
new file mode 100644
index 0000000000..071ed49575
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-right-vertical-rl-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: right;
+    writing-mode: vertical-rl;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-right-vertical-rl-rtl.html b/layout/reftests/writing-mode/1127488-align-right-vertical-rl-rtl.html
new file mode 100644
index 0000000000..2b09236afb
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-right-vertical-rl-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: right;
+    writing-mode: vertical-rl;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-start-horizontal-tb-ltr.html b/layout/reftests/writing-mode/1127488-align-start-horizontal-tb-ltr.html
new file mode 100644
index 0000000000..2a199d4b14
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-start-horizontal-tb-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: start;
+    writing-mode: horizontal-tb;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-start-horizontal-tb-rtl.html b/layout/reftests/writing-mode/1127488-align-start-horizontal-tb-rtl.html
new file mode 100644
index 0000000000..8ce6cb3a77
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-start-horizontal-tb-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: start;
+    writing-mode: horizontal-tb;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-start-vertical-lr-ltr.html b/layout/reftests/writing-mode/1127488-align-start-vertical-lr-ltr.html
new file mode 100644
index 0000000000..6926e007e8
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-start-vertical-lr-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: start;
+    writing-mode: vertical-lr;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-start-vertical-lr-rtl.html b/layout/reftests/writing-mode/1127488-align-start-vertical-lr-rtl.html
new file mode 100644
index 0000000000..bc386949c3
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-start-vertical-lr-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("left-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: start;
+    writing-mode: vertical-lr;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-start-vertical-rl-ltr.html b/layout/reftests/writing-mode/1127488-align-start-vertical-rl-ltr.html
new file mode 100644
index 0000000000..f57b8f5f6a
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-start-vertical-rl-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-top-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: start;
+    writing-mode: vertical-rl;
+    direction: ltr;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-start-vertical-rl-rtl.html b/layout/reftests/writing-mode/1127488-align-start-vertical-rl-rtl.html
new file mode 100644
index 0000000000..ded86fc027
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-start-vertical-rl-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <meta charset="UTF-8">
+   <title>CSS Writing Modes</title>
+   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div.outer {
+    background: red url("right-bottom-300x300.png");
+    height: 300px;
+    width: 300px;
+    text-align: start;
+    writing-mode: vertical-rl;
+    direction: rtl;
+  }
+  div.inner {
+    display: inline-block;
+    background-color: green;
+    height: 100px;
+    width: 100px;
+  }
+  </style>
+ </head>
+ <body>
+  <div class="outer"><div class="inner"></div></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-top-left-ref.html b/layout/reftests/writing-mode/1127488-align-top-left-ref.html
new file mode 100644
index 0000000000..b253a7fa96
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-top-left-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+  }
+  </style>
+ </head>
+ <body>
+   <div><img src="green-100x100.png" width="100" height="100" alt="Image download support must be enabled"></img></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1127488-align-top-right-ref.html b/layout/reftests/writing-mode/1127488-align-top-right-ref.html
new file mode 100644
index 0000000000..448ac8fb1e
--- /dev/null
+++ b/layout/reftests/writing-mode/1127488-align-top-right-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <style type="text/css">
+  body {
+    margin: 0;
+  }
+  div {
+    position: absolute;
+    left: 200px;
+    top: 0px;
+  }
+  </style>
+ </head>
+ <body>
+   <div><img src="green-100x100.png" width="100" height="100" alt="Image download support must be enabled"></img></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1130907-intrinsic-sizing-1-ref.html b/layout/reftests/writing-mode/1130907-intrinsic-sizing-1-ref.html
new file mode 100644
index 0000000000..1817d739ee
--- /dev/null
+++ b/layout/reftests/writing-mode/1130907-intrinsic-sizing-1-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for intrinsic sizing of float around contents with border</title>
+    <style>
+      body { font-family: sans-serif; line-height: 1.4em; }
+      div { float: left; border: 2px solid blue; margin: 5px; padding: 1px; }
+      span { display: inline-block; }
+      br { clear: both; }
+      .h { writing-mode: horizontal-tb; }
+      .v-lr { writing-mode: vertical-lr; }
+      .v-rl { writing-mode: vertical-rl; }
+      .y { background: yellow; color: transparent; }
+      .i { inline-size: 2em; }
+      .b { block-size: 2em; inline-size: 100%; }
+    </style>
+  </head>
+  <body>
+    <p>In each case, the blue border should neatly enclose the text and its yellow border-block.</p>
+    <div class="h">
+      <span><span class="y i" style="inline-size:2em;">x</span>123321</span>
+    </div>
+    <div class="h">
+      <span>123321<span class="y i" style="inline-size:2em;">x</span></span>
+    </div>
+    <div class="h">
+      <span><span class="y b">x</span><br>123321</span>
+    </div>
+    <div class="h">
+      <span>123321<br><span class="y b">x</span></span>
+    </div>
+    <br>
+    <div class="v-lr">
+      <span><span class="y i" style="inline-size:2em;">x</span>123321</span>
+    </div>
+    <div class="v-lr">
+      <span>123321<span class="y i" style="inline-size:2em;">x</span></span>
+    </div>
+    <div class="v-lr">
+      <span><span class="y b">x</span><br>123321</span>
+    </div>
+    <div class="v-lr">
+      <span>123321<br><span class="y b">x</span></span>
+    </div>
+    <br>
+    <div class="v-rl">
+      <span><span class="y i" style="inline-size:2em;">x</span>123321</span>
+    </div>
+    <div class="v-rl">
+      <span>123321<span class="y i" style="inline-size:2em;">x</span></span>
+    </div>
+    <div class="v-rl">
+      <span><span class="y b">x</span><br>123321</span>
+    </div>
+    <div class="v-rl">
+      <span>123321<br><span class="y b">x</span></span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1130907-intrinsic-sizing-1.html b/layout/reftests/writing-mode/1130907-intrinsic-sizing-1.html
new file mode 100644
index 0000000000..dd8126d00b
--- /dev/null
+++ b/layout/reftests/writing-mode/1130907-intrinsic-sizing-1.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for intrinsic sizing of float around contents with border</title>
+    <style>
+      body { font-family: sans-serif; line-height: 1.4em; }
+      div { float: left; border: 2px solid blue; margin: 5px; padding: 1px; }
+      span { display: inline-block; }
+      br { clear: both; }
+      .h { writing-mode: horizontal-tb; }
+      .v-lr { writing-mode: vertical-lr; }
+      .v-rl { writing-mode: vertical-rl; }
+      .a { border-inline-start: 2em solid #ff0; }
+      .b { border-inline-end: 2em solid #ff0; }
+      .c { border-block-start: 2em solid #ff0; }
+      .d { border-block-end: 2em solid #ff0; }
+    </style>
+  </head>
+  <body>
+    <p>In each case, the blue border should neatly enclose the text and its yellow border-block.</p>
+    <div class="h">
+      <span class="a">123321</span>
+    </div>
+    <div class="h">
+      <span class="b">123321</span>
+    </div>
+    <div class="h">
+      <span class="c">123321</span>
+    </div>
+    <div class="h">
+      <span class="d">123321</span>
+    </div>
+    <br>
+    <div class="v-lr">
+      <span class="a">123321</span>
+    </div>
+    <div class="v-lr">
+      <span class="b">123321</span>
+    </div>
+    <div class="v-lr">
+      <span class="c">123321</span>
+    </div>
+    <div class="v-lr">
+      <span class="d">123321</span>
+    </div>
+    <br>
+    <div class="v-rl">
+      <span class="a">123321</span>
+    </div>
+    <div class="v-rl">
+      <span class="b">123321</span>
+    </div>
+    <div class="v-rl">
+      <span class="c">123321</span>
+    </div>
+    <div class="v-rl">
+      <span class="d">123321</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1130907-intrinsic-sizing-2-ref.html b/layout/reftests/writing-mode/1130907-intrinsic-sizing-2-ref.html
new file mode 100644
index 0000000000..f4005e0be9
--- /dev/null
+++ b/layout/reftests/writing-mode/1130907-intrinsic-sizing-2-ref.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for intrinsic sizing of float around contents with border</title>
+    <style>
+      body { font-family: sans-serif; line-height: 1.4em; }
+      .h, .v-lr, .v-rl { float: left; border: 2px solid blue; margin: 1.5em; padding: 1px; }
+      .sw { text-orientation: sideways-right; }
+      span { display: inline-block; }
+      br { clear: both; }
+      .h { writing-mode: horizontal-tb; }
+      .v-lr { writing-mode: vertical-lr; }
+      .v-rl { writing-mode: vertical-rl; }
+      .i { inline-size: 1.5em; }
+    </style>
+  </head>
+  <body>
+    <p>In each case, the blue border should neatly enclose the text.</p>
+    <div class="h">
+      <span>12<span class="i"></span><b>33</b>21</span>
+    </div>
+    <div class="h">
+      <span>12<b>33</b><span class="i"></span>21</span>
+    </div>
+    <div class="h">
+      <span>12<b>33</b>21</span>
+    </div>
+    <div class="h">
+      <span>12<b>33</b>21</span>
+    </div>
+    <br>
+    <div class="v-lr">
+      <span>12<span class="i"></span><b>33</b>21</span>
+    </div>
+    <div class="v-lr">
+      <span>12<b>33</b><span class="i"></span>21</span>
+    </div>
+    <div class="v-lr">
+      <span>12<b>33</b>21</span>
+    </div>
+    <div class="v-lr">
+      <span>12<b>33</b>21</span>
+    </div>
+    <div class="v-lr sw">
+      <span>12<b>33</b>21</span>
+    </div>
+    <div class="v-lr sw">
+      <span>12<b>33</b>21</span>
+    </div>
+    <br>
+    <div class="v-rl">
+      <span>12<span class="i"></span><b>33</b>21</span>
+    </div>
+    <div class="v-rl">
+      <span>12<b>33</b><span class="i"></span>21</span>
+    </div>
+    <div class="v-rl">
+      <span>12<b>33</b>21</span>
+    </div>
+    <div class="v-rl">
+      <span>12<b>33</b>21</span>
+    </div>
+    <div class="v-rl sw">
+      <span>12<b>33</b>21</span>
+    </div>
+    <div class="v-rl sw">
+      <span>12<b>33</b>21</span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html b/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
new file mode 100644
index 0000000000..cef3f3d377
--- /dev/null
+++ b/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for intrinsic sizing of float around contents with border</title>
+    <style>
+      body { font-family: sans-serif; line-height: 1.4em; }
+      .h, .v-lr, .v-rl { float: left; border: 2px solid blue; margin: 1.5em; padding: 1px; }
+      .sw { text-orientation: sideways-right; }
+      span { display: inline-block; }
+      br { clear: both; }
+      .h { writing-mode: horizontal-tb; }
+      .v-lr { writing-mode: vertical-lr; }
+      .v-rl { writing-mode: vertical-rl; }
+      .a { border-inline-start: 1.5em solid transparent; }
+      .b { border-inline-end: 1.5em solid transparent; }
+      .c { border-block-start: 1.5em solid transparent; }
+      .d { border-block-end: 1.5em solid transparent; }
+    </style>
+  </head>
+  <body>
+    <p>In each case, the blue border should neatly enclose the text.</p>
+    <div class="h">
+      <span>12<b class="a">33</b>21</span>
+    </div>
+    <div class="h">
+      <span>12<b class="b">33</b>21</span>
+    </div>
+    <div class="h">
+      <span>12<b class="c">33</b>21</span>
+    </div>
+    <div class="h">
+      <span>12<b class="d">33</b>21</span>
+    </div>
+    <br>
+    <div class="v-lr">
+      <div>12<b class="a">33</b>21</div>
+    </div>
+    <div class="v-lr">
+      <div>12<b class="b">33</b>21</div>
+    </div>
+    <div class="v-lr">
+      <div>12<b class="c">33</b>21</div>
+    </div>
+    <div class="v-lr">
+      <div>12<b class="d">33</b>21</div>
+    </div>
+    <div class="v-lr sw">
+      <div>12<b class="c">33</b>21</div>
+    </div>
+    <div class="v-lr sw">
+      <div>12<b class="d">33</b>21</div>
+    </div>
+    <br>
+    <div class="v-rl">
+      <div>12<b class="a">33</b>21</div>
+    </div>
+    <div class="v-rl">
+      <div>12<b class="b">33</b>21</div>
+    </div>
+    <div class="v-rl">
+      <div>12<b class="c">33</b>21</div>
+    </div>
+    <div class="v-rl">
+      <div>12<b class="d">33</b>21</div>
+    </div>
+    <div class="v-rl sw">
+      <div>12<b class="c">33</b>21</div>
+    </div>
+    <div class="v-rl sw">
+      <div>12<b class="d">33</b>21</div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1131013-vertical-bidi-ref.html b/layout/reftests/writing-mode/1131013-vertical-bidi-ref.html
new file mode 100644
index 0000000000..dbd67da9b2
--- /dev/null
+++ b/layout/reftests/writing-mode/1131013-vertical-bidi-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>vertical bidi</title>
+    <style type="text/css">
+div {
+  writing-mode: vertical-rl;
+  text-orientation: sideways-right;
+  height:       200px;
+  width:        100px;
+  text-align:   end;
+  background:   yellow;
+  line-height:  1.5em;
+}
+    </style>
+  </head>
+  <body>
+    <div>xyz <b>ג bar</b> ב foo א abc</div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1131013-vertical-bidi.html b/layout/reftests/writing-mode/1131013-vertical-bidi.html
new file mode 100644
index 0000000000..c2f90920fd
--- /dev/null
+++ b/layout/reftests/writing-mode/1131013-vertical-bidi.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>vertical bidi</title>
+    <style type="text/css">
+div {
+  writing-mode: vertical-rl;
+  text-orientation: sideways-right;
+  height:       200px;
+  width:        100px;
+  text-align:   start;
+  background:   yellow;
+  line-height:  1.5em;
+}
+    </style>
+  </head>
+  <body>
+    <div dir="rtl">abc א foo ב <b>bar ג</b> xyz</div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1133945-1-vertical-align-ref.html b/layout/reftests/writing-mode/1133945-1-vertical-align-ref.html
new file mode 100644
index 0000000000..d561a0cf12
--- /dev/null
+++ b/layout/reftests/writing-mode/1133945-1-vertical-align-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1133945</title>
+    <style>
+      body { writing-mode: vertical-rl; line-height: 60px; }
+      div { display: inline-block; width: 20px; height: 10px; background: blue; }
+      .d { position: relative; left: -20px; }
+      .e { position: relative; left: 20px; }
+    </style>
+  </head>
+  <body>
+    a <div class="a"></div> b <div class="b"></div> c <div class="c"></div>
+    d <div class="d"></div> e <div class="e"></div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1133945-1-vertical-align.html b/layout/reftests/writing-mode/1133945-1-vertical-align.html
new file mode 100644
index 0000000000..7f4859799f
--- /dev/null
+++ b/layout/reftests/writing-mode/1133945-1-vertical-align.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1133945</title>
+    <style>
+      body { writing-mode: vertical-rl; line-height: 60px; }
+      div { display: inline-block; width: 20px; height: 10px; background: blue; }
+      .a { vertical-align: initial; }
+      .b { vertical-align: middle; }
+      .c { vertical-align: 0; }
+      .d { vertical-align: -20px; }
+      .e { vertical-align: 20px; }
+    </style>
+  </head>
+  <body>
+    a <div class="a"></div> b <div class="b"></div> c <div class="c"></div>
+    d <div class="d"></div> e <div class="e"></div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1-ref.html b/layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1-ref.html
new file mode 100644
index 0000000000..f9b2658d18
--- /dev/null
+++ b/layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1134744 testcase</title>
+<meta charset="utf-8">
+<style>
+input { margin: 0 }
+div {
+  height: 200px;
+  margin: 1px;
+  padding: 1px;
+}
+</style>
+</head>
+<body>
+<!-- these two blocks should look the same -->
+<div style="writing-mode: vertical-lr; text-orientation: sideways-right">
+ <label><input type="checkbox">Checkbox</label></br>
+ <label><input type="radio">Radio</label></br>
+</div>
+<div style="writing-mode: vertical-rl; text-orientation: sideways-right">
+ <label><input type="radio">Radio</label></br>
+ <label><input type="checkbox">Checkbox</label></br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1.html b/layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1.html
new file mode 100644
index 0000000000..479b830ccf
--- /dev/null
+++ b/layout/reftests/writing-mode/1134744-radio-checkbox-baseline-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Bug 1134744 testcase</title>
+<meta charset="utf-8">
+<style>
+input { margin: 0 }
+div {
+  height: 200px;
+  margin: 1px;
+  padding: 1px;
+}
+</style>
+</head>
+<body>
+<!-- these two blocks should look the same -->
+<div style="writing-mode: vertical-rl; text-orientation: sideways-right">
+ <label><input type="radio">Radio</label></br>
+ <label><input type="checkbox">Checkbox</label></br>
+</div>
+<div style="writing-mode: vertical-lr; text-orientation: sideways-right">
+ <label><input type="checkbox">Checkbox</label></br>
+ <label><input type="radio">Radio</label></br>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1134849-orthogonal-inline-ref.html b/layout/reftests/writing-mode/1134849-orthogonal-inline-ref.html
new file mode 100644
index 0000000000..c059c7f408
--- /dev/null
+++ b/layout/reftests/writing-mode/1134849-orthogonal-inline-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1134849</title>
+    <style>
+    div { display: inline-block; vertical-align: top;
+          inline-size: 12em; block-size: 15em;
+          border: solid silver; margin: 10px; }
+    p { margin: 5px; }
+    .h { writing-mode: horizontal-tb; }
+    .v-lr { writing-mode: vertical-lr; }
+    .v-rl { writing-mode: vertical-rl; }
+    p > span, p > b { display: inline-block; }
+    p > span > b { display: inline; }
+    </style>
+  </head>
+  <body>
+   <div class="h">
+    <p>The <span class="v-lr">quick <b>brown</b> fox</span> jumps over<br>the <b class="v-rl">lazy</b> dog.</p>
+   </div>
+   <div class="v-lr">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <div class="v-rl">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <br>
+   inline-block
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1134849-orthogonal-inline.html b/layout/reftests/writing-mode/1134849-orthogonal-inline.html
new file mode 100644
index 0000000000..26dfc17cd9
--- /dev/null
+++ b/layout/reftests/writing-mode/1134849-orthogonal-inline.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1134849</title>
+    <style>
+    div { display: inline-block; vertical-align: top;
+          inline-size: 12em; block-size: 15em;
+          border: solid silver; margin: 10px; }
+    p { margin: 5px; }
+    .h { writing-mode: horizontal-tb; }
+    .v-lr { writing-mode: vertical-lr; }
+    .v-rl { writing-mode: vertical-rl; }
+    span, b { display: inline; } /* but because they're orthogonal, this will compute to inline-block */
+    </style>
+  </head>
+  <body>
+   <div class="h">
+    <p>The <span class="v-lr" id="test">quick <b>brown</b> fox</span> jumps over<br>the <b class="v-rl">lazy</b> dog.</p>
+   </div>
+   <div class="v-lr">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <div class="v-rl">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <br>
+   <script>
+     /* this should append "inline-block" to the document, not "inline" */
+     document.write(window.getComputedStyle(document.querySelector("#test")).display);
+   </script>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1135361-ruby-justify-1-ref.html b/layout/reftests/writing-mode/1135361-ruby-justify-1-ref.html
new file mode 100644
index 0000000000..d7d64b3fa9
--- /dev/null
+++ b/layout/reftests/writing-mode/1135361-ruby-justify-1-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1135361</title>
+    <style>
+    body {
+      font: 48px sans-serif;
+    }
+    div {
+      display: inline-block;
+      width: 3em;
+      border: 1px solid silver;
+      padding: .5em;
+    }
+    p {
+      writing-mode: vertical-rl;
+      -webkit-writing-mode: vertical-rl;
+      -ms-writing-mode: tb-rl; /* old syntax. IE */
+      text-orientation: upright;
+      -webkit-text-orientation: upright;
+      height: 4ch;
+    }
+    rt {
+      font-size: 20%; /* ensure ruby is small enough that it won't affect inline spacing */
+    }
+    span {
+      display: inline-block;
+      height: .5ch; /* shim for fake justification */
+    }
+    </style>
+  </head>
+  <body>
+   <div>
+    <p>
+      <span></span><ruby>東<rt>to</rt></ruby>
+    </p>
+   </div>
+   <div>
+    <p style="text-align:right;">
+      <ruby>京<rt>kyo</rt></ruby><span></span>
+    </p>
+   </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1135361-ruby-justify-1.html b/layout/reftests/writing-mode/1135361-ruby-justify-1.html
new file mode 100644
index 0000000000..880837161b
--- /dev/null
+++ b/layout/reftests/writing-mode/1135361-ruby-justify-1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1135361</title>
+    <style>
+    body {
+      font: 48px sans-serif;
+    }
+    div {
+      display: inline-block;
+      width: 3em;
+      border: 1px solid silver;
+      padding: .5em;
+    }
+    p {
+      writing-mode: vertical-rl;
+      -webkit-writing-mode: vertical-rl;
+      -ms-writing-mode: tb-rl; /* old syntax. IE */
+      text-orientation: upright;
+      -webkit-text-orientation: upright;
+      height: 4ch;
+      text-align: justify;
+      text-align-last: justify;
+    }
+    rt {
+      font-size: 20%; /* ensure ruby is small enough that it won't affect inline spacing */
+    }
+    .t {
+      color: transparent;
+    }
+    </style>
+  </head>
+  <body>
+   <div>
+    <p>
+      <ruby>東<rt>to</rt></ruby><ruby class="t">京<rt>kyo</rt></ruby>
+    </p>
+   </div>
+   <div>
+    <p>
+      <ruby class="t">東<rt>to</rt></ruby><ruby>京<rt>kyo</rt></ruby>
+    </p>
+   </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1136557-1-nested-spans-ref.html b/layout/reftests/writing-mode/1136557-1-nested-spans-ref.html
new file mode 100644
index 0000000000..929cce15a1
--- /dev/null
+++ b/layout/reftests/writing-mode/1136557-1-nested-spans-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Testcase, bug 1136557</title>
+<style>
+.a { font: 12px serif }
+.b { font: 12.25px serif }
+.c { font: 12.5px serif }
+.d { font: 12.75px serif }
+.e { font: 12px sans-serif }
+.f { font: 12.25px sans-serif }
+.g { font: 12.5px sans-serif }
+.h { font: 12.75px sans-serif }
+.i { font: 12px monospace }
+.j { font: 12.25px monospace }
+.k { font: 12.5px monospace }
+.l { font: 12.75px monospace }
+</style>
+</head>
+<body>
+<div style="writing-mode:vertical-lr">
+<p class="a">xyzzy</p>
+<p class="b">xyzzy</p>
+<p class="c">xyzzy</p>
+<p class="d">xyzzy</p>
+<p class="e">xyzzy</p>
+<p class="f">xyzzy</p>
+<p class="g">xyzzy</p>
+<p class="h">xyzzy</p>
+<p class="i">xyzzy</p>
+<p class="j">xyzzy</p>
+<p class="k">xyzzy</p>
+<p class="l">xyzzy</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1136557-1-nested-spans.html b/layout/reftests/writing-mode/1136557-1-nested-spans.html
new file mode 100644
index 0000000000..1258523738
--- /dev/null
+++ b/layout/reftests/writing-mode/1136557-1-nested-spans.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Testcase, bug 1136557</title>
+<style>
+.a { font: 12px serif }
+.b { font: 12.25px serif }
+.c { font: 12.5px serif }
+.d { font: 12.75px serif }
+.e { font: 12px sans-serif }
+.f { font: 12.25px sans-serif }
+.g { font: 12.5px sans-serif }
+.h { font: 12.75px sans-serif }
+.i { font: 12px monospace }
+.j { font: 12.25px monospace }
+.k { font: 12.5px monospace }
+.l { font: 12.75px monospace }
+</style>
+</head>
+<body>
+<div style="writing-mode:vertical-lr">
+<p class="a">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="b">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="c">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="d">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="e">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="f">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="g">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="h">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="i">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="j">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="k">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="l">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1136557-2-nested-spans-ref.html b/layout/reftests/writing-mode/1136557-2-nested-spans-ref.html
new file mode 100644
index 0000000000..753c658de8
--- /dev/null
+++ b/layout/reftests/writing-mode/1136557-2-nested-spans-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html lang="zh-cn">
+<head>
+<meta charset="utf-8">
+<title>Testcase, bug 1136557</title>
+<style>
+.a { font: 12px serif }
+.b { font: 12.25px serif }
+.c { font: 12.5px serif }
+.d { font: 12.75px serif }
+.e { font: 12px sans-serif }
+.f { font: 12.25px sans-serif }
+.g { font: 12.5px sans-serif }
+.h { font: 12.75px sans-serif }
+.i { font: 12px monospace }
+.j { font: 12.25px monospace }
+.k { font: 12.5px monospace }
+.l { font: 12.75px monospace }
+</style>
+</head>
+<body>
+<div style="writing-mode:vertical-lr">
+<p class="a">xyzzy</p>
+<p class="b">xyzzy</p>
+<p class="c">xyzzy</p>
+<p class="d">xyzzy</p>
+<p class="e">xyzzy</p>
+<p class="f">xyzzy</p>
+<p class="g">xyzzy</p>
+<p class="h">xyzzy</p>
+<p class="i">xyzzy</p>
+<p class="j">xyzzy</p>
+<p class="k">xyzzy</p>
+<p class="l">xyzzy</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1136557-2-nested-spans.html b/layout/reftests/writing-mode/1136557-2-nested-spans.html
new file mode 100644
index 0000000000..26a6cca72d
--- /dev/null
+++ b/layout/reftests/writing-mode/1136557-2-nested-spans.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html lang="zh-cn">
+<head>
+<meta charset="utf-8">
+<title>Testcase, bug 1136557</title>
+<style>
+.a { font: 12px serif }
+.b { font: 12.25px serif }
+.c { font: 12.5px serif }
+.d { font: 12.75px serif }
+.e { font: 12px sans-serif }
+.f { font: 12.25px sans-serif }
+.g { font: 12.5px sans-serif }
+.h { font: 12.75px sans-serif }
+.i { font: 12px monospace }
+.j { font: 12.25px monospace }
+.k { font: 12.5px monospace }
+.l { font: 12.75px monospace }
+</style>
+</head>
+<body>
+<div style="writing-mode:vertical-lr">
+<p class="a">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="b">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="c">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="d">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="e">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="f">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="g">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="h">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="i">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="j">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="k">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="l">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1136557-3-nested-spans-ref.html b/layout/reftests/writing-mode/1136557-3-nested-spans-ref.html
new file mode 100644
index 0000000000..9cbec254fa
--- /dev/null
+++ b/layout/reftests/writing-mode/1136557-3-nested-spans-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<title>Testcase, bug 1136557</title>
+<style>
+.a { font: 12px serif }
+.b { font: 12.25px serif }
+.c { font: 12.5px serif }
+.d { font: 12.75px serif }
+.e { font: 12px sans-serif }
+.f { font: 12.25px sans-serif }
+.g { font: 12.5px sans-serif }
+.h { font: 12.75px sans-serif }
+.i { font: 12px monospace }
+.j { font: 12.25px monospace }
+.k { font: 12.5px monospace }
+.l { font: 12.75px monospace }
+</style>
+</head>
+<body>
+<div style="writing-mode:vertical-lr">
+<p class="a">xyzzy</p>
+<p class="b">xyzzy</p>
+<p class="c">xyzzy</p>
+<p class="d">xyzzy</p>
+<p class="e">xyzzy</p>
+<p class="f">xyzzy</p>
+<p class="g">xyzzy</p>
+<p class="h">xyzzy</p>
+<p class="i">xyzzy</p>
+<p class="j">xyzzy</p>
+<p class="k">xyzzy</p>
+<p class="l">xyzzy</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1136557-3-nested-spans.html b/layout/reftests/writing-mode/1136557-3-nested-spans.html
new file mode 100644
index 0000000000..3d7297153b
--- /dev/null
+++ b/layout/reftests/writing-mode/1136557-3-nested-spans.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<title>Testcase, bug 1136557</title>
+<style>
+.a { font: 12px serif }
+.b { font: 12.25px serif }
+.c { font: 12.5px serif }
+.d { font: 12.75px serif }
+.e { font: 12px sans-serif }
+.f { font: 12.25px sans-serif }
+.g { font: 12.5px sans-serif }
+.h { font: 12.75px sans-serif }
+.i { font: 12px monospace }
+.j { font: 12.25px monospace }
+.k { font: 12.5px monospace }
+.l { font: 12.75px monospace }
+</style>
+</head>
+<body>
+<div style="writing-mode:vertical-lr">
+<p class="a">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="b">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="c">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="d">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="e">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="f">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="g">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="h">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="i">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="j">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="k">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+<p class="l">xy<span><span><span><span><span><span><span><span><span><span>zzy</p>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1138356-1-button-contents-alignment-ref.html b/layout/reftests/writing-mode/1138356-1-button-contents-alignment-ref.html
new file mode 100644
index 0000000000..dde5a0c771
--- /dev/null
+++ b/layout/reftests/writing-mode/1138356-1-button-contents-alignment-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+button {
+  writing-mode: vertical-lr;
+  -moz-appearance: none;
+}
+#a { }
+#b { width: 50px; }
+#c { padding: 20px; }
+#d { padding-left: 20px; }
+#e { padding-right: 20px; }
+#f { width: 50px; padding: 20px; visibility: hidden; } /* expected to mismatch */
+#g { width: 50px; padding-left: 20px; }
+#h { width: 50px; padding-right: 20px; }
+#i { padding-top: 20px; }
+#j { padding-bottom: 20px; }
+</style>
+
+<!-- except for button #f, these should all render the same in both
+     vertical-rl and vertical-lr writing modes -->
+<button id="a">Button</button>
+<button id="b">Button</button>
+<button id="c">Button</button>
+<button id="d">Button</button>
+<button id="e">Button</button>
+<button id="f">Button</button>
+<button id="g">Button</button>
+<button id="h">Button</button>
+<button id="i">Button</button>
+<button id="j">Button</button>
diff --git a/layout/reftests/writing-mode/1138356-1-button-contents-alignment.html b/layout/reftests/writing-mode/1138356-1-button-contents-alignment.html
new file mode 100644
index 0000000000..545f3adc22
--- /dev/null
+++ b/layout/reftests/writing-mode/1138356-1-button-contents-alignment.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+button {
+  writing-mode: vertical-rl;
+  -moz-appearance: none;
+}
+#a { }
+#b { width: 50px; }
+#c { padding: 20px; }
+#d { padding-left: 20px; }
+#e { padding-right: 20px; }
+#f { width: 50px; padding: 20px; visibility: hidden; } /* expected to mismatch */
+#g { width: 50px; padding-left: 20px; }
+#h { width: 50px; padding-right: 20px; }
+#i { padding-top: 20px; }
+#j { padding-bottom: 20px; }
+</style>
+
+<!-- except for button #f, these should all render the same in both
+     vertical-rl and vertical-lr writing modes -->
+<button id="a">Button</button>
+<button id="b">Button</button>
+<button id="c">Button</button>
+<button id="d">Button</button>
+<button id="e">Button</button>
+<button id="f">Button</button>
+<button id="g">Button</button>
+<button id="h">Button</button>
+<button id="i">Button</button>
+<button id="j">Button</button>
diff --git a/layout/reftests/writing-mode/1138356-2-button-contents-alignment-notref.html b/layout/reftests/writing-mode/1138356-2-button-contents-alignment-notref.html
new file mode 100644
index 0000000000..03a4a053ce
--- /dev/null
+++ b/layout/reftests/writing-mode/1138356-2-button-contents-alignment-notref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+button {
+  writing-mode: vertical-lr;
+  -moz-appearance: none;
+  visibility: hidden;
+}
+#a { }
+#b { width: 50px; }
+#c { padding: 20px; }
+#d { padding-left: 20px; }
+#e { padding-right: 20px; }
+#f { width: 50px; padding: 20px; visibility: visible; } /* expected to mismatch */
+#g { width: 50px; padding-left: 20px; }
+#h { width: 50px; padding-right: 20px; }
+#i { padding-top: 20px; }
+#j { padding-bottom: 20px; }
+</style>
+
+<!-- except for button #f, these should all render the same in both
+     vertical-rl and vertical-lr writing modes -->
+<button id="a">Button</button>
+<button id="b">Button</button>
+<button id="c">Button</button>
+<button id="d">Button</button>
+<button id="e">Button</button>
+<button id="f">Button</button>
+<button id="g">Button</button>
+<button id="h">Button</button>
+<button id="i">Button</button>
+<button id="j">Button</button>
diff --git a/layout/reftests/writing-mode/1138356-2-button-contents-alignment.html b/layout/reftests/writing-mode/1138356-2-button-contents-alignment.html
new file mode 100644
index 0000000000..2010b62091
--- /dev/null
+++ b/layout/reftests/writing-mode/1138356-2-button-contents-alignment.html
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html>
+<style type="text/css">
+button {
+  writing-mode: vertical-rl;
+  -moz-appearance: none;
+  visibility: hidden;
+}
+#a { }
+#b { width: 50px; }
+#c { padding: 20px; }
+#d { padding-left: 20px; }
+#e { padding-right: 20px; }
+#f { width: 50px; padding: 20px; visibility: visible; } /* expected to mismatch */
+#g { width: 50px; padding-left: 20px; }
+#h { width: 50px; padding-right: 20px; }
+#i { padding-top: 20px; }
+#j { padding-bottom: 20px; }
+</style>
+
+<!-- except for button #f, these should all render the same in both
+     vertical-rl and vertical-lr writing modes -->
+<button id="a">Button</button>
+<button id="b">Button</button>
+<button id="c">Button</button>
+<button id="d">Button</button>
+<button id="e">Button</button>
+<button id="f">Button</button>
+<button id="g">Button</button>
+<button id="h">Button</button>
+<button id="i">Button</button>
+<button id="j">Button</button>
diff --git a/layout/reftests/writing-mode/1144501-1-block-end-margin-orthogonal-size-ref.html b/layout/reftests/writing-mode/1144501-1-block-end-margin-orthogonal-size-ref.html
new file mode 100644
index 0000000000..bdf34ff763
--- /dev/null
+++ b/layout/reftests/writing-mode/1144501-1-block-end-margin-orthogonal-size-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 1144501 testcase</title>
+  <meta charset="utf-8">
+  <style type="text/css">
+  .outer {
+    width: 300px;
+    height: 100px;
+    border: 1px solid silver;
+    margin: 8px 0;
+    display: inline-block;
+    vertical-align: top;
+  }
+  p {
+    margin: 0;
+    background: #eee;
+  }
+  .hr {
+    background-color: green;
+    border: transparent none 0px;
+    height: 10px;
+    margin: 0px;
+    width: 100%;
+  }
+  </style>
+</head>
+<body>
+  <div class="outer">
+    <p style="margin-top:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <div class="outer">
+    <p style="margin-right:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <br>
+  <div class="outer">
+    <p style="margin-bottom:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <div class="outer">
+    <p style="margin-left:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1144501-1a-block-end-margin-orthogonal-size.html b/layout/reftests/writing-mode/1144501-1a-block-end-margin-orthogonal-size.html
new file mode 100644
index 0000000000..5c819ac45b
--- /dev/null
+++ b/layout/reftests/writing-mode/1144501-1a-block-end-margin-orthogonal-size.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 1144501 testcase</title>
+  <meta charset="utf-8">
+  <style type="text/css">
+  .outer {
+    width: 300px;
+    height: 100px;
+    border: 1px solid silver;
+    margin: 8px 0;
+    display: inline-block;
+    vertical-align: top;
+  }
+  p {
+    margin: 0;
+    background: #eee;
+  }
+  .hr {
+    background-color: green;
+    border: transparent none 0px;
+    height: 10px;
+    margin: 0px;
+    width: 100%;
+    writing-mode: vertical-lr;
+  }
+  </style>
+</head>
+<body>
+  <div class="outer">
+    <p style="margin-top:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <div class="outer">
+    <p style="margin-right:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <br>
+  <div class="outer">
+    <p style="margin-bottom:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <div class="outer">
+    <p style="margin-left:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1144501-1b-block-end-margin-orthogonal-size.html b/layout/reftests/writing-mode/1144501-1b-block-end-margin-orthogonal-size.html
new file mode 100644
index 0000000000..d15952c776
--- /dev/null
+++ b/layout/reftests/writing-mode/1144501-1b-block-end-margin-orthogonal-size.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 1144501 testcase</title>
+  <meta charset="utf-8">
+  <style type="text/css">
+  .outer {
+    width: 300px;
+    height: 100px;
+    border: 1px solid silver;
+    margin: 8px 0;
+    display: inline-block;
+    vertical-align: top;
+  }
+  p {
+    margin: 0;
+    background: #eee;
+  }
+  .hr {
+    background-color: green;
+    border: transparent none 0px;
+    height: 10px;
+    margin: 0px;
+    width: 100%;
+    writing-mode: vertical-rl;
+  }
+  </style>
+</head>
+<body>
+  <div class="outer">
+    <p style="margin-top:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <div class="outer">
+    <p style="margin-right:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <br>
+  <div class="outer">
+    <p style="margin-bottom:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+  <div class="outer">
+    <p style="margin-left:20px">
+      There should be a horizontal green bar the full width of the div.
+    </p>
+    <div class="hr"></div>
+  </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-bottom-left-ref.html b/layout/reftests/writing-mode/1147834-bottom-left-ref.html
new file mode 100644
index 0000000000..22a7807fe0
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-bottom-left-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+    }
+    #inner1 {
+      position: relative;
+      left: 0px;
+      top: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-bottom-right-ref.html b/layout/reftests/writing-mode/1147834-bottom-right-ref.html
new file mode 100644
index 0000000000..7b04cf659b
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-bottom-right-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      top: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-ltr.html b/layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-ltr.html
new file mode 100644
index 0000000000..4ce2980af5
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+      writing-mode: horizontal-tb;
+      direction: ltr;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      right: 40px;
+      top: 20px;
+      bottom: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-rtl.html b/layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-rtl.html
new file mode 100644
index 0000000000..1c35de714e
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-relative-overconstrained-horizontal-tb-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+      writing-mode: horizontal-tb;
+      direction: rtl;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      right: 40px;
+      top: 20px;
+      bottom: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-ltr.html b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-ltr.html
new file mode 100644
index 0000000000..397c7f06eb
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+      writing-mode: vertical-lr;
+      direction: ltr;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      right: 40px;
+      top: 20px;
+      bottom: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-rtl.html b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-rtl.html
new file mode 100644
index 0000000000..9221df1012
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+      writing-mode: vertical-lr;
+      direction: rtl;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      right: 40px;
+      top: 20px;
+      bottom: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-ltr.html b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-ltr.html
new file mode 100644
index 0000000000..cbed4d39d9
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-ltr.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+      writing-mode: vertical-rl;
+      direction: ltr;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      right: 40px;
+      top: 20px;
+      bottom: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-rtl.html b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-rtl.html
new file mode 100644
index 0000000000..c6645d489f
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-rl-rtl.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+      writing-mode: vertical-rl;
+      direction: rtl;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      right: 40px;
+      top: 20px;
+      bottom: 20px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-top-left-ref.html b/layout/reftests/writing-mode/1147834-top-left-ref.html
new file mode 100644
index 0000000000..2b0914c6f9
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-top-left-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+    }
+    #inner1 {
+      position: relative;
+      left: 0px;
+      top: 0px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1147834-top-right-ref.html b/layout/reftests/writing-mode/1147834-top-right-ref.html
new file mode 100644
index 0000000000..8fa07ec082
--- /dev/null
+++ b/layout/reftests/writing-mode/1147834-top-right-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Overconstrained relative positioning</title>
+    <style>
+    .test {
+      border: 1px solid black;
+      height: 200px;
+      width:  400px;
+    }
+    #inner1 {
+      position: relative;
+      left: 40px;
+      top: 0px;
+      height: 180px;
+      width: 360px;
+      background-color: teal;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="test">
+      <div id="inner1"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1151993-1-orthogonal-block-size-ref.html b/layout/reftests/writing-mode/1151993-1-orthogonal-block-size-ref.html
new file mode 100644
index 0000000000..fe11c1704d
--- /dev/null
+++ b/layout/reftests/writing-mode/1151993-1-orthogonal-block-size-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Bug 1151993 - sizing of orthogonal block</title>
+    <style>
+    .outer {
+      width: 400px;
+      height: 300px;
+      border: 1px solid silver;
+      overflow: visible;
+      display: inline-block;
+      margin: 10px;
+      vertical-align: top;
+    }
+    .test1 {
+      background: yellow;
+      width: 100px;
+      height: 40px;
+    }
+    .test2 {
+      background: yellow;
+      width: 100px;
+      height: 300px;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque.
+      Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p>
+      <div class="test1"></div>
+      <p>Cu ornatus accusam nam, minim impedit omittantur vel ne.
+      Qui detraxit temporibus contentiones te.</p>
+    </div>
+    <div class="outer">
+      <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque.
+      Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p>
+      <div class="test2"></div>
+      <p>Cu ornatus accusam nam, minim impedit omittantur vel ne.
+      Qui detraxit temporibus contentiones te.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1151993-1-orthogonal-block-size.html b/layout/reftests/writing-mode/1151993-1-orthogonal-block-size.html
new file mode 100644
index 0000000000..7920de7116
--- /dev/null
+++ b/layout/reftests/writing-mode/1151993-1-orthogonal-block-size.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Bug 1151993 - sizing of orthogonal block</title>
+    <style>
+    .outer {
+      width: 400px;
+      height: 300px;
+      border: 1px solid silver;
+      overflow: visible;
+      display: inline-block;
+      margin: 10px;
+      vertical-align: top;
+    }
+    .v-lr {
+      writing-mode: vertical-lr;
+      background: yellow;
+      font-weight: bold;
+      width: 100px;
+    }
+    span {
+      display: inline-block;
+      height: 40px;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque.
+      Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p>
+      <div class="v-lr"><span class="test"></span></div> <!-- single line: shrink-wrapped -->
+      <p>Cu ornatus accusam nam, minim impedit omittantur vel ne.
+      Qui detraxit temporibus contentiones te.</p>
+    </div>
+    <div class="outer">
+      <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque.
+      Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p>
+      <div class="v-lr">
+        <span></span> <span></span> <span></span> <span></span> <span></span>
+        <span></span> <span></span> <span></span> <span></span> <span></span>
+        <span></span> <span></span> <span></span> <span></span> <span></span>
+      </div> <!-- multi-line: use containing block's height as inline size -->
+      <p>Cu ornatus accusam nam, minim impedit omittantur vel ne.
+      Qui detraxit temporibus contentiones te.</p>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow-ref.html b/layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow-ref.html
new file mode 100644
index 0000000000..d7748e024a
--- /dev/null
+++ b/layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+html {
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  font: 16px/24px monospace;
+  padding: 20px;
+}
+body {
+  width: 40em;
+  height: 25em;
+}
+blockquote {
+  -webkit-writing-mode: horizontal-tb;
+  writing-mode: horizontal-tb;
+  width: 20em;
+  color: transparent;
+}
+</style>
+</head>
+
+<body>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam,
+  eu ultricies augue.</p>
+
+  <blockquote>
+    <!-- Short enough text that it won't overflow. -->
+    <p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum
+    placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem
+    elementum.</p>
+  </blockquote>
+
+  <p>Maecenas nec ornare ligula. Phasellus eleifend
+  elit leo, nec vestibulum sapien consectetur quis.</p>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow.html b/layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow.html
new file mode 100644
index 0000000000..5ce03d1525
--- /dev/null
+++ b/layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+html {
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  font: 16px/24px monospace;
+  padding: 20px;
+}
+body {
+  width: 40em;
+  height: 25em;
+}
+blockquote {
+  -webkit-writing-mode: horizontal-tb;
+  writing-mode: horizontal-tb;
+  width: 20em;
+  color: transparent;
+}
+</style>
+</head>
+
+<body>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam,
+  eu ultricies augue.</p>
+
+  <blockquote>
+    <!-- The (invisible) text in the orthogonal block should NOT make following
+         content vanish if it overflows the <body>'s height! -->
+    <p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum
+    placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem
+    elementum.</p>
+
+    <p>Fusce eros eros, eleifend eget eros at, convallis tempor tortor. Cras
+    at gravida leo. Proin ultricies ipsum vitae felis suscipit, a tincidunt orci
+    mattis. Cras in suscipit mauris.</p>
+
+    <p>Etiam eu pellentesque nisi. Quisque
+    ullamcorper dui odio, eu feugiat nunc interdum vitae. Morbi egestas dolor a
+    nulla pellentesque, faucibus tincidunt diam facilisis. Suspendisse at urna
+    varius, pellentesque nibh non, venenatis ante.</p>
+
+    <p>Nullam aliquet orci vel dui
+    dapibus, nec facilisis enim interdum. Morbi condimentum venenatis commodo. Sed
+    viverra diam nec lacinia congue. Etiam ultrices luctus volutpat.</p>
+  </blockquote>
+
+  <p>Maecenas nec ornare ligula. Phasellus eleifend
+  elit leo, nec vestibulum sapien consectetur quis.</p>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1156021-text-indent-percent-ref.html b/layout/reftests/writing-mode/1156021-text-indent-percent-ref.html
new file mode 100644
index 0000000000..0bb7fcba82
--- /dev/null
+++ b/layout/reftests/writing-mode/1156021-text-indent-percent-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  font-size: 10px;
+}
+div {
+  width: 100px;
+  height: 200px;
+  margin: 5px;
+  border: 1px solid silver;
+  display: inline-block;
+  vertical-align: top;
+}
+p {
+  inline-size: 100%;
+  margin: 0;
+}
+span {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: green;
+  position: relative;
+}
+</style>
+</head>
+<body>
+<div> <p><span style="left: 20px;"></span></p> </div>
+<div> <p><span style="left: 60px;"></span></p> </div>
+<div> <p><span style="top: 40px;"></span></p> </div>
+<div> <p><span style="top: 140px;"></span></p> </div>
+<div> <p><span style="top: 40px; left: 80px;"></span></p> </div>
+<div> <p><span style="top: 140px; left: 80px;"></span></p> </div>
+<br>
+<div> <p><span style="left: 20px;"></span></p> </div>
+<div> <p><span style="left: 60px;"></span></p> </div>
+<div> <p><span style="top: 40px;"></span></p> </div>
+<div> <p><span style="top: 140px;"></span></p> </div>
+<div> <p><span style="top: 40px;"></span></p> </div>
+<div> <p><span style="top: 140px;"></span></p> </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1156021-text-indent-percent.html b/layout/reftests/writing-mode/1156021-text-indent-percent.html
new file mode 100644
index 0000000000..b37a202e2c
--- /dev/null
+++ b/layout/reftests/writing-mode/1156021-text-indent-percent.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  font-size: 10px;
+}
+div {
+  width: 100px;
+  height: 200px;
+  margin: 5px;
+  border: 1px solid silver;
+  display: inline-block;
+  vertical-align: top;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+p {
+  inline-size: 100%;
+  text-indent: 20%;
+  margin: 0;
+}
+span {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: green;
+}
+</style>
+</head>
+<body>
+<div> <p><span></span></p> </div>
+<div dir="rtl"> <p><span></span></p> </div>
+<div class="vlr"> <p><span></span></p> </div>
+<div class="vlr" dir="rtl"> <p><span></span></p> </div>
+<div class="vrl"> <p><span></span></p> </div>
+<div class="vrl" dir="rtl"> <p><span></span></p> </div>
+<br>
+<div> <p><span></span></p> </div>
+<div> <p dir="rtl"><span></span></p> </div>
+<div> <p class="vlr"><span></span></p> </div>
+<div> <p class="vlr" dir="rtl"><span></span></p> </div>
+<div> <p class="vrl"><span></span></p> </div>
+<div> <p class="vrl" dir="rtl"><span></span></p> </div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1157752-upright-bidi-ref.html b/layout/reftests/writing-mode/1157752-upright-bidi-ref.html
new file mode 100644
index 0000000000..6be780e664
--- /dev/null
+++ b/layout/reftests/writing-mode/1157752-upright-bidi-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  font: 16px/24px sans-serif;
+  padding: 20px;
+  width: 300px;
+  height: 400px;
+}
+.sideways {
+  -webkit-text-orientation: sideways-right;
+  text-orientation: sideways-right;
+}
+.upright {
+  -webkit-text-orientation: upright;
+  text-orientation: upright;
+}
+</style>
+</head>
+
+<body>
+<div class=sideways>
+Bidi עברית text
+</div>
+
+<div dir=rtl class=sideways>
+Bidi עברית text
+</div>
+
+<div class=upright>
+<bdo dir=ltr>Bidi עברית text</bdo>
+</div>
+
+<div dir=rtl class=upright>
+<bdo dir=ltr>Bidi עברית text</bdo>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1157752-upright-bidi.html b/layout/reftests/writing-mode/1157752-upright-bidi.html
new file mode 100644
index 0000000000..551e75b122
--- /dev/null
+++ b/layout/reftests/writing-mode/1157752-upright-bidi.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  font: 16px/24px sans-serif;
+  padding: 20px;
+  width: 300px;
+  height: 400px;
+}
+.sideways {
+  -webkit-text-orientation: sideways-right;
+  text-orientation: sideways-right;
+}
+.upright {
+  -webkit-text-orientation: upright;
+  text-orientation: upright;
+}
+</style>
+</head>
+
+<body>
+<div class=sideways>
+Bidi עברית text
+</div>
+
+<div dir=rtl class=sideways>
+Bidi עברית text
+</div>
+
+<div class=upright>
+Bidi עברית text
+</div>
+
+<div dir=rtl class=upright>
+Bidi עברית text
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1157758-1-vertical-arabic-ref.html b/layout/reftests/writing-mode/1157758-1-vertical-arabic-ref.html
new file mode 100644
index 0000000000..e3ec37a5a3
--- /dev/null
+++ b/layout/reftests/writing-mode/1157758-1-vertical-arabic-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+html {
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  -webkit-text-orientation: upright;
+  text-orientation: upright;
+}
+</style>
+</head>
+
+<body>
+  &#x4F60; <bdo dir=ltr>&#x0627;&#x200c;&#x0644;&#x200c;&#x0639;&#x200c;&#x0631;&#x200c;&#x0628;&#x200c;&#x064A;</bdo> &#x597D;&#xFF01;
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1157758-1-vertical-arabic.html b/layout/reftests/writing-mode/1157758-1-vertical-arabic.html
new file mode 100644
index 0000000000..ddd084379a
--- /dev/null
+++ b/layout/reftests/writing-mode/1157758-1-vertical-arabic.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+html {
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  -webkit-text-orientation: upright;
+  text-orientation: upright;
+}
+</style>
+</head>
+
+<body>
+  &#x4F60; &#x0627;&#x0644;&#x0639;&#x0631;&#x0628;&#x064A; &#x597D;&#xFF01;
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints-ref.html b/layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints-ref.html
new file mode 100644
index 0000000000..15520d034d
--- /dev/null
+++ b/layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/20px sans-serif;
+  width: 600px;
+  height: 500px;
+  padding: 5px;
+  border: 1px solid gray;
+}
+blockquote {
+  background: #eee;
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  width: 600px;
+  height: 200px;
+  margin: 0;
+  padding: 10px 0;
+}
+</style>
+</head>
+
+<body>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam,
+eu ultricies augue. Aliquam ante orci, egestas eu pulvinar eget, ullamcorper eu
+elit. Phasellus tristique vulputate odio, quis ultricies justo rutrum in. Mauris
+auctor est in sagittis eleifend.</p>
+
+<blockquote>
+<p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum
+placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem
+elementum. Fusce eros eros, eleifend eget eros at, convallis tempor tortor. Cras
+at gravida leo. Proin ultricies ipsum vitae felis suscipit, a tincidunt orci
+mattis. Cras in suscipit mauris.</p>
+</blockquote>
+
+<p>Vivamus lobortis hendrerit vehicula. Nullam dapibus ante et commodo lacinia.
+Sed tincidunt pretium ligula, eget porta metus pharetra eget. Mauris pharetra
+tortor convallis nisi varius facilisis.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints.html b/layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints.html
new file mode 100644
index 0000000000..2ef3d1cda2
--- /dev/null
+++ b/layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  font: 16px/20px sans-serif;
+  width: 600px;
+  height: 500px;
+  padding: 5px;
+  border: 1px solid gray;
+}
+blockquote {
+  background: #eee;
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: vertical-rl;
+  min-width: 100%;
+  max-height: 40%;
+  margin: 0;
+  padding: 10px 0;
+}
+</style>
+</head>
+
+<body>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam,
+eu ultricies augue. Aliquam ante orci, egestas eu pulvinar eget, ullamcorper eu
+elit. Phasellus tristique vulputate odio, quis ultricies justo rutrum in. Mauris
+auctor est in sagittis eleifend.</p>
+
+<blockquote>
+<p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum
+placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem
+elementum. Fusce eros eros, eleifend eget eros at, convallis tempor tortor. Cras
+at gravida leo. Proin ultricies ipsum vitae felis suscipit, a tincidunt orci
+mattis. Cras in suscipit mauris.</p>
+</blockquote>
+
+<p>Vivamus lobortis hendrerit vehicula. Nullam dapibus ante et commodo lacinia.
+Sed tincidunt pretium ligula, eget porta metus pharetra eget. Mauris pharetra
+tortor convallis nisi varius facilisis.</p>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1163238-orthogonal-auto-margins-ref.html b/layout/reftests/writing-mode/1163238-orthogonal-auto-margins-ref.html
new file mode 100644
index 0000000000..2842969d09
--- /dev/null
+++ b/layout/reftests/writing-mode/1163238-orthogonal-auto-margins-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body {
+      border: 1px solid blue;
+    }
+    .vlr {
+      border: 5px solid green;
+      width: 200px;
+      height: 400px;
+      margin: 0px auto;
+    }
+    .h1 {
+      border: 10px solid red;
+      width: 100px;
+      height: 200px;
+      margin-top: 90px;
+    }
+    .vrl {
+      background: yellow;
+      width: 50px;
+      height: 75px;
+      padding-top: 25px;
+      margin-left: 25px;
+    }
+    .h2 {
+      background: black;
+      width: 20px;
+      height: 50px;
+      margin-left: 30px;
+    }
+  </style>
+</head>
+<body>
+  <div class="vlr">
+    <div class="h1">
+      <div class="vrl">
+        <div class="h2">
diff --git a/layout/reftests/writing-mode/1163238-orthogonal-auto-margins.html b/layout/reftests/writing-mode/1163238-orthogonal-auto-margins.html
new file mode 100644
index 0000000000..e4758ec6fe
--- /dev/null
+++ b/layout/reftests/writing-mode/1163238-orthogonal-auto-margins.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body {
+      border: 1px solid blue;
+    }
+    .vlr {
+      border: 5px solid green;
+      width: 200px;
+      height: 400px;
+      writing-mode: vertical-lr;
+      margin: auto;
+    }
+    .h1 {
+      border: 10px solid red;
+      width: 100px;
+      height: 200px;
+      writing-mode: horizontal-tb;
+      margin: auto;
+    }
+    .vrl {
+      background: yellow;
+      width: 50px;
+      height: 100px;
+      writing-mode: vertical-rl;
+      margin: auto;
+    }
+    .h2 {
+      background: black;
+      width: 20px;
+      height: 50px;
+      writing-mode: horizontal-tb;
+      margin: auto;
+    }
+  </style>
+</head>
+<body>
+  <div class="vlr">
+    <div class="h1">
+      <div class="vrl">
+        <div class="h2">
diff --git a/layout/reftests/writing-mode/1174450-intrinsic-sizing-ref.html b/layout/reftests/writing-mode/1174450-intrinsic-sizing-ref.html
new file mode 100644
index 0000000000..3645fa0066
--- /dev/null
+++ b/layout/reftests/writing-mode/1174450-intrinsic-sizing-ref.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1174450</title>
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; line-height:16px; padding:0; margin:0; }
+	
+div.v, div.h {
+  display: block;
+  position: relative;
+  border: 1px dashed silver;
+  width:74px;
+  height:24px;
+}
+div.h {
+  width:62px;
+  height:61.2px;
+}
+.h span { 
+  margin: 7px 13px 32px 12px;
+  padding: 1px 3px 6px 19px;
+}
+.v span { 
+  margin: 7px 13px 30px 5px;
+  padding: 1px 3px 2px 7px;
+}
+
+span { 
+  display: block;
+  position: absolute;
+  width: 30px;
+  height: 10px;
+  background: lime;
+  border-width: 5px 9px 1px 7px;
+  border-style: solid;
+}
+
+.a { position:absolute; }
+.t2 {top:100px;}
+.t3 {top:200px;}
+.t4 {top:300px;}
+  
+  </style>
+</head>
+<body>
+
+
+<div class="a t1">
+<pre>vertical container, horizontal child</pre>
+<div class="v"><span class="h"></span></div>
+</div>
+<div class="a t2">
+<pre>vertical container, vertical child</pre>
+<div class="v"><span class="v"></span></div>
+</div>
+<div class="a t3">
+<pre>horizontal container, horizontal child</pre>
+<div class="h"><span class="h"></span></div>
+</div>
+<div class="a t4">
+<pre>horizontal container, vertical child</pre>
+<div class="h"><span class="v"></span></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1174450-intrinsic-sizing.html b/layout/reftests/writing-mode/1174450-intrinsic-sizing.html
new file mode 100644
index 0000000000..e7cd5585c4
--- /dev/null
+++ b/layout/reftests/writing-mode/1174450-intrinsic-sizing.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1174450</title>
+  <style type="text/css">
+body,html { color:black; background:white; font-size:12px; line-height:16px; padding:0; margin:0; }
+	
+div.h, div.v {
+  display: block;
+  border: 1px dashed silver;
+  float: left;
+}
+.v { 
+  writing-mode: vertical-lr;
+}
+.h { 
+  writing-mode: horizontal-tb;
+}
+
+span { 
+  display: block;
+  width: 30px;
+  height: 10px;
+  background: lime;
+  margin: 7px 13px 50% 20%;
+  padding: 1px 3px 10% 30%;
+  border-width: 5px 9px 1px 7px;
+  border-style: solid;
+}
+
+.a { position:absolute; }
+.t2 {top:100px;}
+.t3 {top:200px;}
+.t4 {top:300px;}
+  
+  </style>
+</head>
+<body>
+
+
+<div class="a t1">
+<pre>vertical container, horizontal child</pre>
+<div class="v"><span class="h"></span></div>
+</div>
+<div class="a t2">
+<pre>vertical container, vertical child</pre>
+<div class="v"><span class="v"></span></div>
+</div>
+<div class="a t3">
+<pre>horizontal container, horizontal child</pre>
+<div class="h"><span class="h"></span></div>
+</div>
+<div class="a t4">
+<pre>horizontal container, vertical child</pre>
+<div class="h"><span class="v"></span></div>
+</div>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1175789-underline-overline-1-ref.html b/layout/reftests/writing-mode/1175789-underline-overline-1-ref.html
new file mode 100644
index 0000000000..b788d6bae8
--- /dev/null
+++ b/layout/reftests/writing-mode/1175789-underline-overline-1-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1175789 - underline and overline in various language</title>
+  <style type="text/css">
+    body {
+      font-family: "Arial", "Helvetica", "sans-serif";
+    }
+    div {
+      padding: .5em 1em;
+      line-height: 2em;
+    }
+    .underline {
+      text-decoration: underline;
+    }
+    .overline {
+      text-decoration: overline;
+    }
+  </style>
+ </head>
+ <body>
+   <dl>
+     <dt>lang="en-US"</dt>
+     <dd lang="en-US">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ja"</dt>
+     <dd lang="en-US">
+       <div style="writing-mode: vertical-rl;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ko"</dt>
+     <dd lang="en-US">
+       <div style="writing-mode: vertical-rl;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ja-JP"</dt>
+     <dd lang="en-US">
+       <div style="writing-mode: vertical-rl;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ko-KR"</dt>
+     <dd lang="en-US">
+       <div style="writing-mode: vertical-rl;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="overline">underline</span><br>
+         <span class="underline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="zh"</dt>
+     <dd lang="en-US">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+    </dl>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1175789-underline-overline-1.html b/layout/reftests/writing-mode/1175789-underline-overline-1.html
new file mode 100644
index 0000000000..1044a9dca5
--- /dev/null
+++ b/layout/reftests/writing-mode/1175789-underline-overline-1.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>Bug 1175789 - underline and overline in various language</title>
+  <style type="text/css">
+    body {
+      font-family: "Arial", "Helvetica", "sans-serif";
+    }
+    div {
+      padding: .5em 1em;
+      line-height: 2em;
+    }
+    .underline {
+      text-decoration: underline;
+    }
+    .overline {
+      text-decoration: overline;
+    }
+  </style>
+ </head>
+ <body>
+   <dl>
+     <dt>lang="en-US"</dt>
+     <dd lang="en-US">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ja"</dt>
+     <dd lang="ja">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ko"</dt>
+     <dd lang="ko">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ja-JP"</dt>
+     <dd lang="ja-JP">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="ko-KR"</dt>
+     <dd lang="ko-KR">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+     <dt>lang="zh"</dt>
+     <dd lang="zh">
+       <div style="writing-mode: vertical-rl;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+       <div style="writing-mode: vertical-lr;">
+         <span class="underline">underline</span><br>
+         <span class="overline">overline</span>
+       </div>
+     </dd>
+    </dl>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics-ref.html b/layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics-ref.html
new file mode 100644
index 0000000000..90e80637b2
--- /dev/null
+++ b/layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<style>
+
+html { writing-mode: vertical-rl; }
+
+</style>
+<body>
+
+<p>The following blue box should have uniform padding around all sides.</p>
+
+<div style="float: left; background: olive; padding: 5px;">
+  <div id="c" style="background: blue; height: 100px; width: 100px">
+  </div>
+</div>
+
+<p style="clear:left">Note that if you zoom the page after it loads
+it fixes the problem by causing a reflow.</p>
diff --git a/layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics.html b/layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics.html
new file mode 100644
index 0000000000..44f90e85ed
--- /dev/null
+++ b/layout/reftests/writing-mode/1188061-1-nsChangeHint_ClearAncestorIntrinsics.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<style>
+
+html { writing-mode: vertical-rl; }
+
+</style>
+<body>
+
+<p>The following blue box should have uniform padding around all sides.</p>
+
+<div style="float: left; background: olive; padding: 5px;">
+  <div id="c" style="background: blue; height: 200px; width: 100px">
+  </div>
+</div>
+
+<p style="clear:left">Note that if you zoom the page after it loads
+it fixes the problem by causing a reflow.</p>
+
+<script>
+
+var div = document.getElementById("c")
+var flush_and_ignore = div.offsetTop;
+div.style.height = "100px";
+
+</script>
diff --git a/layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize-ref.html b/layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize-ref.html
new file mode 100644
index 0000000000..716e11c603
--- /dev/null
+++ b/layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<style>
+
+html { writing-mode: vertical-rl; }
+
+</style>
+<body>
+
+<p>The following image should have uniform padding around all sides.</p>
+
+
+<div style="width: 150px; float: left; background: yellow; padding: 5px;">
+  <div style="width: 100%">
+    <!-- 32x32 blue image -->
+    <img style="width: 100%" src="data:image/png; charset=binary;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=">
+  </div>
+</div>
+
+<p style="clear:left">Note that if you zoom the page after it loads
+it fixes the problem by causing a reflow.</p>
diff --git a/layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize.html b/layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize.html
new file mode 100644
index 0000000000..22c32aefda
--- /dev/null
+++ b/layout/reftests/writing-mode/1188061-2-nsChangeHint_UpdateComputedBSize.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<style>
+
+html { writing-mode: vertical-rl; }
+
+</style>
+<body onload="run()">
+
+<p>The following image should have uniform padding around all sides.</p>
+
+
+<div style="width: 200px; float: left; background: yellow; padding: 5px;">
+  <div style="width: 100%">
+    <!-- 32x32 blue image -->
+    <img style="width: 100%" src="data:image/png; charset=binary;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=">
+  </div>
+</div>
+
+<p style="clear:left">Note that if you zoom the page after it loads
+it fixes the problem by causing a reflow.</p>
+
+<script>
+
+function run() {
+  /* needs to happen after the image loads */
+  var img = document.getElementsByTagName("img")[0];
+  var flush_and_ignore = img.offsetTop;
+  img.parentNode.parentNode.style.width = "150px";
+
+  document.documentElement.removeAttribute("class");
+}
+
+</script>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-1-ref.html b/layout/reftests/writing-mode/1193519-sideways-lr-1-ref.html
new file mode 100644
index 0000000000..e3c96714c7
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-1-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { padding: 5px; display: inline-block; }
+span { display: block; width: 2em; }
+span:nth-child(1) { background: red;    height: 1em; }
+span:nth-child(2) { background: orange; height: 1.1em; }
+span:nth-child(3) { background: yellow; height: 1.3em; }
+span:nth-child(4) { background: green;  height: 1.5em; }
+span:nth-child(5) { background: blue;   height: 1.7em; }
+span:nth-child(6) { background: indigo; height: 1.9em; }
+span:nth-child(7) { background: violet; height: 2em; }
+</style>
+</head>
+
+<body>
+
+<p>All four columns should look the same:
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-1.html b/layout/reftests/writing-mode/1193519-sideways-lr-1.html
new file mode 100644
index 0000000000..66df9d85f7
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { padding: 5px; display: inline-block; }
+.vlr { writing-mode: vertical-lr; text-orientation: sideways; }
+.vrl { writing-mode: vertical-rl; text-orientation: sideways; }
+.slr { writing-mode: sideways-lr; }
+.srl { writing-mode: sideways-rl; }
+span { display: inline-block; block-size: 2em; vertical-align: middle; }
+span:nth-child(1) { background: red;    inline-size: 1em; }
+span:nth-child(2) { background: orange; inline-size: 1.1em; }
+span:nth-child(3) { background: yellow; inline-size: 1.3em; }
+span:nth-child(4) { background: green;  inline-size: 1.5em; }
+span:nth-child(5) { background: blue;   inline-size: 1.7em; }
+span:nth-child(6) { background: indigo; inline-size: 1.9em; }
+span:nth-child(7) { background: violet; inline-size: 2em; }
+</style>
+</head>
+
+<body>
+
+<p>All four columns should look the same:
+<div dir=ltr class="vrl"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div dir=ltr class="vlr"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div dir=ltr class="srl"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div dir=rtl class="slr"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-2-ref.html b/layout/reftests/writing-mode/1193519-sideways-lr-2-ref.html
new file mode 100644
index 0000000000..681cb2890a
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-2-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { padding: 5px; display: inline-block; }
+span { display: block; width: 2em; }
+span:nth-child(7) { background: red;    height: 1em; }
+span:nth-child(6) { background: orange; height: 1.1em; }
+span:nth-child(5) { background: yellow; height: 1.3em; }
+span:nth-child(4) { background: green;  height: 1.5em; }
+span:nth-child(3) { background: blue;   height: 1.7em; }
+span:nth-child(2) { background: indigo; height: 1.9em; }
+span:nth-child(1) { background: violet; height: 2em; }
+</style>
+</head>
+
+<body>
+
+<p>All four columns should look the same:
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-2.html b/layout/reftests/writing-mode/1193519-sideways-lr-2.html
new file mode 100644
index 0000000000..5a6e7ea0ea
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { padding: 5px; display: inline-block; }
+.vlr { writing-mode: vertical-lr; text-orientation: sideways; }
+.vrl { writing-mode: vertical-rl; text-orientation: sideways; }
+.slr { writing-mode: sideways-lr; }
+.srl { writing-mode: sideways-rl; }
+span { display: inline-block; block-size: 2em; vertical-align: middle; }
+span:nth-child(1) { background: red;    inline-size: 1em; }
+span:nth-child(2) { background: orange; inline-size: 1.1em; }
+span:nth-child(3) { background: yellow; inline-size: 1.3em; }
+span:nth-child(4) { background: green;  inline-size: 1.5em; }
+span:nth-child(5) { background: blue;   inline-size: 1.7em; }
+span:nth-child(6) { background: indigo; inline-size: 1.9em; }
+span:nth-child(7) { background: violet; inline-size: 2em; }
+</style>
+</head>
+
+<body>
+
+<p>All four columns should look the same:
+<div dir=rtl class="vrl"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div dir=rtl class="vlr"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div dir=rtl class="srl"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
+<div dir=ltr class="slr"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-3-ref.html b/layout/reftests/writing-mode/1193519-sideways-lr-3-ref.html
new file mode 100644
index 0000000000..e9ac42e259
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { border: 1px solid silver; padding: 5px; writing-mode: sideways-rl; transform: rotate(180deg); }
+span { padding: 5px; color: transparent; }
+span:nth-child(1) { background: red;    }
+span:nth-child(2) { background: orange; }
+span:nth-child(3) { background: yellow; }
+span:nth-child(4) { background: green;  }
+span:nth-child(5) { background: blue;   }
+span:nth-child(6) { background: indigo; }
+span:nth-child(7) { background: violet; }
+</style>
+</head>
+
+<body>
+
+<div><span>one</span> <span>two</span> <span>three</span> <span>four</span>
+ <span>five</span> <span>six</span> <span>seven</span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-3.html b/layout/reftests/writing-mode/1193519-sideways-lr-3.html
new file mode 100644
index 0000000000..09287844eb
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { border: 1px solid silver; padding: 5px; writing-mode: sideways-lr; }
+span { padding: 5px; color: transparent; }
+span:nth-child(1) { background: red;    }
+span:nth-child(2) { background: orange; }
+span:nth-child(3) { background: yellow; }
+span:nth-child(4) { background: green;  }
+span:nth-child(5) { background: blue;   }
+span:nth-child(6) { background: indigo; }
+span:nth-child(7) { background: violet; }
+</style>
+</head>
+
+<body>
+
+<div><span>one</span> <span>two</span> <span>three</span> <span>four</span>
+ <span>five</span> <span>six</span> <span>seven</span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-4-ref.html b/layout/reftests/writing-mode/1193519-sideways-lr-4-ref.html
new file mode 100644
index 0000000000..368d38834f
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-4-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { display: inline-block; border: 1px solid silver; padding: 5px;
+      line-height: 2em; writing-mode: sideways-rl; transform: rotate(180deg); }
+span { padding: 5px; color: transparent; }
+span:nth-child(1) { background: red;    }
+span:nth-child(2) { background: orange; }
+span:nth-child(3) { background: yellow; }
+span:nth-child(4) { background: green;  }
+span:nth-child(5) { background: blue;   }
+span:nth-child(6) { background: indigo; }
+span:nth-child(7) { background: violet; }
+</style>
+</head>
+
+<body>
+
+<div><span>"One</span> <span>two</span>
+ <span>three</span> <span>four</span> <span>five</span>
+ <span>six</span> <span>seven."</span></div>
+
+<div dir=rtl><span>"One</span> <span>two</span>
+ <span>three</span> <span>four</span> <span>five</span>
+ <span>six</span> <span>seven."</span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-4.html b/layout/reftests/writing-mode/1193519-sideways-lr-4.html
new file mode 100644
index 0000000000..f01956e3f6
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+div { display: inline-block; border: 1px solid silver; padding: 5px;
+      line-height: 2em; writing-mode: sideways-lr; }
+span { padding: 5px; color: transparent; }
+span:nth-child(1) { background: red;    }
+span:nth-child(2) { background: orange; }
+span:nth-child(3) { background: yellow; }
+span:nth-child(4) { background: green;  }
+span:nth-child(5) { background: blue;   }
+span:nth-child(6) { background: indigo; }
+span:nth-child(7) { background: violet; }
+</style>
+</head>
+
+<body>
+
+<div><span>"One</span> <span>two</span>
+ <span>three</span> <span>four</span> <span>five</span>
+ <span>six</span> <span>seven."</span></div>
+
+<div dir=rtl><span>"One</span> <span>two</span>
+ <span>three</span> <span>four</span> <span>five</span>
+ <span>six</span> <span>seven."</span></div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-decoration-1-ref.html b/layout/reftests/writing-mode/1193519-sideways-lr-decoration-1-ref.html
new file mode 100644
index 0000000000..24cac4884b
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-decoration-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<div style="width:300px;
+            height:300px;
+            text-align:center;
+            line-height:150px;
+            transform:rotate(-90deg);">
+  <span style="text-decoration:underline;">under</span>
+  <span style="text-decoration:overline;">over</span>
+  <span style="text-decoration:line-through;">through</span>
+</div>
diff --git a/layout/reftests/writing-mode/1193519-sideways-lr-decoration-1.html b/layout/reftests/writing-mode/1193519-sideways-lr-decoration-1.html
new file mode 100644
index 0000000000..a9cc3dd73b
--- /dev/null
+++ b/layout/reftests/writing-mode/1193519-sideways-lr-decoration-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<div style="width:300px;
+            height:300px;
+            text-align:center;
+            line-height:150px;
+            writing-mode:sideways-lr;">
+  <span style="text-decoration:underline;">under</span>
+  <span style="text-decoration:overline;">over</span>
+  <span style="text-decoration:line-through;">through</span>
+</div>
diff --git a/layout/reftests/writing-mode/1196887-1-computed-display-inline-block-ref.html b/layout/reftests/writing-mode/1196887-1-computed-display-inline-block-ref.html
new file mode 100644
index 0000000000..502e5a9645
--- /dev/null
+++ b/layout/reftests/writing-mode/1196887-1-computed-display-inline-block-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<p>There should be no red:</p>
+<div style="background: green; width: 100px; height: 100px;"></div>
diff --git a/layout/reftests/writing-mode/1196887-1-computed-display-inline-block.html b/layout/reftests/writing-mode/1196887-1-computed-display-inline-block.html
new file mode 100644
index 0000000000..676cd3d221
--- /dev/null
+++ b/layout/reftests/writing-mode/1196887-1-computed-display-inline-block.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<p>There should be no red:</p>
+<div style="background: red; width: 100px; height: 100px; position: absolute; z-index: -1;"></div>
+<div style="background: green; writing-mode: vertical-rl; width: 100px;">
+  <span style="writing-mode: vertical-lr; height: 100px;">
diff --git a/layout/reftests/writing-mode/1205787-legacy-svg-values-1-ref.html b/layout/reftests/writing-mode/1205787-legacy-svg-values-1-ref.html
new file mode 100644
index 0000000000..251f574151
--- /dev/null
+++ b/layout/reftests/writing-mode/1205787-legacy-svg-values-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+/* These are the CSS values that the testcase rules should compute to: */
+.tb { writing-mode: vertical-rl; inline-size: 10em; }
+.tbrl { writing-mode: vertical-rl; }
+.lr { writing-mode: horizontal-tb; }
+</style>
+<div class=tb>
+Hello
+<span class=lr>horizontal</span>
+world
+</div>
+
+<div>One <span class=tbrl>two</span> three</div>
+
+<!-- replace the <span> contents with their computed writing-mode -->
+<script>
+var s = document.querySelectorAll("span");
+for (i = 0; i < s.length; i++) {
+  s[i].textContent = window.getComputedStyle(s[i]).writingMode;
+}
+
+document.documentElement.removeAttribute("class");
+</script>
diff --git a/layout/reftests/writing-mode/1205787-legacy-svg-values-1.html b/layout/reftests/writing-mode/1205787-legacy-svg-values-1.html
new file mode 100644
index 0000000000..2e73e68c41
--- /dev/null
+++ b/layout/reftests/writing-mode/1205787-legacy-svg-values-1.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+/* SVG1.1 writing-mode values that should compute to standard CSS values: */
+.tb { writing-mode: tb; inline-size: 10em; }
+.tbrl { writing-mode: tb-rl; }
+.lr { writing-mode: lr; }
+</style>
+<div class=tb>
+Hello
+<span class=lr>horizontal</span>
+world
+</div>
+
+<div>One <span class=tbrl>two</span> three</div>
+
+<!-- replace the <span> contents with their computed writing-mode -->
+<script>
+var s = document.querySelectorAll("span");
+for (i = 0; i < s.length; i++) {
+  s[i].textContent = window.getComputedStyle(s[i]).writingMode;
+}
+
+document.documentElement.removeAttribute("class");
+</script>
diff --git a/layout/reftests/writing-mode/1216747-1-notref.html b/layout/reftests/writing-mode/1216747-1-notref.html
new file mode 100644
index 0000000000..373fd99b7e
--- /dev/null
+++ b/layout/reftests/writing-mode/1216747-1-notref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+
+<div>This should have min-content width (i.e., many line breaks).</div>
diff --git a/layout/reftests/writing-mode/1216747-1-ref.html b/layout/reftests/writing-mode/1216747-1-ref.html
new file mode 100644
index 0000000000..b040151976
--- /dev/null
+++ b/layout/reftests/writing-mode/1216747-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE HTML>
+<style>
+
+div {
+  width: min-content;
+}
+
+</style>
+
+<div>This should have min-content width (i.e., many line breaks).</div>
diff --git a/layout/reftests/writing-mode/1216747-1.html b/layout/reftests/writing-mode/1216747-1.html
new file mode 100644
index 0000000000..6e3fba5077
--- /dev/null
+++ b/layout/reftests/writing-mode/1216747-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<style>
+
+div {
+  width: min-content;
+}
+
+</style>
+
+<!-- If you delete this div, the bug goes away, because we don't cache
+     vertical-specific data in the rule tree.  -->
+<div style="writing-mode: vertical-rl"></div>
+
+<div>This should have min-content width (i.e., many line breaks).</div>
diff --git a/layout/reftests/writing-mode/1243125-1-floats-overflowing-ref.html b/layout/reftests/writing-mode/1243125-1-floats-overflowing-ref.html
new file mode 100644
index 0000000000..35b2d8239a
--- /dev/null
+++ b/layout/reftests/writing-mode/1243125-1-floats-overflowing-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 1243125 testcase</title>
+  <meta charset="utf-8">
+  <style type="text/css">
+  div {
+    overflow: hidden;
+    height: 20px;
+    width: 300px;
+    background: green;
+    margin: 8px 0;
+  }
+  </style>
+</head>
+<body>
+  <p>There should be 9 green bars</p>
+
+  <div></div>
+  <div></div>
+  <div></div>
+
+  <div></div>
+  <div></div>
+  <div></div>
+
+  <div></div>
+  <div></div>
+  <div></div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1243125-1-floats-overflowing.html b/layout/reftests/writing-mode/1243125-1-floats-overflowing.html
new file mode 100644
index 0000000000..463396fbf2
--- /dev/null
+++ b/layout/reftests/writing-mode/1243125-1-floats-overflowing.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bug 1243125 testcase</title>
+  <meta charset="utf-8">
+  <style type="text/css">
+  div {
+    overflow: hidden;
+    height: 20px;
+    width: 300px;
+    background: red;
+    margin: 8px 0;
+  }
+  .h-tb { writing-mode: horizontal-tb; }
+  .v-lr { writing-mode: vertical-lr; }
+  .v-rl { writing-mode: vertical-rl; }
+  span {
+    float: left;
+    height: 21px;
+    width: 301px;
+    background: green;
+  }
+  </style>
+</head>
+<body>
+  <p>There should be 9 green bars</p>
+
+  <div class="h-tb"><span class="h-tb"></span></div>
+  <div class="h-tb"><span class="v-lr"></span></div>
+  <div class="h-tb"><span class="v-rl"></span></div>
+
+  <div class="v-lr"><span class="h-tb"></span></div>
+  <div class="v-lr"><span class="v-lr"></span></div>
+  <div class="v-lr"><span class="v-rl"></span></div>
+
+  <div class="v-rl"><span class="h-tb"></span></div>
+  <div class="v-rl"><span class="v-lr"></span></div>
+  <div class="v-rl"><span class="v-rl"></span></div>
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun-ref.html b/layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun-ref.html
new file mode 100644
index 0000000000..60b02f4c3f
--- /dev/null
+++ b/layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url('../fonts/gw1270797.ttf') format("truetype");
+}
+html {
+  font-size: 72pt;
+  font-family: test, sans-serif;
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
+}
+</style>
+</head>
+<body>
+&#xFA19;&#xFA19;&#xFA19;&#xFA19;
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun.html b/layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun.html
new file mode 100644
index 0000000000..793c57046f
--- /dev/null
+++ b/layout/reftests/writing-mode/1248248-1-orientation-break-glyphrun.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url('../fonts/gw1270797.ttf') format("truetype");
+}
+html {
+  font-size: 72pt;
+  font-family: test, sans-serif;
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
+}
+</style>
+</head>
+<body>
+&#xFA19;&#x795E;&#xE0100;&#x795E;&#xE0103;&#x795E;&#xFE00;
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-1-ref.html b/layout/reftests/writing-mode/1302389-scrolled-rect-1-ref.html
new file mode 100644
index 0000000000..ce1d92680b
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<body>
+<div style="height: 300px;
+            width: min-content;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-1a.html b/layout/reftests/writing-mode/1302389-scrolled-rect-1a.html
new file mode 100644
index 0000000000..48b1563219
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-1a.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<body>
+<div style="writing-mode: vertical-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-1b.html b/layout/reftests/writing-mode/1302389-scrolled-rect-1b.html
new file mode 100644
index 0000000000..a71e0d00c9
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<body>
+<div style="writing-mode: sideways-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;
+            direction: rtl;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-1c.html b/layout/reftests/writing-mode/1302389-scrolled-rect-1c.html
new file mode 100644
index 0000000000..6e71cf61af
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-1c.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<script>
+function scroll() {
+  document.getElementsByTagName("div")[0].scrollTop = -200;
+}
+</script>
+<body onload="scroll()">
+<div style="writing-mode: vertical-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;
+            direction: rtl;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-1d.html b/layout/reftests/writing-mode/1302389-scrolled-rect-1d.html
new file mode 100644
index 0000000000..094cf90125
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-1d.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<script>
+function scroll() {
+  document.getElementsByTagName("div")[0].scrollTop = -200;
+}
+</script>
+<body onload="scroll()">
+<div style="writing-mode: sideways-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-2-ref.html b/layout/reftests/writing-mode/1302389-scrolled-rect-2-ref.html
new file mode 100644
index 0000000000..01b55031b5
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<script>
+function scroll() {
+  document.getElementsByTagName("div")[0].scrollTop = 200;
+}
+</script>
+<body onload="scroll()">
+<div style="height: 300px;
+            width: min-content;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-2a.html b/layout/reftests/writing-mode/1302389-scrolled-rect-2a.html
new file mode 100644
index 0000000000..ecf00333b4
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-2a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<body>
+<div style="writing-mode: vertical-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;
+            direction: rtl;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-2b.html b/layout/reftests/writing-mode/1302389-scrolled-rect-2b.html
new file mode 100644
index 0000000000..5611e0e2cb
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-2b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<body>
+<div style="writing-mode: sideways-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-2c.html b/layout/reftests/writing-mode/1302389-scrolled-rect-2c.html
new file mode 100644
index 0000000000..687d021651
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-2c.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<script>
+function scroll() {
+  document.getElementsByTagName("div")[0].scrollTop = 200;
+}
+</script>
+<body onload="scroll()">
+<div style="writing-mode: vertical-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302389-scrolled-rect-2d.html b/layout/reftests/writing-mode/1302389-scrolled-rect-2d.html
new file mode 100644
index 0000000000..941729cdd3
--- /dev/null
+++ b/layout/reftests/writing-mode/1302389-scrolled-rect-2d.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<script>
+function scroll() {
+  document.getElementsByTagName("div")[0].scrollTop = 200;
+}
+</script>
+<body onload="scroll()">
+<div style="writing-mode: sideways-lr;
+            height: 300px;
+            font-size: 0;
+            line-height: 0;
+            border: 1px solid gray;
+            overflow: scroll;
+            direction: rtl;">
+  <div style="height: 100%;
+              width: 100px;
+              border: 50px solid blue;">
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-1-ref.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-1-ref.html
new file mode 100644
index 0000000000..c84053be8a
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<div>x</div>
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-1a.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-1a.html
new file mode 100644
index 0000000000..45234bd6cf
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-1a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<!-- unicode-bidi:plaintext should resolve to LTR, ignoring the dir attribute -->
+<div dir="rtl" style="unicode-bidi:plaintext;">x</div>
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-1b.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-1b.html
new file mode 100644
index 0000000000..cd1dc7b005
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-1b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<!-- unicode-bidi:plaintext should resolve to LTR, ignoring the direction property -->
+<div style="direction:rtl; unicode-bidi:plaintext;">x</div>
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-2-ref.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-2-ref.html
new file mode 100644
index 0000000000..47cdba9edb
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<div style="text-align:end">x</div>
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-2a.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-2a.html
new file mode 100644
index 0000000000..0d7019f736
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-2a.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<!-- dir="rtl" should make the text bottom-aligned (i.e. line-right) -->
+<div dir="rtl">x</div>
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-2b.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-2b.html
new file mode 100644
index 0000000000..8045069b7b
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-2b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<!-- direction:rtl should make the text bottom-aligned (i.e. line-right) -->
+<div style="direction:rtl;">x</div>
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-2c.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-2c.html
new file mode 100644
index 0000000000..6780133610
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-2c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<!-- unicode-bidi:plaintext should resolve to RTL, ignoring the dir attribute -->
+<div dir="ltr" style="unicode-bidi:plaintext;">&rlm;x</div>
diff --git a/layout/reftests/writing-mode/1302734-bidi-plaintext-2d.html b/layout/reftests/writing-mode/1302734-bidi-plaintext-2d.html
new file mode 100644
index 0000000000..989415e3ee
--- /dev/null
+++ b/layout/reftests/writing-mode/1302734-bidi-plaintext-2d.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+div {
+  width: 50px;
+  height: 100px;
+  border: 1px solid gray;
+  display: inline-block;
+  writing-mode: vertical-rl;
+}
+</style>
+<!-- unicode-bidi:plaintext should resolve to RTL, ignoring the direction property -->
+<div style="direction:ltr; unicode-bidi:plaintext;">&rlm;x</div>
diff --git a/layout/reftests/writing-mode/1361631-mongolian-upright-1-ref.html b/layout/reftests/writing-mode/1361631-mongolian-upright-1-ref.html
new file mode 100644
index 0000000000..c870b9bc55
--- /dev/null
+++ b/layout/reftests/writing-mode/1361631-mongolian-upright-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/NotoSansMongolian-Regular.ttf);
+}
+div {
+  writing-mode: vertical-lr;
+  text-orientation: mixed;
+  font-family: test;
+  font-size: 32px;
+}
+</style>
+<div>
+ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ
diff --git a/layout/reftests/writing-mode/1361631-mongolian-upright-1.html b/layout/reftests/writing-mode/1361631-mongolian-upright-1.html
new file mode 100644
index 0000000000..298d6c2552
--- /dev/null
+++ b/layout/reftests/writing-mode/1361631-mongolian-upright-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/NotoSansMongolian-Regular.ttf);
+}
+div {
+  writing-mode: vertical-lr;
+  text-orientation: upright; /* should have no effect on Mongolian */
+  font-family: test;
+  font-size: 32px;
+}
+</style>
+<div>
+ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ
diff --git a/layout/reftests/writing-mode/1395926-vertical-upright-gpos-1-ref.html b/layout/reftests/writing-mode/1395926-vertical-upright-gpos-1-ref.html
new file mode 100644
index 0000000000..5ee6f23907
--- /dev/null
+++ b/layout/reftests/writing-mode/1395926-vertical-upright-gpos-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+
+<style>
+@font-face { font-family: Charis; src: url(../fonts/sil/CharisSIL-R.ttf); }
+div { writing-mode: vertical-rl; text-orientation: upright; }
+p { position: absolute; top: 50px; }
+.times { font: 36px Times New Roman, DejaVu Serif, serif; letter-spacing: .25em; left: 50px; }
+.arial { font: 36px Arial, DejaVu Sans, sans-serif; letter-spacing: .25em; left: 150px; }
+.charis { font: 36px Charis, serif; letter-spacing: .25em; left: 250px; }
+.overlay { color: transparent; background: green; }
+</style>
+
+Red diacritics should <i>not</i> extend beyond the green boxes:
+
+<div>
+<p class="times overlay">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+<p class="arial overlay">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+<p class="charis overlay">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+</div>
diff --git a/layout/reftests/writing-mode/1395926-vertical-upright-gpos-1.html b/layout/reftests/writing-mode/1395926-vertical-upright-gpos-1.html
new file mode 100644
index 0000000000..2f6f46fd38
--- /dev/null
+++ b/layout/reftests/writing-mode/1395926-vertical-upright-gpos-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+
+<style>
+@font-face { font-family: Charis; src: url(../fonts/sil/CharisSIL-R.ttf); }
+div { writing-mode: vertical-rl; text-orientation: upright; }
+p { position: absolute; top: 50px; color: red; }
+.times { font: 36px Times New Roman, DejaVu Serif, serif; letter-spacing: .25em; left: 50px; }
+.arial { font: 36px Arial, DejaVu Sans, sans-serif; letter-spacing: .25em; left: 150px; }
+.charis { font: 36px Charis, serif; letter-spacing: .25em; left: 250px; }
+.overlay { color: transparent; background: green; }
+</style>
+
+Red diacritics should <i>not</i> extend beyond the green boxes:
+
+<div>
+<p class="times">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+<p class="times overlay">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+<p class="arial">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+<p class="arial overlay">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+<p class="charis">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+<p class="charis overlay">&nbsp;A&#x315;b&#x323;&#x329;c&#x32d;d&#x305;e&#x309;&#x306;&#x308;
+</div>
diff --git a/layout/reftests/writing-mode/1673510-1-ref.html b/layout/reftests/writing-mode/1673510-1-ref.html
new file mode 100644
index 0000000000..bbccf2b24f
--- /dev/null
+++ b/layout/reftests/writing-mode/1673510-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/ShipporiMincho-Regular.subset.otf);
+}
+.ref {
+  font: 40px test;
+  writing-mode: vertical-rl;
+  float: left;
+  text-orientation: upright;
+}
+</style>
+<p>The three wavy dash glyphs below should all look the same:
+
+<div class=ref>&#x301c;</div>
+<div class=ref>&#x301c;</div>
+<div class=ref>&#x301c;</div>
diff --git a/layout/reftests/writing-mode/1673510-1.html b/layout/reftests/writing-mode/1673510-1.html
new file mode 100644
index 0000000000..f2769427d6
--- /dev/null
+++ b/layout/reftests/writing-mode/1673510-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url(../fonts/ShipporiMincho-Regular.subset.otf);
+}
+.ref, .test {
+  font: 40px test;
+  writing-mode: vertical-rl;
+  float: left;
+}
+.ref {
+  text-orientation: upright;
+}
+.hide {
+  color: transparent;
+}
+</style>
+<p>The three wavy dash glyphs below should all look the same:
+
+<div class=ref>&#x301c;</div><!-- with explicit orientation:upright -->
+<div class=test>&#x301c;<span class=hide>&#x3105;</span></div><!-- with bopomofo letter -->
+<div class=test>&#x301c;<span class=hide>&#x4e01;</span></div><!-- with CJK ideograph -->
diff --git a/layout/reftests/writing-mode/4colors.png b/layout/reftests/writing-mode/4colors.png
new file mode 100644
index 0000000000..250273aae3
Binary files /dev/null and b/layout/reftests/writing-mode/4colors.png differ
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1-ref.html
new file mode 100644
index 0000000000..fc6e6b5afb
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
+       writing-mode: vertical-lr; position: absolute; left: 0; top: 0; }
+.test { background: #aaa; position: absolute; left: 0; top: 0; width: 2em; height: 100%; }
+.rel { position: relative; }
+img { position: absolute; left: 0; top: 34px;
+      width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="rel">
+  <div class="test"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1a.html
new file mode 100644
index 0000000000..e3a9f414df
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vlr">
+  <div class="test"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1b.html
new file mode 100644
index 0000000000..12e79285da
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vlr rel">
+  <div class="test"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1c.html
new file mode 100644
index 0000000000..234d9b86fa
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vlr">
+  <div class="test rel"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2-ref.html
new file mode 100644
index 0000000000..69f635771e
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
+       writing-mode: vertical-lr; position: absolute; left: 0; top: 0; }
+.test { background: #aaa; position: absolute; left: 0; top: 0; width: 2em; height: 100%; }
+.rel { position: relative; }
+img { position: absolute; left: 0; top: 34px;
+      background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="rel">
+  <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2a.html
new file mode 100644
index 0000000000..26a039659f
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+img { position: absolute; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vlr">
+  <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2b.html
new file mode 100644
index 0000000000..d5960f00f2
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+img { position: absolute; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vlr rel">
+  <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2c.html
new file mode 100644
index 0000000000..37798c920f
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+img { position: absolute; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vlr">
+  <div class="test rel"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3-ref.html
new file mode 100644
index 0000000000..87e0c4e8fc
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vlr { writing-mode: vertical-lr; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { margin: 0; padding: 2px; border: 2px solid green; inline-size: -moz-fit-content; }
+</style>
+<body>
+<div>
+  <div class="vlr"><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3a.html
new file mode 100644
index 0000000000..2231ad7bdb
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; }
+</style>
+<body>
+<div class="vlr">
+  <div><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3b.html
new file mode 100644
index 0000000000..f75b01b1ab
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; }
+</style>
+<body>
+<div class="vlr rel">
+  <div><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3c.html
new file mode 100644
index 0000000000..d2a1511d66
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3c.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; }
+</style>
+<body>
+<div class="vlr">
+  <div class="rel"><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4-ref.html
new file mode 100644
index 0000000000..4a6eda9992
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
+       position: absolute; right: 0; top: 0; }
+.test { writing-mode: vertical-rl; background: #aaa;
+        position: absolute; right: 0; top: 0; width: 2em; height: 100%; }
+.rel { position: relative; }
+img { position: absolute; right: 0; top: 34px;
+      width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="rel">
+  <div class="test"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4a.html
new file mode 100644
index 0000000000..5c7ecab700
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4b.html
new file mode 100644
index 0000000000..1e51065b7a
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vrl rel">
+  <div class="test"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4c.html
new file mode 100644
index 0000000000..edc8b870e4
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test rel"><span class="abc">abc</span><img src=""></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5-ref.html
new file mode 100644
index 0000000000..cf0b18aca1
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
+       position: absolute; right: 0; top: 0; }
+.test { writing-mode: vertical-rl; background: #aaa;
+        position: absolute; right: 0; top: 0; width: 2em; height: 100%; }
+.rel { position: relative; }
+img { position: absolute; right: 0; top: 34px;
+      background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="rel">
+  <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5a.html
new file mode 100644
index 0000000000..fd7e3ceadd
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+img { position: absolute; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5b.html
new file mode 100644
index 0000000000..2b48fcaa82
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+img { position: absolute; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vrl rel">
+  <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5c.html
new file mode 100644
index 0000000000..3923017a4c
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+img { position: absolute; background: green; border: 5px solid yellow; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test rel"><span class="abc">abc</span><img src="blue-32x32.png"></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6-ref.html
new file mode 100644
index 0000000000..c681510040
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vrl { writing-mode: vertical-rl; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { margin: 0; padding: 2px; border: 2px solid green; inline-size: -moz-fit-content; }
+</style>
+<body>
+<div class="vrl">
+  <div><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6a.html
new file mode 100644
index 0000000000..41f6681c93
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6a.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; }
+</style>
+<body>
+<div class="vrl">
+  <div><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6b.html
new file mode 100644
index 0000000000..d768e575c6
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6b.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; }
+</style>
+<body>
+<div class="vrl rel">
+  <div><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6c.html
new file mode 100644
index 0000000000..111443acf2
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6c.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; }
+p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; }
+</style>
+<body>
+<div class="vrl">
+  <div class="rel"><span>abc def</span><p>xyzzy</p></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7-ref.html
new file mode 100644
index 0000000000..77ad9c15bd
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
+       writing-mode: vertical-lr; position: absolute; left: 0; top: 0; }
+.test { background: #aaa; position: absolute; left: 0; top: 0; width: 2em; height: 100%; }
+.rel { position: relative; }
+iframe {
+  position: absolute; left: 0; top: 34px;
+  background: yellow; border: 5px solid green;
+  width: 300px; height: 150px;
+}
+</style>
+<body>
+<div class="rel">
+  <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7a.html
new file mode 100644
index 0000000000..906757ae95
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+iframe { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vlr">
+  <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7b.html
new file mode 100644
index 0000000000..9056e75cb4
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+iframe { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vlr rel">
+  <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7c.html
new file mode 100644
index 0000000000..d21dbaa1e0
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vlr { writing-mode: vertical-lr; }
+.rel { position: relative; }
+iframe { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vlr">
+  <div class="test rel"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8-ref.html
new file mode 100644
index 0000000000..33e90d3f80
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
+       writing-mode: vertical-rl; position: absolute; right: 0; top: 0; }
+.test { background: #aaa; position: absolute; right: 0; top: 0; width: 2em; height: 100%; }
+.rel { position: relative; }
+iframe {
+  position: absolute; right: 0; top: 34px;
+  background: yellow; border: 5px solid green;
+  width: 300px; height: 150px;
+}
+</style>
+<body>
+<div class="rel">
+  <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8a.html
new file mode 100644
index 0000000000..ccca0406c1
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+iframe { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8b.html
new file mode 100644
index 0000000000..948c0ee097
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+iframe { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vrl rel">
+  <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8c.html
new file mode 100644
index 0000000000..c8b95701b4
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+iframe { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test rel"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9-ref.html
new file mode 100644
index 0000000000..5fb3e94d0b
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
+       writing-mode: vertical-rl; position: absolute; right: 0; top: 0; }
+.test { background: #aaa; position: absolute; right: 0; top: 0; width: 2em; height: 100%; }
+.rel { position: relative; }
+video {
+  position: absolute; right: 0; top: 34px;
+  background: yellow; border: 5px solid green;
+  width: 300px; height: 150px;
+}
+</style>
+<body>
+<div class="rel">
+  <div class="test"><span class="abc">abc</span><video src=""></video></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9a.html
new file mode 100644
index 0000000000..9793bdb7c8
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+video { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test"><span class="abc">abc</span><video src=""></video></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9b.html
new file mode 100644
index 0000000000..142885c305
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9b.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+video { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vrl rel">
+  <div class="test"><span class="abc">abc</span><video src=""></video></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9c.html
new file mode 100644
index 0000000000..a06ce59549
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9c.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<style>
+body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
+.abc { display: inline-block; border: 2px solid red; inline-size: 30px; }
+.test { background: #aaa; width: 2em; }
+.vrl { writing-mode: vertical-rl; }
+.rel { position: relative; }
+video { position: absolute; background: yellow; border: 5px solid green; }
+</style>
+<body>
+<div class="vrl">
+  <div class="test rel"><span class="abc">abc</span><video src=""></video></div>
+</div>
diff --git a/layout/reftests/writing-mode/abspos/blue-32x32.png b/layout/reftests/writing-mode/abspos/blue-32x32.png
new file mode 100644
index 0000000000..deefd19b2a
Binary files /dev/null and b/layout/reftests/writing-mode/abspos/blue-32x32.png differ
diff --git a/layout/reftests/writing-mode/abspos/reftest.list b/layout/reftests/writing-mode/abspos/reftest.list
new file mode 100644
index 0000000000..8a2f033881
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/reftest.list
@@ -0,0 +1,27 @@
+== 1183431-orthogonal-modes-1a.html 1183431-orthogonal-modes-1-ref.html
+== 1183431-orthogonal-modes-1b.html 1183431-orthogonal-modes-1-ref.html
+== 1183431-orthogonal-modes-1c.html 1183431-orthogonal-modes-1-ref.html
+== 1183431-orthogonal-modes-2a.html 1183431-orthogonal-modes-2-ref.html
+== 1183431-orthogonal-modes-2b.html 1183431-orthogonal-modes-2-ref.html
+== 1183431-orthogonal-modes-2c.html 1183431-orthogonal-modes-2-ref.html
+== 1183431-orthogonal-modes-3a.html 1183431-orthogonal-modes-3-ref.html
+== 1183431-orthogonal-modes-3b.html 1183431-orthogonal-modes-3-ref.html
+== 1183431-orthogonal-modes-3c.html 1183431-orthogonal-modes-3-ref.html
+== 1183431-orthogonal-modes-4a.html 1183431-orthogonal-modes-4-ref.html
+== 1183431-orthogonal-modes-4b.html 1183431-orthogonal-modes-4-ref.html
+== 1183431-orthogonal-modes-4c.html 1183431-orthogonal-modes-4-ref.html
+== 1183431-orthogonal-modes-5a.html 1183431-orthogonal-modes-5-ref.html
+== 1183431-orthogonal-modes-5b.html 1183431-orthogonal-modes-5-ref.html
+== 1183431-orthogonal-modes-5c.html 1183431-orthogonal-modes-5-ref.html
+fails == 1183431-orthogonal-modes-6a.html 1183431-orthogonal-modes-6-ref.html # bug 1191801
+== 1183431-orthogonal-modes-6b.html 1183431-orthogonal-modes-6-ref.html
+== 1183431-orthogonal-modes-6c.html 1183431-orthogonal-modes-6-ref.html
+== 1183431-orthogonal-modes-7a.html 1183431-orthogonal-modes-7-ref.html
+== 1183431-orthogonal-modes-7b.html 1183431-orthogonal-modes-7-ref.html
+== 1183431-orthogonal-modes-7c.html 1183431-orthogonal-modes-7-ref.html
+== 1183431-orthogonal-modes-8a.html 1183431-orthogonal-modes-8-ref.html
+== 1183431-orthogonal-modes-8b.html 1183431-orthogonal-modes-8-ref.html
+== 1183431-orthogonal-modes-8c.html 1183431-orthogonal-modes-8-ref.html
+== 1183431-orthogonal-modes-9a.html 1183431-orthogonal-modes-9-ref.html
+== 1183431-orthogonal-modes-9b.html 1183431-orthogonal-modes-9-ref.html
+== 1183431-orthogonal-modes-9c.html 1183431-orthogonal-modes-9-ref.html
diff --git a/layout/reftests/writing-mode/abspos/support/Ahem.ttf b/layout/reftests/writing-mode/abspos/support/Ahem.ttf
new file mode 100644
index 0000000000..ac81cb0316
Binary files /dev/null and b/layout/reftests/writing-mode/abspos/support/Ahem.ttf differ
diff --git a/layout/reftests/writing-mode/abspos/support/ahem.css b/layout/reftests/writing-mode/abspos/support/ahem.css
new file mode 100644
index 0000000000..2d07a1d562
--- /dev/null
+++ b/layout/reftests/writing-mode/abspos/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: Ahem;
+  src: url("Ahem.ttf");
+}
diff --git a/layout/reftests/writing-mode/blue-32x32.png b/layout/reftests/writing-mode/blue-32x32.png
new file mode 100644
index 0000000000..deefd19b2a
Binary files /dev/null and b/layout/reftests/writing-mode/blue-32x32.png differ
diff --git a/layout/reftests/writing-mode/font-inflation-1-ref.html b/layout/reftests/writing-mode/font-inflation-1-ref.html
new file mode 100644
index 0000000000..fc99dfda85
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+body { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { width: 0; height: 0; }
+#inner { font-size: 12px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
diff --git a/layout/reftests/writing-mode/font-inflation-1a.html b/layout/reftests/writing-mode/font-inflation-1a.html
new file mode 100644
index 0000000000..39eb4ef94b
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1a.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+body { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { width: 450px; }
+#inner { font-size: 12px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
diff --git a/layout/reftests/writing-mode/font-inflation-1b.html b/layout/reftests/writing-mode/font-inflation-1b.html
new file mode 100644
index 0000000000..554f53287b
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1b.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+body { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { width: 600px; }
+#inner { font-size: 12px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
diff --git a/layout/reftests/writing-mode/font-inflation-1c-ref.html b/layout/reftests/writing-mode/font-inflation-1c-ref.html
new file mode 100644
index 0000000000..a15d0488b4
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1c-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<style>
+body { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { width: 0; height: 0; }
+/*
+In a 450px container, the minimum font size at 15em per line is 30px.
+This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
+*/
+#inner { font-size: 34px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
diff --git a/layout/reftests/writing-mode/font-inflation-1c.html b/layout/reftests/writing-mode/font-inflation-1c.html
new file mode 100644
index 0000000000..32d963d04c
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1c.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+body { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { height: 450px; }
+#inner { font-size: 12px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
diff --git a/layout/reftests/writing-mode/font-inflation-1d-ref.html b/layout/reftests/writing-mode/font-inflation-1d-ref.html
new file mode 100644
index 0000000000..9e36cb6d21
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1d-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<style>
+body { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { width: 0; height: 0; }
+/*
+In a 600px container, the minimum font size at 15em per line is 40px.
+This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
+*/
+#inner { font-size: 44px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
diff --git a/layout/reftests/writing-mode/font-inflation-1d.html b/layout/reftests/writing-mode/font-inflation-1d.html
new file mode 100644
index 0000000000..e00a0efb08
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1d.html
@@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<style>
+body { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { height: 600px; }
+#inner { font-size: 12px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
diff --git a/layout/reftests/writing-mode/font-inflation-1e.html b/layout/reftests/writing-mode/font-inflation-1e.html
new file mode 100644
index 0000000000..44d295e905
--- /dev/null
+++ b/layout/reftests/writing-mode/font-inflation-1e.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<style>
+html { writing-mode: vertical-lr; text-orientation: sideways-right; }
+#outer { width: 450px; }
+#inner { font-size: 12px; width: 100%; height: 100%; }
+</style>
+<div id="outer">
+<div id="inner">Inflated?
+
+<script>
+// When AccessibleCaret is enabled, the above markup is sufficient to trigger
+// the assertion on the custom content container. This script forces
+// AccessibleCaret to show, and tests that font inflation doesn't trigger
+// assertion for elements in the custom content container subtree.
+var sel = window.getSelection();
+sel.selectAllChildren(document.documentElement);
+document.documentElement.offsetWidth;
+sel.removeAllRanges();
+</script>
diff --git a/layout/reftests/writing-mode/green-100x100.png b/layout/reftests/writing-mode/green-100x100.png
new file mode 100644
index 0000000000..0aa79b0c86
Binary files /dev/null and b/layout/reftests/writing-mode/green-100x100.png differ
diff --git a/layout/reftests/writing-mode/left-bottom-300x300.png b/layout/reftests/writing-mode/left-bottom-300x300.png
new file mode 100644
index 0000000000..cd565a8b82
Binary files /dev/null and b/layout/reftests/writing-mode/left-bottom-300x300.png differ
diff --git a/layout/reftests/writing-mode/left-top-300x300.png b/layout/reftests/writing-mode/left-top-300x300.png
new file mode 100644
index 0000000000..68961d9d0a
Binary files /dev/null and b/layout/reftests/writing-mode/left-top-300x300.png differ
diff --git a/layout/reftests/writing-mode/reftest.list b/layout/reftests/writing-mode/reftest.list
new file mode 100644
index 0000000000..a9de1ad2cb
--- /dev/null
+++ b/layout/reftests/writing-mode/reftest.list
@@ -0,0 +1,192 @@
+# This directory contains tests for vertical text and logical layout coordinates.
+
+== 1079154-1-vertical-rl-columns.html 1079154-1-vertical-rl-columns-ref.html
+== 1082844.html 1082844-ref.html
+== 1083748.html 1083748-ref.html
+== 1083848-1-inline-border.html 1083848-1-inline-border-ref.html
+== 1083848-2-inline-background.html 1083848-2-inline-background-ref.html
+fuzzy-if(gtkWidget,0-255,0-2) fuzzy-if(winWidget||Android,0-4,0-8704) == 1083848-3-inline-background-repeat.html 1083848-3-inline-background-repeat-ref.html
+== 1083892-1.html 1083892-1-ref.html
+== 1086883-1a.html 1086883-1-ref.html
+== 1086883-1b.html 1086883-1-ref.html
+== 1088025-1.html 1088025-1-ref.html
+== 1089388-1.html 1089388-1-ref.html
+== 1089388-2.html 1089388-2-ref.html
+== 1090159-1.html 1090159-1-ref.html
+== 1090168-1.html 1090168-1-ref.html
+!= 1090168-1.html 1090168-1-notref.html
+== 1090168-2.html 1090168-2-ref.html
+fuzzy-if(azureSkia,0-255,0-2700) == 1090168-3.html 1090168-3-ref.html # bug 1230357 mark fuzzy for skia.
+== 1091058-1.html 1091058-1-ref.html
+random-if(useDrawSnapshot) == 1094434-1.html 1094434-1-ref.html
+== 1094434-2.html 1094434-2-ref.html
+== 1094914-1a.html 1094914-1-ref.html
+== 1094914-1b.html 1094914-1-ref.html
+== 1096224-1a.html 1096224-1-ref.html
+== 1096224-1b.html 1096224-1-ref.html
+== 1102175-1a.html 1102175-1-ref.html
+== 1102175-1b.html 1102175-1-ref.html
+== 1103613-1.html 1103613-1-ref.html
+== 1105268-1-min-max-dimensions.html 1105268-1-min-max-dimensions-ref.html
+== 1105268-2-min-max-dimensions.html 1105268-2-min-max-dimensions-ref.html
+== 1106669-1-intrinsic-for-container.html 1106669-1-intrinsic-for-container-ref.html
+== 1108923-1-percentage-margins.html 1108923-1-percentage-margins-ref.html
+fuzzy-if(Android,0-128,0-94) == 1111944-1-list-marker.html 1111944-1-list-marker-ref.html
+fuzzy(0-116,0-94) fuzzy-if(winWidget,0-135,0-124) == 1115916-1-vertical-metrics.html 1115916-1-vertical-metrics-ref.html
+== 1117210-1-vertical-baseline-snap.html 1117210-1-vertical-baseline-snap-ref.html
+== 1117227-1-text-overflow.html 1117227-1-text-overflow-ref.html
+== 1122366-1-margin-collapse.html 1122366-1-margin-collapse-ref.html
+== 1124636-1-fieldset-max-height.html 1124636-1-fieldset-max-height-ref.html
+== 1124636-2-fieldset-min-height.html 1124636-2-fieldset-min-height-ref.html
+
+== ua-style-sheet-margin-1.html ua-style-sheet-margin-1-ref.html
+== ua-style-sheet-margin-2.html ua-style-sheet-margin-2-ref.html
+== ua-style-sheet-margin-3.html ua-style-sheet-margin-3-ref.html
+== ua-style-sheet-margin-4.html ua-style-sheet-margin-4-ref.html
+== ua-style-sheet-margin-5.html ua-style-sheet-margin-5-ref.html
+== ua-style-sheet-margin-6.html ua-style-sheet-margin-6-ref.html
+== ua-style-sheet-margin-7.html ua-style-sheet-margin-7-ref.html
+== ua-style-sheet-margin-8.html ua-style-sheet-margin-8-ref.html
+== ua-style-sheet-margin-9.html ua-style-sheet-margin-9-ref.html
+== ua-style-sheet-margin-10.html ua-style-sheet-margin-10-ref.html
+== ua-style-sheet-margin-11.html ua-style-sheet-margin-11-ref.html
+== ua-style-sheet-margin-12.html ua-style-sheet-margin-12-ref.html
+== ua-style-sheet-margin-13.html ua-style-sheet-margin-13-ref.html
+== ua-style-sheet-margin-14.html ua-style-sheet-margin-14-ref.html
+== ua-style-sheet-border-2.html ua-style-sheet-border-2-ref.html
+== ua-style-sheet-border-3.html ua-style-sheet-border-3-ref.html
+== ua-style-sheet-border-4.html ua-style-sheet-border-4-ref.html
+== ua-style-sheet-border-5.html ua-style-sheet-border-5-ref.html
+== ua-style-sheet-size-1.html ua-style-sheet-size-1-ref.html
+== ua-style-sheet-size-2.html ua-style-sheet-size-2-ref.html
+
+== ua-style-sheet-fieldset-1.html ua-style-sheet-fieldset-1-ref.html
+
+# Android theme uses different padding in themed textareas by default.
+skip-if(Android) == ua-style-sheet-textarea-1.html ua-style-sheet-textarea-1a-ref.html
+skip-if(Android) == ua-style-sheet-textarea-1.html ua-style-sheet-textarea-1c-ref.html
+
+fuzzy-if(Android,0-1,0-18) == ua-style-sheet-checkbox-radio-1.html ua-style-sheet-checkbox-radio-1-ref.html
+# Android uses different margins for buttons compared to the ref.
+skip-if(Android) fuzzy-if(!Android,0-2,0-6) == ua-style-sheet-button-1.html chrome://reftest/content/writing-mode/ua-style-sheet-button-1a-ref.html
+
+# Android uses different margins for buttons compared to the ref.
+skip-if(Android) == ua-style-sheet-input-color-1.html chrome://reftest/content/writing-mode/ua-style-sheet-input-color-1-ref.html
+fuzzy-if(gtkWidget,0-1,0-15) == ua-style-sheet-input-number-1.html ua-style-sheet-input-number-1-ref.html
+
+== 1127488-align-default-horizontal-tb-ltr.html 1127488-align-top-left-ref.html
+== 1127488-align-start-horizontal-tb-ltr.html 1127488-align-top-left-ref.html
+== 1127488-align-end-horizontal-tb-ltr.html 1127488-align-top-right-ref.html
+== 1127488-align-left-horizontal-tb-ltr.html 1127488-align-top-left-ref.html
+== 1127488-align-right-horizontal-tb-ltr.html 1127488-align-top-right-ref.html
+== 1127488-align-default-horizontal-tb-rtl.html 1127488-align-top-right-ref.html
+== 1127488-align-start-horizontal-tb-rtl.html 1127488-align-top-right-ref.html
+== 1127488-align-end-horizontal-tb-rtl.html 1127488-align-top-left-ref.html
+== 1127488-align-left-horizontal-tb-rtl.html 1127488-align-top-left-ref.html
+== 1127488-align-right-horizontal-tb-rtl.html 1127488-align-top-right-ref.html
+== 1127488-align-default-vertical-rl-rtl.html 1127488-align-bottom-right-ref.html
+== 1127488-align-start-vertical-rl-rtl.html 1127488-align-bottom-right-ref.html
+== 1127488-align-end-vertical-rl-rtl.html 1127488-align-top-right-ref.html
+== 1127488-align-left-vertical-rl-rtl.html 1127488-align-top-right-ref.html
+== 1127488-align-right-vertical-rl-rtl.html 1127488-align-bottom-right-ref.html
+== 1127488-align-default-vertical-rl-ltr.html 1127488-align-top-right-ref.html
+== 1127488-align-start-vertical-rl-ltr.html 1127488-align-top-right-ref.html
+== 1127488-align-end-vertical-rl-ltr.html 1127488-align-bottom-right-ref.html
+== 1127488-align-left-vertical-rl-ltr.html 1127488-align-top-right-ref.html
+== 1127488-align-right-vertical-rl-ltr.html 1127488-align-bottom-right-ref.html
+== 1127488-align-default-vertical-lr-rtl.html 1127488-align-bottom-left-ref.html
+== 1127488-align-start-vertical-lr-rtl.html 1127488-align-bottom-left-ref.html
+== 1127488-align-end-vertical-lr-rtl.html 1127488-align-top-left-ref.html
+== 1127488-align-left-vertical-lr-rtl.html 1127488-align-top-left-ref.html
+== 1127488-align-right-vertical-lr-rtl.html 1127488-align-bottom-left-ref.html
+== 1127488-align-default-vertical-lr-ltr.html 1127488-align-top-left-ref.html
+== 1127488-align-start-vertical-lr-ltr.html 1127488-align-top-left-ref.html
+== 1127488-align-end-vertical-lr-ltr.html 1127488-align-bottom-left-ref.html
+== 1127488-align-left-vertical-lr-ltr.html 1127488-align-top-left-ref.html
+== 1127488-align-right-vertical-lr-ltr.html 1127488-align-bottom-left-ref.html
+== 1130907-intrinsic-sizing-1.html 1130907-intrinsic-sizing-1-ref.html
+== 1130907-intrinsic-sizing-2.html 1130907-intrinsic-sizing-2-ref.html
+== 1131013-vertical-bidi.html 1131013-vertical-bidi-ref.html
+== 1133945-1-vertical-align.html 1133945-1-vertical-align-ref.html
+== 1134744-radio-checkbox-baseline-1.html 1134744-radio-checkbox-baseline-1-ref.html
+== 1134849-orthogonal-inline.html 1134849-orthogonal-inline-ref.html
+fails-if(geckoview) == 1135361-ruby-justify-1.html 1135361-ruby-justify-1-ref.html # Bug 1558513 for GV
+fuzzy(0-159,0-111) == 1136557-1-nested-spans.html 1136557-1-nested-spans-ref.html
+fuzzy(0-159,0-111) == 1136557-2-nested-spans.html 1136557-2-nested-spans-ref.html
+fuzzy-if(winWidget,0-255,0-236) == 1136557-3-nested-spans.html 1136557-3-nested-spans-ref.html
+== 1138356-1-button-contents-alignment.html 1138356-1-button-contents-alignment-ref.html
+!= 1138356-2-button-contents-alignment.html 1138356-2-button-contents-alignment-notref.html
+
+# Font inflation behaves wrong in vertical writing mode: bug 1138495
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == font-inflation-1a.html font-inflation-1-ref.html
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == font-inflation-1b.html font-inflation-1-ref.html
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != font-inflation-1c.html font-inflation-1-ref.html
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != font-inflation-1d.html font-inflation-1-ref.html
+pref(dom.meta-viewport.enabled,true) pref(font.size.inflation.emPerLine,15) pref(font.size.inflation.forceEnabled,true) pref(font.size.inflation.lineThreshold,0) != font-inflation-1c.html font-inflation-1d.html
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == font-inflation-1c.html font-inflation-1c-ref.html
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == font-inflation-1d.html font-inflation-1d-ref.html
+test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) test-pref(layout.accessiblecaret.enabled,true) == font-inflation-1e.html font-inflation-1-ref.html
+
+== 1144501-1a-block-end-margin-orthogonal-size.html 1144501-1-block-end-margin-orthogonal-size-ref.html
+== 1144501-1b-block-end-margin-orthogonal-size.html 1144501-1-block-end-margin-orthogonal-size-ref.html
+== 1147834-relative-overconstrained-horizontal-tb-ltr.html 1147834-bottom-right-ref.html
+== 1147834-relative-overconstrained-horizontal-tb-rtl.html 1147834-bottom-left-ref.html
+== 1147834-relative-overconstrained-vertical-lr-ltr.html 1147834-bottom-right-ref.html
+== 1147834-relative-overconstrained-vertical-lr-rtl.html 1147834-top-right-ref.html
+== 1147834-relative-overconstrained-vertical-rl-ltr.html 1147834-bottom-left-ref.html
+== 1147834-relative-overconstrained-vertical-rl-rtl.html 1147834-top-left-ref.html
+== 1151993-1-orthogonal-block-size.html 1151993-1-orthogonal-block-size-ref.html
+== 1152941-1-orthogonal-blocksize-overflow.html 1152941-1-orthogonal-blocksize-overflow-ref.html
+== 1156021-text-indent-percent.html 1156021-text-indent-percent-ref.html
+== 1157752-upright-bidi.html 1157752-upright-bidi-ref.html
+== 1157758-1-vertical-arabic.html 1157758-1-vertical-arabic-ref.html
+== 1158549-1-vertical-block-size-constraints.html 1158549-1-vertical-block-size-constraints-ref.html
+== 1163238-orthogonal-auto-margins.html 1163238-orthogonal-auto-margins-ref.html
+== 1174450-intrinsic-sizing.html 1174450-intrinsic-sizing-ref.html
+== 1175789-underline-overline-1.html 1175789-underline-overline-1-ref.html # bug 1442637
+== 1188061-1-nsChangeHint_ClearAncestorIntrinsics.html 1188061-1-nsChangeHint_ClearAncestorIntrinsics-ref.html
+== 1188061-2-nsChangeHint_UpdateComputedBSize.html 1188061-2-nsChangeHint_UpdateComputedBSize-ref.html
+
+# tests involving sideways-lr mode
+random-if(gtkWidget) == 1193519-sideways-lr-1.html 1193519-sideways-lr-1-ref.html
+random-if(gtkWidget) == 1193519-sideways-lr-2.html 1193519-sideways-lr-2-ref.html
+fuzzy-if(winWidget,0-3,0-84) == 1193519-sideways-lr-3.html 1193519-sideways-lr-3-ref.html
+fuzzy-if(winWidget,0-3,0-112) fails-if(Android) random-if(gtkWidget) == 1193519-sideways-lr-4.html 1193519-sideways-lr-4-ref.html # see bug 1366692. Rounding error with WR enabled, and on Android.
+fuzzy-if(gtkWidget,0-255,0-12) fuzzy-if(cocoaWidget,0-65,0-69) fuzzy-if(geckoview,0-255,0-13) == 1193519-sideways-lr-decoration-1.html 1193519-sideways-lr-decoration-1-ref.html
+
+== 1196887-1-computed-display-inline-block.html 1196887-1-computed-display-inline-block-ref.html
+== 1205787-legacy-svg-values-1.html 1205787-legacy-svg-values-1-ref.html
+
+== 1216747-1.html 1216747-1-ref.html
+!= 1216747-1.html 1216747-1-notref.html
+
+== 1243125-1-floats-overflowing.html 1243125-1-floats-overflowing-ref.html
+
+skip-if(Android) == 1248248-1-orientation-break-glyphrun.html 1248248-1-orientation-break-glyphrun-ref.html # Android bug 1250229
+
+== 1302734-bidi-plaintext-1a.html 1302734-bidi-plaintext-1-ref.html
+== 1302734-bidi-plaintext-1b.html 1302734-bidi-plaintext-1-ref.html
+== 1302734-bidi-plaintext-2a.html 1302734-bidi-plaintext-2-ref.html
+== 1302734-bidi-plaintext-2b.html 1302734-bidi-plaintext-2-ref.html
+== 1302734-bidi-plaintext-2c.html 1302734-bidi-plaintext-2-ref.html
+== 1302734-bidi-plaintext-2d.html 1302734-bidi-plaintext-2-ref.html
+
+== 1302389-scrolled-rect-1a.html 1302389-scrolled-rect-1-ref.html
+fuzzy-if(Android,0-54,0-852) == 1302389-scrolled-rect-1b.html 1302389-scrolled-rect-1-ref.html
+fuzzy-if(Android,0-54,0-852) fuzzy-if(gtkWidget,0-1,0-25) fuzzy-if(cocoaWidget,0-1,0-2) == 1302389-scrolled-rect-1c.html 1302389-scrolled-rect-1-ref.html
+fuzzy-if(gtkWidget,0-1,0-25) fuzzy-if(cocoaWidget,0-1,0-2) == 1302389-scrolled-rect-1d.html 1302389-scrolled-rect-1-ref.html
+fuzzy-if(Android,0-54,0-852) fuzzy-if(gtkWidget,0-1,0-25) fuzzy-if(cocoaWidget,0-1,0-2) == 1302389-scrolled-rect-2a.html 1302389-scrolled-rect-2-ref.html
+fuzzy-if(gtkWidget,0-1,0-25) fuzzy-if(cocoaWidget,0-1,0-2) == 1302389-scrolled-rect-2b.html 1302389-scrolled-rect-2-ref.html
+== 1302389-scrolled-rect-2c.html 1302389-scrolled-rect-2-ref.html
+fuzzy-if(Android,0-54,0-852) == 1302389-scrolled-rect-2d.html 1302389-scrolled-rect-2-ref.html
+
+== 1361631-mongolian-upright-1.html 1361631-mongolian-upright-1-ref.html
+== 1395926-vertical-upright-gpos-1.html 1395926-vertical-upright-gpos-1-ref.html
+== 1673510-1.html 1673510-1-ref.html # bug 1770273
+
+# Suite of tests from Gérard Talbot in bug 1079151
+# Frequent Windows 7 load failed: timed out waiting for test to complete (waiting for onload scripts to complete), bug 1167155 and friends
+include abspos/reftest.list
+
+# Tests for tables with vertical writing modes
+include tables/reftest.list
diff --git a/layout/reftests/writing-mode/right-bottom-300x300.png b/layout/reftests/writing-mode/right-bottom-300x300.png
new file mode 100644
index 0000000000..1182ceefcc
Binary files /dev/null and b/layout/reftests/writing-mode/right-bottom-300x300.png differ
diff --git a/layout/reftests/writing-mode/right-top-300x300.png b/layout/reftests/writing-mode/right-top-300x300.png
new file mode 100644
index 0000000000..0387861a2f
Binary files /dev/null and b/layout/reftests/writing-mode/right-top-300x300.png differ
diff --git a/layout/reftests/writing-mode/swatch-yellow.png b/layout/reftests/writing-mode/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
Binary files /dev/null and b/layout/reftests/writing-mode/swatch-yellow.png differ
diff --git a/layout/reftests/writing-mode/tables/1259168-ref.html b/layout/reftests/writing-mode/tables/1259168-ref.html
new file mode 100644
index 0000000000..d3ad50a52c
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/1259168-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html
+><title>Only one 300px*300px green quadrate. No red</title
+><body style="overflow: hidden; max-width: 800px; max-height: 500px;"
+><h1>Only one 300px*300px green quadrate. No red.</h1
+
+><table style="width: 300px; height: 300px; background: red; border-spacing: 0px; border: 0;"
+><tr
+  ><td style="width: 300px; background: green; color: white; padding: 0; border: 0;"></td
+></tr
+></table
+
+></body>
diff --git a/layout/reftests/writing-mode/tables/1259168-slr.html b/layout/reftests/writing-mode/tables/1259168-slr.html
new file mode 100644
index 0000000000..7e23c041d1
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/1259168-slr.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html
+><title>Only one 300px*300px green quadrate. No red</title
+><body style="overflow: hidden; max-width: 800px; max-height: 500px;"
+><h1>Only one 300px*300px green quadrate. No red.</h1
+
+><table style="writing-mode: sideways-lr; width: 100px; height: 300px; background: red; border-spacing: 0px; border: 0;"
+><tr
+  ><td style="width: 300px; background: green; color: white; padding: 0; border: 0;"></td
+></tr
+></table
+
+></body>
diff --git a/layout/reftests/writing-mode/tables/1259168-srl.html b/layout/reftests/writing-mode/tables/1259168-srl.html
new file mode 100644
index 0000000000..291a8d2afe
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/1259168-srl.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html
+><title>Only one 300px*300px green quadrate. No red</title
+><body style="overflow: hidden; max-width: 800px; max-height: 500px;"
+><h1>Only one 300px*300px green quadrate. No red.</h1
+
+><table style="writing-mode: sideways-rl; width: 100px; height: 300px; background: red; border-spacing: 0px; border: 0;"
+><tr
+  ><td style="width: 300px; background: green; color: white; padding: 0; border: 0;"></td
+></tr
+></table
+
+></body>
diff --git a/layout/reftests/writing-mode/tables/1259168-vlr.html b/layout/reftests/writing-mode/tables/1259168-vlr.html
new file mode 100644
index 0000000000..cca077e63a
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/1259168-vlr.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html
+><title>Only one 300px*300px green quadrate. No red</title
+><body style="overflow: hidden; max-width: 800px; max-height: 500px;"
+><h1>Only one 300px*300px green quadrate. No red.</h1
+
+><table style="writing-mode: vertical-lr; width: 100px; height: 300px; background: red; border-spacing: 0px; border: 0;"
+><tr
+  ><td style="width: 300px; background: green; color: white; padding: 0; border: 0;"></td
+></tr
+></table
+
+></body>
diff --git a/layout/reftests/writing-mode/tables/1259168-vrl.html b/layout/reftests/writing-mode/tables/1259168-vrl.html
new file mode 100644
index 0000000000..73af01a75c
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/1259168-vrl.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html
+><title>Only one 300px*300px green quadrate. No red</title
+><body style="overflow: hidden; max-width: 800px; max-height: 500px;"
+><h1>Only one 300px*300px green quadrate. No red.</h1
+
+><table style="writing-mode: vertical-rl; width: 100px; height: 300px; background: red; border-spacing: 0px; border: 0;"
+><tr
+  ><td style="width: 300px; background: green; color: white; padding: 0; border: 0;"></td
+></tr
+></table
+
+></body>
diff --git a/layout/reftests/writing-mode/tables/border-collapse-bevels-1-ref.html b/layout/reftests/writing-mode/tables/border-collapse-bevels-1-ref.html
new file mode 100644
index 0000000000..5d5a430589
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/border-collapse-bevels-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/layout/reftests/writing-mode/tables/border-collapse-bevels-1a.html b/layout/reftests/writing-mode/tables/border-collapse-bevels-1a.html
new file mode 100644
index 0000000000..4bfcc00770
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/border-collapse-bevels-1a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  direction: rtl;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/layout/reftests/writing-mode/tables/border-collapse-bevels-1b.html b/layout/reftests/writing-mode/tables/border-collapse-bevels-1b.html
new file mode 100644
index 0000000000..d1535ce443
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/border-collapse-bevels-1b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-lr;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/layout/reftests/writing-mode/tables/border-collapse-bevels-1c.html b/layout/reftests/writing-mode/tables/border-collapse-bevels-1c.html
new file mode 100644
index 0000000000..30e8bdb8bf
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/border-collapse-bevels-1c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-rl;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/layout/reftests/writing-mode/tables/border-collapse-bevels-1d.html b/layout/reftests/writing-mode/tables/border-collapse-bevels-1d.html
new file mode 100644
index 0000000000..b621cde1a0
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/border-collapse-bevels-1d.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-lr;
+  direction: rtl;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/layout/reftests/writing-mode/tables/border-collapse-bevels-1e.html b/layout/reftests/writing-mode/tables/border-collapse-bevels-1e.html
new file mode 100644
index 0000000000..82ea6e1520
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/border-collapse-bevels-1e.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-rl;
+  direction: rtl;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-002-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-002-ref.html
new file mode 100644
index 0000000000..3ce178442a
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-002-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+ .test { writing-mode: vertical-lr; }
+  div.stripe
+  {
+    width: 24px;
+    height: 100px;
+  }
+  div.blue {background-color: blue;}
+  div.black {background-color: black;}
+  </style>
+ </head>
+ <body>
+  <p>Test passes if the boxes below are the same height.</p>
+  <div class="test">
+    <div class="black stripe"></div>
+    <div class="blue stripe"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-002-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-002-vlr.html
new file mode 100644
index 0000000000..99aeab7868
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-002-vlr.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Value other than 'auto' for column height sets height of cells in the column</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column element with a value other than 'auto' for the 'height' property sets the height for the column of cells it contains.">
+        <style type="text/css">
+            .test { writing-mode: vertical-lr; }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            #col
+            {
+                height: 100px;
+            }
+            td
+            {
+                padding: 0;
+                width: 24px;
+            }
+            #cell
+            {
+                background: black;
+            }
+            #div1
+            {
+                background: blue;
+                width: 24px;
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height.</p>
+      <div class="test">
+        <table>
+            <col id="col">
+            <col>
+            <tr>
+                <td id="cell">X</td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-002-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-002-vrl.html
new file mode 100644
index 0000000000..adbbff9259
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-002-vrl.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Value other than 'auto' for column height sets height of cells in the column</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column element with a value other than 'auto' for the 'height' property sets the height for the column of cells it contains.">
+        <style type="text/css">
+            .test { writing-mode: vertical-rl; }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            #col
+            {
+                height: 100px;
+            }
+            td
+            {
+                padding: 0;
+                width: 24px;
+            }
+            #cell
+            {
+                background: blue;
+                color: blue;
+            }
+            #div1
+            {
+                background: black;
+                width: 24px;
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height.</p>
+      <div class="test">
+        <table>
+            <col id="col">
+            <col>
+            <tr>
+                <td id="cell">X</td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-003-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-003-vlr.html
new file mode 100644
index 0000000000..30913cbf78
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-003-vlr.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Cell in the first row with specified height sets the height for the column</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A cell in the first row with specified non-auto 'height' sets the height for its column in the absence of a column element with specified non-auto height.">
+        <style type="text/css">
+            .test { writing-mode: vertical-lr; }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            td
+            {
+                padding: 0;
+            }
+            #cell
+            {
+                background: black;
+                height: 100px;
+                width: 24px;
+
+            }
+            #div1
+            {
+                background: blue;
+                width: 24px;
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height.</p>
+      <div class="test">
+        <table>
+            <tr>
+                <td id="cell">X</td>
+                <td></td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-003-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-003-vrl.html
new file mode 100644
index 0000000000..0dd80b978b
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-003-vrl.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Cell in the first row with specified height sets the height for the column</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A cell in the first row with specified non-auto 'height' sets the height for its column in the absence of a column element with specified non-auto height.">
+        <style type="text/css">
+            .test { writing-mode: vertical-rl; }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            td
+            {
+                padding: 0;
+            }
+            #cell
+            {
+                background: blue;
+                height: 100px;
+                width: 24px;
+                color: blue;
+            }
+            #div1
+            {
+                background: black;
+                width: 24px;
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height.</p>
+      <div class="test">
+        <table>
+            <tr>
+                <td id="cell">X</td>
+                <td></td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-004-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-004-ref.html
new file mode 100644
index 0000000000..f1575a900e
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-004-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+ .test { writing-mode: vertical-lr; }
+  div.stripe
+  {
+    width: 20px;
+    height: 100px;
+  }
+  div#blue-stripe {background-color: blue;}
+  div#reference {background-color: black;}
+  div.middle { width: 20px; height: 50px; }
+  div.bottom { background-color: orange; float: right; }
+  div.top { background-color: silver; float: left; }
+  </style>
+ </head>
+ <body>
+      <p>Test passes if the blue and black bars are the same height
+and the gray and orange boxes are half of that height.</p>
+  <div class="test">
+    <div class="stripe" id="reference"></div>
+    <div class="stripe">
+      <div class="middle top"></div>
+      <div class="middle bottom"></div>
+    </div>
+    <div class="stripe" id="blue-stripe"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-004-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-004-vlr.html
new file mode 100644
index 0000000000..a8a6a8f9fa
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-004-vlr.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="The height of a column-spanning cell (which determines column heights in fixed table layout) is divided over the columns it spans.">
+        <style type="text/css">
+            div.test { writing-mode: vertical-lr; }
+            table
+            {
+                border-collapse: collapse;
+                margin: 0;
+                table-layout: fixed;
+                height: 100px;
+            }
+            #cell1
+            {
+                background: black;
+                height: 98px;
+            }
+            td
+            {
+                width: 20px;
+                padding: 0;
+            }
+            #cell2
+            {
+                background: silver;
+            }
+            #cell3
+            {
+                background: orange;
+            }
+            #div1
+            {
+                background: blue;
+                width: 20px;
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the blue and black bars are the same height
+and the gray and orange boxes are half of that height.</p>
+      <div class="test">
+        <table>
+            <tr>
+                <td id="cell1" colspan="2"></td>
+           </tr>
+           <tr>
+                <td id="cell2"></td>
+                <td id="cell3"></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </test>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-004-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-004-vrl.html
new file mode 100644
index 0000000000..efa93023be
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-004-vrl.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="The height of a column-spanning cell (which determines column heights in fixed table layout) is divided over the columns it spans.">
+        <style type="text/css">
+            div.test { writing-mode: vertical-rl; }
+            table
+            {
+                border-collapse: collapse;
+                margin: 0;
+                table-layout: fixed;
+                height: 100px;
+            }
+            #cell1
+            {
+                background: blue;
+                height: 98px;
+            }
+            td
+            {
+                width: 20px;
+                padding: 0;
+            }
+            #cell2
+            {
+                background: silver;
+            }
+            #cell3
+            {
+                background: orange;
+            }
+            #div1
+            {
+                background: black;
+                width: 20px;
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the blue and black bars are the same height
+and the gray and orange boxes are half of that height.</p>
+      <div class="test">
+        <table>
+            <tr>
+                <td id="cell1" colspan="2"></td>
+           </tr>
+           <tr>
+                <td id="cell2"></td>
+                <td id="cell3"></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </test>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-005-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-005-ref.html
new file mode 100644
index 0000000000..8f1efad6da
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-005-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Leftover table height is divided evenly among auto-sized columns</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Any remaining vertical table space is divided evenly among columns which do not have specified heights.">
+        <style type="text/css">
+            div.test { writing-mode: vertical-lr; }
+            #div1
+            {
+                width: 100px;
+                height: 300px;
+            }
+            #div1 > div
+            {
+                float: left;
+            }
+            .px50
+            {
+                height: 50px;
+            }
+            #px100
+            {
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <div class="test">
+        <div id="div1">
+            <div class="px50">1</div>
+            <div class="px50">2</div>
+            <div id="px100">3</div>
+            <div class="px50">4</div>
+            <div class="px50">5</div>
+        </div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-005-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-005-vlr.html
new file mode 100644
index 0000000000..1b2288946f
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-005-vlr.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Leftover table height is divided evenly among auto-sized columns</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Any remaining vertical table space is divided evenly among columns which do not have specified heights.">
+        <style type="text/css">
+            div.test { writing-mode: vertical-lr; }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+                height: 300px;
+            }
+            #col1
+            {
+                height: 50px;
+            }
+            td
+            {
+                padding: 0;
+            }
+            #cell1
+            {
+                height: 50px;
+            }
+            #cell2
+            {
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <div class="test">
+        <table>
+            <col id="col1">
+            <col>
+            <col>
+            <col>
+            <col>
+            <col>
+            <tr>
+                <td>1</td>
+                <td id="cell1">2</td>
+                <td id="cell2" colspan="2">3</td>
+                <td>4</td>
+                <td>5</td>
+           </tr>
+        </table>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-005-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-005-vrl.html
new file mode 100644
index 0000000000..bc22d3db6c
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-005-vrl.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Leftover table height is divided evenly among auto-sized columns</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Any remaining vertical table space is divided evenly among columns which do not have specified heights.">
+        <style type="text/css">
+            div.test { writing-mode: vertical-rl; }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+                height: 300px;
+            }
+            #col1
+            {
+                height: 50px;
+            }
+            td
+            {
+                padding: 0;
+            }
+            #cell1
+            {
+                height: 50px;
+            }
+            #cell2
+            {
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+      <div class="test">
+        <table>
+            <col id="col1">
+            <col>
+            <col>
+            <col>
+            <col>
+            <col>
+            <tr>
+                <td>1</td>
+                <td id="cell1">2</td>
+                <td id="cell2" colspan="2">3</td>
+                <td>4</td>
+                <td>5</td>
+           </tr>
+        </table>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-006-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-006-ref.html
new file mode 100644
index 0000000000..42e28b5e39
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-006-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+  div.stripe
+  {
+    height: 10px;
+    width: 100px;
+  }
+  div.blue {background-color: blue;}
+  div.orange {background-color: orange;}
+  </style>
+ </head>
+ <body>
+    <p>Test passes if all of the blue lines below appear to have the same height.</p>
+    <div class="blue stripe"></div>
+    <div class="orange stripe"></div>
+    <div class="blue stripe"></div>
+    <div class="orange stripe"></div>
+    <div class="blue stripe"></div>
+    <div class="orange stripe"></div>
+    <div class="blue stripe"></div>
+    <div class="orange stripe"></div>
+    <div class="blue stripe"></div>
+    <div class="orange stripe"></div>
+    <div class="blue stripe"></div>
+    <div class="orange stripe"></div>
+    <div class="blue stripe"></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-006-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-006-vlr.html
new file mode 100644
index 0000000000..3ccbff1eda
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-006-vlr.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Remaining table height is divided evenly among non auto-sized columns (minus borders and cell spacing)</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Any remaining horizontal table space is divided evenly among columns which do not have specified heights (minus borders and cell spacing).">
+        <style type="text/css">
+            table
+            {
+	        writing-mode: vertical-lr;
+                background: blue;
+                border-collapse: separate;
+                border-spacing: 10px 0;
+                table-layout: fixed;
+                height: 130px;
+            }
+            td
+            {
+                background: blue;
+                border-top: 10px solid orange;
+                border-bottom: 10px solid orange;
+                width: 100px;
+                padding: 0;
+            }
+            #specified
+            {
+                height: 10px;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if all of the blue lines below appear to have the same height.</p>
+            <table>
+                <tr>
+                    <td id="specified"></td>
+                    <td></td>
+                    <td></td>
+               </tr>
+            </table>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-006-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-006-vrl.html
new file mode 100644
index 0000000000..821e4c6820
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-006-vrl.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Remaining table height is divided evenly among non auto-sized columns (minus borders and cell spacing)</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Any remaining horizontal table space is divided evenly among columns which do not have specified heights (minus borders and cell spacing).">
+        <style type="text/css">
+            table
+            {
+	        writing-mode: vertical-rl;
+                background: blue;
+                border-collapse: separate;
+                border-spacing: 10px 0;
+                table-layout: fixed;
+                height: 130px;
+            }
+            td
+            {
+                background: blue;
+                border-top: 10px solid orange;
+                border-bottom: 10px solid orange;
+                width: 100px;
+                padding: 0;
+            }
+            #specified
+            {
+                height: 10px;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if all of the blue lines below appear to have the same height.</p>
+            <table>
+                <tr>
+                    <td id="specified"></td>
+                    <td></td>
+                    <td></td>
+               </tr>
+            </table>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-007-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-007-ref.html
new file mode 100644
index 0000000000..4313090884
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-007-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+ .test { writing-mode: vertical-lr; }
+  div.stripe
+  {
+    width: 24px;
+    height: 200px;
+  }
+  div.blue {background-color: blue;}
+  div.black {background-color: black;}
+  </style>
+ </head>
+ <body>
+  <p>Test passes if the boxes below are the same height.</p>
+  <div class="test">
+    <div class="black stripe"></div>
+    <div class="blue stripe"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-007-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-007-vlr.html
new file mode 100644
index 0000000000..9cd003f81c
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-007-vlr.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table height is maximum between table and sum of column 'height' (table height wins)</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A fixed layout table's height will be its specified height if that height is greater than the sum of its columns' heights.">
+        <style type="text/css">
+            div.test { writing-mode: vertical-lr; }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+            }
+            td
+            {
+                background: black;
+                padding: 0;
+                height: 50px;
+                width: 24px;
+            }
+            #div1
+            {
+                background: blue;
+                width: 24px;
+            }
+            #div1, table
+            {
+                height: 200px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height.</p>
+      <div class="test">
+        <table>
+            <tr>
+                <td>X</td>
+                <td>X</td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-007-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-007-vrl.html
new file mode 100644
index 0000000000..b5b3e30027
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-007-vrl.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table height is maximum between table and sum of column 'height' (table height wins)</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A fixed layout table's height will be its specified height if that height is greater than the sum of its columns' heights.">
+        <style type="text/css">
+            div.test { writing-mode: vertical-rl; }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+            }
+            td
+            {
+                background: blue;
+                padding: 0;
+                height: 50px;
+                width: 24px;
+                color: blue;
+            }
+            #div1
+            {
+                background: black;
+                width: 24px;
+            }
+            #div1, table
+            {
+                height: 200px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height.</p>
+      <div class="test">
+        <table>
+            <tr>
+                <td>X</td>
+                <td>X</td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-009-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-009-ref.html
new file mode 100644
index 0000000000..89ca8ffaff
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-009-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Cell that overflows a fixed-height table</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A cell that overflows the fixed table height uses its 'overflow' property to determine whether to clip the overflow content.">
+        <style type="text/css">
+            div.test {
+                writing-mode: vertical-lr;
+            }
+            div.prose {
+                writing-mode: horizontal-tb;
+                width: 180px;
+                padding: 1em;
+            }
+            div.textContainer
+            {
+                height: 100px;
+                border: 1px solid blue;
+                margin: 2px;
+            }
+            #hidden
+            {
+                overflow: hidden;
+            }
+        </style>
+    </head>
+    <body>
+      <div class="test">
+        <div class="textContainer">FillerTextFillerTextFillerTextFiller</div>
+        <div class="prose">Test passes if the text in the blue rectangle to the left
+	of this line spills outside of its bottom border and the text
+	in the blue rectangle to the right of this line is contained
+	within the rectangle's border (and appears to be cut off on
+	its bottom edge).</div>
+      <div class="textContainer" id="hidden">FillerTextFillerTextFillerTextFiller</div>
+     </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-009-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-009-vlr.html
new file mode 100644
index 0000000000..5d26b97281
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-009-vlr.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Cell that overflows a fixed-height table</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A cell that overflows the fixed table height uses its 'overflow' property to determine whether to clip the overflow content.">
+        <style type="text/css">
+            div.test {
+                writing-mode: vertical-lr;
+            }
+            div.prose {
+                writing-mode: horizontal-tb;
+                width: 180px;
+                margin: 1em;
+            }
+            table
+            {
+                table-layout: fixed;
+                height: 100px;
+            }
+            td
+            {
+                border: 1px solid blue;
+                height: 100px;
+                padding: 0px;
+            }
+            #hidden
+            {
+                overflow: hidden;
+            }
+        </style>
+    </head>
+    <body>
+      <div class="test">
+        <table><tr><td>FillerTextFillerTextFillerTextFiller</td></tr></table>
+        <div class="prose">Test passes if the text in the blue rectangle to the left
+	of this line spills outside of its bottom border and the text
+	in the blue rectangle to the right of this line is contained
+	within the rectangle's border (and appears to be cut off on
+	its bottom edge).</div>
+        <table><tr><td id="hidden">FillerTextFillerTextFillerTextFiller</td></tr></table>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-009-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-009-vrl.html
new file mode 100644
index 0000000000..639103d158
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-009-vrl.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Cell that overflows a fixed-height table</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A cell that overflows the fixed table height uses its 'overflow' property to determine whether to clip the overflow content.">
+        <style type="text/css">
+            div.test {
+                writing-mode: vertical-rl;
+            }
+            div.prose {
+                writing-mode: horizontal-tb;
+                width: 180px;
+                margin: 1em;
+            }
+            table
+            {
+                table-layout: fixed;
+                height: 100px;
+            }
+            td
+            {
+                border: 1px solid blue;
+                height: 100px;
+                padding: 0px;
+            }
+            #hidden
+            {
+                overflow: hidden;
+            }
+        </style>
+    </head>
+    <body>
+      <div class="test">
+        <table><tr><td id="hidden">FillerTextFillerTextFillerTextFiller</td></tr></table>
+        <div class="prose">Test passes if the text in the blue rectangle to the left
+	of this line spills outside of its bottom border and the text
+	in the blue rectangle to the right of this line is contained
+	within the rectangle's border (and appears to be cut off on
+	its bottom edge).</div>
+        <table><tr><td>FillerTextFillerTextFillerTextFiller</td></tr></table>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-010-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-010-ref.html
new file mode 100644
index 0000000000..db95aef2f7
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-010-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+ .test { writing-mode: vertical-lr; text-orientation: sideways-right; }
+  div.stripe
+  {
+    width: 2em;
+    line-height: 2em;
+    height: 200px;
+  }
+  div.blue {background-color: blue; }
+  div.black {background-color: black;}
+  span.text { position: relative; top: 100px; white-space: pre;}
+  </style>
+ </head>
+ <body>
+      <p>Test passes if the boxes below are the same height and the
+blue box has the words "Filler Text" in the middle,
+overflowing below the box.</p>
+  <div class="test">
+    <div class="blue stripe"></div>
+    <div class="blue stripe"><span class="text">Filler Text Filler Text Filler Text</span></div>
+    <div class="blue stripe"></div>
+    <div class="black stripe"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-010-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-010-vlr.html
new file mode 100644
index 0000000000..b33feafb5d
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-010-vlr.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Subsequent rows in fixed table layout</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Cells in subsequent rows after the first do not affect column heights in fixed table layout.">
+        <style type="text/css">
+            div.test {
+                writing-mode: vertical-lr;
+                text-orientation: sideways-right;
+            }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+            }
+            td
+            {
+                background: blue;
+                color: blue;
+                padding: 0;
+                width: 2em;
+            }
+            #overflow
+            {
+                color: black;
+                overflow: visible;
+                white-space: pre;
+            }
+            #div1
+            {
+                background: black;
+                width: 2em;
+            }
+            table, .row1
+            {
+                height: 100px;
+            }
+            .row2, #div1
+            {
+                height: 200px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height and the
+blue box has the words "Filler Text" in the middle,
+overflowing below the box.</p>
+      <div class="test">
+        <table>
+            <tr>
+                <td class="row1"></td>
+                <td class="row1"></td>
+            </tr>
+            <tr>
+                <td></td>
+                <td id="overflow">Filler Text Filler Text Filler Text</td>
+            </tr>
+            <tr>
+                <td class="row2"></td>
+                <td class="row2"></td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-010-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-010-vrl.html
new file mode 100644
index 0000000000..c608c51199
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-010-vrl.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Subsequent rows in fixed table layout</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Cells in subsequent rows after the first do not affect column heights in fixed table layout.">
+        <style type="text/css">
+            div.test {
+                writing-mode: vertical-rl;
+                text-orientation: sideways-right;
+            }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+            }
+            td
+            {
+                background: blue;
+                color: blue;
+                padding: 0;
+                width: 2em;
+            }
+            #overflow
+            {
+                color: black;
+                overflow: visible;
+                white-space: pre;
+            }
+            #div1
+            {
+                background: black;
+                width: 2em;
+            }
+            table, .row1
+            {
+                height: 100px;
+            }
+            .row2, #div1
+            {
+                height: 200px;
+            }
+        </style>
+    </head>
+    <body>
+      <p>Test passes if the boxes below are the same height and the
+blue box has the words "Filler Text" in the middle,
+overflowing below the box.</p>
+      <div class="test">
+        <div id="div1"></div>
+        <table>
+            <tr>
+                <td class="row1"></td>
+                <td class="row1"></td>
+            </tr>
+            <tr>
+                <td></td>
+                <td id="overflow">Filler Text Filler Text Filler Text</td>
+            </tr>
+            <tr>
+                <td class="row2"></td>
+                <td class="row2"></td>
+            </tr>
+        </table>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-012-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-012-ref.html
new file mode 100644
index 0000000000..52e387c9f7
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-012-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+ .test { writing-mode: vertical-lr; }
+  div.stripe
+  {
+    width: 24px;
+    height: 50px;
+  }
+  div.blue {background-color: blue;}
+  div.black {background-color: black;}
+  </style>
+ </head>
+ <body>
+  <p>Test passes if the boxes below are the same height.</p>
+  <div class="test">
+    <div class="black stripe"></div>
+    <div class="blue stripe"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-012-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-012-vlr.html
new file mode 100644
index 0000000000..ef25ceedc8
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-012-vlr.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified column height overrides first-cell specified height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column element with specified height sets the height of the column, even if the first-row cell has a specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-lr;
+            }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            td { padding: 0px; }
+            #col
+            {
+                height: 50px;
+            }
+            #cell
+            {
+                background: black;
+                height: 175px;
+                width: 24px;
+            }
+            #div1
+            {
+                background: blue;
+                width: 24px;
+                height: 50px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <col id="col">
+            <col>
+            <tr>
+                <td id="cell">X</td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-012-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-012-vrl.html
new file mode 100644
index 0000000000..e443494973
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-012-vrl.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified column height overrides first-cell specified height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column element with specified height sets the height of the column, even if the first-row cell has a specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-rl;
+            }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            td { padding: 0px; }
+            #col
+            {
+                height: 50px;
+            }
+            #cell
+            {
+                background: blue;
+                color: blue;
+                height: 175px;
+                width: 24px;
+            }
+            #div1
+            {
+                background: black;
+                width: 24px;
+                height: 50px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <col id="col">
+            <col>
+            <tr>
+                <td id="cell">X</td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-013-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-013-vlr.html
new file mode 100644
index 0000000000..4d8f763866
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-013-vlr.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified column-group height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Specified column-group height is ignored in fixed table layout.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-lr;
+            }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            td { padding: 0px; }
+            #colgroup
+            {
+                height: 50px;
+            }
+            #cell
+            {
+                background: black;
+            }
+            #div1
+            {
+                background: blue;
+                height: 100px;
+            }
+            #div1, #cell
+            {
+                width: 24px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <colgroup id="colgroup">
+                <col>
+            </colgroup>
+            <colgroup>
+                <col>
+            </colgroup>
+            <tr>
+                <td id="cell"></td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-013-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-013-vrl.html
new file mode 100644
index 0000000000..147c3db0fd
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-013-vrl.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified column-group height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="Specified column-group height is ignored in fixed table layout.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-rl;
+            }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 200px;
+            }
+            td { padding: 0px; }
+            #colgroup
+            {
+                height: 50px;
+            }
+            #cell
+            {
+                background: blue;
+            }
+            #div1
+            {
+                background: black;
+                height: 100px;
+            }
+            #div1, #cell
+            {
+                width: 24px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <colgroup id="colgroup">
+                <col>
+            </colgroup>
+            <colgroup>
+                <col>
+            </colgroup>
+            <tr>
+                <td id="cell"></td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-014-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-014-vlr.html
new file mode 100644
index 0000000000..0f9a51ac82
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-014-vlr.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified column height overrides specified column-group height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column that has both a column height and column-group height specified will use its column specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-lr;
+            }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 100px;
+            }
+            td { padding: 0px; }
+            #colgroup
+            {
+                height: 300px;
+            }
+            #cell
+            {
+                background: black;
+            }
+            #div1
+            {
+                background: blue;
+            }
+            #div1, #cell
+            {
+                width: 24px;
+            }
+            #div1, #col
+            {
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <colgroup id="colgroup">
+                <col id="col">
+            </colgroup>
+            <colgroup>
+                <col>
+            </colgroup>
+            <tr>
+                <td id="cell"></td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-014-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-014-vrl.html
new file mode 100644
index 0000000000..aac53493c6
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-014-vrl.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified column height overrides specified column-group height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column that has both a column height and column-group height specified will use its column specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-rl;
+            }
+            table
+            {
+                border-collapse: collapse;
+                table-layout: fixed;
+                height: 100px;
+            }
+            td { padding: 0px; }
+            #colgroup
+            {
+                height: 300px;
+            }
+            #cell
+            {
+                background: blue;
+            }
+            #div1
+            {
+                background: black;
+            }
+            #div1, #cell
+            {
+                width: 24px;
+            }
+            #div1, #col
+            {
+                height: 100px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <colgroup id="colgroup">
+                <col id="col">
+            </colgroup>
+            <colgroup>
+                <col>
+            </colgroup>
+            <tr>
+                <td id="cell"></td>
+                <td></td>
+           </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-015-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-015-vlr.html
new file mode 100644
index 0000000000..cbb026d34f
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-015-vlr.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified cell height overrides specified column-group height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column that has both a cell height and column-group height specified will use its cell specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-lr;
+            }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+                height: 200px;
+            }
+            td { padding: 0px; }
+            #colgroup
+            {
+                height: 75px;
+            }
+            #cell
+            {
+                background: black;
+                height: 100px;
+            }
+            #div1
+            {
+                background: blue;
+                height: 100px;
+            }
+            #div1, td
+            {
+                width: 24px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <colgroup id="colgroup">
+                <col>
+            </colgroup>
+            <colgroup>
+                <col>
+            </colgroup>
+            <tr>
+                <td id="cell"></td>
+                <td></td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-015-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-015-vrl.html
new file mode 100644
index 0000000000..50f378d860
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-015-vrl.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table layout - specified cell height overrides specified column-group height</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A column that has both a cell height and column-group height specified will use its cell specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-rl;
+            }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+                height: 200px;
+            }
+            #colgroup
+            {
+                height: 75px;
+            }
+            #cell
+            {
+                background: blue;
+                height: 100px;
+            }
+            td
+            {
+                padding: 0;
+            }
+            #div1
+            {
+                background: black;
+                height: 100px;
+            }
+            #div1, td
+            {
+                width: 24px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <colgroup id="colgroup">
+                <col>
+            </colgroup>
+            <colgroup>
+                <col>
+            </colgroup>
+            <tr>
+                <td id="cell"></td>
+                <td></td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-016-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-016-vlr.html
new file mode 100644
index 0000000000..ad4b6944e0
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-016-vlr.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table height is maximum between table and sum of column 'height' (sum of columns' heights wins)</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A fixed layout table's height will be the sum of its columns' heights if that number is greater than the table's specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-lr;
+            }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+                height: 75px;
+            }
+            td
+            {
+                background: black;
+                padding: 0;
+                height: 25px;
+            }
+            #div1
+            {
+                background: blue;
+                height: 100px;
+            }
+            #div1, td
+            {
+                width: 24px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <tr>
+                <td></td>
+                <td></td>
+                <td></td>
+                <td></td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-016-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-016-vrl.html
new file mode 100644
index 0000000000..604dacbe49
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-016-vrl.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+    <head>
+        <title>CSS Test: Fixed table height is maximum between table and sum of column 'height' (sum of columns' heights wins)</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+        <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
+        <meta name="flags" content="">
+        <meta name="assert" content="A fixed layout table's height will be the sum of its columns' heights if that number is greater than the table's specified height.">
+        <style type="text/css">
+            div.test
+            {
+                writing-mode: vertical-rl;
+            }
+            table
+            {
+                border-spacing: 0;
+                table-layout: fixed;
+                height: 75px;
+            }
+            td
+            {
+                background: blue;
+                padding: 0;
+                height: 25px;
+            }
+            #div1
+            {
+                background: black;
+                height: 100px;
+            }
+            #div1, td
+            {
+                width: 24px;
+            }
+        </style>
+    </head>
+    <body>
+     <p>Test passes if the boxes below are the same height.</p>
+     <div class="test">
+        <table>
+            <tr>
+                <td></td>
+                <td></td>
+                <td></td>
+                <td></td>
+            </tr>
+        </table>
+        <div id="div1"></div>
+      </div>
+    </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-017-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-017-ref.html
new file mode 100644
index 0000000000..237db1a831
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-017-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+  div.test {
+    writing-mode: vertical-lr;
+    padding-left: 4px;  }
+  div.stripe
+  {
+    width: 24px;
+    margin-right: 4px;
+    margin-top: 172px;
+    height: 160px;
+  }
+  div.blue {background-color: blue;}
+  div.orange {background-color: orange; margin-left: 0px}
+  </style>
+ </head>
+ <body>
+  <p>Test passes if the orange stripe is exactly as high as the blue stripe and is vertically positioned the same.</p>
+  <div class="test">
+    <div class="orange stripe"></div>
+    <div class="blue stripe"></div>
+  </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-017-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-017-vlr.html
new file mode 100644
index 0000000000..d3d0e4d025
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-017-vlr.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-017-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-lr; }
+  table
+  {
+   border-collapse: separate;
+   border-spacing: 4px;
+   table-layout: fixed;
+   height: 420px;
+  }
+  col#test
+  {
+  background-color: orange;
+  height: 40%;
+  }
+  td#third-cell {color: orange;}
+  td { padding: 0px; width: 24px;}
+  div#reference
+  {
+  background-color: blue;
+  color: blue;
+  top: 172px;
+  width: 24px;
+  /*
+  3 vertical border-spacing separate the start
+  of table box and the start of 3rd column.
+  The first 2 columns should each be 80px exactly
+  since "Any remaining columns equally divide the
+  remaining vertical table space (minus [table] borders or
+  cell spacing)." So:
+     0px : table border-top
+  +
+     4px : 1st border-spacing
+  +
+    80px : 1st column : (420 - 20) mult by (60% divided by 3)
+  +
+     4px : 2nd border-spacing
+  +
+    80px : 2nd column : (420 - 20) mult by (60% divided by 3)
+  +
+     4px: 3rd border-spacing
+  ========
+   172px
+  */
+  position: relative;
+  height: 160px;
+  /*
+    420px : total height of table
+  -
+     20px : 5 times vertical border-spacing
+  -
+      0px : total of vertical table borders
+   ========
+    400px
+   mult by
+     40%
+   ========
+    160px
+  */
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the orange stripe is exactly as high as the blue stripe and is vertically positioned the same.</p>
+   <div class="test">
+     <table>
+       <col>
+       <col>
+       <col id="test">
+       <col>
+       <tr>
+	 <td></td>
+	 <td></td>
+	 <td id="third-cell">col</td>
+	 <td></td>
+       </tr>
+     </table>
+     <div id="reference">ref</div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-017-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-017-vrl.html
new file mode 100644
index 0000000000..b4d90e3a13
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-017-vrl.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-017-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-rl; }
+  table
+  {
+   border-collapse: separate;
+   border-spacing: 4px;
+   table-layout: fixed;
+   height: 420px;
+  }
+  col#test
+  {
+  background-color: orange;
+  height: 40%;
+  }
+  td#third-cell {color: orange;}
+  td { padding: 0px; width: 24px;}
+  div#reference
+  {
+  background-color: blue;
+  color: blue;
+  top: 172px;
+  width: 24px;
+  /*
+  3 vertical border-spacing separate the start
+  of table box and the start of 3rd column.
+  The first 2 columns should each be 80px exactly
+  since "Any remaining columns equally divide the
+  remaining vertical table space (minus [table] borders or
+  cell spacing)." So:
+     0px : table border-top
+  +
+     4px : 1st border-spacing
+  +
+    80px : 1st column : (420 - 20) mult by (60% divided by 3)
+  +
+     4px : 2nd border-spacing
+  +
+    80px : 2nd column : (420 - 20) mult by (60% divided by 3)
+  +
+     4px: 3rd border-spacing
+  ========
+   172px
+  */
+  position: relative;
+  height: 160px;
+  /*
+    420px : total height of table
+  -
+     20px : 5 times vertical border-spacing
+  -
+      0px : total of vertical table borders
+   ========
+    400px
+   mult by
+     40%
+   ========
+    160px
+  */
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the orange stripe is exactly as high as the blue stripe and is vertically positioned the same.</p>
+   <div class="test">
+     <div id="reference">ref</div>
+     <table>
+       <col>
+       <col>
+       <col id="test">
+       <col>
+       <tr>
+	 <td></td>
+	 <td></td>
+	 <td id="third-cell">col</td>
+	 <td></td>
+       </tr>
+     </table>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-018-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-018-vlr.html
new file mode 100644
index 0000000000..266caae5ee
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-018-vlr.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-017-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-lr; }
+  table
+  {
+   border: solid white;
+   border-width: 6px 0px;
+   border-collapse: separate;
+   border-spacing: 2px 4px;
+   table-layout: fixed;
+   height: 422px;
+  }
+  col#test
+  {
+   background-color: orange;
+   height: 40%;
+  }
+  td#third-cell {color: orange;}
+  td {padding: 0px; width: 24px;}
+  div#reference
+  {
+  background-color: blue;
+  color: blue;
+  top: 172px;
+  width: 24px;
+  /*
+  3 vertical border-spacing and the table
+  border-left separate the start
+  of table box and the start of 3rd column.
+  The first 2 columns should each be 80px exactly
+  since "Any remaining columns equally divide the
+  remaining vertical table space (minus [table] borders or
+  cell spacing)." So:
+     6px : table border-left
+  +
+     2px : 1st border-spacing
+  +
+    80px : 1st column : (422 - 10 - 12) mult by (60% divided by 3)
+  +
+     2px : 2nd border-spacing
+  +
+    80px : 2nd column : (422 - 10 - 12) mult by (60% divided by 3)
+  +
+     2px : 3rd border-spacing
+  =========
+   172px
+  */
+  position: relative;
+  height: 160px;
+  /*
+    422px : total height of table
+  -
+     12px : total height of vertical borders of table
+  -
+     10px : 5 times vertical border-spacing
+   ========
+    400px
+   mult by
+     40%
+   ========
+    160px
+  */
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the orange stripe is exactly as high as the blue stripe and is vertically positioned the same.</p>
+   <div class="test">
+     <table>
+       <col>
+       <col>
+       <col id="test">
+       <col>
+       <tr>
+	 <td></td>
+	 <td></td>
+	 <td id="third-cell">col</td>
+	 <td></td>
+       </tr>
+     </table>
+     <div id="reference">ref</div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-018-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-018-vrl.html
new file mode 100644
index 0000000000..7b3f3f5170
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-018-vrl.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-017-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-rl; }
+  table
+  {
+   border: solid white;
+   border-width: 6px 0px;
+   border-collapse: separate;
+   border-spacing: 2px 4px;
+   table-layout: fixed;
+   height: 422px;
+  }
+  col#test
+  {
+   background-color: orange;
+   height: 40%;
+  }
+  td#third-cell {color: orange;}
+  td {padding: 0px;}
+  td { width: 24px; }
+  div#reference
+  {
+  background-color: blue;
+  color: blue;
+  width: 24px;
+  top: 172px;
+  /*
+  3 vertical border-spacing and the table
+  border-left separate the start
+  of table box and the start of 3rd column.
+  The first 2 columns should each be 80px exactly
+  since "Any remaining columns equally divide the
+  remaining vertical table space (minus [table] borders or
+  cell spacing)." So:
+     6px : table border-left
+  +
+     2px : 1st border-spacing
+  +
+    80px : 1st column : (422 - 10 - 12) mult by (60% divided by 3)
+  +
+     2px : 2nd border-spacing
+  +
+    80px : 2nd column : (422 - 10 - 12) mult by (60% divided by 3)
+  +
+     2px : 3rd border-spacing
+  =========
+   172px
+  */
+  position: relative;
+  height: 160px;
+  /*
+    422px : total height of table
+  -
+     12px : total height of vertical borders of table
+  -
+     10px : 5 times vertical border-spacing
+   ========
+    400px
+   mult by
+     40%
+   ========
+    160px
+  */
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the orange stripe is exactly as high as the blue stripe and is vertically positioned the same.</p>
+   <div class="test">
+     <div id="reference">ref</div>
+     <table>
+       <col>
+       <col>
+       <col id="test">
+       <col>
+       <tr>
+	 <td></td>
+	 <td></td>
+	 <td id="third-cell">col</td>
+	 <td></td>
+       </tr>
+     </table>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-021-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-021-ref.html
new file mode 100644
index 0000000000..67214d000b
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-021-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+  div.wrapper {
+    writing-mode: vertical-lr;
+    margin-top: 52px;
+  }
+  div.stripe
+  {
+    display: inline-block;
+    margin-left: 4px;
+    margin-top: 8px;
+    margin-bottom: 7px;
+    width: 24px;
+  }
+  div.fuchsia
+  {
+    height: 52px;
+    background-color: fuchsia;
+  }
+  div.olive
+  {
+    height: 88px;
+    background-color: olive;
+  }
+  div.orange
+  {
+    height: 124px;
+    background-color: orange;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="wrapper">
+     <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div></div>
+     <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div></div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-021-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-021-vlr.html
new file mode 100644
index 0000000000..e929c92b25
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-021-vlr.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-021-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-lr; }
+  table
+  {
+   border: white solid;
+   border-width: 29px 0px; /* vertical table border height is 58px total */
+   border-collapse: separate;
+   border-spacing: 15px 4px; /* vertical border-spacing height is 75px total */
+   table-layout: fixed;
+   height: 533px;
+  /*
+  "With this (fast) algorithm, the vertical layout of
+  the table does not depend on the contents of the cells;
+  it only depends on the table's height, the height of
+  the columns, and borders or cell spacing."
+  http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+  So,
+    533px : total table height
+  -
+     58px : total vertical border height
+  -
+     75px : total vertical border-spacing height
+  ========
+    400px : total to split among the 4 columns
+  */
+  }
+  col#first
+  {
+   background-color: fuchsia;
+   height: 13%;
+   /* 400px multiplied by 13% = 52px */
+  }
+  col#second
+  {
+   background-color: olive;
+   height: 22%;
+  /* 400px multiplied by 22% = 88px */
+  }
+  col#third
+  {
+   background-color: orange;
+   height: 31%;
+  /* 400px multiplied by 31% = 124px */
+  /*
+  100% - (13% + 22% + 31%) == 34% for last column
+  */
+  }
+  td {padding: 10px 0px; width: 24px; }
+  td#first-cell {color: fuchsia;}
+  td#second-cell {color: olive;}
+  td#third-cell {color: orange;}
+  div {padding: 0px;}
+  div#reference1st
+  {
+   background-color: fuchsia;
+   color: fuchsia;
+   top: 44px; /* 29px border-top of table + 15px border-spacing == 44px */
+   position: relative;
+   height: 52px;
+   width: 24px;
+  }
+  div#reference2nd
+  {
+   background-color: olive;
+   color: olive;
+   right: 24px;
+   top: 111px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  =======
+   111px
+  */
+   position: relative;
+   height: 88px;
+   width: 24px;
+  }
+  div#reference3rd
+  {
+   background-color: orange;
+   right: 48px;
+   color: orange;
+   top: 214px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  +
+    88px : height of second column
+  +
+    15px : 3rd border-spacing
+  =======
+   214px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="test">
+     <table>
+       <col id="first">
+       <col id="second">
+       <col id="third">
+       <col>
+       <tr>
+	 <td id="first-cell">1st</td>
+	 <td id="second-cell">2nd</td>
+	 <td id="third-cell">3rd</td>
+	 <td></td>
+       </tr>
+     </table>
+     <div id="reference1st">ref</div>
+     <div id="reference2nd">ref</div>
+     <div id="reference3rd">ref</div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-021-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-021-vrl.html
new file mode 100644
index 0000000000..0486684b93
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-021-vrl.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-021-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-rl; }
+  table
+  {
+   border: white solid;
+   border-width: 29px 0px; /* vertical table border height is 58px total */
+   border-collapse: separate;
+   border-spacing: 15px 4px; /* vertical border-spacing height is 75px total */
+   table-layout: fixed;
+   height: 533px;
+  /*
+  "With this (fast) algorithm, the vertical layout of
+  the table does not depend on the contents of the cells;
+  it only depends on the table's height, the height of
+  the columns, and borders or cell spacing."
+  http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+  So,
+    533px : total table height
+  -
+     58px : total vertical border height
+  -
+     75px : total vertical border-spacing height
+  ========
+    400px : total to split among the 4 columns
+  */
+  }
+  col#first
+  {
+   background-color: fuchsia;
+   height: 13%;
+   /* 400px multiplied by 13% = 52px */
+  }
+  col#second
+  {
+   background-color: olive;
+   height: 22%;
+  /* 400px multiplied by 22% = 88px */
+  }
+  col#third
+  {
+   background-color: orange;
+   height: 31%;
+  /* 400px multiplied by 31% = 124px */
+  /*
+  100% - (13% + 22% + 31%) == 34% for last column
+  */
+  }
+  td {padding: 10px 0px; width: 24px; }
+  td#first-cell {color: fuchsia;}
+  td#second-cell {color: olive;}
+  td#third-cell {color: orange;}
+  div {padding: 0px; }
+  div#reference1st
+  {
+   background-color: fuchsia;
+   color: fuchsia;
+   right: 48px;
+   top: 44px; /* 29px border-top of table + 15px border-spacing == 44px */
+   position: relative;
+   height: 52px;
+   width: 24px;
+  }
+  div#reference2nd
+  {
+   background-color: olive;
+   color: olive;
+   right: 24px;
+   top: 111px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  =======
+   111px
+  */
+   position: relative;
+   height: 88px;
+   width: 24px;
+  }
+  div#reference3rd
+  {
+   background-color: orange;
+   color: orange;
+   top: 214px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  +
+    88px : height of second column
+  +
+    15px : 3rd border-spacing
+  =======
+   214px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="test">
+     <div id="reference1st">ref</div>
+     <div id="reference2nd">ref</div>
+     <div id="reference3rd">ref</div>
+     <table>
+       <col id="first">
+       <col id="second">
+       <col id="third">
+       <col>
+       <tr>
+	 <td id="first-cell">1st</td>
+	 <td id="second-cell">2nd</td>
+	 <td id="third-cell">3rd</td>
+	 <td></td>
+       </tr>
+     </table>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-022-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-022-ref.html
new file mode 100644
index 0000000000..febe38ac47
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-022-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+  div.wrapper {
+    writing-mode: vertical-lr;
+    margin-top: 52px;
+  }
+  div.stripe
+  {
+    display: inline-block;
+    margin-left: 4px;
+    margin-top: 8px;
+    margin-bottom: 7px;
+    width: 24px;
+  }
+  div.fuchsia
+  {
+    height: 52px;
+    background-color: fuchsia;
+  }
+  div.olive
+  {
+    height: 100px;
+    background-color: olive;
+  }
+  div.orange
+  {
+    height: 124px;
+    background-color: orange;
+  }
+  div.lime
+  {
+    height: 124px;
+    background-color: lime;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="wrapper">
+     <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div><div class="lime stripe"></div></div>
+     <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div><div class="lime stripe"></div></div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-022-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-022-vlr.html
new file mode 100644
index 0000000000..cfeef6be81
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-022-vlr.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height and absolute height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-022-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-lr; }
+  table
+  {
+   border: white solid;
+   border-width: 29px 0px; /* vertical table border height is 58px total */
+   border-collapse: separate;
+   border-spacing: 15px 4px; /* vertical border-spacing height is 75px total */
+   table-layout: fixed;
+   height: 533px;
+  /*
+  "With this (fast) algorithm, the vertical layout of
+  the table does not depend on the contents of the cells;
+  it only depends on the table's height, the height of
+  the columns, and [table] borders or cell spacing."
+  So,
+    533px : total table height
+  -
+     58px : total vertical border-spacing height
+  -
+     75px : total vertical border-spacing height
+  ========
+    400px : total to split among the 4 columns
+  */
+  }
+  col#first
+  {
+   background-color: fuchsia;
+   height: 13%;
+   /* 400px multiplied by 13% = 52px */
+  }
+  col#second
+  {
+   background-color: olive;
+   height: 100px;
+  }
+  col#third
+  {
+   background-color: orange;
+   height: 31%;
+  /* 400px multiplied by 31% = 124px */
+  /*
+  300px - (52px + 124px) = 124px for last column
+  */
+  }
+  col#fourth {background-color: lime;}
+  td {padding: 10px 0px; width: 24px; }
+  td#first-cell {color: fuchsia;}
+  td#second-cell {color: olive;}
+  td#third-cell {color: orange;}
+  td#fourth-cell {color: lime;}
+  div {padding: 0px;}
+  div#reference1st
+  {
+   background-color: fuchsia;
+   color: fuchsia;
+   top: 44px; /* 29px border-top of table + 15px border-spacing == 44px */
+   position: relative;
+   height: 52px;
+   width: 24px;
+  }
+  div#reference2nd
+  {
+   background-color: olive;
+   color: olive;
+   right: 24px;
+   top: 111px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px border-spacing
+  ======
+   111px
+  */
+   position: relative;
+   height: 100px;
+   width: 24px;
+  }
+  div#reference3rd
+  {
+   background-color: orange;
+   right: 48px;
+   color: orange;
+   top: 226px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    15px : 3rd border-spacing
+  =======
+   226px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  div#reference4th
+  {
+   background-color: lime;
+   right: 72px;
+   color: lime;
+   top: 365px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    15px : 3rd border-spacing
+  +
+   124px : height of third column
+  +
+    15px : 4th border-spacing
+  =======
+   365px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="test">
+     <table>
+       <col id="first">
+       <col id="second">
+       <col id="third">
+       <col id="fourth">
+       <tr>
+	 <td id="first-cell">1st</td>
+	 <td id="second-cell">2nd</td>
+	 <td id="third-cell">3rd</td>
+	 <td id="fourth-cell">4th</td>
+       </tr>
+     </table>
+     <div id="reference1st">ref</div>
+     <div id="reference2nd">ref</div>
+     <div id="reference3rd">ref</div>
+     <div id="reference4th">ref</div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-022-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-022-vrl.html
new file mode 100644
index 0000000000..c26b0938fc
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-022-vrl.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height and absolute height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-022-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-rl; }
+  table
+  {
+   border: white solid;
+   border-width: 29px 0px; /* vertical table border height is 58px total */
+   border-collapse: separate;
+   border-spacing: 15px 4px; /* vertical border-spacing height is 75px total */
+   table-layout: fixed;
+   height: 533px;
+  /*
+  "With this (fast) algorithm, the vertical layout of
+  the table does not depend on the contents of the cells;
+  it only depends on the table's height, the height of
+  the columns, and [table] borders or cell spacing."
+  So,
+    533px : total table height
+  -
+     58px : total vertical border-spacing height
+  -
+     75px : total vertical border-spacing height
+  ========
+    400px : total to split among the 4 columns
+  */
+  }
+  col#first
+  {
+   background-color: fuchsia;
+   height: 13%;
+   /* 400px multiplied by 13% = 52px */
+  }
+  col#second
+  {
+   background-color: olive;
+   height: 100px;
+  }
+  col#third
+  {
+   background-color: orange;
+   height: 31%;
+  /* 400px multiplied by 31% = 124px */
+  /*
+  300px - (52px + 124px) = 124px for last column
+  */
+  }
+  col#fourth {background-color: lime;}
+  td {padding: 10px 0px; width: 24px; }
+  td#first-cell {color: fuchsia;}
+  td#second-cell {color: olive;}
+  td#third-cell {color: orange;}
+  td#fourth-cell {color: lime;}
+  div {padding: 0px;}
+  div#reference1st
+  {
+   background-color: fuchsia;
+   color: fuchsia;
+   top: 44px; /* 29px border-top of table + 15px border-spacing == 44px */
+   right: 72px;
+   position: relative;
+   height: 52px;
+   width: 24px;
+  }
+  div#reference2nd
+  {
+   background-color: olive;
+   color: olive;
+   right: 48px;
+   top: 111px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px border-spacing
+  ======
+   111px
+  */
+   position: relative;
+   height: 100px;
+   width: 24px;
+  }
+  div#reference3rd
+  {
+   background-color: orange;
+   right: 24px;
+   color: orange;
+   top: 226px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    15px : 3rd border-spacing
+  =======
+   226px
+  */
+  position: relative;
+  height: 124px;
+  width: 24px;
+  }
+  div#reference4th
+  {
+   background-color: lime;
+   color: lime;
+   top: 365px;
+  /*
+    29px : border-top of table
+  +
+    15px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    15px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    15px : 3rd border-spacing
+  +
+   124px : height of third column
+  +
+    15px : 4th border-spacing
+  =======
+   365px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="test">
+     <div id="reference1st">ref</div>
+     <div id="reference2nd">ref</div>
+     <div id="reference3rd">ref</div>
+     <div id="reference4th">ref</div>
+     <table>
+       <col id="first">
+       <col id="second">
+       <col id="third">
+       <col id="fourth">
+       <tr>
+	 <td id="first-cell">1st</td>
+	 <td id="second-cell">2nd</td>
+	 <td id="third-cell">3rd</td>
+	 <td id="fourth-cell">4th</td>
+       </tr>
+     </table>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-023-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-023-ref.html
new file mode 100644
index 0000000000..4211763ab4
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-023-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+  div.wrapper {
+    writing-mode: vertical-lr;
+    margin-top: 34px;
+  }
+  div.stripe
+  {
+    display: inline-block;
+    margin-left: 4px;
+    margin-top: 11px;
+    margin-bottom: 7px;
+    width: 24px;
+  }
+  div.fuchsia
+  {
+    height: 52px;
+    background-color: fuchsia;
+  }
+  div.olive
+  {
+    height: 100px;
+    background-color: olive;
+  }
+  div.orange
+  {
+    height: 124px;
+    background-color: orange;
+  }
+  div.lime
+  {
+    height: 124px;
+    background-color: lime;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="wrapper">
+     <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div><div class="lime stripe"></div></div>
+     <div><div class="fuchsia stripe"></div><div class="olive stripe"></div><div class="orange stripe"></div><div class="lime stripe"></div></div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-023-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-023-vlr.html
new file mode 100644
index 0000000000..57eed6640d
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-023-vlr.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height and absolute height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-023-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-lr; }
+  body
+  {
+   margin: 8px;
+   height: 640px;
+  }
+  table
+  {
+   border: white solid;
+   border-width: 11px 0px; /* vertical table border height is 22px total */
+   border-collapse: separate;
+   border-spacing: 18px 4px; /* vertical border-spacing height is 90px total */
+   table-layout: fixed;
+   height: 80%; /*  640px mult by 80% == 512px */
+  /*
+  "With this (fast) algorithm, the vertical layout of
+  the table does not depend on the contents of the cells;
+  it only depends on the table's height, the height of
+  the columns, and [table] borders or cell spacing."
+  So,
+    512px : total table height
+  -
+     90px : total vertical border-spacing height
+  -
+     22px : total vertical border-spacing height
+  ========
+    400px : total to split among the 4 columns
+  */
+  }
+  col#first
+  {
+   background-color: fuchsia;
+   height: 13%;
+   /* 400px multiplied by 13% = 52px */
+  }
+  col#second
+  {
+   background-color: olive;
+   height: 100px;
+  }
+  col#third
+  {
+   background-color: orange;
+   height: 31%;
+  /* 400px multiplied by 31% = 124px */
+  /*
+  400px - (52px + 100px + 124px) = 124px for last column
+  */
+  }
+  col#fourth {background-color: lime;}
+  td {padding: 10px 0px; width: 24px; }
+  td#first-cell {color: fuchsia;}
+  td#second-cell {color: olive;}
+  td#third-cell {color: orange;}
+  td#fourth-cell {color: lime;}
+  div {padding: 0px;}
+  div#reference1st
+  {
+   background-color: fuchsia;
+   color: fuchsia;
+   top: 29px; /* 11px border-top of table + 18px border-spacing == 29px */
+   position: relative;
+   height: 52px;
+   width: 24px;
+  }
+  div#reference2nd
+  {
+   background-color: olive;
+   right: 24px;
+   color: olive;
+   top: 99px;
+  /*
+    11px : border-top of table
+  +
+    18px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    18px : 2nd border-spacing
+  =======
+    99px
+  */
+   position: relative;
+   height: 100px;
+   width: 24px;
+  }
+  div#reference3rd
+  {
+   background-color: orange;
+   right: 48px;
+   color: orange;
+   top: 217px;
+  /*
+    11px : border-top of table
+  +
+    18px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    18px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    18px : 3rd border-spacing
+  =======
+   217px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  div#reference4th
+  {
+   background-color: lime;
+   right: 72px;
+   color: lime;
+   top: 359px;
+  /*
+    11px : border-top of table
+  +
+    18px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    18px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    18px : 3rd border-spacing
+  +
+   124px : height of third column
+  +
+    18px : 4th border-spacing
+  =======
+   359px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="test">
+     <table>
+       <col id="first">
+       <col id="second">
+       <col id="third">
+       <col id="fourth">
+       <tr>
+	 <td id="first-cell">1st</td>
+	 <td id="second-cell">2nd</td>
+	 <td id="third-cell">3rd</td>
+	 <td id="fourth-cell">4th</td>
+       </tr>
+     </table>
+     <div id="reference1st">ref</div>
+     <div id="reference2nd">ref</div>
+     <div id="reference3rd">ref</div>
+     <div id="reference4th">ref</div>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-023-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-023-vrl.html
new file mode 100644
index 0000000000..3f6b042d8b
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-023-vrl.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: table-layout fixed - columns with percentage height and absolute height</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="match" href="fixed-table-layout-023-ref.htm">
+  <meta content="" name="flags">
+  <meta content="A column with a percentage height in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert">
+  <style type="text/css">
+  div.test { writing-mode: vertical-rl; }
+  body
+  {
+   margin: 8px;
+   height: 640px;
+  }
+  table
+  {
+   border: white solid;
+   border-width: 11px 0px; /* vertical table border height is 22px total */
+   border-collapse: separate;
+   border-spacing: 18px 4px; /* vertical border-spacing height is 90px total */
+   table-layout: fixed;
+   height: 80%; /*  640px mult by 80% == 512px */
+  /*
+  "With this (fast) algorithm, the vertical layout of
+  the table does not depend on the contents of the cells;
+  it only depends on the table's height, the height of
+  the columns, and [table] borders or cell spacing."
+  So,
+    512px : total table height
+  -
+     90px : total vertical border-spacing height
+  -
+     22px : total vertical border-spacing height
+  ========
+    400px : total to split among the 4 columns
+  */
+  }
+  col#first
+  {
+   background-color: fuchsia;
+   height: 13%;
+   /* 400px multiplied by 13% = 52px */
+  }
+  col#second
+  {
+   background-color: olive;
+   height: 100px;
+  }
+  col#third
+  {
+   background-color: orange;
+   height: 31%;
+  /* 400px multiplied by 31% = 124px */
+  /*
+  400px - (52px + 100px + 124px) = 124px for last column
+  */
+  }
+  col#fourth {background-color: lime;}
+  td {padding: 10px 0px; width: 24px; }
+  td#first-cell {color: fuchsia;}
+  td#second-cell {color: olive;}
+  td#third-cell {color: orange;}
+  td#fourth-cell {color: lime;}
+  div {padding: 0px;}
+  div#reference1st
+  {
+   background-color: fuchsia;
+   color: fuchsia;
+   top: 29px; /* 11px border-top of table + 18px border-spacing == 29px */
+   right: 72px;
+   position: relative;
+   height: 52px;
+   width: 24px;
+  }
+  div#reference2nd
+  {
+   background-color: olive;
+   right: 48px;
+   color: olive;
+   top: 99px;
+  /*
+    11px : border-top of table
+  +
+    18px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    18px : 2nd border-spacing
+  =======
+    99px
+  */
+   position: relative;
+   height: 100px;
+   width: 24px;
+  }
+  div#reference3rd
+  {
+   background-color: orange;
+   right: 24px;
+   color: orange;
+   top: 217px;
+  /*
+    11px : border-top of table
+  +
+    18px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    18px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    18px : 3rd border-spacing
+  =======
+   217px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  div#reference4th
+  {
+   background-color: lime;
+   color: lime;
+   top: 359px;
+  /*
+    11px : border-top of table
+  +
+    18px : 1st border-spacing
+  +
+    52px : height of first column
+  +
+    18px : 2nd border-spacing
+  +
+   100px : height of second column
+  +
+    18px : 3rd border-spacing
+  +
+   124px : height of third column
+  +
+    18px : 4th border-spacing
+  =======
+   359px
+  */
+   position: relative;
+   height: 124px;
+   width: 24px;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same heights and the same vertical positions.</p>
+   <div class="test">
+     <div id="reference1st">ref</div>
+     <div id="reference2nd">ref</div>
+     <div id="reference3rd">ref</div>
+     <div id="reference4th">ref</div>
+     <table>
+       <col id="first">
+       <col id="second">
+       <col id="third">
+       <col id="fourth">
+       <tr>
+	 <td id="first-cell">1st</td>
+	 <td id="second-cell">2nd</td>
+	 <td id="third-cell">3rd</td>
+	 <td id="fourth-cell">4th</td>
+       </tr>
+     </table>
+   </div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-025-ref.html b/layout/reftests/writing-mode/tables/fixed-table-layout-025-ref.html
new file mode 100644
index 0000000000..172b85ac9a
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-025-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <style type="text/css">
+  div.square
+  {
+    width: 100px;
+    height: 100px;
+  }
+  div.green
+  {
+    background-color: green;
+  }
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <div class="green square"></div>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-025-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-025-vlr.html
new file mode 100644
index 0000000000..530eeee5aa
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-025-vlr.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.htm">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-lr;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   height: 50%;
+  }
+   td#left-red-cell, td#right-red-cell {background-color: red;}
+   td {padding: 25px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="left-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="right-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-025-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-025-vrl.html
new file mode 100644
index 0000000000..26ffd948b7
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-025-vrl.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-rl;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   height: 50%;
+  }
+  td#left-red-cell, td#right-red-cell {background-color: red;}
+  td {padding: 25px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="left-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="right-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-026-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-026-vlr.html
new file mode 100644
index 0000000000..5abcba40f0
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-026-vlr.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-lr;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 25px;
+   border-bottom: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-026-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-026-vrl.html
new file mode 100644
index 0000000000..bd4b2438bc
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-026-vrl.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-rl;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 25px;
+   border-bottom: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+  </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-027-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-027-vlr.html
new file mode 100644
index 0000000000..120475baa3
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-027-vlr.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-lr;
+   border-collapse: collapse;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 25px;
+   border-bottom: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td#top-red-cell {border-bottom: red solid 24px;}
+  td#bottom-red-cell {border-top: red solid 25px;}
+  td {padding: 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-027-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-027-vrl.html
new file mode 100644
index 0000000000..bd30dacef1
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-027-vrl.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-rl;
+   border-collapse: collapse;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 25px;
+   border-bottom: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td#top-red-cell {border-bottom: red solid 24px;}
+  td#bottom-red-cell {border-top: red solid 25px;}
+  td {padding: 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-028-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-028-vlr.html
new file mode 100644
index 0000000000..9837521763
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-028-vlr.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-lr;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 15px;
+   border-bottom: green solid 15px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 10px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-028-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-028-vrl.html
new file mode 100644
index 0000000000..f975ed45fd
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-028-vrl.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-rl;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 15px;
+   border-bottom: green solid 15px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 10px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-029-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-029-vlr.html
new file mode 100644
index 0000000000..4b55f1f46e
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-029-vlr.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-lr;
+   border-collapse: collapse;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 16px;
+   border-bottom: green solid 16px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td#top-red-cell {border-bottom: red solid 15px;}
+  td#bottom-red-cell {border-top: red solid 16px;}
+  td {padding: 9px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+      <tr>
+        <td id="top-red-cell"></td>
+        <td id="middle-green-cell"></td>
+        <td id="bottom-red-cell"></td>
+      </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-029-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-029-vrl.html
new file mode 100644
index 0000000000..08f7458d8b
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-029-vrl.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-rl;
+   border-collapse: collapse;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 16px;
+   border-bottom: green solid 16px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td#top-red-cell {border-bottom: red solid 15px;}
+  td#bottom-red-cell {border-top: red solid 16px;}
+  td {padding: 9px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+      <tr>
+        <td id="top-red-cell"></td>
+        <td id="middle-green-cell"></td>
+        <td id="bottom-red-cell"></td>
+      </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-030-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-030-vlr.html
new file mode 100644
index 0000000000..e68ff76429
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-030-vlr.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-lr;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 25px 50px 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-030-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-030-vrl.html
new file mode 100644
index 0000000000..a88bfe0ccb
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-030-vrl.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-rl;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-top: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 25px 50px 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-031-vlr.html b/layout/reftests/writing-mode/tables/fixed-table-layout-031-vlr.html
new file mode 100644
index 0000000000..047daac238
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-031-vlr.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-lr;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-bottom: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 25px 50px 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/fixed-table-layout-031-vrl.html b/layout/reftests/writing-mode/tables/fixed-table-layout-031-vrl.html
new file mode 100644
index 0000000000..cc9ea74c89
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/fixed-table-layout-031-vrl.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Test: percentage height set on table-cell in 'table-layout: fixed' table</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout">
+  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model">
+  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing">
+  <link rel="match" href="fixed-table-layout-025-ref.html">
+  <meta name="flags" content="">
+  <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'height' property determines the height for that column in the fixed table layout algorithm. The determination of the height of such column must nevertheless still take into account the vertical padding and vertical borders of such cell.">
+  <style type="text/css">
+  table
+  {
+   writing-mode: vertical-rl;
+   border-spacing: 0px;
+   table-layout: fixed;
+   height: 100px;
+  }
+  td#middle-green-cell
+  {
+   background-color: green;
+   border-bottom: green solid 25px;
+   height: 50%;
+  }
+  td#top-red-cell, td#bottom-red-cell {background-color: red;}
+  td {padding: 25px 50px 0px 50px;}
+  </style>
+ </head>
+ <body>
+   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+   <table>
+     <tr>
+       <td id="top-red-cell"></td>
+       <td id="middle-green-cell"></td>
+       <td id="bottom-red-cell"></td>
+     </tr>
+   </table>
+ </body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/multicol-count-002-ref.xht b/layout/reftests/writing-mode/tables/multicol-count-002-ref.xht
new file mode 100644
index 0000000000..499debaf14
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/multicol-count-002-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-07-27 -->
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <meta name="flags" content="image" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: black;
+  color: yellow;
+  font: 1.25em/1 Ahem;
+  width: 21em;
+  }
+
+  img {vertical-align: top;}
+  ]]></style>
+ </head>
+ <body>
+
+ <!-- body of reference case rewritten by Jonathan Kew to use Ahem glyphs instead of images,
+      to reduce antialiasing fuzz in comparison with testcases -->
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+ &nbsp;XXXX&nbsp;XXXX&nbsp;XXXX&nbsp;XXXX&nbsp;
+ &nbsp;X&nbsp;&nbsp;X&nbsp;X&nbsp;&nbsp;X&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;
+ &nbsp;X&nbsp;&nbsp;X&nbsp;X&nbsp;&nbsp;X&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;
+ &nbsp;XXXX&nbsp;XXXX&nbsp;XXXX&nbsp;XXXX&nbsp;
+ &nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;
+ &nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;
+ &nbsp;X&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;X&nbsp;XXXX&nbsp;XXXX&nbsp;
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/reftest.list b/layout/reftests/writing-mode/tables/reftest.list
new file mode 100644
index 0000000000..5ba2bf9c0e
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/reftest.list
@@ -0,0 +1,96 @@
+== vertical-table-1a.html vertical-table-1-ref.html
+== vertical-table-1b.html vertical-table-1-ref.html
+== vertical-table-2a.html vertical-table-2-ref.html
+fuzzy(0-3,0-750) == vertical-table-2b.html vertical-table-2-ref.html
+== vertical-table-rowspan-1.html vertical-table-rowspan-1-ref.html
+== vertical-table-rowspan-2.html vertical-table-rowspan-2-ref.html
+== vertical-table-colspan-1.html vertical-table-colspan-1-ref.html
+== vertical-table-colspan-2.html vertical-table-colspan-2-ref.html
+== vertical-table-specified-width-1.html vertical-table-specified-width-1-ref.html
+== vertical-table-specified-width-2.html vertical-table-specified-width-2-ref.html
+fuzzy-if(cocoaWidget,0-141,0-24) == vertical-border-collapse-1.html vertical-border-collapse-1-ref.html
+fuzzy-if(cocoaWidget,0-141,0-24) == vertical-border-collapse-2.html vertical-border-collapse-2-ref.html
+
+== fixed-table-layout-002-vlr.html fixed-table-layout-002-ref.html
+== fixed-table-layout-003-vlr.html fixed-table-layout-002-ref.html
+== fixed-table-layout-004-vlr.html fixed-table-layout-004-ref.html
+== fixed-table-layout-005-vlr.html fixed-table-layout-005-ref.html
+== fixed-table-layout-006-vlr.html fixed-table-layout-006-ref.html
+== fixed-table-layout-007-vlr.html fixed-table-layout-007-ref.html
+== fixed-table-layout-009-vlr.html fixed-table-layout-009-ref.html
+fuzzy-if(Android,0-255,0-400) == fixed-table-layout-010-vlr.html fixed-table-layout-010-ref.html
+== fixed-table-layout-012-vlr.html fixed-table-layout-012-ref.html
+== fixed-table-layout-013-vlr.html fixed-table-layout-002-ref.html
+== fixed-table-layout-014-vlr.html fixed-table-layout-002-ref.html
+== fixed-table-layout-015-vlr.html fixed-table-layout-002-ref.html
+== fixed-table-layout-016-vlr.html fixed-table-layout-002-ref.html
+fuzzy(0-1,0-56) fuzzy-if(Android,0-1,0-63) == fixed-table-layout-017-vlr.html fixed-table-layout-017-ref.html
+fuzzy(0-1,0-56) fuzzy-if(Android,0-1,0-63) == fixed-table-layout-018-vlr.html fixed-table-layout-017-ref.html
+fuzzy(0-1,0-102) == fixed-table-layout-021-vlr.html fixed-table-layout-021-ref.html
+fuzzy(0-1,0-102) == fixed-table-layout-022-vlr.html fixed-table-layout-022-ref.html
+fuzzy(0-1,0-102) == fixed-table-layout-023-vlr.html fixed-table-layout-023-ref.html
+== fixed-table-layout-025-vlr.html fixed-table-layout-025-ref.html
+== fixed-table-layout-026-vlr.html fixed-table-layout-025-ref.html
+== fixed-table-layout-027-vlr.html fixed-table-layout-025-ref.html
+== fixed-table-layout-028-vlr.html fixed-table-layout-025-ref.html
+== fixed-table-layout-029-vlr.html fixed-table-layout-025-ref.html
+== fixed-table-layout-030-vlr.html fixed-table-layout-025-ref.html
+== fixed-table-layout-031-vlr.html fixed-table-layout-025-ref.html
+
+== fixed-table-layout-002-vrl.html fixed-table-layout-002-ref.html
+== fixed-table-layout-003-vrl.html fixed-table-layout-002-ref.html
+== fixed-table-layout-004-vrl.html fixed-table-layout-004-ref.html
+== fixed-table-layout-005-vrl.html fixed-table-layout-005-ref.html
+== fixed-table-layout-006-vrl.html fixed-table-layout-006-ref.html
+== fixed-table-layout-007-vrl.html fixed-table-layout-007-ref.html
+== fixed-table-layout-009-vrl.html fixed-table-layout-009-ref.html
+fuzzy-if(Android,0-255,0-400) == fixed-table-layout-010-vrl.html fixed-table-layout-010-ref.html
+== fixed-table-layout-012-vrl.html fixed-table-layout-012-ref.html
+== fixed-table-layout-013-vrl.html fixed-table-layout-002-ref.html
+== fixed-table-layout-014-vrl.html fixed-table-layout-002-ref.html
+== fixed-table-layout-015-vrl.html fixed-table-layout-002-ref.html
+== fixed-table-layout-016-vrl.html fixed-table-layout-002-ref.html
+fuzzy(0-1,0-56) fuzzy-if(Android,0-1,0-63) == fixed-table-layout-017-vrl.html fixed-table-layout-017-ref.html
+fuzzy(0-1,0-56) fuzzy-if(Android,0-1,0-63) == fixed-table-layout-018-vrl.html fixed-table-layout-017-ref.html
+fuzzy(0-1,0-102) == fixed-table-layout-021-vrl.html fixed-table-layout-021-ref.html
+fuzzy(0-1,0-102) == fixed-table-layout-022-vrl.html fixed-table-layout-022-ref.html
+fuzzy(0-1,0-102) == fixed-table-layout-023-vrl.html fixed-table-layout-023-ref.html
+== fixed-table-layout-025-vrl.html fixed-table-layout-025-ref.html
+== fixed-table-layout-026-vrl.html fixed-table-layout-025-ref.html
+== fixed-table-layout-027-vrl.html fixed-table-layout-025-ref.html
+== fixed-table-layout-028-vrl.html fixed-table-layout-025-ref.html
+== fixed-table-layout-029-vrl.html fixed-table-layout-025-ref.html
+== fixed-table-layout-030-vrl.html fixed-table-layout-025-ref.html
+== fixed-table-layout-031-vrl.html fixed-table-layout-025-ref.html
+
+== s72-border-spacing-002.xht s72-border-spacing-002-ref.xht
+== s72-border-spacing-003.xht s72-border-spacing-002-ref.xht
+== s72-border-spacing-004.xht s72-border-spacing-002-ref.xht
+== s72-border-spacing-005.xht s72-border-spacing-002-ref.xht
+fuzzy-if(winWidget,0-48,0-600) fuzzy-if(cocoaWidget,0-19,0-97) == wm-row-progression-002.xht multicol-count-002-ref.xht
+fuzzy-if(winWidget,0-48,0-600) fuzzy-if(cocoaWidget,0-19,0-97) == wm-row-progression-003.xht multicol-count-002-ref.xht
+fuzzy-if(winWidget,0-48,0-600) fuzzy-if(cocoaWidget,0-19,0-97) == wm-row-progression-004.xht multicol-count-002-ref.xht
+fuzzy-if(winWidget,0-48,0-600) fuzzy-if(cocoaWidget,0-19,0-97) == wm-row-progression-005.xht multicol-count-002-ref.xht
+fuzzy-if(winWidget,0-48,0-600) fuzzy-if(cocoaWidget,0-19,0-97) == wm-row-progression-006.xht multicol-count-002-ref.xht
+fuzzy-if(winWidget,0-48,0-600) fuzzy-if(cocoaWidget,0-19,0-97) == wm-row-progression-007.xht multicol-count-002-ref.xht
+
+fuzzy-if(Android,0-255,0-38) == table-caption-top-1.html table-caption-top-1-ref.html
+fuzzy-if(Android,0-255,0-38) == table-caption-bottom-1.html table-caption-bottom-1-ref.html
+
+== border-collapse-bevels-1a.html border-collapse-bevels-1-ref.html
+fuzzy-if(cocoaWidget,0-23,0-162) == border-collapse-bevels-1b.html border-collapse-bevels-1-ref.html
+fuzzy-if(cocoaWidget,0-23,0-162) == border-collapse-bevels-1c.html border-collapse-bevels-1-ref.html
+fuzzy-if(cocoaWidget,0-23,0-162) == border-collapse-bevels-1d.html border-collapse-bevels-1-ref.html
+fuzzy-if(cocoaWidget,0-23,0-162) == border-collapse-bevels-1e.html border-collapse-bevels-1-ref.html
+
+== vertical-rl-row-progression-1a.html vertical-rl-row-progression-1-ref.html
+== vertical-rl-row-progression-1b.html vertical-rl-row-progression-1-ref.html
+== sideways-lr-row-progression-1a.html sideways-lr-row-progression-1-ref.html
+== sideways-lr-row-progression-1b.html sideways-lr-row-progression-1-ref.html
+== sideways-rl-row-progression-1a.html sideways-rl-row-progression-1-ref.html
+== sideways-rl-row-progression-1b.html sideways-rl-row-progression-1-ref.html
+
+== 1259168-ref.html 1259168-vrl.html
+== 1259168-ref.html 1259168-vlr.html
+== 1259168-ref.html 1259168-srl.html
+== 1259168-ref.html 1259168-slr.html
diff --git a/layout/reftests/writing-mode/tables/s72-border-spacing-002-ref.xht b/layout/reftests/writing-mode/tables/s72-border-spacing-002-ref.xht
new file mode 100644
index 0000000000..958ba060f1
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/s72-border-spacing-002-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+  <meta name="flags" content="image" />
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+  <div><img src="support/swatch-green.png" width="100" height="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/s72-border-spacing-002.xht b/layout/reftests/writing-mode/tables/s72-border-spacing-002.xht
new file mode 100644
index 0000000000..3e8ba5d5e0
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/s72-border-spacing-002.xht
@@ -0,0 +1,144 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: border-spacing - first value is specified and non-zero in 'vertical-rl' table</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping" title="7.2 Dimension Mapping" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+  <link rel="match" href="s72-border-spacing-002-ref.xht" />
+
+  <!--
+  To be replaced with
+  <link rel="match" href="border-spacing-wm-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table right padding (physical table top padding) and rightmost cells and b) inter-column spacing and c) spacing between leftmost cells and logical table left padding (physical table bottom padding)." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  table
+    {
+      border-spacing: 0.5em 0em; /* computes to logical horizontal border-spacing: 10px */
+      font: 1.25em/1 Ahem; /* computes to 20px/20px */
+      padding: 1.25em 0em; /* computes to padding-top: 25px and padding-bottom: 25px */
+      -ah-writing-mode: vertical-rl;
+      -webkit-writing-mode: vertical-rl;
+      writing-mode: tb-rl; /* IE11 */
+      writing-mode: vertical-rl;
+    }
+
+  td
+    {
+      height: 0.5em;
+      padding: 0em;
+      width: 1em;
+    }
+
+  /*
+
+         0px       width of nth row        20px                           TOP
+         |                                 |
+         ===================================     0x (0em)                 |||
+         | table padding-top 25px (1.25em) |                              |||
+         |    with red background=color    |                            \ ||| /
+         |    with red background=color    |                             \   /
+         |    with red background=color    |                              \ /
+         |    with red background=color    |                               v
+         ===================================    25px (1.25em)
+         |logical righ border-spacing: 10px|
+         |    with red background=color    |
+         ===================================    35px (1.75em)
+         |  height of 1st td 10px (0.5em)  |                              |||
+         |    with red background=color    |                              |||
+         ===================================    45px (2.25em)           \ ||| /
+         |inter-column spacing 10px (0.5em)|                             \   /
+         |    with red background=color    |                              \ /
+         ===================================    55px (2.75em)              v
+         |  height of 2nd td 10px (0.5em)  |
+         |    with red background=color    |
+         ===================================    65px (3.25em)
+         |logical left border-spacing: 10px|                              |||
+         |    with red background=color    |                              |||
+         ===================================    75px (3.75em)           \ ||| /
+         |tble padding-bottom 25px (1.25em)|                             \   /
+         |    with red background=color    |                              \ /
+         |    with red background=color    |                               v
+         |    with red background=color    |
+         |    with red background=color    |
+         ===================================   100px (5em)              BOTTOM
+
+  */
+
+  div#reference-overlapping-green
+    {
+      background-color: green;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+    }
+
+  div#reference-overlapped-red
+    {
+      background-color: red;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+      z-index: -1;
+    }
+
+  table#test-overlapped-red
+    {
+      background-color: red;
+    }
+
+  table#test-overlapping-green
+    {
+      background-color: green;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+  <div id="reference-overlapping-green"></div>
+
+  <table id="test-overlapped-red">
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+  </table>
+
+  <div id="reference-overlapped-red"></div>
+
+  <table id="test-overlapping-green">
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/s72-border-spacing-003.xht b/layout/reftests/writing-mode/tables/s72-border-spacing-003.xht
new file mode 100644
index 0000000000..eba0a9dd51
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/s72-border-spacing-003.xht
@@ -0,0 +1,144 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: border-spacing - first value is specified and non-zero in 'vertical-lr' table</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping" title="7.2 Dimension Mapping" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+  <link rel="match" href="s72-border-spacing-002-ref.xht" />
+
+  <!--
+  To be replaced with
+  <link rel="match" href="border-spacing-wm-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table left padding (physical table top padding) and leftmost cells and b) inter-column spacing and c) spacing between rightmost cells and logical table right padding (physical table bottom padding)." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  table
+    {
+      border-spacing: 0.5em 0em; /* computes to logical horizontal border-spacing: 10px */
+      font: 1.25em/1 Ahem; /* computes to 20px/20px */
+      padding: 1.25em 0em; /* computes to padding-top: 25px and padding-bottom: 25px */
+      -ah-writing-mode: vertical-lr;
+      -webkit-writing-mode: vertical-lr;
+      writing-mode: tb-lr; /* IE11 */
+      writing-mode: vertical-lr;
+    }
+
+  td
+    {
+      height: 0.5em;
+      padding: 0em;
+      width: 1em;
+    }
+
+  /*
+
+         0px       width of nth row        20px                           TOP
+         |                                 |
+         ===================================     0x (0em)                 |||
+         | table padding-top 25px (1.25em) |                              |||
+         |    with red background=color    |                            \ ||| /
+         |    with red background=color    |                             \   /
+         |    with red background=color    |                              \ /
+         |    with red background=color    |                               v
+         ===================================    25px (1.25em)
+         |logical left border-spacing: 10px|
+         |    with red background=color    |
+         ===================================    35px (1.75em)
+         |  height of 1st td 10px (0.5em)  |                              |||
+         |    with red background=color    |                              |||
+         ===================================    45px (2.25em)           \ ||| /
+         |inter-column spacing 10px (0.5em)|                             \   /
+         |    with red background=color    |                              \ /
+         ===================================    55px (2.75em)              v
+         |  height of 2nd td 10px (0.5em)  |
+         |    with red background=color    |
+         ===================================    65px (3.25em)
+         |logical righ border-spacing: 10px|                              |||
+         |    with red background=color    |                              |||
+         ===================================    75px (3.75em)           \ ||| /
+         |tble padding-bottom 25px (1.25em)|                             \   /
+         |    with red background=color    |                              \ /
+         |    with red background=color    |                               v
+         |    with red background=color    |
+         |    with red background=color    |
+         ===================================   100px (5em)              BOTTOM
+
+  */
+
+  div#reference-overlapping-green
+    {
+      background-color: green;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+    }
+
+  div#reference-overlapped-red
+    {
+      background-color: red;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+      z-index: -1;
+    }
+
+  table#test-overlapped-red
+    {
+      background-color: red;
+    }
+
+  table#test-overlapping-green
+    {
+      background-color: green;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+  <div id="reference-overlapping-green"></div>
+
+  <table id="test-overlapped-red">
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+  </table>
+
+  <div id="reference-overlapped-red"></div>
+
+  <table id="test-overlapping-green">
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+    <tr><td></td><td></td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/s72-border-spacing-004.xht b/layout/reftests/writing-mode/tables/s72-border-spacing-004.xht
new file mode 100644
index 0000000000..db81c77c87
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/s72-border-spacing-004.xht
@@ -0,0 +1,124 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: border-spacing - second value is specified and non-zero in 'vertical-rl' table</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping" title="7.2 Dimension Mapping" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+  <link rel="match" href="s72-border-spacing-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that second value of 'border-spacing' represents, from right to left, a) spacing between logical table top padding (physical table right padding) and topmost cells and b) inter-row spacing and c) between bottommost cells and logical table bottom padding (physical table left padding)." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  table
+    {
+      border-spacing: 0em 0.5em; /* computes to logical vertical border-spacing: 10px */
+      font: 1.25em/1 Ahem; /* computes to 20px/20px */
+      padding: 0em 1.25em; /* computes to padding-left: 25px and padding-right: 25px */
+      -ah-writing-mode: vertical-rl;
+      -webkit-writing-mode: vertical-rl;
+      writing-mode: tb-rl; /* IE11 */
+      writing-mode: vertical-rl;
+    }
+
+  td
+    {
+      height: 1em;
+      padding: 0em;
+      width: 0.5em;
+    }
+
+  /*
+
+  0px             25px     35px     45px     55px     65px     75px            100px
+  | padding-left   |  left  |  2nd   | middle |  1st   |  right | padding-right|
+  |   of table     |  vert. |  right |  vert. |  right |  vert. |   of table   |
+  |                | border |  most  | border |  most  | border |              |
+  |                | spacing|   row  | spacing|  row   | spacing|              |
+20|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+40|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+60|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+80|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+00|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+
+  */
+
+  div#reference-overlapping-green
+    {
+      background-color: green;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+    }
+
+  div#reference-overlapped-red
+    {
+      background-color: red;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+      z-index: -1;
+    }
+
+  table#test-overlapped-red
+    {
+      background-color: red;
+    }
+
+  table#test-overlapping-green
+    {
+      background-color: green;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+  <div id="reference-overlapping-green"></div>
+
+  <table id="test-overlapped-red">
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+  </table>
+
+  <div id="reference-overlapped-red"></div>
+
+  <table id="test-overlapping-green">
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/s72-border-spacing-005.xht b/layout/reftests/writing-mode/tables/s72-border-spacing-005.xht
new file mode 100644
index 0000000000..0fd61d0f22
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/s72-border-spacing-005.xht
@@ -0,0 +1,124 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: border-spacing - second value is specified and non-zero in 'vertical-lr' table</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping" title="7.2 Dimension Mapping" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+  <link rel="match" href="s72-border-spacing-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that second value of 'border-spacing' represents, from left to right, a) spacing between logical table top padding (physical table left padding) and topmost cells and b) inter-row spacing and c) spacing between bottommost cells and logical table bottom padding (physical table right padding)." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  table
+    {
+      border-spacing: 0em 0.5em; /* computes to logical vertical border-spacing: 10px */
+      font: 1.25em/1 Ahem; /* computes to 20px/20px */
+      padding: 0em 1.25em; /* computes to padding-left: 25px and padding-right: 25px */
+      -ah-writing-mode: vertical-lr;
+      -webkit-writing-mode: vertical-lr;
+      writing-mode: tb-lr; /* IE11 */
+      writing-mode: vertical-lr;
+    }
+
+  td
+    {
+      height: 1em;
+      padding: 0em;
+      width: 0.5em;
+    }
+
+  /*
+
+  0px             25px     35px     45px     55px     65px     75px            100px
+  | padding-left   |  left  |  2nd   | middle |  1st   |  right | padding-right|
+  |   of table     |  vert. |  row   |  vert. |  right |  vert. |   of table   |
+  |                | border |        | border |  most  | border |              |
+  |                | spacing|        | spacing|  row   | spacing|              |
+20|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+40|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+60|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+80|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+  |                |        |        |        |        |        |              |
+00|                |        |        |        |        |        |              |
+px|                |        |        |        |        |        |              |
+
+  */
+
+  div#reference-overlapping-green
+    {
+      background-color: green;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+    }
+
+  div#reference-overlapped-red
+    {
+      background-color: red;
+      height: 6.25em;
+      position: absolute;
+      width: 6.25em;
+      z-index: -1;
+    }
+
+  table#test-overlapped-red
+    {
+      background-color: red;
+    }
+
+  table#test-overlapping-green
+    {
+      background-color: green;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+  <div id="reference-overlapping-green"></div>
+
+  <table id="test-overlapped-red">
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+  </table>
+
+  <div id="reference-overlapped-red"></div>
+
+  <table id="test-overlapping-green">
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+    <tr><td></td><td></td><td></td><td></td><td></td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1-ref.html b/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1-ref.html
new file mode 100644
index 0000000000..930ce16dd9
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1-ref.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<title>CSS Reference: sideways-lr Table Row/Rowgroup/Cell Ordering</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jfkthame@gmail.com">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+<!-- based on vertical-rl Table Row/Rowgroup/Cell Ordering tests by Elika J. Etemad -->
+
+<style>
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table>
+  <tr>
+    <td rowspan=2>
+    <td class="e">
+    <td rowspan=2 colspan=2>
+    <td rowspan=3>
+    <td class="d">
+  </tr>
+  <tr>
+    <td rowspan=2>
+    <td class="c">
+  </tr>
+  <tr>
+    <td class="b">
+    <td class="f">
+    <td class="g">
+    <td rowspan=2>
+  </tr>
+  <tr>
+    <td class="a">
+    <td colspan=3>
+    <td class="h">
+  </tr>
+</table>
diff --git a/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1a.html b/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1a.html
new file mode 100644
index 0000000000..68d15a91c9
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1a.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jfkthame@gmail.com">
+<meta name="assert" content="This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) per 'direction'.">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+<!-- based on vertical-rl Table Row/Rowgroup/Cell Ordering tests by Elika J. Etemad -->
+
+<style>
+  .test {
+    writing-mode: sideways-lr;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table class="test">
+  <thead>
+    <tr>
+      <td class="a">
+      <td class="b">
+      <td colspan=2>
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <td colspan=2>
+      <td class="c">
+      <td class="d">
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <td rowspan=3>
+      <td colspan=2>
+      <td class="e">
+    </tr>
+    <tr>
+      <td class="f">
+      <td rowspan=2 colspan=2>
+    </tr>
+    <tr>
+      <td class="g">
+    </tr>
+  </tbody>
+  <tbody>
+    <tr>
+      <td class="h">
+      <td colspan=3>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1b.html b/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1b.html
new file mode 100644
index 0000000000..70172efb94
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/sideways-lr-row-progression-1b.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jfkthame@gmail.com">
+<meta name="assert" content="This test checks that sideways-lr tables order rows/rowgroups left to right and cells top-to-bottom (RTL) per 'direction'.">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+<!-- based on vertical-rl Table Row/Rowgroup/Cell Ordering tests by Elika J. Etemad -->
+
+<style>
+  .test {
+    writing-mode: sideways-lr;
+    direction: rtl;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table class="test">
+  <thead>
+    <tr>
+      <td colspan=2>
+      <td class="b">
+      <td class="a">
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <td class="d">
+      <td class="c">
+      <td colspan=2>
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <td class="e">
+      <td colspan=2>
+      <td rowspan=3>
+    </tr>
+    <tr>
+      <td rowspan=2 colspan=2>
+      <td class="f">
+    </tr>
+    <tr>
+      <td class="g">
+    </tr>
+  </tbody>
+  <tbody>
+    <tr>
+      <td colspan=3>
+      <td class="h">
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1-ref.html b/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1-ref.html
new file mode 100644
index 0000000000..64f29765e7
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<title>CSS Reference: sideways-rl Table Row/Rowgroup/Cell Ordering</title>
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+<!-- based on equivalent testcase for vertical-rl mode by Elika J. Etemad -->
+
+<style>
+  .test {
+    writing-mode: sideways-rl;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table class="reference">
+  <tr>
+    <td rowspan=2>
+    <td class="h">
+    <td colspan=3">
+    <td class="a">
+  </tr>
+  <tr>
+    <td rowspan=3">
+    <td class="g">
+    <td class="f">
+    <td rowspan=2">
+    <td class="b">
+  </tr>
+  <tr>
+    <td class="c">
+    <td rowspan=2 colspan=2>
+    <td rowspan=2>
+  </tr>
+  <tr>
+    <td class="d">
+    <td class="e">
+  </tr>
+</table>
diff --git a/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1a.html b/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1a.html
new file mode 100644
index 0000000000..c2096757f7
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1a.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title>
+<meta name="assert" content="This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) per 'direction'.">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+<!-- based on equivalent testcase for vertical-rl mode by Elika J. Etemad -->
+
+<style>
+  .test {
+    writing-mode: sideways-rl;
+    direction: ltr;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table class="test">
+  <thead>
+    <tr>
+      <td class="a">
+      <td class="b">
+      <td colspan=2>
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <td colspan=2>
+      <td class="c">
+      <td class="d">
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <td rowspan=3>
+      <td colspan=2>
+      <td class="e">
+    </tr>
+    <tr>
+      <td class="f">
+      <td rowspan=2 colspan=2>
+    </tr>
+    <tr>
+      <td class="g">
+    </tr>
+  </tbody>
+  <tbody>
+    <tr>
+      <td class="h">
+      <td colspan=3>
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1b.html b/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1b.html
new file mode 100644
index 0000000000..5ef6875511
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/sideways-rl-row-progression-1b.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title>
+<meta name="assert" content="This test checks that sideways-rl tables order rows/rowgroups right to left and cells bottom-to-top (RTL) per 'direction'.">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+<!-- based on equivalent testcase for vertical-rl mode by Elika J. Etemad -->
+
+<style>
+  .test {
+    writing-mode: sideways-rl;
+    direction: rtl;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table class="test">
+  <thead>
+    <tr>
+      <td colspan=2>
+      <td class="b">
+      <td class="a">
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <td class="d">
+      <td class="c">
+      <td colspan=2>
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <td class="e">
+      <td colspan=2>
+      <td rowspan=3>
+    </tr>
+    <tr>
+      <td rowspan=2 colspan=2>
+      <td class="f">
+    </tr>
+    <tr>
+      <td class="g">
+    </tr>
+  </tbody>
+  <tbody>
+    <tr>
+      <td colspan=3>
+      <td class="h">
+    </tr>
+  </tbody>
+</table>
diff --git a/layout/reftests/writing-mode/tables/support/ahem.css b/layout/reftests/writing-mode/tables/support/ahem.css
new file mode 100644
index 0000000000..cf2cd818f4
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: Ahem;
+  src: url("../../../fonts/Ahem.ttf");
+}
diff --git a/layout/reftests/writing-mode/tables/support/swatch-green.png b/layout/reftests/writing-mode/tables/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
Binary files /dev/null and b/layout/reftests/writing-mode/tables/support/swatch-green.png differ
diff --git a/layout/reftests/writing-mode/tables/table-caption-bottom-1-ref.html b/layout/reftests/writing-mode/tables/table-caption-bottom-1-ref.html
new file mode 100644
index 0000000000..ae36e72e88
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/table-caption-bottom-1-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html {
+  font: 0px sans-serif;
+}
+body > div {
+  margin-bottom: 10px;
+}
+.h {
+  writing-mode: horizontal-tb;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+.t {
+  width: 200px;
+  height: 100px;
+  background: silver;
+}
+.c {
+  background: cyan;
+  text-align: center;
+  min-block-size: 20px;
+  font-size: 12px;
+}
+</style>
+</head>
+<body>
+
+<div class="h">
+  <div class="t"></div>
+  <div class="c" style="width: 200px">table caption</div>
+</div>
+
+<div class="h">
+  <div class="t"></div>
+  <div class="c" style="width: 200px">table caption</div>
+</div>
+
+<div class="vlr">
+  <div class="t"></div>
+  <div class="c" style="height: 100px">table caption</div>
+</div>
+
+<div class="vrl">
+  <div class="t"></div>
+  <div class="c" style="height: 100px">table caption</div>
+</div>
diff --git a/layout/reftests/writing-mode/tables/table-caption-bottom-1.html b/layout/reftests/writing-mode/tables/table-caption-bottom-1.html
new file mode 100644
index 0000000000..74cd13dd2a
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/table-caption-bottom-1.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html {
+  font: 12px sans-serif;
+}
+.h {
+  writing-mode: horizontal-tb;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+.ltr {
+  direction: ltr;
+}
+.rtl {
+  direction: rtl;
+}
+table {
+  border-spacing: 0;
+  margin-bottom: 10px;
+  caption-side: bottom;
+}
+td {
+  width: 200px;
+  height: 100px;
+  background: silver;
+  padding: 0;
+}
+caption {
+  background: cyan;
+  min-block-size: 20px;
+}
+</style>
+</head>
+<body>
+
+<table class="h ltr">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
+
+<table class="h rtl">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
+
+<table class="vlr ltr">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
+
+<table class="vrl ltr">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
diff --git a/layout/reftests/writing-mode/tables/table-caption-top-1-ref.html b/layout/reftests/writing-mode/tables/table-caption-top-1-ref.html
new file mode 100644
index 0000000000..ac90c6ec20
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/table-caption-top-1-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html {
+  font: 0px sans-serif;
+}
+body > div {
+  margin-bottom: 10px;
+}
+.h {
+  writing-mode: horizontal-tb;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+.t {
+  width: 200px;
+  height: 100px;
+  background: silver;
+}
+.c {
+  background: cyan;
+  text-align: center;
+  min-block-size: 20px;
+  font-size: 12px;
+}
+</style>
+</head>
+<body>
+
+<div class="h">
+  <div class="c" style="width: 200px">table caption</div>
+  <div class="t"></div>
+</div>
+
+<div class="h">
+  <div class="c" style="width: 200px">table caption</div>
+  <div class="t"></div>
+</div>
+
+<div class="vlr">
+  <div class="c" style="height: 100px">table caption</div>
+  <div class="t"></div>
+</div>
+
+<div class="vrl">
+  <div class="c" style="height: 100px">table caption</div>
+  <div class="t"></div>
+</div>
diff --git a/layout/reftests/writing-mode/tables/table-caption-top-1.html b/layout/reftests/writing-mode/tables/table-caption-top-1.html
new file mode 100644
index 0000000000..5955d01461
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/table-caption-top-1.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html {
+  font: 12px sans-serif;
+}
+.h {
+  writing-mode: horizontal-tb;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+.ltr {
+  direction: ltr;
+}
+.rtl {
+  direction: rtl;
+}
+table {
+  border-spacing: 0;
+  margin-bottom: 10px;
+  caption-side: top;
+}
+td {
+  width: 200px;
+  height: 100px;
+  background: silver;
+  padding: 0;
+}
+caption {
+  background: cyan;
+  min-block-size: 20px;
+}
+</style>
+</head>
+<body>
+
+<table class="h ltr">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
+
+<table class="h rtl">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
+
+<table class="vlr ltr">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
+
+<table class="vrl ltr">
+  <caption>table caption</caption>
+  <tr><td></td></tr>
+</table>
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-1-ref.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-1-ref.html
new file mode 100644
index 0000000000..30e67d7dda
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-1-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+tr:nth-child(2) > td {
+  height: 80px;
+}
+tr:nth-child(4) > td {
+  height: 120px;
+}
+col:nth-child(even) {
+  background: #ffc;
+}
+col:nth-child(odd) {
+  background: #cff;
+}
+col:nth-child(1) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<col/><col/><col/><col/><col/>
+<tr> <td rowspan=3> </td> <td colspan=3> </td>   <td> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr> <td> </td> <td> </td> <td colspan=2> </td>  <td> </td> </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-1.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-1.html
new file mode 100644
index 0000000000..599302ff79
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-1.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+  writing-mode: vertical-lr;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+td.w1 {
+  height: 80px;
+}
+td.w2 {
+  height: 120px;
+}
+tr:nth-child(even) {
+  background: #ffc;
+}
+tr:nth-child(odd) {
+  background: #cff;
+}
+tr:nth-child(1) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr><td colspan=3> </td>                               <td> </td>           </tr>
+<tr><td rowspan=3> </td><td class="w1"> </td><td> </td><td> </td>           </tr>
+<tr>                    <td> </td>           <td> </td><td rowspan=2> </td> </tr>
+<tr>                    <td> </td>           <td> </td>                     </tr>
+<tr><td> </td>          <td> </td>           <td> </td><td class="w2"> </td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-2-ref.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-2-ref.html
new file mode 100644
index 0000000000..a74ee00655
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-2-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+tr:nth-child(2) > td {
+  height: 80px;
+}
+tr:nth-child(4) > td {
+  height: 120px;
+}
+col:nth-child(even) {
+  background: #ffc;
+}
+col:nth-child(odd) {
+  background: #cff;
+}
+col:nth-child(5) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<col/><col/><col/><col/><col/>
+<tr> <td> </td> <td colspan=3> </td> <td rowspan=3> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr> <td> </td> <td colspan=2 style="background:#cff"> </td> <td> </td> <td> </td> </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-2.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-2.html
new file mode 100644
index 0000000000..9c602ebdbb
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-2.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+  writing-mode: vertical-rl;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+td.w1 {
+  height: 80px;
+}
+td.w2 {
+  height: 120px;
+}
+tr:nth-child(even) {
+  background: #ffc;
+}
+tr:nth-child(odd) {
+  background: #cff;
+}
+tr:nth-child(1) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr><td colspan=3> </td>                               <td> </td>           </tr>
+<tr><td rowspan=3> </td><td class="w1"> </td><td> </td><td> </td>           </tr>
+<tr>                    <td> </td>           <td> </td><td rowspan=2> </td> </tr>
+<tr>                    <td> </td>           <td> </td>                     </tr>
+<tr><td> </td>          <td> </td>           <td> </td><td class="w2"> </td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1-ref.html b/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1-ref.html
new file mode 100644
index 0000000000..60afb00d9b
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<title>CSS Reference: vertical-rl Table Row/Rowgroup/Cell Ordering</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+
+<style>
+  .test {
+    writing-mode: vertical-rl;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table class="reference">
+  <tr>
+    <td rowspan=2>
+    <td class="h">
+    <td colspan=3">
+    <td class="a">
+  <tr>
+    <td rowspan=3">
+    <td class="g">
+    <td class="f">
+    <td rowspan=2">
+    <td class="b">
+  <tr>
+    <td class="c">
+    <td rowspan=2 colspan=2>
+    <td rowspan=2>
+  <tr>
+    <td class="d">
+    <td class="e">
+</table>
diff --git a/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1a.html b/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1a.html
new file mode 100644
index 0000000000..6b0929495f
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1a.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+<meta name="assert" content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) per 'direction'.">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+
+<style>
+  .test {
+    writing-mode: vertical-rl;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table class="test">
+  <thead>
+    <tr>
+      <td class="a">
+      <td class="b">
+      <td colspan=2>
+  <tfoot>
+    <tr>
+      <td colspan=2> 
+      <td class="c">
+      <td class="d">
+  <tbody>
+    <tr>
+      <td rowspan=3>
+      <td colspan=2>
+      <td class="e">
+    <tr>
+      <td class="f">
+      <td rowspan=2 colspan=2>
+    <tr>
+      <td class="g">
+  <tbody>
+    <tr>
+      <td class="h">
+      <td colspan=3>
+</table>
diff --git a/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1b.html b/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1b.html
new file mode 100644
index 0000000000..69f4f52e6c
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-rl-row-progression-1b.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+<meta name="assert" content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells bottom-to-top (RTL) per 'direction'.">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+
+<style>
+  .test {
+    writing-mode: vertical-rl;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: 1em;
+  }
+  td {
+    width: 1em;
+    height: 1em;
+    border: solid gray;
+  }
+
+  .a { background: navy}
+  .b { background: blue }
+  .c { background: aqua }
+  .d { background: teal }
+  .e { background: purple }
+  .f { background: fuchsia }
+  .g { background: yellow }
+  .h { background: orange }
+</style>
+
+<table dir=rtl class="test">
+  <thead>
+    <tr>
+      <td colspan=2>
+      <td class="b">
+      <td class="a">
+  <tfoot>
+    <tr>
+      <td class="d">
+      <td class="c">
+      <td colspan=2> 
+  <tbody>
+    <tr>
+      <td class="e">
+      <td colspan=2>
+      <td rowspan=3>
+    <tr>
+      <td rowspan=2 colspan=2>
+      <td class="f">
+    <tr>
+      <td class="g">
+  <tbody>
+    <tr>
+      <td colspan=3>
+      <td class="h">
+</table>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-1-ref.html b/layout/reftests/writing-mode/tables/vertical-table-1-ref.html
new file mode 100644
index 0000000000..093acf6b03
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+#r1c1 { background: #003; }
+#r1c2 { background: #007; }
+#r1c3 { background: #00b; }
+#r1c4 { background: #00f; }
+#r2c1 { background: #030; }
+#r2c2 { background: #070; }
+#r2c3 { background: #0b0; }
+#r2c4 { background: #0f0; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r2c1"></td>
+</tr>
+<tr>
+  <td id="r1c2"></td>
+  <td id="r2c2"></td>
+</tr>
+<tr>
+  <td id="r1c3"></td>
+  <td id="r2c3"></td>
+</tr>
+<tr>
+  <td id="r1c4"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-1a.html b/layout/reftests/writing-mode/tables/vertical-table-1a.html
new file mode 100644
index 0000000000..aea9a2198d
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-1a.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-lr; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+#r1c1 { background: #003; }
+#r1c2 { background: #007; }
+#r1c3 { background: #00b; }
+#r1c4 { background: #00f; }
+#r2c1 { background: #030; }
+#r2c2 { background: #070; }
+#r2c3 { background: #0b0; }
+#r2c4 { background: #0f0; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-1b.html b/layout/reftests/writing-mode/tables/vertical-table-1b.html
new file mode 100644
index 0000000000..8acd2ab109
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-1b.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-rl; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+#r1c1 { background: #003; }
+#r1c2 { background: #007; }
+#r1c3 { background: #00b; }
+#r1c4 { background: #00f; }
+#r2c1 { background: #030; }
+#r2c2 { background: #070; }
+#r2c3 { background: #0b0; }
+#r2c4 { background: #0f0; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-2-ref.html b/layout/reftests/writing-mode/tables/vertical-table-2-ref.html
new file mode 100644
index 0000000000..2e5b9fb2a1
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-2-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+td {
+  border-left: 1px solid red;
+  border-right: 5px solid green;
+  border-top: 3px solid blue;
+  border-bottom: 5px dotted silver;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r2c1"></td>
+</tr>
+<tr>
+  <td id="r1c2"></td>
+  <td id="r2c2"></td>
+</tr>
+<tr>
+  <td id="r1c3"></td>
+  <td id="r2c3"></td>
+</tr>
+<tr>
+  <td id="r1c4"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-2a.html b/layout/reftests/writing-mode/tables/vertical-table-2a.html
new file mode 100644
index 0000000000..e735076177
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-2a.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-lr; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+td {
+  border-left: 1px solid red;
+  border-right: 5px solid green;
+  border-top: 3px solid blue;
+  border-bottom: 5px dotted silver;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-2b.html b/layout/reftests/writing-mode/tables/vertical-table-2b.html
new file mode 100644
index 0000000000..b075388172
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-2b.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-rl; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+td {
+  border-left: 1px solid red;
+  border-right: 5px solid green;
+  border-top: 3px solid blue;
+  border-bottom: 5px dotted silver;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-colspan-1-ref.html b/layout/reftests/writing-mode/tables/vertical-table-colspan-1-ref.html
new file mode 100644
index 0000000000..3c902df9db
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-colspan-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+td { border: 1px solid black; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px; background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" rowspan=2></td>
+  <td class="r2 c1"></td>
+  <td class="r3 c1" rowspan=4></td>
+</tr>
+<tr>
+  <td class="r2 c2"></td>
+</tr>
+<tr>
+  <td class="r1 c3"></td>
+  <td class="r2 c3" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r1 c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-colspan-1.html b/layout/reftests/writing-mode/tables/vertical-table-colspan-1.html
new file mode 100644
index 0000000000..b93851d16c
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-colspan-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-lr; }
+td { border: 1px solid black; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px ;background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2></td>
+  <td class="r1 c3"></td>
+  <td class="r1 c4"></td>
+</tr>
+<tr>
+  <td class="r2 c1"></td>
+  <td class="r2 c2"></td>
+  <td class="r2 c3" colspan=2></td>
+</tr>
+<tr>
+  <td class="r3 c1" colspan=4></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-colspan-2-ref.html b/layout/reftests/writing-mode/tables/vertical-table-colspan-2-ref.html
new file mode 100644
index 0000000000..47f7ed04d6
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-colspan-2-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+td { border: 1px solid black; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px; background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r3 c1" rowspan=4></td>
+  <td class="r2 c1"></td>
+  <td class="r1 c1" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r2 c2"></td>
+</tr>
+<tr>
+  <td class="r2 c3" rowspan=2></td>
+  <td class="r1 c3"></td>
+</tr>
+<tr>
+  <td class="r1 c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-colspan-2.html b/layout/reftests/writing-mode/tables/vertical-table-colspan-2.html
new file mode 100644
index 0000000000..eb840c5d71
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-colspan-2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-rl; }
+td { border: 1px solid black; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px ;background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2></td>
+  <td class="r1 c3"></td>
+  <td class="r1 c4"></td>
+</tr>
+<tr>
+  <td class="r2 c1"></td>
+  <td class="r2 c2"></td>
+  <td class="r2 c3" colspan=2></td>
+</tr>
+<tr>
+  <td class="r3 c1" colspan=4></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-rowspan-1-ref.html b/layout/reftests/writing-mode/tables/vertical-table-rowspan-1-ref.html
new file mode 100644
index 0000000000..fd7a6738aa
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-rowspan-1-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+td { border: 1px solid black; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px; background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2></td>
+  <td class="r3 c1"></td>
+</tr>
+<tr>
+  <td class="r1 c2"></td>
+  <td class="r2 c2"></td>
+  <td class="r3 c2"></td>
+</tr>
+<tr>
+  <td class="r1 c3" colspan=3></td>
+</tr>
+<tr>
+  <td class="r1 c4"></td>
+  <td class="r2 c4" colspan=2></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-rowspan-1.html b/layout/reftests/writing-mode/tables/vertical-table-rowspan-1.html
new file mode 100644
index 0000000000..bc368cce6d
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-rowspan-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-lr; }
+td { border: 1px solid black; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px ;background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" rowspan=2></td>
+  <td class="r1 c2"></td>
+  <td class="r1 c3" rowspan=3></td>
+  <td class="r1 c4"></td>
+</tr>
+<tr>
+  <td class="r2 c2"></td>
+  <td class="r2 c4" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r3 c1"></td>
+  <td class="r3 c2"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-rowspan-2-ref.html b/layout/reftests/writing-mode/tables/vertical-table-rowspan-2-ref.html
new file mode 100644
index 0000000000..2c1b7d9774
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-rowspan-2-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+td { border: 1px solid black; }
+.r1 { width: 50px; }
+.r2 { width: 100px; }
+.r3 { width: 20px; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2 style="background: #080;"></td>
+  <td class="r3 c1" style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c2" style="background: #800;"></td>
+  <td class="r2 c2" style="background: #080;"></td>
+  <td class="r3 c2" style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c3" colspan=3 style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c4" style="background: #800;"></td>
+  <td class="r2 c4" colspan=2 style="background: #008;"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-rowspan-2.html b/layout/reftests/writing-mode/tables/vertical-table-rowspan-2.html
new file mode 100644
index 0000000000..da4cc58929
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-rowspan-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-rl; }
+td { border: 1px solid black; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px ;background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r3 c1"></td>
+  <td class="r3 c2"></td>
+  <td class="r3 c3" rowspan=3></td>
+  <td class="r3 c4" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r2 c1" rowspan=2></td>
+  <td class="r2 c2"></td>
+</tr>
+<tr>
+  <td class="r1 c2"></td>
+  <td class="r1 c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-specified-width-1-ref.html b/layout/reftests/writing-mode/tables/vertical-table-specified-width-1-ref.html
new file mode 100644
index 0000000000..03820b7f6f
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-1-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table { border-spacing: 0; }
+td { padding: 0; }
+.r1 { width: 80px; background: #800; }
+.r2 { width: 130px; background: #080; }
+.r3 { width: 50px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2></td>
+  <td class="r3 c1"></td>
+</tr>
+<tr>
+  <td class="r1 c2"></td>
+  <td class="r2 c2"></td>
+  <td class="r3 c2"></td>
+</tr>
+<tr>
+  <td class="r1 c3" colspan=3></td>
+</tr>
+<tr>
+  <td class="r1 c4"></td>
+  <td class="r2 c4" colspan=2></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-specified-width-1.html b/layout/reftests/writing-mode/tables/vertical-table-specified-width-1.html
new file mode 100644
index 0000000000..f8aaaf88a9
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table {
+  writing-mode: vertical-lr;
+  border-spacing: 0;
+  width: 260px; /* natural width would be 170px; this adds 30px to each row */
+}
+td { padding: 0; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px; background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" rowspan=2></td>
+  <td class="r1 c2"></td>
+  <td class="r1 c3" rowspan=3></td>
+  <td class="r1 c4"></td>
+</tr>
+<tr>
+  <td class="r2 c2"></td>
+  <td class="r2 c4" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r3 c1"></td>
+  <td class="r3 c2"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-specified-width-2-ref.html b/layout/reftests/writing-mode/tables/vertical-table-specified-width-2-ref.html
new file mode 100644
index 0000000000..cbd125d8dd
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-2-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table { border-spacing: 0; }
+td { padding: 0; }
+.r1 { width: 80px; }
+.r2 { width: 130px; }
+.r3 { width: 50px; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2 style="background: #080;"></td>
+  <td class="r3 c1" style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c2" style="background: #800;"></td>
+  <td class="r2 c2" style="background: #080;"></td>
+  <td class="r3 c2" style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c3" colspan=3 style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c4" style="background: #800;"></td>
+  <td class="r2 c4" colspan=2 style="background: #008;"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-table-specified-width-2.html b/layout/reftests/writing-mode/tables/vertical-table-specified-width-2.html
new file mode 100644
index 0000000000..6d85079dde
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table {
+  writing-mode: vertical-rl;
+  border-spacing: 0;
+  width: 260px; /* natural width would be 170px; this adds 30px to each row */
+}
+td { padding: 0; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px; background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r3 c1"></td>
+  <td class="r3 c2"></td>
+  <td class="r3 c3" rowspan=3></td>
+  <td class="r3 c4" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r2 c1" rowspan=2></td>
+  <td class="r2 c2"></td>
+</tr>
+<tr>
+  <td class="r1 c2"></td>
+  <td class="r1 c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/wm-row-progression-002.xht b/layout/reftests/writing-mode/tables/wm-row-progression-002.xht
new file mode 100644
index 0000000000..4749c5f451
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/wm-row-progression-002.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: vertical-rl - table rows progression</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="multicol-count-002-ref.xht" />
+
+  <!--
+  to be replaced with
+  <link rel="match" href="../css-multicol-1/multicol-count-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  body
+  {
+  color: yellow;
+  font: 1.25em/1 Ahem;
+  }
+
+  table
+  {
+  background-color: black;
+  border-spacing: 0em;
+  border: black solid 1em;
+  height: 7em;
+  -ah-writing-mode: vertical-rl;
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: tb-rl; /* IE11 */
+  writing-mode: vertical-rl;
+  }
+
+  td
+  {
+  padding-bottom: 0em;
+  padding-left: 1em;
+  padding-right: 0em;
+  padding-top: 0em;
+  }
+
+  td.left-most-cell { padding-left: 0em; }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <table>
+
+<!-- The right-most "S" -->
+  <tr><td>A&nbsp; B&nbsp; C&nbsp; DDD</td><td>EE F G H</td><td>JJ &nbsp;K &nbsp;L &nbsp;M</td></tr>
+
+<!-- The left-most "S" -->
+  <tr><td>N&nbsp; O&nbsp; Q&nbsp; RRR</td><td>SS T U V</td><td>WW &nbsp;X &nbsp;Y &nbsp;Z</td></tr>
+
+<!-- The "A" -->
+  <tr><td>aaa b&nbsp; c&nbsp; ddd</td><td>ee f g hh</td><td>jj &nbsp; &nbsp; kk</td></tr>
+
+<!-- The "P" -->
+  <tr><td class="left-most-cell">mmm n&nbsp; o&nbsp; qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell">&nbsp; &nbsp; &nbsp; vv</td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/wm-row-progression-003.xht b/layout/reftests/writing-mode/tables/wm-row-progression-003.xht
new file mode 100644
index 0000000000..dbb7cf4fb5
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/wm-row-progression-003.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: vertical-lr - line boxes progression</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="multicol-count-002-ref.xht" />
+
+  <!--
+  to be replaced with
+  <link rel="match" href="../css-multicol-1/multicol-count-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  body
+  {
+  color: yellow;
+  font: 1.25em/1 Ahem;
+  }
+
+  table
+  {
+  background-color: black;
+  border-spacing: 0em;
+  border: black solid 1em;
+  height: 7em;
+  -ah-writing-mode: vertical-lr;
+  -webkit-writing-mode: vertical-lr;
+  writing-mode: tb-lr; /* IE11 */
+  writing-mode: vertical-lr;
+  }
+
+  td
+  {
+  padding-bottom: 0em;
+  padding-left: 1em;
+  padding-right: 0em;
+  padding-top: 0em;
+  }
+
+  td.left-most-cell { padding-left: 0em; }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <table>
+
+<!-- The "P" -->
+  <tr><td class="left-most-cell">AAA B&nbsp; C&nbsp; DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ &nbsp; &nbsp; &nbsp;</td></tr>
+
+<!-- The "A" -->
+  <tr><td>KKK L&nbsp; M&nbsp; NNN</td><td>OO Q R SS</td><td>TT &nbsp; &nbsp; UU</td></tr>
+
+<!-- The left-most "S" -->
+  <tr><td>VVV W&nbsp; X&nbsp; Y&nbsp;</td><td>a b c dd</td><td>&nbsp;e &nbsp;f &nbsp;g hh</td></tr>
+
+<!-- The right-most "S" -->
+  <tr><td>jjj k&nbsp; m&nbsp; n&nbsp;</td><td>q r s tt</td><td>&nbsp;u &nbsp;v &nbsp;w xx</td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/wm-row-progression-004.xht b/layout/reftests/writing-mode/tables/wm-row-progression-004.xht
new file mode 100644
index 0000000000..7178cc1342
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/wm-row-progression-004.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: vertical-rl - table rows progression and colspan</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="multicol-count-002-ref.xht" />
+
+  <!--
+  to be replaced with
+  <link rel="match" href="../css-multicol-1/multicol-count-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  body
+  {
+  color: yellow;
+  font: 1.25em/1 Ahem;
+  }
+
+  table
+  {
+  background-color: black;
+  border-spacing: 0em;
+  border: black solid 1em;
+  height: 7em;
+  -ah-writing-mode: vertical-rl;
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: tb-rl; /* IE11 */
+  writing-mode: vertical-rl;
+  }
+
+  td
+  {
+  padding-bottom: 0em;
+  padding-left: 1em;
+  padding-right: 0em;
+  padding-top: 0em;
+  }
+
+  td.left-most-cell { padding-left: 0em; }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <table>
+
+<!-- The right-most "S" -->
+  <tr><td>A&nbsp; B&nbsp; C&nbsp; DDD</td><td>EE F G H</td><td>JJ &nbsp;K &nbsp;L &nbsp;M</td></tr>
+
+<!-- The left-most "S" -->
+  <tr><td colspan="2">N&nbsp; OO Q&nbsp; R&nbsp; S&nbsp; T&nbsp; UUUU</td><td>WW &nbsp;X &nbsp;Y &nbsp;Z</td></tr>
+
+<!-- The "A" -->
+  <tr><td>aaa b&nbsp; c&nbsp; ddd</td><td colspan="2">eeff g&nbsp;&nbsp; h&nbsp;&nbsp; jjjj</td></tr>
+
+<!-- The "P" -->
+  <tr><td class="left-most-cell">mmm n&nbsp; o&nbsp; qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell">&nbsp; &nbsp; &nbsp; vv</td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/wm-row-progression-005.xht b/layout/reftests/writing-mode/tables/wm-row-progression-005.xht
new file mode 100644
index 0000000000..0d3abf6539
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/wm-row-progression-005.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: vertical-lr - table rows progression and colspan</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="multicol-count-002-ref.xht" />
+
+  <!--
+  to be replaced with
+  <link rel="match" href="../css-multicol-1/multicol-count-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  body
+  {
+  color: yellow;
+  font: 1.25em/1 Ahem;
+  }
+
+  table
+  {
+  background-color: black;
+  border-spacing: 0em;
+  border: black solid 1em;
+  height: 7em;
+  -ah-writing-mode: vertical-lr;
+  -webkit-writing-mode: vertical-lr;
+  writing-mode: tb-lr; /* IE11 */
+  writing-mode: vertical-lr;
+  }
+
+  td
+  {
+  padding-bottom: 0em;
+  padding-left: 1em;
+  padding-right: 0em;
+  padding-top: 0em;
+  }
+
+  td.left-most-cell { padding-left: 0em; }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <table>
+
+<!-- The "P" -->
+  <tr><td class="left-most-cell">AAA B&nbsp; C&nbsp; DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ &nbsp; &nbsp; &nbsp;</td></tr>
+
+<!-- The "A" -->
+  <tr><td colspan="2">KKKOO L&nbsp; Q&nbsp; M&nbsp; R&nbsp; NNNSS</td><td>TT &nbsp; &nbsp; UU</td></tr>
+
+<!-- The left-most "S" -->
+  <tr><td>VVV W&nbsp; X&nbsp; Y&nbsp;</td><td colspan="2">a&nbsp; b c&nbsp; d e&nbsp; f gggg</td></tr>
+
+<!-- The right-most "S" -->
+  <tr><td>jjj k&nbsp; m&nbsp; n&nbsp;</td><td>q r s tt</td><td>&nbsp;u &nbsp;v &nbsp;w xx</td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/wm-row-progression-006.xht b/layout/reftests/writing-mode/tables/wm-row-progression-006.xht
new file mode 100644
index 0000000000..32d3b089d8
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/wm-row-progression-006.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="multicol-count-002-ref.xht" />
+
+  <!--
+  to be replaced with
+  <link rel="match" href="../css-multicol-1/multicol-count-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  body
+  {
+  color: yellow;
+  font: 1.25em/1 Ahem;
+  }
+
+  table
+  {
+  background-color: black;
+  border-spacing: 0em;
+  border: black solid 1em;
+  height: 7em;
+  -ah-writing-mode: vertical-rl;
+  -webkit-writing-mode: vertical-rl;
+  writing-mode: tb-rl; /* IE11 */
+  writing-mode: vertical-rl;
+  }
+
+  td
+  {
+  padding-bottom: 0em;
+  padding-left: 1em;
+  padding-right: 0em;
+  padding-top: 0em;
+  }
+
+  td.left-most-cell { padding-left: 0em; }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <table>
+
+<!-- The right-most "S" -->
+  <tr><td>A&nbsp; B&nbsp; C&nbsp; DDD</td><td>EE F G H</td><td rowspan="2">JJ &nbsp;K &nbsp;L &nbsp;M &nbsp; WW &nbsp;X &nbsp;Y &nbsp;Z</td></tr>
+
+<!-- The left-most "S" -->
+  <tr><td>N&nbsp; O&nbsp; Q&nbsp; RRR</td><td>SS T U V</td></tr>
+
+<!-- The "A" -->
+  <tr><td>aaa b&nbsp; c&nbsp; ddd</td><td rowspan="2" class="left-most-cell">ee f g hh &nbsp; r s t uu</td><td>jj &nbsp; &nbsp; kk</td></tr>
+
+<!-- The "P" -->
+  <tr><td class="left-most-cell">mmm n&nbsp; o&nbsp; qqq</td><td class="left-most-cell">&nbsp; &nbsp; &nbsp; vv</td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/tables/wm-row-progression-007.xht b/layout/reftests/writing-mode/tables/wm-row-progression-007.xht
new file mode 100644
index 0000000000..5280f845db
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/wm-row-progression-007.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Writing Modes Test: vertical-lr - table rows progression and rowspan</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="multicol-count-002-ref.xht" />
+
+  <!--
+  to be replaced with
+  <link rel="match" href="../css-multicol-1/multicol-count-002-ref.xht" />
+  -->
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that rowspanned cells in a table are handled according to a left-to-right direction." name="assert" />
+
+  <link type="text/css" rel="stylesheet" href="support/ahem.css" />
+
+  <style type="text/css"><![CDATA[
+  body
+  {
+  color: yellow;
+  font: 1.25em/1 Ahem;
+  }
+
+  table
+  {
+  background-color: black;
+  border-spacing: 0em;
+  border: black solid 1em;
+  height: 7em;
+  -ah-writing-mode: vertical-lr;
+  -webkit-writing-mode: vertical-lr;
+  writing-mode: tb-lr; /* IE11 */
+  writing-mode: vertical-lr;
+  }
+
+  td
+  {
+  padding-bottom: 0em;
+  padding-left: 1em;
+  padding-right: 0em;
+  padding-top: 0em;
+  }
+
+  td.left-most-cell { padding-left: 0em; }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <table>
+
+<!-- The "P" -->
+  <tr><td class="left-most-cell">AAA B&nbsp; C&nbsp; DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell" rowspan="2">JJ &nbsp; &nbsp; &nbsp; &nbsp; TT &nbsp; &nbsp; UU</td></tr>
+
+<!-- The "A" -->
+  <tr><td>KKK L&nbsp; M&nbsp; NNN</td><td>OO Q R SS</td></tr>
+
+<!-- The left-most "S" -->
+  <tr><td>VVV W&nbsp; X&nbsp; Y&nbsp;</td><td rowspan="2">a b c dd &nbsp; q r s tt</td><td>&nbsp;e &nbsp;f &nbsp;g hh</td></tr>
+
+<!-- The right-most "S" -->
+  <tr><td>jjj k&nbsp; m&nbsp; n&nbsp;</td><td>&nbsp;u &nbsp;v &nbsp;w xx</td></tr>
+
+  </table>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-2-ref.html b/layout/reftests/writing-mode/ua-style-sheet-border-2-ref.html
new file mode 100644
index 0000000000..8514ad2aa8
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on tr elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+tr { border: none; }
+.ltr tr { border-top: thin solid; border-bottom: thin solid; }
+.rtl tr { border-top: thin solid; border-bottom: thin solid; }
+.v-rl tr { border-left: thin solid; border-right: thin solid; }
+</style>
+<div class=ltr>
+  <table rules=rows>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=rows>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=rows>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-2.html b/layout/reftests/writing-mode/ua-style-sheet-border-2.html
new file mode 100644
index 0000000000..a63dff861e
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical borders on tr elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+</style>
+<div class=ltr>
+  <table rules=rows>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=rows>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=rows>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-3-ref.html b/layout/reftests/writing-mode/ua-style-sheet-border-3-ref.html
new file mode 100644
index 0000000000..1a34cea720
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-3-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on td elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+td { border: none; }
+.ltr td { border-left: thin solid; border-right: thin solid; }
+.rtl td { border-left: thin solid; border-right: thin solid; }
+.v-rl td { border-top: thin solid; border-bottom: thin solid; }
+</style>
+<div class=ltr>
+  <table rules=cols>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=cols>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=cols>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-3.html b/layout/reftests/writing-mode/ua-style-sheet-border-3.html
new file mode 100644
index 0000000000..951d5b7ca7
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-3.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical borders on td elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+</style>
+<div class=ltr>
+  <table rules=cols>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=cols>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=cols>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-4-ref.html b/layout/reftests/writing-mode/ua-style-sheet-border-4-ref.html
new file mode 100644
index 0000000000..e0e957a1b6
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-4-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on colgroup elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+colgroup { border: none; }
+.ltr colgroup { border-left: thin solid; border-right: thin solid; }
+.rtl colgroup { border-left: thin solid; border-right: thin solid; }
+.v-rl colgroup { border-top: thin solid; border-bottom: thin solid; }
+</style>
+<div class=ltr>
+  <table rules=groups>
+    <colgroup span=2><col><col></colgroup>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=groups>
+    <colgroup span=2><col><col></colgroup>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=groups>
+    <colgroup span=2><col><col></colgroup>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-4.html b/layout/reftests/writing-mode/ua-style-sheet-border-4.html
new file mode 100644
index 0000000000..8ebce6b67d
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-4.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical borders on colgroup elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+</style>
+<div class=ltr>
+  <table rules=groups>
+    <colgroup span=2><col><col></colgroup>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=groups>
+    <colgroup span=2><col><col></colgroup>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=groups>
+    <colgroup span=2><col><col></colgroup>
+    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-5-ref.html b/layout/reftests/writing-mode/ua-style-sheet-border-5-ref.html
new file mode 100644
index 0000000000..85ec56e2b1
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-5-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on tbody elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+tbody { border: none; }
+.ltr tbody { border-top: thin solid; border-bottom: thin solid; }
+.rtl tbody { border-top: thin solid; border-bottom: thin solid; }
+.v-rl tbody { border-left: thin solid; border-right: thin solid; }
+</style>
+<div class=ltr>
+  <table rules=groups>
+    <tbody>
+      <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    </tbody>
+    <tbody>
+      <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+    </tbody>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=groups>
+    <tbody>
+      <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    </tbody>
+    <tbody>
+      <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+    </tbody>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=groups>
+    <tbody>
+      <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    </tbody>
+    <tbody>
+      <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+    </tbody>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-border-5.html b/layout/reftests/writing-mode/ua-style-sheet-border-5.html
new file mode 100644
index 0000000000..0ef74346cd
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-border-5.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical borders on tbody elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+</style>
+<div class=ltr>
+  <table rules=groups>
+    <tbody>
+      <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    </tbody>
+    <tbody>
+      <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+    </tbody>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table rules=groups>
+    <tbody>
+      <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    </tbody>
+    <tbody>
+      <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+    </tbody>
+  </table>
+</div>
+<div class=v-rl>
+  <table rules=groups>
+    <tbody>
+      <tr><td>A1</td><td>A2</td><td>A3</td></tr>
+    </tbody>
+    <tbody>
+      <tr><td>B1</td><td>B2</td><td>B3</td></tr>
+    </tbody>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-button-1.html b/layout/reftests/writing-mode/ua-style-sheet-button-1.html
new file mode 100644
index 0000000000..f1ee2792af
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-button-1.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of button in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.a { -moz-appearance: none; }
+</style>
+<div class=ltr>
+  <button>one</button><br>
+  <button class=a>two</button><br>
+  <button disabled>three</button><br>
+  <button class=a disabled>four</button><br>
+  <input type="button" value="five"><br>
+  <input type="button" value="six" class=a><br>
+  <input type="button" value="seven" disabled><br>
+  <input type="button" value="eight" class=a disabled><br>
+</div>
+
+<div class=rtl dir=rtl>
+  <button>one</button><br>
+  <button class=a>two</button><br>
+  <button disabled>three</button><br>
+  <button class=a disabled>four</button><br>
+  <input type="button" value="five"><br>
+  <input type="button" value="six" class=a><br>
+  <input type="button" value="seven" disabled><br>
+  <input type="button" value="eight" class=a disabled><br>
+</div>
+
+<div class=v-rl>
+  <button>one</button><br>
+  <button class=a>two</button><br>
+  <button disabled>three</button><br>
+  <button class=a disabled>four</button><br>
+  <input type="button" value="five"><br>
+  <input type="button" value="six" class=a><br>
+  <input type="button" value="seven" disabled><br>
+  <input type="button" value="eight" class=a disabled><br>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html b/layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html
new file mode 100644
index 0000000000..0a8dfd23e9
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of button in the UA stylesheet</title>
+<style>
+:root { color-scheme: light }
+
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.a { -moz-appearance: none; }
+
+.ltr button,
+.rtl button,
+.ltr input[type="button"],
+.rtl input[type="button"] {
+  padding: 1px 8px;
+}
+
+.v-rl button,
+.v-rl input[type="button"] {
+  padding: 8px 1px;
+}
+
+.ltr button,
+.rtl button,
+.ltr input[type="button"],
+.rtl input[type="button"] {
+  padding: 1px 4px;
+}
+
+.v-rl button,
+.v-rl input[type="button"] {
+  padding: 4px 1px;
+}
+</style>
+<div class=ltr>
+  <button>one</button><br>
+  <button class=a>two</button><br>
+  <button disabled>three</button><br>
+  <button class=a disabled>four</button><br>
+  <input type="button" value="five"><br>
+  <input type="button" value="six" class=a><br>
+  <input type="button" value="seven" disabled><br>
+  <input type="button" value="eight" class=a disabled><br>
+</div>
+
+<div class=rtl dir=rtl>
+  <button>one</button><br>
+  <button class=a>two</button><br>
+  <button disabled>three</button><br>
+  <button class=a disabled>four</button><br>
+  <input type="button" value="five"><br>
+  <input type="button" value="six" class=a><br>
+  <input type="button" value="seven" disabled><br>
+  <input type="button" value="eight" class=a disabled><br>
+</div>
+
+<div class=v-rl>
+  <button>one</button><br>
+  <button class=a>two</button><br>
+  <button disabled>three</button><br>
+  <button class=a disabled>four</button><br>
+  <input type="button" value="five"><br>
+  <input type="button" value="six" class=a><br>
+  <input type="button" value="seven" disabled><br>
+  <input type="button" value="eight" class=a disabled><br>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1-ref.html b/layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1-ref.html
new file mode 100644
index 0000000000..a66d976d0a
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of checkbox and radio button in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+
+.ltr input[type="radio"] {
+  margin: 3px 3px 0px 5px;
+}
+.rtl input[type="radio"] {
+  margin: 3px 5px 0px 3px;
+}
+.v-rl input[type="radio"] {
+  margin: 5px 3px 3px 0px;
+}
+
+.ltr input[type="checkbox"] {
+  margin: 3px 3px 3px 4px;
+}
+.rtl input[type="checkbox"] {
+  margin: 3px 4px 3px 3px;
+}
+.v-rl input[type="checkbox"] {
+  margin: 4px 3px 3px 3px;
+}
+
+</style>
+<div class=ltr>
+  <input type=radio checked>radio 1</input><br>
+  <input type=radio>radio 2</input><br>
+  <input type=checkbox checked>checkbox 1</input><br>
+  <input type=checkbox>checkbox 2</input><br>
+</div>
+
+<div class=rtl dir=rtl>
+  <input type=radio checked>radio 1</input><br>
+  <input type=radio>radio 2</input><br>
+  <input type=checkbox checked>checkbox 1</input><br>
+  <input type=checkbox>checkbox 2</input><br>
+</div>
+
+<div class=v-rl>
+  <input type=radio checked>radio 1</input><br>
+  <input type=radio>radio 2</input><br>
+  <input type=checkbox checked>checkbox 1</input><br>
+  <input type=checkbox>checkbox 2</input><br>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1.html b/layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1.html
new file mode 100644
index 0000000000..7cf1129e2a
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-checkbox-radio-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of checkbox and radio button in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <input type=radio checked>radio 1</input><br>
+  <input type=radio>radio 2</input><br>
+  <input type=checkbox checked>checkbox 1</input><br>
+  <input type=checkbox>checkbox 2</input><br>
+</div>
+
+<div class=rtl dir=rtl>
+  <input type=radio checked>radio 1</input><br>
+  <input type=radio>radio 2</input><br>
+  <input type=checkbox checked>checkbox 1</input><br>
+  <input type=checkbox>checkbox 2</input><br>
+</div>
+
+<div class=v-rl>
+  <input type=radio checked>radio 1</input><br>
+  <input type=radio>radio 2</input><br>
+  <input type=checkbox checked>checkbox 1</input><br>
+  <input type=checkbox>checkbox 2</input><br>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-fieldset-1-ref.html b/layout/reftests/writing-mode/ua-style-sheet-fieldset-1-ref.html
new file mode 100644
index 0000000000..09aec37df4
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-fieldset-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of fieldset in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+
+fieldset { height: 100px; width: 100px; }
+
+.ltr .a, .rtl .a { height: 40%; background: #eee; }
+.ltr .b, .rtl .b { height: 60%; background: #ddd; }
+.v-rl .a { width: 40%; background: #eee; }
+.v-rl .b { width: 60%; background: #ddd; }
+
+.ltr fieldset, .rtl fieldset { margin: 0 2px; padding: 0.35em 0.75em 0.625em; }
+.v-rl fieldset { margin: 2px 0; padding: 0.75em 0.35em 0.75em 0.625em; }
+
+.ltr legend, .rtl legend { padding: 0 2px; }
+.v-rl legend { padding: 2px 0; }
+</style>
+<div class=ltr>
+  <fieldset>
+    <legend>Legend</legend>
+    <div class=a></div>
+    <div class=b></div>
+  </fieldset>
+</div>
+
+<div class=rtl dir=rtl>
+  <fieldset>
+    <legend>Legend</legend>
+    <div class=a></div>
+    <div class=b></div>
+  </fieldset>
+</div>
+
+<div class=v-rl>
+  <fieldset>
+    <legend>Legend</legend>
+    <div class=a></div>
+    <div class=b></div>
+  </fieldset>
+</div>
+
diff --git a/layout/reftests/writing-mode/ua-style-sheet-fieldset-1.html b/layout/reftests/writing-mode/ua-style-sheet-fieldset-1.html
new file mode 100644
index 0000000000..3cc77041d7
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-fieldset-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of fieldset in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+
+fieldset { height: 100px; width: 100px; }
+
+.a { block-size: 40%; background: #eee; }
+.b { block-size: 60%; background: #ddd; }
+</style>
+<div class=ltr>
+  <fieldset>
+    <legend>Legend</legend>
+    <div class=a></div>
+    <div class=b></div>
+  </fieldset>
+</div>
+
+<div class=rtl dir=rtl>
+  <fieldset>
+    <legend>Legend</legend>
+    <div class=a></div>
+    <div class=b></div>
+  </fieldset>
+</div>
+
+<div class=v-rl>
+  <fieldset>
+    <legend>Legend</legend>
+    <div class=a></div>
+    <div class=b></div>
+  </fieldset>
+</div>
+
diff --git a/layout/reftests/writing-mode/ua-style-sheet-input-color-1-ref.html b/layout/reftests/writing-mode/ua-style-sheet-input-color-1-ref.html
new file mode 100644
index 0000000000..9b0a723ae3
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-input-color-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of input type=color in the UA stylesheet</title>
+<style>
+:root { color-scheme: light }
+
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.a { appearance: none; }
+
+input[type=color] {
+  padding: 4px;
+}
+
+.ltr input[type="color"],
+.rtl input[type="color"] {
+  width: 64px;
+  height: 32px;
+}
+
+.v-rl input[type="color"] {
+  height: 64px;
+  width: 32px;
+}
+</style>
+<div class=ltr>
+  <input type=color><br>
+  <input type=color class=a><br>
+</div>
+
+<div class=rtl dir=rtl>
+  <input type=color><br>
+  <input type=color class=a><br>
+</div>
+
+<div class=v-rl>
+  <input type=color><br>
+  <input type=color class=a><br>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-input-color-1.html b/layout/reftests/writing-mode/ua-style-sheet-input-color-1.html
new file mode 100644
index 0000000000..4fef0094f1
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-input-color-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of input type=color in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.a { -moz-appearance: none; }
+</style>
+<div class=ltr>
+  <input type=color><br>
+  <input type=color class=a><br>
+</div>
+
+<div class=rtl dir=rtl>
+  <input type=color><br>
+  <input type=color class=a><br>
+</div>
+
+<div class=v-rl>
+  <input type=color><br>
+  <input type=color class=a><br>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-input-number-1-ref.html b/layout/reftests/writing-mode/ua-style-sheet-input-number-1-ref.html
new file mode 100644
index 0000000000..b46b244267
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-input-number-1-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of input type=number in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+div { padding: 10px; }
+.a { -moz-appearance:textfield; }
+.b { -moz-appearance:none; }
+</style>
+<div class=ltr>
+  <input type=number value=123><br><br>
+  <input type=number value=456 class=a><br><br>
+  <input type=number value=7890 class=b>
+</div>
+
+<div class=rtl dir=rtl>
+  <input type=number value=123><br><br>
+  <input type=number value=456 class=a><br><br>
+  <input type=number value=7890 class=b>
+</div>
+
+<div class=v-rl>
+  <input type=number value=123><br><br>
+  <input type=number value=456 class=a><br><br>
+  <input type=number value=7890 class=b>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-input-number-1.html b/layout/reftests/writing-mode/ua-style-sheet-input-number-1.html
new file mode 100644
index 0000000000..b46b244267
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-input-number-1.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of input type=number in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+div { padding: 10px; }
+.a { -moz-appearance:textfield; }
+.b { -moz-appearance:none; }
+</style>
+<div class=ltr>
+  <input type=number value=123><br><br>
+  <input type=number value=456 class=a><br><br>
+  <input type=number value=7890 class=b>
+</div>
+
+<div class=rtl dir=rtl>
+  <input type=number value=123><br><br>
+  <input type=number value=456 class=a><br><br>
+  <input type=number value=7890 class=b>
+</div>
+
+<div class=v-rl>
+  <input type=number value=123><br><br>
+  <input type=number value=456 class=a><br><br>
+  <input type=number value=7890 class=b>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-1-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-1-ref.html
new file mode 100644
index 0000000000..cfa58ff519
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on p elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.ltr p { margin: 1em 0; }
+.rtl p { margin: 1em 0; }
+.v-rl p { margin: 0 1em; }
+</style>
+<div class=ltr>
+  <p>Paragraph</p>
+</div>
+<div class=rtl dir=rtl>
+  <p>Paragraph</p>
+</div>
+<div class=v-rl>
+  <p>Paragraph</p>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-1.html b/layout/reftests/writing-mode/ua-style-sheet-margin-1.html
new file mode 100644
index 0000000000..c6e0a793b1
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on p elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <p>Paragraph</p>
+</div>
+<div class=rtl dir=rtl>
+  <p>Paragraph</p>
+</div>
+<div class=v-rl>
+  <p>Paragraph</p>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-10-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-10-ref.html
new file mode 100644
index 0000000000..94cae4380f
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-10-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on caption elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+table { border: 1px solid purple; }
+caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
+caption { margin: 0; }
+.ltr caption { margin: 0 auto 0 0; }
+.rtl caption { margin: 0 auto 0 0; }
+.v-rl caption { margin: 0 0 auto 0; }
+</style>
+<div class=ltr>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
+<div class=v-rl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-10.html b/layout/reftests/writing-mode/ua-style-sheet-margin-10.html
new file mode 100644
index 0000000000..23ec26ada0
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-10.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on caption elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+table { border: 1px solid purple; }
+caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
+</style>
+<div class=ltr>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=right>Caption</caption>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=right>Caption</caption>
+  </table>
+</div>
+<div class=v-rl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=right>Caption</caption>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-11-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-11-ref.html
new file mode 100644
index 0000000000..7f3306163d
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-11-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on ul elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.ltr ul { margin: 1em 0; padding: 0 0 0 40px; }
+.rtl ul { margin: 1em 0; padding: 0 40px 0 0; }
+.v-rl ul { margin: 0 1em; padding: 40px 0 0 0; }
+</style>
+<div class=ltr>
+  <ul>
+    <li>Item</li>
+  </ul>
+</div>
+<div class=rtl dir=rtl>
+  <ul>
+    <li>Item</li>
+  </ul>
+</div>
+<div class=v-rl>
+  <ul>
+    <li>Item</li>
+  </ul>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-11.html b/layout/reftests/writing-mode/ua-style-sheet-margin-11.html
new file mode 100644
index 0000000000..3b0b460eaa
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-11.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on ul elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <ul>
+    <li>Item</li>
+  </ul>
+</div>
+<div class=rtl dir=rtl>
+  <ul>
+    <li>Item</li>
+  </ul>
+</div>
+<div class=v-rl>
+  <ul>
+    <li>Item</li>
+  </ul>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-12-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-12-ref.html
new file mode 100644
index 0000000000..6bad60d6ad
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-12-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on ol elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.ltr ol { margin: 1em 0; padding: 0 0 0 40px; }
+.rtl ol { margin: 1em 0; padding: 0 40px 0 0; }
+.v-rl ol { margin: 0 1em; padding: 40px 0 0 0; }
+</style>
+<div class=ltr>
+  <ol>
+    <li>Item</li>
+  </ol>
+</div>
+<div class=rtl dir=rtl>
+  <ol>
+    <li>Item</li>
+  </ol>
+</div>
+<div class=v-rl>
+  <ol>
+    <li>Item</li>
+  </ol>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-12.html b/layout/reftests/writing-mode/ua-style-sheet-margin-12.html
new file mode 100644
index 0000000000..8d8cd065a5
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-12.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on ol elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <ol>
+    <li>Item</li>
+  </ol>
+</div>
+<div class=rtl dir=rtl>
+  <ol>
+    <li>Item</li>
+  </ol>
+</div>
+<div class=v-rl>
+  <ol>
+    <li>Item</li>
+  </ol>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-13-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-13-ref.html
new file mode 100644
index 0000000000..f29796da64
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-13-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on nested ul/ol elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+ul { border: 1px solid purple; }
+.ltr ul { margin: 1em 0; padding: 0 0 0 40px; }
+.rtl ul { margin: 1em 0; padding: 0 40px 0 0; }
+.v-rl ul { margin: 0 1em; padding: 40px 0 0 0; }
+ol { margin: 0; }
+</style>
+<div class=ltr>
+  <ul>
+    <li>
+      <ol>
+        <li>Item</li>
+      </ol>
+    </li>
+  </ul>
+</div>
+<div class=rtl dir=rtl>
+  <ul>
+    <li>
+      <ol>
+        <li>Item</li>
+      </ol>
+    </li>
+  </ul>
+</div>
+<div class=v-rl>
+  <ul>
+    <li>
+      <ol>
+        <li>Item</li>
+      </ol>
+    </li>
+  </ul>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-13.html b/layout/reftests/writing-mode/ua-style-sheet-margin-13.html
new file mode 100644
index 0000000000..77c9c0a498
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-13.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on nested ul/ol elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+ul { border: 1px solid purple; }
+</style>
+<div class=ltr>
+  <ul>
+    <li>
+      <ol>
+        <li>Item</li>
+      </ol>
+    </li>
+  </ul>
+</div>
+<div class=rtl dir=rtl>
+  <ul>
+    <li>
+      <ol>
+        <li>Item</li>
+      </ol>
+    </li>
+  </ul>
+</div>
+<div class=v-rl>
+  <ul>
+    <li>
+      <ol>
+        <li>Item</li>
+      </ol>
+    </li>
+  </ul>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-14-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-14-ref.html
new file mode 100644
index 0000000000..08fb4d2927
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-14-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on hr elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+hr { width: 100px; height: 100px; }
+.ltr hr { margin: 0.5em auto; }
+.rtl hr { margin: 0.5em auto; }
+.v-rl hr { margin: auto 0.5em; }
+</style>
+<div class=ltr>
+  <hr>
+</div>
+<div class=rtl dir=rtl>
+  <hr>
+</div>
+<div class=v-rl>
+  <hr>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-14.html b/layout/reftests/writing-mode/ua-style-sheet-margin-14.html
new file mode 100644
index 0000000000..3376ad9f34
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-14.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on hr elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+hr { width: 100px; height: 100px; }
+</style>
+<div class=ltr>
+  <hr>
+</div>
+<div class=rtl dir=rtl>
+  <hr>
+</div>
+<div class=v-rl>
+  <hr>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-2-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-2-ref.html
new file mode 100644
index 0000000000..275e8df59f
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-2-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on dl and dd elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.ltr dl { margin: 1em 0; }
+.rtl dl { margin: 1em 0; }
+.v-rl dl { margin: 0 1em; }
+dd { margin: 0; }
+.ltr dd { margin-left: 40px; }
+.rtl dd { margin-right: 40px; }
+.v-rl dd { margin-top: 40px; }
+</style>
+<div class=ltr>
+  <dl><dt>term</dt><dd>definition</dd></dl>
+</div>
+<div class=rtl dir=rtl>
+  <dl><dt>term</dt><dd>definition</dd></dl>
+</div>
+<div class=v-rl>
+  <dl><dt>term</dt><dd>definition</dd></dl>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-2.html b/layout/reftests/writing-mode/ua-style-sheet-margin-2.html
new file mode 100644
index 0000000000..95d88e1228
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on dl and dd elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <dl><dt>term</dt><dd>definition</dd></dl>
+</div>
+<div class=rtl dir=rtl>
+  <dl><dt>term</dt><dd>definition</dd></dl>
+</div>
+<div class=v-rl>
+  <dl><dt>term</dt><dd>definition</dd></dl>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-3-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-3-ref.html
new file mode 100644
index 0000000000..cab6208fed
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-3-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on blockquote elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.ltr blockquote { margin: 1em 40px; }
+.rtl blockquote { margin: 1em 40px; }
+.v-rl blockquote { margin: 40px 1em; }
+</style>
+<div class=ltr>
+  <blockquote>Block quote</blockquote>
+</div>
+<div class=rtl dir=rtl>
+  <blockquote>Block quote</blockquote>
+</div>
+<div class=v-rl>
+  <blockquote>Block quote</blockquote>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-3.html b/layout/reftests/writing-mode/ua-style-sheet-margin-3.html
new file mode 100644
index 0000000000..433e0dbcb5
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on blockquote elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <blockquote>Block quote</blockquote>
+</div>
+<div class=rtl dir=rtl>
+  <blockquote>Block quote</blockquote>
+</div>
+<div class=v-rl>
+  <blockquote>Block quote</blockquote>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-4-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-4-ref.html
new file mode 100644
index 0000000000..107cceb3b1
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-4-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on h[123] elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+h1, h2, h3 { font-size: 16px; border: 1px solid purple; }
+.ltr h1 { margin: 0.67em 0; }
+.rtl h1 { margin: 0.67em 0; }
+.v-rl h1 { margin: 0 0.67em; }
+.ltr h2 { margin: 0.83em 0; }
+.rtl h2 { margin: 0.83em 0; }
+.v-rl h2 { margin: 0 0.83em; }
+.ltr h3 { margin: 1em 0; }
+.rtl h3 { margin: 1em 0; }
+.v-rl h3 { margin: 0 1em; }
+</style>
+<div class=ltr>
+  <h1>Heading 1</h1>
+  <h2>Heading 2</h2>
+  <h3>Heading 3</h3>
+</div>
+<div class=rtl dir=rtl>
+  <h1>Heading 1</h1>
+  <h2>Heading 2</h2>
+  <h3>Heading 3</h3>
+</div>
+<div class=v-rl>
+  <h1>Heading 1</h1>
+  <h2>Heading 2</h2>
+  <h3>Heading 3</h3>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-4.html b/layout/reftests/writing-mode/ua-style-sheet-margin-4.html
new file mode 100644
index 0000000000..b1e544bef5
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-4.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on h[123] elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+h1, h2, h3 { font-size: 16px; border: 1px solid purple; }
+</style>
+<div class=ltr>
+  <h1>Heading 1</h1>
+  <h2>Heading 2</h2>
+  <h3>Heading 3</h3>
+</div>
+<div class=rtl dir=rtl>
+  <h1>Heading 1</h1>
+  <h2>Heading 2</h2>
+  <h3>Heading 3</h3>
+</div>
+<div class=v-rl>
+  <h1>Heading 1</h1>
+  <h2>Heading 2</h2>
+  <h3>Heading 3</h3>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-5-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-5-ref.html
new file mode 100644
index 0000000000..ae99fa8fd3
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-5-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on h[456] elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+h4, h5, h6 { font-size: 16px; border: 1px solid purple; }
+.ltr h4 { margin: 1.33em 0; }
+.rtl h4 { margin: 1.33em 0; }
+.v-rl h4 { margin: 0 1.33em; }
+.ltr h5 { margin: 1.67em 0; }
+.rtl h5 { margin: 1.67em 0; }
+.v-rl h5 { margin: 0 1.67em; }
+.ltr h6 { margin: 2.33em 0; }
+.rtl h6 { margin: 2.33em 0; }
+.v-rl h6 { margin: 0 2.33em; }
+</style>
+<div class=ltr>
+  <h4>Heading 4</h4>
+  <h5>Heading 5</h5>
+  <h6>Heading 6</h6>
+</div>
+<div class=rtl dir=rtl>
+  <h4>Heading 4</h4>
+  <h5>Heading 5</h5>
+  <h6>Heading 6</h6>
+</div>
+<div class=v-rl>
+  <h4>Heading 4</h4>
+  <h5>Heading 5</h5>
+  <h6>Heading 6</h6>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-5.html b/layout/reftests/writing-mode/ua-style-sheet-margin-5.html
new file mode 100644
index 0000000000..b9f22c7ff1
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-5.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on h[456] elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+h4, h5, h6 { font-size: 16px; border: 1px solid purple; }
+</style>
+<div class=ltr>
+  <h4>Heading 4</h4>
+  <h5>Heading 5</h5>
+  <h6>Heading 6</h6>
+</div>
+<div class=rtl dir=rtl>
+  <h4>Heading 4</h4>
+  <h5>Heading 5</h5>
+  <h6>Heading 6</h6>
+</div>
+<div class=v-rl>
+  <h4>Heading 4</h4>
+  <h5>Heading 5</h5>
+  <h6>Heading 6</h6>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-6-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-6-ref.html
new file mode 100644
index 0000000000..19fc72db59
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-6-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on listing elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.ltr listing { margin: 1em 0; }
+.rtl listing { margin: 1em 0; }
+.v-rl listing { margin: 0 1em; }
+</style>
+<div class=ltr>
+  <listing>Listing line 1
+Listing line 2</listing>
+</div>
+<div class=rtl dir=rtl>
+  <listing>Listing line 1
+Listing line 2</listing>
+</div>
+<div class=v-rl>
+  <listing>Listing line 1
+Listing line 2</listing>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-6.html b/layout/reftests/writing-mode/ua-style-sheet-margin-6.html
new file mode 100644
index 0000000000..21f1da2917
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-6.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on listing elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <listing>Listing line 1
+Listing line 2</listing>
+</div>
+<div class=rtl dir=rtl>
+  <listing>Listing line 1
+Listing line 2</listing>
+</div>
+<div class=v-rl>
+  <listing>Listing line 1
+Listing line 2</listing>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-7-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-7-ref.html
new file mode 100644
index 0000000000..4041028cd0
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-7-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on pre elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.ltr pre { margin: 1em 0; }
+.rtl pre { margin: 1em 0; }
+.v-rl pre { margin: 0 1em; }
+</style>
+<div class=ltr>
+  <pre>pre line 1
+pre line 2</pre>
+</div>
+<div class=rtl dir=rtl>
+  <pre>pre line 1
+pre line 2</pre>
+</div>
+<div class=v-rl>
+  <pre>pre line 1
+pre line 2</pre>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-7.html b/layout/reftests/writing-mode/ua-style-sheet-margin-7.html
new file mode 100644
index 0000000000..1d9f26e345
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-7.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on pre elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <pre>pre line 1
+pre line 2</pre>
+</div>
+<div class=rtl dir=rtl>
+  <pre>pre line 1
+pre line 2</pre>
+</div>
+<div class=v-rl>
+  <pre>pre line 1
+pre line 2</pre>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-8-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-8-ref.html
new file mode 100644
index 0000000000..885d99080b
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-8-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on caption elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+table { border: 1px solid purple; }
+caption { border: 1px solid orange; }
+caption { margin: 0; }
+.ltr caption { margin: 0 auto; }
+.rtl caption { margin: 0 auto; }
+.v-rl caption { margin: auto 0; }
+</style>
+<div class=ltr>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption>Caption</caption>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption>Caption</caption>
+  </table>
+</div>
+<div class=v-rl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption>Caption</caption>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-8.html b/layout/reftests/writing-mode/ua-style-sheet-margin-8.html
new file mode 100644
index 0000000000..e445ea8028
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-8.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on caption elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+table { border: 1px solid purple; }
+caption { border: 1px solid orange; }
+</style>
+<div class=ltr>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption>Caption</caption>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption>Caption</caption>
+  </table>
+</div>
+<div class=v-rl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption>Caption</caption>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-9-ref.html b/layout/reftests/writing-mode/ua-style-sheet-margin-9-ref.html
new file mode 100644
index 0000000000..853a4f6367
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-9-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on caption elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+table { border: 1px solid purple; }
+caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
+caption { margin: 0; }
+.ltr caption { margin: 0 0 0 auto; }
+.rtl caption { margin: 0 0 0 auto; }
+.v-rl caption { margin: auto 0 0 0; }
+</style>
+<div class=ltr>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
+<div class=v-rl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-margin-9.html b/layout/reftests/writing-mode/ua-style-sheet-margin-9.html
new file mode 100644
index 0000000000..826f88893c
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-margin-9.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on caption elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+table { border: 1px solid purple; }
+caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
+</style>
+<div class=ltr>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
+<div class=rtl dir=rtl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
+<div class=v-rl>
+  <table align=center>
+    <td>Table that is bigger than its caption</td>
+    <caption align=left>Caption</caption>
+  </table>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-size-1-ref.html b/layout/reftests/writing-mode/ua-style-sheet-size-1-ref.html
new file mode 100644
index 0000000000..06f6d5700e
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-size-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on marquee elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+marquee { background-color: yellow; color: transparent; }
+.ltr marquee { width: -moz-available; height: auto; }
+.rtl marquee { width: -moz-available; height: auto; }
+.v-rl marquee { width: auto; height: -moz-available; }
+</style>
+<div class=ltr>
+  <marquee>A</marquee>
+</div>
+<div class=rtl dir=rtl>
+  <marquee>A</marquee>
+</div>
+<!-- disabled until bug 1132308
+<div class=v-rl>
+  <marquee>A</marquee>
+</div>
+-->
diff --git a/layout/reftests/writing-mode/ua-style-sheet-size-1.html b/layout/reftests/writing-mode/ua-style-sheet-size-1.html
new file mode 100644
index 0000000000..7549085010
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-size-1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical sizes on marquee elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+marquee { background-color: yellow; color: transparent; }
+</style>
+<div class=ltr>
+  <marquee>A</marquee>
+</div>
+<div class=rtl dir=rtl>
+  <marquee>A</marquee>
+</div>
+<!-- disabled until bug 1132308
+<div class=v-rl>
+  <marquee>A</marquee>
+</div>
+-->
diff --git a/layout/reftests/writing-mode/ua-style-sheet-size-2-ref.html b/layout/reftests/writing-mode/ua-style-sheet-size-2-ref.html
new file mode 100644
index 0000000000..3c53326ba7
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-size-2-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical margins on marquee elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+marquee { background-color: yellow; color: transparent; }
+.ltr marquee { width: -moz-available; height: 200px; }
+.rtl marquee { width: -moz-available; height: 200px; }
+.v-rl marquee { width: 200px; height: -moz-available; }
+</style>
+<div class=ltr>
+  <marquee direction=down>A</marquee>
+</div>
+<div class=rtl dir=rtl>
+  <marquee direction=down>A</marquee>
+</div>
+<!-- disabled until bug 1132308
+<div class=v-rl>
+  <marquee direction=down>A</marquee>
+</div>
+-->
diff --git a/layout/reftests/writing-mode/ua-style-sheet-size-2.html b/layout/reftests/writing-mode/ua-style-sheet-size-2.html
new file mode 100644
index 0000000000..1c0be6f4b5
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-size-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical sizes on marquee elements in the UA style sheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
+marquee { background-color: yellow; color: transparent; }
+</style>
+<div class=ltr>
+  <marquee direction=down>A</marquee>
+</div>
+<div class=rtl dir=rtl>
+  <marquee direction=down>A</marquee>
+</div>
+<!-- disabled until bug 1132308
+<div class=v-rl>
+  <marquee direction=down>A</marquee>
+</div>
+-->
diff --git a/layout/reftests/writing-mode/ua-style-sheet-textarea-1.html b/layout/reftests/writing-mode/ua-style-sheet-textarea-1.html
new file mode 100644
index 0000000000..c55c998d7c
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-textarea-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of textarea in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+</style>
+<div class=ltr>
+  <textarea>hello</textarea>
+</div>
+
+<div class=rtl dir=rtl>
+  <textarea>hello</textarea>
+</div>
+
+<div class=v-rl>
+  <textarea>hello</textarea>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-textarea-1a-ref.html b/layout/reftests/writing-mode/ua-style-sheet-textarea-1a-ref.html
new file mode 100644
index 0000000000..5f4c54b248
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-textarea-1a-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of textarea in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+
+.ltr textarea, .rtl textarea {
+  margin: 1px 0;
+  padding: 2px;
+}
+.v-rl textarea {
+  margin: 0 1px;
+  padding: 2px;
+}
+</style>
+<div class=ltr>
+  <textarea>hello</textarea>
+</div>
+
+<div class=rtl dir=rtl>
+  <textarea>hello</textarea>
+</div>
+
+<div class=v-rl>
+  <textarea>hello</textarea>
+</div>
diff --git a/layout/reftests/writing-mode/ua-style-sheet-textarea-1c-ref.html b/layout/reftests/writing-mode/ua-style-sheet-textarea-1c-ref.html
new file mode 100644
index 0000000000..cbd1fb833f
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-textarea-1c-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of textarea in the UA stylesheet</title>
+<style>
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+
+textarea {
+  padding: 2px;
+}
+.ltr textarea, .rtl textarea {
+  margin: 1px 0;
+}
+.v-rl textarea {
+  margin: 0 1px;
+}
+</style>
+<div class=ltr>
+  <textarea>hello</textarea>
+</div>
+
+<div class=rtl dir=rtl>
+  <textarea>hello</textarea>
+</div>
+
+<div class=v-rl>
+  <textarea>hello</textarea>
+</div>
diff --git a/layout/reftests/xul-document-load/readme.txt b/layout/reftests/xul-document-load/readme.txt
new file mode 100644
index 0000000000..02b6138c8b
--- /dev/null
+++ b/layout/reftests/xul-document-load/readme.txt
@@ -0,0 +1,27 @@
+This directory contains various XUL document (mozilla/dom/xul/document) testcases for reftest.
+
+test003: Checks that dynamically removing the stylesheet PI from an inline
+         script has expected effect.
+
+test004: Same as test003, but removing the stylesheet PI happens from a "load"
+         event handler.
+
+test005: Same as test003, but removing the stylesheet PI happens from a top-level
+         script in an external JS file.
+
+test006: Simple <?xml-stylesheet ?> instruction in the prolog has an effect and exists
+         in the DOM.
+
+test008: Handle stylesheet PIs pointing to nonexistent resources gracefully.
+
+test010: PIs in the master document, outside the prolog, don't have any effect but get
+         added to the DOM.
+
+test012: Tests that sheets references from <?xml-stylesheet ?> PIs are added to the
+         document in the same order as the PIs themselves are in - the simple case.
+
+test013: Tests the same thing as #012, but for the case when the first sheet contains
+         an @import statement, which makes it -finish- loading earlier than the
+         second sheet.
+
+test022: (bug 369828) <html:style> works in XUL documents
diff --git a/layout/reftests/xul-document-load/reference-green-window.xhtml b/layout/reftests/xul-document-load/reference-green-window.xhtml
new file mode 100644
index 0000000000..4c6ca1987d
--- /dev/null
+++ b/layout/reftests/xul-document-load/reference-green-window.xhtml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        style="background-color: green"/>
diff --git a/layout/reftests/xul-document-load/reftest.list b/layout/reftests/xul-document-load/reftest.list
new file mode 100644
index 0000000000..00d58ae45e
--- /dev/null
+++ b/layout/reftests/xul-document-load/reftest.list
@@ -0,0 +1,9 @@
+== chrome://reftest/content/xul-document-load/test003.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test004.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test005.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test006.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test008.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test010.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test012.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test013.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
+== chrome://reftest/content/xul-document-load/test022.xhtml chrome://reftest/content/xul-document-load/reference-green-window.xhtml
diff --git a/layout/reftests/xul-document-load/test003.css b/layout/reftests/xul-document-load/test003.css
new file mode 100644
index 0000000000..3b18aff8b4
--- /dev/null
+++ b/layout/reftests/xul-document-load/test003.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: red !important;
+}
diff --git a/layout/reftests/xul-document-load/test003.xhtml b/layout/reftests/xul-document-load/test003.xhtml
new file mode 100644
index 0000000000..fea3a05654
--- /dev/null
+++ b/layout/reftests/xul-document-load/test003.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<?xml-stylesheet href="test003.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        style="background-color: green">
+<script type="text/javascript">document.removeChild(document.firstChild);</script>
+</window>
\ No newline at end of file
diff --git a/layout/reftests/xul-document-load/test004.css b/layout/reftests/xul-document-load/test004.css
new file mode 100644
index 0000000000..3b18aff8b4
--- /dev/null
+++ b/layout/reftests/xul-document-load/test004.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: red !important;
+}
diff --git a/layout/reftests/xul-document-load/test004.xhtml b/layout/reftests/xul-document-load/test004.xhtml
new file mode 100644
index 0000000000..ccb030ba1f
--- /dev/null
+++ b/layout/reftests/xul-document-load/test004.xhtml
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<?xml-stylesheet href="test004.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        style="background-color: green" onload="handleOnLoad();">
+<script type="text/javascript">
+function handleOnLoad() {
+  document.removeChild(document.firstChild);
+}
+</script>
+</window>
\ No newline at end of file
diff --git a/layout/reftests/xul-document-load/test005.css b/layout/reftests/xul-document-load/test005.css
new file mode 100644
index 0000000000..3b18aff8b4
--- /dev/null
+++ b/layout/reftests/xul-document-load/test005.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: red !important;
+}
diff --git a/layout/reftests/xul-document-load/test005.js b/layout/reftests/xul-document-load/test005.js
new file mode 100644
index 0000000000..726acd417b
--- /dev/null
+++ b/layout/reftests/xul-document-load/test005.js
@@ -0,0 +1,4 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+document.firstChild.remove();
diff --git a/layout/reftests/xul-document-load/test005.xhtml b/layout/reftests/xul-document-load/test005.xhtml
new file mode 100644
index 0000000000..76adc60867
--- /dev/null
+++ b/layout/reftests/xul-document-load/test005.xhtml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<?xml-stylesheet href="test005.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        style="background-color: green">
+<script src="test005.js"/>
+</window>
\ No newline at end of file
diff --git a/layout/reftests/xul-document-load/test006-007.js b/layout/reftests/xul-document-load/test006-007.js
new file mode 100644
index 0000000000..96fd74fe4c
--- /dev/null
+++ b/layout/reftests/xul-document-load/test006-007.js
@@ -0,0 +1,11 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+function checkDOM(target, data) {
+  // assuming whitespace and the XML declaration are not in the DOM.
+  var piNode = document.firstChild;
+  if (!piNode || piNode.nodeType != Node.PROCESSING_INSTRUCTION_NODE ||
+      piNode.target != target || piNode.data != data) {
+    document.documentElement.style.backgroundColor = "red";
+  }
+}
diff --git a/layout/reftests/xul-document-load/test006.css b/layout/reftests/xul-document-load/test006.css
new file mode 100644
index 0000000000..9cf783629d
--- /dev/null
+++ b/layout/reftests/xul-document-load/test006.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: green !important;
+}
diff --git a/layout/reftests/xul-document-load/test006.xhtml b/layout/reftests/xul-document-load/test006.xhtml
new file mode 100644
index 0000000000..82137d20d3
--- /dev/null
+++ b/layout/reftests/xul-document-load/test006.xhtml
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<?xml-stylesheet href="test006.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        id="main"
+        style="background-color: red"
+        onload="checkDOM('xml-stylesheet', 'href=&quot;test006.css&quot; type=&quot;text/css&quot;');">
+  <script src="test006-007.js"/>
+</window>
\ No newline at end of file
diff --git a/layout/reftests/xul-document-load/test008.xhtml b/layout/reftests/xul-document-load/test008.xhtml
new file mode 100644
index 0000000000..edb5810fb1
--- /dev/null
+++ b/layout/reftests/xul-document-load/test008.xhtml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<?xml-stylesheet href="not-existing.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        style="background-color: green">
+</window>
diff --git a/layout/reftests/xul-document-load/test010.css b/layout/reftests/xul-document-load/test010.css
new file mode 100644
index 0000000000..3b18aff8b4
--- /dev/null
+++ b/layout/reftests/xul-document-load/test010.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: red !important;
+}
diff --git a/layout/reftests/xul-document-load/test010.xhtml b/layout/reftests/xul-document-load/test010.xhtml
new file mode 100644
index 0000000000..37359ab5aa
--- /dev/null
+++ b/layout/reftests/xul-document-load/test010.xhtml
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<window id="main"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        style="background-color: green">
+  <?xml-stylesheet href="test010.css" type="text/css"?>
+  <script>
+  function assert(x, msg) {
+    if(!x) {
+      dump("assertion failed! " + msg + "\n");
+      document.getElementById("main").style.backgroundColor = "red";
+    }
+  }
+  
+  try {
+    assert(document.firstChild.id == "main", "nothing in prolog");
+    var winEl = document.documentElement;
+    assert(winEl.childNodes[0].nodeName == "xml-stylesheet", "xml-stylesheet PI is in the correct place");
+  } catch(e) {
+    dump(e);
+    assert(false, e);
+    throw e;
+  }
+  </script>
+</window>
\ No newline at end of file
diff --git a/layout/reftests/xul-document-load/test012-1.css b/layout/reftests/xul-document-load/test012-1.css
new file mode 100644
index 0000000000..ed5e68c189
--- /dev/null
+++ b/layout/reftests/xul-document-load/test012-1.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: red;
+}
diff --git a/layout/reftests/xul-document-load/test012-2.css b/layout/reftests/xul-document-load/test012-2.css
new file mode 100644
index 0000000000..ff59288db0
--- /dev/null
+++ b/layout/reftests/xul-document-load/test012-2.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: green;
+}
diff --git a/layout/reftests/xul-document-load/test012.xhtml b/layout/reftests/xul-document-load/test012.xhtml
new file mode 100644
index 0000000000..7f9c647916
--- /dev/null
+++ b/layout/reftests/xul-document-load/test012.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<?xml-stylesheet href="test012-1.css" type="text/css"?>
+<?xml-stylesheet href="test012-2.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"/>
diff --git a/layout/reftests/xul-document-load/test013-1-import.css b/layout/reftests/xul-document-load/test013-1-import.css
new file mode 100644
index 0000000000..b7eafb32da
--- /dev/null
+++ b/layout/reftests/xul-document-load/test013-1-import.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: yellow;
+}
diff --git a/layout/reftests/xul-document-load/test013-1.css b/layout/reftests/xul-document-load/test013-1.css
new file mode 100644
index 0000000000..dae0aa589e
--- /dev/null
+++ b/layout/reftests/xul-document-load/test013-1.css
@@ -0,0 +1,7 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+@import url(test013-1-import.css);
+window { 
+  background-color: red;
+}
diff --git a/layout/reftests/xul-document-load/test013-2.css b/layout/reftests/xul-document-load/test013-2.css
new file mode 100644
index 0000000000..ff59288db0
--- /dev/null
+++ b/layout/reftests/xul-document-load/test013-2.css
@@ -0,0 +1,6 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/licenses/publicdomain/  */
+
+window { 
+  background-color: green;
+}
diff --git a/layout/reftests/xul-document-load/test013.xhtml b/layout/reftests/xul-document-load/test013.xhtml
new file mode 100644
index 0000000000..d04a54fd32
--- /dev/null
+++ b/layout/reftests/xul-document-load/test013.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<?xml-stylesheet href="test013-1.css" type="text/css"?>
+<?xml-stylesheet href="test013-2.css" type="text/css"?>
+<window id="main" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"/>
diff --git a/layout/reftests/xul-document-load/test022.xhtml b/layout/reftests/xul-document-load/test022.xhtml
new file mode 100644
index 0000000000..75dbbdd78e
--- /dev/null
+++ b/layout/reftests/xul-document-load/test022.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<!--
+Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/licenses/publicdomain/
+-->
+<window title="Testcase for bug 369828 - html:style doesn't work in XUL documents"
+  xmlns:html="http://www.w3.org/1999/xhtml"
+  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+  style="background-color: red">
+
+<html:style type="text/css">
+  window {
+    background-color: green !important;
+  }
+</html:style>
+
+</window>
diff --git a/layout/reftests/xul/accesskey-ref.xhtml b/layout/reftests/xul/accesskey-ref.xhtml
new file mode 100644
index 0000000000..5b89fa7f1d
--- /dev/null
+++ b/layout/reftests/xul/accesskey-ref.xhtml
@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+<?xml-stylesheet href="data:text/css,u { display: inline; text-decoration: underline; }" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<hbox align="start">
+  <label control="b1"><u>L</u>abel1</label><input xmlns="http://www.w3.org/1999/xhtml" id="b1" size="2"/>
+  <label control="b2">Labe<u>l</u>2</label><input xmlns="http://www.w3.org/1999/xhtml" id="b2" size="2"/>
+  <label control="b3">La<u>b</u>el3</label><input xmlns="http://www.w3.org/1999/xhtml" id="b3" size="2"/>
+  <label control="b4">Label4 (<u>X</u>)</label><input xmlns="http://www.w3.org/1999/xhtml" id="b4" size="2"/>
+  <label control="b5" maxwidth="50">Quite a <u>l</u>ong label. Hopefully it will wrap</label><input xmlns="http://www.w3.org/1999/xhtml" id="b5" label="Button5" size="2"/>
+</hbox>
+
+<hbox id="d" align="start">
+  <label control="d1"><u>L</u>abel1</label><input xmlns="http://www.w3.org/1999/xhtml" id="d1" size="2"/>
+  <label control="d2">Labe<u>l</u>2</label><input xmlns="http://www.w3.org/1999/xhtml" id="d2" size="2"/>
+  <label control="d3">La<u>b</u>el3</label><input xmlns="http://www.w3.org/1999/xhtml" id="d3" size="2"/>
+  <label control="d4">Label4 (<u>X</u>)</label><input xmlns="http://www.w3.org/1999/xhtml" id="d4" size="2"/>
+  <label control="d5" maxwidth="50">Quite a <u>l</u>ong label. Hopefully it will wrap</label><input xmlns="http://www.w3.org/1999/xhtml" id="d5" size="2"/>
+</hbox>
+
+</window>
diff --git a/layout/reftests/xul/accesskey.xhtml b/layout/reftests/xul/accesskey.xhtml
new file mode 100644
index 0000000000..1bbd2810e9
--- /dev/null
+++ b/layout/reftests/xul/accesskey.xhtml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<!-- This test checks that access keys are rendered properly, both when set with the
+     accesskey attribute in the markup and updated via script later.
+  -->
+<window class="reftest-wait" onload="changeKeys()"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<script>
+<![CDATA[
+
+var keys = ['L', 'l', 'b', 'x', 'l'];
+
+function changeKeys()
+{
+  var box = document.getElementById('d');
+  for (var b = 0; b < 5; b++)
+    box.childNodes[b * 2].accessKey = keys[b];
+
+  document.documentElement.className='';
+}
+
+]]>
+</script>
+
+<hbox align="start">
+  <label control="b1" accesskey="L">Label1</label><input xmlns="http://www.w3.org/1999/xhtml"  id="b1" size="2"/>
+  <label control="b2" accesskey="l">Label2</label><input xmlns="http://www.w3.org/1999/xhtml"  id="b2" size="2"/>
+  <label control="b3" accesskey="b">Label3</label><input xmlns="http://www.w3.org/1999/xhtml"  id="b3" size="2"/>
+  <label control="b4" accesskey="x">Label4</label><input xmlns="http://www.w3.org/1999/xhtml"  id="b4" size="2"/>
+  <label control="b5" accesskey="l" maxwidth="50">Quite a long label. Hopefully it will wrap</label><input xmlns="http://www.w3.org/1999/xhtml"  id="b5" size="2"/>
+</hbox>
+
+<hbox id="d" align="start">
+  <label control="d1" accesskey="z">Label1</label><input xmlns="http://www.w3.org/1999/xhtml"  id="d1" size="2"/>
+  <label control="d2">Label2</label><input xmlns="http://www.w3.org/1999/xhtml"  id="d2" size="2"/>
+  <label control="d3" accesskey="t">Label3</label><input xmlns="http://www.w3.org/1999/xhtml"  id="d3" size="2"/>
+  <label control="d4" accesskey="b">Label4</label><input xmlns="http://www.w3.org/1999/xhtml"  id="d4" size="2"/>
+  <label control="d5" accesskey="l" maxwidth="50">Quite a long label. Hopefully it will wrap</label><input xmlns="http://www.w3.org/1999/xhtml"  id="d5" size="2"/>
+</hbox>
+
+</window>
diff --git a/layout/reftests/xul/blank-window.xhtml b/layout/reftests/xul/blank-window.xhtml
new file mode 100644
index 0000000000..ad5e963b79
--- /dev/null
+++ b/layout/reftests/xul/blank-window.xhtml
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window title="Blank window"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"/>
diff --git a/layout/reftests/xul/colors-16x8-noSize.svg b/layout/reftests/xul/colors-16x8-noSize.svg
new file mode 100644
index 0000000000..db715d875e
--- /dev/null
+++ b/layout/reftests/xul/colors-16x8-noSize.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- This SVG file has an aspect-ratio (from its viewBox attribute),
+     but no intrinsic size.
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 16 8">
+  <rect x="0" y="0" width="8px" height="4px" style="fill: blue"/>
+  <rect x="8" y="0" width="8px" height="4px" style="fill: black"/>
+  <rect x="0" y="4" width="8px" height="4px" style="fill: rgb(255,128,128)"/>
+  <rect x="8" y="4" width="8px" height="4px" style="fill: lime"/>
+</svg>
diff --git a/layout/reftests/xul/colors-16x8-parDefault.svg b/layout/reftests/xul/colors-16x8-parDefault.svg
new file mode 100644
index 0000000000..1b0bca0737
--- /dev/null
+++ b/layout/reftests/xul/colors-16x8-parDefault.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- This SVG file has the default preserveAspectRatio (xMidyMid meet).
+
+     If it's rendered via e.g. a square <img> element with 'object-fit: fill',
+     the SVG will receive the <img>'s full content-box to use as its viewport.
+     But, importantly, its viewBox-region should NOT be stretched/squashed to
+     fill this viewport; instead, the viewBox will scale *proportionally* until
+     it *just* fits inside the viewport (the <img>), without overflowing, and
+     it'll be centered inside the viewport in whichever dimension has extra
+     space available. (This is what "xMidYMid meet" requires.)
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="16" height="8" viewBox="0 0 16 8">
+  <rect x="0" y="0" width="8px" height="4px" style="fill: blue"/>
+  <rect x="8" y="0" width="8px" height="4px" style="fill: black"/>
+  <rect x="0" y="4" width="8px" height="4px" style="fill: rgb(255,128,128)"/>
+  <rect x="8" y="4" width="8px" height="4px" style="fill: lime"/>
+</svg>
diff --git a/layout/reftests/xul/colors-16x8.png b/layout/reftests/xul/colors-16x8.png
new file mode 100644
index 0000000000..bd23845871
Binary files /dev/null and b/layout/reftests/xul/colors-16x8.png differ
diff --git a/layout/reftests/xul/colors-16x8.svg b/layout/reftests/xul/colors-16x8.svg
new file mode 100644
index 0000000000..08e3659402
--- /dev/null
+++ b/layout/reftests/xul/colors-16x8.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- This SVG file is meant to mimic colors-8x16.png as closely
+     as possible. In particular, this SVG has:
+      (1) an intrinsic size (from the 'width' & 'height' attributes)
+      (2) preserveAspectRatio="none", allowing it to stretch in the
+          same way that a raster image would.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
+     width="16" height="8" viewBox="0 0 16 8">
+  <rect x="0" y="0" width="8px" height="4px" style="fill: blue"/>
+  <rect x="8" y="0" width="8px" height="4px" style="fill: black"/>
+  <rect x="0" y="4" width="8px" height="4px" style="fill: rgb(255,128,128)"/>
+  <rect x="8" y="4" width="8px" height="4px" style="fill: lime"/>
+</svg>
diff --git a/layout/reftests/xul/colors-8x16-noSize.svg b/layout/reftests/xul/colors-8x16-noSize.svg
new file mode 100644
index 0000000000..e741537b93
--- /dev/null
+++ b/layout/reftests/xul/colors-8x16-noSize.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- This SVG file has an aspect-ratio (from its viewBox attribute),
+     but no intrinsic size.
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 8 16">
+  <rect x="0" y="0" width="4px" height="8px" style="fill: blue"/>
+  <rect x="4" y="0" width="4px" height="8px" style="fill: black"/>
+  <rect x="0" y="8" width="4px" height="8px" style="fill: rgb(255,128,128)"/>
+  <rect x="4" y="8" width="4px" height="8px" style="fill: lime"/>
+</svg>
diff --git a/layout/reftests/xul/colors-8x16-parDefault.svg b/layout/reftests/xul/colors-8x16-parDefault.svg
new file mode 100644
index 0000000000..ec8c59dcbd
--- /dev/null
+++ b/layout/reftests/xul/colors-8x16-parDefault.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- This SVG file has the default preserveAspectRatio (xMidyMid meet).
+
+     If it's rendered via e.g. a square <img> element with 'object-fit: fill',
+     the SVG will receive the <img>'s full content-box to use as its viewport.
+     But, importantly, its viewBox-region should NOT be stretched/squashed to
+     fill this viewport; instead, the viewBox will scale *proportionally* until
+     it *just* fits inside the viewport (the <img>), without overflowing, and
+     it'll be centered inside the viewport in whichever dimension has extra
+     space available. (This is what "xMidYMid meet" requires.)
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="8" height="16" viewBox="0 0 8 16">
+  <rect x="0" y="0" width="4px" height="8px" style="fill: blue"/>
+  <rect x="4" y="0" width="4px" height="8px" style="fill: black"/>
+  <rect x="0" y="8" width="4px" height="8px" style="fill: rgb(255,128,128)"/>
+  <rect x="4" y="8" width="4px" height="8px" style="fill: lime"/>
+</svg>
diff --git a/layout/reftests/xul/colors-8x16.png b/layout/reftests/xul/colors-8x16.png
new file mode 100644
index 0000000000..596fdb389d
Binary files /dev/null and b/layout/reftests/xul/colors-8x16.png differ
diff --git a/layout/reftests/xul/colors-8x16.svg b/layout/reftests/xul/colors-8x16.svg
new file mode 100644
index 0000000000..c336e3af1b
--- /dev/null
+++ b/layout/reftests/xul/colors-8x16.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- This SVG file is meant to mimic colors-8x16.png as closely
+     as possible. In particular, this SVG has:
+      (1) an intrinsic size (from the 'width' & 'height' attributes)
+      (2) preserveAspectRatio="none", allowing it to stretch in the
+          same way that a raster image would.
+-->
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
+     width="8" height="16" viewBox="0 0 8 16">
+  <rect x="0" y="0" width="4px" height="8px" style="fill: blue"/>
+  <rect x="4" y="0" width="4px" height="8px" style="fill: black"/>
+  <rect x="0" y="8" width="4px" height="8px" style="fill: rgb(255,128,128)"/>
+  <rect x="4" y="8" width="4px" height="8px" style="fill: lime"/>
+</svg>
diff --git a/layout/reftests/xul/css-flex-1-ref.html b/layout/reftests/xul/css-flex-1-ref.html
new file mode 100644
index 0000000000..a47eb8e9cf
--- /dev/null
+++ b/layout/reftests/xul/css-flex-1-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body { margin: 0 }
+    div.ref {
+      border: 1px solid black;
+      box-sizing: border-box;
+      background: green;
+      height: 50px;
+      width: 100px;
+    }
+  </style>
+</head>
+<body>
+  <div class="ref"></div>
+</body>
+</html>
diff --git a/layout/reftests/xul/css-flex-1.xhtml b/layout/reftests/xul/css-flex-1.xhtml
new file mode 100644
index 0000000000..0622e11222
--- /dev/null
+++ b/layout/reftests/xul/css-flex-1.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        class="reftest-wait"
+        onload="tweak()">
+  <style xmlns="http://www.w3.org/1999/xhtml">
+    <![CDATA[
+    panelview {
+      border: 1px solid black;
+      background: green;
+      display: flex;
+      height: 50px;
+    }
+    ]]>
+  </style>
+  <script>
+    <![CDATA[
+    function tweak() {
+      var tweakMe = document.getElementById("tweakMe");
+      tweakMe.style.width = "100px";
+      document.documentElement.className = "";
+    }
+    ]]>
+  </script>
+  <hbox>
+    <panelview id="tweakMe"></panelview>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/generate-object-fit-xul-tests.sh b/layout/reftests/xul/generate-object-fit-xul-tests.sh
new file mode 100644
index 0000000000..624b2e73ef
--- /dev/null
+++ b/layout/reftests/xul/generate-object-fit-xul-tests.sh
@@ -0,0 +1,94 @@
+#!/bin/bash
+#
+# Any copyright is dedicated to the Public Domain.
+# http://creativecommons.org/publicdomain/zero/1.0/
+#
+# Script to generate XUL <image> reftest files, from corresponding reftest
+# files that use <img>.
+#
+# This script expects to be run from this working directory:
+#  mozilla-central/layout/reftests/w3c-css/submitted/images3
+
+XUL_REFTEST_PATH="../../../xul"
+
+imageFileArr=("colors-16x8.png"            "colors-8x16.png"
+              "colors-16x8.svg"            "colors-8x16.svg"
+              "colors-16x8-noSize.svg"     "colors-8x16-noSize.svg"
+              "colors-16x8-parDefault.svg" "colors-8x16-parDefault.svg")
+numImageFiles=${#imageFileArr[@]}
+
+# Copy image files
+for ((i = 0; i < $numImageFiles; i++)); do
+  imageFileName=${imageFileArr[$i]}
+  imageDest=$XUL_REFTEST_PATH/$imageFileName
+
+  echo "Copying $imageDest."
+  hg cp support/$imageFileName $imageDest
+done
+
+# Add comment to reftest.list in dest directory:
+reftestListFileName="$XUL_REFTEST_PATH/reftest.list"
+echo "
+# Tests for XUL <image> with 'object-fit' & 'object-position':
+# These tests should be very similar to tests in our w3c-css/submitted/images3
+# reftest directory. They live here because they use XUL, and it
+# wouldn't be fair of us to make a W3C testsuite implicitly depend on XUL."\
+  >> $reftestListFileName
+
+# Loop across all object-fit tests that use <img> ("i" suffix):
+for origTestName in object-fit*i.html; do
+  newTestName=$(echo $origTestName |
+                sed "s/i.html/.xul/")
+
+  # Find the corresponding reference case:
+  referenceName=$(echo $origTestName |
+                  sed "s/i.html/-ref.html/")
+
+  # Generate reference file (dropping "support" subdir from image paths):
+  echo "Copying $referenceName to $XUL_REFTEST_PATH."
+  newReferenceFullPath=$XUL_REFTEST_PATH/$referenceName
+  hg cp $referenceName $newReferenceFullPath
+  sed -i "s,support/,," $newReferenceFullPath
+
+  # Generate testcase
+  # (converting <video poster="support/foo.png"> to <video src="foo.webm">):
+  echo "Generating $newTestName from $origTestName."
+  newTestFullPath=$XUL_REFTEST_PATH/$newTestName
+  hg cp $origTestName $newTestFullPath
+
+  # Replace doctype with XML decl:
+  sed -i "s/<!DOCTYPE html>/<?xml version=\"1.0\"?>/" $newTestFullPath
+
+  # Replace html tags with window tags:
+  sed -i "s,<html>,<window xmlns=\"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul\">," $newTestFullPath
+  sed -i "s,</html>,</window>," $newTestFullPath
+
+  # Delete a bunch of HTML (not XUL) / W3C-testsuite boilerplate:
+  sed -i "/head>/d" $newTestFullPath # Delete head open & close tags
+  sed -i "/body>/d" $newTestFullPath # Delete body open & close tags
+  sed -i "/<meta/d" $newTestFullPath # Delete meta charset tag
+  sed -i "/<title/d" $newTestFullPath # Delete title line
+  sed -i "/<link/d" $newTestFullPath # Delete link tags
+
+  # Add 4px to all sizes, since in XUL, sizes are for border-box
+  # instead of content-box.
+  sed -i "s/ 48px/ 52px/" $newTestFullPath
+  sed -i "s/ 32px/ 36px/" $newTestFullPath
+  sed -i "s/ 8px/ 12px/" $newTestFullPath
+
+  # Fix style open/close tags, and add 8px of padding on outer <window> to
+  # match our HTML reference case, and change style rule to target <image>:
+  sed -i "s,  <style type=\"text/css\">,\<style xmlns=\"http://www.w3.org/1999/xhtml\"><![CDATA[\n      window { padding: 8px; }," $newTestFullPath
+  sed -i "s,  </style>,]]></style>," $newTestFullPath
+  sed -i "s/img {/image {/" $newTestFullPath
+
+  sed -i "s,support/,," $newTestFullPath
+  sed -i "s,<img\(.*\)>,<image\1/>," $newTestFullPath
+  sed -i "s,  <!--,<hbox>\n    <!--," $newTestFullPath
+  sed -i "s,  <br>,</hbox>," $newTestFullPath
+
+  # Update reftest manifest:
+  echo "== $newTestName $referenceName" \
+    >> $reftestListFileName
+
+done
diff --git a/layout/reftests/xul/generate-object-position-xul-tests.sh b/layout/reftests/xul/generate-object-position-xul-tests.sh
new file mode 100644
index 0000000000..b03b245790
--- /dev/null
+++ b/layout/reftests/xul/generate-object-position-xul-tests.sh
@@ -0,0 +1,68 @@
+#!/bin/bash
+#
+# Any copyright is dedicated to the Public Domain.
+# http://creativecommons.org/publicdomain/zero/1.0/
+#
+# Script to generate XUL <image> reftest files, from corresponding reftest
+# files that use <img>.
+#
+# This script expects to be run from this working directory:
+#  mozilla-central/layout/reftests/w3c-css/submitted/images3
+# and it expects to be run *after* generate-object-fit-xul-tests.sh, since the
+# copied test files will make use of image resources which are copied by that
+# other script.
+
+XUL_REFTEST_PATH="../../../xul"
+
+reftestListFileName="$XUL_REFTEST_PATH/reftest.list"
+
+# Loop across all object-position tests that use <img> ("i" suffix):
+for origTestName in object-position-png-*i.html; do
+  newTestName=$(echo $origTestName |
+                sed "s/i.html/.xul/")
+
+  # Find the corresponding reference case:
+  referenceName=$(echo $origTestName |
+                  sed "s/i.html/-ref.html/")
+
+  # Generate reference file (dropping "support" subdir from image paths):
+  echo "Copying $referenceName to $XUL_REFTEST_PATH."
+  newReferenceFullPath=$XUL_REFTEST_PATH/$referenceName
+  hg cp $referenceName $newReferenceFullPath
+  sed -i "s,support/,," $newReferenceFullPath
+
+  # Generate testcase
+  # (converting <video poster="support/foo.png"> to <video src="foo.webm">):
+  echo "Generating $newTestName from $origTestName."
+  newTestFullPath=$XUL_REFTEST_PATH/$newTestName
+  hg cp $origTestName $newTestFullPath
+
+  # Replace doctype with XML decl:
+  sed -i "s/<!DOCTYPE html>/<?xml version=\"1.0\"?>/" $newTestFullPath
+
+  # Replace html tags with window tags:
+  sed -i "s,<html>,<window xmlns=\"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul\">," $newTestFullPath
+
+  # Delete a bunch of HTML (not XUL) / W3C-testsuite boilerplate:
+  sed -i "/head>/d" $newTestFullPath # Delete head open & close tags
+  sed -i "/body>/d" $newTestFullPath # Delete body open & close tags
+  sed -i "/<meta/d" $newTestFullPath # Delete meta charset tag
+  sed -i "/<title/d" $newTestFullPath # Delete title line
+  sed -i "/<link/d" $newTestFullPath # Delete link tags
+
+  # Fix style open/close tags, and add 8px of padding on outer <window> to
+  # match our HTML reference case, and change style rule to target <image>.
+  # Also, add <hbox> to wrap the image elements.
+  sed -i "s,  <style type=\"text/css\">,\<style xmlns=\"http://www.w3.org/1999/xhtml\"><![CDATA[\n      window { padding: 8px; }," $newTestFullPath
+  sed -i "s,  </style>,]]></style>\n  <hbox>," $newTestFullPath
+  sed -i "s,</html>,  </hbox>\n</window>," $newTestFullPath
+  sed -i "s/img {/image {/" $newTestFullPath
+
+  sed -i "s,support/,," $newTestFullPath
+  sed -i "s,<img\(.*\)>,<image\1/>," $newTestFullPath
+
+  # Update reftest manifest:
+  echo "== $newTestName $referenceName" \
+    >> $reftestListFileName
+
+done
diff --git a/layout/reftests/xul/green-ref.xhtml b/layout/reftests/xul/green-ref.xhtml
new file mode 100644
index 0000000000..1ae0cb548c
--- /dev/null
+++ b/layout/reftests/xul/green-ref.xhtml
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<foo xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" style="background-color: green;">
+</foo>
diff --git a/layout/reftests/xul/image-appearance-dynamic-ref.xhtml b/layout/reftests/xul/image-appearance-dynamic-ref.xhtml
new file mode 100644
index 0000000000..f638743ab1
--- /dev/null
+++ b/layout/reftests/xul/image-appearance-dynamic-ref.xhtml
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+    image {
+      list-style-image: url(colors-16x8.png);
+      -moz-appearance: button-arrow-up;
+    }
+  ]]></style>
+  <hbox>
+    <image/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/image-appearance-dynamic.xhtml b/layout/reftests/xul/image-appearance-dynamic.xhtml
new file mode 100644
index 0000000000..9395a6cef6
--- /dev/null
+++ b/layout/reftests/xul/image-appearance-dynamic.xhtml
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" class="reftest-wait">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+    image {
+      list-style-image: url(colors-16x8.png);
+    }
+    .tweak {
+      -moz-appearance: button-arrow-up;
+    }
+  ]]></style>
+  <hbox>
+    <image/>
+  </hbox>
+  <script>
+  window.addEventListener("load", function() {
+    document.querySelector("image").className = "tweak";
+    document.documentElement.className = "";
+  });
+  </script>
+</window>
diff --git a/layout/reftests/xul/inactive-fixed-bg-bug1205630-ref.html b/layout/reftests/xul/inactive-fixed-bg-bug1205630-ref.html
new file mode 100644
index 0000000000..2322e4004d
--- /dev/null
+++ b/layout/reftests/xul/inactive-fixed-bg-bug1205630-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase</title>
+
+<style>
+
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#inner {
+  width: 100px;
+  height: 100px;
+  background: linear-gradient(red, blue) no-repeat;
+  background-position: -50px -50px;
+  background-size: 800px 800px;
+}
+
+#outer {
+  margin: 50px 50px 0;
+  width: 100px;
+  height: 100px;
+  clip-path: url(#path);
+  position: fixed;
+}
+
+</style>
+</head>
+<body>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+
+<svg height="0">
+  <defs>
+    <clipPath id="path" clipPathUnits="objectBoundingBox">
+      <polygon points="0.25,0.25 0.25,0.75 0.75,0.75 0.75,0.25"/>
+    </clipPath>
+  </defs>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/xul/inactive-fixed-bg-bug1205630.xhtml b/layout/reftests/xul/inactive-fixed-bg-bug1205630.xhtml
new file mode 100644
index 0000000000..306338c3fd
--- /dev/null
+++ b/layout/reftests/xul/inactive-fixed-bg-bug1205630.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <!-- Test that a fixed background layer inside an inactive layer tree
+       is clipped correctly. Here, the inactive layer tree is created by
+       the SVGEffects display item built for the clip-path on the outer div.
+       The bug only reproduces in XUL because fixed backgrounds are only
+       layerized if their animated geometry root is the root frame, but
+       in HTML there's always an enclosing HTML scroll frame. -->
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+    #inner {
+      width: 100px;
+      height: 100px;
+      background: linear-gradient(red, blue) no-repeat fixed;
+      background-size: 800px 800px;
+    }
+
+    #outer {
+      margin: 50px 50px 0;
+      width: 100px;
+      height: 100px;
+      clip-path: url(#path);
+      position: fixed;
+    }
+  ]]></style>
+  <div xmlns="http://www.w3.org/1999/xhtml" id="outer">
+    <div xmlns="http://www.w3.org/1999/xhtml" id="inner"></div>
+  </div>
+
+  <svg xmlns="http://www.w3.org/2000/svg" height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <polygon points="0.25,0.25 0.25,0.75 0.75,0.75 0.75,0.25"/>
+      </clipPath>
+    </defs>
+  </svg>
+</window>
diff --git a/layout/reftests/xul/inactive-fixed-bg-bug1272525-ref.html b/layout/reftests/xul/inactive-fixed-bg-bug1272525-ref.html
new file mode 100644
index 0000000000..82dc3193bb
--- /dev/null
+++ b/layout/reftests/xul/inactive-fixed-bg-bug1272525-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Testcase</title>
+
+<style>
+
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+#inner {
+  width: 100px;
+  height: 100px;
+  background: linear-gradient(red, blue) no-repeat;
+  background-position: -50px -50px;
+  background-size: 800px 800px;
+}
+
+#outer {
+  margin: 50px 50px 0;
+  width: 100px;
+  height: 200px;
+  clip-path: url(#path);
+  position: fixed;
+}
+
+</style>
+</head>
+<body>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+
+<svg height="0">
+  <defs>
+    <clipPath id="path" clipPathUnits="objectBoundingBox">
+      <polygon points="0.25,0.25 0.25,0.75 0.75,0.75 0.75,0.25"/>
+    </clipPath>
+  </defs>
+</svg>
+</body>
+</html>
diff --git a/layout/reftests/xul/inactive-fixed-bg-bug1272525.xhtml b/layout/reftests/xul/inactive-fixed-bg-bug1272525.xhtml
new file mode 100644
index 0000000000..81f2e9f8cf
--- /dev/null
+++ b/layout/reftests/xul/inactive-fixed-bg-bug1272525.xhtml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <!-- Test that a fixed background layer inside an inactive layer tree
+       is clipped correctly. Here, the inactive layer tree is created by
+       the SVGEffects display item built for the clip-path on the outer div.
+       The bug only reproduces in XUL because fixed backgrounds are only
+       layerized if their animated geometry root is the root frame, but
+       in HTML there's always an enclosing HTML scroll frame. -->
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+    #inner {
+      width: 100px;
+      height: 100px;
+      background: linear-gradient(red, blue) no-repeat fixed;
+      background-size: 800px 800px;
+    }
+
+    #outer {
+      margin: 50px 50px 0;
+      width: 100px;
+      height: 200px;
+      clip-path: url(#path);
+      position: fixed;
+    }
+  ]]></style>
+  <div xmlns="http://www.w3.org/1999/xhtml" id="outer">
+    <div xmlns="http://www.w3.org/1999/xhtml" id="inner"></div>
+  </div>
+
+  <svg xmlns="http://www.w3.org/2000/svg" height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <polygon points="0.25,0.25 0.25,0.75 0.75,0.75 0.75,0.25"/>
+      </clipPath>
+    </defs>
+  </svg>
+</window>
diff --git a/layout/reftests/xul/mac-tab-toolbar-ref.xhtml b/layout/reftests/xul/mac-tab-toolbar-ref.xhtml
new file mode 100644
index 0000000000..cfb3cd30f5
--- /dev/null
+++ b/layout/reftests/xul/mac-tab-toolbar-ref.xhtml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tabbox id="tab">
+    <tabs>
+      <tab label="zeroTab" id="0" selected="true" />
+      <tab label="firstTab" id="1" />
+      <tab label="secondtab" id="2" />
+      <tab label="thirdTab" id="3" />
+      <tab label="fourthTab" id="4" />
+      <tab label="fifthTab" id="5" />
+      <tab label="sixthTab" id="6" />
+      <tab label="seventhTab" id="7" />
+      <tab label="eightTab" id="8" />
+      <tab label="ninthTab" id="9" />
+    </tabs>
+  </tabbox>
+</window>
diff --git a/layout/reftests/xul/mac-tab-toolbar.xhtml b/layout/reftests/xul/mac-tab-toolbar.xhtml
new file mode 100644
index 0000000000..4582dbc7de
--- /dev/null
+++ b/layout/reftests/xul/mac-tab-toolbar.xhtml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" class="reftest-wait">
+  <tabbox id="tab">
+    <tabs>
+      <tab label="zeroTab" id="0" />
+      <tab label="firstTab" id="1" />
+      <tab label="secondtab" id="2" />
+      <tab label="thirdTab" id="3" />
+      <tab label="fourthTab" id="4" />
+      <tab label="fifthTab" id="5" />
+      <tab label="sixthTab" id="6" />
+      <tab label="seventhTab" id="7" />
+      <tab label="eightTab" id="8" />
+      <tab label="ninthTab" id="9" />
+    </tabs>
+  </tabbox>
+
+  <script type="text/javascript">
+    // Overly try to iterate and click through the tabs
+    // since its a timing specific bug.
+    var tabCount = 10;
+    var loops = 10;
+    var i = tabCount * loops;
+
+    function clickTabs() {
+      var currentTab = i % tabCount;
+      var tab = document.getElementById(currentTab);
+      tab.click();
+
+      if (i > 0) {
+        i--;
+        // Relinquish main thread so we can paint
+        setTimeout(clickTabs, 0);
+      } else {
+        // Test finished
+        document.documentElement.removeAttribute("class");
+      }
+    }
+
+    window.addEventListener('MozReftestInvalidate', clickTabs);
+  </script>
+</window>
diff --git a/layout/reftests/xul/menuitem-key-ref.xhtml b/layout/reftests/xul/menuitem-key-ref.xhtml
new file mode 100644
index 0000000000..29b0d89ae1
--- /dev/null
+++ b/layout/reftests/xul/menuitem-key-ref.xhtml
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<menuitem id="m1" label="Menu1" key="keytwo"/>
+<menuitem id="m2" label="Menu2"/>
+<menuitem id="m3" label="Menu3" key="keythree"/>
+<menuitem id="m4" label="Menu4" acceltext="Text"/>
+<menuitem id="m5" label="Menu5" acceltext="Text"/>
+<menuitem id="m6" label="Menu6" acceltext="Text"/>
+<menuitem id="m7" label="Menu7" key="keythree"/>
+<menuitem id="m8" label="Menu8"/>
+<menuitem id="m9" label="Menu9"/>
+
+<keyset>
+  <key id="keytwo" key="Y" modifiers="control"/>
+  <key id="keythree" key="X" modifiers="accel"/>
+</keyset>
+
+</window>
diff --git a/layout/reftests/xul/menuitem-key.xhtml b/layout/reftests/xul/menuitem-key.xhtml
new file mode 100644
index 0000000000..d9e8a08602
--- /dev/null
+++ b/layout/reftests/xul/menuitem-key.xhtml
@@ -0,0 +1,47 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window class="reftest-wait" onload="changeKeys()"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+<menuitem id="m1" label="Menu1" key="keyone"/>
+<menuitem id="m2" label="Menu2" key="keytwo"/>
+<menuitem id="m3" label="Menu3"/>
+<menuitem id="m4" label="Menu4"/>
+<menuitem id="m5" label="Menu5"/>
+<menuitem id="m6" label="Menu6" key="keythree" acceltext="Text"/>
+<menuitem id="m7" label="Menu7" key="keythree" acceltext="Text"/>
+<menuitem id="m8" label="Menu8" key="keythree" acceltext="Text"/>
+<menuitem id="m9" label="Menu9" key="keytwo"/>
+
+<script>
+function changeKeys()
+{
+  document.getElementById("m1").setAttribute("key", "keytwo");
+  document.getElementById("m2").removeAttribute("key");
+  document.getElementById("m3").setAttribute("key", "keythree");
+
+  document.getElementById("m4").setAttribute("key", "keyone");
+  document.getElementById("m4").setAttribute("acceltext", "Text");
+
+  document.getElementById("m5").setAttribute("acceltext", "Text");
+  document.getElementById("m5").setAttribute("key", "keytwo");
+
+  document.getElementById("m6").removeAttribute("key");
+  document.getElementById("m7").removeAttribute("acceltext");
+
+  document.getElementById("m8").removeAttribute("key");
+  document.getElementById("m8").removeAttribute("acceltext");
+
+  document.getElementById("m9").removeAttribute("key");
+
+  document.documentElement.className='';
+}
+</script>
+
+<keyset>
+  <key id="keyone" key="Z" modifiers="control"/>
+  <key id="keytwo" key="Y" modifiers="control"/>
+  <key id="keythree" key="X" modifiers="accel"/>
+</keyset>
+
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-png-001-ref.html b/layout/reftests/xul/object-fit-contain-png-001-ref.html
new file mode 100644
index 0000000000..2f96fbfd81
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-png-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-png-001.xhtml b/layout/reftests/xul/object-fit-contain-png-001.xhtml
new file mode 100644
index 0000000000..5004a0cfaa
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-png-001.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.png" class="bigWide tr"/>
+    <image src="colors-16x8.png" class="bigWide bl"/>
+    <image src="colors-16x8.png" class="bigWide tl"/>
+    <image src="colors-16x8.png" class="bigWide br"/>
+    <image src="colors-16x8.png" class="bigWide tc"/>
+    <image src="colors-16x8.png" class="bigWide cr"/>
+    <image src="colors-16x8.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.png" class="bigTall tr"/>
+    <image src="colors-16x8.png" class="bigTall bl"/>
+    <image src="colors-16x8.png" class="bigTall tl"/>
+    <image src="colors-16x8.png" class="bigTall br"/>
+    <image src="colors-16x8.png" class="bigTall tc"/>
+    <image src="colors-16x8.png" class="bigTall cr"/>
+    <image src="colors-16x8.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.png" class="small tr"/>
+    <image src="colors-16x8.png" class="small bl"/>
+    <image src="colors-16x8.png" class="small tl"/>
+    <image src="colors-16x8.png" class="small br"/>
+    <image src="colors-16x8.png" class="small tc"/>
+    <image src="colors-16x8.png" class="small cr"/>
+    <image src="colors-16x8.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-png-002-ref.html b/layout/reftests/xul/object-fit-contain-png-002-ref.html
new file mode 100644
index 0000000000..bff827c5c6
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-png-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-png-002.xhtml b/layout/reftests/xul/object-fit-contain-png-002.xhtml
new file mode 100644
index 0000000000..8e9725c18e
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-png-002.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.png" class="bigWide tr"/>
+    <image src="colors-8x16.png" class="bigWide bl"/>
+    <image src="colors-8x16.png" class="bigWide tl"/>
+    <image src="colors-8x16.png" class="bigWide br"/>
+    <image src="colors-8x16.png" class="bigWide tc"/>
+    <image src="colors-8x16.png" class="bigWide cr"/>
+    <image src="colors-8x16.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.png" class="bigTall tr"/>
+    <image src="colors-8x16.png" class="bigTall bl"/>
+    <image src="colors-8x16.png" class="bigTall tl"/>
+    <image src="colors-8x16.png" class="bigTall br"/>
+    <image src="colors-8x16.png" class="bigTall tc"/>
+    <image src="colors-8x16.png" class="bigTall cr"/>
+    <image src="colors-8x16.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.png" class="small tr"/>
+    <image src="colors-8x16.png" class="small bl"/>
+    <image src="colors-8x16.png" class="small tl"/>
+    <image src="colors-8x16.png" class="small br"/>
+    <image src="colors-8x16.png" class="small tc"/>
+    <image src="colors-8x16.png" class="small cr"/>
+    <image src="colors-8x16.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-svg-001-ref.html b/layout/reftests/xul/object-fit-contain-svg-001-ref.html
new file mode 100644
index 0000000000..d532d3414d
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-001-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.svg");
+        background-size: contain;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-svg-001.xhtml b/layout/reftests/xul/object-fit-contain-svg-001.xhtml
new file mode 100644
index 0000000000..351af5d2f8
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-001.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.svg" class="bigWide tr"/>
+    <image src="colors-16x8.svg" class="bigWide bl"/>
+    <image src="colors-16x8.svg" class="bigWide tl"/>
+    <image src="colors-16x8.svg" class="bigWide br"/>
+    <image src="colors-16x8.svg" class="bigWide tc"/>
+    <image src="colors-16x8.svg" class="bigWide cr"/>
+    <image src="colors-16x8.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.svg" class="bigTall tr"/>
+    <image src="colors-16x8.svg" class="bigTall bl"/>
+    <image src="colors-16x8.svg" class="bigTall tl"/>
+    <image src="colors-16x8.svg" class="bigTall br"/>
+    <image src="colors-16x8.svg" class="bigTall tc"/>
+    <image src="colors-16x8.svg" class="bigTall cr"/>
+    <image src="colors-16x8.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.svg" class="small tr"/>
+    <image src="colors-16x8.svg" class="small bl"/>
+    <image src="colors-16x8.svg" class="small tl"/>
+    <image src="colors-16x8.svg" class="small br"/>
+    <image src="colors-16x8.svg" class="small tc"/>
+    <image src="colors-16x8.svg" class="small cr"/>
+    <image src="colors-16x8.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-svg-002-ref.html b/layout/reftests/xul/object-fit-contain-svg-002-ref.html
new file mode 100644
index 0000000000..98262685c9
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-002-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.svg");
+        background-size: contain;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-svg-002.xhtml b/layout/reftests/xul/object-fit-contain-svg-002.xhtml
new file mode 100644
index 0000000000..6c56261112
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-002.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.svg" class="bigWide tr"/>
+    <image src="colors-8x16.svg" class="bigWide bl"/>
+    <image src="colors-8x16.svg" class="bigWide tl"/>
+    <image src="colors-8x16.svg" class="bigWide br"/>
+    <image src="colors-8x16.svg" class="bigWide tc"/>
+    <image src="colors-8x16.svg" class="bigWide cr"/>
+    <image src="colors-8x16.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.svg" class="bigTall tr"/>
+    <image src="colors-8x16.svg" class="bigTall bl"/>
+    <image src="colors-8x16.svg" class="bigTall tl"/>
+    <image src="colors-8x16.svg" class="bigTall br"/>
+    <image src="colors-8x16.svg" class="bigTall tc"/>
+    <image src="colors-8x16.svg" class="bigTall cr"/>
+    <image src="colors-8x16.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.svg" class="small tr"/>
+    <image src="colors-8x16.svg" class="small bl"/>
+    <image src="colors-8x16.svg" class="small tl"/>
+    <image src="colors-8x16.svg" class="small br"/>
+    <image src="colors-8x16.svg" class="small tc"/>
+    <image src="colors-8x16.svg" class="small cr"/>
+    <image src="colors-8x16.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-svg-003-ref.html b/layout/reftests/xul/object-fit-contain-svg-003-ref.html
new file mode 100644
index 0000000000..f8aca453cc
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-003-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-noSize.svg");
+        background-size: contain;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-svg-003.xhtml b/layout/reftests/xul/object-fit-contain-svg-003.xhtml
new file mode 100644
index 0000000000..431d6dcaaf
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-003.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-noSize.svg" class="bigWide tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide br"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-noSize.svg" class="bigTall tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall br"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-noSize.svg" class="small tr"/>
+    <image src="colors-16x8-noSize.svg" class="small bl"/>
+    <image src="colors-16x8-noSize.svg" class="small tl"/>
+    <image src="colors-16x8-noSize.svg" class="small br"/>
+    <image src="colors-16x8-noSize.svg" class="small tc"/>
+    <image src="colors-16x8-noSize.svg" class="small cr"/>
+    <image src="colors-16x8-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-svg-004-ref.html b/layout/reftests/xul/object-fit-contain-svg-004-ref.html
new file mode 100644
index 0000000000..7699a15db1
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-004-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-noSize.svg");
+        background-size: contain;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-svg-004.xhtml b/layout/reftests/xul/object-fit-contain-svg-004.xhtml
new file mode 100644
index 0000000000..df9a940e07
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-004.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-noSize.svg" class="bigWide tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide br"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-noSize.svg" class="bigTall tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall br"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-noSize.svg" class="small tr"/>
+    <image src="colors-8x16-noSize.svg" class="small bl"/>
+    <image src="colors-8x16-noSize.svg" class="small tl"/>
+    <image src="colors-8x16-noSize.svg" class="small br"/>
+    <image src="colors-8x16-noSize.svg" class="small tc"/>
+    <image src="colors-8x16-noSize.svg" class="small cr"/>
+    <image src="colors-8x16-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-svg-005-ref.html b/layout/reftests/xul/object-fit-contain-svg-005-ref.html
new file mode 100644
index 0000000000..6a7c2bfeb1
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-005-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-parDefault.svg");
+        background-size: contain;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-svg-005.xhtml b/layout/reftests/xul/object-fit-contain-svg-005.xhtml
new file mode 100644
index 0000000000..480a19e76c
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-005.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-parDefault.svg" class="small tr"/>
+    <image src="colors-16x8-parDefault.svg" class="small bl"/>
+    <image src="colors-16x8-parDefault.svg" class="small tl"/>
+    <image src="colors-16x8-parDefault.svg" class="small br"/>
+    <image src="colors-16x8-parDefault.svg" class="small tc"/>
+    <image src="colors-16x8-parDefault.svg" class="small cr"/>
+    <image src="colors-16x8-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-contain-svg-006-ref.html b/layout/reftests/xul/object-fit-contain-svg-006-ref.html
new file mode 100644
index 0000000000..412aebc14c
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-006-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-parDefault.svg");
+        background-size: contain;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-contain-svg-006.xhtml b/layout/reftests/xul/object-fit-contain-svg-006.xhtml
new file mode 100644
index 0000000000..74bcf8e8a3
--- /dev/null
+++ b/layout/reftests/xul/object-fit-contain-svg-006.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: contain;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-parDefault.svg" class="small tr"/>
+    <image src="colors-8x16-parDefault.svg" class="small bl"/>
+    <image src="colors-8x16-parDefault.svg" class="small tl"/>
+    <image src="colors-8x16-parDefault.svg" class="small br"/>
+    <image src="colors-8x16-parDefault.svg" class="small tc"/>
+    <image src="colors-8x16-parDefault.svg" class="small cr"/>
+    <image src="colors-8x16-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-png-001-ref.html b/layout/reftests/xul/object-fit-cover-png-001-ref.html
new file mode 100644
index 0000000000..fa4f776702
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-png-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-png-001.xhtml b/layout/reftests/xul/object-fit-cover-png-001.xhtml
new file mode 100644
index 0000000000..e2f7095632
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-png-001.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.png" class="bigWide tr"/>
+    <image src="colors-16x8.png" class="bigWide bl"/>
+    <image src="colors-16x8.png" class="bigWide tl"/>
+    <image src="colors-16x8.png" class="bigWide br"/>
+    <image src="colors-16x8.png" class="bigWide tc"/>
+    <image src="colors-16x8.png" class="bigWide cr"/>
+    <image src="colors-16x8.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.png" class="bigTall tr"/>
+    <image src="colors-16x8.png" class="bigTall bl"/>
+    <image src="colors-16x8.png" class="bigTall tl"/>
+    <image src="colors-16x8.png" class="bigTall br"/>
+    <image src="colors-16x8.png" class="bigTall tc"/>
+    <image src="colors-16x8.png" class="bigTall cr"/>
+    <image src="colors-16x8.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.png" class="small tr"/>
+    <image src="colors-16x8.png" class="small bl"/>
+    <image src="colors-16x8.png" class="small tl"/>
+    <image src="colors-16x8.png" class="small br"/>
+    <image src="colors-16x8.png" class="small tc"/>
+    <image src="colors-16x8.png" class="small cr"/>
+    <image src="colors-16x8.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-png-002-ref.html b/layout/reftests/xul/object-fit-cover-png-002-ref.html
new file mode 100644
index 0000000000..eb4c3dcad3
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-png-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-png-002.xhtml b/layout/reftests/xul/object-fit-cover-png-002.xhtml
new file mode 100644
index 0000000000..09aa7c1d7c
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-png-002.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.png" class="bigWide tr"/>
+    <image src="colors-8x16.png" class="bigWide bl"/>
+    <image src="colors-8x16.png" class="bigWide tl"/>
+    <image src="colors-8x16.png" class="bigWide br"/>
+    <image src="colors-8x16.png" class="bigWide tc"/>
+    <image src="colors-8x16.png" class="bigWide cr"/>
+    <image src="colors-8x16.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.png" class="bigTall tr"/>
+    <image src="colors-8x16.png" class="bigTall bl"/>
+    <image src="colors-8x16.png" class="bigTall tl"/>
+    <image src="colors-8x16.png" class="bigTall br"/>
+    <image src="colors-8x16.png" class="bigTall tc"/>
+    <image src="colors-8x16.png" class="bigTall cr"/>
+    <image src="colors-8x16.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.png" class="small tr"/>
+    <image src="colors-8x16.png" class="small bl"/>
+    <image src="colors-8x16.png" class="small tl"/>
+    <image src="colors-8x16.png" class="small br"/>
+    <image src="colors-8x16.png" class="small tc"/>
+    <image src="colors-8x16.png" class="small cr"/>
+    <image src="colors-8x16.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-svg-001-ref.html b/layout/reftests/xul/object-fit-cover-svg-001-ref.html
new file mode 100644
index 0000000000..4f479d37d3
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-001-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.svg");
+        background-size: cover;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-svg-001.xhtml b/layout/reftests/xul/object-fit-cover-svg-001.xhtml
new file mode 100644
index 0000000000..d630b6d0b6
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-001.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.svg" class="bigWide tr"/>
+    <image src="colors-16x8.svg" class="bigWide bl"/>
+    <image src="colors-16x8.svg" class="bigWide tl"/>
+    <image src="colors-16x8.svg" class="bigWide br"/>
+    <image src="colors-16x8.svg" class="bigWide tc"/>
+    <image src="colors-16x8.svg" class="bigWide cr"/>
+    <image src="colors-16x8.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.svg" class="bigTall tr"/>
+    <image src="colors-16x8.svg" class="bigTall bl"/>
+    <image src="colors-16x8.svg" class="bigTall tl"/>
+    <image src="colors-16x8.svg" class="bigTall br"/>
+    <image src="colors-16x8.svg" class="bigTall tc"/>
+    <image src="colors-16x8.svg" class="bigTall cr"/>
+    <image src="colors-16x8.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.svg" class="small tr"/>
+    <image src="colors-16x8.svg" class="small bl"/>
+    <image src="colors-16x8.svg" class="small tl"/>
+    <image src="colors-16x8.svg" class="small br"/>
+    <image src="colors-16x8.svg" class="small tc"/>
+    <image src="colors-16x8.svg" class="small cr"/>
+    <image src="colors-16x8.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-svg-002-ref.html b/layout/reftests/xul/object-fit-cover-svg-002-ref.html
new file mode 100644
index 0000000000..94ee049439
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-002-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.svg");
+        background-size: cover;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-svg-002.xhtml b/layout/reftests/xul/object-fit-cover-svg-002.xhtml
new file mode 100644
index 0000000000..d3e7d50c9a
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-002.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.svg" class="bigWide tr"/>
+    <image src="colors-8x16.svg" class="bigWide bl"/>
+    <image src="colors-8x16.svg" class="bigWide tl"/>
+    <image src="colors-8x16.svg" class="bigWide br"/>
+    <image src="colors-8x16.svg" class="bigWide tc"/>
+    <image src="colors-8x16.svg" class="bigWide cr"/>
+    <image src="colors-8x16.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.svg" class="bigTall tr"/>
+    <image src="colors-8x16.svg" class="bigTall bl"/>
+    <image src="colors-8x16.svg" class="bigTall tl"/>
+    <image src="colors-8x16.svg" class="bigTall br"/>
+    <image src="colors-8x16.svg" class="bigTall tc"/>
+    <image src="colors-8x16.svg" class="bigTall cr"/>
+    <image src="colors-8x16.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.svg" class="small tr"/>
+    <image src="colors-8x16.svg" class="small bl"/>
+    <image src="colors-8x16.svg" class="small tl"/>
+    <image src="colors-8x16.svg" class="small br"/>
+    <image src="colors-8x16.svg" class="small tc"/>
+    <image src="colors-8x16.svg" class="small cr"/>
+    <image src="colors-8x16.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-svg-003-ref.html b/layout/reftests/xul/object-fit-cover-svg-003-ref.html
new file mode 100644
index 0000000000..3cc59936ff
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-003-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-noSize.svg");
+        background-size: cover;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-svg-003.xhtml b/layout/reftests/xul/object-fit-cover-svg-003.xhtml
new file mode 100644
index 0000000000..4b2d158e15
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-003.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-noSize.svg" class="bigWide tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide br"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-noSize.svg" class="bigTall tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall br"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-noSize.svg" class="small tr"/>
+    <image src="colors-16x8-noSize.svg" class="small bl"/>
+    <image src="colors-16x8-noSize.svg" class="small tl"/>
+    <image src="colors-16x8-noSize.svg" class="small br"/>
+    <image src="colors-16x8-noSize.svg" class="small tc"/>
+    <image src="colors-16x8-noSize.svg" class="small cr"/>
+    <image src="colors-16x8-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-svg-004-ref.html b/layout/reftests/xul/object-fit-cover-svg-004-ref.html
new file mode 100644
index 0000000000..1d7473677a
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-004-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-noSize.svg");
+        background-size: cover;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-svg-004.xhtml b/layout/reftests/xul/object-fit-cover-svg-004.xhtml
new file mode 100644
index 0000000000..f0b0a61cc7
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-004.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-noSize.svg" class="bigWide tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide br"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-noSize.svg" class="bigTall tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall br"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-noSize.svg" class="small tr"/>
+    <image src="colors-8x16-noSize.svg" class="small bl"/>
+    <image src="colors-8x16-noSize.svg" class="small tl"/>
+    <image src="colors-8x16-noSize.svg" class="small br"/>
+    <image src="colors-8x16-noSize.svg" class="small tc"/>
+    <image src="colors-8x16-noSize.svg" class="small cr"/>
+    <image src="colors-8x16-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-svg-005-ref.html b/layout/reftests/xul/object-fit-cover-svg-005-ref.html
new file mode 100644
index 0000000000..5e8a68b712
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-005-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-parDefault.svg");
+        background-size: cover;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-svg-005.xhtml b/layout/reftests/xul/object-fit-cover-svg-005.xhtml
new file mode 100644
index 0000000000..43e282b825
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-005.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-parDefault.svg" class="small tr"/>
+    <image src="colors-16x8-parDefault.svg" class="small bl"/>
+    <image src="colors-16x8-parDefault.svg" class="small tl"/>
+    <image src="colors-16x8-parDefault.svg" class="small br"/>
+    <image src="colors-16x8-parDefault.svg" class="small tc"/>
+    <image src="colors-16x8-parDefault.svg" class="small cr"/>
+    <image src="colors-16x8-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-cover-svg-006-ref.html b/layout/reftests/xul/object-fit-cover-svg-006-ref.html
new file mode 100644
index 0000000000..878bd6a33f
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-006-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-parDefault.svg");
+        background-size: cover;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-cover-svg-006.xhtml b/layout/reftests/xul/object-fit-cover-svg-006.xhtml
new file mode 100644
index 0000000000..392cacd2ce
--- /dev/null
+++ b/layout/reftests/xul/object-fit-cover-svg-006.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: cover;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-parDefault.svg" class="small tr"/>
+    <image src="colors-8x16-parDefault.svg" class="small bl"/>
+    <image src="colors-8x16-parDefault.svg" class="small tl"/>
+    <image src="colors-8x16-parDefault.svg" class="small br"/>
+    <image src="colors-8x16-parDefault.svg" class="small tc"/>
+    <image src="colors-8x16-parDefault.svg" class="small cr"/>
+    <image src="colors-8x16-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-png-001-ref.html b/layout/reftests/xul/object-fit-fill-png-001-ref.html
new file mode 100644
index 0000000000..0e8d1bd822
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-png-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-png-001.xhtml b/layout/reftests/xul/object-fit-fill-png-001.xhtml
new file mode 100644
index 0000000000..4cca70db46
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-png-001.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.png" class="bigWide tr"/>
+    <image src="colors-16x8.png" class="bigWide bl"/>
+    <image src="colors-16x8.png" class="bigWide tl"/>
+    <image src="colors-16x8.png" class="bigWide br"/>
+    <image src="colors-16x8.png" class="bigWide tc"/>
+    <image src="colors-16x8.png" class="bigWide cr"/>
+    <image src="colors-16x8.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.png" class="bigTall tr"/>
+    <image src="colors-16x8.png" class="bigTall bl"/>
+    <image src="colors-16x8.png" class="bigTall tl"/>
+    <image src="colors-16x8.png" class="bigTall br"/>
+    <image src="colors-16x8.png" class="bigTall tc"/>
+    <image src="colors-16x8.png" class="bigTall cr"/>
+    <image src="colors-16x8.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.png" class="small tr"/>
+    <image src="colors-16x8.png" class="small bl"/>
+    <image src="colors-16x8.png" class="small tl"/>
+    <image src="colors-16x8.png" class="small br"/>
+    <image src="colors-16x8.png" class="small tc"/>
+    <image src="colors-16x8.png" class="small cr"/>
+    <image src="colors-16x8.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-png-002-ref.html b/layout/reftests/xul/object-fit-fill-png-002-ref.html
new file mode 100644
index 0000000000..8e22d3d57e
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-png-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-png-002.xhtml b/layout/reftests/xul/object-fit-fill-png-002.xhtml
new file mode 100644
index 0000000000..0ccbb51516
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-png-002.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.png" class="bigWide tr"/>
+    <image src="colors-8x16.png" class="bigWide bl"/>
+    <image src="colors-8x16.png" class="bigWide tl"/>
+    <image src="colors-8x16.png" class="bigWide br"/>
+    <image src="colors-8x16.png" class="bigWide tc"/>
+    <image src="colors-8x16.png" class="bigWide cr"/>
+    <image src="colors-8x16.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.png" class="bigTall tr"/>
+    <image src="colors-8x16.png" class="bigTall bl"/>
+    <image src="colors-8x16.png" class="bigTall tl"/>
+    <image src="colors-8x16.png" class="bigTall br"/>
+    <image src="colors-8x16.png" class="bigTall tc"/>
+    <image src="colors-8x16.png" class="bigTall cr"/>
+    <image src="colors-8x16.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.png" class="small tr"/>
+    <image src="colors-8x16.png" class="small bl"/>
+    <image src="colors-8x16.png" class="small tl"/>
+    <image src="colors-8x16.png" class="small br"/>
+    <image src="colors-8x16.png" class="small tc"/>
+    <image src="colors-8x16.png" class="small cr"/>
+    <image src="colors-8x16.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-svg-001-ref.html b/layout/reftests/xul/object-fit-fill-svg-001-ref.html
new file mode 100644
index 0000000000..13984a919b
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-001-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.svg");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-svg-001.xhtml b/layout/reftests/xul/object-fit-fill-svg-001.xhtml
new file mode 100644
index 0000000000..4d4aa56c08
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-001.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.svg" class="bigWide tr"/>
+    <image src="colors-16x8.svg" class="bigWide bl"/>
+    <image src="colors-16x8.svg" class="bigWide tl"/>
+    <image src="colors-16x8.svg" class="bigWide br"/>
+    <image src="colors-16x8.svg" class="bigWide tc"/>
+    <image src="colors-16x8.svg" class="bigWide cr"/>
+    <image src="colors-16x8.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.svg" class="bigTall tr"/>
+    <image src="colors-16x8.svg" class="bigTall bl"/>
+    <image src="colors-16x8.svg" class="bigTall tl"/>
+    <image src="colors-16x8.svg" class="bigTall br"/>
+    <image src="colors-16x8.svg" class="bigTall tc"/>
+    <image src="colors-16x8.svg" class="bigTall cr"/>
+    <image src="colors-16x8.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.svg" class="small tr"/>
+    <image src="colors-16x8.svg" class="small bl"/>
+    <image src="colors-16x8.svg" class="small tl"/>
+    <image src="colors-16x8.svg" class="small br"/>
+    <image src="colors-16x8.svg" class="small tc"/>
+    <image src="colors-16x8.svg" class="small cr"/>
+    <image src="colors-16x8.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-svg-002-ref.html b/layout/reftests/xul/object-fit-fill-svg-002-ref.html
new file mode 100644
index 0000000000..efd8e4f6f0
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-002-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.svg");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-svg-002.xhtml b/layout/reftests/xul/object-fit-fill-svg-002.xhtml
new file mode 100644
index 0000000000..88616aa879
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-002.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.svg" class="bigWide tr"/>
+    <image src="colors-8x16.svg" class="bigWide bl"/>
+    <image src="colors-8x16.svg" class="bigWide tl"/>
+    <image src="colors-8x16.svg" class="bigWide br"/>
+    <image src="colors-8x16.svg" class="bigWide tc"/>
+    <image src="colors-8x16.svg" class="bigWide cr"/>
+    <image src="colors-8x16.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.svg" class="bigTall tr"/>
+    <image src="colors-8x16.svg" class="bigTall bl"/>
+    <image src="colors-8x16.svg" class="bigTall tl"/>
+    <image src="colors-8x16.svg" class="bigTall br"/>
+    <image src="colors-8x16.svg" class="bigTall tc"/>
+    <image src="colors-8x16.svg" class="bigTall cr"/>
+    <image src="colors-8x16.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.svg" class="small tr"/>
+    <image src="colors-8x16.svg" class="small bl"/>
+    <image src="colors-8x16.svg" class="small tl"/>
+    <image src="colors-8x16.svg" class="small br"/>
+    <image src="colors-8x16.svg" class="small tc"/>
+    <image src="colors-8x16.svg" class="small cr"/>
+    <image src="colors-8x16.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-svg-003-ref.html b/layout/reftests/xul/object-fit-fill-svg-003-ref.html
new file mode 100644
index 0000000000..95ab2853d8
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-003-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-noSize.svg");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-svg-003.xhtml b/layout/reftests/xul/object-fit-fill-svg-003.xhtml
new file mode 100644
index 0000000000..e2dd33754a
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-003.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-noSize.svg" class="bigWide tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide br"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-noSize.svg" class="bigTall tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall br"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-noSize.svg" class="small tr"/>
+    <image src="colors-16x8-noSize.svg" class="small bl"/>
+    <image src="colors-16x8-noSize.svg" class="small tl"/>
+    <image src="colors-16x8-noSize.svg" class="small br"/>
+    <image src="colors-16x8-noSize.svg" class="small tc"/>
+    <image src="colors-16x8-noSize.svg" class="small cr"/>
+    <image src="colors-16x8-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-svg-004-ref.html b/layout/reftests/xul/object-fit-fill-svg-004-ref.html
new file mode 100644
index 0000000000..1fb40f3220
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-004-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-noSize.svg");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-svg-004.xhtml b/layout/reftests/xul/object-fit-fill-svg-004.xhtml
new file mode 100644
index 0000000000..2f0bbf8e59
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-004.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-noSize.svg" class="bigWide tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide br"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-noSize.svg" class="bigTall tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall br"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-noSize.svg" class="small tr"/>
+    <image src="colors-8x16-noSize.svg" class="small bl"/>
+    <image src="colors-8x16-noSize.svg" class="small tl"/>
+    <image src="colors-8x16-noSize.svg" class="small br"/>
+    <image src="colors-8x16-noSize.svg" class="small tc"/>
+    <image src="colors-8x16-noSize.svg" class="small cr"/>
+    <image src="colors-8x16-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-svg-005-ref.html b/layout/reftests/xul/object-fit-fill-svg-005-ref.html
new file mode 100644
index 0000000000..df19770940
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-005-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-parDefault.svg");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-svg-005.xhtml b/layout/reftests/xul/object-fit-fill-svg-005.xhtml
new file mode 100644
index 0000000000..b7af69b384
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-005.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-parDefault.svg" class="small tr"/>
+    <image src="colors-16x8-parDefault.svg" class="small bl"/>
+    <image src="colors-16x8-parDefault.svg" class="small tl"/>
+    <image src="colors-16x8-parDefault.svg" class="small br"/>
+    <image src="colors-16x8-parDefault.svg" class="small tc"/>
+    <image src="colors-16x8-parDefault.svg" class="small cr"/>
+    <image src="colors-16x8-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-fill-svg-006-ref.html b/layout/reftests/xul/object-fit-fill-svg-006-ref.html
new file mode 100644
index 0000000000..d1d66a3243
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-006-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-parDefault.svg");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-fill-svg-006.xhtml b/layout/reftests/xul/object-fit-fill-svg-006.xhtml
new file mode 100644
index 0000000000..1da7f7a8b1
--- /dev/null
+++ b/layout/reftests/xul/object-fit-fill-svg-006.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: fill;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-parDefault.svg" class="small tr"/>
+    <image src="colors-8x16-parDefault.svg" class="small bl"/>
+    <image src="colors-8x16-parDefault.svg" class="small tl"/>
+    <image src="colors-8x16-parDefault.svg" class="small br"/>
+    <image src="colors-8x16-parDefault.svg" class="small tc"/>
+    <image src="colors-8x16-parDefault.svg" class="small cr"/>
+    <image src="colors-8x16-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-png-001-ref.html b/layout/reftests/xul/object-fit-none-png-001-ref.html
new file mode 100644
index 0000000000..49c08ab88f
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-png-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-png-001.xhtml b/layout/reftests/xul/object-fit-none-png-001.xhtml
new file mode 100644
index 0000000000..8ba43fd778
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-png-001.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.png" class="bigWide tr"/>
+    <image src="colors-16x8.png" class="bigWide bl"/>
+    <image src="colors-16x8.png" class="bigWide tl"/>
+    <image src="colors-16x8.png" class="bigWide br"/>
+    <image src="colors-16x8.png" class="bigWide tc"/>
+    <image src="colors-16x8.png" class="bigWide cr"/>
+    <image src="colors-16x8.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.png" class="bigTall tr"/>
+    <image src="colors-16x8.png" class="bigTall bl"/>
+    <image src="colors-16x8.png" class="bigTall tl"/>
+    <image src="colors-16x8.png" class="bigTall br"/>
+    <image src="colors-16x8.png" class="bigTall tc"/>
+    <image src="colors-16x8.png" class="bigTall cr"/>
+    <image src="colors-16x8.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.png" class="small tr"/>
+    <image src="colors-16x8.png" class="small bl"/>
+    <image src="colors-16x8.png" class="small tl"/>
+    <image src="colors-16x8.png" class="small br"/>
+    <image src="colors-16x8.png" class="small tc"/>
+    <image src="colors-16x8.png" class="small cr"/>
+    <image src="colors-16x8.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-png-002-ref.html b/layout/reftests/xul/object-fit-none-png-002-ref.html
new file mode 100644
index 0000000000..34a5fdad50
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-png-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-png-002.xhtml b/layout/reftests/xul/object-fit-none-png-002.xhtml
new file mode 100644
index 0000000000..cb31ef20e4
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-png-002.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.png" class="bigWide tr"/>
+    <image src="colors-8x16.png" class="bigWide bl"/>
+    <image src="colors-8x16.png" class="bigWide tl"/>
+    <image src="colors-8x16.png" class="bigWide br"/>
+    <image src="colors-8x16.png" class="bigWide tc"/>
+    <image src="colors-8x16.png" class="bigWide cr"/>
+    <image src="colors-8x16.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.png" class="bigTall tr"/>
+    <image src="colors-8x16.png" class="bigTall bl"/>
+    <image src="colors-8x16.png" class="bigTall tl"/>
+    <image src="colors-8x16.png" class="bigTall br"/>
+    <image src="colors-8x16.png" class="bigTall tc"/>
+    <image src="colors-8x16.png" class="bigTall cr"/>
+    <image src="colors-8x16.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.png" class="small tr"/>
+    <image src="colors-8x16.png" class="small bl"/>
+    <image src="colors-8x16.png" class="small tl"/>
+    <image src="colors-8x16.png" class="small br"/>
+    <image src="colors-8x16.png" class="small tc"/>
+    <image src="colors-8x16.png" class="small cr"/>
+    <image src="colors-8x16.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-svg-001-ref.html b/layout/reftests/xul/object-fit-none-svg-001-ref.html
new file mode 100644
index 0000000000..9022651c9b
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-001-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-svg-001.xhtml b/layout/reftests/xul/object-fit-none-svg-001.xhtml
new file mode 100644
index 0000000000..5120c934a0
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-001.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.svg" class="bigWide tr"/>
+    <image src="colors-16x8.svg" class="bigWide bl"/>
+    <image src="colors-16x8.svg" class="bigWide tl"/>
+    <image src="colors-16x8.svg" class="bigWide br"/>
+    <image src="colors-16x8.svg" class="bigWide tc"/>
+    <image src="colors-16x8.svg" class="bigWide cr"/>
+    <image src="colors-16x8.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.svg" class="bigTall tr"/>
+    <image src="colors-16x8.svg" class="bigTall bl"/>
+    <image src="colors-16x8.svg" class="bigTall tl"/>
+    <image src="colors-16x8.svg" class="bigTall br"/>
+    <image src="colors-16x8.svg" class="bigTall tc"/>
+    <image src="colors-16x8.svg" class="bigTall cr"/>
+    <image src="colors-16x8.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.svg" class="small tr"/>
+    <image src="colors-16x8.svg" class="small bl"/>
+    <image src="colors-16x8.svg" class="small tl"/>
+    <image src="colors-16x8.svg" class="small br"/>
+    <image src="colors-16x8.svg" class="small tc"/>
+    <image src="colors-16x8.svg" class="small cr"/>
+    <image src="colors-16x8.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-svg-002-ref.html b/layout/reftests/xul/object-fit-none-svg-002-ref.html
new file mode 100644
index 0000000000..25abf36431
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-002-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-svg-002.xhtml b/layout/reftests/xul/object-fit-none-svg-002.xhtml
new file mode 100644
index 0000000000..107f68ade9
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-002.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.svg" class="bigWide tr"/>
+    <image src="colors-8x16.svg" class="bigWide bl"/>
+    <image src="colors-8x16.svg" class="bigWide tl"/>
+    <image src="colors-8x16.svg" class="bigWide br"/>
+    <image src="colors-8x16.svg" class="bigWide tc"/>
+    <image src="colors-8x16.svg" class="bigWide cr"/>
+    <image src="colors-8x16.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.svg" class="bigTall tr"/>
+    <image src="colors-8x16.svg" class="bigTall bl"/>
+    <image src="colors-8x16.svg" class="bigTall tl"/>
+    <image src="colors-8x16.svg" class="bigTall br"/>
+    <image src="colors-8x16.svg" class="bigTall tc"/>
+    <image src="colors-8x16.svg" class="bigTall cr"/>
+    <image src="colors-8x16.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.svg" class="small tr"/>
+    <image src="colors-8x16.svg" class="small bl"/>
+    <image src="colors-8x16.svg" class="small tl"/>
+    <image src="colors-8x16.svg" class="small br"/>
+    <image src="colors-8x16.svg" class="small tc"/>
+    <image src="colors-8x16.svg" class="small cr"/>
+    <image src="colors-8x16.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-svg-003-ref.html b/layout/reftests/xul/object-fit-none-svg-003-ref.html
new file mode 100644
index 0000000000..8376f997c3
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-003-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-noSize.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-svg-003.xhtml b/layout/reftests/xul/object-fit-none-svg-003.xhtml
new file mode 100644
index 0000000000..f06f1df597
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-003.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-noSize.svg" class="bigWide tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide br"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-noSize.svg" class="bigTall tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall br"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-noSize.svg" class="small tr"/>
+    <image src="colors-16x8-noSize.svg" class="small bl"/>
+    <image src="colors-16x8-noSize.svg" class="small tl"/>
+    <image src="colors-16x8-noSize.svg" class="small br"/>
+    <image src="colors-16x8-noSize.svg" class="small tc"/>
+    <image src="colors-16x8-noSize.svg" class="small cr"/>
+    <image src="colors-16x8-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-svg-004-ref.html b/layout/reftests/xul/object-fit-none-svg-004-ref.html
new file mode 100644
index 0000000000..86e39853af
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-004-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-noSize.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-svg-004.xhtml b/layout/reftests/xul/object-fit-none-svg-004.xhtml
new file mode 100644
index 0000000000..8235fbdc5e
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-004.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-noSize.svg" class="bigWide tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide br"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-noSize.svg" class="bigTall tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall br"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-noSize.svg" class="small tr"/>
+    <image src="colors-8x16-noSize.svg" class="small bl"/>
+    <image src="colors-8x16-noSize.svg" class="small tl"/>
+    <image src="colors-8x16-noSize.svg" class="small br"/>
+    <image src="colors-8x16-noSize.svg" class="small tc"/>
+    <image src="colors-8x16-noSize.svg" class="small cr"/>
+    <image src="colors-8x16-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-svg-005-ref.html b/layout/reftests/xul/object-fit-none-svg-005-ref.html
new file mode 100644
index 0000000000..3b8ccb3f85
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-005-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-parDefault.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-svg-005.xhtml b/layout/reftests/xul/object-fit-none-svg-005.xhtml
new file mode 100644
index 0000000000..a6b4545642
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-005.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-parDefault.svg" class="small tr"/>
+    <image src="colors-16x8-parDefault.svg" class="small bl"/>
+    <image src="colors-16x8-parDefault.svg" class="small tl"/>
+    <image src="colors-16x8-parDefault.svg" class="small br"/>
+    <image src="colors-16x8-parDefault.svg" class="small tc"/>
+    <image src="colors-16x8-parDefault.svg" class="small cr"/>
+    <image src="colors-16x8-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-none-svg-006-ref.html b/layout/reftests/xul/object-fit-none-svg-006-ref.html
new file mode 100644
index 0000000000..1a78e8c8ef
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-006-ref.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-parDefault.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-none-svg-006.xhtml b/layout/reftests/xul/object-fit-none-svg-006.xhtml
new file mode 100644
index 0000000000..343159541e
--- /dev/null
+++ b/layout/reftests/xul/object-fit-none-svg-006.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: none;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-parDefault.svg" class="small tr"/>
+    <image src="colors-8x16-parDefault.svg" class="small bl"/>
+    <image src="colors-8x16-parDefault.svg" class="small tl"/>
+    <image src="colors-8x16-parDefault.svg" class="small br"/>
+    <image src="colors-8x16-parDefault.svg" class="small tc"/>
+    <image src="colors-8x16-parDefault.svg" class="small cr"/>
+    <image src="colors-8x16-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-png-001-ref.html b/layout/reftests/xul/object-fit-scale-down-png-001-ref.html
new file mode 100644
index 0000000000..58c0abacd3
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-png-001-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-png-001.xhtml b/layout/reftests/xul/object-fit-scale-down-png-001.xhtml
new file mode 100644
index 0000000000..32ba5beef4
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-png-001.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.png" class="bigWide tr"/>
+    <image src="colors-16x8.png" class="bigWide bl"/>
+    <image src="colors-16x8.png" class="bigWide tl"/>
+    <image src="colors-16x8.png" class="bigWide br"/>
+    <image src="colors-16x8.png" class="bigWide tc"/>
+    <image src="colors-16x8.png" class="bigWide cr"/>
+    <image src="colors-16x8.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.png" class="bigTall tr"/>
+    <image src="colors-16x8.png" class="bigTall bl"/>
+    <image src="colors-16x8.png" class="bigTall tl"/>
+    <image src="colors-16x8.png" class="bigTall br"/>
+    <image src="colors-16x8.png" class="bigTall tc"/>
+    <image src="colors-16x8.png" class="bigTall cr"/>
+    <image src="colors-16x8.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.png" class="small tr"/>
+    <image src="colors-16x8.png" class="small bl"/>
+    <image src="colors-16x8.png" class="small tl"/>
+    <image src="colors-16x8.png" class="small br"/>
+    <image src="colors-16x8.png" class="small tc"/>
+    <image src="colors-16x8.png" class="small cr"/>
+    <image src="colors-16x8.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-png-002-ref.html b/layout/reftests/xul/object-fit-scale-down-png-002-ref.html
new file mode 100644
index 0000000000..1a554b7da8
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-png-002-ref.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.png");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+        image-rendering: -moz-crisp-edges;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-png-002.xhtml b/layout/reftests/xul/object-fit-scale-down-png-002.xhtml
new file mode 100644
index 0000000000..2f33360173
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-png-002.xhtml
@@ -0,0 +1,69 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+        image-rendering: -moz-crisp-edges;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.png" class="bigWide tr"/>
+    <image src="colors-8x16.png" class="bigWide bl"/>
+    <image src="colors-8x16.png" class="bigWide tl"/>
+    <image src="colors-8x16.png" class="bigWide br"/>
+    <image src="colors-8x16.png" class="bigWide tc"/>
+    <image src="colors-8x16.png" class="bigWide cr"/>
+    <image src="colors-8x16.png" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.png" class="bigTall tr"/>
+    <image src="colors-8x16.png" class="bigTall bl"/>
+    <image src="colors-8x16.png" class="bigTall tl"/>
+    <image src="colors-8x16.png" class="bigTall br"/>
+    <image src="colors-8x16.png" class="bigTall tc"/>
+    <image src="colors-8x16.png" class="bigTall cr"/>
+    <image src="colors-8x16.png" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.png" class="small tr"/>
+    <image src="colors-8x16.png" class="small bl"/>
+    <image src="colors-8x16.png" class="small tl"/>
+    <image src="colors-8x16.png" class="small br"/>
+    <image src="colors-8x16.png" class="small tc"/>
+    <image src="colors-8x16.png" class="small cr"/>
+    <image src="colors-8x16.png" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-001-ref.html b/layout/reftests/xul/object-fit-scale-down-svg-001-ref.html
new file mode 100644
index 0000000000..7930af7301
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-001-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-001.xhtml b/layout/reftests/xul/object-fit-scale-down-svg-001.xhtml
new file mode 100644
index 0000000000..aa909e7198
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-001.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8.svg" class="bigWide tr"/>
+    <image src="colors-16x8.svg" class="bigWide bl"/>
+    <image src="colors-16x8.svg" class="bigWide tl"/>
+    <image src="colors-16x8.svg" class="bigWide br"/>
+    <image src="colors-16x8.svg" class="bigWide tc"/>
+    <image src="colors-16x8.svg" class="bigWide cr"/>
+    <image src="colors-16x8.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8.svg" class="bigTall tr"/>
+    <image src="colors-16x8.svg" class="bigTall bl"/>
+    <image src="colors-16x8.svg" class="bigTall tl"/>
+    <image src="colors-16x8.svg" class="bigTall br"/>
+    <image src="colors-16x8.svg" class="bigTall tc"/>
+    <image src="colors-16x8.svg" class="bigTall cr"/>
+    <image src="colors-16x8.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8.svg" class="small tr"/>
+    <image src="colors-16x8.svg" class="small bl"/>
+    <image src="colors-16x8.svg" class="small tl"/>
+    <image src="colors-16x8.svg" class="small br"/>
+    <image src="colors-16x8.svg" class="small tc"/>
+    <image src="colors-16x8.svg" class="small cr"/>
+    <image src="colors-16x8.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-002-ref.html b/layout/reftests/xul/object-fit-scale-down-svg-002-ref.html
new file mode 100644
index 0000000000..ffba4c0426
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-002-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-002.xhtml b/layout/reftests/xul/object-fit-scale-down-svg-002.xhtml
new file mode 100644
index 0000000000..50d6077459
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-002.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16.svg" class="bigWide tr"/>
+    <image src="colors-8x16.svg" class="bigWide bl"/>
+    <image src="colors-8x16.svg" class="bigWide tl"/>
+    <image src="colors-8x16.svg" class="bigWide br"/>
+    <image src="colors-8x16.svg" class="bigWide tc"/>
+    <image src="colors-8x16.svg" class="bigWide cr"/>
+    <image src="colors-8x16.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16.svg" class="bigTall tr"/>
+    <image src="colors-8x16.svg" class="bigTall bl"/>
+    <image src="colors-8x16.svg" class="bigTall tl"/>
+    <image src="colors-8x16.svg" class="bigTall br"/>
+    <image src="colors-8x16.svg" class="bigTall tc"/>
+    <image src="colors-8x16.svg" class="bigTall cr"/>
+    <image src="colors-8x16.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16.svg" class="small tr"/>
+    <image src="colors-8x16.svg" class="small bl"/>
+    <image src="colors-8x16.svg" class="small tl"/>
+    <image src="colors-8x16.svg" class="small br"/>
+    <image src="colors-8x16.svg" class="small tc"/>
+    <image src="colors-8x16.svg" class="small cr"/>
+    <image src="colors-8x16.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-003-ref.html b/layout/reftests/xul/object-fit-scale-down-svg-003-ref.html
new file mode 100644
index 0000000000..2a7ba611e7
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-003-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-noSize.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-003.xhtml b/layout/reftests/xul/object-fit-scale-down-svg-003.xhtml
new file mode 100644
index 0000000000..04a81d12ac
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-003.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-noSize.svg" class="bigWide tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide br"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-noSize.svg" class="bigTall tr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall bl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tl"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall br"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall tc"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall cr"/>
+    <image src="colors-16x8-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-noSize.svg" class="small tr"/>
+    <image src="colors-16x8-noSize.svg" class="small bl"/>
+    <image src="colors-16x8-noSize.svg" class="small tl"/>
+    <image src="colors-16x8-noSize.svg" class="small br"/>
+    <image src="colors-16x8-noSize.svg" class="small tc"/>
+    <image src="colors-16x8-noSize.svg" class="small cr"/>
+    <image src="colors-16x8-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-004-ref.html b/layout/reftests/xul/object-fit-scale-down-svg-004-ref.html
new file mode 100644
index 0000000000..b4b07a55c5
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-004-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-noSize.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-004.xhtml b/layout/reftests/xul/object-fit-scale-down-svg-004.xhtml
new file mode 100644
index 0000000000..69a6a40b2d
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-004.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-noSize.svg" class="bigWide tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide br"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-noSize.svg" class="bigTall tr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall bl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tl"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall br"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall tc"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall cr"/>
+    <image src="colors-8x16-noSize.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-noSize.svg" class="small tr"/>
+    <image src="colors-8x16-noSize.svg" class="small bl"/>
+    <image src="colors-8x16-noSize.svg" class="small tl"/>
+    <image src="colors-8x16-noSize.svg" class="small br"/>
+    <image src="colors-8x16-noSize.svg" class="small tc"/>
+    <image src="colors-8x16-noSize.svg" class="small cr"/>
+    <image src="colors-8x16-noSize.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-005-ref.html b/layout/reftests/xul/object-fit-scale-down-svg-005-ref.html
new file mode 100644
index 0000000000..bac7f3db11
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-005-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-16x8-parDefault.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-005.xhtml b/layout/reftests/xul/object-fit-scale-down-svg-005.xhtml
new file mode 100644
index 0000000000..b58621b00f
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-005.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall br"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-16x8-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-16x8-parDefault.svg" class="small tr"/>
+    <image src="colors-16x8-parDefault.svg" class="small bl"/>
+    <image src="colors-16x8-parDefault.svg" class="small tl"/>
+    <image src="colors-16x8-parDefault.svg" class="small br"/>
+    <image src="colors-16x8-parDefault.svg" class="small tc"/>
+    <image src="colors-16x8-parDefault.svg" class="small cr"/>
+    <image src="colors-16x8-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-006-ref.html b/layout/reftests/xul/object-fit-scale-down-svg-006-ref.html
new file mode 100644
index 0000000000..30097222bd
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-006-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      .objectOuter {
+        border: 1px dashed gray;
+        padding: 1px;
+        float: left;
+      }
+      .objectOuter > * {
+        background-image: url("colors-8x16-parDefault.svg");
+        background-size: auto auto;
+        background-repeat: no-repeat;
+      }
+      .objectOuter > .small { background-size: contain; }
+      .bigWide {
+        width: 48px;
+        height: 32px;
+      }
+      .bigTall {
+        width: 32px;
+        height: 48px;
+      }
+      .small {
+        width: 8px;
+        height: 8px;
+      }
+
+      br { clear: both; }
+
+      .tr { background-position: top right }
+      .bl { background-position: bottom left }
+      .tl { background-position: top 25% left 25% }
+      .br { background-position: bottom 1px right 2px }
+
+      .tc { background-position: top 3px center }
+      .cr { background-position: center right 25% }
+      .default { background-position: 50% 50% }
+    </style>
+  </head>
+  <body>
+    <!-- big/wide: -->
+    <div class="objectOuter"><div class="bigWide tr"></div></div>
+    <div class="objectOuter"><div class="bigWide bl"></div></div>
+    <div class="objectOuter"><div class="bigWide tl"></div></div>
+    <div class="objectOuter"><div class="bigWide br"></div></div>
+    <div class="objectOuter"><div class="bigWide tc"></div></div>
+    <div class="objectOuter"><div class="bigWide cr"></div></div>
+    <div class="objectOuter"><div class="bigWide default"></div></div>
+    <br>
+    <!-- big/tall: -->
+    <div class="objectOuter"><div class="bigTall tr"></div></div>
+    <div class="objectOuter"><div class="bigTall bl"></div></div>
+    <div class="objectOuter"><div class="bigTall tl"></div></div>
+    <div class="objectOuter"><div class="bigTall br"></div></div>
+    <div class="objectOuter"><div class="bigTall tc"></div></div>
+    <div class="objectOuter"><div class="bigTall cr"></div></div>
+    <div class="objectOuter"><div class="bigTall default"></div></div>
+    <br>
+    <!-- small: -->
+    <div class="objectOuter"><div class="small tr"></div></div>
+    <div class="objectOuter"><div class="small bl"></div></div>
+    <div class="objectOuter"><div class="small tl"></div></div>
+    <div class="objectOuter"><div class="small br"></div></div>
+    <div class="objectOuter"><div class="small tc"></div></div>
+    <div class="objectOuter"><div class="small cr"></div></div>
+    <div class="objectOuter"><div class="small default"></div></div>
+    <br>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-006.xhtml b/layout/reftests/xul/object-fit-scale-down-svg-006.xhtml
new file mode 100644
index 0000000000..ececdbb25d
--- /dev/null
+++ b/layout/reftests/xul/object-fit-scale-down-svg-006.xhtml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        border: 1px dashed gray;
+        padding: 1px;
+        object-fit: scale-down;
+      }
+
+      .bigWide {
+        width: 52px;
+        height: 36px;
+      }
+      .bigTall {
+        width: 36px;
+        height: 52px;
+      }
+      .small {
+        width: 12px;
+        height: 12px;
+      }
+
+      br { clear: both; }
+
+      .tr { object-position: top right }
+      .bl { object-position: bottom left }
+      .tl { object-position: top 25% left 25% }
+      .br { object-position: bottom 1px right 2px }
+
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
+  ]]></style>
+  <hbox>
+    <!-- big/wide: -->
+    <image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigWide"/>
+  </hbox>
+  <hbox>
+    <!-- big/tall: -->
+    <image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall br"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
+    <image src="colors-8x16-parDefault.svg" class="bigTall"/>
+  </hbox>
+  <hbox>
+    <!-- small: -->
+    <image src="colors-8x16-parDefault.svg" class="small tr"/>
+    <image src="colors-8x16-parDefault.svg" class="small bl"/>
+    <image src="colors-8x16-parDefault.svg" class="small tl"/>
+    <image src="colors-8x16-parDefault.svg" class="small br"/>
+    <image src="colors-8x16-parDefault.svg" class="small tc"/>
+    <image src="colors-8x16-parDefault.svg" class="small cr"/>
+    <image src="colors-8x16-parDefault.svg" class="small"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-position-png-001-ref.html b/layout/reftests/xul/object-position-png-001-ref.html
new file mode 100644
index 0000000000..4a1267a4fd
--- /dev/null
+++ b/layout/reftests/xul/object-position-png-001-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      div {
+        background: lightgray;
+        margin-right: 2px;
+        background-image: url("colors-16x8.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        float: left;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_y-7  { background-position: 50%  -7% }
+      .op_y13  { background-position: 50%  13% }
+      .op_y23  { background-position: 50%  23% }
+      .op_y50  { background-position: 50%  50% }
+      .op_y75  { background-position: 50%  75% }
+      .op_y88  { background-position: 50%  88% }
+      .op_y111 { background-position: 50% 111% }
+
+    </style>
+  </head>
+  <body>
+    <div class="op_y-7"></div>
+    <div class="op_y13"></div>
+    <div class="op_y23"></div>
+    <div class="op_y50"></div>
+    <div class="op_y75"></div>
+    <div class="op_y88"></div>
+    <div class="op_y111"></div>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-position-png-001.xhtml b/layout/reftests/xul/object-position-png-001.xhtml
new file mode 100644
index 0000000000..3eb3289376
--- /dev/null
+++ b/layout/reftests/xul/object-position-png-001.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        background: lightgray;
+        margin-right: 2px;
+        object-fit: contain;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_y-7  { object-position: 50%  -7% }
+      .op_y13  { object-position: 50%  13% }
+      .op_y23  { object-position: 50%  23% }
+      .op_y50  { object-position: 50%  50% }
+      .op_y75  { object-position: 50%  75% }
+      .op_y88  { object-position: 50%  88% }
+      .op_y111 { object-position: 50% 111% }
+
+  ]]></style>
+  <hbox>
+    <image src="colors-16x8.png" class="op_y-7"/>
+    <image src="colors-16x8.png" class="op_y13"/>
+    <image src="colors-16x8.png" class="op_y23"/>
+    <image src="colors-16x8.png" class="op_y50"/>
+    <image src="colors-16x8.png" class="op_y75"/>
+    <image src="colors-16x8.png" class="op_y88"/>
+    <image src="colors-16x8.png" class="op_y111"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/object-position-png-002-ref.html b/layout/reftests/xul/object-position-png-002-ref.html
new file mode 100644
index 0000000000..8c687d3e9b
--- /dev/null
+++ b/layout/reftests/xul/object-position-png-002-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+    <style type="text/css">
+      div {
+        background: lightgray;
+        margin-right: 2px;
+        background-image: url("colors-8x16.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        float: left;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_x-7  { background-position:  -7% 50% }
+      .op_x13  { background-position:  13% 50% }
+      .op_x23  { background-position:  23% 50% }
+      .op_x50  { background-position:  50% 50% }
+      .op_x75  { background-position:  75% 50% }
+      .op_x88  { background-position:  88% 50% }
+      .op_x111 { background-position: 111% 50% }
+
+    </style>
+  </head>
+  <body>
+    <div class="op_x-7"></div>
+    <div class="op_x13"></div>
+    <div class="op_x23"></div>
+    <div class="op_x50"></div>
+    <div class="op_x75"></div>
+    <div class="op_x88"></div>
+    <div class="op_x111"></div>
+  </body>
+</html>
diff --git a/layout/reftests/xul/object-position-png-002.xhtml b/layout/reftests/xul/object-position-png-002.xhtml
new file mode 100644
index 0000000000..dd2aeccca0
--- /dev/null
+++ b/layout/reftests/xul/object-position-png-002.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+      window { padding: 8px; }
+      image {
+        background: lightgray;
+        margin-right: 2px;
+        object-fit: contain;
+        width: 20px;
+        height: 20px;
+      }
+
+      .op_x-7  { object-position: -7%  50% }
+      .op_x13  { object-position: 13%  50% }
+      .op_x23  { object-position: 23%  50% }
+      .op_x50  { object-position: 50%  50% }
+      .op_x75  { object-position: 75%  50% }
+      .op_x88  { object-position: 88%  50% }
+      .op_x111 { object-position: 111% 50% }
+
+  ]]></style>
+  <hbox>
+    <image src="colors-8x16.png" class="op_x-7"/>
+    <image src="colors-8x16.png" class="op_x13"/>
+    <image src="colors-8x16.png" class="op_x23"/>
+    <image src="colors-8x16.png" class="op_x50"/>
+    <image src="colors-8x16.png" class="op_x75"/>
+    <image src="colors-8x16.png" class="op_x88"/>
+    <image src="colors-8x16.png" class="op_x111"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/reftest.list b/layout/reftests/xul/reftest.list
new file mode 100644
index 0000000000..3e811bc179
--- /dev/null
+++ b/layout/reftests/xul/reftest.list
@@ -0,0 +1,74 @@
+== chrome://reftest/content/xul/css-flex-1.xhtml css-flex-1-ref.html
+
+== chrome://reftest/content/xul/menuitem-key.xhtml chrome://reftest/content/xul/menuitem-key-ref.xhtml
+# accesskeys are not normally displayed on Mac, so set a pref to enable them
+pref(ui.key.menuAccessKey,18) == chrome://reftest/content/xul/accesskey.xhtml chrome://reftest/content/xul/accesskey-ref.xhtml
+fuzzy-if(xulRuntime.widgetToolkit=="gtk",0-1,0-11) fuzzy-if(winWidget,0-1,0-1) == chrome://reftest/content/xul/tree-row-outline-1.xhtml chrome://reftest/content/xul/tree-row-outline-1-ref.xhtml # win8: bug 1254832
+skip-if(!cocoaWidget) == chrome://reftest/content/xul/mac-tab-toolbar.xhtml chrome://reftest/content/xul/mac-tab-toolbar-ref.xhtml
+!= chrome://reftest/content/xul/tree-row-outline-1.xhtml chrome://reftest/content/xul/tree-row-outline-1-notref.xhtml
+== chrome://reftest/content/xul/text-crop.xhtml chrome://reftest/content/xul/text-crop-ref.xhtml
+== chrome://reftest/content/xul/text-crop-002.xhtml chrome://reftest/content/xul/text-crop-002-ref.xhtml
+== chrome://reftest/content/xul/text-small-caps-1.xhtml chrome://reftest/content/xul/text-small-caps-1-ref.xhtml
+fuzzy(0-1,0-2500) == chrome://reftest/content/xul/inactive-fixed-bg-bug1205630.xhtml inactive-fixed-bg-bug1205630-ref.html
+fuzzy(0-1,0-2500) == chrome://reftest/content/xul/inactive-fixed-bg-bug1272525.xhtml inactive-fixed-bg-bug1272525-ref.html
+
+# Tests for XUL <image> with 'object-fit' & 'object-position':
+# These tests should be very similar to tests in our w3c-css/submitted/images3
+# reftest directory. They live here because they use XUL, and it
+# wouldn't be fair of us to make a W3C testsuite implicitly depend on XUL.
+== chrome://reftest/content/xul/object-fit-contain-png-001.xhtml object-fit-contain-png-001-ref.html
+== chrome://reftest/content/xul/object-fit-contain-png-002.xhtml object-fit-contain-png-002-ref.html
+== chrome://reftest/content/xul/object-fit-contain-svg-001.xhtml object-fit-contain-svg-001-ref.html
+== chrome://reftest/content/xul/object-fit-contain-svg-002.xhtml object-fit-contain-svg-002-ref.html
+== chrome://reftest/content/xul/object-fit-contain-svg-003.xhtml object-fit-contain-svg-003-ref.html
+== chrome://reftest/content/xul/object-fit-contain-svg-004.xhtml object-fit-contain-svg-004-ref.html
+== chrome://reftest/content/xul/object-fit-contain-svg-005.xhtml object-fit-contain-svg-005-ref.html
+== chrome://reftest/content/xul/object-fit-contain-svg-006.xhtml object-fit-contain-svg-006-ref.html
+== chrome://reftest/content/xul/object-fit-cover-png-001.xhtml object-fit-cover-png-001-ref.html
+== chrome://reftest/content/xul/object-fit-cover-png-002.xhtml object-fit-cover-png-002-ref.html
+== chrome://reftest/content/xul/object-fit-cover-svg-001.xhtml object-fit-cover-svg-001-ref.html
+== chrome://reftest/content/xul/object-fit-cover-svg-002.xhtml object-fit-cover-svg-002-ref.html
+== chrome://reftest/content/xul/object-fit-cover-svg-003.xhtml object-fit-cover-svg-003-ref.html
+== chrome://reftest/content/xul/object-fit-cover-svg-004.xhtml object-fit-cover-svg-004-ref.html
+== chrome://reftest/content/xul/object-fit-cover-svg-005.xhtml object-fit-cover-svg-005-ref.html
+== chrome://reftest/content/xul/object-fit-cover-svg-006.xhtml object-fit-cover-svg-006-ref.html
+== chrome://reftest/content/xul/object-fit-fill-png-001.xhtml object-fit-fill-png-001-ref.html
+== chrome://reftest/content/xul/object-fit-fill-png-002.xhtml object-fit-fill-png-002-ref.html
+== chrome://reftest/content/xul/object-fit-fill-svg-001.xhtml object-fit-fill-svg-001-ref.html
+== chrome://reftest/content/xul/object-fit-fill-svg-002.xhtml object-fit-fill-svg-002-ref.html
+== chrome://reftest/content/xul/object-fit-fill-svg-003.xhtml object-fit-fill-svg-003-ref.html
+== chrome://reftest/content/xul/object-fit-fill-svg-004.xhtml object-fit-fill-svg-004-ref.html
+== chrome://reftest/content/xul/object-fit-fill-svg-005.xhtml object-fit-fill-svg-005-ref.html
+== chrome://reftest/content/xul/object-fit-fill-svg-006.xhtml object-fit-fill-svg-006-ref.html
+== chrome://reftest/content/xul/object-fit-none-png-001.xhtml object-fit-none-png-001-ref.html
+== chrome://reftest/content/xul/object-fit-none-png-002.xhtml object-fit-none-png-002-ref.html
+== chrome://reftest/content/xul/object-fit-none-svg-001.xhtml object-fit-none-svg-001-ref.html
+== chrome://reftest/content/xul/object-fit-none-svg-002.xhtml object-fit-none-svg-002-ref.html
+== chrome://reftest/content/xul/object-fit-none-svg-003.xhtml object-fit-none-svg-003-ref.html
+== chrome://reftest/content/xul/object-fit-none-svg-004.xhtml object-fit-none-svg-004-ref.html
+== chrome://reftest/content/xul/object-fit-none-svg-005.xhtml object-fit-none-svg-005-ref.html
+== chrome://reftest/content/xul/object-fit-none-svg-006.xhtml object-fit-none-svg-006-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-png-001.xhtml object-fit-scale-down-png-001-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-png-002.xhtml object-fit-scale-down-png-002-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-svg-001.xhtml object-fit-scale-down-svg-001-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-svg-002.xhtml object-fit-scale-down-svg-002-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-svg-003.xhtml object-fit-scale-down-svg-003-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-svg-004.xhtml object-fit-scale-down-svg-004-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-svg-005.xhtml object-fit-scale-down-svg-005-ref.html
+== chrome://reftest/content/xul/object-fit-scale-down-svg-006.xhtml object-fit-scale-down-svg-006-ref.html
+== chrome://reftest/content/xul/object-position-png-001.xhtml object-position-png-001-ref.html
+== chrome://reftest/content/xul/object-position-png-002.xhtml object-position-png-002-ref.html
+
+== chrome://reftest/content/xul/image-appearance-dynamic.xhtml chrome://reftest/content/xul/image-appearance-dynamic-ref.xhtml
+
+# Tests for rendering SVG images in a XUL <treecell>:
+# XXXdholbert: These are marked as "random" right now, since they might not
+# render the images they trying to test in time for the reftest snapshot, per
+# bug 1218954.
+skip == chrome://reftest/content/xul/treecell-image-svg-1a.xhtml chrome://reftest/content/xul/treecell-image-svg-1-ref.xhtml # bug 1218954
+skip == chrome://reftest/content/xul/treecell-image-svg-1b.xhtml chrome://reftest/content/xul/treecell-image-svg-1-ref.xhtml # bug 1218954
+
+!= chrome://reftest/content/xul/treetwisty-svg-context-paint-1-not-ref.xhtml chrome://reftest/content/xul/treetwisty-svg-context-paint-1-ref.xhtml
+test-pref(svg.context-properties.content.enabled,true) fuzzy(0-26,0-2) == chrome://reftest/content/xul/treetwisty-svg-context-paint-1.xhtml chrome://reftest/content/xul/treetwisty-svg-context-paint-1-ref.xhtml
+
+== chrome://reftest/content/xul/tree-scrollbar-height-change.xhtml chrome://reftest/content/xul/tree-scrollbar-height-change-ref.xhtml
diff --git a/layout/reftests/xul/text-crop-002-ref.xhtml b/layout/reftests/xul/text-crop-002-ref.xhtml
new file mode 100644
index 0000000000..f5b7fa88c6
--- /dev/null
+++ b/layout/reftests/xul/text-crop-002-ref.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window
+    xmlns:html="http://www.w3.org/1999/xhtml"
+    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <html:style type="text/css">
+    @font-face {
+      font-family: firasans;
+      src: url(../fonts/fira/FiraSans-Regular.otf);
+    }
+    hbox {
+      font-family: firasans;
+      font-size: 40px;
+    }
+    image {
+      background-color: purple;
+    }
+    label {
+      width: 230px;
+      color: green;
+      background-color: blue;
+    }
+    .with-padding {
+      padding-inline: 10px 50px;
+    }
+  </html:style>
+  <hbox style="width: 230px">
+    <image style="width: 40px; height: 40px"/>
+    <label value="abcd…xyz"/>
+  </hbox>
+  <hbox style="width: 230px">
+    <image style="width: 40px; height: 40px"/>
+    <label class="with-padding" value="abc…yz"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/text-crop-002.xhtml b/layout/reftests/xul/text-crop-002.xhtml
new file mode 100644
index 0000000000..f32fece87f
--- /dev/null
+++ b/layout/reftests/xul/text-crop-002.xhtml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window
+    xmlns:html="http://www.w3.org/1999/xhtml"
+    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <html:style type="text/css">
+    @font-face {
+      font-family: firasans;
+      src: url(../fonts/fira/FiraSans-Regular.otf);
+    }
+    hbox {
+      font-family: firasans;
+      font-size: 40px;
+    }
+    image {
+      background-color: purple;
+    }
+    label {
+      width: 230px;
+      color: green;
+      background-color: blue;
+    }
+    .with-padding {
+      padding-inline: 10px 50px;
+    }
+  </html:style>
+  <hbox style="width: 230px">
+    <image style="width: 40px; height: 40px"/>
+    <label crop="center" value="abcdefghijklmnopqrstuvwxyz"/>
+  </hbox>
+  <hbox style="width: 230px">
+    <image style="width: 40px; height: 40px"/>
+    <label class="with-padding" crop="center" value="abcdefghijklmnopqrstuvwxyz"/>
+  </hbox>
+</window>
diff --git a/layout/reftests/xul/text-crop-ref.xhtml b/layout/reftests/xul/text-crop-ref.xhtml
new file mode 100644
index 0000000000..d5c02d4405
--- /dev/null
+++ b/layout/reftests/xul/text-crop-ref.xhtml
@@ -0,0 +1,35 @@
+<?xml version="1.0"?>
+<window class="reftest-wait"
+        align="start"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<html:style type="text/css">
+  @font-face {
+    font-family: firasans;
+    src: url(../fonts/fira/FiraSans-Regular.otf);
+  }
+  vbox {
+    font-family: firasans;
+    font-size: 40px;
+  }
+</html:style>
+<vbox width="230">
+  <label id="start" value="" />
+  <label id="end" value="" />
+  <label id="center" value="" />
+</vbox>
+<script>
+<![CDATA[
+function text(n) {
+  // Include U+FE0E variation selector to ensure font selection doesn't
+  // seek out a color-emoji font in preference to Fira.
+  return "\u{1F310}\u{FE0E}".repeat(n);
+}
+var e = "\u{2026}";
+// document.getElementById("start").value = e + text(4);
+document.getElementById("end").value = text(4) + e;
+document.getElementById("center").value = text(2) + e + text(2);
+document.documentElement.className = "";
+]]>
+</script>
+</window>
diff --git a/layout/reftests/xul/text-crop.xhtml b/layout/reftests/xul/text-crop.xhtml
new file mode 100644
index 0000000000..678b1452aa
--- /dev/null
+++ b/layout/reftests/xul/text-crop.xhtml
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<window class="reftest-wait"
+        align="start"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<html:style type="text/css">
+  @font-face {
+    font-family: firasans;
+    src: url(../fonts/fira/FiraSans-Regular.otf);
+  }
+  vbox {
+    font-family: firasans;
+    font-size: 40px;
+  }
+  label {
+    width: 230px;
+  }
+</html:style>
+<vbox width="230">
+  <label id="start" value="" crop="start" />
+  <label id="end" value="" crop="end" />
+  <label id="center" value="" crop="center" />
+</vbox>
+<script>
+<![CDATA[
+function text(n) {
+  // Include U+FE0E variation selector to ensure font selection doesn't
+  // seek out a color-emoji font in preference to Fira.
+  return "\u{1F310}\u{FE0E}".repeat(n);
+}
+// Start is aligned slightly differently.
+// document.getElementById("start").value = text(10);
+document.getElementById("end").value = text(10);
+document.getElementById("center").value = text(10);
+document.documentElement.className = "";
+]]>
+</script>
+</window>
diff --git a/layout/reftests/xul/text-small-caps-1-ref.xhtml b/layout/reftests/xul/text-small-caps-1-ref.xhtml
new file mode 100644
index 0000000000..8eb86ec55e
--- /dev/null
+++ b/layout/reftests/xul/text-small-caps-1-ref.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" align="start">
+<hbox style="font: 40px monospace;" align="baseline">
+  <label value="lowercase"/>
+  <label value="SMALLCAPS" style="font-size: 32px;"/>
+  <label value="CAPITALS"/>
+</hbox>
+</window>
diff --git a/layout/reftests/xul/text-small-caps-1.xhtml b/layout/reftests/xul/text-small-caps-1.xhtml
new file mode 100644
index 0000000000..7a7775f38e
--- /dev/null
+++ b/layout/reftests/xul/text-small-caps-1.xhtml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" align="start">
+<hbox style="font: 40px monospace;">
+  <label value="lowercase" style="font-variant: normal;"/>
+  <label value="smallcaps" style="font-variant: small-caps;"/>
+  <label value="CAPITALS" style="font-variant: small-caps;"/>
+</hbox>
+</window>
diff --git a/layout/reftests/xul/tree-row-outline-1-notref.xhtml b/layout/reftests/xul/tree-row-outline-1-notref.xhtml
new file mode 100644
index 0000000000..736d42dae2
--- /dev/null
+++ b/layout/reftests/xul/tree-row-outline-1-notref.xhtml
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        >
+
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1"/>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+    </treechildren>
+  </tree>
+
+</window>
diff --git a/layout/reftests/xul/tree-row-outline-1-ref.xhtml b/layout/reftests/xul/tree-row-outline-1-ref.xhtml
new file mode 100644
index 0000000000..006d836ac2
--- /dev/null
+++ b/layout/reftests/xul/tree-row-outline-1-ref.xhtml
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        >
+
+  <html:style>
+    <![CDATA[
+
+      treechildren::-moz-tree-row(odd) {
+        border: 2px solid blue;
+      }
+
+    ]]>
+  </html:style>
+
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1"/>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+    </treechildren>
+  </tree>
+
+</window>
diff --git a/layout/reftests/xul/tree-row-outline-1.xhtml b/layout/reftests/xul/tree-row-outline-1.xhtml
new file mode 100644
index 0000000000..4b0af1d962
--- /dev/null
+++ b/layout/reftests/xul/tree-row-outline-1.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        >
+
+  <html:style>
+    <![CDATA[
+
+      treechildren::-moz-tree-row(odd) {
+        outline: 2px solid blue;
+        outline-offset: -2px;
+      }
+
+    ]]>
+  </html:style>
+
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1"/>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+    </treechildren>
+  </tree>
+
+</window>
diff --git a/layout/reftests/xul/tree-scrollbar-height-change-ref.xhtml b/layout/reftests/xul/tree-scrollbar-height-change-ref.xhtml
new file mode 100644
index 0000000000..25c7e1f4de
--- /dev/null
+++ b/layout/reftests/xul/tree-scrollbar-height-change-ref.xhtml
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+
+  <tree seltype="single" rows="5">
+    <treecols>
+      <treecol flex="1"/>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/xul/tree-scrollbar-height-change.xhtml b/layout/reftests/xul/tree-scrollbar-height-change.xhtml
new file mode 100644
index 0000000000..1520483153
--- /dev/null
+++ b/layout/reftests/xul/tree-scrollbar-height-change.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+
+  <tree id="tree" seltype="single" rows="5" style="min-height: 3000px">
+    <treecols>
+      <treecol flex="1"/>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+      <treeitem><treerow><treecell label="One"/><treecell label="Two"/></treerow></treeitem>
+    </treechildren>
+  </tree>
+<script>
+<![CDATA[
+  let tree = document.getElementById("tree");
+  tree.getBoundingClientRect();
+  tree.style.minHeight = "";
+]]>
+</script>
+</window>
diff --git a/layout/reftests/xul/treecell-image-svg-1-ref.xhtml b/layout/reftests/xul/treecell-image-svg-1-ref.xhtml
new file mode 100644
index 0000000000..029b140f01
--- /dev/null
+++ b/layout/reftests/xul/treecell-image-svg-1-ref.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell src="colors-16x8.png"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/xul/treecell-image-svg-1a.xhtml b/layout/reftests/xul/treecell-image-svg-1a.xhtml
new file mode 100644
index 0000000000..d481190345
--- /dev/null
+++ b/layout/reftests/xul/treecell-image-svg-1a.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell src="colors-16x8.svg"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/xul/treecell-image-svg-1b.xhtml b/layout/reftests/xul/treecell-image-svg-1b.xhtml
new file mode 100644
index 0000000000..f13c138fda
--- /dev/null
+++ b/layout/reftests/xul/treecell-image-svg-1b.xhtml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell src="colors-16x8-noSize.svg"/>
+        </treerow>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/xul/treetwisty-context-paint.svg b/layout/reftests/xul/treetwisty-context-paint.svg
new file mode 100644
index 0000000000..c443b2b0fc
--- /dev/null
+++ b/layout/reftests/xul/treetwisty-context-paint.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+     fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+  <circle cx="8" cy="8" r="7"/>
+</svg>
\ No newline at end of file
diff --git a/layout/reftests/xul/treetwisty-no-context-paint.svg b/layout/reftests/xul/treetwisty-no-context-paint.svg
new file mode 100644
index 0000000000..394f052a4a
--- /dev/null
+++ b/layout/reftests/xul/treetwisty-no-context-paint.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
+     fill="green" stroke="purple" fill-opacity="0.5" stroke-opacity="0.2">
+  <circle cx="8" cy="8" r="7"/>
+</svg>
diff --git a/layout/reftests/xul/treetwisty-svg-context-paint-1-not-ref.xhtml b/layout/reftests/xul/treetwisty-svg-context-paint-1-not-ref.xhtml
new file mode 100644
index 0000000000..4021edb260
--- /dev/null
+++ b/layout/reftests/xul/treetwisty-svg-context-paint-1-not-ref.xhtml
@@ -0,0 +1,37 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <html:style>
+    treechildren::-moz-tree-twisty {
+      -moz-appearance: none !important;
+      -moz-context-properties: none !important;
+      list-style: none !important;
+    }
+  </html:style>
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1" primary="true"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="----"></treecell>
+        </treerow>
+      </treeitem>
+      <treeitem container="true" open="true">
+        <treerow>
+          <treecell label="----"></treecell>
+        </treerow>
+        <treechildren>
+          <treeitem>
+            <treerow>
+              <treecell label="----"></treecell>
+            </treerow>
+          </treeitem>
+        </treechildren>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/xul/treetwisty-svg-context-paint-1-ref.xhtml b/layout/reftests/xul/treetwisty-svg-context-paint-1-ref.xhtml
new file mode 100644
index 0000000000..fd951e3819
--- /dev/null
+++ b/layout/reftests/xul/treetwisty-svg-context-paint-1-ref.xhtml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <image src="treetwisty-no-context-paint.svg" id="preload-image"/>
+  <html:style>
+    #preload-image {
+      visibility: collapse;
+    }
+
+    treechildren::-moz-tree-twisty {
+      -moz-appearance: none !important;
+      -moz-context-properties: none !important;
+      list-style-image: url(treetwisty-no-context-paint.svg);
+    }
+  </html:style>
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1" primary="true"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="----"></treecell>
+        </treerow>
+      </treeitem>
+      <treeitem container="true" open="true">
+        <treerow>
+          <treecell label="----"></treecell>
+        </treerow>
+        <treechildren>
+          <treeitem>
+            <treerow>
+              <treecell label="----"></treecell>
+            </treerow>
+          </treeitem>
+        </treechildren>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/xul/treetwisty-svg-context-paint-1.xhtml b/layout/reftests/xul/treetwisty-svg-context-paint-1.xhtml
new file mode 100644
index 0000000000..95a91b0d22
--- /dev/null
+++ b/layout/reftests/xul/treetwisty-svg-context-paint-1.xhtml
@@ -0,0 +1,47 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
+
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml">
+  <image src="treetwisty-context-paint.svg" id="preload-image"/>
+  <html:style>
+    #preload-image {
+      visibility: collapse;
+    }
+
+    #preload-image,
+    treechildren::-moz-tree-twisty {
+      -moz-appearance: none !important;
+      -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
+      fill: green;
+      fill-opacity: 0.5;
+      stroke: purple;
+      stroke-opacity: 0.2;
+      list-style-image: url(treetwisty-context-paint.svg);
+    }
+  </html:style>
+  <tree seltype="single" flex="1">
+    <treecols>
+      <treecol flex="1" primary="true"/>
+    </treecols>
+    <treechildren>
+      <treeitem>
+        <treerow>
+          <treecell label="----"></treecell>
+        </treerow>
+      </treeitem>
+      <treeitem container="true" open="true">
+        <treerow>
+          <treecell label="----"></treecell>
+        </treerow>
+        <treechildren>
+          <treeitem>
+            <treerow>
+              <treecell label="----"></treecell>
+            </treerow>
+          </treeitem>
+        </treechildren>
+      </treeitem>
+    </treechildren>
+  </tree>
+</window>
diff --git a/layout/reftests/z-index/480053-1-ref.html b/layout/reftests/z-index/480053-1-ref.html
new file mode 100644
index 0000000000..c6c8782a59
--- /dev/null
+++ b/layout/reftests/z-index/480053-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:scroll; width:300px; height:100px; background-color:lime;"></div>
+<div style="background-color:yellow; width:300px; height:100px; margin-top:-50px; position:relative; z-index:1;"></div>
+</body>
+</html>
diff --git a/layout/reftests/z-index/480053-1.html b/layout/reftests/z-index/480053-1.html
new file mode 100644
index 0000000000..03ef8b815f
--- /dev/null
+++ b/layout/reftests/z-index/480053-1.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:scroll; width:300px; height:100px; background-color:lime;"></div>
+<div style="background-color:yellow; width:300px; height:100px; margin-top:-50px"></div>
+</body>
+</html>
diff --git a/layout/reftests/z-index/overlayscrollbar-sorting-1.html b/layout/reftests/z-index/overlayscrollbar-sorting-1.html
new file mode 100644
index 0000000000..4e332da5dc
--- /dev/null
+++ b/layout/reftests/z-index/overlayscrollbar-sorting-1.html
@@ -0,0 +1,26 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test that overlay scrollbars are on top of positioned content</title>
+
+<style>
+
+#outer {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+}
+
+#content {
+  height: 400px;
+  background: cyan;
+  position: relative;
+  z-index: 1;
+}
+
+</style>
+
+<div id="outer"><div id="content"></div></div>
diff --git a/layout/reftests/z-index/overlayscrollbar-sorting-2.html b/layout/reftests/z-index/overlayscrollbar-sorting-2.html
new file mode 100644
index 0000000000..1272433775
--- /dev/null
+++ b/layout/reftests/z-index/overlayscrollbar-sorting-2.html
@@ -0,0 +1,38 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test that overlay scrollbars are not covered by overlapping non-positioned siblings</title>
+
+<style>
+
+#outer {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+  background: cyan;
+}
+
+#content {
+  height: 400px;
+}
+
+/* This test has different behavior depending on the type of scrollbar used.
+ * We want the scrollbar to be visible. But for non-overlay scrollbars, the
+ * cover would cover them so we disable the cover.
+ */
+@media all and (-moz-overlay-scrollbars) {
+  #cover {
+    margin-top: -200px;
+    width: 200px;
+    height: 200px;
+    background: cyan;
+  }
+}
+
+</style>
+
+<div id="outer"><div id="content"></div></div>
+<div id="cover"></div>
diff --git a/layout/reftests/z-index/overlayscrollbar-sorting-3.html b/layout/reftests/z-index/overlayscrollbar-sorting-3.html
new file mode 100644
index 0000000000..eb3e0dc165
--- /dev/null
+++ b/layout/reftests/z-index/overlayscrollbar-sorting-3.html
@@ -0,0 +1,33 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test that overlay scrollbars are covered by overlapping positioned siblings</title>
+
+<style>
+
+#outer {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+  background: cyan;
+}
+
+#content {
+  height: 400px;
+}
+
+#cover {
+  margin-top: -200px;
+  width: 200px;
+  height: 200px;
+  background: cyan;
+  position: relative;
+}
+
+</style>
+
+<div id="outer"><div id="content"></div></div>
+<div id="cover"></div>
diff --git a/layout/reftests/z-index/overlayscrollbar-sorting-4.html b/layout/reftests/z-index/overlayscrollbar-sorting-4.html
new file mode 100644
index 0000000000..e1f9c07cda
--- /dev/null
+++ b/layout/reftests/z-index/overlayscrollbar-sorting-4.html
@@ -0,0 +1,35 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test that overlay scrollbars are covered by positioned siblings with higher z-index even when the scrollable frame has a positioned descendant</title>
+
+<style>
+
+#outer {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+}
+
+#content {
+  height: 400px;
+  background: cyan;
+  position: relative;
+  z-index: 1;
+}
+
+#cover {
+  width: 200px;
+  height: 200px;
+  background: cyan;
+  position: absolute;
+  z-index: 2;
+}
+
+</style>
+
+<div id="cover"></div>
+<div id="outer"><div id="content"></div></div>
diff --git a/layout/reftests/z-index/overlayscrollbar-sorting-5.html b/layout/reftests/z-index/overlayscrollbar-sorting-5.html
new file mode 100644
index 0000000000..c6106f3201
--- /dev/null
+++ b/layout/reftests/z-index/overlayscrollbar-sorting-5.html
@@ -0,0 +1,43 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test that overlay scrollbars are on top of positioned siblings when the scrollable frame has a positioned descendant that's higher than the sibling</title>
+
+<style>
+
+#outer {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+}
+
+#content {
+  height: 400px;
+  background: cyan;
+  position: relative;
+  z-index: 3;
+}
+
+/* This test has different behavior depending on the type of scrollbar used.
+ * We want the scrollbar to be visible. When overlay scrollbars are used,
+ * they should be visible even when #cover gets between #outer and #content,
+ * but for non-overlay scrollbars, that would cover them so we disable the
+ * cover.
+ */
+@media all and (-moz-overlay-scrollbars) {
+  #cover {
+    width: 200px;
+    height: 200px;
+    background: cyan;
+    position: absolute;
+    z-index: 2;
+  }
+}
+
+</style>
+
+<div id="cover"></div>
+<div id="outer"><div id="content"></div></div>
diff --git a/layout/reftests/z-index/overlayscrollbar-sorting-ref-hidden.html b/layout/reftests/z-index/overlayscrollbar-sorting-ref-hidden.html
new file mode 100644
index 0000000000..7dcd8585a5
--- /dev/null
+++ b/layout/reftests/z-index/overlayscrollbar-sorting-ref-hidden.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference without scrollbar</title>
+
+<style>
+
+#outer {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+  background: cyan;
+}
+
+#content {
+  height: 0px;
+}
+
+</style>
+
+<div id="outer"><div id="content"></div></div>
diff --git a/layout/reftests/z-index/overlayscrollbar-sorting-ref-visible.html b/layout/reftests/z-index/overlayscrollbar-sorting-ref-visible.html
new file mode 100644
index 0000000000..f9424cd976
--- /dev/null
+++ b/layout/reftests/z-index/overlayscrollbar-sorting-ref-visible.html
@@ -0,0 +1,24 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference with scrollbar</title>
+
+<style>
+
+#outer {
+  width: 200px;
+  height: 200px;
+  overflow: auto;
+  background: cyan;
+}
+
+#content {
+  height: 400px;
+}
+
+</style>
+
+<div id="outer"><div id="content"></div></div>
diff --git a/layout/reftests/z-index/reftest.list b/layout/reftests/z-index/reftest.list
new file mode 100644
index 0000000000..3e0d60cc63
--- /dev/null
+++ b/layout/reftests/z-index/reftest.list
@@ -0,0 +1,12 @@
+== 480053-1.html 480053-1-ref.html
+== z-index-1.html z-index-1-ref.html
+!= stacking-context-yes.html stacking-context-no.html
+fuzzy(0-1,0-1500) == stacking-context-perspective.html stacking-context-yes.html
+== stacking-context-backface-visibility.html stacking-context-no.html
+
+fails-if(Android&&!asyncPan) != overlayscrollbar-sorting-ref-visible.html overlayscrollbar-sorting-ref-hidden.html
+random-if(transparentScrollbars) == overlayscrollbar-sorting-1.html overlayscrollbar-sorting-ref-visible.html
+== overlayscrollbar-sorting-2.html overlayscrollbar-sorting-ref-visible.html
+== overlayscrollbar-sorting-3.html overlayscrollbar-sorting-ref-hidden.html
+== overlayscrollbar-sorting-4.html overlayscrollbar-sorting-ref-hidden.html
+random-if(transparentScrollbars) == overlayscrollbar-sorting-5.html overlayscrollbar-sorting-ref-visible.html
diff --git a/layout/reftests/z-index/stacking-context-backface-visibility.html b/layout/reftests/z-index/stacking-context-backface-visibility.html
new file mode 100644
index 0000000000..c4bccc7a56
--- /dev/null
+++ b/layout/reftests/z-index/stacking-context-backface-visibility.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<title>Does 'backface-visibility' create a stacking context?</title>
+<link rel="stylesheet" href="stacking-context-common.css">
+<style>
+.backface-visibility {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+</style>
+<div class="contain">
+  <div class="maybesc backface-visibility">
+    <div class="inner1"></div>
+    <div class="inner3"></div>
+  </div>
+  <div class="intruder"></div>
+</div>
diff --git a/layout/reftests/z-index/stacking-context-common.css b/layout/reftests/z-index/stacking-context-common.css
new file mode 100644
index 0000000000..1f4f093812
--- /dev/null
+++ b/layout/reftests/z-index/stacking-context-common.css
@@ -0,0 +1,26 @@
+.contain, .maybesc {
+  width: 100px;
+  height: 100px;
+}
+.contain, .maybesc {
+  position: relative;
+}
+.inner1, .inner3, .intruder {
+  position: absolute;
+  top: 0; left: 0; bottom: 0; right: 0;
+}
+.inner1 {
+  left: 5px; right: 30px;
+  background: rgba(0, 255, 255, 0.5); /* aqua */
+  z-index: 1;
+}
+.inner3 {
+  left: 30px; right: 5px;
+  background: rgba(255, 255, 0, 0.5); /* yellow */
+  z-index: 3;
+}
+.intruder {
+  top: 20px; bottom: 20px;
+  background: rgba(255, 0, 255, 0.5); /* fuchsia */
+  z-index: 2;
+}
diff --git a/layout/reftests/z-index/stacking-context-no.html b/layout/reftests/z-index/stacking-context-no.html
new file mode 100644
index 0000000000..168a1761de
--- /dev/null
+++ b/layout/reftests/z-index/stacking-context-no.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<title>Reference for things that do not create a stacking context</title>
+<link rel="stylesheet" href="stacking-context-common.css">
+<div class="contain">
+  <div class="maybesc">
+    <div class="inner1"></div>
+    <div class="inner3"></div>
+  </div>
+  <div class="intruder"></div>
+</div>
diff --git a/layout/reftests/z-index/stacking-context-perspective.html b/layout/reftests/z-index/stacking-context-perspective.html
new file mode 100644
index 0000000000..a9b99c86fc
--- /dev/null
+++ b/layout/reftests/z-index/stacking-context-perspective.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<title>Does 'perspective' create a stacking context?</title>
+<link rel="stylesheet" href="stacking-context-common.css">
+<style>
+.perspective {
+  -webkit-perspective: 200px;
+  perspective: 200px;
+}
+</style>
+<div class="contain">
+  <div class="maybesc perspective">
+    <div class="inner1"></div>
+    <div class="inner3"></div>
+  </div>
+  <div class="intruder"></div>
+</div>
diff --git a/layout/reftests/z-index/stacking-context-yes.html b/layout/reftests/z-index/stacking-context-yes.html
new file mode 100644
index 0000000000..bdb9567b54
--- /dev/null
+++ b/layout/reftests/z-index/stacking-context-yes.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<title>Reference for things that create a stacking context</title>
+<link rel="stylesheet" href="stacking-context-common.css">
+<style>
+.sc {
+  z-index: 0;
+}
+</style>
+<div class="contain">
+  <div class="maybesc sc">
+    <div class="inner1"></div>
+    <div class="inner3"></div>
+  </div>
+  <div class="intruder"></div>
+</div>
diff --git a/layout/reftests/z-index/z-index-1-ref.html b/layout/reftests/z-index/z-index-1-ref.html
new file mode 100644
index 0000000000..44ee8c979f
--- /dev/null
+++ b/layout/reftests/z-index/z-index-1-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.container {
+  position:absolute;
+  width:400px;
+  height:100px;
+  background-color:yellow;
+  z-index:0;
+}
+.container > div {
+  height:100px;
+  margin-bottom:-100px;
+}
+.negative {
+  width:380px;
+  background-color:blue;
+}
+.block {
+  width:360px;
+  background-color:purple;
+}
+.float {
+  width:340px;
+  background-color:green;
+}
+.inline {
+  width:320px;
+  background-color:pink;
+}
+#outline {
+  height:60px;
+  width:260px;
+  border:20px solid gray;
+}
+.positioned {
+  width:280px;
+  background-color:magenta;
+}
+.positive {
+  width:260px;
+  background-color:orange;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="negative"></div>
+  <div class="block"></div>
+  <div class="float"></div>
+  <div class="inline"></div>
+  <div id="outline"></div>
+
+  <div class="positioned"></div>
+  <div class="positive"></div>
+</div>
+</body>
+</html>
diff --git a/layout/reftests/z-index/z-index-1.html b/layout/reftests/z-index/z-index-1.html
new file mode 100644
index 0000000000..a77e890cd3
--- /dev/null
+++ b/layout/reftests/z-index/z-index-1.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>CSS 2.1 Test Suite: z-index</title>
+    <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+    <meta name="flags" content="" />
+<style>
+.container {
+  position:absolute;
+  width:400px;
+  height:100px;
+  font-size:0;
+  background-color:yellow;
+  line-height:0;
+  z-index:0;
+}
+.container > div {
+  height:100px;
+  margin-bottom:-100px;
+}
+.negative {
+  width:380px;
+  background-color:blue;
+  position:relative;
+  z-index:-1;
+}
+.block {
+  width:360px;
+  background-color:purple;
+}
+.float {
+  float:left;
+  width:340px;
+  margin-right:-340px;
+  background-color:green;
+}
+.inline {
+  width:320px;
+  display:inline-block;
+  background-color:pink;
+}
+#outline {
+  width:300px;
+  outline:20px solid gray;
+  outline-offset:-20px;
+}
+.positioned {
+  width:280px;
+  background-color:magenta;
+  position:relative;
+}
+.positive {
+  width:260px;
+  background-color:orange;
+  position:relative;
+  z-index:1;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="positive"></div>
+  <div class="positioned"></div>
+  <div id="outline"></div>
+  <div class="inline"></div>
+  <div class="float"></div>
+
+  <div class="block"></div>
+  <div class="negative"></div>
+</div>
+</body>
+</html>
-- 
cgit v1.2.3